@charset "utf-8";

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

css/style.css

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

	3: contents
	
	4: table

	
 ----------------------------------------------- */
 
/* --------------------------------------------
1: pc
-------------------------------------------- */
#main{height: auto !important;}
main.mainin{display: block !important;}
.mainin h2{margin: 0 auto;line-height: 0;}
.mainin h2 img{margin: 0 auto;width: 100%;}

.ttl{font-size: 1.7rem;padding: 1.2rem;text-align: center;box-sizing: border-box;margin:0 auto;}
.ttl_note{color:red;}

/*.ttl span{font-size: 2rem;font-weight: bold;}*/
.txt1{font-size: 1.5rem;margin: 0 auto;text-align: center;padding: 0.5em;}

.txt2{}

.txt3{border-top:4px double #8d5d37;padding: 5px;font-size: 2.5rem;border-bottom:4px double #8d5d37;width: 97%;text-align: center;display: block;margin: 0 auto;box-sizing: border-box;}
.txt3 span{font-size: 1.2rem;display: block;text-indent: -1em;margin-left: 1em;}
.txt3 .txt3in{display: table;margin: 0 auto;text-align: left;}

ul.navi{margin:10px auto 0 auto;text-align: center;padding: 0.5em 0;}
ul.navi li{display: inline-block;font-size: 120%;color: red;margin:.5rem 1rem .5rem;width: calc((80% - 9rem) / 3);}
ul.navi li a{font-size: 15px;}
ul.navi li img{width: 100%;max-width: 200px;}
ul.navi a{display: block;}

.red {color: #de0000;}

span.bold{font-weight: bold;display: block;padding: 0.5em;}

.goods{color: #7e634d;text-align: center;}
.pink{color: #FF6699;font-weight: bold;}
.boxin{padding: 10px;}
p.h3{font-size:25px;margin: 10px 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;}
a:hover{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
.wrapper_box{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;background-color: #c2c5ce;padding: 30px 0;margin-bottom: 30px;}

.release_center{
font-size: 28px;display: block;background-color:#ca6670;border:5px solid #e5bac2;max-width: 250px;width:80%;padding: 5px; 
text-align: center;margin:.5rem auto 2rem;border-radius:30px;font-weight: bold;color:#fff;}
/*.release_center {
  font-size: 28px;
  display: block;
  background-color: #ca6670;
  border: 5px solid #e5bac2;
  max-width: 250px;
  width: 80%;
  padding: 5px;
  text-align: center;
  margin: .5rem auto 2rem;
  border-radius: 30px;
  font-weight: bold;
  color: #fff;
  position: relative;
  overflow: visible; 
}

.release_center::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: calc(100% + 20px); 
  height: 3px; 
  background-color: red;
  transform: translateY(-50%); 
  border-radius: 2px;
}*/


.release{width: 100%;font-size: 25px;text-align: right;display: block;}
.release span{font-size: 28px;display: block;background-color:#f8c9c4;width: 200px;padding: 5px 25px 5px 5px; color:#4b3731;font-weight: bold;
-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-topright: 10px;  -moz-border-radius-bottomright: 10px;}

svg{width:100%;height:20px;margin: 30px auto;}
svg line{fill: none;stroke: #fdce26;stroke-width: 7px;stroke-linecap: round;stroke-dasharray: 0.5, 17;}

.box1{text-align: center;font-size: 16px;}
.box1 li{/*display: inline-block*/;vertical-align: bottom; width: 95%;margin: 0 auto;}
.box1 li img{width: 100%;}
.box1 li:last-child{width: 95%;margin: .5rem;}
.box1 li:last-child span{font-size: 2rem;}

.btn4{
max-width: 360px;width: 100%;
}

ul.box3{text-align: center;margin-bottom: 30px;font-size: 16px;}
ul.box3 li{display: inline-block;vertical-align: bottom;}

h3{margin: 0 auto;display: block;text-align: center;width:97%;}
h3 img{
	width:97%;
}

table.shoplist{width: 98%;margin: 0.7em auto;background-color: #FFF;font-size:1.2rem;}
table.shoplist td{padding: 5px;border:1px solid #8d5d37;}
table.shoplist th{padding: 1rem;background-color:#ef857d;border: 1px solid #8d5d37;color:#fff;}
table.shoplist td.color{background-color:#fce2cf;}
table.shoplist a{word-wrap: break-word;}

.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;}
br.sp_none1{display:block;font-size: 0;}
.br-pc { display:none; }


.sns_in{max-width: 1600px;display: flex;justify-content: center;margin: 10px auto;}
#twitter-widget-0{ vertical-align: bottom;}
.sns_in span img{vertical-align: bottom;}

.shop_btn{
max-width: 984px;
margin:30px auto 0.5em;
}

.cp{font-weight: bold;}	

.chuui{display: table;margin: 0 auto 1.5rem;text-align: left;padding: 0 2rem;box-sizing: border-box;font-size: 1.2rem;}
.text_indent{text-indent: 1em;margin-left: -1em;}

@media only screen and (max-device-width: 0), screen and (min-width: 768px){
	
	#footer{margin-top: 0;}	
	.ttl_note{font-size:1.4rem;}
}

@media only screen and (max-device-width: 0), screen and (max-width: 768px){
#main{background-image:none;padding: 0;}
.mainin h2{width: 100%;}
.mainin h2 img{width: 100%;}
.ttl{margin:2rem auto;font-size:1.3rem;padding: 0.5rem;}
/*p.ttl span{text-align: center;display: block;}*/
.txt1{padding: 2% 0.5rem;font-size:1.4rem;}
span.txt2{text-align: center;display: block;}
	
ul.navi{margin: 0 auto;}
ul.navi li{margin: 0 auto;width: calc((100% - 3rem) / 3);font-size: 110%;}
ul.navi li a{font-size: 80%;}
ul.navi li img {width: 100%;height: auto;}
	
.release_center{
font-size: 18px;
}
.shop_btn{
max-width: 984px;
margin:30px auto 4%;
}
	
span.bold{text-align: center;}
h4 { margin:5% auto;}
h4 img{width: 95%;}
.img1{width: 95%;}
.img2{width: 50% !important;}
ul.box1 .goods{margin: 0 auto;font-size: 0.9em;}
.pc_none1{display: none;}
br.sp_none1{display: none;}
.sp_none1{width: 90%;}
.sns_in{ width:98%;text-align: center;display: block;}
.sns_in span{vertical-align: top;}
.boxin {padding: 0;width: 98%;margin: 0 auto;}
p.h3{font-size: 120%;margin: 2% auto;}
p.h3 br{ display:none;}
.br-sp { display:none; }
.br-pc { display:block; }
	
.cp{text-align:left;font-weight: bold;}	

.btn4{
width: 70%;
}
.release_center{
	max-width: 150px;
}
	
.wrapper_box{width: 96%;margin: 0 auto 5% auto;}

.box1 li{width: 100% !important;margin: 0 auto !important;display: block !important;}

svg line{stroke-width: 20px;stroke-dasharray: 0.5, 40;}
.box3{padding: 2%;box-sizing: border-box;}

table.shoplist{box-sizing: border-box;word-break: break-all;word-wrap: break-all;width: 90%;}
table.shoplist th{display: block;width: 100%;padding: 2% 0;word-wrap:break-word;box-sizing: border-box;}
table.shoplist th:nth-child(1){border-bottom: 1px dotted #CCC;word-wrap:break-word;box-sizing: border-box;}
table.shoplist td{display: block;width: 100%;padding: 2%;word-wrap:break-word;box-sizing: border-box;}

table.shoplist tr td{border: inherit;}
table.shoplist tr td:nth-child(1){
    border-top: 1px solid #8d5d37;
    border-left: 1px solid #8d5d37;
    border-right: 1px solid #8d5d37;}

table.shoplist tr td:nth-child(2){
    border-bottom: 1px solid #8d5d37;
    border-left: 1px solid #8d5d37;
    border-right: 1px solid #8d5d37;}

}