@charset "UTF-8";
.img-auto-sp {
	display: none;
}

/*-----------------------------------------------------*/
/*	for -960px					*/
/*-----------------------------------------------------*/
@media screen and (max-width: 960px) {
    #header-inner {
        box-sizing: border-box;
        /*       padding: 0 2%;*/
    }

    input[type="text"] {
        display: block;
    }

    .column-set .quantityArea input[type="text"],
    div.enquete-section input[type="text"],
    #center1 input[name="RECV_NGDAY"],
    #center3 input[name="RECV_NGDAY"],
    h2.sps-add-to-cart-together input[type="text"],
    section#itemDetail-wrap table.spec td input,
    .column4 h2 input,
    .column5 h2 input {
        display: inline;
    }
}

/*-----------------------------------------------------*/
/*	for -768px					*/
/*-----------------------------------------------------*/
@media screen and (max-width: 768px) {
    html {
        max-width: 100%;
        overflow-x: hidden;
    }
    #gnavsearch,
#gnavmypage {
    display: block;
}
#gnavsns {
     display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
	.img-auto-sp {
		display: block;
	}
	.img-auto {
/*		display: none;*/
	}
    img {
        max-width: 100%;
					width: auto;
					height: auto;
    }
    #wrapper {
        width: 100%;
        min-width: 100%;
    }
    header {
        position: fixed;
        z-index: 99;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
    }
    
    body {
					padding-top: 0px;
    }
    #header-inner {    
        width: 90%;
        margin: auto;
    }

  
    #header-inner h1 a img {
        max-width: initial;
    }

    #header-inner #logo {
        width: 100%;
    }

    #header-inner h1 {
        max-width: initial;
    }

      #header-inner h1 a img {
        max-width: initial;
        width: auto;
        height: 45px;
    }
    #header-inner h1 a {
        display: block;
        padding: 10px 0 20px;
        height: auto;
}


    #header-inner #hNav {
        display: block;
        width: 30%;
        /*       overflow: hidden;
       margin: 15px 0 0;
       width: 100%;*/
    }

    #hNav ul#keyword li a {
        background-color: #EFEFEF;
        border-radius: 3px;
        display: inline-block;
        float: none;
        margin: 0 0 2%;
        padding: 2%;
    }

    /*メニュー(768px)*/
    #hNav nav,
    #hNav .cart-nav {
        /*       position: absolute;
       top: 20px;
       right: 2%;*/
    }

    #hNav ul#header-nav li {
        color: #333;
        font-size: 80%;
        margin-right: 62px;
        padding: 0 5px;
    }

 
    #hNav ul#header-nav li#header-nav-cart {
            position: absolute;
        margin: 0;
        top: -25px;
        right: 50px;
        
    }

    #hNav ul#header-nav li#header-nav-drawer {
        background: #FFF;
        border: 1px solid #888;
        border-radius: 5px;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        height: 46px;
        margin: 0;
        padding: 0;
        position: fixed;
        right: 2%;
        top: 20px;
        white-space: nowrap;
        width: 46px;
        z-index: 150;
        display: none;
    }

    #header-nav-drawer span {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 3px;
        margin: -3px 0 0 -12px;
        background: #777;
        transition: .2s;
    }

    #header-nav-drawer span::before,
    #header-nav-drawer span::after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 24px;
        height: 3px;
        background: #777;
        transition: .3s;
    }

    #header-nav-drawer span::before {
        margin-top: -10px;
    }

    #header-nav-drawer span::after {
        margin-top: 7px;
    }

    #header-nav-drawer.spsDrawerOpen span {
       
    }

    #header-nav-drawer.spsDrawerOpen span::before,
    #header-nav-drawer.spsDrawerOpen span::after {
        margin-top: 0;
    }

    #header-nav-drawer.spsDrawerOpen span::before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #header-nav-drawer.spsDrawerOpen span::after {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    


  #gnav {
        width: 100%;
        left: 0;
        margin-left: 0;
        position: fixed;
        top: -2000px;
      border-top: 1px solid;
        transition: all 0.2s;
      padding: 20px 0;
      box-sizing: border-box;
        z-index: 2;
        background-color: white;
        height: 0;
    }

