@charset "UTF-8";
/* CSS Document */
.hidden{ display: none !important;}

@media screen and (max-width: 420px) {
	.title{/*for titletype size*/
		width: 100%;
	}
	.title_b{/*for titletype size*/
		width: 80%;
	}
}

/*
------------------------------------------------
HEADER & NEWS
------------------------------------------------
*/
@media screen and (max-width: 40em) {
	.top-logo {padding-top: 220px;}
	#header {height: 700px;}
	.header-slider{top:20px;}
	.header-content img{
	}
	#player,.bg-video_bk{opacity: 0;display: none;}
}
@media screen and (max-width: 500px) {
	.header-content img{
		width: 360px;
	}
	#header {height:570px;}
	.header-slider{top:-80px;}
	.info-con img{width: 80%!important;}
	.sp-to {height: 120px;}
	.news{
		padding-bottom: 110px;
		}
}
@media screen and (max-width: 700px) {
	#header .header-content img{width: 90%;}
	.top-logo + .sp{
		width: 95%;
		margin: auto;
	}
}
@media screen and (max-width: 320px) {
}
/*
------------------------------------------------
INNER
------------------------------------------------
*/
@media screen and (max-width: 380px) {
#info {
}
}
/*
------------------------------------------------
FOOTER
------------------------------------------------
*/
@media screen and (max-width: 40em) {
	#footer .container{
		padding:0px 20px;
}
	#footer p{
		color:#fff;
		font-size:12px;
		padding:20px 0px;
	}
}
/*
------------------------------------------------
1[NEWS]
------------------------------------------------
*/
@media screen and (min-width: 960px) {
	.slides {
			display: flex;
			height: 480px;
			width: 850px;/*2 news*/
			/*width: 850px; 3 news*/
	}
	.od1 {
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}
	.od2 {
		-ms-flex-order:3;
	  -webkit-order:3;
	  order:3;
	}
	.od3 {
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
}
@media screen and (max-width: 960px) {
	.news{
		text-align:center;
		padding-bottom: 50px;
		}
	.slides {
			display: flex;
			width: 90%;
			padding: 0;
			overflow: hidden;
			padding-bottom: 80px;
	}
	.slides img{
		width: 100%;
	}
	.od1 {
	  -ms-flex-order:1;
	  -webkit-order:1;
	  order:1;
	}
	.od2 {
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
	.od3 {
	  -ms-flex-order:3;
	  -webkit-order:3;
	  order:3;
	}
}
@media screen and (max-width: 560px) {
	.slides {
		display: flex;
			list-style-type: none;
			padding-bottom: 60px;
			overflow: hidden;
			margin: 0px auto 0px auto;
	}
	.slides img{
		width: 100%;
	}

}
/*
------------------------------------------------
2[MENU]
------------------------------------------------
*/
@media screen and (min-width: 700px) {
	.menu-list .item span.price br{display: none;}/*価格BR無効*/
	.menu-info br{}/*INFO BR無効*/
	.menu-list .item span.price{min-width: 10px !important;}
}
@media screen and (min-width: 1000px) {/*2-line style*/
	.menu-info{width:90%;}
	.menu-list>ul>li{
		display: inline-block;
		width: 45%;
		*width: 44.9%; /* IE7 Hack */
		_width: 44%; /* IE6 Hack */
		padding: 0 16px;
	}
}
@media screen and (max-width: 600px) {/*1-line style*/
	.menu-info p{
		font-size: 14px;
	}
	.menu-info{width:100%;}
	.menu-con{
		padding: 20px 40px;
		}
	.menu-con .container{
		width: 100%;
		margin: 30px auto 50px auto;
		padding: 0;
		}
	.menu-list,.series-title{
		font-size: 110% !important;
	}
	.menu-list ul ul{
		width: 100%;
		padding: 6px 0;
	}
	.menu-list .item{
		border-bottom: 2px dotted #676767;
		padding: 0px 0px 10px 0px;
	}
	.menu-list .item:last-child {
		border-bottom: 0px;
	}
	.menu-list .item .en{font-size: 100%; line-height: 80%; padding: 5px 0 0 0;}
	.menu-list .item span.info{width: 70%;}
	.menu-list .item span.price{}
}
/*
------------------------------------------------
3[ABOUT]
------------------------------------------------
*/
@media screen and (max-width: 1200px) {
	.about ul li img{
		width: 100%;
	}
	.about>ul li img {
		display:none;
	}
	.about>ul li{
		width: 100%;
	}
	.about-con .box-3 img{
		width: 28%;
		top:-250px;
		right: 5%;
	}
	.about-con .box-1 {
		text-align: center;
	}
}
@media screen and (max-width: 730px) {
	.about ul li img{
		width: 100%;
	}
	.about>ul li img {
		display:none;
	}
	.about>ul li{
		width: 100%;
	}
	.about-con{
		padding-bottom: 230px;
		padding-top:0px;
		}
	.about-con h1{
		line-height: 40px !important;
	  }
	.about-con p{
		line-height: 26px;
		}
	.about-con .box-1 {
		text-align: right;
		padding: 30px 0 20px 0;
	}
	.about-con .box-1 h1 {line-height: 50px;}
	.about-con .box-1 p br {display: none;}
	.about-con .box-3 img{
		width: 50%;
		top:20px;
		left:24%;
	}
	.about-con .box-2 p{
		margin: 40px 0 0 0;
		width: 100%;
		line-height: 20px;
	}
}
/*
------------------------------------------------
4[QUALITY]
------------------------------------------------
*/
@media screen and (max-width: 1200px) {
	.quality-con span.title,
	.quality-con span.title-b{
		left:-80px;
	}
	.quality-con .box-1a {z-index: 3; height: 300px;}
	.quality-con .box-1c {z-index: 2; height: 150px;}
	.quality-con .box-2a {z-index: 3; height: 300px;}
	.quality-con .box-2c {z-index: 2; height: 150px;}
	.quality-con .box-3a {z-index: 3; height: 300px;}

		.quality-con .box-1b img{left: -100px;}
		.quality-con .box-2b img{left: -100px;}
		.quality-con .box-3b img{left: -200px;bottom: 0px;}
		.quality-con .info {
			display: block;
			position:relative;
			top:-250px;
			left:450px;
			width: 45%;
		}
}
@media screen and (max-width: 840px) {
	.quality-con span.qutitle-1,
	.quality-con span.qutitle-2,
	.quality-con span.qutitle-3{
		margin: 0;
	}
	.quality-con span.title,
	.quality-con span.title-b{
		margin: 0 auto;
		left:-5px;
	}
	.quality-con .info {
		display: block;
		position:relative;
		top:-100px;
		left:0;
		width: 100%;
	}
	.quality-con .box-1c{
		height: 200px;
	}
	.quality-con .box-2c{
		height: 200px;
	}
	.quality-con .box-1b img{
		margin: 0 auto;
		top:-300px;
		width: 90%;
		left: 5%;
	}
	.quality-con .box-2b img{
		margin: 0 auto;
		top:470px;
		width: 90%;
		left: 5%;
	}
	.quality-con .box-3b img{
		margin: 0 auto;
		top:1010px;
		width: 100%;
		left: 0px;
	}
}
@media screen and (max-width: 630px) {
	.quality-con span.qutitle-1,
	.quality-con span.qutitle-2,
	.quality-con span.qutitle-3{
		margin: 0 auto;
	}
	.quality-con .box-1a {z-index: 3; height: 300px;}
	.quality-con .box-1c {z-index: 2; height: 250px;}
	.quality-con .box-2a {z-index: 3; height: 300px;}
	.quality-con .box-2c {z-index: 2; height: 250px;}
	.quality-con .box-3a {z-index: 3; height: 300px;}
	.quality-con .box-1a{
		margin: 0 auto;
	}
	.quality-con .box-1c{
		height: 160px;
	}
	.quality-con .box-2c{
		height: 160px;
	}
	.quality-con .box-1b img{
		margin: 0 auto;
		top:-150px;
		width: 90%;
		left: 5%;
	}
	.quality-con .box-2b img{
		margin: 0 auto;
		top:600px;
		width: 90%;
		left: 5%;
	}
	.quality-con .box-3b img{
		margin: 0 auto;
		top:1080px;
		width: 100%;
		left: 0px;
	}
}
@media screen and (max-width: 480px) {
	.quality-con .box-1b img{
		top:-80px;
	}
	.quality-con .box-2b img{
		top:660px;
	}
	.quality-con .box-3b img{
		top:1180px;
	}
}
@media screen and (max-width: 380px) {
	.quality-con .box-1b img{
		top:-50px;
	}
	.quality-con .box-2b img{
		top:560px;
	}
	.quality-con .box-3b img{
		top:1080px;
	}
}

/*
------------------------------------------------
5[QUALITY 2]
------------------------------------------------
*/
@media screen and (max-width: 1200px) {
	.quality2-con .container{
		width: 90%;
		}
}
@media screen and (max-width: 840px) {
	.quality2-con{
		padding-top: 40px;
		padding-bottom:30px;
		}
	.quality2-con .container{
		margin: 0 auto;
		padding: 0;
		width: 90%;
		}
.quality2-con ul li{
	width: auto !important;
	display: inline-grid;
	margin: 20px 0;
}
}
/*
------------------------------------------------
6[STORE]
------------------------------------------------
*/
@media screen and (max-width: 1200px) {
	ul.store-list li.store_map {
		width:auto;
		padding-left: 20px;
	}
	ul.tab-area{
		margin:0 auto 30px auto;
		padding: 0;
		text-align: center;
		}
	ul.store-list{
		text-align: center;
		}
	ul.store-list ul{
		text-align: center!important;
		}
	ul.store-list li.store_info{
		width: 40%;
		}
}
@media screen and (max-width: 1000px) {
	.store .content-area ul.store-list{
		padding: 0 10%;
		text-align: left;
	}
	.store .store_map img{
		width: auto;
	}
	ul.store-list li {
		display:block;
	}
	.store_name br{display: none;}
	ul.store-list li.store_name {
		margin: 0;
		padding:0 0 20px 0;
		width:auto;
		text-align: center;
	}
	ul.store-list li.store_name p{
		font-size: 20px;
		padding: 12px 20px;
		margin: 0;
	}
	ul.store-list li.store_info{
		width: auto;
	}
	.store li.store_info p{
		font-size: 90% !important;
	}
	ul.store-list li.store_map {
		text-align:left;
		padding-left: 0px;
	}
	ul.store-list li.store_map ul{
	}
}
/*
------------------------------------------------
a[Global]
------------------------------------------------
*/
@media screen and (min-width: 900px) {
ul.loc-point li:hover{
	margin: -10px 0 0 0;
}
a.go-to-globalpage{
	top:-40px;
	left:20px;
}
}
@media screen and (max-width: 900px) {
	.global .world-map{
		background-size: 150%;
}
ul.loc-point{
	position: relative;
	width: 100%;
	margin: 20px 0 0 0;
}
a.go-to-globalpage{
	top:0px;
	left:0px;
}
}
@media screen and (max-width: 600px) {
	.global{
		padding-bottom: 80px;
		}
	.global .world-map{
		background-size: 200%;
		margin-top:-400px;
	}
	ul.loc-point{
		position: relative;
		width: 100%;
		margin: 20px 0 0 0;
	}
	ul.loc-point li{
		background: #fff;
		position: relative;
		top:0!important;
		left: 0!important;
		border-radius: 0;
		width: 100%;
		height: auto;
		margin: 5px 0;
		opacity: 1;
	}
	ul.loc-point li p,ul.loc-point li.ndline p{
		padding: 0;
	}
	a.go-to-globalpage{
		top:0;
		left:0;
		position: relative;
		margin-top: 10px;
	}
}
/*
------------------------------------------------
[IDEA]
------------------------------------------------
*/
@media screen and (max-width: 1200px) {
	.auroralogo_a{
		left: 5%;
	}
	.auroralogo_b{
		right:2%;
	}
}
@media screen and (max-width: 880px) {
	/*deerioca*/
	span.deerioca-info{
	}
	.deerioca_bg{
		background-size: 140%;
		background-position: top;
	}
	.deerioca ul li.box_2{
		width: 85% !important;
	}
	/*aurora*/
	.auroralogo_a{
		left: -20px;
	}
	.auroralogo_b{
		right:-80px;
	}
}
@media screen and (max-width: 520px) {
	.idea-con{
		padding: 80px 0;
		}
	/*aurora*/
	span.aurora-info p{
		padding: 0 40px;
	}
}

/*
------------------------------------------------
5[CONTACT]
------------------------------------------------
*/
@media screen and (max-width: 800px) {
.contact{
	padding-bottom: 60px;
	padding-top: 60px;
}
}
@media screen and (min-width: 520px) {
.contact br{display: none;}/*BR無効*/
}

/* snbox */
#menu-nav li.snbox{width: 120px;margin: 5px auto 10px auto;}
#menu-nav li.snbox img{width: 28px; height: 28px;}
#menu-nav li.snbox a{ width: auto;margin: 0 5px; padding: 0; display: inline-block;}
@media screen and (max-width: 840px) {
	#menu-bar #menu-nav ul li.snbox a,
	#menu-bar.fixed #menu-nav ul li.snbox a {
		display: none;
}