@charset "utf-8";
/* # =================================================================
#### common
# ================================================================= */
.wrap{
	position : relative;
	display : block;
	width : 1000px;
	height : auto;
	margin : 0 auto;
}
.container{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 30px;
}
.container h2{
	position : relative;
	display : block;
	width : 420px;
	height : 76px;
	line-height : 1;
	margin : 0 auto 40px;
}
.container h2 img{
	display : block;
	width : 100%;
	height : auto;
}
/* # =================================================================
#### header
# ================================================================= */
header{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : url(../images/back_img01.jpg)no-repeat center / cover;
	padding : 40px 0;
}
.main-image{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-top : 30px;
}
.main-image img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* # =================================================================
#### footer
# ================================================================= */
footer{
	position : relative;
	display : block;
	width : 100%;
	height : 250px;
	background-color : var(--font-color);
	padding : 30px 0;
}
.portal-link{
	position : absolute;
	display : flex;
	align-items : center;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
	width : 549px;
	height : 57px;

}
.portal-link a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin : 0 auto;
}
.portal-link img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.portal-link a:hover{
	opacity : 0.5;
}
footer small{
	position : absolute;
	display : block;
	align-items : center;
	top : auto;
	left : 0;
	right : 0;
	bottom : 15px;
	margin : auto;
	color : #FFF;
	font-size : var(--14px);
	text-align : center;
}
#page-top{
	position : absolute;
	display : block;
	bottom : 30px;
	right : 30px;
	width : 86px;
	height : 86px;

}
#page-top a{
	opacity : 0;
	transition : 0.8s;
}
#page-top.is-visible a{
	opacity : 1;
	transition : 0.8s;
}
#page-top a,
#page-top img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}