#gnav.open {
    top:75px;
        height: 100vh;
}
    
    
#gnav.open div.cart-nav ul,
#gnav.open nav ul {
    margin-top: 0;
     -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: inherit;
    margin-bottom: 20px;
}

    #gnavsearch form {
	width: 90%;
	max-width: 990px;
	margin: 30px auto;
	display: flex;
        border: 1px solid #000;
        
}
    
    /*-- 検索ボックス(768px) --*/
    #hNav #searchbox_wrap {
        margin: 0 0 10px;
        width: 100%;
    }

    #hNav #searchbox {
        float: none;
        overflow: hidden;
        margin: 0px auto;
        width: 100%;
    }

    #hNav #searchbox p {
        display: none;
        margin: 0;
    }

    #hNav #searchbox form {
        height: 50px;
        position: relative;
        width: 100%;
    }

    #hNav #searchbox input.searchbox {
        height: 48px !important;
        padding: 0 70px 0 5px;
        width: 100%;
    }

    #hNav #searchbox input.searchSubmit {
        background-color: #777;
        height: 48px;
        position: absolute;
        right: 0;
        top: 0;
        width: 70px;
    }

    input[type="text"],
    input[type="password"] {
        border-radius: 0;
        height: 40px !important;
        box-sizing: border-box;
    }

    input[type="button"],
    input[type="submit"] {
        height: 40px;
        box-sizing: border-box;
    }

    input[type="image"] {
        border-radius: 0;
        height: auto;
        box-sizing: border-box;
    }

    select {
        background-color: #FFF;
        border: 1px solid #A9A9A9;
        border-radius: 0;
        box-sizing: border-box;
        height: 40px;
    }

    /*グローバルナビ(768px)*/
    #gnav div.cart-nav,
    #gnav nav {
        width: 90%;
    }

    #contents {
        width: 100%;
    }

    #main-column {
        box-sizing: border-box;
        float: none;
        margin-bottom: 0;
        padding: 0;
        /* 2%;*/
        width: 100%;
    }

    .w100,
    article section,
    section {
        box-sizing: border-box;
    }

    section section {
        padding: 0;
    }

    /*店長日記*/
    #main-column .freeArea2.shopDiary p a {
        margin: 15px 0 0 66%;
        padding: 1%;
        width: 34%;
    }

    .half-cont,
    .half-cont:nth-child(2n) {
        box-sizing: border-box;
        float: none;
        margin: 0;
        width: 100%;
    }

    .newItem,
    .pickup,
    .ranking {
        /*       padding: 0;
       margin: 0 0 10px;*/
    }

    #main-column .half-cont_wrap01 .half-cont .category h2,
    #main-column .half-cont_wrap02 .half-cont .category h2,
    #main-column .half-cont_wrap01 .half-cont .group h2,
    #main-column .half-cont_wrap02 .half-cont .group h2 {
        padding: 21px 0;
        font-size: 100%;
    }

    /*-- 商品一覧(768px) --*/
    .column4 .itemThumb,
    .column5 .itemThumb,
    .column4 .item-list-span-img,
    .column4 .itemThumb a,
    .column5 .itemThumb a,
    .column5 .item-list-span-img {
        height: 100%;
        width: 100%;
    }

    .column4 .itemThumb a img,
    .column5 .itemThumb a img {
        height: 100%;
        width: 100%;
        max-height: 100%;
        /*        max-width: 100%;*/
    }

    .column4 p.sps-itemList-stockDisp a,
    .column5 p.sps-itemList-stockDisp a {
        font-size: 95%;
        margin: 0;
        padding: 1% 2%;
        width: 100%;
    }

    /*写真のみ(768px)*/
    #itemList .column4 .sps-wishAddItem img,
    #itemList .column5 .sps-wishAddItem img,
    #itemList .column4 .sps-wishAddItemOk img,
    #itemList .column5 .sps-wishAddItemOk img {
        margin: 10px 0 0 75%;
        width: 25%;
    }

    /*説明付き(768px)*/
    #itemList2 .column4 .sps-wishAddItem img,
    #itemList2 .column5 .sps-wishAddItem img,
    #itemList2 .column4 .sps-wishAddItemOk img,
    #itemList2 .column5 .sps-wishAddItemOk img {
        margin-left: 88%;
        width: 12%;
    }

    /*まとめ買い(768px)*/
    h2.sps-add-to-cart-together input[type="text"] {
        display: inline;
        height: 34px;
    }

    h2.sps-add-to-cart-together select {
        height: 34px;
    }

    .column4 h2 select,
    .column5 h2 select {
        height: 34px;
        width: 40px;
    }

    .column4 h2 input,
    .column5 h2 input {
        height: 34px;
        padding: 0 2%;
        text-align: right;
        width: 40px;
    }

    /* 入荷連絡(768px) */
    #variationPriceAnnounceMailDialog #center3 table.bordlayoutp3 th {
        border-left: none;
        border-right: none;
        box-sizing: border-box;
        display: block;
        padding: 10px 5px;
        width: 100%;
    }

    #variationPriceAnnounceMailDialog #center3 table.bordlayoutp3 td {
        box-sizing: border-box;
        display: block;
        border: none;
        padding: 10px 5px;
        width: 100%;
    }

    div[aria-describedby='variationPriceAnnounceMailDialog'],
    div[aria-describedby='spsVarpriceStockDialog1'] {
        left: 2% !important;
        right: 2%;
        position: absolute !important;
        width: 96% !important;
    }

    /*-- 商品詳細ページ(768px) --*/
    #itemDetail-cont .itemThumb-wrap {
        /* 	  	margin: 0px 2% 0px 0px;
 	  	width: 40%;*/
    }

    #itemDetail-cont .itemThumb-wrap .itemThumb-main {
        height: auto;
    }

    #itemDetail-cont .itemOutline {
        width: 58%;
    }

    #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
        margin-right: 1%;
        text-align: center;
        width: 24%;
    }

    .itemOutline ul.snsArea,
    article#Detail .itemOutline ul.infoArea {
        height: auto;
    }

    section#itemDetail-wrap table.spec tr.option_area td select.option_parts {
        height: 34px;
        width: 85%;
    }

    section#itemDetail-wrap table.spec tr.option_area td input.option_parts,
    section#itemDetail-wrap table.spec tr.option td input {
        height: 34px !important;
        width: 85%;
    }

    section#itemDetail-wrap table.spec tr.quantityArea td select.quantity {
        height: 34px;
        width: 85%;
    }

    section#itemDetail-wrap table.spec td input {
        height: 34px !important;
        width: 20%;
    }

    /*関連商品(768px)*/
    .column5 {
        float: left;
        width: 22%;
        margin: 0 4% 10px 0;
        padding-bottom: 10px;
    }

    .column5:nth-child(3n+1) {
        clear: none;
    }

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

    .column5:nth-child(4n) {
        margin: 0 0 10px 0;
    }

    .column5:nth-child(5n) {
        margin: 0 4% 10px 0;
    }

    .column5:nth-child(5n+1) {
        clear: inherit;
    }

    .column5:nth-child(20n) {
        margin: 0 0 10px 0;
    }

    .column5:nth-child(20n+1) {
        clear: both;
    }

    section.recommend .column-set .quantityArea input,
    section.recommend .column-set .quantityArea select {
        display: inline;
        height: 34px !important;
        width: 40px;
    }

    /*ポップアップ全般(768px)*/
    .ui-dialog {
        width: 96% !important;
        left: 2% !important;
        top: 20px !important;
        max-height: 80vh;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-content,
    .ui-widget-content {
        max-height: 80vh !important;
    }

    div#sps-cartaddModal {
        width: 100% !important;
    }

    .ui-dialog #notChangeCycleDialog.ui-dialog-content {
        height: initial !important;
    }

    div[aria-describedby='notChangeCycleDialog'] {
        position: fixed;
    }

    div[aria-describedby='amazon_dialog'] {
        position: fixed !important;
    }

    /*入荷連絡/在庫一覧スクロール(768px)*/
    #variationPriceAnnounceMailDialog,
    #spsVarpriceStockDialog1 {
        height: 96% !important;
        max-height: 96% !important;
    }

    div[aria-describedby='variationPriceAnnounceMailDialog'],
    div[aria-describedby='spsVarpriceStockDialog1'] {
        position: fixed !important;
    }

    /*商品画像ポップアップ(768px)*/
    .ui-dialog div#dialog {
        height: 93% !important;
    }

    .fl_contents .fl_main {
        float: none;
        margin: 0 0 10px;
        overflow: initial;
    }

    .fl_main div {
        max-width: 85% !important;
        display: table-cell;
        vertical-align: middle;
        float: none !important;
    }

    .fl_contents .fl_thumbnail {
        box-sizing: border-box;
        float: none;
        max-width: none !important;
        overflow: hidden;
        width: 100%;
    }

    /*ダイアログ-商品を追加しました(768px)*/
    div.sps-cartaddBtnContent {
        width: 460px;
        margin: 0 auto;
    }

    div[aria-describedby='sps-cartaddModal'] {
        height: auto !important;
    }

    section#itemDetail-wrap .cartArea table.variation th.sps-variation-cart {
        min-width: 69px;
    }

    #spsVarpriceStockDialog1 table.variation th.sps-variation-stock {
        max-width: 120px;
        min-width: 100px;
        width: 121px !important;
    }

    section#itemDetail-wrap .cartArea table.variation th.sps-variation-cart {
        max-width: 121px;
        min-width: 100px;
        width: 121px !important;
    }

    section#itemDetail-wrap .cartArea table.variation td input[type="image"] {
        height: auto;
        max-width: 110px;
    }

    #center3 .centerbox table td.backcolor2 input[type="text"] {
        width: 98%;
    }

    .fl_contents {
        width: auto !important;
    }

    .fl_main {
        display: table;
        width: 100% !important;
    }

    .fl_main div {
        left: 0 !important;
    }

    .fl_main_img {
        height: initial !important;
        padding-top: 0 !important;
        margin: 0 auto;
        max-width: 100% !important;
    }

    #thum_next,
    #thum_prev {
        min-width: 15px;
        padding-left: 5px !important;
        padding-top: 0 !important;
    }

    .fl_t_item {
        box-sizing: border-box;
        width: 18% !important;
        margin: 1% !important;
        padding: 2% !important;
    }

    .fl_img_selected {
        border: 1px solid #C9E1F4 !important;
        margin: 1% !important;
        padding: 2% !important;
    }

    /*-- サイドカラム(768px) --*/
    #sub-column {
        background-color: #F5F5F5;
        box-sizing: border-box;
        float: none;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        padding: 75px 2% 0;
        position: fixed;
        right: -60%;
        top: 0;
        width: 60%;
    }

    /* サイドメニューオープン(768px) */
    #sub-column.spsDrawerOpen {
        transition: .5s transform ease-in-out;
        transform: translateX(-100%);
        -webkit-overflow-scrolling: touch;
        z-index: 100;
    }

    #wrapper.spsDrawerOpen::before {
        background: rgba(0, 0, 0, .6);
        content: "";
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 50;
    }

    #sub-column.spsDrawerClose {
        transition: .5s transform ease-in-out;
        transform: translateX(0);
        -webkit-overflow-scrolling: touch;
        z-index: 100;
    }

    #sub-column .group,
    #sub-column .category,
    #sub-column #followUs,
    #sub-column .newItem,
    #sub-column .link {
        margin-bottom: 20px;
    }

    #sub-column h2 {
        background-color: #F5F5F5;
        padding: 19px 2%;
    }

    #sub-column .group nav ul li a,
    #sub-column .category nav ul li a,
    #sub-column .link nav ul li a {
        font-size: 100%;
    }

    #sub-column .freeArea2 .free-contents {
        background-color: #FFF;
        font-size: 80%;
        padding: 2%;
    }

    .freeArea2.shopDiary p {
        font-size: 100%;
    }

    /*-- フッター/ドロワー内 検索ボックス(768px) --*/
    .leftSearch {
        box-sizing: border-box;
        margin: 0;
        overflow: hidden;
    }

    .leftSearch #searchbox_wrap {
        margin: 15px 0;
        width: 100%;
    }

    .leftSearch #searchbox {
        overflow: hidden;
        margin: 0px auto;
        width: 100%;
    }

    .leftSearch #searchbox p {
        display: none;
        margin: 0;
    }

    .leftSearch #searchbox form {
        height: 50px;
        position: relative;
        width: 100%;
    }

    .leftSearch #searchbox input.searchbox {
        height: 48px !important;
        padding: 0 70px 0 5px;
        width: 100%;
    }

    .leftSearch #searchbox input.searchSubmit {
        background-color: #777;
        height: 48px;
        position: absolute;
        right: 0;
        top: 0;
        width: 70px;
    }

    /*ドロワー内 カレンダー(768px)*/
    #sub-column #subc_calendar {
        box-sizing: border-box;
        margin-bottom: 0;
        padding: 0;
        width: 100%;
    }

    #sub-column div.subc_cal_cont {
        box-sizing: border-box;
        margin-bottom: 20px;
        width: 100%;
    }

    #sub-column div#subc_calendar h2 {
        box-sizing: border-box;
        font-size: 100%;
        padding: 19px 2% 35px;
        width: 100%;
    }

    #sub-column div.subc_cal_cont .cap .cap-info {
        background-color: #FFF;
        padding: 10px 0;
    }

    /*ドロワー内 メルマガ(768px)*/
    #sub-column #snav_mailMag {
        box-sizing: border-box;
        width: 100%;
    }

    #sub-column div.snav_mailMag_cont {
        box-sizing: border-box;
        text-align: center;
        width: 100%;
    }

    #sub-column div.snav_mailMag_cont p:last-child {
        background-color: #FFF;
        height: auto;
        line-height: 130%;
        margin: 15px 0 10px 24%;
        padding: 10px 1%;
    }

    /*フッター/ドロワー内 注目キーワード(768px)*/
    #sub-column .link.keyword nav {
        padding: 5px 2% 0;
    }

    #sub-column .link.keyword nav ul li {
        border: none;
        background-color: inherit;
        display: inline;
    }

    #sub-column .link.keyword nav ul li a {
        background-color: #FFF;
        border-radius: 3px;
        display: inline-block;
        margin: 0 0 2%;
        padding: 3% 2%;
    }

    #sub-column .link.keyword nav ul li a:hover {
        color: #999;
    }

    #sub-column .keyword nav ul li a::after {
        display: none;
    }

    /*-- サイトマップ(768px) --*/
    section #document .txt-list03 section.tree00 {
        float: none;
        margin: 0 0 20px;
        padding: 0;
        width: 100%;
    }

    /*-- お客様の声(768px) --*/
    article #main-column section.rating .tmb {
        margin-right: 2%;
        width: 23%;
    }

    article #main-column section.rating .reviewTxt {
        width: 75%;
    }

    article #main-column section.rating h2 {
        display: block;
        width: 100%;
    }

    article #main-column section.rating .btnMore {
        display: block;
        margin: 10px 0 0 0;
        width: 170px;
    }

    article #main-column form[name="REVIEWLIST"] .btnMore img {
        width: 190px;
    }

    /*-- カート/アンケート(768px) --*/
    #cart-header #hNav ul#header-nav li#header-nav-cart,
    #enquete-header #hNav ul#header-nav li#header-nav-cart {
        margin-left: 0;
    }

    #cart-header #hNav ul#header-nav li,
    #enquete-header #hNav ul#header-nav li {
        margin-right: 0;
    }

    #main-column-full {
        box-sizing: border-box;
        padding: 0 2%;
        width: 100%;
    }

    #cart-header #header-inner {
        display: table;
    }

    #cart-header #main-nav {
        display: none;
    }

    #contact {
        width: 100%;
        margin: 0 auto;
    }

    #center1 .centerbox .mainCont {
        padding: 10px 0;
    }

    #contact #center1 .centerbox .mainCont .step_navi01,
    #contact #center1 .centerbox .mainCont .step_navi02,
    #contact #center1 .centerbox .mainCont .step_navi03,
    #contact #center1 .centerbox .mainCont .step_navi04 {
        background-size: 100%;
        margin: 0 auto;
    }

    .cart-section #contact #center1 .centerbox .mainCont input[type="submit"] {
        margin: 5px 0;
        padding: 0 1em;
        min-width: 50px;
        width: auto;
    }

    .cart-section #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[type="submit"] {
        padding: 0 6%;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input {
        margin-right: 5px;
        max-width: 50px;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[value="削除"] {
        max-width: 60px;
        min-width: 34px;
        width: auto;
    }

    /*削除ボタン*/
    .sps-coupon_notice {
        display: block;
    }

    /*SSL*/
    .sps-sslSticker-description {
        line-height: 140%;
        margin: 0 !important;
        width: auto !important;
    }

    /*カート内関連商品(768px)*/
    #contents .cart-section .column5 {
        float: left;
        width: 22% !important;
        margin: 0 4% 10px 0 !important;
        padding-bottom: 10px !important;
    }

    #contents .cart-section .column5:nth-child(4n) {
        margin: 0 0 10px 0 !important;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="text"]#PREPAIR_POINT {
        display: inline;
    }

    /*会員情報の変更/お届け先情報(768px)*/
    #contact #center1 .centerbox #cartNewmem #newMemberTitle h3.title1 {
        font-size: 150%;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td,
    #contact .sps-inputTable td,
    #center3 .sps-inputTablePopup td,
    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td.sps-inputItem,
    #contact .sps-inputTable td.sps-inputContent,
    #center3 .sps-inputTablePopup td.sps-inputItem,
    table#enter #center-seo .centerbox .mainCont div.bordlayoutp3 .sps-inputTablePopup td {
        border-left: 0;
        border-right: 0;
        box-sizing: border-box;
        display: block;
        width: 100% !important;
    }

    table#enter #center-seo .centerbox .mainCont div.bordlayoutp3 .sps-inputTablePopup td:nth-child(2) {
        border: none;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td table.sps-inputTable-banchi td {
        border: none;
        width: 100% !important;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td table.sps-inputTable-banchi tr td:first-child {
        padding: 0 !important;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td table.sps-inputTable-banchi tr td:nth-child(2) {
        padding: 0 0 1rem !important;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable tr:last-child td {
        border: none;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td.sps-inputContent,
    #contact .sps-inputTable td.sps-inputConten,
    #center3 .sps-inputTablePopup td.sps-inputContent {
        border: none;
        box-sizing: border-box;
        display: block;
        width: 100% !important;
    }

    #center3 .sps-inputTablePopup td:first-child {
        font-weight: bold;
        text-align: left;
    }

    #center3 .sps-inputTablePopup input[type="text"],
    #center3 .sps-inputTablePopup input[type="password"],
    #center3 .sps-inputTablePopup select {
        max-width: 100%;
        width: 100%;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td:nth-child(2n),
    #center3 .sps-inputTablePopup td:nth-child(2n) {
        border: none;
    }

    #center3 .sps-inputTablePopup td.form_group {
        line-height: 225%;
    }

    #contact #center1 .centerbox .mainFrame .mainCont td#cartNewmem #newMemberTitle .mainCont input[type="text"],
    #contact #center1 .centerbox .mainFrame .mainCont td#cartNewmem #newMemberTitle .mainCont textarea {
        width: 100%;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td.sps-inputContent input[type="text"],
    #center3 .sps-inputTablePopup .sps-inputContent input[type="text"],
    #center3 .sps-inputTablePopup td input[type="text"],
    #center3 .sps-inputTablePopup td select[name="Pref"] {
        max-width: initial;
        width: 100% !important;
    }

    #center3 table.sps-inputTablePopup table.sps-inputTable-banchiPopup td {
        background-color: #FFF;
        display: block;
        width: 100% !important;
    }

    #center3 table.sps-inputTablePopup table.sps-inputTable-banchiPopup tr td:first-child {
        padding: 0;
    }

    #center3 table.sps-inputTablePopup table.sps-inputTable-banchiPopup tr td:nth-child(2) {
        padding-top: 0;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td p.wrapn_select span,
    #center3 .centerbox .bordlayoutp3 table tbody tr td p.wrapn_select span {
        margin: 0 10px 0 0;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="RECV_TIME"],
    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="RECV_DATE_LIST"],
    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td input[name="RECV_NGDAY"],
    #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="RECV_TIME"],
    #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="RECV_DATE_LIST"],
    #center3 .centerbox .bordlayoutp3 #RECVDATE table tbody tr td select[name="RECV_TIME"],
    #center3 .centerbox .bordlayoutp3 table tbody tr td input[name="RECV_NGDAY"] {
        width: 100% !important;
        margin-left: 0;
        max-width: inherit;
    }

    #center3 .centerbox .bordlayoutp3 table tbody tr td input[name="RECV_NGDAY"],
    #center3 .centerbox .bordlayoutp3 #RECVDATE table tbody tr td input[name="RECV_NGDAY"] {
        width: 100% !important;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="WRAP_N"],
    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="WRAP_W"],
    #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="WRAP_N"],
    #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="WRAP_W"] {
        display: block;
        max-width: inherit;
        width: 100% !important;
    }

    /*お届けスケジュール(768px)*/
    #deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1 {
        width: 30% !important;
    }

    #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_scadule_box table.deli_cycle td {
        background-color: none;
        border: none;
        display: block;
        padding: 0 !important;
        width: 100%;
    }

    #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first,
    #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second,
    #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third {
        box-sizing: border-box;
        display: block;
        padding: 1rem 1% !important;
        width: 100%;
    }

    #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.deli_plan_calday {
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first th,
    #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second th,
    #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third th,
    #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first td,
    #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second td,
    #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third td {
        box-sizing: border-box;
        padding: 3% !important;
        width: 13% !important;
    }

    #center-seo .centerbox .layoutp3 + .bordlayoutp3 > table,
    #center3 .centerbox .layoutp3 + .bordlayoutp3 > table {
        width: 100% !important;
    }

    /*SSL(768px)*/
    .sps-sslSticker-description {
        margin: 0 !important;
        padding: 2% 0 0;
        width: 100% !important;
    }

    /*お届けスケジュール確認ポップアップ(768px)*/
    div[aria-describedby='allChangeScheduleStatus'],
    div[aria-describedby='changeScheduleStatus'] {
        position: fixed !important;
    }

    /*新規会員登録table(768px)*/
    #contact #center3 .centerbox .mainCont .layoutp3 #userinfo td {
        box-sizing: border-box;
        display: block;
        padding: 1em 5px;
        text-align: left;
        width: 100% !important;
    }

    #contact #center3 .centerbox .mainCont .layoutp3 #userinfo td.backcolor1 {
        font-weight: bold;
    }

    #contact #center3 .centerbox .mainCont .layoutp3 #userinfo td.backcolor2,
    #contact #center3 .centerbox .mainCont .layoutp3 #userinfo td:nth-child(2) {
        border: none;
        min-height: 44px;
    }

    /*-- アンケート(768px) --*/
    div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr {
        padding-bottom: 10px;
    }

    div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td input {
        width: 140px;
    }

    /*メールマガジン登録・解除(768px)*/
    #contact table.mailMF input.mailAddress,
    #contact table.mailMF input.mailAddress_new {
        width: 100%;
    }

    #contact table.mailMF input.btn-confirmNext {
        margin: 15px 0;
    }

    #contact.sps-mailMagazine .sps-mailMagazine-freeArea {
        margin: 60px 0 0;
        width: 100%;
    }

    #contact .mailm .txtBox h2 {
        padding: 15px;
        background-color: #EEE;
        border-top: 1px solid #DEDEDE;
        border-bottom: 1px solid #DEDEDE;
    }

    #contact table.mailMF tbody tr th {
        display: none;
    }

    #contact table.mailMF tbody tr td {
        border: none;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    #contact table.mailMF tbody tr td input[type="text"] {
        border: 1px solid #A9A9A9;
        float: none;
    }

    #contact table.mailMF span.btn-confirm {
        float: none;
    }

    #contact table.mailMF tbody tr td input[type="button"] {
        float: none;
        margin: 15px auto;
    }

    div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td input {
        margin-left: 0;
    }

    div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr:first-child td input {
        margin-left: 12px;
    }

    div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr:first-child td:nth-child(2) input {
        margin-left: 8px;
    }

    /*フッター(768px)*/
    div#cart-footer,
    footer {
        min-width: 100%;
        width: 100%;
    }

    #footer-inner {
        background-color: #333;
        width: 100%;
    }

    div#cart-footer #footer-inner .footer_gnavi,
    footer #footer-inner .footer_gnavi {
        float: none;
    }

    div#cart-footer div.cart-nav,
    footer nav,
    #copyright {
        float: none;
    }

    #contents #main-column .footer_area {
        margin: 0;
    }

    #subc_freeArea {
        margin: 0;
        padding: 5px 2% 20px;
    }

    #subc_freeArea img {
        margin: 0;
    }

    div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table {
        width: 100%;
    }

    /*-- お問い合わせ/商品についてのお問い合わせ/お友達に教えるポップアップ --*/
    form[name$="FORM"] ~ tbody #center3 .layoutp3 table th {
        box-sizing: border-box;
        display: block;
        text-align: left;
        width: 100%;
    }

    form[name$="FORM"] ~ tbody #center3 .layoutp3 table td {
        border: none;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    /*-- お客様の声をお送りください(768px) --*/
    .sps-reviewComment .mainCont p.no2 {
        width: 100% !important;
    }

    .mainCont .comment_box {
        text-align: left;
        width: 100% !important;
    }

    .mainCont .comment_box table {
        table-layout: fixed;
    }

    .mainCont .comment_box table td.backcolor1 {
        border-left: none;
        border-right: none;
        display: block;
        width: 100% !important;
    }

    .mainCont .comment_box table td.backcolor2 {
        border: none;
        display: block;
        padding: 1em 0;
        width: 100%;
    }

    .mainCont .comment_box form[name="form3"] table table td input[type="password"] {
        width: 100% !important;
    }

    .mainCont .comment_box form[name="form3"] table td.backcolor2 table input[type="text"] {
        width: 100% !important;
    }

    .mainCont .comment_box table td.backcolor2 br {
        display: none;
    }

    #to-cart a:hover img,
    #page-top a:hover img {
        opacity: 1;
    }
}

