/* カスタマイズ用CSS */

p,
a{
    font-family:'Noto Sans JP', sans-serif;
}

h1{
   font-family:'Noto Serif JP', serif; 
}

h1:first-letter{
    color:#80a9ca;
}

a:hover{
    opacity:0.8;
    text-decoration:none;
}

.sp_disapp{
    display:block;
}
    
.sp_app{
    display:none;
}

.ec-pageHeader h1{
    margin:30px 0;
    padding:0 0 10px 0;
}

.ec-headerNavSP{
    font-size:24px;
    top:12px;
    left:8px;
    color:#7faacc;
    padding:8px 10px;
}

.ec-drawerRoleClose{
    color:#7faacc;
    font-size:21px;
}

.ec-blockBtn--action{
    background-color:#80a9cb;
    border-color:#80a9cb;
}

.ec-blockBtn--action:active:hover,
.ec-blockBtn--action:active:focus,
.ec-blockBtn--action:active.focus,
.ec-blockBtn--action.active:hover,
.ec-blockBtn--action.active:focus,
.ec-blockBtn--action.active.focus,
.open > .ec-blockBtn--action.dropdown-toggle:hover,
.open > .ec-blockBtn--action.dropdown-toggle:focus,
.open > .ec-blockBtn--action.dropdown-toggle.focus{
    background-color:#000;
    border-color:#000;
    opacity:0.8;
}

.ec-blockBtn--action:hover{
    background-color:#000;
    border-color:#000;
    opacity:0.8;
}

@media only screen and (max-width: 768px){
    .sp_disapp{
        display:none;
    }
    
    .sp_app{
        display:block;
    }
    
    .ec-pageHeader h1{
        font-size:18px;
        padding: 12px 0;
        border-top:none;
        border-bottom:1px solid #ccc;
    }
    
    .ec-layoutRole__header{
        padding-top:0;
    }
    
    .ec-cartNavi{
        padding:0;
    }
    
    .ec-headerNav{
        margin-right:5px;
    }
    
    .ec-headerNaviRole{
        padding-top:0;
    }
}

/* 特集 */

.ec-topicRole .ec-topicRole__list{
    width:100%;
    display:inline-block;
}

.ec-shelfRole img{
    width:auto;
}

.ec-shelfGrid .ec-shelfGrid__item img{
    width:100%;
    object-fit:cover
}

.Feature_list_page .ec-shelfGrid .ec-shelfGrid__item a p{
    height:250px;
    display:inline-block;
}

/* 特集詳細 */

#page_feature_detail .page_title h1{
    border-bottom:1px solid #ccc;
    padding:0 0 10px 0;
}

#page_feature_detail .cmn_box02{
    margin-bottom:30px;
}

@media only screen and (max-width: 768px){
    #page_feature_detail .page_title h1{
        font-size: 18px;
        padding: 12px 0;
    }
}

/* 読みもの */
.form-control{
    margin-bottom:20px;
}

.tabacms_post{
    width:100%;
}

.tabacms_post img{
    max-width:100%;
}

/* 読みもの一覧 */

#page_plugin_tabacms_list_3 .col-md-4{
    width:48%;
}

.tabacms_blog_list{
    margin-bottom:20px;
}

@media only screen and (max-width: 768px){
    .booklistwrap{
        display:flex;
        flex-direction:column;
        margin-left:0;
        margin-right:0;
    }
    
    .booklistwrap .col-md-3{
        order:1;
    }
    
    .booklistwrap .col-md-9{
        order:2;
    }
    
    .tabacms_category_list{
        display:inline-block;
    }
    
    .tabacms_category_list li{
        float:left;
        margin-right:15px;
    }
    
    .tabacms_widget{
        margin-bottom:0;
    }
}


/* 読みもの詳細 */

.tabacms_post label{
    background-color:#80a9ca;
}

.tabacms_post header h1{
    margin:0 0 10px 0;
    padding-bottom:10px;
    font-size:32px;
}

.tabacms_body .col-sm-offset-1{
    width:100%;
    margin:0 0 50px 0;
    object-fit:cover;
}

@media only screen and (max-width: 768px){
    .tabacms_blog_list .col-md-3{
        width:100%;
    }
    
    #page_plugin_tabacms_list_3 .ec-pageHeader h1{
        margin:10px 15px 30px 15px;
    }
    
    #page_plugin_tabacms_list_3 .col-md-4{
        width:100%;
    }
    
    .tabacms_post header h1{
        font-size:18px;
        margin-bottom:10px;
    }
}

