/* **********************************************************
全ページ共通CSS
スマホ小画面（小型スマホ320px以下）
スマホ中画面（350px〜620px）
スマホ大画面（620px〜800px）
タブレット（800px〜1200px）
パソコン（1200px〜）
********************************************************** */
/* スマホ小画面 */
/* -------------------------------------
*     for old contents (delete later)
* ------------------------------------- */
.col-xs-12 a img {
    display: block;
    margin: 0 auto;
}
/* for bootstrap3 */
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
.fadein {
    opacity : 0;
    transform: translateY(24px);
    transition: 0.5s;
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
  
/* 画像のコピーガードと鮮明化 */
img{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-touch-callout:none;
}
.callout.callout--is_warning{
    background-color: #202022;
    color: #fff;
}
/* -------------------------------------
*     common
* ------------------------------------- */
html,body{
    height:100%;
}
body {
    padding-top:50px;
    background: #FFFFFF;
    color:#666666;
    font-size:14px!important;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック','Osaka',sans-serif!important;
    min-width: 320px;
}
a{
    color:#202022;
}
a:hover{
    color:#4b4b50;
}
h2.pagetitle{
    font-size:16px;
    font-weight:bold;
}
.btn-gray,
a.btn-gray,
a.btn-gray:visited{
    color:#FFFFFF;
    background:#363636;
}
a.btn-gray:hover{
    color:#FFFFFF;
    background:#676767;
}
.btn-anchor,
a.btn-anchor,
a.btn-anchor:visited{
    padding:6px 6px;
    color:#444444;
    font-weight:bold;
    line-height:1.2em;
    font-size:9px;
    background:#E9D78D;
}
a.btn-anchor:hover{
    color:#444444!important;
    background:#f5e9ba;
}
.anchorfix{
    margin-top:-90px;
    padding-top:90px;
    display:inline-block;
}
.item_name{
    margin-bottom: 5px;
}
.item_name,
.item_name_price{
    text-align: left;
}
.item_name_price{
    color: #5e5e5e;
}
/* ----------------------
*    scrollbar
* ---------------------- */
	
::-webkit-scrollbar{
    width: 5px;
    position: absolute;
    top: 0;
    right: 0;
}
::-webkit-scrollbar-track{
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 0 2px #777; 
}
::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius: 10px;
    box-shadow: none;
}
	
/* -------------------------------------
*     header
* ------------------------------------- */
	
#header{
    width:100%;
}
#header .navbar{
    height:50px;
    background:#FFFFFF;
    border:none;
    box-shadow: #311f05 0px -4px 9px;
}
h1#logo{
    width:90px;
    margin-bottom:0;
}
h1#logo img{
    max-width: 100%;
    height: auto;
}
	
/* ----------------------
*    headermenu
* ---------------------- */
	
#headermenubtn{
    width:100%;
    height: 80px;
    position:fixed;
    bottom:0;
    right:0
}
#headermenubtn .pcnone{
    display: none;
}
#headermenubtn ul{
    width: 100%;
}
#headermenubtn .list-group-item{
    width:21%;
    padding:0;
    line-height:2em;
    position:relative;
    border-top:none;
    border-bottom:none;
    border-right:none;
}
#headermenubtn .list-group-item:nth-child(1) img,
#headermenubtn .list-group-item:nth-child(2) img,
#headermenubtn .list-group-item:nth-child(3) img,
#headermenubtn .list-group-item:nth-child(4) img,
#headermenubtn .list-group-item:nth-child(5) img{
    width:32px;
}
#headermenubtn .list-group-item a,
#headermenubtn .list-group-item div{
    width: 100%;
    height: 80px;
    padding: 15px 10px;
    display:block;
    line-height: 0.9;
    background: #7baac1;
    color: #fff;
    font-size: 10px;
    text-align: center;
}
.cartitemnumbers {
    padding: 4px 6px;
    position: absolute;
    top: 12px;
    right: 9px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    line-height: 1em;
    background-color: #FF0000;
    color: #FFFFFF;
    font-size: 10px;
}
/* ----------------------
*    header hamburgermenu
* ---------------------- */
/* グローバルメニュー */
#g-nav{
    position:fixed;
    z-index: 999;
    top:-300%;
    right:0;
    width:100%;
    height: 100vh;
    transition: all 0.6s;
    background:#f3f7fa;
    scrollbar-gutter: stable both-edges;
}
#g-nav.panelactive{
    top: 3%;
}
#g-nav.panelactive #g-nav-list{
    position: fixed;
    z-index: 1000; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable both-edges;
    padding-bottom: 80px;
}
#g-nav li{
    list-style: none;
    text-align: center; 
}
#g-nav li a{
    color: #333;
    text-decoration: none;
    padding:10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 1.0rem;
}
#g-nav li a:hover,
#g-nav p a:hover{
    color: #a3a3a3;
}
.login_members a,
.login_menu a{
    box-shadow: #dfdfdf 1px 1px 2px;
    margin-right: 15px;
}
.members-favorite ul{
    display: flex;
    flex-wrap: wrap;
    margin: 5% auto;
    padding-left: 5%;
    font-size: 1.0rem;
}
.members-favorite ul.login_menu,
.members-favorite ul.login_members{
    display: block;
    width: 90%;
}
.members-favorite ul li{
    margin-top: 10px;
}
.members-favorite ul .login_li a{
    background-color: #5f8da0;
    border-radius: 2px;
    box-shadow: none;
}
.members-favorite ul .login_li a{
    color: #fff !important;
}
.members-favorite ul:nth-child(2){
    margin: 2% auto 6%;
}
.members-favorite ul li a,
.cart_num{
    font-weight: bold;
}
.cart_num{
    padding: 10px;
}
.members-favorite ul li div{
    display: none;
}
#g-nav-list .members-favorite{
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    border-bottom: 1px dashed #c0c0c0;
    background-color: #fff;
    padding: 10px 0;
}
#g-nav-list .members-favorite p{
    position: relative;
    padding: 0 16% 2%;
    margin-top: 5%;
    font-size: 1.0rem;
    font-weight: 600;
}
#g-nav-list .members-favorite p::before{
    content: "";
    position: absolute;
    top: 1px;
    left: 8%;
    background: url("https://img07.shop-pro.jp/PA01364/520/etc_base64/ZmF2b3JpdGVfaGVhcnQ.png?cmsp_timestamp=20240228142005") no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: block;
}
#g-nav-list a{
    text-decoration: none;
    color: #222222;
}
/* ハンバーガーメニュー */
.openbtn-nav{
    position: relative;
    background:#222222;
    cursor: pointer;
    width: 50px;
    height:50px;
}
.openbtn-nav span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 26%;
}
.openbtn-nav span:nth-of-type(1) {
    top:20px; 
}
.openbtn-nav span:nth-of-type(3) {
    top:55px;
}
.openbtn-nav span:nth-of-type(1),
.openbtn-nav span:nth-of-type(3){
    height: 3px;
    background: #fff;
    width: 65%;
    left: 20%;
    border: 1px solid #fff;
    border-radius: 10px;
}
.openbtn-nav span:nth-of-type(2) {
    display: block;
    position: relative;
    top:40%;
    left:0;
    font-size:0.6rem;
    text-transform: uppercase;
    color: #fff;
}
.openbtn-nav p{
    display: none;
}
.openbtn-nav.active span:nth-of-type(1) {
    top: 35%;
    left: 35%;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}
