@charset "shift_jis";
@media screen and (max-width: 750px) {
/* ======================================================
 * /common-files/css/top/top_sp.css
 * ------------------------------------------------------
 * BASE SETTING
 * SECTION PARTS
 * Hero Slider
 * privilege Section
 * safety Section
 * scene Section
 * lineup Section
 * style Section
 * other Section
 * rotation Section
 * officialBnr
 * Clearfix
====================================================== */
/* BASE SETTING
------------------------------------------------------ */
#officialTop #mainContents {
	width: 100%;
	padding: 0;
}
#officialTop #mainContents .linkTxt01 {
	font-size: 11px;
	font-size: 1.1rem;
}
#officialTop #mainContents .linkTxt02 {
	font-size: 14px;
	font-size: 1.4rem;
}

/* SECTION PARTS
------------------------------------------------------ */
#officialTop .innerWrap {
	width: 100%;
	padding: 0 10px;
}
#officialTop .innerWrap.oldCamp {
	padding-bottom: 0;
}

/* Hero Slider
------------------------------------------------------ */
#officialTop #heroSlider02 a:hover img {
	opacity: 1.0;
}
#officialTop #heroSlider02 .heroViewport {
	height: auto;
	padding: 0;
	background: #ffffff;
}
#officialTop #heroSlider02 .heroViewport > .slides {
	height: 0;
	overflow: hidden;
}
#officialTop #heroSlider02 .heroViewport .bx-wrapper {
	padding-bottom: 42px;
}
#officialTop #heroSlider02 .heroViewport .bx-viewport .slides > div a,
#officialTop #heroSlider02 .heroViewport .bx-viewport .slides > div img {
	width: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#officialTop #heroSlider02 .heroViewport .bx-pager {
	bottom: 10px;
}
#officialTop #heroSlider02 .heroViewport .bx-pager.bx-default-pager a {
	width: 9px;
	height: 9px;
}
#officialTop #heroSlider02 .heroViewport .bx-prev {
	position: absolute;
	top: inherit;
	width: 35px;
	height: 30px;
	padding: 9px 0 0 13px;
	margin-top: 1px;
	background: rgba(34,34,34,0.6);
	left: 0;
	outline: 0;
}
#officialTop #heroSlider02 .heroViewport .bx-next {
	position: absolute;
	top: inherit;
	width: 35px;
	height: 30px;
	margin-top: 1px;
	padding: 9px 0 0 14px;
	background: rgba(34,34,34,0.6);
	right: 0;
	outline: 0;
}


/* ----- epocket ----- */
#officialTop #heroSlider02 .hero-animation .hero-epocket {
	width: 21.7%;
	left: 0;
}

/* privilege Section
------------------------------------------------------ */
#officialTop .privilegeSec {
	padding: 10px 0 15px;
}
#officialTop .privilegeHead {
	line-height: 1.6;
}
#officialTop .privilegeHead > span.sub {
	padding: 7px 0 7px 36px;
	background: url(/img-files/top_privilege_ic01.png) 0 0 no-repeat;
	font-size: 13px;
	font-size: 1.3rem;
	-webkit-background-size: 30px auto;
					background-size: 30px auto;
}
#officialTop .privilegeHead > span.main {
	padding-left: 0;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: normal;
	vertical-align: middle;
}
#officialTop .privilegeBnr {
	margin-top: 5px;
}
#officialTop .privilegeBnr > li {
	float: left;
	width: 100%;
	margin-left: 0;
}
#officialTop .privilegeBnr > li:nth-child(2n+1) {
	margin-left: 0;
}
#officialTop .privilegeBnr > li:nth-child(n+3) {
	margin-top: 0;
}
#officialTop .privilegeBnr > li + li {
	margin-top: 10px;
}

