﻿@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 各スクロール */

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;

}

/* 全体 */
.box_all{
/* 
	background:url(../img/bg01.jpg) repeat-y;
 */
width:100%;
min-width:1280px;
	background-attachment:fixed;
	overflow: hidden;
}

/* 動画 */
.bgmove{
	background: #E9E3D3;
}

/* メインビジュアル */
.box_main{
	background-size: 100% auto;

	
}

.box_main_info{
	background-size: 100% auto;
	
}


/* 重要なお知らせ */
.box_info{
	background-size: 100% auto;
}


/* コンセプト */
.box_concept{
	background:url(../img/bg-concept.jpg) repeat-y;
	background-size: 100% auto;
	z-index:10;
	margin-top: -10%;
	position: relative;
}

/* エロの拘り */
.box_obsession{
	background:url(../img/bg-obsession.jpg) repeat-y;
	background-size: 100% auto;
	z-index:20;
	margin-top: 0%;
}


/* あらすじ */
.box_story01{
	background:url(../img/bg-story.jpg) repeat-y;
	background-size: 100% auto;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	margin-left: -40%;
	margin-right: -40%;
	padding-left: 40%;
	padding-right: 40%;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .3);
	z-index:50;
	position: relative;
}

/* キャラクター */
.box_character{
	background:rgba(255,249,240,1.0);
	background-size: 100% auto;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	margin-left: -170%;
	margin-right: -170%;
	padding-left: 170%;
	padding-right: 170%;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .3);
	z-index:50;
	margin-top: -18%;
	position: relative;
}

/* ギャラリー */
.box_gallery{
	background-size: 100% auto;
}

/* スペシャル */
.box_special{
	background-size: 100% auto;
}

/* 商品情報 */
.box_product{
	background:url(../img/bg-product.jpg) repeat-y;
	background-size: 100% auto;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	margin-left: -40%;
	margin-right: -40%;
	padding-left: 40%;
	padding-right: 40%;
	margin-top: -6%;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .3);
}




/* 商品情報
.box_product{
	background:url(../img/bg-product.jpg) repeat-y;
	background-size: 100% auto;
	z-index:20;
	margin-top: -8%;
	position: relative;
}
 */


/* 商品情報 */
.box_product02{
	background:url(../img/bg-product02.jpg) repeat-y;
	background-size: 100% auto;
	z-index:20;
	margin-top: 0%;
	position: relative;
}



/* ショップ特典 */
.box_shop{
	background:rgba(255,249,240,1.0);
	background-size: 100% auto;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	margin-left: -80%;
	margin-right: -80%;
	padding-left: 80%;
	padding-right: 80%;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .3);
	z-index:50;
	position: relative;
}

/* ＲＴキャンペーン */
.box_rtcp{
	background-size: 100% auto;
}

/* オフィシャル通販 */
.box_official{
	background:url(../img/bg-official.jpg) repeat-y;
width:100%;
min-width:1280px;
}

/* グッズ */
.box_goods{
	background-size: 100% auto;
}


/* 抱き枕 */
.box_pillow{
	background-size: 100% auto;
}

/* タペストリー */
.box_tapestry{
	background-size: 100% auto;
}



/* 抱っこ枕 */
.box_dakko{
	background-size: 100% auto;
}

/* 体験版 */
.box_trial{
	background:url(../img/bg-obsession.jpg) repeat-y;
	background-size: 100% auto;
	z-index:20;
	margin-top: -6%;
}

/* Webアンケート */
.box_webq{
	background:rgba(255,249,240,1.0);
	background-size: 100% auto;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	margin-left: -80%;
	margin-right: -80%;
	padding-left: 80%;
	padding-right: 80%;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .3);
	z-index:50;
	margin-top: -5%;
	position: relative;
}

/* 陰毛 */
.box_hair{
	background:url(../img/bg-hair.jpg) repeat-y;
	background-size: 100% auto;
	z-index:20;
	margin-top: -6%;
}


