@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : news.css
Description : ニュースページCSS
===================================================================== */


/* =====================================================================
*    コンテンツ
* =================================================================== */
#news #main section {
	width: 82.1429%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7.1429%;
	padding-bottom: 7.1429%;
}

#news #main section:not(:last-child) {
	border-bottom: 1px dotted #aaaaaa;
}

#news #main section h1 {
	width: 91.3044%;
	color: #e4448a;
	font-size: 1.8rem;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

#news #main section p {
	width: 91.3044%;
	font-size: 1.4rem;
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
}

#news #main section .date {
	width: 75px;
	background-color: #fff34c;
	line-height: 15px;
	text-align: center;
	border-radius: 50px;
	padding-top: 25px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#news #main section .date .week {
	display: block;
	font-size: 1.2rem;
	line-height: 15px;
}

#news #main section .img_right,
#news #main section .img_left,
#news #main section .img_center {
	width: 91.3044%;
	margin-top: 4.3479%;
	margin-left: auto;
	margin-right: auto;
}

#news #main section .btn a {
	margin-top: 4.3479%;
}

@media screen and (min-width:700px){
	#news #main .inner {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#news #main section {
		width: 80.3922%;
		position: relative;
		border-bottom: none !important;
		box-sizing: border-box;
		overflow: hidden;
		padding-top: 10px;
		padding-bottom: 30px;
		padding-left: 140px;
	}

	#news #main section h1 {
		width: auto;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#news #main section:not(:first-child) h1 {
		border-top: 1px dotted #aaaaaa;
	}

	#news #main section p {
		width: auto;
		font-size: 1.6rem;
		line-height: 1.5em;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#news #main section .date {
		width: 100px;
		font-size: 2.0rem;
		line-height: 25px;
		position: absolute;
		top: 10;
		left: 0;
		padding: 35px 0 20px;
		margin-right: 40px;
	}

	#news #main section .date .week {
		font-size: 1.8rem;
		line-height: 20px;
	}

	#news #main section .img_right,
	#news #main section .img_left {
		width: 44.1177%;
		margin-top: 10px;
	}

	#news #main section .img_right {
		float: right;
		padding-right: 10px;
		padding-left: 20px;
	}

	#news #main section .img_left {
		float: left;
		padding-left: 10px;
		padding-right: 20px;
	}

	#news #main section .img_center {
		width: 420px;
		max-width: 100%;
		margin-top: 10px;
	}

	#news #main section .btn a {
		margin-top: 20px;
	}
}

/*# 67call */
#news_20 h1 {
	font-size: 21.8px !important;
}

.sFont {font-size: 0.7em; font-weight: normal;}

.fontB {font-size: 1.4em; font-weight: bold;}

.tellBox {
    padding: 0 0 20px;
    margin: 15px auto 15px;
    border: solid 1px #ddd;
	border-radius: .4em;
}

.tellBox p {
	font-weight: bold;
    text-align: center;
	font-size: 1.8rem !important;
}

.tellBox p a {
	color: #e2007d;
	padding: 10px 0 5px;
	font-size: 1.5em;
	display: inline-block;
}

.tellBox p a:hover, ul.txt a:hover {
	opacity: 0.6;
}



ul.txt {
	width: 644px;
	margin: 0 auto;
}

ul.txt li {
	line-height: 1.8;
	font-size: 1.4rem;
	padding-left: 1em;
	text-indent: -1em;
}

.call67 {
	position: relative;
	top: 3px;
}

.call67 img {
    width: 60px;
    height: auto;
	padding-right: 2px;
	display: inline-block;
}

span.dates {
	color: #F00;
	font-weight: bold;
	padding: 3px 3px 0;
	background-color: #FF0;
}

ul li:first-of-type span.dates {
	font-size: 1.15em;
}

.spbr {
	display: none;
}

small {
	width: 21%;
	display: block;
	margin-top: 1.7858%;
	margin-left: auto;
	margin-right: auto;
}


@media screen and (max-width:700px){
	.tellBox {
        padding-bottom: 10px;
	}
	
	.tellBox p a:hover, ul.txt a:hover {
        opacity: 1.0;
    }
	
	ul.txt {
		width: 100%;
		margin-left: 0;
	}
	
	ul.txt li {
		width: 92%;
		font-size: 1.45rem;
	}
	
	ul li:first-of-type span.dates {
	    font-size: 1.2em !important;
    }
	
	.spbr {
	    display: block;
    }
		small {
	width: 45%;
	display: block;
	margin-top: 1.7858%;
	margin-left: auto;
	margin-right: auto;
}
}

@media screen and (orientation: landscape) {
   ul.txt {
		width: 100%;
	}
	

}


/*# //67call */