/*-----------------------------------------------------*/
/*	for -580px					*/
/*-----------------------------------------------------*/
@media screen and (max-width: 580px) {

    /*商品一覧*/
    #itemList_wrap #pager-top .selectbox .select01 {
        margin: 0 0 15px;
        width: 100%;
    }

    #center3 input[type="submit"] {
        display: block;
        margin: 0 auto 12px !important;
        min-width: 150px;
        width: auto;
    }

    #center3 input[type="submit"][value="　　決定　　"] {
        display: inline;
    }

    #center3 .layoutp3 input[type="button"][value="キャンセル"] {
        margin: 0 auto;
        min-width: 150px;
        width: auto;
    }

    #center3 .bordlayoutp3 table tbody tr td input[type="button"] {
        display: block;
        margin: 0;
        padding: 0 2%;
        width: 100%;
    }

    #center3 .bordlayoutp3 table tbody tr td input[type="button"]:nth-child(n+2) {
        margin: 7px auto 0;
    }

    /*カート(580px)*/
    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.sps-inputTable td.sps-inputContent table.sps-inputTable-banchi td {
        display: block;
        padding: 0 !important;
        width: 100% !important;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.sps-inputTable td.sps-inputContent table.sps-inputTable-banchi tr:first-child td div {
        margin-bottom: 10px;
    }

    .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="購入手続きへ進む"] {
        margin: 0;
        width: 100%;
    }

    .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="戻る"] {
        margin: 10px 0 0;
        width: 100%;
    }

    .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　 次へ　 "],
    .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="確認画面に進む"],
    .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　この内容で注文する　"] {
        display: block;
        width: 100%;
        margin: 10px auto 0;
    }

    /*マイページ*/
    #center3 .bordlayoutp3 table tbody tr td input[type="button"][value="利用する"],
    #center3 .bordlayoutp3 table tbody tr td input[type="button"][value="利用しない"] {
        margin-left: 0;
    }

    /*お客様の声をお送りください*/
    .mainCont .comment_box form[name="form3"] table td.backcolor2 table {
        width: 100%;
        margin: 0 auto;
    }

    .mainCont .comment_box form[name="form3"] table td.backcolor2 table td:first-child {
        width: 90px;
    }
}

