@charset "utf-8";

/*===================================================
掲示板
===================================================*/
/********** タイトル **********/
#seminar h1 span {
  background-position: 0 -120px;
}

/********** 新規投稿ボタン **********/
#question_inputBt {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2em;
  font-size: 140%;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  margin: auto 0 auto auto;
}

#question_inputBt a {
  display: block;
  width: 12em;
  height: 1em;
  letter-spacing: 2px;
  background-color: #E7792B;
  border-radius: 5px;
  padding: 0.5em 0;
  margin: 0 0 0 auto;
}
#question_inputBt a,
#question_inputBt a:visited,
#question_inputBt a:hover {
  color: #fff;
  text-decoration: none;
}
#question_inputBt a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

#question_inputBt a span {
  background: url(../../common/images/icon_plus_w.png) no-repeat 0 center;
  background-size: 20px 20px;
  padding-left: 25px;
}

@media screen and ( max-width:1030px ) {
#question_inputBt {
  margin: auto 10px auto auto;
}
}

@media screen and ( max-width:665px ) {
#question_inputBt {
  box-sizing: border-box;
  position: static;
  margin: 0;
}

#question_inputBt a {
  width: 75%;
  margin: 10px auto 0 auto;
}
}

/********** サイドBBS **********/
#side_bbsBox_out {
  margin-top: 50px;
}

#side_bbsBox_tit,
#side_bbsBox2_tit {
  background-position: -5px -1px;
  background-size: 25px 25px;
}

#side_bbsBox_tit {
  background-image: url(../../common/images/side_icon_bbs_new.png);
  padding-left: 25px;
}

#side_bbsBox2_tit {
  background-image: url(../../common/images/side_icon_wait.png);
  padding-left: 20px;
}

/********** BBSウィジェット アコーディオン **********/
#side_bbsBox2Bt span {
  box-sizing: border-box;
  display: block;
  width: 90%;
  font-size: 110%;
  line-height: 1;
  color: #0078c4;
  font-weight: 500;
  text-align: center;
  border: 2px solid #c8daf0;
  border-radius: 5px;
  padding: 10px;
  margin: 5px auto 0 auto;
  cursor: pointer;
}
#side_bbsBox2Bt span:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

#side_bbsBox2 > ul:nth-child(2),
#side_bbsBox2Bt > span:nth-child(2),
#side_bbsBox2Bt.active > span {
  display: none;
}

#side_bbsBox2Bt.active > span:nth-child(2) {
  display: block !important;
}

/********** BBSガイド **********/
#side_bbs_guide {
  margin-top: 50px;
}

#side_bbs_guide_tit {
  background-position: -5px -1px;
  background-size: 25px 25px;
  background-image: url(../../common/images/side_icon_bbs_guide.png);
  padding-left: 20px;
}

#side_bbs_guide_link li {
  font-size: 90%;
  border-bottom: 1px dashed #ccc;
}
#side_bbs_guide_link li a {
  display: block;
  width: 100%;
  padding: 10px 0;
}
#side_bbs_guide_link li a,
#side_bbs_guide_link li a:visited,
#side_bbs_guide_link li a:hover {
  text-decoration: none;
}
#side_bbs_guide_link li a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

@media screen and ( max-width:665px ) {
#side_bbs_guide {
  display: none;
}
}

/*===================================================
掲示板一覧
===================================================*/

/********** 検索ボックス **********/
#searchBox_out {
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and ( max-width:1030px ) {
#searchBox_out {
  padding: 0 10px;
}
}

#searchBox {
  box-sizing: border-box;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  padding: 0 15px 15px 15px;
  margin-bottom: 30px;
}

.searchBox_in {
  display: table;
  width: 100%;
}

.searchBox_in dl {
  display: table-row;
}

.searchBox_in dt,
.searchBox_in dd {
  display: table-cell;
  vertical-align: top;
  border-top: 1px dashed #ccc;
  padding: 15px 0;
}
.searchBox_in dl:first-child dt,
.searchBox_in dl:first-child dd {
  border-top: none;
}

.searchBox_in dt,
.searchBox_in #salary span,
.searchBox_in input[type="text"] ,
.searchBox_in select {
  font-size: 110%;
  line-height: 1;
}

.searchBox_in dt {
  width: 7em;
  font-size: 125%;
  line-height: 1;
  font-weight: 500;
  color: #0077c3;
  white-space: nowrap;
  padding-top: 20px;
}

.searchBox_in input[type="text"] ,
.searchBox_in select {
  box-sizing: border-box;
  height: 30px;
  color: #666;
  border: 1px solid #c3c9d2;
  padding: 3px 5px;
}

.searchBox_in select {
  margin-right: 5px;
}

.searchBox_in input#tag,
.searchBox_in input#enter_sch_name {
  width: 100%;
}

.searchBox_in .checkboxList {
  margin-top: -10px;
}

.searchBox_in dl:first-child dd .selectArrow {
  width: 100%;
}

.searchBox_in .datepicker {
  width: 120px;
}

.searchBox_in .radio_text {
  margin-top: -4px;
  margin-right: 0;
}

.check_group {
  display: table;
  margin-top: 20px;
}

.check_group ul {
  display: table-cell;
  vertical-align: top;
}

.check_group .checkboxList li {
  height: auto !important;
}

.check_group ul:first-child li {
  border-right: none;
  border-radius: 5px 0 0 5px;
  padding: 18px 10px;
  margin: 0 !important;
}

.check_group ul:last-child {
  border: 1px solid #91b5e1;
  border-radius: 0 5px 5px 0;
  padding: 0 10px 10px 10px;
}

.check_group_in li:last-child {
  margin-right: 0 !important;
}

.check_group label {
  margin-left: 10px;
}
.check_group label:first-child {
  margin-left: 0;
}

/********** 検索ボタン **********/
#searchBtBox {
  width: 75%;
  margin: 0 auto 50px auto;
}

#searchBtBoxIn {
  position: relative;
}

#searchBt {
  margin-right: 5.5em;
}

#clearBt {
  position: absolute;
  top: 0;
  right: 0;
  width: 5em;
  padding: 0;
}

#searchBt button,
#clearBt button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 125%;
  line-height: 36px;
  text-align: center;
  border: none;
  border-radius: 5px;
  padding: 7px;
}

#searchBt button {
  font-size: 150%;
  font-weight: 900;
  color: #fff;
  background-color: #0077c3;
}

#searchBt button span {
  background: url(../../common/images/icon_search_w.png) no-repeat 0 center;
  background-size: 25px 25px;
  padding-left: 30px;
}

#clearBt button {
  color: #333;
  background-color: #ddd;
}

#searchBt button:hover,
#clearBt button:hover {
  cursor: pointer;
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
  text-decoration: none;
}


/********** 記事一覧 **********/
#bbs_listBox {
  width: 100%;
  margin: 0 auto 50px auto;
}

#bbs_listBox li {
  position: relative;
  margin-bottom: 30px;
}
#bbs_listBox li a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 30px;
}

#bbs_listBox li a,
#bbs_listBox li a:visited,
#bbs_listBox li a:hover {
  color: #333;
  text-decoration: none;
}

#bbs_listBox li a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
  background-color: #EBF6FA;
}

.bbs_list_tit {
  font-size: 125%;
  line-height: 1.5;
  font-weight: 500;
  color: #0078c4;
  margin-bottom: 5px;
}

.bbs_list_copy span {
  display: inline-block;
  margin-right: 15px;
}

@media screen and ( max-width:665px ) {
#bbs_listBox li {
  margin-bottom: 0;
}
#bbs_listBox li:first-child {
  margin-top: -15px;
}

#bbs_listBox li a {
  box-shadow: none;
  border-bottom: 1px dashed #ccc;
  border-radius: 0;
  padding: 15px 0;
  margin-bottom: 0;
}

.bbs_list_tit {
  font-size: 120%;
  line-height: 1.3;
  margin-bottom: 0;
}

.bbs_list_copy {
  font-size: 95%;
  line-height: 1.5;
}

.bbs_list_copy span {
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-left: 20px;
}
.bbs_list_copy span:first-child {
  padding-left: 0;
}
.bbs_list_copy span:nth-child(2) {
  background-image: url(../images/bbs_list_icon_01.png);
  background-position: 0 3px;
}
.bbs_list_copy span:last-child {
  background-image: url(../images/bbs_list_icon_02.png);
  background-position: 0 2px;
  margin-right: 0;
}
}

/********** アンケート付 **********/
.question a {
}

.question a:before {
  position: absolute;
  top: 50%;
  left: 20px;
  content:" ";
  width: 50px;
  height: 50px;
  background: url(../images/icon_question.png) no-repeat 0 0;
  background-size: 50px 50px;
  margin-top: -30px;
}

.question .bbs_list_tit,
.question .bbs_list_copy {
  margin-left: 60px;
}

@media screen and ( max-width:665px ) {
.question a {
  padding-top: 33px !important;
}

.question a:before {
  box-sizing: border-box;
  position: absolute;
  top: 15px;
  left: 0;
  content:"アンケート付";
  width: 100%;
  height: 18px;
  font-size: 100%;
  line-height: 19px;
  color: #0078c4;
  font-weight: 500;
  background: url(../images/icon_question.png) no-repeat 0 0;
  background-size: 18px 18px;
  padding-left: 18px;
  margin-top: 0;
}

.question .bbs_list_tit,
.question .bbs_list_copy {
  margin-left: 0;
}
}


