*{
	margin	                   : 0px;
	padding		               : 0px;
}
body{
	text-align	               : center;
	font-size	               : 12px;
	color	                   : #FFF;
	font-family                : "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	background                 : #000;
	overflow-x                 : hidden;
	height                     : 100%;
	-webkit-text-size-adjust   : 100%;
}
a{
	color		               : #FFF;
	text-decoration	           : none;
}

a:visited {
	color		               : #FFF;
	text-decoration	           : none;
}

h1,h2,h3{
	font-size	               : 13px;
}
html,body{
    height                     : 100%;
}
/*******************************/
/*   Header                     */
/*******************************/
#Header {
    position                   : sticky;
    top                        : 0;
    left                       : 0;
    width                      : 100%;
    height                     : 20px;
    background-color           : #FFF;
    z-index                    : 999;
}
/*******************************/
/*   body                   */
/*******************************/
#body_top {
    width                      : 100%;
    height                     : auto !important;
    background-color           : #000;
    position                   : relative;
	animation                  : fadeIn 2s ease 0s 1 normal;
    -webkit-animation          : fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
#body {
    width                      : 100%;
    height                     : auto !important;
    background-color           : #000;
    position                   : relative;
}
#login_area {
    height                     : 575px;
    background-color           : #000;
    position                   : relative;
    /*background-image           : url(../images/sp_backimg.jpg);
    background-position        : center center;
    background-repeat          : no-repeat;
    background-attachment      : scroll;
    background-size            : cover;*/
}
#login_area img.main {
    width                      : 100%;
    height                     : auto;
}
#login_area_sub {
    height                     : 575px;
    background-color           : #000;
    position                   : relative;
    /*background-image           : url(../images/sp_backimg.jpg);
    background-position        : center center;
    background-repeat          : no-repeat;
    background-attachment      : scroll;
    background-size            : cover;*/
}
#login_area_sub img.main {
    width                      : 100%;
    height                     : auto;
}
#haikei {
    top                        : 30%;
    left                       : 50%;
    transform: translateY(-30%) translateX(-50%);
    -webkit- transform: translateY(-30%) translateX(-50%);
    -ms-transform: translateY(-30%) translateX(-50%);
    position                   : absolute;
    width                      : 98vw;
    height                     : 440px;
    background-image           : url(../images/tekusucya.png);
    background-position        : center center;
    background-repeat          : repeat;
    background-attachment      : scroll;
    background-size            : cover;
    color                      : #000;
}
#haikei p.msg {
    margin-top                 : 40px;
    font-size                  : 25px;
    font-family                : 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
    font-weight                : bold;
}
#haikei_sub {
    top                        : 30%;
    left                       : 50%;
    transform: translateY(-30%) translateX(-50%);
    -webkit- transform: translateY(-30%) translateX(-50%);
    -ms-transform: translateY(-30%) translateX(-50%);
    position                   : absolute;
    width                      : 98vw;
    height                     : 440px;
    background-image           : url(../images/tekusucya.png);
    background-position        : center center;
    background-repeat          : repeat;
    background-attachment      : scroll;
    background-size            : cover;
    color                      : #000;
}
#haikei_sub p.msg {
    margin-top                 : 40px;
    font-size                  : 25px;
    font-family                : 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
    font-weight                : bold;
}
#header_area {
    width                      : 100%;
    height                     : 80px;
    background-color           : #000;
    background-image           : url(../images/bar.png);
    background-position        : center center;
    background-repeat          : repeat-x;
    background-attachment      : scroll;
    background-size            : contain;
    line-height                : 80px;
    font-size                  : 12px
}
#header_area img.title {
    margin-top                 : 0px;
    height                     : 65px;
    margin-bottom              : 130px;
    opacity                    : 1;
}
input[type=text].login {
    margin-bottom              : 5px;
    padding-left               : 3px;
    padding-right              : 3px;
    padding-top                : 2px;
    padding-bottom             : 2px;
    background-color           : #F4EDF9;
    margin-bottom              : 5px;
    width                      : 60vw;
    height                     : 30px;
    font-size                  : 15px;
}
input[type=text].mail {
    margin-bottom              : 5px;
    padding-left               : 3px;
    padding-right              : 3px;
    padding-top                : 2px;
    padding-bottom             : 2px;
    background-color           : #F4EDF9;
    width                      : 320px;
    height                     : 30px;
    border                     : 1px solid rgba(0,0,0, 0.3);
    margin-bottom              : 5px;
}
#login_input {
    margin-top                 : 120px;
}
#login_input input[type=password].login {
    margin-bottom              : 5px;
    padding-left               : 3px;
    padding-right              : 3px;
    padding-top                : 2px;
    padding-bottom             : 2px;
    background-color           : #F4EDF9;
    width                      : 60vw;
    height                     : 30px;
    font-size                  : 15px;
}
#login_input_sub {
    margin-top                 : 120px;
}
#login_input_sub input[type=password].login {
    margin-bottom              : 5px;
    padding-left               : 3px;
    padding-right              : 3px;
    padding-top                : 2px;
    padding-bottom             : 2px;
    background-color           : #F4EDF9;
    width                      : 60vw;
    height                     : 30px;
    font-size                  : 15px;
}
#login_input_sub a {
    color                      : #FF0000;
    font-weight                : bold;
}
input::placeholder {
    font-size                  : 15px;
}
input[type=submit] {
    margin-top                 : 10px;
    margin-left                : auto;
    margin-right               : auto;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 100%;
	max-width                  : 90vw;
	padding                    : 1rem 4rem;
	font-weight                : bold;
	border                     : 2px solid #54140E;
	background-color           : #841E17;
	color                      : #FFFFFF;
	border-radius              : 100vh;
	transition                 : 0.5s;
	font-size                  : 15px;
}
button[type=button].main {
    margin-top                 : 10px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : 15px;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 93vw;
	padding                    : 15px 40px;
	font-weight                : bold;
	border                     : 2px solid #54140E;
	background-color           : #841E17;
	color                      : #FFFFFF;
	border-radius              : 100vh;
	transition                 : 0.5s;
	font-size                  : 16px;
}
button[type=button].assignment {
    margin-top                 : 10px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : 15px;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 93vw;
	padding                    : 25px 40px;
	font-weight                : bold;
	border                     : 2px solid #54140E;
	background-color           : #841E17;
	color                      : #FFFFFF;
	border-radius              : 100vh;
	transition                 : 0.5s;
	font-size                  : 16px;
}
button[type=button].logout {
    margin-top                 : 10px;
    margin-left                : auto;
    margin-right               : auto;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 93vw;
	max-width                  : 90vw;
	padding                    : 1rem 4rem;
	font-weight                : bold;
	border                     : 2px solid #54140E;
	background-color           : #841E17;
	color                      : #FFFFFF;
	border-radius              : 100vh;
	transition                 : 0.5s;
	font-size                  : 15px;
}
button.del_secound {
    margin-top                 : 10px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : 10px;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 92%;
	height                     : 45px;
	line-height                : 35px;
	padding                    : 0;
	font-weight                : bold;
	color                      : #000;
	border                     : 2px solid #FF0000;
	background-color           : #FFC4C4;
	border-radius              : 100vh;
	transition                 : 0.5s;
	font-size                  : 16px;
}
button.del_third {
    font-size                  : 13px;
	background-color           : #FFC4C4;
	margin-left                : 3px;
	margin-top                 : 0px;
	border                     : 1px solid #FF0000;
	display                    : inline-block;
	padding                    : 4px 10px;
	border-radius              : 4px;
    -webkit-border-radius      : 4px;
    -moz-border-radius         : 4px;
    -webkit-appearance         : none;
	width                      : 120px;
}
button.del_fourth {
    font-size                  : 13px;
	background-color           : #FFC4C4;
	margin-left                : 3px;
	margin-top                 : 0px;
	color                      : #000;
	border                     : 1px solid #FF0000;
	display                    : inline-block;
	font-weight                : normal;
	padding                    : 4px;
	border-radius              : 4px;
    -webkit-border-radius      : 4px;
    -moz-border-radius         : 4px;
    -webkit-appearance         : none;
	width                      : 65px;
}
#login_input a{
    color                      : #FF0000;
    font-weight                : bold;
}
#infomation_area {
    background-color           : #FFFFFF;
    height                     : auto;
    padding-top                : 10px;
    padding-bottom             : 20px;
    padding-left               : 10px;
    padding-right              : 10px;
    text-align                 : left;
}
#info_title {
    position                   : relative;
    margin                     : 2em auto;
    padding                    : 1.2em;
    width                      : 80vw;
    color                      : #555555;
    background-color           : #fff;
    border                     : 2px solid #7030A0;
    box-shadow                 : 2px 2px 1px #ccc;
    margin-left                : auto;
    margin-right               : auto;
}
#info_title .flame25-title{
    position                   : absolute;
    padding                    : 0 .5em;
    left                       : 20px;
    top                        : -12px;
    font-weight                : bold;
    background-color           : #fff;
    color                      : #7030A0;
    font-size                  : 15px;
}
#info_title p {
    padding                    : 5px 10px;
    margin                     : 0;
    font-size                  : 14px;
}
#top_area {
    width                      : 100%;
    height                     : 60px;
    background-color           : #FFFFFF;
    text-align                 : left;
    display                    : flex;
    align-items                : center;
}
#top_area img.icon {
    margin-left                : 10px;
    height                     : 40px;
}
#top_area img.title {
    display                    : none;
    /*margin-left                : -10px;
    margin-top                 : 10px;
    height                     : 45px;*/
}
#top_area .top_img {
    background-image           : url(../images/logo_black_sub.png) !important;
    background-position        : center center;
    background-repeat          : no-repeat;
    background-attachment      : scroll;
    background-size            : contain;
    height                     : 50px;
    display                    : block;
    margin-left                : -80px;
}
#top_sub_area {
    width                      : 100%;
    height                     : 60px;
    background-color           : #FFFFFF;
    text-align                 : left;
    display                    : flex;
    align-items                : center;
}
#top_sub_area img.icon {
    margin-top                 : 15px;
    margin-left                : 10px;
    margin-bottom              : 8px;
    height                     : 35px;
}
#top_sub_area img.title {
    margin-left                : -12px;
    margin-top                 : 14px;
    height                     : 45px;
}
#head_line {
    text-align                 : center;
    width                      : 100%;
    height                     : 60px;
    background-color           : #000;
    background-image           : url(../images/bar.png);
    background-position        : center center;
    background-repeat          : repeat-x;
    background-attachment      : scroll;
    background-size            : contain;
    line-height                : 60px;
    font-size                  : 12px
}
#head_line p {
    font-size                  : 18px;
    color                      : #FFFFFF;
    line-height                : 60px;
    display                    : inline-block;
}
#head_line #detail {
    margin                     : 0 0 0 5px;
    display                    : inline-block;
}
#head_line #detail span {
    color                      : #FFFFFF;
}
#contents_area {
    height                     : auto;
    margin-top                 : 95px;
    padding                    : 0px;
    margin-bottom              : 30px;
    width                      : 100%;
    box-sizing                 : border-box;
    display                    : inline-block;
}
#contents_area a{
    /*color                      : #FF0000;*/
    color                      : #000;
    font-weight                : bold;
}
#contents_area a.term{
    color                      : #0000FF;
    font-weight                : normal;
}
#contents_area  p.title {
    margin-top                 : 60px;
    font-size                  : 17px;
    font-weight                : bold;
    margin-bottom              : 50px;
}
#input_area {
    margin-top                 : 20px;
}
#input_area p.secound {
    margin-top                 : 10px;
    font-size                  : 13px;
}
#input_area p.third {
    margin-top                 : -10px;
    font-size                  : 13px;
    margin-bottom              : 10px;
}
#input_area p.forth {
    margin-top                 : 10px;
    font-size                  : 13px;
    margin-bottom              : 10px;
}
#button_area {
    margin-top                 : 170px;
}
#button_area_sub {
    margin-top                 : 57px;
}
#display_area {
    margin-top                 : 100px;
}
#display_area p.issue {
    font-size                  : 30px;
}
#main_area {
    margin-top                 : 30px;
    width                      : 100%;
    margin-left                : auto;
    margin-right               : auto;
    padding-bottom             : 80px;
    text-align                 : center;
    display                    : block;
}
#main_area table{
    width                      : 98%;
    background-color           : #FFF;
    border-collapse            : collapse;
    font-size                  : 11px;
    margin-top                 : 0px;
    box-sizing                 : border-box;
    border                     : 1px solid #282828;
    table-layout               : fixed;
    margin                     : auto;
    font-family	               : "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
