@charset "utf-8";
/*リセット
------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, form, input, table, caption, tr, th, td, option {
  margin: 0;
  padding: 0;
  border: 0;
}
ul, ol {
  list-style: none;
}
/* clearfix */
.clearfix {
  clear: both;
  overflow: hidden;
}
.clearfix:after {
  height: 0;
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
}
/* body
----------------------------------------------- */
html {
  font-size: 10px;
}
body {
  width: 100%;
  min-width: 1040px;
  text-align: center;
  color: #000000;
  font-family: 'Roboto', 'Noto Sans JP', sans-serif;
  /*font-family: "Helvetica Neue", "Arial", sans-serif;*/
  font-size: 1.2rem;
  line-height: 2;
  word-break: normal;
  word-wrap: break-word;
}
/* HTML default
----------------------------------------------- */
a {
  color: var(--main-link-color);
}
a:hover, a:hover > div, a:hover > h2, a:hover > h3, a:hover > p {
  opacity: .6;
  filter: alpha(opacity=60);
}
em {
  font-weight: bold;
  font-style: normal;
  color: var(--main-red-color);
}
li {
  list-style-type: none;
}
img {
  vertical-align: bottom;
}
table {
  border-collapse: collapse;
}
p {
  margin: 0 0 1em;
}
.nowrap span {}
/* テーブル共通指定
----------------------------------------------- */
.tblareabtn {
  clear: both;
  margin: 40px 0;
  text-align: center;
}
.tblareabtn img {
  vertical-align: baseline;
}
.phototd {
  width: 75px;
  text-align: center;
}
.centertd {
  text-align: center;
}
.pricetd {
  text-align: right;
}
.resulttd {
  text-align: right !important;
}
/* 入力フィールド
----------------------------------------------- */
input[type='text'], input[type='password'] {
  border: solid 1px #ccc;
  min-height: 20px;
}
input[type='radio'] {
  margin: 5px 10px;
  cursor: pointer;
}
select {
  min-height: 20px;
  cursor: pointer;
}
/* ボタン
----------------------------------------------- */
input[type='image'] {
  border: none;
}
input[type='image'].box205 {
  width: 205px;
  height: 30px;
}
input[type='image'].box190 {
  width: 190px;
  height: 30px;
}
input[type='image'].box180 {
  width: 180px;
  height: 30px;
}
input[type='image'].box150 {
  width: 150px;
  height: 30px;
}
input[type='image'].box140 {
  width: 140px;
  height: 30px;
}
input[type='image'].box130 {
  width: 130px;
  height: 30px;
}
input[type='image'].box51 {
  width: 51px;
  height: 22px;
}
#wrapper input::placeholder {
  color: #aaa;
}
/*入力フィールドサイズ指定
-------------------------------------------------*/
.box60 {
  width: 60px;
  padding: 2px;
  border: 1px solid #ccc;
}
.box120 {
  width: 120px;
  padding: 2px;
  border: 1px solid #CCCCCC;
}
.box230 {
  width: 230px;
  padding: 2px;
  border: 1px solid #CCCCCC;
}
.box300 {
  width: 300px;
  margin: 5px 0 0 0;
  padding: 2px;
  border: 1px solid #CCCCCC;
}
.box320 {
  width: 320px;
  margin: 5px 0 0 0;
  padding: 2px;
  border: 1px solid #CCCCCC;
}
.box380 {
  width: 380px;
  margin: 5px 0 0 0;
  padding: 2px;
  border: 1px solid #CCCCCC;
}
.box430 {
  width: 430px;
  margin: 5px 0 0 0;
  padding: 2px;
  border: 1px solid #CCCCCC;
}
/*テキストフィールド(テーブルの上部テキスト)
------------------------------------------------*/
.textarea {
  margin: 0 auto;
  padding: 10px 0;
}
.textarea p {
  margin: 0;
}
#under02column_customer .textarea, #mycontentsarea .textarea {
  width: 900px;
}
.textarea_center {
  width: 690px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
}
.textarea_right {
  width: 300px;
  margin: 0 0 0 560px;
  padding: 0;
  text-align: left;
}
.textarea_right.np {
  width: 450px;
}
#windowcolumn .textarea {
  width: 500px;
  padding: 0;
}
/*完了ページテキストボックス
-----------------------------------------*/
#completetext {}
#completetext2 {
  width: 670px;
  margin: 15px auto 0;
  padding: 15px;
  border: 5px solid #CCCCCC;
}
#completetext_line {
  width: 850px;
  margin: 15px auto 0;
  overflow: hidden;
  clear: both;
}
#completetext_left {
  width: 495px;
  padding: 15px;
  border: 5px solid #CCCCCC;
  float: left;
}
#completetext_right {
  width: 300px;
  height: 300px;
  text-align: center;
  float: right;
}
#completetext_right img {
  vertical-align: middle !important;
}
#completetext p, #completetext_line p, #completetext2 p {
  padding: 0;
  margin: 0;
  text-align: left;
}
.forgot-err {
  margin: 10px 0 0;
}
/*モンスターバナー
----------------------------------------------- */
#mstbanner_top, #mstbanner_under {
  margin: 0;
  padding: 10px 0;
  text-align: center;
}
/*Swiper
----------------------------------------------- */
.swiper-container .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--sub-link-color);
  opacity: 1;
}
.swiper-container .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-button-next:after, .swiper-button-prev:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: ""!important;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  border-top: 1px solid var(--sub-link-color);
  border-right: 1px solid var(--sub-link-color);
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  right: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  left: 6px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/* 会員規約、カート、ログインページトップ画像
----------------------------------------------- */
.info_img {
  width: 850px;
  text-align: center;
  margin: 0 auto 10px;
}
/*エラー表記（table上部）
-----------------------------------------------*/
.text_bold {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#err {
  margin: 10px auto;
  padding: 10px 15px;
  text-align: left;
  border: solid 1px #FF0000;
}
#under02column #err {
  width: 706px;
}
#undercolumn #err {
  width: 676px;
}
#windowcolumn #err {
  width: 466px;
}
#err ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#err li {
  padding: 0 0 0 18px;
  line-height: 1.5;
  background: url("/user_data/packages/default/img/common/caution-small.jpg") no-repeat scroll left center transparent;
}
#err p {
  margin: 8px 0;
  padding: 0;
}
/*エラー表記（table）
----------------------------------------*/
.check_fail_icon_th {
  width: 5% !important;
  background: #FF9999 !important;
  border-right: medium none !important;
  text-align: center;
}
.check_fail_th {
  background: #FFCCCC !important;
  padding: 8px;
}
.check_fail_td {
  background: #FFF0F0 !important;
}
/* site size
----------------------------------------*/
#wrapper {
  width: 100%;
}
#header {
  width: 100%;
}
#navi {
  /*width: 350px;*/
  /*width: 284px; 4ナビ設定 */
  /*width: 356px; 5ナビ設定*/
}
#navi, #navi a, #navi a:link, #navi a:visited {
  height: 60px;
}
#photo-main {
  width: 950px;
}
#contents {
  width: 100%;
  min-width: 1000px;
  max-width: 1220px;
}
body#list #contents, body#detail #contents, body#sale #contents, body#recommend #contents {
  max-width: 100%;
}
body#list #contents .messagearea, body#detail #contents .messagearea, body#sale #contents .messagearea {
  max-width: 1220px;
  margin: 0 auto;
}
/* column size
----------------------------------------*/
/* 左カラム設定 */
#column_left {
  width: 190px;
}
/*
#detail #column_left {
  position: absolute;
  z-index: 98;
  padding: 0 30px;
  left: -220px;
  transition: .3s;
}
#detail #column_left:hover {
  left: 0;
  background: #fff;
}
#detail #column_left::before, #detail #column_left::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid var(--main-link-color);
  border-right: 1px solid var(--main-link-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  position: fixed;
  top: 50vh;
  transition: .3s;
}
#detail #column_left::before {
  left: 10px;
}
#detail #column_left::after {
  left: 15px;
}
#detail #column_left:hover::before, #detail #column_left:hover::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#detail #column_left:hover::before {
  left: 230px;
}
#detail #column_left:hover::after {
  left: 235px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
*/
#column_left table {
  width: 180px;
}
/* 右カラム設定 */
#column_right {
  width: 180px;
}
#column_right table {
  width: 180px;
}
/* 3カラム設定 */
#column_center_three {
  width: 470px;
}
/* 2カラム設定 */
#column_center_two {
  width: calc(100% - 240px);
}
#detail #column_center_two {
  width: 100%;
}
/* 1カラム設定 */
#column_center_one {}
/* サブページサイズ
----------------------------------------*/
/* カラムありページの時 */
#undercolumn {}
/* カラムなしページの時 */
#under02column {}
/* 下層共通指定
----------------------------------------------- */
#undercolumn table {
  width: 100%;
  margin: 40px auto 0;
}
#undercolumn th {
  margin: 0;
  background: #F2F2F2;
}
#under02column table {
  width: 900px;
  margin: 10px auto 40px;
}
#under02column th {
  margin: 0;
  padding: 8px;
  border-top: 1px solid #CCCCCC;
  background: #F2F2F2;
}
/* マイページサイズ
----------------------------------------*/
#mypagecolumn {}
/* ナビゲーションカラム（基本的に変更なし） */
#mynavarea {
  width: 200px;
}
/* コンテンツカラム */
#mycontentsarea {
  width: calc(100% - 250px);
}
#mycontentsarea table {
  width: 100%;
}
/* font
----------------------------------------------- */
h1, h2, h3, h4, h5 {
  font-size: 100%;
  line-height: 150%;
}
.price, .point, .attention-bold, .text-complete {
  color: var(--main-red-color);
  font-weight: bold;
}
.bold {
  font-weight: bold;
}
.price-item {
  font-weight: bold;
}
.name, .weight-bold {
  font-weight: bold;
}
.attention {
  color: var(--main-red-color) !important;
}
.mini {
  font-size: 90%;
}
.attention img {
  padding-bottom: 5px;
  padding-right: 2px;
}
.center {
  text-align: center;
}
:root {
  --main-link-color: #454545;
}
:root {
  --sub-link-color: #939393;
}
:root {
  --main-red-color: #b30808;
}
/* etc
----------------------------------------------- */
.mg-tp-10 {
  margin-top: 10px;
}
.mg-tp-15 {
  margin-top: 15px;
}
.mg-tp-20 {
  margin-top: 20px;
}
.mg-bt-10 {
  margin-bottom: 10px;
}
.mg-bt-15 {
  margin-bottom: 15px;
}
.mg-bt-20 {
  margin-bottom: 20px;
}
.mg-bt-30 {
  margin-bottom: 30px;
}
.mg-bt-40 {
  margin-bottom: 40px;
}
.mg-tb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mg-tb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mg-tb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mg-tb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.pd-tp-10 {
  padding-top: 10px;
}
.pd-tp-15 {
  padding-top: 15px;
}
.pd-tp-20 {
  padding-top: 20px;
}
.pd-tp-30 {
  padding-top: 30px;
}
.pd-tp-40 {
  padding-top: 40px;
}
.pd-bt-10 {
  padding-bottom: 10px;
}
.pd-bt-15 {
  padding-bottom: 15px;
}
.pd-bt-20 {
  padding-bottom: 20px;
}
.pd-bt-30 {
  padding-bottom: 30px;
}
.pd-bt-40 {
  padding-bottom: 40px;
}
.pd-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pd-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.flex {
	display:flex;
	}
.flex>*:not(:last-child){
	margin-right:20px;
	}
