/* snsmk v4 contents.css */

/* screen */

#back_screen{
  display: none;
  width: 100%;
  height:100%;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #000000;
  background: rgba( 0,0,0, 0.6 );
}

/* color test */

.contents_title{
  color: #414141 !important;
}

/* popup dialog */

#contents_area{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 15px;
  background-color: #FFF !important;
  border-color: #FFF !important;
}

/* async system msg */

.async_system_msg_wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
}

.async_system_msg_wrap .msg_frame{
  padding-top: 10px;
  padding-left: 27px;
  padding-right: 27px;
  padding-bottom: 10px;
  font-size: 13px;
  border-radius: 50px;
}

.async_system_msg_wrap .msg_frame{
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
}

.async_system_msg_wrap.error .msg_frame{
  color: #964545;
  background-color: #FCF8F8;
  border: 1px solid #CDB1B1;
}

/* navi btn link */

a.side_navi_btn{
  width: 100%;
  text-decoration: none;
  color: #333;
}

/* entry btn color */

input.form_btn{
  color: #FFFFFF !important;
  background-color: #939393 !important;
  border: none !important;
  -webkit-transition: 0.1s all;
  transition: 0.1s all;
}

input.form_btn:hover{
  background-color: #7F7F7F !important;
}

/* navi btn icon */

.category_btn .body .icon_wrap{
  width: 24px;
  height: 24px;
}

.category_btn .body svg{
  fill: #BBB;
}

.category_btn .body .icon_wrap.bookmark{
  width: 30px;
  height: 30px;
  padding-left: 2px;
}

.category_btn .body .icon_wrap.mail{
  width: 23px;
  height: 23px;
  padding-top: 2px;
  padding-left: 2px;
}

.category_btn .body .icon_wrap.setting{
  width: 24px;
  height: 24px;
  padding-left: 3px;
}

.category_btn .body .icon_wrap.entry{
  width: 26px;
  height: 26px;
}

.category_btn .body .icon_wrap.album{
  width: 26px;
  height: 26px;
}

.category_btn .body .icon_wrap.topic{
  width: 26px;
  height: 26px;
  padding-top: 5px;
  padding-left: 8px;
}

.category_btn .body .icon_wrap.schedule{
  width: 24px;
  height: 24px;
  padding-top: 2px;
  padding-left: 2px;
}

.category_btn .body .icon_wrap.thread{
  width: 28px;
  height: 28px;
  padding-top: 6px;
  padding-left: 8px;
}

.category_btn .body .icon_wrap.enquete{
  width: 26px;
  height: 26px;
  padding-top: 2px;
  padding-left: 2px;
}

.category_btn .body .icon_wrap.event{
  width: 24px;
  height: 24px;
  padding-left: 2px;
}

/* search box */

.member_ctrl_contents .side_search_area{
  margin-top: 10px;
  margin-bottom: 30px;
  position: relative;
}

.member_ctrl_contents .search_box{
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 5px;
  border: 1px solid #DDD;
  border-radius: 20px;
}

.member_ctrl_contents .search_box .search_icon{
  position: absolute;
  background-color: #FFFFFF;
  top: 17%;
  width: 20px;
  height: 24px;
  border: none;
  cursor: pointer;
}

.member_ctrl_contents .search_box .search_icon svg{
  display: inline-block;
  color: #A2A2A2;
  width: 25px;
  height: 25px;
}

.member_ctrl_contents .search_box .search_icon:hover svg{
  color: #838383;
}

.member_ctrl_contents .search_box input{
  margin-left: 35px;
  width: 78%;
  font-size: 14px;
  border: none;
}

/* side navi btn area */

.side_navi_btn_area{
  display: flex;
  margin-top: -7px;
  margin-bottom: 32px;
}

.side_navi_btn_area .navi_btn{
  display: flex;
  margin-right: 10px;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  border: 1px solid #DDD;
  box-shadow: 0px 0px 4px rgba( 0, 0, 0, 0.05 );
  position: relative;
  justify-content: center;
  align-items: center;
  fill: #BBB;
  cursor: pointer;
}

.side_navi_btn_area .navi_btn.nm{
  margin-right: 0px;
}

.side_navi_btn_area .navi_btn:hover{
  background-color: #EEE;
  /*
  fill: #555;
  */
}

.side_navi_btn_area .navi_btn svg{
  width: 25px;
  height: 25px;
}

.side_navi_btn_area .navi_btn.search svg{
 width: 28px;
 height: 20px;
}

.side_navi_btn_area .navi_btn .notify_point{
  top: -1px;
  right: -1px;
}

/* stage navi btn */

.status_btn_area .tool_btn.send_mail{
  background-image: url( 'https://static.lrelav.jp/resources/snsmk4/img/test/icon/navi_btn/mail_02.png' );
  background-size: 18px;
}

/* alliance navi btn */

.status_btn_area .tool_btn.send_mail{
  background-image: url( 'https://static.lrelav.jp/resources/snsmk4/img/test/icon/navi_btn/mail_02.png' );
  background-size: 18px;
}

/* lounge msg */

.side_lounge_msg_area{
  margin-top: 0px;
}

.side_lounge_msg_area .lounge_msg_column_wrap{
  padding-top: 5px;
  padding-bottom: 15px;
}

.loung_msg_area_margin{
  margin-top: 40px;
}

.lounge_msg_area .lounge_msg_column_wrap{
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.lounge_msg_column{
  display: flex;
}

.lounge_msg_column .member_image{
  position: relative;
}

.lounge_msg_column .member_image img{
  object-fit: cover;
  width: 45px;
  height: 45px;
  border-radius: 45px;
}

.lounge_msg_column .member_image .notify_point{
  top: -3px;
  right: -3px;
}

.lounge_msg_column .msg_area{
  padding-left: 18px;
  position: relative;
  width: 100%;
}

.lounge_msg_column .msg_area .msg_top{
  width: 100%;
  display: flex;
}

.lounge_msg_column .msg_area .member_name{
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  position: relative;
  z-index: 2;
}

.side_lounge_msg_area .lounge_msg_column .msg_area .member_name{
  padding-left: 2px;
  margin-bottom: 8px;
}

.lounge_msg_area .lounge_msg_column .msg_area .member_name{
  padding-left: 3px;
  margin-bottom: 9px;
}

.side_lounge_msg_area .lounge_msg_column .msg_area a{
  color: inherit;
  text-decoration: none;
}

.lounge_msg_column .msg_area .msg_text{
  padding: 15px;
  background-color: #EEE;
  border-radius: 10px;
  font-size: 13px;
  position: relative;
  z-index: 2;
}

.side_lounge_msg_area .lounge_msg_column .msg_area .msg_text{
  font-size: 11px;
  line-height: 1.5em;
}

.side_lounge_msg_area .lounge_msg_column .msg_area .msg_text{
  padding-top: 13px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 13px;
  float: left;
}

.side_lounge_msg_area .lounge_msg_column .msg_area .msg_freeze{
  padding-top: 10px;
  padding-left: 5px;
  padding-bottom: 5px;
  font-size: 11px;
}

.lounge_msg_area .lounge_msg_column .msg_area .msg_text{
  padding: 18px;
  line-height: 1.4em;
  font-size: 12px;
  color: #222;
  display: inline-block;
}

.lounge_msg_area .lounge_msg_column .msg_area .msg_freeze{
  padding-top: 25px;
  padding-left: 5px;
  padding-bottom: 25px;
  font-size: 12px;
}

.lounge_msg_area .image_thumb_list{
  padding-top: 15px;
  padding-left: 63px;
}

.lounge_msg_area .image_thumb_list a{
  text-decoration: none;
}

.lounge_msg_area .image_thumb_list img{
  margin-right: 8px;
  max-width: 100px;
  border-radius: 10px;
  border: 1px solid #EEE;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.lounge_msg_area .image_thumb_list img:hover{
  opacity: 0.8;
}

/* lounge side list */

.side_lounge_msg_area .image_thumb_list{
  padding-top: 12px;
  padding-left: 65px;
}

.side_lounge_msg_area .image_thumb_list img{
  margin-right: 2px;
  max-width: 50px;
  border-radius: 10px;
  border: 1px solid #EEE;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.side_lounge_msg_area .image_thumb_list img:hover{
  opacity: 0.8;
}

.lounge_msg_column .msg_area ._balloon_wrap{
  display: inline-block;
  position: absolute;
  left: -10px;
  top: -15px;
  width: 20px;
  height: 20px;
  z-index: 0;
}

.lounge_msg_column .msg_area ._balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(-110deg);
  left: 22px;
  top: 15px;
  border-left: 26px solid #EEE;
  border-top: 26px solid #EEE;
  border-right: 26px solid transparent;
  border-bottom: 26px solid transparent;
}

.lounge_msg_column .msg_area ._balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(-110deg);
  left: 22px;
  top: 5px;
  border-left: 23px solid #FFF;
  border-top: 23px solid #FFF;
  border-right: 23px solid transparent;
  border-bottom: 23px solid transparent;
}

.lounge_msg_column_wrap .lounge_msg_under{
  display: flex;
  margin-bottom: 17px;
}

.side_lounge_msg_area .lounge_msg_column_wrap .lounge_msg_under{
  margin-top: 15px;
}

.lounge_msg_area .lounge_msg_column_wrap .lounge_msg_under{
  margin-top: 17px;
  margin-left: 65px;
}

.lounge_msg_column_wrap .lounge_msg_under .under_area.left{
  flex-grow: 1;
  max-width: 75px;
}

.lounge_msg_column_wrap .lounge_msg_under .under_area.right{
  margin-left: auto;
}

.side_lounge_msg_area .lounge_msg_column_wrap .lounge_msg_under .under_area.right{
  font-size: 11px;
}

.lounge_msg_area .lounge_msg_column_wrap .lounge_msg_under .under_area.right{
  margin-right: 10px;
  font-size: 12px;
}

.lounge_msg_column_wrap .lounge_msg_under .under_area.center{
  display: flex;
  height: 20px;
  flex-grow: 1;
}

.lounge_msg_column_wrap .lounge_msg_under .under_area.center .comment{
  flex-grow: 1;
  max-width: 55px;

}
.lounge_msg_column_wrap .lounge_msg_under .under_area.center .like{
  flex-grow: 1;
  max-width: 70px;
}

.lounge_msg_column_wrap .lounge_msg_under .under_area.center .vote_point{
  margin-right: 7px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
}

.lounge_msg_column_wrap .lounge_msg_under .under_area.center .vote_point img{
  height: 19px;
}

/* lounge */

.contents_body .lounge_msg_list_area{
  margin-top: 50px;
  margin-left: 15px;
  margin-bottom: 35px;
  display: flex;
}

.contents_body .lounge_msg_list_area .member_image img{
  border-radius: 50px;
  width: 50px;
  height: 50px;
  object-fit: cover;
  border: 1px solid #EEE;
}

.contents_body .lounge_msg_list_area .msg_entry_area{
  margin-left: 20px;
  margin-right: 10px;
  width: 100%;
  display: block;
}

.contents_body .lounge_msg_list_area .msg_entry_area .image_upload_area{
  margin-top: 8px;
  margin-bottom: 10px;
}

.contents_body .lounge_msg_list_area .entry_btn_area{
  text-align: center;
}

/* header image none */

#contents_image_none,
#member_image_none,
#community_image_none{
  width: 168px;
  height: 168px;
  position: relative;
  cursor: pointer;
}

#contents_image_none .caption{
  position: absolute;
  top: -3%;
  left: -30%;
  margin: 0px;
  padding: 0px;
  padding-top: 1px;
  padding-left: 1px;
  font-size: 17px;
  text-align: center;
  width: 160%;
  height: 100%;
  vertical-align: middle;
  font-family: 'Times New Roman';
  letter-spacing: 1.2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#contents_image_none .caption span.m{
  transform: scale( 0.6 );
  -webkit-transform:scale( 0.6 );
  transform-origin: center center;
  white-space: nowrap;
}

#contents_image_none .caption span.s{
  transform: scale( 0.5 );
  -webkit-transform:scale( 0.5 );
  transform-origin: center center;
  white-space: nowrap;
}

#contents_image_none .caption span.ss{
  transform: scale( 0.4 );
  -webkit-transform:scale( 0.4 );
  transform-origin: center center;
  white-space: nowrap;
}

#member_image_none .caption{
  position: absolute;
  top: -8%;
  left: -30%;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  text-align: center;
  width: 160%;
  height: 100%;
  vertical-align: middle;
  font-family: 'rev_mincho_01';
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

#member_image_none .caption span.m{
  transform: scale( 0.6 );
  transform-origin: center center;
  white-space: nowrap;
}

#member_image_none .caption span.s{
  -webkit-transform:scale( 0.5 );
  transform: scale( 0.5 );
  transform-origin: center center;
  white-space: nowrap;
}

#member_image_none .caption span.ss{
  transform: scale( 0.4 );
  transform-origin: center center;
  white-space: nowrap;
}

#community_image_none .caption{
  position: absolute;
  top: 5%;
  left: -30%;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  text-align: center;
  width: 160%;
  height: 100%;
  vertical-align: middle;
  font-family: 'rev_mincho_01';
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

#community_image_none .caption span.s{
  transform: scale( 0.5 );
  transform-origin: center center;
  white-space: nowrap;
}

#member_image_none .curcle1{
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  height: 61%;
  border-radius: 50%;
  background: #DDE0EC;
}

#member_image_none .curcle2{
  position: absolute;
  top: 66%;
  left: 0px;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 34%;
  border-radius: 50% 50% 0 0;
  background: #DDE0EC;
}

#community_image_none .curcle3{
  position: absolute;
  top: 32%;
  left: 20%;
  right: 0;
  bottom: 0;
  width: 55%;
  height: 55%;
  border-radius: 50%;
  background: #DDE0EC;
  z-index: 1;
}

#community_image_none .curcle4{
  position: absolute;
  top: 85%;
  left: 0%;
  right: 0;
  bottom: 0;
  width: 96%;
  height: 15%;
  border-radius: 50% 50% 0% 0;
  background: #DDE0EC;
}

#community_image_none .curcle5{
  position: absolute;
  top: 0%;
  left: 45%;
  right: 0;
  bottom: 0;
  width: 55%;
  height: 35%;
  border-radius: 0 0 0 80%;
  background: #DDE0EC;
  z-index: 1;
}

#community_image_none .balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(190deg);
  left: 68%;
  top: 26%;
  border-left: 18px solid #DDE0EC;
  border-top: 18px solid #DDE0EC;
  border-right: 18px solid transparent;
  border-bottom: 18px solid transparent;
}

#community_image_none .balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(190deg);
  left: 62%;
  top: 26%;
  border-left: 18px solid #F5F5FA;
  border-top: 18px solid #F5F5FA;
  border-right: 18px solid transparent;
  border-bottom: 18px solid transparent;
}

#community_image_none .balloon_s::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(190deg);
  left: 57%;
  top: 25%;
  border-left: 7px solid #DDE0EC;
  border-top: 7px solid #DDE0EC;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

#community_image_none .balloon_s::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(190deg);
  left: 49%;
  top: 25%;
  border-left: 7px solid #F5F5FA;
  border-top: 7px solid #F5F5FA;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

/* image none */

#contents_image_none,
#member_image_none,
#community_image_none{
  background-color: #F2F2F2;
  border: 1px solid #E0E0E0;
}

.thumb_area .square.none{
  background-color: #F2F2F2;
  border: 1px solid #D5D5D5;
}

.thumb_area .wrapper.none .caption{
  color: #6D706D;
}

#contents_image_none .caption,
#member_image_none .caption,
#community_image_none .caption{
  color: #787878;
}

#member_image_none .curcle1,
#member_image_none .curcle2,
#community_image_none .curcle3,
#community_image_none .curcle4,
#community_image_none .curcle5{
  background: #D7D7D7;
}

#community_image_none .balloon::before{
  border-left: 18px solid #D7D7D7;
  border-top: 18px solid #D7D7D7;
}

#community_image_none .balloon::after{
  border-left: 18px solid #F2F2F2;
  border-top: 18px solid #F2F2F2;
}

#community_image_none .balloon_s::before{
  border-left: 7px solid #D7D7D7;
  border-top: 7px solid #D7D7D7;
}

#community_image_none .balloon_s::after{
  border-left: 7px solid #F2F2F2;
  border-top: 7px solid #F2F2F2;
}

/* no_photo icon draw */

#image_thumb_none .curcle1,
#image_thumb_none .curcle2,
#image_thumb_none .curcle3,
#image_thumb_none .curcle4,
#image_thumb_none .curcle5{
  background: #D7D7D7;
}

#image_thumb_none .balloon::before{
  border-left: 13px solid #E6E6E6;
  border-top: 13px solid #E6E6E6;
}

#image_thumb_none .balloon::after{
  border-left: 13px solid #F6F6F6;
  border-top: 13px solid #F6F6F6;
}

/* icon comment */

.under_area .tool{
  flex-grow: 1;
  width: 18px;
  height: 18px;
  border-radius: 50px;
  fill: #646464;
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
  cursor: pointer;
}

.under_area .tool:hover{
  fill: #CCC;
}

.under_area .tool.like.active{
  fill: #E42C30;
}

.under_area .tool svg{
  position: absolute;
  width: 18px;
  height: 18px;
}

.under_area .tool.comment svg{
  margin-top: 0px;
  width: 19px;
  height: 19px;
}

.under_area .tool.like svg{
  margin-top: -3px;
  width: 22px;
  height: 22px;
}

.under_area .tool.view_cnt svg{
  margin-top: -6px;
  width: 20px;
  height: 20px;
}

.under_area .tool .count{
  display: inline-block;
  padding-left: 26px;
  font-size: 12px;
}

.under_area .tool.like .count{
  padding-left: 27px;
}

.under_area .tool.view_cnt .count{
  padding-left: 30px;
}

/* entry btn area */

#entry_btn_area{
  padding-top: 35px;
  padding-bottom: 35px;
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}

#entry_btn_area.image_upload_area{
  padding-top: 10px;
  padding-bottom: 10px;
}

#entry_btn_area input.form_btn{
  margin-left: 15px;
}

input.form_btn{
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 6px;
  padding-left: 23px;
  padding-right: 23px;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50px;
  cursor: pointer;
}

input.form_btn.s{
  padding-top: 3px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 3px;
  font-size: 13px;
  font-weight: bold;
  border-radius: 50px;
  min-width: 80px;
  cursor: pointer;
}

#entry_btn_area.comment input.form_btn{
  width: 120px;
}

input.contents_btn{
  min-width: 135px;
  padding-top: 9px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 9px;
  margin-left: 0px;
  font-size: 14px;
  border-radius: 50px;
  cursor: pointer;
}

/* contents loading spinner */

#entry_btn_area .loading_wrap{
  position: absolute;
  margin-top: -200px;
  width: 100%;
  height: 80px;
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 999;
}

#entry_btn_area.btn_left .loading_wrap{
  margin-top: -80px;
  margin-left: 12px;
}

#entry_btn_area.btn_left_s .loading_wrap{
  margin-top: -80px;
  margin-left: 3px;
}

#btn_ajust .loading_wrap{
  position: absolute;
  margin-top: -100px;
  width: 100%;
  height: 80px;
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 999;
}

/* dialog box */

div.popup_area{
  position: absolute; top:0px; left:0px;
  display: none;
  z-index: 200;
}

div.popup_area.fixed{
  position: fixed;
}

div.popup_area#dialog_box{
  border-radius: 15px;
  z-index: 9999;
}

div.popup_area#dialog_box .popup_title_area{
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
}

/* entry tools */

.popup_title_area{
  width: 100%;
  cursor: pointer;
}

.popup_title_text{
  padding: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  text-align: left;
}

.popup_title_text .caption{
  padding-top: 1px;
  font-size: 12px;
  width: 100%;
}

.popup_title_text .close_btn{
  padding-left: 5px;
  padding-bottom: 2px;
  padding-right: 3px;
}

/* vote point pallete */

#rooting_point_pallete_area .set_vote_point_area{
  margin-left: 50px;
  margin-right: 50px;
}

#rooting_point_pallete_area .set_vote_point_area .vote_point_select_area{
  display: flex;
  justify-content: center;
}

#rooting_point_pallete_area .point_name_title{
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

#rooting_point_pallete_area .set_point{
  margin-left: 7px;
  margin-right: 7px;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  border: 1px solid #CCC;
  background-color: #FFF;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.65;
  cursor: pointer;
}

#rooting_point_pallete_area .set_point.select{
  opacity: 1.0;
}

#rooting_point_pallete_area .set_point img{
  margin-top: 1px;
  margin-left: 0px;
  object-fit: contain;
  width: 67%;
  opacity: 0.85;
}

#rooting_point_pallete_area .set_point_left{
  margin-top: 25px;
  font-size: 13px;
  text-align: center;
}

#rooting_point_pallete_area .set_point_left .point_left_title{
  margin-right: 5px;
}

#rooting_point_pallete_area .set_point_left .point_unit_name{
  font-size: 11px;
}

#rooting_point_pallete_area .set_point_left img{
  height: 15px;
  padding-bottom: 5px;
}

#rooting_point_pallete_area .entry_btn_area{
  margin-top: 35px;
}

/* emoji palette */

#emoji_palette_close{
  width: 12px;
  height: 12px;
  float: left;
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer;
}

.emoji_ext_frame_wrap{
  padding: 12px;
  position: absolute;
  display: none;
}

.emoji_ext_frame{
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 5px;
  width: 150px;
  height: 25px;
  padding: 8px;
  padding-left: 12px;
  padding-right: 12px;
  box-shadow: 0 5px 10px 0 rgba( 0, 0, 0, .5 );
}

#emoji_cur_left{
  width: 70px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: right bottom;
  cursor: pointer;
}

#emoji_cur_left.v2{
  width: 120px;
  height: 30px;
  background-size: 9px 15px;
  background-position: right center;
}

#emoji_page_no{
  font-size: 12px;
}

.popup_text{
  color: #3b5998;
}

#emoji_cur_right{
  width: 70px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: left  bottom;
  cursor: pointer;
}

#emoji_cur_right.v2{
  width: 120px;
  height: 30px;
  background-size: 9px 15px;
  background-position: left center;
}

#emoji_cur_left{
  background-image: url("https://static.prtls.jp/resources/snsmk/skin/snsmk_blue/img/cur_left_01.gif");
}

#emoji_cur_right{
  background-image: url("https://static.prtls.jp/resources/snsmk/skin/snsmk_blue/img/cur_right_01.gif");
}

#carrier_iphone{
  width: 54px;
  height: 10px;
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_iphone_01.gif");
  background-repeat: no-repeat;
  background-position: left top;
  cursor: pointer;
}

#carrier_iphone:hover{
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_iphone_02.gif");
}

#carrier_iphone.active{
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_iphone_03.gif");
}

#carrier_softbank{
  width: 54px;
  height: 10px;
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_softbank_01.gif");
  background-repeat: no-repeat;
  background-position: left top;
  cursor: pointer;
}

#carrier_softbank:hover{
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_softbank_02.gif");
}

#carrier_softbank.active{
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_softbank_03.gif");
}

#carrier_au{
  width: 54px;
  height: 10px;
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_au_01.gif");
  background-repeat: no-repeat;
  background-position: left top;
  cursor: pointer;
}

#carrier_au:hover{
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_au_02.gif");
}

#carrier_au.active{
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_au_03.gif");
}

#carrier_docomo{
  width: 54px;
  height: 10px;
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_docomo_01.gif");
  background-repeat: no-repeat;
  background-position: left top;
  cursor: pointer;
}

#carrier_docomo:hover{
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_docomo_02.gif");
}

#carrier_docomo.active{
  background-image: url("https://static.prtls.jp/resources/snsmk/img/btn/btn_docomo_03.gif");
}

#emoji_palette_close{
  width: 12px;
  height: 12px;
  float: left;
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer;
}

#emoji_palette_close{
  width: 12px;
  height: 12px;
  float: left;
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer;
}

#emoji_palette_close{
  background-image: url("https://static.prtls.jp/resources/snsmk/skin/snsmk_blue/img/btn/btn_emoji_close.gif");
}

td.emoji_icon{
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-color: none;
}

