@charset "shift_jis";

/* ======================================================
 * /common-files/css/top/top.css
 * ------------------------------------------------------
 * BASE SETTING
 * SECTION PARTS
 * Hero Slider
 * privilege Section
 * safety Section
 * scene Section
 * lineup Section
 * style Section
 * other Section
 * rotation Section
 * officialBnr
 * rt_popupBnr
 * Clearfix
====================================================== */
/* BASE SETTING
------------------------------------------------------ */
#officialTop #mainContents {
	width: 100%;
}


/* SECTION PARTS
------------------------------------------------------ */
#officialTop .innerWrap {
	width: 1200px;
	margin: 0 auto;
}
#officialTop .innerWrap.oldCamp {
	padding-bottom: 20px;
}
/* Hero Slider
------------------------------------------------------ */
#officialTop #heroSlider02 {
	opacity: 0;
}
#officialTop #heroSlider02.hero_complete {
	-webkit-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
#officialTop #heroSlider02 a:hover img {
	opacity: 0.7;
}
#officialTop #heroSlider02 .heroViewport {
	height: 350px;
	padding: 20px 0 50px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #f6f6f6));
	background: -webkit-linear-gradient(#f6f6f6, #fff);
	background: -moz-linear-gradient(#f6f6f6, #fff);
	background: -o-linear-gradient(#f6f6f6, #fff);
	background: -ms-linear-gradient(#f6f6f6, #fff);
	background: linear-gradient(#f6f6f6, #fff);
	overflow: hidden;
}
#officialTop #heroSlider02 .heroViewport .bx-wrapper {
	position: relative;
	padding-bottom: 50px;
}
#officialTop #heroSlider02 .heroViewport > .slides {
	height: 280px;
	overflow: hidden;
}
#officialTop #heroSlider02 .heroViewport > .slides > div {
	padding: 0;
	text-align: center;
}
#officialTop #heroSlider02 .heroViewport .bx-viewport {
	overflow: visible !important;
}
#officialTop #heroSlider02 .heroViewport .bx-viewport .slides > div a,
#officialTop #heroSlider02 .heroViewport .bx-viewport .slides > div img {
	width: 920px;
	display: block;
	margin: 0 auto;
}
#officialTop #heroSlider02 .heroViewport .bx-pager {
	position: absolute;
	bottom: 20px;
	left: 0;
	padding: 0;
}
#officialTop #heroSlider02 .heroViewport .bx-pager .bx-pager-item {
	margin: 0 9px;
}
#officialTop #heroSlider02 .heroViewport .bx-pager.bx-default-pager a {
	width: 12px;
	height: 12px;
	background: #525252;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
					border-radius: 50%;
}
#officialTop #heroSlider02 .heroViewport .bx-pager.bx-default-pager a:hover,
#officialTop #heroSlider02 .heroViewport .bx-pager.bx-default-pager a.active {
	background: #b20632;
}
#officialTop #heroSlider02 .heroViewport .bx-prev {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 0;
	outline: 0;
}
#officialTop #heroSlider02 .heroViewport .bx-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 0;
	outline: 0;
}

/* ----- epocket ----- */
#officialTop #heroSlider02 .hero-animation {
	display: block;
	position: relative;
	overflow: hidden;
}
#officialTop #heroSlider02 .hero-animation .hero-epocket {
	width: 200px;
	position: absolute;
	left: 17px;
	bottom: -40%;
}
#officialTop #heroSlider02 .hero-animation:hover .hero-epocket img {
	opacity: 1.0;
}

/* privilege Section
------------------------------------------------------ */
#officialTop .privilegeSec {
	padding: 20px 0 40px;
	background: #eadcc2;
	background: -webkit-linear-gradient(left, #eadcc2 0%,#fbf3e5 50%,#eadcc2 100%);
	background: linear-gradient(to right, #eadcc2 0%,#fbf3e5 50%,#eadcc2 100%);
}
#officialTop .privilegeHead {
	color: #362404;
	line-height: 68px;
	text-align: center;
}
#officialTop .privilegeHead > span.sub {
	padding: 19px 0 18px 88px;
	background: url(/img-files/top_privilege_ic01.png) 0 0 no-repeat;
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: bold;
	vertical-align: middle;
}
#officialTop .privilegeHead > span.main {
	padding-left: 10px;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: normal;
	vertical-align: middle;
}
#officialTop .privilegeBnr {
	margin-top: 15px;
}
#officialTop .privilegeBnr > li {
	float: left;
	width: 590px;
	margin-left: 20px;
}
#officialTop .privilegeBnr > li:nth-child(2n+1) {
	margin-left: 0;
}
#officialTop .privilegeBnr > li:nth-child(n+3) {
	margin-top: 20px;
}
#officialTop .privilegeBnr > li a:hover {
	opacity: 0.7;
}