.openbtn-nav.active span:nth-of-type(2) {
    display: none;
}
.openbtn-nav.active span:nth-of-type(3){
    top: 50%;
    left: 35%;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}
.openbtn-nav.active p{
    display: block;
    position: relative;
    top: 40px;
}
.menbers_news{
    width: 90%;
    margin: 0 auto; 
    padding: 10px;
    text-align: left;
    border: 2px dashed #311f05;
}
.menbers_news p{
    font-size: 1.2rem !important;
    color: #311f05;
    padding: 0 !important;
    margin: 5px !important;
}
#g-nav .menbers_news p::before{
    display: none !important;
}
#g-nav .menbers_news ul {
    display: inline-block;
    margin-top: 0;
    padding: 0;
}
#g-nav .menbers_news ul li{
    text-align: left; 
}
#g-nav .menbers_news ul li a{
    font-weight: 300;
    font-size: 0.9rem;
    text-decoration-line: underline;
}
#g-nav .menbers_news ul li img{
    width: 100%;
    padding: 1px;
}
/* アコーディオン */
#g-nav .accordion {
    margin: 3em auto;
    max-width: 1300px;
}
#g-nav .accordion p{
    width: 100%;
    font-size: 1.0rem !important;
    font-family: 'Cambria','Georgia','Baskerville',sans-serif !important;
    padding: 8px 5px !important;
    /* margin-left: 4% !important; */
    background-color: #311f05;
    color: #fff;
}
#g-nav .toggle {
    display: none;
}
#g-nav .option {
    position: relative;
    margin-bottom: 1em;
}
#g-nav .title,
#g-nav .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.1s;
}
#g-nav .title {
    font-size: 1.0rem;
    border-bottom: 1px solid #ccc;
    padding: 1em;
    display: block;
    color: #333;
    font-weight: bold;
}
#g-nav .title::after,
#g-nav .title::before {
    content: "";
    position: absolute;
    right: 1.25em;
    top: 1em;
    width: 2px;
    height: 1em;
    background-color: #999;
    transition: all 0.2s;
}
#g-nav .title::after {
    transform: rotate(90deg);
}
#g-nav .content {
    max-height: 0;
    overflow: hidden;
    background-color: #fff;
}
#g-nav .content p {
    margin: 0;
    padding: 0.5em 1em 1em;
    font-size: 0.9em;
    line-height: 1.5;
}
#g-nav .content div{
    width: 96%;
    margin: 2% auto 10%;
}
#g-nav .content div ul li{
    text-align: left;
    font-weight: 300;
}
.g-navAc{
    max-height: 3000px !important;
    transition: all 0.6s !important;
}
#g-nav .title.active::before {
    transform: rotate(90deg) !important;
} 
/* .goods-search ul{
    padding-left: 1rem;
} */
#g-nav .option .goods-search ul li,
#g-nav .option .ac-menu ul li{
    border-bottom: 1px dashed #f5f5f5;
}
.option ul{
    width: 96%;
    margin: 0 auto;
    padding-left: 0;
}
.option ul li{
    text-align: left !important;
}
.option ul li img{
    width: 20%;
    height: 20%;
    background-color: #fff;
    padding: 12px 5px;
}
/* ----------------------
     brand
* ---------------------- */	
#g-nav .accordion .brand li {
    border-bottom: 1px dashed #f5f5f5;
}
#g-nav .accordion .brand li a{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;

}
#g-nav .accordion .brand li a p{
    color: #333;
    background-color: #fff;
}
#g-nav .accordion .brand li a p:hover{
    color: #a3a3a3;
}
/* ----------------------
*    header Megamenu
* ---------------------- */
.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.menu li {
    display: inline-block;
    position: relative;
}

.menu li a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: #333;
}

.menu .dropdown {
    position: relative;
    top: 100%;
    background-color: #311f05;
    border-top: 1px solid #ccc;
    display: none;
    justify-content: center;
}

.menu .dropdown li {
    display: inline-flex;
}

/* ----------------------
*    header search
* ---------------------- */
	
#g-search{
    position:fixed;
    z-index: 999;
    top:-300%;
    right:0;
    width:100%;
    height: 100vh;
    transition: all 0.6s;
    background:#efefef;
}
#g-search.panelactive #g-search-list{
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable both-edges;
}
#g-search.panelactive{
    top: 6% !important;
}
#g-search li{
    list-style: none;
    text-align: center; 
}
#g-search li a{
    font-size: 0.8rem;
    color: #333;
    text-decoration: none;
    padding:10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
}
#g-search #searchedword li .btn-secondary {
    background-color: #aee1f1;
    border-color: #aee1f1;
}
#g-search #searchedword .rounded-pill {
    border-radius: 2px !important;
}
#g-search-list .container{
    height: 1000px;
}
#g-search #searchedtag li .btn-secondary {
    background-color: #ffffff;
    border-color: #95d2db;
}
.close-search{
    position: absolute;
    top: -26px;
    right: 17px;
    background: #e1e1e1;
    cursor: pointer;
    width: 60px;
    height: 60px;
}
.close-search span{
    display: inline-block;
    position: absolute;
    left: 26%;
    height: 2px;
    border-radius: 5px;
    background: #222222;
    width: 50%;
    max-width: 45px;
}
.close-search span:nth-of-type(1) {
    top: 19px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 40%;
}
.close-search span:nth-of-type(2){
    top: 31px;
    left: 19px;
    transform: translateY(-6px) rotate(45deg);
    width: 40%;
}
.close-search::after {
    font-size: 0.6rem;
    position: relative;
    content:"閉じる";
    top: 41px;
    left: 0px;
}
/* ----------------------
*    headermsg
* ---------------------- */
	
#headermsgblock{
    text-align:center;
}
#headermsgblock a{
    color:#fff;
    background:#9a0000;
    text-decoration:none;
    display:block;
    line-height:2.4;
    font-size:0.7rem;
}
#headermsgblock a:hover{
    background:#dc2f2f;
}
#headerbrandnameblock{
    background:#311f05;
    text-align:center;
}
#headerbrandnameblock a{
    text-decoration:none;
    padding:0.8rem 0.5rem;
    font-size:0.6rem;
    display:block;
    color:#FFFFFF;
}
#headerbrandnameblock a:hover{
    color:#FFFFFF;
}
	
