/*
 ------------------------------

 ◆creation date: 18/6/6
 ・update:18/6/6 リデザイン版共通
 ・update:18/8/31 中止対応
 ・update:18/10/15 プレスリリース対応
 ・update:19/5/24 色変更他
 ・update:19/7/19 2カラムのレイアウト調整

 ----------------------------- */


/*============================

	基本

============================*/

body {
	/*font-family: "ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;*/
	font-size: 1.4rem;
}



/*-- ブレークポイント -------------------------*/
.pc {
	display: block !important;
}

.sp {
	display: none !important;

}

@media (max-width:768px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}
}

br.pc, br.sp {
	content:"";
	display:block;
	font-size:0;
}




/*-- 画像フィット -------------------------*/
#contents .fit {max-width:100%;}




/*-- clearfix -------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*-- float -------------------------*/
#contents .left { float:left; }
#contents .right { float:right; }



/*-- align -------------------------*/
#contents .alignL { text-align:left; }
#contents .alignR { text-align:right; }
#contents .alignC { text-align:center; }



/*-- テーブル -------------------------*/
.tableLayout {
	display:table;
	border-collapse:collapse;
	width:100%;
}

.tableLayout.fixLayout {
	table-layout:fixed;
}

.tableLayout>* {
	display:table-cell;
	vertical-align:top;
}

.tableLayout>*.vMiddle {vertical-align:middle;}



@media (min-width:769px) {
/*==============================================
基本
==============================================*/


/*テーブル*/
#contents .tableLayout.column2_pc > * {width:50%;}
#contents .tableLayout.column2_pc > *:first-child {padding-right:2%;}
#contents .tableLayout.column2_pc > *:last-child {padding-left:2%;}

/*==============================================
ボックス
==============================================*/
/*子要素float*/
.floatArea.column3_pc > * {width:32.3%;margin-right:1.5%;margin-bottom:0;}
.floatArea.column3_pc > *:nth-of-type(3n) {margin-right:0;}
.floatArea.column3_pc > *:nth-of-type(n+4) {margin-top:20px;}

.floatArea.column4_pc > * {width:24%;margin-right:1%;margin-bottom:0;}
.floatArea.column4_pc > *:nth-of-type(4n) {margin-right:0;}
.floatArea.column4_pc > *:nth-of-type(n+5) {margin-top:20px;}
}



/*-- フォントサイズ -------------------------*/
#contents .fs80 { font-size: 80%    !important; }
#contents .fs85 { font-size: 85%    !important; }
#contents .fs90 { font-size: 90%    !important; }
#contents .fs95 { font-size: 95%    !important; }
#contents .fs105 { font-size: 105%    !important; }
#contents .fs110 { font-size: 110%    !important; }
#contents .fs115 { font-size: 115%    !important; }
#contents .fs120 { font-size: 120%    !important; }
#contents .fs130 { font-size: 130%    !important; }
#contents .fs140 { font-size: 140%    !important; }
#contents .fs150 { font-size: 150%    !important; }
#contents .fs160 { font-size: 160%    !important; }
#contents .fs170 { font-size: 170%    !important; }



/*-- マージン -------------------------*/

/*-- top --*/
#contents .mt00 { margin-top:     0px !important; }
#contents .mt05 { margin-top:     5px !important; }
#contents .mt10 { margin-top:    10px !important; }
#contents .mt15 { margin-top:    15px !important; }
#contents .mt20 { margin-top:    20px !important; }
#contents .mt25 { margin-top:    25px !important; }
#contents .mt30 { margin-top:    30px !important; }
#contents .mt40 { margin-top:    40px !important; }
#contents .mt50 { margin-top:    50px !important; }
#contents .mt60 { margin-top:    60px !important; }
#contents .mt70 { margin-top:    70px !important; }
#contents .mt80 { margin-top:    80px !important; }
#contents .mt90 { margin-top:    90px !important; }
#contents .mt100 { margin-top:    100px !important; }

/*-- bottom --*/
#contents .mb00 { margin-bottom:     0px !important; }
#contents .mb05 { margin-bottom:     5px !important; }
#contents .mb10 { margin-bottom:    10px !important; }
#contents .mb15 { margin-bottom:    15px !important; }
#contents .mb20 { margin-bottom:    20px !important; }
#contents .mb25 { margin-bottom:    25px !important; }
#contents .mb30 { margin-bottom:    30px !important; }
#contents .mb40 { margin-bottom:    40px !important; }
#contents .mb50 { margin-bottom:    50px !important; }
#contents .mb60 { margin-bottom:    60px !important; }
#contents .mb70 { margin-bottom:    70px !important; }
#contents .mb80 { margin-bottom:    80px !important; }
#contents .mb90 { margin-bottom:    90px !important; }
#contents .mb100 { margin-bottom:    100px !important; }



/*-- カラー -------------------------*/
#contents .blue {color:#333399;}




/*-- ボタン -------------------------*/
a.btn01 {
	position: relative;
	display: inline-block;
	background-color: #fffc00;
	/*background-color: #fff;*/
	font-weight: bold;
	color: #063190;
	text-align: center;
	text-decoration: none;
	font-size: 1.6rem;
	padding: 10px 30px;
}

a.btn02 {
	position: relative;
	display: inline-block;
	background-color: #fffc00;
	/*background-color: #fff;*/
	font-weight: bold;
	color: #063190;
	text-align: center;
	text-decoration: none;
	font-size: 1.8rem;
	padding: 15px 40px 15px 30px;
	/*min-width: 300px;*/
	/*border: 1px solid #063190;*/
}

a i {
	display:inline-block;
	vertical-align:middle;
	width:7px;
	height:7px;
	border:1px solid #0000cc;
	border-left:none;
	border-bottom:none;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	position: absolute;
	right: 15px;
	top: 50%;
}

a i {
	margin-top:-2px;
}