.scroll_wrap {
  position: relative;
}
.scroll_wrap .scroll_x {
  padding: 0 20px;
  overflow-x: auto;
  text-align: left;
  /*Firefox*/
  scrollbar-width: thin;
  scrollbar-color: #fff #fff; /*つまみの色 軌道の色*/
}
.scroll_wrap:hover .scroll_x {
  /*Firefox*/
	scrollbar-color: var(--sub-link-color) #fff; /*つまみの色 軌道の色*/
}
.scroll_wrap .scroll_y {
  overflow-y: auto;
  /*Firefox*/
  scrollbar-width: thin;
  scrollbar-color: var(--sub-link-color) #fff; /*つまみの色 軌道の色*/
}
.scroll_wrap .scroll_x::-webkit-scrollbar {
  height: 8px;
  background-color: #fff;
}
.scroll_wrap .scroll_y::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.scroll_wrap .scroll_x::-webkit-scrollbar-thumb, .scroll_wrap .scroll_y::-webkit-scrollbar-thumb {
  background-color: var(--sub-link-color);
  border-radius: 3px;
}
.scroll_wrap.hover .scroll_x::-webkit-scrollbar-thumb, .scroll_wrap.hover .scroll_y::-webkit-scrollbar-thumb {
  background-color: #fff;
}
.scroll_wrap.hover:hover .scroll_x::-webkit-scrollbar-thumb, .scroll_wrap.hover:hover .scroll_y::-webkit-scrollbar-thumb { /*マウスホバー時*/
  background-color: var(--sub-link-color);
}
.scroll_wrap .scroll_x .scroll_item {
  display: inline-block;
}
.scroll_wrap .leftBtn, .scroll_wrap .rightBtn {
  width: 30px;
  height: calc(100% - 18px);
  margin: 0;
  position: absolute;
  top: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.scroll_wrap .leftBtn {
  left: 0;
}
.scroll_wrap .rightBtn {
  right: 0;
}
.scroll_wrap .leftBtn a::before, .scroll_wrap .rightBtn a::after {
  width: 12px;
  height: 12px;
}
.scroll_wrap .arrR, .scroll_wrap .arrL {
  width: 100%;
  height: 100%;
}
.full-bd {
  width: 100%;
  margin: 0 -500%;
  padding: 40px 500%;
  border-top: 1px solid #ddd;
  background: #fff;
  clear: both;
}
.full-bd h2.l-txt {
  margin-top: 40px;
}
.full-bd h2.l-txt span.s-txt {
  font-size: 1.2rem;
  font-weight: normal;
  display: block;
  margin-bottom: -35px;
}
.full-bd h2.l-txt + .lead {
  text-align: center;
  color: var(--sub-link-color);
  margin-top: -40px;
}
.full-bd h2.l-txt + .lead a {
  color: var(--main-link-color);
}
.arrR {
  position: relative;
  padding-right: 20px;
}
.arrL {
  width: 100%;
  height: 100%;
  position: relative;
  padding-left: 20px;
}
.arrB {
  position: relative;
  padding-right: 20px;
}
.arrT {
  position: relative;
  padding-right: 20px;
}
.arrR::after, .arrL::before, .arrB::after, .arrT::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-top: 1px solid var(--sub-link-color);
  border-right: 1px solid var(--sub-link-color);
}
.arrR::after {
  right: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrL::before {
  left: 6px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.arrB::after {
  right: 0;
  bottom: 6px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.arrT::after {
  right: 0;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.arrR.btn, .arrB.btn {
  display: inline-flex;
  padding: 10px 40px 10px 30px;
  color: var(--main-link-color);
  border: 1px solid var(--sub-link-color);
  cursor: pointer;
  font-size: 1.2rem;
  align-items: center;
}
.arrR.btn::after, .arrB.btn::after {
  right: 20px;
}
.accordion.open .trigger.arrB::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: -4px;
}
.accordion .trigger {
  cursor: pointer;
}
.accordion.plus .trigger::after {
  font-size: 1.8rem !important;
  margin-top: 0;
}
.accordion.plus.open .trigger::after {
  width: 14px !important;
  right: 11px !important;
}
ul#breadcrumbs li, ol#breadcrumbs li {
  text-transform: unset !important;
}
ul#breadcrumbs li.lastChild, ol#breadcrumbs li.lastChild, ul#breadcrumbs li.lastChild em, ol#breadcrumbs li.lastChild em {
  color: #000 !important;
  font-weight: normal !important;
}
/* table(undercolumn)
----------------------------------------------- */
#undercolumn_aboutus table, #undercolumn_order table, /* カゴラボ3.0　パッケージ強化対応　START */ /*div#undercolumn_contact table,*/
/*div#undercolumn_entry table,*/
/* カゴラボ3.0　パッケージ強化対応　END */
#undercolumn_privacy table {
  margin-left: 1px !important;
  /*  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;*/
  text-align: left;
}
/* カゴラボ3.0　パッケージ強化対応　START */
#undercolumn_entry table, #undercolumn_contact table {
  /*  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;*/
  text-align: left;
}
/* カゴラボ3.0　パッケージ強化対応　END */
#undercolumn_aboutus tr, #undercolumn_order tr, #undercolumn_contact tr, #undercolumn_entry tr, #undercolumn_privacy tr, #under02column_customer tr {
  border-bottom: 1px solid #ddd;
}
#undercolumn_aboutus th, #undercolumn_order th, #undercolumn_contact th, #undercolumn_entry th, #undercolumn_privacy th {
  width: 200px;
  padding: 15px;
  /*  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;*/
  background-color: #fff;
  font-weight: normal;
  vertical-align: middle;
}
#undercolumn_aboutus td, #undercolumn_order td, #undercolumn_contact td, #undercolumn_entry td, #undercolumn_privacy td {
  padding: 15px;
  /*  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;*/
}
/* table(under02column)
----------------------------------------------- */
#under02column_cart table, #under02column_customer table, #under02column_shopping table, #under02column_login table, #under02column_error table {
  border: 1px solid #CCCCCC;
  text-align: left;
}
#under02column_cart th, #under02column_customer th, #under02column_shopping th, #under02column_login th, #under02column_error th {
  padding: 8px;
  border: 1px solid #CCCCCC;
  background-color: #f0f0f0;
  font-weight: normal;
  vertical-align: middle;
}
#under02column_cart td, #under02column_customer td, #under02column_shopping td, #under02column_login td, #under02column_error td {
  padding: 8px;
  border: 1px solid #CCCCCC;
}
#under02column_cart table, #under02column_cart th, #under02column_cart td, #under02column_customer table, #under02column_customer th, #under02column_customer td, #under02column_shopping table, #under02column_shopping th, #under02column_shopping td, #undercolumn_entry table, #undercolumn_entry th, #undercolumn_entry td {
  border: none;
  background-color: #fff;
}
#under02column_cart table tr.underline, #under02column_customer table tr.underline, #under02column_shopping table tr.underline, #undercolumn_entry table tr.underline {
  border-bottom: 1px solid #ccc;
}
#under02column_customer table, #undercolumn_entry table {
  width: 100%;
}
#under02column_customer table tr:first-child, #undercolumn_entry table tr:first-child {
  border-bottom: none;
}
#under02column_customer th, #undercolumn_entry th {
  width: 200px;
  padding: 15px;
}
#under02column_customer td, #undercolumn_entry td {
  padding: 15px;
}
/* table(mypagecolumn)
----------------------------------------------- */
#mypagecolumn table {
  margin-left: 1px !important;
}
#mypagecolumn th {
  padding: 15px 10px;
  border-bottom: 1px solid #CCCCCC;
  font-weight: normal;
}
#mypagecolumn td {
  padding: 20px;
  border-bottom: 1px solid #CCCCCC;
}
/* table(windowcolumn)
----------------------------------------------- */
#windowcolumn table {
  margin-left: 1px !important;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-collapse: collapse;
  text-align: left;
}
#windowcolumn th {
  padding: 8px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #f0f0f0;
  font-weight: normal;
}
#windowcolumn td {
  padding: 8px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
#windowcolumn table#deliv_addr, #windowcolumn table#deliv_addr th, #windowcolumn table#deliv_addr td {
  border: none;
  background: #fff;
}
#windowcolumn table#deliv_addr th {
  text-align: right;
}
#windowcolumn input::placeholder {
  color: #aaa;
}
#windowcolumn .title-window {
  color: #000;
  background: none;
  margin: 0 0 20px;
  padding: 0;
  font-size: 1.2em;
}
/* wrapper
----------------------------------------------- */
.pc-effect-fade {
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  background: #fff;
  z-index: 11000;
}
#wrapper_outer {
  background: #FFF;
  padding-top: 110px;
  transition: .3s;
}
#wrapper {
  min-width: 1000px;
  margin: 0 auto;
  text-align: left;
  overflow-x: hidden;
  padding-top: 50px;
}
/* header
----------------------------------------------- */
#header-wrap {
  width: 100%;
	min-width:750px;
  background: #ffff;
  position: fixed;
  z-index: 99;
}
#header {
  margin: 0 auto;
  padding: 38px 30px;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: .3s;
  box-sizing: border-box;
  border-bottom: solid 1px #ddd;
  z-index: 102;
}
#header a {
  text-decoration: none;
}
#header .header_bloc.mainnav {
  width: calc((100% - 240px) / 2);
	min-width:470px;
  transition: .3s;
}
#header .header_bloc.logo {
  width: 222px;
  min-width: 222px;
  transition: .3s;
}
#header .header_bloc.subnav {
  width: calc((100% - 240px) / 2);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: .3s;
}
#header .header_bloc.subnav div {
	height:30px;
  margin-left: 30px;
}
#header .header_bloc.subnav div.recruit {
	height:auto;
	padding:4px 6px;
	font-size:14px;
	font-weight:bold;
	transition:font-size .3s;
}
#description {
  padding: 3px 10px 2px;
  background: #EEEEEE;
  clear: both;
  font-weight: lighter;
  text-align: left;
  color: #000000;
  font-size: 80%;
}
#logo a {
  height: 21px;
  margin: 0;
  text-indent: -9999px;
  background: url("../img/common/logo.svg") no-repeat;
  background-position: 50%;
  background-size: contain;
  display: block;
  overflow: hidden;
}
body.small #header {
  padding: 10px 30px;
}
body.small #header .header_bloc.mainnav {
  width: calc((100% - 172px) / 2);
}
body.small #header .header_bloc.logo {
  width: 172px;
  min-width: 172px;
}
body.small #header .header_bloc.subnav {
  width: calc((100% - 172px) / 2);
  min-width: calc((980px - 172px) / 2);
}
body.small #header .header_bloc.subnav div.recruit {
	font-size:12px;
}
body.small #header nav#global ul li a {
  font-size: 12px;
}
body.small nav#global .bg, body.small nav#global .overlay {
  top: 48px;
}
/* subnav
----------------------------------------------- */
#search-form {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
}
#search-form #name {
  width: 0;
  min-height: 26px;
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  transition: .3s;
}
#search-form:hover #name, #search-form #name:focus {
  width: 180px;
  padding: 4px 10px 2px;
}
/* navigation
----------------------------------------------- */
nav#global {
  text-align: left;
}
nav#global > ul > li {
  display: inline-block;
  padding: 4px 21px 4px 6px;
  transition: .3s;
}
nav#global > ul > li > a {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  transition: .3s;
  border-bottom: 1px solid rgb(0, 0, 0, 0);
}
nav#global > ul > li > a:hover {
  border-bottom: 1px solid;
}
/* ブランドリスト全般START */
.brand_wrap .brand-list-item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.brand_wrap .brand-list-item > li {
  width: calc((100% - 100px) / 6);
  min-width: 150px;
  padding: 10px 5px 5px;
  box-sizing: border-box;
}
.brand_wrap .brand-list-item > li .index-top {
  display: none;
}
.brand_wrap .brand-list-item li ul {
  margin-left: 12px;
}
.brand_wrap .brand-list-item li ul li {
  padding: 4px 0;
  float: none !important;
}
.brand_wrap .brand-list-item li a {
  text-decoration: none;
  display: block;
  line-height: 1.5;
}
/* ブランドリスト全般END */
/* ブランドリストヘッダーSTART */
#header-wrap .bg.brands .list-brand {
  width: 100%;
  text-align: left;
}
#header-wrap .bg.brands .list-brand .brand-list-item {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;
}
#header-wrap .brand_wrap .brand-list-item > li {
  border-left: 1px solid #ddd;
  padding-left: 20px;
}
#header-wrap .bg.brands .featured {
  width: 15%;
  max-width: 200px;
  margin-left: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
#header-wrap .bg.brands .featured::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background-color: #fff;
}
#header-wrap .bg.brands .featured div {
  height: 20vh;
  margin-bottom: 70px;
  display: block;
}
#header-wrap .bg.brands .featured h2 {
  text-align: left;
  margin-bottom: 5px;
}
#header-wrap .bg.brands .featured a {
  text-decoration: none;
}
#header-wrap .bg.brands .featured img {
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 10px;
}
#header-wrap.category nav li.category a, #header-wrap.brands nav li.brands a {
  color: #000;
  border-bottom: 1px solid #000;
}
#header-wrap .bg {
  margin-top: -40px;
  padding: 90px 30px 10px;
  position: static;
  box-sizing: border-box;
}
#header-wrap .overlay {
  display: none;
  background: #000;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  opacity: 0.7;
  z-index: -1;
}
#header-wrap.category .bg.category {
  display: block;
  padding-bottom: 30px;
}
#header-wrap.brands .bg.brands {
  min-width: 1000px;
  height: 80vh;
  display: flex;
  justify-content: center;
}
#header-wrap.brands .bg.brands .brand_wrap {
  width: 85%;
  max-width: 1220px;
  display: flex;
  overflow-x: hidden;
}
#header-wrap.brands .bg.brands + .overlay, #header-wrap.category .bg.category + .overlay {
  display: block;
}
/* ブランドリストヘッダーEND */
/* ブランドリスト取扱ブランドページSTART */
#brands_logo .brand_wrap .brand-list-item {
  width: 100%;
  height: 640px;
  padding: 0;
	overflow-x:unset;
}
/* ブランドリスト取扱ブランドページEND */
/* カテゴリリスト全般START */
.category_wrap h2, .category_wrap .more {
  display: none;
}
.category_wrap .category-list-item {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.category_wrap .category-list-item li {
  width: calc(100% / 8);
}
.category_wrap .category-list-item li a {
  height: 110px;
  color: #000;
  display: flex;
  position: relative;
  justify-content: center;
}
.category_wrap .category-list-item li a span {
  position: absolute;
  top: 60px;
  border-bottom: 1px solid;
  font-size: 1.2rem;
  line-height: 1.5;
}
.category_wrap .category-list-item li a span:nth-child(2) {
  top: 80px;
}
.category_wrap .category-list-item li a:hover span {
  opacity: .6;
}
.category_wrap .category-list-item li a img {
  width: 50px;
}
/* カテゴリリスト全般END */
/* カテゴリリストヘッダーSTART */
#header-wrap.category .category_wrap {
  width: 1000px;
  margin: 0 auto;
}
/* カテゴリリストヘッダーEND */
#h-login {
  width: auto;
  display: inline-flex;
  vertical-align: middle;
	position:relative;
	align-items:center;
}
#h-login a {
  display:flex;
	align-items:center;
}
#h-login img {
  width: 19px;
}
#h-login span {
	width:100%;
	display:block;
	margin-left:10px;
  font-size:0.75rem;
	text-decoration:underline;
	color:#999;
}
#cart {
  width: 19px;
}
#cart a {
  position: relative;
	width:19px;
	height:24px;
	display:inline-block;
}
#cart span.key {
  position: absolute;
  top: 0px;
  left: -3px;
  width: 20px;
  height: 20px;
  display: block;
  font-size: 10px;
  font-weight: bold;
  color: #fd780f !important;
  letter-spacing: -0.1em;
}
/* Flash
----------------------------------------------- */
#photo-main {
  padding: 10px 0 0;
  overflow: hidden;
}
/* contents
----------------------------------------------- */
#contents {
  margin: 0 auto;
  padding: 0 30px;
  clear: both;
  overflow: hidden;
  box-sizing: border-box;
}
#column_left {
  margin: 0 50px 0 0;
  float: left;
  overflow: hidden;
}
#column_right {
  float: right;
  overflow: hidden;
}
#column_center_three, #column_center_two {
  float: left;
}
/*▼modaltip 20200211_korogi▼*/
.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal__content {
  background: #fff;
  left: 50%;
  padding: 30px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  max-width: 800px;
}
.modal__content p.alignR {
  position: absolute;
  right: 10px;
  top: -10px;
}
a.js-modal-close {
  font-size: 2em;
  text-decoration: none;
}
.modal__content .js-modal-close2 {
  font-size: 3rem;
  text-decoration: none;
}
.modal .notice {
  margin-right: 20px;
}
/* pagetop
----------------------------------------------- */
#pagetop-wrap {
  background: #FFF;
  padding: 50px 0 0px;
}
#pagetop {
  text-align: right;
  margin: 0 auto;
  width: 1000px;
}
#pagetop img {}
/* footer
----------------------------------------------- */
#footer-wrap {
  background: #fff;
  margin: 0 auto -29px;
  position: relative;
  min-width: 1000px;
  overflow: hidden;
}
.footer-rec, #footer-visumo {
  width: 100%;
  min-width: 1000px;
  max-width: 1220px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
#footer-nav {
  background: #404040;
}
#footer-nav h2, #footer-nav li, #footer-nav a {
  color: #fff;
}
#footer-nav .bg {
  display: block;
  position: static;
  background: none;
}
#footer-nav h2 {
  font-size: 2.4rem;
  font-weight: normal;
  margin-bottom: 40px;
  letter-spacing: 0.1em;
}
nav.category-nav {
  width: 1000px;
}
#footer-nav .brand-nav, #footer-nav .category-nav {
  width: 100%;
  min-width: 1000px;
  max-width: 1220px;
  margin: 0 auto;
  padding: 100px 0;
}
#footer-nav .brand-nav {
  border-bottom: 1px solid #fff;
}
#footer-nav .brand-nav h3 {
  color: #fff;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
