@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');

#forum_title{
  width:940px;
  margin:50px auto 0 auto;
  padding:15px 30px;
  color:white;
  background-color:black;
  display:flex;
}

#forum_title div:first-child{
  font-size:15px;
  margin:auto 0 0 10px
  color:white;
  background-color:black;
  text-align: left;
}

.title_border{
  display: inline-block;
  border: solid 1px #fff;
  padding: 3px;
}

#forum_title_single{
  margin-top:50px;
  width:940px;
  margin:50px auto 0 auto;
  padding:15px 30px;
  color:white;
  background-color:black;
  text-align:center;
}

#title_left{
  width:800px;
}
#title_center {
  width: 730px;
  margin: 0 auto;
}
#title_center div {
  font-size: 30px;
  text-align: center;
  margin: 8px auto auto 50px;
  font-family: 'Noto Serif JP', serif;
  color: #efefef;
}
#title_right{
  width:250px;
  padding:5px;
  display: flex;
}

#forum_title #title_left span{
  font-size:20px;
  border:1px solid white;
  padding:3px 8px;
}
#forum_title #title_left p{
  margin:10px 0;
  font-size:20px;
}
#forum_title #title_left img{
  display:block;
}

#forum_title #title_circle_inner{
  width:100px;
  height:60px;
  padding:20px 0;
  margin-top:20px;
  border:3px solid white;
  border-radius:50%;
  background-color:#cd78ac;
}
#forum_title #title_circle_inner p{
  line-height:30px;
  font-size:30px;
  text-align:center;
}

#forum_title #title_circle_inner2{
  width:100px;
  height:60px;
  padding:20px 0;
  margin-top:20px;
  border:3px solid white;
  border-radius:50%;
  background-color:#ff8c00;
}
#forum_title #title_circle_inner2 p{
  line-height:30px;
  font-size:30px;
  text-align:center;
}

#forum_title #title_left .workshop191015 p{
  font-family:'Ryumin Heavy KL';
  text-align:center;
  font-size:30px;
}
#forum_title #title_left .workshop191015 p:first-child{
  font-size:36px;
  margin-top: 20px;
}


main{
  padding-top:0;
}
section{
  margin:0 auto;
}
.section_top{
  text-indent:0em;
}
.content_box{
  text-align:center;
  font-size:15px;
  margin-top:40px;
}
.content_box .content_title{
  font-size:18px;
}
.content_box b{
  font-size:20px;
  font-weight:bold;
}
.content_box .sub_bold{
  font-size:16px;
  font-weight:bold;
}
.content_box .address{
  margin-top:10px;
}
.content_box dl{
  width:400px;
  padding:10px 20px;
  margin:10px auto;
  background-color:#222;
  text-align:left;
}
.content_box dt:last-child{
  text-align:center;
  margin-top:10px;
}
.content_box dt:not(:last-child)::before{
  content:"■";
  margin-right:5px;
}
.content_box dd{
  margin-left:20px;
}
.content_box img{
  display:block;
  width:700px;
  margin: 10px auto 0 auto;
}
.content_box .img2 img{
  display:block;
  width:300px;
  margin: 10px auto 0 auto;
}

.access{
  width:400px;
  padding:10px 20px;
  margin:10px auto;
  background-color:#222;
}
.program_box{
  margin-bottom:10px;
  text-align:center;
}
.program_box + .program_box{
  border-top:1px dotted white;
  padding-top:10px;
}
.program_title{
  font-size:24px;
  font-weight:bold;
}
.program_title span{
  font-size:16px;
  font-weight:normal;
  margin-left:10px;
}
.program_content{
  display: flex;
}
.program_text{
  width: 530px;
}
.program_image{
  width: 320px;
  padding: 10px;
  box-sizing:border-box;
}
.program_text_large{
  width: 680px;
}
.program_image_small{
  width: 170px;
  padding: 10px;
  box-sizing:border-box;
}
.program_content img{
  width:100%;
}
.program_speaker{
  margin-top:10px;
  font-size:18px;
  font-weight:bold;
}
.program_outline{
  margin-top:10px;
  text-align: justify;
  text-justify: distribute;
  text-indent:1em;
}
.program_box ul{
  width: 700px;
  margin: 5px auto;
  padding: 0;
  line-height: 1.2em;
  text-align: left;
}
.program_box ul li{
  font-size:12px;
  text-indent: 0em;
}
.program_box ol{
  width: 750px;
  margin: 5px auto;
  padding: 0;
  line-height: 1.4em;
  text-align: left;
}
.program_box ol li{
  font-size:14px;
  text-indent: 0em;
}
.program_image_box_small img{
  width: 120px;
  display: block;
  margin:0 auto;
}
.program_image_box img{
  display:inline-block;
  margin: 20px;
}