/* safety Section
------------------------------------------------------ */
#officialTop .safetySec {
	margin-top: 1px;
	padding: 10px 0 15px;
}
#officialTop .safetySec .safetyHead {
	font-size: 15px;
	font-size: 1.5rem;
}
#officialTop .safetySec .safetyList {
	margin-top: 5px;
}
#officialTop .safetySec .safetyList > li {
	float: left;
	width: 100%;
	margin-left: 0;
}
#officialTop .safetySec .safetyList > li:nth-child(4n+1) {
	margin-left: 0;
}
#officialTop .safetySec .safetyList > li:nth-child(n+5) {
	margin-top: 0;
}
#officialTop .safetySec .safetyList > li + li {
	margin-top: 5px;
}
#officialTop .safetySec .safetyList > li > a {
	padding-right: 8px;
	background: #ffffff url(/img-files/top_safety_ic06.png) 100% 100% no-repeat;
	-webkit-background-size: 27px 27px;
					background-size: 27px 27px;
}
#officialTop .safetySec .safetyList > li > a .safetyIcon {
	width: 50px;
	padding: 20px 0 18px;
	text-align: center;
}
#officialTop .safetySec .safetyList > li > a .safetyIcon img {
	width: 30px;
	height: auto;
}
#officialTop .safetySec .safetyList > li > a .detail {
	width: auto;
	padding: 0 30px 0 15px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}
#officialTop .safetySec .safetyList > li > a .detail em {
	font-size: 15px;
	font-size: 1.5rem;
}

/* scene Section
------------------------------------------------------ */
#officialTop .sceneSec {
	padding: 15px 0;
}
#officialTop .sceneSec .sceneSubHead {
	margin-bottom: 10px;
	font-size: 10px;
	font-size: 1.0rem;
}
#officialTop .sceneSec .sceneSubHead:after {
	bottom: -9px;
	margin-left: -6px;
	border-top: 9px solid #a5001e;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
#officialTop .sceneSec .sceneHead {
	font-size: 15px;
	font-size: 1.5rem;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol {
	position: relative;
	float: left;
	width: 48.3%;
	margin-left: 3.4%;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol:nth-child(4n+1) {
	margin-left: 0;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol:nth-child(n+5) {
	margin-top: 0;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol:nth-child(2n+1) {
	margin-left: 0;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol:nth-child(n+3) {
	margin-top: 3.4%;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol a:hover {
	margin-top: 0;
	border-bottom-width: 3px;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol .text {
	display: table;
	width: 101%;
	height: 3.6em;
	padding: 2px 2px 6px 8px;
	bottom: 0;
	border-bottom: 3px solid #cccccc;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol a:hover .text {
	bottom: 0;
}
#officialTop .sceneSec .sceneLayout01 .sceneCol .text span {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	background: url(/img-files/sp_top_scene_ic01.png) 100% 50% no-repeat;
	-webkit-background-size: 22px 22px !important;
					background-size: 22px 22px !important;
}

/* 160726 - Rtoaster設定変更移行期間用：ここから */
#officialTop .sceneSec .sceneLayout01 .sceneCol.col01 .text span { background-image: url(/img-files/sp_top_scene_ic01.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col02 .text span { background-image: url(/img-files/sp_top_scene_ic02.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col03 .text span { background-image: url(/img-files/sp_top_scene_ic03.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col04 .text span { background-image: url(/img-files/sp_top_scene_ic04.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col05 .text span { background-image: url(/img-files/sp_top_scene_ic05.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col06 .text span { background-image: url(/img-files/sp_top_scene_ic06.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col07 .text span { background-image: url(/img-files/sp_top_scene_ic07.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol.col08 .text span { background-image: url(/img-files/sp_top_scene_ic08.png); }
/* 160726 - Rtoaster設定変更移行期間用：ここまで */

#officialTop .sceneSec .sceneLayout01 .sceneCol .col01 .text span { background-image: url(/img-files/sp_top_scene_ic01.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col02 .text span { background-image: url(/img-files/sp_top_scene_ic02.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col03 .text span { background-image: url(/img-files/sp_top_scene_ic03.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col04 .text span { background-image: url(/img-files/sp_top_scene_ic04.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col05 .text span { background-image: url(/img-files/sp_top_scene_ic05.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col06 .text span { background-image: url(/img-files/sp_top_scene_ic06.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col07 .text span { background-image: url(/img-files/sp_top_scene_ic07.png); }
#officialTop .sceneSec .sceneLayout01 .sceneCol .col08 .text span { background-image: url(/img-files/sp_top_scene_ic08.png); }
#officialTop .sceneSec .sceneBnr {
	margin-top: 10px;
}
#officialTop .sceneSec .sceneBnr > li {
	float: none;
	width: 100%;
	margin-left: 0;
}
#officialTop .sceneSec .sceneBnr > li:nth-child(3n+1) {
	margin-left: 0;
}
#officialTop .sceneSec .sceneBnr > li:nth-child(n+4) {
	margin-top: 0;
}
#officialTop .sceneSec .sceneBnr > li + li {
	margin-top: 10px;
}

