@charset "UTF-8";


/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/

html {
 font-size: 62.5%;
 overflow-y: scroll;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
img,
form {
 margin: 0;
 padding: 0;
 border: none;
 list-style-type: none;
 font-family: sans-serif ;
 font-style: normal;
 font-weight: 400;
 font-size: 1.6rem;
 font-size: 16px;
 line-height: 1.8;
 color: #342f29;
 -webkit-font-smoothing: antialiased;
}

.uk-list-disc {
    list-style-type: disc;
}

.uk-list-disc li {
    list-style-type: disc;
}

body {
 /*min-width: 1080px;*/
 display: flex;
 flex-direction: column;
 min-height: 100vh;
    padding-top: 0;
}

body > .contents {
 flex: auto;
}

body > main {
 flex: 1;
}

@media screen and (max-width: 959px) {
 body,
 .contents {
  min-width: 314px;
 }
}


/* ------------------------------------------------------------------------------
    Header & Navigation
-------------------------------------------------------------------------------*/

.top-header {
    background-color: #fff;
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
}
.top-header .row0 {
    background-color: #342f29;
    padding-top: 5px;
    padding-bottom: 5px;
}
.top-header .row0 p {
    color: #FFF;
    font-size: 1.2rem;
}
.top-header .row0 .regist_btn_area {
    margin: 5px;
    background-color: #ebcc65;
    border-radius: 3px;
}
.top-header .row0 .regist_btn_area a {
    font-size: 1.2rem;
    padding: 5px 10px;
    line-height: 2;
}

.top-header .row1 {
    /*border-bottom: 1px solid #CBCBCB;*/
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    border-bottom: 0.5px solid #ebebeb;
}

@media (max-width: 959px) {
    .top-header .row1 {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.top-header .row1 .logo_area {
    margin-right: 60px;
}

@media (max-width: 1182px) {
    .top-header .row1 .logo_area {
        margin-right: 15px;
    }
}

.top-header .row1 .keyword_search_form {
    border: 0.2px solid #e1e1e1;
    border-radius: 8px;
    padding: 9px 10px;
    max-width: 500px;
    background-color: #fff;
    box-shadow: 2px 2px 3px #dfdfdf;
}

@media (max-width: 1182px) {
    .top-header .row1 .keyword_search_form {
        padding: 6px 5px;
    }
}

@media (max-width: 959px) {
    .top-header .row1 .keyword_search_form {
        padding: 4px 5px;
        margin-top: 10px;
        margin-bottom: 10px;
        max-width: auto;
        margin: auto;
    }
}

@media (max-width: 959px) {
    .uk-offcanvas-close {
        top: 10px;
        right: 10px;
    }
}

.top-header .row1 .keyword_search_form .category_select_area {
    border-right: 1px solid #CCCCCC;
    margin-right: 0;
}

.top-header .row1 .keyword_search_form .category_select_area .uk-select {
    border: none;
    height: 32px;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    padding-right: 20px;
}

@media (max-width: 1182px) {
    .top-header .row1 .keyword_search_form .category_select_area .uk-select {
        height: 18px;
        font-size: 14px;
    }
}

@media (max-width: 959px) {
    .top-header .row1 .keyword_search_form .category_select_area .uk-select {
        height: 28px;
        font-size: 14px;
    }
}

.top-header .row1 .keyword_search_form .keywords_area .uk-input {
    border: none;
    height: 23px;
    font-size: 14px;
}

@media (max-width: 1182px) {
    .top-header .row1 .keyword_search_form .keywords_area .uk-input {
        height: 18px;
        font-size: 14px;
        line-height: 14px;
    }
}

@media (max-width: 959px) {
    .top-header .row1 .keyword_search_form .keywords_area .uk-input {
        height: 28px;
        font-size: 14px;
        padding-right: 20px !important;
    }
}

.top-header .row1 .regist_btn_area {
    padding-right: 50px;
}

.top-header .row1 .regist_btn_area .uk-button {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background-color: #D3145A;
    border-radius: 25px;
    line-height: 33px;
    padding: 0 25px;
}

@media (max-width: 1182px) {
    .top-header .row1 .regist_btn_area {
        padding-right: 15px;
    }
    .top-header .row1 .regist_btn_area .uk-button {
        font-size: 10px;
        line-height: 23px;
        padding: 0 12px;
    }
}

.top-header .row1 .header_icons_area > div {
    margin-left: 8px;
    min-width: 57px;
    text-align: center;
}

@media (max-width: 1182px) {
    .top-header .row1 .header_icons_area > div {
        min-width: 27px;
    }
}

.top-header .row1 .header_icons_area > div:first-child {
    margin-left: 0;
}

@media (max-width: 959px) {
    .top-header .row1 .header_icons_area > div {
        min-width: auto;
    }
}

.top-header .row1 .header_icons_area img {
    height: 30px
}

@media (max-width: 1182px) {
    .top-header .row1 .header_icons_area img {
        height: 30px;
    }
}

@media (max-width: 959px) {
    .top-header .row1 .header_icons_area img {
        height: 30px;
    }
}

.top-header .row1 .header_icons_area > div.cart_area .uk-badge.uk-position-top-right  {
    top: -8px;
    right: 3px;
    background-color: #e95377;
}

@media (max-width: 959px) {
    .top-header .row1 .header_icons_area > div.cart_area .uk-badge.uk-position-top-right  {
        right: -8px;
    }
}

.top-header .row2 {
    border-bottom: 1px solid #CCCCCC;
}

@media (max-width: 959px) {
    .top-header .row2 .uk-container {
        padding-left: 0;
        padding-right: 0;
    }
}

.top-header .row2 .category_btn_area {
    position: relative;
}

.top-header .row2 .category_btn_area .uk-button {
    font-weight: bold;
    background: #f7f8f7;
    font-size: 12px;
    white-space: nowrap;
}

@media (max-width: 959px) {
    .top-header .row2 .category_btn_area .uk-button {
        padding: 0 15px;
        min-height: auto;
        line-height: 3em;
        font-size: 10px;
    }
}

.top-header .row2 .category_btn_area > .uk-position-top-left {
    z-index: 350;
    top: -10px;
    left: -10px;
}

.top-header .row2 .category_btn_area > .uk-position-top-left img {
    width: 40px;
}

.top-header .row2 > .uk-position-relative {
    position: static;
}

@media (max-width: 959px) {
    .top-header .row2 > .uk-position-relative {
        position: relative;
    }
    .top-header .row2 .category_toggle_area {
        text-align: right;
    }
    .top-header .row2 .category_btn_area {
        background-color: #f7f8f7;
        position: static;
    }
    .top-header .row2 .category_btn_area > .uk-flex {
        background-color: #f7f8f7;
    }
    .top-header .row2 .category_btn_area > .uk-position-top-left {
        left: 0;
    }
    .top-header .row2 .category_btn_area > .uk-position-top-left img {
        width: 25px;
    }
}

.top-header .row2 .category_toggle_area .uk-button {
    background: none;
    font-size: 12px;
    font-weight: bold;
    padding: 0 30px;
    border-bottom: 3px solid #CCCCCC;
    color: #545454;
    min-height: 50px;
}

@media (max-width: 959px) {
    .top-header .row2 .category_toggle_area .uk-button {
        width: 50%;
        height: 35px;
        line-height: 35px;
        min-height: 35px;
    }
}

.top-header .row2 .category_toggle_area .uk-button[aria-expanded="true"] {
    border-bottom: 3px solid #342f29;
}

.top-header .row2 .uk-navbar-nav .uk-button:hover {
    border-bottom: 3px solid #342f29;
}

.top-header .logo {
    width: 200px;
    display: block;
}

@media (max-width: 1182px) {
    .top-header .logo {
        width: 160px;
    }
}

#toggle-category-list {
    background: #fff;
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 200;
    overflow-y: scroll;
    height: calc(100% - 130px);
}

#toggle-category-list h3 {
    font-weight: bold;
    border-bottom: solid 3px #342f29;
    font-size: 2.0rem;
    padding: 5px;
}

#toggle-category-list .list_contents {
    padding: 0 20px;
}

#toggle-category-list .list_contents h4 {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
}

#toggle-category-list .list_contents ul li {
    margin-bottom: 5px;
}

#toggle-category-list .list_contents ul li a {
    color: #000;
}

#toggle-category-list .list_contents ul li a.active {
    color: #3399FF;
}

#toggle-category-list .women_brand_list_contents {
    padding: 0 20px;
}

#toggle-category-list .women_brand_list_contents h4 {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    margin-bottom: 30px;
    text-align: center;
}

#toggle-category-list .women_brand_list_contents ul li {
    margin-bottom: 5px;
}

#toggle-category-list .women_brand_list_contents ul li a {
    color: #000;
}

#toggle-category-list .women_brand_list_contents ul li a.active {
    color: #3399FF;
}

#toggle-category-list .men_brand_list_contents {
    padding: 0 20px;
}

#toggle-category-list .men_brand_list_contents h4 {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    margin-bottom: 30px;
    text-align: center;
}

#toggle-category-list .men_brand_list_contents ul li {
    margin-bottom: 5px;
}

#toggle-category-list .men_brand_list_contents ul li a {
    color: #000;
}

#toggle-category-list .men_brand_list_contents ul li a.active {
    color: #3399FF;
}

#toggle-category-list .kids_brand_list_contents {
    padding: 0 20px;
}

#toggle-category-list .kids_brand_list_contents h4 {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    margin-bottom: 30px;
    text-align: center;
}

#toggle-category-list .kids_brand_list_contents ul li {
    margin-bottom: 5px;
}

#toggle-category-list .kids_brand_list_contents ul li a {
    color: #000;
}

#toggle-category-list .kids_brand_list_contents ul li a.active {
    color: #3399FF;
}

#toggle-category-list .babys_brand_list_contents {
    padding: 0 20px;
}

#toggle-category-list .babys_brand_list_contents h4 {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    margin-bottom: 30px;
    text-align: center;
}

#toggle-category-list .babys_brand_list_contents ul li {
    margin-bottom: 5px;
}

#toggle-category-list .babys_brand_list_contents ul li a {
    color: #000;
}

#toggle-category-list .babys_brand_list_contents ul li a.active {
    color: #3399FF;
}

.pc .keywords_area > .uk-inline {
    max-width: 220px;
    min-width: 200px;
}

@media (max-width: 1182px) {
    .pc .keywords_area > .uk-inline {
        max-width: 168px;
    }
}

@media (max-width: 959px) {
    .pc .keywords_area > .uk-inline {
        mmin-width: auto;
    }
}

@media (max-width: 959px) {
    .keywords_area .uk-form-icon svg {
        height: 16px;
    }
}

.uk-offcanvas-bar {
    color: #342f29;
    background: #fff;
}

.uk-offcanvas-bar .uk-close {
    color: #342f29;
}

.uk-offcanvas-bar .uk-close:hover {
    color: #342f29;
}

@media (max-width: 959px) {
    .uk-offcanvas-bar .uk-close svg {
        width: 16px;
    }
}

.uk-offcanvas-bar a {
    color: #342f29;
}
.uk-offcanvas-bar a:hover {
    color: #342f29;
}

.uk-offcanvas-bar .uk-nav-default>li>a {
    color: #342f29;
}

.uk-offcanvas-bar hr {
    border-top-color: #CCCCCC;
}

.uk-offcanvas-bar .uk-nav-default>li>a:hover {
    color: #342f29;
}

.uk-offcanvas-bar .uk-nav-default>li.uk-active>a {
    color: #3399FF;
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-header {
    color: #342f29;
    font-size: 18px;
    font-weight: bold;
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-divider {
    border-top-color: #CCCCCC;
}

.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar {
    right: 0;
    left: 0;
}

@media (max-width: 959px) {
    .top-header .logo {
        width: 170px;
        margin-left: 5%;
        margin-bottom: 5px;
    }
    .right_menu li a {
        font-size: 1.1rem;
    }
    .uk-offcanvas-bar .account_area {
        margin-top: 15px;
    }
}

.top-header .right_menu .uk-button-link {
    font-size: 16px;
    color: #545454;
    text-decoration: none;
}

.container {
 max-width: 900px;
 min-width: 320px;
 margin: auto;
}


.btn-sp {
 width: 20px;
 height: 20px;
 margin-right: 0;
/* margin-left: 10px;*/
 margin-bottom: 0;
}

.btn-sp a.menu-trigger {
 position: relative;
 width: 20px;
 height: 20px;
 z-index: 99999;
 padding: 0;
 margin: 0;
}

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 -webkit-transition: all .4s;
 transition: all .4s;
 box-sizing: border-box;
 cursor: pointer;
}

.menu-trigger span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 2px;
 background-color: #FFF;
 border-radius: 2px;
}

.menu-trigger span:nth-of-type(1) {
 top: 1px;
}

.menu-trigger span:nth-of-type(2) {
 top: 9px;
}

.menu-trigger span:nth-of-type(3) {
 bottom: 1px;
}

.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(8.3px) rotate(-315deg);
 -ms-transform: translateY(8.3px) rotate(-315deg);
 transform: translateY(8.3px) rotate(-315deg);
}

.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-8.3px) rotate(315deg);
 -ms-transform: translateY(-8.3px) rotate(315deg);
 transform: translateY(-8.3px) rotate(315deg);
}

.layer,
.layer-b {
 display: none;
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: rgba(255, 255, 255, 0.77);
 z-index: auto;
 cursor: pointer;
}

.layer-b {
 background: rgba(0, 0, 0, 0.4);
}

.layer-b.active,
.layer.active {
 display: block;
}

.sp-top-header .gl {
 display: none;
 position: absolute;
 z-index: 9999;
 top: 0;
 left: 0;
 width: 100%;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 background: #444;
 padding-top: 52px;
}

.sp-top-header .gl > li {
 border-bottom: 1px solid #FFF;
}

.sp-top-header .gl li > a,
.sp-top-header .gl li > span {
 padding: 1em;
 display: block;
 width: 100%;
 box-sizing: border-box;
 text-align: center;
 color: #fff;
}

.sp-top-header .gl li > a:hover {
 color: #fff;
}

.sp-top-header .gl li a {
 text-align: center;
 border-radius: 0;
}

.sp-top-header .top-header-user-name {
 border: solid 1px #fff;
 padding: 0 6px;
 white-space: nowrap;
}

#top-header .uk-button-default {
 font-size: 1.2rem !important;
}

#top-header a:hover,
#top-header.uk-button:hover {
 opacity: 0.7;
}

.section {
    width: 100%;
    padding: 60px 0;
}

.section-inner {
 width: 100%;
}

.sp-top-header .login_btn {
 padding: 5px;
 border-radius: 5px;
 background: #8bc34a;
 color: #fff;
 display: block;
 font-size: 12px;
}

.sp-top-header .login_btn:hover {
 text-decoration: none;
 opacity: 0.8;
}

 .cart_icon {
	position:relative;
	width: 40px;
	height:40px;
	cursor: pointer;
}

 .cart_icon img{
    width: 22px;
    height: 22px;
	margin-top:12px;
}

 .cart_num {
position: absolute;
width: 18px;
height: 18px;
font-size: 10px;
color:#fff;
border-radius: 15px;
top: 3px;
right: 1px;
background:#e73656;
text-align: center;
line-height: 17px;
}

@media screen and (min-width: 0px) and (max-width: 480px) {

    .cart_icon {
        position:relative;
        width: 40px;
        height:40px;
        cursor: pointer;
    }

    .cart_icon img{
        width: 20px;
        height: 20px;
        margin-top:13px;
    }

    .cart_num {
        position: absolute;
        width: 18px;
        height: 18px;
        font-size: 10px;
        color:#fff;
        border-radius: 15px;
        top: 3px;
        right:4px;
        background:#e73656;
        text-align: center;
        line-height: 17px;
    }

}

.new_notice {
    display: block;
    position: absolute;
    left: -5px;
    top: -5px;
    width: 15px;
    height: 15px;
    background-color: #f06570;
    border-radius: 50%;
    z-index: 9991;
}

.new_notice2 {
    display: block;
    position: absolute;
    left: -3px;
    top: 3px;
    width: 10px;
    height: 10px;
    background-color: #f06570;
    border-radius: 50%;
    z-index: 9991;
}

/* ------------------------------------------------------------------------------
    Button
-------------------------------------------------------------------------------*/

.uk-button {
 /*display: block;*/
 transition: .3s ease-in-out;
 box-sizing: border-box;
}

