@charset "utf-8";
/* CSS Document */

body{
	background-color: #999;
}

div.content {
    width: 71.80555556vw;
    margin: 0 0 0 auto;
}


/* #reservation nav ul a p {
	color: #fff;
}

#reservation nav ul a {
    border-color: #fff;
} */

/* #reservation nav>ul>li:nth-of-type(8)>a,#reservation nav>ul>li:nth-of-type(8)>ul li a,nav ul a:hover{border-color:#fff}#news nav>ul>li:nth-of-type(2)>a p,#news nav>ul>li:nth-of-type(2)>ul li a p,#concerge nav>ul>li:nth-of-type(3)>a p,#concerge nav>ul>li:nth-of-type(3)>ul li a p,#column nav>ul>li:nth-of-type(5)>a p,#column nav>ul>li:nth-of-type(5)>ul li a p,#corporations nav>ul>li:nth-of-type(6)>a p,#corporations nav>ul>li:nth-of-type(6)>ul li a p,#shop nav>ul>li:nth-of-type(7)>a p,#shop nav>ul>li:nth-of-type(7)>ul li a p,#reservation nav>ul>li:nth-of-type(8)>a p,#reservation nav>ul>li:nth-of-type(8)>ul li a p,nav ul a:hover p{color:#fff}nav .links a:hover p{color:#fff} */


#reservation .about_wrap .img_box {
    height: 48.61111111vw;
    position: relative;
    background-image: url(../img/reservation/i_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


#reservation .about_wrap .img_box img {
    width: 11.38888889vw;
    margin-top: 13.88888889vw;
    position: absolute;
    left: -6.388888889vw;
}

#reservation .privacy_wrap .form_box.form1 {
    background: #f2f2f2;
}

#reservation .privacy_wrap .form_box1 {
    margin: -11.11111111vw 0 0;
}
#reservation .privacy_wrap .form_box {
    padding: 7.638888889vw 6.944444444vw 6.944444444vw;
}





#reservation .privacy_wrap .contact_box {
    max-width: 56.94444444vw;
    margin: 0 auto;
}

#reservation .privacy_wrap .form_box.form1 {
    background: #f2f2f2;
}

#reservation .privacy_wrap .form_box1 {
    margin: -11.11111111vw 0 0;
}
#reservation .privacy_wrap .form_box {
    padding: 7.638888889vw 6.944444444vw 6.944444444vw;
}


#reservation .privacy_wrap .form_box.form1 p, #reservation .privacy_wrap .form_box.form1 span, #reservation .privacy_wrap .form_box.form1 input, #reservation .privacy_wrap .form_box.form1 label, #reservation .privacy_wrap .form_box.form1 textarea {
    color: #666666;
}

#reservation .contact_tel_wrap {
 /*   margin: 4.944444444vw 0;*/
}

div.content {
    width: 71.80555556vw;
    margin: 0 0 0 auto;
}

#reservation .contact_tel_wrap .tel_ttl {
    font-size: 1.388888889vw;
    color: #fff;
    text-align: center;
}

#reservation .contact_tel_wrap .link_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.555555558vw;
}


#reservation .contact_tel_wrap .contact_tel_box {
    max-width: 43.0666666vw;
    background: #e5e5e5;
}


	#reservation .contact_tel_wrap .link_box .icon {
    width: 7.527777778vw;
}
	
	
	#reservation .contact_tel_wrap .link_box .data {
    padding: 0 0 0 1.0555556vw;
	width: 29vw;
}



	#reservation .contact_tel_wrap .link_box .data .p1 {
    font-size: .8333333333vw;
}


#reservation .contact_tel_wrap .link_box .data p {
    color: #808080;
		color: #808080;
}


#reservation .contact_tel_wrap .link_box .data .p2 {
    font-size: 2.855555556vw;
    margin: 1.388888889vw 0 .536111111vw;
		color: #808080;
	
}

#reservation .contact_tel_wrap .link_box .data .p3 {
    font-size: .8333333333vw;
	line-height: 2;
		color: #808080;
}

.tel_attention{
	width: 37.52222222vw;
	margin: 2vw auto 0;
	padding-top: 1.5vw;
	display: block;
	border-top: 1px dotted #bbb;
	
}

.attention{
	color: #880100!important;
}


/*フォーム*/


#reservation .privacy_wrap .form_ttl {
    font-size: 1.388888889vw;
    letter-spacing: 0.3em;
	margin:4.944444444vw 0 2.27777778vw 0;
		
}

.emphasis{
	font-weight: bold;
	font-size: .8333333333vw;
}

