@charset "utf-8";

/* SP
--------------------------------------------------------*/

@media only screen and (max-width:767px) {
	.pc-only {
		display: none;
	}
	.mb-only {
		display: block;
	}
	#globalContainer {
		display: block;
		overflow-x: hidden;
		width: 100%;
		position: relative;
		background: #1a72e0 url(../out_images/sp/bg_sp.png) no-repeat;
		background: url(../out_images/sp/bg_sp.png) no-repeat, -moz-linear-gradientt(left, #01a4d8 0%, #00a4d6 21%, #009ed4 38%, #0075cc 100%, #74a9d0 100%);
		background: url(../out_images/sp/bg_sp.png) no-repeat, -webkit-linear-gradientt(left, #01a4d8 0%, #00a4d6 21%, #009ed4 38%, #0075cc 100%, #74a9d0 100%);
		background: url(../out_images/sp/bg_sp.png) no-repeat, linear-gradientt(left, #01a4d8 0%, #00a4d6 21%, #009ed4 38%, #0075cc 100%, #74a9d0 100%);
		-moz-background-size: 100% auto, auto;
		background-size: 100% auto, auto;
	}
	.webp #globalContainer {
		background: url(../out_images/sp/bg_sp.webp) no-repeat, linear-gradientt(left, #01a4d8 0%, #00a4d6 21%, #009ed4 38%, #0075cc 100%, #74a9d0 100%);
		background-size: 100% auto, auto;
	}
	.snsbox {
		position: static;
		display: inline-block;
		top: auto;
		right: auto;
		text-align: center
	}
	#index-header {
		background: none;
		position: relative;
		margin-bottom: 4%;
		text-align: center;
	}
	#index-header .inner {
		padding: 0;
	}
	#index-header .date {
		color: #e0d000;
		font-size: 4.68vw;
		text-align: center;
		-moz-text-shadow: 0px 0px 10px #093168;
		-webkit-text-shadow: 0px 0px 10px #093168;
		text-shadow: 0px 0px 10px #093168;
		padding: 2% 3%;
	}
	#index-header .date span {
		display: inline-block
	}
	#index-header .txtband {
		margin: 0 10%;
		text-align: left;
		padding: 2% 5%;
	}
	#index-header .txtband .ttl {
		font-size: 2.5vw;
		letter-spacing: 1px;
		border-radius: 11px;
		padding: 2%;
		margin: 1.1% 3% 1.1% 0;
		width: 5em;
		text-align: center;
	}
	#index-header .txtband .txt01, #index-header .txtband .txt02 {
		color: #09469a;
		font-size: 4vw;
		margin: 1% 0;
		padding-top: 0;
	}
	#index-header .txtband .txt01 {
		margin-right: 0
	}
	.globalouter {
		padding: 0 3%;
	}
	.globalouter:after {
		content: "";
		display: block;
		clear: both;
	}
	#Contentswrapper {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
	}
	#mainContents, #subContents {
		margin-left: 0;
		height: 100%;
	}
	/*-----------------------------------------------------------------
  sideNavi
------------------------------------------------------------------*/
	#sideNavi {
		width: auto;
		float: none;
		margin-bottom: 0;
	}
	#sideNavi .naviMenu {
		width: 85%;
		transform: translateX(100%);
		-webkit-transition: ease .5s;
		transition: ease .5s;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9999;
	}
	#sideNavi .naviMenu ul {
		line-height: 1;
		font-size: 3.7vw;
		margin-bottom: 0;
		padding-top: 19%;
	}
	#sideNavi .naviMenu.action {
		width: 85%;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	#sideNavi .naviMenu ul a {
		color: #fff;
	}
	#sideNavi .naviMenu ul a {
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		background: url(../svg_images/side_arrow.svg) no-repeat right 17px center;
	}
	#sideNavi .naviMenu ul a:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #ffe400;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	#sideNavi .naviMenu ul a:hover, #sideNavi .naviMenu ul a:focus, #sideNavi .naviMenu ul a:active {
		color: #09469a;
		background: none;
	}
	#sideNavi .naviMenu ul a:hover:before, #sideNavi .naviMenu ul a:focus:before, #sideNavi .naviMenu ul a:active:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}
	#sideNavi .naviMenu ul a:hover:after, #sideNavi .naviMenu ul a:focus:after, #sideNavi .naviMenu ul a:active:after {
		position: absolute;
		content: url(../svg_images/side_arrow_on.svg);
		top: 50%;
		right: 17px;
		margin-top: -7px;
	}
	#sideNavi .naviMenu ul a, #sideNavi .naviMenu ul span {
		display: block;
		padding: 5%;
	}
	#sideNavi .naviMenu ul li:after {
		content: "";
		display: block;
		height: 2px;
		background: linear-gradient(to right, #297d8f 0%, #297d8f 100%);
	}
	#sideNavi .naviMenu ul li:last-child:after, #sideNavi .naviMenu ul li:first-child:before {
		content: "";
		display: block;
		height: 2px;
		background: linear-gradient(to right, #297d8f 0%, #297d8f 100%);
	}
	.naviMenu .button {
		position: absolute;
		top: 0;
		right: 0;
		left: -18%;
		background: #FFC800;
		width: 18%;
		padding-top: 18%;
		-webkit-transition: ease .5s;
		transition: ease .5s;
		background: url(../svg_images/sp/nav-button.svg) no-repeat 0 0;
		background-size: 100% auto;
		cursor: pointer;
	}
	.naviMenu.action .button {
		top: 0;
		left: auto;
		right: 0;
		background: url(../svg_images/sp/nav-button-on.svg) no-repeat 0 0;
		background-size: 100% auto;
	}
	.sidebanner {
		margin: 7% 5%
	}
	/*-----------------------------------------------------------------
  footer
------------------------------------------------------------------*/
	footer {
		background: #0d4793;
		position: static;
		bottom: auto;
		width: 100%;
		height: auto;
	}
	footer img {
		width: 100%;
	}
	footer a {
		color: #FFF;
	}
	footer .container {
		width: 100%;
		margin: 0;
		/*                padding: 3% 4.7%;*/
		font-size: 3.75vw;
		line-height: 150%;
		position: relative;
		box-sizing: border-box;
	}
	footer .container:after {
		content: "";
		display: block;
		clear: both;
	}
	footer .menu {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	footer .menu .button {
		position: absolute;
		top: 3.5vw;
		left: 4.7%;
		width: 14%;
		padding: 14% 0 0 0;
		height: 0;
		background: url(../out_images/sp/ft-nav-button.png) no-repeat 0 0;
		background-size: 100% 100%;
		cursor: pointer;
	}
	footer .menu.opened .button {
		background-image: url(../out_images/sp/ft-nav-button-on.png);
	}
	footer .menu ul {
		display: none;
		position: absolute;
		bottom: 0;
		width: 100%;
		margin: 0;
		background-color: rgba(87, 182, 117, 0.95);
		z-index: 1000;
		color: #fff;
		text-align: left;
	}
	footer .menu.opened ul {
		display: block;
		bottom: 0;
	}
	footer .menu ul li {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		border-top: 1px solid #0d4793;
	}
	footer .menu ul li:first-child {
		margin: 0;
	}
	footer .menu li+li {
		border-left: none;
	}
	footer .menu ul li a {
		display: block;
		width: 100%;
		height: auto;
		padding: 1em 1em;
		color: #FFFFFF;
		box-sizing: border-box;
	}
	footer .logo {
		width: 24%;
		float: right;
	}
	footer .logo img {
		width: 100%;
	}
	footer .copyright {
		clear: both;
		float: right;
		margin: 2% 0 0 0;
		padding: 0;
		font-size: 2.5vw;
		font-style: normal;
	}
	/*-----------------------------------------------------------------
  pageTop
------------------------------------------------------------------*/
	.pageTop {
		display: none;
	}
	/*-----------------------------------------------------------------
  index
------------------------------------------------------------------*/
	.linkbox a {
		padding: 5% 14%;
		font-size: 3.7vw;
	}
	#main-Poster {
		max-width: 483px;
		padding: 5% 10% 10% 10%;
		text-align: center
	}
	#main-Poster h2 {
		padding: 4% 0 6% 0;
		font-size: 4.6vw;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 3%
	}
	#main-Poster .photo {
		margin-bottom: 10%;
		clear: both;
		max-width: 100%;
	}
	#main-Poster img {
		max-width: 100%;
	}
	/*-----------------------------------------------------------------
  outline
------------------------------------------------------------------*/
	#page-header {
		background: none;
		padding-bottom: 4%;
	}
	#page-header .snsbox {
		display: none;
	}
	#page-header .inner {
		padding: 0;
	}
	#page-header h1 {
		margin-bottom: 0
	}
	#page-header h2 {
		font-size: 4.6vw;
		line-height: 1;
		font-weight: 700;
		padding: 4%;
		margin: 1% 13% 0 13%
	}
	.footsns {
		display: block;
		text-align: center;
		margin: -5% auto 5% auto
	}
	#main-Outline {
		padding: 6% 4% 2% 4%
	}
	#main-Outline dl {
		font-size: 3.7vw;
		line-height: 1.7;
	}
	#main-Outline dt {
		font-weight: 700;
		padding-bottom: 1%;
		margin-bottom: 1%
	}
	#main-Outline dd {
		margin-bottom: 6%
	}
	/*-----------------------------------------------------------------
  splash
------------------------------------------------------------------*/
	#splashbox {
		overflow: hidden;
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		display: none;
	}
	#splashbox img {
		width: 100%
	}
	#splash01, #splash02, #splash03, #splash04 {
		position: absolute;
		top: 0;
		z-index: 1001;
		width: 100%;
	}
	#splash01 {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background: #07438f url(../out_images/sp/splash_bg.png) no-repeat;
		background: url(../out_images/sp/splash_bg.png) no-repeat, -moz-linear-gradient(left, #07438f 0%, #073d8b 4%, #073f8d 4%, #093f8d 8%, #083c8c 10%, #093f8d 11%, #093c8b 14%, #0a3f8f 18%, #0a3e8e 26%, #0c408f 27%, #0b3d8a 50%, #0a3d8c 70%, #073282 93%, #063484 94%, #073584 100%);
		background: url(../out_images/sp/splash_bg.png) no-repeat, -webkit-linear-gradient(left, #07438f 0%, #073d8b 4%, #073f8d 4%, #093f8d 8%, #083c8c 10%, #093f8d 11%, #093c8b 14%, #0a3f8f 18%, #0a3e8e 26%, #0c408f 27%, #0b3d8a 50%, #0a3d8c 70%, #073282 93%, #063484 94%, #073584 100%);
		background: url(../out_images/sp/splash_bg.png) no-repeat, linear-gradient(to right, #07438f 0%, #073d8b 4%, #073f8d 4%, #093f8d 8%, #083c8c 10%, #093f8d 11%, #093c8b 14%, #0a3f8f 18%, #0a3e8e 26%, #0c408f 27%, #0b3d8a 50%, #0a3d8c 70%, #073282 93%, #063484 94%, #073584 100%);
		-moz-background-size: 100% auto, auto;
		background-size: 100% auto, auto;
		display: none;
	}
	#splash02 {
		display: none;
	}
	#splash03 {
		opacity: 0
	}
	#splash04 {
		opacity: 0
	}
	/*-----------------------------------------------------------------
  banner in index&ouline
------------------------------------------------------------------*/
	ul.sponsors1 li, ul.sponsors2 li {
		margin: 5px 3px 0;
		display: inline-block;
		width: 45%;
	}
	/*-----------------------------------------------------------------
  tickets-access
------------------------------------------------------------------*/
	#main-tickets-access {
		padding: 8% 6% 2% 6%;
		font-size: 3.7vw;
		color: #353535;
	}
	#main-tickets-access .tickets-access-txt {
		padding: 3% 0 4%;
		line-height: 1.6;
	}
	#main-tickets-access a:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
	#main-tickets-access ul.tickets-access-nav {
		margin: 0 auto 9%;
		display: inherit;
	}
	#main-tickets-access ul.tickets-access-nav li {
		border: 1px solid #57a693;
		width: 100%;
		height: 11.63%;
		heigh: 9.375vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 3%;
	}
	#main-tickets-access ul.tickets-access-nav li a {
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 11.63%;
		padding-bottom: 9.375vw;
		font-size: 3.7vw;
		font-weight: 700;
		color: #154ca0;
		text-align: center;
		line-height: 2.8;
		line-height: 9.375vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#main-tickets-access ul.tickets-access-nav li a:before {
		content: "";
		display: inline-block;
		width: 7px;
		width: 2.1875vw;
		height: 6px;
		height: 1.875vw;
		background: url(../out_images/tickets-access/sp/link_arrow.png) center center no-repeat;
		-webkit-background-size: 7px 6px;
		-webkit-background-size: 2.1875vw 1.875vw;
		-moz-background-size: 7px 6px;
		-moz-background-size: 2.1875vw 1.875vw;
		background-size: 7px 6px;
		background-size: 2.1875vw 1.875vw;
		position: relative;
		top: -1px;
		margin: 0 5px;
	}
	#main-tickets-access h3 {
		font-size: 4.6875vw;
		color: #154ca0;
		font-weight: 700;
		border-bottom: 2px solid #154ca0;
		padding-bottom: 8px;
	}
	#main-tickets-access h4 {
		width: 100%;
		height: 9.375vw;
		padding: 2.8% 0 2.8% 3%;
		padding: 0 0 0 2.1875vw;
		border: 1px solid #57a693;
		color: #154ca0;
		font-size: 3.75vw;
		font-weight: 700;
		line-height: 1.6;
		line-height: 9.375vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 3%;
		margin-top: 3.125vw;
	}
	/* チケット情報
------------------------------*/
	#main-tickets-access #ticket {
		padding-top: 3%;
		padding-top: 3.125vw;
	}
	#main-tickets-access #ticket dl dd {
		width: 100%;
		float: none;
	}
	#main-tickets-access #ticket dl dt {
		width: 100%;
		float: none;
		border: 1px dotted #3a3b3b;
		padding: 3.8% 3.8% 0;
		padding: 3.125vw 3.125vw 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 1.4;
	}
	#main-tickets-access #ticket dl dt span {
		font-size: 4.6875vw;
		font-weight: 700;
		line-height: 1.4;
	}
	#main-tickets-access #ticket dl.ticket01 {
		margin-bottom: 5%;
		margin-bottom: 4.6875vw;
	}
	#main-tickets-access #ticket dl.ticket01:after {
		content: "";
		display: block;
		clear: both;
	}
	#main-tickets-access #ticket dl.ticket01 dd {
		background: none;
		padding: 0;
		height: auto;
		margin-bottom: 3%;
		margin-bottom: 3.125vw;
	}
	#main-tickets-access #ticket dl.ticket01 dd img {
		display: block;
		width: 100%;
	}
	#main-tickets-access #ticket dl.ticket01 dt {
		width: 100%;
		min-height: auto;
		float: none;
	}
	#main-tickets-access #ticket dl.ticket01 dt li {
		font-size: 3.7vw;
		line-height: 1.6;
	}
	#main-tickets-access #ticket dl.ticket01 dt li:nth-child(1) {
		color: #a67a1e;
		margin-bottom: 5px;
	}
	#main-tickets-access #ticket dl.ticket01 dt li:nth-child(2) {
		background: url(../out_images/tickets-access/sp/tickets_no1.png) left top no-repeat;
		-webkit-background-size: 8.914% auto;
		-webkit-background-size: 7.1875vw 5.9375vw;
		-moz-background-size: 8.914% auto;
		-moz-background-size: 7.1875vw 5.9375vw;
		background-size: 8.914% auto;
		background-size: 7.1875vw 5.9375vw;
		padding-left: 10%;
		padding-left: 8.5vw;
		margin-bottom: 3%;
		margin-bottom: 3.125vw;
		font-size: 3.4375vw
	}
	#main-tickets-access #ticket dl.ticket01 dt li:nth-child(3) {
		background: url(../out_images/tickets-access/sp/tickets_no2.png) left top no-repeat;
		-webkit-background-size: 8.914% auto;
		-webkit-background-size: 7.1875vw 5.9375vw;
		-moz-background-size: 8.914% auto;
		-moz-background-size: 7.1875vw 5.9375vw;
		background-size: 8.914% auto;
		background-size: 7.1875vw 5.9375vw;
		padding-left: 10%;
		padding-left: 8.5vw;
		margin-bottom: 3%;
		margin-bottom: 3.125vw;
		font-size: 3.4375vw
	}
	#main-tickets-access #ticket dl.ticket01 dt li:nth-child(4) {
		background: url(../out_images/tickets-access/sp/tickets_no3.png) left top no-repeat;
		-webkit-background-size: 8.914% auto;
		-webkit-background-size: 7.1875vw 5.9375vw;
		-moz-background-size: 8.914% auto;
		-moz-background-size: 7.1875vw 5.9375vw;
		background-size: 8.914% auto;
		background-size: 7.1875vw 5.9375vw;
		padding-left: 10%;
		padding-left: 8.5vw;
		margin-bottom: 3%;
		margin-bottom: 3.125vw;
		font-size: 3.4375vw
	}
	#main-tickets-access #ticket dl.ticket01 dt li:nth-child(5) {
		background: url(../out_images/tickets-access/sp/tickets_no4.png) left top no-repeat;
		-webkit-background-size: 8.914% auto;
		-webkit-background-size: 7.1875vw 5.9375vw;
		-moz-background-size: 8.914% auto;
		-moz-background-size: 7.1875vw 5.9375vw;
		background-size: 8.914% auto;
		background-size: 7.1875vw 5.9375vw;
		padding-left: 10%;
		padding-left: 8.5vw;
		margin-bottom: 3%;
		margin-bottom: 3.125vw;
		font-size: 3.4375vw
	}
	#main-tickets-access #ticket dl.ticket01 dt li:nth-child(6) {
		background: url(../out_images/tickets-access/sp/tickets_no5.png) left top no-repeat;
		-webkit-background-size: 8.914% auto;
		-webkit-background-size: 7.1875vw 5.9375vw;
		-moz-background-size: 8.914% auto;
		-moz-background-size: 7.1875vw 5.9375vw;
		background-size: 8.914% auto;
		background-size: 7.1875vw 5.9375vw;
		padding-left: 10%;
		padding-left: 8.5vw;
		margin-bottom: 3%;
		margin-bottom: 3.125vw;
		font-size: 3.4375vw
	}
	#main-tickets-access #ticket dl.ticket02 {
		margin-bottom: 5%;
		margin-bottom: 4.6875vw;
	}
	#main-tickets-access #ticket dl.ticket02:after {
		content: "";
		display: block;
		clear: both;
	}
	#main-tickets-access #ticket dl.ticket02 dd {
		background: none;
		padding: 0;
		height: auto;
		margin-bottom: 3%;
		margin-bottom: 3.125vw;
	}
	#main-tickets-access #ticket dl.ticket02 dd img {
		display: block;
		width: 100%;
	}
	#main-tickets-access #ticket dl.ticket02 dt {
		width: 100%;
		float: none;
		padding-bottom: 3%;
		padding-bottom: 3.125vw;
		font-size: 3.4375vw
	}
	#main-tickets-access #ticket dl.ticket03 {
		margin-bottom: 6%;
		margin-bottom: 6.875vw;
	}
	#main-tickets-access #ticket dl.ticket03:after {
		content: "";
		display: block;
		clear: both;
	}
	#main-tickets-access #ticket dl.ticket03 dd {
		background: none;
		padding: 0;
		height: auto;
		margin-bottom: 3%;
		margin-bottom: 3.125vw;
	}
	#main-tickets-access #ticket dl.ticket03 dd img {
		display: block;
		width: 100%;
	}
	#main-tickets-access #ticket dl.ticket03 dt {
		width: 100%;
		float: none;
		padding-bottom: 3%;
		padding-bottom: 3.125vw;
		font-size: 3.4375vw
	}
	#main-tickets-access #ticket .ticket_bnr {
		width: 100%;
		margin-bottom: 5.15%;
		margin-bottom: 5.15vw;
	}
	#main-tickets-access #ticket .ticket_bnr img {
		width: 100%;
	}
	/* 会場へのアクセス
------------------------------*/
	#main-tickets-access #access {
		padding-top: 3%;
		padding-top: 3.125vw;
	}
	#main-tickets-access #access #map {
		width: 100%;
		height: 0;
		height: 45.3125vw;
		padding-bottom: 56.2%;
		padding-bottom: 0vw;
		margin: 3% auto 0;
		margin: 3.125vw auto 0;
		border: 1px solid #3bafed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	}
	#main-tickets-access #access h4.icon01:before {
		content: "";
		width: 15px;
		width: 4.6875vw;
		height: 15px;
		height: 4.6875vw;
		display: inline-block;
		background: url(../out_images/tickets-access/sp/access_icon01.png);
		-webkit-background-size: 15px 15px;
		-webkit-background-size: 4.6875vw 4.6875vw;
		-moz-background-size: 15px 15px;
		-moz-background-size: 4.6875vw 4.6875vw;
		background-size: 15px 15px;
		background-size: 4.6875vw 4.6875vw;
		position: relative;
		top: 3px;
		margin: 0 2%;
		margin: 0 1vw;
	}
	#main-tickets-access #access h4.icon02:before {
		content: "";
		width: 15px;
		width: 4.6875vw;
		height: 15px;
		height: 4.6875vw;
		display: inline-block;
		background: url(../out_images/tickets-access/sp/access_icon02.png);
		-webkit-background-size: 15px 15px;
		-webkit-background-size: 4.6875vw 4.6875vw;
		-moz-background-size: 15px 15px;
		-moz-background-size: 4.6875vw 4.6875vw;
		background-size: 15px 15px;
		background-size: 4.6875vw 4.6875vw;
		position: relative;
		top: 3px;
		margin: 0 2%;
		margin: 0 1vw;
	}
	/*-----------------------------------------------------------------
  index campaignバナー追加 2017.06.12
------------------------------------------------------------------*/
	#mainBnrbox {
		margin-left: 0;
		margin-bottom: 5%;
	}
	#mainBnrbox img {
		width: 100%;
	}
	#mainBnrbox .bnr1 {
		margin-bottom: 3%;
	}
	#mainBnrbox .bnr2 {
		padding: 0;
	}
}