/* カテゴリ画像 */

.apg_category_image{
    min-height:330px;
}

@media only screen and (max-width: 768px){
   .apg_category_image{
       min-height:100px;
       margin-top:0;
       margin-bottom:20px;
    } 
}


/* ヘッダー */
.ec-layoutRole__header{
    padding-top:30px;
}

@media only screen and (max-width: 768px){
    
    .ec-pageHeader h1{
        margin:10px 0 30px 0;
    }
    
    .ec-layoutRole__header{
        padding-top:0;
    }
    
    .ec-headerNav .ec-headerNav__item{
        float:left;
    }
}

.ec-headerRole{
    max-width:1500px;
}

.ec-headerTitle .ec-headerTitle__title{
    text-align:left;
}

.ec-headerTitle .ec-headerTitle__title a{
    margin-bottom:0;
}

.ec-headerRole .ec-headerRole__title{
    width:35%;
    float:left;
}

.ec-headerNaviRole__right{
    width:65%;
}

@media only screen and (max-width: 768px){
    .ec-headerNaviRole__right{
        width:35%;
    }
    
    .sp_logo_area{
        padding:0 10px 10px 10px;
        border-top:1px solid #eee;
    }
    
    .ec-headerTitle .ec-headerTitle__title a{
        width:70%;
        margin:0 15%;
    }
    
    .sp_logo_area img{
        width:90%;
        margin:10px 5%;
    }
}

.ec-headerNav .ec-headerNav__itemLink{
    margin-right:15px;
}

.ec-headerNav{
    float:left;
}

.ec-headerRole__cart{
    float:left;
}

.fr_head_nav{
    float:right;
}

.ec-headerNaviRole__nav{
    float:left;
}

@media only screen and (min-width: 768px){
    .ec-headerNaviRole {
        padding:0px;
    }
    
    .ec-cartNavi{
        min-width:50px;
        background:#fff;
        height:auto;
        padding:0;
    }
    
    .ec-cartNavi img{
        width:auto;
    }
    
    .ec-categoryNaviRole{
        padding:40px 0 20px 0;
    }
    
    .ec-itemNav__nav li a{
        font-family:'Noto Serif JP', serif;
        padding:16px 30px;
    }
}

/* バッジ消去 */

.ec-cartNavi .ec-cartNavi__badge{
    left:-15px;
}

.ec-cartNaviWrap{
    margin-left:15px;
}

@media only screen and (max-width: 768px){
    .ec-cartNaviWrap{
        margin-left:0px;
    }
    
    .ec-cartNavi .ec-cartNavi__badge{
        left: auto;
        right: 10px;
        top: 10px;
    }
    
    .ec-topicRole .ec-topicRole__list{
        border-bottom:1px solid #BEBEBE;
        padding-bottom:10px;
    }
}

.ec-cartNaviNull,
.ec-cartNaviIsset{
    right:-78px;
}

/* 特集ブロック調整 */

.ec-topicRole .ec-topicRole__listItemTitle{
    display:none;
}

.ec-topicRole .ec-topicRole__listItem .featureImg{
    width:100%;
    height:100%;
    object-fit:cover;
}

@media only screen and (min-width: 768px){
    .ec-topicRole .ec-topicRole__listItem {
        width:30%;
        margin:0 1.5% 20px 1.5%!important;
        height:200px;
        overflow:hidden;
        float:left;
    }
}

@media only screen and (max-width: 768px){
    .ec-topicRole .ec-topicRole__listItem{
        width:100%;
        height:150px;
        margin-bottom:20px;
        overflow:hidden;
    }
}

/* トップ新着 */

.ec-newItemRole__listItemPrice{
    font-size:16px!important;
}

.ec-shelfGrid a{
    margin-bottom:15px;
}

/* トップお気に入り */
.recommended_area{
    margin-bottom: 60px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #bebebe;
}

.recommended_area .item_name,
.popularity_area .item_name{
    font-size:14px;
    margin:20px 0 10px 0;
    color:#000;
}

.recommended_area .item_price,
.popularity_area .item_price{
    color:#000;
}



.reco_extra_txt{
    display:none;
}

