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



/* ==========================================================================
   
ORDER

========================================================================== */

.recption_ttl{
    display: block;
    padding-top: 5%;
    padding-bottom: 5%;
    font-size: 18px;
	color: #111111;
    font-weight: bold;
}

.recption_subttl{
    display: block;
    padding-top: 5%;
    padding-bottom: 2%;
    font-size: 21px;
	color: #111111;
    font-weight: bold;
}


.recption_txt{
font-size: 13px;
}




.recption_contents_header{
display: inline-block;
width: 100%;	
margin:0; 
padding:0; 
}


.recption_contents_box_L{
    width: 50%;
    float: left;
	display: block;
}

.recption_contents_box_R{
    width: 45%;
    float: right;
	display: block;
	padding-top: 7%;
	padding-right: 5%;
	padding-bottom: 3%;
	text-align: center;
	
}

.recption_contents2_box_L{
    width: 45%;
    float: left;
	display: block;
	padding-top: 7%;
	padding-right:0%;
	padding-left:7%;
	padding-bottom: 3%;
	text-align: center;
}
.recption_contents2_box_R{
    width: 50%;
	float: right;
	display: block;
}




.recptionplan_ttl{
display: block;
padding-top: 0%;
padding-bottom: 1%;
font-size: 24px;
font-weight: bold;
}


.recptionplan_ttl_cap{
display: block;
padding-top: 5%;
font-size: 13px;
}


.recptionplan_price{
display: inline-block;
padding-top: 1%;
padding-bottom: 1%;
font-size: 20px;
}


.reception_plan ul{
margin: 0;
padding: 0;
}


.reception_plan li{
list-style: none;
font-size: 15px;
padding-bottom: 5px;
}


.plan_price{
font-weight: bold;
float: right;
font-size: 14px;
}









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

	
.recption_contents_header{
display: flex;
flex-direction: column;
padding-bottom: 0%;
width: 100%;
}	

.recption_contents_box_L{
    width: 100%;
    float: left;
	display: block;
}

.recption_contents_box_R{
    width: 100%;
    float: right;
	display: block;
	padding-bottom: 15%;
	position: relative;
	padding-right: 7%;
	padding-left: 7%;
}	
	
.recption_contents2_box_L{
    width: 100%;
	padding-top: 5%;
	order: 2;
padding-bottom: 15%;
padding-right: 7%;
	padding-left: 7%;
	position: relative;
z-index: 1;
}
.recption_contents2_box_R{
    width: 100%;
	order: 1;
}

	
	
	


		
	
	
	

}



.flow_header{
text-align: center;
padding-top: 1%;
}

@media screen and (max-width:768px){
	
.flow_header{
text-align: center;
padding-top: 1%;
width: 100%;
}	
}	




th {

}

table {
width: 100%;
border: none;
background-color: transparent;
}
.tbl-r02 {
padding-top: 3%;
padding-bottom: 3%;
border: none;
background-color: transparent;
}


.tbl-r02 tr {
border: none;
}

.tbl-r02 th {
width: 55%;
text-align: left;
font-size: 95%;
padding-top: 2%;
padding-bottom: 2%;
color: #111111;
border: none;
background-color: transparent;
}
.tbl-r02 td {
font-size: 95%;
padding-top: 2%;
padding-bottom: 3%;
width: 45%;
border: none;
background-color: transparent;
text-align: left;
}


.tbl-r03 {
padding-top: 3%;
padding-bottom: 3%;
border: none;
background-color: transparent;
}


.tbl-r03 tr {
border: none;
}

.tbl-r03 th {
width: 20%;
text-align: left;
font-size: 95%;
padding-top: 2%;
padding-bottom: 2%;
color: #111111;
border: none;
background-color: transparent;
}
.tbl-r03 td {
font-size: 95%;
padding-top: 2%;
padding-bottom: 3%;
width: 80%;
border: none;
background-color: transparent;
text-align: left;
}
 

 
@media screen and (max-width:768px){
  .last td:last-child {
 width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
	
	
	
  .tbl-r02 th,
  .tbl-r02 td {
border-bottom: none;
    display: block;
    width: 100%;
	  text-align: center;
  }
.tbl-r02 td {
font-size: 90%;
padding-top: 1%;
padding-bottom: 5%;
width: 100%;
text-align: center;
}	
	
	

  .tbl-r03 {
    width: 100%;
  }
	
	
	
  .tbl-r03 th,
  .tbl-r03 td {
border-bottom: none;
    display: block;
    width: 100%;
	  text-align: center;
  }
.tbl-r03 td {
font-size: 90%;
padding-top: 1%;
padding-bottom: 5%;
width: 100%;
text-align: center;
}	
	
	
	
}

/* ==========================================================================
   
ozashiki

========================================================================== */


.ozashiki_contents_header{
display: inline-block;
width: 100%;	
margin:0; 
padding:0;
padding-top: 5%;
margin-bottom: 3%;
    padding-bottom: 7%;
    border-bottom: #dedede 1px dotted;
}


.ozashiki_contents_box_L{
    width: 55%;
	padding-right: 0%;
    float: left;
	display: block;
}

.ozashiki_contents_box_R{
    width: 40%;
    float: right;
	display: block;
	padding-top: 0%;
	padding-right: 0%;	
}
@media screen and (max-width: 768px) {
	
.ozashiki_contents_header{
display: inline-block;
width: 100%;	
margin:0; 
padding:0;
padding-top: 5%;
margin-bottom: 10%;
    padding-bottom: 10%;
    border-bottom: #dedede 1px dotted;
}	
	
	
.ozashiki_contents_box_L{
    width: 100%;
	padding-right: 0%;
    float: left;
	display: block;
	padding-bottom: 7%;
}

.ozashiki_contents_box_R{
    width: 100%;
    float: right;
	display: block;
	padding-top: 0%;
	padding-right: 0%;	
}	
	
	
}





.ozashiki_ttl{
display: block;
padding-top: 0%;
padding-bottom: 1%;
font-size: 29px;
font-weight: bold;
}

.ozashiki_ttl span{
font-size: 70%;
font-weight: bold;
vertical-align: middle;
padding-left: 1%;
}


.ozashiki_ttl_cap{
display: block;
padding-top: 0%;
font-size: 18px;
font-weight: bold;
padding-bottom: 1%;
}

.ozashiki_txt{
padding-bottom: 5%;
}

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

.ozashiki_ttl{
display: block;
padding-top: 0%;
padding-bottom: 1%;
font-size: 29px;
font-weight: bold;
text-align: center;
}

.ozashiki_ttl span{
font-size: 70%;
font-weight: bold;
vertical-align: middle;
padding-left: 1%;
}


.ozashiki_ttl_cap{
display: block;
padding-top: 0%;
font-size: 18px;
font-weight: bold;
padding-bottom: 1%;
text-align: center;
}	
	
.ozashiki_txt{
padding-bottom: 5%;
text-align: center;
}	
	
	
}
#ozashiki dl{
    width: 100%;
  }