/********** コメント待ち **********/
.waiting .bbs_list_tit:after {
  position: relative;
  top: -2px;
  content: "コメント待ち";
  font-size: 60%;
  line-height: 1;
  color: #ff0000;
  background-color: #ffe5e5;
  border: 1px solid #ff0000;
  border-radius: 3px;
  padding: 3px 7px;
  margin-left: 5px;
  white-space: nowrap;
}

@media screen and ( max-width:665px ) {
.waiting .bbs_list_tit {
  margin-bottom: 5px;
}
}


/********** 解決済 **********/
.settled a {
  min-height: 100px;
  background: url(../images/settled_stamp.png) no-repeat right 0;
  background-size: 100px 100px;
}
.settled a:hover {
  background-color: #eee !important;
}

.settled .bbs_list_tit,
.settled .bbs_list_copy {
  color: #777 !important;
}

@media screen and ( max-width:665px ) {
.settled a {
  min-height: 70px;
  background-position: right center;
  background-size: 70px 70px;
}
}


/********** ページング **********/
@media screen and ( max-width:665px ) {
#pagingBox {
  display: none;
}
}


/*===================================================
掲示板詳細
===================================================*/
/********** 記事内容 **********/
#bbs_detailHead {
  box-sizing: border-box;
  width: 100%;
  font-size: 95%;
  line-height: 1;
  margin-bottom: 5px;
}
#bbs_detailHead dt {
  float: left;
}
#bbs_detailHead dd {
  float: right;
}

#bbs_detail_tit {
  font-size: 125%;
  line-height: 1.3;
  color: #0078c4;
  font-weight: 600;
  background-color: #ebf2fa;
  border-top: 2px solid #5694d2;
  border-bottom: 2px solid #5694d2;
  padding: 10px;
  margin: 0 0 10px 0;
}

#bbs_detail {
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 20px;
}

#bbs_textBox {
  font-size: 110%;
  line-height: 1.75;
  word-break: break-all;
}

#bbs_imgBox {
  text-align: center;
}
#bbs_imgBox img {
  max-width: 100%;
  margin-top: 10px;
}

@media screen and ( max-width:665px ) {
#bbs_detailHead {
  font-size: 90%;
  padding-right: 46px;
  margin-bottom: 10px;
}

#bbs_detailHead dt,
#bbs_detailHead dd {
  float: left;
}
#bbs_detailHead dt {
  width: 8.5em;
}

#bbs_detail {
  box-shadow: none;
  border-bottom: 1px dashed #ccc;
  border-radius: 0;
  padding: 0 0 20px 0;
}
}

/********** アンケート **********/
#enquete_box {
  border-top: 1px dashed #ccc;
  padding: 15px 0 0 0;
  margin-top: 15px;
}

#enquete_tit {
  font-size: 110%;
  font-weight: 500;
  color: #00558f;
  border-bottom: 2px solid #00558f;
  padding-bottom: 3px;
  margin-bottom: 10px;
}

#enquete_copy {
  font-size: 105%;
  font-weight: 500;
  margin-bottom: 10px;
}

#enquete_table {
  display: table;
  width: 100%;
}
#enquete_table ul {
  display: table-row;
}
#enquete_table li {
  display: table-cell;
  line-height: 1.3;
  text-align: left;
  vertical-align: middle;
  padding-bottom: 5px;
}

.enquete_bt {
  width: 15px;
}

.enquete_pointBox {
  padding: 0 5px 5px 10px;
}
.enquete_point {
  position: relative;
  background-color: #c3e9f9;
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
}
.enquete_point p {
  position: relative;
  padding: 5px;
}

.enquete_bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.enquete_bg hr {
  display: none;
}

.enquete_percent {
  width: 45px;
}

#enquete_bt {
  margin-top: 10px;
}

#enquete_bt a {
  box-sizing: border-box;
  display: block;
  width: 75%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background-color: #0077c3;
  border-radius: 5px;
  margin: 0 auto;
}
#enquete_bt a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
  text-decoration: none;
}

@media screen and ( max-width:665px ) {
#enquete_bt a {
  width: 90%;
}
}

/********** 修正リンク **********/
.modifyBox {
  position: relative;
  font-size: 85%;
  line-height: 1;
  color: #999;
  text-align: right;
  vertical-align: top;
  margin-top: 7px;
  z-index: 10;
}

.modifyBox a {
  display: inline-block;
  white-space: nowrap;
  margin-left: 15px;
  margin-bottom: 10px;
}
.modifyBox a,
.modifyBox a:visited,
.modifyBox a:hover {
  color: #999;
  text-decoration: none;
}
.modifyBox a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

.modifyBox a span {
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: auto 13px;
  padding: 0 0 0 16px;
}

.bt_modify span {
  background-image: url(../../common/images/icon_pen_g.png);
}
.bt_delete span {
  background-image: url(../../common/images/icon_batsu_g.png);
}

.bt_report {
  color: #ccc !important;
}
.bt_report span {
  background-image: url(../../common/images/icon_ban.png);
}

.bt_reply span {
  background-image: url(../../common/images/icon_reply_g.png);
}

.bt_ohh span {
  background-image: url(../../common/images/icon_bulb.png);
  padding: 0 0 0 12px !important;
}

.bt_ohh b {
  position: relative;
  font-weight: 400;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0 5px;
  margin-left: 5px;
}
.bt_ohh b:after,
.bt_ohh b:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.bt_ohh b:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 5px;
  margin-top: -5px;
}
.bt_ohh b:before {
  border-color: rgba(204, 204, 204, 0);
  border-right-color: #ccc;
  border-width: 6px;
  margin-top: -6px;
}


/*===================================================
SNSボタン
===================================================*/
#bbs_snsBox {
  margin: 10px 0 0 0;
}

#bbs_snsBox ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}

#bbs_snsBox li {
  position: relative;
  display: table-cell;
  height: 40px;
  border-left: 5px solid #fff;
}
#bbs_snsBox li:first-child {
  border-left: none;
}

#bbs_snsBox li a {
  box-sizing: border-box;
  position: absolute;
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  padding: 5.5px;
}
#bbs_snsBox li a:hover {
  box-shadow: none;
  top: 3px;
}

.bbs_sns_fb a {
  background-color: #1877f2;
  box-shadow: 0 3px 0 rgb(18, 88, 179);
}

.bbs_sns_tw a {
  background-color: #0F1419;
  box-shadow: 0 3px 0 rgb(71, 79, 82);
}

.bbs_sns_go a {
  background-color: #da4e40;
  box-shadow: 0 3px 0 rgba(172, 62, 51, 1);
}

.bbs_sns_li a {
  background-color: #00b900;
  box-shadow: 0 3px 0 rgba(10, 110, 28, 1);
}

.bbs_sns_po a {
  background-color: #e7364a;
  box-shadow: 0 3px 0 rgba(180, 43, 59, 1);
}

#bbs_snsBox li a span {
  display: block;
  width: 100%;
  height: 29.5px;
  text-indent: -999em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.bbs_sns_fb a span {
  background-image: url(../../common/images/Facebook_Logo_Secondary2.png);
}

.bbs_sns_tw a span {
  background-image: url(../../common/images/x-logo-white.png);
}

.bbs_sns_go a span {
  background-image: url(../../common/images/icon_sns_s_go.png);
}

.bbs_sns_li a span {
  background-image: url(../../common/images/icon_sns_s_li.png);
}

.bbs_sns_po a span {
  background-image: url(../../common/images/icon_sns_s_po.png);
}

@media screen and ( max-width:665px ) {
.bbs_sns_fb a span {
  background-image: url(../../common/images/Facebook_Logo_Secondary2.png);
}

.bbs_sns_tw a span {
  background-image: url(../../common/images/x-logo-white.png);
}

.bbs_sns_go a span {
  background-image: url(../../common/images/icon_sns_go_s.png);
}

.bbs_sns_li a span {
  background-image: url(../../common/images/icon_sns_li_s.png);
}

.bbs_sns_po a span {
  background-image: url(../../common/images/icon_sns_po_s.png);
}
}


/*===================================================
コメント
===================================================*/
#commentBox {
  padding: 50px 0;
}
@media screen and ( max-width:1030px ) {
#commentBox_out {
  padding: 0 10px;
}
}

@media screen and ( max-width:665px ) {
#commentBox {
  padding: 30px 0;
}
}


#commentSort {
  height: 1em;
  font-size: 95%;
  line-height: 1;
  margin-bottom: 10px;
}
#commentSort span,
#commentSort a {
  display: inline-block;
  height: 1em;
  line-height: 1;
}
#commentSort span:first-child {
  border-right: 2px solid #999;
  padding-right: 7px;
  margin-right: 7px;
}

#commentSort a.thisSort {
  pointer-events: none !important;
  color: #666;
  font-weight: 500;
}


#commentBox_waku {
  box-sizing: border-box;
  width: 100%;
  border: 5px solid #efefef;
  margin: 0 auto;
}

#editBox {
  box-sizing: border-box;
  width: 100%;
  padding: 15px 20px;
  border-bottom: 5px solid #efefef;
}

#edit_nickname {
  margin-bottom: 10px;
}

#editBox textarea,
#editBox input {
  box-sizing: border-box;
  width: 100%;
  font-size: 85%;
  line-height: 1.3;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 5px;
}
#edit_nickname input {
  height: 2em;
}
#edit_comment textarea {
  min-height: 7em;
  resize: vertical;
}

#edit_btBox {
  position: relative;
  width: 75%;
  margin: 10px auto 0 auto;
  z-index: 5;
}
#edit_btLink {
  width: 50%;
  margin: 30px auto;
}

