/*@charset "utf-8";*/
/* CSS Document */
/*オレンジ　#f79646 */
/*旧オレンジ　#f79646*/

#body_body_optCategory input{
margin-right:4%;
white-space: nowrap;
}

/* --------------------------------------------------
商品検索_カテゴリの一覧
-------------------------------------------------- */
#body_body_optCategory ul{padding-left:0;}/*黒丸消す*/
#body_body_optCategory li{list-style:none;}/*黒丸消す*/

/*並び順の指定 flexが必須*/
#body_body_optCategory {display: flex;flex-direction: column;}
/*optCategoryの直前の親要素にorder:で順番を指定*/
/*orderを指定しないところは order:0　の扱いになる*/
/*li:has(#body_body_optCategory_0) {order:1;}*/
/*li:has(#body_body_optCategory_1) {order:2;}*/

/* --------------------------------------------------
/商品検索_カテゴリの一覧
-------------------------------------------------- */


/* --------------------------------------------------
特価品
-------------------------------------------------- */
.sale{display: none;}/*初期表示*/

.box_sale{
position: relative;
color: #880015;
font-weight: bold;
line-height: 2.0em;
column-gap: 4%;
}

.box_sale h4{
margin-bottom:0.8%;
}

.box_sale img{
width: auto;
display: inline-block;/**/
margin-top: 3%;
margin-bottom: 3%;
}

.box_sale a{
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top:0;
left:0;
z-index: 10;
}

.box_sale:hover{
opacity: 0.6;
}

/* --------------------------------------------------
TEST
-------------------------------------------------- */
/*カテゴリ検索_特定カテゴリ用_見出し画像*/
.titleimg_category{
display: none;
width:100%;
margin-bottom: 4%;
}
/* --------------------------------------------------
/TEST
-------------------------------------------------- */


/* --------------------------------------------------
   マスコット_メッセージ
-------------------------------------------------- */
.box_char{
position:relative;
width:28%;
/*height: 90px;*/
border-radius:10px;
padding:2%;
border:1px #999 solid;

margin-top: 8%;/*表示位置*/
margin-bottom: auto;/*表示位置*/
}


.box_char img{
position:absolute;
bottom:-30px;
right:-20px;
width:34%;
}



/* --------------------------------------------------
   ログイン・ログアウト
-------------------------------------------------- */
/*ご利用コードの入力欄
#box_open{
width:220px;
height:55px;
background-color:#f3f3f3;
border-radius:10px;

position: absolute;
top:20px;
right:20px;
z-index: 20;
}

#box_open img{
width:60px;
height:auto;
background: #FFF;
}

#box_open:hover img{
opacity: 0.5;
}
ご利用コードの入力欄*/


/*ログイン
#box_log_in{
width:220px;
height:55px;
background-color:#f3f3f3;
border-radius:10px 10px 0px 0px;
}

#box_log_in img{
width:60px;
height:auto;
background: #FFF;
}

#box_log_in:hover img{
opacity: 0.5;
}
*/

/*ログアウト
#box_log_out{
position:absolute;
right:20px;
bottom:-70px;
z-index:50;
width:130px;
height:55px;
background-color:#f3f3f3;
border-radius:10px 10px 0px 0px;
}
*/



/* --------------------------------------------------
   ご利用コードの入力関係
-------------------------------------------------- */
/*ご利用コードの入力欄*/
#box_code{
width:250px;
height:55px;
border-radius:10px;
position: absolute;
top:30px;/*表示位置*/
right:20px;
z-index: 20;
}

#box_code img{
width:60px;/*ボタンの画像*/
height:auto;
}

#box_code:hover img{
opacity: 0.5;
}


/*ハテナマークのアイコン*/
.question-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  color: #666;
  border-radius: 50%;
  font-weight: bold;
  font-size: 12px;
  border: solid 1px #333;
}


/* ツールチップ */
.tooltip-1 {
  display: inline-block;
  position: relative;
  margin-left: 2%;
}

.tooltip-1 > div {
  cursor: pointer;
}

.tooltip-1 > span {
  display: flex;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: -58px;/*表示位置*/
  left: -50px;/*50%*/
  transform: translateX(-75%);/*-50%*/
  padding: .5em 1em;
  border-radius: 3px;
  background-color: #fff;
  color: #333;
  white-space: nowrap;
  transition: opacity .3s;

  border: solid 1px #333;
  z-index: 100;

}

.tooltip-1 > span::before {
  position: absolute;
  top: -6px;/*▲位置*/
  right:28%;
  width: 9px;
  height: 6px;
  background-color: #333;
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  content: '';
}

.tooltip-1:hover > span {
  visibility: visible;
  opacity: 1;
}
/* /ツールチップ */


/* ツールチップ02 */
.tooltip-2 > span {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: -24px;/*表示位置*/
  right: -130px;/*50%*/
  transform: translateX(-75%);
  padding: .5em 1em;
  border-radius: 3px;
  background-color: #fff;
  color: #333;
  white-space: nowrap;
  transition: opacity .3s;
  border: solid 1px #333;
}

.tooltip-2 > span::before {
  position: absolute;
  top: -6px;/*▲位置*/
  right:30%;
  width: 9px;
  height: 6px;
  background-color: #333;
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  content: '';
}
/* /ツールチップ02 */


/*ご利用コード_入力済み*/
#box_logout{
z-index:50;
width:130px;
height:55px;
background-color:#f3f3f3;
border-radius:10px;
position: absolute;
right:20px;/*表示位置*/
top: 25px;
}

#btnLogout{
  width:100%;
  height:100%;
  position:absolute;
}

/* --------------------------------------------------
   初期表示
-------------------------------------------------- */
/*ページ検索時の、商品なしの場合の、専用テキスト*/
#text_nopage{display:none;}



/* --------------------------------------------------
   別のカタログに切り替える
-------------------------------------------------- */
#bt_change{
width:97px;
height:46px;
position:absolute;
top:38%;
right:4%;
z-index:200;
border-radius:50px;
width:180px;
height:30px;
border:1px #333333 solid;
margin-top:115px;/**/
}

.js-modal-open{
width:100%;
height:100%;
line-height:1.3em;
text-align:center;
color:#666;
}


/* --------------------------------------------------
   商品検索_カタログ誌面
-------------------------------------------------- */
.box_book{
width:100%;
height:auto;
text-align:center;
margin-top:6%;
position:relative;
}