/* safety Section
------------------------------------------------------ */
#officialTop .safetySec {
	margin-top: 2px;
	padding: 35px 0 40px;
	background: #d5ebeb;
	background: -webkit-linear-gradient(left, #d5ebeb 0%,#e4f1f1 50%,#d5ebeb 100%);
	background: linear-gradient(to right, #d5ebeb 0%,#e4f1f1 50%,#d5ebeb 100%);
}
#officialTop .safetySec .safetyHead {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
}
#officialTop .safetySec .safetyHead > em {
	color: #106093;
}
#officialTop .safetySec .safetyList {
	margin-top: 15px;
}
#officialTop .safetySec .safetyList > li {
	float: left;
	width: 288px;
	margin-left: 15px;
}
#officialTop .safetySec .safetyList > li:nth-child(4n+1) {
	margin-left: 0;
}
#officialTop .safetySec .safetyList > li:nth-child(n+5) {
	margin-top: 15px;
}
#officialTop .safetySec .safetyList > li > a {
	display: table;
	width: 100%;
	padding-right: 10px;
	background: #ffffff url(/img-files/top_safety_ic06.png) 100% 100% no-repeat;
	border-bottom: 3px solid #91a8b1;
	text-decoration: none;
	color: #222222;
}
#officialTop .safetySec .safetyList > li > a:hover {
	margin-top: 2px;
	border-bottom-width: 1px;
}
#officialTop .safetySec .safetyList > li > a .safetyIcon,
#officialTop .safetySec .safetyList > li > a .detail {
	display: table-cell;
	vertical-align: middle;
}
#officialTop .safetySec .safetyList > li > a .safetyIcon {
	width: 120px;
	padding: 39px 15px 36px;
	text-align: center;
	background: #3b8cc0; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3b8cc0), color-stop(0.50, #1476b3), color-stop(0.00, #1375b3));
	background: -webkit-linear-gradient(top, #1375b3 0%, #1476b3 50%, #3b8cc0 100%);
	background: -moz-linear-gradient(top, #1375b3 0%, #1476b3 50%, #3b8cc0 100%);
	background: -o-linear-gradient(top, #1375b3 0%, #1476b3 50%, #3b8cc0 100%);
	background: -ms-linear-gradient(top, #1375b3 0%, #1476b3 50%, #3b8cc0 100%);
	background: linear-gradient(to bottom, #1375b3 0%, #1476b3 50%, #3b8cc0 100%);
}
#officialTop .safetySec .safetyList > li > a .detail {
	width: 300px;
	padding: 0 20px;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
#officialTop .safetySec .safetyList > li > a .detail em {
	font-size: 22px;
	font-size: 2.2rem;
	color: #116193;
}

/* scene Section
------------------------------------------------------ */
#officialTop .sceneSec {
	padding: 40px 0 50px;
	background: #ffffff;
}
#officialTop .sceneSec .sceneSubHead,
#officialTop .sceneSec .sceneHead {
	text-align: center;
}
#officialTop .sceneSec .sceneSubHead {
	margin-bottom: 20px;
	position: relative;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #ffffff;
}
#officialTop .sceneSec .sceneSubHead:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -18px;
	left: 50%;
	margin-left: -12px;
	border-top: 18px solid #a5001e;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}