/* ----------------------
*    submenu
* ---------------------- */
	
#submenu{
    position: relative;
    z-index: 2;
    background:#311f05;
}
#submenu a{
    padding:0.8rem 0.5rem;
    font-size:0.6rem;
    display:inline-block;
    color:#FFFFFF;
}
#submenu a:hover{
    color:#FFFFFF;
}
#submenu .justify-content-center div{
    width: 100px;
    text-align: center;
}
	
/* ----------------------
*    searchslide
* ---------------------- */
	
#searchslideblock{
    width:100%;
    height:100vh;
    padding-top:30px;
    color:#fff;
    background:rgba(34,34,34,0.9);
    position:fixed;
    top:0;
    z-index:1030;
    display:none;
}
#closebtnbox{
    width:40px;
    height:40px;
    position:absolute;
    top:20px;
    right:20px;
    z-index:1100;
}
#closebtnbox a{
    width:40px;
    height:40px;
    display:block;
}
#searchedword .list-inline-item,
#searchedtag .list-inline-item{
    background:transparent;
}
#searchedword .list-inline-item a,
#searchedtag .list-inline-item a{
    font-size:0.9rem;
}
#searchedtag .list-inline-item a{
    background: #efefef;
    border: none;
}
/* ----------------------
*    mainmenuslide
* ---------------------- */
	
#mainmenuslideblock{
    width:100%;
    height:100vh;
    padding-top:30px;
    color:#FFFFFF;
    background:rgba(34,34,34,0.9);
    position:fixed;
    top:0;
    z-index:1030;
    display:none;
}
#mainmenucontents{
    height:100vh;
    padding:4rem 0 16rem 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
#mainmenucontents a{
    color:#FFFFFF;
}
#colorselect{
    width: 98%;
    margin: 20px auto 10%;
}
.goods-Color #colorselect li a{
    width:45px;
    height:45px;
    display:block;
    border:1px solid #DDDDDD;
}
#colorselect li#white a{
    background:#ffffff;
}
#colorselect li#navy a{
    background:#070c55;
}
#colorselect li#blue a{
    background:#0665d1;
}
#colorselect li#black a{
    background:#000000;
}
#colorselect li#red a{
    background:#c00d0d;
}
#colorselect li#green a{
    background:#4da829;
}
#colorselect li#gray a{
    background:#999999;
}
#colorselect li#yellow a{
    background:#fff240;
}
#colorselect li#pink a{
    background:#ffcde4;
}
#colorselect li#orange a{
    background:#ffa43c;
}
#colorselect li#brown a{
    background:#6e3608;
}
#colorselect li#purple a{
    background:#783ca0;
}
#colorselect li#othercolor a{
    background-image: linear-gradient(-90deg, #F9EE1F, #EB0081);
}
/* -------------------------------------
*     shoppingguide
* ------------------------------------- */

#ShoppingGuide footer{
    padding-bottom:60px;
    font-size:0.9rem;
    border-top: 4px solid #DDDDDD;
    background:#FFFFFF;
}
#ShoppingGuide footer a{
    color:#F88282;
}
#ShoppingGuide footer a:hover{
    color:#F88282;
    text-decoration:underline;
}
#ShoppingGuide footer .footertitle{
    font-size:1.8rem;
    font-weight:bold;
}
#ShoppingGuide .footertitle span{
    font-size:1rem;
}
#ShoppingGuide .box .title{
    font-size:1.1rem;
    font-weight:bold;
    background:#eeeeee;
}
#ShoppingGuide .box .dticon{
    max-width:100%;
    height:auto;
}
#ShoppingGuide .ccicon{
    width: 100%;
}
#ShoppingGuide h4{
    font-size: 1.0rem;
    font-weight: bold;
    margin-top: 5%;
}
#ShoppingGuide img{
    width: 100% !important;
}
#ShoppingGuide ul{
    list-style-type: "・";
    padding-left: 1rem;
}
.ShoppingGuide_attention{
    padding: 0;
}
.ShoppingGuide_attention li{
    list-style: none;
}
.ShoppingGuide_attention li::before{
    content: "※";
    text-indent: 1rem;
    margin-left: -1rem;
}
#ShoppingGuide .delivery{
    margin-bottom: 8% !important;
}
#ShoppingGuide .delivery p{
    margin-bottom: 5px !important;
}
/* ----------------------
*    category_item
* ---------------------- */
.category-item div{
    width: 18%;
    height: 18%;
    margin: 2px;
    border: 1px solid #ebebeb;
}
.category-item div img:hover{
    transform:rotateY(180deg);
}
.category-item div img{
    width: 90%;
    height: 90%;
}
.category-item div img + p{
    font-size: 0.5rem;
    margin-bottom:4px;
}
.category-item a{
    color: #202022;
}
.category-item a:hover{
    color: #202022;
}
/* -------------------------------------
*     footer
* ------------------------------------- */
	
footer{
    padding-bottom:100px;
    font-size:0.9rem;
    border-top: 4px solid #DDDDDD;
    background:#FFFFFF;
    z-index: 1;
    position: relative;
}
footer a{
    color:#2c2c2c;
    margin: 2px;
}
footer a:hover{
    color:#696969;
    text-decoration:underline;
}
footer figure{
    width: 80%;
    max-width: 300px;
    margin: 0 auto;
}
footer figure figcaption{
    font-size: 0.6rem;
}
footer figure img{
    width: 100%;
    max-width: 200px;
}
.footer_menu{
    text-align: center;
    margin: 0 auto 5%;
    width: 90%;
}
.footer_menu-list div{
    margin-bottom: 5px;
}
footer .Copyright{
    color: #d3d3d3;
    font-size: 0.6rem;
    text-align: center;
    padding-bottom: 5px;
}
/* -------------------------------------
*     breadcrumbs
* ------------------------------------- */

#breadcrumbs a{
    color:#202022;
}
#breadcrumbs a:hover{
    color:#202022;
}
	
/* -------------------------------------
*     TOP
* ------------------------------------- */
	
/* ----------------------
*    common
* ---------------------- */
	
