@charset "UTF-8";
@import url("cart__q97367976.css");

.top_main{
	position:relative;
	margin:123px 0 0 0;
	background:url('../../_tpl/flat-2000x645-2f2e36.svg') repeat-x 0 0;
	text-align:center;
	height:645px;
}
.top_main2{
	position:relative;
	margin:123px 0 0 0;
	background:url('../../_tpl/flat-2000x645-2f2e36.svg') repeat-x 0 0;
	text-align:center;
	height:645px;
}
.top_main_ladys{
	margin:75px 0 0 0;
	background:url('../../_tpl/flat-2000x645-f8f8f8.svg') repeat-x 0 0;
	text-align:center;
	height:645px;
}
.top_main img,
.top_main_ladys img{
	width:100%;
	height:auto;
}
.top_main_detail2,
.top_main_detail{
	position:absolute;
	left:0;
	top:0;
	color:#FFF;
	margin:auto 0;
	width:600px;
	text-align:center;
}
.top_main_ladys .top_main_detail2{
	color:#262626;
}

.top_main_img{
	position:relative;
	margin:123px 0 0 0;
	text-align:center;
	height:auto;
}
.top_main_img .inner{
	position:relative;
}
.top_main_img img{
	width:100%;
	height:auto;
}
.top_main_img .top_main_img_detail{
	position:absolute;
	left:0;
	right:0;
	bottom:30px;
	color:#FFF;
	text-align:center;
	margin:auto;
}
.top_main_img .top_main_img_detail p.btn a{
	display:block;
	background:#e74a46;
	width:490px;
	height:50px;
	line-height:50px;
	font-size:150%;
	text-align:center;
	margin:0px auto;
	color:#FFF;
	transition:1.0s;
}
.top_main_img .top_main_img_detail p.btn a:hover{
	background:rgba(231,74,70,0.7);
}
@media(max-width: 1200px) {
	.top_main_img .top_main_img_detail p.btn a{
		height:40px;
		line-height:40px;
		font-size:18px;
	}
}
@media(max-width: 1000px) {
	.top_main_img .top_main_img_detail{
		bottom:20px;
	}
}
@media(max-width: 768px) {
	.top_main_img{
		margin:50px 0 0 0;
	}
	.top_main_img .top_main_img_detail{
		bottom:10px;
	}
	.top_main_img .top_main_img_detail p.btn a{
		width:70%;
	}
	.top_main_img .top_main_img_detail p.btn a{
		height:30px;
		line-height:30px;
		font-size:16px;
	}
}
.top_main_video{
	margin:75px 0 0 0;
	background:url('../../_tpl/flat-2000x645-f8f8f8.svg') repeat-x 0 0;
	text-align:center;
	height:645px;
	overflow:hidden;
	position: relative;
}
.top_main_video video{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:150%;
	height:auto;
	z-index:3;
}
.top_main_video .top_main_detail2{
	background-color:rgba(0,0,0,0.2);
	padding:20px;
	margin:100px auto 0 auto;
	right:0;
	width:540px;
	z-index:9;
}
.top_main_video .top_main_detail2 h1{
	margin:0;
}
@media(max-width: 1050px) {
	.top_main_video video{
		width:170%;
	}
}
@media(max-width: 768px) {
	.top_main_video{
		margin:50px 0 0 0;
		height:250px;
	}
	.top_main_video .top_main_detail2{
		width:100%;
		margin:20px auto;
		z-index:9;
		padding:20px 0;
		
	}
	.top_main_video .top_main_detail2 p.btn a{
		margin:0px auto;
	}
	.top_main_video video{
		position:absolute;
		margin:auto;
		top:0;
		bottom:0;
		left:0;
		right:0;
		width:180%;
		height:auto;
		z-index:3;
	}
}
@media(max-width: 374px) {
	.top_main_video{
		height:230px;
	}
}
.top_main_detail2 h1,
.top_main_detail h1{
	margin:130px 0 0 0;
	font-size:320%;
	font-weight:normal;
	line-height:150%;
	letter-spacing:3px;
}
.top_main_detail2 h1{
	font-size:240%;
}
.top_main_detail2 h1.top_h2_makuake{
	font-size:370%;
	font-weight:bold;
	text-align:left;
	margin-left:50px;
}

.top_main_detail2 p.price,
.top_main_detail p.price{
	font-size:250%;
	margin:50px 0;
}

.top_main_detail2 p.top_p{
	font-size:138%;
	margin:30px 0;
	line-height:180%;
}

.top_main_detail2 p.btn,
.top_main_detail p.btn{
}
.top_main_detail2 p.btn a,
.top_main_detail p.btn a{
	display:block;
	background:#e74a46;
	width:490px;
	height:70px;
	line-height:70px;
	font-size:150%;
	text-align:center;
	margin:0px auto;
	color:#FFF;
	transition:1.0s;
}
.top_main_detail2 p.btn a:hover,
.top_main_detail p.btn a:hover{
	background:rgba(231,74,70,0.7);
}

/*--------------------*/
.top_main_youtube_detail{
	position:absolute;
	left:0;
	top:0;
	color:#FFF;
	margin:auto 0;
	width:33%;
	text-align:center;
}
.top_main_youtube{
	position:absolute;
	right:0;
	top:70px;
	color:#FFF;
	margin:auto 0;
	width:64%;
}
.top_main_youtube_detail_s{
	width:590px;
}
.top_main_youtube_s{
	width:60%;
}

.top_main_youtube iframe{
	width:100%;
	height:500px;
}
.top_main_youtube_detail h1{
	margin:100px 0 30px 0;
	font-size:240%;
	line-height:150%;
	letter-spacing:2px;
	font-weight:bold;
}
.top_main_youtube_detail_s h1{
	margin:60px 0 30px 0;
}
.top_main_youtube_detail p.sub{
	font-size:200%;
	font-weight:normal;
	line-height:130%;
	letter-spacing:2px;
}
.top_main_youtube_detail p.sub_s{
	font-size:138%;
	font-weight:normal;
	line-height:130%;
	letter-spacing:2px;
}
.top_main_youtube_detail p.sub_s span{
	font-weight:bold;
}
.top_main_youtube_detail p.price{
	font-size:250%;
	font-weight:normal;
	margin:30px 0 50px 0;
}
.top_main_youtube_detail p.price2{
	font-size:250%;
	font-weight:normal;
	margin:30px 0 10px 0;
}
.top_main_youtube_detail p.price2 span{
	font-size:40%;
}
.top_main_youtube_detail p.coupon{
	font-size:138%;
	margin:0 0 30px 0;
}
.top_main_youtube_detail p.day{
	font-size:138%;
	margin:10px 0 0 0;
	text-align:center;
}

.top_main_youtube_detail p.btn{
}
.top_main_youtube_detail p.btn a{
	display:block;
	background:#e74a46;
	width:100%;
	height:70px;
	line-height:70px;
	font-size:150%;
	text-align:center;
	margin:0px auto;
	color:#FFF;
	transition:1.0s;
}
.top_main_youtube_detail p.btn a:hover{
	background:rgba(231,74,70,0.7);
}

@media(max-width: 768px) {
	.top_main2{
		position:relative;
		margin:50px 0 0 0;
		background:url('../../_tpl/flat-2000x645-2f2e36.svg') repeat-x 0 0;
		text-align:center;
		height:auto;
		padding:0 0 20px 0;
	}
	.top_main_youtube_detail{
		width:100%;
		position:relative;
		top:0;
		right:0;
	}
	.top_main_youtube_detail_s{
		background:url("../img/top/top_suit.png.webp") no-repeat right -50px top 50px;
		background-size:100% auto;
		padding:20px 10px;
		text-align:left;
	}
	.top_main_youtube{
		width:100%;
		position:relative;
		top:0;
		right:0;
	}
	.top_main_youtube iframe{
		width:100%;
		height:210px;
	}

	.top_main_youtube_detail h1{
		margin:0;
		padding:0 0 10px 0;
		font-size:160%;
		line-height:120%;
		letter-spacing:0;
		font-weight:bold;
	}
	.top_main_youtube_detail p.sub{
		font-size:140%;
		font-weight:normal;
		line-height:130%;
		letter-spacing:2px;
		margin:10px 0 0 0;
	}
	.top_main_youtube_detail p.sub_s{
		font-size:108%;
		font-weight:normal;
		line-height:130%;
		letter-spacing:2px;
		margin:10px 0 0 0;
	}
	.top_main_youtube_detail p.price{
		font-size:180%;
		font-weight:normal;
		margin:10px 0;
	}
	.top_main_youtube_detail p.price2{
		font-size:200%;
		font-weight:bold;
		margin:15px 0;
	}
	.top_main_youtube_detail p.coupon{
		font-size:128%;
		margin:0 0 10px 0;
	}

	.top_main_youtube_detail p.btn{
		width:80%;
		margin:0px auto;
	}
	.top_main_youtube_detail p.btn a{
		display:block;
		background:#e74a46;
		width:100%;
		height:40px;
		line-height:40px;
		font-size:120%;
		text-align:center;
		margin:0px auto;
		color:#FFF;
		transition:1.0s;
	}
}

