@charset "UTF-8";

/* common
---------------------------------------------------- */
.anc {
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
	position: relative;
	top: 40px;
}
#top.anc{
	top:-100px;
}

#moviebn {
	position: fixed;
	right: 0;
	bottom: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	z-index: 10;
	display: none;
}
#moviebn img {
	width: 100%;
	height: auto;
	vertical-align: baseline;
}
iframe{
	vertical-align: bottom;
}
.pc{
	display: block;
}
.sp {
	display: none;
}
.tb {
	display: none;
}
html{
	background: #000;
}
body{
	margin-bottom: 370px;
	background: #000;
}
.fix-top {
	margin-top: 60px !important;
}
/*.details01 a:hover,*/
.details02 a:hover,
.special a:hover,
.spec a:hover{
	opacity: 0.8;
}
.w100p{
	width: 100%;
}
.type1 a:hover img,
.type2 a:hover img{
}
.type1 a img,
.type2 a img{
	transition: 0.3s;
}
.type1 li:hover,
.type2 li:hover{
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.clearfix{ zoom: 1; }

/* section
---------------------------------------------------- */
.details02,
.type1,
.type2,
.special,
.buy,
.character,
.movie,
.spec{
	width: 100%;
    min-width: 1160px;
	padding: 40px 0px;
	margin: 0;
	margin-top: -1px;
	color: #000;
	position: relative;
	overflow: hidden;
}
.spec{
	padding: 60px 0px;
}
.details01, 
.details_buy,
.details_header{
    min-width: 1160px;
}
footer,
.character,
.movie,
.details01, 
.details_buy,
.details02,
.type1,
.type2,
.special,
.buy,
.spec{
	z-index: 2;
}
.setblc {
	margin: 0 50px;
	min-width: 0;
	text-align: center;
}
.setblc .wrap{
	margin: 0 auto;
	position: relative;
}
footer .setblc {
	text-align: left;
}

/* ttl
---------------------------------------------------- */
.type1 .ttl,
.type2 .ttl,
.special .ttl,
.character .ttl,
.movie .ttl,
.spec .ttl{
	width: 100%;
	text-align: center;
	margin: 0px 0 45px;
}

.type1 .ttl img,
.type2 .ttl img,
.character .ttl img,
.movie .ttl img,
.special .ttl img,
.spec .ttl img{
	height: 180px;
}

/* backimage
---------------------------------------------------- */
.fix_back_images{
	position: fixed;
	top: 0;
	left: 0;
	bottom:auto;
	right: auto;
	z-index: 1;
	content: "";
	width: 100%;
	height: 100vh;
	display: block;
	pointer-events: none;
	background-repeat: no-repeat;
	/*background: url(../images/details/sec1_bg.jpg);*/
	background-size: cover;
	background-position: center;
}
.back_images_wrap{
}

.fix_front{
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	z-index: 1;
	display:block;
	pointer-events:none;
	mix-blend-mode:hard-light;
}
.fix_front_bg{
	position: relative;
	width:100vw;
	height:100vh;
	display:block;
}








/* details_ttl
---------------------------------------------------- */
.hero{
	background: #FFF;
}
/*
.details_ttl {
	background: #FFF;
	min-width: 1064px;
}
.details_ttl .setblc{
	text-align: left;
}
.details_ttl .name {
	height: 36px;
}
.details_ttl .name img{
	height: 32px;
	vertical-align: top;
}
*/

/* details_header
---------------------------------------------------- */
header.header{
	height: auto;
	box-sizing: border-box;
	position: relative;
	min-width: 1160px;
}
.details_header {
	padding: 0;
	transform: translate3d(0, 0, 0);
	z-index: 100;
	pointer-events: none;
	background-color: #FFF;
}
.details_header.is-fixed{
	background-color: #FFFFFF;
}
.details_header ul li {
	float: left;
	margin-right: 20px;
	line-height: 60px;
}
.details_header ul li:nth-child(2){
	opacity:0;
	margin-right: 0px;
	max-width:0px;
	max-height:0;
	overflow:hidden;
	transition:0.0s cubic-bezier(0.47, 0, 0.54, 1);
}
.details_header.is-fixed ul li:nth-child(2){
	opacity:1;
	margin-right: 20px;
	max-height:50px;
	max-width:100px;
}
.details_header ul li a{
	font-size: 15px;
}
.details_header ul li img{
	vertical-align: middle;
	height: 11px;
	margin-top: -4px;
}
.details_header ul li img:hove
	opacity: 0.6;
}
.details_header select {
	display: none;
}
.details_header ul li,
.details_header ul li a{
	font-size: 14px;
	letter-spacing: 1px;
	color: #333;
	pointer-events: painted;
}
.details_header ul li a:hover{
	color: #ee1226;
}
.details_header label{
	display: none;
}
.details_header.is-fixed{
	background-size: 100%;
	background-position: center;
}

/* details_wrap
---------------------------------------------------- */
.details_wrap{
	position: relative;
}

/* details01
---------------------------------------------------- */
.details01 .pc{
	display: block;
}
.details01 .sp{
	display: none;
}
.details01{
	position: relative;
	z-index: 2;
	overflow: hidden;
	/*
	background: url(../images/details/sec1_bg.jpg);
	background-size: cover;
	background-position:center;
	background-attachment:fixed;
	*/
}

.details01:after{
	content: "";
	width: 100%;
	height: 200px;
	display: block;
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0px, rgba(0,0,0,0) 150px);
	background: linear-gradient(bottom, rgba(0,0,0,1) 0px, rgba(0,0,0,0) 100px);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: none;
}

.details01 .setblc {
	overflow: hidden;
	position: relative;
	margin: 0;
}
.details01 .brandlogo{
	position: absolute;
    top: 80px;
    right: 50px;
    text-align: right;
    z-index: 14;
}
.details01 .brandlogo img{
	width: 70px;
}

.details01 .main_box{margin: 60px 0 0 0;/* margin-bottom: -20vw; */}



