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

/* ————————————————————————————————————————————————————————————————————————————————— 

　ベース

————————————————————————————————————————————————————————————————————————————————— */

* {margin: 0;padding:0 ;font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; box-sizing:border-box;}
body { font-size:13px; box-sizing:border-box !important; color:#000000; line-height:140%;}
a, #home #nav_footer a  { color:#259D2E; text-decoration:none; }
footer a { color:#000000; display: inline-block; margin-right: 15px;}

img {width:100%; height: auto;}
p {word-wrap:break-word; line-height:145%;}
#wrapper { overflow:hidden;}

main input[type="text"],  select { display:block;  padding: 0.65rem; border-radius:5px; box-sizing:border-box; font-size : 1rem; border : 1px solid #ccc; font-weight:normal;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);}
label > span { font-size: 0.9rem;display: block;margin-bottom: 0.25rem;}
#check_buy_only label > span { margin-bottom:0; line-height: 145%;}

select, label, input[type="radio"] { cursor:pointer;}
.box_content { margin-bottom:3rem;}


.caption { font-size:0.7rem;}
.max-width { max-width: 77.5rem}

.br_point{ display:block; line-height: inherit;font-size: 0.8rem;padding-left: 1.25rem;}
.br_point.reset{ display:inline; padding-left: 0;}
#home .br_point{ line-height: 240%; padding-left:0;}

select,
select option{
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
	box-shadow: none;
}
select::-ms-expand {display: none;}

.br-mobile,
.br-tablet,
.br-pc {
	display: block;
}


.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column}
.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap}

.flex-start {
	justyify-content:flex-start;	
}
.flex-end {
	justify-content: flex-end;
}
.flex-between {
	justify-content: space-between;
}
.flex-center {
	justify-content: center;
}
.flex-all-center {
	/*height: 100%;*/
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	-ms-flex-direction:column; /*IE10*/
	-webkit-flex-direction:column; /*old webkit browser*/
	
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	-webkit-justify-content: center;     /* Safari etc. */
  -ms-justify-content    : center;     /* IE10        */
	
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
	-webkit-box-align: center;
	-ms-flex-align: center;
}
.flex-v-center {
	/*height: 100%;*/
	flex-direction: column;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
}

/* ————————————————————————————————————————————————————————————————————————————————— 

　モジュール

————————————————————————————————————————————————————————————————————————————————— */
.order-number {
	padding: 1rem;
  border: 3px solid #FFF100;
	text-align: center !important;
}
.order-number strong {
	display: inline-block;
}






/* ————————————————————————————————————————————————————————————————————————————————— 

　ボタン

————————————————————————————————————————————————————————————————————————————————— */
button{cursor:pointer;}
[class*="btn_"] > a { display:block; position:relative;padding: .75rem 0; text-decoration:none; text-align:center; border-radius:0;}
[class*="btn_"] > a > i { position: absolute; right: 0.75rem; bottom: 0; top: 0.9rem;}

.btn_choose { margin-top:0.75rem;}
.btn_choose > a { background-color: #E9300E; padding: 0.75rem 0.25rem 0.75rem 0 ; color:#FFF; font-size:0.85rem;border: 1px solid #E9300E;}
header.nologin + main .btn_choose > a { background-color:#259D2E}
#detail header.nologin + main .btn_choose > a { background-color:#C50000}

.btn_choose.btn_disabled > a,
.header_inner_down .cart_side_checkout_btn_area .btn_disabled a {border: 1px solid #999;background-color: #999; cursor:default;}
.btn_choose.btn_disabled > a:hover { opacity: 1;}
.btn_choose > a::after { font-family: 'FontAwesome'; content: "\f054"; position: absolute; right: 0.6rem; /*top: 50%; margin-top: -8px;*/ font-size:0.8rem; color:#fff;}
.btn_choose > a i { top:0.85rem; right:0.6rem;}

.confirm .btn-group {
	flex-direction: row-reverse;
}

.btn_more { padding-bottom:2rem; margin-bottom:0;}
.btn_back { padding-top:0.75rem; padding-bottom:2rem; margin-bottom:0;}


.btn_home > a,
.btn_back > a,
.btn_more > a { background-color: #fff; color:#333; border: 1px solid #333; font-weight: 600; transition: all .2s; }
.btn_back > a:hover,
.btn_more > a:hover { color: #333; background-color: #fff; }
.btn_home > a::after,
.btn_back > a::after { font-family: 'FontAwesome'; content: "\f053"; position: absolute;top: 45%;  right:auto; left:0.6rem;  margin-top: -8px; font-size:0.8rem;}
i.fa-angle-right,
i.fa-exclamation-triangle { margin-right:0.35rem;}


/* ————————————————————————————————————————————————————————————————————————————————— 

　見出し

————————————————————————————————————————————————————————————————————————————————— */

h2, h3, h4 { font-size:1rem; line-height:140%;}

.exchange main > .title_lg { position:relative; 
	border-bottom: 1px solid #EBEBEB; 
	padding:0.7rem 0 0.7rem 0;
}
.exchange.header-rock main > .title_lg,
#list.exchange main > .title_lg{  
	margin-top: 10rem;
}
#confirm.exchange main > .title_lg, 
#amzn_cart.exchange main > .title_lg,
#confirm > .title_lg{
	margin-bottom: .5rem;
}
#amzn_cart.confirm .title_lg,
#confirm .title_lg {
	margin-top: 8.5rem;
}
#confirm p.category, #confirm p.point_necessary,#amzn_cart p.category, #amzn_cart p.point_necessary  {font-size: 13px;}

#amzn_cart .content-user,
#complete .content-user,
#complete .content-cart { display: none;}

#amzn_cart .header_inner { position: relative;}
#amzn_cart .content-cart { 
	top: 0;
	right: 0;
	bottom: 0;
}


.exchange main > .title_lg h2 { font-size:1rem; padding:0 .5rem;}
.exchange main > .title_lg h2 > span:first-of-type { display:block; }
.exchange main > .title_lg h2 img { position:absolute; bottom:0; width:40px; margin-left:-0.35rem;}
#list #product_list h3 { 
	word-wrap: break-word;
	position:relative; margin-top:0; margin-bottom:0.15rem; font-size:0.95rem; line-height:140%;font-weight: normal;}

#list #product_list p { margin-bottom: 1rem;}


.exchange main h3.title { padding:1.5rem 0 0.5rem 0.65rem; margin-bottom:.75rem; position:relative;border-bottom: 1px solid #EBEBEB; }
.exchange main h3.title span { display:block; margin-left:20px; line-height:130%;}
.exchange main h3.title img { position:absolute; width:18px; }



.content-search.sp_off { display: none;}
.content-search.pc_off { display: block;} 



/* ————————————————————————————————————————————————————————————————————————————————— 

　ヘッダー

————————————————————————————————————————————————————————————————————————————————— */


/*アカウント周りを隠す*/
#complete header .box_account,
/*検索窓を隠す*/
#complete header [role="search"],
/*#law header [role="search"],*/
#law .box_account,
#confirm header [role="search"],
#amzn_cart header [role="search"],
#error403 .point_remaining,
#error403 header [role="search"] { display:none;}

#confirm header .point_remaining,
#complete header .point_remaining,
#error403 header .point_remaining { float:right;}

/*ポイントのみ掲載の場合*/
#confirm header .box_account { float:right;}


header .content-account {
	width: 80%;	
	display: flex;
	justify-content: space-between;

	-ms-flex-direction:row-reverse; /*IE10*/
	-webkit-flex-direction:row-reverse; /*old webkit browser*/
	flex-direction:row-reverse;
}


/*.exchange [role="search"] { margin:0.5rem auto 0 auto; line-height:0;}*/
.exchange [role="search"] > div { width: 100%; margin: 0 auto;}

.exchange [role="search"] form > div:nth-of-type(1) input {height: 38px; display: block; padding:0.5rem ; float: left; box-sizing: border-box; font-size:1rem; border: 1px solid #E9300E;
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 1rem;}

.exchange [role="search"] form > div span { position:relative; overflow:hidden;}
.exchange [role="search"] input + a { display:none; position:absolute; right: 1.5rem;top: -0.25rem;}
.exchange [role="search"] input + a > i{ color:#ccc;}

.exchange [role="search"] button { height: 38px; position: relative; background-color: #E9300E; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-sizing: border-box;}
.exchange [role="search"] i {position: absolute;width: 20px; height: 20px; font-size:1rem; top: 0; right: 0; bottom: 0; left: 0; margin: auto; color:#FFF;}

header .point_remaining { text-align:center;}
header .point_remaining span { font-size:1.05rem; color:#C50000;}
header .point_remaining p { font-size:0.75rem; margin-right:0.1rem; }
header .point_remaining img { width: 19px; margin-right: 0.25rem; vertical-align: top;}

.point_necessary span { font-size:1.2rem;}
body#amzn_cart .point_necessary span,
body#confirm .point_necessary span{ font-size:.85rem;}


main .point_remaining span { font-size:1.6rem;}
main [class*="point_"] span { font-weight:bold; color:#C00; }
/*[class*="point_"] span::after { content:"pt"; margin-left:0.15rem; font-size:0.8rem;}*/
[class*="point_"] span::before { content:"￥"; margin-right:0; margin-left:0.15rem;font-size:1rem;}
#confirm [class*="point_"] span::after { content:"pt"; margin-right:0; margin-left:0.15rem;font-size:.75rem;}
#confirm [class*="point_"] span::before { content:""; margin-right:inherit; margin-left:inherit;font-size:inherit;}
#amzn_cart [class*="point_"] span::before { content:"￥"; margin-right:0; margin-left:0.15rem;font-size:.75rem;}

body#confirm main [class*="point_"] span { font-weight: normal;}

body#amzn_cart main [class*="point_"] span {  color:#C00; font-weight: normal; font-size: .85rem;}
body#amzn_cart .point_necessary span::after {content: none;}
body#amzn_cart .point_necessary span::before {content: "¥"; vertical-align: bottom;}
header form p.how_to { font-size:.85rem;
	margin-top: .5rem;
	margin-bottom: .5rem;
	text-align:left; ;padding-left:0;padding-right:0; 
}


header form p.how_to:before,
header .login > a:before { content: "\f105"; font-family: "FontAwesome"; margin-right:.25rem;color:#259D2E;}




/*購入不可を非表示*/
#check_buy_only { padding: 0; text-align:left; margin-top:1rem;}
#home #check_buy_only { margin-top: 2rem; margin-bottom:1rem; text-align:center;}
#check_buy_only label { font-size:0.8rem; }
#check_buy_only label::before { content:""; display: inline-block; margin-right:0.35rem ; margin-top: -0.25rem; background-color:#fff; width:.9rem; height:.9rem; vertical-align:middle;}
#home #check_buy_only label::before { border: 1px #aaa solid;}
#check_buy_only input[type=checkbox]:checked + label::before { content: "\f00c"; font-family: FontAwesome; line-height:60%; font-size:1.3rem; color:#259D2E; }


/*ジャンルソートメニュー*/
header .genre { background-color:#000000;height: 38px;}
header .genre {
	background:#E9300E url(../img/img_cart/img_arrow_down_white.png) no-repeat;
	background-size:13px 6px;
  background-position: right 0.35rem center;
}

.genre_menu option{
  background: #fff;
  text-align: left;
  font-size: 1rem;
  font-weight: normal;
  color:#333;
  padding:.35rem .5rem;
  line-height:1;
  text-overflow: ellipsis;
   white-space: nowrap;
}
.genre_menu option:hover { background:#999;}


.genre_menu { border:none; list-style-type: none; line-height:1;text-overflow: ellipsis; white-space: nowrap;　border: none;border-radius:0; color:#fff;  display: block;
  height:38px;    
  color: #fff;
  line-height: 1;
  text-decoration: none;
  font-size: 1rem;
  padding-left: .25rem;
  letter-spacing: -1px;
	transform: scale(1);
	-webkit-transform: scale(1);
}


header .box_account { position:absolute; right: 2.5%; top: .75rem;}
header .login_account { font-size:.75rem; margin-bottom:.6rem; text-align:left;}
header .login_account span { padding:0;}
header .login_account span:before { content: "\A"; white-space: pre ;}

header .login { display:none;}
header .login > a{ font-size:.9rem;}

header.nologin .login { display: block;}
header.nologin .how_to { 
	width:100%;
	margin-top: .5rem;
	margin-bottom: .5rem;
}
header.nologin .login_account span:before { content: ""; white-space: inherit;}

header.nologin #check_buy_only,
header.nologin .point_remaining { display:none;}

header.nologin .login_account,
header.nologin .point_remaining { width:100%; text-align:right; margin-bottom:.25rem;}

body.error .box_account { display:none;}

header [role="search"] i{
	background: url(../img/icon-search.svg) no-repeat;
	background-size: contain;
	display: block;
}

.content-cart .dropdown-toggle a {
	display: block;
	color: #000;
	text-align: center;
}

.content-cart .dropdown-menu a {
	color: #000;
}
.content-cart .dropdown-toggle .cart_count {
	font-size: .65rem;
	margin-left: .25rem;
	position: absolute;
	left: 0;
	right: 0;
	top: -.25rem;
	width: 100%;
  font-weight: bold;
  color: #E9300E;
	
}


.content-cart .new_line {
	font-weight: bold;
	position: relative;
}



  /*20190527_微修正*/
#list header{
	display: block;
  position: fixed;
  z-index: 100;
	width: 100%;
}



/* ————————————————————————————————————————————————————————————————————————————————— 

　フッター

————————————————————————————————————————————————————————————————————————————————— */

#page_top { text-align:center; background-color:#eee; position:relative;}
#page_top a { width:100%; display:block; padding:1.25rem 0 0.75rem 0; color:#000000; text-decoration:none; font-size:0.8rem; }
#page_top a i { position: absolute; width:100%; height:100%; right: 0; left: 0; top: 0.55rem; margin:0 auto;}

footer > #nav_footer { background-color:#FFF100; padding:1rem 0;margin-top: 3rem;}
#nav_footer p { text-align:center; margin-bottom:1rem;}	
#home #page_top, #complete #page_top, #confirm #page_top { display:none;}


/* ————————————————————————————————————————————————————————————————————————————————— 

　ホーム

————————————————————————————————————————————————————————————————————————————————— */

#home h2 { font-size:0.975rem; font-weight:bold; margin-top:1rem;}
#home #wrapper { padding:3rem 0; }

#home #wrapper > div { margin-bottom:3rem;}
#home #nav_footer { background:none; }
#home .point_remaining { margin:1.5rem auto; padding-right:.25rem;}

#home .point_remaining span { font-size: 1.2rem; margin-left: 0.25rem; font-weight: bold;}

#home [role="search"] form > div:nth-of-type(1) input {min-width: 100%; }

/* ————————————————————————————————————————————————————————————————————————————————— 

　商品リストページ

————————————————————————————————————————————————————————————————————————————————— */
/*#list #product_list > div::before { content: ""; position:absolute; display:block; width:300%; border-top:#ddd 1px solid;}
#list #product_list > div:first-of-type::before {  content: ""; border-top:none;}*/
#list #product_list > div:last-of-type { border-bottom:none;}
#list #product_list .box { position:relative;}
#list #product_list .box p { font-size:0.80rem;}
/*#list #product_list .box:first-of-type > div:first-of-type { padding-top:0;}
#list #product_list .box:last-of-type > div:first-of-type { padding-bottom:0;}*/
#list #product_list .box > div:first-of-type { padding: 2rem 5% 2rem 5%; width: 100%;}
#list #product_list .box > .btn_choose { padding: 0 5% 1.5rem 5%;}
#list #product_list .box p.author { color:#666; margin-bottom: 0.65rem;}
#list #product_list .box p.point_necessary { font-size:0.7rem;}
#list #product_list .box p.go_detail { margin:0.75rem 0 1.5rem 0; text-decoration:underline; color:#259D2E;}
#list #product_list .box a { color:#000000;}
#list #product_list .box [class*="btn"] a { color:#fff;}

#list #search_word { display:none; font-weight:bold; color:#CC4422; margin-left:0.5rem; font-size:1rem;}
/*#list #search_word::before { content:"“" ; margin-right:0.15rem;}
#list #search_word::after  { content:"”" ; margin-left:0.15rem;}*/

#list .category, #detail .category  { font-weight:bold;}
#cart .cart .title_sub::after, #list .category::after, #detail .category::after{ content:"｜中古品"; }
#list .box_content ul li { margin-left:1.25rem;}

#list .item.hidden div[class*="btn_"] { display:none;}



/* ————————————————————————————————————————————————————————————————————————————————— 

　カートページ

————————————————————————————————————————————————————————————————————————————————— */
#confirm #box_cart h4 { font-size:14px; margin-bottom:0.5rem;}
#confirm input[type="radio"]{ height:1.5rem; width:1.5rem;}
#confirm #address_input > div { margin-bottom:1.5rem;}
/*#confirm #address_select > div { border-bottom:1px #CCC solid;}*/
#confirm #address_select label { margin-bottom:0; margin-top:0.1rem;}
#confirm #box_cart h3 { font-size: 0.9rem; margin-bottom: 0.15rem; line-height: 140%;}
#confirm #address_input label { font-weight:bold;}
#confirm #address_input { border-top:none; }
.caution { display:none; color:#C00; }
#confirm .title_content01 span, #confirm .title_content02 span, #amzn_cart .title_content01 span, #amzn_cart .title_content02 span { color:#C00; font-weight: bold;} 
.required_item::after { content: "必須";padding: 0.1rem 0.25rem;background-color: #C00;font-size: 0.65rem;margin-left: 0.25rem; color: #FFF; border-radius: 0.2rem;}
#confirm label[for="prefectures"] select{	
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
	background:#EEE url(../img/img_arrow_down.png) no-repeat; background-size:13px 8px; background-position: right 0.75rem center;
	}
#confirm #prefecture_kind {padding:.65rem;border-radius: .25rem;}


/* ボタン（お届け先修正、お支払い方法修正） */
.btn_store_confirm{
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}
.btn_store_confirm a{
  max-width: 20rem;
  width: 100%;
  /* background-color: #fff!important;
  color: #333!important;
  border: 1px solid #333!important;
  font-weight: 600!important; */
}

/* ————————————————————————————————————————————————————————————————————————————————— 

　Amazon Payウィジェット

————————————————————————————————————————————————————————————————————————————————— */

#addressBookWidgetDiv,
#walletWidgetDiv{
  min-width: 300px; 
  max-width: 750px;
  min-height: 228px; 
  max-height: 400px;
}

/* Mobile optimized and small window */

#addressBookWidgetDiv,
#walletWidgetDiv{
  /*width: 100%; */
  height: 228px;
	margin-left: 10px;
	margin-right: 10px;
}


#amzn_cart .point_remaining,
#amzn_cart .box_account,
#amzn_cart #check_buy_only{
    display: none;
}


#amzn_cart .box_content.widget{ padding: 1.5rem 0rem 0rem!important;}
@media only screen and (min-width: 650px) {
  #amzn_cart .box_content.widget{ padding: 1.5rem 1.8rem 0rem!important;}
}
.box-widget{ padding: 1.5rem 0rem 0rem!important;}
@media only screen and (min-width: 650px) {
  .box-widget{ padding: 1.5rem 1.8rem 0rem!important;}
}


.widget_inner{
  margin-bottom: .75rem;
}
@media only screen and (min-width: 650px) {
  .widget_inner{
     display: flex;
    }
}

.widget_inner__ttl{
  font-weight: bold;
  width: 100%;
  margin: 0 0 .2rem 0;
}
@media only screen and (min-width: 650px) {
  .widget_inner__ttl{ 
    margin: 0 0 0 0;
    width: 6rem;
  }
}


.widget_inner__txt{
  width: 100%;
}
@media only screen and (min-width: 650px) {
  .widget_inner__txt{
    flex: 1;
   }
}




#amzn_cart .address_error,
#amzn_cart .wallet_error { background-color:#C00; text-align: left; color: #fff; font-size: .9rem; padding: .35rem;}


/* アマゾン決済ページ */
#amzn_cart #box_cart > p { font-size: .85rem;}
#amzn_cart #box_cart h4 { font-size:14px;}
#amzn_cart #box_cart h4 span{ font-size:1rem; font-weight: normal;}

/* エラーメッセージ */
#amzn_cart #error_message{
  margin: 1rem 1rem 0 1rem;
  margin-right: 1rem;
  color: #E9300E;
  background: #fce0de;
  font-weight: bold;
  font-size: 13px;
  padding: .8rem;
}

/* エラーメッセージ */
#amzn_cart #amzn_payment_error_message{
  width: 100%;
 }

 #amzn_cart #amzn_payment_error_message .amzn_payment_error_message__item{
  margin: 1rem 1rem 1rem 1rem;
	color: #E9300E;
	background: #fce0de;
	font-weight: bold;
	font-size: 13px;
	padding: .8rem;
 }



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

　ページごとの調整

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

/* 一覧｜#list */

#list .box_content {
	/*margin-top: 6rem;*/
}


/*詳細｜#detail*/

/*イメージの最大サイズ*/
#detail #product_image img,
.cart_content_img_area figure img,
.dropdown-menu li img {
	height: auto;
	width: auto;
	display: block;
	margin: 0 auto;
}

#detail #product_image img{
	max-width: 100%;
	max-height: 350px;
}
.cart_content_img_area figure img {
	max-width: 100%;
	max-height: 100px;
}
.dropdown-menu li img {
	max-width: 100%;
  max-height: 80px;
}



.modal-window {
	overflow: scroll;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
}


/* カート｜#cart */
#cart .cart_inner {
	margin-top: 19rem;
}

#cart .all-remove a{
	text-decoration: underline;
	color: #808080;
}

#cart .all-remove {
	padding-top: 2rem;
	margin-top: 1rem;
	border-top: 1px solid #EBEBEB;
}


