/*******************************
reset
*******************************/

* ,
*:before ,
*:after {
	box-sizing: border-box;
	font-family: "FOT-ニューシネマA Std D " ,"NewCinemaAStd-D";
}
h1, h2, h3, ul {
  margin: 0;
}

ul {
  padding: 0px;
}

li {
  list-style-type: none;
}
img {
	vertical-align: middle;
}
.ti3{
	display: inline-block;
    text-indent: 3em;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    }
.clearfix:after {
    clear: both;
    }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}
.sp-on{display: none;}
.pc-none{display: none;}
.fl{float:left;}
.fr{float: right;}
iframe[name="google_conversion_frame"] { position:absolute; height: 0;}
.minnew {
	position: relative;
	top: 0;left: 0;
}
.minnew::before{
	content: "";
	position: absolute;
	top: -21px;left: -8px;
	width: 55px;height: 29px;
	background: url("../img/index/icon-minNew.png") no-repeat;
}
@media screen and (max-width: 980px) {
	.pc-none{display: block;}
	.price{
		    display: inline-block;
    text-indent: 3.5em;
	}
}
/*******************************
common
*******************************/
.wrapper{
	width:100%;
	overflow:hidden;
}
.section-inner{
	position: relative;
	width:1027px;
	margin:0 auto;
}
.is-hover-fade {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.is-hover-fade:hover {
  opacity: 0.7;
}
.bg-naname:before{
	content:"";
	background:url(../img/inner/bg-main.png) repeat-x center bottom;
	transform: translateX(-50%) rotate(-5deg);
	position: absolute;
	background-size:100%;
	width:2500px;height:1208px;
	top:-178px;left:50%;
}

/*******************************
header
*******************************/
header{
	position: relative;
	height:77px;
	background:url(../img/index/bg-header.png) repeat-x;
	/*border-bottom:solid 2px #000;*/
	z-index:100;

}
header .headerBg {
	position: relative;
	top: 0;left: 0;
}
header .headerBg:before {
	content: "";
	position: absolute;
	top: -14px;left: 50%;
	margin-left: -350px;
	width: 700px;height: 77px;
	background:url("../img/index/headerBg.png") no-repeat center center;
}
header .ps4{
	background: url(../img/index/icon-ps4.png) center top no-repeat;
	width:164px;height:37px;
	margin-top:20px;
	margin-right:25px;
}
header .navi{
	position: absolute;
	    top: 27px;
    left: 200px;
}
header .navi li{
	float:left;
	margin-right:25px;
}

header .navi a{
	text-decoration: none;
	color:#fefefe;
	font-size:18px;
	font-family:"FOT-筑紫明朝 Pr5 E";
}
header .navi .no-link a{
	color:#969696;
}
header .sns-box{
position: absolute;
	right:0;top:14px;
}
header .sns-box p{
	float:left;
}
header .sns-box p:first-child{margin-right:5px;}


/*******************************
footer
*******************************/

footer{
	position: relative;
	background-color:#000;
	padding:50px 0 10px 0;
	z-index:100;
}
footer .bnr-list{
	margin-bottom:25px;
	font-size: 0;
}
footer .bnr-list li{
	margin-right:63px;
	display: inline-block;
	vertical-align: middle;
}
footer .bnr-list li:nth-of-type(3){margin-right:0;}
footer .bnr-list li a{text-decoration: none;}
footer .bnr-list .text{
	font-size:13px;
	color:#fff;
}
footer .bnr-list li.rasetsu{
	width: 300px;
	margin-top: 20px;
}
footer .bnr-list li.rasetsu img{
	width: 300px;
}
footer .sub-navi{
	padding:15px 0;
	margin-bottom:10px;
	border-top:solid 1px #6a6a6a;
	border-bottom:solid 1px #6a6a6a;
}
footer .sub-navi li{
	position: relative;
	float:left;
	margin-right:30px;
}
footer .sub-navi li:before{
	content:"";
	background:url(../img/index/icon-subnavi.gif) no-repeat;
	width:2px;height:19px;
	position: absolute;
	left:0;top:50%;margin-top:-9px;
}
footer .sub-navi li a{
	padding-left:10px;
	text-decoration: none;
	color:#fff;
	font-size:18px;
}

footer .copy-box p{
	float:left;
	font-size:12px;
	color:#c5c5c5;
}

footer .copy-box .copy{
	width:855px;
	margin-left:20px;
}




@media screen and (max-width:980px) {
	.sp-none{
		display: none;
	}
	.sp-on{display: block;}
	.section-inner{
		width:100%;
		padding:0 6.25%;
	}
	.bg-naname:before{
    content: "";
    background: url(../img/inner/bg-main.png) repeat-x center bottom;
     transform:none;
    position: absolute;
    background-size: 100%;
    width: 100%;
    height: 0;
    padding-top: 87%;
    top: -90%;
    left: 0;
}
/*******************************
header
*******************************/
	header .section-inner{
		padding:0 2.15%;
	}
	header{
		line-height: inherit;
		position: absolute;
		top:0;
		width:100%;
		background:inherit;
		border-bottom:none;
	}
	header .headerBg:before {
		content: "";
		position: inherit;
		top: 0;left: 0;
		margin-left: 0;
		width: 0;height: 0;
		background:none;
	}
	header .navi{display: none;}
	header .ps4{
		background: url(../img/index/icon-ps4_sp.png) center top no-repeat;
		background-size:100%;
		width: 28%;
    height: 0;
    padding-top: 15%;
    margin: 2% 0 0 0;
	}
	header .sns-box{
		width:20%;
		position: absolute;top:5%;right:23%;
		line-height: inherit;
	}

	header .sns-box p{
		width:40%;
	}
	header .sns-box p:first-child{margin-right:2%;}
	header .sns-box p img{width:100%;}


	/*--- inner page ---*/
	header.inner{
		position: relative;
		background:#024383;
		height: 12vw;
		    z-index: 10000;
	}
	header.inner .ps4{
		background: url(../img/index/icon-ps4.png) center top no-repeat;
		padding-top:6%;
		background-size:100%;
		margin:0;
		margin-top:4%;
	}
	header.inner .sns-box{
		position:relative;
		padding-top: 2%;
	}
	/*--- humberger ---*/
	header .hamburger-menu-box {
		width:20%;
		position: absolute;
		right:2%; top:7%;
	}
	header.inner .hamburger-menu-box{
		top:24%;
	}

	.navi-sp{
		position: fixed;
		top:0;right:-100%;
		width:100%;
		background-color:#001739;
	}
	.navi-sp .navi-inner{
		padding:2.15%;
	}
	.navi-sp .btn-close{
		background-color:#dac386;
		padding:4% 0;
		text-align: center;
		font-size:4vw;
		margin-bottom:5%;
	}
	.navi-sp a{
		display: block;
		color:#fff;
	padding:4% 0;
		font-size:4vw;
		text-decoration: none;
		font-family: "FOT-筑紫明朝 Pr5 E";
	}
	.navi-sp li{
		border-top:solid 2px #fff;
	}
	.navi-sp li:last-child{
		border-bottom:solid 2px #fff;
	}

/*******************************
footer
*******************************/


 footer {
    background-color: #000;
    padding: 15% 0 2% 0;
}
	footer .bnr-list li{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:4%;
	}
	footer .bnr-list li.rasetsu{
		width: 100%;
		margin-top: 2%;
	}
	footer .bnr-list li.rasetsu img{
		width: 100%;
	}	
	footer .sub-navi li{
		float:none;
		margin-right:0;
	}
	footer .sub-navi li a{
		font-size:3vw;
		padding-left:4%;
	}
	footer .copy-box p{
		width:28%;
	}
	footer .copy-box .copy {
    width: 70%;
    margin-left: 2%;
}





}