.details01 .main_box:after{
	content:'';
	display:block;
	width:100%;
	height: 250px;
	background:#000;
	margin-top:0;
	position: absolute;
	z-index: 5;
	bottom: 0;
	background: linear-gradient(to bottom, #00000000 0%, #000000ff 100%);
	display:none;
}
.details01 .main{
	text-align: center;
	padding-top: 0px;
	position: relative;
	z-index: 2;
	pointer-events: none;
}
.details01 .main img{
	width:100%;
	max-width: 100%;
	/* max-width:1920px; */
	pointer-events: none;
	margin-top: 0;
}

.details01 .main_box_bg{
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    /* max-width:1920px; */
    display: block;
    z-index: 6;
    /* transition:2s; */
}
.details01 .main_box_bg.opa0{
    opacity:0;
}
.details01 .copy_left{
	position:absolute;
	box-sizing:border-box;
	top:0;
	left:0;
	text-align:left;
	padding: 0px 0px;
	box-sizing:border-box;
	margin-top: 0;
	width: 100%;
}

.details01 .copy_left_wrap{
	position:relative;
}
.details01 .copy_left .base_box{
	position:relative;
	top:-50%;
	z-index:1;
	overflow:hidden;
}
.details01 a:hover .copy_left .base_box{
}
.details01 .copy_left img{
	width:100%;
	max-width: 100%;
}


.drop_box_transparent{
	backdrop-filter:blur(16px);
	-webkit-backdrop-filter:blur(16px);
	background-color: #FFFFFF10;
}


.details01 .copy_right{
	position:relative;
	text-align:right;
	padding: 130px 50px;
	box-sizing:border-box;
}
.details01 .copy_right .text_img{
	float:right;
	width:14.6vw;
	max-width:280px;
	min-width:200px;
}
.details01 .copy_right .text_img img{
	width:100%;
}
.details01 .copy_right .hover_img{
	float:right;
	width:14.6vw;
	max-width:280px;
	min-width:200px;
	margin-right: -30px;
	z-index:5;
	position:relative;
}
.details01 .copy_right .hover_img img{
	width:100%;
}
.drop_box{
	background-color: #261a34dd;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter:blur(16px);
}





.bg_white{
	background-color:#FFF ;
	background-size:cover;
	background-position:center;
	position: relative;
	z-index: 10;
}




/* details_buy
---------------------------------------------------- */
.details_buy{
	text-align: center;
	position: relative;
	padding: 120px 0 25px;
}
.details_buy .wrap1{
	display:table;
	width: 100%;
}
.details_buy .setblc {
    margin: 0px;
    min-width: 0;
    text-align: center;
}
.details_buy .sttl{
	padding: 0 0 40px;
}
.details_buy p.sssttl{
	font-size:16px;
	margin-bottom:0.5em;
}
.details_buy p{
	font-size:14px;
	line-height:2;
}
.details_buy .sttl span{
	min-width: 1570px;
}
.details_buy .sttl:after{
	content:'';
	display:table-cell;
	width:50%;
	background-color:#FFF;
}
.details_buy .sttl:before{
	content:'';
	display:table-cell;
	width:50%;
	background-color:#FFF;
}
.details_buy .sttl img{
	max-width: 70%;
	width:auto;
}

/* details02
---------------------------------------------------- */
/* details02
---------------------------------------------------- */
.details02 {
	padding: 0px 0 120px;
	position: relative;
	z-index: 3;
}

.details02 .wrap1{
	padding:0 0 25px;
	margin:-15px 0 0;
	text-align:center;
}
.details02 .wrap1 img{
	margin:0;
}

.details02 .btn3 {
	margin-left: -1%;
	padding-bottom: 60px;
	text-align: center;
}
.details02 .btn3 li {
	display:inline-block;
	text-align:left;
	width: 32.3%;
	margin-left: 1%;
	max-width: 550px;
}
.details02 .btn3 li a {
	width: 100%;
	display: block;
	font-size: 18px;
	line-height: 22px;
	position: relative;
	font-weight: bold;
	color:#222222;
	background-color: #FFF;
	padding: 20px 10%;
	border: 3px solid #222222 !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-shadow: 3px 3px 5px #c1cccf;
	position:relative;
	top:0px;
	left:0px;
	transition:0.1s;
}
.details02 .btn3 li a:hover{
	color:#2a2435;
	top:3px;
	left:3px;
	box-shadow:0px 0px 0px #6d538130;
	opacity:1;
}

.details02 .btn3 li a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	right: 6%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #061526;
	border-right: 2px solid #061526;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.details02 .btn3 li a p {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 0px;
}
.details02 .btn3 li a span {
	display: block;
	font-size: 16px;
}
.details02 .btn3 li a span span {
	display: inline;
	font-size: 10px;
}

.details02 .data {
	color: #fff;
	border: 1px solid transparent;
	background-color: #000000;
	background-size: cover;
	padding: 2%;
	margin-bottom: 0px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	text-align: left;
}
.details02 .data .data_twitter {
	position: absolute;
	top: 10px;
	right: -50px;
	width: 22%;
	z-index: 1;
}
.details02 .data .data_twitter img {
	width: 100%;
}
.details02 .data figure {
	float: left;
	width: 15%;
}
.details02 .data figure img {
	width: 100%;
}
.details02 .data .info {
	padding-left: 17%;
}
.details02 .data .info .ttl {
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.2;
	/* color: #89067f; */
}
.details02 .data .info .ttl span {
	font-size: 14px;
	margin-left: 10px;
}
.details02 .data .info .ico {
	display: inline-block;
	color: #d2dce2;
}
.details02 .data .info .ico li {
	float: left;
	margin-right: 5px;
}
.details02 .data .info .ico li p {
	display: block;
	font-size: 11px;
	line-height: 20px;
	padding: 0 5px;
	color: #FFF;
	border: 1px solid #cacaca;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.details02 .data .info .ico li a {
	color: #ffffff;
}
.details02 .data .info .ico li i {
	line-height: 20px;
	margin: 0 0 0 10px;
	display: block;
}
.details02 .data .info .worksdata table {
	width: 50%;
	float: left;
	font-size: 13px;
	border-collapse: collapse;
}
.details02 .data .info .worksdata table th,
.details02 .data .info .worksdata table td {
	font-weight: normal;
	text-align: left;
	padding: 3px 0;
	border-bottom: 1px solid #DDDDDD00;
}
.details02 .data .info .worksdata table th {
	max-width: 130px;
	min-width: 90px;
	width: 20%;
}
.details02 .data .info .worksdata table td a {
	/*background-image: url(../images/details/table_link2.png);*/
	background-position: right 4px;
	background-repeat: no-repeat;
	background-size: 4px auto;
	padding-right: 8px;
	color: #fff;
}
.details02 .data .info .worksdata table td a:hover {
	opacity:0.6;
}

.cbox_cart ul li.bbn a {
    padding: 10px 50px 10px 10px;
}

.cbox_ttl{
    min-width: 300px;
}