/* カート（アマゾン）｜#amzn_cart */
.cart-amazon,
#amzn_cart .content-cart .dropdown,
#confirm .content-cart{
	display: none;
}	
#amzn_cart .cart-amazon{
	display: block;
	margin-left: auto;
/*	margin-right: .75rem;*/
	text-align: right;
}
#amzn_cart .cart-amazon a {
	font-size:.7rem;
}
#amzn_cart .header_inner_up_group01 {
	justify-content: space-between;
}

#amzn_cart .content-cart {
	width: 70%;
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
}










/* ————————————————————————————————————————————————————————————————————————————————— 

　完了ページ

————————————————————————————————————————————————————————————————————————————————— */
#complete main p { text-align:left; line-height:170%;}





/* ————————————————————————————————————————————————————————————————————————————————— 

　詳細ページ

————————————————————————————————————————————————————————————————————————————————— */

#detail .point_necessary { border-bottom:#CCC 1px solid;}
#detail .box_content > #product_image { padding:0 25%;}
.pan_back { display:none; font-size:0.8rem; }
.pan_back::before { font-family: "FontAwesome"; content: "\f104"; padding-right:0.25rem; color:#259D2E;}
#detail main > .title_lg { margin-bottom:15px;}
#detail .box_content h3 { font-size: 14px; word-wrap: break-word;}


/* ————————————————————————————————————————————————————————————————————————————————— 

　特定商取引法ページ

————————————————————————————————————————————————————————————————————————————————— */
table { width:100%;border-collapse: collapse;text-align: left;line-height: 1.5;}
#law main table th, #law main table td { padding: .75rem; vertical-align: middle;border: 1px solid #000;}

#law main table th { width:25%; text-align:center; font-weight: bold; background-color:#FFF100;}
#law main table td { width:75%; }
#law main table td a { color:#000000;; text-decoration: underline;}
#law main table td a:hover { color:#E4300E;}



/* ————————————————————————————————————————————————————————————————————————————————— */

/* ↓ 画面幅切り替え */

/* ————————————————————————————————————————————————————————————————————————————————— */

@media (min-width: 64em) {
	h1 { font-size:1.7rem;}
	.btn_outline_m p { font-size:1rem;}
	.fat-nav li { padding:10px;}
	.fat-nav li a { font-size:2rem;}
}








/* ————————————————————————————————————————————————————————————————————————————————— 

　カートページ

————————————————————————————————————————————————————————————————————————————————— */

/*   cart_inner   */

.cart_side_info {
	display: none;
}



.cart_title {
	display: none;
}




.cart_content .clearfix {
	padding:5%;
	border-bottom: 1px solid #EBEBEB;
}


.cart_content .clearfix:first-child {
	border-bottom: 1px solid #EBEBEB;
}


.clearfix.sold_out,
.cart_content .clearfix.sold_out:first-child{
	background-color: #FCEAE7;
	border-bottom: 1px solid #fff;
}

.cart_inner .cart_title_sub {
	display: none;
}



.sold_out .cart_content_inner_right .cart_content_title_area .title_sub_down {
	position: inherit;
	bottom: 1rem;
}

.cart_content_inner_right .cart_content_title_area a,
.cart_title .remove_all_btn{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}


.cart_content_inner_right .cart_content_title_area .title_sub {
	font-size: .8rem;
	font-weight: bold;
	color: #000;
	margin-bottom: .25rem;
}

.sold_out .cart_content_inner_right .cart_content_title_area .title_delete {
	width: 100%;
	cursor: pointer;
}
.sold_out .cart_content_inner_right .cart_content_title_area .title_delete a{
	padding: .5rem 1rem;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	font-size: .85rem;
	position: inherit;
	display: block;
	text-align: center;
}


.cart_content_inner_right .cart_content_title_area .title_sub_down {
	display: block;
	color: #E4300E;
	font-size: 12px;
	margin: 1rem 0 .5rem 0;
	padding-left: 1.25rem;
}


.cart_content_inner_right .cart_content_title_area .title_sub_down:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin-left: -12px;
    background-image: url(../img/img_cart/img_cart_exclamation.png);
    background-size: contain;
    position: relative;
    top: 1px;
    left: -1px;
}

