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

.btn--reservation {
	position: relative;
	display: inline-block;
	background: #B8AC14;
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
 letter-spacing: .025rem;
	-webkit-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
	width:210px;
	text-align:center;
	padding:2% 0;
}

.btn--reservation::before, .btn--reservation::after {
	background: #736c0d;
	content: '';
	position: absolute;
	z-index: -1;
}

.btn--reservation::after {
	height: 100%;
	left: -35%;
	top: 0;
	-webkit-transform: skew(50deg);
	transform: skew(50deg);
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	width: 0;
}

.btn--reservation:hover {
	color: #fff;
}

.btn--reservation:hover::after {
	height: 100%;
	width: 135%;
}


.main_l_box{
width: 245px;
background: #EBAE01;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}

.navi_01{
margin-top: 20%;
}

.navi_01 li{
text-align: center;
margin-bottom: 25%;
}

.navi_01 li a{
color: #fff;
display: block;
width: 100%;
font-size: 1.6rem;
}

.line_link{
text-align: center;
width: 100%;
position: absolute;
bottom: 5%;
}

.main_r_box{
padding-left: 245px;
}
.line_link img{
width: 120px;
}

.top_box_01{
background: url("../index/ba_01.jpg") no-repeat;
background-size: 100% 100%;
height: 100vh;
position: relative;
}

.top_copy_01{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
font-size: 2.0rem;
writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;   
line-height: 300%;
position: absolute;
top: 5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.logo_02{
width: 626px;
position: absolute;
top: 20%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.top_copy_02{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
font-size: 2.3rem;
letter-spacing: 0.5em;
text-align: center;
position: absolute;
bottom:10%;
display: block;
width: 100%;
}

.top_box_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 90%;
margin: 0 auto;
padding:10% 5%;
}

.top_box_02 div:nth-of-type(1) {
width: 38%;
}

.top_box_02 div{
width: 58%;
}

.margin_top_7{
margin-top: 7% !important;
}

.midashi_01{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
font-size: 3.5rem;
line-height: 200%;
letter-spacing: 0.1em;
}

.honbun_01{
font-size: 1.4rem;
line-height: 230%;
}

.list_01{
font-size: 1.2rem;
}

.list_01 li{
margin-bottom: 2%;
}

.list_01 li::before{
  content: '●';
}

.center{
text-align: center;
}

.top_box_03{
width: 90%;
margin: 0 auto;
padding:10% 5%;
}

.midashi_02{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
font-size: 2.1rem;
line-height: 200%;
letter-spacing: 0.1em;
color: #F15A24;
background: url("../index/line_02.png") no-repeat center bottom;
margin-bottom: 2%;
}

.margin_top_2{
margin-top: 2% !important;
}

.width70{
width: 70%;
margin: 0 auto;
}


.thumbnail01 li div{
margin-right: 5px;
}

.thumbnail01 li:last-child div{
margin-right: 0;
}

.slider_box{
width: 900px;
margin: 3% auto;
}

.top_box_04{
background: #FEEFCE;
width: 90%;
margin: 0 auto;
padding:5% 5%;
}

.top_box_04 section{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 700px;
margin:4% auto;
}

.top_box_04 section div{
width: 32%;
padding:0 8%;
}

.top_box_04 section div:nth-of-type(2) {
border-left: #000 2px solid;
}

.ryokin_01{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
font-size: 3.0rem;
}

.ryokin_02{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
font-size: 2.0rem;
margin-bottom: 4%;
}

.ryokin_02 a{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
color: #F15A24;
text-decoration: underline;
}

.ryokin_03{
font-size: 1.4rem;
}

.top_box_04 section div dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.top_box_04 section div dl dt{
width: 40%;
font-size: 1.6rem;
font-weight: bold;
padding-top: 5%;
}

.top_box_04 section div dl dd{
width: 60%;
font-size: 1.6rem;
padding-top: 5%;
margin-bottom: 5%;
}

.img_08{
width: 204px;
margin: 0 auto;
display: block;
}

.btn_01{
width: 391px;
margin: 0 auto;
display: block;
}

.top_box_05{
width: 90%;
margin: 0 auto;
padding:5% 5%;
}

.midashi_03{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
font-size: 2.1rem;
color: #F15A24;
background: url("../index/line_03.png") no-repeat left center;
padding-left: 45px;
letter-spacing: 0.2em;
margin-bottom: 2%;
}

.top_box_06{
width: 90%;
margin: 0 auto;
padding:5% 5%;
}

.top_box_06 iframe{
width: 100%;
height: 400px;
}

footer{
padding:2% 5%;
}

.data_01{
font-size: 1.6rem;
color: #808080;
line-height: 280%;
letter-spacing: 0.1em;
}

.copyright{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
color: #EBAE01;
font-size: 1.0rem;
letter-spacing: 0.1em;
margin-top: 5%;
}




/*ここから中ページ*/


.ba_01{
background: #FEEFCE;
}

.copy_01{
text-align: center;
font-size: 2.0rem;
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
line-height: 280%;
letter-spacing: 0.1em;
}

.margin_top_10{
margin-top: 10%;
}

.midashi_04{
text-align: center;
font-size: 3.0rem;
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
letter-spacing: 0.1em;
background: url("../index/line_04.png") no-repeat bottom center;
padding-bottom: 1%;
}

.list_02{
width: 673px;
margin: 0 auto;
}

.list_02 li{
background: url("../index/img_10.jpg") no-repeat left 7px;
background-size: 16px 16px;
padding-left: 22px;
font-size: 1.5rem;
line-height: 200%;
margin-bottom: 7%;
}

.list_03{
width: 676px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.list_03 dt{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
font-size: 2.9rem;
width: 40px;
background: #EBAE01;
color: #fff;
text-align: center;
}

.list_03 dd{
width: 620px;
font-size: 1.8rem;
margin-bottom: 5%;
line-height: 250%;
}

.list_03 dd span{
font-size: 0.8em;
}

.list_03 dd span a{
text-decoration: underline;
color: #EBAE01;
}

.red_box_01{
width: 676px;
margin: 0 auto;
border: #ED1C24 1px solid;
padding: 2% 0;
}

.midashi_05{
background: #ED1C24;
font-size: 1.5rem;
font-weight: bold;
color: #fff;
display: block;
text-align: center;
width: 120px;
margin: 0 auto;
padding: 0.5% 0;
margin-bottom: 2%;
}

.honbun_red_01{
font-size: 1.4rem;
color: #ED1C24;
line-height: 250%;
}



	
#form-tbl{
	}

#form{
	width:676px;
	margin: 0 auto;
	}

#form tr{
	font-size:1.5rem;
	}