#footer-nav .brand-nav ul {
  display: flex;
  flex-wrap: wrap;
}
#footer-nav .brand-nav ul:not(:last-child) {
  margin-bottom: 80px;
}
#footer-nav .brand-nav li {
  width: calc(100% / 8);
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
#footer-nav .brand-nav li a img {
  width: 170px;
  filter: grayscale(1) invert(1) brightness(2);
}
#footer-nav .category-nav .bg h2, #footer-nav .category-nav .bg .center {
  display: none;
}
#footer-nav .category-nav li {
  filter: invert(1) brightness(2);
}
#footer-nav .category-nav li a {
  color: #000;
}
#footer-menu-wrap {
  background: #f9f9f9;
}
#footer-menu {
  width: 100%;
  min-width: 1000px;
  max-width: 1220px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 50px 30px;
  text-align: left;
  clear: both;
  overflow: visible;
  box-sizing: border-box;
}
#footer-menu h3 {
  margin-bottom: 20px;
}
#footer-menu h4 {
  font-weight: normal;
  margin-bottom: 10px;
}
#footer-menu #info-wrap {
  width: 60%;
  display: flex;
}
#footer-menu #info-wrap .footer-contents {
  margin-right: 60px;
}
#footer-menu #info-wrap .footer-contents ul {
  margin-bottom: 20px;
}
#footer-menu #info-wrap .footer-contents li {
  margin-bottom: 10px;
}
#footer-menu #info-wrap .footer-contents.info {
  position: absolute;
  bottom: 41px;
  left: 210px;
  border-left: 1px solid #ddd;
  padding-left: 30px;
  font-size: 1rem;
}
#footer-menu #info-wrap .footer-contents.info h3 {
  display: none;
}
#footer-menu #info-wrap .footer-contents.info ul {
  display: flex;
  margin-bottom: 0;
}
#footer-menu #info-wrap .footer-contents.info ul li {
  margin-bottom: 0;
}
#footer-menu #info-wrap .footer-contents.info ul li:not(:last-child)::after {
  content: "　/　";
}
#footer-menu #info-wrap .footer-contents.info ul li a {
  border: none;
}
#footer-menu #address-wrap {
  width: 35%;
}
#footer-menu #address-wrap > div:first-child {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
#footer-menu #address-wrap img {
  margin-bottom: 10px;
}
#footer-menu #address-wrap p {
  margin: 0;
}
#footer-copy {
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
  background: #fff;
  border-top: 1px solid #ddd;
}
.f-social {
  display: flex;
  margin-top: 10px;
}
.f-social a {
  margin: 0 5px;
}
.f-social img {
  filter: grayscale(1) contrast(0) brightness(0.5);
}
#copyright {
  padding-top: 3px;
  padding-bottom: 25px;
  text-align: center;
  font-size: 0.8rem;
}
/* panlist
----------------------------------------------- */
#pan {
  font-size: 95%;
  margin-bottom: 5px;
  color: #000;
}
#pan a {
  color: var(--sub-link-color);
}
#pan strong {
  font-weight: lighter;
}
/********************bloc.css********************/
/* block title margin
----------------------------------------------- */
.title-side, .title-center {
  font-size: 1.8rem;
  margin-bottom: 60px;
  text-align: center;
  font-weight: normal;
  letter-spacing: 0.18rem;
}
.title-side:not(:first-child), .title-center:not(:first-child) {
  border-top: 1px solid #ddd;
}
/* block title
----------------------------------------------- */
#title-search {
  background: url("../img/bloc/title-search.jpg") no-repeat;
}
#title-category {
  background: url("../img/bloc/title-category.jpg") no-repeat;
}
#title-login {
  background: url("../img/bloc/title-login.jpg") no-repeat;
}
#title-cart {
  background: url("../img/bloc/title-cart.jpg") no-repeat;
}
#title-calendar {
  background: url("../img/bloc/title-calendar.jpg") no-repeat;
}
#title-guide {
  background: url("../img/bloc/title-guide.jpg") no-repeat;
}
#title-news {
  background: url("../img/bloc/title-news.jpg") no-repeat;
  width: 350px;
  float: left;
}
#title-ranking {
  background: url("../img/bloc/title-ranking.jpg") no-repeat;
}
#title-enquete {
  background: url("../img/bloc/title-enquete.jpg") no-repeat;
}
#title-event {
  background: url("../img/bloc/title-event.jpg") no-repeat;
}
#title-daily-style {
  background: url("../img/bloc/ttl-instagram.png") no-repeat 5px 0;
}
#title-spec {
  background: url("../img/bloc/ttl-spec.png") no-repeat 5px 0;
}
#title-style {
  background: url("../img/bloc/ttl-style.png") no-repeat 5px 0;
}
/* block margin
----------------------------------------------- */
.block-side {
  margin: 0 0 10px;
  overflow: hidden;
  width: 100%;
}
.block-center {
  margin: 0 0 30px;
  overflow: hidden;
  width: 890px;
}
/* search
----------------------------------------------- */
#block-search {}
#block-search p {
  padding: 0 0 10px;
  margin: 0;
}
#block-search .label {
  padding: 0 0 3px;
}
.fm-search {
  width: 173px;
  height: 16px;
  padding: 2px;
  border: solid 1px #CCCCCC;
}
.fm-search-serect {
  width: 180px;
  border: solid 1px #CCCCCC;
}
#block-search .btn {
  padding: 0;
  text-align: center;
}
/* カテゴリー
----------------------------------------------- */
#block-category {
  font-size: 1.2rem;
}
#block-category h2 {
  margin-bottom: 10px;
}
#block-category .scroll_wrap, #block-category #categorytree {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
#block-category .scroll_wrap .scroll_y {
  height: 430px;
}
#categorytree img, #brandtree img {
  vertical-align: bottom;
}
#categorytree a, #brandtree a {
  text-decoration: none;
}
#categorytree .level1 a, #brandtree .level1 a {
  display: block;
  padding: 12px 5px 12px 0;
  color: #333333;
  border-bottom: 1px solid #000000;
  margin-bottom: 2px;
}
#categorytree .level1 a:hover, #categorytree .level1 a.onlink, #brandtree .level1 a:hover, #brandtree .level1 a.onlink {
  padding: 12px 5px 12px 0;
  border-bottom: 1px solid #000000;
}
#categorytree .level2 a, #brandtree .level2 a {
  display: block;
  padding: 4px 5px 4px 0;
  color: #333333;
  border: none;
  line-height: 1.5;
}
#categorytree .level2 a:hover, #categorytree .level2 a.onlink, #brandtree .level2 a:hover, #brandtree .level2 a.onlink {
  padding: 4px 5px 4px 0;
  border: none;
}
#categorytree .level3 a, #categorytree .level4 a, #categorytree .level5 a, #brandtree .level3 a, #brandtree .level4 a, #brandtree .level5 a {
  display: block;
  font-size: 85%;
  padding: 3px 5px 3px 22px;
  color: #333333;
}
#categorytree .level3 a:hover, #categorytree .level3 a.onlink, #categorytree .level4 a:hover, #categorytree .level4 a.onlink, #categorytree .level5 a:hover, #categorytree .level5 a.onlink, #brandtree .level3 a:hover, #brandtree .level3 a.onlink, #brandtree .level4 a:hover, #brandtree .level4 a.onlink, #brandtree .level5 a:hover, #brandtree .level5 a.onlink {
  padding: 3px 5px 3px 22px;
}
#categorytree .level2.outlet, #categorytree .level2.pointup, #brandtree .level2.outlet, #brandtree .level2.pointup {
  margin-bottom: 12px;
}
#categorytree .level2.outlet > a, #categorytree .level2.pointup > a, #brandtree .level2.outlet > a, #brandtree .level2.pointup > a {
  display: inline-block;
}
#categorytree .update, #brandtree .update {
  font-size: 10px;
  font-weight: bold;
  color: #99000b;
}
/* サブカテゴリー
----------------------------------------------- */
#block-subcategory {}
#subcategorytree img {
  vertical-align: bottom;
}
#subcategorytree a {
  text-decoration: none;
}
#subcategorytree .level1 a {
  display: block;
  padding: 5px 5px 5px 12px;
  color: #333333;
  background: #EEEEEE url("../img/bloc/icon-category-lev1.gif") no-repeat left center;
  border-bottom: 1px dotted #CCCCCC;
}
#subcategorytree .level1 a:hover, #subcategorytree .level1 a.onlink {
  padding: 5px 5px 5px 12px;
  color: #FFFFFF;
  background: #333333 url("../img/bloc/icon-category-lev1-on.gif") no-repeat left center;
  border-bottom: 1px dotted #CCCCCC;
}
#subcategorytree .level2 a {
  display: block;
  padding: 4px 5px 4px 22px;
  color: #333333;
  background: #EEEEEE url("../img/bloc/icon-category-lev2.gif") no-repeat left center;
  border-bottom: 1px dotted #CCCCCC;
}
#subcategorytree .level2 a:hover, #subcategorytree .level2 a.onlink {
  padding: 4px 5px 4px 22px;
  color: #FFFFFF;
  background: #333333 url("../img/bloc/icon-category-lev2-on.gif") no-repeat left center;
  border-bottom: 1px dotted #CCCCCC;
}
#subcategorytree .level3 a {
  display: block;
  font-size: 85%;
  padding: 3px 5px 3px 22px;
  color: #333333;
  background-color: #EEEEEE;
  background-image: none;
  border-bottom: 1px dotted #CCCCCC;
}
#subcategorytree .level3 a:hover, #subcategorytree .level3 a.onlink {
  padding: 3px 5px 3px 22px;
  color: #FFFFFF;
  background-color: #333333;
  background-image: none;
  border-bottom: 1px dotted #CCCCCC;
}
/* その他レフトナビ */
#block-category .colorbox_wrap {
  margin-bottom: 40px;
}
#block-category .colorbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#block-category .colorbox li {
  margin-bottom: 10px;
}
#block-category .colorbox li a {
  width: 20px;
  height: 20px;
  display: block;
}
#block-category .colorbox li.white a {
  background: #fff;
  border: 1px solid #000;
  box-sizing: border-box;
}
#block-category .colorbox li.black a {
  background: #000;
}
#block-category .colorbox li.gray a {
  background: #a0a0a0;
}
#block-category .colorbox li.navy a {
  background: #03004c;
}
#block-category .colorbox li.blue a {
  background: #0068b7;
}
#block-category .colorbox li.purple a {
  background: #601986;
}
#block-category .colorbox li.green a {
  background: #009944;
}
#block-category .colorbox li.yellow a {
  background: #ffd700;
}
#block-category .colorbox li.beige a {
  background: #cfa972;
}
#block-category .colorbox li.brown a {
  background: #6a3906;
}
#block-category .colorbox li.orange a {
  background: #ee6419;
}
#block-category .colorbox li.pink a {
  background: #f19ec2;
}
#left-search {
  margin-bottom: 60px;
}
#left-search-form {
  border-bottom: 1px solid #000;
}
#left-search-form input[type="text"] {
  width: calc(100% - 19px);
  min-height: 26px;
  margin: 0;
  padding: 4px 10px 2px;
  border: 0;
  box-sizing: border-box;
}
#left-search form {
  height: 26px;
}
.randomdisplaywrap h2 {
  display: none;
}
.randomdisplaywrap li {
  margin-bottom: 20px !important;
}
.randomdisplaywrap a {
  text-decoration: none;
}
.randomdisplaywrap img {
  margin-bottom: 5px;
}

