/*-------------------------------------------------------------
			main
-------------------------------------------------------------*/

header{
	height:360px;
}

/*-------------------------------------------------------------
			bar
-------------------------------------------------------------*/
#loader{
	width: 150px;
	height: 3px;
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	top:100px;
	text-align:center;
}

#loader-wrap{
	width: 100%;
	height: 100%;
	border: 1px solid #ffafbc;
	background-color:#FFF;
	box-shadow: 0 0 2px #FFF;
}
#load-bar{
	display:block;
	width:0%;
	height:4px;
	/*ckground-color:gray;*/
	transition:all ease 0.1s;
}

/*-------------------------------------------------------------
			main
-------------------------------------------------------------*/
.main-wrap{
	width:1000px;
	height:auto;
	margin:0 auto;
	padding-top:40px;
	box-sizing:border-box;

	/*opacity:0;*/
	transform:translate(0px, 10px);
	transition: .6s all ease;
}
.active{
	opacity:1;
	transform:translate(0px, 0px);
}

/*-------------------------------------------------------------
			page-nav
-------------------------------------------------------------*/

.page-nav-box{
	position:relative;
	margin-bottom:100px;
}

.privilege-list-img{
	position:absolute;
	top:22px;
	left:60px;
}

.page-nav-list{
	display:flex;
	text-align:center;
	justify-content: center;

}
.page-nav{
	position:relative;
}
.new-tag::before{
	position:absolute;
	top:-25px;
	left:0;
	right:0;
	margin:0 auto;
	content:url("../img/special/priv/new-tag@1x.png");
	font-size:14px;
	letter-spacing:0.2em;
	color:red;
	font-weight:bold;
}

.page-nav a{
	width:190px;
	margin:0 18px;
	display:block;
	font-size:1.125rem;
	letter-spacing:0.2em;
	font-weight: bold;
	padding:0.5em 1em;
	text-decoration:none;

	border-radius:2px;

	box-sizing:border-box;
	border:1px solid #0A2D4E;
	color:#FFF;
	background-color:#1d2864;

	transition:all 0.2s ease;
}
.page-nav a:hover{
	color:#FFF;
	background-color:#FFF;
	color:#1d2864;
	border:1px solid #1d2864;
}

.new-tag a{
	letter-spacing:0.1em;
}

.no-active{
	margin:0 22px;
	display:block;
	font-size:1.125rem;
	letter-spacing:0.05em;
	padding:0.5em 1em;
	text-decoration:none;

	border-radius:2px;

	box-sizing:border-box;
	border:1px solid #cdcdcd;
	color:#cdcdcd;
	background-color:#FFF;
}
/****************/

.privilege-sectionttl{
	width:100%;
	height:50px;
	text-align:center;
	background-color:#ff739a;
	border-radius:2px;
	line-height:50px;
}
.privilege-sectionttl img{
	vertical-align:text-bottom;
}

.initialBonus-txt{
	text-align:center;
}

.initialBonus-box{
	position:relative;
	width:100%;
	border:2px solid #1d2864;
	box-sizing:border-box;
	background-color:#FFF;
	background-repeat:no-repeat;
	overflow:hidden;
}

#A{
	margin-bottom:30px;
	height:320px;
	background-image:url(../img/special/priv/A@1x.jpg);
}
#B{
	position:relative;
	height:400px;
	background-image:url(../img/special/priv/B@1x.jpg);
}

.ttl-box{
	position:absolute;
	top:43px;
	right:367px;
	width:62px;
	height:20px;
	font-size:.75rem;
	text-align:center;
	line-height:20px;
	background-color:#1d2864;
	color:#FFF;
}
.tex-box{
	position:absolute;
	top:76px;
	right:60px;
	width:368px;
	font-size:.8125rem;
	text-align:justify;
	letter-spacing: 0.1em;
	line-height:1.65em;
	text-shadow:0px 0px 2px #bababa;
}

