@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
font-size:16px !important;
}

body{-webkit-text-size-adjust: 100%;}

/*section {
	margin-bottom:60px !important;
}*/
.section{
	margin-bottom:60px;
}

.bold{ font-weight:bold; }
.font12{ font-size:12px !important; }
.font14{ font-size:14px !important; }
.red{color:#C00;}

/*　マージン　微調整用　*/
.mr1em{	margin-right:1em!important; }
.ml1em{	margin-left:1em!important; }
.w170{ width:170px; }
.w500{ width:500px; }
.w600{ width:600px; }
.w800{ width:800px; }
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb50{ margin-bottom:50px; }
.mr60 {margin-right:60px;}

/*　内部リンク 位置調整　*/
.anchor { display: block; padding-top: 70px !important; margin-top: -70px !important;}


.autopagerize_page_element_ ul.product-list img,
.event_ ul.product-list img {
	width: auto !important;
	margin: 0 auto !important;
	display:block;
	text-align:center;
	}

.autopagerize_page_element_ ul.product-list .icon_ img,
.event_  ul.product-list .icon_ img {
    margin: 0 !important;
}

.icon_ img { width: auto !important;}

.pc {display:none;}
.sp {display:block;}



/*TOPバナーエリア*/
.theuny__topMain .theuny__topSpecialFeature .theuny__slide a.slideArrow.nextArrow,
.theuny__topMain .theuny__topSpecialFeature .theuny__slide a.slideArrow.prevArrow{margin-top:15px;}




/*-------ボタン：領収書を発行する　ここから-------*/

td.order_detail_ a.aModEleDef {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 120%;
    text-decoration: none;
    color: #fff !important;
    background: #000;
    padding: 10px 0;
    margin: 10px auto;
    text-align: center;
    letter-spacing: 0.1em;
    width: 95%;
}

td.order_detail_ a.aModEleDef::after {
    content: "";
    position: absolute;
    display: block;
    top: 35%;
    right: 20px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*-------ボタン：領収書を発行する　ここまで-------*/



/*TOP ナビゲーション*/
.theuny__topMain .theuny__topLineup ul.theuny__category li.w2_jamp a,
.theuny__navigation ul.theuny__category li.w2_jamp a{border:1px solid #474645; border-radius:10px; padding:10px!important; letter-spacing:0; margin-top:20px!important; display:block;}
.theuny__topMain .theuny__topLineup ul.theuny__category li.w2_jamp a:hover,
.theuny__navigation ul.theuny__category li.w2_jamp a:hover{border:1px solid #474645;}
.theuny__topMain .theuny__topLineup ul.theuny__category li.w2_jamp span,
.theuny__navigation ul.theuny__category li.w2_jamp span{display:block; margin-top:10px; font-size:12px!important; letter-spacing:0;}

.theuny__pageCategory .theuny__pageCategoryLineup ul li.theuny__gourmet a.new_window,
.theuny__topMain .theuny__topLineup ul.theuny__category > li.theuny__gourmet > a.new_window,
.theuny__navigation ul.theuny__category > li.theuny__gourmet > a.new_window{
background-image:url(/img/icon/2024/icon_gourmet.png),url(/img/icon/2024/icon-new_window.png);
background-size:20px auto,24px auto;
background-repeat:no-repeat;
background-position:left center,right 5px center;
}

.theuny__pageCategory .theuny__pageCategoryLineup ul li.theuny__food a.new_window,
.theuny__topMain .theuny__topLineup ul.theuny__category > li.theuny__food > a.new_window,
.theuny__navigation ul.theuny__category > li.theuny__food > a.new_window{
background-image:url(/img/icon/2024/icon_food.png),url(/img/icon/2024/icon-new_window.png);
background-size:20px auto,24px auto;
background-repeat:no-repeat;
background-position:left center,right 5px center;
}

.theuny__pageCategory .theuny__pageCategoryLineup ul li.theuny__living a.new_window,
.theuny__topMain .theuny__topLineup ul.theuny__category > li.theuny__living > a.new_window,
.theuny__navigation ul.theuny__category > li.theuny__living > a.new_window{
background-image:url(/img/icon/2024/icon_living.png),url(/img/icon/2024/icon-new_window.png);
background-size:20px auto,24px auto;
background-repeat:no-repeat;
background-position:left center,right 5px center;
}

.theuny__pageCategory .theuny__pageCategoryLineup ul li.theuny__fashion a.new_window,
.theuny__topMain .theuny__topLineup ul.theuny__category > li.theuny__fashion > a.new_window,
.theuny__navigation ul.theuny__category > li.theuny__fashion > a.new_window{
background-image:url(/img/icon/2024/icon_fashion.png),url(/img/icon/2024/icon-new_window.png);
background-size:20px auto,24px auto;
background-repeat:no-repeat;
background-position:left center,right 5px center;
}

.theuny__pageCategory .theuny__pageCategoryLineup ul li.theuny__membership a.new_window,
.theuny__topMain .theuny__topLineup ul.theuny__category > li.theuny__membership > a.new_window,
.theuny__navigation ul.theuny__category > li.theuny__membership > a.new_window{
background-image:url(/img/icon/2024/icon_membership.png),url(/img/icon/2024/icon-new_window.png);
background-size:20px auto,24px auto;
background-repeat:no-repeat;
background-position:left center,right 5px center;
}



/*-------------------------------------------------------

　　　　　　　サブコンテンツ 共通パーツ ここから　　　　　　　　　

-------------------------------------------------------*/
#sub-contents{
	position: relative;
	padding:15px;
	text-align:left;
	font-size:16px;
	line-height: normal;
	}

#sub-contents img {
	margin:10px 0;
}

#sub-contents h1 {
	font-size:32px;
	display:block;
	margin-bottom:30px;
	font-weight:normal;
}

#sub-contents h2 {
	font-size:1.15rem;
	display:block;
	margin-bottom:20px;
	padding-bottom: 5px;
	border-bottom:solid 2px #000;
	font-weight:normal;
}