#edit_btBox a,
#edit_btLink a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}
#edit_btBox a {
  background-color: #0077c3;
}
#edit_btLink a {
  background-color: #bbb;
}

#edit_btBox a:hover,
#edit_btLink a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
  text-decoration: none;
}

#commentBox_in {
  padding: 0 20px;
}

#commentBox_in li {
  position: relative;  
  padding: 15px 0;
  border-bottom: 1px dashed #ccc;
}

.comment_name {
  color: #0078c4;
  background-color: #ebf2fa;
  border-radius: 3px;
  padding: 3px 5px;
  margin-bottom: 5px;
}
.comment_name b {
  margin-right: 15px;
}

.comment_text {
  line-height: 1.75;
  word-break: break-all;
}

@media screen and ( max-width:665px ) {
#commentBox_waku {
  border: none;
  border-top: 2px solid #efefef;
  padding-top: 10px;
}

#editBox {
  padding: 0 0 10px 0;
  border-bottom: 2px solid #efefef;
}

#commentBox_in {
  padding: 0;
}

#edit_btLink {
  width: 75%;
  margin: 15px auto 0 auto;
}
}

/********** ベストアンサー **********/
#commentBox_in li#bestAn:after {
  position: absolute;
  top: 5px;
  right: -15px;
  display: block;
  content:"";
  width: 100px;
  height: 100px;
  background: url(../images/bestan_stamp.png) no-repeat right 0;
  background-size: 100px 100px;
}

#commentBox_in li#bestAn .comment_name {
  color: #E16062;
  background-color: #FBE7EB;
}

.bestAnBox {
  width: 50%;
  margin: 5px auto;
}

.bestAnBox a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 40px;
  font-size: 120%;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  background-color: #ebf2fa;
  border: 1px solid #0078c4;
  border-radius: 7px;
  padding: 10px 0;
}

.bestAnBox a,
.bestAnBox a:visited,
.bestAnBox a:hover {
  color: #0078c4;
  text-decoration: none;
}
.bestAnBox a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

@media screen and ( max-width:665px ) {
.bestAnBox {
  width: 90%;
}

.bestAnBox a {
  height: 34px;
  font-size: 110%;
  line-height: 14px;
}
}

/********** 更新日ポップアップ **********/
#modifyPopup .popupBox,
#updatePopup .popupBox,
#deletePopup .popupBox,
#reporPopup .popupBox,
#commentdeletePopup .popupBox,
#commentreporPopup .popupBox,
#bestAnPopup .popupBox {
  width: 50%;
}

#modifyPopup p,
#updatePopup p,
#deletePopup p,
#reporPopup p,
#commentdeletePopup p,
#commentreporPopup p,
#bestAnPopup .popupBox p {
  text-align: center;
}

#updatePopup .popupBox dl {
  border-bottom: 1px dashed #ccc;
}

#updatePopup .popupBox dt,
#updatePopup .popupBox dd {
  text-align: left;
  border-top: 1px dashed #ccc;
  padding-top: 7px;
  margin-bottom: 7px;
}
#updatePopup .popupBox dt:first-child,
#updatePopup .popupBox dd:nth-child(2) {
  border-top: none;
}
#updatePopup .popupBox dt {
  clear: both;
  float: left;
  width: 10em;
}
#updatePopup .popupBox dd {
  margin-left: 10em;
}

#modifyPopup .popupBox .ok_btmBox,
#updatePopup .popupBox .ok_btmBox,
#deletePopup .popupBox .ok_btmBox,
#reporPopup .popupBox .ok_btmBox,
#commentdeletePopup .popupBox .ok_btmBox,
#commentreporPopup .popupBox .ok_btmBox,
#bestAnPopup  .popupBox .ok_btmBox {
  width: 90%;
  margin: 10px auto 20px auto;
}
#modifyPopup .popupBox .ok_btmBox a,
#updatePopup .popupBox .ok_btmBox a,
#deletePopup .popupBox .ok_btmBox a,
#reporPopup .popupBox .ok_btmBox a,
#commentdeletePopup .popupBox .ok_btmBox a,
#commentreporPopup .popupBox .ok_btmBox a,
#bestAnPopup  .popupBox .ok_btmBox a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 140%;
  line-height: 30px;
  font-weight: 500;
  background-color: #0078c4;
  border: none;
  border-radius: 7px;
  padding: 10px 0;
}

#modifyPopup .popupBox .ok_btmBox a,
#updatePopup .popupBox .ok_btmBox a,
#deletePopup .popupBox .ok_btmBox a,
#reporPopup .popupBox .ok_btmBox a,
#commentdeletePopup .popupBox .ok_btmBox a,
#commentreporPopup .popupBox .ok_btmBox a,
#bestAnPopup  .popupBox .ok_btmBox a,
#modifyPopup .popupBox .ok_btmBox a:visited,
#updatePopup .popupBox .ok_btmBox a:visited,
#deletePopup .popupBox .ok_btmBox a:visited,
#reporPopup .popupBox .ok_btmBox a:visited,
#commentdeletePopup .popupBox .ok_btmBox a:visited,
#commentreporPopup .popupBox .ok_btmBox a:visited,
#bestAnPopup  .popupBox .ok_btmBox a:visited,
#modifyPopup .popupBox .ok_btmBox a:hover,
#updatePopup .popupBox .ok_btmBox a:hover,
#deletePopup .popupBox .ok_btmBox a:hover,
#reporPopup .popupBox .ok_btmBox a:hover,
#commentdeletePopup .popupBox .ok_btmBox a:hover,
#commentreporPopup .popupBox .ok_btmBox a:hover,
#bestAnPopup  .popupBox .ok_btmBox a:hover {
  color: #fff;
  text-decoration: none;
}
#modifyPopup .popupBox .ok_btmBox a:hover,
#updatePopup .popupBox .ok_btmBox a:hover,
#deletePopup .popupBox .ok_btmBox a:hover,
#reporPopup .popupBox .ok_btmBox a:hover,
#commentdeletePopup .popupBox .ok_btmBox a:hover,
#commentreporPopup .popupBox .ok_btmBox a:hover,
#bestAnPopup  .popupBox .ok_btmBox a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

#modifyPopup .popupTit,
#updatePopup .popupTit,
#deletePopup .popupTit,
#reporPopup .popupTit,
#commentdeletePopup .popupTit,
#commentreporPopup .popupTit,
#bestAnPopup .popupTit,
.bl_mailPopup .popupTit {
  color: #00558f;
  font-size: 125%;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  background-color: #ebf2fa;
  border-bottom: 2px solid #5694d2;
  border-top: 2px solid #5694d2;
  padding: 10px;
  margin: 0 0 15px 0;
}

.bl_mailPopup .popupTit + p {
  line-height: 1.8;
  text-align: center;
  margin: 30px 0;
}

.bl_mailPopup .el_mailCancel {
  width: 50%;
  color: #fff;
  background-color: #5694d2;
}

@media screen and ( max-width:665px ) {
#modifyPopup .popupBox,
#updatePopup .popupBox,
#deletePopup .popupBox,
#reporPopup .popupBox,
#commentdeletePopup .popupBox,
#commentreporPopup .popupBox,
#bestAnPopup .popupBox,
.bl_mailPopup .popupBox {
  width: 90%;
}
.comment_name {
  line-height: 1;
}

.comment_name b {
  display: block;
  line-height: 1.5;
  margin: 0 0 3px 0;
}
}


/*===================================================
リコメンド
===================================================*/
/********** タイトル **********/
#bbs_RecommendedTit {
  box-sizing: border-box;
  width: 100%;
  font-size: 115%;
  line-height: 1;
  color: #fff;
  background-color: #00558f;
  border-radius: 5px;
  padding: 7px 10px;
}

/********** リスト **********/
#bbs_RecommendedList li {
  border-bottom: 1px dashed #ccc;
}

#bbs_RecommendedList li a {
  display: block;
  width: 100%;
  padding: 10px 0;
}
#bbs_RecommendedList li a:hover {
  text-decoration: none;
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

#bbs_RecommendedList .settled a {
  min-height: inherit;
  background-position: right bottom;
  background-size: 65px 65px;
}

.bbs_RecommendedState {
  font-size: 95%;
  line-height: 1;
  margin-bottom: 3px;
}

.bbs_RecommendedState span {
  margin-right: 10px;
}

.bbs_RecommendedState span:first-child {
  display: inline-block;
  border-radius: 3px;
  padding: 3px 7px;
  margin-right: 5px;
}

#bbs_RecommendedList .bbs_list_tit {
  line-height: 1.3;
  margin-bottom: 0;
}

@media screen and ( max-width:665px ) {
.bbs_RecommendedState span {
  font-size: 85%;
}

#bbs_RecommendedList .bbs_list_tit {
  font-size: 110%;
  margin-bottom: 3px;
}

#bbs_RecommendedList .bbs_list_copy {
  line-height: 1;
}

#bbs_RecommendedList .bbs_list_copy span {
  background-size: 14px;
  padding-left: 18px;
}

#bbs_RecommendedList .bbs_list_copy span:first-child {
  background-image: url(../images/bbs_list_icon_01.png);
  background-position: 0 0;
}
#bbs_RecommendedList .bbs_list_copy span:nth-child(2) {
  background-image: url(../images/bbs_list_icon_02.png);
  background-position: 0 0;
  margin-right: 0;
}
}


/*===================================================
サイドメニュー主催団体
===================================================*/
#side_seminar_groupBox_out {
  margin-bottom: 50px;
}

