@charset "utf-8";

/*---------------------------------------------------------------
各ページの独自CSS
---------------------------------------------------------------*/
/**
 * 目次
 *
 * 01. お知らせNEWSページ(一覧・アーカイブ・個別）
 * 02. 前後のページへのリンク（前後）
 * 03. 前後のページへのリンク（数字）
 *
 *（PC-1024px SP-768px以下） 
 *（★の箇所は未使用）
 */


/*****************************************************************
 01. お知らせNEWSページ(一覧・アーカイブ・個別）
*****************************************************************/
#info_stage{
	position: relative;
	width: 100%;
	padding: 0px 0px 80px 0px;
}

#info_stage_electric_A {
	position: relative;
	width: 100%;
	background-image: url(../images/bg_electric_L.png);
	background-size: 750px auto;
	background-repeat: no-repeat;
	background-position: top 0px left;
}

#info_stage_electric_B {
	position: relative;
	width: 100%;
	background-image: url(../images/bg_electric_R.png);
	background-size: 750px auto;
	background-repeat: no-repeat;
	background-position: top 300px right;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

#info_stage{
	padding: 0px 0px 0px 0px;
}

}
/***---- ▲SP-896px以下----***/


/* ●投稿コンテンツ
=================================================*/
.news_BOX {
	width: 100%;
	border-bottom: 1px solid #1c2088;
	padding: 20px 0px 70px 0px;
	margin: 0px auto 0px auto;
}
.news_BOX:nth-child(1) {
	border-top: 1px solid #1c2088;
}

.news_date_ZONE {
	float:left;
	width: 18%;
	height: 122px;
	line-height: 1.4;
	border: 1px solid #1c2088;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	padding: 30px 0px 0px 30px;
}

.news_date_ZONE .date_ymd {
	float: left;
	line-height: 1.0;
}

.news_date_ZONE .date_ymd,
.news_date_ZONE .date_ymd a {
	text-decoration: none;
	color: #333;
}
.news_date_ZONE .date_ymd a:hover {
	color:#80a8ff !important;
}

.news_date_ZONE .date_ymd .post_y,
.news_date_ZONE .date_ymd a .post_y {
	font-size: 18px;
	line-height: 1.1;
}

.news_date_ZONE .date_ymd .post_md ,
.news_date_ZONE .date_ymd a .post_md {
	font-size: 35px;
	line-height: 1.1;
}

.news_allow_ZONE {
	float:left;
	width: 10%;
	margin-top:30px;
}

.news_allow_ZONE img.allow_news_P_PC {
	width: 100%;
}

.news_allow_ZONE img.allow_news_P_SP {
	display:none;
}

.news_contents_ZONE {
	float:right;
	width: 70%;
	text-align:left;
	line-height: 1.4;
	padding: 10px 0px 0px 0px;
}

.news_title_BLOCK {
	float:left;
	width: 100%;
	text-align:left;
	line-height: 1.4;
	border-bottom: 1px dotted #999;
	padding: 0px 0px 12px 0px;
	margin: 0px 0px 0px 0px;
}

.news_title_BLOCK p {
	float:left;
}

.news_title_BLOCK p.news_new {
	margin-top: -1px !important;
	margin-right: 5px !important;
}

.news_title_BLOCK,
.news_title_BLOCK a {
	color:#333 !important;
	text-decoration: none;
	font-size: 17px;
}

.news_title_BLOCK a:hover {
	color:#80a8ff !important;
}