/* type
---------------------------------------------------- */
.type.type1,
.special,
.character,
.movie{
	background-color:transparent;
}
.type{
	text-align: center;
	position: relative;
	color: #FFF;
	padding-bottom: 0;
	padding-top: 120px;
}
.type.type1{padding: 120px 0 0px;}
.type img{
	margin: 0 auto;
	max-width: 100%;
}
.type .wrap1,
.type .wrap2,
.type .wrap3
.type .wrap4
.type .wrap5{
	width: 100%;
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
}
.type p{
	font-size: 15px;
	line-height: 2;
	letter-spacing: 0.08em;
	color: #9ba0a9;
	font-feature-settings: "palt";
	padding: 15px 0px 0;
}



/**/
.type .wrap1{
	padding: 0 50px;
}
.type.type1 .wrap2{

}
.type .wrap3 + .wrap1{
}
.type .sttl_type{
	padding:75px 75px 0;
}
.type .sttl_type img{
	max-width:900px;
	width:100%;
}


/**/
.type .wrap2{
	padding: 0;
	position:relative;
	margin: 0 auto;
	max-width:1160px;
}

.type .swiper-container {
    overflow: visible;
	box-sizing:border-box;
	width:800px;
	padding:0;
	margin:auto;
}




.type .swiper-slide img{
	max-width: 800px;
	/* width: 65%; */
	min-width: 800px;
}
.type.type1 .wrap2 .swiper_nav{
	/* height: 90px; */
}
.type.type1 .wrap2 .left_prev,
.type.type1 .wrap2 .left_next{
	position:absolute;
	top:50%;
	z-index:100;
	width: 160px;
	margin:-80px;
	height: auto;
	cursor:pointer;
}
.type.type1 .wrap2 .left_prev img,
.type.type1 .wrap2 .left_next img{
	height:55px;
}
.type.type1 .wrap2 .left_prev:hover,
.type.type1 .wrap2 .left_next:hover{
	transform:scale(1);
}

.type.type1 .wrap2 .left_prev{
	left:50%;
	margin-left:-550px;
}
.type.type1 .swiper-button-disabled{
}
.type.type1 .wrap2 .left_next{
	right:50%;
	margin-right:-550px;
}
.type.type1 .wrap2 .left_page{
	text-align: center;
	width: 800px;
	margin:0 auto;
	padding:0;
	cursor:pointer;
	font-size:0;
}
.type.type1 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	background: #FFFFFFaa;
	transition:0.3s;
	margin: 20px 6px 0 0;
	/* border: solid 2px #ffffff50; */
	border-radius:100%;
}
.type.type1 .swiper-pagination-bullet-active {
	background-color: #e2e8ec80;
	border-color: transparent;
}









.type.type1 .swiper-pagination-bullet:last-child{
	margin-right:0;
}



/**/
.type .wrap3{
	/* max-width: 1920px; */
	margin: 60px auto 0;
	padding: 0px 0px 0;
	background:#01020690;
}
.type .wrap3 .box{
	font-size: 0;
	position: relative;
	z-index: 10;
	overflow:hidden;
	/* max-width: 1920px; */
	width: 100%;
	margin:auto;
}
.type .wrap3 .box li{
	display: inline-block;
	width: calc( ( 100% - 30px ) / 4 );
	margin:0 10px 10px 0;
	width: calc( ( 100% ) / 4 );
	margin:0;
	cursor: pointer;
	font-size: 0;
	vertical-align:top;
	transition:0.3s;
	overflow:hidden;
	background-color:#FFF;
	cursor: pointer;
}
.type .wrap3 .box li:nth-child(4n){
	margin-right:0;
}


.type .wrap3 .box li a{
}
.type .wrap3 .box li img{
	width: 100%;
	transform: scale(1.01);
}
.type .wrap3 li:hover img{
	opacity:0.8;
}

/**/
.type .wrap4{
	padding: 10px 200px;
	position: relative;
	max-width: 1520px;
	margin: 0 auto;
}
.type .wrap4 img{
	width: 100%;
}
.type .wrap4 a img:hover{
	opacity:0.7;
}

.type .wrap4 .type1-container{
}
.type .wrap4 .swiper-slide{
	border-radius: 1000px;
	overflow: hidden;
}
.type .wrap4 .swiper-button-prev,
.type .wrap4  .swiper-button-next {
    width: 27px;
    height: 50px;
    -moz-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
}


.type .wrap4 .swiper-button-next,
.type .wrap4 .swiper-container-rtl .swiper-button-prev {
    /*background-image: url(../images/details/next.png);*/
    right: 140px;
    left: auto;
}
.type .wrap4 .swiper-button-prev,
.type .wrap4 .swiper-container-rtl .swiper-button-next {
    /*background-image: url(../images/details/prev.png);*/
    left: 140px;
    right: auto;
}


/**/
.type .wrap5{
	padding: 0;
	margin-top: 0px;
}
.type1_text{
	width: 800px;
	text-align: center;
	padding: 0px;
	margin: auto;
	box-sizing: border-box;
	background-color: transparent;
	position: relative;
	z-index: 4;
}


/**/
.type .wrap6{
	background: rgba(0,0,0,0.5);
    padding: 60px 150px 50px;
    margin: 0 0 0;
    /*border-top: solid 1px #FFF;
    border-bottom: solid 1px #FFF;*/
    box-sizing: border-box;
}
.type.type2 .wrap6{
	
}
.type .wrap6 .box{
	margin: 0 auto;
	max-width: 1820px;
}





/* special
---------------------------------------------------- */
.special{
	padding: 0;
}
.special .box img{
	margin:0 auto;
}
.special .img_box{
	padding: 0 20px 15px;
}
.special .sttl{
	padding: 0 20px 70px;
}
.special .sttl img{

}



/* character
---------------------------------------------------- */
.character {
	padding: 120px 0 0px;
}
.character .setblc {
    margin: 0 0;
}
.character .ttl{
	z-index:10;
	position:relative
}
.wrap_n{
}
.wrap_n .box1{
}
.wrap_n .box3{
}
.wrap_n .box2{
	width:100%;
	position:relative;
	margin: 0;
}
.wrap_n .character_main_img{
	margin: 0 auto;
}
.wrap_n .character_main_img:after{
	content:'';
	display:block;
	height: 250px;
	width:calc( 100% + 1920px );
	margin:0;
	/*background-image: url(../images/details/character_bg.jpg);*/
	background-size:  1920px auto;
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	z-index:2;
	top: 32%;
	left:0;
	opacity:1;
	animation: loop_animation_right 60s linear infinite;
}

@keyframes loop_animation_right {
  0% {
	transform: translateX(0px); 
  }
  100% {
	transform: translateX(-1920px); 
  }
}