#main_area table th{
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 16px 0;
    border                     : 1px solid #282828;
    font-weight                : bold;
    font-size                  : 12px;
    width                      : 80px;
}
#main_area table th.size14{
    font-size                  : 10px;
}
#main_area col.ichi {
    width                      : 24%;
}
#main_area col.ni {
    width                      : 26%;
}
#main_area col.san {
    width                      : 22%;
}
#main_area col.si {
    width                      : 28%;
}
#main_area table th.left{
    text-align                 : left;
}
#main_area table td{
	padding                    : 2px;
	border                     : 1px solid #282828;
	text-align                 : center;
}
#main_area table td.left{
	padding                    : 3px 3px 3px 3px;
	border                     : 1px solid #282828;
	text-align                 : left;
}
#main_area table.icon{
    width                      : 100%;
    border-collapse            : collapse;
    font-size                  : 11px;
    margin-top                 : 0px;
    box-sizing                 : border-box;
    border                     : none;
    table-layout               : fixed;
    margin                     : auto;
    font-family	               : "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
    background-image           : url(../images/tekusucya.png);
    background-repeat          : repeat;
    background-attachment      : scroll;
    background-size            : cover;
    color                      : #000;
}
#main_area table.icon th{
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px 16px;
    border                     : none;
    font-weight                : normal;
    font-size                  : 14px;
}
#main_area table.icon th.left{
    text-align                 : left;
}
#main_area table.icon td{
	padding                    : 10px;
	border                     : none;
	text-align                 : center;
	font-size                  : 14px;
}
#main_area table.icon td.left{
	padding                    : 3px 3px 3px 3px;
	border                     : none;
	text-align                 : left;
}
#main_area table.short{
    width                      : 90%;
    border-collapse            : collapse;
    font-size                  : 11px;
    margin-top                 : 5px;
    box-sizing                 : border-box;
    border                     : none;
    table-layout               : fixed;
    margin-top                 : 10px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : 20px;
    font-family	               : "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
    color                      : #000;
}
#main_area table.short th{
    text-align                 : left;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px;
    border                     : none;
    font-weight                : normal;
    font-size                  : 13px;
    width                      : 35%;
    border                     : 1px solid #282828;
}
#main_area table.short th.left{
    text-align                 : left;
}
#main_area table.short td{
	padding                    : 5px;
	border                     : none;
	text-align                 : left;
	font-size                  : 13px;
	border                     : 1px solid #282828;
}
#main_area input[type=text]{
    margin-top                 : 5px;
    margin-bottom              : 5px;
    width                      : 98%;
    border                     : 1px solid #E0E0E0;
    font-size                  : 12px;
    box-sizing                 : border-box;
    padding                    : 2px;
    font-size                  : 13px;
    height                     : 33px;
}
#main_area input[type=text].sub{
    margin-top                 : 5px;
    margin-bottom              : 5px;
    width                      : 48%;
    border                     : 1px solid #E0E0E0;
    font-size                  : 12px;
    box-sizing                 : border-box;
    padding                    : 2px;
    font-size                  : 13px;
    height                     : 33px;
}
#main_area input[type=text].moji{
    margin-top                 : 5px;
    margin-bottom              : 5px;
    width                      : 50px;
    border                     : 1px solid #E0E0E0;
    font-size                  : 12px;
    box-sizing                 : border-box;
    padding                    : 2px;
    font-size                  : 25px;
    height                     : 50px;
    text-align                 : center;
}
#main_area input[type=text].third{
    margin-top                 : 5px;
    margin-bottom              : 5px;
    width                      : 95%;
    border                     : 1px solid #E0E0E0;
    font-size                  : 12px;
    box-sizing                 : border-box;
    padding                    : 2px;
    font-size                  : 13px;
    height                     : 33px;
}
#main_area input[type=text].num{
    margin-top                 : 5px;
    margin-bottom              : 5px;
    width                      : 30%;
    border                     : 1px solid #E0E0E0;
    font-size                  : 12px;
    box-sizing                 : border-box;
    padding                    : 2px 5px;
    font-size                  : 18px;
    height                     : 33px;
}
/*******************************/
/*   icon                      */
/*******************************/
#main_area p.display_icon {
    width                      : 80px;
    height                     : 80px;
    line-height                : 80px;
    border-radius              : 50%;
    color                      : #fff;
    text-align                 : center;
    margin-top                 : 10px;
    margin-bottom              : 10px;
    display                    : inline-block;
    font-size                  : 33px;
    font-family                : "Sawarabi Gothic";
}
#main_area img.display_icon_img {
    width                      : 90px;
    height                     : 90px;
    border-radius              : 50%;
    object-fit                 : cover;
    background-size            : cover;
}
#form_1 td {
    position                   : relative;
}
#main_area button.del {
    padding              : 2px 5px;
	font-size            : 11px;
	border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    -webkit-appearance   : none;
    font-size            : 14px;
    border               : 1px solid #999;
    background-color     : #FF0000;
	margin-left          : 0px;
}
#main_area a.bbs {
    margin-left                : 3px;
    color                      : #0000FF;
    font-size                  : 11px;
}
/*******************************/
/*   bbs_area                  */
/*******************************/
#bbs_area {
    padding-top                : 10px;
    padding-bottom             : 70px;
    width                      : 100%;
    overflow                   : auto;
    box-sizing                 : border-box;
    position                   : relative;
}
#bbs_area ul {
    display                    : none;
    text-align                 : center;
}
#bbs_area li {
    width                      : 100%;
    list-style-type            : none;
    margin                     : 0 auto;
}
.accordion-click .teachers_area {
    font-weight                : normal;
    font-size                  : 12px;
    color                      : #FCB2B7;
    width                      : 60%;
    margin-top                 : 5px;
    text-align                 : left;
}
.accordion-click .teachers_area p {
    display                    : inline;
}
.accordion-click .teachers_area img {
    height                     : 17px;
    margin                     : -3px 0 0 0;
    vertical-align             : middle;
    margin-bottom              : 0px;
}
.accordion-click .date_area {
    font-weight                : normal;
    font-size                  : 12px;
    color                      : #FCB2B7;
    margin                     : 5px 0 0 auto;
    width                      : 30%;
    text-align                 : right;
    padding-right              : 5px;
}
.accordion-click .date_area p {
    display                    : inline;
}
.accordion-click .date_area img {
    height                     : 16px;
    margin-right               : 5px;
    vertical-align             : middle;
    margin-top                 : -1px;
    margin-bottom              : 0px;
}
.accordion-click .thread_num {
    font-weight                : normal;
    font-size                  : 12px;
    color                      : #FCB2B7;
}
.accordion-click .team_area {
    position                   : relative;
    font-weight                : normal;
    color                      : #000;
    width                      : 130px;
    text-align                 : right;
    color                      : #FFF;
    margin                     : -20px 0 -1px auto;
    font-size                  : 12px;
    padding-right              : 5px;
}
.accordion-click .tag_area {
    font-weight                : normal;
    font-size                  : 12px;
    color                      : #FFF;
    margin-top                 : -22px;
    margin-left                : 0px;
    width                      : 100px;
    text-align                 : left;
}
.accordion-click .tag_area img {
    height                     : 16px;
    margin-right               : 5px;
    vertical-align             : bottom;
    margin-left                : 5px;
    margin-bottom              : 3px;
}
.yokonarabion {
    width                      : 100%;
    margin                     : 2px 0 2px 0;
    display                    : flex;
}
.accordion-content .teachers_area {
    position                   : relative;
    font-weight                : normal;
    font-size                  : 13px;
    color                      : #0000FF;
    width                      : 75%;
    text-align                 : right;
    margin                     : -1px 0 0 0px;
    padding-right              : 5px;
}
.accordion-content .teachers_area p {
    display                    : inline;
}
.accordion-content .teachers_area img {
    height                     : 16px;
    margin                     : -2px 0 0 0;
    vertical-align             : middle;
    margin-bottom              : 0px;
}
.accordion-content .tag_area {
    position                   : relative;
    font-weight                : normal;
    color                      : #000;
    width                      : 25%;
    margin-top                 : 0px;
    margin-left                : auto;
    text-align                 : left;
    font-size                  : 13px;
}
.accordion-content .tag_area img {
    height                     : 16px;
    margin                     : 0px 4px 0 3px;
    vertical-align             : middle;
}
.yokonarabitw {
    width                      : 100%;
    margin                     : 2px 0 -10px 0;
    display                    : flex;
}
.accordion-content .date_area {
    position                   : relative;
    font-weight                : normal;
    font-size                  : 13px;
    color                      : #0000FF;
    margin                     : 13px 0 0 auto;
    text-align                 : right;
    width                      : 30%;
    padding-right              : 5px;
}
.accordion-content .date_area p {
    display                    : inline;
}
.accordion-content .date_area img {
    height                     : 14px;
    margin                     : -3px 3px 0 0;
    vertical-align             : middle;
}
.accordion-content .replay {
    position                   : relative;
    font-weight                : normal;
    font-size                  : 13px;
    width                      : 200px;
    margin                     : 0px 0 0 auto;
    text-align                 : right;
    color                      : #800000;
    padding-right              : 5px;
}
.accordion-content .replay img {
    height                     : 17px;
    margin-left                : 4px;
    vertical-align             : bottom;
    margin-right               : 0px;
    margin-top                 : -1px;
    margin-bottom              : 2px;
}
.accordion-content .situation {
    position                   : relative;
    font-weight                : normal;
    font-size                  : 13px;
    width                      : 220px;
    margin                     : 0px 0 0 5px;
    color                      : #800000;
    display                    : flex;
}
.accordion-content .replay_sub {
    position                   : relative;
    font-weight                : normal;
    font-size                  : 13px;
    width                      : 55%;
    margin                     : 0px auto 0 0;
    color                      : #800000;
}
.accordion-content .replay_sub img {
    height                     : 18px;
    margin-left                : 0px;
    vertical-align             : bottom;
    margin-right               : 2px;
    margin-top                 : -3px;
    margin-bottom              : 2px;
}
.accordion-content .replay_third {
    position                   : relative;
    font-weight                : normal;
    font-size                  : 13px;
    width                      : 55%;
    margin                     : 0px auto 0 0;
    color                      : #800000;
    text-align                 : left;
}
.accordion-content .replay_third img {
    height                     : 15px;
    vertical-align             : middle;
    margin                     : -3px 0 0 3px;
}
.yokonarabitr {
    width                      : 100%;
    margin                     : 0px 0 2px 0;
    display                    : flex;
}
.accordion-content .read_area {
    position                   : relative;
    font-weight                : normal;
    font-size                  : 13px;
    width                      : 98%;
    margin                     : 10px 0 1px auto;
    text-align                 : right;
    color                      : #000;
    padding-right              : 5px;
}
.accordion-content .read_area img {
    height                     : 17px;
    margin-left                : -1px;
    vertical-align             : bottom;
    margin-right               : 0px;
    margin-top                 : -1px;
    margin-left                : 1px;
    margin-bottom              : 2px;
}
.accordion-content .read_area_sub {
    position                   : relative;
    font-weight                : normal;
    font-size                  : 13px;
    width                      : 70%;
    margin                     : 13px 0 0px 0;
    margin-bottom              : 0px;
    color                      : #000;
    text-align                 : left;
    overflow-wrap              : break-word;
    padding-left               : 5px;
}
.accordion-content .read_area_sub img {
    height                     : 17px;
    margin-left                : -1px;
    vertical-align             : bottom;
    margin-right               : 0px;
    margin-top                 : -1px;
    margin-left                : 1px;
    margin-bottom              : 2px;
}
.accordion-content .team_area {
    position                   : relative;
    font-weight                : normal;
    color                      : #000;
    width                      : 80%;
    text-align                 : right;
    margin                     : 10px 0 1px auto;
    font-size                  : 12px;
    padding-right              : 12px;
}
.accordion-content .team_area_sub {
    position                   : relative;
    font-weight                : normal;
    color                      : #000;
    width                      : 53%;
    text-align                 : right;
    margin                     : -4px 0 0 auto;
    font-size                  : 13px;
    padding-right              : 5px;
}
.accordion-content .mention {
    position                   : relative;
    font-weight                : normal;
    color                      : #000;
    width                      : 65%;
    text-align                 : right;
    margin                     : 0px 0 0 auto;
    font-size                  : 12px;
    padding-right              : 5px;
}
.accordion-content .mention img {
    height                     : 17px;
    margin-left                : 0px;
    vertical-align             : middle;
    margin                     : -3px 2px 0 0;
}
.accordion-content .mention_sub {
    position                   : relative;
    font-weight                : normal;
    color                      : #000;
    width                      : 65%;
    text-align                 : left;
    margin                     : 0px 0 -3px 0;
    font-size                  : 12px;
    padding-left               : 5px;
}
/*---------------------------*/
/*  accordion
/*---------------------------*/
/*#bbs_area li.area-section {
	    margin-top                 : 10px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : -1px;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 80vw;
	padding                    : 0px;
	font-weight                : 500;
	border                     : 2px solid #54140E;
	background-color           : #841E17;
	color                      : #FFFFFF;
	/*border-radius              : 100vh;*/
	/*transition                 : 0.5s;
	font-size                  : 15px;
	position                   : relative;
	cursor                     : pointer;
}*/
#bbs_area .accordion-click {
    padding                    : 0px;
}
#bbs_area .accordion-click {
    margin-top                 : 10px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : -1px;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 95vw;
	padding                    : 0px;
	height                     : 70px;
	font-weight                : 500;
	/*border                     : 2px solid #54140E;*/
	background-color           : #841E17;
	color                      : #FFFFFF;
	/*border-radius              : 100vh;*/
	transition                 : 0.5s;
	box-sizing                 : border-box;
	font-size                  : 15px;
	position                   : relative;
	cursor                     : pointer;
}
#bbs_area .accordion-content {
    /*width                      : 95vw;
    border-bottom-right-radius : 3px;
    border-bottom-left-radius  : 3px;
    margin                     : 0 auto;*/
}
/*#bbs_area .accordion-content a {*/
#bbs_area .accordion-content {
    margin-top                 : 5px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : -1px;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 95vw;
	padding                    : 0px;
	min-height                 : 70px;
	max-height                 : 115px;
	/*box-sizing                 : border-box;*/
	font-weight                : 600;
	/*border                     : 2px solid #FF0000;*/
	background-color           : #dfcbb5;
	color                      : #000;
	transition                 : 0.5s;
	font-size                  : 15px;
	cursor                     : pointer;
}
#bbs_area .category-click {
    margin-top                 : 5px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : -1px;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 95vw;
	padding                    : 0px;
	height                     : 50px;
	line-height                : 50px;
	font-weight                : 600;
	/*border                     : 2px solid #54140E;*/
	background-color           : #706B06;
	color                      : #FFF;
	/*border-radius              : 100vh;*/
	transition                 : 0.5s;
	font-size                  : 15px;
	cursor                     : pointer;
	position                   : relative;
}
#bbs_area .category-click:before {
    content                    : '';
    display                    : inline-block;
    width                      : 20px;
    height                     : 2px;
    background-color           : #fff;
    position                   : absolute;
    right                      : 20px;
    top                        : 50%;
    transform                  : translateY(-50%);
    transition                 : opacity 1s;
}
#bbs_area .category-click::after {
    content                    : '';
    display                    : inline-block;
    width                      : 20px;
    height                     : 2px;
    background-color           : #fff;
    position                   : absolute;
    right                      : 20px;
    top                        : 50%;
    transform                  : translateY(-50%) rotate(90deg);
    transition                 : transform 1s;
}
#bbs_area .category-click.show:before {
  opacity                      : 0;
}
#bbs_area .category-click.show::after {
    transform                  : translateY(-50%) rotate(180deg);
}
#bbs_area .category-content {
    width                      : 95vw;
    border-bottom-right-radius : 3px;
    border-bottom-left-radius  : 3px;
    margin                     : 0 auto;
    box-sizing                 : border-box;
}
#bbs_area .category-content p {
    margin-top                 : 10px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : -1px;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 100%;
	padding                    : 0px;
	height                     : 50px;
	line-height                : 50px;
	font-weight                : 600;
	/*border                     : 2px solid #54140E;*/
	background-color           : #706B06;
	color                      : #000;
	/*border-radius              : 100vh;*/
	transition                 : 0.5s;
	font-size                  : 15px;
	box-sizing                 : border-box;
	cursor                     : pointer;
}
#bbs_area .category-content_plus {
    width                      : 95vw;
    border-bottom-right-radius : 3px;
    border-bottom-left-radius  : 3px;
    margin                     : 0 auto;
    box-sizing                 : border-box;
}
#bbs_area .category-content_plus p {
    margin-top                 : 10px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : -1px;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 100%;
	padding                    : 0px;
	height                     : 50px;
	line-height                : 50px;
	font-weight                : 600;
	/*border                     : 2px solid #54140E;*/
	background-color           : #706B06;
	color                      : #000;
	/*border-radius              : 100vh;*/
	transition                 : 0.5s;
	font-size                  : 15px;
	box-sizing                 : border-box;
	cursor                     : pointer;
	position                   : relative;
}
#bbs_area .category-content_plus:before {
    content                    : '';
    display                    : inline-block;
    width                      : 20px;
    height                     : 2px;
    background-color           : #fff;
    position                   : absolute;
    right                      : 20px;
    top                        : 50%;
    transform                  : translateY(-50%);
    transition                 : opacity 1s;
    z-index                    : 100;
}
#bbs_area .category-content_plus::after {
    content                    : '';
    display                    : inline-block;
    width                      : 20px;
    height                     : 2px;
    background-color           : #fff;
    position                   : absolute;
    right                      : 20px;
    top                        : 50%;
    transform                  : translateY(-50%) rotate(90deg);
    transition                 : transform 1s;
}
#bbs_area .category-content_plus.showe:before {
  opacity                      : 0;
}
#bbs_area .category-content_plus.showe::after {
    transform                  : translateY(-50%) rotate(180deg);
}
/*******************************/
/*   bbs_detail_area           */
/*******************************/
#bbs_detail_area {
    margin-top                 : 0px;
    padding-top                : 15px;
    width                      : 100vw;
    margin-left                : auto;
    margin-right               : auto;
    padding-bottom             : 110px;
    text-align                 : center;
    overflow                   : auto;
    /*border-left                : 1px solid #841E17;
    border-right               : 1px solid #841E17;*/
    background-image           : url(../images/tekusucya.png);
    background-position        : center center;
    background-repeat          : repeat;
    background-attachment      : scroll;
    background-size            : cover;
    position                   : relative;
    box-sizing                 : border-box;
    min-height                 : calc(100vh - 240px);
    font-size                  : 14px;
}
#bbs_detail_area a.single {
    color                      : #000;
}
#bbs_detail_area a.down {
    color                      : #000;
    padding                    : 1px;
    background-color           : #FFF;
    /*margin                     : -48px 0 0 48px;*/
    top                        : 48px;
    right                      : -30px;
    font-size                  : 10px;
    display                    : block;
    text-align                 : right;
    position                   : absolute;
}
#bbs_detail_area a.down img {
    margin-top                 : 2px;
    width                      : 25px;
    height                     : 25px;
}
#bbs_detail_area a.t_down {
    color                      : #000;
    padding                    : 1px;
    background-color           : #FFF;
    margin-top                 : -48px;
    margin-left                : 22px;
    font-size                  : 10px;
    display                    : inline-block;
    position                   : absolute;
}
#bbs_detail_area a.t_down img {
    margin-top                 : 2px;
    width                      : 25px;
    height                     : 25px;
}
#bbs_detail_area a.material_down {
    font-weight                : bold;
    color                      : #000;
}
#bbs_detail_area a.material_down img {
    margin-top                 : 2px;
    margin-right               : 5px;
    width                      : 25px;
    height                     : 25px;
    vertical-align             : bottom;
}
#bbs_detail_area .student_area {
   color                       : #000;
   margin-left                 : auto;
   /*margin-left                 : 50vw;*/
   width                       : 75%;
   text-align                  : right;
   overflow-wrap               : break-word;
}
.student_area .comment_area {
    color                      : #006400;
    width                      : 100%;
    margin-top                 : 5px;
    margin-bottom              : 5px;
    /*margin-right               : auto;*/
    margin-left                : auto;
    text-align                 : right;
}
.student_area .comment_area p.icon {
    width                      : 30px;
    height                     : 30px;
    line-height                : 30px;
    border-radius              : 50%;
    text-align                 : center;
    margin                     : 0px 0 0 5px;
    font-size                  : 12px;
    display                    : inline-block;
    font-family                : "Sawarabi Gothic";
}
.student_area .comment_area img.icon_img {
    margin-right               : 5px;
    width                      : 30px;
    height                     : 30px;
    border-radius              : 50%;
    margin                     : 0px 0 0 5px;
    object-fit                 : cover;
    background-size            : cover;
    padding-left               : 5px;
}
.student_area .comment_area .c_says {
    display                    : inline-block;
    position                   : relative; 
    margin                     : 10px 5px 0px 12px;
    padding                    : 7px;
    max-width                  : 200px;
    border-radius              : 12px;
    background                 : #FFF;
    overflow-wrap              : break-word;
    font-size                  : 13px;
    text-align                 : left;
}
.student_area .comment_area .c_says:after {
    content                    : "";
    display                    : inline-block;
    position                   : absolute;
    bottom                     : 7px;
    left                       : -20px;
    border                     : 8px solid transparent;
    border-right               : 18px solid #FFF;
    -webkit-transform          : rotate(5deg);
    transform                  : rotate(5deg);
}
.student_area .comment_area .c_says p {
    margin                       : 0;
    padding                      : 0;
}
.student_area .comment_stamp_area {
    margin                     : 0px 10px 0px 0px;
}
.student_area .comment_stamp_area img {
    min-height                 : 80px;
    max-height                 : 80px;
    vertical-align             : top;
}
#bbs_detail_area .teacher_area {
   color                       : #0000FF;
   margin-right                : auto;
   width                       : 75%;
   text-align                  : left;
   overflow-wrap               : break-word;
   position                    : relative;
}
.teacher_area button.yonda {
   margin-top                  : 7px;
   margin-bottom               : 0px;
   margin-left                 : 50px;
   font-size                   : 11px;
}
.teacher_area button.yonda_img {
   margin-top                  : -10px;
   margin-bottom               : 0px;
   margin-left                 : 50px;
   font-size                   : 11px;
   position                    : absolute;
}
.teacher_area button.yonda_commu_img {
   margin-top                  : -30px;
   margin-bottom               : 0px;
   margin-left                 : 50px;
   font-size                   : 11px;
   position                    : absolute;
}
.teacher_area button.yonda_stamp {
   margin-top                  : -7px;
   margin-bottom               : 0px;
   margin-left                 : 50px;
   font-size                   : 11px;
   position                    : absolute;
}
.teacher_area .yonda_haba {
  margin-top                   : 23px;
  display                      : block;
}
#bbs_detail_area .student_area p.icon {
    width                      : 30px;
    height                     : 30px;
    line-height                : 30px;
    border-radius              : 50%;
    text-align                 : center;
    margin-right               : 5px;
    font-size                  : 13px;
    display                    : inline-block;
    font-family                : "Sawarabi Gothic";
}
#bbs_detail_area .teacher_area p.icon {
    width                      : 30px;
    height                     : 30px;
    line-height                : 30px;
    border-radius              : 50%;
    text-align                 : center;
    margin-left                : 5px;
    font-size                  : 13px;
    display                    : inline-block;
    font-family                : "Sawarabi Gothic";
}
#bbs_detail_area .student_area img.icon_img {
    margin-right               : 5px;
    width                      : 30px;
    height                     : 30px;
    border-radius              : 50%;
    object-fit                 : cover;
    background-size            : cover;
}
#bbs_detail_area .teacher_area img.icon_img {
    margin-left                : 5px;
    width                      : 30px;
    height                     : 30px;
    border-radius              : 50%;
    object-fit                 : cover;
    background-size            : cover;
}