.uk-button-default,
.uk-button-primary,
.uk-button-secondary {
 padding: 0 18px 0 18px;
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 32px;
 border-radius: 3px;
}

.uk-button-default {
 color: #352e29;
 border: 1px solid #352e29;
 font-size: 14px;
 font-size: 1.4rem;
}

#top-header .uk-button-default {
 font-size: 1.4rem !important;
}

.uk-button-secondary {
 background-color: #4a4a4a;
 color: #fff;
 border: 1px solid #4a4a4a;
}

.uk-button-default.uk-active,
.uk-button-default:active {
 background-color: transparent;
 color: #333;
 border-color: #999
}



/* ------------------------------------------------------------------------------
    main
-------------------------------------------------------------------------------*/

main {
 position: relative;
 background-color: #ededea;
}


/* ------------------------------
    汎用パーツ
------------------------------ */

.apc-w35pc {
 width: 35%;
}

.apc-m10 {
    margin: 10px !important;
}
.apc-mt60 {
 margin-top: 60px!important;
}

.apc-mt50 {
 margin-top: 50px!important;
}

.apc-mt40 {
 margin-top: 40px!important;
}

.apc-mt30 {
 margin-top: 30px!important;
}

.apc-mt20 {
 margin-top: 20px!important;
}

.apc-mt15 {
 margin-top: 15px!important;
}

.apc-mt10 {
 margin-top: 10px!important;
}

.apc-mt5 {
 margin-top: 5px!important;
}

.apc-mt0 {
 margin-top: 0!important;
}

.apc-mb60 {
 margin-bottom: 60px!important;
}

.apc-mb50 {
 margin-bottom: 50px!important;
}

.apc-mb40 {
 margin-bottom: 40px!important;
}

.apc-mb30 {
 margin-bottom: 30px!important;
}

.apc-mb20 {
 margin-bottom: 20px!important;
}

.apc-mb15 {
 margin-bottom: 15px!important;
}

.apc-mb10 {
 margin-bottom: 10px!important;
}

.apc-mb5 {
 margin-bottom: 5px!important;
}

.apc-mb0 {
 margin-bottom: 0!important;
}

.apc-ml20 {
 margin-left: 20px!important;
}

.apc-ml15 {
 margin-left: 15px!important;
}

.apc-ml10 {
 margin-left: 10px!important;
}

.apc-ml5 {
 margin-left: 5px!important;
}

.apc-ml0 {
 margin-left: 0!important;
}

.apc-mr20 {
 margin-right: 20px!important;
}

.apc-mr15 {
 margin-right: 15px!important;
}

.apc-mr10 {
 margin-right: 10px!important;
}

.apc-mr5 {
 margin-right: 5px!important;
}

.apc-mr0 {
 margin-right: 0!important;
}

.apc-pt60 {
 padding-top: 60px!important;
}

.apc-pt50 {
 padding-top: 50px!important;
}

.apc-pt40 {
 padding-top: 40px!important;
}

.apc-pt30 {
 padding-top: 30px!important;
}

.apc-pt20 {
 padding-top: 20px!important;
}

.apc-pt15 {
 padding-top: 15px!important;
}

.apc-pt10 {
 padding-top: 10px!important;
}

.apc-pt5 {
 padding-top: 5px!important;
}

.apc-pt0 {
 padding-top: 0!important;
}

.apc-pb20 {
 padding-bottom: 20px!important;
}

.apc-pb10 {
 padding-bottom: 10px!important;
}

.apc-pb3 {
 padding-bottom: 3px!important;
}

.apc-pb30 {
 padding-bottom: 30px!important;
}

.apc-pb0 {
 padding-bottom: 0!important;
}
.apc-p10 {
    padding: 10px!important;
   }

.apc-pl0 {
 padding-left: 0!important;
}

.apc-fs20 {
 font-size: 20px;
 font-size: 2rem;
}

.apc-fs18 {
 font-size: 18px;
 font-size: 1.8rem;
}

.apc-fs16 {
 font-size: 16px;
 font-size: 1.6rem;
}

.apc-fs14 {
 font-size: 14px;
 font-size: 1.4rem;
}

.apc-fs13 {
 font-size: 13px;
 font-size: 1.3rem;
}

.apc-fs12 {
 font-size: 12px;
 font-size: 1.2rem;
}

.apc-fs10 {
 font-size: 10px;
 font-size: 1rem;
}

.apc-fs9 {
 font-size: 9px;
 font-size: .9rem;
}

.apc-fs8 {
 font-size: 8px;
 font-size: .8rem;
}

.apc-fw-b {
 font-weight: bold !important;
}

.apc-fw-n {
 font-weight: normal !important;
}

.apc-c-red {
 color: red !important;
}

.apc-txt-red {
    color: #342f29;
}

.apc-ta-l {
 text-align: left !important;
}

.apc-ta-c {
 text-align: center !important;
}

.apc-ta-r {
 text-align: right !important;
}

.apc-td-u {
 text-decoration: underline !important;
}

.apc-align-left {
 float: left;
}

.apc-align-right {
 float: right;
}

.uk-text-danger {
    color: #342f29;
}

.w50px {width: 50px;}
.w60px {width: 60px;}
.w70px {width: 70px;}
.w80px {width: 80px;}
.w90px {width: 90px;}
.w100px {width: 100px;}

img {
 -webkit-backface-visibility: hidden;
}

.contents {
 position: relative;
}

#header,
#main,
#footer {
 width: 100%;
}