@media only screen and (max-width: 768px){
    .recommended_area{
        margin-bottom:30px;
    }
    
    .recommended_area .ec-shelfGrid .ec-shelfGrid__item,
    .popularity_area .ec-shelfGrid .ec-shelfGrid__item{
        margin-bottom:0;
    }
}

/* トップおすすめ */

.popularity_area{
    margin-bottom: 60px;
    padding: 0px;
    border-bottom: 1px solid #bebebe;
}

@media only screen and (max-width: 768px){
    .popularity_area{
        margin-bottom:30px;
        padding:0 0 30px 0;
    }
}

/* トップ最近見た商品 */
@media only screen and (max-width: 768px){
    .history_area .ec-checkProductItemRole__list{
        display:inline-block;
    }
    
    .history_area .ec-checkProductRole__listItem:not(:last-of-type),
    .history_area .ec-checkProductRole__listItem{
        width:48%;
        margin:0 1%;
        float:left;
        min-height:260px;
    }
}

/* サイドメニューカテゴリーアコーディオン */

.accordion-container .accordion-title {
  position: relative;
  margin: 0 0 15px 0;
  font-size: 13px;
  font-weight: normal;
  color: #2a2f38;
  cursor: pointer;
  font-family:'Noto Sans JP', sans-serif;
}

.accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 30%;
  right: 0px;
  width: 10px;
  height: 1px;
  /*縦線に*/
  transform: rotate(90deg);
  background: #2a2f38;
  transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 30%;
  right: 0px;
  /*横線*/
  width: 10px;
  height: 1px;
  background: #2a2f38;
  transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
  opacity: 0;
}

.accordion-content {
  margin: 0 0 10px 0;
  padding-left: 15px;
}

/* CSS for CodePen */
.accordion-container {
  margin: 0 auto 20px auto;
}

.accordion-content a{
    width:100%;
}


/* SPヘッダー */

.ec-headerRole{
    padding:10px;
}

.sp_nav_area{
    width:65%;
    margin:0;
    padding:0 0 0 10%;
    list-style-type:none;
}

.sp_nav_area li{
    float:left;
    width:25%;
}

.sp_nav_area li img{
    width:90%;
    margin:5px 5% 0 5%;
}

.sp_nav_area li p{
    font-size:6px;
    text-align:center;
}

/* SPナビ */
.ec-drawerRole{
    background:#81aaca;
}

