@charset "utf-8";

html {
  /*background: #f5f5f5;*/
}

input[type="checkbox"] {
  display: inline-block;
  width: 23px;
  height: 23px;
  border: 1px solid #edb0c2;
  -webkit-appearance: none;
  border-radius: 5px;
  /*box-shadow: 0 0 0 2px #f7dde5;*/
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(250,250,250)),color-stop(100%, rgb(210,210,210)));
  background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(210,210,210,1) 100%);
  background: -ms-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(210,210,210) 100%);
 }

input[type="checkbox"]:checked {
  background: url(/common/images/bg_checked.png) no-repeat center center;
  background-size: 23px;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


input[type="button"]:hover {
  cursor: pointer;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

#community {
  background-color: #f5f5f5;
}

/*--------------------------------------------

.category_area

--------------------------------------------*/

.category_area ul {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;/*iosで慣性スクロール*/
  height: 44px;
  white-space: nowrap;
  /*letter-spacing: -.4em;*/
  font-size: 0;
  background: #f3f2ea;
  box-shadow: 0 1px 1px #cccab6;
}

.category_area ul::-webkit-scrollbar{
  display:none;
}

.category_area li {
  display: inline-block;
  padding: 0 4px;
  /*letter-spacing: normal;*/
  font-size: 12px;
  vertical-align: top;
}

.category_area li a {
  position: relative;
  display: block;
  line-height: 44px;
  padding: 0 8px;
  text-decoration: none;
  transition: all .15s ease-in;
}

.category_area li a:after,
.category_area .category_other_trigger:after {
  content: "";
  position: absolute;
  right: -4px;
  top: 13px;
  display: inline-block;
  width: 2px;
  height: 18px;
  background: #cccab6;
}

.category_area li:last-of-type a:after {
  display: none;
}

.category_area li.active a,
.category_area li a:hover,
.category_area .category_trigger_active div {
  box-shadow: inset 0 -4px #ff9695;
}

.category_area .category_other_trigger {
  cursor: pointer;
  position: relative;
  line-height: 44px;
  padding: 0 4px 0 16px;
}

.category_area .category_other_trigger:before {
  content: '';
  position: absolute;
  top: 16px;
  left: 8px;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #cccab6;
}

.category_area .category_other_trigger div {
  padding: 0 9px 0 8px;
}

.category_area .category_other_trigger div:before,
.category_area .category_other_trigger div:after {
  content: '';
  position: absolute;
  top: 18px;
  left: 13px;
  width: 2px;
  height: 8px;
  background: #6b6956;
}

.category_area .category_other_trigger div:after {
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.category_area .category_other_hidden_trigger div:before {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.category_area .category_other_hidden_trigger div:after {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.category_area .category_other {
  position: relative;
  background: #e8e7d8;
  transition: all .3s ease-in;
}

.category_area .category_other_first {
  /*box-shadow: inset 6px 0px 6px -4px #d0ceb4;*/
  border-left: 1px solid #cccab6;
}

.category_area .category_other_first:before {
  content: "";
  position: absolute;
  left: -4px;
  top: 18px;
  display: block;
  width: 6px;
  height: 6px;
  border: 1px solid #cccab6;
  border-left: none;
  border-bottom: none;
  background: #f3f2ea;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
/*  border: 3px solid transparent;
  border-left: 5px solid #f3f2ea;*/
}

.category_area .category_other_last {
  border-right: 1px solid #cccab6;
}

.category_area .category_other_last a:after {
  display: none;
}

.category_area .category_other_show {
  opacity: 1;
}

.category_area .category_other_hidden {
  opacity: 0;
  overflow: hidden;
  width: 0;
  height: 44px;
  padding: 0;
}

/* width=0にするとsafariで-1されるのでハックで対応 */
/*_::-webkit-full-page-media, _:future, :root .category_area .category_other_hidden {
  width: 1px;
}*/

/*--------------------------------------------

.show_cursor_left,
.show_cursor_right

--------------------------------------------*/

.show_cursor_left:before,
.show_cursor_right:after {
  content: '';
  position: absolute;
  top: 70px;
  z-index: 11;
  display: block;
  border: 4px solid transparent;
}

.show_cursor_left:before {
  left: -2px;
  border-right: 6px solid #f7878a;
}

.show_cursor_right:after {
  right: -2px;
  border-left: 6px solid #f7878a;
}

#header_cursor_left,
#header_cursor_right {
  position: absolute;
  top: 54px;
  z-index: 10;
  display: none;
  width: 18px;
  height: 44px;
}

.show_cursor_left #header_cursor_left,
.show_cursor_right #header_cursor_right {
  display: block;
}

.show_cursor_left #header_cursor_left {
  left: 0;
  background: -moz-linear-gradient(left, rgb(226, 225, 205) 0%, rgb(226, 225, 205) 75%, rgba(204, 202, 182,0) 100%);
  background: -webkit-linear-gradient(left, rgb(226, 225, 205) 0%, rgb(226, 225, 205) 25%, rgba(204, 202, 182,0) 100%);
  background: linear-gradient(to right, rgb(226, 225, 205) 0%, rgb(226, 225, 205) 25%,rgba(204, 202, 182,0) 100%);
}

.show_cursor_right #header_cursor_right {
  right: 0;
  background: -moz-linear-gradient(left, rgba(204, 202, 182,0) 0%, rgb(226, 225, 205) 75%, rgb(226, 225, 205) 100%);
  background: -webkit-linear-gradient(left, rgba(204, 202, 182,0) 0%, rgb(226, 225, 205) 75%, rgb(226, 225, 205) 100%);
  background: linear-gradient(to right, rgba(204, 202, 182,0) 0%, rgb(226, 225, 205) 75%, rgb(226, 225, 205) 100%);
}

/*--------------------------------------------

#header_group_list

--------------------------------------------*/

#header_group_list {
  display: none;
  width: 100%;
  background: #fffef7;
}

#header_group_list ul {
  display: block;
  width: 100%;
  height: auto;
  padding: 8px 0;
  background: #fffef7;
  box-shadow: inset 0 1px 1px #969485;
}

#header_group_list ul li {
  float: left;
  width: 50%;
  text-align: left;
}

#header_group_list ul li a {
  position: relative;
  display: block;
  padding: 8px 8px 8px 16px;
  text-decoration: none;
}

#header_group_list ul li a:before {
  content: "";
  position: absolute;
  left: 7px;
  top: 15px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #f7878a;
}

#header_group_list ul li a span {
  color: #f7878a;
  font-size: 12px;
}

/*--------------------------------------------

#header_group_close

--------------------------------------------*/

#header_group_close {
  position: relative;
  height: 20px;
  line-height: 20px;
  border-bottom: 2px solid #f7878a;
  color: #484737;
  font-size: 12px;
  letter-spacing: 1px;
  background: #eeede1;
  box-shadow: 0 1px 1px #969485;
}

#header_group_close:before,
#header_group_close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 5px;
  display: block;
  width: 2px;
  height: 10px;
  margin-left: -2.3em;
  background: #757462;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#header_group_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* .capsule_nav
------------------------------------*/

.capsule_nav {
	padding-bottom: 15px;
	text-align: center;
	letter-spacing: -.4em;
}

.capsule_nav li {
	display: inline-block;
	min-width: 85px;
	height: 29px;
	line-height: 29px;
	border: 1px solid #f7878a;
	border-right: none;
	letter-spacing: normal;
	background: #fff;
}

.capsule_nav li:first-of-type {
	border-radius: 20px 0 0 20px;
}

.capsule_nav li:last-of-type {
	border-radius: 0 20px 20px 0;
	border-right: 1px solid #f7878a;
}

.capsule_nav li a {
	display: block;
	text-decoration: none;
	color: #f7878a;
	font-size: 16px;
}

.capsule_nav .capsule_nav_on {
	background: #f7878a;
}

.capsule_nav .capsule_nav_on a {
	color: #fff;
}

@media screen and (max-width: 640px) and (hover: none) and (pointer: coarse) {
  .capsule_nav {
    max-width: 300px;
    max-width: 265px;
    margin: 0 auto;
    text-align: initial;
  }

  .capsule_nav li {
    min-width: 130px;
    height: 34px;
    line-height: 34px;
    text-align: center;
  }

  .capsule_nav li:first-of-type {
    border-radius: 20px 0 0 0;
  }

  .capsule_nav li:nth-of-type(2n) {
    border-right: 1px solid #f7878a;
  }

  .capsule_nav li:nth-of-type(2) {
    border-radius: 0 20px 0 0;
  }

  .capsule_nav li:nth-last-of-type(2){
    border-top: none;
    border-radius: 0 0 0 20px;
  }

  .capsule_nav li:last-of-type {
    border-top: none;
    border-radius: 0 0 20px 0;
  }

  .capsule_nav_odd li:nth-last-of-type(3) {
    border-radius: 0;
  }

  .capsule_nav_odd li:nth-last-of-type(2) {
    border-radius: 0 0 20px 0;
  }

  .capsule_nav_odd li:last-of-type {
    border-radius: 0 0 20px 20px;
  }

}


/* .sortArea .capsule_nav
------------------------------------*/

.sortArea {
  padding-top: 5px;
}

.sortArea .capsule_nav {
  padding-bottom: 10px;
}

.sortArea .capsule_nav li {
  color: #f7878a;
  font-size: 16px;
}

.sortArea .capsule_nav .capsule_nav_on {
  color: #fff;
}

.sortArea .check_like_links {
  margin-bottom: 5px;
}

.sortArea .sortArea_checked_disable {
  display: inline-block;
  height: 23px;
  line-height: 24px;
}

/* .edit_nav
------------------------------------*/

.edit_nav {
	padding: 0 10px 15px;
}

.edit_nav li {
	position: relative;
	float: left;
	display: inline-block;
	padding: 4px 8px 4px 25px;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	font-size: 12px;
	text-decoration: underline;
	background: #e3e3e3;
}

.edit_nav .edit_nav_left:after,
.edit_nav .edit_nav_right:after {
	content: "";
	position: absolute;
	left: 7px;
	top: 6px;
	display: block;
	width: 13px;
	height: 11px;
	background: url(/common/images/ico_resmail_on.png) no-repeat;
	background-size: 13px 11px;
}

.edit_nav .edit_nav_right {
	float: right;
}

.edit_nav .edit_nav_right:after {
	top: 4px;
	height: 15px;
	background: url(/common/images/ico_delete.png) no-repeat;
	background-size: 13px 15px;
}


/* .clear_explain
------------------------------------*/

.clear_explain {
  padding: 0 10px 10px;
}

.clear_explain p {
  padding: 10px;
  border-radius: 10px;
  background: #fff;
}


/* .mythread_list
------------------------------------*/

.mythread_list {
	padding: 0 10px 5px;
}

.mythread_list a {
	font-size: 16px;
	/*text-decoration: none;*/
}

.mythread_list form > ul > li {
  position: relative;
	margin-bottom: 10px;
	padding: 6px;
	border: 1px solid #e8e6e6;
	border-radius: 2px;
	background: #fff;
}

.mythread_clear_submit_area {
  display: none;
  margin-bottom: 10px;
  text-align: center;
}

.mythread_clear_submit_area button {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 4px;
  color: #fff;
  letter-spacing: 2px;
  background: #f72364;
}


.mythread_li_upper {
	margin-bottom: 6px;
}

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

.mythread_li_upper .mythread_li_upper_left,
.mythread_li_upper .mythread_li_upper_right {
	display: table-cell;
	min-height: 40px;
}

.mythread_li_upper .mythread_li_upper_right {
	width: 104px;
	vertical-align: middle;
	text-align: right;
}

.mythread_li_upper .mythread_li_upper_right li {
  height: 34px;
  line-height: 34px;
}

.mythread_li_upper .mythread_li_upper_right .continue a,
.mythread_li_upper .mythread_li_upper_right .mythread_add_li a {
	position: relative;
	display: block;
	padding: 0 17px 0 8px;
	border: 1px solid #a4a4a4;
	border-radius: 4px;
	font-size: 15px;
}

