﻿@charset "utf-8";

/*--------------------------------------------*/
/* BASE                                       */
/*--------------------------------------------*/
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック W3", "HiraginoSans-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.5;
	background-color: rgba(113,85,149,1.00);
}

/*--------------------------------------------*/
/* COMMON                                     */
/*--------------------------------------------*/

#bg_wrapper {
  padding-top: 0px;
  padding-bottom: 20px;
  background-image: -webkit-linear-gradient(270deg,rgba(208,177,244,1.00) 0%,rgba(218,191,247,1.00) 22.59%,rgba(113,85,149,1.00) 99.59%);
  background-image: -moz-linear-gradient(270deg,rgba(208,177,244,1.00) 0%,rgba(218,191,247,1.00) 22.59%,rgba(113,85,149,1.00) 99.59%);
  background-image: -o-linear-gradient(270deg,rgba(208,177,244,1.00) 0%,rgba(218,191,247,1.00) 22.59%,rgba(113,85,149,1.00) 99.59%);
  background-image: linear-gradient(180deg,rgba(208,177,244,1.00) 0%,rgba(218,191,247,1.00) 22.59%,rgba(113,85,149,1.00) 99.59%);
}
#wrapper {
	display: block;
	position: relative;
  max-width: 1120px;
  margin: 0px auto 20px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 1px 2px rgba(56,56,56,0.34);
  box-shadow: 0px 1px 2px rgba(56,56,56,0.34);
}

/*--------------------------------------------*/
/* link                                       */
/*--------------------------------------------*/

a:link {
  color: #3366FF;
}
a:visited {
  color: #3366FF;
}
a:hover {
  color: #FF6600;
}
a:active {
  color: #FF6699;
}
/*--------------------------------------------*/
/* clearfix                                   */
/*--------------------------------------------*/

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: block;
  min-height: 1%;
}
* html .clearfix {
  height: 1%;
}
/*--------------------------------------------*/
/* float                                      */
/*--------------------------------------------*/

.fltL {
  float: left;
}
.fltR {
  float: right;
}
/*--------------------------------------------*/
/* tool                                       */
/*--------------------------------------------*/

.clear {
  clear: both;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.nobg {
  background: none;
}
._val-bottom {
	vertical-align: bottom;
	border-top: 1px solid #fff !important;
}
/*--------------------------------------------*/
/* img                                        */
/*--------------------------------------------*/

.imgC {
  text-align: center;
}
.imgL {
  text-align: left;
  float: right;
}
.imgR {
  text-align: right;
}
.imgL img,  .imgC img,  .imgR img {
  display: inline;
}
/*--------------------------------------------*/
/* font                                       */
/*--------------------------------------------*/

.xx-small {
  font-size: 70%;
}
.x-small {
  font-size: 78%;
}
.small {
  font-size: 85%;
}
.large {
  font-size: 115%;
}
.x-large {
  font-size: 130%;
}
.xx-large {
  font-size: 143%;
}
/*--------------------------------------------*/
/* text                                       */
/*--------------------------------------------*/

.bold {
  font-weight: bold;
}
.txtL {
  text-align: left;
}
.txtC {
  text-align: center;
}
.txtR {
  text-align: right;
}
/*--------------------------------------------*/
/* margine                                      */
/*--------------------------------------------*/

.mar-b30 {
  margin-bottom: 30px;
}
.mar-l20 {
	margin-left: 20px;
}

/* header */

#header {
  width: 100%;
  height: 82px;
	display: flex;
	justify-content: space-between;
	align-items: center;
  border-bottom: 1px solid #B1B1B1;
  position: relative;
}
#header_logo {
  width: 200px;
  display: block;
	margin: 0px 20px;
}
#header_title {
  width: calc(100% - 240px);
}
#header_title img {
	display: block;
  width: calc(100% - 20px);
	max-width: 610px;
  margin: 0px auto;
}
/* top_header */

#top_header {
  width: 100%;
	min-width: 768px;
  display: block;
  text-align: center;
  position: relative;
}
#top_logo {
  width: 522px;
  height: 185px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
h1 {
  max-width: 820px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  font-family: "trebuchet ms", trebuchet-ms, trebuchet, verdana, arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #666666;
  padding-top: 20px;
  padding-bottom: 40px;
}
/* mainset */

#mainset {
  position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	/*overflow: hidden;*/
}
/* menuL */

#menuL {
  width: 210px;
  position: relative;
	margin-right: 30px;
}
/* main */