#side_seminar_group_tit {
  background-position: 0 -50px;
}

#side_seminar_groupImgBox {
}

#side_seminar_groupImgBox li {
  font-size: 83.3%;
  border-bottom: 1px dashed #ccc;
}
#side_seminar_groupImgBox li a {
  display: block;
  width: 100%;
  text-decoration: underline;
  padding: 10px 0;
}
#side_seminar_groupImgBox li a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
  text-decoration: none;
}

.side_seminar_groupImgBox_in,
.side_seminar_group_name {
  box-sizing: border-box;
}

.side_seminar_groupImgBox_in {
  border: 1px solid #eee;
  margin-bottom: 5px;
}

.side_seminar_groupImg_out {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #eee;
  padding: 50% 0 0 0;
}

.side_seminar_groupImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.side_seminar_groupImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and ( max-width:665px ) {
#side_seminar_groupBox_out {
  display: none;
}
}


/*===================================================
セミナー詳細
===================================================*/
#seminar_detail .seminar_detail {
  margin-bottom: 7px;
}

#seminar_detail .seminar_Img_out {
  padding: 75% 0 0 0;
}

#seminar_detail .seminar_CopyBox {
  padding: 10px 0 0 0;
  margin: 0;
}

#seminar_detailCopy {
  color: #0078c4;
  font-size: 125%;
  line-height: 1.25;
  font-weight: 500;
  margin: 0 0 5px 0;
}

/********** 動画埋め込み **********/
.movieBox {
  margin: 15px 0;
}

.movieBox iframe {
  border: none;
}

/********** サブ画像 **********/
#seminar_detail_subImgBox{
  margin-top: -5px;
}

#seminar_detail_subImgBox ul {
  width: 100%;
}

#seminar_detail_subImgBox li {
  box-sizing: border-box;
  float: left;
  width: 32%;
  background-color: #fff;
  margin-top: 15px;
  margin-left: 2%;
}

#seminar_detail_subImgBox li:first-child,
#seminar_detail_subImgBox li:nth-child(4) {
  margin-left: 0;
}

.seminar_detail_subImg_out {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #eee;
  padding: 75% 0 0;
}

.seminar_detail_subImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.seminar_detail_subImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#seminar_detail_subImgBox li p {
  font-size: 90%;
  margin-top: 5px;
}

/********** 管理番号等 **********/
#noBox {
  margin-bottom: 30px;
}

#noBox p {
  display: table;
  font-size: 90%;
  line-height: 1;
  text-align: right;
  color: #0078c4;
  margin: 0 0 0 auto;
}

#noBox p span,
#noBox p a {
  display: table-cell;
  vertical-align: middle;
}

#noBox p span {
  padding-right: 15px;
}

#noBox p a {
  background-color: #5694d2;
  border-radius: 5px;
  padding: 5px 10px;
}
#noBox p a,
#noBox p a:visited,
#noBox p a:hover {
  color: #fff;
  text-decoration: none;
}
#noBox p a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

/********** 研修会資料 **********/
#dataBox_wrapper {
  border-bottom: 1px dashed #ccc;
  padding: 0 0 45px 0;
  margin: 10px 0 0 0;
}

#dataBox_out {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #eee;
  padding: 65% 0 0 0;
}

#dataBox {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
}

#dataBox .slick-dotted.slick-slider {
  margin-bottom: 0;
}

#dataBox .data_slider,
#dataBox .slick-list,
#dataBox .slick-track {
  height: 100%;
}
#dataBox .slick-track img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.data_slider .slick-prev,
.data_slider .slick-next {
  z-index: 1000;
}
.data_slider .slick-prev {
  left: 0;
}
.data_slider .slick-next {
  right: 0;
}

#dataBox .slick-arrow {
  display: block;
  width: 20px;
  height: 80px;
  background-image: url(../../common/images/slick_arrow.png);
  background-repeat: no-repeat;
  background-size: 40px 80px;
}
#dataBox .slick-arrow:hover {
  background-image: url(../../common/images/slick_arrow.png);
  background-size: 40px 80px;
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
  text-decoration: none;
}
#dataBox .slick-prev {
  background-position: 0 0!important;
}
#dataBox .slick-next {
  background-position: right 0!important;
}

#dataBox .data_slider .slick-prev::before,
#dataBox .data_slider .slick-next::before,
#dataBox .slick-dots li button::before {
  display: none;
}

#dataBox .slick-dots {
  bottom: -40px;
}

#dataBox .slick-dots li {
  display: none;
  width: auto;
  cursor: auto;
  margin: 0;
}
#dataBox .slick-dots li.slick-active {
  display: inline-block!important;
}

#dataBox .slick-dots li button {
  pointer-events: none;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
  color: #333;
  padding: 0;
}

#seminar_InfoBox00 .seminar_InfoTit {
  margin-bottom: 10px!important;
}

#seminar_InfoBox00 .seminar_InfoBox {
}

/********** 詳細内容 **********/
.seminar_InfoTit {
  box-sizing: border-box;
  width: 100%;
  font-size: 115%;
  line-height: 1;
  color: #fff;
  background-color: #00558f;
  border-radius: 5px;
  padding: 7px 10px;
}

#seminar_detail .seminar_InfoBox dl {
  background-color: #fff;
}
#seminar_detail .seminar_InfoBox dl:nth-child(even) {
  background-color: #f2f5fa;
}

#seminar_detail .seminar_InfoBox dl:first-child dt,
#seminar_detail .seminar_InfoBox dl:first-child dd {
  border-top: none;
}

#tel_copy {
  padding: 10px;
}

/********** 申込みボタン **********/
#seminar_applyBt {
  text-align: center;
  margin: 0 10px 30px 0;
}

#seminar_applyBt ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}

#seminar_applyBt li {
  display: table-cell;
  padding-left: 10px;
}

#seminar_applyBt a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 47px;
  font-size: 115%;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  background-color: #0078c4;
  border-radius: 5px;
  padding: 15px 10px;
}
#seminar_applyBt a,
#seminar_applyBt a:visited,
#seminar_applyBt a:hover {
  color: #fff;
  text-decoration: none;
}

.applyBt_inList a {
  background-color: #d9d9d9 !important;
}
.applyBt_inList a,
.applyBt_inList a:visited,
.applyBt_inList a:hover {
  color: #333 !important;
}

#seminar_applyBt a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

#seminar_applyBt a span {
  background-size: 18px 16px !important;
  padding-left: 25px;
}

#applyBt_tel a span {
  background: url(../../common/images/icon_mail.png) no-repeat 0 center;
}
.applyBt_inList a span {
  background: url(../../common/images/icon_file.png) no-repeat 0 center;
}

/********** SNSボタン **********/
#seminar_snsBox {
  border-top: 1px solid #91b5e1;
  border-bottom: 1px solid #91b5e1;
  padding: 20px 0;
  margin: 50px 0;
}

#seminar_snsBox dl {
  display: table;
  width: 100%;
}

#seminar_snsBox dt,
#seminar_snsBox dd {
  display: table-cell;
  vertical-align: middle;
}

#seminar_snsBox dt {
  font-size: 125%;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
}

#seminar_snsBox dd ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}

#seminar_snsBox dd li {
  display: table-cell;
  padding-left: 10px;
}

#seminar_snsBox dd li a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  padding: 8px;
}
#seminar_snsBox dd li a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

#seminar_snsBox_fb a {
	background-color: #1877f2;
}

#seminar_snsBox_tw a {
	background-color: #0F1419 ;
}

#seminar_snsBox_go a {
  background-color: #da4e40;
}

#seminar_snsBox dd li a span {
  display: block;
  width: 100%;
  height: 24px;
  text-indent: -999em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#seminar_snsBox_fb a span {
	background-image: url(../../common/images/Facebook_Logo_Secondary2.png);
}

#seminar_snsBox_tw a span {
	background: url(../../common/images/x-logo-white.png);
}

#seminar_snsBox_go a span {
  background: url(../../common/images/icon_sns_s_go.png);
}

@media screen and ( max-width:665px ) {
#seminar_detail .seminar_ImgBox,
#seminar_detail .seminar_CopyBox {
  display: block;
  float: none;
  width: 100%;
}

#seminar_detail .seminar_ImgBox {
  padding: 0;
}

#seminar_detail_subImgBox {
  margin-top: 10px;
}

#seminar_detail_subImgBox li {
  float: none;
  width: 100%;
  margin: 0 !important;
}

#seminar_detail_subImgBox li p {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#seminar_detail_subImgBox li:last-child p {
  margin-bottom: 0;
}

.data_slider .slick-prev {
  left: -5px;
}
.data_slider .slick-next {
  right: -5px;
}

#noBox p span {
  padding-right: 0;
  padding-left: 15px;
}

#noBox p a {
  display: none;
}

#seminar_detail .seminar_InfoBox {
  display: table;
}

#seminar_applyBt li {
  display: block;
  width: 100%;
  padding-left: 0;
  margin-top: 15px;
}
#seminar_applyBt li:first-child {
  margin-top: 0;
}
}

@media screen and ( max-width:1000px ) {

#seminar_snsBox dt,
#seminar_snsBox dd {
  display: block;
}

#seminar_snsBox dt {
  margin: 0 0 7px 10px;
}

#seminar_snsBox dd {
  margin-right: 10px;
}
}

/*===================================================
問い合わせポップアップ
===================================================*/
#telPopup {
  padding: 10px;
}

#telPopup .seminar_InfoBox dl {
  background-color: #fff;
}
#telPopup .seminar_InfoBox dl:nth-child(even) {
  background-color: #f2f5fa;
}

