@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      top.css
Created:        2017-5-25
Style Info:     ヤンキース特集 TOP page　CSS
----------------------------------------------------------- */

/*------------------------------------
PC用
------------------------------------*/

/* TOP
----------------------------------------*/
#yankees.main .sec_lead p.ls {letter-spacing:-.02em;margin-right:-20px;}
#yankees.main .sec_ticket p.ls {letter-spacing:-.01em;margin-right:-20px;}
#yankees.main .sec_ticket .fee_table {width:100%;border:1px solid #c7c7c7;margin:15px 0 40px 0;}
#yankees.main .sec_ticket .fee_table th {width:25px;border-bottom:1px solid #c7c7c7;}
#yankees.main .sec_ticket .fee_table th.floor_01 {background:#00b3c8 url(../img/top/txt_floor_01.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table th.floor_02 {background:#f1799d url(../img/top/txt_floor_02.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table th.floor_03 {background:#5090d2 url(../img/top/txt_floor_03.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table th.floor_04 {background:#f57d00 url(../img/top/txt_floor_04.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table.fee_01 td {background:#f0f0f0;border-left:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;padding:10px 15px;font-weight:bold;font-size:16px;}
#yankees.main .sec_ticket .fee_table.fee_01 td.seat_area span {color:#ff1942;font-size:13px;font-weight:normal;}
#yankees.main .sec_ticket .fee_table.fee_01 td.price {width:180px;color:#ff1942;background:#fff;font-weight:normal;}
#yankees.main .sec_ticket .fee_table.fee_01 td.price span {text-decoration:line-through;}
#yankees.main .sec_ticket .fee_table.fee_01 td.price strong {font-weight:bold;}
#yankees.main .sec_ticket .fee_table.fee_01 td.price strong:before {content:" → ";}
#yankees.main .sec_ticket .fee_table.fee_01 td.price strong:after {content:"/ 枚";}
#yankees.main .sec_ticket .fee_table.fee_02 td {vertical-align:middle;border-left:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;padding:10px;font-size:16px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.bg_01 {background:#ffffc8;}
#yankees.main .sec_ticket .fee_table.fee_02 td.bg_02 {background:#f0f0f0;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_01 {width:150px;font-size:18px;font-weight:bold;padding:10px 0 10px 10px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_01 small {font-size:15px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 {}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name {font-size:18px;font-weight:bold;line-height:1.2;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name span {}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name span:before {margin-right:5px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name span:after {margin-left:5px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name span:before,
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name span:after {content:"";width:14px;height:14px;display:inline-block;background:url(../img/common/icon_star_02.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name small {font-size:12px;font-weight:normal;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_number {font-size:18px;font-weight:bold;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 p {font-size:12px;margin-top:10px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.price {width:110px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.price strong {display:block;font-size:20px;font-weight:bold;margin:0 10px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.price strong + .link_detali {margin-top:10px;}
#yankees.main .sec_ticket.ticket_01 .box_01 {position:relative;border:1px solid #faaf3b;background:#ffffc8;padding:14px 19px;margin:10px 0 40px 0;}
#yankees.main .sec_ticket.ticket_01 .box_01 li {min-height:54px;padding-left:70px;margin-top:15px;background:url(../img/top/icon_toku.png) left top no-repeat;}
#yankees.main .sec_ticket.ticket_01 .box_01 li:first-child {margin-top:0;}
#yankees.main .sec_ticket.ticket_01 .box_01 li div {font-size:18px;color:#ff1942;font-weight:bold;margin-top:3px;}
#yankees.main .sec_ticket.ticket_01 .box_01 li p a {text-decoration:underline;color:#3c78f0;}
#yankees.main .sec_ticket.ticket_01 .box_01 .link_btn_01 {width:260px;position:absolute;right:30px;bottom:25px;}
#yankees.main .sec_ticket.ticket_02 .box_02 {border:1px solid #b47a34;background:#ffffc8;padding:5px;margin:40px 0;}
#yankees.main .sec_ticket.ticket_02 .box_02 .inner {position:relative;overflow:hidden;border:1px solid #b47a34;padding:8px 16px 25px 16px;}
#yankees.main .sec_ticket.ticket_02 .box_02 .img {float:left;width:330px;}
#yankees.main .sec_ticket.ticket_02 .box_02 .tit {margin:15px 0 20px 0;}
#yankees.main .sec_ticket.ticket_02 .box_02 .link_btn_01 {position:absolute;bottom:25px;right:20px;}
#yankees.main .sec_ticket.ticket_02 .sec_tit_02 {margin-top:30px;}
#yankees.main .sec_ticket.ticket_02 > p {margin-bottom:20px;}
#yankees.main .sec_ticket.ticket_02 > p a {margin-left:10px;text-decoration:underline;color:#3c78f0;}


/*------------------------------------
PRINT用
------------------------------------*/
@media print{

/* TOP
----------------------------------------*/
#yankees.main .sec_lead p.ls {letter-spacing:-.02em;margin-right:-20px;}
#yankees.main .sec_ticket p.ls {letter-spacing:-.01em;margin-right:-20px;}
#yankees.main .sec_ticket .fee_table {width:100%;border:1px solid #c7c7c7;margin:15px 0 40px 0;}
#yankees.main .sec_ticket .fee_table th {width:25px;border-bottom:1px solid #c7c7c7;}
#yankees.main .sec_ticket .fee_table th.floor_01 {background:#00b3c8 url(../img/top/txt_floor_01.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table th.floor_02 {background:#f1799d url(../img/top/txt_floor_02.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table th.floor_03 {background:#5090d2 url(../img/top/txt_floor_03.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table th.floor_04 {background:#f57d00 url(../img/top/txt_floor_04.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table.fee_01 td {background:#f0f0f0;border-left:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;padding:10px 15px;font-weight:bold;font-size:16px;}
#yankees.main .sec_ticket .fee_table.fee_01 td.seat_area span {color:#ff1942;font-size:13px;font-weight:normal;}
#yankees.main .sec_ticket .fee_table.fee_01 td.price {width:180px;color:#ff1942;background:#fff;font-weight:normal;}
#yankees.main .sec_ticket .fee_table.fee_01 td.price span {text-decoration:line-through;}
#yankees.main .sec_ticket .fee_table.fee_01 td.price strong {font-weight:bold;}
#yankees.main .sec_ticket .fee_table.fee_01 td.price strong:before {content:" → ";}
#yankees.main .sec_ticket .fee_table.fee_01 td.price strong:after {content:"/ 枚";}
#yankees.main .sec_ticket .fee_table.fee_02 td {vertical-align:middle;border-left:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;padding:10px;font-size:16px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.bg_01 {background:#ffffc8;}
#yankees.main .sec_ticket .fee_table.fee_02 td.bg_02 {background:#f0f0f0;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_01 {width:150px;font-size:18px;font-weight:bold;padding:10px 0 10px 10px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_01 small {font-size:15px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 {}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name {font-size:18px;font-weight:bold;line-height:1.2;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name span {}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name span:before {margin-right:5px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name span:after {margin-left:5px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name span:before,
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name span:after {content:"";width:14px;height:14px;display:inline-block;background:url(../img/common/icon_star_02.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name small {font-size:12px;font-weight:normal;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_number {font-size:18px;font-weight:bold;}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 p {font-size:12px;margin-top:10px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.price {width:110px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.price strong {display:block;font-size:20px;font-weight:bold;margin:0 10px;}
#yankees.main .sec_ticket .fee_table.fee_02 td.price strong + .link_detali {margin-top:10px;}
#yankees.main .sec_ticket.ticket_01 .box_01 {position:relative;border:1px solid #faaf3b;background:#ffffc8;padding:14px 19px;margin:10px 0 40px 0;}
#yankees.main .sec_ticket.ticket_01 .box_01 li {min-height:54px;padding-left:70px;margin-top:15px;background:url(../img/top/icon_toku.png) left top no-repeat;}
#yankees.main .sec_ticket.ticket_01 .box_01 li:first-child {margin-top:0;}
#yankees.main .sec_ticket.ticket_01 .box_01 li div {font-size:18px;color:#ff1942;font-weight:bold;margin-top:3px;}
#yankees.main .sec_ticket.ticket_01 .box_01 li p a {text-decoration:underline;color:#3c78f0;}
#yankees.main .sec_ticket.ticket_01 .box_01 .link_btn_01 {width:260px;position:absolute;right:30px;bottom:25px;}
#yankees.main .sec_ticket.ticket_02 .box_02 {border:1px solid #b47a34;background:#ffffc8;padding:5px;margin:40px 0;}
#yankees.main .sec_ticket.ticket_02 .box_02 .inner {position:relative;overflow:hidden;border:1px solid #b47a34;padding:8px 16px 25px 16px;}
#yankees.main .sec_ticket.ticket_02 .box_02 .img {float:left;width:330px;}
#yankees.main .sec_ticket.ticket_02 .box_02 .tit {margin:15px 0 20px 0;}
#yankees.main .sec_ticket.ticket_02 .box_02 .link_btn_01 {position:absolute;bottom:25px;right:20px;}
#yankees.main .sec_ticket.ticket_02 .sec_tit_02 {margin-top:30px;}
#yankees.main .sec_ticket.ticket_02 > p {margin-bottom:20px;}
#yankees.main .sec_ticket.ticket_02 > p a {margin-left:10px;text-decoration:underline;color:#3c78f0;}
}


/*------------------------------------
SP用
------------------------------------*/
@media screen and (max-width: 1024px){
	

#yankees .sec_tit_01 img {
    width: 100%;
}
#yankees.main .sec_ticket.ticket_01 .box_01 {
    margin: 10px 20px 20px 20px;
}
#yankees.main .sec_lead p.ls {
    margin-right: 0px;
}
#yankees.main .sec_ticket.ticket_01 .box_01 .link_btn_01 {
    width: 100%;
    position: relative;
    right: unset;
    bottom: unset;
	margin-top: 15px;
	padding: 0;
}
#yankees.main .sec_ticket.ticket_01 .box_01 p {
    padding:0;
}
#yankees.main .sec_ticket.ticket_01 .box_01 li {
    padding-left: 50px;
    background-size: 45px;
}
#yankees.main .sec_ticket .fee_table {
    width: auto;
    margin: 10px 20px;
}

#yankees.main .sec_ticket .fee_table.fee_02 tr {
    width: 100%;
	display: block;
}	
#yankees.main .sec_ticket .fee_table.fee_02 td.area_01 {
    width: 100%;
    display: block;
    font-size: 15px;
	border-left: none;
}
#yankees.main .sec_ticket .fee_table.fee_02 th {
    width: 100%;
	display: block;
	height: 25px;
}	
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 {
    border-left: none;
	width: 100%;
}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_name {
    font-size: 15px;
}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 .seat_number {
    font-size: 15px;
}
#yankees.main .sec_ticket .fee_table.fee_02 td.area_02 p {
    padding: 0px;
    margin-top: 0px;
}
#yankees.main .sec_ticket .fee_table.fee_02 td.price {
    max-width: 85px;
    width: 10%;
    min-width: 85px;
}
#yankees.main .sec_ticket .fee_table.fee_02 .link_detali img {
    max-width: 65px;
}
#yankees.main .sec_ticket .fee_table.fee_02 td.price strong {
    font-size: 15px;
    color: red;
    margin: 0;
}
#yankees.main .sec_ticket.ticket_02 .box_02 .img {
    float: none;
    width: auto;
    text-align: center;
}
#yankees.main .sec_ticket.ticket_02 .box_02 .img {
    float: none;
    width: auto;
    text-align: center;
}
#yankees.main .sec_ticket.ticket_02 .box_02 .img img {
    width: 100%;
    max-width: 318px;
    display: block;
    margin: 0 auto;
}
#yankees.main .sec_ticket.ticket_02 .box_02 .link_btn_01 {
    position: relative;
    bottom: unset;
    right: unset;
    margin-top: 15px;
    width: 100%;
}