#main {
	display: block;
  position: relative;
  width: 100%;
  margin-right: 5px;
  padding: 10px;
}
#main_conte {
  display: block;
  position: relative;
  width: 100%;
  font-size: 12px;
  line-height: 22px;
  text-decoration: none;
  min-height: 560px;
}
/*menubtn*/

.venue_map {
	display: block;
  position: relative;
  width: calc(100% - 60px);
  max-width: 800px;
  padding: 20px;
}
.venue_map img {
  width: 100%;
}

#menuBox {
  width: 210px;
  text-align: left;
	font-weight: 600;
  font-family: Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "メイリオ";
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  display: block;
  margin-top: 10px;
  margin-left: -6px;
	border-top: 1px solid #ccc;
  -webkit-box-shadow: 1px 3px 2px rgba(56,56,56,0.24);
  box-shadow: 1px 3px 2px rgba(56,56,56,0.24);
}
.menuBtn0 {
  width: 210px;
  text-align: left;
  display: block;
  border-bottom: 1px dotted #999999;
}
.menuBtn01 a {
  width: 185px;
  display: block;
  overflow: hidden;
  background-color: #97006A;
  border-bottom: 1px solid #ccc;
  background-image: url(../img/list_img.jpg);
  background-repeat: no-repeat;
  background-position: 10px 20px;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  color: #fff;
}
.menuBtn01 a:hover {
  background-color: #C4008A;
}
.menuBtn02 {
  width: 185px;
  display: block;
  overflow: hidden;
  background-color: #FF2FC1;
  border-bottom: 1px solid #ccc;
  background-image: url(../img/list_img.jpg);
  background-repeat: no-repeat;
  background-position: 10px 20px;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  color: #fff;
}
.menuBtn02b a {
  width: 185px;
  display: block;
  overflow: hidden;
  background-color: #BDFFB7;
  border-bottom: 1px dotted #ccc;
  background-image: url(../img/list_img.jpg);
  background-repeat: no-repeat;
  background-position: 10px 20px;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  color: #333333;
}
.menuBtn02b a:hover {
  color: #FF3300;
}
.menuBtn03 a {
  width: 175px;
  display: block;
  overflow: hidden;
  background-color: #BDFFB7;
  border-bottom: 1px solid #ccc;
  padding-left: 35px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  color: #333333;
}
.menuBtn03 a:hover {
  color: #FF3300;
}
.menuBtn04 {
  width: 175px;
  display: block;
  overflow: hidden;
  background-color: #BDFFB7;
  border-bottom: 1px dotted #333;
  padding-left: 35px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  color: #FF3300;
}

.top_tbl {
	width: 100%;
}
.td_news {
  color: #333333;
  line-height: 18px;
  text-align: left;
  padding-top: 10px;
  padding-right: 3px;
  padding-bottom: 13px;
  padding-left: 40px;
  background-color: #FFF;
}
.td_info {
	width: calc(100% - 100px);
  color: #333333;
  line-height: 18px;
  text-align: left;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 13px;
  padding-left: 10px;
  background-color: #FFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #D6D6D6;
}


.pg_title {
	margin: 15px 5px;
  font-family: "trebuchet ms", trebuchet-ms, trebuchet, verdana, arial, sans-serif;
	font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #008693;
}
.pg_zoom {
	margin: 15px 15px;
  font-family: "trebuchet ms", trebuchet-ms, trebuchet, verdana, arial, sans-serif;
	font-weight: 800;
  font-size: 14px;
  line-height: 18px;
  color: #008693;
}
.pg_zoom a {
	font-weight: 400;
  font-size: 14px;
  line-height: 18px;

}
.table_pg {
	border-collapse: collapse;
  width: 100%;
	margin-bottom: 30px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	background-color: #FFFFFF;
}
.pg_th {
  background-color: #D5EBD7;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  padding: 5px;
}
.pg_ltime {
	width: 90px;
  color: #333;
  padding: 2px;
  font-weight: bold;
  font-size: 14px;
	border-top: 1px solid #333;
}
.pg_jtime {
	width: 90px;
  color: #333;
  padding: 2px;
  font-weight: bold;
	border-top: 1px solid #333;
}
.pg_notime {
	width: 90px;
  color: #333;
  padding: 2px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
	border-top: 1px solid #FFF;
}
.pg_td{
	width: calc(100% - 200px);
  color: #000000;
  padding: 5px;
	border-bottom: 5px solid #fff;
}
.pg_col1 {
  background-color: #F9D7E6 !important;
}
.pg_col2 {
  background-color: #F1FCB4 !important;
}
.pg_col3 {
  background-color: #FFF343 !important;
}
.pg_sname {
	color: #333;
  font-weight: bold;
	font-size: 14px;
  line-height: 18px;
	margin: 10px 0px 5px;
}
.pg_pname {
  font-weight: bold;
	font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}
