@charset "utf-8";

/**********************
bootstrap
**********************/

.row{
	margin-left:0;
	margin-right:0;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
	padding-left:0;
	padding-right:0;
}
ul,ol{
	margin:0;
}
p{
	padding:0;
	margin:0;
	line-height:150%;
}
form{
	border:none;
}
form fieldset{
	border:none;
}
/*pagination*/
.pagination{
	margin:0;
}

.text-danger{
	color:red;
}

/**********************
wrapper
**********************/
#wrapper{
  width:100%;
  min-width:320px;
  min-height:100%;
  position: absolute;
  z-index:2;
}

/**********************
com-header style
**********************/
#com-header{
	background-image:url(../images/commons/header-bg.png);
  border-bottom:4px solid #fc98d7;
  height:86px;
  font-size:15px;
	line-height:1.6;
}

.com-page-type-stage1 #com-header{
  border-bottom:4px solid #5bbbfe;
}
.com-page-type-stage2 #com-header{
  border-bottom:4px solid #9ade82;
}
.com-page-type-first #com-header{
  border-bottom:4px solid #fcc188;
}
.com-page-type-ppv #com-header{
  border-bottom:4px solid #ff8326;
}

.com-page-type-ppv02 #com-header{
  border-bottom:4px solid #5377ff;
}

#com-header a{
  color:#000;
}
#com-header .header-container{
	position:relative;
	max-width:1500px;
	margin:0 auto;
}
#com-header .logo{
  position:absolute;
  top:10px;
	left:10px;
	width:191px;
}
#com-header .logo img{
	width:191px;
	height:60px;
}
#com-header .logo h1{
  padding:0;
  margin:0;
}
@media (max-width:1150px) {
	#com-header .logo{
		position:relative;
		margin:0 auto;
	  left:0;
	}
}

/*main-navi*/
#com-header .main-navi{
	width:980px;
	margin:0 auto;
	height:82px;
}
#com-header .main-navi ul{
	position:absolute;
	bottom:0;
}
#com-header .main-navi li{
	float:left;
	margin:0 2px 0 0;
	border-bottom:1px solid #ffdbf8;
	border-top-left-radius:10px;
	border-top-right-radius:10px;  
}
#com-header .main-navi li.member{
	background-color:#fc98d7;
}
#com-header .main-navi li.stage1{
	background-color:#5bbbfe;
}
#com-header .main-navi li.stage2{
	background-color:#9ade82;
}
#com-header .main-navi li.webshop{
	background-color:#ec90f4;
}
#com-header .main-navi li.first{
	background-color:#fcc188;
}
#com-header .main-navi li.blog{
	background-color:#f49f9f;
}

#com-header .main-navi li.fresh{
background: linear-gradient(231deg, #ff7676, #b08afd, #65c1ff, #79e38b);
background-size: 800% 800%;
-webkit-animation: fresh 41s ease infinite;
-moz-animation: fresh 41s ease infinite;
-o-animation: fresh 41s ease infinite;
animation: fresh 41s ease infinite;
}
@-webkit-keyframes fresh {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}
@-moz-keyframes fresh {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}
@-o-keyframes fresh {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}
@keyframes fresh {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}

#com-header .main-navi li.ppv{
	background-color:#ff8326;
}

#com-header .main-navi li.ppv02{
	background-color:#5377ff;
}

.com-page-type-member #com-header .main-navi li.member{
	border-bottom:1px solid #fc98d7;
}
.com-page-type-stage1 #com-header .main-navi li.stage1{
	border-bottom:1px solid #5bbbfe;
}
.com-page-type-stage2 #com-header .main-navi li.stage2{
	border-bottom:1px solid #9ade82;
}
.com-page-type-first #com-header .main-navi li.first{
	border-bottom:1px solid #fcc188;
}
.com-page-type-ppv #com-header .main-navi li.ppv{
	border-bottom:1px solid #ff8326;
}

.com-page-type-ppv02 #com-header .main-navi li.ppv02{
	border-bottom:1px solid #5377ff;
}

#com-header .main-navi li:hover{
	opacity:0.7;
}
#com-header .main-navi li a{
	display:block;
	padding:5px 10px 5px 10px;
	color:#fff;
	font-weight:bold;
}
#com-header .main-navi li a:hover{
	text-decoration:none;
}
@media (max-width:1150px) {
	#com-header .main-navi{
		display:none;
	}
}

