/********************/
/* ロード中の画像 */
/********************/
#loading{
	text-align : center;
	position : absolute;
	top : 250px;
	left : 600px;
}

#loading_0{
	text-align : center;
	position : relative;
	top : 200px;
	left : 0px;
}
#loading_1{
	text-align : center;
	position : relative;
	top : 200px;
	left : 0px;
}
#loading_2{
	text-align : center;
	position : relative;
	top : 200px;
	left : 0px;
}
#loading_3{
	text-align : center;
	position : relative;
	top : 200px;
	left : 0px;
}
#loading_4{
	text-align : center;
	position : relative;
	top : 200px;
	left : 0px;
}

/*
#loading_0{
	text-align : center;
	position : absolute;
	top : 500px;
	left : 330px;
}
#loading_1{
	text-align : center;
	position : absolute;
	top : 500px;
	left : 470px;
}
#loading_2{
	text-align : center;
	position : absolute;
	top : 500px;
	left : 610px;
}
#loading_3{
	text-align : center;
	position : absolute;
	top : 500px;
	left : 750px;
}
#loading_4{
	text-align : center;
	position : absolute;
	top : 500px;
	left : 890px;
}
*/

body{
	width : 90%;
	font-size: 12px;
}

td {
	text-align : left;
}

/**********************/
/* 全体のテーブル部分 */
/**********************/
table.outer {
	width  : 1000px;
	/* height : 1000px; */
	text-align: center;
	/* border : 1px solid gray; */
}

/* メニュー部分 */
td.menu {
	width : 250px;
	vertical-align : top;
	border : 1px solid gray;

	background: repeat-y url("../img/icon/menubg.jpg");
}

/* アイテムリスト部分 */
td.item_list {
	position : relative;

	width : 750px;
	height : 100%;
	vertical-align : top;
	border : 1px solid gray;
}

/* サイトロゴ */
#site_logo {
	/* margin : 0 auto; */
	margin-top : 10px;
	border : 0px solid black;
	width: 250px;
	height: 72px;
	background: url("../img/icon/logo.jpg") left top no-repeat;
}

/********************/
/* フォーム部分 */
/********************/
#search_box{
	width : 250px;
	/* height : 200px; */
/*	position : relative;
	top : 5%;
	left : 20%; */
	border : 1px dotted #AAAAAA;
	/* margin : 10px; */
}

/* フォーム部分のテーブル */
table.search_box {
	width  : 100%;

/*	border : 1px #AAAAAA solid; */
/*	background: repeat-y url("../img/icon/menubg.jpg"); */
	color : #EEEEEE;
	
	border-collapse : collapse;
	border : 0px;
	border-spacing:0px;
}

/* フォーム部分のテーブル */
table.search_box {
	width : 100%;

	color : #EEEEEE;

	border-collapse : collapse;
	border : 0px;
	border-spacing:0px;
}

/* フォーム部分のテーブルの中のテーブル */
table.search_box_inner {
	width : 100%;

	border-collapse : collapse;
	border : 0px;
	border-spacing:0px;
	margin-top : 7px;
}

/* フォーム部分のテーブルの中のテーブルのテーブル */
table.search_box_inner_inner {
	width : 100%;

	border-collapse : collapse;
	border : 0px;
	border-spacing:0px;
}

/* フォーム部分のテーブルの中のテーブルのTH */
th.search_box_inner {
	font-size : 16px;
	color : #FFFFFF;

	text-align : center;

	/* background-color : midnightblue; */
	/* background-color : #0B9CDF; */
	background-color : #0A9BDE;

	/* border-radius : 25px 25px 0 0; */
	border-radius : 25px 25px 0 0 / 25px 25px 0 0;
	/* border        : 1px solid white; */
}

/* フォーム部分のTH */
th.search_box {
/*	background-color : #EFEFEF; */
/*	background: repeat-y url("../img/icon/menubg.jpg"); */
	padding : 10px 0 0 5px;
	width : 250px;
	
	text-align : left;
}

th.search_box_shop {
/*	background-color : #EFEFEF; */
/*	background: repeat-y url("../img/icon/menubg.jpg"); */
	padding : 20px 0 0 5px;
	width : 250px;
	text-align : left;
}

/* フォーム部分キーワード */
td.search_box_word {
	padding : 0 0 0 10px;
}
td.search_box_word input {
	width : 220px;
}

/* フォーム部分キーワード */
td.search_box_excludeword {
	padding : 0 0 0 10px;
}
td.search_box_excludeword input {
	width : 220px;
}

/* フォーム部分値段 */
td.search_box_price {
	padding : 0 0 0 10px;
}

/* フォーム部分のSELECT BOX */
td.search_select{
	padding : 10px 0 0 10px;
	width : 250px;
}

/* フォームのショップ選択のカラー部分 */
td.search_shop_select {
	font-size: 12px;
	cursor : pointer;
	border : 1px dotted #FFFFFF;
	border-right : 0px;
	padding : 0 0 0 10px;
}
td.search_shop_select_name {
	font-size: 12px;
	cursor : pointer;
	border : 1px dotted #FFFFFF;
	border-left : 0px;
	text-align : left;
}
td.search_shop_other {
	font-size: 12px;
	cursor : pointer;
	border : 1px dotted #FFFFFF;
	border-right : 0px;
	text-align : right;
	padding : 0 0 0 10px;
}
td.search_shop_select_other_name {
	font-size: 12px;
	cursor : pointer;
	border : 1px dotted #FFFFFF;
	border-left : 0px;
	padding : 0 0 0 20px;
	text-align : left;
}

/* フォームのカテゴリー選択のカラー部分 */
td.search_category_select {
	font-size: 12px;
	cursor : pointer;
	border : 0px dotted #FFFFFF;
	/* border-right : 0px; */
	padding : 0 5px 0 10px;
	text-align : center;
	width : 1px;
	cursor : pointer;
}

th.search_category_header {
	font-size: 16px;
	background-color  : midnightblue;
	/* cursor : pointer; */
	border : 1px dotted #FFFFFF;
	border-left : 0px;
	text-align : center;
	user-select         : none;
}

td.search_category_select_name, td.search_category_radio_name {
	font-size: 16px;
	cursor : pointer;
	/* border : 1px dotted #FFFFFF; */
	border-left : 0px;
	text-align : left;
	cursor : pointer;
}
td.search_category_select_name label,
td.search_category_select_name span,
td.search_category_radio_name  label,
td.search_category_radio_name  span {
	cursor : pointer;
}

/* 検索条件の予測検索件数部分*/
span.cate_search_val_terms_search_count {
	font-size      : 22px;
	font-weight    : bold;
	letter-spacing : 1px;
	/* color     : #DFDFDF; */
	color     : #DADADA;
}

/* フォームのカテゴリー選択のセレクトボックス部分 */
.search_category_select_box {
	font-size: 12px;
	cursor : pointer;
	/* border : 1px dotted #FFFFFF; */
	border-right : 0px;
	padding : 3px 3px 3px 3px;
	/* text-align : center; */
}

.search_category_select_box select {
	width: 100%;
	padding: 10px;
/*
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
*/
	border: 1px solid #999;
	background: #eee;
/*
	background: url(./img/icon/arrow_down01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(./img/icon/arrow_down01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
*/
}

/* フォームショップ */
#search_shop_check{
	position : relative;
	font-size : 14px;
	border : 1px dotted #AAAAAA;
	margin : 5px;
	padding : 5px;
	min-width : 580px;
	min-height : 60px;
}
#search_shop_question{
/*	position : absolute;
	width : 26px;
	height : 26px; */
	margin-top : 0px;
	margin-left : 0px;
	top : 40px;
	left : 554px;
}

/* フォーム検索条件 */
#search_word_text{
	position : relative;
	font-size : 14px;
	border : 1px dotted #AAAAAA;
	margin : 5px;
	padding : 5px;
	min-width : 580px;
	min-height : 50px;
}
#search_word_question{
/*	position : absolute;
	width : 26px;
	height : 26px; */
	margin-top : 5px;
	margin-left : 0px;
	top : 0px;
	left : 554px;
}
#search_price_question{
/*	position : absolute;
	width : 26px;
	height : 26px;
*/
	margin-top : 5px;
	margin-left : 0px;
	top : 26px;
	left : 554px;
}

/* フォームボタン */
#search_button{
	margin : 10px 0 10px 40px;
	cursor : pointer;
	border: 0px;
	width: 167px;
	height: 29px;
	background: url("../img/icon/seach_btn.png") left top no-repeat;
}

#search_bikkuri{
	/*position : absolute;
	width : 400px;
	height : 40px;
	margin-top : 0px;
	margin-left : 0px;
	top : 0px;
	left : 140px;*/
}

/* ワーニング画像 */
img.search_warning{
	margin-left : 5px;
}

/* フォームのエラー文字列 */
.search_form_validate{
	color : red;
	margin-left : 10px;
	font-size : 13px;
}



/********************/
/* 商品表示部分 */
/********************/
#item_display{
	text-align : center;
/*	position : relative;
	top : 100px;
	min-height : 300px; */
/*	min-width : 70%;*/
	/* width : 100%; */
	width : 100%;
	height: 100%;
	/* border : 1px solid red; */
}

table.item_display{
	/* border : 1px solid #AAAAAA; */
	/* border : 1px solid blue; */
	/* display : inline-block; */
	text-align     : center;
	vertical-align : middle;
	padding : 10px;
	margin  :  0px;
	width : 100%;
	-webkit-box-sizing: border-box;
/*	text-align : center; */
}

/* テスト用 */
table.item_display_test{
	border : 1px solid blue;
	/* display : inline-block; */
	text-align     : center;
	vertical-align : middle;
	padding : 10px;
	margin  :  0px;
	width : 100%;
	-webkit-box-sizing: border-box;
/*	text-align : center; */
}

/********************/
/* 画像（小）＋詳細 */
/********************/


/* ショップ名 */
th.item_display_head_min{
	font-size: 12px;
	border : 1px solid #AAAAAA;
	/* width : 133px; */
	/* width : 170px; */
	width  : 25%;
	height : 36px;
	/* background-color: #EAEAEA; */
	/*padding : 0px;
	margin  : 0px;*/
}

/* 空のショップ名 */
.item_display_head_noshop_min{
	/* width : 133px; */
	/* width : 170px; */
	width  : 25%;
	height : 36px;
	border : 1px solid #AAAAAA;
}

/* アイテムの外側のテーブル*/
table.item_display_outer{
	position : relative; /* item_detail_next_day_delivery_min用に設定しておく */
/*	text-align : center; */
	vertical-align : top;
	width  : 100%;
	height : 200px;
	background-color: #EAEAEA;
	border : 0px solid gray;
	border-collapse:collapse; border-spacing:0px;
	padding : 0px;
	margin  : 0px;
}

/* アイテム個別 */
td.item_display_min{
/*	position : relative; */
	border : 1px solid #AAAAAA;
/*	text-align : center; */
	vertical-align : top;
	width  : 100%;
	height : 200px;
	background-color: #EAEAEA;
	padding : 0px;
	margin  : 0px;
}

/* 商品個別 */
td.item_display_img_min{
	text-align : center;
	height : 76px;
	/* width : 133px; */
	/* width : 170px; */
	width : 100%;
	background-color: #EAEAEA;
	border : 0px solid gray;
}
.item_img_link_min{
	height : 76px;
	width : 100%;
	margin : 0 auto;
/*	border : 1px solid gray; */
}


/* 画像 */
img.item_img_min{
	height : 76px;
	width : 76px;
	border : 1px solid #AAAAAA;
/*	visibility : hidden; */
	display : none;
}

/* 商品詳細 */
td.item_display_content_min{
/*	width  : 110px; */
/*	width  : 133px; */
	width  : 162px;

/*	height : 50px;  */
	height : 55px;
/*	font-size : 10px;
	text-align : center; */
	vertical-align : top;
	background-color: #EAEAEA;

/*	word-break: keep-all;  */

	word-wrap: break-word;
	white-space: normal;
	display: block;

	border : 0px solid gray;

	/* margin : 2px 0px 0px 2px; */
}

/* 名前 */
.item_name_min{
	font-size : 14px;

	text-align : center;
	height     : 96%;

	word-spacing: 2px;
	letter-spacing: 1px;

	border : 0px solid black;

	line-height: 130%;

	background-color: #EAEAEA;

	/*margin : 1px;*/

	/*margin : 2px 0px 0px 2px;*/

/*	white-space : normal; */
/*	line-break : normal; */
/*	word-break: break-all; */
/*	word-wrap: break-word; */
}