.pg_poqu {
  line-height: 16px;
  padding-bottom: 5px;
  padding-top: 2px;
  font-size: 12px;
}
.pg_ilocal {
	display: inline-block;
	margin: 2px 5px;
	padding: 4px 8px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 0.05rem;
	background-color: #052AE3;
	border-radius: 4px;
}
.pg_iremote {
	display: inline-block;
	margin: 2px 5px;
	padding: 4px 8px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 0.05rem;
	background-color: #E36204;
	border-radius: 4px;
}




.table_program {
	border-collapse: collapse;
  width: 100%;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	background-color: #FFFFFF;
}
.td_program_time {
	width: 100px;
  color: #999999;
  line-height: 18px;
  text-align: left;
  padding: 2px;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #666;
}

.th_program1 {
  background-color: #E0E0E0 !important;
  color: #333333;
  font-weight: bold;
	font-size: 14px;
  line-height: 18px;
  padding: 8px;
  border: 3px solid #FFF;
}
.th_program2 {
  color: #333333;
  font-weight: bold;
  line-height: 18px;
  padding: 8px;
  border: 3px solid #FFF;
}
.td_program {
	width: calc((100% - 100px)/2);
  color: #000000;
  line-height: 14px;
  text-align: left;
  padding: 5px;
  background-color: #F1FCB4;
  font-size: 12px;
  border: 3px solid #FFF;
}
.td_program1 {
  color: #000000;
  line-height: 16px;
  text-align: left;
  padding: 5px;
  background-color: #D7D5E3;
  font-size: 12px;
  border: 3px solid #FFF;
}
.td_program2 {
  color: #000000;
  line-height: 16px;
  text-align: left;
  padding: 5px;
  background-color: #FFF343;
  font-size: 12px;
  border: 3px solid #FFF;
}
.td_program3 {
  color: #000000;
  line-height: 16px;
  text-align: left;
  padding: 5px;
  background-color: #F9D7E6;
  font-size: 12px;
  border: 3px solid #FFF;
}
.td_program4 {
  color: #000000;
  line-height: 16px;
  text-align: left;
  padding: 5px;
  background-color: #FCDDC1;
  font-size: 12px;
  border: 3px solid #FFF;
}
.td_program5 {
  color: #000000;
  line-height: 16px;
  text-align: left;
  padding: 5px;
  background-color: #FFF7AF;
  font-size: 12px;
  border: 3px solid #FFF;
}
.td_program6 {
  color: #000000;
  line-height: 16px;
  text-align: left;
  padding: 5px;
  background-color: #BBD3EE;
  font-size: 12px;
  border: 3px solid #FFF;
}
.td_program7 {
  color: #000000;
  line-height: 16px;
  text-align: left;
  padding: 5px;
  background-color: #C8E4CB;
  font-size: 12px;
  border: 3px solid #FFF;
}
.td_program8 {
  color: #000000;
  line-height: 16px;
  text-align: left;
  padding: 5px;
  background-color: #E3EA94;
  font-size: 12px;
  border: 3px solid #FFF;
}
.td_program9 {
  color: #000000;
  line-height: 16px;
  text-align: left;
  padding: 5px;
  background-color: #FEDC5E;
  font-size: 12px;
  border: 3px solid #FFF;
}

.th_program_pname {
  font-weight: bold;
  line-height: 16px;
  font-size: 14px;
  margin-bottom: 5px;
}
.th_program_poqu {
  line-height: 14px;
  padding-bottom: 7px;
  padding-top: 2px;
  font-size: 12px;
}
.th_program_psbj {
  line-height: 14px;
  font-size: 12px;
  font-style: italic;
}

.td_logo {
  color: #333333;
  line-height: 18px;
  text-align: left;
  vertical-align: middle;
  padding-right: 10px;
  padding-bottom: 5px;
}

h2 {
	display: block;
  font-family: Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "メイリオ";
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
  border-left: 8px solid #333333;
  margin-bottom: 20px;
  margin-top: 10px;
  padding-left: 10px;
}
.newsdate {
	display: block;
	position: relative;
  margin: 0px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #B90026;
}

#main_conte h1 {
  display: block;
  margin: 10px 20px 30px;
	padding: 0px;
  font-size: 18px;
  line-height: 28px;
  color: #666666;
}