#bbs_detail_area .t_says {
  display                      : inline-block;
  position                     : relative; 
  margin                       : -15px 0 0 50px;
  padding                      : 7px;
  max-width                    : 70%;
  border-radius                : 12px;
  background                   : #edf1ee;
}
#bbs_detail_area .t_says:after {
  content                      : "";
  display                      : inline-block;
  position                     : absolute;
  top                          : 3px; 
  left                         : -19px;
  border                       : 8px solid transparent;
  border-right                 : 18px solid #edf1ee;
  -webkit-transform            : rotate(35deg);
  transform                    : rotate(35deg);
}
#bbs_detail_area .t_says p {
  margin                       : 0;
  padding                      : 0;
}
#bbs_detail_area .t_says p.recommendation {
    font-size                   : 10px;
    color                       : #FF0000;
}
#bbs_detail_area .t_says a {
    color                       : #0000FF;
    font-weight                 : 400;
    text-decoration             : underline;
}
#bbs_detail_area .t_read_says {
  display                      : inline-block;
  position                     : relative; 
  margin                       : -15px 0 0 50px;
  padding                      : 7px;
  max-width                    : 70%;
  border-radius                : 12px;
  background                   : #CBEDCB;
}
#bbs_detail_area .t_read_says:after {
  content                      : "";
  display                      : inline-block;
  position                     : absolute;
  top                          : 3px; 
  left                         : -19px;
  border                       : 8px solid transparent;
  border-right                 : 18px solid #CBEDCB;
  -webkit-transform            : rotate(35deg);
  transform                    : rotate(35deg);
}
#bbs_detail_area .t_read_says p {
  margin                       : 0;
  padding                      : 0;
}
#bbs_detail_area .t_read_says p.recommendation {
    font-size                   : 10px;
    color                       : #FF0000;
}
#bbs_detail_area .s_says {
  display                      : inline-block;
  position                     : relative; 
  margin                       : -10px 50px 0 0;
  padding                      : 7px;
  max-width                    : 70%;
  border-radius                : 12px;
  text-align                   : left;
  background                   : #edf1ee;
}
#bbs_detail_area .s_says:after {
  content                      : "";
  position                     : absolute;
  top                          : 3px; 
  right                        : -19px;
  border                       : 8px solid transparent;
  border-left                  : 18px solid #edf1ee;
  -webkit-transform            : rotate(-35deg);
  transform                    : rotate(-35deg);
}
#bbs_detail_area .s_says p {
  margin                       : 0;
  padding                      : 0;
}
#bbs_detail_area .s_says a {
    color                       : #000;
    font-weight                 : 400;
    text-decoration             : underline;
}
#bbs_detail_area .calendar {
    padding                    : 1px 3px;
    margin                     : auto;
    background-color           : #000;
    color                      : #FFF;
    display                    : inline-block;
    opacity                    : 0.6;
    border-radius              : 3px;
}
#bbs_detail_area .writing {
    right                      : 50px;
    margin-top                 : 3px;
    position                   : absolute;
    font-size                  : 10px;
}
#bbs_detail_area .writing_comment {
    right                      : 10px;
    margin-top                 : -5px;
    position                   : absolute;
    font-size                  : 10px;
}
#bbs_detail_area .writing_image {
    right                      : 60px;
    margin-top                 : 80px;
    position                   : absolute;
    font-size                  : 10px;
}
#bbs_detail_area .t_writing {
    left                       : 55px;
    margin-top                 : 2px;
    position                   : absolute;
    font-size                  : 10px;
}
#bbs_detail_area .t_writing_image {
    left                       : 55px;
    margin-top                 : -8px;
    position                   : absolute;
    font-size                  : 10px;
}
#bbs_detail_area .t_writing_material {
    left                       : 55px;
    margin-top                 : 3px;
    position                   : absolute;
    font-size                  : 10px;
}
#bbs_detail_area .t_stamp_area {
    margin                     : 0px 0 2px 35px;
}
#bbs_detail_area .t_stamp_area img {
    height                     : 100px;
}
#bbs_detail_area .stamp_area {
    margin                     : 0px 35px -5px auto;
}
#bbs_detail_area .stamp_area img {
    height                     : 100px;
}
#bbs_detail_area .img_area {
  display                      : inline-block;
  position                     : relative; 
  margin                       : -10px 50px 0 0;
  padding                      : 7px;
  max-width                    : 70%;
  border-radius                : 1px;
  /*background                   : #edf1ee;*/
}
#bbs_detail_area .img_area:after {
  /*content                      : "";
  position                     : absolute;
  top                          : 3px; 
  right                        : -19px;
  border                       : 8px solid transparent;
  border-left                  : 18px solid #edf1ee;
  -webkit-transform            : rotate(-35deg);
  transform                    : rotate(-35deg);*/
}
#bbs_detail_area .img_area p {
  margin                       : 0;
  padding                      : 0;
}
#bbs_detail_area .img_area img {
    height                     : 80px;
}
#bbs_detail_area .t_img_area {
    display                    : inline-block;
    position                   : relative; 
    margin                     : -10px 0 0 50px;
    padding                    : 7px;
    max-width                  : 300px;
    /*background                 : #edf1ee;*/
}
#bbs_detail_area .t_img_read_area {
    display                    : inline-block;
    position                   : relative; 
    margin                     : -10px 0 0 50px;
    padding                    : 7px;
    max-width                  : 300px;
    /*background                 : #edf1ee;*/
}
#bbs_detail_area .t_img_read_area img {
    height                     : 80px;
    border                     : 1px solid #0000FF;
}
#bbs_detail_area .t_img_area:after {
    /*content                    : "";
    display                    : inline-block;
    position                   : absolute;
    top                        : 3px; 
    left                       : -19px;
    border                     : 8px solid transparent;
    border-right               : 18px solid #edf1ee;
    -webkit-transform          : rotate(35deg);
    transform                  : rotate(35deg);*/
}
#bbs_detail_area .t_img_area p {
    margin                     : 0;
    padding                    : 0;
}
#bbs_detail_area .t_img_area img {
    height                     : 80px;
}
#bbs_detail_area #student_select_area {
    width                      : 100%;
    text-align                 : left;
    padding-left               : 5px;
    padding-bottom             : 20px;
    color                      : #000;
    font-size                  : 16px;
}
#bbs_detail_area #student_select_area select {
    width                      : 100px;
    border                     : 1px solid #282828;
    padding                    : 8px 3px;
    font-size                  : 18px;
}
#bbs_detail_area input[type=radio].submission {
    width                      : 20px;
    height                     : 20px;
    margin-top                 : -10px;
    margin-left                : -25px;
    position                   : absolute;
    z-index:200;
}
#bbs_footer {
    position                   : fixed;
    width                      : 100%;
    height                     : 34px;
    left                       : 50%;
    transform                  : translateX(-50%);
    background-color           : #f8f8ff;
    color                      : #FFF;
    bottom                     : 60px;
    text-align                 : right;
    box-sizing                 : border-box;
    transition                 : ease-out 0.5s;
    z-index                    : 998;
}
#bbs_footer textarea, #bbs_footer input[type=button], #bbs_footer a, #bbs_footer input[type=submit] {
    transition                 : ease-out 0.5s;
}
#bbs_footer.focus {
    height                     : 77px;
}
#bbs_footer textarea {
    font-size                  : 15px;
    margin-top                 : 2px;
    width                      : 70vw;
    padding                    : 3px;
    height                     : 30px;
    border                     : 1px solid;
    box-sizing                 : border-box;
    display                    : inline-block;
    vertical-align             : top;
}
#bbs_footer #contents textarea {
    font-size                  : 15px;
    margin                     : -3px 1px 0 0;
    width                      : 62vw;
    padding                    : 3px;
    height                     : 30px;
    border                     : 1px solid;
    box-sizing                 : border-box;
    display                    : inline-block;
    vertical-align             : top;
}
#bbs_footer textarea.communication {
    margin-top                 : 2px;
    margin-right               : 2px;
    padding                    : 3px;
    width                      : 63vw;
    height                     : 30px;
    border                     : 1px solid;
    box-sizing                 : border-box;
    display                    : inline-block;
    vertical-align             : top;
}
#bbs_footer textarea.comment {
    margin-top                 : 2px;
    padding                    : 3px;
    width                      : 70vw;
    height                     : 30px;
    border                     : 1px solid;
    box-sizing                 : border-box;
    display                    : inline-block;
    vertical-align             : top;
}
#bbs_footer #comment textarea.comment {
    margin-top                 : -3px;
    padding                    : 3px;
    width                      : 70vw;
    height                     : 30px;
    border                     : 1px solid;
    box-sizing                 : border-box;
    display                    : inline-block;
    vertical-align             : top;
}
#bbs_footer p.comment {
    display                    : none;
    color                      : #000;
}
#bbs_footer input[type=text].comment {
    display                    : none;
    width                      : 25px;
    height                     : 21px;
    border                     : 1px solid;
    /*box-sizing                 : border-box;*/
    padding                    : 0 3px;
}
#bbs_footer input[type=submit] {
    border                     : none;
    width                      : 30px;
    height                     : 30px;
    margin-top                 : 0px;
    margin-right               : 5px;
    margin-bottom              : 2px;
    padding                    : 0;
    background-color           : transparent;
    border-radius              : 0;
    color                      : #000;
    background-image           : url("../images/mailbox.png");
    background-repeat          : no-repeat;
    background-size            : 27px;
    background-position        : center;
    display                    : inline-block;
}
#bbs_footer input[type=button]{
    margin-top                 : 3px;
    width                      : 30px;
    height                     : 30px;
    background-color           : #f8f8ff;
    background-image           : url("../images/image.png");
    background-repeat          : no-repeat;
    background-position        : center center;
    background-size            : 27px;
    vertical-align             : middle;
    display                    : inline-block;
}
#bbs_footer.focus input[type=button] {
    display                     : none;
}
#bbs_footer a.iframe {
    margin-top                 : 3px;
    width                      : 30px;
    height                     : 30px;
    background-color           : #f8f8ff;
    background-image           : url("../images/image.png");
    background-repeat          : no-repeat;
    background-position        : center center;
    background-size            : 23px;
    vertical-align             : middle;
    display                    : inline-block;
}
#bbs_footer a.bbsimg {
    border                     : none;
    width                      : 30px;
    height                     : 30px;
    background-color           : #f8f8ff;
    background-image           : url("../images/image.png");
    background-repeat          : no-repeat;
    background-position        : center center;
    background-size            : 17px;
    vertical-align             : middle;
    display                    : inline-block;
}
#bbs_footer a.material {
    border                     : none;
    width                      : 30px;
    height                     : 30px;
    background-color           : #f8f8ff;
    background-image           : url("../images/notebook.png");
    background-repeat          : no-repeat;
    background-position        : center center;
    background-size            : 26px;
    vertical-align             : middle;
    display                    : inline-block;
}
#bbs_footer a.picture_book {
    border                     : none;
    width                      : 30px;
    height                     : 30px;
    background-color           : #f8f8ff;
    background-image           : url("../images/book.png");
    background-repeat          : no-repeat;
    background-position        : center center;
    background-size            : 24px;
    vertical-align             : middle;
    display                    : inline-block;
}
#bbs_footer #kizon {
    margin-top                 : -55px;
    margin-right               : 48px;
    height                     : 18px;
    width                      : 18px;
    vertical-align             : middle;
    display                    : inline-block;
}
#bbs_footer #kizon img {
    width                      : 22px;
}
#bbs_footer #kizon_community {
    margin                     : -22px 48px 0 auto;
    height                     : 18px;
    width                      : 18px;
}
#bbs_footer #kizon_community img {
    margin-top                 : -4px;
    width                      : 22px;
}
#bbs_footer #icon-area{
    margin                     : -18px 0 0 0;
	height                     : 100px;
	background-color           : #3C0E0A;
}
#bbs_footer #icon-communityicon-area{
    margin                     : 6px 0 0 0;
	height                     : 100px;
	background-color           : #3C0E0A;
}
#bbs_footer .icon-view{
	width                      : 100%;
	min-height                 : 100px;
	max-height                 : 100px;
	background-color           : #3C0E0A;
	overflow-y                 : auto;
	clear                      : both;
}
#bbs_footer .icon-view ol{
	display                    : flex;
	flex-wrap                  : wrap;
	padding                    : 5px 0 5px 0;
}
#bbs_footer .icon-view .icons{
	list-style                 : none;
	width                      : 65px;
	height                     : 65px;
	margin                     : 6px;
}
#bbs_footer .icon-view .icons img{
	width                      : 65px;
	height                     : 65px;
}
#bbs_footer.focus a.iframe {
    display                     : none;
}
#bbs_footer.focus input[type=submit] {
    border                     : none;
    width                      : 30px;
    height                     : 30px;
    margin-top                 : 20px;
    margin-right               : 2px;
    margin-bottom              : 2px;
    padding                    : 0;
    background-color           : transparent;
    border-radius              : 0;
    color                      : #000;
    background-image           : url("../images/mailbox.png");
    background-repeat          : no-repeat;
    background-size            : 32px;
    background-position        : center;
    display                    : inline-block;
}
#bbs_footer.focus textarea {
    outline                     : 0;
    border-color                : orange;
    width                       : 73vw;
    height                      : 72px;
}
#bbs_footer.focus #contents textarea {
    outline                     : 0;
    border-color                : orange;
    margin-top                  : -12px;
    width                       : 73vw;
    height                      : 72px;
}
#bbs_footer.focus textarea.communication {
    outline                     : 0;
    border-color                : orange;
    width                       : 73vw;
    height                      : 72px;
}
#bbs_footer.focus textarea.comment {
    outline                     : 0;
    border-color                : orange;
    width                       : 58vw;
    height                      : 72px;
}
#bbs_footer.focus #comment textarea.comment {
    outline                     : 0;
    border-color                : orange;
    margin-top                  : -10px;
    width                       : 58vw;
    height                      : 72px;
}
#bbs_footer.focus p.comment {
    display                     : inline-block;
    color                       : #000;
    margin-right                : 3px;
}
#bbs_footer.focus input[type=text].comment {
    display                     : inline-block;
    border-color                : orange;
    width                       : 30px;
    height                      : 25px;
}
#bbs_footer.focus p.yajirushi {
    display                     : inline-block;
}
#bbs_footer.focus #kizon {
    margin-top                  : -51px;
    margin-right                : 48px;
    height                      : 18px;
    width                       : 18px;
    vertical-align              : middle;
    display                     : inline-block;
}
#bbs_footer.focus #kizon img {
    transform                   : translateY(-90%);
}
#bbs_footer.focus #kizon_community {
    margin                      : -22px 48px 0 auto;
    height                      : 18px;
    width                       : 18px;
}
#bbs_footer.focus #kizon_community img {
    transform                   : translateY(-90%);
}
#bbs_footer.focus #icon-area{
    margin                     : -16px 0 0 0;
	height                     : 100px;
	background-color           : #3C0E0A;
}
#bbs_footer.focus #icon-communityicon-area{
    margin                     : 7px 0 0 0;
	height                     : 100px;
	background-color           : #3C0E0A;
}
p.yajirushi {
  display                       : none;
  vertical-align                : middle;
  color                         : #333;
  line-height                   : 1;
  position                      : relative;
  width                         : 18px;
  height                        : 18px;
  margin-top                    : 23px;
  margin-left                   : -5px;
  margin-right                  : 5px;
  transform                     : translateX(-25%) rotate(45deg);
}
p.yajirushi::before, p.yajirushi::after {
  content                       : '';
  position                      : absolute;
  background                    : currentColor;
  border-radius                 : 0.1em;
}
p.yajirushi::before {
  top                           : 0;
  left                          : 0;
  right                         : 0;
  height                        : 0.1em;
}