/*-----------------------------------------------------*/
/*	for -480px					*/
/*-----------------------------------------------------*/
@media screen and (max-width: 768px) {

    /*hover指定打消し*/
    a:hover {
        color: #333;
        text-decoration: none;
    }

    a:hover img,
    #hNav ul#header-nav li a:hover,
    .siteName a:hover,
    .sitecopy a:hover,
    #sub-column .group nav ul li a:hover,
    #sub-column .group nav ul li a:active,
    #sub-column .category nav ul li a:hover,
    #sub-column .category nav ul li a:active,
    #sub-column .link nav ul li a:hover,
    #sub-column .link nav ul li a:active,
    #sub-column .sitelink a:hover,
    #sub-column #snav_followUs nav ul li a:hover img,
    #itemDetail-cont .cartArea input:hover,
    #itemDetail-cont .cartArea .variation a:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
        -khtml-opacity: 1;
        -moz-opacity: 1;
        cursor: auto;
    }

    #gnav div.cart-nav ul li a:hover,
    #gnav div.cart-nav ul li a:active,
    #gnav nav ul li a:hover,
    #gnav nav ul li a:active,
    article a:hover p,
    div.cart-article a:hover p,
    #sub-column div.snav_mailMag_cont input.submit_mailMag:hover,
    #Journal a .more:hover,
    input[type="submit"].btn-confirmPost:hover,
    input[type="button"].btn-confirmBack:hover,
    #contact input.btn-confirmNext:hover,
    #contact .btn-enq input.btn-confirmNext:hover,
    #contact .mailMF input.btn-confirmNext:hover,
    #contact .mailMC input.btn-confirmNext:hover,
    #sub-column .link.keyword nav ul li a:hover,
    #sub-column div.snav_mailMag_cont input.submit_mailMag:hover {
        background-color: #333;
    }

    .news-box dd a:hover {
        color: #2675c1;
    }

    div#cart-footer #footer-inner .footer_gnavi ul li a:hover,
    footer #footer-inner .footer_gnavi ul li a:hover,
    #center-seo .centerbox a:hover,
    #center3 .centerbox a:hover {
        text-decoration: none;
    }

    .bundle_display a:hover {
        background: #FFF;
    }

    #contact input.btn-confirmBack:hover {
        background: url(../img/btn-back_bg.gif) no-repeat left top;
    }

    #contact .btn-confirmCancel:hover {
        background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    }

    #contact .btn-confirmClose:hover {
        background: url(../img/btn-close_bg.gif) no-repeat left top;
    }

    #contact input.btn-confirm120:hover,
    #contact input.btn-confirm160:hover,
    #contact input.btn-confirmReg:hover {
        background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    }

    #contact input.btn-confirmBackItem:hover {
        background: url(../img/btn-back_bg120.gif) no-repeat left top;
    }

    .wishAllDelBtn:hover {
        background-color: #333 !important;
        border: 1px solid #333 !important;
    }

    #contact #center1 .centerbox .title1 a:hover {
        font-weight: normal;
    }

    #contact .mainFrame .mainCont a:hover {
        color: #333;
        text-decoration: none;
    }

    div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]:hover {
        background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    }

    .cart-section #contact #center1 .centerbox .mainCont input[value="住所変更"]:hover,
    .cart-section #contact #center1 .centerbox .mainCont input[value="その他の情報変更"]:hover,
    .cart-section #contact #center1 .centerbox .mainCont input[value="詳細表示"]:hover {
        font-weight: normal;
    }

    .ui-dialog #amazon_dialog #button_area input.button1:hover,
    .mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"]:hover,
    .mainCont .comment_box td.backcolor2 div.write_comment input[type="button"]:hover,
    div.mainCont input[type="button"]:hover,
    div.mainCont input[type="submit"]:hover,
    #bundle_detail > div:last-child input:hover,
    #variationPriceAnnounceMailDialog div.layoutp3 + div input:hover,
    #variationPriceAnnounceMailDialog div.layoutp3 > div:last-child input:hover,
    #center-seo input[type="submit"]:hover,
    #center-seo input[type="button"]:hover,
    #center3 input[type="submit"]:hover,
    #center3 input[type="button"]:hover,
    #contact #center1 .centerbox .mainCont input[type="button"]:hover,
    #contact #center1 .centerbox .mainCont input[type="submit"]:hover {
        background-color: #333;
        border: 1px solid #333;
    }

    #center3 input.sps-my-display[type="button"]:hover,
    #center3 input.sps-my-change-display[type="button"]:hover {
        background-color: #FFF;
        border: 1px solid #333;
        color: #333;
    }

    .bundle_display a:hover {
        background: #f0f8ff;
    }

    #header-inner #logo {
        min-height: 40px;
    }

    #hNav ul#keyword li a {
        padding: 3% 2%;
    }

    /*メニュー(480px)*/

    #hNav ul#header-nav li:not(#header-nav-cart) {
     display: none;
    }

   
    /*グローバルナビ(480px)*/
    #gnav div.cart-nav ul li,
    #gnav nav ul li {
        font-size: 14px;
    }

    #gnav div.cart-nav ul li a,
    #gnav nav ul li a {
        padding: 8px 10px 5px;
    }

