@charset "UTF-8";
/*----------------------------- 
動的スタイルシート
商品詳細ページ
----------------------------- */

hr{
	clear:both;
	border: 0;
	border-top: #CCC dotted 3px;
	margin:15px 0;
}
.mb50{
	margin-bottom:50px !important;
}
hr.no_border{
	clear:both;
	border-top:0!important;
}
/*-- コンテンツ部分 --*/
#products {
	font-size:90%;
	line-height:140%;
	margin:0 auto;
}

/*-- コンテンツ部分 --*/
#products a{
	color:#666666;
}

#products a:hover{
	color:#FF0080;
}

#products p{
	margin-bottom:0px;
}

/*-- 商品一覧へ戻るボタン --*/
.item_itiran{
	display: block;
	border: 1px solid #666;
	border-radius: 30px;
	text-align: center;
	padding: 8px 5px;
	width: 150px;
	font-size: 12px;
	position: relative;
}

.item_itiran::after{
    /* 擬似要素で矢印アイコンをつくる */
    content: '';
    border: 0;
    border-top: solid 1px #666;
    border-right: solid 1px #666;
    display: inline-block;
    width: 6px;
    height: 6px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%) rotate(-135deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
}



/*-- カテゴリバナー --*/
#cate_img {
	width: 520px;
    height:auto;
    overflow:hidden;
}

/*-- h2 商品名 --*/
#products h2.line01{
	font-size: 1.2rem;
	color:#8464b5;
	height:42px;
	padding:10px 0 0 23px;
    margin:0 0 20px 0;
	position: relative;
	border-bottom:3px solid #8464B5;
}



/*-- h2 商品名 --*/
#products h2.line01 a{
	text-decoration:none;
}

/*-- h2 span 型番 --*/
#products h2.line01 span.kataban{
	float:right;
    font-size:13px;
    font-weight:normal;
    text-align:right;
    color:#666666;
	margin-right:30px;
}

/*-- h3   --*/
#products h3{
	margin:15px 0 15px 0;
	font-size:20px;
    border-left:5px solid #B8CABF;
    padding:5px 0 5px 10px;
	width: 100%;
}

/*-- h4   --*/
#products h4{
	background: url(../images/common/arrow_p.gif) no-repeat 0px 0.3em;
	padding:0 0 0 20px;
	margin:10px 0;
}


/*-- 商品ページバナー --*/
#banner_img {
	width: 520px;
    height:auto;
    overflow:hidden;
    margin-bottom:5px;
}
/*-- 右側ボックス --*/
.right-box{
	width:510px;
    float:right;
}
.right-box .tag{
	
	margin-bottom:20px;
}
.right-box .tag a{
	color:#00b6c4!important;
	text-decoration: underline!important;
	margin:0 10px 0 0!important;
}

/*-- h3 キャッチコピー --*/
#products h3.catch{
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;	
	color:#FF8080;
  	font-size:130%;
    margin:5px 0 20px 0;
    border:0;
	padding:0;
	width:100%;
}

/*-- カート部品　ボックス --*/
#products .cart_box{
	background-color:#f5f3ee;
  	padding:20px 40px;
	margin-top:20px;
    margin-bottom:20px;
}

/*-- カート部品　セレクトボックス --*/
#products select.big{
	font-size: 16px;
    width:100px;
    margin-bottom:10px;
}

/*----------------------------- 
オプション表
----------------------------- */

#products table.zokusei_hyou{
	    width: 220px;
    border: 1px #CCCCCC solid;
	border-collapse: collapse;
    margin:0;
}

#products table.zokusei_hyou td{
	border: 1px #CCCCCC solid;
	text-align: center;
}

#products span.zaiko_chuui{
	font-size:12px;
    font-weight:normal;
    display: block;
    margin-bottom:10px;
}



/*-- --------------------------*/

/*-- カート部品　買い物カゴ　サブミットボタン --*/
#products input.cart_in{
    width:160px;
    height:40px;
    background:#6238a2;
    border-style: none;
    color: #fff;
    font-weight:bold;
    font-size:16px;
    letter-spacing: 0.2em;
    margin:0;
}