/* bnr-ad
----------------------------------------------- */
ul.bnr-ad {
  margin: 30px 0;
}
ul.bnr-ad li {
  margin-bottom: 10px;
}
ul.bnr-ad img {
  width: 100%;
}
/* login
----------------------------------------------- */
#block-login {}
#block-login p {
  margin: 0;
}
#block-login td {
  padding: 0 0 2px;
}
#block-login .label {
  padding: 0 2px 2px 0;
}
.fm-login {
  width: 120px;
  height: 16px;
  padding: 2px;
  border: solid 1px #CCCCCC;
}
#block-login .btn {
  padding: 10px 0 0;
  text-align: center;
}
#links {
  margin: 10px 0 0;
  padding: 7px 0 0;
  list-style: none;
  border-top: 1px dotted #CCCCCC;
}
#block-login li {
  font-size: 90%;
}
#point-num {
  margin: 6px 0 2px;
  padding: 0 2px;
  background: #F4ECEF;
}
/* cart
----------------------------------------------- */
#block-cart {}
#block-cart p {
  margin: 0;
}
.item {
  padding: 0 0 5px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
.total {
  padding: 5px 0 0;
  text-align: right;
}
.free {
  margin: 7px 0 0;
  padding: 0 2px;
  background: #F4ECEF;
  font-size: 85%;
  text-align: center;
}
#block-cart .btn {
  padding: 10px 0 0;
  text-align: center;
}
.cartitem-box {
  margin: 0 auto;
  font-size: 90%;
  border-bottom: 1px dotted #CCCCCC;
}
.cartitem-box-end {
  margin: 0 auto;
  font-size: 90%;
  border-bottom: 1px solid #CCCCCC;
}
.cartitem-box td, .cartitem-box-end td {
  padding: 5px 0;
}
.cartitem-photo {
  width: 65px;
}
.cartitem-name {
  font-size: 85%;
}
.cartitem-value {
  font-size: 90%;
}
.cart_flow {
  width: 25%;
  margin: 0 auto 20px;
  color: #ccc;
  font-weight: bold;
  display: flex;
  justify-content: space-around;
}
.cart_flow li {
  width: 100%;
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.cart_flow li.current {
  color: #000;
  border-bottom: 2px solid #fd780f;
}
.cart_flow li.past {
  border-bottom: 2px solid #fd780f;
}
body.cart #information, body.cart #buttons, body.cart h2, body.cart #pan, body.cart ooter-wrap {
  display: none;
}
/* ranking
----------------------------------------------- */
#block-ranking {}
.rankitem-box {
  margin: 0 auto 5px;
  font-size: 90%;
  border-bottom: 1px dotted #CCCCCC;
}
.rankitem-box-end {
  margin: 0 auto;
  font-size: 90%;
  border-bottom: none;
}
.rankitem-photo {
  width: 65px;
  padding: 0 0 5px;
}
.rankitem-name {
  padding: 0 0 5px;
  vertical-align: top;
}
.rankitem-box-end td {
  padding: 0;
}
/* recommend
----------------------------------------------- */
/*縦並び
div#block-recommend {
	margin: 0;
    padding: 0;
	overflow: hidden;
}
div#block-recommend .create-box {
	margin: 0;
    padding: 0;
}
div.recommend-box {
	width: 150px;
	margin: 0 auto;
	padding: 10px 0;
	border-bottom: 1px dotted #CCCCCC;
}
div.recommend-box h3 {
	margin: 0;
	padding: 5px 0 0;
	font-size: 90%;
	text-align: center;
	font-weight: lighter;
}
div.recommend-photo {
	margin: 0;
	padding: 0;
	text-align: center;
}
div.recommend-price {
	margin: 0;
	padding: 3px 0 0;
	color: var(--main-red-color);
	font-size: 85%;
	line-height: 1.2;
	text-align: center;
}
div.recommend-price strong {
	font-size: 110%;
}
p.recommend-comment {
	margin: 0;
	padding: 3px 0 0;
	text-align: left;
}*/
#block-recommend {
  padding: 0 13px;
  width: 863px;
}
/*横並び*/
.recommend-line-list, .recommend-line-list-end {
  width: 890px;
  margin: 0 0 20px;
  padding: 0;
  clear: both;
  overflow: hidden;
}
/*
.recommend-line-list-end {
	width: 710px;
	padding: 10px 0 0;
	clear: both;
	overflow: hidden;
}*/
.recommend-box-wrap {
  width: 160px;
  margin: 0 17px 0 0;
  float: left;
  overflow: hidden;
}
.recommend-box-wrap-end {
  width: 160px;
  float: right;
  overflow: hidden;
}
.recommend-name {
  padding: 5px 0 0;
  line-height: 1.2;
}
.recommend-name a {
  font-weight: normal;
  text-decoration: none;
}
.recommend-name a:hover {
  text-decoration: underline;
}
.recommend-box-photo {
  height: 160px;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
  font-family: "Helvetica Neue", "Arial", sans-serif;
}
.recommend-box-photo img {
  top: 150px;
  z-index: 1;
  max-width: 100%;
}
.recommend-box-data {
  font-size: 85%;
  text-align: center;
}
.recommend-box-price {
  padding: 3px 0 0;
  line-height: 1.2;
}
.recommend-box-price .price-item {
  font-weight: normal;
}
.recommend-box-comment {
  padding: 3px 0 0;
  text-align: left;
  font-size: 85%;
  line-height: 1.2;
  color: #666666;
}
/* calendar
----------------------------------------------- */
#block-calendar caption {
  margin: 0;
  padding: 0 0 5px;
  text-align: center;
}
#block-calendar th {
  background: #CCCCCC;
  text-align: center;
  font-weight: lighter;
}
#block-calendar td {
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
.holiday {
  background: var(--main-red-color);
  color: #FFFFFF;
}
/* guide
----------------------------------------------- */
.list-guide {
  border-bottom: dotted 1px #CCCCCC;
  padding: 4px 0 2px;
  font-size: 90%;
}
.list-guide a {
  padding: 0 0 0 10px;
  background: url("../img/bloc/icon-guide.gif") no-repeat left center;
}
.list-guide a:hover {
  padding: 0 0 0 10px;
  background: url("../img/bloc/icon-guide-on.gif") no-repeat left center;
}
/* enquete
----------------------------------------------- */
.list-enquete {
  border-bottom: dotted 1px #CCCCCC;
  padding: 4px 0 2px;
  font-size: 90%;
}
.list-enquete a {
  padding: 0 0 0 10px;
  background: url("../img/bloc/icon-guide.gif") no-repeat left center;
}
.list-enquete a:hover {
  padding: 0 0 0 10px;
  background: url("../img/bloc/icon-guide-on.gif") no-repeat left center;
}
/* news
----------------------------------------------- */
#block-news {
  padding: 10px 0;
}
#news-title-box {
  background: url("../img/bloc/title-news.jpg") no-repeat;
  clear: both;
  overflow: hidden;
  height: 100%;
}
#rss-news {
  padding: 10px 0 0;
  line-height: 1.1;
  text-align: right;
  float: right;
}
#rss-news img {
  vertical-align: -0.3em;
  margin: 0 0 0 3px;
}
#block-news dl {
  height: 140px;
  overflow: auto;
}
#block-news .end {
  margin: 0 0 7px;
  border-bottom: 1px dotted #CCCCCC;
}
.news-date {
  padding: 1px 3px 0 0;
  color: #990000;
  font-weight: bold;
  font-size: 90%;
}
.news-comment {
  margin: 0 0 7px;
  padding: 0 0 2px;
  border-bottom: 1px dotted #CCCCCC;
  color: #666666;
}
#block-news-mypage dl {
  padding: 0 0 10px;
}
#block-news-mypage .end {
  margin: 0 0 7px;
  border-bottom: 1px dotted #CCCCCC;
}
/* event&campaign
----------------------------------------------- */
#block-event {}
.banner-area {
  clear: both;
  overflow: hidden;
  padding: 10px 0 0;
}
.banner-left {
  width: 350px;
  float: left;
}
.banner-right {
  width: 350px;
  float: right;
}
/*********************list.css*******************/
/* タイトル
----------------------------------------------- */
#title-list {
  color: #000000;
  font-family: "Times New Roman", "Georgia", serif;
  font-weight: lighter;
}
#title-newitem {
  height: 0;
  margin: 0;
  padding-top: 35px;
  background: url("../img/bloc/title-newitem.jpg") no-repeat;
}
/* カテゴリ説明
----------------------------------------------- */
#category-area {
  overflow: visible;
  clear: both;
}
body#sale #category-area {
	float:left;
}
#category-image, #sale-category-image, #title-list, #category-info, #sale-category-info {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
#category-image, #sale-category-image {
  margin-right: 50px;
}
#category-image img {
  width: 170px;
}
#sale-category-image, #sale-category-info {
  margin-top: 5px;
}
#category_link div {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#category-area div.left {
  width: 690px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#category-area div.right {
  width: 160px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 90%;
}
#category-area div.right span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 5px;
}
#category-area .cate-img img {
  width: 170px;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  filter: grayscale(1);
}
#undercolumn_list .category_wrap h2 {
  display: block;
}
#undercolumn_list .category_wrap h3 {
  margin-top: 2em;
}
#undercolumn_list .category_wrap > *:first-child {
  margin-top: 0;
}
#undercolumn_list .category_wrap ul {
  margin-bottom: 1em;
}
#undercolumn_list .category_wrap .staffblog {
  font-size: 0;
}
#undercolumn_list .category_wrap .staffblog li {
  display: inline-block;
  width: calc((100% - 30px) / 4);
	max-width:250px;
  margin-right: 10px;
  margin-bottom: 20px;
  vertical-align: top;
}
#undercolumn_list .category_wrap .staffblog a {
  display: block;
}
#undercolumn_list .category_wrap .staffblog img {
  width: 100%;
}
#undercolumn_list .category_wrap .webpost li {
  padding-left: 12px;
  position: relative;
}
#undercolumn_list .category_wrap .webpost li:before {
  content: "・";
  margin-right: 4px;
  width: 12px;
  position: absolute;
  left: 0;
}
#undercolumn_list .category_wrap .journal {
  margin-top: 60px;
  padding-bottom: 50px;
}
#undercolumn_list .category_wrap .journal h2 {
  font-size: 2.4rem;
  margin-bottom: 40px;
}
#undercolumn_list .category_wrap .journal h3 {
  font-size: 1.2rem;
  font-weight: normal;
  margin-top: 20px !important;
  border-bottom: 1px solid;
  display: inline;
  color: var(--sub-link-color);
}
#undercolumn_list .category_wrap .journal ul {
  justify-content: center;
}
#undercolumn_list .category_wrap .journal ul li {
  width: 300px;
}
#undercolumn_list .category_wrap .journal ul li:not(:last-child) {
  margin-right: 60px;
}
#undercolumn_list .category_wrap .journal ul li img {
  margin-bottom: 10px;
}
/* 検索結果
----------------------------------------------- */
.conditionarea {
  clear: both;
  width: 708px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #CCCCCC;
}
.pagecondarea {
  margin: 10px 0 0;
  padding: 8px 10px;
  border: 3px solid #CCCCCC;
  background: #F2F2F2;
  list-style: none;
}
.pagecondarea li {
  padding: 2px 0;
}
#search_zero {
  padding: 70px 0 40px;
  line-height: 1.1;
  font-size: 120%;
  text-align: center;
}
#search_zero strong {
  color: var(--main-red-color);
}
/* ページ送り
----------------------------------------------- */
.tb-search-result-top {
  margin: 0 !important;
  padding: 0 !important;
  border-collapse: collapse;
  border-bottom: 1px solid #ddd;
  font-size: 90%;
}
.tb-search-result-bottom {
  margin: 30px 0 0 !important;
  padding: 0 !important;
  border-collapse: collapse;
  font-size: 90%;
  text-align: center;
}
.paging {
  font-size: 14px;
  padding-bottom: 60px;
}
.paging .arrR.btn {
  display: block;
  width: 120px;
  margin: 0 auto 25px !important;
  padding: 15px 40px 15px 25px;
  text-decoration: none;
  color: var(--main-link-color);
  border: 1px solid var(--sub-link-color);
}
.paging .arrR.btn::after {
  right: 22px;
}
.stock {
  padding: 0 20px 2px 20px;
  line-height: 1.1;
  vertical-align: bottom;
  text-align: right;
}
.search-result-count {
  max-width: 30%;
  padding: 12px 0 0;
  line-height: 1.1;
  text-align: right;
  vertical-align: bottom;
  position: absolute;
  right: 0;
	z-index:10;
}
body#sale .search-result-count {
  max-width: 100%;
  min-height: 26px;
  margin-left: auto;
  padding: 12px 0 42px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  position: unset;
}
.search-result-navi.arrB::after, .stock.arrB::after {
  top: unset;
  right: 10px;
  bottom: 18px;
}
.search-result-navi select, .stock select {
  border: none;
  margin-bottom: 5px;
  padding: 0;
  color: var(--main-link-color);
  border-bottom: 1px solid var(--sub-link-color);
  cursor: pointer;
  -webkit-appearance: none; /* ベンダープレフィックス(Google Chrome、Safari用) */
  -moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
  appearance: none; /* 標準のスタイルを無効にする */
}
.item-count {
  color: var(--main-red-color);
  font-weight: bold;
}
.search-result-navi {
  width: 100%;
}
.search-result-navi #genre {
  max-width: 730px;
  display: flex;
  flex-wrap: wrap;
}
.search-result-navi #genre li {
  margin-right: 10px;
  margin-bottom: 5px;
}
.search-result-navi #genre a {
  text-decoration: underline;
  font-size: 1.2rem;
  color: var(--sub-link-color);
}
/*mac、chrome用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .stock {
    line-height: 1.1;
  }
}
/*chrome用*/
_::content, _:future, .stock:not(*:root) {
  vertical-align: middle;
}
.stock a {
  font-weight: lighter;
  color: #999999;
}
.search-result-paging-top {
  padding: 15px 0;
  line-height: 1;
  text-align: center;
  clear: both;
}
.tb-search-result-bottom {
  padding: 15px 0 5px;
  line-height: 1;
  text-align: center;
  clear: both;
}
.search-result-paging-top a, .tb-search-result-bottom a {
  margin: 3px 5px;
  padding: 6px;
  text-decoration: none;
}
.search-result-paging-top strong, .tb-search-result-bottom strong {
  color: #FFFFFF;
  margin: 3px 5px;
  padding: 3px 6px;
  background: #000000;
}
/* 商品一覧
----------------------------------------*/
/*新着アイテム*/
#undercolumn_list #list-stock, body#sale .stock {
  float: right;
  color: #000;
  position: relative;
  z-index: 5;
  display: flex;
  padding: 0;
  clear: both;
}
#undercolumn_list #list-stock li:not(:last-child)::after, body#sale .stock li:not(:last-child)::after {
  content: "|";
  padding: 10px 5px;
}
#undercolumn_list #list-stock a {
  color: var(--sub-link-color);
}
#undercolumn_list #list-stock li.current a, body#sale .stock li.current a {
  pointer-events: none;
  text-decoration: none;
  color: #000;
}
#undercolumn_list #list-filter {
  width: 70px;
  margin-bottom: 40px;
  padding: 0 !important;
  border: none;
  position: relative;
  overflow: hidden;
}
#undercolumn_list #list-filter.accordion.stay.open {
  width: 100%;
  overflow: visible;
}
#undercolumn_list #list-filter .trigger {
  width: auto;
  padding: 0;
}
#undercolumn_list #list-filter .trigger::after {
  display: none;
}
#undercolumn_list #list-filter.accordion.stay .inner {
  width: 100%;
  padding: 30px;
  background: #fff;
  z-index: 11;
  box-sizing: border-box;
  left: 0;
  position: absolute;
  opacity: 0;
}
#undercolumn_list #list-filter.accordion.stay.open .inner {
  opacity: 1;
}
#undercolumn_list #list-filter.accordion.stay .inner .flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
}
#undercolumn_list #list-filter.accordion.stay .inner #color {
  margin-bottom: 20px;
}
#undercolumn_list #list-filter.accordion.stay .inner .flex .title {
  word-break: keep-all;
  min-width: 80px;
  font-weight: bold;
}
#undercolumn_list #list-filter.accordion.stay .inner .s-txt a {
  color: var(--sub-link-color);
}
#undercolumn_list .display {
	display:flex;
	float:right;
	align-items:center;
	}
#undercolumn_list .display #list-stock {
	float:none;
	}
#undercolumn_list .display .search-result-navi {
	width:auto;
	padding:0;
	}
#undercolumn_list .display .search-result-navi.arrB::after {
	right:5px;
	bottom:11px;
	pointer-events:none;
	}
#undercolumn_list .display .search-result-navi select {
	margin:0;
	min-height:unset;
	margin-left:20px;
	padding-right:20px;
	font-size:1.2rem;
	}
