@charset "UTF-8";
@import url("./pager.css");

/* カート、手続きの商品画像 */
.app_content .buy_item_image{
	max-width:70px;
	max-height:70px;
}
.app_content table.grid td.buy_item_td_right{
  text-align: center;
  border-right: 0px;
}
.app_content table.grid td.buy_item_td_left{
  border-left: 0px;
}

/* 商品属性 */
/* 共通カラー */
.item_textinfo_val {
  color: #676;
  display: inline-block;
  margin: 0;
}

/* 商品詳細 */
.item_textinfo_ttl {
  display: inline-block;
  margin: 0;
}

/* 送付先指定画面　商品下のボタン */
.app_content table.grid td.buy_item_button{
  border: 0px;
}

/*関連サーチ*/
.related_tag{
 color:#db5200;
}

.item_image_block.shop .shop_img_1{
	position: absolute;
	width: 50%;
	margin:0;
}

.item_image_block.shop .shop_img_2{
	position: absolute;
	width: 25%;
	height:50%;
	top:0;
	left:50%;
}

.item_image_block.shop .shop_img_3{
	position: absolute;
	width: 25%;
	height:50%;
	top:0;
	left:75%;
}

.item_image_block.shop .shop_img_4{
	position: absolute;
	width: 25%;
	height:50%;
	top:50%;
	left:50%;
}

.item_image_block.shop .shop_img_5{
	position: absolute;
	top:50%;
	height:50%;
	width: 25%;
	left:75%;
}

.item_image_block.shop.three .shop_img_1 {
	width:67%
}

.item_image_block.shop.three .shop_img_2,
.item_image_block.shop.three .shop_img_4 {
	width:33%;
	left:67%
}

.item_image_block.shop.three .shop_img_3,
.item_image_block.shop.three .shop_img_5 {
	display:none;
}

.item_image_block.shop.one .shop_img_1 {
	width:100%
}

.item_image_block.shop.one .shop_img_2,
.item_image_block.shop.one .shop_img_3,
.item_image_block.shop.one .shop_img_4,
.item_image_block.shop.one .shop_img_5 {
	display:none;
}

/*商品説明文 文字設定*/
.item .item_explain {
	line-height: 1.2;
	font-size: 10.5px;
	color:#6f6f8e;
	word-wrap: break-word;
}

/* 商品一覧　リスト表示のdiv化 */
.item_list {

border-top: 1px #ccc solid;
height: 186px;

}
div.item_list .item {

min-height:186px;
position: relative;

}

/* お客様情報入力画面 送料と送付オプション行を色付け */
.app_content table.grid_regi td .send_option_val,
.app_content table.grid_regi td .send_option_price_val,
.app_content table.grid_regi td .send_option_count_val{
	 background-color: #f5f5f5;
}

.app_content table.grid_regi tr.send_postage_tr{
	background-color: #eee;
}

img.category_img {

	/*vertical-align:bottom;*/
	max-width: 100%;

}

.regi_totaltext ,
.buy_item_recaculate_style{
	border-left: 0;
	text-align: right;
	font-weight: bold;
}

.regi1_totaltext,
.buy_postage_free_style,
.buy_total_price_style {
	font-weight: bold;
	text-align: right;
}

.regi2_totaltext {
	border-top: 0;
	border-bottom: 0;
	text-align: right;
	font-weight: bold;
}

.buy_item_recalculate_style {
	border-left: 0;
	border-right: 0;
}

.search_icon_cmn {
	width: 40px;
	height: 40px;
	cursor:pointer;
}

.pane_head_menu_bar.none_keyword .tag_item_search{
	width:auto;
}

.pane_head_menu_bar.none_keyword .tag_icon_search_detail{
	min-width:26px;
	position: relative;
	top : 0px;
	left: 0px;
}

.search_keyword,
.search_btn_cmn {
	display: inline-block;
	vertical-align: middle;
}

.tag_item_search {
	position: relative;
}

.tag_item_search_sp {
	position: relative;
	height: 70px;
}

.tag_item_search_detail{
	background-color:#333;
	z-index: 10000;
	top:33px;
	position: absolute;
	color: #bbb;
	visibility: hidden;
}

