/*************************************************************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
*****************************PC*******************************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
*************************************************************/






@media print,screen and (min-width: 769px) {
	

	
/* ===================
PC追加
====================== */


.threebox{
width:100%;
display:flex;
justify-content: flex-start;
text-align: center;
margin:0 auto;
flex-wrap: wrap;
}
	

.topmenubtn{
width: calc(100% / 4 - 2%);
height: 336px;
margin: 1%;
padding:0.5em;
text-align: left;
line-height: 170%;
font-size:16px;
background:rgba(255,255,255,0.9);
box-shadow: 1px 1px 6px rgba(0,0,0,0.3);
position: relative;
}
	

	

	
	
	
	

.top-block{
width:1150px;
height:auto;
margin:0 auto;
text-align:center;
margin-top:-81px;
}

	
.topmenubtn_footparts{
position: absolute;
bottom: 12px;
right:0.1em;
}

.topmenubtn_foottext01{
color: #1E1E1E;
/*position: absolute;*/
font-size: 30pt;
font-family:serif;
font-weight: 900;
margin-top:50px;
/*left:40px;*/
}
	
.topmenubtn_foottext02{
color: #1E1E1E;
font-size: 19pt;
font-family:'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN', sans-serif;
font-weight: 600;
margin-top:-30px;
/*left:40px;*/
}

.topmenubtn_foottext{
padding-left: 1em;
padding-right: 1em;
}
	
	
.border01{
border-bottom: #d8be39 solid 2px;
box-shadow: -11px 5px 0 #CD9EED;
width:85px;
}
	
.toptittle{
display: flex;
align-items: flex-start;
align-items: center; /* 縦方向中央揃え */
justify-content: center;
}

	
	
.menubar01 ul{
text-align:right;
}

.menubar01 li{
display:inline; 
padding:0 10px;
}	
	
	



	
	
	
	

.menu-list{width:100%;margin:0 auto;}
	
.flex-box-01{
width:100%;	
display:flex;
justify-content: flex-start;
flex-wrap: wrap;	
text-align: center;
margin:0 auto;
}

.flex-box-01 .flex-item{
display: flex;
flex-direction: column;
width: calc(100% / 3 - 1em);
margin: 0.5em 0.5em 2em 0.5em;
text-align: left;
line-height: 170%;
font-size:16px;	
}


	
.flex-item-img{
overflow:hidden;
}	

.flex-item-img img{
transition:1s all;
}

.flex-item-img img:hover{
transform:scale(1.2);
transition:0.5s all;
}	
	
	

	

	
	
	
.maincontents {
color: #646464;
font-size: 1.4em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	
.recipetitle {
color: #646464;
font-size: 1.25em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	
	
.lineupbun{
line-height:180%;
text-align: left;
vertical-align: middle;
font-size:16px;
font-family: serif;
color: #646464;
}

	
	
	
	
.yousyokubun{
max-width: 1200px;
line-height:200%;
text-align: center;
margin: 0 auto;
padding-left: 5em;
padding-right: 5em;
font-size:16px;
font-family: serif;
color: #646464;
}		
	

	
	
.qaboder {
width: 100%;
/*max-width: 1100px;*/
border-width: 1px 0px 0px 0px; /* 太さ1px */
border-style: dashed; /* 線種を破線に */
border-color: gray;   /* 線色を灰色に */
margin: 0 auto;
padding-left: 5em;
padding-right: 5em;
}	
	
	
.qabun{
width: 100%;
/*max-width: 1200px;*/
line-height:200%;
text-align: left;
margin: 0 auto;
padding-left: 2.5em;
/*padding-right: 5em;*/
font-size:16px;
font-family: serif;
color: #646464;
text-indent: -2em;
}	

.questionbun{
color:#001AB6;
}


	
.kojinbun{
width: 100%;
line-height:200%;
text-align: left;
margin: 0 auto;
padding-left: 1.5em;
/*padding-right: 5em;*/
font-size:16px;
font-family: serif;
color: #646464;
text-indent: -1.5em;
}	
	
.contacthissubun{
width: 100%;
line-height:200%;
text-align: center;
margin: 0 auto;
/*padding-left: 5em;
padding-right: 5em;*/
font-size:16px;
font-family: serif;
color: #646464;
}	
	
	
.aboutayumibun{
width: 100%;
line-height:200%;
text-align: left;
margin: 0 auto;
/*padding-left: 5em;
padding-right: 5em;*/
font-size:16px;
font-family: serif;
color: #646464;
}	

.gocyuui{
width: 100%;
max-width: 921px;
line-height:200%;
text-align: left;
margin: 0 auto;
/*padding-left: 5em;
padding-right: 5em;*/
font-size:16px;
font-family: serif;
color: #646464;
}
	
	
.aboutayumibun02{
max-width: 1200px;
line-height:200%;
text-align:right;
margin: 0 auto;
padding-left: 5em;
padding-right: 5em;
font-size:16px;
font-family: serif;
color: #646464;
}		

	
.aboutimg{
display: flex;
width: 65%;
max-width: 1200px;
margin: 0 auto;
}		
	
	
	
	
	
	
.osirasebun{
line-height:0%;
text-align: right;
vertical-align: middle;
font-size:16px;
font-family: serif;
color: #646464;
}	


	
.flex-box_btn{
width:100%;	
margin-top: auto;
text-align: center;
}		

.btn03 {
flex-wrap: wrap;
width:80%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
}



.btn03:hover {
flex-wrap: wrap;
width:80%;
padding:0.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}

.custom-btn {
width: 130px;
height: 40px;
color: #fff;
border-radius: 5px;
padding: 10px 25px;
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
outline: none;
}


.custom-btn2025 {
width: 130px;
/*height: 40px;*/
color: #fff;
border-radius: 5px;
padding: 10px 25px;
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
outline: none;
}	
	
.btn-5 {
 flex-wrap: wrap;
width:80%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
}
.btn-5:hover {
  color: #8E090C;
   box-shadow:none;
border: 0.2px solid #FFFFFF;

}
.btn-5:before,
.btn-5:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #8E090C;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-5:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
border-radius: 50px;
}
.btn-5:hover:before,
.btn-5:hover:after{
  width:100%;
  transition:800ms ease all;
border-radius: 50px;
}	
	
	
.btn-6 {
 flex-wrap: wrap;
width:80%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
}
.btn-6:hover {
  color: #8E090C;
   box-shadow:none;
border: 0.2px solid #FFFFFF;

}
.btn-6:before,
.btn-6:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #8E090C;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-6:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
border-radius: 50px;
}
.btn-6:hover:before,
.btn-6:hover:after{
  width:100%;
  transition:800ms ease all;
border-radius: 50px;
}	
	
	

	
.custom-btn02 {
width: 130px;
height: 40px;
color: #fff;
border-radius: 5px;
padding: 10px 25px;
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow: 3px 3px -5px #ffffff;
outline: none;
}	
	

.btn-7 {
flex-wrap: wrap;
width:300px;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #FFFFFF;
border: 0.2px solid #FFFFFF;
}
.btn-7:hover {
color: #FFFFFF;
box-shadow:none;
border: 0.2px solid transparent;

}
.btn-7:before,
.btn-7:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #FFF;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-7:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-7:hover:before,
.btn-7:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}		
	
.btn_okaimono {
flex-wrap: wrap;
width:18%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #f5f5f5, -3px -3px 5px #ffffff;
}




	
.btn-8 {
flex-wrap: wrap;
width:240px;
font-weight: 500;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
text-align:center;
margin-left: 2.5em;
margin-top: 1.7em;
border-radius: 50px;
color: #FFFFFF;
border: 0.2px solid  transparent;
background-color: #646464;
padding-bottom: 2em;
}
.btn-8:hover {
color: #646464;
box-shadow:none;
background-color: transparent;
border: 0.2px solid  transparent;

}
.btn-8:before,
.btn-8:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #646464;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-8:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-8:hover:before,
.btn-8:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}		
	
