@charset "utf-8";

*{
    outline: none;
}

/* ___________________________________

    共通レイアウト
_______________________________________*/

#wrap{

}


/* ___________________________________

    表示　/ 非表示
_______________________________________*/

.cont_sp{ display: none; }
.head_sp{ display: none; }
.navigation_postage{ display: none; }
@media screen and (max-width: 1040px){
    .head_pc{ display: none; }
    .head_sp{ display: block; }
	.navigation_postage{ display: block; }
}

@media screen and (max-width: 768px){
    .cont_pc{ display: none; }
    .cont_sp{ display: block; }
	.navigation_postage{ display: block; }
}


/* ___________________________________

    ヘッダー
_______________________________________*/

.head_inner{
    max-width: 1100px;
    margin: 0 auto;
}
.head_title{
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.03em;
    margin-bottom: 17px;
}
.head_inner--top{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 22px 0;
}
.head_logo{
    width: 169px;
}
.head_logo img{ max-width: 100%; }


.head_ohterList{
    display: flex;
    margin-bottom: 17px;
}
.head_ohterList_item{
    font-size: 12px;
    line-height: 1;
}
.head_ohterList_item a{
    display: inline-block;
    color: #212121;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.05em;
}
.head_ohterList_item:after{
    content: '';
    display: inline-block;
    border-right: 1px dotted #353535;
    height: 100%;
    margin: 0 10px;
}
.head_ohterList_item:last-child:after{ display: none; }




.head_search form{
    display: flex;
    justify-content: flex-end;
}
.head_search_text{
    border: 1px solid #212121;
    border-right: none;
    width: 200px;
    padding-left: 11px;
    font-family: '游ゴシック', Yu Gothic, '游ゴシック体', 'YuGothic','ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;
}
.head_search_submit{
    cursor: pointer;
    border: none;
    background: url('../images/icon_h_search.png') center center no-repeat #212121;
    backgroun-size: contain;
    width: 50px;
    height: 35px;
}



/* ___________________________________

    グローバルナビゲーション
_______________________________________*/


.gnav{
    position: relative;
    background-color: #212121;
}
.head_inner--under{
    display: flex;
    justify-content: space-between;

}
.gnav_inner{
    display: flex;
    justify-content: space-between;
    width: 74.7%;
  max-width: 840px;
}
.gnav_section{
    display: flex;
    align-items: center;
}
.gnav_section_title{
    color: #212121;
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px;
    background-color: #fff;
    margin-right: 14px;
    padding: 4px 13px 2px;
}
.gnav_section_list{
    display: flex;
    height: 100%;
}
.gnav_section_list_item{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
    letter-spacing: -0.03em;
    height: 100%;
}
.gnav_section_list_item:after{
    content: '';
    display: inline-block;
    background: url('../images/gnav_separator.png') center center no-repeat;
    width: 1px;
    height: 16px;
    margin: 0 3px;
}
.gnav_section_list_item:last-child:after{ display: none; }

.gnav_section_list_item a{
    transition: all .4s;
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

.head_postage{
    align-items: center;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.1em;
    background-color: #a90000;
    padding: 10.5px 32px;
    line-height: 1.4;
}
.head_postage span{
    font-size: 13px;
    display: block;
}


/* ___________________________________

    グローバルナビゲーション - 子
_______________________________________*/

.gnav_section_list_item_child{
    
    visibility: hidden;
    opacity: 0;
    transition: all .4s;

    z-index: 3;
    position: absolute;
    top: 90%;
    left: 0;
    background-color: rgba(33, 33, 33, .9);
    width: 100%;
    padding: 11px 0 20px;
    
}
.gnav_section_list_item_child_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 50px;
}
.gnav_section_list_item_child_list_item{
    font-size: 14px;
    line-height: 2.14;
    letter-spacing: -0.03em;
    min-width: 5em;
}

/* 宿泊日数 */
.gnav_section_list_item_child_list--lodging{
    justify-content: center;
}


