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



/*main*/
.indexMainimg {
	background: url("../img/bg_main.png") no-repeat center top;
	background-size: cover;
	background-attachment:fixed;
	height: 100vh;
	width:100%;
	
}
#main{
	margin:0 auto;
	text-align: center;
	font-family: "Hina Mincho", serif;
	color: #FFF;
	display:flex;
	justify-content:center; 
	align-items:center; 
	height: 100vh;
}
.section-inner {
	width: 980px;
	margin: 0 auto;
	padding: 80px 0 100px;
}
h1 img {
	width: 90%;
    max-width: 900px;
    margin: 0 3%;
}
h2 {
	margin: 60px auto;
	font-size: 26px;
	position: relative;
}
h3 {
	font-size: 46px;
	font-family: "Hina Mincho", serif;
	text-align: center;
	margin-bottom: 100px;
}
h4 {
	font-size: 26px;
	font-family: "Hina Mincho", serif;
	margin-bottom: 20px;
}
h3 span {
	display: block;
	font-size: 26px;
	text-align: center;
}
.flex_col {
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.position-re {
	position: relative;
}
 a .main-news {
	margin: 20px auto 0;
	background: #D37000;
	color: #fff;
	padding: 10px;
	display: block;
	border-radius: 40px;
	width: 40%;
	 text-decoration: none;
}
 a .main-news:link,
 a .main-news:visited {
	 text-decoration: none;
}
 a .main-news:hover {
	 text-decoration: none;
	 opacity: 0.7;
}
/*news*/
#news {
	background-color: #5A7266;
	padding: 40px 0;
}
#news .section-inner {
	padding: 0;
}

h3.news-ttl {
	display: block;
	width: 20%;
	font-size: 26px;
	color: #FFF !important;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0;
}
h3.news-ttl span {
	display: block;
	font-size: 26px;
	text-align: left;
}
.newsArea {
	width: 70%;
	 height: 11em;    
    overflow:scroll;
	background: #3E6050;
	padding: 1.5em 2em;
    border-radius: 20px;
}
.newsArea dl {
	color: #FFF;
	margin-bottom: 1.2em;
}
.newsArea dt {
	font-size: 12px;
	display: block;
	margin-bottom: 4px;
	color: #DDD;
}
.newsArea dd {
	font-size: 14px;
	display: block;
	line-height: 1.7;
}
.newsArea dt.newmark:before {
	content: "NEW";
    display: inline-block;
    width: 40px;
    height: 16px;
    font-size: 13px;
    text-align: center;
    color: #D37000;
    vertical-align: top;
    margin-right: 5px;
	margin-left: 0;
    line-height: 1.5;
	font-weight: bold;
}
.newsArea dt.lavel-event:after {
	content: "EVENT";
    display: inline-block;
    width: 40px;
    height: 16px;
    font-size: 10px;
	border-radius: 3px;
    text-align: center;
    color: #DDD;
	border: 0.5px solid #DDD;
	padding: 1px 2px;
    vertical-align: top;
    margin-left: 9px;
    line-height: 1.5;
}

.newsArea dd a:link,
.newsArea dd a:visited,
.newsArea dd a:hover {
	color: #FFF;
}

/*pickup_movie*/
#pickup_movie {
	background-color: #efefef;
	text-align: center;
}
#pickup_movie .section-inner {
	padding: 40px 0 40px;
}

