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

	ヘッダーフッター等共通CSS

----------------------------------------------------------*/
/*header上のバナー*/

.c-banner {
	/*画像で変更*/
	/*background:url('../img/top/161215_line_banner_pc_back.jpg') center;*/
	/*セールカラー*/
	/*background:#bc0f23;*/
	/*タイムセールカラー*/
	/*background:#eeab29;*/
	/*ダブルポイントカラー*/
	/*background:#00a6dd;*/
	/*10%OFFカラー*/
	/*background:#ffee60;*/
	/*10周年*/
	/*background:#f6f6f6;*/
	/*TIMESALE*/
	/*background:#1a80cc;*/
	/*お戻し用*/
	/*background:#ffffff;*/
	/*MEMVERS*/
	/*background:#6be2d9;*/
	/*MORE SALE*/
	background:#ff2c00;
	/*TIME SALE*/
	/*background:#fcff00;*/
}

/*header*/
.ui-helper-hidden-accessible{
display:none;
}
.d-suggest-list{
z-index:100;
}
header.l-header  h1.m-heading a{
display:inline-block;
margin-top: -11px;
margin-bottom: -11px;
height: 60px;
}
header.l-header  h1.m-heading a img {
height: 60px;
}
header.c-header .logo a {
text-indent: -9999px;
display: block;
width:250px;
background:url('../img/common/logo.png') no-repeat center;
background-size: contain;
}
header.c-header > div:nth-child(2) {
border:none;
}
header.c-header .globalNav .content{
background:#f9f9f9;
}

nav.globalNav.d-dropdown {
    width: 982px;
    margin: 0 auto;
    position: relative;
}
header.c-header span.point small{
display: inline-block;
padding: 0 0 0 4px;
}
/*.c-header--maxは新設したModifierで横幅を100%にするためのものです*/
header.c-header > div.c-header--max {
border-top: 1px solid #e5e5e5;
width:100%;
margin:0;
padding:0;
}
/*.c-header ログイン favを縦並びにする*/
.c-header .menu div.fav.d-dropdown div.content.d-dropdown-content.logged{
display:block;
min-width: initial;
min-width: auto;
width:100px;
padding: 0 0 6px;
}
.c-header .menu div.fav.d-dropdown div.content.d-dropdown-content.logged a.m-link{
display:block;
margin:11px 24px;
text-align:left;
}
/*.c-header ログイン周辺*/
.c-header .userNav ul.d-dropdown-content.logged{
width:auto;
right:39px;
}
.c-header .userNav ul.d-dropdown-content.outed{
width:124px;
right:39px;
}
.c-header .userNav ul.d-dropdown-content li{
margin-right:24px;
margin-left:24px;
}
.c-header .menu .fav .content {
min-width: 300px;
}
/*.c-header カート周辺*/
.c-header div.cart div.d-dropdown-content div.btn a.m-btn{
padding-right:12px;
padding-left:12px;
min-width: 180px;
}
.c-header div.notification div.d-dropdown-content.logged div.btn a{
min-width: 180px;
}

.c-header .globalNav li{
    font-size: 12px;
    line-height: 26px;
}
.c-header .globalNav .btn { right:160px;}

.l-main--wide .l-col5.c-itemList .thumb img,
.l-main--wide .l-col5.c-snapList .thumb img,
.l-sub + .l-main .l-col5.c-itemList .thumb img,
.l-sub + .l-main .l-col5.c-snapList .thumb img {
  width: 150px;
  height: 180px;
}
.l-sub + .l-main .l-col3.c-itemList .thumb img,
.l-sub + .l-main .l-col3.c-snapList .thumb img{
width:256px;
height:307px;
}
.l-main .l-col4--whole > li, .l-main .l-col4--whole > div, .l-main .l-col4--whole > section{
  margin-bottom: 50px;
  margin-left: 11px;
  width: 237px;
}
.l-main .l-col4--whole > li a img, .l-main .l-col4--whole > div a img, .l-main .l-col4--whole > section a img{
	height:284px;
	width:auto;
}
.l-col2,
.l-col3,
.l-col4,
.l-col5,
.l-col6,
.l-col8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap:wrap;
  flex-wrap: wrap;
}

.c-noticeList .discount {
  color: #fc125d;
}
.c-subNav li {border:none;}

.c-gallery .thumb.d-slider-thumb.lock li.is-current span{
    border-color:#333;
}