/* # =================================================================
#### 共通
# ================================================================= */
.outer{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding : 40px 0;
}
.container{

}
li:last-child,
dl dt:last-of-type,
dl dd:last-of-type{
	margin-bottom : 0 !important;
}
/* # =================================================================
#### トピックス outer01
# ================================================================= */
.outer01{
	background : url(../images/back_img02.jpg)no-repeat center / cover;
}
.outer01 dl{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	width : 700px;
	height : auto;
	margin :0 auto;
}
.outer01 dl dt{
	position : relative;
	display : block;
	width : 100px;
	height : auto;
	line-height : 1.5;
	border-bottom : 1px solid var(--font-color);
	padding-bottom : 15px;
	margin-bottom : 15px;
}
.outer01 dl dd{
	position : relative;
	display : block;
	width : calc(100% - 100px);
	height : auto;
	text-align : justify;
	border-bottom : 1px solid var(--font-color);
	padding-bottom : 15px;
	margin-bottom : 15px;
}
#M02 dt{
	width : 150px;
	line-height : 1;
}
#M02 dt span{
	position : relative;
	display : block;
	width : 130px;
	height : auto;
	background-color : var(--font-color);
	color : #FFF;
	text-align : center;
	padding : 10px 0px;
}
#M02 dd{
	width : calc(100% - 150px);
	line-height : 2;
}
#M02 dd img{
	position : relative;
	display : inline-block;
	width : 76px;
	height : auto;
	margin-right : 10px;
	vertical-align : middle;
}
#M02 dd span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : var(--14px);
}
#M02 dd a{
	color : blue;
	text-decoration : underline;
}
#M02 dd a:visited{
	color : purple;
}
#M02 dd a:hover{
	color : red;
}
/* # =================================================================
#### outer02 outer05 outer06
# ================================================================= */
.outer02 .container,
.outer05 .container,
.outer06 .container,
.outer07 .container,
.outer08 .container,
.outer09 .container{
	position : relative;
	display : block;
	width : 1000px;
	height : auto;
	margin : 0 auto;
}
.outer02 .text-area,
.outer05 .text-area,
.outer06 .text-area,
.outer07 .text-area,
.outer08 .text-area,
.outer09 .text-area{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding : 0 20px;
	margin-bottom : 30px;
}
.outer02 .text-area{
	background-color : #001352BF;
	padding : 30px;
}
/* # =================================================================
#### ご挨拶・みどころ outer02
# ================================================================= */
.outer02{
	background : url(../images/back_img03.jpg)no-repeat center / cover;
}
.outer02 .container:first-child{
	margin-bottom : 50px;
}
.outer02 .text-area p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	text-indent : 1em;
	line-height : 1.8;
	color : #FFF;
}
.outer02 .link{
	position : relative;
	display : block;
	width : 600px;
	height : auto;
	margin : 0 auto;
}
.outer02 .link a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 1em;
}
.outer02 .link a:hover{
	opacity : 0.8;
}
.outer02 .link a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.outer02 .link p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	color : #FFF;
	font-size : var(--18px);
	text-shadow : 2px 2px 3px var(--font-color);
	padding-left : 2em;
}
.outer02 .link p::before{
	content : "※";
	position : absolute;
	display : flex;
	top : 0;
	left : 1em;
	right : auto;
	bottom : auto;
	align-items : center;
	margin : auto auto;
}
.outer02 .link p:last-child{
	margin-top : 1em;
}
/* # =================================================================
#### outer03 outer04 共通
# ================================================================= */
.outer03 .container,
.outer04 .container{
	position : relative;
	display : block;
	width : 1000px;
	height : auto;
	margin : 0 auto;
}
.outer03 .text-area,
.outer04 .text-area{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding : 0 50px;
	margin-bottom : 30px;
}
/* # =================================================================
#### 来場者特典 outer03
# ================================================================= */
.outer03{
	background : url(../images/back_img04.jpg)no-repeat center / cover;
}
.outer03 h3.item{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : var(--26px);
	margin-bottom : 30px;
}
.outer03 h3.item span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : var(--22px);
}
.outer03 p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	margin-bottom : 30px;
}
.outer03 .image-area{
	position : relative;
	display : block;
	width : 900px;
	height : auto;
	margin : 0 auto;
}
.outer03 .image-area figure{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom :30px;
}
.outer03 .image-area figure img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.outer03 .image-area p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : var(--14px);
	text-align : left;
	margin-bottom : 10px;
}
.outer03 .image-area ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : left;
}
.outer03 .image-area ul li{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	font-size : var(--14px);
	text-align : justify;
	padding-left : 1em;
	margin-bottom : 10px;
}
.outer03 .image-area ul li::before{
	content : "※";
	position : absolute;
	display : flex;
	top : 0;
	left : 0;
	right : auto;
	bottom : auto;
	align-items : center;
	margin : auto auto;
}
/* # =================================================================
#### チケット outer04
# ================================================================= */
.outer04{
	background : url(../images/back_img05.jpg)/*no-repeat center / cover*/;
}
.outer04 h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background-color : #D5B200;
	text-align : center;
	font-size : var(--20px);
	line-height : 1;
	padding : 20px 0;
	margin-bottom : 30px;
}
/***** p *****/
.outer04 p,
.outer04 span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-weight : normal;
	margin-bottom : 10px;
}
.outer04 p:last-child,
.outer04 span:last-child{
	margin-bottom : 0
}
.outer04 .impact{
	font-weight : bold;
	color : #EF2500;
}
.outer04 .black{
	color : var(--font-color);
}
.outer04 .under{
	text-decoration : underline;
}
.outer04 .small{
	font-size : var(--14px);
}
.outer04 .caution{
	padding-left : 1em;
}
.outer04 .caution::before{
	content : "※";
	position : absolute;
	display : flex;
	top : 0;
	left : 0;
	right : auto;
	bottom : auto;
	align-items : center;
	margin : auto auto;
}
/***** ul *****/
.outer04 ul li{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	font-size : var(--16px);
	text-align : justify;
	padding-left : 1em;
	margin-bottom : 10px;
}
.outer04 ul li::before{
	content : "※";
	position : absolute;
	display : flex;
	top : 0;
	left : 0;
	right : auto;
	bottom : auto;
	align-items : center;
	margin : auto auto;
}
.outer04 ul#dot li::before{
	content : "・";
}
.outer04 ul#bullet li::before{
	content : "⚫︎";
}
/***** dl *****/
.outer04 dl{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.outer04 dl dt{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-weight : bold;
	padding-left : 1.2em;
}
.outer04 dl dt::before{
	content : "◆";
	position : absolute;
	display : flex;
	top : 0;
	left : 0;
	right : auto;
	bottom : auto;
	align-items : center;
	margin : auto auto;
	color : #D5B200;
}
.outer04 dl dd{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	margin-bottom : 10px;
}
.outer04 dl dd ul li p{

}
.outer04 dl dd a{
	color : blue;
	text-decoration : underline;
	margin-bottom : 7px;
}
.outer04 dl dd a:visited{
	color : purple;
}
.outer04 dl dd a:hover{
	color : red;
}
/***** ol *****/
.outer04 ol{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	counter-reset : number 0;
}
.outer04 ol li{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	padding-left : 0.8em;
	counter-increment: number;
	line-height : 1;
	font-weight : bold;
	margin-bottom : 15px;
}
.outer04 ol li::before{
	position : absolute;
	left : 0;
	top : 0
}
.outer04 ol li:nth-child(1)::before{
	content: "①";
}
.outer04 ol li:nth-child(2)::before{
	content: "②";
}
.outer04 ol li span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-weight : normal;
	margin-top : 10px;
}
/***** header *****/
.outer04 header{

}
/***** チケット料金 *****/
.price-table{
	width : 100%;
	margin : 20px auto 0;
	border-collapse : collapse;
	table-layout : fixed;
	font-weight : 500;
}
.price-table th,
.price-table td{
	border : 1px solid #9D9D9D;
	width : 33.333%;
	padding : 10px 15px;
	text-align : center;
	line-height : 1.6;
	background : #FFF;
}
.price-table th{
	background-color : #E3E3E3;
}
.price-table td:first-child {
	text-align : left;
}
/***** button01 *****/
.button01{
	position : relative;
	display : block;
	width : 347px;
	height : auto;
	margin : 30px auto 0;
}
.button01:hover{
	opacity : 0.8;
}
.button01 img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/***** 販売場所 *****/
.outer04 .flex{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
}
.outer04 .flex .box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
	background-color : #FFF;
	border-radius : 10px;
	padding : 30px;
}
.outer04 .flex .box h3.image-header{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background-color : #FFF;
	font-size : var(--20px);
	text-align : center;
	border-bottom : 1px solid var(--font-color);
	padding : 0 0 15px;
	margin-bottom : 15px;
}
.outer04 .flex .box h3.image-header img{
	position : relative;
	display : block;
	width : 200px;
	height : auto;
	margin : 0 auto 15px;
}
.outer04 #bullet{
	margin-bottom : 10px;
}
.outer04 .flex .box a{
	width : 240px;
}
.outer04 .flex .box .gold{
	color : #C0A209;
	font-size : var(--24px);
	text-align : center;
	margin-top : 30px;
}
/***** グッズ付チケット特典 *****/
.outer04 .goods-header{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : var(--18px);
	margin-bottom : 30px;
}
.outer04 .goods-header span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	line-height : 1;
}
.outer04 .goods-header span:nth-child(2){
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	text-align : center;
	border-radius : 50px;
	background-color : #FE0018;
	color : #FFF;
	font-size : var(--22px);
	padding : 10px 30px;
}
.goods figure,
.goods figure img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.goods figure{
	margin-bottom : 30px;
}
.goods dl{
	display : grid;
	grid-template-columns : auto 1fr;
	margin : 30px 0;
}
.goods dl dt{
	font-weight : normal;
	padding-left : 0;
}
.goods dl dt::before{
	content : none;
}
.goods dl dd{

}
.goods .notice{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border-radius : 10px;
	background-color : #FFF;
	padding : 30px 50px;
	margin-top : 30px;
}
/***** 日時指定入場チケット *****/
.time-table{
	width : 100%;
	border-collapse : collapse;
	table-layout : fixed;
	text-align : left;
	margin : 20px 0;
}
.time-table,
.time-table th,
.time-table td {
	border : 1px solid #9D9D9D;
	border-collapse : collapse;
}

