@charset "utf-8";


/************************************************************
*	pc小　tablet
 ************************************************************/
@media screen and (max-width: 1300px) { 
#headerLogo{
	width:230px;
}

}
@media screen and (max-width: 1250px) { 
#headerLogo{
	width:230px;
}
.headerLink a{
	padding:0px 20px 0px 25px;	
	background:url('/img/arrow1.png') 8px 30px no-repeat;
	background-size:7px auto;
	letter-spacing:1px;
	font-size:13px;	
	font-weight:700;
	text-decoration:none;
	color:#070c46;
	display:block;
}
}
@media screen and (max-width: 896px) { }
/************************************************************
*	smartphone
 ************************************************************/
@media screen and (max-width: 480px) { 
.pcHidden{
	display:block;
}
.spHidden{
	display:none;	
}
#headerPC{
	display:none;	
}
#headerSP{
	display:block;
	width:100%;
	height:60px;
	background:rgba(255,255,255,0.8);
	float:left;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5000;
	text-align: center;
}
#headerMenu{
	float:left;	
	padding:18px 21px 0px;
	position:absolute;
}
#headerLogo{
	float:none;
	text-align:center;
	position:relative;
	overflow:visible;
	left:auto;
	top:auto;
	line-height:60px;
}
#headerLogo img{
	width:40px;
	margin-top:10px;
}

#headerCart{
	float:right;
	padding:0px 15px 0px 25px;
	background:url('/img/header_cart.png')  30px 19px no-repeat;
	background-size:40px auto;	
	width:90px;
	height:70px;
	font-family: 'Noto Serif JP', serif;
	line-height:70px;
	font-size:13px;	
	font-weight:700;
	letter-spacing:2px;
	position:absolute;
	right:0px;
	top:0px;
}
#headerCart #num{
	float:left;
	position:absolute;
	left:34px;
	top:14px;
	font-size:16px;	
	line-height:16px;
	text-align:center;
	width:40px;
}

#topSlideWrapper{
	width:100%;
	height:420px;
	position:relative;
}
#topSlideWrapper #topSlide{
	display:none;	
}
#topSlideWrapper #topSlideSP{	
	height:420px;
	display:block;
}
#topSlideSP .slideImg{
	height:420px;
	width:100%;
	position:relative;
	overflow:hidden;
}
#topSlideSP .slideImg img {
    position: absolute;
	  top: 0;
	  left: 50%;
	  -webkit-transform: translate(-50%, 0);
	  -ms-transform: translate(-50%,0);
	  transform: translate(-50%, 0);
	  height: auto;
}

#topSlideSP .slick-dots{
	left:15px;
	bottom:15px;	
}
#topSlideSP .slick-dots li button::before{
	font-size:10px;
}
#topMain{
	top:420px;
}
.topRecomendWrapper{
	float:left;
	width:100%;	
	padding:0px 0px;
	position:relative;
}
.topRecomendWrapper .slidePrev{
	position:absolute;
	float:left;
	left:13px;
	top:117px;
	width:25px;
	height:50px;
	z-index:9998;	
}
.topRecomendWrapper .slidePrev img{
	width:24px;
	
}
.topRecomendWrapper .slideNext{
	position:absolute;
	float:left;
	right:13px;
	top:117px;
	width:24px;
	z-index:9998;	
}
.topRecomendWrapper .slideNext img{
	width:24px;
}
.topRecomend{
	width:auto;
	margin:0px 40px;
	height:auto;
	overflow:hidden;	
}
.recomendBox{
	margin:0px 0px;
	width:280px;
	padding:0px 15px;
	height:350px;
	float:left;
	position:relative;
	text-align:center;
	color: #070c46;
}
.recomendBox .img{
	width:250px;
	height:216px;
	text-align:center;
	display:inline;	
}
.recomendBox .img img{
	width:250px;
	text-align:center;
	
}
.recomendBox .title{
	font-size:14px;
	line-height:20px;	
}
.recomendBox .detail{
	text-align:center;
	font-size:12px;
	line-height:20px;	
	padding:0px 0px 5px;
}
.recomendBox .price{
	text-align:center;
	font-size:13px;
	line-height:20px;	
	padding:5px 0px 0px;
}




