@charset "UTF-8";

/*/// ////////////////////////////////


pageTtl
///////////////////////////////////*/
.pageTtl{
	background: url(../img/party/course_main.jpg) no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}


/* SP用 - 画像の中央を基準 */
@media screen and (max-width: 1000px){
	body .pageTtl{
		background: url(../img/party/course_main.jpg) no-repeat;
		background-position: center center;
		background-size: 100% auto;
		background-attachment: scroll;
	}
}
.pageTtl h2{
	width:100%;
}

.secondTtl{
	padding:0!important;
	background:url(../img/common/bk_272222_45.png) top left scroll repeat;!important;
}

/*/// ////////////////////////////////
header ------ sp
///////////////////////////////////*/
@media screen and (max-width: 1000px){
}
@media screen and (max-width:640px){
.pageTtl{
	background-attachment:scroll;
	background-position:center bottom;
}
.pageTtl h2{
	width:100%;
}
}


/*/// ////////////////////////////////


party
///////////////////////////////////*/

#partyWrap{
	
}

.partyTxt{
    width: 70%;
    margin: 0 auto;
}
.freeTxt {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 1.8;
    font-weight: 100;
    padding: 20px 0 30px;
	text-align: center;
}

.partyTxtBox{
    width: 60%;
    margin: 2.6rem auto;
    padding: 3%;
    background:url(../img/common/bk_dott_white.gif) top left scroll repeat;
    background-image: -webkit-image-set(url("../img/common/bk_dott_white.gif") 1x, url("../img/common/bk_dott_white@x2.gif") 2x);
    background-image: -moz-image-set(url("../img/common/bk_dott_white.gif") 1x, url("../img/common/bk_dott_white@x2.gif") 2x);
    background-image: -ms-image-set(url("../img/common/bk_dott_white.gif") 1x, url("../img/common/bk_dott_white@x2.gif") 2x);
    background-image: image-set(url("../img/common/bk_dott_white.gif") 1x, url("../img/common/bk_dott_white@x2.gif") 2x);

}
.partyTxtBox ul li{
    list-style:circle;
    font-size: 1.3rem;
    padding: .5rem;
    list-style-position: inside;
}
#partyWrap h3{
    font-weight:400;
    font-size: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px #888 solid;
    padding-bottom: 10px;
    text-align: center;
    line-height: 1.35em;
}
#partyWrap h3 small{
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    font-size:3.4em;
    letter-spacing:0.1em;
    line-height:2.0em;
    display:block;
    padding-top:60px;
}
#partyWrap h3 span{
    display:block;
    font-size:1.6em;
    line-height:2.0em;
}

.plan{
    width: 60%;
    height: auto;
    margin: 0 auto;
}
.plan img{
    max-width: 100%;
    height: auto;
}
.reserveWrap{
    width: 60%;
    margin: 2.6rem auto;
    padding: 3%;
    border: 1px #efefef solid;
    background:url(../img/common/bk_dott_white.gif) top left scroll repeat;
    background-image: -webkit-image-set(url("../img/common/bk_dott_white.gif") 1x, url("../img/common/bk_dott_white@x2.gif") 2x);
    background-image: -moz-image-set(url("../img/common/bk_dott_white.gif") 1x, url("../img/common/bk_dott_white@x2.gif") 2x);
    background-image: -ms-image-set(url("../img/common/bk_dott_white.gif") 1x, url("../img/common/bk_dott_white@x2.gif") 2x);
    background-image: image-set(url("../img/common/bk_dott_white.gif") 1x, url("../img/common/bk_dott_white@x2.gif") 2x);

}

/* 
#partyWrap h3{
	font-weight:400;
	text-align:center;
}
#partyWrap h3 small{
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:1.4em;
	letter-spacing:0.1em;
	line-height:2.0;
	display:block;
	padding-top:60px;
	margin-bottom: 1em;
}
#partyWrap h3 span{
	display:block;
	font-size:1.6em;
	line-height:1.6;
} */

.reserveTel{
    width: 60%;
    margin: 2rem auto;
    background: #efefef;
    padding: 1rem;
    font-size: 3rem;
    line-height: 1em;
    text-align: center;
}
.reserveTel span{
    font-size: 1.3rem;
    display: block;
    letter-spacing: 0.1em;
    
}

.reserveTel a{
    text-decoration: none;
    color:black;
}

.reserveTel a:hover{
    color:#808080;
}

#menuNav{
	display:block;
	position:fixed;
	top:50%; left:0;
	z-index:6000000;
	background:url(../img/common/bk_272222_45.png) top left scroll repeat;
	padding:30px;
	list-style:none;
	border:3px solid #272222;
	border-left:none;
	margin-top:-123px;
}
#menuNav li{
}
#menuNav li a{
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:15px 0;
}
#menuNav li a:hover{
	text-decoration:underline;
}
#menuNav li a small{
	font-family: 'Montserrat', sans-serif;
	font-size:1.6em;
	display:block;
}
#menuNav li a span{
	display:block;
}

.recBody{
	line-height:0;
	padding:60px;
	padding-bottom:250px;
}
.recBody p{
    font-size: 1.4rem;
    line-height: 1.8em;
    text-align: center;
    margin-bottom: 2rem;
}
.recBody img{
	width:100%;
	height:auto;
}
/*/// ////////////////////////////////
 ------ sp
///////////////////////////////////*/
@media screen and (max-width: 1000px){
}
@media screen and (max-width:640px){
#partyWrap h3{
	margin-bottom:30px;
}
.recBody{
	line-height:0;
	padding:0;
	margin-bottom:60px;
}
.partyTxt{
    width: 90%;
    margin: 2rem auto;
}