/* カラー用　色玉 */
.circle a{
    display: flex;
    align-items: center;
}
.circle a:before{
    content: '';
    display: inline-block;
    position: relative;
    top: -1px;
    border-radius: 50%;
    background-color: #fff;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

/* カラー用　色玉 カラーチャート */
.circle_black a:before{ background-color: #000; }
.circle_silver a:before{ background-color: #818181; }
.circle_navy a:before{ background-color: #02174d; }
.circle_white a:before{ background-color: #ffffff; }
.circle_gray a:before{ background-color: #505050; }
.circle_blue a:before{ background-color: #0062db; }
.circle_red a:before{ background-color: #a90000; }
.circle_purple a:before{ background-color: #7d2da7; }
.circle_pink a:before{ background-color: #ff7fc7; }
.circle_brown a:before{ background-color: #7c492d; }
.circle_beige a:before{ background-color: #9b8275; }
.circle_orange a:before{ background-color: #f89738; }
.circle_green a:before{ background-color: #116d1a; }


/* ___________________________________

    グローバルナビゲーション - hover
_______________________________________*/

.gnav_section_list_item:hover .gnav_section_list_item_child{
    visibility: visible;
    opacity: 1;
    top: 100%;
}


/* ___________________________________

    共通見出し 
_______________________________________*/

.section_title{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
}
.section_title_en{
    font-family: 'Montserrat';
    font-size: 45px;
    line-height: 1;
    letter-spacing: 0.03em;
    margin-bottom: 12px;
}       
.section_title_jp{
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.03em;
}

.section_inner{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.section_inner--border{
    border-bottom: 1px solid #dadada;
    margin-bottom: 100px;
    padding-bottom: 110px;
}


.campaignbnr{
    max-width:1100px;
    margin:20px auto;
    display: block;
}

/* ___________________________________

    インフォメーション
_______________________________________*/
/*.fs-p-productSearch__search{
        display:none;
    }*/
    


.information{
    margin-bottom: 72px;
}
.information_inner{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f5f5f5;
    max-width: 1100px;
    margin: 0 auto;
    padding: 22px 50px;
}
.information_title{
    font-size: 25px;
    font-family: 'Montserrat';
    letter-spacing: 0.03em;
}
.informationList{
    width: 76.6%;
    max-width: 766px;
}
.informationList_item{
    color: #a90000;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border-top: 1px solid #969696;
    padding: 15px 0 14px;
}
.informationList_item:last-child{ border-bottom: 1px solid #969696; }
.informationList_item a{
    display: inline-block;
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 10px;
}

.informationList_item a:after{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 6px;
    border-color: transparent transparent transparent #000000;
    margin-left: 14px;
}


/* ___________________________________

    メインスライダー
_______________________________________*/

.mainSlider{
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}
.mainSlider .mainSliderList{ margin-bottom: 38px; }
.mainSliderList_item{  }
.mainSliderList_item img{ 
    transition: all .4s;
    width: 100%; 
}


.mainSlider .slick-slide > div{ font-size: 0; }

.mainSlider .slick-arrow{
    color: transparent;
    font-size: 0;
    background-color: rgba(0, 0, 0, .4);
    /* width: 10%; */
    width: calc((100vw - 1117px) / 2);
    height: 100%;
}
.main-prev{
    background-image: url('../images/icon_prev_w.png');
    background-repeat: no-repeat;
    /* background-position: 62.4% 45%; */
    background-position: 86.4% 45%;
    background-size: 20px 36px;
    left: 0;
}
.main-next{
    background-image: url('../images/icon_next_w.png');
    background-repeat: no-repeat;
    /* background-position: 37.6% 45%; */
    background-position: 13.6% 45%;
    background-size: 20px 36px;
    right: 0;
}

.main-dots{
    position: absolute;
    bottom: -36px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 0;
}
.main-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 4px;
    padding: 0;
    cursor: pointer;
}
.main-dots li button {
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    font-size: 0;
    border: 0;
    outline: none;
    background: transparent;
}

.main-dots li button:before{
    content: '';
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: black;
    border-radius: 50%;
    background-color: #969696;
    width: 10px;
    height: 10px;
}

.main-dots li.slick-active{ 
    border-radius: 50%;
    background-color: #212121;
}
.main-dots li.slick-active button:before{
    background-color: transparent;
}


/* ___________________________________

    スライダー
_______________________________________*/

.slick-arrow{
    z-index: 2;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.sl-prev,
.sl-next{
    overflow: hidden;
    text-indent: -999px;
    width: 19px;
    height: 35px;
}
.sl-prev{
    background: url('../images/icon_prev_a.png') 0 0 no-repeat;
    background-size: contain;
    left: -50px;
}
.sl-next{
    background: url('../images/icon_next_a.png') 0 0 no-repeat;
    background-size: contain;
    right: -50px;
}

/* NEW ITEM SLIDER */
#section_newitem .slick-list{ margin-right: -25px; }
#section_newitem .slick-slide{ margin-right: 25px; }

/* PICK UP SLIDER */
#section_pickup .slick-list{ margin-right: -25px; }
#section_pickup .slick-slide{ margin-right: 25px; }
#section_pickup .slick-arrow{
    top: calc(50% - 29px);
}

/* FEATURE SLIDER */
#section_feature .slick-list{ margin-right: -25px; }
#section_feature .slick-slide{ margin-right: 25px; }


/* ___________________________________

    NEWITEM
_______________________________________*/

#section_newitem{
		    margin: 80px 0 110px;
	}
/* ___________________________________

    ピックアップ
_______________________________________*/

.pickupList_item{
    max-width: 250px;
}
.pickupList_item a{ text-decoration: none; }
.pickupList_item_img{
    border: 1px solid #dddddd;
    margin-bottom: 12px;
}
.pickupList_item_img img{ 
    transition: all .4s;
    max-width: 100%; 
}
.pickupList_item_txt{
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.03em;
    margin-bottom: 10px;
}
.pickupList_item_time{
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    background-color: #212121;
    line-height: 1;
    letter-spacing: 0.03em;
    padding: 5px 31px 7px;
}

/* ___________________________________

    商品レイアウト
_______________________________________*/

.productList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.productList:before,
.productList:after{
    order: 1;
    content: '';
    display: block;
    width: 200px;
}
.productList_item{
    position: relative;
    width: 200px;
}
.productList_item_thm{
    margin-bottom: 6px;
}
.productList_item_thm img{ 
    transition: all .4s;
    max-width: 100%; 
}

.productList_item_brand,
.productList_item_name,
.productList_item_price{
    font-size: 12px;
    line-height: 20px;
}

.productList_item_brand{
    font-weight: bold;
}
.productList_item_name{
    font-weight: 500;
}
.productList_item_price{
    font-weight: bold;
}

.productList_item_colorList{
    display: flex;
    margin-bottom: 3px;
}
.productList_item_colorList li{
    box-sizing: border-box;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin-right: 2px;
}

/*SLOW回遊商品*/
	.tab-list .slow_related-products{
		width: 740px;
	}

	@media screen and (max-width: 768px){
		.tab-list .slow_related-products{
			width: 100%;
		}

	}


/* ___________________________________

    カラバリ
_______________________________________*/

.productList_item_colorList .red{ background-color: #ec0014; }
.productList_item_colorList .blue{ background-color: #2138af; }
.productList_item_colorList .aquablue{ background-color: #bef0ff; }
.productList_item_colorList .navy{ background-color: #2d3282; }
.productList_item_colorList .black{ background-color: #000000; }
.productList_item_colorList .gray{ background-color: #bab9b4; }
.productList_item_colorList .lightgray{ background-color: #969696; }
.productList_item_colorList .white{ background-color: #fff; border:1px solid #c8c8c8; }
.productList_item_colorList .gunmetal{ background-color: #323232; }
.productList_item_colorList .stealth{ background-color: #898083; }
.productList_item_colorList .pink{ background-color: #fa238c; }
.productList_item_colorList .plum{ background-color: #5f4761; }
.productList_item_colorList .grape{ background-color: #ae3e62; }
.productList_item_colorList .yellow{ background-color: #e2da13;}
.productList_item_colorList .deeplake{ background-color: #464678; }
.productList_item_colorList .evergreen{ background-color: #696d44; }
.productList_item_colorList .ivory { background-color: #f0f0e1; border:1px solid #c8c8c8; }
.productList_item_colorList .summer_blue { background-color: #00aac8; }
.productList_item_colorList .lime { background-color: #d2eb32; }
.productList_item_colorList .bronze { background-color: #755330; }
.productList_item_colorList .rose { background-color: #b7867f; }
.productList_item_colorList .silver { background-color: #d8d8da; }
.productList_item_colorList .lagoonblue { background-color: #4a9fb3; }
.productList_item_colorList .meteo { background-color: #b2b1b7; }
.productList_item_colorList .gold { background-color: #b69b80; }
.productList_item_colorList .ivorygold { background-color: #836e6d; }
.productList_item_colorList .turquoise { background-color: #63bacb; }
.productList_item_colorList .oxford { background-color: #395789; }
.productList_item_colorList .purple { background-color: #8a6cb2; }
.productList_item_colorList .burgundy { background-color: #763241; }
.productList_item_colorList .matsilver { background-color: #a6aba5; }
.productList_item_colorList .matnavy { background-color: #273f61; }
.productList_item_colorList .mativory { background-color: #eae5d1; }
.productList_item_colorList .matwine { background-color: #b70f28; }
.productList_item_colorList .matgraphite { background-color: #50535a; }
.productList_item_colorList .ultraviolet { background-color: #ad4093; }
.productList_item_colorList .bb { background-color: #46549d; }
.productList_item_colorList .steamblue{ background-color: #2c5370; }
.productList_item_colorList .snthracite{ background-color: #343434; }
.productList_item_colorList .aluminum{ background-color: #b5b6b8; }
.productList_item_colorList .lightgold{ background-color: #f8f7f5; }
.productList_item_colorList .rosegold{ background-color: #fab5ba; }
.productList_item_colorList .darkgray{ background-color: #b9bbba; }
.productList_item_colorList .aquagreen{ background-color: #71c1b8 }
.productList_item_colorList .raspberryred{ background-color: #cd5652; }
.productList_item_colorList .kappa{ background-color: #c2602f; }
.productList_item_colorList .matlatte{ background-color: #d4d3d1; }
.productList_item_colorList .matblack{ background-color: #535353; }
.productList_item_colorList .matgreen{ background-color: #177171; }
.productList_item_colorList .matlightblue{ background-color: #6997bc; }
.productList_item_colorList .lightningpink{ background-color: #d15476; }
.productList_item_colorList .busblack{ background-color: #5b5758; }
.productList_item_colorList .spicypeach{ background-color: #e97961; }
.productList_item_colorList .aluminum{ background-color: #9fa3a6; }
.productList_item_colorList .chessnuts{ background-color: #503e3c; }
.productList_item_colorList .redspiral{ background-color: #883c49; }
.productList_item_colorList .grayspiral{ background-color: #6d7172; }
.productList_item_colorList .matblue{ background-color: #416b84; }
.productList_item_colorList .matsilver{ background-color: #E7E8E4; }
.productList_item_colorList .jetblack{ background-color: #363938; }
.productList_item_colorList .shadow_purple{ background-color: #624160; }



/* ___________________________________

    ランキング
_______________________________________*/

.rankIcon{
    z-index: 2;
    position: absolute;
    width: 0;
    height: 0;
}
.rankIcon:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 72px 77px 0 0;
    border-color: #d9b340 transparent transparent transparent;
}
.rankIcon span{
    display: block;
    position: relative;
    z-index: 2;

    color: #fff;
    font-size: 27px;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: bold;
    padding: 6px 0 0 12px;
}

/* 順位でランキングアイコン背景色指定 */
.rankIcon--01:before{
    border-color: #d9b340 transparent transparent transparent;
}
.rankIcon--02:before{
    border-color: #6f7b83 transparent transparent transparent;
}
.rankIcon--03:before{
    border-color: #a15326 transparent transparent transparent;
}
.rankIcon--04:before,
.rankIcon--05:before{
    border-color: #969696 transparent transparent transparent;
}
.productList_item:nth-of-type(4) .rankIcon span,
.productList_item:nth-of-type(5) .rankIcon span{
    font-size: 21px;
    padding: 11px 0 0 9px;
}


/* ___________________________________

    特集
_______________________________________*/

.featureList_item{
    max-width: 250px;
}
.featureList_item a{ text-decoration: none; }
.featureList_item_img{
    border: 1px solid #dddddd;
    margin-bottom: 12px;
}
.featureList_item_img img{ max-width: 100%; }
.featureList_item_txt{
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.03em;
}


/* ___________________________________

    カテゴリー
_______________________________________*/

.categoryList{
    display: flex;
    justify-content: space-between;
}
.categoryList_item{
    width: calc(100% / 7 - 10px);
    max-width: 250px;
}
.categoryList_item img{ max-width: 100%; }

/* ___________________________________

    ブランドリスト
_______________________________________*/

#section_brand{ margin-bottom: 105px; }
.brand_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.brand_list_item{
    border: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 30px;
}


/* ___________________________________

    ショッピングガイド
_______________________________________*/

#section_guide{ 
    background-color: #f5f5f5;
    padding: 75px 0 100px;
}
#section_guide .section_title_jp{ font-weight: bold; }
.guide_inner{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.guide_box{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #3c3c3c;
    margin-bottom: 12px;
    padding-bottom: 12px;
}
.guide_box:last-of-type{ margin-bottom: 0; }
.guide_box_title{
    font-size: 14px;
    font-weight: 500;
    background: url('../images/icon_guide.png') 0 center no-repeat;
    width: 20%;
    padding: 0 35px 0 20px;
}
.guide_box_txt{
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.8;
    max-width: 69%;
}
.guide_box_txt a{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.guide_box_txt_strong{
    color: #000;
    font-size: 17px;
    font-weight: bold;
}
.guide_box_btn{
    background-color: #000;
    margin-left: auto;
}
.guide_box_btn a{
    display: block;
    width: 100%;
    text-decoration: none;
    color: #ffffff;
    padding: 4px 9px;
    font-size: 0.68rem;
}
.guide_box_img{
    display: flex;   
    margin: 0 50px 0 auto;
}
.guide_box_img li:first-child{ margin-right: 10px; }



.copyright{
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 1;
    background-color: #000;
    padding: 10px 0 9px;
}


/* IE ハック */
@media all and (-ms-high-contrast: none){
    .gnav_section_list_item a{ padding-top: 5px; }
    .guide_box_btn a{ padding: 6px 9px 2px; }
}



/* コンテンツ幅 */
@media screen and (max-width: 1100px){

    body{ overflow-x: hidden; }

    /* header */
    .head_postage span{ font-size: inherit; }

    .section_inner{ 
        padding-right: 6vw; 
        padding-left: 6vw;
    } 

    /* PICK UP & FEATURE */
    #section_pickup .slick-list,
    #section_feature .slick-list{ margin: 0; }
    #section_pickup .slick-slide,
    #section_feature .slick-slide{
        margin: 0;
        padding: 0 2vw;
    }
    #section_pickup .slick-slide > div,
    #section_feature .slick-slide > div{
        display: flex;
        justify-content: center;
    }
    .sl-prev{ left: -19px; }
    .sl-next{ right: -19px; }

    /* NEW ITEM & RANKING */
	#section_newitem{
		padding:0 7vw;
	}
    #section_newitem .slick-list,
    #section_ranking .slick-list{ 
        width: 94vw;
        margin: 0 auto;
    }
    #section_newitem .slick-slide,
    #section_ranking .slick-slide{ 
        margin: 0; 
        padding: 0 2vw;
    }

    /* BRAND */
    #section_brand .section_inner{
        padding-right: 2.6vw;
        padding-left: 2.6vw;
    }
    .brand_list_item{
        overflow: hidden;
        width: 47.9%;
    }
    .brand_list_item img{ max-width: 100%; }
    
}


/* SP Header */
@media screen and (max-width: 1040px){

   /* #wrap{ padding-top: 85px; }*/

    #head{
        position: fixed;
        z-index: 5;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
    }    
    .head_wrap{
        z-index: 5;
        position: relative;
        background-color: #fff;
    }
    .js_headFixed .head_title{ display: none; }
    .head_inner{
        position: relative;
        display: flex;
        justify-content:space-between;
        align-items: center;
        border-bottom: 1px solid #dadada;
        height: 60px;
        padding: 0 5.33vw;
    }
    

    /* header */
    .head_title{
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 1;
        background-color: #212121;
        margin: 0;
        padding: 6px 0 5px;
    }
    
    .fs-p-productSearch__search.head_sp{
        display:block;
    }
    
    
    .fs-p-productSearch__search.head_sp .fs-p-productSearch__field{
        
        display: flex;
        width: 94%;
        margin: 30px auto;
    }
    
    .fs-p-productSearch__search.head_sp .fs-p-productSearch__inputTable{
        width:84%;
    }
    
    .fs-p-productSearch__search.head_sp .fs-p-productSearch__searchButton{
    border: none;
    background: none;
    width: 40px;
    }
    
    .fs-p-productSearch__search.head_sp .fs-p-productSearch__searchButton img{
        max-width:100%;
    }
    
    
    
    #fs_input_productSearchKeyword{
        width:94%;
        height:30px;
    }
    .head_sysList{
        display: flex;
    }
    .head_sysList_item--cart{ 
        width: 26px; 
        margin-right: 16px;
    }
    .head_sysList_item--search{ width: 22.5px; }
    .head_sysList_item img{ max-width: 100%; }
    .head_logo{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 23%;
        min-width: 80px;
        max-width: 85px;
    }
    .head_logo img{ max-width: 100%; }

    /* header - menu */
    .head_menu_wrap{
        position: relative;
        z-index: 5;
        width: 26px;
        height: auto;
        padding-top: 1px;
        box-sizing: border-box;
        z-index: 10000;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
        pointer-events: auto;
        margin: 0 auto;
    }
    .head_menu_wrap > span{
        display: block;
        width: 100%;
        margin: 0 auto 6px;
        height: 3px;
        background: #000;
        transition: all 0.2s ease-in-out;
    }
    .nead_menu_bottom{
        margin-bottom: 0;
    }
    .nead_menu_txt{
        font-size: 10px;
        font-family: 'Montserrat';
        font-weight: bold;
        text-align: center;
        line-height: 1;
    }

    /* close */
    .js_menuOpen .nead_menu_top {
        transform: translateY(9px) rotate(-45deg);
    }
    .js_menuOpen .nead_menu_middle {
        opacity: 0;
    }
    .js_menuOpen .nead_menu_bottom {
        transform: translateY(-9px) rotate(45deg);
    }

    /* fixed Navi */
    .navigation { display: none; }
    .navigation.js_appear {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: block;
        z-index: 4;
    }
    .navigation_screen {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: #fff;
      z-index: 0;
      margin-top: 0px;
      padding-top: 0px;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }
    .navigation_wrapper {
      padding: 85px 0 0 0;
      text-align: center;
    }
    .js_headFixed .navigation_wrapper{ padding: 60px 0 0 0; }
    .navigation_postage{
    	color: #fff;
    	font-size: 14px;
    	font-weight: bold;
    	line-height: 1;
    	letter-spacing: 0.03em;
    	background-color: #a90000;
    	padding: 8px 0 7px;
    }
    .navigation_postage span{ font-size: 120%; }
    .navigation_item {
      font-ize: 18px;
      margin-bottom: 20px;
    }
    .navigation_item > a {
      color: #000;
      text-decoration: none;
    }
    .js_fixed {
        position: fixed;
        width: 100%;
        height: 100%;
    }

    /* fixed Navi レイアウト */
    .navigation_section_title{
        font-size: 24px;
        font-weight: 500;
        line-height: 1;
        padding: 25px 0 19px;
    }

    /* アイテム + 目的 から探す */
    .navigation_section_list_item_btn{ 
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer; 
        font-size: 18px;
        line-height: 1;
        text-align: left;
        border-bottom: 1px solid #969696;
        background-color: #f8f8f8;
        padding: 19px 5.6vw;
    }
    
    .navigation_section_list_item_btn2{ 
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer; 
        font-size: 18px;
        line-height: 1;
        text-align: left;
        border-bottom: 1px solid #969696;
        background-color: #f8f8f8;
        padding: 19px 5.6vw;
    }
    .navigation_section_list_item_btn:after{
        content: '';
        display: block;
        transition: all .4s;
        background: url('../images/icon_dropdown.png') 0 0 no-repeat;
        background-size: contain;
        width: 20px;
        height: 10px;
    }
    .navigation_section_list_item_btn.js_arrowUp:after{
        transform: rotate(-180deg);
    }
    .navigation_section_dropdown{ display: none; }
    .navigation_section_dropdown_item{
        border-bottom: 1px solid #f8f8f8;
    }
    .navigation_section_dropdown_item:last-child{ 
        border-bottom: none; 
    }
    .navigation_section_dropdown_item a{
        display: block;
        color: #212121;
        font-size: 18px;
        text-align: left;
        line-height: 1;
        text-decoration: none;
        padding: 19px 5.6vw;
    }

    /* ブランドから探す */
    .navigation_section_brandList{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 2.6vw 1.6vw;
    }
    .navigation_section_brandList_item{
        overflow: hidden;
        border: 1px solid #eaeaea;
        width: 47.2%;
        margin-bottom: 2.66vw;
    }
    .navigation_section_brandList_item img{ max-width: 100%; }
}


/* hover action */
@media screen and (min-width: 769px){
    a img:hover{ opacity: 0.7; }
    a img{ transition: opacity .4s; }
    .gnav_section_list_item a:hover{ opacity: 0.7; }
    .informationList_item a:hover{ text-decoration: none; }
}


@media screen and (max-width: 768px){
    
    body{ -webkit-text-size-adjust: 100%; }

    /* 共通　見出し */
    .section_title{ margin-bottom: 33px; }
    .section_title_en{ 
        font-size: 28px; 
        margin-bottom: 10px;
    }
    .section_title_jp{ font-size: 14px; }

    /* 共通 section */
    .section_inner--border{
        margin-bottom: 50px;
        padding-bottom: 50px;
    }

    /* Information */
    .information_inner{ 
        justify-content: center;
        flex-wrap: wrap; 
        padding: 18px 5.3vw 21px;
    }
    .information_title{ margin-bottom: 13px; }
    .informationList{ width: 100%; }
    .informationList_item{ font-size: 16px; }

    /* PICK UP */
    .pickupList_item_txt{ font-size: 14px; }
    .pickupList_item_txt br{ display: none; } 
    .pickupList_item_img{ margin-bottom: 8px; }

    /* SP用 Guide */
    #section_guide{ padding: 32px 0 0; }
    .guideList_item{
        border-top: 1px solid #969696;
    }
    .guideList_item a{
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #212121;
        font-size: 16px;
        line-height: 1;
        text-decoration: none;
        padding: 18px 3.3vw 16px 2.6vw;
    }
    .guideList_item a:after{
        content: '';
        display: block;
        background: url('../images/icon_guide_sp.png') 0 0 no-repeat;
        background-size: contain;
        width: 9px;
        height: 16px;
    }

    /* Brand */
    #section_brand{ margin-bottom: 59px; }

}



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

    /* ITEM CATEGORY */
    .categoryList{
        flex-wrap: wrap;
    }
    .categoryList_item{
        width: 50%;
        padding: 2vw;
    }
}


/* スマホサイズ */
@media screen and (max-width: 500px){

   /* #wrap{ padding-top: 83px; }*/

    /* header */
    .head_title{ font-size: 12px; }

    /* navigation */    
    .navigation_section{ margin-bottom: 1.73vw; }
    .navigation_section_title{ 
        font-size: 4.66vw; 
        padding: 6.66vw 0 5.33vw;
    }
    .navigation_section_list_item_btn,
    .navigation_section_list_item_btn2,
    .navigation_section_dropdown_item a{ font-size: 4vw; }
    .navigation_section_list_item_btn{
        padding: 5.2vw 5.33vw 4.66vw;
    }
    .navigation_section_list_item_btn2{ 
        color: #000;
        text-decoration: none;
        display: block;
        padding: 5.2vw 5.33vw 4.66vw;
    }
    .navigation_section_dropdown_item a{
        paddding: 4.8vw 0;
    }
    .navigation_section_brandList_item{ 
        width: 48.5%; 
    }
    
    .navigation_postage{ font-size: 3.66vw; }

    /* main slider */
    .mainSlider{ margin-bottom: 7.73vw; }

    /* information */
    .information{ margin-bottom: 13.3vw; }
    .information_inner{
        padding: 5.06vw 5.33vw 5.6vw;
    }
    .information_title{ 
        font-size: 5.3vw; 
        line-height: 1;
    }
    .informationList_item{ 
        font-size: 2.93vw; 
        line-height: 1.59;
        padding: 2.13vw 0;
    }
    .informationList_item a{ display: block; }

    /* 共通 Section */
    .section_inner--border{
        margin-bottom: 12.66vw;
        padding-bottom: 12.6vw;
    }

    /* 共通 見出し */
    .section_title{
        margin-bottom: 8vw;
    }
    .section_title_en{ 
        font-size: 7.33vw; 
        margin-bottom: 1vw;
    }
    .section_title_jp{ font-size: 2.4vw; }


    /* PICK UP */
    .pickupList_item_img{
        margin-bottom: 1.4vw;
    }
    .pickupList_item_txt{ 
        font-size: 2.6vw; 
        line-height: 1.4;
        margin-bottom: 1.33vw;
    }
    .pickupList_item_time{ font-size: 1.6vw; }
    
    #section_pickup .slick-arrow{ top: calc( 50% - 4.8vw); }

    
    /* NEW ITEM + RANKING */
    .productList_item_thm{ margin-bottom: 1.73vw; }
    .productList_item_brand, 
    .productList_item_name, 
    .productList_item_price{
        font-size: 2.66vw;
        line-height: 1.4;
    }
    .productList_item_colorList li{ 
    	width: 12px;
    	height:12px; 
    }
	
    .sl-prev,
    .sl-next{
        width: 2.66vw;
        height: 4.8vw;
    }
    .sl-prev{ left: -3.66vw; }
    .sl-next{ right: -3.66vw; }

    /* NEW ITEM */
    .rankIcon:before{
        border-width: 12.5vw 13.3vw 0 0;
    }
    .rankIcon span{ 
        font-size: 4.6vw; 
        padding: 1.5vw 0 0 2vw;
    }

    /* FEATURE */
    .featureList_item_img{
        margin-bottom: 1.46vw;
    }
    .featureList_item_txt{ 
        font-size: 2.6vw;
        line-height: 1.4;
    }

    /* BRAND */
    #section_brand{ margin-bottom: 17.06vw; }
    .brand_list_item{ 
        width: 49%;
        margin-bottom: 2.4vw; 
    }


    /* GUIDE */
    #section_guide{
        padding-top: 8.4vw;
    }
    #section_guide .section_title{ margin-bottom: 6.93vw; }
    .guideList_item a{
        font-size: 3.33vw;
        padding: 4.6vw 3.33vw 4.13vw 2.6vw;
    }

}