@charset "utf-8";
/* CSS Document */


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

@media screen and (max-width: 736px) {
#SMP------------------------{}
	html,body,main {
		overflow-x: hidden;
	}
	
    * { font-family: "游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }/*明朝を使わない*/
    header { font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }/*明朝を使わない*/
	
    body{
        -webkit-text-size-adjust: 100%;/* iOSが自動的にフォントサイズを調整する機能をオフ */   
    }
	
    #fixbtn {
        width: 100%;
        height: 15.5VW!important;
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 9996;
        background-color: rgba(255,255,255,0.7);
    }
	#fixbtn li {
        float: left;
	}
	.fixbtn03 li {
        width: 33.333%;
	}
	.fixbtn04 li {
        width: 25%;
	}
	.fixbtn05 li {
        width: 20%;
	}
	#fixbtn li img {
  		width: 100%;
		height:auto;
	}
	.video-wrap {
        height: 100VW!important;
        min-height: auto!important;
    }
	#player {
		height: 100VW!important;
	}

    .inner {
        width:100%;
        margin:0;
    }
	
	h2.type_area {
    	padding: 42px 0 5px 0 !important;
		font-size:24px!important;
		margin-bottom: 5VW!important;
		text-indent:0em;
	}
	h2.type_area small {
		font-size:18px;
	}

	h3 {
		font-size:15px;
	}

    /*スマホ用ヘッダーここから*/
    #header {
        display:none;
    }
    #sb-site {
       position: relative;
    }
    #spheader #navi {
        width: 100%;
        height: 42px;
    }
    #spheader {
        position: fixed;
        top: 0px;
        width: 100%;
        height:42px;
        background-color:#FFF;
        z-index:9998;
    }
    #spheader .inner {
        width:100%;
        height:42px;
        margin:0 auto;
        position:relative;
    }
    #spheader .rogo01 {
        position:absolute;
        top:9px;
        left:7px;
        width:77px!important;
    }
    #spheader .rogo01 img{
        width:100%;
        height:auto;
    }
    #spheader .rogo02 {
        display:none;
    }
	#spheader p {
        position: absolute;
        top: 13px;
        left: 80px;
        color: #000;
        font-size: 12px;
    }
    #spheader .spmenu {
        position:absolute;
        top:0px;
        right:0px;
        width:45px;
        height:40px;
        background:url(../image/spmenu.gif) center left no-repeat;
        background-size:100%;
    }
	
	#spheader_mail {
        position: absolute;
        top: 0;
        right: 14%;
        text-align: right;
        line-height: 42px;
        font-size: 12px;
	}
	#spheader_mail a {
		text-decoration: underline;
  		color: #000;
	}
	.bl_accordionHeader a {
      	display: none!important;
	}
    /*.fixed {
        position: fixed;
        top: 0px;
    }*/
	/*スマホ用ヘッダーここまで*/
	
	/*main*/
    #main {
        padding-top:42px;
        height: 55VH;
    }
    #main .inner {
        position:relative;
        width:100%;
        height: 57VH;
    }
    #main .inner .title{
        width:46%;
        position:absolute;
		top: 63VW;
        left:4%;
    }
    #main .inner .title img{
        width:100%;
        height:auto;
    }
    #main .inner .read{
        width:92%;
        position:absolute;
		bottom: 0VW;
        left:4%;
    }
	/*main*/
	
	/*chapter*/
	.chapter {
		padding:12VW 0 20VW;
	}
	.chapter .inner > h2 {
		font-size:20px;
		width:92%;
		margin:0 auto 12VW;
        padding: 0 0VW;
    }
	.chapter .inner > h2.spwide {
        padding: 0 5VW;
    }
    h2.h2-type2 {
		width: 96%;
		margin:20px auto 0px;
		font-size:20px;
    }
	.chapter img {
		width:100%;
		height:auto;
    }
	#rotate02.chapter {
		padding-bottom:5VW;
	}
	#rotate02.chapter .inner > h2 {
    	padding: 0!important;
  	}
	/*chapter*/
	
	/*コーナーヘッダー*/
	.corner__header {
        height:50VW;
        width: 100VW;
		background-size: cover !important;
	}
	.corner__header .inner{
        position: relative;
        height:50VW!important;
        width: 100%;
		margin:0 auto;
	}
	.corner__header .inner .corner__header__left{
		left:2%;
		top:10VW;
		width:48%;
		height:30VW;
	}
	.corner__header .inner .corner__header__left h2{
        font-size:24px;
		line-height:1.33em;	
		width:50%;
		height:30VW;
	}
	.bunjo__header .corner__header__left {
        /*transform: translateY(-25px);*/
		height:20VW!important;
		width:95%!important;
		text-align: center!important;
		padding:5VW 0;
	}
	.bunjo__header .corner__header__left h2 {
		padding: 0!important;
		width: 97%!important;
        font-size: 20px!important;
	}
	.corner__header .inner .corner__header__left h2 span {
  		width: 180px!important;
	}
	.corner__header .inner .corner__header__left h2 + p{
        font-size:22px;
		line-height:1em;
        /*transform: translateY(-90px);*/
	}
	.corner__header .inner .corner__header__left h2 + p a{
        font-size:16px;
		padding-right:30px;
		color:#fff;
		background: url("../image/areamarker.png") right center no-repeat;
		background-size: 18px;
        padding-right: 25px;
	}
	/*コーナーヘッダー*/
    
    /*rotate*/
    #rotate{
        background-color: rgba(255,255,255,0.7);
        width:92%;
        margin:0 auto 0;
    }
	#rotate {
		width:100%;
        margin: 0 0 0px 0%;
        padding-bottom:35px;
    	padding-top: 8VW;
	}
	#rotate .inner{
		width:100%;
	}
    #rotate ul.banners li{
        margin: 0 0px;
	}
    #rotate li p{
		text-align:center;
        font-size:14px;
        padding-top:6px;
		padding-bottom: 10px;
	}
	
    #rotate .inner {
        width:92%;
        margin:0 auto 0;
    }
	#rotate ul.banners li {
        margin-right: 0%;
        margin-bottom: 10px;
		width: 3%;
    }
	#rotate ul.banners li:nth-child(2n) {
  		margin-right: 0px;
	}
    .rotate_wide .bx-wrapper .bx-viewport {
        /*height: 64VW !important;*/
        /*width: 92% !important;*/
        height: calc(212px + 2em) !important;
        width: 320px !important;
        margin: 0 auto;
    }
    .rotate_wide .bx-wrapper .bx-viewport ul li{
        width: 316px !important;/*320にしないのは最後のクローンが下に回るのを回避*/
		margin-bottom: 10VW;/*クローンが下に回るのを回避*/
    }
    .rotate_wide .bx-viewport{
        /*transform: translateX(4VW);*/
    }
    @media screen and (min-width: 737px) {
    #PC------------------------{}
        .bx-controls-direction {
            position:relative;
            width:200px;
            height:15px;
            margin:0 auto;
            transform: translateY(18px);/*上に移動*/
        }
	}
	
    .rotate_wide .bx-viewport {
        background: transparent !important;
        border: 0;
        overflow: visible !important;
        /*z-index: 1; スマホやタブレットでスワイプできないときに指定*/
    }
	.rotate_wide .bx-viewport ul{
		height: 250px;
		/*height: 60VW;*/
		overflow-y: hidden;
	}
	
	.rotate02 .bx-controls-direction {
		position: static;
        height: 15px;
		width: 100%;
        margin: 0 auto;
        transform: translateY(-35VW);
	}
	.rotate02 .bx-wrapper .bx-viewport .banners2 {
		transform: translate3d(-250px, 0px, 0px)!important;
	}
    /*rotate*/
	
	.banners p,
	.banners2 p{
		text-align:center;
        font-size:14px;
        padding-top:6px;
	}
	.banners a,
	.banners2 a{
		color:#000;
        text-decoration:none;
	}
	ul.banners li{
		width:46%;
        float:left;
        margin-left:2%;
        margin-right:2%;
        margin-bottom:5VW;
	}
	#area ul.banners li:nth-child(2n),
	#tenjijo ul.banners li:nth-child(2n){
        margin-right:0px;
	}
	ul.banners li img{
		width:100%;
        height:auto;
	}
	
	/*イベント*/
	ul.bunjo__area{
		width:100%;
		margin:0px auto ;
		padding:6VW 0 6VW;
	}
	ul.bunjo__area > li{
		width:100%;
		margin-bottom:20VW;
	}
	ul.bunjo__area > li:last-child{
		margin-bottom:0px;
	}
	ul.bunjo__area > li h3{
		width:100%;
		height:60px;
        font-size:24px;
		line-height:60px;
		margin-bottom:15px;
		text-indent: 0.5em !important;
	}
	ul.bunjo__area > li h3 small{
        font-size:20px;
	}
	
	ul.bunjo__area > li .photo01{
		float:left;
		width:40%;
		height:120px;
	}
	ul.bunjo__area > li .photo01 img{
		width:100%;
		height:auto;
		height:120px;
		object-fit: cover;
	}
	ul.bunjo__area > li .photo01 .bukken-img-wrap {
		height: 120px;
		overflow: hidden;
	}
	ul.bunjo__area > li .detail{
		float:right;
		width: 55%;
        font-size:14px;
	}
	.bunjo .eventbox{
		width:92%;
		min-height:32VW;
		padding-bottom:15px;
		margin: 0 auto 15px;
	}
	#event .eventbox .detail h4,
	#event .eventbox .detail p.date,
	#event .eventbox .detail p.address,
	.bunjo .eventbox .detail h4,
	.bunjo .eventbox .detail p.date,
	.bunjo .eventbox .detail p.address,
	.bunjo .eventbox .detail p.price,
	.bunjo .eventbox .detail p.landarea {
        margin-bottom:5px;
	}
	/*イベント*/
	
	/*RECOMMEND*/
	#recommend{
	}
	#recommend ul {
		width:84%;
		margin:0 auto 0;
	}
	#recommend ul li {
		float:left;
		width:48%;
		margin:0 4% 3VW 0;
	}
	#recommend ul li:nth-child(2n) {
		margin-right:0;
	}
	/*RECOMMEND*/

	/*カタログここから*/
	#catalog h2 {
  		font-size: 17px;
	}
	/*カタログここから*/

	/*フッターここから*/
	#footer {
		width:100%;
		/*height:280px;*/
		color:#666;
		padding:0px 0 0px 0;
		background-color:#ebebeb;
		padding-bottom: 15.5VW;
	}
	#footer .inner{
		width:100%;
		margin:0 auto;
		padding-top:0px;
	}
	#footer-tel {
		color:#000;
		width:320px;
		min-height: 180px;
		margin:0 auto;
		padding:30px 0;
	}
	#footer-tel p{
    	font-size:21px;
		text-align:center;
		margin:0px auto 5px;
	}
	#footer-tel p span{
    	font-size:14px;
	}
	#footer-tel li{
		clear:both;
	}
	#footer-tel ul.shiten02 li{
        margin-top:10px;
		line-height: 1em;
	}
	#footer-tel ul.shiten02 li:nth-child(2){
        margin-bottom:25px;
	}
	#footer-tel ul.shiten02 li span{
		display: block;
		font-size:14px;
		line-height: 1em;
	}
	#footer-tel ul.shiten02 li a.tel,
	#footer-customer ul.shiten02 li a.tel{
		display:block;
		margin-top: 2px;
		padding-left:30px;
		background:url(../image/icon_fc.png) left center no-repeat;
		background-size:25px;
    	font-size:21px;
		line-height:29px;
		font-weight:bold;
		color:#000;
		text-decoration:none;
	}
	#footer-tel ul.shiten02 li p{
		font-size:10px;
		text-align:left;
		float: left;
    	width: 96%;
        padding-left: 32%;
	}
	#footer-tel ul.shiten01 li a{
    	background:url("../image/reader_gr2.gif") left -15px center no-repeat;
		padding-right: 1em;
	}
	#footer-tel ul.shiten02 li span a{
    	background:url("../image/reader_gr2.gif") left 10px center no-repeat;
		padding-right:1em;
		color: #000;
	}
	#footer-tel ul.shiten02 li:nth-child(3) span a{
    	background:url("../image/reader_gr2.gif") left -4px center no-repeat;
		padding-right:1em;
		color: #000;
	}
	
	#footer-tel ul.shiten02 li{
        margin-top:10px;
		line-height: 1em;
	}
	#footer-customer {
		color:#000;
		width:100%;
		margin: 0 auto -1.5VW;
		padding:4VW 0;
		background-color: #ccc;
	}
	#footer-customer ul.shiten02 li span {
    	text-align: center;
  		display: block;
		font-size: 15px;
		padding-bottom: 3px;
	}
	#footer-customer ul.shiten02 li a.tel{
		padding-left:calc(30% + 30px);
		background-position:left 32% center;
	}
	
	#footer-middle {
		clear: both;
		background-color:#f4f4f4;
		color:#000;
	}
	#footer-middle p {
    	width:96%;
		margin:5px auto 0;
		padding:10px 0;
		font-size:12px;
	}
	#footer-middle ul li:nth-child(4) {
    	display:none;
	}
	#footer-middle ul li.sns {
		float:left;
		text-align: center;
		width:15%;
		padding: 5VW 5% 5VW 30%;
	}
	#footer-middle ul li:nth-child(3) {
		padding: 5VW 30% 5VW 5%;
	}
	#footer-middle ul li.sns p{
		font-size:11px;
		padding-top:0px;
		line-height: 1em;
	}
	#footer-middle ul li.sns a {
		color:#000;
	}
	#footer-bottom {
    	height:108px;
		font-size: 10px;
		color:#000;
		background:url(../../image/foot_info03.png?v=1) center top -1VW no-repeat;
		background-size: 90%;
		background-color: #f4f4f4;
	}
	#footer-bottom .footer-aux-primary,
	#footer-bottom .footer-aux-secondary {
		display:none;
	}
	#footer-bottom p {
		text-align: center;
		font-size: 10px;
    	padding-top: 90px;
	}
    
    #footer-tel .footer__btn {
        clear:both;
        width:100%;
        height:36px;
        background-color: #ccc;
        text-align:center;
        line-height:36px;
    }
    #footer-tel .footer__btn a{
        display:block;
        width:100%;
        height:36px;
        line-height: 36px;
        color:#000;
		background:url("../image/reader_bk.png") right 30% center no-repeat;
        font-size:14px;
    }
	
	/*footer-shiten*/
	#footer-tel ul.shiten01{
        margin: 0px auto 0;
		padding-top:3px;
	}
	#footer-tel ul.shiten01 li{
        width:100%;
	}
	#footer-tel ul.shiten01 li a{
        color:#03a619;
    	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		font-weight:500;
		font-size:15px;
		text-decoration: none;
	}
	#footer-tel ul.shiten01 li:last-child{
		margin-top:6.25em;
	}
	#footer-tel ul.shiten01 li:last-child a{
        color:#ab3967;
		text-decoration: none;
	}
	#footer-tel ul.shiten01 li {
  		position: relative;
		line-height:1em;
	}
	#footer-tel ul.shiten01 li p {
		margin-bottom:0;
		text-align: left;
    }
	#footer-tel ul.shiten01{
		float:left;
		width:25%;
	}
	#footer-tel ul.shiten02{
		float:left;
		width:75%;
	}
	#footer-tel ul.shiten02 a img,
	#footer-customer ul.shiten02 a img{
		width:20px;
		margin-left:5px;
	}
	/*footer-shiten*/
	
	#fixbtn_cp {
		display:none!important;
	}
	
	#main, #main .inner {
  		height: calc(100VW + 0VW) !important;
	}
    #main .inner .banner{
        width:100%;
        height:26.66VW;
        position:absolute;
        bottom:40px;
        left:0px;
    }
    #main .inner .banner img{
        width:100%;
        height:auto;
    }
    #main .inner .gaiyo{
        width:100%;
        height: 40px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        background-color: #081f2f;
        text-align: center;
        line-height: 40px;
        font-size:14px;
    }
    #main .inner .gaiyo a{
        color:#FFF;
    }
    /*フッターここまで*/
	.detail dl dt.letter3 span {
		letter-spacing: 0.5em;
	}

	.pc {
		display:none!important;
	}

    p {
        line-height: 1.25em;
    }
}

