@charset "utf-8";

/*------------------------------*/
/* ページ固有設定*/
/*------------------------------*/
body {
	font-size:15px;
	line-height: 2;
}

/*----------*/
/* h2 */
.item_comment_t_box h2 {
	border-left:10px solid #666666;
	border-bottom:1px solid #666666;
	background-color: #f0f0f0;
	padding:5px 10px 5px 10px;
	transition: 0.3s;
	margin-bottom:10px;
	font-size:16px;
	font-weight: bold;
}

/* h3 */
.item_comment_t_box h3 {
	display: block;
	border-bottom:1px solid #cccccc;
	transition: 0.3s;
	margin:50px 0px 10px 0px;
	font-size:16px;
	font-weight: bold;
	padding:px;
}

/* h4 */
.item_comment_t_box h4 {
	display: block;
	border-bottom:2px dotted #cccccc;
	transition: 0.3s;
	margin:50px 0px 10px 0px;
	font-size:15px;
	font-weight: bold;
	padding:0px;
}

/*------------------------------*/
/* ページ内メニュー */
.toc_list {
  padding: 0;
}
.toc_list li {
	padding:0px 0px 0px 25px;
	margin:0px;
	text-decoration: none;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	border-bottom:1px dotted #cccccc;
	line-height:2.5;
}
.toc_list li::before {
	content: "⭐";
	color: #333;
	position: absolute;
	left: 0;
	top: 3px;
}
.toc_list a:hover {
	text-decoration: underline;
}

/*------------------------------*/
/* ヘッダー内キャッチコピー */
.header_catchcopy_1  {
	margin: 0; 
	padding: 0;
	border: none;
	background: none;
	line-height: 1.5;
	font-size: 100%;

	position: absolute;
	width:calc(100% - 20px);
	text-align:center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-weight: bold;
	text-shadow: 2px 2px 3px #ffffff;
}

.header_catchcopy_2  {
	margin: 0; 
	padding: 0;
	border: none;
	background: none;
}

/*------------------------------*/
/* リストタグ - リスト感UP版 */
ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

li {
	padding: 0px;
	margin: 20px 15px 20px 20px;
	line-height: 2;
	list-style-type: none;
	color:#333333;

	list-style-type: none;
	text-decoration: underline;
	text-decoration-color: #ffd7f5; /* 下線の色 */
	text-decoration-thickness: 1px; /* 下線の太さ */
	text-underline-offset: 8px; /* 下線と文字の距離 */

}

b {
	color:#666666;
	line-height:3;
}

/*----------*/
/* 商品画像と説明欄を囲むボックス */
.item_content_box {
	border: 1px solid #cccccc;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	padding: 20px 10px;
	overflow: hidden;
}

/* item_detail.cssに追加 */
.item_content_box strong {
	font-weight: normal;
	background: linear-gradient(transparent 60%, #fffde3 60%);
	padding: 0 2px;
}

.item_comment_t_box .col {
	margin-top:20px;
	margin-bottom:20px;
}
.item_comment_t_box .pc_1,
.item_comment_t_box .pc_2,
.item_comment_t_box .pc_3,
.item_comment_t_box .pc_4,
.item_comment_t_box .pc_5,
.item_comment_t_box .pc_6,
.item_comment_t_box .pc_7,
.item_comment_t_box .pc_8,
.item_comment_t_box .pc_9,
.item_comment_t_box .pc_10,
.item_comment_t_box .pc_11,
.item_comment_t_box .pc_12,
.item_comment_t_box .pc_13,
.item_comment_t_box .pc_14,
.item_comment_t_box .pc_15,
.item_comment_t_box .pc_16,
.item_comment_t_box .pc_17,
.item_comment_t_box .pc_18,
.item_comment_t_box .pc_19,
.item_comment_t_box .pc_20,
.item_comment_t_box .pc_21,
.item_comment_t_box .pc_22,
.item_comment_t_box .pc_23,
.item_comment_t_box .pc_24 {
	border:1px solid #cccccc;
	padding:5px 10px;
}

.item_content_box p {
	margin: 15px 0px 0px 0px;
}

/*------------------------------*/
/* 線 */
hr {
	border:none;
	border-top:1px dotted #cccccc;
	margin-top:10px;
	margin-bottom:10px;
}

/* スライダー */
.auto_slider {
	height:400px;
}

/* タブレット */
@media only screen and (max-width:1024px) {
	.auto_slider {
		height:450px;
	}
}

/* スマホ */
@media only screen and (max-width:599px) {
	.auto_slider {
		height:300px;
	}
}

/*------------------------------*/
/* オートスライダー内の画像 */
.auto_slid_box img {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}

/* ロータリーフェーダー */
.rotary_fader_mein {
	position:absolute;
	bottom:-20px;
	right:10px;
}

/* -------------------- */
/* リンク */
.button_link {
	all: unset;
	width: 100%;
	max-width:500px;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	padding: 15px 3px;
	border:none;
	color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	font-weight: bold;
	font-size: clamp(12px, 2vw, 18px);
	position: relative;
	overflow: hidden;
	background-color:#d04f44;
}

/* 背景マスク */
.button_link_inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 0%;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	transition: height 0.2s ease;
	z-index: 0;
}
.button_link:hover .button_link_inner, .amazon_link:hover .button_link_inner, .rakuten_link:hover .button_link_inner {
	height: 100%;
}

/*------------------------------*/
/* 読み上げ */
.speech_text {
	transition:0.3s;
}
.speech_text:hover {
	background-color: #ffffe5;
}

/*------------------------------*/
dt {
	margin-top:25px;
	border-radius: 5px;
	padding:2px 20px 2px 10px;
	font-weight: bold;
	background-color: #f0f0f0;
}
dd {
	margin:10px 0px 0px 0px;
	padding:0px 20px;
}
.item_content_box dt strong,
.item_content_box dd strong {
	font-weight: normal;
	background: none;
	padding: 0;
}