@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

/*!*** Base Rules *****/

/*!
	 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
	 * Richard Clark (http://richclarkdesign.com)
	 * http://cssreset.com
	 */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* change colours to suit your needs */

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

/*!*** Base Rules(Custom) *****/

*,
*:before,
*:after {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 1.6rem;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

img {
	width: 100%;
}

ul,
ol {
	list-style-type: none;
}

section,
footer {
	position: relative;
}

/*!*** Module Rules *****/

.nav-toggle {
	position: fixed;
	width: 50px;
	height: 50px;
	top: 39px;
	right: 22px;
	padding: 13px 10px;
	background-color: #005ca2;
	cursor: pointer;
	z-index: 200;
}

.nav-toggle__line {
	display: block;
	width: 30px;
	height: 6px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -3px;
	margin-left: -15px;
	background-color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.nav-toggle__line.top {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}

.nav-toggle__line.middle {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}

.nav-toggle__line.bottom {
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}

.nav-wrap {
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #005ca2;
	z-index: 100;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.is-nav-open .nav-wrap {
	visibility: visible;
	opacity: 1;
}

.is-nav-open .nav-toggle__line {
	height: 2px;
}

.is-nav-open .nav-toggle__line.top {
	-webkit-transform: rotate(-45deg) translateY(0px);
	transform: rotate(-45deg) translateY(0px);
}

.is-nav-open .nav-toggle__line.middle {
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
	background: rgba(255, 255, 255, 0);
}

.is-nav-open .nav-toggle__line.bottom {
	-webkit-transform: rotate(45deg) translateY(0px);
	transform: rotate(45deg) translateY(0px);
}

.nav-main {
	position: absolute;
	width: 260px;
	top: 50%;
	left: 50%;
	margin-top: -190px;
	margin-left: -130px;
}

.nav-main__item {
	width: 104px;
	float: left;
	margin-bottom: 22px;
}

.nav-main__item:nth-child(odd) {
	margin-right: 52px;
}

.logo-fixed {
	width: 85px;
	position: fixed;
	top: 21px;
	left: 19px;
	z-index: 100;
}

.logo-main {
	width: 85px;
	position: absolute;
	top: 21px;
	left: 19px;
	z-index: 100;
}

.key-visual {
	position: relative;
	font-size: 0;
}

.btn-wide {
	width: 100%;
	height: 75px;
	padding-top: 18px;
	position: absolute;
	bottom: 0px;
	background: rgba(18, 93, 162, 0.8);
}

.btn-wide:hover {
	opacity: 0.9;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-wide__textimg {
	width: 182px;
	margin-left: auto;
	margin-right: auto;
}

.card-wrap {
	position: relative;
}

.card-wrap > h2 {
	font-size: 0;
}

.ticketbox-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -175px;
}

.ticketbox {
	width: 350px;
	margin-bottom: 17px;
	padding-top: 12px;
	padding-bottom: 12px;
	border: 2px solid #0b58a5;
	background-color: rgba(255, 255, 255, 0.8);
}

.ticketbox__date {
	margin-bottom: 14px;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
}

.ticketbox__date > span {
	font-size: 2.0rem;
}

.ticketbox__btn {
	background-color: #d13d31;
	width: 206px;
	height: 42px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	text-align: center;
}

.ticketbox__btn img {
	width: 160px;
}

.heading-top {
	height: 66px;
	padding-top: 16px;
	background-color: #d00e31;
	text-align: center;
}

.heading-top.about > img {
	width: 186px;
}

.heading-top.enjoy > img {
	width: 204px;
}

.heading-top.awesome > img {
	width: 186px;
}

.heading-top.review > img {
	width: 141px;
}

.heading-top.event > img {
	width: 156px;
}

.heading-top.ticket > img {
	width: 193px;
}

.heading-top > span {
	display: block;
	margin-top: 5px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: normal;
}

.heading-ball {
	width: 125px;
	position: absolute;
	top: 47px;
	left: 15px;
	z-index: 100;
}

.heading-ball.review,
.heading-ball.event,
.heading-ball.ticket {
	top: 130px;
}

.bg-wrap {
	position: relative;
}

.bg-wrap > figure {
	font-size: 0;
}

.text-inner__h {
	position: relative;
	margin-bottom: 0.5em;
	font-size: 1.8rem;
	text-align: center;
}

.text-inner__h > span {
	display: block;
	margin-top: 0.5em;
	font-size: 1.0rem;
}

.text-inner__p {
	padding: 0 1em;
	margin-bottom: 1.5em;
	font-size: 1.2rem;
	line-height: 1.8;
}

.textbox-about {
	position: absolute;
	width: 346px;
	bottom: 1.5em;
	left: 50%;
	margin-left: -173px;
	padding-top: 1.5em;
	background-color: rgba(18, 93, 162, 0.7);
	color: #fff;
	font-size: 1.2rem;
}

.text-inner__h.about > img {
	width: 54px;
}

.text-inner__h.club-name > img {
	width: 90px;
}

.textbox-enjoy {
	position: absolute;
	width: 346px;
	bottom: 1.5em;
	left: 50%;
	margin-left: -173px;
	padding-top: 1.5em;
	background-color: rgba(209, 61, 44, 0.8);
	color: #fff;
	font-size: 1.2rem;
}

.textbox-enjoy.box-blue {
	background-color: rgba(18, 93, 162, 0.7);
}

.text-inner__h.enjoy-01 > img {
	width: 258px;
}

.text-inner__h.enjoy-02 > img {
	width: 331px;
}

.text-inner__h.enjoy-03 > img {
	width: 219px;
}

.textbox-awesome {
	position: absolute;
	width: 346px;
	bottom: 1.5em;
	left: 50%;
	margin-left: -173px;
	padding-top: 3em;
	background-color: rgba(255, 255, 255, 0.85);
	color: #221714;
	font-size: 1.2rem;
}

.awesome-wrap {
	background-color: #005ca2;
	padding-bottom: 13px;
}

.seal {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -39px;
}

.seal > img {
	width: 78px;
	height: 78px;
}

.text-inner__h.awesome-01 > img {
	width: 147px;
}

.text-inner__h.awesome-02 > img {
	width: 269px;
}

.text-inner__h.awesome-03 > img {
	width: 318px;
}

.textbox-review {
	margin-top: 1em;
}

.textbox-review > .text-inner {
	color: #125da3;
}

.textbox-review > .text-inner > .text-inner__h {
	line-height: 1.2em;
}

.textbox-review > .text-inner > .text-inner__h > span {
	font-size: inherit;
}

.event-imgages__item {
	font-size: 0;
}

.ticket-imgages {
	text-align: center;
}

.ticket-imgages > .seat {
	margin-top: 20px;
	margin-bottom: 20px;
}

.ticket-imgages > .seat > img {
	width: 355px;
}

.ticket-imgages > .price {
	margin-bottom: 30px;
}

.ticket-imgages > .price > img {
	width: 345px;
}

.heading-access {
	height: 40px;
	padding-top: 12px;
	background-color: #005ca2;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 1.5rem;
}

.textbox-access {
	width: 350px;
	padding: 1em;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2rem;
	line-height: 1.5;
}

.textbox-access > h3 {
	margin-bottom: 1em;
	font-size: 1.8rem;
	text-align: center;
}

.textbox-access > p {
	margin-bottom: 1em;
}

.textbox-access > .address {
	text-align: center;
}

.textbox-access > .address > a {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #d13d30;
}

.textbox-caution {
	margin: 0 1em 1em;
	border: 1px solid #CF3D30;
}

.textbox-caution > h3 {
	background-color: #CF3D30;
	text-align: center;
	padding: 0.5em;
}

.textbox-caution > h3 > img {
	width: 195px;
}

.textbox-caution__text {
	font-size: 1.2rem;
	padding: 1em;
	line-height: 1.5;
}

.textbox-caution__text > p {
	margin-bottom: 1em;
}

.textbox-caution__text > ol > li {
	margin-bottom: 1em;
	font-weight: bold;
}

.textbox-caution__figure {
	text-align: center;
}

.textbox-caution__figure > img {
	width: 147px;
}

.textbox-caution__figure > figcaption {
	font-size: 1.2rem;
	padding: 0.5em;
}

.footer-wrap {
	background-color: #005ca2;
}

.sns {
	padding: 30px 0;
}

.sns__item {
	width: 214px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.sns__item:last-child {
	margin-bottom: 0;
}

.footer-mascot {
	width: 106px;
}

.footer-bottom {
	height: 100px;
	padding: 27px 1em;
	background-color: #d13d30;
}

.footer-bottom__logo {
	float: left;
	width: 48px;
	margin-right: 1em;
}

.footer-bottom__text {
	font-size: 1.1rem;
	color: #fff;
}

.footer-bottom__text > a {
	color: #fff;
	text-decoration: none;
}

.footer-bottom__text > span {
	display: block;
}

.hidden-pc {
	display: block;
}

.hidden-sp {
	display: none;
}


@media screen and (min-width: 768px) {

header {
	position: absolute;
	width: 100%;
}

.nav-wrap {
	visibility: visible;
	position: absolute;
	width: 994px;
	height: 138px;
	top: auto;
	left: 50%;
	bottom: 124px;
	margin-left: -497px;
	background-color: transparent;
	z-index: 100;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
}

.nav-main {
	width: 994px;
	height: 138px;
	top: 0;
	left: 0;
	margin-top: 0;
	margin-left: 0;
}

.nav-main__item {
	width: 139px;
	height: 138px;
	margin-right: 32px;
	margin-bottom: 0;
}

.nav-main__item:nth-child(odd) {
	margin-right: 32px;
}

.nav-main__item:last-child {
	margin-right: 0;
}

.nav-main__item:nth-child(1) {
	background-image: url(../img/common/sp_nav_btn01.png);
	background-size: 139px 138px;
}

.nav-main__item:nth-child(2) {
	background-image: url(../img/common/sp_nav_btn02.png);
	background-size: 139px 138px;
}

.nav-main__item:nth-child(3) {
	background-image: url(../img/common/sp_nav_btn03.png);
	background-size: 139px 138px;
}

.nav-main__item:nth-child(4) {
	background-image: url(../img/common/sp_nav_btn04.png);
	background-size: 139px 138px;
}

.nav-main__item:nth-child(5) {
	background-image: url(../img/common/sp_nav_btn05.png);
	background-size: 139px 138px;
}

.nav-main__item:nth-child(6) {
	background-image: url(../img/common/sp_nav_btn06.png);
	background-size: 139px 138px;
}

.nav-main__item > a:hover {
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-fixed-wrap {
	visibility: hidden;
	position: fixed;
	width: 100%;
	background-color: #0058a5;
	opacity: 0;
}

.nav-fixed-wrap.fixed {
	visibility: visible;
	top: 0;
	z-index: 200;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-fixed {
	display: table;
	width: 1000px;
	height: 80px;
	margin-right: auto;
	margin-left: auto;
}

.nav-fixed > li {
	height: 80px;
	display: table-cell;
	vertical-align: middle;
}

.nav-fixed > li:hover {
	opacity: 0.8;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-fixed__logo {
	width: 71px;
}

.nav-fixed__item {
	width: 158px;
	text-align: center;
	border-right: 2px solid #fff;
}

.nav-fixed__item:nth-child(2) img {
	width: 92px;
}

.nav-fixed__item:nth-child(3) img {
	width: 112px;
}

.nav-fixed__item:nth-child(4) img {
	width: 93px;
}

.nav-fixed__item:nth-child(5) img {
	width: 79px;
}

.nav-fixed__item:nth-child(6) img {
	width: 81px;
}

.nav-fixed__item:nth-child(7) img {
	width: 81px;
}

.logo-main {
	width: 200px;
	top: 26px;
	left: 27px;
}

.key-visual {
	min-width: 1440px;
}

.btn-wide {
	height: 95px;
	padding-top: 16px;
}

.btn-wide__textimg {
	width: 259px;
}

.card-wrap {
	min-width: 1440px;
}

.ticketbox-wrap {
	width: 934px;
	margin-left: -467px;
	top: auto;
	bottom: 26px;
}

.ticketbox {
	width: 425px;
	float: left;
	margin-right: 84px;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	border-width: 4px;
}

.ticketbox:last-child {
	margin-right: 0;
}

.ticketbox__date {
	margin-bottom: 18px;
	font-size: 3.2rem;
}

.ticketbox__date > span {
	font-size: 2.5rem;
}

.ticketbox__btn {
	width: 250px;
	height: 50px;
	padding-top: 15px;
}

.ticketbox__btn img {
	width: 195px;
}

.heading-top {
	height: 100px;
	padding-top: 18px;
}

.heading-top.review > img {
	width: 281px;
}

.heading-top.event > img {
	width: 312px;
}

.heading-top.ticket > img {
	width: 387px;
}

.heading-top > span {
	margin-top: 11px;
	font-size: 1.8rem;
}

.bg-wrap > figure {
	position: relative;
	min-width: 1440px;
}

.text-inner__h > span {
	font-size: 1.4rem;
}

.text-inner__p {
	font-size: 1.6rem;
}

.textbox-about-wrap {
	position: absolute;
	width: 1020px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -510px;
}

.textbox-about {
	width: 478px;
	bottom: 32px;
	left: auto;
	right: 0;
	margin-left: 0;
}

.text-inner__h.about > img {
	width: 75px;
}

.text-inner__h.club-name > img {
	width: 127px;
}

.textbox-enjoy.enjoy-01 {
	width: 50%;
	height: 100%;
	bottom: 0;
	left: auto;
	right: 0;
	margin-left: 0;
	padding-top: 1.5em;
	background-color: transparent;
}

.textbox-enjoy.enjoy-02,
.textbox-enjoy.enjoy-03 {
	width: 100%;
	bottom: 0;
	left: auto;
	margin-left: 0;
	padding-top: 1.5em;
}

.textbox-enjoy-bg-wrap {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	background-color: rgba(209, 61, 44, 0.8);
}

.textbox-enjoy-wrap {
	position: absolute;
	width: 1020px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -510px;
}

.text-inner.enjoy-02,
.text-inner.enjoy-03 {
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
}

.text-inner__h.enjoy-01 > img {
	width: 343px;
}

.text-inner__h.enjoy-02 > img {
	width: 440px;
}

.text-inner__h.enjoy-03 > img {
	width: 293px;
}

.textbox-awesome.awesome-01 {
	width: 500px;
	bottom: auto;
	top: 200px;
	left: 75%;
	margin-left: -250px;
	padding-top: 3em;
}

.textbox-awesome.awesome-02 {
	width: 950px;
	bottom: auto;
	top: 300px;
	left: 50%;
	margin-left: -475px;
	padding-top: 3em;
}

.textbox-awesome.awesome-03 {
	width: 950px;
	left: 50%;
	margin-left: -475px;
	padding-top: 3em;
}

.awesome-01-wrap {
	position: absolute;
	width: 1020px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -510px;
}

.bg-wrap.awesome-02 {
	margin-top: -70px;
	z-index: 100;
}

.bg-wrap.awesome-03 {
	margin-top: -160px;
}

.seal {
	bottom: 50px;
	margin-left: -78px;
}

.seal > img {
	width: 156px;
	height: 156px;
}

.seal.seal-03 {
	bottom: 0;
	left: 0;
	margin-left: 0;
}

.text-inner__h.awesome-01 > img {
	width: 293px;
}

.text-inner__h.awesome-02 > img {
	width: 537px;
}

.text-inner__h.awesome-03 > img {
	width: 634px;
}

.textbox-review > .text-inner {
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}

.textbox-review > .text-inner > .text-inner__h {
	font-size: 2.4rem;
	margin-top: 1em;
	margin-bottom: 1em;
}

.textbox-review > .text-inner > .text-inner__h > span {
	display: inline;
}

.textbox-review > .text-inner > .text-inner__p {
	padding: 0 2em;
}

.review-img {
	position: relative;
	min-width: 1440px;
}

.event-imgages__item {
	position: relative;
	min-width: 1440px;
}

.ticket-imgages > .seat {
	margin-top: 38px;
	margin-bottom: 46px;
}

.ticket-imgages > .seat > img {
	width: 860px;
}

.ticket-imgages > .price {
	margin-bottom: 47px;
}

.ticket-imgages > .price > img {
	width: 750px;
}

.access-wrap > figure {
	position: relative;
	min-width: 1440px;
}

.heading-access {
	height: 45px;
	font-size: 2.2rem;
}

.textbox-access {
	position: absolute;
	top: 360px;
	left: 50%;
	margin-left: -485px;
	width: 975px;
	font-size: 1.8rem;
	background-color: rgba(255, 255, 255, 0.9);
}

.textbox-access .inline-pc {
	display: inline;
}

.textbox-access > h3 {
	font-size: 2.2rem;
}

.textbox-access > p {
	margin-bottom: 1em;
}

.textbox-access > .address {
	text-align: center;
}

.textbox-access > .address > a {
	display: inline;
	margin-top: 0;
	margin-bottom: 0;
}

.textbox-caution {
	width: 975px;
	margin: 1em auto;
}

.textbox-caution > h3 {
	padding: 0.5em;
}

.textbox-caution > h3 > img {
	width: 312px;
}

.textbox-caution__text {
	width: 700px;
	float: left;
	font-size: 1.5rem;
}

.textbox-caution__figure {
	float: right;
}

.textbox-caution__figure > img {
	width: 212px;
	margin: 1em 1em 0;
}

.textbox-caution__figure > figcaption {
	font-size: 1.5rem;
}

.sns {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0;
}

.sns__item {
	float: left;
	width: 200px;
	margin-left: 0;
	margin-right: 25px;
	margin-bottom: 0;
}

.sns__item:last-child {
	margin-right: 0;
}

.footer-mascot {
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: 350px;
}

.footer-bottom {
	height: 130px;
	padding: 23px;
}

.footer-bottom__logo {
	float: left;
	width: 88px;
	margin-right: 1em;
}

.footer-bottom__text {
	display: block;
	font-size: 1.6rem;
	line-height: 1.5;
	padding-top: 1.5em;
}

.footer-bottom__text > span {
	display: inline;
}

.hidden-pc {
	display: none;
}

.hidden-sp {
	display: block;
}

.is-bg-lt1440px {
	width: 1440px;
	left: 50%;
	margin-left: -720px;
}

}