@charset "UTF-8";
/* CSS Document */
body{margin:0; padding:0; background:#000000; color:#FFFFFF;  overflow-x:hidden; font-size:1em;}

.pc {display:block;}
.sp {display:none;}

.kuji_logo img{position:absolute;
			z-index:9999;
			top:0;
			left:10px;}
/*ヘッダー動画*/
#header_movie{position: absolute;
	top:0;
  left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
  min-width: 1920px; 
  min-height: 1080px;
  width:  auto; 
  height: auto;
  z-index: -100;}

#content{width:100%;
		position:absolute;
		top:1020px;
		left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
		z-index:9999;
		}

@media all and (max-width:1240px) {
	#header_movie{min-width: 1240px; 
 					 min-height: 698px;}

	#content{top:640px;
		}
}

@media all and (max-width:960px) {
	#header_movie{min-width: 960px; 
  					min-height: 540px;}

	#content{top:480px;
		}
}
/*ヘッダー動画*/

/*コンテンツ動画*/
.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*コンテンツ動画*/

.item_data{background:url(img/item_data.jpg) no-repeat;
			width:960px;
			height:240px;}

.item_caution {color:#FFF;
				font-size:0.8em;
				padding-top:240px;
				float:left;}

.tenpo_ball {float:right;
				padding:160px 50px 0 0;}


/*ラインナップ*/
#lineup{width:100%;
		max-width:960px;
		margin:0 auto;
		position:relative;
		z-index:999;
		line-height:180%;
		}

.item_b {height:772px;
			margin-top:25px;}

.item_c {height:797px;
			margin-top:25px;}

.item_d {height:809px;
			margin-top:25px;}

.item_colabo {height:773px;
			margin-top:25px;}

.item_e {height:351px;
			margin-top:25px;}

.item_f {width:480px;
			margin-top:25px;
			float:left;}

.item_g {width:480px;
			margin-top:25px;
			float:left;}

.slide {margin-left:35px;}

.item_h {height:338px;
			margin-top:25px;}

.item_lo {height:792px;
			margin-top:25px;}
			

.b_txt {width:508px;
		margin-top:-110px;
		margin-left:455px;}

.c_txt {margin-top:-180px;}

.d_txt {width:508px;
		margin-top:-160px;
		margin-left:455px;}

.colabo_txt{margin-top:-480px;}
.colabo_txt img{margin-bottom:20px;}

.e_txt {width:508px;
		margin-top:-240px;
		margin-left:485px;}

.g_txt {margin-left:40px; margin-top:25px;}

.h_txt {margin-top:-220px;}

.lo_txt {margin-top:-180px;}

#wc_cp {background:url(img/pc/item_wc_bg.jpg) repeat-x; height:682px;}

.wc_box {width:960px;
			margin:0 auto;
			padding:30px;}

.wc_txt {margin-top:-160px;}

ul{margin:0; padding:0;}
li{margin:0; padding:0; list-style:none;}

.btn_block {width:750px;
			margin:0 auto;
			padding:35px 0 35px 0;}

#page-top{
display: inline-block;
position: fixed;
right: 30px;
width: 90px;
text-align: center;
z-index: 9999;
cursor: pointer;
}

.copy {font-size:12px; margin-bottom:25px;}



