@charset "utf-8";

.entry-header h2{ padding: 0 10px;}
#contents .container{ font-size:0.85rem; padding:0; margin-bottom:20px;}
/* #contents .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;}
/* !!!!! 2024-12-07 斎藤 */
.skuform h3{
    display: block;
    font-size: 1.1rem;
    line-height: 1.4;
    text-align:left;
    margin: 1.8vw auto 2.3vw auto;
    width: 95%;
    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: 14px/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;}
.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: 14px/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: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
.submitbox input[type="submit"]:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top,  #f88e11,  #f06015); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }
.submitbox input[type="submit"]:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,  #f47a20,  #faa51a); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }
.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: 14px/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: #fef4e9; border: solid 1px #CCCCCC; background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC)); background: -moz-linear-gradient(top,  #EEEEEE,  #CCCCCC); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC'); }
.itemCode{ margin-bottom:20px;}
.itemPrice span.price{ font-size:200% !important;}
.itemPrice.red span.price{ color:#F00 !important;}

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

/*商品ページ詳細欄*/
.tablebox{ padding:5px;}
.tablecell{ margin-bottom:10px;}

table.data{ width:100%;}
table.data th{ padding:5px; width:40%; border:1px solid #CCC;}
table.data td{ padding:5px; width:60%; border:1px solid #CCC;}

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

.youtube { position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

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

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

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

#contents .container table {
    margin-left: 1px;
    width: 87dvw;
}


/* 商品詳細修正 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;}
.details-itemrap .fullimage img { width: 100%; height: auto; max-height: 150px; 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:27.2px;}

@media only screen and (min-width:910px){
.txtbox.singleitem{ width:100%; display:block;}
.skumulti .skubox{ max-width:300px;}
.optbox{ max-width:300px;}
}
@media only screen and (max-width:909px){
.skubox{ padding:0 20px;}
.skumulti{ padding:0 20px;}
.zaikolist{ padding:0 20px;}
}
@media only screen and (max-width:599px){
.photobox{ width:100%; float:none;}
.skuform{ 
	padding:0;
	width:100%;
	float:none;
}
.skuhead{ padding:0 20px;}
.skubox .sbox{ padding:0 10px; width:100%; float:none;}
.skubox .sbox h4{ padding:5px; display:inline-block;}
.skubox .sbox p{ padding:5px; display:inline-block;}
.txtbox{ margin-bottom:20px;}

table.type1 th,table.type1 td{ font-size:80%;}
.img50{ width:100%; float:none;}
}