@media screen and (min-width: 737px) {
#PC------------------------{}

    a:hover img {/*ロールオーバー時に70％半透明*/
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
    }
	/*#navi a:hover img,*/
    a.rogo01:hover img,
    a.rogo02:hover img {/*ロールオーバー時に70％半透明除外*/
        opacity: 1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
    }
	
    /*sideここから*/
    #fixbtn {
        display: block;
        position:absolute;
        top:335px;
        right:0px;
		width:119px;
		background:url("../image/side.gif") left center no-repeat;
    }
    #fixbtn a{
		display: block;
        color:#fff;
    }
    #fixbtn.fixed  {
        position: fixed;
        top: 65px;
        z-index: 999;
    }
    #fixbtn ul li a{
		line-height:40px;
		text-align: center;
		text-decoration: none;
    }
    #fixbtn ul li:first-child a{
		height:50px;
		line-height:50px;
		text-align: left;
    }
    /*sideここまで*/

    /*ヘッダーここから*/
    body.aichigifu #header {
        width:100%;
        height:47px;
        background-color: rgba(255,255,255,0.5);
    }

    .inner {
        width:1200px;
        margin:0 auto;
    }

    body.aichigifu #header .inner {
        position:relative;
        height:46px;
    }

    body.aichigifu #header-body-sp {
        display:none;
    }

    body.aichigifu #header .rogo01 {
        position:absolute;
        top:11px;
        left:0px;
    }

    body.aichigifu #header .inner p {
        position:absolute;
        top:16px;
        left:100px;
        color:#000;
        font-size:12px;
    }

    body.aichigifu #header .inner p span ,body.aichigifu #header .inner p a {
        background:url(../image/reader_bk.png) center left no-repeat;
        padding-left:8px;
        margin-left: -5px;
		background-size: 6px;
    }
    #header p a:link,#header p a:visited,#header p a:active {
        color:#000;
    }

    #header p a:hover {
        text-decoration:underline;
    }

    body.aichigifu #header .tel {
        position:absolute;
        top:16px;
        right:307px;
    }

    body.aichigifu #header .contact {
        position:absolute;
        top:7px;
        right:150px;
    }
    body.aichigifu #header .contact a{
        pointer-events: none;
    }

    body.aichigifu #header .rogo02 {
        position:absolute;
        top:13px;
        right:0px;
    }

    #spheader {
        display:none;
    }
    /*ヘッダーここまで*/

    /*NAVIドロップダウンここから*/
    body.aichigifu #header #navi {
        position: absolute;
        top: 47px;
        width:100%;
            height:35px;
        z-index: 9999;
            background-color: rgba(243,240,238,0.95);
    }

    body.aichigifu #header.fixed #navi {
        position: fixed;
        top: 0px;
    }

	body.aichigifu #navi > ul{
		width:1200px;
		height:35px;
		margin:0 auto;
        background:url(../image/dotline.gif) right center no-repeat;
	}
	body.aichigifu #navi > ul > li{
		float:left;
		width:20%;
		height:35px;
		margin:0px;
		font-size:12px;
		text-align:center;
		color:#000;
		line-height:35px;
        background:url(../image/dotline.gif) left center no-repeat;
	}
	body.aichigifu #navi > ul > li:last-child{
		/*width:174px;*/
	}
	body.aichigifu #navi > ul > li > div > a{
		display:block;
		width:100%;
		height:35px;
		text-decoration:none;
		color:#000;
	}
	/*#navi > ul > li > div > a:hover {
  		background: url(../image/navi_hover.gif) left bottom repeat-X;
	}*/
	body.aichigifu #navi a:link,#menu a:visited,#menu a:hover,#menu a:active {
		color:#000;
	}

    div.starting_point {
        position: relative;
        padding: 0px;
        height: 37px;
        width: 100%;
        margin: 0px auto;
        z-index: 999;
    }

    .opener{
        height:37px;
        width:240px;
    }
    .opener > span.area__open { 
        display: none;
    }
    .opener:hover > span.area__open {
        position: absolute;
        display: block;
        top: 0px;
        left: auto;
        right:auto;
        /* 装飾設定 -------------------- */
        color :#000;
        padding: 40px;
        line-height: 1.5;
        margin-top:35px;
        width:1200px;
        height: 425px;
        transform: translateX(-40px);
		background-color: rgba(243,240,238,0.95);
		border-top: 1px solid #ccc;
    }
	.area__open ul > li{
        height: 182px;
		width:224px!important;
	}
	.area__open ul li:nth-child(4n){
        /*margin-right:16px!important;*/
	}
	.area__open ul li:nth-child(5n){
        /*margin-right:0px!important;*/
	}
	.area__open > .divide {
        /*display: inline-block;*/
		float:left;
	}
	.area__open .divide01-01,
	.area__open .divide01-02 {
		width:50%;
	}
	.area__open .divide01-03 .area__open__sub,
	.area__open .divide03-02 .area__open__sub {
		width:900px;
	}
	.area__open .divide01-01 li:nth-child(2n+1),
	.area__open .divide01-02 li:nth-child(2n+1) {
        margin-right:12px!important;
	}
	.area__open .divide01-01 li:nth-child(2n),
	.area__open .divide01-02 li:nth-child(2n) {
        margin-right:0px!important;
	}
	.area__open .divide01-02 li:nth-child(2n+1) {
        margin-left:12px!important;
	}
	.area__open .divide02-01 {
		width:960px;
	}
	.area__open .divide02-01 li{
        margin-right:12px!important;
	}
	.area__open .divide02-01 li:nth-child(4n){
        margin-right:0px!important;
	}
	.area__open .divide02-01 li:nth-child(5n){
        margin-right:12px!important;
	}
	.area__open .divide02-02 {
		width:224px;
	}
	body.aichigifu #navi > ul > li:nth-child(1) .opener:hover > span.area__open{
        transform: translateX(-40px);
  		background: url(../image/navi_hover2.gif) left 40px top no-repeat;
		background-color: rgba(243,240,238,0.95);
	}
	body.aichigifu #navi > ul > li:nth-child(2) .opener:hover > span.area__open{
        /*transform: translateX(-280px);*/
        transform: translateX(-240px);
  		background: url(../image/navi_hover2.gif) left 240px top no-repeat;
		background-color: rgba(243,240,238,0.95);
	}
	body.aichigifu #navi > ul > li:nth-child(3) .opener:hover > span.area__open{
        /*transform: translateX(-520px);*/
        transform: translateX(-440px);
  		background: url(../image/navi_hover2.gif) left 440px top no-repeat;
		background-color: rgba(243,240,238,0.95);
	}
	body.aichigifu #navi > ul > li:nth-child(4) .opener:hover > span.area__open{
        /*transform: translateX(-760px);*/
        transform: translateX(-640px);
  		background: url(../image/navi_hover2.gif) left 640px top no-repeat;
		background-color: rgba(243,240,238,0.95);
	}
	body.aichigifu #navi > ul > li:nth-child(5) .opener:hover > span.area__open{
        /*transform: translateX(-1000px);*/
        transform: translateX(-840px);
  		background: url(../image/navi_hover2.gif) left 840px top no-repeat;
		background-color: rgba(243,240,238,0.95);
	}
	body.aichigifu #navi > ul > li:nth-child(6) .opener:hover > span.area__open{
        /*transform: translateX(-1000px);*/
        transform: translateX(-1040px);
  		background: url(../image/navi_hover2.gif) left 1040px top no-repeat;
		background-color: rgba(243,240,238,0.95);
	}
    .area__open ul.banners li a span {
        width:288px;
        height:185px;
		overflow: hidden;
		display: block;
    }
    .area__open ul.banners li a span img {
        width:288px;
        height:auto;
    }
    .opener:hover > span.area__open h3{
		margin: 0px 0 15px;
		font-size:21px;
		line-height: 21px;
		text-align: left;
    	font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
    }
    .opener:hover > span.area__open h3 span{
		font-size:1.2em;
    }
	.area__open__sub li.one-third {
		text-align: left;
		float:left;
		margin-bottom: 14px;
        height:52px;
	}
	.area__open__sub li.one-third:nth-child(5n) {
		margin-right:16px!important;
	}
	.area__open__sub li.one-third a {
		display:table;
        height:52px;
	}
	.area__open__sub li.one-third img{
		width:80px;
		display:table-cell;
	}
	.area__open__sub li.one-third p{
		display:table-cell;
		text-align: left;
		/*line-height:52px;
		text-indent:1em;*/
		/*width:calc(288px - 80px - 1em);*/
		width:calc(234px - 80px - 1.5em);
		padding-left:0.5em;
		padding-top: 0px;
  		vertical-align: middle;
        /*transform: translateY(-26px);上に移動*/
	}
	.area__open ul > li.w288 {
      	width: 288px !important;
    }
	.area__open__sub li.one-third p.twolines{
		line-height:1.5em;
		text-indent:1em;
        transform: translateY(-12px);/*上に移動*/
	}
	#navi .area__open__sub li.one-third a:hover {
  		/*background-color: #fff!important;*/
	}
	
	
    .dropmenu{
      *zoom: 1;
      width: 1200px;
      margin: 0px auto 30px;
      padding: 0;
    }
    .dropmenu:before, .dropmenu:after{
      content: "";
      display: table;
    }
    .dropmenu:after{
      clear: both;
    }
    .dropmenu li{
      position: relative;
      width: 160px;
      height: 34px;
      float: left;
      margin: 0;
      padding: 0;
      text-align: center;
      list-style-type: none;
    }
    .dropmenu li a{
      display: block;
      margin: 0;
      padding: 0;
      color: #fff;
      font-size: 14px;
      line-height: 1;
      text-decoration: none;
    }
    .dropmenu li ul{
      list-style: none;
      position: absolute;
      top: 100%;
      left: 0;
      margin: 0;
      padding: 0;
    }
    .dropmenu li ul li{
      width: 100%;
    }
    .dropmenu li ul li a{
      padding: 0;
      text-align: left;
    }
    .dropmenu li ul li{
      float: none;
      width: 160px;
      height: 34px;
      line-height:34px;
        background:url(../image/bk65.png);
    }
    .dropmenu li ul li a{
      line-height:34px;
      padding-left:5px;
      font-size:12px;
    }
    .dropmenu li ul li a:hover{
      background: #0075c2;
    }

    #fade-in { position: relative; z-index: 6; }
    #fade-in li ul{
      opacity: 0;
      visibility: hidden;
      transition: .5s;
    }
    #fade-in li:hover ul{
      visibility: visible;
      opacity: 1;
    }
    /*NAVIドロップダウンここまで*/
	
	/*main*/
    #main {
        width:100%;
        height:551px;
        margin:0 auto;
        clear: both;
    }
    #main .inner {
        position:relative;
        width:1200px;
        height:551px;
    }
    #main .inner .title{
        position:absolute;
        top:350px;
        left:0px;
    }
    #main .inner .title h1{
		font-size:16px;
    }
	
	#main .inner .read {
        position: absolute;
		width:700px;
        bottom: 0px;
        right: 0px;
		text-align: right;
  	}
	/*main*/
	
	/*chapter*/
	.chapter {
		padding:60px 0 100px;
	}
	.chapter .inner > h2 {
		padding:60px 0 100px;
		font-size:24px;
		margin-bottom:55px;
	}
	.chapter .inner > h2 {
        padding: 0 65px;
    }
	
    h2.h2-type2 {
		width: 1200px;
		margin:20px auto 0px;
		font-size:24px;
    }
	
	h2.type_area {
    	padding: 42px 0 5px !important;
		font-size:24px!important;
		margin-bottom: 20px!important;
	}
	h2.type_area small {
		font-size:18px;
	}
	/*chapter*/
	
	/*コーナーヘッダー*/
	.corner__header {
        height:300px;
        width: 100%;
	}
	.corner__header .inner{
        position: relative;
        height:300px;
        width: 1200px;
		margin:0 auto;
	}
	.corner__header .inner .corner__header__left{
		left:0;
		top:40px;
		width:290px;
		height:220px;
	}
	.corner__header .inner .corner__header__left h2{
        font-size:24px;
		line-height:1em;	
		width:290px;
		height:220px;
	}
	.corner__header .inner .corner__header__left h2 span{
        transform: translateY(-25px);/*上に移動*/
	}
	.corner__header .inner .corner__header__left h2 + p{
        font-size:22px;
		line-height:1em;
        transform: translateY(-90px);/*上に移動*/
	}
	.corner__header .inner .corner__header__left h2 + p a{
        font-size:18px;
		padding-right:30px;
		color:#fff;
		background: url("../image/areamarker.png") right center no-repeat;
	}
	/*コーナーヘッダー*/
	
	/*イベント*/
	ul.bunjo__area{
		width:1200px;
		margin:0px auto 0px;
		padding:26px 0 100px;
	}
	ul.bunjo__area > li{
		float:left;
		width:390px;
		margin-right:15px;
	}
	ul.bunjo__area > li:last-child{
		margin-right:0px;
	}
	ul.bunjo__area > li h3{
		width:390px;
		height:80px;
        font-size:38px;
		line-height:80px;
	}
	ul.bunjo__area > li h3 small{
        font-size:27px;
	}
	
	ul.bunjo__area > li .photo01{
		float:left;
		width:105px;
		height:105px;
	}
	ul.bunjo__area > li .photo01 img{
		width:100%;
		height:auto;
	}
	ul.bunjo__area > li .detail{
		float:right;
		width:273px;
        font-size:14px;
	}
	.bunjo .eventbox{
		height:105px;
		margin-bottom:15px;
		padding-bottom:15px;
	}
	/*イベント*/
	
	/*RECOMMEND*/
	#recommend{
	}
	#recommend ul li {
		float:left;
		width:189px;
		margin:0 13px 13px 0;
	}
	#recommend ul li:nth-child(6n) {
		margin-right:0;
	}
	/*RECOMMEND*/

	/*スマホ用リンクここから*/
	#splink{
		display:none;
	}
	/*スマホ用リンクここまで*/

	/*カタログここから*/
	#catalog ul.banners li {
  		margin-bottom: 0px;
	}
	/*カタログここから*/
	
	/*フッターここから*/
	#footer {
		width:100%;
		height:150px;
		color:#fff;
		padding:0px 0 0px 0;
		background-color: #000;
		background:url(../image/footer_bg.gif?v=1) left bottom repeat-X!important;
	}
	#footer .inner{
		width:1200px;
		margin:0 auto;
		padding-top:0px;
	}
	#footer-tel {
    	/*height:172px;*/
		color:#000;
		padding:50px 0;
		background-color: #ebebeb;
	}
	#footer-tel p,
	#footer-customer p{
    	font-size:21px;
		text-align:center;
		margin:0px auto 10px;
	}
	#footer-tel p span,
	#footer-customer p span{
    	font-size:14px;
	}
	#footer-tel a.tel,
	#footer-customer a.tel{
		padding-left:50px;
		background:url(../image/icon_fc.png) left center no-repeat!important;
    	font-size:31px;
		line-height:31px;
		font-weight:bold;
		color:#000;
		pointer-events: none;/*リンク無効*/
	}
    #footer-tel .footer__btn {
        width:430px;
        height:36px;
        background-color: #ccc;
        text-align:center;
        line-height:36px;
    }
    #footer-tel .footer__btn a{
        display:block;
        width:100%;
        height:36px;
        color:#000;
		background:url("../image/reader_bk.png") right 154px center no-repeat;
    }
	#footer-tel .address{
    	font-size:12px;
        padding:5px 0 0 130px;
	}
	#footer-tel ul{
    	width:1140px;
        margin: 22px auto 0;
	}
	#footer-customer {
		color:#000;
		padding:30px 0 30px;
		background-color: #ccc;
	}
	#footer-customer ul{
    	width:1140px;
        margin: 0px auto 0;
	}
	#footer-tel ul.shiten02 li{
    	float:left;
    	width:380px;
		margin-right:0px;
	}
	#footer-tel ul.shiten02 li:last-child{
		margin-right:0px;
	}
	#footer-tel ul li p,
	#footer-customer ul li p{
		font-size:10px;
		text-align:left;
	}
	#footer-tel ul.shiten02 li span{
    	display:block;
        width:122px;
		padding-bottom:5px;
	}
	#footer-tel ul.shiten02 li,
	#footer-customer ul.shiten02 li{
    	float:left;
    	width:380px;
		margin-right:0px;
	}
	#footer-customer ul.shiten02 li{
    	width:100%;
		text-align: center;
	}
	#footer-customer ul.shiten02 li span{
    	display:block;
		padding-bottom:10px;
	}
	
	/*footer-shiten*/
	#footer-tel ul.shiten01{
        margin: 0px auto 0;
	}
	#footer-tel ul.shiten01 li{
    	float:left;
        width:680px;
	}
	#footer-tel ul.shiten01 li a{
        color:#03a619;
    	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		font-weight:500;
		font-size:18px;
	}
	#footer-tel ul.shiten01 li a{
    	background:url("../image/reader_gr2.gif") left center no-repeat;
		padding-right: 1em;
	}
	#footer-tel ul.shiten02 li span a{
    	background:url("../image/reader_gr2.gif") left 25px center no-repeat;
		padding-right:1em;
		color: #000;
	}
	#footer-tel ul.shiten02 li:nth-child(3) span a{
    	background:url("../image/reader_gr2.gif") left 8px center no-repeat;
		padding-right:1em;
		color: #000;
	}
	#footer-tel ul.shiten01 li:last-child{
        width:300px;
		margin-left:80px;
	}
	#footer-tel ul.shiten01 li:last-child a{
        color:#ab3967;
	}
	#footer-tel ul.shiten01 li {
  		position: relative;
		line-height:1em;
	}
	#footer-tel ul.shiten01 li p {
		margin-bottom:0;
    }
	#footer-tel ul.shiten01 li p::before {
        position: absolute;
        top: calc(50% - 1px);
        left: 0;
        width: 100%;
        height: 1px;
        content: '';
        background: #ccc;
    }
	#footer-tel ul.shiten01 li p span {
        position: relative;
        padding: 0;
        background: #ebebeb;
		width: 6em;
    }
	/*footer-shiten*/
	
	#footer-middle {
    	clear:both;
    	height:100px;
		color:#000;
	}
	#footer-middle ul{
		width:1200px;
		margin:0 auto;
	}
	#footer-middle ul li{
    	float: left;
		padding-top:6px;
	}
	#footer-middle ul li p{
		font-size:11px;
		padding-top:12px;
	}
	#footer-middle ul li.sns {
		text-align: center;
		width:70px;
		padding-top:22px;
	}
	#footer-middle ul li.sns p{
		font-size:11px;
		padding-top:0px;
		line-height: 1em;
	}
	#footer-middle ul li.sns a {
		color:#000;
	}
	#footer-middle ul li:first-child{
		padding-right:500px;
	}
	#footer-middle ul li:last-child{
    	float: right;
		padding-top:12px;
	}
	#footer-middle ul li:last-child img{
		width:300px;
		height:auto;
	}
	#footer-bottom {
    	height:50px;
		font-size: 10px;
		width:1200px;
		margin:0 auto;
	}
	#footer-bottom .footer-aux-primary {
		padding-top:6px;
    	float: left;
	}
	#footer-bottom .footer-aux-primary li,
	#footer-bottom .footer-aux-secondary li {
    	float: left;
		margin-right: 2em;
	}
	#footer-bottom .footer-aux-secondary {
		padding-top:6px;
    	float: right;
	}
	#footer-bottom p {
		text-align: right;
		font-size: 10px;
    	padding-bottom: 10px;
		padding-top:25px;
	}
	#footer a{
		text-decoration:none;
	}
	#footer-bottom a:link,#footer-bottom a:visited,#footer-bottom a:hover,#footer-bottom a:active {
		color:#fff;
	}

	#footer-sp {
		display:none;
	}
    /*フッターここまで*/

    /*rotate*/
	#rotate {
		width:100%;
	}
	#rotate .inner{
		width:1200px;
	}
	#rotate{
		padding:60px 0 60px;
	}
	.rotate_wide ul li {
      	width: 320px;
      	margin-right: 21px;
    }
	.rotate_wide ul li:nth-child(4n) {
  		margin-right: 21px;
	}
	.rotate_wide ul li {
      	width: 320px;
      	margin-right: 21px;
    }
	.rotate_wide ul li a div {
      	height: 211px;
    }
	
    .zoomimg a div {
        position: relative;
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

    .zoomimg a div span {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    }

    .zoomimg a div span img {
        width: 100%;
        display: block;
		transition: .9s;
    }

    .zoomimg a:hover div span img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
	
	.rotate_wide .bx-controls-direction {
        /*position:relative;*/
		width:160px;
		height:15px;
		margin:0 auto;
        /*transform: translateY(18px);*/
	}
	/*rotate*/
	
	.banners p,
	.banners2 p{
        font-size:14px;
	}
	ul.banners li{
		width:288px;
        float:left;
        margin-right:16px;
		margin-bottom: 40px;
	}
	ul.banners li:nth-child(4n){
        margin-right:0px;
	}
	ul.banners li img {
		width:100%;
		height:auto;
	}
    /*4列バナー*/
	
	/*キャンペーン用*/
    #main .inner .banner{
        position:absolute;
        bottom: 72px;
        right:0px;
    }
    #main .inner .gaiyo{
        position:absolute;
        bottom: 90px;
        right:0px;
        width:360px;
        text-align:center;
    }
    #main .inner .gaiyo a{
        color:#000;
    }
    #fixbtn_cp {
        display: block;
        position:absolute;
        bottom: 115px;
        right:15px;
    }
    #fixbtn_cp.fixed  {
        position: fixed;
        top: 65px;
		height:103px;
        right: calc(50VW - 593px);
        z-index: 999;
    }
	/*キャンペーン用*/

    p {
        line-height: 1.5em;
    }
	
    .sp {
        display:none!important;
    }
}
@media screen and (min-width: 1600px) {
#PC------------------------{}
}