#officialTop .sceneSec .sceneSubHead span {
	padding: 3px 30px;
	background: #a5001e;
	-webkit-border-radius: 1.0em;
		 -moz-border-radius: 1.0em;
					border-radius: 1.0em;
}
#officialTop .sceneSec .sceneHead {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
}
#officialTop .sceneSec .sceneLayout01 {
	margin-top: 20px;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol {
	position: relative;
	float: left;
	width: 288px;
	margin-left: 16px;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol:nth-child(4n+1) {
	margin-left: 0;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol:nth-child(n+5) {
	margin-top: 16px;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol a {
	display: block;
	color: #222222;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 3px solid #cccccc;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol a:hover {
	margin-top: 1px;
	border-bottom-width: 1px;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol a:hover figure {
	opacity: 0.7;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol .text {
	width: 100%;
	position: absolute;
	bottom: 3px;
	left: 0;
	padding: 12px 10px 12px 18px;
	background: #ffffff;
	font-size: 20px;
	font-size: 2.0rem;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol a:hover .text {
	bottom: 1px;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol .text span {
	display: block;
	padding-right: 30px;
}
/* 160726 - Rtoaster設定変更移行期間用：ここから */
#officialTop .sceneSec .sceneLayout01 .sceneCol.col01 .text span { background: url(/img-files/top_scene_ic01.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col02 .text span { background: url(/img-files/top_scene_ic02.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col03 .text span { background: url(/img-files/top_scene_ic03.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col04 .text span { background: url(/img-files/top_scene_ic04.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col05 .text span { background: url(/img-files/top_scene_ic05.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col06 .text span { background: url(/img-files/top_scene_ic06.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col07 .text span { background: url(/img-files/top_scene_ic07.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col08 .text span { background: url(/img-files/top_scene_ic08.png) 100% 50% no-repeat; }
/* 160726 - Rtoaster設定変更移行期間用：ここまで */

#officialTop .sceneSec .sceneLayout01 .sceneCol .col01 .text span { background: url(/img-files/top_scene_ic01.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col02 .text span { background: url(/img-files/top_scene_ic02.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col03 .text span { background: url(/img-files/top_scene_ic03.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col04 .text span { background: url(/img-files/top_scene_ic04.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col05 .text span { background: url(/img-files/top_scene_ic05.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col06 .text span { background: url(/img-files/top_scene_ic06.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col07 .text span { background: url(/img-files/top_scene_ic07.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col08 .text span { background: url(/img-files/top_scene_ic08.png) 100% 50% no-repeat; }
#officialTop .sceneSec .sceneBnr {
	margin-top: 30px;
}
#officialTop .sceneSec .sceneBnr > li {
	float: left;
	width: 390px;
	margin-left: 15px;
}
#officialTop .sceneSec .sceneBnr > li:nth-child(3n+1) {
	margin-left: 0;
}
#officialTop .sceneSec .sceneBnr > li:nth-child(n+4) {
	margin-top: 15px;
}
#officialTop .sceneSec .sceneBnr > li a {
	display: block;
	border-bottom: 3px solid #d4d4d4;
}
#officialTop .sceneSec .sceneBnr > li a:hover {
	padding-top: 2px;
	border-bottom-width: 1px;
	opacity: 0.7;
}

/* lineup Section
------------------------------------------------------ */
#officialTop .lineupSec {
	padding: 35px 0;
	background: #efefef;
}
#officialTop .lineupSec .lineupHead {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
}
#officialTop .lineupSec a:hover img {
	opacity: 0.7;
}

/* ----- lineupRec01 ----- */
#officialTop .lineupSec .lineupRec01 {

	position: relative;
	margin-top: 20px;
}
#officialTop .lineupSec .lineupRec01.gps-loading:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(/common-files/img/com_loader_ic01.gif) 50% 50% no-repeat #fffbe8;
	-webkit-background-size: 110px 130px;
	background-size: 110px 130px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 5px solid #ffffff;
	content: "";
}
#officialTop .lineupSec .lineupRec01.gps-loading .lineupEpocket {
	display: none;
}
#officialTop .lineupSec .lineupRec01 > a {
	display: block;
	padding: 10px;
	background: #ffffff;
	border-bottom: 3px solid #cccccc;
	color: #222222;
	text-decoration: none;
}
#officialTop .lineupSec .lineupRec01 > a:hover {
	border-top: 2px solid #efefef;
	border-bottom-width: 1px;
}
#officialTop .lineupSec .lineupRec01 .inner {
	padding: 35px 20px 30px 225px;
	background: #fffbe8;
}
#officialTop .lineupSec .lineupRec01 .lineupEpocket {
	position: absolute;
	top: -9px;
	left: 30px;
}
#officialTop .lineupSec .lineupRec01 > a:hover .lineupEpocket {
	top: -7px;
}
#officialTop .lineupSec .lineupRec01 > a:hover .lineupEpocket img {
	opacity: 1;
}
#officialTop .lineupSec .lineupRec01 .lineupLayout01 {
	padding-right: 55px;
	background: url(/img-files/top_lineup_ic02.png) 100% 50% no-repeat;
}
#officialTop .lineupSec .lineupRec01 .lineupLayout01 .cardImg {
	float: left;
	margin-right: 30px;
}
#officialTop .lineupSec .lineupRec01 .lineupLayout01.gps-check .cardImg {
	width: 240px;
	height: 152px;
}
#officialTop .lineupSec .lineupRec01 .lineupLayout01 .cardDetail {
	width: 610px;
	float: left;
}
#officialTop .lineupSec .lineupRec01 .cardDesc01 > dt,
#officialTop .lineupSec .lineupRec01 .gps-check .cardDesc01 > p {
	margin-bottom: 10px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}