.mythread_li_upper .mythread_li_upper_right .continue a:after,
.mythread_li_upper .mythread_li_upper_right .mythread_add_li a:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 14px;
	display: block;
	width: 0;
	height: 0;
	border: 3px solid transparent;
	border-left: 5px solid #6b6b6b;
}

.mythread_li_upper .mythread_li_upper_right .mythread_add_li {
  display: none;
}

.mythread_li_upper .mythread_li_upper_right .mythread_add_li a {
  border-color: #c1c1ba;
  background: #f7f7f6;
}

.mythread_li_upper .mythread_li_upper_right .checkbox_clear {
  display: none;
}

.mythread_li_upper .mythread_li_upper_right .checkbox_clear label {
  letter-spacing: 3px;
  color: #f72364;
  font-weight: bold;
}

.mythread_li_upper .mythread_li_upper_right .checkbox_clear input {
  margin-right: 5px;
}

.mythread_li_upper .continue_notice:before {
  content: '';
  position: absolute;
  left: -3px;
  top: -2px;
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background: #00cab8;
  box-shadow: 1px 1px 0 #525252;
}

.mythread_li_lower {
	display: table;
	width: 100%;
	font-size: 12px;
}

.mythread_li_lower ul {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.mythread_li_lower li {
	position: relative;
	display: inline-block;
}

.mythread_li_lower .mythread_li_lower_left {
	width: calc(50% - 20px);
	color: #8e8e8e;
}

.mythread_li_lower .mythread_li_lower_left .ismythread,
.mythread_li_lower .mythread_li_lower_left .ismyres {
	padding-left: 8px;
	margin-right: 2px;
}

.mythread_li_lower .mythread_li_lower_left .ismythread {
	color: #00bfa2;
}

.mythread_li_lower .mythread_li_lower_left .ismythread:after,
.mythread_li_lower .mythread_li_lower_left .ismyres:after {
	content: "";
	position: absolute;
	left: 2px;
	top: 5px;
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 5px;
	background: #a4a4a4;
}

.mythread_li_lower .mythread_li_lower_left .ismythread:after {
	background: #00bfa2;
}

.mythread_li_lower .mythread_li_lower_left .resmail_on {
	padding-left: 16px;
	color: #009cff;
	background: url(/common/images/ico_resmail_on.png) no-repeat left center;
	background-size: 13px 11px;
}

.mythread_li_lower .mythread_li_lower_left .resmail_off {
	padding-left: 15px;
	background: url(/common/images/ico_resmail_off.png) no-repeat left center;
	background-size: 13px 11px;
}

.mythread_li_lower .mythread_li_lower_right {
	width: calc(50% + 20px);
	text-align: right;
}

.mythread_li_lower .mythread_li_lower_right .res_num {
	position: relative;
	display: inline-block;
	padding: 1px 2px 0 3px;
	border-radius: 5px;
	color: #fff;
	background: #f78789;
}

.mythread_li_lower .mythread_li_lower_right .res_num:after {
	content: "";
	position: absolute;
	right: 6px;
	top: -6px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	border-bottom: 4px solid #f78789;
}

.mythread_li_lower .mythread_li_lower_right time {
	padding-left: 15px;
	background: url(/common/images/icon_time.png) no-repeat left center;
	background-size: 13px;
}

.mythread_li_lower .notice {
	color: #FF899C;
	font-size: 12px;
	font-weight: bold;
}


/* .pagenation
------------------------------------*/

.pagenation {
  margin: 0 0 10px 0;
  padding: 10px 0 0;
  /*border-top: 1px solid #4a4a4a;
  border-bottom: 1px solid #fff;
  background: #636363;*/
}

.pagenation .pagenation_inner {
  margin-bottom: 5px;
  text-align: center;
  letter-spacing: -0.4em;
}

.pagenation .pagenation_inner > div {
  display: inline-block;
  margin-right: 8px;
  letter-spacing: normal;
}

.pagenation .pagenation_inner .last {
  margin-right: 0;
}

.pagenation a,
.pagenation_inner div div {
  position: relative;
  display: block;
  border: 1px solid #f45670;
  border: 1px solid #cccbcb;
  text-decoration: none;
  text-align: left;
}

.pagenation a {
  background: #fff;
}

.pagenation .first a,
.pagenation .first div {
  border-radius: 30px 0 0 30px;
}

.pagenation .last a,
.pagenation .last div {
  border-radius: 0 30px 30px 0;
}

.pagenation_inner div div {
  background: #ececec;
}

.pagenation .first a,
.pagenation .first div {
  padding: 13px 13px 13px 26px;
}

.pagenation .previous a,
.pagenation .previous div {
  padding: 13px 13px 13px 23px;
}

.pagenation .first a:before,
.pagenation .previous a:before,
.pagenation .first div:before,
.pagenation .previous div:before,
.pagenation .first a:after,
.pagenation .first div:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 16px;
  width: 0;
  height: 0;
}

.pagenation .first a:before,
.pagenation .previous a:before,
.pagenation .first div:before,
.pagenation .previous div:before {
  border: 6px solid transparent;
  border-right: 7px solid #f7878a;
}

.pagenation .first div:before,
.pagenation .previous div:before {
  border-right: 7px solid #ababab;
}

.pagenation .first a:before,
.pagenation .first div:before {
  left: 7px
}

.pagenation .first a:after,
.pagenation .first div:after {
  left: 11px;
  width: 2px;
  height: 12px;
  border-radius: 3px;
  background: #f7878a;
}

.pagenation .first div:after {
  background: #ababab;
}

.pagenation .next a,
.pagenation .next div {
  padding: 13px 23px 13px 13px;
}

.pagenation .last a,
.pagenation .last div {
  padding: 13px 26px 13px 13px;
}

.pagenation .next a:before,
.pagenation .last a:before,
.pagenation .next div:before,
.pagenation .last div:before,
.pagenation .last a:after,
.pagenation .last div:after {
  content: "";
  position: absolute;
  right: 2px;
  top: 16px;
  width: 0;
  height: 0;
}

.pagenation .next a:before,
.pagenation .last a:before,
.pagenation .next div:before,
.pagenation .last div:before {
  border: 6px solid transparent;
  border-left: 7px solid #f7878a;
}

.pagenation .next div:before,
.pagenation .last div:before {
  border-left-color: #ababab;
}

.pagenation .last a:before,
.pagenation .last div:before {
  right: 7px;
}

.pagenation .last a:after,
.pagenation .last div:after {
  right: 11px;
  width: 2px;
  height: 12px;
  border-radius: 3px;
  background: #f7878a;
}

.pagenation .last div:after {
  background: #ababab;
}

.pagenation .page_num {
  text-align: center;
  font-size: 12px;
}

.pagenation .page_num span {
  color: #f7878a;
  font-weight: bold;
}

.pagenation .sakusaku_mode {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 90;
  bottom: -55px;
  height: 0;
}

.pagenation .sakusaku_mode a,
.pagenation .sakusaku_mode p,
.pagenation .non_sakusaku_mode,
.pagenation .sakusaku_mode .sakusaku_prev_disable,
.pagenation .sakusaku_mode .sakusaku_next_disable {
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  background: #fff;
}

.pagenation .sakusaku_mode a,
.pagenation .sakusaku_mode p,
.pagenation .sakusaku_mode .sakusaku_prev_disable,
.pagenation .sakusaku_mode .sakusaku_next_disable {
	color: #fff;
	border: 1px solid #ea5458;
	background: #F77E7E;
}

.pagenation .sakusaku_mode a,
.pagenation .sakusaku_mode .sakusaku_prev_disable,
.pagenation .sakusaku_mode .sakusaku_next_disable {
  position: relative;
  top: 3px;
  height: 25px;
  flex-basis: 25px;
  margin: 0 5px;
}

.pagenation .sakusaku_mode p {
  cursor: pointer;
  position: relative;
  flex-basis: calc(100% - 138px);
  /*flex-basis: calc(100% - 58px);*/
  height: 30px;
  line-height: 30px;
  margin-bottom: 15px;
  padding: 0 6px;
  text-indent: -0.8em;
}

.pagenation .sakusaku_mode .sakusaku_prev_disable,
.pagenation .sakusaku_mode .sakusaku_next_disable {
  position: relative;
  border: 1px solid #afafaf;
  background: #ccc;
}

.pagenation .sakusaku_mode p:after,
.pagenation .sakusaku_mode .sakusaku_prev:after,
.pagenation .sakusaku_mode .sakusaku_prev_disable:after,
.pagenation .sakusaku_mode .sakusaku_next:after,
.pagenation .sakusaku_mode .sakusaku_next_disable:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 7px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
}

.pagenation .sakusaku_mode p:after {
  left: calc(50% + 4.5em);
  top: 11px;
  border-top: 8px solid #fff;
}

.pagenation .sakusaku_mode .sakusaku_prev:after,
.pagenation .sakusaku_mode .sakusaku_prev_disable:after {
  border-right: 8px solid #fff;
}

.pagenation .sakusaku_mode .sakusaku_next:after,
.pagenation .sakusaku_mode .sakusaku_next_disable:after {
  left: 10px;
  border-left: 8px solid #fff;
}

.pagenation .non_sakusaku_mode {
  background: #F2F5E6;
}

.pagenation_num_list {
  text-align: center;
}

.pagenation_num_list li {
  display: inline-block;
}

.pagenation_num_list li a {
  display: block;
  margin-right: 8px;
  padding: 11px 16px;
  border: 1px solid #cccbcb;
  border-radius: 3px;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: normal;
}

.pagenation_num_list li.blank {
  margin-right: 8px;
  border-radius: 3px;
  font-size: 16px;
  letter-spacing: normal;
}

.pagenation_num_list .pagenation_num_list_current a,
.pagenation_num_list li a:hover {
  border-color: #f7878a;
  color: #fff;
  background: #f7878a;
}

.pagenation_num_list li:last-of-type a {
  margin-right: 0;
}

#content .pagbuteNormal {
  margin-bottom: 10px;
}

#next_res {
  position: relative;
  top: -20px;
}

#next_res.res_body_half:after {
	height: 100%;
  background: linear-gradient(to bottom, rgba(248, 248, 248, .2) 0%, rgba(248, 248, 248, .6) 50%,rgba(248, 248, 248, .9) 90%,rgb(248 248 248) 100%);
}

.sakusaku.loading {
  background: #F8F8F8;
}

/* .deleteConfirm
------------------------------------*/

.deleteConfirm ul li {
  position: relative;
  margin-bottom: 6px;
  padding-left: 10px;
}

.deleteConfirm ul li:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 7px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 3px;
  background: #bf317d;
}

/* #content .bh
------------------------------------*/

#content .bh {
  padding: 8px;
  font-weight: normal;
  font-size: 22px;
  background: #f7878a;
}

#content h1.bh img {
  padding-left: 2px;
  vertical-align: top;
}

#content .bh2 {
  position: relative;
  margin-bottom: 5px;
  padding: 5px 9px 5px;
  border-left: 4px solid #f7878a;
  font-size: 18px;
}

#content .bh2:before {
  content: '';
  position: absolute;
  left: -4px;
  bottom: -6px;
  display: block;
  border: 5px solid transparent;
  border-top-color: #f7878a;
  border-left-color: #f7878a;
}

#content .sub_categories_boardlist .bh2 {
  border-left-color: #b1be4b;
}

#content .sub_categories_boardlist .bh2:before {
  border-top-color: #b1be4b;
  border-left-color: #b1be4b;
}

#content .category_h {
  padding-left: 35px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23ffffff%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M16%2011c1.66%200%202.99-1.34%202.99-3S17.66%205%2016%205c-1.66%200-3%201.34-3%203s1.34%203%203%203zm-8%200c1.66%200%202.99-1.34%202.99-3S9.66%205%208%205C6.34%205%205%206.34%205%208s1.34%203%203%203zm0%202c-2.33%200-7%201.17-7%203.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8%200c-.29%200-.62.02-.97.05%201.16.84%201.97%201.97%201.97%203.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z%22%2F%3E%3C%2Fsvg%3E');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px 12px;
}