.time-table th{
	width : 20%;
	background : #E3E3E3;
	text-align : left;
	vertical-align : top;
	padding : 8px;
}

.time-table td{
	background-color : #FFF;
	padding : 8px;
	vertical-align : top;
	text-align : left;
}
.time-table .date{
	color : #EF2500;
	font-size : var(--18px);
	font-weight : 700;
	margin-bottom : 0.5em;
}

.outer04 .time-table ol{
	list-style : none;
	margin : 0;
	padding : 0;
	counter-reset : auto;
}

.outer04 .time-table li{
	font-weight : normal;
	margin : 0;
	line-height : 1.6;
	padding-left : 0;
	counter-increment : auto;
}
.outer04 .time-table ol li:nth-child(1)::before,
.outer04 .time-table ol li:nth-child(2)::before{
	content : none;
}
.outer04 .text-area.ticket .bg{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background-color : #101010;
	color : #FFF;
	text-align : justify;
	margin : 20px 0 30px;
	padding : 15px 35px;
	line-height : 2;
}
.outer04 .text-area.ticket h4{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	border : 3px solid #D2B001;
	background-color : #FFF;
	font-size : var(--20px);
	line-height : 1;
	padding : 15px 30px;
	margin-bottom : 20px;
}
.outer04 .text-area.ticket h5{
	font-size : var(--16px);
	margin-bottom : 10px;
}
.outer04 .text-area.ticket dl{
	margin-bottom : 20px;
}
/* # =================================================================
#### 音声ガイド outer05
# ================================================================= */
.outer05{
	background : url(../images/back_img06.jpg);
}
.outer05 .info{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #FFF;
	font-size : var(--18px);
	font-weight : bold;
	text-align : justify;
	margin-bottom : 30px;
}
.guide-header-contents{
	position : relative;
	display : block;
	width : 760px;
	height : auto;
	margin : 0 auto;
}
.guide-header-contents p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	border : 1px solid #C0A209;
	background-color : var(--font-color);
	color : #FFF;
	padding : 10px 30px;
	margin-bottom : 30px;
}
.guide-header-contents .flex{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
}
.guide-header-contents .flex p{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
	background-color : #C0A209;
	font-size : var(--20px);
	font-weight : bold;
	text-align : center;
	padding : 10px 0;
}
.guide-header-contents .caution{
	border : none;
	background-color : transparent;
	font-size : var(--16px);
	font-weight : normal;
	text-align : left;
	padding : 0;
	margin : 0 0 30px;
}
.outer05 figure{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.outer05 figure img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.outer05 figcaption{
	position : absolute;
	width : 1px;
	height : 1px;
	padding : 0;
	margin : -1px;
	overflow : hidden;
	clip : rect(0, 0, 0, 0);
	white-space : nowrap;
	border : 0;
}

.outer05 .notice{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background-color : #84000066;
	padding : 30px 80px;
}
.outer05 .notice h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #FFF;
	font-size : var(--18px);
	text-align : center;
	margin-bottom : 30px;
}
.outer05 .notice h3 span{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	border : 1px solid #FFF;
	padding : 5px 15px;
}
.outer05 .notice ul.circle{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.outer05 .notice ul.circle li{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	color : #FFF;
	padding-left : 1em;
	margin-bottom : 5px;
}
.outer05 .notice ul.circle li:last-child{
	margin-bottom : 0;
}
.outer05 .notice ul.circle li::before{
	content : "○";
	position : absolute;
	display : block;
	top : 0;
	left : 0;
}
/* # =================================================================
#### グッズ outer06
# ================================================================= */
.outer06{
	background : url(../images/back_img05.jpg)/*no-repeat center / cover*/;
}
.outer06 .button-area{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 30px;
}
.outer06 a{
	position : relative;
	display : block;
	width : 400px;
	height : auto;
	margin : 0 auto 10px;
}
.outer06 a:hover{
	opacity : 0.8;
}
.outer06 a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.outer06 p.caution{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
}
.outer06 p.caution span{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
}
.outer06 p.caution span::before{
	content : "※";
	position : absolute;
	display : flex;
	align-items : center;
	top : 0;
	left : -1em;
}
.outer06 h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background-color : #D5B200;
	text-align : center;
	font-size : var(--20px);
	line-height : 1;
	padding : 20px 0;
	margin-bottom : 30px;
}
.outer06 .inner{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding : 0 50px;
	margin : 0 auto 30px;
}
.outer06 ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.outer06 ul li{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	font-size : var(--16px);
	text-align : justify;
	padding-left : 1em;
	margin-bottom : 10px;
}
.outer06 ul li::before{
	content : "※";
	position : absolute;
	display : flex;
	top : 0;
	left : 0;
	right : auto;
	bottom : auto;
	align-items : center;
	margin : auto auto;
}
.outer06 ul.circle li::before{
	content : "⚫︎";
	color : #C0A209;
}
.outer06 ul.dot li::before{
	content : "・";
	color : var(--font-color);
}
.outer06 ul li ul{
	margin-top : 10px;	
}
/***** tabel *****/
.outer06 .table-inner{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background-color : #C0A209;
	padding : 30px;
}
.outer06 table{
	border-collapse : collapse;
}
.outer06 th,
.outer06 td{
	border : 1px solid #A08706;
}
.outer06 th{
	background-color : #E3E3E3;
}
.outer06 td{
	background-color : #FFF;
	text-align : left;
}
.outer06 td:last-child{
	text-align : center;
}
/* # =================================================================
#### アコーディオン
# ================================================================= */
/* コンテナ */
.accordion{
	width : 100%;
	overflow : hidden;
	box-shadow : 0 2px 4px rgba(0,0,0,0.1);
}
/* ヘッダー */
.accordion-header{
	width : 100%;
	text-align : center;
	background-color : #A08706;
	border : 1px solid #C0A20B;
	padding : 16px 20px;
	color : #FFF;
	font-size : var(--22px);
	font-weight : 600;
	cursor : pointer;
	position : relative;
	transition : background 0.3s;
}
/* 矢印 */
.accordion-header::after{
	content : "";
	position : absolute;
	right : 38px;
	top : 50%;
	width :15px;
	height : 15px;
	border-right : 2px solid #FFF;
	border-bottom : 2px solid #FFF;
	transform : translateY(-70%) rotate(45deg);
	transition : transform 0.3s ease;
}