.box_book > span{position:absolute; top:-4%; right:10%;}

.box_book img{
width:40%; border:1px #999 solid; cursor:pointer;
}

.box_book_page{
width:80%;
margin-left:auto;
margin-right:auto;
margin-top:2%;
}

#page_left{
padding-right:18%;
}

.this_page{
text-align:left;
margin-top:4%;
margin-left:2%;
font-weight:bold;
}


/* --------------------------------------------------
   案内書PDF
-------------------------------------------------- */
.box_pdf{
text-align:center;
width:90px;
margin-bottom:6%;

column-gap: 20%;/*並べた時の余白*/
}

.img_pdf{
text-align:left;
width:100px;/*90*/
height:70px;/*63*/
padding-top:5px;
padding-left:3px;
margin-bottom:8%;
background-image: url(/img/img_pdf.jpg);
background-size:cover;
}


.img_jpg{
text-align:left;
width:90px;
height:63px;
padding-top:5px;
padding-left:3px;
margin-bottom:8%;
background-image: url(/img/img_pdf.jpg);
background-size:cover;
}

/* --------------------------------------------------
   商品検索
-------------------------------------------------- */
/* --- 表紙画像 --- */
div.img_search { 
width:80px;
height:113px;
margin-left:auto;
margin-right:auto;
/*margin-bottom:4%;*/
margin-bottom:8%;
}


#body_body_Keyword{
height:26px;
}

div.search_menu_box {
border: 1px solid #999999;
padding-left:2%;
padding-top: 5%;
padding-bottom: 2%;
background-color:#d2e4f3;
position:relative;
cursor:pointer;
margin-bottom:10%;
background-color:#fff;
}

.search_menu_box span{
display:block;
cursor:pointer;
}

#search_left_box {
width:158px;
float:left;
margin-right:10px;
}

#search_right_box {
float:left;
width:80%;
}

#search_sort{
width: 670px;
text-align:right;
}


#caption_tax{
display: block;
}


/*説明画像
#search_lecture
{
background-image:url('lecture.gif?login');
background-repeat:no-repeat;
background-position:center;
width:600px;
height:610px;
}
*/

 /* 最初の表示画像 */
.img_first_screen{
display:inline-block;
width:100%;
height:auto;
margin-bottom: 2%;
}


/* サムネイル
.itemthum_box {
float:left;
width:167px;
height:250px;
box-sizing: border-box;
border-top:#fff solid 1px;
border-left:#cfcfcf dotted 1px;
border-right:#cfcfcf dotted 1px;
border-bottom:#999999 solid 1px;
}

.itemthum_box:hover{
border:#00ccff solid 1px;
}

.itemthum_box > div {
width:160px;
margin-left:7px;
margin-right:0px;
margin-top:5px;
margin-bottom:0px;
}
*/


/*NEWアイコン*/
.itemthum_new {display:inline;}

/*完売アイコン*/
.itemthum_soldout {
position: absolute;
width: 160px;
height: 140px;
text-align:center;
color: #F00;
font-size: x-small;
}

/*完売表示*/
.itemsearch_thum {
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity: 0.3;
width:140px;
height:140px;
}

.itemthum_soldout span{
font-size: small;
font-weight: bold;
margin-top: 60px;
display:block;
}


/* 完売アイコン_新規 */
.ic_sold {
position: absolute;
color:#F00;
z-index:0;
text-align:center;
margin-top:60px;
font-size:x-small;
width:140px;
}

.ic_sold span{
font-size:small;
}

/*品名コード*/
.itemthum_name {
height: 32px;/*品名2行まで*/
/*font-size: 90%;*/
color:#333333;
line-height:13px;
letter-spacing:0em;
}

/*価格*/
.itemthum_price {
height:25px;
margin-top:8px;
margin-bottom:5px;
border-top: solid 1px #cfcfcf;
border-bottom: dashed 1px #cbcbcb;
/*font-size:80%;*/
line-height: 25px;
}

.font_itemprice {
/*font-size: 110%;*/
font-weight:bold;
color:#F0F;
float:right;
}

.font_itemprice img{
width:12px;
height:12px;
margin-right: 5px;
}

.ic_naire{
width:63px;
height:13px;
float:right;
}


/*mt用*/
.spec_mt_price {
width:100%;
height:25px;
margin-top:0px;
margin-bottom:0px;
border-top: solid 0px #999999;
border-bottom: solid 0px #999999;
}

/*ページ,名入マーク*/
.itemthum_unit {
/*font-size: 70%;*/
color:#666666;
line-height:12px;
letter-spacing:0em;
}


/* --- ページ切替ボタン --- */
#body_body_MenuPage1 {font-size:x-large; margin-bottom:20px;}
a.level1 {
display:block;
margin-right:10px;
}

#body_body_MenuPage2 {font-size:x-large; margin-top:20px;}
a.level2 {
display:block;
margin-right:10px;
}


/*関連リンク*/
.box_etclink{
border-bottom: 1px #cbcbcb dashed;
font-size:small;
padding:2%;
background-color:#fff;
}

.box_etclink img{
width:10px; height:10px;
}


/*カタログ掲載外商品*/
#link_others a {
text-decoration:underline;
color:#475ed3;
cursor:pointer;
}

#link_others span {
color:#333;
}

#link_others hr {
margin-top:2%;
margin-bottom:4%;
border-top: 1px #cfcfcf solid;
}

/*社名*/
#customer{
font-size:90%;
line-height:1.8em;
margin-top:50px;
}

#customer a{
text-decoration:underline;
color:#475ed3;
}


/*該当する商品がありません*/
#img_noitems{width: 65%; height:auto; margin-top:5%;}
#text_noitems{margin-left:8%;}
#text_nopage{margin-left:8%;}

/* --------------------------------------------------
   商品情報
-------------------------------------------------- */
/* 商品情報のタイトルバー
#item_title{padding-top:20px;} */


#item_title {
margin-top:20px;
width:100%;
height:43px;
line-height:43px;
position:relative;
margin-bottom:3%;
border-left:5px solid #f79646;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-color:#ffe3c8;
}
#item_title p{
font-size:150%;
font-weight:bold;
padding-left:2%;
}
.bt_item_close{
position:absolute;
top:0;
right:2%;
font-size:small;
cursor:pointer;
}
.bt_item_close:hover {/*マウスをのせたとき*/
color:#0006ff;
}
.bt_item_close img {
vertical-align: middle;
}
/* /商品情報のタイトルバー  */

