@charset "UTF-8";
/* CSS Document */
html,body {font-family:Verdana,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-size:14px;line-height:1.8em;color:#333;min-width:320px;}

#wrap {width:100%;}
.inner {width:1000px;margin:0 auto;position:relative;}

img {display:block;max-width:100%;}
a {text-decoration:none;color:#333;}
a:hover {opacity:0.5 !important;}

.cf:before,
.cf:after {content:"";display:table;clear:both;}

header {position:relative;}
header .inner {width:calc(100% - 40px);height:100px;padding:0 20px 0 20px;}


#logo,
#gnav {float:left;}
#hnav {float:right;}
.logo {display:table;margin-top:30px;}
.logo img {width:284px;margin-right:15px;}
.logo a {display:block;font-size:0.9em;line-height:1.5em;font-weight:bold;}

#entry_btn_h {width:100px;height:100px;position:absolute;right:0;top:0;}
#entry_btn_h a {display:block;width:100%;height:calc(100% - 60px);padding-top:60px;background:#EC774F url(../img/entry.png) no-repeat center 20px;background-size:29px auto;text-align:center;color:#fff;}
#gnav,
#hnav {margin-top:35px;}
#gnav {width:420px;margin-left:30px;}
#gnav li {display:inline;margin-left:30px;}
#gnav li:first-child {margin-left:0;}
#gnav li a {position:relative;font-weight:bold;}
#gnav li a:before {content:"";display:block;width:100%;height:4px;background:url(../img/line03_orange.png) repeat-x left top;position:absolute;left:0;bottom:-10px;}
#hnav li {display:inline;margin-left:20px;}
#hnav li:first-child {margin-left:0;}
#sp_menu,
#mo_menu {display:none;}

footer {padding:90px 0;}
#flogo img {width:126px;}

#entry_btn_f {background:url(../img/line02_orange.png) repeat left top;background-size:50px auto;padding:60px 0;}
#entry_btn_f a {display:block;width:350px;margin:0 auto;text-align:center;background:#fff;color:#EC774F;font-size:1.4em;line-height:1.8em;font-weight:bold;}
#entry_btn_f a span {display:inline-block;padding:30px 0 25px 0;background-size:29px auto;}

#contact_btn_f {background:#E5E5E5;padding:60px 0;margin-bottom:60px;}
#contact_btn_f a {display:block;width:350px;margin:0 auto;text-align:center;background:#fff;color:#EC774F;font-size:1.4em;line-height:1.8em;font-weight:bold;}
#contact_btn_f a span {display:inline-block;padding:20px 0 15px;}
#contact_btn_f a span small {display:block;font-size:0.75em;}


#flogo {margin-bottom:25px;}
footer small {color:#666;}

#information {width:calc(100% - 22px);background:#fff;border:solid 1px #E6E6E6;position:fixed;left:50%;bottom:10px;transform:translateX(-50%);font-size:0.8em;line-height:1.5em;}
#information > div {display:table;padding:10px 10px;table-layout:fixed;}
#information > div > div {display:table-cell;vertical-align:top;}
#information .days {width:6em;}

.category_title {text-align:center;margin-bottom:20px;}
.category_title img {margin:0 auto 15px;}

.w_base {background:#fff;padding-bottom:55px;}

#vr {width:40px;height:40px;}
#vr img {display:block;}

@media screen and (max-width:1024px){
	.inner {width:100%;}
	
	#entry_btn_f,
	#contact_btn_f {width:100%;}
	footer .inner {width:calc(100% - 40px);}
	
	.logo {margin-top:35px;}
	.logo img {width:200px;margin-right:0;}
	
	#gnav {width:260px;}
	#gnav li {margin-left:10px;}
	#hnav li {margin-left:10px;}
	#gnav li a,
	#hnav li a {font-size:0.8em;}
}
@media screen and (max-width:750px){	
	header .inner {width:calc(100% - 135px);height:60px;padding:0 120px 0 15px;}
	#gnav,
	#hnav {display:none;}
	#entry_btn_h {width:60px;height:60px;right:60px;}
	#entry_btn_h a {height:calc(100% - 33px);padding-top:33px;background:#EC774F url(../img/entry.png) no-repeat center 15px;background-size:18px auto;font-size:0.8em;}
	#logo {padding-right:20px;}
	.logo {margin-top:15px;}
	.logo img {width:230px;}
	
	#sp_menu,
	#sp_menu a {display:block;}
	#sp_menu {width:60px;height:60px;position:absolute;right:0;top:0;}
	#sp_menu a {width:100%;height:100%;}
	#sp_menu span {display:block;width:20px;height:1px;background:#666;position:absolute;left:20px;transition:0.3s;}
	#sp_menu span:nth-child(1) {top:24px;}
	#sp_menu span:nth-child(2) {top:30px;}
	#sp_menu span:nth-child(3) {top:36px;}
	#sp_menu .active span:nth-child(1) {top:30px;transform:rotate(45deg);}
	#sp_menu .active span:nth-child(2) {left:30px;width:0;}
	#sp_menu .active span:nth-child(3) {top:30px;transform:rotate(-45deg);}
	
	
	#mo_menu {display:none;width:100%;height:100%;background:#666;position:absolute;left:0;z-index:10;}
	#mo_menu ul li {border-bottom:solid 1px #ccc;}
	#mo_menu ul li a {display:block;padding:20px;font-weight:bold;text-align:center;color:#fff;}
	#mo_menu > div {display:table;width:100%;table-layout:fixed;}
	#mo_menu > div > a {display:table-cell;padding:20px 0;text-align:center;vertical-align:middle;font-weight:bold;}
	#mo_menu .entry_mo {background:#EC774F url(../img/entry.png) no-repeat 20px center;background-size:20px auto;color:#fff;text-indent:40px;}
	#mo_menu .contact_mo {background:#E5E5E5;}
	#mo_menu .contact_mo small {display:block;font-weight:normal;}
	
	footer {padding-top:0;}
	#entry_btn_f,
	#contact_btn_f {width:calc(100% - 20px);padding:10px;}
	#entry_btn_f a,
	#contact_btn_f a {width:auto;}
	
	#flogo img {width:101px;}
}