@media screen and (min-width: 736px) and (max-width: 1080px){
TABLET------------------------{}

	* { font-family: sans-serif; }/*明朝を使わない*/

	.bx-controls-direction {
		display:none;
	}
}
#main .inner .title h1 {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#fff;
    text-shadow: -1px -1px 2px #666,1px 1px 2px #666,-1px 1px 2px #666,1px -1px 2px #666;
	padding-left:5px;
}
#main .inner .read p {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#fff;
    text-shadow: -1px -1px 2px #666,1px 1px 2px #666,-1px 1px 2px #666,1px -1px 2px #666;
}
/*コーナーヘッダー*/
.corner__header .inner .corner__header__left{
    position:absolute;
    background-color: rgba(0,0,0,0.6);/*黒65%*/
    text-align: center;
}
.corner__header .inner .corner__header__left h2{
    color:#FFF;
    vertical-align: middle;
    display: table-cell;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.corner__header .inner .corner__header__left h2 span{
	display: inline-block;
	width:191px;
	text-align: center;
    color:#000;
    background-color: #fff;
	padding:8px 0;
}
.corner__header .inner .corner__header__left h2 + p{
	display: inline-block;
	/*width:191px;*/
	width: 10em;
	text-align: center;
    color:#fff;
}
/*コーナーヘッダー*/

/*chapter*/
.chapter {
    background-color: #fff;
}
.chapter .inner > h2 {
    font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
    position: relative;
    text-align: center;
}
h2.h2-type2 {
    text-align: left;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    border-bottom:1px solid #000;
}
.chapter .inner > h2:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #ccc;
}
.chapter .inner > h2 span {
    position: relative;
    padding: 0 0.5em;
    background: #fff;
}
.chapter .inner > h2 a {
  	color: #000;
  	text-decoration: none;
}
/*chapter*/