/* #content .noteTxt
------------------------------------*/

#content .noteTxt {
  margin-bottom: 0;
}

#content.ajax_post_area .res_ok_msg {
  margin-bottom: 10px;
  padding: 23px 9px 25px 75px;
  font-size: 15px;
  background: #fff3f4 url(/common/images/thumb_bg.png) no-repeat 10px 3px;
  background-size: 60px;
}


/* #content .navBlock02
------------------------------------*/

#content .navBlock02 {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #fff;
  background: #dedede;
}

/* #content .navList03
------------------------------------*/

#content .navList03 li a {
  position: relative;
  border: 1px solid #c3c3c3;
  border-radius: 5px;
  background: none;
}

#content .navList03 li a:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 17px;
  display: block;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-left: 5px solid #6b6b6b;
}

/* .stats
------------------------------------*/

.stats {
  margin: 0 10px 10px;
}

.stats .stats_upper {
  display: table;
  width: 100%;
  line-height: 1.8;
  padding-top: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #D4D3D3;
}

.stats .stats_upper > div {
  display: table-cell;
  vertical-align: middle;
}

.stats .stats_upper .stats_name {
  position: relative;
  padding-left: 5px;
  font-size: 18px;
}

.stats .stats_upper .stats_name:after {
  content: 'ニックネーム';
  position: absolute;
  top: -16px;
  left: 0;
  color: #828282;
  font-size: 11px;
  font-weight: bold;
}

.stats .stats_upper .stats_edit {
  width: 94px;
  padding-right: 5px;
  text-align: right;
}

.stats .stats_upper .stats_edit a {
  padding: 4px 5px 3px 22px;
  border: 1px solid #a4a4a4;
  border-radius: 5px;
  text-decoration: none;
  background: url(/common/images/ico_edit.png) no-repeat 6px center;
  background-size: 11px;
}

.stats .stats_upper .stats_sym_color {
  display: block;
  position: relative;
  padding-left: 5px;
  padding-top: 15px;
  font-size: 18px;
}

.stats .stats_upper .stats_sym_color:after {
  content: '自分の文字色をきめる';
  position: absolute;
  top: -16px;
  left: 0;
  color: #828282;
  font-size: 11px;
  font-weight: bold;
}

.stats .stats_lower ul {
  display: -webkit-box;
  display: -moz-box;
  display: flexbox;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.stats .stats_lower ul li {
  position: relative;
  flex-grow: 1;
  width: 50%;
  box-sizing: border-box;
  margin-bottom: 15px;
  text-align: center;
}

.stats .stats_num {
  position: relative;
  padding: 12px 0;
  color: #f7878a;
  font-size: 20px;
  font-weight: bold;
}

.stats li:first-of-type .stats_num:before {
  content: '累計';
  position: absolute;
  top: 6px;
  left: 0;
  color: #828282;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
}

.stats .stats_lower ul li:after {
  content: '';
  position: absolute;
  right: 0px;
  top: 18px;
  display: block;
  width: 1px;
  height: 44px;
  background: #D4D3D3;
}

.stats .stats_lower ul li:nth-of-type(2n):after {
  display: none;
}

.stats .stats_lower_oneline ul li {
  width: initial;
}

.stats .stats_lower_oneline ul li:nth-of-type(2n):after {
  display: initial;
}

.stats .stats_lower_oneline ul li:last-of-type:after {
  display: none;
}

.stats .stats_sympathy {
  padding: 10px 10px 4px;
}

.stats .stats_sympathy dt {
  float: left;
  clear: both;
  width: 46px;
  line-height: 18px;
  text-align: left;
  font-size: 12px;
}

.stats .stats_sympathy dd {
  float: right;
  line-height: 18px;
  text-align: right;
  color: #f7878a;
  font-size: 12px;
  font-weight: bold;
}



/* .modal-content
------------------------------------*/

.modal-content:after {
  border: 8px solid #ffd3dc;
  border: 8px solid #ffd9da;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-radius: 5px 0 0 0;
}


/* .action_btn_list
------------------------------------*/

.action_btn_list {
  padding: 0 10px 5px;
}

.action_btn_list li {
  display: inline-block;
  margin-bottom: 10px;
}

.action_btn_list li .mythread_add {
  position: relative;
  display: block;
  padding: 8px 30px 8px 10px;
  border-radius: 12px 30px 30px 12px;
  border: 1px solid #f7878a;
  text-decoration: none;
  color: #33000f;
  background: #fff;
}

.action_btn_list li .mythread_add:before,
.action_btn_list li .mythread_add:after {
  content: '';
  position: absolute;
  right: 9px;
  top: 8px;
  width: 15px;
  height: 15px;
}

.action_btn_list li .mythread_add:before {
  border-radius: 30px;
  background: #f7878a;
}

.action_btn_list li .mythread_add:after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23ffffff%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M19%2013h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E');
  background-size: 15px;
}

.action_btn_list_first {
  padding-top: 0;
}

/* .bg-gray
------------------------------------*/

.bg_gray {
  background-color: #F8F8F8;
}

/* .ranking_list
------------------------------------*/

.ranking_list li {
  position: relative;
}