#item_box {
    width: 800px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color:#FFF;
	min-height:calc(91vh - 80px);/*フッターを下に固定する設定*/
}

/*個々box*/
#contents_spec {float:left; width:46%;}
#contents_img {float:left; width:54%;}
/*#contents_stock {width:50%;}*/
#contents_info { float:left; width:50%;}
#contents_naire { float:left; width:100%; margin-bottom:8%;}


/* 商品スペック*/
#item_spec_box {
    width:100%;
	color:#333;
}

#item_spec_name {
    border-bottom: 1px solid #cccccc;
	font-size:140%;
	font-weight:bold;
	margin-top:1%;
	padding-bottom:2%;
	margin-bottom:1%;
	line-height:25px;
}

#item_spec_price {
	line-height:30px;
	height:30px;
	font-size:120%;
	font-weight:bold;
	margin-bottom:7%;
}

#item_price {color:#F0F;}


/* 商品スペック_table */
table.item_spec {
width:100%;
font-size: small;
border-top:1px #999 solid;
border-spacing:0;
border-collapse:collapse;
}

table.item_spec th,td{
text-align:left;
padding-top:1%;
padding-bottom:1%;
vertical-align:middle;
}

table.item_spec th {width:120px;
}

table.item_spec tr {
text-align:left; 
vertical-align:top; 
font-size: small; 
color:#333;
}

/*商品スペック_掲載ページ*/
#catalogpage th,#catalogpage td{
padding-top: 6%;
}


/* 商品情報_画像*/
#item_img_box {
	/*float:left;*/
	/*width: 100%;*/
	margin-bottom:20px;
	margin-right:10px;
}

#item_img_box img{
	width:400px;
	height:auto;
	border: solid 1px #999999; 
}


/*名入れについて*/

/*名入れのご注文を展開する*/
.toggle {
	display: none;
}

.naire_trigger {/*タイトル*/
	padding: 1em;
	display: block;
	color: #0044cc;
	font-weight:bold;
	font-size:90%;
	cursor:pointer;
	display:inline-block;
	padding-right:5%;
	text-decoration:underline;
}

.naire_trigger::before{/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #0044cc;
	border-right: 2px solid #0044cc;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
	
}

.naire_trigger,.naire_guide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.naire_guide {/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
	margin-bottom:2.5%;
}

.toggle:checked + .naire_trigger + .naire_guide {/*開閉時*/
	height: auto;
	padding:20px;/*20px*/
	transition: all .3s;
}

.toggle:checked + .naire_trigger::before {
	transform: rotate(-45deg) !important;
}


/*複数の名入れが出来る時、最初の見出しだけ表示*/

/*first-of-type*/
.naire_subttl:first-of-type{
display:block;
}


/*名入れ_小見出し*/
.naire_subttl{
position:relative;
display:inline;/**/
padding-bottom:0.4%;
font-size:medium;
font-weight:bold;
margin-top:8%;
margin-bottom:4%;
display:none;/*初期表示、最初の見出しだけ表示*/
}

.naire_subttl > span{
font-size:xx-large;
color:#f79646;
display:inline-block;
vertical-align:middle;
}

.naire_subttl hr{
border:0px;
background-color:#f79646;
height:1px;
position:absolute;
bottom:0px;
left:0px;
width:800px;
}

.naire_subttl a{
font-weight:normal;
font-size:small;
text-decoration:underline;
}





/*名入れのご注文について*/
.naire_guide div{
background-color:#A5A5A5;
color:#FFF;
width:100%; padding:1%; margin-top:3%;
}

.naire_guide ul{
list-style:disc;
font-size:small;
color:#333;
margin-left:3%;
}


/*名入れのスペック*/
#name_img_box {
float:left;
width:30%;
padding-right:5%;/**/
justify-content: flex-end;/**/
}

#name_spec_box {
width:48%;
float:left;
margin-right:2%;
border-top:0;
}

#name_spec_box td{
height:24px;
}



/*名入れ画像*/
#ItemImageNaire,#ItemImageNaireOGD,#ItemImageNaireLaser{
border: #999999 solid 1px;
width: 140px;
height:140px;
}

#name_img_thum_box{
float: left;
}

.name_img_thum {
width:60px;
height:60px;
}


.name_img_thum img{
border: 1px solid #666666;
width:80%;
}


/*
#naire_laser{
margin-bottom:8%;
}
*/

/* 小見出し */
.item_subttl {
height:26px;
line-height:22px;
border-bottom: 1px #f79646 solid;
margin-top:6%;
margin-bottom:3%;
}

.item_subttl img{
width:18px;
height:18px;
vertical-align:top;
}

.item_subttl_midasi{
display:inline-block;
line-height:22px;
font-weight:bold;
font-size:medium;
}

.item_subttl_tree {
font-size: small;
font-weight:bold;
color: #0044cc;
cursor: pointer;
text-decoration: underline;
margin-top: 10px;
}



/* 商品情報_フッター */
#item_footer{
text-align:right;
height:80px;
width:800px;
margin-top:70px;
margin-left:auto;
margin-right:auto; 
background-color:#ffe3c8;
padding-left:2%;
padding-right:2%;
}

#item_footer div{
font-size:small;
width:200px;
margin-left:auto;/*←右寄せにするため*/
/*float:right;*/
/*padding-top:33px;*/
/*padding-right:25px;*/
cursor:pointer;
}

#item_footer div:hover {/*マウスをのせたとき*/
color:#0006ff;
}

#item_footer img{
margin-left:5px;
display:block;
float:right;
line-height:-10px;
}

/* ツリーメニューの設定 */
DIV.tuzukiwaku {
display: none;
}


/*動画について*/
#mv_box {width: 100%;display:flex;}

#mv_box video {width: 50%; aspect-ratio:16/9; padding-right:4%;}

#mv_button > div{display:flex; align-items: center;}
#mv_button img{width:50px; height:auto;}
#down_qr{height: 40px; width:180px; margin-top:6%; border-radius: 20px; color:#333; border:1px #666 solid; cursor:pointer;}
#down_qr:hover{background-color:#ccc;}


/*追記*/

.item_spec th, .item_spec td{
border-bottom:1px #999 solid; 
}

.item_spec td{
padding-top:1%;
padding-bottom:1%;
}

/*
#item_spec_read {
font-size:78%;
text-align:right;
line-height:30px;
}
*/

