@charset "utf-8";
.foot_sponsorLinls { width: 90%; margin: auto; padding: 1em 0; overflow: hidden; }
.foot_sponsorLinls a { display: block; text-align: center; width: 10em; line-height: 2em; margin: auto; border-radius: 5px; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #036eb8), color-stop(0.00, #003256)); background: -webkit-linear-gradient(#003256, #036eb8); background: linear-gradient(#003256, #036eb8); color: #fff; }
.layout-team-header .team-nav li.tnav07 { display: inline-block !important; }

@media print, screen and (min-width: 768px) {
.layout-team-header .team-nav li { margin-right: 0; }
}
/*
************************************************
** カスタマイズ用CSS  PCメイン
************************************************/
.customHeadline { font-weight: normal!important; padding: 0.35em 1em; border-radius: 5px; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #036eb8), color-stop(0.00, #003256)); background: -webkit-linear-gradient(#003256, #036eb8); background: linear-gradient(#003256, #036eb8); color: #fff!important; }
/*
** ブースタークラブカウンター
************************************************/
/**
ブースタークラブ種別が増えた場合
#000　#fff　部分のカラーコードを書き換えてコメントタグの外へコピペ

background: #000;　背景色
color: #fff;　文字色
  
.c_cont .newColor1 th p { background: #000; color: #fff; }
.c_cont .newColor2 th p { background: #000; color: #fff; }
.c_cont .newColor3 th p { background: #000; color: #fff; }
.c_cont .newColor4 th p { background: #000; color: #fff; }
.c_cont .newColor5 th p { background: #000; color: #fff; }

*/

.myBtn{ width: 100%; overflow: hidden; padding: 0.35em 0; }
.myBtn a{ display: inline-block; background-color: #f9f9f9; color: #000; margin: 0 auto; padding: 0.25em 1em; border-radius: 3px; box-shadow: 3px 3px 0px rgba(0,0,0,0.4); }
.myBtn a:hover{ background-color: #f1f1f1; color: #c00; }   
.btn_blue a{ background-color: #2660ad; color: #fff; }  
.counter_booster .myBtn { text-align: center; padding-top: 1em; }
.counter_booster .myBtn a{ box-shadow: 3px 3px 0px rgba(0,171,235,0.4); line-height: 1; padding-top: 0.5em; padding-bottom: 0.5em; }
.counter_booster .myBtn a::after{ display: inline-block; content: "▶"; vertical-align: middle; margin-left: 0.35em; color: rgba(255,255,255,0.5); }
.counter_booster .myBtn a:hover::after{ color: #c00; }  
    
.counter_booster{ padding: 80px 0 20px; height: auto; background: url(/files/user/_/common/img/counterBG_new.jpg?v=1529662974) no-repeat 50% 0; }
.c_ttl p{ font-size: 120%; color: #000; font-weight: bold; }
.s_ttl p{ font-size: 120%; color: #000; font-weight: bold; }
.c_cont table th{ font-size: 110%; }
.c_cont table td{ font-size: 120%; }
.s_cont table td{ font-size: 120%; }
    
.s_cont table td strong{ font-size: 180%; }
    
.c_ttl p{ width: 50%; line-height: 24px; margin: 0 auto; text-align: center; background: rgba(255,255,255,0.7); } 
.s_ttl p{ width: 50%; line-height: 24px; margin: 0 auto; text-align: center; background: rgba(255,255,255,0.7); } 
.c_cont,.s_cont { font-weight: bold; }
.c_cont { width: 96%; padding: 5px; margin: 0 auto 20px; background: rgba(255,255,255,0.7); box-sizing: border-box; }
.s_cont { width: 96%; padding: 5px; margin: 0 auto; background: rgba(255,255,255,0.7);box-sizing: border-box; } 
.c_cont table { width: 100% ;border-collapse: collapse; border-spacing: 0; padding:  0; margin: 0 auto; }
.c_cont table th,.c_cont table td{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; box-sizing: border-box; vertical-align: middle; line-height: 1; }
.c_cont table th{ width: 65%; }
.c_cont table td{ width: 35%; padding-right: 10px; text-align: right; color: #000; }
.c_cont table th p { text-align: center; margin: 0 0 2px; padding: 0.25em 0; background: rgba(255,255,255,0.7); color: #000; line-height: 1; }
.c_cont .total th p {  background-color: transparent; }
.c_cont .total { background: rgba(0,0,0,0.8); color: #fff;}
.c_cont table .total th{ text-align: center; padding: 0.35em 0; }
.c_cont table .total td{ color: #fff; }
.s_cont table { width: 100% ;border-collapse: collapse; border-spacing: 0; padding:  0; margin: 0 auto; }
.s_cont table th,.s_cont table td{ border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #fff; padding: 0.5em 0 0; box-sizing: border-box; line-height: 1; color: #000; vertical-align: baseline; }
.s_cont table th{ width: 40%; text-align: left;  }
.s_cont table td{ width: 60%; text-align: right; vertical-align: baseline;padding-right: 10px; }
.s_cont table td.s_target { text-align: center; width: 100%; padding-bottom: 1em; }
    
.s_cont table td strong{ margin: 0 10px 0 0; padding: 0; color: #c00; font-family: "Times New Roman", Times, "serif"; font-style: italic; text-shadow: 1px 1px 0px rgba(255,255,255,0.7); }
.s_cont table th p { text-align: center; margin: 0; padding: 0.5em 0; background: rgba(255,255,255,0.7); color: #003894; line-height: 1; border-left: 10px solid #fff; }
.s_cont table tr:first-child th p{ border-color: #2660ad; }
.s_cont table tr:nth-child(2) th p{ border-color: #f8b62c; }  
    
.c_cont .premium th p { background: #ddd; }
.c_cont .loyal th p { background: #7ac38d; }
.c_cont .hometown th p { background: #00abeb; } 
.c_cont .highgrade th p { background: #f18f4d; }  
.c_cont .standard th p { background: #2660ad; color: #fff; text-shadow: 1px 1px 0px #000; }   
.c_cont .light th p { background: #fff100; color: #000; } 
.c_cont .junior th p { background: #ed6c00; color: #000; }
/*
** スサノオ様バナーブロック上書き
************************************************/
.custom_bnr { margin: 0; padding: 0; }
.custom_bnr li { margin: 0 0 2px; padding: 0; }
.custom_bnr li img { display: block; max-width: 100%; height: auto; margin: 0; padding: 0; }
/*
** ここから旧サイト移植　PCから
************************************************/
.entry_header { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #036eb8), color-stop(0.00, #003256)); background: -webkit-linear-gradient(#003256, #036eb8); background: linear-gradient(#003256, #036eb8); margin: 0 0 1em; padding: 0; border-radius: 10px; }
.entry_header h2.headline { font-size: 160%; font-weight: normal; margin: 0; padding: 1em 2em; background: transparent url(/files/user/_/common/img/logo_txt.png?v=1529663066) no-repeat 5px 50%; color: #fff; }
.post { width: 100%; margin: 0 auto; }
.post h4, .post h5, .post h6 { border-bottom: 1px dotted #036eb8; color: #036eb8; font-size: 120%; font-weight: normal; line-height: 1.8; margin: 2em 0 0.5em; }
.body--booster .layout-content, .body--sponsor .layout-content { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #003f6c), color-stop(0.50, #000), color-stop(0.15, #003f6c), color-stop(0.00, #000)); background: -webkit-linear-gradient(top, #000 0%, #003f6c 15%, #000 50%, #003f6c 100%); background: linear-gradient(to bottom, #000 0%, #003f6c 15%, #000 50%, #003f6c 100%); }
.body--booster .layout-main, .body--sponsor .layout-main { background-color: transparent!important; }
/*#page_fanclub_pages .layout-content, #page_partner_pages .layout-content { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #003f6c), color-stop(0.50, #000), color-stop(0.15, #003f6c), color-stop(0.00, #000)); background: -webkit-linear-gradient(top, #000 0%, #003f6c 15%, #000 50%, #003f6c 100%); background: linear-gradient(to bottom, #000 0%, #003f6c 15%, #000 50%, #003f6c 100%); }
#page_fanclub_pages .layout-main, #page_partner_pages .layout-main { background-color: transparent!important; }*/
#body--sponsor-sponsor-list, #body--sponsor-sponsor-list .layout-content { background: #fff!important; }
/* フッタースポンサーバナー */
.body--ticket .layout-sponsors { background-color: rgba(255,255,255,0.7); }
.body--ticket .layout-sponsors { background-color: rgba(255,255,255,0.7); }


#page_ticket_pages .layout-sponsors { background-color: rgba(255,255,255,0.7); }
#page_ticket_pages .layout-sponsors { background-color: rgba(255,255,255,0.7); }
/* パン屑 */
.body--booster .bread, .body--sponsor .bread { background-color: transparent!important; }
/*#page_fanclub_pages .bread, #page_partner_pages .bread { background-color: transparent!important; }*/
/* button */
.btnCenter { width: 100%; overflow: hidden; text-align: center; font-size: 140%; }
.btnCenter a { display: inline-block; padding: 0.5em 2em; color: #FFF; background: #036eb8; border-radius: 5px; }
.btnCenter a:hover { opacity: .5; }
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ スポンサー */
/* --------------------------------------------------------------------------------- */
.body--sponsor .post { width: 720px; margin: auto; padding: 30px; background-color: rgba(255,255,255,0.9); border-radius: 10px; }
#page_partner_pages .post { width: 720px; margin: auto; padding: 30px; background-color: rgba(255,255,255,0.9); border-radius: 10px; }
#body--sponsor-sponsor-list .layout-side { display: none; }
#body--sponsor-sponsor-list .layout-main { width: 100%!important; float: none!important; }
#body--sponsor-sponsor-list .layout-second { width: 96%; margin: 0 auto!important; padding: 0!important; }
#body--sponsor-sponsor-list .post { width: 90%; }
h2.customHeadline { font-weight: normal!important; margin: 0 0 1em; padding: 0.35em 1em; border-radius: 5px; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #036eb8), color-stop(0.00, #003256)); background: -webkit-linear-gradient(#003256, #036eb8); background: linear-gradient(#003256, #036eb8); color: #fff!important; font-size: 120%; }
ul.official_sponsor { width: 100%; overflow: hidden; }
ul.official_sponsor li { list-style: none; width: 20%; height: 150px; padding: 0; margin: 0; float: left; text-align: center; vertical-align: middle; }
ul.boostcompany li { height: 2em; line-height: 1.2; }
ul.official_sponsor li img { display: inline!important; vertical-align: middle!important; max-width: 100%!important; height: auto!important; }
/* == ▼ スポンサー募集 */
dl.sponsor-recruit { width: 50%; float: left; }
dl.sponsor-recruit dt, dl.sponsor-recruit dd { margin-right: 5px; }
dl.sponsor-recruit dt { text-align: center; background-color: #036eb8; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ スポンサー募集ページ */
/* --------------------------------------------------------------------------------- */
/* 各ページトップナビ */
/* new ボタン */
.sponsor-pagetop-btnlist { width: 100%; overflow: hidden; margin: 0 0 10px; padding: 0; }
.sponsor-pagetop-btnlist li { list-style: none; margin: 0; padding: 0; width: 20%; height: 72px; float: left; overflow: hidden; }
.sponsor-pagetop-btnlist li img { width: 100%; height: auto; }
.sponsor-pagetop-btnlist li a { display: block; width: 100%; text-align: center; background-color: #06c; }
.sponsor-pagetop-btnlist li.activepage a, .sponsor-pagetop-btnlist li a:hover { text-decoration: none; background-color: #006; }
/* 募集トップ */
.sponsorpageTopbanner img { display: block; width: 100%; }
.sponsor-top-list { width: 100%; margin: 0; padding: 0; }
.sponsor-top-list li { list-style: none; margin: 0 0 5px; padding: 0; }
.sponsor-top-list li a { display: block; width: 95%; line-height: 40px; padding-left: 5%; background: #06c url(/files/user/_/common/img/mascot_small.png?v=1529663068) no-repeat 1% 50%; color: #fff; }
.sponsor-top-list li a:hover { text-decoration: none; background: #003670 url(/files/user/_/common/img/mascot_small.png?v=1529663068) no-repeat 1% 50%; color: #fff; }
/* サムネイル */
.sponsor-pagetop-list-thumbnail { width: 100%; margin: 0; padding: 1px 0 20px; overflow: hidden; }
.sponsor-pagetop-list-thumbnail li { list-style: none; width: 360px; height: 80px; margin: 0 0 1px 0; padding: 0; float: left; background-color: #a2c4e7; background-repeat: no-repeat; background-position: 0 50%; }
.sponsor-pagetop-list-thumbnail li.game-uniform { background-image: url(/files/user/_/common/img/thum-uniform2.jpg?v=1529663009); }
.sponsor-pagetop-list-thumbnail li.game-warmingup { background-image: url(/files/user/_/common/img/thum-gameuniform.jpg?v=1529663009); }
.sponsor-pagetop-list-thumbnail li.shooting-shirt { background-image: url(/files/user/_/common/img/thum-game-warmingup.jpg?v=1529663008); }
.sponsor-pagetop-list-thumbnail li.floor { background-image: url(/files/user/_/common/img/thum-floor.jpg?v=1529663008); }
.sponsor-pagetop-list-thumbnail li.coatside { background-image: url(/files/user/_/common/img/thumb-coatside.jpg?v=1529663009); }
.sponsor-pagetop-list-thumbnail li.ring { background-image: url(/files/user/_/common/img/thum-ring.jpg?v=1529663009); }
.sponsor-pagetop-list-thumbnail li.panel { background-image: url(/files/user/_/common/img/thum-panel.jpg?v=1529663009); }
.sponsor-pagetop-list-thumbnail li.board { background-image: url(/files/user/_/common/img/thum-board.jpg?v=1529663008); }
.sponsor-pagetop-list-thumbnail li.panoramasheet { background-image: url(/files/user/_/common/img/thumb-panoramasheet.jpg?v=1529663010); }
.sponsor-pagetop-list-thumbnail li.cheer-uniform { background-image: url(/files/user/_/common/img/thum-aqua.jpg?v=1529663008); }
.sponsor-pagetop-list-thumbnail li.main-sponsor { background-image: url(/files/user/_/common/img/thum-main-sponsor.jpg?v=1529663009); }
.sponsor-pagetop-list-thumbnail li a { display: block; width: 250px; line-height: 80px; padding-left: 110px; background-color: transparent; color: #000; background-image: none; }
.sponsor-pagetop-list-thumbnail li a:hover { text-decoration: none; background-color: transparent; color: #069; background-position: 98% 50%; }
.sponsor-sub-list { width: 100%; margin: 0 0 20px; padding: 0; overflow: hidden; }
.sponsor-sub-list li { list-style: none; width: 240px; margin: 0; padding: 0; float: left; text-align: center; font-size: 95%; }
.sponsor-sub-list li a { display: block; width: 239px; margin: 0 auto 1px; padding: 10px 0; background-color: #006; color: #fff; }
.sponsor-sub-list li.active a { background-color: #003; color: #fff; }
.sponsor-sub-list li a:hover { opacity: .7; }
/* 大外枠 */
.sponsorExcontainer { width: 100%; overflow: hidden; margin-bottom: 30px; }
.sponsorExcontainer img { display: block; margin: 0 auto; width: 100%; height: auto; }
.sponsorEx50 { width: 360px; float: left; }
.sponsorEx30 { width: 240px; float: left; padding: 0 5px; box-sizing: border-box; }
.sponsorExleft { width: 350px; padding-right: 10px; }
.sponsorExright { width: 350px; padding-left: 10px; }
.sponsorEx50 img, .sponsorEx30 img { display: block; width: 100%; height: auto; margin-bottom: 5px; }
/**/
.sponsorExtitle { background-image: none !important; border-left: 0 !important; margin: 0 0 1.5em!important; padding: 0!important; }
/**/
.ponsorInnertitle { font-size: 150%; line-height: 28px; font-weight: bold; padding-left: 25px; color: #06c; background: url(/files/user/_/common/img/mascot_20_28.png?v=1529663068) no-repeat 0 50%; }
/* 見出し・タイトル */
.sponsorHead { margin-bottom: 5px; padding: 2px; border: 2px solid #06c; background: url(/files/user/_/common/img/bg_35.png?v=1529663047); }
.sponsorHead-inner { padding: 1em; border: 1px dotted #06c; }
.sponsorHead-inner h2 { margin: 0; padding: 0; background-image: none !important; background-color: transparent !important; color: #06c; font-size: 160%; text-align: center; font-weight: bold; }
/* その他ページ調整分 */
#other .sponsorHead-inner h2 { font-size: 120%; }
.sponsorHead-inner .sponsorExtitle { margin: 0 !important; color: #06c; font-size: 140%; text-align: center; }
/* 各ページ下部お問い合わせ */
.sponsorfooterEx { margin: 50px 0 20px; padding: 2em; background-color: rgba(255,255,255,1); }
.sponsor-pdf-link { padding: 1em 0; }
.sponsor-pdf-link a { display: block; text-align: center; line-height: 40px; font-size: 150%; background-color: #039; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sponsor-pdf-link a:hover { text-decoration: none; background-color: #06f; color: #fff; }
/* 媒体金額 */
.sponsorPrice { width: 100%; margin-bottom: 30px; }
.sponsorPrice th, .sponsorPrice td { text-align: left; padding: 0.35em 0 0.35em 1em; line-height: 1; border-top: 1px solid #06c; border-bottom: 1px solid #06c; }
.sponsorPrice th { width: 14em; background-color: #06c; color: #fff; font-weight: normal; }
/* その他ページ調整分 */
#other .sponsorPrice th { width: 8em; }
.sponsorPrice td { border-right: 1px solid #06c; background: url(/files/user/_/common/img/bg_35.png?v=1529663047); }
.sponsorPrice td.sponsorPrice-foot { border: 0; background: none; padding-top: 0.5em; padding-left: 0; }
.sponsorPrice td.price { color: #03c; }
/**/
.sponsorExcontainer dl { margin-bottom: 20px; }
.sponsorExcontainer dt { font-size: 120%; line-height: 28px; margin: 0; padding-left: 25px; color: #06c; background: url(/files/user/_/common/img/mascot_20_28.png?v=1529663068) no-repeat 0 50%; font-weight: bold; }
.sponsorExcontainer dd { margin-bottom: 0.5em; line-height: 1.5; padding: 0 0 0 25px; }
/* ゲームユニフォーム */
.sponsorInner30 { padding: 1em; height: 14em; border: 2px solid #06c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sponsorInner30title { font-size: 110%; font-weight: bold; text-align: center; color: #06c; margin-bottom: 1em; line-height: 1.2 !important; }
/* オフィシャル・ブースト・カンパニー */
.boostcompanyHeadcontainer { padding-top: 5px; background: url(/files/user/_/common/img/boosterclubLogo_large.png?v=1529663050) no-repeat 0 0; }
.boostcompanyHead, .boostcompanySubHead { font-weight: bold; text-align: center; line-height: 1.2 !important; }
.boostcompanyHead { margin: 1em 0 0.5em; font-size: 200%; }
.boostcompanySubHead { font-size: 150%; margin-bottom: 1.5em; }
.officialboostcompany h3 { font-size: 160%; font-weight: bold; line-height: 1; margin-bottom: 0.5em; padding: 6px 0 6px 35px; background: url(/files/user/_/common/img/boosterclubLogo.png?v=1529663050) no-repeat 0 50%; color: #06c; border: 0; }
/* 特典 */
.sponsorExcontainer h3 { font-size: 130%; line-height: 1; margin-bottom: 0.5em; padding: 6px 0 6px 25px; background: url(/files/user/_/common/img/mascot_20_28.png?v=1529663068) no-repeat 0 50%; color: #06c; border: 0; }
/* ▼▼▼▼▼ スサマジタウンの紹介 */
.susamagtownNav { margin-bottom: 0.5em; }
.susamagtownNav .colThree { width: 100%; display: table; margin: 0; padding: 0; }
.susamagtownNav .colThree li { list-style: none; margin: 0; padding: 0; display: table-cell; height: 30px; line-height: 30px; border-right: 1px solid #eee; }
.susamagtownNav .colThree li:last-child { border: 0; }
.susamagtownNav .colThree li a { display: block; width: 100%; text-align: center; background-color: #06c; color: #fff; }
.susamagtownNav .colThree li.activepage a, .susamagtownNav .colThree li a:hover { text-decoration: none; background-color: #006; color: #fff; }
.susamagtownHead { margin-bottom: 1em; padding: 2px; border: 2px solid #06c; background-color: rgba(255,255,255,0.35); }
.susamagtownHead-inner { padding: 1em; border: 1px dotted #06c; }
.susamagtownHead-inner h2 { margin: 0; padding: 0; background-image: none !important; background-color: transparent !important; color: #06c; font-size: 180%; text-align: center; font-weight: bold; }
.susamagtownHeadcontainer { padding-left: 230px; background: url(/files/user/_/common/img/clubCard.png?v=1529663053) no-repeat 0 0; }
#body--sponsor-susamagtown h3 { font-size: 160%; font-weight: bold; line-height: 1; padding: 6px 0 6px 25px; background: url(/files/user/_/common/img/mascot_20_28.png?v=1529663068) no-repeat 0 50%; color: #06c; border: 0; }
#body--sponsor-susamagtown .post ol { margin: 0 0 1em; padding: 0; }
#body--sponsor-susamagtown .post ol li { margin: 0 0 0.5em 1.5em; padding: 0; list-style: decimal; }
.innerLink { margin: 0; line-height: 1; }
.innerLink a { display: inline-block; padding: 0.25em 0.5em; text-align: center; background-color: #003256; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.innerLink a:hover { background-color: #f00; color: #fff; }
#body--sponsor-susamagtown-susamagtown-list .post h1 { font-size: 120%; font-weight: normal; line-height: 1.2; margin: 0 0 0.5em; padding: 0.5em 1em; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #036eb8), color-stop(0.00, #003256)); background: -webkit-linear-gradient(#003256, #036eb8); background: linear-gradient(#003256, #036eb8); color: #fff; }
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ チケット */
/* --------------------------------------------------------------------------------- */
.body--ticket { background-color: transparent!important; }
.body--ticket .layout-team-header { background: rgba(3,110,184,0.3)!important; }
.body--ticket .layout-content, .body--ticket .layout-main, .body--ticket .bread { background: transparent!important; }
.body--ticket .layout-global-footer { background: rgba(3,110,184,0.3)!important; }
.body--ticket .layout-second { margin: 30px 0 70px!important; }
.body--ticket .layout-global-header a { color: #FFF!important; }
.body--ticket .component-sidenav a { border-color: #fff !important; }
.body--ticket .bread, .body--ticket .bread a { color: #fff !important; }
/* .ticket_container { width: 960px; margin: 0 auto; padding: 10px; box-sizing: border-box; background-color: rgba(255,255,255,0.5); border-radius: 10px; } */
.body--ticket .ticket_container .post { background-color: rgba(255,255,255,0.6); }
.ticketEntry-tickets { width: 100%; }
#body--ticket-index .ticket_container { background-color: transparent!important; }
/*.body--ticket .layout-team-header .team-nav li > a .is-animate:before, .body--ticket .layout-team-header .team-nav li > a .is-animate:after { background: rgba(3,110,184,1); }*/
.body--ticket .layout-sponsors { display: none; }

#page_ticket_pages { background-color: transparent!important; }
/* #page_ticket_pages .layout-team-header { background: rgba(3,110,184,0.3)!important; } */
/* #page_ticket_pages .layout-content, #page_ticket_pages .layout-main, #page_ticket_pages .bread { background: transparent!important; } */
/* #page_ticket_pages .layout-global-footer { background: rgba(3,110,184,0.3)!important; } */
/* #page_ticket_pages .layout-second { margin: 30px 0 70px!important; } */
#page_ticket_pages .layout-global-header a { color: #FFF!important; }
/*#page_ticket_pages .component-sidenav a { border-color: #fff !important; }*/
/*#page_ticket_pages .bread, #page_ticket_pages .bread a { color: #fff !important; }*/
#page_ticket_pages .ticket_container .post { background-color: #FFF;}
#page_ticket_pages .layout-sponsors { display: none; }




/* フッター
------------------------------------------------------------------------*/
#footerFix { padding: 100px 0 0; }
.footerBtn { width: 100%; height: auto; position: static; }
.footerBtn img { display: block; padding: 0; margin: auto; }
.footerBtn { width: 100%; height: auto; position: static; text-align: center; }
.footerBtn img { display: inline-block; padding: 0 10px }
.footerBtn a:hover img { opacity: 0.7; }
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ チケット */
/* --------------------------------------------------------------------------------- */
/* == ▼ チケットトップページ */
.topLogo { text-align: center; padding: 40px 0 100px; }
/* トップページ */
.ticketEntry-tickets { min-height: 400px; }
.ticketEntry-tickets h2 { font-family: "Times New Roman", Times, serif; text-align: center; line-height: 1.5; color: #00F3FF; font-size: 400%; }
h2.headline { color: #fff!important; }
/* 座席紹介 */
.sheet_price { width: 100%; margin-bottom: 50px; background-color: #0e6eb8; }
.sheet_price td { width: 50%; padding: 20px 0; }
.sheet_price td img { width: 100%; height: auto; vertical-align: middle; }
.seat { margin-bottom: 80px; padding-bottom: 30px; background-color: rgba(255,255,255,0.8); }
.seat p { margin: 0; padding: 0.35em 2em; background: url(/files/user/_/images/ticket/bg_85.png?v=); }
.seat p.sheetImg { margin: 0; padding: 0; background-image: none; }
.seat p.sheetImg img { display: block; margin: 0; }
/**/
.seattab { width: 100%; overflow: hidden; margin: 0; padding: 0; }
.seattab li { list-style: none; background-color: rgba(255,255,255,0.8); width: 33.2%; float: left; margin: 0 1px 1px 0; padding: 0; text-align: center; box-sizing: border-box; }
.seattab li a { display: block; width: 99%; margin: 0 auto; background-color: transparent; color: #003; }
.seattab li a:hover { text-decoration: none; background-color: #006; color: #fff; }
.seattab li.active, .seattab li.active a { background-color: #006; color: #fff; -ms-filter: "alpha( opacity=100 )"; filter: alpha( opacity=100 ); opacity: 1; }
.seatcontainer {/*切り替わる部分を囲うボックス*/ clear: both; overflow: hidden; width: 100%; }
.seat {/*切り替わる部分はまず全部消しておく*/ display: none; }
/* お得なTicket */
.obtainedtab { width: 100%; overflow: hidden; margin: 0 0 1px; padding: 0; }
.obtainedtab li { list-style: none; background-color: #fff; width: 20%; float: left; margin: 0; padding: 0; text-align: center; border-right: 1px solid #fff; box-sizing: border-box; }
.obtainedtab li:last-child { border: 0; }
.obtainedtab li a { display: block; color: #fff; width: 100%; line-height: 40px; margin: 0 auto; background-color: rgba(3,110,184,1); }
.obtainedtab li a:hover { text-decoration: none; background-color: #f8b62c; color: #fff; }
.obtainedtab li.active, .obtainedtab li.active a { background-color: #f8b62c; color: #fff; -ms-filter: "alpha( opacity=100 )"; filter: alpha( opacity=100 ); opacity: 1; }
.obtainedTicketcontainer { clear: both; overflow: hidden; width: 100%; }
.obtained { display: none; }
.ticketPrice { margin: 0; }
.ticketBanner img, .ticketPrice img { display: block; margin: 0 auto; }
.paddinBg { margin: 0; padding: 30px 50px 20px; background: url(/files/user/_/images/ticket/bg_85.png?v=); }
.obtained h3 { font-size: 120%; font-weight: bold; line-height: 30px; margin-bottom: 0.5em; padding-left: 1em; color: #2660ad; border-bottom: 1px dotted #2660ad; }
.obtained dt { font-weight: bold; }
.obtained dd { padding: 0.5em 2em 1.5em; }
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ ブースター */
/* --------------------------------------------------------------------------------- */
.body--booster .post { width: 840px; margin: auto; padding: 30px; background-color: rgba(255,255,255,1); border-radius: 10px; }
#page_fanclub_pages .post { width: 840px; margin: auto; padding: 30px; background-color: rgba(255,255,255,1); border-radius: 10px; }
/* == ▼ ブースタークラブトップページ */
.boosterTop_btn { width: 100%; overflow: hidden; margin: auto; padding: 0; }
.boosterTop_btn li { width: 50%; margin: 0; padding: 0 2% 5%; list-style: none; float: left; box-sizing: border-box; }
.boosterTop_btn .caption { text-align: center; padding: 0.5em 0; background-color: rgba(255,255,255,0.9); color: #000; }
.boosterTop_btn li img { display: block; width: 100%; margin: 0; }
/* == ▼ 我等ブースタークラブ */
div.booster_container, div.booster_container .inner { width: 100%; overflow: hidden; }
div.booster_container .inner { margin-bottom: 10px; }
div.booster_container div.thumbnai { width: 240px; float: left; }
div.thumbnai img { display: block; margin: 0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div.booster_ex { width: 540px; float: right; padding-bottom: 30px; }
div.booster_ex h3 { font-size: 100%; line-height: 1.2; margin-top: 0; padding: 0.35em 0.5em; color: #036eb8; border-left: 0.5em solid #036eb8; }
/* == ▼ 入会方法 */
.boosterPrice { width: 100%; overflow: hidden; }
.boosterPrice table { float: left; }
.boosterPrice table th { text-align: center; border-top: 2px solid #999; }
.boosterPrice table th, .boosterPrice table td { line-height: 1; padding: 0.5em 0; border-bottom: 1px solid #999; }
.season-old { width: 300px; }
.season-new { width: 250px; }
.season-old td.cel { width: 50px; text-align: center; }
.boosterPay { width: 100%; }
.boosterPay th { width: 9em; border-right: 1px solid #999; }
.boosterPay td { padding-left: 1em; }
/**/
.cardImg { width: 320px; padding: 0 10px; float: left; background: #fff; }
.cardImg dt { text-align: center; }
.cardImg dd { min-height: 150px; }
/**/
.customTable { width: 100%; margin-bottom: 40px; }
.customTable th, .customTable td { padding: 0; vertical-align: top; }
.customTable tr td:nth-child(2) { padding-left: 30px; }

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
@media only screen and (max-width: 1280px) {
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ スポンサー */
/* --------------------------------------------------------------------------------- */
ul.boostcompany li { width: 25%; min-height: 3em; }
}

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
@media only screen and (max-width: 768px) {
.post { width: 100%; }
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ スポンサー */
/* --------------------------------------------------------------------------------- */
.body--sponsor .post { width: 96%; padding: 2%; }
#page_partner_pages .post { width: 96%; padding: 2%; }
ul.official_sponsor li { width: 25%; height: 130px; }
ul.boostcompany li { width: 50%; height: 2em; }
/* == ▼ スポンサー募集 */
dl.sponsor-recruit { width: 100%; float: none; }
dl.sponsor-recruit dt { margin: 0 0 0.5em; }
dl.sponsor-recruit dd { margin-bottom: 1em; }
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ スポンサー募集ページ */
/* --------------------------------------------------------------------------------- */
/* 各ページトップナビ */
.sponsor-pagetop-list, .sponsor-pagetop-list li { display: none; }
/* new ボタン */
.sponsor-pagetop-btnlist li { width: 33.3%; height: auto; margin-bottom: 1px; }
.sponsor-pagetop-btnlist li img { display: block; width: 100%; height: auto; margin: 0; padding: 0; }
/* 募集トップ */
.sponsor-top-list li a { width: 90%; padding-left: 10%; }
/* サムネイル */
.sponsor-pagetop-list-thumbnail { padding: 1px 0 0; }
.sponsor-pagetop-list-thumbnail li { width: 100%; height: 60px; margin: 0 0 1px 0; float: none; }
.sponsor-pagetop-list-thumbnail li.game-uniform, .sponsor-pagetop-list-thumbnail li.game-warmingup, .sponsor-pagetop-list-thumbnail li.shooting-shirt, .sponsor-pagetop-list-thumbnail li.floor, .sponsor-pagetop-list-thumbnail li.coatside, .sponsor-pagetop-list-thumbnail li.ring, .sponsor-pagetop-list-thumbnail li.panel, .sponsor-pagetop-list-thumbnail li.board, .sponsor-pagetop-list-thumbnail li.panoramasheet, .sponsor-pagetop-list-thumbnail li.cheer-uniform, .sponsor-pagetop-list-thumbnail li.main-sponsor { background-size: auto 100%; }
.sponsor-pagetop-list-thumbnail li a { width: 70%; padding-left: 30%; line-height: 60px; }
.sponsor-sub-list { margin: 0 0 10px; }
.sponsor-sub-list li { list-style: none; width: 50%; }
.sponsor-sub-list li a { display: block; width: 100%; padding: 10px 0; }
/* 大外枠 */
.sponsorEx50, .sponsorEx30 { width: 100%; float: none; padding: 0; }
.sponsorExleft { padding-right: 0; }
.sponsorExright { padding-left: 0; }
/**/
.sponsorExtitle { font-size: 100%; text-align: left; }
/**/
.ponsorInnertitle { font-size: 100%; }
.sponsorHead-inner { padding: 0.5em; }
.sponsorHead-inner h2 { font-size: 120%; text-align: left; padding: 0; }
/* その他ページ調整分 */
#other .sponsorHead-inner h2 { font-size: 100%; }
.sponsorHead-inner .sponsorExtitle { font-size: 120%; text-align: left; }
/* 各ページ下部お問い合わせ */
.sponsorfooterEx { padding: 0; }
/* 媒体金額 */
.sponsorPrice { border: 1px solid #06c; }
.sponsorPrice th, .sponsorPrice td { display: block; padding: 2% 10%; border: 0; }
.sponsorPrice th { width: auto; }
/* その他ページ調整分 */
#other .sponsorPrice th { width: 90%; }
.sponsorPrice td { border-right: 0; }
.sponsorPrice td.sponsorPrice-foot { border: 0; background: none; padding-top: 0.5em; padding-left: 10%; }
/* ゲームユニフォーム */
.sponsorInner30 { margin-bottom: 5px; }
/* オフィシャル・ブースト・カンパニー */
.boostcompanyHeadcontainer { padding-top: 0; background: none; }
.boostcompanyHead, .boostcompanySubHead { text-align: left; }
.boostcompanyHead { font-size: 120%; }
.boostcompanySubHead { font-size: 100%; }
#official-boost-company h3 { font-size: 130%; line-height: 1.2; padding: 0 0 0 35px; min-height: 35px; }
/* 特典 */
#privelege h3 { font-size: 130%; line-height: 1.2; padding: 0 0 0 25px; min-height: 30px; font-weight: bold; }
/* 各ページ下部お問い合わせ */
.sponsorfooterEx { padding: 0.5em; border: 1px dotted #c33; }
/* ▼▼▼▼▼ スサマジタウンの紹介 */
.susamagtownHeadcontainer { padding-left: 0; padding-top: 150px; }
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ チケット */
/* --------------------------------------------------------------------------------- */
.ticket_container { width: 100%; margin-bottom: 0; }
/* == ▼ チケットトップページ */
/* トップページ */
.ticketEntry-tickets { min-height: 390px; background: url(/files/user/_/images/ticket/home_smp.jpg?v=) no-repeat 50% 0; }
.ticketEntry-tickets h2 { font-size: 180%; }
/* 座席紹介 */
.sheet_price { margin-bottom: 0; }
.sheet_price td { width: 100%; padding: 0; display: block; }
.seattab li { background-color: #eee; width: 49.5%; padding: 0; text-align: center; -ms-filter: "alpha( opacity=100 )"; filter: alpha( opacity=100 ); opacity: 1; }
.seattab li a { display: block; background-color: #eee; color: #003; width: 100%; line-height: 1.2em; padding: 0.5em 0 0; height: 3.5em; }
/* お得なTicket */
.obtainedtab li { width: 50%; font-size: 10px; border-bottom: 1px solid #fff;}
.obtainedtab li a { line-height: 45px; }
.ticketBanner { margin-bottom: 0; }
.paddinBg { padding: 20px 15px 20px; }
.paddinBg ul { margin: 0; padding: 0; }
.paddinBg ul li { margin: 0 0 0.5em 1.2em; padding: 0; }
.paddinBg td { display: block; width: 100%; }
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ ブースター */
/* --------------------------------------------------------------------------------- */
.body--booster .post { width: 98%; padding: 1%; border-radius: 0; }
#page_fanclub_pages .post { width: 98%; padding: 1%; border-radius: 0; }
/* == ▼ ブースタークラブトップページ */
.boosterclub_topBtn ul { width: 100%; overflow: hidden; margin: 0 0 30px; padding: 0; }
.boosterclub_topBtn li { text-align: center; list-style: none; width: 230px; float: left; margin: 0 10px 10px 0; padding: 0; }
.boosterclub_topBtn p { width: 100%; margin-bottom: 10px; }
/* == ▼ 我等ブースタークラブ */
div.booster_container .inner { margin-bottom: 50px; }
div.booster_container div.thumbnai { float: none; margin: 0 auto 5px; }
div.booster_ex { width: 100%; float: none; }
/**/
.customTable th, .customTable td { padding: 10px 0; display: block; }
.customTable tr td:nth-child(2) { padding-left: 0; }
.customTable th, .customTable img { display: block; max-width: 100%!important; height: auto!important; }
}

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
@media only screen and (max-width: 480px) {
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ スポンサー */
/* --------------------------------------------------------------------------------- */
ul.official_sponsor li { width: 50%; height: 100px; }
ul.boostcompany li { width: 100%; height: auto; text-align: left; }
.sponsor-sub-list li { font-size: 10px; }
}

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
@media only screen and (max-width: 320px) {
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ チケット */
/* --------------------------------------------------------------------------------- */
/* 201503追加　ブースタークラブ資料請求リンクボタン */
p.btnformLink a { display: block; font-size: 120%; }
}

/**********************************************************************************************************************************/
/* チケットスマホ調整分 */
/**********************************************************************************************************************************/
@media only screen and (max-width: 760px) {
/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ チケット */
/* --------------------------------------------------------------------------------- */
.body--ticket .component-sidenav-inner { background-color: rgba(3,110,184,0.4); }
.body--ticket .component-sp-sidenav a { color: #fff; text-shadow: 0 0 1px #000; }


#page_ticket_pages .component-sidenav-inner { background-color: rgba(3,110,184,0.4); }
#page_ticket_pages .component-sp-sidenav a { color: #fff; text-shadow: 0 0 1px #000; }
}
/**/
.customTable_col3, .customTable_col2 { width: 100%; }
.customTable_col2 th, .customTable_col2 td, .customTable_col3 th, .customTable_col3 td { text-align: left; vertical-align: middle; margin: 0; padding: 14px; border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc; box-sizing: border-box; }
.customTable_col2 th, .customTable_col3 th { background-color: rgba(3,110,184,1); color: #fff; text-align: center; }
.customTable_col2 tbody tr:nth-child(odd), .customTable_col3 tbody tr:nth-child(odd) { background-color: rgba(255,255,255,0.5); }
.customTable_col2 tbody tr:nth-child(even), .customTable_col3 tbody tr:nth-child(even) { background-color: rgba(255,255,255,0.8); }
@media only screen and (max-width: 768px) {
.customTable_col3 th, .customTable_col3 td { display: table-cell; width: 33%; padding: 1% 2%!important; }
.customTable_col2 th, .customTable_col2 td { display: block; }
}

/* --------------------------------------------------------------------------------- */
/* ▼▼▼▼▼ トップウィークリースポンサー */
/* --------------------------------------------------------------------------------- */
.top_weeklys{ width: 100%; background: #dff2fc; }
.top_weeklys_title { text-align: center; margin: 0; padding: 0.5em 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #09123c), color-stop(1.00, #0e3e8d));background: -webkit-linear-gradient(#09123c, #0e3e8d);background: linear-gradient(#09123c, #0e3e8d);color: #F8FF00;font-size: 120%;}
.top_weeklys_title span{ padding-left: 1em; color: #54c3f1;}
.slideContainer{ width: 100%;overflow: hidden; }
.myslide li{ list-style: none; min-height: 6em; margin: 0; padding: 2em 0.35em 1.8em; line-height: 1.2em; box-sizing: border-box; text-align: center; background: url(/files/user/_/common/img/logo_b_200.png?v=1529663066) no-repeat 50% 50%; background-size: auto 90%; font-size: 14px;}
.myslide li.last_li{ background-image: url(/files/user/_/common/img/logo_txt_200.png?v=1529663066);}
  .myslide li a{ color: #00f;}
.myslide li a:hover{ color: #f00; }
@media print, screen and (max-width: 400px) {
.top_weeklys_title span{ padding-left: 0; display: block;}
}


/* --------------------------------------------------------------------------------- */
/* CSS 追記　2020.11.24 */　スサノオ固定ページ共通
/* --------------------------------------------------------------------------------- */

#susanoo {
  margin: 0 auto 2.0em;	
  padding: 0;
  color: #000 !important;
  font-size: 1.1em;
  width: 100%;
  max-width: 100%;
}

#susanoo img {
  max-width: 100%;
  height: auto;
}

#susanoo h2 {
  margin: 1.5em 0 1.2em ;
  padding: 0.5em 1.2em; 
  color: #000 !important;
  border: solid 3px #036eb8;
  border-left: solid 6px #036eb8;
  font-size: 1.6em;
}

#susanoo h3 {
  margin: 1.0em 0 0.5em ;
  padding: 0; 
  color: #036eb8 !important;
  font-size: 1.5em;
  font-weight: bold;
}

#susanoo h4 {
  margin: 1.0em 0 1.0em ;
  padding: 0 0 0.3em 0.5em; 
  color: #036eb8 !important;
  font-size: 1.4em;
  font-weight: bold;
  border-bottom: solid 3px #036eb8;
}

#susanoo h5 {
  margin: 1.3em 0 1.0em ;
  padding: 0 0 0.3em 0.5em; 
  color: #036eb8 !important;
  font-size: 1.2em;
  font-weight: bold;
  border-left: solid 3px #036eb8;
}

#susanoo ul {
  margin:  0.5em 0 0.5em 0.8em ;
  padding: 0;
}

#susanoo ul li {
  margin: 0 0 0 0.5em ;
  padding: 0 0 0.3em 0 ;
  list-style: disc;
}

#susanoo p {
  margin: 0 0.2em 0.6em ;
  padding: 0;
}

#susanoo table {
  margin: 1.0em auto ;
  padding: 0;
}
#susanoo table th {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #036eb8;
  color:#fff;
  text-align: center;
  vertical-align: middle;
}
#susanoo table tr.tr01 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #dfecf2;
  color:#333;
  text-align: center;
  vertical-align: middle;
}
#susanoo table tr.tr02 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #a5ccdb;
  color:#333;
  text-align: center;
  vertical-align: middle;
}

/* 調整スタイル */

#susanoo .blue {
  color: #036eb8 !important;
}

#susanoo .red {
  color: #ff0000 !important;
}

#susanoo .mt-1 {
  margin-top: 1.0em;
}
#susanoo .mt-2 {
  margin-top: 1.5em;
}
#susanoo .mt-3 {
  margin-top: 2.0em;
}

#susanoo .ml-1 {
  margin-left: 0.5em;
}
#susanoo .ml-2 {
  margin-left: 1.0em;
}
#susanoo .ml-3 {
  margin-left: 1.5em;
}

#susanoo .al-l {
  text-align: left;
}
#susanoo .al-c {
  text-align: center;
}
#susanoo .al-r {
  text-align: right;
}

#susanoo .pc {
  display: block;
}
#susanoo .sp {
  display: none;
}

/* micro clearfx */
#susanoo .cf:before,
#susanoo .cf:after{
    content: "";
    display: table;
}
#susanoo .cf:after{ clear: both; }
#susanoo .cf{ zoom: 1; } /* For IE 6/7 */

#susanoo .ggmap {
	position: relative ;
	height: 0 ;
	padding: 0 0 56.25% ;	/* ( 315 ÷ 560 ) × 100 = 56.25 */
}

#susanoo .ggmap iframe {
	position: absolute ;
	width: 100% ;
	height: 100% ;
	margin: 0 ;
	padding: 0 ;
}

#susanoo .gcle {
	position: relative ;
	height: 0 ;
	padding: 0 0 100% ;	/* ( 315 ÷ 560 ) × 100 = 56.25 */
}

#susanoo .gcle iframe {
	position: absolute ;
	width: 100% ;
	height: 100% ;
	margin: 0 ;
	padding: 0 ;
}




/* リンクボタン */

#susanoo .col2-btn{
  width: 94%;
  max-width: 100%;
  margin: 2.0em auto 3.0em;
  overflow: hidden;
}

#susanoo .col2-btn-element {
  width: 42%;
  max-width: 100%;
  text-align: center;
  padding: 1.0em 0;
  float: left;
  background: #036eb8;
  margin: 0 2% 1.0em;
  font-size: 1.2em;
}

#susanoo .col2-btn-element a.link-cale {
  color:#fff;
  text-decoration: none;
  background: url("/files/user/ticket/icon_calender.png") no-repeat left;
  padding-left: 35px;
}

#susanoo .col2-btn-element a.link-yen {
  color:#fff;
  text-decoration: none;
  background: url("/files/user/ticket/icon_yen.png") no-repeat left;
  padding-left: 35px;
}

#susanoo .col2-btn-element a.link-seat {
  color:#fff;
  text-decoration: none;
  background: url("/files/user/ticket/icon_seat.png") no-repeat left;
  padding-left: 35px;
}

#susanoo .col2-btn-element a:link,
#susanoo .col2-btn-element a:visited{
  color:#fff;
  text-decoration: none;
}
#susanoo .col2-btn-element a:hover{
  color:#fff;
  text-decoration: underline;
}

#susanoo .font-big{
  font-size: 140%;
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#susanoo .col2-btn-element {
  width: 90%;
  max-width: 100%;
  float: none;
  margin: 0 2% 1.0em;
  font-size: 1.1em;
  padding: 1.2em 0;
  line-height: 180%;
}	

#susanoo .pc {
  display: none;
}	
#susanoo .sp {
  display: block;
}

#susanoo .scroll {
  overflow-x: scroll;
}
	
}




/* --------------------------------------------------------------------------------- */
/* チケットページ*/　
/* --------------------------------------------------------------------------------- */

#susanoo .btn-ticket {
  width: 100%;
  max-width: 100%;
  height: auto;
}

#susanoo .btn-ticket img {
  width: 250px;
  max-width: auto;
  height: auto;
}

/* --------------------------------------------------------------------------------- */
/* 座席ページ*/　
/* --------------------------------------------------------------------------------- */

#susanoo .col-seat {
  width: 100%;
  max-width: 100%;
  display: table;
  padding: 0;
  margin: 1.0em 0 ;
}
#susanoo .col-seat-l {
  width: 68%;
  max-width: 100%;
  display: table-cell;
  margin: 0;
  padding: 1.5em 0 0;
  vertical-align: top;
}
#susanoo .col-seat-r {
  width: 30%;
  max-width: 100%;
  display: table-cell;
  margin: 0 auto;
  padding: 0 5%;
  vertical-align: top;
  text-align: left;
  font-size: 0.9em;
}

#susanoo table tr.pr01 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #0000fe;
  color:#fff;
  text-align: center;
  vertical-align: middle;
}

#susanoo table tr.pr02 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #bcdce9;
  color:#333;
  text-align: center;
  vertical-align: middle;
}
#susanoo table tr.pr03 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #dde5f2;
  color:#333;
  text-align: center;
  vertical-align: middle;
}
#susanoo table tr.pr04 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #efebe0;
  color:#333;
  text-align: center;
  vertical-align: middle;
}
#susanoo table tr.pr05 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #403152;
  color:#fff;
  text-align: center;
  vertical-align: middle;
}
#susanoo table tr.pr06 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #cac0d9;
  color:#333;
  text-align: center;
  vertical-align: middle;
}
#susanoo table tr.pr07 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #008102;
  color:#fff;
  text-align: center;
  vertical-align: middle;
}
#susanoo table tr.pr08 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #cdffcc;
  color:#333;
  text-align: center;
  vertical-align: middle;
}
#susanoo table tr.pr09 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #fc0280;
  color:#fff;
  text-align: center;
  vertical-align: middle;
}

#susanoo table tr.pr10 td {
  margin: 0 ;
  padding: 0.3em 0.8em;
  border: solid 1px #fff;
  background: #f1dbdd;
  color:#333;
  text-align: center;
  vertical-align: middle;
}

/*全体*/
#susanoo .hidden_box {
    margin: 2em auto;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
#susanoo .hidden_box label {
    padding: 15px;
    font-weight: bold;
    cursor :pointer;
	background: #036eb8;
	text-align: center;
	color:#fff;
}

/*ボタンホバー時*/
#susanoo .hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
#susanoo .hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
#susanoo .hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
#susanoo .hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


#susanoo p.p-zaseki {
    padding: 0 0 1.5em;
	margin: 1.5em 0;
}
#susanoo p.p-zaseki a:link,
#susanoo p.p-zaseki a:visited,
#susanoo p.p-zaseki a:hover {
    padding: 1.0em 2.0em;
	margin: 1.0em 0;
	background: #036eb8;
	text-align: center;
	color:#fff;
	font-weight: bold;
}



/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
#susanoo .col-seat {
  display: block;
}
	
#susanoo .col-seat-l {
  width: 100%;
  max-width: 100%;
  display: block;
  padding: 0;
  text-align: center;
}
#susanoo .col-seat-r {
  width: 100%;
  max-width: 100%;
  margin: 0.5em auto;
  display: block;
  padding: 0;
  text-align: center;
}

	
}


/* --------------------------------------------------------------------------------- */
/* 会場ページ*/　
/* --------------------------------------------------------------------------------- */

#susanoo .col2-shop {
  width: 100%;
  max-width: 100%;
  margin: 0 ;
  padding: 0;
}

#susanoo .col2-shop-l {
  width: 35%;
  max-width: 100%;
  padding: 0;
  margin: 1.0em 0 ;
  float: left;
}
#susanoo .col2-shop-l-top {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0 0 0.5em;
}
#susanoo .col2-shop-l-btm {
  width: 100%;
  max-width: 100%;
  padding: 2%;
  margin: 0 0 0.5em;
}
#susanoo .col2-shop-r {
  width: 63%;
  max-width: 100%;
  padding: 0;
  margin: 1.0em 0 ;
  float: right;
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#susanoo .col2-shop-l {
  width: 100%;
  max-width: 100%;
  float: none;
}
#susanoo .col2-shop-r {
  width: 100%;
  max-width: 100%;
  float: none;
}

	
}

/* --------------------------------------------------------------------------------- */
/* ブースタークラブ　ページ*/　
/* --------------------------------------------------------------------------------- */

#susanoo table.tbl-booster {
  width: 100%;
  max-width: 100%;
  margin: 0 ;
  padding: 0;
}
#susanoo table.tbl-booster tr {
  margin: 0 ;
  padding: 0;
}
#susanoo table.tbl-booster td {
  margin: 0 ;
  padding: 0 0.6em;
  border: none;
  background: none;
}

#susanoo .booster-point {
  width: 98%;
  max-width: 100%;
  margin: 1.0em auto;
  padding: 0.1em;
  background: #E8F6FC;
}
#susanoo .booster-point ul {
  width: 100%;
  max-width: 100%;
  margin: 0 ;
  padding: 0;
}
#susanoo .booster-point ul li {
  width: 23%;
  max-width: 100%;
  margin: 0;
  padding: 1%;
  float: left;
  list-style: none;
}

#susanoo table.tbl-cat {
  width: 100%;
  max-width: 100%;
  margin: 0 ;
  padding: 0;
  font-size: 0.9em;
  font-weight: normal;
}
#susanoo table.tbl-cat tr {
  margin: 0 ;
  padding: 0;
}
#susanoo table.tbl-cat th {
  margin: 0 ;
  padding: 0;
  width: 22%;
  border: solid 1px #777;
  background: #eee;
  color: #333;
}
#susanoo table.tbl-cat td {
  margin: 0 ;
  padding: 1.0em 0;
  width: 13%;
  border: solid 1px #777;
  text-align: center;
}
#susanoo table.tbl-cat td.td01 {
  background: #ac9e4f;
  color: #fff;
}
#susanoo table.tbl-cat td.td02 {
  background: #9fa0a0;
  color: #fff;
}
#susanoo table.tbl-cat td.td03 {
  background: #a26a4a;
  color: #fff;
}
#susanoo table.tbl-cat td.td04 {
  background: #4ca6dd;
  color: #fff;
}
#susanoo table.tbl-cat td.td05 {
  background: #af599e;
  color: #fff;
}
#susanoo table.tbl-cat td.td06 {
  background: #eee;
  color: #333;
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#susanoo table.tbl-booster td {
    display: block;
    width: 100%;
  }	
	
#susanoo .booster-point ul li {
  width: 48%;
}

}

/* --------------------------------------------------------------------------------- */
/* 応援店舗　ページ*/　
/* --------------------------------------------------------------------------------- */

#susanoo .box-tenpo-cat {
  margin: 3.0em auto 2.0em ;
  padding: 0;
  text-align: center;
}

#susanoo ul.tenpo-cat {
  margin: 4.0em auto 2.0em ;
  padding: 0;
  width: 600px;
  max-width: 100%;
  text-align: center;
}

#susanoo ul.tenpo-cat li {
  margin: 0.5em 1.0em 1.5em 0  ;
  padding: 0;
  float: left;
  list-style: none;
}
#susanoo ul.tenpo-cat li.cat01 a:link,
#susanoo ul.tenpo-cat li.cat01 a:visited,
#susanoo ul.tenpo-cat li.cat01 a:hover {
  margin: 0 ;
  padding: 0.8em 1.0em ;
  color:#fff;
  background: #f47aa3;
  border-radius: 0.3em;
}
#susanoo ul.tenpo-cat li.cat02 a:link,
#susanoo ul.tenpo-cat li.cat02 a:visited,
#susanoo ul.tenpo-cat li.cat02 a:hover {
  margin: 0 ;
  padding: 0.8em 1.0em ;
  color:#666;
  background: #ffb385;
  border-radius: 0.3em;
}
#susanoo ul.tenpo-cat li.cat03 a:link,
#susanoo ul.tenpo-cat li.cat03 a:visited,
#susanoo ul.tenpo-cat li.cat03 a:hover {
  margin: 0 ;
  padding: 0.8em 1.0em ;
  color:#666;
  background: #fedf83;
  border-radius: 0.3em;
}