/* 前作紹介 */
.box_slowlife{
	background-size: 100% auto;
}

/* 
a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}
 */

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* ＴＯＰ動画 */

#bg-video video {
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	object-fit:cover;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* メインビジュアル */

.main{
	width:100%;
	height:75%;
	margin-right:auto;
	margin-left:auto;
	background-size: 100% auto;
	z-index:0;
}



#top{
	margin-top:-5%;
}

.main_info{
	width:100%;
	height:100%;
	margin-top:0%;
	padding-bottom:3%;
	background: url(../img/bg_main_info.png) no-repeat top center;
	background-size: 100% auto;
	z-index:50;
}

.main_info_area{
	text-align: center;
	width:90%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	z-index:100;
}

#top video {
	width:100%;
	height:100%;
	margin-top:-14%;
	left:0;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/



.tuhan {
	margin-top:-120%;
	margin-right:auto;
	margin-left:75%;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 重要なお知らせ */

.info{
	width:60%;
	height:100%;
	margin:0 auto;
	background-size: 100% auto;
	text-align:center;
	padding-top:5%;
	padding-bottom:2%;
}


/* メインスライダー */
#info_slide{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,255,0.0);
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 更新履歴 */

#news_area{
	width:80%;
	height:100%;
	margin-right:auto;
	margin-left:auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;        /*中央揃え*/
	padding-bottom:5%;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/

/* 更新情報内容 */


.news{
	width:100%;
	margin-top:0px;
	margin-right:0%;
	margin-left:auto;
	text-align:center;
	padding-top:6%;
	padding-bottom:6%;
	
}

.news_contents{
	border: 2px solid #555500;
    border-radius: 0px;
	font-size:1.5vmin;
	width:90%;
	height:20vh;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:1.0%;
	background:rgba(255,255,255,1.0);

}

.scrollarea{
text-align:left;
width:90%;
margin-top:0;
margin-left: auto;
margin-right: auto;
overflow:auto;
background:rgba(255,255,255,1.0);
}

.scrollarea li{
margin-bottom:0.8%;
padding-bottom:0.8%;
padding-left:0.8%;
border-bottom:solid 1px rgba(255,255,255,0.3);
}

.scrollarea li h8,
.scrollarea li p{
display:inline-block;
vertical-align:top;
}

.scrollarea li h8{
margin-right:1%;
color:#54442A;
}

.news_contents .scrollarea li h6{
margin-right:2%;
color:#FFF;
font-size:1.3vmin;
}


.scrollarea::-webkit-scrollbar {

  width: 7px;

}

.scrollarea::-webkit-scrollbar-thumb {

  background: linear-gradient(0deg,#FFFFFF,#999999);

  border-radius: 3px;

}

.scrollarea::-webkit-scrollbar-track {

  background: rgba(90,90,90, .7);

}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 雑誌掲載情報 */

.magazine{
	width:100%;
	margin-top:0px;
	margin-right:auto;
	margin-left:0%;
	text-align:center;
	padding-top:6%;
	padding-bottom:6%;
	background:rgba(0,255,0,0.0);
	
}

.magazine_contents{
font-size:1.1vmin;
width:90%;
height:20vh;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background:rgba(255,255,255,1.0);

}


.magazine_contents .scrollarea li h6{
margin-right:2%;
color:#FFF;
font-size:1.5vmin;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 作品紹介 */

.titleinfo{
	width:80%;
	height:100%;
	margin:0 auto;
	background: url(../img/introduction01-01.png) no-repeat top center;
	background-size: 100% auto;
	text-align:center;
	padding-top:0%;
	padding-bottom:18%;
}


.info01 {
	padding-top:106%;
	margin-right:13%;
	margin-left:auto;
}

.info02 {
	padding-top:53%;
	margin-right:auto;
	margin-left:13%;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* コンセプト */

.concept{
	width:80%;
	height:100%;
	margin:0 auto;
	background-size: 100% auto;
	text-align:center;
	padding-top:20%;
	padding-bottom:10%;
	position:relative;
}

.conlink {
	position:absolute;
}

.concept01 {
	margin-top:50%;
	margin-right:85%;
	margin-left:auto;
}

.concept02 {
	margin-top:9%;
	margin-right:auto;
	margin-left:85%;
}

.concept03 {
	margin-top:3.0%;
	margin-right:auto;
	margin-left:-85%;
}

.concept04 {
	margin-top:8.6%;
	margin-right:auto;
	margin-left:85%;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* エロの拘り */

.obsession{
	width:80%;
	height:100%;
	margin:0 auto;
	background-size: 100% auto;
	text-align:center;
	padding-top:10%;
	padding-bottom:30%;
	position:relative;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* あらすじ01 */

.story{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:5%;
	padding-bottom:5%;
}

.storytitle{
	margin:0 auto;
	text-align:center;
	padding-top:0%;
	padding-bottom:4%;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 舞台紹介 */

.stage{
	width:80%;
	height:100%;
	margin:0 auto;
	background-size: 100% auto;
	text-align:center;
	padding-top:0%;
	padding-bottom:5%;
}


/* メインスライダー */
#main_slide{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,255,0.0);
}

#main_slide img{
	border:solid 2px rgba(103,93,57,1.0);
}


/* サムネイル */
#stage_slide{
	width:80%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,255,0.0);
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* キャラクター紹介 */

.character{
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:13%;
	padding-bottom:20%;
}


/* キャラ１ */
.chara01{
	width:100%;
	height:100%;
	margin-top:10%;
	padding-top:0%;
	padding-bottom:45%;
/* 	background: url(../img/chara01-01.jpg) no-repeat top center; */
	background-size: 100% auto;
	z-index:0;
}


.chara01_area{
	width:80%;
	margin-top:-125%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,255,0.0);
}

.ch01_fll {
	margin-top:-3%;
	margin-right:auto;
	margin-left:4.3%;
}

.ch01_text {
	margin-top:-72%;
	margin-right:auto;
	margin-left:auto;
}

.fll01 {
	margin-top:-63%;
	margin-right:20%;
	margin-left:auto;
}

.ch01area{
	width:75%;
	margin-top:-22%;
	padding-bottom:0%;
	margin-right:auto;
	margin-left:3%;
	background:rgba(0,255,255,0.0);
	text-align:center;
	position:relative;
	z-index:500;
}

.ch01dress{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,255,0.0);
}

.ch01dress li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/8);/*←画像を横に*つ並べる場合*/
	padding:0% 0% 5%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.ch01dress li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}


