@charset "utf-8";

.entry-header h2{ padding: 0 10px;}
#contents .container{ font-size:16px; padding:0; margin-bottom:50px;}
/* !!!!! 20220302 斎藤
  .container h4{ padding:20px 10px; font-size:120%; border-top:1px solid #CCCCCC;}
*/
.itemtopbanner{ text-align:center; background:#FF0004;}
.itemtopbanner img{ max-width:800px !important;}

.photobox{ width:50%; float:left;}
.photobox .subphoto li{ padding:10px 5px; width:20%; float:left;}
.mainImg{ margin:0 auto; padding:0 5px; max-width:500px;}
.skuform{ 
	padding:0 10px;
	width:50%;
	float:left;
	min-height: 616px;
}
/* !!!!! 20241207 斎藤  */
.skuform h3{ 
   font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
}

.itemhead{ margin-bottom:30px; border-bottom:1px solid #CCCCCC;}
.skuhead{ margin-bottom:30px;}
.optbox{ margin-bottom:20px;}

#opt1{ display:none;}
.txtbox{ font-size:14px;}
.skumulti{ margin-bottom:30px;}

.submitbox { width:100%;}
.submitbox .button{ width:100%;}

.zaikolist{ margin-bottom:20px; border-bottom:1px solid #CCCCCC;}
.zaikodata{ margin:0 auto 30px; width:100%; max-width:600px;}
.zaikodata th{ background:#FFFFFF; color:#000000;}
.zaikodata th,.zaikodata td{ padding:10px; border:1px solid #CCCCCC;}
.zaikodata .zaiko1{ display:none;}
.reservebtn{ max-width:600px; width:100%; display:table;}
.reservebtn a{ height: 60px; display: table-cell; vertical-align: middle; text-align: center; font: 20px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em;  -moz-border-radius: .5em; border-radius: .5em; color:#FFFFFF; background:#999999; font-weight: bold;}
.reservebtn a:hover { background:#AAAAAA;}
.submitbox input[type="submit"]{ border: 0px; max-width:600px; width:100%; height: 60px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 20px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em;  -moz-border-radius: .5em; border-radius: .5em; color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; font-weight: bold; margin: 20px 0 20px 0;}
.submitbox input[type="submit"]:hover { background: #f47c20; }
.optbox .select { width: 300pt; }
.optbox .select select { text-indent: 1em; width:100%; height: 40px; line-height: 40px; vertical-align: middle; border:1px solid #CCC; min-width:160px; }
.submitbox .button .errbtn{ border: 0px; max-width:600px; width:100%; height: 60px; outline: none; cursor: default; text-align: center; text-decoration: none; font: 20px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em;  -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #ffffff; border: solid 1px #CCCCCC; background: #CCCCCC; font-weight: bold; margin: 0 0 20px 0;}
.itemCode{ margin-bottom:20px;}
.itemPrice span.price{ font-size:200% !important;}
.itemPrice.red span.price{ color:#F00 !important;}

.relevance,.recenthistory{ padding:10px; border-top:1px solid #999999;  background:#EEEEEE;}
.relevance li{ padding:5px; width:20%; float:left;}
.relevance li .price{ text-align:right; font-weight:bold; color:#ED5B14;}

/*商品ページ詳細欄*/

table.sizebox{ width:100%;}
table.sizebox th{ padding:5px; background:#EEEEEE;}
table.sizebox td{ padding:5px;}
div.sizebox h5{ padding:10px; background:#EEEEEE; text-align:center;}
div.sizebox p{ padding:10px 0;}
.img50{ width:50%; float:left; margin:10px;}
.img30{ width:30%; float:left; margin:10px; display:table-cell;}

.txtbox.singleitem{ width:100%; display:block;}
.skumulti .skubox{ max-width:300px;}
.optbox{ max-width:300px;}


/* css追記 */
.itemraps h2{font-size: 115%; font-weight: bold; margin-bottom: 10px;}

#contents .container h3{
font-weight: 600;
margin-top:0.7rem;
margin-bottom:0.2rem;
}

#contents .container p{
padding: 0 0 0 7px;
margin-top: 0.1rem;
margin-bottom: 0.1rem;
}

#contents .container h4 {
  padding: 21px 10px 4px 0px;
  font-size: 1.05rem;
  font-weight: 600;
 /* border-top: 1px solid #CCCCCC; */
}

#contents .container table {
  margin-left:7px;
}


/*商品詳細追記 20240131*/

/* 左右配置 */
.details-itemrap {margin-left: 3%;margin-right: 3%;}
.details-itemrap .container {max-width: 94%; margin: 0 auto; display: flex;}
.details-itemrap .image-container, .text-container {flex: 1;}
.details-itemrap .image-container img {max-width: 100%; height: auto; display: block;}
.details-itemrap .text-container {text-align: justify; margin-left: 20px;}
.details-itemrap .reverse-container {flex-direction: row-reverse;}
.details-itemrap .reverse-container .text-container {margin-left: 0; margin-right: 20px;}

/* テーブル設定 */
.details-itemrap .table-container { overflow-x: auto; margin: 20px;}
.details-itemrap .type1 { width: 100%; border-collapse: collapse; margin-top: 10px; }
.details-itemrap .type1 th, .type1 td { padding: 8px; border: 1px solid #ddd; text-align: center; }
.details-itemrap .type1 th { background-color: #f2f2f2; /* ヘッダーの背景色 */ }

/* 画像挿入 */
.details-itemrap .fullimage { width: 100%; overflow: hidden; text-align: center; display: block; margin: 0 auto;}
.details-itemrap .fullimage img { width: 95%; height: auto; max-height: 500px; display: block; margin: 0 auto; object-fit: cover;}

/* 関連商品追記 */
.related-items { display: flex; overflow-x: auto; width: 100%; height: 100%; white-space: nowrap; }
.related-items .box {position: relative; flex: 0 0 auto; width: 150px; height: 100%; margin: 0 2px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid #ddd; }
.related-items .box:last-child { margin-right: 0;}
.related-items .box a { height: 100%; overflow: hidden; text-overflow: ellipsis;}
.related-items .box img { width: 100%; height: 60%; object-fit: cover;}
.related-items .text-container { color: black; padding: 5px; text-align: center; margin-left: 0;}

/* 商品詳細追記 */
.item_color img {vertical-align: top;width: 32px;}