/*    #gnav div.cart-nav li a::before,
    #gnav nav li a::before {
        content: '';
        background-size: cover;
        display: block;
        height: 25px;
        width: 25px;
        margin: 0 auto 1px;
    }*/

    /*店長日記(480px)*/
    #main-column .freeArea2.shopDiary p a,
    #main-column .half-cont_wrap01 .half-cont .freeArea2.shopDiary p a,
    #main-column .half-cont_wrap02 .half-cont .freeArea2.shopDiary p a {
        font-size: 90%;
        margin: 15px 0 0 48%;
        padding: 1%;
        text-align: center;
        width: 52%;
    }

    /*-- 商品一覧(480px) --*/
    .column4,
    .column5 {
        width: 49%;
        margin: 0 2% 10px 0;
        padding-bottom: 10px;
    }

    .column5:nth-child(5n) {
        margin: 0 2% 10px 0;
    }

    .column4:nth-child(2n),
    .column5:nth-child(2n) {
        clear: none;
        margin: 0 0 10px 0;
    }

    .column4:nth-child(2n+1),
    .column5:nth-child(2n+1) {
        /*    clear: both;*/
    }

    /*説明付き(480px)*/
    #itemList2 .column4 .itemThumb-wrap,
    #itemList2 .column5 .itemThumb-wrap {
        float: none;
        max-width: initial;
        width: 100%;
    }

    #itemList2 .column4 .itemThumb-wrap-right,
    #itemList2 .column5 .itemThumb-wrap-right {
        margin-left: 0;
    }

    #itemList2 .column4 .sps-wishAddItem img,
    #itemList2 .column5 .sps-wishAddItem img,
    #itemList2 .column4 .sps-wishAddItemOk img,
    #itemList2 .column5 .sps-wishAddItemOk img {
        margin-left: 86%;
        width: 14%;
    }

    article #main-column #itemList section.column4 h2,
    article #main-column #itemList section.column4 h2,
    article #main-column #itemList section.column4 h2 {
        font-size: 90%;
        line-height: 125%;
    }

    #itemList2 .column4 .itemThumb-wrap p.sps-itemList-stockDisp,
    #itemList2 .column5 .itemThumb-wrap p.sps-itemList-stockDisp {
        margin: 6px 0 20px;
    }

    #itemList2 .column4 .itemThumb-wrap p.sps-itemList-stockDisp a,
    #itemList2 .column5 .itemThumb-wrap p.sps-itemList-stockDisp a {
        font-size: 100%;
        margin: 0 0 0 54%;
        width: 46%;
    }

    /*写真のみ(480px)*/
    #itemList .column4 p.sps-itemList-stockDisp,
    #itemList .column5 p.sps-itemList-stockDisp {
        margin: 6px 0;
    }

    #itemList .column4 p.sps-itemList-stockDisp a,
    #itemList .column5 p.sps-itemList-stockDisp a {
        font-size: 100%;
        margin: 0;
        width: 100%;
    }

    /*-- 商品詳細ページ(480px) --*/
    #itemDetail-cont .itemThumb-wrap {
        float: none;
        width: 100%;
        margin: 0;
    }

    #itemDetail-cont .itemOutline {
        float: none;
        width: 100%;
        margin-top: 15px;
    }

    section#itemDetail-wrap .cartArea table.variation td {
        font-size: 65%;
        padding: 3px;
    }

    table.variation span.selling_price,
    table.variation span.special_price {
        font-size: 110%;
    }

    section#itemDetail-wrap .cartArea table.variation th {
        min-width: 35px;
    }

    #center-seo .mainCont,
    #center3 .mainCont font {
        font-size: 90%;
    }

    section#itemDetail-wrap .cartArea {
        overflow-x: scroll;
        -ms-overflow-style: none;
    }

    section#itemDetail-wrap .cartArea::-webkit-scrollbar {
        display: none;
    }

    @-moz-document url-prefix() {
        section#itemDetail-wrap .cartArea {
            overflow-x: auto;
        }
    }

    /*ダイアログ-商品を追加しました(480px)*/
    div.sps-cartaddBtnContent {
        width: auto;
    }

    /*関連商品(480px)*/
    section.recommend .column-set .quantityArea span:first-child {
        display: inline;
    }

    /*ポップアップ全般(480px)*/
    .ui-dialog {
        position: fixed !important;
        top: 20px !important;
    }

    .ui-dialog .ui-dialog-content,
    .ui-widget-content {
        max-height: 70vh !important;
    }

    /*入荷連絡/在庫一覧スクロール(480px)*/
    #variationPriceAnnounceMailDialog,
    #spsVarpriceStockDialog1 {
        height: 93% !important;
        max-height: 93% !important;
    }

    div[aria-describedby='variationPriceAnnounceMailDialog'],
    div[aria-describedby='spsVarpriceStockDialog1'] {
        position: fixed !important;
        top: 20px !important;
    }

    /*商品画像ポップアップ(480px)*/
    .ui-dialog div#dialog {
        height: 93% !important;
    }

    .fl_contents {
        width: auto !important;
    }

    .fl_main {
        display: table;
        width: 100% !important;
    }

    .fl_main_img {
        height: auto !important;
    }

    #thum_next,
    #thum_prev {
        padding-top: 0 !important;
        margin: 70px 0 !important;
        min-width: 15px;
    }

    .fl_t_item {
        box-sizing: border-box;
        width: 29% !important;
        margin: 2% !important;
        padding: 2% !important;
    }

    .fl_img_selected {
        border: 1px solid #C9E1F4 !important;
        margin: 2% !important;
        padding: 2% !important;
    }

    /*-- サイドカラム(480px) --*/
    #sub-column {
        right: -80%;
        width: 80%;
    }

    /*ドロワー内 メルマガ(480px)*/
    #sub-column div.snav_mailMag_cont p:last-child {
        margin: 15px 0 10px 16%;
        padding: 10px 1%;
    }

    /*-- お客様の声(480px) --*/
    article #main-column section.rating .tmb {
        float: none;
        margin: 0;
        text-align: center;
        width: 100%;
    }

    article #main-column section.rating .reviewTxt {
        float: none;
        margin: 5px 0 0 0;
        width: 100%;
    }

    article #main-column section.rating .ttlArea {
        display: block;
    }

    article #main-column section.rating h2 {
        display: block;
        width: 100%;
        padding: 0;
    }

    article #main-column section.rating .btnMore {
        text-align: right;
        width: 100%;
    }

    article #main-column #itemBox {
        position: relative;
        overflow: visible;
    }

    article #itemBox h2 {
        padding: 0 0 10px;
    }

    article div#main-column form[name="REVIEWLIST"] .btnMore {
        display: block;
        float: none;
        position: absolute;
        right: 0;
        top: -30px;
        padding: 0 0 10px;
    }

    article div#main-column div#itemBox p.review_txt {
        float: none;
    }

    article #main-column section.rating ul li:nth-child(6),
    article #main-column section.rating ul li:nth-child(7) {
        width: 100%;
    }

    /*マイページボタン(480px)*/
    #center3 input[type="button"],
    #center3 input[type="submit"] {
        min-width: 100px;
        width: auto;
    }

    #center3 input.sps-my-display[type="button"] {
        height: 40px;
    }

    /*-- カート/アンケート(480px) --*/
    #cart-header #hNav ul#header-nav li#header-nav-cart,
    #enquete-header #hNav ul#header-nav li#header-nav-cart {
        margin-left: 0;
    }

    #cart-header #hNav ul#header-nav li,
    #enquete-header #hNav ul#header-nav li {
        margin-right: 0;
    }

    #contact #center1 .centerbox .mainCont .step_navi01,
    #contact #center1 .centerbox .mainCont .step_navi02,
    #contact #center1 .centerbox .mainCont .step_navi03,
    #contact #center1 .centerbox .mainCont .step_navi04 {
        height: 100px;
        width: 100%;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td {
        padding: 1rem 3px;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input {
        margin-right: 2px;
        max-width: 40px;
        min-width: 35px;
    }

    #contact #center1 .centerbox .mainCont input[type="button"]

    /*カゴ画面買い物を続ける/購入手続きへ進む/適用 レジ画面戻る/次へ 入力確認戻る/注文する/反映/編集/別の住所に送る/注文する*/
        {
        margin: 5px 0 5px 5px;
    }

    #contact #center1 .centerbox .mainCont input[type="button"]:first-child {
        margin: 0 0 5px 5px;
    }

    #contact #center1 .centerbox .mainCont input[type="button"].regi_next {
        margin: 5px 0 5px 5px;
    }

    .SPS-fontlarge {
        display: block;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[name="COUPONCODE"] {
        margin-left: 0;
        width: 70% !important;
    }

    #contact #center1 .centerbox .mainFrame .mainCont form[name="COUPON"] .bordlayoutp3 td.backcolor2 input[type="button"][value="適用"] {
        margin: 0;
        min-width: auto;
        padding: 0 1em;
        width: 25%;
    }

    #cart-header #hNav ul#header-nav li#header-nav-cart {
        margin-left: 0;
    }

    #EST_SPS_order #contact #center1 .centerbox .mainCont input[type="button"] {
        margin: 5px 0;
    }

    .cart-section #contact #center1 .centerbox .mainCont input[value="住所変更"],
    .cart-section #contact #center1 .centerbox .mainCont input[value="その他の情報変更"] {
        margin: 5px 0 10px;
        padding: 0 1.5em;
    }

    .cart-section #contact #center1 .centerbox .mainCont input[value="詳細表示"] {
        margin: 5px 5px 10px 0;
        padding: 0 1.5em;
    }

    .cart-section #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.sps-inputTable input[id="spsLname"],
    .cart-section #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.sps-inputTable input[id="spsLnameKana"] {
        margin: 0 0 15px;
    }

    .cart-section #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[type="submit"][value="削除"] {
        font-size: .7rem;
        padding: 0 2%;
        margin: 0;
        min-width: auto;
        width: 100%;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[value="変更"] {
        display: block;
        font-size: .7rem;
        margin: 8px auto 0;
    }

    /*カート内関連商品(480px)*/
    #contents .cart-section .column5 {
        width: 49% !important;
        margin: 0 2% 20px 0 !important;
        padding-bottom: 20px !important;
    }

    #contents .cart-section .column5:nth-child(5n) {
        margin: 0 2% 20px 0 !important;
    }

    #contents .cart-section .column5:nth-child(2n) {
        margin: 0 0 20px 0 !important;
    }

    /*お届けスケジュール(480px)*/
    #deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1 {
        width: 40% !important;
    }

    /*アンケート(480px)*/
    div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="text"] {
        margin-left: 0;
        min-width: 56px;
    }

    div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td,
    div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td:first-child {
        display: block;
        padding-bottom: 10px;
        width: 100%;
    }

    div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr:last-child td:last-child {
        padding-bottom: 0;
    }

    /*新規会員登録(480px)*/
    div[aria-describedby='amazon_dialog'] .ui-dialog-content {
        padding: .5em 0 !important;
    }

    /*-- お客様の声をお送りください(480px) --*/
    .mainCont .comment_box form[name="form3"] table table td {
        box-sizing: border-box;
        display: block;
        width: 100% !important;
    }

    /*会員情報の変更/お届け先情報(480px)*/
    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="WRAP_N"],
    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="WRAP_W"],
    #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="WRAP_N"],
    #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="WRAP_W"] {
        max-width: inherit;
        min-width: auto;
    }

    #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="RECV_DATE_LIST"],
    #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="RECV_TIME"],
    #center3 .centerbox .bordlayoutp3 table tbody tr td input[name="RECV_NGDAY"] {
        display: block;
        width: 100% !important;
    }

    #center3 .layoutp3 input[type="button"][value="キャンセル"] {
        min-width: 100px;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td {
        display: block;
        width: 100%;
    }

    #EST_SPS_regi #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td {
        padding: 0 !important;
    }

    #EST_SPS_regi #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td input[type="button"][value="編集"] {
        height: 30px;
    }

    #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td.send_info.border.center {
        width: 30% !important;
    }

    /*-- フリーページ(480px) --*/
    #Journal textarea {
        box-sizing: border-box;
        width: 100%;
    }
}