#officialTop .lineupSec .lineupRec01 .cardDesc01 > dt.recomIcon {
	padding-left: 88px;
	background: url(/img-files/top_lineup_ic01.png) 0 50% no-repeat;
}
#officialTop .lineupSec .lineupRec01 .cardDesc01 > dd {
	font-size: 16px;
	font-size: 1.6rem;
}
#officialTop .lineupSec .lineupRec01 .benefitDesc01 {
	display: table;
	margin-top: 20px;
	width: 100%;
}
#officialTop .lineupSec .lineupRec01 .benefitDesc01 > dt {
	display: table-cell;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	background: url(/img-files/top_lineup_tx01.gif) 0 0 no-repeat;
	vertical-align: middle;
}
#officialTop .lineupSec .lineupRec01 .benefitDesc01 > dd {
	display: table-cell;
	width: 570px;
	height: 45px;
	padding-left: 12px;
	background: #ffffff;
	border: 1px solid #9a6c15;
	border-left: none;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	color: #a5001e;
	vertical-align: middle;
}

/* ----- lineupCol ----- */
#officialTop .lineupSec .lineupCol {
}
#officialTop .lineupSec .lineupCol > a {
	display: table;
	background: #ffffff;
	border-bottom: 3px solid #cccccc;
	color: #333333;
	text-decoration: none;
	width: 100%;
}
#officialTop .lineupSec .lineupCol > a:hover {
	margin-top: 2px;
	border-bottom-width: 1px;
}
#officialTop .lineupSec .lineupCol .cardDetail {
	position: relative;
	display: table-cell;
	width: 100%;
	padding: 20px 50px 20px 25px;
	vertical-align: middle;
}
#officialTop .lineupSec .lineupCol .cardDetail:after {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 50%;
	margin-top: -12px;
	right: 13px;
	background: url(/common-files/img/com_arw_ic04.png) 0 0 no-repeat;
}
#officialTop .lineupSec .lineupCol a[target="_blank"] .cardDetail:after {
	width: 27px;
	height: 27px;
	margin-top: -13px;
	background: url(/common-files/img/com_btn_ic17.png) 0 0 no-repeat;
}
#officialTop .lineupSec .lineupCol .cardDetail .cardImg,
#officialTop .lineupSec .lineupCol .cardDetail .text {
	display: table-cell;
	vertical-align: middle;
}
#officialTop .lineupSec .lineupCol .cardDetail .cardStrong {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #a5001e;
}
#officialTop .lineupSec .lineupCol .cardDetail .cardNm {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}
#officialTop .lineupSec .lineupCol .cardDetail .cardNm .small {
	font-size: 16px;
	font-size: 1.6rem;
}

#officialTop .lineupSec .lineupCol.type02 .cardDetail .cardNm {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}
#officialTop .lineupSec .lineupCol.type02 .cardDetail .cardNm.small {
	font-size: 17px;
	font-size: 1.7rem;
}

#officialTop .txtSize2b{
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}

#officialTop .wagakki_new img,
#officialTop .shinteni_new img,
#officialTop .precure_new img,
#officialTop .ikemen_new img{
	height: 33px;
}