#yankees.main .sec_ticket.ticket_02 .box_02 {
    margin: 40px 20px;
    width: auto;
}
#yankees.main .sec_ticket.ticket_02 .box_02 .tit img {
    width: 100%;
    max-width: 318px;
    display: block;
    margin: 0 auto;
}
#yankees.main .sec_ticket .fee_table th.floor_01 {background:#00b3c8 url(../img/sp/top/txt_floor_01.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table th.floor_02 {background:#f1799d url(../img/sp/top/txt_floor_02.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table th.floor_03 {background:#5090d2 url(../img/sp/top/txt_floor_03.png) center center no-repeat;}
#yankees.main .sec_ticket .fee_table th.floor_04 {background:#f57d00 url(../img/sp/top/txt_floor_04.png) center center no-repeat;}



#yankees.main .sec_ticket .fee_table.fee_01 th {
    width: 40px;
}
#yankees.main .sec_ticket .fee_table.fee_01 td {
    width: 50%;
}
#yankees.main .sec_ticket .fee_table.fee_01 td.price {
    width: auto;
}
#yankees.main .sec_ticket table.tstyle01 {
width: 100%;
margin: 20px 0px;
}
#yankees.main .sec_ticket .fee_table.fee_01 td {
    font-size: 15px;
}
#yankees.main .sec_ticket.ticket_02 .box_02 .img {
    float: none;
    width: 100%;
}

}