.cart_content_situation_area .rate:before{
	content: "商品状態：";
}

.cart_content_inner_right .cart_content_situation_area {
	margin-bottom: .5rem;
}

.cart_content_situation_area {
	
}


.cart_content_inner_right .cart_content_price_area p:first-child {
	font-size: 16px;
	color: #E4300E;
	font-weight: bold;
}

.cart_content_inner_right .cart_content_price_area p:first-child span {
	font-size: 14px;
}


.cart_content_inner_right .cart_content_price_area .price_area_sub_down {
	display: block;
    color: #E4300E;
    font-size: 12px;
    margin-left: 1rem;
	margin-top: .25px;
}

.cart_content_inner_right .cart_content_price_area .price_area_sub_down:before {
	content: '';
    display: inline-block;
	background-repeat: no-repeat;
    width: 12px;
    height: 12px;
	margin-left: -12px;
    background-image: url(../img/img_cart/img_cart_exclamation.png);
    background-size: contain;
	position: relative;
    top: 1px;
	left: -1px;
}


.clearfix.normal .cart_content_inner_right .cart_content_price_area {
	position: relative;
}


.clearfix.normal .cart_content_inner_right .cart_content_price_area .price_area_delete {
	position: absolute;
	right: 5px;
	bottom: -.35rem;
	font-size: 12px;
	font-weight: normal;
	color: #808080;
	text-decoration: underline;
}

