@charset "utf-8";
/* CSS Document */
 a {
	 text-decoration:none;
 }
html {
   overflow-y: scroll;
   color: #000;
   background: #fff;
}
 
body {
	margin: 0;
	padding: 0;
	font-family: "Lato","Hiragino Kaku Gothic ProN",Verdana,Meiryo,sans-serif;
	font-size: small;
	font: x-small;
	font-size:90%;
	line-height:1.8em;
	background-color: #ededed;
}
 
h1, h2, h3, h4, h5, h6 {
   font-size: 100%;
   font-weight: normal;
}
 
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
   margin: 0;
   padding: 0;
}
 
select, input, button, textarea {
   font: 99% verdana, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  *font-size: 100%;
}
 
table {

   font-size: inherit;
   font: 100%;
}
 
address, caption, cite, code, dfn, em, th, var {
   font-style: normal;
   font-weight: normal;
}
 
pre, code, kbd, samp, tt {
   font-family: monospace;
  *font-size: 108%;
   line-height: 100%;
}
 
abbr, acronym {
   border: 0;
   font-variant: normal;
}
/* 
ol, ul {list-style: none;}*/
 
ul{
	padding-left: 20px;
}
caption, th {text-align: left;}
 
fieldset, img {border: 0;}
 
legend {color: #000;}
 
sup {vertical-align: text-top;}
 
sub {vertical-align: text-bottom;}
 
q:before, q:after {content: '';}

/*floatキャンセル*/
.clearfix:after{/*新しいブラウザ用*/
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
/*IE用*/
.clearfix{ display:inline-table;clear:both; }
/*Mac-IE用\*/
*html .clearfix{ height:1%;clear:both; }
.clearfix{ display:block;clear:both; }

/* OPTION
------------------------------------------*/

.fl_R {
	float: right;
}
.fl_L {
	float: left;
}



.text_R {
	text-align:right;
}

.text_L {
	text-align:left;
}

.text_C {
	text-align:center;
}



.pa_T5 {
	padding-top: 5px;
}
.pa_T10 {
	padding-top: 10px;
}
.pa_T20 {
	padding-top: 20px;
}
.pa_T30 {
	padding-top: 30px;
}
.pa_R5 {
	padding-right: 5px;
}
.pa_R10 {
	padding-right: 10px;
}
.pa_R20 {
	padding-right: 20px;
}
.pa_R30 {
	padding-right: 30px;
}
.pa_L5 {
	padding-left: 5px;
}
.pa_L10 {
	padding-left: 10px;
}
.pa_L20 {
	padding-left: 20px;
}
.pa_L30 {
	padding-left: 30px;
}
.pa_B5 {
	padding-bottom: 5px;
}
.pa_B10 {
	padding-bottom: 10px;
}
.pa_B20 {
	padding-bottom: 20px;
}
.pa_B30 {
	padding-bottom: 30px;
}
.pa_5 {
	padding: 5px;
}
.pa_10 {
	padding: 10px;
}
.pa_20 {
	padding: 20px;
}
.pa_30 {
	padding: 30px;
}
.pa_0 {
	padding: 0px;
}
.ma_0 {
	margin: 0px;
}
.ma_5 {
	margin: 5px;
}
.ma_10 {
	margin: 10px;
}
.ma_20 {
	margin: 20px;
}
.ma_30 {
	margin: 30px;
}

.ma_B15 {
	margin-bottom: 15px;
}
.ma_B20 {
	margin-bottom: 20px;
}
.ma_B30{
	margin-bottom:30px;
}
.ma_B40{
	margin-bottom:40px;
}
.ma_B50{
	margin-bottom:50px;
}
.ma_B70{
	margin-bottom:70px;
}
.ma_T10{
	margin-top:10px;
}
.ma_T15{
	margin-top:15px;
}
.ma_T20{
	margin-top:20px;
}
.ma_T30 {
	margin-top: 30px;
}
.ma_T50 {
	margin-top: 50px;
}
.ma_T70 {
	margin-top: 70px;
}
.ma_L10{
	margin-left:10px;
}
.ma_L15{
	margin-left:15px;
}
.ma_L30{
	margin-left:30px;
}
.ma_R10{
	margin-right:10px;
}
.ma_R15{
	margin-right:15px;
}

.font-red {
	color:#F00;
}
.font70{
	font-size:70%;
}

body header h1_bk {
	text-indent: -100000em;
}
body header_bk {
	background-image: url(../images/mainimage.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 310px;
}
body header {
	text-align:center;
	width: 945px;
	margin: auto;
}


#font-size div.small,
#font-size div.medium,
#font-size div.large { font-size:12px; display:inline-block; /display:inline; /zoom:1; padding:6px; border:1px solid #ccc; cursor:pointer; margin-left:3px; background-color:#fff; }
#font-size div.active { color:#fff; background-color:#000; }
#font-size {
	float:right;
	padding-bottom:5px;
}
.wrapper {
	margin: auto;
	width: 925px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFF;
}
.box_entry {
	background-color: #fffbc2;
	padding: 15px 30px;
	clear: both;
	margin-top:20px;
	overflow:hidden;
}
.box_entry .left{
	float:left;
	padding-top:20px;
}
.box_entry .left h2{
	font-size: 46px;
	font-weight: bold;
}
.box_entry .left h2 ruby > rt{
	font-size: 14px;
}
.box_entry .right{
	float:right;
	width: 350px;
}
.box_entry .right a{
	margin-top: 15px;
	margin-bottom: 5px;
}
.box_entry .right ul{
	margin:0px;
	padding:20px 0px 0px 0px;
	overflow:hidden;
}
.box_entry .right li{
	float:left;
	margin:0px;
	padding:0px;
}
.box_entry .right li:first-child{
	margin-right:9px;
}
section h1 {
	font-size: 20px;
	font-weight: bold;
}
.ttl {
	font-size: 18px;
	font-weight: bold;
}
.list01 li { list-style:none; }
.list01 li:before { content:"● ";margin-left:-12px; }.list01 {
	margin-left: 20px;
}
.table01 tr th {
	width: 100px;
	text-align: center;
	font-weight: bold;
	color: #F58F32;
	border: 2px solid #666666;
	padding: 10px;
}
.table01 tr td {
	padding: 10px;
}
.table02 tr th {
	width:20%;

}
.table02 tr th,
.table02 tr td{
	padding: 15px 10px 10px 10px;
	border-bottom: 1px dotted #666;
	vertical-align: top;
}

.table02 tr .border_no{
	border:none;
}
.table02 {
	margin: 20px auto 50px auto;
}

.table03{
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}
.table03 th{
	padding: 1%;
	text-align: center;
	color: #000;
	background-color: #f79646;
	border: 1px solid #000;
}
.table03 td{
	width: 12%;
	padding: 1%;
background-color: #fff;
border: 1px solid #000;
}
.table03 .bg_pink {
	background-color: #fcddcf;
}
.table04{
	border-collapse: collapse;
	width: 100%;
}
.table04 th{
	width: 15%;
	background-color: #30568e;
	color: #fff;
	font-weight: bold;
}
.table04 th,
.table04 td{
	border: 1px solid gray;
	padding: 10px;
}

footer {
	color: #FFF;
	background-color: #aaaaaa;
	text-align: center;
	padding: 5px;
	font-size: 12px;
}
.tb_01{
	width:95%;
	margin:10px auto;
	background-color:#ccc;
}
.tb_01 th{
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:5px;
	font-size:1.3em;
}
.tb_01 .th01{
	background-color:#E6471D;
}
.tb_01 .th02{
	background-color:#EFA043;
}
.tb_01 td{
	background-color:#FFEDD9;
	text-align:left;
	padding:10px 5px;
	vertical-align:top;
}
.box{
	width:900px;
	margin:0px auto;
	overflow:hidden;
}
.box .left{
	width:428px;
	float:left;
}
.box .right{
	width:428px;
	float:right;
}
.box .righ ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.box .right li{
	margin:0px 0px 5px 0px;
	padding-bottom:5px;
	border-bottom:dotted 1px #ccc;
}
.box .right dl{
	margin:0px;
	padding:0px;
	font-weight:bold;
}
.box .right dt{
	width:100px;
	float:left;
}
.box .right dd{
	margin:0px 0px 10px 0px;
	padding:0px;
}
.box .right p{
	margin:0px;
	padding:0px;
}
/*
.oubo{
	overflow:hidden;
	margin:30px auto 40px auto;
	padding:0px;
	width:780px;
}*/
.oubo-title{
	font-size:1.2em;
	font-weight:bold;
}
.oubo-title::before{
	content: "■";
	display: inline-block;
}
.mb-20{
	margin-bottom: 20px;
}
.ml-20{
	margin-left: 20px;
}
.oubo-list dt{
	width: 30px;
	float: left;
	clear: both;
}
.oubo-list.list-top dt{
	margin-top: 3px;
}
.oubo-list dd{
	margin-left: 30px;
}
.oubo dt{
	font-size:1.2em;
	font-weight:bold;
}
.oubo dd{
	margin:0px 0px 20px 10px;
	padding:0px;
}

.con_txt{
	margin:10px 0px 30px 10px;
	font-size:1.1em;
}
.con_txt a{
	color:#000;
	text-decoration:underline;
}
.con_txt a:hover{
	color:#000;
	text-decoration:none;
}
.link a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
.font_bb{
	font-size:1.2em;
	font-weight:bold;
}
.font_b{
	font-size:1.0em;
	font-weight:bold;
}
#thanks_txt{
	margin:50px 0px;
	text-align:center;
}
.ma_T5{
	margin-top:5px;
}
.ma_B10{
	margin-bottom:10px;
}
.form_txt{
	color:#000;
	margin:20px auto;
	padding:0px;
	/*width:700px;*/
	text-align:left;
}
.form_txt span{
	color:#ff0000;
}
.speaker_area{
	width:945px;
	margin:0px auto;
	padding:10px 0px;
	line-height:1em;
}
.speaker_area a{
	color:#7F7E7E;
	text-decoration:none;
	font-size: 14px;
}
.speaker_area a:hover{
	color:#7F7E7E;
	text-decoration:underline;
}
.speaker_area .left{
	width: 50%;
	float: left;
	margin-bottom: 8px;
}
.speaker_area .size{
	width: 50%;
	float: right;
}
.size {
	margin: 0px auto;
	overflow:hidden;
	text-align:right;
}
.size p{
	float:right;
	line-height:30px;
	font-size:12px;
}
#readspeaker_button1{
	padding-top:2px;
}




