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



------------------------------------------------------------- */

*{	box-sizing: border-box; margin: 0; padding: 0;}
li {list-style: none;}
html { font-size: 10px; }
body {
	ont-size: 10px;
	line-height: 1.6;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
html, body {  height: 100%;}


/* テキスト要素のfont-sizeはemで指定
h2 {  font-size: 4rem;}
p {  font-size: 1.6rem;} */

p {  font-size: 1.2rem; margin-bottom: 1.6rem;}

@media screen and (min-width: 640px) {
	p {  font-size: 1.6rem;}
}
img {width: 100%; height: auto;}


/* =============================================================

================================================================ */
.header_wrap,
.main_wrap,
.contact_wrap,
.footer_wrap {
	width: 100%;
	margin: 0;
	padding: 0;
}
.main_wrap {font-size: 14px;}
.contact-wrap {font-size: 12px; text-align: center; margin: 80px auto;}
.footer_wrap {
	font-size: 14px;
	color: rgba(255,255,255,1.0);
	background-color: rgba(0,0,0,0.8);
}
.contact_wrap { padding: 20px 10px;}

@media screen and (min-width: 800px) {
	.main_wrap {font-size: 16px;}
	.contact-wrap {font-size: 14px; text-align: center; margin: 160px auto; }
}


/*
--------------------------------- */
.header_wrap {
	background: url("/hds_img/lp/gs2022-1/bg_mainimage.jpg") center bottom no-repeat;
	background-size: cover;	
}

.header_wrap header {
	width: 94vw;
	min-height: 86vh;
	max-width: 1260px;
	padding: 30px 0;
	margin: 0 auto;
	position: relative;
}

.header_wrap header .box_mainttl {
	width: 90%;
	padding: 15px;
	margin: 3% auto 0;
/*	border: 1px solid #fff;*/
	border-radius: 10px;
	box-shadow: 0 0 5px #ccc;
	text-align: center;
/*	background-color: rgba(255,255,255,0.9);*/
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,7db9e8+100 */
background: rgba(255,255,255,1); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,1)', endColorstr='rgba(255,255,255,0.7)',GradientType=0 ); /* IE6-9 */
	
}

.header_wrap header .box_mainttl h1 {
	font-size: 18px;
	font-weight: 800;
	color: #103704;
	text-shadow: 0 0 10px #999;
}
.header_wrap header .box_mainttl h1 img {
	width: 100%;
	height: auto;
}

/*.header_wrap header .box_mainttl .main_ttl {
	color: #c83935;
	font-size: 28px;
	font-weight: 800;
	text-shadow: 3px 3px 0 rgba(108,90,70,0.6);
	text-shadow: 0 0 5px #ffffff;
	text-align: center!important;
}*/
.header_wrap header .box_mainttl .sub_ttl02 {
	font-size: 16px;
	font-weight: 600;
	color: #010f00;
}

/*.header_wrap header .lead-txt {
	padding: 15px;
	background-color: rgba(0,0,0,0.25);
	text-shadow: 0 0 5px #333;
	position: absolute;
	bottom: 5vh;
}*/


@media screen and (min-width: 800px) {
	.header_wrap header {
		min-height: 96vh;
		padding: 50px 0;
	}
	
.header_wrap header .box_mainttl {
	width: 56%;
	padding: 15px;
	margin: 0 auto;
}
	
	
	
	.header_wrap header .box_mainttl h1 {
		font-size: 24px;
		font-weight: 800;
	}
	.header_wrap header .box_mainttl .main_ttl {
		font-size: 50px;
		font-weight: 800;
	}
	.header_wrap header .box_mainttl .sub_ttl02 {
		font-size: 20px;
		font-weight: 500;
		color: #010f00;
	}
	
	
/*	.header_wrap header .box_mainttl .lead-txt {
		width: 50%;
		padding: 25px;
		margin-top: 100px;
		position: relative;
	}*/

}



/*
--------------------------------- */
.footer_wrap footer {
	width: 100%;
	padding: 15px;
	text-align: center;
}
.footer_wrap footer .f-logo {
	font-size: 14px;
	margin-bottom: 10px;
}
.footer_wrap footer address {
	font-size: 10px;
	font-style: normal;
}

@media screen and (min-width: 800px) {
	.footer_wrap footer { padding: 24px 0;}
	.footer_wrap footer address { font-size: 12px;}
}


