@charset "utf-8";
/* Reset
----------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	zoom:1;	/* hasLayout in IE */
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font:inherit;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	vertical-align:baseline;
	background:transparent;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
}
p{max-height:100%;}
header, menu, nav, footer,
section,article, aside,
details, summary,
figure, figcaption{display:block;}
table{
	border-collapse:collapse;
	border-spacing:0;
}
table, th, td{table-layout:fixed;}
caption, th, td{
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
}
q, blockquote{quotes:none;}
q:before, q:after, blockquote:before, blockquote:after{
	content:"";
	content:none;
}
img{
	font-size:0;
	line-height:0;
	vertical-align: bottom;
	height:auto;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#333;
}
a:focus{outline:none;}
a img{
	border:none;
	vertical-align:middle;
}
textarea{overflow:auto;}
label{cursor:pointer;}
.clearfix:after{
	display:block;
	visibility:hidden;
	content:".";
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}
* html .clearfix{zoom:1;}
*:first-child + html .clearfix{zoom:1;}
a:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
a{
	text-decoration:none;
}
strong{
	font-weight:normal;
}
ul,ol{
	list-style-type:none;
}
h1{
	height:0;
	overflow:hidden;
	padding-top:450px;
	background:url("img/main.jpg") center top no-repeat;
	background-size:cover;
	min-width:1240px;
}

.inner-box{
	width:1000px;
	padding:0 20px;
	margin:0 auto;
}

nav .inner{
	position:relative;
	background:rgba(210, 0, 49 ,.8) ;
	border-bottom:1px solid #6f1520;
	min-width:1240px;
	height:50px;
}
nav ul.inner-box{
    padding-right: 216px;
}
nav ul li{
	text-align:center;
	float:left;
}
nav ul li.nav-01{
	width:128px;
}
nav ul li.nav-02{
	width:156px;
}
nav ul li.nav-03{
	width:148px;
}
nav ul li.nav-04{
	width:148px;
}
nav ul li.nav-05{
	width:148px;
}
nav ul li.nav-06{
	width:156px;
}
nav ul.inner-box-02{
    width: 1140px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}
nav ul li.nav-07{
    position: absolute;
    top: -45px;
    right: 0;
	width:216px;
}
nav ul.inner-box-02 li a{
    margin: 7px 15px 0 15px;
    padding: 2px 0 0 0;
	background:#171409;
	border-radius:5px;
	box-shadow:1px 1px 1px 1px #171409;
}
nav ul.inner-box-02 li a:hover{
	position:relative;
	top:1px;
	left:1px;
}
nav ul.inner-box-02 li a:before{
	margin-right:5px;
	color:#fa4b80;
	font-size:1.3rem;
}
nav ul li.nav-08{
	display:none;
}
nav ul li a{
	display:block;
	padding:10px 15px;
    text-shadow: -1px -1px #000;
	color:#fff;
	font-size:1.4rem;
}
nav ul li a:hover{
	background:#171409;
}

#contents{
	background:url("img/bg.jpg") center top no-repeat;
	background-size:cover;
	background-attachment:fixed;
	padding:50px 0 100px;
	min-width:1240px;
}
#contents h2{
	text-align:center;
	padding:80px 0 30px;
	color:#5a4b0d;
	font-size:40px;
	font-weight:bold;
	clear:left;
}
#contents h2 img{
	padding-bottom:20px;
}
#contents .inner-box{
	background:url("img/inner_bg.png");
	padding:0 100px 100px;
}

#slideshow{
	position: relative;
	width:800px;
	margin:0 auto;
	height:560px;
}
#slideshow img{
	position: absolute;
	top: 0;
	left:0;
	z-index: 8;
	opacity: 0.0;
	width:800px;
}
#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow img.last-active {
	z-index: 9;
}
#contents h3{
	background:#2b2b2b;
	color:#d9cc8c;
	font-size:20px;
	font-weight:bold;
	padding:10px 20px;
	margin-bottom:30px;
}
#contents h3 + table{
	margin: -30px 0 30px;
}