a:hover > i {
	-webkit-transform:translateX(5px) rotate(45deg);
	transform:translateX(5px) rotate(45deg);
}

/*テキスト+アンダーライン+グレー背景*/
#contents .txtButton {
	color:#0000cc;
	font-size:127%;
	text-decoration:underline;
	border:1px solid #0000cc;
	border-radius:5px;
	background:#eeeeee;
	text-align:center;
	width:50%;
	display:inline-block;
	padding:0.3em 0;
	}
#contents .txtButton:hover {text-decoration:none;}

#contents .txtButton.min {
	width:28%;
	margin-left:1.5%;
	margin-right:1.5%;
	}
	

a .window {
	padding: 3px 5px 0 0;
}

a .window2 {
	padding: 0 0 0 3px;
}

a .window3 {
	padding: 3px 0 0 3px;
}

a .window4 {
	padding: 5px 0 0 5px;
}

.pdf {
	max-width: 15px;
	margin: 2px 0 0 8px;
}


/*-- オーバーライド -------------------------*/
.icon-blank img {
	display:none;
}



#contents .blueTit {
	color:#fff;
	/*background:#333399;*/
	background: #06318f;
	text-align:center;
	line-height:1;
	padding:0.7em 0;
	border-radius:5px;
	font-size:128%;
	margin-bottom:1em;
	font-weight: bold;
	}
#contents .blueTit:nth-of-type(n+2) {margin-top:2em;}








/*==============================================
bp:TB以下
==============================================*/
@media (max-width:768px) {

/*-- テーブル -------------------------*/
#contents .tableLayout.resetTable_tb,
#contents .tableLayout.resetTable_tb > * {
	display:block;
	width:100%;
	padding-left:0;
	padding-right:0;
	margin-bottom:1em;
}




}





/*============================

	フッター

============================*/

footer span.copy {
	display: block;
	font-family: "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
	color: #0b318f;
	margin: 30px auto 15px auto;
	text-align: center;
	font-weight: bold;
    overflow: hidden;
}


/*-- 関連リンク --------------*/


footer h2 {
	font-size: 4rem;
	font-weight: bold;
	line-height: 0.9;
}

footer h2 span {
	display: block;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1;
	margin: 10px 0;
}

@media (max-width:768px) {
	footer h2 {
		font-size: 3rem;
	}

	footer h2 span {
		font-size: 1.6rem;
	}
}

.col-relationlink {
	background-color: #e5e5e5;
	text-align: center;
	padding: 3em 2em;
}

.col-relationlink h2 {
	color: #0b308e;
	margin-bottom: 30px;
}
/*
.col-relationlink h2::after {
	content: url("/anaopen/image/2023/230703/info_border.png");
	display: block;
}
*/


.col-relationlink ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 3em 5%;
	max-width: 1200px;
	margin-inline: auto;
  }

.col-relationlink ul li {
	width:30%;
}

.col-relationlink a {
	display: flex;
	align-items: flex-end;
}

.col-relationlink a .bnr {
	margin-right: 5px;
}

.col-relationlink p {
	font-size: 1.6rem;
}
/*
footer .bnr {
	max-width: 277px;
}
*/

@media (max-width:768px) {
	.col-relationlink a {
		/*display: block;*/
		display: flex;
		/*flex-direction: column;*/
		justify-content: center;
		align-items: flex-end;
		width: 100%;
	}

	.col-relationlink a .bnr {
	}

	.col-relationlink a:nth-child(even) {
		margin: 5% auto;
	}

	.col-relationlink ul {
		display: block;
	}
    
    .col-relationlink ul li {
        padding-bottom: 8%;
		margin: 0 auto;
        width: 100%;
    }
	
	.col-relationlink a {
		/*display: block;*/
		max-width: 100%;
	}
}



/*-- フッターナビ --------------*/
.footer-nav {
	background-color: #e2f2fd;
	text-align: center;
	padding: 30px;
}

.footer-nav h2 {
	color: #08318f;
	margin-bottom: 30px;
}
/*
.footer-nav h2::after {
	content: url("/anaopen/image/2023/230703/reservation_border.png");
	display: block;
}
*/
.footer-nav ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-nav ul li {
	margin: 0 2%;
	width: 18%;
}

.footer-nav a:hover {
	opacity: 0.8;
}





@media (max-width:768px) {
	.footer-nav ul {
		display: block;
	}

	.footer-nav ul li {
		margin: 7% 0;
		width: 100%;
	}

	.footer-nav a {
		display: block;
		width: 100%;
	}

	.footer-nav a img {
		width: 100%;
	}

	.footer-nav a:nth-child(even) {
		margin: 5% auto;
	}
}




/*============================

	新背景・見出し用

============================*/

h2 span.ttl-jp {
	position: relative;
	display: inline-block;
	font-size: 4rem;
	font-weight: bold;
	line-height: 0.9;
}

.col-relationlink h2 span.en {
	color: #0eaa74;
}

.col-relationlink h2 span.ttl-jp::before {
	position: absolute;
	/*content: url("/anaopen/image/base/h2_related_bg.png");*/
	top: 38%;
	left: -139px;
    max-width: 119px;
    
    display: inline-block;
    content: "";
    background-image: url("/anaopen/image/base/h2_related_bg.png");
    background-size: 100%;
    height: 7px;
    width: 119px;
    vertical-align: middle;
}

.col-relationlink h2 span.ttl-jp::after {
	position: absolute;
	/*content: url("/anaopen/image/base/h2_related_bg.png");*/
	top: 38%;
	right: -139px;
	transform: scale(-1, 1);
    max-width: 119px;
    
    display: inline-block;
    content: "";
    background-image: url("/anaopen/image/base/h2_related_bg.png");
    background-size: 100%;
    height: 7px;
    width: 119px;
    vertical-align: middle;
}


.footer-nav h2 span.en {
	color: #04a6ea;
}