a,
.uk-button {
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

a,
a:hover {
    color: #3399FF;
    text-decoration: none;
}

a:hover,
.uk-button:hover {
    opacity: 0.7;
}


/* form ------------------------------------------ */


/* form-reset */

.contents input[type="submit"],
.contents input[type="button"] {
 border-radius: 0;
 -webkit-box-sizing: content-box;
 -webkit-appearance: button;
 -moz-appearance: button;
 appearance: button;
 border: none;
 box-sizing: border-box;
 cursor: pointer;
}

.contents input[type="submit"]::-webkit-search-decoration,
.contents input[type="button"]::-webkit-search-decoration {
 display: none;
}

.contents input[type="submit"]::focus,
.contents input[type="button"]::focus {
 outline-offset: -2px;
}


/* checkbox */


/* checkbox & radio */

.contents .uk-radio,
.contents .uk-checkbox {
 background-color: #FFF;
 border: 1px solid #e5e5e5;
}

.contents .uk-checkbox {
 border-radius: 3px;
}

.contents .uk-radio:checked,
.contents .uk-checkbox:checked {
 background-color: #FFF;
}

.contents .uk-checkbox:checked {
 background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjaGVjayIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWNoZWNrIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ij48L3BhdGg+PC9zdmc+")
}

.contents .uk-radio:checked {
 background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2IDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgY3g9IjMiIGN5PSIzIiByPSIwLjk4Ii8+DQo8L3N2Zz4NCg==");
}


/* select */

.contents select {
 background: #FFF;
 border-radius: 5px;
 padding-left: 20px;
 color: #8f8d8d;
 line-height: 1.1em;
}

.contents select:focus {
    border: 1px solid #f2cbcb;
}

/* label */

.contents label {
    cursor: pointer;
}

/* textarea */

.contents textarea {
    resize: vertical;
}

/* datepicker */

.ui-widget-header {
 background: #FFF;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
 background: #e6e6e6;
}


/* button */


button.submit-b {
 background: #333;
 color: #FFF;
 height: 50px;
 width: 400px;
}

button.submit-b-cl {
 /* 20190430追加 梶原 */
 background: #fff;
 border: solid 1px #333;
 color: #333;
 width: 110px;
}

button.submit-or {
 padding: 0!important;
 width: 100px!important;
}

button.expand {
 /* 20190427追加 梶原 */
 width: 100%!important;
}

button.submit-or-cl {
 background: #ffa32573!important;
 border: solid 1px #fe9402;
 color: #676767!important;
}


/* table */

.uk-table th,
.uk-table th {
 font-size: 14px;
 font-size: 1.4rem;
}


/* color -------------------------------------- */

.uk-section-primary {
 background-color: #34857f;
}

.uk-section-secondary {
 background-color: #f0efea;
}


/*---background,ボタン色等--*/

.apc-bg-primary {
 background-color: #34857f;
}

.apc-bg-secondary {
 background-color: #e9f392;
}

.bg_white {
    background-color: #FFF;
}
.bg_gry {
    background-color: #ededea;
}


/*---フォントカラー--*/

.apc-font-wh {
 color: #fff;
}

.apc-font-black {
 color: #000;
}


/*---border-radius--*/

.apc-border-radius5 {
 border-radius: 5px;
}


/*---text-align--*/

.apc-text-c {
 text-align: center;
}


/*共通デザインクラス*/

.bgGrey {
 background: #F2F2F2;
}

.bgWhite {
 background: #FFFFFF;
}

.bgPink {
 background: #fcceda;
}

.bgPink2 {
 background: #FFBDBD;
}

.bgPink3 {
 background: #f7cccd;
}

.bgYellow {
 background: #fff2cf;
}

.bgBrown {
 background: #f2e0c9;
}

.bgBrown2 {
    background: #dbbda2;
}

.bgLightBrown {
    background: #FADFD4;
}

.bgDarkBrown {
    background: #231816;
}
.bgLightPink {
    background: #f7e1e1;
}

.bgLightPink2 {
    background: #fceded;
}

.bgLightPink3 {
    background: #fadfd4;
}

.roundedS {
 border-radius: 5px;
}

.roundedL {
 border-radius: 15px;
}

.p5 {
 padding: 0.5%;
}

.p10 {
 padding: 1%;
}

.p15 {
 padding: 1.5%;
}

.p20 {
 padding: 2%;
}

.p30 {
 padding: 3%;
}

.p40 {
 padding: 4%;
}

.p2010 {
 padding: 2% 1%;
}

.p1020 {
 padding: 1% 2%;
}

.p10-0 {
 padding: 1% 0%;
}

.p5px {
 padding: 5px;
}

.p6px {
 padding: 6px;
}

.p7px {
 padding: 7px;
}

.pl10 {
 padding-left: 1%;
}

.pl20 {
 padding-left: 2%;
}

.pl30 {
 padding-left: 3%;
}

.pr10 {
 padding-right: 1%;
}

.pr20 {
 padding-right: 2%;
}

.pr30 {
 padding-right: 3%;
}

.pr5px {
 padding-right: 5px;
}

.pr10px {
 padding-right: 10px;
}

.p5px {
 padding: 5px;
}

.p10px {
 padding: 10px;
}

.p20px {
 padding: 20px;
}

.p0205px {
    padding: 2px 5px;
}

.p1020px {
 padding: 10px 20px;
}

.p1510px {
 padding: 15px 10px;
}

.p1510px {
 padding: 15px 10px;
}

.pb5px {
 padding-bottom: 5px;
}

.pb10px {
 padding-bottom: 10px;
}

.pb20px {
 padding-bottom: 20px;
}

.mb5px {
    margin-bottom: 5px;
}

.mb10 {
 margin-bottom: 1% !important;
}

.mb20 {
 margin-bottom: 2% !important;
}

.mb5px {
 margin-bottom: 5px !important;
}

.mb10px {
 margin-bottom: 10px !important;
}

.mb20px {
 margin-bottom: 20px !important;
}

.mb25px {
 margin-bottom: 25px !important;
}

.mb40 {
 margin-bottom: 8% !important;
}

.mb40px {
 margin-bottom: 40px !important;
}

.mb60px {
 margin-bottom: 60px !important;
}

.mt10 {
 margin-top: 1%;
}

.mt20 {
 margin-top: 2%;
}

.mt30 {
 margin-top: 3%;
}

.mt40 {
 margin-top: 4%;
}

.mt10px {
 margin-top: 10px;
}

.mt30px {
    margin-top: 30px!important;
   }

.mr10 {
    margin-right: 1%;
}

.mr10px {
    margin-right: 10px;
}

.mr20 {
    margin-right: 2%;
}

.mr20px {
    margin-right: 20px;
}

/*font*/

.fwB {
 font-weight: bold !important;
}

.fs10 {
 font-size: 10px !important;
 line-height: 1.8em;
}

.fs11 {
 font-size: 11px !important;
 line-height: 1.8em;
}

.fs12 {
 font-size: 12px !important;
 line-height: 1.8em;
}

.fs14 {
 font-size: 14px !important;
 line-height: 1.8em;
}

.fs15 {
 font-size: 15px !important;
 line-height: 1.8em;
}

.fs16 {
 font-size: 16px !important;
 line-height: 1.8em;
}

.fs18 {
 font-size: 18px !important;
 line-height: 1.8em;
}

.fs20 {
 font-size: 20px !important;
 line-height: 1.8em;
}

.fs26 {
 font-size: 26px !important;
 line-height: 1.8em;
}

.fs26 {
 font-size: 26px !important;
 line-height: 1.8em;
}

.fs30 {
 font-size: 30px !important;
 line-height: 1.8em;
}

.fsS {
 font-size: 80% !important;
 line-height: 1.8em;
}

.fsL {
 font-size: 120% !important;
 line-height: 1.8em;
}

.fs10rem {
 font-size: 1.0rem !important;
 line-height: 1.8em;
}

.fs11rem {
 font-size: 1.1rem !important;
 line-height: 1.8em;
}

.fs12rem {
 font-size: 1.2rem !important;
 line-height: 1.8em;
}

.fs14rem {
 font-size: 1.4rem !important;
 line-height: 1.8em;
}

.fs16rem {
 font-size: 1.6rem !important;
 line-height: 1.8em;
}

.fs18rem {
 font-size: 1.8rem !important;
 line-height: 1.8em;
}

.fs20rem {
 font-size: 2.0rem !important;
 line-height: 1.8em;
}

.fs10em {
 font-size: 1.0em !important;
 line-height: 1.8em;
}

.fs11em {
 font-size: 1.1em !important;
 line-height: 1.8em;
}

.fs12em {
 font-size: 1.2em !important;
 line-height: 1.8em;
}

.fs13em {
 font-size: 1.3em !important;
 line-height: 1.8em;
}

.fs14em {
 font-size: 1.4em !important;
 line-height: 1.8em;
}

.fs15em {
 font-size: 1.5em !important;
 line-height: 1.8em;
}

.fs16em {
 font-size: 1.6em !important;
 line-height: 1.8em;
}

.fs18em {
 font-size: 1.8em !important;
 line-height: 1.8em;
}

.fs20em {
 font-size: 2.0em !important;
 line-height: 1.8em;
}

.text-green {color: #8bc34a;}
.text-grey {color: #B3B3B3;}
.text-grey2 {color: #5F5F5F;}
.text-grey3 {color: #999999;}
.text-grey4 {color: #b9b9b9;}
.text-grey5 {color: #342f29;}
.text-black {color: #000000;}
.text-pink {color: #f06570;}
.text-yellow {color: #FABD03;}
.text-blue {color: #3399FF;}
.text-brown {color: #b9b9b9;}
.text-white {color: #fff;}
.text-default {color: #545454 !important;}

.lineHeightWide-small { line-height: 1.8em !important; }
.lineHeightWide-medium { line-height: 2.0em !important; }
.lineHeightWide-large { line-height: 2.2em !important; }

.wf-roundedmplus1c { font-family: sans-serif; }

.borderPink {
    border: 1px solid #f2cbcb;
}

.borderPink2 {
    border: 2px solid #f2cbcb;
}

.borderPink2Dashed {
    border: 2px dashed#f2cbcb;
}

.borderPink3 {
    border: 1px solid #f06570;
}

.borderPink4 {
    border: 2px solid #f06570;
}

.borderGrey {
    border: 1px solid #eee;
}

.borderGrey2 {
    border: 2px solid #eee;
}

.borderGrey3 {
    border: 1px solid #ddd;
}


.bbWhite {
     border-bottom: 1px solid #e0e0e0;
}

.bbWhite2 {
     border-bottom: 1px solid #ffffff;
}

.bbPink {
	border-bottom: 1px solid #efc5c4;
}

.brPink {
	border-right: 1px solid #efc5c4;
}

.bbGrey {
    border-bottom: 1px solid #c3c1c1;
}

.bbGreyDash {
    border-bottom: 1px dashed #ededed;
}

.bbGrey2 {
    border-bottom: 1px solid #ededed;
}

.btGrey2 {
    border-top: 1px solid #ededed;
}

.brYellow {
    border-right: solid 1px #edd8a6;
}

.bbYellow {
    border-bottom: solid 1px #edd8a6;
}

.mile_kind_menu li a {
 text-align: center;
/* height: 50px;*/
/* line-height: 50px;*/
 display: block;
 border-bottom: 3px solid #616161;
}

@media (max-width: 959px) {
    .mile_kind_menu li a {
        font-size: 11px;
    }
}

.mile_kind_menu li a.active {
 color: #8bc34a;
 border-bottom: 3px solid #8bc34a;
}

.mile_history {
 padding: 20px;
 border-bottom: 1px solid #ededed;
 margin-bottom: 20px;
}

.mile_label {
 font-size: 10px;
 border: 1px solid #666;
 padding: 2px;
 border-radius: 3px;
 background: #fff;
 display: inline-block;
}

.mile_history .prof_pic {
 width: 90px;
 height: 90px;
}

.mile_history .prof_pic img {
 width: 90px;
 -o-object-fit: cover;
 object-fit: cover;
}

footer .bgBrown {
    padding: 35px 0;
}

footer .f_logo img {
    width: 60px;
    display: inline-block;
    margin-right: 5px;
}

footer .footer_navi li a {
 padding: 20px;
 display: block;
 text-align: center;
}

footer .footer_navi2 li a {
 padding: 5px;
 display: block;
 text-align: center;
 font-size: 12px;
}

@media (max-width: 959px) {
    footer .footer_navi3 li {
        line-height: 1.4;
    }
    footer .footer_navi3 li a {
        font-size: 11px;
    }
    footer .f_logo img {
        width: 60px;
        margin-right: 5px;
    }
}

footer small {
 font-size: 11px;
 color: #333;
 letter-spacing: 0.5px;
 text-align: center;
}



/*メッセージ送信ページ*/

input {
 font-size: 16px;
}


/* ブラウザ側で勝手に追加する薄い枠線を消す */

:focus {
 outline: none;
}

.to_give {
 overflow: hidden;
}

.to_give input {
 font-size: 16px;
}

.to_give select {
 width: 100%;
 padding-right: 1em;
 cursor: pointer;
 text-indent: 0.01px;
 text-overflow: ellipsis;
 border: none;
 outline: none;
 background: transparent;
 background-image: none;
 box-shadow: none;
 -webkit-appearance: none;
 appearance: none;
}

.to_give select::-ms-expand {
 display: none;
}

.to_give.to_give_cp {
 position: relative;
 border: 1px solid #333 !important;
 background: #ffffff;
}

.to_give.to_give_cp::before {
 position: absolute;
 top: 0.6em;
 left: 0.9em;
 width: 20px;
 height: 20px;
 padding: 0;
 content: '';
 pointer-events: none;
 background-image: url("/img/icon_person.png");
}

.to_give.to_give_cp select {
 font-size: 16px;
 padding: 10px 10px 10px 40px !important;
 color: #333;
}

.give_mile {
 width: 150px;
 font-size: 30px !important;
 border: 2px solid #666;
 border-radius: 5px;
 padding: 10px;
 background: #fff;
 text-align: right;
}

.write_icon {
 background-image: url("/img/icon_write.png");
 background-size: 20px 20px;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 30px;
 margin-bottom: 10px;
}

.to_write {
 font-size: 10px;
 border: 1px solid #666;
 padding: 10px;
 background: #fff;
}

.write_text_box {
 width: 100%;
 padding: 10px;
 font-size: 16px;
 border: none !important;
 box-sizing: border-box;
 /*横幅の解釈をpadding, borderまでとする*/
 resize: none;
 min-height: 100px;
}


.to_send {
 /*border: 1px solid #666;*/
 background-color: #8bc34a;
 padding: 5px 10px 5px 10px !important;
 border-radius: 5px;
 margin: 0 10px;
}

.to_send_text {
 background-color: #8bc34a;
 font-size: 16px !important;
 color: #fff;
}

.cancel_message {
 border: 1px solid #666;
 padding: 3px 10px 5px 10px;
 border-radius: 5px;
 margin: 0 10px;
}

.cancel_message_text {
 background-color: #fff;
 font-size: 16px !important;
}



/*評価するページ*/

.choose_store {
 overflow: hidden;
}

.choose_store input {
 font-size: 16px;
}

.choose_store select {
 width: 100%;
 padding-right: 1em;
 cursor: pointer;
 text-indent: 0.01px;
 text-overflow: ellipsis;
 border: none;
 outline: none;
 background: transparent;
 background-image: none;
 box-shadow: none;
 -webkit-appearance: none;
 appearance: none;
}

.choose_store select::-ms-expand {
 display: none;
}

.choose_store.choose_store_cp {
 position: relative;
 border: 1px solid #333 !important;
 background: #ffffff;
}

.choose_store.choose_store_cp::before {
 position: absolute;
 top: 0.6em;
 left: 0.9em;
 width: 20px;
 height: 20px;
 padding: 0;
 content: '';
 pointer-events: none;
 background-image: url("/img/icon_store.png");
}

.choose_store.choose_store_cp select {
 font-size: 16px;
 padding: 10px 10px 10px 40px !important;
 color: #333;
}



/*星の5段階評価*/

.fiveStar {
 display: flex;
 flex-direction: row-reverse;
 justify-content: center;
}

.fiveStar input[type='radio'] {
 display: none;
}

.question_text_box {

 width: 100%;
 padding: 10px 10px 3px 10px;
 font-size: 16px;
 line-height: 1.2;
 border-bottom: 3px solid #8bc34a !important;
 border-top: none !important;
 border-right: none !important;
 border-left: none !important;
 box-sizing: border-box;
 color: #333;
 border-radius: 0 !important;
 margin-bottom: 10px;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
 .question_text_box {
  font-size: 14px;
  margin-bottom: 4px;
 }
}

.evaluation {
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 text-align: center;
 font-size: 10px;
 color: gray;
}

@media screen and (min-width: 0px) and (max-width: 480px) {

 .evaluation {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  text-align: center;
  font-size: 10px;
  color: gray;
 }
}

.check_star1 {
 position: relative;
 padding: 10px 15px 0 15px;
 color: #8bc34a;
 font-size: 40px;
}

.check_star2 {
 position: relative;
 padding: 10px 15px 0 15px;
 color: gray;
 font-size: 40px;
}

.check_star3 {
 position: relative;
 padding: 10px 15px 0 15px;
 color: gray;
 font-size: 40px;
}

.check_star4 {
 position: relative;
 padding: 10px 15px 0 15px;
 color: gray;
 font-size: 40px;
}

.check_star5 {
 position: relative;
 padding: 10px 15px 0 15px;
 color: gray;
 font-size: 40px;
}

.check_none {
 position: relative;
 padding: 10px 15px 0 15px;
 color: gray;
 font-size: 40px;
}

@media screen and (min-width: 0px) and (max-width: 480px) {

 .check_star1 {
  position: relative;
  padding: 10px 15px 0 15px;
  color: #8bc34a;
  font-size: 25px;
 }

 .check_star2 {
  position: relative;
  padding: 10px 15px 0 15px;
  color: gray;
  font-size: 25px;
 }

 .check_star3 {
  position: relative;
  padding: 10px 15px 0 15px;
  color: gray;
  font-size: 25px;
 }

 .check_star4 {
  position: relative;
  padding: 10px 15px 0 15px;
  color: gray;
  font-size: 25px;
 }

 .check_star5 {
  position: relative;
  padding: 10px 15px 0 15px;
  color: gray;
  font-size: 25px;
 }

 .check_none {
  position: relative;
  padding: 10px 15px 0 15px;
  color: gray;
  font-size: 25px;
 }
}

.fiveStar label.check_star2:hover,
.fiveStar label.check_star2:hover ~ label.check_star2,
.fiveStar input[type='radio']:checked ~ label.check_star2 {
 color: #8bc34a;
}

.fiveStar label.check_star3:hover,
.fiveStar label.check_star3:hover ~ label.check_star3,
.fiveStar input[type='radio']:checked ~ label.check_star3 {
 color: #8bc34a;
}

.fiveStar label.check_star4:hover,
.fiveStar label.check_star4:hover ~ label.check_star4,
.fiveStar input[type='radio']:checked ~ label.check_star4 {
 color: #8bc34a;
}

.fiveStar label.check_star5:hover,
.fiveStar label.check_star5:hover ~ label.check_star5,
.fiveStar input[type='radio']:checked ~ label.check_star5 {
 color: #8bc34a;
}

.fiveStar label.check_none:hover,
.fiveStar label.check_none:hover ~ label.check_none,
.fiveStar input[type='radio']:checked ~ label.check_none {
 color: gray;
}

    /*星　初期のクラス*/

    .fiveStar {
     display: flex;
     flex-direction: row-reverse;
     justify-content: center;
    }

    .fiveStar input[type='radio'] {
     display: none;
    }

    .fiveStar label.star {
     position: relative;
     padding: 10px 15px 0 15px;
     color: gray;
     cursor: pointer;
     font-size: 40px;
    }

    @media screen and (min-width: 0px) and (max-width: 480px) {
     .fiveStar label.star {
      position: relative;
      padding: 7px 15px 0 15px;
      color: gray;
      cursor: pointer;
      font-size: 25px;
     }
    }

    .fiveStar label.star span.evaluation {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     text-align: center;
     font-size: 10px;
     color: gray;
    }

    .fiveStar label.star:hover,
    .fiveStar label.star:hover ~ label.star,
    .fiveStar input[type='radio']:checked ~ label.star {
     color: #8bc34a;
    }

    .question_text_box {
     width: 100%;
     /*親要素いっぱい広げる*/
     padding: 10px 10px 3px 10px;
     /*ボックスを大きくする*/
     font-size: 16px;
     line-height: 1.2;
     border-bottom: 3px solid #8bc34a !important;
     border-top: none !important;
     border-right: none !important;
     border-left: none !important;
     box-sizing: border-box;
     /*横幅の解釈をpadding, borderまでとする*/
     color: #333;
     border-radius: 0 !important;
     margin-bottom: 10px;
    }

    @media screen and (min-width: 0px) and (max-width: 480px) {
     .question_text_box {
      font-size: 14px;
      margin-bottom: 4px;
     }
    }


/*エラー表示*/

.error-box {
 margin: 0 3%;
 background: #f2cbcb;
 border-radius: 5px;
 text-align: left;
 padding-left: 1em;
}

.mypage .error-box {
    margin: 0 0 20px;
}

.error {
 padding: 0.5em !important;
 font-size: 12px !important;
 color: red;
}


/*ページ送り*/

.uk-pagination>* {
    padding-left: 5px;
}

.uk-pagination>*>* {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    padding: 2px 10px;
}

@media (max-width: 959px) {
    .uk-pagination>*>* {
        font-size: 13px;
    }
}

.uk-pagination>.uk-active>* {
    color: #666;
    background-color: #EAEAE6;
}

.uk-pagination>.uk-disabled>* {
    border: none;
}

@media (max-width: 959px) {
    .uk-pagination>.uk-active>* {
        padding: 1px 10px;
    }
    .uk-pagination>.uk-disabled>* {
        padding: 1px 10px;
    }
}


/*商品一覧*/

.item_name {
 font-size: 14px;
 line-height: 1.2;
 text-align: center;
}

.item_name2 {
 font-size: 14px;
 line-height: 1.2;
    text-align: left;
}

.item_miles {
 font-size: 17px;
 text-align: left;
 display: inline;
 font-weight: bold;
}

.item_mile {
 font-size: 12px;
 text-align: left;
 display: inline;
 font-weight: bold;
}

.item_mile_posi {
/* position: absolute;
 bottom: 50px;
 left: 0;
 right: 0;*/
 margin: auto;
}

.details_box {
 /*height: 180px;*/
 position: relative;
}

.item_details_button_box {
 width: 90px !important;
/* position: absolute;
 bottom: 0;
 left: 0;
 right: 0;*/
 margin: auto;
 border: solid 1px #333;
 border-radius: 5px;
 margin: 0 auto;
}

.item_details_button {
 font-size: 12px;
 padding: 2px;
 text-align: center;
}

.list_item_box {
    box-shadow: 2px 2px 3px #dfdfdf;
    border-radius: 5px 5px;
    border: 0.2px solid #cccccc;
    padding: 0;
}

.img4_3 {
 position: relative;
 width: 100%;
 height: 90px;
 padding-top: 56.25%;
 background-color: #fff;
 margin-bottom: 10px;
 top: 0;
 bottom: 0;
}

.img4_3 .inner {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
 -webkit-transform: translateY(-50%) translateX(-50%);
}

.img4_3 .inner img {
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
}

.trim-wrap {
 position: relative;
 width: 100%;
 height: 90px;
 padding-top: 56.25%;
 overflow: hidden;
 background-color: #ffffff;
 margin-bottom: 10px;
 border: solid 1px #CCC;
}

.trim-wrap > img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: auto;
 height: auto;
 max-width: 97%;
 max-height: 97%;
}

.trim-wrap2 {
 position: relative;
 /*width: 100px;*/
 height: 100px;
 padding-top: 29.25%;
 overflow: hidden;
 background-color: #ffffff;
 margin-bottom: 10px;
 border: solid 1px #CCC;
}

.trim-wrap2 > img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: auto;
 height: auto;
 max-width: 97%;
 max-height: 97%;
}

.trim-wrap3 {
    width: 150px;
    height: 150px;
}

@media (max-width: 959px) {
    .trim-wrap3 {
        width: 80px;
        height: 80px;
    }
}

.trim-wrap3.shop_detail {
    width: 250px;
    height: 250px;
}

@media (max-width: 959px) {
    .trim-wrap3.shop_detail {
        width: 80px;
        height: 80px;
    }
}

/*汎用ボタン定義*/

.uk-button-primary {
    background-color: #342f29;
}

.uk-button-primary:focus, .uk-button-primary:hover {
    background-color: #342f29;
    color: #fff;
}

.but_grey_outline {
    border: 1px solid #666;
    background: #fff !important;
    color: #666 !important;
}

.but_grey_outline:hover {
    color: #666 !important;
}

.but_grey_outline.small {
    font-size: 11px !important;
    padding: 5px !important;
    line-height: 150% !important;
}

.but_green {
    background-color: #8bc34a;
    padding: 5px 10px 5px 10px !important;
    border-radius: 5px;
    font-size: 16px !important;
    color: #fff;
}

.but_green:hover {
    color: #fff;
}

.but_green.max200px {
    min-width: 200px;
    text-align: center;
}

.but_grey {
    background-color: #e2e2e2;
    color: #352e29;
    border-radius: 5px;
    padding: 0 8px;
    line-height: 2.9rem;
    font-size: 12px;
}

.but_grey:hover {
    background-color: #8b8b8b;
}

.but_pinkOutline {
    background: #fadfd4;
    border: 1px solid #edcdbf !important;
    color: #f06570 !important;
}

.but_pinkOutline.arrowRight {
    background-image: url(../img/pink_arrow_right.png);
    background-repeat: no-repeat;
    background-position: right 8px bottom 56%;
    background-size: 15px auto;
    padding-right: 45px;
}

.but_whitePinkOutline {
    background: #fff;
    border: 1px solid #edcdbf !important;
    color: #f06570 !important;
}

.but_whitePinkOutline.arrowRight {
    background-image: url(../img/pink_arrow_right.png);
    background-repeat: no-repeat;
    background-position: right 8px bottom 56%;
    background-size: 15px auto;
    padding-right: 45px;
}

.but_pink {
    background: #C5848D;
    border: 1px solid #C5848D !important;
    color: #fff !important;
}
.but_pink.arrowRight {
    background-image: url(../img/white_arrow_right.png);
    background-repeat: no-repeat;
    background-position: right 8px bottom 56%;
    background-size: 15px auto;
    padding-right: 45px;
}
.but_pink2 {
    background: #F2D4C9;
    border: 1px solid #D9AFA0 !important;
    color: #A67A6A !important;
}
.but_blueOutline {
    background: #81cdc5;
    border: 2px solid #1d1210 !important;
    color: #1d1210;
}

.but_blueOutline.arrowRight {
    background-image: url(../img/pink_arrow_right.png);
    background-repeat: no-repeat;
    background-position: right 8px bottom 56%;
    background-size: 15px auto;
    padding-right: 30px;
}


/*ログイン画面*/

.login_text_box{
	text-align: center;
	padding: 50px 0 0 0;
}
.login_text{
	font-size: 24px;
}

    @media screen and (min-width: 0px) and (max-width: 480px) {
.login_text_box{
	text-align: center;
	padding: 20px 0 10px 0;
}
.login_text{
	font-size: 18px;
}
    }

.new_text_box{
	margin: 0 auto;
	border: solid 1px #666;
	text-align: center;
	width: 120px;
	border-radius: 5px;
}
.new_text{
	font-size: 11px;
	padding: 5px;
}
.new_text_box.delete {
    padding: 3px 0 6px 0;
}


.info {
 display: inline-block;
 margin-left: 1em;
 background: #fe9595;
 color: #FFF;
 padding: 0 3px 2px 3px;
 border-radius: 3px;
 font-size: 10px;
 font-weight: normal;
}
.name_text{
	font-size: 13px;
	padding: 0 0 0 0.5em;
}

.error_posi div{
	margin:inherit !important;
	}

.article_outer ul {
    overflow-x: auto;
    white-space: nowrap;
}

.article_outer .each_item {
    width: 170px;
    display: inline-block;
}

@media (max-width: 959px) {
    .article_outer .each_item {
        width: 70px;
    }
}

.article_outer .each_item .article_img_area {
    border: 1px solid #ccc;
    position: relative;
    height: 90px;
    padding-top: 56.25%;
    overflow: hidden;
    background-color: #ffffff;

}

@media (max-width: 959px) {
    .article_outer .each_item .article_img_area {
        height: 45px;
    }
}

.article_outer .each_item .article_img_area > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 97%;
    max-height: 97%;
}

.underline{text-decoration:underline !important;}


/*獲得マイル テキストサイズ*/

.get_miles_text{
	font-size: 30px;
	line-height: 1.5em;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-right: 5px;
}


@media screen and (min-width: 0px) and (max-width: 480px) {
    .get_miles_text{
        font-size: 25px;
        line-height: 1.5em;
	}
}

.prof_pic_s {
    width: 60px;
    height: 60px;
    padding-left: 5px;
    margin-left: 5px;
}

.get_miles_textbox{
	margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
	}

.get_miles_text_top{
	font-size: 30px;
	line-height: 1.5em;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-right: 5px;
}


@media screen and (min-width: 0px) and (max-width: 480px) {
    .get_miles_text_top{
	    font-size: 25px;
	    line-height: 1.5em;
	}
}


/*商品詳細*/

.item_detail_box {
   padding: 0 10px 0 0;
   margin: 0 10px 0 0;
   border-right: solid 1px #999;
}
.trim-wrap li img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: auto;
   height: auto;
   max-width: 97%;
   max-height: 97%;
}
.item_select {
   overflow: hidden;
   text-align: center;
}
.item_select select {
   width: 100%;
   padding-right: 1em;
   cursor: pointer;
   text-indent: 0.01px;
   font-size: 16px;
   text-overflow: ellipsis;
   border: none;
   outline: none;
   background: transparent;
   background-image: none;
   box-shadow: none;
   -webkit-appearance: none;
   appearance: none;
}
.item_select select::-ms-expand {
   display: none;
}
.item_select.cp_sl01 {
   position: relative;
   border: 1px solid #333;
   background: #ffffff;
}
.item_select.cp_sl01::before {
   position: absolute;
   top: 1em;
   right: 0.9em;
   width: 0;
   height: 0;
   padding: 0;
   content: '';
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid #666666;
   pointer-events: none;
}
.item_select.cp_sl01 select {
   padding: 10px 38px 10px 10px;
   color: #333;
}
.num_text input {
   width: 100px;
   padding: 10px;
   color: #333;
   font-size: 16px;
   border-radius: 0;
   border: 1px solid #333;
   -webkit-appearance: none;
}
.thumbnail_size {
   width: 15%;
   height: 15%;
}

.thumbnail_frame {
   position: relative;
   width: 100%;
   height: 20px;
   padding-top: 56.25%;
   overflow: hidden;
   background-color: #ffffff;
   margin-bottom: 10px;
   border: solid 1px #CCC;
}

.thumbnail_frame img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: auto;
   height: auto;
   max-width: 100%;
   max-height: 100%;
}

.tabel_adjust th{
	padding:5px 6px !important;
	color:#333 !important;
	}

.tabel_adjust th p{
   padding: 0 10px 0 10px;
   border-left: solid 1px #e5e5e5;
   font-size:11px;
	}

.tabel_adjust td{
	padding:5px 6px !important;
	color:#333 !important;
	}
.tabel_adjust td p{
   padding: 0 10px 0 10px;
   border-left: solid 1px #e5e5e5;
   font-size:11px;
	}


.no-break{
	white-space: nowrap;
	}

.to_cart{
width: 100%;
padding: 5px 10px 5px 10px !important;
border-radius: 5px;
border: none !important;
background-color: #8bc34a;
cursor: pointer;
}

.to_cart_text{
font-size: 16px !important;
color:#fff;
}

/*カート*/

#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #333;
    }


.trim-square-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
    background-color: #ffffff;
    margin-bottom: 10px;
    border: solid 1px
    #CCC;
}

.trim-square-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}

.cart_miles{
	width:100%;
	margin-bottom:2px;
	}

.cart_miles th{
	font-size:12px;
	text-align:center;
	background-color:#666;
	color:#FFF;
	padding:2px 0 !important;
	}

.cart_miles td{
	text-align:right;
	padding:2px 10px 2px 2px !important;
	}

/*評価したユーザー一覧*/

.star_size{
	font-size:13px;
	}
.question_size{
	font-size: 14px !important;
	line-height: 1.3em;
}
.question_margin{
	margin: 5px 0 5px 0;
}

.evaluation_boder{
	border-bottom: solid 1px #666;
	margin-bottom: 7px;
	}

.p020{
	padding:0 2%;
	}

.uk-grid-s_none{
	margin-top:1px !important;
	}
.star_eva_bottom{
	margin-bottom: 15px !important;
	}
@media screen and (min-width: 0px) and (max-width: 480px) {
.star_size{
	font-size:14px;
	}

.question_size{
	font-size: 13px !important;
	line-height: 1.3em;
}
.question_margin{
	margin: 3px 0 3px 0;
}
.evaluation_boder{
	border-bottom: solid 1px #666;
	margin-bottom: 5px;
	}
.star_eva_bottom{
	margin-bottom: 10px !important;
	}
}
















/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/


/*----- 非会員 -----*/
.non-member {
    display: none!important;
}


/* form-reset */
.contents input[type="submit"],
.contents input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.contents input[type="submit"]:hover,
.contents input[type="button"]:hover {
	opacity: 0.7;
}
.contents input[type="submit"]::-webkit-search-decoration,
.contents input[type="button"]::-webkit-search-decoration {
  display: none;
}
.contents input[type="submit"]::focus,
.contents input[type="button"]::focus {
  outline-offset: -2px;
}
/* checkbox */
/* checkbox & radio */
.contents .uk-radio ,
.contents .uk-checkbox {
    background-color: #FFF;
    border: 1px solid #e5e5e5;
}
.contents .uk-checkbox {
    border-radius: 3px;
}
.contents .uk-radio:checked ,
.contents .uk-checkbox:checked {
    background-color: #FFF;
}
.contents .uk-checkbox:checked {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjaGVjayIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWNoZWNrIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ij48L3BhdGg+PC9zdmc+")
}
.contents .uk-radio:checked {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2IDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgY3g9IjMiIGN5PSIzIiByPSIwLjk4Ii8+DQo8L3N2Zz4NCg==");
}
.contents label + label {
    margin-left: 1em;
}
/* select */
.contents select {
    background: #FFF;
    border-radius: 5px;
    padding-left: 15px;
    color: #8f8d8d;
    line-height: 1.1em;
}
/* label */
.contents label {
    cursor: pointer;
}
/* button */
button.submit-b {
    background: #333;
    color: #FFF;
    height: 36px;
    padding: 0 20px;
    font-size: 14px;
    font-size: 1.4rem;
}
/* textarea */
.contents textarea {
    resize: vertical;
}

/*---border-radius--*/
.apc-border-radius5 {
	border-radius : 5px;
}

/*---text-align--*/
.apc-text-c {
	text-align: center;
}

/*--- margin --*/
.apc-mt20 {
	margin-top : 20px;
}

/*--- uikit_reset --*/
/*.uk-grid > li {
	padding-left: 0;
}*/

/*--- noto_title --*/
.noto {
    font-family: "Noto Sans JP";
    letter-spacing: 0.08em;
}

/* 疑似ボタン　置き場 */
.edit-btn-sp ,
.search-btn-sp ,
.search-top p.close,
.toggle,
.main .member-sp li.title ,
.mypage-menu-btn ,
#header .icon {
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.edit-btn-sp:hover ,
.search-btn-sp:hover ,
.search-top p.close:hover,
.toggle:hover,
.main .member-sp li.title:hover ,
.mypage-menu-btn:hover ,
#header .icon:hover {
    opacity: 0.7;
}

/* 汎用 -------------------------------------- */
.sec-box {
	padding: 60px 0;
	text-align: center;
}
/* 共通button */
.btn a ,
.btn input[type=submit] ,
.btn input[type=button] ,
.btn button {
	display: block;
	margin: 0 auto;
	background: #fe9402;
	text-align: center;
	color: #FFF;
	width: auto;
	padding: 0.8em 1em;
	border-radius: 5px;
	font-weight: bold;
    box-sizing: border-box;
    line-height: 1;
}
.btn a.gry ,
.btn input[type=button].gry ,
.btn input[type=submit].gry ,
.btn button.gry {
	background: #e5e5e5;
	color: #333;
}
.btn > .w50 {
	width: 50%;
    margin: 0 auto;
}
ul.btn.uk-flex li + li {
	margin-left: 3%
}
ul.btn.uk-flex li{
	width: 100%;
}
.btn > .w50 a,
.btn > .w50 button,
ul.btn.uk-flex li a,
ul.btn.uk-flex li input[type=button],
ul.btn.uk-flex li input[type=submit],
ul.btn.uk-flex li button{
	width: 100%;
    font-size: 1.6rem;
    line-height: 1;
}

/* 共通title 20190117未編集*/
.main h2,
.main h3,
.main h4{
    font-weight: bold;
    line-height: 1.2;
}
/*
.main h2{
    font-size: 25px;
    font-size: 2.5rem;
}
.main h3{
    font-size: 18px;
    font-size: 1.8rem;
}
*/
.generic {
    font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 auto;
	margin-bottom: 1.5em;
    text-align: center;
    letter-spacing: 0;
}
.generic .min {
    font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	display: inline-block;
    margin-left: 0.5em;
}
.generic a {
    text-decoration: underline;
}

/* contents -------------------------------------- */
.uk-container {
	/*width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	box-sizing: border-box;*/
}
/* member---------------- */
.member .child ,
.member-set .child {
    position: absolute;
    /* right: -1px; */
    right: 0;
    top: 44px;
    background: #FFF;
    /* border: 1px solid #333; */
    border: none;
    border-top: none;
    z-index: 100;
    width: 157px;
    padding: 1em 0;
    display: none;
}
.member .child a ,
.member-sp .child a {
    display: block;
    text-align: center;
    padding: 1em 1.2em;
}
.member + p {
    margin-left: 1em;
}



/* main -------------------------------------- */
#main {
    padding-bottom: 110px;
}

/* search --------------------------------------*/
.search {
    background: #e5e5e5;
    margin-bottom: 24px;
}
.main .select-set {
    margin: 5px auto;
}
.main .select-set > div {
    padding: 0;
}
.main .select-set > div + div {
    margin-left: 13px;
}
#main .search select {
    height: 36px;
}
.search p {
    text-align: center;
}
.search p.sort {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 24px;
}
.search p.sort label + label {
    margin-left: 3em;
}
.search p.submit {
    margin-bottom: 26px;
}
/* Large category tab --------------------------------------*/
.large-tab {
    border-bottom: 2px solid #333;
    margin-bottom: 24px;
    margin-top: 24px;
}
.large-tab li + li {
    margin-left: 3px;
}
.large-tab li a {
    display: block;
    width: 209px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 0 15px;
    position: relative;
    background: #898989;
    border-radius: 5px 5px 0 0;
    height: 50px;
    box-sizing: border-box;
}
.large-tab li.active a {
    background: #000;
}
.large-tab li a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
}
.large-tab li.active a:before {
	content: none;
}

/* main-top --------------------------------------*/
.main-top {
    width: 100%;
    position: relative;
    margin: 24px auto 28px;
}
.main-top-left {
    width: 100%;
}
/* pankuzu -----------------------------*/

.uk-breadcrumb>*>* {
    color: #B9B9B9;
    font-size: small;
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: ">";
    margin: 0;
    margin-right: 5px;
    font-size: 14px;
}


/* mega menu ------------------- */
p.mypage-menu-btn {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 0;
    background: #e5e5e5;
    text-align: center;
    border-radius: 5px;
    width: 230px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
}
p.mypage-menu-btn:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f0fe";
    padding-left: 1.2em;
}
p.mypage-menu-btn.active {
    color: #FFF;
    background: #333;
}
p.mypage-menu-btn.active:after {
    content: "\f146";
}
.mypage-menu {
    position: absolute;
    right: 0;
    top: 45px;
    background: #333;
    width: 100%;
    z-index: 10;
    padding: 1.5em 0;
    display: none;
}
.mypage-menu li {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mypage-menu .set5 li {
    width: 20%;
}
.mypage-menu .set6 li {
    width: 16%;
}
.mypage-menu li ,
.mypage-menu li a {
    color: #FFF;
    font-size: 13px;
    font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mypage-menu li a {
    display: block;
    padding: 1em 0;
    width: 100%;
}

/* main-header-btn ------------------- */
.main-header-btn ul {
    text-align: left;
}
.main-header-btn ul li ,
.main-header-btn ul li a{
    display: inline-block;
}
.main-header-btn ul li + li {
    margin-left: 1em;
}

/* main-contents --------------------------------------------------------- */

.main-contents p {
    line-height: 1.2;
}
.main-contents > section + section {
    margin-top: 50px;
}
.main-contents .str {
    color: #fe9402;
    font-size: 16px;
    font-size: 1.6rem;
}
.main-contents .more-item {
    text-align: center;
    margin: 30px auto 0;
}

/* error message ------------------- */
.message-box,
.error-box ,
.header_msg_info,
.header_msg_error {
    /* margin: 30px auto; */
    padding: 0.5em 2em;
    border-radius: 5px;
    line-height: 1.4;
    font-size: 1.4rem;
    font-size: 14px;
}
.message-box,
.error-box {
    background: none;
    border: 2px solid #f7f5ed;
    /* padding: 1.5em 2em; */
}
.message-box {
    background: #b5dfe5;
    border: 2px solid #8bc0cc;
}
.error-box {
    background: #ffb8b8;
}
.message-box p,
.error-box p {
    text-align: left;
    line-height: 1.4;
    font-size: 1.4rem;
    font-size: 14px;
}
.error-box p + p{
    margin-top: 0.5em;
}
.header_msg_info {
    background: #b2e0f8;
    color: #1c8ac3;
}
.header_msg_error {
    background: #ffb8b8;
    color: #f12c2c;
}

/* form-set ------------------------------------*/
.form-set {
	background: #FFF;
	padding: 3%;
	margin: 60px auto;
    width: 100%;
    box-sizing: border-box;
}
/* form-set error*/
.form-set p.error {
	color: #ed4e58;
    line-height: 1.4;
	font-size: 1.4rem;
	font-size: 14px;
}
/* form-set table */
.form-set table {
	margin: 0 auto;
	box-sizing: border-box;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.form-set table tr.error {
	background: #ffb8b8;
}
.form-set table tr.error p.error {
	margin-bottom: 5px;
}
.form-set table th, .form-set table td {
	text-align: left;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
    border-bottom: 1px dashed #ededed;
}
.form-set table th {
	padding: 1.5em 3em;
    width: 35%;
    font-weight: bold;
}
.form-set table th label > * {
	vertical-align: middle;
}
.form-set table th label > i {
	margin-left: 1em;
    font-size: 14px;
    font-size: 1.4rem;
}
.form-set table td {
	padding: 1.5em 1.5em 1.5em 0;
}
.form-set table th .info {
	display: inline-block;
    margin-left: 1em;
    vertical-align: middle;
    background: #342f29;
    color: #FFF;
    padding: 1px 3px 0;
    border-radius: 3px;
    font-size: 10px;
    font-weight: normal;
}
.form-set .uk-input, .form-set .uk-select, .form-set .uk-textarea {
	border: 1px solid #cecece;
	border-radius: 5px;
}
.uk-select.uk-form-small {
    padding-right: 20px !important;
}
.form-set .uk-textarea {
	padding: 1em 10px;
    resize: vertical;
}
.form-set .uk-checkbox {
	border-color: #cecece;
	border-radius: 3px;
}
.form-set .btn-set {
	margin: 0 50px;
}
.form-set .uk-margin-small-top {
    margin-top: 0!important;
}
.form-set .kiyaku {
    text-align: center;
    margin: 3em auto 1.5em;
}
.form-set .uk-button.uk-width-auto\@m {
    min-width: 230px;
}
.fini p {
    line-height: 1.6;
}
.fini * + p {
    margin-top: 1.5em;
}
.fini p.last {
    margin-top: 3em;
}

/* form-set2 ------------------------------------*/
.form-set2 {
    box-sizing: border-box;
}
/* form-set2 error*/
.form-set2 p.error {
	color: #ed4e58;
    line-height: 1.4;
	font-size: 1.4rem;
	font-size: 14px;
}
/* form-set2 table */
.form-set2 table {
	margin: 0 auto;
	box-sizing: border-box;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.form-set2 table tr.error {
	background: #ffb8b8;
}
.form-set2 table tr.error p.error {
	margin-bottom: 5px;
}
.form-set2 table th, .form-set2 table td {
	text-align: left;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
    border-bottom: 1px dashed #ededed;
}
.form-set2 table th {
	padding: 1.5em 3em;
    width: 35%;
    font-weight: bold;
}
.form-set2 table th label > * {
	vertical-align: middle;
}
.form-set2 table th label > i {
	margin-left: 1em;
    font-size: 12px;
    font-size: 1.2rem;
}
.form-set2 table td {
	padding: 1.5em 1.5em 1.5em 0;
}
.form-set2 table th .info {
	display: inline-block;
    margin-left: 1em;
    vertical-align: middle;
    background: #f06570;
    color: #FFF;
    padding: 1px 3px 0;
    border-radius: 3px;
    font-size: 10px;
    font-weight: normal;
}
.form-set2 .uk-input, .form-set2 .uk-select, .form-set2 .uk-textarea {
	border: 1px solid #cecece;
	border-radius: 5px;
}
.form-set2 .uk-textarea {
	padding: 1em 10px;
    resize: vertical;
}
.form-set2 .uk-checkbox {
	border-color: #cecece;
	border-radius: 3px;
}
.form-set2 .btn-set {
	margin: 0 50px;
}
.form-set2 .uk-margin-small-top {
    margin-top: 0!important;
}
.form-set2 .kiyaku {
    text-align: center;
    margin: 3em auto 1.5em;
}

/* outline-box ------------------- */
.outline-box + .outline-box {
    margin-top: 25px;
}
.outline-box .box-img-set {
    width: 20%;
}
.outline-box .box-img-set h3 {
    height: 100%;
}
.outline-box .box-img-set img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.outline-box .box-img-set + div {
    border: 1px solid #ededed;
    width: 80%;
    box-sizing: border-box;
    padding: 15px;
    background: #FFF;
}

/* box-head-set */
.outline-box .pc p {
    font-size: 13px;
    font-size: 1.3rem;
}
.outline-box h4 {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 3px auto 14px;
}
.outline-box p.set-left .annotation {
    font-size: 12px;
    font-size: 1.2rem;
    color: #FFF;
    background: #7eaf51;
    line-height: 18px;
    padding: 0 0.3em;
    display: inline-block;
    margin-left: 0.5em;
}
.outline-box .box-head-set .date ,
.outline-box .box-head-set .date a {
    color: #73a842;
}
.outline-box .box-head-set .date i {
    padding-right: 0.5em;
    cursor: pointer;
}
.outline-box .box-head-set .date a {
    text-decoration: underline;
}
.outline-box .box-head-set p.date a.other {
    color: #333;
    border: 1px solid #333;
    background: #FFF;
    height: 18px;
    line-height: 18px;
    padding: 0 0.3em;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
    display: inline-block;
    margin-left: 0.5em;
}
/* item */
.outline-box .item {
    margin: 1em auto;
}
.outline-box .item dt ,
.outline-box .item dd {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
}
.outline-box .item dd + dt {
    margin-left: 3em;
}
.outline-box .item img {
    width: 1em;
    height: 1em;
}
/* box-foot-set */
.outline-box .btn a {
    width: 172px;
}
.outline-box .box-foot-set .img {
    margin-right: 1.2em;
}
.outline-box .box-foot-set .name i {
    padding-left: 0.5em;
}

/* thumbnail-box ------------------- */
.thumbnail-box {
    width: 25%;
    margin: 0 auto;
}
.thumbnail-box a {
    display: block;
}
.thumbnail-box .img-set {
    position: relative;
}
.thumbnail-box .img-set p.img img {
    width: 100%;
    height: 144px;
    -o-object-fit: cover;
    object-fit: cover;
}
.thumbnail-box .img-set p.price {
    position: absolute;
    right: 17px;
    top: 14px;
    color: #FFF;
    background: rgba(51,51,51,0.7);
    height: 22px;
    line-height: 22px;
    padding: 0 0.3em;
}
.thumbnail-box .img-set p.favorite {
    position: absolute;
    left: 15px;
    top: 14px;
}
.thumbnail-box .img-set .price img {
    width: 33px;
    height: 33px;
}
.thumbnail-box h3.title ,
.thumbnail-box p.date {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 1em 0.5em 0.5em;;
    box-sizing: border-box;
}
.thumbnail-box h3.title {
    background: #eee;
}
.thumbnail-box p.date {
    background: #333;
    color: #FFF;
}
.thumbnail-box p.date > span {
    display: inline-block;
}
.thumbnail-box p.date i {
    padding-left: 16px;
    font-size: 1.0rem;
    font-size: 10px;
}

/* list-general ------------------- */
.list-general {
    border-top: 1px dashed #a8a8a8;
}
.list-general li a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 17px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.list-general li {
    border-bottom: 1px dashed #a8a8a8;
}
.list-general li:nth-child(odd) {
    background: #f5f5f5;
}
.list-general li a > *:nth-last-child(2) {
    width: 100%;
    text-align: left;
}
.list-general li a .img {
    min-width: 110px;
}
.list-general li a .date {
    min-width: 19%;
    margin-left: 5%;
}
.list-general li h3 ,
.list-general li .title {
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.0em;
}
.list-general li .title {
    position: relative;
    padding-left: 0.5em;
    margin-left: 1.5em
}
.list-general li a > *.title:first-child {
    margin: 0;
}
.list-general li .title:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    font-size: 10px;
    font-size: 1.0rem;
    color: #fe9402;
    display: inline-block;
    margin-right: 0.5em;
    vertical-align: middle;
    position: absolute;
    top: 1em;
    left: 0;
    margin-top: -1em;
}
.list-general li .title > span {
    display: inline-block;
}
/* chat-list */
.chat-list .list-general li a .img {
    min-width: 60px;
}
.chat-list .list-general li a .title span.name {
    display: block;
    margin-bottom: 10px;
}
.chat-list .list-general li a .data span.new {
    display: block;
    margin: 0  0 0 auto;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #FFF;
    border-radius: 16.5px;
    background: #333;
    font-weight: bold;
}
/* review-list */
.review-list .list-general li a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.review-list .list-general li h3 {
    font-weight: bold;
    margin: 0 auto 10px;
    padding: 0;
}
.review-list .list-general li h3:before {
    content: none;
}
.review-list .list-general li p {
    line-height: 2;
}
.review-list .list-general li a > div {
    margin-left: 1.5em;
}

/* table-general ------------------- */
.table-general th ,
.table-general td {
    text-align: center;
    vertical-align: middle;
    padding: 26px 1em;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
}
.table-general th {
    font-weight: bold;
    background: #f5f5f5;
}
.table-general th + th ,
.table-general td+ td {
    border-left: 1px solid #a8a8a8;
}
.table-general td {
    border-top: 1px dashed #a8a8a8;
}
.table-general tr:last-child > * {
    border-bottom: 1px dashed #a8a8a8;
}
.table-general td a {
    text-decoration: underline;
}

/* サイドバー -------------------------------------------------------------- */

.sidebar .item_search_area {
    border-bottom: solid 1px #CCCCCC;
    position: relative;
    padding-bottom: 20px;
}

.sidebar .item_search_area::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 1px #B98E48;
    bottom: -1px;
    width: 70px;
}

.sidebar .item_search_area h3 {
    font-size: 2.0rem;
    font-weight: bold;
    color: #342f29;
}

.sidebar .item_search_area ul li {
    margin-bottom: 10px;
}

.sidebar .item_search_area ul li a {
    color: #3B3B3B;
}

.sidebar .category_search_area {
    border-bottom: solid 1px #CCCCCC;
    position: relative;
    padding-bottom: 20px;
}

.sidebar .category_search_area::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 1px #B98E48;
    bottom: -1px;
    width: 70px;
}

.sidebar .category_search_area h3 {
    font-size: 2.0rem;
    font-weight: bold;
    color: #342f29;
}

.sidebar .category_search_area ul li {
    margin-bottom: 10px;
}

.sidebar .category_search_area ul li a {
    color: #3B3B3B;
}

.sidebar .price_search_area {
    position: relative;
    padding-bottom: 20px;
}

.sidebar .price_search_area h3 {
    font-size: 2.0rem;
    font-weight: bold;
    color: #342f29;
}

.sidebar .price_search_area ul li {
    margin-bottom: 10px;
}

.sidebar .price_search_area ul li a {
    color: #3B3B3B;
}

.sidebar .uk-tab {
    margin-left: 0;
}

/* gototop -------------------------------------------------------------- */

.pagetop {
    background-color: #fff;
    padding: 15px;
    text-align: center;
    border-top: 1px solid #D1D1D1;
    border-bottom: 2px solid #CBCBCB;
}

.pagetop a {
    color: #5F5F5F ;
}

/* footer -------------------------------------------------------------- */
#footer {
	background: #ededea;
}
#footer h3 {
    font-weight: bold;
    padding: 1.5em 1em;
    border-bottom: 1px solid #333;
}
#footer h3 + ul ,
#footer .child ul {
    padding: 1.5em 0 1.5em 1em;
}
#footer h3 + ul li ,
#footer .child ul li {
    padding: 0 0 0.8em;
}
#footer h3 + ul li a ,
#footer .child ul li a {
    font-size: 12px;
    font-size: 1.2rem;
}