.wrap_n .character_main_img img{
	width: 1920px;
	max-width:1920px;
	margin: -10px -800px -5px;
	position:relative;
	z-index:5;
}
.wrap_n .character_main_text{
	width: 820px;
	box-sizing: border-box;
	position: relative;
	z-index: 6;
	margin: auto;
}

.wrap_n .character_tbox{
	border:solid 1px #FFF;
	margin-bottom:20px;
}
.wrap_n .character_tbox_wrap{
	background-color:#FFF;
	background-size:cover;
	padding: 40px 0;
}
.wrap_n .text_str{
	color: #222222ee;
	font-size:14px;
	line-height: 2;
	letter-spacing: 0.1em;
	padding: 20px 0 0;
}
.wrap_n .text_name img,
.wrap_n .text_sttl img{
	/* width:450px; */
	height: 22px;
}


/* 詳細ボタン */
.more_link {
	display: block;
	margin: 0 auto;
	font-size: 14px;
	text-decoration: none;
}
.more_link a {
	display:inline-block;
}
.more_link a:hover {
	opacity:0.5;
}
.more_link + .more_link{
	margin-left: 1.5em;
}
.more_link span {
	position: relative;
	padding: 0 12px 0 25px;
	color: #e1e1e9;
}
.more_link span::after {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 0;
	margin: 1px 0 0 0;
	content: '';
	/*background-image: url(../images/details/icon_rpgx.png);*/
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	/* opacity: 0.8; */
}

/* movie
---------------------------------------------------- */
.movie {
	position: relative;
	min-width: 1160px;
	overflow: hidden;
	text-align:
	center;
	color: #FFF;
	padding: 0px 0 120px;
	margin:0;
}
.movie_box{
	padding: 0;
}
.movie_box *{
	box-sizing:border-box;
}

.movie_box_wrap{
	width:1000px;
	height:574px;
	padding: 0px;
	border: solid 3px #c3921f;
	background-image:url(../images/details/movie_bg.png);
	margin: 0px auto;
}
.movie_box a{
	display:block;
	background-size:cover;
	background-position:center;
	margin:auto;
	transition:0.5s;
}
.movie_box a:hover{
	opacity:0.8;
}
#cboxLoadedContent {
    padding: 0 !important;
    border-radius: 0 !important;
}







/* buy
---------------------------------------------------- */
.buy{
	padding: 70px 0px 0px;
	background: #000;
}
.buy .sttl{
	padding: 0px 0px 50px;
}
.buy table{
	width: 100%;
	/*max-width: 1820px;*/
	margin: 0 auto;
	border-collapse: collapse;
	margin-bottom: 5px;
}
.buy table td,
.buy table th{
	color: #FFF;
	font-size: 15px;
	border: solid 1px #ddd;
	text-align: center;
	vertical-align: middle;
	padding: 13px; 
}
.buy table td img{
	margin-bottom: 5px;
}
.buy table th{
	border: solid 1px #DDD;
	background: #666;
	padding: 15px;
	font-weight: normal;
}
.buy .buy_btn{
	position: relative;
	width: 90%;
	margin: 0 auto 0; 
}
.buy .buy_btn a{
	position: relative;
	display: block;
	margin: 0 auto;
	border-radius: 10px;
	background:#f72579;
	color: #FFF;
	font-size: 16px;
	padding: 12px;
}
.buy .buy_btn a:after{
	content: "";
	display: block;
	position: absolute;
	top:50%;
	margin-top: -5px;
	right: 4%;
	width: 8px;
	height: 8px;
	border-bottom: 1px #FFF solid;
	border-right: 1px #FFF solid;
	transform: rotate(-45deg);
}

.buy .buy_btn a:hover{
	opacity: 0.8;
}



/* spec
---------------------------------------------------- */
.spec{
	padding: 120px 0 120px;
}
.sec_wrap{
	padding:50px;
	/* border: solid 1px #dadae1; */
	background: #fff;
}
.spec p{
	color: #222222;
	font-feature-settings: "palt";
	line-height: 1.5;
}
.spec .setblc {
	text-align: left;
	/* max-width: 1600px; */
	margin: auto;
	padding: 0 50px;
}
.spec ul li.speclist {
	float: left;
	width: 50%;
}
.spec ul li.speclist table {
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	border-collapse: collapse;
}
.spec ul li.speclist table tr th {
	width: 70px;
	padding: 5px 0;
	vertical-align: top;
}
.spec ul li.speclist table tr td {
	padding: 5px 20px;
	vertical-align: top;
}
.spec ul li.speclist table tr td.line {
	border-left: 1px solid #777777;
}
.spec ul li.speclist table tr td.line:nth-child(2){
	width: 100px;
}
.spec ul li.speclist table tr td.line_b{
	border-left: 3px solid #000000;
}
.spec ul li.speclist table tr td a {
	/*background-image: url(../images/details/table_link2.png);*/
	background-position: right 4px;
	background-repeat: no-repeat;
	background-size: 4px auto;
	padding-right: 8px;
	color: #222;
}

.spec ul li.speclist table tr td a:hover {
	opacity:0.7;
} 

.spec ul li.speclist table tr td .tag li {
	float: left;
	margin: 5px 5px 5px 0;
}
.spec ul li.speclist table tr td .tag li a {
	padding: 0 5px;
	font-size: 11px;
	color: #333;
	border: 1px solid #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: none;
}
.spec ul li.speclist table tr td .tag li a:hover {
	color: #FFF;
	border: 1px solid #FFF;
}
.spec ul li.speclist table tr td .tab02 li {
	float: left;
	padding: 0 5px;
	font-size: 11px;
	color: #FFF;
	border: 1px solid #FFF;
	margin-right: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
}
.spec ul li.speclist table tr td .tab02 li.select,
.spec ul li.speclist table tr td .tab02 li:hover {
	color: #FFF;
	border: 1px solid #FFF;
}
.spec ul li.speclist table tr td strong {
	color: #6f7174;
}
.spec ul li.speclist table tr td .indent {
	font-size: 11px;
	line-height: 16px;
}




#cboxLoadingOverlay,
.cboxIframe,
#cboxLoadedContent {
	background-color: transparent !important;
}




footer {
    min-width: 1160px;
	z-index:1000;
}
#page_top {
    z-index: 1001;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                                                                                               1250   */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1160px) {
}



