@media only screen and (max-width: 640px){
	#main .main-inner{
		padding:0 15px;
	}
}

#main .main-inner .rim-tpl-inner-wrap{
	font-family: 'BIZ UDPGothic', Arial, Helvetica, sans-serif;
}
#main .main-inner .title-lv2 span{
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}


#main .main-inner .mainvision{
	margin-top:120px;
}
#main .mainvision .left-part{
	width:47%;
	padding-left: 0;
	padding-right:3%;
}
#main .main-inner .right-part{
	width:47%;
	padding-left: 3%;
}
#main .main-inner .right-part .logo{
	padding-top: 10%;
	text-align: center;
}
@media only screen and (max-width: 640px){
	#main .mainvision .left-part{
		width:100%;
		padding-left: 0;
		padding-right:0;
	}
	#main .main-inner .right-part{
		width:100%;
		padding-left: 0%;
	}

}
/* #gall
==============================*/
#gall{
	width:100%;
	
}
#gall .slick-list{
	position: relative;
	margin-bottom: 60px;
	
}
@media only screen and (max-width: 640px){
	#gall{
		height: auto;
	}
	#gall .slick-list{
		margin-left:-10px;
		margin-right:-10px;
		margin-bottom: 100px;
		overflow: visible;
	}
}

/* slide */
#gall .slick-slide{
	position: relative;
	margin:0 ;
	background:#f8f8f4;
}
#gall .slick-slide img{
	display: block;
	transition:0.3s;
	opacity: 0.5;
	width:100% !important;
}
@media only screen and (max-width: 640px){
	#main .other .pic-wrap{
		width:100%;
	}
	#gall .slick-slide{
		margin:0;
	}
}
#gall .slick-slide span{
	position: absolute;
	width:100%;
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	padding:8px 10px;
	box-sizing: border-box;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	transition:0.3s;
	opacity: 0;
}
#gall .slick-slide span small{
	display:block;
	float:right;
	font-size:80%;
	margin-top:1px;
	font-weight:normal;
}
#gall .slick-slide.slick-active img,
#gall .slick-slide.slick-active span{
	opacity: 1;
}
@media only screen and (max-width: 640px){
	#gall .slick-slide{
		margin:0 2px;
	}
	#gall .slick-slide span{
		font-size:12px;
	}
}

/* arrow */
#gall .slick-arrow{
	position: absolute;
	top:40%;
	width:32px;
	height:62px;
	overflow: hidden;
	text-indent:200%;
	background:url(../img/bod_acc.png) no-repeat;
	background-size:contain;
	margin-top:-17px;
	z-index:5;
	border:none;
	cursor: pointer;
}
#gall .slick-arrow:hover{
	opacity: 0.6;
}
#gall .slick-arrow.slick-next{
	right:0;
	
	-webkit-transform: rotate(180deg);transform: rotate(180deg);
}
#gall .slick-arrow.slick-prev{
	left:0;
	
	
}
@media only screen and (max-width: 640px){
	#gall .slick-arrow.slick-next{
		right:10px;
		top: 45%;
	}
	#gall .slick-arrow.slick-prev{
		left:10px;
		top: 45%;
	}
}

/* dots */
#gall .slick-dots{
	width:25%;
	position:absolute;
	left:40%;
	bottom:0px;
	margin-left: auto;
	margin-right: auto;
	
}
@media only screen and (max-width: 640px){
	#gall .slick-dots{
		bottom: -70px;
	}
}
#gall .slick-dots li{
	display:inline-block;
	font-size:0;
	margin:5px;
}
#gall .slick-dots li button{
	display:block;
	width:10px;
	height:10px;
	border-radius: 50%;
	border:none;
	background-color:#c8c8c8;
	overflow: hidden;
	text-indent:200%;
	cursor: pointer;
	
}
#gall .slick-dots li.slick-active button{
	background-color:#646464;
}

