@charset "UTF-8";
/* CSS Document */

/**************************************************

お問い合わせ
	
**************************************************/
#main { background-color:#fff; }
#main .item { width: 940px; margin:0px auto; padding:10px 0 10px 0; overflow:hidden; }
#main .back a {
	font-size: 1.4rem;
	font-size: 14px;
	margin: 20px auto 0 auto;
	display: block;
	background-color: #444444;
	color: #fff;
	width: 120px;
	padding: 10px 5px 10px 25px;
	text-decoration: none;
	background-image: url(../img/bikes/icon03.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	font-weight:bold;
}
#main .back a:hover { opacity:0.7; }
#main .wapper { margin-right:-20px; overflow:hidden; }
#main .note { text-align:center; color:#137ce4; font-weight:bold; }
#main .block { padding-top:25px; padding-bottom:20px; }
#main .block h2 {
	text-align: center;
	color: #157de6;
	font-weight: bold;
	font-size: 2.0rem;
	font-size: 20px;
	cursor:pointer;
	padding-bottom:10px;
}
#main .block h2 .icon { position: relative; }
#main .block .color { background-color:#fff; }
#main .block .box { float:left; width:300px; text-align:center; padding-bottom:20px; margin-right:20px; margin-bottom:20px; }
#main .block .box h3 { color:#2570bb; font-size: 1.8rem; font-size: 18px; font-weight: bold; padding:5px 0 3px 0; }
#main .block .box .text { background-color:#4479af; padding:3px 0; color:#fff; }
#main .block .box .btn a {
	font-size: 1.3rem;
	font-size: 13px;
	margin: 0 auto;
	display: block;
	background-color: #6f6f6f;
	color: #fff;
	width: 120px;
	padding: 5px;
	text-decoration: none;
	background-image: url(../img/bikes/icon02.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#main .block .box .btn a:hover { opacity:0.7; }

#main .block .sbox { float:left; width:300px; margin-right:20px; }
#main .block .sbox h3 { color:#157de6; font-size: 1.6rem; font-size: 16px; font-weight: bold; border-bottom:1px solid #157de6; padding-bottom:5px; margin-bottom:10px; text-align:center; }
#main .block .sbox ul { overflow:hidden; }
#main .block .sbox ul li { float:left; width:140px; margin-right:10px; color:#157de6; padding-bottom:2px; }
#main .block .sbox ul li a { color:#157de6; }
#main .block .sbox ul li a:hover { text-decoration:underline; }


#main .block .cbox { float:left; width:300px; text-align:center; padding-bottom:20px; margin-right:20px; margin-bottom:20px; padding-top:20px; }
#main .block .cbox .name { height:40px; padding:5px 0; font-size: 1.3rem; font-size: 13px; font-weight: bold; text-align:left; border-top:1px solid #b8b4ae; }
#main .block .cbox .cont { margin:0 10px;}
#main .block .cbox .txt { padding:5px 0 15px 0; font-size: 1.2rem; font-size: 12px; text-align:left; border-top:1px solid #b8b4ae; }
#main .block .cbox ul { border-top:1px solid #b8b4ae; width:100%; padding:5px 0; display:table; }
#main .block .cbox ul li { display:table-cell; font-size: 1.2rem; font-size: 12px; vertical-align: middle; }
#main .block .cbox ul li.size { text-align:left; }
#main .block .cbox ul li.price { text-align:right; font-weight:bold; }
#main .block .cbox .btn a {
	font-size: 1.3rem;
	font-size: 13px;
	margin: 0 auto;
	display: block;
	background-color: #6f6f6f;
	color: #fff;
	width: 120px;
	padding: 5px;
	text-decoration: none;
	background-image: url(../img/bikes/icon02.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#main .block .cbox .btn a:hover { opacity:0.7; }


#main .block .data { width:900px; padding:20px; margin:0 auto 20px auto; }
#main .block .data h3 { font-size: 1.6rem; font-size: 16px; font-weight:bold; background-color:#e2e2e2; padding:10px 5px 8px 15px; margin-bottom:20px; }
#main .block .data .dbox { overflow:hidden; }
#main .block .data .dbox .Lbox { float:left; width:276px; border-bottom:1px solid #b8b4ae; padding-bottom:15px; }
#main .block .data .dbox .Lbox ul { border-bottom:1px solid #b8b4ae; width:100%; padding-bottom:5px; margin-bottom:15px; display:table; }
#main .block .data .dbox .Lbox ul li { display:table-cell; vertical-align: middle; }
#main .block .data .dbox .Lbox ul li.size { text-align:left; }
#main .block .data .dbox .Lbox ul li.price { text-align:right; font-weight:bold; font-size: 1.8rem; font-size: 18px; }
#main .block .data .dbox .Lbox p.text { border-bottom:1px solid #b8b4ae; padding-bottom:10px; margin-bottom:15px; }
#main .block .data .dbox .Rbox { float:right; }

#main .block .data .dbox .Rbox .jswap { width:580px; margin:0 auto 20px auto; }
#main .block .data .dbox .Rbox .jswap img { vertical-align:bottom; margin-bottom:10px; }
#main .block .data .dbox .Rbox .jswap ul { display:table; width:100%; }
#main .block .data .dbox .Rbox .jswap ul li { display:table-cell; padding:7px 10px 7px 0px; vertical-align:top; text-align:center; }
#main .block .data .dbox .Rbox .jswap ul li img { height: auto; min-width: 104px; cursor:pointer; }
#main .block .data .dbox .Rbox .jswap ul li a:hover { opacity:0.7; }


#main .block .botton { overflow:hidden; width:330px; margin:0 auto 30px auto; }
#main .block .botton .back { float:left; margin-right:15px; }

#main .blue { background-color:#c2d9e9; }
#main .green { background-color:#e9f1bc; }
#main .pink { background-color:#f4dee8; }
#main .sitemap { background-color:#e6eef2; }


@media only screen and (max-width:640px) {
#main .item { width: auto; margin:0px auto; padding:10px 0 10px 0; }
#main .note { text-align:left; margin:0 10px; }
#main .back a { font-size: 1.3rem; font-size: 13px; }
#main .wapper { margin-right:0px; }
#main .spblock { margin:0 10px; }
#main .block { padding-top:15px; padding-bottom:10px; }
#main .block h2 {
	font-size: 1.3rem;
	font-size: 13px;
	background-position: center 25px;
	padding-bottom: 12px;
	background-size: 25px auto;
}
#main .block h2 .icon { width:23px; position: absolute; margin-left:-10px; }

#main .block .sp2 { display:table; border-collapse: separate; border-spacing: 10px 5px; margin:0 auto; }
#main .block .box { float:none; display:table-cell; width:50%; padding-bottom:10px; margin-bottom:0px; margin-right:0px;}
#main .block .box h3 { font-size: 1.2rem; font-size: 12px; padding:10px 0 3px 0; }
#main .block .box .text { background-color:#fff; padding: 0 5px; color:#2570bc; }
#main .block .box .btn a { font-size: 1.0rem; font-size: 10px; }

#main .block .sbox { float:none; width:100%; margin-left:0px; margin-right:0px; margin-bottom:10px; }
#main .block .sbox h3 { font-size: 1.2rem; font-size: 12px; padding-bottom:5px; margin-bottom:10px; }
#main .block .sbox ul { overflow:hidden; }
#main .block .sbox ul li { width:50%; margin-right:0px;}

#main .block .cbox { float:none; width:auto; padding-bottom:10px; margin-right:10px; margin-left:10px; margin-bottom:10px; padding-top:10px; }
#main .block .cbox .name { height:auto; padding:5px 0; font-size: 1.1rem; font-size: 11px; }
#main .block .cbox .cont { margin:0 10px;}
#main .block .cbox .txt { padding:5px 0 10px 0; font-size: 1.0rem; font-size: 10px; }
#main .block .cbox ul { border-top:1px solid #b8b4ae; width:100%; padding:5px 0; display:table; }
#main .block .cbox ul li.size { font-size: 1.0rem; font-size: 10px;}
#main .block .cbox ul li.price { font-size: 1.2rem; font-size: 12px; }
#main .block .cbox .btn a {
	font-size: 1.0rem;
	font-size: 10px;
	width: 120px;
	padding: 5px;
}

#main .block .data { width:auto; padding:10px; margin:0 auto 10px auto; }
#main .block .data h3 { font-size: 1.1rem; font-size: 11px; margin-bottom:10px; }
#main .block .data .dbox { overflow:hidden; }
#main .block .data .dbox .Lbox { float:none; width:auto; margin-top:15px; padding-bottom:15px; padding-top:5px; border-bottom:0px solid #b8b4ae; border-top:1px solid #b8b4ae;}
#main .block .data .dbox .Lbox ul { border-top:0px solid #b8b4ae; border-bottom:0px solid #b8b4ae; width:100%; padding-bottom:5px; margin-bottom:0px; }
#main .block .data .dbox .Lbox ul li { display:table-cell; vertical-align: middle; }
#main .block .data .dbox .Lbox ul li.size { text-align:left; }
#main .block .data .dbox .Lbox ul li.price { text-align:right; font-weight:bold; font-size: 1.8rem; font-size: 18px; }
#main .block .data .dbox .Lbox p.text { border-top:1px solid #b8b4ae; border-bottom:1px solid #b8b4ae; padding-bottom:10px; padding-top:10px; margin-bottom:10px; }
#main .block .data .dbox .Rbox { float:none; }

#main .block .data .dbox .Rbox .jswap { width:auto; margin:0; }
#main .block .data .dbox .Rbox .jswap img { margin-bottom:0px; }
#main .block .data .dbox .Rbox .jswap ul li { display:table-cell; padding:7px 2px 7px 2px; vertical-align:top; text-align:center; }
#main .block .data .dbox .Rbox .jswap ul li img { height:auto; min-width: 56px; max-width: 56px; }

#main .block .botton { overflow:hidden; width:330px; margin:0 auto 10px auto; }
#main .block .botton .back { float:none; margin-right:0px; }
#main .block .botton .back a { margin: 10px auto 0 auto; }
}