@charset "UTF-8";

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

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 インラビュー用に追記
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#interview #sec_article .set .txt {
	transform: rotate(0.03deg) !important;
}

#interview #sec_article .article .set h3 {
	font-size: 30px;
	line-height: 1.5em;
	color: #191919;
	margin-bottom: 50px;
	font-weight: bold;
    transform: rotate(0.03deg) !important;
    border-bottom: 1px solid #e2e9ed;
    padding-bottom: 40px;
}


/* プロフィール */

#interview #sec_article .set .prof {
	border: 1px solid #e2e9ed;
	margin-bottom: 20px;
	overflow: hidden;
}

#interview #sec_article .set .prof .pro_name {
	padding: 30px 30px 20px 30px;
	font-weight: bold;
	font-size: 18px;
	transform: rotate(0.03deg) !important;
}

#interview #sec_article .set .prof .pro_txt {
	padding: 0 30px 30px 30px;
	font-size: 14px;
	line-height: 1.5em;
	transform: rotate(0.03deg) !important;
}


/* インタビュー */

#interview #sec_article .set .txt_int {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 1.8em;
	color: #191919;
	letter-spacing: 0.3px;
	transform: rotate(0.03deg) !important;
}

#interview #sec_article .set .txt_int_q {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 1.5em;
	color: #191919;
	color: #60b2e4;
	letter-spacing: 0.3px;
	transform: rotate(0.03deg) !important;
}

#interview #sec_article .article .set h4 {
	font-size: 30px;
	line-height: 1.3em;
	background-color: #f13875;
	color: #fff;
	padding: 30px;
	margin-bottom: 50px;
	/*radius*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transform: rotate(0.03deg) !important;
}

#interview #sec_article .set .img_int {
	width: 800px;
	margin: 0 auto;
	margin-bottom: 50px;
	background-color: #f9f9f9;
	border: solid 1px #e2e9ed; 
	overflow: hidden;
	/*radius*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#interview #sec_article .set .img_int .img {
	width: 100%;
	text-align: center;
	line-height: 0px;
	pointer-events: none;
}

#interview #sec_article .set .img_int .sub {
	width: 100%;
	text-align: center;
	line-height: 1.5em;
	background-color: #e2e9ed;
	padding: 15px;
	font-size: 14px;
	letter-spacing: 0.3px;
	transform: rotate(0.03deg) !important;
}


/* タイトル */

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

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





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

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

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





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

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

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

#interview #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;
}

#interview #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;
}

#interview #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;
}

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


/* 記事の詳細 */

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

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

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

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

#interview #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;
}

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

#interview #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;
}

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

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

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

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

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

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


/* カテゴリ一覧 */

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

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

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

#interview #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;
}

#interview #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;
}

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

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

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

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





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ニュース記事（sec_article）
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#interview #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;
}

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



/* 記事部分 */

#interview #sec_article .article {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 50px;
}

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

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

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

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

/*
#interview #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;
}
*/

#interview #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;
}

#interview #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;
}

#interview #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 */

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

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

#interview #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;
}

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

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

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

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


/* 一覧へ戻る */

#interview .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;
}

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