@charset "UTF-8";
.fs-c-heading.fs-c-heading--page {
    padding: 10px 0px; }
html { scroll-behavior: smooth;}
	
body {
	margin: 0;
    padding: 0;}
.s-wrap p{
	font-size:18px;
	font-family: "Source Han Sans JP";
	line-height:2em;
	}
		
.PC-none {  
    display: none;
}

.SP-none {
	display: block;
}


img{
	max-width:100%;}


.s-wrap {	
	text-align:center;
	width:100%;
	max-width:1180px;
	margin:auto;}

.s-wrap a:hover{
	opacity: 0.7;     
	filter: alpha(opacity=80);
	color: white;}
.s-wrap a:visited{
    color: white;
}

/* fade */
	
.fade-block {
  opacity: .1;
  transition: all 1.5s;
}

.fade-block.blockIn {
  opacity: 1;
}

.scroll-block {
	margin:0;
}


/*title*/

.title__text{
	margin:3em auto;
	width: 80%;}

.title__tt{
	font-family: 'Shippori Mincho B1', serif;
  	font-weight: 500;
  	font-style: normal;
	font-size:40px;
	margin-bottom: 1em;}

.tilte .tilte-text p{
	font-size:18px;
	text-height:2em;}
	

/*campaign*/

.campaign{
	width:80%;
	background-color:#fcf6d9;
	margin:3em auto;
	padding:3em 0;}

.campaign-box{
	display:flex;
	justify-content: center;
	margin-bottom:2em;
	align-items: center;
	}
	
.campaign__tt{
	text-align:center;
	margin:auto;
	display: inline-block;
	}	
.campaign__img{
	width:30%;}
	
.campaign__text{
	width:42%;
	text-align:left;
	margin-left:2em;}	
.campaign__date	{
	font-size:16px;
	color:#666600;
	}
	
.campaign__text	.bold{
	display:inline-block;
	font-size:20px;
	font-weight:600;
	color:#666600;
	}

.coupon-box	{
	background-color:#FFF;
	text-align:center;
	margin:auto;
	width:60%;
	padding:1em;}
	
.coupon-code{
	border: solid 1px #000000;
	width:60%;
	margin:auto;
	text-align:center;}	
	
.coupon-code p{
	font-size:30px;
	font-weight:600;
	margin:0;}			
	

.intro{
	margin:8em auto;
	}	

.intro h2{
	font-family: 'Shippori Mincho B1', serif;
  	font-weight: 500;
  	font-style: normal;
	font-size:40px;
  	padding-bottom: 2em;
	line-height:1.3em;}

	
.ill {
	width:15%;
	text-align:center;
	margin:3em auto;}




.contents-wrap{
	display:flex;
	justify-content: center;}
	
.contents-btn{
	position: relative;
	width:230px;}


.contents-btn p{
  position: absolute;
  top: 60%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: white;
  font-size: 30px;
  text-align:center;
  line-height:1.3em;
  font-family: 'Shippori Mincho B1', serif;
  }
  
.contents-btn p .fa {
  display:block;
  padding-bottom:20px;
  font-size: 1.5em;
  color: rgba(255, 255, 255, 0.6);
  }





.lgr{
	background-color:#e0ffcc;
	position:relative;
	}
.gr{
	background-color:#9cd676;
	position:relative;
	}	

.ill-left{
	position:absolute;
	left:0;
	top:-100px;
	}

.ill-right{
	position:absolute;
	right:0;
	top:-100px;
	}

.item-group{
	padding-bottom:15em;
	}


	
.item-group h2{
	display:inline-block;
	width:400px;
	margin:2em auto;
	padding:1em 0;
	text-align:center;
	background-color:#FFF;
	line-height:1.5em;
  	font-family: 'Shippori Mincho B1', serif;
  	font-size: 35px;
	}

.item-group h2 p{
	font-size:16px;
	font-weight:600;
	color:#666666;
	}

.item-main{
	display:flex;
	align-items: center;
	}
	
.main-text	{
	text-align:left;
	margin-left:3em;
	width:25%;
	}


.main-text h3{
  	font-family: 'Shippori Mincho B1', serif;
  	font-size: 30px;
	line-height:1.5em;
	font-weight:500;
	margin-bottom: 1em;
	}



.main-img	{
	width:60%;
	}
	
.lineup-tt p{
	font-family: 'Shippori Mincho B1', serif;
	font-size: 25px;
	color:#666600;
	}