#sub-contents h2.no-border,
.guide-contents h2.no-border {
	font-size:1.15rem;
	display:block;
	margin-bottom:20px;
	border-bottom:none;
	font-weight:bold;
}

#sub-contents h3 {
	font-size: 1.1rem;
	display:block;
	padding:10px 0;
	font-weight:bold;
}

#sub-contents h4 {
	font-size:1rem;
	display:block;
	padding:10px 0;
	font-weight:bold;
}


#sub-contents p {
	padding:5px 0 15px;
	font-size:16px;
}

#sub-contents ol {
	margin-left:1.5em;
}

#sub-contents ol ul {
	margin-top:10px;
}


#sub-contents ul li,#sub-contents ol li {
	font-size:16px !important;
	padding:5px 0;
}

#sub-contents ul li {
	margin-left:1.5em;
	font-size:16px !important;
	list-style:disc;
	}

/*　バナー縦一列 20240111追加　*/
.category_item_center {
	display: block;
	text-align: center;
}

.category_item_center img{
	width: 90%;
	margin-bottom: 10px !important;
}

/*　テキストデザイン 20230802追加　*/
.ttl_heading01{
        font-size: 1.7rem;
        font-weight: normal;
        text-align: center;
        border-bottom: none !important;
    }

.ttl_heading01:after{
        content: "";
        width: 15%;
        height: 3px;
        background-color: #333;
        display: block;
        margin: 0 auto;
    }

/*　テキストリンク　デザイン　*/
#sub-contents .linktxt ul{
	margin-bottom:60px;
	font-size:16px;
}

.linktxt a:before,.forgotpass_ a:before{
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid #1652ad;
    border-right: 2px solid #1652ad;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.linktxt a,.forgotpass_ a{
	position:relative;
	display:block;
	padding:0.5em 0 0.5em 1em;
	font-size:16px;
	text-decoration: underline !important;
	}

/*　内部リンク　位置調整　*/

.internal-link_top-margin {
	position: relative;
	top: -70px;
	display: block;
}

/*　インデント「※」　*/
.notes{
	margin-left:1em;
	text-indent:-1em;
	font-size:14px !important;
	display:inline-block;
	}

.notes::before{
	content: "※";
}

/*.notes:first-letter{
	margin-left: -1.3em;
}
*/

/*　「必須」　*/
.note-required::after{
	margin-left:0.5em;
	content:"必須";
	background-color:#cc0000;
	padding:2px 10px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	vertical-align: text-top;
}


/*ボタン*/
a.btn-black {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size:140%;
  text-decoration: none;
  color: #fff !important;
  background: #000;
  padding: 15px 0;
  margin:15px 0;
  text-align:center;
  letter-spacing:0.1em;

}

a.btn-white {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size:140%;
  text-decoration: none !important;
  color: #000 !important;
  background: #fff;
  padding: 15px 0;
  margin:15px 0;
  border:solid 2px #000;
  text-align:center;
  letter-spacing:0.1em;
}

a.btn-white_s {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  color: #000 !important;
  background: #fff;
  padding: 15px 0;
  margin:10px auto 0 !important;
  border:solid 1px #000;
  text-align:center;
  font-size:90%;
  transition: background 1s;
}

a:hover.btn-white_s {
	color:#fff !important;
	background-color: #000;
}

a.btn-orange {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size:140%;
  text-decoration: none;
  color: #fff !important;
  background: #ff9000;
  padding: 15px 0;
  margin:15px 0;
  text-align:center;
  letter-spacing:0.1em;
}