/* 追加
------------------------------------------*/

#header_navi ul{
	width:945px;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	border-bottom:solid 1px #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
#header_navi li{
	list-style:none;
	text-align:center;
	float:left;
	border-left:solid 1px #fff;
	font-size:17px;
	font-weight:bold;
	line-height: 40px;
}
#header_navi li:first-child{
	border-left: none;
}
#header_navi a{
	color:#fff;
	text-decoration:none;
	display: block;
	background-color:#5a579d;
	padding:10px;
	height: 40px;
	font-size: 15px;
}

#header_navi a:hover{
	opacity: 0.8;
}

.tb_02{
	width:100%;
	margin:10px auto;
	background-color:#ccc;
}
.tb_02 th{
	background-color:#FF9900;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:5px;
	font-size:1.1em;
}
.tb_02 td{
	background-color:#FFEDD9;
	text-align:left;
	padding:10px 8px;
	vertical-align:top;
	font-size:13px;
	line-height: 1.6em;
}
.tb_02 p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.h3_tit{
	background:#F2F2F2;
	height:40px;
	line-height:40px;
	border-left:solid 7px #E65320;
	padding:0 0 0 15px;
	font-size:1.4em;
	border-bottom:solid 1px #ccc;
	margin-bottom:15px;
	font-weight:bold;
}