/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                                                                                                 740 */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 740px) {
	body {
		font-size: 16px;
		line-height: 30px;
	}
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                                                                                                 640 */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 640px) {

	/* common
	---------------------------------------------------- */
	#moviebn {
		display: none !important;
	}
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	.type .sp{
		display: block;
	}
	.type .pc{
		display: none;
	}
	.type .tb{
		display: none;
	}
	.fix-top {
		margin-top: 45px !important;
	}
	body {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 0;
	}

	/* section
	---------------------------------------------------- */
	.details02,
	.type1,
	.type2,
	.special,
	.buy,
	.character,
	.movie,
	.spec{
		min-width: 0px;
		padding: 15vw 0 0;
		margin:0;
	}
	.type1,
	.type2{
		padding: 40px 0 0;
	}
	.details_buy{
		min-width: 0px;
	}
	
	.details01, .details_header{
		min-width: 0px;
	}
	.details02{
		padding-top: 0px;
		margin-top: 0;
		padding-bottom: 0;
	}
	.setblc {
		margin: 0px;
		text-align: left;
	}
	.anc{
		padding-top: 0px;
		margin-top: 0;
		position: relative;
	    top: -5vw;
	}
	#top.anc{
	    top: -100px;
	}
	#type1.anc{
	}

	.back_images_wrap {
	    background-image: none;
	    min-width: 0;
	}
	.spec .setblc .ttl {
	    padding: 0;
		box-sizing:border-box;
	}
	.spec .setblc {
	    padding: 0 7.5vw;
	}
	.spec .setblc .wrap{
		padding: 3vw 0 0;
		/* background-color: #000; */
		/* border: solid 1.5vw #ce1b01; */
		border-left:none;
		border-right:none;
		/* border-right: solid 7px #e04862; */
	}
	
	/* ttl
	---------------------------------------------------- */
	.type1 .ttl,
	.type2 .ttl,
	.special .ttl,
	.character .ttl,
	.movie .ttl,
	.spec .ttl {
		vertical-align: top;
		margin: 0 0 0vw;
		padding: 0;
		position: relative;
		z-index: 6;
	}
	.fix_back_images {
	    background-size: auto 100%;
		background-position:center;
	}
	.fix_front {
		display:none;
	}
	.special .ttl img,
	.type1 .ttl img,
	.type2 .ttl img,
	.character .ttl img,
	.movie .ttl img,
	.spec .ttl img{
		height: auto;
		width: 100%;
		margin-bottom: 6vw;
	}
	.type1 .ttl.small img{
		height: 35px;
	}

	

	/* details_header ttl
	---------------------------------------------------- */
	header.header,
	footer{
	    min-width: 0;
	}
	header.header .headerblc{
		z-index: 1000;
	}
	.details_header ul li {
		display: none;
	}
	.details_ttl{
		display: none;
		min-width: 0;
	}
	/* menu */
	.details_header{
		padding: 0;
		z-index: 100;
		transition: 0.5s;
		background: #fff;
		height: 50px;
		pointer-events: painted;
	}
	.details_header.open{
		transition: 0.5s;
		background: #000;
	}
	.details_header .setblc{
		transition: 0.5s;
		margin: 0;
		padding: 0 15px;
	}
	.details_header .setblc.open{
		transition: 0.5s;
		background: #fff;
	}
	.details_header .menu_btn{
		padding: 0;
		margin: 0;
	}
	.details_header .menu_btn label{
		display: block;
		padding: 10px 60px 15px 0;
		height: 25px;
		position: relative;
		font-size: 16px;
		line-height: 30px;
		font-weight: bold;
		overflow: hidden;
		color: #333333;
	}
	.details_header .menu_btn label img{
		height: 28px;
		vertical-align: top;
	}
	.details_header .menu_btn::after {
		content: "";
		position: absolute;
		right: 15px;
		top: 10px;
		content: "▼";
		font-size: 14px;
		pointer-events: none;
		transition: 0.5s;
		margin-top: 4px;
		color: #b1b1b1;
	}
	.details_header .menu_btn label:after{
		background:#000;
		content: "";
		display: block;
		width: 0;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 0px;
		transition: 0s;
	}
	.details_header .menu_btn.open{
		padding-bottom: 0;
	}
	.details_header .menu_btn.open label:after{
		width: 100%;
		transition: 0.5s;
	}
	.details_header .menu_btn.open::after {
		transform: rotate(180deg);
	}
	.details_header .menu_box{
		display: block;
		overflow: hidden;
		max-height: 0;
	}
	.details_header .menu_box a{
		color: #333333;
	}
	.details_header .menu_box.open{
		max-height: 600px;
	}
	.details_header .menu_box ul{
		display: block !important;
		margin: 5px 0 5px;
	}
	.details_header .menu_box ul li {
		display: block;
		float: none;
		border-top: none;
		margin:0;
		line-height: 30px;
		position: relative;
	}
	.details_header .menu_box ul li a{
		font-size: 15px;
		display: block;
		letter-spacing: 0;
		line-height: 40px;
	}
	.details_header .menu_box ul li a img{
		height: 13px;
	}
	.details_header.is-fixed {
	    /* background: rgba(0,0,0,0.8); */
	    /* background: rgba(208,26,28,0.9); */
	}


	/* details01
	---------------------------------------------------- */
	.details01 {
		/* background-color: #000; */
		background-image:none;
		backdrop-filter:blur(0px);
	}
	.details01:before,
	.details01:after{
		display: none;
	}

	.details01 .setblc {
		height: auto;
		margin:0;
	}
	.details01 .pc{
		display: none;
	}
	.details01 .sp{
		display: block;
		margin-top: 50px;
		margin-bottom: 0;
		max-height: unset;
	}
	.details01 .sp img{
		width: 100%;
	}
	.details01 .sp .swiper-slide img{
		width: 300%;
		margin-left:640px
	}
	.details01 .sp .swiper-slide {
	}
	.swiper-container00{
		background-size:100%;
		background: transparent;
	}
	.swiper_over{
		position:absolute;
		z-index:10;
		pointer-events:none;
	}
	.swiper_under{
		position: relative;
		z-index:1;
		pointer-events:none;
		width:100%;
	}
	.swiper_under img{
		padding: 0;
	}
	.swiper_under .drop_box{
		float:right;
		margin:15vw 15px;
		width:30vw;
		padding: 3vw 1vw;
		box-sizing: border-box;
	}
	
	
	.details01 .brandlogo {
		top: 60px;
		right: 15px;
	}
	.details01 .brandlogo img {
		width: 60px;
	}
	.details01 .setblc .bn03 {
		display: none;
	}
	.details01 .bn_hover{
		overflow: hidden;
	    margin-bottom: 15px;
	    padding: 10px 10px 0px;
	}
	.details01 .bn_hover li img{
		width: 100%;
	}
	.details01 .bn_hover li:nth-child(1){
		float: left;
		width: 100%;
	}
	.details01 .bn_hover li:nth-child(2){
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	.details01 .sp .type_b{
		width: 100%;
		position: absolute;
		top:0;
		left:0;
		animation:anime-opacity 10s infinite;
	}
	.details01 .sp .type_b img{
		width: 100%;
	}

	@keyframes anime-opacity {
		0% { opacity: 0 }
		35% { opacity: 0 }
		50% { opacity: 1 }
		85% { opacity: 1 }
		100% { opacity: 0 }
	}


	/* details02
	---------------------------------------------------- */

	.details_buy .setblc{
		margin: 0;
	}
	.details_buy .sttl img,
	.details_buy img{
		width: auto;
		max-width: 100%;
		margin: 0px auto 0;
	}
	.details_buy:before {
	    display: none;
	}
	.details_buy .sttl {
	    margin: 0;
	    padding-bottom: 0px;
	    text-align: center;
	}
	.details_buy{
		padding: 10vw 0 0;
	}
	.details_buy p{
		font-size:14px;
		margin:0vw 0 0;
		padding: 0 7.5vw;
		text-align:left;
		font-feature-settings:'palt';
		text-indent:-1em;
		padding-left: calc( 7.5vw + 1em );
	}
	.details_buy p.sssttl {
	    font-size: 16px;
	    margin: 1.5em 0 0.5em;
		text-align:center;
	}
	.details_buy .wrap1{
		display:block;
	}
	.details_buy .sttl{
		display:block;
	}
	.details_buy .sttl:after{
		display:none;
	}
	.details_buy .sttl:before{
		display:none;
	}
	.details_buy .sttl span{
		display:block;
		min-width: 0;
	}




	/* details02
	---------------------------------------------------- */
	.details02{
		/* background:#000; */
	}
	.details02 .data .info .ttl {
	    font-size: 16px;
	}
	.details02 .data {
		padding: 0px 6vw;
		margin: 0 7.5% 10vw;
		border-width: 1px;
	}
	.details02 .data .info {
		padding-left: 0;
		margin-top: 15px;
		margin-bottom: 18px;
	}
	.details02 .data figure {
		display: none;
		float: none;
		width: 70%;
		text-align: center;
		margin: 20px auto;
	}
	.details02 .data figure img {
		width: 100%;
	}
	.details02 .data .info .worksdata table {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.details02 .data .info .worksdata table th {
		max-width: inherit;
		width: 100px;
		padding-right: 10px;
	}
	.details02 .setblc {
		margin: 0;
	}
	.details02 .btn3 {
		margin: 0;
		padding: 20px 7.5% 10px;
	}
	.details02 .btn3 li {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
	.details02 .btn3 li a {
	    padding: 15px 3% 15px 6%;
	    font-size: 17px;
	}
	.details02 .btn3 li.comingsoon a {
		height: 69px;
	}
	.details02 .intro {
		padding-bottom: 30px;
	}
	.details02 .intro .ttl {
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 15px;
	}
	.details02 .intro p {
		display: block;
		margin: 10px 10px 0;
		color: #FFF;
	}

	.details02 .btn3 li.atention{
	    line-height: 62px;
	}
	.details02 .btn3 li.atention:after {
	    top: -20px;
	    left: 50%;
	    margin-top: -0px;
	    margin-left: -13px;
	    transform: rotate(90deg);
	}
	.details02 .btn3 li.atention img {
	    margin-left: 12px;
	    margin-bottom: 4px;
	}
	.cbox_cart ul li.bbn a{
		margin-right: 10px;
		margin-left: 10px;
	}

	.details02 .btn3 li::after,
	.details02 .btn3 li::before {
		display:none;
	}



	/* type
	---------------------------------------------------- */
	.type{

	}
	.type.type1 {
	    background-image: none;
	    padding: 15vw 0 0;
	}
	.type .wrap3 + .wrap1 {
		margin-top: 0px;
		padding: 20px 20px;
	}
	.type .wrap1{
		padding: 10px;
	}
	.type .wrap1 img{
		width: 100%;
	}
	.type.type1 .wrap2 {
	    margin: 0 0 0;
	}
	.type .add_text_sp{
		padding: 10px 5% 0px;
	}
	.type .wrap3 {
	    margin: 0 0 0;
	    padding: 7.5vw 7.5vw 0;
	}
	.type.type2 .wrap3 {
	    padding: 25px 10px 0;
	}
	.type .wrap3 .box {
		margin-top: 0px;
	}
	.type .swiper-container {
	    width: 100%;
	    padding: 0;
	}
	.type .swiper-slide{
	/* padding: 7.5vw; */
	}
	.type .swiper-slide img{
		max-width: 100%;
		width: auto;
		min-width: unset;
		margin: 0;
		padding: 0 7.5vw;
		box-sizing: border-box;
	}
	.type.type1 .wrap2 .swiper_nav{
	height: 5vw;
	}
	.type.type1 .wrap2 .left_page01{
	padding: 5vw 0 0;
	width: 100vw;
	}
	.type.type1 .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 5px 0 0;
	}
	.type.type1 .swiper-pagination-bullet-active {
	}
	
	.type.type1 .wrap2 .left_prev,
	.type.type1 .wrap2 .left_next{
		margin:0;
		position:absolute;
		top: 40%;
		z-index:100;
		width: auto;
		max-width: 100%;
		height: auto;
		margin:0;
		margin-top: 0vw;
	}
	.type.type1 .wrap2 .left_prev img, .type.type1 .wrap2 .left_next img{
	    height: 14vw;
	    text-align: left;
	}
	.type.type1 .wrap2 .left_prev{
		left:0vw;
	}
	.type.type1 .wrap2 .left_next{
		right: 0vw;
	}
	
	.type .wrap3 .box li {
	    width: 50%;
	    max-width: 100%;
	    margin-right: 0%;
	    margin-bottom: 0%;
	    /* box-shadow: 0px 5px 5px #4a000070; */
	}
	.type .wrap3 .box li:after {
	    width: 20px;
	    height: 20px;
	    bottom: 0%;
	    right: 0%;
	}
	.type .wrap3 .box li:before,
	.type .wrap3 .box li:after{
		display:none;
	}
	
	.type .wrap5 {
		padding: 0 7.5vw 0;
	}
	.black_box_text {
	}

	.black_box_text img {
	    margin: 0 auto;
	    max-width: 100%;
	    height: 14vw;
	    text-align: left;
	}
	.wrap5 .black_box_text p{
	    font-size: 13px;
	    line-height: 1.7;
	    margin: 4vw 0 0;
	    padding: 0 0 0;
	    font-weight: 400;
	    text-align: left;
	    position: relative;
	    z-index: 5;
	}
	.type1_text {
		margin-top: 10vw;
		width: 100%;
		padding: 0;
	}
	.type1_text img{
		/* width: 90%; */
		/* height:auto; */
		max-height: 65px;
	}
	.type p {
	    font-size: 13px;
	    font-weight: 400;
	    line-height: 25px;
	    text-align: left;
	}
	.type p br{
	    display: none;
	}
	.type .sttl_type {
		margin: 10vw 0 0;
		padding: 0 7.5vw 0;
	}

	

	/* special
	---------------------------------------------------- */
	.special{
		margin-top:0;
		background-image:none;
		background-color:transparent;
		box-sizing:border-box;
	}

	.special *{
		text-align:center;
	}
	.special .sttl {
	    padding: 0 0 10px;
	}
	.special .sttl img{
	    margin: auto;
	    width: 70%;
	    max-width: 310px;
	    padding-top: 10px;
	}
	.special .box{
	    padding: 0;
	}
	.special .img_box {
		padding: 0 20px 0;
		box-sizing: border-box;
	}
	.special .img_box img{
	    width: 75%;
	    max-width: 270px;
	    margin:
	    auto;
	}
	.special .text {
	    color: rgb(255, 255, 255);
	    font-size: 12px;
	    font-weight: 300;
	    line-height: 1.8;
	    margin-bottom: 8px;
	}

	/* buy
	---------------------------------------------------- */
	.buy{
		padding: 20px 0 0;
	}
	.buy .setblc{
		margin: 0;
	}
	.buy .sttl img{
	    width: 100%;
	}

	.buy .wrap1{
		padding: 0 10px;
	}
	.buy table img{
	    width: 100%;
	}
	.buy table td.table_ttl{
	    font-size: 13px;
	    padding: 5px;
	    background: #333;
	}
	.buy table td, .buy table th {
	    font-size: 14px;
	}
	.buy table th {
	    padding: 10px;
	}
	.buy .buy_btn {
	    width: 100%;
	    margin: 0 auto 0;
	}
	.buy .buy_btn a{
		font-size: 14px;
		line-height: 22px;
	}
	.buy .buy_btn a:after {
	    right: 13px;
	}
	.buy .sttl {
	    padding: 0px 0px 10px;
	}

	
	/* character
	---------------------------------------------------- */
	.character{
		margin-top:0;
		box-sizing:border-box;
		background-image:none;
		/* padding-top: 50px; */
	}
	.character .setblc {
	    margin: 0;
	}
	.character .sttl{
		/* padding: 10px 8% 0; */
		padding: 0px 5% 0;
	}
	.wrap_n{
		backdrop-filter: blur(0px);
		-webkit-backdrop-filter:blur(0px);
		padding: 0;
		margin-top: 0%;
		border: none;
		background-image:unset;
		padding: 0;
	}
	.wrap_n .box1{
	}
	.wrap_n .box3{
	}
	.wrap_n .box2{
		min-width: 0;
		width: 100%;
		height: auto;
		position:relative;
	}
	.wrap_n .character_main_img{
		z-index:10;
		position: relative;
		margin: 0;
	}
	.wrap_n .character_main_img img{
		width: 100vw;
		max-width: 500vw;
		margin: -5vw auto 0;
		left: 0;
	}
	.wrap_n .character_main_img:after{
		content:'';
		display:block;
		height: 50vw;
		width:calc( 100vw + 250vw );
		margin:0;
		/*background-image: url(../images/details/character_bg.jpg);*/
		background-size:  250vw auto;
		background-repeat:repeat-x;
		background-position:left top;
		position:absolute;
		z-index: 10;
		top: 70%;
		left:0;
		opacity:1;
		animation: loop_animation_right 20s linear infinite;
	}

	@keyframes loop_animation_right {
		  0% {
			transform: translateX(0); 
		  }
		  100% {
			transform: translateX(-250vw); 
		  }
	}




	
	.sp_character_main_img img{
		width:100%;
	}
	.sp_character_main_img2{
	}
	.sp_character_main_img2 img{
		width:100%;
	}
	.wrap_n .character_main_text{
		width:100%;
		text-align:left;
		margin: 0 0 0 0;
		color:#000;
		font-size:14px;
		box-sizing: border-box;
		padding: 0 7.5vw;
		z-index: 10;
	}
	.wrap_n .character_tbox{
		padding: 0;
	}
	.wrap_n .character_tbox_wrap{
		padding: 7.5vw 7.5vw;
	}
	.wrap_n .text_sttl{
	text-align: center;
	}
	.wrap_n .text_sttl img{
		width: auto;
		height: 5vw;
		margin: 0 -50vw;
	}
	.wrap_n .text_name{
		text-align:center;
	}
	.wrap_n .text_name img{
		width: auto;
		height: 6vw;
		margin: 0 -50vw;
	}
	.wrap_n .text_str{
		font-size: 13px;
		line-height: 1.7;
		padding: 4vw 0 0;
	}
	

	.more_link {
		text-align:center;
		margin:0;
		padding: 0;
	}
	.more_link a{
	    display: block;
	    margin:0 0 0vw;
	    padding: 0;
	}
	.more_link + .more_link {
	    margin-left: 0em;
	}

	
	#cboxLoadedContent {
	    padding: 0 !important;
	    border-radius: 0 !important;
	}


	/* spec
	---------------------------------------------------- */
.spec p{
	    color: #fff;
	    font-feature-settings: "palt";
	    line-height: 1.5;
	}

	.spec ul li.speclist table tr td a {
	    color: #fff;
	}
	.spec ul li.speclist table tr td.line {
		width: 200px;
	}
	.spec ul li.speclist {
		float: none;
		width: 100%;
	}
	.spec ul li.speclist table {
		margin-bottom: 6vw;
		box-sizing: border-box;
	}
	.spec ul li.speclist table tr.trline {
		height: 10px;
		display: block;
	}
	.spec ul li.speclist table tr th {
		display: block;
		width: 100%;
		line-height: 1.5;
	}
	.spec ul li.speclist table tr td {
		display: block;
		width: 100%;
		padding: 0;
		line-height: 1.5;
		box-sizing:border-box;
		position:relative;
	}
	.spec ul li.speclist table tr td.line {
		border-left: none;
	}
	.spec ul li.speclist table tr td.line p{
		color: #aaaaaa;
	}
	.spec ul li.speclist table tr td.line_b {
		border-left: none;
	}
	.spec ul li.speclist table tr td.line_b p{
		color: #aaaaaa;
	}
	.spec ul li.speclist table tr th.line_b {
		border-left: 1.2vw solid #714dfd;
		padding-left: 3vw;
		margin-bottom: 15px;
	}
	.spec ul li.speclist table tr td .tab02 li {
		margin-bottom: 5px;
	}
	/* acodion */
	.spec ul li.speclist input[type="checkbox"]{
		display: none;
	}
	.spec ul li.speclist table tr th.line_b label{
		display: block;
		width: 100%;
		font-size: 15px;
		line-height: 28px;
		padding-left: 0px;
		position: relative;
		color: #ffffff;
	}
	.spec ul li.speclist table tr th.line_b label:after{
		display: block;
		position: absolute;
		content: "＋";
		right: -1px;
		top: 0;
		font-size: 19px;
		color: #724dfd;
	}
	.spec ul li.speclist input:checked + table tr th.line_b label:after{
		content: "−";
		color: #724dfd;
		transform: scale(1.4);
		font-weight: 400;
		right: 2px;
	}
	.spec ul li.speclist table tr th.line_b{
		height: auto;
		/* padding: 5px 0; */
		/* margin-bottom: 0px; */
		box-sizing: border-box;
	}
	.line_b {
	    width: 100% !important;
	}
	
	.spec ul li.speclist table tr{
		display: inline;
	}
	.spec ul li.speclist table tr th,
	.spec ul li.speclist table tr td,
	.spec ul li.speclist table tr.trline{
		height: 0;
		padding: 0;
		overflow: hidden;
		transition: 1s;
	}
	.spec ul li.speclist input:checked + table tr th,
	.spec ul li.speclist input:checked + table tr td,
	.spec ul li.speclist input:checked + table tr.trline{
		height: auto;
		margin-bottom: 5px;
		transition: 1s;
		box-sizing: border-box;
	}
	.spec ul li.speclist input:checked + table tr th.line_b{
		margin-bottom: 15px;
	}
	.tab-inner02{
		display: none;
	}
	.spec ul li.speclist input:checked + table .tab-inner02{
		display: block;
	}
	.spec ul li.speclist input:checked + table .tab-inner02.disnon{
		display: none;
	}
	.spec{
		padding-bottom: 12vw !important;
	}
	body {
		-webkit-text-size-adjust: 100%;
	}
	p {
		max-height: 100%;
	}
	footer {
		margin-top: 0px;
		position: relative;
	}
	.spec ul li.speclist table tr td.line:nth-child(2) {
		width: 100%;
	}

	
}