td.emoji_icon:hover{
  width: 17px;
  height: 16px;
  cursor: pointer;
  background-color: #648FC4;
  border: 1px solid #DDDDDD;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}

table.emoji_pallete_category_tab{
  width: 100%;
  height: 28px;
  font-size: 11px;
  border-collapse: collapse;
  cursor: pointer;
}

table.emoji_pallete_category_tab td.column{
  width: 11.1%;
}

table.emoji_pallete_category_tab td.column:first-child{
  border-left: 0;
}

table.emoji_pallete_category_tab td.column:last-child{
  border-right: 0;
}

table.emoji_pallete_category_tab td.column.active{
  border-bottom: 0;
}

.emoji_page_cell{
  width: 477px;
  display: none;
}

.emoji_cell{
  width: 25px;
  height: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  cursor: pointer;
}

.emoji_cell.ei{
  background-size: 20px 20px;
  background-position: center center;
}

.emoji_cell.es{
  background-size: 17px 17px;
  background-position: center center;
}

.emoji_cell.ea{
  background-size: 17px 17px;
  background-position: center center;
}

.emoji_cell.ed{
  background-size: 15px 15px;
  background-position: center center;
}

.emoji_pallete_loading{
  display: none;
  margin-left: auto;
  margin-right: auto;
  background-image: url('https://static.relav.jp/resources/snsmk4/img/test/loading_03.gif?7');
  background-repeat: no-repeat;
  background-position: center 60px;
  background-size: 28px;
  position: absolute;
  padding-top: 95px;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  width: 95%;
}

/* popup msg */

.msg_popup_opacity{
  position: absolute;
  z-index: 999;
  display: none;
}

.msg_popup_opacity_none{
  position: absolute;
  z-index: 9;
}

.msg_popup_frame{
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 6px;
  width: 195px;
  font-size: 11px;
  text-align: center;
  color: #3B5998;
  background-color: #FFFFFF;
  border: 1px solid #BBC7D9;
  z-index: 999;
}

.error_popup_frame{
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  width: 220px;
  font-size: 11px;
  text-align: center;
  border: 1px solid #E6CECF;
  background-color: #FBF2F2;
  color: #B32646;
  z-index: 999;
}

/* color ajust */

.member_feed_item .contents_frame, .community_feed_item .contents_frame{
  background-color: transparent;
  border: none !important;
  box-shadow: none;
}

hr.line{
 background-color: #EEE !important;
}

/* entry form */

.entry_form_margin{
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.entry_form_margin .entry_title{
  margin-top: 40px;
  display: flex;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  font-family: Quicksand,'游ゴシック体','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #333333;
}

.entry_form_margin .entry_title .ctrl_btn{
  margin-left: auto;
  fill: #333;
  cursor: pointer;
}

.entry_form_margin .entry_title .ctrl_btn svg{
  position: relative;
  top: -8px;
  right: 0px;
  width: 20px;
  height: 20px;
}

.entry_form_body{
  margin-bottom: 50px;
}

#paid_area_form .entry_form_body{
  margin-bottom: 0px;
}

#preview_area .entry_form_body{
  margin-bottom: 0px;
}

/* system message */

.system_message_wrap{
  padding-top: 40px;
  padding-bottom: 5px;
}

.system_message_wrap .frame{
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}

/* public level confirm */

.public_level_confirm_wrap{
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 30px
}

.public_level_confirm_wrap .frame{
  display: inline-flex;
  padding-top: 9px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 8px;
  font-size: 13px;
  border-radius: 20px;
  justify-content: center;
  border: 1px solid #DDD;
}

/* entry form area */

.entry_form_area{
  margin-top: 60px;
  margin-left: 0px;
}

.entry_form_area.mail_res_form{
  margin-top: 10px;
  margin-left: 0px;
}

.entry_sub_menu_area{
  margin-top: 50px;
  padding-bottom: 0px;
  overflow-y: hidden;
  overflow-x: auto;
  display: flex;
}

.entry_sub_menu_area .menu_column{
  margin-left: 0px;
  margin-right: 15px;
  padding-top: 8px;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 7px;
  border: 1px solid #DDD;
  border-radius: 30px;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
}

.entry_sub_menu_area .menu_column.active{
  background-color: #F6F6F6;
}

.entry_form_area .contents_title{
  margin-top: 55px;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  font-family: Quicksand,'游ゴシック体','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #333333;
}

.entry_form_area .contents_title:before{
  content: '【';
}

.entry_form_area .contents_title:after{
  content: '】';
}

.entry_form_area .contents_title.required:after{
  content: '】';
  padding-right: 40px;
  background-image: url( 'https://static.relav.jp/resources/snsmk4/img/icon/form/icon_required_01.png' );
  background-size: 30px;
  background-position: 17px 4px;
  background-repeat: no-repeat;
}

.entry_form_area .contents_title.m{
  margin-top: 30px;
}

.entry_form_area .contents_title:first-child{
  margin-top: 0px;
}

.entry_form_area .contents_title.icon{
  padding-top: 1px;
  padding-left: 21px;
}

.entry_form_area .contents_title.icon .title_icon{
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.entry_form_area .contents_title .title_icon svg{
  fill: #5F5F5F;
}

.entry_form_area .contents_entry{
  margin-top: 35px;
  font-size: 15px;
  /*
  font-weight: bold;
  */
}

.entry_form_area .contents_entry.mail_text{
  margin-top: 15px;
}

.entry_form_area .contents_entry.sentence_title{
  margin-bottom: 5px;
}

.entry_form_area .contents_entry.sentence_title .entry_box{
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #EEE;
}

.entry_form_area .contents_entry.sentence_text{
  margin-right: 10px;
}

.entry_form_area .contents_entry .entry_desc{
  margin-top: 20px;
  margin-left: 5px;
  font-size: 12px;
}

.entry_form_area.line .title{
  margin-top: 70px;
  font-size: 17px;
  font-weight: bold;
}

.entry_form_area.line .value{
  margin-top: 25px;
}

/* cover image upload */

.entry_form_area .cover_image_area_wrap #image_upload_area div.img_upload{
  border-radius: 0;
  box-sizing: border-box;
}

/* thumb image */

.entry_form_area img.album_photo{
  width: 180px;
}

/* public date */

.entry_form_area .contents_entry .public_date_area{
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: bold;
}

.entry_form_area .contents_entry .public_date_area .public_date{
  margin-left: 5px;
  margin-bottom: 30px;
  font-size: 16px;
}

.entry_form_area .contents_entry .public_date_area .public_date_setting_area{
  margin-top: 15px;
}

.entry_form_area .contents_entry .entry_date_setting_area{
  margin-top: 25px;
}

.entry_form_area .contents_entry .entry_date_setting_area input[name=write_year]{
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 45px;
}

/* group public */

.entry_form_area .contents_entry .group_select_area{
  margin-top: 20px;
}

.entry_form_area .contents_entry .group_select_area .group_setting_link{
  margin-left: 10px;
}

.entry_form_area .contents_entry .group_select_area .group_member_cnt_area{
  margin-top: 15px;
}

.entry_form_area .contents_entry .group_select_area .group_member_cnt_area a{
  text-decoration: underline;
}

.entry_form_area .contents_entry .group_select_area .group_member_cnt_area a:hover{
  text-decoration: none;
}

/* entry form wide image */

.entry_form_area .wide_image_area_wrap{
  position: relative;
}

.entry_form_area .contents_entry.wide_image_upload{
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.entry_form_area .contents_entry.wide_image_upload #image_upload_area{
  display: flex;
  width: 100%;
}

.entry_form_area .contents_entry.wide_image_upload #image_upload_area #wrapper{
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

.entry_form_area .contents_entry.wide_image_upload #image_upload_area #wrapper .square{
  max-width: 200px;
  max-height: initial;
  width: 100%;
  aspect-ratio: 1;
  background-size: cover;
}

.entry_form_area .contents_entry.wide_image_upload #image_upload_area #wrapper .del_btn{
  margin-left: auto;
  top: 5px;
  right: 10px;
}

.entry_form_area .wide_image_area_wrap .image_area_wrap{
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center;
}

.entry_form_area .wide_image_area_wrap .image_area_wrap img{
  object-fit: cover;
  width: 250px;
  height: 250px;
}

/* entry form cover image */

.entry_form_area .cover_image_area_margin{
  margin-bottom: 40px;
}

.entry_form_area .cover_image_area_wrap{
  position: relative;
}

.entry_form_area .contents_entry.cover_image_upload{
  display: flex;
}

.entry_form_area .contents_entry.cover_image_upload #image_upload_area{
  width: 100%;
}

.entry_form_area .contents_entry.cover_image_upload #image_upload_area #wrapper{
  max-width: 660px;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 2;
}

#contents_area.member_cover_image .entry_form_area .contents_entry.cover_image_upload #image_upload_area #wrapper{
  aspect-ratio: 7.9 / 2;
}

#contents_area.alliance_cover_image .entry_form_area .contents_entry.cover_image_upload #image_upload_area #wrapper{
  aspect-ratio: 7.9 / 2;
}

.entry_form_area .contents_entry.cover_image_upload #image_upload_area #wrapper .square{
  max-width: 660px;
  max-height: initial;
  width: 100%;
  aspect-ratio: 5 / 2;
  background-size: cover;
}

.entry_form_area .contents_entry.cover_image_upload #image_upload_area #wrapper .del_btn{
  margin-left: auto;
  top: 5px;
  right: 10px;
}

/* sended area */

#entry_regist_form .sended_area_margin{
  margin-top: 60px;
  margin-bottom: 10px;
  text-align: center;
}

#entry_regist_form .sended_area_margin .sended_icon{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  width: 75px;
  height: 75px;
  border-radius: 50px;
  fill: #C6C6C6;
  background-color: #F2F2F2;
}

#entry_regist_form .sended_area_margin .sended_icon svg{
  width: 30px;
  height: 30px;
}

#entry_regist_form .sended_area_margin .sended_title{
  margin-top: 35px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

#entry_regist_form .sended_area_margin .sended_msg{
  margin-top: 30px;
  font-size: 13px;
}

/* image ajust area */

#cover_ajust_area #cover_image_ajust{
  width: 100%;
  aspect-ratio: 5 / 2;
  background-size: cover;
  border: 1px solid #DDD;
  box-sizing: border-box;
  cursor: pointer;
}

#contents_area.member_cover_image #cover_ajust_area #cover_image_ajust{
  aspect-ratio: 7.9 / 2;
}

#contents_area.alliance_cover_image #cover_ajust_area #cover_image_ajust{
  aspect-ratio: 7.9 / 2;
}

#cover_ajust_area #cover_image_ajust #cover_ajust_msg{
  display:flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 150px;
  height: 40px;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50px;
  background-color: rgba( 0, 0, 0, 0.5 );
}

._setting_section.cover_image_ajust#btn_set{
  display: none;
}

/* paid entry area */

.entry_form_area .paid_image_upload_area{
  padding-bottom: 40px;
}

.entry_form_area .paid_image_upload_area .category_area{
  margin-top: 30px;
  display: flex;
}

.entry_form_area .paid_image_upload_area .category_area .category_regist_area{
  display: flex;
  align-items: center;
  margin-left: 15px;
}

.entry_form_area .paid_image_upload_area .category_area .category_regist_area a{
  text-decoration: none;
}

.entry_form_area .paid_image_upload_area .category_area .category_regist_area a:hover{
  text-decoration: underline;
}

.entry_form_area .contents_image_upload{
  font-size: 15px;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: -20px;
}

.entry_form_area .contents_entry .entry_price{
  display: flex;
}

.entry_form_area .contents_entry .entry_price input[type=text]{
  width: 100px;
}

.entry_form_area .contents_entry .entry_price .price_yen,
.entry_form_area .contents_entry .entry_price .price_sign{
  display: flex;
  justify-content: center;
  align-items: center;
}

.entry_form_area .contents_entry .entry_price .price_yen{
  font-size: 16px;
  padding-right: 7px;
}

.entry_form_area .contents_entry .entry_price .price_sign{
  font-size: 16px;
  padding-left: 7px;
}

.entry_form_area .contents_entry input.entry_price{
  font-weight: bold;
}

.entry_form_area .contents_entry.m{
  margin-top: 20px;
}

/* paid area */

.paid_text_area{
  padding-top: 12px;
  padding-bottom: 10px;
}

.paid_text_area .start_line{
  position: relative;
  border-bottom: dashed 1px #DDD;
  margin-bottom: 55px;
  text-align: center;
}

.paid_text_area .start_line .line_tab{
  font-weight: bold;
  border-radius: 50px;
  font-size: 12px;
  position: relative;
  top: 17px;
  border: 1px solid #DDD;
  padding: 3px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #FFF;
  display: inline-block;
}

.paid_text_area .finish_line{
  position: relative;
  border-bottom: dashed 1px #DDD;
  margin-top: 20px;
  text-align: center;
}

.paid_text_area .finish_line .line_tab{
  font-weight: bold;
  border-radius: 50px;
  font-size: 12px;
  position: relative;
  top: 17px;
  border: 1px solid #DDD;
  padding: 3px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #FFF;
  display: inline-block;
}

/* alliance public */

.alliance_public_icon_list_area{
  display: flex;
  flex-wrap: wrap;
}

.alliance_public_icon_list_area .icon_margin{
  width: 11.5%;
  margin: 5px;
  position: relative;
  cursor: pointer;
}

.alliance_public_icon_list_area img{
  display: inline-block;
  object-fit: cover;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #DDD;
  outline-offset: -1px;
  cursor: pointer;
}

.select_mask{
  display: none;
  width: 95%;
  height: 95%;
  position: absolute;
  top: 0;
  left: 0;
  background-color:rgba( 209, 69, 72, 0.2 );
  border-radius: 10px;
  border: 3px solid #D14548;
}

.alliance_public_icon_list_area .icon_margin.select .select_mask{
  display: block;
}

/* entry form input */

.entry_form_area input[type=text],
.entry_form_area input[type=number],
.entry_form_area input[type=password]{
  font-size: 16px;
  padding: 10px;
  padding-left: 15px;
  width: 95%;
  border-radius: 7px;
}

.entry_form_area textarea{
  margin-top: 5px;
  padding: 10px;
  width: 95%;
  height: 370px;
  border-radius: 7px;
  font-size: 15px;
  overflow-wrap: break-word;
  word-break: break-all;
}

.entry_form_area textarea.d_box{
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0px;
  border-bottom: 1px solid #EBEBEB;
}

.entry_form_area #regist_category_link{
  position: relative;
  top: 1px;
  padding-left: 10px;
}

.entry_form_area input.sentence_title{
  padding-left: 5px;
  font-size: 21px;
  font-weight: bold;
  border: none;
}

.entry_form_area textarea.sentence_text{
  padding-left: 5px;
  padding-right: 0px;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #EBEBEB;
}

/* entry textarea height */

.contents_body.album_regist .entry_form_area textarea{
  height: 200px;
}

.contents_body.album_photo_regist .entry_form_area textarea{
  height: 150px;
}

.contents_body.schedule_regist .entry_form_area textarea{
  height: 250px;
}

.contents_body.topic_regist .entry_form_area textarea{
  height: 350px;
}

.contents_body.event_regist .entry_form_area textarea{
  height: 350px;
}

.contents_body.enquete_regist .entry_form_area textarea{
  height: 200px;
}

/* entry form error msg */

.entry_form_area .error_msg{
  margin-top: 10px;
  color: #EE4044;
  font-weight: bold;
  padding-left: 19px;
  font-size: 15px;
  background-image: url("https://static.revinter.net/resources/snsmk4/img/icon/icon_error_01.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  clear: both;
}

/* entry form loading spinner */

#entry_line_area .loading_wrap,
#entry_btn_area .loading_wrap,
.form_btn_area .loading_wrap,
.answer_under .loading_wrap,
.feed_column .loading_wrap{
  position: absolute;
  margin-top: -140px;
  width: 100%;
  height: 75px;
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 999;
}

#entry_line_area .loading.comment_entry,
#entry_btn_area .loading.comment_entry,
.form_btn_area .loading.comment_entry,
.answer_under .loading.comment_entry,
.feed_column .loading.comment_entry{
  padding-top: 17px;
  width: 85px;
  height: 75px;
  background-color: #000;
  opacity: 0.7;
  color: #FFF;
  text-align: center;
  border-radius: 5px;
}

#entry_line_area .loading_spinner .text,
#entry_btn_area .loading_spinner .text,
.form_btn_area .loading_spinner .text,
.answer_under .loading_spinner .text,
.feed_column .loading_spinner .text{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 12px !important;
  font-size: 12px !important;
  letter-spacing: 0.1px !important;
}

/* entry */

._layout_container_wrap ._layout_contents .entry_area{
  margin-left: 80px;
  margin-right: 60px;
  margin-bottom: 30px;
  padding-top: 10px;
}

._layout_container_wrap ._layout_container.left_area.right_area ._layout_contents .entry_area{
  margin-left: 20px;
  margin-right: 20px;
}

._layout_container_wrap ._layout_container.left_area ._layout_contents .entry_area{
  margin-left: 50px;
  margin-right: 10px;
}

._layout_container_wrap ._layout_container.right_area ._layout_contents .entry_area{
  margin-left: 20px;
  margin-right: 20px;
}

._layout_container_wrap ._layout_contents .title_image_area img{
  object-fit: cover;
  width: 100%;
}

/* contents list bbb */

.contents_body .contents_list{
  margin-top: 20px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
}

.contents_body.stage .contents_list,
.contents_body.alliance .contents_list {
  margin-top: 0px;
}

.contents_body .contents_list.feed{
  padding-bottom: 45px;
  border-bottom: 1px solid #EEE;
}

.contents_body.messages .contents_list{
  margin-right: 0px;
}

.contents_body.stage .contents_list_wrap,
.contents_body.alliance .contents_list_wrap {
  margin-left: 20px;
  margin-right: 30px;
}

.contents_body .contents_list .contents_title.main{
  /*
  padding-top: 20px;
  */
  display: flex;
  font-size: 19px;
  font-weight: bold;
  font-family: Quicksand,'游ゴシック体','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #333;
}

.contents_body.stage .contents_list .contents_title,
.contents_body.alliance .contents_list .contents_title{
  padding-top: 15px;
}

.contents_body .contents_list.feed .contents_title{
  padding-top: 0px;
}

.contents_body .contents_list .contents_title .ctrl_btn{
  margin-left: auto;
  fill: #333;
  cursor: pointer;
}

.contents_body .contents_list .contents_title .ctrl_btn svg{
  position: relative;
  top: -8px;
  right: 0px;
  width: 20px;
  height: 20px;
}

.contents_body.wide .contents_list .contents_title{
  padding-top: 10px;
}

.contents_body .contents_list .contents_list_body{
  margin-top: 40px;
}

.contents_body .contents_list.feed .contents_list_body{
  margin-left: 10px;
  margin-right: 10px;
}

.contents_body .contents_list .contents_list_body.lounge_list{
  margin-top: 30px;
}

/* contents list area */

.contents_body .contents_list .contents_list_body .contents_list_column_area{
  margin-left: 10px;
  margin-right: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 43px;
  row-gap: 35px;
}

#stage_home_contents .contents_list .contents_list_body .contents_list_column_area{
  grid-template-columns: 1fr 1fr 1fr;
}

#backyard_home_contents .contents_list .contents_list_body .contents_list_column_area{
  grid-template-columns: 1fr 1fr 1fr;
}