.change-chara01{
	width:50%;
	height:50%;
	margin-top:-62%;
	margin-right:-82%;
	margin-left:auto;
	z-index:50;
	position:relative;
}

button{
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;    
}






/* キャラ２ */
.chara02{
	width:100%;
	height:100%;
	margin-top:96%;
	padding-top:0%;
	padding-bottom:65%;
/* 	background: url(../img/chara02-01.jpg) no-repeat top center; */
	background-size: 100% auto;
	z-index:0;
}

.chara02_area{
	width:80%;
	margin-top:-125%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,255,0.0);
}

.ch02_fll {
	margin-top:-2%;
	margin-right:auto;
	margin-left:0%;
}

.ch02_text {
	margin-top:-72%;
	margin-right:auto;
	margin-left:auto;
}

.fll02 {
	margin-top:-63%;
	margin-right:20%;
	margin-left:auto;
}

.ch02area{
	width:75%;
	margin-top:-22%;
	padding-bottom:0%;
	margin-right:auto;
	margin-left:3%;
	background:rgba(0,255,255,0.0);
	text-align:center;
	position:relative;
	z-index:500;
}

.ch02dress{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,255,0.0);
}

.ch02dress li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/8);/*←画像を横に*つ並べる場合*/
	padding:0% 0% 5%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.ch02dress li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}


