/*
	style.css
*/
/* general*/
.fs12{font-size:12px;}
.btn_brown{border-radius:3px;color:#FFFFFF; border:1px solid #bba15a; padding:0.5em 1em; font-size:12px; background: #d6bc77; background: -moz-linear-gradient(top,  #d6bc77 0%, #a9853e 100%);background: -webkit-linear-gradient(top,  #d6bc77 0%,#a9853e 100%);background: linear-gradient(to bottom,  #d6bc77 0%,#a9853e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6bc77', endColorstr='#a9853e',GradientType=0 );
	}
.btn_green{border-radius:3px;color:#FFFFFF; border:1px solid #2c944b; padding:0.5em 1em; font-size:12px;background: #48a556;background: -moz-linear-gradient(top,  #48a556 0%, #427f37 100%);background: -webkit-linear-gradient(top,  #48a556 0%,#427f37 100%); background: linear-gradient(to bottom,  #48a556 0%,#427f37 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a556', endColorstr='#427f37',GradientType=0 );}
.btn_brown:hover,.btn_green:hover{opacity:0.8;text-decoration:none;color:#FFFFFF;}
.button{border-radius:3px;text-align:center;width:100%;display:block;color:#FFFFFF; border:1px solid #ffffff; padding:0.5em 1em; font-size:12px;background: #81280f;background: -moz-linear-gradient(top,  #81280f 0%, #471802 100%);background: -webkit-linear-gradient(top,  #81280f 0%,#471802 100%); background: linear-gradient(to bottom,  #81280f 0%,#471802 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81280f', endColorstr='#471802',GradientType=0 );box-shadow:0px 0px 0px 1px #681a02;}
.button:hover{color:#ffffff;text-decoration:none;opacity:0.8;}
.btn_brown:hover,.btn_green:hover{opacity:0.8;text-decoration:none;color:#FFFFFF;}

/* font-family */
header h1,header p,
#privilege article h2,#privilege article h3,
#privilege article ul li,
#privilege article ul li a,
#main aside nav #reserve_body h2,
#main main #plans h2{font-family: Shuei Mincho B;}
.button{font-family: Shuei Mincho l;}

p,li,a,dt,dd,
#event article h2,
#main main #option article h4{font-family: Soft Gothic Medium;}

/* frame */

header h1,header p{color:#FFFFFF !important;}
header h1{line-height:1.4;}
header p{}
.wrap{color:#484848;background: #19326b; background: -moz-linear-gradient(top,  #19326b 0%, #3760b2 100%); background: -webkit-linear-gradient(top,  #19326b 0%,#3760b2 100%); background: linear-gradient(to bottom,  #19326b 0%,#3760b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19326b', endColorstr='#3760b2',GradientType=0 );}

#event{position:relative;z-index: 0;}
#event::before{content:"";position:absolute;z-index: 0;background:url(../images/bg_left.png) no-repeat;top: 0;left: 0;display: block;height: 442px;width: 100%;max-width: 1170px;}
#event::after{content:"";position:absolute;z-index: -1;background: url(../images/bg_right.png) no-repeat right;top: -100px;right: 0;display: block;height: 566px;width: 100%;max-width: 1170px;}

#event article{margin:30px 0 0 0;}
#event article figure{background-color:#FFFFFF;border-radius:3px;padding:15px;}
#event article figure img{width:100%;}
#event article h2{font-size:18px;}
#event article h2::before{content:"";border-left:8px solid #ae2501;margin-right:1em;}
#event article h2 span{font-size:12px;}
#event article p:last-child{margin-bottom:0;}

#privilege {
    padding: 0 30px;
    box-sizing: border-box;
}
#privilege article{margin:30px 0;}
#privilege article{background-color:#fdfdfd;border:3px solid #dcdcdc;padding:15px;}
#privilege article figure{padding-left:0;/*padding-right:0;*/}
#privilege article figure img{width: 100%;}
#privilege article div{padding-left:0;padding-right:0;}
#privilege article h2{margin-top:0;}
#privilege article h2::before{content:"";background: url(../images/icon.jpg) no-repeat;}
#privilege article h2 span{font-size: 1.8rem;display: block;}
#privilege article ul{list-style:none;padding:0;margin:0;}
#privilege article ul li{display:table;}
#privilege article ul li::before{content:"■";color:#3760b1;display:table-cell;font-size:15px;padding-right:0.2em;line-height:0;}

.wrap_main{background: #3760b2;background: -moz-linear-gradient(top,  #3760b2 0%, #3760b2 10%, #ffffff 10%, #3760b2 10%, #ffffff 10%, #ffffff 12%);background: -webkit-linear-gradient(top,  #3760b2 0%,#3760b2 10%,#ffffff 10%,#3760b2 10%,#ffffff 10%,#ffffff 12%);background: linear-gradient(to bottom,  #3760b2 0%,#3760b2 10%,#ffffff 10%,#3760b2 10%,#ffffff 10%,#ffffff 12%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3760b2', endColorstr='#ffffff',GradientType=0 );}

#main aside nav{background:#FFFFFF;padding: 10px;border-radius:3px;box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);}
#main aside nav #reserve_body{padding: 10px;border:1px solid #ffffff;box-shadow: 0px 0px 0px 1px #C6B88D;background: #c6b88d;background: -moz-linear-gradient(top,  #c6b88d 0%, #f5f2dd 100%);background: -webkit-linear-gradient(top,  #c6b88d 0%,#f5f2dd 100%);background: linear-gradient(to bottom,  #c6b88d 0%,#f5f2dd 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6b88d', endColorstr='#f5f2dd',GradientType=0 );}
#main aside nav #reserve_body ul{list-style:none;padding:0;}
#main aside nav #reserve_body hr{border-color:#c7b98b;}
#main aside nav #reserve_body h2{position:relative;font-size: 18px;margin: 10px 0 5px 0;color:#86341F;}
#main aside nav #reserve_body h2.active{margin: 10px 0 20px 0}
#main aside nav #reserve_body h2 i{position:absolute;right:0;font-size:14px;line-height:1;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
#main aside nav #reserve_body h2.active i{transform:rotate(90deg);}

#main aside nav h4{font-size:14px;}
#main aside nav h4 span{font-size:12px;}
#main aside nav #reserve_body #nitteiarea,
#main aside nav #reserve_body #ninzuarea{font-size:12px;}
#main aside nav #reserve_body ul#reserve_txt{font-size:12px;}
#main aside nav #reserve_body .booking_date {padding: 0;}
#main aside nav #side_bn{margin-top:1em;padding:0;list-style:none;}
#main aside nav #side_bn li{margin-bottom:0.5em;}

#main main #plans,
#main main #option{position:relative;z-index: 0;}
#main main #plans::before,
#main main #option::before{position:absolute;top: 5px;right: -5px;border-radius: 3px;z-index: -1;content:"";display:block;width: 100%;height: 100%;box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);}
#main main #plans,
#main main #option{background:#FFFFFF;padding:15px;margin-top: 4px;margin-bottom: 30px;border-radius:3px;border:1px solid #b4defc;box-shadow: 0 0 0 4px #fff;}
#main main #plans h2{margin-top:0;margin-bottom:0.5em;color:#484848;}
#main main #plans h2::before{content:""; border-left:5px solid #57c5eb;margin-right:5px;}
#main main #plans article{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #dcdcdc;}
#main main #plans article:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}
#main main #plans article .planImage{float:left;background: #ffffff;box-shadow: 0 0 0 1px #dcdcdc inset;width:250px;height:190px;margin-right:20px;padding: 2px;}
#main main #plans article h3{font-size:18px;color:#0098d8;font-weight:bold;margin-left:-0.5em;margin-top:0;line-height:1.4;}

#main main #option article h4{color:#f5590c;}
#main main #option article{font-size:13px;}
#main main #option article:first-child{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #DCDCDC;}
#main main #option article dl dt::before{content:"■";color:#5abfee;font-size:15px;}
#main main #option article p{margin-bottom:1em;}
#main main #option article ul{list-style:none;}
#main main #option article ul li{display:table;margin-bottom:0.5em;}
#main main #option article ul li:last-child{margin-bottom:0;}
#main main #option article ul li::before{content:"※";display:table-cell;}

footer{margin-top:30px;}

.extendMb{
	display: block !important;
    width: 100% !important;
    margin-bottom: 6px;
	}

.text{
	overflow:hidden;
	padding-left:15px;
}

#plans{
	padding-right:30px !important;
}
#plans > div{
	position:relative;
	z-index:0;
	display:block;
}
#plans > div::before{
	position:absolute;
	z-index:-1;
	top:50%;
	right:-20px;
	transform:translateY(-50%);
	content: "\e080";
	font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
	color:#333;
}

#plans > div a{
	display:flex;
	flex-direction:row;
	align-items:center;
	transition: .3s ease-in-out;
}
#plans > div a:hover{
	opacity:0.6;
}
#plans > div a img{
	max-width:100%;
}
#plans > div a{
	text-decoration:none;
}
#plans .text h4{
	font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
	color: #f5590c;
	margin:0 0 15px 0;
}
#plans .images{
	width:30%;
}
#plans .text p{
	color:#333333;
}
/* media query */
@media (min-width: 1200px){
	header p br{display:none;}
	#event article figure{min-height:320px;}
	#privilege article figure img{margin-right: 35px; max-width: 335px;}
	#privilege article h2{display:table;font-size:300%;line-height: 1.8;}
	#privilege article h2::before{display:table-cell;width:120px;height: 107px;}
	#privilege article h2 span{font-size: 1.8rem;display: block;margin-top: -15px;}
	#privilege article h2 br{display:none;}
	#privilege article h3{margin-top:1em;font-size: 3rem;}
	#privilege article h3 span{font-size: 1.6rem;}
	
	#privilege article ul{overflow:hidden;}
	#privilege article ul li{margin-bottom:0.5em;}
	#privilege article ul li:last-child{margin-bottom:0;}
	
	#main main #plans article dl dt{display:inline-block;width: 10%;font-weight:normal;}
	#main main #plans article dl dt:before{content:"◆";color:#0098d8;margin-right:0.5em;margin-bottom: 5px;}
	#main main #plans article dl dd{display:inline-block;width: 50%;margin-bottom: 5px;}
	
	#main aside nav #side_bn li:last-child{margin-bottom:0;}
	
	#main main #option article figure img{display:block;margin-bottom:5px;margin-right:30px;}
	#main main #option article figure img:last-child{margin-bottom:0;}
	#main main #option article h4{font-size:22px;font-weight:bold;letter-spacing:1px;margin-top: 0;line-height: 1.3;}
	#main main #option article dl{overflow:hidden;}
	#main main #option article dl dt{margin-bottom:5px;}
	#main main #option article dl dd{margin-left:1em;}
	#main main #option article dl dd:not(:last-child){margin-bottom:15px;}
	#main main #plans article .ml270px{margin-left:270px;}
	
	#main aside nav #reserve_body #reserve_qr img{width:100%;}
	
	footer br{display:none;}
	}