.plan{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.partyTxtBox{
    width: 90%;
}
.freeTxt {
    font-size: 1.4rem;
	text-align: justify;
	padding: 0;
}
}
/*/// ////////////////////////////////


normPlan
///////////////////////////////////*/
#normPlanWrap{
	text-align:center;
	color:#272222;
}
#normPlanWrap ul.border{
	border-right:1px dashed #272222;
	padding-bottom:250px;
}
#normPlanWrap .fL,
#normPlanWrap .fR{
	width:50%;
}
#normPlanWrap .price{
	margin:15px 0;
}
#normPlanWrap .price small{
	font-size:1.2em;
	line-height:1.2em;
	padding-right:10px;
	border-bottom:1px dashed #272222;
	vertical-align:bottom;
}
#normPlanWrap .price span{
	font-size:1.6em;
	line-height:1.2em;
	font-weight:bold;
	border-bottom:1px dashed #272222;
	vertical-align:bottom;
}
#normPlanWrap .freeDrink{
	border:1px dashed #272222;
	background:#f8f8f8;
	margin:30px 60px;
	padding:20px 0;
}
#normPlanWrap .freeDrink small{
	font-size:1.6em;
	display:block;
	font-weight:700;
	letter-spacing:0.1em;
	margin-bottom:15px;
}
#normPlanWrap .planList{
	list-style:none;
}
#normPlanWrap .planList li{
	margin-bottom:30px;
}
#normPlanWrap .planList li small{
	font-family: "Alegreya Sans",sans-serif;
	font-size:2.4em;
	line-height:1.75em;
	letter-spacing:0.2em;
	display:block;
	font-weight:100;
}
#normPlanWrap .planList li span{
	display:block;
	font-size:1.2em;
	line-height:1.75em;
}
/*/// ////////////////////////////////
 ------ sp
///////////////////////////////////*/
@media screen and (max-width: 1000px){
}
@media screen and (max-width:640px){
#partyWrap h3{
	margin-bottom:30px;
}
.recBody{
	line-height:0;
	padding:0;
	margin-bottom:60px;
}
#normPlanWrap .fL,
#normPlanWrap .fR{
	width:100%;
	float:noen;
}
#normPlanWrap .freeDrink{
	border:1px dashed #272222;
	background:#f8f8f8;
	margin:30px;
	padding:20px 0;
}
#normPlanWrap ul.border{
	border-right:none;
	border-bottom:1px dashed #272222;
	padding-bottom:0;
}
    .reserveTel{
        font-size:2em;
    }
}
/*/// ////////////////////////////////


forContact
///////////////////////////////////*/
.btnWrap{
	position:relative;
}
.forContact{
	width:100%;
	text-align:cetner;
	position:absolute;
	top:-200px; left:0;
}
.forContact a{
	display:block;
	width:75%; height:auto;
	border:1px dashed #272222;
	background:#f8f8f8;
	margin:auto;
	text-decoration:none;
	color:#272222;
	padding:30px 0;
}
.forContact a:hover{
	background:#272222;
	color:#f8f8f8;
	border:1px dashed #ffffff;
}
.forContact a small{
	display:block;
	text-align:center;
	font-size:2.1em;
	line-height:1.25em;
	letter-spacing:0.2em;
}
.forContact a span{
	display:block;
	text-align:center;
	font-size:1.2em;
	line-height:1.25em;
}
/*/// ////////////////////////////////
forContact ------ sp
///////////////////////////////////*/
@media screen and (max-width: 1000px){
}
@media screen and (max-width:640px){
.forContact{
	position:static;
	top:0; left:0;
	margin-bottom:35px;
    height: auto;
}
.forContact a{
}
}


/*/// ////////////////////////////////


privateRoom
///////////////////////////////////*/
#privateRoom{
	border-top:5px #272222 solid;
}

#privateRoom .fL{
	width:48%;
	margin:1%;
	background:#DDD;
}
#privateRoom .fL img{
	margin:2%;
	width:96%;
}
#privateRoom .fR{
	width:50%;
}
#privateRoom .fR h3{
	display:block;
}
#privateRoom .fR h4{
	display:block;
	text-align:center;
	font-size:1.2em;
	font-weight:normal;
	color:#333;
	border-top:1px dashed #272222;
	border-bottom:1px dashed #272222;
	padding:15px 0;
	margin:15px 0 0 0;
	background:#FFF;
}
#privateRoom .fR .freeTxt{
	font-size:1.2em;
	line-height:1.5em;
	letter-spacing:0.05em;
	padding:30px 60px 0;
	color:#272222;
}
#privateRoom .fR .freeTxt small{
	font-size:0.85em;
	display:block;
}
/*/// ////////////////////////////////
privateRoom ------ sp
///////////////////////////////////*/
@media screen and (max-width: 1000px){
#privateRoom .fL{
	width:98%;
	margin:1%;
	background:#DDD;
}
#privateRoom .fR{
	width:100%;
	margin-bottom:30px;
}
#privateRoom .fR .freeTxt{
	font-size:1.2em;
	line-height:1.5em;
	letter-spacing:0.05em;
	padding:30px 60px 0;
	color:#272222;
}
}
@media screen and (max-width:640px){
#privateRoom .fR{
	margin-bottom:0px;
}
#privateRoom .fR .freeTxt{
	padding:30px 15px;
}
}


/*/// ////////////////////////////////


newsList
///////////////////////////////////*/
/*/// ////////////////////////////////
 ------ sp
///////////////////////////////////*/
@media screen and (max-width: 1000px){
}
@media screen and (max-width:640px){
}