@charset "utf-8";

/*********************************************************************************************************************
*全体
**********************************************************************************************************************/
h1,h2,h3,h4,h5,h6{
	font-weight: bold;
}
.glyphicon{
	top: 2px;
	
}

/*********************************************************************************************************************
*共通
**********************************************************************************************************************/
.key_bg_red {
	background-color: #a10000;
}
.key_bg_blue {
	background-color: #00003e;
}
.key_bg_yellow {
	background-color: #d19800;
}
.key_blue {
	color: #00003e;
}
.key_yellow {
	color: #d19800;
}
.wrapInner{
	width: 940px;
	margin: 0 auto;
	padding: 2% 0 60px;
}
.wrapInner img {
	max-width: 100%;/*
	width: 100%;*/
	height: auto;
}
.wrapInner h1 img {
	max-width: 100%;
	width: auto !important;
	height: auto;
}
.wrapInner .date{
	font-weight: bold;
	font-size: 22px;
	margin: 20px 0;
}
.wrapInner .date small{
	border: 1px solid;
	border-radius: 4px;
	padding: 0.5em 1em;
	text-align: center;
	font-size: 14px;
}


.wrapInner .btn{
	display: block;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0;
}

.wrapInner h1{
	margin: 0 auto;
	text-align: center;
}
.wrapInner .lead{
	line-height: 1.6;
	font-size: 130%;
	font-weight: bold;
	color: #00003e;
	margin: 20px auto 40px;
	text-align: center;
}
.wrapInner .txt{
	line-height: 1.6;
	font-size: 100%;
	font-weight: bold;
	color: #00003e;
	margin: 20px auto 40px;
	text-align: center;
}
.wrapInner .note{
	text-align: left;
	font-size: 14px;
	color: #00003e;
	margin: 10px 0 0;
}

@media (max-width: 991px) {
     .wrapInner .table td {
        width: calc(100% / 4);
    }
}

/* ==============================================================
 Less than TABLET
================================================================= */
@media screen and (max-width: 979px) {
	.wrap{
		padding: 0 5%;
	}
	.wrapInner{
		width: 100%;
		margin: 0 auto;
	}
	.sotaInner{
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.sotaInner img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
}

/* ==============================================================
 TABLET
================================================================= */
@media screen and (min-width:768px) and (max-width:959px) {
	.wrap{
		padding: 0 5%;
	}
	.wrapInner,
	.sotaInner{
		width: 100%;
		margin: 0 auto;
	}
}

/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	.wrap{
		padding: 0 5%;
	}
	.wrapInner,.sotaInner{
		width: 100%;
		margin: 0 auto;
	}
	.wrapInner .note{
		font-size: 10px;
		margin: 3px 0 0;
	}
	.wrapInner .lead{
		line-height: 1.6;
		font-size: 110%;
		margin: 20px auto 40px;
		text-align: center;
		padding: 0 ;
	}
}



/*********************************************************************************************************************
*ページヘッダー
**********************************************************************************************************************/
.contents_header {/*
	background-color: #d19800;*/
	background-color: #00003e;
}
.contents_header p {
	color: #d19800;
}
.contents_header h1 {
	color: #fff;
}

/*********************************************************************************************************************
*メイン
**********************************************************************************************************************/
.main {	
		background-image:url(../img/main_bg_190301.jpg),
						 url(../img/wood_bg.jpg);
		background-repeat:no-repeat,
						  repeat;
		background-position:center top,
							center bottom;
		background-size: contain,
						contain;
	
}
.main_bottom {	
		background-image:url(../img/wood_bg.jpg);
		background-repeat:repeat;
		background-size:contain;
}
.main .btnInner{
    margin: 0 auto;
    width: 100%;
}
.main_bottom .btnInner{
    margin: 0 auto;
    width: 60%;
}
.main .btn {
	display: block;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #00003e;
    border-radius: 50px;
    letter-spacing: 0.15em;
}
.main_bottom .btn {
	display: block;
	padding: 20px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	background: #00003e;
    border-radius: 50px;
    letter-spacing: 0.15em;
}
.main small,.main_bottom small {
	display: block;
    font-size: 70%;
    font-weight: normal;
}