/* lineup Section
------------------------------------------------------ */
#officialTop .lineupSec {
	padding: 15px 0 10px;
}
#officialTop .lineupSec .lineupHead {
	font-size: 15px;
	font-size: 1.5rem;
}
/* ----- lineupRec01 ----- */
#officialTop .lineupSec .lineupRec01 {
	margin-top: 15px;
}
#officialTop .lineupSec .lineupRec01 > a {
	padding: 5px;
}
#officialTop .lineupSec .lineupRec01 .inner {
	padding: 17px 15px;
	background: #fffbe8;
}
#officialTop .lineupSec .lineupRec01 .lineupEpocket {
	position: absolute;
	top: -12px;
	left: 29px;
	width: 88px;
}
#officialTop .lineupSec .lineupRec01 > a:hover .lineupEpocket {
	top: -10px;
}
#officialTop .lineupSec .lineupRec01 .lineupLayout01 {
	padding-right: 0;
	background: none;
}
#officialTop .lineupSec .lineupRec01 .lineupLayout01.gps-check {
}
#officialTop .lineupSec .lineupRec01 .lineupLayout01 .cardImg {
	float: none;
	margin-right: 0;
	padding-left: 120px;
	text-align: center;
}
#officialTop .lineupSec .lineupRec01 .lineupLayout01.gps-check .cardImg {
	width: 100%;
	height: auto;
	padding-left: 75px;
}
#officialTop .lineupSec .lineupRec01 .lineupLayout01 .cardImg img {
	width: 120px;
}
#officialTop .lineupSec .lineupRec01 .lineupLayout01.gps-check .cardImg img {
	width: 171px;
}
#officialTop .lineupSec .lineupRec01 .lineupLayout01 .cardDetail {
	width: 100%;
	float: none;
	margin-top: 18px;
}
#officialTop .lineupSec .lineupRec01 .cardDesc01 > dt {
	margin-bottom: 10px;
	font-size: 15px;
	font-size: 1.5rem;
}
#officialTop .lineupSec .lineupRec01 .gps-check .cardDesc01 > p {
	margin-bottom: 10px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