.notes {
  width:800px;
  background-color: white;
  color: black;
  padding: 0.5em;
  border: 2px solid hsl(48, 100%, 70%);
  text-align: left;
}

.forum_apply_btn{
  display:block;
  width:700px;
  margin:20px auto;
  padding:5px;
  border-radius:20px;
  text-align:center;
  font-weight:bold;
  border:3px solid white;
  background-color:hsl(48, 100%, 70%);
  position:relative;
  transition:all .3s;
}
.forum_apply_btn:hover{
  color:red;
  text-decoration:none;
  background-color:hsl(48, 100%, 50%);
}
.apply_title{
  font-size:28px;
  text-shadow:
    0px 3px 1px white,
    0px 2px 1px white,
    1px 2px 1px white,
    2px 2px 1px white,
    2px 1px 1px white,
    2px 0px 1px white,
    3px 0px 1px white,
    2px -1px 1px white,
    2px -2px 1px white,
    2px -3px 1px white,
    1px -3px 1px white,
    0px -3px 1px white,
    -1px -3px 1px white,
    -2px -3px 1px white,
    -3px -3px 1px white,
    -3px -2px 1px white,
    -3px -1px 1px white,
    -3px 0px 1px white,
    -3px 1px 1px white,
    -3px 2px 1px white,
    -2px 2px 1px white,
    -1px 2px 1px white;
}
.restricted{
  display:inline-block;
  font-size:20px;
  background-color:#cd78ac;
  color:white;
  border:2px solid white;
  border-radius:10px;
  line-height:2em;
  padding:0 .5em;
  position:absolute;
  right:10px;
  top:5px;
}

.forum_apply_close{
  display:block;
  width:700px;
  margin:20px auto;
  padding:5px;
  border-radius:20px;
  text-align:center;
  font-weight:bold;
  border:3px solid white;
  background-color:hsl(48, 100%, 70%);
  position:relative;
	color:red;
}



.registation{
  display:flex;
  width:700px;
  margin:20px auto;
  border-radius:20px;
  text-decoration:none;
  border:3px solid white;
  transition:all .3s;
}
.registation_open,
.registation20171218{
  height:60px;
}
.registation_close{
  height:60px;
  color:red;
}
.registation20180320{
  height:88px;
  color:red;
},
.registation20180702{
  height:104px;
  color:red;
}
.registation:hover{
  text-decoration:none;
  border:3px solid hsl(48, 100%, 50%);
}
.registation_close .close_message{
  width:100%;
  color:red;
  border-radius:16px;
  font-size:16px;
  line-height:30px;
  font-weight:bold;
  background:linear-gradient(hsl(39, 93%, 78%),hsl(48, 100%, 50%));
  text-shadow:
    0px 3px 1px white,
    0px 2px 1px white,
    1px 2px 1px white,
    2px 2px 1px white,
    2px 1px 1px white,
    2px 0px 1px white,
    3px 0px 1px white,
    2px -1px 1px white,
    2px -2px 1px white,
    2px -3px 1px white,
    1px -3px 1px white,
    0px -3px 1px white,
    -1px -3px 1px white,
    -2px -3px 1px white,
    -3px -3px 1px white,
    -3px -2px 1px white,
    -3px -1px 1px white,
    -3px 0px 1px white,
    -3px 1px 1px white,
    -3px 2px 1px white,
    -2px 2px 1px white,
    -1px 2px 1px white;
}
.registation20171218 .close_message{
  color:red;
  border-radius:16px 0 0 16px;
  width:550px;
  font-size:16px;
  line-height:30px;
  font-weight:bold;
  background:linear-gradient(hsl(39, 93%, 78%),hsl(48, 100%, 50%));
  text-shadow:
    0px 3px 1px white,
    0px 2px 1px white,
    1px 2px 1px white,
    2px 2px 1px white,
    2px 1px 1px white,
    2px 0px 1px white,
    3px 0px 1px white,
    2px -1px 1px white,
    2px -2px 1px white,
    2px -3px 1px white,
    1px -3px 1px white,
    0px -3px 1px white,
    -1px -3px 1px white,
    -2px -3px 1px white,
    -3px -3px 1px white,
    -3px -2px 1px white,
    -3px -1px 1px white,
    -3px 0px 1px white,
    -3px 1px 1px white,
    -3px 2px 1px white,
    -2px 2px 1px white,
    -1px 2px 1px white;
}