a.btn-black::after,a.btn-orange::after {
	content: "";
	position: absolute;
	display: block;
	top: 42%;
	right: 20px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.btn-white::after{
	content: "";
	position: absolute;
	display: block;
	top: 42%;
	right: 20px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.btn-white_s::after{
	content: "";
	position: absolute;
	display: block;
	top: 40%;
	right: 12px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a:hover.btn-white_s::after{
	content: "　";
	position: absolute;
	display: block;
	top: 40%;
	right: 12px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*　1カラム グレーボタン　ここから 20230802追加　*/
ul.btn-1col_list_gray,
ul.btn-1col_list_gray_arrow {
    display: flex;
    justify-content: center;
	align-items: center;
    flex-wrap: wrap;
	flex-flow: column;
    gap: 15px;
    margin: 30px 0;
      }

ul.btn-1col_list_gray li,
ul.btn-1col_list_gray_arrow li{
    width: 95%;
	list-style: none !important;
	margin-left: 0 !important;
      }

ul.btn-1col_list_gray_arrow li{
    text-align: left;
      }

ul.btn-1col_list_gray li{
    text-align: center;
      }

ul.btn-1col_list_gray a,
ul.btn-1col_list_gray_arrow a{
    display: block;
    position: relative;
    padding: 30px 15px;
    text-decoration: none;
    color: #333;
    background: #f2f2f2;
      }

/*矢印あり*/
ul.btn-1col_list_gray_arrow a::after{
    content: "　";
    position: absolute;
    top: 46%;
    right: 5%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
      }

/*　1カラム グレーボタン　ここまで　*/

/*　2カラム ボタン　ここから　*/
ul.btn-2col_list_white,
ul.btn-2col_list_white_arrow,
ul.btn-2col_list_arrow{
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
      }
/*白*/
ul.btn-2col_list_white li,
ul.btn-2col_list_white_arrow li{
  position: relative;
  width: calc((100% - 12px) / 2);
  border: 1px solid #000;
  margin: 8px 0!important;
  text-decoration-line: none;
  list-style: none !important;
  background-color: #fff;
}

ul.btn-2col_list_white li{
    text-align: center;
      }

ul.btn-2col_list_white a,
ul.btn-2col_list_white_arrow a{
  display: block;
  padding: 15px!important;
  box-sizing: border-box;
  color: #000;
  font-size: 0.8rem;
      }

/*矢印あり*/
ul.btn-2col_list_white_arrow li,
ul.btn-2col_list_arrow li{
    text-align: left;
      }

ul.btn-2col_list_white_arrow a::after{
    content: "　";
    position: absolute;
    top: 45%;
    right: 8%;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
      }


/*色なし リスト*/
ul.btn-2col_list_arrow li{
  position: relative;
  width: calc((100% - 12px) / 2);
  margin: 8px 0!important;
  text-decoration-line: none;
  display: inline-block;
}

ul.btn-2col_list_arrow li a{
  display: block;
box-sizing: border-box;
  color: #fff;
  font-size: 0.8rem;
  padding: 15px!important;
      }


/*矢印あり*/
ul.btn-2col_list_white_arrow li,
ul.btn-2col_list_arrow li{
    text-align: left;
      }

ul.btn-2col_list_arrow a::after{
    content: "　";
    position: absolute;
    top: 45%;
    right: 8%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
      }

/*  単色カラム 各色  */ 
/*  ブルー  */ 
li.bg-blue{ background-color: #0088e8; }
li.bg-blue:hover{
    background-color: #076196;
    transition: background 1s;
	color: #fff !important;
      }
/*  オレンジ  */ 
li.bg-ore{ background-color: #ec5b02;}
li.bg-ore:hover{
    background-color: #ab4304;
    transition: background 1s;
	color: #fff !important;
      }
/*  ピンク  */ 
li.bg-pink{ background-color: #e276a7;}
li.bg-pink:hover{
    background-color: #b85d8b;
    transition: background 1s;
	color: #fff !important;
      }
/*  スカイ  */ 
li.bg-sky{ background-color: #6eb5e9;}
li.bg-sky:hover{
    background-color: #578db5;
    transition: background 1s;
	color: #fff !important;
      }
/*  グリーン  */ 
li.bg-gre{ background-color: #9ccf96;}
li.bg-gre:hover{
    background-color: #80a67c;
    transition: background 1s;
	color: #fff !important;
      }

/*　2カラム ボタン　ここまで　*/

/*　テーブルレイアウト　*/

#sub-contents table{
	border-collapse: collapse;
}

#sub-contents th {
	border: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
}

#sub-contents td {
	border: #e3e3e3 1px solid;
	background-color: #fff;
	text-align: left;
	padding: 10px;
}


/*　下向き矢印　ここから　*/
.arrow-bottom {
	position:relative;
	display: inline-block;
	vertical-align:middle;
}

.arrow-bottom::after{
	position:absolute;
	content: '';
    width: 6px;
    height: 6px;
	top:5px;
	right:-1.5em;
    margin: 0 0 0 15px;
    border-right: 2px solid #1652ad;
    border-bottom: 2px solid #1652ad;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*　下向き矢印　ここまで　*/


/*　ページトップ　*/

.pagetop{
    position: fixed;
    /*bottom: 11%;*/
    /*right: 1%;*/
	bottom: 10%;
    right: 15px;
    cursor: pointer;
    height: 30px;
    width: 30px;
    background-color: #000;
    }

a.pagetop{
	color:#fff;
	padding:15px 8px 0;
	text-align:center;
	line-height:1.25;
	font-weight:bold;
}

.pagetop::after {
    content: "";
    position: absolute;
    top: 40%;
    left: 33%;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*　ページトップ　ここまで　*/

/*　ポップアップ　*/

.popup{
    position: fixed;
    bottom: 0;
	filter: drop-shadow(0 0 4px #999) ;
    z-index: 3;
	transition: .3s;
}

.popup img{
	width:80%;
	display: block;
	margin-left: 20%;
}
.popup:hover{
	filter: drop-shadow(0 0 2px #999) ;
}

/*　ポップアップここまで　*/



/*-------------------------------------------------------

　　　　　　　サブコンテンツ　共通パーツ ここまで　　　　　　　　　

-------------------------------------------------------*/

/*-------------------------------------------------------

　　　　　　　フォーム　ここから　

-------------------------------------------------------*/

#entry-form dl dt{
	font-size:20px;
	display:block;
	padding:10px 0;
	font-weight:bold;
}

#entry-form dd li{
	list-style:none;
}

#entry-form dl p{
	font-size:14px;
	margin:0;
	padding:0;
}

#entry-form dd{
	margin-bottom:2em;
}

#entry-form .item-name{
	vertical-align: super;
}

#entry-form .item{
	width:90%;
	padding:8px;
	vertical-align: super;
}

#entry-form .item-name-2col{
	vertical-align: super;
}

#entry-form .item-2col{
	width:80%;
	padding:8px;
	margin-bottom:1.5em;
	vertical-align: super;
}

/*　ボタン（フォーム用）　*/

.btn-wrap,.btn-wrap-notxt,.btn-wrap-white{
	position: relative;
	width:100%;
	text-align:center;
	}

.btn-wrap::after {
	content: "";
	position: absolute;
	display: block;
	top: 55%;
	left: 80%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*.btn-wrap-notxt::after {
	content: "";
	position: absolute;
	display: block;
	top: 30%;
	left: 80%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}*/

input.form-btn-black {
	width:100%;
	font-size:120%;
	color: #fff;
	background: #000;
	padding: 20px;
	border:none;
	margin-bottom:15px;
	font-weight:bold;
	letter-spacing: 0.1em;
}


input.form-btn-white_s {
	width:100%;
	font-size:120%;
	color: #000;
	background: #fff;
	padding: 10px;
	border:solid 2px #000;
	font-weight:bold;
	letter-spacing: 0.1em;
}


input.form-btn-orange {
	width:100%;
	font-size:140%;
	color: #fff;
	background: #ff9000;
	padding: 15px;
	border:none;
	margin-bottom:15px;
	font-weight:bold;
	letter-spacing: 0.1em;
}

input.form-btn-gray {
	width:100%;
	font-size:140%;
	color: #fff;
	background: #999;
	padding: 15px;
	border:none;
	margin-bottom:15px;
	font-weight:bold;
	letter-spacing: 0.1em;
}


/*-------------------------------------------------------

　　　　　　　フォーム　ここまで　

-------------------------------------------------------*/

/*-------------------------------------------------------

　　　　　　　領収書確認　ここから　

-------------------------------------------------------*/

#receipt_user-name {
	font-size: 28px !important;
}

#receipt_block_order-number{
	padding:15px;
	background-color:#f7f7f7;
}

#receipt_block_order-number .item{
	font-size:120%;
	margin-top:10px;
}