.clearfix.sold_out .cart_content_inner_right .cart_content_price_area .price_area_delete {
	color: #fff;
	background-color: #000;
	padding: .5rem;
	text-align: center;
	margin-top: 1rem;
	font-weight: normal;
	font-size: 14px;
}



#cart .cart_content_price {
	display: none;
}

	

@media (min-width:650px) and (max-width:1000px) {
	.clearfix.sold_out .cart_content_inner_right .cart_content_price_area .price_area_delete {
		color: #fff;
		background-color: #000;
		padding: .25rem .75rem;
		text-align: center;
		margin-top: 45px;
		margin-left: -53px;
		font-size: 16px;
	}
}



.wrap {
  width: 80px;
  margin: 0;
}


/*   ---cart_side---   */



.cart_side .cart_side_checkout_price_area {
	padding: 1rem 5% 1rem 23%; 
}



.cart_side .cart_side_checkout_price_area table td {
	color: #000000;
	padding: .25rem 0;
	vertical-align: top;
}

.cart_side .cart_side_checkout_price_area table.price_area02 td:first-child  {
	font-weight: bold;
}

.cart_side .cart_side_checkout_price_area table.price_area02 td:last-child  {
	color: #E4300E;
	font-weight: bold;
}

.cart_side .cart_side_checkout_price_area table td:first-child {
	text-align: left;
}