.banners p,
.banners2 p{
    text-align:center;
    padding-top:5px;
}
.banners a,
.banners2 a{
    color:#000;
    text-decoration:none;
}

/*イベント*/
ul.bunjo__area > li h3{
    background-color: #000;
    text-align: left;
    text-indent: 1em;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color:#fff;
}
.bunjo .eventbox{
    border-bottom:1px solid #000;
}
.bunjo .eventbox .detail h4{
    font-weight:bold;
    margin-top: -2px;
    margin-bottom: 3px;
}
.bunjo .eventbox .detail h4 a{
    color:#000;
}
.bunjo .eventbox .detail h4 {
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bunjo .eventbox .detail p.date,
.bunjo .eventbox .detail p.address,
.bunjo .eventbox .detail p.price,
.bunjo .eventbox .detail p.landarea {
    width: 100%;/*文字あふれを...で省略*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#event .eventbox .detail h4,
#event .eventbox .detail p.date,
#event .eventbox .detail p.address{
    margin-bottom: 7px;
}
.bunjo .eventbox .detail p.read {
    line-height:1.25em;
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

	.detail dl dt.letter3 span {
		letter-spacing: 0.5em;
	}
	.detail dl dt.letter5 span {
		letter-spacing: 0.66em;
	}
@media screen and (max-width: 736px) {
#SMP------------------------{}
    #event .event__body {
        padding:0px 0% 0px;
    }
    #event ul.event__body > li{
        margin-bottom:10px;
        padding-bottom:10px;
        padding:10px 2% 10px;
    }
    #event .event__body li .event__photo{
        width:24%;
        min-height: 21VW;
        margin-bottom:12px;
    }
    #event .event__body li .event__photo img{
        height: 22VW !important;
        object-fit: cover;
    }
    #event .event__body li .event__text{
        width:74%;
        min-height: 21VW;
        margin-left:2%;
    }
    #event .event__body li .event__text h4{
        margin-bottom:5px;
        font-size:12px;
		overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    #event .event__body li .event__text p{
        width:100%;
        font-size:10px;
        line-height:16px;
        margin-bottom:10px;
    }
    #event .event__body li .event__text p .pdf{
        padding:0px 5px;
        font-size:10px;
    }
    #event .event__body li .event__info{
        width:100%;
        padding:10px;
    }
    #event .event__body li .event__info .event__info__detail{
        width:75%;
    }
    #event .event__body li .event__info dl{
        margin-bottom:10px;
    }
    #event .event__body li .event__info dl dt{
        width:22%;
        font-size:8px;
        padding:1px 0;
    }
    #event .event__body li .event__info dl dd{
        width:75%;
        font-size:10px;
    }
    #event .event__body li .event__info ul{
        width:25%;
    }
    #event .event__body li .event__info ul li{
        width:100%;
        height:30px;
        margin-bottom:8px;
    }
    #event .event__body li .event__info ul li a{
        height:30px;
        line-height:30px;
        width:100%;
        font-size:11px;
    }
	#event ul.event__body > li {
  		width: 92%;
		padding: 10px 4% 10px;
	}
}

@media screen and (min-width: 737px) {
#PC------------------------{}
    #event .event__body {
        padding:20px 20px 0px;
    }
    #event ul.event__body > li{
		height: auto;
        min-height: 130px;
        margin-bottom:10px;
        padding:20px;
    }
    #event .event__body li .event__photo{
        width:112px;
        height:112px;
        margin-bottom:12px;
    }
    #event .event__body li .event__photo img{
        width: 112px;
        height: 112px!important;
        object-fit: cover;
    }
    #event .event__body li .event__text{
        width:418px;
        /*height:112px;*/
        margin-left:20px;
    }
	
    #event .event__body li .event__text h4{
        margin-bottom:4px;
        font-size:14px;
		width:100%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    #event .event__body li .event__text p{
        width:100%;
        font-size:13px;
        line-height:20px;
    }
    #event .event__body li .event__text p .pdf{
        padding:0px 5px;
        font-size:10px;
    }
    #event .event__body li .event__info{
        width:590px;
        margin-left:20px;
        min-height:112px;
        padding:10px;
    }
    #event .event__body li .event__info .event__info__detail{
        width:410px;
    }
    #event .event__body li .event__info dl{
        margin-bottom:10px;
    }
    #event .event__body li .event__info dl dt{
        width:80px;
        font-size:11px;
    }
    #event .event__body li .event__info dl dd{
        width:324px;
        font-size:12px;
    }
    #event .event__body li .event__info ul{
        width:100px;
    }
    #event .event__body li .event__info ul li{
        width:100%;
        height:28px;
        margin-bottom:5px;
    }
    #event .event__body li .event__info ul li a{
        height:28px;
        line-height:28px;
        width:100%;
        font-size:12px;
    }
    #event .event__body {
        padding: 0px 0px 0px;
    }
    #event ul li h3 {
        font-size:15px;
        margin:30px 0 5px;
    }
	
    #event .eventbox .detail h4,
    #event .eventbox .detail p.date,
    #event .eventbox .detail p.address{
        margin-bottom: 3px;
    }
    #event .eventbox .detail p.read {
        -webkit-line-clamp: 2;
    }
}

