@charset "utf-8";

@import url("bootstrap.offcanvas.min.css") screen and (max-width: 480px);


/* 全体レイアウト
---------------------------------------------　*/
@media screen and ( max-width:640px )
{
/* PC・スマホ表示 */
    .pc{display: none !important;}
    .sp{display: block !important;}
/* 全体 */
    html, body{
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
    img{
        max-width: 100%;
        height: auto;
    }
    input[type="button"],input[type="text"], input[type="search"],input[type="submit"],input[type="image"],textarea{
        -webkit-appearance: none;
        border-radius: 0;
     }
    #wrapper{
        width: 100%;
        position: relative;
        height: auto !important;
        height: 100%;
    }
    .wrap{
    	width:100%;
    }
/* header */
    header{
        width: 100%;
        height: 100%;
        color: #624563;
        position: fixed;
        z-index: 999;
        top: 0;
        bottom: auto;
        height: 50px;
        float: none;
    }
    header h1{
        margin: 5px 120px 5px 50px;
        text-align: left;
    }
    header h1 img{
        width: 90%;
        max-width: 150px;
    }
   button#drawer_trigger{
        height: 40px;
        width: 40px;
        background: transparent;
        border: 0;
        position: fixed;
        top: 5px;
        left: 5px;
        z-index: 1000;
        font-size: 28px;
        margin: 0;
        padding: 0;
        color: #fff;
        border: 1px solid #eee;
    }
    button#drawer_trigger:before{
        position: fixed;
        top: 7px;
        left: 13px;
    }
    button#drawer_trigger span{
        font-size: 8px;
        position: fixed;
        top: 34px;
        left: 13px;
    }
/* submenu */
    #submenu{
        width: 120px;
        display: block;
        position: absolute;
        padding: 0;
        right: 10px;
        top: 5px;
        font-size: 26px;
        text-align: right;
        margin: 0;
        color: #eeece0;
        font-size: 0;
    }
    #submenu a{color: #eeece0;}
    #submenu ul{margin: 10px 0;}
    #submenu ul li{
        margin: 0 5px;
        float: left;
        width: 30px;
    }
    #submenu ul li i{font-size: 30px;}
    #submenu ul li i:hover{
        cursor: pointer;
    }
    #submenu ul li ul{
        display: none;
        position: absolute;
        width: 50vw;
        right: 10px;
        top: 35px;
        border: 1px solid #000;
    }
    #submenu ul li ul li{
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #000;
        font-size: 1.5rem;
        padding: 0;
        text-align: left;
        display: block;
        color: #fff;
        background: rgba(10,10,10,.7);
    }
    #submenu ul li ul li p{margin: 0; padding: 5px 10px;}
    #submenu ul li ul li:last-child{
        border-bottom: 0;
    }
    #submenu ul li ul li a{
        margin: 0;
        display: block;
        padding: 10px;
        background: rgba(98,69,99,.9);
    }
    #submenu ul li ul li a:hover{
        text-decoration: none;
        background-color: rgba(98,69,99,1)
    }
    #submenu .open{color: #a4a29a;}