/*products*/
#products {
	background: url("../img/bg_products.png") no-repeat top center;
	background-size: cover;
	width: 100%;
}
#products h4 img {
	height: 27px;
}
#products h4.non-cafe:after {
	content: "ノンカフェイン";
	display: inline-block;
	margin-left: 1.2em;
	border: 1px solid #9D4520;
	color: #9D4520;
	padding: 4px;
    font-weight: bold;
    width: 84px;
    height: 14px;
    font-size: 10px;
    border-radius: 3px;
    text-align: center;
}
.prd_sub {
	color: #FFF;
	background: #9D4520;
	padding: 2px 10px;
	font-size: 14px;
	display: inline-block;
	margin-top: 20px;
}
.prd_text {
	
}
.prd_ttlimg_kusuhi{
	width: 33%;
    position: absolute;
    top: 0px;
    left: 43%;
}
.prd_ttlimg_nikko{
	width: 26%;
    position: absolute;
    top: -30px;
    left: 30%;
}
.prd_ttlimg_gekko{
	width: 27%;
    position: absolute;
    top: -20px;
    left: 43%;
}
.prd_ttlimg_ashura{
	width: 38%;
    position: absolute;
    top: 10px;
    left: 20%;
}
.prd_pkgimg {
	width: 26%;
	display: block;
	margin-bottom: 80px;
}
.tie_up {
	border-radius: 20px;
	background: url("../img/img_special_tie_up.png") top right no-repeat #5A7266;
	background-size: auto 100%;
    color: #FFF;
    padding: 30px 60px;
	margin-top: 40px;
}
.tie_up2{
	border-radius: 20px;
	background: url("../img/img_special_tie_up2.png") top right no-repeat #777777;
	background-size: auto 100%;
    color: #FFF;
    padding: 30px 60px;
	margin-top: 40px;
}
.tie_up p {
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	width: 70%;
}
.tie_up h5 {
	font-family: "Hina Mincho", serif;
	font-size: 24px;
	margin-bottom: 20px;
}
.tie_up h5 span {
	font-family: "Roboto", sans-serif;
  	font-weight: 300;
  	font-style: normal;
	font-size: 16px;
	line-height: 2;
}
.tie_up dl {
	display: flex;
	justify-content: flex-start;
	font-size: 12px;
	line-height: 1.8;
	margin-top: 20px;
}
.tie_up dt {
	width: 100px;
	margin-right: 10px;
}
.tie_up a:link,
.tie_up a:visited {
	color: #FFF;
	text-decoration: underline;
}
.tie_up a:hover {
	text-decoration: none;
}


#main .batch_store {
	position: absolute;
    width: 240px;
    right: -2%;
    top: 6%;
}
.batch_store a:hover {
	opacity: 0.7;
}

.store-bnr a {
	box-shadow: 0 16px 20px -8px rgba(0, 0, 0, 0.4);
}
.store-bnr a:hover {
	opacity: 0.7;	
}

/*products autumn2025*/

.goshop__prdbtn {
	display: block;
    margin: 1.5em auto 0;
    padding: 0;
}
.goshop__prdbtn_center {
	display: flex;
	justify-content: center;
}
.goshop__prdbtn a{
	color: #FFF;
	width: 50%;
	text-align: center;
	background-color: #DF5410;
	border-radius: 30px;
	padding: 15px 20px;
	display: block;
	vertical-align: middle;
	font-weight: normal;
	font-size: 14px;
	cursor:revert;
    line-height: 1.2;
	text-decoration: none;
}
.goshop__prdbtn a::before {
    content: "";
	background: url(../img/ico_cart.png) no-repeat;
	background-size: 22px auto;
	background-position: left center;
    margin-right: 10px;
	padding-top: 2px;
    padding-left: 22px;
}
.goshop__prdbtn a:hover {
	background:#FF7F41;
}
.to_be_released__prdbtn {
	color: #FFF;
	width: 50%;
	text-align: center;
	background-color: #444;
	border-radius: 30px;
	padding: 15px 20px;
	display: block;
	vertical-align: middle;
	font-weight: normal;
	font-size: 14px;
	cursor:revert;
    line-height: 1.2;
	text-decoration: none;margin-top: 20px;
}

.goshop_set {
	display: inline-block;
	margin: 0 4em 0 0;
}
.goshop_set a {
	width: 90%;
}

