@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
html{font-size: 62.5%;}
h1,h2,h3{line-height:1.4;}
body { color: #333; line-height: 1.5; font-size: 1.4rem;}
ul,dl {list-style: none;}
li,p,div,a{box-sizing:border-box;}
a { text-decoration: none;}
a:hover img{opacity:0.8;}
.inner,article {width: 100%;max-width: 980px; margin: 0 auto;}
.inner{width: 980px;margin:0 auto;}

section { margin-bottom:8em;}

.overlay{background: rgba(0,0,0,0.8);position:fixed;width: 100%;height: 100%;z-index:2;display:none;left:0;}
.active{display:block;opacity:1!important;}
.fixed{position: fixed;}
::placeholder{
  color:#aaa
}

select.year {
    width: 80px;
}


/*タイトル*/
h2 { margin-bottom: 1em; font-size: 3.6rem;}
h2 span {font-size: 1.4rem; vertical-align: middle; margin-left: 1em;}
h2.ttl{font-family: din-2014, sans-serif;font-weight: 700;font-style: normal;position:relative;}
h2.ttl >a{position:absolute;right:0;font-family: din-condensed, sans-serif;font-weight: 400;font-style: normal;color:#333;}
h2.ttl >a span{font-size:2rem;margin-left: 0.25em;}
h2.ttl >a:before{content: '\f105';font-family:"fantastic";font-size:2rem;color:#333;top: -2px;position: relative;}
h2.ttl >a span:hover{text-decoration:underline;}



.btn_more { padding: 0.8em 4em; border: 1px solid #bcbcbc;border-radius: 10px; position: relative;display: block;margin: 0px auto;text-align: center; width: 80%;max-width: 130px; line-height: 100%;}
.btn_more::after {display: block;content: '';position: absolute;top: 1em;right: 1em;width: 6px;height: 6px;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.btn_more:hover {background: #e5e5e5;}

/*ヘッダ*/
header { position: relative ;width: 100%; text-align: center; padding: 30px 0; line-height: 0;}
header .inner {line-height: 0;position:relative;}
header .leftpoint{ position: absolute; top: 0; left: 0;bottom:0;margin: auto;}
header #pattern {display:inline-block;vertical-align:middle;}
header .btn_menu {padding: 1em; width: 25px;height: 25px;background-color: #231815;background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));-webkit-background-size: 10px 10px;cursor: pointer;}
header .close {padding: 1em;width: 25px;height: 25px;position: relative;cursor: pointer;display:inline-block;}
header .close span::before,
header .close span::after { display: block;content: "";position: absolute;top: 50%;left: 50%;width: 84%;height: 16%;
margin: -8% 0 0 -42%;background: rgb(0, 0, 0);}
header .close span::before { transform: rotate(-45deg);}
header .close span::after { transform: rotate(45deg);}
header .txt_area { display: none;opacity:0;position: absolute;width: 100%;background: rgb(255,255,255,0.8);text-align: left; z-index: 10;transition: height .5 linear;}
header .active { display: block;opacity:1;}

header h1 { display: inline-block;}
header h1 img { max-width: 292px; display: block;}
header ul.icon { position: absolute; right: 0; top: 0; display: flex;align-items: center;bottom: 0;}
header ul.icon li {}
header ul.icon li img {width: 50%;display: block;}

header .login{font-size:1.2rem;display:inline-block;vertical-align:middle;text-align:left;line-height:1.4;margin-left: 1em;}
header .ed_login{}
header .not_login{}

header .fb:before{
    display: inline-block;
    content: "";
    background: url(../img/common/icon_facebook.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(448%) hue-rotate(194deg) brightness(95%) contrast(84%);
    width: 1em;
    height: 1em;
    font-size: 1.25rem;
}
header .tw:before{
    display: inline-block;
    content: "";
    background: url(../img/common/icon_x.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(448%) hue-rotate(194deg) brightness(95%) contrast(84%);
    width: 1em;
    height: 1em;
    font-size: 1.25rem;
}
header .lin:before{
    display: inline-block;
    content: "";
    background: url(../img/common/icon_line.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    font-size: 1.25rem;
}
header .yt:before{
    display: inline-block;
    content: "";
    background: url(../img/common/icon_youtube.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(448%) hue-rotate(194deg) brightness(95%) contrast(84%);
    width: 1em;
    height: 1em;
    font-size: 1.25rem;
}

nav .inner {}
nav {width: 100%; background: #EFEFEF; z-index: 0;}
nav ul { margin: 0 auto; display: flex;/*justify-content: center;*/}
nav ul li {}
nav ul li span.pc{display:inline;}
nav ul li a{position:relative; padding:1em  1em  1em 0; font-size: 1.5rem;display:block;}
nav ul li a:before {content:'\f105';font-family:"fantastic";left: 0.5em;height:0;width:0;margin-right: 0.25em;}

nav .search_in{position:relative;}
nav .search {position: absolute; right: 0; top:7px;}
nav .search input,nav .search img {vertical-align: middle;}
nav .search input { background: #fff;border-radius: 20px; border:none;padding: 0.5em 0.5em 0.5em 1em;font-size:1.4rem;width: 15em;}
nav .search img { width: 15px; margin-left:5px;}
nav .search >div{position:relative;  display: inline-block;}
nav .search .stb{position:absolute;right:1em;top:0;bottom:0;margin: auto;    align-items: center;display: flex;}

nav #navigation{display:table;width: 100%;}
nav #navigation ul{}
nav #navigation ul i{margin-left: 0.7em;vertical-align:top;}
nav #navigation ul i:before{font-size:0.8em;}
nav #navigation .nv1{float:left;font-size: 1.5rem;font-weight: 700;}
nav #navigation .nv1 a{color:#111;text-decoration:none;display: block;}
nav #navigation .nv2{float:right;font-size: 1.4rem;font-weight: normal;}
nav #navigation .nv2 a{color:#aeaeae;text-decoration:none;}
nav #navigation >div>ul >li{float:left;margin-right: 2.2em;padding: 1em 0;}
nav #navigation >div>ul >li:last-child{margin-right: 0;}
nav #navigation >div>ul >li >a >span {overflow: hidden;display: inline-block;white-space: nowrap; text-overflow: ellipsis;position: relative;max-width: 100%;padding-bottom: 1px;}
nav #navigation >div>ul >li >a:hover >span:after{position: absolute;bottom: 0;right: 0;left: 0;height: 2px;background-color: #000; content: '';}

/*サブカテゴリ*/

/*アイコン設定*/
section ul.listProduct li a{position:relative;}
.icon{margin-bottom: 0.5em;}
.icon img{width:55px;}
#dvProductDetailArea .icon img{height: auto;}
#dvProductDetailArea #details .icon{position:relative;margin: 1em 0;}

/*ALLナビ*/
#menu_bt{border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:2rem;padding: 0.5em;line-height:0;display: table-cell;vertical-align: middle;}
#side-menu-toggle{display:none;}
#menu_bt i{margin-right: 0;}
#menu_bt:hover{background: #efefef;}
#menu_bt .sub_category {font-weight:normal;position:absolute;width: 100%;left:0;right:0;top:0;background: #fff;z-index:10;border-bottom:1px solid #f6f6f6;padding: 3em 0;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));}
#menu_bt .sub_category ul li a{overflow: hidden;position: relative;white-space: nowrap;}
#menu_bt .sub_category ul li a:after{}
#menu_bt .sub_category ul.category{width: 55%;column-count: 2;border-right: 1px solid #cbcbcb;display: table-cell;}
#menu_bt .sub_category ul.category li:before{content: "\f105";font-family:'fantastic';margin-right: 0.4em;}
#menu_bt .sub_category ul.hdmn li:before{font-family:'fantastic';margin-right: 0.4em;}
#menu_bt .sub_category ul.hdmn{width: 22.5%;border-right: 1px solid #cbcbcb;display: table-cell;padding:0 1em;}
/* 左アイコン表示する場合下記記述コメントアウトする */
#menu_bt .sub_category ul.category{width: 85%;}
#menu_bt .sub_category ul.hdmn{width: 15%;border: none;}
/* 左アイコン表示する場合下記記述コメントアウト解除解除する */
/* #menu_bt .sub_category ul.hdbn{width: 22.5%;display: table-cell;padding:0 1em;border: none;vertical-align: top;}
#menu_bt .sub_category ul.hdbn img{width: 100%;display: block;} */

#menu_bt .sub_category ul li{line-height: 1.5;font-size:1.5rem;padding: 0.25em 0;}
/* header .fb:before{content: "\f09a";font-size:100%;padding: 0 0.2em;}
header .tw:before{content: "\f099";font-size:100%;}
header .lin:before{content: "\e904";font-size:100%;}
header .yt:before{content: "\f167";font-size:100%;} */

/************************************
** トグル表示ボタン
************************************/
/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
/***********************************
 * 調整中
************************************/

/*STOTREナビ*/
nav #navigation .sub_category {font-weight:normal;position:absolute;width: 100%;left:0;right:0;left:0;background: #fff;z-index:10;border-top:1px solid #f6f6f6;}
nav #navigation .sub_category ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
nav #navigation .sub_category ul::after{display: block; content: ""; width: 30%;}
nav #navigation .sub_category ul li { width: 30%; border-top: 1px solid #D4D4D4; position: relative;white-space: nowrap;}
nav #navigation .sub_category ul li:nth-child(1),nav #navigation .sub_category ul li:nth-child(2),nav #navigation .sub_category ul li:nth-child(3){border-top: 0;}
nav #navigation .sub_category ul li:after {display: block;content: '';position: absolute;top: 0;bottom:0;margin:auto;right: 1em;width: 6px;height: 6px;border-right: 1px solid #333;border-bottom: 1px solid #333;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
nav #navigation .sub_category ul li a {display: block; padding: 1em 0;font-size:1.4rem;}
nav #navigation .sub_category ul li a:hover{background:#efefef;}
nav #navigation .sub_category ul li a:before{display:none;}
nav #navigation .sub_category ul li a{width: 90%; overflow: hidden;position: relative;white-space: nowrap;}
nav #navigation .sub_category ul li a:after{background-image: linear-gradient(to right, rgba(239,239,239,0) 85%, rgba(239,239,239,1) 100%);content: '';display: block;height: 100%; left: 0;position: absolute;top: 0; width: 100%;}
nav #navigation >ul >li div.menu__second-level {left: 0;box-sizing: border-box;width: 100%;padding: 20px 2%; background: #efefef;-webkit-transition: all .2s ease;transition: all .2s ease;opacity:0;display:none;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));}
nav #navigation >ul >li .deli{display:none;opacity: 0}
nav #navigation >ul >li:hover div.menu__second-level {visibility: visible;opacity: 1;display: block;}
nav #navigation >ul >li:hover .overlay{opacity: 1;display: block;}


/*ボトムバナー*/
section.bottom_bnr {}
section.bottom_bnr ul {display: flex; justify-content: space-between;}
section.bottom_bnr ul li { width: 24%;}
section.bottom_bnr ul li img { width: 100%; display: block;}


/*メインバナーtype1*/
#bn_type1{display:block;}
section.main_banner{margin: 2em 0;}
section.main_banner .container{display: grid;gap: ; grid-template-columns: 2fr 1fr 1fr;}
section.main_banner .container{margin: -0.2em;width: 100%;}
section.main_banner .container .item {padding: 0.2em;}
.box-big1 {grid-row: 1 / 3;}
.box-big2 {grid-column: 2 / 4;grid-row: 1/2;}
section.main_banner .container .item img{width: 100%;}

/*メインバナーtype2*/
#bn_type2{display:block;}
section.main_banner{margin: 2em 0;}
section.main_banner .container{display: grid;gap: ; grid-template-columns: 2fr 1fr 1fr;}
section.main_banner .container{margin: -0.2em;width: 100%;}
section.main_banner .container .item {padding: 0.2em;}
.box-big1 {grid-row: 1 / 3;}
section.main_banner .container .item img{width: 100%;}

/*ニュース*/
section.news{margin: 2em 0;}
section.news h4{font-weight:bold;margin-bottom: 0.5em;color:#af0000;}
section.news p{font-size:1.2rem;line-height:1.4;}


/*ボタン*/
a.button1 {border:1px solid #ccc;padding: 1em 3em;border-radius:5px;   display: flex;position:relative;width: 30%;margin: 0 auto;color:#333;justify-content: center;align-items: center;}
a.button1:hover {background:#efefef ;}
a.button1 span{position:relative;font-family: din-condensed, sans-serif;font-weight: 400;font-style: normal;font-size:2rem;color:#333;}
a.button1 span:after{content: '\f105';font-family:"fantastic";font-size:2rem;position:absolute;    top: -2px;padding-left: 0.5em;color:#333;}

/*アイテムBOX*/
section ul.box {display: flex; flex-wrap: wrap;}
section ul.box li a{display:block;}
section ul.box li { width: 25%; margin-bottom: 40px;position:relative;padding: 1em;}
section ul.box li:hover{background: #efefef;}
section ul.box li h2{font-size:1.3rem;font-weight:normal;position:relative;line-height:1.5;}
section ul.box li p.pid{display:none;}
section ul.box li figure{position:relative;}
section ul.box li figure img {display: block; margin: 0 auto 10px;}
section ul.box li figure img.rank_no { width: 50%; max-width: 43px;}
section ul.box li figure img{ width: 100%;}
.soldout{z-index: 1;width: 100%;height: 100%;position:absolute;background:rgba(255,255,255,0.9);top:0;left:0;display: flex;justify-content: center;align-items: center;font-family: din-condensed, sans-serif;font-weight: 400;font-style: normal;font-size:2.4rem;}
.favorite {margin-top: 0.5em;}
.favorite .icon-heart{color:#de6781;margin-right: 0.25em;}

/*アイテムBOX（トップ用）*/
section.toppage ul.box li:first-child,section.toppage ul.box li:nth-child(2),section.toppage ul.box li:nth-child(3) { width: 33.33%;}
/*アイテムBOX（ランキング用）*/
section.ranking ul.box li{ width: 25%;}
section.ranking div.rank figure{}
section.ranking div.rank img{width: auto;width: 25%;;}

/*アイテムBOX（ヒストリー０）*/
section.history ul.box li{ width: 20%;}
section.history ul.box li h2{font-size: 1.2rem;}
section.history ul.box li .price{font-size: 1.2rem;}

/*アイテムLIST*/
section ul.list {}
section ul.list li{padding: 2em 1em;border-bottom:1px solid #efefef}
section ul.list li >figure{position:relative;display: table-cell;width: 15%;vertical-align:top;}
section ul.list li >figure img{width: 100%;}
section ul.list li >div{position:relative;display: table-cell;vertical-align:middle;padding-left: 2em;}
section ul.list li h2{font-size:1.8rem;font-weight:bold;position:relative;}
section ul.list li >div .icon{position:relative;margin-bottom: 1em;}
section ul.list li >div>.plPrice span{line-height:1.5;}

/*カテゴリリスト１*/
section.list1 {}
section.list1 ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
section.list1 ul::after{display: block;content: "";width: 30%;}
section.list1 ul li { width: 30%; border-bottom: 1px solid #D4D4D4; position: relative;white-space: nowrap;}
section.list1 ul li:after {display: block;content: '';position: absolute;top: 0;bottom:0;margin:auto;right: 1em;width: 6px;height: 6px;border-right: 1px solid #333;border-bottom: 1px solid #333;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
section.list1 ul li a {display: block; padding: 1em 0;}
section.list1 ul li a:hover{background:#efefef;}
section.list1 ul li a{width: 90%; overflow: hidden;position: relative;white-space: nowrap;}
section.list1 ul li a:after{background-image: linear-gradient(to right, rgba(255,255,255,0) 85%, rgba(255,255,255,1) 100%);content: '';display: block;height: 100%; left: 0;position: absolute;top: 0; width: 100%;}


/*ショッピングガイド*/
section.shopping_guide{}
section.shopping_guide dl{column-count: 3;column-gap: 3em;column-rule:1px solid #efefef}
section.shopping_guide dt{margin-bottom:0.5em;line-height:1.6;font-weight:bold;font-size:2rem;}
section.shopping_guide dd{margin-bottom:1em;line-height:1.6;text-align:justify;}
section.shopping_guide dd figure{margin: 1em 0;}
section.shopping_guide dd figure img {max-width: 100%;}

/*ショップインフォ*/
section.shopinfo{margin-bottom: 0;}
section.shopinfo ul{display:flex;justify-content: center;}
section.shopinfo li{line-height:1.6;font-weight:bold;font-size:1.3rem;}
section.shopinfo li:not(:first-child) {margin-left: 1em;}
section.shopinfo li a{padding: 0.65em 1.6em;border:1px solid #ccc;border-radius:20px;display: block;}
section.shopinfo li a:hover{background: #efefef;}

/*一覧コントロール*/
.controls{margin-bottom: 2em;}

/*ソートボックス*/
#sortBox ul li.active{padding: 0 10px;}
#sortBox ul li a{padding: 0 10px;}
#sortBox >div:nth-child(3){float: right;}

/*breadcrumb*/
#breadcrumb span, #breadcrumb a{padding: 0 1px;}
#breadcrumb .icon-home:before{font-size:1.6rem;}

/*ページャ*/
#pagination{justify-content: center;display:flex;align-items: center;}
#pagination b{margin: 0.25em;}
#pagination span{margin: 0.25em;width: 40px;height: 40px;line-height: 40px;text-align:center;background: #999;display:inline-block;border-radius:50%;background: #efefef;color:#fff;display:flex;align-items: center;justify-content:center;}
#pagination span i{display:block;margin:0 auto;}
#pagination b.active{width: 40px;height: 40px;line-height: 40px;text-align:center;background: #999;display:inline-block;border-radius:50%;background: #000;color:#fff;}
#pagination a b{width: 40px;height: 40px;line-height: 40px;text-align:center;background: #999;display:inline-block;border-radius:50%;background: #efefef;color:#ccc;}
#pagination a b:hover,#pagination a span:hover{background: #ccc;color:#fff;}

/*フッター*/
footer{background: #e5e5e5;font-size:1.25rem;padding: 2em 0;}
footer ul{padding:0 1em 1em 1em;}
footer li{margin-bottom: 0.5em;line-height: 1.4;}
footer a{color:#999!important;}
footer li a:hover{text-decoration:underline;}
/* footer li:before{content: "\f105";font-family:'fantastic';margin-right: 0.4em;font-size:80%;color:#999!important;content: none} */
footer >div>div{display:table;width: 100%;}
#footer_menu{border-bottom: 1px solid #cbcbcb;}
#footer_menu1{width: 50%;display:table-cell;column-count: 2;border-right: 1px solid #cbcbcb;}
#footer_menu2{width: 25%;display:table-cell;}
#footer_menu3{width: 25%;display:table-cell;border-right: 1px solid #cbcbcb;}
/* #footer_menu4{width: 18.3333333%;display:table-cell;} */
#footer_copy{color:#999;padding-top: 1em;}
#footer_menu #footer_menu4{display: none;}
#footer_copy{color:#999;padding-top: 1em; display: flex;align-items: center;}
#footer_copy p{padding-left: 4em;background:url(https://over-lap.co.jp/Library/img/common/footer_logo.png) no-repeat;  background-size:auto 100%;width: 70%;display:table-cell;border-right: 1px solid #cbcbcb;line-height:1.6;font-size:1.2rem;background-size:8.2%;background-position: left center;}
#footer_copy p br.br_890{display: none;}
#footer_copy a{width: 15%;display:table-cell;vertical-align:middle;text-align:center;}
#footer_copy a:before{content: "\f27b";font-family:'fantastic';font-size:140%;margin-right: 0.3em;}
#footer_copy a:hover{background: #ccc;}
#footer_copy #footer_menu4{display: flex; gap: 1em; padding: 0; height: -webkit-fill-available; width: 15%;justify-content: center;}
#footer_copy #footer_menu4 a:before{display: none;}
#footer_copy #footer_menu4 li {margin: 0;}
#footer_copy #footer_menu4 li:before {margin: 0;}
#footer_menu4 li {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}
#footer_menu4 li a {
    line-height: 1;
    display: block;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 2em;
}
#footer_menu4 .fb a{
    display: inline-block;
    content: "";
    background: url(../img/common/icon_facebook.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(448%) hue-rotate(194deg) brightness(95%) contrast(84%);
    width: 1.2em;
    height: 1.2em;
    font-size: 1.25rem;
}
#footer_menu4 .tw a{
    display: inline-block;
    content: "";
    background: url(../img/common/icon_x.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(448%) hue-rotate(194deg) brightness(95%) contrast(84%);
    width: 1.2em;
    height: 1.2em;
    font-size: 1.25rem;
}
#footer_menu4 .lin a{
    display: inline-block;
    content: "";
    background: url(../img/common/icon_line.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.25rem;
}
#footer_menu4 .yt a{
    display: inline-block;
    content: "";
    background: url(../img/common/icon_youtube.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(448%) hue-rotate(194deg) brightness(95%) contrast(84%);
    width: 1.2em;
    height: 1.2em;
    font-size: 1.25rem;
}
#footer_menu4.fb:before{display: none !important;}
#footer_menu4.tw:before{display: none !important;}
#footer_menu4.lin:before{display: none !important;}
#footer_menu4.yt:before{display: none !important;}


/**/
 section.breadcrumb{margin-bottom: 2em;}
.dtc{display: flex}
#dvProductDetailArea #detailImage{width: 60%;float:none;padding-right: 3em;}
#dvProductDetailArea #detailImage .mainImage {position:relative;}
#dvProductDetailArea #detailImage .mainImage img {width: 100%;height: auto;}
#dvProductDetailArea #detailImage .mainImage .soldout{width: 100%;
    height: 100%;color:#000;
    position: absolute;
    background: rgba(255,255,255,0.9);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: din-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:3.4rem;opacity:1}



/********************************************************************************/
.ph_imgage img{width: 100%;}
.ph_imgage ul {margin:0;padding: 0;}
.ph_imgage {width:100%;margin:10px auto;position: relative;
a{color: #666;}}
.slide { display: none;}
.slide li {list-style: none;}
.slide.slick-initialized {display: block;}
.slick-slide{position:relative;overflow:hidden;}
.slick-dots {margin-top: 5px;margin-left: -5px;margin-right: -5px;display: flex;justify-content: center;}
.slick-dots li {list-style: none;display: inline-block;max-width:25%;max-hegiht: 56px;margin: 5px;}
.slick-dots li img { opacity: 0.5; width: 100%;height: auto;}
.slick-dots li.slick-active img {opacity: 1;}

.slick-prev {position: absolute; z-index: 99; top: 120px; left: -50px;}
.slick-next {position: absolute;z-index: 99;top: 120px;right: -50px;}
/********************************************************************************/


#dvProductDetailArea #details{width: 40%;float:none;}
#details .item_name{font-weight:bold;font-size:2rem;}
#details .productPrice span{font-weight:bold;font-size:2.2rem;}
#details .productSellInfo{padding: 0;background: none;border:none;}
#details #cartin{display: table;width: 100%;}
#details #cartin .productAmount{display:table-cell;width: 20%;padding-right: 1em;}
#details #cartin .productAmount input{padding: 0.25em;font-size:1.6em;border-radius:3px;    border: 1px solid #ccc;width: 100%!important;    box-sizing: border-box;}
#details #cartin .productAmount + div{display:table-cell;vertical-align: top;}
#details #cartin .productBtn{display:table-cell;width: 80%;}
#details .productSellInfo p{margin: 0;}
#details .addCart p{margin: 0;padding:0;}
#details .productCart{margin: 0;}
#details #catchcopy{font-size:2rem;font-weight: bold;margin-bottom: 0.5em;}

.btn-inverse{width: 100%;background: #000!important;border:none;padding: 0.75em;}
#details #dtl1{border-bottom: 1px solid #efefef;margin-bottom: 1em;padding-bottom: 1em;}

.snsList{border-bottom: 1px solid #efefef;margin-bottom: 1em;padding-bottom: 1em;margin: 1.5em 0;}
.snsList li a{display: flex;align-items: center;margin-right: 1em;}
.snsList .icon-heart:before{color:#de6781;font-size:2rem;display:inline;margin-right:0.15em;}
.snsList .icon-stic2:before{color:#67abd3;font-size:2rem;display:inline;margin-right:0.15em;}
.snsList .icon-commenting:before{color:#ffa024;font-size:2rem;display:inline;margin-right:0.15em;}

.link div{padding: 0.25em;}
.link a:before{content: '\f105';font-family: "fantastic";left: 0.5em; height: 0; width: 0;margin-right: 0.25em;}
.link a:after{content: "\e89e";font-family:"fantastic";margin-left: 0.25em;}

.none{display:none!important;}
.pc{display:block;}
.sp{display:none;}
.splogname{display:none;}

/****************************************************************************************************************************************************
モーダル
****************************************************************************************************************************************************/
.lity-image img{max-width: 980px;height: auto;}


/****************************************************************************************************************************************************
固定ページ
****************************************************************************************************************************************************/
.pages h1{font-size:2.2rem;margin: 3em 0;font-weight:bold;}
.pages h2{font-size:1.8rem;margin: 2em 0;font-weight:bold;border-bottom: #ccc 1px solid;}
.pages h2,.pages h4,.pages p,.pages dd,.pages dt,.pages small,.pages li{line-height:1.8;}
.pages p,.pages dd,.pages dt,.pages li{margin-bottom: 1em;}
.pages h3{margin: 2em 0;font-weight:bold;}
.pages h3+div{margin: 1em 0;background: #efefef;padding: 2em;}
.pages h4{font-weight:bold;margin: 1em 0;}

.pages h4.partsText01{font-size:2.2rem;margin: 3em 0;font-weight:bold;}
.pages h4.partsText02{font-size:1.8rem;margin: 2em 0;font-weight:bold;border-bottom: #ccc 1px solid;}

a.pageLink {cursor: pointer;border-bottom: 1px solid}
a.pageLink:hover {border-bottom: none;}

#dvUserBox .dvRegulation h4{font-size:1.6rem;margin: 1.5em 0;font-weight:bold;}
#dvUserBox .dvRegulation p,#dvUserBox .dvRegulation ul{margin-bottom: 1em;}
.pages .link_banner{display:block;margin-top: 1em;}



/****************************************************************************************************************************************************
CART&USER
****************************************************************************************************************************************************/
#cart_template{}
ul#flow{display:table;margin: 2em auto;}
ul#flow li{padding: 1em ;background: #eee;font-size:1.2rem;display:table-cell;}
ul#flow li.active{background: #888;color:#fff;font-weight:bold;font-size:1.3rem;}

div.btmbtn ul{position: relative;text-align: center;}
.btn-success{background: #f39800;font-size:1.4rem;}
.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled] {background-color: #ffbe00;}
div.btmbtn.below ul li{display:inline-block;width: 40%;}
#CartList div.btmbtn{border:0;}
#CartList div.btmbtn .btn-large{padding: 1em 1em;font-size:1.4rem;width: 100%;}
#CartList .cart_ttl {width: 100%;display:flex;}
#CartList .cart_ttl dt{text-align:center;font-size:1.2rem;padding: 1em 0;}
#CartList .cart_ttl dt:first-child{width: 50%;}
#CartList .cart_ttl dt:nth-child(2){width: 15%;}
#CartList .cart_ttl dt:nth-child(3){width: 10%;}
#CartList .cart_ttl dt:nth-child(4){width: 20%;}
#CartList .cart_ttl dt:nth-child(5){width: 5%;}
#CartList div.productList div.product >div{display:flex;align-items: center}
#CartList div.productList div.product >div .name{width: 50%;display:table}
#CartList div.productList dl.name dt{float:none;display:table-cell;}
#CartList div.productList dl.name dd{float:none;display:table-cell;width: auto;vertical-align: middle;padding-left: 1em;}
#CartList div.productList div.product >div .price{width: 15%;vertical-align: middle;display:table-cell;padding: 0;}
#CartList div.productList div.product >div .quantity{width: 10%;    padding-top: 0;}
#CartList div.productList div.product p.quantity input{padding: 0.5em;font-size:2rem;}
#CartList div.productList div.product >div .subtotal{width: 20%; padding-top: 0}
#CartList div.productList div.product >div .delete{width: 5%; padding-top: 0}

h4.box_ttl{background: #999999;color:#fff;padding: 1em;}
#CartList div.productList div.couponBox div.boxbtm,.pointBox div.boxbtm{padding: 2em!important;font-size:1.2rem}

#CartList div.productList div.pointBox div.box div, #CartList div.productList div.couponBox div.box div{width: 100%;}
.pointBox div.boxbtm dl, .couponBox div.boxbtm dl{width: 100%;}
.couponBox div.boxbtm dt,.couponBox div.boxbtm dd,.pointBox div.boxbtm dt,.pointBox div.boxbtm dd{width: 100%;float:none;text-align:left;margin-bottom:1em;}
.couponBox div.boxbtm span{padding-top: 0;}
.couponBox div.boxbtm input,.pointBox div.boxbtm input{padding: 0.5em;font-size:1rem;}

/*cartslect*/
#dvCartSelect table td.productImg img{width: 100%;}

/*orderShipping*/
#Contents div.main{width: 100%;background: none;}
#Contents div.column{width: 100%;float:none;clear:none;}
#Contents div.columnRight{width: 100%;float:none;clear:none;}
#Contents div.submain{width: 100%;}
#Contents .ordershipping input{padding: 0.75em;font-size:1.3rem;border:none;background: #efefef;box-sizing: border-box;}
#Contents .ordershipping input[type=text]{width: 100%;box-sizing: border-box;}
#Contents .ordershipping input[type=radio]{margin-right: 0.5em;}
#Contents .ordershipping input.input_widthA{width:40%;}
#Contents .ordershipping input.w25{width: 25%;}

.userBox div.top,.userBox div.bottom,.userBox{background: none;padding: 0;}
dl.shippingcartlist{display:flex;flex-wrap:wrap;}
.shippingcartlist dt{width: 40%;padding-top: 0;display: flex;align-items: center;box-sizing:border-box;}
.shippingcartlist dd{width: 60%; display: table;align-items: center;padding: 1em 0;box-sizing:border-box;}
.shippingcartlist .pdg_topC{float: none;display:inline-block;}
.shippingcartlist .pdg_topC a{ border:1px solid #ccc;background: none;margin-left: 1em;text-decoration:none;}
.stm{margin-bottom: 1em;}

.orderBox,.orderBox h3,.orderBox div.bottom{background: none;}
.orderBox div.userProduct div{width: 100%;padding: 1.5em;}
.orderBox div.userProduct dl{width: 100%;display:flex;flex-wrap:wrap;justify-content: center;;}
.orderBox div.userProduct dt{width: 10%;box-sizing: border-box;float: none;}
.orderBox div.userProduct dd{width: 90%;padding-left: 1em;box-sizing: border-box;float: none;}

.userList div.subbox{background: none;}
.userList div.subbox p{background: none;padding:1em 0 1em 0 ;}
.userList div.subbox span br{display:none;}
.userList div.subbox span label{margin-right: 1em;}

#Contents .ordershipping select{font-size:1.4rem;height: 2.4em;}

/*OrderPayment*/
.orderpayment{}
.orderpayment .shoppingCart{width: 100%;}
.shoppingCart div.subCartList div.incart{display:flex;}
.shoppingCart div.subCartList div.bottom{background: none;}
.shoppingCart div.subCartList{background: none;}
.shoppingCart div.singleProduct div{width: 100%;background: none;}
.shoppingCart div.subCartList .cart_product_list{width: 70%;}
.shoppingCart div.singleProduct dl{width: 100%;display:flex;}
.shoppingCart div.singleProduct dd{width: 80%;padding-left: 1em;padding-right: 1em;}
.shoppingCart div.singleProduct dt{width: 20%;}
.shoppingCart div.subCartList div.priceList{width: 30%;}
.shoppingCart div.priceList div{width: 100%;}
.priceList dl{width: 100%;}

.credit_form{display:flex;flex-wrap:wrap;flex;align-items: center;}

.orderpayment .orderBox .credit_form strong{width: 30%;}
.orderpayment .orderBox .credit_form p{width: 70%;}
.orderpayment .orderBox .credit_form >div{width: 100%;display:flex;align-items: center;}
.orderpayment .orderBox .credit_form + div strong{width: 30%;}
.orderpayment .orderBox .credit_form + div p{width: 70%;}
.orderpayment .orderBox .credit_form + div{width: 100%;display:flex;align-items: center;}
.orderpayment .orderBox .credit_form  input{padding: 0.75em;font-size:1.3rem;border:none;background: #efefef;box-sizing: border-box;}
.orderpayment .orderBox .credit_form  input[type=text]{width: 100%;box-sizing: border-box;}
.orderpayment .orderBox div.list dt input[type=radio]{margin-right: 0.5em;}
.orderpayment .orderBox .credit_form  input.input_widthA{width:40%;}
.orderpayment .orderBox .credit_form  input.w20{width: 20%;}
.orderpayment .orderBox  select{font-size:1.4rem;height: 2.4em;}
.orderpayment .orderBox .list dd{margin-bottom: 1em;}
#ctl00_ContentPlaceHolder1_rCartList_ctl00_rPayment_ctl01_ddCvsDef >strong{display:none;}


.orderpayment .orderBox .input_widthD{background: #efefef;padding: 0.75em;font-size:1.3rem;border:none;}


/*OrderConfirm*/
.orderconfirm .orderBox div.box div{width: 100%;}
.orderconfirm .orderBox div.box dl{display:flex;width: 100%;flex-wrap:wrap;align-items: center;}
.orderconfirm .orderBox div.box dt{width: 30%;float: none;padding: 0.5em 0;}
.orderconfirm .orderBox div.box dd{width: 70%;float: none;padding: 0.5em 0;}
.orderconfirm .orderBox div.box dd p{width: 100%;}

.orderconfirm .orderBox div.box dl span{display:flex;width: 100%;flex-wrap:wrap;align-items: center;}
.main_shipping,.main_payment{margin: 1em 0;    display: block;}

.orderconfirm div.subCartList div.incart{display:flex;}
.orderconfirm .shoppingCart{width: 100%;}
.orderconfirm div.singleProduct div{width: 100%;background: none;}
.orderconfirm div.subCartList .cart_product_list{width: 70%;}
.orderconfirm div.singleProduct dl{width: 100%;display:flex;}
.orderconfirm div.singleProduct dd{width: 80%;padding-left: 1em;padding-right: 1em;}
.orderconfirm div.singleProduct dt{width: 20%;}
.orderconfirm div.subCartList div.priceList{width: 30%;}
.orderconfirm div.priceList div{width: 100%;}
.priceList dl{width: 100%;}
.btn_change {text-align: right;}
.btn_change a{font-size:1.4rem;padding: 1em;margin: 1em 0;}

/*OrderComplete*/
.orderComplete{width: 100%;}
.orderComplete h3{background: none;}
.orderComplete div.bottom{background: none;width: 100%;}
.orderComplete div.background{background: none;width: 100%;}
.orderComplete div.product{width: 100%;}
.orderComplete div.product div{width: 100%;}
.orderComplete #CartList div.productList div.product >div .name{width: 70%;}
.orderComplete .orderDetail{background: none;}
.orderComplete div.orderDetail div.left, .orderComplete div.orderDetail div.right{width: 100%;}
.orderComplete div.orderDetail div.left div, .orderComplete div.orderDetail div.right div{width: 100%;}
.orderComplete div.orderDetail dl{width: 100%;display:flex;flex-wrap:wrap;}
.orderComplete div.orderDetail dt{float: none;width: 20%;padding: 1em 0;}
.orderComplete div.orderDetail dd{float: none;width: 80%;padding: 0;padding: 1em 0;}
.orderComplete div.orderDetail dd p{width: 100%;}
.orderComplete div.product{border-bottom:1px solid #ccc;}
.orderComplete div.product:last-child{border-bottom: none;}
#CartList div.productList div.product{border-top:none;}
/**.orderComplete div.orderDetail dd.paymentinfo{padding: 2em;font-size:1.4rem;border:2px #ccc solid;}**/
.orderComplete div.orderDetail dd.paymentinfo table{border:none;}
.orderComplete div.orderDetail dd.paymentinfo table td{font-size:1.3rem;padding: 0.5em;line-height:1.4;}

.itemList{display:flex;padding: 1em;}
#CartList .orderComplete div.productList div.product{padding:1em 0;}
#CartList .orderComplete div.productList div.product >div .name{width: 70%}
#CartList .orderComplete div.productList div.product >div .quantity{width: 20%;}
.orderComplete div.productList dl.name dd span{padding-top: 0;}
#CartList .orderComplete div.productList{padding: 0;margin: 0;}

.orderCompleteSum{width: 100%;}
.orderCompleteSum div.left, .orderCompleteSum div.right{width: 30%;float: none;}
.orderCompleteSum div.right{float: right;}
.orderCompleteSum{background: none;}
.orderCompleteSum div.sumBox{padding: 1em;}
.orderCompleteSum div.sumBox{width: 100%;}
.orderCompleteSum div.sumBox p{width: auto;}
.suborderCompleteSum{width: 100%;}
.sumBox div.subSumBoxB{width: auto;}
.sumBox strong{width: auto;}
.orderCompleteSum{margin-bottom: 4em;}
.btn_continue_shopping{width: 40%;margin: 0 auto;display:block;}
.btn_continue_shopping small{font-size:1.5rem;}

/*ユーザーページ*/
#dvUserBox input{padding: 0.5em;font-size:1.4rem;border:none;background: #efefef;box-sizing:border-box;}
#dvUserBox h3{font-weight:bold;margin-bottom: 1em;}
#dvUserBox .dvUserBtnBox p span{display:inline-block;width: 30%;}
#dvUserBox .dvUserBtnBox p{margin: 2em 0 0 0;}
#dvUserFltContents #pagination span{width: 30px;height: 30px;;}
#dvUserFltContents #pagination b.active{width: 30px;height: 30px;    line-height: 30px;;}
#dvUserBox .dvUserInfo>div>table select{font-size:1.4rem;height: 2.2em;margin-right: 0.5em;}
#dvUserBox .dvUserInfo>div>table >th{width: 30%;;}
#dvUserBox .dvUserInfo>div>table >td{width: 70%;border-left: none;;}
#dvUserBox #dvUserShippingInput .dvUserBtnBox p{display:flex;justify-content:center}
#dvUserBox #dvUserShippingInput .dvUserBtnBox p >a{width: 30%;margin: 0 0.5em;}
#dvUserBox .dvUserBtnBoxB p{display:flex;justify-content:center}
#dvUserBox .dvUserBtnBoxB p a{width: 30%;margin: 0 0.5em;}

#dvUserBox .btn-large{display: ;margin-bottom: 1em;border: none; padding: 0.75em;background: #000;color:#fff;}

/*OrderOwnerDecision*/
#LoginBox{background: none;margin: 0;}
#LoginBox div.bottom{background: none;}
#LoginBox div.top{background: none;}
#LoginBox div.bottom{padding: 0;}
#LoginBox div.bottom div{width: 100%;}
#LoginBox input[type="password"],#LoginBox input[type="email"]{width: 100%;}
#LoginBox dl{width: 100%;}
#LoginBox dt,#LoginBox dd{width: 100%;float: none;}
#LoginBox .bottom >span{margin: 1em 0 2em;padding: 0;font-size:inherit;}
#LoginBox .bottom >span + div{margin-bottom: 2em;line-height: 1.6;}
#LoginBox .btn-large{display:block;margin-bottom: 1em;}

/*Login*/
#dvUserBox h2{border:none;}
#dvLogin{display:flex;flex-wrap:wrap;}
#dvUserBox .contentsInfo{width: 100%;padding: 0.75em;}


#dvUserBox #dvLogin #dvLoginWrap{width: 50%;padding: 2em;float: none;padding:0 4em 2em 4em;}
#dvUserBox #dvLogin #dvLoginWrap p{margin-bottom: 2em;line-height:1.6;}
#dvUserBox #dvLogin .dvLoginRegist{width: 50%;padding:0 4em 2em 4em;float: none;}
#dvUserBox #dvLogin .dvLoginRegist p{margin-bottom: 2em;line-height:1.6;}
#dvUserBox #dvLogin .dvLoginLogin ul li:last-child{margin: 1em 0 2em;}
#dvUserContents .unit, #dvUserFltContents .unit{border:none;}
#dvUserBox #dvLogin p{margin: 0;}
#dvUserBox #dvLogin .dvLoginLogin ul{padding:  0;}
.dvLoginLogin input[type="password"],.dvLoginLogin input[type="email"]{width: 100%;}
#dvUserBox p .btn-large{display:block;margin-bottom: 1em;}
#dvUserBox p a button {background: none;color: #fff;border: none;font-size: 15px;}
#dvUserBox p a.btn_disabled {opacity: 0.3;pointer-events: none;}
.remind{font-size:1.2rem;text-align:center;    display: inline-block;width: 100%;margin-top: -2em;}
.remind:before{    content: '\f105';font-family: "fantastic";left: 0.5em; height: 0;width: 0; margin-right: 0.25em;}
.dvUserBtnBox .btn-large{    border: none;padding: 0.75em;}
#dvUserBox ins{margin-bottom: 1em;display:block;}
#dvUserBox select{font-size:1.4rem;height: 2.2em;margin-right: 0.5em;}
#dvUserBox .dvUserBtnBoxB{border: none;}
#dvUserBox #dvUserRegistRegulation .dvRegulation {height: 240px;}

/*UserRegistInput*/
#dvUserBox #dvUserRegistInput table th, #dvUserBox #dvUserRegistConfirm table th{width: 30%;;}
#dvUserBox #dvUserRegistInput table td, #dvUserBox #dvUserRegistConfirm table td{width: 70%;border-left: none;;}
#dvUserBox #dvUserRegistInput table td ul{display:flex;align-items:center;}
#dvUserBox #dvUserRegistInput table td ul li{width: 50%;}
#dvUserBox #dvUserRegistInput table td ul li input{margin-left: 0.5em;width: 80%;}
#dvUserBox #dvUserRegistInput table select{font-size:1.4rem;height: 2.2em;margin-right: 0.5em;}

#dvUserBox .completeInfo{background: none;border:none;;}

/*Usermenu*/
#dvUserBox #dvUserMenu{width: 100%;float: none;margin: 3em 0;}
#dvUserMenu ul{display:flex;width: 100%;}
#dvUserMenu ul li{flex-grow: 1;border:none;text-align:center;}
#dvUserBox #dvUserMenu ul li a{border: #fff solid 1px;font-size:1.1rem;}
#dvUserFltContents{width: 100%;}

/*FavoriteList*/

#dvUserBox #dvFavoriteList table .productName{width: auto;}
#dvUserBox #dvOrderHistoryList table{margin: 3em 0;}
#dvUserBox #dvOrderHistoryList table th{width: ;}
#dvUserBox #dvOrderHistoryList table .orderNum{}
#dvUserBox #dvOrderHistoryList table .orderDate{}
#dvUserBox #dvOrderHistoryList table .paymentTotal{}
#dvUserBox #dvOrderHistoryList table .orderStatus{}
#dvUserBox #dvOrderHistoryList table .shippingDate{}
#dvUserBox #dvOrderHistoryList table th.scheduledShippingDate{}
#dvUserBox #dvOrderHistoryList table .fixedPurchaseId{}
#dvUserBox #dvOrderHistoryList table td div.itemImage{width: 10%;}
#dvUserBox #dvOrderHistoryList table td div.itemImage img{width: 100%;}
#dvUserBox #dvOrderHistoryList table .orderBtr th:last-child,
#dvUserBox #dvOrderHistoryList table .orderBtr td:last-child{width: 10%;text-align:center;}

/*CreditCardDetail*/
.CreditCardDetail ul{display:table;}

#dvUserBox .dvWithdrawInfo ins{margin-top: 1em;display:block;line-height:1.4}


/*エラー*/
#dvErrorInfoBox h2,#dvErrorInfoBox h6{color:#000;}
#dvErrorInfoBox h2{border:none;padding: 1em 0;}

/*問い合わせ*/
#dvUserBox #dvUserInquiryInput table td >table, #dvUserBox #dvUserInquiryConfirm table td >table{width: 80%;border:none}
#dvUserBox #dvUserInquiryInput table td >table td, #dvUserBox #dvUserInquiryConfirm table td >table td{border: none;}
#dvUserBox #dvUserInquiryInput table td >table td input, #dvUserBox #dvUserInquiryConfirm table td >table td input{width: 80%;}
#dvUserBox textarea{background: #efefef;border:none;}


/***************************************************************************************************************************************************
****************************************************************************************************************************************************
****************************************************************************************************************************************************
****************************************************************************************************************************************************
smp
****************************************************************************************************************************************************
****************************************************************************************************************************************************
****************************************************************************************************************************************************
****************************************************************************************************************************************************
****************************************************************************************************************************************************
****************************************************************************************************************************************************

****************************************************************************************************************************************************
****************************************************************************************************************************************************/


@media screen and (max-width:980px) {
/*　画面サイズが980px以下はここを読み込む　*/
section {padding: 0 4%;}
.inner{width: 100%;}
section.shopinfo li {
    margin-bottom: 0.5em;
    line-height: 1.6;
    font-weight: bold;
    font-size: 1.1rem;
    padding: 0 0.2em;
}
section.shopinfo li:not(:first-child) {margin-left: 0;}
section.shopinfo li a {
    padding: 0.6em 0.9em;
}

}

@media screen and (max-width:890px) {
    #footer_copy p br.br_890{display: block;}
}


@media screen and (max-width: 768px) {
/*　画面サイズが767px以下はここを読み込む　*/
.pc{display:none;}
.sp{display:block;}

html{font-size: 52.5%;}
#Contents{overflow: hidden;}
#Contents{margin-bottom: 0;}
section{margin-bottom: 3em;}
.inner{width: 100%;}
a.button1{width: 100%;}

/**/
.lity-image img{max-width: 90%;height: auto;margin: 0 auto;}

/*ヘッダー*/
header{padding: 1.5em 0;}
header h1 img{width: 160px;}
.login{padding: 0.5em;text-align:;}
header .leftpoint .login{display:none;}
.splogname{display:block;padding: 0.5em 0.75em;}
header .leftpoint{left:10px;}
header .btn_menu {padding: 0em; width: 20px;height: 20px;background-color: #231815;background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));-webkit-background-size:7px 7px;cursor: pointer;}
header .close{width: 20px;height: 20px;}
header .close span::before, header .close span::after{    width: 70%;height: 10%;}
li.advsearch img{width: 15px;}
li.advsearch a:before{display:none;}
nav ul{ justify-content: center;align-items: center;}
nav ul li span.sp{display:inline;}
nav ul li span.pc{display:none;}
/*nav ul li a:before{ content: "";margin: 0;display: inline-block;width: 1em;height: 1em;vertical-align: middle;}
nav ul li a.arwR:before{ background: url(../img/arrow-right.png) no-repeat;background-size: 10px;}
nav ul li a.arwD:before {background: url(../img/arrow-bottom.png) no-repeat;background-size: 10px;}*/
header ul.icon{width: 85px;margin-bottom:0;}
header ul.icon li{width:50%;}
header ul.icon li:nth-child(2) a{padding:0.5em;}
header ul.icon li:nth-child(3) a{padding:0.5em;}
header ul.icon li:last-child{display: none;}
header ul.icon li a{width:100%;padding: 0.6em;display:block;}
header ul.icon li img{width: 100%;}

nav{display: flex; flex-direction: row-reverse;}
nav .search_in{position: static; flex-basis: 20%;}
nav .search_in.active{background: #ddd;}
nav .search_in a{display: block; padding: 1em;font-size: 1.5rem;text-align: center;}
nav .search_in a img{width: 15px;}
nav .search {z-index: 10;opacity: 0;display: none;top:auto;right: 0;box-sizing: border-box;width: 100%;padding: 20px 2%; background: #efefef;-webkit-transition: all .2s ease;transition: all .2s ease;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));}
nav .search_in:hover .search {visibility: visible;opacity: 1;background:#ddd;}
nav .search .stb{position: static;margin-left:10px; padding: 10px 20px;background: #000;border-radius: 3px;color: #fff;}
nav .search > div{display: flex;}
nav .search input{flex-grow:1;}

#navigation>ul>li{flex-grow: 1;text-align: center;border-right: 1px solid #fff;}
#navigation>ul>li>a {position:relative; padding: 1em 0; color: #333;}
#navigation>ul>li>a::before{content: "";}
/*#navigation>ul>li>a:after {content: "｜";position: absolute;right: 0;top: calc(50% - 0.5em);}*/

nav .pc{display:none!important;}
nav .sp{display:table;}
nav #navigation .sub_category ul li{width: 100%;}
nav #navigation .sub_category ul li:nth-child(2),nav #navigation .sub_category ul li:nth-child(3){border-top: 1px solid #d4d4d4;}
nav #navigation >ul >li div.menu__second-level{padding: 20px 4%;text-align: left;}

#menu_bt .sub_category{padding: 20px 4%;}
#menu_bt .sub_category ul.category{display: block;width: 100%;padding: 0 ;column-count:1;border-right: 0;}
#menu_bt .sub_category ul.category li:before{display:none;}
#menu_bt .sub_category ul.category li { width: 100%; border-bottom: 1px solid #D4D4D4; position: relative;white-space: nowrap;}
#menu_bt .sub_category ul.category li:after {display: block;content: '';position: absolute;top: 0;bottom:0;margin:auto;right: 1em;width: 6px;height: 6px;border-right: 1px solid #333;border-bottom: 1px solid #333;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#menu_bt .sub_category ul.category li a {display: block; padding: 0.75em 0;font-size:1.4rem;}
#menu_bt .sub_category ul.category li a:hover{background:#efefef;}
#menu_bt .sub_category ul.category li a:before{display:none;}
#menu_bt .sub_category ul.category li a{width: 90%; overflow: hidden;position: relative;white-space: nowrap;}
#menu_bt .sub_category ul.category li a:after{background-image: linear-gradient(to right, rgba(255,255,255,0) 85%, rgba(255,255,255,1) 100%);content: '';display: block;height: 100%; left: 0;position: absolute;top: 0; width: 100%;}

#menu_bt .sub_category ul.hdmn{display: block;width: 100%;border-right: none;padding: 1em 0 0;}
#menu_bt .sub_category ul.hdmn li{display:inline-block;margin-right: 0.5em;}
#menu_bt .sub_category ul.hdbn{display: block;width: 100%;display:none;}

/*リスト*/
#sortBox .box{margin-right: 0;}

#pagination span{width: 20px; height: 20px;line-height:20px;}
#pagination b.active{width: 20px; height: 20px;line-height:20px;}
#pagination a b{width: 20px; height: 20px;line-height:20px;}

.icon img{width: 31.33%;}
#details>p.icon img{width: 20%;}
section.ranking .icon{display:none;}
/*メインバナー*/

section.main_banner{padding: 0;margin: -0.2em -0.2em 2em;}
section.main_banner .container{margin: 0;}
#bn_type1 .container{display: grid;gap: ; grid-template-columns:1fr 1fr 1fr 1fr;}
#bn_type1 .box-big1 {grid-column: 1 / 5;}
#bn_type1 .box-big2 {grid-column: 1 / 3;grid-row: 3/ 4;}

#bn_type2  .container{display: grid;gap: ; grid-template-columns:1fr 1fr 1fr 1fr;margin: 0;}
#bn_type2 .box-big1 {grid-column: 1 / 5;}

section.news h4{line-height: 1.5;}

/*ランキング*/
section.ranking ul.box li{width: 33.33%;}
section.ranking ul.box li:last-child{display:none;}

/*トップページ用リスト上位3*/
section.toppage ul.box li:first-child, section.toppage ul.box li:nth-child(2), section.toppage ul.box li:nth-child(3) {width: 50%;}


section ul.box li { width: 50%; margin-bottom: 10px;}
section.list1 ul li{width: 49%;}
section ul.list li > figure{width: 33%;}

.avs img{    width: 110%;margin-left: -5%;}

/*ショッピングガイド*/
section.shopping_guide dl{    column-count: 1;}
section.shopinfo ul{display:block;margin:  0.5em 0;}
section.shopinfo li a{display:block;border:none;padding: 0.5em 0 ;border-top: 1px solid #ccc;border-radius:0;}
section.shopinfo li a:before{content: '\f105';font-family: "fantastic";left: 0.5em;height: 0;width: 0; margin-right: 0.25em;}

/*ボトムバナー*/
section.bottom_bnr ul{align-items: center;flex-wrap:wrap}
section.bottom_bnr ul li{width: 50%;padding: 0.25em;}

/*フッター*/
/*フッダ*/
footer{padding: 1em 0 0 0;}
footer ul{box-sizing: border-box;}
footer ul {padding: 0.75em;letter-spacing: -.4em;}
footer ul li{display: inline-block;margin-bottom: 0;letter-spacing:normal;margin-bottom: 0.5em;}
#footer_menu1{display: block;width: 100%;border-bottom:1px solid #ccc;border-right:none;column-count: auto;}
#footer_menu1 li{width: 50%;}
#footer_menu2{display: none;width: 100%;border-bottom:1px solid #ccc;border-right:none;}
#footer_menu3{display: block;width: 100%;border-bottom:1px solid #ccc;border-right:none;    text-align: center;}
#footer_menu3 li:before{content:"｜"}
#footer_menu3 li:first-child:before{content:""}
#footer_menu #footer_menu4{display: flex;gap: 0.5em;}
#footer_menu4{display: flex;width: 100%;text-align:center;justify-content: center;align-items: center;}
#footer_menu4 li{margin: 0 0.5em;}
#footer_menu4 li a {line-height: 1.4;}
#footer_copy {padding: 1em;font-size:1rem;}
#footer_copy p{background: none;padding: 0 1em 0 0;width: 75%;background-size:auto;}
#footer_copy a{width: 25%;}
#footer_copy #footer_menu4{display: none;}
.fb a,
.tw a,
.lin a,
.yt a{
    width: 1.5em;
    height: 1.5em;
    font-size: 1.25rem;
}
#footer_menu4.fb:before{display: none !important;}
#footer_menu4.tw:before{display: none !important;}
#footer_menu4.lin:before{display: none !important;}
#footer_menu4.yt:before{display: none !important;}

/*閲覧履歴*/
section.history ul.box li{width: 33.33%;}
section.history ul.box li h2{display:none;}


/*商品詳細*/
.dtc{display: block;}
#dvProductDetailArea #detailImage{width: 100%;margin-right: 0;padding-right: 0;}
#dvProductDetailArea #details{width: 100%;}
#details #cartin .productAmount{    width: 20%;}
#details #cartin .productAmount input{padding: 0.35em;}
/*#Contents input{width: 70%!important;padding: 0.35em;}*/
.snsList{display:flex;justify-content:center;}
.snsList li{float:none;}





nav #navigation >ul >li:hover div.menu__second-level{display:none;}
.open{display:block!important;transition: all .2s ease;}

/*ログイン*/
#dvUserBox #dvLogin #dvLoginWrap{width: 100%;}
#dvUserBox #dvLogin .dvLoginRegist{width: 100%;}
#dvUserBox #dvLogin #dvLoginWrap{border-right: 0;padding: 0;}
#dvUserBox #dvLogin .dvLoginRegist{padding: 0;}


/*カート*/

select{height:auto!important;padding: 0.75em;}
ul#flow{}
ul#flow li{width: 20%;vertical-align: middle;text-align:center;padding: 1em 0.8em;}
#CartList .cart_ttl{display:none;}
#CartList div.productList div.product div{margin: 0;}
#CartList div.productList div.product >div{display:flex;flex-wrap:wrap;}
#CartList div.productList div.product >div .name{width: 60%;}
#CartList div.productList div.product >div .subtotal{width: 25%;}
#CartList div.productList dl.name dt{width: 30%;}
#CartList div.productList dl.name dd{padding-left: 0;}
#CartList div.productList div.product >div .price{display:none;}
#CartList div.productList div.product p.quantity input{box-sizing:border-box;}
#CartList div.productList div.pointBox{float: none;width: 100%;}
#CartList div.productList div.couponBox{float: none;width: 100%;padding: 0!important;}
.pointBox div.box, .couponBox div.box{width: 100%;padding: 0;background: #fff;}
.pointBox div.boxbtm, .couponBox div.boxbtm{background: none;padding: 1em!important;}
#CartList div.productList div.couponBox div.boxbtm, .pointBox div.boxbtm{padding: 1em!important;}
#CartList div.productList div.priceList{width: 100%!important;border:0;}
#CartList div.cartOrder div.priceList dl{padding: 5px 7px 4px 0;}
.priceList dt{width: auto;}
#CartList div.cartOrder div.priceList dl{width: 100%!important;    box-sizing: border-box;}

#Contents div.main{    padding: 0px;margin:0 auto;}
.shippingcartlist dt{width: 100%;}
.shippingcartlist dd{width: 100%;}
#Contents .ordershipping input{width: auto;}
#Contents .ordershipping select{background: #efefef;height:auto;padding: 0.75em;}



.orderBox div.userProduct div{padding:1em 0;}
.orderBox div.userProduct dl{align-items:center;}
.orderBox div.userProduct dd{width: 80%;}
.orderBox div.userProduct dd strong{padding-top: 0;}
.orderBox div.userProduct dt{width: 20%;}
.orderBox div.userProduct{padding: 0 0;}
.orderBox .userList{padding: 1em 0;}

div.btmbtn.below ul{display:flex;}
div.btmbtn.below ul li{width:100%;}
div.btmbtn.below ul li a{width: 100%;}

.orderBox div.list{padding: 1em 0;}
.orderpayment .orderBox .credit_form strong{width: 100%;}
.orderpayment .orderBox .credit_form p{width: 100%;}

.orderpayment .orderBox .credit_form + div{flex-wrap:wrap;}
.orderpayment .orderBox .credit_form + div strong{width: 100%;}
.orderpayment .orderBox .credit_form + div p{width: 100%;}
.orderpayment .orderBox .credit_form >div{flex-wrap:wrap;}

.shoppingCart div.subCartList div.incart{flex-wrap:wrap;}
.shoppingCart div.subCartList .cart_product_list{width: 100%;}
.shoppingCart div.subCartList div.priceList{width: 100%;}

.shoppingCart div.subCartList div.block{padding: 1em 0;}
.shoppingCart div.singleProduct dt a{width: auto;}

.orderComplete{padding: 1em 0;}
.orderDetail{padding: 0;}
.orderDetail .left,.orderDetail .right{width: 100%;}
.orderComplete div.orderDetail dt{}
.orderComplete div.orderDetail dd{}
.orderDetail{width:100%;}

.itemList{flex-wrap:wrap;}
.suborderDetail{width: 100%;}
.orderComplete div.item_info{width: 100%}
.orderComplete div.priceList{width: 100%!important;}
.orderComplete div.priceList div{width: 100%;}
.orderComplete div.orderDetail dd.paymentinfo{width: 100%;padding: 1em;;}

.orderComplete .itemList{padding: 0;}
.orderCompleteSum div.right{float: none;width: 100%;}

#dvOrderBox #dvCartSelect table .productImg{width: 140px!important;}
#dvOrderBox #dvCartSelect table .productPrice{width: 100px;line-height:1.4!important;}

/*USER*/

#dvUserBox input.mailAddr,#dvUserBox input.addr2,#dvUserBox input.addr{width: auto;}
#dvUserBox input.mailAddr{width: 100%;}

#dvUserBox #dvUserRegistInput table, #dvUserBox #dvUserRegistConfirm table{border-right: none;}
#dvUserBox #dvUserRegistInput table th, #dvUserBox #dvUserRegistConfirm table th{display:block;width: 100%;;box-sizing:border-box;background: none;border-left: none;}
#dvUserBox #dvUserRegistInput table td, #dvUserBox #dvUserRegistConfirm table td{display:block;width: 100%;border:none;box-sizing:border-box;padding: 1em 0;}


#dvUserContents .unit, #dvUserFltContents .unit{padding: 1em 0;}

#dvUserBox .dvUserBtnBox p{display:flex;justify-content: center;}
#dvUserBox .dvUserBtnBox p span{width: 50%;}
#dvUserBox #dvUserMenu{margin: 1em 0;}
#dvUserBox #dvUserMenu ul{display:flex;flex-wrap:wrap;}
#dvUserBox #dvUserMenu ul li{flex: none;width: 50%;}
#dvUserBox h2{padding: 1em 0 ;}
#dvUserBox .outer{width: 100%;overflow-x:scroll;}
/*購入履歴*/
#dvUserBox #dvOrderHistoryList table{background: none;}
#dvUserBox #dvOrderHistoryList .outer table{width: 600px;}
#dvUserBox #dvOrderHistoryList .outer table th,
#dvUserBox #dvOrderHistoryList .outer table td{box-sizing:border-box;}
#dvUserBox #dvOrderHistoryList .outer table .orderNum{width: 70px;}
#dvUserBox #dvOrderHistoryList .outer table .orderDate{width: 100px;}
#dvUserBox #dvOrderHistoryList .outer table .paymentTotal{width: auto;}
#dvUserBox #dvOrderHistoryList .outer table .orderStatus{width: auto;}
#dvUserBox #dvOrderHistoryList .outer table .shippingDate{width: auto;}
#dvUserBox #dvOrderHistoryList .outer table .scheduledShippingDate{width: auto;}

#dvUserBox #dvOrderHistoryList .noouter table{width: 100%;}
#dvUserBox #dvOrderHistoryList .noouter table thead{display:none;}
#dvUserBox #dvOrderHistoryList .noouter table th, #dvUserBox #dvOrderHistoryList table td{box-sizing:border-box;border:none;}
#dvUserBox #dvOrderHistoryList .noouter table .orderItemProductName{display:inline-block;width: 50%;}
#dvUserBox #dvOrderHistoryList .noouter table .orderItemProductName img{width: 100%;margin: 0 auto;}
#dvUserBox #dvOrderHistoryList .noouter table .orderItemProductInfo{display:block;width: 100%;}
#dvUserBox #dvOrderHistoryList .noouter table .orderDate{display:block;width: 100%;}

#dvUserBox #dvOrderHistoryDetail table th{width: 20%;line-height: 1.3}
#dvUserBox #dvOrderHistoryDetail table td{width: 80%;}
#dvUserBox #dvOrderHistoryDetail table td >div{float:none!important;text-align:left!important;margin: 1em 0;}

/*おきにいり*/
#dvUserBox #dvFavoriteList table .productPatternNum{display:none;}

/*情報変更*/
#dvUserBox .notes{display:block;margin-top: 0.5em;}
#dvUserBox .notesx{display:none;}

#dvUserBox #dvUserModifyInput table, #dvUserBox #dvUserModifyConfirm table{background: none;}
#dvUserBox #dvUserModifyInput table th, #dvUserBox #dvUserModifyConfirm table th{display:block;width: 100%;;box-sizing:border-box;background: none;padding: 1em 0;}
#dvUserBox #dvUserModifyInput table td, #dvUserBox #dvUserModifyConfirm table td{display:block;width: 100%;border:none;box-sizing:border-box;padding: 1em 0;}

#dvUserBox #dvUserModifyInput table td ul li input{margin-left: 0.5em;width: 80%;}
#dvUserBox #dvUserModifyInput table td table{width: 100%;}
#dvUserBox #dvUserModifyInput table td table tr{display: flex;    align-items: center;}
#dvUserBox #dvUserModifyInput table td table td{width: 50%;}

#dvUserBox #dvUserModifyInput table, #dvUserBox #dvUserShippingInput table{background: none;}
#dvUserBox #dvUserShippingInput table th, #dvUserBox #dvUserShippingInput table th{display:block;width: 100%;;box-sizing:border-box;background: none;padding: 1em 0;}
#dvUserBox #dvUserShippingInput table td, #dvUserBox #dvUserShippingInput table td{display:block;width: 100%;border:none;box-sizing:border-box;padding: 1em 0;}

#dvUserBox #dvUserShippingInput table td ul li input{margin-left: 0.5em;width: 80%;}
#dvUserBox #dvUserShippingInput table td table{width: 100%;}
#dvUserBox #dvUserShippingInput table td table tr{display: flex;    align-items: center;}
#dvUserBox #dvUserShippingInput table td table td{width: 50%;}

#dvUserBox #dvUserShippingList table th.productName{display:none;}
#dvUserBox #dvUserShippingList table td.shippingAddr{display:none;}
#dvUserBox #dvUserShippingList table .updatedelete{width: 70px;}
#dvUserBox #dvUserShippingList table .shippingName{width: auto;}

#dvUserBox #dvUserCreditCardInput table, #dvUserBox #dvUserCreditCardConfirm table{background: none;}
#dvUserBox #dvUserCreditCardInput table th, #dvUserBox #dvUserCreditCardConfirm table th{display:block;width: 100%;;box-sizing:border-box;background: none;padding: 1em 0;}
#dvUserBox #dvUserCreditCardInput table td, #dvUserBox #dvUserCreditCardConfirm table td{display:block;width: 100%;border:none;box-sizing:border-box;padding: 1em 0;}
#dvUserBox #dvUserCreditCardInput table td ul li input{margin-left: 0.5em;width: 80%;}
#dvUserBox #dvUserCreditCardInput table td table{width: 100%;}
#dvUserBox #dvUserCreditCardInput table td table tr{display: flex;    align-items: center;}
#dvUserBox #dvUserCreditCardInput table td table td{width: 50%;}


#dvUserBox #dvUserCreditCardList table .productPatternNum{width: 25%;}
#dvUserBox #dvUserCreditCardList table .CreditCardDetail .iteminfo,
#dvUserBox #dvUserCreditCardList table .CreditCardDetail .itemname,
#dvUserBox #dvUserCreditCardList table .CreditCardDetail .separator{width: auto;}

/*問い合わせ*/
#dvUserBox #dvUserInquiryInput table, #dvUserBox #dvUserInquiryConfirm table{background: none;}
#dvUserBox #dvUserInquiryInput table th, #dvUserBox #dvUserInquiryConfirm table th{display:block;width: 100%;;box-sizing:border-box;background: none;padding: 1em 0;}
#dvUserBox #dvUserInquiryInput table td, #dvUserBox #dvUserInquiryConfirm table td{display:block;width: 100%;border:none;box-sizing:border-box;padding: 1em 0;}
textarea.inquirytext{width: 100%;}
#dvUserBox table table td .lname{padding: 0 4px 0 0;}

}