@charset "shift_jis";

body div.container_{margin-top: -35px;}
img{vertical-align: bottom;}
body{
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50% ,rgba(0,0,0,0.5) 100%) center,#111 url(/img/genre/0104/pc/bg001.jpg);
	background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%) center ,#111 url(/img/genre/0104/pc/bg001.jpg) top -84px center;
}
*{box-sizing: border-box;}
a{
	color: inherit;
	text-decoration: none;
}
a:hover{opacity: 0.8;}

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{
	display: block;
	width: 980px;
	margin: 40px auto 0;
	color: #fff;
	background-size: 1700px,auto;
	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;
	font-size: 16px;
	line-height: 1.7;
}
h2.category_name_,div.GenreStyle_{display: none;}

/**************************************************************** FV */
.flavor_top .fv{
	width: 100%;
	position: relative;
}
.flavor_top .fv h1{
	position: relative;
	left: 50%;
	margin-left: -770px
}
.flavor_top .fv div{
	position: absolute;
	width: 1609px;
	height: 772px;
	top: 0;
	left: 50%;
	margin-left: -804px
}
.flavor_top .fv_1{
	position: absolute;
	top: 0;
	right: 313px;
}
.flavor_top .fv_2{
	position: absolute;
	bottom: 0;
	right: 330px;
}
.flavor_top .fv_anime{
	position: absolute;
	bottom: 185px;
	right: 723px;
	opacity: 0.9;
}
.flavor_top .fv_anime01{
	position: absolute;
	bottom: 19px;
	left: 216px;
	opacity: 0.9;
}

/************************************************** ƒtƒ[ƒeƒBƒ“ƒOƒ{ƒ^ƒ“ */
.flavor_top .flonav{
	position: fixed;
	right: 0;
	bottom: 120px;
	margin-bottom: 80px;
	z-index: 10;
}
.flavor_top .flonav a{
	background: rgba(186,27,17,0.90);
	color: #fff;
	text-decoration: none;
	width: 210px;
	display: block;
	font-size: 18px;
	padding: 20px;
	margin-bottom: 8px;
}
.flavor_top .flonav .gotop{
	background: rgba(255,255,255,0.30);
	width: 50px;
	padding: 25px;
	margin: 0 30px 10px auto;
	border-radius: 50%;
	position: relative;
}
.flavor_top .flonav .gotop::after{
	display: block;
	content: '';
	border-top: rgba(255,255,255,0.70) solid 1px;
	border-left: rgba(255,255,255,0.70) solid 1px;
	padding: 6px;
	position: absolute;
	top: 44%;
	left: 38%;
	transform: rotate(45deg);
}

/***************************************************** ƒVƒŠ[ƒY */
.flavor_top .border{
	background: url(/img/genre/0104/pc/border_l.png) repeat-y,url(/img/genre/0104/pc/border_r.png) repeat-y right;
	margin-bottom: 20px;
}
.flavor_top .border::after{
	display: block;
	content: '';
	background: url(/img/genre/0104/pc/border_b.png) no-repeat bottom ;
	padding: 10px;
	position: relative;
	bottom: -20px;
	z-index: 0;
}
.flavor_top .series{
	width: 897px;
	margin: auto;
	position: relative;
}
.flavor_top .series a{
	display: block;
}
.flavor_top .series a:hover{
	text-decoration: underline;
}
/* .flavor_top .series ul li.newitem{
	background: url(/img/genre/0104/pc/series_ic001.png) no-repeat 5px 5px;
} */
.flavor_top .series .series_area01{
	width: 760px;
}
.flavor_top .series .parts figure{
	position: absolute;
}
.flavor_top .series .parts .parts1{
	top: 60px;
	right: -375px;
}
.flavor_top .series .parts .parts2{
	top: 150px;
	left: -300px;
}
.flavor_top .series .parts .parts3{
	bottom: -110px;
	right: -360px;
}
.flavor_top .series .series_txt{
	margin-top: 15px;
	font-weight: normal;
	text-align: left;
}
/************************************************************* ƒ‰ƒCƒ“ƒiƒbƒvƒŠƒ“ƒN */
.lineup_btn{
	margin: 200px auto 100px;
	text-align: center;
}