#autumn2025 {
	background: #FFF;
	border-radius: 20px;
	padding: 80px 50px 60px;
	position: relative;
	margin-bottom: 10em;
	margin-top: 4em;
}
#autumn2025 .batch_new {
    position: absolute;
    right: 2%;
    top: -1%;
    width: 120px;
    height: auto;
}
#autumn2025  h4 {
	text-align: center;
	font-size: 36px;
	position: relative;
}
#autumn2025 .illust01 {
	position: absolute;
	left: 10%;
    top: -56%;
	width: 24px;
	height: auto;
}
#autumn2025 .new_ashura {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 4em;
	position: relative;
	background: url("../img/img_new_ashura.png") no-repeat top center;
	background-size: 10% auto;
	padding: 0 40px;
}
.ashura_original,
.ashura_decaf,
.ashura_houji,
.ashura_benifuki {
	width: 46%;
	position: relative;
	text-align: center;
	margin-bottom: 40px;
}
.ashura_original h5,
.ashura_decaf h5,
.ashura_houji h5,
.ashura_benifuki h5 {
	font-family: "Hina Mincho", serif;
	font-size: 26px;
	text-align: center;
	width: 76%;
	margin: 0 auto;
	padding: 10px 5px;
}
h6 {
	font-weight: bold;
	font-size: 18px;
	font-family: "Hina Mincho", serif;
	margin-top: 20px;
	margin-bottom: 0;
}
.ashura_original h5 {
	border-top: 1px solid #2a2a2a;
	border-bottom: 1px solid #2a2a2a;
	color: #2a2a2a;
}
.ashura_decaf h5 {
	border-top: 1px solid #7a5e28;
	border-bottom: 1px solid #7a5e28;
	color: #7a5e28;
}	
.ashura_houji h5 {
	border-top: 1px solid #5E0000;
	border-bottom: 1px solid #5E0000;
	color: #5E0000;
}
.ashura_benifuki h5 {
	border-top: 1px solid #ba635d;
	border-bottom: 1px solid #ba635d;
	color: #ba635d;
}
.ashura_original h6 {color: #2a2a2a;}
.ashura_decaf h6 {color: #7a5e28;}
.ashura_houji h6 {color: #5E0000;}
.ashura_benifuki h6 {color: #ba635d;}

.ashura_original p,
.ashura_decaf p,
.ashura_houji p,
.ashura_benifuki p{
	text-align: left;
}
.ashura_limited {
	width: 25%;
	margin-bottom: 10px;
}
.ashura_original figure,
.ashura_decaf figure,
.ashura_houji figure,
.ashura_benifuki figure {
	width: 62%;
	padding: 1em 0;
	position: relative;
	margin: 0 auto;
}
.img_ashura_original,
.img_ashura_houji {
	position: absolute;
	right: -42%;
    bottom: 11%;
    width: 62%;
    z-index: 10;
}
.img_ashura_decaf,
.img_ashura_benifuki {
	position: absolute;
	left: -42%;
    bottom: 11%;
    width: 62%;
    z-index: 10;
}
.img_prd_original,
.img_prd_decaf,
.img_prd_houji,
.img_prd_benifuki {
	z-index: 11;
	position: relative;
}
.in_original,
.in_houji {
	position: absolute;
	left: -33%;
    bottom: 12%;
    width: 46%;
    z-index: 12;
}
.in_decaf,
.in_benifuki {
	position: absolute;
	right: -33%;
    bottom: 12%;
    width: 46%;
    z-index: 12;
}
.prd_sub_original {
	background: #2a2a2a;
	width: 94%;
}
.prd_sub_decaf {
	background: #7a5e28;
	width: 94%;
}
.prd_sub_houji {
	background: #5E0000;
	width: 94%;
}
.prd_sub_benifuki {
	background: #ba635d;
	width: 94%;
}

.store-bnr {
	margin-top: 4em;
}

/*set area*/
.new_set {
	padding: 25px 40px 35px;
	position: relative;
	border-radius: 20px;
	color: #FFF;
	margin-top: 30px;
}
.new_spring_set {	
	background: url(../img/img_prd_springset.png) top right no-repeat #FFF;
    background-size: auto 100%;
    padding: 35px 50px 45px;
	color: #333;
	border: solid 5px #70BE2C;
	text-align: left;
}
.new_spring_set h5 {
	color: #8EC43E !important;
}
.new_ashura_set {	
	background: url(../img/img_prd_3set.png) top right no-repeat #015c73;
    background-size: auto 100%;
}
.new_ashura_set_4 {
	background: url(../img/img_prd_4set.png) top right no-repeat #bc7492;
    background-size: auto 100%;
}
.new_set .set_limited {
	position: absolute;
	top: -6%;
    right: 1%;
    width: 14%;
}
.new_spring_set .set_limited {
    position: absolute;
    top: -5.8%;
    right: 0.2%;
    width: 13%;
}
.new_set .img_prd_3ashura {
	position: absolute;
    left: 30%;
    top: 0%;
    width: 26%;
}
.new_set h5 {
	color: #FFF;
	font-family: "Hina Mincho", serif;
    font-size: 26px;
    margin-bottom: 20px;
}
.new_set h5 span{
	font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 2;
}
.new_set h5 img {
	width: 11%;
    margin-right: 12px;
    display: inline-block;
    vertical-align: baseline;
}
.new_spring_set h5 img {
    width: 13%;
    margin-right: 6px;
    display: inline-block;
    vertical-align: bottom;
}
.new_set p {
	width: 60%;
	font-size: 14px;
}
.new_set a:link,
.new_set a:visited{
	color: #FFF;
	margin-top: 1em;
}
.new_spring_set  p {
	width: 60%;
	font-size: 16px;
}
.new_spring_set .goshop__prdbtn a {
	background: #FFA1CA;
}
.new_spring_set .goshop__prdbtn a:hover {
	background:#F5B9D3;
}
.new_spring_set a.new_spring_set_shop:link,
.new_spring_set a.new_spring_set_shop:visited{
	color: #333;
	margin-top: 1em;
}
.new_spring_set .ribbon {
	position: absolute;
    top: -10.8%;
    left: -4.8%;
    width: 20%;
}
.new_spring_set_img {
    width: 100%;
    text-align: center;
    background: #ffeef5;
}

/*about*/
#about {
	background-color: #FFF;
	padding: 100px 0 0;
}
#about h3 {
	position: absolute;
	top: 0;
	right : 0;
	z-index: 1000;
}
#about h3 span {
	text-align: right;
	margin-right: 20px;
}
#about h3 img{
	width: 82px;
	margin-top: 20px;
}
.about-topicArea {
	margin: 80px 0 140px;
}