#footer ul.f_nav {
    margin-top: 30px;
}

#footer ul li a {
    color: #342f29;
}

#footer .sub_nav li {
    padding: 0 5px;
    border-right: 1px solid #cfd3d3;
}

#footer .sub_nav li:last-child {
    padding-right: 0;
    border-right: none;
}

#footer .but_wide_top {
    background-color: #b8b8b8;
    color: #f7fdfe;
    font-weight: bold;
    letter-spacing: 3px;
    width: 80%;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: auto;
}

#footer .uk-button a {
    font-size: 12px;
}

@media screen and (max-width: 959px) {
    #footer ul li a {
        font-size: 16px;
    }
    #footer .sub_nav {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #footer .sub_nav li a{
       font-size: 13px;
    }
}

/* category ------------ */
#footer .category {
	background: #d1d0d0;
}
#footer .category .uk-container {
    padding: 55px 40px 23px 54px;
}
#footer .category h2 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 30px;
}
#footer .category h2 span {
    font-size: 30px;
    font-size: 3.0rem;
    padding-right: 1em;
}
#footer .category .uk-container > ul > li {
    width: 210px;
    margin-right: 45px;
}
#footer .category .uk-container > ul > li:nth-child(4n) {
    margin-right: 0;
}
/* footer-main ------------ */
#footer .footer-main .uk-container {
    padding: 55px 40px;
}
#footer .footer-main .uk-container + .uk-container {
    padding-top: 0;
}
#footer .footer-main h3 {
    border-bottom: 1px solid #FFF;
    color: #FFF;
}
#footer .footer-main .uk-container > ul > li {
    width: 30%;
    margin-right: 45px;
}
#footer .footer-main li a {
    color: #FFF;
}
#footer .footer-main .uk-container > ul > li:last-child {
    margin-right: 0;
}

