@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");

/*
 * File Name: header_footer_rsw.css
 * Date: 2015.09.24
 * Update: 2015.09.24
 *

 *    --- --- Index --- ---
 * 01. Header Footer Parts
 * 01-1 Wrapper
 * 01-2 Text
 * 01-3 Font Style
 * 01-4 Background Color
 *  01-5 Clear fix
 *  01-6. Responsive : Parts
    * 01-Rsw_1 Wrapper
    * 01-Rsw_2 Smart Phone Background  Color
 *
 * 02. Header Area Style
 * 02-1 Header Setting
 * 02-2 Header Navigation
 * 02-3 Header Area
 * 02-4 Pop Up Naigation
 * 02-5 Global Navigation
 * 02-6 Big Search Area
 * 02-7 PC表示モード時に非表示する要素
 * 02-8 Mega Menu
 * 02-9 Header Banner
 * 02-10 Header Banner
 * 02-11 Header staff_disscount
 *  02-12. Responsive : Header
    * 02-Rsw_1 SmartPhone Header
    * 02-Rsw_2 Infomation
    * 02-Rsw_3 Header Search
    * 02-Rsw_4 Navigation
 *
 *  03. Footer Area Style
 * 03-1 Brand List
 * 03-2 SNS Share
 * 03-3 Mail Magazine
 * 03-4 Footer Sitemap
 * 03-5 Footer Navigation
 * 03-6 スマートフォン用モジュール
 *  03-7. Responsive : Footer
    * 03-Rsw_1 Footer Parts
    * 03-Rsw_2 Category Search
    * 03-Rsw_3  Footer Brand List
    * 03-Rsw_4 Footer Sitemap
    * 03-Rsw_5 footer Navigation
 *
*/





/*  01. Header Footer Parts
------------ ------------ ------------
------------ ------------ ------------
*/
body{ padding: 0; }

/* 01-1 Wrapper
------------
*/

.wrap {
width: 100%;
}

.wrap .inner {
width: 960px;
margin: 0 auto;
}

.nopdg {
padding: 0 !important;
}

.nobdr {
border: none !important;
}

.pcMode {
display: block;
}

.spMode {
direction: none;
}

.js-list {
display: none;
}




/* 01-2 Text
------------
*/

.asl {
text-align: center;
}

.asc {
text-align: center;
}

.asr {
text-align: right;
}





/* 01-3 Font Style
------------
*/

.bold {
font-weight: bold;
}

.fontColorlightBlue {
color: #3dbfcc;
}

.fontColorlightGray {
color: #b4b4b4;
}
.fontColorRed {
color: #ff3366;
}





/* 01-4 Background Color
------------
*/

.bgColorLightGray {
background: #efefef;
}

.bgColorDarkGray {
background: #3d3a39;
}

.bgColorBlack {
background: #000000;
}

.spMode {
display: none;
}


.badgeCounter {
position: absolute;
top: -4px;
right: -10px;
padding: 0 5px;
min-width: 10px;
background: #3dc0ca;
border-radius: 3px;
color: #fff;
font-size: 0.8em;
font-weight: bold;
font-family: Arial;
text-align: center;
}

@media screen and (max-width: 719px) {
    .badgeCounter {
        padding: 1px 5px;
    }

}


.btnPagetop {
    opacity: 0;
    bottom: 20px;
    z-index: 500;
    position: fixed;
    right: 0;
    transition: opacity 0.4s linear;
    -moz-transition: opacity;
    -o-transition: opacity;
    -webkit-transition: opacity 0.4s linear;
}

.btnPagetop.visible{
    opacity: 1;
}

.btnPagetop a {
display: block;
width: 60px;
height: 60px;
background: url("../images/btn_pagetop.png") 0 0 no-repeat;
}









/*  01-5 Clear fix
------------------------
------------------------
*/

.inner:after,
.mailMag:after,
.footerSitemap:after,
.clmWrap:after,
.mod-bigTileInfo:after,
.brandlist:after,
.clearfix:after { /zoom : 1; }

.inner:after,
.mailMag:after,
.footerSitemap:after,
.clmWrap:after,
.mod-bigTileInfo:after,
.brandlist:after,
.clearfix:after {
content: '';
display: block;
clear: both;
height: 0;
}




/* Font size Navigation PC */
/*.mod-globalNav .gNav li a{
    font-size: 14px !important;
    line-height: 20px !important;
}*/
/*.mod-globalNav .gNav li.gNav-magazine a{ font-size: 15px !important; }*/
.mod-megaMenu .hdl{ font-size: 15px !important; }
.mod-megaMenu .hdl span{ font-size: 13px !important; }
.mod-megaMenu .list a span{ font-size: 11px !important; }
.mod-megaMenu .list a span.fn_eg{ font-size: 13px !important; }
.mod-megaMenu .list a span.twoline{ padding-left: 10px;}
.mod-megaMenu .subCategory a{ font-size: 13px !important; }
.mod-megaMenu .list a{ font-size: 12px !important; }

/*  01-6. Responsive : Parts
------------ ------------ ------------
------------ ------------ ------------
*/

@media screen and (max-width: 719px) {

    .spMode {
    display: block;
    }

    .pcMode {
    display: none;
    }


    /* 01-Rsw_1 Wrapper
    ------------
    */

    .wrap .inner {
    width: 100%;
    margin: 0;
    }


    /*  01-Rsw_2 Smart Phone Background  Color
    ------------------------
    ------------------------
    */

    .spBgColorWhite {
    background: #fff;
    }

}





/*  02. Header Area Style
------------ ------------ ------------
------------ ------------ ------------
*/


/* 02-1 Header Setting
------------
*/

.mod-header {}
.shopping_header{
    border-bottom: 7px solid #000;
    padding-bottom: 6px;
    margin-bottom: 9px;
}
.mod-header .inner {
    position: relative;
    width: 960px;
    height: 80px;
    background: url("../common/images_new/header/header_copy01.gif") 0 18px no-repeat;

}

.mod-header .inner .code-container {
    position: absolute;
    right: 0;
    top: 20px;
}

.mod-header .cmn-logo {
position: absolute;
top: 31px;
/* 通常ロゴ*/
left: 50%;
/* SALEロゴ
left: 43.5%;*/
margin-left: -183px;
}

.mod-header .cmn-logo a {
text-indent: -9999px;
display: block;
/* 通常ロゴ*/
width: 326px;
height: 32px;
background: url("../common/images_new/header/header_logo.gif?191011") 0 0 no-repeat;

/* SALEロゴ
width: 304px;
height: 46px;
background: url("../images_new/header/header_logo_sale.gif") 0 0 no-repeat;*/
}

.mod-header .cmn-logo span {
text-indent: -9999px;
display: block;
/* 通常ロゴ*/
width: 326px;
height: 32px;
background: url("../common/images_new/header/header_logo.gif?191011") 0 0 no-repeat;

/* SALEロゴ
width: 304px;
height: 46px;
background: url("../images_new/header/header_logo_sale.gif") 0 0 no-repeat;*/
}

.mod-header .cmn-stafflogo {
position: absolute;
top: 18px;
left: 50%;
margin-left: -130px;
}

.mod-header .cmn-stafflogo a {
text-indent: -9999px;
display: block;
width: 249px;
height: 48px;
background: url("../common/images_new/header/header_logo_employees.gif") 0 0 no-repeat;
}


/* 02-2 Header Navigation
------------
*/


.mod-header .headerGender{
    position: absolute;
    top:41px;
}
@media (max-width:719px){
    .ui-widget.ui-widget-content.ui-autocomplete{
        max-width: 330px;
    }
    .mod-header .headerGender{
        display: none;
    }
}
.mod-header .headerGender .nav li{
    display: inline-block;
    width:80px;
}
.mod-header .headerGender a{
    display: block;
    padding-bottom: 4px;
    background-position: bottom left;
    background-repeat: repeat-x;
    background-image: url(../common/images_new/header/btn_underline.gif);
    text-align: center;
}
.mod-header .headerGender a.active{
    background-image: url(../common/images_new/header/btn_underline_active.gif);
}
.mod-header .headerNav {
position: absolute;
top: 19px;
right: 0;
height: 80px;
}

.mod-header .headerNav .nav {}
.mod-header .headerNav .nav li {
position: relative;
float: left;
}

.mod-header .headerNav .nav a {
display: block;
box-sizing: border-box;
}

.mod-header .headerNav .nav .icon {
text-indent: -9999px;
margin-left: 20px;
background: url("../common/images_new/header/icon_header_nav.png") no-repeat;
}

.mod-header .headerNav .noticon {
}

.mod-header .headerNav .noticon {
text-indent: 0;
background: none;
vertical-align: bottom;
}



/* User Name
 */

.mod-header .headerNav .btn-hName .notbtn {
padding-top: 23px;
height: 40px;
color: #777777;
text-decoration: none;
}

.mod-header .headerNav .btn-hName a:hover {
text-decoration: none;
color: #3dbfcc;
}

.mod-header .headerNav .btn-hName .is-current {
color: #3dbfcc;
text-decoration: none;
}

.mod-header .headerNav .btn-hName .is-current:hover {
}



/* My Page
 */

.mod-header .headerNav .btn-hMyPage .icon {
width: 36px;
height: 43px;
background-position: 0 -44px;
}

.mod-header .headerNav .btn-hMyPage .icon:hover {
background-position: 0 0;
}

.mod-header .headerNav .btn-hMyPage .is-current {
background-position: 0 -88px;
}

.mod-header .headerNav .btn-hMyPage .is-current:hover {
background-position: 0 -88px;
}



/* Login
 */

.mod-header .headerNav .btn-hLogin .icon {
width: 26px;
height: 41px;
background-position: -54px -44px;
}

.mod-header .headerNav .btn-hLogin .icon:hover {
background-position: -54px 0;
}

.mod-header .headerNav .btn-hLogin .is-current {
background-position: -54px -88px;
}

.mod-header .headerNav .btn-hLogin .is-current:hover {
background-position: -54px -88px;
}



/* Registion
 */

.mod-header .headerNav .btn-hRegist .icon {
width: 32px;
height: 41px;
background-position: -100px -44px;
}

.mod-header .headerNav .btn-hRegist .icon:hover {
background-position: -100px 0;
}

.mod-header .headerNav .btn-hRegist .is-current {
background-position: -100px -88px;
}

.mod-header .headerNav .btn-hRegist .is-current:hover {
background-position: -100px -88px;
}



/* Favorite
 */

.mod-header .headerNav .btn-hFavorite .icon {
    width: 36px;
    height: 42px;
    background-position: -148px -44px;
    margin-left: 17px;
}

.mod-header .headerNav .btn-hFavorite .icon:hover {
background-position: -148px 0;
}

.mod-header .headerNav .btn-hFavorite .is-current {
background-position: -148px -88px;
}

.mod-header .headerNav .btn-hFavorite .is-current:hover {
background-position: -148px -88px;
}



/* Cart
 */

.mod-header .headerNav .btn-hCart .icon {
    width: 36px;
    height: 44px;
    background-position: -195px -44px;
    margin-left: 10px;
}

