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

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

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

/* ————————————————————————————————————————————————————————————————————————————————— */
@media (min-width: 650px) {
	
/*汎用*/
.content-search.sp_off { display: block;}
.content-search.pc_off { display: none;} 
	
.br-mobile {
	display: none;
}

	
header h1 { font-size:1.4rem;}
/*header [role="search"] input { width:93%; }*/
/*header [role="search"] button {	width:7%; }*/
header h1 img { max-width: 80px;}
header .box_account { position: static; margin-top:.5rem;}

header h1.pl1 { padding-left:0;}

.genre_menu { font-size: 1rem; padding-left:.5rem; 
margin-left: 0;
  transform: scale(1);
  -webkit-transform:scale(1);}
header .login_account { text-align:right;}

main > div:first-of-type {
		margin-top: 8.5rem;
	}
	
	
/* ホーム */
#home h1 { font-size:1.6rem;}


/* リストページ */
#list #search_word { display: inline; }
#list #product_list > div:last-of-type::after { border-bottom:none;}

/* 完了ページ */
#complete main p { text-align:center;}

/* 詳細ページ */
#detail .box_content > div,
#detail .box_content > p.point_necessary { float:right; border:none;}
#detail .box_content > #product_image { float:left; padding:0 5% 0 2.5%;}
#detail .point_necessary { padding-top:0; padding-bottom:0;}
.pan_back { display: block;}
#detail main > .title_lg { margin-bottom:2rem;}

/* カートページ */
#confirm .point_necessary { font-size:1rem; }
#confirm main [class*="point_"] span,
body#amzn_cart main [class*="point_"] span{font-size: 13px;}

#cart .all-remove {
	display: none;
}
	
/* アマゾンカートページ */
#amzn_cart #box_cart h4 span { font-size:1rem;}
#confirm #box_cart h4 > p,
#amzn_cart #box_cart > p { font-size: 1rem;}
	
	
/* 特定商取引法ページ */
#law table th, #law table td { padding: 1rem; }

	
	
/*移植*/
#confirm.exchange main > .title_lg, #amzn_cart.exchange main > .title_lg { margin-bottom: 2rem;}

#amzn_cart .content-cart { position: inherit ;top: inherit; right: inherit;} 
	
#confirm p.category, #confirm p.point_necessary,#amzn_cart p.category, #amzn_cart p.point_necessary  {font-size: 13px;}

.confirm .btn_choose {
	display: block;
}

	
	
#amzn_cart .content-cart { position: absolute;top: 7px; right: 0;}
	
	
#amzn_cart .content-cart { position: inherit ;top: inherit; right: inherit;} 

.content-logo img {
	width: 100%;
	height: auto;
}

#list #product_list h3 { margin-top: 1rem;}
#list #product_list p { margin-bottom: 0.5rem;}
	
	
header form p.how_to { 
	margin:.25rem auto 0;
	}


	

	
	
/*タブレット　一時退避？*/
#addressBookWidgetDiv,
	#walletWidgetDiv{
    max-width: 750px; 
    height: 250px;
  }
#amzn_cart .box_content.widget{ 
	padding-left: .5rem;
  padding-right: .5rem;
	}
	
.modalwindow > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modal2{
         width: 600px;
         height: 600px;
         padding: 30px;
    }
.modalwindow > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 270px !important;
     margin-top: -310px !important;
}

	
	
#amzn_cart .address_error,
#amzn_cart .wallet_error { text-align: center;font-size: 1rem;}
	
	
#detail .box_content h3 { font-size: 1rem;}
	
	
#law main table th,
#law main table td { padding: 1rem; }
	
	
	
/*---------------------------------カート*/
	
.cart_side_info {
		display: block;
}	

.cart {
		display: flex;
	}
	.cart .cart_inner {
		width: 70%;
	}
	.cart .cart_side {
		margin-left: .5rem;
		position: relative;
	}
	
	
	
.cart_title {
  display: flex;
	}
	.cart_title h2 {
		color: #000;
		margin-bottom: .25rem;
		margin-left: 10px;
	}

	
.title_delete {
	position: inherit;
	}

	
	
.cart_content .clearfix {
		padding: 1.5rem;
	}
	

