@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* ＴＯＰ メインビジュアル部分 */
#main{
	width:1280px;
	height:1327px;
//	height:1459px;
//	top:113px;
	margin-top:90px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/main01.png) no-repeat top center;
	position:relative;
}

#main02{
	width:1280px;
	height:1459px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/main02.jpg) no-repeat top center;
}

#main_pro{
	width:1280px;
	height:265px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/top_prologue_bg.png) no-repeat top center;
	position:relative;
}

#main_pro_btn{
	width:345px;
	height:98px;
	left:80px;
	top:162px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/top_prologue_link01-01.png) no-repeat top center;
	position:absolute;
	transition-duration: 0.3s;
	transition-property: background;
}

#main_pro_btn:hover{
	background:url(../img/top_prologue_link01-02.png) no-repeat top center;
}

#shop_btn01{
	width:296px;
	height:112px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/top_com_link01-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#shop_btn01:hover{
	background:url(../img/top_com_link01-02.png) no-repeat top center;
}

#shop_btn02{
	width:296px;
	height:112px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/top_com_link02-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#shop_btn02:hover{
	background:url(../img/top_com_link02-02.png) no-repeat top center;
}

#shop_btn03{
	width:296px;
	height:112px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/top_com_link03-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#shop_btn03:hover{
	background:url(../img/top_com_link03-02.png) no-repeat top center;
}

#shop_btn04{
	width:296px;
	height:112px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/top_com_link04-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#shop_btn04:hover{
	background:url(../img/top_com_link04-02.png) no-repeat top center;
}

#shop_btn01.none{
	filter: grayscale(1);
	opacity:0.8;
}
#shop_btn01.none:hover{
	background:url(../img/top_com_link01-01.png) no-repeat top center;
}
#shop_btn02.none{
	filter: grayscale(1);
	opacity:0.8;
}
#shop_btn02.none:hover{
	background:url(../img/top_com_link02-01.png) no-repeat top center;
}
#shop_btn03.none{
	filter: grayscale(1);
	opacity:0.8;
}
#shop_btn03.none:hover{
	background:url(../img/top_com_link03-01.png) no-repeat top center;
}
#shop_btn04.none{
	filter: grayscale(1);
	opacity:0.8;
}
#shop_btn04.none:hover{
	background:url(../img/top_com_link04-01.png) no-repeat top center;
}

#charafac_panel{
	display: flex;
	position: absolute;
	top: 116px;
	left: 234px;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;        /*中央揃え*/
	align-items: center;
	width: calc(450px * 3 + 20px * 2);
	margin-right:auto;
	margin-left:auto;
}

#charafac_btn01{
	width:450px;
	height:90px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/chara_faction01-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#charafac_btn01:hover{
	background:url(../img/chara_faction01-02.png) no-repeat top center;
}

#charafac_btn02{
	width:450px;
	height:90px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/chara_faction02-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#charafac_btn02:hover{
	background:url(../img/chara_faction02-02.png) no-repeat top center;
}

#charafac_btn03{
	width:450px;
	height:90px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/chara_faction03-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#charafac_btn03:hover{
	background:url(../img/chara_faction03-02.png) no-repeat top center;
}

#charafac_btn01.none{
	filter: grayscale(1);
	opacity:0.8;
}
#charafac_btn01.none:hover{
	background:url(../img/chara_faction01-01.png) no-repeat top center;
}
#charafac_btn02.none{
	filter: grayscale(1);
	opacity:0.8;
}
#charafac_btn02.none:hover{
	background:url(../img/chara_faction02-01.png) no-repeat top center;
}
#charafac_btn03.none{
	filter: grayscale(1);
	opacity:0.8;
}
#charafac_btn03.none:hover{
	background:url(../img/chara_faction03-01.png) no-repeat top center;
}

#charafac_btn01.active{
	background:url(../img/chara_faction01-02.png) no-repeat top center;
}
#charafac_btn01.active:hover{
	background:url(../img/chara_faction01-02.png) no-repeat top center;
}
#charafac_btn02.active{
	background:url(../img/chara_faction02-02.png) no-repeat top center;
}
#charafac_btn02.active:hover{
	background:url(../img/chara_faction02-02.png) no-repeat top center;
}
#charafac_btn03.active{
	background:url(../img/chara_faction03-02.png) no-repeat top center;
}
#charafac_btn03.active:hover{
	background:url(../img/chara_faction03-02.png) no-repeat top center;
}


#chara_panel{
	display: flex;
	position: absolute;
	top: 200px;
	left: 200px;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;        /*中央揃え*/
	align-items: center;
	width: calc(219px * 6 + 40px * 5);
	margin-right:auto;
	margin-left:auto;
}

#chara_btn01{
	width:219px;
	height:219px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/chara_change01-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#chara_btn01:hover{
	background:url(../img/chara_change01-02.png) no-repeat top center;
}

#chara_btn02{
	width:219px;
	height:219px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/chara_change02-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#chara_btn02:hover{
	background:url(../img/chara_change02-02.png) no-repeat top center;
}

#chara_btn03{
	width:219px;
	height:219px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/chara_change03-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#chara_btn03:hover{
	background:url(../img/chara_change03-01.png) no-repeat top center;
}

#chara_btn04{
	width:219px;
	height:219px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/chara_change04-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#chara_btn04:hover{
	background:url(../img/chara_change04-01.png) no-repeat top center;
}

#chara_btn05{
	width:219px;
	height:219px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/chara_change05-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#chara_btn05:hover{
	background:url(../img/chara_change05-01.png) no-repeat top center;
}

#chara_btn06{
	width:219px;
	height:219px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/chara_change06-01.png) no-repeat top center;
	transition-duration: 0.3s;
	transition-property: background;
}

#chara_btn06:hover{
	background:url(../img/chara_change06-01.png) no-repeat top center;
}

#chara_btn01.none{
	filter: grayscale(1);
	opacity:0.8;
}
#chara_btn01.none:hover{
	background:url(../img/chara_change01-01.png) no-repeat top center;
}
#chara_btn02.none{
	filter: grayscale(1);
	opacity:0.8;
}
#chara_btn02.none:hover{
	background:url(../img/chara_change02-01.png) no-repeat top center;
}
#chara_btn03.none{
//	filter: grayscale(1);
//	opacity:0.8;
}
#chara_btn03.none:hover{
	background:url(../img/chara_change03-01.png) no-repeat top center;
}
#chara_btn04.none{
//	filter: grayscale(1);
//	opacity:0.8;
}
#chara_btn04.none:hover{
	background:url(../img/chara_change04-01.png) no-repeat top center;
}
#chara_btn05.none{
//	filter: grayscale(1);
//	opacity:0.8;
}
#chara_btn05.none:hover{
	background:url(../img/chara_change05-01.png) no-repeat top center;
}
#chara_btn06.none{
//	filter: grayscale(1);
//	opacity:0.8;
}
#chara_btn06.none:hover{
	background:url(../img/chara_change06-01.png) no-repeat top center;
}