#receipt_block_order-number .text{
	font-size:180%;
}


div#sp_myReceiptCon {
	max-width: 100%;
	padding:50px 20px;
    border: 1px solid #cccccc;
}

.receipt-l {
	width:40%;
	float:left;
}

.receipt-l img {
	margin:0 !important;
}

.receipt-r {
	text-align:right;
	vertical-align:baseline;
}


div#sp_myReceiptCon div.myReceiptConTit {
    font-size: 2.5em !important;
    border-bottom: 2px solid #000000;
    text-align: center;
    margin-top: 49px;
}

div#sp_myReceiptCon div.myReceiptConName div.dModLayCol2 {
    border-bottom: 1px solid #cccccc;
    width: 80%;
    margin-top: 45px;
	padding:0 2em;
	box-sizing:border-box;
}

.dModLayCol2 {
    margin: 0 auto;
}

div#sp_myReceiptCon div.myReceiptConName div.dModLayCol2 div.dModLayColR {
    width: 105px;
}

div#sp_myReceiptCon div.dModLayCol2 div.dModLayColR {
    text-align: right;
}

div#sp_myReceiptCon table td {
    text-align: right;
}

div#sp_myReceiptCon p.myReceiptConHow {
    margin: 20px 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
}

div#sp_myReceiptCon p.myReceiptConSome {
    min-height: 105px;
    height: auto !important;
}