.cart_inner .cart_title_sub {
		display: block;
	}
	.cart_inner .cart_title_sub ul {
		display: flex;
		background-color: #EBEBEB;
		padding: 0 1.5rem;
	}
	.cart_inner .cart_title_sub li {
    list-style: none;
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 14px;
    color: #000;
	}
	.cart_inner .cart_title_sub li:first-child {
		padding-left: 0;
	}

	
	.cart_content_inner_right {
		display: flex;
	}	
	
	
.cart_content_inner_right .cart_content_title_area .title_main {
		margin-bottom: 1rem;
	}
	.cart_content_inner_right .cart_content_title_area a {
		font-size: 16px;
	}
	
	
.cart_content_inner_right .cart_content_title_area .title_sub {
		font-size: 12px;
		margin-bottom: .5rem;
	}


/*削除*/

#cart .remove_all_btn a {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	color: #808080; 
	cursor: pointer;
}
	
.cart_content_inner_right .cart_content_title_area .title_delete a {
	font-size: 12px;
	color: #808080;
	font-weight: normal;
	cursor: pointer;
}

	
.cart_content_situation_area .rate:before{
	content: "";
}
  


	
.cart_content_inner_right .cart_content_price_area p:first-child {
		font-size: 18px;
		display: inherit;
	}

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

	
.cart_content_inner_right .cart_content_price_area .price_area_sub_down {
		display: none;
	}


.clearfix.normal .cart_content_inner_right .cart_content_price_area .price_area_delete {
		display: none;
	}
	
	
.clearfix.sold_out .cart_content_inner_right .cart_content_price_area {
		display: flex;
	}
	.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: 2px;
		margin-left: 20px;
		font-size: 16px;
        cursor: pointer;
	}
    .clearfix.sold_out .cart_content_inner_right .cart_content_price_area .price_area_delete a {
		color: #fff;
	}
	.clearfix.sold_out, .clearfix.normal {
		position: relative;
	} 

	.cart_content_price_area p:first-child {
		margin-top: 2px;
	}
	
	

	#cart .cart_content_price table {
		width: 50%;
		position: absolute;
		right: 1.5rem;
	}
	#cart .cart_content_price td:first-child {
		font-weight: bold;
		font-size: 20px;
	}
	#cart .cart_content_price td:last-child {
		font-weight: bold;
		color: #E4300E;
		font-size: 20px;
	}
	#cart .cart_content_price td:last-child span {
		font-weight: bold;
		color: #E4300E;
		font-size: 16px;
	}
	

.wrap {
	  width: 80px;
	  margin: 0 auto;
	}
  
	/*20190527_一括削除ボタン追加*/
.cart_title .remove_all_btn{
    text-decoration: underline;
    margin-left: 1rem;
	color: #808080;
  }
  
  
/*---------------------------------カート*/
	
.cart_side_checkout {
	border: 2px solid #EBEBEB;
	margin-top: 1.6rem;
	position: fixed;
	width: 29%;
	}
	.cart_side .cart_side_checkout_price_area {
		padding: 5% 6% 2% 6%;
	}
	.cart_side .cart_side_checkout_price_area .price_area01 {
		border-bottom: 2px solid #EBEBEB;
	}
	.cart_side .cart_side_checkout_price_area .price_area01 tr:last-child td {
		padding-bottom: 1rem;
	}
	.cart_side .cart_side_checkout_price_area .price_area02 tr td {
		padding-top: 1rem;
	}
	
	
.cart_side .cart_side_checkout_price_area table td:last-child {
		text-align: left;
	}
	
.cart_side_checkout .postage-free {
	padding: 0 0.5rem 1rem;	
}
	
.cart_side .cart_side_checkout_btn_area {
	display: block;
		border-top: 2px solid #EBEBEB;
		padding: 1rem .5rem;
	}
	
	