/*member-navi*/
#com-header #member-navi{
  position:absolute;
	right:10px;
	top:57px;
	padding:0 0 0 35px;
	background:url(../images/commons/header-user.png) no-repeat left center;
	background-size:contain;

}
@media (max-width: 1150px) {
	#com-header #member-navi{
		text-indent:-2000px;
		padding:0;
		height:29px;
		width:29px;
		top:30px;
	}
	#com-header #member-navi a{
		display:block;
	}
}

/*user-login-box*/
#com-header .login-user-box{
	width:150px;
	font-size:70%;
  position:absolute;
	right:10px;
	top:27px;
	line-height:110%;
    background-color: #fff;
    padding: 3px;
	
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;

}
#com-header .login-user-box a{
	text-decoration:none;
}
#com-header .login-user-box #unread_count{
	padding:0px 4px 0 4px;
	border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
		background-color:#C00;
		color:#fff;
}
#com-header .login-user-box .user-icon{
	position:absolute;
	background:url(../images/commons/header-user.png) no-repeat left center;
	background-size:contain;
	height:25px;
	width:29px;
	top:13px;
	left:-35px;
}

/*mobile-navi*/
#com-header #mobile-navi-open{
	display:none;
}
@media (max-width: 1150px) {
	#com-header #mobile-navi-open,
	#com-header #mobile-navi-close{
		position:absolute;
		left:0;
		top:7px;
		display:block;
		background:url(../images/commons/header-menu-btn.png) no-repeat;
  }
	#com-header #mobile-navi-open a,
	#com-header #mobile-navi-close a{
		display:block;
		width:42px;
		height:64px;
	}
}

/**********************
com-mobile-navi style
**********************/
#com-mobile-navi{
  background-color: #262626;
  border-right: 3px solid #a9abb1;
  width: 200px;
  height:100%;
  min-height:100%;
  position: absolute;
  top: 0;
  left: -200px;
  z-index:1;
}
#com-mobile-navi .main-navi a{
	display:block;
	color:#fff;
	padding:10px;
	border-bottom:1px solid #000;
	border-top:1px solid #333333;
}
#com-mobile-navi .main-navi a:hover{
	text-decoration:none;
	background:#444444;
}
#com-mobile-navi .main-navi .mobile-navi-close-btn{
	font-size:82%;
}
#com-mobile-navi .main-navi .mobile-navi-close-btn a{
	border:none;
}
#com-mobile-navi .main-navi .mobile-navi-close-btn a:hover{
	background-color:#262626;
}


/**********************
com-footer
**********************/
#com-footer .to-pagetop{
	text-align:center;
	margin:15px 0 15px 0;
}
#com-footer .to-pagetop a:hover{
	opacity:0.7;
}

#com-footer .navi{
	background:#e7e7e7;
	border-top:3px solid #c8c8c8;
	padding:20px 0 20px 0;
}

#com-footer .navi .box p{
	padding:0 0 5px 0;
	border-bottom:1px dotted #bbbbbb;
}
#com-footer .navi .box ul{
	margin:10px 0 0 0;
}
#com-footer .navi .box ul li{
	padding:0 0 3px 0;
}

#com-footer .guide{
	padding:0 10px 0 10px;
}

#com-footer .copyright{
  font-size:80%;
	margin:10px 0 10px 0;
}
.sidebarNext{
	display: none;
}

@media (max-width: 991px) {
	#com-footer .box{
		padding:0 10px 0 10px;
	}
	#com-footer .guide{
		padding:10px;
	}
	#com-footer .copyright{
		margin:10px;
	}
	.sidebar{
		display: none;
	}
	.sidebarNext{
		display: block;
	}
}


/**********************
com-main-content
**********************/
#com-main-content{
	max-width:1000px;
	margin:0 auto;
	padding:10px;
}
#com-main-content-large{
	max-width:1500px;
	margin:0 auto;
	padding:10px;
}

/**********************
com-one-column
**********************/
.com-one-column{
	max-width:800px;
	margin:0 auto;
}

/**********************
com-pan
**********************/
.com-pan{
	margin:0 0 10px 0;
}

/**********************
com-title
**********************/
.com-title,
.com-title-plain,
.com-title-light{
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-khtml-border-radius-topleft:10px;
	border-top-left-radius:10px; 
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-right:10px;
	-khtml-border-radius-topright:10px;
	border-top-right-radius:10px;
}
.com-title{
	background:#fc98d7;
	padding:10px;
	border:1px solid #fc98d7;
	color:#fff;
}