.btn.btn-viewmore{
    width:280px;
    padding:10px 30px;
    color:#202020!important;
    font-size:0.8rem;
    border: #311f05 1px solid;
    background:#ffffff;
    margin-top: 2%;
    box-shadow: #cdcdcd 1px 1px 2px;
}
.btn.btn-viewmore:hover{
    color:#FFFFFF!important;
    background:#311f05;
    transition: 0.3s;
    transform: translateY(2px);
}
.btn.btn-viewmore.rounded-pill{
    border-radius: 2px !important;
}
.section{
    padding-top:1.75rem;
    padding-bottom:1.75rem;
}
h2.sectiontitle{
    font-size:0.8rem;
    line-height:1.6;
}
h2.sectiontitle::before{
    color: #202022;
    display:block;
    font-size: 1.8rem;
    font-family: 'Georgia','Cambria','Baskerville',sans-serif !important;
}
#newitem h2.sectiontitle::before{
    content: 'NEW ITEM';
}
#articles h2.sectiontitle::before{
    content: 'ARTICLES';
}
#newsblog h2.sectiontitle::before{
    content: 'NEWS & BLOG';
}
#ranking h2.sectiontitle::before{
    content: 'RANKING';
}
#instagram h2.sectiontitle::before{
    content: 'INSTAGRAM';
}
#topbrand h2.sectiontitle::before{
    content: 'BRAND';
}
#useful-information h2.sectiontitle::before{
    content: 'PICKUP';
}
#ShoppingGuide h2.sectiontitle::before{
    content: 'SHOPPING GUIDE';
}
#calendar h2.sectiontitle::before{
    content: 'CALENDAR';
}
#recommend h2.sectiontitle::before{
    content: 'RECOMMEND';
}
#articles h2.sectiontitle::before{
    content: 'FEATURE';
}
#category-list h2.sectiontitle::before{
    content: 'CATEGORY';
}
#design-list h2.sectiontitle::before{
    content: 'DESIGN';
}
#Marca-craft h2.sectiontitle::before{
    content: 'CRAFTSMANSHIP';
}
.sidebarboxlist-unstyled{
    padding-left: 1rem;
}
.sidebarboxlist-unstyled li{
    list-style: none;
}
#mainmenuslideblock .sidebarbox .list-unstyled{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 2rem;
    text-align: left;
}
#mainmenuslideblock #colorselect{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin-left: 2rem;
    margin-bottom: 5%;
}
#mainmenuslideblock #colorselect li{
    margin-bottom: 20%;
}
.img-fluid{
    margin-bottom: 5px;
}
.row .p-2{
    padding: 1.2rem .5rem !important;
}
/* ----------------------
*    mainimg
* ---------------------- */
	
.mainimg{
    opacity: 0;
    animation-duration: 1.5s;
    animation-delay : 0.3s;
    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.mainimg .box{
    height:450px;
}
.mainimg .box .txtbox{
    width:300px;
    height:160px;
    color:#FFFFFF;
    animation-duration: 1s;
    animation-delay : 1.2s;
    animation-name: fadeIn2;
    animation-iteration-count: 1;
    animation-fill-mode: both;
}
.mainimg .box .txtbox .img{
    width:180px;
}
.mainimg .box .txtbox .title{
    color:#FFFFFF;
    font-size:1rem;
}
.mainimg .box .txtbox a{
    color:#FFFFFF;
    border:1px solid #FFFFFF;
    transition: all 0.3s ease-out;
}
.mainimg .box .txtbox a:hover{
    background:rgba(255,255,255,0.2);
    text-decoration:none;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility:hidden;
    }
    100% {
        opacity: 1;
        visibility:visible;
    }
}

@keyframes fadeIn2 {
    0% {
        opacity: 0;
        visibility:hidden;
        transform: translate3d(0,20px,0)
    }
    100% {
        opacity: 1;
        visibility:visible;
        transform: translate3d(0,0,0)
    }
}

/* ----------------------
*    slider
* ---------------------- */
.mainimg .owl-stage-outer{
    max-height: 600px;
}
.owl-dots{
    display:flex;
    justify-content:center;
    margin-top:1rem;
}
.owl-dots .owl-dot span{
    background: #666666;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.owl-dots .owl-dot.active span{
    background: #AAAAAA;
}
	
/* ----------------------
*     RANKING
* -------------------- */
	
#ranking a{
    font-size: 0.7rem;
    line-height: 1.5;
    color:#202022;
}
.rankingbox{
    width:45%;
    margin: 5px;
    position: relative;
}
.rankingbox .itemname span,
.rankingbox .item_name span{
    top: 17%;
    font-size: 0.5rem;
    padding: 2px 4px 1px;
}
.rankingbox:first-child{
    width: 60%;
}
.ranknobox{
    display: inline-block;
    margin-bottom: 8px;
}
#ranking .price{
    font-size:0.7rem;
}
.sidebarbox .rankingbox{
    min-height:1%;
}
.sidebarbox .rankingbox a{
    color:#202022;
}
.sidebarbox .rankingbox a:hover{
    color:#202022;
}

/* ----------------------
*    checkeditem
* ---------------------- */
	
.checkeditemtitle{
    font-size:1.25rem;
}
.checkeditembox{
    width:60px;
}
/* ----------------------
*    CALENDAR
* ---------------------- */
.calendar_attention{
    padding: 0;
}
.calendar_attention li{
    list-style: none;
    text-indent: -1rem;
    margin-left: 1rem;
}
.calendar_attention li::before{
    content: '※';
    font-size: 1.0rem;
}
.calendar-cont{
    max-width: 600px !important;
    margin: 0 auto;
}
#calendar table{
    width: 200px;
    height: 200px;
    text-align: center;
    margin: 2% auto 8%;
}
#calendar caption{
    caption-side: top;
}
/* -------------------------------------	
*     list
* ------------------------------------- */
	
#spsubcategoryblock button{
    font-size:0.8rem;
}
#spsubcategoryblock ul li a{
    color:#202022;
}
#spsubcategoryblock ul li a:hover{
    color:#202022;
}
	
/* ----------------------
*     listnavblock
* -------------------- */
	
#listnavblock{
    background:#E5E5E5;
}
.searchnumber{
    font-weight:bold;
}
#listnavblock .listsort a{
    color:#202022;
    display: contents;
}
#listnavblock .listsort a:hover{
    color:#202022;
}
.itemlistbox ul .itemname a{
    color:#202022;
}
.itemlistbox ul .itemname a:hover{
    color:#202022;
}
	
/* ----------------------
*     sidebar
* -------------------- */
	
.sidebarbox{
    margin-bottom:2rem;
}
.sidebarboxtitle{
    font-size:1.2rem;
    font-weight:bold;
    line-height:2;
    border-bottom:1px solid #aeaeae;
    margin-left: 1rem;
}
.sidebarbox ul li a{
    padding: 0.4rem 0;
    display:block;
    color:#202022;
}
.sidebarbox ul li a:hover{
    color:#202022;
}
.sidebarbox .login_members{
    padding-left: 0;
}
.sidebarbox .login_members li{
    font-size: 1.2rem;
    list-style: none;
    margin: 0 5%;
}
.design_list{
    display: grid;
}
.design_list li{
    margin-bottom: 5%;
}
	