.about-oiwakeArea {
	padding: 80px 0;
}

.about-topicArea figure.photo01 {
	position: absolute;
    top: 0;
    right: -110px;
    width: 60%;
}
.about-topicArea figure.photo02 {
	position: absolute;
    top: 0;
    left: -110px;
    width: 60%;
}
.about-oiwakeArea figure.photo03 {
	position: absolute;
    top: 80px;
    right: -110px;
    width: 60%;
}
.about-topicArea .illust01 {
	top: -90px;
	left: 0;
	width: 9%;
	position: absolute;
}
.about-oiwakeArea .illust02 {
	top: 254px;
    left: 44%;
    width: 26px;
	position: absolute;
}

.about-topic01 {
	width: 46%;
}
.about-topic02 {
	width: 46%;
    margin-left: 55%;
}

#about h3.ttl_about_oiwake {
	top: 0;
	left : 0;
	text-align: left;
	display: contents;
}
#about h3.ttl_about_oiwake span {
	text-align: left;
}

#about .oiwake-movieArea {
	border-radius: 20px;
	background : #EEEDE8;
	padding: 38px 38px 28px;
	margin-top: 60px;
}
#about .oiwake-movieArea h4 {
	text-align: center;
}
#about .oiwake-movieArea h4 span {
	font-size: 12px;
	line-height: 1;
	display: block;
	letter-spacing: 4px;
}
#about .oiwake-movieArea ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	text-align: center;
	justify-content: center;
}
#about .oiwake-movieArea li {
	width: 50%;
	margin: 5px 0;
}


