@charset "UTF-8";

.area-header h3,
#search-nav ul li strong,
#search-nav ul li h4 i,
.sec-header h3,
.sec-txt p strong,
.lineup-header h4,
.col-lineup-detail .detail-main .detail-main-txt h5,
.col-lineup-detail .detail-main .new,
.detail-col h6,
#lineup-n708 .btn-site p strong,
.detail-col dt{
	font-family: "UD新ゴ コンデンス70 U", sans-serif;	
}
.detail-col h6 em{
	font-family: "UD新ゴ コンデンス70 M", sans-serif;	
}


@media screen and (min-width: 768px) {

	.wrap{
		position: relative;
		padding-top: 80px;
		width: 100%;
		overflow: hidden;
		z-index: 50;
	}
	main{
		position: relative;
		margin: 60px 0 0;
		z-index: 10;
	}

	/*kv
	========================================================*/

	#kv{
		position: relative;
		margin: auto;
		max-width: 1480px;
		overflow: hidden;
	}
	.kv-wrap img{
		width: 100%;
		height: auto;
	}
	.kv-wrap .kv-pagination{
		position: relative;
		padding: 20px 0 0;
		font-size: 0;
		bottom: 0;
	}
	.kv-wrap .kv-pagination span.swiper-pagination-bullet{
		display: inline-block;
		outline: none;
		width: 10px;
		height: 10px;
		border-radius: 5px;
		opacity: 0.3;
	}
	.kv-wrap .kv-pagination span.swiper-pagination-bullet:hover,
	.kv-wrap .kv-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
		background: #333 !important;
		opacity: 1;
	}


	/* area-header
	========================================================*/

	.area-header{
		position: relative;
		background: #949595;
		text-align: center;
		z-index: 50;
	}
	.area-header h3{
		line-height: 60px;
		font-size: 40px;
		color: #fff;
	}

	/* search-nav
	========================================================*/

	#search-nav{
		position: relative;
		z-index: 50;
		background: #404040;
	}
	#search-nav ul{
		display: flex;
	}
	#search-nav ul li{
		width: 33.3333%;
	}
	#search-nav ul li a{
		position: relative;
		padding: 30px 0 80px;
		display: block;
		height: 100%;
	}
	#search-nav ul li a:before{
		content: "";
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 30px;
		display: block;
		width: 22px;
		height: 13px;
		background: url(../img/arrow_wh_d.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	#search-nav ul li a:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 15px solid #fff;
		opacity: 0;
		transition: opacity 400ms ease;
	}
	#search-nav ul li.active a:after,
	#search-nav ul li a:hover:after{
		opacity: 1;
	}

	#search-nav ul li figure{
		margin: auto;
		display: flex;
		height: 96px;
		align-items: center;
	}
	#search-nav ul li strong{
		margin: 30px auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 40px;
		height: 95px;
		text-align: center;
		line-height: 1.2;
	}
	#search-nav ul li.nav-n708 a{
		background: #f08300;
	}
	#search-nav ul li.nav-n708 figure{
		width: 94px;
	}
	#search-nav ul li.nav-n708 h4 img{
		width: 48px;
	}
	#search-nav ul li.nav-n61 a{
		background: #00a1e8;
	}
	#search-nav ul li.nav-n61 figure{
		width: 110px;
	}
	#search-nav ul li.nav-n61 h4 img{
		width: 42px;
	}
	#search-nav ul li.nav-t-21 a{
		background: #714f9c;
	}
	#search-nav ul li.nav-t-21 figure{
		width: 90px;
	}
	#search-nav ul li.nav-t-21 h4 img{
		width: 34px;
	}


	/* section
	========================================================*/

	section .sec-inner{
		position: relative;
		margin: auto;
		padding: 0 80px;
		max-width: 1480px;
	}
	section article{
		margin: auto;
		padding: 0 30px;
		max-width: 1060px;
		height: 100%;
	}
	section .sec-detail{
		margin: 60px 0 0;
	}

	.sec-header h3{
		font-size: 50px;
		line-height: 1.2;
	}
	section + section{
		margin-top: 90px;
	}
	.sec-name h3{
		position: absolute;
		top: 13px;
		left: 80px;
		transform-origin: top left;
		transform: translateY(-50%) rotate(90deg);
		font-size: 16px;
	}
	.sec-name h3 span{
		position: relative;
		height: 100%;
		margin: 0 0 0 10px;
	}
	.sec-name h3 span:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 100%;
		bottom: 0;
		display: block;
		height: 1px;
		width: 50px;
		background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 8px);
		background-repeat: repeat-x;
		background-size: 8px 1px;
	}


	/* about
	========================================================*/

	#about .sec-detail p{
		line-height: 1.8;
		letter-spacing: 2px;
	}

	/* lineup
	========================================================*/

	#lineup-n708{
		border: 15px solid #f08300;
		background: #f08300;
	}
	#lineup-n708 .lineup-header{
		background: #f08300;
	}
	#lineup-n708 .lineup-header span{
		display: block;
		width: 94px;
		left: 60px;
	}
	#lineup-n708 .detail-main h5{
		color: #f08300;
	}
	#lineup-n708 .detail-col h6{
		color: #f08300;
	}
	#lineup-n708 .col-lineup-detail + .col-lineup-detail{
		border-top: 15px solid #f08300;
	}

	#lineup-n61{
		border: 15px solid #00a1e8;
		background: #00a1e8;
	}
	#lineup-n61 .lineup-header{
		background: #00a1e8;
	}
	#lineup-n61 .lineup-header span{
		display: block;
		width: 110px;
		left: 45px;
	}
	#lineup-n61 .detail-main h5{
		color: #00a1e8;
	}
	#lineup-n61 .detail-col h6{
		color: #00a1e8;
	}
	#lineup-n61 .col-lineup-detail + .col-lineup-detail{
		border-top: 15px solid #00a1e8;
	}

	#lineup-t21{
		border: 15px solid #714f9c;
		background: #714f9c;
	}
	#lineup-t21 .lineup-header{
		background: #714f9c;
	}
	#lineup-t21 .lineup-header span{
		display: block;
		width: 90px;
		left: 68px;
	}
	#lineup-t21 .detail-main h5{
		color: #714f9c;
	}
	#lineup-t21 .detail-col h6{
		color: #714f9c;
	}
	#lineup-t21 .col-lineup-detail + .col-lineup-detail{
		border-top: 15px solid #714f9c;
	}


	.lineup-header{
		height: 160px;
		display: flex;
		align-items: center;
	}
	.lineup-header span{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.lineup-header h4{
		position: relative;
		font-size: 50px;
		width: 100%;
		color: #fff;
		text-align: center;
		line-height: 1.2;
	}
	.lineup-header h4 br{
		display: none;
	}
	.col-lineup + .col-lineup{
		margin-top: 60px;
	}
	.col-lineup-detail{
		padding: 60px 65px;
		background: #fff;
	}
	.col-lineup-detail .detail-main{
		position: relative;
		width: 840px;
		transform-origin: top left;
	}
	.col-lineup-detail .detail-main .fig-wrap{
		position: absolute;
		top: 0;
		left: 40px;
	}
	.col-lineup-detail .detail-main figure{
		position: relative;
		width: 100%;
		margin: auto;
		max-width: 230px;
	}
	.col-lineup-detail .detail-main figure img{
		position: relative;
		z-index: 20;
	}
	.col-lineup-detail .detail-main figure:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: 0;
		display: block;
		width:calc(100% - 16px);
		height:98%;
		margin: auto;
		max-width: 230px;
		border-radius: 10px;
		box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.4);
		z-index: 10;
	}
	.col-lineup-detail .detail-main .new{
		position: absolute;
		top: -42px;
		right: -42px;
		display: block;
		width: 85px;
		height: 85px;
		text-align: center;
		line-height: 85px;
		color: #fff;
		font-size: 26px;
		background: #e60012;
		letter-spacing: 2px;
		border-radius: 43px;
		z-index: 30;
	}
	

	.col-lineup-detail .detail-main .detail-main-txt{
		margin: 0 0 0 330px;
	}
	.col-lineup-detail .detail-main .detail-main-txt h5{
		font-size: 60px;
		text-align: center;
	}
	.col-lineup-detail .detail-main .detail-main-txt h5 i{
		display: inline-block;
		text-align: left;
		line-height: 1.2;
	}
	.detail-name{
		margin: 38px auto 0;
	}
	.detail-col-wrap{
		margin: 50px 0 0;
	}
	.detail-col + .detail-col{
		margin-top: 50px;
	}
	.detail-col h6 {
		position: relative;
		font-size: 36px;
		overflow: hidden;
	}
	.detail-col h6 em{
		vertical-align: top;
		position: relative;
		top: 10px;
		font-size: 24px;
	}
	.detail-col h6 span {
		position: relative;
		padding: 0 20px 0 0;
		line-height: 1.5;
	}
	.detail-col h6 span:after {
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 100%;
		bottom: 0;
		display: block;
		width: 100vw;
		height: 1px;
		background-image: linear-gradient(to right, #333, #333 4px, transparent 4px, transparent 6px);
		background-repeat: repeat-x;
		background-size: 6px 1px;
	}
	.detail-col .cap-img{
		margin: 40px 0 0;
		text-align: center;
	}
	.detail-col .cap{
		margin: 40px 0 0;
	}

	.detail-col-inner{
		margin: 40px 0 0;
	}
	.detail-col-inner-box{
		display: flex;
		margin: 0 -32px;
	}
	.detail-col-inner-box figure{
		padding: 0 32px;
		width: 50%;
	}
	.detail-col dt{
		font-size: 24px;
		letter-spacing: 2px;
	}
	.detail-col dd{
		margin-top: 40px;
		line-height: 1.8;
	}
	.detail-col-txt p{
		line-height: 1.8;
	}
	.detail-col ul.note-list li{
		text-indent: -1em;
		padding: 0 0 0 1em;
		line-height: 1.8;
		font-size: 18px;
	}
	.detail-col ul.note-list li + li{
		margin-top: 8px;
	}
	.detail-col ul.cap-list li{
		line-height: 1.8;
		font-size: 18px;
	}
	.detail-col ul.cap-list li + li{
		margin-top: 2px;
	}


	#lineup-n708 .detail-col figure{
		text-align: center;
	}
	#lineup-n708 .detail-name{
		width: 190px;
	}

	#lineup-n708 .btn-site{
		margin: 60px 0 0;
	}
	#lineup-n708 .btn-site-box{
		width: 840px;
		transform-origin: top left;
	}
	#lineup-n708 .btn-site a{
		position: relative;
		display: flex;
		padding: 0 60px 0 30px;
		width: 100%;
		height: 200px;
		align-items: center;
		background: #f08300;
		border-radius: 20px;
	}
	#lineup-n708 .btn-site a:hover{
		transition: opacity 400ms ease;
		opacity: 0.7;
	}
	#lineup-n708 .btn-site a span{
		width: 162px;
	}
	#lineup-n708 .btn-site p{
		padding: 0 0 0 30px;
		font-size: 28px;
		color: #fff;
	}
	#lineup-n708 .btn-site p strong{
		display: block;
		padding: 0 0 20px;
		font-size: 42px;
		line-height: 1.2;
	}
	#lineup-n708 .btn-site a:after{
		content: "";
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		right: 40px;
		bottom: 0;
		width: 13px;
		height: 22px;
		background: url(../img/arrow_wh_r_l.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}

	#lineup-n61 .detail-name{
		width: 183px;
	}
	#lineup-t21 .detail-name{
		width: 460px;
	}

	/* btn-link
	========================================================*/

	.btn-list{
		margin: 60px 0 0;
	}
	.btn-list ul{
		display: flex;
		margin: 0 -15px;
	}
	.btn-list ul li{
		padding: 0 15px;
		width: 50%;
	}
	.btn-link a{
		position: relative;
		display: block;
		height: 60px;
		line-height: 60px;
		text-align: center;
		border-radius: 30px;
		background: #e60012;
		color: #fff;
	}
	.btn-link a:hover{
		transition: opacity 400ms ease;
		opacity: 0.7;
	}
	.btn-link a:after{
		content: "";
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		right: 25px;
		bottom: 0;
		width: 8px;
		height: 13px;
		background: url(../img/arrow_wh_r.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.btn-link.btn-back a:after{
		right: inherit;
		left: 25px;
		background: url(../img/arrow_bk_l.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}





}


@media screen and (min-width: 768px) and (max-width: 1250px) {

	section .sec-inner{
		margin: 0;
	}
	.sec-name h3{
		position: absolute;
		left: 25px;
	}
	section .sec-inner{
		padding: 0 10px;
	}
}


@media screen and (min-width: 768px) and (max-width: 1050px) {


	#search-nav ul li strong {
		font-size: 30px;
	}
	#search-nav ul li h4 span{
		left: -38px;
		width: 28px;
	}
	#search-nav ul li h4 i {
		font-size: 14px;
	}
	#search-nav ul li h4:after {
		right: -28px;
	}




}