/************************************************************* ”Μ”„” */
.flavor_top .sales{
	width: 100%;
	position: relative;
}
.flavor_top .sales h2{
	position: relative;
	left: -14%;
}

/*************************************************** ƒCƒ“ƒXƒ^ */
.insta_1{
	width: 450px;
	margin: auto;
}
.insta::before{
	background: url(/img/genre/0104/pc/insta_bg001.png) no-repeat;
	display:block;
	content:"";
	width: 1258px;
	padding-top:212px;
	top: -212px;
	left:0;
	position:absolute;
	z-index:0;
}
.insta::after{
	background: url(/img/genre/0104/pc/insta_bg003.png) no-repeat;
	display:block;
	content:"";
	width: 1258px;
	padding-top:271px;
	bottom: -180px;
	left:0;
	position:absolute;
	z-index:0;
}
body main p.letro_logo{
	bottom: -40px;
	right: 80px;
	line-height: 1;
	position: absolute;
	z-index: 1;
}
body section.insta{
	position:relative;
	text-align: center;
	background: url(/img/genre/0104/pc/insta_bg002.png) top repeat-y;
	width: 1247px;
	margin: 270px auto 240px -131px;
	padding:110px 0 0;
}
.insta .insta_1{
	position:absolute;
	top:-80px;
	left:0;
	right:0;
	z-index:2;
}
.ecbn-selection-title.vsm-selection-title,.ecbn-selection-description.vsm-selection-description{display:none;}
.vsm-tile .ecbn-selection-item .ecbn-selection-detail{
	background:#fff;
	color:#666;
}
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item>div{border:1px solid;}
.insta_in{
	width: 980px;
	margin: 0 auto -10px;
	position: relative;
	z-index: 1;
}
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:hover{opacity:0.9;}
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item a:hover,.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item a:hover img{opacity:1;}
.ecbn-selection-page-wrapper .ecbn-selection-footer2 .ecbn-selection-powered-pre,
.ecbn-selection-page-wrapper .ecbn-selection-footer2 .ecbn-selection-powered-name{
	filter: invert(100%);
	opacity: 0.8;
}