.contents_body.follow .contents_list .contents_list_body .contents_list_column_area{
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.contents_body.setting  .contents_list .contents_list_body .contents_list_column_area{
  grid-template-columns: 1fr 1fr 1fr;
}

/* entry list area */

.contents_body .contents_list .contents_list_body .contents_list_column_area.entry_list_area{
  display: block;
}

.contents_body .contents_list .contents_list_body .entry_list_item{
  margin-bottom: 35px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 43px;
  row-gap: 35px;
}

.contents_body.stage .contents_list .contents_list_body .contents_list_column_area .entry_list_item,
.contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .entry_list_item{
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

._layout_container.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .entry_list_item,
._layout_container.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .entry_list_item{
  grid-template-columns: 1fr 1fr 1fr;
}

.contents_body .contents_list .contents_list_body .entry_list_item:last-child{
  margin-bottom: 0px;
}

/* album list area */

.contents_body .contents_list .contents_list_body .contents_list_column_area.album_list_area{
  display: block;
}

.contents_body .contents_list .contents_list_body .album_list_item{
  margin-bottom: 35px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 43px;
  row-gap: 35px;
}

.contents_body.stage .contents_list .contents_list_body .contents_list_column_area .album_list_item,
.contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .album_list_item{
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

._layout_portfolio.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .album_list_item,
._layout_portfolio.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .album_list_item{
  grid-template-columns: 1fr 1fr 1fr;
}

.contents_body .contents_list .contents_list_body .album_list_item:last-child{
  margin-bottom: 0px;
}

/* schedule list area */

.contents_body .contents_list .contents_list_body .contents_list_column_area.schedule_list_area{
  display: block;
}

.contents_body .contents_list .contents_list_body .schedule_list_item{
  margin-bottom: 35px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 43px;
  row-gap: 35px;
}

.contents_body.stage .contents_list .contents_list_body .contents_list_column_area .schedule_list_item,
.contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .schedule_list_item{
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

._layout_container.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .schedule_list_item,
._layout_container.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .schedule_list_item{
  grid-template-columns: 1fr 1fr 1fr;
}

.contents_body .contents_list .contents_list_body .schedule_list_item:last-child{
  margin-bottom: 0px;
}

/* thread list area */

.contents_body .contents_list .contents_list_body .contents_list_column_area.thread_list_area{
  display: block;
}

.contents_body .contents_list .contents_list_body .thread_list_item{
  margin-bottom: 35px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 43px;
  row-gap: 35px;
}

.contents_body.stage .contents_list .contents_list_body .contents_list_column_area .thread_list_item,
.contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .thread_list_item{
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

._layout_container.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .thread_list_item,
._layout_container.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .thread_list_item{
  grid-template-columns: 1fr 1fr 1fr;
}

.contents_body .contents_list .contents_list_body .thread_list_item:last-child{
  margin-bottom: 0px;
}

/* event list area */

.contents_body .contents_list .contents_list_body .contents_list_column_area.event_list_area{
  display: block;
}

.contents_body .contents_list .contents_list_body .event_list_item{
  margin-bottom: 35px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 43px;
  row-gap: 35px;
}

.contents_body.stage .contents_list .contents_list_body .contents_list_column_area .event_list_item,
.contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .event_list_item{
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

._layout_container.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .event_list_item,
._layout_container.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .event_list_item{
  grid-template-columns: 1fr 1fr 1fr;
}

.contents_body .contents_list .contents_list_body .event_list_item:last-child{
  margin-bottom: 0px;
}

/* enquete list area */

.contents_body .contents_list .contents_list_body .contents_list_column_area.enquete_list_area{
  display: block;
}

.contents_body .contents_list .contents_list_body .enquete_list_item{
  margin-bottom: 35px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 43px;
  row-gap: 35px;
}

.contents_body.stage .contents_list .contents_list_body .contents_list_column_area .enquete_list_item,
.contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .enquete_list_item{
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

._layout_container.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .enquete_list_item,
._layout_container.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .enquete_list_item{
  grid-template-columns: 1fr 1fr 1fr;
}

.contents_body .contents_list .contents_list_body .enquete_list_item:last-child{
  margin-bottom: 0px;
}

.contents_body .contents_list.feed .contents_list_body .contents_list_column_area{
  column-gap: 45px;
  row-gap: 45px;
  
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column{
  display: flex;
  flex-direction: column;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .thumb_image{
  width: 100%;
  height: 100%;
  aspect-ratio: 80 / 42; /* 80:37 800x370px */
  text-align: center;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .thumb_image.alliance_icon{
  aspect-ratio: 1;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .thumb_image img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -webkit-transition: 0.1s all;
  transition: 0.1s all;
  border: 1px solid #DDDDDD;
}

/* album thumb */

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .thumb_image.album{
  aspect-ratio: 58 / 42;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .thumb_image.album img{
  object-fit: contain;
  background-color: #F7F7F7;
  border-radius: 0px;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column a{
  text-decoration: none;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column a:hover{
  text-decoration: underline;
}

.contents_body .contents_list.alliance .contents_list_body .contents_list_column_area .column a{
  margin-left: auto;
  margin-right: auto;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .thumb_image .notify_point{
  top: -5px;
  right: -10px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .thumb_image.square{
  width: 100%;
  max-width: 120px;
  max-height: 120px;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .thumb_image.square.alliance_icon{
  max-width: 85px;
  max-height: 85px;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .thumb_image img:hover{
  opacity: 0.7;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .title{
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-right: 10px;
}

.contents_body .contents_list.alliance .contents_list_body .contents_list_column_area .column .title{
  margin-top: 30px;
  text-align: center;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .title a{
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3em;
  text-decoration: none;
  word-break: break-all;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .text{
  padding-top: 10px;
  padding-bottom: 8px;
  font-size: 11px;
  line-height: 1.7em;
  word-break: break-all;
  overflow-wrap: break-word;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .member_image{
  margin-left: auto;
  margin-right: auto;
  max-width: 105px;
  max-height: 105px;
  position: relative;
  cursor: pointer;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .member_image .notify_point{
  top: 2px;
  right: 5px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .member_image img{
  width: 105px;
  height: 105px;
  border-radius: 105px;
  border: 1px solid #EEE;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .member_name{
  margin-top: 30px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .owner_info{
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .owner_info img{
  object-fit: cover;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  border: 1px solid #DDD;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .owner_info a.owner_name{
  margin-left: 7px;
  padding-top: 5px;
  font-size: 13px;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .column_btn_area{
  text-align: center;
  margin-top: 25px;
  display: flex;
  justify-content: center;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .column_btn_area .column_btn{
  max-width: 120px;
  border: 1px solid #DDD;
  padding-top: 6px;
  padding-bottom: 5px;
  border-radius: 30px;
  font-size: 11px;
  font-weight: bold;
  min-width: 130px;
  cursor: pointer;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .column_btn_area .column_btn.follow{
  background-color: #EEE;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .column_btn_area .column_btn.follow svg{
  position: relative;
  top: 2px;
  left: 0px;
  width: 12px;
  height: 12px;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .under_area{
  margin-top: 8px;
  padding-right: 10px;
  display: flex;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .under_area .comment{
  flex-grow: 1;
  max-width: 25px;
  margin-right: 30px;
}

.contents_body .contents_list .contents_list_body .contents_list_column_area .column .under_area .like{
  flex-grow: 1;
  max-width: 25px;
  margin-right: 30px;
}

/* contents */

.contents_body .contents_area{
  /*padding-top: 30px;*/
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  /*padding-bottom: 50px;*/
}

._layout_container_wrap.stage ._layout_container.left_area.right_area .contents_body .contents_area,
._layout_container_wrap.alliance ._layout_container.left_area.right_area .contents_body .contents_area {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
}

._layout_container.right_area .contents_body.stage .contents_area{
  margin-right: 50px;
}

.contents_body .contents_area.wide{
  margin-left: 0px;
}

.contents_body .contents_area .contents_title{
  font-size: 19px;
  font-weight: bold;
  font-family: Quicksand,'游ゴシック体','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #333;
}

.contents_body .contents_area .contents_margin{
  margin-bottom: 50px;
  margin-top: 50px;
}

.contents_body .contents_area .title_image_area{
  width: 100%;
  padding-bottom: 30px;
}

.contents_body .contents_area .title_image_area img{
  object-fit: cover;
  width: 100%;
}

.contents_body .contents_area .contents_area_body{
  margin-left: 5px;
  margin-right: 5px;
}

.contents_body .contents_area .contents_area_body .contents_title{
  padding-top: 15px;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4em;
  font-family: Quicksand,'游ゴシック体','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #333;
}

.contents_body .contents_area .contents_area_body .contents_info{
  display: flex;
  margin-top: 30px;
}

.contents_body .contents_area .view_cnt_area{
  margin-left: 20px;
  color: #333;
}

.contents_body .contents_area .contents_event{
  margin-top: 10px;
}

.contents_body .contents_area .contents_info .under_area{
  display: inline-flex;
  margin-left: 25px;
}

.contents_body .contents_area .contents_area_body .text{
  padding-top: 50px;
  padding-bottom: 0px;
  font-size: 15px;
  line-height: 2.0em;
  word-break: break-all;
}

/* contents menu */

.contents_body .contents_area ._contents_menu{
  margin-top: -7px;
  margin-left: auto;
  fill: #646464;
  width: 17px;
  height: 17px;
  position: relative;
  cursor: pointer;
}

.contents_body #lounge_msg_list_area.contents_area ._contents_menu{
  margin-right: 10px;
}

.contents_body .contents_area ._contents_menu img{
  opacity: 0.8;
}

.contents_body .contents_area ._contents_menu img:hover{
  opacity: 0.5;
}

._contents_menu_frame{
  padding-top: 12px;
  padding-bottom: 12px;
  position: absolute;
  top: 0px;
  left: -170px;
  width: 190px;
  font-size: 11px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 10px;
  box-shadow: 0 0px 6px 0 rgba( 0, 0, 0, 0.3 );
  font-family: Quicksand,'游ゴシック体','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  z-index: 9;
}

._contents_menu_frame a{
  color: inherit;
}

._contents_menu_frame ._column{
  font-size: 13px;
  padding-top: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 8px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  cursor: pointer;
}

._contents_menu_frame ._column svg{
  position: relative;
  top: 2px;
  padding-right: 8px;
  height: 13px;
}

._contents_menu_frame ._column#bookmark svg{
  height: 14px;
  margin-left: -1px;
}

._contents_menu_frame ._column .caption{
  display: inline-block;
}

._contents_menu_frame ._column:hover{
  background-color: #EEE;
}

/* under area menu frame */

.contents_body .under_area ._under_area_menu{
  margin-top: -2px;
  margin-left: auto;
  fill: #646464;
  width: 12px;
  height: 12px;
  position: relative;
  cursor: pointer;
}

.contents_body .under_area ._under_area_menu img{
  opacity: 0.8;
}

.contents_body .under_area ._under_area_menu img:hover{
  opacity: 0.5;
}

._under_area_menu_frame{
  padding-top: 12px;
  padding-bottom: 12px;
  position: absolute;
  top: -150px;
  left: -145px;
  width: 140px;
  font-size: 11px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 10px;
  box-shadow: 0 0px 6px 0 rgba( 0, 0, 0, 0.3 );
  font-family: Quicksand,'游ゴシック体','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  z-index: 9;
}

._under_area_menu_frame a{
  color: inherit;
}

._under_area_menu_frame ._column{
  font-size: 13px;
  padding-top: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 8px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  cursor: pointer;
}

._under_area_menu_frame ._column svg{
  position: relative;
  top: 3px;
  padding-right: 8px;
  height: 13px;
}

._under_area_menu_frame ._column#bookmark svg{
  height: 14px;
  margin-left: -1px;
}

._under_area_menu_frame ._column .caption{
  display: inline-block;
}

._under_area_menu_frame ._column:hover{
  background-color: #EEE;
}

/* status icon */

.under_area .comment{
  flex-grow: 1;
  max-width: 65px;
}

.contents_info .under_area .comment{
  margin-right: 20px;
}

.under_area .like{
  flex-grow: 1;
  max-width: 65px;
}

.contents_info .under_area .like{
  margin-right: 22px;
}

.under_area .view_cnt{
  flex-grow: 1;
  max-width: 55px;
}

.contents_info .under_area .view_cnt{
  margin-right: 20px;
}

/* info line */

.contents_body .contents_area .info_line{
  display: flex;
  margin-top: 10px;
  width: 100%;
}

.contents_body .contents_area .info_line .member_image{
  width: 45px;
  height: 45px;
}

.contents_body .contents_area .info_line .member_image img{
  object-fit: cover;
  width: 100%;
  min-width: 45px;
  border-radius: 50px;
}

.contents_body .contents_area .info_line .info_line_under{
  margin-left: 13px;
  margin-top: 5px;
  width: 100%;
}

.contents_body .contents_area .info_line .info_line_under .member_name{
  font-weight: bold;
  font-size: 16px;
}

.contents_body .contents_area .info_line .info_line_under .status{
  margin-top: 7px;
  font-size: 13px;
  display: flex;
}

/* payment area */

.contents_body .contents_area .payment_area{
  margin-top: 45px;
  margin-bottom: 45px;
}

.contents_body .contents_area .payment_area .purchase_msg{
  margin-top: 45px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.contents_body .contents_area .payment_area .purchase_btn{
  padding-top: 30px;
  text-align: center;
  width: 100%;
}

.contents_body .contents_area .payment_area .purchase_desc{
  padding-top: 20px;
  padding-bottom: 35px;
  text-align: center;
  line-height: 1.3em;
}

.contents_body .contents_area .payment_area .payment_btn{
  padding-top: 40px;
  text-align: center;
  width: 100%;
}

.contents_body .contents_area .payment_area input[type=button]{
  width: 180px;
  padding-top: 9px;
  padding-bottom: 8px;
  font-size: 15px;
  letter-spacing: 0.9px;
  font-weight: bold;
}

.contents_body .contents_area .payment_area .payment_desc{
  padding-top: 25px;
  padding-bottom: 35px;
  text-align: center;
  line-height: 1.3em;
}

.contents_body .contents_area .payment_area .payment_desc .price{
  margin-top: 13px;
  font-size: 15px;
}

.contents_body .contents_area .payment_area .payment_desc .status{
  margin-top: 20px;
  font-size: 12px;
}

.contents_body .contents_area .payment_area .payment_desc .owner_msg{
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.9em;
}

.contents_body .contents_area .payment_area .payment_desc .license_entry_link{
  margin-top: 20px;
  font-size: 13px;
}

.contents_body .contents_area .payment_area .payment_desc .license_entry_link a{
  text-decoration: none;
  cursor: pointer;
}

.contents_body .contents_area .payment_area .payment_desc .license_entry_link a:hover{
  text-decoration: underline;
}

/* contents schedule */

.contents_body .contents_area .contents_area_body .schedule_ext_area{
  padding-top: 20px;
}

.contents_body .contents_area .contents_area_body .schedule_ext_area .ggmap{
  padding-bottom: 20px;
}

/* contents event */

.contents_body .contents_area .contents_area_body .event_title{
  margin-top: 5px;
  display: flex;
  align-items: flex-end;
}

.contents_body .contents_area .contents_area_body .event_title .title_date{
  margin-right: 30px;
  min-width: 90px;
}

.contents_body .contents_area .contents_area_body .event_title .title_date .month{
  font-size: 14px;
  color: #9A4143;
}

.contents_body .contents_area .contents_area_body .event_title .title_date .date{
  font-size: 32px;
  margin-top: 8px;
  line-height: 1.0em;
}

.contents_body .contents_area .contents_area_body .event_title .title_date .week_time{
  font-size: 12px;
  margin-top: 8px;
}

.contents_body .contents_area .contents_area_body .event_title .title_area .event_name{
  font-size: 25px;
  font-weight: bold;
  line-height: 1.1em;
}

.contents_body .contents_area .contents_area_body .event_title .title_area .contents_info{
  margin-top: 23px;
  display: flex;
}

.contents_body .contents_area .contents_area_body .event_title .title_area .contents_info .dep_point{
  font-size: 14px;
}

/* event entry area */

.contents_body .contents_area .contents_area_body .event_entry_area_wrap{
  padding-top: 40px;
}

.contents_body .contents_area .contents_area_body .event_entry_area{
  padding-top: 40px;
  padding-bottom: 40px;
}

.feed_column .event_entry_area{
  padding-top: 5px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.contents_body .contents_area .contents_area_body .event_entry_area .entry_btn_area,
.feed_column .event_entry_area .entry_btn_area{
  padding-top: 0px;
  text-align: center;
}

.feed_column .event_entry_area .entry_btn_area input.contents_btn{
  font-size: 14px;
}

.contents_body .contents_area .contents_area_body .event_entry_area .entry_desc_text{
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
  width: 100%;
}

.feed_column .event_entry_area .entry_desc_text{
  margin-top: 17px;
  text-align: center;
  font-size: 13px;
  width: 100%;
}

/* contents enquete */

.contents_body .contents_area.enquete .contents_area_body .text{
  margin-bottom: 30px;
}

.contents_body .contents_area.enquete .contents_area_body .enquete_answer_area{
  margin-bottom: 20px;
  padding-left: 0px;
}

.feed_column .enquete_answer_area{
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 30px;
  position: relative;
}

/* enquete answer area */

.enquete_answer_area .enquete_answer_desc_area{
  font-size: 14px;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 4px;
}

.enquete_answer_area .enquete_answer_column_area{
  margin-top: 5px;
}

.enquete_answer_area .answer_column{
  display: flex;
  position: relative;
  padding: 9px;
  padding-left: 15px;
  padding-right: 0px;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: bold;
  border-radius: 10px;
  width: 90%;
  color: #333;
}

.enquete_answer_area .answer_column .column_name{
  position: relative;
  z-index: 2;
}

.enquete_answer_area .answer_column .column_per{
  margin-left: auto;
  position: relative;
  z-index: 2;
}

.enquete_answer_area .answer_column .column_bar{
  margin-bottom: 50px;
  padding: 9px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 10px;
  background-color: #DDD;
}

.enquete_answer_area .answer_other_title{
  padding-left: 4px;
}

.enquete_answer_area .answer_other_entry{
  margin-right: 15px;
}

.feed_column .enquete_answer_area .answer_other_entry{
  margin-right: 35px;
}

.enquete_answer_area .answer_other_entry input{
  padding: 9px;
  padding-left: 20px;
  padding-right: 0px;
  width: 100%;
  border-radius: 20px;
  font-size: 14px;
}

.enquete_answer_area .answer_under{
  display: flex;
  padding-top: 15px;
  width: 97%;
  position: relative;
}

.enquete_answer_area .answer_total{
  padding-left: 2px;
}

.enquete_answer_area .enquete_close{
  color: #9A4143;
  font-size: 13px;
  padding-left: 15px;
}

.enquete_answer_area .answer_del{
  margin-left: auto;
  margin-right: 10px;
}

.enquete_answer_area .answer_total.list{
  margin-bottom: -15px;
  padding-top: 5px;
}

.enquete_answer_area .answer_none{
  color: #9A4143;
}

.enquete_answer_area .answer_none.list{
  font-size: 12px;
  margin-bottom: 0px;
}

.enquete_answer_area #enquete_count{
  font-size: 11px;
}

.enquete_answer_area #enquete_per{
  font-size: 11px;
}

.enquete_answer_area .enquete_column{
  border: 1px solid #CCC;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  margin-top: 9px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 20px;
  -webkit-transition: 0.1s all;
  transition: 0.1s all;
  max-width: 80%;
  cursor: pointer;
}

.feed_column .enquete_answer_area .enquete_column{
  padding-top: 9px;
  padding-left: 17px;
  padding-right: 17px;
  padding-bottom: 9px;
  font-size: 14px;
  max-width: 80%;
}

.enquete_answer_area .enquete_column.select{
  background-color: #EEEEEE !important;
}

.enquete_answer_area .answer_desc{
  margin-top: 25px;
  margin-left: 5px;
  font-size: 13px;
  color: #777;
}

.enquete_answer_area .answer_desc .desc_column{
  margin-right: 15px;
}

.enquete_answer_area #entry_btn_area{
  margin-top: 30px;
  margin-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.feed_column .enquete_answer_area #entry_btn_area{
  margin-top: 22px;
}

.enquete_answer_area #entry_btn_area input{
  margin-left: auto;
  margin-right: auto;
}

.enquete_answer_area #entry_btn_area #error_text{
  display: flex;
  font-size: 14px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

/* contents tools */

.contents_body .contents_area .contents_area_body .ggmap{
  max-width: 700px;
  padding: 2px;
  padding-top: 0px;
  padding-bottom: 30px;
}

/* contents comment */

.contents_body .contents_comment_area{
  margin-top: 60px;
}

.contents_body.stage .contents_comment_area,
.contents_body.alliance .contents_comment_area{
  margin-left: 0px;
  margin-right: 0px;
}

.contents_body .contents_comment_area .title{
  font-size: 17px;
  font-weight: bold;
}

.contents_body .contents_comment_area .contents_comment_list_body{
  margin-top: 30px;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap{
  margin-left: 3px;
  margin-top: 40px;
  margin-bottom: 27px;
  position: relative;
  float: left;
  width: 100%;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_column{
  position: relative;
  width: 100%;
}

/* comment more link */

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .more_link{
  margin-bottom: 45px;
  padding-top: 8px;
  padding-left: 3px;
  position: relative;
  top: -5px;
  font-size: 12px;
  height: 10px;
  z-index: 2;
  background-color: #FFF;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .more_link:after{
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 21px;
  border-left: 2px dotted #CCC;
  z-index: 1;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .more_link a{
  position: relative;
  top: 17px;
  background-color: #FFF;
}

/* add res comment */

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .add_res{
  margin-bottom: 60px;
  padding-top: 12px;
  position: relative;
  top: -5px;
  height: 10px;
  z-index: 2;
  background-color: #FFF;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .add_res:after{
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 21px;
  border-left: 2px dotted #CCC;
  z-index: 1;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .add_res .btn{
  display: inline-block;
  padding-top: 4px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 4px;
  position: relative;
  top: 17px;
  font-size: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 50px;
  cursor: pointer;
}

/* commment column  */

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_column.res_line:after{
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 21px;
  border-left: 2px solid #DDD;
  z-index: 1;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_column.res_line{
  padding-bottom: 35px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_column.res_line.more{
  padding-bottom: 5px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info,
.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info{
  display: flex;
  position: relative;
  width: 100%;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .member_image_margin,
.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .member_image_margin{
  padding-top: 12px;
  padding-bottom: 12px;
  position: absolute;
  top: -14px;
  background-color: #FFF;
  z-index: 2;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .member_image,
.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .member_image{
  width: 45px;
  height: 45px;
}

.contents_body.stage .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .member_image,
.contents_body.alliance .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .member_image,
.contents_body.stage .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .member_image,
.contents_body.alliance .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .member_image{
  width: 45px;
  height: 45px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .member_image img,
.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .member_image img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .comment_write,
.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .comment_write{
  margin-left: 60px;
}

/*
.contents_body.stage .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .comment_write,
.contents_body.alliance .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .comment_write,
.contents_body.stage .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .comment_write,
.contents_body.alliance .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .comment_write{
  margin-top: 5px;
  margin-left: 15px;
}
*/

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_image_list_area{
  display: flex;
  margin-top: 30px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_image_list_area img{
  object-fit: cover;
  margin-right: 7px;
  width: 85px;
  height: 85px;
  border-radius: 10px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .comment_write .member_name,
.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .comment_write .member_name{
  font-size: 16px;
  font-weight: bold;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .comment_write .comment_datetime,
.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .comment_write .comment_datetime{
  margin-top: 7px;
  font-size: 12px;
}

.contents_body.stage .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .comment_write .comment_datetime,
.contents_body.alliance .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .comment_write .comment_datetime,
.contents_body.stage .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .comment_write .comment_datetime,
.contents_body.alliance .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .comment_write .comment_datetime{
  margin-top: 7px;
  font-size: 13px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .comment_menu,
.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .comment_menu{
  fill: #646464;
  width: 17px;
  height: 17px;
  margin-left: auto;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .text{
  margin-top: 25px;
  margin-bottom: 30px;
  margin-left: 60px;
  font-size: 13px;
  line-height: 1.6em;
}

/* 要ﾁｪｯｸ */
.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .text img.photo{
  width: 100%;
  margin-top: 25px;
  border-radius: 10px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .text .youtube{
  display: inline-block;
  width: 100%;
  margin-top: 25px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .text .youtube iframe{
  max-height: 350px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .text .google_map{
  margin-top: 25px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .text a.comment_link{
  color: #242424;
  text-decoration: none;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .under_area{
  display: inline-flex;
  margin-left: 58px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .under_area .comment{
  flex-grow: 1;
  max-width: 60px;
  margin-right: 22px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .under_area .like{
  flex-grow: 1;
  max-width: 60px;
  margin-right: 22px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .under_area .point{
  flex-grow: 1;
  max-width: 350px;
  margin-right: 22px;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .under_area .vote_point{
  margin-right: 7px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
}

.contents_body .contents_comment_area .contents_comment_list_body .column_wrap .under_area .vote_point img{
  height: 19px;
}

/* section */

.contents_body .section_area{
  margin-top: 30px;
  margin-left: 10px;
  margin-bottom: 50px;
}

.contents_body .section_area .section_title{
  display: flex;
}

.contents_body .section_area .right_area{
  display: none;
}

.contents_body .section_area.wide{
  margin-left: 0px;
}

.contents_body.wide .section_area{
  margin-left: 10px;
  margin-right: 10px;
}

.contents_body .section_area .section_title{
  font-size: 19px;
  font-weight: bold;
  color: #333;
}

.contents_body .section_area .section_body{
  margin-top: 30px;
  margin-bottom: 30px;
}

/* comment */

.contents_body .entry_column{
  border-bottom: none !important;
}

.contents_body #comment_next_area_wrap{
  position: relative;
  margin-top: 43px;
  margin-bottom: -17px;
  width: 100%;
}

.contents_body #comment_next_area_wrap .comment_next_area{
  display: flex;
}

.contents_body #comment_next_area_wrap #comment_next_area #comment_next_page{
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  text-align: center;
}

.contents_body #comment_next_area_wrap #comment_next_area #comment_close{
  position: absolute;
  top: 0;
  right: 0;
}

.contents_body #comment_next_area_wrap #comment_next_area #comment_next_page .commnet_page{
  padding-top: 10px;
  padding-left: 22px;
  padding-right: 22px;
  padding-bottom: 9px;
  display: inline;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 30px;
  border: 1px solid #DDD;
  cursor: pointer;
}

.contents_body .comment_entry_area{
  margin-top: 60px;
  max-width: 800px;
}

.contents_body.backyard .comment_entry_area,
.contents_body.lobby .comment_entry_area{
  max-width: 680px;
}

.contents_body.stage .comment_entry_area,
.contents_body.alliance .comment_entry_area{
  margin-left: 0px !important;
}

.contents_body .comment_entry_area .entry_column textarea{
  width: 100%;
  max-width: 680px;
  height: 110px;
  padding: 12px;
  padding-left: 4px;
  border: none;
  border-bottom: 1px solid #DDD;
}

.contents_body  .comment_entry_area .entry_column .comment_image_area{
  margin-top: 10px;
}

.contents_body .comment_entry_area #entry_btn_area{
  padding-top: 20px;
}

/* point set */

.point_set_area_wrap{
  margin-top: 10px;
  position: relative;
  z-index: 99;
}

.contents_body.messages .point_set_area_wrap{
  margin-top: 15px;
}

.contents_body .point_set_area_wrap .point_set_area{
  position: absolute;
  /*
  top: -37px;
  */
  right: -15px;
  display: block;
}

.contents_body .contents_regist .point_set_area_wrap .point_set_area{
  position: absolute;
  top: 0px;
  right: -15px;
  display: block;
}

.contents_body.messages .point_set_area_wrap .point_set_area{
  top: -25px;
  right: 70px;
}

.contents_body.chat .point_set_area_wrap .point_set_area{
  top: -25px;
  right: 90px;
}

.comment_entry_area .point_set_area_wrap .point_set_area{
  position: absolute;
  top: -28px;
  right: -17px;
}

.regist_contents_comment .point_set_area_wrap .point_set_area{
  position: absolute;
  top: -25px;
  right: -17px;
}

.point_set_area_wrap .point_set_area .point_set{
  margin-left: 2px;
  padding-top: 7px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7px;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #CCC;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.55em;
  border-radius: 10px;
  float: left;
  cursor: pointer;
}

.contents_body.messages .point_set_area_wrap .point_set_area .point_set{
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  font-size: 11px;
}

.contents_body.chat .point_set_area_wrap .point_set_area .point_set{
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  font-size: 11px;
}

.comment_entry_area .point_set_area_wrap .point_set_area .point_set{
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  font-size: 11px;
}

.point_set_area_wrap .point_set_area .add_point{
  margin-right: 3px;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  border: 1px solid #CCC;
  background-color: #FFF;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contents_body.messages .point_set_area_wrap .point_set_area .add_point{
  margin-top: 2px;
  margin-right: 3px;
  width: 25px;
  height: 25px;
}

.contents_body.chat .point_set_area_wrap .point_set_area .add_point{
  margin-top: 2px;
  margin-right: 3px;
  width: 25px;
  height: 25px;
}

.point_set_area_wrap .point_set_area .add_point img{
  object-fit: contain;
  width: 65%;
  opacity: 0.8;
}

.contents_body.messages .point_set_area_wrap .point_set_area .add_point img{
  margin-top: 1px;
  margin-left: 0px;
}

.contents_body.chat .point_set_area_wrap .point_set_area .add_point img{
  margin-top: 1px;
  margin-left: 0px;
}

/* next btn */

.contents_body .list_next_area{
  margin-top: 60px;
  text-align: center;
}

.contents_body .list_next_area .next_btn{
  display: inline-block;
  border-radius: 50px;
  font-size: 13px;
  border: 1px solid #DDD;
  padding-top: 10px;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}

/* revers feed loading */

.scroll_loading#scroll-loading{
  text-align: center;
  display: none;
}

.scroll_loading#scroll-loading img{
  width: 40px;
}

/* more section */

.more_section_area.sv{
  display: block;
}

.more_section_ctrl{
  margin-top: 30px;
  display: none;
  cursor: pointer;
}

/* setting link */

.setting_link{
  font-size: 11px;
  margin-top: 10px;
  margin-right: 5px;
  text-align: right;
}

.setting_link a{
  text-decoration: none;
}

.setting_link a:hover{
  text-decoration: underline;
}

/* dialog box */

#contents_area .dialog_title{
  margin-top: 60px;
  font-size: 20px;
  font-weight: bold;
}

#contents_area .dialog_entry{
  margin-top: 35px;
}

/* dialog box regist lounge msg form */

#contents_area.regist_lounge_msg_form{
  max-width: 600px;
  height: 510px;
}

#contents_area.regist_lounge_msg_form .dialog_entry{
  margin-top: 20px;
}

#contents_area.regist_lounge_msg_form .top_tool_area{
  text-align: left;
  margin-left: 30px;
  font-size: 25px;
}

#contents_area.regist_lounge_msg_form .lounge_msg_entry_area{
  margin-top: 35px;
  margin-left: 30px;
  margin-right: 30px;
}

#contents_area.regist_lounge_msg_form .lounge_msg_entry_area .entry_area{
  margin-left: 5px;
  display: flex;
  width: 100%;
}

#contents_area.regist_lounge_msg_form .lounge_msg_entry_area .entry_area img{
  width: 55px;
  height: 55px;
  border-radius: 50px;
}

#contents_area.regist_lounge_msg_form .lounge_msg_entry_area .member_image{
  margin-right: 20px;
}

#contents_area.regist_lounge_msg_form .lounge_msg_entry_area .entry_text{
  width: 100%;
}

#contents_area.regist_lounge_msg_form .lounge_msg_entry_area textarea{
  width: 100%;
  height: 110px;
  font-size: 17px;
  resize: none;
  border: none;
}

#contents_area.regist_lounge_msg_form .set_vote_point_area{
  margin-top: 10px;
  margin-left: 50px;
  margin-right: 50px;
}

#contents_area.regist_lounge_msg_form .set_vote_point_area .vote_point_title_area{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 25px;
}

#contents_area.regist_lounge_msg_form .set_vote_point_area .vote_point_select_area{
  display: flex;
  justify-content: center;
}

#contents_area.regist_lounge_msg_form .set_point{
  margin-left: 7px;
  margin-right: 7px;
  width: 35px;
  height: 35px;
  border-radius: 40px;
  border: 1px solid #CCC;
  background-color: #FFF;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.4;
  cursor: pointer;
}

#contents_area.regist_lounge_msg_form .set_point.select{
  opacity: 1.0;
}

#contents_area.regist_lounge_msg_form .set_point img{
  margin-top: 1px;
  margin-left: 0px;
  object-fit: contain;
  width: 50%;
  opacity: 0.8;
}

#contents_area.regist_lounge_msg_form .set_point_left{
  margin-top: 20px;
  font-size: 13px;
}

#contents_area.regist_lounge_msg_form .set_point_left .point_left_title{
  margin-right: 5px;
}

#contents_area.regist_lounge_msg_form .set_point_left .point_unit_name{
  font-size: 11px;
}

#contents_area.regist_lounge_msg_form .set_point_left img{
  width: 15px;
  height: 15px;
  padding-bottom: 5px;
}

#contents_area.regist_lounge_msg_form .entry_btn_area{
  margin-top: 40px;
}

/* dialog box mainte lounge msg form */

#contents_area.mainte_lounge_msg_form{
  max-width: 640px;
  height: 645px;
}

#contents_area.mainte_lounge_msg_form .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.mainte_lounge_msg_form .close_btn:hover{
  fill: #888;
}

#contents_area.mainte_lounge_msg_form .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.mainte_lounge_msg_form .lounge_msg_mainte_area{
  margin-top: 40px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area.mainte_lounge_msg_form .lounge_msg_mainte_area textarea{
  padding: 8px;
  width: 95%;
  height: 260px;
  font-size: 14px;
  overflow-wrap: break-word;
  word-break: break-all;
}

#contents_area.mainte_lounge_msg_form .lounge_msg_mainte_area .image_list_upload_area{
  margin-top: 25px;
}

#contents_area.mainte_lounge_msg_form .lounge_msg_mainte_area .form_btn_area{
  margin-top: 30px;
  text-align: center;
}

#contents_area.mainte_lounge_msg_form .form_btn_area{
  margin-top: 30px;
  text-align: center;
}

/* dialog box vote point */

#contents_area.regist_lounge_msg_form .set_vote_point_area{
  margin-top: 10px;
  margin-left: 50px;
  margin-right: 50px;
}

#contents_area.regist_lounge_msg_form .set_vote_point_area .vote_point_title_area{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 25px;
}

#contents_area.regist_lounge_msg_form .set_vote_point_area .vote_point_select_area{
  display: flex;
  justify-content: center;
}

#contents_area.regist_lounge_msg_form .set_point{
  margin-left: 7px;
  margin-right: 7px;
  width: 35px;
  height: 35px;
  border-radius: 40px;
  border: 1px solid #CCC;
  background-color: #FFF;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.4;
  cursor: pointer;
}

#contents_area.regist_lounge_msg_form .set_point.select{
  opacity: 1.0;
}

#contents_area.regist_lounge_msg_form .set_point img{
  margin-top: 1px;
  margin-left: 0px;
  object-fit: contain;
  width: 50%;
  opacity: 0.8;
}

#contents_area.regist_lounge_msg_form .set_point_left{
  margin-top: 20px;
  font-size: 13px;
}

#contents_area.regist_lounge_msg_form .set_point_left .point_left_title{
  margin-right: 5px;
}

#contents_area.regist_lounge_msg_form .set_point_left .point_unit_name{
  font-size: 11px;
}

#contents_area.regist_lounge_msg_form .set_point_left img{
  width: 15px;
  height: 15px;
  padding-bottom: 5px;
}

#contents_area.regist_lounge_msg_form .entry_btn_area{
  margin-top: 40px;
}

/* setting main menu */

#contents_area.main_menu_column{
  max-width: 640px;
  height: 645px;
}

#contents_area.main_menu_column .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.main_menu_column .close_btn:hover{
  fill: #888;
}

#contents_area.main_menu_column .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.main_menu_column .font_type_title{
  font-size: 17px;
  font-weight: bold;
}