#chara_btn01.active{
	background:url(../img/chara_change01-02.png) no-repeat top center;
}
#chara_btn01.active:hover{
	background:url(../img/chara_change01-02.png) no-repeat top center;
}
#chara_btn02.active{
	background:url(../img/chara_change02-02.png) no-repeat top center;
}
#chara_btn02.active:hover{
	background:url(../img/chara_change02-02.png) no-repeat top center;
}
#chara_btn03.active{
	background:url(../img/chara_change03-01.png) no-repeat top center;
}
#chara_btn03.active:hover{
	background:url(../img/chara_change03-01.png) no-repeat top center;
}
#chara_btn04.active{
	background:url(../img/chara_change04-01.png) no-repeat top center;
}
#chara_btn04.active:hover{
	background:url(../img/chara_change04-01.png) no-repeat top center;
}
#chara_btn05.active{
	background:url(../img/chara_change05-01.png) no-repeat top center;
}
#chara_btn05.active:hover{
	background:url(../img/chara_change05-01.png) no-repeat top center;
}
#chara_btn06.active{
	background:url(../img/chara_change06-01.png) no-repeat top center;
}
#chara_btn06.active:hover{
	background:url(../img/chara_change06-01.png) no-repeat top center;
}



#concept_btn_panel{
//position:absolute;
//position: fixed;
position: sticky;

width:1920px;
top:100px;
left:0px;
margin-right:auto;
margin-left:auto;
text-align:center;
z-index:1000;
pointer-events:none;
}

#concept_btn_panel.is-hide{
    display: none;
}
#concept_btn_panel.fadein{
	display: block;
	opacity:0.0;
	animation-name:imageFadeIn;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
}
#concept_btn_panel.fadeout{
	display: block;
	opacity:1.0;
	animation-name:imageFadeOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
}

#concept_btn_panel > div{
	position:relative;
//	text-align:right;
//	right:-50%;
}
#concept_btn_panel > div > div{
	position:relative;
	width:67px;
//	width:71px;
	left:1830px;
	pointer-events: auto;
}

@keyframes imageFadeIn{
	from {
		opacity:0.0;
		transform: translateX(+71px);
	}

	to {
		opacity:1.0;
		transform: translateX(0px);
	}
}

@keyframes imageFadeOut{
	from {
		opacity:1.0;
		transform: translateX(0px);
	}

	to {
		opacity:0.0;
		transform: translateX(+71px);
	}
}

#concept_btn01{
//	width:71px;
//	height:248px;
	width:67px;
	height:235px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/concept_change01-01.png) no-repeat top center;
	background-size:67px 235px;
	transition-duration: 0.3s;
	transition-property: background;
}

#concept_btn01:hover{
	background:url(../img/concept_change01-02.png) no-repeat top center;
	background-size:67px 235px;
}
#concept_btn01.active{
	background:url(../img/concept_change01-02.png) no-repeat top center;
	background-size:67px 235px;
}

#concept_btn02{
//	width:71px;
//	height:248px;
	width:67px;
	height:235px;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/concept_change02-01.png) no-repeat top center;
	background-size:67px 235px;
	transition-duration: 0.3s;
	transition-property: background;
}

#concept_btn02:hover{
	background:url(../img/concept_change02-02.png) no-repeat top center;
	background-size:67px 235px;
}
#concept_btn02.active{
	background:url(../img/concept_change02-02.png) no-repeat top center;
	background-size:67px 235px;
}

#concept_btn03{
//	width:71px;
//	height:248px;
	width:67px;
	height:235px;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/concept_change03-01.png) no-repeat top center;
	background-size:67px 235px;
	transition-duration: 0.3s;
	transition-property: background;
}

#concept_btn03:hover{
	background:url(../img/concept_change03-02.png) no-repeat top center;
	background-size:67px 235px;
}
#concept_btn03.active{
	background:url(../img/concept_change03-02.png) no-repeat top center;
	background-size:67px 235px;
}


#top00{
}
#top01{
position:absolute;
top:1180px;
left:40px;
//block
margin-right:auto;
margin-left:auto;
}

#main_line00{
width:1280px;
height:3px;
background:rgba(255,0,0,0.0);
margin-top:0px;
margin-right:auto;
margin-left:auto;
background:url(../img/line.png) repeat-x;
}

#title_main01{
	height:60px;
	position:relative;
	width:100%;
	min-width:1280px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	z-index:1000;
	text-align:center;
	padding-top:20px;
}


/* メインパーツ */

#mp01{
background:rgba(255,0,0,0.0);
display:block;
position:absolute;
margin-top:10px;
margin-left:10px;
}

#mp02{
background:rgba(255,255,0,0.0);
margin-top:550px;
margin-left:865px;
display:block;
position:absolute;
}


#mp03{
background:rgba(255,0,255,0.0);
margin-top:525px;
margin-left:0px;
display:block;
position:absolute;
}


/* TOP用ボタン */
#to00-01 a img{
margin-top:10px;
margin-left:300px;
z-index: 1000;
}

#to00-02 a img{
margin-top:-230px;
margin-left:800px;
z-index: 1000;
}


#to00-03{
margin-top:-215px;
margin-left:550px;
z-index: 1000;
}

/* 
#to00-03{
margin-top:-230px;
margin-left:550px;
z-index: 1000;
}
 */


/*////////////////////////////////////////////////////////////////////////////////////////*/

/* 最新情報エリア */
/* 
#news{

	width:1280px;
	height:400px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background:url(../img/bg_rireki.png) no-repeat top center;
	
}
 */


/* 最新情報エリア ２段 */
/* 
#news{
	width:1280px;
	height:800px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background:url(../img/bg_rireki.png) no-repeat top center;
}
 */

/* 最新情報エリア ３段 */
/* 
#news{
	width:1280px;
	height:1200px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background:url(../img/bg_rireki.png) no-repeat top center;
}
 */

/* 最新情報エリア ４段 */
#news{
	width:1280px;
	height:380px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background:url(../img/bg_rireki.png) no-repeat top center;
}

