@charset "UTF-8";

/*----------------------------- 
動的スタイルシート
記事詳細ページ
----------------------------- */

hr{
	clear:both;
	border: 0;
	border-top: #CCC dotted 3px;
	margin:15px 0;
}

#kiji{
	float:right;
}

/*-- コンテンツ部分 --*/
#kijibasic {
	width: 750px;
	margin: 0 auto;
}

#kijibasic p{
	margin-bottom:15px;
}

#kijibasic img{
	margin-bottom:10px;
}

/*-- コンテンツ部分 --*/
#kijibasic h4{
	background: url(../images/common/arrow.gif) no-repeat 0px 0.1em;
	padding-left:20px;
	color:#FF6060;
	margin:10px 0;
}

#kijibasic h4.h{
	float:right;
   	background: url(../images/common/arrow.gif) no-repeat 0px 0.2em;
	padding-left:20px;
	color:#FF6060;
	width:227px;
}


/*-- カテゴリバナー --*/
#cate_img_kiji {
    height:auto;
    overflow:hidden;
}

#kijibasic #cate_img_kiji{
	margin-left:10px;
}

/*-- ブログコンテンツ --*/
#blog_contents{
	font-size:13px;
	    width:522px;
    float:right;
    margin:10px 0;
}

/*-- ブログコンテンツ 幅広--*/
#blog_contents_w{
	font-size:13px;
	margin:0 0 0 10px;

	width:522px;

}

/*-- ブログメニュー --*/
#blog_menu {
	width: 208px;
        float:left;
    margin:10px 0 0 7px;
}

/*-- h2 ブログタイトル --*/
#kijibasic h2.line01{
	color:#8464b5;
	width:497px;
	height:42px;
	font-size:120%;
	padding:23px 0 0 23px;
	background: url(../images/products/h2_back.gif) no-repeat left;
}

/*-- 更新日 --*/
#kijibasic div.date{
	float:right;
	display:block;
    font-size:13px;
    text-align:right;
    color:#666666;
    font-weight:bold;
}

/*-- 一覧へ戻るリンク --*/
#kijibasic .back_link{
	text-align:center;
    font-size:12px;
	margin-top:50px;
}

/*----------------------------- 
画像１～３
パターン２種　
----------------------------- */
#kijibasic .imgbox_typeB{
	margin:10px 0;
}

#kijibasic .imgbox_typeB img{
    margin:0 10px 30px 0;
}



/*----------------------------- 
ブログメニュー
----------------------------- */
#kijibasic p.serch_title{
	color:#1c3b85;
	font-weight:bold;
	font-size:90%;
}

#kijibasic input.query{
	width: 133px;
	margin:0;
	padding:0;
	vertical-align: middle;
}

#kijibasic input.button{
	margin: 0;
	padding:0;
	vertical-align: middle;
}

#kijibasic .blog_box
{
	width:206px;
	border:1px solid #CCCCCC;
	margin:10px 0 10px 0;
}

#kijibasic .blog_box h3{
	margin:0;
	padding:5px;
	background-color: #ffffff;
	border: 0px;
	font-size:14px;
	line-height:120%;
	text-align:left;
	color:#FF8080;
	border-bottom: 1px solid #CCCCCC;
} 

#kijibasic .blog_box ul{
	margin:0 0 10px 0;
	list-style:disc;
    list-style-position:inside;
	padding:5px 5px 0 5px;
	font-size:12px;
}

#kijibasic .blog_box ul li{
		width:188px;
	color:#db7093;
	margin:0 0 5px 0;
	border-bottom:1px dotted #db7093;
	padding: 2px 10px 3px 5px;
	background : none;
	
}

#kijibasic .blog_box ul li a{
	text-decoration:none;
	color:#333;
}

#kijibasic .blog_box ul li a:hover{
	text-decoration:underline;
	color:#0000FF;
}


/*----------------------------- 
動的スタイルシート
記事一覧ページ
----------------------------- */
#kijibasic h3{
	margin:5px 0 10px 0;
	font-size:14px;
    border-left:5px solid #db7093;
    padding:5px 0 5px 10px;
}

#kijibasic h3 a{
	color:#666666;
}

#kijibasic .kiji_item{
	font-size:12px;
	margin:5px 0 20px 0;
	border-bottom:dotted 1px #db7093;
}

#kijibasic .kiji_item img{
	margin:0 10px 10px 0;
}

#kijibasic .kiji_item .blog_next a{
	display:block;
	text-align:center;
    background:#db7093;
    color:#FFFFFF;
    padding:3px;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    width:100px;
    float:right;
    margin:20px 0;
}

#kijibasic .pager{
	text-align:center;
}


#kijibasic .kiji_item_herf{
	width:240px;
	border:1px solid #CCCCCC;
	padding:5px;
	margin-right:5px;
	background-color: #FFEEEE;
	float:left;
	height:85px;
	overflow:hidden;
	margin-bottom:10px;
}

#kijibasic .kiji_item_herf2{
	width:240px;
	border:1px solid #CCCCCC;
	padding:5px;
	margin-right:5px;
	background-color: #FFEEEE;
	float:left;
	height:45px;
	overflow:hidden;
	margin-bottom:10px;
}

#kijibasic .kiji_item_herf img{
	margin:0;
}