.com-title a{
	float:right;
	color:#fff;
}

.com-title-plain{
	background:#fff;
	padding:10px;
	border:1px solid #fc98d7;
	color:#000;
}

.com-title-light{
	background:#ffc5ea;
	padding:10px;
	border:1px solid #fc98d7;
	color:#000;
}

.com-page-type-stage1 .com-title{
	background:#5bbbfe;
	border:1px solid #5bbbfe;
}
.com-page-type-stage1 .com-title-plain{
	border:1px solid #5bbbfe;
}
.com-page-type-stage2 .com-title{
	background:#9ade82;
	border:1px solid #9ade82;
}
.com-page-type-stage2 .com-title-plain{
	border:1px solid #9ade82;
}

.com-page-type-ppv .com-title{
	background:#ff8326;
	border:1px solid #ff8326;
}
.com-page-type-ppv .com-title-plain{
	border:1px solid #ff8326;
}

.com-page-type-ppv .red{
	background:#FF0000;
	border:1px solid #FF0000;
}

.com-page-type-ppv02 .com-title{
	background:#5377ff;
	border:1px solid #5377ff;
}
.com-page-type-ppv02 .com-title-plain{
	border:1px solid #5377ff;
}

.com-page-type-ppv02 .red{
	background:#FF0000;
	border:1px solid #FF0000;
}

.com-page-type-first .com-title{
	background:#fcc188;
	border:1px solid #fcc188;
}
.com-page-type-first .com-title-plain{
	border:1px solid #fcc188;
}

/**********************
com-title-line
**********************/
.com-title-line{
}


/**********************
com-menu-box
**********************/
.com-menu-box{
	background:#fff;
	border:2px solid #fc98d7;
	border-top:none;
	margin-bottom:10px;
}
.com-menu-box li{
	border-bottom:1px solid #fc98d7;
}
.com-menu-box li:last-child{
	//border-bottom:none;
}
.com-menu-box li a{
	display:block;
	padding:5px;
	color:#000;
}
.com-menu-box li a:hover{
	text-decoration:none;
	background:#ffd8f1;
}

.com-menu-box .search-word{
	padding:10px;
}
.com-menu-box .search-word .word{
	width:100%;
	margin:0 0 5px 0;
}
.com-menu-box .search-word .btn{
	width:100%;
}


.com-page-type-stage1 .com-menu-box{
	border:2px solid #5bbbfe;
}
.com-page-type-stage1 .com-menu-box li{
	border-bottom:1px solid #5bbbfe;
}
.com-page-type-stage1 .com-menu-box li a:hover{
	background:#cae9ff;
}

.com-page-type-stage2 .com-menu-box{
	border:2px solid #9ade82;
}
.com-page-type-stage2 .com-menu-box li{
	border-bottom:1px solid #9ade82;
}
.com-page-type-stage2 .com-menu-box li a:hover{
	background:#d3f6c7;
}

.com-page-type-ppv .com-menu-box{
	border:2px solid #ff8326;
}
.com-page-type-ppv .com-menu-box li{
	border-bottom:1px solid #ff8326;
}
.com-page-type-ppv .com-menu-box li a:hover{
	background:#ff8326;
}

.com-page-type-ppv02 .com-menu-box{
	border:2px solid #5377ff;
}
.com-page-type-ppv02 .com-menu-box li{
	border-bottom:1px solid #5377ff;
}
.com-page-type-ppv02 .com-menu-box li a:hover{
	background:#5377ff;
}