/* ドロワーメニュー */
    .nav-ghost{
        position: absolute;
        z-index: 998;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        background-color: rgba(102,102,102,.6);
    }
    nav#drawer{
        display: none;
        position: fixed;
        width: 90%;
        width: 80%;
        max-width: 80%;
        height: 100vh;
        top: 0;
        padding: 0;
        background: #fff;
        overflow: auto;
        z-index: 999;
    }
    /* ハッシュタグ */
    nav#drawer .hash{
        display: none;
    }
    #page_homepage #contents .hash{
        width: 100%;
        height:40px;
        display: block;
        background-color:#fff;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    #page_homepage #contents .hash ul{
        height: 40px;
        display: table;
        margin: 0 auto;
    }
    #page_homepage #contents .hash ul li{
        padding: 0;
        display: table-cell;
        white-space:nowrap;
    }
    #page_homepage #contents .hash ul li a{
        padding: 0 10px;
        line-height: 40px;

    }
    #page_homepage #contents ul li{
        display: inline-block;
        margin-left: 10px;
    }
    #page_homepage #contents .slick-slider ul li.item_name{
        margin: 0;
        word-break: break-all;
        font-size: 3.3vw;
    }
    #page_homepage #contents #spOnly {
        display: block;
    }
    #page_homepage #contents #spOnly .hash {
        width: 100%;
        height: auto;
        display: block;
        background-color: #fff;
        overflow: hidden;
    }
    #page_homepage #contents #spOnly .hash ul{
        display: block;
        padding: 5px 0 10px;
        overflow: hidden;
        height: auto;
    }
    #page_homepage #contents #spOnly .hash ul li{
        display: block;
        float: left;
        border: 1px solid #337ab7;
        border-radius: 5px;
        margin-top: 5px;
    }
    .fixed{
        position: fixed !important;
        width: 100%;
        height: 100%;
        z-index: 500;
    }
    /* 追加メニュー */
    nav .sp li{
        display: block;
        height: 50px;
        border-bottom: 1px solid #c8c5bf
    }
    nav .sp a{
        color: #624563;
        display: block;
        height: 50px;
        padding-left: 55px;
        line-height: 50px;

    }
    nav .sp a:hover{
        background-color: #624563;
        text-decoration: none;
        color: #fefefe;
    }
    /* メインメニュータイトル */
    nav .sp.mainmenu li{
        background: #c8c5bf;
        padding: 5px 10px 5px 50px;
        line-height: 45px;
        font-weight: bold;
    }

    .navbar-offcanvas.offcanvas-transform.in {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    .category-nav li.hasChildren p::after{
        display: none;
    }
    .category-nav > li.active{
        background-color:#eeece0;
    }
    .category-nav > li p:hover{
    	color: #c8c5bf;
    }
    .category-nav li.hasChildren{
        border-top: 1px solid #c8c5bf;
        min-height: 52px;
        height: auto;
    }
    .category-nav li.hasChildren:last-child{
        border-bottom: 1px solid #c8c5bf;
    }
    .category-nav li.hasChildren div{
        position: relative;
        height: auto;
        left: 0;
        width: 100%;
    }
    .category-nav li.hasChildren div ul{
        width: 100%;
    }
    .category-nav li.hasChildren div ul li{
        border-top: 1px solid #fff;
    }
    .category-nav li.hasChildren div ul li a:hover, .category-nav li.hasChildren div ul li a:visited{
        color: #fff;
        text-decoration: none;
    }
    .category-nav li.hasChildren div ul .close{
        position: absolute;
        top: -50px;
        right: 0;
        background: none;
        width: 100vw;
        font-size: 1em;
    }
    .search-nav #searchform #search{width: 100%;}
    .calendar caption{
        color: #624563;
    }
    .calendar table{width: 90vw;}
    header .banner li{display: inline-block;}
/* 右コンテンツ（共通） */
    #contents{
        margin: 0;
        padding: 40px 0 0;;
        background: #edebdf;
        width: 100%;
        min-width: 100%;
    }
    #topicpath{
        display: none;
    }
/* 上部サブメニュー */
    .head-menu{
        width: 100%;
        position: absolute;
        top: 0;
        background: #242322;
        margin: 0;
        padding: 60px 0 5px;
        text-align: center;
        display: none;
    }
    .head-menu input{
        -moz-appearance: none;
        -webkit-appearance: none;
    }
    .head-menu .search-nav{
        margin: 55px 15px 5px;

    }
    .head-menu .search-nav #searchform #search{
        width: 90%;
        padding: 6px;
        font-size: 18px;
        height: 40px;
        border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        border: 1px solid #fff;
    }
    .head-menu .search-nav #searchform .bt_search{
        width: 10%;
        font-size: 15px;
        height: 40px;
        padding: 6px;
        position: static;
        float: right;
        background-color: #fff;
        border: 1px solid #fff;
        border-left: 1px solid #e0e0e0;
        border-radius: 0 5px 5px 0;
    }
    .front_page .head-menu li{
        font-size: 15px;
        text-align: center;
        overflow: hidden;
    }
    .head-menu .info{
        margin: 0;
    }
    .head-menu .info li{
        margin: 0;
        display: inline-block;
    }
    .head-menu .info li a, .front_page .head-menu .info li a{
        padding: 10px 3vw;
        width: 100%;
        font-size: 13px;
        font-weight: bold;
        margin: 0 auto;
        display: inline-block;
    }
    .head-menu .info .about a, .head-menu .info .guide a, .head-menu .info .qa a{
        background: none;

    }
    .head-menu .member{
        position: absolute;
        top: 50px;
        right: 0;
        width: 100%;

    }
    .head-menu .member li {
        display: block;
        float: left;
        width: 50%;
        height: 60px;
        margin: 0;
        padding: 0;
    }
    .head-menu .member li a{
        width: 40vw;
        margin: 10px 0;

    }
    .head-menu .member li a.btn-sm {
        padding: 10px 15px;
    }

