/*ヘッダーロゴ */
#header_logo_50{width:115px;height:50px;display:flex;}

body{background-image:url(IMAGE.jpg);background-size:cover;}


/*navigationでselected workのハイライト*/
.tag_selected{border-top: 3px solid #f0d;color:rgba(250,250,250,0.8);display:block;font-family:sans-serif;font-size:78%;text-decoration-line:none;}

nav :hover a{background-color:rgba(190,190,190,0.7);margin-bottom:8px;color:rgba(256,256,256,1.0);} 



/*workshop_boxというidでワークショップのタイトルと内容をくくり、スクリーンサイズによって内容の位置が変わるようにしてみた。*/
#workshop_box{display:flex;flex-direction:row;flex-wrap:wrap;z-index:-1;justify-content: center;color:rgba(256,256,256);background-color:rgba(200,200,200,0.0); padding-right:0px;padding-left:35px;padding-bottom:35px;} /*ポジションとトップでflexのボックス位置を指定する*/
.contents_frame{background-color:rgba(200,200,200,0.0); padding-right:0px;padding-left:35px;;padding-bottom:10px;font-size:100%;}
.sub_title{color:rgba(256,256,256);font-size:100%; font-weight:lighter;text-align:center;}
.main_title{color:rgba(256,256,256);font-family: Verdana;font-size:200%; font-weight:bold;text-align:center;}

.workshop_contents_j{display:block; justify-content: center; color:rgba(256,256,256);font-size:0.9rem;font-weight:lighter; text-align:justify;padding-left:35px;}
.workshop_contents_e{color:rgba(256,256,256);font-size:84%; font-weight:lighter;text-align:justify;}
.workshop_concept_j{display:block; justify-content: center; color:rgba(256,256,256);font-size:0.9rem;font-weight:lighter; text-align:justify;padding:50px;}

.linkbox{width:200px; padding:5px;background-color:rgba(200,200,200,1.0); margin-top:30px;font-size:0.9rem;text-align:center;text-decoration-line:none}

.lettersize_large{font-family:sans-serif;font-size:1.0rem;color:rgba(256,256,256);}
.lettersize_normal{font-family:sans-serif;font-size:0.9rem;}
.lettersize_small{font-family:sans-serif;font-size:0.7rem;}
.red_letter{color:rgba(230,0,0,0.8);font-family:sans-serif;font-size:0.8rem;}

/*registration*/
.registration_j{font-family:sans-serif;font-size:1.0rem;}
#input_form{display:flex;justify-content: center;max-width:800px; border-left: solid 10px; border-color:rgba(50,20,100,0.8); margin:30px; margin-left: 60px; padding-left:10px;color:rgba(256,256,256,1.0);background-color:rgba(240,240,240,0.4); }
/*.info_annai{font-size:0.9rem;}*/
#posted_name{border-style:none;border-bottom-style: solid; border-width: 0px;margin:8px;background-color:rgba(245,245,256,0.9);}
#posted_address{border-style:none;border-bottom-style: solid; border-width: 0px;margin:8px;background-color:rgba(245,245,256,0.9);}
#posted_contents{border-style: solid; border-width:0px;margin:8px; background-color:rgba(245,245,256,0.9);}
.btn_submit{font-size:1.6rem;}
.btn_submit:hover{color:rgba(250,50,150,0.7);}