.p_h1 {
  display: block;
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
}
.p_h2 {
  display: block;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 5px;
}
.p_h3 {
  display: block;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 24px;
}
.p_txt1 {
  display: block;
  padding-left: 20px;
  padding-bottom: 10px;
}
.p_ico {
  vertical-align: middle;
  margin-right: 3px;
}
.li_num {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 20px;
}
.panel_img1 {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 5px;
}
.panel_img2 {
  padding-top: 10px;
  padding-bottom: 20px;
  margin-left: 5px;
}
/*--------------------------------------------*/
/* table                                      */
/*--------------------------------------------*/

.table_regu {
  table-layout: fixed;
  width: 600px;
  border: 1px solid #999999;
}
.th_regu {
  background-color: #EBEBEB;
  color: #333333;
  line-height: 18px;
  text-align: center;
  padding: 3px;
  border: 1px solid #CCCCCC;
}
.td_regu {
  padding: 3px;
  border: 1px solid #CCCCCC;
}
.td_col1 {
  background-color: #FFCCE0;
}
.td_col2 {
  background-color: #FFFF99;
}
.td_col3 {
  background-color: #F2F8EF;
}


/* footer */

#footer {
  height: 24px;
  width: 100%;
  display: block;
  border-top: 1px solid #CCCCCC;
}
#footer p {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  color: #999999;
  padding-top: 5px;
}
#sitetop a {
  text-align: left;
  display: block;
  height: 15px;
  width: 62px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "メイリオ";
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  margin-left: 10px;
  vertical-align: middle;
}
#sitetop a:hover {
  background-position: -62px 0;
  top: 0px;
  left: 0px;
  position: relative;
}




/* form */
.hissu {
	display: inline-block;
	color: #fff;
	background: #B70001;
	margin-left: 10px;
	padding: 4px;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 0.2rem;
	white-space: nowrap;
	line-height: 1rem;
	border-radius: 4px;
}

.boxform {
	display: flex;
	flex-direction: column;
	position: relative;
	justify-content: center;
	max-width: 1000px;
	min-width: 420px;
	margin: 20px;
	padding: 10px 20px;
	border: 1px solid #848484;
	background-color: #F1FFF4;
}
.boxform ._info {
	display: block;
	background-color:#FFF6F8;
	border:1px solid #E2002E;
	font-size: 14px;
	margin:20px;
	padding:15px;
}

.boxform h4 {
  display: block;
  margin: 10px 20px 20px;
	padding: 0px;
  font-size: 14px;
  line-height: 14px;
  color: #666666;
}

._fp-item {
  display: flex;
	flex-direction: row;
	align-items: center;
	margin:0px 20px;
	border-top: 1px solid #ddd;
}
._fp-item ._label {
	flex-basis: 200px;
	width: 100%;
	padding:15px 10px;
	font-weight: 600;
	font-size: 12px;
	line-height:1em;
	text-align: right;
	white-space: nowrap;
}
._fp-item ._item {
	flex-basis: 100%;
	width: 100%;
	padding:15px 10px;
	font-weight: 400;
	font-size: 14px;
	line-height:1em;
}
._fp-item ._item input {
	width: 100%;
	max-width: 300px;
	height: 20px;
	padding:5px;
}
._fp-item ._item select {
	max-width: 300px;
	height: 38px;
	padding:5px;
}

#fpass {
	max-width: 100%;;
}


._fp-submit {
	display: flex;
	position: relative;
	justify-content: center;
	margin: 0px 20px;
	padding: 20px 30px;
	border-top: 1px solid #ddd;
}
._fp-submit #submitbtn {
	padding: 16px 26px;
	color: #00a2b8;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1rem;
	white-space: nowrap;
	line-height: 1rem;
	background-color: #fff;
	border: 2px solid #00a2b8;
	border-radius: 8px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-shadow: 0px 2px 2px rgba(35,35,35,0.10);
	-moz-box-shadow: 0px 2px 2px rgba(35,35,35,0.10);
	-ms-box-shadow: 0px 2px 2px rgba(35,35,35,0.10);
	box-shadow: 0px 2px 2px rgba(35,35,35,0.10);
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
._fp-submit #submitbtn:hover {
	background-color: #00a2b8;
	color:#fff;
}

._fp-item span[class^="is-error-"] {
	display: inline-block;
	margin-top: 5px;
	color: #ed0000;
	font-size: 14px;
}

._disclaim {
	margin: 20px 40px;
}