/*tea*/
#tea {
	background: url("../img/bg_tea.png") no-repeat top center #666;
	background-size: cover;
	padding: 80px 0 20px;
	color: #FFF;
}
#tea h3 {
	position: absolute;
	top: 0;
	right : 0;
	z-index: 1000;
}
#tea h3 span {
	text-align: right;
	margin-right: 20px;
}
#tea h3 img{
	width: 82px;
	margin-top: 20px;
}
.about-teaArea {
	width: 70%;
	margin-top: 40px;
}
.about-teaArea .illust03 {
	top: -80px;
	left: 0;
	width: 9%;
	position: absolute;
}
.about-teaArea dl {
	display: flex;
	justify-content: flex-start;
	font-size: 12px;
	line-height: 1.8;
	margin-top: 30px;
}
.about-teaArea dt {
	width: 74px;
	margin-right: 20px;
}
.about-teaArea a:link,
.about-teaArea a:visited {
	color: #FFF;
	text-decoration: underline;
}
.about-teaArea a:hover {
	text-decoration: none;
}

/*how to*/
#howto {
	background: #EEEDE8;
	padding: 40px 0;
}
.ttl_howto {
	background-image: url("../img/img_illust_left.png"), url("../img/img_illust_right.png");
	background-position: center left, center right;
	background-size: 83px 54px,  83px 54px;
	background-repeat: no-repeat, no-repeat;
	font-size: 36px;
	width: 60%;
	margin: 0 auto;
}
#howto ol {
	display: flex;
	justify-content: space-between;
	margin-top: 80px
}
#howto ol li {
	width: 30%;
	position: relative;
}
#howto ol li img {
	display: block;
	margin: 0 auto 20px;
	width: 90%;
}
#howto ol li span {
	position: absolute;
	font-size: 46px;
	font-family: "Hina Mincho", serif;
	top: 0;
	left: 0;
}
.howtomovie ul{
	display: flex;
    justify-content: center;
    margin-top: 40px;
    flex-wrap: wrap;
    align-items: center;
}
.howtomovie h4 {
	font-size: 24px;
}
.howtomovie h4 span {
	font-size: 12px;
	display: block;
	letter-spacing: 2px;
}
.howtomovie li {
	border-radius: 10px;
    border: 1px solid #221815;
    padding: 1em;
    text-align: center;
    margin: 12px auto;
    width: 44%;
}
.howtobestArea {
	background: #FFF;
	border-radius: 20px;
	padding: 40px 100px;
	text-align: center;
	margin-top: 20px;
}
.howtobestArea ul {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.howtobestArea ul li {
	width: 22%;
}
.howtoiced {
	border-radius: 20px;
	border: 1px solid #221815;
	display: flex;
	padding: 2em 4em;
	margin-top: 40px;
}
.howtoiced div {
	position: relative;
	    width: 100%;
}
.howtoiced h4 span {
	font-size: 14px;
	text-align: left;
	display: block;
}
.howtoiced .howtoiced_staff {
	position: absolute;
	top: 0;
	right : 20%;
	font-size: 14px;
	line-height: 1.7;
}
.howtoiced figure {
	width: 40%;
	margin-top: 0;
}
.howtoiced ol {
	display: block !important;
	margin-top: 40px !important;
}
.howtoiced ol li {
	width: 100% !important;
	margin-top: 10px;
    font-size: 14px;
}
.howtoiced ol li span {
    font-size: 24px !important;
    font-family: "Hina Mincho", serif;
	position: inherit !important;
	margin-right: 0.6em;
	vertical-align: sub;
}

/*shop*/
#shop {
	background: #FFF;
	padding: 40px 0;
}
.ttl_shop,
.ttl_shop span {
	text-align: left;
}
.shop_bg {
	position: absolute;
    top: 0;
    right: -150px;
    width: 64%;
}
h4.ttl_shop:before {
	content: "";
	display: inline-block;
	width: 22px;
    height: 20px;
	background: url("../img/ico_box.png") no-repeat 0 0;
	background-size: 14px auto;
	vertical-align: middle;
}