/**********************
com-menu-bar
**********************/
.com-menu-bar{
	padding:10px;
	border:1px solid #fc98d7;
	background:#fff;
	margin:0 0 10px 0;
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

.com-page-type-stage1 .com-menu-bar{
	border:1px solid #5bbbfe;
}
.com-page-type-stage1 .com-menu-bar a{
	color:#5bbbfe;
}
.com-page-type-stage2 .com-menu-bar{
	border:1px solid #9ade82;
}
.com-page-type-stage2 .com-menu-bar a{
	color:#9ade82;
}

.com-page-type-ppv .com-menu-bar{
	border:1px solid #ff8326;
}
.com-page-type-ppv .com-menu-bar a{
	color:#ff8326;
}

.com-page-type-ppv02 .com-menu-bar{
	border:1px solid #5377ff;
}
.com-page-type-ppv02 .com-menu-bar a{
	color:#5377ff;
}

.com-menu-bar a{
	float:right;
}
@media (min-width: 980px){
  .com-menu-bar{
		display:none;
	}
}

/**********************
com-page-top-guide
**********************/
.com-page-top-guide .right{
	margin-left:10px;
}
@media (max-width: 991px){
	.com-page-top-guide .right{
		margin:10px 0 10px 0;
	}
}

/**********************
com-box
**********************/
.com-box{
	background:#fff;
	border:1px solid #fc98d7;
	border-top:none;
	padding:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-khtml-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px; 
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-right:10px;
	-khtml-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;

	margin-bottom:20px;
}
.new-release-area{
	
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;	
		
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #fff;
}
.com-top-radius{
	border:1px solid #fc98d7;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-khtml-border-radius-topleft:10px;
	border-top-left-radius:10px; 
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-right:10px;
	-khtml-border-radius-topright:10px;
	border-top-right-radius:10px;
}

.com-page-type-stage1 .com-box{
	border:1px solid #5bbbfe;
	border-top:none;
}
.com-page-type-stage1 .com-top-radius{
	border:1px solid #5bbbfe;
}
.com-page-type-stage2 .com-box{
	border:1px solid #9ade82;
	border-top:none;
}
.com-page-type-stage2 .com-top-radius{
	border:1px solid #9ade82;
}

.com-page-type-ppv .com-box{
	border:1px solid #ff8326;
	border-top:none;
}
.com-page-type-ppv .com-top-radius{
	border:1px solid #ff8326;
}

.com-page-type-ppv .line_red{
	border:1px solid #FF0000;
	border-top:none;
}

.com-page-type-ppv02 .com-box{
	border:1px solid #5377ff;
	border-top:none;
}
.com-page-type-ppv02 .com-top-radius{
	border:1px solid #5377ff;
}

.com-page-type-ppv02 .line_red{
	border:1px solid #FF0000;
	border-top:none;
}

.com-page-type-first .com-box{
	border:1px solid #fcc188;
	border-top:none;
	display: block;
}
.com-page-type-first .com-top-radius{
	border:1px solid #fcc188;
}
.ppv-list ul li span{
	display:inline-block;
}
.content-box p span{
	font-size: 13px;
}
.content-box p a{
	color: #fff;
}
.content-box p a:hover{
	text-decoration:underline;
}
.content-box-max{
	width: 100%;
}
.content-box-title-on {
	position: relative;
	padding: 15px 0;
	background-color: #6c96e8;
	border-radius: 5px;
	margin-bottom: 20px;
	text-align:center;
	color: #fff;
	font-size: 17px;
	/* box-shadow */
	box-shadow:0px 4px 0px 0px #4f77c5;
	-moz-box-shadow:0px 4px 0px 0px #4f77c5;
	-webkit-box-shadow:0px 4px 0px 0px #4f77c5;
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
	background-color: #6c96e8;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1))),
					  -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1)));
	background-image: -webkit-linear-gradient(transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1)),
					  -webkit-linear-gradient(0deg, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1));
	background-image: -moz-linear-gradient(transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1)),
					  -moz-linear-gradient(0deg, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1));
	background-image: -ms-linear-gradient(transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1)),
					  -ms-linear-gradient(0deg, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1));
	background-image: -o-linear-gradient(transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1)),
					  -o-linear-gradient(0deg, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1));

}
.content-box-title-on::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 14px solid transparent;
	border-top: 11px solid #6c96e8;

}
.content-box-title-ppv {
	position: relative;
	padding: 15px 0;
	background-color: #ff8da7;
	border-radius: 5px;
	margin-bottom: 20px;
	text-align:center;
	color: #fff;
	font-size: 17px;
	/* box-shadow */
	box-shadow:0px 4px 0px 0px #ea718d;
	-moz-box-shadow:0px 4px 0px 0px #ea718d;
	-webkit-box-shadow:0px 4px 0px 0px #ea718d;
-webkit-background-size: 3px 3px;
-moz-background-size: 3px 3px;
background-size: 3px 3px;
background-color: #ff8da7;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1))),
                  -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1)));
background-image: -webkit-linear-gradient(transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1)),
                  -webkit-linear-gradient(0deg, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1));
background-image: -moz-linear-gradient(transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1)),
                  -moz-linear-gradient(0deg, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1));
background-image: -ms-linear-gradient(transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1)),
                  -ms-linear-gradient(0deg, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1));
