@charset "UTF-8";

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

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 メニュー（sec_menu）
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#media_play #sec_menu {
	padding: 100px 0 50px 0;
}

#media_play #sec_menu .inner {
	width: 1000px;
	margin: 0 auto;
}

/* メニュー */

#media_play #sec_menu .inner ul {
	overflow: hidden;
}

#media_play #sec_menu .inner ul li {
	width: 480px;
	float: left;
	background-color: #191919;
	border: solid 1px #e2e9ed;
	overflow: hidden;
	margin-bottom: 50px;
	/*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;
}

#media_play #sec_menu .inner ul li:nth-child(even) {
	float: right;
}

#media_play #sec_menu .inner ul li .img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#media_play #sec_menu .inner ul li .txt {
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding: 20px 0;
	transform: rotate(0.03deg) !important;
}









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

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

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





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 アンカー（sec_ancer）
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#media_play #sec_ancer {
	overflow: hidden;
}

#media_play #sec_ancer ul li {
	float: left;
	width: 50%;
	height: 80px;
	font-size: 20px;
	background: #25b2d0;
}

#media_play #sec_ancer ul li a {
	display: block;
	color: #fff;
	width: 100%;
	text-align: center;
	height: 80px;
	line-height: 80px;
}

#media_play #sec_ancer ul li.none a {
	background: #c8c8c8;
	/*transform*/
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

#media_play #sec_ancer ul li.none a:hover {
	background: #b2b2b2;
	/*transform*/
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 テキスト（sec_info）
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#media_play #sec_info {
	overflow: hidden;
	margin: 100px 0 0px 0;
}

#media_play #sec_info h3 {
	overflow: hidden;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	color: #191919;
	margin-bottom: 30px;
}

#media_play #sec_info h3 hr {
	width: 30px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 0;
	line-height: 0px;
	height: 5px;
	background-color: #191919;
	border: none;
	color: #191919;
	/*transform*/
	-moz-transform: skewX(-50deg);
	-webkit-transform: skewX(-50deg);
	-o-transform: skewX(-50deg);
	-ms-transform: skewX(-50deg);
}

#media_play #sec_info .txt {
	font-size: 18px;
	line-height: 1.5em;
	text-align: center;
	transform: rotate(0.03deg) !important;
}