/* フッター（共通） */
    footer{position: relative; z-index: 100; padding-bottom: 70px;}
    #footer_pagetop{z-index: 5; display: none;}
    #footer_pagetop img{display: none;}
    #footer_pagetop i{
        display: block;
        width: 50px;
        line-height: 50px;
        height: 50px;
        border-radius: 50%;
        font-size: 25px;
        text-align: center;
        background: rgba(98,69,99,.8);
        color: #fff;
        position: fixed;
        left: 10px;
        bottom: 10px;
        z-index: 5;
        border: 1px solid #fff;
    }
    #footer_pagetop i:hover{
        background: rgba(98,69,99, 1);
        text-decoration: none;
    }
    #contents .foot-link ul{margin: 20px 0 0;}
    #page_homepage #contents .foot-link ul li{display: list-item;}
    #foot-guide section .wrap{
    	display: block;
    }
    #foot-guide section nav.wrap{
    	display: flex;
        flex-wrap: wrap;
    	justify-content: space-between;
    }
    #foot-guide nav div{
    	background-color: #fff;
    	border-radius: 0;
    	width:50%;
        border-top: 1px solid #a4a29a;
        border-left: 1px solid #a4a29a;
    }
    #foot-guide nav div:nth-child(2n){
        border-right: 1px solid #a4a29a;
    }
    #foot-guide nav div:last-child{
        width: 100%;
        border-right: 1px solid #a4a29a;
        border-bottom: 1px solid #a4a29a;
    }
    #foot-guide section div.wrap{
        width: 96vw;
        margin: 0 auto 20px;
    }
    #foot-guide section .wrap:not(nav) > div{
    	width: 96vw;
        margin: 0 auto;
    }
    #sitemap{
        flex-direction: column;
    	justify-content: space-around;
        margin: 0;
    }
    #sitemap .sitemap_column{
        margin: 0 auto;
        width: 100vw;
    }
    #sitemap h3{
    	font-size: 16px;
        font-weight: normal;
    	margin: 0;
    	background: #fff;
    	padding: 10px;
        pointer-events: all;
        border-bottom: 1px solid #a4a29a;
    }
    #sitemap h3:hover{
        cursor: pointer;
    }
    #sitemap h3:after{
        content: "▼";
        background: #624563;
        color: #fff;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: block;
        text-align: center;
        position: absolute;
        right: 10px;
        font-size: 10px;
        line-height: 20px;
        margin: -20px 0 0;
    }
    #sitemap ul{
        display: none;
        background: #eaeae4;
    }
    #sitemap li{
    	margin: 0;
        border-bottom: 1px solid #c8c5bf;

    }
    #sitemap li:before{
    	content:'';
    }
    #sitemap li a{
        color: #624563;
        display: block;
        padding: 8px;
        text-decoration: none;
    }
    #sitemap li a:hover{
        background: rgba(255,255,255,.5)
    }
    #foot-guide nav div h3{
        font-size: 0.8em;
    }
    #contents .foot-link li{
        float: none;
        list-style: square;
        list-style-position: inside;
        color: #fff;
    }

    #sp-search{
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px;
        height: 70px;
        background: rgba(98,69,99, .7);
        color: #fff;
        z-index: 4;

    }
    #sp-search input{
        width: calc(100% - 70px);
        height: 40px;
        padding: 5px;
        color: #000;
        display: block;
        float: left;
        border: 0;
        border-radius: 0 !important;
        font-size: 1.6rem;
    }
    #sp-search button{
        width: 50px;
        height: 50px;
        text-align: center;
        color: #624563;
        background: #fff;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        display: block;
        float: left;
        font-size: 0;
    }
    #sp-search button:hover{
        cursor: pointer;
    }
    #sp-search button i{
        font-size: 2rem;
        line-height: 40px;
    }
    #sp-search-close{
        width: 100%;
        height: 100vh;
        background: rgba(10,10,10,.7);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3;
        display: none;
    }
    #sp-search-close.open{
        display: block;
    }
    #sp-search-close:hover{
        cursor: pointer;
    }
    .sp-fix{
        width: 100%;
        position: fixed;
        z-index: 10;
    }