#officialTop .lineupSec .lineupRec01 .cardDesc01 > dt.recomIcon {
	padding-left: 60px;
	background: url(/img-files/sp_top_lineup_ic01.png) 0 50% no-repeat;
	-webkit-background-size: 49px auto;
					background-size: 49px auto;
}
#officialTop .lineupSec .lineupRec01 .cardDesc01 > dd {
	font-size: 12px;
	font-size: 1.2rem;
}
#officialTop .lineupSec .lineupRec01 .benefitDesc01 {
	display: block;
	margin-top: 12px;
	border: 1px solid #9a6c15;
}
#officialTop .lineupSec .lineupRec01 .benefitDesc01 > dt {
	display: block;
	width: 100%;
	height: auto;
	padding: 5px;
	background: #9a6c15;
	font-size: 11px;
	font-size: 1.1rem;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
}
#officialTop .lineupSec .lineupRec01 .benefitDesc01 > dd {
	display: block;
	width: 100%;
	height: auto;
	padding: 10px;
	background: #ffffff;
	border: none;
	font-size: 13px;
	font-size: 1.3rem;
}
#officialTop .lineupSec .lineupRec01 .lineupBtn01 {
	margin-top: 10px;
	text-align: center;
}
#officialTop .lineupSec .lineupRec01 .lineupBtn01 span {
	position: relative;
	display: inline-block;
	padding: 10px 45px;
	background: #ffffff;
	border-bottom: 3px solid #a5a5a5;
	-webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
					border-radius: 8px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	overflow: hidden;
}
#officialTop .lineupSec .lineupRec01 .gps-check .lineupBtn01 span {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #a5001e;
}
#officialTop .lineupSec .lineupRec01 .lineupBtn01 span:after {
	content: "";
	display: block;
	position: absolute;

	width: 22px;
	height: 22px;
	top: 50%;
	right: 10px;
	margin-top: -11px;
	background: url(/img-files/sp_top_lineup_ic02.png) 0 0 no-repeat;
	-webkit-background-size: 22px 22px;
					background-size: 22px 22px;
}
#officialTop .lineupSec .lineupRec01 .gps-check .lineupBtn01 span:before {
	content: "";
	display: block;
	position: absolute;
	width: 22px;
	height: 33px;
	top: 50%;
	left: 10px;
	margin-top: -17px;
	background: url(/img-files/sp_top_lineup_ic04.png) 0 0 no-repeat;
	-webkit-background-size: 22px 33px;
					background-size: 22px 33px;
}
#officialTop .lineupSec .lineupRec01 .gps-check .lineupBtn01 span:after {
	width: 6px;
	height: 9px;
	margin-top: -5px;
	background: url(/img-files/sp_top_lineup_ic05.png) 0 0 no-repeat;
	-webkit-background-size: 6px 9px;
					background-size: 6px 9px;
}
#officialTop .lineupSec .lineupRec01 > a:hover .lineupBtn01 {
	margin-top: 12px;
}
#officialTop .lineupSec .lineupRec01 > a:hover .lineupBtn01 span {
	border-bottom-width: 1px;
}
/* ----- lineupCol ----- */
#officialTop .lineupSec .lineupCol > a {
	display: inline-table;
}
#officialTop .lineupSec .lineupCol .cardDetail {
	width: 100%;
	padding: 10px 28px 10px 15px;
	font-size: 12px;
	font-size: 1.2rem;
}
#officialTop .lineupSec .lineupCol .cardDetail:after {
	width: 15px;
	height: 15px;
	margin-top: -7px;
	right: 8px;
	background: url(/common-files/img/sp_com_arw_ic05.png) 0 0 no-repeat;
	-webkit-background-size: 15px 15px;
					background-size: 15px 15px;
}
#officialTop .lineupSec .lineupCol a[target="_blank"] .cardDetail:after	{
	width: 15px;
	height: 15px;
	margin-top: -7px;
	right: 8px;
	background: url(/common-files/img/sp_com_btn_ic14.png) 0 0 no-repeat;
	-webkit-background-size: 15px 15px;
					background-size: 15px 15px;
}
#officialTop .lineupSec .lineupCol .cardDetail .cardStrong {
	font-size: 12px;
	font-size: 1.2rem;
}
#officialTop .lineupSec .lineupCol .cardDetail .cardNm,
#officialTop .lineupSec .lineupCol.type02 .cardDetail .cardNm{
	font-size: 15px;
	font-size: 1.5rem;
}
#officialTop .lineupSec .lineupCol.type02 .cardDetail .cardNm.small {
	font-size: 15px;
	font-size: 1.5rem;
}
#officialTop .lineupSec .lineupCol .presentText {
	height: auto;
}
#officialTop .lineupSec .lineupCol .presentText > div {
	padding: 3px 5px;
	font-size: 10px;
	font-size: 1.0rem;
}
#officialTop .lineupSec .lineupCol .presentText p	{
	padding-left: 25px;
	background-image: url(/img-files/sp_top_lineup_ic03.png);
	-webkit-background-size: 18px 18px;
					background-size: 18px 18px;
}
	#officialTop .lineupSec .lineupCol .presentText.noIcon p .txSmall {
	font-size: 10px;
	font-size: 1.0rem;
}
#officialTop .lineupSec .lineupCol .presentText p .integer {
	font-size: 15px;
	font-size: 1.5rem;
}

/* ----- lineupLayout ----- */
#officialTop .lineupSec .lineupLayout02,
#officialTop .lineupSec .lineupLayout03 {
	margin-top: 10px;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol,
#officialTop .lineupSec .lineupLayout03 > .lineupCol {
	width: 100%;
	float: none;
	margin-left: 0;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol:nth-child(2n+1),
#officialTop .lineupSec .lineupLayout03 > .lineupCol:nth-child(3n+1) {
	margin-left: 0;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol:nth-child(n+3),