#footer .uk-button {
    font-size: 16px;
    font-size: 1.6rem;
}
/* footer gl */
#footer .footer-main .uk-container > ul.f-gl > li {
    margin: 0 auto;
    width: auto;
}
#footer .f-gl li a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #FFF;
}
#footer .f-gl li.sns-icon a {
    color: #676767;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    font-size: 14px;
}
#footer .f-gl li.sns-icon a + a {
    margin-left: 9px;
}
#footer .copyright {
    border-top: 1px solid #FFF;
    padding-top: 40px;
    margin-top: 32px;
    color: #FFF;
}


@media screen and (min-width:960px) {
	.sp {
		display: none!important;
	}
	.sp-inline {
		display: none!important;
	}
	.sp-flex {
		display: none!important;
	}
}

@media screen and (max-width: 959px) {
	.pc {
		display: none!important;
	}
	.sp {
		display: block;
	}
	.sp-inline {
		display: inline;
	}
	.sp-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	body , .contents{
		min-width: 314px ;
	}
	p, table, dl, ol, a {
		font-size: 1.6rem;
        font-size: 16px;
		line-height: 1.6;
	}
	.main p,  .main p a {
		font-size: 1.6rem;
        font-size: 16px;
	}
    #main {
        padding-bottom: 5%;
    }
	/* 汎用 -------------------------------------- */
	.btn {
		margin: 0 auto;
        box-sizing: border-box;
	}
	#main .btn a {
		width: 100%;
        font-size: 10px;
        font-size: 1.0rem;
        padding: 0.5em 0;
        border-radius: 3px;
	}
 	.generic {
		font-size: 19px;
		font-size: 1.9rem;
 	}
    .btn > .w50 a,
    .btn > .w50 button,
    ul.btn.uk-flex li a,
    ul.btn.uk-flex li input[type=button],
    ul.btn.uk-flex li input[type=submit],
    ul.btn.uk-flex li button{
        font-size: 10px;
        font-size: 1.0rem;
    }

    /* form ------------------------------------------ */
   /* button */
    button.submit-b {
        height: 40px;
        width: 100%;
    }

	/* header -------------------------------------- */
    #header {
        /* box-shadow:0px 3px 5px 1px rgba(0,0,0,0.35); */
        box-shadow: none;
   }
    #header h1 {
        margin: 8px 0;
   }
    #header p i {
        display: inline-block;
        font-size: 19px;
        font-size: 1.9rem;
       margin-left: 1em;
   }
    #header .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
	.btn-sp {
		width: 20px;
		height: 20px;
        margin-left: 1.5em;
	}
	.btn-sp a {
		display: block;
		width: 20px;
		height: 0;
		padding-top: 20px;
		overflow: hidden;
	}
	/*ハンバーガー*/
	.menu-trigger,  .menu-trigger span {
		display: inline-block;
		-webkit-transition: all .4s;
		transition: all .4s;
		box-sizing: border-box;
		cursor: pointer;
	}
	.btn-sp a.menu-trigger {
		position: relative;
		width: 20px;
		height: 20px;
		z-index: 99999;
		padding: 0;
        margin: 0;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #FFF;
		border-radius: 2px;
 	}
	.menu-trigger span:nth-of-type(1) {
		top: 1px;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 9px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 1px;
	}
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(8.3px) rotate(-315deg);
		-ms-transform: translateY(8.3px) rotate(-315deg);
		transform: translateY(8.3px) rotate(-315deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8.3px) rotate(315deg);
		-ms-transform: translateY(-8.3px) rotate(315deg);
		transform: translateY(-8.3px) rotate(315deg);
	}
	.layer ,
	.layer-c ,
	.layer-b {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,0.77);
        z-index: auto;
	}
	.layer-b ,
	.layer-c {
		background: rgba(0,0,0,0.4);
        /*
        top:58px;
        height: calc( 100% - 58px);
        */
	}
	.layer-b.active ,
	.layer-c.active ,
	.layer.active {
		display: block;
	}
    /* gl -----------------------*/
    #header .gl {
        display: none;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #333;
        padding: 58px 0 0 0;
    }
    #header .gl.active {
        display: block;
    }
    #header .gl > li {
        border-bottom: 1px solid #FFF;
    }
    #header .gl > li + li {
        margin-left: 0;
    }
    #header .gl li .child,
    #header .gl li .child2{
        position: relative;
         background: #333;
        padding: 0 ;
        width: 100%;
        left: 0;
        top: 0;
    }
    #header .gl li > a,
    #header .gl li > span {
        padding: 1em;
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
    #header .gl li a{
        text-align: center;
        border-radius: 0;
        line-height: 1;
    }
    #header .gl > li span.active:after {
        content: "\f106";
    }
        /* ドロップダウンリスト時背景固定 */
    .scroll-prevent {
        position: fixed;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
    }

	/* main -------------------------------------- */
	#main {
	}

    /* main-top -------------------------------------- */
    .main-top {
        margin: 15px auto 5%;
    }
    /* main member-sp ----------------------------------*/
    .main .member-sp {
        background:#e5e5e5;
        padding: 7.5px 0;
        position: relative;
        margin-bottom: 10px;
    }
    .main .member-sp.mb-none {
        margin-bottom: 0;
    }
    .main .member {
        background: #FFF;
        border-radius: 3px;
        padding: 2px 3px;
        width: 157px;
        box-sizing: border-box;
        cursor: pointer;
    }
    .main .member-img img {
        width: 20px;
        height: 20px;
    }
    .main p.member-name ,
    .main .member-sp p.toggle {
        margin-left: 0.3em;
        font-size: 10px;
        font-size: 1.0rem;
    }
   .main .member-sp p.toggle:after {
        content: "";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f105";
        padding-left: 0.5em;
    }
   .main .member-sp .account {
       padding: 0;
    }
   .main .member-sp li ,
   .main .member-sp li a {
       font-size: 11px;
        font-size: 1.1rem;
    }
   .main .member-sp li.title {
        background:#e5e5e5;
       padding: 1.5em 3em 1.5em 1.2em;
       position: relative;
    }
   .main .member-sp li.title:after {
        position: absolute;
        right: 1em;
        top: 50%;
        display: block;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00d";
        margin-top: -0.5em;
    }
    .main .member-sp .child {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        border: 1px solid #333;
        border-top: none;
        z-index: 100;
        width: 185px;
        padding: 0;
        background: #FFF;
    }


    /* Large category tab --------------------------------------*/
    .large-tab {
        border-bottom: 2px solid #333;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .large-tab li {
        width: 50%;
    }
    .large-tab li + li {
        margin-left: 5px;
    }
    .large-tab li a {
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
        padding: 0.7em 0 0.5em;
        height: auto;
    }
    .large-tab li.active a {
        padding: 0.7em 0 0.5em;
    }

    /* pankuzu */
    .pankuzu {
        margin: 15px auto 1em;
    }
    .pankuzu li , .pankuzu li a {
        font-size: 8px;
        font-size: 0.8rem;
    }
    /* mega menu ------------------- */
    p.mypage-menu-btn {
        font-size: 10px;
        font-size: 1.0rem;
        border-radius: 3px;
        width: 130px;
        height: 26px;
        line-height: 26px;
    }
    p.mypage-menu-btn:after {
        margin-left: 0.5em;
        padding-left: 0;
    }
    .mypage-menu {
        top: 23px;
        padding: 1em 0;
    }
    .mypage-menu ul {
        padding: 0 1em;
    }
    .mypage-menu .set5 li ,
    .mypage-menu .set6 li {
        width: 50%;
    }
    .mypage-menu li a {
        font-size: 11px;
        font-size: 1.1rem;
    }

    /* search ------------------- */
    .search {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        width: 100%;
        box-sizing: border-box;
    }
    .search-top h3{
        margin: 8px 0;
    }
    .search-top p.close {
        font-size: 18px;
        font-size: 1.8rem;
        color: #333;
    }
    .search .select-set {
        margin: 24px auto;
        display: block;
    }
    .main .select-set > div + div {
        margin: 3% 0 0 0;
    }
    .main .select-set > div:first-child ,
    .main .select-set > div:nth-child(2) {
        width: 48%;
        display: inline-block;
    }
    .main .select-set > div:nth-child(2) {
        margin: 0 0 0 1%;
    }
    #main .search select {
        height: 40px;
        font-size: 11px;
        font-size: 1.1rem;
    }
    .search p.sort {
        font-size: 11px;
        font-size: 1.1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .search p.sort label + label {
        margin-left: 1.5em;
    }
    .search p.btn {
        margin-top: 3%;
        padding-left: 0;
    }

    /* main-contents ----------------------------------------------------------- */
    .main-contents .more-item {
        margin: 5% auto 0;
    }
    .main-contents .more-item a {
        display: block;
    }
    .main-contents .more-item img {
        width: 70%;
        height: auto;
    }

    /* error message ------------------- */

    .message-box,
    .error-box ,
    .header_msg_info,
    .header_msg_error {
        margin: 0 auto 5%;
        padding: 3%;
        font-size: 1.3rem;
        font-size: 13px;
   }
    .message-box p,
   .error-box p {
        font-size: 1.3rem;
        font-size: 13px;
    }

	/* form-set */
	.form-set {
		padding: 5% 2%;
		width: 100%;
		box-sizing: border-box;
	}
	.form-set .error-box {
		margin-bottom: 0;
	}
	.form-set h4 {
		text-align: left;
		font-size: 1.6rem;
		font-size: 16px;
		line-height: 1.6;
		padding: 0 0.8em;
	}
	.form-set table {
		margin: 0 auto 1em;
	}
	.form-set table th,  .form-set table td {
		/*text-align: center;*/
		display: block;
	}
	.form-set table tr:first-child td {
		border-top: none;
	}
	.form-set table th {
		padding: 3% 3% 0;
		border: none;
		font-size: 16px;
		font-size: 1.6rem;
        width: 100%;
	}
	.form-set table td {
		padding: 0 1em 1em;
	}
	.form-set table td .uk-child-width-auto {
		min-height: 18px;
	}
	.form-set .btn-set li:last-child {
		margin-top: 2%;
	}
	.form-set .btn-set {
		display: block;
		margin: 0 3%;
	}
	.form-set .btn-set li .uk-button {
		width: 100%;
		font-size: 14px;
		font-size: 1.4rem;
		height: 45px;
	}
	.form-set table td {
		padding: 3%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /*-webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;*/
        flex-wrap: wrap;
	}
    .form-set .uk-button.uk-width-auto\@m {
        min-width: auto;
    }
	/* form-set2 */
	.form-set2 {
		width: 100%;
		box-sizing: border-box;
	}
	.form-set2 .error-box {
		margin-bottom: 0;
	}
	.form-set2 h4 {
		text-align: left;
		font-size: 1.4rem;
		font-size: 14px;
		line-height: 1.6;
		padding: 0 0.8em;
	}
	.form-set2 table {
		margin: 0 auto 1em;
	}
	.form-set2 table th,  .form-set2 table td {
		/*text-align: center;*/
		display: block;
	}
	.form-set2 table tr:first-child td {
		border-top: none;
	}
	.form-set2 table th {
		padding: 3% 3% 0;
		border: none;
		font-size: 14px;
		font-size: 1.4rem;
        width: 100%;
	}
	.form-set2 table td {
		padding: 0 1em 1em;
	}
	.form-set2 table td .uk-child-width-auto {
		min-height: 18px;
	}
	.form-set2 .btn-set li:last-child {
		margin-top: 2%;
	}
	.form-set2 .btn-set {
		display: block;
		margin: 0 3%;
	}
	.form-set2 .btn-set li .uk-button {
		width: 100%;
		font-size: 12px;
		font-size: 1.2rem;
		height: 45px;
	}
	.form-set2 table td {
		padding: 3%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /*-webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;*/
        flex-wrap: wrap;
	}
	.uk-form-width-small {
		width: 30%;
	}
    .uk-form-width-small.product_detail_num {
        width: 90px;
    }

    /* outline-box ------------------- */
    .course-outline h4 {
        font-weight: normal;
        font-size: 12px;
        font-size: 1.2rem;
        margin: 1em 0;
        line-height: 1.6;
    }
    .course-outline .uk-container > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .course-outline .outline-box {
        display: block;
        width: 44%;
        margin-bottom: 0.5%;
        padding: 0 2%;
    }
    .outline-box + .outline-box {
        margin: 0;
    }
    .outline-box .box-foot-set  {
        display: block;
    }
     .outline-box .box-img-set + div {
        border: none;
        width: auto;
        padding: 0;
    }
    .outline-box .box-img-set {
        width: 100%;
        position: relative;
    }
    .outline-box .box-img-set .date {
        position: absolute;
        left: 0;
        bottom: 0;
        color: #FFF;
        width: 100%;
        background: rgba(51,51,51,0.7);
        padding: 0.5em;
        font-size: 10px;
        font-size: 1.0rem;
        box-sizing: border-box;
        font-weight: bold;
     }
    .outline-box .box-img-set .date span {
        display: inline-block;
     }
    .outline-box .box-img-set .favorite {
        position: absolute;
        left: 3%;
        top: 3%;
        background: #FFF;
        border-radius: 3px;
        display: inline-block;
        padding: 5px;
        box-sizing: border-box;
        font-size: 10px;
        font-size: 1.0rem;
    }
    .outline-box .box-img-set .favorite img {
        height: 10px;
        width: auto;
        padding-right: 0.3em;
    }
    .outline-box .btn a {
        width: 100%;
    }

    /* thumbnail-box ------------------- */
    .thumbnail-box {
        width: 50%;
    }
    .thumbnail-box h3.title ,
    .thumbnail-box p.date{
        font-size: 12px;
        font-size: 1.2rem;
    }

    /* list-general ------------------- */
    .list-general {
        border-top: 1px dashed #a8a8a8;
    }
    .list-general li a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 3%;
    }
    .list-general li h3, .list-general li .title {
         font-size: 14px;
        font-size: 1.4rem;
    }
    .review-list .list-general li a > div ,
    .list-general li a .date {
        margin-left: 0;
        width: 100%;
    }
    .list-general li a .date {
        text-align: right;
        margin-top: 10px;
        font-size: 10px;
        font-size: 1.0rem;
    }
    .list-general li .title {
        margin-left: 0;
    }
    /* table-general ------------------- */
    .table-general ,
    .table-general tbody ,
    .table-general tr ,
    .table-general th ,
    .table-general td {
        display: block;
        font-size: 12px;
       font-size: 1.2rem;
        width: 100%;
        box-sizing: border-box;
    }
    .table-general td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 0;
    }
    .table-general td:nth-child(odd) {
        background: #f5f5f5;
    }
    .table-general td > * {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1.5em 1em;
        line-height: 1.4em;
    }
    .table-general td > span.sp {
        border-right: 1px solid #e5e5e5;
        width: 80px;
        font-weight: bold;
    }
    .table-general td > *:last-child {
        text-align: left;
        width: 67%;
    }
    .table-general th + th, .table-general td+ td {
        border-left: 0;
    }
    .table-general td + td {
        border-left: 0;
    }
    .table-general tr + tr {
        margin-top: 25px;
    }
    .table-general tr {
        border-bottom: 1px dashed #a8a8a8;
    }
    .table-general tr:last-child > * {
        border-bottom: none;
    }


	/* gototop -------------------------------------- */
	#pageTop a {
		padding: 0 0 0 10px;
		width: 28px;
		height: 38px;
        box-sizing: content-box;
	}
	.iphone #pageTop a {
		padding: 0 0 0 12px;
		width: 26px;
		line-height: 38px;
	}
    	#pageTop a::before {
		height: 40px;
	}
    /* footer --------------------------------------------------------------------- */
    #footer {
    }
    #footer h3 {
        font-weight: bold;
        padding: 1.5em 1em;
        border-bottom: 1px solid #333;
    }
    #footer h3 + ul {
        padding: 1.5em 0 1.5em 1em;
    }
    #footer h3 + ul li {
        padding: 0 0 0.8em;
    }
    #footer h3 + ul li a {
        font-size: 12px;
        font-size: 1.2rem;
    }


    /* footer-main ------------ */
    #footer .footer-main .uk-container {
        padding: 0;
    }
    #footer .footer-main h3 ,
    #footer .footer-main .child ul ,
    #footer .footer-main .child ul li {
        text-align: center;
        padding: 0;
     }
    #footer .footer-main ul li.sp > a ,
    #footer .footer-main .child ul li > a ,
    #footer .footer-main h3 a {
        font-size: 11px;
        font-size: 1.1rem;
        display: block;
        padding: 1.5em 3%;
        text-align: center;
    }
    #footer .footer-main ul li.sp > a ,
    #footer .footer-main h3 + ul li > a {
        border-bottom: 1px solid #FFF;
    }
    #footer .footer-main .uk-container > ul.uk-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #footer .footer-main .uk-container > ul > li {
        width: 100%;
        margin-right: 0;
        box-sizing: border-box;
    }
    #footer .footer-main .uk-container > ul > li:last-child h3 a {
        font-weight: normal;
    }
    #footer .footer-main .uk-container > ul > li:last-child h3 a:after {
        display: none;
    }
    #footer .footer-main .uk-container > ul > li > h3 > a {
        position: relative;
    }
    #footer .footer-main .uk-container > ul > li > h3 > a:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f107";
        position: absolute;
        right: 3%;
    }
    #footer .footer-main .uk-container > ul > li > h3.active > a:after {
        content: "\f106";
    }
    /* アコーディオン以下 */
    #footer .footer-main .child {
        display: none;
    }
    #footer .footer-main .child ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: #d1d0d0;
    }
    #footer .footer-main .child ul li {
        width: 50%;
        border-bottom: 1px solid #676767;
        box-sizing: border-box;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
   }
    #footer .footer-main .child ul li:nth-child(odd) {
        border-right: 1px solid #676767;
    }
    #footer .footer-main .child ul li:nth-last-child(-n + 2) {
        border-bottom: none;
    }
    #footer .footer-main .child ul li a {
        border: none;
        color: #333;
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
   }
    #footer .footer-main .child ul li a span span {
        display: inline-block;
    }


    /* footer gl */
    #footer .footer-main .uk-container > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 1em 3% 30px 3%;
        position: relative;
    }
    #footer .footer-main .uk-container > div > p.link {
        width: 100%;
        margin-bottom: 1.5em;
    }
    #footer .footer-main .uk-container > div > p.link a {
        display: block;
        text-align: center;
        border: 1px solid #FFF;
        color: #FFF;
        padding: 1em 3%;
        box-sizing: border-box;
        font-size: 11px;
        font-size: 1.1rem;
    }
    #footer .footer-main .uk-container > div ul.f-gl {
        width: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 1em;
        box-sizing: border-box;
    }
    #footer .f-gl li {
        width: 100%;
        text-align: left;
        margin-bottom: 1em;
    }
    #footer .f-gl li a {
        font-size: 10px;
        font-size: 1.0rem;
    }
    #footer .f-gl li.sns-icon {
        position: absolute;
        right: 3%;
        bottom: 0;
        width: auto;
    }

    /* copyright */
    #footer .copyright {
        background: #333;
        border: none;
        padding: 1.5em 3% ;
        margin-top: 0;
        font-size: 11px;
        font-size: 1.1rem;
     }

}