/* 開いた時は矢印を反転 */
.accordion-header.active::after{
	transform : translateY(-30%) rotate(-135deg);
}
/* コンテンツ */
.accordion-content{
	max-height : 0;
	overflow : hidden;
	transition : max-height 0.4s ease,opacity 0.3s ease;
	opacity : 0;
}
.accordion-content.open{
	opacity : 1;
}
.accordion-content p{
	padding : 16px 20px;
	line-height : 1.6;
}
/* # =================================================================
#### 作品・作家紹介 outer08
# ================================================================= */
.outer08{
	background : url(../images/back_img07.jpg);
}
.outer08 h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	background-color : #D5B200;
	font-size : var(--20px);
	text-align : center;
	padding : 15px 0;
	margin-bottom : 30px;
}
.outer08 h3.white{
	background-color : #FFF;
}
.outer08 p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #FFF;
	text-align : justify;
	line-height : 1.8;
	padding : 0 2em;
}
/* # =================================================================
#### 会場 outer09
# ================================================================= */
.outer09{
	background : url(../images/back_img08.jpg)no-repeat center / cover;
}
.outer09 h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	background-color : #D5B200;
	font-size : var(--20px);
	text-align : center;
	padding : 15px 0;
	margin-bottom : 30px;
}
.ggmap{
	position : relative;
	width : 100%;
	height : 0;
	padding-top : 56.25%;
}