/* メインビジュアル */
    .kv{display: none;}
    .mainvisual{
    	overflow: hidden;
    	height: auto;
    	position: relative;
    	display: block;
        width: 100%;
        padding-top: 15px;
        margin: 0;
        background: #242322;
    }
    .mainvisual .slidemenu{
    	width: auto;
    }
    .mainvisual .slidemenu img{
        width: 100%;
        height: auto;
    }
    .mainvisual .items li:hover{
    	opacity: 0.8;
    }
    .items-arrow .slick-prev{
    	display: none;
    }
    .items-arrow .slick-next{
    	display: none;
    }
    .items-arrow{display: none;}
/* TOPページ */
    /* .pickup{
        margin-top: 60px;
    } */
    .pickup,.new-item, #item_detail{
    	width: 100%;
    }
    /* .new-item{
        padding-bottom: 20px;
    } */

    .pickup h2, .new-item h2,.hashtag h2,.special h2{
        margin: 0;
        padding: 0 0 0 4px;
        text-align: left;
    }
    .special h2{
        margin: 0;
        padding: 4px 0 0 4px;
        text-align: left;
    }
    .new-item{ /* 謎の余白削除 */
        margin-top:-5px;
    }
    .new-item .news-link{
        position: absolute;
        right: 8px;
        top: 6px;
        text-align: center;
    }
    .new-item .news-link a{
    	margin: 0 auto;
        text-align: center;
    }
    #pickup-carousel, #new-carousel{
        background: #fff;
    }
/* 商品共用（slick） */
    .carousel .item{border: 0; padding: 5px;}
    .carousel.slick-slider .item{
    	width: 100%;
        background: #fff;
        padding: 0;
    }
    .carousel.slick-slider .item figure{
    	text-align: center;
    	padding: 0;
        width: 100%;
        margin: 0;
        height: 140px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .carousel.slick-slider .item figure img{
        min-height: 0;
        max-height: 150px;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        height: auto;
    }
    .carousel.slick-slider .item ul{
        width: 100%;
    }
    .carousel.slick-slider .item a{
        color: #222;
        width: 100% !important;
        margin: 0 auto;
        display:block;
        overflow: hidden;
        height: auto !important;
        padding: 0 8px;
    }
    .carousel.slick-slider .item ul .item_name{
    	font-weight: bold;
        text-align: left;
    }
    .carousel.slick-slider .item_name{
        padding: 0 0 10px;
    }
    .carousel.slick-slider .item_price{
        padding: 0 0 5px;
    }
    .carousel.slick-slider .item_price span{
        font-weight: bold;
        font-size: 1em;
    }
    .carousel.slick-slider .item_price i{
        font-weight: bold;
        font-size: 0.7em;
        font-style: normal;
        margin-left: 5px;
    }
    #contents ul.slick-dots{
        width: 100%;
        font-size: 0;
        text-align: center;
        margin: 5px 0;
    }
    #contents ul.slick-dots li{
        display: inline-block;
        margin: 0 3px;
    }
    #contents ul.slick-dots li button{
        background: transparent;
        border: 1px solid #e0dfd4;
        border-left: 1px solid #9d9a89;
        border-top: 1px solid #9d9a89;
        background: #e0dfd4;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        padding: 0;

    }
    #contents ul.slick-dots li.slick-active button{
        background: #9d9a89;
    }


/* 特集 */
    .special-wrap{
        padding-top:4px;
    }
	.special-wrap, .concierge_link-wrap{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-flow: wrap;
		align-content: flex-start;
		align-items: stretch;
	}
	.special-item, .concierge_link-item{
		width: 49%;
		float: none;
		position: static;
		margin: 0 auto;
		align-self: stretch;
		overflow: hidden;
		background: #fff;
	}
	.special-item a, .concierge_link-item a{
		display: block;
	}
	.special-item:nth-child(2n), .concierge_link-item:nth-child(2n){
		float: none;
	}
	.special-item img, .concierge_link-item img{
		width: 100%;
	}
	.special-item p{
		position: static;
		background: #fff;
		font-size: 10px;
	}
    .pickup .slick-prev,.new-item .slick-prev, .new-item .search-prev{
    	top: 35%;
    }
    .pickup .slick-next,.new-item .slick-next, .new-item .search-next{
    	top: 35%;
    }
    .special .more_link{float: none; margin: 10px auto;}
