@charset "UTF-8";

/************************************************************
*
*　アリス・ギア・アイギス 公式サイト -［2017.11.xx］
*　ニュース
*
************************************************************/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 タイトル（sec_news）
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#news #sec_title {
	margin-top: -20px;
	width: 100%;
	height: 250px;
	background-image: url(/alicegearaegis/portal/img/news/title_bg.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	min-width: 1200px;
}

#news #sec_title h2 {
	color: #fff;
	font-size: 110px;
	font-family: 'Gruppo', sans-serif;
	letter-spacing: 0.05em;
	padding-top: 60px;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ニュース一覧（sec_news）
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#news #sec_news {
	width: 100%;
	padding: 50px 0 90px 0;
}

#news #sec_news .inner {
	overflow: hidden;
	padding-bottom: 10px;
}

#news #sec_news ul.news_list {
	margin-left: -20px;
	padding-bottom: 10px;
	overflow: hidden;
	/*hack*/
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#news #sec_news ul.news_list li {
	width: 386px;
	overflow: hidden;
	background-color: #fff;
	float: left;
	margin-left: 20px;
	margin-bottom: 40px;
	/*radius*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	/* box-shadow */
	box-shadow:0px 0px 10px 0px #e5e5e5;
	-moz-box-shadow:0px 0px 10px 0px #e5e5e5;
	-webkit-box-shadow:0px 0px 10px 0px #e5e5e5;
}

#news #sec_news .btn {
	width: 300px;
	height: 60px;
	background: #25b2d0;
	margin:20px auto 0 auto ;
	/*radius*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#news #sec_news .btn a {
	width: 300px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	display: block;
}


/* 記事の詳細 */

#news #sec_news ul.news_list li .img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#news #sec_news ul.news_list li .img img {
	width: 100%;
	height: auto;
}

#news #sec_news ul.news_list li .date {
	width: 100%;
	height: 45px;
	background-color: #296584;
	overflow: hidden;
}

#news #sec_news ul.news_list li .date p {
	float: left;
}

#news #sec_news ul.news_list li .date .sub {
	height: 10px;
	color: #43c3f3;
	border-left: 5px #43c3f3 solid;
	padding-left: 5px;
	font-size: 10px;
	font-family: 'Gruppo', sans-serif;
	margin-top: 17px;
	margin-left: 10px;
	letter-spacing: 1px;
}

#news #sec_news ul.news_list li .date .day {
	line-height: 45px;
	color: #fff;
	font-size: 16px;
	margin-left: 10px;
	margin-right: 50px;
}

#news #sec_news ul.news_list li .date .category {
	width: 80px;
	height: 24px;
	line-height: 25px;
	color: #fff;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	/*radius*/
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

#news #sec_news ul.news_list li .date .all {
	background-color: #f13875;
}

#news #sec_news ul.news_list li .date .game {
	background-color: #1fc926;
}

#news #sec_news ul.news_list li .date .prod {
	background-color: #00c2d1;
}

#news #sec_news ul.news_list li .date .etc {
	background-color: #4a5ae5;
}

#news #sec_news ul.news_list li .title {
	padding: 20px;
}

#news #sec_news ul.news_list li .title p {
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 500;
}


/* カテゴリ一覧 */

#news #sec_news .category {
	overflow: hidden;
	margin-bottom: 50px;
	width: 100%;
}

#news #sec_news .category ul {
	overflow: hidden;
	width: 680px;
	margin: 0 auto;
}

#news #sec_news .category ul li {
	padding: 0 10px;
	float: left;
}

#news #sec_news .category ul li a {
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	/*radius*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
   	/*transition*/
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}

#news #sec_news .category ul li a:hover {
	color: #191919;
	background-color: #fff !important;
   	/*transition*/
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}

#news #sec_news .category ul li.all a {
	background-color: #f13875;
}

#news #sec_news .category ul li.game a {
	background-color: #1fc926;
}

#news #sec_news .category ul li.prod a {
	background-color: #00c2d1;
}

