@charset "UTF-8";


/* ==========================================================
*
* ニュース詳細
*
========================================================== */
#articleFrame{
	display:block;
	overflow:hidden;
	width:100%;
	max-width:980px;
	margin:25px auto 0;
}

#newsBody{
	display:block;
	overflow:hidden;
	width:calc(100% - 280px);
	float:left;
	margin-bottom: 50px;
}


#newsBody h1{
	font-size: 2.1rem;
	line-height:125%;
	padding-bottom:0.25em;
	margin-bottom: 25px;
	border-bottom: 1px solid #ed0061;
}

#newsBody p{
	font-size:1.4rem;
	line-height: 175%;
	margin-bottom:1em;
}

#newsBody h2,
#newsBody h3{
	margin-top: 25px;
}

#newsBody h2{
    display:block;
    overflow:hidden;
    font-size:1.8rem;
    line-height: 125%;
    font-weight:bold;
    border-left:6px solid #ed0061;
    border-bottom: 1px solid #ed0061;
    padding-left: 0.5em;
    padding-bottom:5px;
    margin:2em 0 1em;
}

#newsBody h3{
    display:block;
    overflow:hidden;
    font-size:1.6rem;
    line-height: 125%;
    font-weight:bold;
    border-left:4px solid #ed0061;
    padding-left: 0.5em;
    margin:2em 0 1em;
}

#newsBody ul{
	list-style-type:disc;
	padding-left:2em;
	line-height:155%;
	margin:1em 0;
}

#newsBody ol{
	list-style-type:decimal;
	padding-left:2em;
	line-height:155%;
	margin:1em 0;
}

#newsBody dl{
    display:block;
    overflow:hidden;
	margin:1em 0 0;
    line-height:155%;
}

#newsBody dl > dt{
    display:block;
    overflow:hidden;
    font-weight:bold;
}

#newsBody dl > dd{
    display:block;
    overflow:hidden;
    padding-left: 2em;
    margin-bottom:1em;
}


#newsBody a{
	text-decoration:none;
}
#newsBody a:hover{
	text-decoration:underline;
}

#newsBody iframe{
	width:100%;
}


#mainImg{
	display:block;
	overflow:hidden;
	text-align:center;
	margin-bottom: 1em;
}

#mainImg > img{
	width:100%;
	max-width:650px;
	height:auto;
}

.date{
	display:block;
	overflow:hidden;
	letter-spacing:0.25em;
	font-size:1.6rem;
	margin-bottom:0.5em;
	line-height:125%;
}


/* for Tb --------------------*/
@media screen and (max-width: 980px) {

}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {
	#articleFrame{
		max-width:auto;
		margin:25px auto 0;
	}

	#newsBody{
		width:100%;
		float:none;
	}


}



.titleNavi{
	display:block;
	overflow:hidden;
	line-height:125%;
	text-align:center;
}

.titleNavi > div{
	display:inline-block;
	width:50%;
}

.titleNavi a{
	display:block;
	overflow: hidden;
	text-decoration:none;
}

.titleNavi a[rel="prev"],
.titleNavi a[rel="next"]{
	width:20em;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.titleNavi a[rel="prev"]{
	margin-right:1em;
}

.titleNavi a[rel="prev"]:before{
	content:"<";
	margin-right:0.5em;
}

.titleNavi a[rel="next"]{
	margin-left:1em;
}

.titleNavi a[rel="next"]:after{
	content:">";
	margin-left:0.5em;
}

.titleNavi a[href="/news/"]{
    display: inline-block;
    padding: 0.5em 10px;
    color: #000000;
    background-color: #e1dfe0;
}

.titleNavi a[href="/news/"]:hover{
	opacity:0.5;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	.titleNavi a[rel="prev"],
	.titleNavi a[rel="next"]{
		width:10em;
		white-space: nowrap;
		text-overflow: ellipsis;
	}


}




#pickUpList{
	display:block;
	overflow:hidden;
	width:240px;
	height:100%;
	float:right;
}

#pickUpList h2{
	margin-top:0;
}

#pickUpList a{
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#000000;
}
.pc #pickUpList a:hover{
	color:#cccccc;
}

#pickUpList li{
	margin-bottom:2em;
}

#pickUpList h5{
	display:block;
	overflow:hidden;
	font-weight:bold;
	font-size: 1.4rem;
	line-height: 125%;
}

#pickUpList li > a > img{
	width:100%;
	height:auto;
}

/* for Tb --------------------*/
@media screen and (max-width: 980px) {

}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {

	#pickUpList{
		display:none;
	}

}


/*2カラムボックス*/
.floatBox{
	display:block;
	overflow:hidden;
	line-height:155%;
    margin: 1em 0 2em;
    border: 2px solid #ed0061;
    padding: 1em 1em;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


.floatBox img{
	float:left;
	margin-right:2em;
}

.floatBox img+br{
	display:none;
}

.floatBox p{
	margin-bottom:0.5em!important;
}

.floatBox::after{
	display:block;
	overflow:hidden;
	content:" ";
	width:100%;
	clear:both;
}

.floatBox strong{
	display:inline-block;
	overflow:hidden;
	font-size:1.5em;
	line-height:155%;
	/*padding-bottom:0.5em;*/
}

.floatBox a::before{
	content:"> ";
}


@media screen and (max-width: 750px) {
	.floatBox img{
		float:none;
		margin-right:0;
	}
	
	#newsBody img{
		width:100%;
		height:auto
	}
}