/* ----------------------
*    pagination
* ---------------------- */
	
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}
.pagination>li {
    display: inline
}
.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}
.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}
.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}
.pagination>li>a,.pagination>li>span {
    color: #202022!important;
}
.pagination>li.active>a{
color:#FFFFFF!important;
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    background-color: #202022!important;
    border-color: #202022!important;
}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #202022;
    background-color: #FFFFFF;
    border-color: #202022;
}
	
/* ----------------------
*    itemlistbnrblock
* ---------------------- */

#itemlistbnrblock p-3{
padding:3rem;
}

/* -------------------------------------
*     detail
* ------------------------------------- */

/* ----------------------
*    itemthumbnail
* ---------------------- */
ul.itemthumbnail{
width:100%;
margin:0.5rem auto 1rem auto;
}
.itemthumbnail li{
width:14.2%;
float:left;
}
.itemthumbnail li img{
width:46px;
}

/* ----------------------
*    title/price/btn
* ---------------------- */

#producttitle{
font-size:1.2rem;
font-weight:bold;
line-height:1.4;
}
.salesprice{
font-size:1.2rem;
font-weight:bold;
}
.salesprice span{
font-weight:bold;	
}
#itemnumber{
width:4rem;
padding:0.5rem 0;
}
.btn.btn-cart{
color:#FFFFFF;
background:#311f05;
font-size:1rem;
}
.btn.btn-cart:hover{
color:#FFFFFF;
background:#7e6540;
}

/* ----------------------
*    sizetable
* ---------------------- */

#option_tbl{
width: 100%;
border: 1px solid #dee2e6;
}
#option_tbl td,#option_tbl th{
padding: 0.8rem;
text-align:center;
border: 1px solid #dee2e6;
}
#option_tbl td.none{
background:#656667;
}
#option_tbl th{
background:#5098af;
color:#FFFFFF;
}
.t_stock_num{
padding:0.2rem 0.5rem;
background: #056eac;
color: #FFFFFF;
font-size: 0.7rem;
}
.stock_zero{
padding:0.2rem 0.5rem;
background:#474747;
color:#FFFFFF;
font-size:0.7rem;
}
#option_tbl td .stock_zero+br{
display:none;
}
#option_tbl td > label >span.table_price{
display:inline;
}
#option_tbl td >span.table_price{
display:none;
}

/* ----------------------
*    zoom
* ---------------------- */

.mousetrap{
display:none;
}
a#zoom1{
pointer-events: none;
}

/* ----------------------
*    tab
* ---------------------- */

#tabarea .nav>li>a{
padding:20px;
}
#tabarea .nav-tabs .nav-link{
color:#202022;
}
#tabarea .nav-tabs .nav-link:hover{
color:#202022;
}
#tabarea .nav-tabs .nav-item.show .nav-link,
#tabarea .nav-tabs .nav-link.active{
color: #ffffff;
background-color: #311f05;
}

/* ----------------------
*    itemdetail
* ---------------------- */

/* #detailexplanation br{
display:none;
} */
.material br{
display:none;
}
.aboutmaterialbtn,
.aboutsizebtn{
width:50%;
}
.aboutmaterialbtn a{
background:#3E4A54;
color:#FFFFFF;
}
.aboutmaterialbtn a:hover{
background:#3E4A54;
color:#FFFFFF;
}
.aboutsizebtn a{
background:#004275;
color:#FFFFFF;
}
.aboutsizebtn a:hover{
background:#004275;
color:#FFFFFF;
}

/* ----------------------
*    kumiawase
* ---------------------- */

#kumiawase{
margin-top:2.5rem;
}
.kumiawasetitle{
font-size:1.25rem;
}
.kumiawasebox a{
color:#202022;
font-size:0.7rem;
line-height:1.5;
}
.kumiawasebox a:hover{
color:#202022;
}

/* ----------------------
*    itemreview
* ---------------------- */

.reviewlist_datas {
overflow: hidden;
zoom: 1;
margin-bottom: 10px;
}
.icon_star {
float: left;
width: 75px;
overflow: hidden;
}
.icon_star img {
max-width: inherit;
}
.review_poster li {
float: left;
margin-left: 10px;
}
.review_poster li {
list-style: none;
}
.reviewlist {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dotted #ccc;
}
.review_ttl,
.shopcomment_ttl {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.review_img {
float: right;
margin: 0 0 10px 10px
}
.reviewlist_content {
overflow: hidden;
zoom: 1;
}
.shopcomment {
margin-top: 10px;
margin-bottom: 10px;
background: #eee;
padding: 15px;
border-radius: 6px;
}

/* ----------------------
*    recommend
* ---------------------- */

#detailrecommend h2.sectiontitle::before{
content: 'RECOMMEND';
}
#detailrecommend a{
color:#202022;
font-size:0.9rem;
line-height:1.3;
}
#detailrecommend a:hover{
color:#202022;
}
#detailrecommend .price{
font-size:0.9rem;
}

/* -------------------------------------
*     freepage
* ------------------------------------- */

.btn-anchor-howtouse,
a.btn-anchor-howtouse,
a.btn-anchor-howtouse:visited{
padding:6px 6px;
color:#444444;
font-weight:bold;
line-height:1.2em;
font-size:9px;
background:#EBB0BC;
}
a.btn-anchor-howtouse:hover{
color:#444444!important;
background:#efced4;
}

/* -------------------------------------
*     nathalie
* ------------------------------------- */

#anchorbloc{
margin-bottom:80px;
}
#anchorbtn{
position:relative;
z-index:1000;
}
.nathaliebloc p{
margin-bottom:1.3em;
line-height:1.6em;
}
.nathaliebloc p br{
display:none;
}
.nathaliebody{
margin-top:30px;
}
#nathaliebloc02{
margin-top:50px;
}
#nathaliebloc03{
margin-top:50px;
}
#nathalieimg02{
width:50%;
margin:0 auto;
}
#nathalieimg04{
width:60%;
margin:0 auto 0 auto;
}
#nathalieimg05{
width:60%;
margin:0 auto;
margin-bottom:40px;
}
#nathalieimg07{
width:60%;
margin:0 auto 0 auto;
}
#nathalieimg08{
width:60%;
margin:0 auto;
margin-bottom:40px;
}
#nathalieimg10{
width:50%;
margin:0 auto;
margin-top:20px;
}

/* -------------------------------------
*     HOWTOUSE
* ------------------------------------- */