#news #sec_news .category ul li.etc a {
	background-color: #4a5ae5;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ニュース記事（sec_article）
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#news #sec_article {
	margin: 100px auto 50px; auto;
	width: 1000px;
	background-color: #fff;
	overflow: hidden;
	/*radius*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	/* box-shadow */
	box-shadow:0px 0px 10px 0px #e5e5e5;
	-moz-box-shadow:0px 0px 10px 0px #e5e5e5;
	-webkit-box-shadow:0px 0px 10px 0px #e5e5e5;
}

#news #sec_article a:any-link {
  overflow-wrap: anywhere;
}

#news #sec_article .bg {
	width: 1000px;
	background-image: url(/alicegearaegis/portal/img/news/news_article_bg.gif);
	background-position: top center;
	background-repeat:no-repeat;
	overflow: hidden;
}


/* タイトル */

#news #sec_article .title {
	width: 900px;
	overflow: hidden;
	margin:0 auto;
	padding: 42px 0 45px 0;
	border-bottom: 1px solid #e2e9ed;
	margin-bottom: 30px;
}

#news #sec_article .title ul {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

#news #sec_article .title ul li {
	float: left;
	margin-right: 20px;
}

#news #sec_article .title ul li.date {
	font-size: 18px;
	color: #898789;
	line-height: 30px;
	/*padding-top: 2px;*/
}

#news #sec_article .title ul li.category {
	width: 100px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	/*radius*/
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

#news #sec_article .title ul li.all {
	background-color: #f13875;
}

#news #sec_article .title ul li.game {
	background-color: #1fc926;
}

#news #sec_article .title ul li.prod {
	background-color: #00c2d1;
}

#news #sec_article .title ul li.etc {
	background-color: #4a5ae5;
}

#news #sec_article h3 {
	font-size: 30px;
	color: #296584;
	line-height: 1.3em;
	font-weight: 500;
}


/* 記事部分 */

#news #sec_article .article {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}

#news #sec_article .article .mainImage {
	margin-bottom: 50px;
}

#news #sec_article .article .mainImage img {
	width: 100%;
	height: auto;
}

#news #sec_article .article .set {
	overflow: hidden;
	margin-bottom: 80px;
}

#news #sec_article .article .set .txt {
	font-size: 18px;
	line-height: 1.8em;
	color: #191919;
}

#news #sec_article .article .set h4 {
	font-size: 30px;
	line-height: 1.3em;
	color: #296584;
	border-left: 2px solid #296584;
	font-weight: 500;
	padding: 10px 0 10px 20px;
	margin-bottom: 30px;
}

#news #sec_article .article .set .btn {
	width: 50%;
	height: 50px;
	margin:10px auto 0 auto ;
	/*radius*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#news #sec_article .article .set .btn a {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	display: block;
	background: #191919;
	/*radius*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
   	/*transition*/
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}

#news #sec_article .article .set .btn a:hover {
	color: #fff;
	background: #cbcbcb;
   	/*transition*/
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}


/* SNS */

#news #sec_article .sns {
	width: 900px;
	overflow: hidden;
	margin:0 auto;
	padding: 30px 0;
	border-top: 1px solid #e2e9ed;
}

#news #sec_article .sns ul li {
	float: left;
	width: 33.33%;
	text-align: center;
}

#news #sec_article .sns ul li a {
	display: block;
	width: 98%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	/*radius*/
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#news #sec_article .sns ul li.tw a {
	background-color: #1ca9eb;
	float: left;
}

#news #sec_article .sns ul li.li a {
	background-color: #1fc926;
	margin: 0 auto;
}

#news #sec_article .sns ul li.fb a {
	background-color: #385595;
	float: right;
	position: relative;
}

#news #sec_article .sns ul li a i {
	position: absolute;
	font-size: 25px;
	left: 15px;
	top: 13px;
}


/* 一覧へ戻る */

#news .btn_return {
	width: 300px;
	height: 60px;
	background: #25b2d0;
	margin:20px auto 100px auto ;
	/*radius*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#news .btn_return a {
	width: 300px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	display: block;
}