.point1 h3 {
    color: #125760;
    font-weight: bold;
    font-size: 1.4em;
}
.point1 p {
    color: #125760;
}
.point2 h3 {
    color: #9d4567;
    font-weight: bold;
    font-size: 1.4em;
}
.point2 p {
    color: #9d4567;
}
.point3 h3 {
    color: #464442;
    font-weight: bold;
    font-size: 1.4em;
}
.point3 p {
    color: #464442;
}

.section-title {
    text-align: center;
    font-family: sans-serif ;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    color: #342f29;
    line-height: 1.8;
    margin-bottom: 50px;
}

.section-title.sub_txt {
    margin-bottom: 20px;
    font-weight: 600;
}

@media (max-width: 959px) {
    .section-title {
        font-size: 2.0rem;
    }
    .section-title.sub_txt {
        margin-bottom: 10px;
    }
    .section-title.ttl_margin_top_forsp {
        margin-top: 20px;
    }
}

.about_glass .uk-background-cover {
    height: 600px;
}

.uk-label.blueBlackOutline {
    background: #81cdc5;
    border: 1px solid #1d1210;
    color: #1d1210;
    font-weight: bold;
    border-radius: 0;
}

.uk-label.pinkBlackOutline {
    background: #f87286;
    border: 2px solid #1d1210;
    color: #fff;
    font-weight: bold;
    border-radius: 0;
}