#event ul.event__body > li{
    clear:both;
    background-color: #f3f3f3;
}
#event .event__body li .event__photo{
    float:left;
}
#event .event__body li .event__photo img{
    width:100%;
    height:auto;
}
#event .event__body li .event__text{
    float:left;
}
#event .event__body li h4{
    width:100%;
    font-weight:bold;
    line-height:1.5em;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
#event .event__body li h4 a{
    color:#000;
}
#event .event__body li .event__text p.shorten{
    /*overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;*/
}
#event .event__body li .event__text p .pdf{
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #7cbc28;
    text-align:center;
    color:#FFF;
    text-decoration: none;
}
#event .event__body li .event__info{
    float:left;
    box-sizing:border-box;
    background-color: #FFF;
}
#event .event__body li .event__info .event__info__detail{
    float:left;
}
#event .event__body li .event__info dl:last-child{
    margin-bottom:0px;
}
#event .event__body li .event__info dl dt{
    float:left;
    background-color: #f4f2ed;
    text-align:center;
}
#event .event__body li .event__info dl dd{
    float:right;
	line-height: 1.25em;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
#event .event__body li:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}
#event .event__body li .event__info ul{
    float:right;
}
#event .event__body li .event__info ul li{
    width:100%;
}
#event .event__body li .event__info ul li.detail{
    background-color: #ffa200;
}
#event .event__body li .event__info ul li.map{
    background-color: #6e6b6b;
}
#event .event__body li .event__info ul li.raijo{
    background-color: #002060;
}
#event .event__body li .event__info ul li.pdf{
    background-color: #f6f6f6;
	border: 1px solid #ccc;
    box-sizing:border-box;
}
#event .event__body li .event__info ul li.pdf a{
	color:#333;
	background: url("../image/reader_bk.png") no-repeat right 7px center;
}
#event .event__body li .event__info ul li:last-child{
    margin-bottom:0px;
}
#event .event__body li .event__info ul li a{
    display:block;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    text-decoration: none;
    color:#FFF;
    background: url("../image/reader_wh.png") no-repeat right 7px center;
}
/*イベント*/

