@charset "utf-8";
/* CSS Document */

#wrapper{width:100%;
margin:0 auto;
color: #2f2f2f;
  font-family: 'Open Sans';
}
	
html{scroll-behavior: smooth;}


a:link{text-decoration:underline;color:#000;}
a:visited{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;color:#87bf80;}
a:active{text-decoration:underline;color:#87bf80;}
a:focus{text-decoration:underline;color:#87bf80;}	
	
/* ヘッダー */
header{	background-color:#8bc783;
height:11vw;
display:flex;
	
align-items:center;}

.header_nav{display:flex;
width:960px;
margin:0 auto;}

.header_logo{margin-right:20px;}

header ul{display:flex;
justify-content:space-between;
align-items:center;
width:100%;
margin-left: 5%;}

.header_nav li{overflow:hidden;/*中身を拡大したりするのではみ出した箇所を表示させない為に必要*/
	position:relative;}

header a img:hover{transition:1s;
transform:scale(1.1,1.1);}

.single img{width:100%;}

/* パンくずリスト */
.breadcrumb{
  margin: 10px auto 10px auto;
  width:960px;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #000;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}


/* メイン画像 */

/* おすすめ */
.recommended{display:flex;
justify-content:space-around;
width:960px;
margin:50px auto 0 auto;}

img[src$="img/171286.jpg"] {
	margin-top: 10%;
}


.recommended_box{display: block;
		text-align: center;
	padding: 1%;
}
.recommended_box p{text-align: center;}




/*.recommended{width: 960px;
	margin: 0 auto;
	margin-top: 20px;
display: flex;
justify-content: space-between;}
.recommended p{text-align: center;}

.recommended_p{border-bottom:solid 10px #87bf80;
				width:90px;
				margin: 0 auto;}
.recommended_img{}
.recommended_box{display: block;
padding: 0 3%;}
*/
/* sns */
.sns_h2{margin-top: 20px;
	font-size: 40px;}

.sns_h2 h2{text-align:center;}

.sns{display:flex;
justify-content:center;
width:960px;
margin:50px auto 0 auto;}



.sns_Twitter_youtube{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-left: 10%;}

.Instagram_logo{margin:20px 0;}
	


.youtube_logo img{overflow:hidden;/*中身を拡大したりするのではみ出した箇所を表示させない為に必要*/
	position:relative;
	}


.youtube_logo img{transition:1s;
	
}
.youtube_logo:hover img{
	transform:scale(1.2,1.2);
}

.Instagram_logo img{overflow:hidden;/*中身を拡大したりするのではみ出した箇所を表示させない為に必要*/
	position:relative;
	}


.Instagram_logo img{transition:1s;
	
}
.Instagram_logo:hover img{
	transform:scale(1.2,1.2);
}



/* フッター */
footer{background-image:url(../img/header_backimage.png);
height:150px;
margin-top:20px;
}

.footer_box{width:960px;
display:flex;
justify-content:center;
align-items:center;
margin:0 auto;
flex-direction:column;
padding-top:60px;
}

.footer_copy{margin-top:40px;}


/*商品一覧*/
.keisen{border-bottom: solid 2px #ddd;
padding: 2%;}
.item_img{display:flex;
justify-content:center;
margin-bottom:10px;
margin-top:0px;
}
.item_img img{width: 50%;}
.item_img a{text-align: center;}

.item_img2{display:flex;
justify-content:center;
margin-bottom:10px;
margin-top:60px;
}
.item_img2 img{width: 50%;}
.item_img2 a{text-align: center;}


.item_txt h2{font-size:24px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
text-align:center;
}

.item_txt p{font-size:20px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;;
margin-top:20px;
text-align: center;
}

.item_txt{display:flex;
justify-content:center;
flex-direction:column;
margin: 0 auto;
}

.item_back{border-bottom:solid 10px #87bf80;
width:100px;
margin: 0 auto;}


.item_back a p:hover{transition:1s;
transform:scale(1.1,1.1);}

/*挨拶*/
.greeting{  background: linear-gradient(to bottom right, #FFF,#72bd56);
width:960px;
height:950px;
margin:10px auto 0 auto;
padding-top:1.5vw;}

.greeting02{  background: linear-gradient(to bottom right, #FFF,#72bd56);
width:960px;
height:1850px;
margin:40px auto 0 auto;
padding-top:1.5vw;}


.greeting h2{	font-size:32px;
				text-align:center;
				font-weight:bold;}

.greeting_flex{display:flex;}
.greeting_txt{display:flex;
flex-direction:column;}


.greeting p{padding-left:5vw;
line-height:27px;
font-weight:bold;
margin-top:15px;}

.greeting02 h2{	font-size:32px;
				text-align:center;
				font-weight:bold;
				margin-top: 20px;}

.greeting02 p{padding-left:5vw;
line-height:27px;
font-weight:bold;
margin-top:15px;}

.greeting02_txt{margin-top:70px;}

.greeting_pcimg{margin-right: 1%;}

.greeting_logo{text-align:center;
margin-top:20px;}

.greeting02 a:link{text-decoration:none;color:#00C;}
.greeting02 a:visited{text-decoration:none;color:#00C;}
.greeting02 a:hover{text-decoration:underline;color:#fff;}
.greeting02 a:active{text-decoration:underline;color:#ffffef;}
.greeting02 a:focus{text-decoration:underline;color:#ffffef;}	

/*配給作品*/
.comingsoon{display:flex;
justify-content:space-between;
width:960px;
margin:0 auto;}


.comingsoon h2{font-size:36px;
margin-top:3vw;}

/*配給作品*/
.policy{background-color: rgba(139,199,131,0.5);
height:1300px;
width:960px;
margin:0 auto;
padding:10px;}

.policy h2{font-size:32px;
margin:30px 0;}

.policy p{line-height:25px;}



#sp{display:none;}

	 
/*スマホ用*/
@media only screen and (max-width: 500px) {
img, object, embed, video {max-width:100%;height:auto;}

#pc{display:none;}
#sp{display:block;}

header{height:80px;
position:fixed;
z-index:20000;
	
}

.header_nav{display:flex;
width:100%;
margin:0 auto;}

.header_logo{margin-right:0;
margin-left:2%;
width:30%;}

header ul li{padding:0 5px;}


header a img:hover{transition:1s;
transform:scale(0.9,0.9);}


.breadcrumb{padding-top:95px;
padding-left:5px;
  margin: 0 auto;
  width:100%;
}
	
.recommended{display:block;
width:100%;
margin: 0 auto;}

.recommended_box{display: block;
	text-align: center;
	margin-top: 20px;
}
.recommended_box p{text-align: center;
	padding:0 2%;}
	
img[src$="img/171286.jpg"] {
	margin-top: 0%;
}

/*.recommended{width: 100%;
	margin: 0 auto;
	margin-top: 10px;}
.recommended p{text-align: center;
	font-size: 12px;
	margin: 5px 0;}
*/	


.single{padding-top:50px;}

.sns_h2{font-size: 1.5em;
	margin-top: 5px;
}

	
.sns{display: block;
	padding:3%;
	width:100%;
	margin-top: 40px;}
	


.sns_Twitter_youtube{
	width:100%;
	margin-left:0px;
	margin-top:40px;}
	
.facebook{display:flex;
justify-content:center;}	

.youtube_logo{width:100px;
height:100px;}

.Instagram_logo{width:100px;
height:100px;}
	
footer{height: 120px;
width:100%;}

.footer_box{width:100%;
	padding-top:5%;
}

.footer_copy{margin-top:25px;}

.footer_copy{font-size:14px;}

.item_back{margin: 0 auto;}

.item_img{margin:3%;}


.greeting{width:100%;
padding:3%;
height:1350px;
overflow:hidden;
}
.greeting02{width:100%;
padding:2%;
height:2150px;
overflow:hidden;}


.greeting h2{	font-size:18px;
				text-align:center;
				font-weight:200;
				margin-top:20px;
	margin-bottom: 0px;}


.greeting p{padding-left:5vw;
line-height:30px;
font-weight:100;
margin-top:-50px;
font-size:14px;}
	
.greeting_p2{padding-top: 70px;}

.greeting_img{display:flex;
justify-content:center;
	padding-top: 10px;}

.greeting_img img{width:30%;
height:30%;}

.greeting02 h2{	font-size:18px;
				font-weight:200;}

.greeting02 p{padding-left:5vw;
font-weight:100;
font-size:14px;}

.greeting_logo img{width:20%;
height:20%;}

.comingsoon{width:100%;}

.policy{height:1200px;
width:98%;
padding:2%;
}
.policy h2{font-size:18px;
margin-top:10px;}
.policy p{font-size:12px;
line-height:18px;
margin-top:-20px;}



.item_txt h2{font-size:22px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
	
	
}