.lineup-tt{
	margin-top:5em;
	position: relative;
    display: inline-block;
    padding: 0 45px;
    }
.lineup-tt:before,.lineup-tt:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #666600;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  
}
.lineup-tt:before {
  left:0;
}
.lineup-tt:after {
  right: 0;
}





	
.item-wrap__col1	{
	width:80%;
	text-align:center;
	margin:2em auto;
	background-color:#fff;
	padding:1em;
	
		
	}
.col1-box	{
	display:flex;
	}
.col1-img{
	max-width:350px;
	}	
.col1-text{
	margin:0 3em;
	width:70%;
	}
	
.col1-text p,.col3-text p{
	text-align: left;
	line-height:1.7em;
	font-size:16px;
	}

	
.col1-text	h4	{	
  	font-size: 30px;
	font-weight:500;
	padding:0;
	margin: 1em auto 0.5em ;
	}




.item-wrap__col3	{
	width:32%;
	margin-bottom: 1em;
	background-color:#fff;
	padding:2em;
    }

.col3{
	display:flex;
	width: 80%;
    flex-wrap: wrap;
    margin: auto;
    justify-content: space-between;
}

.col3-box	{
	display:flex;
	flex-direction: column;
	height: 530px;
	align-items: center;
	}	
.col3-img{
	width:80%;
	}	
.col3-text	h4	{	
  	font-size: 25px;
	font-weight:500;
	padding:0;
	margin: 1em auto 0.5em ;
	}

	
.col1-price{
	text-align:left;
	font-size:18px;
	font-weight:600;
	margin: 1em auto;
	}

.col3-price{
	text-align:center;
	font-size:18px;
	font-weight:600;
	margin: 1em auto;
	}
	

.col1-size{
	margin-top:2em;
	display:flex;
	flex-wrap: wrap;
	}
.col3-size{
	margin-top: auto;
	}

.arrow-button{
    background-color: #142657;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    padding: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 200px;
	font-size:13px;
	margin:0.1em;
}

.arrow-button::after{
    content: '';
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(45deg); 
}

/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:960px) {
    
}

	
/* 480px〜599px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:599px) {
}

/* 〜479px：スマートフォン縦
------------------------------ */
@media screen and (max-width:900px) {

.s-wrap {
  text-align: center;
  width: 100%;
  overflow: hidden;
}

.s-wrap p {
 font-size: 16px;}

.PC-none {
  display: block;}

.SP-none {
  display: none;}


.title__tt	{
  	font-weight: 500;
	font-size:30px;
}

.title__text p{
	text-align:left;
}

.campaign {
	width:100%;
	margin:auto;
}

.campaign-box {
	flex-direction: column;

}

.campaign__img {
	text-align:center;
	margin:auto;
}

.campaign__text{
	text-align:left;
	margin:auto;
	width:80%;
	
}
.coupon-box {
	width: 80%;
}

.coupon-code p{
	font-size:30px;
}

.item-group {
    padding-bottom: 5em;
	}

.intro{
	margin: 3em auto;
	}
	
.intro h2	{
	font-size: 30px;
	}
	
.contents-btn{
	position: relative;
	width:150px;}
	
.contents-wrap {
	flex-wrap: wrap;}
	
.item-group h2 {
	width: 80%;
	margin: 1em auto;
	padding: 0.5em 0;
	font-size: 30px;	
}

.item-group h2 p {
	margin: 0;
	}

.item-main {
	flex-direction: column;
	}

.main-img {
    width: 100%;

}
.main-text {
	margin: 3em;
    width: 80%;
	}

.main-text h3 {
	text-align: center;
	}

.lineup-tt {
	margin: auto;
	}
.ill-left {	
	top: -60px;
    width: 40%;
	}
.ill-right {
	top: -60px;
    width: 40%;	
	}
.col1-size {
	justify-content: center;	
	}
.col1-box {
	flex-direction: column;
	}
.col1-text h4,.col3-text h4 {
	font-size: 25px;
    font-weight: 600;
	line-height:1.5em;
	}


.item-wrap__col3 {		
	width: 80%;
	padding: 1em;
	}
	
.col3 {	
	width: 100%;
	justify-content: center;
	}

.col3-box {
	height:auto;
	}	
.col3-text {
	width: 70%;
	}
.col3-img {	
	width: 100%;
	}

	
		
	}