#telPopup .seminar_InfoBox dt {
  width: 8.5em;
  vertical-align: top;
}

#telPopup .seminar_InfoBox dl:first-child dt,
#telPopup .seminar_InfoBox dl:first-child dd {
  border-top: none;
}

#telPopup .seminar_InfoBox input[type="text"],
#telPopup .seminar_InfoBox input[type="email"],
#telPopup .seminar_InfoBox textarea {
  box-sizing: border-box;
  width: 100%;
  font-size: 110%;
  line-height: 1;
  color: #666;
  border: 1px solid #c3c9d2;
  padding: 3px 5px;
}

#telPopup .seminar_InfoBox input[type="text"],
#telPopup .seminar_InfoBox input[type="email"] {
  height: 30px;
}

#telPopup #backBtBox {
  display: none;
  margin: 0 auto;
}

#telPopup .popup_btMove {
  margin: 30px auto;
}

@media screen and ( max-width:665px ) {
#telPopup .seminar_InfoBox {
  margin-top: 10px;
}

#telPopup .seminar_InfoBox,
#telPopup .seminar_InfoBox dl,
#telPopup .seminar_InfoBox dt,
#telPopup .seminar_InfoBox dd {
  box-sizing: border-box;
  display: block;
  width: 100%;
  background-color: transparent;
}

#telPopup .seminar_InfoBox dt,
#telPopup .seminar_InfoBox dd {
  border-top: 1px dashed #ccc !important;
  padding: 7px;
}

#telPopup .seminar_InfoBox dt {
  text-indent: 0;
  background-color: #f2f5fa;
}
#telPopup .seminar_InfoBox dt br {
  display: none;
}

#telPopup .seminar_InfoBox dd {
  background-color: #fff;
  padding-bottom: 21px;
}

#telPopup .seminar_InfoBox dl:last-child dd {
  padding-bottom: 7px;
}

#telPopup #backBtBox {
  display: block;
}
}

/*===================================================
カレンダー
===================================================*/
#seminar_calendarBox {
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 30px auto;
}

@media screen and ( max-width:1030px ) {
#seminar_calendarBox {
  padding: 0 10px;
}
}

#seminar_calendar_monthBox {
  position: relative;
  text-align: center;
  background-color: #0077c3;
  border-radius: 10px 10px 0 0;
  padding: 10px 7px;
}

#seminar_calendar_month {
  font-size: 150%;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

#seminar_calendar_monthBox a,
#seminar_calendar_monthBox a:visited,
#seminar_calendar_monthBox a:hover {
  color: #333;
  text-decoration: none;
}
#seminar_calendar_monthBox a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

#seminar_calendar_month_p,
#seminar_calendar_month_n {
  position: absolute;
  top: 10px;
}
#seminar_calendar_month_p {
  left: 10px;
}
#seminar_calendar_month_n {
  right: 10px;
}
#seminar_calendar_month_p a,
#seminar_calendar_month_n a {
  display: block;
  line-height: 22px;
  background-color: #fff;
  border-radius: 11px;
  height: 22px;
  padding: 0 10px;
}
#seminar_calendar_month_p a span {
  background: url(../../common/images/arrow_or_l.png) no-repeat left center;
  background-size: auto 9px;
  padding-left: 13px;
}

#seminar_calendar_month_n a span {
  background: url(../../common/images/arrow_or.png) no-repeat right center;
  background-size: auto 9px;
  padding-right: 13px;
}

#seminar_calendarBox li {
  border: 2px solid #c9daf1;
  border-top: none;
}
#seminar_calendarBox li:last-child {
  border-radius: 0 0 10px 10px;
}

#seminar_calendarBox li p:nth-child(even) a {
  background-color: #eee;
}

#seminar_calendarBox li.satD p:nth-child(even) a,
#seminar_calendarBox li.sunD p:nth-child(even) a {
  background-color: #fff;
}
.satD .seminar_day,
#seminar_calendarBox li.satD p:nth-child(odd) a {
  background-color: #edf7fd;
}
.sunD .seminar_day,
#seminar_calendarBox li.sunD p:nth-child(odd) a {
  background-color: #fcf0f6;
}

#seminar_calendarBox p {
  border-top: 1px dashed #ccc;
}
#seminar_calendarBox p:first-child {
  border-top: none;
}

#seminar_calendarBox p a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 7px;
}
#seminar_calendarBox p a,
#seminar_calendarBox p a:visited,
#seminar_calendarBox p a:hover {
  color: #333;
  text-decoration: none;
}
#seminar_calendarBox p a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

#seminar_calendarBox .pu_se a,
#seminar_calendarBox .pu_se a:visited,
#seminar_calendarBox .pu_se a:hover {
  color: #e44a06;
}

#seminar_calendarBox .li_se a,
#seminar_calendarBox .li_se a:visited,
#seminar_calendarBox .li_se a:hover {
  color: #E2607D;
}

#seminar_calendarBox .seminar_day {
  font-size: 200%;
  line-height: 1;
  color: #999;
  font-weight: 400;
  padding: 7px;
}
#seminar_calendarBox .seminar_day span {
  font-size: 60%;
  margin-left:-5px;
}

#seminar_calendarBox li.satD .seminar_day {
  color: #0065a9;
}
#seminar_calendarBox li.sunD .seminar_day {
  color: #F00;
}

#seminar_calendarBox .seIcon_pu,
#seminar_calendarBox .seIcon_li {
  display: inline-block;
  font-size: 90%;
  line-height: 1;
  color: #fff;
  border-radius: 10px;
  padding: 3px 7px;
  margin: 0 0 0 5px;
}

#seminar_calendarBox .seIcon_pu {
  background-color: #f29f57;
}

#seminar_calendarBox .seIcon_li {
  background-color: #E2607D;
}

/*===================================================
主催団体一覧
===================================================*/
#searchBt_s {
  float: right;
  width: 60px;
}

#searchBt_s button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 30px;
  font-size: 110%;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #0077c3;
  border: none;
  border-radius: 5px;
  padding: 5px;
}

#searchBt_s button:hover {
  cursor: pointer;
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
  text-decoration: none;
}

#freewordBox_s_tit {
  width: 7em;
  padding-bottom: 0;
}

#freewordBox_s {
  margin-right: 70px;
}

#group_list_countBox {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 28px;
  font-size: 90%;
  line-height: 1;
  color: #fff;
  background-color: #00558f;
  border-radius: 5px;
  padding: 7px 10px;
  margin-bottom: 15px;
}
#group_list_countBox #count_tit b {
  font-size: 115%;
}
#group_list_countBox #count_tit span {
  margin-left: 5px;
}

#group_listBox {
  width: 100%;
  margin: 0 auto 50px auto;
}

.group_detail {
  display: table;
  width: 100%;
}

.group_detail .seminar_ImgBox,
.group_detail .seminar_CopyBox {
  box-sizing: border-box;
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

#group_listBox .seminar_ImgBox {
  box-sizing: border-box;
  float: none;
  width: 40%;
  padding-right: 10px;
}
#group_listBox .seminar_ImgBox .seminar_Img_out {
  padding: 75% 0 0 0;
}

#group_listBox .seminar_CopyBox {
  padding: 0;
}
#group_listBox .seminar_CopyBox .seminar_copy {
  margin: 0 0 5px 0;
}

#group_listBox .seminar_InfoBox {
  display: table !important;
  margin: 10px 0 0 0;
}
#group_listBox .seminar_InfoBox  dt {
  width: 5.5em;
}

@media screen and ( max-width:665px ) {
.searchBox_in dt,
.searchBox_in dd {
  display: block;
  width: 100%;
}

.searchBox_in dt {
  line-height: 1;
  padding-top: 15px;
}

.searchBox_in dd {
  padding-top: 5px;
}

#group_list_countBox #count_tit span,
#group_list_countBox #count_titPaging {
  display: none;
}
}

/********** 協賛団体 **********/
.picup_gu,
.picup_gu .seminar_Subcopy:before,
.picup_gu .seminar_Subcopy:after {
  background-color: #FFF8F8;
}

.picup_gu .seminar_copy,
.picup_gu .seminar_InfoBox dt {
  color: #e76ea5;
}

.picup_guIcon {
  margin: 0 0 5px 0;
}
.picup_guIcon span {
  display: inline-block;
  line-height: 14px;
  color: #fff;
  background-color: #e76ea5;
  border-radius: 10px;
  padding: 3px 10px;
}

/*===================================================
主催団体詳細
===================================================*/
#group_detail #seminar_detail_subImgBox {
  margin: 0;
}

#group_detail #seminar_detail_subImgBox li {
  margin-top: 0;
  margin-bottom: 10px !important;
}

#group_detail .seminar_detail {
  margin-bottom: 7px;
}

#group_detail .seminar_CopyBox {
  float: none;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
}

#group_detail .seminar_detail .seminar_InfoBox {
  display: table;
  margin-bottom: 0;
}
#group_detail .seminar_detail .seminar_InfoBox dt {
  width: 7.5em;
}

#group_detail .seminar_detail a,
#group_detail .seminar_detail a:visited {
  color: #00558e;
  text-decoration: none;
}
#group_detail .seminar_detail a:hover {
  color: #00558e;
  text-decoration: underline;
}

.group_seminarList dl {
  display: table;
  width: 100%;
  border-bottom: 1px dashed #ccc;
}

.group_seminarList dl:nth-child(even) {
  background-color: #f2f5fa;
}