.footer-nav h2 span.ttl-jp img {
    max-width: 100%;
}

.footer-nav h2 span.ttl-jp::before {
	position: absolute;
	/*content: url("/anaopen/image/base/h2_popular_bg.png");*/
	/*top: -30%;*/
    top: 38%;
	left: -139px;
    max-width: 119px;
    
    display: inline-block;
    content: "";
    background-image: url("/anaopen/image/base/h2_popular_bg.png");
    background-size: 100%;
    height: 7px;
    width: 119px;
    vertical-align: middle;
}

.footer-nav h2 span.ttl-jp::after {
	position: absolute;
	/*content: url("/anaopen/image/base/h2_popular_bg.png");*/
	/*top: -30%;*/
    top: 38%;
	right: -139px;
	transform: scale(-1, 1);
    max-width: 119px;
    
    display: inline-block;
    content: "";
    background-image: url("/anaopen/image/base/h2_popular_bg.png");
    background-size: 100%;
    height: 7px;
    width: 119px;
    vertical-align: middle;
}

/* セクション見出しカラーバリエーション（フッター） */
footer .col-relationlink h2.color01 span.en {
	color: #0c8259;
}

footer .col-relationlink h2.color01 span.ttl-jp {
	color: #0a3190;
}

footer .col-relationlink h2.color01 span.ttl-jp::before {
	background-image: linear-gradient(to right, #0eaa74, #21378d);
	transform: none;
}

footer .col-relationlink h2.color01 span.ttl-jp::after {
	background-image: linear-gradient(to right, #21378d, #0eaa74);
	transform: none;
}

.footer-nav .section_head01.color03 span.en {
	color: #0371a3;
}

.footer-nav .section_head01.color03 span.ttl-jp {
	color: #0a3190;
}

.footer-nav .section_head01.color03 span.ttl-jp::before {
	background-image: linear-gradient(to right, #00a0e9, #21378d);
	transform: none;
}

.footer-nav .section_head01.color03 span.ttl-jp::after {
	background-image: linear-gradient(to right, #21378d, #00a0e9);
	transform: none;
}


@media (max-width: 768px) {
    h2 span.ttl-jp {
        font-size: 3rem;
        line-height: 1.2;
    }
    
    /*
    .footer-nav h2 span.ttl-jp::before {
        display: none;
    }

    .footer-nav h2 span.ttl-jp::after {
        display: none;
    }

    .col-relationlink h2 span.ttl-jp::before {
        display: none;
    }

    .col-relationlink h2 span.ttl-jp::after {
        display: none;
    }
    */
}

@media (max-width: 520px) {
    .footer-nav h2 span.ttl-jp::before {
        width: 50px;
        left: -60px;
        max-width: none;
    }

    .footer-nav h2 span.ttl-jp::after {
        width: 50px;
        right: -60px;
        max-width: none;
    }
    
     .col-relationlink h2 span.ttl-jp::before {
        width: 50px;
        left: -60px;
        max-width: none;
    }

    .col-relationlink h2 span.ttl-jp::after {
        width: 50px;
        right: -60px;
        max-width: none;
    }
}



/*============================

	サイドナビ

============================*/

.sidenavi {
	position: fixed;
	/*top: 15%;*/
	right: -150px;
	z-index: 999;
	overflow: hidden;
	top: 60%;
	transform: translate(0, -50%);
}

.sidenavi li {
	/*margin-bottom: 15px;*/
	width: 82px;
}

.sidenavi li .height-L {
	display: block;
}

.sidenavi li .height-M,
.sidenavi li .height-S {
	display: none;
}
/*
.sidenavi a:hover {
	opacity: 0.9;
}
*/

.sidenavi img {
	max-width: 82px;
}

@media (max-width:768px) {
	.sidenavi {
        position: fixed;
		top: auto;
		bottom: 25px;
		transform: translate(0, 0);
	}

	.sidenavi li {
		/*margin-bottom: 10px;*/
		width: 216px;
	}

	.sidenavi img {
		max-width: 100%;
	}
}



@media screen and (max-height: 760px) {
	.sidenavi {
		/*top: 10%;*/
        top: auto;
        bottom: 25px;
		transform: translate(0,0);
	}

	.sidenavi li .height-M {
		display: block;
	}

	.sidenavi li .height-L,
	.sidenavi li .height-S {
		display: none;
	}
}



@media screen and (max-height: 660px) {
	.sidenavi {
		top: auto;
        bottom: 25px;
		transform: translate(0,0);
	}

	.sidenavi li .height-S {
		display: block;
	}

	.sidenavi li .height-L,
	.sidenavi li .height-M {
		display: none;
	}
}



/*============================

	下層共通

============================*/

#sub {
	margin-top: 122px;
	margin-bottom: 2rem;
	font-size: 110%;
}

#sub h1 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f1f5f9;
	color: #003498;
	padding: 1% 2%;
	margin-bottom: 45px;
	height: 160px;
}

#sub h1 span {
	border-bottom: 8px solid #02a6e9;
	font-size: 3.6rem;
	font-weight: bold;
}

#sub #contents-block {
	max-width: 1000px;
	margin: 0 auto;
}

#sub .col-2 .box {
	/*display: inline-block;*/
	/*float: left;*/
	width: 50%;
	padding: 30px;
	font-size: 1.6rem;
	text-align: center;
}

#sub h2 {
	text-align: center;
	margin-bottom: 20px;
}

#sub h2 span {
	font-size: 2.4rem;
	color: #0b308e;
	font-weight: bold;
	/*border-bottom: 2px solid #00a0e9;*/
}

#sub h3,
#sub h2.normal {
	color:#003498;
	/*background:#333399;*/
	background: #f1f5f9;
	line-height:1.5;
	padding:0.7em 0 0.7em 15px;
	border-radius:10px;
	font-size:128%;
	text-align: left;
	margin-bottom:1em;
	font-weight: bold;
	border-left: 15px solid #00a0e9;
}