body#list .sale_bnr_wrap, body#detail .sale_bnr_wrap {
  width: 100%;
  height: 100px;
}
body#list a.on_sale, body#detail a.on_sale {
  text-decoration: none;
  margin-bottom: 40px;
  display: block;
}
body#list p.off_sale a, body#detail p.off_sale a {
  width:100%;
	display:block;
	border:1px solid #ccc;
	text-align:center;
}
body#list p.off_sale img, body#detail p.off_sale img {
  width: auto;
}
.viewmore {
  display: inline;
  margin-bottom: 20px;
}
.viewmore.open {
  margin-top: 20px;
}
.part p:last-child, .full p:last-child {
  margin-bottom: 0;
}
#block-newitem {
  width: 100%;
  min-width: 1000px;
  margin-bottom: 60px;
  padding-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.newitem-line-list, .newitem-line-list-end {
  width: 1000px;
  padding: 0;
  margin: 0 0 10px;
  clear: both;
  overflow: hidden;
}
/*
.newitem-line-list-end {
	width: 710px;
	padding: 10px 0 0;
	clear: both;
	overflow: hidden;
}*/
.newitem-box-wrap {
  width: 190px;
  height: 190px;
  margin: 10px;
  overflow: hidden;
  position: relative;
}
.newitem-box-wrap.is-empty {
  height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.newitem-box-wrap:last-child {
  width: 200px;
  float: right;
  overflow: hidden;
  position: relative;
}
.newitem-name, .brand_name {
  padding: 30px;
  font-size: 90%;
  line-height: 1.2;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  color: var(--main-link-color);
}
.newitem-name a {
  color: var(--main-link-color);
  text-decoration: none;
  font-weight: normal;
  line-height: 2rem;
}
.newitem-name a:hover {
  opacity:1;
}
.newitem-box-photo {
  height: 200px;
  text-align: center;
  position: relative;
}
.newitem-box-photo img {
  top: 150px;
  z-index: 1;
  width: 100%;
}
.newitem-box-data {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background: rgb(255, 255, 255, 0.8);
  cursor: pointer;
  opacity: 0;
  transition: .3s;
}
.newitem-box-wrap:hover .newitem-box-data {
  opacity: 1;
}
.newitem-box-data-inner {
  display: table-cell;
  width: 200px;
  height: 200px;
  vertical-align: middle;
}
*:first-child + html .newitem-box-data-inner {
  display: inline;
  zoom: 1;
}
.newitem-box-price {
  padding: 3px 0 0;
  color: var(--main-link-color);
  font-size: 85%;
  line-height: 1.2;
}
.newitem-box-price .price-item {
  color: var(--main-link-color);
  font-weight: normal;
}
.newitem-box-comment {
  padding: 3px 0 0;
  text-align: left;
  font-size: 85%;
  line-height: 1.2;
  color: #666666;
}
.newitem-box-wrap.allitems a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f9f9f9;
  color: var(--sub-link-color);
  text-decoration: none;
}
/* セール・アウトレット一覧*/
body#sale .sale h1 {
  text-align: center;
  line-height: 1.5;
  background: #b40e0e;
  max-width: 50%;
  margin: 0 auto;
}
body#sale .sale_bnr_wrap {
  margin: 0 auto;
}
body#sale #category-image {
  float: left;
}
body#sale .sale_bnr {
  padding: 40px;
}
/*商品一覧アイテム*/
.item-line-list,
.whoboughtarea .item-line-list-end{
  width: 100%;
  min-width: 780px;
  margin: 15px 0 0;
  clear: both;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
/*
.item-line-list-end {
	width: 710px;
	padding: 0;
	margin: 10px 0 0;
	clear: both;
	overflow: hidden;
}*/
.item-box-wrap {
  width: 220px;
  margin: 0 40px 40px 0;
  overflow: hidden;
}
.item-box-wrap-end {
  width: 160px;
  float: right;
  overflow: hidden;
}
.item-name {
  padding: 5px 0 0;
  font-weight: bold;
  line-height: 1.8;
}
.item-box-photo {
  height: 220px;
  text-align: center;
  position: relative;
  margin: 0 0 10px 0;
}
.item-box-photo a::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: #f8f8f6;
  mix-blend-mode: multiply;
}
.item-box-photo img {
  width: 100%;
  z-index: 1;
}
.item-box-photo .overlay {
  right: 8px;
  left: unset;
  top: 7px;
  color: var(--sub-link-color);
  font-weight: bold;
	z-index:10;
}
.item-box-photo .overlay img {
  width: 100%;
}
.item-box-data {
  text-align: left;
}
.item-box-price {
  color: var(--sub-link-color);
  padding: 3px 0 0;
  line-height: 1.8;
  text-align: right;
}
.item-box-price span {
  display: inline-block;
}
.item-box-price span:not(:first-child) {
  margin-left: 4px;
}
.pointicon {
  color: #cca51f;
}
.point_bg {
  background: #cca51f;
}
.priceoff {
  color: var(--main-red-color);
}
#detailarea .priceoff {
  margin: 0 0 4px 4px;
  padding: 0 4px;
}
.item-box-comment {
  padding: 3px 0 0;
  text-align: left;
  font-size: 85%;
  line-height: 1.2;
  color: #666666;
}
.item-box-data .item-name {
  font-weight: normal;
}
.item-box-data .item-name a {
  text-decoration: none;
}
.item-box-data .item-name a:hover {
  text-decoration: underline;
}
.item-box-data .price-item {
  font-weight: normal;
}
.item-box-data .price-item-sale {
  font-weight: normal;
}
span.normal {
  font-weight: normal;
  text-decoration: line-through;
}
.item-box-data .price-item-sale {
  font-weight: normal;
}
.item-box-data span.soldout, .recommend-box-price span.soldout {
  font-size: 110%;
  color: #999;
}
/*new･soldoutアイコン*/
.overlay {
  height: 17px;
  width: 31px;
  position: absolute;
  top: 14px;
  left: 20px;
}
.overlay_soldout {
  position: absolute;
  bottom: 5px;
  right: 10px;
  color: var(--sub-link-color);
}
.sub-photo-area {
  width: 100%;
	height:100%;
  position: absolute;
  top:0;
  left: 0;
  display: none;
  text-align: left;
}
.sub-image {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width:100%;
}
.sub-image a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sub-image img {
  width: 100%;
}
/********************products.css*****************/
/* タイトル
----------------------------------------------- */
#title-detail {
  margin: 0 0 10px;
  font-size: 2.4rem;
  font-weight: normal;
}
#detail #title-detail {
  margin: 0 0 20px;
}
#detailrightblock #title-detail {
  font-family: 'EB Garamond', "Yu Mincho", "游明朝", "YuMincho", "游明朝体", serif;
}
.category_name {
  margin-bottom: 10px;
}
.title-detail-etc {
  margin: 0 0 10px;
  padding: 5px 0 3px 10px;
  font-size: 110%;
  font-weight: bold;
  background: #CCCCCC;
}
.title-detail-spec {
  margin: 0 0 20px;
  padding-top: 20px;
  height: 0;
  overflow: hidden;
  border-bottom: solid 1px #000000;
  background: url('../img/products/ttl-spec.png') no-repeat left top;
}
.title-detail-style {
  display: none;
  margin: 0 0 20px;
  padding-top: 20px;
  height: 0;
  overflow: hidden;
  border-bottom: solid 1px #000000;
  background: url('../img/products/ttl-style.png') no-repeat left top;
}
.title-detail-spec2 {
  margin: 0 0 20px;
  padding-top: 20px;
  height: 0;
  overflow: hidden;
  border-bottom: solid 1px #000000;
  background: url('../img/products/detail_info.png') no-repeat left top;
}
/* 商品詳細
----------------------------------------------- */
/*レイアウト*/
#detailarea {
  width: 100%;
  min-width: 1000px;
  max-width: 1220px;
  margin: 0 auto;
  padding: 10px 0 20px;
  clear: both;
  overflow: hidden;
}
.detailother {
  width: 100%;
  min-width: 1000px;
  max-width: 1220px;
  margin: 0 auto;
}
.detailother img {
  width: 100%;
}
#detailleftblock {
  width: 45vw;
	min-width:350px;
	max-width:50%;
  float: left;
  overflow: hidden;
}
#detailrightblock {
  width:45vw;
	min-width:350px;
	max-width:50%;
	padding-left:60px;
	box-sizing:border-box;
  overflow: hidden;
  font-size: 90%;
}
/* ▼ visumoブロック */
.vsm .ecbn-selection-footer2 {
  display: none !important;
}
.vsm.vsm-slider li.ecbn-selection-item {
  margin-right: 10px;
  width: 136px !important;
  height: 170px;
	overflow:hidden;
}
.vsm.vsm-slider li.ecbn-selection-item div img {
  width: auto;
  height: 170px;
}
.vsm.vsm-slider .ecbn-selection-slider-view {
  overflow-x: auto;
  padding: 0 20px 10px;
  position: relative;
  /*Firefox*/
  scrollbar-width: thin;
  scrollbar-color: var(--sub-link-color) #fff; /*つまみの色 軌道の色*/
}
.vsm.vsm-slider .ecbn-selection-slider-view::-webkit-scrollbar {
  height: 8px;
  background-color: #fff;
}
.vsm.vsm-slider .ecbn-selection-slider-view::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 3px;
}
.scroll_wrap:hover .ecbn-selection-slider-view::-webkit-scrollbar-thumb { /*マウスホバー時*/
  background-color: var(--sub-link-color);
}
.vsm.vsm-slider .ecbn-selection-wrapper .ecbn-selection-slide-wrapper {
  overflow-x: visible !important;
}
.vsm.vsm-slider .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction {
  display: none;
}
.vsm.vsm-slider .ecbn-selection-wrapper .ecbn-selection-slider-next, .vsm.vsm-slider .ecbn-selection-wrapper .ecbn-selection-slider-prev {
  background: none;
}
.vsm.vsm-slider .ecbn-selection-wrapper .ecbn-selection-slider-next::after, .vsm.vsm-slider .ecbn-selection-wrapper .ecbn-selection-slider-prev::before {
  position: absolute;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-top: 1px solid var(--sub-link-color);
  border-right: 1px solid var(--sub-link-color);
}
.vsm.vsm-slider .ecbn-selection-wrapper .ecbn-selection-slider-next::after {
  top: 0;
  right: -35px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.vsm.vsm-slider .ecbn-selection-wrapper .ecbn-selection-slider-prev::before {
  top: 0;
  left: -35px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.vsm.vsm-tile li.ecbn-selection-item {
  height: 180.8px;
}
.vsm.vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-image-loading-more a {
  background: #cdcdcd;
  border-radius: 0;
  font-size: 14px;
}
.vsm.vsm-goods {
  clear: both;
}
.vsm.vsm-goods .ecbn-selection-wrapper {
  padding-top: 50px;
	}
.vsm.vsm-goods .ecbn-selection-wrapper:before {
  content: "スタイリング";
  display: block;
  margin: 0 0 20px;
  padding-top: 20px;
  border-top: solid 1px #ddd;
}
.vsm.vsm-goods li.ecbn-selection-item {
  width: 210px;
  overflow: hidden;
  margin-right: 30px;
  display: flex;
  justify-content: center;
}
.vsm.vsm-goods li.ecbn-selection-item:last-child {
  margin-right: 52px;
}
.vsm.vsm-goods li.ecbn-selection-item div img {
  max-width: 280px;
  max-height: 280px;
}

.vsm.vsm-goods li.ecbn-selection-item .ecbn-selection-detail--free-comment{
width:100%;
padding:8px;
}
.vsm.vsm-goods li.ecbn-selection-item .ecbn-selection-caption,
.vsm.vsm-goods li.ecbn-selection-item .ecbn-selection-free-comment{
  padding:0;
font-size:1.2rem;
}
.vsm.vsm-goods .ecbn-selection-item .ecbn-selection-detail--free-comment .ecbn-selection-free-comment:after {
content:none;	
}
.vsm.vsm-goods .ecbn-selection-item .ecbn-selection-detail--free-comment,
.vsm.vsm-goods .ecbn-selection-item .ecbn-selection-detail--free-comment .ecbn-selection-free-comment{
max-height:unset;	
}
.vsm.vsm-gallery .ecbn-selection-page-wrapper .ecbn-selection-snap {
  width: 100% !important;
  height: auto !important;
  display: flex;
  flex-wrap: wrap;
}
.vsm.vsm-gallery li.ecbn-selection-item {
  width: 16.6%;
  height: 180.8px;
  position: static !important;
  top: auto !important;
  left: auto !important;
}
.ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a {
  z-index: 50 !important;
}
/* ▲ visumoブロック */
/*商品写真*/
#detailleftblock div.zoom::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: #f8f8f8;
  mix-blend-mode: multiply;
}
#detailphotoblock {
  width: 540px;
  min-height: 590px;
  position: relative;
}
#detailphotoblock img {
  vertical-align: bottom;
  max-width: 540px;
}
#detailphotoblock a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
body#detail #zoom_prev, body#detail #zoom_next {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  z-index: 10;
}
body#detail #zoom_prev:hover, body#detail #zoom_next:hover {
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
body#detail #zoom_next {
  right: 0;
}
body#detail #zoom_prev::before, body#detail #zoom_next::before {
  position: absolute;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 13px;
  height: 13px;
  border-top: 1px solid var(--main-link-color);
  border-right: 1px solid var(--main-link-color);
}
body#detail #zoom_prev::before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
body#detail #zoom_next::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
body#detail .contact-message {
  width: calc(100% - 130px);
  /*max-width: 260px;*/
  box-sizing: border-box;
  border: none;
  background: none;
	text-align:center;
}
body#detail .contact-message .attention {
  color: #939393 !important;
  font-size: 2rem;
	font-weight:normal;
	background:#f5f5f5;
}
body#detail #detail-btn-contact .contact-message {
	text-align:left;
}
#detail_thumb {
  float: none;
  display: flex;
  justify-content: flex-start;
  margin: 10px 0 0 0 !important;
  width: 100%;
	flex-wrap:wrap;
}
#detail_thumb li {
  width: 50px !important;
  height: 50px !important;
  margin: 0 6px 0 0 !important;
}
#detail_thumb li:last-child {
  margin-right: 0 !important;
}
#detail_thumb img {
  box-sizing: border-box;
}
#arrow_left {
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 90;
  cursor: pointer;
  display: none;
}
#arrow_right {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 90;
  cursor: pointer;
  display: none;
}
/*商品写真（サブ詳細）*/
.subdetail-line {
  width: 592px;
  margin: 10px 0 0;
  clear: both;
  overflow: hidden;
}
.subdetail-line img {
  max-width: 50px;
  vertical-align: bottom;
  border: solid 1px #FFF;
}
.subdetail-line img.active {
  border: solid 1px #CCCCCC;
}
.subdetail-box-left {
  width: 52px;
  margin: 0 2px 0 0;
  float: left;
}
.subdetail-box-center {
  width: 52px;
  float: left;
}
.subdetail-box-right {
  width: 52px;
  float: right;
}
.subdetail-photo a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.subdetail-comment {
  font-size: 80%;
  color: #666666;
}
/*商品情報（テキストなど）*/
#status-icon {
  padding: 0 0 15px;
}
#detail-comment {
  margin-top: 50px;
  color: #333333;
  line-height: 1.8;
  /*font-family : "メイリオ", "Mairyo", "ヒラギノ角ゴPro", "Verdana", "Arial", "Helvetica Neue", sans-serif;*/
}
#detail-comment ul.variation li {
  margin-bottom: 10px;
}
#detail-comment ul.variation li a {
  display: flex;
  align-items: center;
}
#detail-comment ul.variation li a img {
  margin-right: 10px;
}
#detail-size .scroll_x {
  padding: 0;
}
#detail-size table {
  float: none !important;
  width: 100% !important;
  margin: 40px 0;
}
#detail-size table th {
  background: none;
}
#detail-size table tr th:first-child {
  width: 80px !important;
}
#detail-size table th, #detail-size table td {
  vertical-align: middle;
  padding: 8px;
}
#detail-size p + table tr:not(:first-child):hover {
  background: #f5f5f5;
}
#detail-size p + table th, #detail-size p + table td {
  text-align: center;
  min-width: 50px;
}
#detail-size p + table tr:first-child th, #detail-size p + table tr:first-child td {
  border-bottom: 1px solid #ddd;
}
#detail-size p + table tr th:first-child {
  border-right: 1px solid #ddd;
}
body#detail .brand_info {
  display: flex;
  align-items: center;
  margin: 50px 0;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