background-image: -o-linear-gradient(transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1)),
                  -o-linear-gradient(0deg, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1));
}
.content-box-title-ppv::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 14px solid transparent;
	border-top: 11px solid #ff8da7;


}
.content-box{
	padding: 5px;
}
.content-box:nth-child(2n){
	margin-right: 0px;
}
@media (max-width: 991px){
	.content-box{
		max-width: 100%;
	}
}



/**********************
com-padding
**********************/
.com-padding-none{
	padding:0;
}

/**********************
com-margin
**********************/
.com-margin-top-m{
	margin-top:10px;
}
.com-margin-bottom-m{
	margin-bottom:10px;
}


/**********************
com-over
**********************/
.com-over:hover{
	opacity: 0.7;
}


/**********************
com-page-navi
**********************/
.com-page-navi{
	text-align:center;
	margin:10px 0 10px 0;
}

.com_renew_information{
    margin-bottom: 20px;
    margin-left: 10px;
}


/**********************
com-member-items
**********************/
.com-model-items .item{
	width:25%;
	height:auto;
	padding:3px;
}
.com-model-items .item .status{
	padding:5px;
	border:1px solid #d3d3d3;
	background:#f4f4f4;
	text-align:center;
	margin-bottom:5px;
	color:#950c0c;
}
.com-model-items .item .box{
	padding:5px;
	background:#fff;
	border:1px solid #d3d3d3;
	text-align:center;
}
.com-model-items .entry-link .box{
	background:none;
	border:none;
}
.com-model-items .item .box a{
	text-decoration:none;
	color:#000;
}
.com-model-items .item .box .name{
	margin:5px 0 0 0;
}

.com-model-items .item img{ min-width:100%;width: 100%;margin-top:0;position:static; }
@media (max-width: 424px){
  .com-model-items .item { width: 50%; }
}
@media (min-width: 424px){
  .com-model-items .item { width: 50%; }
}
@media (min-width: 480px){
  .com-model-items .item { width: 33%; }
}
@media (min-width: 780px){
  .com-model-items .item { width: 25%; }
}
@media (min-width: 860px){
  .com-model-items .item { width: 25%; }
}
@media (min-width: 1000px){
  .com-model-items .item { width: 20%; }
}



/**********************
com-item-items
**********************/
.com-item-items{
	//margin:10px 0 0 0;
}
.com-item-items .item{
	width:50%;
	height:auto;
	padding:3px;
}
.com-item-items .item.x4{
	width:100%;
	height:auto;
	padding:3px;
}
.com-item-items .item .box{
	padding:5px;
	background:#fff;
	border:1px solid #d3d3d3;
	position:relative;
}
.com-item-items .item .box a{
	text-decoration:none;


}
.com-item-items .bn_new img{
	position:absolute !important;
}
.com-item-items .item .box .name{
	text-align:center;
	margin: 11px 0 3px 0;
	color:#333;

}
.com-item-items .item img{ min-width:100%;width: 100%;margin-top:0;position:static; }
.com-item-items .item li.rank img{ min-width:77px;width: 77px;margin-top:0;position:static; }
.bn_new{
	width:48px;
	height:25px;
	position:absolute;
	top: 4px;
	left: -1px;

 }

.com-item-items .item .box ul{
}

.com-item-items .item .box li{
	margin-top:5px;
}

.com-item-items .item .box li.title{
	color:#FF99CC;
}
@media (max-width: 424px){
  .com-item-items .item { width: 100%; }
}
@media (min-width: 424px){
  .com-item-items .item { width: 50%; }
}
@media (min-width: 480px){
  .com-item-items .item { width: 50%; }
}
@media (min-width: 780px){
  .com-item-items .item { width: 33.33%; }
}
@media (min-width: 860px){
  .com-item-items .item { width: 33.33%; }
}
@media (min-width: 1000px){
  .com-item-items .item { width: 33.33%; }
}

/**********************
com-sample-items
**********************/

.com-sample-items{
	margin:10px 0 0 0;
}
.com-sample-items .item{
	width:12.5%;
	height:auto;
}
.com-sample-items .item .box{
	padding:5px;
	background:#fff;
	border:1px solid #d3d3d3;
}
.com-sample-items .item .box a{
	text-decoration:none;
	color:#DD3399;
}
.com-sample-items .item .box .name{
	text-align:center;
	padding:5px 0 0 0;
}

/*修正
.com-sample-items #Gallery li{

	min-width:114px;
	width: 114px;

	max-width:142px;
	max-height:142px;

	position:static;
	margin:4px;
	text-align:center;
	}*/
	
