@charset "UTF-8";

ul, li, a, dl, dt, dd, button { list-style:none; margin:0px; padding:0px; text-decoration:none; }
nav{display: block;}
input, button, textarea, select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
body {
	width:100vw;
	margin: auto;
	font-family: "ヒラギノ角ゴPro W3", "ヒラギノ角ゴPro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Mairyo", "Verdana", "Arial", "Helvetica", sans-serif; FontAwesome ;
}
/*@media screen and (min-width:480px) {body{width:480vw;}}*/

.header {display: flex; justify-content: center; align-items: center;background-color:#de3023; color:#ffffff; font-size: 1.2em; font-weight:bolder; text-align: center; letter-spacing: .2em; padding: 1% 1% 1% 1%; box-shadow: 0px 6px 6px -1px #c9c9c9;}
.logo { fill:#ffffff; width:4%; height:4%;}
.title { padding-left: 1%; width:auto;}
.cntnts {justify-content: center; align-items: center; height:100%; width:100%; max-width:944px; margin: 0 auto;}

/*login*/
.loginArea{width:100%; height:100%; }
.inptFrm {padding: 8px 8px 8px 8px; margin:8% 0 0 0; color:#333; border:1px solid #ff8099; border-radius:4px; overflow:hidden; list-style:none;}
.inptFrm input[type='text'] {outline:none;border:none; width:100%; letter-spacing:1px; font-weight: normal;}
.inptFrm input[type='password'] {outline:none;border:none; width:100%; letter-spacing:1px; font-weight: normal;}
.inptFrm i {position:absolute; top:0; left:0; padding:0.3em; padding-left:4%; transition:0.3s; color:#aaaaaa; margin:20%;}
.getPassword{text-align:center; margin:2% 0 8% 0; color:#858585;}

.loginBtn{margin:auto; color:#fff; background-color:#de3023; padding: 8px 8px 8px 8px; text-align:center; text-decoration:none; border:1px solid #ff8099; transition:.2s;border-radius:4px; overflow:hidden;}
.loginBtn:hover {background: #fa5e52;}

/*index*/
.header2 {width:100%; display:flex; justify-content:center; align-items:center; background-color:#de3023; color:#ffffff; font-size: .8em; text-align: center; letter-spacing: .1em; padding: .4% 0 .4% 0; box-shadow: 0px 6px 6px -1px #c9c9c9; }
.headLeft {margin-left:4%; width:16%; display:flex; align-items:center;}
.logo2 {fill:#ffffff; width:54px; height:54px;}
.title2 { padding-left:4%; width:0;}
.headCenter{width:100%; display:flex; justify-content:center; align-items:center;}
.menu {width:100%; height:auto; padding:0; margin:0; list-style-type:none; background:#de3023; display:flex; justify-content:center; }
.menu li {width:24%; float:left; padding:0; margin:0; text-align:center;}
.menu li a {width: 100%; color: #fff; /*font-size: 1.4em;*/ font-weight:bold; letter-spacing:.8em; margin: 0; padding: 12px 0; text-decoration: none; display: block; transition:.2s;}
.menu li a:hover {background: #fa5e52;}

.headRight {width:16%; margin-right:1%;}
.icon img {border-radius:50%; width:48px; height:48px;}

.comNotArea {margin-top:6%; }
.comNot{width:30%; height:100%; padding-left:2px; margin-bottom:2%; color:#ff5778;  font-weight: bold; font-size:1.4em; letter-spacing: .2em;}
.comNotList{ height:100%; color:#333; border:1px solid #ff8099; border-radius:4px; overflow:hidden; list-style:none;}
.comNotList li {width:100%; padding-top:1%; padding-bottom:1%; margin-top:-1px; border-top: 1px solid #ff8099; border-top-style:dotted;}
.comNotList li a {color:#333; width: 100%;}
.comNotList li:last-child{color:#ff5778;display:flex; justify-content:center; align-items:center;}

.comNotList li a { position:relative; display:inline-block; text-decoration:none;}
.comNotList li a::after {
  position: absolute;
  bottom: -8px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #ff8099;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.comNotList li a:hover::after {bottom:-1px; opacity:1; visibility: visible;}

.hdIcon{font-size:1.2em;}
.cntIcn {font-size:1.4em; margin-right:8%;}
.cntListIcn {font-size:1.4em; margin-left:1%; margin-right:1%; color:#ff5778;}

.brdrDt{width:100%; margin-top:6%; border-top: 1px solid #ff8099; border-top-style:dotted;}

.stdyPln{width: 100%; display:flex; justify-content:center; margin-top:1%; margin-bottom:1%;}
.stdyPlnLst {width:100%; height:auto; padding:0; margin:0; list-style-type:none; display:flex; justify-content:space-between; align-items:center;}
.stdyPlnLst li {width:50%; padding:0; margin:0; }
.stdyPlnR {width:100%; display:flex; align-items:center; justify-content:flex-end;}
.stdyplnLstR1 {margin-right:2%;}

.cp_ipselect {width:50%; overflow:hidden; text-align:center;}
.cp_ipselect select {
	width: 100%;
	padding-right:1em;
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:ellipsis;
	border:none;
	outline:none;
	background:transparent;
	background-image:none;
	box-shadow:none;
	-webkit-appearance:none;
	appearance:none;
}
.cp_ipselect select::-ms-expand {display: none;}
.cp_ipselect.cp_sl01 {padding: 8px 38px 8px 8px; position: relative;	border: 1px solid #ff8099;border-radius: 4px;	background: #ffffff;}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #de3023;
	pointer-events: none;
}
/*.cp_ipselect.cp_sl01 select {padding: 8px 38px 8px 8px; color: #666666;}*/

.stdyAttnd{padding: 8px 8px 8px 8px; height:200px; color:#333; border:1px solid #ff8099; border-radius:4px; overflow:hidden; list-style:none;}
.stdyAttnd input[type='text'] {outline:none;border:none; width:100%; letter-spacing:1px; font-weight: normal;}
.stdyAtBtn{margin-top:1%; color:#fff; background-color:#de3023; padding: 8px 8px 8px 8px; text-align:center; text-decoration:none; border:1px solid #ff8099; transition:.2s;border-radius:4px; overflow:hidden;}
.stdyAtBtn:hover {background: #fa5e52;}

/*bbs*/
.postBtn{width:24%; margin-top:2%; margin-bottom:4%; color:#fff; background-color:#de3023; padding: 8px 8px 8px 8px; text-align:center; text-decoration:none; border:1px solid #ff8099; transition:.2s;border-radius:4px; overflow:hidden;}
.postBtn:hover {background: #fa5e52;}

.bbsArea {margin-top:6%; }
.slctMnth{}
/*.bbsList{height:100%; color:#333; border:1px solid #ff8099; border-radius:4px; overflow:hidden; list-style:none;}*/
.bbsList li {height:100%; padding:1%; margin-bottom:4%; color:#333; border:1px solid #ff8099; border-radius:4px; overflow:hidden; list-style:none;}
.bbsList li:hover{background-color:#fff2f4;}

.bbsCnt1{color:#333; width:100%; display:flex; justify-content:space-between; align-items:center;}
.bbsTtlArea{display:flex; justify-content:flex-start; align-items:center;}
.bbsTtl{font-size:1.4em;}
.bssNmArea{display:flex; justify-content:space-between; align-items:center;}
.bssIcon img {width: 0 auto; margin-right: 4px;border-radius:50%; width:48px; height:48px;}
.bssUsrNm{width: 0 auto; justify-content:flex-start;}
.bbsCnt2{color:#333; margin-top:2%;}
.bbsCnt3{color:#333; width:100%; margin-top:4%; display:flex; justify-content:space-between; align-items:center;}
.cmtBtn{width:24%; color:#fff; background-color:#de3023; padding: 8px 8px 8px 8px; text-align:center; text-decoration:none; border:1px solid #ff8099; transition:.2s;border-radius:4px; overflow:hidden;}
.cmtBtn:hover {background: #fa5e52;}
.brdrDt2{width:100%; border-top: 1px solid #ff8099; border-top-style:dotted;}

/*post*/
.potsTltCmt{margin-top:4%; width: 100%; display:flex; justify-content:space-between;}
.postTtl{padding: 8px 8px 8px 8px; width:50%; color:#333; border:1px solid #ff8099; border-radius:4px; overflow:hidden; list-style:none;}
.postTtl input[type='text'] {outline:none;border:none; width:100%; letter-spacing:1px; font-weight: normal;}

.cmtR {width:50%; display:flex; align-items:center; justify-content:flex-end;}
.cmtSlct {margin-right:2%;}
.cm_ipselect {width:50%; overflow:hidden; text-align:center;}
.cm_ipselect select {
	width: 100%;
	padding-right:1em;
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:ellipsis;
	border:none;
	outline:none;
	background:transparent;
	background-image:none;
	box-shadow:none;
	-webkit-appearance:none;
	appearance:none;
}
.cm_ipselect select::-ms-expand {display: none;}
.cm_ipselect.cm_sl01 {padding: 8px 38px 8px 8px; position: relative;	border: 1px solid #ff8099;border-radius: 4px;	background: #ffffff;}
.cm_ipselect.cm_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #de3023;
	pointer-events: none;
}
/*.cm_ipselect.cm_sl01 select {padding: 8px 38px 8px 8px; color: #666666;}*/

.addImgArea{margin-top:2%;}
.addImg{margin:auto; color:#fff; background-color:#de3023; padding: 8px 8px 8px 8px; text-align:center; text-decoration:none; border:1px solid #ff8099; transition:.2s;border-radius:4px; overflow:hidden;}
.addImg:hover {background: #fa5e52;}
.postAdd{padding: 8px 8px 8px 8px;margin-top:2%;  height:200px; color:#333; border:1px solid #ff8099; border-radius:4px; overflow:hidden; list-style:none;}
.postAdd input[type='text'] {outline:none;border:none; width:100%; letter-spacing:1px; font-weight: normal;}
.postAddBtnArea{width: 100%; display:flex; justify-content:space-between; margin-top:8%;}
.postAddBtnArea a {width:45%;}
.postAddBtn{margin:auto; color:#fff; background-color:#de3023; padding: 8px 8px 8px 8px; text-align:center; text-decoration:none; border:1px solid #ff8099; transition:.2s;border-radius:4px; overflow:hidden;}
.postAddBtn:hover {background: #fa5e52;}

/*mypage*/
.myPgArea{width:100%;margin-top:2%;}
.empPlfArea{display:flex; justify-content:flex;}
.PlfL{}
.empImg img {border-radius:50%; width:160px; height:160px;margin-bottom:4%;}
.empNm{margin-bottom:8%;}
.empImgCngBtn{margin:auto; color:#fff; background-color:#de3023; padding: 8px 8px 8px 8px; text-align:center; text-decoration:none; border:1px solid #ff8099; transition:.2s;border-radius:4px; overflow:hidden;}
.empImgCngBtn:hover {background: #fa5e52;}
.PlfR{width:64%; margin-left:16%;}
.sei{margin-bottom:6%;}
.nm{padding: 8px 8px 8px 8px; color:#333; border:1px solid #ff8099; border-radius:4px; overflow:hidden; list-style:none;}
.nm input[type='text'] {outline:none;border:none; width:100%; letter-spacing:1px; font-weight: normal;}

.pssWrdArea{margin-top:8%;}
.nwPss1{margin-bottom:4%;}
.nwPss2{margin-bottom:4%;}
.pss{padding: 8px 8px 8px 8px; color:#333; border:1px solid #ff8099; border-radius:4px; overflow:hidden; list-style:none;}
.pss input[type='text'] {outline:none;border:none; width:100%; letter-spacing:1px; font-weight: normal;}

.PssCmtBtn{width:16%;margin:auto; color:#fff; background-color:#de3023; padding: 8px 8px 8px 8px; text-align:center; text-decoration:none; border:1px solid #ff8099; transition:.2s;border-radius:4px; overflow:hidden;}
.PssCmtBtn:hover {background: #fa5e52;}

.bssFntSz{font-size:60px;}
/*@media screen and (max-width:480px) {.menu{font-size:5px;}}
@media screen and (max-width:480px) {.title2{display:none;}}*/