@media (min-width: 769px) and (max-width:1199px){
	header p br{display:none;}
	#event article figure{min-height:350px;}
	#privilege article figure img{margin-bottom: 1em;float: none !important;}
	#privilege article h2{display:table;font-size: 30px;margin-top:0;line-height: 2.5;}
	#privilege article h2::before{display:table-cell;width:120px;height:107px;}
	#privilege article h2 br{display:none;}
	#privilege article h2 span{font-size: 14px;display: block;line-height: 1.2;}
	#privilege article h3{margin-top:1em;font-size: 3rem;}
	#privilege article h3 span{font-size: 1.6rem;}
	
	#main main #plans article dl dt{display:inline-block;width: 10%;font-weight:normal;}
	#main main #plans article dl dt:before{content:"◆";color:#0098d8;margin-right:0.5em;}
	#main main #plans article dl dd{display:inline-block;width: 50%;}

	#main main #plans article .ml270px{margin-left:270px;}

	#main aside nav #reserve_body h2+#reserve_bottom{display:none;}
	#main aside nav #side_bn li{display:inline-block;vertical-align:top;}
	
	#main main #option article figure img{max-width:2345px; display:block;margin-bottom:5px;margin-right:15px;}
	#main main #option article figure img:last-child{margin-bottom:1em;}
	#main main #option article h4{font-size:22px;font-weight:bold;letter-spacing:1px;}
	#main main #option article dl dd{margin-left:0;}
	
	footer br{display:none;}
	}