/*コーナーヘッダー*/
.event__header {
    background:url("../image/event_header_bg.jpg") center center no-repeat;
}
.bunjo__header {
    background:url("../image/bunjo_header_bg.jpg") center center no-repeat;
}
/*コーナーヘッダー*/
@media screen and (min-width: 1920px) {
#PC------------------------{}
	
    .corner__header {
        background-size: 100%!important;
    }
}

/*メリット*/
@media screen and (max-width: 736px) {
#SMP------------------------{}
	#merit {
		margin:0 auto 50px;
		margin-top: -10VW;
		padding: 20px 0 15px;
		background-color: #FFF;
	}
	#merit .inner {
		width:92%;
		margin:0 auto;
	}
	#merit h2{
		margin-bottom:2VW;
  		padding: 0 10VW;
	}
	#merit p{
		margin-bottom:8VW;
	}
	#merit ul {
		width:88%;
		margin:0 auto;
	}
	#merit ul li {
		width:100%;
		margin-bottom: 15px;
	}
	#merit ul li:last-child {
		margin-bottom: 0px;
	}
	#merit ul li img {
		width:100%;
		height:auto;
	}
}

@media screen and (min-width: 737px) {
#PC------------------------{}
	#merit {
		padding: 65px 0 15px;
	}
	#merit .inner{
		width:1200px;
		margin:0 auto;
	}
	#merit h2{
		margin-bottom:20px;
	}
	#merit p{
		margin-bottom:32px;
	}
	#merit ul{
		width:1200px;
		margin:0 auto ;
	}
	#merit ul li {
		float:left;
		width:375px;
		margin-right: 37px;
	}
	#merit ul li:last-child {
		margin-right: 0px;
	}
}