.tag_item_search_options {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tag_item_search_detail_show {
	visibility:visible;
}

.err_msg ,
.restore_msg{
  margin: 3em 0;
  padding: 4em;
  font-size: 14px;
  line-height:1.8;
  color: #796002;
  background: #FFF9E4;
  border-radius: 4px;
  border: 1px solid #8D7002;
}

.err_msg_item_list {
	display: inline-block;
	text-align: left;
}

.online_payment_text{
	margin-left: auto;
	margin-right: auto;
	margin-top: 5ex;
	margin-bottom: 5ex;
	text-align:center;
}
.order_complete_text{
	margin: 30px auto 70px;
	text-align: center;
}


table.clImgTable tbody tr td img {
	max-width: 100%;
}

table.clImgTable tbody tr td,
table.clImgTable{
	border:0px;
	vertical-align: top;
}

table.clImgTable{
	table-layout: fixed;
}

 .app_content .item_catalog .item_icon_block {
   text-align: left;
}

img.clImgRadius {
	border-radius: 6px;
}

img.clImgShadow {
	box-shadow: 9px 8px 30px -13px #000000;
}

.member_login,
.member_mypage {
	margin-right: 8px;
}

.cart_msg {
	text-align:center;
}

.item_detail .item_image_thumbnail .item_image_thumbnail_frame {
	display:inline-block;
	margin:4px 2px 4px 4px;
	width:80px;
	height:80px;
}

.item_detail .item_image_thumbnail_val {
	width:100%;
	height:100%;
	object-fit: contain;
}

.item_detail .item_image_thumbnail_src {
	display:inline-block;
	width:100%;
	height:100%;
}

.pankuzu_list_category li,
.related_tag_name_list li {
	display:inline;
}

.pankuzu_list_category{
	padding:0;
	margin:0;
	list-style-type:none;
}

.pankuzu_list_category li:not(:last-child):after{
	content: " › ";
}

.masonry_ie8 {
	width:160px;
}

@media only screen and (max-width:700px) {
	.item_detail .item_image_thumbnail a,
	.item_detail .item_image_thumbnail .item_image_thumbnail_frame {
		width:68px;
		height:68px;
	}
}

hr {
	border-width:1px;
	border-style: inset;
}
/** 利用ポイント選択 */
.cart_usepoint_div{
	margin: 0;
	padding: 0;
	list-style: none;
}
/* オプション選択肢 */
.cart_option_list, .cart_request_list, .request_list{
	margin: 0;
	padding: 0;
	list-style: none;
}
/* オプションテキスト */
.option_text_area{
	box-sizing:border-box;
}
/* オプションテキストのテキストエリア */
.option_text{
	width: 97%;
}
/* オプションの説明文 */
.option_explain{
	padding:12px 8px;
	box-sizing:border-box;
}
/* リクエストの説明文 */
.request_explain{
	padding:12px 8px;
	box-sizing:border-box;
}

.sns_box li:last-child {
  margin-right: 0;
}

/* parts position */

.pane_head .parts_cart .cart_info_postage_block{
	position:relative;
	top:0px;
	right:0px;
}

.parts_cart .cart_info_total_block,
.parts_cart .cart_info_postage_block{
	text-align:center;
}

.parts_cart .cart_btn{
	margin:8px auto;
	display:block;
}

.pane_body .parts_cart .cart_info_total_block{
	display:block;
}

.pane_head .sns_box.sns_parts{
	height: auto;
	float: none;
}

.pane_foot .sns_box.sns_parts{
	display:inline-block;
}

div.pane_head_mid{
	display:block;
}

.see_cart{
	margin-top:2px;
}

/* parts position */

.ad_item_image{
	height:100px;
	width:100px;
	background-position-x: center;
	background-position-y: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin:0 auto;
}

.ad_item{
	text-align:center;
}

.ad_item a {
	display:block;
}

.order_member_insert{
	margin: 32px 0 0 0;
	padding: 6px 0;
	color: rgba(0, 0, 0, 0.85);
	background: rgba(240, 248, 255, 0.85);
	text-align: center;
}

.order_member_insert label{
	font-size: 16px;
}

.category_list .image_link {
	padding: 0;
}

@media only screen and (max-width: 700px) {
	.category_list ul.category li a.image_link {
		height: auto;
		line-height: 0px;
	}
}

div#webpay-checkout #WP_panel a#WP_badge{
	display:none;
}
#WP_footer{
	margin-bottom:25px;
}

div#WP_checkoutBox input[type=button].has-token{
	background:#5cb85c;
}

#WP_checkoutBox{
	margin-left:10px;
	margin-bottom:10px;
}

div#webpay-checkout ul li[data-card-type='american_express'],
div#webpay-checkout ul li[data-card-type='jcb'],
div#webpay-checkout ul li[data-card-type='diners_club']{
	display:none;
}

.member_infomation_disp {
	margin: 30px auto;
}
.member_mypage_info{
	margin-bottom: 3ex;
}

table.cl_table td{
	border: 1px solid #ccc;
}




table.conveni_fee_table,
table.daibiki_fee_table {
	display: table;
	margin: 16px 0 16px 16px;
}

table.conveni_fee_table .conveni_fee_tbody,
table.daibiki_fee_table .daibiki_fee_tbody {
	display: table-row-group;
}


table.conveni_fee_table thead tr,
table.conveni_fee_table .conveni_fee_tbody tr,
table.daibiki_fee_table thead tr,
table.daibiki_fee_table .daibiki_fee_tbody tr,
table.postage_price_table thead tr {
	display: table-row;
	border-bottom: 1px solid #ebebeb;
}

table.conveni_fee_table thead tr td,
table.daibiki_fee_table thead tr td,
table.postage_price_table thead tr td,
table.postage_pref_table td.pref_ttl,
table.item_trans_table thead tr td,
table.item_trans_table td.itemtrans_item_num_ttl,
table.item_trans_table td.itemtrans_item_info_ttl,
table.item_trans_table td.itemtrans_item_img_ttl,
table.count_fee_table td.detail_info_ttl_cell,
table.detail_info_table .detail_info_ttl_cell{
	display: table-cell;
	padding: 10px 10px 6px;
	font-weight:bold;
	color: #333;
	background: #f5f5f5;
}
.postage_pref_tbody .pref_ttl, 
.postage_pref_tbody .pref_val{
	padding: 5px;
	border-width: 1px;
}
table.conveni_fee_table .conveni_fee_tbody td,
table.daibiki_fee_table .daibiki_fee_tbody td {
	display: table-cell;
	padding: 9px 10px 5px;
}