@media all and (max-width:950px) {
	.pc {display:none;}
	.sp {display:block;}
	
	.kuji_logo img{position:absolute;
			z-index:9999;
			top:0;
			left:5px;
			width:80px;}
	
	#sp-nav {position:fixed; display: inline-block; width:100%; top:0; right:0; margin:0 auto; z-index:9999;}
	.spmenu{
			-webkit-border-radius: 50%;/* 50%でもOK */
			-moz-border-radius: 50%;
			border-radius: 50%;
			background-color: #FFF;/* 円の色 */
			width:50px;
			height:50px;
			}
	
	.spmenu	{top:13px; right:10px; position:absolute; cursor:pointer; overflow:hidden; z-index:997;  }
	div .spmenu1{width:25px; height:3px; background-color:#333; top:15px; left:12px; position:absolute; } 
	div .spmenu2{width:25px; height:3px; background-color: #333; top:23px; left:12px; position:absolute; } 
	div .spmenu3{width:25px; height:3px; background-color: #333; top:31px; left:12px; position:absolute; }
	
	div .spmenu1,div .spmenu2,div .spmenu3
						{transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
						 -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ }
	
	#spmenu {display:none;}
	
	#spmenu {width:100%;
				height:100%;
				background:rgba(0,0,0,0.8);
				font-size:0.7rem !important;
				padding:20%  0 100% 0;
				margin:0 auto;
				overflow: auto;
				-webkit-overflow-scrolling: touch;}
	
	#spmenu li{width:47%;
				text-align:center;
				border:1px solid #7D7D7D;
				color:#FFF;
				background: rgba(255,0,0,.5);
				float:left;
				margin:1%;}
	#spmenu li a{color:#FFF;
					display:block;
					padding:5% 0 5% 0;
					text-decoration:none;}
	

	div .menuclick1		{ top:23px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
				 	-ms-transform: rotate(405deg); transform: rotate(405deg); }
	div .menuclick2		{ background-color:rgba(255,255,255,0);  }
	div .menuclick3		{ top:23px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
						-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }

	/*ラインナップ*/
		
	#lineup{width:100%;
		max-width:100%;
		margin:0 auto;
		position:relative;
		z-index:999;
		line-height:180%;
		}

	.item_logo {width:100%;}

	.item_data{background:url(img/item_data.jpg) no-repeat;
			background-size:contain;
			width:100%;
			height:auto;}

	.item_caution {color:#FFF;
					font-size:0.6em;
					line-height:150%;
					padding-top:25%;
					width:70%;
					float:left;}
	
	.tenpo_ball {float:right;
					padding:18% 0 0 0;
					width:30%;}
	
	.tenpo_ball img{width:80%; margin-left:5%;}

	.bland_about {width:100%;}

	.item_b {height:auto;
			margin-top:25px;}

	.item_c {height:auto;
			margin-top:25px;}
	
	.item_d {height:auto;
			margin-top:25px;}
	
	.item_colabo {height:auto;
			margin-top:25px;}
	
	.item_e {height:auto;
			margin-top:25px;}
	
	.item_f {width:100%;
			height:auto;
			margin-top:25px;}
	
	.item_g {width:100%;
			height:auto;
			margin-top:25px;}
	
	.slide {margin-left:0;}
	
	.item_h {height:auto;
			margin-top:25px;}
	
	.item_lo {height:auto;
			margin-top:25px;
			margin-bottom:25px;}

	.item_a img{width:100%;}
	.item_b img{width:100%;}
	.item_c img{width:100%;}
	.item_d img{width:100%;}
	.item_colabo img{width:100%;}
	.item_e img{width:100%;}
	.item_f img{width:100%;}
	.item_g img{width:100%;}
	.item_h img{width:100%;}
	.item_lo img{width:100%;}
	.wc_box img{width:100%;}

	#wc_cp {background:none; height:auto;}

	.wc_box {width:100%;
			margin:0 auto;
			padding:0;}

	.item_sp_txt {font-size:0.9em; line-height:180%; padding:2%;}

	.masterlise_box {background:none;
				width:100%;
				height:auto;
				margin-top:5%;
				text-align:center;}

	.mini_item_box {margin:0 auto;
					float:none;
					width:95%;}
					
	.fig_box_left {float:none;
				width:95%;
				margin-top:1%;
				margin:0 auto;}
				
	.fig_box_right {float:none;
				width:95%;
				margin-top:1%;
				margin:0 auto;}
				
	.item_comment {color:#FFFFFF;
				clear:both;
				margin:1% 0 5% 0;
				padding:5%;
				font-size:0.7em;
				line-height:180%;}
				
	.item_comment_h {width:90%;
					float:none;
					color:#FFFFFF;
				clear:both;
				margin:0 0 5% 0;
				padding:5%;
				font-size:0.7em;
				line-height:180%;}
					
	.item_h_ura {width:40%;
					float:none;
					margin:0 auto;
					padding-top:10px;
					clear:both;}
	
	.btn_block {width:95%;
	 		max-width:350px;
			margin:0 auto;
			padding:10% 5% 10% 5%;}
			
	.btn_block img{width:100%; max-width:350px;}
	
	#page-top{
display: inline-block;
position: fixed;
right: 15px;
width: 80px;
text-align: center;
z-index: 9999;
cursor: pointer;
}

}
@media(orientation: landscape){
#spmenu {width:100%;
				height:30%;
				background:rgba(0,0,0,0.8);
				font-size:0.7rem !important;
				padding:10%  0 100% 0;
				margin:0 auto;
				right:50%;
				overflow: auto;
				-webkit-overflow-scrolling: touch;}
 
 #spmenu li{width:47%;
				height:calc(100% / 5);
				height:-webkit-calc(100% / 5);
				text-align:center;
				border:1px solid #7D7D7D;
				color:#FFF;
				background: rgba(255,0,0,.5);
				float:left;
				margin:0.5%;}
	#spmenu li a{color:#FFF;
					display:block;
					padding:2% 0 2% 0;
					text-decoration:none;}
}