body#detail .brand_info .img {
  width: 340px;
  height: 110px;
  display: flex;
  align-items: center;
  background: #fff;
  margin: 40px 0 40px 70px;
  padding: 20px 0;
}
body#detail .brand_info .txt {
  width: calc(100% - 340px);
  margin: 40px 70px;
}
body#detail .brand_info .txt .btn {
  margin: 20px 0 0 !important;
}
/*商品情報（テーブル部分）*/
#product-detail, #vip-members {
  width: 278px !important;
  margin: 0 !important;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-collapse: collapse;
}
#product-detail th, #vip-members th {
  padding: 8px 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #f0f0f0;
  font-weight: normal;
}
#product-detail td, #vip-members td {
  padding: 8px 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  line-height: 1.1;
}
.vip-members {
  display: none;
}
#vip-members {
  margin: 0 0 10px !important;
}
#vip-members span {
  color: var(--main-red-color);
  font-weight: bold;
}
#vip-member-ul {
  text-align: left;
  list-style: none;
  padding: 0 0 0 10px;
}
#vip-member-ul li {
  line-height: 1.5;
}
#price-detail {
  color: #333333;
  margin-bottom: 10px;
  font-size: 115%;
}
.sale {
  color: #FF0000;
  font-weight: bold;
  font-size: 120%;
}
#sale-price {
  font-weight: bold;
  font-size: 1.8rem;
}
#sale-price span {
  font-size: 1.2rem;
}
#member-point {
  margin-bottom: 40px;
}
#member-point span {
  /*   font-weight: bold;
    color: #FF0000;*/
	margin-right:10px;
}
#member-point .pointicon.level3 {
  margin: 0 4px;
}
/*商品情報（アイテムタグ）*/
p#itemtag {
  clear: both;
  padding-top: 10px;
  font-size: 80%;
  color: #777777;
}
/*商品情報（規格部分）*/
.classcat {
  padding: 10px 0 0;
}
.classcat select::-ms-expand {
  display: none;
}
.classcat select {
  margin: 0;
  border: none;
  background: #f9f9f9;
  padding: 10px 40px 10px 10px;
  font-size: 1.2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/user_data/packages/default/img/common/arrow_select.png);
  background-repeat: no-repeat;
  background-size: 14px 7px;
  background-position: right 10px center;
}
.size_help {
	display:inline-block;
	}
.fm-detail-quantity {
  width: 60px;
  height: 16px;
  padding: 2px;
  border: solid 1px #CCCCCC;
  text-align: center;
}
/*商品情報（カートなどボタン部分）*/
#btn-favorite {
  padding: 5px 0 0;
}
#btn-favorite p {
  font-size: 95%;
  padding: 5px 0 0;
}
#btn-cago {
  width: calc(100% - 130px);
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-favorite {
  width: 130px !important;
  display: block;
  text-align: right;
  margin-top: -50px;
  margin-bottom: 30px;
  margin-left: auto;
}
#members-box {
  background: #F5F5F5;
  border: 2px solid #CCCCCC;
  margin: 0 0 10px;
  padding: 10px;
}
.contact-message {
  padding: 10px 0;
  margin: 30px 0 10px;
  text-align: center;
  background: #F5F5F5;
  border: 1px solid #CCCCCC;
}
#contact-info {
  background: url('../img/products/ico_tel.png') no-repeat 5px center;
  padding: 10px 0 10px 30px;
  font-size: 85%;
  color: #666666;
}
.btn_list {
  text-align: center;
  margin: 20px 0;
}
.btn_list li {}
.btn, .btn a {
  text-decoration: none;
}
input.btn {
  border: none;
  border-radius: 2px;
  cursor: pointer;
  font-size: 1.2rem;
}
input.btn:hover {
  opacity: 0.8;
}
a.btn.btn-agree, a.btn.btn-disagree, a.btn.btn-top, input.btn.btn-agree, input.btn.btn-disagree, input.btn.btn-top {
  min-width: 200px;
  min-height: 40px;
  margin: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
}
#windowcolumn form {
  text-align: center;
}
.btn-top {
  color: #fff;
  background: #999;
}
.btn-agree:hover, .btn-top:hover {
  color: #fff;
  opacity: 0.8;
}
.btn-disagree.txt {
  background: none;
  text-decoration: underline !important;
}
#contact-info span {
  font-weight: bold;
  font-size: 140%;
  color: #000000;
}
/* シェアボタン*/
.icon {
  display: inline-block;
}
.share_buttons {
  margin-top: 10px;
  padding-left: 0px;
}
.share_buttons a {
  display: inline-block;
  color: #ffffff;
}
a.share_twitter {
  margin-left: 30px;
  margin-right: 30px;
}
.icon-facebook-black {
  width: 30px;
  height: 30px;
  background: url("/user_data/packages/default/img/products/btn_fb.png") no-repeat;
  background-size: 30px 30px;
}
.icon-twitter-black {
  width: 30px;
  height: 30px;
  background: url("/user_data/packages/default/img/products/btn_twitter.png") no-repeat;
  background-size: 30px 30px;
}
.icon-mail-black {
  width: 30px;
  height: 30px;
  background: url("/user_data/packages/default/img/products/btn_mail.png") no-repeat;
  background-size: 30px 30px;
}
/* 商品詳細
----------------------------------------------- */
#detailspecarea, #detailspecarea2 {
  clear: both;
  margin-bottom: 40px;
  padding: 30px 0 0 0;
  overflow: hidden;
  font-size: 90%;
}
#detailspecarea table {
  width: 889px;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-collapse: collapse;
}
#detailspecarea th {
  margin: 0 !important;
  padding: 6px 8px !important;
  background: #FFFFFF !important;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  font-weight: normal;
  text-align: center;
  font-weight: bold;
  color: #666666;
}
#detailspecarea td {
  margin: 0 !important;
  padding: 6px 8px !important;
  background: #FFFFFF !important;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  text-align: center;
}
#detailspecarea .left {
  text-align: left;
}
/* お客様の声
----------------------------------------------- */
#customervoicearea {
  clear: both;
  padding: 30px 0 0 0;
  overflow: hidden;
  font-size: 90%;
}
#voice {
  padding: 10px 0 0;
}
.voice-detail {
  padding: 5px 0 8px;
}
.voicedate {
  padding: 1px 4px;
  font-weight: bold;
  margin: 0;
}
.staricon {
  color: #FFCC00;
}
.voicename {
  padding: 5px 3px 4px;
  font-weight: bold;
  margin: 0;
}
.voicecomment {
  padding: 0 3px;
  color: #666666;
  margin: 0;
}
/* トラックバック
----------------------------------------------- */
#trackbackarea {
  clear: both;
  padding: 30px 0 15px 0;
  overflow: hidden;
  font-size: 90%;
}
#trackbackarea ul {
  margin: 0;
  padding: 5px 0 0;
  list-style: none;
}
#trackbackarea li {
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px dotted #CCCCCC;
}
.box500 {
  width: 500px;
  padding: 3px;
  border: 1px solid #CCCCCC;
}
/* この商品を買った人はこんな商品も買っています→セットアップ？
----------------------------------------------- */
#whoboughtarea {
  clear: both;
  padding: 50px 0 0 0;
  overflow: hidden;
}
.title-whobought {
	font-weight:normal;
	margin-bottom:20px;
	padding-top:20px;
	border-top:solid 1px #ddd;
}
#whoboughtarea .item-line-list-end {
	display:flex;
}
/* ソーシャルシェアボタン
----------------------------------------------- */
#socialbtn-block {
  max-width: 400px;
  margin: 10px 0;
  clear: both;
  overflow: hidden;
}
#btn-mixicheck {
  width: 58px;
  margin: 0 12px 0 0;
}
#btn-tweet {
  width: 92px;
  margin: 0 12px 0 0;
}
#btn-facebook {
  margin: 0 10px 0 0;
}
#btn-tweet, #btn-mixicheck, #btn-facebook, #btn-google {
  float: left;
}
/* タイトル
----------------------------------------------- */
.title-undercolumn, .title-under02column {
  margin: 0 0 20px;
  font-size: 1.8rem;
  font-weight: normal;
}
/* ◎◎について
----------------------------------------------- */
#undercolumn_aboutus {}
#undercolumn_aboutus th {
  width: 140px;
}
#undercolumn_aboutus .info-img {
  padding-bottom: 10px;
}
/* 特定商取引法
----------------------------------------------- */
#undercolumn_order {}
#undercolumn_order th {
  width: 140px;
}
/* お問い合わせ
----------------------------------------------- */
#undercolumn_contact {
  margin-bottom: 60px;
}
.area380 {
  width: 380px;
  height: 250px;
  margin: 5px 0 0 0;
  padding: 2px;
  border: 1px solid #ccc;
}
/* 会員登録
----------------------------------------------- */
#undercolumn_entry {}
#undercolumn_entry h2 {
  display: none;
}
.area470 {
  width: 705px;
  height: 300px;
  margin: 5px 0 0 111px;
  padding: 2px;
  border: 1px solid #ccc;
  line-height: 1.5;
}
.area900 {
  width: 900px;
  height: 300px;
  margin: 5px 0 0 111px;
  padding: 2px;
  border: 1px solid #ccc;
  line-height: 1.5;
}
/* カゴラボ3.0　パッケージ強化対応　START */
.side_banner {
  float: right;
  width: 400px;
  padding-left: 20px;
}
/* カゴラボ3.0　パッケージ強化対応　END */
/* プライバシーポリシー
----------------------------------------------- */
#undercolumn_privacy {}
.privacy_ol {
  margin: 0 15px 2em;
}
#undercolumn_privacy ul {
  margin: 1em 0 1em 15px;
  padding: 0;
  list-style-type: disc;
}
#undercolumn_privacy p {
  margin: 20px 25px;
}
/* マイページ
----------------------------------------*/
body#mypage h2.center {
  line-height: unset;
  margin-top: 30px;
  margin-bottom: 50px;
  padding-bottom: 61px;
  border-bottom: 1px solid #ddd;
}
body#mypage h2.center span:first-child {
  font-size: 3rem;
  letter-spacing: 0.18rem;
}
body#mypage h2.center span.h_line {
  font-size: 1.2rem;
  color: var(--sub-link-color);
  font-weight: normal;
  display: block;
  margin-top: 6px;
  padding-top: 0;
}
body#mypage #mynavarea #customer-info {
  width: 100%;
  border: none;
  background: #f9f9f9;
  padding: 20px;
  box-sizing: border-box;
}
body#mypage #mynavarea #customer-info .your-point {
  background: none;
}
body#mypage #mynavarea .button_like {
  margin-top: 10px;
}
body#mypage #mynavarea .button_like li {
  margin-bottom: 10px;
}
body#mypage #mynavarea .button_like li a.current {
  text-decoration: none;
  pointer-events: none;
  color: #000;
}
/* カートの中
----------------------------------------------- */
#under02column_cart h2 {
  display: none;
}
#under02column_cart p.center {
  margin: 20px 0 40px;
}
#under02column_cart .textarea {
  width:900px;
}
.totalmoneyarea {
  width: 728px;
  margin: 15px auto 0 auto;
  padding: 10px 5px;
  /*    border: 1px solid #ccc;*/
  text-align: center;
}
.vip-totalmoneyarea {
  background: #ebebeb;
  padding: 10px;
  width: 718px;
  margin: 15px auto 0 auto;
  text-align: center;
}
#viptable {
  margin: 0 !important;
  width: 100% !important;
}
#viptable td {
  background: #fff;
  font-size: 90%;
}
#viptable th {
  font-size: 90%;
}
#border-triangul {
  border-top: solid 15px #ebebeb;
  border-bottom: 0;
  border-left: solid 10px #fff;
  border-right: solid 10px #fff;
  width: 0;
  height: 0;
  margin: 0 auto;
  background: #fff;
}
#under02column_cart th {
  text-align: center;
}
#quantity {
  text-align: center;
  width: 70px;
}
#quantity_level li {
  display: inline;
  padding: 3px;
}
.quant_limit {
  text-align: center;
}
.message-vip {
  font-weight: bold;
  color: #990000;
}
/* お客様情報入力
----------------------------------------------- */
#under02column_customer {}
.flowarea {
  margin: 0;
  padding: 10px 0 20px;
  text-align: center;
}
.flowarea img {
  width: 950px;
  height: 42px;
}
#under02column_customer .deliv_inner {
  display: none;
}
#under02column_customer .deliv_inner.open {
  display: table-row;
}
/* お届け先指定
----------------------------------------------- */
#under02column_shopping th {
  vertical-align: middle;
}
#under02column_shopping .textarea {
  width:900px;
}
.addbtn {
  margin: 0;
  padding: 5px 0;
}
/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
.payarea {
  width: 670px;
  margin: 0 auto;
}
.title-shopping {
  margin: 0 0 20px;
  color: #000;
  font-size: 1.2em;
}
.payarea02 {
  width: 670px;
  margin: 40px auto 0 auto;
}
.payarea02 div {
  margin: 10px 0 0 0;
}
.payarea table {
  width: 670px !important;
}
.payarea th {}
.area660 {
  width: 660px;
  height: 150px;
  margin: 5px 0 0 0;
  padding: 2px;
  border: 1px solid #ccc;
}
.pointarea {
  width: 670px;
  margin: 40px auto 0 auto;
}
.pointarea div {
  padding: 5px;
  text-align: center;
}
.pointarea ul {
  margin: 10px auto;
  width: 500px;
}
.pointarea li {
  text-align: left;
  padding: 2px 10px;
}
.underline {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 7px;
}
/* 確認
----------------------------------------------- */
.delivname thead th {
  width: 690px;
  text-align: left !important;
  font-weight: bold !important;
}
.delivname tbody th {
  text-align: left !important;
  width: 250px;
}
.delivname td {
  width: 550px;
}
/* 決済モジュール(決済情報入力画面)
----------------------------------------------- */
#under02column_shopping .box60 {
  width: 60px;
  padding: 2px;
  border: 1px solid #ccc;
}
#under02column_shopping .box120 {
  width: 120px;
  padding: 2px;
  border: 1px solid #ccc;
}
/* ログイン
----------------------------------------------- */
#under02column_login h2 {
  display: none;
}
#under02column_login .btn {
  height: 40px;
	margin:0 auto;
  border: none;
  border-radius: 2px;
  text-decoration: none;
  box-sizing: border-box;
}
/* カゴラボ3.0　パッケージ強化対応　START */
.logintext_line {
  width: 850px;
  margin: 15px auto 0 auto;
  overflow: hidden;
  clear: both;
}
.loginarea_left {
  width: 410px;
  margin: 0 auto 20px;
  padding: 20px;
  border: 1px solid #ccc;
  margin-right: 5px;
  float: left;
  box-sizing: border-box;
}
.inputtext {
  font-size: 90%;
  margin: 0;
}
.inputbox {
  padding: 15px 20px;
  background: #f0f0f0;
  clear: both;
  overflow: hidden;
}
.inputbox02 {
  padding: 15px 20px;
  background: #f0f0f0;
  text-align: center;
  clear: both;
  overflow: hidden;
}
.login_inputbox {
  padding: 15px 20px 0;
  background: #fff;
  clear: both;
  overflow: hidden;
}
.login_inputbox + .tblareabtn {
  margin-bottom: 30px;
}
.login_inputbox p {
  display:flex;
	align-items:center;
}
.login_inputbox02 {
  padding: 15px 20px;
  background: #fff;
  text-align: center;
  clear: both;
  overflow: hidden;
}
.loginarea_left img {
  vertical-align: middle;
}
.loginarea_right {
  width: 410px;
  margin: 0 auto 20px;
  padding: 20px;
  border: 1px solid #ccc;
  margin-left: 5px;
  float: right;
  box-sizing: border-box;
}
.loginarea_right img {
  padding-bottom: 5px !important;
}
.mylogin-special {
  font-weight: bold;
  color: #797878;
  font-size: 20px;
  border-bottom: 1px solid #dfdfdf;
}
.mylogin-list {
  font-weight: bold;
  color: #424242;
  font-size: 15px;
  border-bottom: 0px !important;
}
.mylogin-special-box {
  margin: 0 auto;
  padding: 20px 15px 0;
}
/* カゴラボ3.0　パッケージ強化対応　END */
/* エラー
----------------------------------------------- */
#under02column_error {}
.messagearea {}
.error {
  margin: 0;
}
/* MYPAGE共通指定
----------------------------------------------- */
#mypagecolumn {
  margin: 0 auto;
  overflow: hidden;
}
/* タイトル
----------------------------------------------- */
.title-mypagecolumn {
  height: 35px;
  margin: 0 0 10px;
  padding: 0;
  font-size: 110%;
  background: url("../img/common/title-page950.gif") repeat-x left bottom;
  line-height: 35px;
}
/* レイアウトカラム
----------------------------------------------- */
#mycontentsarea {
  float: right;
}
#mynavarea {
  float: left;
  margin-bottom: 200px;
}
.my-navi {
  display: block;
  height: 30px;
}
#customer-info {
  width: 154px;
  margin: 0;
  padding: 5px;
  border: 3px solid #CCCCCC;
}
.your-point {
  margin: 3px 0 0;
  padding: 2px;
  background: #F4ECEF;
}
/* テーブル等共通定義
----------------------------------------------- */
.mypagetitle-under {
  font-size: 1.8rem;
  font-weight: normal;
  margin: 0 0 30px;
}
.mypagetitle-btn {
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 20px 20px 20px 25px;
  color: #2A3234;
  background-color: #E8E5E5;
  text-decoration: none;
  border: 1px solid #DDD;
}
.mypagetitle-btn:hover {
  background-color: #2A3234;
  color: #FFFFFF;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#mycontentsarea caption {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 8px;
  background-color: #f0f0f0;
  text-align: left;
  font-weight: bold;
  color: #000;
}
/* 購入履歴一覧/詳細
----------------------------------------------- */
#mycontentsarea th {
  text-align: center;
  font-weight: bold;
}
#mycontentsarea .accordion {
	border:none;
}
.myconditionarea {
  clear: both;
  margin: 15px auto;
  padding: 20px;
  border: 1px solid #ddd;
}
.delivempty {
  clear: both;
  width: 500px;
  margin: 30px auto;
  padding: 10px 0;
  text-align: center;
}
/* 会員登録内容変更/退会
----------------------------------------------- */
.box260 {
  width: 260px;
  margin: 5px 0 0;
  padding: 2px;
  border: 1px solid #ccc;
}
#tbl-change th {
  width: 250px;
  text-align: left;
}
#mycontentsarea #completetext {
  margin: 15px auto 0 auto;
}
#mycontentsarea .changetext {
  padding: 40px 0;
  text-align: center;
}
/*Window共通設定
*----------------------------------------------------*/
#completebox {
  width: 490px;
  margin: 15px 0 0 0;
  border: 5px solid #ccc;
}
#completebox p {
  padding: 60px 5px;
  text-align: center;
}
#windowcolumn .btn, #zipsearchcolumn .btn, #stockviewcolumn .btn, #inquirycolumn .btn {
  margin: 15px 0 30px 0;
  text-align: center;
}
#bigimage, #cartimage {
  margin: 0 auto;
}
#bigimage img, #cartimage img {
  padding: 10px;
  background-color: #ffffff;
}
/* 商品詳細拡大写真
----------------------------------------------- */
/* 一画面表示型拡大写真レイアウト */
#window_detail {
  margin: 0 auto;
  padding: 10px;
  overflow: hidden;
}
#window_detail_left {
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden;
}
#window_detail_right {
  width: 62px;
  margin: 0;
  padding: 0;
  float: right;
  overflow: hidden;
}
#window_detail_left img {
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
}
#window_detail_right img {
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
}
#window_detail_right a {
  display: block;
  cursor: pointer;
  margin: 0 0 5px;
  padding: 0;
}
#window_detail_right a.nowview img {
  background-color: #E0E0E0;
  border: 1px solid #888888;
}
#window_detail_right a:hover img {
  background-color: #E0E0E0;
  border: 1px solid #888888;
}
#zoom_img {
	width:100%!important;
	height:100%!important;
	min-width:100%!important;
	min-height:100%!important;
	}