p.yajirushi::after {
  top                           : 0;
  right                         : 0;
  bottom                        : 0;
  width                         : 0.1em;
}
/*******************************/
/*   search_area               */
/*******************************/
#search_area {
    margin-top                 : -30px;
    padding                    : 0 0 0 0;
    width                      : 100%;
    margin-left                : auto;
    margin-right               : auto;
    text-align                 : center;
    overflow                   : auto;
    background-image           : url(../images/tekusucya.png);
    background-position        : center center;
    background-repeat          : repeat;
    background-attachment      : scroll;
    background-size            : cover;
    position                   : relative;
    box-sizing                 : border-box;
    height                     : 210px
}
#search_area .word_area {
    margin-top                 : 4px;
    width                      : 100%;
    /*display                    : flex;*/
}
#search_area .word_area p.sukima {
    /*display                    : block;
    height                     : 3px;*/
    display                    : none;
}
#search_area input[type=text]{
    margin                     : 10px auto 5px auto;
    width                      : 95%;
    border                     : 1px solid #828282;
    font-size                  : 12px;
    box-sizing                 : border-box;
    padding                    : 2px 3px;
    font-size                  : 15px;
    height                     : 35px;
}
#search_area .word_area .word_one {
    /*display                    : inline-block;*/
    height                     : 38px;
    width                      : 33%;
    text-align                 : center;
    display                    : flex;
}
#search_area .selectbox-01 {
    position                   : relative;
    margin-left                : 10px;
}
#search_area .selectbox-01::before,
#search_area .selectbox-01::after {
    position                   : absolute;
    content                    : '';
    pointer-events             : none;
}
#search_area .selectbox-01::before {
    right                      : 0px;
    display                    : inline-block;
    width                      : 33px;
    height                     : 33px;
    border-radius              : 0 3px 3px 0;
    background-color           : #841E17;
    content                    : '';
}
#search_area .selectbox-01::after {
    position                   : absolute;
    top                        : 40%;
    right                      : 18px;
    transform                  : translate(50%, -50%) rotate(45deg);
    width                      : 8px;
    height                     : 8px;
    border-bottom              : 3px solid #fff;
    border-right               : 3px solid #fff;
    content                    : '';
}
#search_area .selectbox-01 select {
    appearance                 : none;
    -webkit-appearance         : none;
    -moz-appearance            : none;
    max-width                  : 180px;
    min-width                  : 180px;
    height                     : 33px;
    padding                    : 0px 3px;
    border                     : 2px solid #841E17;
    border-radius              : 3px;
    color                      : #333333;
    font-size                  : 15px;
    cursor                     : pointer;
}
#search_area .selectbox-01 select:focus {
    outline                    : 1px solid #841E17;
}