.cart_side_info {
		border: 2px solid #EBEBEB;
	}
	.cart_side_info .cart_side_info_inner{
		padding: 5%;
	}
	
	.cart_side_info_inner_title {
		font-size: 16px;
		color: #000000;
		margin-bottom: 1rem;
	}
	
	.cart_side_info section {
		margin-bottom: 1rem;
	}
	
	.cart_side_info section .col-right.col-9{
		padding-left: .75rem;
	}
	
	.cart_side_info section .info_area_title a {
		font-size: 14px;
		color: #000;
		text-decoration: underline;
		margin-bottom: .25rem;
		font-weight: bold;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
	
	.cart_side_info section .info_area_price {
		font-size: 16px;
		color: #E4300E;
		font-weight: bold;
		margin-bottom: .25rem;
	}
	
	.cart_side_info section .info_area_price  span {
		font-size: 14px;
		color: #E4300E;
		font-weight: bold;
	}
	.cart_side_info section .info_area_situation {
		color: #cec200;
		margin-bottom: .25rem;
	}
	.cart_side_info section .info_area_cart {
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		color: #000000;
		padding: .5rem;
		width: 100%;
		margin: 0 auto;
		background-image: -moz-linear-gradient(
		 top,
		 #FFF100 0%,
		 #EAC21D);
			background-image: -webkit-gradient(
		 linear,left top,left bottom,
		 from(#FFF100),
		 to(#EAC21D));
		}
	
	.cart_side_info section .info_area_cart:before {
		content: '';
		display: inline-block;
		width: 18px;
		height: 14px;
		background-image: url(../img/img_cart/img_cart_icon.png);
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
    	top: 1px;
	}

	
	
	
.max-width.box_content.mx-auto > .btn p {
		width: 100%;
	}
	.max-width.box_content.mx-auto > .btn p:before {
		top: 21px;
		left: 25px;
	}

	
.new_line {display: block;}	
	.header {
		background:#FFF100;
		box-shadow:0 2px 8px rgba(30,30,80,.15);
		left:0;
		line-height:1;
		position:fixed;
		top:0;
		width:100%;
		z-index:24;
	}

	

.content-logo img {
		width: 100%;
        height: auto;
	}
	
	
.content-user .content-user_right .content-user_right_name_inner {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		vertical-align: top;
		margin-bottom: .15rem;
	}
	
	
.content-user .content-user_right .right-align span {
		color: #E4300E;
		font-weight: bold;
		font-size: 16px;
	}

	
.content-logo {
		width: 10%;
		/*order: 1;*/
		padding: 20px 0;
	}
	
header .content-account {
	width: 30%;	
	display: flex;
	order: 3;
	-ms-flex-direction:inherit; /*IE10*/
	-webkit-flex-direction:inherit; /*old webkit browser*/
	flex-direction:inherit;
}

/*#amzn_cart .content-account,
	#confirm header .content-account {
		width: 90%;
	}*/
	
	

	.content-user .content-user_left img {
		width: 38px;
		height: 38px;
		padding-right: .25rem;
	}
	.content-user .content-user_right {
		margin-left: .5rem;
    margin-right: .25rem;
	}
	.header_inner_up_item02_right {
		width: 100%;
		margin-top: .25rem;
	}
	.content-user .content-user_right .content-user_right_name {
		font-size: 14px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		vertical-align: top;
		margin-bottom: .25rem;
	}
	

	
	.content-cart {
		width: 35%;
		padding: 1rem .5rem;		
		flex-direction: inherit; 
 		justify-content: center; 
	}
	.content-cart img {
		width: 40px;
    height: auto;
	  display: block;
    margin: .25rem auto 0 auto;	
	}	

	.content-search {
		width: 60%;
		padding: 1rem 0 0 .5rem;
	}
.content-cart a {
	text-align: center;
	font-size: .8rem;
	line-height: 1.5;
}

	
.content-cart .dropdown {
  right: .5rem;
}

.dropdown .content-cart a {
	text-align: left;
}	

	
	
	
	
/*.header_inner.headerlogin .balloon {
		top: 61px;
	}*/
	

.balloon {
		display: none;
	}
	.drop-hover:hover > .balloon {
	  display: block !important;
	}
	

.dropdown-menu .list-unstyled {
		display: block;
	}
	.drop-hover:hover > .dropdown-menu {
	  display: block !important;
	}
	

	

	
	
	
#list main figure img {
		height: inherit;
		width: inherit;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		max-height: 200px;
	}

	#list .clearfix .col.col-3.sm-col-12 {
		text-align: center;
	}
	
	
#list .box_content .max-width-1.mx-auto {
		text-align: center;
		margin-top: 2rem;
        margin-bottom: 1rem !important;
	}
	
	
#list .box_content .max-width-1.mx-auto a {
		padding: .75rem 2rem;
	}
	#list .box_content .max-width-1.mx-auto.grey_btn a {
		padding: .75rem 2rem;

	}
	
	