.ec-drawerRole .ec-headerLinkArea{
    background:#81aaca;
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list{
    display:inline-block;
    margin:0 5%;
    padding:10px 0px 5px 0px;
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item{
    width:32%;
    height:70px;
    margin:0 2% 10px 0;
    padding:0;
    border-bottom:none;
    background:#fff;
    color:#81aaca;
    float:left;
}

.ec-drawerRole .ec-headerLinkArea .sp_nav_last{
   margin:0 0 10px 0; 
}

.ec-headerLink__item span{
    font-size:12px;
    text-align:center;
    width:100%;
    display:block;
    font-weight:500;
    line-height:16px;
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon{
    width:100%;
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon img{
    width:80%;
    margin:5px 10%;
}

.ec-drawerRole .ec-headerLinkArea .sp_icon_2 img{
    width:50%;
    margin:5px 25%;
}

.ec-drawerRole .ec-headerLinkArea .sp_icon_3 img{
    width:24%;
    margin:5px 38%;
}

.ec-drawerRole .ec-headerLinkArea .favorite_sp{
    width:100%;
    margin:0;
    padding:10px 0;
    height:50px;
}

.ec-drawerRole .ec-headerLinkArea .favorite_sp span{
    font-size:14px;
    text-align:left;
    line-height:28px;
    display:inline-block;
    width:auto;
}

.ec-drawerRole .ec-headerLinkArea .favorite_sp img{
    width:30px;
    float:left;
    margin:0 10px;
}

.ec-drawerRole .ec-headerSearch{
    padding: 5% 5% 0 5%;
    margin: 0 5%;
    background:#fff;
}

.ec-headerSearch .ec-headerSearch__keyword{
    border-radius:5px;
}

.sp_side{
    margin:0 5% 5% 5%;
    padding:0 5% 5% 5%;
    background:#fff;
}


/* トップ */
.ec-layoutRole .ec-layoutRole__contents{
    max-width:1500px;
    padding-left:20px;
    padding-right:20px;
}

/* スライダー */
.ec-sliderRole{
    max-width:100%;
    padding:0;
}

@media only screen and (max-width: 768px){
    
    .slick-slider{
        margin-bottom:10px;
    }
    
    .ec-layoutRole .ec-layoutRole__contents{
        padding:0;
    }
    
    .slick-slider .slick-track,
    .slick-slider .slick-list{
        padding:0!important;
    }
}

/* 特集 */
.ec-topicRole{
    padding:30px 0 50px 0;
}

.ec-secHeading .ec-secHeading__ja{
    display:inline-block;
    font-size:22px;
    font-family:'Noto Serif JP', serif;
    vertical-align:1px;
    margin-right:5px;
}

.ec-secHeading .ec-secHeading__ja:first-letter{
    color:#80a9ca;
}

.ec-secHeading .ec-secHeading__en{
    font-size:12px;
    letter-spacing:.15em;
    font-family:'Noto Sans JP', sans-serif;
}

.ec-role{
    max-width:1500px;
}

.ec-topicRole{
    background:#fff;
}

@media only screen and (max-width: 768px){
    .ec-secHeading .ec-secHeading__ja{
        font-size:18px;
    }
}

/* サイドメニュー */
@media only screen and (min-width: 768px){
    .ec-headerSearch .ec-headerSearch__keyword{
        border-radius:5px;
    }
    
    .ec-layoutRole .ec-layoutRole__left{
        width:15.1%;
        margin-right:4.9%;
    }
    .ec-headerSearch .ec-headerSearch__keyword{
        width:100%;
    }

.ec-layoutRole .ec-layoutRole__mainWithColumn{
    width:80%;
}
}

.sidemenu_area{
    padding-top:20px;
}

.sidemenu{
    list-style-type:none;
    margin:0 0 20px 0;
    padding:0;
    border-bottom:1px solid #bebebe;
}

.sidemenu li{
    margin-bottom:15px;
}

.sidemenu li a,
.side_category_list a{
    text-decoration:none;
    color:#2a2f38;
    display:inline;
    font-size:13px;
}

.side_category_list a{
    margin-bottom:10px;
    display:inline-block;
}

.side_icon{
    width:20px;
    display:inline-block;
    margin-right:8px;
    position: relative;
    top: -2px;
    float:left;
}

.side_icon img{
    width:100%;
}

.side_category_list{
    padding:0;
    border-bottom:1px solid #bebebe;
}

.side_sns_area{
    border-bottom:1px solid #bebebe;
    margin-bottom:20px;
}

.side_sns_area .sidemenu{
    border-bottom:none;
}

.insta_bnr_area{
    margin-bottom:20px;
}

.sidemenu_bnr{
    list-style-type:none;
    margin:0 0 20px 0;
    padding:0;
}

.sidemenu_bnr li{
    margin-bottom:15px;
}

.insta_bnr_area img,
.sidemenu_bnr img{
    max-width:100%;
}


/* 新着商品 */
@media only screen and (min-width: 768px){
.ec-newItemRole {
    margin-bottom:60px;
    padding: 0px 0px 60px 0px;
    border-bottom:1px solid #bebebe;
    }
}

@media only screen and (max-width: 768px){
.ec-newItemRole {
    margin-bottom:30px;
    padding: 0px 0px 30px 0px;
    border-bottom:1px solid #bebebe;
    }
}

.ec-inlineBtn--top{
    display:block;
    width:270px;
    margin:0 auto 60px auto;
    background-color:#80a9ca;
    border-color:#80a9ca;
    font-weight:500;
    padding:20px 0;
}

.ec-newItemRole .ec-inlineBtn--top{
    margin-top:0px;
}

.border_b_none{
    border-bottom:none;
}

/* 読みもの */

.blog_area{
    width:100%;
    display:inline-block;
    margin-bottom:60px;
    border-bottom:1px solid #bebebe;
}

.top_blog_list{
    width:100%;
    display:inline-block;
    margin:0;
    padding:0;
    list-style-type:none;
}

.top_blog_list li{
    width:48%;
    margin-right:4%;
    margin-bottom:60px;
    float:left;
}

.top_blog_list li:nth-child(2n){
    margin-right:0;
}

.blog_img_area{
    width:100%;
    height:260px;
    display:inline-block;
    margin-bottom:10px;
    overflow:hidden;
}

.blog_img_area img{
    height:100%;
    object-fit:cover;
}

.top_blog_list .blog_tit{
    color:#2a2f38;
    font-size:18px;
    font-weight:500;
}

@media only screen and (max-width: 768px){
    .blog_area{
        margin-bottom:30px;
    }
    
    .top_blog_list li{
        width:100%;
        margin-right:0;
        margin-bottom:30px;
        float:left;
    }
}

.recommend_list{
    width:100%;
    display:inline-block;
    margin-bottom:60px;
    padding-bottom:60px;
    border-bottom:1px solid #bebebe;
}

@media only screen and (max-width: 768px){
    .recommend_list{
        margin-bottom:30px;
        padding-bottom:30px;
    }
}


/* フッター */

.ec-footerRole{
    background:#e9e9e9;
    border-top:1px solid #bebebe;
}

.ec-footerRole .ec-footerRole__inner{
    max-width:1500px;
    margin-bottom:80px;
}

.ec-footerTitle{
    float:left;
    padding:0 0 80px 0;
}

.ec-footerTitle img{
    max-width:100%;
}

.footer_r_block{
    float:right;
}

.footer_r_block .footer_navi{
    padding:0 30px;
    list-style-type:none;
    float:left;
    border-right:1px solid #bebebe;
    width: 250px;
    height: 300px;
}

.footer_r_block .first_footer_nav{
    border-left:1px solid #bebebe;
}

.footer_navi .main_footer_list{
    font-weight:bold;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
}

.sub_footer_list{
    margin-bottom:5px;
}

.sub_footer_list a{
    font-size:14px;
    color:#2a2f38;
}

.ec-footerTitle__copyright{
    text-align:center;
    padding-bottom:30px;
}

@media only screen and (max-width: 768px){
    
    .ec-footerRole{
        padding:0 20px;
    }
    
    .ec-footerTitle .ec-footerTitle__logo{
        width:80%;
        margin:0 10%;
    }
    
    .ec-footerTitle {
        padding: 20px 0 30px 0;
    }
    
    .footer_r_block {
        width:100%;
    }
    
    .footer_r_block .footer_navi{
        width:50%;
        padding:0 10px;
        height:250px;
    }
    
    .footer_navi .main_footer_list{
        margin-bottom:10px;
    }
    
    .sub_footer_list a{
        font-size:12px;
    }
    
    .footer_navi_sp{
        width:100%;
        margin:0;
        padding:0;
        list-style-type:none;
        display:inline-block;
        margin:40px 0 30px 0;
    }
    
    .footer_navi_sp li{
        width:22%;
        display:inline-block;
        margin-right:4%;
        float:left;
    }
    
    .footer_navi_sp li:last-child{
        margin-right:0;
    }
    
    .footer_navi_sp li a{
        width:100%;
        display:inline-block;
        color:#2a2f38;
    }
    
    .footer_navi_sp li .side_icon{
        width:100%;
        text-align:center;
        margin-right:0;
    }
    
    .footer_navi_sp li .side_icon img{
        width:20px;
    }
    
    .footer_navi_sp li p{
        font-size:12px;
        text-align:center;
    }
    
    .ec-footerTitle__copyright{
        font-size:12px;
    }
    
}


/* 私たちのこだわり */
    .sub_contents_tit{
            font-size:28px;
            font-family:'Noto Serif JP', serif;
            margin:0 0 50px 0;
            letter-spacing:0.1em;
        }
        
        .sub_contents_tit:first-letter{
            color:#80a9ca;
        }
        
        .commitment_intro{
            display:inline-block;
            padding-bottom:80px;
            margin-bottom:60px;
            border-bottom:1px solid #bebebe;
        }
        
        .commitment_img{
            display:inline-block;
        }
        
        .commitment_txt{
            width:100%;
            display:inline-block;
            text-align:center;
        }
        
        .commitment_txt .commitment_intro_tit{
            font-size:36px;
            font-family:'Noto Serif JP', serif;
            color:#80a9ca;
            margin:40px 0px 50px 0px;
        }
        
        .commitment_txt .commitment_intro_txt{
            line-height:40px;
        }
        
        .thought_area{
            width:100%;
            display:inline-block;
            border-bottom:1px solid #bebebe;
            margin-bottom:60px;
        }
        
        .l_r_box{
            width:100%;
            display:inline-block;
            margin-bottom:80px;
        }
        
        .l_r_box .l_txt{
            width:48%;
            margin-right:4%;
            margin-top:50px;
            display:inline-block;
            float:left;
        }
        
        .l_r_box .r_img{
            width:48%;
            display:inline-block;
            float:left;
        }
        
        .l_r_box .l_img{
            width:48%;
            margin-right:4%;
            display:inline-block;
            float:left;
        }
        
        .l_r_box .r_txt{
            width:48%;
            margin-top:50px;
            display:inline-block;
            float:left;
        }
        
        .area_tit{
            font-size:22px;
            font-family:'Noto Serif JP', serif;
            margin:0 0 40px 0;
        }
        
        .l_r_txt{
            font-size:14px;
            line-height:2em;
        }
        
        .bottom_img_box{
            width:100%;
            display:inline-block;
            margin-bottom:80px;
        }
        
        .shop_info_box{
            width:100%;
            display:inline-block;
            margin-bottom:80px;
        }
        
        .shop_img_area{
            width:40%;
            margin-right:10%;
            display:inline-block;
            float:left;
        }
        
        .shop_txt_area{
            width:50%;
            display:inline-block;
            margin-top:50px;
        }
        
        .shop_txt_area .shop_txt{
            font-size:14px;
            line-height:2em;
            margin-bottom:30px;
        }
        
        .l_btn{
            margin:0!important;
        }
        
        .shopinfo_logo{
            display:inline-block;
            margin-bottom:30px;
        }
        
        .shopinfo_logo img{
            width:auto;
        }
        
        @media only screen and (max-width: 768px){
            .sub_contents_tit{
                font-size:18px;
                margin:0 0 30px 0;
            }
            
            .commitment_img{
                height:160px;
            }
            
            .commitment_img img{
                height:100%;
                object-fit:cover;
            }
            
            .commitment_intro{
                margin-bottom:30px;
                padding-bottom:30px;
            }
            
            .commitment_txt{
                text-align:left;
            }
            
            .commitment_txt .commitment_intro_tit{
                font-size:20px;
                margin:20px 0;
            }
            
            .commitment_txt .commitment_intro_txt{
                line-height:30px;
                font-size:14px;
            }
            
            .thought_area{
                margin-bottom:30px;
            }
            
            .l_r_box{
                display: flex;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                margin-bottom:50px;
            }
            
            .l_r_box .r_img{
                width:100%;
                height:250px;
                order:1;
                overflow:hidden;
            }
            
            .l_r_box .r_img img{
                object-fit:cover;
                height:100%;
            }
            
            .l_r_box .l_txt{
                width:100%;
                order:2;
                margin:30px 0 0 0;
            }
            
            .l_r_box .l_img{
                width:100%;
                height:250px;
                margin:0;
                overflow:hidden;
            }
            
            .l_r_box .l_img img{
                object-fit:cover;
                height:100%;
            }
            
            .l_r_box .r_txt{
                width:100%;
                margin-top:30px;
            }
            
            .area_tit{
                font-size:16px;
                margin:0 0 20px 0;
            }
            
            .bottom_img_box{
                height:150px;
                overflow:hidden;
                display:block;
                margin-bottom:30px;
            }
            
            .bottom_img_box img{
                object-fit:cover;
                height:100%;
            }
            
            .shop_info_box{
                margin-bottom:50px;
            }
            
            .shop_img_area{
                width:100%;
                height:250px;
                margin-right:0;
                overflow:hidden;
            }
            
            .shop_img_area img{
                object-fit:cover;
                height:100%;
            }
            
            .shop_txt_area{
                width:100%;
                margin-top:30px;
            }
            
            .shopinfo_logo{
                width:200px;
                margin-bottom:20px;
            }
            
        }
        
        
        
/* ブランド一覧 */
        
.brand_img{
            margin-bottom:50px;
        }
        
        .brand_area{
            margin-bottom:30px;
        }
        
        .brand_list{
            width:100%;
            display:inline-block;
            margin:0;
            padding:0;
            list-style-type:none;
        }
        
        .brand_list .brand_list_u{
            width:48%;
            min-height:380px;
            margin-bottom:50px;
            margin-right:4%;
            padding-bottom:30px;
            border-bottom:1px solid #bebebe;
            float:left;
        }
        
        .brand_list .brand_list_u:nth-child(2n){
            margin-right:0;
        }
        
        .product_introduction{
            width:100%;
            display:inline-block;
            margin-bottom:25px;
            float:left;
        }
        
        .brand_logo_area{
            width:30%;
            margin-right:5%;
            float:left;
            border:1px solid #bebebe;
        }
        
        .brand_txt{
            width:65%;
            float:left;
            padding-top:20px;
        }
        
        .brand_name{
            font-size:22px;
            margin-bottom:20px;
        }
        
        .brand_intro_txt{
            font-size:14px;
        }
        
        .brand_products_list{
            width:100%;
            display:inline-block;
            list-style-type:none;
            margin:0;
            padding:0;
        }
        
        .brand_products_list li{
            width:32%;
            margin-right:2%;
            float:left;
        }
        
        .brand_products_list li:nth-child(3n){
            margin-right:0;
        }
        
        .ec-pager{
            width:100%;
            display:inline-block;
        }
        
        @media only screen and (max-width: 768px){
            .brand_img{
                margin-bottom:20px;
            }
            
            .brand_list .brand_list_u{
                width:100%;
                margin-right:0;
                margin-bottom:30px;
                min-height:auto;
            }
            
            .brand_name{
                font-size:18px;
            }
        }


/* カテゴリー一覧 */

        .category_page_area{
            padding-top:80px;
        }
        
        .category_page_area .sub_contents_tit{
            padding-bottom:20px;
            border-bottom: 1px solid #ccc;
        }
        
        .category_page_list_innner{
            margin-bottom:50px;
            border-bottom: 1px solid #ccc;
        }
        
        .category_page_name{
            font-size:18px;
            font-weight:500;
            margin-bottom:50px;
        }
        
        .category_page_list{
            width:100%;
            margin:0;
            padding:0;
            list-style-type:none;
            display:inline-block;
        }
        
        .category_page_list li{
            width:16%;
            height:180px;
            margin:0 2%;
            margin-bottom:30px;
            display:inline-block;
            float:left;
        }
        
        .category_page_list li a{
            width:100%;
            color:#525263;
            display:inline-block;
            text-decoration:none;
        }
        
        .category_page_list li a:hover{
            opacity:0.8;
        }
        
        .category_page_list li .category_page_list_cat_icon{
            width:100%;
            margin-bottom:30px;
        }
        
        .category_page_list li .category_page_list_cat_icon img{
            width:auto;
            display:block;
            margin:0 auto;
        }
        
        .category_page_list li .category_page_list_cat_name{
            font-size:14px;
            text-align:center;
        }
        
        @media only screen and (max-width: 768px){
            
            .category_page_area{
                padding-top:30px;
            }
            
            .category_page_name{
                margin-bottom:30px;
            }
            
            .category_page_list li{
                width:46%;
                height:160px;
                margin-bottom:20px;
            }
            
            .category_page_list li .category_page_list_cat_icon{
                margin-bottom:10px;
            }
        }


/* よくある質問_ご利用ガイド */
        .use_guide_area{
            padding-top:50px;
        }
        
        .anc_links_area{
            width:100%;
            display:inline-block;
        }
        
        .anc_list_l{
            width:48%;
            display:inline-block;
            margin-right:4%;
            float:left;
        }
        
        .anc_list_r{
            width:48%;
            display:inline-block;
        }
        
        .anc_pointer{
            width:100%;
            display:inline-block;
            margin-bottom:50px;
        }
        
        .anc_tit{
            width:100%;
            margin-bottom:20px;
            padding:12px 15px;
            font-size:18px;
            display:inline-block;
            color:#fff;
            font-weight:bold;
            background-color:#80a9ca;
        }
        
        .anc_pointer_list{
            margin:0;
            padding:0 0 0 30px;
            display:inline-block;
        }
        
        .anc_pointer_list li{
            margin-bottom:10px;
        }
        
        .anc_pointer_list li a{
            text-decoration:underline;
            color:#525263;
        }
        
        .guide_main_area{
            width:100%;
            padding-top:50px;
        }
        
        .anc_main_tit{
            width:100%;
            margin-bottom:0px;
            padding:12px 15px;
            font-size:18px;
            display:inline-block;
            color:#fff;
            font-weight:bold;
            background-color:#80a9ca;
        }
        
        .guide_txt_area{
            width:100%;
            display:inline-block;
            padding:50px 15px;
            border-bottom:1px solid #bebebe;
        }
        
        .guide_txt_area p{
            font-size:14px;
            letter-spacing:0.05em;
            line-height:1.5em;
        }
        
        .guide_txt_area a{
            color:#2a2f38;
            text-decoration:underline;
        }
        
        .guide_txt_area .guide_tit{
            font-size:18px;
            margin-bottom:30px;
            font-weight:bold;
            letter-spacing:0.05em;
        }
        
        .guide_num{
            font-weight:bold;
            margin-bottom:10px;
        }
        
        .bolder_txt{
            font-weight:bold;
        }
        
        .bolder_red{
            font-weight:bold;
            color:#d70a22;
        }
        
        .guide_txt_area img{
            width:auto;
            margin-top:20px;
        }
        
        @media only screen and (max-width: 768px){
            
            .anc_pointer{
                margin-bottom:20px;
            }
            
            .use_guide_area{
                padding-top:0px;
            }
            
            .anc_list_l{
                width:100%;
                margin-right:0;
            }
            
            .anc_list_r{
                width:100%;
            }
            
            .guide_txt_area{
                padding:30px 0px;
            }
        }
        
        
/* プライバシーポリシー */
        .privacy_main_area{
            padding-top:50px;
        }
        
        .privacy_intro{
            font-size:14px;
            letter-spacing:0.05em;
            line-height:1.5em;
            border-bottom:1px solid #bebebe;
            margin-bottom:50px;
            padding-bottom:50px;
        }
        
        .privacy_txt_area{
            border-bottom:1px solid #bebebe;
            margin-bottom:50px;
            padding-bottom:50px;
        }
        
        .privacy_tit{
            font-size:18px;
            font-weight:bold;
            margin-bottom:20px;
        }
        
        .privacy_txt{
            font-size:14px;
            letter-spacing:0.05em;
            line-height:1.5em;
        }
        
        .privacy_txt a{
            text-decoration:underline;
            color:#525263;
        }
        
        @media only screen and (max-width: 768px){
            .privacy_main_area{
                padding-top:0px;
            }
            
            .privacy_intro{
                margin-bottom:30px;
                padding-bottom:30px;
            }
            
            .privacy_txt_area{
                margin-bottom:30px;
                padding-bottom:30px;
            }
        }

/* ご利用規約 */

.agreement_main_area{
            padding-top:50px;
        }
        
        .agreement_box{
            border-bottom:1px solid #bebebe;
            margin-bottom:50px;
            padding:0 15px 50px 15px;
        }
        
        .agreement_tit{
            font-size:18px;
            font-weight:bold;
            margin-bottom:20px;
        }
        
        .agreement_txt{
            font-size:14px;
            letter-spacing:0.05em;
            line-height:1.5em;
        }
        
        .agreement_sub_tit{
            font-size:15px;
            font-weight:500;
            margin-bottom:5px;
        }
        
        .agreement_txt a{
            text-decoration:underline;
            color:#525263;
        }
        
        .agreement_box ol{
            padding:0 0 0 20px;
            font-size:14px;
            font-family:'Noto Sans JP', sans-serif;
        }
        
        .agreement_box ol li{
            margin-bottom:20px;
        }
        
        .agreement_box ol li:last-child{
            margin-bottom:0;
        }
        
        @media only screen and (max-width: 768px){
            .agreement_main_area{
                padding-top:0px;
            }
            
            .agreement_box{
                margin-bottom:30px;
                padding-bottom:30px;
            }
        }
        
/* 特定商取引、会社概要 */        
        
        .info_area{
	        width:100%;
	        display:inline-block;
	        padding-top:50px;
        }

        .info_table {
            box-sizing: border-box;
            width: 100%;
            border-left: 1px solid #2a2f38;
            border-top: 1px solid #2a2f38;
            border-spacing: 0;
            font-family:'Noto Sans JP', sans-serif;
        }
        
        .info_table th,
        .info_table td {
            box-sizing: border-box;
            border-right: 1px solid #2a2f38;
            font-size: 16px;
            padding: 15px 20px;
            border-bottom: 1px solid #2a2f38;
            vertical-align: middle;
        }
        
        .info_table th {
        	width:25%;
        	font-weight:500;
        	text-align:center;
        	color: #2a2f38;
        }
        
        .info_table td {
            color: #2a2f38;
        }
        
        @media only screen and (max-width: 768px){
            .info_area{
                padding-top:0;
            }
            
            .info_table{
                margin-bottom:50px;
            }
            
            .info_table th{
                width:100%;
                display:inline-block;
            }
            
            .info_table td{
                width:100%;
                display:inline-block;
            }
        }