/* 検索結果 */
    .search-result h2{margin: 10px;}
    /*トップ画像*/
    .search-result {overflow: hidden; border-top: 1px solid #edebdf;}
    .search-result img{
        position: relative;
        width: 500px;
        left: 50%;
        margin-left: -250px;
        max-width: none;
        height: auto;
    }
    /* 絞り込み */
    #result_info_box__menu_box{font-size: 14px;}
    #result_info_box__menu_box .sp{float: right; margin-right: 5px;}
    #result_info_box__menu_box i{
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        padding: 0;
        margin-left: 5px;
        border: 1px solid #624563;
        background: #624563;
        border-radius: 3px;
        color: #fff;
        text-align: center;
    }
    #result_info_box__menu_box i.active{background: #bebcb2; color: #624563;}
    #result_info_box__menu_box i:hover{cursor: pointer;}
    #result_info_box__menu_box i.active{cursor: default;}

    /* 一覧 */
    #search-list{border-top: 1px solid #624563; border-left: 1px solid #624563;}

    /* 商品共用 */
    #search-list .item{
        flex-basis: auto;
    	margin: 0 ;
        border-bottom: 1px solid #624563;
        border-right: 1px solid #624563;
        padding: 2px 2px;
        background: #fff;
        position: relative;
    }
    #search-list .item.soldout{background: rgba(10,10,10,.4);}
    #search-list .item.soldout img{
        opacity: 0.5;
    }
    /* #search-list .item.soldout::before{
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(10,10,10,.4);
        z-index: 100;
    }
        */
    #search-list .item .cart-btn{display: none;}

    #search-list figure img{
        max-height: 150px;
        min-height: auto;
        width: auto;
    }
    #search-list a{
        color: #222;
        display: block;
        overflow: hidden;
        position: relative;
        width: 38%;
        float: left;
        margin: 0 1%;
        height: 150px;
    }

    #search-list a::before{
        display: block;
        top: 0;
        left: 0;
        margin: 0 auto;
        width: 150px;
        height: 90px;
        background: rgba(10,10,10,.7);
    }
    #search-list a:hover{text-decoration: none; opacity: 0.8;}
    #search-list.carousel .item_price span{
        font-size: 1em;
    }
    /* gridview */
    #search-list.grid{
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: flex-start;
        align-content: stretch;
    }
    #search-list.grid .item{
        width: 50%;
    }
    #search-list.grid .item a{
        width: 100%;
    }
    #search-list.grid .item figure{
        display: block;
        float: none;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    #search-list.grid .item dl{
        float: none;
        width: 100%;
    }
    #search-list.grid.carousel .item_name{
        padding: 0 10px 5px;
    }
    /* listview */
    #search-list.list .item {
        width: 100%;
    	margin: 0;
        padding: 5px 0;
    }
    #search-list.carousel.list .item figure{
        width: 100%;
        height: 150px;
        padding: 0;
    }
    #search-list.carousel.list .item .item_detail{
        clear: none;
        float: left;
        width: 58%;
        margin: 0 1%;
    }
    #search-list.list .item dl{
        margin: 10px 1%;
    }