#search_area .selectbox-02 {
    position                   : relative;
    margin-left                : 10px;
}
#search_area .selectbox-02::before,
#search_area .selectbox-02::after {
    position                   : absolute;
    content                    : '';
    pointer-events             : none;
}
#search_area .selectbox-02::before {
    right                      : 0px;
    display                    : inline-block;
    width                      : 33px;
    height                     : 33px;
    border-radius              : 0 3px 3px 0;
    background-color           : #841E17;
    content                    : '';
}
#search_area .selectbox-02::after {
    position                   : absolute;
    top                        : 40%;
    right                      : 18px;
    transform                  : translate(50%, -50%) rotate(45deg);
    width                      : 8px;
    height                     : 8px;
    border-bottom              : 3px solid #fff;
    border-right               : 3px solid #fff;
    content                    : '';
}
#search_area .selectbox-02 select {
    appearance                 : none;
    -webkit-appearance         : none;
    -moz-appearance            : none;
    max-width                  : 180px;
    min-width                  : 180px;
    height                     : 33px;
    padding                    : 0px 3px;
    border                     : 2px solid #841E17;
    border-radius              : 3px;
    color                      : #333333;
    font-size                  : 15px;
    cursor                     : pointer;
}
#search_area .selectbox-02 select:focus {
    outline                    : 1px solid #841E17;
}
#search_area .word_area .word_two {
    /*display                    : inline-block;*/
    height                     : 38px;
    width                      : 33%;
    display                    : flex;
}
#search_area .word_area .word_tree {
    /*display                    : inline-block;*/
    height                     : 38px;
    width                      : 33%;
    display                    : flex;
}
#search_area .submit_area {
    margin-top                 : 3px;
    min-height                 : 28px;
    display                    : flex;
    text-align                 : right;
}
#search_area .submit_area p {
    margin                     : 0px 8px 0 0px;
    color                      : #FF0000;
    font-size                  : 11px;
}
#search_area .submit_area input[type=submit] {
    margin                     : 0px 10px 0 auto;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 200px;
	padding                    : 3px 5px;
	font-weight                : normal;
	border                     : 2px solid #54140E;
	background-color           : #841E17;
	color                      : #FFFFFF;
	border-radius              : 5px;
	transition                 : 0.5s;
	font-size                  : 15px;
}
#search_area .submit_area input[type=submit]:hover {
    color                      : #FFFFFF;
	background                 : #E46F66;
}
/*******************************/
/*   search_detail_area       */
/*******************************/
#search_detail_area {
    margin-top                 : -30px;
    padding                    : 5px 10px 5px 10px;
    width                      : 100%;
    margin-left                : auto;
    margin-right               : auto;
    text-align                 : left;
    overflow                   : auto;
    background-image           : url(../images/tekusucya.png);
    background-position        : center center;
    background-repeat          : repeat;
    background-attachment      : scroll;
    background-size            : cover;
    position                   : relative;
    box-sizing                 : border-box;
    height                     : 190px;
    color                      : #000;
    display                    : flex;
    font-size                  : 14px;
}
#search_detail_area .hidari {
    width                      : 50%;
    max-width                  : 50%;
    text-align                 : left;
}
#search_detail_area .hidari span {
    color                      : #0000FF;
}
#search_detail_area .hidari a {
    color                      : #FF0000;
    font-weight                : normal;
}
#search_detail_area .hidari a.main {
    color                      : #0000FF;
    font-weight                : normal;
    text-decoration            : underline;
}
#search_detail_area .migi {
    width                      : 50%;
    text-align                 : right;
    justify-content            : center;
    overflow                   : hidden;
}
#search_detail_area img.t_img {
    display                    : block;
    height                     : 180px;
    object-fit                 : contain;
    width                      : 100%;
}
/*******************************/
/*   portfolio_area               */
/*******************************/
#portfolio_area {
    margin                     : 0 0 -60px 0;
    padding                    : 0 0 0 0;
    width                      : 100%;
    margin-left                : auto;
    margin-right               : auto;
    text-align                 : center;
    overflow                   : hidden;
    position                   : relative;
    box-sizing                 : border-box;
    border                     : none;
    min-height                 : 1130px
}
#portfolio_sub_area {
    margin                     : 0 0 -60px 0;
    padding                    : 0 0 0 0;
    width                      : 100%;
    margin-left                : auto;
    margin-right               : auto;
    text-align                 : center;
    overflow                   : hidden;
    position                   : relative;
    box-sizing                 : border-box;
    border                     : none;
    min-height                 : 1130px
}
#portfolio_detail_area {
    margin                     : 5px 0 5px 0;
    padding                    : 3px;
    width                      : 100%;
    height                     : auto;
}
#portfolio_detail_area .detail_area {
    text-align                 : left;
    padding                    : 2px 5px;
}
#portfolio_detail_area #submission_list_area {
    margin-left                : 10px;
    text-align                 : left;
}
#portfolio_detail_area .submission_area {
    width                      : 110px;
    height                     : 190px;
    margin                     : 0 8px 10px 0;
    padding                    : 2px;
    border                     : 1px solid #FFF;
    display                    : inline-block;
    text-align                 : center;
}
#portfolio_detail_area .submission_area img.list {
    max-width                  : 100%;
    height                     : 100px;
    vertical-align             : bottom;
}
#portfolio_detail_area .submission_detail_area {
    width                      : 100%;
    height                     : 90px;
    vertical-align             : bottom;
    text-align                 : center;
}
#portfolio_detail_area .submission_detail_area:hover {
    border                     : 1px solid #FFF;
}
#portfolio_detail_area .submission_detail_area p {
    font-size                  : 11px;
    /*position                   : absolute;
    bottom                     : 0;
    margin                     : 0;*/
}
/*******************************/
/*   work_area                 */
/*******************************/
#work_area {
    width                      : 100%;
    margin                     : 0 auto;
    display                    : flex;
    margin-bottom              : 20px;
}
#work_area .narrowing {
    width                      : 50%;
}
#work_area .sort {
    width                      : 50%;
    margin                     : 0 0 0 auto;
}
.narrowing_date {
    margin-top                 : -5px;
    margin-bottom              : 10px;
    margin-left                : -190px;
}
.narrowing_tag {
    margin-top                 : -5px;
    margin-bottom              : 10px;
    margin-left                : -190px;
}
.narrowing_teacher {
    margin-top                 : -5px;
    margin-bottom              : 10px;
    margin-left                : -190px;
}
.selectbox-001 {
    position: relative;
    margin-left: 0px;
}
.selectbox-001::before,
.selectbox-001::after {
    position: absolute;
    content: '';
    pointer-events: none;
}
.selectbox-001::before {
    right: 0;
    display: inline-block;
    width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 0 3px 3px 0;
    background-color: #841E17;
    content: '';
}
.selectbox-001::after {
    position: absolute;
    top: 25%;
    right: 20px;
    transform: translate(50%, -50%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}
.selectbox-001 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 180px;
    height: 40px;
    /*padding: .4em 3.6em .4em .8em;*/
    padding: 0 5px;
    border: 2px solid #841E17;
    border-radius: 3px;
    color: #333333;
    font-size: 15px;
    cursor: pointer;
}
.selectbox-001 select:focus {
    outline: 1px solid #841E17;
}
.selectbox-002 {
    position: relative;
    margin-left: 0px;
}
.selectbox-002::before,
.selectbox-002::after {
    position: absolute;
    content: '';
    pointer-events: none;
}
.selectbox-002::before {
    right: 0;
    display: inline-block;
    width: 40px;
    height: 50px;
    border-radius: 0 3px 3px 0;
    background-color: #841E17;
    content: '';
}
.selectbox-002::after {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(50%, -50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}
.selectbox-002 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 180px;
    height: 50px;
    padding: 0 5px;
    border: 2px solid #841E17;
    border-radius: 3px;
    color: #333333;
    font-size: 14px;
}
.selectbox-002 select:focus {
    outline: 1px solid #841E17;
}
.selectbox-003 {
    position                   : relative;
    margin-left                : 0px;
}
.selectbox-003::before,
.selectbox-003::after {
    position                   : absolute;
    content                    : '';
    pointer-events             : none;
}
.selectbox-003::before {
    right                      : 0;
    display                    : inline-block;
    width                      : 2.8em;
    height                     : 2.8em;
    border-radius              : 0 3px 3px 0;
    background-color           : #841E17;
    content                    : '';
}
.selectbox-003::after {
    position                   : absolute;
    top                        : 50%;
    right                      : 1.4em;
    transform                  : translate(50%, -50%) rotate(45deg);
    width                      : 6px;
    height                     : 6px;
    border-bottom              : 3px solid #fff;
    border-right               : 3px solid #fff;
    content                    : '';
}
.selectbox-003 select {
    appearance                 : none;
    -webkit-appearance         : none;
    -moz-appearance            : none;
    min-width                  : 99%;
    height                     : 2.8em;
    padding                    : .4em 3.6em .4em .8em;
    border                     : 2px solid #841E17;
    border-radius              : 3px;
    color                      : #333333;
    font-size                  : 1em;
    cursor                     : pointer;
}
.selectbox-003 select:focus {
    outline                    : 1px solid #841E17;
}
.selectbox-004 {
    position                   : relative;
    margin-left                : 0px;
}
.selectbox-004::before,
.selectbox-004::after {
    position                   : absolute;
    content                    : '';
    pointer-events             : none;
}
.selectbox-004::before {
    right                      : 5px;
    display                    : inline-block;
    width                      : 2.8em;
    height                     : 2.8em;
    border-radius              : 0 3px 3px 0;
    background-color           : #841E17;
    content                    : '';
}
.selectbox-004::after {
    position                   : absolute;
    top                        : 40%;
    right                      : 20px;
    transform                  : translate(50%, -50%) rotate(45deg);
    width                      : 6px;
    height                     : 6px;
    border-bottom              : 3px solid #fff;
    border-right               : 3px solid #fff;
    content                    : '';
}
.selectbox-004 select {
    appearance                 : none;
    -webkit-appearance         : none;
    -moz-appearance            : none;
    min-width                  : 100px;
    height                     : 30px;
    padding                    : 2px 5px;
    border                     : 2px solid #841E17;
    border-radius              : 3px;
    color                      : #333333;
    font-size                  : 13px;
    margin-right               : 5px;
    cursor                     : pointer;
}
.selectbox-004 select:focus {
    outline                    : 1px solid #841E17;
}

.selectbox-005 {
    position                   : relative;
    margin-left                : 0px;
}
.selectbox-005::before,
.selectbox-005::after {
    position                   : absolute;
    content                    : '';
    pointer-events             : none;
}
.selectbox-005::before {
    right                      : 5px;
    display                    : inline-block;
    width                      : 2.8em;
    height                     : 2.8em;
    border-radius              : 0 3px 3px 0;
    background-color           : #841E17;
    content                    : '';
}
.selectbox-005::after {
    position                   : absolute;
    top                        : 40%;
    right                      : 20px;
    transform                  : translate(50%, -50%) rotate(45deg);
    width                      : 6px;
    height                     : 6px;
    border-bottom              : 3px solid #fff;
    border-right               : 3px solid #fff;
    content                    : '';
}
.selectbox-005 select {
    appearance                 : none;
    -webkit-appearance         : none;
    -moz-appearance            : none;
    min-width                  : 80px;
    height                     : 30px;
    padding                    : 2px 5px;
    border                     : 2px solid #841E17;
    border-radius              : 3px;
    color                      : #333333;
    font-size                  : 13px;
    margin-right               : 5px;
    cursor                     : pointer;
}
.selectbox-005 select:focus {
    outline                    : 1px solid #841E17;
}
.selectbox-006 {
    position: relative;
    margin-left: 0px;
}
.selectbox-006::before,
.selectbox-006::after {
    position: absolute;
    content: '';
    pointer-events: none;
}
.selectbox-006::before {
    right: 0px;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 0 3px 3px 0;
    background-color: #841E17;
    content: '';
}
.selectbox-006::after {
    position: absolute;
    top: 25%;
    right: 18px;
    transform: translate(50%, -50%) rotate(45deg);
    width: 10px;
    height: 11px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}
.selectbox-006 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 250px;
    height: 35px;
    padding: 0px 3px;
    border: 2px solid #841E17;
    border-radius: 3px;
    color: #333333;
    font-size: 15px;
    cursor: pointer;
}
.selectbox-006 select:focus {
    outline: 1px solid #841E17;
}
.selectbox-007 {
    position: relative;
    margin-left: 0px;
}
.selectbox-007::before,
.selectbox-007::after {
    position: absolute;
    content: '';
    pointer-events: none;
}
.selectbox-007::before {
    right: 0;
    display: inline-block;
    width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 0 3px 3px 0;
    background-color: #841E17;
    content: '';
}
.selectbox-007::after {
    position: absolute;
    top: 25%;
    right: 20px;
    transform: translate(50%, -50%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}
.selectbox-007 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 180px;
    height: 50px;
    /*padding: .4em 3.6em .4em .8em;*/
    padding: 0 5px;
    border: 2px solid #841E17;
    border-radius: 3px;
    color: #333333;
    font-size: 15px;
    cursor: pointer;
}
.selectbox-007 select:focus {
    outline: 1px solid #841E17;
}
p.submission_block {
    display                    : block;
    height                     : 3px;
}
/*******************************/
/*   add_picture_area          */
/*******************************/
#add_picture_area {
    margin-top                  : 0px;
    margin-bottom               : -35px;
    /*padding                     : 30px 10px;*/
    padding-top                 : 20px;
    background-image            : url(../images/tekusucya.png);
    background-position         : center center;
    background-repeat           : repeat;
    background-attachment       : scroll;
    background-size             : cover;
}
#add_picture_area li{
    list-style                  : none;
}
#add_picture_area .delete_btn {
    margin-top                  : 7px;
    margin-bottom               : 15px;
    margin-left                 : auto;
    margin-right                : auto;
    text-align                  : center;
    line-height                 : 20px;
    font-size                   : 18px;
    width                       : 80%;
    height                      : 50px;
    background-color            : #E46F66;
    display                     : block;
    color                       : #FFF;
    border                      : 1px solid #841E17;
    font-weight                 : 600;
}
#add_picture_area input[type=file]{
    margin-top                  : 10px;
    margin-bottom               : 10px;
    color                       : #FFF;
    width                       : 90%;
    margin-left                 : 0px;
    font-size                   : 20px;
}
#add_picture_area input[type=file].stamp{
    margin-top                  : 5px;
    margin-bottom               : 5px;
    color                       : #000;
    width                       : 90%;
    margin-left                 : 0px;
    font-size                   : 15px;
}
#add_picture_area input[type=button]{
    margin-left                 : auto;
    margin-right                : auto;
    width                       : 110px;
    height                      : 110px;
    display                     : block;
    background-color            : #E46F66;
    border                      : 1px solid #54140E;
    background-image            : url("../images/photo-camera.png");
    background-repeat           : no-repeat;
    background-position         : center center;
    background-size             : 25px 25px;
}
#add_picture_area button.s_del {
	font-size                   : 13px;
	padding                     : 3px 10px;
	border-radius               : 4px;
    -webkit-border-radius       : 4px;
    -moz-border-radius          : 4px;
    -webkit-appearance          : none;
    color                       : #000;
    font-weight                 : normal;
    border                      : 1px solid #999;
    background-color            : #FFC4C4;
	margin-left                 : 5px;
}
#add_picture_area #file_list {
    width                       : 100%;
    position                    : relative;
    text-align                  : center;
}
#add_picture_area img {
    width                       : 110px;
    max-width                   : 110px;
}
#add_picture_area img.stamp {
    width                       : 50px;
}
#add_picture_area .kakunin {
    position                    : absolute;
    color                       : #FF0000;
    left                        : 50%;
    transform                   : translateX(-50%);
    -webkit-transform           : translateX(-50%);
    -ms-transform               : translateX(-50%);
    font-size                   : 15px;
    width                       : 90%;
}
#add_picture_area input[type=submit]{
    margin-top                 : 0px;
    margin-left                : auto;
    margin-right               : auto;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 350px;
	padding                    : 1rem 4rem;
	font-weight                : bold;
	border                     : 2px solid #54140E;
	background-color           : #841E17;
	color                      : #FFFFFF;
	border-radius              : 100vh;
	transition                 : 0.5s;
}
#add_picture_area input[type=submit].material_add {
    margin-top                 : 25px;
    margin-left                : auto;
    margin-right               : auto;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 350px;
	padding                    : 10px;
	height                     : 50px;
	font-weight                : bold;
	border                     : 2px solid #54140E;
	background-color           : #841E17;
	color                      : #FFFFFF;
	border-radius              : 100vh;
	transition                 : 0.5s;
}
#add_picture_area input[type=text] {
    font-size                  : 14px;
}
#add_picture_area #target_color {
    display                    : inline-block;
    width                      : 70px;
    height                     : 70px;
    margin-top                 : 10px;
    margin-bottom              : 5px;
    font-size                  : 20px;
    line-height                : 70px;
}
#add_picture_area input[type=radio].target {
    display: none;
}
#add_picture_area .label {
    margin                     : 2px;
    display                    : inline-block;
    width                      : 30px;
    height                     : 30px;
    line-height                : 30px;
}
#add_picture_area table.material {
    width                      : 98vw;
    background-color           : #FFF;
    border-collapse            : collapse;
    font-size                  : 11px;
    margin-top                 : 5px;
    box-sizing                 : border-box;
    border                     : 1px solid #282828;
    table-layout               : fixed;
    margin                     : auto;
    color                      : #000;
    font-family	               : "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