.cart_side .cart_side_checkout_price_area table td:first-child {
	position: relative;
}

.cart_side .cart_side_checkout_price_area .price_area01 td:first-child:after {
	content: '：';
	display: inline-block;
	position: absolute;
	right: 0;
	top:.25rem;
}
.cart_side .cart_side_checkout_price_area .price_area02 td:first-child:after{
	content: '：';
	display: inline-block;
	position: absolute;
	right: 0;
	top:.25rem;
}

.cart_side .cart_side_checkout_price_area table td:first-child {
	width: 60%;
	text-align: left;
	padding-right: 0;
	padding-left: 0;
}

.cart_side .cart_side_checkout_price_area table td:last-child {
	width: 40%;
	text-align: right;
}



.cart_side .cart_side_checkout_btn_area {
	width: 90%;
	margin: 0 auto;
	position: relative;
	display: none;
}


.cart_side .cart_side_checkout_btn_area p {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100%;
	line-height: 55px;
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
	background-color: #E9300E;
}

.cart_side .cart_side_checkout_btn_area p i {
 position: absolute;
	right: 15px;
}
.cart_side .cart_side_checkout_btn_area p i:after{
	content: '';
    display:inline-block;
    background-repeat: no-repeat;
    width: 12px;
    height: 15px;
    background-image: url("../img/img_cart/img_cart_arrow.png");
    background-size: contain;
}


.cart_side .cart_side_checkout_btn_area a{
	padding-top: 0;
	padding-bottom: 0;
}

.cart_side .cart_side_checkout_btn_area p {
	display: flex; /* 子要素をflexboxで揃える */
	display:-webkit-box;
  display:-ms-flexbox;
	
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}


/*  cart_side_info   */

.btn_down.max-width.box_content.mx-auto {
	max-width: 24rem;
}

.max-width.box_content.mx-auto > .btn {
	width: 90%;
    margin: 0 auto;
    position: relative;
}

.max-width.box_content.mx-auto > .btn p {
	display: block;
    text-align: center;
    text-decoration: none;
    line-height: 45px;
    color: #000000;
    font-weight: bold;
    margin: 0 auto;
    border: 1px solid #E1E1E1;
	border-radius: 4px;
	width: 85%
}

.max-width.box_content.mx-auto > .btn p:before {
	content: '';
    display: inline-block;
    background-repeat: no-repeat;
    width: 12px;
    height: 18px;
    background-image: url(../img/img_cart/img_cart_arrow_grey.png);
    background-size: contain;
    position: absolute;
    top: 15px;
    left: 40px;
}


/* ————————————————————————————————————————————————————————————————————————————————— 

　ヘッダ new

————————————————————————————————————————————————————————————————————————————————— */
.new_line {display: inline;}
.header_inner {
	background: #FFF100;
	/*position: absolute;
	top: 0;*/
	width: 100%;
}

.header_inner_up {
	display: flex;
  	flex-wrap: wrap;
	max-width: 77.5rem;
	margin: 0 auto;
}

.header_inner_up_item02_right {
	margin-top: .25rem;
	width: 100%;
}

.content-logo {
	width: 20%;
	padding: .5rem .5rem .5rem 0;
}
.content-user p {
	line-height:1.3;
	font-size: .6rem;
	letter-spacing: -1px;
	padding-right: 0.5rem;
}
.content-logo img {
	width: 100%;
	height: 100%;
	max-height: 3rem;
}



.content-user .content-user_left {
	display: none;
	width: 20%;
}

.content-user {
	display: flex;
	width: 90%;
	padding: .5rem 0 .5rem .25rem;
	position: relative;
/*  flex-direction: column;
  justify-content: center;*/
}



.content-user .content-user_left img {
	width: 25px;
	margin-right: .25rem;
}

.content-user .content-user_right {
	margin-left: 5px;
	color: #000000;
}

.content-user .user-point{
	font-size: .75rem;
	margin-top: .15rem;
	font-weight: bold;
}

.content-user .user-point span {
	padding-left: .1rem;
	color: #E9300E;
	letter-spacing: 0;
}
.content-user .user-point span:after {
	content: "pt";
	display: inline-block;
	padding-left: .1rem;
}

.content-user .content-user_right .right-align {
	text-align: left;
} 

.content-user .content-user_right .right-align span {
	color: #E4300E;
    font-weight: bold;
	font-size: 14px;
}

.content-user [class*="log"]{
	display: inline-block;
	font-weight: bold;
}



/*ヘッダー（カート）*/
.content-cart {
	width: 10%;
	padding: .85rem 0 .5rem 0;
	position: relative;
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
}
.content-cart img {
	width: 30px;
	display: block;
	margin: 0 auto;
}
.content-cart .dropdown {
	position: absolute;
	right: 0;
	
	/*クリック範囲*/
	padding-bottom: 1rem
}

.content-cart .item_title a  {
	text-decoration: underline;
	word-break: break-word;
} 





#complete .content-user,
#complete .content-cart,
#law .content-account,
#law .content-search{
	display: none;
}


.content-search [role="search"]{
	width: 100%;
}

.content-search {
	top:3.6rem;
}
.content-search a {
	color: #000;
}

header form p.how_to:before, header .login > a:before {
    color: #000;
}
.header_inner_down {
		display: none;
	}
#cart .header_inner_down {
		display:block;
	}
.header_inner_down {
	background-color: #FFFFFF;
}



.header_inner_down .cart_side_checkout_price_area {
    padding: .5rem 5% 0 23%;
}

.header_inner_down .cart_side_checkout_price_area table td:first-child {
    padding-right: 1rem;
    width: 60%;
    text-align: right;
	font-weight: bold;
    color: #000000;
	position: relative;
}

.header_inner_down .cart_side_checkout_price_area table td:first-child:after {
    content: '：';
    display: inline-block;
    position: absolute;
    right: 0;
}

.header_inner_down .cart_side_checkout_price_area table td:last-child {
    width: 40%;
    text-align: right;
}

.header_inner_down .cart_side_checkout_price_area table.price_area td:last-child {
    color: #E4300E;
    font-weight: bold;
	font-size: 16px;
}

.header_inner_down .cart_side_checkout_btn_area {
	width: 90%;
	padding: .5rem 0 .5rem 0;
	position: relative;
	margin: 0 auto;
}

.header_inner_down .cart_side_checkout_btn_area a {
	display: block;
	background-color: #E9300E;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	padding: 0.75rem 0.25rem 0.75rem 0;
}
.header_inner_down .cart_side_checkout_btn_area p {
	width: 100%;
  position: relative;
}

.header_inner_down .cart_side_checkout_btn_area p:after{
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
	width: .8rem;
	height: 1rem;
	background-image: url(../img/img_cart/img_cart_arrow.png);
	background-size: contain;
	position: absolute;
	right: .35rem;
}