.change-chara02{
	width:50%;
	height:50%;
	margin-top:-83%;
	margin-right:-82%;
	margin-left:auto;
	z-index:50;
	position:relative;
}





/* キャラ３ */
.chara03{
	width:100%;
	height:100%;
	margin-top:75%;
	padding-top:0%;
	padding-bottom:135%;
/* 	background: url(../img/chara03-01.jpg) no-repeat top center; */
	background-size: 100% auto;
	z-index:0;
}

.chara03_area{
	width:80%;
	margin-top:-125%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,255,0.0);
}

.ch03_fll {
	margin-top:-3%;
	margin-right:auto;
	margin-left:8%;
}

.ch03_text {
	margin-top:-72%;
	margin-right:auto;
	margin-left:auto;
}

.fll03 {
	margin-top:-63%;
	margin-right:14%;
	margin-left:auto;
}

.ch03area{
	width:75%;
	margin-top:-22%;
	padding-bottom:0%;
	margin-right:auto;
	margin-left:3%;
	background:rgba(0,255,255,0.0);
	text-align:center;
	position:relative;
	z-index:500;
}

.ch03dress{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,255,0.0);
}

.ch03dress li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/8);/*←画像を横に*つ並べる場合*/
	padding:0% 0% 5%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.ch03dress li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}


.change-chara03{
	width:50%;
	height:50%;
	margin-top:-153%;
	margin-right:-82%;
	margin-left:auto;
	z-index:50;
	position:relative;
}
}





/* キャラ４ */
.chara04{
	width:100%;
	height:100%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	padding-top:15%;
	padding-bottom:15%;
	background-size: 100% auto;
	z-index:50;
}




/*////////////////////////////////////////////////////////////////////////////////////////*/
/* ギャラリー */


.gallery{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	margin-top:10%;
	padding-top:0%;
	padding-bottom:10%;
}

#gallerythumb{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:1%;
}

#gallerythumb img{
    border: solid 1px #917C4F;
/*	box-shadow: 10px 10px rgba(255,255,255,0.3);*/
}

.cgthumb{
	display: flex;
	flex-wrap:wrap;
	background:rgba(255,0,0,0.0);
}

.thumbsize {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/2);/*←画像を横に*つ並べる場合*/
	padding:5px 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.cgthumb li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, .5);
}

.thsize {
	width:100%;
	background:rgba(255,0,0,0.0);
	padding-top:3%;
	padding-bottom:3%;
}

    .display-none{
	 display:none;
	}

.graphic{
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:5%;
	padding-bottom:5%;
}


.viewer01{
	margin-top:3%;
	margin-right:auto;
	margin-left:-80%;
	
}


.viewer01 img{
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .5);
}


.cgviewe:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}



.viewer02:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}





/*////////////////////////////////////////////////////////////////////////////////////////*/
/* スペシャル */


.special{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:0%;
	padding-bottom:10%;
}

.sp01{
	width:60%;
	margin:0 auto;
	text-align:center;
	background:rgba(255,255,0,0.0);
	padding-top:1%;
	padding-bottom:3%;
}


.sp234_area{
	width:100%;
	background:rgba(255,0,255,0.0);
	padding-top:3%;
	padding-bottom:3%;
	text-align:center;
	margin:0 auto;
}


.sp00{
	background:rgba(0,255,0,0.0);
	display: inline-block;
	width:32%;
	height:500px;
}


.sp02{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:1%;
	padding-bottom:3%;
}





#sp01move{
    border: solid 5px #FF00B4;
	box-shadow: 20px 20px rgba(255,0,180,0.5);
	margin-top:5%;
	margin-bottom:2%;
	margin-left:auto;
	margin-right:auto;
}


#sp02move{
    border: solid 5px #FF00B4;
	box-shadow: 14px 14px rgba(255,0,180,0.5);
	margin-top:5%;
	margin-bottom:5%;
	margin-left:auto;
	margin-right:auto;
}