.btn-9 {
flex-wrap: wrap;
width:300px;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
}
.btn-9:hover {
  color: #8E090C;
   box-shadow:none;
border: 0.2px solid #FFFFFF;

}
.btn-9:before,
.btn-9:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #8E090C;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-9:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
border-radius: 50px;
}
.btn-9:hover:before,
.btn-9:hover:after{
  width:100%;
  transition:800ms ease all;
border-radius: 50px;
}	

.btn-ch {
flex-wrap: wrap;
width:300px;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 0px;
color: #FFFFFF;
border: 0.2px solid #8E090C;
background-color: #8E090C;
}
.btn-ch:hover {
  color: #8E090C;
   box-shadow:none;
border: 0.2px solid #FFFFFF;
background-color: #FFFFFF;
}
.btn-ch:before,
.btn-ch:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #8E090C;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-ch:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
border-radius: 50px;
}
.btn-ch:hover:before,
.btn-ch:hover:after{
  width:100%;
  transition:800ms ease all;
border-radius: 50px;
}

.btn-10 {
flex-wrap: wrap;
width:220px;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin-top: 1em;
margin-left: 0.2em auto;
margin-right: 0.2em auto;
margin-bottom: 0.2em auto;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
}
.btn-10:hover {
  color: #8E090C;
   box-shadow:none;
border: 0.2px solid #FFFFFF;

}
.btn-10:before,
.btn-10:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #8E090C;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-10:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
border-radius: 50px;
}
.btn-10:hover:before,
.btn-10:hover:after{
  width:100%;
  transition:800ms ease all;
border-radius: 50px;
}

.btn_okaimono:hover {
flex-wrap: wrap;
width:18%;
padding:0.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}

	
.btn_lineup {
flex-wrap: wrap;
width:100%;
padding:0.5em;
margin-top: 1em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
}



.btn_lineup:hover {
flex-wrap: wrap;
width:100%;
padding:0.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}
	
	
	
.btn05 {
flex-wrap: wrap;
width:80%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
}



.btn05:hover {
flex-wrap: wrap;
width:80%;
padding:0.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}
	
	
	
	
	
	
	
.topboder{
border-width: 0.5px 0px 0px 0px; /* 太さ1px */
border-style: solid; /* 線種を破線に */
border-color: 000;
margin-bottom: -4px;
}
	
.bottomboder{
border-width: 0.5px 0px 0px 0px; /* 太さ1px */
border-style: solid; /* 線種を破線に */
border-color: 000;
margin-top: -36px;
}
	
	
	
	
.flex-kaimono_btn{
width: 100%;
display: flex;
justify-content:space-between;

max-width:1000px;
text-align: center;
margin:0 auto ;

/*display: flex;
margin: 0 auto;
width: 1020px;*/
}



	
	
.flex-box_btn04{
width:100%;
/*display: flex;
justify-content:space-between;
align-items: flex-end;	
flex-wrap: wrap;*/
margin-bottom: 2em;
margin-top: auto;
}		
	
.btn04 {
flex-wrap: wrap;
width:100%;
height: 55px;
padding:1em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
/*border-radius: 50px;*/
border: 1px solid #646464;
color: #646464 !important;
}

.btn04 a {
color: #646464 !important;
font-size: 16px;
display: inline-block;
}
.btn04:hover {
color: #FFFFFF !important;
background-color: #8E090C;
font-size: 16px;
display: inline-block;
}
	


.menubtn {
flex-wrap: wrap;
width:100%;
height: 55px;
padding:1em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
/*border-radius: 50px;*/
/*border: 1px solid #646464;*/
}

.menubtn a {
color: #646464 !important;
font-size: 16px;
display: inline-block;
}
.menubtn:hover {
opacity: 0.8;
}	
	
	
	
	
	
	
	
.smarttop{
display: none;
}	

	
.smarttop02{
display: none;
}
	
	
	
	
	
.iconmenu{
font-size: 30px;
}	
	
	
	
	
.copyright{
color: #646464;
font-size: 0.8em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
}	
	
	
	
.recpezairyo{
display: flex;
width: 100%;
margin: 0 auto;
max-width: 1450px;
}	

.recpepicture img{
margin-right: 4.5em;
width: 85%;
}
.recpebun{
width: 40%;
}
	
.recpetime{
line-height:180%;
text-align: left;
vertical-align: middle;
font-size:25px;
font-family: serif;
color: #646464;
vertical-align: baseline;
}	
	
	
	
.point-ttl {
color: #646464;
font-size: 1.7em;
text-align: center;
line-height: 160%;
margin-top: -0.25em;
padding-left: 3.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
width: 350px;
/*border-bottom: 1px solid red;*/
}	
	
.pointicon img{
width: 2em;
position: absolute;
margin-left: 4em;
margin-top: -1.5em;
}	
	
.pointbun{
line-height:200%;
text-align: left;
vertical-align: middle;
font-size:16px;
font-family: serif;
color: #646464;
}
	
.pointbox{
position: relative;
display: flex;
}	
	
.recpepoint{
display: flex;
width: 100%;
justify-content: center;
text-align: center;
margin-top: 5em;
margin-left: 0em;
}	

	
.lay_block_tb{width:100%;height:auto;text-align: center;margin:0 auto ;}	
	
table.table-4 {
width: 100%;
max-width: 1200px;
/*border: 1px #E3E3E3 solid;*/
margin:2em 0em 2em 0em;
}

