@charset "utf-8";

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

css/style.css

/////////////////////////////////////////////////////////*/
/* ----------------------------------------------- 
	
	1: pc
	
	2: Font 

	3: contents
	
	4: table

	
 ----------------------------------------------- */
 
/* --------------------------------------------
1: pc
-------------------------------------------- */

img{wedth:auto;height:auto;}

main.mainin{display: inherit !important;font-weight: bold;}
.wrapper{padding: 0 2%;box-sizing: border-box;}
.mainin h2{margin: 0 auto;line-height: 0;}
.mainin h2 img{margin: 0 auto;width: 100%;max-width: 1600px;}

p.ttl{font-size: 21px;text-align: center;line-height: 1.7em;padding: 10px 0;box-sizing: border-box;}
p.ttl .ttl_main{font-weight: bold;font-size: 30px;}
p.ttl .ttl_main b{font-size: 35px;}
p.txt1{color: #6a4a31;font-size: 19px;margin: 0 auto;text-align: center;padding: 0.5em;}
p.txt3{color: #6a4a31;font-size: 30px;margin: 0 auto;text-align: center;}

span.bold{font-weight: bold;display: block;padding: 0.5em;}
ul.navi{margin: 0.5em auto 1.5em;text-align: center;display:flex;justify-content: center;}
ul.navi li{margin: 5px 10px;width: 23%;color: red;font-size: 20px;}
ul.navi li img{max-width: 135px;}
ul.navi a{display: block;}
ul.navi li.list{width: 100%;}

h3{text-align: center;margin: 1rem auto 0 auto;width: 100%;box-sizing: border-box;max-width: 1600px;}
h3 img{width: 100%;}


.boxin{padding: 10px;}
h3{margin:50px auto 20px auto;text-align: center;}
#goods1{margin:70px auto 20px auto;}

span.day{display: block;margin-bottom: 5px;}
.yellow{background-color: #ffe100;padding: 5px;display: inline-block;margin-bottom: 5px; font-weight:bold;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;}
.sub_txt{font-size: 17px;}

a:link{color:#333;}

.goods{color: #7e634d;text-align: center;margin: 0 auto;/*font-size: 1.7rem;*/padding: 1rem;box-sizing: border-box;max-width: 1600px;}
.pink{color: #ee77aa;font-size: 23px;text-align: center;display: block;font-weight: bold;}
.money{font-size:16px;}
.goods_txt{display:block;font-size: 0.9em;}
.goods li{margin:20px auto;display: inline-block;}
.goods li:nth-child(1){}



.box1{text-align: center;margin: 0 auto;font-size: 1.2rem;display: table;}
.box1 li{text-align: left;text-indent: -1em;margin-left: 1em;}
.box1 li:nth-child(1){width: 100%;text-align: center;}

.otoiawase{text-align: center;
    background-color: #fffdee;
    padding: 1rem;
    display: block;
    max-width: 350px;
    margin: 1rem auto 2rem;
    border-radius: 20px;
	border: 1px solid #386ab3;
}


ul.box2{text-align: center;margin-bottom: 10px;}
ul.box2 li{vertical-align: middle;}
ul.box2 li:nth-child(2) span{font-size: 16px;}

ul.box3{text-align: center;margin:30px auto;}
ul.box3 li{display: inline-block;vertical-align: middle;}

ul.box3 li:nth-child(3) span{font-size: 16px;}

ul.box4{text-align: center;margin-bottom: 30px;}
ul.box4 li:nth-child(1){font-size: 16px;line-height: 1.7em;}

table.shoplist{width: 98%;margin: 0.7em auto;background-color: #FFF;font-size: 1.2rem;}
table.shoplist td{padding: 8px;border:1px solid #386ab3;font-size:90%;}
table.shoplist th{padding: 10px;background-color: #386ab3;font-size: 1.5rem;font-weight: bold;color:#FFF;width:100%;box-sizing: border-box;border: 1px solid #386ab3;}
table.shoplist th p{font-size: 13px;text-align: left;color: #614b38;margin-top: 10px;}
table.shoplist td.color{background-color:#fffdee;/*max-width: 435px;width: 435px;*/font-size:105%;}
.otoiawase{font-size: 120%;}
.otoiawase_in{font-size: 150%;display:block;margin-bottom:0.5rem;}
/*.tel{font-size:180%;}*/

.img1{margin: 0 auto;display: block;}
.pc_none1{width: 60%;display: inline-block;text-align: center;}
.sp_none1{width: 20%;display: inline-block;text-align: center;}
.pc_none1 img{display: block;width: 510px;height: auto;margin: 0 auto;}
.sp_none1 img{display: block;width: 163px;height: auto;margin: 0 auto;}


.sns_in{max-width: 1600px;display: flex;justify-content: center;margin: 10px auto;}

br.sp_none1{display:block;}
.br-pc { display:none; }


/*---もっと見るボタン start---*/

/*.txt-hide{
display: none;
}*/

/*button.more {
width: 300px;
font-size: 1.5rem;
font-weight: bold;
margin: 5px auto 50px;
display: block;
border:solid 5px #ffcfd5;
background-color: #fff;
color: #583c32;
padding:10px 15px;
border: none;
border-radius:10px;
outline: 0;
transition: .5s;
-erbkit-transition: .5s;
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);  
}*/
 
/*button.more::after {
content: "もっと見る";
transition: .2s;
-erbkit-transition: .2s;
}*/

/*button.more.on-click a::after{
content: "閉じる";display: block;
}*/

/*button.on-click::after {content: "";}

.on-click a{display: block;}

.C{
    display: none;
}*/

/*---もっと見るボタン end---*/

/*--セレクトボタン--*/
.cp_ipselect {
  overflow: hidden;
  width: 30%;
  margin: 2em auto;
  text-align: center;
}
.cp_ipselect select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #386ab3, #386ab3);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
  position: relative;
  border-radius: 2px;
  border: 2px solid #386ab3;
  /*border-radius: 50px;*/
  background: #ffffff;
}
/*.cp_ipselect.cp_sl01::before {
  position: absolute;
  top: 1em;
  right: 0.8em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid skyblue;
  pointer-events: none;
}*/
.cp_ipselect.cp_sl01 select {
  padding: 8px 38px 8px 8px;
  color: #583c32;
}
/*--/セレクトボタン--*/

@media only screen and (min-width: 768px){
.side1{width:44.8%;padding:0 1rem;}
.side2{width:38.25%;padding:0 1rem;}
.side3{width:45%;padding:0 1rem;}	
	#footer{margin-top:0;}	
}

@media only screen and (max-device-width: 0), screen and (max-width: 768px){
	
body{
	font-weight: bold;
}
ul.navi{margin: 0.5em auto;}
#main{background-image:none;padding: 0;}
.mainin h2{width: 100%;}
.mainin h2 img{width: 100%;}

p.ttl{font-size: 100%;text-align: left;padding: 2%;width:100% !important;/*text-shadow: 0 0 1px #583c32;*/}
p.ttl .ttl_main{text-align: center;display: block;margin-bottom: -5%;font-size: 120%;}
p.ttl .ttl_main b{font-weight: bold;font-size: 128%;}
.ttl_sub{display:block;width: 95%;margin:0 auto;text-align: justify;}	
.money{
text-shadow: 0 0 1px #7e634d;font-weight: 500;
}	
	
.br-sp { display:none; }
.br-pc { display:block; }
span.bold{text-align: center;}
ul.navi li{font-size: 100%;margin: 1%;width: 30%;}
ul.navi li img {width: 100%;height: auto;}
h3{margin: 2rem auto 1rem auto;}
#goods1{margin: 3.5rem auto 1rem auto;}	
	
.side1{width:80%;}
.side2{width:80%;}	
	
h4 { margin:5% auto;}
h4 img{width: 95%;}
.img1{width: 90% !important;}
.img2{width: 98% !important;}
.img3{width: 50% !important;}
.img4{width: 100% !important;}
.youtube iframe{width: 90%;height: auto;}
ul.box1 .goods{margin: 0 auto;font-size: 0.9em;}
.pc_none1{display: none;}
br.sp_none1{display: none;}
br.sp_none2{display: none;}
.sp_none1{width: 90%;}
.sns_in{ width:98%;text-align: center;display: block;}
.boxin {padding: 0;width: 98%;margin: 0 auto;}
p.h3{font-size: 120%;margin: 2% auto;}
p.h3 br{ display:none;}

.wrapper_box{width: 96%;margin: 0 auto 5% auto;}

ul.box1 li{width: 90% !important;margin: 0 auto !important;display: block !important;}
ul.box1 li:nth-child(1){margin: 0 auto;width: 100% !important;display: block;}
ul.box1 li:nth-child(1) span{font-size: 65%;width: 30%;}
ul.box1 li:nth-child(2) span {font-size: 100%;}

.goods{margin:1rem auto;font-size: 1.5rem;padding: 0 1rem;}
.goods li{display: block;}

.space{margin-bottom: 2rem;}	
	
table.shoplist{box-sizing: border-box;}
table.shoplist th{display: block;width: 100%;padding: 2% 0;}
/*table.shoplist th:nth-child(1){border-bottom: 1px dotted #CCC;}t*/able.shoplist th
table.shoplist td.color{text-align: center;/*width: 96%;max-width: 96%;*/}
table.shoplist td{display: block;/*width: 96%;*/padding: 2%;word-wrap: break-word;text-align: left;}
table.shoplist td a{word-wrap: break-word;/*font-size: 63%;*/}
	
.cp_ipselect {
  width: 83%;
}
	
}