.main .outline,
.main_bottom .outline{
	font-size: 180%;
	font-weight: bold;
	color: #00003e;
	margin: 60px 0 0;
	text-align: center;
	line-height: 1.4;
}
.main_bottom .outline{
	font-size: 180%;
	font-weight: bold;
	color: #00003e;
	margin: 0;
	text-align: center;
	line-height: 1.4;
}/*
.main .ad{
	background: #00003e;
	padding: 10px;
	border-radius: 5px;
	font-size: 180%;
	font-weight: bold;
	color: #00003e;
	margin: 15px 0 0;
	text-align: center;
	line-height: 1.4;
}


.main_bottom .ad {
    background: #00003e;
    padding: 30px;
    border-radius: 5px;
    font-size: 140%;
    font-weight: bold;
    color: #fff;
    margin: 30px 0 0;
    text-align: center;
    line-height: 1.4;
}
.main .ad a,
.main_bottom .ad a{
	color: #fff;
}*/

/*AD*/
.ad {
	background-color: #a10000;/*
    background-image:url("../img/bg_10off.jpg");
	background-repeat:no-repeat;
    background-position: center right;
    padding: 2em;*/
}
.adInner{
	width: 940px;
	margin: 0 auto;
	padding: 0;
}
.adInner h3{
	padding: 0 !important;
	margin: 0 !important;
    max-width: 940px;
}

/* ==============================================================
 Less than TABLET
================================================================= */
@media screen and (max-width: 979px) {
    .ad {
        background-color: #a10000;
        background-image:none;
        padding: 0;
    }
    .adInner{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .adInner h3{
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100%;
    }
	
}

/* ==============================================================
 TABLET
================================================================= */
@media screen and (min-width:768px) and (max-width:959px) {
}

/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	.main .outline{
		font-size: 100%;
		margin: 20px 0 0;
		text-align: center;
	}/*
	.main .ad{
		background: #00003e;
		padding: 10px;
		border-radius: 5px;
		font-size: 100%;
		font-weight: bold;
		color: #fff;
		margin: 10px 0 0 !important;
		text-align: center;
		line-height: 1.4;
	}
	.sotaInner{
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.bg_sota {
		padding: 0 !important;
	}*/
    
}

/* ==============================================================
 SP-LANDSCAPE
================================================================= */
@media screen and (min-width:480px) and (max-width:767px) {
}

/* ==============================================================
 SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {
}




/*********************************************************************************************************************
*イベント
**********************************************************************************************************************/
.bg_event {
		background: #a10000 url(../img/bg_05.jpg) no-repeat;
		background-blend-mode: multiply;
		background-size: cover;
		background-position: fixed;
		}
.event {
		padding: 0 0 40px;
		}
.flex {
	display: flex;
	justify-content: space-between;
}
/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	.bg_event {
		background: #a10000 ;
		}
}

/*********************************************************************************************************************
*キャンペーン
**********************************************************************************************************************/
.campaign {
	background-color: #00003e;
	padding: 0 0 40px;
}
.flex {
	display: flex;
	justify-content: space-between;
}
/* ==============================================================
 SP-LANDSCAPE
================================================================= */
@media screen and (min-width:480px) and (max-width:767px) {
	.campaign {
		
	}
}

/* ==============================================================
 SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {
}

/*********************************************************************************************************************
*コンテンツ
**********************************************************************************************************************/