/* FOOTER ------------------------------------------------------*/
.c-footer {
    margin-top: 55px;
    border-top:none;
    padding: 44px 0 30px;
    background: #f0f0f0;
    margin-bottom: -25px;
}
.c-footer .col-01 {float:left;width:363px;}
.c-footer .col-02 {float:left;width:270px;}
.c-footer .col-03 {float:left;width:340px;}
.c-footer .col-01 .app {display:none;}
.c-footer .support {float:none; width:auto;}
.c-footer .link2 li {
    font-size: 14px;
    margin-bottom: 20px;
}
/* 外部リンク用アイコン表示  modefied*/
footer .col-03 a[target="_blank"] {
    padding-right: 100px;
    background-image: url(../img/common/icon.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: -1166px;
    height: 12px;
    display: inline-block;
}

/*トップへ戻るボタン*/
.d-pageTop {
  display: block;
  position: fixed;
  right: 10px;
  bottom: 11px;
  width: 42px;
  height: 42px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  border: 1px solid #999;
  z-index: 4;
}
.d-pageTop:after {
  content: '';
  position: absolute;
  top: 18px;
  left: 16px;
  width: 10px;
  height: 10px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*サイドナビ hoverColor*/
.c-subNav a:hover {
    background: #eee;
}
.c-header .userNav li {
    text-align: left;
}
/*サイドナビ カラーチップ 「selected」*/
.byColor ul li a {
cursor:pointer;
}
.byColor li.selected a {
    border-color: #333 !important;
    box-shadow: 0 0 0 1px #FFF inset;
}
/*サイドナビ カラーチップ 「その他」*/
li.tip15{}
.c-search .byColor ul li.tip15 a {border:1px dashed #999;}
/*サイドナビ フリーワード input 級数*/
.c-search--nav .byText input[type=text] {
    font-size: 12px;
}
/*
汎用ヴァリデーションModifier
*/
.c-form dd label{
position: relative;
display: inline-block;
margin-left:12px;
}
.c-form dd label + a{
padding-left:8px;
}
.c-form dd label:first-child{
margin-left:0;
}
.c-form dd b{
display:inline-block;
padding:0 0 0 6px;
font-weight:normal;
vertical-align: -webkit-baseline-middle;
}
.d-form-error {
display: inline-block;
top:-20px;
left:10px;
width: 480px;
}
.d-form-error .errorText{
display:inline-block;
padding: 0px 4px;
text-align: center;
width:auto;
}
.d-form-error .errorText:before {
left: 8px;
border: 9px solid transparent;
border-top: 9px solid #ffa8a8;
}
.d-form-error .errorText:after {
left: 9px;
border: 8px solid transparent;
border-top: 8px solid #ffedf5;
}
.d-form-error#err-post_no{
width:640px;
top: -22px;
}
.d-form-error#err-sex,
.d-form-error#err-dm_flg,
.d-form-error#err-mail_permission{
top:-22px;
left:0;
}
.d-form-error#err-mail_permission{
top:-18px;
}
.d-form-error#err-sex .errorText:before,
.d-form-error#err-dm_flg .errorText:before,
.d-form-error#err-mail_permission .errorText:before {
top: 3px;
left: -16px;
border: 8px solid transparent;
border-right: 8px solid #ffa8a8;
}
.d-form-error#err-sex .errorText:after,
.d-form-error#err-dm_flg .errorText:after,
.d-form-error#err-mail_permission .errorText:after {
top: 4px;
left: -14px;
border: 7px solid transparent;
border-right: 7px solid #ffedf5;
}
/*
エラーメッセージ
*/
p.fav-mes{
padding:2px 8px;
border:1px solid #00a6dd;
border-radius:4px;
background:#cceeff;
color:#00a6dd;
z-index:10000;
}
p.fav-mes.fav-mes-del{
border:1px solid #ccc;
color:#666;
background:#eee;
z-index:10000;
}
p.fav-mes.fav-mes-error{
border:1px solid #ffa8a8;
color:#e9506b;
background:#ffedf5;
z-index:10000;
}