#add_picture_area table.material th{
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px;
    border                     : 1px solid #282828;
    font-weight                : normal;
    font-size                  : 15px;
    width                      : 10vw;
    word-wrap                  : break-word;
}
#add_picture_area table.material td{
	padding                    : 2px;
	border                     : 1px solid #282828;
	text-align                 : center;
	color                      : #000;
	word-wrap                  : break-word;
}
#add_picture_area .ichi{
    width                      : 20%;
}
#add_picture_area .ni{
    width                      : 30%;
}
#add_picture_area .san{
    width                      : 18%;
}
#add_picture_area .si{
    width                      : 32%;
}
/*---------------------------*/
/*  checkbox
/*---------------------------*/
#add_picture_area input[type=checkbox].icon {
    display: none;
}
#add_picture_area .checkbox02 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
    font-size: 20px;
}
#add_picture_area .checkbox02::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
#add_picture_area .checkbox02::after {
    border-right: 6px solid #54140E;
    border-bottom: 3px solid #54140E;
    content: '';
    display: block;
    height: 20px;
    left: 7px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 9px;
}
#add_picture_area input[type=checkbox]:checked + .checkbox02::before {
    border-color: #666;
}
#add_picture_area input[type=checkbox]:checked + .checkbox02::after {
    opacity: 1;
}
#add_picture_area span.flg_span {
    font-size: 20px;
    margin-left: 8px;
    margin-top: 5px;
}
#add_picture_area span.moji {
    font-size: 20px;
}
/*---------------------------*/
/*  radio
/*---------------------------*/
#add_picture_area input[type=radio] {
    display: none;
}
#add_picture_area .radio02 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
#add_picture_area .radio02::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: '';
    display: block;
    height: 25px;
    left: 5px;
    margin-top: -18px;
    position: absolute;
    top: 55%;
    width: 25px;
}
#add_picture_area .radio02::after {
    border-right: 6px solid #54140E;
    border-bottom: 3px solid #54140E;
    content: '';
    display: block;
    height: 30px;
    left: 15px;
    margin-top: -23px;
    opacity: 0;
    position: absolute;
    top: 35%;
    transform: rotate(45deg);
    width: 12px;
}
#add_picture_area input[type=radio]:checked + .radio02::before {
    border-color: #666;
}
#add_picture_area input[type=radio]:checked + .radio02::after {
    opacity: 1;
}
#add_picture_area select.material {
    width                      : 100%;
    font-size                  : 14px;
}
#add_picture_area .change {
    display              : inline-block;
	padding              : 2px 5px;
    text-decoration      : none;
    background           : #E8E8E8;
    color                : #000;
   	font-size            : 11px;
   	text-align           : center;
	border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    -webkit-appearance   : none;
    border               : 1px solid #999;
    margin-left          : 3px;
    margin-top           : 3px;
    margin-right         : 5px;
}
/*******************************/
/*   member_edit_area          */
/*******************************/
#member_edit_area {
    margin-top                  : 15px;
    margin-bottom               : -20px;
    width                       : 100%;
    padding-top                 : 20px;
    padding-bottom              : 25px;
    background-image            : url(../images/tekusucya.png);
    background-position         : center center;
    background-repeat           : repeat;
    background-attachment       : scroll;
    background-size             : cover;
}
#member_edit_area p, span {
    color                      : #000;
}
#area_sub {
    padding-bottom              : 10px;
    margin-bottom               : -20px;
}
#free_area {
    width                      : 100%;
    color                      : #000;
}
#free_area input[type="radio"] {
    width                : 18px;
    height               : 18px;
    border-radius        : 100px;
    position             : relative;
    vertical-align       : sub;
    margin-left          : 5px;
    margin-right         : 5px;
}
#free_area input[type="radio"]::before, input[type="radio"]::after{
    content              : "";
    display              : block;
    border-radius        : 50%;
    position             : absolute;
    transform            : translateY(-50%);
    top                  : 50%;
}
#free_area input[type="radio"]::before {
    background-color     : #fff;
    border               : 1px solid #c2c1c1;
    height               : 18px;
    width                : 18px;
    left                 : 0px;
}
#free_area input[type="radio"]::after {
    background-color     : #3E3EFF;
    opacity              : 0;
    height               : 12px;
    width                : 12px;
    left                 : 4px;
}
#free_area input[type="radio"]:checked::after {
    opacity              : 1;
}
#member_edit_area #free_area a {
    color                      : #dc143c;
    font-size                  : 13px;
    font-weight                : 500;
}
#member_edit_area .num {
    color                      : #000;
    margin-left                : 10px;
    display                    : flex;
    font-size                  : 14px;
}
#member_edit_area table {
    width                      : 95%;
    background-color           : #FFF;
    border-collapse            : collapse;
    font-size                  : 11px;
    margin-top                 : 5px;
    box-sizing                 : border-box;
    border                     : 1px solid #282828;
    table-layout               : fixed;
    margin                     : auto;
    color                      : #000;
    font-family	               : "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
#member_edit_area table th{
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 1px;
    border                     : 1px solid #282828;
    font-weight                : normal;
    font-size                  : 14px;
}
#member_edit_area table th.del{
    width                      : 30px;
}
#member_edit_area table th.sub{
    font-size                  : 11px;
}
#member_edit_area table td{
	padding                    : 2px;
	border                     : 1px solid #282828;
	text-align                 : center;
	color                      : #000;
}
#member_edit_area table.sub {
    width                      : 100%;
    background-color           : #FFF;
    border-collapse            : collapse;
    font-size                  : 11px;
    margin-top                 : 5px;
    box-sizing                 : border-box;
    border                     : 1px solid #282828;
    table-layout               : fixed;
    margin                     : auto;
    color                      : #000;
    font-family	               : "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
#member_edit_area table.sub th{
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 1px;
    border                     : 1px solid #282828;
    font-weight                : normal;
    font-size                  : 13px;
}
#member_edit_area table.sub th.one{
    width                      : 6%;
}
#member_edit_area table.sub th.three{
    width                      : 13%;
}
#member_edit_area table.sub td{
	padding                    : 2px;
	border                     : 1px solid #282828;
	text-align                 : center;
	color                      : #000;
	font-size                  : 13px;
}
#member_edit_area table.sub td.left{
	text-align                 : left;
}
#member_edit_area table.tar {
    width                      : 250px;
    background-color           : #FFF;
    border-collapse            : collapse;
    font-size                  : 11px;
    box-sizing                 : border-box;
    border                     : 1px solid #282828;
    float                      : left;
    table-layout               : fixed;
    margin-left                : 4px;
    color                      : #000;
    font-family	               : "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
#member_edit_area table.tar th{
    text-align                 : center;
    background-color           : #E3E3E3;
    color                      : #000;
    padding                    : 1px;
    height                     : 30px;
    border                     : 1px solid #282828;
    font-weight                : normal;
    font-size                  : 14px;
    width                      : 70px;
}
#member_edit_area table.tar td{
	padding                    : 2px;
	border                     : 1px solid #282828;
	text-align                 : center;
	font-size                  : 14px;
	color                      : #000;
}
#member_edit_area textarea {
    border                     : 1px solid #757575;
    width                      : 99%;
    height                     : 60px;
    display                    : block;
    margin                     : 2px;
    padding                    : 2px;
    box-sizing                 : border-box;
}
#member_edit_area textarea.sub {
    border                     : 1px solid #757575;
    width                      : 99%;
    height                     : 60px;
    display                    : block;
    margin                     : 2px 0 0 0;
    padding                    : 2px;
    box-sizing                 : border-box;
}
#member_edit_area .attention {
    color                      : #FF0000;
    font-size                  : 12px;
}
#member_edit_area img.question {
    width                      : 15px;
    height                     : 15px;
    margin-right               : 5px;
    vertical-align             : top;
}
#member_edit_area input[type=text]{
    width                      : 99%;
    margin                     : 0px 0;
    border                     : 1px solid #757575;
    font-size                  : 12px;
    box-sizing                 : border-box;
    padding                    : 2px;
    height                     : 35px;
    font-size                  : 14px;
}
#member_edit_area input[type=text].date{
    width                      : 100px;
    margin                     : 2px 8px;
    border                     : 1px solid #757575;
    font-size                  : 12px;
    box-sizing                 : border-box;
    padding                    : 2px;
    height                     : 30px;
    font-size                  : 14px;
}
#member_edit_area input[type=text].date_sub{
    width                      : 80vw;
    margin                     : 4px 0 0 0;
    border                     : 1px solid #757575;
    font-size                  : 14px;
    box-sizing                 : border-box;
    padding                    : 1px 3px;
    height                     : 25px;
}
#member_edit_area input[type=text].date_secound{
    width                      : 120px;
    margin                     : 0px 2px 0 0;
    border                     : 1px solid #757575;
    font-size                  : 13px;
    box-sizing                 : border-box;
    padding                    : 2px;
    height                     : 35px;
    font-size                  : 14px;
}
#member_edit_area input[type=text].time{
    width                      : 60px;
    margin                     : 2px 8px;
    border                     : 1px solid #757575;
    font-size                  : 12px;
    box-sizing                 : border-box;
    padding                    : 2px;
    height                     : 40px;
    font-size                  : 14px;
}
#member_edit_area input[type=text].time_sub{
    width                      : 70px;
    margin                     : 2px 5px;
    border                     : 1px solid #757575;
    font-size                  : 14px;
    box-sizing                 : border-box;
    padding                    : 2px;
    height                     : 30px;
}
#member_edit_area ul {
    padding-top                : 20px;
    padding-left               : 10px;
    margin-left                : auto;
    margin-right               : auto;
    display                    : flex;
    justify-content            : center;
    align-items                : center;
}
#member_edit_area li {
    list-style                 : none;
    margin-right               : 10px;
}
#member_edit_area ul.sub{
    float                      : left;
    display                    : flex;
}
#member_edit_area li.sub{
    float                      : left;
    margin-right               : auto;
    list-style                 : none;
    text-align                 : left;
}
#member_edit_area .clear{
    clear                      : left;
}
#member_edit_area img.icon{
    margin-top                 : -15px;
    height                     : 120px;
}
#member_edit_area img.submission{
    margin-top                 : 4px;
    margin-bottom              : 4px;
    margin-left                : 5px;
    height                     : 90px;
    display                    : inline-block;
    vertical-align             : bottom;
}
#member_edit_area .submission_size{
    text-align                 : left;
    margin-left                : 5px;
    display                    : inline-block;
}
#member_edit_area .submission_size p{
    font-size                  : 12px;
    display                    : block;
}
#member_edit_area input[type=button].search_button{
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	font-size                  : 15px;
	width                      : 45vw;
	padding                    : 0;
	height                     : 50px;
	line-height                : 45px;
	font-weight                : normal;
	border                     : 2px solid #54140E;
	background-color           : #841E17;
	color                      : #FFFFFF;
	border-radius              : 10px;
	transition                 : 0.5s;
}
#member_edit_area input[type=button].one{
	padding                    : 2px 10px;
	font-size                  : 17px;
}
#member_edit_area input[type=button].two{
	padding                    : 0;
	font-size                  : 12px;
}
#member_edit_area select.one {
    border                     : 1px solid #282828;
    width                      : 200px;
    height                     : 30px;
    font-size                  : 14px;
    margin-top                 : 5px;
    margin-bottom              : 5px;
}
#member_edit_area select.two {
    border                     : 1px solid #282828;
    width                      : 170px;
    height                     : 25px;
    font-size                  : 14px;
    margin-top                 : 0px;
    margin-bottom              : 0px;
}
#member_edit_area input[type=checkbox].one {
    display                    : none;
}
#member_edit_area input[type=checkbox]{
    /*vertical-align             : top;
    margin-right               : 5px;*/
}
#member_edit_area .checkbox01 {
    box-sizing                 : border-box;
    cursor                     : pointer;
    display                    : block;
    padding                    : 5px 30px;
    position                   : relative;
    margin                     : 0 auto;
    font-size                  : 14px;
    text-align                 : left;
    width                      : 70%;
}
#member_edit_area .checkbox01::before {
    background                 : #fff;
    border                     : 1px solid #ccc;
    border-radius              : 3px;
    content                    : '';
    display                    : block;
    height                     : 20px;
    width                      : 20px;
    left                       : 5px;
    margin-top                 : -8px;
    position                   : absolute;
    top                        : 50%;
    font-size                  : 14px;
}
#member_edit_area .checkbox01::after {
    border-right               : 6px solid #54140E;
    border-bottom              : 3px solid #54140E;
    content                    : '';
    display                    : block;
    /*height                     : 20px;
    width                      : 9px;*/
    height                     : 15px;
    width                      : 6px;
    left                       : 7px;
    margin-top                 : -12px;
    opacity                    : 0;
    position                   : absolute;
    top                        : 50%;
    transform                  : rotate(45deg);
}

