@charset "UTF-8";
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body { margin: 0;}
article,aside,footer,header,nav,section,figcaption,figure,main {display: block;}
figure{margin: 0px;padding: 0px;}
img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
a:link, a:visited { text-decoration:none; }
a:hover {text-decoration:none;
}
.wow:first-child {
visibility: hidden;
}
.cl{clear: both;}
#content { overflow: hidden;}

/*キービジュアル-----------------------*/
.m-kv {
width: 100%;
position: relative;}
.m-kv__inner {
width: 100%;
margin: 0 auto;
position: relative;
font-size: 18px; }
@media only screen and (max-width: 1300px) {
.m-kv__inner {font-size: 1.3846153846vw; }
}
.m-kv__inner img {
width: 100%; }
/*-----------------------キービジュアル*/




.first {
    position: relative;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
    background-image: url("img/first_bg2.jpg");
    background-position: center top;
    height: 400px;
    background-size: cover;

}

.first2 {
position: relative;
padding: 2px 20px 0px 20px;
background-image: url("img/bg4.gif");
height: 118px;
margin: 0px;
background-size:contain;
}

.box-wrap-first H1{
font-size: 2em;
margin: 15px 0 0px;
}

.box-wrap-first {
max-width: 1200px;
margin: 0 auto;
}






/*-------------------------------------------------------
	商品一覧
-------------------------------------------------------*/
.second {
position: relative;
padding: 50px 20px 60px;
background-color: #fff3de;
}
.box-wrap-second{
  max-width: 1300px;
  margin: 0px auto;
}
.box-wrap-second H1{
font-size: 1em;
color: #C10003;
line-height: 1.5em;
}
.second article > section > section {
width: calc(200px + 0em);
margin: 0 0px 20px 0px;
float: left;
text-align: left;
background-image: url("img/third_bg2.png");
}
.second section:last-child {
width: calc(200px);
float: left;
text-align: left;
margin: 0 0px 20px 0px;
}
*, *:before, *:after {
	box-sizing: border-box;
}
.shop_Name{
font-size: 1.1em;
margin: 30px 0px 0px;
padding: 4px 0px;
text-align: center;
color: #ff8309;
}

.shop_Pre{
font-size: 1.5em;
color: #ed0003;
font-weight: bold;
margin: 0px;
padding: 0px 0px 20px;
text-align: center;
}
.shop_Pre2{
font-size: 1.5em;
color: #ed0003;
font-weight: bold;
line-height:  1em;
padding: 7px 0;
margin: 0px;
}
.shop_info{
font-size: 0.95em;
line-height: 1.6em;
text-align: left;
color: #333333;
}
#shopWrap .contentsbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#shopWrap .item {
  background: #fff;
			padding: 2%;
	margin-bottom: 40px;
  width: 32%;
		border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}
#shopWrap .item figure {
  width: 100%;
}
#shopWrap .shop__info_area {  margin-top: auto;}
#shopWrap .shop__info {
  display: block;
		max-width: 650px;
		font-size: 0.9em;
text-align: left;
margin-top: 30px;
padding: 17px 0;
color: #c06c00;
line-height: 1.6em;
letter-spacing: 0.5px;
border-top: solid 1px #eddabe;
border-bottom: solid 1px #eddabe;
}

/* SP（～640px）*/
@media only screen and (max-width: 640px){
.second {padding: 20px 10px;}
#shopWrap .item {
width: 100%;
padding: 20px 20px;
border: solid 1px #eadec9;
	margin-bottom: 20px;
}
.shop_Name{font-size: 90%;padding: 0px;margin:30px 0 0;line-height:1.5em;}
.shop_Pre{font-size: 100%;margin: 0px;padding: 0px 0 10px;}
.shop_info{font-size: 0.9em;
line-height: 1.8em;}
#shopWrap .shop__info {
font-size: 0.8em;
margin-top: 20px;
padding: 8px 0;
}
.shop_Pre,.shop_Pre2{
margin-top: 10px;
}
.shop_info2{  width: 85%;}
}



.third {position: relative;
padding: 40px 20px 90px 20px;
}
.box-wrap-third{
max-width: 1000px;
margin: 0px auto;
}
.box-wrap-third p{
text-align: left;
line-height: 2em;
margin-bottom: 40px;
}
.top_contents_title {
	max-width: 300px;
	width: 100%;
	height:auto;
	margin:0 auto 30px;
	padding:0;
	text-align:center;
	line-height:50px;
	border-bottom:1px solid #fe9b00;
}

.top_contents_title h1 {
font-size: 2em;
color: #fe9b00;
text-align: center;
margin: 0px;
letter-spacing: 3px;
}
.top_contents_title p {
letter-spacing: 10px;
text-align: center;
	font-size:1.2em;
	margin: 20px;
}
.close_day{
	font-size:2em;
text-align: center;
margin: 0px 0 10px;
}
.close_title h1 {
	font-size:1.2em;
text-align: center;
margin: 0px;
padding: 0px;
line-height: 0.8em;
}
.box-wrap-third h2 {
margin: 0px;
padding: 0px;
}

.btn {
width: 100%;
max-width:600px;
font-size: 2rem;
margin: 20px auto 40px;
font-weight: bold;
text-align: center;
color: #FFF;
background:rgba(222,1,0,100);
border-radius: 4px;
border-bottom: solid 5px #9b0100;
-webkit-transition: .4s;
transition: .4s;
padding: 12px 0 10px;
cursor: pointer;
}
.btn:hover {
  opacity: 0.7;
}

/* SP（～640px）*/
@media only screen and (max-width: 640px){
.third {padding: 20px;
}
.top_contents_title h1 {font-size: 1.5em;}
.box-wrap-third p {font-size: 0.9em;}
.btn {
float: none;
margin: 3% auto 10%;
width: 100%;
font-size: 1.1rem;
}
.close_day{
	font-size:1.5em;
}
.box-wrap-third h2 {
font-size: 110%;
}
}
.cl{clear: both;
}

.br-pc { display:block; }
.br-sp { display:none; }
.fadein p{ padding-top: 10px;}

.footer2{	max-width: 1000px;	margin: 20px auto;
color: #5a6b9a;
font-size: 0.7em;
}

@media only screen and (max-width: 767px) {
.first {
height: auto;
background-size:cover;
}
.first2 {
height: 70%;
margin-bottom: 0px;
}
.box-wrap p {
padding: 0;
font-size: 100%;
}
.box-wrap-third {
margin: 0;
}
}



@media only screen and (max-width: 767px) {
.fadein {
transform: translate(0px, 20px);
transition: all 100ms;
}
.br-pc { display:none; }
.br-sp { display:block; }
}
.shop_tuika{
font-size: 1.5em;
margin: 0px;
padding: 20px 0px;
font-weight: bold;
color: #FF2727;
}
.sns_content{
max-width: 100px;
display: flex;
flex-wrap: wrap;
margin: 0px 0px 0px 0;
}
.sns_content .box{
padding: 1% 0;
margin: 10px 1px;
text-align: center;
width: 20px;
}
.sns_content .box2 img,.sns_content .box3 img{width: 80%;}
.sns_content .box1{flex-grow: 2;
padding-top: 4.5%;color: #4A4A4A;}
.sns_content .box2{flex-grow: 1;}
.sns_content .box3{flex-grow: 1;}

@media screen and (max-width: 480px) {
.sns_content .box1{padding-top: 4%;}
}