#susanoo ul.tenpo-cat li.cat04 a:link,
#susanoo ul.tenpo-cat li.cat04 a:visited,
#susanoo ul.tenpo-cat li.cat04 a:hover {
  margin: 0 ;
  padding: 0.8em 1.0em ;
  color:#fff;
  background: #69a9dc;
  border-radius: 0.3em;
}

#susanoo ul.tenpo-cat li.cat05 a:link,
#susanoo ul.tenpo-cat li.cat05 a:visited,
#susanoo ul.tenpo-cat li.cat05 a:hover {
  margin: 0 ;
  padding: 0.8em 1.0em ;
  color:#666;
  background: #84d8d7;
  border-radius: 0.3em;
}

#susanoo h2.tenpo-cat01 {
  margin: 1.5em 0 1.2em ;
  padding: 0.5em 1.2em; 
  color: #000 !important;
  border: solid 3px #f47aa3;
  border-left: solid 10px #f47aa3;
  font-size: 1.6em;
}
#susanoo h3.tenpo-cat01 {
  margin: 1.5em 0 0 ;
  padding: 0.8em 1.2em; 
  color: #000 !important;
  border-top: solid 5px #f47aa3;
  font-size: 1.6em;
}
#susanoo h2.tenpo-cat02 {
  margin: 3.5em 0 1.2em ;
  padding: 0.5em 1.2em; 
  color: #000 !important;
  border: solid 3px #ffb385;
  border-left: solid 6px #ffb385;
  font-size: 1.6em;
}
#susanoo h3.tenpo-cat02 {
  margin: 1.5em 0 0 ;
  padding: 0.8em 1.2em; 
  color: #000 !important;
  border-top: solid 5px #ffb385;
  font-size: 1.6em;
}
#susanoo h2.tenpo-cat03 {
  margin: 1.5em 0 1.2em ;
  padding: 0.5em 1.2em; 
  color: #000 !important;
  border: solid 3px #fedf83;
  border-left: solid 10px #fedf83;
  font-size: 1.6em;
}
#susanoo h3.tenpo-cat03 {
  margin: 1.5em 0 0 ;
  padding: 0.8em 1.2em; 
  color: #000 !important;
  border-top: solid 5px #fedf83;
  font-size: 1.6em;
}