/*テスト*/
.com-sample-items #Gallery li{
 position: relative;
 width: 142px;
 height: 142px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 margin:4px;
 img {
 vertical-align: middle;
 }
	}
	
/*元
.com-sample-items .item img{ min-width:100%;width: 100%;margin-top:0;position:static; padding:3px;}
*/

.com-sample-items #Gallery li img{
	/*
	max-width:142px;
	max-height:142px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    */
    
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    
	}

.com-sample-items .item li.rank img{ min-width:77px;width: 77px;margin-top:0;position:static; }
.com-sample-items .item .bn_new{width:25px;height:12px;margin-top:0;position:static; }

.com-sample-items .item .box ul{
}

.com-sample-items .item .box li{
	margin-top:5px;
}

.com-sample-items .item .box li.title{
	color:#FF99CC;
}
@media (max-width: 424px){
  .com-sample-items .item { width: 25%; }
}
@media (min-width: 424px){
  .com-sample-items .item { width: 20%; }
}
@media (min-width: 480px){
  .com-sample-items .item { width: 20%; }
}
@media (min-width: 780px){
  .com-sample-items .item { width: 12.5%; }
}
@media (min-width: 860px){
  .com-sample-items .item { width: 12.5%; }
}
@media (min-width: 1000px){
  .com-sample-items .item { width: 12.5%; }
}

/**********************
com-download-items
**********************/

.com-download-items{
	margin:10px 0 0 0;
}
.com-download-items .item{
	width:25%;
	height:auto;
    
    padding: 3px;
}
.com-download-items .item .box{
	padding:5px;
	background:#fff;
	border:1px solid #d3d3d3;
}
.com-download-items .item .box a{
	text-decoration:none;
	color:#DD3399;
}
.com-download-items .item .box .name{
	text-align:center;
	padding:5px 0 0 0;
}
.com-download-items .item img{ min-width:100%;width: 100%;margin-top:0;position:static; padding:3px;}

.com-download-items .item li.rank img{ min-width:77px;width: 77px;margin-top:0;position:static; }
.com-download-items .item .bn_new{width:25px;height:12px;margin-top:0;position:static; }

.com-download-items .item .box ul{
}

.com-download-items .item .box li{
	margin-top:5px;
	overflow:hidden;
}

.com-download-items .item .box li.point_title{
    background-color: #FF99CC;
    padding:3px;
    text-align:center;

}


.com-download-items .item .box li.btn_buy{
    border-top:1px dotted #FF99CC;
    padding-top:5px;
    text-align:center;

}

.com-download-items .item .box li.title{
	color:#FF99CC;
	height:48px;
}
.com-download-items .item .box li.comment{
	height:32px;
}
@media (max-width: 424px){
  .com-download-items .item { width: 50%; }
}
@media (min-width: 424px){
  .com-download-items .item { width: 50%; }
}
@media (min-width: 480px){
  .com-download-items .item { width: 50%; }
}
@media (min-width: 780px){
  .com-download-items .item { width: 25%; }
}
@media (min-width: 860px){
  .com-download-items .item { width: 25%; }
}
@media (min-width: 1000px){
  .com-download-items .item { width: 25%; }
}

/**********************
com-form-area
**********************/
.com-form-area{
	padding:20px 100px 20px 100px;
}
@media (max-width: 780px){
	.com-form-area{
		padding:10px;
	}
}

/**********************
追加
**********************/

#contents_left{
    float: left;
    width: 49%;
}

#contents_right {
    float: right;
    width: 49%;
}

.photo-area{
    padding: 0 6px 0 3px ;
}

.item-data-area{
    padding: 0 3px 0 6px;
}

#item {
    margin-bottom: 20px;
    padding-top: 10px;

}

#blu_sample video{
	width:100%;
	
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}


/* trimming 
.trim {
  width: 114px;  /* トリミングしたい幅 */
  height: 114px;  /* トリミングしたい高さ */
  overflow: hidden;
  position: relative;
}
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
*/

/*
#item img.main_img{
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #ccc;
}
*/
#item-item_detail{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #a9abb1;
}

#item-item_detail .title{
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    background-color: #FF99CC;
    border-radius:5px;
    color: #fff;
    margin-bottom: 10px;

}

#item-item_detail li{
    margin-bottom: 5px;
}