.uk-label.blueBlackOutline.big {
    padding: 5px 10px;
    font-size: 1.2rem;
}

/* ------------------------------
    マイページ
------------------------------ */

#scroll_box {
    /*padding-bottom: 30px;
    -webkit-overflow-scrolling: touch;*/
    position: relative;
    width: 100%;
    padding-bottom: 30px;
}

.ps__rail-x, .ps__rail-y {
    opacity: 0.6!important;
}

.plan_select .each_item {
    margin-left: 15px;
}

.plan_select .each_item:first-child {
    margin-left: 0;
}

.plan_select .each_item .each_type {
    width: 315px;
}

@media (max-width: 400px) {
    .plan_select .each_item .each_type {
        width: 320px;
    }
}

.deli_type_list .each_type input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}

.deli_type_list .each_type label {
    display: block;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    position: relative;
    padding: 10px;
    background: #fff;
    color: #545454;
    border: 2px solid #eee;
    text-align: center;
}

@media (max-width: 959px) {
    .deli_type_list .each_type label {
        padding: 5px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }
}

.deli_type_list .each_type input[type="radio"]:checked + label {
    color: #545454;
    border: 2px solid #FE9595;
}

.arrival_type_list .each_type input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}

.arrival_type_list .each_type label {
    display: block;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    position: relative;
    padding: 10px;
    background: #fff;
    color: #545454;
    border: 2px solid #eee;
    text-align: center;
}

@media (max-width: 959px) {
    .arrival_type_list .each_type label {
        padding: 5px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }
}

.arrival_type_list .each_type input[type="radio"]:checked + label {
    color: #545454;
    border: 2px solid #FE9595;
}

.plan_type_list .each_type input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}

.plan_type_list .each_type label {
    display: block;
    cursor: pointer;
    padding: 20px;
    background: #F2F2F2;
    color: #545454;
    border: 2px solid #eee;
}

.plan_type_list .each_type input[type="radio"]:checked + label {
    border: 2px solid #f2cbcb;
    background: #f7e1e1;
}

.schedule_table table {
    border: 2px solid #f2cbcb;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.schedule_table table th,
.schedule_table table td {
    border: 1px solid #eee;
    padding: 1px 5px;
}

@media (max-width: 959px) {
    .schedule_table table th,
    .schedule_table table td {
        font-size: 10px;
    }
}

.schedule_table2 table td {
    border: 1px solid #eee;
}

/*#about_schedule {
    margin-top:-52px;
    padding-top:52px;
}*/

/* ------------------------------
    クレジットカード
------------------------------ */

.card-table.uk-table.uk-table-small th {
    padding: 10px 12px;
}

.card-table.uk-table.uk-table-small td {
    padding: 10px 12px;
}
.card-element {
    background-color: #ededea;
    padding: 20px;
}

/* ------------------------------
    利用規約
------------------------------ */

.terms .uk-card-default {
    box-shadow: none !important;
}

.terms .uk-card .uk-card-title {
    font-size: 1.8rem;
}

/* ------------------------------
    プライバシーポリシー
------------------------------ */

.privacy .uk-card-default {
    box-shadow: none !important;
}

.privacy .uk-card .uk-card-title {
    font-size: 1.8rem;
}

/* ------------------------------
    約款同意
------------------------------ */

.terms_privacy .terms .uk-card-default {
    box-shadow: none !important;
}

.terms_privacy .terms .uk-card .uk-card-title {
    font-size: 1.5rem;
}

.terms_privacy .privacy .uk-card-default {
    box-shadow: none !important;
}

.terms_privacy .privacy .uk-card .uk-card-title {
    font-size: 1.5rem;
}

#scroll_box1, #scroll_box2 {
    position: relative;
}



/* ------------------------------
    clearfix
------------------------------ */

.cf:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.cf {
	display: inline-block;
}
/* Hides from IE Mac */
* html .cf {
	height: 1%;
}
.cf {
	display: block;
}
/* End Hack */

.my-toggle.hideShowPassword-toggle-show {
    background-image: url(../js/hideShowPassword-master/images/wink.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    text-indent: -999em;
    border-radius: 5px;
    cursor: pointer;
    max-height: 100%;
    padding: 0;
    width: 46px;
    overflow: hidden;
    border: none;
    background-color: transparent;
    outline: none;
    appearance: none;
}

.my-toggle.hideShowPassword-toggle-hide {
    background-image: url(../js/hideShowPassword-master/images/wink.png);
    background-position: -44px center;
    background-repeat: no-repeat;
    text-indent: -999em;
    border-radius: 5px;
    cursor: pointer;
    max-height: 100%;
    padding: 0;
    width: 46px;
    overflow: hidden;
    border: none;
    background-color: transparent;
    outline: none;
    appearance: none;
}

/* ------------------------------
    掲載店一覧
------------------------------ */

.favorite_icon {
    color: gray;
    cursor: pointer;
}

.favorite_icon.active {
    color: #f06570;
}

.each_shop .shop_name {
    font-size: 120%;
}

.each_shop .but_favorite.active {
    background: #eacb6e !important;
    color: #a87328 !important;
    border: solid 1px #D9B341!important;
}

.each_shop .but_block.active {
    background: #c9c9c9 !important;
}

@media (max-width: 959px) {
    .each_shop .shop_name {
        font-size: 100%;
    }
    .each_shop .shop_review {
        font-size: 80%;
    }
}

.shop_introduction {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* ------------------------------
    商品一覧
------------------------------ */

.uk-card-media-top {
    height: 165px;
    display: flex;
}
.uk-card-media-top video {
    object-fit: cover;
}


.item_list .uk-card {
    border-radius: 5px ;
    border: 0.5px solid #eeeeee;
}

.item_list .uk-card .uk-card-default {
    background-color: #fff;
    color: #919191;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .08);
}


.menu_list .uk-card-media-top {
    height: 165px;
    display: flex;
}
.menu_list .uk-card-media-top video {
    object-fit: cover;
}

.menu_list .uk-card .uk-card-body {
    padding: 10px;
    height: 23rem;
    width: 90%;
}

@media (max-width: 959px) {
    .menu_list .uk-card .uk-card-body {
        padding: 5px;
        height: 23rem;
        width: 97%;
    }
}


.item_list .uk-card .uk-card-body .uk-card-title {
    font-size: 1.6rem;
    line-height: 1.2;
    text-align: justify;
    width: 95%;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 3.8rem;
}
.apc-card-item-star {
    margin-top: -8px;
}

.item_list .uk-card .uk-card-body .apc-card-item-star img {
    width: 12px;
}
.item_list .uk-card .uk-card-body .favorite {
    width: 35px;
    margin-left: 25px;
    margin-top: 0px;
}

.sub_ttl {
    font-size: 12px;
    font-weight: bold;
    color: #B9B9B9;
}

.item_list_ttl {
    font-weight: bold;
    font-size: 2.4rem;
    font-size: 24px;
    color: #342f29;
    text-align: center;
}

.item_list .uk-card-media-left img {
    border-radius: 5px 0 0 5px;
}

.menu_list  .uk-card-media-left {
    width: 28%;
}

@media (max-width: 959px) {
    .item_list .item_img {
        margin-bottom: 5px;
    }
    .item_list .item_info p:first-child {
        font-size: 10px;
    }
    .item_list .item_info p:nth-child(2) {
        font-size: 12px;
    }
    .item_list .item_info p .fs18rem {
        font-size: 1.6rem !important;
        line-height: 1.8em;
    }
    .item_list .item_info p:last-child {
        font-size: 10px;
    }

    .menu_list  .uk-card-media-left {
        width: 50%;
    }
}

.item_list .more_btn .uk-button.but_item_more {
    background-color: #342f29;
    color: #fff;
    font-weight: bold;
    letter-spacing: 3px;
    min-width: 500px;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.item_list .buscket_btn {
    display: block;
    width: 30%;
    padding: 0;
    background-color: #342f29;
    color: #fff;
    margin: 10px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 50px !important;
    margin-bottom: 20px;
}

@media (max-width: 959px) {
    .item_list .more_btn .uk-button.but_item_more {
        min-width: 260px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 12px;
    }
    .item_list .buscket_btn {
    width: 90%;
    margin: 10px auto;
    }
}


/* ------------------------------
    アイテムを探す
------------------------------ */

.item_category_search_list .item_list_ttl.uk-margin-bottom {
    margin-bottom: 30px !important;
}

@media (max-width: 959px) {
    .item_category_search_list .item_list_ttl.uk-margin-bottom {
        margin-bottom: 20px !important;
    }
}

.item_category_search_list .uk-accordion {
    padding-bottom: 15px;
    border-bottom: solid 1px #E5E5E5;
}
.item_category_search_list .uk-accordion-title .category_thumb {
    width: 60px;
    height: 60px;
    margin-right: 20px;
}

.item_category_search_list .uk-accordion-title .category_thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.item_category_search_list .uk-accordion-title {
    font-size: 16px;
    font-weight: bold;
    color: #342f29;
}

.item_category_search_list .uk-accordion-content ul li {
    margin-bottom: 5px;
}

.item_category_search_list .uk-accordion-content ul li a {
    color: #342f29;
}

.item_category_search_list .uk-accordion-title::before {
    margin-top: 20px;
}


/* ------------------------------
    お知らせ
------------------------------ */

.news_list .item_list_ttl.uk-margin-bottom {
    margin-bottom: 30px !important;
}

@media (max-width: 959px) {
    .news_list .item_list_ttl.uk-margin-bottom {
        margin-bottom: 20px !important;
    }
}

.news_list .each_news .date {
    color: #BEBEBE;
    margin-right: 10px;
}

.news_list .each_news .uk-label {
    background-color: #B9B9B9;
    font-size: 12px;
}

.news_list .each_news {
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 15px;
}

.news_list .more_btn .uk-button.but_item_more {
    background-color: #342f29;
    color: #fff;
    font-weight: bold;
    letter-spacing: 3px;
    min-width: 500px;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (max-width: 959px) {
    .news_list .more_btn .uk-button.but_item_more {
        min-width: 260px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 12px;
    }
}


/* ------------------------------
    sns
------------------------------ */

.sns h3 {
    text-align: center;
    color: #999999;
    font-weight:  bold;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 40px;
}

.sns img {
    width: 50px;
}

@media (max-width: 959px) {
    .sns img {
        width: 30px;
    }
}

.sns .uk-flex > div {
    padding: 0 20px;
}


/* ------------------------------
    商品一覧
------------------------------ */

.item_list_sub_header {
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 20px;
}

@media (max-width: 959px) {
    .item_list_sub_header .item_list_ttl {
        /*font-size: 17px;*/
    }
    .item_list_sub_header .search_numbers .fs18rem {
        font-size: 12px !important;
    }
    .item_list_sub_header .search_numbers .fs20rem {
        font-size: 17px !important;
    }
    .item_list_sub_header .uk-button.uk-button-small {
        color: #888888;
        font-size: 11px;
        background-color: #fff;
        border: 1px solid #b9b9b9;
        height: 24px;
        line-height: 20px;
        border-radius: 24px;
    }
}


/* ------------------------------
    商品詳細
------------------------------ */
/*スライダーギャラリー関連*/
.uk-slideshow-items img.slider_item {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.uk-slideshow-items a {
    cursor: zoom-in;
}
.slide_nav_area {
    height: 40px;
    position: relative;
}
.slide_nav_area .slide-nav {
    position: absolute;
    top: 0;
}
.slide_nav_area .slide-nav_next {
    right: 0;
}
.slide_nav_area .slide-nav_back {
    left: 0;
}
.slide-nav {
    color: #b3b3b3 !important;
}
.slide-nav span {
    vertical-align: middle;
    padding-bottom: 4px;
}
.lightbox_zoom_link {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.lightbox_zoom_link a {
    color: #b3b3b3 !important;
}

.uk-thumbnav {
    margin-left: 5px;
}
.uk-thumbnav li {
    margin-top: 10px;
    padding-left: 3px;
    width: 9%;
    height: 60px;
    overflow: hidden;
}
@media screen and (max-width:959px){
    .uk-thumbnav li {
        height: 40px;
    }
}

.uk-thumbnav .uk-active a {
    display: block;
    border-radius: 5px;
    overflow: hidden;
    border: 3px solid #3399FF;
}

.buscket_form_number_selectbox select{
    appearance: none;
    width: 100%;/*セレクトボックスの横幅*/
    padding: 15px;
    color: #342f29;/*テキストの色*/
    border: 0.2px solid #d5d5d5;/*枠線の太さ・形状・色*/
    border-radius: 5px;/*枠線の角丸*/
    background-color: #ebebea;/*背景色*/
    cursor: pointer;/*マウスカーソルをポインターに*/
}
.buscket_form_number_selectbox select:focus {
    outline: none;/*focus時の枠線を消去*/
}
.buscket_form_number_selectbox{
    position: relative;
    width: 80%;/*親要素の横幅*/
    margin: auto;
}
.buscket_form_number_selectbox::before{
    position: absolute;
    top: 15px;/*矢印の上からの位置*/
    right: 30px;/*矢印の右からの位置*/
    content: '';
    width: 10px;/*矢印の横幅*/
    height: 10px;/*矢印の縦幅*/
    border-top: 2px solid  #342f29;/*矢印の線の太さと色*/
    border-left: 2px solid  #342f29;/*矢印の線の太さと色*/
    transform: rotate(-135deg);/*矢印を回転*/
    pointer-events: none;/*矢印部分をクリックできるようにする*/
}

.uk-card-gift {
    border-radius: 5px;
    border: 0.5px solid #eeeeee;
    padding-left: 0;
    margin-left: 15px;
}
.uk-card-gift .uk-card-media-top {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    height: auto;
}

/*数量入力*/
.mt-detail {
    margin: 20px 0 10px 0;
}
.mt-detail input[type="number"]::-webkit-outer-spin-button,
.mt-detail input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.mt-detail input[type="number"] {
  -moz-appearance: textfield;
  text-align: center;
    height: 38px;
    min-width: 80px;
}

.mt-detail button.btn-number {
    width: 44px;
    height: 44px;
    font-size: 2rem;
    font-family: auto;
    color: #352e29;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    border: 0.5px solid #ddd;
}

.mt-detail div.input-group {
  width: 160px;
  display: flex;
  align-items: center;
  width: 160px;
  height: 34px;
}

@media screen and (max-width:959px) {
.mt-detail button.btn-number {
    width: 34px;
    height: 34px;
    font-size: 1.5rem;
    padding-bottom: 0;
}
.mt-detail input {
    height: 28px !important;
  }
}



/*スライダーギャラリー関連ここまで*/
/*商品カートイン詳細関連*/
.item_tags img {
    display: inline-block;
    width: 25%;
    height: auto;
}
.review_star img {
    display: inline-block;
    width: 18px;
    height: 18px;
}
.go-review {
    vertical-align: middle;
    text-decoration: underline;
}
.buscket_form_item {
    display: flex;
    flex-wrap: wrap;
}
.buscket_form_item span {
    display: block;
    width: 48px;
    text-align: center;
    background-color: #F2F2F2;
    border-right: none;
    padding: 5px 3px;
}
.buscket_form_item select,
.buscket_form_item input[type="number"] {
    outline: none;
    border-radius: 0;
    font-size: 18px;
    padding: 6px 12px;
}
.buscket_form_item select {
    max-width: 80%;
    min-width: 35%;
    width: auto;
}
.buscket_form_item input[type="number"] {
    max-width: 80%;
    min-width: 20%;
    width: auto;
}
.buscket_form .buscket_btn {
    display: block;
    width: 60%;
    padding: 5px 0;
    background-color: #342f29;
    color: #fff;
    margin: 30px auto 0;
    font-weight: bold;
    font-size: 16px;
    border-radius: 50px !important;
}


.item_detail_desc_image .uk-slideshow-items .uk-height-1-1 {
    height: auto;
    display: flex;
}
.item_detail_desc_image .uk-slideshow-items .uk-height-1-1 video {
        object-fit: cover;
        max-width: 180%;
        height: auto;
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}

@media screen and (max-width:959px){
    .buscket_form .buscket_btn {
        width: 80%;
    }
}
.icon:before {
    content:"";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}
.icon-ping:before {
    background-image: url('../ec-img/icon-ping.png')
}
.icon-lock:before {
    background-image: url('../ec-img/icon-lock.png')
}
.icon-heart:before {
    background-image: url('../ec-img/icon-heart-like.png')
}
.icon-heart-grey:before {
    background-image: url('../ec-img/icon-heart-like-grey.png')
}
.like_btn {
    margin-bottom: 40px;
}
.like_btn a#favorite_add {
    display: block;
    width: 60%;
    border: 3px solid;
    border-color: #b9b9b9;
    background-color: #fff;
    color: #b9b9b9;
    border-radius: 50px;
    padding: 12px 0;
    text-align: center;
    margin: 0 auto;
}
@media screen and (max-width:959px){
    .like_btn a#favorite_add {
        width: 80%;
    }
}
.like_btn a.favorite_add {
    display: block;
    width: 60%;
    border: 3px solid;
    border-color: #b9b9b9;
    background-color: #fff;
    color: #3399FF;
    border-radius: 50px;
    padding: 12px 0;
    text-align: center;
    margin: 0 auto;
}
.like_btn a#favorite_del {
    display: block;
    width: 60%;
    border: 3px solid;
    border-color: #b9b9b9;
    background-color: #fff;
    border-radius: 50px;
    padding: 12px 0;
    text-align: center;
    margin: 0 auto;
    color: #b9b9b9;
}
@media screen and (max-width:959px){
    .like_btn a.favorite_add {
        width: 80%;
    }
    .like_btn a#favorite_del {
        width: 80%;
    }
}
.custom_url_btn {
    margin-bottom: 40px;
}
.custom_url_btn a {
    display: block;
    width: 60%;
    border: 3px solid #342f29;;
    color: #342f29;;
    border-radius: 50px;
    padding: 5px 0;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
}

.catalog_btn a {
    display: block;
    width: 80%;
    border: 1px solid;
    border-color: #342f29;
    background-color: #fff;
    color: #3399FF;
    border-radius: 50px;
    padding: 5px 0;
    text-align: center;
    margin: 0 auto;
    color: #342f29;
}
@media screen and (max-width:959px){
    .custom_url_btn a {
        width: 80%;
    }
}
.icon-catalog:before {
    background-image: url('../ec-img/icon_catalog.svg')
    }

.icon-catalog:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    margin-right: 5px;
}

.table_disp .table_header {
    border-bottom: none;
}
.table_disp .table_body {
    display: table;
    width: 100%;
}
.table_disp .table_body .table_child {
    display: table-cell;
    border: 1px solid #ddd;
    border-bottom: none;
}
.table_disp .table_body .table_child:nth-child(1) {
    width: 40%;
}
.table_disp .table_body .table_child:nth-child(2) {
    border-left: none;
    width: 60%;
}
.item_detail_desc_add {
    border: 1px solid #ddd;
    border-radius: 10px;
}


@media screen and (min-width:960px) {
.item_detail_desc_content {
    position: relative;
}
.buscket_form {
    position: absolute;
    bottom: 0;
    width: 100%;
    }
    .buscket_form .buscket_btn {
        width: 80%;
    }
}

.card_confirm_btn {
    background-color: #342f29;
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    line-height: 2.7rem;
    font-size: 12px;
    margin: 0;
}


/*商品カートイン詳細関連ここまで*/
/*レビュー詳細関連*/
.review_sort select {
    padding: 5px;
    width: auto;
}
.review_list_header_neme img {
    display: inline-block;
    width: 45px;
    height: auto;
}
.bgBlue {
    background-color: #3399FF;
}
.review_btn {
    display: block;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0;
    border-radius:7px;
    font-size: 1.2em;
}
.review_btn:hover {
    color: #fff;
}
.review_sort select {
    background-color: #F2F2F2;
    font-size: 16px;
}
.item_detail_review .review_star {
    vertical-align: text-bottom;
}
@media screen and (max-width: 959px){
    .review_btn {
        width: 100%;
    }
    .item_detail_review .review_star {
        display: block;
    }
}
/*レビュー詳細関連ここまで*/
/*お届け先モーダル*/
.uk-modal-dialog {
    border-radius: 10px;
}
.uk-modal-header {
    border-radius: 10px 10px 0 0;
}
.uk-modal-body {
    border-radius: 0 0 10px 10px;
}
.uk-modal-body .modal_login_btn {
    display: block;
    width: 100%;
    background-color: #FCCB2D;
    outline: none;
    border-radius: 10px;
    border: none;
    margin: 15px auto;
    padding: 7px 0;
}
.uk-modal-body .modal_login_btn:hover {
    color: #342f29;
}
.modal_address1 {
    display: inline-block;
    width: 25%;
    padding: 5px;
    font-size: 16px;
    margin-right: 5px;
}
.modal_address2 {
    display: inline-block;
    width: 25%;
    padding: 5px;
    font-size: 16px;
    margin-right: 5px;
    margin-left: 5px;
}
.modal_address_btn {
    display: inline-block;
    width: 25%;
    padding: 3px;
    font-size: 16px;
    margin-left: 5px;
    background-color: #fff;
    outline: none;
    border-radius: 5px;
    border: 1px solid #ddd;
}
@media screen and (max-width: 959px){
/*ios対応*/
    .buscket_form_item select,
    .buscket_form_item input[type="number"],
    .uk-modal-body .modal_login_btn,
    .modal_address1,
    .modal_address2,
    .modal_address_btn {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .buscket_form_item {
        display: flex;
    }
    .buscket_form_item select,
    .buscket_form_item input,
    .buscket_form_item span {
        display: block;
        margin: 0;
    }
}
/* ------------------------------
    商品詳細ここまで
------------------------------ */

/* ------------------------------
    ヘッダードロップダウンメニュー
------------------------------ */
@media screen and (max-width:959px){
    /*sp時ドロップダウン表示位置上書き*/
    .sp-drop-position {
        left: 0px !important;
        min-height: 120px;
    }
}
/*マウスオンアニメーション*/
.drop-container ul li a {
    color: #545454;
}
.drop-container .drop-button {
    position: relative;
    display: block;
    min-height: 50px;
    /*ヘッダーのheightが変わるときは調整が必要*/
    line-height: 50px;
    overflow: hidden;
    letter-spacing: 0;
}
.drop-container .drop-button:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -100%;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #342f29;
    transition: left 0.3s;
}
.drop-container .drop-button:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #f7f8f7;
    transition: left 0.3s;
}
.drop-container .drop-button:hover:before {
    left: 0%;
}
.drop-container .drop-button:hover:after {
    left: 100%;
}
.drop-container > a:hover {
    color: #342f29;
}
.drop-container ul li a:hover {
    color: #342f29;
}
@media screen and (max-width:959px) {
    .drop-container ul li a:active {
        color: #342f29;
    }
}
/* ------------------------------
    ヘッダードロップダウンメニューここまで
------------------------------ */
/* ------------------------------
    ヘッダーカテゴリーバースクロール
------------------------------ */