/*
    border: solid 4px #FFFFFF;
	box-shadow: 10px 10px rgba(255,255,255,0.3);
*/


/* ダウンロードリスト */
#demo_list{
margin-left:auto;
margin-right:auto;
margin:auto;
margin-top:2%;
}

#demo_list h4{
text-align:center;
margin-top:-5%;
margin-bottom:3%;
}

/* 内枠内 */
#demo_list ul{
margin-right:auto;
margin-left:auto;
width:80%;
color:#990000;
font-size:2vmin;
background:rgba(0,0,0,0.8);
padding:3%;
padding-bottom:1%;


/* 内枠線 */
border:1px solid rgba(0,0,0,0.5);

border-radius:90%;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#demo_list ul li{
text-align:center;
margin-bottom:3%;
}


#demo_list ul li ol li{
text-align:center;
vertical-align:top;
margin-bottom:1%;
margin:auto;
}

/* 見出し文章 */
#demo_list ul li h5{
color:#FFF;
font-size:1.5vmin;
font-weight:nomal;
}

#demo_list ul li h5 a{color:#FF0;}
#demo_list ul li h5 a:hover{color:#FF0}


/* ミラーサイト■ */
#demo_list 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_list ul li ol li h6 a:hover{
color:#7B436D;
}

#demo_list 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(194,14,61,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_list ul li ol li p a:hover{
background:rgba(255,0,102,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;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* グッズ */

#goods01{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;

}


.goods_title{
	padding-top:3%;
	padding-bottom:3%;
}


.goods01{
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(233,228,209,0.0);
	text-align:center;
}

.weblink {
	margin-top:-14%;
	margin-right:auto;
	margin-left:40%;
}


.weblinknone {
	margin-top:-25%;
	margin-right:30%;
	margin-left:auto;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* ショップ特典 */
/* 
#shop{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:15%;
	position: relative;
	z-index:100;
	

}
 */

.shop_title{
	padding-top:3%;
	padding-bottom:3%;
}

.shop{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:13%;
	padding-bottom:10%;
	position: relative;
	z-index:100;
}


.shoplineup01{
	width:100%;
	margin-top:10%;
	margin-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(255,255,0,0.0);
	text-align:center;
}

.shoplineup02{
	width:100%;
	margin-top:6%;
	margin-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(255,255,0,0.0);
	text-align:center;
}

#linepucolumn{
	width:100%;
	margin:0 auto;
	margin-bottom:2%;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:2%;
	padding-bottom:5%;
}

.column01{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,0,0.0);
}
.column01 li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/3);/*←画像を横に●つ並べる場合*/
	padding:0px 0px;/*←画像の左右に●pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(255,0,0,0.0);
}

.column01 li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}

.tenpo00{
	background:rgba(0,255,0,0.0);
	display: inline-block;
	width:31%;
	padding:0px 10px;/*←画像の左右に●pxの余白を入れる場合*/
}


.tenpo01{
	width:100%;
	margin:5 auto;
	text-align:center;
	background:rgba(0,0,255,0.0);
	padding-top:0%;
	padding-bottom:3%;
}


.cg_line{
    border: solid 1px #917C4F;
	margin-top:2%;
	margin-bottom:2%;
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .5);
}



.shopthumb01{
    border: solid 1px #917C4F;
	margin-top:2%;
	margin-bottom:2%;
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .5);
}


.shopthumb01:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}


.cg_line:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}





/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 抱き枕カバー */

#pillow{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;
}

.pillow_title{
	padding-top:3%;
	padding-bottom:3%;
}

.pillow{
	width:100%;
	height:100%;
	margin-top:3%;
	padding-top:250%;
	padding-bottom:0%;
	background: url(../img/pillow01.png) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}