#officialTop .lineupSec .lineupCol .presentText {
	display: table-row;
	bottom: 0;
	background:#fff2c0; /* Old browsers */
	background: -moz-linear-gradient(left, #fff2c0 0%, #fffde3 50%, #fff2c0 100%);
	background: -webkit-linear-gradient(left, #fff2c0 0%,#fffde3 50%,#fff2c0 100%);
	background: linear-gradient(to right, #fff2c0 0%,#fffde3 50%,#fff2c0 100%);
	height: 40px;
}
#officialTop .lineupSec .lineupCol .presentText > div {
	padding: 5px 13px;
	font-weight: bold;
	text-align: center;
}
#officialTop .lineupSec .lineupCol .presentText p {
	display: inline-block;
	padding-left: 30px;
	background: url(/img-files/top_lineup_ic03.png) 0 50% no-repeat;
}
#officialTop .lineupSec .lineupCol .presentText.noIcon p {
	padding-left: 0;
	background: none;
}
#officialTop .lineupSec .lineupCol .presentText.noIcon p .txSmall {
	font-size: 13px;
	font-size: 1.3rem;
}
#officialTop .lineupSec .lineupCol .presentText p .integer {
	font-size: 20px;
	font-size: 2.0rem;
}

#officialTop .lineupSec .lineupCol .presentNoteText {
	padding: 3px 0 3px 30px;
	font-weight: bold;
	text-align: center;
}

#officialTop .lineupSec .lineupCol .presentText_rap {
	display: table-row-group;
}





/* ----- collabo ----- */
#officialTop .lineupSec .lineupCol .collaboCard {
	position: relative;
	padding: 25px 38px 40px;
}
#officialTop .lineupSec .lineupCol .collaboCard:after {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 40px;
	right: 12px;
	background: url(/common-files/img/com_arw_ic04.png) 0 0 no-repeat;
}
#officialTop .lineupSec .lineupCol a[target="_blank"] .collaboCard:after {
	width: 27px;
	height: 27px;
	background: url(/common-files/img/com_btn_ic17.png) 0 0 no-repeat;
}
#officialTop .lineupSec .lineupCol .collaboCard.new:before {
	content: "";
	position: absolute;
	display: block;
	width: 53px;
	height: 53px;
	top: 0;
	left: 0;
	background: url(/img-files/top_new_ic01.png) 0 0 no-repeat;
}
#officialTop .lineupSec .lineupCol .collaboCard .collaboTitle {
	margin-bottom: 10px;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.2;
}
#officialTop .lineupSec .lineupCol .collaboCard .collaboTitle > em {
	font-size: 16px;
	font-size: 1.6rem;
	color: #a5001e;
}
#officialTop .lineupSec .lineupCol .collaboCard .collaboFigure {
	display: table-cell;
}
#officialTop .lineupSec .lineupCol .collaboCard .collaboFigure img {
}

