@charset "UTF-8";

/*-------------------------
__top_style
-------------------------*/

/*===============================================
画面の横幅が737px以上
===============================================*/
@media  print, screen and (min-width:737px){
#info{width:1100px;margin:0 auto 20px;}
.topics{width:540px;height:175px;border:1px solid #ccc;float:left;background:#FFF;}
.topics .title{padding:15px 0 0 0;}
.topics .topics_list{}
.topics_list{width:520px;margin:5px auto 0;height:/*95px*/120px;overflow:auto;}
.topics_list dl{}
.topics_list dl dt{display:inline-block;letter-spacing:normal;vertical-align:top;text-align:left;width:120px;font-size:14px;font-weight:bold;line-height:1.6em;margin:10px 0 0;}
.topics_list dl dd{display:inline-block;letter-spacing:normal;vertical-align:top;text-align:left;width:370px;font-size:14px;font-weight:normal;line-height:1.6em;margin:10px 0 0;}
.topics_list dl dd a{color:#0087D4;text-decoration:underline;display:inline-block;position:relative;transition:0.3s;}
.topics_list dl dd a::after{content:"";display:block;width:0;height:0;border:5px solid transparent;border-left-color:#0087D4;position:absolute;left:-15px;top:50%;margin:-5px 0 0;transition:0.3s;}
.topics_list dl dd a:hover{color:#003893;opacity:0.7;text-decoration:none;}
.topics_list dl dd a:hover::after{left:-12px;border-left-color:#003893;}
.staff{width:400px;/*width:540px*/ padding:0 0 0 140px;height:175px;border:1px solid #ccc;float:right;background:#FFF;position:relative;}
.staff a{text-decoration:underline;color:#0087D4;transition:0.3s;}
.staff a:hover{text-decoration:none;opacity:0.7;}
.staff .staff_photo{position:absolute;top:10px;left:20px;overflow:hidden;width:100px;height:100px;border-radius:50%;border:1px solid #ccc;}
/*.staff .staff_photo.no{border-radius:none;border:none;}*/
.staff .staff_photo img{position:absolute;width:auto;height:auto;max-height:100px;margin:auto;top:0;bottom:0;left:0;right:0;}
.staff dl{padding:0 20px 0 0;}
.staff dl dt{border-bottom:1px solid #444;margin:0 0 10px;text-align:left;padding:20px 0 15px;color:#444;font-size:14px;font-weight:bold;}
.staff dl dt span{color:#444;font-size:18px;font-weight:bold;}
.staff dl dd{font-size:12px;line-height:1.8em;text-align:left;text-decoration:none;color:#444;height:9em;overflow:auto;}
#mainslider{padding:20px 0 20px;text-align:center;position:relative;width:1100px;margin:0 auto;}
#mainslider ul{padding:20px 0 0;letter-spacing:-0.4em;text-align:center;}
#mainslider ul li{width:15px;height:15px;display:inline-block;letter-spacing:normal;vertical-align:top;margin:0 10px;}
#mainslider ul li img{width:100%}
#mainslider .mainslider_prev,
#mainslider .mainslider_next{position:absolute;width:40px;height:100px;padding:70px 15px;top:190px;}
#mainslider .mainslider_prev{left:0;}
#mainslider .mainslider_next{right:0;}
#mainslider .mainslider_prev:hover,
#mainslider .mainslider_next:hover{background:#EEE;}
/*キャッチコピー*/
.point{margin:40px auto 10px;width:100%;max-width:958px;box-sizing:border-box;padding:15px 15px 13px;border:2px solid #F8CEA4;background:#FFFFDC;border-radius:7px;}
.point p{font-size:17px;line-height:1.6;font-weight:700;color:#EB7E0F;text-align:left;}

#banner{width:1100px;margin:0 auto 0px;}
#banner.top_mg{margin-top:30px;}
#banner ul{letter-spacing:-0.4em;text-align:center;margin:0 -20px 0 0;font-size:0;}
#banner ul li{}
#banner ul li.banner_l{width:1100px;margin:0 20px 20px 0;letter-spacing:normal;display:inline-block;vertical-align:top;}
#banner ul li.banner_l img{width:auto;height:auto;max-width:100%;transition:0.3s;}
#banner ul li.banner_l a:hover img{opacity:0.7;}
#subslider_box{background:#EEE;margin:0 0 20px;}
#subslider_box #subslider{width:1260px;height:255px;position:relative;margin:0 auto;}
#subslider_box #subslider .subslider_prev{width:45px;height:195px;position:absolute;top:20px;left:15px;transition:0.3s;}
#subslider_box #subslider .subslider_next{width:45px;height:195px;position:absolute;top:20px;right:15px;transition:0.3s;}
#subslider_box #subslider .subslider_prev a,
#subslider_box #subslider .subslider_next a{display:block;box-sizing:border-box;height:100%;background:#CCC;}
#subslider_box #subslider .subslider_prev img,
#subslider_box #subslider .subslider_next img{width:auto;height:195px;}
#subslider_box #subslider .subslider_prev:hover,
#subslider_box #subslider .subslider_next:hover{opacity:0.7;}
#subslider_box #subslider ul{width:1120px;height:230px;padding:20px 0 0 0;margin:0;text-align:center;font-size:0;letter-spacing:-1em;}
#subslider_box #subslider ul li{width:280px;letter-spacing:normal;display:inline-block;vertical-align:top;margin:0;position:relative;}
#subslider_box #subslider ul li::before{content:"";display:block;width:250px;height:5px;background:#FFF;box-shadow:0 2px 8px rgba(0,0,0,0.5);position:absolute;bottom:2px;left:50%;margin:0 0 0 -125px;}
#subslider_box #subslider ul li a{display:block;width:260px;height:195px;margin:0 auto;background:#FFF;position:relative;transition:0.3s;}
#subslider_box #subslider ul li a::before{content:"";display:block;width:100%;height:100%;background:url('/images/common/loading_bar.gif')center center no-repeat;position:absolute;background-size:64px auto;opacity:0.3;}
#subslider_box #subslider ul li img{width:auto;height:auto;max-width:100%;max-height:100%;transition:0.3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#subslider_box #subslider ul li a:hover img{filter:brightness(1.15);}
#sph_menu{display:none;}
}
@media all and (-ms-high-contrast:none){/* IE11 */
  *::-ms-backdrop, #subslider_box #subslider ul li a{background-image:none;}
  *::-ms-backdrop, #subslider_box #subslider ul li a:hover img{opacity:0.7;}
}
/*===============================================
●smart.css  画面の横幅が736pxまで
===============================================*/
@media screen and (max-width:736px){

#info{width:88%;margin:0 3%;}
.topics{width:100%;height:auto;border:1px solid #ccc;background:#FFF;padding:3%;text-align:left;margin-bottom:10px;}
.topics .title{width:100%;padding:0;}
.topics .title img{width:100%;height:auto;}
.topics .topics_list{}
.topics_list{width:100%;margin:5px 0 0;height:95px;overflow:auto;}
.topics_list dl{width:100%;}
.topics_list dl dt{width:100%;display:inline-block;letter-spacing:normal;vertical-align:top;text-align:left;font-size:12px;font-weight:bold;line-height:1.5em;margin:0 0 0px;}
.topics_list dl dd{width:100%;display:inline-block;letter-spacing:normal;vertical-align:top;text-align:left;font-size:12px;font-weight:normal;line-height:1.5em;margin:0 0 5px;box-sizing:border-box;padding:0 0 0 15px}
.topics_list dl dd a{color:#0087D4;text-decoration:underline;position:relative;}
.topics_list dl dd a::after{content:"";display:block;width:0;height:0;border:5px solid transparent;border-left-color:#0087D4;position:absolute;left:-15px;top:50%;margin:-5px 0 0;transition:0.3s;}
.staff{ width:100%;height:auto;/*width:540px*/ padding:3%;border:1px solid #ccc;background:#FFF;position:relative;margin-bottom:10px;float:left;}
.staff a{text-decoration:underline;color:#0087D4;}
.staff .staff_photo{float:left;width:100px;height:100px;position:relative;border-radius:50%;border:1px solid #ccc;overflow:hidden;}
/*.staff .staff_photo.no{border-radius:none;border:none;}*/
.staff .staff_photo img{position:absolute;width:auto;height:auto;max-height:100px;margin:auto;top:0;bottom:0;left:0;right:0;}
.staff dl{width:calc( 100% - 110px );float:right;}
/*.staff img{border:1px solid #ccc;float:left;width:30%;height:auto;position:static;border-radius:50%;}
.staff dl{width:65%;float:right;}*/
.staff dl dt{margin:0;text-align:left;padding:0 0 5px;color:#444;font-size:14px;line-height:1.4;font-weight:bold;display:table;}
.staff dl dt span{color:#444;font-size:15px;font-weight:bold;display:table-cell;}
.staff dl dt span.title_tanto{width:3em;white-space:nowrap;}
.staff dl dd{border-top:1px solid #444;margin-top:5px;padding:5px 0 0;font-size:12px;line-height:1.5em;text-align:left;text-decoration:none;color:#444;}
.staff dl dt span.ib{display:inline-block;}
#mainslider{padding:0 0 10px;text-align:center;position:relative;width:100%;height:auto;margin:0 auto;}
#mainslider ul{padding:20px 0 10px;letter-spacing:-0.4em;text-align:center;}
#mainslider ul li{width:15px;height:15px;display:inline-block;letter-spacing:normal;vertical-align:top;margin:0 10px;}
#mainslider ul li img{width:auto;height:200px;}
#mainslider img{width:100%;height:auto;}
#mainslider .mainslider_prev,
#mainslider .mainslider_next{position:absolute;width:20px;height:40px;padding:20px 10px;top:110px;}
#mainslider .mainslider_prev img,
#mainslider .mainslider_next img{width:15px;}
#mainslider .mainslider_prev{left:0;}
#mainslider .mainslider_next{right:0;}
#mainslider .mainslider_prev:hover,
#mainslider .mainslider_next:hover{background:#EEE;}
#mainslider .mainslider_navi li{width:10px;}
#mainslider .mainslider_navi li img{width:100%;height:auto;}
/*キャッチコピー*/
.point{margin:0 15px 15px;padding:10px;border-radius:5px;box-sizing:border-box;border:3px solid #f8cea4;background-color:#ffffdc;}
.point p{font-size:12px;font-weight:700;line-height:18px;color:#eb7e0f;text-align:left;}

#banner{width:94%;margin:0 3%;padding:0 0 15px;}
#banner ul{letter-spacing:-0.4em;text-align:center;margin:0;font-size:0;}
#banner ul li{}
#banner ul li.banner_l{width:100%;margin:0 0 5px 0;letter-spacing:normal;display:inline-block;vertical-align:top;}
#banner ul li.banner_l img{width:100%;height:auto;}
#subslider_box{background:#EEE;margin:0 auto 10px;}
#subslider_box #subslider{width:auto;height:190px;position:relative;margin:0;padding:0 40px;}
#subslider_box #subslider .subslider_prev{width:auto;height:170px;position:absolute;top:10px;left:0;}
#subslider_box #subslider .subslider_prev img{height:100%;}
#subslider_box #subslider .subslider_next{width:auto;height:170px;position:absolute;top:10px;right:0;}
#subslider_box #subslider .subslider_next img{height:100%;}
#subslider_box #subslider ul{width:auto;height:170px;white-space:nowrap;padding:10px 0 0 0;margin:0;text-align:center;font-size:0;letter-spacing:-1em;}

#subslider_box #subslider ul li{width:100%;letter-spacing:normal;display:inline-block;vertical-align:top;margin:0 0 0 0;text-align:center;}
#subslider_box #subslider ul li a{display:block;height:170px;position:relative;background:url('/images/common/loading_bar.gif')center center no-repeat;background-size:64px auto;}
#subslider_box #subslider ul li img{width:auto;height:170px;max-width:100%;max-height:100%;}
#subslider_box #subslider ul li a:hover img{opacity:1;}
#sph_menu{padding:15px 0;width:100%;display:block;}
#sph_menu ul{text-align:center;letter-spacing:-0.4em;border-left:1px solid #CCC;border-top:1px solid #CCC;box-sizing:border-box;width:100%;font-size:0;}
#sph_menu ul li{display:inline-block;vertical-align:top;letter-spacing:normal;font-size:12px;width:50%;box-sizing:border-box;border-right:1px solid #CCC;border-bottom:1px solid #CCC;padding:0 0 0 20px;}
#sph_menu ul li.sph_menu01{background:url(/rich_temp/common_images/sph_menu_icon01b.png) 5px center no-repeat;background-size:15px 15px;}
#sph_menu ul li.sph_menu02{background:url(/rich_temp/common_images/sph_menu_icon02b.png) 5px center no-repeat;background-size:15px 15px;}
#sph_menu ul li.sph_menu03{background:url(/rich_temp/common_images/sph_menu_icon03b.png) 5px center no-repeat;background-size:15px 15px;}
#sph_menu ul li.sph_menu04{background:url(/rich_temp/common_images/sph_menu_icon04b.png) 5px center no-repeat;background-size:15px 15px;}
#sph_menu ul li.sph_menu05{background:url(/rich_temp/common_images/sph_menu_icon05b.png) 5px center no-repeat;background-size:15px 15px;}
#sph_menu ul li.sph_menu06{background:url(/rich_temp/common_images/sph_menu_icon06b.png) 5px center no-repeat;background-size:15px 15px;}
#sph_menu ul li:after{content:"";font-weight:400;color:#1B65D3;color:#444;}
#sph_menu ul li:nth-child(odd):last-child{width:100%;}
#sph_menu ul li:last-child:after{content:"";margin-left:0px;width:100%;}
#sph_menu ul li a{font-size:13px;font-weight:bold;line-height:1;color:#FFF;color:#333;margin:0 5px;letter-spacing:0.1em;padding:12px 0;display:block;text-decoration:none;text-align:left;}
#sph_menu ul li{position:relative;display:inline-block;color:#000;vertical-align:middle;text-decoration:none;font-size:15px;}
#sph_menu ul li::before{position:absolute;top:0;bottom:0;right:0;margin:auto;content:"";vertical-align:middle;}
#sph_menu ul li::before{right:5px;width:4px;height:4px;border-top:2px solid #0074CD;border-right:2px solid #0074CD;transform:rotate(45deg);}
}


#subslider ul{position:relative;}
#subslider ul{white-space:nowrap;}
#subslider_inner{width:100%;overflow:hidden;margin:0 auto;}

@media  print, screen and (min-width:737px){
#slider{width:1100px;margin:20px auto 0 auto;}
#slider .inner{width:960px;margin:0 auto;}
#slider .mainslider_navi{padding:20px 0 0;letter-spacing:-0.4em;text-align:center;margin:0 0 30px 0;}
#slider .mainslider_navi li{width:15px;height:15px;display:inline-block;letter-spacing:normal;vertical-align:top;margin:0 10px;}
#slider .mainslider_navi li span{font-size:20px;line-height:20px;color:#003893;}
.console{display:block;}
}

@media screen and (max-width:736px){
#slider{margin:-10px auto 0 auto;}
.console{display:none;}
}

/*-------------------------
#slider
-------------------------*/
#slider{max-width:1100px;/*margin:20px auto 0 auto;padding:0 0 40px 0;*/position:relative;}
#slider a img{border:none;}
#slider .inner{max-width:960px;overflow:hidden;}
#slider .list{position:relative;}
#slider .list a.no_link{pointer-events:none;}
#slider .list a:not(.no_link) img{transition:0.3s;}
#slider .list a:not(.no_link):hover img{opacity:0.7;}
#slider .list ul{text-align:left;white-space:nowrap;position:relative;margin:0;padding:0;font-size:0;letter-spacing:-1em;}
#slider .list ul li{width:960px;height:720px;list-style:none;display:inline-block;text-align:center;vertical-align:middle;/*height:calc( 100vh - 325px );min-height:480px;max-height:720px;*/}
#slider .list ul li a{height:100%;display:block;background:rgba(0,0,0,0.04);}
/*#slider .list ul li:nth-child(odd) a{background:rgba(0,0,0,0.08);}
#slider .list ul li:nth-child(even) a{background:rgba(0,0,0,0.04);}*/
#slider .list ul li img{width:auto;height:auto;max-width:100%;max-height:100%;display:none;}
#slider .console,
#slider .console li{list-style:none;} 
#slider .console li{position:absolute;top:50%;}
#slider .console li img{cursor:pointer;transition:0.3s;}
#slider .console li a:hover img{opacity:0.7;}
#slider .console .btn_prev{left:0;}
#slider .console .btn_next{right:0;}
#slider .navigation *{display:inline-block;}
#slider .navigation{margin:0;position:absolute;width:100%;text-align:center;bottom:15px;left:0;}
#slider .navigation ol{margin:0 auto;list-style:none;white-space:nowrap;width:100%;text-align:center;}
#slider .navigation ol li{padding:0 2px;margin:0 auto;fons-size:18px;line-height:100%;color:#666;opacity:0.25;}
#slider .navigation ol li.active{opacity:1;}
#slider .navigation ol li span{cursor:pointer;font-size:24px;color:#003893;}

@media screen and (max-width:736px){
#slider .list ul li{width:auto;min-width:320px;max-width:640px;height:auto/*330px*/;list-style:none;display:inline-block;text-align:center;/*min-height:initial;min-height:auto;*/}
#slider .list ul li a{background:none;}
#slider .list ul li img{max-height:400px;}
#slider .list a:hover img{opacity:1;}
}

/*2019.01.08 panorama*/
/*2021.11.17 movie*/
.panorama_image,
.movie_image{margin:0 auto;width:100%;max-width:958px;text-align:left;}
.panorama_image{padding:40px 0 20px;}
.movie_image{padding:40px 0 40px;}
.panorama_image .title,
.movie_image .title{font-size:16px;line-height:1.5;font-weight:700;color:#FFF;border-bottom:2px solid #0068b7;padding:10px 10px 5px 55px;margin:0 0 10px;display:block;height:auto;}
.panorama_image .title{background:#029fdc url(/images/bukken/detail_icon07@2x.png) 10px center no-repeat;background-size:35px auto;}
.movie_image .title{background:#029fdc url(/images/bukken/detail_icon08@2x.png) 10px center no-repeat;background-size:35px auto;}

.panorama_image .ricoh-theta-tour-image{margin:0 auto;}
.panorama_image .ricoh-theta-tour-image iframe{width:100%;height:375px;}
.panorama_image p{font-size:14px;line-height:1.5;padding:10px 0 0 1em;text-indent:-1em;display:block;}

.movie_image .free_banner_box{position:relative;text-align:center;line-height:0;/*box-shadow:0px 0px 3px 0px #7e8cab;border-radius:6px;overflow:hidden;*/}
.movie_image .free_banner_box a{text-decoration:none;display:block;}
.movie_image .free_banner_box a img{width:100%;height:auto;transition:all 0.3s ease;line-height:0;}
.movie_image .free_banner_box a:hover img{opacity:0.7;}
.movie_image iframe{border:none;width:100%;height:400px;}



@media screen and (max-width:736px){
.panorama_image{padding:0;}
.panorama_image .ricoh-theta-tour-image iframe{height:290px;}
.panorama_image p{padding:10px 10px 15px;margin:0 10px;font-size:11px;}
.panorama_image p br{display:none;}
.panorama_image .title{padding:5px 5px 5px 40px;margin:0 0 10px;background-position:5px center;background-size:30px auto;/*display:block;*/height:auto;}
.movie_image{padding:0 0 15px;}
.movie_image iframe{height:230px;}
}



/* Magnific Popupカスタマイズ 
.mfp-counter{display:none!important;}*/