#main_shop{
position:relative;
width:100%;

margin-right:auto;
margin-left:auto;
}

#main_shop ul{
font-size:10px;
text-align:center;
letter-spacing:-.40em;
margin-bottom:15px;

}

#main_shop ul li{
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
padding-top:30px;
padding-bottom:30px;
padding-left:40px;
}

.main_shop{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
//  justify-content: center;
    justify-content: space-between;        /*中央揃え*/
  align-items: center;
//    display: block;
//    position: relative;
    width: 1208px;
margin-right:auto;
margin-left:auto;
}
.main_shop_pad{
margin-top:8px;
margin-bottom:8px;
}
.main_shop > div {
  width: 296px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex:left;
//  justify-content: center;
    justify-content: space-between;        /*中央揃え*/
  align-items: center;
//	margin-top: 1%;
    margin-top: 0.0%;
    margin-left: 0.0%;
    margin-right: 0.0%;
    margin-bottom: 0.0%;
//  margin: 1%;
}


.concept_series_panel{
	display: flex;
	position: absolute;
	top: 396px;
	left: 174px;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;        /*中央揃え*/
	align-items: center;
	width: 1565px;
	margin-right:auto;
	margin-left:auto;
}
.concept_series_panel > div > a > img{
	width: 380px;
}
.concept_series_panel > div{
	width: 380px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex:left;
	justify-content: space-between;        /*中央揃え*/
	align-items: center;
	margin-top: 0.0%;
	margin-left: 0.0%;
	margin-right: 0.0%;
	margin-bottom: 0.0%;
	transition-duration: 0.3s;
	transition-property: transform;
	z-index:90;
}

.concept_series_panel > div:hover{
    transform: scale(1.2);
    cursor: pointer;
	z-index:100;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 履歴 */

#rireki{
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	font-size:16px;
	color:#FFFFFF;
	font-weight: 900;

}


/* 履歴用ティッカー */
.ticker {
	width:1200px;
	height:54px;
	margin:0 auto;
	padding:15px;
	text-align:left;
	position:relative;
	overflow:hidden;
	background:rgba(255,0,0,0.0);
}
 
.ticker ul {
    width: 100%;
    position: relative;
}
 
.ticker ul li {
    width: 100%;
    display: none;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* トピックスパネル */


#topics_panel{
	position: relative;
	width: 282px;
	height: 340px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	margin: 20px 8px; 
	background:rgba(200,0,200,0.0);
	transition-duration: 0.3s;
	transition-property: opacity;
}


#topics_panel::before{
	content: '';
	position: absolute;
	top: 192px;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
}


#topics_panel p{
	position: absolute;
	top: 58%;
	left: 5%;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	text-align:left;
	
}

.topic_line{
width:252px;
height:3px;
margin-top:0px;
margin-right:auto;
margin-left:auto;
background:url(../img/line.png) repeat-x;
display: inline-block;
}

#topics_panel:hover{
	filter:alpha(opacity=100);
	opacity:0.5;
}


#topics_panel_none{
	position: relative;
	width: 282px;
	height: 340px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	margin: 20px 8px; 
	background:rgba(255,0,0,0.0);
}



#topics_panel_none ul li.none{
pointer-events:none;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/



/* 雑誌掲載情報 */

#magazine{
display:block;
font-size:14px;
width:1280px;
height:150px;
margin-top:30px;
margin-left: auto;
margin-right: auto;

}

#magazine ul.scroll{
text-align:left;
height:170px;
width:1200px;
margin-top:35px;
margin-left: auto;
margin-right: auto;
overflow:auto;
background:rgba(0,0,0,0.6);
}

#magazine ul.scroll li{
width:1130px;
margin-bottom:3px;
padding-bottom:3px;
border-bottom:solid 1px rgba(255,255,255,0.3);
text-indent:10px;
}

#news ul.scroll li h5,
#news ul.scroll li p{
display:inline-block;
vertical-align:top;
}

#magazine ul.scroll li h5{
margin-right:10px;
color:#FFF;
}

#magazine ul.scroll li h6{
margin-right:10px;
color:#FFF;
font-size:17px;
}

#magazine a:link{color:#F33C68;}
#magazine a:visited{color:#F33C68;}
#magazine a:hover{color:#00F;}

/*////////////////////////////////////////////////////////////////////////////////////////*/




/* 過去ボタン */
#old01 a img{
display:block;
}

#o01 a img{
margin-top:-50px;
margin-left:1120px;
}

#old01 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

#old01 ul li.none{
pointer-events:none;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* コラボ */

#collabo{
	width:1280px;
	height:900px;
	margin-right:auto;
	margin-left:auto;
	background-color: rgba(255,0,0,0.5);
	background:url(../img/grenze_collabo.jpg) no-repeat top center;
}

.bngre a img{
margin-top:750px;
margin-left:900px;
}




/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 製品情報 */

#spec_main{
	width:1280px;
	height:1050px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/main_spec00.png) no-repeat top center;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

/* twitter */


#twitter{
width:482px;
margin-top:150px;
margin-left:15px;
}

.column h4{
text-align:center;
}

.column{
float:left;
width:482px;
margin-bottom:15px;
margin-top:20px;
padding-bottom:20px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

/* 更新履歴 */

#info01 a img{
display:block;
position:absolute;
}

#if01 a img{
margin-top:170px;
margin-left:530px;
}

#if02 a img{
margin-top:170px;
margin-left:905px;
}

#if03 a img{
margin-top:500px;
margin-left:530px;
}

#if04 a img{
margin-top:500px;
margin-left:905px;
}


#move01 img{
display:block;
position:absolute;
}

#dm00 img{
margin-top:850px;
margin-left:530px;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* シリーズコンセプト */

#s_concept01{
	width:1280px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
}

#title01{
	height:100px;
	position:relative;
	width:100%;
	min-width:1280px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	z-index:100;
	text-align:center;
	background-color: rgba(0,0,0,0.8);
	padding-top:70px;
}

#title_concept01{
	position:absolute;
	width:100%;
	min-width:1280px;
	top:46px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	z-index:100;
	text-align:center;
//	background-color: rgba(0,0,0,0.8);
	padding-top:70px;
}


#concept_contents{
	width:100%;
	height:2290px;
	min-width:1920px;
	margin-top:90px;
	margin-right:auto;
	margin-left:auto;
	z-index:90;
	position:relative;
	text-align:center;
}
#concept_contents > div:nth-child(1){
	position:relative;