.h4_tit{
	padding:0 0 0 5px;
	font-size:1.4em;
	border-bottom:solid 2px #FF9900;
	margin-bottom:15px;
	font-weight:bold;
}
.font_12{
	font-size:1.2em;
}
.font_11{
	font-size:1.1em;
}
.font_s{
	font-size:0.8em;
}
.box01{
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:15px;	
}
.box01 .left{
	float:left;
	width:550px;
	margin-top:15px;

}
.box01 .left dl{
	margin:0px;
	padding:0px;
	font-size:1.1em;
}
.box01 .left dt{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
}
.box01 .right{
	float:right;
	width:250px;
	text-align:center;
}
.box01_2{
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:15px;	
}
.box01_2 .left{
	margin-top:15px;

}
.box01_2 .left dl{
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:1.1em;
}
.box01_2 .left dt{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
}
.line_b{
	border-bottom:dotted 1px #ccc;
}
.line_b02{
	border-bottom:dotted 2px #666;
}

.box02{
	overflow:hidden;	
	margin-bottom:15px;
	padding-bottom:15px;	
}
.box02 .left{
	float:left;
	width:250px;

}
.box02 .right{
	float:right;
	width:580px;
}
.box02 .right dl{
	margin:0px;
	padding:0px;
	font-size:1.1em;
}
.box02 .right dt{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
}