.ranking_list li:nth-of-type(1):before,
.ranking_list li:nth-of-type(2):before,
.ranking_list li:nth-of-type(3):before,
.ranking_list li:nth-of-type(4):before,
.ranking_list li:nth-of-type(5):before,
.ranking_list li:nth-of-type(6):before,
.ranking_list li:nth-of-type(7):before,
.ranking_list li:nth-of-type(8):before,
.ranking_list li:nth-of-type(9):before,
.ranking_list li:nth-of-type(10):before {
  content: '';
  position: absolute;
  left: -20px;
  top: -20px;
  display: block;
  border: 20px solid transparent;
  border-right: 20px solid #f9c7c7;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.ranking_list li:nth-of-type(1):before { border-right-color: #cab109;}
.ranking_list li:nth-of-type(2):before { border-right-color: #868686;}
.ranking_list li:nth-of-type(3):before { border-right-color: #bf7315;}

.ranking_list li:nth-of-type(1):after,
.ranking_list li:nth-of-type(2):after,
.ranking_list li:nth-of-type(3):after,
.ranking_list li:nth-of-type(4):after,
.ranking_list li:nth-of-type(5):after,
.ranking_list li:nth-of-type(6):after,
.ranking_list li:nth-of-type(7):after,
.ranking_list li:nth-of-type(8):after,
.ranking_list li:nth-of-type(9):after,
.ranking_list li:nth-of-type(10):after {
  content: '1';
  position: absolute;
  left: 4px;
  top: 1px;
  display: block;
  color: #4a3131;
  font-size: 12px;
  font-weight: bold;
  text-shadow: none;
}

.ranking_list li:nth-of-type(1):after { color: #fff;}
.ranking_list li:nth-of-type(2):after { content: '2'; color: #fff;}
.ranking_list li:nth-of-type(3):after { content: '3'; color: #fff;}
.ranking_list li:nth-of-type(4):after { content: '4';}
.ranking_list li:nth-of-type(5):after { content: '5';}
.ranking_list li:nth-of-type(6):after { content: '6';}
.ranking_list li:nth-of-type(7):after { content: '7';}
.ranking_list li:nth-of-type(8):after { content: '8';}
.ranking_list li:nth-of-type(9):after { content: '9';}
.ranking_list li:nth-of-type(10):after { content: '10'; left: 2px;}

#content ul.ranking_list li a {
  width: calc(100% - 44px);
  padding-left: 18px;
}

.ranking_list li .thumb img {
  margin-left: -3px;
}

/* .watch_revoke_area
------------------------------------*/
.revoke_watch_area {
  margin-top: -10px;
}

/* .btn05
------------------------------------*/
.btn05 {
  display: inline-block;
  padding: 3px 7px;
  border: 1px solid #078a8e;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  text-shadow: -1px -1px 0 #077c80;
  letter-spacing: 1px;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(11, 210, 216)),color-stop(100%, rgb(8, 172, 177)));
  background-image: -o-linear-gradient(top, rgba(11, 210, 216,1) 0%,rgba(8, 172, 177,1) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(11, 210, 216) 0%, rgb(8, 172, 177) 100%);
}

/* .improve
------------------------------------*/
.improve {
  background: #F8F8F8;
}

/* #hot_threadlist
------------------------------------*/
/*#hot_threadlist .bh2 { border-left-color: #f3af1d;}
#hot_threadlist .bh2:before { border-top-color: #f3af1d; border-left-color: #f3af1d;}*/

/* #lastres_threadlist
------------------------------------*/
/*#lastres_threadlist .bh2 { border-left-color: #19a4d6;}
#lastres_threadlist .bh2:before { border-top-color: #19a4d6; border-left-color: #19a4d6;}*/

/* #entame_threadlist
------------------------------------*/
/*#entame_threadlist .bh2 { border-left-color: #44bd24;}
#entame_threadlist .bh2:before { border-top-color: #44bd24; border-left-color: #44bd24;}*/

/*----------------------------------------------------------------------------

  .card_list

---------------------------------------------------------------------------- */

.card_list,
.infeed_ad {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 5px 10px 0;
}

#column .card_list {
  margin-bottom: 10px;
}

.card_list .card,
.infeed_ad .infeed_ad_inner {
  flex-basis: 100%;
  position: relative;
  clear: both;
  min-width: 0;
  margin-bottom: 8px;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  background: #fff;
}

.card_list .card a,
.infeed_ad .infeed_ad_inner a {
  display: block;
  width: initial;
  height: 83%;
  height: calc(100% - 17px);
/*  padding-bottom: 3px;*/
  padding: 10px 10px 7px;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.5;
}

.card_list .card a .card_thumb {
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 8px 5px 0;
  background: url(/common/images/thumb_bg_2.png) no-repeat center;
  background-size: 60px;
}

.card_list .card a .card_thumb img {
  border-radius: 2px;
  width: 60px;
  height: 60px;
}

.card_thumb_right {
  position: relative;
  margin-bottom: 4px;
  padding-right: 8px;
}

.card_thumb_right:after {
  content: '';
  position: absolute;
  right: -4px;
  top: 50%;
  border: 3px solid transparent;
  border-left: 5px solid #dcdcdc;
  margin-top: -3px;
}

.card_thumb_right span {
  position: relative;
  left: -2px;
  display: inline-block;
  margin-right: 2px;
  padding: 1px 5px;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  background: #f7878a;
}

.card_list .card a .read_only {
  position: absolute;
  right: -7px;
  top: 4px;
  display: inline-block;
  width: 1em;
  line-height: 1.2;
  padding: 3px 1px;
  border-radius: 5px;
  color: #444;
  font-size: 11px;
  background: #e4e4e4;
}

.card_list .card_body,
.card_list .card_lastres {
  clear: both;
  margin: 0 3px 3px;
  color: #888;
  color: #676767;
  font-size: 12px;
}

/*.card_list .card_lastres {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}*/

.card_list .card_lastres.res_balloon {
  position: relative;
  text-indent: 15px;
}

.card_list .card_lastres.res_balloon:before {
  border-bottom-color: #cacaca;
}

.card_list .card_lastres.res_balloon:after {
  background: #cacaca;
}

.card_list .res_balloon:before,
.card_list .res_balloon:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

.card_list .res_balloon:before {
  left: 1px;
  top: 0;
  border: 2px solid transparent;
  border-bottom: 4px solid #ffc7c9;
}

.card_list .res_balloon:after {
  left: 0;
  top: 5px;
  width: 12px;
  height: 8px;
  border-radius: 3px;
  background: #ffc7c9;
}

.card_list .card_detail {
  clear: both;
  font-size: 12px;
}

.card_list .card_detail .board_name {
  position: absolute;
  left: 5px;
  top: -8px;
  display: inline-block;
  padding: 0 3px;
  color: #444444;
  color: #868686;
  font-size: 11px;
  letter-spacing: 1px;
  background: linear-gradient(transparent 30%, #ffffff 0%);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card_list .card_detail .board_name:before,
.card_list .card_detail .board_name:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 1px;
  height: 3px;
  background: #e4e4e4;
}

.card_list .card_detail .board_name:after {
  left: initial;
  right: 0;
}

.card_list .card_detail .res_num {
  position: relative;
  display: inline-block;
  padding: 1px 0 0 15px;
  color: #ec7f90;
  color: #e0929e;
  color: #ea6b6d;
}

.card_list .card_detail time {
  padding-left: 15px;
  color: #888;
  background: url(/common/images/icon_time.png) no-repeat left center;
  background-size: 13px;
}

.card_list .card_detail .hit_num {
  display: inline-block;
  padding: 0 2px 0 18px;
  color: #c19617;
  color: #888;
  background: url(/common/images/icon_hit.png) no-repeat left 1px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23bfbfbf%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M12%204.5C7%204.5%202.73%207.61%201%2012c1.73%204.39%206%207.5%2011%207.5s9.27-3.11%2011-7.5c-1.73-4.39-6-7.5-11-7.5zM12%2017c-2.76%200-5-2.24-5-5s2.24-5%205-5%205%202.24%205%205-2.24%205-5%205zm0-8c-1.66%200-3%201.34-3%203s1.34%203%203%203%203-1.34%203-3-1.34-3-3-3z%22%2F%3E%3C%2Fsvg%3E');
  background-size: 18px 15px;
}

.card_list .card_detail .nickname {
  position: relative;
  display: inline-block;
  padding: 0 2px 0 18px;
  color: #888;
}

.card_list .card_detail .nickname:before {
  content: 'by';
  position: absolute;
  left: 3px;
  color: #888;
}

.card_list .card_detail .reqname_res,
.card_list .card_detail .reqsexage_res,
.card_list .card_detail .oneres {
  display: inline-block;
  padding: 0 3px;
  border-radius: 10px;
  color: #fff;
  font-size: 10px;
  background: #f7878a;
}

/*.card_list .card_detail .reqname_res { background: #000; }
.card_list .card_detail .reqsexage_res { background: #000; }
.card_list .card_detail .oneres { background: #000; }*/

.card_list .thread_cnt {
  color: #f54277;
  font-size: 12px;
}

.card_list .more,
.notification .more {
  flex-basis: 100%;
  clear: both;
  padding-top: 5px;
}

.card_list .more a,
.notification .more a {
  display: block;
  width: 60%;
  margin: 0px auto;
  padding: 7px 0 8px;
  border: 1px solid #ea7d80;
  border-left-color: #f7878a;
  border-top-color: #f7878a;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  background: #f7878a;
}

.card_list .more:active a {
  position: relative;
  left: 1px;
  top: 1px;
}

.card_list .card_box {
  flex-basis: calc(50% - 5px);
  clear: both;
  float: left;
  width: 48%;
  width: calc(50% - 5px);
}

.card_list .card_box > a {
  padding: 10px 10px 7px;
}

.card_list .card_box .card_lastres,
.card_list .card_box .card_detail {
  margin-left: 7px;
  text-align: left;
}

.card_list .card_box .card_detail .hit_num {
  position: relative;
  left: -2px;
}

.card_list .card_box .card_detail time {
  display: block;
  margin-top: 2px;
}

.card_list .card_box .card_thumb_right:after {
  display: none;
}


.card_list .card_box_next {
  clear: none;
  margin-left: 6px;
}

.card_list .card_box .board_name,
.card_list .card_box_next .board_name {
  letter-spacing: 0;
}

.card_list .card_ad {
  padding: 0;
}

.card_list .card_ad small {
  display: block;
  padding-left: 10px;
  color: #525252;
  font-size: 10px;
  letter-spacing: 3px;
  font-weight: bold;
  background: #DEDEDE;
}



/*----------------------------------------------------------------------------

  .card_saving

---------------------------------------------------------------------------- */

.card_saving {
  margin-bottom: 10px;
}

.card_saving .card a {
  padding: 5px 4px 5px 7px;
  font-size: 16px;
}

.card_saving .card a .card_thumb_right {
  padding: 2px 0;
}

/*----------------------------------------------------------------------------

  .card_arrow_links

---------------------------------------------------------------------------- */

.card_arrow_links .card {
  background: #fffefa;
}

.card_arrow_links .card a {
  position: relative;
  height: initial;
  line-height: 1.3;
  margin: 0 7px;
  padding: 5px 15px 5px 0;
  font-size: 16px;
}

.card_arrow_links .card:before {
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  display: block;
  width: 6px;
  height: 9px;
  margin-top: -4px;
  background: url(/common/images/yesterday_arrow.png) no-repeat;
  background-size: 6px 9px;
}

.card_arrow_links .card_box {
  clear: initial;
  /*padding: 5px 0;*/
}

.card_arrow_links li:nth-of-type(2n-1) {
  clear: both;
  margin-right: 5px;
}

/*----------------------------------------------------------------------------

  .card_list_rank

---------------------------------------------------------------------------- */

.card_list_rank > li > a:before {
  content: '';
  position: absolute;
  left: -22px;
  top: -22px;
  display: block;
  border: 20px solid transparent;
  border-right: 20px solid #ffdadb;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card_list_rank li:nth-of-type(1) > a:before { border-right-color: #f5dd3f;}
.card_list_rank li:nth-of-type(2) > a:before { border-right-color: #d3d3d3;}
.card_list_rank li:nth-of-type(3) > a:before { border-right-color: #f0cd89;}

.card_list_rank li > a:after {
  content: '1';
  position: absolute;
  left: 2px;
  top: 0px;
  display: block;
  color: #794446;
  font-size: 12px;
}

.card_list_rank li:nth-of-type(1) > a:after { color: #443b00;}
.card_list_rank li:nth-of-type(2) > a:after { content: '2'; color: #3d3d3d;}
.card_list_rank li:nth-of-type(3) > a:after { content: '3'; color: #5b3e05;}
.card_list_rank li:nth-of-type(4) > a:after { content: '4';}
.card_list_rank li:nth-of-type(5) > a:after { content: '5';}
.card_list_rank li:nth-of-type(6) > a:after { content: '6';}
.card_list_rank li:nth-of-type(7) > a:after { content: '7';}
.card_list_rank li:nth-of-type(8) > a:after { content: '8';}
.card_list_rank li:nth-of-type(9) > a:after { content: '9';}
.card_list_rank li:nth-of-type(10) > a:after { content: '10'; left: 0;}
.card_list_rank li:nth-of-type(12) > a:after { content: '11'; left: 0;}
.card_list_rank li:nth-of-type(13) > a:after { content: '12'; left: 0;}
.card_list_rank li:nth-of-type(14) > a:after { content: '13'; left: 0;}
.card_list_rank li:nth-of-type(15) > a:after { content: '14'; left: 0;}
.card_list_rank li:nth-of-type(16) > a:after { content: '15'; left: 0;}
.card_list_rank li:nth-of-type(17) > a:after { content: '16'; left: 0;}
.card_list_rank li:nth-of-type(18) > a:after { content: '17'; left: 0;}
.card_list_rank li:nth-of-type(19) > a:after { content: '18'; left: 0;}
.card_list_rank li:nth-of-type(20) > a:after { content: '19'; left: 0;}
.card_list_rank li:nth-of-type(21) > a:after { content: '20'; left: 0;}

.card_list_rank > li.more > a:before,
.card_list_rank > li.more > a:after {
  display: none;
}

.card_list_rank .card_detail .board_name {
  left: 28px;
}


/*----------------------------------------------------------------------------

  .check_like_links

---------------------------------------------------------------------------- */
.check_like_links {
  margin-bottom: 10px;
  padding-right: 20px;
  text-align: right;
}

.check_like_links .check_like_link {
  position: relative;
  display: inline-block;
  height: 23px;
  line-height: 24px;
  padding-left: 28px;
  text-decoration: underline;
  color: #222;
}

.check_like_links .check_like_link:after {
  content:'';
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: 23px;
  height: 23px;
  border: 1px solid #757575;
  border-radius: 5px;
  background: none;
}

.check_like_links .check_like_link_checked:after,
.check_like_links .sortArea_checked:after {
  content:'';
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: 23px;
  height: 23px;
  border: 1px solid #f7878a;
  border-radius: 5px;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z%22%20fill%3D%22%23f7878a%22%2F%3E%3C%2Fsvg%3E) no-repeat center center;
  background-size: 23px;
}

/*----------------------------------------------------------------------------

  .sort_form

---------------------------------------------------------------------------- */

.sort_form {
  margin-bottom: 15px;
}

.sort_form dt {
  float: left;
  width: 85px;
  line-height: 30px;
  margin-left: 10px;
  border-radius: 5px 0 0 5px;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  background: #e9546b;
}

.sort_form dd {
  position: relative;
  float: left;
  width: 200px;
}

.sort_form dd:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 13px;
  display: block;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top: 5px solid #e9546b;
}

.sort_form dd select {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 25px 0 6px;
  border: 1px solid #e9546b;
  border-radius: 0 5px 5px 0;
  color: #c5263f;
  background: transparent;
  -webkit-appearance: none;
  outline: none;
}


/*----------------------------------------------------------------------------

  #recommend_thread_bottom

---------------------------------------------------------------------------- */

#content #recommend_thread_bottom h2 {
  border-left-color: #1dd2a0;
  padding: 5px 9px 5px;
  color: #333;
  text-shadow: none;
  background: none;
}

#content #recommend_thread_bottom h2:before {
  border-top-color: #1dd2a0;
  border-left-color: #1dd2a0;
}

#content #recommend_thread_bottom a {
  font-size: 1rem;
}

#content #recommend_thread_bottom li:nth-of-type(2n),
#content #recommend_thread_bottom li:nth-of-type(2n) .res_cnt:after {
  background: #fff;
}



/*----------------------------------------------------------------------------

  .rows_color_list

---------------------------------------------------------------------------- */

#content .rows_color_list h2 {
  padding: 5px 9px 5px;
  color: #333;
  text-shadow: none;
  background: none;
}

#content .rows_color_list li:nth-of-type(2n),
#content .rows_color_list li:nth-of-type(2n) .res_cnt:after {
  background: #fff;
}

#content .rows_color_list a {
  font-size: 1rem;
}

#content .rows_color_list li.more {
  background: none;
}

#content .rows_color_list li a span {
  text-decoration: none;
}


/*----------------------------------------------------------------------------

  #news_thread_bottom

---------------------------------------------------------------------------- */

#content #news_thread_bottom h2 {
  border-left-color: #0acbde;
  padding: 5px 9px 5px;
  color: #333;
  text-shadow: none;
  background: none;
}

#content #news_thread_bottom h2:before {
  border-top-color: #0acbde;
  border-left-color: #0acbde;
}

#content #news_thread_bottom a {
  font-size: 1rem;
}

#content #news_thread_bottom li:nth-of-type(2n), #content #news_thread_bottom li:nth-of-type(2n) .res_cnt:after {
  background: #fff;
}


/*----------------------------------------------------------------------------

  #thread_main

---------------------------------------------------------------------------- */

#thread_main {
  margin-bottom: 10px;
  background: #fff;
}



/*----------------------------------------------------------------------------

  .simple_threadlist

---------------------------------------------------------------------------- */

.simple_threadlist {
  margin: 5px 10px 11px;
  border: 1px solid #d2d0d0;
  border-radius: 3px;
  background: #fff;
  overflow: hidden;
}

.simple_threadlist dt {
  padding: 3px 8px;
  border-bottom: 1px solid #d2d0d0;
  color: #ff4a80;
}

.simple_threadlist dd {
  position: relative;
  padding: 0 12px 0 10px;
  border-bottom: 1px solid #d2d0d0;
}

.simple_threadlist.recomend_list dt {
  color: #1ac596;
}

.simple_threadlist dd:last-of-type {
  border: none;
}

.simple_threadlist dd a {
  display: block;
  width: 100%;
  padding: 5px 0;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.simple_threadlist dd:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 50%;
  border: 3px solid transparent;
  border-left: 5px solid #ec94ae;
  margin-top: -3px;
}

.simple_threadlist.recomend_list dd:after {
  border-left-color: #6fccb2;
}