.pillow01-01{
	width:100%;
	height:100%;
	margin-top:3%;
	padding-top:98%;
	padding-bottom:0%;
	background: url(../img/pillow01-01.png) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}

.pillow01-02{
	width:100%;
	height:100%;
	margin-top:0%;
	padding-top:85%;
	padding-bottom:20%;
	background: url(../img/pillow01-02.png) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}

.pillow01_fll {
	margin-top:-23%;
	margin-right:-3%;
	margin-left:auto;
}

.pillow01_area{
	width:18%;
	margin-top:-52%;
	padding-bottom:10%;
	margin-right:auto;
	margin-left:59%;
	background:rgba(0,255,255,0.0);
	text-align:center;
}

.pillow01_seles{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,255,0.0);
}
.pillow01_seles li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/1);/*←画像を横に*つ並べる場合*/
	padding:2% 2%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.pillow01_seles li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}



.pillow01-03{
	width:100%;
	height:100%;
	margin-top:20%;
	padding-top:85%;
	padding-bottom:0%;
	background: url(../img/pillow01-03.jpg) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}


.pillow02_fll {
	margin-top:-32%;
	margin-right:-62%;
	margin-left:auto;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* タペストリー */

#tapestry{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;
}

.tapestry_title{
	padding-top:3%;
	padding-bottom:3%;
}

.tapestry{
	width:100%;
	height:100%;
	margin-top:3%;
	padding-top:250%;
	padding-bottom:0%;
	background: url(../img/tapestry01.png) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}

.tapestry01-01{
	width:100%;
	height:100%;
	margin-top:3%;
	padding-top:98%;
	padding-bottom:20%;
	background: url(../img/tapestry01-01.png) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}

.tapestry01-02{
	width:100%;
	height:100%;
	margin-top:0%;
	padding-top:85%;
	padding-bottom:20%;
	background: url(../img/tapestry01-02.png) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}

.tapestry01_fll {
	margin-top:-43%;
	margin-right:-10%;
	margin-left:auto;
}

.tapestry01_area{
	width:18%;
	margin-top:-57%;
	padding-bottom:10%;
	margin-right:auto;
	margin-left:63%;
	background:rgba(0,255,255,0.0);
	text-align:center;
}

.tapestry01_seles{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,255,0.0);
}
.tapestry01_seles li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/1);/*←画像を横に*つ並べる場合*/
	padding:2% 2%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.tapestry01_seles li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}



.tapestry01-03{
	width:100%;
	height:100%;
	margin-top:10%;
	padding-top:80%;
	padding-bottom:0%;
	background: url(../img/tapestry01-03.jpg) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}


.tapestry02_fll {
	margin-top:-39%;
	margin-right:-62%;
	margin-left:auto;
}




/*////////////////////////////////////////////////////////////////////////////////////////*/
/* オフィシャル通販 */

/* 
#official{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	background-attachment:fixed;
	padding-top:3%;
	padding-bottom:3%;
	background-size: 100% auto;

}
 */

.official_title{
	width:80%;
	padding-top:3%;
	padding-bottom:5%;
}

.official{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	background-attachment:fixed;
	padding-top:3%;
	padding-bottom:3%;
	background-size: 100% auto;

}


.setname{
	width:75%;
	margin-top:3%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	text-align:center;
}

.namelist{
	margin-top:-15.7%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,0,0.0);
	text-align:center;
}


.wafflestorelink{
	margin-top:-12%;
	margin-right:-80%;
	margin-left:auto;
	background:rgba(0,255,0,0.0);
	text-align:center;
    border: solid 1px #000000;
}


.setcontent{
	width:75%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	text-align:center;
}


.setcontent #setimg{
	border: 2px solid #54442a;
}



#setchange{
	width:15%;
	margin-top:-59%;
	margin-bottom:3%;
	margin-left:auto;
	margin-right:-2%;
	background:rgba(255,0,0,0.0);
	text-align:center;
	padding-left:1%;
	padding-right:0%;

}