/*--------------------*/

.top_nouki{
	display:none;
}

.top_main_bar{
	background:#e74a46;
	color:#FFF;
	width:100%;
	padding:10px 0;
	z-index:99999;
}
.black{
	background:#000;
}
.top_main_bar .inner{
	text-align:left;
}
.top_main_bar p{
	font-size:107%;
}
.top_main_bar p span.price{
	font-size:120%;
	font-weight:bold;
	margin:0 20px;
}
.top_main_bar p span.day{
	letter-spacing:2px;
}

.top_main_bar .top_main_bar_btn{
	position:absolute;
	right:0;
	top:-3px;
}

.top_main_bar .top_main_bar_btn a{
	display:block;
	background:#001c58;
	color:#FFF;
	padding:5px 20px;
	font-size:92%;
	transition:1.0s;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}
.top_main_bar .top_main_bar_btn a:hover{
	background:rgba(0,28,88,0.7);
}
@media(max-width: 768px) {
	.top_main,
	.top_main_ladys{
		margin:50px 0 0 0;
		height:auto;
	}
	.top_main_detail{
		position:absolute;
		left:0;
		top:0;
		color:#FFF;
		margin:auto 0;
		width:62%;
		text-align:center;
	}
	.top_main_detail h1{
		margin:20px 0 0 0;
		font-size:108%;
	}
	.top_main_detail p.price{
		font-size:108%;
		margin:20px 0;
	}
	.top_main_detail p.btn a{
		font-size:88%;
		width:90%;
		height:40px;
		line-height:40px;
	}

	.top_main_detail2{
		position:absolute;
		left:0;
		top:0;
		color:#FFF;
		margin:auto 0;
		width:75%;
		text-align:center;
	}
	.top_main_detail2 h1{
		margin:20px 0 0 0;
		font-size:100%;
		font-weight:bold;
	}
	.top_main_detail2 h1.top_h2_makuake{
		font-size:117%;
		margin-left:20px;
	}

	.top_main_detail2 p.price{
		font-size:100%;
		margin:15px auto 15px 10px;
		width:75%;
		text-align:center;
	}
	.top_main_detail2 p.btn a{
		font-size:88%;
		width:75%;
		height:40px;
		line-height:40px;
		margin:0 auto 0 10px;
	}
	.top_main_detail2 p.top_p{
		font-size:13px;
		margin:30px 0 0 0;
		line-height:180%;
	}

	.top_nouki{
		display:block;
		background:#ececec;
		color:#263e71;
		padding:5px 10px;
		text-align:center;
		font-weight:bold;
		font-size:78%;
		line-height:130%;
	}
	.top_nouki span{
		color:#e74a46;
		font-size:136%;
		margin:0 5px;
	}

	.top_main_bar{
		padding:10px 0;
		position:relative;
		z-index:997;
	}
	.top_main_bar p{
		text-align:center;
		font-size:100%;
	}
	.top_main_bar p span.price{
		font-size:100%;
		font-weight:bold;
		margin:0 0 0 20px;
	}
	.top_main_bar p span.day{
		display:none;
		letter-spacing:0px;
	}
	.top_main_bar .top_main_bar_btn{
		position:relative;
		width:92%;
		margin:5px auto 0 auto;
	}

}
@media(max-width: 374px) {
	.top_main_detail h1{
		margin:20px 0 0 0;
		font-size:92%;
		text-align:center;
	}
	.top_main_detail p.price{
		font-size:100%;
		margin:10px auto 10px 10px;
	}
	.top_main_detail p.btn a{
		font-size:78%;
		height:35px;
		line-height:35px;
	}
	.top_main_detail2 h1{
		margin:10px 0 0 0;
		font-size:88%;
		text-align:center;
	}
	.top_main_detail2 p.price{
		font-size:92%;
	}
	.top_main_detail2 p.btn a{
		font-size:78%;
		height:35px;
		line-height:35px;
	}
}
/*--------------------*/

.top_title{
	text-align:center;
	margin:80px 0 50px 0;
}
.top_title h2{
	font-weight:normal;
	font-size:107%;
	margin:10px 0;
}
@media(max-width: 767px) {
	.top_title{
		margin:30px 0;
	}
	.top_title h2{
		font-weight:normal;
		font-size:82%;
		margin:5px 0;
	}
	.top_title img{
		height:30px;
		width:auto;
	}
}

.more_btn{
	width:350px;
	margin:80px auto;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:107%;
}
.more_btn a{
	display:block;
	background:#001c58;
	color:#FFF;
	transition:1.0s;
}
.more_btn a:hover{
	background:rgba(0,28,88,0.7);
}
@media(max-width: 767px) {
	.more_btn{
		width:80%;
		margin:20px auto 30px auto;
		font-size:100%;
		height:40px;
		line-height:40px;
	}
}
/*--------------------*/

.top_item{
}

.top_item2{
	border-top:1px solid #d9d9d9;
}

.top_item_center{
	position: relative;
}
.top_item_center ul{
	position: relative;
	left: 50%;
	float:left;
}
.top_item_center ul li{
	position: relative;
	left: -50%;
	float:left;
	margin:20px;
}

.top_itemlist{
	margin:0 0 0 -15px;
}

.top_itemlist li{
	float:left;
	margin:0 0 15px 15px;
	width:390px;
}

.top_itemdetail{
	border:1px solid #cacaca;
	padding:15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	position:relative;
}
.top_itemdetail .icon1{
	position:absolute;
	top:8px;
	left:8px;
	background:#e74a46;
	color:#FFF;
	width:50px;
	height:50px;
	line-height:50px;
	font-size:72%;
	text-align:center;

	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}
.top_itemdetail .icon2{
	position:absolute;
	top:8px;
	left:8px;
	background:#4a5e89;
	color:#FFF;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:40%;

	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}
.top_itemdetail .icon5{
	position:absolute;
	top:8px;
	left:8px;
	background:#FF6699;
	color:#FFF;
	width:50px;
	height:50px;
	padding:15px 0 0 0;
	line-height:100%;
	text-align:center;
	font-size:40%;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	display:none;
}
.top_itemdetail .icon_img{
	position:absolute;
	top:8px;
	left:8px;
	background:#4a5e89;
	color:#FFF;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:40%;

	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}
.top_itemdetail .icon_img img{
	width:100%;
	height:auto;
}

.top_itemdetail .img{
	margin:0 0 5px 0;
	height:240px;
	overflow:hidden;
}
.top_itemdetail .img img{
	width:100%;
	height:auto;
}
.top_itemdetail .title{
	text-align:left;
	color:#3f3f3f;
	font-size:92%;
	line-height:130%;
}
.top_itemdetail .price{
	text-align:right;
	margin:10px 0;
	color:#c40000;
	font-size:107%;
	font-weight:bold;
}
.top_itemdetail .price span{
	font-size:82%;
}
.top_itemdetail .detail{
	font-size:88%;
	color:#3f3f3f;
	line-height:130%;
	height:36px;
	overflow:hidden;
}

.top_itemdetail .sale_moto_price{
	float:right;
	text-align:right;
	color:#000;
	font-size:100%;
	padding:5px;
}
.top_itemdetail .sale_moto_price span{
	position:relative;
}
.top_itemdetail .sale_moto_price span:after{
	content:"";
	border-bottom:2px solid #e74a46;
	width:100%;
	position:absolute;
	top:10px;
	left:0;
}