.ggmap iframe{
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}
/* # =================================================================
#### 注意事項 outer07
# ================================================================= */
.outer07{
	background : url(../images/back_img05.jpg);
}
.outer07 .information-header p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : var(--18px);
	font-weight : bold;
	margin-bottom : 10px;
}
.outer07 .information-header .inner{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border : 3px solid #D6B300;
	background-color : #FFF;
	padding : 15px 30px;
	margin-bottom : 30px;
}
.outer07 .information-header a{
	color : blue;
	text-decoration : underline;
}
.outer07 .information-header a:visited{
	color : purple;
}
.outer07 .information-header a:hover{
	color : red;
}
.outer07 .accordion{
	margin-bottom : 30px;
}
.outer07 .accordion:last-child{
	margin-bottom : 0;
}
/*=======================================
* common
========================================*/
.information-body{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #C0A20919;
	padding : 30px;
}
/*** 02 ***/
.information-body .text-inner{
	margin-bottom : 30px;
}
/*****  *****/
.outer07 p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	line-height : 1.5;
	padding : 0;
	margin : 0;
}
.outer07 p.caution{
	padding-left : 1em;
}
.outer07 p.caution::before{
	content : "※";
	position : absolute;
	display : flex;
	align-items : center;
	top : 0;
	left : 0;
}
.outer07 .red{
	color : #EF2500;
	font-weight : 600;
}
.outer07 .bold{
	font-weight : bold;
}
.outer07 .under{
	text-decoration : underline;
}
.outer07 .information-body a{
	color : blue;
	text-decoration : underline;
}
.outer07 .information-body a:visited{
	color : purple;
}
.outer07 .information-body a:hover{
	color : red;
}
.outer07 .information-body p.headline{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : var(--20px);
	font-weight : bold;
	margin-bottom : 30px;
}
/*=======================================
* ul
========================================*/
.outer07 ul,
.outer07 ol{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.outer07 ul li,
.outer07 ol li{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	text-align : justify;
	padding-left : 1.3em;
	margin-bottom : 10px;
}
.outer07 ul li:last-child,
.outer07 ol li:last-child{
	margin-bottom : 0;
}
.outer07 ul li::before,
.outer07 ol li::before{
	content : "";
	position : absolute;
	display : flex;
	align-items : center;
	top : 0;
	left : 0;
}
.outer07 ul#dot,
.outer07 ul#caution,
.outer07 ol#circle-number,
.outer07 ol#number{
	margin-top : 10px;
}
/***** circle *****/
.outer07 ul.circle li::before{
	content : "●";
	color : #A08706;
}
/***** dot *****/
.outer07 ul#dot li::before{
	content : "・";
	color : var(--font-color);
}
/***** caution *****/
.outer07 ul#caution li::before{
	content : "※";
	color : var(--font-color);
}
/*=======================================
* ol
========================================*/
/***** -number *****/
.outer07 ol#circle-number li::before{
	color : var(--font-color);
}
.outer07 ol#circle-number li:nth-child(1)::before{
	content: "①";
}
.outer07 ol#circle-number li:nth-child(2)::before{
	content: "②";
}
/***** number *****/
.outer07 ol#number li{
	counter-increment : num;
	padding-left : 1.5em;
}
.outer07 ol#number li::before{
	content : "(" counter(num) ")";
	color : var(--font-color);
	line-height : 1.5;
}
/*=======================================
* dl
========================================*/
.outer07 dl{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
}
.outer07 dl dt{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	margin-bottom : 5px;
}
.outer07 dl dt:last-of-type{
	margin-bottom : 5px;
}
.outer07 dl dd{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	margin-bottom : 5px;
}
.outer07 dl dd:last-of-type{
	margin-bottom : 0;
}





