.group_seminarList dt,
.group_seminarList dd {
  display: table-cell;
  vertical-align: top;
  padding: 10px 5px;
}
.group_seminarList dt {
  width: 11em;
  padding-right: 0;
}

#group_seminarAll {
  text-align: right;
  margin: 7px 0 30px 0;
}

#group_seminarAll a {
  display: inline-block;
  background-color: #d9d9d9;
  border-radius: 7px;
  padding: 5px 10px;
}
#group_seminarAll a,
#group_seminarAll a:visited,
#group_seminarAll a:hover {
  color: #333;
  text-decoration : none
}
#group_seminarAll a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
  cursor: pointer;
}

#group_seminarAll a span {
  background: url(../../common/images/arrow_black.png) no-repeat right center;
  background-size: auto 10px;
  padding-right: 15px;
}

@media screen and ( max-width:665px ) {
#group_detail .seminar_detail {
  border: none;
  padding-bottom: 0;
}

#group_seminarAll {
  font-size: 110%;
  text-align: center;
}
#group_seminarAll a {
  padding: 7px 20px;
}
}

/*===================================================
検討中リスト
===================================================*/
.seWa_ta {
  margin-bottom: 30px;
}

.seWa_tl {
  display: table;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 7px;
}

.seWa_tc,
.seWa_tc2 {
  display: table-cell;
  vertical-align: middle;
}

.seWa_tc {
  border-radius: 7px 0 0 7px;
}

.seWa_tc a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px;
}
.seWa_tc a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
  text-decoration: none;
}

.seWa_tc p {
  margin-top: 3px;
}

.seWa_name {
  font-size: 105%;
  margin-top: 0;
}
.seWa_tc a .seWa_sub,
.seWa_tc a:visited .seWa_sub,
.seWa_tc a:hover .seWa_sub {
  color: #333;
}

.seWa_sub {
  float: left;
  margin-right: 15px;
}

.seWa_tc2 {
  text-align: center;
  background-color: #e8f1f8;
  border-left: 1px solid #ccc;
  border-radius: 0 7px 7px 0;
}

.seWa_tc2 .join {
  font-size: 115%;
  line-height: 1;
  color: #F00;
}

.seWa_tc2 a {
  display: block;
  width: 4em;
  line-height: 1;
  background-color: #999;
  border-radius: 7px;
  padding: 5px;
  margin: 0 auto;
}
.seWa_tc2 a,
.seWa_tc2 a:visited,
.seWa_tc2 a:hover {
  color: #fff;
}
.seWa_tc2 a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
  text-decoration: none;
}
.seWa_tc2 a span {
  background: url(../../common/images/icon_batsu_r.png) no-repeat 0 center;
  background-size: 15px 15px;
  padding-left: 18px;
}

.seWa_taIn {
  display: table;
  width: 100%;
}

.seWa_taIn p {
  width: 5em;
  padding: 10px;
}
.seWa_taIn p:first-child {
  border-bottom: 1px solid #ccc;
}


/********** 募集終了 **********/
.join_end .seWa_tc a {
  pointer-events: none !important;
}
.join_end .seWa_tc a,
.join_end .seWa_tc a:visited,
.join_end .seWa_tc a:hover {
  color: #666;
}

.join_end .seWa_tc {
  background-color: #f9f9f9;
}

.join_end .seWa_tc2 {
  background-color: #eee;
}

.join_end .join {
  color: #333;
}


/*===================================================
検索ボタン
===================================================*/
#bt_change_search_conditions {
  position: fixed;
  top: 300px;
  right: -300px;
  display: block;
  width: 292px;
  height: 60px;
}

#bt_change_search_conditions a {
  box-sizing: border-box;
  display: block;
  width: 292px;
  height: 60px;
  text-indent: -999em;
  color: #0078c4;
  background: url(../../common/images/bt_change_search_conditions.png) #0078c4 no-repeat 10px 15px;
  background-size: 182px 30px;
  border-radius: 10px;
  padding: 10px 100px 10px 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

@media screen and ( max-width:665px ) {
#bt_change_search_conditions {
  display: none !important;
}
}

/*===================================================
スマホ用検索
===================================================*/
#bbs_search_sp .pc_on {
  display: block !important;
}

#bbs_search_sp #headBox {
  padding: 10px;
}

#bbs_search_sp #headLogoBox,
#bbs_search_sp #headLogo,
#bbs_search_sp #headLogo a {
  width: 190px;
  height: auto;
}

#bbs_search_sp #headLogo a {
  height: 0;
  padding-top: 11.3636%;
}

#bbs_search_sp #panNav {
  border-top: 2px solid #91b5e1;
  padding-top: 10px;
  margin: 0 auto;
}
#bbs_search_sp #panNav ul {
  border-bottom: none;
  padding-bottom: 10px !important;
}

#bbs_search_sp #searchBox_out {
  padding: 0;
}

#bbs_search_sp #searchBox {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0 0 80px 0;
}

#bbs_search_sp .searchBox_in dt,
#bbs_search_sp .searchBox_in dd {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-top: 1px dashed #ccc !important;
  padding: 10px !important;
}

#bbs_search_sp .searchBox_in dt {
  background-color: #f2f5fa;
}

#bbs_search_sp .searchBox_in dd {
  margin-bottom: 15px;
}

#bbs_search_sp .searchBox_in select {
  width: 100%;
  margin: 0 0 5px 0;
}

#bbs_search_sp #searchBtBox {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  padding: 15px 0;
  margin: 0;
  z-index: 1000;
}

#bbs_search_sp #searchBtBoxIn {
  padding: 0 10px;
}

#bbs_search_sp #clearBt {
  right: 10px;
}

#bbs_search_sp #bt_to_top {
  right: 15px;
  bottom: 85px;
  width: 45px;
  height: 45px;
}


/*===================================================
新規投稿
===================================================*/
.question_input {
  float: none !important;
  width: 100% !important;
}

.question_input .sub_copy {
  margin-bottom: 15px;
}
.question_input .sub_copy b {
  color: #F00;
}

.question_input .sub_copy .mustDemo {
  display: inline-block;
  font-size: 90%;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #F00;
  border-radius: 5px;
  padding: 2px 7px;
  margin-right: 1px;
}

/********** 入力ボックス **********/
.entryBox {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.entryBox dl {
  display: table-row;
}
.entryBox dl:nth-child(even) {
  background: #f2f5fa;
}

.entryBox dt,
.entryBox dd {
  display: table-cell;
  vertical-align: top;
  border-top: 1px solid #ddd;
  padding: 15px 10px;
}

.entryBox dt {
  position: relative;
  width: 10.5em;
  font-size: 115%;
  line-height: 1.3;
  font-weight: 500;
  color: #0077c3;
  padding-top: 13px;
}

.entryBox dt.must:before {
  position: absolute;
  top: 14px;
  right: 10px;
  display: block;
  width: 3.5em;
  height: 20px;
  font-size: 80%;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}
.entryBox dt.must:before {
  content: "必須";
  background-color: #F00;
}

.entryBox dt .f80p {
  margin-left: -5px;
}

.entryBox dd {
  padding-left: 0;
}
.entryBox dd p {
  font-size: 95%;
  margin-bottom: 5px;
}
.entryBox dd p b {
  color: #F00;
  font-weight: normal;
}

@media screen and ( max-width:665px ) {
.entryBox dl,
.entryBox dt,
.entryBox dd {
  box-sizing: border-box;
  display: block;
  width: 100%;
}

.entryBox dl {
  background-color: transparent !important;
}

.entryBox dt,
.entryBox dd {
  padding: 10px;
}

.entryBox dt {
  background-color: #f2f5fa;
}

.entryBox dd {
  margin-bottom: 15px;
}
}

/********** フォーム関連 **********/
.entryBox input[type="text"],
.entryBox input[type="file"],
.entryBox input[type="button"],
.entryBox input[type="email"],
.entryBox input[type="password"],
.entryBox textarea,
.entryBox select {
  box-sizing: border-box;
  color: #666;
  border: 1px solid #c3c9d2;
  padding: 3px 5px;
}

.entryBox input[type="text"],
.entryBox input[type="file"],
.entryBox input[type="button"],
.entryBox input[type="email"],
.entryBox input[type="password"],
.entryBox select {
  height: 30px;
}

.entryBox input[type="text"],
.entryBox input[type="email"],
.entryBox input[type="password"],
.entryBox textarea {
  width: 100%;
}

.entryBox select {
  font-size: 95%;
}

.entryBox input[type="file"] {
  cursor: pointer;
  font-size: 100%;
  padding: 0;
  border: none;
}

.entryBox input[type="button"] {
  cursor: pointer;
  font-size: 100%;
}
.entryBox input[type="button"].bt_delete {
  display: block;
  width: 300px;
}

.entryBox textarea {
  height: 5em;
  resize: vertical;
}

.entryBox #question_contents textarea {
  height: 10em;
}

@media screen and ( max-width:665px ) {
.entryBox textarea {
  height: 7em;
}

.entryBox #question_contents textarea {
  height: 15em;
}
}

.entryBox .checkboxList {
}

.entryBox .checkboxList label {
  position: relative;
  display: block;
  float: left;
  height: 14px;
  line-height: 14px;
  background-color: #ebf2fa;
  border: 1px solid #91b5e1;
  border-radius: 5px;
  padding: 7px 7px 7px 22px;
  margin: 0 10px 0 0;
  cursor: pointer;
}
.entryBox .checkboxList label:hover {
  background-color: #fff;
}

.entryBox .checkboxList label.notcheck {
  background-color: #eee;
  border: 1px solid #ccc;
  cursor:not-allowed;
}