.subtex-box{
	text-align:right;
	font-size:.6825rem;
	letter-spacing:0.06em;
	margin-top:16px;
	margin-bottom:2rem;
}

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

#shopBonus{
	margin-top:100px;
}
#shopBonus:after{
     content:" ";
     display:block;
     clear:both;
}
.privilege-sectionttl{
	width:100%;
	height:50px;
	text-align:center;
	background-color:#ff739a;
	border-radius:2px;
	line-height:53px;
}
.privilege-sectionttl img{
	vertical-align:text-bottom;
}

/****************/
.shop-nav-list{
	padding:50px 0px 20px;
	display:flex;
	-webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
	/*justify-content: space-between; /*均等に間隔をあける*/
}

.shop-nav{

	position:relative;
	display:block;
	font-size:0px;
	font-weight:bold;
	flex-grow: 1;
}
/*
.shop-nav:not( :last-child )::before{
	position:absolute;
   top:0px;
  right:-21px;

  display: block;
  content: "/" ;
  height: 16px;
  width: 16px;
}
*/

.shop-nav a{
	display:block;
	font-size:1rem;

	padding:14px 2px;

	color:#1d2864;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
	letter-spacing:0.05em;
	transition:0.2s all ease;
	/*border-radius:2px;*/
	border-top:1px solid #1d2864;
	/*border-right:1px solid #1d2864;*/
	border-bottom:1px solid #1d2864;
	border-left:1px solid #1d2864;
	color:#1d2864;
	background:#FFF;
}
.shop-nav:last-child a{
	border-right:1px solid #1d2864;
}
.shop-nav a:hover{
	/*background-color:#FFF;*/
	color:#FFF;
	background-color:#1d2864;
	/*
	color:#1d2864;
	background:#FFF*/
}
.shopBonus-subtxt{
	font-size:.625rem;
	letter-spacing:0.1em;
	text-align:right;

	margin-bottom:60px;
}
/****************/

.shop-box{
	position:relative;
	display:block;
	width:1000px;
	height:560px;

	margin-bottom:55px;
	border:1px solid #1d2864;
	box-sizing:border-box;
	background-color:#FFF;
	background-repeat:no-repeat;
}
.shop-ttlA{
	margin-top:20px;
	margin-left:45px;
}

.shop-btn{
	position:absolute;

	width:298px;
	height:47px;
	text-align:center;
}
.shop-btnA{
	bottom:15px;
	right:20px;
}
.shop-btnB{
	bottom:20px;
	right:88px;
}

.shop-btn a{
	display:block;
	position:relative;
	border:1px solid orange;
	line-height:46px;
	width:100%;
	height:47px;
	box-sizing:border-box;
	border-radius:0px;

	text-decoration:none;
	font-size:.9375rem;
	/*font-weight:bold;*/
	color:#FFF;
	background-color:orange;

	letter-spacing:0.055em;

	transition:all 0.2s ease;

	background: rgb(247,201,86);
    background: -moz-linear-gradient(top, rgba(247,201,86,1) 0%, rgba(248,181,0,1) 85%);
    background: -webkit-linear-gradient(top, rgba(247,201,86,1) 0%,rgba(248,181,0,1) 85%);
    background: linear-gradient(to bottom, rgba(247,201,86,1) 0%,rgba(248,181,0,1) 85%);
    border: 1px solid #fda700;
}

.shop-btn a:before{
  position:absolute;
  top:18px;
  left:85px;

  display: block;
  content: " " ;
 	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 9px;
	border-color: transparent transparent transparent #FFF;
}

.shop-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+ */
}
.shop-btn a:hover:before{
	border-color: transparent transparent transparent #FFF;
}

#sofmap{
	background-image:url(../img/special/priv/sofmap@1x.jpg);
}
#getch{
	background-image:url(../img/special/priv/getch@1x.jpg);
}
#melon{
	background-image:url(../img/special/priv/melon@1x.jpg);
}

.shop-ttlB{
	margin-top:24px;
	text-align:center;
}