#setchange02{
	width:12%;
	margin-top:-63%;
	margin-bottom:12%;
	margin-left:auto;
	margin-right:1%;
	background:rgba(255,0,0,0.0);
	text-align:center;
	padding-left:1%;
	padding-right:0%;
}


.setfull{
	width:100%;
}

.setfull img:hover {
	opacity: 0.5 ;
}


.setlineuplink{
	width:75%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,255,0.0);
	text-align:center;
}

#setcontlineup{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:2%;
	padding-bottom:2%;
}

.linkbottom{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,0,0.0);
}

.linkbottom li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/4);/*←画像を横に●つ並べる場合*/
	padding:0px 0px;/*←画像の左右に●pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.linkbottom li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}

.delivery_price{
	width:90%;
	margin-right:auto;
	margin-left:auto;
	padding-top:30%;
	padding-bottom:1%;
	background:rgba(0,255,0,0.0);
	text-align:center;
}

.dp00{
	background:rgba(0,0,0,0.2);
	display: inline-block;
	width:41%;
}


.dp01{
	background:rgba(0,0,0,0.0);
	display: inline-block;
	width:49%;
}

.dp02{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,0,0,0.0);
}


.setlist{
	width:75%;
	margin-top:2%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(100,100,100,0.5);
	text-align:center;
	border: 1px solid #AAAAAA;


}




.setlistlineup{
	width:75%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(10,10,10,0.5);
	text-align:center;
	border: 1px solid #AAAAAA;
	
	

}


.setlisttext{
	margin-top:-31.5%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,0,0.0);
	text-align:center;
}




.banner{
	width:75%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	text-align:center;
}


#bannerlineup{
	width:90%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:2%;
	padding-bottom:5%;
}

.bannerbottom{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,0,0.0);
}
.bannerbottom li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/3);/*←画像を横に●つ並べる場合*/
	padding:10px 30px;/*←画像の左右に●pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.bannerbottom li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* RTキャンペーン */

#rtcp{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;

}


.rtcp_title{
	padding-top:3%;
	padding-bottom:3%;
}


.rtcp_title img{
	border:1px solid rgba(255,255,255,1.0);
}

.rctext{
	width:75%;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding:2% 2% 2% 2%;
	background:rgba(0,0,0,0.8);
	text-align:left;
	

}

.rctext p {
	font-size:1.7vmin;
	margin: 1.67em 0;
	color:#FFF;
	line-height: 1.8em;
}

.font_link{
	font-weight:  bold;
}