#merit {
    width:100%;
    margin:0 auto 0px;
    background-color: #FFF;
}
#merit p{
    text-align: center;
}
#merit ul li img {
    width:100%;
    height:auto;
}
/*メリット*/


/*来場プレゼント*/
@media screen and (max-width: 736px) {
#SMP------------------------{}
	#fair {
		margin-top:-90px;
	}
	#fair .inner {
        width:92%;
	}
	#fair img {
		width:100%;
		height:auto;
	}
	#present {
		padding:5VW 0 6VW;
	}
	#present .inner {
        width:92%;
		padding:0 4%;
	}
	#present img {
		width:100%;
		height:auto;
	}
	#present ul li:last-child{
		margin-top:5VW;
	}
}

@media screen and (min-width: 737px) {
#PC------------------------{}
	#fair {
		padding:27px 0 40px;
	}
	#fair .inner {
        width:1200px;
	}
	#present {
		padding:27px 0 40px;
	}
	#present ul li{
		width:592px;
		float:left;
	}
	#present ul li:last-child{
		margin-left:16px;
	}
}

#present {
	background-color: #f6f6f6;
    width:100%;
}
#fair {
    width:100%;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%)!important;
}
#fair .inner {
    margin:0 auto;
    text-align: right;
}
/*来場プレゼント*/


/*フロートバナー*/
@media only screen and (max-width: 767px) {
	
    .ban__fix__sp {
        position: fixed;
		width: 92%;
        left: 4%;
		bottom: 18VW;
		z-index: 9996;
    }
    .ban__fix__sp img{
        width: 100%;
		height:auto;
    }
    .ban__fix__inner {
        position: relative;
        width: 100%;
    }
    #closebanner-sp,
    #closebanner-sp1,
    #closebanner-sp2 {
        position: absolute;
        top:-10px;
        right: -10px;
        display: block;
        height: 30px;
        width: 30px;
        background: url('../image/float_close.png') no-repeat 0 0;
		background-size: 30px;
        cursor: pointer;
        text-indent: -9000px;
        z-index: 10;
    }
	.ban__fix{
		display: none;
	}
    #banner-sp {
		opacity: 0;
    }
    #banner-sp.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
}
@media only screen and (min-width: 768px) {
    .ban__fix {
        position: fixed;
        width: 270px;
        height: 240px;
        bottom: 50px;
        left:50px;
        display: block;
		z-index: 9999;
    }
    .ban__fix__inner {
        position: relative;
        width: 270px;
    }
    #closebanner {
        position: absolute;
        top:-7px;
        right: -7px;
        display: block;
        height: 20px;
        width: 20px;
        background: url('../image/float_close.png') no-repeat 0 0;
		background-size: 20px;
        cursor: pointer;
        text-indent: -9000px;
        z-index: 10;
    }
	.ban__fix__sp{
		display: none;
	}
    #banner {
		opacity: 0;
    }
    #banner.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
}
@media screen and (max-width: 546px) {
#SMP------------------------{}
	.ban__fix__inner div:first-child {
		margin-right:4%;
	}
	.ban__fix__half {
		position: relative;
		width:48%;
		width:100%;
		float:left;
	}
}
	
@media screen and (min-width: 737px) {
#PC------------------------{}
	#fixbtn_cp .fixbtn_cp01{
		display: block;
	}
	#fixbtn_cp .fixbtn_cp02{
		display: none;
	}
	#fixbtn_cp.fixed .fixbtn_cp01{
		display: none;
	}
	#fixbtn_cp.fixed .fixbtn_cp02{
		display: block;
		right: 0px;
		width: 100%;
	}
	#fixbtn_cp.fixed {
  		position: fixed;
  		top: 184px;
		right: 0px;
		height:183px;
		width: 183px;
	}
}
/*フロートバナー*/


/*戸建モーダル*/
@media screen and (max-width: 736px) {
#SMP------------------------{}
	/*設備アイコン*/
    .usage {
        width: 76%;
  		margin: 0 auto;
  		padding: 20px 8%;
    }
    .usage h3 {
        font-size:24px;
    }
    .usage ul li{
		width:30%;
		/*margin:2VW 5% -3VW 0;*/
		margin:2VW 5% 2VW 0;
    }
    .usage ul li a{
		height:23VW;
    }
    .usage ul li a img{
        position:absolute;
        top:4px;
        left:4px;
		margin-top: 0px;
		width:22px!important;
    }
    .usage ul li:nth-child(3n){
        margin-right:0px;
    }
    .usage ul li p{
		font-size:12px;
		/*transform: translateY(-50px);
		color:#FFF;
		font-weight:bold;*/
    }
    /*.usage ul li:nth-child(8) p{
		transform: translateY(-60px);
    }
    .usage ul li:last-child {
		margin-top: -3VW;
    }*/
	/*設備アイコン*/
	
	/*設備モーダル*/
	.usage_box {
		width:90%;
		height:auto;
		margin: 0 5%;
	}
	.usage_left {
		width:100%;
		padding:20px 20px;
    	background-color: #FFF
	}
	.usage_right {
		width:100%;
	}
	.usage_left h4{
		font-size:20px;
	}
	/*設備モーダル*/
}