table.table-4 th {
padding: 0.5em ;
border: 1px #CCC dotted;
border-width: 1px;
line-height:180%;
text-align:left;
vertical-align:middle;
font-weight:normal;
background-color:#dff2eb;
width:10%;
font-size:16px;
font-family: serif;
color: #646464;	}

table.table-4 td {
padding: 0.8em 1.3em;
/*border: 1px #CCC dotted;
border-width: 1px;*/
line-height:190%;
text-align:left;
vertical-align:top;
background-color:#FFF;
font-size:16px;
font-family: serif;
color: #646464;
}

table.table-transaction {
width: 100%;
max-width: 1000px;
border: 1px #E3E3E3 solid;
margin:2em auto 0;
}

table.table-transaction th {
vertical-align: text-top;
width: 20%;
padding: 0.5em ;
border: 1px #CCC dotted;
border-width: 1px;
line-height:180%;
text-align:left;
font-weight:normal;
background-color:#F5F5F5;
font-size:16px;
font-family: serif;
color: #646464;	}

table.table-transaction td {
vertical-align: text-top;
padding: 0.8em 2.2em;
border: 1px #CCC dotted;
border-width: 1px;
line-height:190%;
text-align:left;
background-color:#FFF;
font-size:16px;
font-family: serif;
color: #646464;
}
	
table.table-daib {
width: 100%;
max-width: 600px;
border: 1px #E3E3E3 solid;
margin:1em auto 0;
}

table.table-daib th {
vertical-align: text-top;
width: 20%;
padding: 0.2em 0.5em ;
border: 1px #CCC dotted;
border-width: 1px;
line-height:180%;
text-align:center;
font-weight:normal;
background-color:#F5F5F5;
font-size:16px;
font-family: serif;
color: #646464;	}

table.table-daib td {
vertical-align: text-top;
padding: 0.4em 0.5em;
border: 1px #CCC dotted;
border-width: 1px;
line-height:190%;
text-align:center;
background-color:#FFF;
font-size:16px;
font-family: serif;
color: #646464;
}	

table.table-shiha {
width: 100%;
max-width: 1200px;
/*border: 1px #E3E3E3 solid;*/
margin:2em 0em 2em 0em;
}

table.table-shiha th {
padding: 0.5em ;
border: 1px #CCC dotted;
border-width: 1px;
line-height:180%;
text-align:left;
vertical-align:middle;
font-weight:normal;
background-color:#dff2eb;
width:10%;
font-size:16px;
font-family: serif;
color: #646464;	}

table.table-shiha td {
padding: 0.8em 1.3em;
/*border: 1px #CCC dotted;
border-width: 1px;*/
line-height:190%;
text-align:left;
vertical-align:top;
background-color:#FFF;
font-size:16px;
font-family: serif;
color: #646464;
}	
	
table.table-lineup {
width: 55%;
border: 1.5px #B1B1B1 solid;
}

table.table-lineup th {
vertical-align: text-top;
width: 20%;
padding: 0.4em ;
border: 1.5px #B1B1B1 dotted;
border-width: 1px;
text-align:center;
font-weight:normal;
background-color:#B1B1B1;
font-size:16px;
font-family: serif;
color: #FFFFFF;	}

table.table-lineup td {
vertical-align: text-top;
padding: 0.4em;
border: 1.5px #B1B1B1 dotted;
border-width: 1px;
line-height:190%;
text-align:center;
background-color:#FFF;
font-size:16px;
font-family: serif;
color: #646464;
}
	
	
	
	
.flex-box-about{
width:100%;	
display:flex;
justify-content: flex-start;
flex-wrap: wrap;	
text-align: center;
margin:0 auto;
/*padding-left: 1.5em;
padding-right: 1.5em;*/
}

.flex-box-about .flex-item-about{
display: flex;
flex-direction: column;
width: calc(100% / 2 - 1em);
margin-left: 0.5em;
margin-right: 0.5em;
text-align: left;
line-height: 170%;
font-size:16px;	
}	
	
	
	
.flex-box-yousyoku{
width:100%;	
display:flex;
justify-content: flex-start;
flex-wrap: wrap;	
text-align: center;
margin:0 auto;

}

.flex-box-yousyoku .flex-item-yousyoku{
display: flex;
flex-direction: column;
width: calc(100% / 2 - 1em);
margin-left: 1em;
margin-right: 1em;
text-align: left;
line-height: 170%;
font-size:16px;	
}	

	
/*******追加********/


.img-wrap {
opacity: 1;
margin-top: 3.8em;
}

.img-wrap02 {
opacity: 1;
margin-top: -2em;
}

.img-animation {
  animation: img-opacity 2s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
  position: relative;
}

.img-animation:before {
  animation: img-animation 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-opacity {
  100% {
    opacity: 1;
	  
  }
}

@keyframes img-animation {
  100% {
    transform: translateX(100%);
  }
}	



	

.box{
width: 40%;
border: solid 0px #000;
background-color: #8E090C;
color: #FFFFFF;
display: flex;
flex-direction: column;
text-align: center;
/*justify-content: center;*/
align-items:center;
padding: 0.15em 0 0.15em 0;
font-family: serif;
font-weight: 700;
font-size: 1em;
margin: 0 auto;}	
	
	
	
	
	
	
	
	
	
	
	

.recipettl{
color: #646464;
font-size: 1.7em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	
	
.aboutttl{
color: #FFFFFF;
font-size: 2em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	

	
	
	
.recipe_ttlbtn{
position: relative;
}
	



	
.recipe_btn{
position:absolute;
left: 15%;
top: 52%;
}

	

	
	
	
.bunkattl{
color: #FFFFFF;
font-size: 1.7em;
text-align: center;
line-height: 160%;
/*padding-top: 0.3em;*/
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	
	

	
.bunka_ttlbtn{
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
	



	
.bunka_btn{
position:absolute;
left: 11%;
}	
	


	
	
.yousyokuttl{
color: #FFFFFF;
font-size: 2.5em;
text-align: center;
line-height: 160%;
/*padding-top: 0.3em;*/
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	
	
.aboutttl{
color: #FFFFFF;
font-size: 2.3em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}

.about_ttlber{
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 3.55em;
}

.about_ber{
position:absolute;
}	
	
	
	
	

	
	
.chiikittl{
color: #FFFFFF;
font-size: 1.7em;
text-align: center;
line-height: 160%;
/*padding-top: 0.3em;*/
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	
	

	
.chiiki_ttlbtn{
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
	



	
.chiiki_btn{
position:absolute;
left: 7.5%;
}		
	
	
	
	
	
	
	
	
	
	
	
	
	
.btn06 {
flex-wrap: wrap;
color: #FFFFFF;
width:300px;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
border: 1px solid #FFFFFF;
box-shadow: 2px 3px 1px rgba(255,255,255,0.4), -2px -3px 3px rgba(255,255,255,0.4);
}

.btn06 a {
color: #FFFFFF !important;
font-size: 16px;
display: inline-block;
vertical-align: bottom;
}
.btn06:hover {
opacity: 0.8;
}	
	
	
	
.foottext{
text-align: left;
/*color: #646464;*/
font-weight: bold;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
}

.foottext a{
color:#000;
}	

.foottext02{
text-align: left;
/*color: #646464;*/
font-weight: bold;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
margin-left: 7%;
}

.foottext02 a{
color:#000;
}		
	
.footsikaku{
color:#A9A9A9;
}	
	
.footmenu{
display: flex;
justify-content: center;
align-items: flex-start;
text-align: center;
margin:0 auto ;
}	
	
	
.foottext03{
text-align: left;
color: #646464;
font-weight: bold;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
padding-left: 10%;
}

.footshamei{
color: #646464;
font-weight: bold;
text-decoration: none !important;
font-size: 26px;
font-family: serif;
}	
	
	
.btn07 {
flex-wrap: wrap;
width:240px;
padding:0.8em;
font-weight: 500;
text-decoration: none !important;
font-family: serif;
text-align:center;
margin-left: 3.8em;
margin-top: 1.7em;
border-radius: 50px;
/*border: 1px solid #FFFFFF;*/
background: #646464;
}

.btn07 a {
color: #FFFFFF !important;
font-size: 18px;
display: inline-block;
vertical-align: bottom;
}
.btn07:hover {
opacity: 0.8;
}	
	
.sekai img{
width: 80px;
margin-left: 25%;
margin-top: 30%;
}
	
	
.shamei{
display: flex;
flex-wrap: wrap;
margin-left: 4em;
width:30%;
}
	
.himeshima_gmap {
overflow: hidden;
position: relative;
width: 500px;
height: 368px;
}
.himeshima_gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}



	
.linktext{
max-width: 1200px;
line-height:200%;
text-align: left;
font-size:16px;
font-family: serif;
color: #646464;
padding-top: 0.4em;
}	
	
.himelogo{
display: flex;
/*position: relative;*/
width: 60%;
text-align: center;
margin:0 auto ;
align-items: center;
justify-content: center;
}	
	
.himelogo img{
width: 150px;
padding-right: 1.5em;
}	
	

.himelogo02{
display: flex;
/*position: relative;*/
width: 60%;
text-align: center;
margin:0 auto ;
align-items: center;
justify-content: center;
}	
	
.himelogo02 img{
width: 70px;
padding-right: 1.3em;
}		
	
	
	
	
	
.himeshima_img{
width:100%;	
display:flex;
justify-content: flex-start;
flex-wrap: wrap;	
text-align: center;
margin:0 auto;

}
	
	
	
.okaimono_img{
width:50%;
max-width: 700px;
display:flex;
justify-content: flex-start;
flex-wrap: wrap;	
text-align: center;
margin:0 auto;
/*padding-left: 2em;
padding-right: 2em;*/
}

.okaimono_imgsp{
width:30%;
max-width: 500px;
display:flex;
justify-content: flex-start;
flex-wrap: wrap;	
text-align: center;
/*padding-left: 2em;
padding-right: 2em;*/
}
	
	
	
.mypage a{	
line-height:200%;
text-align: center;
font-size:20px;
font-family: serif;
color: #646464;
padding-top: 0.4em;
}
	
	

.waku{
max-width: 1200px;
margin: 0 auto;
padding-left: 2em;
padding-right: 2em;
}
	
	
	
	
#ikiebi, #seisyoku, #kanetsu, #mukikata, #galic, #kejyan, #tarutaru, #puripuri, #gurilu {
  padding-top: 100px;
  margin-top:-100px;
}
	
	
	
.lineup{
display: flex;
}	
	

	
	
.lineup-ttl {
color: #646464;
font-size: 1.7em;
text-align: left;
line-height: 160%;
padding-top: 0.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}	
	
	
.lineup-tittle{
display: flex;
align-items: flex-start;
align-items: center; /* 縦方向中央揃え */
justify-content: left;
}	
	
	
.yousyokuiki{
display: flex;
}	
	
.lineupimg{
width: 150%;
padding-right: 7%;
}	
	
.yousyokuiki_column{
display: flex;
flex-direction: column;
width: 140%;
}
	
	
	
.lineupsyohin{
width: 40%;
line-height:200%;
text-align: left;
margin: 0 auto;
/*padding-left: 5em;
padding-right: 5em;*/
font-size:16px;
font-family: serif;
color: #646464;
}	
	
	
.yousyokuikibun{
width: 100%;
}	
	
.lineupkakaku{
font-size: 25px;
text-align: center;
}	
	
.lineupkakakucart{
width: 115%;
line-height:200%;
text-align: center;
margin: 0 auto;
/*padding-left: 5em;
padding-right: 5em;*/
font-size:16px;
font-family: serif;
color: #646464;
}	

.productImg{
/*border: 1px solid #CCC;*/
margin-bottom: 10px;
}
.prosubImg{
display: flex;
justify-content:flex-start;
}
.prosubImg li{
width: 24%;
/*border: 1px solid #ccc;*/
list-style: none;
margin-right: 10px;
}
.prosubImg li.current{
border: 3px solid #87282A;
}

	
	
	
	

	

	
	
	

	
	
/* ===================
PC　テーブル追加書き込み--ここから
====================== */	
	



	
	






	
	
/* ===================
PC　フレックスボックス追加書き込み--ここから
====================== */




.access{
margin-bottom: 5em;
}
	
.access p{
text-align: center;
}  

.about{
margin-bottom: 5em;
border-bottom: 1px solid #E892B7;
}






.contact{
margin-bottom: 5em;
}

	
.yousyoku {
position: relative;
width: 100%;
max-width: 500px;
}
.yousyoku iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

}





	


	
	

	







/*************************************************************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
***************************SMART******************************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
*************************************************************/








/*******SMART用*********/
@media print,screen and (max-width: 768px) {
	
	

	

	
/* ===================
SMART 追加
====================== */

.top_main{width:100%;text-align: center;margin:-2px 0 auto; background-color: #FFF;position: relative;
display: flex;
align-items: center; /* 縦方向中央揃え */
justify-content: center; /* 横方向中央揃え */
flex-wrap: wrap;
z-index: 1000;
}	
	
	
.top_main-logo{display: block;width:50%;position: absolute;}
	
.top-block{
width:100%;
height:auto;
margin:0 auto;
text-align:center;
margin-top:-10px;
}
	

	
.threebox{
width:100%;	
display:flex;
justify-content: flex-start;	
text-align: center;
margin:0 auto;
flex-wrap: wrap;
}
	
	
.topmenubtn{
width: calc(100% / 2 - 2%);
height: 155px;
margin: 1%;
padding:0.5em;
text-align: left;
line-height: 120%;
font-size:16px;
background:rgba(255,255,255,0.9);
box-shadow: 1px 1px 6px rgba(0,0,0,0.3);
position: relative;
}	



	
.topmenubtn_footparts{
position: absolute;
bottom: 1px;
left:1px;
}

.topmenubtn_foottext01{
color: #1E1E1E;
/*position: absolute;*/
font-size: 18pt;
font-family:serif;
font-weight: 900;
margin-top: 15px;
/*left:40px;*/
}
	
.topmenubtn_foottext02{
color: #1E1E1E;
font-size: 10pt;
font-family:'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN', sans-serif;
font-weight: 600;
top: 50px;
margin-top:-10px;
}

.topmenubtn_foottext{
padding-left: 0;
padding-right: 0;
}




.pc_br{
display: none;
}



.smarttop{
margin-top: -0.9em;
}	

.smarttop02{
margin-top: -0.9em;
}




	
	

.toptittle{
display: flex;
align-items: flex-start;
align-items: center; /* 縦方向中央揃え */
justify-content: center;
}
	
.border01{
border-bottom: #d8be39 solid 2px;
box-shadow: -11px 5px 0 #CD9EED;
width:70px;
}
	



	


	
.toptittle{
display: flex;
align-items: flex-start;
align-items: center; /* 縦方向中央揃え */
justify-content: center;
/*padding-left: 5%;*/
}
	
	



	
	
	
	
	
.menu-list{width:100%;margin:0 auto;}
	
.flex-box-01{
width:100%;	
display:flex;
justify-content: flex-start;	
flex-wrap: wrap;
text-align: center;
margin:0 auto;	
}

.flex-box-01 .flex-item{
display: flex;
flex-direction: column;		
width: calc(100% / 1);
margin: 0.5em 0.5em 2em 0.5em;
text-align: left;
line-height: 170%;
font-size:16px;	
}
	
.maincontents {
color: #646464;
font-size: 1.4em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	
	
.recipetitle {
color: #646464;
font-size: 1.2em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}	
	
	
.lineupbun{
line-height:180%;
text-align: left;
vertical-align: middle;
font-size:16px;
font-family: serif;
color: #646464;
}	
	

	
.yousyokubun{
width: 87%;
line-height:200%;
text-align: center;
margin: 0 auto;
font-size:16px;
font-family: serif;
color: #646464;
}	

	
	
	
	

.qaboder {
width: 87%;
border-width: 1px 0px 0px 0px; /* 太さ1px */
border-style: dashed; /* 線種を破線に */
border-color: gray;   /* 線色を灰色に */
margin: 0 auto;
}	
	
	
.qabun{
width: 87%;
line-height:170%;
text-align: left;
margin: 0 auto;
font-size:16px;
font-family: serif;
color: #646464;
text-indent: -2em;
padding-left: 2.3em;
}
	
	
.questionbun{
color:#001AB6;
}
	

.kojinbun{
width: 87%;
line-height:200%;
padding-left: 1.5em;
text-align: left;
margin: 0 auto;
font-size:16px;
font-family: serif;
color: #646464;
text-indent: -1.5em;
}	
	

.aboutayumibun{
width: 87%;
line-height:200%;
text-align: left;
margin: 0 auto;
font-size:16px;
font-family: serif;
color: #646464;
}	
	
.aboutayumibun02{
width: 87%;
line-height:200%;
text-align:right;
margin: 0 auto;
font-size:16px;
font-family: serif;
color: #646464;
}
	
	
	
.osirasebun{
line-height:0%;
text-align: right;
vertical-align: middle;
font-size:16px;
font-family: serif;
color: #646464;
}		
	
	

	
.btn03 {
flex-wrap: wrap;
width:80%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
}


.btn03:hover {
flex-wrap: wrap;
width:80%;
padding:0.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}
	
	
	
	
.custom-btn {
width: 80%;
height: 40px;
color: #fff;
border-radius: 5px;
/*padding: 10px 25px;*/
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: flex;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
outline: none;
margin: 0 auto;
}

.custom-btn2025 {
width: 80%;
/*height: 40px;*/
color: #fff;
border-radius: 5px;
/*padding: 10px 25px;*/
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: flex;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
outline: none;
margin: 0 auto;
}
	
.btn-5 {
flex-wrap: wrap;
width:80%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
justify-content: center;
}
.btn-5:hover {
color: #8E090C;
box-shadow:none;
border: 0.2px solid #FFFFFF;
}
.btn-5:before,
.btn-5:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #8E090C;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-5:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-5:hover:before,
.btn-5:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}	
	

	
.btn-6 {
flex-wrap: wrap;
width:200px;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
justify-content: center;
}
.btn-6:hover {
color: #8E090C;
box-shadow:none;
border: 0.2px solid #FFFFFF;
}
.btn-6:before,
.btn-6:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #8E090C;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-6:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-6:hover:before,
.btn-6:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}	

	
.custom-btn02 {
width: 130px;
height: 40px;
color: #fff;
border-radius: 5px;
padding: 10px 25px;
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow: 3px 3px -5px #ffffff;
outline: none;
}	
	

.btn-7 {
flex-wrap: wrap;
width:200px;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #FFFFFF;
border: 0.2px solid #FFFFFF;
}
.btn-7:hover {
color: #FFFFFF;
box-shadow:none;
border: 0.2px solid transparent;

}
.btn-7:before,
.btn-7:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #FFF;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-7:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-7:hover:before,
.btn-7:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}
	
.btn-8 {
flex-wrap: wrap;
width:240px;
font-weight: 500;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
text-align:center;
margin:0 auto;
border-radius: 50px;
color: #FFFFFF;
border: 0.2px solid  transparent;
background-color: #646464;
align-items: center;
padding-top: 0.2em;
justify-content: center;
}
.btn-8:hover {
color: #646464;
box-shadow:none;
background-color: transparent;
border: 0.2px solid  transparent;

}
.btn-8:before,
.btn-8:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #646464;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-8:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-8:hover:before,
.btn-8:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}	
	
.btn-9 {
flex-wrap: wrap;
width:200px;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
justify-content: center;
}
.btn-9:hover {
color: #8E090C;
box-shadow:none;
border: 0.2px solid #FFFFFF;
}
.btn-9:before,
.btn-9:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #8E090C;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-9:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-9:hover:before,
.btn-9:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}	

.btn-ch {
flex-wrap: wrap;
width:65%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 0px;
color: #FFFFFF;
border: 0.2px solid #8E090C;
background-color: #8E090C;
justify-content: center;
}
.btn-ch:hover {
color: #8E090C;
box-shadow:none;
border: 0.2px solid #FFFFFF;
background-color: #FFFFFF;
}
.btn-ch:before,
.btn-ch:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #8E090C;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-ch:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-ch:hover:before,
.btn-ch:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}

.btn-10 {
flex-wrap: wrap;
width:250px;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
justify-content: center;
}
.btn-10:hover {
color: #8E090C;
box-shadow:none;
border: 0.2px solid #FFFFFF;
}
.btn-10:before,
.btn-10:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #8E090C;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-10:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-10:hover:before,
.btn-10:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}
	

.topboder{
display: none;
}
	
.bottomboder{
display: none;
}	
	
	
	
.chiikipc{
display: none;
}	
	
.bunkapc{
display: none;
}	
	
.btn04 {
flex-wrap: wrap;
width:65%;
padding:0.8em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 1.5em auto;	
/*border-radius: 50px;*/
border: 1px solid #646464;
color: #646464 !important;
}

.btn04 a {
color: #646464 !important;
font-size: 16px;
display: inline-block;
vertical-align: bottom;
}
.btn04:hover {
border: 1px solid #646464;
color: #FFFFFF !important;
background-color: #8E090C;
}		
	
	
	
	
	
.recipettl{
color: #646464;
font-size: 1.4em;
text-align: center;
line-height: 160%;
padding-top: 1em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	
	

	
.recipe_ttlbtn{
position: relative;
}
	



	
.recipe_btn{
position:absolute;
left: 0;
right: 0;
top:70%;
}		
	
	
.btn05 {
flex-wrap: wrap;
width:80%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
}


.btn05:hover {
flex-wrap: wrap;
width:80%;
padding:0.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}
	
	
	
.pctop{
}	


	
.img-wrap{
margin-top: -5em;
}	
	
.img-wrap02 {
opacity: 1;
padding-left: 120px;
margin-left: -242px;
padding-bottom: 3.5em;
}

.img-wrap02 img{
height:230px;
object-fit: cover;
/***
width: 165%;
margin-left: -48.7%;
padding-bottom: 15%;
***/
}
	

.pckuuhaku{
display: none;
}
	
	
.bunkattl{
color: #FFFFFF;
font-size: 1.3em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	
	

	
.bunka_ttlbtn{
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
	



	
.bunka_btn{
position:absolute;
}	
	


	
.yousyokuttl{
color: #FFFFFF;
font-size: 1.2em;
text-align: center;
line-height: 160%;
/*padding-top: 0.3em;*/
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	
	
	
	
.aboutttl{
color: #FFFFFF;
font-size: 1.8em;
text-align: center;
line-height: 160%;
/*padding-top: 0.3em;*/
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}

.about_ttlber{
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: -0.85em;
}

.about_ber{
position:absolute;
}	
	
	

	
	
.chiikittl{
color: #FFFFFF;
font-size: 1.3em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	
	

	
.chiiki_ttlbtn{
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
	



	
.chiiki_btn{
position:absolute;
}		
	
	

	

	
.btn06 {
flex-wrap: wrap;
width:180px;
color: #FFFFFF;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
border: 1px solid #FFFFFF;
box-shadow: 2px 3px 1px rgba(255,255,255,0.4), -2px -3px 3px rgba(255,255,255,0.4);
}

.btn06 a {
color: #FFFFFF !important;
font-size: 16px;
display: inline-block;
vertical-align: bottom;
}
.btn06:hover {
opacity: 0.8;
}	
	
	
	
.foottext{
text-align: left;
/*color: #646464;*/
font-weight: bold;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
}

.foottext a{
color:#000;
}	

.foottext02{
text-align: left;
/*color: #646464;*/
font-weight: bold;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
}

.foottext02 a{
color:#000;
}		
	
.footsikaku{
color:#A9A9A9;
}	
	
.footmenu{
/*display: flex;*/
text-align: center;
margin:0 auto;
margin-bottom: 2em;
padding:0 1em;
}	
	
	
.foottext03{
text-align: left;
color: #646464;
font-weight: bold;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
}

.footshamei{
color: #646464;
font-weight: bold;
text-decoration: none !important;
font-size: 26px;
font-family: serif;
}	
	
	
.btn07 {
flex-wrap: wrap;
width:240px;
padding:0.8em;
font-weight: 500;
text-decoration: none !important;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
/*border: 1px solid #FFFFFF;*/
background: #646464;
}

.btn07 a {
color: #FFFFFF !important;
font-size: 18px;
display: inline-block;
vertical-align: bottom;
}
.btn07:hover {
opacity: 0.8;
}	
	

	
.sekai img{
width: 100px;
margin: 0 auto;
padding-top: 1em;
padding-bottom: 2em;
}	
	
	

	

	
.menubtn{
display: none;
}
	
	

.iconmenu{
font-size: 25px;
}	
	
	
	
.copyright{
color: #646464;
font-size: 0.8em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
}
	
	
.recpezairyo{
width: 90%;
margin: 0 auto;
}	


	
.recpetime{
line-height:180%;
text-align: left;
vertical-align: middle;
font-size:25px;
font-family: serif;
color: #646464;
vertical-align: baseline;
}
	
	
	
	
.point-ttl {
color: #646464;
font-size: 1.7em;
text-align: center;
line-height: 160%;
margin-top: -0.25em;
margin-left: -0.7em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
width: 350px;
/*border-bottom: 1px solid red;*/
}	
	
.pointicon img{
width: 2em;
position: absolute;
margin-top: -2em;
}	
	
.pointbun{
line-height:200%;
text-align: left;
vertical-align: middle;
font-size:16px;
font-family: serif;
color: #646464;
}
	
.pointbox{
position: relative;
display: flex;
padding-bottom: 1em;
}	
	
.recpepoint{
width: 85%;
justify-content: center;
text-align: center;
margin-top: 5em;
margin-left: 2em;
}	
	

	
.lay_block_tb{width:100%;height:auto;text-align: center;margin:0 auto ;padding: 0 1em;}
	
table.table-4 {
width: 100%;
border: 1px #E3E3E3 solid;
margin:2em auto 0.5em;
}

table.table-4 th {
padding: 0.7em ;
border: 1px #CCC dotted;
border-width: 1px;
line-height:180%;
text-align:left;
vertical-align:middle;
font-weight:normal;
background-color:#dff2eb;
width:10%;
font-size:16px;
font-family: serif;
color: #646464;
}

table.table-4 td {
padding: 0.7em ;
border: 1px #CCC dotted;
border-width: 1px;
line-height:130%;
text-align:left;
vertical-align:middle;
background-color:#FFF;
width: 25%;
font-size:16px;
font-family: serif;
color: #646464;
}	
	
	
	
table.table-shiha {
width: 100%;
border: 1px #E3E3E3 solid;
margin:2em auto 0.5em;
}

table.table-shiha th {
padding: 0.7em ;
display:block;
border: 1px #CCC dotted;
border-width: 1px;
line-height:180%;
text-align:left;
vertical-align:middle;
font-weight:normal;
background-color:#dff2eb;
width:100%;
font-size:16px;
font-family: serif;
color: #646464;
}

table.table-shiha td {
padding: 0.7em ;
display:block;
border: 1px #CCC dotted;
border-width: 1px;
line-height:130%;
text-align:left;
vertical-align:middle;
background-color:#FFF;
width: 100%;
font-size:16px;
font-family: serif;
color: #646464;
}	

.yamato img{
width:40%;
}
	
.flex-box-about{
width:90%;	
margin:0 auto;	
}

.flex-box-about .flex-item-about{
display: flex;
flex-direction: column;		
width: calc(100% / 1);
margin-top: 0.5em;
margin-bottom: 2em;
text-align: left;
line-height: 170%;
font-size:16px;	
}
	
	
	
.himeshima_gmap {
overflow: hidden;
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.himeshima_gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}	
	
	
.flex-box-yousyoku .flex-item-yousyoku{
display: flex;
flex-direction: column;		
width: calc(100% / 1);
text-align: left;
line-height: 170%;
font-size:16px;
padding-left: 1.5em;
padding-right: 1.5em;
}		
	

	
	
	
.himelogo{
/*position: relative;*/
width: 60%;
text-align: center;
margin:0 auto ;
align-items: center;
justify-content: center;
}	
	
.himelogo img{
width: 200px;
}	

.himelogo02{
/*position: relative;*/
width: 60%;
text-align: center;
margin:0 auto ;
align-items: center;
justify-content: center;
}	
	
.himelogo02 img{
width: 100px;
}		
	
.himeshima_img{
width:90%;	
display:flex;
justify-content: flex-start;
flex-wrap: wrap;	
text-align: center;
margin:0 auto;
}	

.linktext{
line-height:200%;
text-align: center;
font-size:16px;
font-family: serif;
color: #646464;
padding-top: 0.4em;
}	
	
	
	
.btn_okaimono {
flex-wrap: wrap;
width:80%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #f5f5f5, -3px -3px 5px #ffffff;
}



.btn_okaimono:hover {
flex-wrap: wrap;
width:80%;
padding:0.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}	
	
	
	
.okaimono_img{
width:85%;
max-width: 700px;
display:flex;
justify-content: flex-start;
flex-wrap: wrap;	
text-align: center;
margin:0 auto;
/*padding-left: 2em;
padding-right: 2em;*/
}

.okaimono_imgsp{
width:85%;
max-width: 700px;
display:flex;
justify-content: flex-start;
flex-wrap: wrap;	
text-align: center;
margin:0 auto;
/*padding-left: 2em;
padding-right: 2em;*/
}	
	
	
	
.mypage a{	
line-height:200%;
text-align: center;
font-size:20px;
font-family: serif;
color: #646464;
padding-top: 0.4em;
}	
	
	
table.table-transaction {
width: 100%;
max-width: 1000px;
border: 1px #E3E3E3 solid;
margin:2em auto 0;
}

table.table-transaction th {
vertical-align: text-top;
width: 5%;
padding: 0.5em ;
border: 1px #CCC dotted;
border-width: 1px;
line-height:180%;
text-align:left;
font-weight:normal;
background-color:#F5F5F5;
font-size:16px;
font-family: serif;
color: #646464;	}

table.table-transaction td {
vertical-align: text-top;
padding: 0.8em 0.8em;
border: 1px #CCC dotted;
border-width: 1px;
line-height:190%;
text-align:left;
background-color:#FFF;
font-size:16px;
font-family: serif;
color: #646464;
}		
	
table.table-daib {
width: 100%;
max-width: 1000px;
border: 1px #E3E3E3 solid;
margin:0em auto 0;
}

table.table-daib th {
vertical-align: middle;
width: 5%;
padding: 0.2em 0.5em;
border: 1px #CCC dotted;
border-width: 1px;
line-height:180%;
text-align:center;
font-weight:normal;
background-color:#F5F5F5;
font-size:16px;
font-family: serif;
color: #646464;	}

table.table-daib td {
vertical-align: middle;
padding: 0.2em 0.5em;
border: 1px #CCC dotted;
border-width: 1px;
line-height:190%;
text-align:center;
background-color:#FFF;
font-size:16px;
font-family: serif;
color: #646464;
}
	
	
.waku{
width: 100%;
margin: 0 auto;
}	
	
	
	
.lineupimg{
width: 90%;
margin: 0 auto;
}		
	
.lineup-ttl {
color: #646464;
font-size: 1.7em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}	
	
.lineupsyohin{
width: 40%;
line-height:200%;
text-align: center;
margin: 0 auto;
/*padding-left: 5em;
padding-right: 5em;*/
font-size:16px;
font-family: serif;
color: #646464;
}		
	
.lineupkakakucart{
width: 100%;
line-height:200%;
text-align: center;
margin: 1.5em 0em 0em 0em;
/*padding-left: 5em;
padding-right: 5em;*/
font-size:16px;
font-family: serif;
color: #646464;
}		
	
.lineupkakaku{
font-size: 25px;
text-align: center;
}		
	
.btn_lineup {
flex-wrap: wrap;
width:85%;
padding:0.5em;
margin: 0 auto;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
}

.btn_lineup:hover {
flex-wrap: wrap;
width:85%;
padding:0.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}
	
	
.lineup{
margin-bottom: 2em;
}		

	
table.table-lineup {
width: 85%;
border: 1.5px #B1B1B1 solid;
margin: 0 auto;
}

table.table-lineup th {
vertical-align: text-top;
width: 20%;
padding: 0.4em ;
border: 1.5px #B1B1B1 dotted;
border-width: 1px;
text-align:center;
font-weight:normal;
background-color:#B1B1B1;
font-size:16px;
font-family: serif;
color: #FFFFFF;	}

table.table-lineup td {
vertical-align: text-top;
padding: 0.4em ;
border-width: 1px;
line-height:190%;
text-align:center;
background-color:#FFF;
font-size:16px;
font-family: serif;
color: #646464;
}
	
	
	
.productImg{
/*border: 1px solid #CCC;*/
margin-bottom: 10px;
}
.prosubImg{
display: flex;
justify-content:flex-start;
}
.prosubImg li{
width: 24%;
/*border: 1px solid #ccc;*/
list-style: none;
margin-right: 10px;
}
.prosubImg li.current{
border: 3px solid #87282A;
}	
	
	
.spimg{
margin-top: 4em;
}	

	

	
.box{
width: 100%;
border: solid 0px #000;
background-color: #8E090C;
color: #FFFFFF;
display: flex;
flex-direction: column;
text-align: center;
/*justify-content: center;*/
align-items:center;
padding: 0.15em 0 0.15em 0;
font-family: serif;
font-weight: 700;
font-size: 1em;}
	
	

.zaiko{
width: 35%;
margin: 0 auto;
}
	

.gocyuui{
width: 90%;
line-height:200%;
text-align: left;
margin: 0 auto;
/*padding-left: 5em;
padding-right: 5em;*/
font-size:16px;
font-family: serif;
color: #646464;
}
	
/* ===================
SMART　テーブル追加書き込み--ここから
====================== */	






	
table.table-form {
width:100%;
/*border: 1px #009B83 solid;*/
margin:0px auto;
border-collapse: separate; 
border-spacing: 10px;
word-break:break-all;
}
table.table-form th {
padding: 1em;
border: 1px #646464 solid;
border-width: 0 0px 1px 0px;
line-height:180%;
text-align:left;
vertical-align:top;
color:#646464;
font-size:1.2rem;
display: block;	
width:100%;
font-family: serif;
font-weight: 700;
}	
	
	
.contacthissubun{
width: 100%;
line-height:200%;
text-align: center;
margin: 0 auto;
/*padding-left: 5em;
padding-right: 5em;*/
font-size:16px;
font-family: serif;
color: #646464;
}	
	

table.table-form td {
padding: 1.7em 0px 1.7em 0px;
/*border: 1px #CCC solid;*/
border-width: 0 0px 1px 0px;
line-height:180%;
text-align:left;
vertical-align:middle;
background-color:#FFF;
display: block;	
width:100%;
}
	
	
	


	
	
	
/* ===================
SMARTフレックスボックス追加書き込み--ここから
====================== */
.flex-box{
width:100%;	
display:flex;
justify-content: flex-start;
flex-wrap: wrap;
text-align: center;
margin:0 auto;
}
.flex-item{
width: calc(100% / 2 - 1%);
margin: 0.5%;
/*background-color: #eee;
border: 1px #CCC solid;
border-width: 0 0px 1px 1px;*/
padding:0.5em;
}




.access{
margin-bottom: 3em;
}
	
.access p{
text-align: center;
}  

.about{
margin-bottom: 3em;
border-bottom: 1px solid #E892B7;
}
.about p{
padding: 0 ;
}





.contact{
margin-bottom: 3em;
}







	
.yousyoku {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.yousyoku iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
padding:1.5em;
}		
	
	
}













/*************************************************************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
***************************iPad Pro***************************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
*************************************************************/




/*-----iPadPro用------*/
/*　画面サイズが980pxから1024pxまではここを読み込む　*/	
@media screen and (min-width:769px) and ( max-width:1024px) {


.top-block{
width:100%;
height:auto;
margin:0 auto;
text-align:center;
margin-top:-81px;
}
	
	
	
	

	
	
	
.menu-box ul li{
float:left;
list-style: none;
width: calc(100% / 5 - 1%);
margin: 0.5%;
/*background-color: #eee;
border: 1px #CCC solid;
border-width: 0 0px 1px 1px;*/
padding:0.5em;
text-align: left;
line-height: 150%;
font-size:16px;
}	
	
	
	
.recipe_btn{
position:absolute;
left: 5%;
top: 40%;
}		

	
	
	
.btn03 {
flex-wrap: wrap;
width:80%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
}


.btn03:hover {
flex-wrap: wrap;
width:40%;
padding:0.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}
	
	
.btn_okaimono {
flex-wrap: wrap;
width:40%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #f5f5f5, -3px -3px 5px #ffffff;
}


.btn_okaimono:hover {
flex-wrap: wrap;
width:80%;
padding:0.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}
	
	
	
	
.flex-box-yousyoku{
width:90%;	
max-width: 1100px;
display:flex;
justify-content: flex-start;
flex-wrap: wrap;	
text-align: center;
margin:0 auto;
padding-left: 1.5em;
padding-right: 1.5em;
}	
	
.flex-box-yousyoku .flex-item-yousyoku{
display: flex;
flex-direction: column;
width: calc(100% / 2 - 1em);
margin-left: 1em;
margin-right: 1em;
text-align: left;
line-height: 170%;
font-size:16px;	
}	
	

.yousyoku {
position: relative;
width: 100%;
max-width:350px;
padding-top: 30%;
}
.yousyoku iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}	

.himeshima_gmap {
overflow: hidden;
position: relative;
width: 480px;
height: 310px;
}
.himeshima_gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}	

}














/*************************************************************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
********************iPad/SMART OTHER DEVICE*******************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
*************************************************************/




/*-----iPad用------*/
/*　画面サイズが768pxから979pxまではここを読み込む　*/	
@media screen and (min-width:768px) and ( max-width:979px) {






	
	
.topmenubtn_foottext02{
color: #1E1E1E;
font-size: 12pt;
line-height: 160%;
font-family:'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN', sans-serif;
font-weight: 600;
top: 50px;
margin-top:-10px;
}	
	
	
.topmenubtn_foottext{
padding-left: 1em;
padding-right: 1em;
}	
	
	
	

.threebox{
width:100%;	
display:flex;
justify-content: flex-start;
text-align: center;
margin:0 auto;
flex-wrap: wrap;
}
	
	
.topmenubtn{
width: calc(100% / 4 - 2%);
height: 155px;
margin: 1%;
padding:0.5em;
text-align: left;
line-height: 120%;
font-size:16px;
background:rgba(255,255,255,0.9);
box-shadow: 1px 1px 6px rgba(0,0,0,0.3);
position: relative;
}
	
	
	
.menu-box ul li{
float:left;
list-style: none;
width: calc(100% / 4 - 1%);
margin: 0.5%;
/*background-color: #eee;
border: 1px #CCC solid;
border-width: 0 0px 1px 1px;*/
padding:0.5em;
text-align: left;
line-height: 150%;
font-size:16px;
}
	
	
	
.flex-box-01 .flex-item{
display: flex;
flex-direction: column;
width: calc(100% / 2 - 1em);
margin: 0.5em 0.5em 2em 0.5em;
text-align: left;
line-height: 170%;
font-size:16px;
}	
	
	
	
.flex-box_btn{
width:100%;	
display: flex;
justify-content: center;
align-items: center;	
flex-wrap: wrap;
margin-bottom: 2em;
margin-top: auto;
}	
	


	
	

	
	

.btn05 {
flex-wrap: wrap;
width:55%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 12px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
border: 1px solid #646464;
}

.btn05 a {
color: #646464 !important;
font-size: 16px;
display: inline-block;
vertical-align: bottom;
}
.btn05:hover {
opacity: 0.8;
}	
	
	
.custom-btn {
width: 80%;
height: 40px;
color: #fff;
border-radius: 5px;
/*padding: 10px 25px;*/
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: flex;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
outline: none;
margin: 0 auto;
}

.custom-btn2025 {
width: 80%;
/*height: 40px;*/
color: #fff;
border-radius: 5px;
/*padding: 10px 25px;*/
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: flex;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
outline: none;
margin: 0 auto;
}
	
.btn-5 {
flex-wrap: wrap;
width:100%;
padding-top:0.5em;
padding-left: 2em;
padding-right: 2em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
justify-content: center;
}
.btn-5:hover {
color: #8E090C;
box-shadow:none;
border: 0.2px solid #FFFFFF;
}
.btn-5:before,
.btn-5:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #8E090C;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-5:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-5:hover:before,
.btn-5:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}
	
.btn-6 {
flex-wrap: wrap;
width:200px;
padding-top:0.5em;
padding-left: 2em;
padding-right: 2em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
justify-content: center;
}
.btn-6:hover {
color: #8E090C;
box-shadow:none;
border: 0.2px solid #FFFFFF;
}
.btn-6:before,
.btn-6:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #8E090C;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-6:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-6:hover:before,
.btn-6:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}

.btn-8 {
flex-wrap: wrap;
width:240px;
font-weight: 500;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
text-align:center;
margin: 0 auto;
border-radius: 50px;
color: #FFFFFF;
border: 0.2px solid  transparent;
background-color: #646464;
align-items: center;
padding-top: 0.2em;
justify-content: center;
}
.btn-8:hover {
color: #646464;
box-shadow:none;
background-color: transparent;
border: 0.2px solid  transparent;

}
.btn-8:before,
.btn-8:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #646464;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-8:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-8:hover:before,
.btn-8:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}

.btn-9 {
flex-wrap: wrap;
width:300px;
padding-top:0.5em;
padding-left: 2em;
padding-right: 2em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
justify-content: center;
}
.btn-9:hover {
color: #8E090C;
box-shadow:none;
border: 0.2px solid #FFFFFF;
}
.btn-9:before,
.btn-9:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #8E090C;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-9:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-9:hover:before,
.btn-9:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}

.btn-ch {
flex-wrap: wrap;
width:300px;
padding-top:0.5em;
padding-left: 2em;
padding-right: 2em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 0px;
color: #FFFFFF;
border: 0.2px solid #8E090C;
background-color: #8E090C;
justify-content: center;
}
.btn-ch:hover {
color: #8E090C;
box-shadow:none;
border: 0.2px solid #FFFFFF;
background-color: #FFFFFF;
}
.btn-ch:before,
.btn-ch:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #8E090C;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-ch:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-ch:hover:before,
.btn-ch:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}

.btn-10 {
flex-wrap: wrap;
height: 100%;
width:100%;
padding-top:0.5em;
padding-bottom: 0.5em;
padding-left: 3em;
padding-right: 3em;
margin-top: 1em;

font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
justify-content: center;
}
.btn-10:hover {
color: #8E090C;
box-shadow:none;
border: 0.2px solid #FFFFFF;
}
.btn-10:before,
.btn-10:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #8E090C;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
border-radius: 50px;
/*transition:400ms ease all;*/
}
.btn-10:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
border-radius: 50px;
}
.btn-10:hover:before,
.btn-10:hover:after{
width:100%;
transition:800ms ease all;
border-radius: 50px;
}

.footmenu{
width:100%;	
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
text-align: center;
margin:0 auto ;
}		
	
	
.foottext02{
text-align: left;
/*color: #646464;*/
font-weight: bold;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
margin-left: 10%;
}	

	
	
.foottext03{
text-align: left;
color: #646464;
font-weight: bold;
text-decoration: none !important;
font-size: 16px;
font-family: serif;
padding-left: 10%;
margin-top: 35%;
}





.btn03 {
flex-wrap: wrap;
width:100%;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2.5em;
padding-right: 2.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
}


.btn03:hover {
flex-wrap: wrap;
width:100%;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2.5em;
padding-right: 2.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}	
	
.btn_okaimono {
flex-wrap: wrap;
width:35%;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2.5em;
padding-right: 2.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #f5f5f5, -3px -3px 5px #ffffff;
}


.btn_okaimono:hover {
flex-wrap: wrap;
width:35%;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2.5em;
padding-right: 2.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}	
	
.btn05 {
flex-wrap: wrap;
width:50%;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2.5em;
padding-right: 2.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
}


.btn05:hover {
flex-wrap: wrap;
width:50%;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2.5em;
padding-right: 2.5em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}		
	
	
	
.recipettl{
color: #646464;
font-size: 1.4em;
text-align: center;
line-height: 160%;
padding-top: 2.5em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}	

	
	
	
.yousyokuttl{
color: #FFFFFF;
font-size: 1.7em;
text-align: center;
line-height: 160%;
/*padding-top: 0.3em;*/
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}
	

	
table.table-transaction th {
vertical-align: text-top;
width: 20%;
padding: 0.5em ;
border: 1px #CCC dotted;
border-width: 1px;
line-height:180%;
text-align:left;
font-weight:normal;
background-color:#F5F5F5;
font-size:16px;
font-family: serif;
color: #646464;	}

table.table-transaction td {
vertical-align: text-top;
padding: 0.8em 0.8em;
border: 1px #CCC dotted;
border-width: 1px;
line-height:190%;
text-align:left;
background-color:#FFF;
font-size:16px;
font-family: serif;
color: #646464;
}
	

	
	
	
.btn_lineup {
display: flex;
flex-wrap: wrap;
width:100%;
padding:0.5em 4em 0.5em 4em;
margin: 0 auto;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
border-radius: 50px;
color: #646464;
border: 0.2px solid #d3d3d3;
background-color: #ffffff;
box-shadow: 3px 3px 5px #EEE, -3px -3px 5px #ffffff;
justify-content: center;
align-items: center;
}

.btn_lineup:hover {
flex-wrap: wrap;
width:100%;
padding:0.5em 4em 0.5em 4em;
background: #F3F3F3;
color: #646464;
border-radius: 50px;
box-shadow: inset 3px 3px 5px #f5f5f5, inset -3px -3px 5px #ffffff;
transition:1s all;
}
	
	
.lineup{
display: flex;
}
	
	
	
table.table-lineup {
width: 50%;
border: 1.5px #B1B1B1 solid;
margin: 0 auto;
}

table.table-lineup th {
vertical-align: text-top;
width: 20%;
padding: 0.4em ;
border: 1.5px #B1B1B1 dotted;
border-width: 1px;
text-align:center;
font-weight:normal;
background-color:#B1B1B1;
font-size:16px;
font-family: serif;
color: #FFFFFF;	}

table.table-lineup td {
vertical-align: text-top;
padding: 0.4em ;
border-width: 1px;
line-height:190%;
text-align:center;
background-color:#FFF;
font-size:16px;
font-family: serif;
color: #646464;
}
	
	
.yousyoku {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.yousyoku iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
padding:1.5em;
}	
	

	
	
	
.img-wrap02 {
opacity: 1;
padding-left: 120px;
margin-left: -370px;
padding-bottom: 7.5em;
}

.img-wrap02 img{
height:470px;
object-fit: cover;
/***
width: 165%;
margin-left: -48.7%;
padding-bottom: 15%;
***/
}	
	
	
	
	
.zaiko{
width: 40%;
margin: 0 auto;
margin-top: -2em;
}

	
	
	
	
	
	
	
	
	
}	

	
	
	
	
	
	
	
	
	
/*}*/







/*iphone5&SE用*/
@media screen and (min-width: 320px) and (max-width: 374px){





.recipettl{
color: #646464;
font-size: 1.3em;
text-align: center;
line-height: 160%;
padding-top: 1em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}



.maincontents {
color: #646464;
font-size: 1.2em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}	


.recipetitle {
color: #646464;
font-size: 1.2em;
text-align: center;
line-height: 160%;
padding-top: 0.3em;
padding-left: 1.3em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
/*border-bottom: 1px solid red;*/
}		

	
	
.point-ttl {
color: #646464;
font-size: 1.7em;
text-align: center;
line-height: 160%;
margin-top: -0.25em;
margin-left: 1em;
padding-right: 1.6em;
font-weight: 400;
letter-spacing: 1px;
font-family: serif;
width: 350px;
/*border-bottom: 1px solid red;*/
}	
	

	
	
.img-wrap02 {
opacity: 1;
padding-left: 120px;
margin-left: -225px;
padding-bottom: 3em;
}

.img-wrap02 img{
height:197px;
object-fit: cover;
/***
width: 165%;
margin-left: -48.7%;
padding-bottom: 15%;
***/
}
	
	
	
}







/*-----/*-----Surface Duo用------*/
/*　画面サイズが768pxから979pxまではここを読み込む　*/	
@media screen and (max-width:740px) and ( min-width:420px) {




}






/*-----/*-----Galaxy用------*/
/*　画面サイズが280pxから653pxまではここを読み込む　*/	
@media screen and (max-width:319px) and ( min-width:280px) {
	



}