.rctext a:link{color:#007BFF;}
.rctext a:visited{color:#007BFF;}
.rctext a:hover{color:#007BFF;}

.rctext_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.8);

}

.rctext_info p {
	font-size:1.5vmin;
	margin: 1.8em 0;
	color:#FFF;
	line-height: 1.8em;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

.posterinfo{
	padding:2% 2% 2% 2%;
	background:rgba(0,0,200,0.3);

}
.posterinfo p {
	font-size:1.5vmin;
	margin: 1.8em 0;
	color:#FFF;
	line-height: 1.8em;
}



.postext{
	width:95%;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding:2% 2% 2% 2%;
	background:rgba(0,0,0,0.5);
	text-align:left;
	

}

.postext p {
	font-size:1.7vmin;
	margin: 1.67em 0;
	color:#FFF;
	line-height: 1.8em;
}

.font_link{
	font-weight:  bold;
}

.postext a:link{color:#007BFF;}
.postext a:visited{color:#007BFF;}
.postext a:hover{color:#007BFF;}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 体験版 */

.trial{
	width:80%;
	height:100%;
	margin:0 auto;
	background-size: 100% auto;
	text-align:center;
	padding-top:10%;
	padding-bottom:8%;
	position:relative;
}




.trial_title{
	padding-top:1%;
	padding-bottom:3%;
}


.trial_title img{
	border:0px solid rgba(255,255,255,1.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%;
}

#demo_list2 h4{
text-align:center;
margin-top:-5%;
margin-bottom:3%;
}

/* 内枠内 */
#demo_list2 ul{
margin-right:auto;
margin-left:auto;
width:100%;
color:#990000;
font-size:2vmin;
background:rgba(255,255,255,0.2);
padding:3%;
padding-bottom:1%;


/* 内枠線 */
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:#FFF;
font-size:1.5vmin;
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;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 抱っこ枕 */

#dakko{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;

}


.dakko_title{
	padding-top:3%;
	padding-bottom:3%;
}


.dakko_title img{
	border:1px solid rgba(255,255,255,1.0);
}

.dktext{
	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;
	

}

.dktext p {
	font-size:1.7vmin;
	margin: 1.67em 0;
	color:#FFF;
	line-height: 1.8em;
}

.font_link{
	font-weight:  bold;
}

.rctext a:link{color:#007BFF;}
.rctext a:visited{color:#007BFF;}
.rctext a:hover{color:#007BFF;}

.dktext_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);

}

.dktext_info p {
	font-size:1.5vmin;
	margin: 1.8em 0;
	color:#FFF;
	line-height: 1.8em;
}

.dakkolineup01{
	width:75%;
	margin-top:2%;
	margin-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(255,255,0,0.0);
	text-align:center;
}

.dkobn00{
	background:rgba(0,255,0,0.0);
	display: inline-block;
	width:30%;
	padding:0px 20px;/*←画像の左右に●pxの余白を入れる場合*/
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* webアンケート */

.webq{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:13%;
	padding-bottom:10%;
	position: relative;
	z-index:100;
}




.webq_title{
	padding-top:3%;
	padding-bottom:3%;
}

.weblink {
	margin-top:-14%;
	margin-right:auto;
	margin-left:40%;
}


.weblinknone {
	margin-top:-25%;
	margin-right:30%;
	margin-left:auto;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 陰毛ONOFF */

.hair{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:13%;
	padding-bottom:10%;
	position: relative;
	z-index:100;
}




.hair_title{
	padding-top:3%;
	padding-bottom:3%;
}

.hairlink {
	margin-top:-14%;
	margin-right:auto;
	margin-left:40%;
}


.hairlinknone {
	margin-top:-25%;
	margin-right:30%;
	margin-left:auto;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 限定セット */

.set01{
	width:80%;
	margin:0 auto;
	padding-top:0%;
	padding-bottom:2%;
	background-size: 100% auto;
	z-index:50;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 前作紹介 */

.slowlife01{
	width:80%;
	height:100%;
	margin:0 auto;
	background: url(../img/slowlife01-01.png) no-repeat top center;
	background-size: 100% auto;
	text-align:center;
	padding-top:0%;
	padding-bottom:5%;
}


.slowlink01 {
	margin-top:80%;
	margin-right:auto;
	margin-left:55%;
}

.slowlife02{
	padding-top:10%;
}




/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 製品情報 */

/* 
.product{
	width:80%;
	height:100%;
	margin:0 auto;
	padding-top:10%;
	padding-bottom:2%;
	background: url(../img/product01.jpg) no-repeat top center;
	background-size: 100% auto;
	z-index:50;
}
 */

.product{
	width:80%;
	height:100%;
	margin:0 auto;
	padding-top:5%;
	padding-bottom:1%;
	background-size: 100% auto;
	z-index:50;
}


.product02{
	width:80%;
	height:100%;
	margin:0 auto;
	padding-top:5%;
	padding-bottom:1%;
	background-size: 100% auto;
	z-index:50;
}

.dakko01 {
	margin-top:-50%;
	margin-right:auto;
	margin-left:17.5%;
}

.dakko02 {
	margin-top:-50%;
	margin-right:auto;
	margin-left:33.5%;
}

.dakkopage {
	margin-top:-22%;
	margin-right:auto;
	margin-left:4%;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