/* # =================================================================
#### 1200
# ================================================================= */
@media screen and (max-width: 1200px){

}/* 1200 */
/* # =================================================================
#### 1024
# ================================================================= */
@media screen and (max-width: 1024px){
.wrap{
	width : 100%;
	padding : 0 15px;
}
.outer02 .container,
.outer05 .container,
.outer06 .container,
.outer07 .container,
.outer08 .container,
.outer09 .container{
	width : 100%;
	padding : 0 15px;
}
.outer02 .text-area{

}
.outer05 .text-area,
.outer06 .text-area,
.outer07 .text-area,
.outer08 .text-area,
.outer09 .text-area{
	padding : 0 15px;
}
.outer03 .container,
.outer04 .container{
	width : 100%;
	padding : 0 15px;
}
.outer03 .text-area,
.outer04 .text-area{
	padding : 0 15px;
}
.outer03 .image-area{
	width : 100%;
}




}/* 1024 */
/* # =================================================================
#### 896
# ================================================================= */
@media screen and (max-width: 896px){
header{
	padding-top : 0;
}
.main-image{
	margin-top : 0;
}
picture.wrap{
	padding : 10px 10px 0;
}
/***** outer01 *****/
.outer01 dl{
	width : 100%;
	padding : 0 15px;
}
/***** outer04 *****/
.outer04 .text-area.ticket .bg{
	padding : 15px 10px;
}
/***** outer05 *****/
.outer05 .notice{
	padding : 30px 30px;
}
.guide-header-contents{
	width : 100%;
}
/***** outer06 *****/
.outer06 .inner{
	padding : 0 30px;
}



}/* 896 */
/* # =================================================================
#### 600
# ================================================================= */
@media screen and (max-width: 600px){
header{
	background : none;
	padding : 0;
}
picture.wrap{
	padding : 0;
}
.outer{
	padding : 25px 0;
}
#page-top{
	right : 15px;
	width : 40px;
	height : 40px
}
.portal-link{
	width : 80%;
}
/***** outer01 *****/
#M02 dt{
	width : 130px;
}
#M02 dt span{
	width : 120px;
}
#M02 dd{
	width : calc(100% - 130px);
}
/***** outer02 *****/
.outer02 .link{
	width : 100%;
}
.outer02 .link a{
	width : 95%;
	margin : 0 auto 1em;
}
/***** outer04 *****/
.outer04 .flex .box{
	width : 100%
}
.outer04 .flex .box:first-child{
	margin-bottom : 30px;
}
.button01{
	width : 65%;
}
.outer04 .flex .box a{
	width : 60%;
}
.goods .notice{
	padding : 20px 20px;
}
/***** outer05 *****/
.outer05 .notice{
	padding : 15px 15px;
}
.guide-header-contents p{
	padding : 10px 10px;
}
.guide-header-contents .flex p{
	font-size : var(--16px);
}
/***** outer06 *****/
.outer06 .inner{
	padding : 0 15px;
}
.outer06 a{
	width : 95%;
}
.outer06 .table-inner{
	padding : 15px;
}
/***** outer07 *****/
.outer07 .information-header .inner{
	padding : 15px 15px;
}
/***** text-area *****/
.outer02 .text-area{
	padding : 15px;
}
.outer05 .text-area
.outer06 .text-area,
.outer07 .text-area,
.outer08 .text-area,
.outer09 .text-area{
	padding : 0 0;
}
.outer03 .text-area,
.outer04 .text-area{
	padding : 0 0;
}

/***** accordion *****/
.accordion-header{
	font-size : var(--20px);
}
.accordion-header::after{
	right : 20px;
	width : 10px;
	height : 10px;
}
.information-body{
	padding : 15px;
}



}/* 600 */
/* # =================================================================
#### 480
# ================================================================= */
@media screen and (max-width: 480px){
.container h2{
	width : 90%;
}







}/* 480 */