@charset "UTF-8";

@media screen and (min-width: 769px) {
/***** PC用のスタイル記述 *****/

/*------------------------------------------------------------
プラン
------------------------------------------------------------*/
#news {
}

/*** news_box ***/
.news_box{
	overflow:hidden;
	padding:0 0 15px;
	margin:0 0 15px;
	border-bottom:1px solid #AAAAAA;
}

.news_box a{
	display:block;
	color:#C2A353;
}

.news_box a:hover{
	opacity:0.7;
}

.news_box .thumbnail{
	float:left;
	width:150px;
	margin:0 10px 0 0;
}

.news_box .info{
	float:right;
	width:790px;
	text-align:left;
}

.news_box .info h3{
	font-size:21px;
}

.news_box .info p.date{
	font-size:14px;
	color:#555;
}


/*** news_page ***/
#news_page{
}

#news_page .title{
	margin:0 0 30px;
	
}

#news_page .title p.date{
	font-size:14px;
}

#news_page .title h1{
	font-size:30px;
	color:#C2A353;
	line-height:1.3;
}


#news_page .post_content{
	font-size:16px;
	line-height:1.2;
	overflow:hidden;
}

#news_page .post_content img{
}

#news_page .post_content img.aligncenter{
	display:block;
	margin:0 auto;
}

#news_page .post_content img.alignleft{
	display:block;
	float:left;
	margin:10px 10px 10px 0;
}

#news_page .post_content img.alignright{
	display:block;
	float:right;
	margin:10px 0 10px 10px;
}

#news_page .post_content .button{
	clear:both;
	text-align:center;
}

#news_page .post_content .button a{
	display:inline-block;
	font-size:14px;
	color:#FFF;
	border-radius:5px;
	padding:10px 30px;
	background:url(../plan/images/icon_arrow_r_w.png) #C2A253 97% center no-repeat;
}

#news_page .post_content .button a:hover{
	opacity:0.7;
}






}
@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */
/* スマートフォン用のスタイル記述 */

img{
	width:100%;
	height:inherit;
}

#headding{
	margin:0 0 20px;
	padding:58px 0 0 0;
}

#news {
}

/*** news_box ***/
.news_box{
	overflow:hidden;
	padding:0 0 15px;
	margin:0 10px 15px;
	border-bottom:1px solid #AAAAAA;
}

.news_box a{
	display:block;
	color:#C2A353;
}

.news_box a:hover{
	opacity:0.7;
}

.news_box .thumbnail{
	float:left;
	width:28%;
	margin:0 10px 0 0;
}

.news_box .info{
	float:right;
	width:68%;
	text-align:left;
}

.news_box .info h3{
	font-size:16px;
	line-height:1.3;
}

.news_box .info p.date{
	font-size:14px;
	color:#555;
}

/*** news_page ***/
#news_page{
	margin:0 10px;
}

#news_page .title{
	margin:0 0 30px;
	
}

#news_page .title p.date{
	font-size:14px;
}

#news_page .title h1{
	font-size:16px;
	color:#C2A353;
	line-height:1.3;
}


#news_page .post_content{
	font-size:14px;
	line-height:1.2;
	overflow:hidden;
}


#news_page .post_content .button{
	clear:both;
	text-align:center;
}

#news_page .post_content .button a{
	display:inline-block;
	font-size:14px;
	color:#FFF;
	border-radius:5px;
	padding:10px 30px;
	background:url(../plan/images/icon_arrow_r_w.png) #C2A253 97% center no-repeat;
}

#news_page .post_content .button a:hover{
	opacity:0.7;
}





}