/* ----- lineupLayout02 ----- */
#officialTop .lineupSec .lineupLayout02 {
	margin-top: 15px;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol {
	width: 49.5%;
	float: left;
	margin-left: 1%;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol:nth-child(2n+1) {
	margin-left: 0;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol:nth-child(n+3) {
	margin-top: 15px;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol.new .cardDetail {
	position: relative;
	padding-left: 37px;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol.new .cardDetail:before {
	content: "";
	position: absolute;
	display: block;
	width: 53px;
	height: 53px;
	top: 0;
	left: 0;
	background: url(/img-files/top_new_ic01.png) 0 0 no-repeat;
	z-index: 5;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol .cardDetail .cardImg {
	/*width: 250px;*/
	width: 130px;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol .cardDetail .cardImg img {
	width: 100%;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol .cardDetail .text {
	padding-left: 25px;
}

/* ----- lineupLayout03 ----- */
#officialTop .lineupSec .lineupLayout03 {
	margin-top: 15px;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol {
	width: 32.5%;
	float: left;
	margin-left: 1.25%;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol:nth-child(3n+1) {
	margin-left: 0;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol:nth-child(n+4) {
	margin-top: 15px;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail .cardImg {
	width: 130px;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail.standard .cardImg {
	width: 130px;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail .cardImg img {
	width: 100%;
	max-width: 100%;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail .text {
	padding-left: 20px;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail p.mb10.alC {
	width: 315px;
}

/* ----- lineupLayout04 ----- */
#officialTop .lineupSec .lineupLayout04 {
	margin-top: 15px;
}
#officialTop .lineupSec .lineupLayout04 > .lineupCol {
	width: 100%;
}
#officialTop .lineupSec .lineupLayout04 > .lineupCol .cardDetail .cardImg {
	width: 130px;
}
#officialTop .lineupSec .lineupLayout04 > .lineupCol .cardDetail .cardImg img {
	width: 130px;
}
#officialTop .lineupSec .lineupLayout04 > .lineupCol .cardDetail .text {
	padding-left: 20px;
}
#officialTop .lineupSec .lineupLayout04 > .lineupCol .cardDetail .cardNm {
	font-size: 24px;
	font-size: 2.4rem;
	vertical-align: middle;
}

/* ----- lineupLayout05 ----- */
#officialTop .lineupSec .lineupLayout05 {
	margin-top: 15px;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol {
	width: 100%;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail {
	padding: 10px 50px 10px 25px;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol.new .cardDetail {
	position: relative;
	padding-left: 37px;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol.new .cardDetail:before {
	content: "";
	position: absolute;
	display: block;
	width: 53px;
	height: 53px;
	top: 0;
	left: 0;
	background: url(/img-files/top_new_ic01.png) 0 0 no-repeat;
	z-index: 5;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .cardImg {
	width: 650px;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .cardFigure {
	display: table;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .cardFigure figure {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .text {
	padding-left: 76px;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .textRight {
	float: right;
	margin-left: 36px;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .cardNm {
	font-size: 24px;
	font-size: 2.4rem;
	vertical-align: middle;
}

/* ----- BUTTON OVER RIDE ----- */
#officialTop .lineupSec .lineupBtn a {
	width: 430px;
	margin: 0 auto;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	border-top: none;
	border-right: none;
	border-left: none;
}
#officialTop .lineupSec .lineupBtn a:hover {
	margin-top: 0;
	position: relative;
	top: 2px;
	margin-bottom: 2px;
}
#officialTop .lineupSec .lineupBtn a:after {
	background: url(/common-files/img/com_btn_ic05.png) 0 0 no-repeat;
}

/* ----- lineup > innerSection ----- */
#officialTop .lineupSec .innerSection01 {
	margin-top: 25px;
}

/* ----- applyFlow ----- */
#officialTop .lineupSec .applyFlow {
	margin-top: 35px;
}
#officialTop .lineupSec .applyFlow > li {
	float: left;
	position: relative;
	width: 29.25%;
	margin-left: 6.125%;
	padding: 38px 25px 25px;
	background: #ffffff;
	border-bottom: 1px solid #cfcfcf;
}
#officialTop .lineupSec .applyFlow > li:first-child {
	margin-left: 0;
}
#officialTop .lineupSec .applyFlow > li + li:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	left: -50px;
	margin-top: -27px;
	border-left: 32px solid #ca7786;
	border-top: 27px solid transparent;
	border-bottom: 27px solid transparent;
}
#officialTop .lineupSec .applyFlow > li .applyStep {
	width: 100%;
	position: absolute;
	top: -17px;
	left: 0;
	text-align: center;
}
#officialTop .lineupSec .applyFlow > li .applyStep span {
	display: block;
	position: relative;
	width: 230px;
	margin: 0 auto;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #ffffff;
	background: #a5001e;
	-webkit-border-radius: 1.0em;
		 -moz-border-radius: 1.0em;
					border-radius: 1.0em;
}
#officialTop .lineupSec .applyFlow > li .applyStep span:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -13px;
	left: 50%;
	margin-left: -9px;
	border-top: 13px solid #a5001e;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
}
#officialTop .lineupSec .applyFlow .applyTtl {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
#officialTop .lineupSec .applyFlow .applyTtl .small {
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: normal;
}
#officialTop .lineupSec .applyFlow .applyFigure {
	margin-top: 10px;
	text-align: center;
}

/*lineup udArea*/
.udArea {
	width:800px;
	margin:42px auto 5px auto;
	padding: 27px 80px;
	background: #ffffff;
	text-align:center;
}
.udArea p{
	font-size:16px;
	font-size:1.6rem;
}


/* style Section
------------------------------------------------------ */
#officialTop .styleSec {
	padding: 35px 0 40px;
	background: #ffffff;
}
#officialTop .styleSec .styleHead {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
}
#officialTop .styleSec .btnLayout02 {
	margin-top: 10px;
}
#officialTop .styleSec .btnDetail {
	font-size: 16px;
	font-size: 1.6rem;
}