#sub h3.normal {
	color:#005800;
	/*background:#333399;*/
	background: none;
	line-height:1.5;
	padding:1em 0;
	border-radius: 0;
	font-size:128%;
	margin-bottom:1em;
	border-left: none;
}

/*-- レイアウト --*/

#sub .col-2 {
	display: flex;
	flex-wrap: wrap;
}

#sub .col-2 > div {
	border: 2px solid #00a7ea;
	border-collapse: collapse;
}

#sub .col-2 > div:nth-child(odd) {
	border-right: 2px solid #00a7ea;
}

#sub .col-2 > div:nth-child(even) {
	border-left: none;
}

#sub .col-2 > div:nth-child(n+3) {
	border-top: none;
}


a.blank {
	display: inline;
	background: url(/anaopen/about/image/2018/180801/icon_link.png) right center no-repeat;
	padding-right: 15px;
}



.col2-wrap {
	display: flex;
	flex-wrap: wrap;
}
/*
.col2-wrap .content-box {
	width: 50%;
}
*/

.col2-wrap > div {
	width: 48%;
	margin-bottom: 4%;
}

.col2-wrap > div:nth-child(odd) {
	margin-right: 4%;
}



@media (max-width:768px) {
	#sub {
		margin-top: 56px;
	}

	#sub #contents-block {
		padding: 0 4%;
	}

	#sub .col-2 {
		display: block;
	}

	#sub .col-2 .box {
		width: 100%;
	}

	#sub h2 span {
		font-size: 2.4rem;
		color: #0b308e;
		font-weight: bold;
	}

	#sub .col-2 > div:nth-child(even) {
		border-left: 2px solid #00a7ea;
	}

	#sub .col-2 > div:nth-child(n+2) {
		border-top: none;
	}


.col2-wrap {
	display: block;
	flex-wrap: wrap;
}

.col2-wrap > div {
	width: 100%;
	margin-bottom: 10%;
}

.col2-wrap > div:nth-child(odd) {
	margin-right: 0;
}

}




/*-- 大会概要 -----------------------*/

#sub .prizemoney td::before {
	content: "￥";
}

#sub .prizemoney > div {
	margin-bottom: 40px;
}

.prizemoney dl {
	display: flex;
	align-items: flex-start;
}

.prizemoney dl dt {
	white-space: nowrap;
}

.prizemoney dl dt::after {
	content: "：";
}

.prizemoney div p.prize::before {
	content: "●";
	margin-right: 5px;
}

@media (max-width:768px) {
	#sub .about .box1,
	#sub .about .box2 {
		height: auto;
	}

	#sub .prizemoney th {
		width: 30%;
	}
	
	.prizemoney.last table th,
	.prizemoney.last table td {
		border: none;
		border-top: none !important;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
}







/*-- チケット -----------------------*/

#sub .ticket h2 {
	text-align: center;
	margin-bottom: 20px;
}

#sub .ticket h2 span {
	font-size: 2.4rem;
	color: #0b308e;
	font-weight: bold;
	/*border-bottom: 2px solid #00a0e9;*/
}

#sub .ticket .read {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #ed2f4f;
}

#sub .ticket .read .info {
	display: block;
	color: #000;
	font-size: 1.6rem;
}

#sub .ticket-info ul li {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.8;
}

#sub .ticket .ticket-box {
	display: flex;
}

#sub .ticket .ticket-box dl.maeuri {
	width: 25%;
	display: flex;
	flex-direction: column;
}

#sub .ticket .ticket-box dl.maeuri dt {
	background-color: #dbedfe;
	color: #fff;
	border-right: 1px solid #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding: 3%;
}

#sub .ticket .ticket-box dl.maeuri dt strong {
	color: #06318f;
}

#sub .ticket .ticket-box dl.maeuri.kessyou dt {
	background-color: #06318f;
	color: #fff;
}

#sub .ticket .ticket-box dl.maeuri.kessyou dt strong {
	color: #fff;
}

#sub .ticket .ticket-box dl.maeuri dt span {
	font-size: 1.6rem;
}

#sub .ticket .ticket-box dl.maeuri:last-child dt {
	border-right: 1px solid #00a7ea;
}

#sub .ticket .ticket-box dl.maeuri dd {
	padding: 5% 3%;
	font-size: 1.8rem;
	font-weight: bold;
	/*color: #cc3333;*/
	text-align: center;
	border-bottom: 1px solid #00a7ea;
	border-right: 1px solid #00a7ea;
}

#sub .ticket .ticket-box dl.maeuri:first-child dd {
	border-left: 1px solid #00a7ea;
}

#sub .ticket .ticket-box dl.maeuri dd:last-child {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

#sub .tokuten .box {
	text-align: left;
}

#sub .ticket .kounyu-info {
	margin-top: 10px;
	text-align: center;
}
/*
#sub .ticket .kounyu-info ul {
	display: inline-block;
}
*/
#sub .ticket .ticket-kounyu {
	display: flex;
	flex-wrap: wrap;
    /*justify-content: space-between;*/
	justify-content: flex-start;
    margin: 0 auto;
}

#sub .ticket .ticket-kounyu li {
	width: 30%;
	margin-bottom: 45px;
	/*margin-right: 3.3333333333%;*/
    margin-right: 5%;
}

#sub .ticket .ticket-kounyu li:nth-child(3n) {
    margin-right: 0;
}

#sub .ticket .ticket-kounyu li div {
	text-align: center;
}

#sub .ticket .ticket-kounyu li div a {
	margin: 10px auto;
}

#sub .ticket .furusato {
	text-align: center;
}

#sub .ticket .ticket-kounyu li ul li {
    width: 100%;
    margin-bottom: auto;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
}