/* add css */
.more_txt_filter {
	width: 100%;
	position: absolute;
	height: 40px;
	z-index: 1;
	background-color: rgb(255,255,255.6);
	bottom: -20px;
	filter: blur(8px);
}

.wm100 { width:130px; }
.mw60 { width:70px;max-width:70px!important; }

.nones {
	border:none!important;
	padding:0!important;
}
.nones:hover {
	opacity:0.7;
	background:none!important;
}



/* tab
---------------------------------------------------- */
.tab01 {
	border-bottom: 1px solid #e0e0e0;
	color:#FFF;
	font-size:12px;
}
.tab01 li {
	display: inline-block;
	width: 20%;
	padding: 0 20px;
	margin-left: 15px;
	position: relative;
	font-size: 14px;
	line-height: 40px;
	cursor: pointer;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}
.tab01 li::after {
	position: absolute;
	content: "＋";
	right: 10px;
	top: 0;
	font-size: 20px;
}
.tab01 li.select::after {
	content: "ー";
}
.tab-inner01 {
	padding-top: 20px;
}
.tab-inner01 table {
	float: left;
	position: relative;
	table-layout: fixed;
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	border-collapse: collapse;
	color:#FFF
}
.tab-inner01 table::after {
	content: "";
	width: 2px;
	height: 20px;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 100px;
}
.tab-inner01 table th {
	width: 100px;
	text-align: left;
	vertical-align: top;
	padding: 0 0 6px;
}
.tab-inner01 table th p::before {
	content: "－";
	color: #FFF;
}
.tab-inner01 table td {
	border-left: 1px solid #cacaca;
	padding: 0 30px 6px 10px;
}
.tab-inner01 table td a {
	/*background-image: url(../images/store/details/table_link.png);*/
	background-position: right 4px;
	background-repeat: no-repeat;
	background-size: 4px auto;
	padding-right: 8px;
	color:#FFF;
}
.disnon {
	display: none;
}

