article.summer_202205 {
	overflow: hidden;
}

article.summer_202205 * {
	box-sizing: border-box;
	word-wrap: break-word;
}

article.summer_202205 img {
	max-width: 100%;
	border: 0;
}

article.summer_202205 .meiryo {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, sans-serif;
}

article.summer_202205 .mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

article.summer_202205 .Cardo {
	font-family: 'Cardo', serif;
}

article.summer_202205 .fade {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

article.summer_202205 .main1900 {
	width: 1900px;
	max-width: 100%;
	margin: 0 auto;
}

article.summer_202205 .main1400 {
	width: 1400px;
	max-width: 94%;
	margin: 0 auto;
}

article.summer_202205 section {
	width: 100% !important;
}

/* article.summer_202205 .summer_bg {
	background: url(../images/summer_bg.png);
	background-size: 100% auto;
} */

article.summer_202205 .invisible {
	transition: transform 1.2s ease, opacity 1.2s ease;
	transform: translateY(30px);
	opacity: 0.0;
}

article.summer_202205 .visible {
	transition: transform 1.2s ease, opacity 1.2s ease;
	transform: translateY(0);
	opacity: 1.0;
}


/* mv */
article.summer_202205 .summer_mv {
	background: url(../images/summer_mv_bg.png);
	background: url(../images/summer_mv_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	height: 865px;
}

article.summer_202205 .summer_mvInner {
	position: relative;
	width: 1400px;
	max-width: 93%;
	margin: 0 auto;
}

article.summer_202205 .summer_mvInner img {
	max-width: 100%;
	display: block;
}

article.summer_202205 .summer_mvTitle {
	position: absolute;
	left: 3.07%;
	top: 173px;
	width: 106px;
}

article.summer_202205 .summer_mvImg {
	position: absolute;
	left: 23.07%;
	top: 0;
	z-index: 2;
	width: 1079px;
}

/* summer_synopsis */
article.summer_202205 .summer_synopsis {
	padding: 186px 0 235px;
	background: url(../images/summer_synopsis_bg02.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}

article.summer_202205 .ss_box {
	padding-right: 260px;
	position: relative;
}

article.summer_202205 .ss_title {
	position: absolute;
	top: 70px;
	right: 0;
	width: 208px;
}

article.summer_202205 .ss_title img {
	display: block;
}

article.summer_202205 .ss_tPc {}

article.summer_202205 .ss_tSp {
	display: none;
}

article.summer_202205 .ss_center {
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

article.summer_202205 .ss_img {
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 622px;
}

article.summer_202205 .ss_img img {
	display: block;
	position: relative;
	left: -10px;
}

article.summer_202205 .ss_inner {
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 80px;
	padding-top: 60px;
}

article.summer_202205 .ss_text {
	font-size: 22px;
	color: #010101;
	line-height: 44px;
	font-weight: bold;
}

article.summer_202205 .ss_btn {
	margin-top: 85px;
}

article.summer_202205 .ss_btn a {
	display: block;
	width: 360px;
	max-width: 100%;
	background-color: #85d4f2;

	padding: 25px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

article.summer_202205 .ss_btn a p {
	display: inline-block;
	position: relative;
	font-size: 20px;
	color: #ffffff;
	line-height: 36px;
	text-align: justify;
}

article.summer_202205 .ss_btn a p::after {
	content: "";
	display: inline-block;
	width: 48px;
	height: 8px;
	background: url(../images/summer_synopsis_bg03.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 16px;
	position: absolute;
	bottom: 14px;
	right: 0px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

article.summer_202205 .ss_btn a:hover {
	opacity: 0.8;
}

article.summer_202205 .ss_btn a:hover p::after {
	transform: translateX(5px);
}

article.summer_202205 .ss_bg01 {
	width: 192px;
	position: absolute;
	top: -20px;
	left: -122px;
}

article.summer_202205 .ss_bg01 img {
	display: block;
}

/* summer_buckwheat */
article.summer_202205 .summer_buckwheat {
	background: url(../images/summer_buckwheat_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	position: relative;
	padding: 115px 0 146px;
}

article.summer_202205 .sb_title {
	width: 1400px;
	max-width: 94%;
	margin: 0 auto 0;
	position: absolute;
	top: -120px;
	left: 50%;
	transform: translateX(-50%);
}

article.summer_202205 .sb_content {
	position: relative;
	z-index: 5;
}

article.summer_202205 .sbc_inner {
	position: relative;
	height: 630px;
}

article.summer_202205 .sbc_inner>img {
	display: block;
	position: absolute;
}

article.summer_202205 .sbc_inner>img:nth-child(1) {
	top: 98px;
	left: calc(50% - 760px);
}

article.summer_202205 .sbc_inner>img:nth-child(2) {
	top: 0px;
	left: calc(50% - 30px);
}

article.summer_202205 .sbc_inner ul{
	
}
article.summer_202205 .sbc_inner ul li{
	position: absolute;
}
article.summer_202205 .sbc_inner ul li:nth-child(1){
	width: 773px;
	height: 535px;
	top: 98px;
	left: calc(50% - 760px);
}
article.summer_202205 .sbc_inner ul li:nth-child(2){
	width: 780px;
	height: 496px;
	top: 0px;
	left: calc(50% - 30px);
}
article.summer_202205 .sbc_inner ul li:nth-child(1) a:nth-child(1){
	width: 49.159%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
article.summer_202205 .sbc_inner ul li:nth-child(1) a:nth-child(2){
	width: 49.029%;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}
article.summer_202205 .sbc_inner ul li:nth-child(2) a:nth-child(1){
	width: 48.846%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
article.summer_202205 .sbc_inner ul li:nth-child(2) a:nth-child(2){
	width: 48.589%;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}

article.summer_202205 .sbc_btn {
	width: 1400px;
	margin: -62px auto 0;
	max-width: 94%;
}

article.summer_202205 .sbc_btn div {
	width: 452px;
	margin: 0 0 0 auto;
	position: relative;
	z-index: 5;
}

article.summer_202205 .sbc_btn div img {
	position: absolute;
	bottom: -5px;
	left: -100px;
	z-index: 3;
}

article.summer_202205 .sbc_btn div a {
	display: block;
	/* width: 360px; */
	max-width: 100%;
	background-color: #85d4f2;
	font-size: 20px;
	color: #ffffff;
	line-height: 36px;

	padding: 30px 20px 30px 80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

article.summer_202205 .sbc_btn div a::after {
	content: "";
	display: inline-block;
	width: 48px;
	height: 8px;
	background: url(../images/summer_synopsis_bg03.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 16px;
	position: relative;
	top: -2px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

article.summer_202205 .sbc_btn div a:hover {
	opacity: 0.8;
}

article.summer_202205 .sbc_btn div a:hover::after {
	transform: translateX(5px);
}

article.summer_202205 .sb_bg01 {
	width: 147px;
	position: absolute;
	top: 0;
	left: calc(50% - 798px);
}

article.summer_202205 .sb_bg02 {
	width: 315px;
	position: absolute;
	top: -68px;
	left: calc(50% + 640px);
}

article.summer_202205 .sb_bg03 {
	width: 357px;
	position: absolute;
	bottom: -80px;
	left: calc(50% - 804px);
}


/* summer_wiping */
article.summer_202205 .summer_wiping {
	padding-top: 148px;
	position: relative;
}

article.summer_202205 .summer_wiping:before {
	display: block;
	content: "";
	width: calc(50% + 536px);
	height: 609px;
	background-color: #fee9e9;
	border-top: 13px solid #ebcbcb;
	position: absolute;
	right: 0;
	bottom: 0;
}

article.summer_202205 .summer_wiping .main1900 {
	
}

article.summer_202205 .sw_title {
	position: relative;
}

article.summer_202205 .sw_title img {
	width: 649px;
	display: block;
	margin: 0 0 0 auto;
}

article.summer_202205 .sw_content {}

article.summer_202205 .sw_cPc {
	width: 1247px;
	position: absolute;
	top: 198px;
	left: calc(50% - 797px);
}

article.summer_202205 .sw_cSp {
	/* display: none; */
	width: 1247px;
	position: absolute;
	top: 198px;
	left: calc(50% - 797px);
}
article.summer_202205 .sw_cSp ul{
	font-size: 0;
}
article.summer_202205 .sw_cSp ul li{
	display: inline-block;
	
}
article.summer_202205 .sw_cSp ul li a{
	display: block;
	
}
article.summer_202205 .sw_cSp ul li a:hover{
	/* opacity: 0.8; */
}
article.summer_202205 .sw_cSp ul li:nth-child(1){
	width: 19.326%;
}
article.summer_202205 .sw_cSp ul li:nth-child(2){
	width: 20.0481%;
}
article.summer_202205 .sw_cSp ul li:nth-child(2) img{
	position: relative;
	left: 4.0%;
}
article.summer_202205 .sw_cSp ul li:nth-child(3){
	width: 19.4065%;
}
article.summer_202205 .sw_cSp ul li:nth-child(3) img{
	position: relative;
	left: 5.9%;
}
article.summer_202205 .sw_cSp ul li:nth-child(4){
	width: 20.0481%;
}
article.summer_202205 .sw_cSp ul li:nth-child(4) img{
	position: relative;
	left: 6.6%;
}
article.summer_202205 .sw_cSp ul li:nth-child(5){
	width: 19.4065%;
}
article.summer_202205 .sw_cSp ul li:nth-child(5) img{
	position: relative;
	left: 9.2%;
}

article.summer_202205 .sw_btn {
	padding-right: 142px;
	padding-top: 253px;
	padding-bottom: 143px;
}

article.summer_202205 .sw_btn a {
	display: block;
	width: 385px;
	max-width: 100%;
	background-color: #85d4f2;
	font-size: 20px;
	color: #ffffff;
	line-height: 36px;
	margin: 0 0 0 auto;
	padding: 30px 20px 30px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}

article.summer_202205 .sw_btn a::after {
	content: "";
	display: inline-block;
	width: 48px;
	height: 8px;
	background: url(../images/summer_synopsis_bg03.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 16px;
	position: relative;
	top: -2px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

article.summer_202205 .sw_btn a:hover {
	opacity: 0.8;
}

article.summer_202205 .sw_btn a:hover::after {
	transform: translateX(5px);
}

article.summer_202205 .sw_bg01 {
	width: 179px;
	position: absolute;
	top: 457px;
	left: calc(50% + 716px);
}

/* ----------- summer_fan ----------- */
article.summer_202205 .summer_fan {
	padding-top: 176px;
	padding-bottom: 158px;
	position: relative;
}

article.summer_202205 .sf_content {
	position: relative;
	z-index: 2;
}

article.summer_202205 .sf_inner {
	overflow: hidden;
}

article.summer_202205 .sf_inner li {
	width: 50%;
	float: right;
	position: relative;
}
article.summer_202205 .sf_title{
	position: absolute;
	right: 0;
	top: 0;
	width: 108px;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
article.summer_202205 .sf_title div{
	font-size: 50px;
	color: #000000;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: vertical-lr;
}

article.summer_202205 .sf_price{
	position: absolute;
	bottom: 48px;
	left: 0;
	width: 360px;
	background-color: #282828;
	padding-right: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 14px 10px;
	text-align: center;
}
article.summer_202205 .sf_price::after{
	content: "";
	display: block;
	width: 6px;
	height: 100%;
	background: url(../images/summer_fan_img05.png);
	position: absolute;
	right: 0;
	top: 0;
}
article.summer_202205 .sf_pbox{
	display: inline-block;
	text-align: center;
	color: #ffffff;
}
article.summer_202205 .sf_pbox p:nth-child(1){
	font-size: 28px;
	padding: 0 20px;
}
article.summer_202205 .sf_pbox p:nth-child(2){
	font-size: 20px;
	border-top: 1px solid #ffffff;
	padding-top: 5px;
	margin-top: 5px;
}

article.summer_202205 .sf_inner li:nth-child(2n-1) .sf_title {
    right: auto;
	left: 0;
	background: rgba(218, 206, 206, 0.6);
}
article.summer_202205 .sf_inner li:nth-child(2n-1) .sf_price {
    left: auto;
	right: 0;
    padding-left: 6px;
	padding-right: 0px;
}


article.summer_202205 .sf_inner li:nth-child(2n-1) .sf_price::after {
    right: auto;
    left: 0;
}

article.summer_202205 .sf_btn {
	margin-top: 83px;
}

article.summer_202205 .sf_btn a {
	display: block;
	width: 360px;
	max-width: 100%;
	background-color: #85d4f2;
	font-size: 20px;
	color: #ffffff;
	line-height: 36px;
	margin: 0 auto;
	padding: 30px 20px 30px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}

article.summer_202205 .sf_btn a::after {
	content: "";
	display: inline-block;
	width: 48px;
	height: 8px;
	background: url(../images/summer_synopsis_bg03.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 16px;
	position: relative;
	top: -2px;
	/* right: 0px; */
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

article.summer_202205 .sf_btn a:hover {
	opacity: 0.8;
}

article.summer_202205 .sf_btn a:hover::after {
	transform: translateX(5px);
}

article.summer_202205 .sf_bg01 {
	width: 268px;
	position: absolute;
	top: 86px;
	left: 0;
}

article.summer_202205 .sf_bg02 {
	width: 372px;
	position: absolute;
	bottom: 95px;
	left: calc(50% + 585px);
}


article.summer_202205 .summer_btn {
	padding: 85px 0;
	background: url(../images/summer_btn_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

article.summer_202205 .summer_btn a {
	display: block;
	width: 900px;
	max-width: 100%;
	border: 4px solid #bfa064;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: center;
	padding: 38px 20px 28px;
	position: relative;
}

article.summer_202205 .summer_bTitle {
	width: 480px;
	font-size: 36px;
	line-height: 1;
	margin: 0 auto;
	background-color: #282828;
	color: #ffffff;
	padding: 9px 0;
}

article.summer_202205 .summer_bText {
	font-size: 50px;
	color: #000000;
	line-height: 1;
	padding-top: 25px;
	font-weight: bold;
}

article.summer_202205 .summer_btn a::after {
	content: "";
	display: inline-block;
	width: 48px;
	height: 8px;
	background: url(../images/summer_btn_img01.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-top: 15px;
	position: relative;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

article.summer_202205 .summer_btn a:hover {
	opacity: 0.8;
}

article.summer_202205 .summer_btn a:hover::after {
	transform: translateX(5px);
}


@media only screen and (max-width: 1900px) {

	/* ----------- mv ----------- */
	article.summer_202205 .summer_synopsis {
		background-size: 1900px auto;
		background-position: center 57%;
	}

	article.summer_202205 .sb_title img {
		width: 34.15vw;
	}

	/* ----------- sw ----------- */
	article.summer_202205 .sw_cPc {
		width: 65.63vw;
		position: absolute;
		left: calc(50% - 46.94vw);
	}
	article.summer_202205 .sw_cSp {
		width: 65.63vw;
		position: absolute;
		left: calc(50% - 46.94vw);
	}

	article.summer_202205 .sw_btn {
		padding-right: 7.47vw;
		padding-top: 13.31vw;
	}

	article.summer_202205 .summer_wiping:before {
		width: calc(50% + 28.21vw);
		height: 32.05vw;
		border-top: 13px solid #ebcbcb;
	}

	article.summer_202205 .sw_bg01 {
		width: 179px;
		position: absolute;
		top: 25vw;
		left: calc(50% + 37.68vw);
	}

	article.summer_202205 .sw_title img {
		width: 34.15vw;
	}

}

@media only screen and (max-width: 1550px) {

	/* ----------- sb ----------- */
	article.summer_202205 .sb_title {
		top: -7.7vw;
	}

	article.summer_202205 .sb_title img {
		width: 41.87vw;
	}

	article.summer_202205 .sbc_inner {
		height: 40.645vw;
	}

	article.summer_202205 .sbc_inner img:nth-child(1) {
		width: 49.8vw;
		top: 6.32vw;
		left: calc(50% - 49.03vw);
	}

	article.summer_202205 .sbc_inner img:nth-child(2) {
		width: 50.32vw;
		top: 0px;
		left: calc(50% - 1.93vw);
	}
	
	article.summer_202205 .sbc_inner ul li:nth-child(1){
		width: 49.8vw;
		height: 34.5161vw;
		top: 6.32vw;
		left: calc(50% - 49.03vw);
		
	}
	article.summer_202205 .sbc_inner ul li:nth-child(2){
		width: 50.32vw;
		height: 32vw;
		top: 0px;
		left: calc(50% - 1.93vw);
	}
	
	article.summer_202205 .sb_bg01 {
		width: 147px;
		position: absolute;
		top: 0;
		left: calc(50% - 53.22vw);
	}

	article.summer_202205 .sb_bg02 {
		width: 315px;
		position: absolute;
		top: -68px;
		left: calc(50% + 41.29vw);
	}

	article.summer_202205 .sb_bg03 {
		width: 357px;
		position: absolute;
		bottom: -80px;
		left: calc(50% - 54.19vw);
	}

	article.summer_202205 .sbc_btn {
		margin: -4vw auto 0;
	}

	article.summer_202205 .sbc_btn div {
		width: 380px;
		margin: 0 0 0 auto;
		position: relative;
	}

	article.summer_202205 .sbc_btn div img {
		width: 180px;
		left: -90px;
	}

	/* ----------- sw ----------- */
	article.summer_202205 .sw_title img {
		width: 41.78vw;
	}

	article.summer_202205 .summer_wiping {
		padding-top: 115px;
	}

	article.summer_202205 .sw_btn {
		padding-top: 12.00vw;
		padding-right: 2.87vw;
	}

	article.summer_202205 .summer_wiping:before {
		height: calc(26.05vw + 143px);
		border-top: 10px solid #ebcbcb;
	}

	article.summer_202205 .sw_btn a {
		width: 340px;
		font-size: 18px;
		line-height: 34px;
		padding: 25px 15px 25px;
	}

}

@media only screen and (max-width: 1500px) {

	/* ----------- mv ----------- */
	article.summer_202205 .summer_mv {
		height: 57.666vw;
	}

	article.summer_202205 .summer_mvImg {
		left: 23.07%;
		width: 71.933vw;
	}

	article.summer_202205 .summer_mvTitle {
		top: 11.53vw;
		width: 7.06vw;
	}

	article.summer_202205 .ss_img {
		width: 41.46vw;
	}

	article.summer_202205 .ss_inner {
		padding-left: 5.33vw;
		padding-top: 4vw;
	}

	article.summer_202205 .ss_box {
		padding-right: 17.33vw;
	}

	article.summer_202205 .ss_title {
		top: 4.6vw;
		width: 13.86vw;
	}

	article.summer_202205 .pc_br {
		display: none;
	}

	article.summer_202205 .ss_btn {
		margin-top: 5.6vw;
	}

	article.summer_202205 .ss_text {
		font-size: 20px;
		line-height: 2;
	}

	article.summer_202205 .ss_btn a p {
		font-size: 18px;
		line-height: 34px;
	}

	article.summer_202205 .ss_btn a {
		width: 340px;
		padding: 25px 25px;
	}

	article.summer_202205 .ss_btn a p::after {
		width: 40px;
	}

	article.summer_202205 .summer_synopsis {
		background-size: 126vw auto;
	}

	article.summer_202205 .sbc_btn div a {
		font-size: 18px;
		line-height: 34px;
		padding: 25px 15px 25px 60px;
	}

	article.summer_202205 .sbc_btn div a::after {
		width: 40px;
	}

	article.summer_202205 .sw_btn a::after {
		width: 40px;
	}

	article.summer_202205 .sf_btn a {
		width: 340px;
		font-size: 18px;
		line-height: 34px;
		padding: 25px 15px 25px;
	}

	article.summer_202205 .sf_btn a::after {
		width: 40px;
	}
	
	article.summer_202205 .sf_title div {
	    font-size: 3.3vw;
	}
	article.summer_202205 .sf_title {
	    width: 7.2vw;
	}
	article.summer_202205 .sf_pbox p:nth-child(1) {
	    font-size: 1.86vw;
		padding: 0 1.29vw;
	}
	article.summer_202205 .sf_pbox p:nth-child(2) {
	    font-size: 1.33vw;
	}
	article.summer_202205 .sf_price {
	    bottom: 3.2vw;
	    width: 23.22vw;
	    padding: 14px 10px;
	}
	

}

@media only screen and (max-width: 1200px) {
	article.summer_202205 .sbc_btn div img {
		width: 160px;
		left: -80px;
	}

	article.summer_202205 .sbc_btn div {
		width: 380px;
	}

	article.summer_202205 .sb_bg01 {
		width: 9.4vw;
		position: absolute;
		top: 0;
		left: calc(50% - 53.22vw);
	}

	article.summer_202205 .sb_bg02 {
		width: 20.32vw;
		top: -4.3vw;
	}

	article.summer_202205 .sb_bg03 {
		width: 23.03vw;
		bottom: -5.1vw;
	}

	article.summer_202205 .ss_bg01 {
		width: 12.38vw;
		top: -1.3vw;
		left: -7.8vw;
	}

	article.summer_202205 .sw_btn a {
		width: 300px;
	}

	article.summer_202205 .sw_bg01 {
		width: 9.9vw;
		top: 29vw;
		left: calc(50% + 37.68vw);
	}

	article.summer_202205 .sf_bg01 {
		width: 17.33vw;
		top: 7.16vw;
	}

	article.summer_202205 .sf_bg02 {
		width: 25vw;
		bottom: 8.9vw;
		left: calc(50% + 39vw);
	}

	/* ----------- summer_b ----------- */
	article.summer_202205 .summer_bTitle {
		max-width: 100%;
		font-size: 30px;
		padding: 9px 0;
	}

	article.summer_202205 .summer_bText {
		font-size: 44px;
		padding-top: 20px;
	}

	article.summer_202205 .summer_btn a::after {
		width: 40px;
		height: 8px;
	}


}

@media only screen and (max-width: 1024px) {
	/* ----------- mv ----------- */

	/* ----------- summer_synopsis ----------- */
	article.summer_202205 .summer_synopsis {
		padding: 100px 0 140px;
	}

	article.summer_202205 .ss_box {
		padding-right: 0;
	}

	article.summer_202205 .ss_title {
		position: relative;
		top: 0;
		width: auto;
	}

	article.summer_202205 .ss_tPc {
		display: none;
	}

	article.summer_202205 .ss_tSp {
		display: block;
	}

	article.summer_202205 .ss_tSp h2 {
		font-size: 34px;
		text-align: center;
		margin-bottom: 40px;
	}
	article.summer_202205 .ss_tSp h2 br{
		display: none;
	}

	article.summer_202205 .ss_img img {
		left: 0px;
	}

	article.summer_202205 .ss_img {
		width: 400px;
	}

	article.summer_202205 .ss_inner {
		padding-left: 40px;
		padding-top: 0;
		vertical-align: middle;
	}

	article.summer_202205 .ss_text {
		font-size: 18px;
	}

	article.summer_202205 .ss_btn {
		margin-top: 40px;
	}

	article.summer_202205 .ss_btn a {
		width: 280px;
		padding: 20px 15px;
		margin: 0 0 0 auto;
	}

	article.summer_202205 .ss_btn a p {
		font-size: 14px;
		line-height: 30px;
	}

	article.summer_202205 .ss_btn a p::after {
		width: 36px;
		height: 6px;
	}

	article.summer_202205 .ss_bg01 {
		top: -30px;
		left: -35px;
	}

	/* ----------- summer_buckwheat ----------- */
	article.summer_202205 .summer_buckwheat {
		padding: 100px 0 100px;
	}

	article.summer_202205 .sbc_btn div {
		width: 280px;
	}

	article.summer_202205 .sbc_btn div a::after {
		width: 36px;
		height: 6px;
	}

	article.summer_202205 .sbc_btn div img {
		width: 13.33vw;
		left: -6.0vw;
	}

	article.summer_202205 .sbc_btn div a {
		font-size: 14px;
		line-height: 30px;
		padding: 20px 15px 20px 70px;
	}

	/* ----------- summer_wiping ----------- */
	article.summer_202205 .summer_wiping {
		padding-top: 68px;
	}

	article.summer_202205 .sw_title {
		max-width: 94%;
		margin: 0 auto;
	}

	article.summer_202205 .summer_wiping:before {
		display: none;
	}

	article.summer_202205 .sw_bg01 {
		width: 11.9vw;
		top: 17vw;
		left: calc(50% - 37.68vw);
	}

	article.summer_202205 .sw_cPc {
		width: auto;
		position: relative;
		left: 0;
		top: 0;
		max-width: 94%;
		margin: 0 auto;
	}
	article.summer_202205 .sw_cSp {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		max-width: 94%;
		margin: 0 auto;
	}

	article.summer_202205 .sw_content {
		background-color: #fee9e9;
		border-top: 6px solid #ebcbcb;
		margin-top: -14.64vw;
		padding-top: 18.57vw;
	}

	article.summer_202205 .sw_btn {
		padding-top: 60px;
		padding-right: 0;
		padding-bottom: 100px;
		max-width: 94%;
		margin: 0 auto;
	}

	article.summer_202205 .sw_btn a {
		width: 240px;
		font-size: 14px;
		line-height: 30px;
		padding: 20px 15px 20px;
	}

	article.summer_202205 .sw_btn a::after {
		width: 36px;
		height: 6px;
	}

	/* ----------- summer_fan ----------- */
	article.summer_202205 .summer_fan {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	article.summer_202205 .sf_btn {
		margin-top: 60px;
	}

	article.summer_202205 .sf_btn a {
		width: 240px;
		font-size: 14px;
		line-height: 30px;
		padding: 20px 15px 20px;
	}

	article.summer_202205 .sf_bg01 {
		width: 17.33vw;
		top: 2.16vw;
	}

	article.summer_202205 .sf_btn a::after {
		width: 36px;
		height: 6px;
	}
	
	article.summer_202205 .sf_pbox p:nth-child(1) {
	    font-size: 2.06vw;
		padding: 0 1.29vw;
	}
	article.summer_202205 .sf_pbox p:nth-child(2) {
	    font-size: 1.53vw;
	}
	article.summer_202205 .sf_price {
	    bottom: 3.2vw;
	    width: 28.22vw;
	    padding: 14px 10px;
	}
	
	/* ----------- summer_btn ----------- */
	article.summer_202205 .summer_btn {
		padding: 80px 0;
	}

	article.summer_202205 .summer_bTitle {
		font-size: 26px;
	}

	article.summer_202205 .summer_bText {
		font-size: 40px;
	}

	article.summer_202205 .summer_btn a {
		padding: 30px 20px 24px;
	}

}

@media only screen and (max-width: 768px) {

	article.summer_202205 section {
		margin: 0 !important;
	}

	/* ----------- mv ----------- */
	article.summer_202205 .summer_mv {
		height: 62.666vw;
	}

	article.summer_202205 .summer_mvImg {
		left: 17.07%;
		width: 77.933vw;
	}

	article.summer_202205 .summer_mvTitle {
		top: 9.83vw;
		width: 9.06vw;
	}

	/* ----------- summer_synopsis ----------- */
	article.summer_202205 .summer_synopsis {
		padding: 80px 0 100px;
	}

	article.summer_202205 .ss_tSp h2 {
		font-size: 28px;
		margin-bottom: 30px;
		position: relative;
		z-index: 2;
	}

	article.summer_202205 .ss_img {
		width: 340px;
	}

	article.summer_202205 .ss_inner {
		padding-left: 20px;
	}

	article.summer_202205 .ss_text {
		font-size: 16px;
	}

	article.summer_202205 .ss_btn a p {
		line-height: 28px;
	}

	article.summer_202205 .ss_btn a {
		width: 240px;
		padding: 16px 15px;
	}

	article.summer_202205 .ss_btn {
		margin-top: 30px;
	}

	/* ----------- sb ----------- */
	article.summer_202205 .sbc_inner {
		height: auto;
		padding-top: 30px;
		max-width: 94%;
		margin: 0 auto;
	}

	article.summer_202205 .sbc_inner>img {
		display: block;
		position: relative;
		max-width: 70%;

	}

	article.summer_202205 .sbc_inner>img:nth-child(1) {
		width: auto;
		top: 0;
		left: 0;
		margin: 0 0 0 auto;
	}

	article.summer_202205 .sbc_inner>img:nth-child(2) {
		width: auto;
		top: 0;
		left: 0;
		margin: -110px auto 0 0;
	}
	
	article.summer_202205 .sbc_inner ul li{
		display: block;
		position: relative;
		max-width: 70%;
	}
	
	article.summer_202205 .sbc_inner ul li:nth-child(1){
		width: 70%;
		height: 46vw;
		top: 0;
		left: 0;
		margin: 0 0 0 auto;
	}
	
	article.summer_202205 .sbc_inner ul li:nth-child(2){
		width: 70%;
		height: 43vw;
		top: 0;
		left: 0;
		margin: -110px auto 0 0;
	}
	
	article.summer_202205 .sbc_btn {
		margin: 60px auto 0;
	}

	article.summer_202205 .sbc_btn div img {
		width: 120px;
		left: -60px;
	}

	article.summer_202205 .sbc_btn div {
		width: 260px;
	}

	article.summer_202205 .summer_buckwheat {
		padding: 80px 0 80px;
	}


	article.summer_202205 .sw_btn {
		padding-top: 40px;
		padding-bottom: 80px;
	}

	article.summer_202205 .sw_bg01 {
		top: 19vw;
	}

	/* ----------- summer_fan ----------- */
	article.summer_202205 .summer_fan {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	article.summer_202205 .sf_btn {
		margin-top: 40px;
	}

	/* ----------- summer_btn ----------- */
	article.summer_202205 .summer_btn {
		padding: 60px 0;
	}

	article.summer_202205 .summer_bTitle {
		font-size: 22px;
	}

	article.summer_202205 .summer_bText {
		font-size: 36px;
	}

	article.summer_202205 .summer_btn a {
		padding: 30px 20px 24px;
		border: 2px solid #bfa064;
	}

	article.summer_202205 .summer_btn a::after {
		width: 36px;
		height: 6px;
	}


}

@media only screen and (max-width: 480px) {

	/* ----------- mv ----------- */
	article.summer_202205 .summer_mv {
		height: 67.266vw;
	}

	article.summer_202205 .summer_mvImg {
		left: 13.07%;
		width: 82.933vw;
	}

	article.summer_202205 .summer_mvTitle {
		top: 9.83vw;
		width: 10.06vw;
		left: 0.5vw;
	}

	/* ----------- summer_synopsis ----------- */
	article.summer_202205 .summer_synopsis {
		padding: 60px 0 80px;
	}

	article.summer_202205 .ss_tSp h2 {
		font-size: 24px;
		margin-bottom: 25px;
		text-align: justify;
	}
	article.summer_202205 .ss_tSp h2 br{
		display: block;
	}

	article.summer_202205 .ss_img {
		width: auto;
		display: block;
	}

	article.summer_202205 .ss_img {
		max-width: 60%;
		margin: 0 auto;
	}

	article.summer_202205 .ss_inner {
		padding-left: 0;
		display: block;
		padding-top: 20px;
	}

	article.summer_202205 .ss_bg01 {
		width: 100px;
		position: absolute;
		top: -50px;
		left: -30px;
	}

	article.summer_202205 .summer_synopsis {
		background-size: 800px auto;
		background-position: center 50%;
	}

	article.summer_202205 .ss_text {
		font-size: 14px;
	}

	article.summer_202205 .ss_btn a {
		/* width: 240px; */
		padding: 14px 15px;
	}

	article.summer_202205 .ss_btn {
		margin-top: 20px;
	}

	article.summer_202205 .ss_btn a p {
		line-height: 24px;
	}

	article.summer_202205 .ss_btn a p::after {
		width: 30px;
		height: 5px;
		bottom: 10px;
	}

	/* ----------- summer_buckwheat ----------- */
	article.summer_202205 .summer_buckwheat {
		padding: 70px 0 60px;
	}

	article.summer_202205 .sb_title img {
		width: 220px;
	}

	article.summer_202205 .sb_bg01 {
		width: 75px;
		top: 0;
		left: -50px;
	}

	article.summer_202205 .sb_bg02 {
		width: 120px;
		top: -30px;
		left: auto;
		right: -50px;
	}

	article.summer_202205 .sb_bg03 {
		width: 140px;
		bottom: -40px;
	}

	article.summer_202205 .sbc_inner {
		padding-top: 25px;
	}

	article.summer_202205 .sbc_inner>img:nth-child(2) {
		width: auto;
		top: 0;
		left: 0;
		margin: -20px auto 0 0;
	}

	article.summer_202205 .sbc_inner>img {
		max-width: 95%;
	}
	
	article.summer_202205 .sbc_inner ul li{
		max-width: 95%;
	}
	article.summer_202205 .sbc_inner ul li:nth-child(1){
		width: 95%;
		height: 62vw;
	}
	article.summer_202205 .sbc_inner ul li:nth-child(2){
		width: 95%;
		height: 58vw;
		margin: -20px auto 0 0;
	}
	
	article.summer_202205 .sbc_btn {
		margin: 40px auto 0;
	}

	article.summer_202205 .sbc_btn div a::after {
		width: 30px;
		height: 5px;
	}

	article.summer_202205 .sw_cPc {
		display: none;
	}

	article.summer_202205 .sw_cSp {
		display: block;
		max-width: 94%;
		margin: 0 auto;
	}

	article.summer_202205 .sw_cSp ul {
		overflow: hidden;
		margin-bottom: -20px;
	}

	article.summer_202205 .sw_cSp ul li {
		width: 50% !important;
		float: left;
		margin-bottom: 20px;
	}

	article.summer_202205 .sw_cSp ul li img {
		display: block;
		width: auto;
		height: 360px;
		margin: 0 auto;

	}

	article.summer_202205 .sw_title img {
		width: 220px;
	}

	article.summer_202205 .sw_content {
		border-top: 4px solid #ebcbcb;
		margin-top: -21.64vw;
		padding-top: 26.57vw;
	}

	article.summer_202205 .summer_wiping {
		padding-top: 50px;
	}

	article.summer_202205 .sw_bg01 {
		width: 72px;
		top: 100px;
	}

	article.summer_202205 .sw_btn a {
		width: 240px;
	}

	article.summer_202205 .sw_btn {
		padding-bottom: 60px;
	}

	article.summer_202205 .sw_btn a::after {
		width: 30px;
		height: 5px;
	}

	/* ----------- summer_fan ----------- */
	article.summer_202205 .summer_fan {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	article.summer_202205 .sf_inner li {
		width: 100%;
	}

	article.summer_202205 .sf_bg01 {
		width: 100px;
		top: 0vw;
	}

	article.summer_202205 .sf_bg02 {
		width: 140px;
		bottom: 50px;
		left: calc(50% + 140px);
	}

	article.summer_202205 .sf_btn a {
		width: 240px;
	}

	article.summer_202205 .sf_btn {
		
	}

	article.summer_202205 .sf_btn a::after {
		width: 30px;
		height: 5px;
	}
	
	article.summer_202205 .sf_title {
	    width: 14.2vw;
	}
	article.summer_202205 .sf_title div {
	    font-size: 6.4vw;
	}
	
	article.summer_202205 .sf_pbox p:nth-child(1) {
	    font-size: 3.06vw;
		padding: 0 2.29vw;
	}
	article.summer_202205 .sf_pbox p:nth-child(2) {
	    font-size: 2.53vw;
	}
	article.summer_202205 .sf_price {
	    bottom: 5.2vw;
	    width: 48.22vw;
	    padding: 14px 10px;
	}

	/* ----------- summer_btn ----------- */
	article.summer_202205 .summer_btn {
		padding: 40px 0;
	}

	article.summer_202205 .summer_bTitle {
		font-size: 18px;
	}

	article.summer_202205 .summer_bText {
		font-size: 30px;
		padding-top: 15px;
	}

	article.summer_202205 .summer_btn a {
		padding: 30px 20px 20px;
	}

	article.summer_202205 .summer_btn a::after {
		width: 30px;
		height: 5px;
		margin-top: 10px;
	}

}