/*---打消しCSS---*/
/*comp-style.css*/
a:link{color:inherit;}
a:visited{color:inherit;}
.contentWrapper{padding:0!important;}
/*--------------*/
/*カルーセル*/
.cmp-carousel.carousel-top-default button.slick-prev, .cmp-carousel.carousel-top-default button.slick-next{display:none!important;}
.cmp-carousel.carousel-top-default .slick-dots li button{background:#e7e7e7!important;}
.cmp-carousel.carousel-top-default .slick-dots li.slick-active button{background:#1da1f1!important;}
/*---------*/
/*ボタン*/
.cmp-button.btn-default{margin:30px 15px 15px;line-height:1.5;background:#fff;}
.cmp-button.btn-default a{font-size:14px;color:#1da1f1;font-weight:bold;border:1px solid #1da1f1;border-radius:3px;}
.cmp-button.btn-default a span{background:none;}
/*-----*/
/*タブ*/
.cmp-tab.tab-text{margin:0 15px 5px;}
.cmp-tab.tab-text ul li{width:33.3%;min-height:38px;line-height:38px;font-size:12px;}
.cmp-tab.tab-text ul li:nth-child(-n+5){border-bottom:2px solid #444;}
.cmp-tab.tab-text ul li p{margin-right:2px;padding:0;background-color:#444;color:#fff;}
.cmp-tab.tab-text ul li:last-child p{margin-right:0;}
.cmp-tab.tab-text ul li.activeItem p{background-color:#ccc;color:#444;font-weight:bold;}
/*----*/
/*style.css*/
.pullDownText:before{right:5px!important;}
.primaryLayout__section{border-top:none!important;}
.primaryLayout__row.withPadding{padding:0 15px 15px!important;}
/*---------*/
/*--------------*/

/*---検索ボックス_上部---*/
.SearchBoxArea{
    padding:15px 10px 15px;
}
.SearchBoxContents{
    display:flex;
    align-items:stretch;
    overflow:hidden;
    border:2px solid #444;
    border-radius:3px;
}
.SearchBoxContents_Pulldown{
    flex-basis:7em;
    background:#eee;
    border-right:1px solid #ccc;
}
.SearchBoxContents_Pulldown div{
    position:relative;
    display:flex;
    align-items:center;
    height:100%;
    background:none;
    border:none;
    border-radius:2px;
    font-size:10px;
}
.SearchBoxContents_Pulldown div:before{
    content:'';
    position:absolute;
    top:50%;
    right:5px;
    width:0;
    height:0;
    margin-top:-3px;
    border-width:6px 4px 0 4px;
    border-style:solid;
    border-color:#444 transparent transparent transparent;
    -webkit-touch-callout:none;
}
.SearchBoxContents_Pulldown select{
    display:block;
    width:100%;
    height:40px;
    padding:5px;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.SearchBoxContents_Input{
    flex-grow:1;
}
.SearchBoxContents_Input input{
    display:block;
    width:100%;
    height:20px;
    padding:10px;
    border:none;
    background:#fff;
    border-radius:2px;
    font-size:14px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.SearchBoxContents_Input input:placeholder-shown{
    color:#ccc;
}
.SearchBoxContents_Button button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    min-width:38px;
    height:40px;
    line-height:1;
    padding:0;
    color:#fff;
    background:#444;
    border:none;
    border-radius:0;
    font-size:24px;
}
/*---------------------*/

/*---インクリメンタルエリア---*/
.SearchBoxArea .marui_incrementalarea{
    border-radius:3px;
}
.SearchBoxArea .marui_incrementalarea .marui_results{
    width:100%;
    border:1px solid #ccc;
    padding:5px;
    margin-top:10px;
}
.SearchBoxArea .marui_incrementalarea .marui_results tr{
    display:flex;
    width:100%;
}
.SearchBoxArea .marui_incrementalarea .marui_incrementalarea_title{
    font-size:13px;
    padding-left:5px;
}
.SearchBoxArea .marui_incrementalarea .marui_result_item_header{
    padding:5px 0;
    height:20px;
    position:relative;
}
.SearchBoxArea .marui_incrementalarea .marui_result_item{
    padding:5px 0;
    height:20px;
    position:relative;
    text-align:left;
}
.SearchBoxArea .marui_incrementalarea .marui_result_item_footer{
    padding:5px 0;
    height:20px;
    position:relative;
}
.SearchBoxArea .marui_incrementalarea .marui_incremental_separater{
    border-bottom:1px solid #bcbcbc;
    width:100%;
}
.SearchBoxArea .marui_incrementalarea .marui_search_his_keyword{
    position:absolute;
    padding-left:5px;
    width:75%;
    font-size:13px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.SearchBoxArea .marui_incrementalarea .marui_popular_keyword{
    position:absolute;
    padding-left:5px;
    width:75%;
    font-size:13px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.SearchBoxArea .marui_incrementalarea .marui_result_item_close{
    position:absolute;
    right:0;
    width:15%;
    text-align:right;
    padding-right:10px;
}
.SearchBoxArea .marui_incrementalarea .marui_result_item_close a{
    color:#444;
    font-size:13px;
}
.SearchBoxArea .marui_incrementalarea .marui_result_item_count{
    position:absolute;
    right:0;
    width:25%;
    text-align:right;
    padding-right:10px;
    color:#999;
    font-size:13px;
}
.SearchBoxArea .marui_incrementalarea .marui_incremental_area_close{
    position:absolute;
    right:0;
    width:25%;
    text-align:right;
    padding:5px 10px 5px 0;
}
.SearchBoxArea .marui_incrementalarea .marui_incremental_area_close a{
    color:#444;
    font-size:13px;
}
/*-------------------------*/

/*---エリア---*/
.ContentsWrapper{
    padding:0 15px 0;
}
.FirstViewArea{
    margin:0 -15px;
    background:#fff;
}
.LastViewArea{
    margin:0 -15px;
    background:#fff;
    border-top:1px solid #ccc;
}
.GreyArea{
    margin:0 -15px;
    padding-bottom:15px;
    background:#f6f6f6;
    border-top:1px solid #ccc;
}
.WhiteArea{
    margin:0 -15px;
    padding-bottom:15px;
    background:#fff;
    border-top:1px solid #ccc;
}
/*-----------*/

/*---カルーセル---*/
.SlideBnrContents{
    margin:0 15px;
}
.SlideBnrContents .slick-dotted.slick-slider{
    margin-bottom:50px;
}
.SlideBnrContents .cmp-carousel.carousel-top-default .slick-slide{
    padding:1px;
}
.SlideBnrContents .cmp-carousel.carousel-top-default div a{
    width:calc(50% + -7.5px);
    float:left;
}
.SlideBnrContents .cmp-carousel.carousel-top-default div a:first-child{
    margin-right:15px;
}
.SlideBnrContents .cmp-carousel.carousel-top-default div a span{
    display:block;
    margin-top:5px;
}
.SlideBnrContents .cmp-carousel.carousel-top-default div:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.SlideBnrContents .cmp-carousel.carousel-top-default .slick-slide img{
    border:1px solid #ccc;
    box-sizing:border-box;
}
/*--------------*/

/*---タイトル---*/
/*h1*/ 
.cmp-title.H1Title{
    position:relative;
    margin-bottom:15px;
    font-size:18px;
    line-height:1.5;
}
.cmp-title.H1Title h1{
    margin:30px 0 0 15px;
    font-weight:bold;
}
.cmp-title.H1Title.isHidden{
    display:none;
}
/*--*/
/*h2*/
.cmp-title.H2Title{
    position:relative;
    margin-bottom:15px;
    font-size:18px;
    line-height:1.4;
}
.cmp-title.H2Title h2{
    margin:30px 0 0 15px;
    font-weight:bold;
}
.cmp-title.H2Title p.sub-title{
    position:absolute;
    top:0;
    float:left;
    margin:15px 0 0 15px;
    padding-top:0;
    font-size:12px;
    font-weight:bold;
    text-align:left;
}
.cmp-title.H2Title.IndexKY{
    margin:0 0 10px 15px;
    padding-left:10px;
    font-size:14px;
    line-height:1.4;
    border-left:4px solid;
}
.cmp-title.H2Title.IndexKY h2{
    margin:0;
    font-weight:bold;
}
/*--*/
/*h3*/
.cmp-title.H3Title{
    margin:0 0 10px 15px;
    padding-left:10px;
    font-size:14px;
    line-height:1.4;
    border-left:4px solid;
}
.cmp-title.H3Title h3{
    margin:0;
    font-weight:bold;
}
.cmp-title.H3Title.IndexL{
    padding-left:10px;
    border-left:4px solid;
    border-color:#ff1c6b;
}
.cmp-title.H3Title.IndexL h3{
    color:#ff1c6b;
}
.cmp-title.H3Title.IndexM{
    padding-left:10px;
    border-left:4px solid;
    border-color:#1da1f1;
}
.cmp-title.H3Title.IndexM h3{
    color:#1da1f1;
}
.cmp-title.H3Title.IndexK{
    padding-left:10px;
    border-left:4px solid;
    border-color:#fa7000;
}
.cmp-title.H3Title.IndexK h3{
    color:#fa7000;
}
.AccordionContents .cmp-title.H3Title{
    margin-left:0;
    height:auto;
}
.AccordionContents .cmp-title.H3Title:after{
    content:none;
}
/*--*/
/*h4*/
.cmp-title.H4Title{
    position:relative;
    margin:0 0 10px 10px;
    padding-left:15px;
    font-size:14px;
    line-height:1.4;
}
.cmp-title.H4Title h4{
    margin:0;
    font-weight:bold;
}
.cmp-title.H4Title:before{
    content:"■";
    position:absolute;
    left:0;
}
/*--*/
/*-------------*/

/*---リッチテキスト---*/
.cmp-richtext, .richtext{
    list-style:none;
    line-height:1.2rem;
    margin:0 15px;
}
.cmp-richtext p, .richtext p{
    font-size:13px;
}
.cmp-richtext li, .richtext li{
    font-size:12px;
}
/*------------------*/

/*---もっとみるボタン---*/
.cmp-accordion.MoreBtn{
    margin:0 15px;
    padding:15px 0;
}
.cmp-accordion.MoreBtn .cmp-btn-more, 
.cmp-accordion.MoreBtn .cmp-btn-close{
    background:#fff;
    border:1px solid #1da1f1;
    border-radius:3px;
    text-align:center;
}
.cmp-accordion.MoreBtn .cmp-btn-more span, 
.cmp-accordion.MoreBtn .cmp-btn-close span{
    color:#1da1f1;
    font-size:14px;
    font-weight:bold;
}
.cmp-accordion.MoreBtn .cmp-btn-more span:before, 
.cmp-accordion.MoreBtn .cmp-btn-close span:before{
    content:none;
}
.cmp-accordion.MoreBtn .cmp-btn-more span:after, 
.cmp-accordion.MoreBtn .cmp-btn-close span:after{
    content:none;
}
/*--------------------*/

/*---スライダーメニュー---*/
.SliderMenu{
    position:relative;
    overflow:hidden;
    /*width:100%;*/
    height:32px;
    line-height:1;
    background:#000;
}
.SliderMenu .SliderMenu_Mask{
    overflow-x:auto;
    width:100%;
    height:32px;
    -webkit-overflow-scrolling:touch;
}
.SliderMenu .SliderMenu_Mask ul{
    display:flex;
    max-width:100%;
    list-style:none;
    align-items:center;
}
.SliderMenu .SliderMenu_Mask li{
    height:32px;
}
.SliderMenu .SliderMenu_Mask li.isActive{
    background:#555;
}
.SliderMenu .SliderMenu_Mask li a{
    display:block;
    color:inherit;
    text-decoration:none;
}
.SliderMenu .SliderMenu_Mask span{
    height:100%;
    padding:0 15px;
    font-size:12px;
    line-height:32px;
    color:#fff;
    white-space:nowrap;
    border-right:1px solid;
    border-color:#444;
}
/*---------------------*/

/*---画像（タイトル画像）---*/
.cmp-image, 
.cmp-title.title-img{
    position:relative;
    margin:0 15px 15px;
}
.cmp-image img{
    border:1px solid #ccc!important;
    box-sizing:border-box;
}
.cmp-image p{
    margin-top:5px;
    line-height:1.2;
    text-align:left;
}
.cmp-image a:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
}
/*欲しいものランキング*/
.cmp-image.WishListBnr{
    border:1px solid #ccc;
    background-color:#fff;
    text-align:center!important;
}
.cmp-image.WishListBnr img{
    width:200px!important;
    padding:10px 0 16px;
    border:none!important;
}
/*-----------------*/
/*シューズラボ*/
.cmp-image.ShoesLabBnr-1{
    border:1px solid #ccc;
    background-color:#fff;
    text-align:center!important;
}
.cmp-image.ShoesLabBnr-1 img{
    width:280px!important;
    padding:25px 0;
    border:none!important;
}
.cmp-image.ShoesLabBnr-2{
    border:1px solid #ccc;
    background-color:#fff3c9;
    text-align:center!important;
}
.cmp-image.ShoesLabBnr-2 img{
    width:200px!important;
    padding:15px 0;
    border:none!important;
}
/*----------*/
/*履き心地&ケア用品*/
.cmp-image.ShoesCareBnr{
    border:1px solid #ccc;
    background-color:#dcf1ff;
    text-align:center!important;
}
.cmp-image.ShoesCareBnr img{
    width:220px!important;
    padding:18px 0;
    border:none!important;
}
/*--------------*/
/*先行予約*/
.cmp-layout.PreOrderBnr{
    margin:0 15px;
}
.cmp-layout.PreOrderBnr li .cmp-image img{
    border:1px solid #ccc;
}
/*-------*/
/*シーズントピックス*/
.cmp-html .SeasonTopicsBnr{
    margin:0 15px 15px;
}
.cmp-html .SeasonTopicsBnr a{
    display:block;
    border:1px solid #ccc;
}
.cmp-html .SeasonTopicsBnr a ul{
    width:100%;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#FFC0CB;
}
.cmp-html .SeasonTopicsBnr a ul li{
    width:25%;
    float:left;
}
.cmp-html .SeasonTopicsBnr a ul li img{
    width:100%;
}
.cmp-html .SeasonTopicsBnr a ul li:last-child{
    position:relative;
}
.cmp-html .SeasonTopicsBnr a ul li:last-child p{
    text-align:center;
    position:absolute;
    width:90%;
    height:4rem;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    color:#fff;
    font-size:10px;
    text-shadow:#666 2px 0;
}
.cmp-html .SeasonTopicsBnr a ul li:last-child p em{
    font-size:13px;
    font-weight:bold;
}
.cmp-html .SeasonTopicsBnr:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*---------------*/
/*ヴェリココバッグ*/
.cmp-image.VelikokoBagBnr{
    position:relative;
}
.cmp-image.VelikokoBagBnr p{
    display:inline-block;
    position:absolute;
    top:0;
    left:calc(50% + -50px);
    background-color:#ff1c6b;
    padding:3px 30px;
    color:#fff;
    margin-top:3px;
}
/*-------------*/
/*キャラクターグッズ*/
.cmp-html .CharacterGoodsBnr{
    position:relative;
    margin:0 15px 15px;
}
.cmp-html .CharacterGoodsBnr:before{
    display:block;
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2px;
    background:linear-gradient(to right, #fc89b7 0%,#93d9f4 27%,#93d9f4 43%,#93d9f4 43%,#fedd53 65%,#fedd53 81%,#fc89b6 99%);
}
.cmp-html .CharacterGoodsBnr a{
    display:block;
    border:1px solid #ccc;
    padding:15px 10px 10px;
    background:#f4edcf;
}
.cmp-html .CharacterGoodsBnr a p{
    position:relative;
    font-size:13px;
    padding-bottom:10px;
}
.cmp-html .CharacterGoodsBnr a p:after{
    content:"";
    position:absolute;
    top:15%;
    right:5px;
    width:6px;
    height:6px;
    border:0px;
    border-top:2px solid #ccc;
    border-right:2px solid #ccc;
    transform:rotate(45deg);
}
.cmp-html .CharacterGoodsBnr a ul{
    width:100%;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
}
.cmp-html .CharacterGoodsBnr a ul:last-child{
    position:relative;
    top:-5px;
}
.cmp-html .CharacterGoodsBnr a ul li{
    width:20%;
    float:left;
}
.cmp-html .CharacterGoodsBnr a ul li img{
    width:100%;
}
.cmp-html .CharacterGoodsBnr:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*---------------*/
/*VOC*/
.cmp-image.KyosouBnr{
    margin:0 25% 30px;
    text-align:center!important;
}
.cmp-image.KyosouBnr img{
    border:none!important;
}
/*---*/
/*----------*/

/*---レイアウト---*/
.cmp-layout .cmp-image, 
.cmp-layout .cmp-title.title-img{
    margin:0 0 15px;
}
.cmp-layout li:first-child .cmp-image img{
    border-right:none!important;
}
.cmp-layout li:last-child .cmp-image img{
    border-left:none!important;
}
.cmp-layout.Layout-2 li:first-child .cmp-image img{
    border-right:1px solid #ccc!important;
}
.cmp-layout.Layout-2 li:last-child .cmp-image img{
    border-left:1px solid #ccc!important;
}
.cmp-layout.Layout-3 li:first-child .cmp-image img{
    border-right:1px solid #ccc!important;
}
.cmp-layout.Layout-3 li:last-child .cmp-image img{
    border-left:1px solid #ccc!important;
}
.cmp-layout.Layout-2, 
.cmp-layout.Layout-3{
    margin:0 15px;
}
.cmp-layout.Layout-2 ul, 
.cmp-layout.Layout-3 ul{
    margin-right:-15px;
}
.cmp-layout.Layout-2 ul li{
    width:50%!important;
    padding-right:15px!important;
    box-sizing:border-box!important;
}
.cmp-layout.Layout-3 ul li{
    width:33.3%!important;
    padding-right:15px!important;
    box-sizing:border-box!important;
}
/*--------------*/

/*---○アイコン---*/
.CircleIconTxt.cmp-title{
    position:relative;
    height:70px;
    font-size:14px;
    border-top:1px solid;
    border-color:#ccc;
    box-sizing:content-box;
}
.CircleIconTxt.cmp-title p:first-child{
    display:block;
    font-weight:bold;
    margin:0;
    padding:0;
}
.CircleIconTxt.cmp-title p.sub-title{
    display:block;
    float:none;
    height:20px;
    margin:0;
    padding:0 30px 10px 60px;
    font-size:10px;
    text-align:left;
    font-weight:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.CircleIconTxt.cmp-title p a{
    display:block;
    height:20px;
    padding:20px 30px 0 60px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.CircleIconTxt.cmp-title p a:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
}
.CircleIconTxt.cmp-title:before{/*デフォルト*/
    content:"";
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:15px;
    left:10px;
    width:40px;
    height:40px;
    font-size:8px;
    color:#fff;
    border-radius:999px;
    background:#ccc;
}
.CircleIconTxt.cmp-title:after{
    content:"";
    position:absolute;
    top:45%;
    right:15px;
    width:6px;
    height:6px;
    border:0px;
    border-top:2px solid;
    border-color:#ccc;
    border-right:2px solid;
    border-color:#ccc;
    transform:rotate(45deg);
}
/*○アイコン_カラー*/
.CircleIconTxt.cmp-title.CircleBg_LGN:before{background:#89d353;} /*黄緑*/
.CircleIconTxt.cmp-title.CircleBg_YE:before{background:#f5b800;} /*黄*/
.CircleIconTxt.cmp-title.CircleBg_OR:before{background:#ff8d12;} /*オレンジ*/
.CircleIconTxt.cmp-title.CircleBg_AP:before{background:#ff5850;} /*アプリコット*/
.CircleIconTxt.cmp-title.CircleBg_PK:before{background:#ff71ad;} /*ピンク*/
.CircleIconTxt.cmp-title.CircleBg_PL:before{background:#b071ff;} /*パープル*/
.CircleIconTxt.cmp-title.CircleBg_BL:before{background:#718cff;} /*ブルー*/
.CircleIconTxt.cmp-title.CircleBg_LB:before{background:#50cef3;} /*水色*/
.CircleIconTxt.cmp-title.CircleBg_SPK:before{background:#ed8c79;} /*サーモンピンク*/
.CircleIconTxt.cmp-title.CircleBg_DGN:before{background:#9db239;} /*抹茶*/
.CircleIconTxt.cmp-title.CircleBg_BD:before{background:#7e1513;} /*ボルドー*/
.CircleIconTxt.cmp-title.CircleBg_GOR:before{background:#b85443;} /*くすみオレンジ*/
.CircleIconTxt.cmp-title.CircleBg_GBL:before{background:#4c7a9e;} /*くすみブルー*/
.CircleIconTxt.cmp-title.CircleBg_GPK:before{background:#cc5d6e;} /*くすみピンク*/
.CircleIconTxt.cmp-title.CircleBg_BG:before{background:#ab702f;} /*ベージュ*/
.CircleIconTxt.cmp-title.CircleBg_GY:before{background:#6d6d6d;} /*グレー*/
.CircleIconTxt.cmp-title.CircleBg_GGN:before{background:#177259;} /*くすみグリーン*/
.CircleIconTxt.cmp-title.CircleBg_CL:before{background:#cf7306;} /*キャメル*/
.CircleIconTxt.cmp-title.CircleBg_DPL:before{background:#a0135c;} /*深みパープル*/
.CircleIconTxt.cmp-title.CircleBg_SNW:before{background:#8192b1;} /*スノー*/
.CircleIconTxt.cmp-title.CircleBg_NV:before{background:#002a50;} /*紺（シップス）*/
.CircleIconTxt.cmp-title.CircleBg_MRN:before{background:#013275;} /*ブルー（大型クーポン系）*/
.CircleIconTxt.cmp-title.CircleBg_GLGN:before{background:#548c33;} /*くすみ黄緑（シューズorバッグブランド）*/
/*--------------*/
/*○アイコン_テキスト*/
.CircleIconTxt.cmp-title.CircleTxt_CP:before{content:"クーポン";} /*クーポン*/
.CircleIconTxt.cmp-title.CircleTxt_SL:before{content:"セール";} /*セール*/
/*---------------*/
/*--------------*/

/*---タブ---*/
.TabContents{
    margin:0 15px 15px;
}
/*LMインデックス*/
.TabContents .Tab-2{
    display:flex;
    align-items:center;
    overflow:hidden;
    list-style:none;
    border:1px solid #ccc;
    border-radius:999px;
}
.TabContents .Tab-2 li{
    width:50%;
    background:#fff;
}
.TabContents .Tab-2 li.isActive{
    background:#444;
}
.TabContents .Tab-2 li + li{
    border-left:1px solid #ccc;
}
.TabContents .Tab-2 li a{
    display:block;
    padding:7px 0;
    font-size:12px;
    font-weight:bold;
    color:#333;
    text-decoration:none;
    text-align:center;
}
.TabContents .Tab-2 li.isActive a{
    color:#fff;
}
.cmp-tab.tab-text.Tab-2 ul li{width:50%;}
/*------------*/
/*LMKインデックス*/
.TabContents .Tab-3{
    display:flex;
    align-items:center;
    overflow:hidden;
    list-style:none;
    border:1px solid #ccc;
    border-radius:999px;
}
.TabContents .Tab-3 li{
    width:33.33%;
    background:#fff;
}
.TabContents .Tab-3 li.isActive{
    background:#444;
}
.TabContents .Tab-3 li + li{
    border-left:1px solid #ccc;
}
.TabContents .Tab-3 li a{
    display:block;
    padding:7px 0;
    font-size:12px;
    font-weight:bold;
    color:#333;
    text-align:center;
    text-decoration:none;
}
.TabContents .Tab-3 li.isActive a{
    color:#fff;
}
.cmp-tab.tab-text.Tab-3 ul li{width:33.3%;}
/*------------*/
/*----------*/

/*---WEBマガジン---*/
.ArticleContents{
    margin:0 15px;
}
.ArticleContents ul{
    list-style:none;
    margin-bottom:15px;
}
.ArticleContents ul li{
    border-top:1px solid #ccc;
}
.ArticleContents ul li:last-child{
    border-bottom:1px solid #ccc;
}
.ArticleContents ul li a{
    display:flex;
    align-items:center;
    padding:15px 0;
    color:#000000;
    text-decoration:none;
}
.ArticleContents ul li a .ArticleImage{
    width:75px;
    min-width:75px;
    margin-right:10px;
}
.ArticleContents ul li a .ArticleImage img{
    width:75px;
}
.ArticleContents ul li:first-child a .ArticleImage{
    width:120px;
    min-width:120px;
    margin-right:10px;
}
.ArticleContents ul li:first-child a .ArticleImage img{
    width:120px;
}
.ArticleContents ul li a .ArticleTxt time{
    display:block;
    font-size:10px;
    margin-bottom:5px;
}
.ArticleContents ul li a .ArticleTxt p{
    font-size:12px;
    line-height:1.2;
    font-weight:normal;
}
.ArticleContents ul li a .ArticleTxt p span{
    display:block;
    margin-bottom:5px;
    font-size:14px;
    line-height:1.3;
    font-weight:bold;
}
/*----------------*/

/*---最新のお知らせ---*/
.NewShopContents ul{
    list-style:none;
}
.NewShopContents ul li{
    border-top:1px solid;
    border-color:#ccc;
}
.NewShopContents ul li a{
    display:flex;
    align-items:center;
    padding:20px 0;
    color:#000000;
    text-decoration:none;
}
.NewShopContents ul li a .ArticleImage{
    width:120px;
    min-width:120px;
    margin-right:10px;
}
.NewShopContents ul li a .ArticleImage img{
    width:120px;
}
.NewShopContents ul li a .ArticleTxt .ArticleTxt_Header{
    display:flex;
    align-items:center;
    line-height:1;
    margin-bottom:5px;
}
.NewShopContents ul li a .ArticleTxt .ArticleTxt_Header time{
    display:block;
    margin-right:10px;
    font-size:12px;
}
.NewShopContents ul li a .ArticleTxt .ArticleTxt_Header p.IconL{
    width:26px;
    padding:3px 10px;
    font-size:8px;
    color:#fff;
    background:#ff1c6b;
}
.NewShopContents ul li a .ArticleTxt .ArticleTxt_Header p.IconM{
    width:26px;
    padding:3px 10px;
    font-size:8px;
    color:#fff;
    background:#1da1f1;
}
.NewShopContents ul li a .ArticleTxt p{
    font-size:12px;
    line-height:1.2;
    font-weight:normal;
}
.NewShopContents ul li a .ArticleTxt p span{
    display:block;
    margin-bottom:5px;
    font-size:14px;
    line-height:1.3;
    font-weight:bold;
}
.NewShopContents .cmp-accordion{
    border-top:1px solid;
    border-color:#ccc;
}
.NewShopContents .cmp-title.title-img img{
    border:1px solid;
    border-color:#ccc!important;
    box-sizing:border-box;
}
/*アコーディオン*/
.NewShopContents .cmp-accordion .cmp-btn-more, 
.NewShopContents .cmp-accordion .cmp-btn-close{
    width:40px;
    height:40px;
    margin:0 auto;
    padding:0;
}
.NewShopContents .cmp-accordion .cmp-btn-more a span, 
.NewShopContents .cmp-accordion .cmp-btn-close a span{
    display:inline-block;
    position:relative;
    top:-30px;
    width:40px;
    height:40px;
    padding:0px;
    font-size:0;
    color:#fff;
    border-radius:100%;
    opacity:0.95;
    box-shadow:rgba(100, 100, 100, 0.8) 0 1px 3px;
    border:none;
    background:#444;
}
.NewShopContents .cmp-accordion .cmp-btn-more a span:before, 
.NewShopContents .cmp-accordion .cmp-btn-more a span:after, 
.NewShopContents .cmp-accordion .cmp-btn-close a span:before, 
.NewShopContents .cmp-accordion .cmp-btn-close a span:after{
    content:'';
    position:absolute;
    top:48%;
    left:20%;
    width:60%;
    height:5%;
    background:#fff;
}
.NewShopContents .cmp-accordion .cmp-btn-more a span:before{transform:rotate(0deg);}
.NewShopContents .cmp-accordion .cmp-btn-more a span:after{transform:rotate(90deg);}
.NewShopContents .cmp-accordion .cmp-btn-close a span:before{transform:rotate(0deg);}
.NewShopContents .cmp-accordion .cmp-btn-close a span:after{transform:rotate(0deg);}
/*------------*/
/*------------------*/

/*---アコーディオン（蛇腹）---*/
.AccordionContents{
    margin:0 15px 15px;
    border-bottom:1px solid #ccc;
}
.AccordionContents .cmp-image, 
.AccordionContents .cmp-title.title-img{
    position:relative;
    margin:0 0 15px;
}
.AccordionContents .cmp-title{
    display:block;
    position:relative;
    width:100%;
    height:50px;
    font-size:14px;
    box-sizing:border-box;
}
.AccordionContents .cmp-title p, 
.AccordionContents .cmp-title h3, 
.AccordionContents .cmp-title h4{
    display:table;
    width:100%;
    height:50px;
    margin:0;
    padding:0;
    border-top:1px solid #ccc;
}
.AccordionContents .cmp-title p a, 
.AccordionContents .cmp-title h4 a{
    display:table-cell;
    vertical-align:middle;
    padding-right:30px;
    padding-left:10px;
}
.AccordionContents .cmp-title h3 a{
    display:table-cell;
    vertical-align:middle;
    padding-right:30px;
    padding-left:5px;
}
.AccordionContents .cmp-title:after{
    content:"";
    position:absolute;
    top:45%;
    right:15px;
    width:6px;
    height:6px;
    border:0px;
    border-top:2px solid #ccc;
    border-right:2px solid #ccc;
    transform:rotate(45deg);
}
.AccordionContents .cmp-title h4{
    background:#fff;
}
.AccordionContents .content-accordion .cmp-title p, 
.AccordionContents .content-accordion .cmp-title h4{
    background:#eee;
    border-left:1px solid #ccc;
}
/*-レイアウト*/
.AccordionContents .content-accordion .cmp-layout ul{
    background:#eee;
}
.AccordionContents .cmp-layout li{
    border-top:1px solid #ccc;
    box-sizing:border-box!important;
}
.AccordionContents .cmp-layout li:first-child{
    border-right:1px solid #ccc;
}
.AccordionContents .cmp-layout .cmp-title{
    font-size:12px;
    line-height:1em;
    /*margin-top:-1px;*/
}
.AccordionContents .cmp-layout li:nth-child(2) .cmp-title p, 
.AccordionContents .cmp-layout li:nth-child(3) .cmp-title p{
    border-left:none;
}
.AccordionContents .cmp-layout .cmp-title p{
    border-top:none;
    border-bottom:1px solid #ccc;
    box-sizing:border-box;
}
.AccordionContents .cmp-layout .cmp-title h3{
    font-size:14px;
}
.AccordionContents .AccLayout{
    border-top:1px solid #ccc;
    box-sizing:border-box;
    background:#eee;
    overflow:hidden;
}
.AccordionContents .AccLayout li{
    display:block;
    width:50%;
    height:50px;
    font-size:12px;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    box-sizing:border-box;
    float:left;
}
.AccordionContents .AccLayout li a{
    position:relative;
    display:table;
    width:100%;
    height:50px;
}
.AccordionContents .AccLayout li a span{
    display:table-cell;
    vertical-align:middle;
    padding-right:30px;
    padding-left:10px;
}
.AccordionContents .AccLayout li a:after{
    content:"";
    position:absolute;
    top:45%;
    right:15px;
    width:6px;
    height:6px;
    border:0px;
    border-top:2px solid #ccc;
    border-right:2px solid #ccc;
    transform:rotate(45deg);
}
/*----------*/
/*アコーディオン*/
.AccordionContents .cmp-accordion{
    position:relative;
    margin-top:-1px;
    border-top:1px solid #ccc;
}
.AccordionContents .cmp-accordion .cmp-btn-more, 
.AccordionContents .cmp-accordion .cmp-btn-close{
    padding:0px;
    text-align:left;
}
.AccordionContents .cmp-accordion .cmp-btn-more a, 
.AccordionContents .cmp-accordion .cmp-btn-close a{
    display:table;
    position:relative;
    width:100%;
    height:50px;
}
.AccordionContents .cmp-accordion .cmp-btn-more span, 
.AccordionContents .cmp-accordion .cmp-btn-close span{
    display:table-cell;
    vertical-align:middle;
    padding:0 30px 0 5px;
    font-size:14px;
    color:#000000;
}
.AccordionContents .cmp-accordion .cmp-btn-more span:before{
    content:"";
    position:absolute;
    top:35%;
    right:17px;
    width:12px;
    height:12px;
    border:0px;
    border-right:2px solid #ccc;
    background-image:none;
}
.AccordionContents .cmp-accordion .cmp-btn-more span:after, 
.AccordionContents .cmp-accordion .cmp-btn-close span:after{
    top:45%;
    right:12px;
    width:12px;
    height:12px;
    border:0px;
    border-top:2px solid #ccc;
    background-image:none;
}
.AccordionContents .cmp-accordion .cmp-btn-more h3, 
.AccordionContents .cmp-accordion .cmp-btn-close h3{
    font-size:14px;
    font-weight:normal;
}
.AccordionContents .cmp-button.btn-default{
    background-clip:content-box;
    padding-top:15px;
    margin:0 0 15px;
    border-top:1px solid #ccc;
}
/*------------*/
/*-------------------------*/

/*---人気検索キーワード---*/
.KeywordContents{
    margin:0 15px 30px;
}
.KeywordContents ul li{
    position:relative;
    float:left;
    margin-right:10px;
    margin-bottom:5px;
}
.KeywordContents ul li a{
    font-size:12px;
    display:inline-flex;
    padding:5px 10px 5px 25px;
    border-radius:999px;
    background:#f3f3f3;
    align-items:center;
}
.KeywordContents .itemSummaryCard__rank{
    display:flex;
    justify-content:center;
    align-items:center;
    width:20px;
    height:20px;
    top:2px;
    left:1px;
}
.KeywordContents .itemSummaryCard__rank.rank1:before{background-color:#c9b96a;}
.KeywordContents .itemSummaryCard__rank.rank2:before{background-color:#8b9fa3;}
.KeywordContents .itemSummaryCard__rank.rank3:before{background-color:#cd897f;}
.KeywordContents .itemSummaryCard__rank.rank4:before, 
.KeywordContents .itemSummaryCard__rank.rank5:before, 
.KeywordContents .itemSummaryCard__rank.rank6:before, 
.KeywordContents .itemSummaryCard__rank.rank7:before, 
.KeywordContents .itemSummaryCard__rank.rank8:before, 
.KeywordContents .itemSummaryCard__rank.rank9:before, 
.KeywordContents .itemSummaryCard__rank.rank10:before{background-color:#444;}
.KeywordContents .itemSummaryCard__rank:before{
    width:20px;
    height:20px;
    border:none;
    background-color:#ccc;
    border-radius:100%;
}
.KeywordContents .itemSummaryCard__rank span{
    padding-left:0;
}
.KeywordContents ul:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*アコーディオン*/
.KeywordContents .cmp-accordion .cmp-btn-more, 
.KeywordContents .cmp-accordion .cmp-btn-close{
    width:40px;
    height:10px;
    margin:0 auto;
    padding:0;
}
.KeywordContents .cmp-accordion .cmp-btn-more a span, 
.KeywordContents .cmp-accordion .cmp-btn-close a span{
    display:inline-block;
    position:relative;
    top:-10px;
    width:30px;
    height:30px;
    padding:0px;
    font-size:0;
    color:#fff;
    border-radius:100%;
    opacity:0.95;
    box-shadow:rgba(100, 100, 100, 0.8) 0 1px 3px;
    border:none;
    background:#444;
}
.KeywordContents .cmp-accordion .cmp-btn-more a span:before, 
.KeywordContents .cmp-accordion .cmp-btn-more a span:after, 
.KeywordContents .cmp-accordion .cmp-btn-close a span:before, 
.KeywordContents .cmp-accordion .cmp-btn-close a span:after{
    content:'';
    position:absolute;
    top:48%;
    left:20%;
    width:60%;
    height:5%;
    background:#fff;
}
.KeywordContents .cmp-accordion .cmp-btn-more a span:before{transform:rotate(0deg);}
.KeywordContents .cmp-accordion .cmp-btn-more a span:after{transform:rotate(90deg);}
.KeywordContents .cmp-accordion .cmp-btn-close a span:before{transform:rotate(0deg);}
.KeywordContents .cmp-accordion .cmp-btn-close a span:after{transform:rotate(0deg);}
/*------------*/
/*---------------------*/

/*---Voice of Customer---*/
.VocContents{
    padding:0 15px;
}
.VocContents .cmp-title.H2Title{
    margin-bottom:10px;
}
.VocContents .cmp-title.H2Title h2{
    display:block;
    margin:30px 0 5px 0;
}
.VocContents .cmp-title.H2Title p.sub-title{
    position:relative;
    float:right;
    margin:0;
    padding:0;
    text-align:right;
    color:#666;
    letter-spacing:3px;
}
.VocContents .cmp-title.H3Title{
    margin:0 0 10px 0;
}
.VocContents .cmp-title.H4Title{
    margin:0 0 10px 10px;
}
.VocContents .cmp-accordion.MoreBtn{
    border-top:none;
}
/*-----------------------*/