.header_inner_down .cart_side_checkout_btn_area p.cart_side .cart_side_checkout_btn_area p:after {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    width: 12px;
    height: 15px;
    background-image: url(../img/img_cart/img_cart_arrow.png);
    background-size: contain;
    position: absolute;
    top: 28px;
    right: 30px;
}




/*   cart_page cart機能ドロワーメニュー    */


.balloon{
	content: '';
	z-index: 1500;
	display: none;
	background-repeat: no-repeat;
	width: 16px;
	height: 27px;
	background-image: url(../img/img_cart/img_cart_arrow_up.png);
	background-size: contain;
	position: absolute;
	left: 25px;
}



.exchange .ui-autocomplete {
	z-index:999999;
}



/*   ie対応   */
@media all and (-ms-high-contrast: none)  {
	header .drop-hover:hover > .balloon {
		display: none ;
	}
}




@media screen and (prefers-reduced-motion:reduce) {
.collapsing {
    transition: none
}
}
.dropdown, .dropleft, .dropright, .dropup {
    position: relative
}


.dropdown-toggle:empty::after {
    margin-left: 0
}
.dropdown-menu_icon{
	position: absolute;
	top: -5px;
	left: 50%;
}


.dropdown-menu {
    position: absolute;
    top:2.7rem;
    left: -125px;
    z-index: 1000;
    display: none;
    width: 20rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}
.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}
.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}
.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}
.dropright .dropdown-toggle::after {
    vertical-align: 0
}
.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}
.dropleft .dropdown-toggle::after {
    display: none
}
.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}
.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}
.dropleft .dropdown-toggle::before {
    vertical-align: 0
}
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}
.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}
.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent
}
.dropdown-menu.show {
    display: block
}
.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}
.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}
.btn-group, .btn-group-vertical {
    position: relative;
    vertical-align: middle;
}
.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}
.btn-group-vertical>.btn:hover, .btn-group>.btn:hover {
    z-index: 1
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus {
    z-index: 1
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group, .btn-group-vertical .btn+.btn, .btn-group-vertical .btn+.btn-group, .btn-group-vertical .btn-group+.btn, .btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px
}


@media screen and (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
transition:none
}
}

.dropdown-menu {
	padding: 1.25rem 1rem 1rem  !important;
	max-height: 50vh;
  overflow-y: auto;
}

.dropdown-menu table.price_area02 {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    line-height: 1.5;
	font-weight: bold;
}

.dropdown-menu table.price_area02 td:first-child {
    color: #000000;
	font-size: 14px;
}

.dropdown-menu table.price_area02 td:last-child {
    color: #E4300E;
	font-size: 14px;
}

.dropdown-menu table.price_area02 td .total_price {
	font-size: 16px;
}

.dropdown-menu .list-unstyled .media-body .item_test {
	font-size: 12px;
	color: #E4300E;
	font-weight: bold;
}

.dropdown-menu .list-unstyled .media-body .item_test span {
	font-size: 10px;
	color: #E4300E;
}

.dropdown-menu #add_cart {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100%;
	line-height: 45px;
	font-weight: bold;
	margin: 0 auto;
	margin: .5rem 0 1rem;
  background-color: #E9300E;
}


.dropdown-menu #add_cart:hover {
	opacity: .75;
}

.dropdown-menu #add_cart {
	color: #FFFFFF;
}

.dropdown-menu ul {
	border-top: 1px solid #EBEBEB;
  padding-top: 1rem;
	padding-bottom: 1rem;
}

.media {
	display: flex;
	margin-bottom: 1.25rem;
	padding-bottom: .75rem;
}
.media:not(:last-of-type) {
	border-bottom: 1px solid #EBEBEB;
}



.dropdown-menu .media > div:first-of-type{
	width: 20%;
}
.dropdown-menu .media > div:last-of-type{
	width: 80%;
}

/*20211111 送料別設定で販売*/
.dropdown-menu .postage p {
	text-align: right;
    font-size: 0.8rem;
    color: #808080;
}
.postage-free p {
	font-size: 0.9rem;
	font-weight: bold;
    text-align: center;
	background: #FFF100;
    padding: 0.3rem;
}
.postage-free p span {
	color: #E4300E;
}
.dropdown-menu .postage-free p {
	margin: 0.8rem 0;	
}
.cart_side_checkout .postage-free {
	width: 90%;
	margin: 0 auto;
}
.cart_side_checkout .postage-free__margin {
	margin: 0.5rem auto;
}
.max-width-3 .small {
	font-size: 13px;
}
@-moz-document url-prefix() {
  /* firefox対策 */
	.dropdown-menu .postage p {
		font-size: 0.9rem!important;
	}
}
@media all and (-ms-high-contrast: none) {
 /* ie対策 */
	.dropdown-menu .postage p {
		font-size: 0.9rem!important;
	}
}

/*.media .mg-1  { 
		height: 90%
}*/

.media .item_title {
	margin-bottom: .5rem;
	font-size: 12px;
	font-weight: bold;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    vertical-align: top;
	font-weight: bold;
    text-overflow: ellipsis;
    height: 2.5rem;
}
.media .item_test {
	font-size: 12px;
	line-height: 12px;
}

.media-body {
	margin-left: 1rem;
}

#header #box_cart a:hover {
    color: #000000;
	opacity: .5;
}



.dropdown-menu .list-unstyled {
	display: none;
}



/*   cart_page モバイル　ヘッダ new 固定   */

.header_inner_up_group01 {
	position: inherit;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-height: /*72px*/ auto;
	padding: 0 .5rem;
}


.content-search {
	padding-left: 0;
	padding-right: 0;
}
.header-rock .header_inner_up_group01 {
	position: fixed;
	display: flex;
	background-color: #FFF100;
	width: 100%;
	top: 0;
  z-index: 1000;
	min-height:  3.6rem;
	}

.header-rock .content-search {
/*	position: fixed;*/
	left: 0;
	z-index: 80;
	background-color: #FFF100;
	overflow: hidden;
	width: 100%;
	padding-left: .5rem;
	padding-right: .5rem;
	padding-top: 5px;
}


#cart .header_inner_down,
#amzn_cart.confirm .header_inner_down,
#confirm .header_inner_down {
display: inherit;
background: rgba(255,255,255,.9);
position: fixed;
width: 100%;
z-index: 90;
border-bottom: 1px solid #EBEBEB;
overflow: hidden;
}



#cart .header_inner_down {
	top: 140px;
}
#amzn_cart.confirm .header_inner_down,
#confirm .header_inner_down{
	top: 62px;
}



#amzn_cart.confirm .cart_side_checkout_price_area,
#amzn_cart.confirm .btn-payment,
#confirm .cart_side_checkout_price_area,
#confirm .btn-payment{
	display: none;
}
.header_inner_down .btn-confirm {
	display: none;
}
#amzn_cart.confirm .btn-confirm,
#confirm .btn-confirm {
	display: block;
}


#cart .header_inner_down .cart_side_checkout,
#amzn_cart.confirm .header_inner_down .cart_side_checkout,
#confirm .header_inner_down .cart_side_checkout{
	overflow: hidden;
	}