//	border-radius: 50px 50px;
//	mask-image: radial-gradient(circle, rgba(0,0,0,1.0) 75%, rgba(0,0,0,0) 100%);
//	box-shadow: inset 0 0 15px 15px rgba(0,0,0,0);
	width:1920px;
	height:750px;
	background:url(../img/series01-01.png) no-repeat top center;
	margin-right:auto;
	margin-left:auto;
}
#concept_contents > div > img:nth-child(1){
	width:1920px;
	height:auto;
}
#concept_contents > div:nth-child(2){
	margin-top:0px;
	position:relative;
	width:1920px;
	height:750px;
	background:url(../img/series02-01.png) no-repeat top center;
	margin-right:auto;
	margin-left:auto;
}
#concept_contents > div:nth-child(3){
	margin-top:0px;
	position:relative;
	width:1920px;
	height:750px;
	background:url(../img/series03-01.png) no-repeat top center;
	margin-right:auto;
	margin-left:auto;
}
#concept_contents > div:nth-child(4){
	margin-top:0px;
	position:relative;
	width:1920px;
	height:750px;
	background:url(../img/series03-01.png) no-repeat top center;
	margin-right:auto;
	margin-left:auto;
}
#concept_contents > div > img:nth-child(2){
	width:1920px;
	height:auto;

}
/*
#concept_contents > div > img:nth-child(3){
	width:1920px;
	height:auto;
}
*/
/* init */
.background {
    top: 0;
    left: 0;
    right: 0;
	width:100%;
    height: 100%;
    position: fixed;
    background-position: center center;
    opacity: 0;
-webkit-background-size: cover;
        background-size: cover;
-webkit-transition: all 2.0s ease 0s;
   -moz-transition: all 2.0s ease 0s;
        transition: all 2.0s ease 0s;
}
.show .background {
    opacity: 1;
}
/* design*/
#s_content01_bg {background-image: url(../img/s_concept01_bg.jpg);}

/*
.text-box {
    padding: 50px 25px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}


#s_content01 .text-box .catch {
    margin: 0 0 10px;
}

*/


#s_content01 .wrap {
    padding: 20vh 0vh 200vh;
    position: relative;
    z-index: 2;
}


#s_content02 .wrap {
    padding: 0vh 0vh 200vh;
    position: relative;
    z-index: 2;
}


#s_content03 .wrap {
    padding: 0vh 0vh 200vh;
    position: relative;
    z-index: 2;
}


#s_content04 .wrap {
    padding: 0vh 0vh 30vh;
    position: relative;
    z-index: 2;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* コンセプト切り替えボタン */


#colink00 a img{
display:block;
position:absolute;
}

#col01 a img{
margin-top:-190px;
margin-left:1050px;
z-index: 100;
}


#col02 a img{
margin-top:-150px;
margin-left:1050px;
z-index: 100;
}


#col03 a img{
margin-top:-110px;
margin-left:1050px;
z-index: 100;
}


#colink00 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* コンセプト */

#concept01{
	width:100%;
	min-width:1920px;
	top:0px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	position:absolute;
}

#title01{
	height:100px;
	position:relative;
	width:100%;
	min-width:1280px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	z-index:100;
	text-align:center;
	background-color: rgba(0,0,0,0.0);
	padding-top:70px;
}



/* init */
.background {
    top: 0;
    left: 0;
    right: 0;
	width:100%;
    height: 100%;
    position: fixed;
    background-position: center center;
    opacity: 0;
-webkit-background-size: cover;
        background-size: cover;
-webkit-transition: all 2.0s ease 0s;
   -moz-transition: all 2.0s ease 0s;
        transition: all 2.0s ease 0s;
}
.show .background {
    opacity: 1;
}
/* design*/
#content01_bg {background-image: url(../img/series_bg01.jpg);}
#content02_bg {background-image: url(../img/series_bg02.jpg);}
#content03_bg {background-image: url(../img/series_bg03.jpg);}
#content04_bg {background-image: url(../img/concept04_bg.jpg);}


/* design*/
#g_content01_bg {background-image: url(../img/g_concept01_bg.jpg);}
#g_content02_bg {background-image: url(../img/g_concept02_bg.jpg);}
#g_content03_bg {background-image: url(../img/g_concept03_bg.jpg);}
#g_content04_bg {background-image: url(../img/g_concept04_bg.jpg);}
/*
.text-box {
    padding: 50px 25px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}


#content01 .text-box .catch {
    margin: 0 0 10px;
}

*/


#content01 .wrap {
    padding: 10vh 0vh 150vh;
    position: relative;
    z-index: 2;
}


#content02 .wrap {
    padding: 0vh  0vh 150vh;
    position: relative;
    z-index: 2;
}


#content03 .wrap {
    padding: 0vh 0vh 30vh;
    position: relative;
    z-index: 2;
}


#content04 .wrap {
    padding: 0vh 0vh 30vh;
    position: relative;
    z-index: 2;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* プロローグ */

#prologe01{
	width:1280px;
	height:4000px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
}

#prologe02{
	width:1280px;
	height:5800px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
}

#title01{
	height:100px;
	position:relative;
	width:100%;
	min-width:1280px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	z-index:100;
	text-align:center;
	background-color: rgba(0,0,0,0.0);
	padding-top:170px;
}

#title02{
	height:100px;
	position:relative;
	width:100%;
	min-width:1280px;
	margin-top:-100px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	z-index:100;
	text-align:center;
	background-color: rgba(0,0,0,0.0);
}

/* init */
.background_pro {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: fixed;
    background-position: center center;
    opacity: 0;
-webkit-background-size: cover;
        background-size: cover;
-webkit-transition: all 2.0s ease 0s;
   -moz-transition: all 2.0s ease 0s;
        transition: all 2.0s ease 0s;
}
.show .background {
    opacity: 1;
}
/* design*/
#pro01_bg {background-image: url(../img/pro01_bg.jpg);}
#pro02_bg {background-image: url(../img/pro02_bg.jpg);}
#pro03_bg {background-image: url(../img/pro03_bg.jpg);}

/*
.text-box {
    padding: 50px 25px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}


#pro01 .text-box .catch {
    margin: 0 0 10px;
}

*/


#pro01 .wrap {
    padding: 15vh 0vh 100vh;
    position: relative;
    z-index: 2;
}


#pro02 .wrap {
    padding: 0vh 0vh 100vh;
    position: relative;
    z-index: 2;
}

#pro03 .wrap {
    padding: 0vh 0vh 100vh;
    position: relative;
    z-index: 2;
}