.makikatabox{
margin-bottom:60px;
}
.makikatatitle{
font-size:16px;
font-weight:bold;
}
.makikata-relateditem{
font-size:10px;
}
.makikata-relateditem h4{
font-weight:bold;
}
.makikata-relateditem .useitem{
padding:0 5px;
background:#e91e63;
color:#FFFFFF;
}
.makikata-relateditem .inner{
padding:30px;
border-radius:10px;
background:#F8EDDC;
}
a.modallink{
font-weight:bold;
text-decoration:underline;
}
/* -------------------------------------
*     NEW&オススメ表示 トップページ＆商品一覧＆商品検索画面
* ------------------------------------- */
.itemlistbox{
position: relative;
}
.itemname span,.item_name span{
    font-size: 0.5rem;
    position: absolute;
    display: block;
    padding: 3px 8px 2px;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #dfdfdf;
}
.itemname span{
    top: 5px;
}
.item_name span{
top: -3px;
}
/* -------------------------------------
*     mode=sk
* ------------------------------------- */

#sk .table th{
width:100px;
}
/* -------------------------------------
*     緊急・重要なお知らせ欄（全ページ共通）
* ------------------------------------- */
.must_news{
text-align: center;
padding: 7px;
background-color: #fffafa;
position: relative;
z-index: 999;
}
.must_news p {
margin: 0 auto;
}
.must_news p > a{
color: #b40000;
text-decoration: underline;
font-weight: bold;
}
@media screen and (min-width: 319px) and (orientation: landscape){
    #g-nav,
    #g-search {
    top: -500% !important;
    }
    #g-nav.panelactive{
    top: 6% !important;
    }

}
@media screen and (min-width: 319px){
#g-nav.panelactive{
    top: 5%;
}
}
/* ********************************************************************************************************************* */
/* スマホ中画面 */
@media screen and (min-width: 350px){
    #g-nav,
    #g-search{
        top:-400%;
    }
    #submenu a{
    font-size: 0.8rem;
    }

}

@media screen and (min-width: 430px){

#g-nav-list .members-favorite p{
    padding: 0 14% 2%;
}
.rankingbox:first-child{
width: 50%;
}
}
@media screen and (min-width: 470px){

#g-nav-list .members-favorite p::before {
    left: 7%;
}
#g-nav-list .members-favorite p{
    padding: 0 12% 2%;
}
}
@media screen and (min-width: 500px){
/* -------------------------------------
*     header
* ------------------------------------- */
.openbtn-nav.active span:nth-of-type(1),
.openbtn-nav.active span:nth-of-type(3){
    width: 20%;
    left: 40%;
}
/* -------------------------------------
*     header menu Color
* ------------------------------------- */
/* -------------------------------------
*     ranking
* ------------------------------------- */
.rankingbox:first-child{
width: 46%;
}
}

/* ********************************************************************************************************************* */
/* スマホ大画面 */
@media screen and (min-width: 620px){

/* -------------------------------------
*     header menu Color
* ------------------------------------- */
}
@media screen and (min-width: 700px){

/* -------------------------------------
*     header menu goods
* ------------------------------------- */
/* .goods-search ul{
    padding-left: 2rem;
} */
.brand {
    margin-top: 10px;
}
}
@media screen and (min-width: 750px){
#g-nav-list .members-favorite p::before {
    left: 6%;
}
#g-nav-list .members-favorite p{
    padding: 0 10% 2%;
}
}
@media screen and (min-width: 768px){
/* -------------------------------------
*     common
* ------------------------------------- */

body {
    padding-top:80px;
    padding-bottom:0;
}

h2.pagetitle{
    font-size:20px;
    font-weight:bold;
}

.anchorfix{
    margin-top:-105px;
    padding-top:105px;
    display:inline-block;
}

/* -------------------------------------
*     header
* ------------------------------------- */

#header .navbar{
    height:80px;
}
h1#logo{
    width:150px;
    margin-top:0;
}
#headermenubtn{
    width:auto;
    position:absolute;
    top:0;
    right:0
}
#headermenubtn .list-group-item{
    width:auto;
    height: 80px;
}
#headermenubtn .list-group-item:nth-child(1) img,
#headermenubtn .list-group-item:nth-child(3) img,
#headermenubtn .list-group-item:nth-child(4) img{
    width:28px;
}
#headermenubtn .list-group-item:nth-child(5) img{
    width:33px;
}
#headermenubtn .list-group-item a,
#headermenubtn .list-group-item div{
    width: 80px;
    height: 80px;
    padding: 16px;
    display:block;
    line-height: 0.9;
    background: #7baac1;
    color: #fff;
    font-size: 10px;
    text-align: center;
}
.members-favorite ul:nth-child(3){
    margin-top: 2%;
    margin-bottom: 15px;
}
.openbtn-nav span {
    left: 28%;
}
.openbtn-nav.active span:nth-of-type(1),
.openbtn-nav.active span:nth-of-type(3){
    width: 30%;
    left: 35%;
}
.openbtn-nav.active span:nth-of-type(1) {
    top: 30%;
}
.openbtn-nav.active span:nth-of-type(3) {
    top: 45%;
}
.openbtn-nav.active p {
    top: 35px;
}
#g-nav .title{
    font-size: 1.2rem;
}
#g-nav.panelactive {
    top: 7%;
}
#g-nav-list .login_members{
    position: relative;
}
#g-nav-list .members-favorite p{
    padding: 0 10% 2%;
}
.members-favorite ul li div{
    display: block;
    width: 200px;
}
.members-favorite ul:nth-child(2) {
    margin: 2% auto 3%;
}
/* -------------------------------------
*     header search
* ------------------------------------- */
.close-search {
    top: 0;
}
/* -------------------------------------
*     submenu
* ------------------------------------- */
#submenu .justify-content-center div{
    width: 180px;
}
#submenu a{
    padding:1.3rem;
    font-size:1rem;
}

/* -------------------------------------
*     footer
* ------------------------------------- */

#footer{
    padding-bottom:0;
}

/* -------------------------------------
*     TOP
* ------------------------------------- */
/* ----------------------
*    common
* ---------------------- */

.section{
    padding-top:3rem;
    padding-bottom:3rem;
}
h2.sectiontitle{
    font-size:1rem;
    line-height:1.6;
}
h2.sectiontitle::before{
    font-size:2.6rem;
}
.btn.btn-viewmore{
    font-size:0.6rem;
        width: 220px;
}
#mainmenuslideblock .sidebarbox{
    width: 90%;
}
.sidebarboxtitle{
    margin-left: 5%;
}
#mainmenuslideblock .sidebarbox ul{
    margin-left: 5%;
    display: flex;
    flex-wrap: wrap;
}
.sidebarbox ul li{
    margin: 1% 2%;
}
#mainmenuslideblock #colorselect{
    display: block;
}
.sidebarboxlist-unstyled ul{
    margin-left: 5%;
}
.sidebarboxlist-unstyled li{
    list-style: none;
}
.sidebarboxlist-unstyled li ul li{
    margin: 1% 2%;
}
#mainmenuslideblock .sidebarboxlist-unstyled li ul{
    width: 70%;
    display: -webkit-box;
}
#mainmenuslideblock .sidebarboxlist-unstyled .sidebarboxtitle{
    width: 70%;
    margin-top: 2%;
    font-size: 1.0rem;
}
#mainmenuslideblock .sidebarbox .list-unstyled{
    display: -webkit-box;
    margin-left: 5%;
}
#mainmenuslideblock #colorselect,
#mainmenuslideblock #colorselect li{
    margin-bottom: 0;
}