.simple_threadlist .simple_threadlist_pr {
  display: inline-block;
  margin-right: 3px;
  padding: 0 4px;
  font-size: 11px;
  color: #fff;
  background: #bfbfbf;
}



/*----------------------------------------------------------------------------

  .usual_blocks

---------------------------------------------------------------------------- */

.usual_blocks {
  margin: 0 10px 10px;
}

/*----------------------------------------------------------------------------

  .usual_paragraphs

---------------------------------------------------------------------------- */

.usual_paragraphs {
  line-height: 1.5;
  margin-bottom: 10px;
}

/*----------------------------------------------------------------------------

  .login_sns_button

---------------------------------------------------------------------------- */

.login_sns_button {
  position: relative;
  display: inline-block;
  height: 34px;
  line-height: 35px;
  margin-bottom: 10px;
  padding: 0 10px 0 30px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

.login_line {
  background: #00c300 url(/lp/img/lp_login_button_line.png) no-repeat 5px 6px;
  background-size: 21px;
  box-shadow: 0 1px 0 #0f750f;
}

.login_google {
  background: #4285f4 url(/lp/img/lp_login_button_google.png) no-repeat 5px 6px;
  background-size: 21px;
  box-shadow: 0 1px 0 #3368be;
}

.login_fb {
  background: #3f5a9a url(/lp/img/lp_login_button_facebook.png) no-repeat 5px 5px;
  background-size: 21px;
  box-shadow: 0 1px 0 #283f77;
}



/*----------------------------------------------------------------------------

  .notification

---------------------------------------------------------------------------- */

.notification {
  position: relative;
}

.notification h3 {
  position: relative;
  top: 1px;
  left: 5px;
  display: inline-block;
  padding: 2px 5px 1px;
  border-right: 1px solid #28a292;
  border-right: 1px solid #e8e6e6;
  border-radius: 3px 3px 0 0;
  color: #fff;
  background: #00cab8;
}

.notification .past_notification {
  position: absolute;
  top: -1px;
  right: 0;
  display: inline-block;
  height: 13px;
  line-height: 13px;
  padding: 2px 12px 2px 8px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-radius: 20px;
  text-decoration: none;
  font-size: 11px;
  background: #fff;
}

.notification .past_notification:after {
  content: "";
  position: absolute;
  right: 2px;
  top: 6px;
  display: inline-block;
  border: 3px solid transparent;
  border-left-color: #6b6b6b;
}

.notification ul {
  padding: 6px 5px 0;
  border: 1px solid #e8e6e6;
  border-radius: 2px;
  background: #fff;
}

.notification ul li {
  position: relative;
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #e8e6e6;
}

.notification ul li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification ul li:last-of-type {
  margin-bottom: 2px;
  border-bottom: none;
}

.notification .notification_tag a {
  padding-left: 2.8em;
}

.notification .notification_tag:after {
  position: absolute;
  left: -16px;
  top: 1px;
  display: inline-block;
  padding: 1px 5px 1px 2px;
      border-radius: 0 10px 10px 0;
  color: #fff;
  font-size: 11px;
  background: #000;
}

.notification .notification_sympathy_thread:after {
  content: 'スレ共感';
  background: #fb9800;
}

.notification .notification_sympathy_res:after {
  content: 'レス共感';
  background: #fb9800;
}

.notification .notification_thread:after {
  content: 'スレ返信';
  background: #f7878a;
}

.notification .notification_res:after {
  content: 'レス返信';
  background: #00cab8;
}

.notification .notification_thank:after {
  content: 'お礼';
  background: #00cab8;
}

.notification .notification_goodres:after {
  content: 'グッドアンサー';
  transform-origin: top left;
  transform: scale(0.6, 1);
  padding-left:0;
  background: #00cab8;
}

.notification .notification_tag_admin:after {
  content: '運営から';
  background: #f34a41;
}

.notification .notification_threadps:after {
  content: 'スレ追記';
  background: #68bdcb;
}


.notification time {
  display: block;
  width: 100%;
  margin-top: 3px;
  color: #777;
  text-align: right;
  font-size: 11px;
}

.notification .more {
  text-align: center;
}

.notification .more a {
  display: inline-block;
  width: 180px;
  margin: 0 10px 0 0;
}

.notification_close #notification_toggle_target {
  display: none;
}

#notification_last {
  min-height: 21px;
}

.more #notification_last_toggle {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 15px;
  border: 1px solid #444444;
  border-left-color: #828282;
  border-top-color: #808080;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #6b6b6b;
  box-shadow: inset 0px 12px 0 #737373;
}

.notification_open h3 {
  padding-left: 20px;
}

.notification_open h3:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 7px;
  display: block;
  border: 4px solid transparent;
  border-top: 7px solid #fff;
}

.notification_close h3 {
  border-right: none;
  border-radius: 3px;
  padding-left: 20px;
  box-shadow: 1px 1px 0 #2b9688;
}

.notification_close h3:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 6px;
  display: block;
  border: 4px solid transparent;
  border-left: 7px solid #fff;
}

.notification_close #notification_toggle_target {
  display: none;
}

/*----------------------------------------------------------------------------

  .notification_admin_msg

---------------------------------------------------------------------------- */

.notification_admin_msg h3 {
}

.notification_admin_msg h3 {
  border-right: 1px solid #e8e6e6;
  background: #484848;
}


.notification_admin_msg ul {
  border: 1px solid #e8e6e6;
}

.notification_admin_msg ul li {
  border-bottom: 1px dashed #e8e6e6;
}

/*----------------------------------------------------------------------------

  .res_filter

---------------------------------------------------------------------------- */

.res_filter dt {
  display: inline-block;
}

.res_filter dt:after {
  content: '：';
}

.res_filter dd {
  display: inline-block;
  margin-bottom: 5px;
}

.res_filter dd a {
  position: relative;
  display: block;
  padding: 4px 6px 4px 16px;
  border: 1px solid #f7878a;
  border-radius: 5px;
  color: #ea5458;
  text-decoration: none;
  background: #fff;
}

.res_filter dd.select a {
  border: 1px solid #ea5458;
  color: #fff;
  background:#f7878a;
}

.res_filter dd a:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 11px;
  display: block;
  border: 3px solid transparent;
  border-top: 4px solid #f7878a;
}
.res_filter dd.select a:after {
  border-top: 4px solid #fff;
}

/*----------------------------------------------------------------------------

  #thread01

---------------------------------------------------------------------------- */

#thread01 .bg-block {
  padding-top: 10px;
}

#thread01 .PostBody.error {
  padding: 5px 13px;
}

#thread01 .goodres_picked {
  margin-top: 10px;
  padding-top: 20px;
}

/*----------------------------------------------------------------------------

  .admin_msg

---------------------------------------------------------------------------- */

.admin_msg label {
  margin-bottom: 10px;
}

.admin_msg #post_btn {
  text-align: center;
}

.admin_msg #post_btn .btn01 {
  width: 100px;
  height: 35px;
  padding: 0;
}



/*----------------------------------------------------------------------------

  .take_margin

---------------------------------------------------------------------------- */
.take_margin {
  margin: 10px;
}

#content .take_margin_bottom {
  margin-bottom: 10px;
}



/*----------------------------------------------------------------------------

  .chara_message

---------------------------------------------------------------------------- */
.chara_message {
  display: inline-block;
  width: 53px;
  height: 53px;
  margin-right: 10px;
  vertical-align: middle;
  background: url(/common/images/thumb_bg.png);
  background-size: 53px;
}


/*----------------------------------------------------------------------------

  .explain_area

---------------------------------------------------------------------------- */

.explain_area {
  position: relative;
  margin-bottom: 13px;
  padding-top: 10px;
}

.explain_area .explain_head {
  position: absolute;
  left: 5px;
  top: -3px;
  padding: 0 5px;
  margin-bottom: 0;
  color: #ea4660;
  background: #fff;
}

.explain_area .explain_body {
  padding: 10px;
  border: 1px dashed #ffa3bd;
}


/*----------------------------------------------------------------------------

  #push_like

---------------------------------------------------------------------------- */

/*#push_like {
  position: fixed;
  top: 99px;
  right: -20px;
  width: 75%;
  max-width: 300px;
  line-height: 1.2;
  box-shadow: 0 0 7px 1px #7d7d7d;
  animation: fadein 5s 0.3s ease 1 normal;
  opacity: 0;
}

@keyframes fadein {
  0% {
    right: -20px;
    opacity: 0;
  }

  5% {
    right: 0;
    opacity: 1;
  }

  95% {
    right: 0;
    opacity: 1;
  }

  100% {
    right: 20px;
    opacity: 0;
  }
}*/

#push_like {
  position: fixed;
  top: 99px;
  right: -20px;
  z-index: 101;
  width: 75%;
  max-width: 300px;
  line-height: 1.2;
  box-shadow: 0 0 7px 1px #7d7d7d;
  opacity: 0;
  -webkit-transition: all .25s ease-in;
     -moz-transition: all .25s ease-in;
      -ms-transition: all .25s ease-in;
       -o-transition: all .25s ease-in;
          transition: all .25s ease-in;
}

#push_like.slide_fade_in {
  right: 0;
  opacity: 1;
}

#push_like.slide_fade_out {
  right: 20px;
  opacity: 0;
}

#push_like .push_like_tag {
  padding: 2px 4px;
  color: #2d1f00;
  font-size: 13px;
  background: #f7878a;
  background: rgba(247, 135, 138, .92);
}

#push_like .push_like_title {
  position: relative;
  padding: 5px 5px 6px 38px;
  background: #555;
  background: rgba(45, 45, 45, 0.9);
}

#push_like .push_like_title a {
  display: block;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#push_like .push_like_title:after {
  content: 'NEW';
  position: absolute;
  top: 7px;
  left: 4px;
  height: 14px;
  line-height: 14px;
  border-radius: 4px;
  padding: 0 3px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  background: #068f90;
  box-shadow: inset 0 7px #10b2b3;
  animation: blink 1.5s 0.3s ease infinite alternate;
}

@keyframes blink {
  0% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

#push_like .push_like_count_down {
  position: absolute;
  right: 2px;
  top: 1px;
  width: 16px;
  height: 16px;
  line-height: 17px;
  border-radius: 16px;
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
  text-align: center;
  color: #fff;
  font-size: 11px;
  background: #8a393b;
  box-shadow: inset 1px 1px 0 #692729;
}

/*----------------------------------------------------------------------------

  #side_top_area

---------------------------------------------------------------------------- */

#side_top_area {
  padding: 7px 10px 10px;
  border-bottom: 1px solid #becad1;
}

/*----------------------------------------------------------------------------

  #count_now

---------------------------------------------------------------------------- */

#count_now {
  text-align: center;
  margin-bottom: 5px;
}

#count_now span {
  display: inline-block;
  padding: 0 3px;
  color: #07b9a9;
  font-size: 20px;
  font-weight: bold;
}

/*----------------------------------------------------------------------------

  .side_top_post_area

---------------------------------------------------------------------------- */

.side_top_post_area {
  text-align: center;
}

.side_top_post_area .btn_general {
  display: inline-block;
  padding: 7px 13px;
  color: #fff;
}

/*----------------------------------------------------------------------------

  .btn_general

---------------------------------------------------------------------------- */
.btn_general {
  display: inline-block;
  padding: 7px 13px;
  border-radius: 5px;
  color: #fff;
  background: #f1aa12;
}

/*.btn_general {
  display: inline-block;
  width: 141px;
  padding: 7px 2px 8px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px #b91f4c;
  color: #fff;
  font-size: 14px;
  border: 1px solid #d24b7a;
  border-top: 1px solid #ff8cb2;
  background: #ff77a1;
  background: -moz-linear-gradient(top, #ff77a1 49%, #ff6f9f 50%);
  background: -webkit-linear-gradient(top, #ff77a1 49%,#ff6f9f 50%);
  background: linear-gradient(to bottom, #ff77a1 49%,#ff6f9f 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff77a1', endColorstr='#ff6f9f',GradientType=0 );
}*/