/*
#sub .ticket .ticket-kounyu li a {
	background: url("/anaopen/about/image/2022/220719/icon_blank_bl.jpg") right bottom no-repeat;
	padding-right: 15px;
	display: flex;
}
*/
/*
#sub .ticket .ticket-kounyu li:nth-last-child(3) {
	margin-right: 0;
}
*/
#sub .ticket .ticket-kounyu li a:hover {
	opacity: 0.6;
}

#sub .ticket .kounyugo dt {
	font-weight: bold;
}



@media (max-width:768px) {
	#sub .ticket .read {
		text-align: left;
	}

	#sub .ticket .ticket-box {
		flex-wrap: wrap;
	}

	#sub .ticket .ticket-box dl.maeuri {
		width: 50%;
	}

	#sub .ticket .ticket-box dl.maeuri dt {
		border-right: none;
	}

	#sub .ticket .ticket-box dl:nth-child(odd) dt {
		border-right: 1px solid #fff;
	}
	
	#sub .ticket .ticket-box dl:nth-child(3) {
		border-left: 1px solid #00a7ea;
	}

	#sub .ticket .kounyu-info {
		text-align: left;
	}

	#sub .ticket .ticket-kounyu {
		display: block;
	}

	#sub .ticket .ticket-kounyu li {
		width: 100%;
		max-width: 324px;
		margin-bottom: 30px;
		margin-right: auto;
		margin-top: 0;
		margin-left: auto;
		text-align: center;
	}

	#sub .ticket .ticket-kounyu li:nth-last-child(3) {
		margin-right: auto;
	}

    #sub .ticket .ticket-kounyu li:nth-child(3n) {
        margin-right: auto;
    }

	#sub .ticket .ticket-kounyu li p {
		text-align: left;
	}
}





/*-- アクセス -----------------------*/

#sub .access {
}

.access .read {
	text-align: center;
}

#sub .access .read {
	text-align: center;
	font-size: 2rem;
}

#sub .access h3 {
	color: #007DB7;
	font-size: 1.8rem;
	font-weight: bold;
}

#sub .access ul li {
	font-size: 1.6rem;
}

#sub .access ul li {
	text-indent: -1em;
	padding-left: 1em;
}

#sub .access .kikan {
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 30px;
}

#sub .gallery-bus {
}

#sub .gallery-bus h3 {
	margin-bottom: 15px;
}

#sub .gallery-bus dt {
	font-weight: bold;
}

#sub .gallery-bus dt::before {
	content: "●";
	margin-right: 5px;
}

#sub .gallery-bus dt span {
	padding-left: 7px;
	color: #ed2f4f;
	font-size: 90%;
	font-weight: bold;
}

#sub .gallery-bus dd {
	margin-bottom: 20px;
}

#sub .gallery-bus dd ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.goods {
	display: flex;
	align-items: center;
	background-color: #0b308e;
	padding: 2%;
	border-radius: 10px;
}

.goods .ph {
	width:15%;
	margin-right: 2%;
}

.goods .info {
	width:83%;
	color: #fff;
	font-size: 100%;
}

.goods .info span {
	color: #ec7309;
	font-weight: bold;
}


#parking {
	font-size: 1.6rem;
}

@media (max-width:768px) {
	#sub .access .read {
		text-align: left;
	}

	.goods .info {
		font-size: 1.4rem;
	}
}


/*-- テレビ中継 -----------------------*/

#live {
	padding-top: 130px;
	margin-top: -60px;
}

.tv-table td,
.tv-table th {
	width:33%;
}

.tv-table p {
	padding: 0 5% 0 3%;
	text-align: left;
}

.tv p.bnr {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.tv p.bnr img {
    vertical-align: bottom;
}

.tv p.bnr .window {
    margin-left: 8px;
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
	.tv-table p {
	}
}

@media (max-width:768px) {
	.tv-table p {
		text-align: center;
	}

	#live {
		padding-top: 60px;
		margin: 10px;
	}
}




/*-- コース詳細 -----------------------*/

#contents .course {
}

#contents .course ul li a {
	background:url(/anaopen/image/2017/170808/subnavi_link.png) no-repeat left center;
	padding-left:16px;
	margin-right:1.5em;
	font-size:120% !important;
	/*text-align: left;*/
}

#contents .highlight {
	
}

#contents .highlight figure {
	width:33%;
	float:left;
}

#contents .highlight p {
	width:62%;
	float:right;
}

#sub .course-map .kokuchi {
}

#sub .course-map .kokuchi .info {
	display: inline-block;
	text-align: center;
	border: 2px solid #ed2f4f;
	padding: 2% 4%;
	font-size: 1.6rem;
}

#contents .course-map {
	text-align: center;
	margin: 0 auto;
}
/*
#contents .course-map .map-img {
	text-align:right;
	margin-right: 30px;
}
*/
#contents .course-map .map-img img {
	max-width: 800px;
}

.course-top-info {
	text-align: right;
	width: 100%;
	display: inline-block;
	font-size: 80%;
}
/*
#contents .course-map .map-info {
	width: 35%;
	font-size: 16px;
}
*/

.course-navi section {
	display: flex;
	justify-content: space-between;
}

.course-navi table {
	width: 48%;
	border-collapse:collapse;
	background:#fff;
	text-align: center;
	font-size: 100%;
}

.course-navi table caption,
.course-navi table th,
.course-navi table td {vertical-align:middle;text-align:center;padding:0.5em 1em;}

.course-navi table th {
	font-weight: bold;
}

/*ボーダー*/
.course-navi table caption,
.course-navi table th,
.course-navi table td {
	border:1px solid #ccc;
	}
.course-navi table caption {border-bottom:none;}
	