@media only screen and (max-width: 640px) {
	/* tab
	---------------------------------------------------- */
	.tab01 li {
		width: 31%!important;
		padding: 0 10px;
		margin-left: 1%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.tab-inner01 {
		padding-top: 20px;
	}
	.tab-inner01 table {
		float: none;
		table-layout: fixed;
		max-width: 100%;
		width: 100%;
	}
	.tab-inner01 table::after {
		display: none;
	}
	.tab-inner01 table th {
		width: 100%;
		display: block;
		padding: 0;
		font-weight: normal;
		color: #9a9a9a;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.tab-inner01 table td {
		border-left: none;
		width: 100%;
		display: block;
		padding: 0 0 10px 1em;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
}

/* botan */
.details02 .btn3 li a {
	position:relative;
	overflow:hidden;
}
.details02 .btn3 li a.none_item_hover{
    pointer-events: none;
	min-height: 93px;
}
.details02 .btn3 li a.none_item_hover:before {
	height: auto;
	width:200px;
	content:"coming soon";
	font-size:14px;
	color:#2b2b2b;
	background:#FFEB3B;
	display:block;
	text-align:center;
	position:absolute;
	z-index:2;
	top:50%;
	right:-30px;
	margin-top:-14px;
	transform:rotate(-45deg);
	padding:3px;
	box-sizing:border-box;
	cursor: pointer;
	letter-spacing: -0.4px;
}
.details02 .btn3 li a.stop_item_hover{
    filter: grayscale(1);
    background: #888;
    pointer-events: none;
	min-height: 93px;
}
.details02 .btn3 li a.none_item_hover span,
.details02 .btn3 li a.stop_item_hover span{
	font-size: 15px;
	line-height:25px;
}
@media only screen and (max-width: 640px) {
	.details02 .btn3 li a.none_item_hover span,
	.details02 .btn3 li a.stop_item_hover span {
	    /*font-size: 13px;*/
	}
	.details02 .btn3 li a.none_item_hover,
	.details02 .btn3 li a.stop_item_hover{
	    min-height: 69px;
	}
	.details02 .btn3 li a.none_item_hover:before {
		font-size: 13px;
		transform:rotate(-39deg);
	}
}