#member_edit_area input[type=checkbox]:checked + .checkbox01::before {
    border-color               : #666;
}
#member_edit_area input[type=checkbox]:checked + .checkbox01::after {
    opacity                    : 1;
}
#member_edit_area .checkbox02 {
    box-sizing                 : border-box;
    cursor                     : pointer;
    display                    : block;
    padding                    : 4px 18px;
    position                   : relative;
    /*width                      : auto;*/
    box-sizing                 : border-box;
    width                      : 60%;
    margin-left                : 38vw;
}
#member_edit_area .checkbox02::before {
    background                 : #fff;
    border                     : 1px solid #ccc;
    border-radius              : 3px;
    content                    : '';
    display                    : block;
    /*四角の方*/
    height                     : 12px;
    width                      : 12px;
    left                       : 0px;
    margin-top                 : -8px;
    position                   : absolute;
    top                        : 50%;
}
#member_edit_area .checkbox02::after {
    border-right               : 5px solid #54140E;
    border-bottom              : 3px solid #54140E;
    content                    : '';
    display                    : block;
    height                     : 10px;
    width                      : 4px;
    left                       : 7px;
    margin-top                 : 0px;
    opacity                    : 0;
    position                   : absolute;
    top                        : 12%;
    transform                  : rotate(45deg);
}
#member_edit_area input[type=checkbox]:checked + .checkbox02::before {
    border-color               : #666;
}
#member_edit_area input[type=checkbox]:checked + .checkbox02::after {
    opacity                    : 1;
}
#member_edit_area .student_category {
    margin-top                 : -29px;
}
#member_edit_area input[type=radio].one {
    display                    : none;
}
#member_edit_area .radio01 {
    box-sizing                 : border-box;
    cursor                     : pointer;
    display                    : inline-block;
    padding                    : 5px 30px;
    position                   : relative;
    width                      : auto;
    font-size: 14px;
}
#member_edit_area .radio01::before {
    background                 : #fff;
    border                     : 1px solid #ccc;
    border-radius              : 3px;
    content                    : '';
    display                    : block;
    left                       : 5px;
    height                     : 16px;
    width                      : 16px;
    margin-top                 : -8px;
    position                   : absolute;
    top                        : 50%;
    font-size: 14px;
}
#member_edit_area .radio01::after {
    border-right               : 6px solid #54140E;
    border-bottom              : 3px solid #54140E;
    content                    : '';
    display                    : block;
    height                     : 20px;
    /*width                      : 9px;*/
    height                     : 15px;
    width                      : 6px;
    left                       : 7px;
    margin-top                 : -12px;
    opacity                    : 0;
    position                   : absolute;
    top                        : 50%;
    font-size: 14px;
    transform                  : rotate(45deg);
}
#member_edit_area input[type=radio]:checked + .radio01::before {
    border-color               : #666;
}
#member_edit_area input[type=radio]:checked + .radio01::after {
    opacity                    : 1;
}
#member_edit_area #date1_start_area {
}
#member_edit_area #date1_end_area {
}
#member_edit_area .kind {
    width                      : 200px;
    margin-top                 : 10px;
    margin-left                : auto;
    margin-right               : auto;
    text-align                 : left;
}
#member_edit_area .id_list {
   	width             : 381px;
   	height            : 40px;
   	line-height       : 25px;
   	background-color  : #E3E3E3;
   	margin-top        : 10px;
	margin-left       : 4px;
	margin-bottom     : 0px;
   	color             : #404040;
   	padding-top       : 6px;
   	padding-left      : 4px;
   	box-sizing        : border-box;
   	text-align        : left;
   	border            : 1px solid #C3C3C3;
   	font-size         : 14px;
   	font-weight       : bold;
}
#member_edit_area .row {
	width             : 375px;
	border            : 1px solid #C3C3C3;
	background-color  : #FFF;
	padding-top       : 2px;
	padding-left      : 2px;
	padding-right     : 2px;
	padding-bottom    : 2px;
	margin-top        : -1px;
	margin-left       : 4px;
}
#member_edit_area #kyara_list {
    padding-bottom    : 10px;
    /*border: 1px solid #FF0000;*/
}
#member_edit_area #kind1_area {
    width             : 50vw;
    display           : inline-block;
}
#member_edit_area #kind2_area {
    width             : 50vw;
    display           : inline-block;
}
#member_edit_area input[type=submit]{
    margin-top                 : 7px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : 7px;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 90vw;
	height                     : 45px;
	line-height                : 40px;
	padding                    : 0;
	font-weight                : bold;
	border                     : 2px solid #54140E;
	background-color           : #841E17;
	color                      : #FFFFFF;
	border-radius              : 100vh;
	transition                 : 0.5s;
}

#member_edit_area #submit_area {
    padding                    : 10px 0 1px 0;
}
#member_edit_area a.change {
    display              : inline-block;
	padding              : 1px;
	width                : 120px;
    text-decoration      : none;
    background           : #E8E8E8;
    color                : #000;
   	font-size            : 13px;
   	font-weight          : 500;
   	text-align           : center;
	border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    -webkit-appearance   : none;
    border               : 1px solid #999;
    margin-left          : 3px;
    margin-top           : 8px;
}
#member_edit_area a.change_add {
    display              : inline-block;
	padding              : 1px;
	width                : 76px;
    text-decoration      : none;
    background           : #E8E8E8;
    color                : #000;
   	font-size            : 11px;
   	text-align           : center;
	border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    -webkit-appearance   : none;
    border               : 1px solid #999;
    margin-left          : 3px;
    margin-top           : 75px;
}
#member_edit_area a.category {
    display              : inline-block;
	padding              : 4px;
	width                : 76px;
    text-decoration      : none;
    background           : #E8E8E8;
    color                : #000;
   	font-size            : 12px;
   	text-align           : center;
	border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    -webkit-appearance   : none;
    border               : 1px solid #999;
    margin               : 2px 0 2px 3px;
}
/*---------------------------*/
/*  設定詳細
/*---------------------------*/
#kyara_list .edit_area{
   	width                : 100%;
   	display              : inline-block;
   	height               : 40px;
   	background-color     : #E3E3E3;
	/*margin-left          : auto;
	margin-right         : auto;*/
	margin-top           : 6px;
   	color                : #000000;
   	padding              : 0;
    /*border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
   	box-sizing           : border-box;
   	text-align           : left;
   	border               : 1px solid #757575;
   	position             : relative;
}
#kyara_list .edit_area span.title{
    font-size            : 14px;
    border               : none;
    color                : #000;
    margin-left          : 10px;
    top                  : 10px;
    font-weight:bold;
    position             : relative;
}
#kyara_list .edit_area_sub{
   	width                : 98%;
   	display              : inline-block;
   	height               : 35px;
   	line-height          : 30px;
   	background-color     : #E3E3E3;
	margin-top           : 0px;
   	color                : #000000;
   	box-sizing           : border-box;
   	text-align           : left;
   	border               : 1px solid #757575;
   	position             : relative;
}
#kyara_list .edit_area_sub img {
    height               : 60%;
    margin-top           : 3px;
    margin-left          : 2px;
    vertical-align       : middle;
}
#kyara_list .edit_area_sub span.title{
    font-size            : 14px;
    border               : none;
    color                : #000;
    margin-left          : 3px;
    top                  : 3px;
    position             : relative;
}
#kyara_list .edit_area_sub span.serial_id{
    font-size            : 13px;
    border               : none;
    color                : #0000FF;
    margin-left          : 3px;
    top                  : 3px;
    position             : relative;
}
#kyara_list .edit_detail_area{
   	width                : 100%;
   	background-color     : #FFF;
	margin-left          : auto;
	margin-right         : auto;
   	margin-top           : 0px;
   	padding-left         : 0px;
   	padding-right        : 0px;
   	padding              : 4px;
   	display              : inline-block;
   	box-sizing           : border-box;
   	text-align           : left;
   	border               : 1px solid #757575;
}
#kyara_list .edit_detail_sub_area{
   	width                : 98%;
   	background-color     : #FFF;
	margin-left          : auto;
	margin-right         : auto;
   	margin-top           : -2px;
   	padding-left         : 0px;
   	padding-right        : 0px;
   	padding              : 4px;
   	display              : inline-block;
   	box-sizing           : border-box;
   	text-align           : left;
   	border               : 1px solid #757575;
}
#member_edit_area input[type=submit].sub{
    margin-top                 : 27px;
    margin-left                : auto;
    margin-right               : auto;
    margin-bottom              : 7px;
	display                    : block;
	text-align                 : center;
	vertical-align             : middle;
	text-decoration            : none;
	width                      : 90vw;
	height                     : 55px;
	line-height                : 50px;
	padding                    : 0;
	font-weight                : bold;
	border                     : 2px solid #54140E;
	background-color           : #841E17;
	color                      : #FFFFFF;
	border-radius              : 100vh;
	transition                 : 0.5s;
}
#member_edit_area .contactForm_desc {
  border: solid 1px red;
}
#kyara_list #content-1 {
    display              : none;
}
#kyara_list table.member_edit{
   	border-collapse      : collapse;
   	border-spacing       : 0px;
   	box-sizing           : border-box;
   	border               : none;
   	width                : 100%;
}
#kyara_list table.member_edit th{
    font-size            : 12px;
    width                : 25vw;
    height               : 30px;
    font-size            : 13px;
    /*border               : 1px solid #757575;*/
}
#kyara_list table.member_edit th.short{
    font-size            : 12px;
    width                : 100px;
    height               : 30px;
}
#kyara_list table.member_edit td{
   	text-align           : left;
   	padding              : 1px;
   	font-size            : 14px;
   	border               : 1px solid #757575;
   	display              : block;
   	vertical-align       : middle;
}
#kyara_list table.member_edit td.one{
    margin               : 5px 0 5px 3px;
    font-size            : 14px;
   	text-align           : left;
   	vertical-align       : middle;
   	padding              : 0px;
   	border               : none;
}
#kyara_list table.member_edit td.one_tr{
    margin               : 0px 0 5px 3px;
    font-size            : 14px;
   	text-align           : left;
   	vertical-align       : top;
   	padding              : 0px;
   	border               : none;
}
#kyara_list table.member_edit td.center{
    text-align           : center;
    display              : block;
}
#kyara_list table.member_edit td span{
   	width                : 35vw;
   	height               : 20px;
   	border               : 1px solid #757575;
   	font-size            : 14px;
   	display              : inline-block;
   	color                : #000000;
   	padding              : 3px 0 3px 3px;
   	line-height          : 21px;
   	margin-right         : 5px;
   	border-radius        : 2px;
   	-webkit-border-radius: 2px;
   	-moz-border-radius   : 2px;
}
#kyara_list table.member_edit .category_title{
    color                : #000;
   	width                : 100px;
   	height               : 76px;
   	border               : 1px solid #757575;
   	font-size            : 11px;
   	padding-left         : 3px;
   	line-height          : 76px;
   	position             : absolute;
   	margin-right         : 5px;
   	margin-top           : 4px;
   	border-radius        : 2px;
   	-webkit-border-radius: 2px;
   	-moz-border-radius   : 2px;
}
#kyara_list table.member_edit .category_title2{
    color                : #000;
   	width                : 100px;
   	height               : 37px;
   	border               : 1px solid #757575;
   	font-size            : 11px;
   	padding-left         : 3px;
   	line-height          : 37px;
   	position             : absolute;
   	margin-right         : 5px;
   	margin-top           : 3px;
   	border-radius        : 2px;
   	-webkit-border-radius: 2px;
   	-moz-border-radius   : 2px;
}
#kyara_list table.member_edit td span.category_none{
   	width                : 100px;
   	height               : 20px;
   	border               : none;
   	font-size            : 11px;
   	display              : inline-block;
   	color                : #000000;
   	padding-left         : 3px;
   	line-height          : 21px;
   	margin-right         : 5px;
   	border-radius        : 2px;
   	-webkit-border-radius: 2px;
   	-moz-border-radius   : 2px;
}
#kyara_list table.member_edit td span.futuu{
    border               : none;
    color                : #000;
    padding-left         : 0px;
    margin-left          : -4px;
}
#kyara_list #yonda_button {
    color                : #0000FF;
    position             : relative;
}
#kyara_list ul.yonda_area {
    position             : absolute;
    padding-left         : 0;
    margin               : 5px 0 0 230px;
    background-color     : #FFF;
    border               : 1px solid #0000FF;
    z-index              : 100;
}
#kyara_list .hidden {
  display: none;
}
#kyara_list ul.yonda_area li{
    padding              : 1px 10px;
    list-style           : none;
}
/*******************************/
/*   member_edit_black_area    */
/*******************************/
#member_edit_black_area {
    margin-top                 : 0px;
    margin-bottom              : 25px;
    width                      : 100%;
    padding-top                : 0px;
    padding-bottom             : 0px;
    background-color           : #000;
    box-sizing                 : border-box;
    height                     : auto;
    color                      : #FFF;
}
#member_edit_black_area .detail_area {
    text-align                 : left;
    padding                    : 2px 5px;
}
#member_edit_black_area .sentou {
    width                      : 130px;
    margin-top                 : 10px;
    margin-right               : auto;
}
#member_edit_area #kyara_list {
    padding                    : 5px 0;
}
#member_edit_black_area .sentou a {
    color                      : #00bfff;
    text-decoration            : underline;
}
#member_edit_black_area img.list {
    margin-bottom              : 10px;
    height                     : 60px;
    vertical-align             : bottom;
}
#member_edit_black_area span.first_posting_date {
    margin-left                : 5px;
}
#member_edit_black_area table {
    width                      : 100%;
    background-color           : #FFF;
    border-collapse            : collapse;
    font-size                  : 13px;
    margin-top                 : 5px;
    box-sizing                 : border-box;
    border                     : 1px solid #282828;
    table-layout               : fixed;
    margin                     : auto;
    color                      : #000;
    font-family	               : "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
