@charset "utf-8";
/* CSS Document */


.blog_backimg {background: url("../blog/img/backimg_053.gif");}
.blog_top-txt{
	margin: 50px 0;
	padding: 10px;
	text-align: justify;
}
.blog_new_list{
	width:97%;
	margin: 50px auto;
}
.blog_new_list, .blog_list ul, .blog_recent_wrap ul{
	list-style: none; padding:0;
}
.blog_new_list li {margin-bottom: 30px;padding:20px;border:1px solid #989898;}
.blog_new_list li p.date{font-size:1em;}
.blog_new_list li img {margin:15px 0;}
.blog_new_list h2{margin:min(2vw,8px) 0;font-size:clamp(16px, 3.5vw , 18px);}
.blog_new_list .tags {color:#A4A4A4;font-size:.8em;}
.blog_new_list .blog_content_txt {margin:min(8px, 2vw) 0;padding:5px;line-height: 1.8;}
.blog_new_list li a.blog_linkbtn{display:block;width:min(300px, 60%);margin:20px auto;padding:8px;text-align: center; font-size:14px;background: #FFF; border:1px solid #BBB;border-radius: 50px;}
.blog_new_list li a.blog_linkbtn:hover {background: #BCBCBC;}
.blog_new_list picture img  {display: block;width:85%;max-width:640px;margin:15px auto;}

.blog_list {}
.blog_recent_wrap {}
.blog_ttl_line{border-bottom: solid 1px #999999; width: 60%; margin: 0 auto;}
.blog_list h3, .blog_recent_wrap h3 {font-size: 13px; text-align: center; padding-top: 5px;}
.blog_list ul{ margin: 20px 0; border: solid 1px #999999;}
.blog_list li { padding: 10px; font-size: 14px; border-bottom: dotted 1px #999999;}
.blog_list li:last-of-type { border-bottom:none;}
.blog_list ul li::before{
	content:"";
	font-size: 10px;
	color: #7DCCFF;
	font-family:fontawesome;
}
.blog_list-title{
	width: 89%; margin: 0 auto; text-align: center; font-size: 20px; color: #A9A9A9; font-weight: bold;
}
.blog_sale_bnr{
	margin: 20px 0;
}

.blog_recent_wrap{}
.blog_recent-title{}
.blog_recent_wrap ul {width:98%;margin:min(5vw, 25px) auto;}
.blog_recent_wrap ul li{margin:1.5vw auto;padding:10px;border:1px solid #999;}
.blog_recent_wrap ul li a{display: flex;align-items: center; color:var(--main-font-color);}
.blog_recent_wrap ul li img {width:min(25%, 100px);margin-right:15px;}
.blog_recent_wrap ul li p {flex:1;font-size:14px;}
.blog_recent_wrap ul li p span{display: block;font-size: 13px;}

.blog_style_wrap {
	display: flex;
	align-items: center;
	width:98%;
	margin-inline:auto;
	padding:5px;
	border:1px solid #9A9A9A;
	border-radius: 8px;
}
.blog_style_wrap img {width:clamp(90px, 28%, 150px);margin-right: 20px;}
.blog_style_wrap p{flex:1;font-size:.9em;}
.blog_style_wrap .stylename_txt {display:inline-block;margin-right: 3px; font-size:1.2em;line-height: 2;}
.blog_style_wrap .number {font-size:.85em;}
.blog_style_wrap .number {font-size:.9em;}

.blog_content_txt a {text-decoration: underline;text-decoration-color: #888;text-underline-offset:3px;}

.color_name_tbl{
   margin-inline:auto;
   text-align: left;
}
.color_name_tbl .name_before_td {width:7em;}
.color_name_tbl .arrow_td {width:1.5em;}
.color_name_tbl .name_new_td {width:10em;}

/*************************************************************/
/*************************************************************/

@media only screen and (max-width: 950px) {

.blog_new_list li {margin-bottom: 10vw;padding:5vw;}
.blog_new_list li p.date{font-size:.9em;}
.blog_new_list li img {margin:3.5vw 0;}


.blog_new_list li a.blog_linkbtn{width:min(70vw, 60%);margin:4.7vw auto;padding:2vw; font-size:3.3vw;border-radius: 11.6vw;}
.blog_new_list li a.blog_linkbtn:hover {background: #BCBCBC;}

.blog_list ul li::before{
	font-size: 2.3vw;
}

}