@charset "utf-8";
/*-------------------------------------------------------------
			commonの上書き
-------------------------------------------------------------*/
footer{
	margin-top:90px;
}
/*-------------------------------------------------------------
			itme-list
-------------------------------------------------------------*/
.itemlist-box{
	text-align:center;
	margin:0 auto 70px;
	padding-left:0px;
	font-size:0;
}
.itemlist-box li{
	display:inline-block;
	font-size:0;
}
.itemlist-box li a{
	display:block;
	width:160px;
	height:50px;
	margin:0 10px;
	line-height:48px;
	border-radius:4px;
	border:1px solid #330000;
	background-color:#FFF;
	box-shadow: 1px 1px 3px #8F8F8F;
	box-sizing:border-box;
	
	transition:transform 0.2s;
}
.itemlist-box li a:hover{
	transform:translateY(5px);
}
/*-------------------------------------------------------------
			stroy-box
-------------------------------------------------------------*/
.privilege-box{
	width:1000px;
	/*height:1860px;*/
	/*min-height:550px;*/
	margin:0 auto;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	
	box-sizing:border-box;
}

.privilege-box:after{
     content:" ";
     display:block;
     clear:both;
}

.initial-box h1{
	margin-bottom:30px;
	text-align:center;
}

.initial-img{
	width:960px;
	height:450px;
	background-color:#FFF;
	box-shadow: 1px 1px 3px #8F8F8F;
	margin-bottom:20px;
}

.initial-visualbox{
	position:relative;
	width:960px;
	height:490px;
	background-color:#FFF;
	box-shadow: 1px 1px 3px #8F8F8F;
	margin-bottom:20px;
}
.Sample-btn{
	outline: none;
	appearance: none;
	border: none;
	
	width:43px;
	height:43px;
	position:absolute;
	top:325px;
	right:273px;
	border-radius:22px;
	background-color:#ffcc33;
	box-shadow: 1px 1px 3px #8F8F8F;
	transition:0.2s;
	background-image: url(../img/special/priv/btn-play@2x.png);
	background-size:43px;
}
.Sample-btn:active{
	top:330px;
}
.jp-audio .Sample-btn{
	background-image: url(../img/special/priv/btn-play@2x.png);
}
.jp-state-playing .Sample-btn{
	background-image: url(../img/special/priv/btn-playA@2x.png);
}

.jp-time-holder{
	position:absolute;
	top:368px;
	right:218px;
}
.jp-current-time, .duration{
	display:inline-block;
	/*ont-style:italic;*/
	color:#4B4B4B;
	letter-spacing:0.02em;
	font-size:.6875rem;
}
/*-------------------------------------------------------------
			shop
-------------------------------------------------------------*/
.shop-box-wrap{
	margin-top:120px;
}

.shop-box-wrap > h1{
	margin-bottom:40px;
	text-align:center;
}

.shop-box{
	display:inline-block;
	position:relative;
	margin-bottom:40px;
	box-shadow: 1px 1px 3px #8F8F8F;
}

.shop-tyleA{
	width:960px;
	height:580px;
	background-repeat:no-repeat;
	background-position:top left;
}
.typeA-ttl{
	position:absolute;
	top:33px;
	left:40px;
	font-size:1.75rem;
	letter-spacing:0.1em;
	text-shadow: 0px 2px 3px #8F8F8F;
}
.shop-tyleB{
	width:460px;
	height:560px;
	background-repeat:no-repeat;
	background-position:top left;
}
.shop-tyleB:nth-child(odd){
	margin-right:30px;
}
.typeB-ttl{
	margin-top:30px;
	font-size:1.75rem;
	text-align:center;
	letter-spacing:0.1em;
	text-shadow: 0px 2px 3px #8F8F8F;
}
.shop-ttl-mini{
	font-size:1.125rem;
}
.shop-btn{
	width: 240px;
	height: 45px;
	position: absolute;
	bottom: 25px;
	right: 41px;
	text-align: center;
}
.shopB-btn{
	width: 240px;
	height: 45px;
	position: absolute;
	bottom: 24px;
	left: 110px;
	text-align: center;
}
.shop-btn a, .shopB-btn a{
	position: relative;
	display:block;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFF;
	letter-spacing:0.15rem;
	line-height: 45px;/*上下中央*/
	border-radius: 3px;
	font-size:.875rem;
	font-weight:bold;
	background: rgb(247,201,86); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(247,201,86,1) 0%, rgba(248,181,0,1) 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(247,201,86,1) 0%,rgba(248,181,0,1) 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(247,201,86,1) 0%,rgba(248,181,0,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:1px solid #fda700;
	box-sizing:border-box;
	transition:0.2s;
}
.shop-btn a:hover, .shopB-btn a:hover {
	background: rgb(248,181,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(248,181,0,1) 15%, rgba(247,201,86,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(248,181,0,1) 15%,rgba(247,201,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(248,181,0,1) 15%,rgba(247,201,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*CSS矢印*/
.shop-btn a:after, .shopB-btn a:after{ 
	content: ""; 
	position: absolute;
	top: 41%;
	right:10%;
	display: block; 
	width: 7px; 
	height: 7px; 
	border-top: 2px solid #fff; 
	border-right: 2px solid #fff; 
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#sofmap{
	background-image:url(../img/special/priv/sofmap@1x.jpg);
}
#getchu{
	background-image:url(../img/special/priv/getchu@1x.jpg);
}
#melon{
	background-image:url(../img/special/priv/melon@1x.jpg);
}
#trader{
	background-image:url(../img/special/priv/trader@1x.jpg);
}
#tora{
	background-image:url(../img/special/priv/tora@1x.jpg);
}
#fammys{
	background-image:url(../img/special/priv/fammys@1x.jpg);
}
#seagull{
	background-image:url(../img/special/priv/seagull@1x.jpg);
}
#amazon{
	background-image:url(../img/special/priv/amazon@1x.jpg);
}