@media screen and (min-width: 737px) {
#PC------------------------{}
	/*設備モーダル*/
	.usage_box {
		width:800px;
		height:400px;
    	background-color: #FFF
	}
	.usage_left {
		float:left;
		width:50%;
		padding:20px 20px;
	}
	.usage_right {
		float:left;
		width:50%;
	}
	.usage_left h4{
		font-size:22px;
	}
	/*設備モーダル*/
}
/*設備アイコン*/
.usage {
    border:2px solid #845a4b;
    background-color: #fff;
    text-align:center;
}
.usage h3 {
    text-align:center;
    color:#845a4b;
    font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
}
.usage ul li{
    float:left;
}
.usage ul li a{
    position:relative;
    display: block;
    width:100%;
}
.usage ul li a div{
    display: block;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    /*background-color: rgba(0,0,0,0.5);*/
    background-color: rgba(255,255,255,0.5);
}
.usage ul li a img{
    /*display:none;*/
}
.usage ul li:nth-child(1){
    background:url("../image/usage01img.jpg") center top no-repeat;
    background-size: 100%;
}
.usage ul li:nth-child(2){
    background:url("../image/usage02img.jpg") center top no-repeat;
    background-size: 100%;
}
.usage ul li:nth-child(3){
    background:url("../image/usage03img.jpg") center top no-repeat;
    background-size: 100%;
}
.usage ul li:nth-child(4){
    background:url("../image/usage04img.jpg") center top no-repeat;
    background-size: 100%;
}
.usage ul li:nth-child(5){
    background:url("../image/usage05img.jpg") center top no-repeat;
    background-size: 100%;
}
.usage ul li:nth-child(6){
    background:url("../image/usage06img.jpg") center top no-repeat;
    background-size: 100%;
}
.usage ul li:nth-child(7){
    background:url("../image/usage07img.jpg") center top no-repeat;
    background-size: 100%;
}
.usage ul li:nth-child(8){
    background:url("../image/usage08img.jpg") center top no-repeat;
    background-size: 100%;
}
.usage ul li:nth-child(9){
    background:url("../image/usage09img.jpg") center top no-repeat;
    background-size: 100%;
}
.usage ul li:nth-child(10){
    background:url("../image/usage10img.jpg") center top no-repeat;
    background-size: 100%;
}
.usage ul li:nth-child(11){
    background:url("../image/usage11img.jpg") center top no-repeat;
    background-size: 100%;
}
/*設備アイコン*/

.usage img{
    margin-top:15px;
}
.usage_left h4{
    margin-bottom: 0.5em;
    font-weight:normal;
    font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
}
.usage_right img{
    width:100%;
    height:auto;
}
/*戸建モーダル*/


.wrap {
  position: absolute;
  width: 100%;
  height: 100VH;
  min-height: 800px;
  z-index: 9998;
}
.video-wrap {
  position: absolute;
	position: fixed;
  width: 100%;
  height: 100VH;
  overflow: hidden;
  z-index: -1;
  min-height: 765px;
}
#player {
    position: absolute;
    visibility: visible;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 0;
	object-fit: cover;
}

.banners__movie li p span{
    background:url(../image/icon_movie.png) left center no-repeat;
	padding-left:24px;
}
.mt10 {
	margin-top:10px;
}

.mb5 {
	margin-bottom:5px;
}

.mb10 {
	margin-bottom:10px;
}

ul:after,
dl:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

#telBox {
	font-size:14px;
	text-align:center;
	margin-bottom: 80px;
}
  #telBox .telbox {
    display: block;
    width: 300px;
    height: 180px;
    color: #FFF;
    /*background: #0075c2;*/
    text-align: center;
    font-size: 14px; }
    #telBox .telbox a {
      display: block;
      width: 92%;
	text-decoration: none;
      padding: 90px 10px 80px; }
    #telBox .telbox a:link, #telBox .telbox a:hover, #telBox .telbox a:visited {
      color: #FFF; }
    #telBox .telbox b {
      font-size: 20px;
      font-weight: normal; }
    #telBox .telbox .num {
      display: block;
      width: 90%;
      margin: 10px auto;
      padding: 5px 0 5px 30px;
      border: 1px solid #FFF;
      background: url(../image/icon_fc.png) 10px center no-repeat;
      background-size: 36px 27px;
      font-weight: bold;
      font-size: 27px;
		font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
      color: #FFF; } 

/*スクロールイベントここから*/
.scroalevent img{
	transition: .9s;
}

/* 移動なしフェードイン */
.list-mv01,
.list-mv02,
.list-mv07,
.list-mv08,
.list-mv09 {
	opacity: 0;
}
.mv01,
.mv02,
.mv07,
.mv08,
.mv09{
	opacity: 1.0;
}
/* 下→上方向フェードイン */
.list-mv07{
	opacity: 0;
	transform: translate(0,80px); 
	-webkit-transform: translate(0,80px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
/* 左方向フェードイン */
.list-mv08{
	opacity: 0;
	transform: translate(80px,0px); 
	-webkit-transform: translate(80px,0px); 
}
.mv08{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
/* 右方向フェードイン */
.list-mv09{
	opacity: 0;
	transform: translate(-80px,0px); 
	-webkit-transform: translate(-80px,0px); 
}
.mv09{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
/* 上→下方向フェードイン */
.list-mv10{
	opacity: 0;
	transform: translate(0,-40px); 
	-webkit-transform: translate(0,-40px); 
}
.mv10{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,-2px);
}
.delay01 {
  animation-delay: 0.0s;
}
.delay02 {
  animation-delay: 0.3s;
}
.delay03 {
  animation-delay: 0.6s;
}
.delay04 {
  /*transition-delay: .9s!important;
  -webkit-transition-delay: .9s!important;*/
  animation-delay: 0.9s;
}
.delay05 {
  animation-delay: 1.0s;
}


.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(50px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 右方向フェードイン */
.fadeLR{
animation-name:fadeLRAnime;
animation-duration:1.2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLRAnime{
  from {
    opacity: 0;
  transform: translateX(-50px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 左方向フェードイン */
.fadeRL{
animation-name:fadeRLAnime;
animation-duration:1.2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRLAnime{
  from {
    opacity: 0;
  transform: translateX(50px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

.fadeUpTrigger{
    opacity: 0;
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
}

/*スクロールイベントここまで*/

.bxslider li {
  display: none;
}
.bx-viewport .bxslider li,
.bx-viewport .bxslider1 li,
.bx-viewport .bxslider2 li,
.bx-viewport .bxslider3 li,
.bx-viewport .bxslider4 li {
  display: block !important;
}
.more, .more_close {
  text-decoration: underline;
  color: #0075c2;
  cursor: pointer;
  float: right;
}

h2.type_area {
    text-align: left !important;
    border-bottom: 1px solid #000;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
    font-weight: normal !important;
}
h2.type_area::before {
    background: none!important;
}

ul li.btn-detail{
    background: #626262; /* Old browsers */
    background: -moz-linear-gradient(top,  #626262 0%, #4c4c4c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #626262 0%,#4c4c4c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #626262 0%,#4c4c4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
}
ul li.btn-raijo{
    background: #ba0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #ba0000 0%, #8c0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ba0000 0%,#8c0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ba0000 0%,#8c0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba0000', endColorstr='#8c0000',GradientType=0 ); /* IE6-9 */
}
ul li.btn-siryou{
    background: #002060; /* Old browsers */
}
.event__body li ul li.map{
    background-color: #6e6b6b;
}
ul.event_btn3 li.tochi,
ul.event_btn3 li.tateuri{
    background: #000;
}

.colored {
	background: #e0e0e0;
}
.tel dd a {
	color:#000;
}
.gray {
	background-color: #f6f6f6;
}
.gray h2 span {
    background: #f6f6f6!important;
}
.gray2 {
	background-color: #ececec;
}
.gray2 h2 span {
    background: #ececec!important;
}

.mr0 {
	margin-right: 0!important;
}
.mr16 {
	margin-right: 16px!important;
}

.mie_only{
    display: none;
}
.nagano_only{
    display: block;
}