body,html{
 padding: 0;
 margin: 0;
}

p{
 padding: 0 10px;
 word-break: break-all;
 font-feature-settings: "palt";
 text-align: justify;
}

*, *:before, *:after {
 box-sizing: border-box;
 }
/* スマホ */

 @media screen and (max-width: 428px) {

 /*ここにスマホ用のCSSを記述する*/


 #container {
    max-width: 400px;
    margin: 0 auto;
  }
  #main {
    width: 100%;
  }

  p{
   max-width: 400px;
  }

 }

/* タブレット */

 @media only screen and (min-width: 600px) and (max-width: 1024px) {

 /*ここにタブレット用のCSSを記述する*/

 #container {
    max-width: 600px;
    margin: 0 auto;
  }
  #main {
    width: 100%;
  }

  p{
   max-width: 600px;
  }

 }

/* パソコン */

 @media screen and (min-width: 1024px) {

 /*ここにPC用のCSSを記述する*/

 #container {
    max-width: 960px;
    margin: 0 auto;
  }
  #main {
    width: 100%;
  }
 
  p{
   padding: 0;
   max-width: 700px;
   margin: 1em auto;
  }

#check{
 max-width: 700px;
 margin: 2em auto 0 auto!important;
}
 }

 #eventimg {
  width:100%;
  max-width: 600px;
}

/* 各デバイス共通 */

#btn {
  font-size:150%;
}

strong {
    font-size:110%;
}

.highlight {
  color:red;
}

table {
  width:auto;
  margin: 0 auto;
}

.table_design03 {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
}
.table_design03 th, .table_design03 td {
  border-bottom: 2px solid #c1c7c6;
  padding: 1em;
}
.table_design03 th {
  border-bottom: 2px solid #4db9c1;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}

.table_design03 .look{
 color: #3daeb6;
}



h2 , h3 , h4 , h5 , h6{
  text-align:center;
  background-color: #afe4df;
  margin:2em 0 .5em 0;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  padding: .5em 0;
}

h2 {
  font-size:200%;
  background-color:#f3f3f3;
  margin:1em 0 .5em 0;
}
h3 {
  font-size:175%;
}
h4 {
  font-size:150%;
}
h5 {
  font-size:125%;
}
h6 {
  font-size:110%;
}

ul{
 margin: 1em 0;
 padding: 0 10px;
 list-style: none;
}

ul li{
 text-align: justify; 
 text-indent: -1em;
 padding-left: 1em;
}

ul li::before{
 content: "・";
}

#check{
 background-color: #f3f3f3;
 margin: 2em 10px 0 10px; 
}

#check ul{
 margin: 0;
 padding: 20px 20px 20px 17px;
}

#reserve ul li{
 text-align: center;
}

#reserve ul li::before{
 content: none;
}

#reserve ul li+li{
 margin-top: 0.75em;
}


.line{
border-bottom: solid 1px #ff0000;
}

#eventbunner {
  text-align:center;
  margin:2em auto ;
  width:100%;
}

#eventtitle {
  margin:0;
  background-color: #fff;
}

#eventsubtitle {
  color:#555;
  font-weight:bold;
  margin:0;
  background-color: #fff;
}

#event202312 h3 {
  
	font-family:"Century";
	color:#333;
}

header , footer {
  text-align:center;
}

#event202312 h5{
text-align: center;
background-color: #fff;

}

#event202312 h5 span{
 position: relative;
 display: inline-block;
 padding: 0 40px;
 text-align: center;
 transform: rotate(0.03deg);
 -moz-transform: rotate(0.03deg);
 -ms-transform: rotate(0.03deg);
 -o-transform: rotate(0.03deg);
 -webkit-transform: rotate(0.03deg);
}

#event202312 h5 span:before, #event202312 h5 span:after{
 content: '';
 position: absolute;
 top: 40%;
 display: inline-block;
 width: 30px;
 height: 5px;
 border-top: solid 1px black;
 border-bottom: solid 1px black;
}

#event202312 h5 span:before {
 left:0;
}
#event202312 h5 span:after {
 right: 0;
}