/*-------------------------------------------------------------
			original
-------------------------------------------------------------*/

.orginal-box-wrap{
	margin-top:90px;
	font-size:0;
}
.orginal-box-wrap h1{
	text-align:center;
	font-size:1.5rem;
	margin-bottom:30px;
}
.orginal-box{
	width:300px;
	height:400px;
	display:inline-block;
	position:relative;
	margin-bottom:30px;
	/*box-shadow: 1px 1px 3px #8F8F8F;*/
	font-size:1rem;
}
.orginal-box:nth-of-type(3n+2){
	margin:0 30px;
}
.orginal-box h1{
	margin-top:34px;
	text-align:center;
	font-size:1.5rem;
	text-shadow: 0px 2px 3px #8F8F8F;
}
.orginal-btn{
	width: 240px;
	height: 42px;
	position: absolute;
	bottom: 26px;
	left:30px;
	text-align: center;
}
.orginal-btn a{
	position: relative;
	display:block;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFF;
	letter-spacing:0.15rem;
	line-height: 42px;/*上下中央*/
	border-radius: 3px;
	font-size:.875rem;
	font-weight:bold;
	background: rgb(247,201,86); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(247,201,86,1) 0%, rgba(248,181,0,1) 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(247,201,86,1) 0%,rgba(248,181,0,1) 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(247,201,86,1) 0%,rgba(248,181,0,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:1px solid #fda700;
	box-sizing:border-box;
	transition:0.2s;
}
.orginal-btn a:hover{
	background: rgb(248,181,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(248,181,0,1) 15%, rgba(247,201,86,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(248,181,0,1) 15%,rgba(247,201,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(248,181,0,1) 15%,rgba(247,201,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*CSS矢印*/
.orginal-btn a:after{ 
	content: ""; 
	position: absolute;
	top: 41%;
	right:10%;
	display: block; 
	width: 7px; 
	height: 7px; 
	border-top: 2px solid #fff; 
	border-right: 2px solid #fff; 
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sp-ttlsize{
	font-size:1.125rem;
}

#bookmate{
	background-image:url(../img/special/priv/o-bookmate@1x.png);
}
#takarajima{
	background-image:url(../img/special/priv/o-takarajima@1x.png);
}
#alice{
	background-image:url(../img/special/priv/o-alice@1x.png);
}

#maikon{
	background-image:url(../img/special/priv/o-maikon@1x.png);
}
#nankaibook{
	background-image:url(../img/special/priv/o-nankaibooks@1x.png);
}
#comroad{
	background-image:url(../img/special/priv/o-comroad@1x.png);
}

#hurukawa{
	background-image:url(../img/special/priv/o-hurukawa@1x.png);
}
#flop{
	background-image:url(../img/special/priv/o-flop@1x.png);
}
#amiami{
	background-image:url(../img/special/priv/o-amiami@1x.png);
}

#visco{
	background-image:url(../img/special/priv/o-visco@1x.png);
}
#comshop{
	background-image:url(../img/special/priv/o-comshop@1x.png);
}
#soften{
	background-image:url(../img/special/priv/o-soften@1x.png);
}

#mk{
	background-image:url(../img/special/priv/o-mk@1x.png);
}
#ramutara{
	background-image:url(../img/special/priv/o-ramutara@1x.png);
}
#official{
	background-image:url(../img/special/priv/o-official@1x.png);
}
/*-------------------------------------------------------------
			footer
-------------------------------------------------------------*/
.footer-box-wrap{
	padding-top:45px;
	padding-bottom:20px;
}
.footer-nav{
	width:100%;
	height:auto;
	display:block;
	padding:40px auto;
	text-align:center;
}
.footer-nav-list{
	font-size:0;
}
.footer-nav-list li{
	display:inline-block;
	font-size:0.875rem;
	color:#FFF;
	text-align:center;
	padding:0 1rem;
	border-right:1px solid #d9d9d9;
}
.footer-nav-list li:last-child{
	border-right:none;
}
.footer-nav-list li {
	color:#7B7B7B;
}
.footer-nav-list li a{
	color:#d9d9d9;
	transition:0.2s;
}
.footer-nav-list li a:hover{
	color:#FF9E00;
}

/**＝＝＝＝＝＝＝＝＝**/
.footer-mark{
	width:100%;
	display: flex;
	justify-content:center;
	align-items: baseline ;
	margin-top:50px;
	margin-bottom:50px;
}
.footer-mark:after{
    /* content:" ";
     display:block;
     clear:both;*/
}
.footer-mark-box{
	width:33.33%;
	box-sizing:border-box;
}
.footer-mark-txt{
	text-align:right;
	
}
.footer-mark-txt p{
	text-align:right;
	color:#d9d9d9;
}
.footer-mark-logo{
	text-align:center;
}
.footer-mark-txt{
	text-align:left;
}