.h3_tit02{
    	position:relative;
    	padding:0px 15px;
    	font-weight: bold;
    	font-size: 1.3em;
		height:35px;
		line-height:35px;
    	background-color: #E6471D;
    	color: #fff;
    	border-radius:3px;
    	-webkit-border-radius:3px;
    	-moz-border-radius:3px;
    }
     
.h3_tit02:before{
    	content:''; 
    	height:25px; 
    	width:2px; 
    	display:block; 
    	position:absolute; 
    	top:5px; 
    	left:4px; 
    	background-color:#fff;
    	border-left: 4px solid #fff;
    	border-radius:3px;
    	-webkit-border-radius:3px;
    	-moz-border-radius:3px;
    }
.font_t{
	font-size:1.3em;
	font-weight:bold;
	color:#E6471D;
	border-bottom:dotted 2px #ccc;
	margin-bottom:10px;
}
.font_t02{
	font-size:1.3em;
	font-weight:bold;
	color:#E6471D;
}
.font_t03{
	font-size:1.3em;
	font-weight:bold;
}

.tb_03{
	width:100%;
	margin:10px auto;
	border:solid 2px #ccc;

}
.tb_03 th{
	background-color:#FF9900;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:5px;
	font-size:1.3em;
}
.tb_03 td{

	text-align:left;
	padding:10px 5px;
	vertical-align:top;
}	
.tb_03 .td01{
	background-color:#FFFBF0;
}
.tb_03 .td02{
	background-color:#FFEBDF;
}
.font_orange{
	color:#ff5d9e;
}
a{
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}
a:hover{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.map{
	overflow:hidden;
	width:97%;
	margin: auto;
}
.map .left{
	float:left;

}
.map .right{
	float:right;

}
.green_box{
	background-color:#008717;
	color:#fff;
	margin-bottom:15px;
	padding:15px;
	    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.green_box dl{
	margin:0px;
	padding:0px;
}
.green_box dt{
	font-weight:bold;
	font-size:1.4em;
	border-bottom:solid 1px #fff;
}
.green_box dd{
	margin-top:10px;
	font-size:1.2em;
}
.dantai_tb{
	width:100%;
	margin:0px;
	padding:0px;
	
}
.dantai_tb td{
	width:33%;
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:center;
}

.dantai_tb td .tit{
	margin:10px 0px;
	padding:0px;
	font-weight:bold;
	font-size:1.1em;
}
.dantai_tb td .txt{
	font-size: 0.95em;
	line-height: 1.7em;
	text-align:left;
	padding:0px 10px 20px 10px;
}
.ryui{
	width: 750px;
	margin: 30px auto;
}
.ryui h3{
	border-bottom: 2px solid #ccc;
	font-weight: bold;
	font-size:18px;
}
.ryui ol{
	margin: 10px;
	padding: 0px 0px 0px 25px;
	list-style: decimal;
	font-size:0.9em;
}
.event_p{
	line-height: 2.2em;
	font-size: 1.1em;
}
.event_box{
	overflow: hidden;
}
.event_box .left{
	width: 68%;
	float: left;
}
.event_box .right{
	width: 30%;
	float: right;
	text-align: right;
}
.event_box .right p{
	font-size: 0.9em;
	text-align: center;
	line-height: 1.4em;
}
.font_s{
	font-size: 0.85em;
}
.txt_space0{
	line-height: 1.3em !important;
}
.mfp_buttons button.btn-send{
	background-color: #d74b12;
    border-radius: 10px;
    padding: 10px 30px;
    border: none;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: normal;
    cursor: pointer;
}
.mfp_buttons button.btn-send:hover{
	background-color: #b63601;
    border-radius: 10px;
    padding: 10px 30px;
    border: none;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: normal;
    cursor: pointer;
}
.mfp_buttons button.btn-reset{
	background-color: #666;
    border-radius: 10px;
    padding: 10px 30px;
    letter-spacing: 0.1em;
    font-weight: normal;
    cursor: pointer;
}
.mfp_buttons button.btn-reset:hover{
	background-color: #999;
    border-radius: 10px;
    padding: 10px 30px;
    letter-spacing: 0.1em;
    font-weight: normal;
    cursor: pointer;
}


/* 2020 追加
------------------------------------------*/
p,dd{
	font-feature-settings: "palt";
}

.content-block{
	padding: 0px 20px 50px 20px;
}

.maintitle {
  border-left: solid 7px #5a579d;
  position: relative;
  font-size: 26px;
  font-weight: bold;
  color: #5a579d;
  margin-top: 50px;
  margin-bottom: 20px;
  padding: 10px 15px;
  line-height: 1.3;
}

.maintitle:before {
  position: absolute;
  top: 0px;
  left: -7px;
  height: 8px;
  content: " ";
  display: block;
  border-left: solid 7px #f37eae;

}

.toripi{
	text-align: right;
	margin-bottom: -15px;
}

.list-normal{
	list-style: disc;
	padding-left: 20px;
}

.contact-box{
	margin: 15px 0px;
}

.list-footer dt{
	width: 80px;
	float: left;
	font-feature-settings: "palt";
}

.list-footer dd{
	margin-left: 80px;
}


/* 読み上げ音声機能
------------------------------------------*/
.speech.hov{
	border: 1px solid #000;
}


/* イベントスケジュール
------------------------------------------*/
.schedule-box{
	display: flex;
	font-size: 0.9em;
	line-height: 1.7em;
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 40px;
}

.schedule-box .area-left{
	width: 60%;
	padding-left: 10px;
	padding-right: 10px;
}

.schedule-box .area-right{
	width: 40%;
	padding-left: 10px;
	padding-right: 10px;
}

.event-box{
	display: flex;
	margin-right: -10px;
	margin-left: -10px;
}

.event-box .area-text{
	width: 65%;
	padding-left: 10px;
	padding-right: 10px;
}

.event-box .area-img{
	width: 35%;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	padding-top: 15px;
}

.schedule-box h3{
	color: #e5437d;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
    border: 2px solid #e5437d;
    padding: 5px;
    margin-bottom: 10px;
}

.schedule-box h4{
	font-weight: bold;
	background-color: #f29e00;
	color: #fff;
	padding: 3px 10px;
	margin-bottom: 5px;
}

.schedule-box li{
	padding-left: 1em;
}

.schedule-box li:before{
  content: "●";
  margin-left: -1em;
  font-size: 10px;
}

.list-kome{
  padding-left: 1em;
}

.list-kome:before{
  content: "※";
  margin-left: -1em;
}

.title-pink{
	background: #e5437d;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    margin-bottom: 20px;
    font-size: 20px;
}

.title-pink-border{
	color: #e5437d;
    font-weight: bold;
    border-bottom: 2px solid #e5437d;
    font-size: 20px;
    margin-bottom: 10px;
    border-left: 5px solid #e5437d;
    padding-left: 10px;
}

.time-schedule{
	overflow: hidden;
}

.time-schedule dt{
	width: 130px;
	float: left;
}

.time-schedule dd{
	margin-left: 130px;
	margin-bottom: 10px;
}

.venue{
	font-weight: bold;
    background-color: #f29e00;
    color: #fff;
    padding: 1px 15px;
    margin-bottom: 5px;
}

.event-day{
  padding-left: 1em;
  font-weight: bold;
}

.event-day:before{
  content: "●";
  margin-left: -19px;
  font-size: 14px;
  margin-right: 5px;
}


.list-important{
	list-style: none;
	padding-left: 0px;
}

.list-important li{
	padding-left: 1em;
}

.list-important li:before{
  content: "※";
  margin-left: -1em;
  font-size: 14px;
  margin-right: 5px;
}

.list-normal li{
	list-style: disc;
	margin-bottom: 10px;
}

.news-box{
	background: #333;
    color: #fff;
    padding: 15px 30px;
    font-size: 0.9em;
    border-radius: 12px;
}

.news-box li{
  padding-left: 1em;
}

.news-box li:before{
  content: "●";
  margin-left: -19px;
  font-size: 14px;
  margin-right: 5px;
}

.qrcord{
	display: flex;
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: center;
}

.qrcord img{
	margin-bottom: 5px;
}

.subtitle{
	font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 10px;
    font-feature-settings: "palt";
}

.subtitle-blue.bg-blue{
	color: #fff;
	background-color: #30568e;
}

.top-comment{
	text-align: center;
    font-weight: bold;
    padding: 20px 0px;
    line-height: 1.5em;
    font-size: 1.2em;
}

.exhibition-img{
	margin-bottom: 50px;
}

.exhibition-img ul{
	display: flex;
	list-style: none;
}

.exhibition-img li{
	margin-right: 15px;
	text-align: center;
	margin-bottom: 15px;
}

.exhibition-img li:last-child{
	margin-right: 0px;
}

.exhibition-img li p{
	line-height: 1.5em;
	margin-top: 5px;
    font-size: 0.9em;
}

.exhibition-img .text-area{
	border: 1px solid #000;
	padding: 15px;
}

.exhibition-img .text-area h3{
	font-weight: bold;
}

.border{
	border: 1px solid #ccc;
}

.btn-orange{
	background-color: #f37eae;
	color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 30px;
	display: block;
	max-width: 350px;
	text-decoration: none;
}
.btn-orange:hover{
	background-color: #ff5d9e;
	color: #fff;
}
.mt-10{
	margin-top: 10px;
}
.box-yellow{

    background-color: #fffbc2;
    padding: 25px;
    border-radius: 12px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
.form-control {
    display: block;
    width: 95%!important;
    padding: 10px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
form#mailformpro{
	padding: 20px 70px;
}
.mfp_buttons button{
	padding: 12px 60px;
	border-radius: 10px;
	background: #E6471D;
	color: #fff;
	border: none;
}
.mfp_buttons button:hover{
	cursor: pointer;
	opacity: 0.7;
}

.subtitle-gray {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 20px;
    font-feature-settings: "palt";
    background-color: #ededed;
    padding: 10px;
}

.subtitle-blue {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 20px;
    font-feature-settings: "palt";
    background-color: #EFEBE3;
    padding: 6px 30px;
    color: #30568e;
    border-radius: 25px;
}

.title-orange-border {
    color: #E6471D;
    font-weight: bold;
    border-bottom: 2px solid #E6471D;
    font-size: 20px;
    margin-bottom: 10px;
    border-left: 5px solid #E6471D;
    padding-left: 10px;
}


.dantai-box{
	display: flex;
	font-size: 0.9em;
	line-height: 1.5em;
}

.dantai-box h4{
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.dantai-box .area{
	width: 33%;
	padding: 15px;
	text-align: center;
}

.dantai-box .area-4{
	width: 25%;
	padding: 15px;
	text-align: center;
}

.dantai-box img{
	max-width: 100%;
	margin-bottom: 10px;
}

.dantai-box p{
	text-align: left;
}

.d-flex{
	display: flex;
}

.d-flex .width50{
	width: 50%;
}

.text-center{
	text-align: center!important;
}

.border-schedule{
	border-top: 1px solid #ccc;
	margin-top: 30px;
	margin-bottom: 45px;
}

a.btn{
	display: block;
	max-width: 100%;
	text-align: center;
	font-size: 18px;
	padding: 15px;
	border-radius: 12px;
	text-decoration: none;
}
a:hover.btn{
	background-color: #E6471D;
	color: #fff;
}
a.btn-yellow{
	border: 3px solid #E6471D;
	background-color: #fffbc2;
	color: #E6471D;
}
a.btn-orange02{
	border: 3px solid #E6471D;
	background-color: #fff;
	color: #E6471D;
}
.btn-orange02{
	border: 3px solid #E6471D;
	background-color: #fff;
	color: #E6471D;
	display: block;
	max-width: 100%;
	text-align: center;
	font-size: 18px;
	padding: 15px;
	border-radius: 12px;
	font-weight: bold;
}
.marker-yellow{
	color: #E6471D;
	background:linear-gradient(transparent 45%, #fffbc2 45%);
	font-weight:bold;
}

/* submenu */
#header_navi > ul {
	display: flex;
	overflow: visible;
	background-color: #fff;
}

#header_navi > ul > li {
	display: flex;
	position: relative;
	width: 100% !important;
}

#header_navi a {
	width: 100%;
}

#header_navi .submenu {
	border: 1px solid gray;
	background-color: #fff;
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 10;
	box-sizing: border-box;
}

#header_navi li:not(:hover) .submenu {
	display: none;
}