.shop-boxB{
	position:relative;
	float:left;
	display:block;
	width:470px;
	height:540px;
	margin-bottom:55px;
	border:1px solid #1d2864;
	box-sizing:border-box;
	background-color:#FFF;
	background-repeat:no-repeat;
}
.shop-boxB:nth-child(even){
	margin-left:60px;
}

#trader{
	background-image:url(../img/special/priv/trader@1x.jpg);
}
#fammys{
	background-image:url(../img/special/priv/fammys@1x.jpg);
}
#amazon{
	background-image:url(../img/special/priv/amazon@1x.jpg);
}
#surugaya{
	background-image:url(../img/special/priv/surugaya@1x.jpg);
}

#tora{
	background-image:url(../img/special/priv/tora@1x.jpg);
}


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

#original{
	margin-top:100px;
	padding-bottom:70px;
}
.original-list-wrap{
	width:100%;
	padding:0px 50px;
	box-sizing:border-box;
}
.original-list{
	width:100%;
	padding:45px 0px 50px;
	box-sizing:border-box;

	display:flex;
	flex-flow: row wrap;
   	justify-content: space-between;
}

.original-topborder{
	border-top:1px dashed gray;
}

.original-box{
	width:260px;
}

.original-header{
	height:36px;
	line-height:35px;
	margin-bottom:16px;
	text-align:center;
	color:#ff739a;
	letter-spacing:0.1em;
	border:1px solid #ff739a;
	background-color:#FFF;
}
.original-img{
	text-align:center;
}
figcaption{
	margin:10px 0px 30px;
	font-size:.875rem;
	letter-spacing:0.06em;
	opacity:.85;
}
.orginal-btn{
	display:block;
	width:240px;
	height:40px;
	margin:0 auto;

	line-height:40px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.2em;
	text-decoration:none;
	border-radius:20px;
	background:#ffc90f;
	/*background: rgb(247,201,86);
    background: -moz-linear-gradient(top, rgba(247,201,86,1) 0%, rgba(248,181,0,1) 85%);
    background: -webkit-linear-gradient(top, rgba(247,201,86,1) 0%,rgba(248,181,0,1) 85%);
    background: linear-gradient(to bottom, rgba(247,201,86,1) 0%,rgba(248,181,0,1) 85%);
	*/

	color:#FFF;
	border:1px solid #ffc90f;

	transition:all 0.2s ease;
}
.orginal-btn:hover{
	color:#ffc90f;
	background:#FFF;
}


/*-------------------------------------------------------------
			samplevoice
-------------------------------------------------------------*/
.Sample-btn{
    outline: none;
    appearance: none;
    border: none;
    width: 103px;
    height: 103px;
    position: absolute;
    top: 130px;
    right: 69px;

    transition: 0.2s;
    background-image: url(../img/special/priv/btn-play@2x.png);
    background-size: 103px;
	background-color:transparent;
}
/*btn*/
#jp_container_1 .Sample-btn{
	top: 115px;
    right: 23px;
}
#jp_container_2 .Sample-btn{
	top: 127px;
    right:115px;
}
#jp_container_3 .Sample-btn{
	top: 127px;
    right:115px;
}
.jp-state-playing .Sample-btn{
    background-image: url(../img/special/priv/btn-stop@2x.png);
	animation: shine 2.0s linear 1s infinite running;
}
@keyframes shine {
  0% {
	  opacity:1;
  }
  25%{
	  opacity:.60;
  }
  50% {
	  opacity:1;
  }
  100% {
    opacity:1;
  }
}
/*time*/
#jp_container_1 .jp-time-holder{
	top:291px;
	right:38px;
	color:#ff4165;
	letter-spacing:0.01em;
}
#jp_container_2 .jp-time-holder, #jp_container_3 .jp-time-holder{
	top:303px;
	right:131px;
	color:#ff4165;
	letter-spacing:0.01em;
}
#jp_container_4 .jp-time-holder{
	top:308px;
	right:85px;
	color:#ff4165;
	letter-spacing:0.01em;
}