.top_itemdetail .sale_icon_price{
	float:right;
	text-align:right;
	color:#e74a46;
	font-size:100%;
	padding:5px 5px 5px 10px;
	font-weight:bold;
	margin:5px 0 0 0;
}
.sale_soldout{
	text-align:center;
	margin:20px 0 0 0;
	color:#e74a46;
	font-weight:bold;
	font-size:118%;
}
.sale_cart_btn{
	width:100%;
	margin:10px auto 0 auto;
	display:block;
	background:#e74a46;
	color:#FFF;
	padding:10px 0;
	text-align:center;
	border:none;
	font-size:112%;
	transition:1.0s;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
}
.sale_cart_btn:hover{
	
	background:rgba(231,74,70,0.7);
}
.sale_top_p h1{
	font-weight:bold;
	font-size:152%;
	text-align:center;
	color:#263e71;
}
.sale_top_p,
.sale_top_p3{
	line-height:180%;
	margin:0;
}
.sale_top_p2{
	clear:both;
	line-height:180%;
	margin:0 0 60px 0;
	text-align:center;
	font-size:118%;
	padding:30px 0 0 0;
	font-weight:bold;
}

.top_itemdetail .sale_icon,
.top_itemdetail .sale_icon2{
	float:right;
	text-decoration:none;
	margin:0 0 0 10px;
	color:#e74a46;
	background:#F9DCDA;
	padding:5px;
	width:90px;
	text-align:center;
	font-size:90%;
}
.par_icon{
	background:#e74a46 !important;
	color:#FFF !important;
	font-size:100% !important;
}

.top_itemdetail .sale_icon2{
	margin:5px 0 0 0;
	font-size:90%;
}
.top_itemdetail .sale_price{
	margin:10px 0;
	color:#c40000;
	font-size:114%;
	font-weight:bold;
	text-align:right;
}
.top_itemdetail .sale_price span{
	font-size:82%;
}
.top_itemdetail .sale_price span.sale_moto_price{
	font-size:100%;
}


.top_itemlist li a .top_itemdetail{
	transition:0.8s;
}
.top_itemlist li a:hover .top_itemdetail{
/*	background:rgba(255,168,31,0.6);*/
	background:rgba(187,187,187,0.5);
}

.top_itemlist .sale_title{
	border-left:none;
}
@media(max-width: 1199px) {
	.top_itemlist li{
		float:left;
		margin:1%;
		width:31.3%;
	}
	.top_itemdetail{
/*
		height:400px;
*/
	}
}
@media(max-width: 767px) {
	.sale_top_p{
		margin:30px 0 0 0;
	}
	.sale_top_p2{
		width:94%;
		margin:0 auto 30px auto;
		padding:0;
		font-size:100%;
		text-align:left;
	}
	.sale_top_p3{
		width:94%;
		margin:0 auto;
	}
	.top_item_center{
		position: relative;
	}
	.top_item_center ul{
		left:0;
		float:none;
	}
	.top_item_center ul li{
		width:100%;
		position: relative;
		left:0;
		float:none;
		margin:10px 0;
	}


	.top_itemdetail .icon{
		top:2px;
		left:2px;
	}
	.top_itemlist{
		width:94%;
		margin:0 3%;
	}

	.top_itemlist li{
		float:none;
		margin:10px 0;
		width:100%;
		height:auto;
	}
	.top_itemlist li:nth-child(n+4) {
		display:none;
	}
	.top_itemtwolist li:nth-child(n+4) {
		display:block !important;
	}
	.top_itemdetail{
		padding:10px;
		height:auto;
	}
	.top_itemdetail .img{
		height:auto;
	}
	.top_itemdetail .img img{
		width:100%;
	}
	.top_itemdetail .icon1,
	.top_itemdetail .icon2,
	.top_itemdetail .icon5,
	.top_itemdetail .icon_img
		top:3px;
		left:3px;
	}
	.top_itemdetail .detail{
/*
		height:auto;
*/
	}
}

/*--------------------*/

.top_point{
	border-top:1px solid #d9d9d9;
	padding:0 0 80px 0;
}
.pointlist{
}
.pointlist li{
	margin:0 0 40px 0;
}
.point1{
	background:url("../img/top/top_point1.jpg") no-repeat 0 0;
}
.point2{
	background:url("../img/top/top_point2.jpg") no-repeat 0 0;
}
.point3{
	background:url("../img/top/top_point3.jpg") no-repeat 0 0;
}
.point4{
	background:url("../img/top/top_point4.jpg") no-repeat 0 0;
}
.point5{
	background:url("../img/top/top_point5.jpg") no-repeat 0 0;
}