/*
汎用パーツ：
*/
.m-btn--external:after {
  margin-left: 5px;
  content: '';
  display: inline-block;
  background-image: url(../img/common/icon.png);
  background-repeat: no-repeat;
  background-position: 0 -1167px;
  height: 11px;
  width: 11px;
  pointer-events: none;
}
.m-btn--external--text{
    color:#00a6dd;
    padding:0 6px 0 0;
}
.strategy-message {
    color:#666;
    font-size:10px;
    padding: 0 0 0px 12px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
.c-form .m-text--short{
width:200px;
}

/*レビュー*/
.c-item .content .histogram .meter{
height:6px;
}
.c-item .content .histogram .bar{
height:6px;
}

/*一覧アイテム ブランド名をclipする*/
.c-itemList .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.c-itemList .size {
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 52px;
    text-align: center;
    background: rgba(255, 255, 255, 0.95);
    transition: 0.3s;
    z-index: 2;
    visibility: hidden;
}

.c-snapList .brand {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*クーポン スタイルチェンジ*/

.c-couponList .thumb,
.c-couponList .data{
    display: block;
    border:none;
    padding: 0;
}
.c-couponList .thumb,
.c-noticeList .thumb{
    margin:0 0 11px;
    padding:0;
    width:auto;
    min-height:auto;
}
.c-noticeList .thumb{
	margin:22px 22px 22px 11px;
}
.c-noticeList .data{
	margin:0;
}
.c-couponList .circle{
    display: block;
    height:auto;
    border:1px solid #00a6dd;
    color:#00a6dd;
    background:#fff;
    border-radius:4px;
}
.c-noticeList .circle{
    display: block;
    height:auto;
    border:1px solid #00a6dd;
    color:#00a6dd;
    background:#fff;
    border-radius:4px;
	padding:6px 22px;
	line-height:1;
}
.c-couponList .coupon:first-child .thumb,
.c-couponList .coupon:first-child .data{
    position:static;
    border:none;
    padding:0;
}
.c-couponList li.coupon{
    display:block;
    border-bottom: 1px solid #e5e5e5;
    padding: 22px 11px;
}
.c-couponList li:first-child{
    border-top: 1px solid #999;
}

.c-subNav li + li{
    margin-top:1px;
}
.l-main--max{
    width:auto;
    float:none;
}
.l-main--comp{
    width:auto;
}
.l-main--max .c-lead,
.l-main--comp .c-lead{
    text-align:center;
}
.l-main--max ul.note,
.l-main--comp ul.note{
    display: inline-block;
    margin:11px auto;
    margin-left:12px;
}
.l-main--max ul.note li,
.l-main--comp ul.note li{
    text-align: left;
    line-height: 1;
    margin: 0 0 12px 0;
    font-size:11px;
}
.l-main--max ul.note li:before,
.l-main--comp ul.note li:before{
    content:'\203B';
    margin-left:-12px;
}
/* スナップリスト オーバー時サムネイル */
.c-snapList .detail{
    padding-top:11px;
}
.c-snapList .detail li {
    margin-bottom: 11px;
}
.c-snapList .detail .detailThumb {
    height: 53px;
}

/* ie9 formValdater */
.is-ie9 .m-select{
    overflow:visible;
}
.is-ie9 .m-select:after{
	display:none;
}
.is-ie9 .m-select select {
    width:auto;
	min-width:120px;
	border:1px solid #ccc;
	padding-right:0;
}
.is-ie9 .m-select select option{
	padding-right:11px;
}
.sp-disp { display:none;}
.pc-disp { display:block;}
img.pc-disp { display:inline;}

a img{-webkit-backface-visibility: hidden; backface-visibility: hidden; }/*opacityBlur対策*/

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}



/* icon sprite */
.c-header .userNav p:before, .c-header.is-login .userNav p:before, .c-header .search input[type=submit], .c-header .menu .fav .icon, .c-header .menu .fav:active .icon, .c-header .menu .notification .icon, .c-header .menu .notification:active .icon, .c-header .menu .cart .icon, .c-header .menu .cart:active .icon, .c-header .globalNav .btn, .c-header .globalNav:active .btn, .c-subNav a.remove:after, .c-search .byBrand a.remove:after, .c-articleList--sub .ranking, .c-articleList--sub .ranking1, .c-articleList--sub .ranking2, .c-articleList--sub .ranking3, .c-sort .column .sm, .c-sort .column .sm.is-checked, .c-sort .column .lg, .c-sort .column .lg.is-checked, .c-itemList .fav, .c-itemList .fav.is-checked, .c-itemList .ranking, .c-itemList .ranking1, .c-itemList .ranking2, .c-itemList .ranking3, .c-step li:after, .c-helpList .icon1:after, .c-helpList .icon2:after, .c-helpList .icon3:after, .c-helpList .icon4:after, .c-helpList .icon5:after, .c-helpList .icon6:after, .c-helpList .icon7:after, .c-helpList .icon8:after, .c-footer .tel:before, .c-footer .mail:before, .c-footer .faq:before, .m-radio + span:before, .m-radio:checked + span:before, .m-checkbox + span:before, .m-checkbox:checked + span:before, .m-checkbox--fav + span:before, .m-checkbox--fav:checked + span:before, .m-select:after, .m-link--external:after, .m-fav:before, .m-fav.is-checked:before, .m-save:before, .m-save.is-checked:before, .m-stars--sm, .m-stars--sm span, .m-stars--md, .m-stars--md span, .m-stars--lg, .m-stars--lg span, .m-twitter, .m-facebook, .m-instagram, .m-line, .m-twitter--secondary, .m-facebook--secondary, .m-instagram--secondary, .m-line--secondary, .m-app, .d-modal-content .close, .d-stars, .d-stars label:active input[type=radio]:enabled + span, .d-stars input[type=radio]:checked + span, .d-suggest-remove:after {
  background-image: url('../img/common/icon.png');
  background-repeat: no-repeat;
}