/*-- ガイドメニュ－ --*/
#products .detail_item_guide ul
{
	margin:10px 0;
}
#products .detail_item_guide ul li
{
	padding: 3px 0 3px 20px;
	font-size: 12px;
	list-style: none;
}
#products .detail_item_guide ul li.souryou
{
	background: url(../images/products/icon/ico_note.gif) no-repeat left;
}
#products .detail_item_guide ul li.form
{
	background: url(../images/products/icon/ico_mail2.gif) no-repeat left;
}
#products .detail_item_guide ul li.review
{
	background: url(../images/products/icon/ico_comment1.gif) no-repeat left;
}
#products .detail_item_guide ul li.toukou
{
	background: url(../images/products/icon/ico_pen.gif) no-repeat left;
}
#products .detail_item_guide ul li.cat
{
	background: url(../images/products/icon/ico_plus1.gif) no-repeat left;
}

/*----------------------------- 
画像３～６
パターン３種　
----------------------------- */
#products .imgbox_typeB{
		width: 240px;
    margin:0 5px 20px 5px;
    float:left;
}


#products .imgbox_typeC{
	margin-bottom:10px;
}

#products .imgbox_typeC img{
	float:left;
    margin-right:20px;
}

/*----------------------------- 
関連記事
----------------------------- */

#products .kiji_box{
	padding:20px;
    border: #CCCCCC dotted 3px;
    margin:20px 0;
}

#products .kiji_box h3{
    border-bottom: #ffe4e1 solid 3px;
	border-left:0;
	margin-bottom:15px;
}
#products .kiji_box .kiji_img_box{
   margin-top:10px;
}

#products .kiji_box .kiji_img_box img{
    margin-left:20px;
    font-size:12px;
	float:right;
}
hr.clr{
	border: none;
	margin:0;
	padding:0;
	color:#ffffff;
}

/*----------------------------- 
お客様の声
----------------------------- */
#products .review_box{
	margin:20px 0 0 0;
}

#products .review_box h3{
	border:0;
	padding:5px;
	border-bottom: #ffe4e1 solid 3px;
  	font-size:14px;
	margin-bottom:0!important;
}

#products .review_box h3 a{
	text-decoration:none;
  	font-size:16px;
}

#products .review_box ul{
	list-style-type: none;
}

#products .review_box ul li{
	margin-bottom:10px;
    border-bottom:  dotted 1px;
	padding-bottom:15px;
	padding-top:2px;
}

#products .review_box ul li.henshin{
	margin-bottom:10px;
	margin-left:10px;
	color:#000080;
}


#products .review_box div.hyouka{
	float:right;
	color:#666;
	font-size:80%;
	margin-bottom:20px;
}

/*----------------------------- 
関連商品
----------------------------- */

#products .awase_box .flex{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#products .awase_box h3{
	border:0;
	padding:5px;
	border-bottom: #ffe4e1 solid 3px;
  	font-size:14px;
    margin:20px 0 20px 0;
}


/*----------------------------- 
関連商品・商品一覧
商品のテーブル
----------------------------- */
.ichiran_list .flex,
.ichiran_list_s .flex{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#products table.item_table{
	margin:5px 1% 10px 0;
	border:1px solid #CCCCCC;
    padding:5px;
    width:calc(97% / 4);
	line-height:160%;

}
	.ichiran_list table.item_table:nth-of-type(1){
	background-image: url("../images/base/no1.png");
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 50px!important;
}
	.ichiran_list table.item_table:nth-of-type(2){
	background-image: url("../images/base/no2.png");
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 50px!important;
}
	.ichiran_list table.item_table:nth-of-type(3){
	background-image: url("../images/base/no3.png");
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 50px!important;
}

	#products table.item_table:nth-of-type(4n){
	margin-right:0 !important;
}

/* 親要素の疑似要素 */
 .flex::after {
    content: "";
    display:block;
    width:calc(97% / 4); /* 子要素と同じ幅 */
}
 .flex::before { 
    content: ""; 
    display:block; 
    width:calc(97% / 4); /* 子要素と同じ幅 */
    order: 1; /* アイテムの並び順 */
}

#products table.item_table tr{
	text-align:center;
}

#products table.item_table td.img{
	
}

#products table.item_table td.price{
	text-align:center;
}

#products table.item_table th{
	text-align:center;
}

#products table.item_table th a{
	line-height:140%;
    margin:0;
    font-weight:bold;
}

#products table.item_table span.btn_box{
    text-align:center;
}



