/*************************************************************************** * * TICKET STYLE * ***************************************************************************/ #content { border-top: none; padding: 61px 0 0; } #content .area-ticket .area-title { margin-bottom: 40px; } #content .area-ticket .ticket-list { margin: 0 20px 0px; } #content .area-ticket .ticket-list li { position: relative; background: url(../images/tickets/ticket-block.png) no-repeat left top/100% 100%; padding: 29px 40px 30px; margin-bottom: 11px; } #content .area-ticket .ticket-list li:last-child { margin-bottom: 0; } #content .area-ticket .ticket-list li a { display: block; } #content .area-ticket .ticket-list li .list-city { display: inline-block; vertical-align: middle; width: 232px; font-size: 48px; color: #fff; background: url(../images/tickets/ticket-city-bg.png) no-repeat center center/100%; text-align: center; padding: 3px 0 8px; font-weight: 500; } #content .area-ticket .ticket-list li .list-detail { display: inline-block; vertical-align: middle; margin-left: 36px; margin-top: -1px; } #content .area-ticket .ticket-list li .list-detail .city { font-size: 18px; font-weight: bold; } #content .area-ticket .ticket-list li .list-detail .city .c-red { color: #fb007d; } #content .area-ticket .ticket-list li .list-detail .detail { font-size: 18px; line-height: 1.6; } #content .area-ticket .ticket-list li .list-detail .detail .s-15 { font-size: 15px; } #content .area-ticket .ticket-list li .list-check { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); } #content .area-ticket .processed-right { text-align: right; margin-bottom: 61px; padding: 0 24px; } #content .area-ticket .img-bot { margin-bottom: 39px; text-align: center; } #content .area-ticket .ticket-mail { background: url(../images/common/foot-top-border-bg-2.jpg) repeat-x top left, url(../images/common/foot-top-border-bg.jpg) repeat-x bottom left, url(../images/common/foot-top-bg.jpg) repeat top left; padding: 65px 0 64px; } #content .area-ticket .ticket-mail .mail-title { font-size: 22px; color: #f33a0c; text-align: center; line-height: 1.4; margin-bottom: 28px; } #content .area-ticket .ticket-mail .mail-title .icon { display: inline-block; height: 18px; vertical-align: -7px; } #content .area-ticket .ticket-mail .mail-text { font-size: 18px; text-align: center; line-height: 1.7; margin-bottom: 35px; } #content .area-ticket .ticket-mail .mail-banner { text-align: center; margin-bottom: 36px; } #content .area-ticket .ticket-mail .mail-detail { margin: 0 20px; } #content .area-ticket .ticket-mail .mail-detail .mail-ttl { color: #f00; font-size: 18px; margin-bottom: 4px; } #content .area-ticket .ticket-mail .mail-detail .text { color: #f00; font-size: 18px; margin-bottom: 16px; } #content .area-ticket .ticket-mail .mail-detail .text .s-15 { font-size: 15px; } #content .area-ticket .ticket-mail .mail-detail .note { font-size: 15px; margin-bottom: 30px; } #content .area-ticket .ticket-mail .mail-detail .mail-sub { line-height: 1.75; } #content .area-ticket .ticket-mail .mail-detail .mail-sub a:hover { text-decoration: underline; } #content .area-ticket .ticket-mail .mail-detail .mail-sub .bold-text { font-weight: bold; } #content .area-guidance { padding: 62px 0 4px; } #content .area-guidance .guidance-list { padding: 36px 20px 42px; } #content .area-guidance .guidance-list li { font-size: 15px; padding-left: 20px; text-indent: -20px; line-height: 1.6; margin-bottom: 14px; } #content .area-guidance .guidance-wrap { margin: 0 20px; } #content .area-guidance .guidance-wrap .guidance-item { margin-bottom: 52px; } #content .area-guidance .guidance-wrap .guidance-item .item-title { font-size: 22px; background: #fff; padding: 5px 25px 6px 20px; border-left: 10px solid #ff8040; margin-bottom: 30px; } #content .area-guidance .guidance-wrap .guidance-item .item-sub { font-size: 15px; line-height: 2.05; } #content .area-guidance .guidance-wrap .guidance-item .item-contact { font-size: 15px; line-height: 1.95; margin-bottom: 28px; } #content .area-guidance .guidance-wrap .guidance-item .item-contact .bold-text { font-size: 18px; font-weight: bold; } #content .area-guidance .guidance-wrap .guidance-item .item-contact .tel { pointer-events: none; } #content .area-guidance .guidance-wrap .guidance-item .item-contact .contact1 { font-size: 15px; color: #f33a0c; font-weight: bold; } #content .area-guidance .guidance-wrap .guidance-item .item-contact .contact1:hover { text-decoration: underline; } @media (max-width: 1000px) and (min-width: 769px) { #content .area-ticket .ticket-list li .list-city { width: 23.2vw; } #content .area-ticket .ticket-list li .list-detail .detail { font-size: 1.8vw; } #content .area-ticket .ticket-list li .list-detail .city { font-size: 1.8vw; } } @media (max-width: 768px) { #content { padding-top: 25px; } #content .area-ticket .area-title { margin-bottom: 19px; } #content .area-ticket .ticket-list { margin: 0; } #content .area-ticket .ticket-list li { background: url(../images/tickets/ticket-block-sp.png) no-repeat center top/100% 100%; padding: 21px 26px; margin-bottom: 9px; } #content .area-ticket .ticket-list li:nth-child(3) { background: url(../images/tickets/ticket-block-sp-special.png) no-repeat center top/100% 100%; } #content .area-ticket .ticket-list li .list-city { display: none; } #content .area-ticket .ticket-list li .list-detail { margin: 0; } #content .area-ticket .ticket-list li .list-detail .city { font-size: 17px; margin-bottom: 5px; } #content .area-ticket .ticket-list li .list-detail .detail { font-size: 14px; line-height: 1.55; } #content .area-ticket .ticket-list li .list-detail .detail .s-15 { font-size: 11px; } #content .area-ticket .processed-right { overflow: hidden; padding: 0; margin-bottom: 19px; } #content .area-ticket .processed-right a { display: inline-block; } #content .area-ticket .processed-right a img { float: right; } #content .area-ticket .img-bot { margin-bottom: 28px; } #content .area-ticket .img-bot a { display: inline-block; max-width: 414px; width: 100%; } #content .area-ticket .img-bot a img { margin: 0 auto; width: 100%; max-width: 414px; } #content .area-ticket .ticket-mail { padding: 37px 0 33px; background: url(../images/common/foot-top-border-bg-2.jpg) repeat-x top left, url(../images/common/foot-top-border-bg.jpg) repeat-x bottom left, url(../images/tickets/ticket-mail-sp.jpg) repeat-y top left/100%; } #content .area-ticket .ticket-mail .mail-title { font-size: 18px; text-align: left; line-height: 1.45; margin-bottom: 20px; } #content .area-ticket .ticket-mail .mail-title .icon { display: inline-block; width: 18px; vertical-align: -6px; } #content .area-ticket .ticket-mail .mail-text { font-size: 14px; text-align: left; line-height: 1.65; margin-bottom: 16px; } #content .area-ticket .ticket-mail .mail-banner { margin-bottom: 16px; } #content .area-ticket .ticket-mail .mail-detail { margin: 0; } #content .area-ticket .ticket-mail .mail-detail .mail-ttl { font-size: 16px; line-height: 1.4; margin-bottom: 0; } #content .area-ticket .ticket-mail .mail-detail .text { font-size: 14px; margin-bottom: 13px; } #content .area-ticket .ticket-mail .mail-detail .note { font-size: 14px; line-height: 1.55; margin-bottom: 22px; } #content .area-ticket .ticket-mail .mail-detail .mail-sub { line-height: 1.65; } #content .area-guidance { padding: 23px 0 4px; } #content .area-guidance .guidance-list { padding: 15px 0 14px; } #content .area-guidance .guidance-list li { font-size: 14px; margin-bottom: 12.5px; padding-left: 15px; text-indent: -15px; } #content .area-guidance .guidance-wrap { margin: 0; } #content .area-guidance .guidance-wrap .guidance-item { margin-bottom: 26.5px; } #content .area-guidance .guidance-wrap .guidance-item:last-child { margin-bottom: 23px; } #content .area-guidance .guidance-wrap .guidance-item .item-title { font-size: 18px; padding: 6px 25px 5px 10px; margin-bottom: 15px; } #content .area-guidance .guidance-wrap .guidance-item .item-sub { font-size: 14px; line-height: 1.6; } #content .area-guidance .guidance-wrap .guidance-item .item-contact { font-size: 14px; line-height: 1.6; margin-bottom: 10px; } #content .area-guidance .guidance-wrap .guidance-item .item-contact .tel { pointer-events: auto; } #content .area-guidance .guidance-wrap .guidance-item .item-contact .bold-text { font-size: 16px; } #content .area-guidance .guidance-wrap .guidance-item .item-contact .contact1 { font-size: 14px; } } @media (max-width: 320px) { #content .area-ticket .ticket-list li .list-detail .city { font-size: 15px; margin-bottom: 5px; } #content .area-ticket .ticket-list li .list-detail .detail { font-size: 12px; } #content .area-guidance .guidance-wrap .guidance-item .item-contact .contact1 { font-size: 12px; } } /*# sourceMappingURL=tickets.css.map */