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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x: hidden;
	background-color: #208525;
	text-align: left;
	font-size: 16px;
	line-height: 160%;
}

div,ul,ol,li,p,h1,h2,h3,h4,input,dl,dt,dd {
padding:0;
margin:0;
}

ul {list-style-type: none;}

img[src$=".svg"] {
	width: 100%;
}

#spLinkBlockInPc {
	display: none;
}

/* リンク基本 */
a {transition:0.5s;}
a:link {color:#0099CC; text-decoration:none;}
a:visited {color:#0099CC; text-decoration:none;}
a:active {color:#C13D2B; text-decoration:none;}
a:hover {color:#C13D2B; text-decoration:none;}
a img{transition:0.5s;}
a:hover img{filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
input[type="image"]:hover{filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

/* テキスト選択 */
::selection {background:#E0E0E0;}
::-moz-selection {background:#E0E0E0;}


/* 基本レイアウト */
@media (min-width: 1040px) {
	#content {overflow:hidden; width:1040px; margin:0 auto;}
	#index {overflow:hidden; width:686px; margin:0 auto;}
	#sub {overflow:hidden; width:686px; margin:0 auto;}
	#side {overflow:hidden; width:334px; margin:0 auto;}
	#footer {overflow:hidden;}
}

/*******************************
	campaing content
	**********************************/


@media only screen and (max-width:1000px){
*.pc{display:none !important;}
img {
	border: none;
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
}


@media only screen and (min-width:1000px){
*.sp{display:none !important;}
img {
	border: none;
}
}


*.fe {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

*.fe.feL{
	justify-content:flex-start;
	}
	
article.contents {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
article.contents * {
	box-sizing: border-box;
	font-size: min(3vw , 18px);
}
article.contents h1 {
	position: relative;
	padding-bottom: min(4vw , 40px);
}

article.contents h1 img:not(:nth-of-type(1)) {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: min(5vw , 30px);
	max-width: 1000px;
}

article.contents nav{}
article.contents nav ul {
	margin: 0 auto min(3vw , 30px);
	width: 100%;
	gap: min(1vw , 10px);
}
article.contents nav ul li {
	width: calc(calc(100% - calc(min(1vw , 10px) * 5)) / 6);
	border: 1px #000 solid;
	position: relative;
	text-align: center;
	border-radius: 100px;
	overflow: hidden;
	transition: .5s ease-out;
	background: rgba(255,255,255,.7);
}


article.contents nav ul li:hover{border-color:#fff; background:none;}
article.contents nav ul li::after {
	content: "";
	background: #208525;
	position: absolute;
	top: -10%;
	right: -30%;
	height: 120%;
	width: 0;
	transition: .8s ease-out;
	transform: skewX(60deg);
	box-shadow: 2px 2px 8px 1px #000 inset;
}
article.contents nav ul li:hover:after{width:160%; left:-30%; right:auto;}
article.contents nav ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #000;
	font-size: min(3vw , 18px);
	transition: .5s ease-out;
	padding: min(1vw , 10px) min(3vw , 30px) min(1vw , 10px) min(3vw , 10px);
}
	
article.contents nav ul li a:hover{color:#fff;}
article.contents nav ul li a::after {
	content: "▼";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: min(2vw , 15px);
	display: block;
	height: 14px;
	font-size: min(3vw , 15px);
	line-height: 1;
}

article.contents nav.nav02 ul {margin: min(7vw , 70px) auto;}
article.contents nav.nav02 ul li{width:70%;}
article.contents nav.nav02 ul li a::after {
	content: "▲";
	}
article.contents section.content {
	width: 96%;
	max-width: 1100px;
	margin: auto;
	background: #feecd2;
	border-radius: 20px;
	padding: min(4vw , 40px) min(4vw , 50px) min(8vw , 40px);
	text-align: center;
}
article.contents section.content + section{margin-top:min(10vw , 100px);}
article.contents section.content *.w100 {width: 100% !important;}
article.contents section.content *.w70 {width: 55% !important;}
article.contents section.content *.w30 {width: 40% !important;}
article.contents section.content *.nB{border:none !important; margin:0 !important; padding:0 !important;}
article.contents section.content *.mT30{margin-top:min(5vw , 30px);}
article.contents section.content *.mB30{margin-bottom:min(5vw , 30px);}
article.contents section.content *.mT70{margin-top:min(8vw , 70px);}
article.contents section.content *.mB70{margin-bottom:min(8vw , 70px);}
article.contents section.content * img {width: 100%; height:auto;}
article.contents section.content a img {width: auto; height:auto;}

article.contents section.content dl.fe dd a.soldout {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}
article.contents section.content dl.fe dd a.soldout::before {
	content: "SOLD OUT";
	background: rgba(00,00,00,.7);
	color: #fff;
	width: 85%;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 90%;
	border-radius: 100px;
	right: 0;
	margin: auto;
	line-height: 75px;
	font-size: 4rem;
	z-index: 5;
}

article.contents > h2 {
	margin: min(7vw , 70px) auto min(2vw , 20px);
	width: min(96% , 1000px);
}

article.contents section.content.content01{}
article.contents section.content.content01 h2{margin-bottom:min(5vw , 50px);}
article.contents section.content.content01 dl.fe {
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
article.contents section.content.content01 dl.fe + dl {
	margin-top: min(8vw , 70px);
	border-top: #7a6a56 2px dotted;
	padding-top: min(8vw , 70px);
}
article.contents section.content.content01 dl.fe dt,
article.contents section.content.content01 dl.fe dd {
	width: 49%;
	margin-right: 1%;
	padding-right: 1%;
}
article.contents section.content.content01 dl.fe dd + dd {
	border-left: #7a6a56 2px dotted;
	margin-left: 1%;
	padding-left: 1%;
	margin-right: 0%;
	padding-right: 0%;
}
article.contents section.content.content01 dl.fe dd.w100 {}
article.contents section.content.content01 dl.fe dd a + img{margin-top:min(3vw , 30px);}



article.contents section.content.content02{}
article.contents section.content.content02 h2{margin-bottom:min(5vw , 50px);}
article.contents section.content.content02 dl.fe {
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
article.contents section.content.content02 dl.fe + dl {
	margin-top: min(8vw , 70px);
	border-top: #7a6a56 2px dotted;
	padding-top: min(8vw , 70px);
}
article.contents section.content.content02 dl.fe dt,
article.contents section.content.content02 dl.fe dd {
	width: 49%;
	margin-right: 1%;
	padding-right: 1%;
}
article.contents section.content.content02 dl.fe dd + dd {
	border-left: #7a6a56 2px dotted;
	margin-left: 1%;
	padding-left: 1%;
	margin-right: 0%;
	padding-right: 0%;
}
article.contents section.content.content02 dl.fe dd.w100 {}
article.contents section.content.content02 dl.fe dd a + img{margin-top:min(3vw , 30px);}
article.contents section.content.content02 dl.fe dt p {
	padding: min(2vw , 20px) 0 min(2vw , 20px) min(1vw , 10px);
	text-align: right;
	font-size: min(3.5vw , 18px);
}
article.contents section.content.content02 dl.fe dt a {
	display: block;
	font-size: min(3.5vw , 18px);
	text-align: right;
}



article.contents section.content.content03{}
article.contents section.content.content03 h2{margin-bottom:min(5vw , 50px);}
article.contents section.content.content03 dl.fe {
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
article.contents section.content.content03 dl.fe + dl {
	margin-top: min(8vw , 70px);
	border-top: #7a6a56 2px dotted;
	padding-top: min(8vw , 70px);
}
article.contents section.content.content03 dl.fe dt,
article.contents section.content.content03 dl.fe dd {
	width: 49%;
	margin-right: 1%;
	padding-right: 1%;
}
article.contents section.content.content03 dl.fe dd + dd {
	border-left: #7a6a56 2px dotted;
	margin-left: 1%;
	padding-left: 1%;
	margin-right: 0%;
	padding-right: 0%;
}
article.contents section.content.content03 dl.fe dd.w100 {}
article.contents section.content.content03 dl.fe dd a + img{margin-top:min(3vw , 30px);}



article.contents section.content.content04{}
article.contents section.content.content04 h2{margin-bottom:min(5vw , 50px);}
article.contents section.content.content04 dl.fe {
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
article.contents section.content.content04 dl.fe + dl,
article.contents section.content.content04 dl.fe dt img.tB {
	margin-top: min(8vw , 70px);
	border-top: #7a6a56 2px dotted;
	padding-top: min(8vw , 70px);
}
article.contents section.content.content04 dl.fe dt,
article.contents section.content.content04 dl.fe dd {
	width: 49%;
	margin-right: 1%;
	padding-right: 1%;
}
article.contents section.content.content04 dl.fe dd + dd {
	border-left: #7a6a56 2px dotted;
	margin-left: 1%;
	padding-left: 1%;
	margin-right: 0%;
	padding-right: 0%;
}
article.contents section.content.content04 dl.fe dd.w100 {}
article.contents section.content.content04 dl.fe dd a + img{margin-top:min(3vw , 30px);}



article.contents section.content.content05{}
article.contents section.content.content05 h2{margin-bottom:min(5vw , 50px);}
article.contents section.content.content05 dl.fe {
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
article.contents section.content.content05 dl.fe + dl,
article.contents section.content.content05 dl.fe dt img.tB {
	margin-top: min(8vw , 70px);
	border-top: #7a6a56 2px dotted;
	padding-top: min(8vw , 70px);
}
article.contents section.content.content05 dl.fe dt,
article.contents section.content.content05 dl.fe dd {
	width: 49%;
	margin-right: 1%;
	padding-right: 1%;
}
article.contents section.content.content05 dl.fe dd + dd {
	border-left: #7a6a56 2px dotted;
	margin-left: 1%;
	padding-left: 1%;
	margin-right: 0%;
	padding-right: 0%;
}
article.contents section.content.content05 dl.fe dd.w100 {}
article.contents section.content.content05 dl.fe dd a + img{margin-top:min(3vw , 30px);}



article.contents section.content.content06{}
article.contents section.content.content06 h2{margin-bottom:min(5vw , 50px);}
article.contents section.content.content06 dl.fe {
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
article.contents section.content.content06 dl.fe + dl,
article.contents section.content.content06 dl.fe dt img.tB {
	margin-top: min(8vw , 70px);
	border-top: #7a6a56 2px dotted;
	padding-top: min(8vw , 70px);
}
article.contents section.content.content06 dl.fe dt,
article.contents section.content.content06 dl.fe dd {
	width: 49%;
	margin-right: 1%;
	padding-right: 1%;
}
article.contents section.content.content06 dl.fe dd + dd {
	margin-left: 1%;
	padding-left: 1%;
	margin-right: 0%;
	padding-right: 0%;
}
article.contents section.content.content06 dl.fe dd.w100 {}
article.contents section.content.content06 dl.fe dd.bgGreen {padding:15px; background:#9cc768; border-radius:10px;}
article.contents section.content.content06 dl.fe dd a + img{margin-top:min(3vw , 30px);}



article.contents section.content.content07{}
article.contents section.content.content07 h2{margin-bottom:min(5vw , 50px);}
article.contents section.content.content07 dl.fe {
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
article.contents section.content.content07 dl.fe + dl,
article.contents section.content.content07 dl.fe dt img.tB {
	margin-top: min(8vw , 70px);
	border-top: #7a6a56 2px dotted;
	padding-top: min(8vw , 70px);
}
article.contents section.content.content07 dl.fe dt,
article.contents section.content.content07 dl.fe dd {
	width: 49%;
	margin-right: 1%;
	padding-right: 1%;
}
article.contents section.content.content07 dl.fe dd + dd {
	margin-left: 1%;
	padding-left: 1%;
	margin-right: 0%;
	padding-right: 0%;
}
article.contents section.content.content07 dl.fe dd.w100 {width:100%;}
article.contents section.content.content07 dl.fe dd.bgGreen {padding:15px; background:#9cc768; border-radius:10px;}
article.contents section.content.content07 dl.fe dd a + img{margin-top:min(3vw , 30px);}
article.contents section.content.content07 dl.fe dt p {
	padding: min(2vw , 20px) 0 0;
	text-align: right;
	font-size: min(3vw , 18px);
}


article.contents section.content.content01 dl.fe dt a img,
article.contents section.content.content02 dl.fe dt a img,
article.contents section.content.content03 dl.fe dt a img,
article.contents section.content.content04 dl.fe dt a img,
article.contents section.content.content05 dl.fe dt a img,
article.contents section.content.content06 dl.fe dt a img,
article.contents section.content.content01 dl.fe dd a img,
article.contents section.content.content02 dl.fe dd a img,
article.contents section.content.content03 dl.fe dd a img,
article.contents section.content.content04 dl.fe dd a img,
article.contents section.content.content05 dl.fe dd a img,
article.contents section.content.content06 dl.fe dd a img,
article.contents section.content.content07 dl.fe dd a img{
	max-width:85%;
	margin-top:min(1vw , 10px);
	}
article.contents > ul {
	width: 95%;
	margin: min(5vw , 50px) auto 0;
	color: #fff;
	line-height: 1.5;
	display: flex;
	flex-wrap: wrap;
	gap: min(2vw , 10px);
	justify-content: flex-start;
}
article.contents > ul li {
	width: 100%;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

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

article.contents nav {
	margin-top: 3vw;
}
article.contents nav ul {
	justify-content: flex-start;
	gap: min(3vw , 20px) min(2vw , 20px);
	width: 90%;
}
article.contents nav ul li {
	width: calc(calc(100% - calc(min(2vw , 20px))) / 2);
	margin: 0;
}
article.contents nav.nav02 ul li {width: 70%; margin: 3vw auto;}

article.contents section.content dl.fe dd a.soldout::before {
    content: "SOLD OUT";
    background: rgba(00,00,00,.7);
    color: #fff;
    width: 85%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 95%;
    border-radius: 100px;
    right: 0;
    margin: auto;
    line-height: 14vw;
    font-size: 5vw;
    z-index: 5;
}

/*
article.contents nav ul li {width: calc(96% / 2);border-color:#e60012; margin:1vw 1%;}
article.contents nav ul li::after {width: 150%; transform: initial; box-shadow: 2px 2px 8px 1px #000 inset;}
article.contents nav ul li a{color:#af2d23; text-align:left;}
*/

article.contents h1 img:not(:nth-of-type(1)) {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	max-width: 90%;
}
article.contents h1 {
	padding-bottom: 15vw;
}
article.contents section.content.content01 dl.fe dt,
article.contents section.content.content02 dl.fe dt,
article.contents section.content.content03 dl.fe dt,
article.contents section.content.content04 dl.fe dt,
article.contents section.content.content05 dl.fe dt,
article.contents section.content.content06 dl.fe dt,
article.contents section.content.content07 dl.fe dt,
article.contents section.content.content04 dl.fe dt.w70,
article.contents section.content.content04 dl.fe dd.w30 {
	width:100% !important;
}

article.contents section.content.content01 dl.fe dt.mB30,
article.contents section.content.content02 dl.fe dt.mB30,
article.contents section.content.content03 dl.fe dt.mB30,
article.contents section.content.content04 dl.fe dt.mB30,
article.contents section.content.content05 dl.fe dt.mB30,
article.contents section.content.content06 dl.fe dt.mB30,
article.contents section.content.content01 dl.fe dt.mT70,
article.contents section.content.content02 dl.fe dt.mT70,
article.contents section.content.content03 dl.fe dt.mT70,
article.contents section.content.content04 dl.fe dt.mT70,
article.contents section.content.content05 dl.fe dt.mT70,
article.contents section.content.content06 dl.fe dt.mT70,
article.contents section.content.content01 dl.fe dd img.mB30,
article.contents section.content.content02 dl.fe dd img.mB30,
article.contents section.content.content03 dl.fe dd img.mB30,
article.contents section.content.content04 dl.fe dd img.mB30,
article.contents section.content.content05 dl.fe dd img.mB30,
article.contents section.content.content06 dl.fe dd img.mB30 {
	margin:0;
	}

article.contents section.content.content01 dl.fe dd,
article.contents section.content.content02 dl.fe dd,
article.contents section.content.content03 dl.fe dd,
article.contents section.content.content04 dl.fe dd,
article.contents section.content.content05 dl.fe dd,
article.contents section.content.content06 dl.fe dd,
article.contents section.content.content07 dl.fe dd {
	width: 100%;
}

article.contents section.content.content01 dl.fe dd a,
article.contents section.content.content02 dl.fe dd a,
article.contents section.content.content03 dl.fe dd a,
article.contents section.content.content04 dl.fe dd a,
article.contents section.content.content05 dl.fe dd a,
article.contents section.content.content06 dl.fe dd a,
article.contents section.content.content07 dl.fe dd a{
	text-align:center;
	}
article.contents section.content.content01 dl.fe dd a img,
article.contents section.content.content02 dl.fe dd a img,
article.contents section.content.content03 dl.fe dd a img,
article.contents section.content.content04 dl.fe dd a img,
article.contents section.content.content05 dl.fe dd a img,
article.contents section.content.content06 dl.fe dd a img,
article.contents section.content.content07 dl.fe dd a img{
	max-width:85%;
	margin-top:min(3vw , 30px);
	}

article.contents section.content.content01 dl.fe dd a + img,
article.contents section.content.content02 dl.fe dd a + img,
article.contents section.content.content03 dl.fe dd a + img,
article.contents section.content.content04 dl.fe dd a + img,
article.contents section.content.content05 dl.fe dd a + img,
article.contents section.content.content06 dl.fe dd a + img,
article.contents section.content.content07 dl.fe dd a + img,
article.contents section.content.content04 dl.fe dd.w30 img{margin-top:min(7vw , 70px);}

article.contents section.content.content01 dl.fe dd + dd,
article.contents section.content.content02 dl.fe dd + dd,
article.contents section.content.content03 dl.fe dd + dd,
article.contents section.content.content04 dl.fe dd + dd,
article.contents section.content.content05 dl.fe dd + dd,
article.contents section.content.content06 dl.fe dd + dd,
article.contents section.content.content07 dl.fe dd + dd {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: min(8vw , 70px) !important;
	border-top: #7a6a56 2px dotted !important;
	padding-top: min(8vw , 70px) !important;
}

article.contents section.content.content07 dl.fe dt p {
	padding: min(2vw , 20px) 0 0;
	text-align: left;
	font-size: min(3vw , 18px);
}



}



/*******************************
	フッター
********************************/

.userGuide.bg01 div p {
	display: block;
	width: 100%;
	margin-bottom: 24px;
	font-feature-settings: "palt";
	font-size: 14px;
	line-height: 24px;
}


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

.userGuide.bg01 .userGuide__tel p {
	display: flex;
	align-items: center;
	background: #fff;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -1px;
}

.userGuide.bg01 div p {
	font-size: 14px;
}

.userGuide.bg01 div p:last-child {
	margin-bottom: 0;
}


}



/*Copyright*/
.copyright {
	line-height: 20px;
	text-align: center;
	padding: 10px 10px;
	font-size: min(3vw , 12px);
	color: #fff;
}