#contents_area.main_menu_column .font_type{
  text-align: center;
  margin-bottom: 25px;
  font-weight: bold;
}

#contents_area.main_menu_column .menu_column_setting_area{
  margin-top: 35px;
  margin-left: 65px;
  margin-right: 65px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area.main_menu_column .column_setting_line{
  display: flex;
  padding-top: 13px;
  padding-bottom: 13px;
}

#contents_area.main_menu_column .column_setting_line .setting_column{
  margin-right: 15px;
}

#contents_area.main_menu_column .column_setting_line .setting_column input.column_title{
  padding: 4px;
  padding-left: 8px;
  font-size: 14px;
  font-weight: bold;
  width: 220px;
}

#contents_area.main_menu_column .column_setting_line .setting_column .ctrl_area{
  display: flex;
  margin-left: -5px;
}

#contents_area.main_menu_column .column_setting_line .setting_column .ctrl_area .cur_icon{
  margin-left: 25px;
  margin-top: 10px;
  fill: #333;
  cursor: pointer;
}

#contents_area.main_menu_column .column_setting_line .setting_column .ctrl_area .cur_icon:hover{
  fill: #CCC;
}

#contents_area.main_menu_column .column_setting_line .setting_column .ctrl_area .cur_icon svg{
  width: 15px;
  height: 15px;
}

#contents_area.main_menu_column .form_btn_area{
  margin-top: 30px;
  text-align: center;
}

/* diarlog box send direct mail */

#contents_area.send_direct_mail{
  max-width: 560px;
  height: 625px;
}

#contents_area.send_direct_mail .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.send_direct_mail .close_btn:hover{
  fill: #888;
}

#contents_area.send_direct_mail .form_title{
  margin-top: 65px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .send_mail_area{
  margin-top: 45px;
  margin-left: 70px;
  margin-right: 70px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area .send_mail_area .send_mail_finished{
  text-align: center;
}

#contents_area .send_mail_area .send_mail_finished .send_icon{
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  width: 55px;
  height: 55px;
  fill: #BBB;
}

#contents_area .send_mail_area .send_mail_finished .send_msg{
  padding-top: 30px;
  text-align: center;
  font-size: 13px;
}

#contents_area .send_mail_area .send_mail_finished .send_msg .msg_1{
  padding-top: 15px;
  font-size: 14px;
  font-weight: bold;
}

#contents_area .send_mail_area .send_mail_finished .send_msg .msg_2{
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 11px;
}

#contents_area .send_mail_area .column_area{
  margin-top: 35px;
}

#contents_area .send_mail_area .column_area.confirm{
  margin-top: 35px;
  padding-left: 5px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EEE;
}

#contents_area .send_mail_area .column_area.confirm .title{
  padding-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
}

#contents_area .send_mail_area .column_area.confirm .text{
  font-size: 14px;
}

#contents_area .send_mail_area .column_area.confirm.mail_text{
  height: 150px;
  overflow-y: auto;
}

#contents_area .send_mail_area .column_area:first-child{
  margin-top: 0px;
}

#contents_area .send_mail_area .column_area input{
  font-size: 14px;
  width: 95%;
  padding: 8px;
}

#contents_area .send_mail_area .column_area textarea{
  padding: 8px;
  width: 95%;
  height: 200px;
  font-size: 13px;
}

#contents_area .send_mail_area .form_btn_area{
  margin-top: 35px;
  text-align: center;
}

#contents_area .send_mail_area .send_mail_confirm .form_btn_area{
  margin-top: 40px;
}

#contents_area .send_mail_area .form_btn_area input[type=button]{
  margin-left: 5px;
  margin-right: 5px;
}

/* dialog box regist sns category */

#contents_area.regist_sns_category{
  max-width: 350px;
  height: 340px;
}

#contents_area.regist_sns_category .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.regist_sns_category .close_btn:hover{
  fill: #888;
}

#contents_area.regist_sns_category .form_title{
  margin-top: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.regist_sns_category .regist_category_area{
  padding-top: 40px;
  padding-left: 55px;
  padding-right: 55px;
  padding-bottom: 50px;
  text-align: left;
}

#contents_area.regist_sns_category .regist_category_area .column_area{
  margin-top: 10px;
}

#contents_area.regist_sns_category .regist_category_area .column_area:first-child{
  margin-top: 0px;
}

#contents_area.regist_sns_category .regist_category_area .column_area input{
  font-size: 14px;
  width: 95%;
  padding: 8px;
  border-radius: 6px;
}

#contents_area.regist_sns_category .form_btn_area{
  margin-top: 45px;
  text-align: center;
}

#contents_area.regist_sns_category .under_link_area{
  margin-top: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

#contents_area.regist_sns_category .under_link_area a{
  text-decoration: underline;
}

#contents_area.regist_sns_category .under_link_area a:hover{
  text-decoration: none;
}

/* dialog box regist confirm */

#contents_area.regist_confirm{
  max-width: 350px;
  height: 280px;
}

#contents_area.regist_confirm .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.regist_confirm .close_btn:hover{
  fill: #888;
}

#contents_area.regist_confirm .form_title{
  margin-top: 85px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

/* dialog box photograph */

#contents_area.regist_photograph{
  max-width: 540px;
  height: 610px;
}

#contents_area.regist_photograph .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.regist_photograph .close_btn:hover{
  fill: #888;
}

#contents_area.regist_photograph .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.regist_photograph .photo_regist_area{
  margin-top: 60px;
}

#contents_area.regist_photograph .photo_regist_area .photo_upload_area{
  display: flex;
  justify-content: center;
}

#contents_area.regist_photograph .photo_regist_area .column{
  margin-top: 40px;
}

#contents_area.regist_photograph .photo_regist_area .column textarea.photo_comment{
  padding: 10px;
  font-size: 15px;
  width: 70%;
  height: 70px;
  border: none;
  border-bottom: 1px solid #DDD;
}

#contents_area.regist_photograph .form_btn_area{
  margin-top: 45px;
  text-align: center;
}

#contents_area.regist_photograph .under_link{
  margin-top: 37px;
  font-size: 13px;
}

/* dialog box member group */

#contents_area.member_group_setting{
  max-width: 620px;
  height: 820px;
}

#contents_area.member_group_setting .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.member_group_setting .close_btn:hover{
  fill: #888;
}

#contents_area.member_group_setting .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .member_group_setting{
  margin-top: 35px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

.group_belong_list{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 30px;
}

.group_belong_list img{
  object-fit: cover;
  width: 90px;
  border-radius: 90px;
}

.group_belong_list .member_name{
  margin-top: 20px;
  font-size: 15px;
  font-weight: bold;
}

/* diarlog box member like list */

#contents_area.member_like_list{
  max-width: 620px;
  height: 580px;
}

#contents_area.member_like_list .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.member_like_list .close_btn:hover{
  fill: #888;
}

#contents_area.member_like_list .form_title{
  margin-top: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.member_like_list .like_member_list{
  margin-top: 50px;
  margin-left: 45px;
  margin-right: 45px;
  margin-bottom: 45px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  justify-content: center;
  height: 45%;
  text-align: left;
}

#contents_area.member_like_list .like_member_list a{
  text-decoration: none;
}

#contents_area.member_like_list .like_member_list a:hover{
  text-decoration: none;
}

#contents_area.member_like_list .like_member_list .member_column{
  display: grid;
  grid-template-rows: 1fr 95px;
}

#contents_area.member_like_list .like_member_list .member_image{
  text-align: center;
}

#contents_area.member_like_list .like_member_list a:hover .member_image{
  opacity: 0.8;
}

#contents_area.member_like_list .like_member_list .member_image img{
  width: 72px;
  height: 72px;
  border-radius: 72px;
  border: 1px solid #DDD;
}

#contents_area.member_like_list .like_member_list .member_name{
  margin-top: 23px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

/* diarlog box regist contents comment  */

#contents_area.regist_contents_comment{
  max-width: 620px;
  height: 670px;
}

#contents_area.regist_contents_comment .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.regist_contents_comment .close_btn:hover{
  fill: #888;
}

#contents_area.regist_contents_comment .form_title{
  margin-top: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.regist_contents_comment .regist_contents_comment_area{
  margin-top: 50px;
  margin-left: 60px;
  margin-right: 60px;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .comment_thread_area{
  width: 103%;
  max-height: 250px;
  overflow-y: auto;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .contents_area{
  margin-right: 35px;
  display: flex;
  position: relative;
  width: 93%;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .column_span{
  display: block;
  position: relative;
  height: 25px; /* thread line height */
}

#contents_area.regist_contents_comment .regist_contents_comment_area .column_span:after{
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  border-left: 2px solid #DDD;
  left: 25px;
  height: 100%;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .column_span.more:after{
  border-left: 2px dotted #CCC;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .last_comment_area .contents_area{
  padding-top: 10px;
  padding-bottom: 40px;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .last_comment_area .contents_area:before{
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 25px;
  border-left: 2px solid #DDD;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .contents_area:after{
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 25px;
  border-left: 2px solid #DDD;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .member_image_margin{
  position: relative;
  padding-bottom: 10px;
  background-color: #FFFFFF;
  z-index: 1;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .last_comment_area .contents_area .member_image_margin{
  padding-top: 10px;
  top: -10px;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .member_image_area{
  padding-right: 20px;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .member_image_area img{
  object-fit: cover;
  width: 55px;
  height: 55px;
  border-radius: 55px;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .contents_text_area{
  text-align: left;
  width: 100%;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .contents_text_area .member_name{
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: bold;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .contents_text_area .contents_text{
  display: flex;
  font-size: 13px;
  line-height: 1.5em;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .contents_text_area .contents_text .text{
  margin-right: 20px;
  margin-bottom: 25px;
  word-break: break-all;
  overflow-wrap: break-word;
  width: 100%;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .contents_text_area .contents_text .image img{
  object-fit: cover;
  width: 100px;
  height: 100px;
  border-radius: 10px;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .contents_text_area .contents_text img.photo{
  margin-top: 20px;
  width: 100%;
  border-radius: 10px;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area{
  margin-top: 10px;
  display: flex;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area .member_image_margin{
  position: relative;
  background-color: #FFFFFF;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area .member_image_area{
  padding-right: 20px;
  padding-bottom: 30px;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area .member_image_area img{
  object-fit: cover;
  width: 55px;
  height: 55px;
  border-radius: 55px;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area .comment_entry_area{
  width: 100%;
  text-align: left;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area .comment_entry_area .textarea_margin{
  margin-top: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #EEE;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area .comment_entry_area textarea{
  margin-top: 5px;
  width: 100%;
  height: 100px;
  font-size: 15px;
  line-height: 1.4em;
  border: none;
}

#contents_area.regist_contents_comment .regist_contents_comment_area .form_btn_area{
  margin-top: 35px;
  text-align: center;
}

/* diarlog box mainte contact */

#contents_area.mainte_contact{
  max-width: 620px;
  height: 650px;
}

#contents_area.mainte_contact .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.mainte_contact .close_btn:hover{
  fill: #888;
}

#contents_area.mainte_contact .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .contact_edit_area{
  margin-top: 35px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area .contact_edit_area textarea{
  padding: 8px;
  width: 95%;
  height: 260px;
  font-size: 14px;
  overflow-wrap: break-word;
  word-break: break-all;
}

#contents_area .contact_edit_area .image_list_upload_area{
  margin-top: 35px;
}

#contents_area .contact_edit_area .form_btn_area{
  margin-top: 30px;
  text-align: center;
  position: relative;
}

/* diarlog box mainte contents comment */

#contents_area.mainte_contents_comment{
  max-width: 620px;
  height: 650px;
}

#contents_area.mainte_contents_comment .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.mainte_contents_comment .close_btn:hover{
  fill: #888;
}

#contents_area.mainte_contents_comment .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .comment_edit_area{
  margin-top: 35px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area .comment_edit_area textarea{
  padding: 8px;
  width: 95%;
  height: 260px;
  font-size: 14px;
  overflow-wrap: break-word;
  word-break: break-all;
}

#contents_area .comment_edit_area .image_list_upload_area{
  margin-top: 35px;
}

#contents_area .comment_edit_area .form_btn_area{
  margin-top: 30px;
  text-align: center;
}

/* diarlog box regist lounge comment */

#contents_area.regist_lounge_comment{
  max-width: 620px;
  height: 620px;
}

#contents_area.regist_lounge_comment .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.regist_lounge_comment .close_btn:hover{
  fill: #888;
}

#contents_area.regist_lounge_comment .form_title{
  margin-top: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.regist_lounge_comment .regist_contents_comment_area{
  margin-top: 50px;
  margin-left: 60px;
  margin-right: 60px;
}

#contents_area.regist_lounge_comment .regist_contents_comment_area .loung_msg_area{
  text-align: left;
}

#contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area{
  margin-top: 40px;
}

#contents_area.regist_lounge_comment .lounge_msg_column .member_image img{
  width: 55px;
  height: 55px;
}

#contents_area.regist_lounge_comment .lounge_msg_column .msg_area .member_name{
  font-size: 15px;
  padding-left: 5px;
  padding-bottom: 10px;
}

#contents_area.regist_lounge_comment .lounge_msg_column .msg_area .msg_text{
  padding: 18px;
  border-radius: 10px;
  font-size: 14px;
  float: left;
}

#contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area{
  margin-top: 40px;
  display: flex;
}

#contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area .member_image_margin{
  position: relative;
  background-color: #FFFFFF;
}

#contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area .member_image_area{
  padding-right: 20px;
  padding-bottom: 30px;
}

#contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area .member_image_area img{
  object-fit: cover;
  width: 55px;
  height: 55px;
  border-radius: 55px;
}

#contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area .comment_entry_area{
  width: 100%;
  text-align: left;
}

#contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area .comment_entry_area .textarea_margin{
  margin-top: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #EEE;
}

#contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area .comment_entry_area textarea{
  margin-top: 5px;
  width: 100%;
  height: 100px;
  font-size: 15px;
  line-height: 1.4em;
  border: none;
}

#contents_area.regist_lounge_comment .regist_contents_comment_area .form_btn_area{
  margin-top: 35px;
  text-align: center;
}

/* dialog box mainte member bookmark */

#contents_area.mainte_member_bookmark{
  max-width: 450px;
  height: 360px;
}

#contents_area.mainte_member_bookmark .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.mainte_member_bookmark .close_btn:hover{
  fill: #888;
}

#contents_area.mainte_member_bookmark .form_title{
  margin-top: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.mainte_member_bookmark .bookmark_edit_area{
  margin-top: 50px;
  margin-left: 50px;
  margin-right: 50px;
}

#contents_area.mainte_member_bookmark .bookmark_edit_area textarea{
  width: 100%;
  height: 100px;
  font-size: 15px;
  line-height: 1.4em;
  border: none;
}

#contents_area.mainte_member_bookmark .bookmark_edit_area .form_btn_area{
  margin-top: 35px;
  text-align: center;
}

/* dialog box delete member bookmark aaa */

#contents_area.delete_member_bookmark{
  max-width: 320px;
  height: 220px;
}

#contents_area.delete_member_bookmark .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.delete_member_bookmark .close_btn:hover{
  fill: #888;
}

#contents_area.delete_member_bookmark .form_title{
  margin-top: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.delete_member_bookmark .delete_contents_area{
  margin-top: 50px;
  margin-left: 50px;
  margin-right: 50px;
}

#contents_area.delete_member_bookmark .bookmark_edit_area .form_btn_area{
  margin-top: 35px;
  text-align: center;
}

/* dialog box invite mail */

#contents_area.send_invite_mail{
  max-width: 440px;
  height: 410px;
}

#contents_area.send_invite_mail .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.send_invite_mail .close_btn:hover{
  fill: #888;
}

#contents_area.send_invite_mail .form_title{
  margin-top: 65px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.send_invite_mail .send_mail_area{
  margin-top: 60px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45%;
  text-align: left;
}

#contents_area.send_invite_mail .send_mail_area .invite_msg{
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 12px;
  text-align: center;
}

#contents_area.send_invite_mail .invite_mail_send_area{
  width: 95%;
}

#contents_area.send_invite_mail .send_mail_area .column_area{
  margin-top: 10px;
}

#contents_area.send_invite_mail .send_mail_area .column_area:first-child{
  margin-top: 0px;
}

#contents_area.send_invite_mail .send_mail_area .column_area input.send_invite{
  font-size: 15px;
  width: 95%;
  padding: 8px;
}

#contents_area.send_invite_mail .send_mail_area .column_area textarea{
  margin-top: 5px;
  padding: 8px;
  width: 95%;
  height: 165px;
  font-size: 14px;
  border-radius: 7px;
}

#contents_area.send_invite_mail .send_mail_area .member_regist_desc{
  margin-top: 45px;
  font-size: 12px;
}

#contents_area.send_invite_mail .send_mail_area .form_btn_area{
  margin-top: 50px;
  text-align: center;
}

/* dialog box regist member follow */

#contents_area.ins_member_follow{
  max-width: 420px;
  height: 300px;
}

#contents_area.ins_member_follow .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.ins_member_follow .close_btn:hover{
  fill: #888;
}

#contents_area.ins_member_follow .form_title{
  margin-top: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.ins_member_follow .send_mail_area .form_btn_area{
  margin-top: 45px;
  text-align: center;
}

/* dialog box member cover image */

#contents_area.member_cover_image{
  max-width: 540px;
  height: 390px;
}

#contents_area.member_cover_image .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.member_cover_image .close_btn:hover{
  fill: #888;
}

#contents_area.member_cover_image .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .cover_image_setting{
  margin-top: 35px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area .cover_image_setting .cover_image_upload_area{
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
}

#contents_area .cover_image_setting .column_area{
  margin-top: 10px;
}

#contents_area .cover_image_setting .column_area #image_upload_area #wrapper .cover{
  max-width: 450px;
  max-height: initial;
}

#contents_area .cover_image_setting .column_area #image_upload_area #wrapper .del_btn{
  margin-top: 5px;
  margin-left: 425px;
}

#contents_area .cover_image_setting .column_area .fixed_type_area{
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

#contents_area .cover_image_setting .column_area .fixed_type_area .column{
  padding-left: 5px;
  padding-right: 5px;
}

#contents_area .cover_image_setting .column_area .fixed_type_area .column label{
  font-size: 14px;
}

#contents_area .cover_image_setting .form_btn_area{
  margin-top: 30px;
  text-align: center;
}

#contents_area .cover_image_setting .ajust_debug_area{
  margin-top: 30px;
  font-size: 12px;
}

/* dialog box alliance cover image */

#contents_area.alliance_cover_image{
  max-width: 540px;
  height: 390px;
}

#contents_area.alliance_cover_image .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.alliance_cover_image .close_btn:hover{
  fill: #888;
}

#contents_area.alliance_cover_image .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.alliance_cover_image .cover_image_setting{
  margin-top: 35px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area.alliance_cover_image .cover_image_setting .cover_image_upload_area{
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
}

#contents_area.alliance_cover_image .cover_image_setting .column_area{
  margin-top: 10px;
}

#contents_area.alliance_cover_image .cover_image_setting .column_area #image_upload_area #wrapper .cover{
  max-width: 450px;
  max-height: initial;
}

#contents_area.alliance_cover_image .cover_image_setting .column_area #image_upload_area #wrapper .del_btn{
  margin-top: 5px;
  margin-left: 325px;
}

#contents_area.alliance_cover_image .cover_image_setting .column_area .fixed_type_area{
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

#contents_area.alliance_cover_image .cover_image_setting .column_area .fixed_type_area .column{
  padding-left: 5px;
  padding-right: 5px;
}

#contents_area.alliance_cover_image .cover_image_setting .column_area .fixed_type_area .column label{
  padding-left: 5px;
  font-size: 14px;
}

#contents_area.alliance_cover_image .cover_image_setting .form_btn_area{
  margin-top: 30px;
  text-align: center;
}

/* dialog box regist widget column */

#contents_area.regist_widget_column{
  max-width: 580px;
  height: 545px;
}

#contents_area.regist_widget_column .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.regist_widget_column .close_btn:hover{
  fill: #888;
}

#contents_area.regist_widget_column .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .widget_fixed_column_area{
  margin-top: 35px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area .widget_fixed_column_area .column_area{
  margin-top: 30px;
}

#contents_area .widget_fixed_column_area .column_area .area_header{
  border: 2px solid #CCC;
  height: 70px;
  margin-bottom: 10px;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}

#contents_area .widget_fixed_column_area .column_area .area_body{
  display: grid;
  grid-template-columns: 125px 1fr 125px;
  grid-template-rows: 1fr;
  column-gap: 10px;
  height: 230px;
}

#contents_area .widget_fixed_column_area .column_area .area_left{
  grid-column: 1;
  border: 2px solid #CCC;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}

#contents_area .widget_fixed_column_area .column_area .area_center{
  grid-column: 2;
  border: 2px solid #CCC;
  border-radius: 5px;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}

#contents_area .widget_fixed_column_area .column_area .area_right{
  grid-column: 3;
  border: 2px solid #CCC;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}

#contents_area .widget_fixed_column_area .column_area .select_area{
  background-color: #F3F3F3;
}

#contents_area .widget_fixed_column_area .column_area .select_area.selected{
  color: #744343;
  background-color: #F3EBEB;
  border: 2px solid #CCB3B3;
}

#contents_area .widget_fixed_column_area .form_btn_area{
  margin-top: 45px;
  text-align: center;
}

/* dialog box widget sort */

#contents_area.widget_sort{
  max-width: 580px;
  height: 590px;
}

#contents_area.widget_sort .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.widget_sort .close_btn:hover{
  fill: #888;
}

#contents_area.widget_sort .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .widget_sort_area{
  margin-top: 50px;
  margin-left: 50px;
  margin-right: 35px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area .widget_sort_area .column_area{
  margin-top: 30px;
}

#contents_area .widget_sort_area .scroll_area{
  height: 340px;
  overflow-x: hidden;
  overflow-y: auto;
}

#contents_area .widget_sort_area .widget_sort_column_wrap{
  margin-right: 20px;
  margin-bottom: 40px;
}

#contents_area .widget_sort_area .widget_sort_column_wrap:last-child{
  margin-bottom: 0px;
}

#contents_area .widget_sort_area .widget_sort_column{
  display: flex;
  margin-top: 30px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#contents_area .widget_sort_area .widget_sort_column:first-child{
  margin-top: 0px;
}

#contents_area .widget_sort_area .widget_sort_column:last-child{
  margin-bottom: 0px;
}