.entryBox .checkboxList input[type="checkbox"],
.entryBox .checkboxList input[type="radio"] {
  position: absolute;
  top: 8px;
  left: 5px;
}

/********** メールアドレス **********/
#entry_emailBox {
  position: relative;
  height: 30px;
}

#entry_emailBox div,
#entry_emailBox input[type="button"] {
  position: absolute;
  top: 0;
  display: block;
}

#entry_emailBox div {
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding-right: 130px;
}

#entry_emailBox input[type="button"] {
  right: 0;
  width: 120px;
  font-size: 95%;
}
#entry_emailBox input[type="button"]:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

@media screen and ( max-width:665px ) {
#entry_emailBox {
  height: auto;
}

#entry_emailBox div,
#entry_emailBox input[type="button"] {
  position: static;
}

#entry_emailBox div {
  padding-right: 0;
  margin-bottom: 5px;
}

#entry_emailBox input[type="button"] {
  margin: 0 auto;
}
}

/********** 生年月日 **********/
#entry_birthBox select{
  margin-right: 3px;
}

/********** 郵便番号 **********/
#zipBox input[type="text"] {
  width: 5em;
}

/********** 保存ボタン **********/
.save_btmBox {
  width: 50%;
  margin: 30px auto 0 auto;
}

.save_btmBox input[type="button"],
.save_btmBox input[type="submit"] {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 140%;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
  background-color: #0078c4;
  border: none;
  border-radius: 7px;
  padding: 10px 0;
}

.save_btmBox input:hover {
  cursor: pointer;
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

@media screen and ( max-width:665px ) {
.save_btmBox {
  width: 90%;
  margin-top: 15px;
}

.save_btmBox input[type="button"] {
  height: 40px;
  padding: 5px 0;
}
}

/********** 青ボタン・戻るボタン **********/
.blue_btmBox,
.back_btmBox {
  width: 30%;
  text-align: center;
  margin: 15px auto 0 auto;
}

.blue_btmBox a,
.blue_btmBox input,
.back_btmBox a {
  display: block;
  width: 100%;
  font-size: 100%;
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
}

.blue_btmBox a,
.blue_btmBox input {
  background-color: #0078c4;
}
.back_btmBox a {
  background-color: #ccc;
}

.blue_btmBox input {
  cursor: pointer;
  border: none;
}

.blue_btmBox a,
.blue_btmBox a:visited,
.blue_btmBox a:hover,
.blue_btmBox input {
  color: #fff;
  text-decoration: none;
}
.back_btmBox a,
.back_btmBox a:visited,
.back_btmBox a:hover {
  color: #333;
  text-decoration: none;
}
.blue_btmBox a:hover,
.blue_btmBox input:hover,
.back_btmBox a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

@media screen and ( max-width:665px ) {
.blue_btmBox,
.back_btmBox {
  width: 60%;
}

.back_btmBox {
  margin-bottom: 50px;
}
}

/********** アンケート **********/
#enqueteTit {
  height: 16px;
  font-size: 110%;
  font-weight: 500;
  line-height: 16px;
  color: #00558f;
  border-bottom: 1px solid #00558f;
  border-top: 1px solid #00558f;
  padding: 10px 0;
}

#enqueteTit span {
  font-size: 80%;
  color: #F00;
}

#enqueteBox {
  position: relative;
  padding-top: 38px;
  margin-top: -38px;
}

#enqueteBox > dd {
  display:none;
}

#enqueteBt {
  position: absolute;
  top: 7px;
  right: 0;
  display: block;
  width: 13em;
  height: 14px;
  font-size: 80%;
  line-height: 14px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  background-color: #00558f;
  border-radius: 5px;
  padding: 5px 0;
}
#enqueteBt:hover {
  cursor: pointer;
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

#enqueteBox .entryBox dl:first-child dt,
#enqueteBox .entryBox dl:first-child dd {
  border: none;
}

#enqueteBt_off,
.active #enqueteBt_on {
  display: none !important;
}
.active #enqueteBt_off {
  display: block !important
}

@media screen and ( max-width:665px ) {
#enqueteBt {
  width: 7em;
}

#enqueteBt_off span,
#enqueteBt_on span {
  display: none !important;
}
}

/********** 投稿確認 **********/
#question_confirm {
  width: 70%;
  margin: 0 auto 50px auto;
}

body #question_confirm a,
body #question_confirm input {
  pointer-events: none !important;
}

@media screen and ( max-width:665px ) {
#question_confirm {
  width: 100%;
}
}

/********** 登録タグ **********/
#tagList {
}

#tagList dt,
#tagList dd {
  font-size: 95%;
  line-height: 1;
}

#tagList dt {
  float: left;
  width: 4.5em;
  margin-top: 5px;
}
#tagList dd {
  margin-left: 4.5em;
}
#tagList dd a {
  box-sizing: content-box !important;
  display: inline-block;
  width: auto;
  height: 12px;
  line-height: 12px;
  white-space: nowrap;
  background-color: #ebf2fa;
  border: 1px solid #91b5e1;
  border-radius: 5px;
  padding: 5px;
  margin: 0 10px 10px 0;
}

#tagList dd a,
#tagList dd a:visited,
#tagList dd a:hover {
  color: #00558e;
  text-decoration : none;
}
#tagList dd a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}
#tagList dd a:before {
  content: "＃";
}


/*===================================================
スマホ用検索
===================================================*/
#detailBottomBtBox {
  display: none;
}

#detailBottomBtBox #question_inputBt {
  padding: 0 10px;
}
#detailBottomBtBox #question_inputBt a {
  width: 100%;
  margin-top: 0;
}

#detailBottomBtBox #sumaho_searchBox {
  margin: 10px 0 0 0;
}

#sumaho_searchBox li {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding-right: 7px;
}

#sumaho_searchBox li:first-child {
  float: right;
  padding: 0 0 0 8px;
}

#sumaho_searchBox li#moveSearch:first-child {
  float: none;
  width: 100%;
  padding: 0;
}

#sumaho_searchBox li#viewAll a {
  line-height: 30px;
  color: #0078c4;
  background-color: #fff;
  border: 2px solid #c8daf0;
}

@media screen and ( max-width:665px ) {
#detailBottomBtBox {
  display: block;;
  margin: 30px 0;
}
}


/*===================================================
スマホ用フッターナビ
===================================================*/
#footNav li a {
  background: url(../images/footNav_bbs.png) no-repeat center 0;
  background-size: 80px 232px !important;
}

#footNav #footNav01 a {
  background-position: center 0;
}
#footNav #footNav02 a {
  background-position: center -58px;
}
#footNav #footNav03 a {
  background-position: center -116px;
}
#footNav #footNav04 a {
  background-position: center -174px;
}


/*===================================================
メール設定
===================================================*/
#bbsThemaBox {
  position: relative;
  padding-right: 140px;
  margin-bottom: 10px;
}

#bbsThemaBox p {
  font-size: 95%;
  line-height: 1;
}

@media screen and ( max-width:665px ) {
#bbsThemaBox {
  padding-right: 46px;
}

#bbsThemaBox p {
  font-size: 90%;
}
}

/********** 上部 **********/
#alertBoxHead {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 85px;
  height: 30px;
}

#alertBoxHead > div,
#alertBoxHead > div > a {
  width: 100%;
  height: 100%;
}

#alertBoxHead > div > a {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  color: #333;
  border: 1px solid #ddd;
  background-color: #efefef;
  border-radius: 7px;
  transition: .3s;
}
#alertBoxHead > div > a:hover {
  opacity: .5;
  text-decoration: none;
}

#alertBoxHead > div > a span {
  display: flex;
  align-items: center;
  height: 100%;