.contents {	
	
		background-image:
						 url(../img/bg_105.jpg)/*,
						 url(../img/contents_bg.jpg)*/;
		background-repeat:no-repeat,
						  repeat;
		background-position:center top,
							center top;
		/*background-blend-mode: multiply,
								normal;*/
		background-size: 100%,
						auto;
		background-attachment: fixed,
								fixed;
}
/*
.bg_000 {	
		background-image:
						url(../img/bg_02.jpg),
						url(../img/contents_bg.jpg);
		background-repeat:
						no-repeat,
						repeat;
		background-blend-mode:
						multiply,
						normal;
		background-size:
						cover,
						auto;
		background-attachment:
						fixed,
						fixed;
		}
.bg_001 {	
		background-image:
						url(../img/bg_03.jpg),
						url(../img/contents_bg.jpg);
		background-repeat:
						no-repeat,
						repeat;
		background-blend-mode:
						multiply,
						normal;
		background-size:
						cover,
						auto;
		background-attachment:
						fixed,
						fixed;
		}
.bg_002 {	
	
		background-image:
						url(../img/bg_01.jpg),
						url(../img/contents_bg.jpg);
		background-repeat:
						no-repeat,
						repeat;
		background-blend-mode:
						multiply,
						normal;
		background-size:
						cover,
						auto;
		background-attachment:
						fixed,
						fixed;
		}
.bg_003 {
		background-color: #a10000;
		background-image:
						url(../img/bg_01.jpg);
		background-repeat:
						no-repeat;
		background-blend-mode:
						multiply;
		background-size:
						cover;
		background-attachment:
						fixed;
		}*/

.contents .item{
	margin: 60px 0 0;
	border: 10px solid #00003e;
	background: #fff;
}
.contents .item_Inner{
	margin: 30px 30px 15px 30px;
}
.contents .item_Inner h1{
	margin: 0 0 30px;
}
.contents .item_Inner p{
	color: #00003e;
	font-size: 110%;
	font-weight: bold;
}
.contents .item_Inner a{
	display: block;
	text-align: right;
}
.wrapInner .table{
	width: 100%;
	height: auto;
	padding: 18px;
	margin: 0 0 10px;
	/* border: 1px solid #ddd; */
	background: #fff;
	vertical-align: middle;
	text-align: center;
}
.wrapInner .table-responsive{
	border: none !important;
	font-weight: bold;
}
.wrapInner .table th{
	/*
	border: 1px solid #333;*/
	font-weight: bold;
	text-align: center;
	width: 8%;
}
.wrapInner .table td{
	padding: 15px 5px;
	border: none !important;
	vertical-align: middle;
	/*border: 1px solid #333;*/
}

.wrapInner .day30{
	background-color: #707093;
	color: #fff;
	vertical-align: middle;
}
.wrapInner .dayFree{
	background-color: #5c5c8b;
	color: #fff;
	vertical-align: middle;
}
.wrapInner .eveningFree{
	background-color: #4d4d7d;
	color: #fff;
	vertical-align: middle;
}

.wrapInner .dayPack{
	background-color: #4d4d7d;
	color: #fff;
	vertical-align: middle;
}

.wrapInner .night30{
	background-color: #3b3b6b;
	color: #fff;
	vertical-align: middle;
}
.wrapInner .nightFree{
	background-color: #222258;
	color: #fff;
	vertical-align: middle;
}
.wrapInner .nightPack{
	background-color: #00003e;
	color: #fff;
	vertical-align: middle;
}
.wrapInner .member{
	background-color: #707093;
	color: #fff;
}
.wrapInner .normal{
	background-color: #3b3b6b;
	color: #fff;
}
.wrapInner .weekday{
	background-color: #d8a828;
	color: #fff;
}
.wrapInner .weekend{
	background-color: #d19800;
	color: #fff;
}
.wrapInner .memberfee{
	background-color: #fff;
	color: #886500;
}
.wrapInner .normalfee{
	background-color: #e9e9ee;
	color: #886500;
}

.wrapInner .skplan{
	border:	10px solid #00003e;
	background-color: #fff;
	padding: 20px;
	margin: 10px;
	width: 30%;
}

.wrapInner .skplan h2{
	color: #d19800;
	margin: 0 0 10px !important;
	font-size: 160%;
}
.wrapInner .skplan .lead{
	font-size: 110%;
}
.wrapInner .skplan .note{
	text-align: left;
	font-size: 11px;
	color: #00003e;
	margin: 10px 0 0;
}