#item_spec_read{
font-size:70%;
font-weight:normal;
color:#666;
}



#item_stock_read{
width:93%;
text-align:right;
margin-bottom:5%;
margin-right:2%;
font-size: 82%;
color:#666;
}


#item_point{
line-height: 1.8em;
margin-bottom: 8%;
font-size: small;
}


.item_subttl {
height:35px;
}

.item_subttl > div{
font-size:xx-large;
color:#f79646;
display:inline-block;
line-height:40px;
vertical-align:middle;
}

.item_subttl span{
font-size:medium;
font-weight:bold;
}

#lB1,#lB2{
font-size:90%;
color:#0044cc;
text-decoration:underline;
font-weight:bold;
}

.item_download{
width:800px;
border-spacing:0;
border-collapse:collapse;
}

.item_download th, td{
border-bottom:0px; 
}

/*臨時注意文*/
#extra_text {
height:auto;
display:flex;
align-items:center;
font-weight:bold;
color:#ff0000;
line-height: 2.1; 
margin-bottom: 6%;
}

/* --------------------------------------------------
   /商品情報
-------------------------------------------------- */


/* --------------------------------------------------
   在庫確認
-------------------------------------------------- */
#stock_left_box {
      border: 1px solid #999999;
	  width:140px;
	  float:left;
	  text-align:center;
	  padding-top:1%;
	  padding-bottom:1%;
	  margin-bottom:25%;
}

#stock_left_box ol{
      list-style: decimal inside;
	  padding: 0;
}

#stock_left_box li{
	  margin-bottom: 5%;
}

#stock_lead {
	  line-height: 1.5;
	  font-weight:bold;
	  color:#4D4D4D;
	  font-size:medium;
	  margin-left:4%;
}

#stock_lead div{ margin-left:9%;
}

#stock_lead img{ width:530px; height:auto;
}

/* --- 結果表示_外枠 --- */
div.stockthum_box {
      width:690px;
	  height:100px;
	  border-bottom:#cfcfcf dotted 1px;
	  padding-left:10px;
	  padding-right:0px;
	  padding-top:25px;
	  padding-bottom:25px;
	  background-color:#FFFFFF;
}


/* --- 結果表示 --- */
div.stockthum_img {
	  float:left;
	  margin-right:15px;
	  position:relative;
}


div.stockthum_spec {
	  width: 180px;
	  height: 100px;
	  float: left;
}

div.stockthum_img input{
width:100px;
height:100px;
}


/* --- 結果表示_スペック --- */
div.stockthum_price {
      margin-top: 13px;
	  height:20px;
	  width:120px;
	  border-bottom:#cfcfcf solid 1px;
      color:#666666;
      line-height:18px;
      letter-spacing:-0.1em;
      font-size: 85%;
      font-weight:bold;
}

div.stockthum_price span{
      font-size: 110%;
      float:right;
      color:#ff00ff;
      letter-spacing:0em;
}

/*-------- 在庫確認 ----------*/
/*左側入力欄*/
#box_left {
width: 140px;
float: left;
}


/*検索menu*/
div.menu_ttl {
width: 100%;
height: 26px;
line-height: 26px;
text-align: center;
font-size: small;
color: #fff;
background-color: #538dd5;
border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;/* Safari,Google Chrome用 */
-moz-border-radius: 8px 8px 0px 0px;/* Firefox用 */
}


.left_input {
border: 1px solid #999999;
width: 98%;
float: left;
text-align: center;
padding-top: 1%;
padding-bottom: 1%;
margin-bottom: 25%;
background-color:#d2e4f3;
}


.left_input ol {
list-style: decimal inside;
}


.left_input li {
padding-top: 4px;
padding-bottom: 4px;
}

/*
.btn_search {
margin-top: 10%;

font-size: 120%;
}
*/

/*コードの入力欄*/
#body_body_txtCode1,
#body_body_txtCode2,
#body_body_txtCode3,
#body_body_txtCode4,
#body_body_txtCode5,
#body_body_txtCode6
{
width:100px;
}

.btn_stock{
border: 1px #999 solid;
background: #bdcee2;
color: #333;
width: 100px;
height: 25px;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;/* Safari,Google Chrome用 */
-moz-border-radius: 5px 5px 5px 5px;/* Firefox用 */
text-align: center;
font-size:medium;
cursor:pointer;
margin-top:10%;
margin-bottom: 5%;
margin-left:12%;
}

.btn_stock:hover{
opacity: 0.7;
background-color:#fff;
} 


/* --------------------------------------------------
   /在庫確認
-------------------------------------------------- */


/* --------------------------------------------------
 現在の在庫数 
-------------------------------------------------- */
#item_stock {
/*display:flex;
flex-direction:column;*/
width:93%;
min-height:130px;

color:#333;
font-size:small;
background-color:#fff;

padding:4%;
margin-bottom:1%;
border:1px #999 solid;
border-radius: 10px;
-moz-border-radius: 10px;/*Firefox*/
-webkit-border-radius: 10px;/*Safari,Chrome*/
}


#item_stock_title > span {
font-size:120%;
font-weight:bold;
}

/*
#item_result{
margin-top:5%;
margin-left:4%;
margin-right:auto;
width:90%;
height:65%;
}
*/

.zaiko{
margin-top:3%;
height:35px;
font-weight:bold;
font-size:150%;
position:relative;
display: inline-block;
}

.zaiko span{
font-size:xx-large;
font-weight:bold;
font-family:"ＭＳ ゴシック";
vertical-align:bottom;
}

.zaiko div {
font-size:small;
margin-top:2%;
}

.schedule{
color:#333;
/*display: inline-block;*/
}