/* 商品詳細 */
    /* ブロック */
    #item_detail{
        display: block;
        background: #fefefe;
        margin: 0;
    }
    /* 写真 */
    #item_detail .item_photo{
        float: none;
        padding-bottom: 30px;
        width: 100%;
    }
    #item_detail .item_photo figure{
        display: none;
    }
    #item_detail .item_photo ul{
        margin: 10px;
        width: 100%;
        height: 300px;
        position: relative;
        padding-bottom: 20px;
    }
    #item_detail .item_photo li{
        max-width: auto;
        height: 300px;
        width: calc(100vw - 40px);
        border: 1px solid #eee;
        padding-bottom: 20px;
        position: relative;
        margin: 0;
    }
    #item_detail .item_photo li img{
        width: auto;
        max-height: 100%;
    }
    /* キャプション */
    #item_detail .item_photo ul p{
        position: absolute;
        text-align: center;
        bottom: 0px;
        left: 0;
        height: 20px;
        z-index: 10;
        width: 100%;
        display: block;
        color: #000;
        margin: 0;
    }
    /* dots */
    #item_detail .item_photo ul.slick-dots{
        text-align: center;
        height: 20px;
        display: block;
        overflow: hidden;
        margin: 5px 0 0 -10px;
    }
    #item_detail .item_photo ul.slick-dots li{
        display: inline-block;
        margin: 0 3px;
        height: 15px;
        width: 15px;
        padding: 0;
        border: 0;
    }
    #item_detail .item_photo ul.slick-dots button{
        position: relative;
        height: 15px;
        width: 15px;
        padding: 0;
        font-size: 0;
        background: #edebdf;
        border: 1px solid #ccc;
        border-radius: 50%;
    }
    #item_detail .item_photo ul.slick-dots li.slick-active button{
        background: #624563;
    }

    /* arrow */
    .item_photo #arrow .fa-chevron-left, .item_photo #arrow .fa-chevron-right{
        bottom: 150px;
    }
    /* 商品説明 */
    #item_detail .item_txt{
        margin: 10px 0;
        padding: 10px;
        width: 100%;
    }
    #item_detail .item_txt h2{
    	font-size: 1.2em;
    }
    #item_detail .item_txt h2 + p{
    	font-size: 1em;
    	margin:0 0 10px;
    }
    #item_detail .item_txt h3{
    	margin: 20px 0 10px;
        border-left: 5px solid #242322;
        border-bottom: 1px dotted #242322;
        padding-left: 5px;
    }
    /* 価格 */
    .item_price table{
        width: 100%;
        border-top: 1px solid #ccc
    }
    .item_price tr{border-bottom: 1px solid #ccc;}
    .item_price td{
        /* width: 50%; */
        display: block;
        float: left;
        border: 0;
    }
    .item_price td.price{width: 50%}
    .item_price td:nth-child(3n){text-align: right;}
    .item_price #add-cart{width: 100%;}



    /* おすすめ商品 */
    .item_recommend{
        border-top: 1px dotted #242322;
        border-bottom: 1px dotted #242322;
        overflow: hidden;
    }
    #item_additional .search-item{
            padding: 0 10px;
    }
    .item_recommend h3{
    	text-align: left;
    	font-size: 1.1em;
    }
    .item_recommend h3:after {
        display: none;
    }
    .item_recommend #search-list{
        border: 0;
        border: 1px solid #242322;
    }
    .item_recommend #search-list .item{
        border: 0;
        height: 200px;
        border-right: 1px solid #242322;
    }
    .item_recommend #search-list .item:last-child{
        border-right: none;
    }
    .item_recommend #search-list .item img{
        height: 100px;
        width: auto;
        margin: 0 auto;
    }
    .item_recommend a.sp{
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 0.8em;
        display: block;
        height: 100%;
    }
    #contents .item_recommend a ul{
        padding: 10px;
        margin: 0;
        width: 100%;
        float: none;
        text-align: left;
    }
    #contents .item_recommend a ul li{
        line-height: 1.2;
        padding: 2px 0;
    }
    #contents .item_recommend a ul li i{
        font-style: normal;
        font-size: 0.7em;
    }
    .item_recommend a ul li:first-child{
        font-weight: bold;
    }
    #recommend-arrow{
        position: relative;
    }
#recommend-arrow .slick-prev{
    position: absolute;
    left: -8px;
    top: -190px !important;
    cursor: pointer;
}
#recommend-arrow .slick-next{
    position: absolute;
    right: -8px;
    top: -190px !important;
    cursor: pointer;
}
#item_additional{
    background: #fff;
    padding: 5px;
    border-top: 1px dotted #242322;
}
#item_additional .item_txt h3{
    background: transparent;
    border-left: 10px solid #242322;
    padding: 5px;
}



/* WP */
.cart-trigger{display: none;}
.guide #main nav ul{
    width: 90%;
    margin: 0 auto;
    flex-basis: 50%;
}
.guide #main nav ul li{
    width: 49%;
}

/* ガイド */
    #main{
        margin: 20px 0 0;
        padding: 0 10px;
    }
    #main h2{
        padding-top: 20px;
    }
    #main .note{
        padding: 0 2vw
    }
    #main nav ul{
        display: flex;
        justify-content: space-between;
        align-content: stretch;
    }
    .guide #main nav li a{
        height: 100%;
        width: 100%;
        padding: 5px;
        font-size: 12px;
        background: #f2f2f2;
    }
    .guide #main nav li a:hover{
        background: #fff;
    }
    .guide .note h1{
        font-size: 1.5em;
    }
    .guide .note h2{
        font-size: 1.2em;
    }
    .guide .note th, .guide .note td{
        padding: 3px;
        font-size: 10px;
    }

/* 2019年スマホTOP修正 */
    #pickup-carousel, #new-carousel{
        margin-bottom:0;
    }
    .special{
        margin:0;
        padding:0;
        background-color: transparent;
    }

    /* フッターに追加 */
    .management-info{
        display: block;
        width: 100%;
    }
    .management-info .item{
        width:100%;
        border:none;
        
    }
    .management-info .title{
        border:none;
    }
}

#page_sln_card_payment #top_box__button_menu.btn_group{
    width: 100%;
}