#main .sec-title{
	padding-left: 8px;
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #333;
}
#main .main-inner .news dl{
	padding-left: 8px;
}
#main .main-inner .news dl dt,
#main .main-inner .news dl dd{
	width: auto;
	margin: 0 20px 0 0;
	float: left;
	font-size: 16px;
}
#main .gallery{
	margin-top:100px;
}
@media only screen and (max-width: 640px){
	#main .gallery{
		margin-top:60px;
	}
}
#main .gallery .bnr{
	max-width:980px;
	margin:35px auto;
	position: relative;
	transition: all .3s;
}
#main .gallery .bnr img{
	width:100%;
}
#main .gallery .bnr a{
	display: inline-block;
	font-size: 14px;
	width: 160px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-radius: 24px;
	background: #fff;
	position: absolute;
	right:50px;
	top:50%;
	margin-top: -21px;
	color:#333;
}
@media screen and (max-width: 640px){
	#main .gallery .sec-title img{
		width:52vw;
		height: auto;
	}
	#main .gallery .bnr{
		width:auto;
		height: auto;
	}
	#main .gallery .bnr img{
		width:100%;
	}
	#main .gallery .bnr a{
		width: 220px;
		height: 60px;
		line-height: 60px;
		border-radius: 34px;
		font-size: 16px;
		right:25px;
		top:60%;
		left:calc(50% - 110px);
	}
}
#main .gallery .bnr:hover{
	opacity: 0.8;
}
#main .gallery .bnr a:after{
	content: "";
	width:7px;
	height: 12px;
	display: inline-block;
	position: absolute;
	top:16px;
	right: 14px;
	background: url("../img/icon-arrow-r2.png") no-repeat;
	background-size: 100%;
}
#main .gallery .bnr:hover a{
	text-decoration: none;
	color:#fff;
	background:#4d4d4d;
	/*background: url("../img/icon-arrow-r.png") no-repeat;*/
}
#main .gallery .bnr:hover a:after{
	background: url("../img/icon-arrow-r.png") no-repeat;
	background-size: 100%;
}
@media screen and (max-width: 640px){
	#main .gallery .sec-title img{
		width:52vw;
		height: auto;
	}
	#main .gallery .bnr{
		width:auto;
		height: auto;
	}
	#main .gallery .bnr img{
		width:100%;
	}
	#main .gallery .bnr a:after{
		content: "";
		width:9px;
		height: 14px;
		display: inline-block;
		position: absolute;
		top:24px;
		right: 28px;
		background: url("../img/icon-arrow-r2.png") no-repeat;
		background-size: 100%;
	}
	#main .gallery .bnr:hover a{
		text-decoration: none;
		color:#fff;
		background:#4d4d4d;
		/*background: url("../img/icon-arrow-r.png") no-repeat;*/
	}
	#main .gallery .bnr:hover a:after{
		background: url("../img/icon-arrow-r.png") no-repeat;
		background-size: 100%;
	}
	
}

#main .main-inner .lead{
	font-size: 28px;
	margin-top: 85px;
	margin-bottom: 120px;
}
#main .main-inner .lead a{
	color:#333;
}
@media screen and (max-width: 640px){
	#main .main-inner .lead{
		font-size: 24px;
		margin-top: 45px;
		margin-bottom: 60px;
	}
}

#main .main-inner .lineup ul {
	padding: 20px 0 50px;
}

#main .main-inner .lineup ul li {
	display: inline-block;
	margin: 0 0.91836734693%;
	text-align: center;
	vertical-align: top;
	width: 29.79%;/* 292/980 */
}

#main .main-inner .lineup ul li .txt{
	font-size: 16px;
}
#main .main-inner .lineup ul li .store-btn{
	text-align: center;
}
#main .main-inner .lineup ul li .store-btn a{
	margin:0 auto;
	display: inline-block;
}
#main .main-inner .lineup ul li .store-btn a img{
	width:210px;
	margin:0 auto;
}
@media screen and (max-width: 640px) {

	#main .main-inner .lineup ul {
	text-align: center;
	padding: 0 0 40px;
	}
	#main .main-inner .lineup ul li {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		padding: 10px 0;
		margin: 0;
	}
	.ie7 #main .main-inner .lineup ul li {
		width: 100%;
		display: inline;
		margin-bottom: 20px;
		zoom:1;
	}
	#main .main-inner .lineup ul li img {
		max-width: 292px;
	}
	

}
#main .main-inner .recommended{
	margin-top:60px;
}
@media screen and (max-width: 640px){
	#main .main-inner .recommended{
		margin-top:30px;
	}
}
#main .main-inner .relative-items{
	margin-top:20px;
}

@media screen and (max-width: 640px) {
	#main .main-inner .relative-items img{
		width: 100%;
	}
}

@media screen and (min-width: 641px) and (orientation: landscape) {
	#main .main-inner .right-part .logo{

	}

}