/*カラー*/
table caption {color:#003498 !important; font-size: 1.6rem; font-weight: bold;}
.course-navi table thead {color:#003498;}
.course-navi table tbody {color:#003498;}

/*背景色*/
table caption {background:#f1f5f9 !important;}
.course-navi table thead th {background:#f1f5f9;}
.course-navi table tbody tr:nth-of-type(2n+1) > * {background:#dbedfe}

.course-navi table td a {
	display: block;
	background-color: #003498;
	color: #fff;
	padding: 0.3em 1.2em;
	border-radius: 5px;
	text-decoration: none;
} 


.course-navi .info {
	font-size: 1.8rem;
	margin: 30px auto;
	text-align: center;
}

#contents .map {
	position: relative;
}


/*
.course-wrap .course-movie {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 25%;
}
*/
.course-wrap .course-link {
	width: 70%;
}

.course-wrap .course-link .course {
}

#contents .course-wrap .course-link .course ul {
	margin-right: 5%;
	margin-left: 5%;
	width: 45%;
}

#contents .course-wrap .course-link .course ul:last-child {
	margin-right: 0;
	margin-left: 0;
}

#contents .course-wrap .course-link .course ul li a {
	margin-right: 0;
	font-size:110%;
}




@media (max-width:768px) {
	#contents .course ul:nth-child(1) {
		margin-bottom:0;
	}

	#contents .course ul li a {
		font-size:110% !important;
		margin-right: 0 !important;
	}

	.course-wrap {
		display: block;
	}

	.course-wrap .course-movie {
		width: 100%;
		margin-right: 0;
	}

	.course-wrap .course-link {
		width: 100%;
	}

	.course-wrap .course-link .course {
		display: block;
	}

	#contents .course-wrap .course-link .course ul {
		margin-right: 0%;
		margin-left: 0%;
		width: 100%;
	}
	
	#contents .course-wrap .course-link .course ul li {
		text-align: center;
	}

	#contents .course-wrap .course-link .course ul li a {
	}

	#contents .course-wrap .course-link .course ul:last-child {
		margin-right: 0;
		margin-left: 0;
	}

	#contents .course-wrap .course-link .course ul li a {
		margin-right: 0;
		font-size: 110%;
	}

	#contents .course-map .map-img {
		text-align: center;
		margin-right: 0;
		max-width: 800px;
	}

	#contents .course-map .map-img img {
		max-width: 100%;
	}

	.course-wrap .course-movie {
		position: static;
		width: 100%;
	}

    .course-navi section {
        display: block;
    }

    .course-navi table {
        width: 100%;
        font-size: 79%;
        margin-bottom: 30px;
    }
}




/*-- ドローン --------------------*/

.dorone {
	border:2px solid #333399;
	border-radius:5px;
	padding:1.5%;
}

.dorone .movie .details {
	float:left;
	width:67%;
}

.dorone .movie .details h2 {
	display:block;
	font-size:2.2rem;
	font-weight:bold;
	color:#333399;
	margin-bottom:15px;
}

.dorone .movie .details dl {
}

.dorone .movie .details dl dt {
	font-size:1.8rem;
	font-weight:bold;
}

.dorone .movie .details dl dd {
	margin-top:10px;
}

.dorone .movie .photo {
	float:right;
	width:30%;
}

.dorone .movie .photo .txtButton {
	width:100% !important;
}

.dorone .project {
	background-color:#eeeeee;
	padding:1.5%;
	margin-top:20px;
}

.dorone .project h3 {
	display:block;
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:10px;
}

.dorone .project div {
	float:left;
	width:77%;
}

.dorone .project figure {
	float:right;
	width:21%;
}



@media (max-width:768px) {
	.dorone {
		padding:2.5%;
	}
	
	.dorone .movie .details,
	.dorone .movie .photo,
	.dorone .project div,
	.dorone .project figure {
		float:none;
		width:100%;
	}
	
	.dorone .project {
		padding:3%;
		margin-top:30px;
	}
	
	.dorone .movie .photo,
	.dorone .project figure {
		margin-top:3%;
	}
}





/*-- イベント -----------------------*/

#sub .event dl {
	display: inline-block;
	border-left: 4px solid #fff100;
	border-right: 4px solid #fff100;
	padding: 0 3%;
	margin-bottom: 30px;
}

#sub .event dl dt {
	font-size: 2.4rem;
	color:  #0b308e;
	font-weight: bold;
	text-align: center;
}

#sub .event .read {
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 15px;
}

#sub .event .gourmetmenu .menu-box {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

#sub .event .gourmetmenu .col-3,
#sub .event .gourmetmenu .col-4 {
	display: inline-block;
	vertical-align: top;
	width: 188px;
	/*float: left;*/
	/*width: 25%;*/
}
/*
#sub .event .gourmetmenu .col-4 {
	display: inline-block;
	vertical-align: top;
}
*/
/*
#sub .event .gourmetmenu .col-4:nth-child(odd) {
	background-color: #ebebeb;
}

#sub .event .gourmetmenu .col-4:nth-child(even) {
	background-color: #f3f3f3;
}
*/
#sub .event .gourmetmenu .col-4 img {
	/*width: 100%;*/
}

#sub .event .gourmetmenu .col-3 p,
#sub .event .gourmetmenu .col-4 p {
	text-align: center;
	margin-top: 5px;
	font-size: 1.6rem;
	font-weight: bold;
	min-height: 3.5em;
	color:  #0b308e;
}

#sub .event .col-2 .box figure {
}

#sub .event .col-2 .box p {
	text-align: left;
	margin-top: 10px;
}