.registation20180320 .open_message20180320,
.registation20180702 .open_message20180702{
  background:linear-gradient(hsl(39, 93%, 78%),hsl(48, 100%, 50%));
  border-radius:16px 0 0 16px;
  width:550px;
}
.registation_open .open_message{
  background:linear-gradient(hsl(39, 93%, 78%),hsl(48, 100%, 50%));
  border-radius:16px;
  width:100%;
}
.registation_open .open_message p{
  color:red;
  font-size:25px;
  line-height:60px;
  font-weight:bold;
  text-shadow:
    0px 3px 1px white,
    0px 2px 1px white,
    1px 2px 1px white,
    2px 2px 1px white,
    2px 1px 1px white,
    2px 0px 1px white,
    3px 0px 1px white,
    2px -1px 1px white,
    2px -2px 1px white,
    2px -3px 1px white,
    1px -3px 1px white,
    0px -3px 1px white,
    -1px -3px 1px white,
    -2px -3px 1px white,
    -3px -3px 1px white,
    -3px -2px 1px white,
    -3px -1px 1px white,
    -3px 0px 1px white,
    -3px 1px 1px white,
    -3px 2px 1px white,
    -2px 2px 1px white,
    -1px 2px 1px white;
}

.registation20180320 .open_message20180320 p:first-child,
.registation20180702 .open_message20180702 p:first-child{
  color:red;
  font-size:25px;
  line-height:60px;
  font-weight:bold;
  text-shadow:
    0px 3px 1px white,
    0px 2px 1px white,
    1px 2px 1px white,
    2px 2px 1px white,
    2px 1px 1px white,
    2px 0px 1px white,
    3px 0px 1px white,
    2px -1px 1px white,
    2px -2px 1px white,
    2px -3px 1px white,
    1px -3px 1px white,
    0px -3px 1px white,
    -1px -3px 1px white,
    -2px -3px 1px white,
    -3px -3px 1px white,
    -3px -2px 1px white,
    -3px -1px 1px white,
    -3px 0px 1px white,
    -3px 1px 1px white,
    -3px 2px 1px white,
    -2px 2px 1px white,
    -1px 2px 1px white;
}
.registation .registation_right{
  width:150px;
  color:white;
  font-size:28px;
  border-radius:0 16px 16px 0;
  background-color:#cd78ac;
}
.registation20171218 .registation_right{
  line-height:60px;
}
.registation20180320 .registation_right{
  line-height:88px;
}
.registation20180702 .registation_right{
  line-height:104px;
}


.notice dt{
  float:left;
  width:2em;
}
.notice dd{
  margin-left:2em;
}



.entry_box{
  text-align:left;
  margin-top:40px;
  padding:10px 0;
  border-top:1px solid white;
}
.entry_title{
  font-size:16px;
  text-align:center;
}
.entry_inner{
  margin:10px 0;
}
.entry_description{
  text-indent:1em;
}


.underline{
  text-decoration:underline;
}