.pref_ttl{
	white-space: nowrap;
}
.pref_name_price{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.pref_name_price > li{
	display: inline-block;
	margin: 2px 0;
	min-width: 60px;
	text-align: center;
	white-space: nowrap;
	border-right: 1px solid #ddd;
}

.card_name_main,
.card_no_main,
.card_limit_main{
	margin:10px 1px;
}

.card_repay div{
	float:none;
}

.card_limit_year,
.card_limit_month{
	display:inline-block;
}

.card_cvc_img,
.card_cvc_area{
	margin:10px 1px;
}

.card_cvc_img{
	max-width:150px;
}

.card_brand_img img {
	max-width:40px;
	vertical-align: middle;
}

.card_brand_img{
	margin:10px 1px;
}

.credit_info_tr{
	padding:0;
}

.credit_info_body{
	display:none;
}
.spec_date_calendar{
	white-space: nowrap;
}
/** 配達希望日第2希望 */
.second_spec_date{
	display:inline-block;
}
/** 運送方法時間指定の選択肢 */
.spec_time_line{
	margin: 0;
	padding: 0;
	list-style: none;
}
/** 運送方法時間指定の画像 */
.spec_time_img{
	display:inline-block;
	text-align: center;
	vertical-align: top;
}

.contact_end_tbl{
	margin:0 auto;
}
/** 全画面共通 */
.label:not(.disabled) {
	cursor:pointer;
}
.member_card_area {
	padding: 1em;
}

.member_card_ttl{
	padding-right:1em;
}

.member_card_limit_val{
	padding-right:1em;
}

.card_brand_ttl img{
	max-height:20px;
}
/** お客様情報入力画面の運送方法選択(初期表示を非表示にする) */
.select_trans_postage{
	display:none;
}

.item_price_val {
	white-space: nowrap;
}

.category_select{
	margin: 10px 0;
}

.member_title,
.member_side_ttl,
.buy_none_member
.buy_welcome_member{
	margin-top: 1.8em;
}

.contact_item_option {
	    padding-left:1ex;
}

.spec_time_img .label .label_value{
	display: block;
}

.mregu_btn, .m_reserve_btn{
	width:17ex;
	margin: 2px 0;
}

.regular_number{
	display: inline-block;
	padding: 6px;
	min-width: 66px;
	line-height: 1;
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	background: #9AA73B;
	border-radius: 3px;
}

.unread{
	display: inline-block;
	padding: 6px;
	min-width: 66px;
	line-height: 1;
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	background: #9AA73B;
	border-radius: 3px;
}

.member_regular_edit_val form {	
	display:inline-block;
}

.resale_title, .reserve_order_title,
.reserve_check_title, .reserve_buy_title{
	margin: 1.8em 0;
	padding: 1.5em 1em;
	font-weight: bold;
	background: #f5f5f5;
	box-sizing: border-box;
}

.resale_end_ttl{
	font-size: 25px;
    margin-bottom: 2ex;
}

.item_regular{
	margin: 16px 0;
	padding: 0;
	line-height: 1.8;
	color: #333;
	background: #fff;
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	list-style: none;
}

.item_regular_flg{
	font-weight: bold
}

.regular_period_area{
	margin: 10px 10px;
	padding: 10px;
	font-weight: bold;
	color: #555;
	background: #f4f5f6;
	border: 1px solid #e7e8e9;
}

.regular_interval_area {
  margin: 5px 0;
}

.regular_period {
  margin: 10px 10px;
  padding: 0 0 0 30px;
  list-style-type: disc;
  line-height: 1;
  color: #248458;
}

.regular_period > li {
    margin: 10px 0;
}

.regular_next_price_list{
	display: block;
	margin: 0px 0px;
	padding: 0px 10px;
	list-style: none;
}

.regular_next_price_list > li{
	display: block;
	margin: 10px;
	padding: 0;
}

.buy_regular_title,
.buy_regular_next,
.buy_regular_trans
{
	color:#EA1313;
}
.buy_regular_title:before{
	content:"(";
}
.buy_regular_title:after{
	content:")";
}

.page_title{
	font-size:22px;
}

/* 詳細検索エリア */
.multi_category_area ul{
	position: relative;
	padding:0;
	height:100px;
	list-style:none;
	color:#505050;
	text-shadow:none;
	background:#fff;
	overflow-y:scroll;
	border:1px solid;
	border-radius:3px;
	-webkit-overflow-scrolling:touch;
}
.multi_category_area li{
	line-height:1.8em;
}
.price_search{
	margin: 10px 0;
}

/* カートやログインのボタン */
.buy_item_image{
	display: inline-block;
}
.buy_item_img_val a{
	display: inline-block;
}
.login_button{
	display: inline-block;
	vertical-align: middle;
}
.cart_button_regi{
	display: inline-block;
}
/* カートボタン */
.cart_button{
	margin: 0 0.5em;
	padding: 0;
	outline: 0;
	background: transparent;
	vertical-align: middle;
	white-space: nowrap;
	border: none;
	cursor: pointer;
}
.cart_button_img{
	display: block;
}
/* ログインテーブル */
.member_login_table{
	max-width: 100%;
	width: 40ex;
}

.cart_button:focus {
	opacity: 0.8;
}

/* カテゴリ */
.top_menu_pulldown li.category_menu_selected ul.category_menu_left,
.category_menu_left{
	right: 100%;
	left: auto;
	top: 0px;
} /* for category_accordion.js */
.top_menu_pulldown li.category_menu_selected ul.category_menu_right,
.category_menu_right{
	right: auto;
	left: 100%;
	top: 0px;
}  /* for category_accordion.js */

.item_count_update,
.item_count_cancel{
	font-size:10px;
	white-space: nowrap;
}

.dlg_alert_title {
	margin: 0 0 1.6em;
	font-size: 1.2em;
	font-weight: bold;
	color: #d71;
}

.dlg_alert_title:before{
	content:"\f071";
	display:inline-block;
	margin-right:0.15em;
	font:normal normal normal 14ex/1 FontAwesome;
	font-size: 200%;
	vertical-align:bottom;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.item_count_update_area{
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
}

.goog-te-gadget .goog-te-combo { /* googleウェブサイト翻訳ツールselect */
	padding: 0;
}
@media only screen and (max-width: 700px) {
	.goog-te-gadget .goog-te-combo {
	font-size: 16px;
	}
}
a.goog-te-menu-value {
    display: inline-block;
}

input:disabled,
textarea:disabled,
select:disabled,
option:disabled {
	color: #999;
	background: #e5e5e5;
	border-color: #c3c3c3;
	background: #dfdfdf;
}

input[type=submit],
input[type=reset],
input[type=button],
input[type=image] {
	cursor: pointer;
}

.reserve_item_table{
	margin-bottom: 16px;
}
.cartin_item{
	display: inline-block;
	text-align: left;
	margin: 0;
}
.bottom_buttons{
	margin: 15px auto;
	text-align: center;
}
.top_menu_pulldown .header_menu_img{
	max-height:100%;
	vertical-align:middle;
}
.buy_member_insert_value:before{
	content:attr(title);
}

.regular_explain{
	margin: 10px;
}

.regular_cycle_explain{
	font-weight: normal;
}

.reserve_order_page, .reserve_check_page, .reserve_end_page, .reserve_buy_page {
	margin: 10px auto;
	max-width: 650px;
	box-sizing: border-box;
}
.resale_end_page{
	text-align: center;
}
.reserve_order_page table, .reserve_check_page table {
	width: 100%;
}

.important_msg{
	font-weight: bold;
}

.item_data_block{
	line-height:1.2;
	word-wrap: break-word;
	overflow: hidden;
}

.common_regi_next_button{
	margin-bottom: 60px;
}

.member_main_menu li {
	margin-bottom: 8px;
}

.window_open{
	padding: 5px;
}
.law_plus_info{
	padding: 5px;
}

@media screen and (max-width: 700px){
	img.law_img_pc{
		display: none;
	}
}
@media screen and (min-width: 701px){
	img.law_img_sp{
		display: none;
	}
}

.buy_password_reminder{
	margin: 10px auto;
	text-align: center;
}

.regular_period_last{
	white-space: nowrap;
}

.trans_slip_url,
.order_trans_name{
	white-space: nowrap;
}

/* カート内の商品個数が2以上 */
.item_count_multi{
	font-weight: bold;
	font-size: 140%;
	color: #f00;
	white-space: nowrap;
}

@media only screen and (max-width: 700px){
 .ui-widget input, .ui-widget select, .ui-widget textarea,
 input:not([type=submit]):not([type=reset]):not([type=button]):not([type=image]),
 select,
 textarea {
	padding: 3px;
	font-size: 16px;
 }
}

.regular_month_select_check label{
	display:inline-block;
}

.regular_month_select_area{
	display:inline-block;
	vertical-align:middle;
}

.cart_button_val {
	min-width: 160px;
}

.item_maker_free{
	font-size:11px;
	line-height:1.3;
}

.buyer_email_disp, 
.member_info_email_disp, 
.member_new_email_disp,
.reserve_order1_email, 
.reserve_order2_email{
	font-weight: bold;
	font-size: 1.5em;
}

.regular_interval_select{
	margin: 1em 20px;
	padding: 0;
	list-style: none;
}

.regular_interval_select .label{
	margin-right: 1em;
	min-width: 5em;
	vertical-align: middle;
}

.regular_select_area{
	display: inline-block;
	vertical-align: middle;
}
.regular_select_area select{
	vertical-align: middle;
}

.contact_name,
.contact_mail,
.contact_text{
	width:100%;
}

.current_category_parts .next_category{
	display:none;
}

.member_reserve_item_name_val, .member_reserve_order_limit{
	white-space: nowrap;
}

/* jQuery-Validation-Engineのスタイルをオーバーライド */
.formError .formErrorContent, .formError .formErrorArrow div {
  font-size: 13px;
  font-weight: bold;
  color: #a94442;
  background: #ffffad;
}

.formError.inline{
	display:block;
}

.order_item_list,
.child_list{
	margin:0;
	padding: 0 0 0 20px;
}
/** 商品詳細画像のスタイル */
.item_image_main{
	position: relative;
}

@media print{
  .member_reg_agreement{
    height:auto;
  }
}

.err_table{
	width:100%;
}

.translated-ltr .notdisp_translate{
	display:none;
}

.member_new3_msg{
	line-height: 2;
}

.law_shop_tbl,
.law_pay_tbl,
.law_post_tbl,
.law_return_tbl{
	width:100%;
}

.law_plus_info{
	margin: 10px auto;
	width:95%;
}

.law_plus_info tr{
	border-bottom-width: 1px;
}

.law_plus_info th{
	padding-left: 10px;
	width: 140px;
	text-align: left;
	white-space: nowrap;
}

.common_regi_next_button,
.cart_button_regi,
.login_button{
	outline: 0;
	border:0;
	background:none;
	-webkit-appearance: none;
}

/* design.css の .regi_flow0 の代わり 帳票発行アドイン(仮称) */
.issuance_center {
	text-align: center;
}

.item_list .item_image_frame {
	flex: 0 0 150px;
}

.item_list .item_data_block {
	flex: 1 1 100px;
	padding-left: 10px;
}

.history_detail{
	display: table;
	margin: auto;
}

.history_not_found{
	margin: 30px 0;
}

.history_change{
	margin: 10px;
}

.item_list .item_pane {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.point_history_btn:after{
	content:attr(title);
	padding-left: 1em;
}

.item_detail_link:after{
	content: attr(title);
	padding-left: 1em;
}

.item_law_list {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
}

.item_law_list > li {
	margin: 0 0 10px 20px;
}

.point_memo:after{
	content: attr(title);
}

.welcome .member_group_disp .member_name_separator:before{
	content: "/";
}
.member_name_separator {
	margin: 0 3px;
}

.grid .grid_head.section_ttl {
	width: auto;
}

a {
	cursor: pointer;
}

.skip_text{
	text-align:left;
}

.skip_regular_order,
.order_cancel{
	margin: 1em 0;
	padding: 1em;
	line-height: 1.8em;
	border: 1px solid #cdcdcd;
}
	
.list_item_kind:before{
	content:"(";
}

.list_item_kind:after{
	content:")";
}

.list_next_date{
	white-space: nowrap;
}

.list_specify{
	white-space: nowrap;
}

.regi_oprder_number{
	font-size: 1.2em;
	white-space: nowrap;
}

.label.regular_radio{
	display: block;
	margin: 0;
	padding: 15px 10px;
}

.item_regular > li:not(:last-child) {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cdcdcd;
}

.regular_ttl {
	margin-right: 7px;
}

.login_select{
	margin: 30px auto;
	text-align: center;
}

.go_member_insert_btn{
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  letter-spacing: 0.1em;
  position: relative;
  display: block;
  margin: 40px auto;
  padding: 20px 10px;
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  font-size: 16px;
  line-height: 1;
  outline: none;
  color: #fff;
  background: #66D8FF;
  border-width: 0px;
  border-radius: 3px;
  box-shadow: 0 1px 4px -1px rgba(0,0,0,0.3);
  -webkit-transition: all 250ms;
  transition: all 250ms;
  cursor: pointer;
  -webkit-appearance: none;
}

.go_member_insert:after{
    content: attr(data-title);
    display: inline-block;
    vertical-align: middle;
}

.member_new_confirm_msg{
	margin: 20px 0;
	text-align: center;
}

.member_history_price_val{
	white-space: nowrap;
}

.regular_form_area.member .regular_month_select_check_area{
	width: 400px;
}

.cf:after,
.cfx:after {
	content: '';
	display: block;
	clear: both;
	width:0;
	height:0;
	flex:0 0 0px;
}

.grid > thead td {
	white-space: nowrap;
}

.close_btn_parent{
	overflow:hidden;
}

.c-table{
	margin: 0 auto;
}

.member_news_date{
	text-align:right;
}

.mmeber_news_text{
	text-align:left;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .clImgTable {
		width: 100%;
	}
}

.online_pay_em{
	font-weight: bold;
	margin: 40px auto;
    padding: 20px 10px;
}

.item_postage .usable_trans_info{
	white-space: nowrap;
}
.cart_info_usable_trans_text_tr{
	text-align:right;
}
.item_trans_info .item_trans_ttl{
	text-align:left;
}
.item_trans_table{
	margin: 5px 0 30px;
	font-size: 12px;
	line-height: 1.5;
}
.item_trans_table tbody{
	text-align: center;
}
@media only screen and (max-width: 700px) {
	.item_trans_table td{
		min-width:100px;
	}
}
.internal_trans_table{
	/* margin: 6px 0 20px; */
}
.item_trans_table .itemtrans_item_num_ttl, 
.item_trans_table .itemtrans_item_img_ttl{
	border-right-style: hidden;
	min-width: 0;
}
.itemtrans_item_image{
	max-width:70px;
	max-height:70px;
}
.itemtrans_item_info_ttl{
	text-align: left;
}
.itemtrans_item_info_ttl .itemtrans_item_code{
	font-weight: normal;
}

/** .flatpickr.cssのスタイルをオーバーライド */
/*.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
	color: rgba(57, 57, 57,0.7);
	font-weight: normal;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
	color: #ababab;
	color: rgba(57, 57, 57, 0.2);
	background: rgba(216, 216, 216, 0.4);
	border-radius: 0;
}*/
.flatpickr-day.today {
  border-color: #959ea9;
}
.pane_regi .flatpickr-day.selected{
	pointer-events: none;
}
.flatpickr-current-month span.cur-month{
	margin-right: 0.5ch;
}

/*.flatpickr-day.prevMonthDay.disabled, 
.flatpickr-day.prevMonthDay.disabled:hover,
.flatpickr-day.nextMonthDay.disabled, 
.flatpickr-day.nextMonthDay.disabled:hover {
	color: #ababab;
	color: rgba(57, 57, 57, 0.2);
	background: rgba(216, 216, 216, 0.75);
}

.flatpickr-day.prevMonthDay, 
.flatpickr-day.nextMonthDay {
	color: #9c9c9c;
	color: rgba(57, 57, 57, 0.5);
}*/

@media screen and (max-width: 700px){
	.flatpickr-month .flatpickr-current-month .numInputWrapper input.numInput.cur-year{
		margin: -2px 0 0 5px;
		padding-top: 0;
		padding-bottom: 0;
		line-height: 1;
		vertical-align: middle;
	}
}

.member_remarks{
	width:100%;
}

.complaint_text{
	width:100%;
}

.buyer_email,
.buyer_email_disp,
.member_info_email_disp,
.member_new_email_disp,
.reserve_order1_email,
.reserve_order2_email {
	font-weight: bold;
	font-size: 1.5em;
}

.law_ttl,
.regular_disabled_limit_ttl{
	margin: 1.8em 0 1em;
	font-weight: bold;
	font-size: 1.15em;
	border-bottom-width: 1px;
}

.law_headline_ttl {
	font-weight: bold;
	font-size: 1.4em;
}

.sp_ttl{
	font-size: 90%;
}
.sp_ttl:after{
	content: ":";
	margin-right: 1ex;
}

label img{
	pointer-events: none;
}

.shareBtn.shareBtnIcon {
	min-width: 50px;
	height: 32px;
	line-height: 32px;
	padding-left: 0;
	padding-right: 0;
	font-size: 17px;
	text-align: center;
}

.shareBtn.shareBtnIcon.shareBtnSmall {
	min-width: 40px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
}

.shareBtn.shareBtnIcon.shareBtnLarge {
	height: 48px;
	line-height: 48px;
	font-size: 26px;
}

.shareBtn.shareBtnIcon .btn_text {
	display: none;
}

.shareBtn.shareBtnIcon i {
	margin-right: 0;
}

.shareBtnGoogleP {
	background: #dc422b;
}
.shareBtnGoogleP:hover,
.shareBtnGoogleP:focus {
	background: #ba3f2d;
}

.order_remarks,
.order_memo{
	width: 98%;
	height: 200px;
}

@media screen and (max-width: 700px) {
	.order_remarks,
	.order_memo {
		height: 90px;
	}
}

.regular_period_price{
	margin-bottom: 1ex;
}

.list_date,
.list_time,
.list_id{
	white-space: nowrap;
}

.important_text_val{
	margin-top:8px;
}

.conveni_select_msg{
	text-align:center;
	margin:10px 0;
}

.complaint_company{
	font-size:1ex;
}

.complaint_end_tbl{
	text-align:center;
}

.regular_caution{
	width:400px;
	margin:0 auto;
}

.item_list .item_icon_block {
	flex: 0 0 100%;
	margin-bottom: 5px;
}

.item_list .item_icon_block img{
	max-height: 36px;
	vertical-align: top;
}

.shop_complaint {
	color: #ccc;
}

.ui-helper-hidden-accessible{
	display:none;
}

.container { width: 800px; margin: 0 auto; }

.conveni_select_tr img{
	    vertical-align: middle;
}

.conveni_select_info .label{
	padding: 5px 0;
	display: block;
}

.conveni_select_info .label input[type=radio] + .label_icon {
	vertical-align: bottom;
}

.conveni_select_info .label_value {
  padding: 5px 15px;
  border: 3px solid #ddd;
  border-radius: 3px;
  background: #f5f5f5;
  filter: grayscale(80%);
  opacity: .6;
}

.conveni_select_info input:checked ~ .label_value {
  background: #fff;
  border-color: #1a85dc;
  filter: none;
  opacity: 1;
}

.lawson,
.faymily_mart,
.seicomart,
.circle_k_sin,
.sunkus{
	max-width:75px;
}

.circle_k{
	max-width:150px;
}

.mini_stop{
	max-width:50px;
}

.seveneleven{
	max-height: 20px;
}

.regular_option_text{
	color: #EA1313;
}

.conveni_select_end{
	text-align:center;
}

.textarea_auto_height {
	line-height: 1.3em;
	max-height: 90vh;
}

.member_text_icon:before{
	content: '\f12c';
	color: #46cbdb;
	cursor: pointer;
	font-family: 'WebHostingHub-Glyphs';
}

.member_text_icon{
	animation: fluffy1 3s ease infinite;
	display:inline-block;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-5px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-5px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

.member_msg{
	margin-bottom: 10px;
}

.all_read_btn.common_opt_btn {
	margin: 0 0 0 40px;
	padding: 1ex;
	font-size: 12px;
}

.mypage .member_notice_ul {
	margin: 0;
	list-style-type: disc;
	padding: 0 0 0 2em;
}

.mypage .member_notice_li {
	margin: 1ex 0;
}

.member_mypage_notice_a {
	margin: 0 1ex;
}

.member_msg .member_notice_ul {
	list-style: none;
	padding: 0;
}
.member_msg .member_notice_li {
	margin: 0 0 1ex;
	border-bottom-width: 1px;
}
.member_msg .member_notice_head {
	margin: 0 0 1ex;
}

.next_dlg_check{
	display:inline-block;
}

.formError .formErrorContent {
	border-radius: 2px;
	box-shadow: 0 5px 7px -0px rgba(156, 156, 156, 0.5);
}

.formError .formErrorArrow {
	margin: -4px 0 0 10px;
}

.formError .formErrorArrow div {
	box-sizing: content-box;
}

.out_no {
  font-size: 20px;
  font-weight: bold;
  color: #1a72d0;
  white-space: nowrap;
}

.err_msg_title{
  margin-bottom: 1em;
  font-weight: bold;
}

.tax_diff_tr,
.tax_diff_tr td{
  text-align:right;
}

.tax_diff_info:before{
  content: "(";
}

.tax_diff_info:after{
  content: ")";
}

.tax_div_marker {
  margin: 0 .5ex;
}
.tax_reduced_marker {
  margin: 0 .5ex;
  font-size: 0.85rem;
  font-weight: bold;
  color: #007769;
}
.tax_marker_explain,
.tax_diff_info {
  font-size: 0.9rem;
  color: #47a89c;
}

input.v_err,
textarea.v_err,
select.v_err{
  color: #000;
  background-color: #edf4ff !important;
  box-shadow: 0px 0px 0px 1px #737898 inset !important;
  border-color: #737898 !important;
}

.item_detail_dlg .ems_title_bar{
	width: 90vw;
}

.item_detail_dlg .ems_dlg_con{
	width:100%;
	margin:0;
}

.detail_close_btn,
.detail_jamp_btn{
	position: absolute;
    width: 30px;
    height: 30px;
    background: #ddd;
    text-align: center;
    vertical-align: -webkit-baseline-middle;
    border-radius: 15px;
   	cursor: pointer;
   	padding:5px;
   	color:#fff;
   	font-weight:bold;
   	z-index:100;
}

.detail_jamp_btn{
	left:35px;
}

.item_detail_side{
	width: 35%;
	position: fixed;
	top: 0;
	box-sizing: border-box;
	display: inline-block;
	height: 100vh;
	overflow-y: scroll;
	transform: translateZ(0);
	vertical-align: top;
	white-space: normal;
	overscroll-behavior: contain;
}

.contents_side:not(.none){
	width:65%;
	display: inline-block;
}

.item_detail_side .detail_body1,
.item_detail_side .detail_body2{
	float:none;
}

.item_detail_side .detail_body2{
	margin:0;
}

.item_detail_side .item_detail .detail_top,
.item_detail_side .item_detail .detail_body1,
.item_detail_side .item_detail .detail_body2,
.item_detail_side .item_detail .detail_foot{
	width:auto;
}

.item_detail_side .app_content .item_detail .item_image_main{
	float:none;
}

.item_detail_side blockquote{
	margin:0;
}

.detail_jamp_btn:before{
  content: "\f2d0";
  display:inline-block;
  margin-right:0.15em;
  font:normal normal normal 14ex/1 FontAwesome;
  font-size:100%;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.item_detail_side .pane_body_mid_1,
.item_detail_side .pane_body_mid_2,
.item_detail_side .pane_body_mid_3{
	padding: 0;
}

.item_detail_side .pane_body_mid{
	flex-direction: column;
}

.item_detail_side .pane_body_mid_1,
.item_detail_side .pane_body_mid_2,
.item_detail_side .pane_body_mid_3{
	flex-basis: auto;
	min-width: auto;
	width:auto;
}

@media screen and (max-width: 700px) {
	.item_detail_side{
		width: 100%;
		position: fixed;
	}
	
	.contents_side:not(.none){
		width: 100%;
		display:block;
	}
}

.chat_box_small_window{
	width: 400px;
	height: 400px;
	max-height: calc(100vh - 20px);
	background: #ffffff;
	position: fixed;
	bottom: 10px;
	z-index: 100;
	left:10px;
	opacity: 0.97;
}

.chat_box_small_window.none{
	display:none;
}

.chat_box_small_window .chat_text_area{
	height:50px;
	padding: 2px;
}

.chat_text_area{
	display:inline-block;
}

.chat_box_small_window .chat_box_area{
	max-height: calc(100% - 50px);
}

.chat_search_move{
	position:relative;
}

.chat_window_reduction:before,
.chat_window_extend:before{
	font-family: 'WebHostingHub-Glyphs';
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	padding-top: 5px;
	box-sizing: border-box;
	cursor: pointer;
}

.chat_window_reduction:before{
	content: '\f30e';
}

.chat_window_extend:before{
	content: '\f30f';
}


.chat_box_small_window.red{
	width:30px;
	height:30px;
}

.chat_box_small_window.red .chat_window_extend{
	display:inline-block;
}

.chat_search_area .chat_window_reduction,
.chat_search_area .chat_window_extend,
.chat_box_small_window.red .chat_window_reduction,
.chat_box_small_window:not(.red) .chat_window_extend,
.chat_box_small_window.red .chat_box_area,
.chat_box_small_window.red .chat_text_area{
	display:none;
}

.drag-and-drop {
    cursor: move;
    position: absolute;
    z-index: 1000;
}

.chat_box.none{
	display:none;
}

.drag-and-drop.fix{
	position:fixed;
}

.ems_drag {
    z-index: 1001;
}

/** ここまで */

.social_login_ttl,
.login_ttl{
	text-align:center;
}

.insta_hashtag_ul img,
.insta_hashtag_ul video{
	width:200px;
}
.insta_hashtag_ul li{
	display:inline-block;
	opacity: 0;
}

.article_icon {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  display: inline-block;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  font-size: 12px;
  letter-spacing: 0em;
  line-height: 18px;
  box-sizing: border-box;
  color: #fff;
  background-color: #65d581;
  border: 1px solid transparent;
  cursor: pointer;
}
.article_icon:after {
  content: attr(title);
}

.member_update_chk_area{
	padding-top: 20px;
}

.card_pay_ul{
	list-style-type: none;
	margin: 0;
	padding-left: 1ex;
}

.change_conveni{
	margin-left:10px;
}

.member_history_edit_val ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.member_history_edit_val li{
	display: inline-block;
}
.member_reminder_choices_ul{
	margin: 0;
	display: inline-block;
	text-align: left;
}

.text_info_ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.text_info_dl{
  margin: 0;
}

.buy_reserve_message:before{
	content:"(";
}
.buy_reserve_message:after{
	content:")";
}
.buy_reserve_message_ttl:after{
	content:"：";
}

.contact_anno_text{
  text-align: center;
}

.detail_info_link{
	white-space: nowrap;
}
.item_normal_price > .detail_info_link,
.member_item_price > .detail_info_link{
	margin-left: 1em;
}

.mall_cart_area li{
	padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.cart_sub{
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  width: 80%;
}

.mall_shop{
  display: flex;
  align-items: center;
}

.cart_sub .mall_shop a{
  display: flex;
  align-items: center;
}

.mall_shop img{
  max-width: 70px;
  max-height: 70px;
}

.mall_cart{
  width:330px
}

@media screen and (max-width: 700px) {
	.cart_sub{
		display: inline-block;
	    width: 100%;
	    text-align: center;
	}
	
	.mall_shop{
	    display: inline-block;
    	text-align: center;
	}
	
	.mall_cart{
		width:100%;
	}
}

/* 数値入力の増減矢印を非表示にする */
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}
/* 数量の増減ボタン */
.spinner_btn_area{
	margin-left: 4px;
}
.btn_spinner{
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.spinner_area input[type="button"]{
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-left: 1px;
	margin-right: 1px;
	width: auto;
	touch-action: manipulation;
}
.spinner_btn_area{
	white-space: nowrap;
}
.spinner_area .spinner_disabled, 
.spinner_area .spinner_disabled:hover,
.spinner_area .spinner_disabled:focus{
	opacity: 0.5;
	color: #777;
}

.carousel_parent_0_0 .swiper-slide,
.carousel_parent_1_0 .swiper-slide{
	width: 150px;
}

.regi_flow2 .credit_info{
	margin-bottom: 30px;
	border-bottom-width: 1px;
	margin-left: 15px;
}

.rental_date_calendar{
	white-space: nowrap;
}

/* クレジットカード決済(ペイパル) のクレジットカード情報入力フォーム
 * 参考元: https://www.paypalobjects.com/webstatic/en_US/developer/docs/css/cardfields.css
 * まだコピペしただけ
 */
.credit_info_paypal_card .card_field {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	margin-top: 6px;
	margin-bottom: 16px;
	resize: vertical;
	height:40px;
	background:white;
	font-size:17px;
	color:#3a3a3a;
	font-family:helvetica, tahoma, calibri, sans-serif;
}

/* カートページ 最終確認ページの特商法 */
.law_regi_fin {
	max-width: 1000px;
	margin: 0 auto;
  padding: 18px 50px;
  background-color: #F5F5F7;
	color: #7E7E7E;
}
.law_regi_fin_border{
	border: none;
}
.law_regi_fin_ul {
  margin: 0;
	padding: 0 0 0 30px;
}
.law_regi_fin_title {
  font-weight: bold;
  font-size: 0.9rem;
}
.law_regi_fin_content {
  padding: 12px 0 0 0;
}
.law_regi_fin_return_policy {
  margin: 32px 0 0 0;
}

.logo,
.shop_name{
	cursor: pointer;
}

.item_image_block{
	position:relative;
}

.contact_infomation_table{
	margin: 0 auto;
}

/* クーポン */
.coupon_list{
	list-style: none;
    padding: 0px;
}

.coupon_list li{
	padding: 1ex;
    border: 1px solid;
    background: #fff9e4;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, .2);
    margin-bottom:3ex;
}

.mall_coupon{
	display: flex;
    min-height: 150px;
}

.coupon_info{
	margin-left: 2ex;
}

.coupon_name{
	font-size: 20px;
}

.coupon_price_val{
	font-size: 50px;
    font-weight: bold;
    color: red;
}

.coupon_price_unit{
	font-size: 25px;
    font-weight: bold;
    color: red;
}

.coupon_img{
	max-width: 150px;
	max-height: 150px;
}

.coupon_img img{
	max-height:100%;
}

.coupon_limit .limit_time,
.coupon_limit .limit_text{
	margin-left:1ex;
}

.rep_coupon_msg,
.rep_point_msg{
	text-align: center;
	font-weight: bold;
	color: #60a362;
}

.point_shop,
.point_gift{
	display: flex;
	align-items: center;
}

.point_info{
	display: flex;
}

.point_val.history{
	font-size:30px;
}

.point_area{
	margin-left: auto;
}

.point_unit{
	font-size: 15px;
	text-align: right;
}

.point_history_list{
    list-style: none;
    padding:0;
}

.point_history_list li{
	border-bottom: 1px solid #C0C0C0;
}

.mall_point{
	padding: 1ex;
}

.point_area.grant{
	color:#FF6347;
}

.point_area.use{
	color:#4682B4;
}

.point_tbl,
.point_tbl tr,
.point_tbl th,
.point_tbl td{
	border:none;
}

.point_tbl{
	min-width:500px;
	margin: 0 auto;
}

.point_ttl.useful{
	font-size:20px;
}

.point_val.useful{
	font-size:30px;
	font-weight:bold;
}

.limit_point_tbody .point_ttl{
	margin-left: 2ex;
}

.point_tbl .point_val{
	text-align: right;
}

.limit_point_tbody div{
	color:#aaa;
}

.gift_code_input{
	margin-bottom: 2ex;
}

.point_now_area{
	margin-bottom: 2ex;
}

.main_logo{
	width:400px;
	margin: 0 auto;
}

.participation_button{
	text-align:center;
	margin-top:50px;
}

#guide_link{
	text-align:center;
	margin-top:50px;
}

#guide_link a {
	display: inline-block;
	border: 1px solid #000;
	padding: 12px 20px;
	font-size: 14px;
	color: #000;
	width: 190px;
	line-height: 1;
	text-align: center;
}

#guide_link div {
	display: inline-block;
	border: 1px solid #000;
	padding: 12px 20px;
	font-size: 14px;
	color: #000;
	width: 190px;
	line-height: 1;
	text-align: center;
}

.auth_trigger{
	background: #f25137;
	border: none;
	font-size: 28px;
	display: inline-block;
	width: 378px;
	margin: auto;
	color: #fff;
	padding: 19px 9px;
	line-height: 1;
	text-align: center;
}

.guide {
	margin: 0 60px 40px 60px;
	line-height: 1.8;
}

#ems_dlg_guide_dlg{
	max-width:90%;
}

.kuji_main_image_container{
	padding:0em 10em;
}

.kuji_win_image_container{
	padding:0em 10em;
}

.kuji_lose_image_container{
	padding:0em 10em;
}

.kuji_main_image{
	width:100%;
}

.kuji_win_image{
	width:100%;
}

.kuji_lose_image{
	width:100%;
}

.distribution_code{
	
}

.history_image_container{
	max-width:200px;
	display:inline-block;
}

.result_char{
	display:inline-block;
}

.yappli_only{
	display:none !important;
}