.point_img{
	float:right;
}
.point_detail{
	float:left;
	width:540px;
	padding:0 0 0 75px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.point_detail h3{
	font-size:186%;
	font-weight:normal;
	margin:10px 0;
}
.point_detail p{
	line-height:130%;
	font-size:92%;
}
@media(max-width: 767px) {
	.top_point{
		padding:0 0 20px 0;
	}
	.point_img{
		float:none;
		text-align:center;
	}
	.point_img img{
		width:94%;
	}
	.point_detail{
		float:none;
		width:94%;
		margin:0px auto;
		padding:0 0 0 45px;
	}
	.point_detail h3{
		font-size:132%;
		padding:5px 0 0 0;
	}
	.point1,
	.point2,
	.point3,
	.point4,
	.point5{
		background-size:35px auto;
	}


}
/*--------------------*/

.top_voice{
	background:#f0f0f0;
	padding:20px 0 50px 0;
}

.top_voicelist{
	padding:30px 0 0 0;
	float:left;
	width:50%;
	text-align:center;
}
.top_voice_img{
	margin:0 30px 0 0;
}
.top_voice_detail{
	margin:20px 0 0 0;
	color:#001c58;
}
.top_voice_detail h3{
	text-align:center;
	color:#e74a46;
	font-size:128%;
	margin:0 0 20px 0;
}
.top_voice_detail h4{
	margin:10px 0;
}
.top_voice_detail p{
	line-height:140%;
	font-size:92%;
}
@media(max-width: 767px) {
	.top_voice{
		padding:20px 0;
	}
	.top_voicelist_over{
		width:100%;
		overflow: scroll;
	}
	.top_voicelist_in{
		width:650px;
	}
	.top_voicelist{
		padding:10px 20px 50px 20px;
		width:280px;
	}

	.top_voicelist h3{
		text-align:center;
		color:#ffa81f;
		font-size:100%;
		margin:0 0 10px 0;
	}
	.top_voice_img{
		float:none;
		margin:0;
		text-align:center;
	}
	.top_voice_img img{
		width:100%;
		height:auto;
	}
	.top_voice_detail{
		margin:10px 0 0 0;
	}
	.top_voice_detail h4{
		margin:0 0 10px 0;
		text-align:left;
	}
	.top_voice_detail p{
		font-size:88%;
		text-align:left;
	}
}
/*--------------------*/

.top_howto{
	width:650px;
	margin:0px auto;
}
.top_howto ul{
	padding:30px 0 50px 0;
}
.top_howto li{
	margin:0 0 50px 0;
}

.howto_icon{
	float:left;
	margin:5px 15px 0 15px;
}
.howto_detail{
	float:left;
}

.howto_detail h3{
	color:#001c58;
	font-size:210%;
	font-weight:normal;
	margin:10px 0;
	height:50px;
	line-height:50px;
}
.howto_detail h3 img{
	float:left;
	margin:0 10px 0 0;
}
.howto_detail p{
	font-size:107%;
	line-height:150%;
}
@media(max-width: 767px) {
	.top_howto{
		width:94%;
		margin:0px auto;
	}
	.howto_icon{
		float:none;
		margin:0;
	}
	.howto_detail{
		float:none;
	}
	.top_howto ul{
		padding:20px 0;
	}
	.top_howto li{
		margin:0 0 30px 0;
		position:relative;
	}
	.top_howto li img{
		height:auto;
		width:50px;
	}
	.howto_detail h3{
		position:absolute;
		top:5px;
		left:55px;
		font-size:142%;
		margin:0 0 10px 0;
	}
	.howto_detail p{
		width:94%;
		margin:0px auto;
		font-size:92%;
		text-align:left;
	}
}
/*--------------------*/

.top_measure{
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	padding:0 0 80px 0;
}

.top_measure_list{
	text-align:center;
}
.top_measure_list li{
	margin:0 0 80px 0;
}
.top_measure_list li h3{
	color:#001c58;
	font-size:176%;
	font-weight:normal;
	margin:20px 0;
}
.top_measure_list li p{
	font-size:107%;
	line-height:150%;
}
@media(max-width: 767px) {
	.top_measure{
		padding:0 0 20px 0;
	}
	.top_measure_list li{
		margin:0 0 40px 0;
	}
	.top_measure_list li img{
		width:100%;
		height:auto;
	}
	.top_measure_list li h3{
		font-size:146%;
	}
	.top_measure_list li p{
		width:94%;
		margin:0px auto;
		font-size:100%;
	}
}

/*---------------------------------------*/

.top_title2{
	text-align:center;
	margin:80px 0 50px 0;
	color:#001C58;
	font-size:200%;
	letter-spacing:3px;
}
.top_title3{
	text-align:left;
	margin:30px 0;
	color:#001C58;
	font-size:160%;
	letter-spacing:3px;
}

.riyuu_list{
	position: relative;
	overflow: hidden;
	margin:0 0 50px 0;
}
.riyuu_list ul{
	float:left;
	left:50%;
	position:relative;
}
.riyuu_list li{
	float:left;
	left:-50%;
	position:relative;
	background:url("../img/info/h3title_icon.jpg") no-repeat left center;
	background-size:14px auto;
	padding:0 0 0 20px;
	margin:0 15px;
}

.top_voice_list{
	margin:0 0 50px 0;
}
.top_voice_list li{
	width:23%;
	float:left;
	margin:0 1%;
}
.top_voice_list li img{
	width:100%;
}
.top_voice_list li h2{
	margin:5px 0;
}

.top_staff_list{
	margin:0 0 50px 0;
}
.top_staff_list li{
	float:left;
	text-align:center;
}


.top_staff_box{
}
.top_staff_box_img{
	float:left;
	width:500px;
	margin:80px 0 0 0;
}
.top_staff_box_detail{
	float:left;
	width:700px;
	padding:0 50px 0 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.top_staff_box_detail h2{
	text-align:left;
	font-size:110%;
}
.top_staff_box_detail h3{
	margin:0 0 30px 0;
	font-size:180%;
	line-height:150%;
}
.top_staff_box_detail p{
	margin:0 0 20px 0;
	line-height:160%;
	font-size:120%;
}
.top_staff_box_detail p.name{
	text-align:right;
	margin:30px 0 0 0;
}
@media(max-width: 767px) {
	.riyuu_list{
		margin:0 0 20px 0;
	}
	.riyuu_list li{
		float:left;
		background:url("../img/info/h3title_icon.jpg") no-repeat left center;
		background-size:14px auto;
		padding:0 0 0 20px;
		margin:2px 15px;
	}

	.top_title2{
		text-align:center;
		margin:20px 0;
		color:#001C58;
		font-size:138%;
		letter-spacing:3px;
	}
	.top_title3{
		text-align:center;
		margin:20px 0;
		color:#001C58;
		font-size:138%;
		letter-spacing:3px;
	}
	.top_voice_list li{
		width:48%;
		float:left;
		margin:0 1%;
		min-height:240px;
	}
/*
	.top_voice_list li:nth-child(n+3) {
		display:none;
	}
*/
	.top_staff_list{
		margin:0 0 50px 0;
	}
	.top_staff_list li{
		width:48%;
		float:left;
		margin:0 1%;
	}
	.top_staff_list li img{
		width:100%;
	}

	.top_staff_box{
	}
	.top_staff_box_img{
		float:none;
		width:100%;
		margin:20px 0 0 0;
	}
	.top_staff_box_img img{
		width:100%;
	}
	.top_staff_box_detail{
		float:none;
		width:100%;
		padding:10px;
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
	}
	.top_staff_box_detail h2{
		text-align:center;
		font-size:100%;
	}
	.top_staff_box_detail h3{
		margin:0 0 20px 0;
		font-size:110%;
		line-height:150%;
	}
	.top_staff_box_detail p{
		margin:0 0 10px 0;
		line-height:160%;
		font-size:100%;
	}
	.top_staff_box_detail p.name{
		text-align:center;
		margin:10px 0 0 0;
	}
}

.top_bunner_img{
	margin:0 0 10px 0;
}
.top_bunner_img img{
	width:100%;
}

.top_bunner1 li{
	position:relative;
	width:49%;
	margin:0.5%;
	float:left;
}
.top_bunner1 li p,
.top_bunner2 li p{
	text-shadow: 3px 3px 1px #999999;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	height:30px;
	line-height:30px;
	width:100%;
	text-align:center;
	font-size:200%;
	font-weight:bold;
	color:#FFF;
	z-index:999;
}
.top_bunner1 li img,
.top_bunner2 li img{
	width:100%;
}

.top_bunner2 li{
	position:relative;
	width:32%;
	margin:0.6%;
	float:left;
}
.font_yu{
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.font_yu li p{
	font-weight:normal;
	text-shadow: 1px 1px 5px #999999;
}

@media(max-width: 768px) {
	.top_bunner2 li{
		width:48%;
		margin:1%;
	}
	.top_bunner1 li p,
	.top_bunner2 li p{
		text-shadow: 1px 1px 1px #999999;
		font-size:120%;
	}
	.top_bunner1 li{
		position:relative;
		width:98%;
		margin:0 auto;
		float:none;
	}
}




.top_login_box{
	padding:30px 25px;
	text-align:center;
	border:5px solid #DDDDDD;
	height:384px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.top_login_box .top_login_title{
	font-size:200%;
	margin:10px 0 20px 0;
	color:#001c58;
}
.top_login_box .top_login_subtitle{
	text-align:left;
	font-size:136%;
	margin:40px 0 10px 0;
}
.top_login_box p.top_login_p{
	position:relative;
	color:#333333;
	font-size:100%;
	margin:0 0 40px 0;
	text-shadow:none;
	line-height:130%;
	font-weight:normal;
}
@media(max-width: 1199px) {
	.top_login_box{
		height:auto;
		padding:10px;
	}
	.top_login_box .top_login_subtitle{
		font-size:118%;
		margin:25px 0 10px 0;
	}
	.top_login_box p.top_login_p{
		font-size:88%;
	}
	.top_login_box .top_login_title{
		font-size:138%;
		margin:10px 0;
	}
}
.top_login_box p.facebook_btn{
	position:relative;
	text-shadow:none;
	margin:10px 0;
	text-align:center;
	font-size:120%;
}
.top_login_box p.facebook_btn a{
	display:block;
	width:100%;
	height:45px;
	line-height:45px;
	background:#3e6eaf;
	color:#FFF;
}
.top_login_box input[type="email"]{
	width:80%;
	height:40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border:1px solid #e2e2e2;
	padding:0 10px;
	background:#FFF;
	font-size:107%;
	float:left;
}
.top_login_box input[type="submit"]{
	width:20%;
	height:40px;
	background:#e74a46;
	color:#FFF;
	border:none;
	font-size:107%;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
	transition:1.0s;
}
.top_login_box input[type="submit"]:hover{
	background:rgba(231,74,70,0.7);
}

@media(max-width: 767px) {
	.top_login_box{
		width:94%;
		height:auto;
		margin:20px auto 0;
		padding:4%;
		border:3px solid #DDDDDD;
	}
	.top_login_box p.top_login_p{
		font-size:88%;
		margin:0 0 10px 0;
	}
	.top_login_box .top_login_title{
		font-size:150%;
		margin:10px 0;
	}
	.top_login_box .top_login_subtitle{
		text-align:left;
		font-size:107%;
		margin:20px 0 10px 0;
	}
}



/*---------------------------------------------*/
.inner2{
	width:1200px;
	margin:100px auto 0px auto;
}
.inner2 p{
	line-height:150%;
}
.inner2 p.bold{
	font-weight:bold;
}
.inner2 p.more_btn a{
	padding:15px 0;
}
.inner3{
	width:1200px;
	margin:0px auto;
}
.inner2 img{
	margin:5px auto;
}
.inner2 h2{
	background:#001136;
	color:#FFF;
	padding:15px;
	margin:40px 0 20px 0;
	font-size:120%;
}
.inner2 .tokutyo{
	width:640px;
	margin:0px auto;
}
.inner2 .tokutyo h3{
	color:#001136;
	font-size:120%;
	text-align:left;
}
.inner2 .tokutyo p .comment{
	margin:0 0 30px 0;
}
.top_howto2{
	width:640px;
	margin:0px auto;
}
.top_howto2 ul{
	padding:10px 0;
}
.top_howto2 li{
	margin:0 0 20px 0;
}
.itemlist_makuake{
}
.itemlist_makuake li{
	width:33%;
	float:left;
	margin:0;
	padding:0;
}
.itemlist_makuake li:nth-child(n + 7) {
	display:none;
}
.itemlist_makuake li img{
	width:100%;
	height:auto;
	margin:0;
}
.sitate_makuake{
}
.sitate_makuake li{
	width:50%;
	float:left;
}
.sitate_makuake li img{
	width:100%;
	height:auto;
	margin:0;
}
.inner2 .top_voice_img{
	text-align:center;
}
.inner2 .top_voice_img img{
	width:90%;
	margin:0px auto;
}
.w100 img{
	width:100%;
	height:auto;
}
.w640{
	width:640px;
	margin:0px auto;
}
.w800{
	width:800px;
	margin:0px auto;
}
@media(max-width: 767px) {
	.inner2{
		width:100%;
		margin:55px auto 0px auto;
	}
	.inner2 p{
		margin:0 10px;
	}
	.inner3{
		width:100%;
		margin:0px auto;
	}
	.inner2 img{
		width:100%;
		height:auto;
	}
	.inner2 .tokutyo{
		width:100%;
		margin:0px auto;
	}
	.inner2 .tokutyo h3{
		margin:0 10px;
	}
	.inner2 p.more_btn{
		margin:20px auto;
	}
	.inner2 p.more_btn a{
		padding:10px 0;
	}
	.inner2 a .cart_sizeselect_box h4{
		margin:25px 0 0 20px;
	}
	.top_howto2{
		width:100%;
		margin:0px auto;
	}
	.howto_icon{
		text-align:left;
	}
	.w640{
		width:100%;
		margin:0px auto;
	}
	.w800{
		width:100%;
		margin:0px auto;
	}
}


.top_sale_bunner{
	width:100%;
	background:#e74a46;
	margin:0 0 20px 0;
	position:relative;
	display:table;
	padding:20px 0;
	min-height:120px;
}
.top_sale_bunner h2{
	display:table-cell;
	vertical-align:middle;
	color:#FFF;
	font-weight:bold;
	font-size:250%;
	letter-spacing:2px;
	padding:0 220px 40px 260px;
	text-align:center;
}
.top_sale_bunner p.pri{
	color:#FFF;
	font-weight:bold;
	font-size:250%;
	position:absolute;
	left:10px;
	top:25px;
	padding:0 0 0 90px;
	letter-spacing:5px;
}
.top_sale_bunner p.pri span{
	font-size:180%;
	margin:auto 20px auto 0;
	vertical-align:middle;
	position:absolute;
	left:10px;
}

.top_sale_bunner p.more{
	color:#FFF;
	position:absolute;
	right:10px;
	bottom:10px;
	letter-spacing:2px;
}
.top_sale_bunner p.timer2,
.top_sale_bunner p.timer{
	color:#FFF;
	position:absolute;
	right:240px;
	bottom:10px;
	vertical-align:middle;
	line-height:40px;
	background:#FFF;
	color:#e74a46;
	padding:0 10px;
	font-size:88%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.top_sale_bunner p.timer2{
	right:20px;
}
.top_sale_bunner p.timer2 span,
.top_sale_bunner p.timer span{
	font-weight:bold;
	font-size:35px;
	line-height:100%;
	vertical-align:middle;
}

.top_sale_day{
	font-size:150%;
	font-weight:bold;
	text-align:center;
}
.sale_title{
	color:#263e71;
	font-weight:bold;
	font-size:107%;
	padding:10px 5px 10px 10px;
	border-bottom:2px solid #263e71;
	margin:20px 0;
	border-left:10px solid #263e71;
}
.sale_comment{
	margin:150px 0;
	text-align:center;
	font-size:137%;
}
.sale_private{
	margin:10px 0 20px 0;
	text-align:center;
	font-size:100%;
	line-height:150%;
}
.sale_private span{
	font-weight:bold;
	color:#e74a46;
}
.sale_private_attantion{
	background:#EEEEEE;
	padding:20px;
	max-width:600px;
	margin:20px auto;
	line-height:150%;
	font-size:82%;
}
.sale_private_attantion span{
	font-weight:bold;
}
.sale_h3{
	margin:70px 0 10px 0;
	text-align:center;
	font-size:22px;
}
.sale_category_list{
	max-width:840px;
	margin:0 auto 50px auto;
	padding:20px 0;
}
.sale_category_list ul{
}
.sale_category_list ul li{
	width:100%;
	margin:20px 0;
}
.sale_category_list ul li a{
	position:relative;
	display:block;
	border:1px solid #263e71;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	text-align:center;
	padding:20px 0;
	color:#263e71;
	font-weight:bold;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#FFF;
	background:#263e71;
	transition:0.5s;
}
.sale_category_list ul li a span{
	font-size:138%;
	margin:0 5px;
}
.sale_category_list ul li.active a{
	color:#263e71;
	background:#FFF;
}
.sale_category_list ul li a:hover{
	color:#263e71;
	background:#FFF;
}
.sale_category_list ul li a:after{
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 3px #FFF;
	border-right: solid 3px #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -7px;
	transition:0.7s;
}
.sale_category_list ul li a:hover:after{
	right: 10px;
	border-top: solid 3px #263e71;
	border-right: solid 3px #263e71;
}

@media(max-width: 767px) {
	.top_sale_bunner p.pri{
		position:relative;
		padding:0;
		font-size:170%;
		left:0;
		right:0;
		top:10px;
		margin:0 0 10px 0;;
		text-align:center;
		display:block;
	}
	.top_sale_bunner p.pri span{
		font-size:120%;
		margin:auto 15px auto 0;
		vertical-align:middle;
		position:relative;
	}

	.top_sale_bunner{
		width:100%;
		height:auto;
		display:block;
		padding:0 0 20px 0;
	}
	.top_sale_bunner h2{
		font-size:150%;
		letter-spacing:0;
		line-height:auto;
		margin:10px 0;
		display:block;
		padding:10px;
	}
	.top_sale_bunner p.more{
		font-size:92%;
	}
	.top_sale_day{
		font-size:120%;
	}

	#sale .top_itemlist li:nth-child(n+4) {
		display:block;
	}
	#sale .top_itemdetail .title{
		margin:10px 0;
	}
	.top_itemdetail .sale_moto_price{
		text-align:right;
		color:#e74a46;
		font-size:100%;
		padding:5px;
	}
	.top_itemdetail .sale_icon_price{
		margin:0;
	}
	.top_itemdetail .sale_icon,
	.top_itemdetail .sale_icon2{
		text-align:right;
		text-decoration:none;
		margin:0 0 0 10px;
		background:#e74a46;
		color:#FFF;
		padding:5px;
		width:90px;
		text-align:center;
	}
	.top_itemdetail .sale_price{
		float:none;
		text-align:right;
		margin:10px 0;
		color:#c40000;
		font-size:107%;
		font-weight:bold;
	}
	.top_itemdetail .sale_price span{
		font-size:82%;
	}

	.top_sale_bunner p.timer2,
	.top_sale_bunner p.timer{
		position:relative;
		right:0;
		width:90%;
		margin:0px auto;
		text-align:center;
	}
	.top_sale_bunner p.timer2 span,
	.top_sale_bunner p.timer span{
		font-size:20px;
	}

	.sale_h3{
		margin:50px 0 10px 0;
		text-align:center;
		font-size:20px;
	}

	.sale_private{
		margin:20px 0;
		font-size:108%;
	}
	.sale_private_attantion{
		padding:15px;
		width:90%;
		margin:20px auto;
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
	}
	.sale_category_list{
		width:90%;
		margin:0 auto 50px auto;
		padding:20px 0;
	}
}


.top_orderlist{
	width:800px;
	height:280px;
	margin:70px auto;
	border:1px solid #CCCCCC;
	overflow:hidden;
}
.top_orderlist h2{
	text-align:center;
	padding:15px 0;
	background:#001c58;
	color:#FFF;
	letter-spacing:5px;
}
.top_orderlist_ul{
	padding:0 30px;
}
.top_orderlist_ul li i{
	width:50px;
	text-align:center;
	color:#001c58;
}
.top_orderlist_ul li .date{
	float:left;
	width:150px;
}
.top_orderlist_ul li .pref{
	float:left;
}
@media(max-width: 767px) {
	.top_orderlist{
		width:94%;
		height:280px;
		margin:50px auto 0px auto;
	}
	.top_orderlist h2{
		padding:10px 0;
	}
	.top_orderlist_ul{
		padding:0;
	}
	.top_orderlist_ul .date{
		float:none;
		margin:0 0 5px 0;
	}
}

/*-------------------*/
.top_ranking{
	background:#f0f0f0;
/*
	border:2px solid #001c58;
*/
	padding:20px 20px 5px 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	margin:50px auto;
}
.top_ranking_title h2{
	text-align:center;
	margin:20px 0 0 0;
	color:#333333;
	font-size:107%;
	font-weight:normal;
	line-height:150%;
}
.top_ranking_title span{
	color:#001c58;
	font-size:240%;
	font-weight:bold;
}
.top_ranking h3.top_ranking_subtitle{
	font-size:126%;
	margin:10px 0 25px 0;
	border-bottom:1px solid #001c58;
	padding:5px 0 5px 10px;
	color:#001c58;
}
.top_ranking h3.top_ranking_subtitle i{
	color:#FFCC33;
	margin:0 10px 0 0;
}
.top_rankinglist{
	margin:0 0 0 -15px;
}

.top_rankinglist li{
	float:left;
	margin:0 0 15px 15px;
	width:220px;
}
.top_rankinglist .top_itemdetail{
	height:220px;
	padding:10px;
	background:#FFF;
}
.ranking_icon{
	position:absolute;
	top:-5px;
	left:-5px;
	background:#e74a46;
	color:#FFF;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.top_rankinglist .top_itemdetail .img{
	height:130px;
}
.top_rankinglist .top_itemdetail .price{
	font-size:88%;
}
.top_ranking_box_s{
	width:580px;
	float:left;
}
.top_ranking_box_s h4{
	font-size:118%;
}
@media(max-width: 1199px) {
	.top_rankinglist{
		margin:0;
	}

	.top_rankinglist li{
		margin:1%;
		width:18%;
	}

	.top_ranking_box_s{
		width:48%;
		margin:0 1%;
		float:left;
	}
}
@media(max-width: 767px) {
	.top_ranking{
		margin:30px 0 0 0;
		padding:20px 10px 5px 10px;
	}
	.top_ranking h3.top_ranking_subtitle{
		font-size:118%;
	}
	.top_rankinglist{
		margin:0 10px;
	}
	.top_rankinglist li{
		float:left;
		margin:0 0 20px 0;
		width:100%;
	}
	.top_rankinglist .top_itemdetail{
		height:auto;
	}
	.top_rankinglist .top_itemdetail .img{
		height:auto;
	}
	.top_rankinglist li:nth-child(n + 4) {
		display:none;
	}
}

.top_rankinglist_s{
	margin:15px 0 0 0;
}

.top_rankinglist_s li{
	float:left;
	margin:0 0 15px 10px;
	width:175px;
}
.top_rankinglist_s .top_itemdetail{
	height:190px;
	padding:10px;
	background:#FFF;
}
.top_rankinglist_s .top_itemdetail .img{
	height:100px;
	margin:0 0 10px 0;
}
.top_rankinglist_s .top_itemdetail .title{
	font-size:88%;
}
.top_ranking_more{
	width:210px;
	margin:0 0 20px auto;
}
.top_ranking_more a{
	display:block;
	text-align:center;
	background:#BBBBBB;
	color:#FFF;
	padding:5px 15px 5px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position:relative;
	font-size:88%;
}
.top_ranking_more a:after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
	transition:0.7s;
}
.top_ranking_box_s .top_ranking_more{
	margin:0 25px 20px auto;
}
@media(max-width: 1199px) {
	.top_rankinglist_s li{
		float:left;
		width:31.3%;
		margin:1%;
	}
	.top_ranking_box_s .top_ranking_more{
		margin:10px 1% 20px auto;
	}
	.top_rankinglist_s .top_itemdetail .title{
		height:65px;
		overflow:hidden;
	}

}


.top_ranking_btn_area{
	margin:30px 0 20px 0;
	background:#FFF;
	padding:20px 10px;
}
.top_ranking_btn_area h3{
	text-align:center;
	color:#001c58;
	margin:0 0 20px 0;
}
.top_ranking_btn_area ul{
	
}
.top_ranking_btn_area ul li{
	float:left;
	width:15.6%;
	margin:0 0.5%;
}
.top_ranking_btn a{
	display:block;
	width:100%;
	text-align:center;
	background:#263e71;
	color:#FFF;
	padding:15px 15px 15px 0;
	font-size:108%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position:relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.top_ranking_btn a:after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -6px;
	transition:0.7s;
}
@media(max-width: 1199px) {
	.top_ranking_btn_area ul li{
		width:31.3%;
		margin:5px 1%;
	}
	.top_rankinglist .top_itemdetail .title{
		height:75px;
		overflow:hidden;
	}

}
@media(max-width: 767px) {
	.top_ranking_box_s{
		width:100%;
		float:none;
	}
	.top_rankinglist_s{
		width:100%;
		overflow:scroll;
		padding:10px 0 0 0;
	}
	.top_rankinglist_s ul{
		width:580px;
	}
	.top_ranking_box_s .top_ranking_more{
		margin:5px 0 20px auto;
	}
	.top_ranking_btn_area ul li{
		width:48%;
		margin:5px 1%;
	}
}
@media(max-width: 374px) {
	.top_ranking_btn_area{
		padding:20px 5px;
	}
	.top_ranking_btn a{
		font-size:88%;
	}
	.top_ranking_btn a:after{
		right: 5px;
	}
}
/*-----------------------------*/

.top_brand{
	padding:60px 0;
	border-top:1px solid #d9d9d9;
}
.top_brand_title{
	color:#263e71;
	font-weight:bold;
	font-size:117%;
	padding:5px 0;
	margin:40px 0 20px 0;
	background:#f0f0f0;
	text-align:center;
}


.top_brand_list{
}

.top_brand_list ul{
}

.top_brand_list ul li{
	float:left;
	width:10.5%;
	text-align:center;
	margin:0 1% 30px 1%;
}
.top_brand_list ul li a h2{
	color:#000;
	font-weight:normal;
	line-height:120%;
}
.top_brand_list ul li a h2 span{
	font-size:12px;
}
.top_brand_list ul li p.img{
	margin:0 0 10px 0;
	border:1px solid #EEEEEE;
	padding:0;
	height: 80px;
	overflow:hidden;
}
.top_brand_list ul li .img img{
	width:100%;
	height: 80px;
	object-fit: contain;
}
@media(max-width: 767px) {
	.top_brand{
		padding:20px 0;
	}
	.top_brand_list ul li{
		width:48%;
	}
	.top_brand_list ul li p.img{
		height: 120px;
	}
	.top_brand_list ul li .img img{
		height: 120px;
	}
}

.top_suitbtn{
	width:800px;
	margin:0 auto 40px auto;
}
.top_suitbtn a{
	display:block;
	background:#001c58;
	color:#FFF;
	padding:20px 0;
	transition:1.0s;
	text-align:center;
	letter-spacing:5px;
}
@media(max-width: 767px) {
	.top_suitbtn{
		width:90%;
	}
	.top_suitbtn a{
		padding:15px 0;
		letter-spacing:1px;
	}
}

.point_bunner{
	text-align:center;
}
.point_bunner img{
	margin:0 auto;
}
.point_bunner p{
	margin:5px 0 0 0;
}
@media(max-width: 767px) {
	.point_bunner{
		margin:0 0 20px 0;
	}
	.point_bunner img{
		margin:10px 0 0 0;
		width:100%;
		height:auto;
	}
	.point_bunner p{
		display:none;
	}
}
.top_review_p{
	text-align:center;
	margin:0 0 20px 0;
	line-height:150%;
}
.top_review_list{
}

.top_review_list .review_list_comment{
	float:left;
	width:24%;
	margin:0 0.5%;
}
.top_review_list .review_list_comment h3{
	background:#DDDDDD;
	font-weight:normal;
	padding:5px;
	display:block;
	width:120px;
	text-align:center;
	margin:15px 0 5px 0;
	font-size:88%;
}
.review_title{
	margin:10px 0 5px 0;
}
.review_comment{
	font-size:88%;
	line-height:150%;
}
.review_title a{
	color:#000;
}
.review_link_txt{
	text-align:right;
	margin:5px 0 0 0;
	font-size:88%
}
.review_avg{
	float:left;
	margin:0 10px 0 0;
}
.review_star{
	float:left;
	margin:0 10px 0 0;
	width:120px;
}
.review_star span{
	margin:0;
	color:#FFCC33;
}
.review_list_item{
	width:100%;
	margin:0 0 10px 0;
	text-align:center;
}
a .review_list_item{
	color:#333333;
	font-size:88%;
}
.review_list_item img{
	width:100%;
	height:auto;
	margin:0 0 5px 0;
}
@media(max-width: 767px) {
	.top_review_list .review_list_comment_inner:before,
	.top_review_list .review_list_comment_inner:after {
		content: " ";
		display: table;
	}

	.top_review_list .review_list_comment_inner:after {
		clear: both;
	}
	.top_review_list .review_list_comment_inner{
		*zoom: 1;
	}

	.top_review_list .review_list_comment{
		float:none;
		width:92%;
		margin:10px auto 0 auto;
	}
	.review_list_item{
		width:40%;
		margin:0;
		text-align:left;
		float:left;
	}
	.review_list_detail{
		width:58%;
		float:right;
	}
	.review_link_txt{
		width:100%;
		padding:0 0 10px 0;
		margin:0 auto 20px auto;
		border-bottom:1px solid #EEEEEE;
	}
}

.top_firstview{
	background:none;
	overflow:hidden;
}
.top_firstview_img{
	height:530px;
}
.top_firstview .top_main_detail2{
	width:100%;
	height:100%;
	right:0;
	margin:auto;
    background-color: rgba(0,0,0,0.3);
}
.top_firstview .top_main_detail2 .top_h2,
.top_firstview .top_main_detail2 .price{
	text-shadow: 2px 2px 10px #000000;
}
.top_firstview .top_main_detail2 .top_h2{
	font-size:300%;
	margin:100px 0 0 0;
}
.top_firstview .bx-wrapper .bx-next{
	top:320px;
}
.top_firstview .bx-wrapper .bx-prev{
	top:320px;
}
@media(max-width: 1200px) {
	.top_firstview{
		height:auto;
		overflow:hidden;
	}
	.top_firstview .inner{
		width:100%;
	}
	.top_firstview .bx-wrapper{
		margin-bottom:0;
	}
	.top_firstview .bx-wrapper .bx-next{
		right:10px;
	}
	.top_firstview .bx-wrapper .bx-prev{
		left:10px;
	}
	.top_firstview_img{
		height:auto;
		overflow:hidden;
	}
	.top_firstview .top_main_detail2 .top_h2{
		font-size:200%;
		margin:100px 0 0 0;
	}
	.top_firstview .top_main_detail2 p.price{
		margin:20px auto;
		font-size:200%;
	}
	.top_firstview .top_main_detail2 p.btn a{
		margin:0px auto;
	}
}
@media(max-width: 767px) {
	.top_firstview .top_main_detail2{
	    background-color: rgba(0,0,0,0.4);
	}
	.top_firstview .top_main_detail2 .top_h2{
		font-size:130%;
		margin:80px 0 0 0;
		line-height:130%;
	}
	.top_firstview .top_main_detail2 p.price{
		font-size:110%;
	}
	.top_firstview .bx-wrapper .bx-next{
		top:100px;
		right:5px;
	}
	.top_firstview .bx-wrapper .bx-prev{
		top:100px;
		left:5px;
	}
}
@media(max-width: 374px) {
	.top_firstview .top_main_detail2 .top_h2{
		font-size:120%;
	}
	.top_firstview .top_main_detail2 p.price{
		margin:10px auto;
	}
}

/*-------------------------*/

.top_search_box{
}
.top_search_box input[type='text']{
	height:50px;
	width:490px;
	margin:0 5px 0 0;
	float:left;
	font-size:18px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.top_search_box a{
	float:left;
	width:100px;
	height:50px;
	line-height:50px;
	font-size:40px;
	background:#e74a46;
	color:#FFF;
	text-align:center;
}
.top_search_box a i{
	line-height:50px;
}
.top_h1{
	font-size:40px;
	text-align:center;
	margin:150px 0 30px 0;
	line-height:130%;
	color:#001C58;
}
	.top_main_detail2 h1.top_h2_pt1{
	font-size:40px;
	margin:180px 0 50px 0;
}
.top_price_pt1{
	line-height:160%;
	font-size:45px;
	margin-bottom:20px;
}
.top_h2{
	text-align:center;
	margin-top:40px;
	margin-bottom:10px;
}
.top_h3{
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	font-size:30px;
	font-weight:normal;
	line-height:1.6;
}

@media(max-width: 767px) {
	.top_search_box{
		padding:5px;
	}
	.top_search_box input[type='text']{
		font-size:12px;
		height:40px;
		width:85%;
		margin:0;
	}
	.top_search_box a{
		height:40px;
		line-height:40px;
		width:15%;
	}
	.top_search_box a i{
		line-height:40px;
		font-size:30px;
	}
	.top_h1{
		font-size:22px;
		text-align:center;
		margin:20px 0;
		line-height:130%;
		color:#001C58;
	}

	.top_main_detail2 h1.top_h2_pt1{
		font-size:22px;
		margin-top:20%;
	}

	.top_nouki_pt2{
		margin-top:50px;
	}
	.top_h2{
		margin:20px 10px 10px 10px;
	}
	.top_h2 h2{
		font-size:16px;
		text-align:left;
	}

	.top_h3{
		margin-top:5px;
		margin-bottom:5px;
		font-size:16px;
	}


}
@media(max-width: 374px) {
	.top_main_detail2 h1.top_h2_pt1{
		font-size:20px;
	}
}


.top_step .top_title2{
	margin-top:50px;
}
.top_step_list{
	margin:0 0 60px 0;
}
.top_step_list ul li{
	width:33.3%;
	float:left;
	padding:0 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	position:relative;
}
.top_step_list ul li:after{
	content: '';
	width: 16px;
	height: 16px;
	border: 0px;
	border-top: solid 3px #001C58;
	border-right: solid 3px #001C58;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
	right:-5px;
	top:0;
	bottom:0;
	margin:auto;
}
.top_step_list ul li:last-child:after{
	display:none;
}
.step_box{
	border:1px solid #CCCCCC;
	position:relative;
	padding:70px 10px 20px 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.step_box p{
	margin:20px 10px 0 10px;
	line-height:150%;
}
.step_box h3{
	text-align:center;
	font-size:118%;
}
.step_box p.step{
	text-align:center;
	display:block;
	background:#001C58;
	color:#fff;
	width:80px;
	height:80px;
	line-height:80px;
	margin:0 auto 20px auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.step_box p.btn{
	width:80%;
	margin:10px auto;
}
.step_box p.btn a{
	display:block;
	background:#001C58;
	color:#fff;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:5px 0;
}
.step_box p.btn a:hover{
	background-color:rgba(0,28,88,0.8);
}
.step_box p.ribbon16 {  
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 10px;
  margin: 0;
  padding: 15px 0 7px;
  z-index: 2;
  text-align: center;
  color: white;
  width: 80px;
  font-size: 18px;
  background: #001C58;
  border-radius: 2px 0 0 0;
}

.ribbon16:before {
  position: absolute;
  content: '';
  top: 0;
  right: -5px;
  border: none;
  border-bottom: solid 6px #d07676;
  border-right: solid 5px transparent;
}

.ribbon16:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 10px solid #001C58;
}

@media(max-width: 767px) {
	.top_step .top_title2{
		margin-top:20px;
	}
	.top_step_list{
		margin:0;
	}
	.top_step_list ul li{
		width:100%;
		float:none;
		padding:0 10px;
		margin:0 0 40px 0;
	}
	.top_step_list ul li:after{
		content: '';
		width: 16px;
		height: 16px;
		border: 0px;
		border-top: solid 2px #001C58;
		border-right: solid 2px #001C58;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position:absolute;
		right:0;
		left:0;
		top:auto;
		bottom:-25px;
		margin:auto;
	}
	.step_box{
		border:1px solid #CCCCCC;
		position:relative;
		padding:50px 10px 20px 10px;
	}
	.step_box p{
		margin:10px 0 0 0;
		line-height:150%;
		font-size:14px;
	}
	.step_box p.btn{
		width:100%;
		margin:10px auto 0 auto;
	}
	.step_box p.ribbon16 {
		width: 50px;
		font-size: 14px;
		padding: 10px 0 7px;
	}
	.ribbon16:after {
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
	}
}

.top_faq{
	margin:70px auto 0 auto;
}
.top_faqlist{
	width:800px;
	margin:0px auto;
}
.top_faqlist .faq_question{
	background: url("../img/info/faq_Qicon1.jpg") no-repeat 10px center;
	padding: 10px 5px 10px 50px;
	font-weight: bold;
	color: #263e71;
	font-size: 120%;
	border:1px solid #c1bfbf;
	margin:0 0 10px 0;
	position:relative;
	cursor: pointer;
}
.top_faqlist .faq_question:hover{
}

.top_faqlist .faq_question:after{
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 3px #c1bfbf;
	border-right: solid 3px #c1bfbf;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -10px;
}
.top_faqlist .open:after{
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.top_faqlist .faq_answer{
	display:none;
	margin:20px;
	line-height:150%;
}
.top_faqlist .faq_answer img{
	margin:5px 0;
}
@media(max-width: 767px) {
	.top_faq{
		margin:70px 0 0 0;
	}
	.top_faqlist{
		width:92%;
		margin:0px auto;
	}
	.top_faqlist .faq_question{
		padding: 10px 40px 10px 50px;
	}
	.top_faqlist .faq_question:after{
		border-top: solid 2px #c1bfbf;
		border-right: solid 2px #c1bfbf;
		right: 10px;
	}
	.top_faqlist .faq_answer{
		margin:10px 10px 20px 10px;
	}
}

.tokio_bunner{
/*
	background:#FDF5E6;
*/

	background-image: repeating-linear-gradient(
	    45deg,
	    #ffffff 0, #ffffff 10px,
	    #EEEEEE 10px, #EEEEEE 11px);

	padding:30px 0px 0 0;
	width:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	margin:10px 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.tokio_bunner h2{
	font-size:40px;
	text-align:center;
	line-height:120%;
	font-weight:bold;
	color:#263e71;
}
.tokio_bunner h2 span{
	font-size:30px;
	font-weight:normal;
}
.tokio_bunner .caption{
	color:#000;
	text-align:center;
	font-size:24px;
	margin:10px 0 0 0;
}
.tokio_bunner .morelink {
	display:block;
	width:250px;
	background:#263e71;
	color:#FFF;
	padding:10px 0;
	text-align:center;
	margin:0 0 0 auto;
}
.tokio_bunner2{
	background:#FDF5E6;
	margin:40px 0;
	padding:10px 0 0 0;
}
@media(max-width: 767px) {
	.tokio_bunner{
		padding:10px 0px 0 0;
	}
	.tokio_bunner h2{
		font-size:20px;
	}
	.tokio_bunner .caption{
		margin:5px 0 0 0;
		font-size:16px;
	}
	.tokio_bunner .morelink {
		width:180px;
		padding:5px 0;
		margin:10px 0 0 auto;
		font-size:12px;
	}
}

.special_icon{
	font-size:12px;
	color:#FFF;
	background:#e74a46;
	padding:0px 5px;
	margin:0 5px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    vertical-align:middle;
}
.sale_catch{
	color:#e74a46;
}
@media(max-width: 767px) {
	.special_icon{
		font-size:10px;
		font-weight:normal;
	}
	.category_itemlist .sale_catch{
		display:none;
	}
}

.p1_title{
	color:#FFF;
	padding:10px 0 0 0;
	font-size:40px;
	line-height:130%;
}
.top_main2_p1 .top_main_youtube_detail h1{
	margin-top:50px;
}
.top_main2_p1 .top_main_youtube{
	top:0;
}
.top_main2_p1 .code{
	margin:20px 0 0 0;
}
@media(max-width: 767px) {
	.p1_title{
		font-size:20px;
		line-height:130%;
	}
	.top_main2_p1 .top_main_youtube_detail h1{
		margin-top:0;
	}
}


.youtube{
	width:800px;
	height:400px;
	margin:0px auto 100px auto;
}
@media(max-width: 768px) {
	.youtube{
		width:100%;
		height:250px;
	}
}


.top_column{
	margin:70px auto;
}
.top_column .more_btn{
	margin-top:30px;
}
.top_column_list{
}
.top_column_list ul{
}
.top_column_list ul li{
	float:left;
	width:48%;
	margin:1%;
	border:1px solid #EEEEEE;
	padding:15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.top_column_box{
	display:flex;/* flexbox */
	justify-content:center; /* 水平方向 */
	align-items: center; /* 垂直方向 */
}
.top_column_list ul li img{
	margin:0 20px 0 0;
}
.top_column_list ul li h3{
	line-height:200%;
	color:#000;
}

.top_column_list ul li a:hover h3{
	text-decoration:underline;
}

@media(max-width: 768px) {
	.top_column_list ul{
		width:94%;
		margin:0px auto;
	}
	.top_column_list ul li{
		float:none;
		width:100%;
		margin:10px 0;
		padding:10px;
	}
	.top_column_list ul li img{
		margin:0 10px 0 0;
		width:100px;
		height:auto;
	}
	.top_column_list ul li h3{
		line-height:150%;
		font-size:14px;
	}
}

.top_itemtwolist li{
	width:48%;
	margin:10px 1%;
}
.top_itemtwolist li .img{
	height:320px;
}
@media(max-width: 768px) {
	.top_itemtwolist li{
		width:100%;
		margin:10px auto;
	}
	.top_itemtwolist li .img{
		height:200px;
	}
}

/*-------------------*/
.top_series{
	padding:50px 0;
}
.top_series_list{
	display:flex;
}
.top_series_box{
	width:48%;
	margin:2%;
	text-align:center;
}
.top_series_box a{
	display:block;
	margin:0;
	padding:0;
}
.top_series_box p{
	margin:0 0 30px 0;
	text-align:center;
	font-size:20px;
	padding:55px 0 0 0;
	line-height:1.6;
}
.top_series_box h2{
	font-size:34px;
	text-align:center;
}


.top_series_aerocool{
	border:1px solid #183456;
	background:#FBFFFF;
}
.top_series_aerocool img{
	width:170px;
	height:auto;
	float:left;
	margin:15px 0 0 15px;
}
.top_series_box_detail{
	float:left;
	width:60%;
}

.top_series_stretch{
	border:1px solid #000;
}
.top_series_stretch a{
	color:#000;
}
.top_series_stretch img{
	width:200px;
	height:auto;
	float:left;
}
@media(max-width: 1200px) {
	.top_series_stretch img,
	.top_series_aerocool img{
		width:36%;
		margin:0;
	}
	.top_series_box_detail{
		width:62%;
	}
	.top_series_box p{
		font-size:18px;
	}
	.top_series_box h2{
		font-size:30px;
	}
}
@media(max-width: 1000px) {
	.top_series_stretch img,
	.top_series_aerocool img{
		float:none;
	}
	.top_series_box_detail{
		float:none;
		width:90%;
		margin:0 auto 20px auto;
	}
	.top_series_box p{
		padding:0;
	}
}
@media(max-width: 768px) {
	.top_series_stretch img,
	.top_series_aerocool img{
		width:60%;
	}
	.top_series_box p{
		font-size:14px;
		margin:0 0 10px 0;
	}
	.top_series_box h2{
		font-size:20px;
	}
}


.top_bunner_line{
	width:100%;
	margin:0 auto 20px auto;
	color:#FFF;
	text-align:center;
}
.top_bunner_line a{
	display:block;
	background:#06c755;
	color:#FFF;
	padding:20px 0;
	font-weight:bold;
	font-size:32px;
}
.top_bunner_line a:hover{
	background-color:rgba(6,199,85,0.8);
}
.top_bunner_line a span{
	background:#FFF;
	color:#06c755;
	padding:5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:22px;
	margin:0 0 0 5px;
}
@media(max-width: 768px) {
	.top_bunner_line{
		width:100%;
		margin:0 auto 10px auto;
	}
	.top_bunner_line a{
		padding:10px 0;
		font-size:20px;
		line-height:130%;
	}
	.top_bunner_line a span{
		width:30%;
		display:block;
		margin:5px auto 0 auto;
		font-size:15px;
		padding:2px 5px;
	}
}