/* ----------------------
*     RANKING
* -------------------- */
.rankingbox,
.rankingbox:first-child{
    width:135px;
}
/* ----------------------
*    checkeditem
* ---------------------- */

.checkeditembox{
    width:60px;
}
/* ----------------------
*    category_item
* ---------------------- */
.category-item{
max-width: 800px;
margin: 0 auto;
}
.category-item div{
    width: 20%;
    margin: auto 10px;
}
.category-item div img + p{
    font-size: 0.8rem;
    margin-bottom: 10px;
}
/* -------------------------------------	
*     list
* ------------------------------------- */

#spsubcategoryblock button{
    font-size:1rem;
    padding:10px 20px;
}

/* -------------------------------------
*     detail
* ------------------------------------- */

/* ----------------------
*     itemthumbnail
* ---------------------- */

.itemthumbnail li{
    width:60px;
    margin-right:2px;
    float:left;
}
.itemthumbnail li img{
    width:60px;
}

/* ----------------------
*    title/price/btn
* ---------------------- */

#producttitle{
    font-size:1.5rem;
    font-weight:bold;
    line-height:1.4;
}
.salesprice{
    font-size:1.5rem;
}

/* ----------------------
*    itemdetail
* ---------------------- */

.aboutmaterialbtn,
.aboutsizebtn{
    width:35%;
}

/* ----------------------
*    kumiawase
* ---------------------- */

.kumiawasetitle{
    font-size:1.75rem;
}
.kumiawasebox a{
    font-size:0.9rem;
    line-height:1.6;
}

/* ----------------------
*    recommend
* ---------------------- */

#detailrecommend a{
    font-size:0.9rem;
    line-height:1.2;
}
#detailrecommend .price{
    font-size:0.9rem;
}

/* -------------------------------------
*     nathalie
* ------------------------------------- */

.nathaliebloc p{
    margin-bottom:1.3em;
    line-height:1.6em;
}
.nathaliebody{
    margin-top:30px;
}
#nathaliebloc02{
    margin-top:50px;
}
#nathaliebloc03{
    margin-top:50px;
}
#nathalieimg02{
    width:80%;
    margin:0 auto;
}
#nathalieimg04{
    width:90%;
    margin-top:120px;
}
#nathalieimg05{
    width:90%;
    margin:0 auto;
    margin-top:120px;
}
#nathalieimg07{
    width:90%;
    margin-top:120px;
}
#nathalieimg08{
    width:90%;
    margin:0 auto;
    margin-top:120px;
}
#nathalieimg10{
    width:90%;
    margin:0 auto;
    margin-top:90px;
}

/* -------------------------------------
*     HOWTOUSE
* ------------------------------------- */

.makikatatitle{
    font-size:22px;
}

/* -------------------------------------
*     mode=sk
* ------------------------------------- */

#sk .table th{
    width:200px;
}
}
	
/* ********************************************************************************************************************* */
/* タブレット */
@media screen and (min-width: 800px){
.menbers_news{
    margin-top: 5px;
}
.members-favorite ul{
    margin: 6% auto 0;
    }
/* -------------------------------------
*     common
* ------------------------------------- */
#newitem .btn.btn-viewmore,
#recommend .btn.btn-viewmore {
    width:400px;
    padding:15px 30px;
    font-size:1.0rem;
}
#g-nav.panelactive {
    top: 5%;
}
#g-nav-list .members-favorite{
    padding: 1px 0 50px;
}
/* -------------------------------------
*     header menu Color
* ------------------------------------- */

}
@media screen and (min-width: 900px){
#g-nav-list .members-favorite p::before {
    left: 6%;
}
#g-nav-list .members-favorite p {
    padding: 0 9% 2%;
    margin: 2% auto;
}
.members-favorite ul:nth-child(2){
    margin-bottom: 0;
}
.members-favorite ul:nth-child(3){
    margin-top: 5px;
}
/* -------------------------------------
*     footer
* ------------------------------------- */
.footer_menu{
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1400px;
}
.footer_menu div{
    text-align: left !important;
}
.footer_menu figure{
    text-align: left;
    margin: 0;
}
.footer_menu div.footer_menu-list div{
    text-align: right !important;
}
}
@media screen and (min-width: 992px){

/* -------------------------------------
*     common
* ------------------------------------- */

.embed-responsive{
    max-width:60%;
}
/* -------------------------------------
*     header
* ------------------------------------- */
/* -------------------------------------
*     header menu Color
* ------------------------------------- */

/* -------------------------------------
*     header menu Goods
* ------------------------------------- */
/* .goods-search ul{
    padding-left: 3rem;
} */
/* ----------------------
*    headermsg
* ---------------------- */

#headermsgblock a{
    font-size:1rem;
}

/* ----------------------
*    mainmenuslide
* ---------------------- */

#mainmenucontents{
    padding:4rem 0 16rem 0;
    overflow: auto;
}
.members-favorite ul.login_menu,
.members-favorite ul.login_members{
    display: flex;
    width: 100%;
}
/* -------------------------------------
*     footer
* ------------------------------------- */

footer{
    padding-bottom:0;
}
footer .box .dticon{
    width:400px;
}

/* -------------------------------------
*     TOP
* ------------------------------------- */

.btn.btn-viewmore{
    font-size:0.8rem;
    width: 230px;
}
.row .p-2{
    padding: 1.4rem .5rem !important;
}
/* ----------------------
*    mainimg
* ---------------------- */

.mainimg{
    max-height:360px;
}

.mainimg .box{
    height:450px;
}
.mainimg .box .txtbox .img{
    width:200px;
}
.mainimg .box .txtbox .title{
    font-size:1.1rem;
}
/* ----------------------
*     RANKING
* -------------------- */

.rankingbox,
.rankingbox:first-child{
    width:185px;
}

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

#instagram iframe{
    width:100%;
    height:220px;
}

/* ----------------------
*    checkeditem
* ---------------------- */

.checkeditembox{
    width:90px;
}

/* -------------------------------------
*     list
* ------------------------------------- */

#subcategoryblock ul{
    width:auto;
}
.btn.btn-subcategory{
    background:#311f05;
    color:#FFFFFF;
    font-size:0.8rem;
}
.btn.btn-subcategory:hover{
    background:#3f3f3f;
    color:#FFFFFF;
    text-decoration:none;
}
.btn.btn-subcategory:focus{
    color:#FFFFFF;
}
.itemname span,.item_name span{
    font-size: 0.7rem;
}
/* ----------------------
*     sidebar
* -------------------- */