/*  background: url(../../common/images/icon_bell_on.svg) no-repeat 0 center / auto 18px;*/
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path fill="%23999" d="M15 27.255c.819 0 2.248-.053 3.866-.19A3.996 3.996 0 0 1 15 30a3.996 3.996 0 0 1-3.866-2.934c1.618.136 3.047.189 3.866.189zm8.15-14.338c-.098-.477-.21-.946-.332-1.407L8.13 25.76c2.704.392 5.562.528 6.87.528 2.859 0 13.128-.644 12.998-3.215-.235-4.654-3.49-3.558-4.848-10.156zm-4.606-.047L2.707 28.707l-1.414-1.414 2.538-2.538c-1.131-.438-1.864-.989-1.829-1.683.236-4.654 3.491-3.557 4.849-10.155.879-4.272 2.686-8.022 5.963-9.169a2.537 2.537 0 0 1-.142-.274 2.472 2.472 0 0 1 .233-2.372A2.529 2.529 0 0 1 15 0c.52 0 1.011.157 1.413.427.403.27.723.65.915 1.099a2.48 2.48 0 0 1-.138 2.222c1.712.6 3.018 1.916 4.004 3.642l4.098-4.098 1.414 1.414-4.604 4.604c.01.026.022.049.032.075l-3.59 3.485zM14.021 2.501c0 .203.061.386.166.541a.99.99 0 0 0 .432.353l.009.003a6.511 6.511 0 0 1 .739-.001.968.968 0 0 0 .612-.896.96.96 0 0 0-.166-.542.986.986 0 0 0-1.716.165.937.937 0 0 0-.076.377z" /></svg>') no-repeat 0 center / 18px;
  padding-left: 25px;
}
#alertBoxHead > div.el_notification_del > a span {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path fill="%23fdd000" d="M23.15 12.917c-.879-4.271-2.685-8.02-5.959-9.168a2.483 2.483 0 0 0-.777-3.321 2.545 2.545 0 0 0-2.398-.231c-.455.19-.84.506-1.112.906a2.467 2.467 0 0 0-.432 1.399c0 .343.07.674.199.973.041.095.09.185.142.274C9.536 4.895 7.73 8.645 6.85 12.917c-1.358 6.598-4.613 5.501-4.849 10.155-.129 2.572 10.14 3.215 12.999 3.215s13.128-.644 12.998-3.215c-.235-4.653-3.49-3.557-4.848-10.155zM15.903 2.878a.968.968 0 0 1-.536.519A7.383 7.383 0 0 0 15 3.386c-.126 0-.249.005-.372.011-.002-.002-.006-.002-.009-.003a.99.99 0 0 1-.432-.353.949.949 0 0 1-.166-.541c0-.136.027-.262.077-.377A.978.978 0 0 1 15 1.532a.978.978 0 0 1 .979.97.94.94 0 0 1-.076.376zm-4.769 24.188A3.996 3.996 0 0 0 15 30a3.996 3.996 0 0 0 3.866-2.934 50.43 50.43 0 0 1-3.866.19c-.819 0-2.248-.054-3.866-.19zm-5.4-14.915-1.469-.303c.788-3.828 2.553-8.68 6.487-10.057l.495 1.416c-3.442 1.206-4.932 6.121-5.513 8.944zm18.532 0c-.581-2.822-2.07-7.735-5.514-8.943l.496-1.416c3.934 1.379 5.698 6.229 6.486 10.056l-1.468.303zm-22.032.208-1.469-.303C2.167 5.247 4.705 1.416 8.752 0l.495 1.416C5.748 2.64 3.519 6.117 2.234 12.359zm25.532 0c-1.285-6.238-3.514-9.715-7.014-10.942l.496-1.416c4.047 1.419 6.585 5.25 7.986 12.055l-1.468.303z" /></svg>');
}


@media screen and ( max-width:665px ) {
#alertBoxHead {
  width: 36px;
  height: 36px;
  top: 0;
  bottom: auto;
}

#alertBoxHead > div > a {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path fill="%23999" d="M15 27.255c.819 0 2.248-.053 3.866-.19A3.996 3.996 0 0 1 15 30a3.996 3.996 0 0 1-3.866-2.934c1.618.136 3.047.189 3.866.189zm8.15-14.338c-.098-.477-.21-.946-.332-1.407L8.13 25.76c2.704.392 5.562.528 6.87.528 2.859 0 13.128-.644 12.998-3.215-.235-4.654-3.49-3.558-4.848-10.156zm-4.606-.047L2.707 28.707l-1.414-1.414 2.538-2.538c-1.131-.438-1.864-.989-1.829-1.683.236-4.654 3.491-3.557 4.849-10.155.879-4.272 2.686-8.022 5.963-9.169a2.537 2.537 0 0 1-.142-.274 2.472 2.472 0 0 1 .233-2.372A2.529 2.529 0 0 1 15 0c.52 0 1.011.157 1.413.427.403.27.723.65.915 1.099a2.48 2.48 0 0 1-.138 2.222c1.712.6 3.018 1.916 4.004 3.642l4.098-4.098 1.414 1.414-4.604 4.604c.01.026.022.049.032.075l-3.59 3.485zM14.021 2.501c0 .203.061.386.166.541a.99.99 0 0 0 .432.353l.009.003a6.511 6.511 0 0 1 .739-.001.968.968 0 0 0 .612-.896.96.96 0 0 0-.166-.542.986.986 0 0 0-1.716.165.937.937 0 0 0-.076.377z" /></svg>') no-repeat center / 24px;
}
#alertBoxHead > div.el_notification_del > a {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path fill="%23fdd000" d="M23.15 12.917c-.879-4.271-2.685-8.02-5.959-9.168a2.483 2.483 0 0 0-.777-3.321 2.545 2.545 0 0 0-2.398-.231c-.455.19-.84.506-1.112.906a2.467 2.467 0 0 0-.432 1.399c0 .343.07.674.199.973.041.095.09.185.142.274C9.536 4.895 7.73 8.645 6.85 12.917c-1.358 6.598-4.613 5.501-4.849 10.155-.129 2.572 10.14 3.215 12.999 3.215s13.128-.644 12.998-3.215c-.235-4.653-3.49-3.557-4.848-10.155zM15.903 2.878a.968.968 0 0 1-.536.519A7.383 7.383 0 0 0 15 3.386c-.126 0-.249.005-.372.011-.002-.002-.006-.002-.009-.003a.99.99 0 0 1-.432-.353.949.949 0 0 1-.166-.541c0-.136.027-.262.077-.377A.978.978 0 0 1 15 1.532a.978.978 0 0 1 .979.97.94.94 0 0 1-.076.376zm-4.769 24.188A3.996 3.996 0 0 0 15 30a3.996 3.996 0 0 0 3.866-2.934 50.43 50.43 0 0 1-3.866.19c-.819 0-2.248-.054-3.866-.19zm-5.4-14.915-1.469-.303c.788-3.828 2.553-8.68 6.487-10.057l.495 1.416c-3.442 1.206-4.932 6.121-5.513 8.944zm18.532 0c-.581-2.822-2.07-7.735-5.514-8.943l.496-1.416c3.934 1.379 5.698 6.229 6.486 10.056l-1.468.303zm-22.032.208-1.469-.303C2.167 5.247 4.705 1.416 8.752 0l.495 1.416C5.748 2.64 3.519 6.117 2.234 12.359zm25.532 0c-1.285-6.238-3.514-9.715-7.014-10.942l.496-1.416c4.047 1.419 6.585 5.25 7.986 12.055l-1.468.303z" /></svg>');
}

#alertBoxHead > div > a span {
  display: none;
}
}

/********** 枠 **********/
#alertBox {
  position: relative;
  border: 2px solid #c8daf0;
  border-radius: 5px;
  padding: 23px;
  margin-bottom: 50px;
}

#alertTit {
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 125%;
  font-weight: 700;
  line-height: 1;
  color: #0078c4;
  transform: translate(-50%,-50%);
  z-index: 2;
}
#alertTit span {
  white-space: nowrap;
  background-color: #fff;
  padding: 0 15px;
}

#alertInfo {
  text-align: center;
}
#alertInfo span {
  display: inline-block;
}

.ly_mailEditBox {
  width: 75%;
  margin: 15px auto 0;
}
.ly_mailEditBox a {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 40px;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  background-color: #5694d2;
  border-radius: 7px;
  box-shadow: 0 3px 0 rgba(67, 116, 165, 1);
}
.ly_mailEditBox a:hover {
  box-shadow: none;
  top: 3px;
}

.ly_mailEditBox a span {
  display: flex;
  align-items: center;
  height: 100%;
  background: url(../../common/images/icon_bell_off.svg) no-repeat 0 center / auto 18px;
  padding-left: 25px;
}
.ly_mailEditBox.el_notification_del_2 a span {
  background-image: url(../../common/images/icon_bell_on.svg);
}

@media screen and ( max-width:665px ) {
#alertBox {
  margin-bottom: 30px;
}

.ly_mailEditBox {
  width: 80%;
  margin: 10px auto 0;
}
}

@media screen and ( max-width:665px ) {
#footNav {
  z-index: 5;
}
}



/*
#alert_sns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 650px;
  margin: 15px auto 0;
}

.ly_mailEditBox {
  width: calc(100% - 245px);
  max-width: 300px;
  margin: 15px 15px 0 0;
}

#snsBox {
  position: relative;
  border: 2px solid #c8daf0;
  border-radius: 5px;
  padding: 13px 15px 10px 15px;
}
#snsBox::before {
  content: "【SHARE】";
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 90%;
  font-weight: 700;
  line-height: 1;
  color: #5694d2;
  background-color: #fff;
  padding: 5px;
  transform: translate(-50%,-55%);
}

@media screen and ( max-width:665px ) {
#alert_sns {
  flex-direction: column;
  align-items: center;
}

.ly_mailEditBox {
  width: 100%;
  margin: 0 0 25px;
}
}
*/

/********** SNS **********/
/*
#snsBox ul {
  display: flex;
  flex-wrap: wrap;
}

#snsBox li {
  width: 45px;
}
#snsBox li+li {
  margin-left: 10px;
}

#snsBox li a {
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 40px;
  text-indent: 101%;
  background: no-repeat center / 26px;
  border-radius: 7px;
  overflow: hidden;
}
#snsBox li:first-of-type a {
  background-image: url(../../common/images/icon_sns_fb_s.png);
  background-color: #3c5996;
  box-shadow: 0 3px 0 rgba(46, 69, 119, 1);
}
#snsBox li:nth-of-type(2) a {
  background-image: url(../../common/images/icon_sns_tw_s.png);
  background-color: #0abff6;
  box-shadow: 0 3px 0 rgba(26, 150, 192, 1);
}
#snsBox li:nth-of-type(3) a {
  background-image: url(../../common/images/icon_sns_li_s.png);
  background-color: #00b900;
  box-shadow: 0 3px 0 rgba(10, 110, 28, 1);
}
#snsBox li:nth-of-type(4) a {
  background-image: url(../../common/images/icon_sns_po_s.png);
  background-color: #e7364a;
  box-shadow: 0 3px 0 rgba(180, 43, 59, 1);
}
#snsBox li a:hover {
  box-shadow: none;
  top: 3px;
}

@media screen and ( max-width:665px ) {
#snsBox {
  padding: 15px;
}
}*/