#sub .event .col-2 .box p span {
	font-size: 1.3rem;
}
/*
#sub .event .col-2 .event01 {
	height: 530px;
}

#sub .event .col-2 .event02 {
	height: 380px;
}

#sub .event .col-2 .event03 {
	height: 500px;
}

#sub .event .col-2 .event04 {
	height: 405px;
}
/*
#sub .event .col-2 .last {
	border-top: none;
	border-right: 2px solid #00a7ea;
}
*/
@media (max-width:768px) {
	#sub .event .col-2 .box h2 {
		height: auto;
	}

	#sub .event .col-2 .event01,
	#sub .event .col-2 .event02,
	#sub .event .col-2 .event03,
	#sub .event .col-2 .event04 {
		height: auto;
		min-height: inherit;
	}

	#sub .event .gourmetmenu .col-3,
	#sub .event .gourmetmenu .col-4 {
		width: 50%;
	}

	#sub .event .gourmetmenu .col-3 img,
	#sub .event .gourmetmenu .col-4 img {
		width: 100%;
	}

	#sub .event .gourmetmenu .last {
		display: block;
		text-align: left;
		margin-top: 30px;
	}

}




/*-- 協賛・協力 -----------------------*/
.supporter-logo {}

.supporter-logo ol {
	margin: 0 auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    padding-left: 15px;
}

.supporter-logo li {
	display: flex;
	align-items: center;
	width: 28%;
	margin-bottom: 3.6%;
	padding-right: 1%;
	/*padding: 0 5%;*/
}

.supporter-logo li:nth-child(3n-1) {
	margin-left: 8%;
	margin-right: 8%;
}

.supporter-logo li a {
	display: inline;
	background: url("/anaopen/image/base/window_icon.png") right center no-repeat;
	background-size: 14px;
	padding-right: 15px;
}
.supporter-logo li.image a {
	background: url("/anaopen/image/2024/240722/enlarge_icon.svg") right center no-repeat;
	background-size: 14px;
	padding-right: 15px;
}

.supporter-logo li a:hover,
.col-relationlink a:hover {
	opacity: 0.6;
}

.supporter-logo li img {
	width: 100%;
	padding-right: 10px;
}





@media (max-width:768px) {
.supporter-logo li:nth-child(3n-1) {
	margin-left: auto;
	margin-right: auto;
}

	.supporter-logo ol {
		padding: 0;
		text-align: center;
	}

	.supporter-logo li {
		width: 50%;
		padding: 0 5%;
		margin-bottom: 5%;
	}
}

/*----------*/
.col-relationlink {
	text-align: center;
}

.col-relationlink h2 {
	color: #0b308e;
}

.col-relationlink a {
	/*display: inline-block;*/
	/*width: 23%;*/
	/*margin-right: 120px;*/

}

.col-relationlink a:last-child {
	margin: 0;
}


@media (max-width:1070px) {
	.supporter {
		padding: 0 2%;
	}

	.col-relationlink a img {
		/*width: 90%;*/

	}

	.col-relationlink a:nth-child(even) {
		margin: 5% 0;
	}
}



@media (max-width:768px) {
	.supporter {
		padding: 0;
	}

}



/*============================

	払い戻し

============================*/

.refund {
	margin-bottom: 3rem;
	font-size: 1.8rem;
}

.refund h2 {
	color: #0b318f;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
	line-height: 1.5;
}

.refund strong {
	color: #ed2f4f;
}

.refund dl {
	display: inline-block;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 2rem;
}

.refund dl:nth-child(even) {
	margin-right: 0;
}

.refund dl dt {
	font-weight: bold;
}

.refund dd a.btn01 {
	padding: 10px 30px;
}


@media (max-width:768px) {
	.refund dl {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	/*
	.refund dl dt {
		text-align: center;
	}

	.refund dd.btn {
		text-align: center;
	}
	*/
}




/*============================

	カミングスーン

============================*/

#sub .comingsoon {
	border: 2px solid #00a7ea;
	font-size: 1.6rem;
	text-align: center;
	padding: 2%;
}

#contents .comingsoon3 {
	font-size:2.2rem;
	font-weight:bold;
	color:#333399;
	text-align: center;
	margin-bottom: 60px;
	margin-left: -64px;
}

#sub .comingsoon2 {
	text-align: center;
}

#sub .comingsoon2 p,
#sub .event .kokuchi p {
	display: inline-block;
	text-align: center;
	/*margin: 0 auto 45px auto;*/
	border: 2px solid #ed2f4f;
	padding: 2% 4%;
	font-size: 1.6rem;
}

h2.comingsoon-ttl {
	text-align: center;
	margin-bottom: 20px;
	font-size: 2.4rem;
	color:  #0b308e;
	font-weight: bold;
	margin-left: -64px;
}

h2.comingsoon-ttl::before,
#contents .comingsoon3::before {
	content: url("/anaopen/image/2021/210715/icon_comingsoon.png");
	padding-right: 10px;
}

#sub .event .kokuchi {
	text-align: center;
	margin-bottom: 40px;
}




/*============================

	インフォメーション

============================*/

.infomation {
	padding: 1%;
	border: 2px solid #ed2f4f;
	text-align: center;
	color: #ed2f4f;
	font-size: 1.8rem;
	max-width: 1000px;
	margin: 0 auto 45px auto;
}
/*
#contents-block-event .infomation {
	margin-top: 45px;
}

#contents-block.info-none .infomation {
	display: none;
}
*/



/*============================

	出場選手

============================*/

.player-list .btn01 {
	background-color: #fffc00;
}

.player-list .read {
	text-align: center;
}

.player-list .read {
	text-align: center;
	font-size: 2rem;
}

.player-list .link {
	text-align: center;
}

@media (max-width:768px) {
	.player-list .read {
		text-align: left;
	}
}


/*============================

	観戦ガイド

============================*/

.guide-read {
	font-size: 2rem;
	text-align: center;
}

@media (max-width:768px) {
	.guide-read {
		text-align: left;
	}
}



/*============================

	歴史

============================*/

#history .res-indent-block li::before {
	content: "■";
}


/*============================

	総評

============================*/

/*フラッグアイコン見出し*/
#contents .constBox {
	max-width:950px;
	margin-left:auto;
	margin-right:auto;
}
#contents .flgTit {
	color:#fff;
	background:#88cc33 url(../../image/2016/common/icon_flag.png) no-repeat 20px bottom;
	background-size:auto 84%;
	text-align:center;
	line-height:1;
	padding:0.7em 0;
	border-radius:5px;
	font-size:157%;
	margin-bottom:1em;
}
#contents .flgTit:nth-of-type(n+2) {margin-top:2em;}