#contents p{
	color:#5a4b0d;
	font-size:20px;
	font-weight:bold;
	padding:0 0 20px 20px;
}
#contents .clearfix{
	width:980px;
	margin:0 auto;
}
#contents .clearfix li{
	float:left;
	width:230px;
	margin-right:20px;
	font-weight: bold;
}
#contents .clearfix li:nth-child(4n){
	margin-right:0;
}
#contents .clearfix li img{
	width:230px;
}

#contents table{
	width:100%;
	color:#2c1200;
	text-shadow:#fff 1px 1px 1px;
}
#contents table tr:nth-of-type(2n-1){
	background:#e4dba8;
	width:100%;
}
#contents table tr:nth-of-type(2n){
	background:#fff;
}
#contents table th{
	padding:15px;
	font-weight:bold;
}
#contents table td{
	padding:15px;
}
#contents .time th{
	width:200px;
}
#contents .time td{
	font-weight:bold;
}
#contents .time td a{
    font-weight: bold;
    font-size:30px;
    color:red;
}
#contents .time td span{
    font-weight: bold;
    color:red;
}


#contents .button{
	width:250px;
	margin:30px auto 0;
}
#contents .button a{
	display:block;
	width:248px;
	background:#111;
	border:1px solid #111;
	border-radius:20px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
}

footer{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	border-top:5px solid #111;
	z-index:5000;
}

/* 年齢認証
------------------------------------------------------*/
.modal {
	position:fixed;
	display:none;
	z-index:10000;
	top:45%;
	left:50%;
	width:400px;
	height:150px;
	margin:-120px 0 0 -220px;
	padding:20px;
	text-align:center;
	border:1px solid #fff;
	border-radius:10px;
}
.modal p{
	margin:10px 0;
	color:#fff;
	line-height:1.5;
	text-align:center;
	font-size:18px;
}
.modal ul{
	width:300px;
	margin:0 auto;
}
.modal ul li{
	width:100px;
	float:left;
	text-align:center;
}
.modal ul li:first-child,.modal ul li:last-child{
	padding-top:17px;
}
.modal a{
	cursor:pointer;
	color:#fff;
	font-size:30px;
}
.to_sp{
	width:1240px;
	background:#c8062f;
	padding-bottom:100px;
}
.to_sp img{
	width:100%;
}
.fix_logo{
	text-align: center;
}

#contents .price td .red{
	color:red;
	font-size:20px;
	font-weight: bold;
}
#contents .price .big{
	font-size:20px;
	font-weight: bold;
}
#contents .price .big span{
	color:red;
	font-size:20px;
	font-weight: bold;
}



/*===============================================
●style.css 画面の横幅が420px以上
===============================================*/
@media screen and (min-width: 420px){
.to_sp,
.sp{
	display:none;
}
}
/*===============================================
●style.css 画面の横幅が420px以下
===============================================*/
@media screen and (max-width: 420px){
body{
	width:420px;
}

h1{
	min-width:auto;
    height: 0;
    overflow: hidden;
    background: url(img/main_sp.jpg) center top no-repeat;
    background-size: 100%;
    padding-top: 236px;
}
#contents {
    min-width: 420px;
    padding:10px 0;
}
#contents h2{
	font-size:30px;
	padding: 30px 0 10px;
}
#contents p{
	padding:0;
}
#contents .inner-box{
	width:400px;
    padding: 0 10px 50px;
}
#contents .inner-box img,
.fix_logo img{
	max-width:400px;
}
#slideshow {
    width: 400px;
    height: 280px;
}
nav .inner{
	min-width:420px;
	height: 10px;
}
#contents .clearfix{
	width:auto;
}
#contents iframe{
	max-width:400px;
	max-height: 350px
}
#contents .clearfix li {
    text-align: center;
    float: none;
    width: auto;
    margin-right: 0;
    padding-bottom: 30px;
}
#contents .clearfix li img{
	padding-bottom: 10px;
}
#contents .price th:nth-of-type(1){
	width:130px;
}
#contents .time th:nth-of-type(1){
	width:70px;

}



}