@charset "shift_jis";
/* ===== 共通設定用CSS ===== */
/* --------------------------------------
要素初期属性補正設定
-------------------------------------- */
body{
font-family: Helvetica,Arial,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Droid Sans',sans-serif;
}
ul,ol,li,
dl,dt,dd{
margin:0;
padding:0;
}
ul,ol,li{
list-style:none;
}
/* --------------------------------------
汎用 class 設定
-------------------------------------- */
/*
タグ非表示 class */
.delete_hr hr{
display:none;
}
/*
タグ非表示 class */
.delete_br br{
display:none;
}
/* ![]()
タグ非表示 class */
.delete_img img{
display:none;
}
/* --------------------------------------
ナビゲーション用の設定
-------------------------------------- */
nav.gNav{
display:block!important;
margin:0 5px 15px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:-moz-linear-gradient(top, #90c7ff,#265fac 100%);
background:-webkit-gradient(linear, center top, center bottom, from(#90c7ff), color-stop(1.0, #265fac));
}
nav.gNav ul{
padding:1px;
border:1px solid #678fc5;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
}
nav.gNav li{
float:left;
width:25%;
border-right:1px solid #154090;
background:-moz-linear-gradient(top, #5a9ffd,#255eac 100%);
background:-webkit-gradient(linear, center top, center bottom, from(#5a9ffd), color-stop(1.0, #255eac));
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}
nav.gNav li a img{
width:100%!important;
}
nav.gNav li:last-child{
border-right:none;
}
nav.gNav li a{
display:block;
padding:5px 10px;
}
/* --------------------------------------
検索エリア用の設定
-------------------------------------- */
div.searchBox{
display:block!important;
margin:0 10px 15px;
padding:10px;
border:2px solid #cacaca;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:url("../../img/mobile/sp/cmn/bg_searchbox.png") repeat 0 0;
-moz-background-size:6px 6px;
-webkit-background-size:6px 6px;
background-size:6px 6px;
}
div.searchBox span.ttl{
display:inline-block;
padding:0 0 5px 30px;
background:url("../../img/mobile/sp/cmn/icn_search.png") no-repeat 0 0;
-moz-background-size:26px 25px;
-webkit-background-size:26px 25px;
background-size:26px 25px;
font-weight:bold;
color:#2052a1;
}
div.searchBox font span{
display:inline-block;
font-size:12px;
font-weight:bold;
color:#979796;
}
div.searchBox font span:first-letter{f
ont-size:0;
}
div.searchBox select{
width:100%;
height:28px;
line-height:28px;
margin:0 0 5px;
border:2px solid #005ec8;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:14px;
}
div.searchBox input[type=text]{
float:left;
width:80%;
height:28px;
line-height:28px;
margin:0 0 5px;
border:2px solid #005ec8;
-moz-border-top-left-radius:2px;
-webkit-border-top-left-radius:2px;
border-top-left-radius:2px;
-moz-border-top-right-radius:0;
-webkit-border-top-right-radius:0;
border-top-right-radius:0;
-moz-border-bottom-right-radius:0;
-webkit-border-bottom-right-radius:0;
border-bottom-right-radius:0;
-moz-border-bottom-left-radius:2px;
-webkit-border-bottom-left-radius:2px;
border-bottom-left-radius:2px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:14px;
-webkit-appearance: none;
}
div.searchBox input[type=submit]{
left:right;
width:20%;
height:28px!important;
padding-top:3px!important;
margin:0 0 5px;
border:2px solid #005ec8;
-moz-border-top-left-radius:0;
-webkit-border-top-left-radius:0;
border-top-left-radius:0;
-moz-border-top-right-radius:2px;
-webkit-border-top-right-radius:2px;
border-top-right-radius:2px;
-moz-border-bottom-right-radius:2px;
-webkit-border-bottom-right-radius:2px;
border-bottom-right-radius:2px;
-moz-border-bottom-left-radius:0;
-webkit-border-bottom-left-radius:0;
border-bottom-left-radius:0;
background:#005ec8;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
color:#ffffff;
-webkit-appearance: none;
}
/* ★★★ */
div.searchBox br{
clear:both;
}
/* ★★★ */
/* --------------------------------------
サブページ用見出しの設定
-------------------------------------- */
h2.subttl{width:100%; padding:15px 0; text-align:center; background:#DDDDDD; font-size:18px; font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#333; font-weight:normal;}
/* --------------------------------------
青背通小見出しの設定
-------------------------------------- */
h2.ttl{
height:33px;
line-height:33px;
margin-top:10px;
padding:0 10px;
background:url("../../img/mobile/sp/cmn/bg_h2.png") repeat-x 0 0;
-moz-background-size:4px 33px;
-webkit-background-size:4px 33px;
background-size:4px 33px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 3px 3px rgba(0,0,0,0.4);
color:#ffffff!important;
}
h2.ttl span{
margin:0 0 0 10px;
font-size:12px!important;
color:#ffffff!important;
}
h2.ttl font{
font-size:16px!important;
color:#ffffff!important;
}
/* --------------------------------------
ページ下部リンク仕様(パネルリンク)
-------------------------------------- */
nav.guideLink{
display:block!important;
margin:0 19px 0;
}
nav.guideLink font{
display:none;
}
nav.guideLin>br{
display:none;
}
nav.guideLink a{
display:block;
height:44px;
line-height:44px;
padding:0 6px;
background:url("../../img/mobile/sp/cmn/icn_arr.png") no-repeat 98% center,url("../../img/mobile/sp/cmn/bg_guidelink.png") repeat-x 0 bottom;
-moz-background-size:8px 13px, 9px 1px;
-webkit-background-size:8px 13px, 9px 1px;
background-size:8px 13px, 9px 1px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
color:#2052a1;
}
nav.guideLink a:before{
float:left;
margin:0 6px 0 0;
content:"▼";
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
font-size:8px;
}
nav.guideLink a >font{
display:block;
font-weight:bold;
color:#2052a1;
}
/* --------------------------------------
ページ下部リンク仕様(テキストリンク)
-------------------------------------- */
nav.privacyLink{
display:block!important;
padding:25px 19px;
}
nav.privacyLink a{
padding:0 0 0 20px;
background:url("../../img/mobile/sp/cmn/icn_arr_disc.png") no-repeat 0 center;
-moz-background-size:14px 14px;
-webkit-background-size:14px 14px;
background-size:14px 14px;
}
nav.privacyLink a font{
font-size:14px;
color:#666666;
}
/* --------------------------------------
フッターの設定
-------------------------------------- */
footer{
display:block!important;
}
footer div.funcArea{
padding:15px 15px 0;
border-top:5px solid #2052a1;
}
footer div.funcArea ul{
margin:0 0 5px;
overflow:hidden;
}
footer div.funcArea li{
float:left;
width:49%;
}
footer div.funcArea li:last-child{
float:right;
}
footer div.funcArea p{
line-height:1.4;
margin:0 0 15px;
font-size:10px;
text-align:center;
}
footer div.funcArea p a{
display:block!important;
width:60%!important;
margin:0 auto!important;
}
footer div.funcArea img{
width:100%!important;
}
footer div.copyright{
padding:5px 0;
border-top:1px solid #0078ff;
border-bottom:1px solid #0078ff;
line-height:1.4;
background:#a7ceff;
color:#ffffff;
text-align:center;
}
footer div.copyright div{
display:inline;
}
footer div.copyright div font{
font-size:11px;
}
/* --------------------------------------
アイコンの設定
-------------------------------------- */
/* 共通設定 */
/* color="dodgerblue" ：新品 */
/* color="brown" ：中古 */
/* color="#E10033" ：送料無料 */
span.bg_title font[color="dodgerblue"],
span.bg_title font[color="brown"],
span.bg_title font[color="#E10033"],
span.bg_title font[color="green"],
span.bg_title font[color="crimson"],
div.itemList font[color="dodgerblue"],
div.itemList font[color="brown"],
div.itemList font[color="#E10033"]{
display:inline-block;
width:60px;
margin:0 0 10px;
padding:3px 0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-size:12px!important;
color:#ffffff;
text-align:center;
text-shadow:0 0 0 #ffffff;
line-height:1.4em!important;
}
/* 共通設定 */
/* color="green" ：BG認定中古 */
/* color="#E10033" ：新古OUTLET */
div.itemList font[color="green"],
div.itemList font[color="crimson"]{
display:inline-block;
width:60px;
margin:0 0 10px;
padding:4px 0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-size:12px!important;
color:#ffffff;
text-align:center;
text-shadow:0 0 0 #ffffff;
line-height:1.4em!important;
}
/* 新品 独自設定 */
span.bg_title font[color="dodgerblue"],
div.itemList font[color="dodgerblue"]{
background:-moz-linear-gradient(top, #67d2fe,#1ea2e3 100%);
background:-webkit-gradient(linear, center top, center bottom, from(#67d2fe), color-stop(1.0, #1ea2e3));
-webkit-box-shadow:0 0 0 1px #81d6fb, 0 0 0 2px #35b2f2;
-moz-box-shadow:0 0 0 1px #81d6fb, 0 0 0 2px #35b2f2;
box-shadow:0 0 0 1px #81d6fb, 0 0 0 2px #35b2f2;
}
/* 中古 独自設定 */
span.bg_title font[color="brown"],
div.itemList font[color="brown"]{
background:-moz-linear-gradient(top, #d8e0e2,#b1b6b9 100%);
background:-webkit-gradient(linear, center top, center bottom, from(#d8e0e2), color-stop(1.0, #b1b6b9));
-webkit-box-shadow:0 0 0 1px #c7cccf, 0 0 0 2px #afb4b7;
-moz-box-shadow:0 0 0 1px #c7cccf, 0 0 0 2px #afb4b7;
box-shadow:0 0 0 1px #c7cccf, 0 0 0 2px #afb4b7;
}
/* 送料無料 独自設定 */
span.bg_title font[color="#E10033"],
div.itemList font[color="#E10033"]{
background:-moz-linear-gradient(top, #fdb2f5,#e951da 100%);
background:-webkit-gradient(linear, center top, center bottom, from(#fdb2f5), color-stop(1.0, #e951da));
-webkit-box-shadow:0 0 0 1px #ffd2f9, 0 0 0 2px #fb71eb;
-moz-box-shadow:0 0 0 1px #ffd2f9, 0 0 0 2px #fb71eb;
box-shadow:0 0 0 1px #ffd2f9, 0 0 0 2px #fb71eb;
}
/* BG認定中古 独自設定 */
span.bg_title font[color="green"],
div.itemList font[color="green"]{
background:-moz-linear-gradient(top, #7FFF00,#228B22 100%);
background:-webkit-gradient(linear, center top, center bottom, from(#7FFF00), color-stop(1.0, #228B22));
-webkit-box-shadow:0 0 0 1px #90EE90 0 0 0 2px #119a22;
-moz-box-shadow:0 0 0 1px #90EE90, 0 0 0 2px #119a22;
box-shadow:0 0 0 1px #90EE90, 0 0 0 2px #119a22;
font-size:10px!important;
}
/* 新古OUTLET 独自設定 */
span.bg_title font[color="crimson"],
div.itemList font[color="crimson"]{
width:66px!important;
background:-moz-linear-gradient(top, #F08080,#DC143C 100%);
background:-webkit-gradient(linear, center top, center bottom, from(#F08080), color-stop(1.0, #DC143C));
-webkit-box-shadow:0 0 0 1px #f2aeae, 0 0 0 2px #cb032b;
-moz-box-shadow:0 0 0 1px #f2aeae, 0 0 0 2px #cb032b;
box-shadow:0 0 0 1px #f2aeae, 0 0 0 2px #cb032b;
font-size:10px!important;
}
/* --------------------------------------
イメージギャラリーの共通設定
-------------------------------------- */
/* フリックの矢印共通設定 */
.mcsp_ig2_button a[id^="mcsp_ig2_prev"],
.mcsp_ig2_button a[id^="mcsp_ig2_next"]{
width:46px;
min-height:35px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
background-size:46px auto !important;
-webkit-background-size:46px auto !important;
-moz-background-size:46px auto !important;
-o-background-size:46px auto !important;
-khtml-background-size:46px auto !important;
-ms-background-size:46px auto !important;
background-position: left;
}
/* フリックの戻る矢印の設定 */
.mcsp_ig2_button a[id^="mcsp_ig2_prev"] {
margin-left:2.5%;
background: url("../../img/mobile/sp/cmn/arrow_prev.png") no-repeat;
}
/* フリックの次へ矢印の設定 */
.mcsp_ig2_button a[id^="mcsp_ig2_next"] {
margin-right:2.5%;
background: url("../../img/mobile/sp/cmn/arrow_next.png") no-repeat;
}
/* フリック部分ページャーの設定 */
.mcsp_ig2_button .pager a,
.mcsp_ig2_button .pager a:hover {
margin:5px 7px!important;
text-decoration: none;
padding: 0!important;
height: 12px!important;
width: 12px!important;
border: 0!important;
}
.mcsp_ig2_button a[id]::after{
border-top-style: none;
border-top-width: 0;
border-right-style: none;
border-right-width: 0;
}
.mcsp_ig2_button div[id="mcsp_ig2_pager"] .selected,
.mcsp_ig2_button div[id="mcsp_ig2_pager"] .selected:hover{
background-color: #006!important;
color: #006!important;
}
.mcsp_ig2_button div[id="mcsp_ig2_pager"] a,
.mcsp_ig2_button div[id="mcsp_ig2_pager"] a:hover{
background-color: #CCC!important;
color: #CCC!important;
}
.mcsp_ig2_button div[id="mcsp_ig2_pager"] span{
display:none;
font-size:9px;
}