/*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ 011 一覧 -------------------------------------------------- */ /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ 012 各種チケットのご案内 -------------------------------------------------- */ .various_content02_left, .various_content02_right2{display:inline-block;} .contents_wrap02 ul{margin-top:20px;} #various_content04_right > p{display:inline-block;vertical-align:top;} .online_list01 li{padding:10px;background:#f5f5f5;} .enjoy_content01{width:32%;margin-right:1%;margin-bottom:20px;display:inline-block;vertical-align:top;} .enjoy_content01:nth-child(3n){margin-right:0;} .enjoy_content01 p{font-size:12px!important;line-height:1.4em!important;} .enjoy_content01 .title1{margin:4px 0;color:#ad0040;font-size:14px;font-weight:bold;} @media screen and (max-width:690px){ .download_content03{width:48%;margin:0 2% 50px 0;} .download_content03:nth-child(2n){margin:0 0 50px 0;} .enjoy_content01{width:48%;margin-right:2%;margin-bottom:20px;display:inline-block;vertical-align:top;} .enjoy_content01:nth-child(even){margin-right:0;} .enjoy_content01:nth-child(odd){margin-right:2%;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ 014 チケットの購入方法 -------------------------------------------------- */ .ticket_tab_wrap{width:100%;font-size:0;display:table;} .ticket_tab_wrap .ticket_tab.active{background:#ad0040;} .ticket_tab_wrap .ticket_tab{width:25%;margin:0;padding:0;background:#dadada;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;vertical-align:middle;display:table-cell;} .ticket_tab_wrap .ticket_tab.active a{color:#FFF!important;} .ticket_tab_wrap .ticket_tab a{color:#222!important;font-size:13px;} .ticket_tab_wrap .ticket_tab:hover{background:#7e012f;} .ticket_tab_wrap .ticket_tab:hover a{color:#FFF!important;} .ticket_tab_block_wrap .ticket_tab_block{background:#fbfbfb;display:none;} .ticket_tab_block_wrap .ticket_tab_block ul{margin:0;padding:30px;border:4px solid #ad0040;} .ticket_tab_block_wrap .ticket_tab_block ul li{margin-bottom:10px;} .ticket_tab_block_wrap .ticket_tab_block ul li.image{text-align:center;} .ticket_tab_block_wrap .ticket_tab_block.active{display:block;} /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ 019 ファジフーズ -------------------------------------------------- */ .contents.ticket{position:relative;width:100%;height:auto;padding-bottom:120px;background:#efefef;text-align:center;} .contents.ticket > .inner{width:1100px;height:auto;display:inline-block;} .contents.ticket > .inner .title{margin:40px 0;display:inline-block;} .contents.ticket > .inner .title h1{color:#ad0040;font-size:30px;font-weight:bold;} .contents.ticket .inner .content_header{margin-bottom:40px;} .contents.ticket .inner .content_header .inner{} .contents.ticket .inner .content_header .inner .ttl{padding:0 0;width:100%;height:auto;} .contents.ticket .inner .content_header .inner .ttl img{width:100%;height:auto;} .contents.ticket .inner .content_header .inner .nav.low.foods{float:none;background:#ad0040;margin-bottom:30px;padding:20px 20px 10px;border-bottom:8px solid #0c0a58;} .contents.ticket .inner .content_header .inner .nav.low.foods .inner{width:100%;} .contents.ticket .inner .content_header .inner .item_module{width:100%;height:auto;margin:0 0 30px;display:inline-block;} .contents.ticket .inner .content_header .inner .item_module ul{} .contents.ticket .inner .content_header .inner .item_module ul li.item{float:left;width:263px;margin-right:16px;margin-bottom:30px;background:#FFF;overflow:hidden;display:inline-block;/* cursor:pointer; */} .contents.ticket .inner .content_header .inner .item_module ul li.item.last{margin-right:0;} .contents.ticket .inner .content_header .inner .item_module ul li.item a{width:100%;text-decoration:none;text-align:left;display:inline-block;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .ttl{padding:10px 10px;width:auto;height:60px;background:#ad0040;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .ttl p{color:#FFF;font-size:16px;font-weight:bold;line-height:1.4em;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .img{width:263px;height:200px;text-align:center;border-bottom:2px solid #dadada;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .img img{width:auto;height:100%;vertical-align:top;display:inline-block;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .txt{height:120px;padding:20px 0;margin:0 20px;border-bottom:solid 1px #dadada;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .txt p{font-size:14px;line-height:1.4em;display:inline-block;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .price{height:55px;padding:20px 0;margin:0 20px;border-bottom:solid 1px #dadada;text-align:center;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .price p{font-size:21px;font-weight:bold;line-height:1.4em;display:inline-block;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .price p.tent{color:#666;font-size:12px;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place{padding:20px 0 30px;margin:0 20px;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place div{} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place div span{position:relative;top:5px;width:20px;height:20px;margin-top:4px;margin-right:5px;display:inline-block;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place div.stadium span{background:#ffff00;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place div.home span{background:#a9fe01;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place div.away span{background:#7bcdf0;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place div p{line-height:1px;display:inline-block;} @media screen and (max-width:1100px){ .contents.ticket{padding-bottom:20px;} .contents.ticket > .inner{width:92%;margin:0 4%;} .contents.ticket > .inner .module .inner{width:100%;margin:0;} .contents.ticket .inner .content_header .inner .nav.low.foods{margin-bottom:30px;padding:0 0 0;border-bottom:8px solid #0c0a58;} .contents.ticket .inner .content_header .inner .nav.low.foods .inner{width:100%;margin:0;} .nav.low .inner div.btn_nav_low{text-align:left} .nav.low .inner div.btn_nav_low p{margin-left:0;} .nav.low .inner div.btn_nav_low svg{padding:24px 0 0 1px} .nav.low .inner div.btn_nav_low .btn.toggle{text-align:center;} .contents.ticket .inner .content_header .inner .item_module ul li.item{width:48%;margin-right:4%;} .contents.ticket .inner .content_header .inner .item_module ul li.item.last_sp{margin-right:0;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .img{width:100%;height:auto;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .img img{width:100%;max-height:100%;height:auto;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place{padding:20px 0 20px;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place div{margin-bottom:5px;} } @media screen and (max-width:690px){ .contents.ticket .inner .content_header .inner .item_module ul li.item{width:100%;margin-right:0;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .ttl{height:auto;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .ttl p{font-size:14px;line-height:1.2em;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .txt{height:auto;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .txt p{font-size:12px;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place div span{margin-right:10px;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place div span{top:0px;width:10px;height:10px;} .contents.ticket .inner .content_header .inner .item_module ul li.item a .place div p{font-size:12px;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ 019 ファジフーズ -------------------------------------------------- */ /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ 014 チケットの購入方法 -------------------------------------------------- */ ul.list li {list-style-type:disc;margin: 0 0 0.5em 1.5em;} /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ 2021追加 -------------------------------------------------- */ /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ 席種と価格 -------------------------------------------------- */ .contents.col_2.post .inner .content .content_left .post_inner .price_content h4{ padding-left: 10px; font-size: 15px; line-height: 1.4em; font-weight: bold; color: #ad0040; border-left: 4px solid #ad0040; margin-top: 30px; } /*　-------------------------------------------------- 夢パス -------------------------------------------------- */ .dreampath-image{vertical-align: middle;text-align: center;} .dp-note {padding: 5px 0;display: block;} .contents.col_2.post .inner .content .content_left .post_inner li.sponsor{width: 30%;margin:1.5%;display:inline-block;vertical-align: middle;text-align: center;} @media screen and (max-width: 768px){ .contents.col_2.post .inner .content .content_left .post_inner li.sponsor{margin:2%;display:inline-block;vertical-align:top;width:45%} } /*　-------------------------------------------------- seasonpath -------------------------------------------------- */ .top_box{display:block; padding: 30px;border: solid 3px #ad0040;text-decoration:none;border-radius:5px;margin: 20px;text-align: center;} .top_box_text01{font-weight: bold;font-size: 2.2rem!important;color: #ad0040;} .top_box_text02{color:#000;padding-top: 10px;font-size: 1.4rem!important;} .top_box_text03 {text-decoration: underline;font-size: 1.4rem;padding: 5px;display: inline;font-weight: 500;} span.hv {text-decoration: underline;font-size: 14px;padding: 5px;display: inline;font-weight: 600;} /*アコーディオン*/ .accbox { padding: 0; max-width:100%} .accbox label { display: block; padding: 10px; color: #ad0040; cursor :pointer; transition: all 0.5s;} .accbox input { display: none;} .accbox .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s;} .cssacc:checked + .accshow { height: auto; padding: 2%; background: #fff;opacity: 1;} /*質問*/ .cp_actab { position: relative; overflow: hidden; width: 100%; margin: 0 auto; color: #ffffff;} .cp_actab input { position: absolute; z-index: -1; opacity: 0;} .cp_actab label { font-weight: bold; line-height: 3; position: relative; display: block; padding: 0 0 0 1em; cursor: pointer; margin: 0 0 1px 0; color:#333333;} .cp_actab .cp_actab-content { overflow: hidden; max-height: 0; -webkit-transition: max-height 0.35s; transition: max-height 0.35s; color: #333333; background: #f8f8f8;} .cp_actab .cp_actab-content p { margin: 1em;} .cp_actab input:checked ~ .cp_actab-content { max-height: 35em;} .cp_actab label::after { line-height: 3; position: absolute; top: 0; right: 0; display: block; width: 3em; height: 3em; -webkit-transition: all 0.35s; transition: all 0.35s;text-align: center;} .cp_actab input[type=checkbox] + label::after { content: '+';} .cp_actab input[type=checkbox]:checked + label::after { transform: rotate(315deg);} @media screen and (max-width: 768px){ .top_box_text01{font-weight: bold;font-size: 1.7rem!important;color: #ad0040;} } /*　-------------------------------------------------- QRガイド -------------------------------------------------- */ .qr_content_left {width: 43%;display: inline-block;margin-bottom: 30px;} .qr_content_right {width: 43%;float: right; padding-right: 15px;margin-bottom: 30px;} .contents.col_2.post .inner .content .content_left .post_inner .qrticket_tab { margin-bottom: 60px} .contents.col_2.post .inner .content .content_left .post_inner .qrticket_tab a{ white-space: nowrap;position: relative; display: block;font-weight:bold; padding:12px 5px 12px; text-decoration:none; color:#0c0a58; background:#f5f5f5; transition: .4s; text-align:center; border-radius:5px; box-shadow:rgba(0,0,0,0.2) 0 2px 3px 0;} .contents.col_2.post .inner .content .content_left .post_inner .qrticket_tab a:hover {background: #0c0a58;color: white;} .contents.col_2.post .inner .content .content_left .post_inner .qrticket_tab ul {display: table;width: 100%;} .contents.col_2.post .inner .content .content_left .post_inner .qrticket_tab li {width: 33.333%;display: table-cell;padding: 0 4px;line-hight:auto} .bs9 {border: 9px solid #efefef;} .contents.col_2.post .inner .content .content_left .post_inner .qr_main h5{ margin: 10px 0 0; font-size: 16px; line-height: 1.5em; font-weight: 500; color: #000; padding:10px 0;height: 70;} #qr_01 {display: block;padding-top: 60px;margin-top: -60px;} #qr_02 {display: block;padding-top: 60px;margin-top: -60px;} #qr_03 {display: block;padding-top: 60px;margin-top: -60px;} @media screen and (max-width: 690px){ .contents.col_2.post .inner .content .content_left .post_inner .qr_main h5{height: auto;float: left;} .qr_content_left {width: 97%;} .qr_content_right {width: 97%;padding-left:0;} .pt0{padding-top: 0!important;} #qr_02 {display: block;padding-top: -900px;margin-top: 900px;} #qr_03 {display: block;padding-top: -900px;margin-top: 900px;} } /*　-------------------------------------------------- 車いす -------------------------------------------------- */ .contents.col_2.post .inner .content .content_left .post_inner .various_content h4{ margin: 10px 0; padding-left: 10px; font-size: 15px; line-height: 1.4em; font-weight: bold; color: #ad0040; border-left: 4px solid #ad0040; } .hackcontents.col_2.post .inner .content .content_left .post_inner .pic_various{ padding-top: 10px; } .contents.col_2.post .inner .content .content_left .post_inner .pic_various .pic{ width: 48%;margin: 1%; } @media screen and (max-width: 690px){ .contents.col_2.post .inner .content .content_left .post_inner .pic_various .pic{ width: 100%; } } /*　-------------------------------------------------- 各座席の詳細ページ -------------------------------------------------- */ .contents.col_2.post .inner .content .content_left .post_inner .content01_left{ width: 34%;display: inline-block;margin-right: 5px; } .contents.col_2.post .inner .content .content_left .post_inner .content01_right{ width: 65%;float: right; } .contents.col_2.post .inner .content .content_left .post_inner .content01_right .t_table .price{ text-align: right; } .contents.col_2.post .inner .content .content_left .post_inner .detailpc{ padding-top: 30px; } .contents.col_2.post .inner .content .content_left .post_inner .detailpc .text01{ 　text-align: center;font-size: 18px; } @media screen and (max-width: 690px){ .contents.col_2.post .inner .content .content_left .post_inner .content01_left { width: 100%!important; } .contents.col_2.post .inner .content .content_left .post_inner .content01_right{ width: 100%;padding: 10px 0 30px; } } /*　-------------------------------------------------- 共通 -------------------------------------------------- */ /*ボタン*/ .t_btn {position: relative; color: #ad0040; text-align: center; display: inline-block;margin-top: 20px;border: solid 2px #ad0040; border-radius: 5px;padding: 5px 10px;} .t_btn a{color: #ad0040!important; font-size: 18px; line-height: 1.4em; display: inline-block;text-decoration: none!important; } .t_btn a hover {text-decoration: underline!important;} .t_btn_02 {position: relative; color: #ad0040; text-align: center; display: inline-block; margin: 10px; border: solid 2px #ad0040; border-radius: 5px; padding: 5px 10px;} .t_btn_02 a { color: #ad0040!important; font-size: 14px; line-height: 1.4em; display: inline-block; text-decoration: none!important;} .t_btn_03{color:#ad0040;;text-decoration:none;display:inline-block;} .t_btn_03 a{padding:15px;color:#ad0040!important;font-size:15px;line-height:1.4em;font-weight:bold;display:inline-block;text-decoration:none;} /*座席図*/ .map{margin: 50px 0 100px 50px;} /*その他*/ .pt10 {padding-top: 10px;} .pt20{padding-top: 20px} .pt30{padding-top: 30px;} .pt50{padding-top: 50px;} .mt30{margin-top: 30px;} .mb10{margin-bottom: 10px;} .mt50{margin-top: 50px;} .bold {font-weight: bold;display: inline;} .w500{font-weight: 500;} .center{vertical-align: middle;text-align: center;} mark { color:#ad0040;} .contents.col_2.post .inner .content .content_left .post_inner .ticket_box dt {font-weight: 400;color: #000;} .contents.col_2.post .inner .content .content_left .post_inner .ticket_box dd {padding-left: 1em;} .table a {text-decoration: underline;} .contents.col_2.post .inner .content .content_left .post_inner p.indent-1 {padding-left: 1em;text-indent: -1em;} li.n_margin02_text {text-indent: -1.1em;padding-left: 1.3em;} .gray-box{background: #f8f8f8; padding: 10px;} .gray-box02{background: #f8f8f8; padding: 10px;margin: 20px;} .ticket_list01{padding: 10px 0;} /*sp*/ @media screen and (max-width: 690px){ .top_box{padding: 10px;margin: 20px 0;} .top_box_text02{font-size: 1.4rem!important;padding-top: 20px;} .top_box_text03{font-size: 1.4rem;display: block;} span.hv {font-size: 1.2rem;display: block;} .cp_actab label { font-weight: bold; line-height: 2; position: relative; display: block; padding: 0 0 0 1em; cursor: pointer; margin: 0 0 15px 0; color: #333333; padding-right: 15%;} .map{margin: 20px 0 50px 20px} } /*ipad*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { :root { width: 100%; } body#body footer.footer .inner, body#body header.header .inner { width: 90%; margin: 0 auto; } }