#keyword01{
	width:1280px;
	height:581px;
	margin-top:0px;
	margin-bottom:100px;
	background:rgba(0,255,0,0.0);

}

/* キーワードスライダー */
#keyword_slide{
	width:1120px;
	height:520px;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	z-index:9999;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 製品情報 */

#spec01{
	width:1280px;
	height:1521px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/spec00.png) no-repeat top center;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* グッズ */

#goods01{
	width:1280px;
	height:1800px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}



#goods_panel{
  list-style: none;
	position: relative;
	width: 473px;
	height: 808px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	margin: 20px 20px 20px 20px; 
	background:rgba(255,0,0,1.0);
}


#details00 a img{
display:block;
position:absolute;
}

#cd01 a img{
margin-top:-60px;
margin-left:240px;
z-index: 100;
}


#cd02 a img{
margin-top:-60px;
margin-left:10px;
z-index: 100;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* グッズ */

#mainvisual01{
	width:1280px;
	height:1000px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}



#mv_panel{
  list-style: none;
	position: relative;
	width: 473px;
	height: 671px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	margin: 0px 20px; 
	background:rgba(255,0,0,1.0);
}


#details00 a img{
display:block;
position:absolute;
}

#cd01 a img{
margin-top:-60px;
margin-left:240px;
z-index: 100;
}


#cd02 a img{
margin-top:-60px;
margin-left:10px;
z-index: 100;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 人物紹介 背景指定のみ */

#character01{
	width:1900px;
	height:6600px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding-top:0px;
}

#character01-01{
	width:1900px;
	height:2300px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding-top:0px;
}

#character01-02{
	width:1900px;
	height:4500px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding-top:0px;
}


#character02{
	width:1900px;
	height:2300px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding-top:0px;
}

#character03{
	width:1900px;
	height:3220px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding-top:0px;
}

#character04{
	width:1900px;
	height:6296px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding-top:0px;
}

#character05{
	width:1900px;
	height:6000px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding-top:0px;
}

#character06{
	width:1900px;
	height:5700px;
	margin-top:-350px;
	margin-right:auto;
	margin-left:auto;
	padding-top:0px;
}


#chara00 a img{
display:block;
position:absolute;
}

#chara00 p.none{
pointer-events:none;
}

/* 勢力選択　ヒロイン用 */
#ca00-01 a img{
margin-top:0px;
margin-left:1280px;
z-index: 1000;
}

#ca00-02 a img{
margin-top:0px;
margin-left:1380px;
z-index: 1000;
}

#ca00-03 a img{
margin-top:0px;
margin-left:1480px;
z-index: 1000;
}


/* 勢力選択　敵、ゼノモンス用 */
#ca02-01 a img{
margin-top:350px;
margin-left:1280px;
z-index: 1000;
}

#ca02-02 a img{
margin-top:350px;
margin-left:1380px;
z-index: 1000;
}

#ca02-03 a img{
margin-top:350px;
margin-left:1480px;
z-index: 1000;
}



/* ヒロイン */
#ca01-01 a img{
margin-top:100px;
margin-left:1280px;
z-index: 1000;
}

#ca01-02 a img{
margin-top:185px;
margin-left:1280px;
z-index: 1000;
}

#ca01-03 a img{
margin-top:270px;
margin-left:1280px;
z-index: 1000;
}



/* ゼノモンス */
#ca03-01 a img{
margin-top:10px;
margin-left:1006px;
z-index: 1000;
}

#ca03-02 a img{
margin-top:95px;
margin-left:1006px;
z-index: 1000;
}

#ca03-03 a img{
margin-top:180px;
margin-left:1006px;
z-index: 1000;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/

/* 画廊 */

#gallery01{
	width:1280px;
	height:3300px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/gallery00.png) no-repeat top center;
}

#gallery02{
	width:1280px;
	height:1100px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/gallery01.png) no-repeat top center;
}

#gallery03{
	width:1280px;
	height:2200px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/gallery02.png) no-repeat top center;
}

/* 
graphic
screen
move
*/

/* メインスライダー ＣＧ　*/
#move_slide{
	width:1088px;
	height:612px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	padding-top:100px;
}

/* メインスライダー　サムネイル */
#move_slide_thum{
	width:1080px;
	height:144px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	padding-left:10px;
	padding-right:7px;
	padding-top: 25px;
	padding-bottom: 16px;
	background:rgba(255,255,0,0.0);

}


/* メインスライダー */
.thumb_none{
	width:1088px;
	height:612px;
	margin-top:251px;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.5);
	padding-top:0px;
}


#graphic_slide_thum ul li img.new{
display:block;
position:absolute;
margin-top:0px;
margin-left:0px;
z-index:1000;
}





/* メインスライダー スクリーンショット　*/
#graphic_slide{
	width:1088px;
	height:612px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	padding-top:259px;
}

/* メインスライダー　サムネイル */
#graphic_slide_thum{
	width:1080px;
	height:144px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	padding-left:10px;
	padding-right:7px;
	padding-top: 25px;
	padding-bottom: 16px;
	background:rgba(255,255,0,0.0);

}











/* メインスライダー */
#screen_slide{
	width:1088px;
	height:612px;
	margin-top:259px;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.5);
	padding-top:0px;
}

/* メインスライダー　サムネイル */
#screen_slide_thum{
	width:1080px;
	height:144px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	padding-left:10px;
	padding-right:7px;
	padding-top: 25px;
	padding-bottom: 16px;
	background:rgba(255,255,0,0.0);

}




#graphic_slide_thum ul li .new img{
display:block;
position:absolute;
margin-top:100px;
margin-left:100px;
z-index:1000;
}



/* ムービー */
#area00{
width: 1280px;
min-height:900px;
margin-top:50px;
vertical-align: middle; /* 画像を垂直に */
text-align: center; /* 画像を中央に */
margin-right:auto;
margin-left:auto;
overflow: hidden;
}

#demomove{
margin-top:50px;
margin-left:auto;
margin-right:auto;
background:rgba(0,0,0,0);
}

#demomove_text{
margin-top:371px;
margin-left:553px;
}








/*////////////////////////////////////////////////////////////////////////////////////////*/

/* 体験版 */

#trial01{
	width:1280px;
	height:1200px;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
}

#trial02{
	width:1280px;
	height:1000px;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	padding-top:45px;
	background:url(../img/trial02.png) no-repeat top center;
}

#trial03{
	width:1280px;
	height:1100px;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/trial03.png) no-repeat top center rgba(255,0,0,0.0);

}