#header_navi .submenu li {
	float: none;
}

#header_navi .submenu li + li {
	border-top: 1px solid gray;
}

#header_navi .submenu li a {
	background-color: #EFEBE3;
	color: #000;
}

.justify-content-between{
	justify-content: space-between;
}

.tokuten span {
    background-color: #D01A26;
    color: #fff;
    padding: 6px 20px;
    border-radius: 20px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold;
}

.box-fukushi{
	background-color: #F5A859;
	padding: 30px;
	border-radius: 12px;
	margin-right: 40px;
	position: relative;
}
.box-fukushi .illustration{
	position: absolute;
    right: -40px;
    top: 50%;
    width: 130px;
}
.box-fukushi .bg-white{
	background-color: #fff;
	padding: 8px 15px;
    font-size: 13px;
    line-height: 1.4rem;
    margin-top: 30px;
}
.box-fukushi .bg-white h3{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
.ma_B5{
	margin-bottom: 5px;
}

.subtitle-blue02{
	color: #30568e;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
}

a.btn-blue{
	border: 3px solid #30568e;
	background-color: #fff;
	color: #30568e;
}
.btn-blue{
	border: 3px solid #30568e;
	background-color: #fff;
	color: #30568e;
	display: block;
	max-width: 100%;
	text-align: center;
	font-size: 18px;
	padding: 15px;
	border-radius: 12px;
	font-weight: bold;
}

a.btn-blue:hover {
	background: #30568e;
}

.justify-content-center{
	justify-content: center;
}

.align-items-center{
	align-items: center;
}

.schedule-card{
	border-radius: 10px;
	background-color: #fff;
box-shadow: 3px 3px 15px -5px #000000;
width: 50%;
position: relative;
}

.schedule-content{
	padding: 20px 20px;
position: relative;
height: 85%;

}

.schedule-content:before{
	position: absolute;
	content: "";
	display: block;
	height: 96%;
	width: 2px;
	border-left: 1px dotted #D01925;
	left: 66px;
	top: 20px;
}

.schedule-header{
	background:#D01A26;
	color: #fff;
	border-radius: 10px 10px 0 0;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.schedule-date{
	font-size: 42px;
	line-height: 1;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.schedule-dayweek{
	display: inline-block;
	margin-right: 10px;
	margin-left: 5px;
	background: #fff;
	border-radius: 50%;
	line-height: 20px;
	color: #D01925;
	width: 20px;
	height: 20px;
	margin-bottom: 5px;
}

.schedule-content p{
font-size: 14px;
line-height: 1.3;
}

.shcedule-time{
	color: #D01925;
	font-size: 12px;
	display: inline-block;
	padding-right: 30px;
	min-width: 34px;
	line-height: 1;
	margin-top: .7em;
}

span.no-ruby{
	margin-top: 0;
}

.schedule-card-chusen{
	border: 1px solid #13579F;
	width: 100%;
	padding: 15px;
	background: #13579F;
	color: #fff;
	border-radius: 10px;
	
}

.schedule-card-chusen a{
	font-size: 16px;
	color: #13579F;
}

.schedule-card-chusen a.btn:hover{
	background-color: #fff;
	color: #13579F;
	opacity: .6;
}

.livepage-card h3{
	color: #13579F;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
.schedule-right-img01{
	position: absolute;
	right: 15px;
	top: 170px;
}
.schedule-right-img02{
	position: absolute;
	right: 15px;
	top: 270px;
}

.schedule-header-time{
	display: inline-block;
	margin-bottom: 7px;
}

.d-none{
	display: none;
}

.bg-beige{
	background-color: #EFEBE3;
	border-radius: 10px;
	padding: 15px;
}

.border-box{
	box-sizing: border-box;
}

.livepage-card{
	position: relative;
	padding: 30px;
}

.livepage-card:before{
	content: "";
	background-image: url(./../../img/character.png);
	background-repeat: no-repeat;
	width: 80px;
	height: 74px;
	background-size: contain;
	display: block;
	position: absolute;
	right: -20px;
	top: -20px;
}

.livepage-card{
	width: 100%;
}

.m-auto{
	margin-right: auto;
	margin-left: auto;
}

.livepage-card-btn{
	width: 54%;
}

.pr-0{
	padding-right: 0;
}
.pl-0{
	padding-left: 0;
}

.bg-beige h3.subtitle-blue{
	font-size: 1.1rem;
}

a.bg-beige:hover{
	background-color:#EFEBE3;
	color: #30568e;
	opacity: .6;
}

.box-thanks{
	text-align: center;
	padding: 15px;
	border: 2px solid #D01A26;
	border-radius: 12px;
	font-weight: bold;
	color: #D01A26;
	margin-top: 30px;
	font-size: 1.2rem;
}

.text-blue {
    color: #00a3ef;
    font-size: 1.1em;
}
.text-blue::before {
	content: '⚫︎';
	display: inline-block;

}

.title-blue{
	background: #30568e;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    margin-bottom: 20px;
    font-size: 20px;
}

.title-orange{
	background: #f08300;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    margin-bottom: 20px;
    font-size: 20px;
}

.w-50{
	width: 50%;
}

.w-100{
	width: 100%;
}

.box-light-yellow{
    background-color: #feefe1;
    padding: 25px;
    border-radius: 12px;
}

.ml-auto{
	margin-left: auto;
}

.border-radius{
	border-radius: 12px;
}

.link-orange,
.link-orange:hover{
	color: #e68013;
}

a.btn-blue02{
	background-color: #30568e;
	color: #fff;
	display: block;
	max-width: 100%;
	text-align: center;
	font-size: 22px;
	padding: 15px;
	border-radius: 12px;
	text-decoration: none;
	line-height: 1.6em;
}
a.btn-blue02:hover,
.live .btn-orange02:hover{
	opacity: 0.6
}
a.btn-blue02 span{
	font-size: 16px;
}
.live .btn-orange02{
	text-decoration: none;
	margin-top: 30px;
	margin-left: 15px;
	margin-right: 15px;
}
.live .event-day{
	font-size: 18px;
}

form#mailformpro dl dt,
form#mailformpro dl dd{
	font-size: 16px!important;
}
.mfp_element_text, 
.mfp_element_number, 
.mfp_element_select-one, 
.mfp_element_email, 
.mfp_element_tel, 
.mfp_element_textarea{
	padding:  8px!important;
}
form#mailformpro dl dd{
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}
form#mailformpro .box02{
	width: 720px!important;
}