#cart .cart.max-width.box_content.mx-autom,
#amzn_cart.confirm .cart.max-width.box_content.mx-auto,
#confirm .cart.max-width.box_content.mx-auto{
		margin-top: 265px;
	}


#amzn_cart.confirm.not_exist_item.header-rock .cart.max-width.box_content.mx-auto,
#confirm.not_exist_item.header-rock .cart.max-width.box_content.mx-auto{
	margin-top: 8.5rem;
}
#cart.not_exist_item.header-rock .cart.max-width.box_content.mx-auto {
	margin-top: 0;
}
#cart.not_exist_item .cart_inner {
	margin-top: 10rem;
}


.confirm .btn_choose {
	display: none;
}
.confirm #nav_footer > p:first-of-type{
	display: none;
}

/*   通販サイトトップページ修正   */

#list main figure img {
	height: auto;
	width: 100%;
}

/*20190521_画像拡大表示修正*/
#list main figure{
  text-align: center;
}
#list main figure img {
  width: inherit;
  max-width: 100%;
  max-height: 135px;
}



#list .box_content .col.col-9.sm-col-12 > a {
    text-decoration: underline;
}

#list .box_content .product_name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: pre-line;
    height: 2.5rem;
}

#list .box_content .list_situation_area .wrap {
	margin: inherit;
}

#list .box_content .list_situation_area span:first-child {
	font-weight: bold;
}

#list .box_content .col.col-9.sm-col-12 {
	position: relative;
	padding-left: .75rem;
}

#list .box_content .max-width-1.mx-auto {
	text-align: center;
	margin-top: 1.5rem;
	margin-bottom: 0 !important;
}



#list .box_content .flexible_box .max-width-1.mx-auto.grey_btn {
	display: none;
}

#list .box_content .flexible_box.added .max-width-1.mx-auto.grey_btn {
	display: block;
}

#list .box_content .flexible_box.added .max-width-1.mx-auto.yellow_btn {
	display: none;
}

#list .box_content .flexible_box .max-width-1.mx-auto.grey_btn a {
	color: #FFFFFF !important;
}

/*#list .box_content .flexible_box .max-width-1.mx-auto.yellow_btn a {
	color: #000000 !important;
}*/

#list:not(.error) .box_content .max-width-1.mx-auto a {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: .8rem 1rem;
	width: 100%;
	margin: 0 auto;
	background-color: #E9300E;
	cursor: pointer;
	display: block;
}

#list .box_content .max-width-1.mx-auto.grey_btn a {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	padding: .8rem 2.5rem;
	width: 100%;
	margin: 0 auto;
	background-image: inherit;
	background-color: #ccc;
}


#list:not(.error) .box_content .max-width-1.mx-auto a:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 14px;
	background-image: url(../img/img_cart/img_cart_icon_white.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	top: 1px;
  margin-right: .2rem;
}

#list .box_content .max-width-1.mx-auto.grey_btn a:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 14px;
	background-image: url(../img/img_cart/img_cart_icon_white.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	top: 1px;
}

#list .box_content .max-width-1.mx-auto.grey_btn a:hover {
	opacity: 1;
}

#list .box_content .max-width-1.mx-auto.grey_btn a {
	cursor: inherit;
}

#list .box_content .clearfix {
	border-bottom: 1px solid #EBEBEB;
}


#list .box_content .col.col-3.sm-col-12 {
	position: relative;
}



#list #product_list.box_content .col.col-3.sm-col-12 p.new_arrival {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #E4300E;
	padding: .25rem .5rem 0.15rem .5rem;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9px;
}

#list .box_content .flexible_box .max-width-1.mx-auto.grey_btn.checking {
    display: none;
}




/*ページネーション*/
.pager {
    overflow: hidden;
	margin-bottom: 2rem;
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
.pager ul li {
    margin: 0 2px;
    position: relative;
    left: -50%;
    float: left;
}
 
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em 1em;
}
 
.pager ul li a {
    background: #FFF100;
    color: #000;
    text-decoration: none;
}
.pager ul li.current span {
    border: 1px solid #FFF100;
    color: #000;
    text-decoration: none;
}
.pager .pager_prev a, .pager .pager_next a {
	 background: #FFFFFF;
	position: relative;
}

.pager .pager_prev a:before {
	content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    top: 50%;
    left: 2px;
    margin-top: -6px;
    z-index: 99;
}

.pager .pager_next a:after {
	content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -6px;
    z-index: 99;
}

.pager .pager_prev a:hover, .pager .pager_next a:hover {
	 background: #FFFFFF;
}
 
.pager ul li a:hover {
    background: #fff995;
    color: #000000;
}




/*   通販サイト詳細ページ修正   */

#detail .title_lg .max-width-4.px2.mx-auto{
	position: relative;
}

#detail .title_lg .pan_back {
	position: absolute;
	right: 0;
	top: 6px;
	margin-right: 15px;
}

#detail .title_lg .pan_back a {
	color: #E4300E;
}

.pan_back::before {
    font-family: "FontAwesome";
    content: "\f104";
    padding-right: 0.25rem;
    color: #E4300E;
}


#detail .category {
	border-top: #EAEAEA 1px solid;
    padding: .5rem 1rem .25rem 1.25rem;
}

#detail .point_necessary {
	border-bottom: #EAEAEA 1px solid;
	padding: .25rem 1rem .5rem;
}



#detail #condition {
	display: inline-block;
	margin-bottom: 1.5rem;
	margin-right: .5rem;
	width: 100%;
}







#detail .list_situation_area {
	display: inline-block;
	width: 85px;
	position: relative;
	top: 3px;
}

#detail .tooltip1 {
	display: inline-block;
	width: 10%;
	position: relative;
    top: 3px;
}
#detail .tooltip1 img {
	width: 16px;
}

#detail #comment {
	margin-bottom: 2rem;
	width: 100%;
}



#detail .box_content .add_cart_btn.grey_btn {
	display: none
}
#detail .box_content.added .add_cart_btn.red_btn {
	display: none;
}
#detail .box_content.added .add_cart_btn.grey_btn {
	display: inline-block;
	cursor: inherit;
	position: relative;
}

#detail .add_cart_btn {
	display: inline-block;
	width: 40%;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100%;
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
	background-color: #E9300E;
	position: relative;
	margin-bottom: 1rem;
}


#detail .add_cart_btn.grey_btn:hover, 
#detail .add_cart_btn.grey_btn a:hover {
	opacity: 1;
}

#detail .add_cart_btn.grey_btn {
	cursor: inherit;
}


#detail .add_cart_btn.grey_btn {
	display: inline-block;
	width: 40%;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100%;
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
	background-image: inherit;
	background-color: #ccc;
	margin-bottom: 1rem;
}

#detail .add_cart_btn span:before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 18px;
	background-image: url(../img/img_cart/img_cart_icon_white.png);
	background-size: contain;
	background-repeat: no-repeat;
	padding-right: .15rem;
	position: relative;
  bottom: -.05rem;
/*  vertical-align: text-top;*/
}



#detail .new_items_info a {
	color: #E4300E;
	text-decoration: underline;
}

#detail .add_cart_btn a {
	width: 100%;
	color: #FFF;
	font-size: 16px;
	padding: .75rem 0;
	display: inline-block;
	cursor: pointer;
}
#detail .add_cart_btn.grey_btn a {
	cursor: inherit;
}