/*************************************************** Flavor Stone‚Θ‚η */
.flavor_top .how{
	width: 100%;
	position: relative;
}
.flavor_top .how h2{
	position: relative;
	left: 50%;
	margin-left: -812px
}
.flavor_top .how .border{
	width: 897px;
	margin: auto;
	position: relative;
}
.flavor_top .how .how_area04{
	border: 1px #fff solid;
	width: 640px;
	padding: 20px;
	margin-top: -35px;
}
.flavor_top .how .how_area04 p:nth-child(2){
	padding: 0 15px 0 120px;
}
.flavor_top .how .how_area04 a{
	background: #FFF9C9;
	color: #2d4552;
	text-decoration: none;
	padding: 2px 30px 2px 40px;
	border-radius: 10px;
	position: relative;
}
.flavor_top .how .how_area04 a::before{
	content: '';
	display: block;
	position: absolute;
	padding: 2px;
	border-top: 1px solid #2d4552;
	border-left: 1px solid #2d4552;
	top: 7px;
	left: 27px;
	transform: rotate(135deg);
}
.flavor_top .how h3{
	font-size: 54px;
	color: #FFF9C9;
	text-align: center;
	line-height: 1.3;
}
.flavor_top .how h3::before{
	display: block;
	content: '';
	background: url(/img/genre/0104/pc/how_pt001.png);
	width: 137px;
	height: 53px;
	margin: 0 auto 8px;
}
.flavor_top .how h3::after{
	display: block;
	content: '';
	background: url(/img/genre/0104/pc/how_li001.png) no-repeat;
	width: 401px;
	height: 18px;
	margin: 5px auto 0;
}
.flavor_top .how .p2::before{
	background: url(/img/genre/0104/pc/how_pt002.png);
}
.flavor_top .how .p3::before{
	background: url(/img/genre/0104/pc/how_pt003.png);
}
.flavor_top .how .how_area01>p.t2{
	margin: 0 0 0 58px;
	padding-bottom: 250px;
	background: url(/img/genre/0104/pc/how_im010.png) no-repeat 0 20px;
}
.flavor_top .how .how_area01_1{
	position: relative;
}
.flavor_top .how .baloon{
	text-align: center;
}
.flavor_top .how .baloon p:first-child{
	font-size: 28px;
	font-family: "Ÿΰ–Ύ’©", YuMincho, "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", serif;
	line-height: 1.3;
	margin-bottom: 10px;
}
.flavor_top .how .how_area01_1{
	position: relative;
	margin-bottom: 600px;
}
.flavor_top .how .how_area01_1_1{
	background: url(/img/genre/0104/pc/how_bl004.png) no-repeat;
	position: absolute;
	right: 35px;
	top: -20px;
	padding: 51px 27px 30px;
}
.flavor_top .how .ph{
	border: #fff solid 10px;
	position: absolute;
	box-shadow:8px 8px 10px 0px rgba(34,24,21,0.75);
	background: #fff;
}
.flavor_top .how .ph1{
	transform: rotate(-8deg);
	top: 40px;
	left: -15px;
	z-index: 2;
}
.flavor_top .how .ph2{
	transform: rotate(5deg);
	top: 250px;
	right: 120px;
}
.flavor_top .how .how_area02_1{
	position: relative;
}
.flavor_top .how .how_area02_1 p{
	color: #FFF9C9;
	position: absolute;
	bottom: 30px;
	right: 150px;
	font-size: 12px;
}
.flavor_top .how .how_area02_2{
	background: url(/img/genre/0104/pc/how_im011.png) no-repeat 45% top;
}
.flavor_top .how .how_area02_2 .bl{
	background: url(/img/genre/0104/pc/how_bl001.png) no-repeat;
	color: #2d4552;
	font-weight: bold;
	font-size: 20px;
	width: 139px;
	text-align: center;
	padding: 2px 0;
}
.flavor_top .how .how_area02_2{
	padding-top: 10px;
	margin: 0 60px;
}
.flavor_top .how .how_area02_2 span{
	font-size: 12px;
	margin-top: -5px;
	display: block;
}
.flavor_top .how .how_area02_2 .t1{
	color: #FFF9C9;
	font-size: 28px;
	font-weight: bold;
	background: url(/img/genre/0104/pc/how_li002.png) no-repeat bottom right;
	line-height: 1.5;
	display: inline-block;
}
.flavor_top .how .how_area02_3{
	padding: 0 60px 0 55px
}
.flavor_top .how .how_area02_3 .p1{
	margin-right: 30px;
}
.flavor_top .how .how_area02_4{
	position: relative;
}
.flavor_top .how .how_area02_4_1{
	background: url(/img/genre/0104/pc/how_bl002.png) no-repeat;
	width: 326px;
	padding: 51px 0 20px 2px;
	margin-left: 35px;
}
.flavor_top .how .how_area02_4 .ph3{
	transform: rotate(8deg);
	top: 0;
	right: -15px;
}
.flavor_top .how .how_area02_5{
	margin-left: 60px;
}
.flavor_top .how .how_area02_5_1{
	width: 291px;
	margin-right: 10px;
}
.flavor_top .how .how_area02_5_1 p{
	font-size: 12px;
	text-indent: -1em;
	margin-left: 1em;
}
.flavor_top .how .how_area02_5_2{
	background: url(/img/genre/0104/pc/how_bl003.png) no-repeat;
	width: 358px;
	padding: 55px 0 45px 10px;
	margin-top: 100px;
}
.flavor_top .how .how_area03 .p3 span{
	font-size: 12px;
	margin-left: 10px;
}
.flavor_top .how .how_area03_1 .ph4{
	top: 30px;
	left: -20px;
	transform: rotate(-9deg)
}
.flavor_top .how .how_area03_1{
	position: relative;
	padding: 0 60px 0 520px;
}
.flavor_top .how .how_area03_1 .t1{
	margin-left: -10px;
}
.flavor_top .how .how_area03_2{
	margin: 0 50px;
	font-size: 14px;
}
.flavor_top .how .how_area03_2_1{
	width: 245px;
	padding: 35px 10px 35px 0;
	border-right: 2px dotted rgba(255,255,255,0.75);
	margin-right: 65px;
}
.flavor_top .how .how_area03_2_1 p:first-child{
	font-size: 32px;
}
.flavor_top .how .how_area03_2_1 p:last-child{
	letter-spacing: -0.05em;
}
.flavor_top .how .how_area03_2_2{
	width: 487px;
}
.flavor_top .how .how_area03_2_2 li{
	position: relative;
	margin-bottom: 25px;
	letter-spacing: -0.05em
}
.flavor_top .how .how_area03_2_2 li::before{
	content: 'a';
	display: block;
	background: #BA1B11;
	width: 26px;
	font-size: 18px;
	text-align: center;
	border-radius: 13px;
	line-height: 26px;
	position: absolute;
	left: -37px;
	font-weight: bold;
}
.flavor_top .how .how_area03_2_2 li:nth-child(2)::before{
	content: 'b';
}
.flavor_top .how .how_area03_2_2 li:nth-child(3)::before{
	content: 'c';
}
.flavor_top .how .parts figure{
	position: absolute;
}
.flavor_top .how .parts .parts1{
	top: 672px;
	right: -123px;
}
.flavor_top .how .parts .parts2{
	top: 810px;
	right: -200px;
}
.flavor_top .how .parts .parts3{
	top: 1120px;
	left: -180px;
}
.flavor_top .how .parts .parts8{
	top: 1045px;
	right: -33px;
}
.flavor_top .how .parts .parts4{
	top: 2300px;
	right: -235px;
}
.flavor_top .how .parts .parts5{
	top: 2475px;
	left: -195px;
}
.flavor_top .how .parts .parts9{
	top: 2850px;
	right: -35px;
}
.flavor_top .how .parts .parts6{
	top: 3460px;
	left: -250px;
}
.flavor_top .how .parts .parts7{
	top: 3690px;
	right: -185px;
}
.flavor_top .how .how_txt{
    width: 897px;
    margin: 35px auto;
    position: relative;
    text-align: right;
}