.news_copy_BOX {
	float:left;
	width: 100%;
	line-height: 1.6;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.news_copy_BOX a {
	color:#00adee;
}

a.nc_more {
	color:#42454f !important;
	color:#1c2088 !important;
}

.news_copy_BOX a:hover {
	color:#80a8ff !important;
}

.news_copy {
	font-size: 15px;
}

.news_photo {
	float:left;
	width: 100%;
	max-height: 400px;
	overflow:hidden;
	margin: 10px 0px 0px 0px;
}

.news_more_BLOCK {
	float:right;
	margin: 10px 0px 0px 0px;
}

.news_more {
	width: 100%;
	line-height: 1;
	text-align:center;
	border-bottom: 1px solid #1c2088;
	padding: 0px 0px 3px 0px;
}

.news_more a {
	color:#000 !important;
	text-decoration: none;
}
.news_more a:hover {
	color:#80a8ff !important;
}

.news_time-more_single {
	float:right;
	margin: 10px 0px 0px 0px;
}


/*----------------------------------------------------
◎お知らせNEWS一覧・アーカイブ・個別ページ
=レスポンシブ対応
------------------------------------------------------*/
/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.news_date_ZONE{
	float:left;
	width: 120px;
	height: auto;
	line-height: 1.4;
	text-align:center;
	padding: 10px 0px 10px 15px;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-768px以下----***/
@media screen and (max-width:768px){

.news_BOX {
	width: 100%;
	padding: 25px 0px 50px 0px;
	margin: 0px auto 0px auto;
}

.news_date_ZONE{
	float:left;
	width: 120px;
	height: auto;
	line-height: 1.4;
	text-align:center;
	padding: 3px 0px 3px 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.news_date_ZONE .date_ymd .post_y,
.news_date_ZONE .date_ymd a .post_y {
	float: left;
	font-size: 15px;
	padding: 0px 5px 0px 0px;
}

.news_date_ZONE .date_ymd .post_md ,
.news_date_ZONE .date_ymd a .post_md {
	float: left;
	font-size: 15px;
}

.news_allow_ZONE {
	float:left;
	width: 14px;
	margin-top:0px;
	margin-left:10px
}
.news_allow_ZONE img.allow_news_P_PC {
	display:none;
}
.news_allow_ZONE img.allow_news_P_SP {
	display:block;
}

.news_contents_ZONE {
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.news_title_BLOCK {
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.news_title_BLOCK a {
	font-size: 16px;
}

.news_copy_BOX {
	width: 100%;
	line-height: 1.6;
	margin: 10px 0px 0px 0px;
}

.news_copy {
	font-size: 14px;
}

.news_photo {
	max-height: 300px;
}

.news_more_BLOCK {
	float:right;
	margin: 10px 0px 0px 0px;
}

.news_copy_BOX .news_photo img {
	width: 100%;
}

.news_more_BLOCK {;
	margin: 5px 0px 0px 0px;
}

}
/***---- ▲SP-768px以下----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width:480px){

.news_time {
	font-size: 16px;
	padding: 25px 0px 0px 10px;
}

.news_title_BLOCK p.news_new {
	margin-top: -5px !important;
	margin-right: 5px !important;
}

.news_title_BLOCK a {
	font-size: 16px;
}

.news_copy_BOX .news_photo {
	float:left;
	width: 130px;
	max-height: 83px;
	overflow:hidden;
	margin: 0px 20px 0px 0px;
}

}
/***---- ▲SP-480px以下----***/

/*----------------------------------------------------
　アーカイブタイトル
------------------------------------------------------*/
.datetitle {
	text-align: right;
	font-size: 18px;
	line-height:1.2;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

/*----------------------------------------------------
◎アーカイブタイトル=レスポンシブ対応
------------------------------------------------------*/
/***---- ▼SP-768px以下----***/
@media screen and (max-width:768px){


}
/***---- ▲SP-768px以下----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width:480px){

.datetitle{
	font-size: 16px;
}

}
/***---- ▲SP-480px以下----***/


/* ●ウィジェット
=================================================*/
#widgetbox {
	width: 100%;
	line-height:1.2;
	margin: 0px auto 0px auto;
	padding: 0px 0px 20px 0px;
}

.widgetbox_archive {
	padding: 0px 15px 20px 0px !important;
}

#widgetbox a {
	font-size: 12px;
	color: #252525;
}

#widgetbox li {
	list-style-type: none;
}

.widget_archive {
	width: 100%;
	text-align:right;
	font-size: 12px;
}

h2.widgettitle {display: none;}

/*----------------------------------------------------
◎ウィジェット=レスポンシブ対応
------------------------------------------------------*/
/***---- ▼SP-768px以下----***/
@media screen and (max-width:768px){

#widgetbox {
	width: 100%;
	padding: 0px 0px 20px 0px;
}

.widget_archive {
	text-align:left;
}

}
/***---- ▲SP-768px以下----***/



/*****************************************************************
 02. 前後のページへのリンク（前後）
*****************************************************************/
.prevnext	{
	clear: both; /*画像投稿による回り込み回避*/
	color: #333;
	overflow:hidden;
	text-align: center;
	padding: 30px 0px 30px 0px;
}

.prevnext a {
	color: #333;
	font-size: 12px;
}

.prevnext a:hover {
	color: #000;
}

.prevnext:hover {
	color: #000;
}

.prevnext .prev {
	float: left;
}

.prevnext .next  {
	float: right;
}

/***---- ▼SP-768px以下----***/
@media screen and (max-width:768px){



}
/***---- ▲SP-768px以下----***/

/*****************************************************************
 03. 前後のページへのリンク（数字）
*****************************************************************/
.pagenation {
	margin: 1em 0;
	text-align: center;
	padding: 20px 0px 20px 0px;
}
.pagenation:after, .pagenation ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.pagenation ul {
	margin: 0;
	display: inline-block;
	/*.pagenationのtext-align:centerとセットでセンタリング*/
}
.pagenation li {
	float: left;
	font-size: 12px;
	list-style: none outside none;
	margin-left: 3px;
}
.pagenation li:first-child {
	margin-left: 0;
}
.pagenation li.active {
	background-color: #999999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	color: #FFFFFF;
	cursor: not-allowed;
	padding: 3px 10px;
}
.pagenation li a {
	background: none repeat scroll 0 0 #CCCCCC;
	border-radius: 3px;
	color: #FFFFFF;
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
	background-color: #666;
	color: #FFFFFF;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: ease;
  	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	transition: .3s ease-in-out;
}