li.shop_info {
	width: 48%;
    margin-bottom: 60px;
    font-size: 14px;
    margin-left: 10px;
}
li.shop_info h5 {
	font-size: 16px;
	font-weight: bold;
}
li.shop_info h5.newmark:before {
    content: "NEW";
    display: inline-block;
    width: 36px;
    height: 14px;
    font-size: 10px;
    text-align: center;
    color: #FFF;
    vertical-align: middle;
    margin-right: 9px;
    line-height: 1.5;
    background: #8EC43E;
    font-weight: normal;
}
.shop_info p {
	text-indent: -1.6em;
	padding-left: 1.6em;
}
.shop_pin:before {
	content: "";
	display: inline-block;
	width: 24px;
    height: 20px;
	background: url("../img/ico_pin.png") no-repeat center 0;
	background-size: 16px auto;
	vertical-align: middle;
}
.shop_phone:before {
	content: "";
	display: inline-block;
	width: 24px;
    height: 20px;
	background: url("../img/ico_phone.png") no-repeat center 0;
	background-size: 16px auto;
	vertical-align: middle;
}
.shop_tea:before {
	content: "";
	display: inline-block;
	width: 24px;
    height: 20px;
	background: url("../img/ico_bag.png") no-repeat center 0;
	background-size: 14px auto;
	vertical-align: middle;
}
.shop_tea .new_prd {
	color: #007E6C;
}
.shop_tea .new_prd_spring {
	color: #DD679B;
}

/*instagram*/
#instagram {
	background: #5A7266;
	padding: 0;
	color: #FFF;
}
#instagram .section-inner {
  	align-items: center;
	flex-flow: wrap;
	justify-content: space-between;
	padding: 50px 0;
}
#instagram h3 {
	text-align: center;
	font-size: 34px !important;
	margin: 0 auto;
}
#instagram h3 img {
	width: 50%;
	margin: 0 auto;
}

.insta_qr {
	width: 14%;
	font-size: 18px;
	text-align: center;
	font-family: "Hina Mincho", serif;
	margin-left: 40px;
}
.insta_qr a {
	color: #FFF;
	margin: 10px auto 0;
	display: inline-block;
	text-align: center;
}
.insta_info {
	width: 56%;
	margin-left: 40px;
}
.insta_info .btn {
	background: #8EC43E;
	border-radius: 40px;
	padding: 10px 2em;
	text-align: center;
	font-family: "Hina Mincho", serif;
	color: #fff;
	text-decoration: none;
	margin-top: 1em;
	display: inline-block;
	font-size: 14px;
}
.insta_info .btn:hover {
	background-color: #6DA812;
}
.insta_followme {
	width: 20%;
    position: absolute;
    bottom: -13px;
    right: 0px;
}

/*episode*/
#episode {
	background: url("../img/bg_message.png") no-repeat top center;
	background-size: cover;
	text-align: center;
}
#episode .section-inner {
	padding: 100px 0;
}
#episode h3 {
	font-size: 34px;
	margin-bottom: 60px;
}
#episode .btn {
	background: #007E6C;
	border-radius: 50px;
	padding: 1em 2em;
	text-align: center;
	font-family: "Hina Mincho", serif;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-size: 24px;
	width: 50%;
	margin-top: 40px;
}
#episode .btn:hover {
	background-color: #C24407;
}


@media only screen and (max-width:979px) {
	
	.section-inner {
		width: 90%;
	}
	h3.news-ttl {
   		width: 30%;
	}
	.new_spring_set {
		background-image: none; 
		background: #FFF;
	}
	.new_ashura_set {
		background-image: none; 
		background: #007E6C;
	}
	.new_spring_set .ribbon {
    	top: -2.8%;
	}
	.tie_up {
		background-image: none; 
		background: #5A7266;
	}
	.tie_up2 {
		background-image: none; 
		background: #777777;
	}
	.new_set p,
	.tie_up p {
		width: 100%;
		line-height: 1.9;
	}
	.prd_text {
		width: 40%;
	}
}


