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


/* --------------------------------------------------
特価品
--------------------------------------------------*/
#box_tokka{
margin-left:auto;
margin-right:auto;
width: 80%;
}


/* 
.sale{display: none;}

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

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

.box_sale img{
height: 100%;
width: auto;
object-fit: cover;
}

.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;
}
 */



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

#item_title {
margin-top:20px;
width:100%;
height:63px;/*43px*/
/*line-height:63px;*/
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;
padding-left:2%;
}
#item_title p{
font-size:150%;
font-weight:bold;
}
.bt_item_close{
/*position:absolute;*/
/*top:0;*/
/*right:2%;*/
font-size:small;
cursor:pointer;
margin-right:2%;
}

.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;}

#item_spec_teikyo {font-size:small; font-weight: normal;}/**/

/* 商品スペック_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:90%;/*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_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%;
}



/* --------------------------------------------------
初期表示
-------------------------------------------------- 
.price_stockthum{display:none;}
--------------------------------------------------
/初期表示
-------------------------------------------------- */