@charset "Shift_JIS";

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

css/style.css

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

	3: contents
	
	4: table

	
 ----------------------------------------------- */
 
/* --------------------------------------------
1: pc
-------------------------------------------- */
main.mainin{display: inherit !important;}
.mainin h2{width: 1006px;margin: 0 auto;line-height: 0;}
.mainin h2 img{margin: 0 auto;}

.ttl{font-size: 18px;text-align: left;margin: 15px auto;color: #6A4B31;padding: 0 10px;width: 945px;}
.txt1{color: #7e634d;font-size: 19px;margin: 0 auto;text-align: center;background-color: #feeab8;padding: 0.5em;margin: 10px auto;}
.txt2{font-size: 16px;text-align: left;display: block;font-weight: normal;padding: 10px;}
.txt3{font-size: 23px;text-align: center;width: 97%;margin: 10px auto;font-weight: bold;}
.txt4{text-align: center;color: red;margin-bottom: 20px;}
.txt5{font-size: 20px;text-align: center;width: 97%;margin: 10px auto;font-weight: bold;}


span.bold{font-weight: bold;display: block;padding: 0.5em;}
ul.navi{margin: 0 auto;text-align: center;padding: 0.5em 0;}
ul.navi li{display: inline-block;margin: 10px;width:225px;vertical-align: top;font-size: 16px;}
ul.navi li a{font-size: 15px;}
ul.navi li img{width: 100%;}
ul.navi a{display: block;}
h4{text-align: center;margin: 25px auto 0 auto;}
.goods{color: #7e634d;}
.pink{color: #ee77aa;}
.box1{text-align: center;width: 1006px;margin: 0 auto;}
.box1 li{display: inline-block;vertical-align: top;width: 483px;margin:20px 5px;}

.box2{text-align: center; background-color: #fffcdb;margin: 0 auto;padding: 10px 0;width: 780px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.box2 li{display: inline-block;vertical-align: middle;}
.box2 li:nth-child(1){width: 330px;}
.box2 li:nth-child(2){width: 380px;}

.box3 li{display: inline-block;vertical-align: bottom;}
.box3 li:nth-child(1){width: 460px;}
.box3 li:nth-child(2){width: 520px;font-size: 14px;}

.photo li{display: inline-block;vertical-align: bottom;}
.photo li:nth-child(1){width: 560px;}
.photo li:nth-child(2){width: 440px;font-size: 14px;}

.box1 .goods{display: inline-block;margin: 20px 50px;}
.img1{margin: 0 auto;display: block;}
.img2{max-width: 200px;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;}
.wall{margin: 10px auto;display: block;text-align: center;}
.youtube{margin: 10px auto;display: block;text-align: center;}

.sns_in{width: 1006px;display: block;margin: 10px auto;text-align: right;}
#twitter-widget-0{ vertical-align: bottom;}
.sns_in span img{vertical-align: bottom;}

#story{margin-bottom: 10px;}
.shoplist li:nth-child(1){display: inline-block;width: 530px;padding: 20px 10px;vertical-align: middle;font-size: 19px;}
.shoplist li:nth-child(2){display: inline-block;width: 430px;vertical-align: middle;}
.txt{display: block;text-align: center;font-weight: bold;}

.shoplist a{display: block;margin: 0 auto;text-align: center;}
.shoplist img.sp{display: none;}
.shoplist img.pc{display: block;}

.goods{text-align: center;width: 1006px;margin: 0 auto;}
.goods li{display: inline-block;margin-bottom: 30px;}
.goods li:nth-child(2){margin-right: 15px;}
.goods li:nth-child(3){margin-left: 15px;}
.goods li:nth-child(5){vertical-align: middle;}
.goods li:nth-child(6){width: 450px;vertical-align: middle;}
.goods img{width: 100%;height: auto;}

.images img{width: 100%;height: auto;}

table.table1{margin: 20px auto;font-size: 16px;text-align: left;border: 1px solid #CCC;}
table.table1 th,td{padding: 15px;}
table.table1 th{padding: 15px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;background-color: #FFFCDB;}
table.table1 td{border-bottom:1px solid #CCC;}

table.table2{margin: 20px auto;font-size: 16px;text-align: left;border: 1px solid #CCC;}
table.table2 th,td{padding: 15px;}
table.table2 th{padding: 15px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;background-color: #FFFCDB;}
table.table2 td{border-bottom:1px solid #CCC;}


@media only screen and (max-device-width: 0), screen and (max-width: 768px){
main.mainin{width: 100%;}
.mainin h2{width: 100%;}
.mainin h2 img{width: 100%;}
.ttl{font-size: 100%;width: 90%;}
.txt1 {font-size: 100%;width: 100%;padding: 0.5em 0.2em;}
.txt2 {font-size: 90%;}
.txt5{font-size: 120%;text-align: left;}

span.bold{text-align: center;}
ul.navi li{margin: 0 auto;width:23%;font-size: 90%;}
ul.navi li a{font-size: 80%;}
ul.navi li img {width: 100%;height: auto;}
h4 img{width: 95%;}
.img1{width: 90%;}
.img2{max-width: 400px;width: 80%;margin: 2% auto;}
.youtube iframe{width: 90%;height: auto;}

.pc_none1{display: none;}
.sp_none1{width: 90%;}
.sns_in{ width:98%;}
.shoplist li:nth-child(1) {width: 96%;padding: 2%;font-size: 100%;display: block;}


h4{margin: 3% auto;}
#story{margin: 0 auto;}

.box1{width: 100%;}
.box2{width: 100%;}
.goods{width: 90%;padding: 0;margin: 0 auto;}
.goods li:nth-child(1){width: 100%;}
.goods li:nth-child(5){width: 90%;}
.goods li:nth-child(6){width: 90%;}
.goods li{width: 80%;}


.shoplist a img{width: 80%;}
.shoplist img.pc{display: none;}
.shoplist img.sp{display: block;}

table.table1{border: none;}
table.table1 th{width: 85%;display: block;margin: 0 auto;border-right:none;}
table.table1 td{width: 85%;display: block;margin: 0 auto;}

table.table2{margin: 2% auto;font-size: 100%;width: 100%;}
table.table2 th{padding: 5%;}
table.table2 td{padding: 5%;}

.box1 li{width: 90%;}
.box1 img{width: 100%;}

.box2{width: 90%;}
.box2 li{width: 90%;}
.box2 img{width: 100%;}
.box2 li:nth-child(1) {width: 90%;}
.box2 li:nth-child(2) {width: 90%;}

.box3{width: 90%;text-align: center;margin: 0 auto;}
.box3 li{width: 90%;}
.box3 img{width: 100%;}
.box3 li:nth-child(1) {width: 90%;}
.box3 li:nth-child(2) {width: 90%;font-size: 100%;text-align: left;}

.photo li{margin: 0 auto;display: block;}
.photo li:nth-child(1){width: 90%;text-align: center;}
.photo li:nth-child(1) img{width: 90%;}
.photo li:nth-child(2){width: 90%;font-size: 100%;}
}