@charset "UTF-8";


/*ニュース一覧=====================================*/
div#news_box_area{
}
div#news_box_area2{
}

div.news_box{
	position: relative;
	box-sizing: border-box;
	padding-bottom: 3rem;
	background-color: #ffffff;
	background-repeat: no-repeat;
}
div#news_box_area2.news_top>div.news_box{
	/*background-color: #ffeef4;*/
}

.pc_view div.news_box{
	display: inline-block;
	vertical-align: top;
	width: 295px;
	margin: 10px 0;
	min-height: 270px;
}
.pc_view div.news_box:nth-child(2n+1){
	margin-right: 20px;
}
.pc_view .news_top div.news_box{
	display: block;
	width: 100%;
	padding-left: 240px;
	min-height: 135px;
}
.pc_view .news_top div.news_box:nth-child(2n+1){
	margin-right: 0;
}

.sm_view div.news_box{
	margin: 1rem 0 2rem;
}

.sm_view div.news_box:last-child{
	margin-bottom: 1rem;
}
div.news_box.news_fnn{
	background-image: url(../img/news_fnn.gif);
	background-position: right bottom;
	background-size: 120px auto;
}
.sm_view div.news_box.news_fnn{
	background-size: 200px auto;
}
.pc_view .news_top div.news_box.news_fnn{
	background-size: 140px auto;
}
div.news_box.news_viking{
	background-image: url(../img/news_viking.gif);
	background-position: right bottom;
	background-size: 120px auto;
}
.sm_view div.news_box.news_viking{
	background-size: 200px auto;
}
.pc_view .news_top div.news_box.news_viking{
	background-size: 140px auto;
}


div.news_box_movie{
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.pc_view .news_top div.news_box_movie{
	position: absolute;
	width: 240px;
	left: 0;
	top: 0;
}
div.news_box_movie:before{
	content: "";
	display: block;
	padding-top: 56.25%;
}
div.news_box_movie>div{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}


div.news_box_photo{
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}
.pc_view .news_top div.news_box_photo{
	position: absolute;
	width: 240px;
	left: 0;
	top: 0;
}
div.news_box_photo:before{
	content: "";
	display: block;
	padding-top: 56.25%;
}
p.news_box_title{
	color: #553333;
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: bold;
	padding: 1rem ;
	word-break: break-all;
	word-wrap:break-word;
}
.pc_view .news_top p.news_box_title{
	font-size: 1.6rem;
	line-height: 2rem;
}
.news_new p.news_box_title:after{
	content: "NEW";
	display: inline-block;
	font-size: 1rem;
	line-height: 1.6rem;
	font-weight: bold;
	color: #ffffff;
	background-color: #f01e46;
	padding: 0 .5rem;
	margin: .1rem .3rem;
	-webkit-border-radius: .9rem;
	-moz-border-radius: .9rem;
	border-radius: .9rem;
	vertical-align: top;
}
p.news_box_date{
	position: absolute;
	left: 1rem;
	bottom: .7rem;
	font-size: 1.2rem;
	line-height: 1.5rem;
	color: #888888;
}
.pc_view .news_top .news_box_date{
	position: static;
	padding: 0 1rem;
	
}
a.news_box_btn{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all .3s;
}
.display_device a.news_box_btn:hover{
	background-color: rgba(243,0,99,.1);
}

div#news_more{
	display: none;
}

/*個別記事===================================*/
h3#news_title{
	font-size: 2rem;
	line-height: 1.3em;
	font-weight: bold;
	/*letter-spacing: 0;*/
	color: #553333;
	padding: .5rem .5rem .5rem 1rem;
	margin-top: 1.5rem;
	/*word-break: break-all;*/
	border-left: solid .6rem #00aaff;
}
.sm_view h3#news_title{
	font-size: 1.8rem;
	line-height: 1.3em;
}
p#news_date{
	font-size: 1.2rem;
	line-height: 1.5em;
	color: #55aaff;
	padding: .5rem .5rem .5rem 1.6rem;
}

p#news_text{
	font-size: 1.4rem;
	line-height: 1.8em;
	white-space: pre-wrap;
}
p.news_text{
	font-size: 1.4rem;
	line-height: 1.8em;
	white-space: pre-wrap;
}
p#news_text>img,
p.news_text>img{
	max-width: 100%;
	min-height: 100px;
}