@media screen and (max-width:959px) {
    .category_btn_area {
        overflow-x: auto;
    }
}
/* ------------------------------
    ヘッダーカテゴリーバースクロールここまで
------------------------------ */
/* ------------------------------
    サイドバー変更デザイン20211008
------------------------------ */
.radius0 {
    border-radius: 0 !important;
}
.border-gray {
    border-color: #ddd;
}
.border-blue {
    border-color: #1e87f0;
}
.border-blue:hover {
    border-color: #1e87f0;
}
.border-blue:active {
    border-color: #1e87f0;
    background-color: #1e87f0;
    color: #fff;
}
.modal-accordion-title {
    font-size: 1.8rem;
    padding: 1em 0.5em;
    border-bottom: 1px solid #ddd;
}
.accordion-link-child li {
    font-size: 1.4rem;
}
.swich-tab button {
    border: 1px solid #ddd;
    padding: 7px 2em;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}
.uk-tab li {
    padding-left: 0;
}
.uk-tab .uk-active button {
    background-color: #e5e5e5;
    color: #999;
}
.modal-accordion li,.modal-switcher li {
    margin-top: 5px !important;
}
.side-selected-item ul {
    padding-left: 1em;
}
.side-selected-item li {
    margin-bottom: 5px!important;
}
.side-selected-item li a:hover {
    text-decoration: underline;
}
.search_list li svg,.search_list p svg {
    width: 1em;
    height: 1em;
    margin-left: 0.5em;
}
.side-selected-item-title {
    padding: 15px 0 5px 0;
}
.search_list p a:hover {
    color: #3b3b3b;
}
/*カテゴリーアコーディオン*/
@media screen and (max-width:959px) {
    #toggle-category-list {
        height: calc(100% - 190px);
    }
}
#toggle-category-list .h3 {
    font-weight: bold;
    border-bottom: solid 3px #342f29;
    font-size: 2.0rem;
    padding: 5px;
}
@media screen and (max-width:959px) {
    #toggle-category-list .h3 {
        font-size: 1.4rem;
    }
}
/* ------------------------------
    サイドバー変更デザイン20211008ここまで
------------------------------ */


/* ------------------------------
    お気に入り一覧ここから
------------------------------ */

.uk-button.uk-button-small.unfavorite_btn {
    border-radius: 3px;
    line-height: 22px;
}

/* ------------------------------
    お気に入り一覧商品詳細ここまで
------------------------------ */


/* ------------------------------
    購入履歴ここから
------------------------------ */

/*.order_history_list .uk-card {
    height: 100%;
}*/

@media screen and (max-width:959px) {
    .order_history_list .uk-card {
        height: auto;
    }
    .order_history_list a {
        font-size: 1.6rem;
        font-size: 16px;
        line-height: 1.4;
    }
}

.order_history_list .uk-card-body .uk-table th,
.order_history_list .uk-card-body .uk-table td {
    font-size: ;
    vertical-align:middle
}

.order_history_list .uk-card-body .uk-table th.uk-text-bold,
.order_history_list .uk-card-body .uk-table td.uk-text-bold {
    font-weight: bold;
}

.order_history_list .uk-card-footer .uk-table th,
.order_history_list .uk-card-footer .uk-table td {
    font-size: ;
    vertical-align: middle;
}

.order_history_list .uk-card-footer .uk-table th.uk-text-bold,
.order_history_list .uk-card-footer .uk-table td.uk-text-bold {
    font-weight: bold;
    font-size: 100%;
}
@media screen and (max-width:959px) {
    .order_history_list .uk-card-footer .uk-table th {
        line-height: 1.2;
    }

    .order_history_list .uk-card-footer .uk-table td {
        padding: 10px 5px;
    }
}

.details_btn {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    padding: 5px 20px;
    margin-top: 0px;
}

/* ------------------------------
    購入履歴ここまで
------------------------------ */

/* ------------------------------
    カートここから
------------------------------ */
#cart-item-list .form-set {
    padding: 0;
}

@media screen and (max-width:959px) {
    #cart-item-list .form-set {
        padding: 0;
    }
}
/*カート数量入力*/
.mt-cart {
}

.mt-cart input[type="number"]::-webkit-outer-spin-button,
.mt-cart input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.mt-cart input[type="number"] {
  -moz-appearance: textfield;
  text-align: center;
    min-width: 50px;
}

.mt-cart button.btn-number {
    width: 25px;
    height: 25px;
    font-size: 1.4rem;
    font-family: auto;
    color: #352e29;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    border: 0.5px solid #767676;
}

.mt-cart div.input-group {
  width: 100px;
  display: flex;
  align-items: center;
}


.list_catalog_name {
    text-align: left;
    font-size: 1.4rem;
}

.align_right {
    text-align: right;
}

.list_card_img {
    height: 55px;
    padding: 0 !important;
    display: flex;
    width: 55px;
}
.list_card_img img,.list_card_img video {
    object-fit: cover;
}
.opt_btn {
    width: 90px;
    height: 90px;
    text-align: center;
    padding: 5px;
    background-color: #fff;
    border-radius: 3px;
    border: 0.5px solid #eee;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}
.opt_btn img {
    width: 100%;
    height: auto;
}

.main_btn {
display: block;
width: 60%;
padding: 5px 0;
background-color: #342f29;
color: #fff;
margin: 30px auto 0;
font-weight: bold;
font-size: 16px;
border-radius: 50px !important;
}

.e_card_btn {
    display: block;
    width: 80%;
    padding: 5px 0;
    background-color: #87b896;
    color: #fff;
    margin: 30px auto 0;
    font-weight: bold;
    font-size: 16px;
    border-radius: 5px !important;
    border: none;
    text-transform: lowercase;
}
.e_card_btn:hover {
    display: block;
    background-color: #e2e2e2;
    color: #342f29;
}

@media screen and (max-width:959px) {
    .main_btn {
        width: 80%;
        }
    }
/* ------------------------------
    カートここまで
------------------------------ */

/* ------------------------------
    絞り込み検索ここから
------------------------------ */
#search_for_sp .item_search_area {
    border-bottom: solid 1px #CCCCCC;
    position: relative;
    padding-bottom: 20px;
}

#search_for_sp .item_search_area::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 1px #342f29;
    bottom: -1px;
    width: 70px;
}

#search_for_sp .item_search_area h3 {
    font-size: 2.0rem;
    font-weight: bold;
    color: #342f29;
}

#search_for_sp .item_search_area ul li {
    margin-bottom: 10px;
}

#search_for_sp .item_search_area ul li a {
    color: #3B3B3B;
}

#search_for_sp .category_search_area {
    border-bottom: solid 1px #CCCCCC;
    position: relative;
    padding-bottom: 20px;
}

#search_for_sp .category_search_area::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 1px #342f29;
    bottom: -1px;
    width: 70px;
}

#search_for_sp .category_search_area h3 {
    font-size: 2.0rem;
    font-weight: bold;
    color: #342f29;
}

#search_for_sp .category_search_area ul li {
    margin-bottom: 10px;
}

#search_for_sp .category_search_area ul li a {
    color: #3B3B3B;
}

#search_for_sp .price_search_area {
    position: relative;
    padding-bottom: 20px;
}

#search_for_sp .price_search_area h3 {
    font-size: 2.0rem;
    font-weight: bold;
    color: #342f29;
}

#search_for_sp .price_search_area ul li {
    margin-bottom: 10px;
}

#search_for_sp .price_search_area ul li a {
    color: #3B3B3B;
}

#side-cat-modal .uk-tab {
    margin-left: 0;
}

@media screen and (max-width:959px) {
    .swich-tab button {
        font-size: 10px !important;
        padding: 4px 1em;
    }
    .modal-accordion-title {
        font-size: 1.0rem;
    }
    .accordion-link-child li {
        font-size: 1.0rem;
    }
    #side-bland-modal .uk-subnav.uk-padding {
        padding: 10px;
    }
    #side-bland-modal .modal-switcher li {
        font-size: 10px !important;
    }
}

/* ------------------------------
    絞り込み検索ここまで
------------------------------ */


/* ------------------------------
    よくある質問ここから
------------------------------ */

.uk-accordion-title {
    font-size: 1.5rem;
    line-height: 1.8;
}

.uk-accordion-title::before {
    width: 1.5em;
    height: 1.5em;
}

.uk-accordion-content {
    padding-bottom: 30px;
    padding-left: 1.2em;
}

.uk-accordion-content p {
    line-height: 2.2;
}

/* ------------------------------
    よくある質問ここまで
------------------------------ */


/* ------------------------------
    未ログイン時ストライプここから
------------------------------ */

.uk-card .uk-card-body .form-set .form-row label {
    font-size: 2.0rem;
    padding: 0 0 20px;
    font-weight: bold;
    color: #342f29;
    display: block;
}

@media screen and (max-width:959px) {
    .uk-card .uk-card-body .form-set .form-row label {
        font-size: 1.6rem;
    }
}

#payment-form {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* ------------------------------
    未ログイン時ストライプここまで
------------------------------ */

/* ------------------------------
    カード一覧
------------------------------ */
.grid-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}

/* ------------------------------
    カード一覧ここまで
------------------------------ */

/* ------------------------------
    Instagram
------------------------------ */

.insta-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    max-width: 800px;
    margin: 0 auto;
  }
  .insta-gallery img {
    width: 100%;
    border-radius: 5px;
    transition: transform 0.3s ease;
  }
  .insta-gallery img:hover {
    transform: scale(1.05);
  }
  #insta-gallery {
    gap: 15px; /* 10px → 15pxに変更 */
  }
/* ------------------------------
    Instagramここまで
------------------------------ */