@charset "utf-8";

/*////////////////////////////////////////////////////////

css/style.css

/////////////////////////////////////////////////////////*/
/* ----------------------------------------------- 
	
	1: pc
	
	2: Font 

	3: contents
	
	4: table

	
 ----------------------------------------------- */
 
/* --------------------------------------------
1: pc
-------------------------------------------- */

img{width:100%;height: auto;}

main.mainin{display: inherit !important;}
.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;}

.ttl{font-size: 1.5rem;padding:0 20px;text-align: center;}
.ttl span{font-size:16px;}
.txt1{font-size: 1.5rem;margin: 0 auto;text-align: center;padding: 0 0.5em;font-weight: bold;}

span.bold{font-weight: bold;display: block;padding: 0.5em;}
ul.navi{margin: 2em auto;text-align: center;display:flex;flex-wrap: wrap;justify-content: space-between;max-width: 882px;}
ul.navi li{display: inline-block;margin: 5px 0;width: 30%;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;}
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;}

a:link{color:#333;}

.wrapper_box{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;background-color: #c2c5ce;padding: 30px 0;margin-bottom: 30px;}

.pink{color: #ee77aa;/*font-size: 1.5rem;*/text-align: center;/*display: block;*/font-weight: bold;}
span.goods p {margin-top: 1rem;}

.goods{color: #7e634d;text-align: center;margin: 0 auto;font-size: 1.7rem;}
.pink{color: #ee77aa;font-weight: bold;}
.goods li{margin:20px auto;display: inline-block;}

/*.goods{text-align: center;}

.goods li:nth-child(1){margin-top: 2rem;}
.goods li{margin:1rem auto;}*/
.goods li img{width: 100%;margin: 0 auto;display: block;}
.goods_txt {padding: 1rem;box-sizing: border-box;text-align: center;margin: 0 auto;font-size: 1.2rem;}

.bottle{max-width: 230px;}

.box1{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;}

#schedule{border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;padding: 20px;background-color: #ffffff;margin: 0 auto;}
#schedule table{margin:0 auto 10px auto;width: 100%;}

table.shoplist{width: 98%;margin: 0.7em auto;background-color: #FFF;font-size: 1.2rem;}
table.shoplist th{font-size: 1.5rem;text-align: center;padding: 1rem;background-color:#fadbdd;font-weight: bold;box-sizing: border-box;border: 1px solid #fadbdd;}
table.shoplist th p{font-size: 13px;text-align: left;color: #614b38;margin-top: 10px;}
table.shoplist td{font-size: 1.2rem;padding: 5px;border:1px solid #fbd9c4;border-top: 1px solid #fbd9c4;border-bottom: 1px solid #fbd9c4; padding: 1rem;background-color:#FFF;border-left: 1px solid #fbd9c4;}

table tr.days{background-color: #735a3a;color: #FFF;}
table.shoplist td.color{background-color:#fff9e2;font-weight: bold;}
table.shoplist td.color span{font-size: .8rem;display:block;}
table.shoplist td.color a{border-bottom: 1px solid;    color: #7e644d;}
table.shoplist td.color b i{font-size: 1rem;margin-left: 0.5rem;}
table.shoplist a.menu{display: block;border-bottom: none;max-width: 176px;}

table.shoplist td .tel{margin-top: 1rem;}
table.shoplist td .tel i{margin-right: 0.5rem;}

table.shoplist td .icon{padding: 0.2rem 0.5rem;width: max-content;margin-bottom: 0.5rem;border-radius: 50px;background-color: #ccba8a;color: #FFF;font-size: .8rem;}

.list_ttl{text-align: center;}
.list_ttl span{display: table;font-size: 2rem;/*border:4px solid #fce3cd;padding: 1rem;*/margin: 0 auto;border-radius: 50px;/*background-color: #fce3cd;*/font-weight: bold;}
.list_ttl_sub{display: table;margin:1rem auto 0 auto;}
.list_ttl_sub_txt{font-size: 1.5rem;font-weight: bold;}
.list_ttl_sub_txt span{text-align: center;display: block;margin: 0 auto;font-size: 1rem;font-weight: normal;}
.list_ttl_sub_txt2{margin: 0.5rem auto;display: table;}
.list_ttl_sub_txt2 span{text-indent: -1rem;margin-left: 1rem;text-align: left;}

.list_menu_btn img{max-width: 240px;width: 100%;text-align: left;margin: inherit;/*filter: drop-shadow(2px 2px 2px #d3c85b);*/}


.kentei_img{max-width:400px;width:80%;margin: 0 auto;}

.yajirushi i{font-size: 2rem;}

.img1{margin: 0 auto;display: block;}
.pc_none2{display:none;}

.wall{margin: 0 auto;display: block;text-align: center;}
.youtube{margin: 10px auto;display: block;text-align: center;}

.sns_in{max-width: 1600px;display: flex;justify-content: center;margin: 10px auto;}

.sp_none1{display:block;}
.br-pc { display:none; }
.sp_txt_none{display: contents;}

.txt-hide{display: none;}

button.more {width: 250px;font-size: 1.2rem;font-weight: bold;margin: 5px auto;display: block;border: solid 5px #fbedef;background-color: #fbedef;
color: #7e644d;padding: 1rem;border-radius: 50px;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;color: #7e644d;}
button.more.on-click a::after{content: "閉じる";display: block;color: #7e644d;}
button.on-click::after {content: "";}
.on-click a{display: block;}
.C{display: none;}


@media only screen and (max-device-width: 0), screen and (min-width: 768px){
	#footer{margin-top: 0;}
a:hover{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}	
}

@media only screen and (max-device-width: 0), screen and (max-width: 768px){
body{font-weight: bold;}
#main{background-image:none;padding: 0;}
.mainin h2{width: 100%;}
.mainin h2 img{width: 100%;}
.ttl{padding: 2%;box-sizing: border-box;width: 100%;text-align: left;}

.ttl span{text-align: left;display: block;margin: 2% auto;}
.txt1{font-size: 115%;text-align: left;padding: 2% 5%;box-sizing: border-box;}

.br-sp { display:none; }
.br-pc { display:block; }
span.bold{text-align: center;}
ul.navi{
	justify-content: center;
}
ul.navi li{font-size: 100%;margin: 1%;width: 28%;}
ul.navi li img {width: 100%;height: auto;}
h4 { margin:5% auto;}
h4 img{width: 95%;}
.img1{width: 90% !important;}
.img2{width: 80% !important;}
.img3{width: 30% !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;}
.pc_none2{display: block;}

br.sp_none1{display: none;}
br.sp_none2{display: none;}
.sp_txt_none{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;}
.goods li{display: block;}
	
.bottle{max-width: 130px;}	

.list_ttl{margin-bottom: 1rem;}

table.shoplist{box-sizing: border-box;}
table.shoplist th{display: block;width: 100%;padding: 2% 0;}
table.shoplist td{display: block;width: 100%;word-wrap: break-word;box-sizing: border-box;text-align: left;font-size: 1.2rem;background-color: #fffde9;}
table.shoplist td a{word-wrap: break-word;font-size: 1.6rem;}
table.shoplist td.color{text-align: left;background-color:#fbedef !important;box-sizing: border-box;font-size: 1.6rem;}

#schedule{padding: 2%;text-align: left;}
#schedule h3{text-align: left;}

#schedule table td{display: block;border-bottom:none;background-color: #fffde9;}
#schedule table td:nth-child(1){width: 100%;box-sizing: border-box;border-top: none;border-left: none;border-right: none;background-color: #fffde9 !important;padding-top: 2rem;}
#schedule table td:nth-child(2){font-size: 1.2rem;border-top: none;box-sizing: border-box;border-collapse: collapse;vertical-align: top;border-right: none;border-left: none;padding-bottom: 2rem;}
#schedule table td:nth-child(3){font-size: 100%;padding: 2%;border-top: none;box-sizing: border-box;border-collapse: collapse;vertical-align: top;border-right: none;border-left: none;background-color: #fffde9 !important;}
#schedule .shoplist td{border: none;}
#schedule table tr:last-child{}
#schedule .table2 #schedule table td:nth-child(2){width: 100%;}
.list_ttl span{
font-size: 1.8rem;text-shadow: 0 0 1px #7e644d;
}
.list_ttl_sub_txt{font-size: 1.2rem;font-weight: bold;}

table.shoplist td .icon{    font-size: 1em;}	
}

@media only screen and (max-device-width: 0), screen and (max-width: 500px){
.list_ttl span{width: 90%;box-sizing: border-box;}
}