#officialTop .lineupSec .lineupLayout03 > .lineupCol:nth-child(n+4) {
	margin-top: 0;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol + .lineupCol,
#officialTop .lineupSec .lineupLayout03 > .lineupCol + .lineupCol	{
	margin-top: 10px;
}
/* ----- lineupLayout02 ----- */
#officialTop .lineupSec .lineupLayout02 > .lineupCol .cardDetail .cardImg,
#officialTop .lineupSec .lineupLayout02 > .lineupCol .cardDetail .text {
	display: block;
	vertical-align: middle;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol.new .cardDetail {
	padding-left: 15px;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol.new .cardDetail:before {
	width: 27px;
	height: 27px;
	background: url(/img-files/sp_top_new_ic01.png) 0 0 no-repeat;
	-webkit-background-size: 27px 27px;
					background-size: 27px 27px;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol .cardDetail .cardImg {
	width: 100%;
	margin-top: 5px;
	text-align: center;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol .cardDetail .cardImg img {
	width: 225px;
}
#officialTop .lineupSec .lineupLayout02.typeSPMin > .lineupCol .cardDetail .cardImg img {
	width: 148px;
}
#officialTop .lineupSec .lineupLayout02 > .lineupCol .cardDetail .text,
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail .text {
	padding-left: 0;
}
#officialTop .wagakki_new img, 
#officialTop .shinteni_new img, 
#officialTop .precure_new img,
#officialTop .ikemen_new img{
	height: auto;
}

/* ----- lineupLayout03 ----- */
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail .cardImg {
	width: 75px;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail.standard .cardImg {
	width: 75px;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail .cardImg img {
	width: 100%;
	height: auto;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail .text {
	padding-left: 13px;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail.standard .text {
	padding-left: 13px;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol .cardDetail p.mb10.alC {
	width: 100%;
}

/* ----- lineupLayout03 type02 ----- */
#officialTop .lineupSec .lineupLayout03 > .lineupCol.type02 .cardDetail .cardImg,
#officialTop .lineupSec .lineupLayout03 > .lineupCol.type02 .cardDetail .text {
	display: block;
	vertical-align: middle;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol.type02 .cardDetail .cardImg {
	width: 100%;
	margin-top: 5px;
	text-align: center;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol.type02 .cardDetail .cardImg img {
	width: 148px;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol.type02 .cardDetail .cardImg.type-multi img {
	width: 148px;
}
#officialTop .lineupSec .lineupLayout03 > .lineupCol.type02 .cardDetail .text {
	padding-left: 0;
}
	
/* ----- lineupLayout04 ----- */
#officialTop .lineupSec .lineupLayout04 > .lineupCol .cardDetail .cardImg {
	width: 75px;
}
#officialTop .lineupSec .lineupLayout04 > .lineupCol .cardDetail .cardImg img {
	width: 100%;
	height: auto;
}
#officialTop .lineupSec .lineupLayout04 > .lineupCol .cardDetail .text {
	padding-left: 13px;
}
#officialTop .lineupSec .lineupLayout04 > .lineupCol .cardDetail .cardNm {
	font-size: 15px;
	font-size: 1.5rem;
}

/* ----- lineupLayout05 ----- */
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .cardImg {
	width: 75px;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .cardImg img {
	width: 100%;
	height: auto;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .cardFigure {
	display: block;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .cardFigure figure {
	display: block;
	width: 100%;
	text-align: center;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .cardFigure figure img {
	width: auto;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .textRight {
	position: absolute;
	top: 16px;
	right: 28px;
	width: 125px;
	float: none;
	margin: 0 auto 10px;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol .cardDetail .cardNm {
	font-size: 15px;
	font-size: 1.5rem;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol.new .cardDetail {
	padding-left: 15px;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol.new .cardDetail:before {
	width: 27px;
	height: 27px;
	background: url(/img-files/sp_top_new_ic01.png) 0 0 no-repeat;
	-webkit-background-size: 27px 27px;
					background-size: 27px 27px;
}
/* ----- lineupLayout05 type02 ----- */
#officialTop .lineupSec .lineupLayout05 > .lineupCol.type02 .cardDetail .cardImg,
#officialTop .lineupSec .lineupLayout05 > .lineupCol.type02 .cardDetail .text {
	display: block;
	vertical-align: middle;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol.type02 .cardDetail .cardImg {
	width: 100%;
	margin-top: 5px;
	text-align: center;
}
#officialTop .lineupSec .lineupLayout05 > .lineupCol.type02 .cardDetail .text {
	padding-left: 0;
}

/* ----- collabo ----- */
#officialTop .lineupSec .lineupCol .collaboCard	{
	position: relative;
	padding: 12px 25px 12px 20px;
}
#officialTop .lineupSec .lineupCol .collaboCard:after {
	width: 15px;
	height: 15px;
	top: 25px;
	right: 8px;
	background: url(/common-files/img/sp_com_arw_ic05.png) 0 0 no-repeat;
	-webkit-background-size: 15px 15px;
					background-size: 15px 15px;
}
#officialTop .lineupSec .lineupCol a[target="_blank"] .collaboCard:after {
	width: 15px;
	height: 15px;
	top: 25px;
	right: 8px;
	background: url(/common-files/img/sp_com_btn_ic14.png) 0 0 no-repeat;
	-webkit-background-size: 15px 15px;
					background-size: 15px 15px;
}
#officialTop .lineupSec .lineupCol .collaboCard.new:before {
	width: 27px;
	height: 27px;
	background: url(/img-files/sp_top_new_ic01.png) 0 0 no-repeat;
	-webkit-background-size: 27px 27px;
					background-size: 27px 27px;
}
#officialTop .lineupSec .lineupCol .collaboCard .collaboTitle {
	margin-bottom: 8px;
	font-size: 15px;
	font-size: 1.5rem;
}
#officialTop .lineupSec .lineupCol .collaboCard .collaboTitle > em {
	font-size: 10px;
	font-size: 1.0rem;
}
#officialTop .lineupSec .lineupCol .collaboCard .collaboTitle .spOnly {
	display: inline !important;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: normal;
}
#officialTop .lineupSec .lineupCol .collaboCard .collaboFigure {
	display: block;
}
#officialTop .lineupSec .lineupCol .collaboCard .collaboFigure img {
	width: 100%;
}

/* ----- BUTTON OVER RIDE ----- */
#officialTop .lineupSec .lineupBtn {
	margin: 10px 25px 0;
}
#officialTop .lineupSec .lineupBtn a {
	width: auto;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	border-top: none;
	border-right: none;
	border-left: none;
}
#officialTop .lineupSec .lineupBtn a:after {
	top: 50%;
	width: 27px;
	height: 27px;
	margin-top: -14px;
	background: url(/common-files/img/sp_com_btn_ic05.png) 0 0 no-repeat;
	-webkit-background-size: 27px 27px;
					background-size: 27px 27px;
}

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

