@charset "utf-8";

a{ outline: none; color: #004ea2; text-decoration: none;}
a:visited{ color: #2391eb;}
a:hover{ color: #ffa541; text-decoration: underline;}
.switch{ visibility: hidden;}
.opacity{ filter:alpha(opacity=20); opacity: .2;}

/*==================================
ヘッダー
==================================*/
header{ clear: both; overflow: hidden; border-top: 5px solid #004ea2; background: #ffd900;}
header #inner{ margin: 0 auto; padding: 5px 0 0; width: 1080px; font-size: 60%;}
header #inner h1{ display: inline-block; width: 76px; padding: 0 0 0 5px;}
header #inner h1 img{ width: 100%;}
header #inner .snsbtn{ position: absolute; bottom: 0; right: 0;}
header #inner .snsbtn ul{ clear: both; overflow: hidden;}
header #inner .snsbtn ul li{ float: left; margin: 0 0 0 5px;}
header #inner .sp_menu{ display: none;}

#wctitle{ position: absolute; bottom: 5px; left: 104px;}

#en_ticket{ position: absolute; top: 10px; right: 280px; width: 120px; height: 60px;}

/*==================================
グローバルメニュー
==================================*/
#gmenu{ background: #ffd900;}
#gmenu ul{ clear: both; overflow: hidden; margin: 0 auto; width: 1080px;}
#gmenu ul li{ float: left; height: 70px;}
#gmenu ul li a{ display: block; height: 70px; background: url(../images/gnav.png) no-repeat; text-decoration: none; text-indent: -9999px;}
#gmenu ul li#gmenu001 a{ width: 120px; background-position: 0 0;}
#gmenu ul li#gmenu002 a{ width: 120px; background-position: -120px 0px;}
#gmenu ul li#gmenu003 a{ width: 120px; background-position: -240px 0px;}
#gmenu ul li#gmenu004 a{ width: 120px; background-position: -360px 0px;}
#gmenu ul li#gmenu005 a{ width: 120px; background-position: -480px 0px;}
#gmenu ul li#gmenu006 a{ width: 120px; background-position: -600px 0px;}
#gmenu ul li#gmenu007 a{ width: 120px; background-position: -720px 0px;}
#gmenu ul li#gmenu008 a{ width: 120px; background-position: -840px 0px;}
#gmenu ul li#gmenu009 a{ width: 120px; background-position: -960px 0px;}

/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#gmenu ul li#gmenu001 a:hover{ background-position: 0 -70px;}
#gmenu ul li#gmenu002 a:hover{ background-position: -120px -70px;}
#gmenu ul li#gmenu003 a:hover{ background-position: -240px -70px;}
#gmenu ul li#gmenu004 a:hover{ background-position: -360px -70px;}
#gmenu ul li#gmenu005 a:hover{ background-position: -480px -70px;}
#gmenu ul li#gmenu006 a:hover{ background-position: -600px -70px;}
#gmenu ul li#gmenu007 a:hover{ background-position: -720px -70px;}
#gmenu ul li#gmenu008 a:hover{ background-position: -840px -70px;}
#gmenu ul li#gmenu009 a:hover{ background-position: -960px -70px;}

/* a.disable要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#gmenu ul li#gmenu001 a.disable{ background-position: 0 -140px;}
#gmenu ul li#gmenu002 a.disable{ background-position: -120px -140px;}
#gmenu ul li#gmenu003 a.disable{ background-position: -240px -140px;}
#gmenu ul li#gmenu004 a.disable{ background-position: -360px -140px;}
#gmenu ul li#gmenu005 a.disable{ background-position: -480px -140px;}
#gmenu ul li#gmenu006 a.disable{ background-position: -600px -140px;}
#gmenu ul li#gmenu007 a.disable{ background-position: -720px -140px;}
#gmenu ul li#gmenu008 a.disable{ background-position: -840px -140px;}
#gmenu ul li#gmenu009 a.disable{ background-position: -960px -140px;}

#gmenu ul#gnav ul{ position: absolute; z-index: 100; display: none; color: #000; text-align: left; font-size: 60%; line-height: 25px;}
#gmenu ul#gnav ul li{ float: none; width: 120px; height: auto; border-top: 1px solid #ccc; color: #000;}
* html header #gmenu ul#gnav ul li{ margin-top: -2px;}
#gmenu ul#gnav ul li a{ padding: 10px 0; width: 120px; height: 25px; background: #000 url(../images/menu_arrow007.png) 7px center no-repeat; color: #fff; text-decoration: none; text-indent: 2em;}
#gmenu ul#gnav ul li a:hover{ padding: 10px 0; width: 120px; height: 25px; background: #ffd900 url(../images/menu_arrow002.png) 7px center no-repeat; color: #000; text-decoration: none; text-indent: 2em;}

/*==================================
ページトップへ
==================================*/
#totop{ position: fixed; right: 30px; bottom: 30px; display: none;}

#totop a{ position: relative; display: inline-block; width: 60px; height: 60px; background: #ffd900; color: #000; text-align: center; text-decoration: none; font-size: 1.1rem; line-height: 60px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#totop a:after{
    position: absolute;
    top: 50%;
    right: 23px;
    display: block;
    margin-top: -5px;
    width: 11px;
    height: 11px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    content: "";
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

/*==================================
スポンサー
==================================*/
.sponsorcate{ margin: 0 auto 40px; width: 960px;}
.sponsorcate p{ text-align: center;}
.sponsorcate p span{ padding: 0 50px; background: #c1272d; color: #fff; text-align: center;}
.sponsorcate ul{ margin: 0 auto; padding: 0; text-align: center; font-size: 0;}
.sponsorcate ul li{ display: inline-block; margin: 0 30px;}

/*==================================
フッター
==================================*/
#footer{ padding: 20px 0 0; width: 100%; background: #333; font-size: 60%;}
#footer a{ color: #fff;}
#footer a:hover{ color: #ffa541; text-decoration: underline;}
#footer nav{ margin: 0 auto; width: 1080px;}
#footer .inner{ margin: 0 auto; width: 1080px;}
#footer .footermenu{ float: left; width: 135px;}
#footer .footermenu h6{ margin: 0 0 10px 0; padding-left: 20px; background: url(../images/menu_arrow001.png) left center no-repeat; color: #fff; font-size: 120%;}
#footer .footermenu ul{ margin: 0 0 20px 10px;}
#footer .footermenu li{ margin: 7px 0; padding-left: 10px; background: url(../images/menu_arrow002.png) left center no-repeat;}
#copyright{ padding: 10px 0; border-top: 1px solid #fff; background: #333; color: #fff;	text-align: center;}

/*==================================
メインコンテンツ
==================================*/
#maincontents{ margin: 0 auto 40px; width: 100%; background: #ecebea;}