#member_edit_black_area table th{
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px 5px;
    border                     : 1px solid #282828;
    font-weight                : normal;
    font-size                  : 14px;
    /*display                    : block;*/
}
#member_edit_black_area table th.id{
    display                    : none;
}
#member_edit_black_area table th.name{
    display                    : none;
}
#member_edit_black_area table th.regist{
    display                    : none;
}
#member_edit_black_area table th.situation{
    display                    : none;
}
#member_edit_black_area table th.date{
    display                    : none;
}
#member_edit_black_area table th.botton{
    display                    : none;
}
#member_edit_black_area table td{
	padding                    : 2px;
	border                     : 1px solid #282828;
	text-align                 : center;
	color                      : #000;
	font-size                  : 13px;
	position: relative;
	display:block;
}
#member_edit_black_area table td.left {
    padding                    : 0px;
    text-align                 : left;
    position: relative;
}
#member_edit_black_area table td.left_sub {
    padding                    : 0px;
    text-align                 : left;
    position: relative;
}
#member_edit_black_area table td.left_sub_under {
    padding                    : 0px;
    text-align                 : left;
    border-bottom              : 5px solid #282828;
    position                   : relative;
}
#member_edit_black_area table td.regist {
    display                    : none;
}
#member_edit_black_area button {
    padding                    : 2px 4px;
    font-size                  : 14px;
}
#member_edit_black_area span.id_sub {
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px 10px;
    border-right               : 1px solid #282828;
    font-weight                : normal;
    width                      : 100px;
    font-size                  : 14px;
    margin-right               : 5px;
    display                    : inline-block;
}
#member_edit_black_area span.name_sub {
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px 10px;
    border-right               : 1px solid #282828;
    font-weight                : normal;
    width                      : 100px;
    font-size                  : 14px;
    margin-right               : 5px;
    display                    : inline-block;
}
#member_edit_black_area span.name_subb {
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px 10px;
    border-right               : 1px solid #282828;
    font-weight                : normal;
    width                      : 100px;
    height                     : 30px;
    font-size                  : 14px;
    margin-right               : 5px;
    display                    : inline-block;
}
#member_edit_black_area span.regist_sub {
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px 10px;
    border-right               : 1px solid #282828;
    font-weight                : normal;
    width                      : 100px;
    font-size                  : 14px;
    margin-right               : 5px;
    display                    : inline-block;
}
#member_edit_black_area span.regist_subb {
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px 10px;
    border-right               : 1px solid #282828;
    font-weight                : normal;
    width                      : 100px;
    height                     : 32px;
    font-size                  : 14px;
    margin-right               : 5px;
    display                    : inline-block;
}
#member_edit_black_area span.situation_sub {
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px 10px;
    border-right               : 1px solid #282828;
    font-weight                : normal;
    width                      : 100px;
    height                     : 45px;
    font-size                  : 14px;
    margin-right               : 5px;
    margin-bottom              : 0px;
    display                    : inline-block;
}
#member_edit_black_area span.situation_subb {
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px 10px;
    border-right               : 1px solid #282828;
    font-weight                : normal;
    width                      : 100px;
    height                     : 65px;
    font-size                  : 14px;
    margin-right               : 5px;
    margin-bottom              : 0px;
    display                    : inline-block;
}
#member_edit_black_area span.situation_suba {
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px 10px;
    border-right               : 1px solid #282828;
    font-weight                : normal;
    width                      : 100px;
    height                     : 30px;
    font-size                  : 14px;
    margin-right               : 5px;
    margin-bottom              : 0px;
    display                    : inline-block;
}
#member_edit_black_area span.botton_sub {
    text-align                 : center;
    background-color           : #CDCDCD;
    color                      : #000;
    padding                    : 5px 10px;
    border-right               : 1px solid #282828;
    font-weight                : normal;
    width                      : 100px;
    font-size                  : 14px;
    margin-right               : 5px;
    display                    : inline-block;
}
#member_edit_black_area p.block {
    margin                     : -55px 0 0 126px;
    display                    : block;
    position                   : absolute;
}
#member_edit_black_area p.block_two {
    margin                     : -38px 0 0 126px;
    display                    : block;
    position                   : absolute;
}
#member_edit_black_area p.block_three {
    margin                     : -20px 0 0 126px;
    display                    : block;
    position                   : absolute;
}
#member_edit_black_area p.block_one {
    margin                     : -73px 0 0 126px;
    display                    : block;
    position                   : absolute;
}
#member_edit_black_area button {
    font-weight                : bold;
    border-radius              : 30px;
    width                      : 100px;
    border                     : 1px solid #282828;
}
#member_edit_black_area a {
    font-weight                : normal;
    color                      : #00bfff;
    font-size                  : 13px;
    text-decoration            : underline;
}
#member_edit_black_area textarea {
    width                      : 100%;
    padding                    : 2px;
    height                     : 50px;
    box-sizing                 : border-box;
    display                    : block;
    font-size                  : 16px;
}
/*******************************/
/*   myaccount                 */
/*******************************/
#myaccount {
    /*width                      : 200px;*/
    display                    : flex;
    margin                     : 10px 0 0 auto;
}
#myaccount p.icon {
    width                      : 40px;
    height                     : 40px;
    line-height                : 40px;
    border-radius              : 50%;
    color                      : #fff;
    text-align                 : center;
    margin-right               : 50px;
    margin-top                 : 5px;
    margin-bottom              : 5px;
    font-size                  : 19px;
    font-family                : "Sawarabi Gothic";
}
#myaccount span.display_span {
    display                    : block;
}
#myaccount p.name {
    margin-top                 : 0px;
    margin-left                : -84vw;
    margin-right               : 10px;
    font-size                  : 15px;
    padding-bottom             : 8px;
    color                      : #000;
    /*font-family                : "Sawarabi Gothic";*/
}
#myaccount p.taisyou {
    color                      : #000;
    font-size                  : 15px;
    margin-left                : -93px;
    margin-top                 : 17px;
    text-align                 : right;
    width                      : 90px;
    position                   : absolute;
}
#myaccount img.icon_img {
    width                      : 40px;
    height                     : 40px;
    border-radius              : 50%;
    margin-top                 : 5px;
    margin-right               : 50px;
    margin-bottom              : 5px;
    object-fit                 : cover;
    background-size            : cover;
}
#myaccount a {
    text-decoration            : underline;
}
#myaccount a:hover {
    color                      : #ffa500;
}
#myaccount .dropdown {
    position                   : relative;
    display                    : inline-block;
}
#myaccount .dropdown-content {
    display                    : none;
    position                   : absolute;
    background-color           : #EFE5F7;
    margin-top                 : 0px;
    margin-left                : -75px;
    min-width                  : 160px;
    box-shadow                 : 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding                    : 12px 16px;
    z-index                    : 1;
}
/*#myaccount .dropdown-content p {
    padding-top                : 3px;
    padding-bottom             : 3px;
}
#myaccount .dropdown-content:before {
    content                    : "";
    position                   : absolute;
    top                        : -25px;
    left                       : 80%;
    margin-left                : -15px;
    border                     : 15px solid transparent;
    border-bottom              : 15px solid #EFE5F7;
}
#myaccount .dropdown:hover .dropdown-content {
    display                    : block;
}*/
/*******************************/
/*   triggerドロワーメニュー   */
/*******************************/
button[type=button].drawer-toggle_bbs {
    /*position: relative;*/
    margin-top                 : 7px;
    margin-right               : 0;
    margin-left                : auto;
    margin-bottom              : -10px;
}
button[type=button].drawer-toggle {
    position: relative;
    margin-top                 : -53px;
    margin-right               : 0;
    margin-left                : auto;
    margin-bottom              : -10px;
}
.drawer-nav {
    font-size                  : 14px;
}
.drawer-menu li {
    padding-top                : 10px;
    padding-bottom             : 10px;
    border-bottom              : 1px solid #c0c0c0;
    text-align                 : left;
    padding-left               : 10px;
    font-size                  : 15px;
}
.drawer-menu a {
    color                      : #000;
}
#drower_top {
    background-color           : #841E17;
	color                      : #FFFFFF;
	height                     : auto;
	padding                    : 20px 10px;
	font-size                  : 20px;
}
#drower_top .display_span {
    color                      : #FFF;
}
#drower_top .name_sub {
    font-size                  : 25px;
}
/*******************************/
/*   select                    */
/*******************************/
/*select {
    border                     : 2px solid #000000;
    font-size                  : 14px;
    background-color           : #F4EDF9;
}*/
.cp_ipselect {
  background-color: #FFF;
  position: relative;
  width: 200px;
  margin: 2em auto;
  text-align: center;
}
.cp_sl02 {
  position: relative;
  font-family: inherit;
  background-color: transparent;
  width: 100%;
  padding: 8px 8px 4px 18px;
  font-size: 16px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgba(0,0,0, 0.3);
  color                      : #000000;
}
.cp_sl02:focus {
  outline: none;
  border-bottom: 1px solid rgba(0,0,0, 0);
}
.cp_ipselect .cp_sl02 {
  appearance: none;
  -webkit-appearance:none
}
.cp_ipselect select::-ms-expand {
  display: none;
}
.cp_ipselect:after {
  position: absolute;
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.cp_sl02_selectlabel {
  color: rgba(0,0,0, 0.5);
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 10px;
  transition: 0.2s ease all;
}
.cp_sl02:focus ~ .cp_sl02_selectlabel, .cp_sl02:valid ~ .cp_sl02_selectlabel {
  color: #da3c41;
  top: -15px;
  transition: 0.2s ease all;
  font-size: 14px;
}
.cp_sl02_selectbar {
  position: relative;
  display: block;
  width: 100%;
}
.cp_sl02_selectbar:before, .cp_sl02_selectbar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #da3c41;
  transition: 0.2s ease all;
}
.cp_sl02_selectbar:before {
  left: 50%;
}
.cp_sl02_selectbar:after {
  right: 50%;
}
.cp_sl02:focus ~ .cp_sl06_selectbar:before, .cp_sl06:focus ~ .cp_sl06_selectbar:after {
  width: 50%;
}
.cp_sl02_highlight {
  position: absolute;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
/*******************************/
/*   footer                    */
/*******************************/
#footer_area {
    position                   : fixed;
    bottom                     : 0;
    width                      : 100%;
    height                     : 60px;
    background-color           : #000;
    background-image           : url(../images/bar.png);
    background-position        : center center;
    background-repeat          : repeat-x;
    background-attachment      : scroll;
    background-size            : contain;
    line-height                : 60px;
    font-size                  : 15px;
    text-align                 : left;
    z-index                    : 999;
}
#footer_area .logo {
    margin-left                : 5px;
}
#footer_area .img_logo {
    right                      : 5px;
    margin-top                 : 15px;
    position                   : absolute;
    height                     : 27px;
}
/*******************************/
/*   toggle                    */
/*******************************/
.toggle input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}
.toggle label {
    width: 48px;
    height: 27px;
    top: 2px;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 10px;
    transition: 0.4s;
    box-sizing: border-box;
}
.toggle label:after {
    content: "";
    position: absolute;
    width: 29px;
    height: 29px;
    border-radius: 100%;
    left: -4px;
    top: 0px;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: 0.4s;
}
.toggle input:checked + label {
    background-color: #841E17;
}
.toggle input:checked + label:after {
    left: 28px;
}
.toggle-switch {
    position: relative;
    width: 50px;
    height: 22px;
    margin: auto;
}
#terms_area {
    color                      : #000;
    background-color           : #FFF;
}
/*---------------------------*/
/*  msg
/*---------------------------*/
#msg{
    background-color     : #18B391;
    border-radius        : 5px;
    -moz-border-radius   : 5px;
    -webkit-border-radius: 5px;
    color                : #FFF;
    border               : 1px solid #A7B4C2;
    width                : 80vw;
    padding              : 15px 0;
    margin-bottom        : 5px;
    position             : absolute;
    margin-top           : 40px;
    font-size            : 16px;
    /*opacity              : 0.9;*/
    text-align           : center;
    left                 : 50%;
    transform            : translate(-50%, -50%);
    -webkit-transform    : translate(-50%, -50%);
    -ms-transform        : translate(-50%, -50%);
    z-index: 100000;
}
#msg_alert{
    background-color     : #dc143c;
    border-radius        : 5px;
    -moz-border-radius   : 5px;
    -webkit-border-radius: 5px;
    color                : #FFF;
    border               : 1px solid #ff0000;
    width                : 85vw;
    padding              : 6px 0;
    margin-bottom        : 5px;
    position             : absolute;
    top                  : 150px;
    left                 : 50%;
    transform            : translateX(-50%);
    -webkit-transform    : translateX(-50%);
    -ms-transform        : translateX(-50%);
    opacity              : 0.9;
    text-align           : center;
    left                 : 50%;
    transform            : translate(-50%, -50%);
    -webkit-transform    : translate(-50%, -50%);
    -ms-transform        : translate(-50%, -50%);
    z-index: 100000;
}
.info{
    width                : 100vw;
    background-color     : #FFF;
    box-shadow           : 0px 3px 8px rgba(0,0,0,.3);
    padding              : 3px 4px 3px 4px;
    text-align           : left;
    border-radius        : 3px;
    box-sizing           : border-box;
    color                : #075F26;
    margin-top           : 5px;
    display: inline-block;
}
.info_edit{
    width                : 100%;
    background-color     : #FFF;
    box-shadow           : 0px 3px 8px rgba(0,0,0,.3);
    padding              : 3px 4px 3px 4px;
    text-align           : left;
    border-radius        : 3px;
    box-sizing           : border-box;
    color                : #075F26;
    margin-top           : -15px;
    font-size            : 13px;
    display: inline-block;
}
.info_sub{
    width                : 100vw;
    background-color     : #FFF;
    box-shadow           : 0px 3px 8px rgba(0,0,0,.3);
    padding              : 3px 4px 3px 4px;
    text-align           : left;
    border-radius        : 3px;
    box-sizing           : border-box;
    color                : #075F26;
    margin-top           : 15px;
    font-size            : 13px;
    display: inline-block;
}
p.atenssion {
    font-size             : 13px;
    margin                : 0 0 0 3px;
    color                 : #000;
}
/*---------------------------*/
/*  datepicker(アイコン)
/*---------------------------*/
.ui-datepicker-trigger {
    vertical-align       : top;
    margin-top           : 10px;
    margin-left          : 3px;
    margin-right         : 10px;
    width                : 24px;
}
#formCheck td{
    position: relative;
}
p.attension {
    color                : #FF0000;
}