/* faq Section
------------------------------------------------------ */
#officialTop .faqSec {
	padding: 30px 0;
	background: #efefef;
}
#officialTop .faqSec .faqHead {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
}
#officialTop .faqSec .qaBox01 {
	margin-top: 0;
}
#officialTop .faqSec .qaBox01 + .qaBox01 {
	margin-top: 15px;
	padding-top: 0;
	border-top: none;
}
#officialTop .faqSec .colLayout.col2 > .col.qaColumn {
	width: 60.5%;
}
#officialTop .faqSec .colLayout.col2 > .col.linkColumn {
	width: 37%;
}
#officialTop .faqSec .infomationBox {
	margin-top: 40px;
	padding: 20px 20px 20px 35px;
	background: #ffffff;
	border-bottom: 1px solid #dcdcdc;
}
#officialTop .faqSec .infomationBox .infoTop {
	display: table;
	width: 100%;
}
#officialTop .faqSec .infomationBox .infoTop .infoText {
	width: 295px;
	display: table-cell;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	vertical-align: middle;
}
#officialTop .faqSec .infomationBox .infoTop .infoText .time {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}
#officialTop .faqSec .infomationBox .infoTop .infoTel {
	width: 425px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
}
#officialTop .faqSec .infomationBox .infoTop .infoTel .area {
	display: inline-block;
	margin: 1.0rem 10px 0 0;
	padding: 0.2em 10px 0;
	background: #a5001e;
	font-size: 16px;
	font-size: 1.6rem;
	color: #ffffff;
	vertical-align: top;
}
#officialTop .faqSec .infomationBox .infoTop .infoTel .telLink,
#officialTop .faqSec .infomationBox .infoTop .infoTel .telLink a{
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: bold;
	color: #a5001e;
	text-decoration: none;
}
#officialTop .faqSec .infomationBox .infoBottom .infoBottomL {
	margin-top: 0;
	float: left;
}
#officialTop .faqSec .infomationBox .infoBtn {
	width: 430px;
	display: block;
	margin: 10px auto 0;
}
#officialTop .faqSec .infomationBox .infoBtn .btnLink01 {
	margin-top: 0;
}
#officialTop .faqSec .infomationBox .infoBtn .btnLink01 a {
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
}

/* other Section
------------------------------------------------------ */
#officialTop .otherWrap {
	padding: 20px 0 40px;
	background: #ffffff;
}
#officialTop .otherSec {
	padding-top: 20px;
}
#officialTop .otherSec + .otherSec {
	margin-top: 20px;
	border-top: 1px dotted #bebebe;
}
#officialTop .otherSec .otherHead {
	float: left;
	width: 360px;
	margin: 10px 0 0 30px;
	padding: 8px 0 8px 60px;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}
#officialTop .otherSec.other01 .otherHead {
	margin-top: 55px;
	background: url(/img-files/top_other_ic01.png) 0 50% no-repeat;
}
#officialTop .otherSec.other02 .otherHead {
	margin-top: 10px;
	background: url(/img-files/top_other_ic02.png) 0 50% no-repeat;
}
#officialTop .otherSec .otherLayout {
	float: left;
	width: 780px;
	margin-left: 30px;
}
#officialTop .otherSec.other02 .otherLayout .mScroll-view {
	height: 8.0em;
}
#officialTop .otherSec.other02 .otherLayout .mScroll-view .mCSB_dragger_bar .mCSB_draggerRail {
	width: 6px;
}
#officialTop .otherSec .otherLayout > *:first-child {
	margin-top: 0 !important;
}
#officialTop .otherSec .movieColumn {
}
#officialTop .otherSec .movieColumn .movieCol {
	position: relative;
	float: left;
	width: 330px;
}
#officialTop .otherSec .movieColumn .movieCol + .movieCol {
	margin-left: 30px;
}
#officialTop .otherSec .movieColumn .movieCol a {
	color: #222222;
	font-weight: bold;
	text-decoration: none;
}
#officialTop .otherSec .movieColumn .movieCol a:hover img {
	opacity: 0.7;
}
#officialTop .otherSec .movieColumn .movieCol .movieCaption {
	margin-top: 5px;
}
#officialTop .otherSec .movieColumn .movieCol .txtAbsolute {
	position: absolute;
	top: 180px;
	left: 0;
}
#officialTop .otherSec.other02 .btnLink01 a {
	width: 415px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}