@media screen and (min-width: 768px) and (max-width: 880px) {


	.lineup-header h4 {
		position: relative;
		font-size: 40px;
		width: 100%;
		color: #fff;
		text-align: center;
	}
	#lineup-n708 .lineup-header span {
		display: block;
		width: 84px;
		left: 30px;
	}
	#lineup-n61 .lineup-header span {
		display: block;
		width: 100px;
		left: 20px;
	}
	#lineup-t21 .lineup-header span {
		display: block;
		width: 80px;
		left: 20px;
	}

}




@media screen and (max-width: 767px) {

	.wrap{
		position: relative;
		padding-top: 45px;
		width: 100%;
		overflow: hidden;
		z-index: 50;
	}
	main{
		position: relative;
		margin: 30px 0 0;
		z-index: 10;
	}

	/*kv
	========================================================*/

	#kv{
		position: relative;
	}
	.kv-wrap img{
		width: 100%;
		height: auto;
	}
	.kv-wrap .kv-pagination{
		position: relative;
		padding: 10px 0 0;
		font-size: 0;
		bottom: 0;
	}
	.kv-wrap .kv-pagination span.swiper-pagination-bullet{
		margin: 0;
		display: inline-block;
		outline: none;
		background: #eee;
		width: 6px;
		height: 6px;
		border: 1px solid #333;
		border-radius: 5px;
		opacity: 1;
	}
	.kv-wrap .kv-pagination span.swiper-pagination-bullet + span.swiper-pagination-bullet{
		margin-left: 5px;
	}
	.kv-wrap .kv-pagination span.swiper-pagination-bullet:hover,
	.kv-wrap .kv-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
		background: #333 !important;
	}


	/* area-header
	========================================================*/

	.area-header{
		position: relative;
		background: #949595;
		text-align: center;
		z-index: 50;
	}
	.area-header h3{
		line-height: 30px;
		font-size: 22px;
		color: #fff;
	}

	/* search-nav
	========================================================*/

	#search-nav{
		position: relative;
		z-index: 50;
		background: #404040;
	}
	#search-nav ul li a{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 108px;
	}
	#search-nav ul li a:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 30px;
		bottom: 0;
		display: block;
		width: 11px;
		height: 6px;
		background: url(../img/arrow_wh_d.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	#search-nav ul li a:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 15px solid #fff;
		opacity: 0;
		transition: opacity 400ms ease;
	}
	#search-nav ul li figure{
		position: absolute;
		left: 40px;
		width: 55px;
		text-align: center;
	}
	#search-nav ul li strong{
		display: inline-block;
		font-size: 24px;
		width: 135px;
		color: #fff;
		line-height: 1.2;
	}
	#search-nav ul li.nav-n708 a{
		background: #f08300;
	}
	#search-nav ul li.nav-n708 figure img{
		width: 47px;
	}
	#search-nav ul li.nav-n61 a{
		background: #00a1e8;
	}
	#search-nav ul li.nav-n61 figure img{
		width: 55px;
	}
	#search-nav ul li.nav-t-21 a{
		background: #714f9c;
	}
	#search-nav ul li.nav-t-21 h4 img{
		width: 45px;
	}



	/* section
	========================================================*/

	section .sec-inner{
		position: relative;
		padding: 0 30px;
	}
	section article{
		margin: auto;
		padding: 0 20px;
		max-width: 1060px;
		height: 100%;
	}
	section .sec-detail{
		margin: 20px 0 0;
	}
	section#lineup .sec-detail{
		margin: 30px -20px 0;
	}
	.sec-header h3{
		font-size: 27px;
		line-height: 1.2;
	}
	section + section{
		margin-top: 30px;
	}
	.sec-name h3{
		position: absolute;
		top: 10px;
		left: 20px;
		transform-origin: top left;
		transform: translateY(-50%) rotate(90deg);
		font-size: 13px;
	}
	.sec-name h3 span{
		position: relative;
		height: 100%;
		margin: 0 0 0 10px;
	}
	.sec-name h3 span:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 100%;
		bottom: 0;
		display: block;
		height: 1px;
		width: 40px;
		background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 1px);
		background-repeat: repeat-x;
		background-size: 6px 1px;
	}


	/* about
	========================================================*/

	#about .sec-detail p{
		line-height: 1.8;
		letter-spacing: 2px;
	}

	/* lineup
	========================================================*/

	#lineup-n708{
		border-style: solid;
		border-width: 0 8px 8px;
		border-color: #f08300;
		background: #f08300;
	}
	#lineup-n708 .lineup-header{
		background: #f08300;
	}
	#lineup-n708 .lineup-header span{
		display: block;
		width: 47px;
	}
	#lineup-n708 .detail-main h5{
		color: #f08300;
	}
	#lineup-n708 .detail-col h6{
		color: #f08300;
	}
	#lineup-n708 .col-lineup-detail + .col-lineup-detail{
		border-top: 8px solid #f08300;
	}

	#lineup-n61{
		border-style: solid;
		border-width: 0 8px 8px;
		border-color: #00a1e8;
		background: #00a1e8;
	}
	#lineup-n61 .lineup-header{
		background: #00a1e8;
	}
	#lineup-n61 .lineup-header span{
		display: block;
		width: 55px;
	}
	#lineup-n61 .detail-main h5{
		color: #00a1e8;
	}
	#lineup-n61 .detail-col h6{
		color: #00a1e8;
	}
	#lineup-n61 .col-lineup-detail + .col-lineup-detail{
		border-top: 8px solid #00a1e8;
	}

	#lineup-t21{
		border-style: solid;
		border-width: 0 8px 8px;
		border-color: #714f9c;
		background: #714f9c;
	}
	#lineup-t21 .lineup-header{
		background: #714f9c;
	}
	#lineup-t21 .lineup-header span{
		display: block;
		width: 45px;
	}
	#lineup-t21 .detail-main h5{
		color: #714f9c;
	}
	#lineup-t21 .detail-col h6{
		color: #714f9c;
	}
	#lineup-t21 .col-lineup-detail + .col-lineup-detail{
		border-top: 8px solid #714f9c;
	}


	.lineup-header{
		height: 80px;
		display: flex;
		align-items: center;
	}
	.lineup-header span{
		position: absolute;
		top: 50%;
		left: 12px;
		transform: translateY(-50%);
	}
	.lineup-header h4{
		position: relative;
		font-size: 24px;
		width: 100%;
		color: #fff;
		text-align: center;
	}
	.lineup-header h4 i{
		display: inline-block;
		text-align: left;
		line-height: 1.2;
	}
	.col-lineup + .col-lineup{
		margin-top: 30px;
	}
	.col-lineup-detail{
		padding: 28px 12px 20px;
		background: #fff;
	}
	.col-lineup-detail .detail-main .fig-wrap{
			padding: 30px 0 0;
	}
	.col-lineup-detail .detail-main figure{
		position: relative;
		width: 100%;
		margin: auto;
		max-width: 160px;
	}
	.col-lineup-detail .detail-main figure img{
		position: relative;
		z-index: 20;
	}
	.col-lineup-detail .detail-main figure:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: 0;
		display: block;
		width:calc(100% - 16px);
		height:98%;
		margin: auto;
		max-width: 230px;
		border-radius: 10px;
		box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.4);
		z-index: 10;
	}
	.col-lineup-detail .detail-main .new{
		position: absolute;
		top: -20px;
		right: -20px;
		display: block;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		color: #fff;
		font-size: 13px;
		background: #e60012;
		border-radius: 43px;
		z-index: 30;
	}

	.col-lineup-detail .detail-main .detail-main-txt h5{
		font-size: 32px;
		text-align: center;
	}
	.col-lineup-detail .detail-main .detail-main-txt h5 i{
		display: inline-block;
		text-align: left;
		line-height: 1.2;
	}
	.detail-name{
		margin: 30px auto 0;
	}
	.detail-col-wrap{
		margin: 25px 0 0;
	}
	.detail-col + .detail-col{
		margin-top: 30px;
	}
	.detail-col h6 {
		position: relative;
		font-size: 18px;
		overflow: hidden;
		line-height: 1.5;
	}
	.detail-col h6 em{
		vertical-align: top;
		position: relative;
		top: 5px;
		font-size: 12px;
	}
	.detail-col h6 span {
		position: relative;
		padding: 0 5px 0 0;
		line-height: 1.5;
	}
	.detail-col h6 span:after {
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 100%;
		bottom: 0;
		display: block;
		width: 100vw;
		height: 1px;
		background-image: linear-gradient(to right, #333, #333 2px, transparent 2px, transparent 3px);
		background-repeat: repeat-x;
		background-size: 3px 1px;
	}
	.detail-col .cap-img{
		margin: 40px auto 0;
		text-align: center;
		max-width: 265px;
	}
	.detail-col .cap{
		margin: 30px 0 0;
	}
	.detail-col-inner{
		margin: 20px 0 0;
	}
	.detail-col-inner-box figure{
		margin: auto;
		max-width: 265px;
	}
	.detail-col-inner-box figure + figure{
		margin-top: 30px;
	}
	.detail-col dt{
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 1.8;
	}
	.detail-col dd{
		margin-top: 15px;
		line-height: 1.8;
	}
	.detail-col-txt p{
		line-height: 1.8;
	}
	.detail-col ul.note-list li{
		text-indent: -1em;
		padding: 0 0 0 1em;
		line-height: 1.8;
		font-size: 12px;
	}
	.detail-col ul.note-list li + li{
		margin-top: 4px;
	}
	.detail-col ul.cap-list li{
		line-height: 1.8;
		font-size: 12px;
	}
	.detail-col ul.cap-list li + li{
		margin-top: 2px;
	}


	#lineup-n708 .detail-col figure{
		text-align: center;
		margin: auto;
		max-width: 265px;
	}
	#lineup-n708 .detail-name{
		width: 78px;
	}
	#lineup-n708 .btn-site{
		margin: 30px 0 0;
	}
	#lineup-n708 .btn-site-box{
		width: 540px;
		transform-origin: top left;
	}
	#lineup-n708 .btn-site a{
		position: relative;
		display: flex;
		padding: 0 0 0 18px;
		width: 100%;
		height: 200px;
		align-items: center;
		background: #f08300;
		border-radius: 20px;
	}
	#lineup-n708 .btn-site a span{
		width: 164px;
	}
	#lineup-n708 .btn-site p{
		padding: 0 0 0 18px;
		font-size: 30px;
		color: #fff;
	}
	#lineup-n708 .btn-site p strong{
		display: block;
		padding: 0 0 20px;
		font-size: 32px;
		line-height: 1.2;
	}
	#lineup-n708 .btn-site a:after{
		content: "";
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		right: 30px;
		bottom: 0;
		width: 10px;
		height: 18px;
		background: url(../img/arrow_wh_r_l.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}

	#lineup-n61 .detail-name{
		width: 84px;
	}
	#lineup-t21 .detail-name{
		width: 208px;
	}

	/* btn-link
	========================================================*/

	.btn-list{
		margin: 25px 0 0;
	}
	.btn-list ul li + li{
		margin-top: 10px
	}
	.btn-link a{
		position: relative;
		display: block;
		height: 36px;
		line-height: 36px;
		text-align: center;
		border-radius: 30px;
		background: #e60012;
		color: #fff;
	}
	.btn-link a:after{
		content: "";
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		right: 15px;
		bottom: 0;
		width: 5px;
		height: 8px;
		background: url(../img/arrow_wh_r.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.btn-link.btn-back a:after{
		right: inherit;
		left: 15px;
		background: url(../img/arrow_bk_l.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}


}


@media screen  and (max-width: 374px){

	#search-nav ul li h4 i {
	    font-size: 12px;
	}
	#search-nav ul li figure {
	    left: 15px;
	}
	.lineup-header h4 {
	    position: relative;
	    font-size: 18px;
	}
	.col-lineup-detail .detail-main .detail-main-txt h5 {
	    font-size: 24px;
	    text-align: center;
	}
	.col-lineup-detail .detail-main figure {
	    max-width: 130px;
	}
}