#ozashiki dt, dd {
    display: inline-block;
    vertical-align: top;
    margin: 0;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-right: 5%;
	font-size: 13px;
  }

#ozashiki dt{
    width: 20%; /* ラベル部分の幅 */
    font-weight: bold!important;

  }

#ozashiki dd{
    width: 75%; /* 内容部分の幅 */
  }

@media screen and (max-width: 768px) {
#ozashiki dt, dd {
    display: inline-block;
    vertical-align: top;
    margin: 0;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-right: 5%;
	font-size: 13px;
  }

#ozashiki dt{
    width: 100%; /* ラベル部分の幅 */
    font-weight: bold!important;

  }

#ozashiki dd{
    width: 100%; /* 内容部分の幅 */
	border-bottom: #dedede 1px dotted;
	padding-bottom: 5%;
	margin-bottom: 5%;
  }
	
	
	
 }


.tbl_ttl{
margin-top: 5%;
padding-bottom: 3%;
font-weight: bold!important;
font-size: 13px;
}
#ozashiki table{
margin-top: 0%;
border-spacing: 0;
border-left: solid 2px #e0c26b;
border-right: solid 1px #e0c26b;
border-top: solid 2px #e0c26b;
border-bottom: solid 1px #e0c26b; /* ← これを追加 */	
}

.tbl-r05{
width: 100%;
padding-top: 0%;
padding-bottom: 0%;

}

.tbl-r05 th {
  text-align: center;
  padding: 12px;
	
}

.tbl-r05 th[rowspan] {
  vertical-align: middle;
}


.thead th{
padding: 3px;
margin-bottom: 0;	
}

th {
font-size: 90%;
  background: #e0c26b;
  color: #f8f3f0;
  padding-top: 20px;
padding-bottom:20px;
padding-left: 10px;
padding-right: 10px;
border-left: solid 0px #f8f3f0;	
border-right: solid 1px #f8f3f0;
border-top: solid 0px #deb84a; 
border-bottom: solid 1px #f8f3f0; /* ← これを追加 */
}

th:last-child {
font-size: 90%;
  background: #e0c26b;
  color: #f8f3f0;
border-left: solid 0px #f8f3f0;	
border-right: solid 0px #f8f3f0;
border-top: solid 0px #deb84a; 
border-bottom: solid 1px #f8f3f0; /* ← これを追加 */
}


td span{
display: inline-block;
}


td {
border-left: solid 0px #e0c26b;	
border-right: solid 1px #e0c26b;
border-top: solid 0px #e0c26b; 
border-bottom: solid 1px #e0c26b; /* ← これを追加 */
padding-top: 20px;
padding-bottom:20px;
padding-left: 15px;
padding-right: 10px;
color: #222222;
background: #f9f3e1;
}

td:first-child {
border-left: solid 0px #e0c26b;	
border-right: solid 1px #e0c26b;
border-top: solid 0px #e0c26b; 
border-bottom: solid 1px #e0c26b; 
padding-top: 20px;
padding-bottom:20px;
padding-left: 15px;
padding-right: 10px;
color: #222222;
background: #f9f3e1;
}



@media screen and (max-width: 768px) {
  .tbl-r05 td:first-child {
  background: #fbf5f5;
}
	
.tbl_ttl{
margin-top: 5%;
padding-bottom: 3%;
font-weight: bold!important;
font-size: 13px;
}	
	
#ozashiki table{
margin-top: 0%;
border-spacing: 0;
border-left: solid 2px #e0c26b;
border-right: solid 1px #e0c26b;
border-top: solid 2px #e0c26b;
border-bottom: solid 1px #e0c26b; /* ← これを追加 */	
}	
	
}	
@media screen and (max-width: 768px) {
  .tbl-r05 {
    width: 100%;
	 padding-top: 0%;
padding-bottom: 0%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
	  padding-bottom: 5%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
	border-bottom: solid 1px #e0c26b;
  }
  .tbl-r05 td:first-child {
    background: #e0c26b;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
  .tbl-r05 td a{
    color: #fff;
  }	
	
#ozashiki td span{
display: none;
}	
	
	}
	

.attention_box{
padding-top: 5%;
padding-bottom: 5%;
}

.attention_ttl{
font-weight: bold;
padding-bottom: 0%;
}

.attention_box ul{
}

.attention_box li{
list-style: none;
font-size: 90%;
}

.attention_txt{
font-size: 90%;	
font-weight: bold;
padding-top: 1%;
padding-bottom: 1%;
}