#contents_area .widget_sort_area .widget_sort_column .contents_image img{
  width: 120px;
  height: 80px;
  object-fit: cover;
}

#contents_area .widget_sort_area .widget_sort_column .contents_info{
  margin-left: 20px;
  width: 100%;
}

#contents_area .widget_sort_area .widget_sort_column .contents_info .contents_title{
  font-size: 15px;
  font-weight: bold;
  font-family: inherit;
  color: #304969;
}

#contents_area .widget_sort_area .widget_sort_column .contents_info .contents_text{
  margin-top: 12px;
  font-size: 12px;
  font-family: inherit;
  overflow-wrap: break-word;
  word-break: break-all;
}

#contents_area .widget_sort_area .widget_sort_column .contents_info .under_area{
  margin-top: 12px;
  font-size: 12px;
}

#contents_area .widget_sort_area .widget_sort_column .contents_info .under_area .link_area{
  position: relative;
}

#contents_area .widget_sort_area .widget_sort_column .contents_info .under_area .link_area.column_fixed{
  padding-left: 22px;
}

#contents_area .widget_sort_area .widget_sort_column .contents_info .under_area .link_area input[type=checkbox]{
  position: absolute;
  top: -1px;
  left: 0;
}

#contents_area .widget_sort_area .widget_sort_column .ctrl_area{
  display: flex;
}

#contents_area .widget_sort_area .widget_sort_column .ctrl_area .cur_icon{
  margin-right: 25px;
  margin-top: 7px;
  fill: #555555;
  cursor: pointer;
}

#contents_area .widget_sort_area .widget_sort_column .ctrl_area .cur_icon:hover svg{
  opacity: 0.5;
}

#contents_area .widget_sort_area .widget_sort_column .ctrl_area .cur_icon svg{
  width: 20px;
  height: 20px;
}

#contents_area .widget_sort_area .widget_sort_column .ctrl_area .cur_icon.sort_up svg{
  margin-top: 3px;
}

#contents_area .widget_sort_area .widget_sort_column .ctrl_area .link_area{
  margin-top: 8px;
  margin-right: 20px;
  font-size: 14px;
  font-weight: bold;
}

#contents_area .widget_sort_area .widget_sort_column .ctrl_area .link_area.column_del{
  margin-right: 0px;
  width: 100%;
  text-align: right;
}

#contents_area .widget_sort_area .widget_sort_column .ctrl_area .link_area.column_del .del_icon{
  margin-right: -15px;
  fill: #555555;
  cursor: pointer;
}

#contents_area .widget_sort_area .widget_sort_column .ctrl_area .link_area.column_del .del_icon svg{
  width: 18px;
  height: 18px;
}

#contents_area .widget_sort_area .widget_sort_column .ctrl_area .link_area.column_del:hover .del_icon svg{
  opacity: 0.5;
}

#contents_area .widget_sort_area .form_btn_area{
  margin-top: 45px;
  text-align: center;
}

/* dialog box profile photo setting */

#contents_area.profile_photo_setting{
  max-width: 400px;
  height: 400px;
}

#contents_area.profile_photo_setting .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.profile_photo_setting .close_btn:hover{
  fill: #888;
}

#contents_area.profile_photo_setting .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .profile_photo_setting{
  margin-top: 35px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area .profile_photo_setting .member_photo_upload_area{
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
}

#contents_area .profile_photo_setting .column_area{
  margin-top: 10px;
}

#contents_area .profile_photo_setting .column_area input{
  font-size: 14px;
  width: 95%;
  padding: 8px;
  border-radius: 6px;
}

#contents_area .profile_photo_setting .column_area textarea{
  padding: 8px;
  width: 95%;
  height: 260px;
  font-size: 14px;
  border-radius: 7px;
}

#contents_area .profile_photo_setting .form_btn_area{
  margin-top: 35px;
  text-align: center;
}

/* diarlog box profile text setting */

#contents_area.profile_text_setting{
  max-width: 620px;
  height: 495px;
}

#contents_area.profile_text_setting .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.profile_text_setting .close_btn:hover{
  fill: #888;
}

#contents_area.profile_text_setting .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .profile_text_setting{
  margin-top: 35px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area .profile_text_setting .column_area{
  margin-top: 10px;
}

#contents_area .profile_text_setting .column_area:first-child{
  margin-top: 0px;
}

#contents_area .profile_text_setting .column_area input{
  font-size: 14px;
  width: 95%;
  padding: 8px;
  border-radius: 6px;
}

#contents_area .profile_text_setting .column_area textarea{
  padding: 8px;
  width: 95%;
  height: 260px;
  font-size: 14px;
  overflow-wrap: break-word;
  word-break: break-all;
}

#contents_area .profile_text_setting .form_btn_area{
  margin-top: 30px;
  text-align: center;
}

/* diarlog box mail invite setting */

#contents_area.mail_invite_setting{
  max-width: 500px;
  height: 380px;
}

#contents_area.mail_invite_setting .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.mail_invite_setting .close_btn:hover{
  fill: #888;
}

#contents_area.mail_invite_setting .form_title{
  margin-top: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .mail_invite_setting_area{
  margin-top: 20px;
  margin-left: 55px;
  margin-right: 55px;
  text-align: left;
}

#contents_area .mail_invite_setting_area .column_area{
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  display: grid;
  place-content: center;
  grid-template-columns: 120px 250px;
  column-gap: 5px;
  row-gap: 30px;
}

#contents_area .mail_invite_setting_area .column_area .title{
  padding-top: 2px;
  display: flex;
  justify-content: flex-end;
  margin-right: 15px;
  font-size: 15px;
  font-weight: bold;
}

#contents_area .mail_invite_setting_area .column_area:first-child{
  margin-top: 0px;
}

#contents_area .mail_invite_setting_area .column_area .title{
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
}

#contents_area .mail_invite_setting_area .column_area .text_entry_area{
  display: flex;
}

#contents_area .mail_invite_setting_area .column_area .text_entry_area input[type=text]{
  padding: 5px;
  width: 180px;
  font-size: 14px;
}

#contents_area .mail_invite_setting_area .column_area .radio_entry_area{
  display: flex;
}

#contents_area .mail_invite_setting_area .column_area .radio_column{
  display: flex;
}

#contents_area .mail_invite_setting_area .column_area .radio_column input[type=radio]{
  margin-right: 7px;
  position: relative;
  top: -3px;
}

#contents_area .mail_invite_setting_area .column_area .radio_column label{
  margin-right: 7px;
  font-weight: bold;
}

#contents_area .mail_invite_setting_area .form_btn_area{
  margin-top: 55px;
  text-align: center;
}

/* dialog box rooting point */

#contents_area.set_rooting_point{
  max-width: 450px;
  height: 320px;
}

#contents_area .set_vote_point_area{
  margin-left: 50px;
  margin-right: 50px;
}

#contents_area.set_rooting_point .set_vote_point_area .vote_point_select_area{
  display: flex;
  justify-content: center;
  user-select: none;
}

#contents_area.set_rooting_point .set_point{
  margin-left: 7px;
  margin-right: 7px;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  border: 1px solid #CCC;
  background-color: #FFF;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.65;
  cursor: pointer;
}

#contents_area.set_rooting_point .set_point.select{
  opacity: 1.0;
}

#contents_area.set_rooting_point .set_point img{
  margin-top: 1px;
  margin-left: 0px;
  object-fit: contain;
  width: 67%;
  opacity: 0.85;
}

#contents_area.set_rooting_point .set_point_left{
  margin-top: 35px;
  font-size: 13px;
}

#contents_area.set_rooting_point .set_point_left .point_left_title{
  margin-right: 5px;
}

#contents_area.set_rooting_point .set_point_left .point_unit_name{
  font-size: 11px;
}

#contents_area.set_rooting_point .set_point_left img{
  height: 15px;
  padding-bottom: 5px;
}

#contents_area.set_rooting_point .entry_btn_area{
  margin-top: 35px;
}

/* dialog box charge rooting point */

#contents_area.charge_rooting_point{
  max-width: 450px;
  height: 320px;
}

#contents_area.charge_rooting_point .charge_point_area{
  margin-left: 50px;
  margin-right: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
}

#contents_area.charge_rooting_point .charge_point_info{
  display: flex;
  font-size: 15px;
  font-weight: bold;
  justify-content: center;
  width: 100%;
}

#contents_area.charge_rooting_point .point_icon img{
  margin-top: 1px;
  margin-left: 0px;
  object-fit: contain;
  width: 67%;
  opacity: 0.85;
}

#contents_area.charge_rooting_point .point_icon{
  margin-left: 7px;
  margin-right: 7px;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  border: 1px solid #CCC;
  background-color: #FFF;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#contents_area.charge_rooting_point .charge_point_info .charge_point{
  display: flex;
  padding-right: 5px;
  align-items: center;
  font-size: 17px;
}

#contents_area.charge_rooting_point .charge_point_info .charge_point .unit_name{
  display: inline-block;
  padding-top: 2px;
  font-size: 12px;
  padding-left: 7px;
}

#contents_area.charge_rooting_point .charge_point_info .charge_point .multiply{
  font-size: 13px;
  padding-right: 7px;
}

#contents_area.charge_rooting_point .charge_point_info .point_price{
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  align-items: center;
}

#contents_area.charge_rooting_point .charge_point_info .point_price .equal{
  padding-right: 7px;
  font-size: 14px;
}

#contents_area.charge_rooting_point .entry_btn_area{
  margin-top: 35px;
}

/* diarlog box entry image */

#contents_area.entry_image{
  max-width: 620px;
  height: 785px;
}

#contents_area.entry_image .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.entry_image .close_btn:hover{
  fill: #888;
}

#contents_area.entry_image .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .entry_image_area{
  margin-top: 47px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area .entry_image_area .entry_image_upload_area{
  margin-left: 10px;
  margin-right: 10px;
}

#contents_area .entry_image_area .form_btn_area{
  margin-top: 20px;
  margin-bottom: 30px;
}

#contents_area .entry_image_area .category_area{
  margin-top: 20px;
  display: flex;
}

#contents_area .entry_image_area .category_area .category_regist_area{
  display: flex;
  position: relative;
  align-items: center;
  margin-left: 15px;
  font-size: 15px;
  font-weight: bold;
}

#contents_area .entry_image_area .category_area .category_regist_area a{
  text-decoration: none;
}

#contents_area .entry_image_area .category_area .category_regist_area a:hover{
  text-decoration: underline;
}

#contents_area .entry_image_area .category_area .category_regist_area #category_regist_idx{
  display: none;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  position: absolute;
  top: -20px;
  left: -30px;
  width: 250px;
  height: 215px;
  border: 1px solid #DDD;
  background-color: #FFF;
  border-radius: 8px;
  box-shadow: 0 0 5px #DDD;
  z-index: 9;
}

#contents_area .entry_image_area .category_area .category_regist_area #category_regist_idx .main_title{
  text-align: center;
  margin-top: 20px;
}

#contents_area .entry_image_area .category_area .category_regist_area #category_regist_idx .category_regist{
  text-align: center;
  margin-top: 23px;
}

#contents_area .entry_image_area .category_area .category_regist_area #category_regist_idx .category_regist input[type=text]{
  width: 180px;
}

#contents_area .entry_image_area .category_area .category_regist_area #category_regist_idx .form_btn_area{
  margin-top: 30px;
  margin-bottom: 25px;
  text-align: center;
}

#contents_area .entry_image_area .category_area .category_regist_area #category_regist_idx .category_setting{
  font-size: 13px;
  text-align: center;
}

#contents_area .entry_image_area .entry_image_upload{
  margin-top: 20px;
}

#contents_area .entry_image_area .column_area{
  margin-top: 10px;
}

#contents_area .entry_image_area .column_area:first-child{
  margin-top: 0px;
}

#contents_area .entry_image_area .column_area .image_feed_scroll{
  margin-top: 30px;
  padding-right: 10px;
  height: 240px;
  overflow-y: auto;
}

#contents_area .entry_image_area .column_area input[type=text]{
  font-size: 14px;
  width: 95%;
  padding: 8px;
  border-radius: 6px;
}

#contents_area .entry_image_area .column_area .caption_entry_margin{
  margin-top: 25px;
  margin-right: 7px;
}

#contents_area .entry_image_area .column_area .caption_entry_margin textarea.caption_text{
  padding-left: 0px;
  padding-top: 0px;
  font-size: 15px;
  width: 100%;
  height: 35px;
  border: none;
}

#contents_area .entry_image_area .column_area textarea{
  padding: 8px;
  width: 95%;
  height: 260px;
  font-size: 14px;
  border-radius: 7px;
  overflow-wrap: break-word;
  word-break: break-all;
}

#contents_area .entry_image_area .form_btn_area{
  margin-top: 30px;
  text-align: center;
}

#contents_area .entry_image_area .image_feed_area_wrap{
  margin-top: 0px;
}

#contents_area .entry_image_area .image_feed_area_wrap.frame .image_column{
  height: 100px;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}

#contents_area .entry_image_area .image_feed_area_wrap.frame .image_column_wrap{
  position: relative;
  z-index: 1;
}

#contents_area .entry_image_area .image_feed_area_wrap.frame .image_column_wrap.select .image_column:before{
  content: '';
  max-width: 150px;
  height: 100px;
  width: 100%;
  position: absolute;
  left: -1px;
  top: 0px;
  opacity: 0.3;
  background-color: red;
}

#contents_area .entry_image_area .image_feed_area_wrap.frame .image_column_wrap .select_no{
  position: absolute;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  right: -2px;
  bottom: -4px;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  background-color: red;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

/* diarlog box invite listener */

#contents_area.invite_listener{
  max-width: 620px;
  height: 650px;
}

#contents_area.invite_listener .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.invite_listener .close_btn:hover{
  fill: #888;
}

#contents_area.invite_listener .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

/* diarlog box sns premium */

#contents_area.sns_premium{
  max-width: 620px;
  height: 650px;
}

#contents_area.sns_premium .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.sns_premium .close_btn:hover{
  fill: #888;
}

#contents_area.sns_premium .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

/* dialog member select */

#contents_area.member_select{
  max-width: 740px;
  height: 760px;
}

#contents_area.member_select .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.member_select .close_btn:hover{
  fill: #888;
}

#contents_area.member_select .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.member_select .member_select_frame_body{
  margin-top: 45px;
}

#contents_area.member_select .member_list_area_wrap{
  margin-top: 35px;
  margin-left: 40px;
  margin-right: 40px;
}

#contents_area.member_select .member_select_cnt_margin{
  margin-top: 18px;
  margin-bottom: 22px;
}

#contents_area.member_select .member_list_area_wrap iframe#member_list_area{
  width: 100%;
  height: 430px;
  overflow-x: hidden;
  overflow-y: scroll;
}

#contents_area.member_select .member_list_area_wrap .member_list_feed_scroll{
  width: 100%;
  height: 360px;
  overflow-y: scroll;
  text-align: left;
}

#contents_area.member_select .member_list_area_wrap .member_list_feed_scroll .member_list_feed_item{
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 30px;
  display: grid;
  column-gap: 15px;
  row-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#contents_area.member_select .member_list_area_wrap .member_list_feed_scroll .member_list_feed_item.none{
  margin-top: 30px;
  display: block;
}

#contents_area.member_select .member_list_area_wrap .member_list_feed_scroll .member_list_feed_item .member_column{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer;
}

#contents_area.member_select .member_list_area_wrap .member_list_feed_scroll .member_list_feed_item .member_column.selected .member_image:after{
  content: '';
  display: inline-block;
  background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23FFFFFF' d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E%0A");
  background-size: 12px 12px;
  background-color: #1DBE49;
  background-repeat: no-repeat;
  background-position: center center;
  width: 22px;
  height: 22px;
  border-radius: 22px;
  position: absolute;
  right: 8px;
  bottom: 0px;
}

#contents_area.member_select .member_list_area_wrap .member_list_feed_scroll .member_list_feed_item .member_column a{
  text-decoration: none;
}

#contents_area.member_select .member_list_area_wrap .member_list_feed_scroll .member_list_feed_item .member_column:hover a{
  text-decoration: underline;
}

#contents_area.member_select .member_list_area_wrap .member_list_feed_scroll .member_list_feed_item .member_column .member_image{
  position: relative;
  text-align: center;
  width: 100px;
}

#contents_area.member_select .member_list_area_wrap .member_list_feed_scroll .member_list_feed_item .member_column .member_image img{
  width: 75px;
  height: 75px;
  border-radius: 75px;
  border: 1px solid #DDD;
}

#contents_area.member_select .member_list_area_wrap .member_list_feed_scroll .member_list_feed_item .member_column .member_name{
  text-align: center;
  margin-top: 20px;
  font-size: 13px;
}

#contents_area.member_select .member_select_btn_area{
  margin-top: 40px;
}

/* dialog box delete contents */

#contents_area.delete_contents{
  max-width: 520px;
  height: 520px;
}

#contents_area.delete_contents .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.delete_contents .close_btn:hover{
  fill: #888;
}

#contents_area.delete_contents .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.delete_contents .delete_contents_area{
  margin-top: 60px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area.delete_contents .delete_contents_area .form_btn_area{
  margin-top: 30px;
  text-align: center;
}

/* dialog box delete contents comment */

#contents_area.delete_contents_comment{
  max-width: 520px;
  height: 520px;
}

#contents_area.delete_contents_comment .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.delete_contents_comment .close_btn:hover{
  fill: #888;
}

#contents_area.delete_contents_comment .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.delete_contents_comment .delete_contents_area{
  margin-top: 50px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area{
  padding-top: 10px;
  padding-bottom: 10px;
  max-height: 260px;
  overflow-y: auto;
  text-align: left;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .comment_info{
  display: flex;
  position: relative;
  width: 100%;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .comment_info .member_image_margin{
  padding-top: 12px;
  padding-bottom: 12px;
  position: absolute;
  top: -14px;
  background-color: #FFF;
  z-index: 2;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .comment_info .member_image{
  width: 45px;
  height: 45px;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .comment_info .member_image img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50px;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .comment_info .comment_write{
  margin-left: 60px;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .comment_image_list_area{
  display: flex;
  margin-top: 30px;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .comment_image_list_area img{
  object-fit: cover;
  margin-right: 7px;
  width: 85px;
  height: 85px;
  border-radius: 10px;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .comment_info .comment_write .member_name{
  font-size: 16px;
  font-weight: bold;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .comment_info .comment_write .comment_datetime{
  margin-top: 7px;
  font-size: 12px;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .comment_info .comment_write .comment_datetime{
  margin-top: 7px;
  font-size: 13px;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .text{
  margin-top: 25px;
  margin-bottom: 30px;
  margin-left: 60px;
  font-size: 13px;
  line-height: 1.6em;
}

/* 要ﾁｪｯｸ */
#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .text img.photo{
  width: 100%;
  margin-top: 25px;
  border-radius: 10px;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .text .youtube{
  display: inline-block;
  width: 100%;
  margin-top: 25px;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .text .youtube iframe{
  max-height: 350px;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .text .google_map{
  margin-top: 25px;
}

#contents_area.delete_contents_comment .delete_contents_area .comment_info_area .text a.comment_link{
  color: #242424;
  text-decoration: none;
}

#contents_area.delete_contents_comment .delete_contents_area .form_btn_area{
  margin-top: 30px;
  text-align: center;
}

/* diarlog box regist contents license */

#contents_area.regist_contents_license{
  max-width: 620px;
  height: 570px;
}

#contents_area.regist_contents_license .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.regist_contents_license .close_btn:hover{
  fill: #888;
}

#contents_area.regist_contents_license .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area .regist_contents_license{
  margin-top: 35px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area .regist_contents_license .regist_form{
  margin-top: 10px;
  padding-bottom: 8px;
  text-align: center;
}

#contents_area .regist_contents_license .regist_form .contents_title{
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
  display: flex;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5em;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  height: 50px;
}

#contents_area .regist_contents_license .regist_form .owner_name{
  margin-top: 25px;
  font-size: 12px;
}

#contents_area .regist_contents_license .regist_form .contents_info{
  margin-top: 5px;
  font-size: 12px;
}

#contents_area .regist_contents_license .regist_form .price{
  margin-top: 25px;
  font-size: 15px;
  font-weight: bold;
}

#contents_area .regist_contents_license .regist_form .mailaddr_area{
  margin-top: 40px;
}

#contents_area .regist_contents_license .regist_form .mailaddr_area input{
  padding-left: 5px;
  padding-bottom: 7px;
  width: 100%;
  max-width: 350px;
  font-weight: bold;
  font-size: 15px;
}

#contents_area .regist_contents_license .regist_form .under_msg{
  margin-top: 47px;
  font-size: 11px;
}

#contents_area .regist_contents_license .form_btn_area{
  margin-top: 35px;
  text-align: center;
}

/* dialog box alliance setting */

#contents_area.alliance_setting{
  max-width: 660px;
  height: 655px;
}

#contents_area.alliance_setting .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.alliance_setting .close_btn:hover{
  fill: #888;
}

#contents_area.alliance_setting .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.alliance_setting .alliance_setting_area{
  margin-top: 50px;
  margin-left: 70px;
  margin-right: 70px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area.alliance_setting .alliance_setting_area .column_area_wrap .column_area{
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  display: flex;
  flex-direction: column;
}

#contents_area.alliance_setting .alliance_setting_area .column_area_wrap .column_area:first-child{
  padding-top: 0px;
}

#contents_area.alliance_setting .alliance_setting_area .column_area .title{
  padding-top: 2px;
  padding-bottom: 20px;
  display: flex;
  margin-right: 15px;
  font-size: 16px;
  font-weight: bold;
}

#contents_area.alliance_setting .alliance_setting_area .column_area .text_entry_area{
  display: flex;
}

#contents_area.alliance_setting .alliance_setting_area .column_area .text_entry_area input[type=text]{
  padding: 5px;
  width: 100%;
  font-size: 18px;
}

#contents_area.alliance_setting .alliance_setting_area .column_area .text_entry_area input[name=community_name]{
  font-weight: bold;
}

#contents_area.alliance_setting .alliance_setting_area .column_area .text_entry_area textarea{
  padding: 5px;
  width: 100%;
  height: 220px;
  font-size: 16px;
}

#contents_area.alliance_setting .alliance_setting_area .column_area .radio_entry_area{
  display: flex;
}

#contents_area.alliance_setting .alliance_setting_area .column_area .radio_column{
  display: flex;
}

#contents_area.alliance_setting .alliance_setting_area .column_area .radio_column input[type=radio]{
  margin-right: 7px;
  position: relative;
  top: -3px;
}

#contents_area.alliance_setting .alliance_setting_area .column_area .radio_column label{
  margin-right: 7px;
  font-weight: bold;
}

#contents_area.alliance_setting .form_btn_area{
  margin-top: 50px;
  text-align: center;
}

/* dialog box portfolio　public setting */

#contents_area.portfolio_public_setting{
  max-width: 430px;
  height: 370px;
}

#contents_area.portfolio_public_setting .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.portfolio_public_setting .close_btn:hover{
  fill: #888;
}

#contents_area.portfolio_public_setting .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.portfolio_public_setting .portfolio_setting_area{
  margin-top: 50px;
  margin-left: 50px;
  margin-right: 35px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area.portfolio_public_setting .column_entry{
  display: flex;
  justify-content: center;
}

#contents_area.portfolio_public_setting .column_desc{
  margin-top: 40px;
  text-align: center;
  font-size: 11px;
}

#contents_area.portfolio_public_setting .form_btn_area{
  margin-top: 40px;
  text-align: center;
}

/* dialog box portfolio　link icon setting */

#contents_area.portfolio_link_icon_setting{
  max-width: 550px;
  height: 485px;
}

#contents_area.portfolio_link_icon_setting .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.portfolio_link_icon_setting .close_btn:hover{
  fill: #888;
}

#contents_area.portfolio_link_icon_setting .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.portfolio_link_icon_setting .link_icon_setting_area{
  margin-top: 50px;
  margin-left: 70px;
  margin-right: 70px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area.portfolio_link_icon_setting .link_icon_setting_area .title{
  margin-top: 50px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  width: 100%;
}

#contents_area.portfolio_link_icon_setting .link_icon_setting_area .title:first-child{
  margin-top: 0px;
}

#contents_area.portfolio_link_icon_setting .link_icon_setting_area .title .caption{
  font-size: 18px;
  font-weight: bold;
}

#contents_area.portfolio_link_icon_setting .link_icon_setting_area .value{
  margin-top: 15px;
  width: 100%;
  display: flex;
}

#contents_area.portfolio_link_icon_setting .link_icon_setting_area .value .url_area{
  padding-left: 5px;
  width: 100%;
}

#contents_area.portfolio_link_icon_setting .link_icon_setting_area .value .url_area input[type=text]{
  width: 100%;
}

#contents_area.portfolio_link_icon_setting .form_btn_area{
  margin-top: 65px;
  text-align: center;
}

/* dialog box alliance close */

#contents_area.alliance_close{
  max-width: 390px;
  height: 300px;
}

#contents_area.alliance_close .close_btn{
  position: absolute;
  top: 15px;
  right: 16px;
  text-align: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #CCC;
}

#contents_area.alliance_close .close_btn:hover{
  fill: #888;
}

#contents_area.alliance_close .form_title{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#contents_area.alliance_close .alliance_close_area{
  margin-top: 50px;
  margin-left: 50px;
  margin-right: 35px;
  margin-bottom: 50px;
  text-align: left;
}

#contents_area.alliance_close .column_entry{
  display: flex;
  justify-content: center;
}

#contents_area.alliance_close .column_desc{
  margin-top: 40px;
  text-align: center;
  font-size: 11px;
}

#contents_area.alliance_close .form_btn_area{
  margin-top: 40px;
  text-align: center;
}

