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

.cfa_blogitem_, #blog{
	font-size: 16px;
	text-align:left;}

#cfaBlog_list .blog_top_title .pc_tit_ {
	display: block;
}
#cfaBlog_list .blog_top_title .sp_tit_ {
	display: none;
}

/*----- ブログトップ -------------------------*/
.cfa_blogitem_{
	width:730px;
	}

#cfaBlog_list .blog_top_title {
	margin-bottom:40px;}

.cfa_blogitem_ p.date12{
	color:#0f9acf;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}


.cfa_blogitem_ p.date2410{
	color:#a65861;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}


.cfa_blogitem_ p.date2507{
	color:#7cadda;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}


	
.cfa_blogitem_.box_winter{
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:#0f9acf 1px dotted;
	}
	




/*----- ブログ -------------------------*/
#blog{
	width:730px;
	vertical-align:top;
	}
	
#blog .title_bg12{
	height:145px;
	background:url(../../img/usr/cfa_blog/common/m12_title_bg.png) no-repeat;
	margin-bottom:40px;}

#blog .title_bg2410{
	height:150px;
	background:url(../../img/usr/cfa_blog/2410/m10_title_bg.png) no-repeat;
	margin-bottom:40px;}


#blog .title_bg2507{
	height:150px;
	background:url(../../img/usr/cfa_blog/2507/m7_title_bg.png) no-repeat;
	margin-bottom:40px;}


#blog .title_bg12 p.date12{
	color:#0f9acf;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px; padding:0;}
	

#blog .title_bg2410 p.date2410{
	color:#a65861;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px; padding:0;}


#blog .title_bg2507 p.date2507{
	color:#7cadda;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px; padding:0;}

#blog p.title{
	font-size:22px;
	font-weight:bold;}
	
	
/*---- 段落 ----*/
#blog .box{
	margin-bottom:40px;
	word-break: break-all;
	}

/*---- 共通 ----*/
.cfa_blogitem_ p,
#blog p{
	margin-bottom:15px;}

.cfa_blogitem_ p.midashi,
#blog p.midashi{
	padding:10px;
	margin-bottom:30px;
	font-size:20px;
	font-weight:bold;
	background:url(../../img/usr/cfa_blog/common/title_bg.png);
	}	
	
#blog .box .item{
	margin-bottom:20px;}
	
#blog .box .item .left_item{
	float:left;
	margin-right:20px;
	border:#b7b7b7 1px solid;}
	
#blog .box .item .right_copy{
	width:457px;
	float:left;}


#blog .box .item .left_copy{
	width:457px;
	float:left;}

#blog .box .item .right_item{
	float:left;
	/*margin-left:20px;*/
	border:#b7b7b7 1px solid;}

#blog .box .item .right_text{
	margin-left:270px;
	word-break: break-all;}
	
	
#blog .box .gotop{
	margin-top:30px;}
	
.cfa_blogitem_ .pickup, #blog .pickup{color:#0f9acf;font-weight:bold;}	
.cfa_blogitem_ .pickup2410, #blog .pickup2410{color:#a65861; font-weight:bold;}	
.cfa_blogitem_ .pickup2507, #blog .pickup2507{color:#7cadda; font-weight:bold;}	

.site_title {
	margin: 0.5em 0 0 1em;}


/*---- 共通 ----------------------*/

.cfa_blogitem_ .yellow_line,
#blog .yellow_line{
	background: linear-gradient(transparent 40%, #fff568 40%);}

.cfa_blogitem_ a:hover img,
#blog a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.cfa_blogitem_ .pB20,
#blog .pB20{
	padding-top:20px;}
.cfa_blogitem_ .pB30,
#blog .pB30{
	padding-top:30px;}
.cfa_blogitem_ .pB40,
#blog .pB40{
	padding-top:40px;}

/*---- 商品画像横並び ----------------------*/

.item_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;          /* はみ出し防止：折り返し */
    gap: 10px;                /* 画像間の余白（任意） */
    list-style: none;         /* 行頭のポッチを消す */
    padding: 0;
    margin: 0;
}

.item_list li {
    max-width: 30%;           /* 3列想定：必要に応じて調整 */
    box-sizing: border-box;
    text-align: center;
}

.item_list img {
    width: 100%;              /* li の幅にフィットさせる */
    height: auto;
    display: block;
}


.more {
    text-align: center;
    margin: 0.5em 0 4em 0;
}