.sidebarbox ul li a{
    padding:0.3rem 0;
}

/* -------------------------------------
*     detail
* ------------------------------------- */

#detailmain{
    padding:1rem 0;
}

/* ----------------------
*     itemthumbnail
* ---------------------- */
ul.itemthumbnail{
    width:400px;
    margin:0.5rem auto 0 auto;
}
.itemthumbnail li{
    width:42px;
    margin-right:2px;
    float:left;
}
.itemthumbnail li img{
    width:42px;
}

/* ----------------------
*    zoom
* ---------------------- */

.mousetrap{
    display:inline;
}
a#zoom1{
    pointer-events: auto;
}

/* ----------------------
*    detailimg
* ---------------------- */

#detailimgblock{
    width:800px;
}
.aboutmaterialbtn,
.aboutsizebtn{
    width:25%;
}
.kumiawasebox{
    width:200px;
}

/* ----------------------
    itemdetail
* ---------------------- */

.detailbnr{
    width:350px;
}

/* -------------------------------------
*     nathalie
* ------------------------------------- */

.nathaliebloc p{
    margin-bottom:1.3em;
    line-height:1.6em;
}
.nathaliebloc p br{
    display:inline;
}
.nathaliebody{
    margin-top:30px;
}
#nathaliebloc02{
    margin-top:50px;
}
#nathaliebloc03{
    margin-top:50px;
}
#nathalieimg02{
    width:70%;
    margin:0 auto;
}
#nathalieimg04{
    width:80%;
    margin:150px auto 0 auto;
}
#nathalieimg05{
    width:80%;
    margin:0 auto;
    margin-top:115px;
}
#nathalieimg08{
    width:80%;
    margin:0 auto;
    margin-top:125px;
}
#nathalieimg10{
    width:80%;
    margin:0 auto;
    margin-top:125px;
}
}
	
/* ********************************************************************************************************************* */
/* パソコン */
@media screen and (min-width: 1200px){
/* -------------------------------------
*     header
* ------------------------------------- */
#headermenubtn ul{
    width: auto !important;
}
#headermenubtn .pcnone{
    display: block;
    list-style: none;
    margin: 10px;
    padding: 0;
    max-width: 400px;
}
#headermenubtn .pcnone .pc-login{
    text-align: center;
    margin: 13% auto;
}
#headermenubtn .pcnone ul{
    font-size: 0.7rem;
    padding: 0;
    margin-top: 5%;
    list-style: none;
    display: flex;
    justify-content: flex-start;
}
#headermenubtn .pcnone ul a{
    color: #202022;
}
#headermenubtn .pcnone ul li{
    margin: 0 10px;
}

#g-nav,
#g-search{
top:140%;
}
#g-nav.panelactive{
top: 3% !important;
}

#g-nav-list .members-favorite p::before {
    left: 6%;
}
#g-nav-list .members-favorite p {
    padding: 0 8% 2%;
}
.members-favorite ul li div {
    right: 2%;
}
#g-nav .accordion .option:nth-child(1) .content {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 5px;
    margin: 0 auto;
}
#g-nav .menbers_news ul li a{
    font-size: 1.0rem;
    }
/* -------------------------------------
*     header menu Color
* ------------------------------------- */

/* -------------------------------------
*     header menu Goods
* ------------------------------------- */
/* .goods-search ul{
    padding-left: 1.2rem;
} */
/* -------------------------------------
*     common
* ------------------------------------- */

.anchorfix{
    margin-top:-130px;
    padding-top:130px;
    display:inline-block;
}

#ShoppingGuide .col-md-6{
    max-width: 33% !important;
}

/* -------------------------------------
*     top
* ------------------------------------- */
.btn.btn-viewmore{
    font-size:1rem;
    width: 280px;
}
/* ----------------------
*     RANKING
* -------------------- */

.rankingbox,
.rankingbox:first-child{
    width:220px;
}
#ranking a,
#ranking .price{
    font-size:0.9rem;
}
/* -------------------------------------
*     list
* ------------------------------------- */
.itemname span{
    font-size: 0.9rem;
top: 8px;
}
.item_name span{
top: -3px;
}
/* ----------------------
*     sidebar
* -------------------- */

.sidebarbox .rankingbox{
    padding:1rem 2rem;
}

.sidebarbox #colorselect li a{
    width:30px;
    height:30px;
    border:1px solid #DDDDDD;
}

/* -------------------------------------
*     detail
* ------------------------------------- */

/* ----------------------
*    itemthumbnail
* ---------------------- */
ul.itemthumbnail{
    width:100%;
}

.itemthumbnail li{
    width:57px;
    margin-right:2px;
    float:left;
}

.itemthumbnail li img{
    width:57px;
}

/* ----------------------
    itemdetail
* ---------------------- */

.detailbnr{
    width:400px;
}

/* -------------------------------------
*     nathalie
* ------------------------------------- */

#anchorbloc{
    margin-bottom:110px;
}
    /* -------------------------------------
*     緊急・重要なお知らせ欄（全ページ共通）
* ------------------------------------- */
.must_news{
padding: 10px;
}
.must_news p {
font-size: 1.0rem;
}
}
@media screen and (min-width: 1300px){
#headermenubtn .pcnone ul{
    font-size: 0.8rem;
}
}
@media screen and (min-width: 1400px){
.container{
    max-width: 1200px !important;
}
/* -------------------------------------
*     header
* ------------------------------------- */
#headermenubtn .pcnone ul{
    font-size: 1.0rem;
}
#g-nav-list .members-favorite p::before {
    left: 6%;
}
#g-nav-list .members-favorite p {
    padding: 0 8% 2%;
}
/* -------------------------------------
*     list
* ------------------------------------- */

.itemlistbox.p-3{
    padding:3rem!important;
}

/* ----------------------
*     sidebar
* -------------------- */

.sidebarbox .rankingbox{
    padding:1rem 1.5rem;
}
/* ----------------------
*     TOP
* -------------------- */
.row .p-2{
    padding: 1.8rem .5rem !important;
}
}
@media screen and (min-width: 1800px){
.container{
    max-width: 1400px !important;
}
}
/* ********************************************************************************************************************* */
/* 印刷設定 */
@media print {
    a[href]:after {
        content: "" !important;
    }
    abbr[title]:after {
        content: "" !important;
    }
    header{
        display: none !important;
    }
    .row{
        display: flex !important;
        flex-wrap: wrap !important;
    }
    img{
        max-width: 350px !important;
    }
    .container {
        max-width: 960px !important;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .checkeditembox {
        width: 90px !important;
    }
}