.btn_general {
  display: inline-block;
  min-width: 141px;
  padding: 7px 17px 8px;
  border: 1px solid #ea7d80;
  border-left-color: #f7878a;
  border-top-color: #f7878a;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  background: #f7878a;
}

.btn_general:hover {
  opacity: .8;
}

/*----------------------------------------------------------------------------

  .restriction

---------------------------------------------------------------------------- */

.restriction {
  position: relative;
  margin: 15px 10px 10px;
  padding: 10px 5px 5px;
  border: 1px solid #e8e8e8;
  font-size: 12px;
  background: #fbfbfb;
}

.restriction dt {
  position: absolute;
  top: -8px;
  left: 6px;
  padding: 1px 6px;
  border-radius: 12px;
  color: #fff;
  background: #8e8e8e;
}

.restriction dd {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  padding-left: 1em;
}

.restriction dd:before {
  content: '※';
  position: absolute;
  left: 1px;
  top: 1px;
  font-size: 10px;
  color: #828282;
}

/*----------------------------------------------------------------------------

  .restriction

---------------------------------------------------------------------------- */

.urge_area {
  margin: 0 10px 10px;
  padding: 10px;
  border: 1px dashed #e8e8e8;
  text-align: center;
  background: #fbfbfb;
}

.urge_area p {
  margin-bottom: 3px;
  text-align: left;
}

.urge_area .urge_goodres {
  margin-bottom: 0;
}

.urge_area .urge_goodres span {
  background: linear-gradient(transparent 50%, #ffff85 50%);
}

/*----------------------------------------------------------------------------

  .fluct-native-subtree-root

---------------------------------------------------------------------------- */

.fluct-native-subtree-root {
  padding: 10px;
}

.header_spacer60,
.header_spacer100 {
  clear: both;
  display:block;
}

.header_spacer60 {
  margin-top: 60px;
}

.header_spacer100 {
  margin-top: 134px;
}

/*----------------------------------------------------------------------------

  .right_area

---------------------------------------------------------------------------- */

.wrapper_right {
  display: none;
  position: absolute;
  right: calc((100% - 900px)/2 - 70px);
}

#trackwind {
  margin-bottom: 10px;
}

#trackwind ul {
  position: relative;
  width: 146px;
  margin: 27px auto 0;
  padding: 13px 5px 8px 9px;
  border: 1px solid #f7878a;
  border-radius: 10px;
  text-align:left;
}

#trackwind ul:after {
  content: 'あなたの閲覧履歴';
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -4.5em;
  padding: 0 5px;
  color: #ea5458;
  background: #f5f5f5;
}

#trackwind li a {
  display: block;
  padding: 0 0 8px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .3s ease-out;
}

#trackwind li a:hover {
  color: #ea5458;
  text-decoration: none;
}

#trackwind li:last-of-type a {
  padding-bottom: 0;
}

.wrapper_right_ad {
  width: 160px;
  height: 600px;
  margin: auto;
}

/*----------------------------------------------------------------------------

  #sakusaku_admid

---------------------------------------------------------------------------- */

#sakusaku_admid {
  display: inline-block;
  padding-top: 10px;
  width:300px;
  height:250px;
}
@media(min-width:340px){
  #sakusaku_admid{
    width:336px;
    height:280px;
  }
}



/*----------------------------------------------------------------------------

  .fame

---------------------------------------------------------------------------- */

#fame_threadlist.fame .bh2,
#content .fame .bh2 {
  border-left-color: #d2991c;
  color: #422e02;
}

#fame_threadlist.fame .bh2:before,
#content .fame .bh2:before {
  border-top-color: #bf870b;
  border-left-color: #bf870b;
}

.fame #content .noteTxt {
  background: none;
}

.fame .card_list .card,
.fame .infeed_ad .infeed_ad_inner {
  border-color: #e4dbbe;
}

.fame .card_list .card a,
.fame .infeed_ad .infeed_ad_inner a {
  color: #422e02;
}

.fame .card_list .card_ad small {
  color: #674e07;
  background-color: #eacc74;
}

.fame .card_thumb_right:after {
  border-left-color: #e6ad09;
}

.fame_thread #thread_main .postExcerpt{
  position: relative;
  padding-top: 8px;
}

.fame_thread #thread_main .btn-violate {
  position: relative;
}

.fame_thread #thread_main .btn-violate:before {
  content: "殿堂入り";
  position: absolute;
  right: -3px;
  bottom: -29px;
  width: 58px;
  height: 22px;
  line-height: 22px;
  padding-left: 22px;
  color: #d2991c;
  font-size: 14px;
  font-weight: bold;
  background: url(/common/images/fame_icon.png) no-repeat left 1px;
  background-size: 18px 15px;
}


/*----------------------------------------------------------------------------

  .btn_over_h_area

---------------------------------------------------------------------------- */

.btn_over_h_area {
  position: relative;
}

.btn_over_h {
  position: absolute;
  top: 3px;
  right: 12px;
  min-width: 0;
  padding: 3px 16px 3px 6px;
}

.btn_over_h:before {
  content: '';
  position: absolute;
  top: 7px;
  right: 1px;
  border: 4px solid transparent;
  border-left: 6px solid #fff;
}


/*----------------------------------------------------------------------------

  .select_genaral

---------------------------------------------------------------------------- */

.select_genaral {
  position: relative;
  z-index: 0;
  display: inline-block;
  height: 28px;
  border: 1px solid #f78789;
  border-radius: 3px;
  background: #fff;
}

.select_genaral:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 0 2px 2px 0;
  background: #f78789;
}

.select_genaral:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  right: 8px;
  z-index: -1;
  border: 5px solid transparent;
  border-top: 8px solid #fff;
}

.select_genaral select {
  border: none;
  background: none;
}

#res6 {/* 6レス目の上の広告との間に隙間を取っている　将来的に消したい */
  margin-top: 10px;
}

/*----------------------------------------------------------------------------

  .thread_action

---------------------------------------------------------------------------- */

.thread_action {
  position: relative;
  margin: 0 10px 5px;
  padding: 14px 7px 0;
  border: 1px dashed #b2acac;
  border-radius: 3px;
}

.thread_action h3 {
  position: absolute;
  top: -8px;
  left: 10px;
  padding: 0 6px;
  color: #ea5458;
  background: #fff;
}

.thread_action li {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  margin-bottom: 12px;
}

.thread_action li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  border: 2px solid transparent;
  border-left: 4px solid #f7878a;
}

/*----------------------------------------------------------------------------

  .continue_link

---------------------------------------------------------------------------- */

.continue_link {
  margin: 30px 0 20px;
  text-align: center;
}

.continue_link a {
  display: inline-block;
  min-width: 200px;
  padding: 10px 20px;
  border: 1px solid #f7878a;
  border-radius: 5px;
  color: #ea5458;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  background-color: #fff;
}

/*----------------------------------------------------------------------------

  #jump_buttons

---------------------------------------------------------------------------- */

.use_browser #jump_buttons #jump_up.jump_up_unable a {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22%2F%3E%3Cpath%20fill%3D%22%23cccccc%22%20d%3D%22M4%2012l1.41%201.41L11%207.83V20h2V7.83l5.58%205.59L20%2012l-8-8-8%208z%22%2F%3E%3C%2Fsvg%3E');
}

.use_browser #jump_buttons #jump_down.jump_down_unable a {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22%2F%3E%3Cpath%20fill%3D%22%23cccccc%22%20d%3D%22M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z%22%2F%3E%3C%2Fsvg%3E');
}

.use_app #jump_buttons {
  position: fixed;
  bottom: 70px;
  right: 10px;
  z-index: 530000;
}

.use_app #jump_buttons li {
  position: relative;
  opacity: .85;
  width: 38px;
  height: 38px;
  border-radius: 38px;
  background: #f7878a center center no-repeat;
  background-size: 30px;
  box-shadow: 0 3px 3px rgba(34, 34, 34, .4);
}

.use_app #jump_buttons li a {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 38px;
}

.use_app #jump_buttons #jump_up {
  margin-bottom: 7px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%2012l1.41%201.41L11%207.83V20h2V7.83l5.58%205.59L20%2012l-8-8-8%208z%22%2F%3E%3C%2Fsvg%3E');
}

.use_app #jump_buttons #jump_up.jump_up_unable {
  background-color: #ccc;
}

.use_app #jump_buttons #jump_down {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z%22%2F%3E%3C%2Fsvg%3E');
}

.use_app #jump_buttons #jump_down.jump_down_unable {
  background-color: #ccc;
}

.use_app #jump_buttons #jump_up.jump_up_unable:after,
.use_app #jump_buttons #jump_down.jump_down_unable:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 38px;
  height: 38px;
}

.restart_banner {
  text-align: center;
}
.restart_banner a {
  position: relative;
  display: inline-block;
  min-width: 230px;
  line-height: 1.5;
  margin-bottom: 15px;
  padding: 10px 25px 10px 15px;
  border-radius: 4px;
  border: 1px solid #f7878a;
  text-decoration: none;
  color: #f7878a;
  font-size: 16px;
}
.restart_banner a:after {
  content: '';
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -3px;
  border: 3px solid transparent;
  border-left: 5px solid #f7878a;
}

.marker {
  color: #3c3c3c;
  font-weight: bold;
  background: linear-gradient(transparent 70%, #ffdbdc 75%);
}

.btn-violate.btn-violate-icon {
  position: relative;
  overflow: hidden;
  width: 55px;
  height: 28px;
  padding-left: 0;
  border: 1px solid #cccbcb;
  border-radius: 4px;
  background: url(/common/images/btn-violate-icon-off.png) no-repeat 23px 3px;
  background-size: 26px 21px;
}

.res-header .btn-violate.btn-violate-icon {
  margin-top: 6px;
}

.btn-violate.btn-violate-icon:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 5px;
  display: block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%221%20145%2014%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.7%20145.7a6.7%206.7%200%201%200%206.7%206.7c-.1-3.7-3.1-6.7-6.7-6.7zm0%201.3c1.2%200%202.4.4%203.3%201.1l-7.5%207.5c-.7-.9-1.1-2-1.1-3.3-.1-2.9%202.3-5.3%205.3-5.3zm0%2010.7c-1.2%200-2.4-.4-3.3-1.1l7.5-7.5c.7.9%201.1%202%201.1%203.3%200%202.9-2.4%205.3-5.3%205.3z%22%20fill%3D%22%23AAA%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat;
}

.btn-violate-icon.violate-on {
  background-image: url(/common/images/btn-violate-icon.png); 
}

.ref_link_area {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ref_link_area .ref_link {
  display: inline-block;
  padding: 3px 5px;
  border: 1px dashed #797979;
  border-radius: 3px;
}

.refed {
  /*border: 1px dashed #ccc;*/
  border-radius: 5px;
  margin: 10px 13px 0 13px;
  padding: 8px 9px;
}

.refed li {
  line-height: 1.5;
  margin-bottom: 7px;
  color: #444;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.refed li:last-of-type {
  margin-bottom: 0;
}

.refed li a {
  text-decoration: none;
}

#grouplist {
  margin-bottom: 10px;
  padding-bottom: 10px;
  box-shadow: 0 1px 1px #ccc;
  background: #f3f2ea;
}

.grouplist_h2 {
  margin-bottom: 10px;
}

.itemList2 {
  width: calc(100% - 24px);
  max-width: 500px;
  margin: 0 auto;
  box-sizing: border-box;
}

.itemList2 li {
  float: left;
  display: table;
  width: 49%;
  width: calc(50% - 2px);
  min-height: 44px;
  margin: 0 4px 6px 0;
  border: 1px solid #ea7d80;
  border-left-color: #f7878a;
  border-top-color: #f7878a;
  border-radius: 8px;
  box-sizing: border-box;
  background: #f7878a;
}

.itemList2 li:nth-of-type(2n) {
  margin-right: 0;
}

.itemList2 li a {
  display: table-cell;
  padding: 0 3px 0 36px;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  background: 8px center no-repeat;
  background-size: 24px;
  text-decoration: none;
}