/* メインスライダー */
#trial_move_slide{
	width:1088px;
	height:612px;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.5);
	border: solid 1px #FFFFFF;
	padding-top:0px;
}

/* メインスライダー　サムネイル */
#trial_move_slide_thum{
	width:1080px;
	height:144px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	padding-left:10px;
	padding-right:7px;
	padding-top: 25px;
	padding-bottom: 16px;
	background:rgba(255,255,0,0.0);

}




.trialtext{
	width:75%;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding:2% 2% 2% 2%;
	background:rgba(0,0,0,0.5);
	text-align:left;
	

}

.trialtext p {
	font-size:1.7vmin;
	margin: 1.67em 0;
	color:#FFF;
	line-height: 1.8em;
}

.font_link{
	font-weight:  bold;
}

.trialtext a:link{color:#007BFF;}
.trialtext a:visited{color:#007BFF;}
.trialtext a:hover{color:#007BFF;}

.trialtext_info{
	width:75%;
	margin-top:0%;
	margin-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	padding:2% 2% 2% 2%;
	text-align:left;
	background:rgba(0,0,0,0.5);

}

.trialtext_info p {
	font-size:1.5vmin;
	margin: 1.8em 0;
	color:#FFF;
	line-height: 1.8em;
}

.trial_wach {
	margin-top:-15%;
	margin-right:auto;
	margin-left:auto;
}

.tridl{
	width:90%;
}




/* ダウンロードリスト短い */
#demo_list2{
margin-left:auto;
margin-right:auto;
margin:auto;
margin-top:0%;
margin-bottom:0%;
}


/* 内枠内 */
#demo_list2 ul{
margin-right:auto;
margin-left:auto;
width:80%;
color:#990000;
font-size:2vmin;
background:rgba(255,255,255,0.0);
padding:3%;
padding-bottom:0%;


/* 内枠線 */
border:2px solid rgba(0,0,0,0.3);
border-radius:90%;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#demo_list2 ul li{
text-align:center;
margin-bottom:3%;
}


#demo_list2 ul li ol li{
text-align:center;
vertical-align:top;
margin-bottom:1%;
margin:auto;
}

/* 見出し文章 */
#demo_list2 ul li h5{
color:#000;
font-size:1.0vmin;
font-weight:nomal;
}

#demo_list2 ul li h5 a{color:#7931B7;}
#demo_list2 ul li h5 a:hover{color:#7931B7}


/* ミラーサイト■ */
#demo_list2 ul li ol li h6 a{
color:#FFF;
font-size:2vmin;
font-weight:bold;
text-align:center;
padding-left:10%;
padding-right:10%;
padding-bottom:3%;
}

#demo_list2 ul li ol li h6 a:hover{
color:#7B436D;
}

#demo_list2 ul li ol li p a{
display:block;
font-size:1.3vmin;
color:#FFF;
font-weight:bold;
padding:2%;
padding-top:1%;
padding-bottom:1%;
margin-bottom:1%;


/* DOWNLOADリンク■ */
background:rgba(121,49,183,1);
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:rgba(0,0,0,0.7) 0px 1px 0px 0px;
-webkit-box-shado:rgba(0,0,0,0.7) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0,0,0,0.7) 0px 1px 0px 0px;
}

#demo_list2 ul li ol li p a:hover{
background:rgba(249,131,250,1);
color:#7B436D;
margin-top:2px;
box-shadow:rgba(0,0,0,0.7) 0px 0px 0px 0px;
-webkit-box-shado:rgba(0,0,0,0.7) 0px 0px 0px 0px;
-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 0px 0px;
}





/*////////////////////////////////////////////////////////////////////////////////////////*/

/* webアンケート */

#webq{
	width:1280px;
	height:1374px;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/web00.png) no-repeat top center;
}

/* ボタン */
#webq a img{
display:block;
position:absolute;
}

#wq01 a img{
margin-top:750px;
margin-left:50px;
}

#wq02 a img{
margin-top:650px;
margin-left:50px;
}

#wq03 a img{
margin-top:100px;
margin-bottom:100px;
}

#wq03 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

#webq ul li.none{
pointer-events:none;
}



/* メインスライダー */
#web_move_slide{
	width:1200px;
	height:782px;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.5);
	border: solid 1px #FFFFFF;
	padding-top:0px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

/* スペシャル */

#special{
	width:1280px;
	height:3746px;
	margin-top:50px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/special01.png) no-repeat top center;

}

#rtapp a img{
display:block;
position:absolute;
}

#ra01 a img{
margin-top:2050px;
margin-left:975px;
}

#ra02 a img{
margin-top:3100px;
margin-left:975px;
}

#rtapp a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

#rtapp ul li.none{
pointer-events:none;
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/

/* リツイートキャンペーン */

#twitter01{
	width:1280px;
	height:1900px;
	margin-top:50px;
	margin-right:auto;
	margin-left:auto;

}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* エリア */

#rtcp{
text-align:center;
margin-top:0px;
}




/*////////////////////////////////////////////////////////////////////////////////////////*/
/* メール */

#mail{
width:1000px;
height:300px;
margin-top:50px;
margin-right:auto;
margin-left:auto;
padding-top:20px;
background:rgba(255,255,255,1.0);
}


#mail object{
width:760px;
height:330px;
margin-left:20px;;
margin-bottom:40px;
}

#mail .text p{
text-indent:15px;
}

#mail .text p span{
color:#F00;
}



#ws1 a img{
display:block;
position:absolute;
}

#ws1 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

#store_link1-1 a img{
margin-top:50px;
margin-left:470px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

/* 製品情報 */

#product{
	width:1280px;
	height:2000px;
	margin-top:50px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/bg_product.png) no-repeat top center;
}

/* 抱っこ枕ボタン */
#hutari01 a img{
}

#hl01 a img{
margin-top:770px;
margin-right:auto;
margin-left:50px;
}

#pl02 a img{
margin-top:790px;
margin-left:870px;
}

#pillow01 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

#pillow01 ul li.none{
pointer-events:none;
}


/* 製品関連ボタン */
#dakko01 a img{
display:block;
position:absolute;
}

#d01 a img{
margin-top:1120px;
margin-left:110px;
}

#d02 a img{
margin-top:1240px;
margin-left:110px;
}

#dakko01 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

#dakko01 ul li.none{
pointer-events:none;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/

/* スペース */

#space{
	width:1280px;
	height:40px;
	margin-right:auto;
	margin-left:auto;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