/*青テキスト見出し*/
#contents .blueTxtTit {color:#333399;font-size:170%;margin-bottom:1em;}
#contents .blueTxtTit:nth-of-type(n+2) {margin-top:2em;}

#contents .blueTxtTit span {color:#000;font-size:60%;}

.txt:nth-child(n+2) {margin-top:1em;}

/*子要素float*/
.floatArea > * {
	float:left;
	text-align:center;
	width:100%;
	margin-bottom:1em;
	}

@media (max-width:450px) {
	#contents .blueTxtTit {font-size:140%}
	#contents .blueTxtTit span {font-size:70%;}
}

/*==============================================
ボックス
==============================================*/
/*子要素float*/
@media (min-width:769px) {
.floatArea.column3_pc > * {width:32.3%;margin-right:1.5%;margin-bottom:0;}
.floatArea.column3_pc > *:nth-of-type(3n) {margin-right:0;}
.floatArea.column3_pc > *:nth-of-type(n+4) {margin-top:20px;}

.floatArea.column4_pc > * {width:24%;margin-right:1%;margin-bottom:0;}
.floatArea.column4_pc > *:nth-of-type(4n) {margin-right:0;}
.floatArea.column4_pc > *:nth-of-type(n+5) {margin-top:20px;}
}

/*==============================================
bp:TB
==============================================*/
@media (min-width:451px) and (max-width:768px) {

/*==============================================
ボックス
==============================================*/
/*子要素float*/
.floatArea.column3_tb > * {width:32.3%;margin-right:1.5%;margin-bottom:0;}
.floatArea.column3_tb > *:nth-of-type(3n) {margin-right:0;}
.floatArea.column3_tb > *:nth-of-type(n+4) {margin-top:20px;}

.floatArea.column2_tb > * {width:49%;margin-right:2%;margin-bottom:0;}
.floatArea.column2_tb > *:nth-of-type(2n) {margin-right:0;}
.floatArea.column2_tb > *:nth-of-type(n+3) {margin-top:20px;}
}

@media (max-width:768px) {
/*==============================================
見出し
==============================================*/
/*青背景見出し*/
#contents .blueTit {
	width:110%;
	position:relative;
	left:-5%;
	border-radius:0;
	}

/*==============================================
ボックス
==============================================*/
/*子要素float*/
.floatArea.resetFloat_tb > * {float:none;margin-bottom:1em;}
}


/*==============================================
bp:SP
==============================================*/
@media (max-width:450px) {


/*==============================================
見出し
==============================================*/
#contents .blueTxtTit {font-size:140%}
#contents .blueTxtTit span {font-size:70%;}

/*==============================================
ボックス
==============================================*/
/*子要素float*/
.floatArea.column3_sp > * {width:32.3%;margin-right:1.5%;margin-bottom:0;}
.floatArea.column3_sp > *:nth-of-type(3n) {margin-right:0;}
.floatArea.column3_sp > *:nth-of-type(n+4) {margin-top:20px;}

#contents .flgTit {
	line-height:120%;
}
}


/*-- 画像フィット -------------------------*/
#contents .fit-comment img {
	width: 100%;
}



/*-- モーダル --------------------*/
.movie-info {
	margin-top: 8px;
}

.c_movie{}
.c_movie__button{}
.c_movie__button_titile{}
.c_movie__button_i{
  height: 1.8rem;
  vertical-align: middle;
  margin-left: 5px;
  border: none;
}
.c_movie__thum{
  position: relative;
}
.c_movie__blank_icon{
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.c_movie__button_i  img{max-height: 100%;}

.modalOverlay {
  width: 100%;
  height: 120%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  z-index: 10000;
  display: none;
}

.modalContents {
width: 75%;
padding: 10px 30px 20px;
position: absolute;
background-color: #fff;
color: #000;
z-index: 10001;
}

.modalContents .button {
position: absolute;
top: -34px;
right: -30px;
width: 26px;
height: 26px;
border-radius: 50%;
font-size: 0;
line-height: 1;
opacity: 1;
transition: all .3s ease;
text-align: center;
}

.modalContents .button .inner_btn {
display: inline-block;
width: 26px;
line-height: 26px;
font-weight: bold;
font-size: 2.6rem;
font-family: "Lato",sans-serif;
cursor: pointer;
border: none;
background: #fff;
color: #000;
border-radius: 50%;
}

.modalContents .button .inner_btn:hover,
.modalContents .button .inner_btn:focus {
background-color: #034ea2;
color: #fff;
}

.move-info-modal-box {
display: none;
}

#move_info_cont .move-info-modal-box {
display: block;
}

#move_info_cont.modalContents {
max-width: calc(100% - 68px);
width: 1024px;
font-size: 1.6rem;
line-height: 1.2;
}

#move_info_cont.modalContents .move-info-modal-box p:not(:first-of-type) {
margin-top: 25px;
}

#move_info_cont.modalContents .move-info-modal-box .alt_text span {
display: block;
margin-top: 15px;
}

#move_info_cont.modalContents .move-info-modal-box .alt_text p {
margin-top: 15px;
}

#move_info_cont p {
margin-top: 15px;
}

.modalContents .button .inner_btn {
display: inline-block;
width: 26px;
line-height: 26px;
font-weight: bold;
font-size: 2.6rem;
font-family: "Lato",sans-serif;
cursor: pointer;
border: none;
background: #fff;
color: #000;
border-radius: 50%;
}

.modalContents .button .inner_btn:hover,
.modalContents .button .inner_btn:focus {
background-color: #034ea2;
color: #fff;
}

.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0,0,0,0)
}
/*-- モーダル --------------------*/