#susanoo h2.tenpo-cat04 {
  margin: 1.5em 0 1.2em ;
  padding: 0.5em 1.2em; 
  color: #000 !important;
  border: solid 3px #69a9dc;
  border-left: solid 10px #69a9dc;
  font-size: 1.6em;
}
#susanoo h3.tenpo-cat04 {
  margin: 1.5em 0 0 ;
  padding: 0.8em 1.2em; 
  color: #000 !important;
  border-top: solid 5px #69a9dc;
  font-size: 1.6em;
}

#susanoo h2.tenpo-cat05 {
  margin: 1.5em 0 1.2em ;
  padding: 0.5em 1.2em; 
  color: #000 !important;
  border: solid 3px #84d8d7;
  border-left: solid 10px #84d8d7;
  font-size: 1.6em;
}
#susanoo h3.tenpo-cat05 {
  margin: 1.5em 0 0 ;
  padding: 0.8em 1.2em; 
  color: #000 !important;
  border-top: solid 5px #84d8d7;
  font-size: 1.6em;
}

#susanoo .col2-tenpo {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 2.0em ;
  padding: 0;
}
#susanoo .col2-tenpo-top {
  max-width: 100%;
  margin: 0 ;
  padding: 1.0em ;
  background: #376299 ;
}
#susanoo .col2-tenpo-top h3 {
  margin: 0 ;
  padding: 0 ;
  color: #fff !important;
}