@media (min-width: 769px) and  (max-width:992px){
	#event article figure{min-height:320px;}
	#privilege article figure{padding-right:0;}
	#main main #plans article dl{overflow:hidden;}
	#main main #plans article dl+p{margin-left:270px;}
	#main main #plans article dl dt{width:100%;display:block;font-weight:bold;}
	#main main #plans article dl dt:before{content:"◆";color:#0098d8;margin-right:0.5em;}
	#main main #plans article dl dd{width:100%;display:block;margin-left:1.5em;margin-bottom:0.8em;}
	#main main #plans article dl dd:last-child{margin-bottom:0;}
}

@media (max-width: 768px){
	
	#plans > div a{
		flex-direction:column;
	}
	.text{
		padding-left: 0;
    	width: 100%;
		margin-top:15px;
	}
	#plans .images{
		width:100%;
	}
	#event article figure{min-height:none;}
	#privilege article figure{padding-right:0;}
	#privilege article figure img{margin-bottom: 1em;float: none !important;}
	#privilege article h2{position: relative;z-index: 0;font-size: 20px;font-weight: bold;margin-top:0;line-height: 1.4;margin-bottom: 10%;text-shadow: 1px 1px 2px rgba(255,255,255,0.8);}
	#privilege article h2::before{position: absolute;z-index: -1;width: 100%;height: 105%;float: left;background-size: contain;background-position: right bottom;margin-right: 1em;opacity: 0.4;}
	#privilege article h2 span{font-size: 12px;display: block;line-height: 1;margin-top: 0.5em;font-weight: normal;}
	#privilege article h3{margin-top:1em;font-size: 20px;font-weight: bold;line-height:1.5;}
	#privilege article h3 span{font-size: 12px;font-weight: normal;display:block;}
	
	#main main #plans article .planImage{width:100%; height:auto; float:none !important;margin-bottom:1em;}
	#main main #plans article h3{margin-left:0;}
	#main main #plans article dl dt{display:block;font-weight:bold;}
	#main main #plans article dl dt:before{content:"◆";color:#0098d8;margin-right:0.5em;}
	#main main #plans article dl dd{display:block;margin-left:1.5em;margin-bottom:0.8em;}
	#main main #plans article dl dd:last-child{margin-bottom:0;}
	
	#main aside nav #reserve_body h2+#reserve_bottom{display:none;}
	#main aside nav #side_bn li{display:inline-block;vertical-align:top;}
	
	#main main #option article figure{float:none !important;}
	#main main #option article figure img{width:100%;margin-bottom:5px;float:none !important;}
	#main main #option article figure img:last-child{margin-bottom:1em;}
	#main main #option article h4{font-size:18px;font-weight:bold;letter-spacing:1px;}
	#main main #option article dl dd{margin-left:0;}
	#main main #option article ul{padding:0;}
	
	.btn_green,.btn_brown{display:block;width:100%;margin-bottom:1em;padding:1em 0.5em;}
	}