/* RTキャンペーンボタン */
#rtcp01 a img{
display:block;
position:absolute;
}

#r01 a img{
margin-top:30px;
margin-left:20px;
}

#r02 a img{
margin-top:30px;
margin-left:1040px;
}


#rtcp01 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

#rtcp01 ul li.none{
pointer-events:none;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/


/* オフィシャル通販 */

#official01{
	width:100%;
	height:1896px;
	min-width:1280px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/official00.png) no-repeat top center;
}

#official01-01{
	width:1280px;
	margin-right:auto;
	margin-left:auto;
}

/* セット一覧 */

#set02{
	width:1280px;
	height:870px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
}


iframe{
    border:none
}

.setlist00{
	padding-top:1357px;
	padding-left:145px;
    width:100%;
    /*IE6用*/
    _top:auto;
    _bottom:auto;
    _padding-top:50px;
    _padding-bottom:70px;
}

.setlist00 p{
	display:block;
	position:absolute;
	margin-top:-245px;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/

/* ボタン */
#o_link01 a img{
display:block;
position:absolute;
}

/* 電動オナホ */
#ona01 a img{
margin-top:2225px;
margin-left:340px;
}

#ona02 a img{
margin-top:2225px;
margin-left:926px;
}

#ona03 a img{
margin-top:4990px;
margin-left:376px;
}

#ona04 a img{
margin-top:4990px;
margin-left:970px;
}


/* WaffleSTORE */
#ws01 a img{
margin-top:1030px;
margin-left:250px;
}

#ws02 a img{
margin-top:1030px;
margin-left:800px;
}

#ws03 a img{
margin-top:60px;
margin-left:235px;
}

#ws04 a img{
margin-top:60px;
margin-left:765px;;
}


#ws05 a img{
margin-top:2750px;
margin-left:220px;
}

#ws06 a img{
margin-top:2750px;
margin-left:800px;
}

#ws07 a img{
margin-top:1060px;
margin-left:100px;
}

#ws08 a img{
margin-top:1060px;
margin-left:680px;;
}

/* ローション */
#lo01 a img{
margin-top:1550px;
margin-left:680px;
}

/* セットリスト一覧 */
#se01 a img{
margin-top:430px;
margin-left:1070px;
}



/* リンク */

#s_link01 a img{
display:block;
position:absolute;
}

#l01 a img{
margin-top:792px;
margin-left:104px;
}

#l02 a img{
margin-top:792px;
margin-left:506px;
}

#l03 a img{
margin-top:792px;
margin-left:907px;
}

#l04 a img{
margin-top:1481px;
margin-left:104px;
}

#l05 a img{
margin-top:1481px;
margin-left:506px;
}

#l06 a img{
margin-top:1481px;
margin-left:907px;
}





#shop01-01 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

#shop01-01 ul li.none{
pointer-events:none;
}


#s_link01 ul li.none{
pointer-events:none;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/

/* 販売店特典 */

#shop{
	width:1280px;
	height:480px;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/official_bg.png) no-repeat top center;
}

/* ボタン */
#shop a img{
display:block;
position:absolute;
}

#sh01 a img{
margin-top:117px;
margin-left:50px;
}

#shop a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

#shop ul li.none{
pointer-events:none;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/* ショップ特典 */

#shop{
width:1280px;
height:1200px;
margin-top:0px;
margin-right:auto;
margin-left:auto;
background:url(../img/shop01.png) no-repeat top ;
}

/* イベントＣＧサムネイル */
#shop1 a img{
display:block;
position:absolute;
}

#shop0 .none a{
pointer-events:none;
}

#shop1 .none a{
pointer-events:none;
}

#shop1 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


#shop_link1-1 a img{
margin-top:134px;
margin-left:108px;
}

#shop_link2-1 a img{
margin-top:134px;
margin-left:489px;
}

#shop_link3-1 a img{
margin-top:134px;
margin-left:871px;
}

#shop_link4-1 a img{
margin-top:840px;
margin-left:108px;
}

#shop_link5-1 a img{
margin-top:840px;
margin-left:489px;
}

#shop_link6-1 a img{
margin-top:840px;
margin-left:871px;
}

#shop_link7-1 a img{
margin-top:1544px;
margin-left:108px;
}

#shop_link8-1 a img{
margin-top:1544px;
margin-left:489px;
}

#shop_link9-1 a img{
margin-top:1544px;
margin-left:871px;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/

#tenpo1 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

#tenpo1 a img{
display:block;
position:absolute;
}


#tenpo_link1-1 a img{
margin-top:640px;
margin-left:103px;
}

#tenpo_link2-1 a img{
margin-top:640px;
margin-left:484px;
}

#tenpo_link3-1 a img{
margin-top:640px;
margin-left:864px;
}

#tenpo_link4-1 a img{
margin-top:1343px;
margin-left:103px;
}

#tenpo_link5-1 a img{
margin-top:1343px;
margin-left:484px;
}

#tenpo_link6-1 a img{
margin-top:1343px;
margin-left:864px;
}

#tenpo_link7-1 a img{
margin-top:2096px;
margin-left:103px;
}

#tenpo_link8-1 a img{
margin-top:2096px;
margin-left:484px;
}

#tenpo_link9-1 a img{
margin-top:2096px;
margin-left:864px;
}


#tenpo1 .none a{
pointer-events:none;
-moz-opacity:0.5;
opacity:0.5;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/

/* ショップ特典（追加分） */

#shop_ori{
width:1280px;
height:2314px;
margin-top:0px;
margin-right:auto;
margin-left:auto;
background:url(../img/shop02.png) no-repeat top ;
}

/* イベントＣＧサムネイル */
#shop2 a img{
display:block;
position:absolute;
}

#shop0 .none a{
pointer-events:none;
}

#shop2 .none a{
pointer-events:none;
}

#shop2 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


#shop_link10-1 a img{
margin-top:135px;
margin-left:33px;
}

#shop_link11-1 a img{
margin-top:135px;
margin-left:448px;
}

#shop_link12-1 a img{
margin-top:135px;
margin-left:863px;
}


#shop_link13-1 a img{
margin-top:638px;
margin-left:33px;
}

#shop_link14-1 a img{
margin-top:638px;
margin-left:448px;
}

#shop_link15-1 a img{
margin-top:638px;
margin-left:863px;
}

#shop_link16-1 a img{
margin-top:1237px;
margin-left:33px;
}

#shop_link17-1 a img{
margin-top:1237px;
margin-left:446px;
}

#shop_link18-1 a img{
margin-top:1237px;
margin-left:862px;
}