.hTop1{ 
	text-align:center;
	padding:10px 15px 5px;
}
.hTop1 h2{
	border-bottom:1px solid	#070c46;
	padding:15px 11px 8px;
	letter-spacing:4px;
	font-size:17px;	
	display:block;
}
.hTop2{ 
	text-align:center;
	padding:25px 0px 15px;
}
.hTop2 h2{
	border-bottom:1px solid	white;
	padding:15px 11px 13px;
	letter-spacing:2px;
	font-size:17px;	
	display:block;
}
.topSelectWrapper{
	float:left;
	width:100%;	
	padding:0px 10px 20px;
	background:#faf9f0;
	margin-top:15px;
}
.topSelect{
	max-width:300px;
	margin:0px auto;
}
.topSelect .selectBox1{
	width:135px;
	float:left;
	margin:15px 7px;
	text-align:right;
}
.topSelect .selectBox1 h3, .topSelect .selectBox2 h3, .topSelect .selectBox3 h3{
	border-bottom:1px solid	#070c46;
	letter-spacing:2px;
	font-size:13px;	
	line-height:40px;
	margin-bottom:8px;
}
.topSelect .selectBox1 a{
	line-height:36px;
	padding:0px 5px;
	font-size:13px;	
}
.topSelect .selectBox2{
	width:135px;
	float:left;
	margin:15px 7px 5px;
	text-align:center;
}
.topSelect .selectBox2 a{
	line-height:36px;
	font-size:13px;	
}
.topSelect .selectBox3{
	width:290px;
	float:none;
	margin:5px auto;
	position:relative;
	clear:both;
}
#selectScene{
	clear:both;
}
.selectBox3 h3{
	margin-bottom:5px;
	 
 }
.topSelect .selectBox3 a{
	margin:3px;
	float:left;
}
.topSelect .selectBox3 a img{
	width:138px;	
}
#topMovieWrapper{
	padding:0px 10px 30px;
	background:#1a1a1a;
}
#topMovie{
	width:100%;
	margin:0px 0px 0px;
}
#topMovie iframe{
	width:100%;	
	height:auto;
}
#topNewsWrapper{
	float:left;
	width:100%;	
	background:white;
	padding:0px 10px 40px;
}
#topNews{
	margin:0px auto;
	width:auto;
}
#topNews dl{
	position:relative;
	padding:10px 0px;	
}
#topNews dl dt{
	float:left;
	padding:7px 15px 0px 15px;
	width:100px;
	line-height:23px;
	font-size:14px;	
	color:#070c46;	
	clear:both;
	letter-spacing:2px;
}
#topNews dl dd{
	float:left;
	padding:5px 15px 20px 15px;
	width:100%;
	line-height:23px;
	font-size:14px;	
	color:#070c46;	
}
#topGreetingWrapper{
	padding:10px 10px;
	width:100%;
	float:left;
}
#topGreeting{
	width:100%;
	margin:0px auto;	
	position:relative;
	clear:both;
	padding:0px 10px;
}
#topGreeting .img{
	float:left;	
	padding:20px 10px;
	width:100%;
	text-align:center;
}
#topGreeting .img img{
	width:200px;	
}
#topGreeting .txt{
	float:left;	
	padding:10px 0px;
	text-align:left;
	line-height:27px;
	font-size:16px;	
	clear:both;
}
#topSnsWrapper{
	float:left;
	width:100%;	
	min-height:370px;
}
#topSns{
	width:100%;
	padding:0px 10px 30px;
}
.topSnsCard{
	float:left;
	width:140px;
	height:200px;
	margin:0px 0px 0px 0px;	
}
.topSnsCard .img{
	padding-top:40px;	
	text-align:center;
	width:140px;
	float:left;
}
.topSnsCard .img img{
	width:80px;	
}
.topSnsCard .text{
	padding-top:18px;	
	text-align:center;
	line-height:21px;
	font-size:12px;
	width:140px;
	float:left;
}
#footerExpWrapper{
}
#footerExp{
	width:100%;
	padding:30px 10px;	
}
.footerExpBox{
	width:auto;
	float:left;
	clear:both;
	line-height:28px;
	padding: 0xp 10px 20px;
}
.footerExpBox h2{
	letter-spacing:2px;
	font-size:16px;	
	text-align:center;
	line-height:40px;
	margin-bottom:14px;
	padding-left:15px;
}

#footer{
	width:100%;
}
#footerLogo{
	width:100%;
	height:95px;
	float:left;
	text-align:center;
	
}
#footerLogo img{
	width:280px;
	margin-top:35px;	
}

#footerMenu{
	margin:0px auto 0px;
	width:250px;
	float:none;
}
#footerMenu .sub{
	float:left;	
	margin:0px 0px 10px;
	color:#666666;
	line-height:25px;
	min-height:auto;
	font-size:13px;
}
#footerMenu .sub .h1{
	width:240px;
	letter-spacing:2px;
	font-size:14px;
	padding-left:5px;
	margin-bottom:4px;
	line-height:33px;
}	
#footerMenu .sub .line{
	padding:5px 0px 5px 24px;	
}
#footerMenu a{
	padding-left:5px;
	font-size:13px;
	text-decoration:none;
	line-height:33px;
}
#footerSns{
	padding:35px 0px 35px;
	float:left;
	text-align:center;
}
#footerSns a{
	padding:30px 40px;
}
#footerCopy{
	width:100%;
	text-align:center;
	padding:10px 0px 20px;
	letter-spacing:1px;
	font-size:10px;	
}




}