#form tr th{
	font-size:1.5rem;
	font-weight:bold;
	width:30%;
	padding-bottom:15px;
	padding-top:15px;
	}

#form tr th span{
	background:#ED1C24;
	color:#FFFFFF;
	font-size:1.1rem;
	padding:1% 5%;
	font-weight:bold;
	margin-right:3px;
	}

#form tr td{
	width:70%;
	font-size:1.5rem;
	padding-bottom:15px;
	padding-top:15px;

	}

#form input{
	width:98%;
	font-size:1.6rem;
	border-radius:5px;
	border:#999 1px solid;
	background:#F7F8F8;
	padding:2% 1%;
	margin-bottom:5px;
	margin-top:5px
	}
#form select{
	border-radius:5px;
	font-size:1.6rem;
	padding:1%;
	border:#999 1px solid;
	background:#F7F8F8;
	}
	
#form textarea{
	border-radius:5px;
	font-size:1.6rem;
	padding:1%;
	border:#999 1px solid;
	background:#F7F8F8;
	width:98%;
	}

.msg{
	color:#E5001C;
	}

.kiyaku_box{
width: 656px;
height: 100px;
overflow-x: hidden;
overflow-y: scroll;
margin: 0 auto;
padding: 10px;
background: #fff;
margin-top: 2%;
}

.honbun_02{
font-size: 1.3rem;
line-height: 200%;
}

.btn{
display: block;
width: 391px;
	margin: 0 auto;
	text-align: center;
	padding-top: 5%;
}

.btn_03{
width: 100%;
border: none;
background: url("../index/ba_02.jpg") no-repeat center center;
background-size: 391px;
text-align: center;
color: #fff;
font-size: 1.6rem;
padding: 8% 0;
	cursor: pointer;
}

.btn_03:hover{
	opacity: 0.5;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	transform: rotate(0.001deg);
	}

.list_04{
display: flex;
flex-wrap: wrap;
}

.list_04 li{
width: 23%;
margin: 0 1%;
margin-bottom: 2%;
}

.btn_06{
cursor: pointer;
}


/*ポップアップここから*/
.popup_wrap input {
  display: none;
}

.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index:999999999999999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}

.popup_content {
  position: relative;
  align-self: center;
  width: 90%;
  max-width: 600px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  transition: 0.5s;
}

.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
}

.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.open_btn {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 30px;
  margin:10px auto;
  padding: 8px 16px;
  color: #fff;
  background:#0c0d62;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  cursor: pointer;
  transition: .3s ease;

}
.open_btn:hover{
    background:#000;
    color:#fff;
    transition: .3s ease;
}
/*ポップアップココまで*/


.staff_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.staff_img{
width: 40%;
}

.ftaff_data{
width: 55%;
}

.name{
font-size: 5.3rem;
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
}

.data_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 6%;
margin-bottom: 6%;
}

.data_02 dt{
font-size: 1.6rem;
color: #EBAE01;
width: 15%;
}
.data_02 dd{
font-size: 1.6rem;
width: 85%;
}
.staff_honbun{
font-size: 1.4rem;
}

.katagaki{
font-size: 1.4rem;
}

.name_02{
font-size: 3.3rem;
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
}

.staff_img_02{
width: 30%;
}

.ftaff_data_02{
width: 65%;
}


.ryoukin_section{
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
margin:4% auto;
}

.ryoukin_section div:nth-of-type(1){
width: 30%;
padding-right: 5%;
text-align: right;
}

.ryoukin_section div:nth-of-type(2) {
border-left: #000 2px solid;
width: 50%;
padding-left: 5%;
}

.ryoukin_section div dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: left;
}

.ryoukin_section div dl dt{
width: 12%;
font-size: 1.6rem;
font-weight: bold;
padding-top: 1%;
padding-bottom: 1%;
margin-bottom: 2.5%;
background: #EBAE02;
color: #fff;
text-align: center;
    margin-top: 2%;
}

.ryoukin_section div dl dd{
width: 85%;
font-size: 1.6rem;
padding-top: 0;
    margin-top: 2%;
margin-bottom: 2%;
}

.dl_lisst{
display: flex;
flex-wrap: wrap;
}

.dl_lisst li{
    width: 25%;
    margin-right: 4%;
}