/* entry image layout */

.entry_image_area_wrap{
  width: 100%;
}

/* layout 1 */

.entry_image_area_wrap .entry_image_area.layout_1{
  display: flex;
}

.entry_image_area_wrap .entry_image_area.layout_1 img{
  width: 100%;
}

/* layout 2 */

.entry_image_area_wrap .entry_image_area.layout_2{
  display: grid;
  column-gap: 1px;
  row-gap: 1px;
  grid-template-columns: 1fr 1fr;
}

.entry_image_area_wrap .entry_image_area.layout_2 img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* layout 3 */

.entry_image_area_wrap .entry_image_area.layout_3{
  display: grid;
  column-gap: 1px;
  row-gap: 1px;
  grid-template-columns: 1fr 1fr;
}

.entry_image_area_wrap .entry_image_area.layout_3 img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.entry_image_area_wrap .entry_image_area.layout_3 img.idx_1{
  grid-column: 1 / 3;
  aspect-ratio: 2.8 / 1;
}

/* layout 4 */

.entry_image_area_wrap .entry_image_area.layout_4{
  display: grid;
  column-gap: 1px;
  row-gap: 1px;
  grid-template-columns: 1fr 1fr;
}

.entry_image_area_wrap .entry_image_area.layout_4 img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
}

/* caption */

.entry_image_area_wrap .caption_text{
  margin-top: 25px;
  font-size: 15px;
  width: 100%;
  text-align: center;
}

/* contents search result */

.contents_search_result_area{
  display: none;
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 25px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 10px;
  text-align: left;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
  z-index: 3;
}

.contents_search_result_area .search_link{
  width: 260px;
  display: flex;
}

.contents_search_result_area .search_link svg{
  width: 20px;
  height: 20px;
}

.contents_search_result_area .search_link a{
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 4px;
  padding-top: 12px;
  padding-bottom: 6px;
  width: 100%;
  font-weight: bold;
  font-size: 15px;
}

.contents_search_result_area .search_link a:hover{
  text-decoration: underline;
}

.contents_search_result_area a{
  text-decoration: none;
}

.contents_search_result_area a:hover{
  text-decoration: underline;
}

.contents_search_result_area .search_catgory{
  margin-top: 28px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 15px;
}

