@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:#fff;
  display:flex;
}

#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: 850px;
  margin: 0 auto;
}
#title_border{
  font-size:15px;
  margin:auto 0 0 10px;
  color:#000;
  background-color:#fff;
  text-align: left;
  display: inline-block;
  border: solid 1px #000;
  padding: 3px 5px;
}
#title_center div {
  font-size: 26px;
  text-align: center;
  margin-top: 8px;
  font-family: 'Noto Serif JP', serif;
  color: #000;
}

#title_right{
  width:120px;
  padding:5px;
}

#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_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;
}
.windsnotes {
  width:833px;
  background-color: white;
  color: black;
  padding: 0.8em;
  border: 2px solid hsl(197, 71%, 72%);
  text-align: left;
  font-size:12px;
  text-indent: 0em;
}

.image img {
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  width: 500px;
  margin-top:5px;
}


#contentsname{
  font-size:17px;
}
#contentsname .box{
  width:450px;
  background-color:#efefff;
  padding:30px 20px 10px 20px;
  margin:30px 10px 10px 10px;
  border-radius:10px;
  position:relative;
}
#contentsname .boxtitle{
  width:450px;
  background-color:#efefff;
  padding:30px 20px 10px 20px;
  margin:50px 10px 10px 10px;
  border-radius:10px;
  position:relative;
}
#contentsname .box2{
  width:800px;
  background-color:#efefff;
  padding:20px 20px 10px 20px;
  margin:30px 10px 40px 13px;
  border-radius:10px;
  position:relative;
}
#contentsname .heading{
  position:absolute;
  top:-17px;
  left:20px;
  width:130px;
  text-align:center;
  background-color:#dabfee;
  border-radius:10px;
  box-shadow:1px 1px 1px #AAA;
}
#contentsname .heading p{
  border:3px solid white;
  border-radius:10px;
}
#contetsname .heading span{
  font-size:20px;
}

#contentsname .heading2{
  position:absolute;
  top:-17px;
  left:20px;
  width:200px;
  text-align:center;
  background-color:#dabfee;
  border-radius:10px;
  box-shadow:1px 1px 1px #AAA;
}
#contentsname .heading2 p{
  border:3px solid white;
  border-radius:10px;
}
#contetsname .heading2 span{
  font-size:20px;
}

#contentsname .red{
  color:red;
}
#contentsname .black{
  color:black;
  font-size:15px;
}
#contentsname .black2{
  color:black;
  font-size:13px;
}
#contentsname .blackb{
  color:black;
  font-size:20px;
  font-weight: bold;
  text-align: center;
}
#contentsname .blackst{
  color:black;
  font-size:17px;
  text-align: center;
  padding-bottom:10px;
}
#contentsname .blacks{
  color:black;
  font-size:15px;
  border-top:1px dotted black;
  padding-top:10px;
  font-weight: bold;
  text-align: center;
}
#contentsname .blackss{
  color:black;
  font-size:12px;
}
#contentsname .blackoverview{
  color:black;
  font-size:14px;
  line-height: 1.3;
}
#contentsname .img2{
  border-radius: 10px;
  width: 250px;
  margin-top:15px;
}
#contentsname a{
  font-size:13px;
  margin:0 0 0 300px;
}

.content_box{
  text-align:left;
  font-size:15px;
  margin-top:20px;
}
.content_box .content_title {
  font-size:18px;
width:130px;
  text-align:center;
  background-color:#87ceeb;
border: #fff 3px solid;
border-radius: 10px;
  box-shadow:1px 1px 1px #AAA;
}

}
.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;
}
.access{
  width:400px;
  padding:10px 20px;
  margin:10px auto;
  background-color:#222;
}
.program_box{
  margin-bottom:10px;
  text-align:left;
}
.program_box + .program_box{
  border-top:1px dotted black;
  padding-top:10px;
}
.program_title{
  font-size:16px;
  font-weight:500;
  text-indent: 15px;
}
.program_title span{
  font-size:15px;
  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:5px;
  font-size:15px;
  font-weight:normal;
  text-indent: 25px;
}

.program_center{
  text-align:center;
  margin-top:5px;
  font-size:15px;
  font-weight:normal;
}

.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(274, 58%, 84%);
  text-align: left;
}

.form_notes {
  width:800px;
  text-align: left;
  line-height: 1.3;
}

.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;
}

.contact_address{
  width:500;
  margin-top:30px;
  text-align:right;
  font-size:13px;
  border-top:1px dotted black;
  padding-top:10px;
}

.jst_link{
  margin-top:20px;
  text-align:right;
  font-size:13px;
}

.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;
}