@charset "Shift_JIS";
@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css");

/*---------------------------------------------------------- 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;}
.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{
	font-size: 4.27vw;
	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;
}
.f54{font-size: 7.2vw;}
.f46{font-size: 1.49em;}
.f44{font-size: 1.38em;}
.f42{font-size: 1.31em;}
.f40{font-size: 1.25em;}
.f38{font-size: 1.19em;}
.f36{font-size: 1.13em;}
.f34{font-size: 1.06em;}
.f32{font-size: 1em;}
.f30{font-size: 0.94em;}
.f28{font-size: 0.88em;}
.f26{font-size: 0.81em;}
.f25{font-size: 0.78em;}
.f24{font-size: 0.75em;}
.f22{font-size: 0.69em;}
.f20{font-size: 0.62em;}
.f18{font-size: 0.56em;}
@media (min-width: 750px){
main{font-size: 30px;}
}
.red{
	/* color: #ef0808; */
	color: #c11512;
}
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{
	max-width: 750px;
	margin: 0 auto;
	color: #302d53;
	overflow: hidden;
	background: #fff;
	display: block;
    /*box-shadow: rgba(255,169,169,0.8) 0px 0px 20px;*/
    padding-top: 0;
}
.main_wrap{
	width: 100%;
	background-color: #c9f7ff;
    /*background-image: url("../../../img/genre/02001320/bg001.svg");*/
    background-image: url("/img/genre/02001320/bg001.svg");
    background-size: 100%;
	background-attachment: fixed;
	background-position: center top;
    background-repeat: no-repeat;
	overflow: hidden;
}
@media (max-width: 750px){
    main{
        margin: 0 auto;
    }
    .main_wrap{
        padding: 0;
        background-image: none;
    }
}

/*------------------------------------------------ offer */
.ofr {
	padding: 0;
    margin-top: 4%;
    margin-bottom: 5.333%;
    background: #fff;
}
.ofr .crt_btn 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 3%;
	box-shadow: 0px 0.2em #a05f1f;
	position: relative;
}
.ofr .crt_btn 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 .crt_btn a:hover {
	opacity: 0.9;
	text-decoration:none;
}
.ofr .cmt {
	font-size: 0.75em;
	color: #666;
	margin-left: 3%;
	padding-bottom: 8%;
	padding-top: 2.6666%;
}

.sale_before p.crt_btn a {
	background: #d2d2d2;
	box-shadow: 0px 0.2em #999;
	padding: 0.9em;
	pointer-events: none;
}
.sale_before p.crt_btn a::before {
	display: none;
}
.sale_before p.crt_btn a:hover {
	opacity: 1;
}
.cmt {
	/*
	text-indent: -1em;
	padding-left: 1em;
	*/
	font-size: 0.75em;
}
.cmt li {
	position: relative;
	padding-left: 1.2em;
    padding-right: 4%;
}
.cmt li:before {
	content: "�E";
	width: 0.75em;
	height: 0.75em;
	position: absolute;
	left: 0px;
	top: 0px;
}
a:hover {
	opacity: 0.85;
}
sup {
	font-size: 0.5em;
}
.fv {
	background-color: #fff;
    padding: 0;
    margin: 0 0 5.333% 0;
}

main section {
	/*background: #ffdede;*/
	position: relative;
}

.w690 {
	width: 92%;
	margin: auto;
}
.w710 {
	width: 94.66%;
	margin: auto;
}
.acc_bt_b a {
	margin: 8% auto;
}
.lazy {
    transition: 0.3s;
}

img {
	max-width: 100%;
}
mark {
	background-color: transparent;
	color: #008fe1;
	font-style: normal;
	font-weight: bold;
}
.item01 div[class^="area"] p,
.item02 div[class^="area"] p,
.item03 div[class^="area"] p,
.item04 div[class^="area"] p,
.item05 div[class^="area"] p {
	text-align: justify;
}
.item01 .txt-cmt,
.item02 .txt-cmt,
.item03 .txt-cmt,
.item04 .txt-cmt,
.item05 .txt-cmt {
	font-size :0.7em;
	text-indent: 0;
	padding-left: 0;
}
.item01 h2,
.item02 h2,
.item03 h2,
.item04 h2,
.item05 h2 {
    margin: 0 0 2.666% 0;
}
.area01, .area02, .area03, .area04, .area05, .area06 {
    position: relative;
}
.area01 .img, .area02 .img, .area03 .img, .area04 .img, .area05 .img, .area06 .img {
    width: 100%;
}
.area01 .txt, .area02 .txt, .area03 .txt, .area04 .txt, .area05 .txt, .area06 .txt {
    display: block;
}
p.txt.headline {
    padding-top: 4.5%;
	margin: 0 8%;
}

/*---------------------------------------------------------- ?¿½?¿½?¿½?¿½ */
.ofr {
	padding-bottom: 2%;
    margin-bottom: 0;
}