#kijibasic .kiji_item_herf h3{
	margin:5px 0 10px 75px;
	font-size:14px;
    border-left:5px solid #db7093;
    padding:2px 0 2px 5px;
}

#kijibasic .kiji_item_herf a{
	text-decoration:none;
}

#kijibasic .kiji_item_herf a:hover{
	text-decoration:underline;
	color:#FF0080;
}

#kijibasic div.kiji_item_herf div.blog_next{
	text-align:right;
}

#kijibasic div.kiji_item_herf div.blog_next a{
	text-decoration:none;
}

#kijibasic div.kiji_item_herf div.blog_next a:hover{
	text-decoration:underline;
	color:#FF0080;
}

#kijibasic ul{
	margin:15px 0;
	padding:0;
}


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


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

#kijibasic .awase_box{
	
}

#kijibasic .awase_box h3{
	
}

#kijibasic table.item_table{
		margin:5px 5px;
	border:1px solid #CCCCCC;
    float:left;
    padding:5px;
	width: 115px;
	line-height:160%;
}


#kijibasic table.item_table tr{
	text-align:center;
	border:none;
}

#kijibasic table.item_table td{
	border:none;
}

#kijibasic table.item_table td.img{
}

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

#kijibasic table.item_table th{
	text-align:center;
	border:none;
	background:#FFFFFF;
}

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

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


*----------------------------- 
独自スタイル
----------------------------- */


div.thiesis p{
	margin-bottom:20px;
}

div.kiji_href_l{
	width:250px;
	margin:0 10px 0 0;
	float:left;
}

div.kiji_href_r{
	width:250px;
	float:right;
}

#kijibasic table
	{ 
	width:520px;
	margin:0 0;
	border: #FFD7C4 double 1px;
	font-size:12px;

}

#kijibasic table p
{ 
	width:390px;
	font-size:12px;
	text-align:left;
}


#kijibasic table th
{
	width:130px;
	background:#FFCCCC;
	text-align:center; 
	cellspacing:1;
	color:800000;
	border: #FFD7C4 solid 1px;
}

#kijibasic table td
{ 
	width:390px;
	padding: 5px 10px 5px 10px;
	border: #FFD7C4 solid 1px;
}


#kijibasic div.border_pink{
	border:1px dotted #FF8080;
	padding:5px;
}

dl.meyasu{
	 font-weight:bold;
	font-size:16px;
	margin-left:30px;
	margin-top:10px;
	margin-bottom:20px;
}
dl.meyasu dt{
	width:150px;
	float:left;
	clear:both;
}
dl.meyasu dt dd{
	margin-left:160px;
}
.txt_idt {
   padding-left: 1em;
   text-indent: -1em;	
}

/* お問い合わせフォーム 追記 */
.ad-txt{
	margin-left: 20px;
	line-height: 2;
	font-size: 1.15em;
	margin-bottom: 50px;
}

.ad-txt .bo{
	font-weight: bold;
}

.cl-gr{
	color: #336600;
}

.contact-lead{
	margin: 0 0 14px;
}

.contact-form-note{
	margin: 16px 0 0;
}

.contact-methods{
	width: 700px;
	max-width: 100%;
	padding: 18px 24px;
	background-color: #f8f8f3;
	border: 1px solid #d9dfcf;
	border-radius: 10px;
	box-sizing: border-box;
	margin: 18px 0 20px;
}

.contact-method{
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid #dddddd;
}

.contact-method:first-child{
	padding-top: 0;
}

.contact-method:last-child{
	padding-bottom: 0;
	border-bottom: none;
}

.contact-method__icon{
	flex: 0 0 40px;
	width: 40px;
	text-align: center;
}

.contact-method__icon img{
	width: 30px;
	height: 30px;
	display: block;
	margin: 2px auto 0;
}

.contact-method__body{
	flex: 1;
}

.contact-method__label{
	margin: 0 0 2px;
	font-weight: bold;
	color: #336600;
	line-height: 1.5;
}

.contact-method__main{
	margin: 0;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.4;
}

.contact-method__main a{
	color: #333333;
	text-decoration: none;
}

.contact-method__main a:hover{
	text-decoration: underline;
}

.contact-method__sub,
.contact-method__note,
.contact-method__link{
	margin: 2px 0 0;
	font-size: 0.9em;
	line-height: 1.6;
}

.contact-method__note{
	color: #666666;
}

.contact-method__link a{
	color: #336600;
	text-decoration: underline;
}

.line-contact-row{
	display: flex;
	align-items: baseline;
	gap: 18px;
	flex-wrap: wrap;
}

.line-contact-row .contact-method__main{
	flex: 0 0 auto;
}

.line-contact-row .line-id{
	margin: 0;
	flex: 0 0 auto;
}

@media screen and (max-width: 767px){
	.ad-txt{
		margin-left: 0;
		font-size: 1em;
		line-height: 1.8;
	}

	.contact-methods{
		padding: 16px 14px;
		margin: 16px 0 20px;
	}

	.contact-method{
		gap: 10px;
		padding: 11px 0;
	}

	.contact-method__icon{
		flex: 0 0 34px;
		width: 34px;
	}

	.contact-method__icon img{
		width: 26px;
		height: 26px;
	}

	.contact-method__main{
		font-size: 1.05em;
		word-break: break-all;
	}

	.line-contact-row{
		gap: 6px 14px;
		align-items: flex-start;
	}
}