/*Ｅストアーモバイル*/
#sps-menu img,
#global-navi img {
    width: 100%;
}

/* サイトマップ */
.sitemap #document_wrap {
    width: 90%;
    max-width: 990px;
    margin: 0 auto;
    padding: 60px 0;
}

.txt-list03 h3 {
    display: none;
}

.sitemap #document_wrap #document .txt-list03 ul.tree01 li {
    background: none;
    padding: 0;
    margin: 0;
}

/* 20200325 トップページスライド */
.freeArea2 .free-contents .infiniteslide_wrap ul.mainslide li {
    max-width: 400px;
}


/*.column5 .itemThumb-wrap {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s;
}

.column5 h3 {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s;
}

.column5 p {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s;
}*/

.ranking {
    width: 100%;
        height: auto;
    background-image: url(https://www.kayu-style.com/pic-labo/ranking_barckgrond.jpg);
    position: relative;
    /*    max-width:990px;1200px;*/
    margin-left: auto;
    margin-right: auto;
    /*    width: 90%;*/
    /*    padding-top: 80px;*/
    padding: 80px 0;
}

.ranking .column5:nth-child(3) {
    display: none;
}

#main-column section:nth-child(4) {
    border: 0;
    /*    display: none;*/
}

#main-column section:nth-child(5) {
    border: 0;
    /*    display: none;*/
}