.item01,
.item02,
.item03 {
    margin: 0 0 8% 0;
}
.item04 {
    margin: 0;
}
/*---------------------------------------------------------- item01 */
.item01 .area_top {
	margin-bottom: 6%;
}

.item01 .area01 {
	padding-bottom: 2%;
}
.item01 .area01 .txt {
	margin: 0% 8%;
}
.item01 .area01 .txt-cmt {
    margin: 2.4% 8% 6%;
}

.item01 .area02 {
	padding-bottom: 2%;
}
.item01 .area02 .txt {
    position: absolute;
	width: 40%;
    padding-top: 2%;
	margin: 0 8% 0 0;
    top: 0;
    right: 0;
}
.item01 .area02 .txt-cmt {
    margin: 2.4% 8% 6%;
}
@media (max-width: 750px){
    .item01 .area02 .txt {
        padding-top: 0;
    }
    .item01 .area02 .txt-cmt {
        padding-top: 6%;
    }
}

.item01 .area03 {
	padding-bottom: 1%;
}
.item01 .area03 .txt {
    margin: 4% 8% 2%;
}
.item01 .area03 .txt-cmt {
	margin: 0 8% 2%;
}
/*------------------------------------------------ item02 */
.item02 .area_top {
	margin-bottom: 3%;
}

.item02 .area01 {
	padding-bottom: 4%;
}
.item02 .area01 .txt {
    position: absolute;
    width: 40%;
    padding-top: 4%;
    margin: 0 8% 0 0;
    top: 0;
    right: 0;
}
@media (max-width: 750px){
    .item02 .area01 {
        margin-top: 5%;
        padding-bottom: 5%;
    }
}

.item02 .area02 {
	padding-bottom: 0;
    margin-top: -1%;
}
.item02 .area02 .txt {
    position: absolute;
    width: 40%;
    padding-top: 4%;
    margin: 0 0 0 8%;
    top: 0;
    left: 0;
}
@media (max-width: 750px){
    .item02 .area02 {
        margin-top: 0;
        padding-bottom: 6%;
    }
}

.item02 .area03 {
	padding-bottom: 0;
	margin-top: 6%;
}
.item02 .area03 .txt {
    margin: 0 4.5% 3%;
}
@media (max-width: 750px){
    .item02 .area03 {
        margin-top: 2%;
    }
    .item02 .area03 .txt {
        margin-top: -2%;
    }
}

.item02 .ofr {
    margin-bottom: 0;
}
/*------------------------------------------------ item03 */
.item03 .area_top {
	margin-bottom: 6%;
}
.item03 .area01 {
    padding-top: 0;
    padding-bottom: 2%;
}
.item03 .area01 .txt {
    margin: 0 8% 0;
}

.item03 .area02 {
	padding-bottom: 4%;
}
.item03 .area02 .txt {
    position: absolute;
	width: 40%;
    padding-top: 4%;
	margin: 0 8% 0 0;
    top: 0;
    right: 0;
}

.item03 .area03 {
	padding-bottom: 0;
}
.item03 .area03 .txt {
	margin: 1% 8% -2%;
}
@media (max-width: 750px){
    .item03 .area03 .txt {
        margin-bottom: 0;
    }
}

/*------------------------------------------------ item04 */
.item04 .area_top {
	margin-bottom: 4%;
}

.item04 .area01 {
	padding-bottom: 14%;
}
.item04 .area01 .txt {
    position: absolute;
    width: 40%;
    padding-top: 1%;
    margin: 0 8% 0 0;
    top: 0;
    right: 0;
}
@media (max-width: 750px){
    .item04 .area01 {
        padding-bottom: 18%;
    }
}

.item04 .area02 {
	padding-bottom: 4%;
}
.item04 .area02 .txt {
    position: absolute;
    width: 40%;
    padding-top: 4%;
    margin: 0 0 0 8%;
    top: 0;
    left: 0;
}
@media (max-width: 750px){
    .item04 .area02 {
        padding-bottom: 8%;
    }
    .item04 .area02 .txt {
        padding-top: 2%;
    }
}

.item04 .area03 {
	padding-bottom: 3%;
}
.item04 .area03 .txt {
    margin: 1% 8% 2%;
}


.item04 .area04 {
	padding-bottom: 6%;
}
.item04 .area04 .txt {
    position: absolute;
    width: 40%;
    padding-top: 2%;
    margin: 0 8% 0 0;
    top: 0;
    right: 0;
}
@media (max-width: 750px){
    .item04 .area04 {
        padding-bottom: 8%;
    }
    .item04 .area04 .forPC {
        display: none;
    }
}

.item04 .area05 {
	padding-bottom: 4%;
}
.item04 .area05 .txt {
    position: absolute;
    width: 40%;
    padding-top: 1%;
    margin: 0 0 0 8%;
    top: 0;
    left: 0;
}
@media (max-width: 750px){
    .item04 .area05 {
        padding-bottom: 8%;
    }
}

.item04 .ofr {
    margin-bottom: 0;
}