/* ----- applyFlow ----- */
#officialTop .lineupSec .applyFlow {
	margin-top: 22px;
}
#officialTop .lineupSec .applyFlow > li {
	float: none;
	width: 100%;
	margin-left: 0%;
	padding: 25px 12px 20px;
	border-bottom: none;
	font-size: 12px;
	font-size: 1.2rem;
}
#officialTop .lineupSec .applyFlow > li + li {
	margin-top: 44px;
}
#officialTop .lineupSec .applyFlow > li + li:after {
	top: -32px;
	left: 50%;
	margin-top: 0;
	margin-left: -14px;
	border-top: 14px solid #ca7786;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: none;
}
#officialTop .lineupSec .applyFlow > li .applyStep {
	top: -10px;
}
#officialTop .lineupSec .applyFlow > li .applyStep span {
	display: block;
	position: relative;
	width: 190px;
	margin: 0 auto;
	font-size: 11px;
	font-size: 1.1rem;
	padding: 5px 0;
}
#officialTop .lineupSec .applyFlow > li .applyStep span:after {
	bottom: -6px;
	left: 50%;
	margin-left: -5px;
	border-top: 6px solid #a5001e;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
#officialTop .lineupSec .applyFlow .applyTtl {
	font-size: 15px;
	font-size: 1.5rem;
}
#officialTop .lineupSec .applyFlow .applyTtl .small {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}