/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	.contents .item_Inner{
			margin: 30px 15px;
			}
	.contents {	
		background-image:
						 url(../img/sp/bg_105.jpg)/*,
						 url(../img/contents_bg.jpg)*/;
		background-repeat:repeat-y,
						  repeat;
		background-position:center top,
							center top;
		/*background-blend-mode: multiply,
								normal;*/
		background-size: 100%,
						auto;
		background-attachment: scroll,
								fixed;
	}
	.wrapInner .skplan{
		border:	10px solid #00003e;
		background-color: #fff;
		padding: 20px;
		margin: 10px 0;
		width: 100%;
	}
	.flex {
		display: block !important;
	}
}



/*********************************************************************************************************************
*カミングスーン
**********************************************************************************************************************/
.coming {
	background: #a10000 url(../img/coming_bg.jpg) no-repeat;
  	background-blend-mode: overlay;
	background-size: cover;
}





/**********************************************************************************************************************
*SHOP
**********************************************************************************************************************/
#shop{
	background-image: url(../img/contents_bg.jpg);
	background-repeat: repeat;
	padding: 0 0 40px;
}
#shop iframe{
	border: 10px solid #00003e !important;
}
#shop h2{
	color: #a10000;
	padding: 15px 0;
	border-bottom: 1px dotted #00003e;
	border-top: 1px dotted #00003e;
	text-align: center;
	margin: 0 0 20px;
}
#shop .shop_lg{
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
}
#shop .shop_map{
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding: 30px 0 0;
}

#shop .btn{
	display: block;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #00003e;
	border-bottom: 5px #3b3b6b solid;
}

section#shopinfo {
	background: #009fd6 url("../../common/1710/img/bg_shopinfo.png") no-repeat top center;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}

@media (min-width: 992px){
	#shop .shop_map{
		padding: 0;
	}
}

/**********************************************************************************************************************
*attention
**********************************************************************************************************************/
#attention {
	background: #a10000;
	color: #fff;/*
	font-weight: bold;*/
}
#attention .exclamation{
	display: block;
	max-width: 97px;
	margin: 0 auto;
}
/*
#attention p{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
*/
#attention .alcoholic{
	border: 10px solid #efea3c;
	padding: 30px 15px;
	margin: 30px 0;
}
#attention p.lead{
	color: #efea3c;
}
/*
#attention .alcoholic p{
	margin: 30px 0 0;
	color: #efea3c;
	text-align: left;
}
*/
#attention ul{
    list-style: none;
    /* max-width: 800px; */
    padding: 0;
    margin: 0 auto;
    padding: 2em;
    border: 1px solid;
}
#attention li{
	padding: 3px 0;
    margin-left: 1em;
	line-height: 1.65!important;
	font-weight: normal;
}
#attention li:before{
    content: '\25CF';
    margin-left: -1em;
}
/* #attention li:first-child{
    color: #efea3c;
} */
#attention a{
    color: #efea3c;
}
#attention span{
	font-size: 161.6%;
}

@media (min-width: 992px){
	/*
	#attention p{
		font-size: 20px;
	}
*/
	#attention .alcoholic{/*
		padding: 30px 30px 0 30px;*/
	}
}
/*
@media (min-width: 768px){
	#attention .alcoholic p{
		margin: 0 0 10px;
	}
}*/


/*18歳未満*/
#attention .age{
	max-width: 800px;
	margin: 20px auto 0;
	padding: 20px;
	border: 1px solid #fff;
}
#attention .age a,
#attention .age a:hover{
	color: #efea3c;
	font-weight: bold;
}

.age .lead{
	line-height: 1.6;
	font-size: 130%;
	font-weight: bold;
	color: #efea3c;
	margin: 0 0 10px !important;
	text-align: center;
}
@media screen and (max-width:568px) {
	.wrapInner .lead{
			font-size: 110%;
		}
	#attention span{
	font-size: 130%;
}
}