/*
----------------------------------------- */
.main_wrap[class*="sec"] {
	padding: 30px 0 20px;
/*	background-attachment: fixed;*/
/*    background-position: center bottom;*/
    background-repeat: repeat;
    background-blend-mode: screen; /* 追加(継承するため親要素に当ててもOK) */
	height: 50%;
}
.main_wrap.sec01 {
	background-image: url("/hds_img/lp/gs2022-1/bg_kikkou.png"),
						linear-gradient(to bottom, #e6dbc4 0%, #ffffff 100%)/*,
						radial-gradient(100.22% 100% at 70.57% 0%, #FF0000 0%, #ffffff 100%)*/;	
    background-blend-mode: screen; /* 追加(継承するため親要素に当ててもOK) */
	background-blend-mode: screen, overlay, hard-light, color-burn, color-dodge, normal;
	
/*	background: linear-gradient(180deg, #FFB7B7 0%, #727272 100%), radial-gradient(60.91% 100% at 50% 0%, #FFD1D1 0%, #260000 100%), linear-gradient(238.72deg, #FFDDDD 0%, #720066 100%), linear-gradient(127.43deg, #00FFFF 0%, #FF4444 100%), radial-gradient(100.22% 100% at 70.57% 0%, #FF0000 0%, #00FFE0 100%), linear-gradient(127.43deg, #B7D500 0%, #3300FF 100%);
	background-blend-mode: screen, overlay, hard-light, color-burn, color-dodge, normal;*/
}

@media screen and (min-width: 800px) {
	.main_wrap[class*="sec"] {
		padding: 50px 0;
	}

}

.main_wrap.sec02 {
	background-image: url("/hds_img/lp/gs2022-1/bg_seigaiha.png"),
						linear-gradient(to bottom, #cbb994 0%, #ffffff 100%),
						linear-gradient(238.72deg, #FFDDDD 0%, #720066 100%);			
}
.main_wrap.sec03 {
	background-image: url("/hds_img/lp/gs2022-1/bg_asanoha.png"),
						linear-gradient(to bottom, #f5b1aa 0%, #ffffff 100%),
/*						linear-gradient(238.72deg, #FFDDDD 0%, #720066 100%);*/
						radial-gradient(100.22% 100% at 70.57% 0%, #FFDDDD 0%, #720066 100%);						
}
.main_wrap.sec04 {
	background-image: url("/hds_img/lp/gs2022-1/bg_bishamonkikkou.png"),
						linear-gradient(to bottom, #80aba9 0%, #ffffff 100%),
						radial-gradient(60.91% 100% at 50% 0%, #FFD1D1 0%, #260000 100%);
}
.main_wrap.sec05 {
	background-image: url("/hds_img/lp/gs2022-1/bg_irikobishi.png"),
						linear-gradient(to bottom, #a1a46d 0%, #ffffff 100%),
						radial-gradient(100.22% 100% at 70.57% 0%, #FF0000 0%, #00FFE0 100%);
}
.main_wrap.sec06 {
	background-image: url("/hds_img/lp/gs2022-1/bg_seigaiha.png"),
						linear-gradient(to bottom, #a1a46d 0%, #ffffff 100%),
						linear-gradient(127.43deg, #B7D500 0%, #3300FF 100%);			
}
.main_wrap.sec07 {
	background-image: url("/hds_img/lp/gs2022-1/bg_asanoha.png"),
						linear-gradient(to bottom, #a1a46d 0%, #ffffff 100%),
						radial-gradient(60.91% 100% at 50% 0%, #B7D500 0%, #3300FF 100%);
}

.main_wrap.sec08 {
	background-image: url("/hds_img/lp/gs2022-1/bg_asanoha.png"),
						linear-gradient(to top, #accbee 0%, #e7f0fd 100%),
						radial-gradient(60.91% 100% at 50% 0%, #B7D500 0%, #3300FF 100%);
}










/* =============================================================

================================================================ */
.global_nav {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
}
.global_nav ul {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
/*	border-top: 3px solid rgba(176,164,131,1.0);
	border-bottom: 3px solid rgba(176,164,131,1.0);*/
}
.global_nav li {
	width: 19%;
	width: -webkit-calc(100%/5 - 2px);
	width: calc(100%/5 - 2px);
	text-align: center;
}

.global_nav li:not(:last-child) {
	border-right: 2px dotted rgba(176,164,131,1.0);
}

.global_nav li a {
	display: block;
	padding: 8px;
	color: rgba(176,164,131,1.0);
	font-size: 14px;
	text-decoration: none;
}





/* =============================================================
	title
================================================================ */
.main_ttl {
	font-size: 30px;
	line-height: 1.5em;
}

.sub_ttl01 {
	font-size: 26px;
	margin: 0 0 0.8em;
	line-height: 1.5em;
	color: #2A2304;
	text-align: center;
}
.sub_ttl02 {
	font-size: 20px;
	margin: 0 0 0.8em;
	line-height: 1.5em;
	color: #2A2304;
	
	font-weight: normal;
}
.sub_ttl03 {
	font-size: 18px;
	margin: 0 0 0.8em;
	line-height: 1.5em;
	color: #2A2304;
	font-weight: normal;
}

[class*="sub_ttl"] .recommend {
	display: inline-block;
	padding: 8px;
	width: 6em;
	margin: 0 0.5em 0.5em 0;
	background-color: rgba(249,157,23,1.00);
	font-size: 12px;
	color: #FFF;
	text-align: center;
	line-height: 1.1em;
	vertical-align: middle;
}

 section:not([class*="module_"])  [class*="sub_ttl"] {
	margin: 0 1em 0.8em;
	text-align: center;
 }

.header_wrap header .main_ttl {
	margin-bottom: 0.6em;
	font-weight: bold;
	color: #fff;
	text-align: left;

}
.header_wrap header .sub_ttl02 {
	margin-bottom: 1em;

}


@media screen and (min-width: 640px) and (max-width: 899px) {
	.main_ttl { font-size: 38px;}
	.sub_ttl01 { font-size: 30px; text-align: left}
	.sub_ttl02 { font-size: 22px;}
	.sub_ttl03 { font-size: 20px;}

}
@media screen and (min-width: 900px) {

	.main_ttl { font-size: 46px;}
	.sub_ttl01 { font-size: 36px; text-align: left}
	.sub_ttl02 { font-size: 28px;}
	.sub_ttl03 { font-size: 24px;}

}



/* =============================================================
	botton
================================================================ */


/* Category Link
-------------------------------*/
.btn_category {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	font-size: 36px;
	line-height: 1.1em;
}
.btn_category a {
	display: block;
	padding: 12px 40px 15px 0;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	color: rgba(132,123,98,1.00);
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	transition: .3s;
	
	background: url("/hds_img/lp/gs2022-1/arw_category.png") right center no-repeat;
}


/*.btn_category a {
	display: block;
	padding: 12px 0 12px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	color: rgba(132,123,98,1.00);
	text-align: right;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	transition: .3s;
}*/



.btn_category a span {
	display: inline-block;
	width: 6.5em;
	padding: 3px;
	background-color: #000;
	color: #fff;
	font-size: 10px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: normal;
	line-height: 1.1em;
	left: 0;
	bottom: 0;
	position: absolute;
}
.btn_category a:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    background: #111;
    left: 0;
}

.btn_category a:hover {
	cursor: pointer;	
}
.btn_category a:hover:after {
	width: 100%;
	left: 0;
}


[class*="itemBOX_lp"] .btn_category {
	font-size: 36px;
}


@media screen and (min-width: 800px) {

	.btn_category {
		font-size: 65px;
	}

	[class*="itemBOX_lp"] .btn_category {
		font-size: 50px;
	}

}



/* item botton
------------------------------- */
.btn_itemdetail a {
	display: block;
	padding: 10px 15px 10px 0;
	background: url("/hds_img/lp/gs2022-1/arw_category.png") right center no-repeat;
	background-size: 25px 13px;
/*	background: url("/hds_img/lp/gs2022-1/arw_sqbk.jpg") left bottom no-repeat;*/
	border-bottom: 1px solid rgba(0,0,0,0.3);
	color: rgba(0,0,0,0.8);
	text-decoration: none;
	font-weight: bold;
/*	text-align: right;*/
	line-height: 1.2em;

	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	transition: .3s;
	font-size: 14px;
}
.btn_itemdetail a:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    background: #111;
    left: 0;
}
.btn_itemdetail a:hover {
	cursor: pointer;
}
.btn_itemdetail a:hover:after {
	width: 100%;
	left: 0;
}


@media screen and (min-width: 800px) {

	.btn_itemdetail a {font-size: 18px;}

}





/* Basic botton
----------------------------------------------------- */
[class*="btn_base"] {
	width: 90%;
	max-width: 640px;
	margin: 0 auto 40px;
}
[class*="btn_base"] a {
	display: block;
	padding: 16px;
	border-radius: 6px;
	text-align: center;
	text-decoration: none;
}
.box_infotxt [class*="btn_base"] {
	margin: 0 auto;
}



/* beta botton
----------------------- */
.btn_base01 a {
	background-color: rgba(41,81,53,1.0);
	color: #fff;
}
.btn_base01 a:hover {
	background-color: rgba(41,81,53,0.9);
	transition: background-color 0.3s 0.1s ease-out;
}




/* border botton
----------------------- */
.btn_base02 a {
	border: 1px solid #444;
	background-color: rgba(255,255,255,0.5);
	color: rgba(0,0,0,0.7);
}
.btn_base02 a:hover {
	background-color: rgba(0,0,0,0.7);
	transition: background-color 0.3s 0.05s ease-out;
	color: #fff;
}



/* =============================================================

================================================================ */

[class*="module_"] {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto 20px;
	padding: 15px 0;
}
[class*="module_"] .odr1 { order: 1;}
[class*="module_"] .odr2 { order: 2;}
[class*="module_"] .odr3 { order: 3;}


[class*="module_"] .box_photo,
[class*="module_"] .box_photo2,
[class*="module_"] .box_photo3,
[class*="module_"] .box_photo4,
[class*="module_"] .box_photo5 {
	width: 96%;
	margin: 0 auto 15px;
}
[class*="module_"] .box_photo img {
	margin: 0 auto;
}

[class*="module_"] .box_infotxt,
[class*="module_"] .box_infotxt2,
[class*="module_"] .box_infotxt3,
[class*="module_"] .box_infotxt4,
[class*="module_"] .box_infotxt5 {
	width: 90%;
	margin: 0 auto 25px;
}


[class*="module_"] .box_photo.swiper {
	width: 86%;
	margin: 0 auto 15px 4%;	
}

[class*="module_"] [class*="module_"] {
	margin: 0;
}

.blkEnd {margin-bottom: 30px;}





@media screen and (min-width: 800px) {
	
	[class*="module_"] {
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;	

		padding: 20px 0;
	}

	

	[class*="module_"] [class*="box_infotxt"],
	[class*="module_"] [class*="box_photo"] {
		margin: 0 auto;
	}

	/*
	----------------------*/	
	[class*="module_"] .box_infotxt {width: 50%;}
	[class*="module_"] .box_photo {width: 40%;}

	/*
	----------------------*/
	[class*="module_"] .box_infotxt2 {width: 40%;}
	[class*="module_"] .box_photo2 {width: 28%;}

	/*
	----------------------*/
	[class*="module_"] .box_infotxt3 {width: 35%;}
	[class*="module_"] .box_photo3 {width: 60%;}

	/*
	----------------------*/
	[class*="module_"] .box_photo4 {
		width: 85%;
		margin: 0;
		z-index: 10;
	}
	[class*="module_"] .box_infotxt4 {
		width: 65%;
		padding: 30px 50px;
		margin: -20% 0 0 auto;
		z-index: 1000;
		background-color: #fff;
	}
	
	/*
	----------------------*/
	.module_05 {
		width: 100%;
		padding: 20px;
		margin: 0 auto;
		position: relative;
		-webkit-justify-content: flex-end!important;
		justify-content: flex-end!important;

	}
	
	[class*="module_"] .box_photo5 {
		width: 55%;
		margin: -5% 0 0;
		order: 2;
	}
	[class*="module_"] .box_infotxt5 {
		width: 40%;
		order: 1;
	}


	[class*="module_"] .box_photo.swiper {
		width: 38%;
	}

	.blkEnd {margin: 0 auto 60px!important;}

}





/* =============================================================

================================================================ */

[class*="itemBOX_"] {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}

[class*="itemBOX_lp"] img {
	margin-bottom: 10px;
}
.itemBOX_lp2-1 li,
.itemBOX_lp3-1 li {
	width: 90%;
	margin: 0 auto 40px;
	max-width: 600px;
}


@media screen and (min-width: 720px) {

	.itemBOX_lp2-1 li {
		width: 48%;
		width: -webkit-calc(100%/2 - 3.2%);
		width: calc(100%/2 - 3.2%);
	}

	.itemBOX_lp3-1 li {
		width: 31%;
		width: -webkit-calc(100%/3 - 3.2%);
		width: calc(100%/3 - 3.2%);
		max-width: 380px;
	}

} 


.itemBOX_img2-1 li {
		width: 48%;
		width: -webkit-calc(100%/2);
		width: calc(100%/2);
}
.itemBOX_img2-1 li {
		width: 50%;
		width: -webkit-calc(100%/2);
		width: calc(100%/2);


}




/* =============================================================
	Block Indivisual setting
================================================================ */
[class*="blk_"] {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 15px;
	max-width: 1260px;
}


/* 	 Check point
================================================================ */

.blk_checkpoint {
	width: 90%;
	padding: 20px 15px;
	margin: 0 auto 30px;
/*	background-color: rgba(236,233,225,1.00);*/
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0 0 6px #ccc;
	position: relative;
}
.blk_checkpoint .iconCheck {
	padding-top: 50px;
}
.blk_checkpoint .iconCheck .icon {
	width: 60px;
	height: auto;
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 100;
}




@media screen and (min-width: 800px) {
.blk_checkpoint {
	width: 80%;
	margin: 0 auto 60px;
/*	padding: 20px 15px;*/

}

}




/* 	Merit
================================================================ */
.blk_merit {
	width: 96%;
	padding: 15px 0;
	margin: 50px auto;
	background-color: rgba(239,237,230,0.6);

}
.blk_merit .subheading_maritblk {
	font-size: 14px;
}

.blk_merit .subttl_merit {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.blk_merit .subttl_merit em {
	color: rgba(193,39,45,1.0);
	font-style: normal;
}

.blk_merit .subttl_merit span {
	display: inline-block;
	background: linear-gradient(180deg,rgba(239,237,230,0) 0%,rgba(239,237,230,0) 60%,rgba(255,224,65,1.0) 60%,rgba(255,224,65,1.0) 100%);	
	font-weight: bold;
}

.blk_merit .lead_txt {
	margin-bottom: 15px;
}


@media screen and (min-width: 800px) {
	.blk_merit {
		padding: 40px 0;
	}

	.blk_merit .subheading_maritblk { font-size: 24px; }
	.blk_merit .subttl_merit {
		margin-bottom: 30px;
		font-size: 39px;
	}
	.blk_merit .lead_txt { margin-bottom: 30px;}

}





.blk_merit .info_merit {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.blk_merit .info_merit li {
	width: 80%;
	min-width: 260px;
	max-width: 380px;
	margin: 0 auto 20px;
	text-align: center;
}
.blk_merit .info_merit li img {
	width: 100%;
	max-width: 100px;
	height: auto;
	margin: 0 auto 15px;
}
.blk_merit .info_merit li .subheading_merit {
	font-size: 14px;
	line-height: 1.6em;
	font-weight: bold;
}
.blk_merit .info_merit li .subheading_merit span {
	font-size: 140%;
}






@media screen and (min-width: 800px) {


	.blk_merit .info_merit li {
		width: 31%;
		width: -webkit-calc(100%/3 - 20px);
		width: calc(100%/3 - 20px);
		margin: 0 auto;

	}

	.blk_merit .info_merit li .subheading_merit {
		font-size: 21px;
		line-height: 1.6em;
	}
	.blk_merit .info_merit li .subheading_merit span {
		font-size: 140%;
	}




}



/* ------------------------------------------------------------

--------------------------------------------------------------- */
.lead_txt {	margin: 0 auto 2em; width: 94%}


.sec_txt01 {margin: 0 0 1em}
.sec_txt02 {margin: 0 0 2em}

.sec_txt03 {margin: 0 1em 1em}
.sec_txt04 {margin: 0 1em 2em}


.txtC {text-align: center;}



.icon_new01 {
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 20px;
	border: 1px solid #BC0003;
	text-align: center;
}





.w80p { width: 80%; }
.w86p { width: 86%; }
.w90p { width: 90%; }
.w94p { width: 94%; }
.w96p { width: 96%; }