div#sp_myReceiptCon div.myReceiptConAbout {
    border-top: 1px solid #cccccc;
    padding-top: 20px;
    text-align: right;
    line-height: 1.5em;
}

table .price_reduced-tax{
	float:right;
}

.price_reduced-tax td{
	border:0 !important;
	font-size:12px !important;
	padding:2px 0 0 !important;
}

.price_reduced-tax td.taisyo{
	text-align:left;
}

.price_reduced-tax td.kingaku{
	padding-left:1em !important;
}




/*-------------------------------------------------------

　　　　　　　領収書確認　ここまで　

-------------------------------------------------------*/

/*-------------------------------------------------------

　　　　＜共通＞商品一覧　画像2カラム　ここから　
　　　カテゴリ/イベント/ジャンル/モール/商品検索　
-------------------------------------------------------*/
/*パンくず調整　商品ページ*/
#sub-contents .navitopicpath_ { padding: 0 !important;}
/*パンくず調整　1カラムページ（お問い合わせなど）*/
.contact_.col1_ .guide-pan {padding-left: 15px;}

#sub-contents ul.product-list {
	max-width:100%;
	display: flex;
	flex-wrap: wrap;
	}

#sub-contents ul.product-list img {
	width:100%;
}

#sub-contents ul.product-list li{
	display:block;
	width:48%;
	margin:2% 0;
	color:#000;
	font-size: 100% !important;
}

#sub-contents ul.product-list li:nth-child(odd){
	margin-right:4%;
}

#sub-contents ul.product-list li a {
	color:#000;

}

#sub-contents ul.product-list li a .price {
	/*font-weight:bold;*/
	font-size: 14px !important;
}

#sub-contents ul.product-list li a:hover{
	opacity:0.75;
}


.navi-page{
	margin: 0 10px;
    text-align: right;
}

.navi-page_sum{
	margin-bottom:5px;
}

.navi-page a {
    white-space: nowrap;
    padding: 0.1em 0.5em;
    display: inline-block;
    background-color: #FFFEFF;
	color:#000 !important;
    border: none;
    line-height: 20px;
}

.navi-page_now {
    padding: 0.1em 0.5em;
    display: inline-block;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #000;
    border: none;
}

#sub-contents .navi-page_next img,
#sub-contents .navi-page_last img{
	margin:0;
	vertical-align:middle;
	}



/*-------------------------------------------------------

　　　　＜共通＞商品一覧　画像2カラム　ここまで

-------------------------------------------------------*/

/*-------------------------------------------------------

　　　　　　　商品詳細ページ　ここから　

-------------------------------------------------------*/
.parts p img {
    vertical-align: middle;
}

#sub-contents-product .parts,
.stock-box,
.tentou-box,
.wrapping-box,
.stock-box,
.syukka-box,
.sns,
.review {
	margin-bottom:20px;
	}

#sub-contents-product .name {
	font-size:180% !important;
	margin-bottom:20px;
}

#sub-contents-product .price-box {
	display:block;
	line-height:1.3;
	margin-bottom:20px;

}

#sub-contents-product .price,
#sub-contents-product .price b {
	font-size:16px !important;
	color:#cc0000;
}

#sub-contents-product .price-note {
	font-size:20.8px !important;
	color:#cc0000;
	font-weight:bold;
}

#sub-contents-product .price span:not(.js-enhanced-ecommerce-goods-price) {
	font-size:240% !important;
	font-weight:bold;
	color:#cc0000;
}


#sub-contents-product .parts-name {
	font-size:16px;
	font-weight:bold;
}

#sub-contents-product .parts h1 {
	font-weight:normal;
	font-size:16px;
}

/*カラー*/
.color-select {
  height: 54px;
  width: 54px;
  text-align: center;
  display: inline-block;
  margin: 0;
  border: solid 2px #000;
  position: relative;
}

.color-select:after{
  content: "";
  border: solid 3px #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
}

.color-select img,.color-disable-stock img{
	margin:0 !important;
	padding:0;
}

.disable-stock {
    background-color: #fff;
    cursor: pointer;
}

/*サイズ*/
.size-select{
	background-color: #000 !important;
    border: 1px solid #000 !important;
    color: #FFFFFF;
}

