@charset "Shift_JIS";
/*---------------------------------------------------------- Reset */
html{color:#000;background:#fff}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}ol li{margin-left: 0;list-style: none;}

/*---------------------------------------------------------- ”Ä—pƒNƒ‰ƒX */
.mt0 { margin-top: 0px !important;}
.mb0 { margin-bottom: 0px !important;}
.pt0 { padding-top: 0px !important;}
.pb0 { padding-bottom: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mb5 { margin-bottom: 5px !important;}
.pt5 { padding-top: 5px !important;}
.pb5 { padding-bottom: 5px !important;}
.mt10 { margin-top: 1.33% !important;}
.mb10 { margin-bottom: 1.33% !important;}
.pt10 { padding-top: 1.33% !important;}
.pb10 { padding-bottom: 1.33% !important;}
.mt15 { margin-top: 15px !important;}
.mb15 { margin-bottom: 15px !important;}
.pt15 { padding-top: 15px !important;}
.pb15 { padding-bottom: 15px !important;}
.mt20 { margin-top: 2.7% !important;}
.mb20 { margin-bottom: 2.7% !important;}
.pt20 { padding-top: 2.7% !important;}
.pb20 { padding-bottom: 2.7% !important;}
.mt25 { margin-top: 25px !important;}
.mb25 { margin-bottom: 25px !important;}
.pt25 { padding-top: 25px !important;}
.pb25 { padding-bottom: 25px !important;}
.mt30 { margin-top: 4% !important;}
.mb30 { margin-bottom: 4% !important;}
.pt30 { padding-top: 4% !important;}
.pb30 { padding-bottom: 4% !important;}
.mt35 { margin-top: 35px !important;}
.mb35 { margin-bottom: 35px !important;}
.pt35 { padding-top: 35px !important;}
.pb35 { padding-bottom: 35px !important;}
.mt40 { margin-top: 5.33% !important;}
.mb40 { margin-bottom: 5.33% !important;}
.pt40 { padding-top: 5.33% !important;}
.pb40 { padding-bottom: 5.33% !important;}
.mb50 { margin-bottom: 6.67% !important;}
.pb50 { padding-bottom: 6.67% !important;}
.mb60 { margin-bottom: 8% !important;}
.pb60 { padding-bottom: 8% !important;}
.mb70 { margin-bottom: 9.33% !important;}
.mb80 { margin-bottom: 10.66% !important;}
.mb100{ margin-bottom: 13.33% !important;}
.mb110{ margin-bottom: 14.33% !important;}
.tac{text-align: center;}
.tar{text-align: right;}
.tal{text-align: left;}
.ma{margin: auto;}
.marker { background-color: #ffff00;}
.cmt_small{font-size: 3.2vw;text-indent: -1em;padding-left: 1em;}
.cmt_2{font-size: 0.67em;text-indent: -1em;padding-left: 1em;}
.fl{float: left;}
.fr{float: right;}
.cfx::after {
    content:"";
    display:block;
    clear:both;
}
.bold{
	font-weight: bold;
}
.mincho {font-family: "Ÿà–¾’©", YuMincho,"Sawarabi Mincho", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", serif!important;}


/*------------------------------------------------------- ƒtƒHƒ“ƒg�Ý’è */
.navitopicpath_,
.GenreStyle_,
.container_ {
    padding: 0!important;
}
h2.genre_name_,
h2.common_headline2_,
div#genre_common_box,
.rightmenuframe_ {
    display: none;
}
.tdu{
	text-decoration: underline;
}
.main_wrap{
	font-size: clamp(8px, 4vw, 30px);
	line-height: 1.6;
    font-family: "ŸàƒSƒVƒbƒN", "Yu Gothic", YuGothic,ƒqƒ‰ƒMƒmŠpƒS Pro W3,Hiragino Kaku Gothic Pro,ƒ�ƒCƒŠƒI,Meiryo,Osaka,‚l‚r ‚oƒSƒVƒbƒN,MS PGothic,sans-serif;
}

/* ===== ƒtƒHƒ“ƒgƒTƒCƒYƒNƒ‰ƒX�i30pxŠî�€�j ===== */

.f54{font-size: 1.8em;}   /* 54px */
.f46{font-size: 1.53em;}  /* 46px */
.f44{font-size: 1.47em;}  /* 44px */
.f42{font-size: 1.4em;}   /* 42px */
.f40{font-size: 1.33em;}  /* 40px */
.f38{font-size: 1.27em;}  /* 38px */
.f36{font-size: 1.2em;}   /* 36px */
.f34{font-size: 1.13em;}  /* 34px */
.f32{font-size: 1.07em;}  /* 32px */
.f30{font-size: 1em;}     /* 30px�iŠî�€�j */
.f28{font-size: 0.93em;}  /* 28px */
.f26{font-size: 0.87em;}  /* 26px */
.f25{font-size: 0.83em;}  /* 25px */
.f24{font-size: 0.8em;}   /* 24px */
.f22{font-size: 0.73em;}  /* 22px */
.f20{font-size: 0.67em;}  /* 20px */
.f18{font-size: 0.6em;}   /* 18px */

@media (min-width: 750px){
main{font-size: 30px;}
}
.red{
	color: #ef0808;
	font-weight: bold;
}
main .fv a:link,main .fv a:visited{
	color: inherit;
	text-decoration: underline;
}
div.container_ div.contents_, div.container_ div.contents_ div.mainframe_, div.container_ div.contents_ div.mainframe_ .event_ .goods_, div.container_ div.mainframe_, div.container_ div.mainframe_ .event_ .goods_ {
    width: 100%;
}

/*---------------------------------------------------------- Šî–{�Ý’è */
main a:link,main a:visited{
	color: inherit;
	text-decoration: none;
}
main *{box-sizing: border-box;}
main img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
main{
	display: block;
	max-width: 750px;
	margin: auto;
	color: #111;
	overflow: hidden;
	background: #fff;
	display: block;
	padding-bottom: 3%;
}
.main_wrap{
	background: url(/img/genre/02002001/bg001.png);
}
.ofr{
	background: #fff;
	padding: 2% 0 6%;
}
.ofr .bt a{
	display: block;
	background: #FFA500;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	padding: 0.9em 0 0.9em 0.7em;
	border-radius: 0.16em;
	line-height: 1;
	width: 94.66%;
	margin: 1.5% auto 5%;
	box-shadow: 0px 0.2em #a05f1f;
	position: relative;
}
.ofr .bt a::before{
	display: block;
	content: '�¥';
	position: absolute;
	font-size: 0.35em;
	transform: rotate(30deg);
	top: 0;
	bottom: 0;
	margin: auto;
	height: 1em;
	left: 10.0em;
}
.ofr .bt a:hover{
	opacity: 0.9;
	text-decoration:none;
}
.ofr .pr{
	margin: auto;
}
.ofr .code_area{
	text-align: center;
	margin-top: 0.5em;
}
.ofr .code_area_2{
	font-weight: bold;
	background: #f95b61;
	color: #fff;
	width: 84%;
	margin: auto;
	padding: 0.5%;
}
.sale_before p.bt a{
	background: #d2d2d2;
	box-shadow: 0px 0.2em #999;
	padding: 0.9em;
	pointer-events: none;
}
.sale_before p.bt a::before{
	display: none;
}
.sale_before p.bt a:hover{
	opacity: 1;
}
.ofr .ofr_img{
	margin-bottom: -3%;
}
.ofr .cmt{
	color: #666;
	margin: 0 3%;
}
.ofr .cmt li{
	position: relative;
}
.ofr .cmt li::before {
  content: "�E";
  position: absolute;
  left: -1em;
  top: 0.10em;       /* �© �cˆÊ’u‚ðŽ©—R‚É’²�®‚Å‚«‚é */
  font-size: 0.9em;
}
.ofr .cmt{
	text-indent: -0em;
	padding-left: 1em;
	font-size: 0.78em;
}
a:hover{
	opacity: 0.85;
}
.fv .t1{
	margin: 2% 2.66% 4%
}
main section{
	background: #fff;
	position: relative;
}
.ttl .item{
	position: relative;
	top: -.4em;
}
.ttl h2{
	margin-top: -1em;
}
.w690{
	width: 92%;
	margin: auto;
}
.w650{
	width: 86.67%;
	margin: auto;
}
.w710{
	width: 94.66%;
	margin: auto;
}
.acc_bt_b a{
	margin: 8% auto;
}
.lazy {
    transition: 0.3s;
}
main .t1{
	line-height: 1.5;
}


/*---------------------------------------------------------- item01 */
.item01 .g1{
    position: relative;
    margin-bottom: 15%;
}
.item01 .g1 .t1{
    width: 42%;
    position: absolute;
    bottom: -5%;
    left: 5%;
    line-height: 1.7;
}
.item01 .g2{
    position: relative;
    margin-bottom: 15%;
}
.item01 .g2 .im2{
    width: 33.33%;
    margin-left: 8%;
}
.item01 .g2 .t2{
    width: 42%;
    position: absolute;
    top: 0%;
    right: 5%;
    line-height: 1.7;
}

.item01 .g3{
	position: relative;
	margin-bottom: 14%;
}
.item01 .g3 .t3{
    width: 42%;
    position: absolute;
    top: -3%;
    left: 4%;
    line-height: 1.7;
}
.item01 .g3 .im3{
	width: 40%;
	margin: 0 4% 10% auto;
}
/*---------------------------------------------------------- item02 */
.item02 .g1{
	margin-top: -2em;
}
.item02 .g3{
	position: relative;
}
.item02 .g3 .t3{
	position: relative;
	z-index: 1;
}
.item02 .g3 .im3{
	width: 60.13%;
	position: absolute;
	top: 0;
	right: 0;
}

/*---------------------------------------------------------- item03 */
.item03 .g1 .im1{
	width: 79.73%;
	margin: auto;
}
.item03 .g2{
	position: relative;
}
.item03 .g2 .t2{
	width: 41.33%;
	position: absolute;
	left: 6%;
	top: 1em;
}
.item03 .g2 .im2{
	width: 50.13%;
	margin-left: auto;
}
.item03 .g3{
	margin-top: -6.2%;
}
.item03 .g3 .t3{
	width: 77.33%;
	margin: auto;
}

/*---------------------------------------------------------- item04 */
.item04 .g1{
	position: relative;
}
.item04 .g1 .t1{
	width: 60%;
	margin-left: 6.6%;
	position: relative;
	z-index: 1;
}
.item04 .g1 .im1{
	width: 42.13%;
	position: absolute;
	bottom: -16%;
	right: 4%;
}
.item04 .g3{
	position: relative;
}
.item04 .g3 .im3{
	width: 49.73%;
	margin: 0 0.5% 0 auto;
}
.item04 .g3 .t3_2{
	width: 40%;
	position: absolute;
	left: 6%;
	margin-top: -2%;
}
.item04 .g4{
	position: relative;
}
.item04 .g4 .t4{
	width: 40%;
	position: absolute;
	left: 6%;
	top: -2%;
}
.item04 .g4 .im4{
	width: 48.93%;
	margin: 0 3% 0 auto;
}

/*---------------------------------------------------------- item05 */
.item05 .g2{
	position: relative;
}
.item05 .g2 .im2{
	width: 41.47%;
	margin-left: 6%;
}
.item05 .g2 .t2{
	width: 41.47%;
	position: absolute;
	right: 6%;
	top: 12%;
}
.item05 .g3{
	position: relative;
}
.item05 .g3 .im3{
	width: 50%;
	margin-left: auto;
}
.item05 .g3 .t3{
	width: 41.47%;
	position: absolute;
	left: 6%;
	top: 10%;
}

/*---------------------------------------------------------- ‘•�ü */

main .deco figure{
	position: absolute;
}
/* ---------- item01 ---------- */
.item01 .d1 {
	width: 13.2%; 
	top: 27.5%;
	left: 0;
} /* 99 / 750 */
.item01 .d2 {
	width: 13.6%;
	top: 50%;
	left: 8.6em;
} /* 102 / 750 */
.item01 .d3 {
	width: 11.73%;
	top: 58%;
	left: 0;
} /* 88 / 750 */
.item01 .d4 {
	width: 26.93%;
	bottom: 23em;
	right: 0;
} /* 202 / 750 */

/* ---------- item02 ---------- */
.item02 .d1 {
	width: 11.87%;
	top: 33.2%;
	right: 4%;
} /* 89 / 750 */
.item02 .d2 {
	width: 12.27%;
	top: 47.5%;
	left: 0;
} /* 92 / 750 */
.item02 .d3 {
	width: 7.33%; 
	bottom: 28em;
	left: 0;
} /* 55 / 750 */
.item02 .d4 {
	width: 13.2%; 
	bottom: 24em;
	right: 0;
} /* 99 / 750 */

/* ---------- item03 ---------- */
.item03 .d1 {
	width: 17.6%; 
	top: 22.5%;
	left: 0;
} /* 132 / 750 */
.item03 .d2 {
	width: 16%;   
	top: 27%;
	right: 0;
} /* 120 / 750 */
.item03 .d3 {
	width: 18.13%;
	bottom: 41.5%;
	left: 28%;
} /* 136 / 750 */

/* ---------- item04 ---------- */
.item04 .d1 {
	width: 15.47%;
	top: 17.2%;
	right: 0;
} /* 116 / 750 */
.item04 .d2 {
	width: 15.73%;
	top: 25.2%;
	left: 0;
} /* 118 / 750 */
.item04 .d3 {
	width: 25.47%;
	top: 38%;
	right: 0;
} /* 191 / 750 */
.item04 .d4 {
	width: 26.13%;
	top: 61%;
	left: 0;
} /* 196 / 750 */
.item04 .d5 {
	width: 24.93%;
	bottom: 21.5%;
	right: 0;
} /* 187 / 750 */

/* ---------- item05 ---------- */
.item05 .d1 {
	width: 13.2%; 
	top: 22.6%;
	left: 0;
} /* 99 / 750 */
.item05 .d2 {
	width: 11.73%;
	top: 37%;
	right: 0;
} /* 88 / 750 */
.item05 .d3 {
	width: 14.53%;
	top: 50.9%;
	left: 0;
} /* 109 / 750 */
.item05 .d4 {
	width: 9.47%; 
	top: 50%;
	right: 0;
} /* 71 / 750 */
.item05 .d5 {
	width: 27.87%;
	bottom: 31.2%;
	right: 0;
} /* 209 / 750 */