.bg_yellow{
	background-color: #FFFFE1;
}

.bg_yellow_txt{
	color: #FFFF80;
	color: #FFFFE1;
}

.bg_blue{
	background-color: #EEFFFF;
}

.bg_blue_txt{
	color: #B0FFFF;
	color: #EEFFFF;
}

p.f14{
	font-size:16px;
}

	

/*----------------------------- 
お買い物ガイド
----------------------------- */

#products div.pay_txt{
	margin-left:20px;
 	border-bottom: #CCCCCC dotted 1px;
	padding-bottom:10px;	
}

#products table.souryou_table_list{
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
}



#products table.souryou_table_list td.headline{
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	text-align:center;
	font-weight:bold;
	line-height:200%;
	background-color: #ffe4e1;
}

#products table.souryou_table_list td{
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	text-align:center;
	line-height:300%;
}

#products div.guide_item
{
	width: 520px;
	margin: 15px 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: dotted 3px #CCCCCC;
}


#products div.guide_item ol li
{
	font-size: 75%;
	margin: 0 0 10px 30px;
}
#products div.guide_item dl
{
	font-size: 75%;
}

#products div.guide_pagetop
{
	width: 648px;
	margin: 15px 0 10px 20px;
	padding: 0 0 15px 0;
	text-align: right;
	font-size: 75%;
}

#products div.guide_item a,
#products div.guide_pagetop a
{
	color: #000000;
}

#products div.guide_item a span,
#products div.guide_pagetop a span
{
	text-decoration: none;
	color: #993333;
}

#products div.guide_item div.left_box
{
	width: 310px;
	margin-right: 28px;
	float: left;
	display: inline;
	/*font-size: 75%;*/
}

#products div.guide_item div.right_box
{
	width: 310px;
	float: left;
	display: inline;
	/*font-size: 75%;*/
}

#products div.guide_item h4
{
	border-left: solid 3px #993333;
	color: #993333;
	padding-left: 10px;
	margin: 20px 0 15px 0;
	/*font-size: 120%;*/
}

#products div.guide_item h5
{
	height: 22px;
	margin: 5px 0 5px 0;
	padding: 3px 0 0 5px;
	overflow: hidden;
	background-image: url(../images/base/side_title01.gif);
	background-repeat: repeat-x;
	color: #ffffff;
	/*font-size: 110%;*/
}

#products div.guide_item h5 span
{
	color: #b0543a;
	margin: 0 5px 0 0;
}

#products div.guide_item div.tel
{
	margin: 11px 0 11px 25px;
	padding: 0 0 0 51px;
	line-height: 1.3;
	font-size: 80%;
	color: #434141;
	background-image: url(../images/base/guide_icon01.gif);
	background-repeat: no-repeat;
}

#products div.guide_item div.fax
{
	margin: 0 0 0 25px;
	padding: 0 0 0 51px;
	line-height: 1.3;
	font-size: 80%;
	color: #434141;
	background-image: url(../images/base/guide_icon02.gif);
	background-repeat: no-repeat;
	letter-spacing: -0.01em;
}

#products div.guide_item div.tel img,
#products div.guide_item div.fax img
{
	margin: 0 0 2px 0;
}

#products div.guide_item a.fax
{
	width: 245px;
	height: 29px;
	display: block;
	margin: 10px 0 10px 23px;
}

#products div.guide_item p
{
	margin: 10px 0 30px 0;
}

hr.mt20{
	margin-top:20px;
}

#products div.border_pink{
	border:1px dotted #FF8080;
	padding:0px 10px;
	margin-bottom:10px;
}

#products ul{
	margin:5px 0 5px 0;
	padding:0;
}


#products ul li{
	margin-bottom:0px;
	padding:0 0 0 20px;
	background: url(../images/common/arrow_b.gif) no-repeat 0px 0.3em;
    list-style: none;

}


/*----------------------------- 
関連商品・商品一覧
商品のテーブル　追記
----------------------------- */
.ichiran_list
{
	clear: both;
	padding-left: 25px;
}
.pdf_icon{
	background: url(../images/products/pdf_small.gif) no-repeat 20px center;
    padding: 12px 5px 12px 42px;
    display: block;
    border-radius: 20px;
    text-decoration: none;
    margin: 20px 0 40px;
    border: 1px solid #333;
    width: 340px;
}