.size-select a{
	color:#fff !important;
	text-decoration:none !important;
}

.size-enable-stock{
	border: solid 1px #000;
    background-color: #FFF;
	color:#000;
    cursor: pointer;
}

.size-enable-stock a{
	color:#000 !important;
	text-decoration:none !important;
}

/*在庫・店舗受取*/

.tentou-box{
	clear:both;
	box-sizing:border-box;
}

.stock-box .zaiko,
.tentou-box .tentou{
	text-align:left;
	float:left;
	margin:0 !important;
	padding:0px !important;
	font-size:16px;
	}

.wrapping-box{
	clear:both;
	overflow:hidden;
}

.wrapping-box img{
	float:left
}

div.stock-box .zaiko-list,
div.tentou-box .tentou-list{
	position:relative;
	text-align:right;
	padding:7px 12px 0;
	margin:0;
	font-size:16px;
}

div.stock-box .zaiko-list a,
div.tentou-box .tentou-list a{
	color:#000;
	/*border-bottom: 1px solid;*/
}

div.stock-box .zaiko-list::after,
div.tentou-box .tentou-list::after {
	content: "";
	position: absolute;
	display: block;
	/*top:14px;*/
	top:16px;
	right:0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tentou img{
	margin:0 !important;
}


/*カートエリア*/
.product-cart-box {
	display: flex;
	width:100%;
}

.product-cart-btn {
	width:80%;
}

.product-cart-btn img{
	margin:0 !important;
	height:60px;
}

/*お気に入り*/
.product-favorite {
	width:15%;
	margin-left:5%;
}

.product-favorite img {
	margin: 0 !important;
}

/*矢印付きテキストリンク（黒　*/
.contact-txt-black {
	position:relative;
	margin:0 auto;
	font-size:14px;
	width:340px;
    /*border-bottom: 1px solid;*/
}

.contact-txt-black a{
	color:#000 !important;
}

.contact-txt-black::after {
	content: "";
	position: absolute;
	display: block;
	top:7px;
	/*right:1em;*/
	right:5px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*出荷期間　*/
.syukka-box img {
	padding-right:2%;
}

.syukka-box img:last-child {
	padding-right:0;
}

/*レビュー*/
.review-star {
	font-size:240% !important;
}

.review-ttl,.review-name {
	font-size:16px;
	font-weight:bold;
}

.review-more {
	text-align:right;
	font-size:16px;
}

.review-more a {
	padding:5px;
	color:#000 !important;
}

/*拡張項目　カラー*/
.color_k{
	display: flex;
	flex-wrap: wrap;
}
.color_k a{
	width:50px;
	display: flex;
	flex-direction:column;
	padding: 0px 5px;
}
/*SNS　*/
.sns #twitter-widget-0{
	padding-left:20px;
}


/*-------------------------------------------------------

　　　　　　　商品詳細ページ　ここまで　

-------------------------------------------------------*/

/*-------------------------------------------------------

　　　　　　　ご利用ガイド　ここから　

-------------------------------------------------------*/
/*　パンくず　*/

.guide-pan{
	padding: 0;
    margin: 0 0 10px;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em;
}

.guide-pan a{
	color: #474645;
}

/*　カテゴリー　*/

.category-list-box {
	display:flex;
	flex-wrap: wrap;
	position:relative;
}

.category-list {
	width:96%;
	margin:1%;
	padding:15px;
	border:1px solid #000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.category-list a {
	position: relative;
	display: block;
	color:#000;
}

.category-list dt {
	padding:8px 0;
	font-size:18px;
}

.category-list dd {
	padding:5px 0;
}

.category-list a:hover,
.category-list dd a:hover{
	color:#1652ad !important;

	}

.category-list dt a::after,
.category-list dd a::after{
	content: "　";
	position: absolute;
	display: block;
	right: .2em;
	top: 36%;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*　アイコン　*/

.category-list dt a.guide-icon01::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -6px 5px 0 0;
	background: url("../img/guide-icon01.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.category-list dt a.guide-icon02::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -6px 5px 0 0;
	background: url("../img/guide-icon02.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.category-list dt a.guide-icon03::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -6px 5px 0 0;
	background: url("../img/guide-icon03.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.category-list dt a.guide-icon04::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -6px 5px 0 0;
	background: url("../img/guide-icon04.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.guide-contents{
	}

.guide-contents .btn-white,
.guide-contents h2.no-border {
	margin:15px;
}

.guide-contents a{
	display:block;
	color:#000;
	padding:15px;
}


.guide-contents li{
	position:relative;
	border-bottom:#e3e3e3 1px solid;
	font-size:16px;
}

.guide-contents li:first-child{
	border-top:#e3e3e3 1px solid;
}

.guide-contents li::after{
	content: "　";
	position: absolute;
	display: block;
	right: 15px;
	top: 45%;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*　アコーディオン　*/

.acd-check{
    display: none;
}
.acd-label{
	position:relative;
	display: block;
    color: #333;
	padding : 1em 2.5em 1em 1em;
	border-bottom: 1px solid #e3e3e3;
	/*border: 1px solid #e3e3e3;
	background-color: #f9f9f9;*/
}

.acd-label::before,
.acd-label::after {
	content: '';
	/*
    width: 6px;
    height: 6px;
  	border-bottom: solid 2px #333;
  	border-right: solid 2px #333;
  	-ms-transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
  	position: absolute;
  	top: 50%;
	right:15px;
  	margin-top: -4px;
	*/
	position: absolute;
	right: 1.25em;
	top: 1.25em;
	width: 2px;
	height: 0.9em;
	background-color: #999;
	transition: all 0.3s;
}
.acd-label::before {
	transform: rotate(90deg);
}

.acd-label a{
	color: #333 !important;
}

.acd-content{
    border-bottom: 1px solid #e3e3e3;
	/*width:95%;*/
    height: 0;
    opacity: 0;
    padding: 0 10px;
    /*transition: .5s;*/
    visibility: hidden;
}

.acd-content p{
	font-size:15px !important;
	padding:0.5em 0;
 }

.acd-content p a{
	display:contents;
	color: #1652ad;
}

/*20230801 コメントアウト*/
/*.acd-content .linktxt a:before,
.acd-content .linktxt a:after{
	content: "";*/
	/*
	position: absolute;
	top: 15px;
	left: 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid #1652ad;
    border-right: 2px solid #1652ad;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	*/
/*	position: absolute;
	right: 1.25em;
	top: 1.25em;
	width: 2px;
	height: 0.9em;
	background-color: #999;
	transition: all 0.3s;
}*/

.acd-content .linktxt a:after{
	transform: rotate(90deg);
}

.acd-content .linktxt a{
	position:relative;
	display:block;
	padding:0.5em 0 0 1em;
	font-size:16px;
}

.acd-content ul {
	margin-bottom:8px;
}

.acd-content ul li{
	font-size:14px !important;
	list-style:disc !important;
	margin-left:2.5em;
}

.acd-content p {
	margin: 0 1em;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

.acd-check:checked + .acd-label::before,
.acd-check:checked + .acd-label::after{
	content: ' ';
	/*
    width: 6px;
    height: 6px;
  	border-bottom: solid 2px #333;
  	border-right: solid 2px #333;
  	-ms-transform: rotate(225deg);
  	-webkit-transform: rotate(225deg);
  	transform: rotate(225deg);
  	position: absolute;
  	top: 45%;
	right:15px;
  	margin-top: -4px;
	*/
	position: absolute;
	right: 1.25em;
	top: 1.25em;
	width: 2px;
	height: 0.9em;
	background-color: #999;
	transition: all 0.3s;
}
.acd-check:checked + .acd-label::after{
	transform: rotate(90deg);
}

/*アコーディオン　スマホhover時の挙動テスト*/
/******* メディアクエリ での制御 *******/
/*
.color-yellow{
	background-color: rgb(254, 255, 242);
}
.color-red{
	background-color: rgb(255, 242, 242);
}
.color-blue{
	background-color: rgb(240, 246, 255);
}
.color-green{
	background-color: rgb(242, 255, 243);
}
*/
/* :hoverが使える端末を想定 */
@media (hover: hover) {
	.color-yellow:hover {
	  background-image: linear-gradient(#fcfced 0%, #fdfdfd 100%);
	  /*box-shadow: 1px 4px 2px rgba(0, 0, 0, .3);*/
	  /*transform: translateY(-2px);*/
	}
	.color-red:hover {
	  background-image: linear-gradient(#ffedea 0%, #fdfdfd 100%);
	  /*box-shadow: 1px 4px 2px rgba(0, 0, 0, .3);
	  transform: translateY(-2px);*/
	}
	.color-blue:hover {
	  background-image: linear-gradient(#eaf3ff 0%, #fdfdfd 100%);
	  /*box-shadow: 1px 4px 2px rgba(0, 0, 0, .3);
	  transform: translateY(-2px);*/
	}
	.color-green:hover {
		background-image: linear-gradient(#f3ffea 0%, #fdfdfd 100%);
	  /*box-shadow: 1px 4px 2px rgba(0, 0, 0, .3);
	  transform: translateY(-2px);*/
	}
  }
  /* :hoverが使えない端末を想定 */
  @media (hover: none) {
	.color-yellow:hover {
		background-image: linear-gradient(#fcfced 0%, #fdfdfd 100%);
		box-shadow: 1px 4px 2px rgba(0, 0, 0, .3);
		transform: translateY(-2px);
	  }
	  .color-red:hover {
		background-image: linear-gradient(#ffedea 0%, #fdfdfd 100%);
		box-shadow: 1px 4px 2px rgba(0, 0, 0, .3);
		transform: translateY(-2px);
	  }
	  .color-blue:hover {
		background-image: linear-gradient(#eaf3ff 0%, #fdfdfd 100%);
		box-shadow: 1px 4px 2px rgba(0, 0, 0, .3);
		transform: translateY(-2px);
	  }
	  .color-green:hover {
		  background-image: linear-gradient(#f3ffea 0%, #fdfdfd 100%);
		  box-shadow: 1px 4px 2px rgba(0, 0, 0, .3);
		  transform: translateY(-2px);
	  }
	}

/*　アコーディオン　ここまで　*/

/*アコーディオン「もっと見る」ここから 20230801追加*/

.acd-check_more{
    display: none;
}
.acd-label_more{
	position:relative;
	display: block;
    color: #333;
	padding : 1em 2.5em 1em 1em;
	text-align: right;
}

.acd-label_more::before,
.acd-label_more::after {
	content: '';
	position: absolute;
	right: 1.25em;
	top: 1.25em;
	width: 2px;
	height: 0.9em;
	background-color: #999;
	transition: all 0.3s;
}
.acd-label_more::before {
	transform: rotate(90deg);
}

.acd-label_more a{
	color: #333 !important;
}

.acd-content_more{
    height: 0;
    opacity: 0;
    padding: 0 10px;
/*    transition: .5s;*/
    visibility: hidden;
}

.acd-content_more p{
	font-size:15px !important;
	padding:0.5em 0;
 }

.acd-content_more p a{
	display:contents;
	/*color: #1652ad;*/
	color: #333;
}

.acd-content_more .linktxt a:after{
	transform: rotate(90deg);
}

.acd-content_more .linktxt a{
	position:relative;
	display:block;
	padding:0.5em 0 0 1em;
	font-size:16px;
}

.acd-content_more ul {
	margin-bottom:8px;
}

.acd-content_more ul li{
	font-size:14px !important;
	list-style:disc !important;
	margin-left:2.5em;
}

.acd-content_more p {
	margin: 0 1em;
}

.acd-check_more:checked + .acd-label_more + .acd-content_more{
    height: auto;
    opacity: 1;
    padding: 0px;
    visibility: visible;
}

.acd-check_more:checked + .acd-label_more::before,
.acd-check_more:checked + .acd-label_more::after{
	content: ' ';
	position: absolute;
	right: 1.25em;
	top: 1.25em;
	width: 2px;
	height: 0.9em;
	background-color: #999;
	transition: all 0.3s;
}
.acd-check_more:checked + .acd-label_more::after{
	transform: rotate(90deg);
}

/*アコーディオン「もっと見る」ここまで*/

/*-------------------------------------------------------

　　　　　　　ご利用ガイド　ここまで　

-------------------------------------------------------*/

/*-------------------------------------------------------

　　　　　　　マイページ　ここから　

-------------------------------------------------------*/

#mypage-name {
	padding:0 15px 15px;
	font-size:160% !important;
	font-weight:bold;
	border-bottom:1px solid #f2f2f2;
}

#mypage-name .shop{
	font-weight:normal;
}


#mypage-list ul li{
	position:relative;
	padding:15px;
	border-bottom:1px solid #f2f2f2;
}

#mypage-list ul li ul li{
	padding:15px 15px 0;
	border-bottom:none;
}


#mypage-list ul li.category{
	font-weight:bold;
	background-color:#f2f2f2;
}

#mypage-list ul li.logout{
	border-top:8px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
}

#mypage-list ul li a{
	color:#000;
}

#mypage-list ul li a::after{
	content: "";
	position: absolute;
	display: block;
	right: 15px;
	top:45%;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


#mypage-list ul li a.icon-cart::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-cart.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}

#mypage-list ul li a.icon-history::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-history.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}

#mypage-list ul li a.icon-favorite::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-favorite.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}
#mypage-list ul li a.icon-add-new::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-add-new.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}

.icon-add-change::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-add-change.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}

#mypage-list ul li a.icon-login::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-login.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}

#mypage-list ul li a.icon-mlad::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-mlad.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}

#mypage-list ul li a.icon-pw::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-pw.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}

#mypage-list ul li a.icon-mlmg::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-mlmg.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}

#mypage-list ul li a.icon-withdraw::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-withdraw.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}

#mypage-list ul li a.icon-guide::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-guide.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}

#mypage-list ul li a.icon-contact::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-contact.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}

#mypage-list ul li a.icon-logout::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2% 0 0;
	background: url("../img/icon/icon-logout.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}



/*-------------------------------------------------------

　　　　　　　マイページ　ここまで　

-------------------------------------------------------*/