#item-item_detail li span{
    font-weight: bold;
}
.sample-photo-area h3,.review-area h3{
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    background-color: #FF99CC;
    border-radius:5px;
    color: #fff;
    margin-bottom: 10px;
}

.review-area{
    padding-bottom: 10px;
}

.review-area img {
    
}

.review-area div{
    margin-bottom: 5px;
}

.review-area .rank{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fc98d7;
}
.review-area ul{
    border-bottom: 1px dotted #a9abb1;
    margin-bottom: 10px;
}

.review-area li {
    margin-bottom: 5px;
}


.review-area .average{
    padding-top: 5px;
}
.review-area .margin{
    margin-bottom: 50px;
    margin-top: 50px;
}

.sample-photo-area{
    margin-bottom: 20px;
}

.item_btn_buy{
    text-align: center;
    width: 100%;
    background-color: #ff124c;
    padding: 10px;
    border-radius: 5px;
    border: 0px;
    color: #fff;
}

.item_btn_buy:hover{
    opacity: 0.7;
}

.item_btn_buy a{
    color: #fff;
    font-size: 14px;
}
.item_btn_buy a:visited{
    color: #6666ff;
}

.btn_download{
    text-align: center;
    width: 100%;
    background-color: #ff124c;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

.btn_download:hover{
    background-color: #FF99CC;

}

.item_btn_sample{
    text-align: center;
    width: 100%;
    background-color: #5bbbfe;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    margin-bottom:7px;
}

.item_btn_sample a{
    color: #fff;
}

.item_btn_sample:hover{
    background-color: #7cc9ff;

}

.btn_download a{
    font-size: 14px;
    text-decoration: none;
}


.btn_buy_point{
    text-align: center;
    width: 100%;
    background-color: #ff8326;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.btn_buy_point:hover{
    opacity: 0.7;
}

.btn_buy_point a{
    color: #fff;
    font-size: 14px;
}

.btn_back{
    text-align: center;
    width: 100%;
    background-color: #999999;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.btn_back:hover{
    opacity: 0.7;
}

.btn_back a{
    color: #fff;
    font-size: 14px;
}
.sell_point {
    margin-bottom: 5px;
    font-size: 16px;
}

.text_red{
    color: #e70f0f;
}

.caution p{
    color: #ff3333;
    font-size: 10px;
margin-bottom:5px;
}

.bold{
    font-weight: bold;
}
.coution_text{
    margin-bottom: 10px;
}
.button{
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #d3d3d3;
}
 table.table form input{
    padding:5px;
width:100px;
}

.com-box h3 {
font-weight:bold;
font-size:14px;
margin-top:20px;
}

/**********************
com-right-content
**********************/
@media (min-width: 980px){
	.com-right-content{
		padding:0 0 0 10px;
	}
}


/**********************
com-btn-w100
**********************/
.com-btn-w90{
	width:90%;
}
.com-btn-w100{
	width:100%;
}



/**********************
com-form
**********************/
.com-form .max-500{
	max-width:500px;
}


/**********************
com-ranking-items
**********************/
.com-ranking-items .box img{
	border:1px solid #d3d3d3;
}
.com-ranking-items .box a{
	text-decoration:none;
	color:#000;
}
.com-ranking-items h3{
	color:#950c0c;
	margin:5px 0 15px 0;
}



/**********************
com-update-model
**********************/
.com-update-model{
	padding:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px; 
	border:1px solid #d3d3d3;
	background:#fff;
	margin-bottom:10px;
}


/**********************
com-maill-form
**********************/
.com-maill-form .head{
	background:#e5e5e5;
	padding:5px;
	margin:10px 0 10px 0;
}
.com-maill-form .submit{
	text-align:center;
	margin:20px 0 0 0;
}
.com-maill-form .submit p{
	margin:10px 0 0 0;
}
.com-maill-form .w100{
	width:100%;
}

/**********************
system-c-box
**********************/
.systemCbox{
	background: #fff;
	border: 1px solid #fc98d7;
	border-top: none;
	padding: 10px 6%;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-right: 10px;
	-khtml-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 20px;
}

.system-c-label{
	overflow: hidden;
}

.system-c-box{
	padding: 10px 0 30px 0;
	border-bottom: dotted 2px #CCC;
	box-sizing:border-box;
}
.system-c-box p{
	padding-left: 12px;
	margin-bottom: 20px;
	display: block;
}
.qanda p{
	padding-left: 12px;
	margin-bottom: 8px;
	display: block;
}
.qanda p.qaArea{
	font-weight:bold;
}

.system-c-box .subTitle{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}
.system-c-box span.colorTxt{
	color: #F39;
}
.system-c-box .systemTitle{
	margin-bottom: 20px;
}

.system-c-label{
	overflow: hidden;
	color: #333;
}

.systemImage{
	overflow: hidden;
}
.systemImage img{
	margin: 0 auto;
}
.systemImage span{
	font-size: 12px;
	margin: 5px 0 0 0;
	float: right;
}
.qanda p{
}
.qanda p span{
	display: table-cell;
}

.qanda p span.question,
.qanda p span.answer{
	width: 3%;
}
.qanda p span.answer{
	color: #F69;
}
.qanda p span.qatext{
	width: 95%;
}

p.wid70 {
	padding: 10px 0 10px 0;
	width:70%;
	margin:0 auto;
}
p.wid80 {
	padding: 10px 0 10px 0;
	width:80%;
	margin:0 auto;
}
@media (max-width: 768px){
p.wid70 {
	width:96%;
}
p.wid80 {
	width:96%;
}
}



/**********************
追加
**********************/


.description li span.point{
	color:#FF0000;
	font-weight:bold;
}

.com-menu-box li.cam a{
	background:#ff0000;
	color:#FFF;
}

.com-menu-box li.cam a:hover{
	background:#ffdddd;
	color:#f00;
}
#cam_banner{
	padding-bottom:5px;
}
#cam_banner img{
	width:100%;
}