/*   ツールチップ   */
#detail .tooltip1.pc_on {
	display: none;
}
#detail .modalwindow.sp_on {
	display: inline-block;
	position: relative;
    top: 3px;
}


#detail .box_content .add_cart_btn.grey_btn.checking {
    display: none;
}



/*   モバイル   */

.modalwindow > input { 
    display: none;
}
.modalwindow > input:nth-child(1) + label { 
    cursor: pointer;
}
.modal2 { 
    display: none;
}
.modalwindow > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modal2 {
    display: block;
    z-index: 998;
    position: fixed;
    width: 220px;
    height: 106px;
    left: 50%;
    top: 50%;
    margin-top: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 15px 20px;
    overflow: hidden;
}

.modalwindow > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modal2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.modalwindow > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modal2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}
.modalwindow > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modal2 > div > img {
max-width: 100%;
}
.modalwindow > input:nth-child(1) + label ~ label {
    display: none;
}
.modalwindow > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .65);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.modalwindow > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: #FFF100;
    display: inline-block;
    position: fixed;
    left: 50%;
    bottom: 50%;
    z-index: 999;
    width: 30pt;
    height: 30pt;
    font-size: 30px;
    border-radius: 50%;
    line-height: 26pt;
    text-align: center;
    border: 1px #000000 solid;
	margin-left: 95px
}
.modalwindow > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modal2,
.modalwindow > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modal2 { 
    display: none;
}
.modal2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.modalwindow .modalTitle {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:
     1px solid #ccc;
     font-weight: bold;
}
.modalwindow .modalbody {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}
.popupopen{
  display: block;
  position: relative;
  text-decoration: none;
  height:120px;
  width: 120px;
  line-height: 120px;
  text-align: center;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.popopen:after{
  content:"";
  position: absolute;
  top: -100%;
  left: -100%;
  background : #fff;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  z-index: -1;
}
.popopen:hover{
  color: #5ba7ff;
}
.popopen:hover:after{
  top: 0;
  left: 0;
  height:120px;
  width: 120px;
  border-radius: 50%;
  opacity: 1;
}



/*   form調整   */

.confirm_content, 
.btn_choose {
	overflow: hidden;
}

.confirm_right {
	padding-left: .75rem;
}


/*   top   */

#page_top_sp {
	position: fixed;
	bottom: 20px;
	right: 0px;
	font-size: 77%;
}
#page_top_sp a {
	text-decoration: none;
	color: #000;
	width: 45px;
	height: 45px;
	text-align: center;
	display: block;
	border: 2px solid #000;
}
#page_top_sp a:hover {
	text-decoration: none;
	background: #999;
}

#page_top_sp .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page_top_sp { display: block;}
#page_top { display: none;}


/*   top   */
.cart_fade_out {
	height: 120px;
	max-height: 450px;
	width: 80%;
	max-width: 80%;
	text-align: center;
	background: #FFF;
	border: 5px solid #FFF100;
	padding: 1rem;	
	position: fixed;
	left: 0;
	right: 0;
	top: 33vh;
	z-index: 99;
	margin: 0 auto;
	box-shadow: 3px 3px 6px -2px #888;
	overflow-y: auto;
}


.cart_fade_out img {
width: 30px !important;
height: 100%;
display: block;
margin: 0 auto .25rem auto;
}
.cart_fade_out p {
    font-size: 14px;
}

/* 202204 アダルト商品を出品できるようにする */

.over-18 {
	font-size: 16px;
}
.over-18 h2 {
	font-size: 24px;
}
.over-18 p.text-1 {
	margin-bottom: 0.8rem;
	font-weight: bold;
}
.over-18 p.text-2 {
	font-size: 0.95rem;
	line-height: 1.6;
}
.over-18 .btn-area .center {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	max-width: 250px;
    margin: 0 auto;
}
.over-18 .btn-area button {
	font-size: 16px;
	padding: 1rem 0;
	width: 7rem;
	transition: all .3s ease-out;
}
.over-18 .btn-area .btn-yes {
	color: #fff;
    background-color: #E9300E;
    border: 1px solid #E9300E;
}
.over-18 .btn-area .btn-no {
	color: #000;
    background-color: #ccc;
    border: 1px solid #ccc;
}
.over-18 .btn-area .btn-yes:hover {
	opacity: .75;
}
.over-18 .btn-area .btn-no:hover {
    background-color: #fff;
    border: 1px solid #ccc;
}
.over-18 .btn-area .btn-yes:hover , .over-18 .btn-area .btn-no:hover {
	transition: all .3s ease-out;
}
@media only screen and (min-width: 650px) {
	.over-18 p.text-2 {
		text-align: center;
	}
}

.header_inner_up_item02_right_name {
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 0.25rem;
}
.header_inner_up_item02_right_name_inner {
	width: 70%;
}
.header_inner_up_item02_right_name_adult {
	display: inline-block;
    width: 85px;
    margin-right: 1rem;
}
.header_inner_up_item02_right_name_adult a {
	display: inline-block;
	width: 90px;
	padding: 0.3rem 0.5rem;
	font-weight: bold;
	text-align: center;
	transition: all .3s ease-out;
	background: #000;
	color: #fff;
	border: 1px solid #000;
	letter-spacing: 0;
}
.header_inner_up_item02_right_name_adult a:hover {
	transition: all .3s ease-out;
	background: #fff;
	color: #000;
	opacity: 1;
}
@media only screen and (min-width: 650px) {
	.content-user p {
		padding-right: 0;
		margin-bottom: 0.3rem;
	}
	.header_inner_up_item02_right_name {
		display: contents;
	}
	.header_inner_up_item02_right_name_inner {
		width: 100%;
	}
	.header_inner_up_item02_right_name_adult {
		margin-right: 0;
	}
	.exchange.header-rock main > .title_lg,
	#list.exchange main > .title_lg{  
		margin-top: 9rem;
	}
}

@media only screen and (min-width: 960px) {
	.content-user p {
		padding-right: 0.5rem;
	}
	.header_inner_up_item02_right_name {
		display: flex;
	}
	
}
@media only screen and (min-width: 1024px) {
	.header_inner_up_item02_right_name_adult a {
		padding: 0.6rem 0.5rem;
	}
	.content-account .content-cart {
		width: 25%;
	}
	.content-account .content-user {
		width: 75%;
	}
}
/* 切り替えボタンを隠す */
#complete header [role="switch-adult"],
#law .box_account,
#confirm header [role="switch-adult"],
#amzn_cart header [role="switch-adult"],
#error403 .point_remaining,
#error403 header [role="switch-adult"] { display:none;}
@media only screen and (max-width: 649px) {
	#confirm.header-rock .content-search {
		position: fixed;
	}
}

/* 202204 改行設定 */
.u-br-pc {
	display: none;
}
@media only screen and (min-width: 650px) {
	.u-br-sp {
		display: none;
	}
	.u-br-pc {
		display: block;
	}
}
.u-br-unique {
	display: none;
}
@media only screen and (min-width: 650px) {
	.u-br-unique {
		display: block;
	}
}
@media only screen and (min-width: 810px) {
	.u-br-unique {
		display: none;
	}
}