.zoomImg {
	max-width:unset;
	}
/* お客様の声の書き込み・新しいお届け先の追加・変更
----------------------------------------------- */
#windowcolumn {
  margin: 0 auto;
  background: #FFF;
	min-height:100vh;
}
.title-window {
  margin: 0 0 15px;
  padding: 8px 7px 8px 25px;
  background: #272E31 url("../img/common/bg-windowtitle.gif") no-repeat left center;
  color: #FFFFFF;
  font-size: 110%;
}
#windowarea {
  width: 100vw;
  /*margin: 0 auto;*/
  padding: 15px;
  background: #FFFFFF;
  text-align: left;
  box-sizing: border-box;
}
.windowtext {
  margin: 0;
}
#windowarea table {
  width: 100%;
}
.box350 {
  width: 350px;
  padding: 2px;
  border: 1px solid #ccc;
}
.area350 {
  width: 350px;
  height: 120px;
  border: 1px solid #ccc;
}
#windowarea .box300 {
  width: 300px;
  padding: 2px;
  border: 1px solid #ccc;
}
/* 郵便番号検索
----------------------------------------------- */
#zipsearchcolumn {
  margin: 0 auto;
}
#zipsearcharea {
  width: 430px;
  margin: 0 auto;
  padding: 15px;
  background: #FFFFFF;
  text-align: left;
}
#zipsearcharea #completebox {
  width: 420px;
}
/* 在庫表示
----------------------------------------------- */
#stockviewcolumn {
  margin: 0 auto;
}
#stockviewcolumn h2 {
  margin: 0 0 15px;
  padding: 8px 7px 8px 25px;
  background: #272E31 url("../img/common/bg-windowtitle.gif") no-repeat left center;
  color: #FFFFFF;
  font-size: 110%;
}
#stockviewarea {
  width: 500px;
  margin: 0 auto;
  padding: 15px;
  background: #FFFFFF;
  text-align: left;
}
#stock-name {
  border-left: 5px solid #CCCCCC;
  margin: 5px 0;
  padding: 1px 2px 1px 7px;
}
#stockviewarea table {
  width: 499px;
  margin-top: 10px;
  margin-left: 1px !important;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-collapse: collapse;
  text-align: left;
}
#stockviewarea th {
  padding: 4px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #666666;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
}
#stockviewarea td {
  padding: 4px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
/* アンケート
----------------------------------------------- */
#inquirycolumn {
  margin: 0 auto;
}
#inquirycolumn h2 {
  margin: 0 0 15px;
  padding: 8px 7px 8px 25px;
  background: #272E31 url("../img/common/bg-windowtitle.gif") no-repeat left center;
  color: #FFFFFF;
  font-size: 110%;
}
#inquirycolumn .question {
  border: 1px solid #CCCCCC;
  margin: 5px 0;
  padding: 10px;
  font-size: 100%;
}
#inquiryarea {
  width: 500px;
  margin: 0 auto;
  padding: 15px;
  background: #FFFFFF;
  text-align: left;
}
#inquiryarea p {
  margin: 0;
  padding: 0 0 5px;
}
#inquiryarea table {
  width: 499px;
  margin-top: 10px;
  margin-left: 1px !important;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-collapse: collapse;
  text-align: left;
  font-size: 100%;
}
#inquiryarea table th {
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #F6F6F6;
  font-weight: normal;
}
#inquiryarea table td {
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
#inquiryarea table td table {
  width: 485px;
  margin: 0 !important;
  border-top: none !important;
  border-left: none !important;
  border-collapse: collapse;
}
#inquiryarea table td table td {
  padding: 2px 0 !important;
  border-right: none !important;
  border-bottom: none !important;
}
.clear {
  clear: both;
  overflow: hidden;
}
#slide-wrap {
  width: 880px;
  padding: 0 5px;
  margin: 0 auto 116px;
}
#slide-wrap .bx-wrapper {
  position: relative;
  margin-bottom: 12px;
}
#slide-wrap .bx-wrapper .bx-controls a {
  display: block;
  position: absolute;
  top: 134px;
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
}
#slide-wrap .bx-prev {
  left: -5px;
  background: url('../img/slideshow/arr_left.png') no-repeat left top;
}
#slide-wrap .bx-next {
  right: -5px;
  background: url('../img/slideshow/arr_right.png') no-repeat right top;
}
#slide-wrap #bx-pager img {
  max-width: 210px;
  vertical-align: middle;
}
#slide-wrap #bx-pager a {
  margin-right: 13px;
  display: block;
  float: left;
  position: relative;
}
#slide-wrap #bx-pager a.end {
  margin-right: 0;
}
#slide-wrap #bx-pager a.active .shadow {
  background: url('../img/slideshow/slide_on.png') no-repeat left top;
  position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  height: 72px;
}
/* Your Recently Viewed Items.
----------------------------------------------- */
.recently-box-wrap {
  width: 160px;
  margin: 0 17px 0 0;
  float: left;
  overflow: hidden;
}
.recently-box-wrap-end {
  width: 160px;
  margin: 0;
  float: right;
  overflow: hidden;
}
.recently-name {
  padding: 5px 0 0;
  line-height: 1.2;
}
.recently-name a {
  font-weight: normal;
  text-decoration: none;
}
.recently-name a:hover {
  text-decoration: underline;
}
.recently-box-photo {
  height: 160px;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}
.recently-box-photo img {
  top: 150px;
  z-index: 1;
  max-width: 100%;
}
.recently-box-data {
  font-size: 85%;
  text-align: center;
}
.recently-box-price {
  padding: 3px 0 0;
  line-height: 1.2;
}
.recently-box-comment {
  padding: 3px 0 0;
  text-align: left;
  font-size: 85%;
  line-height: 1.2;
  color: #666666;
}
#block-recently, #block-recommend-item {
  position: relative;
  margin-bottom: 40px;
}
#block-recently .bx-wrapper .bx-controls a, #block-recommend-item .bx-wrapper .bx-controls a {
  display: block;
  position: absolute;
  top: 71px;
  display: block;
  width: 9px;
  height: 18px;
  text-indent: -9999px;
}
#block-recently .bx-prev, #block-recommend-item .bx-prev {
  left: 0;
  background: url('../img/slideshow/slarr_left.png') no-repeat left top;
}
#block-recently .bx-next, #block-recommend-item .bx-next {
  right: 0;
  background: url('../img/slideshow/slarr_right.png') no-repeat right top;
}
/* SPECIAL
----------------------------------------------- */
#undercolumn_special {
  padding-left: 5px;
  padding-bottom: 50px;
}
.title-center2 {
  height: 0;
  padding-top: 24px;
  overflow: hidden;
  margin-bottom: 15px;
}
#title-special {
  background: url('../../../img/special/sp_recommend.png') no-repeat 10px top;
}
#title-item-info {
  background: url('../../../img/special/sp_info.png') no-repeat 10px top;
}
#title-back-number {
  background: url('../../../img/special/sp_number.png') no-repeat 10px top;
}
#main-visual {
  margin-bottom: 25px;
}
.items {
  padding: 0 10px 0 7px;
  margin-bottom: 20px;
  overflow: hidden;
  clear: both;
}
.items-end {
  padding: 0 10px 0 7px;
  margin-bottom: 30px;
  overflow: hidden;
  clear: both;
}
.infomation-detail {
  margin-bottom: 35px;
}
.back-number {
  width: 570px;
  margin-left: 10px;
}
.back-number li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 2;
}
.back-number li a {
  text-decoration: none;
  background: url('../img/common/arr_01.png') no-repeat left center;
  display: block;
  padding-left: 15px;
  margin-right: 15px;
}
.back-number li a:hover {
  text-decoration: underline;
}
div.bg {
  position: absolute;
  top: 62px;
  left: 0;
  z-index: 103;
  width: 100%;
  background: #ffffff;
  display: none;
}
#brand_logo_area, #guide_area {
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0;
}
#sale_brand_logo_area, #sale_brand_logo_area_bottom {
  margin: 0 auto 30px;
  padding-top: 20px !important;
  border-collapse: collapse;
  border-bottom: none;
  border-top: none;
}
#sale_brand_logo_area_bottom {
  margin-top: 30px !important;
  border-top: 1px dotted #CCCCCC;
}
#sale_discount_area {
  margin: 0 auto 30px;
  padding: 0 0 40px;
  border-collapse: collapse;
  border-bottom: 1px dotted #ccc;
}
#sale_discount_area ul {
  display: inline-flex;
  justify-content: flex-start;
  width: 100%;
}
#sale_discount_area ul li {
  width: calc(100% / 12);
}
#sale_discount_area ul li a {
  color: var(--main-red-color);
}
#sale_discount_area ul li img {
  width: 100%;
}
#navi .bg a {
  height: auto;
  padding: 0;
  float: none;
}
#brand_logo_area ul li {
  margin: 5px 20px;
  float: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0;
  cursor: auto;
  width: 170px;
}
#sale_brand_logo_area ul li, #sale_brand_logo_area_bottom ul li {
  width: 18%;
  float: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 10px;
  cursor: auto;
  border-left:1px solid #000;
}
#sale_brand_logo_area > a, #sale_brand_logo_area_bottom > a {
  padding: 30px 0 1em 0;
  display: block;
}
#sale_brand_logo_area a, #sale_brand_logo_area_bottom a {
  text-decoration: none;
}
#sale_brand_logo_area ul, #sale_brand_logo_area_bottom ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: space-between;
}
#sale_brand_logo_area .hr, #sale_brand_logo_area_bottom .hr {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
#sale_brand_logo_area .hr hr, #sale_brand_logo_area_bottom .hr hr {
  width: 18%;
  height: 1px;
  border: none;
  margin: 0;
  background-color: #000;
}
#brand_logo_area ul li img, #sale_brand_logo_area_bottom ul li img, #sale_brand_logo_area ul li img, #sale_brand_logo_area_bottom ul li img {
  width: 100%;
}
#guide_area {
  padding: 10px 0;
  overflow: hidden;
}
#guide_area ul {
  float: left;
  width: 210px;
  margin-right: 10px;
}
#guide_area ul li {
  float: none;
  padding: 0;
  margin: 10px 0;
  cursor: auto;
}
#guide_area ul li a {
  color: #333;
}
#guide_area ul li a:hover {
  text-decoration: underline;
}
#guide_area ul li li {
  font-size: 85%;
  padding-left: 10px;
}
/*instagram*/
.instagram-placeholder {
  width: 170px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.instagram-placeholder-end {
  width: 170px;
  float: right;
  margin-bottom: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.instagram-placeholder img, .instagram-placeholder-end img {
  max-width: 170px;
}
/* contact form */
.area650 {
  width: 600px;
  height: 900px;
  margin: 5px 0 0 0;
  padding: 2px;
  font-size: 13px;
  line-height: 1.6;
  border: 1px solid #ccc;
}
/* 2カラム
---------------------------------*/
.column {
  padding: 10px 30px;
}
.column .half {
  float: left;
  margin-right: 30px;
  width: 270px;
}
.column .half .img img {
  width: 270px;
}
.column .half .txt {
  text-align: center;
}
.column .half.last {
  margin-right: 0;
}
/* ご利用ガイド */
#shopping_guide {
  background: #FFF;
  overflow: hidden;
  clear: both;
  text-align: left;
  font-size: 80%;
  padding: 0 0 40px;
}
#shopping_guide_inner {
  width: 1000px;
  margin: 0 auto 0;
}
#title-shopping-guide {
  background: url('../img/footer/title_shopping_guide.jpg') no-repeat left top;
  margin: 0 0 30px;
}
#shopping_guide h3 {
  padding: 20px 0 0;
  margin: 0 0 14px;
  height: 0;
  overflow: hidden;
  border-bottom: dotted 1px #000;
}
#shopping_guide.center #shopping_guide_inner {
  width: 890px;
}
#shopping_guide.center .guide-left {
  width: 47%;
  margin: 0;
}
#shopping_guide.center .guide-right {
  width: 47%;
}
#footer-itle01 {
  background: url('../img/footer/footer-title01.jpg') no-repeat left top;
}
#footer-itle02 {
  background: url('../img/footer/footer-title02.jpg') no-repeat left top;
}
#footer-itle03 {
  background: url('../img/footer/footer-title03.jpg') no-repeat left top;
}
#footer-itle04 {
  background: url('../img/footer/footer-title04.jpg') no-repeat left top;
}
#footer-itle05 {
  background: url('../img/footer/footer-title05.jpg') no-repeat left top;
}
#footer-itle06 {
  background: url('../img/footer/footer-title06.jpg') no-repeat left top;
}
.guide-left, .guide-center {
  width: 300px;
  float: left;
  margin: 0 100px 0 0;
}
.guide-right {
  width: 300px;
  float: right;
}
.guide-left p {
  margin: 0 0 30px;
}
.guide-center p {
  margin: 0 0 35px;
}
.guide-right p {
  margin: 0 0 35px;
}
.guide-center .mb25 {
  margin-bottom: 25px;
}
/* category info */
.cate-title {
  min-height: 30px;
  flex-direction: row-reverse;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
}
#category-area table {
  width: 100%;
  position: relative;
  margin: 0;
}
#category-area table h1 {
  max-width: 70%;
  margin-bottom: 30px;
  font-weight: lighter;
  font-size: 3.6rem;
  line-height: 1.1;
	display:inline-flex;
}
#category-area table h1,
#category-area table h1+ul.gender {
  font-family: 'EB Garamond', "Yu Mincho", "游明朝", "YuMincho", "游明朝体", serif;
}
#category-area table h1+ul.gender {
	display:inline-flex;
  font-size: 1.6rem;
}
#category-area table h1+ul.gender a {
	color:var(--sub-link-color);
}
#category-area table h1+ul.gender .current a {
	color:#000;
	text-decoration:none;
	pointer-events:none;
}
#category-area table h1+ul.gender::before {
	content:"/";
	margin:0 20px;
}
#category-area table h1+ul.gender li:not(:last-child)::after {
	content:"|";
	margin:0 10px;
}
body#sale #category-area table h1 {
	max-width:unset;
	margin-bottom:0;
}
#category-area table h1 a {
  color: #000;
  text-decoration: none;
}
#category-area table .cate-link h1 {
  display: none;
}
#category-area table .info .accordion {
  border: none;
}
#category-area table .info .trigger {
  display: inline-block;
  margin: 0;
  padding-right: 30px;
  border-bottom: 1px solid #ddd;
}
#category-area table .info .trigger::after {
  border-top: 1px solid var(--sub-link-color);
  border-right: 1px solid var(--sub-link-color);
  right: 3px;
  bottom: 4px;
  width: 5px;
  height: 5px;
}
#category-area table .info .open .trigger::after {
  bottom: 0px;
}
#category-area table .info .inner {
  position: absolute;
  padding: 10px;
  background: #fff;
  top: 100px;
  left: 0;
  z-index: 1;
}
#category-area .category_area {
  font-family: 'EB Garamond', "Yu Mincho", "游明朝", "YuMincho", "游明朝体", serif;
}
#category-area .category_area .viewmore {
  display: inline;
}
.category_area_bottom {
	margin-bottom:50px;
	}