#reservation .privacy_wrap .form_type_box {
    margin: 2.777777778vw 0 0;
}

#reservation .privacy_wrap .form_box.form1 p, #reservation .privacy_wrap .form_box.form1 span, #reservation .privacy_wrap .form_box.form1 input, #reservation .privacy_wrap .form_box.form1 label, #reservation .privacy_wrap .form_box.form1 textarea {
    color: #666666;
}


#reservation .privacy_wrap .mandatory_txt {
    font-size: .8333333333vw;
    letter-spacing: 0.3em;
    margin: 0 0 2.083333333vw;
}

#reservation .privacy_wrap .form_elm {
    margin: 0 0 4.166666667vw;
	
}


	#reservation .com_ttl_box{
		    padding: 9.027777778vw 5.902777778vw 6.944444444vw 0;
		
		
	}




.pp_ttl1{
	color: #666666;
	font-size: 1.2em;
	margin: 1em 0;
	letter-spacing: 0.1em;
}


.pp_ttl2{
	color: #666666;
	padding-bottom: 2.5em;
	letter-spacing: 0.15em;
	border-bottom: #444 solid 1px;
	
	
}


.topic{
	color: #666666;
	font-size: 1.1em;
}

.mail{
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}


.com_btn_1{
	margin: 5.55vw auto;
	color: #fff;
}

.com_btn p{
	font-size: .9722222222vw;
    letter-spacing: 0.24em;
	color: #fff;
}

.com_btn {
	margin: 6.6333333333vw auto 6.63vw;
}




nav .links p {
    color: #fff;
}


#reservation .txt {
    font-size: .9722222222vw;
    letter-spacing: 0.22em;
    line-height: 2;
}

.hedding{
	margin-top: 4.944444444vw;
	
}

.first_hed{
	margin-top: 0!important;
}

.section{
	margin:2.27777778vw 0;
}

.link{
	text-decoration: underline;
	color: #333;
}


.btn-text{
	color: #fff!important;
	
}

.sp{
	display: none;
}



.fs-c-orderedList ul{
	color: #666666;
	line-height: 180%;
    list-style-position: inside;

}


.fs-c-orderedList li{
	color: #666666;
	line-height: 200%;
    padding-left: 0.9em;
   text-indent: -1.2em;
	font-size: .9722222222vw;
    line-height: 2.2;
    letter-spacing: 0.28em;
}



.fs-c-numberList ul{
	color: #666666;
	line-height: 180%;
    list-style-position: inside;

}


.fs-c-numberList li{
	color: #666666;
	line-height: 200%;
    padding-left: 0.9em;
   text-indent: -1.3em;
	font-size: .9722222222vw;
    line-height: 2.2;
    letter-spacing: 0.28em;
}