/*lineup udArea*/
.udArea {
	width:100%;
	margin:14px 0 10px 0;
	padding: 20px 15px;
}
.udArea p{
	font-size:13px;
	font-size:1.3rem;
}


/* style Section
------------------------------------------------------ */
#officialTop .styleSec {
	padding: 20px 0;
	background: #ffffff;
}
#officialTop .styleSec .styleHead {
	font-size: 15px;
	font-size: 1.5rem;
}
#officialTop .styleSec .btnLayout02 {
	margin-top: 10px;
}
#officialTop .styleSec .btnDetail {
	font-size: 14px;
	font-size: 1.4rem;
}

/* faq Section
------------------------------------------------------ */
#officialTop .faqSec {
	padding: 20px 0;
}
#officialTop .faqSec .faqHead {
	font-size: 15px;
	font-size: 1.5rem;
}
#officialTop .faqSec .qaBox01 {
	margin-top: 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #bebebe;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
#officialTop .faqSec .linkColumn {
	font-size: 12px;
	font-size: 1.2rem;
}
#officialTop .faqSec .moreReadBtn > a {
	display: block;
	margin: 0 55px;
	padding: 10px;
	background: #ffffff;
	-webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
					border-radius: 8px;
	border-bottom: 2px solid #a5a5a5;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #222222;
	text-align: center;
	text-decoration: none;
}
#officialTop .faqSec .moreReadBtn > a span {
	display: block;
	position: relative;
	padding: 0 35px;
}
#officialTop .faqSec .moreReadBtn > a span:before {
	position: absolute;
	content: "";
	width: 27px;
	height: 27px;
	top: 50%;
	right: 10px;
	margin-top: -13px;
	background: url(/common-files/img/sp_com_btn_ic05.png) 0 0 no-repeat;
	-webkit-background-size: 27px 27px;
					background-size: 27px 27px;
	-webkit-transform: rotate(90deg);
		 -moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			 -o-transform: rotate(90deg);
					transform: rotate(90deg);
}
#officialTop .faqSec .moreReadBtn.open > a span:before {
	-webkit-transform: rotate(-90deg);
		 -moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			 -o-transform: rotate(-90deg);
					transform: rotate(-90deg);
}
#officialTop .faqSec .infomationBox {
	display: block;
	width: 100%;
	margin-top: 15px;
	padding: 15px 24px 20px;
}
#officialTop .faqSec .infomationBox .infoTop {
	display: block;
}
#officialTop .faqSec .infomationBox .infoTop .infoText {
	width: 100%;
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
}
#officialTop .faqSec .infomationBox .infoTop .infoText .time {
	font-size: 12px;
	font-size: 1.2rem;
}
#officialTop .faqSec .infomationBox .infoTop .infoTel {
	width: 100%;
	display: block;
	margin-top: 8px;
	padding-left: 0;
	background: none;
	text-align: center;
}
#officialTop .faqSec .infomationBox .infoTop .infoTel .area {
	display: inline-block;
	margin: 0.4rem 10px 0 0;
	background: #a5001e;
	font-size: 14px;
	font-size: 1.4rem;
	color: #ffffff;
	vertical-align: top;
}
#officialTop .faqSec .infomationBox .infoTop .infoTel .telLink,
#officialTop .faqSec .infomationBox .infoTop .infoTel .telLink a{
	font-size: 24px;
	font-size: 2.4rem;
	text-align: left;
}
#officialTop .faqSec .infomationBox .infoBottom .infoBottomL {
	margin-top: 5px;
	float: none;
	font-size: 13px;
	font-size: 1.3rem;
}
#officialTop .faqSec .infomationBox .infoBtn {
	width: 100%;
	display: block;
	vertical-align: middle;
}
#officialTop .faqSec .infomationBox .infoBtn .btnLink01 {
	margin-top: 8px;
}
#officialTop .faqSec .infomationBox .infoBtn .btnLink01 a {
	width: 100%;
	font-size: 12px;
	font-size: 1.2rem;
}