.cate-link-left {
  float: left;
  border-right: 1px dotted #333;
  padding: 0 10px 0 0;
}
.cate-link-right {
  float: left;
  padding: 0 0 0 10px;
}
.cate-link > div {
  width: 400px;
}
.cate-link div div {
  padding-left: 10px;
}
.cate-link div div:not(:last-child) {
  float: right;
}
.cate-link div div:not(:first-child) {
  padding-right: 10px;
  border-right: 1px dotted #333;
}
.cate-link-reserve {
  display: none;
}
/* kagoshima open */
.kagoshima_box {
  width: 890px;
}
.kagoshima_box dl {
  width: 405px;
  float: left;
}
.kagoshima_box .map {
  width: 476px;
  float: right;
}
.btn-favorite > .favorite-img-on {
  display: none;
}
.btn-favorite > .favorite-img {
  display: block;
}
.btn-favorite.active > .favorite-img-on {
  display: block;
}
.btn-favorite.active > .favorite-img {
  display: none;
}
#brands_logo .list-brand {
  position: static;
  display: block;
  width: 100%;
}
#brands_logo #brand_logo_area {
  width: 100%;
}
#brands_logo #brand_logo_area ul li {
  margin: 5px 4px;
}
#brands_logo ul#breadcrumbs, #brands_logo ol#breadcrumbs {
  margin-bottom: 20px;
}
#brands_logo ul.brand-list-item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: space-between;
}
#brands_logo .featured {
  display: none;
}
/* トップ配送お知らせ */
.top_deliv_info_wrap {
  width: 100%;
  position: absolute;
  top: 113px;
  right: 0;
  box-sizing: border-box;
  transition: .3s;
}
.top_deliv_info_wrap .swiper-slide {
  display: flex;
  justify-content: flex-end;
  background: #fff;
	padding:10px 30px;
	box-sizing:border-box;
}
.top_deliv_info_wrap .swiper-slide::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border: 1px solid var(--sub-link-color);
  border-radius: 100%;
  background: url(/smartphone/user_data/packages/default/img/common/icon_info.svg) no-repeat center left;
}
.top_deliv_info_wrap .swiper-slide.point_bg {
 background:#cca51f;
}
.top_deliv_info_wrap .swiper-slide.bnr::before {
 content:unset;
}
.top_deliv_info_wrap .swiper-slide.bnr img {
 margin:0 auto;
}
.top_deliv_info_wrap .swiper-slide a {
	display:block;
	}
body.brands .top_deliv_info_wrap, body.category .top_deliv_info_wrap {
  position: fixed;
  z-index: 101;
  transition: .3s;
}
body.brands.small .top_deliv_info_wrap, body.category.small .top_deliv_info_wrap {
  top: 60px;
}
/* 一覧・詳細お知らせ */
.header_line_news_wrap {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  padding: 116px 30px 0;
  background: #ffffff;
}
.header_line_news {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  font-size: 11px;
  color: #666;
}
#article-img {
  text-align: center;
}
.imageListStyleB01 {
  margin: 0 50px 30px;
  overflow: hidden;
  position: relative;
}
/* TOP下のメルマガ登録箇所 */
.mail_mag_box {
  background: url(/user_data/img/icn_mail.gif) no-repeat center left;
  padding-left: 21px;
  float: right;
}
/* トップJOURNAL */
section.journal ul {
  display: flex;
  margin-top: 30px;
}
section.journal ul li {
  width: 50%;
}
section.journal ul li:not(:last-child) {
  margin-right: 30px;
}
section.journal ul li a {
  text-decoration: none;
}
section.journal ul li h3 {
  font-size: 1.8rem;
  font-weight: normal;
  margin: 20px 0;
}
section.journal ul li p:not(:last-child) {
  color: var(--sub-link-color);
}
section.journal ul li img {
  width: 100%;
}
/* トップSTANDARD */
section.standard ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
section.standard ul li {
  width: calc((100% - 40px * 4) / 5);
}
section.standard ul li a {
  text-decoration: none;
}
section.standard ul li p.brand {
  margin: 20px 0 0 0;
}
section.standard ul li p {
  color: var(--sub-link-color);
}
section.standard ul li img {
  width: 100%;
}
section.standard ul li h3 {
  font-family: 'EB Garamond', "Yu Mincho", "游明朝", "YuMincho", "游明朝体", serif;
  font-size: 1.8rem;
  font-weight: normal;
  margin-bottom: 10px;
}
section.standard .accordion {
  border: none;
  text-align: center;
}
section.standard .accordion ul {
  margin: 0;
}
section.standard .accordion .trigger.arrB::before{
  content: "MORE";
}
section.standard .accordion.open .trigger.arrB::before {
  content: "CLOSE";
}
section.standard .accordion.open .trigger.arrB::after {
  bottom: -2px;
  margin-top: 0;
}
section.standard .accordion .inner {
  text-align: left;
}
/* トップSTYLING(visumo) */
section.styling .styling_wrap {
  position: relative;
}
section.styling p.viewall {
  position: absolute;
  top: 3px;
  right: 0;
}
section.styling p.viewall img {
  vertical-align: middle;
  margin-right: 5px;
}
/* GIFT */
.gif14t-wrap {
  width: 1000px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.6;
  color: #333;
  font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "メイリオ", Meiryo, sans-serif;
}
h2.gift14_title {
  margin: 65px 0 15px;
}
.align-C {
  text-align: center;
}
.mg-bt-10 {
  margin-bottom: 10px;
}
.mg-bt-20 {
  margin-bottom: 20px;
}
.mg-bt-50 {
  margin-bottom: 50px;
}
.mg-tp-50 {
  margin-top: 50px;
}
.gsub-wrap {
  width: 970px;
  margin: 0 auto 100px;
}
.gsub-box-left {
  width: 470px;
  float: left;
}
.gsub-box-right {
  width: 470px;
  float: right;
}
.gsub1-top {
  background: url(/user_data/img/2014aw-lastsp/gsub1-top.jpg) no-repeat center top;
  padding-top: 136px;
}
.gsub2-top {
  background: url(/user_data/img/2014aw-lastsp/gsub2-top.jpg) no-repeat center top;
  padding-top: 136px;
}
.gsub-bottom {
  background: url(/user_data/img/2014aw-lastsp/gsub-bt.jpg) no-repeat center bottom;
  padding-bottom: 18px;
}
.gsub-mid {
  background: url(/user_data/img/2014aw-lastsp/gsub-mid.jpg) repeat-y center;
}
.gsub-mid p {
  margin: 0;
  padding: 0 40px 0;
}
.gift-item-list {
  width: 1000px;
  margin: 20px auto 30px;
}
.gift-item-list ul {
  list-style: none;
  text-align: center;
  font-size: 10px;
}
.gift-item-list ul li {
  display: inline-block;
  width: 17%;
  padding: 1%;
  vertical-align: top;
}
.gift-item-list ul li img {
  width: 95%;
  margin: 0 auto;
}
.gift-item-list ul li span {
  font-weight: bold;
  font-size: 11px;
}
.gift-brand-list {
  list-style: none;
  text-align: center;
  margin-bottom: 130px;
}
.gift-brand-list li {
  display: inline-block;
  padding: 0 5px;
}
/* モーダル */
.jqmWindow {
  display: none;
  position: fixed;
  bottom: 30px;
  left: 30px;
  padding: 0;
  text-align: center;
  z-index: 99;
}
.jqmWindow img {
  margin: 0;
  padding: 0;
  vertical-align: text-bottom;
}
#modal_close_icon {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 20px;
}
#modal_close_icon::before, #modal_close_icon::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: block;
  position: absolute;
}
#modal_close_icon::before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 17px;
  right: 21px;
}
#modal_close_icon::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 28px;
  right: 21px;
}
#modal_main {
  box-shadow: 0 0 5px 0 #000;
}
#modal_main a {
  display: block;
  text-decoration: none;
}
#modal_main a:hover, #modal_main a:hover div {
  opacity: 1;
}
/* モーダル共通 */
.jqmOverlay {
  background-color: #000;
  display: none;
}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: expression(this.parentNode.offsetWidth+'px');
  height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/* テキスト装飾 */
.color-orange {
  color: #ff6600;
}
.color-red {
  color: var(--main-red-color) !important;
}
.color-sale {
  color: var(--main-red-color) !important;
}
@media only screen and (min-width:750px) and (max-width:1220px) { /*▼ヘッダー用▼*/
  body #header {
    padding: 10px 30px;
  }
  body #header .header_bloc.mainnav {
    width: calc((100% - 172px) / 2);
    min-width: 370px;
  }
	nav#global > ul > li {
	padding:4px 10px 4px 6px;	
	}
  body #header .header_bloc.logo {
    width: 172px;
    min-width: 172px;
  }
  body #header .header_bloc.subnav,
body.small #header .header_bloc.subnav	{
    width: calc((100% - 172px) / 2);
    min-width: 220px;
  }
  .top_deliv_info_wrap {
    top: 60px;
  }
  body #header nav#global ul li a {
    font-size: 12px;
  }
  #wrapper_outer {
    padding-top: 54px;
  }
  body nav#global .bg, body nav#global .overlay {
    top: 48px;
  }
	body #header .header_bloc.subnav div.recruit {
		font-size:12px;
	}
  /*▲ヘッダー用▲*/
}
/* ▼korogi追加▼ */
@media screen and (min-width:750px) {
  .pickup-brand, .new-brand, .list-brand .title {
    display: none;
  }
  /* ▼アコーディオン(PC) */
  .accordion-all {
    display: none;
  }
  .accordion {
    margin-top: -1px;
    padding: 10px 0 5px !important;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
  }
  .accordion > a {
    text-decoration: none;
    padding: 12px 12px 12px 0;
    position: relative;
    display: block;
  }
  .accordion > a:hover {
    color: #000;
  }
  .accordion > a:before {
    content: none !important;
    background: none !important;
  }
  .accordion .inner {
    display: none;
  }
  #navi .accordion > a, .brand-list-item .accordion > a, #sale_brand_logo_area.accordion > a, #sale_brand_logo_area_bottom.accordion > a, .pc_open.accordion > a {
    cursor: default;
    padding: 0 !important;
  }
  #navi .accordion > a:after, .brand-list-item .accordion > a:after, #sale_brand_logo_area.accordion > a:after, #sale_brand_logo_area_bottom.accordion > a:after, .pc_open.accordion > a:after {
    display: none;
  }
  #navi .accordion .inner, .brand-list-item .accordion .inner, #sale_brand_logo_area.accordion .inner, #sale_brand_logo_area_bottom.accordion .inner, .pc_open.accordion .inner {
    display: block;
  }
  /* ▲アコーディオン(PC) */
}