/* rotation Section
------------------------------------------------------ */
#officialTop .rotationSec {
	background: #efefef;
}
#officialTop .rotationWrap {
	position: relative;
	width: 1200px;
	margin: 30px auto 0;
	padding: 18px 100px 19px;
	background: #efefef;
}
#officialTop .rotationWrap .bx-wrapper {
	position: static;
}
#officialTop .rotationWrap a {
	display: block;
	background: #ffffff;
	outline: 0;
}
#officialTop .rotationWrap a:hover img,
#officialTop .rotationWrap .bx-wrapper .bx-controls-direction a:hover{
	opacity: 0.7;
}
#officialTop .rotationWrap .bx-prev{
	position: absolute;
	left: 0px;
	top: 50%;
	width: 40px;
	height: 82px;
	z-index: 100;
	cursor: pointer;
	margin-top: -41px;
	background: url(/img-files/top_slick_arw_ic03.png) no-repeat;
	border: none;
	text-indent: -9999px;
}
#officialTop .rotationWrap .bx-next{
	position: absolute;
	right: 0px;
	top: 50%;
	width: 40px;
	height: 82px;
	z-index: 100;
	cursor: pointer;
	margin-top: -41px;
	background: url(/img-files/top_slick_arw_ic04.png) no-repeat;
	border: none;
	text-indent: -9999px;
}
#officialTop .rotationWrap .rotationSlides {
	width: 1000px;
	margin: 0 auto;
}
#officialTop .rotationWrap .rotationSlides > .slide {
	float: left;
	margin-right: 13px;
}
#officialTop .rotationWrap .rotationSlides > .slide:first-child {
	margin-left: 0;
}


/* officialBnr
------------------------------------------------------ */
#officialTop .topBnrSec {
	padding: 20px 0;
	background: #ffffff;
}
#officialTop .officialBnrList {
	letter-spacing: -0.4em;
	text-align: center;
}
#officialTop .officialBnrList > li {
	display: inline-block;
	width: calc((100% - 73px)/4);
	margin-left: 24px;
	letter-spacing: normal;
}
#officialTop .officialBnrList > li:nth-child(4n+1) {
	margin-left: 0;
}
#officialTop .officialBnrList > li:nth-child(n+5) {
	margin-top: 2%;
}
#officialTop .officialBnrList > li a:hover {
	opacity: 0.7;
}
/* sns
------------------------------------------------------ */
.appListwrap{
	margin-top: 20px;
}

/* rt_popupBnr
------------------------------------------------------ */
#rtPop_top {
	background-color: transparent !important;
}
#rtPop_top .rtFixedTempl {
	position: relative;
	right: -10px;
}

/* Clearfix
------------------------------------------------------ */
#officialTop .clearfix:after,
#officialTop .privilegeBnr:after,
#officialTop .safetySec .safetyList:after,
#officialTop .sceneSec .sceneLayout01:after,
#officialTop .sceneSec .sceneBnr:after,
#officialTop .lineupSec .lineupLayout01:after,
#officialTop .lineupSec .lineupLayout02:after,
#officialTop .lineupSec .lineupLayout03:after,
#officialTop .lineupSec .applyFlow:after,
#officialTop .faqSec .infomationBox .infoBottom:after,
#officialTop .otherSec .innerWrap:after,
#officialTop .otherSec .movieColumn:after,
#officialTop .rotationWrap .rotationSlides:after,
#officialTop .officialBnrList:after {
	content: "";
	display: block;
	clear: both;
}
#officialTop .clearfix,
#officialTop .privilegeBnr,
#officialTop .safetySec .safetyList,
#officialTop .sceneSec .sceneLayout01,
#officialTop .sceneSec .sceneBnr,
#officialTop .lineupSec .lineupLayout01,
#officialTop .lineupSec .lineupLayout02,
#officialTop .lineupSec .lineupLayout03,
#officialTop .lineupSec .applyFlow,
#officialTop .faqSec .infomationBox .infoBottom,
#officialTop .otherSec .innerWrap,
#officialTop .otherSec .movieColumn,
#officialTop .rotationWrap .rotationSlides,
#officialTop .officialBnrList {
	zoom: 1;
}