/* other Section
------------------------------------------------------ */
#officialTop .otherWrap {
	padding: 15px 0;
}
#officialTop .otherSec {
	padding-top: 0;
}
#officialTop .otherSec .otherHead {
	float: none;
	width: 100%;
	margin: 0;
	padding: 8px 0 8px 35px;
	font-size: 15px;
	font-size: 1.5rem;
}
#officialTop .otherSec.other01 .otherHead {
	margin-top: 0;
	background: url(/img-files/sp_top_other_ic01.png) 0 50% no-repeat;
	-webkit-background-size: 29px 29px;
					background-size: 29px 29px;
}
#officialTop .otherSec.other02 .otherHead {
	margin-top: 0;
	background: url(/img-files/sp_top_other_ic02.png) 0 50% no-repeat;
	-webkit-background-size: 29px 29px;
					background-size: 29px 29px;
}
#officialTop .otherSec .otherLayout {
	float: none;
	width: 100%;
	margin-left: 0;
}
#officialTop .otherSec.other02 .otherLayout .mScroll-view {
	height: 20.0em;
}
#officialTop .otherSec .movieColumn .movieCol {
	float: left;
	width: 48.3%;
}
#officialTop .otherSec .movieColumn .movieCol .movieCaption {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 11px;
	font-size: 1.1rem;
}
#officialTop .otherSec .movieColumn .movieCol + .movieCol {
	margin-left: 3.4%;
}
#officialTop .otherSec .movieColumn .movieCol .txtAbsolute {
	position: static;
	top: 0;
}
#officialTop .otherSec.other02 .linkList01 {
}
#officialTop .otherSec.other02 .linkList01 > li > a {
	border-bottom: 1px dotted #bebebe;
	padding: 10px 22px 10px 0;
}
#officialTop .otherSec.other02 .linkList01 > li:first-child > a {
	border-top: 1px dotted #bebebe;
}
#officialTop .otherSec.other02 .linkList01 > li > a:before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	top: 50%;
	left: inherit;
	right: 0;
	margin-top: -11px;
	background: url(/common-files/img/sp_com_btn_ic05.png) 0 0 no-repeat;
	-webkit-background-size: 22px 22px;
					background-size: 22px 22px;
	border: none;
}
#officialTop .otherSec.other02 .btnLink01 {
	margin: 15px 30px 0;
}
#officialTop .otherSec.other02 .btnLink01 a {
	width: 100%;
	font-weight: bold;
}

/* rotation Section
------------------------------------------------------ */
#officialTop .rotationSec {
	background: #efefef;
}
#officialTop .rotationWrap {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 6px 30px;
	background: #efefef;
}
#officialTop .rotationWrap .bx-prev{
	width: 20px;
	height: 41px;
	margin-top: -20px;
	background: url(/img-files/top_slick_arw_ic03.png) no-repeat;
	-webkit-background-size: 20px 41px;
					background-size: 20px 41px;
}
#officialTop .rotationWrap .bx-next{
	width: 20px;
	height: 41px;
	margin-top: -20px;
	background: url(/img-files/top_slick_arw_ic04.png) no-repeat;
	-webkit-background-size: 20px 41px;
					background-size: 20px 41px;
}
#officialTop .rotationWrap .rotationSlides {
	width: 100%;
}
#officialTop .rotationWrap .rotationSlides > .slide {
	text-align: center;
}
#officialTop .rotationWrap .rotationSlides > .slide:first-child {
	margin-left: 0;
}

/* officialBnr
------------------------------------------------------ */
#officialTop .topBnrSec {
	padding: 15px 0;
}
#officialTop .officialBnrList {
}
#officialTop .officialBnrList > li {
	display: block;
	width: 100%;
	margin-left: 0;
}
#officialTop .officialBnrList > li:nth-child(4n+1) {
	margin-left: 0;
}
#officialTop .officialBnrList > li:nth-child(n+5),
#officialTop .officialBnrList > li + li {
	margin-top: 10px;
}

#officialTop .sp_txtSmall-ex {
	font-size: 10px;
	font-size: 1.0rem;
}
#officialTop .sp_txtSmall-ex .txtLarge01{
	font-size: 12px;
	font-size: 1.2rem;
}

/* sns
------------------------------------------------------ */
#footerContainer01{
	padding-top: 0!important;
}
.appListwrap{
	margin-top: 20px;
}

/* Clearfix
------------------------------------------------------ */
#officialTop .clearfix:after {
	content: "";
	display: block;
	clear: both;
}
#officialTop .clearfix {
	zoom: 1;
}
}