#main-column .ranking .column-set section:nth-child(6) {
    border: 0;
    display: none;
}

/*ランキング*/
.ranking .column-set {
    display: flex;
    max-width: 1500px;
    margin: 0 auto;
}

.column5 a {
    color: white;
}

.ranking p {
    color: transparent;
}

.ranking .column5 .itemThumb {
    position: relative;
    width: 250px;
    overflow: hidden;
}


@media (min-width:768px) {
.ranking .column5 .itemThumb a img {
      max-width: inherit;
    width: 500px;
    height: 660px;
    max-height: 660px
    /*	width: 100%;*/
}
}
.ranking .column-set {
  /*  margin-left: 20%;*/
   -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ranking .column-set .column5 {
    width: 20%;
    transition: all 1s;
}

.ranking h2 {
    position: absolute;
    width: 152px;
    height: 42px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 20%;
    background-image: url(https://www.kayu-style.com/pic-labo/ranking.png);
    color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
}

#main-column .ranking .column-set section:nth-child(1) {
    margin-top: 150px;
}

#main-column .ranking .column-set section:nth-child(2) {
    margin-top: 80px;
}
.ranking .column5 p.inner-catch{
    display: none;
}

.ranking  .column5 h3 {
    font-size: 18px;
    text-align: left;
    font-weight: normal;
    margin-top: 30px;
}
.icon {
    width: 100%;
    height: 87px;
    background-image: url(https://www.kayu-style.com/pic-labo/back_image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

/*
.footer_main .footer_main_inner {
    
    width:90%;
    max-width:990px;1200px;

    margin: 0 auto;
    padding: 80px 0;
}
*/

/*.footer_contact .telbox::after {content:""; display:block; height:50%; width:1px; background-color:#ccc; right:0; top:25%; position:absolute;}*/
.footer_contact .telbox,
.footer_contact .mailbox {
    /*    width:50%;*/
    position: relative;
    /*    display:flex;*/
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer_contact {
    display: flex;
    /*    flex-wrap:wrap;*/
    padding: 118px 0 0;
    line-height: 1.5em;
    justify-content: center;
}

.payment_cemter {
    margin-left: 5%;
    margin-right: 5%;
}

.icon img {
    display: block;
    margin: 0 auto;
    padding-top: 30px;
}

.shop_image_margin {
    margin-right: 12px;
}

.shop_image {
    display: flex;
}

.telbox {
    width: 30%;
}

.footer_cards {
    text-align: left;
}

.payment {
    display: flex;
    margin-bottom: 30px;
}

.text {
    margin-bottom: 10px;
}

.telbox p {
    margin-bottom: 10px;
    font-weight: bold;
}

.payment p {
    font-weight: normal;
}

.time {
    margin-bottom: 10px;
}

.email_inquiry {
    border: 1px solid black;
    text-align: center;
    /*    padding: 21px;*/
    width: 338px;
    position: relative;
}

.email_inquiry a {
    display: block;
    line-height: 71px;
}

.inquiry_stickarrow {
    display: inline-block;
    width: 40px;
    height: 8px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    transform: skew(45deg);
    position: absolute;
    top: 28px;
    left: 288px;
}

.btn {
    padding-top: 22px;
}

.shopping {
    margin-top: 200px;
}

.shopping .shopping_guide {
    margin-bottom: 30px;
}



@media (min-width:769px) {
    .footer_contact .mailbox {
        margin-left: 50px;
    }
}

@media (max-width:800px) {
    .ranking .column-set {
        margin-left: 0;

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;

    }
  #main-column .ranking .column-set section:nth-child(3),
  #main-column .ranking .column-set section:nth-child(2),
    #main-column .ranking .column-set section:nth-child(1) {
        margin: 0 0 0px;
        width: 50%;
        box-sizing: border-box;
    }



}

#copyright ul li div {
    color: black;
}

.free-contents img {
    width: 100%;
}

.instagram {
    height: auto;
}

.instagram_text {
    font-size: 28px;
    padding-top: 5px;
}

.instagram_inner {
    display: flex;
    justify-content: center;
    align-content: center;
}

.instagram_inner {
    margin-top: 5px;
}

.instagram_inner li {
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.instagram_itemu {
    display: flex;
    justify-content: center;
}

.instagram_itemu li {
    margin-left: 13px;
    margin-right: 13px;
    margin-top: 85px;
}

.instagram_btn {
    border: 1px solid black;
    width: 306px;
    height: 70px;
    background-image: url(https://www.kayu-style.com/pic-labo/kayu_object_07.jpg);
    background-repeat: no-repeat;
    background-position: right 8px top 9px;
    margin-top: 59px;
    margin-left: auto;
    margin-right: auto;
}

.instagram_btn a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 70px;
}

.instagram_btn p {
    text-align: center;
    margin-top: 19px;
}

.freeArea2 .free-contents ul li {
    list-style-type: none;
}

.brand_site {
    width: 100%;
    height: 780px;
}

.brand_site {
    background-image: url(https://www.kayu-style.com/pic-labo/object_5.jpg);
    background-repeat: no-repeat;

}

.brand_site li {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.brand_site_object {
    margin-top: 130px;
}

.brand_site_object img {
    height: 500px;
    width: 900px;
}

.brand_site_inner {
    width: 100%;
}

.brand_site_title {
    margin-left: 50%;
}

.brand_site_title hr {
    border-top: 2px solid black;
    width: 170px;
    margin-left: 80px;
}

.brand_site_inner img {
    width: auto;
}

.logo {
    margin-top: 223px;
}

.logo_inner {
    width: 350px;
    margin-top: 43px;
}

.underline {
    border-top: 3px solid black;
/*    width: 170px;*/
/*    margin-left: 80px;*/
    margin-top: 10px;
}

.brand {
    border: 1px solid black;
    width: 306px;
    height: 70px;
    margin-top: 59px;
    background-image: url(https://www.kayu-style.com/pic-labo/kayu_object_07.jpg);
    background-repeat: no-repeat;
    background-position: right 8px top 9px
}

.brand p {
    text-align: center;
    margin-top: 23px;
}

.frame {
    border: 1px solid black;
    width: 306px;
    margin-top: 65px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 27px;
    position: relative;
}

.frame_inner {
    display: inline-block;
    width: 40px;
    height: 8px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    transform: skew(45deg);
    position: absolute;
    top: 36px;
    left: 240px;
}

.recommend {
    background-image: url("https://www.kayu-style.com/pic-labo/object_4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    height: 1600px;
}

.recommend_images img {
    width: 100%;
}

.recommend_a {
    display: flex;
    padding-top: 57px;
}

.recommend_a .itemu_02 {
    padding-top: 155px;
    padding-left: 20px;
}

.recommend_b .itemu_03 {
    position: absolute;
    left: 1220px;
    top: 495px;
}

.recommend_b {
    display: flex;
    margin-left: 290px
}

.recommend_b li {
    padding-top: 10px;
}

.recommend_c {
    position: relative;
    padding-bottom: 6%;
}
.recommend_c_inner {
    position: absolute;
    left: 750px;
    bottom: 0;
    max-width: 1150px;
}

.recommend_c_inner img {
    width: 100%;
}
.ranking .column5,
.fadein {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s;
}

.recommend_a .itemu_02 {
    padding-top: 155px;
    padding-left: 20px;
}

.egg {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.egg img {
    width: 445px;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .brand_site_object img {
        width: 100%;
        height: initial;
    }

    .brand_site {
        margin-top: 100px;
        background-size: 30%;
    }

    .brand_site_title {
        margin-left: 25%;
    }

    .logo {
        margin-top: 123px;
    }

    .brand_site {
        height: 625px;
    }

    .brand_site_object {
        width: 90%;
    }

    .logo_inner {
        width: 290px;
    }
}

@media (max-width:800px) {
    .icon {
        background-size: auto;
        padding: 0 10%;
        box-sizing: border-box;
    }

    .footer_contact .telbox,
    .footer_contact .mailbox {
        width: 40%;
        margin: 0 auto;
    }

    .shop_image {
        display: block;
    }

    .shopping {
        margin-top: 25px;
    }

    .footer_contact .mailbox {
        padding-top: initial;
    }

    .email_inquiry {
        width: 288px;
        padding: 21px 21px 21px 0;
    }

    .inquiry_stickarrow {
        left: 265px;
        width: 35px;
    }

    .newItem img {
        width: 100%;
    }

    .instagram_itemu {
        justify-content: start;
        flex-wrap: wrap;
        margin-left: 3%;
    }

    .instagram_itemu li {
        margin-top: 30px;
    }

    .instagram {
        height: initial;
    }

    .brand_site_title {
        margin-left: 15%;
    }

    .frame_outside {
        width: 30%;
    }

    .recommend {
        height: 950px;
    }

    .recommend_images img {
        width: 100%;
    }

    .recommend_a li {
        width: 600px;
    }

    .recommend_a li img {
        width: 100%;
    }

    .recommend_a .itemu_02 {
        padding-top: inherit;
        width: 300px;
    }

    .recommend_b {
        width: 550px;
        margin-left: 50px;
        position: relative;
    }

    .recommend_b li img {
        width: 100%;
    }

    .recommend_b .itemu_03 {
        position: absolute;
        left: 570px;
        top: -55px;
        width: 145px;

    }

    .recommend_a .itemu_03 {
        left: 620px;
        top: 325px;
        width: 145px;
    }

    .recommend_a .itemu_03 img {
        width: 100%;
    }

    .recommend_c_inner {
        width: 700px;
        left: 330px;
        top: 550px;
    }

    .recommend_images {
        background-image: url(../img/recommend_title.png);
        width: 100%;
        height: 100px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        margin-bottom: 10px;
        margin-top: 50px;
    }

    .recommend_images img {
        display: none;
    }

    .egg {
        padding-top: initial;
        padding-right: initial;
        width: 450px;
        height: 100px;
    }
}

@media (max-width:768px) {
    .brand_site_object img {
        width: 100%;
        height: inherit;
    }

    .brand_site_object {
        margin-top: 230px;
        width: 800px;
    }

    .brand_site_title {
        margin-left: 5%;
    }

    .logo_inner {
        width: 300px;
    }

    .brand_site {
        background-size: 40%;
        background-position: left 100px;
    }

    .recommend_a .itemu_02 {
        padding-top: inherit;
        width: 300px;
    }

    .newItem h2 {
        background-size: 1300px;
        background-position: center;
    }

    .frame_outside {
        margin: 0 auto;
        width: 40%;
    }

    .recommend_images {
        background-size: cover;
        background-position: left;
    }


    .newItem {
        margin: 0
    }

    #main-column .category section ul li:first-child {
        width: auto;
    }

    #main-column section:nth-child(4) {
        background-size: 1000px;
        background-position: top;
    }

 
  

    .newItem h2 {
        background-size: 1000px;
        width: auto;
        background-position: center;
    }

    .column5 h3 {
        text-align: left;
        width: 78%;
    }

    .ranking .column5 .itemThumb {
        width: 200px;
    }

      .ranking h2 {
       position: static;
        
    }

    .ranking {
        background-size: 1000px;
        padding-bottom: initial;
        padding-top: 30px;
    }

    .brand_site li {
        display: block;
    }

    .brand_site_title {
        margin-left: initial;
        margin: 0 auto;
        width: 65%;
    }

    .logo {
        margin-top: 50px;
    }

    .brand_site {
        background-position: unset;
    }

    article a:hover p {
        background-color: transparent;
    }

    .brand_site_object {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }

    .brand_site {
        height: auto;
        margin-bottom: 50px;
    }

     .brand {
        margin-top: 20px;
        width: auto;
    }

   

    .instagram_itemu li {
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 10px;
        width: 30%;
    } 
    .instagram_itemu {
        justify-content: stretch;
        flex-wrap: wrap;
        width: auto;
        margin: 0 auto;
    }

  
    .instagram_itemu img {
        margin-left: inherit;
        margin-right: inherit;
        margin-top: inherit;
        width: 100%;
    }

    .instagram_btn {
        margin-top: 25px;
    }

    .footer_contact {
        display: block;
        height: auto;
        margin-top: 40px;
        padding: 0;
        text-align: center;
    }

    .footer_contact .telbox {
        width: 90%;
        display: flex;
    }

    .payment {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: space-between;
        width: 85%;
    }

    .shop_image {
        width: 68%;
        margin: 0 auto;
    }

    .mailbox h3 {
        text-align: center;
    }

    .footer_menu {
        margin: 30px 0;
    }

    .footer_contact .mailbox {
        width: auto;
    }

    .email_inquiry {
        margin: 0 auto;
    }

    .street_address {
        text-align: center;
    }

    .shopping .shopping_guide {
        text-align: center;
        margin-bottom: 10px;
    }

    .footer_cards {
        text-align: center;
    }

    .btn {
        padding-top: 0;
    }
    .frame {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .footer_main .footer_main_inner {
        padding:30px 0 0;
    }

    .recommend {
        height: auto;
    }

    .recommend_images img {
        width: 100%;
    }

    .recommend_a {
        display: flex;
        padding-top: initial;
    }

    .recommend_a li {
        width: 100%;
    }

    .recommend_a li img {
        width: 100%;
    }

    .recommend_a .itemu_02 {
        padding-top: initial;
        padding-left: initial;
        width: 76%;
    }

    .recommend_b {
        display: flex;
        width: auto;
        margin-left: initial;
    }

    .recommend_b li {
        width: 50%;
    }

    .recommend_b li img {
        width: 100%;
    }

    .recommend_b .itemu_03 {
        position: static;
        left: inherit;
        top: inherit;
        width: 50%;
    }

    .recommend_b .itemu_03 img {
        width: 100%;
    }

    .recommend_c_inner {
        position: static;
        width: auto;
        left: inherit;
        top: inherit;
    }

    .recommend_a .itemu_02 {
        padding-top: initial;
        padding-left: initial;
        width: 76%;
    }

    .egg {
        padding-top: initial;
        padding-left: initial;
        padding-right: initial;
    }

    #main-column .category h2 img {
        display: none;
    }

    #main-column .category h2 {
        background-image: url(https://www.kayu-style.com/pic-labo/category.jpg);
        background-size: 100%;
        background-size: 1000px;
        background-repeat: no-repeat;
        background-position: center;
        padding: 0;
        margin: 0;
    }

    #main-column .category section ul li:nth-child(1) a::before {
        left: initial;
        top: 70%;
    }

    #main-column .category section ul li:nth-child(2) a::before {
        left: initial;
        top: 70%;
    }

    #main-column .category section ul li:nth-child(3) a::before {
        left: initial;
        top: 70%;
    }

    #main-column .category section ul li:nth-child(4) a::before {
        left: initial;
        top: 70%;
    }

    #main-column .category section ul li:nth-child(5) a::before {
        left: initial;
        top: 70%;
    }

    #main-column .category section ul li:nth-child(3) {
        width: 45%;
    }

    #main-column .category section ul li:nth-child(4) {
        width: 45%;
    }

    #main-column .category section ul li:nth-child(5) {
        width: 45%;
    }

    #main-column .category section ul li:first-child {
        margin: 0 auto;
    }

    #main-column .category section ul li:nth-child(2) {
        margin: 0 auto;
    }

    #main-column .category section ul li:nth-child(3) {
        width: 45%;
        margin: 0 auto;
    }

    #main-column .category section ul li:nth-child(4) {
        width: 45%;
        margin: 0 auto;
    }

    #main-column .category section ul li:nth-child(5) {
        width: 45%;
        margin-left: 2%;
    }

    #main-column .category section ul li:nth-child(1) a::after {
        left: initial;
        top: 60%;
    }

    #main-column .category section ul li:nth-child(2) a::after {
        left: initial;
        top: 60%;
    }

    #main-column .category section ul li:nth-child(3) a::after {
        left: initial;
        top: 60%;
    }

    #main-column .category section ul li:nth-child(4) a::after {
        left: initial;
        top: 60%;
    }

    #main-column .category section ul li:nth-child(5) a::after {
        left: initial;
        top: 60%;
    }
	
	#itemList_wrap #itemList .column-set .column4:nth-of-type(2n+1) {
	clear: left;
}
}