.mod-header .headerNav .btn-hCart .icon:hover {
background-position: -195px 0;
}

.mod-header .headerNav .btn-hCart .is-current {
background-position: -195px -88px;
}

.mod-header .headerNav .btn-hCart .is-current:hover {
background-position: -195px -88px;
}



/* Help
 */

.mod-header .headerNav .btn-hHelp .icon {
    width: 36px;
    height: 41px;
    background-position: -244px -44px;
    margin-left: 18px;
}

.mod-header .headerNav .btn-hHelp .icon:hover {
background-position: -244px 0;
}

.mod-header .headerNav .btn-hHelp .is-current {
background-position: -244px -88px;
}

.mod-header .headerNav .btn-hHelp .is-current:hover {
background-position: -244px -88px;
}



/* 02-3 Header Area
------------
*/

.mod-header .headerNavDetail {
display: none;
z-index: 3000;
position: absolute;
top: 53px;
padding-top: 8px;
background: url("../common/images_new/header/arrow_header_nav01.gif") 90% 0 no-repeat;
}

.btn-hName .headerNavDetail {
    left: -138px;
    top:53px;
}

.btn-hMyPage .headerNavDetail {
    left: -120px;
    top:53px;
}

.btn-hRegist .headerNavDetail {
    left: -186px;
    top:53px;
    width: 250px;
}

.btn-hFavorite .headerNavDetail {
    left: -168px;
    top:53px;
    width: 230px;
}

.btn-hCart .headerNavDetail {
    left: -172px;
    top:53px;
    width: 230px;
}

.btn-hHelp .headerNavDetail {
    left: -168px;
    top:53px;
    width: 230px;
}





/* 02-4 Pop Up Naigation
------------
*/

.mod-header .headerNavDetail .hInner {
min-width: 145px;
padding: 18px;
background: #efefef;
}

.mod-header .headerNavDetail .hdl {
color: #3dbfcc;
font-weight: bold;
margin-bottom:10px;
    line-height: 1;
}

.headerNavDetail .hInner .hNavlist {
margin-top: 10px;
}

.headerNavDetail .hInner .hNavlist li {
float: none;
}

.headerNavDetail .hInner .hNavlist li a.linkFavorite {
display: block;
background: url("../common/images_new/header/arrow_header_nav02.gif") 0 7px no-repeat;
color: #777777;
text-decoration: none;
width: 136px;
margin: 0 auto;
}

.headerNavDetail .hInner .hNavlist li a.linkFavorite:hover {
background: url("../common/images_new/header/arrow_header_nav02_o.gif") 0 7px no-repeat;
color: #3dbfcc;
text-decoration: none;
}

.headerNavDetail .hInner .hNavlist li a.linkLogin {
display: block;
background: url("../common/images_new/header/arrow_header_nav02.gif") 0 7px no-repeat;
color: #777777;
text-decoration: none;
width: 60px;
margin: 0 auto;
}

.headerNavDetail .hInner .hNavlist li a.linkLogin:hover {
background: url("../common/images_new/header/arrow_header_nav02_o.gif") 0 7px no-repeat;
color: #3dbfcc;
text-decoration: none;
}

.headerNavDetail .hInner .hNavlist li a.linkRegist {
display: block;
background: url("../common/images_new/header/arrow_header_nav02.gif") 0 7px no-repeat;
color: #777777;
text-decoration: none;
width: 100px;
margin: 0 auto;
}

.headerNavDetail .hInner .hNavlist li a.linkRegist:hover {
background: url("../common/images_new/header/arrow_header_nav02_o.gif") 0 7px no-repeat;
color: #3dbfcc;
text-decoration: none;
}

.headerNavDetail .hInner .hNavlist li a.linkHelp {
display: block;
padding-left: 8px;
background: url("../common/images_new/header/arrow_header_nav02.gif") 0 6px no-repeat;
color: #777777;
text-decoration: none;
width: 176px;
margin: 0 auto 10px;
}

.headerNavDetail .hInner .hNavlist li a.linkHelp:hover {
background: url("../common/images_new/header/arrow_header_nav02_o.gif") 0 6px no-repeat;
color: #3dbfcc;
text-decoration: none;
}

.headerNavDetail .hInner .hNavlist li a.linkMypage {
display: block;
padding-left: 8px;
background: url("../common/images_new/header/arrow_header_nav02.gif") 0 7px no-repeat;
color: #777777;
text-decoration: none;
width: 120px;
margin: 0 auto 10px;
}

.headerNavDetail .hInner .hNavlist li a.linkMypage:hover {
background: url("../common/images_new/header/arrow_header_nav02_o.gif") 0 7px no-repeat;
color: #3dbfcc;
text-decoration: none;
}

.headerNavDetail .hInner .hNavlist li a.linkCart {
display: block;
padding-left: 8px;
background: url("../common/images_new/header/arrow_header_nav02.gif") 0 7px no-repeat;
color: #777777;
text-decoration: none;
width: 80px;
margin: 0 auto 10px;
}

.headerNavDetail .hInner .hNavlist li a.linkCart:hover {
background: url("../common/images_new/header/arrow_header_nav02_o.gif") 0 7px no-repeat;
color: #3dbfcc;
text-decoration: none;
}

.headerNavDetail .hInner .text {
color: #777777;
}

.headerNavDetail .hInner .text a {
color: #3dbfcc;
}

.headerNavDetail .hInner .text a:hover {}

.headerNavDetail .hInner .txtBlack{
color: #000;
}
.headerNavDetail .hInner .txtSmall{
    font-size:11px;
}




/* 02-5 Global Navigation
------------
*/

.mod-globalNav {
height: 30px;
overflow: hidden;
background: #000;
}
.mod-globalNav .inner {
}

.mod-globalNav .gNav {
position: relative;
}

.mod-globalNav .gNav li {
    float: left;
}