.contents_search_result_area .contents_search_result{
  display: flex;
  max-width: 350px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.contents_search_result_area .contents_search_result .contents_image{
  width: 55px;
}

.contents_search_result_area .contents_search_result .contents_image img{
  width: 55px;
  height: 55px;
  border-radius: 10px;
  object-fit: cover;
}

.contents_search_result_area .contents_search_result .contents_title{
  padding-left: 15px;
  padding-top: 2px;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  font-family: Quicksand,'游ゴシック体','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  line-height: 1.4em;
  width: 260px;
  color: #304969;
}

.contents_search_result_area .hashtag_search_result{
  margin-top: 7px;
  margin-bottom: 7px;
  font-size: 14px;
}

/* invite */

.contents_list_body .invite_entry_column{
  margin-top: 80px;
}

.contents_list_body .invite_entry_column:first-child{
  margin-top: 50px;
}

.contents_list_body .invite_entry_column .column_title{
  text-align: center;
  font-weight: bold;
  font-size: 23px;
}

.contents_list_body .invite_entry_column .column_desc{
  margin-top: 20px;
  font-size: 12px;
  text-align: center;
}

.contents_list_body .invite_entry_column .column_entry{
  margin-top: 30px;
  text-align: center;
}

.contents_list_body .invite_entry_column .column_entry img.invite_qr_code{
  padding: 5px;
  border: 1px solid #EEE;
  width: 92px;
  height: 92px;
}

.contents_list_body .invite_entry_column .column_entry .free_maonth{
  font-size: 18px;
  font-weight: bold;
  width: 40px;
  border-radius: 5px;
  padding: 5px;
}

.contents_list_body .invite_entry_column .column_entry .free_month_str{
  font-size: 18px;
  font-weight: bold;
}

.contents_list_body .invite_entry_column .column_entry .invite_url{
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  font-weight: bold;
  margin-top: 30px;
  text-align: center;
  overflow-wrap: break-word;
}

.contents_list_body .invite_entry_column .column_entry .invite_url span{
  word-break: break-all;
}

/* point charge */

.contents_list_body .point_charge_area{
  margin-top: 30px;
}

.contents_list_body .point_title{
  text-align: center;
  font-size: 26px;
  font-weight: bold;
}

.contents_list_body .point_charge_msg{
  margin-top: 70px;
  max-width: 370px;
  text-align: center;
  font-size: 14px;
  line-height: 1.5em;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.contents_list_body .point_charge_list_margin{
  margin-top: 50px;
  text-align: center;
}

.contents_list_body .point_charge_list{
  width: 100%;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.contents_list_body .point_charge_list .point_list_column{
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 25px;
  display: flex;
}

.contents_list_body .point_charge_list .point_list_column input[type=radio]{
  position: relative;
  top: 5px;
}

.contents_list_body .point_charge_list .point_list_column label{
  width: 100%;
  display: flex;
}

.contents_list_body .point_charge_list .point_list_column .point_list_line{
  width: 150px;
  padding-left: 10px;
  display: flex;
  align-items: center;
}

.contents_list_body .point_charge_list .point_list_column .point_list_line img{
  width: 30px;
}

.contents_list_body .point_charge_list .point_list_column .point_list_line .point_sign{
  padding-left: 8px;
  font-size: 15px;
}

.contents_list_body .point_charge_list .point_list_column .point_list_line .point_cnt{
  padding-left: 8px;
  font-size: 17px;
  font-weight: bold;
}

.contents_list_body .point_charge_list .point_list_column .point_list_line .point_unit{
  padding-left: 10px;
  font-weight: bold;
  font-size: 12px;
}

.contents_list_body .point_charge_list .point_list_column .point_price{
  padding-left: 10px;
  display: flex;
  align-items: center;
}

.contents_list_body .point_charge_list .point_list_column .point_price .equal{
  padding-left: 5px;
  font-size: 14px;
}

.contents_list_body .point_charge_list .point_list_column .point_price .price{
  padding-left: 10px;
  font-size: 14px;
}

.contents_list_body .point_charge_list .point_list_column .regist_btn_area{
  margin-left: auto;
  display: flex;
  align-items: center;
}

.contents_list_body .point_charge_list .point_list_column .regist_btn_area .form_btn{
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
  font-size: 13px;
}

/* entry image feed */

.entry_image_feed_margin{
  margin-top: 45px;
}

.entry_image_feed_area_wrap{
  margin-left: 10px;
  margin-right: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 25px;
  row-gap: 25px;
}

.entry_image_feed_area_wrap .column{
  display: flex;
  flex-direction: column;
  position: relative;
}

.entry_image_feed_area_wrap .column .photo_image{
  display: flex;
  text-align: center;
  position: relative;
  justify-content: center;
}

.entry_image_feed_area_wrap .column .photo_image .frame{
  aspect-ratio: 1 / 1;
  width: 100%;
  background-color: #EEE;
  display: flex;
  justify-content: center;
  align-items: center;
}

.entry_image_feed_area_wrap .column .photo_image .frame img{
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.entry_image_feed_area_wrap .column .cur_wrap{
  display: flex;
  align-items: center;
}

.entry_image_feed_area_wrap .column .cur_wrap .cur_icon_frame{
  position: absolute;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 30px;
  width: 23px;
  height: 23px;
  box-shadow: 0px 0px 6px 1px rgb( 0 0 0 / 10% );
  cursor: pointer;
}

.entry_image_feed_area_wrap .column .cur_wrap.left .cur_icon_frame{
  left: -11px;
}

.entry_image_feed_area_wrap .column .cur_wrap.right .cur_icon_frame{
  right: -11px;
}

.entry_image_feed_area_wrap .cur_wrap .cur_icon_frame .icon_image{
  padding-top: 3px;
  padding-left: 8px;
  width: 7px;
  fill: #BBB;
}

.entry_image_feed_area_wrap .cur_wrap .cur_icon_frame:hover{
  background-color: #EEE;
}

.entry_image_feed_area_wrap.frame{
  padding-left: 10px;
  column-gap: 5px;
  row-gap: 30px;
}

.entry_image_feed_area_wrap .image_column{
  margin: 1px;
  overflow: hidden;
}

.entry_image_feed_area_wrap .image_column img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.entry_image_feed_area_wrap.opacity .image_column img{
  transition: 0.1s all;
}

.entry_image_feed_area_wrap.opacity .image_column img:hover{
  opacity: 0.7;
}

.entry_image_feed_area_wrap.frame .image_column{
  background-color: #EEE;
  border: 1px solid #DDD;
  max-width: 130px;
  height: 130px;
}


/* member profile */

.profile_area .member_image{
  margin-left: auto;
  margin-right: auto;
  width: 160px;
  height: 160px;
}

.profile_area .member_image img{
  object-fit: cover;
  width: 160px;
  height: 160px;
  border-radius: 160px;
  border: 1px solid #DDD;
}

.profile_area .member_name{
  margin-top: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.profile_area .member_name .verified img{
  position: relative;
  width: 17px;
  top: -2px;
  left: 2px;
}

.profile_area .stage_link_btn{
  padding-top: 40px;
  padding-bottom: 25px;
  text-align: center;
}

.profile_area .profile_desc{
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  width: 100%;
}

.profile_area .profile_desc .profile_text{
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 13px;
  line-height: 1.5em;
  word-break: break-all;
}

.profile_area .profile_desc .profile_column_area{
  padding-top: 10px;
  padding-bottom: 10px;
}

.profile_area .profile_desc .profile_column_area .column_line{
  display: flex;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
}

.profile_area .profile_desc .profile_column_area .column_line .title{
  width: 150px;
  text-align: right;
}

.profile_area .profile_desc .profile_column_area .column_line .value{
  padding-left: 15px;
}

.profile_area .profile_desc .profile_column_area .column_line img.point_icon{
  height: 18px;
  position: relative;
  top: -5px;
}

.profile_area .profile_desc .profile_column_area .column_line .point_cnt{
  padding-left: 5px;
  font-size: 15px;
  font-weight: bold;
}

.profile_area .profile_desc .profile_column_area .column_line .point_unit{
  margin-left: 5px;
  font-size: 12px;
  font-weight: bold;
}

/* alliance list */

.profile_alliance_list_area{
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 470px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.profile_alliance_list_area .column{
  padding-top: 9px;
  padding-left: 9px;
  padding-right: 9px;
  padding-bottom: 9px;
}

.profile_alliance_list_area .column .thumb_image{
  margin-left: auto;
  margin-right: auto;
  max-width: 120px;
  max-height: 120px;
  cursor: pointer;
}

.profile_alliance_list_area .column .thumb_image.square{
  max-width: 100px;
  max-height: 100px;
}

.profile_alliance_list_area .column .thumb_image img{
  object-fit: cover;
  width: 100%;
  border-radius: 100px;
  border: 1px solid #DDDDDD;
  -webkit-transition: 0.1s all;
  transition: 0.1s all;
}

.profile_alliance_list_area .column .thumb_image.square img{
  border-radius: 8px;
}

.profile_alliance_list_area .column .thumb_image img:hover{
  opacity: 0.7;
}

.profile_alliance_list_area .column .title{
  text-align: left;
  margin-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
}

.profile_alliance_list_area .column .title a{
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}

.profile_alliance_list_area .column .text{
  padding-top: 18px;
  padding-left: 10px;
  padding-bottom: 10px;
  font-size: 12px;
}

/* member notify */

.notify_column_list .column{
  display: flex;
  padding-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
}

.notify_column_list .column .member_image{
  width: 55px;
  height: 55px;
  position: relative;
}

.notify_column_list .column .member_image .no_photo{
  display: flex;
  width: 55px;
  height: 55px;
  justify-content: center;
  align-items: center;
  color: #444;
  border: 1px solid #DDD;
  border-radius: 55px;
  font-size: 11px;
  font-weight: bold;
}

.notify_column_list .column .member_image img{
  object-fit: cover;
  width: 55px;
  height: 55px;
  border-radius: 55px;
}

.notify_column_list .column .notify_body{
  width: 100%;
}

.notify_column_list .column .notify_body .notify_msg{
  margin-left: 25px;
  margin-right: 15px;
  font-size: 15px;
  line-height: 1.6em;
}

.notify_column_list .column .notify_body .notify_msg a.member_link{
  font-weight: bold;
}

.notify_column_list .column .notify_body .notify_msg a.contents{
  font-weight: bold;
}

.notify_column_list .column .notify_body .notify_msg .notify_point_title.recent{
  top: 2px;
  left: -4px;
}

.notify_column_list .column .notify_body .under_area{
  display: flex;
}

.notify_column_list .column .notify_body .under_area .more_link{
  margin-top: 25px;
  margin-left: 25px;
  font-size: 13px;
}

.notify_column_list .column .notify_body .under_area .regist_datetime{
  margin-top: 25px;
  margin-left: auto;
  margin-right: 10px;
  font-size: 12px;
}

.notify_column_list .column a{
  text-decoration: none;
}

.notify_column_list .column a:hover{
  text-decoration: underline;
}

/* system info */

.system_info_list .column{
  padding-top: 25px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
}

.system_info_list .column .info_body{
  display: flex;
}

.system_info_list .column .info_body .info_title a{
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
}

.system_info_list .column .info_body .info_title a:hover{
  text-decoration: underline;
}

.system_info_list .column .info_body .info_title .newly_point{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #E42C30;
  position: relative;
  top: -2px;
  left: 6px;
}

.system_info_list .column .under_area{
  display: flex;
}

.system_info_list .column .under_area .more_link{
  margin-top: 20px;
  margin-left: 5px;
  font-size: 13px;
}

.system_info_list .column .under_area .more_link a{
  text-decoration: none;
}

.system_info_list .column .under_area .info_datetime{
  margin-top: 5px;
  margin-left: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  font-size: 12px;
}


/* member select */

.select_member_list{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}

.select_member_list .member_list{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.select_member_list .member_image{
  position: relative;
  width: 90px;
}

.select_member_list .member_image:after{
  content: '';
  display: inline-block;
  background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23FFFFFF' d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E%0A");
  background-size: 12px 12px;
  background-color: #1DBE49;
  background-repeat: no-repeat;
  background-position: center center;
  width: 22px;
  height: 22px;
  border-radius: 22px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.select_member_list .member_list .member_image img{
  width: 80px;
  height: 80px;
  border-radius: 80px;
  border: 1px solid #EEE;
}

.select_member_list .member_list .member_name{
  margin-top: 20px;
  font-size: 13px;
}

.select_member_list .member_list a{
  text-decoration: none;
}

.select_member_list .member_list a:hover{
  text-decoration: underline;
}


/* list menu area */

.list_menu_area{
  display: flex;
  margin-top: 35px;
  margin-bottom: 30px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.list_menu_area::-webkit-scrollbar{
  display: none;
}

.list_menu_area .column{
  margin-right: 15px;
  padding-top: 9px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 7px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50px;
  border: 1px solid #DDD;
  white-space: nowrap;
  min-width: 75px;
  text-align: center;
  cursor: pointer;
}

.list_menu_area .column.active{
  background-color: #EEE;
}

/* entry preview area */

.entry_preview_area{
  margin-top: 45px;
  margin-bottom: 45px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}

.entry_preview_area .cover_image_preview{
  width: 100%;
  aspect-ratio: 5 / 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.preview_sub_menu_area{
  margin-top: 50px;
  display: flex;
  justify-content: start;
}

.preview_sub_menu_area .menu_column{
  margin-left: 0px;
  margin-right: 15px;
  padding-top: 8px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 7px;
  border: 1px solid #DDD;
  border-radius: 8px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}

.preview_sub_menu_area .menu_column.active{
  background-color: #F6F6F6;
}

/* preview html draw */

.entry_preview_area #contents_preview_area{
  max-width: 800px;
  width: 100%;
}

.entry_preview_area #contents_preview_area.smart_layout{
  max-width: 530px;
}

.entry_preview_area #contents_preview_area #_contents_body{
  margin-left: -20px;
  margin-right: -20px;
  transform: scale( 0.90 );
  -o-transform: scale( 0.90 );
  -webkit-transform: scale( 0.90 );
  -moz-transform: scale( 0.90 );
  -ms-transform: scale( 0.90 );
  transform-origin: top;
}

#contents_preview_area .contents_body{
  margin-left: 0px;
  margin-right: 0px;
}

#contents_preview_area .contents_body .contents_area{
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
}

/* contents message */

.contents_system_msg_wrap{
  margin-bottom: 5px;
  width: 100%;
}

.contents_system_msg{
  display: table;
  padding-top: 12px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
  border: 1px solid #DDD;
  border-radius: 50px;
  font-size: 13px;
  text-align: center;
}

.contents_system_msg_wrap .answer_del{
  text-align: center;
}

/* default setting button */

.profile_setting_default{
  margin-left: auto;
  margin-right: auto;
  padding-top: 9px;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 12px;
  display: flex;
  justify-content: center;
  margin-top: 10px;
  max-width: 130px;
  border-radius: 50px;
  border: 1px solid #DDD;
  cursor: pointer;
}

/* list pagenation */

.contents_body .page_ctrl_area{
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}

.contents_body .page_ctrl_area a{
  text-decoration: none;
}

.contents_body .page_ctrl_area.top{
  margin-bottom: 30px;
}

.contents_body .page_ctrl_area.bottom{
  margin-top: 55px;
}

.contents_body .page_ctrl_area .ctrl_btn{
  margin-left: 4px;
  margin-right: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: bold;
  width: 35px;
  height: 35px;
  color: #BBB;
  border-radius: 35px;
  border: 1px solid #CCC;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  cursor: pointer;
}

.contents_body .page_ctrl_area .ctrl_btn.active{
  color: #9E9E9E;
  background-color: #F7F7F7;
}

.contents_body .page_ctrl_area .ctrl_btn svg{
  width: 12px;
  height: 12px;
  fill: #BBB;
}

/* link box area */

.link_box_area_wrap{
  text-align: center;
}

.link_box_area_wrap .link_box_area{
  margin-left: auto;
  margin-right: auto;
  padding-top: 11px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 13px;
  border: 1px solid #DDD;
  text-align: center;
  min-width: 80px;
  border-radius: 50px;
  display: inline-block;
  cursor: pointer;
}

.link_box_area_wrap a{
  text-decoration: none;
}

.link_box_area_wrap a:hover{
  text-decoration: none;
}

/* list none area */

.list_none_area_wrap{
  text-align: center;
}

.list_none_area_wrap .list_none_area{
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid #DDD;
  text-align: center;
  min-width: 120px;
  border-radius: 50px;
  display: inline-block;
}

.list_none_area_wrap .list_none_area.link{
  cursor: pointer;
}

.list_none_area_wrap a{
  text-decoration: none;
}

.list_none_area_wrap a:hover{
  text-decoration: none;
}

/* error msg */

#error_text{
  margin-top: 2px;
  padding-top: 2px;
  font-weight: bold;
  font-size: 12px;
  padding-left: 18px;
  background-image: url("https://static.revinter.net/resources/snsmk4/img/icon/icon_error_01.gif");
  background-repeat: no-repeat;
  background-position: left 2px;
}

@media screen and ( max-width: 800px ){
  
  .contents_body .contents_list{
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 20px;
  }
  
  .contents_body.setting .contents_list{
    margin-left: 20px;
    margin-right: 20px;
  }
  
  .contents_body #member_notify_area .contents_list{
    margin-left: 20px;
    margin-right: 20px;
  }
  
  .contents_body.chat .section_area .section_title{
    padding-left: 0px !important;
  }
  
  .contents_body .section_area .right_area{
    display: block;
    margin-left: auto;
    margin-top: -20px;
    margin-right: 20px;
  }
  
  .contents_body .section_area .right_area .member_list{
    width: 28px;
    height: 28px;
    fill: #555;
    cursor: pointer;
  }
  
  /* right area contents */
  
  .member_ctrl_contents{
    margin-bottom: 80px;
  }
  
  .member_ctrl_contents .search_box .search_icon{
    top: 24%;
  }
  
  .member_ctrl_contents .lounge_msg_column{
    margin-bottom: 0px;
  }
  
  .member_ctrl_contents .lounge_msg_column .member_image img{
    width: 50px;
    height: 50px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area{
    margin-right: 15px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area .lounge_msg_column .msg_area .member_name{
    font-size: 16px;
    margin-bottom: 13px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area .lounge_msg_column .msg_area .msg_text{
    font-size: 16px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area .image_thumb_list{
    margin-top: 10px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area .image_thumb_list{
    padding-top: 10px;
    padding-left: 70px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area .image_thumb_list{
    margin-top: 1px;
    margin-right: -25px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area .image_thumb_list img{
    margin-right: 3px;
    margin-bottom: 3px;
    max-width: 57px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area .lounge_msg_column_wrap .lounge_msg_under{
    margin-top: 20px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area .lounge_msg_column_wrap .lounge_msg_under .under_area.left{
    max-width: 40px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area .lounge_msg_column_wrap .lounge_msg_under .under_area.center .comment{
    max-width: 60px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area .lounge_msg_column_wrap .lounge_msg_under .under_area.center .like{
    max-width: 60px;
  }
  
  .member_ctrl_contents .side_lounge_msg_area .lounge_msg_column_wrap .lounge_msg_under .under_area.right{
    margin-left: 0px;
    font-size: 14px;
  }
  
  /* contents list */
  
  .contents_body .contents_list .contents_title{
    font-size: 22px;
  }
  
  .contents_body .contents_list .contents_list_body{
    margin-top: 50px;
  }
  
  .contents_body .contents_list .contents_list_body.lounge_list{
    margin-top: 0px;
  }
  
  .contents_body .contents_list .contents_list_body .contents_list_column_area{
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 55px;
  }
  
  /* entry list */
  
  .contents_body .contents_list .contents_list_body .entry_list_item{
    margin-bottom: 35px;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 55px;
  }
  
  .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .entry_list_item,
  .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .entry_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  ._layout_container.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .entry_list_item,
  ._layout_container.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .entry_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  /* album list area */
  
  .contents_body .contents_list .contents_list_body .album_list_item{
    margin-bottom: 35px;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 55px;
  }
  
  .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .album_list_item,
  .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .album_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  ._layout_container.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .album_list_item,
  ._layout_container.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .album_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  /* schedule list area */
  
  .contents_body .contents_list .contents_list_body .schedule_list_item{
    margin-bottom: 35px;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 55px;
  }
  
  .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .schedule_list_item,
  .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .schedule_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  ._layout_container.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .schedule_list_item,
  ._layout_container.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .schedule_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  /* thread list area */
  
  .contents_body .contents_list .contents_list_body .thread_list_item{
    margin-bottom: 35px;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 55px;
  }
  
  .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .thread_list_item,
  .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .thread_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  ._layout_container.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .thread_list_item,
  ._layout_container.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .thread_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  /* event list area */
  
  .contents_body .contents_list .contents_list_body .event_list_item{
    margin-bottom: 35px;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 55px;
  }
  
  .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .event_list_item,
  .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .event_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  ._layout_container.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .event_list_item,
  ._layout_container.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .event_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  /* enquete list area */
  
  .contents_body .contents_list .contents_list_body .enquete_list_item{
    margin-bottom: 35px;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 55px;
  }
  
  .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .enquete_list_item,
  .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .enquete_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  ._layout_container.left_area.right_area .contents_body.stage .contents_list .contents_list_body .contents_list_column_area .enquete_list_item,
  ._layout_container.left_area.right_area .contents_body.alliance .contents_list .contents_list_body .contents_list_column_area .enquete_list_item{
    grid-template-columns: 1fr 1fr;
  }
  
  .contents_body .contents_list .contents_list_body .contents_list_column_area .column .title{
    margin-top: 30px;
  }
  
  .contents_body .contents_list .contents_list_body .contents_list_column_area .column .title a{
    font-size: 20px;
  }
  
  .contents_body .contents_list .contents_list_body .contents_list_column_area .column .text{
    padding-top: 20px;
    padding-bottom: 15px;
    font-size: 16px;
  }
  
  .contents_body .contents_list .contents_list_body .contents_list_column_area .column .under_area{
    margin-top: 10px;
    padding-right: 10px;
  }
  
  .contents_body .contents_list .contents_list_body .contents_list_column_area .column .under_area .comment{
    flex-grow: 1;
    max-width: 20px;
    margin-right: 30px;
  }
  
  .contents_body .contents_list .contents_list_body .contents_list_column_area .column .under_area .like{
    flex-grow: 1;
    max-width: 35px;
    margin-right: 35px;
  }
  
  .contents_body.comment .contents_comment_area{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .more_link{
    margin-bottom: 55px;
    padding-top: 12px;
    padding-left: 5px;
    top: -3px;
    font-size: 16px;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .more_link:after{
    left: 24px;
  }
  
  /* add res comment */
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .add_res{
    margin-bottom: 75px;
    padding-top: 15px;
    top: -3px;
    height: 10px;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .add_res:after{
    top: 0px;
    left: 24px;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .add_res .btn{
    padding-top: 8px;
    padding-left: 26px;
    padding-right: 26px;
    padding-bottom: 10px;
    top: 19px;
    font-size: 14px;
  }
  
  .slide_side_area .right_area_title{
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 20px;
    font-size: 19px;
    font-weight: bold;
  }
  
  .contents_body #chat_room_area .chat_msg_list .msg_frame .msg_entry_area_wrap .msg_entry_area{
    margin-left: 10px;
  }
  
  .contents_body .contents_comment_area{
    margin-top: 40px !important;
    margin-left: 30px !important;
    margin-right: 40px !important;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap{
    margin-top: 35px !important;
  }
  
  .contents_body .contents_comment_area .title{
    font-size: 21px !important;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_column.res_line:after{
    left: 24px;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .member_image_margin,
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .member_image_margin{
    padding-top: 14px;
    padding-bottom: 14px;
    top: -10px;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .member_image,
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .member_image{
    width: 55px !important;
    height: 55px !important;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .comment_write,
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .comment_write{
    margin-left: 70px;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .comment_write .member_name,
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .comment_write .member_name{
    margin-top: 9px !important;
    font-size: 17px !important;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_info .comment_write .comment_datetime,
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .comment_res_info .comment_write .comment_datetime{
    margin-top: 10px !important;
    font-size: 15px !important;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .text{
    font-size: 17px !important;
    margin-left: 70px;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .under_area{
    margin-left: 68px;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .under_area .like{
    max-width: 60px;
    margin-right: 30px;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .under_area .comment{
    max-width: 60px;
    margin-right: 23px;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .under_area .point{
    margin-left: 5px;
  }
  
  .contents_body .contents_comment_area .contents_comment_list_body .column_wrap .under_area .vote_point{
    margin-top: -1px;
  }
  
  .contents_body .comment_entry_area{
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  
  .contents_body .comment_entry_area{
    margin-top: 40px !important;
  }
  
  .contents_body.backyard .comment_entry_area,
  .contents_body.lobby .comment_entry_area{
    margin-left: 30px !important;
    margin-right: 65px !important;
  }
  
  .contents_body.stage .comment_entry_area,
  .contents_body.alliance .comment_entry_area{
    margin-left: 30px !important;
    margin-right: 50px !important;
  }
  
  div.form_tools_area{
    display: none;
  }
  
  div.form_tool_area_right{
    display: none;
  }
  
  .point_set_area_wrap .point_set_area{
    top: -37px;
    right: -15px;
  }
  
  .contents_body.messages .point_set_area_wrap .point_set_area{
    top: -25px;
    right: 87px;
  }
  
  .contents_body.chat .point_set_area_wrap .point_set_area{
    top: -20px;
    right: 87px;
  }
  
  .comment_entry_area .point_set_area_wrap .point_set_area{
    top: -32px;
  }
  
  .point_set_area_wrap .point_set_area .point_set{
    padding-top: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 7px !important;
    font-size: 14px !important;
  }
  
  .point_set_area_wrap .point_set_area .add_point{
    padding-top: 1px !important;
    width: 35px !important;
    height: 35px !important;
  }
  
  .comment_entry_area #entry_btn_area{
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  
  .comment_entry_area  #entry_btn_area input.form_btn{
    margin-left: 30px;
  }
  
  input.form_btn{
    padding-top: 6px;
    padding-left: 27px;
    padding-right: 27px;
    padding-bottom: 6px;
    font-size: 17px;
    font-weight: bold;
    border-radius: 50px;
  }
  
  input.form_btn.s{
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 7px;
    font-size: 16px;
    min-width: 80px;
  }
  
  #entry_btn_area.comment input.form_btn{
    padding-top: 6px;
    padding-bottom: 9px;
    width: 155px;
    font-size: 18px;
    font-weight: bold;
  }
  
  .comment_entry_area .entry_column textarea{
    height: 90px;
    font-size: 19px;
  }
  
  /* entry */
  
  ._layout_container_wrap ._layout_contents .entry_area{
    margin-top: 0px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 30px;
  }
  
  ._layout_container_wrap ._layout_contents .entry_area .entry_text_body{
    margin-left: 40px;
    margin-right: 40px;
  }
  
  /* event feed */
  
  .feed_column .event_entry_area{
    padding-top: 7px;
    padding-bottom: 22px;
    margin-bottom: 10px;
  }
  
  .feed_column .event_entry_area .entry_btn_area input.contents_btn{
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 17px;
  }
  
  .feed_column .event_entry_area .entry_desc_text{
    font-size: 15px;
  }
  
  .feed_column .enquete_answer_area .enquete_column{
    padding-top: 10px;
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 10px;
    font-size: 18px;
  }
  
  /* enquete feed */
  
  .feed_column .enquete_answer_area{
    padding-top: 0px;
    padding-bottom: 25px;
  }
  
  /* entry form */
  
  .entry_form_margin{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 60px;
  }
  
  .entry_form_margin .entry_title{
    margin-top: 40px;
    margin-left: 10px;
    margin-bottom: 40px;
    font-size: 24px;
  }
  
  .entry_form_body{
    margin-left: 10px;
    margin-right: 25px;
    margin-bottom: 50px;
  }
  
  .entry_sub_menu_area::-webkit-scrollbar{
    display: none;
  }
  
  .entry_sub_menu_area .menu_column{
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 12px;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 14px;
    font-size: 16px;
  }
  
  .entry_form_area{
    margin-top: 50px;
  }
  
  .entry_form_area .contents_title{
    margin-bottom: 35px;
    font-size: 20px;
  }
  
  .entry_form_area .contents_title.required:after{
    background-size: 35px;
  }
  
  .entry_form_area .contents_title.m{
    margin-bottom: 25px;
  }
  
  .entry_form_area .contents_entry{
    font-size: 18px;
  }
  
  .entry_form_area input[type=text],
  .entry_form_area input[type=number],
  .entry_form_area input[type=password]{
    font-size: 20px;
    padding: 10px;
    border-radius: 10px;
  }
  
  .entry_form_area textarea{
    margin-top: 5px;
    padding: 10px;
    height: 450px;
    border-radius: 10px;
    font-size: 20px;
  }
  
  .entry_form_area textarea.d_box{
    font-size: 19px;
  }
  
  .entry_form_area select{
    font-size: 21px;
  }
  
  .entry_form_area #regist_category_link{
    display: block;
    margin-top: 25px;
    padding-left: 0px;
    font-size: 18px;
  }
  
  .entry_form_area label{
    font-size: 20px;
  }
  
  .entry_form_area span.radio{
    display: block;
    margin-bottom: 10px;
  }
  
  .entry_form_area .contents_entry.sentence_title{
    margin-top: 50px;
  }
  
  .entry_form_area input.sentence_title{
    padding-left: 5px;
    font-size: 26px;
  }
  
  .entry_form_area textarea.sentence_text{
    padding-left: 2px;
    padding-right: 0px;
    font-size: 20px;
  }
  
  
  .entry_form_area .contents_entry .entry_price input[type=text]{
    width: 100px;
  }
  
  .entry_form_area .contents_entry .entry_price .price_yen{
    font-size: 18px;
    padding-right: 7px;
  }
  
  .entry_form_area .contents_entry .entry_price .price_sign{
    font-size: 18px;
    padding-left: 7px;
  }
  
  /* entry preview area */
  
  .preview_sub_menu_area::-webkit-scrollbar{
    display: none;
  }
  
  .preview_sub_menu_area .menu_column{
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 12px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  
  /* alliance list */
  
  .alliance_public_icon_list_area .icon_margin{
    width: 17.7%;
  }
  
  /* title image */
  
  .contents_body .contents_area .title_image_area img{
    height: 300px;
  }
  
  /* contents btn */
  
  input.contents_btn{
    padding-top: 11px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 11px;
    font-size: 17px;
  }
  
  /* setting link */
  
  .setting_link{
    font-size: 15px;
    margin-right: 5px;
  }
  
  /* more section */
  
  .more_section_area.sv{
    position: relative;
    display: none;
  }
  
  .more_section_ctrl{
    display: block;
    margin-top: 40px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
  }
  
  .more_section_ctrl .more_cur{
    width: 100%;
    text-align: center;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
  
  .more_section_ctrl .more_cur img{
    width: 17px;
    opacity: 0.5;
  }
  
  /* popup dialog regist lounge msg */
  
  #contents_area.regist_lounge_msg_form{
    max-width: 450px;
    height: 610px;
  }
  
  #contents_area.regist_lounge_msg_form .dialog_entry{
    margin-top: 30px;
  }
  
  #contents_area.regist_lounge_msg_form .top_tool_area{
    text-align: left;
    margin-left: 30px;
    font-size: 30px;
  }
  
  #contents_area.regist_lounge_msg_form .lounge_msg_entry_area{
    margin-top: 40px;
    margin-left: 30px;
    margin-right: 30px;
  }
  
  #contents_area.regist_lounge_msg_form .lounge_msg_entry_area .entry_area{
    margin-left: 5px;
  }
  
  #contents_area.regist_lounge_msg_form .lounge_msg_entry_area .entry_area img{
    width: 55px;
    height: 55px;
    border-radius: 55px;
  }
  
  #contents_area.regist_lounge_msg_form .lounge_msg_entry_area .member_image{
    margin-right: 17px;
  }
  
  #contents_area.regist_lounge_msg_form .lounge_msg_entry_area textarea{
    width: 100%;
    height: 130px;
    font-size: 20px;
    border: none;
  }
  
  #contents_area.regist_lounge_msg_form .set_vote_point_area{
    margin-top: 35px;
    margin-left: 50px;
    margin-right: 50px;
  }
  
  #contents_area.regist_lounge_msg_form .set_vote_point_area .vote_point_title_area{
    font-size: 17px;
    margin-bottom: 30px;
  }
  
  #contents_area.regist_lounge_msg_form .set_point{
    margin-left: 7px;
    margin-right: 7px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
  }
  
  #contents_area.regist_lounge_msg_form .set_point img{
    margin-top: 1px;
    margin-left: 0px;
  }
  
  #contents_area.regist_lounge_msg_form .set_point_left{
    margin-top: 26px;
    font-size: 16px;
  }
  
  #contents_area.regist_lounge_msg_form .set_point_left .point_left_title{
    margin-right: 5px;
  }
  
  #contents_area.regist_lounge_msg_form .set_point_left img{
    width: 17px;
    height: 17px;
    padding-bottom: 2px;
  }
  
  #contents_area.regist_lounge_msg_form .entry_btn_area{
    margin-top: 50px;
  }
  
  /* setting main menu */
  
  #contents_area.main_menu_column{
    max-width: 450px;
    width: 80%;
    height: 625px;
  }
  
  #contents_area.main_menu_column .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.main_menu_column .form_title{
    margin-top: 55px;
    font-size: 20px;
  }
  
  #contents_area.main_menu_column .menu_column_setting_area{
    margin-top: 40px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 50px;
  }
  
  #contents_area.main_menu_column .column_setting_line{
    padding-top: 7px;
    padding-bottom: 7px;
    height: 30px;
  }
  
  #contents_area.main_menu_column .column_setting_line .setting_column{
    margin-right: 10px;
  }
  
  #contents_area.main_menu_column .column_setting_line .setting_column select[name=column_page]{
    font-size: 14px;
  }
  
  #contents_area.main_menu_column .column_setting_line .setting_column input[name=column_name]{
    padding-left: 8px;
    font-size: 15px;
    width: 100%;
    height: 23px;
  }
  
  #contents_area.main_menu_column .column_setting_line .setting_column .ctrl_area{
    display: flex;
    margin-left: 0px;
  }
  
  #contents_area.main_menu_column .column_setting_line .setting_column .ctrl_area .cur_icon{
    margin-left: 20px;
    margin-top: 7px;
  }
  
  #contents_area.main_menu_column .column_setting_line .setting_column .ctrl_area .cur_icon svg{
    width: 18px;
    height: 18px;
  }
  
  #contents_area.main_menu_column .form_btn_area{
    margin-top: 35px;
  }
  
  /* popup dialog send mail */
  
  #contents_area.send_direct_mail{
    max-width: 450px;
    width: 80%;
    height: 690px;
  }
  
  #contents_area.send_direct_mail .close_btn{
    top: 15px;
    right: 20px;
    width: 25px;
    height: 25px;
  }
  
  #contents_area.send_direct_mail .form_title{
    margin-top: 65px;
    font-size: 21px;
  }
  
  #contents_area .send_mail_area{
    margin-top: 55px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 50px;
    font-size: 16px;
  }
  
  #contents_area .send_mail_area .send_mail_finished .send_icon{
    padding-top: 25px;
    width: 70px;
    height: 70px;
    fill: #BBB;
  }
  
  #contents_area .send_mail_area .send_mail_finished .send_msg{
    padding-top: 35px;
    font-size: 11px;
  }
  
  #contents_area .send_mail_area .send_mail_finished .send_msg .msg_1{
    padding-top: 20px;
    font-size: 16px;
  }
  
  #contents_area .send_mail_area .send_mail_finished .send_msg .msg_2{
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 13px;
    text-align: left;
  }
  
  #contents_area .send_mail_area .column_area{
    margin-top: 50px;
  }
  
  #contents_area .send_mail_area .column_area.confirm{
    margin-top: 40px;
    padding-left: 5px;
    padding-bottom: 15px;
  }
  
  #contents_area .send_mail_area .column_area.confirm .title{
    padding-bottom: 20px;
    font-size: 15px;
  }
  
  #contents_area .send_mail_area .column_area.confirm.mail_text{
    height: 150px;
  }
  
  #contents_area .send_mail_area .column_area:first-child{
    margin-top: 0px;
  }
  
  #contents_area .send_mail_area .column_area input{
    font-size: 18px;
    width: 95%;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
  }
  
  #contents_area .send_mail_area .column_area textarea{
    padding: 8px;
    width: 95%;
    height: 190px;
    font-size: 18px;
  }
  
  #contents_area .send_mail_area .form_btn_area{
    margin-top: 45px;
    text-align: center;
  }
  
  #contents_area .send_mail_area .send_mail_confirm .form_btn_area{
    margin-top: 40px;
  }
  
  #contents_area .send_mail_area .form_btn_area input[type=button]{
    margin-left: 5px;
    margin-right: 5px;
  }
  
  /*
  #contents_area .send_mail_area{
    margin-top: 45px;
    margin-left: 35px;
    margin-right: 35px;
  }
  
  #contents_area .send_mail_area .column_area{
    margin-top: 15px;
  }
  
  #contents_area .send_mail_area .column_area input{
    font-size: 19px;
  }
  
  #contents_area .send_mail_area .column_area textarea{
    font-size: 19px;
    height: 245px;
  }
  
  #contents_area .send_mail_area .form_btn_area{
    margin-top: 45px;
  }
  */
  
  
  /* diarlog box invite mail */
  
  #contents_area.send_invite_mail{
    max-width: 450px;
    width: 80%;
    height: 460px;
  }
  
  #contents_area.send_invite_mail .close_btn{
    position: absolute;
    top: 15px;
    right: 16px;
    text-align: right;
    width: 17px;
    height: 17px;
    cursor: pointer;
    fill: #CCC;
  }
  
  #contents_area.send_invite_mail .close_btn:hover{
    fill: #888;
  }
  
  #contents_area.send_invite_mail .form_title{
    margin-top: 75px;
    font-size: 20px;
  }
  
  #contents_area.send_invite_mail .send_mail_area{
    margin-top: 60px;
    margin-left: 45px;
    margin-right: 45px;
    margin-bottom: 50px;
    height: 45%;
  }
  
  #contents_area.send_invite_mail .send_mail_area .invite_msg{
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 12px;
  }
  
  #contents_area.send_invite_mail .invite_mail_send_area{
    width: 95%;
  }
  
  #contents_area.send_invite_mail .send_mail_area .column_area{
    margin-top: 20px;
  }
  
  #contents_area.send_invite_mail .send_mail_area .column_area:first-child{
    margin-top: 0px;
  }
  
  #contents_area.send_invite_mail .send_mail_area .column_area input.send_invite{
    font-size: 18px;
    width: 95%;
    padding: 10px;
  }
  
  #contents_area.send_invite_mail .send_mail_area .column_area textarea{
    padding: 8px;
    width: 95%;
    height: 165px;
    font-size: 14px;
  }
  
  #contents_area.send_invite_mail .send_mail_area .member_regist_desc{
    margin-top: 50px;
    font-size: 14px;
  }
  
  #contents_area.send_invite_mail .send_mail_area .form_btn_area{
    margin-top: 60px;
  }
  
  /* diarlog box profile photo setting */
  
  #contents_area.profile_photo_setting{
    max-width: 450px;
    width: 80%;
    height: 445px;
  }
  
  #contents_area.profile_photo_setting .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.profile_photo_setting .form_title{
    margin-top: 80px;
    font-size: 20px;
  }
  
  #contents_area .profile_photo_setting{
    margin-top: 35px;
    margin-left: 55px;
    margin-right: 55px;
    margin-bottom: 50px;
    text-align: left;
  }
  
  #contents_area .profile_photo_setting .column_area{
    margin-top: 10px;
  }
  
  #contents_area .profile_photo_setting .column_area input{
    font-size: 14px;
    width: 95%;
    padding: 8px;
    border-radius: 6px;
  }
  
  #contents_area .profile_photo_setting .column_area textarea{
    padding: 8px;
    width: 95%;
    height: 260px;
    font-size: 14px;
    border-radius: 7px;
  }
  
  #contents_area .profile_photo_setting .form_btn_area{
    margin-top: 40px;
    text-align: center;
  }
  
  /* profile text setting */
  
  #contents_area.profile_text_setting{
    max-width: 450px;
    width: 80%;
    height: 625px;
  }
  
  #contents_area.profile_text_setting .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.profile_text_setting .form_title{
    margin-top: 55px;
    font-size: 20px;
  }
  
  #contents_area.profile_text_setting .menu_column_setting_area{
    margin-top: 40px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 50px;
  }
  
  #contents_area.profile_text_setting .column_setting_line{
    padding-top: 7px;
    padding-bottom: 7px;
    height: 30px;
  }
  
  #contents_area.profile_text_setting .column_setting_line .setting_column{
    margin-right: 10px;
  }
  
  #contents_area.profile_text_setting .column_area textarea{
    font-size: 19px;
    height: 380px;
  }
  
  #contents_area.profile_text_setting .form_btn_area{
    margin-top: 35px;
  }
  
  /* diarlog box regist photograph */
  
  #contents_area.regist_photograph{
    max-width: 450px;
    width: 80%;
    height: 640px;
  }
  
  #contents_area.regist_photograph .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.regist_photograph .form_title{
    margin-top: 80px;
    font-size: 20px;
  }
  
  #contents_area.regist_photograph .photo_regist_area .column textarea.photo_comment{
    font-size: 17px;
  }
  
  #contents_area .regist_photograph{
    margin-top: 35px;
    margin-left: 55px;
    margin-right: 55px;
    margin-bottom: 50px;
    text-align: left;
  }
  
  #contents_area .regist_photograph .column_area{
    margin-top: 10px;
  }
  
  #contents_area .regist_photograph .column_area input{
    font-size: 14px;
    width: 95%;
    padding: 8px;
    border-radius: 6px;
  }
  
  #contents_area .regist_photograph .column_area textarea{
    padding: 8px;
    width: 95%;
    height: 260px;
    font-size: 14px;
    border-radius: 7px;
  }
  
  #contents_area .regist_photograph .form_btn_area{
    margin-top: 40px;
    text-align: center;
  }
  
  #contents_area.regist_photograph .under_link{
    margin-top: 40px;
    font-size: 17px;
  }
  
  /* member group setting */
  
  #contents_area.member_group_setting{
    max-width: 450px;
    width: 80%;
    height: 790px;
  }
  
  #contents_area.member_group_setting .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.member_group_setting .form_title{
    margin-top: 55px;
    font-size: 20px;
  }
  
  #contents_area.member_group_setting .menu_column_setting_area{
    margin-top: 40px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 50px;
  }
  
  #contents_area.member_group_setting .column_setting_line{
    padding-top: 7px;
    padding-bottom: 7px;
    height: 30px;
  }
  
  #contents_area.member_group_setting .column_setting_line .setting_column{
    margin-right: 10px;
  }
  
  #contents_area.member_group_setting .column_area textarea{
    font-size: 19px;
    height: 380px;
  }
  
  #contents_area.member_group_setting .form_btn_area{
    margin-top: 35px;
  }
  
  /* dialog box regist contents comment */
  
  #contents_area.regist_contents_comment{
    max-width: 450px;
    width: 80%;
    height: 770px;
  }
  
  #contents_area.regist_contents_comment .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.regist_contents_comment .form_title{
    margin-top: 65px;
    font-size: 20px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area{
    margin-top: 50px;
    margin-left: 30px;
    margin-right: 30px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .comment_thread_area{
    width: 103%;
    max-height: 370px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .contents_area{
    margin-right: 10px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .contents_area:after{
    left: 31px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .column_span{
    height: 35px; /* thread line height */
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .column_span:after{
    top: 0px;
    left: 31px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .last_comment_area .contents_area{
    padding-top: 10px;
    padding-bottom: 35px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .last_comment_area .contents_area:before{
    left: 31px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .member_image_margin{
    padding-bottom: 10px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .last_comment_area .contents_area .member_image_margin{
    padding-top: 10px;
    top: -10px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .member_image_area{
    padding-right: 18px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .member_image_area img{
    width: 65px;
    height: 65px;
    border-radius: 65px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .contents_text_area .member_name{
    margin-bottom: 18px;
    font-size: 18px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .contents_text_area .contents_text{
    font-size: 17px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .contents_text_area .contents_text .text{
    margin-right: 15px;
    margin-bottom: 0px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .contents_area .contents_text_area .contents_text .image img{
    width: 100px;
    height: 100px;
    border-radius: 10px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area .member_image_margin{
    padding-top: 0px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area .member_image_area{
    padding-right: 10px;
    padding-bottom: 30px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area .member_image_area img{
    width: 65px;
    height: 65px;
    border-radius: 65px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area .comment_entry_area .textarea_margin{
    margin-top: 5px;
    margin-bottom: 10px;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .comment_write_area .comment_entry_area textarea{
    margin-top: 5px;
    width: 100%;
    height: 120px;
    font-size: 18px;
    line-height: 1.4em;
  }
  
  #contents_area.regist_contents_comment .regist_contents_comment_area .form_btn_area{
    margin-top: 50px;
  }
  
  
  /* dialog box mainte contents comment */
  
  #contents_area.mainte_contents_comment{
    max-width: 450px;
    width: 80%;
    height: 540px;
  }
  
  #contents_area.mainte_contents_comment .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.mainte_contents_comment .form_title{
    margin-top: 65px;
    font-size: 20px;
  }
  
  #contents_area .comment_edit_area{
    margin-top: 45px;
    margin-left: 55px;
    margin-right: 55px;
    margin-bottom: 50px;
  }
  
  #contents_area .comment_edit_area textarea{
    padding: 8px;
    width: 95%;
    height: 270px;
    font-size: 17px;
    border-radius: 7px;
  }
  
  #contents_area.mainte_contents_comment .regist_contents_comment_area .form_btn_area{
    margin-top: 50px;
  }
  
  
  /* diarlog box regist lounge comment */
  
  #contents_area.regist_lounge_comment{
    max-width: 450px;
    width: 80%;
    height: 655px;
  }
  
  #contents_area.regist_lounge_comment .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.regist_lounge_comment .form_title{
    margin-top: 65px;
    font-size: 20px;
  }
  
  #contents_area.regist_lounge_comment .regist_contents_comment_area{
    margin-top: 80px;
    margin-left: 25px;
    margin-right: 50px;
  }
  
  #contents_area.regist_lounge_comment .regist_contents_comment_area{
    margin-top: 50px;
    margin-left: 35px;
    margin-right: 60px;
  }
  
  #contents_area.regist_lounge_comment .regist_contents_comment_area .loung_msg_area{
    margin-right: -20px;
    text-align: left;
  }
  
  #contents_area.regist_lounge_comment .lounge_msg_column .msg_area .msg_text{
    font-size: 17px;
  }
  
  #contents_area.regist_lounge_comment .lounge_msg_column .msg_area ._balloon::before{
    top: 22px;
  }
  
  #contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area{
    margin-top: 60px;
  }
  
  #contents_area.regist_lounge_comment .lounge_msg_column .member_image img{
    width: 65px;
    height: 65px;
  }
  
  #contents_area.regist_lounge_comment .lounge_msg_column .msg_area .member_name{
    font-size: 18px;
    padding-left: 5px;
    padding-bottom: 15px;
  }
  
  #contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area .member_image_margin{
    padding-top: 0px;
  }
  
  #contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area .member_image_area{
    padding-right: 10px;
    padding-bottom: 30px;
  }
  
  #contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area .member_image_area img{
    width: 65px;
    height: 65px;
    border-radius: 65px;
  }
  
  #contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area .comment_entry_area .textarea_margin{
    margin-top: 5px;
    margin-bottom: 10px;
  }
  
  #contents_area.regist_lounge_comment .regist_contents_comment_area .comment_write_area .comment_entry_area textarea{
    margin-top: 5px;
    width: 100%;
    height: 120px;
    font-size: 18px;
    line-height: 1.4em;
  }
  
  #contents_area.regist_lounge_comment .regist_contents_comment_area .form_btn_area{
    margin-top: 50px;
  }
  
  /* diarlog box mail invite setting */
  
  #contents_area.mail_invite_setting{
    max-width: 450px;
    width: 80%;
    height: 570px;
  }
  
  #contents_area.mail_invite_setting .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.mail_invite_setting .form_title{
    margin-top: 75px;
    font-size: 20px;
  }
  
  #contents_area .mail_invite_setting_area{
    margin-top: 35px;
    margin-left: 55px;
    margin-right: 55px;
    margin-bottom: 50px;
    text-align: left;
  }
  
  #contents_area .mail_invite_setting_area .column_area{
    padding-top: 30px;
    padding-bottom: 25px;
    grid-template-columns: 280px;
    column-gap: 0px;
    row-gap: 30px;
  }
  
  #contents_area .mail_invite_setting_area .column_area .title{
    justify-content: center;
    margin-right: 15px;
  }
  
  #contents_area .mail_invite_setting_area .column_area:first-child{
    margin-top: 0px;
  }
  
  #contents_area .mail_invite_setting_area .column_area .title{
    font-size: 18px;
  }
  
  #contents_area .mail_invite_setting_area .column_area .text_entry_area input[type=text]{
    padding: 8px;
    width: 100%;
    font-size: 16px;
  }
  
  #contents_area .mail_invite_setting_area .column_area .radio_column input[type=radio]{
    margin-right: 7px;
    top: -2px;
  }
  
  #contents_area .mail_invite_setting_area .column_area .radio_column label{
    margin-right: 5px;
    font-size: 17px;
  }
  
  #contents_area .mail_invite_setting_area .form_btn_area{
    margin-top: 40px;
  }
  
  /* dialog box member cover image */
  
  #contents_area.member_cover_image{
    max-width: 450px;
    width: 80%;
    height: 475px;
  }
  
  #contents_area.member_cover_image .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.member_cover_image .form_title{
    margin-top: 55px;
    font-size: 20px;
  }
  
  #contents_area.member_cover_image .cover_image_setting{
    margin-top: 35px;
    margin-left: 55px;
    margin-right: 55px;
    margin-bottom: 50px;
  }
  
  #contents_area.member_cover_image .cover_image_setting .cover_image_upload_area{
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
  }
  
  #contents_area.member_cover_image .cover_image_setting .column_area{
    margin-top: 10px;
  }
  
  #contents_area.member_cover_image .cover_image_setting .column_area #image_upload_area #wrapper{
    width: 350px;
    height: 180px;
  }
  
  #contents_area.member_cover_image .cover_image_setting .column_area #image_upload_area #wrapper .cover{
    max-width: 350px;
    max-height: 180px;
  }
  
  #contents_area.member_cover_image .cover_image_setting .column_area #image_upload_area #wrapper .del_btn{
    margin-top: 5px;
    margin-left: 325px;
  }
  
  #contents_area.member_cover_image .cover_image_setting .column_area .fixed_type_area{
    margin-top: 25px;
    margin-bottom: 30px;
  }
  
  #contents_area.member_cover_image .cover_image_setting .column_area .fixed_type_area .column{
    padding-left: 5px;
    padding-right: 5px;
  }
  
  #contents_area.member_cover_image .cover_image_setting .column_area .fixed_type_area .column label{
    font-size: 17px;
  }
  
  #contents_area.member_cover_image .cover_image_setting .form_btn_area{
    margin-top: 30px;
    text-align: center;
  }
  
  /* dialog box alliance cover image */
  
  #contents_area.alliance_cover_image{
    max-width: 450px;
    width: 80%;
    height: 475px;
  }
  
  #contents_area.alliance_cover_image .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.alliance_cover_image .form_title{
    margin-top: 55px;
    font-size: 20px;
  }
  
  #contents_area.alliance_cover_image .cover_image_setting{
    margin-top: 35px;
    margin-left: 55px;
    margin-right: 55px;
    margin-bottom: 50px;
  }
  
  #contents_area.alliance_cover_image .cover_image_setting .cover_image_upload_area{
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
  }
  
  #contents_area.alliance_cover_image .cover_image_setting .column_area{
    margin-top: 10px;
  }
  
  #contents_area.alliance_cover_image .cover_image_setting .column_area #image_upload_area #wrapper{
    width: 350px;
    height: 180px;
  }
  
  #contents_area.alliance_cover_image .cover_image_setting .column_area #image_upload_area #wrapper .cover{
    max-width: 350px;
    max-height: 180px;
  }
  
  #contents_area.alliance_cover_image .cover_image_setting .column_area #image_upload_area #wrapper .del_btn{
    margin-top: 5px;
    margin-left: 325px;
  }
  
  #contents_area.alliance_cover_image .cover_image_setting .column_area .fixed_type_area{
    margin-top: 25px;
    margin-bottom: 30px;
  }
  
  #contents_area.alliance_cover_image .cover_image_setting .column_area .fixed_type_area .column{
    padding-left: 5px;
    padding-right: 5px;
  }
  
  #contents_area.alliance_cover_image .cover_image_setting .column_area .fixed_type_area .column label{
    font-size: 17px;
  }
  
  #contents_area.alliance_cover_image .cover_image_setting .form_btn_area{
    margin-top: 30px;
    text-align: center;
  }
  
  /* dialog box regist widget column */
  
  #contents_area.regist_widget_column{
    max-width: 450px;
    width: 80%;
    height: 670px;
  }
  
  #contents_area.regist_widget_column .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.regist_widget_column .form_title{
    margin-top: 55px;
    font-size: 20px;
  }
  
  #contents_area .widget_fixed_column_area .column_area .area_body{
    grid-template-columns: 1fr;
    row-gap: 10px;
    height: auto;
  }
  
  #contents_area .widget_fixed_column_area .column_area .area_left{
    grid-column: 1;
    grid-row: 1;
    font-size: 16px;
    height: 50px;
  }
  
  #contents_area .widget_fixed_column_area .column_area .area_center{
    grid-column: 1;
    grid-row: 3;
    height: 200px;
  }
  
  #contents_area .widget_fixed_column_area .column_area .area_right{
    grid-column: 1;
    grid-row: 2;
    font-size: 16px;
    height: 70px;
  }
  
  /* dialog box widget sort */
  
  #contents_area.widget_sort{
    max-width: 450px;
    width: 80%;
    height: 660px;
  }
  
  #contents_area.widget_sort .close_btn{
    top: 15px;
    right: 16px;
    width: 17px;
    height: 17px;
  }
  
  #contents_area.widget_sort .form_title{
    margin-top: 55px;
    font-size: 20px;
  }
  
  #contents_area.widget_sort .cover_image_setting{
    margin-top: 35px;
    margin-left: 55px;
    margin-right: 55px;
    margin-bottom: 50px;
  }
  
  #contents_area .widget_sort_area{
    margin-top: 35px;
    margin-left: 40px;
    margin-right: 20px;
    margin-bottom: 50px;
    text-align: left;
  }
  
  #contents_area .widget_sort_area .column_area{
    margin-top: 50px;
  }
  
  #contents_area .widget_sort_area .scroll_area{
    height: 410px;
  }
  
  #contents_area .widget_sort_area .widget_sort_column .contents_image img{
    width: 100px;
    height: 100px;
    border-radius: 10px;
  }
  
  #contents_area .widget_sort_area .widget_sort_column .contents_info .contents_title{
    font-size: 19px;
  }
  
  #contents_area .widget_sort_area .widget_sort_column .contents_info .contents_text{
    margin-top: 15px;
    font-size: 16px;
  }
  
  #contents_area .widget_sort_area .widget_sort_column .contents_info .under_area{
    margin-top: 12px;
    font-size: 12px;
  }
  
  #contents_area .widget_sort_area .widget_sort_column .contents_info .under_area .link_area.column_fixed{
    padding-left: 22px;
  }
  
  #contents_area .widget_sort_area .widget_sort_column .ctrl_area .cur_icon{
    margin-right: 20px;
    margin-top: 3px;
  }
  
  #contents_area .widget_sort_area .widget_sort_column .ctrl_area .cur_icon svg{
    width: 25px;
    height: 25px;
  }
  
  #contents_area .widget_sort_area .widget_sort_column .ctrl_area .link_area{
    margin-top: 8px;
    margin-right: 15px;
    font-size: 15px;
  }
  
  #contents_area .widget_sort_area .widget_sort_column .ctrl_area .link_area.column_del{
    margin-right: 0px;
  }
  
  #contents_area .widget_sort_area .widget_sort_column .ctrl_area .link_area.column_del .del_icon{
    margin-right: -15px;
  }
  
  #contents_area .widget_sort_area .widget_sort_column .ctrl_area .link_area.column_del .del_icon svg{
    width: 18px;
    height: 18px;
  }
  
  #contents_area .widget_sort_area .form_btn_area{
    margin-top: 50px;
  }
  
  /* popup dialog rooting point */
  
  #contents_area.set_rooting_point{
    max-width: 450px;
    width: 80%;
    height: 365px;
  }
  
  #contents_area.set_rooting_point .dialog_title{
    margin-top: 55px;
    font-size: 21px;
  }
  
  #contents_area.set_rooting_point .dialog_entry{
    margin-top: 45px;
  }
  
  #contents_area.set_rooting_point .set_point{
    margin-left: 6px;
    margin-right: 6px;
    width: 52px;
    height: 52px;
  }
  
  #contents_area.set_rooting_point .set_point_left{
    margin-top: 35px;
    font-size: 16px;
  }
  
  #contents_area.set_rooting_point .set_point_left img{
    height: 20px;
    padding-bottom: 0px;
  }
  
  #contents_area.set_rooting_point .set_point_left .point_unit_name{
    font-size: 15px;
  }
  
  #contents_area.set_rooting_point .entry_btn_area{
    margin-top: 45px;
  }
  
  /* diarlog box entry image */
  
  #contents_area.entry_image{
    max-width: 450px;
    width: 80%;
    height: 800px;
  }
  
  /* popup dialog contents license */
  
  #contents_area.regist_contents_license{
    max-width: 450px;
    width: 80%;
    height: 630px;
  }
  
  #contents_area .regist_contents_license .regist_form .contents_title{
    margin-top: 45px;
    font-size: 18px;
    max-width: 450px;
    height: 60px;
  }
  
  #contents_area .regist_contents_license .regist_form .owner_name{
    margin-top: 30px;
    font-size: 13px;
  }
  
  #contents_area .regist_contents_license .regist_form .contents_info{
    margin-top: 5px;
    font-size: 13px;
  }
  
  #contents_area .regist_contents_license .regist_form .price{
    margin-top: 35px;
    font-size: 16px;
  }
  
  #contents_area .regist_contents_license .regist_form .mailaddr_area{
    margin-top: 45px;
  }
  
  #contents_area .regist_contents_license .regist_form .mailaddr_area input{
    font-size: 15px;
    max-width: 350px;
  }
  
  #contents_area .regist_contents_license .regist_form .under_msg{
    margin-top: 45px;
    text-align: left;
    font-size: 12px;
  }
  
  #contents_area.regist_contents_license .entry_btn_area{
    margin-top: 70px;
  }
  
  /* comment */
  
  .contents_body #comment_next_area_wrap #comment_next_area #comment_next_page .commnet_page{
    padding: 12px;
    min-width: 160px;
    font-size: 14px;
  }
  
  /* widget status icon */
  
  .widget_column .under_area .column{
    max-width: 70px;
  }
  
  .widget_column .under_area .tool,
  .widget_column .under_area .tool svg{
    width: 22px;
    height: 22px;
  }
  
  .widget_column .under_area .tool .count{
    padding-left: 30px;
    padding-top: 4px;
    font-size: 15px;
  }
  
  .widget_column .under_area .like,
  .widget_column .under_area .like svg{
    width: 25px;
    height: 25px;
  }
  
  .widget_column .under_area .like svg{
    margin-top: -3px;
  }
  
  /* async system message */
  
  .async_system_msg_wrap{
    top: 5px;
  }
  
  .async_system_msg_wrap .msg_frame{
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 15px;
    padding-bottom: 11px;
    font-size: 16px;
  }
  
  /* contents menu */
  
  ._contents_menu_frame{
    padding-top: 14px;
    padding-bottom: 14px;
    top: 0px;
    left: -220px;
    width: 250px;
    font-size: 11px;
    border-radius: 10px;
  }
  
  ._contents_menu_frame ._column{
    font-size: 19px;
    padding-top: 13px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 13px;
  }
  
  ._contents_menu_frame ._column svg{
    position: relative;
    top: 2px;
    padding-right: 10px;
    height: 19px;
  }
  
  /* contents search */
  
  .contents_search_result_area{
    top: 60px;
    left: -10px;
    padding-bottom: 30px;
  }
  
  .contents_search_result_area .contents_search_result{
    width: 240px;
  }
  
  .contents_search_result_area .search_catgory{
    margin-top: 30px;
    margin-bottom: 25px;
    font-size: 18px;
  }
  
  .contents_search_result_area .contents_search_result .contents_image{
    width: 60px;
  }
  
  .contents_search_result_area .contents_search_result .contents_image img{
    width: 60px;
    height: 60px;
    border-radius: 10px;
    object-fit: cover;
  }
  
  .contents_search_result_area .contents_search_result .contents_title{
    padding-left: 15px;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
    color: #304969;
  }
  
  .contents_search_result_area .hashtag_search_result{
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 18px;
  }
  
  .member_ctrl_contents .search_box{
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 50px;
  }
  
  .member_ctrl_contents .search_box .search_icon{
    top: 20%;
  }
  
  .member_ctrl_contents .search_box .search_icon svg{
    width: 30px;
    height: 30px;
  }
  
  .member_ctrl_contents .search_box input{
    margin-left: 40px;
    font-size: 19px;
    width: 75%;
  }
  
  .contents_search_result_area .search_link{
    width: 240px;
  }
  
  .contents_search_result_area .search_link a{
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
  }
  
  /* side slide menu test */
  
  .side_menu_trigger{
    flex-grow: 1;
    cursor: pointer;
  }
  
  .side_contents_trigger{
    flex-grow: 1;
    display: flex;
    cursor: pointer;
  }
  
  .side_contents_trigger .trigger_icon{
    margin-top: 5px;
    margin-left: auto;
    margin-right: 32px;
    position: relative;
    width: 30px;
    height: 30px;
    fill: #555;
  }
  
  .side_contents_trigger .trigger_icon .notify_point{
    top: -5px;
    right: -10px;
  }
  
  ._layout_container_wrap{
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .overlay{
    content: "";
    display: block;
    width: 0;
    height: -50px;
    background-color: rgba( 0, 0, 0, 0.5 );
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
    transition: opacity .5s;
  }
  
  .overlay.open{
    width: 100%;
    height: 200%;
    opacity: 1;
  }
  
  .slide_side_navi.open{
    transform: translateZ( 0 );
  }
  
  .slide_side_navi .navi_category_area{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  
  .slide_side_contents.open{
    transform: translateZ( 0 );
    overflow-x: auto;
  }
  
  .slide_side_contents{
    padding-top: 35px;
  }
  
  nav li{
    color: #fff;
    text-align: center;
    padding: 10px 0;
  }
  
  /* side slide navi member ctrl navi */
  
  .slide_side_navi .member_ctrl_navi{
    padding-left: 20px;
    padding-right: 20px;
    max-width: 250px;
    grid-template-rows: 200px 45px 70px 1fr 600px;
  }
  
  .slide_side_navi .member_ctrl_navi .member_photo_area img.member_photo{
    width: 150px;
    height: 150px;
  }
  
  .slide_side_navi .member_ctrl_navi .profile_name_area{
    font-size: 19px;
  }
  
  .slide_side_navi .member_ctrl_navi .profile_text_area{
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 5px;
    padding-bottom: 25px;
    font-size: 16px;
    line-height: 1.4em;
  }
  
  .slide_side_navi .member_ctrl_navi .left_area_btn{
    font-size: 16px;
    height: 42px;
    max-width: 210px;
    padding-bottom: 2px;
  }
  
  /* side slide navi member ctrl contents */
  
  .slide_side_area .right_area_title{
    padding-top: 10px;
    padding-left: 0px;
  }
  
  /* member ctrl contents */
  
  .member_ctrl_contents{
    margin-left: 30px;
    margin-right: 20px;
  }
  
  .member_ctrl_contents .side_search_area{
    margin-top: 13px;
    margin-bottom: 40px;
  }
  
  /* listener list */
  
  .member_ctrl_contents .listener_list{
    margin-left: -7px;
  }
  
  .member_ctrl_contents .listener_list .column_area{
    width: 25%;
  }
  
  .member_ctrl_contents .listener_list .column_area .member_photo{
    width: 85%;
  }
  
  /* alliance list */
  
  .member_ctrl_contents .alliance_list{
    margin-left: -7px;
  }
  
  .member_ctrl_contents .alliance_list .column_area{
    width: 25%;
  }
  
  .member_ctrl_contents .alliance_list .column_area .member_photo{
    width: 85%;
  }
  
  /* invite */
  
  .contents_list_body .invite_entry_column{
    margin-top: 80px;
  }
  
  .contents_list_body .invite_entry_column:first-child{
    margin-top: 50px;
  }
  
  .contents_list_body .invite_entry_column .column_title{
    font-size: 24px;
  }
  
  .contents_list_body .invite_entry_column .column_desc{
    margin-top: 30px;
    font-size: 14px;
  }
  
  .contents_list_body .invite_entry_column .column_entry{
    margin-top: 50px;
  }
  
  .contents_list_body .invite_entry_column .column_entry .free_maonth{
    font-size: 20px;
    width: 45px;
    padding: 8px;
  }
  
  .contents_list_body .invite_entry_column .column_entry .free_month_str{
    font-size: 20px;
  }
  
  .contents_list_body .invite_entry_column .column_entry .invite_url{
    max-width: 270px;
    font-size: 14px;
    line-height: 1.5em;
    margin-top: 20px;
  }
  
  /* member profile */
  
  .profile_area .member_image{
    width: 160px;
    height: 160px;
  }
  
  .profile_area .member_image img{
    width: 160px;
    height: 160px;
    border-radius: 160px;
  }
  
  .profile_area .member_name{
    margin-top: 40px;
    font-size: 20px;
  }
  
  .profile_area .member_name .verified img{
    width: 19px;
    top: -1px;
    left: 1px;
  }
  
  .profile_area .stage_link_btn{
    margin-top: 50px;
    margin-bottom: 35px;
  }
  
  .profile_area .profile_desc{
    margin-top: 40px;
    max-width: 400px;
  }
  
  .profile_area .profile_desc .profile_text{
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 1.5em;
  }
  
  .profile_area .profile_desc .profile_column_area{
    padding-top: 15px;
    padding-bottom: 15px;
  }
  
  .profile_area .profile_desc .profile_column_area .column_line{
    padding-top: 12px;
    padding-bottom: 7px;
  }
  
  .profile_area .profile_desc .profile_column_area .column_line .title{
    font-size: 18px;
    width: 160px;
  }
  
  .profile_area .profile_desc .profile_column_area .column_line .value{
    font-size: 18px;
  }
  
  .profile_area .profile_desc .profile_column_area .column_line img.point_icon{
    height: 20px;
    top: -2px;
  }
  
  .profile_area .profile_desc .profile_column_area .column_line .point_cnt{
    font-size: 17px;
  }
  
  .profile_area .profile_desc .profile_column_area .column_line .point_unit{
    margin-left: 5px;
    font-size: 14px;
  }
  
  /* point charge */
  
  .contents_list_body .point_charge_area{
    margin-top: 65px;
  }
  
  .contents_list_body .point_title{
    font-size: 26px;
  }
  
  .contents_list_body .point_charge_msg{
    margin-top: 60px;
    max-width: 410px;
    font-size: 17px;
  }
  
  .contents_list_body .point_charge_list_margin{
    margin-top: 50px;
  }
  
  .contents_list_body .point_charge_list{
    width: 100%;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .contents_list_body .point_charge_list .point_list_column{
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
  }
  
  .contents_list_body .point_charge_list .point_list_column input[type=radio]{
    top: 5px;
  }
  
  .contents_list_body .point_charge_list .point_list_column .point_list_line{
    width: 160px;
    padding-left: 10px;
  }
  
  .contents_list_body .point_charge_list .point_list_column .point_list_line img{
    
    width: 38px;
  }
  
  .contents_list_body .point_charge_list .point_list_column .point_list_line .point_sign{
    padding-left: 10px;
    font-size: 17px;
  }
  
  .contents_list_body .point_charge_list .point_list_column .point_list_line .point_cnt{
    padding-left: 10px;
    font-size: 18px;
  }
  
  .contents_list_body .point_charge_list .point_list_column .point_list_line .point_unit{
    padding-left: 10px;
    font-size: 14px;
  }
  
  .contents_list_body .point_charge_list .point_list_column .point_price{
    padding-left: 10px;
  }
  
  .contents_list_body .point_charge_list .point_list_column .point_price .equal{
    padding-left: 5px;
    font-size: 16px;
  }
  
  .contents_list_body .point_charge_list .point_list_column .point_price .price{
    padding-left: 10px;
    font-size: 17px;
  }
  
  .contents_list_body .point_charge_list .point_list_column .regist_btn_area .form_btn{
    padding-left: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 12px;
    font-size: 13px;
  }
  
  /* default setting button */
  
  .profile_setting_default{
    padding-top: 12px;
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 12px;
    font-size: 14px;
    margin-top: 10px;
    max-width: 140px;
  }
  
  /* contents preview */
  
  .entry_preview_area{
    width: 100%;
    margin-top: 40px;
    margin-left: 5px;
  }
  
  .entry_preview_area #contents_preview_area.smart_layout{
    max-width: 540px;
  }
  
  /* preview area */
  .entry_preview_area #contents_preview_area #_contents_body{
    margin-left: -40px !important;
    margin-right: -40px !important;
  }
  
  /* member notify */
  
  .notify_column_list .column{
    padding-top: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 25px;
  }
  
  .notify_column_list .column .member_image{
    width: 65px;
    height: 65px;
  }
  
  .notify_column_list .column .member_image .no_photo{
    width: 65px;
    height: 65px;
    border-radius: 65px;
    font-size: 11px;
  }
  
  .notify_column_list .column .member_image img{
    width: 65px;
    height: 65px;
    border-radius: 65px;
  }
  
  .notify_column_list .column .notify_body .notify_msg{
    margin-left: 25px;
    margin-right: 15px;
    font-size: 18px;
    line-height: 1.5em;
  }
  
  .notify_column_list .column .notify_body .notify_msg .notify_point_title.recent{
    top: 2px;
    left: -4px;
  }
  
  .notify_column_list .column .notify_body .under_area .more_link{
    margin-top: 25px;
    margin-left: 25px;
    font-size: 16px;
  }
  
  .notify_column_list .column .notify_body .under_area .regist_datetime{
    margin-top: 25px;
    margin-left: auto;
    margin-right: 10px;
    font-size: 14px;
  }
  
  /* list pagenation */
  
  .contents_body .page_ctrl_area.top{
    margin-bottom: 50px;
  }
  
  .contents_body .page_ctrl_area.bottom{
    margin-top: 50px;
  }
  
  .contents_body .page_ctrl_area .ctrl_btn{
    margin-left: 6px;
    margin-right: 6px;
    font-size: 15px;
    width: 45px;
    height: 45px;
    border: 1px solid #CCC;
  }
  
  .contents_body .page_ctrl_area .ctrl_btn svg{
    width: 18px;
    height: 18px;
  }
  
  /* link box area */
  
  .link_box_area_wrap .link_box_area{
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    font-size: 17px;
    min-width: 170px;
    border-radius: 50px;
  }
  
  /* list none area */
  
  .list_none_area{
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 13px;
    font-size: 15px;
    max-width: 170px;
    border-radius: 50px;
  }
  
  
  .entry_form_area .contents_entry.cover_image_upload #image_upload_area #wrapper{
    aspect-ratio: 5 / 2.7;
  }
  
  .entry_form_area .contents_entry.cover_image_upload #image_upload_area #wrapper .square{
    aspect-ratio: 5 / 2.7;
  }
  
  /* image ajust area */
  
  #cover_ajust_area #cover_image_ajust{
    aspect-ratio: 5 / 2.7;
  }
  
  /* side navi btn area */
  
  .side_navi_btn_area{
    margin-top: -7px;
    margin-bottom: 23px;
  }
  
  .side_navi_btn_area .navi_btn{
    margin-right: 10px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
  }
  
  .side_navi_btn_area .navi_btn svg{
    width: 36px;
    height: 36px;
  }
  
  .side_navi_btn_area .navi_btn .notify_point{
    top: -1px;
    right: -1px;
  }
  
  
  /* list menu area */
  
  .list_menu_area{
    margin-top: 35px;
    margin-bottom: 30px;
  }
  
  .list_menu_area .column{
    margin-right: 15px;
    padding-top: 13px;
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 13px;
    font-size: 15px;
  }
  
  
}