@media screen and (max-width: 750px) { 
	.flex_col {
		display: block;
	}
	.indexMainimg {
		background: url("../img/bg_main_sp.png") no-repeat center top;
		background-size: cover;
		background-attachment: scroll;
		height: 100vh;
		width:100%;
	}	
	
	#main{
		width: 90%;
		margin:0 auto;
		padding-top:10px;
	}	
	h1 img {
    	width: 100%;
	}
	h2 {
		font-size: 1.3rem;
	}
	h3 {
		font-size: 2rem;
	}
	h3.news-ttl span {
		text-align: center;
	}
	h3.news-ttl {
		width: 100%;
		text-align: center;
	}
	a .main-news {
		width: 85%;
	}
	#news {
		padding: 10px 0 30px;
	}
	.newsArea {
		width: 84%;
    	height: 16em;
    	margin: 20px auto;
	}
	.newsArea dl {
		margin-bottom: 1.5em;
	}
	#products {
		background: url(../img/bg_products_sp.png) center top;
		background-size: 100%;
		width: 100%;
		height: auto;
		background-repeat: repeat-y;
	}
	.prd_text {
		width: 100%;
		margin: 20px 0 80px;
	}
	.prd_ttlimg_kusuhi {
    	width: 50%;
    	position: static;
		margin: 0 auto;
		margin-left: 17%;
	}
	.prd_ttlimg_nikko {
    	width: 40%;
    	position: static;
		margin: 0 auto;
		margin-left: 24%;
	}
	.prd_ttlimg_gekko {
    	width: 40%;
    	position: static;
		margin: 0 auto;
		margin-left: 24%;
	}
	.prd_ttlimg_ashura {
    	width: 55%;
    	position: static;
    	margin: 0 auto;
    	margin-left: 10%;
	}
	.prd_pkgimg {
		width: 25%;
		display: block;
		margin-bottom: 0;
		position: absolute;
		top: 20px;
    	right: 30px;
	}
	.tie_up {
		padding: 20px 30px;
	}
	.tie_up dl {
    	display: block;
	}
	.tie_up dt {
		width: 60px
	}
	
	
	/*products*/
	#main .batch_store {
		width: 46%;
		top: 150%;
	}
	.goshop__prdbtn a {
    	color: #FFF;
        width: 80%;
        display: block;
        margin: 0 auto 1em;
	}
	.goshop_set {
    	display: block;
		width: 100%;
	}
	.to_be_released__prdbtn {
		color: #FFF;
        width: 80%;
        display: block;
        margin: 20px auto 1em;
	}
	#autumn2025 {
		padding: 30px;
		margin-bottom: 10em;
		margin-top: 2em;
	}
	#autumn2025 .batch_new {
		left: 5%;
        top: -1%;
        width: 21%;
        height: auto;
	}
	#autumn2025 h4 {
    	font-size: 24px;
	}
	#autumn2025 .illust01 {
		display: none;
	}
	#autumn2025 .new_ashura {
		display: block;
		background: none;
		padding: 0;
		margin-top: 2em;
	}
	.ashura_limited, .benifuki_limited  {
    	width: 30%;
	}
	.ashura_original, .ashura_decaf, .ashura_houji, .ashura_benifuki {
    	width: 100%;
		padding: 0;
	}
	.ashura_houji h5, .ashura_benifuki h5 {
    	padding: 5px 0;
    	font-size: 24px;
		width: 88%;
	}
	.prd_sub_houji, .prd_sub_benifuki {
		font-size: 12px;
		margin-top: 10px;
	}
	.ashura_benifuki {
		margin-top: 3em;
	}
	
	.new_set {
		padding: 20px;
		border-radius: 20px;
		background-color: #015c73;
		background-image: none;
		margin-top: 60px;
	}
	.new_set_4 {
		padding: 20px;
		border-radius: 20px;
		background-color: #bc7492;
		background-image: none;
		margin-top: 60px;
	}
	.new_set p {
		width: 100%;
	}
	.new_set .set_limited {
		width: 28%;
        right: 3%;
	}
	.new_set .img_prd_3ashura {
		top: -6%;
        left: 3%;
        width: 42%;
	}
	.new_set h5 {
    	font-size: 24px;
	}
	.new_set h5 img {
    	width: 21%;
	}
	
	.new_spring_set {
		background-color: #FFF;
	}
	.new_spring_set .set_limited {
		width: 28%;
        left: 76%;
        top: -30px;
	}
	.new_spring_set .ribbon {
		top: -3.8%;
		left: -8.8%;
		width: 30%;
	}
	
	#about {
		padding: 0;
	}
	#about h3 img,
	#tea h3 img {
   		width: 16%;
	}
	#about h3,
	#about h3.ttl_about_oiwake,
	#tea h3 {
		position: static;
		text-align: center;
		display: block;
		margin-bottom: 80px;
	}
	#about h3.ttl_about_oiwake {
		margin-bottom: 20px;
	}
	#about h3 span,
	#about h3.ttl_about_oiwake span, 
	#tea h3 span {
		text-align: center;
	}
	.about-topicArea {
		margin: 0;
	}
	.about-oiwakeArea {
		padding-bottom: 0;
	}
	.about-topic01,
	.about-topic02,
	.about-teaArea {
		width: 100%;
		margin-left: 0;
	}
	.about-topicArea figure.photo01,
	.about-topicArea figure.photo02,
	.about-oiwakeArea figure.photo03 {
		position: static;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.about-topicArea .illust01 {
		width: 22%;
		top: -80px;
	}
	.about-oiwakeArea .illust02 {
		left: 82%;
    	top: 232px;
		width: 22px;
	}
	.about-teaArea .illust03 {
		top: -110px;
    	width: 13%;
		left: 70%;
	}
	#about .oiwake-movieArea {
    	padding: 30px 20px 10px;
	}
	#about .oiwake-movieArea ul {
		display: block;
	}
	#about .oiwake-movieArea li {
		width: 100%;
		margin: 20px 0;
	}
	.youtube-wrapper {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
	}
	.youtube-wrapper iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	#tea {
		padding: 0;
		background: url(../img/bg_tea_sp.png) no-repeat top center #666;
		background-size: cover;
	}
	
	.ttl_howto {
		width: 100%;
		background-size: 18%, 18%;
    	font-size: 27px;
	}
	#howto {
		padding: 0;
	}
	#howto ol {
		display: block;
	}
	#howto ol li {
    	width: 85%;
		margin: 0 auto 40px;
	}
	.howtomovie li {
		width: 100%;
		margin: 20px 0 0;
	}
	.howtobestArea {
		padding: 40px 40px 20px;
	}
	.howtobestArea h4 {
		font-size: 22px;
	}
	.howtobestArea ul {
		margin-top: 0;
    	flex-wrap: wrap;
	}
	.howtobestArea ul li {
		width: 46%;
		margin-bottom: 20px;
	}
	.howtoiced {
		display: block;
		padding: 2em;
		text-align: center;
	}
	.howtoiced div {
		position: inherit;
	}
	.howtoiced h4 span {
		text-align: center;
	}
	.howtoiced .howtoiced_staff {
		position: inherit;
		background: #FFF;
		padding: 10px;
	}
	.howtoiced figure {
		margin: 20px auto 0;
		width: 60%;
	}
	.howtoiced ol li {
	    text-align: left;
		margin: 0 !important;
		text-indent: -3em;
    	padding-left: 3em;
	}
	#shop {
		padding: 0;
	}
	#shop .store-bnr {
		margin-top: 4em;
	}
	li.shop_info {
    	width: 100%;
		line-height: 1;
	}
	.shop_bg {
		top: 18vw;
		right: -40px;
		width: 72%;
	}
	li.shop_info:last-child {
		margin-bottom: 0;
	}
	#instagram h3 img {
    	width: 10%;
	}
	#instagram .section-inner {
		text-align: center;
		padding: 30px 0 50px;
	}
	.insta_qr {
		margin-left: 0;
		text-align: center;
		margin: 0 auto;
		display: block;
		margin-bottom: 20px;
		width: 42%;
	}
	.insta_info  {
		margin-left: 0;
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	.insta_followme {
    	width: 28%;
		bottom: -10px;
	}
	#episode h3 {
    	font-size: 26px;
	}
	#episode p {
		text-align: left;
	}
	#episode .btn {
		padding: 1em 0;
		width: 100%;
		font-size: 18px;
	}
	
}