.mod-globalNav .gNav li a {
    box-sizing: border-box;
    display: block;
    padding: 6px 22px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.mod-globalNav .gNav li.gNav-magazine a{
font-size: 13px;
font-family: 'Open Sans', sans-serif;
padding: 5px 22px 7px;
}
.mod-globalNav .gNav li.gNav-btnSearch a{
 padding: 6px 20px;
 }
.mod-globalNav .gNav li a:hover,
.mod-globalNav .gNav .is-current {
    background: #fff;
    color: #000;
    border-top: 1px solid #fff;
}

.gNav .gNav-btnSearch {
position: absolute;
right: 0;
}

.gNav .gNav-search {
    position: absolute;
    right: 0;
    top: 3px;
}
.ico_searchPc {
    background: url("../common/images_new/header/icon_gnav_search.gif") left center no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-top: -1px;
}
.gNav .gNav-search input{
    width: 280px;
    height: 24px;
    border:none;
    float: left;
    padding: 4.5px 9px;
    box-sizing: border-box;
}.gNav .gNav-search input::-webkit-input-placeholder{
    color:#b6b6b8;
    letter-spacing: -0.5px;
}.gNav .gNav-search input::-moz-placeholder{
    color:#b6b6b8;
    letter-spacing: -0.5px;
}.gNav .gNav-search input:-ms-input-placeholder{
    color:#b6b6b8;
    letter-spacing: -0.5px;
}.gNav .gNav-search input::placeholder{
    color:#b6b6b8;
    letter-spacing: -0.5px;
}
.gNav .gNav-search button{
    border:none;
    float:left;
    font-size:15px;
    height: 24px;
    line-height: 1;
    padding: 4.5px 10px;
    margin: 0;
    background-color: #b6b6b8;
    color:#fff;
}
.gNav .gNav-search button:hover{
    cursor: pointer;
}
.gNav .gNav-search a {
    width: 55px;
    text-align: center;
    padding: 0 !important;
    display: block !important;
    float: left;
    border:none;
    font-size:10px !important;
    font-weight: normal  !important;
    padding: 4.6px 0 3.8px 0 !important;
    letter-spacing: 0.5px;
    margin-left: 15px;
}
.gNav .gNav-search a:hover{
    background-color: transparent !important;
    color: #3dbfcc  !important;
    border: none !important;
}
.gNav .gNav-search a:after{
    content: '';
    background: url(../common/images_new/header/right_arrow.png) no-repeat center / contain;
    width: 10px;
    height: 10px;
    margin-left: 3px;
    position: relative;
    top: 1px;
    display: inline-block;
}
.gNav .gNav-search a:hover:after{
    background: url(../common/images_new/header/right_arrow_o.png) no-repeat center / contain;
}
.gNav .gNav-search a:hover .ico_searchPc,
.gNav .gNav-search .is-current .ico_searchPc {
background: #fff url("../common/images_new/header/icon_gnav_search_o.gif") left center no-repeat  !important;
}
.gNav-hide{ display:none;}


/* 02-6 Big Search Area
------------
*/

.mod-bigSearch {
    position: relative;
    background: #fff;
}

.mod-bigSearch .inner {
  display: none;
    z-index: 11;
    position: relative;
    left: 0;
    right: 0;
    height: 82px;
    margin: auto;
    background: #fff;
    box-sizing: border-box;
}

.mod-bigSearch .inputSearch {
    position: absolute;
    top: 20px;
    left: 0;
    width: 762px;
    height: 42px;
    padding: 5px 11px;
    border-color: #000;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    font-size: 1.2em;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 1.4;
}

.mod-bigSearch .inputSearch::-webkit-input-placeholder {
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #b4b4b4;
}

.mod-bigSearch .inputSearch:-moz-placeholder { /* Firefox 18- */
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #b4b4b4;
}

.mod-bigSearch .inputSearch::-moz-placeholder {  /* Firefox 19+ */
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #b4b4b4;
}

.mod-bigSearch .inputSearch:-ms-input-placeholder {
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #b4b4b4;
}


.mod-bigSearch .inputSearch:focus {
    outline: none;
}

.mod-bigSearch .btnHeaderSearch {
    display: block;
    position: absolute;
    top: 20px;
    left: 762px;
    width: 43px;
    height: 42px;
    border: 1px solid #000;
    background: #000;
    padding: 0;

    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.mod-bigSearch .btnHeaderSearch:hover{
    cursor: pointer;
    background: #3DBFCC;
    border-color: #3DBFCC;
}

.icoHeaderSearch {
    background: transparent url("../common/images_new/header/icon_search.png") center no-repeat;
    width: 28px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
}


.mod-bigSearch .btnHeaderDetailSearch {
    display: block;
    position: absolute;
    top: 31px;
    left: 817px;
    color: #000;
    font-size: 1.2em;
    text-decoration: none;
}

.mod-bigSearch .btnHeaderDetailSearch:hover {
    color: #3dbfcc;
}

.ico_link_arrow {
    display: inline-block;
    background: url("../common/images_new/header/icon_link_arrow.png") left top no-repeat;
    width: 10px;
    height: 8px;
    margin-bottom: 1px;
    margin-right: 3px;
}

a:hover .ico_link_arrow {
    background-position: 0 -11px;
}

.mod-bigSearch .btnClose  {
    display: block;
    position: absolute;
    top: 31px;
    left: 910px;
    width: 20px;
    height: 20px;
    background: url("../common/images_new/header/btn_header_search_close.png") 50% 50% no-repeat;
    text-indent: -9999px;
}

.mod-bigSearch .btnClose:hover {
    background: url("../common/images_new/header/btn_header_search_close_on.png") 50% 50% no-repeat;
}

/* 02-7 PC表示モード時に非表示する要素
------------
*/
@media (min-width:720px){
    .mod-spHeader,
    .mod-spgNav,
    .mod-spgNav-bg,
    .mod-spHeaderSearch {
    display: none;
    }
    }



/* 02-8 Mega Menu
------------
*/

.mod-megaMenu {
position: absolute;
z-index: 30;
display: none;
width: 100%;
padding: 45px 0 50px 0;
background: #fff;
border-bottom: 3px solid #000;
}
#mailmaglist.mod-megaMenu {
    padding: 40px 0 75px 0;
}
.mod-megaMenu .inner {
width: 960px;
margin: 0 auto;
}

.mod-megaMenu .clm {
float: left;
}

.mod-megaMenu .clm.w320 {
width: 320px;
}
.mod-megaMenu .clm.w355 {
    width: 355px;
}
.mod-megaMenu .clm.w380 {
    width: 380px;
}
.mod-megaMenu .clm.w415 {
    width: 415px;
}
.mod-megaMenu .clm.w420 {
width: 415px;
}

.mod-megaMenu .clm.w220 {
width: 220px;
}

.mod-megaMenu .clm.w225 {
width: 225px;
}

.mod-megaMenu .clm.w235 {
width: 235px;
}

.mod-megaMenu .clm.w240 {
width: 240px;
}

.mod-megaMenu .clm.w260 {
width: 260px;
}

.mod-megaMenu .clm.w738 {
width: 738px;
padding-right: 30px;
box-sizing: border-box;
}

.mod-megaMenu .hdl {
color: #333333;
font-weight: bold;
}

.mod-megaMenu .hdl span {
padding-left: 5px;
}

.mod-megaMenu .subCategory { margin-bottom:10px;}
.mod-megaMenu .h-brandlist .subCategory { margin-bottom:5px;}
.mod-megaMenu .subCategory a {
padding-right: 20px;
background: url("../common/images_new/header/icon_arrow_sub_category.gif") 100% 50% no-repeat;
color: #000;
font-weight: bold;
text-decoration: none;
}

.mod-megaMenu .subCategory a:hover {
background: url("../common/images_new/header/icon_arrow_sub_category_o.gif") 100% 50% no-repeat;
color: #3dbfcc;
}

.mod-megaMenu .list {
margin: 15px 0 36px 0;
}

.mod-megaMenu .categorylist {}
.mod-megaMenu .categorylist .list {
margin: 5px 0 5px 15px;
}
.mod-megaMenu .categorylist .list li{
    margin-bottom:4px;
}
.mod-megaMenu .categorylist .list li:last-child{
    margin-bottom:10px;
}

.mod-megaMenu .bannerlist {}

.mod-megaMenu .bannerlist li {
margin-bottom: 20px;
}
.mod-megaMenu .bannerlist li a img:hover{
    opacity: 0.4;
}

.mod-megaMenu .h-brandlist .list{
    margin-left: 15px;
}
.mod-megaMenu .h-brandlist .list li{
    margin-bottom:5px;
}

.mod-megaMenu .list a {
padding-left: 5px;
background: url("../common/images_new/header/arrow_header_nav02.gif") 0 50% no-repeat;
color: #777;
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
}
.mod-megaMenu .list a span {
padding-left: 4px;
font-size: 0.9em;
}
.mod-megaMenu .list a span.fn_jp {
    padding-left: 4px;
    font-size: 12px;
}
.mod-megaMenu .list a span.fn_eg{
    padding-left: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
}
.mod-megaMenu .list a:hover {
background: url("../common/images_new/header/arrow_header_nav02_o.gif") 0 50% no-repeat;
color: #3dbfcc;
text-decoration: none;
}

.mod-megaMenu .list a:hover span {
color: #3dbfcc;
text-decoration: none;
}


.mod-megaMenu {}
.mod-megaMenu .btnMailMagazine {
text-indent: -9999px;
display: block;
width: 320px;
height: 48px;
background: url("../common/images_new/header/btn_jadore_mailmagazine.png") 0 0 no-repeat;
}

.mod-megaMenu .btnMailMagazine a:hover {
/*background-position: 0 -59px;*/
}

.mod-megaMenu .leadText {
margin: 25px 0 38px 0;
}
.mod-megaMenu .leadText p {
    margin-bottom: 2px;
    color: #333333;
    font-size: 12px;
}
.mod-megaMenu .hdlMailmagazine {
    font-size: 1.25em;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    color: #111111;
}

.mod-megaMenu .hdlMailmagazine a {
padding-left: 12px;
background: url("../common/images_new/header/icon_arrow_mailmag.gif") 0 50% no-repeat;
color: #333333;
text-decoration: none;
}

.mod-megaMenu .hdlMailmagazine a span {
padding-left: 10px;
font-size: 0.8em;
}

.mod-megaMenu .hdlMailmagazine a:hover {
background: url("../common/images_new/header/icon_arrow_mailmag_o.gif") 0 50% no-repeat;
color: #3dbfcc;
}

.mod-megaMenu .hdlMailmagazine a:hover span {
color: #3dbfcc;
}

.mod-megaMenu .textMailMagazine {
    letter-spacing: -0.5px;
    margin-bottom: 16px;
    margin-top: 8px;
    font-size: 11px;
    color: #333;
}
.mod-megaMenu .textMailMagazine + .hdlMailmagazine {
    padding-top: 5px;
}

.mod-megaMenu .link-right {
    text-align: right;
    padding-right: 66px;
}
.mod-megaMenu .link-right a {
    font-size: 11px;
    letter-spacing: -0.5px;
    text-decoration: none;
    color: #333333;
}
.mod-megaMenu .textMailMagazine.mb10{
    margin-bottom: 10px;
}
.mod-megaMenu .link-right a:hover {
    text-decoration: none;
    color: #3DBFCC;
}
.mod-megaMenu .link-right a:after {
    margin-left: 6px;
    padding-right: 15px;
    background: url("../common/images_new/header/ico-link.png") 0 0 no-repeat;
    height: 13px;
    content: ".";
    overflow: hidden;
    display: inline-block;
    text-indent: -999px;
    vertical-align: middle;
    margin-top: -2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mod-megaMenu .link-right a:after {
        margin-top: -3px;
    }
}
.mod-megaMenu .link-right a:hover:after {
    background-position: 0 -13px;
}


.mod-megaMenu .mailmagaIndent {
margin-left: 15px;
}
.hdlMailmagazine.disable span{
    padding-left: 12px;
    font-size: 0.87em;
    /*vertical-align: middle;*/
    line-height: 12px;
}


/* 02-10 Header Infomation
------------
*/

.mod-infomation {
    margin: 15px auto 0;
    width: 960px;
    position: relative;
    z-index: 11;
}

.datelist.pc-mod-info{ display: block; }
.datelist.sp-mod-info{ display: none; }

.pc-mod-info li{ margin-top: 5px; }
.pc-mod-info li:first-child{ margin-top: 0; }

.pc-mod-info li:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.pc-mod-info li > span{ display: block; }

.pc-mod-info li .date{
    color: #b5b5b6;
    float: left;
    font-size: 0.9em;
    padding-top: 2px;
}

.pc-mod-info li .detail{
    color: #777;
    padding-left: 70px;
}

.pc-mod-info li .detail a{
    color: #777;
    text-decoration: underline;
}

.pc-mod-info li .detail.red a{ color: #e1002a; }

/* News Information Link hover color */
.pc-mod-info li .detail a:hover,
.pc-mod-info li .detail.red a:hover{
    color: #1dc3cf;
}

/* 02-11 Header staff_disscount
------------
*/
.headerStaff_d{
position: absolute;
left: 0;
top: 54px;
color: #777;
}
.headerStaff_d p a{
color: #777;
font-size:10px;
}



/*  02-12. Responsive : Header
------------ ------------ ------------
------------ ------------ ------------
*/

@media screen and (max-width: 719px) {

    .mod-header,
    .mod-globalNav {
    display: none;
    }

    /* 02-Rsw_1 SmartPhone Header
    ------------
    */

    .mod-spHeader {
        z-index: 90;
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        overflow: hidden;
        width: 100%;
        background: #fff;
        height: 50px;
        border-bottom: 5px solid #000;
        text-align: left;
        box-sizing: border-box;
    }
    .mod-spHeader.static {
        position: static;
    }

    .mod-spHeader .spMenu {
    position: absolute;
    top: 5px;
    left: 5px;
    }

    .mod-spHeader .spBtnMenu {
    position: absolute;
    top: 10px;
    left: 14px;
    text-indent: -9999px;
    }

    .mod-spHeader .spBtnMenu a {
    display: block;
    width: 27px;
    height: 27px;
    background: url("../common/images_new/sp/header/sp_btn_menu.gif?180427") 0 0 no-repeat;
    background-size: 27px 27px;
    }

    .mod-spHeader .spLogo {
    position: absolute;
    /* 通常ロゴ*/
    top: 16px;
    left: 50%;
    /* SALEロゴ
    top: 12px;
    left: 40%;*/
    margin-left: -95px;
    text-indent: -9999px;
    }

    .mod-spHeader .spLogo span,
    .mod-spHeader .spLogo a {
    display: block;
    /* 通常ロゴ*/
    width: 165px;
    height: 16px;
    background: url("/common/stock/images/sp_logo.gif?191011") 0 0 no-repeat;
    background-size: 165px 16px;

    /* SALEロゴ
    width: 150px;
    height: 22px;
    background: url("../images_new/sp/header/sp_logo_sale.gif") 0 0 no-repeat;
    background-size: 150px 22px;*/
    }

    .mod-spHeader .code-container {
        position: absolute;
        font-size: 11px;
        top: 60px;
        left: 5px;
    }

    .mod-spHeader .spLogoStaff {
    position: absolute;
    top: 10px;
    left: 53%;
    margin-left: -53px;
    text-indent: -9999px;
    }

    .mod-spHeader .spLogoStaff a {
    display: block;
    width: 71px;
    height: 24px;
    background: url("/common/stock/common/images_new/sp/header/sp_logo_employees.gif") 0 0 no-repeat;
    background-size: 71px 24px;
    }

    .mod-spHeader .spBtnSearch {
    position: absolute;
    top: 0;
    right: 50px;
    text-indent: -9999px;
    }

    .mod-spHeader .spBtnSearch a {
    display: block;
    width: 40px;
    height: 45px;
    background: url("/common/stock/common/images_new/sp/header/ico_btn_search_black.png") 50% 50% no-repeat;
    background-size: 24px 24px;
    }

    .mod-spHeader .spBtnSearch .is-current {
    background: #000 url("/common/stock/common/images_new/sp/header/ico_btn_search_white.png") 50% 50% no-repeat !important;
    background-size: 24px 24px !important;
    }

    .mod-spHeader .spBtnCart {
    position: absolute;
    top: 10px;
    right: 15px;
    }

    .mod-spHeader .spBtnCart a {
    display: block;
    width: 29px;
    height: 25px;
    background: url("/common/stock/common/images_new/sp/header/sp_btn_cart.gif") 0 0 no-repeat;
    background-size: 29px 25px;
    text-indent: -9999px;
    }

    .mod-spHeaderSearch.spnav {
    display: block;
    position: static;
    background: #fff;
    }

    /* 02-Rsw_2 Infomation
    ------------
    */

    .mod-infomation{
        margin: 0;
        text-align: left;
        width: 100%;
    }

    .datelist.pc-mod-info{ display: none; }
    .datelist.sp-mod-info{ display: block; }

    .sp-mod-info li{ border-top: 1px solid #efefef; }
    .sp-mod-info li:first-child{ border-top: none; }

    .sp-mod-info li a{
        display: block;
        padding: 0 15px 0 10px;
        text-decoration: none;
    }

    .sp-mod-info li a .link-block{
        background: url("../common/images_new/sp/header/arrow_sp_info.gif") 100% 50% no-repeat;
        background-size: 5px 10px;
        display: block;
        padding: 10px 12px 10px 0;
    }

    .sp-mod-info li .link-block.no-link{
        display: block;
        padding: 10px 27px 10px 10px;
    }

    .sp-mod-info li .date{
        color: #b2b2b6;
        margin-right: 10px;
    }

    .sp-mod-info li .detail,
    .sp-mod-info li .detailNolink{
        word-break: break-all;
    }

    .sp-mod-info li .detail{ color: #777; }
    .sp-mod-info li a .detail{ text-decoration: underline; }
    .sp-mod-info li .detail.red{ color: #e1002a; }



    /* 01-Rsw_3 Header Search
    ------------
    */
    .mod-spHeaderSearch.spgNavStyle{
        border-bottom: 1px solid #d4d4d4;
        /*padding: 10px 70px 10px 10px;*/
        position: relative;
        top: 0;
    }
    .mod-spHeaderSearch {
        background: #000;
        left: 0;
        position: fixed;
        top: 45px;
        right: 0;
        text-align: left;
        z-index: 1000;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mod-spHeaderSearch .btnHeaderDetailSearch {
        font-size: 12px;
    }
    .mod-spHeaderSearch + .mod-bigTileInfo {
        margin-top: 0;
    }

    .mod-spHeaderSearch .searcharea{
        width: 100%;
        padding: 12px 0 12px 14px;
        box-sizing: border-box;
    }

    .mod-spHeaderSearch .searcharea a{
        background: url("../common/images_new/sp/header/arrow_white_right.png") right 53% no-repeat;
        position: absolute;
        height: 14px;
        top: 19px;
        right: 12px;
        margin: auto;
        padding-top: 2px;
        background-size: 6px auto;
        color: #fff;
        padding-right: 10px;
        text-decoration: none;
        width: 60px;
        line-height: 1;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mod-spHeaderSearch .searcharea .form-box{
        display: block;
        margin-right: 8px;
        position: relative;
        height: 30px;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mod-spHeaderSearch .searcharea form .inputSpSearch{
        height: 40px;
        padding: 7px 37px 7px 7px;
        border: 1px solid #fff;
        width: 133.333%;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        position: absolute;
        top: -5px;
        left: -17%;
        transform: scale(0.75);

        outline: none;
        line-height: 1.3em;
        -webkit-appearance: none;
    }
    .mod-spHeaderSearch .searcharea form .inputSpSearch::placeholder{
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
        color: #b4b4b4;
        font-size: 16px !important;
        text-align: left;
    }
    .mod-spHeaderSearch .searcharea form .inputSpSearch::-webkit-input-placeholder{
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
        color: #b4b4b4;
        font-size: 16px !important;
    }
    .mod-spHeaderSearch .searcharea form .inputSpSearch:-moz-placeholder{
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
        color: #b4b4b4;
        font-size: 16px !important;
    }
    .mod-spHeaderSearch .searcharea form .inputSpSearch::-moz-placeholder{
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
        color: #b4b4b4;
        font-size: 16px !important;
    }
    .mod-spHeaderSearch .searcharea form .inputSpSearch:-ms-input-placeholder{
        font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
        color: #b4b4b4;
        font-size: 16px !important;
    }

    .mod-spHeaderSearch .searcharea form .btnHeaderSearch{
        background: #d4d4d4 url("../common/images_new/sp/header/ico_input_search_black.png") center no-repeat;
        background-size: 18px 18px;
        border-color: #d4d4d4;
        border-style: solid;
        border-width: 0 0 0 1px;
        height: 30px;
        position: absolute;
        right: 0;
        text-indent: -9999px;
        top: 0;
        width: 30px;

        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        outline: 0;
    }

    .mod-spHeaderSearch.spgNavStyle .searcharea form .inputSpSearch {
        border-color: #000;
    }

    .mod-spHeaderSearch.spgNavStyle .btnHeaderDetailSearch {
        color: #000;
        background: url("../common/images_new/sp/header/arrow_btn_detail_search.gif") 100% 53% no-repeat;
        background-size: 7px 12px;
    }

    .mod-spHeaderSearch.spgNavStyle .searcharea form .btnHeaderSearch {
        background: url("../common/images_new/sp/header/btn_header_search.gif") 0 0 no-repeat;
        background-size: 30px 30px;
        border-color: #000;
    }

    /* 02-Rsw_4 Navigation
    ------------
    */

    .mod-spgNav {
        display: none;
        background: #fff;
        text-align: left;
        position: absolute;
        z-index: 100;
        width: 85%;
        border-right: 1px solid #d4d4d4;
    }
    .mod-spgNav .head {
    padding: 16px 19px 14px;
    height: 50px;
    border-bottom: 5px solid #000;
    box-sizing: border-box;
    }
    .mod-spgNav .head .btnClose {
    text-indent: -9999px;
    }
    .mod-spgNav .head .btnClose a {
        display: block;
        width: 15px;
        height: 15px;
        background: url("../common/images_new/sp/header/icon_close.gif") 0 0 no-repeat;
        background-size: 15px 15px;
    }
    .mod-spgNav .brand-logo{
        background: #d4d4d4;
        border-bottom: 1px solid #b5b5b6;
        padding: 20px 5px !important;
    }
    .mod-spgNav .brand-logo:after{
        clear: both;
        content: '.';
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }
    .mod-spgNav .brand-logo li{
        border: none !important;
        background: none !important;
        float: left;
        height: 81px;
        padding: 0 5px;
        width: 50%;
    }
    .mod-spgNav .brand-logo li:nth-child(n+3){ margin-top: 10px; }
    .mod-spgNav .brand-logo li.brand-img a{
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 81px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        text-indent: -9999px;
    }

    .mod-spgNav .brand-logo li.brand-img a span{
        background: url("../common/images_new/header/modal_brand_sprite.jpg") 0 0 no-repeat;
        background-size: 486px auto;
        display: block;
        height: 81px;
        width: 122px;
    }

    .mod-spgNav .brand-logo li.adametrope_femme a span{ background-position: 0 -1px; }
    .mod-spgNav .brand-logo li.adametrope_homme a span{ background-position: -122px -1px; }
    .mod-spgNav .brand-logo li.adametrope_lemagasin a span{background-position: -246px 0;}
    .mod-spgNav .brand-logo li.bonjour_bonsoir a span{ background-position: -366px 0; }

    .mod-spgNav .brand-logo li.bonjour_girl a span{ background-position: 0 -81px; }
    .mod-spgNav .brand-logo li.bonjour_records a span{ background-position: -122px -81px; }
    .mod-spgNav .brand-logo li.chateau_jun a span{ background-position: -244px -81px; }
    .mod-spgNav .brand-logo li.jun_select a span{ background-position: -366px -81px; }

    .mod-spgNav .brand-logo li.jun_and_rope a span{ background-position: 0 -162px; }
    .mod-spgNav .brand-logo li.jun_and_rope_men a span{ background-position: -122px -486px; }
    .mod-spgNav .brand-logo li.jun_red a span{ background-position: -122px -162px; }
    .mod-spgNav .brand-logo li.nergy a span{ background-position: -244px -162px; }
    .mod-spgNav .brand-logo li.kitsune a span{ background-position: -366px -165px; }

    .mod-spgNav .brand-logo li.rope a span{ background-position: 0 -246px; }
    .mod-spgNav .brand-logo li.rope_mademoiselle a span{ background-position: -122px -243px; }
    .mod-spgNav .brand-logo li.rope_eternel a span{ background-position: -122px -403px; }
    .mod-spgNav .brand-logo li.rope_picnic a span{ background-position: -244px -243px; }
    .mod-spgNav .brand-logo li.rope_picnic_kids a span{ background-position: -366px -242px; }

    .mod-spgNav .brand-logo li.rope_passage a span{ background-position: 0 -323px; }
    .mod-spgNav .brand-logo li.salon a span{ background-position: -122px -324px; }
    .mod-spgNav .brand-logo li.vis a span{ background-position: -245px -324px; }
    .mod-spgNav .brand-logo li.juze a span{ background-position: -366px -324px; }

    .mod-spgNav .brand-logo li.adametrope_wlt a span{ background-position: 0 -405px; }
    .mod-spgNav .brand-logo li.theconveni a span{ background-position: -245px -400px; }
    .mod-spgNav .brand-logo li.saturdays a span{background-position: 0px -558px;}

    .mod-spgNav .brand-logo li.mounten a span{ background-position: -366px -401px; }
    .mod-spgNav .brand-logo li.dewlux a span{ background-position: 0 -482px;}
    .mod-spgNav .brand-logo li.leeloobird a span{ background-position: -245px -480px; }
    .mod-spgNav .brand-logo li.popbyjun a span{ background-position: -365px -482px; }
    .spgNavFrame {}

    .spgNavFrame  li {
        border-bottom: 1px solid #d4d4d4;
        box-sizing: border-box;
        color: #333333;
        display: table;
        width: 100%;
    }


    .spgNavFrame li a {
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px;
        color: #333333;
        text-decoration: none;
        line-height: 1.3;
        height: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .spgNavFrame .user {
        padding: 0 10px;
        height: 50px;
        line-height: 50px;
    }
    .spgNavFrame .userStatus {
        position: relative;
        width: 100%;
        height: 60px;
    }

    .spgNavFrame .userStatus .rank {
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -18px;
    }
    .spgNavFrame .userStatus .point {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -18px;
    }
    .spgNavFrame .userStatus .rank span,
    .spgNavFrame .userStatus .point span {
    font-size: 1.1em;
    }

    .mod-spgNav .btnAccordion {
    background: #fff url("../common/images_new/sp/header/arrow_down_white.png") right 12px top 50% no-repeat;
    background-size: 12px auto;
    }

    .mod-spgNav .btnAccordion.is-current {
    background: #fff url("../common/images_new/sp/header/arrow_up_white.png") right 12px top 50% no-repeat;
    background-size: 12px auto;
    }

    .mod-spgNav .spgNavFrame .mypage {
    border: none;
    }

    .mod-spgNav .spgNavFrame .mypage a {
    padding-left: 35px;
    background: url("../common/images_new/sp/header/icon_user.gif") 13px 50% no-repeat;
    background-size: 15px auto;
    border-bottom: 1px solid #d4d4d4;
    }

    .spgNavFrame  .menu {
    display: none;
    }
    .spgNavFrame .menu li {
    padding: 0;
    border-bottom: 1px solid #b5b5b5;
    font-size: 1.0em;
    }

    .spgNavFrame .menu li a {
        padding:0 10px;
        background: #d4d4d4 url("../common/images_new/sp/header/arrow_right.gif") right 12px top 50% no-repeat;
        background-size: 7px 12px;
        display: block;
        line-height:50px;
    }
    .spgNavFrame .rightArw {
    padding-right: 35px;
    background: url("../common/images_new/sp/header/arrow_right_white.gif") right 12px top 50% no-repeat;
    background-size: 7px 12px;
    }
    .btnCategoryAccordion {
    border-bottom: 1px solid #d4d4d4;
    }
    .btnCategoryAccordion.is-current {
        border-bottom: 1px solid #d4d4d4;
    }
    .btnCategoryAccordion.white {
        border-bottom: 1px solid #d4d4d4;
    }

    .mod-spgNav .btnAccordion,
    .btnCategoryAccordion{
        display: table;
        width: 100%;
    }

    .btnCategoryAccordion {
    padding: 0;
        background: #efefef url("../common/images_new/sp/header/btn_sub_category.png") right 12px top 50% no-repeat;
        background-size: 12px 12px;
    box-sizing: border-box;
    }

    .btnCategoryAccordion.is-current {
        background: #efefef url("../common/images_new/sp/header/btn_sub_category_o.png") right 12px top 50% no-repeat;
        background-size: 12px 12px;
    }

    .btnCategoryAccordion.white {
        background: #fff url("../common/images_new/sp/header/arrow_down_white.png") right 12px top 50% no-repeat;
        background-size: 12px auto;
    }

    .btnCategoryAccordion.white.is-current {
        background: #fff url("../common/images_new/sp/header/arrow_up_white.png") right 12px top 50% no-repeat;
        background-size: 12px auto;
    }
    .btnCategoryAccordion.level2 + .subCategoryList>li {
        background: #d4d4d4 url("../common/images_new/sp/header/arrow_right_dark_gray.png") right 12px top 50% no-repeat;
        background-size: 7px 12px;
        border-color: #b5b5b6;
    }

    .mod-spgNav .btnCategoryAccordion.level3 + .subCategoryList >li{
        background: #d4d4d4 url("../common/images_new/sp/header/arrow_right_dark_gray.png") right 12px top 50% no-repeat;
        background-size: 7px 12px;
        border-color: #b5b5b6;
    }

    .mod-spgNav .btnCategoryAccordion.level3 + .subCategoryList li{
        padding-left: 15px;
    }

    .mod-spgNav .kana {
        display: block;
    }
    .mod-spgNav .subCategoryList>li.twoLines a {
        padding: 7px 10px;
        line-height: 1.5;
        height: auto;
    }
    .mod-spgNav .btnCategory {}
    .mod-spgNav .btnCategory a {
    display: block;
    padding: 10px 10px 10px 35px;
    background: #d4d4d4 url("../common/images_new/sp/header/arrow_right.gif") right 12px top 50% no-repeat;
    background-size: 7px 12px;
    border-bottom: 1px solid #b5b5b5;
    }

    .mod-spgNav .subCategoryList {
    display: none;
    padding: 0;
    }

    .mod-spgNav .subCategoryList li {
    display: block;
    background: #efefef url("../common/images_new/sp/header/arrow_right_light_gray.gif") right 12px top 50% no-repeat;
    background-size: 7px 12px;
    font-size: 1.0em;
    }
    .mod-spgNav .subCategoryList.level2>li {
        background-color: #d4d4d4;
        border-bottom-color: #b5b5b5;
        background-image: none;
    }

    .mod-spgNav .subCategoryList.brand-navi li a{
        padding: 13px 10px;
    }

    .mod-spgNav .subCategoryList.brand-navi span{
        display: block;
    }

    .mod-spgNav .subCategoryList li a {
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        line-height: 50px;
        height: 50px;
    }

    .mod-spgNav .spgNavFrame .login {
    position: relative;
    }

    .mod-spgNav .spgNavFrame .login a {
    padding-left: 35px;
    background: url("../common/images_new/sp/header/icon_login.gif") 13px 50% no-repeat;
    background-size: 15px auto;
    }

    .mod-spgNav .spgNavFrame .regist {
    position: relative;
    }

    .mod-spgNav .spgNavFrame .regist a {
        padding-left: 35px;
        background: url("../common/images_new/sp/header/icon_regist.gif") 13px 50% no-repeat;
        background-size: 16px auto;
    }

    .mod-spgNav .spgNavFrame .fav {
    position: relative;
    }

    .mod-spgNav .spgNavFrame .fav a {
    padding-left: 35px;
    background: url("../common/images_new/sp/header/icon_fav.gif") 10px 50% no-repeat;
    background-size: 20px auto;
    }

    .mod-spgNav .spgNavFrame .fav .badgeCounter {
    position: relative;
    top: -1px;
    margin: 0 0 0 5px;
    }

    .mod-spgNav .nav {}
    .mod-spgNav .nav li {
    padding: 0;
    border-bottom: 1px solid #b5b5b5;

    }

    .mod-spgNav .nav li a {
    display: block;
    padding: 15px 10px 15px 10px;
    background: url("../common/images_new/sp/header/arrow_right_white.gif") 98% 50% no-repeat;
    background-size: 7px 12px;
    color: #333333;
    font-size: 1.4em;
    text-decoration: none;
    }

    .mod-spgNav .foot {
        background: #efefef;
        border-bottom: 1px solid #d4d4d4;
        box-sizing: border-box;
    }


    .mod-spgNav .foot .btnClose {
        line-height: 50px;
    }


    .mod-spgNav .foot .btnClose a {
        padding: 0 0 0 15px;
        background: url("../common/images_new/sp/header/btn_close_nav.gif") 0 50% no-repeat;
        background-size: 10px 10px;
        color: #3e3a39;
        text-decoration: none;
    }


    .footerNav .list a.you_are_culture_logo:hover,
    .footerNav .list a.you_are_culture_logo {
        background: url("../common/images_new/footer/yac_logo.png") center no-repeat;
        background-size: auto 11px;
        height: 50px;
    }
    .mod-spgNav-bg{
        display: none;
        width: 100%;
        height: 100vh;
        position: fixed;
        top:0;
        left: 0;
        z-index: 90;
        background: rgba(0,0,0,0.1);
    }

    .mod-spgNav-bg a{
        display: block;
        width: 100%;
        height: 100vh;
    }

    .mod-spgNav-bg span{
        display: none;
    }
    .mod-spgNav-bg a:after {
        content: "";
        display: block;
        width: 15%;
        height: 15vw;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../common/images_new/sp/header/btn_close_nav_white.gif") 50% 50% no-repeat;
        background-size:15px 15px;
        background-color: #000000;
    }
}
/* 02-13 Header tags
------------
*/

.mod-tagList,
.mod-tagListSp{
    position: relative;
    background-color: #f3f3f3;
    box-sizing:border-box;
}

@media (min-width:720px){
    .mod-tagListSp{
        display: none;
    }
}
.mod-tagList ul,
.mod-tagListSp ul{
    padding: 8px 0 0 0;
    box-sizing:border-box;
}

.mod-tagList ul:after,
.mod-tagListSp ul:after{
    content:"";
    display: block;
    clear:both;
    box-sizing:border-box;
}

.mod-tagList ul li,
.mod-tagListSp ul li{
    max-width:100%;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 6px 4px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing:border-box;
    letter-spacing: 0.05em;
}
.mod-tagList ul li.title{
    background-color: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0;
    margin-right: 2px;
}
@media (max-width:719px){
    .mod-tagList ul li.title{
        display: none;
    }
}
.mod-tagList a,
.mod-tagListSp a{
    color: #333;
    text-decoration: none;
}
@media (min-width:720px){
    .mod-tagList .inner{
        height: 42px;
        overflow: hidden;
    }
}
@media (max-width:719px){
    .mod-tagList{
        display: none;
    }
    .mod-tagListSp{
        left: 0;
        position: fixed;
        z-index: 999;
        border-top:1px solid #b5b5b5;
        border-bottom:1px solid #b5b5b5;
        padding: 6px 10px 8px;
        overflow: hidden;
        max-height: 98px;
    }
    .mod-tagListSp.is_open{
        height: auto;
    }
    .mod-tagListSp .inner{
        position: relative;
        box-sizing: border-box;
    }
    .mod-tagListSp ul{
        padding-top: 0;
    }
    .mod-tagListSp ul li{
        font-size:11px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    button.mod-tagListSp-btn{
        display: none;
    }
}


/*  03. Footer Area Style
------------ ------------ ------------
------------ ------------ ------------
*/

/* 03-1 Brand List
------------
*/

.branlistmgn {
    padding: 15px 0 10px;
}

.brandlist {
    margin-top: 15px;
}

.brandlist li {
    float: left;
    margin-top: 15px;
    width: 240px;
}

.brandlist li a{
    display: block;
}

.brandlist .brand-01 a {
    background: url("../common/images_new/footer/brands_1.jpg") 0 50% no-repeat;
}
.brandlist .brand-02 a {
    background: url("../common/images_new/footer/brands_2.jpg") 0 50% no-repeat;
}
.brandlist .brand-03 a {
    background: url("../common/images_new/footer/brands_3.jpg") 0 50% no-repeat;
}
.brandlist .brand-04 a {
    background: url("../common/images_new/footer/brands_4.jpg?180809") 0 50% no-repeat;
}
.brandlist .brand-05 a {
    background: url("../common/images_new/footer/brands_5.jpg") 0 50% no-repeat;
}
.brandlist .brand-06 a {
    background: url("../common/images_new/footer/brands_6.jpg?170223") 0 50% no-repeat;
}
.brandlist .brand-07 a {
    background: url("../common/images_new/footer/brands_7.jpg?160715") 0 50% no-repeat;
}
.brandlist .brand-08 a {
    background: url("../common/images_new/footer/brands_8.jpg") 0 50% no-repeat;
}
.brandlist .brand-09 a {
    background: url("../common/images_new/footer/brands_9.jpg?170331") 0 50% no-repeat;
}
.brandlist .brand-10 a {
    background: url("../common/images_new/footer/brands_10.jpg") 0 50% no-repeat;
}
.brandlist .brand-11 a {
    background: url("../common/images_new/footer/brands_11.jpg") 0 50% no-repeat;
}
.brandlist .brand-12 a {
    background: url("../common/images_new/footer/brands_12.jpg") 0 50% no-repeat;
}
.brandlist .brand-13 a {
    background: url("../common/images_new/footer/brands_13.jpg") 0 50% no-repeat;
}
.brandlist .brand-14 a {
    background: url("../common/images_new/footer/brands_14.jpg") 0 50% no-repeat;
}
.brandlist .brand-15 a {
    background: url("../common/images_new/footer/brands_15.jpg") 0 50% no-repeat;
}
.brandlist .brand-16 a {
    background: url("../common/images_new/footer/brands_16.jpg") 0 50% no-repeat;
}
.brandlist .brand-17 a {
    background: url("../common/images_new/footer/brands_17.jpg") 0 50% no-repeat;
}
.brandlist .brand-18 a {
    background: url("../common/images_new/footer/brands_18.jpg") 0 50% no-repeat;
}
.brandlist .brand-19 a {
    background: url("../common/images_new/footer/brands_19.jpg") 0 50% no-repeat;
}

.btnBrandList {
margin: 14px 0 10px 0;
text-align: right;
}

.btnBrandList a {
    color: #000;
    text-decoration: none;
}

.btnBrandList a:hover {
    color: #1dc3cf;
    text-decoration: none;
}

.btnBrandList a span.right_arrow{
    background: url("../img/top/icon_arrow_filter.png") 0 0 no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 14px;
    margin-left: 5px;
    margin-bottom: 3px;
}

.btnBrandList a:hover span.right_arrow{
    background: url("../img/top/icon_arrow_filter.png") 0 -17px no-repeat;
}

@media screen and (min-width: 720px) {
    .brandlist li {
        float: left;
        margin-top: 15px;
        width: 240px;
    }

    .brandlist li:nth-child(4n+1){
        clear: both;
    }

    .brandlist li a{
        color: #000;
        display: table;
        font-size: 0.7em;
        height: 86px;
        text-decoration: none;
        width: 100%;
    }

    .brandlist li a > span{
        display: table-cell;
        vertical-align: middle;
        width: auto;
    }

    .brandlist li a > span.images{
        border: 1px solid #000;
        text-indent: -9999px;
        line-height: 86px;
        width: 86px;
    }

    .brandlist li a > span.text{
        background: none;
        padding-left: 5px;
    }

    .brandlist li a > span.text span {
        display: block;
        font-size: 10px;
    }
    .brandlist li a > span.text .title {
        font-weight: bold;
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;
    }

    .brandlist .brand-01 a > span.images{
        background: url("../common/images_new/footer/brands_1.jpg") 0 50% no-repeat;
    }
    .brandlist .brand-02 a > span.images{
        background: url("../common/images_new/footer/brands_2.jpg") 0 50% no-repeat;
    }
    .brandlist .brand-03 a > span.images{
        background: url("../common/images_new/footer/brands_3.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-04 a > span.images{
        background: url("../common/images_new/footer/brands_4.jpg?180809") 0 50% no-repeat;
    }
    .brandlist .brand-05 a > span.images{
        background: url("../common/images_new/footer/brands_5.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-06 a > span.images{
        background: url("../common/images_new/footer/brands_6.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-07 a > span.images{
        background: url("../common/images_new/footer/brands_7.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-08 a > span.images{
        background: url("../common/images_new/footer/brands_8.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-09 a > span.images{
        background: url("../common/images_new/footer/brands_9.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-10 a > span.images{
        background: url("../common/images_new/footer/brands_10.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-11 a > span.images{
        background: url("../common/images_new/footer/brands_11.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-12 a > span.images{
        background: url("../common/images_new/footer/brands_12.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-13 a > span.images{
        background: url("../common/images_new/footer/brands_13.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-14 a > span.images{
        background: url("../common/images_new/footer/brands_14.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-15 a > span.images{
        background: url("../common/images_new/footer/brands_15.jpg?170901") 0 50% no-repeat;
    }
    .brandlist .brand-16 a > span.images{
        background: url("../common/images_new/footer/brands_16.jpg") 0 50% no-repeat;
    }
    .brandlist .brand-17 a > span.images{
        background: url("../common/images_new/footer/brands_17.jpg") 0 50% no-repeat;
    }
    .brandlist .brand-18 a > span.images{
        background: url("../common/images_new/footer/brands_18.jpg") 0 50% no-repeat;
    }
    .brandlist .brand-19 a > span.images{
        background: url("../common/images_new/footer/brands_19.jpg") 0 50% no-repeat;
    }

    .brandlist li a:hover {
        background: #efefef;
        color: #1dc3cf;
    }
    .brandlist li a:hover .images {
        opacity: 0.6;
    }

}



/* 03-2 SNS Share
------------
*/

.snsShare {
width: 310px;
margin: 0 auto;
padding-top: 32px;
color: #fff;
}

.snsShare .label {
float: left;
padding-top: 10px;
font-size: 0.9em;
font-weight: bold;
}

.snsShare .list {
}

.snsShare .list ul {}
.snsShare .list ul li {
float: left;
margin-left: 16px;
}

.snsShare .iconFooterLn a {
background-position: 0 0;
}

.snsShare .iconFooterLn a:hover {
background-position: 0px -40px;
}

.snsShare .list ul li a {
display: block;
width: 38px;
height: 38px;
background: url("../common/images_new/footer/icon_footer_sns.png");
text-indent: -9999px;
}

.snsShare .iconFooterLn a {
background-position: 0 0;
}

.snsShare .iconFooterLn a:hover {
background-position: 0px -40px;
}

.snsShare .iconFooterTw a {
background-position: -39px 0px !important;
}

.snsShare .iconFooterTw a:hover {
background-position: -39px -40px !important;
}


.snsShare .iconFooterFb a {
background-position: -78px 0 !important;
}

.snsShare .iconFooterFb a:hover {
background-position: -78px -40px !important;
}

.snsShare .iconFooterPrt a {
background-position: -118px 0 !important;
}

.snsShare .iconFooterPrt a:hover {
background-position: -118px -40px !important;
}

.snsShare .iconFooterIsm a {
    background-position: -157px 0 !important;
}

.snsShare .iconFooterIsm a:hover {
background-position: -157px -40px !important;
}

.snsShareTop{
    padding-top: 30px;
    color: #fff;
}
.spMode .snsShareTop{
    padding: 20px 15px 0;

}
.snsShareTop li:nth-child(even){
    margin-left: 16px;
}
.spMode .snsShareTop li:nth-child(even){
    margin-left: 8px;
}
.snsShareTopWrap{

    border:2px solid #b5b5b6;
    display: inline-block;
    width: 466px;
    vertical-align: top;
    list-style: none;
}
.spMode .snsShareTopWrap{
    width: calc(50% - 10px);
    padding: 0;
}
.snsShareTopWrap a{
    display: block;
    padding: 13px 20px 19px;
    box-sizing: border-box;
    text-decoration: none;
}
.spMode .snsShareTopWrap a{
    padding: 5px 7px 15px;
}
.snsShareTopWrap a:hover{
    text-decoration: none;
    background-color: #79bac7;
}
.spMode .snsShareTopWrap a:hover{
    background-color: transparent;
}
.snsShareTopWrap dl{
    display: table;
}
.spMode .snsShareTopWrap dl{
    display: block;
}

.snsShareTopWrap:hover img{
    opacity: 1;
}

.snsShareTopMail{
    margin-left: 16px;
}
.spMode .snsShareTopMail{
    margin-left: 6px;
}
.snsShareIcon{
    width: 141px;
    display: table-cell;
}
.spMode .snsShareIcon{
    width: 100%;
    height: 61px;
    display: block;
    clear: both;
    text-align: center;

}
.snsShareText{
    color: #fff;
    width: auto;
    display: table-cell;
    text-decoration: none;
}
a:hover .snsShareText{
    text-decoration: none;
}
.spMode .snsShareText{
    font-size: 10px;

}
.snsSharePseudoLink{
    display: block;
    color:#fff;
    margin-top: 10px;
    text-decoration: underline;
}
.spMode .snsSharePseudoLink{
    margin-top: 16px;
    text-align: center;
}
.snsShareTopLine .snsShareIcon,
.snsShareTopMail .snsShareIcon{
    vertical-align: middle;
}
.snsShareTopLine .snsShareIcon img{
    width: 120px;
    height: 32px;
    position: relative;
    top: 3px;
}
.spMode .snsShareTopLine .snsShareIcon img{
    width: 89px;
    height: 24px;
    top: 17px;

}
.snsShareTopMail .snsShareIcon{
    text-align: center;
}
.snsShareTopMail .snsShareIcon img{
    width: 66px;
    height: 38px;
    right:10px;
    position: relative;
    z-index: 5;
    top: 3px;
}
.spMode .snsShareTopMail .snsShareIcon img{
    width: 49px;
    height: 28px;
    position: relative;
    top: 15px;
    right: 0;
}

/* 03-3 Mail Magazine
------------
*/

.mailMag {
    margin-top: 30px;
}

.mailMag dl {
    width: 600px;
    margin: 0 auto;
}

.mailMag .label {
    float: left;
    width: 300px;
    padding: 0 0 0 40px;
    background: url("../common/images_new/footer/icon_mail.gif") 0 50% no-repeat;
    color: #fff;
    box-sizing: border-box;
}

.mailMag .input {
    float: left;
    width: 300px;
}

.mailMag input {
    width: 255px;
    height: 30px;
    margin: 3px  0 0 0;
    padding: 5px;
    border: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mailMag input[type="submit"]{
    background: url("../common/images_new/footer/btn_footer_mail2.jpg") 0 0 no-repeat;
    cursor: pointer;
    border: none;
    vertical-align: top;
    display: inline-block;
    height: 30px;
    text-indent: -9999px;
    width: 42px;
}

.mailMag input[type="submit"]:hover{
    background-position: 0 -30px;
}

.mailMag a {
    float: right;
    position: relative;
    left: -3px;
    display: block;
    width: 42px;
    height: 30px;
    margin: 4px  0 0 0;
    background: url("../common/images_new/footer/btn_footer_mail.png") 0 0 no-repeat;
    text-indent: -9999px;
}

.mailMag a:hover {
    background-position: 0 -30px;
}


/* 03-4 Footer Sitemap
------------
*/

.footerSitemap {
margin-top: 22px;
padding-bottom: 55px;
}

.footerSitemap .hdl {
margin-bottom: 10px;
color: #fff;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}

.footerSitemap .list {
    padding-bottom: 15px;
    margin-left: 10px;
    font-size: 11px;
}
.footerSitemap .list.listSitemapNav li {
    margin-bottom: 7px;
}
.footerSitemap .list.listSitemapNav li.fn_eg{
    margin-bottom: 5px;
}
.footerSitemap .list a {
color: #fff;
padding-left: 10px;
background: url("../common/images_new/footer/arrow_list.gif") 0 50% no-repeat;
text-decoration: none;
}
.footerSitemap .list .fn_eg a {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}
.footerSitemap .list a:hover {
color: #3dbfcc;
background: url("../common/images_new/footer/arrow_list_o.gif") 0 50% no-repeat;
}

.footerSitemap .clmWrap {
float: left;
min-height: 150px;
border-right: 1px solid #777777;
box-sizing: border-box;
}

.footerSitemap .clmWrap .clm {
float: left;
width: 165px;
}

.footerSitemap .firstClm {
width: 350px;
}

.footerSitemap .secondClm {
width: 300px;
padding: 0 0 0 45px;
box-sizing: border-box;
}

.footerSitemap .thredClm {
width: 300px;
padding: 0 0 0 45px;
border-right: none;
}





/* 03-5 Footer Navigation
------------
*/

.footerNav {
padding-top: 15px;
text-align: left;
}

.footerNav .list {}
.footerNav .list li {
float: left;
margin-right: 32px;
}

.footerNav .list li a {
color: #fff;
}

.footerNav .list a {
color: #fff;
padding-left: 10px;
background: url("../common/images_new/footer/arrow_nav.gif") 0 50% no-repeat;
text-decoration: none;
font-size: 11px;
}

.footerNav .list a:hover {
color: #3dbfcc;
background: url("../common/images_new/footer/arrow_nav_o.gif") 0 50% no-repeat;
}

@media screen and (min-width: 720px) {
    .footerNav .list .yac_pc {
        float: right;
        margin-right: 0;
    }
    .footerNav .list a.you_are_culture_logo {
        background: url("../common/images_new/footer/yac_logo.png") right no-repeat;
        background-size: auto 11px;
        height: 18px;
        width: 160px;
        margin-right: 90px;
        float: right;
    }
}


.copyright {
margin-top: 30px;
padding: 0 0 80px 35px;
background: url("../common/images_new/footer/icon_jun.gif") 0 0 no-repeat;
color: #777;
font-size: 0.9em;
}

/*会計ページ用*/
.sh-footer{
    padding-top:34px;
}



/* 03-6 スマートフォン用モジュール
------------
*/
.spSnsShare {
width: 145px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 20px;
color: #fff;
}
@media screen and (max-width: 719px) {
    .spSnsShare{
        padding-top: 6px;
    }
}
.spSnsShare .label {
float: none;
display: block;
padding-top: 10px;
font-size: 1.0em;
font-weight: bold;
text-align: center;
}

.spSnsShare .list {
margin: 10px 0 0 10px;
}

.spSnsShare .list ul {}
.spSnsShare .list ul li {
float: left;
margin-right: 10px;

}

.spSnsShare .list ul li a {
display: block;
width: 33px;
height: 33px;
text-indent: -9999px;
}

.spSnsShare .iconFooterTw a {
background: url("../common/images_new/sp/footer/icon_sp_tw.gif") no-repeat;
background-size: 33px 33px;
}

.spSnsShare .iconFooterFb a {
background: url("../common/images_new/sp/footer/icon_sp_fb.gif") no-repeat;
background-size: 33px 33px;
}

.spSnsShare .iconFooterPrt a {
background: url("../common/images_new/sp/footer/icon_sp_pin.gif") no-repeat;
background-size: 33px 33px;
}

.spSnsShare .iconFooterIsm a {
background: url("../common/images_new/sp/footer/icon_sp_inst.gif") no-repeat;
background-size: 33px 33px;
}

.spSnsShare .iconFooterLn a {
background: url("../common/images_new/sp/footer/icon_sp_line.gif") no-repeat;
background-size: 33px 33px;
}

.spMailMag {
margin-top: 25px;
padding-bottom: 20px;
}


.spMailMag dl {
    width: 280px;
    margin: 0 auto;
}

.spMailMag .label {
    width: 280px;
    margin: 0 auto 10px;
    padding: 0 0 0 40px;
    background: url("../common/images_new/sp/footer/icon_sp_mail.gif") 0 50% no-repeat;
    background-size: 34px 28px;
    color: #fff;
    box-sizing: border-box;
}

.spMailMag .input {
    float: left;
    width: 300px;
    -webkit-appearance: none;
    border-radius: 0;
}

.spMailMag input {
    width: 215px;
    height: 30px;
    margin: 3px  0 0 0;
    padding: 5px 3px 3px;
    line-height: 1;
    border: none;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}


.spMailMag input[type="submit"]{
    background: url("../common/images_new/footer/btn_footer_mail2.jpg") 0 0 no-repeat;
    border: none;
    display: inline-block;
    height: 30px;
    vertical-align: top;
    text-indent: -9999px;
    width: 42px;
}
.spMailMag .input{ text-align: center; width: 280px; }
.spMailMag a {
    float: right;
    position: relative;
    left: -22px;
    display: block;
    width: 36px;
    height: 26px;
    margin: 4px  0 0 0;
    background: url("../common/images_new/sp/footer/btn_footers_sp_mail.gif") 0 0 no-repeat;
    background-size: 36px 26px;
    text-indent: -9999px;
}

.spMailMag a:hover {}


.mod-footer.contentWrapper{ margin-top: 60px;}

/* 03-7 Footer Contact
------------
*/
.footerContact{
    width: 176px;
    border: 2px solid #b5b5b6;
    top: 22px;
    box-sizing: border-box;
    clear: both;
    position: relative;
    text-align: center;
    margin-left: 392px;
}
.footerContactDetails{
    display: inline-block;
    width: 776px;
    padding: 5.5px 18px;
    box-sizing: border-box;
}
.footerContactDetails p,
.footerContactDetails span{
    display: inline-block;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}
.footerContactDetails p{
    font-weight: bold;
    font-size: 15px !important;
    margin-left: 10px;
    margin-right: 15px;
    letter-spacing: 0.03em;
    position: relative;
    top: 1px;
}
.footerContact_title{
    font-weight: bold;
    font-size: 13px !important;
}
.footerContact_cc{
    margin-left: 45px;
    position: relative;
}
.footerContact_cc::before{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background: url("../common/images_new/footer/footer_tell_pc.png") no-repeat center;
    top: -3px;
    left: -26px;
}
.footerContactBtn_wrap{
    /* border-left: 2px solid #b5b5b6; */
    display: inline-block;
    width: 172px;
}
a.footerContactBtn{
    color: #fff;
    display: block;
    background-color: transparent;
    text-decoration: none;
    line-height: 1;
    padding: 12.5px 18px 12.5px 44px;
    font-size: 11px;
    position: relative;
    width: 172px;
    box-sizing: border-box;
}
a.footerContactBtn::before{
    content: '';
    width: 20px;
    height: 14px;
    display: block;
    background: url("../common/images_new/footer/footer_mail_pc.png") no-repeat center;
    position: absolute;
    left: 19px;
    top: 11px;
}
a.footerContactBtn:hover{
    background-color: #79bac7;
}
/*SP*/
.footerContact_sp{
    padding: 6px 10px 10px;
    background-color: #efefef;
    color: #3e3939;;
}
.footerContact_sp p{
    font-size: 10px;
}
.list .footerContact_sp a.footerContact_sp_link{
    background: #fff;
    border: 1px solid #b5b5b6;
    border-radius: 10px;
    margin: 8px 0;
    line-height: 1.3;
    padding-left: 48px;
    padding-right: 30px;
}
.list .footerContact_sp a.footerContact_sp_link small{
    font-weight:normal;
    font-size:10px;
    margin-bottom: 2px;
}
.list .footerContact_sp a.footerContact_sp_link.footerContact_sp_cc{
    background-color: #fff;
    background-image: url(../common/images_new/sp/footer/arrow_btn.gif) , url(../common/images_new/sp/footer/footer_tell_sp.png) ;
    background-position:right 9px top 50% , left 14px top 50% ;
    background-repeat: no-repeat ,  no-repeat;
    background-size: 6px 12px,  20px 20px;
    padding-top: 5px;
}
.list .footerContact_sp a.footerContact_sp_link.footerContact_sp_contact{
    background-color: #fff;
    background-image: url(../common/images_new/sp/footer/arrow_btn.gif) , url(../common/images_new/sp/footer/footer_mail_sp.png) ;
    background-position:right 9px top 50% , left 13px top 50% ;
    background-repeat: no-repeat ,  no-repeat;
    background-size: 6px 12px,  20px 14px;
    padding-top: 16px;
    margin-bottom: 2px;
}

/*  03-8. Responsive : Footer
------------ ------------ ------------
------------ ------------ ------------
*/

@media screen and (max-width: 719px) {

    /* 03-Rsw_1 Footer Parts
    ------------
    */

    .spHdl {
    width:100%;
    background: #3e3939;
    margin: 0;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    text-align: left;
    }

    .btnMore {
    /*margin-top: 15px;*/
    }

    .btnMore,
    .btnBrandList {
    font-size: 1.2em;
    text-align: center;
    }

    .btnMore .btn_more,
    .btnBrandList a {
    color: #000;
    padding-right: 20px;
    background: url("../common/images_new/sp/footer/arrow_footer_more.gif") 98% 50% no-repeat;
    background-size: 6px 12px;
    font-weight: bold;
    text-decoration: none;
    }

    .btnMore .btn_close {
        color: #000;
        padding-right: 20px;
        background: url("../common/images_new/sp/footer/icon_footer_open.gif") 98% 50% no-repeat;
        background-size: 13px 6px;
        font-weight: bold;
        text-decoration: none;
        display: none;
    }

    .btnPopupWin {
    background: #efefef url("../common/images_new/sp/footer/icon_popup.gif") 98% 50% no-repeat  !important;
    background-size: 15px 15px !important;
    }


    /* 03-Rsw_2 Category Search
    ------------
    */
    .mod-findCategory {
    text-align: left;
    }

    .mod-findCategory .list {
        margin-bottom: 15px;
    }

    .mod-findCategory .list a {
        display: block;
        width: 100%;
        padding: 0 10px;
        background: #fff url("../common/images_new/sp/footer/arrow_btn.gif") right 12px top 50% no-repeat;
        background-size: 6px 12px;
        border-bottom: 1px solid #d1d1d1;
        box-sizing: border-box;
        color: #000;
        font-size: 1.2em;
        font-weight: bold;
        text-decoration: none;
        line-height: 50px;
        height: 50px
    }

    .btnParentsCategory a {
    background: #fff url("../common/images_new/sp/footer/icon_footer_close.gif") right 12px top 50% no-repeat  !important;
    background-size: 13px 6px !important;
    border-bottom: 1px solid #d1d1d1;
    color: #000;
    }

    .btnParentsCategory.is-current a {
    background: #fff url("../common/images_new/sp/footer/icon_footer_open.gif") right 12px top 50% no-repeat  !important;
    background-size: 13px 6px !important;
    border-bottom: 1px solid #d1d1d1;
    color: #000;
    }

    .mod-findCategory .list .item li {}

    .mod-findCategory .list .item a {
    background: #d4d4d4 url("../common/images_new/sp/footer/arrow_btn_light_gray.gif") right 12px top 50% no-repeat  !important;
    background-size: 6px 12px !important;
    border-bottom: 1px solid #b5b5b6 !important;
    }

    .mod-findCategory {}





    /* 03-Rsw_3  Footer Brand List
    ------------
    */

    .mod-brandarea {}

    .mod-brandarea  .brandlist {
    width: auto;
    margin: 20px 10px 0 10px;
    border: solid #000;
    border-width: 1px 0 0 1px;
    }

    .mod-brandarea .brandlist li {
    margin: 0;
    width: 33.3%;
    height: 100px;
    border: solid #000;
    border-width: 0 1px 1px 0;
    box-sizing: border-box;
    }

    .mod-brandarea .brandlist li a {
    width: auto;
    height: auto;
    min-width: 98px;
    min-height: 98px;
    margin: 0;
    background-position: 50% 50%;
    }

    .mod-brandarea .brandlist li a:hover {
    background-color: transparent;
    }

    .mod-brandarea span {
    display: none !important;
    }

    .mod-brandarea .btnBrandList {
    font-size: 1.2em;
    text-align: center;
    }

    .mod-brandarea .btnBrandList a {
    padding-right: 20px;
    background: url("../common/images_new/sp/footer/arrow_footer_more.gif") 98% 50% no-repeat;
    background-size: 6px 12px;
    color: #000;
    }




    /* 03-Rsw_4 Footer Sitemap
    ------------
    */

    .footerSitemap {
    margin: 0;
    padding-bottom: 0;
    }

    .footerSitemap .clmWrap {
    float: none;
    width: 100%;
    height: auto;
    padding: 0;
    text-align: left;
    }

    .footerSitemap .clmWrap .clm {
    float: none;
    width: 100%;
    }

    .footerSitemap .clmWrap .hdl {
    width:100%;
    background: #3e3939;
    margin: 0;
    padding: 5px 10px;
    box-sizing: border-box;
    }

    .footerSitemap .clmWrap{
        border-right: 0;
    }

    .footerSitemap .list {
    padding: 0;
    margin-left: 0;
    }
    .footerSitemap .list.listSitemapNav li {
    margin-bottom: 0;
    }
    .footerSitemap .list.listSitemapNav li.fn_eg {
        margin-bottom: 0;
    }
    .footerSitemap .list a {
        display: block;
        padding: 0 10px;
        background: #efefef url("../common/images_new/sp/footer/arrow_btn_light_gray02.gif") right 12px top 50% no-repeat;
        background-size: 6px 12px;
        border-bottom: 1px solid #b5b5b6;
        box-sizing: border-box;
        color: #3e3939;
        font-size: 14px;
        font-weight: bold;
        line-height: 50px;
        height: 50px;
    }
    .footerSitemap .list .fn_eg a{
        font-size: 15px;
    }
    .footerSitemap .list a:hover {
    background: #efefef url("../common/images_new/sp/footer/arrow_btn_light_gray02.gif") right 12px top 50% no-repeat;
    background-size: 6px 12px;
    color: #3e3939;
    }

    .footerSitemap .sp-clmPtn3{
    padding: 0;
    }

    .footerSitemap .sp-clmPtn3 a {
        display: block;
        padding: 0 10px;
        background: #efefef url("../common/images_new/sp/footer/icon_popup.gif") right 12px top 50% no-repeat;
        background-size: 12px 11px;
        border-bottom: 1px solid #b5b5b6;
        box-sizing: border-box;
        color: #3e3939;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 50px;
        height: 50px;
    }
    .footerSitemap .sp-clmPtn3 a:hover {
        background: #efefef url("../common/images_new/sp/footer/icon_popup.gif") right 12px top 50% no-repeat;
        background-size: 12px 11px;
    }
    .footerSitemap .spSnsShare {
    width: 175px;
    margin: 0 auto;
    padding-top: 10px;
    color: #fff;
    }

    .footerSitemap  .spSnsShare .label {
    float: none;
    display: block;
    padding-top: 10px;
    font-size: 1.0em;
    font-weight: bold;
    }

    .footerSitemap .spSnsShare .list {
    margin-top: 10px;
    }

    .footerSitemap .spSnsShare .list ul {}
    .footerSitemap .spSnsShare .list ul li {
    float: left;
    margin-right: 10px;

    }

    .footerSitemap .spSnsShare .list ul li a {
    display: block;
    width: 33px;
    height: 33px;
    text-indent: -9999px;
    }

    .footerSitemap .spSnsShare .iconFooterTw a {
    background: url("../common/images_new/sp/footer/icon_sp_tw.gif") no-repeat;
    background-size: 33px 33px;
    }

    .footerSitemap .spSnsShare .iconFooterFb a {
    background: url("../common/images_new/sp/footer/icon_sp_fb.gif") no-repeat;
    background-size: 33px 33px;
    }

    .footerSitemap .spSnsShare .iconFooterPrt a {
    background: url("../common/images_new/sp/footer/icon_sp_pin.gif") no-repeat;
    background-size: 33px 33px;
    }

    .footerSitemap .spSnsShare .iconFooterIsm a {
    background: url("../common/images_new/sp/footer/icon_sp_inst.gif") no-repeat;
    background-size: 33px 33px;
    }

    .brandlist .brand-01 a {
    background: url("../common/images_new/sp/footer/brands_1.jpg") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-02 a {
    background: url("../common/images_new/sp/footer/brands_2.jpg") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-03 a {
    background: url("../common/images_new/sp/footer/brands_3.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-04 a {
    background: url("../common/images_new/sp/footer/brands_4.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-05 a {
    background: url("../common/images_new/sp/footer/brands_5.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-06 a {
    background: url("../common/images_new/sp/footer/brands_6.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-07 a {
    background: url("../common/images_new/sp/footer/brands_7.jpg?180809") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-08 a {
    background: url("../common/images_new/sp/footer/brands_8.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-09 a {
    background: url("../common/images_new/sp/footer/brands_9.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-10 a {
    background: url("../common/images_new/sp/footer/brands_10.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-11 a {
    background: url("../common/images_new/sp/footer/brands_11.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-12 a {
    background: url("../common/images_new/sp/footer/brands_12.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-13 a {
    background: url("../common/images_new/sp/footer/brands_13.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-14 a {
    background: url("../common/images_new/sp/footer/brands_14.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-15 a {
    background: url("../common/images_new/sp/footer/brands_15.jpg?170901") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-16 a {
    background: url("../common/images_new/sp/footer/brands_16.jpg") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-17 a {
    background: url("../common/images_new/sp/footer/brands_17.jpg") 0 50% no-repeat;
    background-size: 97px auto !important;
    }
    .brandlist .brand-18 a {
        background: url("../common/images_new/sp/footer/brands_18.jpg") 0 50% no-repeat;
        background-size: 97px auto !important;
        }
    .brandlist .brand-19 a {
        background: url("../common/images_new/sp/footer/brands_19.jpg") 0 50% no-repeat;
        background-size: 97px auto !important;
        }

    .branlistmgn{
        padding: 15px 0 4px;
    }

    /* 03-Rsw_5 footer Navigation
    ------------
    */
    .footerNav {
    padding-top: 0;

    }
    .footerNav .list {}
    .footerNav .list li {
    float: none;
    margin-right: 0;
    font-size: 1.2em;
    }

    .footerNav .list a {
        display: block;
        width: 100%;
        padding: 0 10px;
        background-image: none;
        background: url("../common/images_new/sp/footer/arrow_footer_navi.gif") right 12px top 50% no-repeat;
        background-size: 6px 12px;
        border-bottom: 1px solid #3e3a39;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 50px;
        height: 50px;
    }
    .footerNav .list a:hover {
    color: #fff;
    background-image: none;
    background: url("../common/images_new/sp/footer/arrow_footer_navi.gif") right 12px top 50% no-repeat;
    background-size: 6px 12px;
    }

    .footerNav .list span {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #333333;
    font-size: 0.8em;
    text-align: center;
    }

    .copyright {
    margin: 10px auto 0;
    background: none;
    color: #777;
    font-size: 0.9em;
    text-align: center;
    padding:0 0 85px !important;
    }

    .copyright span {
    padding: 0 0 85px 35px;
    background: url("../common/images_new/footer/icon_jun.gif") 0 0 no-repeat;
    }

    .mod-footer.contentWrapper{ margin-top: 0;}

}

@media screen and (min-width: 720px){
    #headerArea,
    .mod-footer,
    .wrap.bgColorBlack{
        min-width: 960px;
    }
    .point-header {
        line-height: 1;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .blue-number {
        color: #3DBFCC;
        font-weight: bold;
    }
    .brandListMagazine>li {
        float: left;
        width: 231px;
        font-size: 13px;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        line-height: 1.65;
        color: #777777;
        /*margin-bottom: 5px;*/
    }
    .brandListMagazine>li a {
        color: #777777;
        text-decoration: none;
    }
    .brandListMagazine>li a:hover {
        color: #3dbfcc;
        text-decoration: none;
    }
    .brandListMagazine>li a:before {
        padding-right: 10px;
        content: ".";
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        text-indent: -999px;
        background: url("../common/images_new/header/icon_arrow_jadore_magazine_brand.png") 0 0 no-repeat;
        height: 8px;
    }
    .brandListMagazine>li a:hover:before {
        background-position: 0 -8px;
    }

    /* ipad */
    @media screen and (device-width: 768px){
        .mod-megaMenu {
            width: 1024px;
        }
        .mod-bigSearch {
            margin-top: -1px;
        }
        .mailMag input {
            padding: 8px 5px 10px;
        }
        @media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) {
            .mod-megaMenu {(; margin-top:-1px; );}
        }
    }
    @media screen and (device-width: 768px) and (orientation: landscape) {
        _::-webkit-:not(:root:root), .mod-megaMenu { width:100%; }
    }
}

@media screen and (max-width: 719px) and (-webkit-min-device-pixel-ratio:0) {

    .mod-spHeaderSearch .searcharea a {
        background: url("../common/images_new/sp/header/arrow_white_right.png") right 50% no-repeat;
        background-size: 6px 12px;
    }
}


@media screen and (max-width: 719px) {

    /* .container_header {
        margin-top: 139px;
    } */

    .js-repeatText ~ .mod-infomation {
        margin-top: 0;
    }

    .mod-infomation ~ .container_header,
    .js-repeatText ~ .mod-infomation ~ .container_header {
        margin-top: 0;
    }

    /*.mod-spHeader.static ~ #contents.section>#cart_block {*/
        /*margin-top: 0;*/
        /*padding-top: 0;*/
    /*}*/
    #contents.section>#cart_block {
        /*padding-top: 15px;*/
    }
    #contents.section>#cart_block.cart_padding {
        padding-top: 36px;
    }

    .h1_brandTop01 {
        margin-top: 25px;
    }


    /* all other pages */
    #cart_block {
        margin-top: 20px;
    }

    #coordinate_block,
    #ranking_block,
    #forgot_block,
    #login_block,
    #contact_block,
    #mail_block,
    #info_block,
    #inquiry_block{
        margin-top: 15px;
    }

    .txt-title {
        font-size: 17px!important;
    }
    .badgeCounter {
        font-size: 0.75em;
        right: -2px;
    }
}

@media screen and (min-width: 719px) {
  /*pc*/
  .mod-spHeaderSearch{
    display: none !important;
  }
}
@media screen and (max-width: 719px) {
  /*sp*/
  .mod-spHeaderSearch,
  .mod-bigSearch{
    display: none;
  }
  .footerContact{
      display: none;
  }
}