@charset "utf-8";
/* slider */
.slider{ max-height:560px; overflow:hidden; }
.slider img{ width:100%; }

/* natsuno */
.bg_natsuno{ padding:5em 8em 3em 50%; text-align:center;
	background:url(../img/top/bg_natsuno.jpg) no-repeat 0 0 / cover; }
.bg_natsuno .logo{ margin-bottom:4.5em; }
.bg_natsuno .logo img{ width:160px; }
.bg_natsuno .copy{ margin-bottom:1.5em; font-size:1.6em; letter-spacing:0.08em }
.bg_natsuno .copy span{ display:block; position:relative; margin-bottom:1em; font-size:0.7em; }
.bg_natsuno .copy span::before, .bg_natsuno .copy span::after{ position:absolute; content:"";
	width:8em; height:1px; top:0.5em; left:0;
	background:#393939; }
.bg_natsuno .copy span::after{ left:auto; right:0; }

/* konatsu */
.bg_konatsu{ padding:6em 0; text-align:center;
	background:url(../img/top/bg_konatsu.jpg) no-repeat 0 0 / cover; }

/* main_bnr */
.main_bnr li{ margin:0 auto 1.5em; text-align:center; }
.main_bnr li:last-child{ margin-bottom:0; }

/* pickup */
.pickup{ padding-bottom:3em; }
.pickup .title{ margin-bottom:3em; }
.pickup .p_list{ margin-bottom:2em; }

/* news */
.news{ padding-top:5em; padding-bottom:3em; }
.news .t_line::before{ content:none; }
.news .t_line::after{ width:70%; }
.news .title{ text-align:left; }
.news .b_link{ position:absolute; z-index:1; width:20%; margin:0; right:0; top:0; }
.news li{ margin-bottom:1.5em; padding-bottom:0.3em; border-bottom:1px solid #393939; }
.news li:last-child{ padding:0; border:0; }
.news li .ef{ display:block; min-width: 12%; }
.news li .txt{ text-decoration:none; color:#222; }
.news li .sub{ font-size:1.05em; }
.news li p{ margin-top:0.5em; }

/* shop */
.shop{ padding-top:5em; padding-bottom:5em; }
.shop_list li{ width:31%; margin:0 0 2em 2%; }
.shop_list li a{ text-decoration:none; color:#222; }
.shop_list li a:hover figure{ opacity:0.8; }
.shop_list li .sub{ margin-bottom:0.5em; text-align:center; font-size:1.1em; }

/* sns_box */
.sns_box .insta, .sns_box .facebook{ width:100%; }
.sns_box{ padding-top:3em; padding-bottom:5em; }
.sns_box .t_line::before, .sns_box .t_line::after{ content:none; }
.sns_box .title .ef{ padding-top: 0.5em; font-size:0.9em; }
.sns_box .insta{ width:100%; }
.sns_box .insta li{ width:48%; margin-bottom:1.5em; }
.sns_box .insta li a{ display:block; position:relative; width:100%; overflow:hidden; 
  padding-top:100%; text-decoration:none; }
.sns_box .insta li img{ position:absolute; top:50%; left:50%; max-width:150%; max-height:150%;
  -webkit- transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.fb-page{ width:100%; max-width:500px; }

/*600px 以上*/
@media screen and (min-width: 600px){
  .list_bx:nth-child(10) { display:none; }

  /* news */
  .news li .txt{ display:-webkit-flex; display:flex; }
	.news li .sub{ flex:1; margin-left:1em; }
}

/*960px 以上*/
@media screen and (min-width: 960px){
	/* sns_box */
	.sns_box{ padding-top:5em; }
	.sns_box .insta, .sns_box .facebook{ width:48%; }

	/* main_bnr */
	.main_bnr li{ width:46%; margin-bottom:40px; }

}

/*1190px 以下  960px-1190px */ 
@media screen and (max-width: 1190px) {
	/* natsuno */
	.bg_natsuno{ padding-right:2em; background-position:20% 0; }
	.bg_natsuno .copy{ font-size: 1.3em; }

	/* konatsu */
	.bg_konatsu{ padding: 5em 0; }

	/* news */
	.news .title > span::before{ left: -3.5em; }
}


/*959px 以下  760px-959px */
@media screen and (max-width: 959px) {
	/* main_bnr */
	.main_bnr li{ width:60%; }

}

/*759px 以下  600px-759px */
@media screen and (max-width: 759px) {
	/* pickup */
	.pickup{ padding-bottom:0; }

	/* natsuno */
	.bg_natsuno{ padding: 3em 2em 2em 30%; background-position:55% 0; }
	.bg_natsuno .logo{ margin-bottom: 2em; }
	.bg_natsuno .logo img{ width: 130px; }

	/* konatsu */
	.bg_konatsu{ padding: 3em 0; background-size:100%; }

	/* main_bnr */
	.main_bnr li{ width:92%; }

	/* news */
	.news .b_link{ width: 40%; }
	.news li{ display:block; }
	.news li .ef{ width:auto; margin-bottom:0.5em; }
	.news li .txt{ flex:auto; }

	/* shop */
	.shop_list li{ width: 45%; margin: 0 0 2em 3%; }
	.shop_list li .sub{ font-size:1em; }
}

/*599px 以下*/
@media screen and (max-width: 599px) {
	/* bg_natsuno */
	.bg_natsuno{ padding: 3em 1em 1em; background-position: 75% 0; }
	.bg_natsuno .logo img{ width:100px; }
	.bg_natsuno .copy{ font-size: 1.2em; }
	.bg_natsuno .copy span{ font-size: 0.8em; }

	/* product */
	.p_list{ font-size:0.9em; }
	.p_list .number{ padding-top: 1em; }

	/* news */
	.news .t_line::after{ width: 50%; }

	/* shop */
	.shop_list li{ width:90%; margin:0 auto 1.5em; }
}