/* full area */

.contents_area.full{
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}

.contents_area.full .contents_title{
  margin-top: 40px;
  font-size: 28px;
  font-weight: bold;
}

.contents_area.full .contents_desc{
  margin-top: 45px;
  font-size: 14px;
}

.contents_area.full .contents_body{
  padding-top: 60px;
}

.contents_area.full .form_area{
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 100%;
}

.contents_area.full .entry_column{
  margin-top: 50px;
}

.contents_area.full .entry_column.center{
  text-align: center;
}

.contents_area.full .entry_column:first-child{
  margin-top: 0px;
}

.contents_area.full .entry_column .title{
  font-size: 17px;
  font-weight: bold;
}

.contents_area.full .entry_column .title.required:after{
  content: '';
  background-image: url( 'https://static.relav.jp/resources/snsmk4/img/icon/form/icon_required_01.png' );
  background-size: 30px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 30px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 7px;
}

.contents_area.full .entry_column .value{
  padding-top: 10px;
}

.contents_area.full .entry_column input[type=text],
.contents_area.full .entry_column input[type=password]{
  font-size: 15px;
  padding: 10px;
  width: 95%;
  border-radius: 10px;
}

.contents_area.full .entry_column label{
  font-size: 15px;
}

.contents_area.full .error_msg{
  margin-top: 10px;
  color: #EE4044;
  font-weight: bold;
  padding-left: 19px;
  font-size: 15px;
  background-image: url("https://static.revinter.net/resources/snsmk4/img/icon/icon_error_01.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  clear: both;
}