.itemList2 .group_love a { background-image: url("/common/images/groupIcons/icon_renai.png");}
.itemList2 .group_family a { background-image: url("/common/images/groupIcons/icon_ikuji2.png");}
.itemList2 .group_wedding a { background-image: url("/common/images/groupIcons/icon_kekkon.png");}
.itemList2 .group_ask a { background-image: url("/common/images/groupIcons/icon_oshiete.png");}
.itemList2 .group_life a { background-image: url("/common/images/groupIcons/icon_kurashi.png");}
.itemList2 .group_work a { background-image: url("/common/images/groupIcons/icon_shigoto.png");}
.itemList2 .group_diet a { background-image: url("/common/images/groupIcons/icon_biyou.png");}
.itemList2 .group_clinic a { background-image: url("/common/images/groupIcons/icon_joseinobyoki.png");}
.itemList2 .group_story a { background-image: url("/common/images/groupIcons/icon_shosetsu.png");}
.itemList2 .group_diary a { background-image: url("/common/images/groupIcons/icon_nikki.png");}
.itemList2 .group_zatsudan1 a { background-image: url("/common/images/groupIcons/icon_zatsudan.png");}
.itemList2 .group_beginner a { background-image: url("/common/images/groupIcons/icon_sysope.png");}

.itemList2 .no_icon a {
  padding-left: 8px;
}

.itemList2 .no_icon a span {
  display: inline-block;
  text-indent: 7px;
  font-size: 11px;
}


/*----------------------------------------------------------------------------

  .history_area

---------------------------------------------------------------------------- */

.history_area {
  margin-bottom: 20px;
}

.history_area h1,
.history_area h2 {
  margin-bottom: 10px;
}

.history_list li {
  position: relative;
  display: flex;
  margin: 0 10px 20px 30px;
  padding: 10px 0;
  border-radius: 10px;
  background: #e8e5db;
  box-shadow: 1px 1px 0 #d1cbb6;
}

.history_list li.history_5star {
  background: #e8e5db url(/common/images/history/history_5star_bg.png) no-repeat right bottom;
  background-size: 200px 99px;
}

.history_list li:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 0;
  width: 40px;
  height: 100%;
}

.history_list li.history_5star:before { background: #f7878a; }
.history_list li.history_4star:before { background: #508eb1; }
.history_list li.history_3star:before { background: #c8ba6f; }
.history_list li.history_2star:before { background: #86c7a9; }
.history_list li.history_1star:before { left: 21px; width: 26px; background: #adadad; }

.history_list li:after {
  content: "";
  position: absolute;
  left: 14px;
  bottom: -10px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top-width: 0;
  border-bottom-width: 10px;
}

.history_list li.history_5star:after { border-left-color: #f7878a; border-right-color: #f7878a; }
.history_list li.history_4star:after { border-left-color: #508eb1; border-right-color: #508eb1; }
.history_list li.history_3star:after { border-left-color: #c8ba6f; border-right-color: #c8ba6f; }

.history_list li .history_left {
  flex-basis: 117px;
  flex-grow: 0;
  position: relative;
  left: -25px;
  min-width: 117px;
  min-height: 116px;
  line-height: 116px;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
  text-align: center;
  background: url(/common/images/history/history_lock.png) no-repeat left top;
  background-size: 117px;
}

.history_list .history_5star .history_left { color: #a9874b; background-image: url(/common/images/history/history_5star.png); }
.history_list .history_4star .history_left { color: #849196; background-image: url(/common/images/history/history_4star.png); }
.history_list .history_3star .history_left { color: #ac684a; background-image: url(/common/images/history/history_3star.png); }
.history_list .history_2star .history_left { color: #549476; background-image: url(/common/images/history/history_2star.png); }
.history_list .history_1star .history_left { color: #6b6b6b; background-image: url(/common/images/history/history_1star.png); }
.history_list > li:not([class^="history_"]) > .history_left {text-indent:100%; white-space:nowrap; overflow:hidden;}

.history_list li .history_right {
  flex-grow: 1;
  position: relative;
  left: -15px;
  line-height: 1.5;
}

.history_list li .history_title {
  margin-bottom: 4px;
  padding: 2px 0 2px;
  border-bottom: 1px solid #d1cbb6;
}

.history_list li.history_5star .history_title { color: #ad2d30; }
.history_list li.history_4star .history_title { color: #385d6b; }
.history_list li.history_3star .history_title { color: #96573a; }
.history_list li.history_2star .history_title { color: #4f8b6e; }
.history_list li.history_1star .history_title { color: #7e5306; }

.history_list li .history_comment {
  color: #7e5306;
}

.history_list li.history_5star .history_comment {
  color: #222;
  text-shadow: 0px 0px 10px #f7f052;
}

.history_date {
  position: absolute;
  right: 0;
  bottom: -6px;
  font-size:12px;
}

.history_list li .history_body {
  padding: 0 3px;
  font-size: 12px;
}

.history_list li p:first-of-type {
  margin-bottom: 4px;
}

.history_area p {
  line-height: 1.8;
  margin: 0 10px 10px;
  font-size: 14px;
}

.post_preview_body {
  font-size: 15px;
}

.affiliate_tags {
  padding: 0 10px 10px;
}

.affiliate_tags li {
  position: relative;
  margin-bottom: 15px;
  padding-left: 26px;
}

.affiliate_tags li:last-of-type {
  margin-bottom: initial;
}

.affiliate_tags li:after {
  content: 'AD';
  position: absolute;
  left: 0;
  top: 2px;
  padding: 1px 4px;
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  background: #f7878a;
}

.affiliate_tags li a {
  line-height: 1.5;
}

/*----------------------------------------------------------------------------

  .sysope_nickname

---------------------------------------------------------------------------- */

.sysope_nickname {
  color: #af1b21;
  font-weight: bold;
}

/*----------------------------------------------------------------------------

  #content_inner #ajax_postres

---------------------------------------------------------------------------- */

#content_inner .ajax_postres {
  position: relative;
  margin: 10px 15px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 13px -3px #929292;
}

#content_inner .ajax_postres:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: -5px;
  margin-left: -5px;
  /*border: 5px solid transparent;
  border-bottom: 10px solid #ddd;*/
  width: 8px;
  height: 8px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background: #fff;
  transform: rotate(45deg);
}

#content_inner .ajax_postres h1 {
  display: none;
}

#content_inner .ajax_postres .pageSelect select {
  line-height: 1.5;
}

#content_inner .ajax_post_close {
  top: -9px;
  right: -8px;
  z-index: 10;
  width: 29px;
  height: 29px;
}

#content_inner .ajax_post_close:before,
#content_inner .ajax_post_close:after {
  top: 2px;
  left: 10px;
  height: 19px;
  z-index: 10;
}

#content_inner #ajax_postres_overlay {
  position: initial;
  background: none;
}

#ajax_postres_overlay .ref_loading {
  position: relative;
}

#content_inner #ajax_postres_overlay .ref_loading {
  position: initial;
  margin: 10px 0 0 0;
}

#content_inner > #ajax_postres_overlay .ref_loading {
  margin: 10px 0;
}

#content_inner #thread_postres1 .ajax_post_close,
#content_inner #thread_postres2 .ajax_post_close {
  width: 23px;
  height: 23px;
}

#content_inner #thread_postres1 .btnList .ajax_post_close,
#content_inner #thread_postres2 .btnList .ajax_post_close,
.bg-block #content.ok_page .btn02 {
  position: initial;
  width: initial;
  height: initial;
  margin-right: 0;
}

#content_inner #thread_postres1 .btnList .ajax_post_close:before,
#content_inner #thread_postres2 .btnList .ajax_post_close:before,
.bg-block #content.ok_page .btn02:before,
#content_inner #thread_postres1 .btnList .ajax_post_close:after,
#content_inner #thread_postres2 .btnList .ajax_post_close:after,
.bg-block #content.ok_page .btn02:after {
  display: none;
}

.bg-block #content.ok_page .btnListOk li {
  margin-right: 20px;
}

.ajax_post_body #content.ajax_post_area .btn02 {
  display: inline-block;
  min-width: 100px;
  padding: 7px 17px 8px;
  border: 1px solid #6f6f6f;
  border-left-color: #7b7b7b;
  border-top-color: #7b7b7b;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  background: #7b7b7b;
  box-shadow: none;
}

.ajax_post_body #content.ajax_post_area .btn02:hover,
.ajax_post_body #content.ajax_post_area .btn03:hover {
  cursor: pointer;
  opacity: .8;
}

#content.ajax_post_area .btn03 {
}

textarea:focus {
  box-shadow: inset 0 0 0 1px #f78789;
  outline: none;
}

.name_change_link {
  padding: 10px 0 5px 0;
}

/*----------------------------------------------------------------------------

  レスポンシブ対応(768px～)

---------------------------------------------------------------------------- */


@media screen and (min-width: 768px)  {

  .wrapper {
    position: relative;
    max-width: 768px;
    margin: 0 auto;
  }

  .header_spacer100 {
    margin-top: 130px;
  }

  .show_cursor_left #header_cursor_left,
  .show_cursor_right #header_cursor_right,
  .show_cursor_left:before,
  .show_cursor_right:after {
    display: none;
  }

  .category_area .category_other_trigger:before {
    top: 12px;
  }
  .category_area .category_other_trigger div:before,
  .category_area .category_other_trigger div:after {
    top: 14px;
  }

  .card_list .card {
    flex-basis: calc(50% - 5px);
  }

  .card_list_rank .card {
    flex-basis: 100%;
  }

  .card_list .card_box_next {
    margin-left: 0;
  }

  .card_list .card_box .card_lastres,
  .card_list .card_box .card_detail {
    margin-left: 0;
  }

  .card_list .card_box .card_detail time {
    display: inline;
    margin-top: 0;
  }

  .category_area ul {
    overflow: auto;
    height: auto;
    text-align: left;
    white-space: normal;
  }

  .category_area li a,
  .category_area .category_other_trigger {
    line-height: 36px;
  }

  .category_area li a:after,
  .category_area .category_other_hidden_trigger:after {
    top: 12px;
    height: 13px;
  }

  .category_area .category_other_hidden {
    height: 36px;
  }

  .category_area .category_other_hidden a {
    padding: 0;
  }

  .category_area .category_other_first:before {
    top: 15px;
  }


  #header_group_list ul li {
    width: 33%;
  }

  .TopicPath ol,
  .TopicPath ul {
    overflow: auto;
    white-space: normal;
    line-height: 1.6;
  }

  #grouplist {
    display: block;
  }

  .right_area_ad {
    display: none;
  }

  .fame h1 img {
    width: 424px;
    height: 126px;
  }

  .stats .stats_lower ul li {
    width: 25%;
    margin-bottom: 0;
  }

  .stats .stats_lower ul li:nth-of-type(2n):after {
    display: block;
  }

  .stats .stats_lower ul li:last-of-type:after {
    display: none;
  }

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

  .history_list li {
    width: 335px;
  }

}/*@media screen and (min-width: 768px)*/

@media screen and (min-width: 950px)  {
  .wrapper {
    max-width: 938px;
  }

  .wrapper_linner {
    max-width: 768px;
  }

  .wrapper_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  footer nav,
  footer #copy {
  	margin-left: -170px;
  }
}

@media screen and (min-width: 1010px)  {
  .header_spacer100 {
    margin-top: 130px;
  }
}

/*----------------------------------------------------------------------------

  付箋

---------------------------------------------------------------------------- */

.res-box .fusen {
  cursor: pointer;
  float: right;
  display: inline-block;
  padding: 6px 7px 0 0;
}

.res-box .fusen .fusen_set,
.mythread_li_upper_left .fusen_set {
  position: absolute;
  right: 3px;
  top: -6px;
  display: flex;
} 

.res-box .fusen .fusen_set li,
.mythread_li_upper_left .fusen_set li {
  width: 20px;
  height: 5px;
  margin-left: 3px;
  text-indent: -9999px;
}

