@charset "UTF-8";

html{color:#000;background:transparent;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
body {
		width:100%;
		height: auto;
		min-width: 1200px;
		margin: 0;         /* 余白の削除 */
		padding: 0;        /* 余白の削除 */
		font-size: 14px;
		font-family:'Century Gothic','Meiryo','ms pgothic', sans-serif;
		letter-spacing: 2;
		line-height:1.8;
		color: #7D6150;
		overflow:auto;
		background-color: #fdeafd;
		text-shadow:0px 0px 1px #dac3c3,0px 0px 2px #fff6b8;
	}
.w1280{width: 1200px;height: auto;margin: auto;position: relative;}
body a{color:#30C5CD;text-decoration: none;}
body a:hover{color:#FC91B9;text-decoration: none;}
#wrapper{width: 100%;height: auto;text-align: center;height: auto;}


#voice{
	position: relative;
	text-align: center;
}

.voicedl{
  margin: 0 auto 20px;}
	.dl{
		display: flex;
		justify-content: center;
	}
	.voiceDL{
	  margin: 10px auto;
	  display:block;
	  position: relative;
	}

.voice_form form{
	border-radius: 20px;
	vertical-align: middle;
  position: absolute;
  top:300px;
  left:0;
	right: 0;
  margin:0 auto;
	text-align: center;
  z-index: 3;
}

.text, textarea, .dropdown, .textarea {
	height:20px;
	border:1px solid #61210B;
	padding: 5px;
	border-radius: 20px;
	color: #000;
	background: #fff;
  text-align: center;
  transition: 0.3s;
	width: 210px;
}
input[type="text"]:hover{background:#fff;  box-shadow: 0px 0px 5px 1px #FEE0E0;}
input[type="text"]:focus{background:#FEFFDE;  box-shadow: 0px 0px 0px 1px #FDADAD;}

.btn{
  background-color:#664010;
	border:1px solid #664010;
  box-shadow: 0px 0px 0px 4px #664010;
  border-radius: 5px;
  padding: 0px 30px;
  margin-left: 10px;
  color: #fff;
  transition: 0.3s;}
.btn:hover{background:#a977e0;  box-shadow: 0px 0px 0px 4px #a977e0;	border:1px solid #79d3e3;}



.pagetop_btn{
	position: absolute;
	bottom:30px;
	right: 30px;
	position: fixed;
	z-index: 999;
}

.dlbase{padding: 100px 0 100px;}

.dl li{
	position:relative;
display: inline-block;
margin: 20px;
}


/*------------------------------------------------------
/*price
/*------------------------------------------------------*/
.price{
	margin: 40px auto;
	width: 90%;
}

.price img{max-width: 100%;}

/*------------------------------------------------------
/*MV
/*------------------------------------------------------*/
.opacity{background-color: rgba(255,255,255,0.6);position: relative;padding: 20px 0px 30px;}
.opacity img{margin: 5px auto;}
#MV{
	position: relative;
	background-image: url(../images/top.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.tape_big{margin: 120px  0 10px;}

/*------------------------------------------------------
/*bunny
/*------------------------------------------------------*/
.opacity{background-color: rgba(255,255,255,0.6);position: relative;padding: 20px 0px 30px;}
.opacity img{margin: 5px auto;}
#bunny{
	position: relative;
	background-image: url(../images/bunny/sprash01.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.tape_big{margin: 120px  0 10px;}

/*------------------------------------------------------
/*icha
/*------------------------------------------------------*/
.opacity{background-color: rgba(255,255,255,0.6);position: relative;padding: 20px 0px 30px;}
.opacity img{margin: 5px auto;}
#icha{
	position: relative;
	background-image: url(../images/icha/sprash01.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.tape_big{margin: 120px  0 10px;}

/*------------------------------------------------------
/*hitasura
/*------------------------------------------------------*/
.opacity{background-color: rgba(255,255,255,0.6);position: relative;padding: 20px 0px 30px;}
.opacity img{margin: 5px auto;}
#hitasura{
	position: relative;
	background-image: url(../images/hitasura/sprash01.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.tape_big{margin: 120px  0 10px;}

/*------------------------------------------------------
/*cos
/*------------------------------------------------------*/
.opacity{background-color: rgba(255,255,255,0.6);position: relative;padding: 20px 0px 30px;}
.opacity img{margin: 5px auto;}
#cos{
	position: relative;
	background-image: url(../images/cos/sprash01.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.tape_big{margin: 120px  0 10px;}


/*------------------------------------------------------
/*tape
/*------------------------------------------------------*/
.opacity{background-color: rgba(255,255,255,0.6);position: relative;padding: 20px 0px 30px;}
.opacity img{margin: 5px auto;}
#tape{
	position: relative;
	background-image: url(../images/tape/sprash01.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.tape_big{margin: 120px  0 10px;}


/*------------------------------------------------------
/*set
/*------------------------------------------------------*/
.opacity{background-color: rgba(255,255,255,0.6);position: relative;padding: 20px 0px 30px;}
.opacity img{margin: 5px auto;}
#set{
	position: relative;
	background-image: url(../images/top.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.tape_big{margin: 120px  0 10px;}


/*------------------------------------------------------
/*order
/*------------------------------------------------------*/
.order_size{height: 80px;width: 250px; padding: 5px;margin: 5px auto auto 320px; border: solid 1px #665051;background-color: #FFF;float: left;border-radius:5px;}

#order{position: relative;padding-top: 50px;height: 950px;}
.order_h2base{width:100%;height:157px;background:url(../images/h2_order_base3.png) center repeat-x;position: relative;}
 h2.order{position: relative;top:-5px;}

 #order_page{
	 margin-top: 20px;
	 position: relative;
 }

 #order_page ul{
	background:url(../images/order_base.png) center repeat-x;
	width: 630px;
	height: 355px;
	padding-top: 55px;
	position: absolute;
	right: 0px;
 }
 #order_page li{
	 margin: 0;
	 line-height:0;
	 transition: 0.3s;
 }

 #order_page li:hover{
	 filter: brightness(1.22);
-webkit-filter: brightness(1.22);
	 transition: 0.3s;
	 cursor: pointer;
 }
 #order_img{
 	position: absolute;
	left:-5px;
	top:45px;
 }

#orderlink{
	 position: absolute;
	 top:445px;
	 right:25px;
 }

.rename{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	top:520px;
}

.rename img{
	margin: 5px auto;
}

 /*------------------------------------------------------
 /*注意事項
 /*------------------------------------------------------*/
#chuui {position: relative;padding: 50px 0 60px;}
#chuui p{width: 890px;text-align: left;margin: 0px auto;padding-left: 40px;font-size: 13px;letter-spacing: 0.2;}
.sec{margin:4px;}
h4{position:relative;top:10px;}

.tokuten_ballon{position: absolute;top:400px;right: -60px;}

footer{height: 30px;background-color: #000;position: relative;text-align: center;}
footer p{color: #fff;font-size: 10px;letter-spacing: 1.8px;position: relative;top:7px;filter: drop-shadow(0 0 0 #ae6332);}

.red{color:#FF0080;}


/*------------------------------------------------------
/*div装飾
/*------------------------------------------------------*/
h2{position:relative;}
h2{position:absolute;top:-80px;left:0;right: 0;margin: auto;z-index: 3;}

.bara_l{width:332px;height:248px;background:url(../images/bara_l.png) center,left no-repeat;position: absolute;top:-150px;left:0px;z-index: 2;overflow: hidden;}
.bara_r{width:332px;height:248px;background:url(../images/bara_r.png) center,right no-repeat;position: absolute;top:-150px;right: 0px;z-index: 2;overflow: hidden;}

.lace_top{width:100%;height:25px;background:url(../images/lace_ue.png) center repeat-x;position: absolute;top:-15px;z-index: 2;}
.lace_bottom{width:100%;height:25px;background:url(../images/lace_shita.png) center repeat-x;position: absolute;bottom:-15px;z-index: 2;}
.pink{background-color: #f9dfff;position: relative;}
.border{background-image:url(../images/bg2.jpg);background-attachment: fixed;padding: 30px 0;position: relative;}

.bonusbg{background-image:url(../images/bonus_bg.png),url(../images/bg2.jpg);background-position: center;height: 770px;position: relative;background-repeat: no-repeat,repeat;}
.bonus_text{position: absolute;left:30px;top:90px;}
.bonus_voice{position: absolute;top:415px;left:80px;}


.mai_base{width:100%;height:413px;background:url(../images/mai_base.jpg) center bottom no-repeat;position: relative;min-width: 1200px;background-color: #fdf4f7;}
.mai_base a{position: relative;top:345px;}

/*------------------------------------------------------
/*TOP
/*------------------------------------------------------*/

.topContents{width: 100%;display: flex;flex-wrap: nowrap;height: 1500px;}

.top_lace{
	background:url(../images/top_lace.png);
	width: 100%;
	height: 17px;
	position: absolute;
	top: 0px;
	z-index: 5;
}

#topimg{
	width:100%;background:url(../images/topbg.jpg) top no-repeat;
	background-size:cover;
	position: relative;
	z-index: -1;
}
@media screen and (min-width:1600px){
	.topContents{width: 100%;display: flex;flex-wrap: nowrap;height: 1930px;}
 }

@media screen and (min-width:1920px){
	#topimg{
		width:100%;background:url(../images/topbg.jpg) top no-repeat;
		background-size:100%;
		position: relative;
		z-index: -1;
	}
 }

#top{width: 100%;position: relative;}
.title{}
.title img{max-width:90%;}

.leftContents a img{transition: 0.3s;}

.sticky{
	position: -webkit-sticky;
	position: sticky;
	top: 40px;
}

.leftContents{
	width: 500px;
	padding-top: 40px;
}
.release{
	display: block;
	margin: 40px auto;
}
.leftContents img{max-width: 100%;}
.bonus_jump{
	position: absolute;
	top:620px;
	right:30px;
	z-index: 500;
}
.catch{
	position: absolute;
	top:80px;
	right:50px;
}
.topmoji{
	position: absolute;
	top:30px;
	right:50px;
}

/*------------------------------------------------------
/*load
/*------------------------------------------------------*/

.loading {
width: 100%;
height: 100%;
background: rgba(255,255,255,1.0);
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
.loadanime{
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
margin-top: -73px;
margin-left: -174px;
}
.loadanime img{position: absolute;}
.load2{position: absolute; top:60px;left:280px;}



.link {
  transition: 0.1s;
}

.link p:hover {
  cursor: pointer;
  transform: translateY(7px);
  filter: sepia(5%) brightness(110%);
  box-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF,
              0 0 1em #FFF, 0 0 0.2em #FFF,
              0 0 1em #FFF, 0 0 0.2em #FFF,
              0 0 1em #FFF, 0 0 0.2em #FFF;
}

.link_chara {
  transition: 0.1s;
}

.link_chara:hover {
  cursor: pointer;
  transform: translateY(7px);
}

.link_more {
  transition: 0.1s;
}

.link_more:hover {
  cursor: pointer;
  transform: scale(0.94);
}

.w1280 p{
font-weight: bold; color: #6E5024;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF,
              0 0 1em #FFF, 0 0 0.2em #FFF,
              0 0 1em #FFF, 0 0 0.2em #FFF,
              0 0 1em #FFF, 0 0 0.2em #FFF;
}

.link_bar{
	padding: 5px;
}
.link_bar img{
	margin-top: 5px;
	box-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.shop_bar p{
	padding: 5px;
	margin: 5px auto;
	background-color: #FFE32D;
	color: #6E5024;
	text-align: center;
	line-height: 20px;
	height: 40px;
	width: 400px;
	border: solid 1px #665051;
	border-radius:5px;
  text-shadow:1px 1px 0 #FFE32D, -1px -1px 0 #FFE32D,
              -1px 1px 0 #FFE32D, 1px -1px 0 #FFE32D,
              0px 1px 0 #FFE32D,  0-1px 0 #FFE32D,
              -1px 0 0 #FFE32D, 1px 0 0 #FFE32D,
              0 0 1em #FFE32D, 0 0 0.2em #FFE32D,
              0 0 1em #FFE32D, 0 0 0.2em #FFE32D,
              0 0 1em #FFE32D, 0 0 0.2em #FFE32D;
}
.shop_bar p:hover{
	padding: 5px;
	margin: 5px auto;
	background-color: #351A1A;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	height: 40px;
	width: 400px;
	border: solid 1px #665051;
	border-radius:5px;
  text-shadow:1px 1px 0 #351A1A, -1px -1px 0 #351A1A,
              -1px 1px 0 #351A1A, 1px -1px 0 #351A1A,
              0px 1px 0 #351A1A,  0-1px 0 #351A1A,
              -1px 0 0 #351A1A, 1px 0 0 #351A1A,
              0 0 1em #351A1A, 0 0 0.2em #351A1A,
              0 0 1em #351A1A, 0 0 0.2em #351A1A,
              0 0 1em #351A1A, 0 0 0.2em #351A1A;
}

.link_img {
  transition: 0.1s;
}

.link_img img:hover {
  cursor: pointer;
  filter: sepia(5%) brightness(105%);
  box-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF, 
			  2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
}
.moji_red{color: #FF35A0;}
.moji_red_big{font-size: 1.5em;color: #FF35A0;}
.moji_name{font-size: 2em;color: #FF35A0;}
.mini{font-size:0.7em;}