.Excellent_10000{color:#0032aa;}
.Fine_9000{color:#00545e;}
.Fine_8000{color:#00545e;}
.Fine_7000{color:#00545e;}
.Fine_6000{color:#00545e;}
.Fine_5000{color:#00545e;}
.Good_5000{color:#00545e;}/**/
.Good_4000{color:#5a7800;}/**/
.Good_3000{color:#5a7800;}/**/
.Good_2000{color:#5a7800;}/**/
.Good_1000{color:#5a7800;}/**/
.Good5000{color:#00545e;}
.Good4000{color:#5a7800;}
.Good3000{color:#5a7800;}
.Good2000{color:#5a7800;}
.Good1000{color:#5a7800;}
.NotGood_900{color:#dc5a00;}
.NotGood_800{color:#dc5a00;}
.NotGood_700{color:#dc5a00;}
.NotGood_600{color:#dc5a00;}
.NotGood_500{color:#dc5a00;}
.NotGood_400{color:#dc5a00;}
.NotGood_300{color:#dc5a00;}
.NotGood_200{color:#dc5a00;}
.NotGood_100{color:#dc5a00;}
.NotGood_0{color:#dc5a00;}
.SoldOut{color:#8c0000;}
.Call{color:#545252;}
.Foods{color:#545252;}

.subtext{
margin-top:3%;
font-weight:normal;
font-size:small;
height:auto;
line-height:normal;
}

/*追記のテキスト*/
#stock_sub {
margin-top:2%;
font-weight:normal;
font-size:small;
color:#333;
}

/* --------------------------------------------------
 /現在の在庫数 
-------------------------------------------------- */








/* --------------------------------------------------
共通
-------------------------------------------------- */
html,body{
margin:0;
padding: 0;
height:100%;/*divの高さの親要素*/
}


body {
background-color: #efefe8;
height:100%;
color:#666;
font-size:14px;/*ベース*/
line-height:1.5em;/*ベース*/
font-family:
    Meiryo,
    "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    sans-serif;
}



#container {
/*position:relative;*/
background-color: #ffffff;
min-height:100%;
_height:100%; /* IE6専用 */
width: 890px;
margin: 0 auto;
background-color: #ffffff;
border-left: 1px #c0c0c0 solid;
border-right: 1px #c0c0c0 solid;
border-bottom: 10px #f79647 solid;
padding-bottom:4%;
}


#import {
padding-left:20px;/*#mainに統合する*/
padding-right:20px;
}


#main{
width:95%;
margin-left:auto;
margin-right:auto;
}


#nothing{display:none;}/*カタログ期限切れの時*/

/* --------------------------------------------------
   オプション
-------------------------------------------------- */
*,
*:before,
*:after {box-sizing: inherit;}
html {box-sizing: border-box;}

* {margin:0;padding:0;}


img {vertical-align:middle;}

/*p{margin:0;}*/

/* --- 画像の枠線 --- */
img {border: 0px;}

/* --- リンク画像の枠線 --- */
a img {border-style:none;}

/* --- tableの余白の設定 --- */
table {
border-collapse:separate;
border-spacing:0px;
border: 0px;
}

table td,th{
padding: 0px;
}

/* --- フロートの解除 --- */
.clear {clear:both;}


/* --------------------------------------------------
   リンク
-------------------------------------------------- */
/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; 
}


/* --- リンクの下線 --- */
a {text-decoration: none;}

/* --- リンク設定 --- */
a:link {
    color:#666666;
    font-style:normal;
    text-decoration:none;
}

a:visited {
    color:#666666;
    text-decoration:none;
}

a:hover {
    color:#0006ff;
    font-style:normal;
    text-decoration:none;
}

a:active {
    text-decoration:none;
}


/* --------------------------------------------------
文字関連_設定
-------------------------------------------------- */
.font_l{font-size:115%; font-weight:normal;}
.font_2l{font-size:155%; font-weight:normal;}
.font_3l{font-size:180%; font-weight:normal;}/*220%*/

.font_s{font-size:95%; }
.font_2s{font-size:85%; }
.font_3s{font-size:75%; }
.font_4s{font-size:65%; }

.title{font-weight:bold}
.price{font-weight:bold;color:#F0F;}

.black{color:#000;}
.gray{color:#333;}
.skygray{color:#666;}
.red{color:#900;}
.red_dark{color:#c00000;}
.blue_link{color:#0044cc;}

.symbol_cube{
display: inline-block;
width: 10px;
height: 10px; 
background: #ff744a;
}

/* --------------------------------------------------
flex
-------------------------------------------------- */
/* --- 要素の横並び --- */


.flex{display:flex;}

.flex_middle{
display:flex;
justify-content: center;
align-items: center;
}

.flex_wrap{
display:flex;
flex-wrap: wrap;/*折り返す*/
}

.flex_gap{
display:flex;
column-gap: 2%;/*並べた時の余白*/
flex-wrap: wrap;/*折り返す*/}


.flex_align{
display:flex;
align-items: center;/*垂直中央*/}

.flex_center{
display:flex;
align-items:center;
justify-content:space-around;}

.flex_between{
display:flex;
justify-content: space-between;
flex-wrap: wrap;/*折り返す*/}

.flex_column{
display:flex;
flex-direction:column;/*縦*/
justify-content:center;
}

.flex_space{
flex-grow:1;
}



/* --------------------------------------------------
boxサイズ
-------------------------------------------------- */
.box30{width:30%;}
.box40{width:40%;}
.box50{width:50%;}
.box60{width:60%;}
.box100{width:100%;}


/* --------------------------------------------------
各ページのタイトル
-------------------------------------------------- */
/*.box_subttl {min-height:40px;}*/

.box_subttl {
padding:1% 0;
margin-right:12px; 
padding-right:10px;
border-right: 1px #e3e3e3 dashed;
/*min-height:40px;*/
}


/* --------------------------------------------------
境界線
-------------------------------------------------- */
.border_title {
	margin-top:1%;
	margin-bottom:3.5%;
	height:0px;
	border-radius: 10px;
	border: 3px solid #f3f3f3;
}

.border_contents {
width:100%;
margin-top:7%;
margin-bottom:4%;
}

.border_dashed {
width:100%;
margin-top:2%;
margin-bottom:2%;
border: none;
border-top:1px #999 dashed;
}


/* --------------------------------------------------
ヘッダー
-------------------------------------------------- */
#header {
margin-bottom:2%;
position:relative;/*ログイン欄*/
}

/* --- ヘッダーの画像 --- */
#img_header { 
background: url(header.jpg?0107);
width:888px;
height:90px;
border:solid 0px #999999;
margin-top:0px;
position:relative; /*ホーム画面へのリンク枠*/
}


/* --- タイトル画像に重ねる_ホーム画面へのリンク枠 --- */
.link_home {
width:100%;
height:60px;
position: absolute;
top: 20px; 
left: 0px;
display:block;
cursor:pointer;
z-index:0;/*100*/
}


/* メニューバー */
ul.menubar {
margin: 0;
padding: 0;
list-style-type: none; 
/*font-size:80%;*/
background-color: #f9f9f9; 
width:100%; 
height:30px; 
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}

ul.menubar li {
height:30px;
line-height:30px;
float: left;
width: 10%;
/*padding: 2px;*/
border-right: 1px #cccccc dotted;
border-bottom: 1px #808080 solid;
background-color: #f9f9f9;
text-align: center;
vertical-align: middle;
}




/* --------------------------------------------------
   ログインの表示
-------------------------------------------------- */
/*ログイン状態
.sign_in{ display:block; }
.sign_out{ display:none; }*/

#box_logon{
position:absolute;
top:30px;
left:420px;/*420px*/
border: solid 1px #999999;
padding:0.5%;
line-height:1.4em;
text-align:left;
/*width:200PX;*/
height:45px;
z-index:200;
}


/*ログアウトボタン*/
#log_out { 
font-size: x-small;
display: block;
margin-left: 3%;
}


/* --------------------------------------------------
HOME画面
-------------------------------------------------- */
/*トップページ*/
/*ご利用カタログ_カタログ選択中　default値*/
.choice_catalog{position:absolute;width:100%;background-color:#fff;}

/*ご利用中のカタログ*/
#top_link_catalog{
margin-top:4%;
display:inline-block;
min-width:55%;
text-align:center;
}

/*　classに移行
#link_catalog{
margin-top:2.5%;
}

#link_catalog img{
width:130px;
height:auto;
}
*/

/*ご利用中のカタログ_classに変更*/
.link_catalog{
margin-top:2.5%;
}

.link_catalog img{
width:130px;
height:auto;
}



/*横棒つきの見出し*/
.catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
  white-space: nowrap; /* 改行しない */
}
.catch:before, .catch:after {
  border-top: 1px solid;
  content: "";
  width: 20%; /* 線の長さ 9em */
}
.catch:before {
  margin-right: 1em; /* 文字の右隣 */
}
.catch:after {
  margin-left: 1em; /* 文字の左隣 */
}


/* --- 表紙画像 --- */
div.img_top { 
	/*background: url(cover.jpg);*/
	width:360px;/*262px*/
	height:370px;
	/*border:solid 1px #999999;*/
	margin-right:20px;
}

/* --- 表紙画像
div.top_img { 
	background: url(cover.jpg);
	width:262px;
	height:370px;
	border:solid 1px #999999;
	margin-right:20px;
	float:left;
	display:inline;
} --- */


/* 表紙画像を傾ける */
.rotate-hover {
transition: transform 0.5s ease-out;
}

.rotate-hover:hover {
transform: rotate(-6deg);
}
/* /表紙画像を傾ける */



/* --- カタログ選択 --- */
#select_catalog{
margin-bottom:1.5%;
width:100%;
}

/*カタログ選択
#choice_catalog {
font-size: small;
margin-bottom: 1.5%;
}
*/


/* --- メニューボタン --- */
#box_topmenu{
position: relative;
width: 490px;/*545px*/
}


/*メニューボタン_大*/
.bt_topmenu{
font-size:90%;/*追加*/
cursor:pointer;
background-size:auto 70%;
background-position: 2% center;
background-repeat:no-repeat;
background-color:#e9e9e9;
width:470px;/*547px*/
height:82px;
margin-bottom:2.5%;
border: 1px #ddd solid;
border-radius: 5px;
-moz-border-radius: 5px;/* Firefox */
-webkit-border-radius: 5px;/* Safari,Chrome */

}

.bt_topmenu:hover{
background-repeat:no-repeat;
background-color:#efefef;
color:#ff9900
}

.bt_topmenu a {
width:100%;
height:100%;
padding-left:16%;/*アイコンが入る余白*/
}

.bt_topmenu a:hover {color:#ff9900}
.text_topmenu {padding-left:4%;color:#666; line-height:1.8em;/*説明テキストは↑hoverでも#666のまま*/}
.ic_topmenu{margin-left:auto;margin-right:3%;}


/*メニューボタン_小*/
.bt_topmenu_s{
font-size:90%;/*追加*/

cursor:pointer;
background-size:auto 90%;
background-position: 2% center;
background-repeat:no-repeat;
background-color:#e9e9e9;
width:150px;/*170px*/
height:54px;
margin-bottom:2.5%;
border: 1px #ddd solid;

border-radius: 5px;
-moz-border-radius: 5px;/* Firefox */
-webkit-border-radius: 5px;/* Safari,Chrome */

}

.bt_topmenu_s a {
width:100%;
height:100%;
padding-left:33%;/*アイコンが入る余白*/
}
.bt_topmenu_s a:hover {color:#ff9900}


/*メニューボタン_中*/
.bt_topmenu_m{
cursor:pointer;
background-size:auto 94%;
background-position: 3% center;
background-repeat:no-repeat;
background-color:#e9e9e9;
width:150px;
height:54px;
margin-bottom:2.5%;
border: 1px #ddd solid;
border-radius: 5px;
-moz-border-radius: 5px;/* Firefox */
-webkit-border-radius: 5px;/* Safari,Chrome */
}
.bt_topmenu_m a {
width:100%;
height:100%;
padding-left:16%;/*アイコンが入る余白*/
}
.bt_topmenu_m a:hover {color:#ff9900}


/*各ボタンの背景画像*/
/*商品検索*/
.ic_top_search{background-image: url("/img/ic_top_search_off.png");}
.ic_top_search:hover{background-image: url("/img/ic_top_search_on.png");}
/*在庫確認*/
.ic_top_stock{background-image: url("/img/ic_top_stock_off.png");}
.ic_top_stock:hover{background-image: url("/img/ic_top_stock_on.png");}
/*画像ダウンロード*/
.ic_top_down{background-image: url("/img/ic_top_down_off.png");}
.ic_top_down:hover{background-image: url("/img/ic_top_down_on.png");}
/*商品動画*/
.ic_top_movie{background-image: url("/img/ic_top_movie_off.png");}
.ic_top_movie:hover{background-image: url("/img/ic_top_movie_on.png");}
/*お知らせ*/
.ic_top_info{background-image: url("/img/ic_top_info_off.png");}
.ic_top_info:hover{background-image: url("/img/ic_top_info_on.png");}
/*インデックス*/
.ic_top_index{background-image: url("/img/ic_top_index_off.png");}
.ic_top_index:hover{background-image: url("/img/ic_top_index_on.png");}
/*注文書*/
.ic_top_order{background-image: url("/img/ic_top_order_off.png");}
.ic_top_order:hover{background-image: url("/img/ic_top_order_on.png");}
/*提案書*/
.ic_top_fkb{background-image: url("/img/ic_top_order_fkb_off.png");}
.ic_top_fkb:hover{background-image: url("/img/ic_top_order_fkb_on.png");}
/*包装紙*/
.ic_top_cover{background-image: url("/img/ic_top_cover_off.png");}
.ic_top_cover:hover{background-image: url("/img/ic_top_cover_on.png");}
/*テンプレート*/
.ic_top_template{background-image: url("/img/ic_top_template_off.png");}
.ic_top_template:hover{background-image: url("/img/ic_top_template_on.png");}


/*SP source Plus　レイアウト*/
.box_plus{
width:50%;
padding-top:6%;
}

.box_plus img{
width: 262px;
height: auto;
margin-bottom:3%;
}

.text_plus{
margin-top:4%;
margin-bottom:4%;
}


/*home画面下_イメージイラスト*/
#img_people{
width:70%;
margin-left:auto;
margin-right:auto;
margin-top:8%;
margin-bottom:5%;
}

#img_people img {
width: 100%;
height: auto;
}


/* --------------------------------------------------
商品検索_サムネイル
-------------------------------------------------- */
/*商品画像*/
.img_item{
width:100%;
height:100%;
}

.box_itemthum{
box-sizing: border-box;/*必要_関連品のレイアウトに影響*/
width:167px;
height:250px;
padding:1%;
/*
border-top:#fff solid 1px;
border-left:#cfcfcf dotted 1px;
border-right:#cfcfcf dotted 1px;
border-bottom:#999999 solid 1px;
*/
line-height:1.2em;
}



.img_itemthum{
position:relative;/*NEWアイコン*/
width:auto;
height:auto;
margin-left:auto;
margin-right:auto;
}


.name_itemthum{
height:50px;
border-bottom:dashed 1px #cbcbcb;
}

.spec_itemthum{
border-bottom: solid 1px #cbcbcb;/*dashed*/
padding:4% 0;
margin-top:0;
margin-bottom:2%;
}


.page_itemthum{
padding-bottom:4%;
position: relative;
}

.page_itemthum span{
color:#ff0000;
position: absolute;
bottom: -8px;
left: 0;
}

.ic_name{
/*
position:absolute;
bottom:0;
right:0;
*/
width:46px;
height:15px;
margin-top:6%;
}


/* --------------------------------------------------
在庫確認
-------------------------------------------------- */
.box_stockthum {
width:690px;
height:120px;
border-bottom:#cfcfcf dotted 1px;
padding-left:10px;
padding-right:0px;
margin-bottom:2%;
}

.box_stockthum > input{
width:100px;
height:100px;
border:#999 solid 1px;
}

.spec_stockthum{
width:180px;
margin-right:5%;
padding-left:2%;
}

.price_stockthum{
width:120px;
border-bottom:#cfcfcf solid 1px;
margin-top:4%;
}


/* --------------------------------------------------
   画像ダウンロード
-------------------------------------------------- */
.down_box {
	height:100px;
	background-color:#f4f4f4;
	padding-top:2%;
	padding-left:4%;
}

.down_box div{
    margin-right:10%;
    margin-top:2%;
}

.down_read p{
    margin-top:2%; font-weight:bold;
}

.down_read ul{
    font-size:80%; margin-left:2%;
}

.downthum_box {
	text-align:center;
	font-size:small;
}

/* 商品検索と併用 */
.item_ttl_imgdown {
border-bottom: 1px #f79646 solid;
margin-top:1.5%;
margin-bottom:1.5%;
display:inline-block;/*inline-block*/
width:100%;
}

.item_ttl_imgdown h4{
width:126px;
height:40px;
color:#FFF;
margin-right:1%;
text-align:center;
line-height:40px;
float:left;
background-color:#f79646;
letter-spacing: 2px;
}

.item_ttl_imgdown div{
line-height:40px;
white-space: nowrap;/**/
}


#main_download{
width:100%;/*85%*/
margin-left:auto;
margin-right:auto;
margin-top:5%;
}

.down_error{
height:60px;
line-height:60px;
}


#body_body_TableResult{
width:90%;
margin-left:auto;
margin-right:auto;
}

#body_body_TableResult table td{
	display:inline-block;
	width:20%;
	min-width:140px;
	padding-bottom:5%;
}


/*商品情報の画像ダウンロード*/
.item_download{
width:100%;
}

.item_download table{
display:inline;
}


.item_download tr{
display:inline;
}

.item_download td{
/*display: inline-block;*/
float:left;
}


.downthum_box {
width:100%;
margin-bottom:30%;
}


/* --------------------------------------------------
一覧･インデックス
-------------------------------------------------- */
.box_keepitem{
width:95%;
margin-left:auto;
margin-right:auto;
line-height:2.0em;
}

.box_keepitem > div{position: relative;}

.box_keepitem a{
color:#0044cc;
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.box_keepitem img{margin-right:1%;}


/* --------------------------------------------------
包装紙
-------------------------------------------------- */
.box_paper{
border: 1px solid #ccc;
margin-bottom:4%;
min-height:50px;
}

.box_paper p{
background-color:#eee;
width:15%;
margin-right:1%;
}

.box_paper div{
margin-right:3%;
}

/*サムネイル*/
.box_thumb_paper div{
width:23%;
margin-top:2%;
padding-top:1%;
text-align:center;
}

.box_thumb_paper img{
width:90%;
margin-top:5%;
margin-bottom:5%;
border: 1px solid #e1e1e1;
}

/*--------------------------------------------------------------------
  注文書
--------------------------------------------------------------------*/
/*注文書画像*/
.box_order > img{width:35%;}

.box_order > div{
width:50%;
padding-left:2%;
}

/*サムネイル*/
.thumb_order > div{
width:90%;
border-bottom: 1px dashed #999999;
padding:1%;
margin-bottom:4%;
}

.thumb_order img{
height:30px;
width:auto;
}

.thumb_order span{
color:#0044cc;
}


/*
.box > * {
  border: 2px solid rgb(96 139 168);
  border-radius: 5px;
  background-color: rgb(96 139 168 / 0.2);
}

.box {border: 2px dotted rgb(96 139 168);}
*/

/*--------------------------------------------------------------------
お知らせ
--------------------------------------------------------------------*/

.box_info{
width:100%;
min-height:35vh;
max-height:100%;
border:1px #999 solid;
border-right:0;
border-bottom:1px #999 solid;
margin-bottom:10%;
}

.info{
border-right:1px #999 solid;
display:flex;
flex-direction:column;/*縦*/
justify-content:center;

}

.info div{
height:40px;
background-color:#eee;
display:flex;
align-items:center;
justify-content:space-around;
}

.info span{
display:block;
padding:4%;
background-color:#fff;
flex:1;
display:flex;
align-items:center;
justify-content:space-around;
}

.info span img{
height:auto;
width:auto;
max-height:99%;
max-width:99%;
}

.day{width:70px;}
.page{width:70px;}
.itemname{width:200px;}
.image{flex-grow:1; flex-basis: 400px;}


/*--------------------------------------------------------------------
ログインページ(各webサポート共通)
--------------------------------------------------------------------*/
#login_box{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #999999;
	margin-top:10%;
}

#password{
    padding:20px;
	background-color:#E9E9E9;
}

#password p{
	text-align:center;
	margin-top:2%;
}

#password div{
	width:70%;
	margin-left:auto;
	margin-right:auto;
    margin-top:4%;
	margin-bottom:4%;
}


#password span{
	font-size:medium;
	color:#333333;
	font-weight:bold;
}

/* --- 表4画像---
#login_guide
{
    background-image:url('/img/img_login_guide.jpg');
    background-repeat:no-repeat;
    background-position:center;
    width:440px;
    height:170px;
	border: 0px #e0e0e0 solid;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background-color:aqua;
}
 */


/* --------------------------------------------------
★★★★★ 関連品 ★★★★
-------------------------------------------------- */

.swiper-container {
width: 668px;/*668*/
height: 255px;
}

#sameitem {
position: relative;
width: 800px;/*800px*/
margin-left: auto;
margin-right: auto;
}


/*
.swiper-button-prev,.swiper-button-next {
height:60px;
width:50px;
top:20px;
}
*/

.swiper-pagination{
top: 270px;
}


/* --------------------------------------------------
★★★★★ /関連品 ★★★★
-------------------------------------------------- */


/* --------------------------------------------------
★★★★★ 検索条件を画面内に固定 ★★★★
-------------------------------------------------- */
.box {
    position: relative;
}
.sticky {
    position: sticky;
    position: -webkit-sticky; /* Safari */
    top: 1.5em;
}
/* /検索条件を画面内に固定 */


/*左側入力欄*/
.box_select {
font-size:small;
color:#333;
width: 100%;
background-color:#d2e4f3;
padding:5%;
padding-top:3%;
padding-bottom:10%;
box-sizing:border-box;
border-top: 1px #fff solid;
border-bottom: 1px #90add0 solid;
}

.btn_item {
	font-size:medium;
}

/*検索menu*/
.select_tab {
letter-spacing: 0.1em;
padding:4%;
box-sizing:border-box;
width: 100%;
height: auto;
text-align: left;
font-size: small;
color: #fff;
background-color: #538dd5;
border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;/* Safari,Google Chrome用 */
-moz-border-radius: 8px 8px 0px 0px;/*Firefox用 */
}

.select_ttl{
border-left: 4px #538dd5 solid;
padding-left:3%;
margin-bottom:6%;
font-weight:bold;
font-size:90%;
color:#333;
margin-top:3%;
}

.box_select_etc{
padding:4%;
border: 1px #90add0 solid;
background-color:#fff;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;/* Safari,Google Chrome用 */
-moz-border-radius: 5px 5px 5px 5px;/* Firefox用 */

}

.input_page{
width:70px; height:25px;
}

.btn_search{
border: 1px #999 solid;
background: #bdcee2;
color: #333;
width: 100px;
height: 25px;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;/* Safari,Google Chrome用 */
-moz-border-radius: 5px 5px 5px 5px;/* Firefox用 */
text-align: center;
font-size:medium;
cursor:pointer;
margin-top:10%;
margin-bottom: 14%;/*5%*/
margin-left:12%;
}

.btn_search:hover{
opacity: 0.7;
background-color:#fff;
} 

.box_reset{
float:right;
font-size:x-small;
color:#fff;
cursor:pointer;
}
/* --------------------------------------------------
★★★★★ /検索条件を画面内に固定 ★★★★
-------------------------------------------------- */


/* --------------------------------------------------
★★★★★モーダルウィンドウ_PC用★★★★★
-------------------------------------------------- */
#none_category{
	display:none;/*カテゴリ未選択の表示。通常は非表示*/
}


/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	opacity: 0;
	transition: .3s;
	text-align: right;/*必要*/
	visibility: hidden;/*必要*/
}

/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
	display: inline-block;
	vertical-align: middle;
	max-width: 250px;
	width: 90%;
	
	/*追加*/
    position: fixed;
    width:20%;/*20%*/
    top:10%;
}


/*モーダルを閉じるボタンの指定*/
.modal-close {
    align-items: center;
    justify-content: center;
	font-size: 40px;
	color: #fff;
	cursor: pointer;

	/*追加*/
	font-size:medium;
    width:100%;
    padding:2%;
    background-color:#4a7dff;
    border: 3px #4a7dff solid;
	border-radius: 10px 10px 0px 0px;
}

/*モーダル内のコンテンツの指定*/
.modal-content{
	background: #fff;
	text-align: left;
	
	/*追加*/
	border: 3px #4a7dff solid;
	border-radius: 0px 0px 10px 10px;
	line-height:20px;
	width:100%;
    padding:2%;
}

/* --------------------------------------------------
★★★★★ /モーダルウィンドウ_PC用★★★★★
-------------------------------------------------- */

/* --------------------------------------------------
★★★★★ プリンター用★★★★★
-------------------------------------------------- */
@media print {
body{ background-color:#FFF;}
#container {
border-left: 0px #c0c0c0 solid;
border-right: 0px #c0c0c0 solid;
border-bottom: 0px #c0c0c0 solid;
margin:0px;
padding:0px;
}
#header{display:none;}
#log_on{display:none;}
#log_off{display:none;}
.subttl_box{display:none;}
.subttl_border{display:none;}
#search_left_box{display:none;}
#search_sort{display:none;}
#search_right_box{ width:100%;}
.first_screen {display:none;}/*class追加*/
.itemthum_new{left:6px;}
.itemthum_box{position:relative; width:20%; text-align:center;}
.ic_sold{padding-left:5%;}
#footer{display:none;}
}