#update {
	/*	height:300px;*/	
	overflow: auto;
}
.com-box .new-release{
	padding:3%;
	border: solid 1px #efefef;
	box-sizing:border-box;
	margin: 0 auto;
	width: 100%;
	background-color:#fff;
}
.com-box .new-release p{
	margin: 7px 0 0 0;
}
.com-box .new-release p.nr-title{
	font-size: 14px;
    font-weight: bold;
    color: #ec4aac;
}

.com-box .new-br-link {
	width: 100%;
	margin:0 auto;
}
.com-box .new-br-link a.product {
	text-align: center;
	padding: 12px 0;
	background-color:#47aaf6;
	border: solid 1px #fff;
	box-sizing:border-box;
	display:block;
	border-radius: 3px;
	margin:10px 0 10px 0;
	position:relative;
	color: #fff;
}
.com-box .new-br-link a i {
    position: absolute;
    right: 5%;
    top: 17%;
    font-size: 2.3rem;
}
.com-box .new-br-link a.product:hover {
	text-decoration: none;
	border: solid 1px #47aaf6;
	box-sizing:border-box;
	background-color: #fff;
	color: #47aaf6;
	transition: 0.5S;
	
}
.com-box .flex-box{
	display:flex;
	flex-wrap:wrap;
}
.com-box .flex-box .box{
	display:flex;
	flex-wrap:wrap;
}
.com-box .new-br-link a.article {
	text-align: center;
	padding: 12px 0;
	background-color;:#fff;
	border: solid 1px #ec129c;
	box-sizing:border-box;
	display:block;
	border-radius: 3px;
	margin:10px 0 10px 0;
	position:relative;
}
.com-box .new-br-link a.article:hover {
	text-decoration: none;
	border: solid 1px #fff;
	box-sizing:border-box;
	background-color: #f44e6d;
	color: #fff;
	transition: 0.5S;
	
}

.other-girls{
	width: 80%;
    margin: 0 auto;
}

.com-menu-box li.pull-color1 a,
.com-menu-box li.pull-color2 a,
.com-menu-box li.pull-color3 a,
.com-menu-box li.pull-color4 a{
	overflow: hidden;
	color: #ec129c;
}
.com-menu-box li.pulldown_contents a i{
	float: right;
	margin: 0 4px 0 0;
	font-size: 14px;
}
.com-menu-box li.st1pull-color a{
	overflow: hidden;
	color: #287bb5;
}
.com-menu-box li.st2pull-color a{
	overflow: hidden;
	color: #3c652e;
}


.swiper-container {
	width: 100%;
	height: 100%;
	margin-bottom:20px;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.iframe-content {
   position: relative;
   max-width:980px;
   min-height:1700px;
 	width: 100%;
    padding: 75% 0 0 0;
}
@media (max-width: 768px){
	.iframe-content {
   min-height:2100px;
}

}

.iframe-content iframe {
    position: absolute;
 top: 0;
 left: 0;
    width: 100%;
    height: 100%;
}
