@charset "utf-8";
#loading{background:#fff url(/common/img/loading.svg) no-repeat center;background-size:cover;height:100vh;width:100vw;position:fixed;z-index:9999;left:0px;top:0px}
#commonHeader{line-height:1}
#commonHeader ul li:nth-child(1) a{background:#FF7F00}
#commonHeader ul li:nth-child(2) a{background:#48B089}
#btnBnr{clear:both;background:url(/common/img/line01.png) repeat-x top;text-align:center;overflow:hidden;}
#ctaBox{clear:both;background:#EFEDE6}
#ctaBox .inner{margin:0 auto;position:relative;z-index:0}
#ctaBox h3{font-weight:600;clear:both;color:#333;position:relative;display:inline-block;z-index:-1;height:100%}
#ctaBox h3:before{content:"";height:1px;display:block;background:#ccc;bottom:0px;position:absolute;z-index:10;width:100%}
#ctaBox dl{font-weight:600}
#ctaBox dd .callink{font-weight:600;color:#393939}
#ctaBox dd .callink:before{content:"\e909";font-family:'yudaicon';position:relative}
#ctaBox dd .bhour{display:block}
#ctaBox dd a{line-height:1;background:#660000;color:#fff;display:block;position:relative;text-align:center}
#ctaBox dd a:before{content:"\e907";font-family:'yudaicon';font-weight:normal}
#ctaBox dd a:hover{opacity:0.8;text-decoration:none}
#snsTimeline{clear:both;margin:0 auto}
#snsTimeline dl dt{font-weight:600;clear:both;color:#333;position:relative;display:inline-block;z-index:-1;height:100%;width:100%}
#snsTimeline dl dt:before{content:"";height:1px;display:block;background:#ccc;bottom:0px;position:absolute;z-index:10;width:100%}
#snsTimeline dd iframe{background:#ddd}
#instagram{clear:both;background:#999;width:100%}
#overlayBox {position:fixed;transition:0.5s;z-index:100}
#overlayBox a{font-size:0px;display:block;font-weight:bold;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:relative}
#overlayBox a#pageTop:before{content:"";display:inline-block;border-top:3px solid #fff;border-right:3px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:50%}
#overlayBox a#pageTop:hover{opacity:0.8}
#overlayBox .spOverlay {display: none;}
#commonFooter{clear:both;background:#fff}
#commonFooter .inner{margin:0 auto;overflow:hidden}
#commonFooter .inner nav ul li a{color:#000}
#ftInfo ul a{color:#000;text-decoration:underline}
#ftFacilities ul li{line-height:0}
#copyright{border-top:1px solid #fff;font-family:Arial, Helvetica, sans-serif;background:#000}
#copyright p{color:#fff;margin:0 auto}
@media screen and (min-width: 961px), print {
html,body{width:100%}
body{min-width:1200px}
#commonHeader{width:100%;height:120px;/*background:rgba(255,255,255,0.65);position:absolute;*/background: #fff;position:relative;z-index:10;top:0;left:0}
#commonHeader .inner{width:1180px;margin:0 auto}
#commonHeader .logo{padding:20px 0 0;float:left}
#commonHeader ul{widht:260px;float:right;padding:30px 0 0;font-weight:600}
/*
#commonHeader ul li:nth-child(1),#commonHeader ul li:nth-child(2){width:120px;margin:0 0 15px 10px;float:left;}
#commonHeader ul li:nth-child(1) a,#commonHeader ul li:nth-child(2) a{color:#fff;display:block;text-align:center;font-size:14px;padding:8px 10px 8px 0;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;text-decoration:none}
#commonHeader ul li a:hover{opacity:0.8}
#commonHeader ul li:nth-child(1) a:before,#commonHeader ul li:nth-child(2) a:before{content:"\e900";font-family:'yudaicon';padding:5px;font-size:5px;float:left;position:relative;top:-2px;left:6px;font-size:10px}
*/
#commonHeader ul li {color:#393939;clear:both;text-align:right}
#commonHeader ul li .callink{font-size:33px;color:#393939;font-family:Arial, Helvetica, sans-serif}
#commonHeader ul li .callink:before{content:"\e909";font-family:'yudaicon';padding:5px;font-size:34px;margin:0 5px 0 0;position:relative;top:3px}
#commonHeader ul li .bhour{display:block;font-size:13px;padding:5px 2px 0}
#gnav{clear:both;margin:0 auto;position:relative;line-height:1;background:#000;overflow:hidden}
#gnav ul{width:1180px;margin:0 auto}
#gnav li{float:left;width:175px;font-weight:600;z-index:3;text-align:left}
#gnav li:first-child{width:130px}
#gnav li a{display:block;text-align:center;font-size:15px;padding:23px 0;font-weight:600;color:#fff}
#gnav li a:before{padding:5px 10px;font-size:9px;content:""}
#gnav li a:hover,#gnav li a.active{color:#FBC96D;text-decoration:none}
#gnav li a:hover:before,#gnav li a.active:before{content:"\e901";font-family:'yudaicon';padding:5px;position:relative;top:-1px}
#gnav li:first-child a{font-size:0;position:relative;padding:22px 40px 22px 10px}
#gnav li:first-child a:before{content:"\e906";font-family:'yudaicon';text-indent:0;font-size:32px;color:#fff;font-weight:normal;position:absolute;top:50%;left:50%;margin:-13px 0 0 -35px}
#gnav li:first-child a.active:before,#gnav li:first-child a:hover:before{color:#FBC96D;margin:-13px 0 0 -30px}
main{clear:both;width:1180px;margin:0 auto}
#btnBnr{padding:50px 0}
#btnBnr ul{width:1180px;margin:0 auto;display: flex;justify-content: flex-start;flex-wrap: wrap;}
#btnBnr ul li {width: 360px;margin-left: 50px;}
#btnBnr ul li:nth-child(3n+1) {margin-left: 0;}
#btnBnr ul li a img,
#btnBnr ul li span img {width: 100%;height: auto;vertical-align: bottom;}
#btnBnr ul li:nth-child(n+4) {margin-top: 50px;}
#ctaBox{padding:95px 0;position:relative;}
#ctaBox .inner{width:1180px}
#ctaBox h3,
#ctaBox dl{width:700px}
#ctaBox h3{font-size:24px;padding:0 0 5px;margin:0 0 20px;z-index:-1;border-bottom:5px solid #000}
#ctaBox h3:after{height:6px;bottom:-6px;background:#EFEDE6;display:inline-block;content:"";position:absolute;width:inherit;height:6px;z-index:100;width:600px}
#ctaBox h3:before{width:700px}
#ctaBox dl{padding:30px 0 10px}
#ctaBox dt{font-size:16px}
#ctaBox dd{font-size:15px}
#ctaBox dd .callink{font-size:36px;font-family:Arial, Helvetica, sans-serif;letter-spacing:0.03em;position:relative;left:-5px}
#ctaBox dd .callink:before{padding:5px 3px;font-size:34px;margin:0 5px 0 0;top:2px}
#ctaBox dd a{font-size:24px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:30px 0 28px 30px;width:420px}
#ctaBox dd a:before{padding:5px;font-size:38px;margin:0 5px 0 30px;left:0;top:18px;position:absolute}
#ctaBox dd:last-child{padding:50px 0 0}
#ctaBox .l-atBox {width: 420px;position: absolute;right: 0;top: 0;}
#ctaBox .l-atBox h4 {background: #00b900;padding: 12px;overflow: hidden;text-align: center;}
#ctaBox .l-atBox h4 img {width: auto;height: 32px;}
#ctaBox .l-atBox h4 span {display: block;color:#fff;font-weight: bold;}
#ctaBox .l-atBox .qrBox {padding: 0 10px 10px;border:1px solid #00b900;text-align: center;background: #fff;}
#ctaBox .l-atBox .qrBox img.qr {width: 180px;height: auto;}
#ctaBox .l-atBox .qrBox a {display: block;text-align: center;}
#snsTimeline{width:1180px;padding:90px 0 100px}
#snsTimeline dl{width:555px;overflow:hidden}
#snsTimeline dl:nth-child(1){float:left}
#snsTimeline dl:nth-child(2){float:right}
#snsTimeline dl dt{font-size:24px;padding:0 0 5px;margin:0 0 20px;width:100%;z-index:-1;border-bottom:5px solid #000}
#snsTimeline dl dt:after{height:6px;bottom:-6px;background:#fff;display:inline-block;content:"";position:absolute;width:100%;height:6px;z-index:100}
#snsTimeline dd iframe{width:555px;height:315px}
#instagram{height:480px}
#overlayBox {right:20px;bottom:-80px}
.pagetopshow #overlayBox {bottom:80px;}
#overlayBox a#pageTop {width:50px;height:50px;background:#660000;color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
#overlayBox a#pageTop:before {width:8px;height:8px;margin:-4px 0 0 0;left:20px}
#commonFooter{clear:both;background:#fff}
#commonFooter .inner{width:1180px;padding:90px 0 95px}
#commonFooter .logo{margin:0 0 5px}
#commonFooter dl{overflow:hidden}
#commonFooter dt {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #000;
    padding: 0 0 5px 20px;
    position: relative;
    margin: 0 0 30px;
}
#commonFooter dt:before{content:"";height:1px;display:block;background:#ccc;bottom:0px;position:absolute;z-index:10;width:100%}
#commonFooter dt{padding:0 0 5px;margin:0 0 30px;width:100%;border-bottom:5px solid #000}
#commonFooter dt:after{height:6px;bottom:-6px;background:#fff;display:inline-block;content:"";position:absolute;width:inherit;height:6px;z-index:100}
#ftInfo{width:510px;float:left}
#ftInfo li{line-height:1.9em;font-weight:600}
#ftInfo li:nth-child(2):before,#ftInfo li:nth-child(3):before{font-family:'yudaicon';font-weight:normal;font-size:22px;position:relative;top:3px;margin:0 10px 0 0}
#ftInfo li:nth-child(2):before{content:"\e909"}
#ftInfo li:nth-child(3):before{content:"\e907"}
#ftInfo li:nth-child(3) a{font-weight:normal}
#ftInfo li:nth-child(3) a:hover{text-decoration:none}
#ftInfo li .callink{font-family:Arial, Helvetica, sans-serif;font-size:18px;letter-spacing:0.05em}
#ftSitemap,
#ftFacilities{padding:10px 0 0}
#ftSitemap {width:330px;float:left}
#ftSitemap ul{width:150px;float:left;font-size:13px}
#ftSitemap ul li{margin:0 0 8px}
#ftSitemap ul li:before {
	padding: 5px;
    font-size: 10px;
    content: "\e900";
    font-family: 'yudaicon';
    text-indent: 0;
    color: #F88C00;
}
#ftFacilities{width:285px;float:right}
#ftFacilities ul li{padding:5px 0 0;margin:0 0 5px}
#ftFacilities ul li a {display: block;overflow: hidden;}
#ftFacilities ul li a img {width: 100%;height: auto;}
#copyright{font-size:13px;padding:15px 0}
#copyright p{width:1180px}
#cts{width:850px;float:left;padding:5px 0 0;overflow: hidden;}
aside{width:300px;float:right;padding:45px 0 0}
}
@media screen and (max-width: 960px) {
#commonHeader{background:#fff;position:fixed;height:50px;z-index:100;width: 100%;top:0;}
#commonHeader .logo{background: url(/common/img/sp_logo.png) no-repeat center center;display: block;width: 127px;height: 50px;background-size: contain;margin: 0 auto;}
#commonHeader .logo img{width:140px;height:auto;z-index:10;position:relative;opacity: 0;}
#commonHeader ul{position:absolute;top:13px;right:50px;width:145px;display: none;}
#commonHeader ul li:nth-child(1),#commonHeader ul li:nth-child(2){width:60px;margin:0 0 0 10px;float:left}
#commonHeader ul li:nth-child(1) a,#commonHeader ul li:nth-child(2) a{color:#fff;display:block;text-align:center;font-size:10px;padding:16px 5px 13px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-decoration:none;line-height:0}
#commonHeader ul li:nth-child(3){display:none}
#commonHeader .toHome{position:absolute;left:11px;top:11px;}
#commonHeader .toHome a:hover{text-decoration:none;}
#commonHeader .toHome a i{font-size:28px;color:#660000;}
#spnav{position:fixed;top:5px;right:0px;z-index:101}
#spnav:before{content:"";width:40px;height:40px;display:block}
#spnav span{display:block;position:absolute;top:50%;left:50%;width:40px;height:4px;margin:0;transition: .2s;z-index:999}
#spnav span:before,#spnav span:after{display:block;content:"";position:absolute;top:50%;left:0;width:30px;height:4px;transition:.3s}
#spnav span:before{margin-top:0px}
#spnav span:after{margin-top:0px}
#spnav span{background:#660000;display:block;position:absolute;top:50%;left:50%;width:22px;height:4px;margin:-2px 0 0 -16px;transition: .2s}
#spnav span:before,#spnav span:after{display:block;content:"";position:absolute;top:0px;left:0px;width:22px;height:4px;background:#660000;transition:.3s}
#spnav span:before{top:-8px}
#spnav span:after{top:8px}
#spnav.open span{background:transparent}
#spnav.open span:before,#spnav.open span:after{background:#fff}
#spnav.open span:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:0px}
#spnav.open span:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);top:0px}
#gnav{position:fixed;top:0;left:0;width:100%;padding:60px 0 10px;background:#000;height:100vh;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
#gnav ul{border-top:1px solid rgba(255,255,255,0.3);margin:0 10px}
#gnav li{border-bottom:1px solid rgba(255,255,255,0.3)}
#gnav li a{color:#fff;text-decoration:none;letter-spacing:0.1em;text-indent:-0.1em;display:block;font-size:14px;font-weight:600;padding:20px 10px}
#gnav ul li span{display:none}
#gnav li a:after{content:"\003e";float:right}
main{clear:both}
#btnBnr{padding:10px 10px 0}
#btnBnr ul{margin:0 auto}
#btnBnr ul li{margin:0 auto 5px}
#ctaBox{padding:30px 10px;width:100%;overflow:hidden}
#ctaBox h3{font-size:17px;padding:0 0 2px;margin:0 0 10px;width:100%;z-index:-1;border-bottom:3px solid #000}
#ctaBox h3:after{height:3px;bottom:-4px;background:#EFEDE6;display:inline-block;content:"";position:absolute;width:inherit;height:4px;z-index:100}
#ctaBox dl{padding:20px 0;text-align:center}
#ctaBox dt{font-size:13px;padding:0 0 5px}
#ctaBox dd{font-size:12px;padding:10px 0}
#ctaBox dd:last-child a{font-size:16px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:20px 10px 22px 0;color:#fff}
#ctaBox dd:last-child a:before{padding:5px;font-size:20px;margin:0 5px 0 0;left:0;top:2px;position:relative}
#ctaBox dd:last-child{padding:10px 0 0}
#ctaBox dd .callink{font-size:24px;background:none}
#ctaBox dd .callink:before{padding:5px;font-size:26px;margin:0 5px 0 0;top:3px}
#ctaBox dd .bhour{padding:10px 0 0}
#ctaBox .l-atBox {width: 420px;max-width:100%;margin: 0 auto;position:relative;}
#ctaBox .l-atBox h4 {background: #00b900;padding: 12px;overflow: hidden;text-align: center;}
#ctaBox .l-atBox h4 img {width: auto;height: 32px;}
#ctaBox .l-atBox h4 span {display: block;color:#fff;font-weight: bold;}
#ctaBox .l-atBox .qrBox {padding: 0 10px 10px;border:1px solid #00b900;text-align: center;background: #fff;}
#ctaBox .l-atBox .qrBox img.qr {width: 50%;height: auto;}
#ctaBox .l-atBox .qrBox a {display: block;text-align: center;}
#ctaBox .l-atBox .qrBox a img {height: 36px;width: auto;}
#snsTimeline{padding:20px 10px;width:100%;overflow:hidden}
#snsTimeline dl dt{font-size:17px;padding:0 0 2px;margin:0 0 10px;width:100%;z-index:-1;border-bottom:3px solid #000}
#snsTimeline dl dt:after{height:3px;bottom:-4px;background:#fff;display:inline-block;content:"";position:absolute;width:inherit;height:4px;z-index:100}
#snsTimeline dd iframe{width:100%;height:300px;margin:0 0 10px}
#instagram{height:300px}
#overlayBox {bottom:-90px;left:0;width:100%;clear:both;}
.pagetopshow #overlayBox {bottom:0}
#overlayBox a#pageTop {display:block;height:30px;background:#000;color:#fff;display: none;}
#overlayBox a#pageTop:before{width:6px;height:6px;margin:-2px 0 0 -5px;left:50%}
#overlayBox .spOverlay {display: block;}
#overlayBox .spOverlay ul {display: block;clear: both;overflow: hidden; }
#overlayBox .spOverlay ul li {display: inline-block;float: left;width: 50%;box-sizing: border-box;}
#overlayBox .spOverlay ul li a {display:block;height:60px;background: #660000;color:#fff;padding: 10px 0;font-size: 12px;text-align: center;}
#overlayBox .spOverlay ul li a span  {display: block;}
#overlayBox .spOverlay ul li + li a span {border-left: 1px solid #fff;}
#overlayBox .spOverlay ul li a i {display: block;font-size: 20px}
#overlayBox .spOverlay ul li a:hover {text-decoration: none;}
#commonFooter {padding-bottom: 60px;}
#commonFooter .inner{padding:30px 0 0}
#commonFooter .logo{margin:0 0 10px}
#commonFooter .logo img{height:auto;display:block;margin:0 auto}
#ftInfo ul{text-align:center;padding:20px 0}
#ftInfo ul a{color:#fff;text-decoration:none}
#ftInfo ul li {margin:0 0 10px}
#ftInfo ul li a {display: block;}
#commonFooter dt{display:none}
#ftSitemap ul{overflow:hidden}
#ftSitemap ul:first-child{border-top:1px solid rgba(255,255,255,0.3)}
#ftSitemap ul:first-child li:first-child{display:none}
#ftSitemap ul li {width:50%;float:left;font-size:15px;border-bottom:1px solid rgba(255,255,255,0.3)}
#ftSitemap ul:first-child li:nth-child(2n) a{border-right:1px solid rgba(255,255,255,0.3)}
#ftSitemap ul li a{display:block;padding:12px 5px}
#ftSitemap ul li a:before{content:"\e900";font-family:'yudaicon';text-indent:0;color:#fff;padding:6px;font-size:12px;float:left;margin:0 5px 0 0}
#ftSitemap ul:last-child li:nth-child(2n+1) a{border-right:1px solid rgba(255,255,255,0.3)}
#ftFacilities{padding:20px 10px 10px;text-align:center}
#ftFacilities ul li{margin:0 0 10px}
#ftFacilities ul li img{height:auto;display:block;margin:0 auto}
#copyright{font-size:9px;padding:15px 0;text-align:center;padding:10px;}
#cts{width:100%;overflow:hidden}
}
@media screen and (max-width: 320px){
#commonHeader ul{position:absolute;top:10px;right:50px;width:100px}
#commonHeader ul li:nth-child(1),#commonHeader ul li:nth-child(2){width:40px;margin:0 0 0 10px;float:left}
#commonHeader ul li:nth-child(1) a,#commonHeader ul li:nth-child(2) a{color:#fff;display:block;text-align:center;font-size:12px;padding:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-decoration:none;line-height:1.2em}
#gnav li a{padding:15px 10px}
}
/*for IE11*/
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop,
#gnav li a{padding:25px 0 21px}
#commonHeader ul{line-height:1.5em}
#commonHeader ul li:nth-child(1) a:before, #commonHeader ul li:nth-child(2) a:before{top:-7px}
#commonHeader ul li a {padding:7px 8px 3px 0!important}
}

/* 2018.06.26 追加 */
#cmnBnr {
	display: flex;
	justify-content: space-between;
}
#cmnBnr div {
	width: 25%;
	height: 240px;
	background-size: cover;
	background-repeat: no-repeat;
}
#cmnBnr div a {
	position: relative;
	display: block;
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
}
#cmnBnr div a:hover {
	opacity: 0.8;
}
#cmnBnr div p {
	position: absolute;
	top:0;
	bottom:0;
	right: 0;
	left:0;
	margin: auto;
	line-height: 40px;
	border:1px solid #fff;
	font-size: 1.6rem;
	color: #fff;
	width: 180px;
	height: 40px;
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width: 960px) {
#cmnBnr div {
	height: 180px;	
}
#cmnBnr div p {
	font-size: 1.6rem;
	width: 140px;
}
}
@media screen and (max-width: 640px) {
#cmnBnr {
	flex-wrap: wrap;
}
#cmnBnr div {
	width: 50%;
	height: 120px;	
}
#cmnBnr div p {
	font-size: 1.3rem;
	line-height: 36px;
	height: 36px;
	width: 120px;
}
}