#susanoo .col2-tenpo-btm {
  max-width: 100%;
  margin: 0 0 2.0em ;
  padding: 2.5em 3.0em 1.0em ;
  background: #f5f7ff;
}

#susanoo .col2-tenpo-btm-l {
  width: 35%;
  max-width: 100%;
  padding: 0;
  margin: 0 ;
  float: left;
}
#susanoo .col2-tenpo-btm-l-top {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0 0 0.5em;
}
#susanoo .col2-tenpo-btm-l-btm {
  width: 100%;
  max-width: 100%;
  padding: 2%;
  margin: 0 0 0.5em;
}
#susanoo .col2-tenpo-btm-l-btm dl {
  padding: 0;
  margin: 0 0 0.5em;
}
#susanoo .col2-tenpo-btm-l-btm dl dt {
  padding: 0.2em 0.6em;
  margin: 0 1.0em 0 0;
  float: left;
  background: #376299;
  text-align: center;
  color:#fff;
  border-radius: 0.3em;
}
#susanoo .col2-tenpo-btm-l-btm dl dd {
  padding: 0.2em 0;
  margin: 0;
  float: left;
  text-align: left;
  color: #333 !important;
}
#susanoo .col2-tenpo-btm-l-btm dl dd.stg {
  font-size: 1.1em;
  font-weight: bold;
  color: #FF0000 !important;
}

#susanoo .col2-tenpo-btm-r {
  width: 63%;
  max-width: 100%;
  padding: 0;
  margin: 0 ;
  float: right;
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#susanoo .col2-tenpo-btm {
  max-width: 100%;
  margin: 0 0 2.0em ;
  padding: 1.5em 1.0em 1.0em ;
  background: #f5f7ff;
}
	
#susanoo .col2-tenpo-btm-l {
  width: 100%;
  margin: 0 0 2.0em 0 ;
  float: none;
}
#susanoo .col2-tenpo-btm-r {
  width: 100%;
  margin: 0 0 2.0em 0 ;
  float: none;
}	


}