#list .box_content .col.col-3.sm-col-12 {
		position: relative;
		height: 200px;
	}
	
	
#list #product_list.box_content .col.col-3.sm-col-12 p.new_arrival  {
		font-size: 16px;
		padding: .25rem .5rem;
	}
	
	
#detail .category {
		border-top: #CCC 0 solid;
		padding: 0 0 1rem 1.25rem;
	}

	#detail .point_necessary {
		border-bottom: #CCC 0 solid;
		padding: .25rem 1rem .5rem;
		margin-bottom: 2rem;
	}
	

	
#detail #comment {
	margin-bottom: 2rem;
	}
	
	
#detail .add_cart_btn {
		margin-bottom: 1rem 0 2rem 0;
	}

	
	
#detail .add_cart_btn {
		display: inline-block;
		width: 40%;
	}
	#detail .new_items_info {
		display: inline-block;
		width: 55%;
		margin-left: 4%;
		position: relative;
    	top: 10px;
	}
	#detail .add_cart_btn.grey_btn {
		display: inline-block;
		width: 40%;
	}
	
	
#detail .tooltip1.pc_on {
		display: inline-block;
	}
	#detail .modalwindow.sp_on {
		display: none;
	}
	div.tooltip1 {
		display: inline-block;
	}

	div.tooltip1 .tooltip2 {
		display: none;
	}

	div.tooltip1:hover {
		position: relative;
	}
	div.tooltip1:hover .tooltip2 {
		display: block;
		position: absolute;
		top: -118px;
		font-size: 90%;
		color: #000;
		background-color: #FFFFFF;
		width: 190px;
		padding: 10px;
		border-radius: 3px;
		z-index: 100;
		border: 1px solid #d2d2d2;
		left: -20px;
	}
	div.tooltip1 .tooltip2 .tool_title {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	div.tooltip1 .tooltip2 .rate {
		position: relative;
		top: 3px;
		margin-right: .5rem;
	}
	
	div.tooltip1 .tooltip2:before{
		content: '';
		z-index: 1500;
		display: inline-block;
		background-repeat: no-repeat;
		width: 16px;
		height: 27px;
		background-image: url(../img/img_cart/img_cart_arrow_down.png);
		background-size: contain;
		position: absolute;
		bottom: -25px;
		left: 19px;
	}
	
	
	
.confirm_right {
		padding-left: 1.75rem;
		width: 85%;
	}
	.confirm_left{
		width: 15%;
	}
	
	
#page_top_sp { display: none !important;}
	#page_top { display: block;}


	.header-rock .header_inner_up_group01 {
		position: inherit;
		padding-bottom: .25rem;
	}
	
	.header-rock .content-search {
	  position: inherit;
		padding: 1rem 0 0 .5rem;
		width: 60%;
	}
	
#cart.not_exist_item.header-rock .cart.max-width.box_content.mx-auto{
	margin-top: 8.5rem;
}
#cart.not_exist_item .cart_inner {
	margin-top:0;
}
	
	
	
/*---------------------------------

	ページごとの調整

	--------------------------------------------*/
	
/*一覧*/	
#list .box_content {
    margin-top: 0;
}

/*詳細*/	
#detail .add_cart_btn {
		margin-bottom: 1rem 0 2rem 0;
	}
	
	


/*カート｜#cart*/	

	.cart_fade_out {
			display: none;
	}
	
	
.cart_fade_out {
		display: none;
}

#cart .cart_inner {
	margin-top: 0;
}
	

#cart .header_inner_down {
	position: inherit;
}

.cart_side .cart_side_checkout_price_area .price_area02 td:first-child:after{
	top:1rem;
}
	
	#cart.not_exist_item .cart.max-width.box_content.mx-auto {
		margin-top: 0;
	}	

#cart .header_inner_down,
#amzn_cart.confirm .header_inner_down,
#confirm .header_inner_down{
		display: none;
	}
	
	
.cart_content_img_area figure img {
    max-height: 200px;
}

	
#amzn_cart .content-cart {
	width: 100%;
}

	
}