/* 商品名 */
a.tip_item_name        { color:#2154A7; text-decoration:none;      font-size: 12px;}
a.tip_item_name:link   { color:#2154A7; text-decoration:none;      font-size: 12px;}
a.tip_item_name:visited{ color:#2154A7; text-decoration:none;      font-size: 12px;}
a.tip_item_name:active {                                           font-size: 12px;}
a.tip_item_name:hover  { color:#2154A7; text-decoration:underline; font-size: 12px;}

/* コメント数 */
div.item_review_min{
	font-size : 10px;
	color : black;
	margin : 10px;
	text-align : center;
	/* border-top : 1px solid #AAAAAA; */
}
div.item_review_min span{
	font-weight : normal;
}


/* 料金 */
td.item_display_price_min{
	font-size : 10px;
	text-align : center;
	vertical-align : top;
	height : 20px;
	background-color: #EAEAEA;
/*	border : 1px solid gray;*/
}

/* 料金 */
td.item_display_bottom_min{
	font-size : 10px;
	text-align : center;
	vertical-align : bottom;
	width  : 100%;
	height : 50px;
	background-color: #EAEAEA;
	border : 0px solid gray;
	/* line-height : 170%; */
}

/* IEだけちょっと変える（行間が狭すぎるので） */
@media all and (-ms-high-contrast: none) {
	/* 料金 */
	td.item_display_bottom_min{
		font-size : 10px;
		text-align : center;
		vertical-align : bottom;
		width  : 100%;
		height : 50px;
		background-color: #EAEAEA;
		border : 0px solid gray;
		line-height : 170%;
	}
}

div.item_display_shop_min{
	cursor : url('./img/icon/musimegane.cur'), url('../img/icon/musimegane.cur'), help;

	font-size : 10px;
	text-align : center;
	width  : 100%;
	height : 12px;
	border : 0px solid gray;

	/* width: 130px; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	/* 文字を選択できないように                          */
	/* https://www.softel.co.jp/blogs/tech/archives/2909 */
	/* を参考に                                          */
	user-select         :      none;          /* CSS3               */
	-moz-user-select    : -moz-none;          /* Firefox            */
	-webkit-user-select :      none;          /* Safari、Chromeなど */
	-ms-user-select     :      none;          /* IE10かららしい     */
}

/* 料金詳細 */
div.item_price_min{
	/* font-weight : bold; */
	font-style: normal;
	color : red;
	font-size : 16px;
	text-align : center;
	padding-top: 5px;
}


/* ディスカウント料金 */
span.item_discount_min{
	font-weight : bold;
	color : red;
	font-size : 15px;
}


/* 感想 */
span.item_review_min{
	font-weight : bold;
	color : red;
	font-size : 15px;
	border : 1px solid red;
}

/* 人気 */
span.item_popularity_min{
	font-weight : bold;
	color : red;
	font-size : 15px;
	border : 1px solid red;
}

/* 売れ筋順位 */
.item_salesrank_min{
	font-weight : bold;
	color : red;
	font-size : 13px;
}

/* レビューURL */
.item_review_url_min a{
	color : red;
	font-size : 11px;
}

/* ポイント倍率 */
span.item_point_min{
	font-size : 10px;
	color : red;
	border : 1px solid red;
}

/* ポイント倍率 */
span.item_point_min{
	font-size : 10px;
	color : red;
	border : 1px solid red;
}

/* ポップアップのポイント倍率 */
div.item_point_min{
	text-align : center;
	vertical-align : top;
	font-size : 12px;
	font-weight : normal;
	color : red;
	/* margin-bottom : 2px; */
}

/* ポップアップの料金詳細 */
div.item_price_popup {
	font-weight : bold;
	font-style: normal;
	color : red;
	font-size : 14px;
	text-align : center;
	padding-top: 5px;
}

/* ポップアップの料金詳細 */
span.item_price_popup_yen {
	font-weight : bold;
	letter-spacing : 2px;
	font-style: normal;
	color : red;
	font-size : 28px;
	text-align : center;
	padding-top: 5px;
}

/* リストの即決価格 */
span.item_blowprice_min {
	font-size : 10px;
	color : red;
	border : 0px solid red;
}

/* クレジット可否 */
span.item_credit_min{
	font-size : 10px;
	color : red;
	border : 1px solid red;
}

/* 送料有無 */
span.item_postage_min{
	font-size : 10px;
	color : red;
	border : 1px solid red;
}

/* ドメイン */
span.item_domain_min{
	color : green;
	font-size : 11px;
}

/* アイテムの詳細部分 */
#item_detail_select{
	cursor : pointer;
}

tr.item_display_detail_min{
	display : none;
	height : 90px;
}
td.item_display_detail_min{
	border-top : 1px solid #AAAAAA;
	vertical-align : top;
	padding : 2px;
}
.item_detail_credit_min, .item_detail_postage_min, .item_detail_calc_price_min, .item_detail_asuraku_min, .item_detail_availability_min{
	font-size : 11px;
	color : blue;
	padding : 2px;
	height : 18px;
}

/* 当日配送 */
.item_detail_same_day_delivery_min {
	position: absolute;
/*
	top     : 0px;
	left    : 110px;
*/
	top     : 0px;
	left    : 0px;
	font-size : 12px;
	color : #FFF;

	padding : 1px 1px 1px 1px;

	/* background-color : #3598C0; */
	/* background-color : #dc143c; */
	background-color : #b22222;
	width : 50px;
}

/* 翌日配送 */
.item_detail_next_day_delivery_min {
	position: absolute;
/*
	top     : 0px;
	left    : 110px;
*/
	top     : 0px;
	left    : 0px;
	font-size : 12px;
	color : #FFF;

	padding : 1px 1px 1px 1px;

	background-color : #3598C0;
	width : 50px;
}

/* アマゾンプライム */
.item_detail_prime_delivery_min {
	position: absolute;
/*
	top     : 0px;
	left    : 110px;
*/
	top     : 0px;
	left    : 0px;

	font-size   : 12px;

	/* firefoxだと"Arial Black"が動かない！                         */
	/* "Arial Black"はArialのfont-weightが900で再現できるとのこと。 */
	/* なのでArial Blackが無い場合はArialでfont-weight:900で設定    */
	font-weight : 900;
	font-family : "Arial Black", Arial;

	letter-spacing : 0px;
	color : #188CBD;

	padding : 1px 1px 1px 11px;

	/* background-color : #3598C0; */
	/* background-color : #dc143c; */
	background-color : #FFF;
	width  : 45px;
	height : 16px;

	border-radius  : 3px;
	border         : 1px solid gray;
}

/* アマゾンプライムのチェックの部分 */
.item_detail_prime_delivery_min::before{
	content: "";

	display: block;

	position: absolute;

	top : 2px;
	left: 5px;

	width : 4px;
	height: 8px;

	transform: rotate(40deg);
/*
	border-bottom: 3px solid #009a9a;
	border-right : 3px solid #009a9a;
*/

	border-bottom: 3px solid #ffd700;
	border-right : 3px solid #ffd700;

	vertical-align : middle;
}

.item_detail_availability_min{
	clear : left;
}
.item_detail_postage_min, .item_detail_availability_min{
	float : left;
}
.item_detail_credit_min, .item_detail_asuraku_min{
	float : right;
}
.item_detail_calc_price_min{
	clear : left;
	text-align : center;
}
.item_detail_calc_price_min div{
	color : red;
	font-size : 15px;
	text-align : center;
}
#item_detail_select{
	margin : 10px;
	width : 50px;
	padding : 10px;
	border : 1px solid grey;
}

tr.item_display_detail_space_min{
	display : none;
	height : 10px;
}
td.item_display_detail_space_min{
	border-style : none;
	background-color : white;
}

/* クレカ、送料で無かった時のデザイン */
.item_display_creditcard_min_auction, .item_display_postage_min_auction{
  width: 56px;
  height : 12px;
}

.item_display_creditcard_min, .item_display_postage_min{

  /*visibility: hidden;*/

  text-decoration: none;
  text-align: center;
  font-size: 10px;
  display: block;
  
  border-radius : 5px;

  background: -moz-linear-gradient(top,#FFF 0%,#EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  border: 1px solid #DDD;
  color:#AAA;

  width: 56px;
  height : 12px;
  padding: 2px 2px;
}

/* クレカOK,送料無料 */
.item_display_creditcard_min_on, .item_display_postage_min_on {
  text-decoration: none;
  text-align    : center;
  vertical-align: middle;
  /* font-size: 10px;*/
  font-size: 12px;
  display: inline-block;

  border-radius : 5px;

  /* 各ブラウザ毎のグラデーション */

  /* IE11以降 */
  background: -moz-linear-gradient(top,#FFF 0%,#EEE);

  /* Chrome、Safari */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));

  /* mozilla系（Firefox） */
  background:-ms-linear-gradient(top, #FFFFFF, #EEEEEE);

  /* 古いIE */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');

  border: 0px solid #DDD;

  color:#888;

  width  : 70px;
  height : 16px;
  padding: 2px 2px;
}

/*

.item_sublist_min{
  overflow : hidden;
  display:inline-block;
  margin-left : 3px;
  text-align : center;
  width : 100%;
}
.item_sublist_min:before, .item_sublist_min:after{
  content: "";
  display: table;
}
.item_sublist_min:after{
  clear: both;
}
.item_sublist_min div{
  float : left;
  width : 62px;
}
*/

/* テーブルバージョンの送料、クレカ部分 */
table.item_sublist_min_2nd {
	width : 100%;
	height : 31px;
  	border : 0px solid gray;
}

table.item_sublist_min_2nd td {
	width : 50%;
  	text-align : center;
  	border : 0px solid gray;
}

/********************/
/* 画像（大） */
/********************/
/* ショップ名 */
th.item_display_head_max{
	font-size: 12px;
	border : 1px solid #AAAAAA;
	width : 160px;
}


/* 外枠 */
td.item_display_max{
	border : 1px solid #AAAAAA;
/*	text-align : center; */
	vertical-align : top;
	height : 110px;
	background-color: #EAEAEA;
}

/* 画像 */
img.item_img_max{
	width : 100px;
	height : 100px;
	border : 1px solid #AAAAAA;
	display : none;
}

/* 商品詳細 */
td.item_display_content_max{
	width  : 160px;
	height : 10px;
/*	font-size : 10px;
	text-align : center; */
	vertical-align : top;
	background-color: #EAEAEA;
	/*border : 1px solid gray;*/
}

/* 商品個別 */
td.item_display_img_max{
	text-align : center;
	height : 100px;
	width : 160px;
	background-color: #EAEAEA;
/*	border : 1px solid gray; */
	margin : 0 auto;
}
.item_img_link_max{
	height : 100px;
	width : 100px;
	margin : 0 auto;
}

/* 料金 */
div.item_price_max{
	font-weight : bold;
	color : red;
	font-size : 16px;
	text-align : center;
	padding-top: 5px;
}

/* 料金 */
td.item_display_price_max{
	font-size : 10px;
	text-align : center;
	vertical-align : bottom;
	height : 10px;
	background-color: #EAEAEA;
	/* border : 1px solid gray; */
}



/********************/
/* 画像なし
/********************/
/* ショップ名 */
th.item_display_head_detail{
	font-size: 12px;
	border : 1px solid #AAAAAA;
	width : 160px;
}

/* アイテム個別 */
td.item_display_detail{
	border : 1px solid #AAAAAA;
/*	text-align : center; */
	vertical-align : top;
	height : 80px;
	background-color: #EAEAEA;
}

/* 商品名 */
td.item_display_content_detail{
	width  : 160px;
	height : 50px;
	vertical-align : top;
	padding-top : 5px;
	background-color: #EAEAEA;
	/*border : 1px solid gray;*/
}
td.item_display_content_detail a        { color:#2154A7; text-decoration:underline; font-size: 12px; font-weight:bold;}
td.item_display_content_detail a:link   { color:#2154A7; text-decoration:underline; font-size: 12px; font-weight:bold;}
td.item_display_content_detail a:visited{ color:#2154A7; text-decoration:underline; font-size: 12px; font-weight:bold;}
td.item_display_content_detail a:active {                                           font-size: 12px; font-weight:bold;}
td.item_display_content_detail a:hover  { color:#2154A7; text-decoration:underline; font-size: 12px; font-weight:bold;}

/* 商品個別 */
td.item_display_img_detail{
	text-align : center;
	height : 10px;
	background-color: #EAEAEA;
	/* border : 1px solid gray; */
}

/* 料金 */
div.item_price_detail{
	/*font-weight : bold;*/
	font-weight : normal;
	color : red;
	font-size : 16px;
	text-align : center;
	padding-top: 5px;
}

/* コメント数 */
div.item_review_detail{
	font-size : 10px;
	color : black;
/*	margin : 10px; */
	text-align : center;
	/* border-top : 1px solid #AAAAAA; */
}
div.item_review_detail span{
	font-weight : normal;
}

/* 料金 */
td.item_display_price_detail{
	font-size : 10px;
	text-align : center;
	vertical-align : bottom;
	height : 10px;
	background-color: #EAEAEA;
	/* border : 1px solid gray; */
}

/* AJAX完了までお待ち下さいの部分(lightboxで使う) */
.ajax_wait_alert {
	display : none;
	border : 2px solid #1F90CD;
	border-radius : 10px;
	background-color: #EAEAEA;

	width  : 650px;
	/* height : 50px; */
	padding : 5px 5px 5px 5px;
}

/* AJAX完了までお待ち下さいのテキスト部分 */
.ajax_wait_alert_text {
	width : 610px;
	font-size : 18px;
	padding : 5px 20px 20px 20px;
}

/* AJAX完了までお待ち下さいの「閉じるボタン」の部分 */
.ajax_wait_alert_close_button {
	position : absolute;
	right  : 5px;
	bottom : 5px;

	display : inline-block;

	/*width : 50px;*/
	font-size : 16px;
	padding : 3px 3px 3px 3px;
	border : 1px solid gray;
	border-radius : 4px;
	color : white;
	/* background-color: #828CFF; */
	background-color: #4267B2;
}

/* AJAX完了までお待ち下さいの「再読込ボタン」の部分     */
/* 敢えて本家とは別クラスにして、押す部分を省略している */
.ajax_btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}

/* 安値リストのポイント倍率 */
span.item_list_price_point_min{
	/*display: inline-block;
	margin-bottom : 2px;*/

	font-size   : 12px;
	font-weight : bold;
	color : #FFF;

	padding : 1px 4px 1px 4px;

	/* background-color : #FF3767; */
	background-color : #dc143c;
	border-radius : 4px;
}

/* 人気順リストのポイント倍率 */
span.item_list_point_min{
	/* display: inline-block; */

	font-size   : 12px;
	font-weight : bold;
	color : #FFF;

	height : 15px;

	padding : 1px 4px 1px 4px;

	background-color : #FF3767;
	border-radius : 4px;
}

/* リストのレーティングの部分の行 */
div.item_list_review_line {
	position : relative;
	top : -7px;

	vertical-align : middle;

	font-family  : "ヒラギノ角ゴ ProN";

	margin  : 0px;
	padding : 0px;
}

/* リストのレビュー数の部分 */
div.item_list_review_line span.list_review_num{
	position : relative;
	top : -2px;
	display:inline-block;

	font-size : 11px;

	margin  : 0px;
	padding : 0px;
}

/* リストの数字のレーティングの部分 */
div.item_list_review_line span.list_popularity{
	position : relative;
	top : -2px;
	display:inline-block;

	font-size   : 14px;
	font-weight : bold;

	margin  : 0px;
	padding : 0px;
}

/* リストの星のレーティング部分  */
.star_rating {
	position: relative;
	/* top : -5px; */

	display:inline-block;
	font-size: 21px;

	margin  : 0px;
	padding : 0px;

	border  : 0px solid gray;
}
.star_rating .star_rating_item{
	position : absolute;
	overflow : hidden;

	margin  : 0px;
	padding : 0px;
}
.star_rating .star_rating_item:before{
	content:"★★★★★";
	color: #ffcc33;
	margin  : 0px;
	padding : 0px;

	letter-spacing : -3px;
}

.star_rating:after {
	content:"★★★★★";
	color: #ccc;
	margin  : 0px;
	padding : 0px;

	letter-spacing : -3px;
}

/********************/
/* ページ処理 */
/********************/
.page_box{
	text-align : center;
	height : 300px;
	min-width : 410px;
	width : 50%;
}

.page_box:before{
	content : '';
	display : 100%;
	vertical-align : middle;
	margin-right : -0.25em;
}

.page_center{
	display: inline-block;
	vertical-align: middle;
	width: 500px;
	padding: 10px 15px;
}


/********************/
/* 見つからなかった時 */
/********************/
.no_item{
	color : red;
	font-size : 16px;
	text-align : center;
	padding-top : 20%;
}

/********************/
/* 見つからなかった時（各ショップ） */
/********************/
.shop_no_item{
	color : black;
	font-size : 12px;
	text-align : center;
	padding-left : 5px;
	height : 200px;
	/* width : 133px; */
	width : 170px;
	/*border : 1px solid #FFFFFF;*/
}

/********************/
/* AJAX用の空のTD */
/********************/
.ajax_item{
	height : 200px;
	/* width : 133px; */
	width : 170px;

}

/********************/
/* 検索サーバーエラーの時（各ショップ） */
/********************/
.shop_error{
	color : red;
	font-size : 12px;
	text-align : center;
	padding-left : 0px;
	height : 200px;
	/* width : 133px; */
	width : 170px;

	border : 1px solid #FFFFFF;
	position: relative;
}
.shop_error p{
        position: absolute;
        top: 50%;
        margin-top: -1em;
}


/********************/
/* 検索条件設定がたりない */
/********************/
.no_select{
	color : red;
	font-size : 16px;
	text-align : center;
	padding-top : 20%;
}


/********************/
/* アイテム詳細ポップアップ */
/********************/
div.item_popup{
	display : none;
	width: 400px;
	/* height: 400px; */
	border : 1px solid gray;
	background-color: #FFFFFF;
	vertical-align : top;
}

img.close_x{
	width : 16px;
	height : 16px;
	border : 1px solid #AAAAAA;
	overflow: hidden;
/*	line-height: 1000px; */
/*	background-image : url('../img/lightbox/close.png'); background-repeat : no-repeat; */
/*	position : absolute:
	top : 5px;
	right : 5px; */
/*	background-position : -100px -10px; */
}


/* ポップアップのテーブル全体 */
table.item_popup {
	width : 100%;
	/* height: 100%; */
	border : 2px solid #1F90CD;
/*	text-align : center; */
	vertical-align : top;
	background-color: #EAEAEA;
}

/* ポップアップ画像（小） */
/* ポップアップの画像部分 */
td.item_popup_img_min{
	text-align : center;
	vertical-align : middle;
	height : 200px;
	background-color: #EAEAEA;
	/* border : 1px solid gray; */
}

/* ポップアップのコンテンツ部分 */
td.item_popup_content_min{
	margin : 1px;
	text-align : center;
	/* border : 1px solid #AAAAAA; */
	background-color: #EAEAEA;
	font-size : 14px;
	letter-spacing : 1px;
	padding : 5px 5px 5px 5px;
	line-height : 140%;
}

/* ポップアップの感想、店名部分 */
td.item_popup_price_min{
	font-size : 14px;
	text-align : center;
	vertical-align : bottom;
	/*height : 50px;*/
	background-color: #EAEAEA;
}

/* ポップアップの商品名 */
a.popup_item_name        { color:#2154A7; text-decoration:none;      font-size: 14px;}
a.popup_item_name:link   { color:#2154A7; text-decoration:none;      font-size: 14px;}
a.popup_item_name:visited{ color:#2154A7; text-decoration:none;      font-size: 14px;}
a.popup_item_name:active {                                           font-size: 14px;}
a.popup_item_name:hover  { color:#2154A7; text-decoration:underline; font-size: 14px;}

/* ポップアップの当日配送部分 */
.item_popup_same_day_delivery_min {
	position: absolute;

	top     : 0px;
	left    : 300px;
	font-size : 18px;
	color : #FFF;

	padding : 1px 1px 1px 1px;

	/* background-color : #3598C0; */
	/* background-color : #dc143c; */
	background-color : #b22222;
	width : 50px;
}

/* ポップアップの翌日配送部分 */
.item_popup_next_day_delivery_min {
	position: absolute;

	top     : 0px;
	left    : 300px;
	font-size : 18px;
	color : #FFF;

	padding : 1px 1px 1px 1px;

	background-color : #3598C0;
	width : 100px;
}

/* ポップアップのアマゾンプライム部分 */
.item_popup_prime_delivery_min {
	position: absolute;

	top     : 0px;
	left    : 300px;

	font-size : 18px;

	/* firefoxだと"Arial Black"が動かない！                         */
	/* "Arial Black"はArialのfont-weightが900で再現できるとのこと。 */
	/* なのでArial Blackが無い場合はArialでfont-weight:900で設定    */
	font-weight : 900;
	font-family : "Arial Black", Arial;

	vertical-align : middle;

	letter-spacing : 0px;
	color : #188CBD;

	padding : 0px 0px 0px 11px;

	background-color : #FFF;
	width  : 85px;
	/* height : 18px; */

	border-radius  : 3px;
	border         : 1px solid gray;
}

/* ポップアップのアマゾンプライムのチェックの部分 */
.item_popup_prime_delivery_min::before{
	content: "";

	display: block;

	position: absolute;

	top : 0px;
	left: 5px;

	width : 8px;
	height: 15px;

	transform: rotate(40deg);

	border-bottom: 3px solid #ffd700;
	border-right : 3px solid #ffd700;

	vertical-align : middle;
}

/* ポップアップのポイント部分の行 */
div.item_popup_point_line {
	font-size : 12px;
	letter-spacing : 1px;
}

/* ポップアップの送料やクレカとかの行 */
div.item_popup_payment_line {
	height : 20px;
	margin-top    : 10px;
	margin-bottom : 15px;
}

/* ポップアップの送料、クレカ部分  */
span.item_popup_postage_min, .item_popup_creditcard_min {
/*
	text-align : center;
	font-size  : 12px;
	font-weight : bold;
	background-color : #FE3685;
	color : #EEEEEE;
	padding : 4px;
	border-radius : 4px;
*/

  text-decoration: none;
  text-align    : center;
  vertical-align: middle;
  /* font-size: 10px;*/
  font-size: 12px;
  display: inline-block;

  border-radius : 5px;

  /* 各ブラウザ毎のグラデーション */

  /* IE11以降 */
  background: -moz-linear-gradient(top,#FFF 0%,#EEE);

  /* Chrome、Safari */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));

  /* mozilla系（Firefox） */
  background:-ms-linear-gradient(top, #FFFFFF, #EEEEEE);

  /* 古いIE */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');

  border: 0px solid #DDD;

  color:#888;

  width  : 70px;
  height : 20px;
  padding: 2px 2px;
}

/* ポップアップのポイント倍率 */
span.item_popup_point_min{
	/* display: inline-block; */

	font-size   : 12px;
	font-weight : bold;
	color : #FFF;

	padding : 1px 4px 1px 4px;

	background-color : #FF3767;
	border-radius : 4px;
}

/* ポップアップのポイント数 */
span.item_popup_point_num_min{
	text-align : center;
	font-size : 18px;
	font-weight : bold;
/*	border : 1px solid #AAAAAA; */
	color : red;
}

/* ポップアップのポイント分を引いた後の値段 */
span.item_popup_calc_price_min{
	text-align  : center;
	font-size   : 20px;
	font-weight : bold;
/*	border : 1px solid #AAAAAA; */
	color : red;
}

/* ポップアップのクレカ部分  */
/*
span.item_popup_creditcard_min{
	text-align : center;
	font-size : 12px;
	font-weight : bold;
	background-color : #0154A7;
	color : #EEEEEE;
	padding : 4px;
	border-radius : 4px;
}
*/

/* ポップアップのレーティングの部分の行 */
div.item_popup_review_line {
	height : 30px;
	vertical-align : middle;

	font-family  : "ヒラギノ角ゴ ProN";

	margin-top    : 0px;
	margin-bottom : 20px;
}

/* ポップアップのレビューの部分 */
div.item_popup_review_line span.popup_review_num{
	position : relative;
	top : -1px;
	display:inline-block;
}

/* ポップアップの数字のレーティングの部分 */
div.item_popup_review_line span.popup_popularity{
	position : relative;
	top : -1px;
	display:inline-block;

	font-size   : 18px;
	font-weight : bold;
}

/* ポップアップの星のレーティング部分  */
.star_rating_popup {
	position: relative;
	top : 2px;

	display:inline-block;
	font-size: 25px;
}
.star_rating_popup .star_rating_item{
	position:absolute;
	overflow: hidden;
}
.star_rating_popup .star_rating_item:before{
	content:"★★★★★";
	color: #ffcc33;
}
.star_rating_popup:after {
	content:"★★★★★";
	color: #ccc;
}

/* ポップアップの即決価格 */
span.item_popup_blowprice_min{
	text-align : center;
	font-size : 16px;
	font-weight : bold;
/*	border : 1px solid #AAAAAA; */
	color : red;
}

/* ポップアップのカーソル */
.popup_cursor{
/*	cursor : help; */
	cursor : url('./img/icon/musimegane.cur'), url('../img/icon/musimegane.cur'), help;
/*	cursor : url('./img/cursor_detail.cur'), url('../img/cursor_detail.jpg'), help; */

	/* 文字を選択できないように                          */
	/* https://www.softel.co.jp/blogs/tech/archives/2909 */
	/* を参考に                                          */
	user-select         :      none;          /* CSS3               */
	-moz-user-select    : -moz-none;          /* Firefox            */
	-webkit-user-select :      none;          /* Safari、Chromeなど */
	-ms-user-select     :      none;          /* IE10かららしい     */
}

.no_popup{
	cursor : default;
}

/* ポップアップの楽天カードバナー */
.item_popup_rakuten_benner{
	text-align : center;
	border-top : 1px solid #999999;
}
.item_popup_rakuten_benner div{
	font-size : 14px;
	margin : 5px;
}
.item_popup_rakuten_benner div div{
	font-size : 15px;
	margin : 5px;
	color : red;
	font-weight : bold;
}

/********************************/
/* ポップアップのバーコード部分 */
/********************************/
td.item_popup_barcode {
	font-size      : 11px;
	text-align     : center;
	vertical-align : middle;
	/*height : 50px;*/

	padding : 12px 0px 0px 0px;
	margin  : 0px 0px 0px 0px;

/*	background-color: #EAEAEA; */
/*	background-color: #dcdcdc; */
	background-color: #DADADA;
/*	border : 0px solid gray; */
	border-top : 2px solid #1F90CD;

	/* cursor: url(../img/icon/reader.png), pointer; */
	/* cursor : zoom-in; */
}

/* ポップアップのバーコード部分のホバー時 */
td.item_popup_barcode:hover{
	/* cursor : pointer; */
	cursor: url(../img/icon/reader.png), pointer;

	/* background-color: #EAEAEA; */
	/* background-color: #f5f5f5; */
	/* background-color: #dcdcdc; */
	background-color: #EAEAEA;

/*	border : 0px solid gray; */
	border-top : 2px solid #1F90CD;
}

/* ポップアップのバーコード部分のリンク */
td.item_popup_barcode a:link    { color : #000000; text-decoration:none; display:block; width:100%; height:100%; cursor: url(../img/icon/reader.png), pointer; }
td.item_popup_barcode a:visited { color : #000000; text-decoration:none; display:block; width:100%; height:100%; cursor: url(../img/icon/reader.png), pointer; }
td.item_popup_barcode a:active  { color : #000000; text-decoration:none; display:block; width:100%; height:100%; cursor: url(../img/icon/reader.png), pointer; }
td.item_popup_barcode a:hover   { color : #000000; text-decoration:none; display:block; width:100%; height:100%; cursor: url(../img/icon/reader.png), pointer; }

/* ポップアップの画像部分 */
td.item_popup_barcode img {
	margin  : 0px 0px 5px 0px;
	padding : 0px;
	border  : 0px solid gray;
}

/* バーコードの数字部分 */
td.item_popup_barcode span {
	font-family : "sans-serif";
	letter-spacing : 1px;
}

/****************************/
/* バーコードのアイコン     */
/****************************/
div.barcode {
	position: absolute;

	bottom : -1px;
	right  : 1px;

	width      : 16px;
	height     : 16px;
	font-size  : 8px;

	/* transform  : scale(0.8); */
	color      : white;
/*	color      : black; */

	text-align : center;
	line-height : 12px;

/*	background-color : white; */

	padding : 0px 0px 0px 0px;

}

/* バーコードのアイコン画像 */
div.barcode img {
/*	vertical-align: bottom; */
	vertical-align: middle;
	padding : 0px 0px 0px 0px;
	margin-right : 1px;
}

/********************************************/
/* バーコードのアイコン（ポップアップ）     */
/********************************************/
div.barcode_popup {
	position: absolute;

	bottom : -5px;
	right  : 10px;

	width      : 50px;
	height     : 50px;
	font-size  : 14px;

	/* transform  : scale(0.8); */
	color      : white;
/*	color      : black; */

	text-align : center;
	line-height : 12px;

/*	background-color : white; */

	padding : 0px 0px 0px 0px;

	cursor: url(../img/icon/reader.png), pointer;

    border: 0px solid #CCCCCC;
}

/* バーコードのアイコン画像 */
div.barcode_popup img {
/*	vertical-align: bottom; */
	vertical-align: middle;
	padding : 0px 0px 0px 0px;
	margin-right : 1px;
}

/* ポップアップのバーコード部分のリンク */
div.barcode_popup a:link    { color : #000000; text-decoration:none; display:block; width:100%; height:100%; cursor: url(../img/icon/reader.png), pointer; }
div.barcode_popup a:visited { color : #000000; text-decoration:none; display:block; width:100%; height:100%; cursor: url(../img/icon/reader.png), pointer; }
div.barcode_popup a:active  { color : #000000; text-decoration:none; display:block; width:100%; height:100%; cursor: url(../img/icon/reader.png), pointer; }
div.barcode_popup a:hover   { color : #000000; text-decoration:none; display:block; width:100%; height:100%; cursor: url(../img/icon/reader.png), pointer; }

/* ポップアップの中のバーコードの吹き出し */
.barcode_popup:hover span.remark {
    background: none repeat scroll 0 0 #EEE;
    border: 1px solid #CCCCCC;
    border-radius : 8px;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    position: absolute;
    top  : -80px;
    /*left : 70px; */
    width: 270px;
}

/********************/
/* 特集記事         */
/********************/
table.special {
	border : 1px solid glay;
}

/* 記事見出し部分 */
td.special_title {
	font-size: 18px;
	font-weight : bold;
	text-align :center;
	/* letter-spacing : 1px; */
	padding : 5px 5px 5px 5px;
	/* border : 1px solid gray; */
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #AEAEAE;
}

/* 記事サブタイトル部分 */
td.special_subtitle {
	font-size: 16px;
	text-align : left;
	padding : 5px 5px 5px 5px;
	/* border : 1px solid gray; */
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #AEAEAE;
}

/* 記事本文の部分 */
td.special_body {
	font-size: 14px;
	color: #3E3E3E;
	line-height: 140%;
	text-align : left;
	padding : 10px 10px 10px 10px;
	background-color : #F1F8FA;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #AEAEAE;
}

/* 関連ワードの部分 */
td.special_related {
	font-size: 12px;
	line-height : 160%;
	text-align : left;
	padding : 5px 5px 5px 5px;
	background-color : #EAEAEA;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #AEAEAE;
}

/* 関連キーワードの中のリンク */
td.special_related a        { color:#2154A7; text-decoration:underline; font-size: 12px; font-weight:bold;}
td.special_related a:link   { color:#2154A7; text-decoration:underline; font-size: 12px; font-weight:bold;}
td.special_related a:visited{ color:#2154A7; text-decoration:underline; font-size: 12px; font-weight:bold;}
td.special_related a:active {                                           font-size: 12px; font-weight:bold;}
td.special_related a:hover  { color:#2154A7; text-decoration:underline; font-size: 12px; font-weight:bold;}

/*************************/
/* 商品リストの前の説明  */
/*************************/
div.list_explain {
	font-size: 14px;
	line-height : 180%;
	margin : 10px 3px 15px 3px;
	width : 100%;
	text-align : center;
	border : 0px solid #000;
}



/*************************/
/* タグ内のリンクを探す  */
/*************************/
.tag_link_click{
	cursor : pointer;
}

/*************************/
/* トップページのテキスト */
/*************************/
div.top_txt {
	position : relative;

	font-size: 14px;
	border : 1px solid gray;
	padding : 10px 10px 10px 10px;
	margin  : 0px 0px 5px 0px;
	line-height : 140%;
	width : 988px;
}

/*************************/
/* タイトル部分のh1     */
/*************************/
h1 {
	font-size : 20px;
}

h1 a        { color:#2154A7; text-decoration:none; font-size: 20px; font-weight:bold;}
h1 a:link   { color:#2154A7; text-decoration:none; font-size: 20px; font-weight:bold;}
h1 a:visited{ color:#2154A7; text-decoration:none; font-size: 20px; font-weight:bold;}
h1 a:active {                                      font-size: 20px; font-weight:bold;}
h1 a:hover  { color:#2154A7; text-decoration:none; font-size: 20px; font-weight:bold;}

/*************************/
/* サブタイトル部分のh2  */
/*************************/
h2 {
	font-size : 16px;
}

/*************************/
/* サブタイトル部分のh3  */
/*************************/
h3 {
	font-size : 14px;
}


/*************************/
/* カテゴリー選択の部分  */
/*************************/
.category_select{
/*	text-align : center;
*/	
	width : 80px;
}

ul {
	padding: 0;
	margin: 0;
}

li {
	margin: 0;
	padding: 0;
	list-style-position:outside;
}

div.item_name_min {
/*	line-break : normal; */
	word-break: break-all; 
/*	word-wrap: break-word; */
}


/****************************/
/* 特定商取引ページの枠部分 */
/****************************/
div.tokutei {
	font-size: 16px;
	width : 1000px;
	padding : 5px;
	margin-top : 5px;
	background-color: white;
	line-height: 120%;
	border : 1px solid gray;
}

/*****************************/
/* トップページのフッター部分*/
/*****************************/
div.footer {
	font-size: 14px;
	text-align : center;
	padding : 5px;
	margin-top : 5px;
	background-color: white;
	line-height: 160%;
	border : 0px solid gray;
}

div.footer a        { color:#2154A7; text-decoration:none; font-size: 14px; font-weight:bold;}
div.footer a:link   { color:#2154A7; text-decoration:none; font-size: 14px; font-weight:bold;}
div.footer a:visited{ color:#2154A7; text-decoration:none; font-size: 14px; font-weight:bold;}
div.footer a:active {                                      font-size: 14px; font-weight:bold;}
div.footer a:hover  { color:#2154A7; text-decoration:none; font-size: 14px; font-weight:bold;}


/*****************************/
/* 検索サポート機能          */
/*****************************/
/* 外枠 */
#search_item_suport{
	margin : 10px;
	border-bottom : 1px solid #AAAAAA;
}

/* サポートのリンク */
.search_item_suport_link{
	margin : 0px 0px 5px 10px;
	font-size : 12px;
}

.search_item_suport_kizami{
	margin : 0px 0px 10px 10px;
	font-size : 14px;
	text-align : center;
}

div.search_item_suport_kizami a        { color:#2154A7; text-decoration:underline; font-size: 14px; font-weight:bold;}
div.search_item_suport_kizami a:link   { color:#2154A7; text-decoration:underline; font-size: 14px; font-weight:bold;}
div.search_item_suport_kizami a:visited{ color:#2154A7; text-decoration:underline; font-size: 14px; font-weight:bold;}
div.search_item_suport_kizami a:active {                                           font-size: 14px; font-weight:bold;}
div.search_item_suport_kizami a:hover  { color:#2154A7; text-decoration:underline; font-size: 14px; font-weight:bold;}

.search_item_suport_back{
	margin : 0px 0px 10px 10px;
	font-size : 12px;
}

/***************************/
/*ページ処理               */
/***************************/
#search_item_suport_page_header, #search_item_suport_page_footer{
	height : 26px;
	
}

.search_item_suport_number{
	margin : 0px 0px 0px 10px;
	font-size : 14px;
	
	background-color : #000000;
	color : #FFFFFF;
	padding : 0 5px;
	display : inline-block;
	
	cursor : pointer;
}
.search_item_suport_number_nolink{
	margin : 0px 0px 0px 10px;
	font-size : 15px;
	font-weight : bold;

	background-color : #AAAAAA;
	color : #FFFFFF;
	padding : 0 5px;
}
.search_item_suport_number a        { color:#FFFFFF; text-decoration:underline; font-size: 14px; font-weight:bold;}
.search_item_suport_number a:link   { color:#FFFFFF; text-decoration:underline; font-size: 14px; font-weight:bold;}
.search_item_suport_number a:visited{ color:#FFFFFF; text-decoration:underline; font-size: 14px; font-weight:bold;}
.search_item_suport_number a:active {                                           font-size: 14px; font-weight:bold;}
.search_item_suport_number a:hover  { color:#FFFFFF; text-decoration:underline; font-size: 14px; font-weight:bold;}

.search_item_suport_prev{
	margin : 0px 0px 0px 10px;
	font-size : 14px;
	
	cursor : pointer;
}
.search_item_suport_next{
	margin : 0px 0px 0px 10px;
	font-size : 14px;

	cursor : pointer;
}	

.page_button{
	height : 18px;
	vertical-align : bottom;
}

/* ソート部分の外側 */
.search_item_sort_outer {
	/* width      : 100%; */

	/* display    : block; */

    display: flex;

    justify-content: center;

	text-align : center;

	margin     : 0px;
	padding    : 0px;

	border     : 0px solid gray;
}

/* ソート処理部分 */
.search_item_sort_link{
	font-size : 14px;
	background-color : #FFFFFF;
	color : #000000;
	cursor : pointer;
	text-decoration:none;
}
.search_item_sort_link:link   { color:#000000; text-decoration:none; font-size: 14px;}
.search_item_sort_link:visited{ color:#000000; text-decoration:none; font-size: 14px;}
.search_item_sort_link:active {                                      font-size: 14px;}
.search_item_sort_link:hover  { color:#000000; text-decoration:none; font-size: 14px;}

.search_item_sort_nolink{
	font-size : 14px;
	background-color : #EFEFEF;
	color : #000000;
	padding : 2px 2px 2px 2px;
	border : 1px solid #000000;
	border-radius  : 3px;
}

/* 並び替えのボタン（押されていないもの） */
.search_category_item_sort_link {
	display          : inline-block;

	color            : #000000;

	font-size        : 14px;

	position         : relative;

	white-space      : nowrap;

	min-width        : 50px;

	border           : 0px solid gray;
	border-radius    : 10px;

	box-shadow: 0 3px 0 rgba(136,136,136,1);

	/* 各ブラウザ毎のグラデーション */

	/* IE11以降 */
	background: -moz-linear-gradient(top,#EEE 0%,#DDD);

	/* Chrome、Safari */
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));

	/* mozilla系（Firefox） */
	background:-ms-linear-gradient(top, #EEEEEE, #DDDDDD);

	/* 古いID */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEEEEEE', endColorstr='#FFDDDDDD');

	padding          : 2px 10px 2px 10px;

	text-shadow : none;

	text-align : center;

	cursor : pointer;

	filter:alpha(opacity=80); /* IE 6,7*/
	-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
	-moz-opacity:0.8; /* FF , Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity:0.8;

	margin-bottom  : 5px;
}

/* 並び替えのボタン（押されているもの） */
.search_category_item_sort_nolink {
	display          : inline-block;

	color            : #000000;

	font-size        : 14px;

	position         : relative;

	white-space      : nowrap;

	min-width        : 50px;

	border           : 0px solid gray;
	border-radius    : 10px;

	/* box-shadow: 0 3px 0 rgba(136,136,136,1); */

	/* 各ブラウザ毎のグラデーション */

	/* IE11以降 */
	background: -moz-linear-gradient(top,#DDD 0%,#CCC);

	/* Chrome、Safari */
	background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#CCC));

	/* mozilla系（Firefox） */
	background:-ms-linear-gradient(top, #DDDDDD, #CCCCCC);

	/* 古いID */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFDDDDDD', endColorstr='#FFCCCCCC');

	padding          : 2px 10px 2px 10px;

	text-shadow : none;

	text-align : center;

	cursor : pointer;

	position : relative;
	top      : 2px;

	margin-bottom  : 5px;
}

/* 並び替えボタンのクリック時 */
.search_category_item_sort_link:active {
	display          : inline-block;

	color            : #000000;

	white-space      : nowrap;

	min-width        : 50px;

	border           : 0px solid gray;
	border-radius    : 10px;

	box-shadow: 0 3px 0 rgba(136,136,136,1);

	/* 各ブラウザ毎のグラデーション */

	/* IE11以降 */
	background: -moz-linear-gradient(top,#EEE 0%,#DDD);

	/* Chrome、Safari */
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));

	/* mozilla系（Firefox） */
	background:-ms-linear-gradient(top, #EEEEEE, #DDDDDD);

	/* 古いID */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEEEEEE', endColorstr='#FFDDDDDD');

	padding          : 2px 10px 2px 10px;

	text-shadow : none;

	text-align : center;

	cursor : pointer;

	position : relative;
	top      : 2px;

	margin-bottom  : 5px;
}

.search_item_sort_init{
	font-size : 14px;
	background-color : #FFFFFF;
	color : #000000;
}

/* ソートボタンのところ */
div#search_item_sort {
	text-align : left;
}

/* 並び順の周りの囲い */
.search_item_sort_box {
	display : inline-block;

	border : 1px solid #AAA;
	border-radius : 4px;

	padding : 1px 5px 1px 3px;

	margin : 0 auto;
}

/* 送料、クレカOKのところ */
div#search_item_postage {
	text-align : left;
/*	border : 1px solid gray;*/
}

/* 送料、クレカの周りの囲い */
.search_item_disp_box {
	display : inline-block;

	border : 1px solid #AAA;
	border-radius : 4px;

	padding : 1px 1px 1px 3px;

	margin : 0 auto;
}

/* 送料、クレカの周りの囲いの最後 */
.search_item_disp_box_last {
	display : inline-block;

	border : 1px solid #AAA;
	border-radius : 4px;

	padding : 1px 1px 1px 3px;

	margin : 0 auto;
}

/* 送料、クレカの周りの囲いの中のポップアップ */
span.remark {
    display: none; /* 最初は隠す */
}

/* 送料、クレカの周りの囲いの中のポップアップ */
.search_item_disp_box:hover span.remark {
    background: none repeat scroll 0 0 #EEE;
    border: 1px solid #CCCCCC;
    border-radius : 8px;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    position: absolute;
    top: -70px;
    width: 270px;
}

/* 並び替えボタンの上から2列目 */
.search_item_disp_box_2nd_row {
	margin-top : 7px;
}

/* 送料、クレカの周りの囲いの中のポップアップの矢印部分 */
span.remark:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #CCCCCC;
}

/* 送料、クレカの周りの囲いの中のポップアップの矢印部分 */
span.remark:after {
  content: "";
  position: absolute;
  top: 96%;
  left: 10%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #EEE;
}

/* サポートの値段指定 */
.search_item_suport_maney{
/*	border : 2px solid #000000; */
	
}

/* サポートの値段指定 */
.search_item_suport_minus, .search_item_suport_plus{
	cursor : pointer;
}
.search_item_suport_minus{
	padding-left : 20px;
}

/* サポートの文言 */
#search_item_suport_text{
	font-size: 14px;
	color : red;
	padding : 5px;
	margin-top : 5px;
	background-color: white;
	line-height: 100%;
}

/* 値段サポートスライダーの外枠 */
.search_item_suport_kizami_slider_outer{
/*	border : 1px solid #000000; */
	width : 660px;
	height : 20px;
	padding : 0px 10px 20px 10px;
}

/* スライダーのメモリ */
div.search_item_suport_kizami_memori{
	margin : 0;
	padding : 0;
	text-align : left;
}

div.search_item_suport_kizami_memori ul li{
	margin : 0;
	display : -moz-inline-box;
	display : inline-block;
/*	width : 20px; */
	list-style-type : none;
	vertical-align : bottom;
}

li.search_item_suport_kizami_1{
	padding-left : 0px;
	padding-bottom : 2px;
}
li.search_item_suport_kizami_1000{
	padding-left : 4px;
	padding-bottom : 2px;
}
li.search_item_suport_kizami_5000{
	padding-left : 58px;
	padding-bottom : 2px;
}
li.search_item_suport_kizami_10000{
	padding-left : 92px;
	padding-bottom : 2px;
}
li.search_item_suport_kizami_50000{
	padding-left : 88px;
	padding-bottom : 2px;
}
li.search_item_suport_kizami_100000{
	padding-left : 68px;
	padding-bottom : 2px;
}

/* スライダーの説明 */
.search_item_suport_kizami_message{
	color : #CDA268;
	font-size : 14px;
	margin-bottom : 10px;
}

/* スライダーの金額 */
.search_item_suport_kizami_value{
	color : #CDA268;
	font-size : 16px;
	margin : 5px 10px;
}

/*****************************/
/* トップページの検索BOX     */
/*****************************/
input.box {
	background-color: #EFEFEF; /* 背景 */
	border : 1px solid #000000;
}

/*****************************/
/* 注目キーワード部分        */
/*****************************/
table.top_keyword {
	width : 100%;
	padding : 0px 0px 0px 0px;
	margin  : 0px 0px 0px 0px;
/*	border : 1px dotted #CDA268; */
	/* background-color: #FCF4E7; */ /* 背景 */

	table-layout : fixed;
}

/* テーブルヘッダー */
table.top_keyword th {
	padding : 5px 0px 5px 0px;
	margin  : 0px 0px 0px 0px;
/*	background-color: #FCF4E7; /* 背景 */
	color : #EEEEEE;
	border-bottom : 1px solid #FFFFFF;
	text-align : left;
}

table.top_keyword td {
	line-height: 150%;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 中のリンク部分 */
/*.top_keyword a        { color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}
.top_keyword a:link   { color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}
.top_keyword a:visited{ color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}
.top_keyword a:active {                                           font-size: 14px; font-weight:normal;}
.top_keyword a:hover  { color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}
*/

.top_keyword a        { color:#EEEEEE; text-decoration:underline; font-size: 14px; font-weight:normal;}
.top_keyword a:link   { color:#EEEEEE; text-decoration:underline; font-size: 14px; font-weight:normal;}
.top_keyword a:visited{ color:#EEEEEE; text-decoration:underline; font-size: 14px; font-weight:normal;}
.top_keyword a:active {                                           font-size: 14px; font-weight:normal;}
.top_keyword a:hover  { color:#EEEEEE; text-decoration:underline; font-size: 14px; font-weight:normal;}



/* トップページの場合 */
table.top_keyword_index {
	width : 100%;
	padding : 0px 0px 0px 0px;
	margin  : 0px 0px 0px 0px;
	border : 1px dotted #CDA268;
	/*background-color: #FCF4E7; */ /* 背景 */
}

/* テーブルヘッダー */
table.top_keyword_index th {
	padding : 5px 0px 5px 0px;
	margin  : 0px 0px 0px 0px;
	background-color: #FCF4E7; /* 背景 */
}

table.top_keyword_index td {
	line-height: 150%;
}

/* 中のリンク部分 */
.top_keyword_index a        { color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}
.top_keyword_index a:link   { color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}
.top_keyword_index a:visited{ color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}
.top_keyword_index a:active {                                           font-size: 14px; font-weight:normal;}
.top_keyword_index a:hover  { color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}


/************************************************/
/* トップページのソーシャルブックマークのところ */
/************************************************/
table.bookmark {
	border : 0px solid #000000;
	height : 30px;
	padding : 0px;
	margin  : 0px;
}

table.bookmark td {
	border : 0px solid #000000;
}

td.bookmark_facebook {
	/* padding-top: 2px; */
	border : 0px solid #000000;
	/*padding : 0px 0px 0px 0px; */
	/* text-align : left; */
	/*height : 20px;
	overflow : hidden;*/
}

/* 中のリンク部分 */
.bookmark a        { color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}
.bookmark a:link   { color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}
.bookmark a:visited{ color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}
.bookmark a:active {                                           font-size: 14px; font-weight:normal;}
.bookmark a:hover  { color:#002262; text-decoration:underline; font-size: 14px; font-weight:normal;}

/*********************/
/* パンくずリスト    */
/*********************/
div.pankuzu {
	padding-left : 10px;
}


/**************************/
/* お気に入りボタン       */
/**************************/
input.favorite {
	color : #000000;
	font-size: 12px;
	padding : 2px 5px 2px 5px;
	/*border : 1px solid #000000; */
	/*background-color: #3AA0BE;*/  /* 背景 */
}


/********************/
/* クレジットカード詳細ポップアップ */
/********************/
div.credit_popup{
}

div.credit_popup{
	display : none;
	width: 400px;
	height: 300px;
	border : 1px solid gray;
	background-color : #FFFFFF;
	position : relative;
}

div.credit_popup_name{
	font-size : 13px;
	font-weight : bold;
	text-align : center;
	margin : 10px 0px;
}

div.credit_popup_detail{
}

ul.credit_popup_detail{
	margin : 0 0 0 10px;
	padding : 0;
	font-size : 12px;
}

ul.credit_popup_detail li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-position:outside;
	list-style-type: none;
}


div.credit_popup_banner{
	position : absolute;
	bottom : 10px;
	left : 80px;
}

/***********************/
/* 関連画像付き表示部分 */
/***********************/
td.special_related_img {
	font-size: 12px;
	text-align : left;
	line-height: 160%;
	padding : 5px 5px 5px 5px;
	background-color : #EAEAEA;
	border : 0px solid gray;
}

/* 画像関連付け外のテーブル部分 */
table.r_img {
	height : 290px;
}

/* 画像関連付けリンク表示部分 */
td.r_link {
	font-size : 16px;
	vertical-align : top;
	line-height: 160%;
	border : 0px solid gray;
}

/* 画像関連付けのリンク文字 */
td.r_link a        { color:#2154A7; text-decoration:underline; }
td.r_link a:link   { color:#2154A7; text-decoration:underline; }
td.r_link a:visited{ color:#2154A7; text-decoration:underline; }
td.r_link a:active {                                           }
td.r_link a:hover  { color:#2154A7; text-decoration:underline; }

/* 画像関連付け画像表示部分 */
td.r_img {
	line-height: 140%;
	font-size  : 14px;
	vertical-align : top;
	text-align : center;
	border : 1px solid gray;
}

/**********************************************/
/* モーションウィジェットと検索商品の仕切り線 */
/**********************************************/
hr.widget {
	border-width : 1px 0px 0px 0px;
	color : gray;
	width : 95%;
}

/**********************************************/
/* ポップアップを促すメッセージ               */
/**********************************************/
#item_popup_message{
	display   : none;
}

.item_popup_message{
	cursor : url('./img/icon/musimegane.cur'), url('../img/icon/musimegane.cur'), help;

	font-size : 12px;
	padding   : 0px 1px 0px 1px;
	border    : 1px solid gray;
	background-color : gray;
	color : white;

	/* 文字を選択できないように                          */
	/* https://www.softel.co.jp/blogs/tech/archives/2909 */
	/* を参考に                                          */
	user-select         :      none;          /* CSS3               */
	-moz-user-select    : -moz-none;          /* Firefox            */
	-webkit-user-select :      none;          /* Safari、Chromeなど */
	-ms-user-select     :      none;          /* IE10かららしい     */
}

/************************************************/
/* ポップアップ時の商品検索時のタイトル部分 */
/************************************************/

div.detailed_search {
	font-size  : 14px;
	color   : #FFFFFF;
	border  : 1px solid gray;
	margin  : 1px 1px 1px 1px;
	padding : 5px 5px 5px 5px;
	text-align : center;
	cursor : pointer;
	background-color : #1F90CD;
}


/* 選択時 */
td.detailed_search_on {
	width : 33%;
	font-size  : 14px;
	color   : #FFFFFF;
	border  : 1px solid gray;
	margin  : 1px 1px 1px 1px;
	padding : 5px 5px 5px 5px;
	text-align : center;
	cursor : pointer;
	background-color : #1F90CD;
}

/* 非選択時 */
td.detailed_search_off {
	width : 33%;
	font-size  : 14px;
	color   : #FFFFFF;
	border  : 1px solid gray;
	margin  : 1px 1px 1px 1px;
	padding : 5px 5px 5px 5px;
	text-align : center;
	cursor : pointer;
	background-color : #0F4070;
}

/**********************************************/
/* 商品ワードぶつ切り部分の文字の周り*/
/**********************************************/
div.pickup_word {
	border   : 1px solid gray;
	padding  : 2px 5px 2px 5px;
	margin   : 0px 0px 0px 0px;
}

/**********************************************/
/* 商品ワードぶつ切り部分の文字*/
/**********************************************/
span.pickup_word        { color:#000000; font-size: 14px; cursor : pointer;}
span.pickup_word:link   { color:#000000; text-decoration:underline; font-size: 14px; cursor : pointer;}
span.pickup_word:visited{ color:#000000; text-decoration:underline; font-size: 14px; cursor : pointer;}
span.pickup_word:active {                                           font-size: 14px; cursor : pointer;}
span.pickup_word:hover  { color:#000000; text-decoration:underline; font-size: 14px; cursor : pointer;}

/************************************************/
/* ポップアップ時の商品ワード検索のフォーム部分 */
/************************************************/
div.goods_detailed_search {
	border : 0px solid gray;
	margin  : 0px 2px 0px 2px;
	padding : 5px 5px 5px 5px;
	line-height : 160%;
	vertical-align : top;
}

/************************************************/
/* 商品ワードぶつ切り部分の説明 */
/************************************************/
div.pickup_explain {
	border : 0px solid gray;
	margin  : 0px 0px 0px 0px;
	padding : 5px 5px 5px 5px;
	line-height : 160%;
	text-align : center;
}

/****************************************************/
/* ポップアップ時の検索フォーム、検索ボタンを囲むTD */
/****************************************************/
td.detail_search_form {
	margin : 0px;
	vertical-align : top;
}

/************************************************/
/* ポップアップ時の検索ボタンのところのTABLE,TD */
/************************************************/
table.detailed_search_on {
	margin : 0px;
 	width  : 100%;
}

td.detailed_search_on {
	margin : 0px;
}

/************************************************/
/* 「使い方」のところの画像                     */
/************************************************/
img.waytouse {
	border 1px solid gray;
}

/************************************************/
/* 「使い方」のところのテーブル                 */
/************************************************/
table.waytouse {
	width  : 930px;
	border : 1px solid gray;
}

/* タイトル */
th.waytouse_title {
	font-size : 20px;
	border : 1px solid gray;
	padding : 5px 5px 5px 5px;
}

/* 一番上の説明 */
td.top_explain {
	border : 1px solid gray;
	vertical-align : top;
	padding : 15px 15px 15px 15px;
	line-height : 140%;
}

/* 説明の外側のTD */
table.waytouse td.outer_flow {
	border : 0px solid gray;
}

/* 説明部分のテーブル */
table.flow {
	width  : 98%;
	height : 300px;
	margin : 10px 10px 10px 10px;
	border : 1px solid gray;
	border-collapse : collapse;
}

/* 説明部分の番号が振ってあるところ */
table.flow th {
	width  : 100%;
	height : 25px;
	border : 1px solid gray;
	vertical-align : top;
	padding : 5px 5px 5px 5px;
}

/* 説明部分のテキスト */
td.waytouse_txt {
	width  : 480px;
	text-align : left;
	vertical-align : top;
	border : 1px solid gray;
	padding : 15px 5px 5px 5px;
	line-height: 140%;
}

/* 説明部分の画像部分 */
td.waytouse_img {
	width  : 400px;
	text-align : center;
	vertical-align : middle;
	padding : 5px 5px 5px 5px;
	border : 1px solid gray;
}

/* ポイント部分 */
b.point {
	font-size : 20px;
	color     : red;
}


/**********************/
/* スマホ版へ・PC版へ */
/**********************/
.smart_phone_link{
  color : white;
  background-color : #FFFF00;
  text-align : center;
  height : 100px;
  width : 120%;
  margin : 0 auto;
}
.smart_phone_link a        { color:#2154A7; text-decoration:none;      font-size: 36px;}
.smart_phone_link a:link   { color:#2154A7; text-decoration:none;      font-size: 36px;}
.smart_phone_link a:visited{ color:#2154A7; text-decoration:none;      font-size: 36px;}
.smart_phone_link a:active {                                           font-size: 36px;}
.smart_phone_link a:hover  { color:#2154A7; text-decoration:underline; font-size: 36px;}

/**********************************/
/* 「楽天カード作りました」の部分 */
/**********************************/
td.rakuten_card_intro {
	color      : white;
	font-size  : 14px;
	margin     : 10px 0px 0px 5px;
	padding    : 10px 0px 0px 5px;
	line-height: 180%;
}

/******************************/
/* 画像部分                   */
/******************************/
img.rakuten_card_intro {
	margin-top : 3px;
}

/******************************/
/* 検索結果が０の場合のリンク */
/******************************/
a.no_item_link        { color:#2154A7; text-decoration:none;      font-size: 12px;}
a.no_item_link:link   { color:#2154A7; text-decoration:none;      font-size: 12px;}
a.no_item_link:visited{ color:#2154A7; text-decoration:none;      font-size: 12px;}
a.no_item_link:active {                                           font-size: 12px;}
a.no_item_link:hover  { color:#2154A7; text-decoration:underline; font-size: 12px;}

/*****************************************/
/* 検索ボックスと注目キーワードの境界線 */
/*****************************************/
hr.under_searchbox {
/*	color : #EEEEEE; */
	border-top    : 1px solid #FFFFFF;
	border-bottom : 0px solid #FFFFFF;
	width : 98%;
/*	text-align: center; */
/*	padding : 0px 0px 0px 0px;
	margin  : 0px 0px 0px 0px;*/
}

/**********************/
/* 再読込のボタン部分 */
/**********************/
.reloading {
	text-align     : center;
	border         : 0px solid #888888;
	font-size      : 12px;
	/* width          : 140px;*/
	/* letter-spacing : 2px; */
}

.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
  cursor : pointer;
}

.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/************************/
/* チェックボックス部分 */
/************************/
.checkbox01-input{
	display: none;
}

.checkbox01-parts{
	padding-left : 20px;
	padding-right: 0px;
	margin-right : 5px;

	display: inline-block;
	position:relative;

	cursor : pointer;

	border: 0px solid #999;
	border-radius: 4px;
}

.checkbox01-parts::before{
	content: "";

	display: inline-block;

	position: absolute;
	top  : 0;
	left : 0;

	margin  : 3px 0px 0px 0px;
	padding : 0px 0px 0px 0px;

	width : 15px;
	height: 15px;

	border: 1px solid #999;
	border-radius: 6px;

	vertical-align : middle;
}

.checkbox01-input:checked + .checkbox01-parts{
/*	color: #009a9a; */
/*	
	border: 1px solid #000;
	border-radius: 4px;

	background-color : #EFEFEF;
	color : #000000;
*/

}

/* チェックされた時の背景 */
.checkbox01-input:checked + .checkbox01-parts::before{
	content: "";

	display: inline-block;

	position: absolute;
	top  : 0;
	left : 0;

	margin  : 3px 0px 0px 0px;
	padding : 0px 0px 0px 0px;

	width : 15px;
	height: 15px;

	border: 1px solid #999;
	border-radius: 6px;

	vertical-align : middle;

	background-color : #000;
}

/* チェックの部分 */
.checkbox01-input:checked + .checkbox01-parts::after{
	content: "";

	display: block;

	position: absolute;

	top : 4px;
	left: 5px;

	width : 5px;
	height: 8px;

	transform: rotate(40deg);
/*
	border-bottom: 3px solid #009a9a;
	border-right : 3px solid #009a9a;
*/

	border-bottom: 2px solid #FFF;
	border-right : 2px solid #FFF;

	vertical-align : middle;
}

/* 赤文字 */
span.red {
	color : red;
	font-weight : bold;
}

/************************/
/* 履歴関連             */
/************************/

/************************/
/* ボタンリスト部分 */
/************************/
.history_list {
	position : absolute;
	top   : 0px;
	right : 0px;

	border : 0px solid gray;

	font-size : 14px;
}

/************************/
/* 履歴のボタン部分     */
/************************/
.history_button {
	position: relative;
	top   : 0px;
	right : 0px;

	display : inline-block;
	border : 1px solid #AAA;
	border-radius : 4px;

	padding : 1px 5px 1px 3px;
}

/* 履歴の件数部分 */
.history_button_count, .favorite_button_count {
	position: absolute;

	top     : -10px;
	right   : -5px;

	font-size  : 14px;
	text-align : center;

	/* firefoxだと"Arial Black"が動かない！                         */
	/* "Arial Black"はArialのfont-weightが900で再現できるとのこと。 */
	/* なのでArial Blackが無い場合はArialでfont-weight:900で設定    */
	font-weight : 900;
	font-family : "Arial Black", Arial;

	line-height : 130%;

	letter-spacing : 0px;
	/* color : #188CBD; */
	color : #FFF;

	background-color : #F00;

	width  : 20px;
	height : 20px;

	/* border-radius  : 12px; */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

	border         : 0px solid gray;
}

/* 履歴の全体のテーブル */
table.history_table {
	width : 100%;
	/* width : 700px; */
	border-collapse : collapse;
	border-spacing  : 0px;
}

/* 履歴の全体のテーブルの中のTD */
table.history_table td {
	text-align : center;
	/* background-color: #ececec; */
	background-color: white;
	border : 1px solid #CCCCC3;
}

/* 履歴の検索ワード部分のテーブルの中のTD */
table.history_table td.history_search_word {
	position : relative;

	/* http://peacock.ky-3.net/_css/ff_td_position-relativeを参考に */
	background-clip: padding-box;

	/* width :350px; */
	height : 100px;

	line-height: 2.5em;
	border: 1px solid #c7c7bc;
	/* background-color: #ececec; */
	background-color: white;
	text-align: left;

	font-size: 15px;
	color: #404040;

	/* padding-left : 8px; */

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	/* 色を徐々に変える部分 */
/*
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
*/
}

/* 履歴の画像部分のテーブルの中のTD */
td.history_image {
	width  : 120px;
	height : 100px;

	line-height: 2.5em;
	border: 1px solid gray;
	background-color: #ececec;
	text-align: left;

	font-size: 15px;
	color: #404040;

	padding : 5px 0px 5px 0px;

	/* padding-left : 8px; */

	/* 色を徐々に変える部分 */
/*
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
*/
}

/* 検索テキスト部分のAタグ部分 */
td.history_search_word a {
	display : block;
	width   : 360px;
	height  : 75px;

	padding-left : 8px;
	padding-top  : 35px;

	vertical-align : middle;

	border : 0px solid gray;

	color:#000;
	background-color : white;

	text-decoration:none;

}

/* 画像部分はマウスオーバーしたら色を変える */
td.history_image a:hover {
	/* background-color: #f49d9d; */ 
	color:#2154A7;
	text-decoration:none;
} 

/* 画像部分のAタグ部分 */
td.history_image a {
	display : block;
	text-decoration:none;
}

/* 検索テキスト部分はマウスオーバーしたら色を変える */
td.history_search_word a:hover {
	/* background-color: #f49d9d; */
	color:#2154A7;
	text-decoration:underline;
} 

/* 履歴の日付部分 */
span.date {
	position : absolute;
	bottom : -5px;
	right  : 5px;

	font-size : 12px;
	color : gray;
}

/* 履歴の画像部分のテーブル*/
table.history_display_outer {
	position : relative; /* item_detail_next_day_delivery_min用に設定しておく */
	vertical-align : top;
	width  : 100%;
/*	height : 100px; */
	background-color: #EAEAEA;
	border : 0px solid gray;
	border-collapse:collapse;
	border-spacing:0px;
    margin:0 auto;
}

/* 履歴の画像部分のテーブルの中のTD */
table.history_display_outer td {

	border  : 0px solid gray;

	font-size : 14px;

	margin  : 0px 0px 0px 0px;
	padding : 3px 3px 3px 3px;
	line-height : 120%;
}

/* 閲覧履歴ボタンの部分 */
a.history_button {
	display : inline-block;
	width  : 100%;
	border : 0px solid gray;
	border-radius : 4px;

	color : black;

	text-decoration:none;
}

/* お気に入りボタンのTD部分 */
td.history_favorite_button {
	width : 130px;
}

/* お気に入りボタンのリンク部分 */
a.history_favorite_button {
	display : inline-block;
	width  : 110px;

	border : 2px solid #d3d3d3;
	border-radius : 4px;

	color : black;

	text-decoration:none;

	padding : 5px 5px 5px 5px;

	background-color : #f5f5f5;

}

/* お気に入りボタンのマウスオーバー時 */
a.history_favorite_button:hover {
	color : #2154A7;
	box-shadow : 0px 0px 1px;
	text-decoration:none;
}

/* お気に入りボタンの手前の☓ */
a.history_favorite_button::before {
	/* Font Awesomeを使う https://fontawesome.com/icons/times?style=solid */
	font-family: "Font Awesome 5 Free";
	font-weight: 900; 
	content: "\f005";
	padding-right : 5px;/*文字との隙間*/
	color: #ffa500;/*アイコンの色*/
}

/* ボタンの中のアイコン */
.history_button img {
	vertical-align : middle;
	padding-bottom : 4px;
}

/* お気に入りに追加済みの文字 */
span.done_add {
	color : gray;
}

/* お気に入りが限界値を超えた時 */
span.over_add {
	color : blue;
}

/* このページをお気に入りに追加部分 */
span.favorite_plus_button {
	cursor : pointer;
}

/**********************/
/* 削除ボタン */
/**********************/
/* 削除ボタンのTD部分 */
td.history_delete_button {
	width : 100px;
}

/* 削除ボタンのリンク部分 */
a.history_delete_button, a.history_all_delete_button, a.favorite_all_delete_button {
	display : inline-block;
	width  : 60px;
	border : 2px solid #d3d3d3;
	border-radius : 4px;

	color : black;

	text-decoration:none;

	padding : 5px 5px 5px 5px;

	background-color : #f5f5f5;
}

/* 削除ボタンのマウスオーバー時 */
a.history_delete_button:hover, a.history_all_delete_button:hover, a.favorite_all_delete_button:hover {
	color : #2154A7;
	box-shadow : 0px 0px 1px;
	text-decoration:none;
}

/* 削除ボタンの手前の☓ */
a.history_delete_button::before, a.history_all_delete_button::before, a.favorite_all_delete_button::before {
	/* Font Awesomeを使う https://fontawesome.com/icons/times?style=solid */
	font-family: "Font Awesome 5 Free";
	font-weight: 900; 
	content: "\f00d";
	padding-right : 5px;/*文字との隙間*/
	color: #FF2222;/*アイコンの色*/
}

/* 履歴全部削除ボタンの横幅だけ変える */
a.history_all_delete_button {
	width  : 100px;
}

/* お気に入り全部削除ボタンの横幅だけ変える */
a.favorite_all_delete_button {
	width  : 140px;
}

/****************************************/
/* 全部削除ボタンなどがある下部メニュー */
/****************************************/
div.history_footer_menu {
	text-align : center;
	width : 100%;
}

/* 履歴やお気に入りの件数部分の表示 */
div.history_count {
	font-size  : 20px;
	text-align : center;
	padding    : 25px 0px 0px 0px;

	font-family : "メイリオ", "ＭＳ Pゴシック", "ヒラギノ角ゴ ProN";
}

/*******************************************/
/* 閲覧履歴、お気に入りのタブの切り替え用 */
/*******************************************/

/* タブの外側 */
div.tab {
	width  : 100%;
	height : 50px;

	text-align     : center;
	vertical-align : middle;

	border-bottom: solid 2px #CCCCC3;
	line-height : 48px;

	padding : 0px 0px 0px 0px;
	margin-bottom : 0px;
}

/* タブの画像  */
div.tab img {
	vertical-align : middle;
	padding-bottom : 4px;
}

/* タブ（選択されていない方） */
span.tab {
	position : relative;

	display: inline-block;

	width  : 300px;
	height : 47px;

	/* border : 1px solid gray; */
	border-top    : solid 1px #CCCCC3;
	border-left   : solid 1px #CCCCC3;
	border-right  : solid 1px #CCCCC3;
	border-bottom : solid 0px #CCCCC3;
	border-radius : 0.75em 0.75em 0px 0px;

	font-size : 16px;

	vertical-align : middle;

	/* background-color: #e0e0e0;*/
	/* background-color: white; */
	background-color: #E8E8E8;
	/* background-color: white; */

	/* box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.5); */
	margin-bottom : 4px;
}

/* タブ（選択されている方） */
span.tab_selected {
	position : relative;

	display: inline-block;

	width  : 300px;
	height : 49px;

	/* border : 1px solid gray; */
	border-top    : solid 2px #CCCCC3;
	border-left   : solid 2px #CCCCC3;
	border-right  : solid 2px #CCCCC3;
	border-bottom : solid 2px white;
	border-radius : 0.75em 0.75em 0px 0px;

	font-size : 15px;
	color     : black;

	vertical-align : middle;

	/* background-color: #e0e0e0;*/
	/* background-color: white; */
	/* background-color: #E8E8E8; */
	background-color: white;

	/* box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.5); */
}

/* タブの画像  */
span.tab img {
	vertical-align : middle;
	padding-bottom : 4px;

	/* filter: opacity(20%); */
	filter:alpha(opacity=20); /* IE 6,7*/
	-ms-filter: "alpha(opacity=20)"; /* IE 8,9 */
	-moz-opacity:0.2; /* FF , Netscape */
	-khtml-opacity: 0.2; /* Safari 1.x */
	opacity:0.2;
	zoom:1; /*IE*/
}

/* タブにマウスオーバーしたら */
span.tab:hover {
/*	background-color : DeepSkyBlue; */
/*	background-color : #EAEAEA; */
	background-color : #F8F8F8;
}

/* タブの中のリンク */
span.tab a {
	display : block;

/*	width  : 100%; */
	height : 100%;

	/* background-color : red; */

	color     : #A8A8A8;
	text-decoration:none;

	/* border : 1px solid gray; */
}

/* タブの中のリンクにマウスオーバーしたら */
span.tab a:hover {
	/* background-color: #f49d9d; */
	/* color:#2154A7; */
	text-decoration:none;
}

/* タブの件数部分 */
.tab_count {
	position: absolute;

	top     : -10px;
	right   : -5px;

	font-size  : 14px;
	text-align : center;

	/* firefoxだと"Arial Black"が動かない！                         */
	/* "Arial Black"はArialのfont-weightが900で再現できるとのこと。 */
	/* なのでArial Blackが無い場合はArialでfont-weight:900で設定    */
	font-weight : 900;
	font-family : "Arial Black", Arial;

	line-height : 130%;

	letter-spacing : 0px;
	/* color : #188CBD; */
	color : #FFF;

	background-color : #F00;

	width  : 20px;
	height : 20px;

	/* border-radius  : 12px; */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

	border         : 0px solid gray;
}

/****************************/
/* 履歴のトグルボタン       */
/****************************/
/* メインCSS */
input.mytoggle[type='checkbox'] {
	position : absolute;

	/* top  : -1000px; */
	left : -1000px;
}

input.mytoggle[type='checkbox'] + span.mytoggle {
	display : inline-block;

	position : relative;

	top : -1px;

	margin-left : 4px;

	vertical-align : middle;

	width : 35px;
	height: 20px;
    -webkit-appearance: none;
	background-color: #cccccc;
	border-radius: 30px;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
	outline: none;
	transition: 0.5s;
	cursor: pointer;
}

input.mytoggle[type='checkbox'] + span.mytoggle::before {
	content: "";
	position: absolute;
	top : 1px;
	left: 0;

	width : 18px;
	height: 18px;

	border-radius: 30px;
	background-color: white;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	transform: scale(1.1);
	transition: 0.5s;
}

input.mytoggle:checked[type='checkbox'] + span.mytoggle {
	/* background-color: #008888; */
	background-color: #4DD963;
}

input.mytoggle:checked[type='checkbox'] + span.mytoggle::before {
  left: 18px;
}

/*
.history_no_save_menu input[type='checkbox'] {
	position: absolute;
	left: -1000em;
}
*/

/********************************/
/* 履歴を保存しないボタンの部分 */
/********************************/
label.history_no_save {
	display : inline-block;

	border : 2px solid #d3d3d3;
	border-radius : 4px;

	color : black;

	text-decoration:none;

	padding : 5px 1px 4px 7px;

	background-color : #f5f5f5;

	height  : 20px;
	cursor  : pointer;
}

/* 履歴を保存しないボタンの部分にマウスが乗ったら */
label.history_no_save:hover {
	display : inline-block;

	text-decoration:none;

	border : 2px solid #d3d3d3;
	border-radius : 4px;

	color : #2154A7;

	text-decoration:none;

	padding : 5px 1px 4px 7px;

	background-color : #f5f5f5;

	box-shadow : 0px 0px 1px;
}

/* 履歴を保存しないボタンの外側のdiv */
div.history_no_save_menu {
	text-align : right;
}

/****************************/
/* paypayのアイコン（外側） */
/****************************/
div.paypay {
	position: absolute;
/*
	bottom : 1px;
	left   : 1px;
*/

	top    : 1px;
	right  : 1px;

/*
	bottom : 1px;
	right  : 1px;
*/
/*
	width  : 15px;
	height : 15px;
*/

	width      : 38px;
	font-size  : 8px;

	/* transform  : scale(0.8); */
	color      : white;
/*	color      : black; */

	text-align : center;
	line-height : 12px;

	border : 1px solid gray;
	border-radius : 4px;

/*	background-color : #BBA66D; */
	background-color : #9A7E27;
/*	background-color : white; */

	padding : 0px 0px 0px 0px;

}

/* paypayのアイコン画像 */
div.paypay img {
/*	vertical-align: bottom; */
	vertical-align: middle;
	padding : 0px 0px 0px 0px;
	margin-right : 1px;
}

/* paypayの「モール」の文字部分 */
div.paypay span {
	line-height : 12px;
	vertical-align: middle;
	padding : 0px 0px 0px 0px;
	margin-right : 1px;
}

/* chromeだけサイズを変える。font-sizeが10以下にならない仕様の為、対応 */
/*
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	div.paypay {
		right  : 0px;
		width  : 41px;
	}
}
*/

/* paypayのポップアップ部分 */
div.paypay_popup {
/*
	position: absolute;

	bottom : 18px;
	right  : 9px;
*/

	position: relative;

	top     : -2px;

	display : inline-block;

	width  : 56px;
	height : 14px;

	font-size  : 10px;
	color      : white;
/*	color      : black; */

	text-align : center;
	line-height : 12px;

	/* border : 1px solid gray; */
	border-radius : 5px;

/*	background-color : #BBA66D; */
	background-color : #9A7E27;
/*	background-color : white; */

	padding : 0px 0px 0px 0px;
	/* padding : 2px 2px; */
}

/* paypayのポップアップのアイコン画像 */
div.paypay_popup img {
/*	vertical-align: bottom; */
	vertical-align: middle;
	padding : 0px 0px 0px 0px;
	margin-right : 2px;
}

/* paypayのポップアップの「モール」の文字部分 */
div.paypay_popup span {
	line-height : 12px;
	vertical-align: middle;
	padding : 0px 0px 0px 0px;
	margin-right : 1px;
}

/*********************/
/* カテゴリーリスト  */
/*********************/
table.category_price_list {
	width  : 100%;
	border : 0px solid gray;
	/* background-color: #EAEAEA; */
}

table.category_price_list th {
	width      : 100px;
	text-align : center;
	border : 1px solid gray;
	/* background-color: #FFFFFF; */
}

table.category_price_list td {
	width      : 100px;
	text-align : center;
	border : 1px solid gray;
}

table.category_price_list img {
	border : 1px solid gray;
}

/* カテゴリーリストの最安データの部分を囲むテーブル */
table.category_lowest_price_tbl {
	border : 1px solid gray;
	/* border-collapse : collapse; */
	border-radius : 8px;

	table-layout:fixed;

	width  : 100%;
}

/* カテゴリーリストの最安データの部分を囲むテーブルのtd */
table.category_lowest_price_tbl td {
	text-align : left;
	border  : 0px solid gray;

	padding : 2px 2px 2px 4px;

	/* width : 1px; */

	white-space : normal;

	/* background-color : #EAEAEA; */
}

/* カテゴリーリストの「最安」の部分*/
.category_lowest_price_tag {
	display: inline-block;

	font-size   : 16px;
	font-weight : bold;

	width   : 45px;
	margin  : 0px;
	padding : 0px;
	text-align : center;

	color : #FFFFFF;

	background-color : #C0392B;

	border : 0px solid gray;
	border-radius : 8px;
}

/* カテゴリーリストの最安値の部分*/
.category_lowest_price {
	display: inline-block;

	font-size   : 20px;
	color       : #FF3333;
	font-weight : bold;
}

/* Google Chrome / Safari / Opera */
/*
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.category_lowest_price {
		display: inline-block;

		font-size   : 18px;
		color       : #FF3333;
		font-weight : bold;
	}
}
*/

/* Firefox */
/*
@-moz-document url-prefix() {
	.category_lowest_price {
		display: inline-block;

		font-size   : 20px;
		color       : #FF3333;
		font-weight : bold;
	}
}
*/

/* カテゴリーリストのポイントの部分*/
.category_lowest_point {
	display: inline-block;

	font-size   : 14px;
	color       : #FF3333;
	font-weight : bold;
}

/* カテゴリーリストの最安値のショップ部分*/
.category_lowest_shop {
	display: inline-block;

	font-size   : 14px;
	color       : black;
	font-weight : bold;

	margin  : 2px;
	padding : 2px 6px 2px 6px;

	background-color : #F2F2F2;

	border : 0px solid gray;
	border-radius : 8px;
}

/* カテゴリーリストの最安値のショップ部分のリンク */
.category_lowest_shop a        { color:#2154A7; text-decoration:none;      font-size: 14px;}
.category_lowest_shop a:link   { color:#2154A7; text-decoration:none;      font-size: 14px;}
.category_lowest_shop a:visited{ color:#2154A7; text-decoration:none;      font-size: 14px;}
.category_lowest_shop a:active {                                           font-size: 14px;}
.category_lowest_shop a:hover  { color:#2154A7; text-decoration:underline; font-size: 14px;}

/* カテゴリーリストの送料無料、クレカOKの部分*/
.category_lowest_postage {
	display: inline-block;

	font-size   : 12px;
	/* font-weight : bold; */

	/* width   : 45px; */
	margin  : 0px;
	padding : 2px 6px 2px 6px;
	text-align : center;

	/* color : #C0392B; */
	color : #000000;

	/* background-color : #C0392B; */
	/* background-color : #FFFFFF; */
	background-color : #F2F2F2;

	border : 0px solid #C0392B;
	/* border : 1px solid #A0A0A0; */
	border-radius : 8px;
}

.category_lowest_postage2 {
	text-decoration: none;
	text-align    : center;
	vertical-align: middle;
	font-size: 12px;
	display: inline-block;

	border-radius : 5px;

	/* 各ブラウザ毎のグラデーション */

	/* IE11以降 */
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);

	/* Chrome、Safari */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));

	/* mozilla系（Firefox） */
	background:-ms-linear-gradient(top, #FFFFFF, #EEEEEE);

	/* 古いIE */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');

	border: 1px solid #DDD;

	/* color:#888; */
	color:#000;

	width  : 70px;
	height : 16px;
	padding: 2px 2px;
}

/* カテゴリーリストの翌日配送の部分 */
.category_lowest_delivery {

	text-decoration: none;
	text-align    : center;
	vertical-align: middle;
	font-size: 12px;
	display: inline-block;

	font-size : 12px;
	color : #FFFFFF;

	border-radius : 5px;

	border: 1px solid #DDD;

	background-color : #3598C0;
	width  : 70px;
	height : 16px;
	padding: 2px 2px;
}

/* カテゴリーリストの送料、クレカ、翌日配送でなかった時の空白 */
.category_lowest_vacant {
	display: inline-block;

	width  : 70px;
	height : 16px;
}

/* カテゴリーリストのアマゾンプライムの部分 */
.category_lowest_prime {
	position: relative;

	font-size   : 12px;

	/* firefoxだと"Arial Black"が動かない！                         */
	/* "Arial Black"はArialのfont-weightが900で再現できるとのこと。 */
	/* なのでArial Blackが無い場合はArialでfont-weight:900で設定    */
	font-weight : 900;
	font-family : "Arial Black", Arial;

	letter-spacing : 0px;
	color : #188CBD;

	padding : 1px 1px 1px 11px;

	background-color : #FFF;
	width  : 45px;
	height : 16px;

	border-radius  : 3px;
	border         : 1px solid gray;
}

/* カテゴリーリストのアマゾンプライムのチェックの部分 */
.category_lowest_prime::before{
	content: "";

	display: block;

	position: absolute;

	top : 2px;
	left: 5px;

	width : 4px;
	height: 8px;

	transform: rotate(40deg);

	border-bottom: 3px solid #ffd700;
	border-right : 3px solid #ffd700;

	vertical-align : middle;
}

/* カテゴリーリストのpaypayの部分 */
.category_lowest_paypay {

	position: relative;

	top     : -2px;

	display : inline-block;

	/* width  : 56px; */
	width  : 45px;
	height : 14px;

	font-size  : 10px;
	color      : white;

	text-align : center;
	line-height : 12px;

	border-radius : 5px;

	background-color : #9A7E27;

	padding : 0px 0px 0px 0px;

	border : 0px solid gray;
}

/* カテゴリーリストのpaypayのポップアップのアイコン画像の部分 */
.category_lowest_paypay img {
	vertical-align: middle;
	padding : 0px 0px 0px 0px;
	margin-right : 1px;
}

/* カテゴリーリストのpaypayのポップアップの「モール」の文字部分 */
.category_lowest_paypay span {
	font-size   : 8px;
	line-height : 12px;
	vertical-align: middle;
	padding : 0px 0px 0px 0px;
	margin-right : 1px;
}

/* カテゴリーの商品名の部分のtd */
td.category_item_name {
	white-space   : nowrap!important;
	overflow      : hidden;
	text-overflow : ellipsis;
}

/* カテゴリーの商品名の部分 */
a.category_item_name        { color:#2154A7; text-decoration:none;      font-size: 12px;}
a.category_item_name:link   { color:#2154A7; text-decoration:none;      font-size: 12px;}
a.category_item_name:visited{ color:#2154A7; text-decoration:none;      font-size: 12px;}
a.category_item_name:active {                                           font-size: 12px;}
a.category_item_name:hover  { color:#2154A7; text-decoration:underline; font-size: 12px;}

/* カテゴリー詳細のテーブル */
table.category_detail {
	width : 100%;
}

/* カテゴリー詳細のテーブルのヘッダー */
table.category_detail th {
	font-weight : normal;
	font-size : 14px;

	color : #000000;
/*	background-color: #5D7484; */
	background-color: #FFFFFF; 
	border-radius : 8px;

	padding : 3px 3px 3px 3px;

	width : 100px;
}

/* カテゴリー詳細のテーブルの内容部分 */
table.category_detail td {
	font-size : 14px;

	color : #FFFFFF;
	background-color: #5D7484;
	border-radius : 8px;

	padding : 3px 3px 3px 10px;

	text-align : left;
}


/* カテゴリー詳細のタブ部分 */
.category_detail_tab {
	display     : list-item;
	white-space : nowrap;

	font-size : 14px;

	color : #FFFFFF;
	background-color: #5D7484;
	border-radius : 8px;

	padding : 3px 10px 3px 10px;
	margin  : 3px 3px 3px 3px;

	text-align : left;
}

/* カテゴリー詳細のタブリストの全体部分を囲うテーブル */
.category_detail_table {
	width : 100%;
}

/* カテゴリー詳細のタブリストの全体部分 */
.category_detail_ul {
	width : 100%;

	white-space: nowrap;
	overflow: hidden;
}

/* カテゴリー詳細のタブリスト部分 */
.category_detail_ul li {
	white-space : nowrap;

	float:left;

	list-style: none; /* 黒点消す */

	font-size : 14px;

	color : #FFFFFF;
	background-color: #5D7484;
	border-radius : 8px;

	padding : 2px 10px 2px 10px;
	margin  : 3px 3px 3px 3px;

	text-align : left;
}

/* カテゴリー詳細のタブリスト部分（ソートされている項目用） */
.category_detail_ul li.sort_class {
	white-space : nowrap;

	float:left;

	list-style: none; /* 黒点消す */

	font-size : 14px;

	/* color : #FFFFFF; */
	color : #000;

	/* background-color: #5D7484; */
	/* background-color: #778899; */
	/* background-color: #a9a9a9; */
	background-color: lightgray;

	border-radius : 8px;

	padding : 2px 10px 2px 6px;
	margin  : 3px 3px 3px 3px;

	text-align : left;
}

/* カテゴリ詳細のタグの部分の画像 */
.category_detail_ul a img {
	border-style   : none;
	padding-right  : 2px;
	vertical-align : middle;
}

/* カテゴリ詳細のタグの部分のリンク */
.category_detail_ul a        { color:#FFFFFF; text-decoration:none;      font-size: 14px;}
.category_detail_ul a:link   { color:#FFFFFF; text-decoration:none;      font-size: 14px;}
.category_detail_ul a:visited{ color:#FFFFFF; text-decoration:none;      font-size: 14px;}
.category_detail_ul a:active {                                           font-size: 14px;}
.category_detail_ul a:hover  { color:#FFFFFF; text-decoration:none;      font-size: 14px; background-color : #7D94A4;}

/* カテゴリ詳細のタグの部分のリンク（ソートされている項目用） */
li.sort_class a        { color:#000000; text-decoration:none;      font-size: 14px;}
li.sort_class a:link   { color:#000000; text-decoration:none;      font-size: 14px;}
li.sort_class a:visited{ color:#000000; text-decoration:none;      font-size: 14px;}
li.sort_class a:active {                                           font-size: 14px;}
li.sort_class a:hover  { color:#000000; text-decoration:none;      font-size: 14px; background-color : #7D94A4;}

/* 商品ページのカテゴリー詳細のタブリストの全体部分を囲うテーブル */
.category_special_detail_table {
	width           : 100%;
/*	border-collapse : collapse; */
	border-collapse : separate;
	border-radius   : 8px;
	border-spacing  : 0;

	font-size       : 16px;
}

/* 商品ページのカテゴリー詳細のタブリストの全体部分を囲うテーブルの中の画像 */
.category_special_detail_table img{
	border : 1px solid gray;
}

/* 商品ページのカテゴリー詳細のタブリストの全体部分を囲うテーブルのtdの左側 */
.category_special_detail_table_left {
	width         : 30%;
	height        : 100px;
	text-align    : center;
	vertical-align : middle;
	border        : 1px solid gray;
	border-width  : 1px 0px 0px 1px;
	border-radius : 18px 0 0 0px;
}

/* 商品ページのカテゴリー詳細のタブリストの全体部分を囲うテーブルのtdの左側の下側 */
.category_special_detail_table_left_bottom {
	text-align    : center;
	vertical-align : middle;
	border        : 1px solid gray;
	border-width  : 0px 0px 1px 1px;
	border-radius : 0px 0 0 18px;

	font-size       : 14px;
}

/* 商品ページのカテゴリー詳細のタブリストの全体部分を囲うテーブルのtdの右側 */
.category_special_detail_table_right {
	width         : 70%;
	text-align    : center;
	border        : 1px solid gray;
	border-radius : 0 18px 18px 0;
}

/* 商品ページのカテゴリー詳細のタブリストの全体部分を囲うテーブルのtd（スクロールする） */
.category_special_detail_table_scroll {
	width          : 100%;

	text-align     : center;
	vertical-align : middle;

	border        : 1px solid gray;
	border-radius : 18px;

/*
	overflow-x    : scroll;
	white-space   : nowrap;
	-webkit-overflow-scrolling: touch;
*/
}

/* 商品ページのカテゴリー詳細のタブリストの全体部分を囲うテーブルの終わりのhr */
.category_special_detail_end_hr {
	width  : 100%;
	border-top: 1px solid gray;
	border-bottom : 0px solid gray;
	margin     : 2px auto;
}

/* 商品ページのカテゴリー詳細のタブリストの全体部分 */
.category_special_detail_ul {
	width  : 100%;

	margin : 0 auto;

	border : 0px solid gray;

/*
	white-space: nowrap;
	overflow: hidden;
*/
}

/* カテゴリー詳細のタブリスト部分 */
.category_special_detail_ul li {
	display : inline-block;

/*
	white-space : nowrap;

	float:left;
*/

	list-style: none; /* 黒点消す */

	font-size : 14px;

	color : #FFFFFF;
	background-color: #5D7484;
	border-radius : 8px;

	padding : 2px 10px 2px 10px;
	margin  : 3px 3px 3px 3px;

	text-align : left;
}

/* カテゴリ詳細のタグの部分の画像 */
.category_special_detail_ul a img {
	border-style   : none;
	padding-right  : 2px;
	vertical-align : middle;
}

/* カテゴリ詳細のタグの部分のリンク */
.category_special_detail_ul a        { color:#FFFFFF; text-decoration:none;      font-size: 14px;}
.category_special_detail_ul a:link   { color:#FFFFFF; text-decoration:none;      font-size: 14px;}
.category_special_detail_ul a:visited{ color:#FFFFFF; text-decoration:none;      font-size: 14px;}
.category_special_detail_ul a:active {                                           font-size: 14px;}
.category_special_detail_ul a:hover  { color:#FFFFFF; text-decoration:none;      font-size: 14px; background-color : #7D94A4;}

/* カテゴリ詳細のタグの部分のリンクのまとめ部分 */
a.matome        { color:#FFFFFF; text-decoration:none;      font-size: 14px;}
a.matome:link   { color:#FFFFFF; text-decoration:none;      font-size: 14px;}
a.matome:visited{ color:#FFFFFF; text-decoration:none;      font-size: 14px;}
a.matome:active {                                           font-size: 14px;}
a.matome:hover  { color:#FFFFFF; text-decoration:none;      font-size: 14px; /* background-color : #97bdfc; */ background-color : transparent;}


/* カテゴリページでの各モールのアイコン部分 */

/* アマゾン */
.amazon_span {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

	display  : inline-block;
	position : relative;

	top      : 0px;

	-moz-border-radius:15.4px;
	-webkit-border-radius:15.4px;
	-khtml-border-radius:15.4px;
	border-radius:15.4px;

	/* font-size:12.6px; */
	font-size : 14px;

	/* padding : 1.4px 7px; */
	padding : 0px 5px 2px 5px;

	background-color:white;

	color:black;

	font-weight:bold;

	vertical-align : top;
}

/* アマゾンの内部部分 */
.amazon_span_inner {
	/* width : 20px; */

	border-color  : #febd69;
	border-bottom : 2px solid #febd69;
	border-radius : 15.4px;
}

.amazon_span:before {
	content: '';

	position: absolute;
	/* position: relative; */

	left   : 50%;
	bottom : 2px; /*線の上下位置*/

	display: inline-block;

	width  : 20px;  /* 線の長さ */
	height : 20px;  /* 線の太さ */

	border-radius : 20px;              /* 線の丸み */
	border-color  : #febd69;
	border        : 2px solid #febd69;

	border-width  : 0px 0px 3px 0px;

	-webkit-transform : translateX(-50%);
	transform         : translateX(-50%);  /* 位置調整 */
	/* background-color  : black; */            /* 線の色   */

}

/* 楽天 */
.rakuten_span{
	background-color:#ffffff;
	color:#be0000;

/* 
	-moz-border-radius:15.4px;
	-webkit-border-radius:15.4px;
	-khtml-border-radius:15.4px;
	border-radius:15.4px;
*/

	/* font-size:12.6px; */
	font-size:14px;

	padding:1.4px 6.3px;

	font-weight:bold;

	text-decoration : underline;
	text-decoration-thickness : 2px;
}

/* ヤフショ、ヤフオク */
.yahoo_span{
	/* background-color:#d9e0fd; */
	background-color:#ffffff;
	color:#fe0032;

	border:0px solid black;

	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	-khtml-border-radius:14px;
	border-radius:14px;

	/* font-size:12.6px; */
	font-size:14px;

	padding:1.4px 4.2px;
	font-weight:bold;
}

/* カテゴリー検索の開閉できるthのプラス画像 */
th.search_category_header_plus {
	color : #FFFFFF;

	background-image    : url('../img/icon/opener_plus02.png');
	background-repeat   : no-repeat;
	background-position : right;
	/* background-size     : 20px 20px; */
	background-size     : contain;
	background-origin   : content-box;
	mix-blend-mode      : screen;
}

/* カテゴリー検索の開閉できるthのマイナス画像 */
th.search_category_header_minus {
	color : #FFFFFF;

	background-image    : url('../img/icon/opener_minus02.png');
	background-repeat   : no-repeat;
	background-position : right;
	/* background-size     : 20px 20px; */
	background-size     : contain;
	background-origin   : content-box;
}

th.search_category_header_plus:hover, th.search_category_header_minus:hover {
	color : #FFFFFF;

	/* background-color : #B3B3EE; */
	background-color : #4966AF;
	/* background-color :rgba(255,255,255,0.8);
	background-blend-mode:lighten; */
}

/* カテゴリー検索の開閉できるthのマイナス画像 */
.category_latest_result {
	width : 100%;
	vertical-align: middle;
}

/* カテゴリー検索の個別のモール部分 */
.category_each_mogol {
	background-color: #EAEAEA;
}

/*************************************************************/
/* パンくずデザイン始まり                                    */
/* https://saruwakakun.com/html-css/basic/breadcrumbを参考に */
/*************************************************************/
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  position: relative;
  display: inline-block;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
  /* margin-right: 0.2em; */
  margin-right: 10px;
}

.breadcrumb li:after {
  content: "";
  position: absolute;
  top: 7px;
  right: -19px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #e2e2e2;
  border-width: 7px 12px;
  width: 0;
  height: 0;
}

.breadcrumb li:last-child:after {
  content: none;
}

.breadcrumb li a {
  display: inline-block;
  padding: 0 0.3em;
  height: 28px;
  line-height: 28px;
  text-decoration: none;
  color: #9b9b9b;
  background: #e2e2e2;
  font-size: 13px;
  border-radius: 3px;
  transition: 0.3s;
}

.breadcrumb li a:hover {
  /* transform: translateY(-3px); */
  /* transform: translateY(-3px); */
  background-color : #E8E8E8;
  color : black;
}

/*************************************************************/
/* ↑パンくずデザイン終わり                                  */
/*************************************************************/

/* カテゴリーリストの一番上のパンくずとの区切り線 */
hr.category_list_start {
	border-width : 1px 0px 0px 0px;
	border-style: solid;
	border-color: #AEAEAE;
	width : 98%;
}

/*****************************************************/
/* ↓ページネーション始まり                          */
/* https://nakox.jp/web/wordpress/wp_pager_css参考に */
/*****************************************************/
.pager .pagination {
	text-align   : left;
	padding-left : 6px;
	font-size    : 12px;
	font-weight  : bold;
}

.pager .pagination li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	display: inline-block;
	/* background:#9D50BB; */
	/* background:#0A98DE; */
	background: #e2e2e2;
	width : 30px;
	height: 30px;
	text-align: center;
	position: relative;
	border-radius: 10px;
}

.pager .pagination li a{
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display:table;
	/* color: #fff; */
	color: #9b9b9b;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.pager .pagination li a span{
	display:table-cell;
	vertical-align:middle;
}

.pager .pagination li a:hover {
/*
	background: #ccf;
*/
	color: #000;
	background-color : #E8E8E8;
	border-radius: 10px;
	border       : 1px solid gray;
}

.pager .pagination li a.active {
	color: #000;
	/* background: #ccf; */
	background-color : #E8E8E8;
	border-radius: 10px;
	border       : 1px solid gray;
	cursor : default;
}

@media only screen and (max-width: 767px){
	.pager .pagination li{
		display: none;
	}

	.pager .pagination li.pre,
	.pager .pagination li.next{
		display: inline-block;
		width: 40%;
		height: 50px;
		text-align: center;
	}

	.pager .pagination li.pre a,
	.pager .pagination li.next a{
		width: 100%;
		text-align: center;
	}

	.pager .pagination li.pre span::after{
		content: "　前の10件へ";
	}

	.pager .pagination li.next span::before{
		content: "次の10件へ　";
	}

}

/* 検索結果ＸＸ件の部分 */
div.category_pagenation_result {
	padding      : 0px 0px 0px 6px;
	height       : 35px;
}

/* 検索結果ＸＸ件の文字部分 */
span.category_pagenation_result {
	font-family:  "Helvetica", "メイリオ", "Arial";
	font-size   : 25px;
	font-weight : normal;
	color       : red;
}

/* 現在の表示件数の部分 */
span.category_pagenation_result_disp_number {
	font-family:  "Helvetica", "メイリオ", "Arial";
	font-size : 16px;
	font-weight : normal;
}

/* 検索結果ＸＸ件の部分(テーブルバージョン) */
table.category_pagenation_result {
	width : 95%;
	border-bottom : 1px solid gray;
	margin-left : auto;
	margin-right : auto;
}

/* 検索結果ＸＸ件の左部分 */
table.category_pagenation_result_left {
	border : 0px solid gray;
	width : 230px;
}

/* 検索結果ＸＸ件の右部分 */
table.category_pagenation_result_right {
	border : 0px solid gray;
}

/***********************************************/
/* ↑ページネーション終わり                    */
/***********************************************/

/* カテゴリの表示方法の部分*/
/*
#display_switch_each_shop {
	display          : inline-block;

	padding          : 2px 4px 2px 4px;

	background-color : aliceblue;
	border-radius    : 8px;

	border           : 1px solid aliceblue;
}
*/

/********************************************************/
/* カテゴリリスト内の画像                               */
/* 後でjqueryで読み込み直すためデフォルトでは表示しない */
/********************************************************/
.category_main_img,.category_each_shop_img {
	visibility     : hidden;
	border         : 0px solid gray;
	text-align     : center;
	vertical-align : middle;
}

/* カテゴリリスト内の画像の外側のdiv */
div.category_main_img_outer {
	margin-right   : auto;
	margin-left    : auto;

	width       : 135px;
	height      : 137px;
	line-height : 137px;

	border : 0px solid gray;

	font-size    : 0px; /* vertical-align : middle; の為に。*/
}

/* カテゴリリスト内の各ショップの画像の外側のdiv */
/* 必要なさそう・・・                            */
div.category_each_shop_img_outer {
	margin-right   : auto;
	margin-left    : auto;

	width       : 85px;
	height      : 85px;
	line-height : 85px;

	border : 1px solid gray;

	font-size    : 0px; /* vertical-align : middle; の為に。*/
}

/* カテゴリの表示方法部分 */
.category_display_switch {
	width        : 95%;
	margin-left  : auto;
	margin-right : auto;

	padding : 0px 0px 0px 6px;
	/* margin  : 0px; */
	line-height : 180%;
	text-align : center;
}

/* カテゴリの検索条件部分 */
.category_search_terms {
	position     : relative;

	font-size    : 14px;

	border       : 1px solid gray;
	border-radius : 8px;

	width         : 93%;
	margin-left   : auto;
	margin-right  : auto;
	margin-bottom : 20px;

/*
	border-bottom : 1px solid gray;
	width         : 93%;
*/

	/* background-color : #E5EEF7; */
	/* background-color : #CCDEF2; */
	/*background-color : #CCDEF2; */
	padding      : 5px 5px 5px 6px;
	/*margin       : 0px 5px 0px 5px;*/

	width         : 100%;
}

/* カテゴリー詳細の検索条件の全体部分 */
.category_search_temrs_ul {
	width     : 100%;
	max-width : 250px;

	position : relative;

	white-space: nowrap;
	overflow: hidden;
}

/* カテゴリー詳細のタブリスト部分 */
.category_search_temrs_ul li {
	white-space : nowrap;

	float:left;

	list-style: none; /* 黒点消す */

	cursor : pointer;
}

/* カテゴリ詳細のタグの部分のリンク */
.category_search_temrs_ul a        { color:#2669A7; text-decoration:none;      font-size: 14px;}
.category_search_temrs_ul a:link   { color:#2669A7; text-decoration:none;      font-size: 14px;}
.category_search_temrs_ul a:visited{ color:#2669A7; text-decoration:none;      font-size: 14px;}
.category_search_temrs_ul a:active {                                           font-size: 14px;}
.category_search_temrs_ul a:hover  { color:#2669A7; text-decoration:none;      font-size: 14px; /* background-color : #7D94A4; */}

/* カテゴリ検索条件のテーブル */
table.category_search_terms_modal_tbl {
	display : inline-table;

	font-size : 14px;

	color : #9ABCE1;
	/* background-color: #EEF6FF; */
	background-color: transparent;

	/* border-collapse : collapse; */
	border-collapse : separate;
	border-spacing  : 0;
	/* border          : 1px solid #EEF6FF; */
	/* border          : 1px solid #CCDEF2; */
	/* border          : 1px solid #FFFFFF; */
	border          : 1px solid #42BBFF;
	border-radius   : 12px;

	margin  : 3px 3px 3px 3px;

	text-align : left;

	cursor : pointer;

	width  : 95%;

	table-layout : fixed;
}

/* カテゴリ検索条件のテーブルの左側のtd */
td.category_search_terms_modal_tbl_left{
	padding : 2px 5px 2px 7px;

	width     : 60px;
	/* width      : 20%; */

	text-align : center;

	/* border-right : 2px solid #CCDEF2; */

	background-color : #4966AF;
	/* background-color : #5D7484; */
	/* background-color : black; */
	/* background-color : #191970; */
	color            : white;

	border-radius    : 12px 0px 0px 12px;
}

/* カテゴリ検索条件のテーブルの真ん中のtd */
td.category_search_terms_modal_tbl_center {
	padding : 2px 4px 2px 4px;

	/* min-width : 60px; */

	/* width     : 100%; */

	white-space: nowrap;
	overflow: hidden;

	text-align : center;

/*
	background-color : #0A9BDE;
	color            : white;
*/

	background-color : #FFFFFF;
	/* background-color : #FFFFFF; */
	color            : black;

	border-top       : 1px solid #9FA8C9;
	border-bottom    : 1px solid #9FA8C9;
}

/* カテゴリ検索条件のテーブルの右側のtd */
td.category_search_terms_modal_tbl_right {
	width   : 30px;
	padding : 2px 4px 2px 0px;
	text-align : center;
	font-size : 16px;

	color            : black;
	background-color : #E1E1E1;

	/* border-left : 1px solid #EEF6FF; */
	/* border-left : 1px solid #CCDEF2; */

	border             : 1px solid #9FA8C9;

	/* border-radius   : 12px; */
	border-radius    : 0px 12px 12px 0px;
}

/* カテゴリ検索条件の「指定なし」の時のtd */
td.category_search_terms_modal_tbl_no_specify {
	background-color : #F2F2F2;
}

/* カテゴリ検索条件のテーブルの中のリンク */
/* a.category_search_terms_modal_tbl { display : block; width : 100%; height : 100%; border : 0px solid gray; color:#2669A7; text-decoration:none; font-size: 14px;} */

/* カテゴリ検索条件のフリーワード部分 */
.cate_search_terms_word_bar {
    display         : flex;
    align-items     : center;
    justify-content : center;
    height : 25px;

    /* width  : 200px; */
    width      : 95%;
    background-color: #ddd;

	margin-top    : 8px;
	margin-bottom : 8px;
	margin-left   : 8px;

	border      : 0px solid gray;
}

/* カテゴリ検索条件のフリーワードのアイコン部分 */
.cate_search_terms_word_icon {
    height  : 15px;
    width   : 15px;
    padding : 5px 5px;
	cursor  : default;
}

/* カテゴリ検索条件のフリーワードの×のアイコン部分 */
.cate_search_terms_word_clear_icon {
    height  : 15px;
    width   : 15px;
    padding : 5px 5px;
	cursor  : pointer;
}

/* カテゴリ検索条件のフリーワードのテキストボックス部分 */
.cate_search_term_word {
	font-size        : 14px;
	width            : 100%;
	background-color : #ddd;
	border           : none;
	outline          : none;
	box-sizing       : border-box;
}

/* カテゴリ検索条件のボタンを囲むdiv */
.cate_search_term_button {
	text-align  : left;
	line-height : 28px;

	margin-top  : 4px;
}

/* カテゴリ検索条件のクリアボタン */
.cate_search_term_clear_button, .cate_search_term_search_button {
/*
	border        : 1px solid gray;
	border-radius : 8px;
	padding       : 3px 6px 3px 6px;
	cursor        : pointer;
*/
	display          : inline-block;

	position         : relative;

	white-space      : nowrap;

/*	min-width        : 80px; */
	width            : 100px;

	border           : 0px solid gray;
	border-radius    : 10px;

	box-shadow: 0 3px 0 rgba(136,136,136,1);

	/* 各ブラウザ毎のグラデーション */

	/* IE11以降 */
	background: -moz-linear-gradient(top,#EEE 0%,#DDD);

	/* Chrome、Safari */
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));

	/* mozilla系（Firefox） */
	background:-ms-linear-gradient(top, #EEEEEE, #DDDDDD);

	/* 古いID */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEEEEEE', endColorstr='#FFDDDDDD');

	padding          : 2px 10px 2px 10px;

	text-shadow : none;

	text-align : center;

	cursor : pointer;

	margin-bottom  : 5px;
}

/* 全クリアボタン、検索ボタンのクリック時 */
.cate_search_term_clear_button:active, .cate_search_term_search_button:active {
	display          : inline-block;

	white-space      : nowrap;

	min-width        : 100px;

	border           : 0px solid gray;
	border-radius    : 10px;

	box-shadow: 0 3px 0 rgba(136,136,136,1);

	/* 各ブラウザ毎のグラデーション */

	/* IE11以降 */
	background: -moz-linear-gradient(top,#EEE 0%,#DDD);

	/* Chrome、Safari */
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));

	/* mozilla系（Firefox） */
	background:-ms-linear-gradient(top, #EEEEEE, #DDDDDD);

	/* 古いID */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEEEEEE', endColorstr='#FFDDDDDD');

	padding          : 2px 10px 2px 10px;

	text-shadow : none;

	text-align : center;

	cursor : pointer;

	position : relative;
	top      : 2px;

	margin-bottom  : 5px;
}

/* カテゴリ検索条件の検索ボタン */
/*
.cate_search_term_search_button {
	position      : relative;
	border        : 1px solid gray;
	border-radius : 8px;
	padding       : 3px 6px 3px 6px;
	margin        : 0px;
	cursor        : pointer;
	line-height   : 100%;
	background-color : white;
}
*/

/*************************************************************/
/* カテゴリ検索条件の中のＯＫボタン                          */
/* https://saruwakakun.com/html-css/reference/buttons を参考 */
/*************************************************************/
.btn-flat-logo {
	position: relative;
	display: inline-block;

	width  : 80px;
	height : 30px;
	line-height : 30px;

	vertical-align : middle;

	font-weight: bold;
	padding: 0.25em 0.5em;
	text-decoration: none;
	color: #FFF;
	/* background: #00bcd4; */
	background-color  : midnightblue;
	transition: .4s;
}

.btn-flat-logo:hover {
	background: #1ec7bb;
}

/* カテゴリ詳細のタグの×部分 */
.category_search_terms_batu {
/*
	display  : inline-block;
	position : relative;
	height  : 20px;
*/
	display  : inline-block;

	border  : 0px solid gray;
	border-radius : 8px;

	font-size : 16px;

	width  : 20px;
	height : 20px;

	padding   : 0px 2px 0px 2px;

	margin-left : 2px;
}

.category_search_terms_batu:active, .category_search_terms_batu:hover {
	cursor : pointer;

	border : 0px solid gray;
	border-radius : 8px;

	color  : white;
	font-size   : 16px;
	font-weight : 900;

	background-color : #000000;
}

/* カテゴリ詳細の項目検索画面の×部分 */
.category_search_terms_close {
	position : absolute;
	top      : -10px;
	right    : -5px;

	width    : 16px;
	height   : 20px;

	line-height : 22px;

	text-align     : center;
	vertical-align : middle;

	border  : 0px solid gray;
	border-radius : 20px;

	color  : white;
	font-size : 20px;
	font-weight : 900;

	padding   : 0px 2px 0px 2px;

	background-color : #000000;
}

.category_search_terms_close:hover {
	cursor : pointer;

	width    : 16px;
	height   : 20px;

	line-height : 22px;

	text-align     : center;
	vertical-align : middle;

	border : 0px solid gray;
	border-radius : 20px;

	color  : white;
	font-size   : 20px;
	font-weight : 900;

	padding   : 0px 2px 0px 2px;

	background-color : #000000;
}

/* 検索条件内のクリックした後のテーブル */
table.search_category_terms_tbl {
	width : 100%;

	border-collapse     : collapse;
	border              : 0px solid gray;
	border-spacing      : 0px;
	/* border-radius     : 25px 25px 25px 25px / 25px 25px 25px 25px; */

}

/* 検索条件内のクリックした後のテーブルのTD */
table.search_category_terms_tbl td {
	color               : #FFFFFF;
	background-color    : #0A9BDE;
	padding             : 5px 5px 5px 5px;
	border-top          : 1px dotted white;
/*	border-top          : 1px solid white; */
}

/* 検索条件内のクリックした後のテーブルのTH */
table.search_category_terms_tbl th{
	font-size         : 16px;
	background-color  : midnightblue;
	color             : white;
	border            : 1px dotted #FFFFFF;
	text-align        : center;
	user-select       : none;
	padding           : 5px 5px 5px 5px;
	line-height       : 100%;

	border-radius     : 25px 25px 0 0 / 25px 25px 0 0;
}

/* 検索条件内のクリックした後のテーブルのtd */
td.search_category_terms_select {
	font-size  : 18px;
	border     : 0px dotted #FFFFFF;
	padding    : 0 5px 0 10px;
	text-align : center;
	width      : 1px;
	cursor     : pointer;
}

/* 検索条件内のクリックした後のテーブルの名前とラジオボックス部分 */
td.search_category_terms_select_name, td.search_category_terms_radio_name {
	font-size   : 18px;
	border-left : 0px;
	text-align  : left;
	cursor      : pointer;
}

/* 検索条件内のクリックした後の一番左下の要素 */
td.search_category_terms_select_round {
	border            : 0px solid black;
	border-radius     : 0px 0px 0px 25px;
}

/* 検索条件内のクリックした後の一番右下の要素 */
td.search_category_terms_select_name_round {
	border            : 0px solid black;
	border-radius     : 0px 0px 25px 0px;
}

/* 検索条件内の検索想定件数の部分 */
#estimate_search_count {
	border         : 0px solid gray;
	vertical-align : middle;
	font-size      : 14px;
/*
	border        : 1px solid gray;
	border-radius : 8px;
	padding       : 3px 6px 3px 6px;
	margin        : 0px;
	cursor        : pointer;
*/
}

/* カテゴリの項目選択部分の選べないようになっているtd */
td.category_search_terms_disabled {

	text-decoration  : line-through;

	color            : rgba(0,0,0,0.3)!important;
	background-color : rgba(10,155,222,1.0)!important;
	/* background-color : rgba(8,121,170,1.0)!important; */

	cursor           : unset;
}

/* カテゴリの項目選択部分の選べないようになっているtd */
td.category_search_terms_disabled span.cate_search_val_terms_search_count {

	color            : rgba(0,0,0,0.3)!important;

	cursor           : unset;
}

/* 検索条件内の検索想定件数のローダー部分 */
#estimate_search_count img {
	margin         : 0px 5px 3px 0px;
	border         : 0px solid gray;
	vertical-align : middle;
}

/* 検索条件内の検索想定件数の部分 */
.estimate_search_count_num {
	/* color       : red; */
	color       : #FFF;
	font-weight : bold;
	font-size   : 18px;
}

/* 検索条件内の検索想定件数のポップアップ部分 */
#estimate_search_count_popup {
	display        : none;

	position       : absolute;
/*
	top            : -60px;
	left           : 10px;
*/

	bottom         : -60px;
	left           : 10px;

	vertical-align : middle;

    width:140px;
    height:20px;
    /* background:#42BBFF; */
    /* background:#426fff; */
    background:#ff8942;
    padding:8px;
    text-align:center;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;

	padding-bottom : 16px;

	z-index : 1;
}

#estimate_search_count_popup:after {
/*
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(66, 187, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#42BBFF;
    top:100%;
    left:17%;
*/

/*
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(66, 187, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-bottom-color:#ff8942;
    
    bottom:100%;
    left:22%;
*/

    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(66, 187, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#ff8942;
    top:100%;
    left:17%;

}

/* 検索条件内の検索想定件数のローダー部分 */
#estimate_search_count_popup img {
	margin         : 0px 3px 8px 3px;
	border         : 0px solid gray;
	vertical-align : middle;
}

/* 検索条件内の検索想定件数のローダー部分 */
#terms_form{
	width    : 100%;
	position : relative;
}

/* 似たような商品の件数のポップアップ部分 */
#similar_category_goods_popup {
	display        : none;

	position       : absolute;
	top            : -5px;
	left           : 50px;

	vertical-align : middle;
    text-align:center;

	line-height    : 20px;

    width:300px;
    height:20px;
    background:#42BBFF;
    /* background:#e2e2e2; */

	padding       : 8px 8px 8px 8px;
	margin        : 0px;

    color:#FFFFFF;
    /* color:#000000; */

    font-size:16px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;

	opacity: 0.0;
}

#similar_category_goods_popup:after {
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(66, 187, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-top: -10px;
    border-right-color:#42BBFF;
    right:100%;
    top:50%;
}

#similar_category_goods_popup:hover {
	opacity: 1;
}

/* 似た商品部分の中で文字を小さくしたい部分 */
#similar_category_goods_popup .font_mini_size {
	font-size : 14px;
}

/* 似た商品部分の画像 */
#similar_category_goods_popup img {
	vertical-align : middle;
}

/* これより安い商品ポップアップのビックリマーク部分 */
.exclamation {
	display        : inline-block;

	font-size      : 18px;
	font-weight    : bold;
	color          : white;

	width          : 20px;

	background-color : red;

	border-radius  : 10px;
	border         : 1px solid gray;

	text-align     : center;
}

/* セレクトボックスのoptionの表示・非表示を切り変えるためのクラス */
.wrap {
	display : none;
}

/* 商品詳細ページの上方部分の料金 */
b.item_price_min {
	font-style: normal;
	color : red;
	font-size : 16px;
	text-align : center;
	padding-top: 5px;
}

/* カテゴリ検索条件の検索文字部分 */
div.terms_top_str {
	/* font-weight : bold; */
	font-size   : 14px;

	text-align  : center;
	border      : 1px solid gray;
	border-radius : 8px;

	width       : 90%;

	padding     : 5px;
	margin      : 8px auto;

	background  : #EEEEEE;

	line-height : 30px;
}

/* カテゴリ検索条件の検索文字部分 */
.terms_str {
	display : inline-block;
}

/* カテゴリ検索条件の検索文字部分の左側 */
.terms_str_left {
	border : 1px solid gray;
	border-radius    : 12px 0px 0px 12px;
	border-right  : 0px solid gray;

	height : 20px;
	padding : 4px 8px 4px 8px;

	background-color : #4966AF;
	color            : white;
}

/* カテゴリ検索条件の検索文字部分の右側 */
.terms_str_right {
	border  : 1px solid gray;
	border-radius    : 0px 12px 12px 0px;
	border-left  : 0px solid gray;

	height  : 20px;
	padding : 4px 12px 4px 8px;

	background-color : #FFFFFF;
	color            : black;
}

/* カテゴリ検索条件の検索文字部分の右側 */
.terms_explain_str {
	/* text-align : center; */
	font-weight : bold;
	color : white;
}

.terms_str_bold {
	font-weight : bold;
	font-size   : 18px;
}

/* お気に入り追加、クリック時のクッキーオーバー時のポップアップ */
/* それと、既にお気に入りに追加されていた時のポップアップ       */
div.favorite_cookie_over_popup, div.favorite_is_there_same_url, div.favorite_is_over_max_count {
	display : none;
	width : 400px;
	/* height: 400px; */
	border : 1px solid gray;
	background-color: #FFFFFF;
	vertical-align : top;

	border-radius : 10px;
}

/* お気に入り追加、クリック時のクッキーオーバー時のポップアップの中のテーブル */
table.favorite_cookie_over_popup {
	width : 100%;
	/* height: 100%; */
	border : 2px solid #1F90CD;
/*	text-align : center; */
	vertical-align : top;
	background-color: #EAEAEA;

	border-radius : 10px;
}

/* お気に入り追加、クリック時のクッキーオーバー時のポップアップの中のテーブルのtd */
td.favorite_cookie_over_popup_explain {
	text-align : center;
	font-size  : 15px;
	padding-bottom : 20px;
	padding-left   : 5px;
	padding-right  : 5px;

	line-height   : 180%;

	border-radius : 10px;
}

/* お気に入り追加、クリック時のクッキーオーバー時のポップアップの中のテーブルのtdのbタグ */
td.favorite_cookie_over_popup_explain b {
	font-size  : 18px;
}

/* お気に入り追加、クリック時のクッキーオーバー時のポップアップの中のテーブルのtdのaタグ */
td.favorite_cookie_over_popup_explain a:link    { color : #2154A7; }
td.favorite_cookie_over_popup_explain a:visited { color : #2154A7; }
td.favorite_cookie_over_popup_explain a:active  { color : #2154A7; }
td.favorite_cookie_over_popup_explain a:hover   { color : #2154A7; }

/* お気に入りでの最安値部分 */
div.item_price_min_favorite {
	height : 20px;

	color  : red;
	font-style: normal;
	font-size : 16px;
	text-align : center;
	padding-top: 5px;
}