@media screen and (max-width: 768px){
	
	
	#reservation .about_wrap .img_box {
    width: 75.73333333vw;
    height: 105.0666667vw;
    margin: 0 0 0 auto;
    background-position: -46vw center;
}
	
	#reservation .about_wrap .img_box img {
    width: 18.13333333vw;
    margin-top: 26.66666667vw;
    position: absolute;
    left: -14.66666667vw;
	}
	

	#reservation .privacy_wrap .form_box.form1 {
    background: #f2f2f2;
		
	}
	
	
	#reservation .privacy_wrap .form_box1 {
    margin: 24vw 0 0;
		
}
	
	#reservation .privacy_wrap .form_box {
    padding: 13.33333333vw 9.333333333vw 27.33333333vw;
}
	#reservation .com_ttl_box {
    padding: 26.66666667vw 7.2vw 13.33333333vw 0;
}
	#reservation .privacy_wrap .form_box1{
		    margin: 24vw 0 0;
	}
	
	div.content {
    width: auto;
}
	
	#reservation .privacy_wrap .contact_box {
    max-width: none;
}
	
	
#reservation .privacy_wrap .form_box.form1 p, #reservation .privacy_wrap .form_box.form1 span, #reservation .privacy_wrap .form_box.form1 input, #reservation .privacy_wrap .form_box.form1 label, #reservation .privacy_wrap .form_box.form1 textarea {
    color: #666666;
}
	
	
	#reservation .privacy_wrap .form_ttl {
    font-size: 5.333333333vw;
		line-height: 1.8;
		letter-spacing: 0.2em;
		margin:15vw 0 5.3333vw 0;
}	
	
	.fs-c-first-text{
		font-weight: bold;
		color: #333;
		
	}
	
	hr{
		height: 1px;
		background-color: #333;
		border: none;
	}
	
	.com_btn {
	width: 100%;
    height: 12.8vw;
    border-radius: 13.33333333vw;
	margin: 20.333333333vw auto 0;

}
	.com_btn p {
    font-size: 3.2vw;
		    line-height: 2.2;
    letter-spacing: 0.28em;
}
	
	#reservation .privacy_wrap .com_btn_2 p {
		color: #fff;
		
	}
	
	.com_ttl_box .com_ttl{
		font-size: 11.33333333vw;
		
	}
	
	#reservation .txt{
	font-size: 3.2vw;
    line-height: 2.2;
    letter-spacing: 0.28em;

	}
	

	
	#reservation .contact_tel_wrap .link_box .icon{
			width: 42.66666667vw;
			margin: 5vw auto;
	}
	
	#reservation .contact_tel_wrap .link_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8vw 0;
}
	
	#reservation .contact_tel_wrap .contact_tel_box {
    max-width: none;
    width: 81.33333333vw;
    margin: 8vw auto 0;
}
	
	#reservation .contact_tel_wrap .link_box .data {
    padding: 0;
    border-left: none;
    margin: 8vw 0 0;
		width: 80vw;
}
	#reservation .contact_tel_wrap .link_box .data .p1 {
    font-size: 3.2vw;
		    line-height: 2.2;
    letter-spacing: 0.28em;
}
	#reservation .contact_tel_wrap .link_box .data p {
    text-align: center;
}
	
	#reservation.link_box .data .p2 {
    font-size: 8vw;
    padding: 0 0 2.133333333vw;
    border-bottom: solid .5333333333vw #c8c9ca;
    margin: 5.333333333vw 0 4vw;
}
	
	
	#reservation .contact_tel_wrap .link_box .data .p2 {
font-size: 7vw;
    padding: 0 1vw 2.133333333vw;
    border-bottom: solid .5333333333vw #c8c9ca;
    margin: 5.333333333vw auto 4vw;
    width: 70vw;
	}

	
	
	#reservation .contact_tel_wrap .link_box .data .p3{
    font-size: 3.2vw;	
	max-width: 70vw;
    margin: 0 auto;
		    line-height: 2.2;
    letter-spacing: 0.28em;
	}
	
	
	.emphasis{
		font-size: 3.2vw;
		    line-height: 2.2;
    letter-spacing: 0.28em;
	}
	
	.sp{
		display: block;
	}
	
	
	.tel_attention{
	width: 68vw;
	padding-top: 4vw;
		margin-top: 4vw;
	}
	
	.section {
    margin: 6vw 0;
}

	.fs-c-orderedList li{
    font-size: 3.2vw;
    line-height: 2.2;
    letter-spacing: 0.28em;
	color: #666666;
   text-indent: -0.85em;
	}
	

	
	.fs-c-numberList li{
	font-size: 3.2vw;
    line-height: 2.2;
    letter-spacing: 0.28em;
	color: #666666;
   text-indent: -1.2em;
}

	
	
	
}


/*additional_css*/
.underbar{
	font-size: 100%;
	border-bottom: 0.25vw #DCDDDD solid;
}

#reservation .txt2 {
	    margin-bottom: 2vw;
}

.r_text{
	color: #bb473a!important;
}

.span_clear{
	font-size: 100%;
}

.middle_line{
	border-bottom: 1px solid #C9CACA;
	display: block;
	width: 100%;
	margin-top: 4.944444444vw;
}

#reservation .contact_tel_wrap .link_box{
	    padding: 2.555555558vw 2.555555558vw 2.15vw !important;
}

.fs-c-orderedList li{
	padding-left: 1em;
    text-indent: -1em;
}

@media screen and (max-width: 768px){

.middle_line{
	margin-top:15vw;
}
	
	.underbar{
	border-bottom: 0.9vw #DCDDDD solid;
		padding-bottom: 1vw;
}
	
	#reservation .contact_tel_wrap .link_box .data .p3{
	line-height: 2;		
	}
	
	
	#reservation .contact_tel_wrap .link_box .data{
		    margin: 4vw 0 5vw!important;
	}
	
	#reservation .contact_tel_wrap .link_box{
		padding: 2.555555558vw 2.555555558vw 2.35vw !important;
	}
	
	#reservation .com_ttl_box{
		padding:28.66666667vw 7.2vw 13.33333333vw 0 !important;
	}
	
	.middle_line{
		display: none;
	}
	
	.emphasis{
		line-height: 2;
	}
	
}