@media (min-width: 1024px) {
	
.br-tablet {
	display: none;
}
	
.cart .cart_side {
	margin-left: 2.5%;
}
.cart_side_checkout {
  width: 25%;
}
.exchange header [role="search"] { margin:0 0 0 auto; padding-right:0;/* margin-top:0.75rem;*/}

.exchange [role="search"] form > div:nth-of-type(2) input { width:90%;}
/*.exchange main > .title_lg h2 > span:first-of-type  { margin-left:52px;}*/
header .point_remaining p:last-of-type { margin-bottom:0.5rem;}
.exchange main > .title_lg h2 img { width:53px}
/*.exchange main > .title_lg h2 > span:first-of-type { margin-left:50px;}*/
.br_point{ display:inline; padding-left:0.5rem; }
.br_point.reset{ display:block; }


/*在庫なしの状態*/
.sold_out .cart_content_inner_right .cart_content_title_area .title_delete {
	position: absolute;
	top: 45%;
	right: .5rem;
	width: 4rem;
}
.sold_out .cart_content_inner_right .cart_content_title_area .title_delete a{
	padding: .5rem .75rem;
}
	
	.content-user .content-user_left {
	display: block;
	text-align: right;
}
	

.content-user {
	width: 65%;
	padding: 1rem .5rem;
	color: #000;
	flex-direction: inherit; 
}

.confirm .content-user{
		width: 100%;
	}
	
/* カートページ */
#confirm #address_select > div { border-bottom:none;}
#confirm #address_input { border-top:1px solid #ccc; }

/* ヘッダ　購入可能のみ検索結果へ表示 */
#check_buy_only { padding: 0; margin-bottom: 0.35rem;}
#home #check_buy_only { margin-top: 2rem; margin-bottom:1.25rem; text-align:center;}
#check_buy_only label { font-size:1rem; display:inline-block; font-size:.9rem;}





/*---------------------------------移植*/
	

.cart_fade_out {
	width: 30vw;
}

	
	
#check_buy_only.col.col-12.sm-col-8 {
		width: 66%;
	}
	header form p.how_to.col.col-12.sm-col-12.lg-col-4.px1 {
		margin-bottom: 0;
	}
	
	
	
/*詳細ページ*/
		#detail .box_content h3 {
		border-bottom: 1px solid #EBEBEB;
    	padding-bottom: .75rem;
	}
	
	
.cart_content_inner_right .cart_content_title_area .title_sub {
		margin-bottom: 1.5rem;
	}
	
	

}




@media (min-width: 1200px) {
	
.br-pc {
	display: none;
}

	
body { font-size:16px; }
a:hover { opacity:0.8;}



	
	
#amzn_cart header form p.how_to { width: 100%;}

header .login_account span { padding:0 .2rem;}
header .login_account span:before { content: ""; white-space: inherit;}


/* リストページ */
header .point_remaining { text-align:right;}
header .point_remaining  { padding-top:0; padding-right:0;}
/*#list #product_list > div:nth-of-type(3n+1)::before { content: ""; position:absolute; display:block; width:300%; border-top:#CCC 1px solid;}
#list #product_list > div::before,
#list #product_list > div:first-of-type::before { content: ""; border-top: none;}*/
#list #product_list .box > .btn_choose { padding-right:20%; padding-left:20%;}

#confirm #address_input label span {padding: 0.65rem 0; margin-bottom: 0;}
/*#list #product_list .box:first-of-type > div:first-of-type { padding:1.5rem 5% 1.5rem 5%;}*/

.flexible_box {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	}

	
/*---------------------------------移植*/

/*モジュール*/

	
/*ヘッダー*/
.header_inner.headerlogin .balloon {
		top: 27px;
	}
	
.header_inner_up_group01 {
padding: 0 ;
padding-bottom: .25rem;
}	
	
/*カートページ*/
#cart .cart_content_price {
		padding: 1rem 7rem;
	}
#cart .cart_content_price table {
	width: 35%;
	position: absolute;
	right: 4.5rem;
}

	
	
/*詳細ページ*/
#detail #condition {
		display: inline-block;
		margin-bottom: .75rem;
	}

#detail .add_cart_btn {
	display: inline-block;
	width: 40%;
	cursor: pointer;
	margin-bottom: 1rem 0 2rem 0;
	}

	#detail .add_cart_btn:hover {
		opacity: 0.75;
	}
	#detail .new_items_info {
		display: inline-block;
		width: 55%;
		margin-left: 4%;
		position: relative;
    	top: 5px;
	}

	
	

}