#shop_link19-1 a img{
margin-top:1744px;
margin-left:33px;
}

#shop_link20-1 a img{
margin-top:1744px;
margin-left:446px;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/

#tenpo1 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

#tenpo1 a img{
display:block;
position:absolute;
}


#tenpo_link10-1 a img{
margin-top:437px;
margin-left:70px;
}

#tenpo_link11-1 a img{
margin-top:437px;
margin-left:486px;
}

#tenpo_link12-1 a img{
margin-top:437px;
margin-left:904px;
}


#tenpo_link13-1 a img{
margin-top:942px;
margin-left:70px;
}

#tenpo_link14-1 a img{
margin-top:942px;
margin-left:486px;
}

#tenpo_link15-1 a img{
margin-top:942px;
margin-left:904px;
}


#tenpo_link16-1 a img{
margin-top:1535px;
margin-left:66px;
}

#tenpo_link17-1 a img{
margin-top:1535px;
margin-left:484px;
}

#tenpo_link18-1 a img{
margin-top:1535px;
margin-left:900px;
}


#tenpo_link19-1 a img{
margin-top:2040px;
margin-left:66px;
}

#tenpo_link20-1 a img{
margin-top:2040px;
margin-left:484px;
}




#tenpo1 .none a{
pointer-events:none;
-moz-opacity:0.5;
opacity:0.5;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 抱き枕 */
#pillow01{
	width:1280px;
	height:849px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/bodypillow/bg_top.png) no-repeat top center;
}



a.none{
	pointer-events: none;
}

#pillowslide {
	margin-top:1px;
	width:1280px;
	height:808px;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	position:relative;
}

#pillowslide img {
	position:absolute;
	left:0;
	top:0;
}


#main_area {
	display:block;
	position:absolute;
	margin-top:-808px;
	width:1280px;
	height:808px;
	margin-right:auto;
	margin-left:0px;
	background:rgba(255,0,0,0.0);
}


ul {
  list-style: none;
}


#menu_area{
	width:460px;
	height:40px;
	margin-right:auto;
	margin-left:0px;
	background:rgba(255,0,0,0.0);
}


#menu_area ul li{
	display:inline-block;
	vertical-align:middle;
}


#pillow02{
	width:1280px;
	height:1971px;
	margin-right:auto;
	margin-left:auto;
}

/* WaffleSTORE */
#store01 a img{
display:block;
}

#st01 a img{
margin-top:-1500px;
margin-left:230px;
}

#store01 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

#store01 ul li.none{
pointer-events:none;
}


#pillowfull01 a img{
display:block;
}

#pll01 a img{
margin-top:1276px;
margin-left:230px;
}

#pll02 a img{
margin-top:-88px;
margin-left:525px;
}

#pillowfull01 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}


#pillow03{
	width:1280px;
	margin-right:auto;
	margin-left:auto;
}

#pillow04{
	width:1280px;
	margin-right:auto;
	margin-left:auto;
}

#pillow05{
	width:1280px;
	height:237px;
	padding-top:50px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/bodypillow/bg_lineup.png) no-repeat top center;
}

#lineup_area{
	width:900px;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
}


#lineup_area ul li{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	padding:30px;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 表現切り替え */

#system02{
	width:1280px;
	height:1437px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/system02.png) no-repeat top center;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

iframe{
    border:none
}

.systemtrial{
	padding-top: 431px;
	padding-left: 0px;
    width:100%;
    /*IE6用*/
    _top:auto;
    _bottom:auto;
    _padding-top:50px;
    _padding-bottom:70px;
}

.systemtrial p{
	display:block;
	position:absolute;
	margin-top:-245px;
}

#win_frame img{
	display:block;
	position:absolute;
	z-index: 9999;
}

#wf01 img{
margin-top:-744px;
margin-left:0px;
}


#change a img{
	display:block;
	position:absolute;
	z-index: 5000;
}

#chif01 a img{
margin-top:0px;
margin-left:850px;
}
 
#chif02 a img{
margin-top:-24px;
margin-left:1050px;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* ボタン */

#change01 a img{
display:block;
position:absolute;
z-index: 9999;
}

#c01 a img{
margin-top:-34px;
margin-left:830px;
}

#change01 a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

#change01 ul li.none{
pointer-events:none;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 表現切り替え_通常表現 */

#systemnormal{
	width:1280px;
	height:720px;
	margin-top:0px;
	margin-left:0px;
}

#systemnormal img{
display:block;
position:absolute;
}

#no01 img{
margin-top:475px;
margin-left:0px;
}

#no02 a img{
margin-top:686px;
margin-left:830px;
}

#systemnormal a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

#systemnormal ul li.none{
pointer-events:none;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 表現切り替え_拘り表現 */

#systemgood{
	width:1280px;
	height:720px;
	margin-top:0px;
	margin-left:0px;
}

#systemgood img{
display:block;
position:absolute;
}

#go01 img{
margin-top:478px;
margin-left:0px;
}

#go02 a img{
margin-top:686px;
margin-left:830px;
}

#systemgood a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

#systemgood ul li.none{
pointer-events:none;
}



#demomove{
display:block;
position:absolute;
margin-top:0px;
margin-left:0px;

}

#demomove_text{
display:block;
position:absolute;
margin-top:0px;
margin-left:0px;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* ボタン反応 */


/* Float メニュー */
.float_menu {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float_menu:hover {
  transform: translateY(-20%);
}


/* Float メニュー */
.float_chara {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float_chara:hover {
  transform: translateY(-5%);
}

/* Float 横 右 */
.float_right {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float_right:hover {
  transform: translateX(15%);
}

/* Float 横 左 */
.float_left {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float_left:hover {
  transform: translateX(-15%);
}


/* Float スペシャル */
.float_sp {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float_sp:hover {
  transform: translateY(-10%);
}


/* Scale キャラ */
.scale_chara {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.scale_chara:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
}

/* Scale パッケージ */
.scale_pak {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.scale_pak:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* スペシャル */


.special{
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:0%;
	padding-bottom:5%;
}

.special_area{
	width:1280px;
	padding-top:10%;
	padding-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	z-index:10000;
}


.thumbsize {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/2);/*←画像を横に*つ並べる場合*/
	padding:4px 4px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
	padding-top:3%;
	padding-bottom:3%;

}

.cgthumb{
	display: flex;
	flex-wrap:wrap;
	background:rgba(255,0,0,0.0);
}

.cgthumb li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}

/*////////////////////////////////////////////////////////////////////////////////////////*/