.res-box .fusen .fusen_set .fusen_set_color1,
.mythread_li_upper_left .fusen_set .fusen_set_color1 { background: #ff6868; }
.res-box .fusen .fusen_set .fusen_set_color2,
.mythread_li_upper_left .fusen_set .fusen_set_color2 { background: #778eff; }
.res-box .fusen .fusen_set .fusen_set_color3,
.mythread_li_upper_left .fusen_set .fusen_set_color3 { background: #f3cf3c; }
.res-box .fusen .fusen_set .fusen_set_color4,
.mythread_li_upper_left .fusen_set .fusen_set_color4 { background: #3bce58; }
.res-box .fusen .fusen_set .fusen_set_color5,
.mythread_li_upper_left .fusen_set .fusen_set_color5 { background: #fd87ff; }

.res-box .fusen_popup {
  position: relative;
  background-color: #FFF;
}

.res-box .fusen_list {
  position: absolute;
  right: 0px;
  top: 28px;
  z-index: 100;
  max-width: 200px;
  min-width: 80px;
  padding: 5px 0;
  border: 1px solid #f7878a;
  background: #fff;
  box-shadow: 1px 1px 3px #ccc;
}

.res-box .fusen_list:before {
  content: '';
  position: absolute;
  right: 30px;
  top: -8px;
  display: block;
  margin-left: -3px;
  border: 3px solid transparent;
  border-bottom: 5px solid #f7878a;
}

.res-box .fusen_list li {
  padding: 5px 10px 5px 30px;
  background-position: 8px 5px;
  background-repeat: no-repeat;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*赤・青・黄・緑・ピンク*/
.res-box .fusen_list li:nth-of-type(1) { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%20150%20150%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%3Cg%20id%3D%22layer101%22%20fill%3D%22%23888888%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%2075%20l0%20-75%2049%200%20c73%200%20101%2026%20101%2096%20l0%2054%20-75%200%20-75%200%200%20-75z%22%2F%3E%20%3C%2Fg%3E%3Cg%20id%3D%22layer102%22%20fill%3D%22%23ff6868%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M10%2074%20l0%20-65%2028%203%20c19%202%2028%209%2030%2026%203%2018%2010%2022%2038%2022%2033%200%2034%201%2034%2040%20l0%2040%20-65%200%20-65%200%200%20-66z%22%2F%3E%20%3Cpath%20d%3D%22M80%2035%20c0%20-19%2011%20-19%2036%200%2018%2014%2018%2014%20-8%2015%20-18%200%20-28%20-5%20-28%20-15z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E'); }
.res-box .fusen_list li:nth-of-type(2) { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%20150%20150%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%3Cg%20id%3D%22layer101%22%20fill%3D%22%23777777%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%2075%20l0%20-75%2049%200%20c73%200%20101%2026%20101%2096%20l0%2054%20-75%200%20-75%200%200%20-75z%22%2F%3E%20%3C%2Fg%3E%3Cg%20id%3D%22layer102%22%20fill%3D%22%23778eff%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M10%2074%20l0%20-65%2028%203%20c19%202%2028%209%2030%2026%203%2018%2010%2022%2038%2022%2033%200%2034%201%2034%2040%20l0%2040%20-65%200%20-65%200%200%20-66z%22%2F%3E%20%3Cpath%20d%3D%22M80%2035%20c0%20-19%2011%20-19%2036%200%2018%2014%2018%2014%20-8%2015%20-18%200%20-28%20-5%20-28%20-15z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E'); }
.res-box .fusen_list li:nth-of-type(3) { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%20150%20150%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%3Cg%20id%3D%22layer101%22%20fill%3D%22%23999999%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%2075%20l0%20-75%2049%200%20c73%200%20101%2026%20101%2096%20l0%2054%20-75%200%20-75%200%200%20-75z%22%2F%3E%20%3C%2Fg%3E%3Cg%20id%3D%22layer102%22%20fill%3D%22%23f3cf3c%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M10%2074%20l0%20-65%2028%203%20c19%202%2028%209%2030%2026%203%2018%2010%2022%2038%2022%2033%200%2034%201%2034%2040%20l0%2040%20-65%200%20-65%200%200%20-66z%22%2F%3E%20%3Cpath%20d%3D%22M80%2035%20c0%20-19%2011%20-19%2036%200%2018%2014%2018%2014%20-8%2015%20-18%200%20-28%20-5%20-28%20-15z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E'); }
.res-box .fusen_list li:nth-of-type(4) { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%20150%20150%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%3Cg%20id%3D%22layer101%22%20fill%3D%22%23999999%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%2075%20l0%20-75%2049%200%20c73%200%20101%2026%20101%2096%20l0%2054%20-75%200%20-75%200%200%20-75z%22%2F%3E%20%3C%2Fg%3E%3Cg%20id%3D%22layer102%22%20fill%3D%22%233bce58%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M10%2074%20l0%20-65%2028%203%20c19%202%2028%209%2030%2026%203%2018%2010%2022%2038%2022%2033%200%2034%201%2034%2040%20l0%2040%20-65%200%20-65%200%200%20-66z%22%2F%3E%20%3Cpath%20d%3D%22M80%2035%20c0%20-19%2011%20-19%2036%200%2018%2014%2018%2014%20-8%2015%20-18%200%20-28%20-5%20-28%20-15z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E'); }
.res-box .fusen_list li:nth-of-type(5) { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%20150%20150%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%3Cg%20id%3D%22layer101%22%20fill%3D%22%23999999%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%2075%20l0%20-75%2049%200%20c73%200%20101%2026%20101%2096%20l0%2054%20-75%200%20-75%200%200%20-75z%22%2F%3E%20%3C%2Fg%3E%3Cg%20id%3D%22layer102%22%20fill%3D%22%23fd87ff%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M10%2074%20l0%20-65%2028%203%20c19%202%2028%209%2030%2026%203%2018%2010%2022%2038%2022%2033%200%2034%201%2034%2040%20l0%2040%20-65%200%20-65%200%200%20-66z%22%2F%3E%20%3Cpath%20d%3D%22M80%2035%20c0%20-19%2011%20-19%2036%200%2018%2014%2018%2014%20-8%2015%20-18%200%20-28%20-5%20-28%20-15z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E'); }

.res-box .fusen_list li:last-of-type {
  margin-bottom: 0;
}

.res-box .fusen_switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 6px 3px 0 0;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%20150%20150%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%3Cg%20id%3D%22layer101%22%20fill%3D%22%23aaaaaa%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%2075%20l0%20-75%2049%200%20c73%200%20101%2026%20101%2096%20l0%2054%20-75%200%20-75%200%200%20-75z%22%2F%3E%20%3C%2Fg%3E%3Cg%20id%3D%22layer102%22%20fill%3D%22%23f9f9f9%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M10%2074%20l0%20-65%2028%203%20c19%202%2028%209%2030%2026%203%2018%2010%2022%2038%2022%2033%200%2034%201%2034%2040%20l0%2040%20-65%200%20-65%200%200%20-66z%22%2F%3E%20%3Cpath%20d%3D%22M80%2035%20c0%20-19%2011%20-19%2036%200%2018%2014%2018%2014%20-8%2015%20-18%200%20-28%20-5%20-28%20-15z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}

.your_res .fusen_switch {
  position: relative;
  right: 55px;
}

#res_list .res-box {
  overflow: initial;
}

/*　マイページの付箋設定 .mythread_fusen */

.mythread_fusen p {
  margin : 10px;
}

.mythread_fusen ul {
  margin: 10px;
}

.mythread_fusen li {
  display: flex;
  max-width: 350px;
  height: 25px;
  margin-bottom: 10px;
  border : 1px solid #f7878a;
  border-radius: 3px;
}

.mythread_fusen li span {
  flex-grow: 1;
  height: 25px;
  line-height: 25px;
  padding-left: 6px;
}

.mythread_fusen li input[type="text"] {
  display: block;
  width: 100%;
  height: 25px;
  line-height: 25px;
  padding: 0;
  border: none;
}

.mythread_fusen li .edit_fusen {
  display: block;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
  border : none;
  border-left : 1px solid #f7878a;
  color: #fff;
  background: #f7878a;
}

.mythread_fusen li .edit_fusen:first-letter {
  letter-spacing: 5px;
}

.newth_popup_group_label {
  position: relative;
  display: inline-block;
  min-width: 50%;
  border: 1px solid #f7878a;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 5px 30px 5px 10px;
}

.newth_popup_group_label:after {
  content: '';
  position: absolute;
  right: 5px;
  top: 10px;
  border: 3px solid transparent;
  border-left: 5px solid #f7878a;
}

.newth_popup_group_label_on:after {
  right: 8px;
  border: 3px solid transparent;
  border-top: 5px solid #f7878a;
}

.newth_popup_mikle_list {
  display: none;
  padding-left: 40px;
}

.newth_popup_mikle_list li {
  padding-left: 30px;
  text-indent: -30px;
}

#newth_popup_target {
  float: right;
  display: inline-block;
  border: 1px solid #f7878a;
  border-radius: 5px;
  margin: 10px 0;
  padding: 5px 10px;
  text-indent: 0;
  text-decoration: none;
}

.newth_popup_checked_num {
  color: #af1b21;
  padding-left: 7px;
}


/*----------------------------------------------------------------------------

  ありがとうを贈るボタン

---------------------------------------------------------------------------- */

#content .btn_thanks {
	position: relative;
	float: right;
	display: inline-block;
}

#content .btn_thanks a, #content .thanked span {
	display: inline-block;
  margin-top: 2px;
	padding-left: 22px;
	font-size: 14px;
	text-decoration: none;
	background: url("/common/images/sympathy_off.png") no-repeat left center;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20fill%3D%22%23B2ACAC%22%20d%3D%22M12%2021.35l-1.45-1.32C5.4%2015.36%202%2012.28%202%208.5%202%205.42%204.42%203%207.5%203c1.74%200%203.41.81%204.5%202.09C13.09%203.81%2014.76%203%2016.5%203%2019.58%203%2022%205.42%2022%208.5c0%203.78-3.4%206.86-8.55%2011.54L12%2021.35z%22%2F%3E%3C%2Fsvg%3E');
  background-size: 20px;
}

#content .btn_thanks > a span {
       position: relative;
       display: inline-block;
       margin-left: 6px;
       padding: 4px 6px;
       line-height: 12px;
       border: 1px solid #888;
       border-radius: 6px;
       background: #fff;
}

#content .btn_thanks > a span:after {
       content: "";
       position: absolute;
       left: -3px;
       top: 8px;
       display: block;
       width: 3px;
       height: 3px;
       border: 1px solid #888;
       border-top: none;
       border-right: none;
       background: #fff;
       -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
           -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
               transform: rotate(45deg);
}

#content .thanked a,#content .thanked span {
	background: url("/common/images/sympathy.png") no-repeat left center;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20fill%3D%22%23f7878a%22%20d%3D%22M12%2021.35l-1.45-1.32C5.4%2015.36%202%2012.28%202%208.5%202%205.42%204.42%203%207.5%203c1.74%200%203.41.81%204.5%202.09C13.09%203.81%2014.76%203%2016.5%203%2019.58%203%2022%205.42%2022%208.5c0%203.78-3.4%206.86-8.55%2011.54L12%2021.35z%22%2F%3E%3C%2Fsvg%3E');
  background-size: 20px;
}

#content .thanks_ani {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 15px;
	z-index: 100000;
	background: no-repeat;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20fill%3D%22%23f7878a%22%20d%3D%22M12%2021.35l-1.45-1.32C5.4%2015.36%202%2012.28%202%208.5%202%205.42%204.42%203%207.5%203c1.74%200%203.41.81%204.5%202.09C13.09%203.81%2014.76%203%2016.5%203%2019.58%203%2022%205.42%2022%208.5c0%203.78-3.4%206.86-8.55%2011.54L12%2021.35z%22%2F%3E%3C%2Fsvg%3E');
	background-size: contain;
}



/*----------------------------------------------------------------------------

  弁護士保険ミカタ

---------------------------------------------------------------------------- */

.hoken_ad_str {
  max-width: 336px;
  line-height: 1.7;
  margin: 7px auto 10px;
  text-align: justify;
  font-size: 15px;
}

.hoken_ad_str a {
  font-weight: bold;
}