/* 共通設定 */
* { margin:0; padding:0; font-family:'ＭＳ Ｐゴシック',sans-serif; position:relative; }
BODY { min-width:320px; width:100%; background:#000000; margin:0; padding:0; }
H1 { width:90%; font-size:18pt; padding:5px; margin:30px auto; border-bottom:15px double #FFFFFF; color:#FFFFFF; text-align:center; }
H2 { font-size:18pt; }
H3 { width:200px; font-size:12pt; color:#FFFFFF; font-weight:normal; border-radius:50px; margin:5px auto; padding:2px; background:#003300; }
H4 { color:#EE0000; font-size:11pt; font-weight:bold; position:absolute; top:26px; right:5px; float:right; }
A { color:#000000; text-decoration:none; }
A:link A:hover A:visited { color:#000000; text-decoration:none; }
IMG { border:none; margin:0; }
LI { list-style:none; }

#wrap_all { width:100%; height:100%; position:fixed; background:#000000; opacity:0.4; z-index:200; display:none; }

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

/* ホーム z:50/100*/
#top-cover_pc { display:none;}
#top-swiper { display:none;}
.top-img { display:none;}
#top-cover_sp { width:100%; display:block; z-index:200; }

/* バナー */
#web-banner { width:100%; padding:0 0 30px 0; z-index:50; z-index:50; background:rgba(0,0,0,1); }
#web-banner-contents { min-width:320px; width:95%; max-width:1080px; margin:0 auto; text-align:center; }
.web-banner { min-width:320px; width:95%; max-width:780px; border:4px solid #003300; border-radius:10px; margin:10px auto; }
.web-banner:hover { border:4px solid #A8E61D; }
#bas-depot_wrap { min-width:320px; width:95%; max-width:780px; margin:10px auto; text-align:right; }
#bas-depot { width:320px; color:#FFFFFF; font-weight:bold; background:#ff3399; border-radius:10px; padding:5px; text-align:center; display:inline-block; }

/* ショップナビ z:4x */
#shop-navi { width:100%; padding:10px 0 70px 0; z-index:50; background:rgba(0,0,0,0.95); }
#shop-navi-contents { min-width:320px; width:95%; max-width:1080px; margin:0 auto; text-align:center; }

.shoplist { width:100%; font-size:12pt; font-weight:bold; text-align:left; margin:0 10px; }
#shop-direct_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 30px auto 0 auto; display:block; }
#shop-direct { width:98%; margin:10px auto 0 auto; border:4px solid #772200; border-radius:10px; }
#shop-yahoo_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 30px auto 0 auto; display:block; }
#shop-yahoo { width:98%; margin:10px auto 0 auto; border:4px solid #003300; border-radius:10px; }
#shop-rakuten_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 30px auto 0 auto; display:block; }
#shop-rakuten { width:98%; margin:10px auto 0 auto; border:4px solid #003300; border-radius:10px; }
#shop-online_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 30px auto 0 auto; display:block; }
#shop-online { width:98%; margin:10px auto 0 auto; border:4px solid #000099; border-radius:10px; }
#shop-hp_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 30px auto 0 auto; display:block; }
#shop-hp { width:98%; margin:10px auto 0 auto; border:4px solid #000099; border-radius:10px; }
#shop-yad { min-width:320px; width:95%; max-width:740px; margin:60px auto 0 auto; }

/* スクールナビ */
#school-navi { width:100%; padding:10px 0 70px 0; z-index:50; background:rgba(0,0,0,0.85); }
#school-navi-banner { min-width:320px; width:95%; max-width:1080px; margin:0 auto; text-align:center; }
.school-navi-contents { width:280px; margin:0 auto; }

/* インフォナビ z:5x */
#info-navi { width:100%; padding:10px 0 70px 0; z-index:50; background:rgba(0,0,0,0.75); }
#info-navi-contents { min-width:320px; width:95%; max-width:1080px; margin:0 auto; text-align:center; }
.info-banner { min-width:320px; width:95%; max-width:740px; border:4px solid #003300; border-radius:10px; margin:10px auto; }
.info-banner:hover { border:4px solid #A8E61D; }

#salelist { width:320px; margin:0 auto; }
.bike-list { width:320px; margin:20px auto; float:none; }
.bike-maker { width:210px; font-size:12pt; color:#A8E61D; font-weight:bold; margin:5px auto; padding:2px; }
.bike-disp { width:210px; font-size:10pt; color:#003300; font-weight:bold; letter-spacing:0.5px; border-radius:50px 0; margin:5px auto; padding:2px; background:#A8E61D; }

A.firstauto { width:120px; height:60px; font-size:12pt; font-weight:bold; text-decoration:none; text-align:center; border-radius:15px; }

/* リンクナビ */
#link-navi { width:100%; padding:10px 0 70px 0; z-index:50; background:rgba(0,0,0,0); }
.link-navi-contents { width:280px; margin:0 auto; }

.a_link { width:220px; padding:0 20px; background:#FFFFFF; border:4px solid #0066FF; border-radius:10px; opacity:1; display:block; z-index:75; }
.a_link:hover { opacity:0.85; }
.link_wrap { font-size:10pt; height:90px; margin:5px; float:left; }
.link_wrap_ds { font-size:10pt; height:90px; margin:15px 5px; float:left; }
.link_blk { border:4px solid #222222; }
.link_grn { border:4px solid #A8E61D; font-size:12pt; font-weight:bold; color:#FFFFFF; background:#000000; height:55px; }
.link_ds { border:4px solid #CCFF33; background:#FFFFFF; height:55px; }
.sns_fa { border:4px solid #0033FF; }
.sns_tw { border:4px solid #55ACEE; }
.tab_maker { width:228px; font-weight:bold; background:#0066FF; color:#FFFFFF; padding:64px 20px 5px 20px; border-radius:10px; position:absolute; top:0px; z-index:72; }
.tab_acnt { width:228px; font-size:14pt; font-weight:bold; color:#FFFFFF; letter-spacing:1px; padding:62px 20px 2px 20px; border-radius:10px; position:absolute; top:0px; z-index:73; }
.tab_blk { background:#222222; }
.tab_grn { background:#A8E61D; color:#003300; }
.tab_ds { background:#CCFF33; font-size:10pt; color:#003300; line-height:12pt; }
.tab_fa { background:#0033FF; }
.tab_tw { background:#55ACEE; }

/* フッターナビ z:25 */
#footer-navi { width:100%; padding:10px 0 0 0; z-index:25; background:rgba(0,0,0,0); }
#footer-navi-contents { min-width:320px; width:95%; max-width:1080px; height:100px; margin:0 auto; text-align:center; }
#footer-bgimg { min-width:320px; width:100%; max-width:800px; position:fixed; bottom:0; left:0; right:0; margin:0 auto; z-index:1; }
.footer_copy { font-size:8pt; color:#FFFFFF; position:absolute; bottom:10px; right:5px; z-index:50; }
#footer_img1 { height:100px; position:absolute; bottom:40px; left:0px; z-index:50; }
#footer_img2 { height:100px; position:absolute; bottom:40px; left:100px; z-index:50; }


/* --- tab --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:500px) {

H1 { font-size:24pt; }

/* ショップナビ z:4x */
.shoplist { width:100%; font-size:16pt; font-weight:bold; text-align:left; margin:0 10px; }
#bas-depot { width:320px; color:#FFFFFF; font-weight:bold; background:#ff3399; border-radius:10px; padding:10px; text-align:center; display:inline-block; }

/* インフォナビ z:5x */
#info-navi-contents { min-width:480px; width:95%; max-width:1080px; margin:0 auto; text-align:center; }
#salelist { width:480px; margin:50px auto 0 auto; }
.bike-list { width:240px; float:left; }
.bike-maker { width:210px; font-size:12pt; color:#A8E61D; font-weight:bold; margin:5px auto; padding:2px; }
.bike-disp { width:210px; font-size:10pt; color:#003300; font-weight:bold; letter-spacing:0.5px; border-radius:50px 0; margin:5px auto; padding:2px; background:#A8E61D; }

.footer_copy { font-size:11pt; }

}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:680px) {

H1 { width:75%; margin:50px auto 30px auto; border-radius:0; border-bottom:none; color:#000000; background:#A8E61D; transform:skewX(-12deg); }

#top-cover_pc { display:block; min-width:320px; width:100%; max-width:800px; margin:0 auto; z-index:100; }
#top-cover_sp { display:none; }
#top-swiper { display:block; position:absolute; top:0; left:0; right:0; margin:0 auto; z-index:25; }
.top-img { display:block; min-width:320px; width:100%; max-width:800px; position:relative; margin:0 auto; }

/* ショップナビ z:4x */
.shoplist { width:100%; font-size:16pt; font-weight:bold; text-align:left; margin:0 10px; }
#shop-direct_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 40px auto 0 auto; display:block; }
#shop-yahoo_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 40px auto 0 auto; display:block; }
#shop-rakuten_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 40px auto 0 auto; display:block; }
#shop-online_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 40px auto 0 auto; display:block; }

/* インフォナビ z:5x */
#info-navi-contents { min-width:640px; width:95%; max-width:1080px; margin:0 auto; text-align:center; }
#salelist { width:640px; margin:50px auto 0 auto; }
.bike-list { width:320px; float:left; }
.bike-maker { width:210px; font-size:12pt; color:#A8E61D; font-weight:bold; margin:5px auto; padding:2px; }
.bike-disp { width:210px; font-size:10pt; color:#003300; font-weight:bold; letter-spacing:0.5px; border-radius:50px 0; margin:5px auto; padding:2px; background:#A8E61D; }

.school-navi-contents { width:560px; margin:0 auto; }
.link-navi-contents { width:560px; margin:0 auto; }

.footer_copy { font-size:12pt; bottom:15px; }
#footer_img1 { height:120px; bottom:45px; left:0px; }
#footer_img2 { height:120px; bottom:45px; left:135px; }

}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:800px) {
#footer_img1 { height:140px; bottom:15px; left:0px; }
#footer_img2 { height:140px; bottom:15px; left:160px; }
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:880px) {

.shoplist { width:100%; font-size:16pt; font-weight:bold; text-align:left; margin:0 10px; }
#shop-direct_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 60px auto 0 auto; display:block; }
#shop-yahoo_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 60px auto 0 auto; display:block; }
#shop-rakuten_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 60px auto 0 auto; display:block; }
#shop-online_wrap { min-width:320px; width:95%; max-width:740px; color:#FFFFFF; background:#000000; margin: 60px auto 0 auto; display:block; }

.school-navi-contents { width:880px; margin:0 auto; }
.link-navi-contents { width:880px; margin:0 auto; }

#footer_img1 { left:50px; }
#footer_img2 { left:210px; }
}


/* --- pc ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1080px) {

H1 { max-width:1080px; width:80%; border-radius:0; color:#000000; background:#A8E61D; letter-spacing:20px; transform:skewX(-12deg); }

/* ショップナビ z:4x */
.shoplist { width:100%; font-size:20pt; font-weight:bold; text-align:left; margin:0 10px; }

/* スクールナビ */
.school-navi-contents { max-width:1120px; }

/* リンクナビ z:7x */
.link_wrap { font-size:12pt; }
.tab_acnt { font-size:18pt; }
.link-navi-contents { max-width:1120px; }

.school-navi-contents { width:100%; margin:0 auto; }
.link-navi-contents { width:100%; margin:0 auto; }

#footer_img1 { left:100px; }
#footer_img2 { left:280px; }

}

/* --- wide ------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1530px) {

#info-fb, #info-tw { border-left-width:5px; border-right-width:5px; padding:0; margin:5px auto 10px 20px; left:120px; float:left; }
#info-navi-contents { max-width:1280px; }
#footer-navi-contents { max-width:1080px; }

}