/*************************************************************** aiyou */
.aiyou{
	position: relative;
	padding: 87px 0 100px;
}
.aiyou ul li{
	width: 50%;
	float: left;
	text-align: center;
}
.aiyou ul li:nth-child(1) .im1{
	margin-left: -50px;
}
.aiyou .im2{
	text-align: center;
	position: relative;
	top: -35px;
	margin-bottom: -130px;
}
.aiyou .parts figure{
	position: absolute;
}
.aiyou .parts1{
	bottom: 200px;
	right: -60px
}

/***************************************************** ƒ‰ƒCƒ“ƒiƒbƒv */
#lineup{
	padding: 30px 0;
	background: #f2ecdf url(/img/genre/0104/pc/bg002.jpg);
}
#lineup + div.event_{
	background: #f2ecdf url(/img/genre/0104/pc/bg002.jpg);
}
.lineup_box{
	width: 980px;
	margin-inline: auto;
}
#goods_box1,#goods_box2,#goods_box3,#goods_box4{
	margin-inline: auto;
}
#goods_box1.goods_,#goods_box2.goods_,#goods_box3.goods_,#goods_box4.goods_{
	position: relative;
	width: 1008px;
}

/***************************************************** “ΑW */
.feature{
	width: 980px;
	margin: 100px auto 0;
	color: #fff;
	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;
	font-size: 16px;
	line-height: 1.7;
}
.feature h2 {
	font-size: 24px;
	font-weight: 500;
}

.feature a:link{
	color: inherit;
	text-decoration: none;
}

.feature ul {
	width: 1265px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto 0 -140px;
}

.feature ul li {
	width: 620px;
	margin-bottom: 24px;
	background-color: #ffffff;
}

.feature ul li:nth-of-type(2n) {
	margin-left: 24px;
}

.feature ul li p {
	padding: 10px;
	color: #333;
}