@charset "utf-8";

/* # body
---------------------------------------------------------------------------- */

body#post {
	min-width: 100px;
}

body.ajax_post_body {
	min-width: 100px;
/*	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 90%;*/
}


/* Table Of Contents
----------------------------------------

# head
# content

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

#content input[type="text"],
#content textarea {
	font-size: 16px !important;
}

#header-searchform input[type="text"] {
	font-size: 16px;
}

#content input:placeholder-shown,
#content textarea:placeholder-shown {
	letter-spacing: -1px;
}


/* # head
---------------------------------------------------------------------------- */

#content .mh01 {
	background: #b1be4b;
	border-bottom: 1px solid #d1d99e;
	padding: 2px 10px 2px;
	text-align: right;
}

#content .mh01 p {
	display: inline-block;
	vertical-align: middle;
}

#content .mh02 {
	background: #b1be4b;
	border-bottom: 1px solid #d1d99e;
	padding: 2px 5px 2px;
}

#content .mh02 p {
	display: inline-block;
	vertical-align: middle;
}

#content .again {
	padding: 0 0 0 3px;
}

#content .again a {
	background: url(/common/images/ico_arrow11.png) no-repeat 0 1px;
	padding: 0 0 0 15px;
}

p.select01 {
	background: url(/common/images/bg_select.png) no-repeat right center, -moz-linear-gradient(top, rgb(240,247,189) 0%, rgb(198,209,107) 100%);
	background: url(/common/images/bg_select.png) no-repeat right center, -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(240,247,189)),color-stop(100%, rgb(198,209,107)));
	background: url(/common/images/bg_select.png) no-repeat right center, -o-linear-gradient(top, rgba(240,247,189,1) 0%,rgba(198,209,107,1) 100%);
	background: url(/common/images/bg_select.png) no-repeat right center, -ms-linear-gradient(bottom, rgb(240,247,189) 0%, rgb(198,209,107) 100%);
	border: 1px solid #d5dc9b;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-box-shadow:  0 -1px 0 #97a240;
	-webkit-box-shadow:  0 -1px 0 #97a240;
	box-shadow: 0 -1px 0 #97a240;
	margin: 0 0 0 1px;
	width: 180px;
	overflow: hidden;
}

p.select01 select {
	background: transparent;
	border: none;
	color: #222;
	font-size: 12px;
	margin: 0 -12px 0 0;
	width: 192px;
	padding: 7px 2px 6px 2px;
   -webkit-appearance: none;
   	outline: none;
}

#content .mh04 {
	background: #b1be4b;
	border-bottom: 1px solid #d1d99e;
	clear: both;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 10px 7px;
}

#content .mh04 img {
	margin-right: 4px;
	vertical-align: middle;
}

#content .mh04 span {
	font-weight: bold;
	vertical-align: middle;
}

#content .mh05 {
	background: #e7ebc9;
	clear: both;
	color: #777;
	padding: 3px 10px 3px;
}

#content .mh05 img {
	margin-right: 4px;
	vertical-align: middle;
}

#content .mh05 span {
	font-weight: bold;
	vertical-align: middle;
}

.ad {
	padding-bottom: 10px;
}

#iosTitle {
	color: #f37fa1;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 6px;
}

/* # content
---------------------------------------------------------------------------- */

#content.ajax_post_area {
	position: relative;
}

#content.ajax_post_area .bh {
	padding: 2px 5px 2px;
	font-size: 15px;
}

#content.ajax_post_area div.searchBlock > ul > li {
	position: relative;
	border-bottom: none;
	margin-bottom: 15px;
	padding: 0 10px;
}

#content.ajax_post_area div.searchBlock > ul > li:last-of-type,
#content.ajax_post_area div.searchBlock > ul > li.upimage_area {
  margin-bottom: 5px;
}

.postArea02 p {
	word-wrap: break-word;
}

#content.ajax_post_area .postArea02 textarea {
	width: calc(100% - 2px);
	border-radius: 3px 3px 0 3px;
}

#content.ajax_post_area p.txtCounter {
	position: absolute;
	right: 10px;
	bottom: -11px;
	display: inline-block;
	height: 15px;
	line-height: 15px;
	padding: 0 5px;
	border-radius: 0 0 5px 5px;
	color: #fff;
	font-size: 11px;
	background: #f7878a;
}

#content.ajax_post_area .list_age_gender label {
	font-size: 15px;
	font-weight: normal;
}

#content .headTitle {
	background: url(/common/images/bg_head_title.gif) repeat center 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 1px 10px 1px;
	text-align: center;
}

/* .TopicPath */
#content .TopicPath {
	display:none;
}
.TopicPath ol {
	padding: 9px 3px 10px;
	background-color: #f8f8f8;
	overflow-x: scroll;
	white-space: nowrap;
	text-align: left;
}

.TopicPath ul {
	padding: 7px 3px;
	background-color: #f8f8f8;
	overflow-x: scroll;
	white-space: nowrap;
	text-align: left;
}

.TopicPath li {
	display: inline-block;
	margin-right: 10px;
}

.TopicPath li a {
	position: relative;
	display: block;
	padding: 0 8px 0 3px;
	text-decoration: none;
}

.TopicPath li a:before,
.TopicPath li a:after {
	content: "";
	position: absolute;
	right: -10px;
	top: 50%;
	display: block;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 5px solid transparent;
	border-right-width: 5px;
	border-left: 5px solid #000;
}

.TopicPath li a:after {
	right: -9px;
	border-left: 5px solid #f8f8f8;
}

.TopicPath li:last-of-type a:before,
.TopicPath li:last-of-type a:after {
	display: none;
}

#content .mb40 {
	margin-bottom: 20px;
}

#content .infoText,
.help_notice {
	padding: 10px 10px 0;
	margin-bottom: 10px;
}

#top #content .infoText,
.help_notice {
	position: relative;
	margin: 0 10px 10px;
	padding: 12px 7px 7px 7px;
	border: 1px solid #89ca00;
}

.help_notice {
	margin-top: 6px;
}

#content .infoText h2,
.help_notice h2 {
	position: absolute;
	top: -8px;
	left: 4px;
	display: inline-block;
	padding: 2px 5px 1px;
	border-radius: 8px;
	color: #fff;
	font-size: 12px;
	background: #89ca00;
}

#content .infoText p,
.help_notice p {
	padding: 0 0 10px 0;
}

body#top {
	padding-bottom: 44px;
}

#top #content .infoText p,
.help_notice p {
	padding: 0;
}

#content .infoText p span,
.help_notice p span {
	display: block;
	float: left;
	padding: 0 6px 0 0;
/*	width: 115px;*/
	width: 150px;

}

#content .infoText p:last-child span {
	padding: 0 12px 0 0;
	width: auto;
}

#content .rearrange span,
#content .icnHead01 span {
	background: #8b953b;
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #fff;
/*	font-size: 12px; */
	padding: 2px 7px 2px;
}

#content .icnHead01 {
	margin: 1px 0 0 0;
}

#content .noteTxt {
	/*background: #fae9ec;*/
	background: #fff3f4;
	margin-bottom: 17px;
	padding: 11px 9px 9px;
}

#content .noteTxt em {
	color: #ff0000;
}

#content p.error {
	color: #a62626;
	font-size: 15px;
	padding: 0 0 10px 0;
}

#content p.error a {
	text-decoration: underline;
	color: #a62626;
}

#content p.deleted {
	color:#ccc;
	padding: 0 0 10px 0;
}

#content .res-box p.deleted {
	font-size: 13px !important;
	margin-bottom: 10px;
}


#content .headText {
	font-size: 14px;
	padding: 12px 10px 10px;
}

.alignCenter {
	text-align: center;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

#content ul.resList01 li {
	width: auto;
	border-bottom: 1px solid #e7ebc9;
	background-color: #fff;
}

#content ul.resList01 li:last-child {
	border: none;
}

#content ul.resList01 li .thumb {
	display: table-cell;
	width: 57px;
	padding-right: 7px;
	vertical-align: middle;
}

#content ul.resList01 li .thumb img {
	border-radius: 3px;
	background: url(/common/images/panda_face.png) no-repeat;
	background-size: 53px;
}

#content ul.resList01 li .thumb_right {
	display: table-cell;
	height: 51px;
	vertical-align: middle;
}

#content ul.resList01 li a {
	background: url(/common/images/ico_arrow02.png) no-repeat right center;
	display: table;
	table-layout: fixed;
	line-height: 1;
	width: 100%;
	width: calc(100% - 36px);
	padding: 10px 26px 10px 10px;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
	border-bottom: 1px solid #e7ebc9;
}

#content ul.resList01 li a:visited,
#content .resBlock ul.resList02 li a:visited,
#content ul.resList04 li a:visited,
#content .resBlock ul.resList05 li a:visited,
#content .tagList01 li a:visited,
#TabPanel01 ul.resList04 li a:visited,
#footer .footerNav li a:visited,
#top #content #attention li > a:visited,
.threadList li .threadListRightArea a:visited {
	color: #a62626;
}
#content ul.resList01 .delete {
	display: block;
	line-height: 1;
	padding: 10px 26px 10px 10px;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
}

#content ul.resList01 li .lastResTitle {
	display: inline-block;
	width: 100%;
	margin-bottom: 2px;
	border-radius: 4px;
	vertical-align: bottom;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
}

#content ul.resList01 li .lastResText {
	position: relative;
	width: 100%;
	padding-left: 7px;
	color: #000;
	font-size: 11px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#content ul.resList01 li .lastResText:after {
	content: "";
	position: absolute;
	left: 1px;
	top: 50%;
	display: block;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-radius: 5px;
	background: #404040;
	box-shadow: inset 1px 1px 0 #000;
}

#content ul.resList01 li a span {
/*	color: #555;*/
	font-size: 14px;
	overflow: hidden;
	word-wrap: break-word;
}

#content ul.resList01 li a span.dateTime {
	color: #555;
	font-size: 12px!important;
}

#content ul.resList01 li a span:last-child {
	font-size: 12px;
}

#content ul.resList01 .resList01_pr a {
	position: relative;
	height: 50px;
	line-height: 50px;
	color: #758213;
	text-align: center;
}

#content ul.resList01 .resList01_pr a:after {
	content: "PR";
	display: inline-block;
	position: absolute;
	left: 2px;
	top: 2px;
	line-height: 16px;
	border-radius: 0 0 5px 0;
	padding: 0 5px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 3px;
	background: #C4CC87;
}

#content ul.resList02 li {
	border-bottom: 1px solid #e7ebc9;
	position: relative;
	width: auto;
}

#content ul.resList012 li:last-child {
	border: none;
}

#content ul.resList02 li a {
	background: url(/common/images/ico_arrow02.png) no-repeat right center;
	display: block;
	padding: 9px 25px 7px 10px;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}

#content ul.resList02 li a span {
	color: #555;
	font-size: 10px;
}

#content ul.resList02 li a span:last-child {
	position: absolute;
	right: 25px;
	bottom: 6px;
	width: 60px;
}

#content ul.resList04 li {
	/*position: relative;*/
	background: #fff;
	border-bottom: 1px solid #AFC22A;
	/*display: table;
	width: 100%;*/
}

#content ul.resList04 li:first-of-type {
	border-radius: 5px 5px 0 0;
}

#content ul.resList04 li:nth-last-of-type(2) {
	border-radius: 0 0 5px 5px;
}

#content ul.resList04 li .thumb {
	display: table-cell;
	width: 57px;
	padding-right: 7px;
	vertical-align: middle;
}

#content ul.resList04 li .thumb_right {
	display: table-cell;
	width: 100%;
	height: 51px;
	vertical-align: middle;
}

#content ul.resList04 li .thumb_right .titleTextBold {
  display: inline-block;
  width: calc(100% - 10px);
  margin-bottom: 2px;
  border-radius: 4px;
  vertical-align: bottom;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}

#content ul.resList04 li div.more {
	background-color: #AFC22A;
	padding: 5px 0;
}

#content ul.resList04 li a {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	width: calc(100% - 22px);
	padding: 7px 15px 7px 7px;
	font-size: 14px;
	text-decoration: none;
	background: url(/common/images/ico_arrow02.png) no-repeat right center;
}

#content ul.resList04 li a img {
	max-width: none;
	border: 2px solid #AFC22A;
	border-radius: 3px;
}

#content ul.resList04 li div.more a {
	background-color: #FFFFFF;
	display: block;
	border-radius: 5px;
	padding:5px 10px;
}

#content ul.resList04 li a span {
/*	color: #555;*/
	font-size: 14px;
}

#content ul.resList04 li .lastResTitle {
	display: inline-block;
	width: calc(100% - 10px);
	margin-bottom: 2px;
	border-radius: 4px;
	vertical-align: bottom;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
}

#content ul.resList04 li .lastResText {
	position: relative;
	padding-left: 7px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
	font-size: 11px;
}

#content ul.resList04 li .lastResText:after {
	content: "";
	position: absolute;
	left: 1px;
	top: 50%;
	display: block;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-radius: 5px;
	background: #404040;
	box-shadow: inset 1px 1px 0 #000;
}

#content ul.resList05 li {
	width: auto;
	border-bottom: 1px solid #e7ebc9;
}

#content ul.resList05 li div.more {
	background-color: #e7ebc9;
	padding:5px;
	border-bottom:1px solid #FFFFFF;
}

#content ul.resList05 li a {
	position: relative;
	background: url(/common/images/ico_arrow02.png) no-repeat right center;
	display: block;
	padding: 7px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
}

#top #content ul.resList05 li div.more a {
	background-color: #FFFFFF;
	display: block;
	border-radius: 5px 5px 5px 5px;
	padding:5px 10px;
}

#content ul.resList05 li a span {
/*	color: #555;*/
	font-size: 14px;
}

#content ul.resList05 li a span.threadListInfo {
	color: #8E8E8E;
	font-size: 0.8em;
}

#content ul.resList05 li a span.res_cnt {
	position: relative;
	left: 2px;
	top: -3px;
	display: inline-block;
	padding: 0 6px;
	border-radius: 20px;
	color: #fff;
	background: #6EA62B;
}

#content ul.resList05 li a span.res_cnt:before {
	content: '';
	position: absolute;
	bottom: -3px;
	right: 6px;
	width: 8px;
	height: 5px;
	border-radius: 0 0 25px 25px;
	background: #6EA62B;
}

#content ul.resList05 li a span.res_cnt:after {
	content: '';
	position: absolute;
	bottom: -4px;
	right: 9px;
	width: 12px;
	height: 4px;
	border-radius: 0 0 25px 25px;
	background: #fff;
}



/* .rows_color_list
---------------------------------------------------------------------------- */

#content .rows_color_list {
	margin: 15px 0 15px;
}

#content .rows_color_list:nth-of-type(1) {
	margin: 10px 5px;
}

#content .rows_color_list h2 {
	padding: 8px 35px;
	color: #fff;
	font-size: 1.3em;
	text-shadow: 1px 1px 0 #ef8786;
	background: #F79291 url(/common/images/attention_h2.png) no-repeat 11px 10px;
}

#content .rows_color_list li {
	position: relative;
	background: #fff;
}

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

.rows_color_list li a {
	display: table;
	width: 100%;
	padding: 5px 0 4px 0;
	font-size: 14px;
	text-decoration: none;
	/*text-shadow: 1px 1px #FFE4E4;*/
}

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

#content .rows_color_list li > a img {
	/*width: 53px;*/
	border: 2px solid #FBF4F4;
	border-radius: 3px;
}

#content .rows_color_list li > a .attention_li_thumb {
	display: table-cell;
	width: 57px;
	padding-left: 6px;
	vertical-align: middle;
}

#content .rows_color_list li > a .attention_li_thumb_right {
	display: table-cell;
	height: 51px;
	padding: 0 6px 0 10px;
	line-height: 1.5;
	font-weight: bold;
	vertical-align: middle;
}

#content .rows_color_list li a .threadListTitle {
	color: #1F0101;
	font-weight: bold;
	vertical-align: middle;
}

#content .rows_color_list li a:visited .threadListTitle {
	color: #B9246A;
}

#content .rows_color_list li a .threadListInfo {
	padding-top: 4px;
	color: #B76B6B;
	font-size: .8em;
	text-decoration: none;
	text-shadow: none;
}

#content .rows_color_list li .res_cnt {
	position: relative;
	left: 5px;
	display: inline-block;
	padding: 0 6px;
	border-radius: 20px;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	background: #F15E5D;
}

#content .rows_color_list li .res_cnt:before {
	content: '';
	position: absolute;
	top: -4px;
	right: 6px;
	width: 6px;
	height: 5px;
	border-radius: 0 25px 0 0;
	background: #F15E5D;
}

#content .rows_color_list li .res_cnt:after {
	content: '';
	position: absolute;
	top: -4px;
	right: 10px;
	width: 12px;
	height: 4px;
	border-radius: 0 16px 10px 0;
	background: #fff;
}

#content .rows_color_list li.more {
	padding: 10px;
	text-align: center;
}

.rows_color_list .more a {
	display: inline-block;
	width: 70%;
	width: calc(100% - 50px);
	padding: 7px 13px;
	border-radius: 4px;
	/*box-shadow: 1px 1px 0 #A24040;*/
	color: #fff;
	text-shadow: none;
	text-decoration: none;
	letter-spacing: 2px;
	background: #E46060;
}

/* .color_list_blue
---------------------------------------------------------------------------- */

#content .color_list_blue {
	margin-bottom: 20px;
}

#content .color_list_blue h2 {
	background: #00cfe4 url(/common/images/news_h2.png) no-repeat 9px 10px;
	background-size: 20px 20px;
	text-shadow: 1px 1px 0 #069aa9;
}

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

#content .color_list_blue li .res_cnt,
#content .color_list_blue li .res_cnt:before {
	background: #069aa9;
}

.color_list_blue .more a {
	background: #0acbde;
	/*box-shadow: 1px 1px 0 #005861;*/
}

#content .color_list_blue li a .threadListInfo {
	color: #038592;
}

#content #recommend_thread_bottom h2 {
	/*background-color : #3CCE7D;*/
	border-radius: 0;
	background-color : #1edaa6;
	text-shadow: 1px 1px 0 #1dd2a0;
}

#content #recommend_thread_bottom li,
#content #recommend_thread_bottom li .res_cnt:after {
	background: #fff;
}

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

#content #recommend_thread_bottom li a {
	text-shadow: 1px 1px #F4FFF9;
}

#content #recommend_thread_bottom li a .threadListTitle {
	color: #0A1F01;
}

#content #recommend_thread_bottom li a .threadListInfo {
	color: #6E8E43;
}

#content #recommend_thread_bottom li .res_cnt,
#content #recommend_thread_bottom li .res_cnt:before {
	background: #0daf82;
}



#content .navBlock01 {
	background: #f5f5f5;
	margin-bottom: 10px;
	padding: 10px;
}

#content .navBlock02 {
	background: #e7ebc9;
	margin-bottom: 10px;
	padding: 10px;
}

#content .navList01,
#content .navList03 {
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content .navList01 li,
#content .navList03 li {
	border-top: 1px solid #eaeaea;
}

#content .navList01 li:first-child,
#content .navList03 li:first-child {
	border-top: none;
}

#content .navList01 li a,
#content .navList03 li a {
    background: url(/common/images/ico_arrow02.png) no-repeat right center;
	color: #555;
    display: block;
    font-size: 14px;
    padding: 11px 14px;
    text-decoration: none;
}

#content .navList01 li a img {
	margin-right: 5px;
}

#content .navList01 li a span {
	font-size: 10px;
}

#content .postArea01, #ajax_post {
	border-radius: 5px;
	margin: 11px 10px;
	padding: 8px 8px 15px;
	background: #fff3f4;
}

#content .postArea01 .postTitle, #ajax_post .postTitle {
	margin: 4px 0 4px 2px;
	padding-left: 19px;
	color: #f37d85;
	font-size: 16px;
	font-weight: bold;
	background: url(/common/images/ico_pen.png) no-repeat 0 2px;
}

#content .postArea01 p textarea,
#ajax_post p textarea {
	border: 1px solid #f7878a;
	border-radius: 5px;
	color: #222;
	font-size: 14px;
	margin: 0 0 5px 2px;
	height: 24px;
	line-height: 1.5;
	padding: 5px 7px;
	width: 93%;
	width: calc(100% - 20px);
}

#content .postArea02 textarea {
	border: 1px solid #f78789;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*box-shadow: 0 0 0 2px #f4cdd8;*/
	color: #222;
	font-size: 14px;
	margin: 0 0 3px 2px;
	min-height: 102px;
	padding: 5px 7px;
	width: 90%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}

#content .postArea01 .blockText, #ajax_post .blockText {
	padding: 0 2px 0 3px;
}

#content .postArea01 p.icoLinkList02, #ajax_post p.icoLinkList02 {
	background: url(/common/images/ico_arrow01.gif) no-repeat 0 2px;
	float: left;
	padding-left: 15px;
}

img.uploadtmp {
	max-width: 100%;
	max-height: 320px;
}

.uploadtmp_caution,
.image_ctl {
	display: none;
}

/*
開閉をなくしたためコメントアウト
#content p.icoLinkList04 {
	background: url(/common/images/ico_arrow12.png) no-repeat 0 2px;
	margin: 0 10px 15px;
	padding: 0 0 0 15px;
}

#content p.icoLinkList04 {
	background: url(/common/images/ico_arrow12.png) no-repeat 0 2px;
	margin: 0 10px 15px;
	padding: 0 0 0 15px;
}

#content p.active {
	background: url(/common/images/ico_arrow12_o.png) no-repeat 0 2px;
}

#content p.icoLinkList05 {
	background: url(/common/images/ico_arrow01.gif) no-repeat 0 2px;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
}
*/

#content p.icoLinkList {
	background: url(/common/images/ico_arrow12.png) no-repeat 0 2px;
	margin: 0 10px 15px;
	padding: 0 0 0 15px;
}

#content p.txtCounter {
	padding: 0 10px 0 0;
	text-align: right;
	color: #a62626;
	font-size: 9px;
}

.post_loading {
	text-align: center;
	display: none;
}
.post_loading img {
	vertical-align: middle;
	width: 40px;
	height: 40px;
}

#content .postArea01 .postBtn, #ajax_post .postBtn {
	padding: 2px 2px 0 0;
	text-align: right;
}



#content .postArea01 .postBtn button, #ajax_post .postBtn button {
	/*background-image: -moz-linear-gradient(top, rgb(218,60,155) 0%, rgb(168,39,100) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(218,60,155)),color-stop(100%, rgb(168,39,100)));
	background-image: -o-linear-gradient(top, rgba(218,60,155,1) 0%,rgba(168,39,100,1) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(218,60,155) 0%, rgb(168,39,100) 100%);
    -moz-box-shadow: inset 0 0 1px 1px #e678ba;
	-webkit-box-shadow: inset 0 0 1px 1px #e678ba;
	box-shadow: inset 0 0 1px 1px #e678ba;
    background-repeat: no-repeat;*/
	display: inline-block;
	width: 100px;
	border: 1px solid #ea7d80;
	border-left-color: #f7878a;
	border-top-color: #f7878a;
	border-radius: 5px;
	padding: 3px 2px 4px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	box-shadow: none;
	background: #f78789;
}

#content .postArea01 .postBtn button {
	width: auto;
	padding: 3px 12px 4px;
	letter-spacing: 3px;
	text-indent: 3px;
}

#ajax_post {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	margin: 0;
	border-radius: 5px 5px 0 0;
}

#content .btnList {
	width: 300px;
	margin: 0 auto 5px;
	text-align: center;
}

#content.ajax_post_area .btnList {
	margin: 0 auto;
	width: auto;
	text-align: center;
}

#content.ajax_post_area .btnListOk li {
	display: block;
	margin-bottom: 10px;
}

#content.ajax_post_area .btnListOk li:last-of-type {
	margin-bottom: none;
}

#content .btnList2 {
	margin: 0 auto;
	width: 300px;
}
#content .btnListRes {
	margin: 0 auto 13px;
	width: 300px;
	text-align: right;
	font-size: 14px;
}

#content .btnList p {
	padding-bottom: 5px;
}

#content .btnText {
	font-weight:bold;
}

#content.ajax_post_area .btnList p {
	text-align: center;
}

.general_block .btn01,
#content .btn01 {
	background-image: -moz-linear-gradient(top, rgb(249,249,249) 0%, rgb(239,239,239) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(249,249,249)),color-stop(100%, rgb(239,239,239)));
	background-image: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(239,239,239,1) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(239,239,239) 100%);
	-moz-box-shadow: inset -1px -1px 1px #fff;
	-webkit-box-shadow: inset -1px -1px 1px #fff;
	box-shadow: inset -1px -1px 1px #fff;
	background-repeat: no-repeat;
	border: 1px solid #b9b9b9;
	border-top: 1px solid #d1d1d1;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
	padding: 9px 2px;
	text-shadow: 1px 1px 1px #fff;
	text-align: center;
	text-decoration: none;
	width: 294px;
	max-width: 98%;
}

#content.ajax_post_area .btn01 {
	width: auto;
	margin: 8px auto 0;
	padding: 9px 20px;
	text-shadow: none;
}

#post_btn .btn01,
#content.ajax_post_area .btn01 {
	border: 1px solid #bf273e;
	border-top: 1px solid #e44f7d;
	color: #fff;
	text-shadow: 1px 1px 1px #9c133b;
	background: #f54b80;
	/*background: -moz-linear-gradient(top, #f37fa1 0%, #e2507b 100%);
	background: -webkit-linear-gradient(top, #f37fa1 0%, #e2507b 100%);
	background: linear-gradient(to bottom, #f55f76 0%, #ec3753 100%);*/
	-moz-box-shadow: inset -1px -1px 1px #ff759f;
	box-shadow: inset -1px -1px 1px #ff759f;
}

.btnList li {
	display: inline;
	margin-right: 10px;
}

#content .btnList li:first-child {
	/*padding-right: 2px;*/
}

.btnList li:last-child {
	/*float: right;*/
	margin-right: 0;
}

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

.btnList_2col li {
	display: table-cell;
	width: 50%;
	text-align: center;
}

.btnList_2col li:first-child {
	padding-right: 5px;
	text-align: right;
}

.btnList_2col li:last-child {
	float: none;
	padding-left: 5px;
	text-align: left;
}

#content.ajax_post_area li:last-child {
	float: none;
}

.general_block .btn02,
#content .btn02 {
	/*background-image: -moz-linear-gradient(top, rgb(249,249,249) 0%, rgb(239,239,239) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(249,249,249)),color-stop(100%, rgb(239,239,239)));
	background-image: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(239,239,239,1) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(239,239,239) 100%);*/
    /*-moz-box-shadow: inset -1px -1px 1px #fff;
	-webkit-box-shadow: inset -1px -1px 1px #fff;
	box-shadow: inset -1px -1px 1px #fff;*/
	/*border-top: 1px solid #d1d1d1;*/
    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;
}

#content.ajax_post_area .btn02 {
	width: auto;
	padding: 9px 20px;
}

#content.ajax_post_area .btnListOk .btn02 {
	display: block;
	margin: 0 20px;
}

#content.ajax_post_area .btn02:hover {
	background-image: -moz-linear-gradient(top, rgb(218,60,155) 0%, rgb(168,39,100) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(218,60,155)),color-stop(100%, rgb(168,39,100)));
	background-image: -o-linear-gradient(top, rgba(218,60,155,1) 0%,rgba(168,39,100,1) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(218,60,155) 0%, rgb(168,39,100) 100%);
	-moz-box-shadow: inset 0 0 1px 1px #e678ba;
	-webkit-box-shadow: inset 0 0 1px 1px #e678ba;
	box-shadow: inset 0 0 1px 1px #e678ba;
	background-repeat: no-repeat;
	border: 1px solid #c26690;
	color: #fff;
	text-shadow: none;
}

.general_block .btn03,
#content .btn03 {
  display: inline-block;
  width: 141px;
  padding: 7px 2px 8px;
  border: 1px solid #ea6b6d;
  border-top: 1px solid #e44f7d;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px #b91f4c;
  color: #fff;
  font-size: 14px;
  /*background-image: -moz-linear-gradient(top, rgb(255, 119, 161) 0%, rgb(245,75,128) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(255, 119, 161)),color-stop(100%, rgb(245,75,128)));
  background-image: -o-linear-gradient(top, rgba(255, 119, 161,1) 0%,rgba(245,75,128,1) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(255, 119, 161) 0%, rgb(245,75,128) 100%);
  background-repeat: no-repeat;*/
  background: #f7878a;
}

.general_block .btn03,
#content .btn03 {
  border: 1px solid #ea6b6d;
  border-top: 1px solid #ff8cb2;
  text-shadow: none;
  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 );
  background: #f7878a;
}

.general_block .btn04,
#content .btn04 {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #f72f59;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-shadow: -1px -1px 0 #d42146;
	letter-spacing: 1px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(255, 74, 112)),color-stop(100%, rgb(232, 55, 92)));
	background-image: -o-linear-gradient(top, rgba(255, 74, 112,1) 0%,rgba(232, 55, 92,1) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255, 74, 112) 0%, rgb(232, 55, 92) 100%);
}

#content.ajax_post_area .btn03 {
	width: auto;
	padding: 9px 20px;
}

#content .add_thread_button {
	width: 294px;
	margin-top: 5px;
	text-indent: -1em;
}

#content .btn01 img {
	margin-right: 5px;
	vertical-align: middle;
}

#content .btn02 img {
	margin-right: 4px;
	vertical-align: middle;
}

#content .btn01 span,
#content .btn02 span {
	vertical-align: middle;
}

#content .searchBox {
	margin: 16px 12px 10px 12px;
	padding: 2px;
	border: 1px solid #f7878a;
	border-radius: 5px;
	background: #fff;
}

#content .searchBox input[placeholder] {
  display: inline-block;
  width: 65%;
  width: calc(100% - 70px);
  /*line-height: 30px;*/
  height: 39px;
  line-height: 39px;
  margin: 0;
  padding: 0 0 0 3px;
  border: none;
  font-size: 14px;
  letter-spacing: 1px;
  background: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#content .searchBox input[placeholder]::-webkit-input-placeholder {
	color: #ccc;
}

#content .searchBox input[placeholder]:-moz-placeholder {
	color: #ccc;
}

#content .searchBox button {
	display: inline-block;
	float: right;
	width: 61px;
	padding: 4px 2px 3px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

#content .searchBox button {
	display: block;
	margin: 3px auto 0;
	padding: 0;
	line-height: 30px;
	border-radius: 8px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 3px;
	background: #f7878a;
}

#content ul.linkList01 {
	clear: both;
	padding: 0 0 0 21px;
}

#content ul.linkList01 li {
	float: left;
	padding: 0 29px 8px 0;
	width: auto;
}

#content ul.icnLinkList01 {
	clear: both;
	text-align: right;
	padding: 2px 10px 13px 10px;
}

#content ul.icnLinkList01 li {
	background: url(/common/images/ico_arrow01.gif) no-repeat 0 center;
	display: inline-block;
	padding: 0 7px 0 15px;
}

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

#content .pagbute01 {
	background: #e7ebc9;
	clear: both;
	margin: 0 0 10px 0;
	padding: 4px 10px;
}
#content .pagbute01  .pagbute01_Inner{
	margin:0 auto;
	width: 300px;
	text-align: center;
}

#content .pagbute01 .pageInner {
	margin: 0 auto;
	width: 302px;
}

#content .pagbute01 p.first {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
}

#content .pagbute01 p.first span,
#content .pagbute01 p.first a {
	background: #fff url(/common/images/ico_arrow06.png) no-repeat 3px center;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	padding: 14px 0 14px 10px;
	text-align: center;
	display: block;
	text-decoration: none;
/*	text-indent: -9999px; */
}



#content .pagbute01 p.first span {
	background: #f3f5e4 url(/common/images/ico_arrow06.png) no-repeat 3px center;
	color: #8c8e7d;

}

#content .pagbute01 p.first a img {
	vertical-align: middle;
}

#content .pagbute01 p.previous {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	margin: 0 8px 0 15px;

}

#content .pagbute01 p.previous span,
#content .pagbute01 p.previous a {
	background: #fff url(/common/images/ico_arrow03.png) no-repeat 3px center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	text-align: center;
	padding: 14px 0 14px 5px;
	display: block;
	text-decoration: none;
}

#content .pagbute01 p.previous span {
	background: #f3f5e4 url(/common/images/ico_arrow03.png) no-repeat 5px center;
	color: #8c8e7d;
}


#content .pagbute01 p.page {
/*
	background: #f3f5e4;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
*/
	display: inline-block;
	font-size: 15px;
	line-height: 1.1;
	padding: 5px 0;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

#content .pagbute01 p.page span {
	color: #8b953b;
	font-size: 15px;
	font-weight: bold;
	padding: 0 1px 0 0;
}

#content .pagbute01 p.next {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	margin: 0 15px 0 8px;
}

#content .pagbute01 p.next span,
#content .pagbute01 p.next a {
	background: #fff url(/common/images/ico_arrow08.png) no-repeat right center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	text-align: center;
	padding: 14px 5px 14px 0;
	display: block;
	text-decoration: none;
}

#content .pagbute01 p.next span {
	background: #f3f5e4 url(/common/images/ico_arrow08.png) no-repeat right center;
	color: #8c8e7d;
}

#content .pagbute01 p.last {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
}

#content .pagbute01 p.last span,
#content .pagbute01 p.last a {
	background: #fff url(/common/images/ico_arrow07.png) no-repeat 38px center;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
    padding: 14px 15px 14px 0;
	text-align: center;
	display: block;
	text-decoration: none;
/*	text-indent: -9999px; */
}


#content .pagbute01 p.last span {
	background: #f2f5e6 url(/common/images/ico_arrow07.png) no-repeat 38px center;
	color: #8c8e7d;

}

#content .pagbute01 div.sakusaku_mode a {
	background: #fff center;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	text-align: center;
	display: block;
	padding:6px;
	text-decoration: none;
/*	text-indent: -9999px; */
	width:286px;
	margin: 0 auto;
	margin-bottom:2px;
}


#content .pagbute01 div.non_sakusaku_mode {
	background: #F2F5E6 center;
	color: #8C8E7D;

	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	text-align: center;
	padding:6px;
	display: block;
	text-decoration: none;
/*	text-indent: -9999px; */
	width:286px;
	margin: 0 auto;
	margin-bottom:2px;
}


#content .logTxt  {
	position: relative;
	background: #f4f4f4;
	font-size: 12px;
	margin: 0 0 6px;
	padding: 8px 10px;
}

#content .logTxt2  {
	background: #E58FA8;
	font-size: 12px;
	margin: 0 0 14px 0;
	padding: 8px 10px;
}

#content .logTxt span {
	padding: 0 5px 0 0;
}

.jfontsize-button {
	position: absolute;
	top: 1px;
	right: 6px;
}

#jfontsize-minus {
	right: 46px;
}

#content .post_data {
	position: relative;
	line-height: 1.2;
	max-width: calc(100% - 105px);
	margin: 0 0 16px;
	padding: 0 10px;
	color: #666;
	font-size: 12px;
}

#content div.post_data {
	margin-bottom: 7px;
}

#content .post_data .post_data_right {
	position: absolute;
	right: 10px;
	bottom: -13px;
}

#content .post_data .post_data_right .post_data_right_violate {
	position: relative;
	right: 5px;
	bottom: 5px;
}

#content .post_data .post_data_right a {
	display: inline-block;
}

#content .post_data2 {
	color: #fff;
	font-size: 14px;
	margin: 0 0 12px 0;
	line-height: 1.5;
	padding: 0 10px;
}

#content .thread_postadd {
	margin: 0 13px 10px;
}

#content .postExcerpt {
	clear:both;
	line-height: 1.5;
	margin: 0 0 16px;
	padding: 0 13px;
	text-align: justify;
	font-size: 133%;
	word-wrap: break-word;
}

#content .thread_body_half {
  overflow: hidden;
  position: relative;
  max-height: 150px;
  margin-bottom: 0;
}

.thread_body_half:after{
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  width: calc(100% - 26px);
  height: 60%;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

#content .res_body_half {
	overflow: hidden;
	position: relative;
	max-height: 140px;
	min-height: 110px;
	margin-bottom: 0;
}

.res_body_half:after{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60%;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(248,248,248,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(248,248,248,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(248,248,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8f8f8', endColorstr='#f8f8f8',GradientType=0 );
}

#thread_body_open {
  text-align: center;
  margin-bottom: 20px;
}

#thread_body_open a {
  position: relative;
  display: inline-block;
  padding: 7px 25px 7px 35px;
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  color: #666;
  font-size: 16px;
  text-decoration: none;
}

#thread_body_open a:after {
  content: '';
  position: absolute;
  top: 15px;
  left: 21px;
  border: 3px solid transparent;
  border-top: 5px solid #a0a0a0;
}

#content .tagList01 {
	padding: 0 10px 10px;
}

#content .tagList01 p {
	float: left;
	width: auto;
	padding: 1px 6px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	/*background: #e58fa8;*/
	background: #a0a0a0;
}

#content .tagList01 ul {
	margin: 0 0 0 14px;
	float: left;
	width: auto;
}

#content .tagList01 ul li {
	float: left;
	padding: 0 17px 0 0;
	width: auto;
	font-size: 12px;
}

#content .iconLinkList03 {
	background: #fae9ee;
	clear: both;
	margin: 15px 0;
	padding: 5px 10px 6px 10px;
	text-align: center;
}

#content .iconLinkList03 li {
	display: inline-block;
	padding: 0 0 0 7px;
	width: auto;
}

#content .iconLinkList03 li img {
	margin: 0 6px 0 0;
	vertical-align: middle;
}
#content .iconLinkList04 {
	background: #f8bcce;
	clear: both;
	margin: 0;
	padding: 5px 10px 6px 10px;
	text-align: right;
}
#content .iconLinkList04 li {
	display: inline-block;
	padding: 0 0 0 7px;
	width: 80px;
}
#content .iconLinkList04 li a{
	color: #fff;
	font-weight: bold;
}
#content .iconLinkList04 li img {
	margin: 0 6px 0 0;
	vertical-align: middle;
}
#content .post  {
	border-top: 1px solid #a62662;
	/*padding-bottom:4px;
	border-bottom: 1px solid #a62662;*/
}

#content .post .PostBody {
	line-height: 1.5;
	padding: 10px 13px 0;
	text-align: justify;
	font-size: 133%;
	word-wrap: break-word;
	background-color: #ffffff;
}

#content .PostLinkList01 {
	margin: 10px 10px 6px 0;
	padding: 0;
	text-align: right;
}

#content .PostLinkList01 li {
	height: 22px;
	line-height: 22px;
	margin:0 0 6px 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#content .PostLinkList01 li:last-of-type {
	margin-left: 0;
}

#content .PostLinkList01 li.btn_postres,
#content .PostLinkList01 li.btn_del,
.btn-violate-li {
	float: right;
	display: inline-block;
	padding-top: 1px;
}

#content .PostLinkList01 li.btn_del {
	padding-bottom: 1px;
}

#content .PostLinkList01 > ul {
  margin-left: 5px;
}

#content .btn_postres a {
	display: inline-block;
  padding-left: 18px;
  border-bottom: 1px solid #f78789;
	vertical-align: bottom;
  text-decoration: none;
  color: #f78789;
background: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Ecreate%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2014.2V18h3.8l11-11.1L11%203.1%200%2014.2zM17.7%204c.4-.4.4-1%200-1.4L15.4.3c-.4-.4-1-.4-1.4%200l-1.8%201.8L16%205.9%2017.7%204z%22%20fill%3D%22%23f78789%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;
	background-size: 16px 16px;
}

#content .PostLinkList01 .btn_del a {
	display: inline-block;
	padding-left: 18px;
	vertical-align: bottom;
	text-decoration: none;
	color: #999;
	font-size: 0.9em;
	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 left center;
	background-size: 18px 18px;
}

#content .postNav {
	padding: 0 0 13px 0;
	text-align: center;
}

#content .postNav p {
	background: #b1be4b;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #fff;
	display: inline-block;
	font-size: 9px;
	font-weight: bold;
	padding: 1px 6px 1px 6px;
	text-align: center;
	vertical-align: middle;
}

#content .postNav ul {
	display: inline-block;
	padding: 0 0 0 4px;
	vertical-align: middle;
}

#content .postNav ul li {
	display: inline-block;
	border-right: 1px solid #c8c8c8;
	box-shadow: 1px 0 0 #595959;
	margin: 0 4px 0 0;
    padding: 0 9px 0 0;
	line-height: 1;
}

#content .postNav ul li:last-child {
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

#content .nores{
	color: #A62626;
	font-size: 110%;
	font-weight:bold;
	padding: 10px 13px 10px;
}

#alertView {
	display: none;
	width: 271px;
	position: fixed;
	top: 35%;
	left: 50%;
	margin-left: -166px;
	border: 2px solid rgba(236, 237, 237, 0.9);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: rgb(11,27,68);
	background:  rgba(11,27,68, 1) ;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	overflow:hidden;
	z-index: 2000;
}

#alertView div#shine {
	position: absolute;
	top: -1514px;
	height: 1570px;
	width: 1650px;
	border-radius: 1500px;
	-moz-border-radius: 1500px;
	-webkit-border-radius: 1500px;
	background: rgb(255, 255, 255);
	left: -550px;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgba(59,81,119, 0.5)),
    color-stop(0.06, rgba(255,255,255, 0.5))
	);
	background:	-moz-linear-gradient(
    center bottom,
    rgba(59,81,119, 0.5) 0%,
    rgba(255,255,255, 0.5) 4%
	);
	opacity: 1;
	filter: alpha(opacity = 05);
	z-index: 5;
}

#alertView h2, #alertView p {
	color: white;
	margin: 0;
	position: relative;
	z-index: 20;
}

#alertView p {
	font-size: 140%!important;
	text-align: center;
}

#alertView h2 {
	font-size: 150%;
	text-shadow: 1px -1px 1px #001841;
	text-align:center;
	padding: 5px 5px 0 5px;
}

#alertView .button {
	display: inline-block;
	margin-right: -5px;
	position: relative;
}

#alertView .button span {
	height: 18px;
	position: absolute;
	top: 5px;
	background: rgb(255, 255, 255);
	left: 5px;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgba(18,18,18, 0.1)),
    color-stop(0.06, rgba(255,255,255, 0.5))
	);
	background:	-moz-linear-gradient(
    center bottom,
    rgba(18,18,18, 0.5) 0%,
    rgba(255,255,255, 0.5) 4%
	);
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	opacity: 0.2;
	filter: alpha(opacity = 02);
	z-index: 5;
	width: 176px;
}

#alertView .button a {
	background: #101f47;
	display: block;
	width: 50px;
	float: left;
	margin: 5px;
	border: 1px solid #121e3b;
	border-radius: 2px;
	-moz-box-shadow:
		0px 5px 0px 0px rgba(0,0,0,0),
		0px 1px 0px 0px rgb(60,73,105);
	-webkit-box-shadow:
		0px 5px 0px 0px rgba(0,0,0,0),
		0px 1px 0px 0px rgb(60,73,105);
	box-shadow:
		0px 5px 0px 0px rgba(0,0,0,0),
		0px 1px 0px 0px rgb(60,73,105);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.13, rgb(18,18,18)),
    color-stop(1, rgb(24,39,78))
	);
	background: -moz-linear-gradient(
    center bottom,
    rgb(12,28,69) 55%,
    rgb(109,118,142) 100%
	);
	color: #fff!important;
	text-shadow: 1px -1px 1px #0e1017;
	padding: 5px;
	width: 115px;
}

#alertView .button a:active {
	-moz-box-shadow: 0 0 7px white;
	-webkit-box-shadow: 0 0 7px white;
}


/* # clearfix
---------------------------------------------------------------------------- */

#content .tagList01:after,
#content .tagList01 ul:after,
.TopicPath ul:after,
#content ul.linkList01:after,
#content .searchBox:after,
#content .postArea01 .blockText:after,
#content .pagbute01 .pageInner:after,
#content #ajax_post .blockText:after,
#content ul.date:after,
#content ul.radioList:after,
#content ul.radioList li:after,
#content div.searchBlock .pageRadio ul li:after,
#content .pageCheck li:after,
#content div.searchBlock ul li.pageCheck01 ul:after,
#content div.searchBlock div.boxCheck ul:after,
#content .pageCheck01 dd:after,
#content .pageRadio ul li:after,
#content .tagList01:after,
#content .tagList01 ul:after,
.TopicPath ul:after,
#content ul.linkList01:after,
#content .searchBox:after,
#content .postArea01 .blockText:after,
#content .pagbute01 .pageInner:after,
#content .mh03 ul:after,
#content .notificationBar:after,
#content ul.resList03 li:after,
#content .btnList01:after,
#content dl.selectList:after,
#content div.mailBlock:after,
#content div.aboutContents ul.imageList:after,
#content div.aboutContents .block:after,
#content div.aboutContents:after,
#content ul.PostLinkList01:after,
#ajax_respostform .pageCheck01:after,
#ajax_respostform .ajax_post_footer:after,
#content .btnList:after,
#content .resBlock:after,
.clearfix {
	content: "";
	clear: both;
	display: block;
}


/* # common
---------------------------------------------------------------------------- */

#content .mh03 .mhTitle {
	background: #b1be4b;
 	border-radius: 2px 2px 0 0;
	color: #fff;
	margin-left: 10px;
	padding: 4px 5px 4px;
}

#content .mh03 .mhTitle a {
	background: #e7ebc9;
	border: 1px solid #bec969;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: inline-block;
	height: 9px;
	padding: 4px 0 0 0;
	text-align: center;
	vertical-align: middle;
	width: 13px;
}

#content .mh03 .mhTitle span {
	padding: 0 9px;
	text-align: center;
	vertical-align: middle;
}

#content .mh03 .mhTitle img {
	vertical-align: top;
}

#content .mh03 .sel {
	background: #b1be4b url(/common/images/bg_select02.gif) no-repeat 10px center;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	color: #fff;
	margin-left: 10px;
	padding: 4px 5px 4px 24px;
	width: 192px;
	margin-bottom: -1px;
}

#content .mh03 div {
	background: #b1be4b;
	clear: both;
	padding: 2px 10px 2px;
	text-align: right;
}

#content .mh03 p {
	display: inline-block;
	vertical-align: middle;
}

#content .notificationBar {
	background: #e7ebc9;
	padding: 4px 10px;
}

#content .notificationBar p:first-child {
	background: #fff;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	display: inline;
	float: left;
	font-size: 9px;
	margin-top: 3px;
	padding: 2px 10px 2px 10px;
	width: auto;
}

#content .notificationBar p:last-child {
	display: inline;
	float: right;
	width: auto;
}

#content .notificationBar p:last-child a {
	background-image: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #fff),color-stop(100%, #e8e8e8));
	background-image: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
	background-image: -ms-linear-gradient(bottom, #fff 0%, #e8e8e8 100%);
    -moz-box-shadow: inset -1px -1px 1px #fff;
	-webkit-box-shadow: inset -1px -1px 1px #fff;
	box-shadow: inset -1px -1px 1px #fff;
    background-repeat: no-repeat;
    border: 1px solid #b9b9b9;
	border-top: 1px solid #d1d1d1;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    display: inline-block;
	font-size: 14px;
    padding: 1px 17px;
    text-align: center;
    text-decoration: none;
}

#content .notificationBar p img {
	padding-right: 4px;
	vertical-align: middle;
}

#content .notificationBar p span {
	vertical-align: middle;
}

#content ul.resList03 li {
	background: url(/common/images/ico_arrow02.png) no-repeat right center;
	border-bottom: 1px solid #e7ebc9;
	width: auto;
}

#content ul.resList03 li p {
	display: inline-block;
	vertical-align: middle;
	width: 80%;
}
@media screen and (orientation:landscape) {
	#content ul.resList03 li p {
		width: 85%;
	}
}

#content ul.resList03 li p a {
	display: inline-block;
	display: -webkit-flex;
	display: flex;
	font-size: 14px;
	line-height: 1.2;
	padding: 7px 0 7px 10px;
	text-decoration: none;
	width: 96%;
}

#content ul.resList03 li p:last-child {
	width: 50px;
	text-align:right;
}

#content ul.resList03 li p:last-child a {
	display: block;
	line-height: 1.6;
	border-radius: 2px;
	padding: 3px 0 3px 0;
	text-align: center;
	text-decoration: underline;
	font-size: 10px;
	background: #e7ebc9;
}

#content ul.resList03 li p:last-child a img {
	margin-right: 4px;
	vertical-align: top;
}

#content ul.resList03 li p a img {
	display: inline-block;
	margin-right: 9px;
	vertical-align: middle;
}

#content ul.resList03 li p:first-child a img {
	/*float: left;*/
}

#content ul.resList03 li p a img.chaku_res {
	display: block;
	width: 40px;
	height: 17px;
}

#content ul.resList03 li p a span {
	/*
	font-size: 10px;
	color: #555;
	*/
}

#content ul.resList03 li p a span.title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: middle;
	color: #222;
}


#content .deleteOption01 {
	background: #f5f5f5;
	margin-bottom: 10px;
	padding: 10px;
}

#content .deleteOption01 ul {
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-bottom: 2px;
}

#content .deleteOption01 ul li {
	border-bottom: 1px solid #eaeaea;
	padding: 7px 10px 0 10px;
}

#content .deleteOption01 ul li:last-child {
	border-bottom: none;
}

#content .deleteOption01 ul p {
	padding-bottom: 6px;
}

#content .deleteOption01 ul p img {
	padding-right: 4px;
	vertical-align: middle;
}

#content .deleteOption01 ul p a {
	font-size: 14px;
	vertical-align: middle;
}

#content div.element {
	margin: 0 10px;
}

#content .btnList01 {
	padding-bottom: 15px;
}

#content .btnList01 li:first-child {
	display: inline;
	float: left;
	width: auto;
}

#content .btnList01 li:first-child .btn02 {
	font-size: 12px;
	padding: 6px 28px 7px 28px;
	width: auto;
}

#content .btnList01 li:last-child {
	display: inline;
	float: right;
	width: auto;
}

#content .btnList01 li:last-child a {
	background-image: -moz-linear-gradient(top, rgb(218,60,155) 0%, rgb(168,39,100) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(218,60,155)),color-stop(100%, rgb(168,39,100)));
	background-image: -o-linear-gradient(top, rgba(218,60,155,1) 0%,rgba(168,39,100,1) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(218,60,155) 0%, rgb(168,39,100) 100%);
    -moz-box-shadow: inset 0 0 1px 1px #e678ba;
	-webkit-box-shadow: inset 0 0 1px 1px #e678ba;
	box-shadow: inset 0 0 1px 1px #e678ba;
    background-repeat: no-repeat;
    border: 1px solid #c26690;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
    display: inline-block;
    padding: 6px 28px 7px 28px;
	text-align: center;
	text-decoration: none;
}

#content .deleteOption02 {
	background: #fae8ed;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 11px;
    padding: 10px 10px 0;
}

#content .deleteOption02 p {
	padding-bottom: 13px;
}

#content .deleteOption02 input[type="checkbox"] {
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(210,210,210) 100%);
	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%);
	display: inline-block;
	width: 23px;
	height: 23px;
	margin-right: 6px;
	border: 1px solid #edb0c2;
	-webkit-appearance: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 0 2px #f7dde5;
	-moz-box-shadow: 0 0 0 2px #f7dde5;
	-webkit-box-shadow: 0 0 0 2px #f7dde5;
	vertical-align: text-bottom;
}

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

#content .deleteOption02 p:last-child {
	padding-bottom: 9px;
	text-align: right;
}

#content .deleteOption02 .btn02 {
	padding: 8px 21px 6px 21px;
	font-size: 12px;
	width: auto;
}

#content .deleteConfirm {
	background: #fae8ed;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 17px;
    padding: 14px 10px 7px;
}

#content .deleteConfirm p {
	padding-bottom: 8px;
}

#content .deleteConfirm p span {
	color: #a62662;
}

#content .confirmSubmit {
	margin: 0 auto;
	width: 280px;
}

#content .confirm {
	margin: 0 auto 10px;
	width: 300px;
}

#content .confirmBtn {
	background-image: -moz-linear-gradient(top, rgb(218,60,155) 0%, rgb(168,39,100) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(218,60,155)),color-stop(100%, rgb(168,39,100)));
	background-image: -o-linear-gradient(top, rgba(218,60,155,1) 0%,rgba(168,39,100,1) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(218,60,155) 0%, rgb(168,39,100) 100%);
    -moz-box-shadow: inset 0 0 1px 1px #e678ba;
	-webkit-box-shadow: inset 0 0 1px 1px #e678ba;
	box-shadow: inset 0 0 1px 1px #e678ba;
    background-repeat: no-repeat;
    border: 1px solid #c26690;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
    display: block;
	font-size: 14px;
    padding: 8px 15px 8px;
	text-align: center;
	text-decoration: none;
}

#content .memberBlock {
	border-bottom: 1px solid #fae9ee;
	padding: 0 10px 15px 10px;
}

#content .memberBlock ul.loginList li {
	padding: 0 0 14px 0;
}

#content .tag input,
#content .title input,
#content .searchKeywords input,
#content .searchAnchor input,
#content .searchFreeword input,
#content .inputBox,
#content .date li input{
	background: #fff;
	border: 1px solid #f78789;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	margin: 0 2px;
	padding: 5px 7px 6px 7px;
	width: 94%;
}

#content .inputBox[placeholder]::-webkit-input-placeholder {
	color: #ccc;
}

#content .inputBox[placeholder]:-moz-placeholder {
	color: #ccc;
}

#content li.tag ul {
	margin: 0;
	padding: 0;
}

#content .tag ul li {
	border: 0!important;
	margin: 0!important;
	/*padding: 0 0 7px 0!important;*/
	padding: 0 0 7px 0;
	width: 55%!important;
}

#content .searchBtn,
#content .loginBtn {
	background-image: -moz-linear-gradient(top, rgb(218,60,155) 0%, rgb(168,39,100) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, rgb(218,60,155)),color-stop(100%, rgb(168,39,100)));
	background-image: -o-linear-gradient(top, rgba(218,60,155,1) 0%,rgba(168,39,100,1) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(218,60,155) 0%, rgb(168,39,100) 100%);
    -moz-box-shadow: inset 0 0 1px 1px #e678ba;
	-webkit-box-shadow: inset 0 0 1px 1px #e678ba;
	box-shadow: inset 0 0 1px 1px #e678ba;
    background-repeat: no-repeat;
    border: 1px solid #c26690;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
    display: block;
    padding: 8px 15px 8px 15px;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	width: 300px;
}

#content .searchBtn {
	margin: 0 0 10px 0;
}

#content ul.icnLinkList02 li {
	padding-top: 7px;
}


#content ul.icnLinkList02 li a {
	background: url(/common/images/ico_arrow01.gif) no-repeat 0 1px;
	padding-left: 13px;
}

#content p.memSubmit {
	margin: 0 auto;
	width: 300px;
}

#content .boldTxt {
	font-weight: bold;
}

#content .register {
	border-bottom: 1px solid #fae9ee;
	margin-bottom: 15px;
	padding: 11px 10px 7px 10px;
}

#content .register p {
	padding-bottom: 7px;
}

#content .register p.registerBtn {
	text-align: center;
}

#content .bnrImage {
	margin-bottom: 10px;
	text-align: center;
	max-width: 336px;
}

#content .bnrImage img {
	border: 1px solid #c5c5c5;
}

#content .ad_text {
	margin: 10px;
	padding: 2px 8px;
	border: 1px solid #f7878a;
	background: #fff;
}

.searchBlock ul li {
	border-bottom: 1px solid #fae9ee;
	margin: 0 0 7px 0;
	padding: 0 10px 7px 10px;
}

.caution_list li {
	position: relative;
	margin: 3px 0 0 !important;
	padding: 0 0 0 1em !important;
	border: none !important;
	font-size: .8em;
}

.caution_list li:after{
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
	color: #f7878a;
}

.caution_list li.caution_list_no_kome:after {
	display: none;
}

.caution_list em a {
	color: #f7878a;
}

#content.ajax_post_area div.searchBlock ul li:last-of-type {
	border-bottom: none;
}

#content div.searchBlock ul li label {
/*	font-size: 10px;
	font-weight: bold;*/
	margin: 2px 0 2px 0;
}

#content div.searchBlock ul li .select_wrapper label {
	position: absolute;
	top: 3px;
	right: -16px;
}

#content p.searchButton {
	margin: 0 auto;
	width: 300px;
}

#content .postTitle02 {
	font-size: 14px;
	padding: 0 10px 9px;
}

#content .deleteData01 {
	border-bottom: 1px solid #e4e4e4;
	margin: 0 10px 11px;
}

#content .deleteData01 li {
	background: #f4f4f4;
	border: 1px solid #e4e4e4;
	border-bottom: none;
	padding: 13px 12px;
}

#content div.searchBlock .pageRadio ul {
	margin: 5px 0 -5px 0;
	position: relative;
}

#content div.searchBlock .pageRadio ul li {
	margin: 0;
	padding: 0 0 5px 0;
	border: none;
}

#content div.searchBlock .pageRadio ul li  p {
	padding: 0 9px 0 0;
	float: left;
	width: auto;
}

#content div.searchBlock .pageRadio ul li  label {
	font-size: 14px;
	font-weight: normal;
}

#content div.searchBlock .pageRadio ul li label span {
	color: #999;
	font-size: 11px;
}

#content div.searchBlock .pageRadio ul li p {
	float: left;
	width: auto;
}

#content div.searchBlock .pageRadio ul li  p:first-child {
	padding: 0 14px 0 0;
}

#content div.searchBlock .pageRadio ul li p:last-child {
	margin: 2px 0 -2px 0;
	width: 70%;
	position: relative;
}

#content div.searchBlock .pageRadio ul li input[type=radio],
ul.radioList li input[type=radio] {
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(210,210,210) 100%);
	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%);
	display: inline-block;
	width: 23px;
	height: 23px;
	border: 1px solid #b1b1b1;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 2em;
/*	box-shadow: 0 0 0 2px #f7dde5;
	-moz-box-shadow: 0 0 0 2px #f7dde5;
	-webkit-box-shadow: 0 0 0 2px #f7dde5;*/
}

#content div.searchBlock .pageRadio ul li input[type=radio]:checked,
.radioList li input[type=radio]:checked {
	background: url(/common/images/bg_checked01.png) no-repeat center center;
	-webkit-background-size: 23px 23px;
}

.radioList li label {
	line-height: 23px;
	width: auto;
}

#content dl.selectList select {
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 195px;
	height: 29px;
	border: none;
	padding: 3px 28px 6px 9px;
	border: 1px solid #f7878a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	background: #fff url(/common/images/bg_select01.png) no-repeat right top;
	background: #fff url(/common/images/bg_select03.png) no-repeat right top;
	background-size: 28px;
	/*-moz-box-shadow: 0 0 0 2px #f7dde5;
	-webkit-box-shadow: 0 0 0 2px #f7dde5;
	box-shadow: 0 0 0 2px #f7dde5;*/
}

.select_wrapper {
	position: relative;
	display: inline-block;
    border: 1px solid #f7878a;
	margin-right: 10px;
    border-radius: 3px;
}

.select_wrapper:before {
	content: '';
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	display: block;
	width: 30px;
	height: 100%;
	background: lightcoral;
}

.select_wrapper:after {
	content: '';
	position: absolute;
	z-index: 1;
	right: 9px;
	top: 50%;
	display: block;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 6px solid transparent;
	border-top: 10px solid #fff;
}

.select_wrapper select {
	position: relative;
	z-index: 10;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	padding: 4px 36px 6px 9px;
	background: none;
}

/*#content .pageCheck01 dt {
	font-size: 10px;
	font-weight: bold;
}*/

#content .pageCheck01 dt span {
	font-size: .9rem;
	font-weight: normal;
	padding: 0 0 0 30px;
}

#content .pageCheck01 dd {
    padding: 5px 0 0;
}

#content .pageCheck01 ul {
	margin: 0;
	padding: 0;
}

#content .pageCheck01 ul li {
	border: 0;
	padding: 0;
	margin: 0 20px 0 0;
	float: left;
	width: auto;
}

#content .pageCheck01 p.text {
	padding: 0 0 5px 0;
}

#content .pageCheck ul {
	padding: 10px 0 0 0;
}

#content div.searchBlock ul li p.text {
	padding: 5px 0;
}

li.pageCheck01 li {
	margin: 0;
	padding: 0 0 7px 0;
	border: none;
}

li.pageCheck ul li {
	border: none;
	margin: 0;
	padding: 0 5px 7px 0;
}

.pageCheck input {
	float: left;
	margin: 0 9px 0 0;
	vertical-align: middle;
	width: 28px;
}

.pageCheck label {
	float: left;
	vertical-align: middle;
	width: 80%;
}

.pageCheck01 li:nth-child(2n) {
	margin: 2px 20px -2px 0;
}

.pageCheck input[type="checkbox"],
.pageCheck01 li input[type="checkbox"],
.resList03 li input[type="checkbox"],
.modal-inner input[type="checkbox"],
.pageCheck input[type="radio"],
.pageCheck01 li input[type="radio"],
.resList03 li input[type="radio"] {
	display: inline-block;
	width: 23px;
	height: 23px;
	border: 1px solid #757575;
	border-radius: 5px;
	-webkit-appearance: none;
	background: none;
}

#content .pageCheck01 li input[type="checkbox"] {
	margin: 0 5px 0 0;
}

.pageCheck input[type="checkbox"]:checked,
.pageCheck01 li input[type="checkbox"]:checked,
.resList03 li input[type="checkbox"]:checked,
.modal-inner input[type="checkbox"]:checked {
	border: 1px solid #f78789;
	background: url(/common/images/bg_checked.png) no-repeat center center;
	background-size: 23px 23px;
}

.pageCheck input[type="checkbox"]:checked,
.pageCheck01 li input[type="checkbox"]:checked,
.resList03 li input[type="checkbox"]:checked,
.modal-inner input[type="checkbox"]:checked,
.check_like_links .check_like_link_checked:after,
.check_like_links .sortArea_checked:after {
	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%23f78789%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
	-webkit-background-size: 23px 23px;
}

.pageCheck input[type="radio"],
.pageCheck01 li input[type="radio"],
.resList03 li input[type="radio"] {
	position: relative;
	border-radius: 20px;
	margin-right: 7px;
}


#content div.searchBlock .pageRadio ul li input[type=radio],
ul.radioList li input[type=radio] {
	position: relative;
	display: inline-block;
	width: 23px;
	height: 23px;
	border: 1px solid #757575;
	border-radius: 23px;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff;
}

#content div.searchBlock .pageRadio ul li input[type=radio]:checked,
.radioList li input[type=radio]:checked {
	border: 1px solid #f78789;
	background: #fff;
}

#content div.searchBlock .pageRadio ul li input[type=radio]:checked:after,
.radioList li input[type=radio]:checked:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 10px;
	background: #f78789;
}


.pink_area .em_label {
	font-weight: bold;
}

.stopnoti {
	line-height: 25px;
}

#content .detail_button div {
  position: relative;
  display: inline-block;
  padding-left: 18px;
  text-decoration: underline;
}

#content .detail_button div:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  display: block;
  width: 15px;
  height: 15px;
  background: url(/common/images/ico_arrow16.png) no-repeat left center;
  background-size: 15px 15px;
  transition: all .25s ease-out;
}

#content .show_detail div:after {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

#content .counterTxt {
	background: #f4f4f4;
	font-size: 9px;
	padding: 5px 10px;
}

#content ul.date li {
	border-bottom: none!important;
	float: left;
	margin-right: 7px;
	padding-left: 0!important;
	width: auto;
}

#content ul.date li input {
	margin-right: 7px;
	width: 60px;
}

#content ul.radioList li input {
	margin-right: 5px;
}

#content ul.date li select {
	margin-right: 7px;
	width: 65px;
}

#content ul.date li #year {
	width: 80px;
}

#content .searchBlock .radioList li {
	display: inline-block;
	padding: 0;
	border-bottom: none;
}

#content ul.noteList li {
	border-bottom: none!important;
	padding: 0!important;
}

#content ul.noteList li em {
	display: inline-block;
	padding-bottom: 6px;
	color: #ea5458;
}

#content ul.noteList li em.asterisk {
	position: relative;
	text-indent: 1em;
	font-weight: normal;
}

#content ul.noteList li em.asterisk:before {
	content: "※";
	position: absolute;
	left: -1em;
	top: 0;
}

#content dl.selectList {
	margin: 0 auto;
	width: 300px;
}

#content dl.selectList dt {
	float: left;
	padding-top: 7px;
	width: 100px;
}

#content dl.selectList dd {
	float: left;
	margin-bottom: 10px;
	width: 150px;
}

.selectList .selectList_has_explain {
	position: relative;
	padding-bottom: 64px;
}

.profile_explain {
	position: absolute;
	left: 0;
	top: 36px;
	display: block;
	width: 280px;
	width: calc(300px - 1em);
	padding-left: 1em;
	text-indent: -1em;
}

#content div.searchBlock div.boxCheck {
	position: relative;
	margin-bottom: 5px;
	padding: 9px 0 0 0;
	/*background: url(/common/images/bg_arrow11.png) no-repeat 85px 0;*/
}

#content div.searchBlock div.boxCheck:before {
	content: '';
	position: absolute;
	top: -6px;
	left: 80px;
	display: block;
	border: 3px solid transparent;
	border-bottom: 13px solid #ffe7e7;
}

#post #post_btn {
	text-align: center;
}

#content div.searchBlock li.pageCheck div.boxCheck div {
	background: #fff5f5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 0 10px 12px!important;
}

#content div.searchBlock li.pageCheck div.boxCheck div p {
	font-weight: bold;
	margin-bottom: 5px;
}

#content div.searchBlock li.pageCheck div.boxCheck ul {
	padding-top: 0;
}

#content div.searchBlock li.pageCheck div.boxCheck ul li {
	float: none;
	padding: 0 0 7px 0!important;
	margin: 0!important;
	width: auto;
}

#content div.searchBlock li.pageCheck div.boxCheck ul li:last-child {
	padding: 0!important;
}

#content div.searchBlock li.pageCheck dt {
	font-weight: bold;
}

#content div.searchBlock li.pageCheck ul li label,
#content div.searchBlock li.pageCheck ul li {
	font-weight: normal;
}

#content .ad {
	position: relative;
	text-align: center;
	background-color: rgba(248,248,248,1);
	/*margin: 20px;*/
}

#content .group {
	padding: 10px 10px;
}

#content .group p span {
    color: #A72764;
}

div.groupBox {
	background: #fae8ed;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
	padding: 12px 10px 14px 10px;
}

div.groupBox p {
	text-align: center;
}

div.groupBox p:last-child {
	font-size: 17px;
	padding: 10px 0 0 0;
	letter-spacing: 2px;
             word-break: break-all; /* ???p?????????????  2012/09/20 yamatake */
}

div.groupGray {
	border: 1px solid #e4e4e4;
	background: #f4f4f4;
	margin: -8px 10px 10px;
	padding: 13px;
}

div.groupGray p {
	font-size: 10px;
}

div.groupGray p:first-child {
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 4px 0;
}

div.groupGray p span {
	color: #a72764;
}

#content p.tag {
	margin: 10px 0;
}

#content p.tag select {
	height: 29px;
	margin-right: 2px;
}

#content p.tag select {
	width: 91px;
}

#content .tag input {
	margin-bottom: 0;
	width: 68px;
}


#content .newthread {
	background: #f5f5f5;
	margin-bottom: 10px;
	padding: 10px;
}


#content .newthread .list{
	background: #ffffff;
	margin-bottom: 10px;
	padding: 10px;
}

#content .newthreadList {
	background: #fae9ee;
	clear: both;
	margin: 6px 0 6px 0;
	padding: 5px 10px 6px 10px;
}

#content .newthreadList li {
	display: inline-block;
	padding: 0 0 0 7px;
	width: auto;
	font-weight: bold;
}

#content .topThreadRead_cnt{
	height: 14px;
	margin-top: 2px;
	font-size: 12px;
	color: #555;
	white-space: nowrap;
}


#sortTab{
	text-align: center;
}

#sortTab li.tab{
	float:left;
	width:48%;
	padding:5px 0px 15px 0px;
}

a.keyword_link:link{
	color:#444444;
	border-bottom:1px dashed #c7c7c7;
	text-decoration:none;
}
a.keyword_link:visited{
	color:#444444;
	border-bottom:1px dashed #c7c7c7;
	text-decoration:none;
}
a.keyword_link:hover{
	color:#c7c7c7;
	text-decoration:none;
}
a.keyword_link:active{
	color:#444444;
	border-bottom:1px dashed #c7c7c7;
	text-decoration:none;
}

.text_right{
	text-align: right;
}

.pr_space{
	color:#FF0000;
	padding:5px 10px;
	font-size:16px;
	margin:5px;
	font-weight:bold;
}

.sakusaku {
	margin: 0;
	text-align: center;
	background: none;
	z-index:100001;
	padding-bottom:15px;
	background-color: #F8F8F8;
}

#content .no_more {
	line-height: 1.2;
	padding: 20px 0;
	text-align: center;
	color: #666;
	font-size: 16px;
	font-weight: bold;
}

#content .sakusaku p {
	display: inline-block;
	width: 65%;
	width: calc(100% - 85px);
	height: 45px;
	line-height: 45px;
	border: none;
	border-left: 1px solid #fff;
	box-shadow: none;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
	box-shadow: 1px 1px #273888;
	background: #4464ff;

}

#content .sakusaku .sakusaku_rest {
	display: inline-block;
	margin-right: -15px;
	color: #DCE2FF;
	font-size: 1em;
	font-weight: bold;
}

@media(min-width:340px){
	#content .sakusaku p {
		height: 50px;
		line-height: 50px;
		font-size: 17px;
	}
}


#content .sakusaku p.full {
	width: auto;
	height: auto;
	line-height: 1.5;
	border-radius: 5px;
	border-right: none;
	box-shadow: 1px 1px #273888;
}

#content .sakusaku p.full a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
}

#content .sakusaku p a {
	color: #fff;
}

#content .sakusaku .sakusaku_next,
#content .sakusaku .sakusaku_prev,
#content .sakusaku .sakusaku_prev_disable {
	display: inline-block;
	width: 6px;
	height: 45px;
	text-indent: -9999px;
	vertical-align: top;
}

@media(min-width:340px){
	#content .sakusaku .sakusaku_next,
	#content .sakusaku .sakusaku_prev,
	#content .sakusaku .sakusaku_prev_disable {
		display: inline-block;
		width: 6px;
		height: 50px;
		text-indent: -9999px;
		vertical-align: top;
	}
}

#content .sakusaku .sakusaku_next {
	padding-left: 15px;
	border-radius: 0 6px 6px 0;
	background: #4464ff url(/common/images/tapper_arrow_right.png) no-repeat center center;
	background-size: 6px 10px;
	box-shadow: 1px 1px #273888;
}

#content .sakusaku .sakusaku_prev {
	padding-right: 35px;
	border-radius: 6px 0 0 6px;
	background: #4464ff url(/common/images/tapper_arrow_left.png) no-repeat center center;
	background-size: 6px 10px;
	box-shadow: 1px 1px #273888;
}

#content .sakusaku .sakusaku_prev_disable {
	padding-right: 35px;
	border-radius: 6px 0 0 6px;
	background: #626262 url(/common/images/tapper_arrow_left_disable.png) no-repeat center center;
	background-size: 6px 10px;
	box-shadow: 1px 1px #273888;
}

.tapper_slide {
	position: relative;
}

.sakusaku_fade {
	position: relative;
	background: -moz-linear-gradient(top, rgba(248,248,248,0) 0%, rgba(248,248,248,0.89) 100%);
	background: -webkit-linear-gradient(top, rgba(248,248,248,0) 0%,rgba(248,248,248,0.89) 100%);
	background: linear-gradient(0deg, rgba(248,248,248,0.89),rgba(248,248,248,0));
	height: 100px;
}

.sakusaku_lastres {
	max-height: 480px;
	overflow-y: hidden;
}

#content #tapper .unread {
	padding: 0px 10px 10px 0;
	text-align: right;
	background-color: #F8F8F8;
}

#content #tapper .unread span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #F9743E;
	text-decoration: underline;
	font-weight: bold;
	letter-spacing: 2px;
}

#content .linkEachOther{
	padding:15px;
	font-weight:bold;
}

.loading {
  background:#fff;
}

a.non_underline{
	text-decoration: none;
}




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

  キーワードで検索

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

.keyword_search {
	max-width: 85%;
	margin: 0 auto;
	padding: 10px 15px;
}

.keyword_search h2 {
	display: inline-block;
}

.keyword_search ul {
	display: inline;
}

#content .keyword_search ul {
	display: inline;
}

#content .keyword_search ul li {
	margin: 0 5px 0 0;
}

#content .keyword_search ul li a {
	margin: 0 0 7px 0;
}

#content .ninkiTag {
	margin-bottom: 15px;
	padding: 0;
	list-style: none;
	display: inline-block;
}

#content .ninkiTag li {
	display: inline-block;
	margin:  0 0 0 5px;
	padding: 0;
}

#content .ninkiTag li a,
#content .ninkiTag .ninkiTagMore span {
	display: block;
	padding: 2px 8px;
	border: 1px solid #cccccc;
	border-radius:3px;
	text-decoration: none;
	text-align: center;
	color: #333;
	font-size: 14px;
	background-color: #ffffff;
}

#content .ninkiTag .ninkiTagMore span {
	cursor: pointer;
	border: 1px solid #f7878a;
	color: #fff;
	background-color: #f7878a;
}
#content .ninkiTag .ninkiTagMore span:before {
	content: "もっと見る";
}
#content .ninkiTag .ninkiTagMore span.open:before {
	content: "閉じる";
}

#content .ninkiTag .ninkiTagHide {
	display: none;
}

#content .fukidashishita {
	margin-left: 10px;
	width: 90%;
	text-align: right;
}
#content .kakomi {
	background-color:#FFFFF0;
	border:1px solid #ccc;
	border-radius:5px;
	position:relative;
	padding: 6px;
	width: 90%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#content .fukidashi {
	background-color:#FFFFF0;
	border:1px solid #ccc;
	border-radius:5px;
	position:relative;
	padding: 6px;
	margin-left: 10px;
	width: 90%;
}
#content .fukidashi:before {
	border:10px solid transparent;
	border-top-color:#FFFFF0;
	border-bottom-width:0;
	bottom:-9px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
	z-index:1;
}
#content .fukidashi:after {
	border:10px solid transparent;
	border-top-color:#ccc;
	border-bottom-width:0;
	bottom:-10px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
}
#content .fukidashi a{
display: block;
text-decoration: none;
}

#content .item {
	clear: both;
	background: #f78789;
	padding-bottom: 2px;
}

#content .itemList {
	margin: 0 auto;
	width: 316px;
}

@media screen and (orientation:landscape) {
	#content .itemList {
		width: 475px;
	}
}

#content .item li {
	background: #fff;
	float: left;
	margin: 0 2px 2px 0;
	padding: 2px;
	min-height: 31px;
	width: 152px;
	text-align: center;
}

#content ul.itemList li:nth-child(2n){
	margin-right: 0;
}

@media screen and (orientation:landscape) {
	#content ul.itemList li:nth-child(2n){
		margin-right: 2px;
	}

	#content ul.itemList li:nth-child(3n){
		margin-right: 0;
	}
}

#content .item li p {
	border: 1px dashed #bfbfbf;
	line-height: 1;
	vertical-align: middle;
}

#content .item li p.itemIndex {
	padding: 10px 0 0 0;
	min-height: 34px;
}

#content .item li p a {
	color: #ea7d80;
	display: block;
	padding: 7px 0 3px;
	min-height: 31px;
	text-decoration: none;
	font-size: 14px;
}

#content .item li p a span {
	color: #555;
	font-size: 14px;
}

#content ul.elementList {
	padding: 0 0 8px 0;
}

#content ul.elementList li {
	background: url(/common/images/bg_line02.gif) repeat-y 1px top;
	border-bottom: 1px solid #e7ebc9;
	float: left;
	width: 33%;
	text-align: center;
}

#content ul.elementList li:nth-child(3n){
	width: 34%;
}

#content ul.elementList li a {
	display: block;
	padding: 9px 0 9px 0;
	text-decoration: none;
}

/* del by seo */
#content .sympathy_block {
  display:inline-block;
  height:20px;
  line-height:20px;
  padding:5px 0 0 5px;
}

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

#content .sympathy_btn > 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 .sympathy_btn > 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);
}

.res_list_child {
  transition: all .3s ease;
}

.res_list_child:after {
  content: '';
  position: absolute;
  left: 15px;
  top: 0px;
  opacity: 0;
  padding: 2px 8px;
  border-radius: 10px 10px 0 0;
  border: 1px solid #e4e4e4;
  border-bottom: none;
  color: #f78789;
  background: #ffffff;
  transition: all 1s ease;
}

/* .sympathy_btn
---------------------------------------------------------------------*/

.sympathy_btn {
  position: relative;
  float: right;
  padding-top: 1px;
}

.sympathy_btn a {
  display: inline-block;
  padding: 0 0 1px 21px;
  vertical-align: bottom;
  text-decoration: none;
}

.sympathy_btn a:after {
  content: '';
  position: absolute;
  left: -1px;
  top: 1px;
  display: block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20fill%3D%22%23b2acac%22%20d%3D%22M1%2C21h4V9H1V21z%20M23%2C10c0-1.1-0.9-2-2-2h-6.31l0.95-4.57l0.03-0.32c0-0.41-0.17-0.79-0.44-1.06L14.17%2C1L7.59%2C7.59%20C7.22%2C7.95%2C7%2C8.45%2C7%2C9v10c0%2C1.1%2C0.9%2C2%2C2%2C2h9c0.83%2C0%2C1.54-0.5%2C1.84-1.22l3.02-7.05C22.95%2C12.5%2C23%2C12.26%2C23%2C12V10z%22%2F%3E%3C%2Fsvg%3E') no-repeat left top;
  background-size: 20px;
}

/* .sympathized
---------------------------------------------------------------------*/

.sympathized a:after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20fill%3D%22%23f78789%22%20d%3D%22M1%2C21h4V9H1V21z%20M23%2C10c0-1.1-0.9-2-2-2h-6.31l0.95-4.57l0.03-0.32c0-0.41-0.17-0.79-0.44-1.06L14.17%2C1L7.59%2C7.59%20C7.22%2C7.95%2C7%2C8.45%2C7%2C9v10c0%2C1.1%2C0.9%2C2%2C2%2C2h9c0.83%2C0%2C1.54-0.5%2C1.84-1.22l3.02-7.05C22.95%2C12.5%2C23%2C12.26%2C23%2C12V10z%22%2F%3E%3C%2Fsvg%3E');
}

/* .sympathized_ani
---------------------------------------------------------------------*/

.sympathized_ani:before,
.sympathized_ani:after {
  content: '';
  display: block;
  position: absolute;
  left: 6px;
  top: -5px;
  border: 2px solid transparent;
  border-top: 4px solid #f78789;
  transform: rotate(-15deg);
}

.sympathized_ani:before {
  animation: sympathized_arrow_left_ani .3s ease-in 0s 2 normal forwards;
}

@keyframes sympathized_arrow_left_ani {
  0% {
    left: 7px;
    top: -3px;
    opacity: 1;
  }

  100% {
    left: 5px;
    top: -5px;
    opacity: 0;
  }
}

.sympathized_ani:after {
  left: 11px;
  transform: rotate(15deg);
  animation: sympathized_arrow_right_ani .3s ease-in 0s 2 normal forwards;
}

@keyframes sympathized_arrow_right_ani {
  0% {
    left: 10px;
    top: -3px;
    opacity: 1;
  }

  100% {
    left: 12px;
    top: -5px;
    opacity: 0;
  }
}

.sympathized_ani a:after {
  animation: sympathized_thumb_ani .3s ease-in 0s 2 alternate none;
}

@keyframes sympathized_thumb_ani {
  0% {
    top: 1px;
    transform: rotate(0deg);
  }

  50% {
    top: -1px;
    transform: rotate(-5deg);
  }

  100% {
    top: 1px;
    transform: rotate(0deg);
  }
}

/* .goodres
---------------------------------------------------------------------*/

.goodres {
	text-align: right;
}

/* .goodres_picked
---------------------------------------------------------------------*/

.goodres_picked {
  position: relative;
  padding-top: 20px;
}

.goodres_picked:after {
  content: 'グッドアンサー';
  opacity: 1;
}

/* .goodres_area
---------------------------------------------------------------------*/

.goodres_area {
	position: relative;
	padding-bottom: 3px;
  border-bottom: 1px solid #fff;
	background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #fff8f8 29%);
  background: -webkit-linear-gradient(top, #f8f8f8 0%,#fff8f8 29%);
  background: linear-gradient(to bottom, #f8f8f8 0%,#fff8f8 29%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#fff8f8',GradientType=0 );
}

#content .goodres_area .bh2 {
	z-index: 1;
  margin-bottom: 8px;
}

#content .goodres_area .bh2:after {
	content: '';
	position: absolute;
	right: 10px;
	bottom: -18px;
	left: initial;
	z-index: -1;
	display: block;
	width: 80px;
	height: 64px;
	background: url("/common/images/goodres_h.png") no-repeat;
	background-size: 80px 64px;
	opacity: 0.6;
}

.goodres_area .bg-block {
	background-color: initial;
}

.goodres_area .goodres_picked:after {
	padding-left: 25px;
  border: none;
  color: #fff;
  background-color: #f78789;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M1%2C21h4V9H1V21z%20M23%2C10c0-1.1-0.9-2-2-2h-6.31l0.95-4.57l0.03-0.32c0-0.41-0.17-0.79-0.44-1.06L14.17%2C1L7.59%2C7.59%20C7.22%2C7.95%2C7%2C8.45%2C7%2C9v10c0%2C1.1%2C0.9%2C2%2C2%2C2h9c0.83%2C0%2C1.54-0.5%2C1.84-1.22l3.02-7.05C22.95%2C12.5%2C23%2C12.26%2C23%2C12V10z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: 9px 2px;
  background-size: 14px;
}



#content .socialBtns {
	text-align: right;
}

#content .socialBtns li {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	margin-right: 10px;
	vertical-align: bottom;
}

#content .socialBtnsFacebook {
	margin-left: 5px;
}

#content .socialBtnsFacebook a,
#content .socialBtnsTwitter a {
	display: block;
	width: 38px;
	height: 34px;
	text-indent: 9999px;
	border: 1px solid #2d4d98;
	border-radius: 5px;
	overflow: hidden;
}

#content .socialBtnsFacebook a {
	background: #3C599F url(/common/images/ico_facebook.png) no-repeat center center;
}

#content .socialBtnsTwitter a {
	background: #00B1EB url(/common/images/ico_twitter.png) no-repeat center center;
	border-color: #0d97c4;
}

#content .socialBtnsFull {
	display: table;
	width: calc(100% - 60px);
	margin: 0 30px 10px;
	text-align: center;
}

#content .socialBtnsFull li {
	display: table-cell;
	width: 50%;
	padding-right: 5px;
	color: #fff;
	text-align: center;
	letter-spacing: 3px;
	text-indent: 15px;
	text-decoration: none;
	transition: all .25s ease-out;
}

#content .socialBtnsFull li a {
	display: block;
	width: auto;
	height: 19px;
	line-height: 19px;
	padding: 10px 5px 10px 15px;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	text-indent: 15px;
	background: #3C599F;
}

#content .socialBtnsFull .socialBtnsTwitter {
	padding: 0 0 0 5px;
	text-indent: 20px;
}

#content .socialBtnsFull .socialBtnsTwitter a {
	background: #00B1EB;
}

#content .socialBtnsFull .socialBtnsTwitter a span {
	left: 4px;
}

#content .socialBtnsFull li a:hover {
	opacity: .5;
}

#content .socialBtnsFull li span {
	position: relative;
}

#content .socialBtnsFull li span:after {
	content: "";
	position: absolute;
	left: -22px;
	top: -3px;
	display: block;
	width: 12px;
	height: 23px;
	background: #3C599F url(/common/images/ico_facebook.png) no-repeat center bottom;
}

#content .socialBtnsFull li.socialBtnsTwitter span:after {
	left: -27px;
	top: -1px;
	width: 22px;
	height: 19px;
	background: #00B1EB url(/common/images/ico_twitter.png) no-repeat center center;
}

#onayami #content .item {
	background: #f37d85;
	padding-bottom: 2px;
}

#onayami #content .itemList {
	margin: 0 auto;
	width: 316px;
}

@media screen and (orientation:landscape) {
	#onayami #content .itemList {
		width: 475px;
	}
}

#onayami #content .item li {
	background: #fff;
	float: left;
	margin: 0 2px 2px 0;
	padding: 2px;
	min-height: 31px;
	width: 152px;
	text-align: left;
}

#onayami #content ul.itemList li:nth-child(2n){
	margin-right: 0;
}

@media screen and (orientation:landscape) {
	#onayami #content ul.itemList li:nth-child(2n){
		margin-right: 2px;
	}

	#onayami #content ul.itemList li:nth-child(3n){
		margin-right: 0;
	}
}

#onayami #content .item li p {
	border: 1px dashed #bfbfbf;
	line-height: 1;
	vertical-align: middle;
}

#onayami #content .item li p a {
	color: #e8525d;
	display: block;
	font-weight: bold;
	padding: 7px 6px 0 6px;
	min-height: 32px;
	text-decoration: none;
}

#onayami #content .item li p a span {
	color: #555;
	font-size: 9px;
	margin-left: 5px;
}
#content .item ul:after,
#onayami #content ul.itemList:after {
	content: "";
	clear: both;
	display: block;
}
.sakusakuTop{
background:#b1be4b;
margin-bottom:10px;
padding:10px;
text-align:center;
}

#content .sakusakuTop p{
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 20px;
	padding: 5px;
}

#content .topMessage {
	color:#A62662;
	font-weight:bold;
	margin:10px 0 10px 10px;
}

#ajax_postres iframe {
	width: 100%;
}

#ajax_post {
	width: 100%;
	padding: 0;
}

.ajax_post_close {
	cursor: pointer;
	position: absolute;
	top: -12px;
	right: -11px;
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 3px solid #f7878a;
	border-radius: 50%;
	background: #ea5458;
}

.ajax_post_close:active {
	background: #ff2d6a;
}

.ajax_post_close:before,
.ajax_post_close:after {
	content: "";
	position: absolute;
	left: 16px;
	top: 5px;
	display: block;
	width: 3px;
	height: 25px;
	border-radius: 10px;
	background: #fff;
	transform: rotate(45deg);
}

.ajax_post_close:after {
	transform: rotate(-45deg);
}

#ajax_respostform {
	padding: 8px 8px 15px;
}

#ajax_respostform .ajax_post_footer .postBtn {
	float: right;
	width: 100px;
}

#ajax_respostform dl.selectList {
	display: table;
	width: 100%;
}

#ajax_respostform dl.selectList dt {
	float: none;
	display: table-cell;
	width: 120px;
	height: 29px;
	line-height: 29px;
	padding-top: 0;
}

#ajax_respostform dl.selectList dd {
	float: none;
	display: table-cell;
	width: auto;
	padding-right: 30px;
}

#ajax_respostform dl.selectList dd select {
	width: 100%;
	padding: 0 30px 0 5px;
	background-color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#ajax_respostform ul.radioList li label {
	height: 29px;
	line-height: 29px;
}
#ajax_respostform ul.date li select {
	background-color: #fff;
}

#ajax_respostform .ajax_old_gender .ajax_old_gender_title {
	float: left;
	width: auto;
	margin-right: 15px;
}

#ajax_respostform dl.selectList,
#ajax_respostform .ajax_old_gender .ajax_old_gender_title,
#ajax_respostform .ajax_old_gender .ajax_old_gender_val,
#ajax_respostform .pageCheck01,
#ajax_respostform ul.radioList,
#ajax_respostform .ajax_alert {
	margin-bottom: 10px;
}


/* #ajax_postres_overlay
---------------------------------------------------------------------------- */

#ajax_postres_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
}



/* # pagenation
---------------------------------------------------------------------------- */
#pagenation {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.6);
	transition: 0.10s ease-out;
	z-index:3000;
}

#pagenation h2 {
	position: absolute;
	left: 10px;
	top: -22px;
	display: inline-block;
	height: 22px;
	line-height: 22px;
	padding: 0 4px;
	border-radius: 5px 5px 0 0;
	border-right: 1px solid #929185;
	color: #000;
	font-size: 12px;
	background: #eeede1;
}

#pagenation .pagenation_list_area {
	position: absolute;
	right: 78px;
	bottom: 20px;
	/*display: none;*/
	width: 238px;
	padding-top: 7px;
	border-radius: 5px 5px 0 5px;
	color: #000;
	text-align: left;
	background: #eeede1;
	box-shadow: 1px 1px 0px #929185;
}

@media only screen and (max-device-width: 320px) and (orientation : portrait) {
	#pagenation .pagenation_list_area {
		right: 68px;
	}
}


#pagenation .pagenation_list_area:before {
	content: '';
	position: absolute;
	right: -8px;
	bottom: -1px;
	display: block;
	width: 0;
	height: 0;
	border: 4px solid #929185;
	border-top-color: transparent;
	border-right-color: transparent;
}

#pagenation #pagenation_list_sub {
	margin: 0 0 10px 5px;
	letter-spacing: -0.4em;
}

#pagenation #pagenation_list_sub li {
	display: inline-block;
	width: 115px;
	height: 50px;
	line-height: 50px;
	border-right: 1px dotted #a5a38e;
	text-align: center;
	letter-spacing: normal;
}

#pagenation #pagenation_list_sub li:nth-of-type(2n) {
	width: 114px;
	border-right: none;
}

#pagenation #pagenation_list_sub li:nth-of-type(3n) {
	position: relative;
	border-top: 1px dotted #a5a38e;
}

#pagenation #pagenation_list_sub li:nth-of-type(3n):after {
	content: "";
	position: absolute;
	left: 100%;
	top: -1px;
	display: block;
	width: 114px;
	border-top: 1px dotted #a5a38e;
}

#pagenation #pagenation_list_sub li a {
	display: block;
	text-decoration: none;
}

#pagenation #pagenation_list_sub .sub_thread_history {
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23333333%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%22M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%2F%3E%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67z%22%2F%3E%3C%2Fsvg%3E') no-repeat 7px center;
	background-size: 14px;
}

#pagenation .pagenation_res {
	float: right;
	width: 100px;
	height: 50px;
	line-height: 50px;
	border-radius: 10px;
	text-align: center;
	background: #000;
}

#pagenation .pagenation_res a {
	display: block;
	text-decoration: none;
	color: #fff;
}

#pagenation_list_main {
	margin: 0 8px;
	padding: 0 0 3px 0;
}

#pagenation_list_main li {
	cursor: pointer;
	position: relative;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 7px 15px 7px 7px;
	border-radius: 4px;
	border: 1px solid #bbb8a1;
	letter-spacing: normal;
	color: #000;
}

#pagenation_list_main li:after {
	content: "";
	position: absolute;
	right: 3px;
	top: 14px;
	display: block;
	border: 3px solid transparent;
	border-left-color: #7b7a73;
}

#pagenation_list_main .sakusaku_latest {
	border: 1px solid #53b9b0;
	color: #007168;
}

#pagenation_list_main .sakusaku_latest:after {
	border-left-color: #49968f;
}

#pagenation_list_main .pagenation_res_button {
	position: relative;
	width: 196px;
	text-align: center;
	text-indent: 15px;
	color: #f72061;
	border-color: #e286a2;
}

#pagenation_list_main .pagenation_res_button:after {
	content: "";
	position: absolute;
	right: 50%;
	top: 10px;
	width: 15px;
	height: 15px;
	margin-right: 2.5em;
	border: none;
	/*7b7a73*/
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23ff5b8c%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M3%2017.25V21h3.75L17.81%209.94l-3.75-3.75L3%2017.25zM20.71%207.04c.39-.39.39-1.02%200-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41%200l-1.83%201.83%203.75%203.75%201.83-1.83z%22%2F%3E%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-size: 15px;
}

#pagenation_list_main .page_now {
	padding: 7px 7px 7px 17px;
}

#pagenation_list_main .page_now:after {
	top: 12px;
	left: 7px;
	right: auto;
	border-left-color: transparent;
	border-bottom-color: #7b7a73;
}

/*#pagenation ul li span {
	display: block;
	padding: 0 3px;
	color: #000;
	text-decoration: none;
	background-color: #fff;
}*/

#pagenation #pagenation_history {
	position: relative;
	display: none;
	background: #e4e2d5;
	box-shadow: inset 0 2px 2px -1px #a5a089;
}

#pagenation #pagenation_history:before,
#pagenation #pagenation_history:after {
	content: '';
	position: absolute;
	left: 20px;
	bottom: 0;
	display: block;
	border: 5px solid transparent;
	border-bottom-color: #eeede1;
}

#pagenation #pagenation_history:before {
	bottom: 1px;
	border-bottom-color: #b9b5a0;
}

#pagenation #pagenation_history li {
	position: relative;
	border-bottom: 1px dotted #fff;
}

#pagenation #pagenation_history li:after {
	content: '';
	position: absolute;
	left: 10px;
	top: 12px;
	display: block;
	border: 3px solid transparent;
	border-left-color: #a7a072;
}

#pagenation #pagenation_history li:last-of-type {
	border: none;
	box-shadow: inset 0 -2px 0px -1px #d2cebb;
}

#pagenation #pagenation_history li a {
	display: block;
	padding: 6px 8px 6px 20px;
	text-decoration: none;
	/* 三点リーダーの設定 */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#pagenation #pagenation_history li:last-of-type a {
	padding-bottom: 9px;
}

#pagenation .fixed_button {
	cursor: pointer;
	position: absolute;
	right: 16px;
	top: -64px;
	display: inline-block;
	width: 52px;
	height: 52px;
	line-height: 72px;
	border-radius: 30px;
	letter-spacing: -1px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	background: rgba(247,135,138,0.9) 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%22M6%2010c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2zm12%200c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2zm-6%200c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2z%22%2F%3E%3C%2Fsvg%3E') no-repeat center 1px;
	background-size: 36px;
	box-shadow: 0 1px 6px 0 #888;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);
}

#pagenation .fixed_button:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	opacity: 0;
	width: 52px;
	height: 52px;
	border-radius: 30px;
	background: rgba(247,135,138,0.9) url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23ffffff%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
	background-size: 43px;
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}

#pagenation .onpager {
	background: none;
}

#pagenation .onpager:after {
	opacity: 1;
}

#pagenation #fixed_fav {
	top: -125px;
	line-height: 75px;
	text-decoration: none;
	color: #f7878a ;
	background: rgba(255,255,255,0.9) url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23f7878a%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%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%22M12%2017.27L18.18%2021l-1.64-7.03L22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021z%22%2F%3E%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E') no-repeat center 2px;
	background-size: 32px;
}

@media only screen and (max-device-width: 320px) and (orientation : portrait) {
	#pagenation .fixed_button {
		width: 47px;
		height: 47px;
		line-height: 66px;
		letter-spacing: -2px;
		background-size: 32px;
		font-size: 9px;
	}

	#pagenation .fixed_button:after {
		width: 47px;
		height: 47px;
		background-size: 38px;
	}

	#pagenation #fixed_fav {
		top: -120px;
		line-height: 70px;
		background-size: 30px;
	}
}

#pagenation .onpager {
	/*background-position: center -92px;*/
}

#pagenation-overlay {
	z-index: 2;
}

#entameright{
	padding: 12px 10px;
	text-align: right;
}

/* #fixed_nav
---------------------------------------------------------------------------- */

#fixed_nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 -4px 4px rgba(86, 86, 86, .2);
  background: rgba(255,255,255,0.9);
  transition: 0.10s ease-out;
  z-index: 3000;
}

#fixed_nav .fixed_nav_inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

#fixed_nav .fixed_nav_inner li {
  flex: 1;
  text-align: center;
}

#fixed_nav .fixed_nav_inner li a,
#fixed_nav .fixed_nav_inner li span {
  display: block;
  margin: 0 5px;
  padding: 12px 0;
  color: #333;
  text-decoration: none;
}

#fixed_nav .fixed_nav_inner .fixed_scroll a,
#fixed_nav .fixed_nav_inner .fixed_fav a,
#fixed_nav .fixed_nav_inner .fixed_history span,
#fixed_nav .fixed_nav_inner .fixed_postres a,
#fixed_nav .fixed_nav_inner #fixed_nav_last_res a {
  padding: 27px 0 0;
  font-size: 10px;
  background: no-repeat center 1px;
  background-size: 26px;
}

#fixed_nav .fixed_nav_inner .fixed_fav {
	min-width: 53px;
}

#fixed_nav .fixed_nav_inner .fixed_postres,
#fixed_nav .fixed_nav_inner #fixed_nav_last_res {
	min-width: 68px;
}

#fixed_nav .fixed_nav_inner .fixed_scroll 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%23f7878a%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');
}

#fixed_nav .fixed_nav_inner .scroll_to_top 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%23f7878a%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');
}

#fixed_nav .fixed_nav_inner #fixed_nav_last_res a {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23f7878a%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cg%3E%3Crect%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%20x%3D%220%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M20%2C4H4C2.89%2C4%2C2.01%2C4.89%2C2.01%2C6L2%2C18c0%2C1.11%2C0.89%2C2%2C2%2C2h16c1.11%2C0%2C2-0.89%2C2-2V6C22%2C4.89%2C21.11%2C4%2C20%2C4z%20M8.5%2C15H7.3%20l-2.55-3.5V15H3.5V9h1.25l2.5%2C3.5V9H8.5V15z%20M13.5%2C10.26H11v1.12h2.5v1.26H11v1.11h2.5V15h-4V9h4V10.26z%20M20.5%2C14%20c0%2C0.55-0.45%2C1-1%2C1h-4c-0.55%2C0-1-0.45-1-1V9h1.25v4.51h1.13V9.99h1.25v3.51h1.12V9h1.25V14z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

#fixed_nav .fixed_nav_inner .fixed_fav a {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23f7878a%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%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%22M12%2017.27L18.18%2021l-1.64-7.03L22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021z%22%2F%3E%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E');
}

#fixed_nav .fixed_nav_inner .fixed_history span {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23f7878a%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%22M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%2F%3E%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67z%22%2F%3E%3C%2Fsvg%3E');
}

#fixed_nav .fixed_nav_inner .fixed_postres 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%22%23f7878a%22%20d%3D%22M3%2017.25V21h3.75L17.81%209.94l-3.75-3.75L3%2017.25zM20.71%207.04c.39-.39.39-1.02%200-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41%200l-1.83%201.83%203.75%203.75%201.83-1.83z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E');
}

#fixed_nav .fixed_list_area {
  display: none;
}

#fixed_nav .fixed_list_area ul {
  padding-top: 5px;
  text-align: center;
}

#fixed_nav .fixed_list_area li {
  display: inline-block;
  height: 13px;
  margin: 3px;
  padding: 7px 12px;
  border: 1px solid #cccbcb;
}

#fixed_nav .fixed_list_area .fixed_list_first {
  border-radius: 30px 0 0 30px;
  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%22M18.41%2016.59L13.82%2012l4.59-4.59L17%206l-6%206%206%206zM6%206h2v12H6z%22%20fill%3D%22%23555555%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M24%2024H0V0h24v24z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

#fixed_nav .fixed_list_area .fixed_list_last {
  border-radius: 0 30px 30px 0;
  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%20fill%3D%22%23555555%22%20d%3D%22M5.59%207.41L10.18%2012l-4.59%204.59L7%2018l6-6-6-6zM16%206h2v12h-2z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

#fixed_nav .fixed_list_area .pagenation_res_button {
  border: 1px solid #f7878a;
  border-radius: 4px;
  color: #ea5458;
}

#fixed_history_list {
  position: relative;
  display: none;
  padding: 4px 10px;
}

#fixed_history_list:before {
  content: '閲覧履歴';
  display: block;
  position: absolute;
  left: 15px;
  top: -17px;
  height: 16px;
  line-height: 16px;
  padding: 3px 10px;
  border-radius: 3px 3px 0 0;
  color: #fff;
  background: #f7878a;
}

#fixed_history_list li a {
  position: relative;
  display: block;
  border-top: 1px dashed #b9b8ab;
  padding: 7px 10px 7px 20px;
  text-decoration: none;
}

#fixed_history_list li:first-of-type a {
  border-top: none;
}

#fixed_history_list li a:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 13px;
  display: block;
  width: 5px;
  height: 2px;
  background: #f7878a;
}

#fixed_history_list li a:after {
  content: '';
  position: absolute;
  left: 10px;
  top: 10px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 5px solid #f7878a;
  background: none;
}

.caution {
	position: relative;
	padding: 10px 10px 10px 41px;
	border: 1px solid #EFBA16;
	border-radius: 3px;
	background: #FFFBED;
}

.caution:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 7px;
	width: 30px;
	height: 30px;
	background: url("/common/images/theme_sprite.png") no-repeat 0 -100px;
}

#topMessage {
	padding:0 10px 0 10px;
	text-align: center;
}

.titleTextBold {
	font-weight:bold;
}

/*-----------------------------------------------------------------------------
thread_post_btn
thread_res_post_btn
---------------------------------------------------------------------------- */
.thread_post_btn,
.thread_res_post_btn {
	margin: 0 30px;
	padding-bottom: 15px;
}

.thread_post_btn a,
.thread_res_post_btn a {
	display: block;
	padding: 10px 0;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	letter-spacing: 3px;
	text-indent: 20px;
	text-decoration: none;
	background: #F77E7E;
	transition: all .25s ease-out;
}

.thread_res_post_btn a {
	background: #F398B2;
}

.thread_post_btn a:hover,
.thread_res_post_btn a:hover {
	opacity: .5;
}

.thread_post_btn span,
.thread_res_post_btn span {
	position: relative;
}

.thread_post_btn span:after,
.thread_res_post_btn span:after {
	content: "";
	position: absolute;
	left: -20px;
	top: 0;
	display: block;
	width: 15px;
	height: 15px;
	background: url("/common/images/res_button_white.png") no-repeat;
	background-size: 15px 15px;
}

.imgsize{
	max-width: 80%;
}

.imgcenter {
	text-align:center;
}

.imgcenter img {
	margin-bottom: 15px;
}

.modal-content {
	position: absolute;
	display: none;
	z-index: 100;
	max-width: 720px;
	margin: 0 15px;
	border-radius: 5px;
	box-shadow: 0 4px 4px #a5a5a5;
	background: #fff;
}

.modal-content:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	border: 13px solid #ffeb3b;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-radius: 5px 0 0 0;
}

#modal-overlay,
#pagenation-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 120%;
	background: url(/common/images/modal_overlay_bg.png);
	background-size: 4px 4px;
}

.modal-content2 {
	position: fixed;
	bottom: 0;
	z-index: 10000;
	display: none;
	width: 100%;
	margin: 0;
	border-bottom: 7px solid #EF80A0;
	border-bottom-color: rgba(239,128,160,0.9);
}

.modal-content .modal-inner {
	padding: 10px 20px 20px 20px;
}

.modal-content2 .modal-inner {
	position: relative;
	padding: 26px 15px 16px 20px;
	box-shadow: 0 -2px 2px #CECECE;
	background: #fff;
	background-color: rgba(255,255,255,0.97);
}

.modal-content2 .modal-inner:before {
	content: "";
	float: left;
	display: block;
	width: 55px;
	height: 50px;
	background: url(/common/images/pencil_134x134.png) no-repeat center top;
	background-size: 50px 50px;
}

#modal-sym .modal-inner:before {
	content: "共感！";
	float: left;
	width: 50px;
	height: 20px;
	line-height: 20px;
	margin: 7px 0 0 4px;
	padding: 6px 2px 6px 25px;
	color: #000;
	font-size: 15px;
	font-weight: normal;
	background: url(/common/images/sympathy_off.png) no-repeat 5px center;
	background-size: 18px 15px;
	animation: sym_ani 1s ease 1s infinite alternate;
}

@keyframes sym_ani {
	0%   {background-image: url(/common/images/sympathy_off.png);}
	50%  {background-image: url(/common/images/sympathy_off.png);}
	100% {background-image: url(/common/images/sympathy.png);}
}

#modal-sym .sym_arrow {
	position: relative;
}

#modal-sym .sym_arrow:before,
#modal-sym .sym_arrow:after {
	content: "";
	position: absolute;
	left: 28px;
	top: 31px;
	z-index: 100;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 8px solid #F77399;
	animation: sym_arrow_ani 1s ease 1s infinite alternate;
}

#modal-sym .sym_arrow:after {
	left: 22px;
	top: 34px;
	transform: rotate(-45deg);
}

@keyframes sym_arrow_ani {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}

.modal-content .modal-inner .modal_close_buttom {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 26px;
	height: 26px;
	border-radius: 0 5px 0 0;
	background: #434343;
}

.modal-content .modal-inner .modal_close_buttom:before,
.modal-content .modal-inner .modal_close_buttom:after {
	content: "";
	position: absolute;
	left: 11px;
	top: 4px;
	display: inline-block;
	width: 3px;
	height: 17px;
	border-radius: 1px;
	background: #ffa4b7;
	background: #f7878a;
	-webkit-transform: rotate( 45deg);
	   -moz-transform: rotate( 45deg);
	    -ms-transform: rotate( 45deg);
	     -o-transform: rotate( 45deg);
	        transform: rotate( 45deg);
}

.modal-content .modal-inner .modal_close_buttom:after {
	-webkit-transform: rotate( -45deg);
	   -moz-transform: rotate( -45deg);
	    -ms-transform: rotate( -45deg);
	     -o-transform: rotate( -45deg);
	        transform: rotate( -45deg);
}

.modal-content2 .modal-inner .modal_close_buttom {
	position: absolute;
	right: 4px;
	top: 5px;
	padding: 2px 4px 2px 17px;
	border-radius: 10px;
	color: #fff;
	font-size: 11px;
	background: #7D636B;
}

.modal-content2 .modal-inner .modal_close_buttom:before,
.modal-content2 .modal-inner .modal_close_buttom:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 4px;
	display: block;
	width: 3px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	background: #fff;
}

.modal-content .modal-inner .modal_close_buttom:after,
.modal-content2 .modal-inner .modal_close_buttom:after {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.modal-content .modal-inner p.modal_p_q {
	min-height: 31px;
	line-height: 1.5;
	margin: 10px 0;
	padding-left: 40px;
	background: url(/common/images/modal_icon_q.png) no-repeat;
	background-size: 31px 29px;
}

.modal-content .modal-inner p.modal_p_q span {
	color: #eb486a;
}

.modal-content2 .modal-inner p {
	float: right;
	width: 70%;
	width: calc(100% - 90px);
	margin-bottom: 13px;
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}


.modal-content2 .modal-inner .button_list {
	clear: both;
	text-align: center;
}

.modal-content2 .modal-inner .button_list li {
	display: inline-block;
	margin-left: 10px;
}

.modal-content2 .modal-inner .button_list li:first-of-type {
	margin-left: -10px;
}

.modal-content2 .modal-inner .button_list li.modal_close {
	text-decoration: underline;
}

.modal-content2 .modal-inner .button_list li a {
	padding: 8px 10px;
	border-radius: 20px;
	color: #fff;
	text-decoration: none;
	background: #F95585;
	box-shadow: 0 2px 0 #6B1830;
}

.modal-bottom-line {
	padding: 10px;
	border-radius: 0 0 5px 5px;
	text-align: right;
	background: #ff9eb2;
	background: #f7878a;
}

#modal-penalty-vote .modal-inner {
	padding-top: 20px;
}

#modal-penalty-vote p {
	padding-left: 88px;
	line-height: 1.5;
	font-size: 16px;
	background: url(/common/images/img_error.png) no-repeat left top;
	background-size: 78px 105px;
}

.star-button {
	display: block;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	padding: 15px 0;
	border-radius: 8px;
	color: #fff;
	font-size: 20px;
	text-shadow: -1px -1px 0 #00b7b4;
	text-decoration: none;
	box-shadow: 0 4px 0 #006b69;
	background: #00cecb;
}

.star-button span {
	position: relative;
}

@-webkit-keyframes rotate360{
	0%{
		transform: rotate( 0deg);
	}
	50%{
		transform: rotate( 180deg);
	}
	100%{
		transform: rotate( 360deg);
	}
}

.star-button span:after {
	content: "";
	position: absolute;
	right: -5px;
	top: -5px;
	display: block;
	width: 10px;
	height: 10px;
	background: url(/common/images/star_button_icon.png) no-repeat;
	background-size: 10px 10px;
	-webkit-animation-name: rotate360;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
}

.fukurolaboAd{
	text-align:right;
	font-size:70%;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
}


.layeredSec {
	position: relative;
	margin-top: -27px;
	padding-bottom: 58px;
}

.layeredSec:before,
.layeredSec:after {
	content: "";
	position: absolute;
	top: -15px;
	width: 100%;
	height: 2px;
	background: #999;
}

.layeredSec:after {
	top: -8px;
	height: 5px;
}

.layeredSec h2 {
	position: relative;
	margin: 0 0 10px 10px;
	padding: 13px 0 0 25px;
	font-size: 21px;
}

.layeredSec h2:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #999 url(/common/images/thread_list_header_arrow.png) no-repeat center center;
	background-size: 7px 10px;
}

.hotSec {
	margin-top: 30px;
	background: #fffaef;
}

.hotSec:before,
.hotSec:after {
	background: #fffaef;
}

.hotSec h2:before {
	background-color: #f9bb36;
}

.resCntSec {
	background: #ffebeb;
}

.resCntSec:before,
.resCntSec:after {
	background: #ffebeb;
}

.resCntSec h2:before {
	background-color: #f48484;
}

.newSec {
	background: #d9f2fb;
}

.newSec:before,
.newSec:after {
	background: #d9f2fb;
}

.newSec h2 {
	color: #000;
}

.newSec h2:before {
	background-color: #19a4d6;
}

.lastResSec {
	padding-bottom: 30px;
	background: #eafde5;
}

.lastResSec:before,
.lastResSec:after {
	background: #eafde5;
}

.lastResSec h2:before {
	background-color: #3fd617;
}

.resCntSec .threadList li {
	border-color: #e8d2d2;
}

.newSec .threadList li {
	border-color: #b6d2dc;
}

.lastResSec .threadList li {
	border-color: #c9e4c2;
}

.lastResSec .more {
	position: relative;
}

.lastResSec .more:before,
.lastResSec .more:after {
	content: "";
	position: absolute;
	bottom: -17px;
	width: 100%;
	height: 2px;
	background: #fff;
}

.lastResSec .more:after {
	bottom: -27px;
	height: 5px;
}

.fameSec {
	margin-top: 30px;
	background: #fff4ce;
}

.fameSec:before,
.fameSec:after {
	background: #fff4ce;
}

.fameSec h2:before {
	background-color: #cca72a;
}

.goodresSec,
.goodresSec:before,
.goodresSec:after {
	background: #fff;
}

.goodresSec h2:before {
	background-color: #f7878a;
}

.goodres_tag {
	position: absolute;
	left: 10px;
	top: -7px;
	display: inline-block;
	padding: 0 3px;
	color: #f7878a;
	font-size: 12px;
	background: #fff;
}

#content .goodres_list h1.bh {
	margin-bottom: 11px;
}

.layeredSec .more a {
	display: block;
	width: 80%;
	width: calc(100% - 50px);
	margin: 20px auto 0;
	padding: 10px 0;
	border: 1px solid #ffe9be;
	border-radius: 12px;
	text-align: center;
	text-decoration: none;
	color: #231701;
	font-size: 18px;
	text-shadow: 1px 1px #fdf5e7;
	background: #ffd57a; /* Old browsers */
	background: -moz-linear-gradient(top, #ffd57a 0%, #ffc966 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffd57a 0%,#ffc966 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffd57a 0%,#ffc966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 0 2px 1px rgba(0,0,0,0.2);
}

.layeredSec .more a span {
	position: relative;
}

.layeredSec .more a span:before,
.layeredSec .more a span:after {
	content: "";
	position: absolute;
	right: -5px;
	top: -3px;
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left-width: 3px;
	border-right-width: 3px;
	border-top-color: #fcff70;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.layeredSec .more a span:after {
	right: -1px;
	top: -5px;
	border-top-color: #fff;
	-webkit-transform: rotate(12deg);
	transform: rotate(12deg);
}

.threadList li {
	display: table;
	margin: 0 6px 7px;
	padding: 1px;
	border: 1px solid #e4dbc8;
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	background: #fff;
}

.threadList li.card_ad {
	display: block;
}

.threadList li .threadListRightArea {
	display: table-cell;
	width: 70px;
	min-width: 70px;
	border-radius: 3px 3px 3px 0;
	vertical-align: top;
	background: #fffaf1;
}

.threadList li .threadListRightArea .categoryName {
  width: 70px;
  line-height: 15px;
  border-radius: 0 3px 0 0;
  color: #7d5809;
  font-size: 11px;
  text-align: center;
  background: #f5e7c8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.threadList li .threadListRightArea dl {
	padding: 2px 5px;
	color: #7d5809;
}

.threadList li .threadListRightArea dt {
	font-size: 11px;
}

.threadList li .threadListRightArea dd {
	padding-left: 20px;
	line-height: 1;
	color: #02b9a5;
	font-weight: bold;
	background: url(/common/images/detail_area_arrow.png) no-repeat 7px center;
	background-size: 9px 9px;
}

.threadList li .threadListRightArea .threadListServiceName {
  padding-top: 5px;
  color: #d42e61;
  font-size: 11px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.threadList li .threadListLeftArea {
	position: relative;
	display: table-cell;
	width: 100%;
	padding-left: 5px;
}

.threadList li .threadListLeftArea .read_only {
	position: absolute;
	left: 10px;
	top: -7px;
	display: inline-block;
	color: #7d5809;
	font-size: 12px;
	background: #fff;
}

.threadList li .threadListLeftArea a {
	overflow : hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	min-height: 49px;
	padding-top: 6px;
	line-height: 1.5;
	color: #454545;
	font-size: 16px;
	text-overflow: ellipsis;
	text-decoration: none;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.threadList li .threadListLeftArea .threadListLeftAreaBottom {
	height: 18px;
	line-height: 18px;
	font-size: 12px;
}

.threadList li .threadListLeftArea .threadListLeftAreaBottom .hit {
	position: absolute;
	bottom: 3px;
	left: 7px;
	display: inline-block;
	padding-left: 20px;
	color: #986802;
	background: url(/common/images/icon_hit.png) no-repeat left 3px;
	background-size: 18px 12px;
}

.threadList li .threadListLeftArea .threadListLeftAreaBottom time {
	position: absolute;
	bottom: 3px;
	right: 10px;
	display: inline-block;
	padding-left: 16px;
	color: #333333;
	background: url(/common/images/icon_time.png) no-repeat left center;
	background-size: 13px 13px;
}

#to_threadlist_links {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	padding: 7px 0;
	text-align: center;
	font-size: 0;
	background: rgba(0, 0, 0, 0.5);
}

#to_threadlist_links li {
	display: inline-block;
	margin-right: 10px;
}

#to_threadlist_links li:last-of-type {
	margin-right: 0;
}

#to_threadlist_links li a {
	display: block;
	padding: 5px 10px;
	border-radius: 7px;
	font-size: 16px;
	text-decoration: none;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
	color: #fff;
	background: #000;
}

#to_threadlist_links li:nth-of-type(1) a {
	background: #f3af1d;
}

#to_threadlist_links li:nth-of-type(2) a {
	background: #f35e8a;
}

#to_threadlist_links li:nth-of-type(3) a {
	background: #19A4D6;
}

#to_threadlist_links li:nth-of-type(4) a {
	background: #44bd24;
}

/* #toiawase
---------------------------------------------------------------------------- */

#toiawase .postArea01 input {
	max-width: 100%;
}

#toiawase .postArea01 p textarea {
	height: 200px;
}



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

  #board_threadlist

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

#content #board_threadlist ul li ul {
	display: none;
}

#content #board_threadlist ul .board_threadlist_close {
	display: none;
}

#content #board_threadlist ul .on {
	display: block;
}

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

  .explanation

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

.explanation {
	padding: 15px 10px 5px;
	background: #F5F5F5;
}

.explanation .explanation_inner {
	margin-bottom: 10px;
	padding: 10px 10px 0;
	background: #fff;
}

.explanation .explanation_inner dl,
.explanation .explanation_inner p {
	padding-bottom: 10px;
}

.explanation .explanation_inner dl dd {
	position: relative;
	padding-left: 15px;
}

.explanation .explanation_inner dl dd:before {
	content: "";
	position: absolute;
	left: 7px;
	top: 10px;
	width: 2px;
	height: 2px;
	background: #e9546b;
}

.explanation .explanation_inner .explanation_pink {
	color: #ea6b6d;
	font-weight: bold;
}

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

  .toggle_area

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

.toggle_area .toggle_switch {
	position: relative;
	left: 0;
	margin-bottom: 10px;
	padding-left: 20px;
	text-decoration: underline;
	transition: all .20s ease-out;
}

.toggle_area .toggle_switch_on {
	left: 5px;
	color: #ea4660;
}

.toggle_area .toggle_switch:after {
	content: "";
	position: absolute;
	left: 1px;
	top: 1px;
	width: 15px;
	height: 15px;
	background: url(/common/images/ico_arrow16.png) no-repeat;
	background-size: 15px;
	transform: rotate(0deg);
	transition: all .5s ease-out;
}

.toggle_area .toggle_switch_on:after {
	transform: rotate(45deg);
}

.toggle_block {
	position: relative;
	display: none;
	border: 1px solid #f7878a;
}

.toggle_block_on {
	display: block;
}

.toggle_area .toggle_block_on:before {
	content: "";
	position: absolute;
	left: 30px;
	top: -10px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-bottom-color: #f7878a;
}

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

  .mythread_new

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

.mythread_new {
	padding:0 10px 10px;
	background: #F5F5F5;
}

.mythread_new h2 {
	position: relative;
	padding: 5px 0 5px 12px;
	font-weight: bold;
}

.mythread_new h2:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 0px;
	height: 7px;
	border-left: 7px solid #ea6b6d;
	/*border-right: 7px solid #695a5e;*/
}

.mythread_new .resList03 {
	background: #fff;
}


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

  .general_block

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

.general_block h1,
.general_block h2,
.general_block h3,
.general_block li,
.general_block p {
	margin-bottom: 10px;
}

.general_block h2,
.general_block p {
	margin: 0 10px 10px;
}

.general_block h2 {
	position: relative;
	padding-left: 13px;
	font-size: 1.2em;
	letter-spacing: 1px;
}

.general_block h2:after {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	display: block;
	width: 8px;
	height: 8px;
	background: #e74b64;
}

.general_block .result {
	font-size: 1.5em;
}

.general_block .btnList p {
	margin: 0;
}

.general_block .btn01 {
	width: 200px;
	margin: 0 auto;
}

.general_block .toggle_area {
	margin: 0 10px 10px;
}

.general_block .toggle_area h2 {
	margin: 0 0 10px;
}

.general_block .toggle_area .toggle_block {
	padding: 6px;
}

.general_block .modal-inner h2,
.general_block .modal-inner p {
	margin: 0 0 10px;
}

.general_block .modal-inner .result {
	min-width: 250px;
	margin: 20px 0 10px;
	color: #ff6686;
	color: #f7878a;
	font-weight: bold;
	font-size: 1.4em;
}

.general_block .checkBox02 {
	border: none;
}

.general_block .pink_area {
	position: relative;
	margin: 20px 0 10px;
	padding: 15px 10px 0;
	border-radius: 5px;
	border: 1px solid #ff94b3;
}

.general_block .pink_area .pink_area_title {
	position: absolute;
	top: -10px;
	left: 7px;
	padding: 0 10px;
	border-top: none;
	border-bottom: none;
	color: #ff2665;
	background: #fff;
}

.general_block .pink_area .pink_area_title:before,
.general_block .pink_area .pink_area_title:after {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
	width: 5px;
	height: 5px;
	margin-top: -2px;
	background: #ff6290;
}

.general_block .pink_area .pink_area_title:before {
	left: 0;
}

.general_block .pink_area .pink_area_title:after {
	right: 0;
}

.general_block .pink_area_hide {
	display: none;
}

.general_block .pageCheck label {
	width: auto;
}

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

  .update_mark

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

.update_mark {
	position: absolute;
	left: 50%;
	top: 17px;
	display: none;
	width: 6px;
	height: 6px;
	margin-left: -2.8em;
	background: #ff174b;
	border-radius: 10px;
	animation: update_mark_anime .5s ease-out 0s 5 normal;
}

@keyframes update_mark_anime {
	0% {
		background: aqua;
		opacity: 0;
	}
	50% {
		background-color: #fbff49;
		opacity: 1;
	}
	100% {
		background-color: #ff174b;
		opacity: 1;
	}
}

.update_mark:after {
	content: "";
	display: block;
	position: absolute;
	right: 1px;
	top: 4px;
	border: 1px solid #ffb5c6;
	border-left: transparent;
	border-bottom: transparent;
}

.update_mark .update_mark_anim1,
.update_mark .update_mark_anim2,
.update_mark .update_mark_anim3 {
	position: absolute;
	left: -1px;
	top: -5px;
	display: inline-block;
	width: 2px;
	height: 3px;
	background: #ff174b;
	border-radius: 10px;
	opacity: 0;
}

.update_mark .update_mark_anim1 {
	transform: rotate( -45deg);
	animation: update_mark_anime1 .3s ease-out 0s 3 normal;
}

.update_mark .update_mark_anim2 {
	/*transform: rotate( -45deg);*/
	left: 2px;
	animation: update_mark_anime2 .3s ease-out 0.1s 3 normal;
}

.update_mark .update_mark_anim3 {
	left: 4px;
	transform: rotate( 45deg);
	animation: update_mark_anime3 .3s ease-out 0.2s 3 normal;
}


@keyframes update_mark_anime1 {
	0% {
		height: 3px;
		background: aqua;
		opacity: 1;
	}
	50% {
		top: -10px;
		left: -6px;
		height: 6px;
		background-color: #fbff49;
		opacity: 1;
	}
	100% {
		top: -10px;
		left: -6px;
		height: 0;
		background-color: #ff174b;
		opacity: 1;
	}
}

@keyframes update_mark_anime2 {
	0% {
		height: 3px;
		background: aqua;
		opacity: 1;
	}
	50% {
		top: -12px;
		height: 6px;
		background-color: #fbff49;
		opacity: 1;
	}
	100% {
		top: -12px;
		height: 0;
		background-color: #ff174b;
		opacity: 1;
	}
}


@keyframes update_mark_anime3 {
	0% {
		height: 3px;
		background: aqua;
		opacity: 1;
	}
	50% {
		top: -10px;
		left: 10px;
		height: 6px;
		background-color: #fbff49;
		opacity: 1;
	}
	100% {
		top: -10px;
		left: 10px;
		height: 0;
		background-color: #ff174b;
		opacity: 1;
	}
}


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

  .left_arrow

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

.left_arrow {
	position: relative;
	padding-left: 10px;
}

.left_arrow:after {
	content: "";
	position: absolute;
	left: 2px;
	top: 6px;
	display: block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 6px solid #ff6290;
	border-radius: 2px;
}


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

  #mythreadAdd

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

#mythreadAdd .general_block {
	margin-bottom: 10px;
}

#mythreadAdd form {
	margin: 0 10px;
}


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

  .resnoti_option

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

.resnoti_option label {
	float: none;
	width: auto;
}


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

  .bottomBtnList

---------------------------------------------------------------------------- */
#content .bottomBtnList img[src$="/images/ico_button01.png"] {
	width:12px;
	height:12px;
}
#content .bottomBtnList img[src$="/images/ico_button03.png"] {
	width:18px;
	height:18px;
}

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

  #upimage_label
  #upimage_disabled

---------------------------------------------------------------------------- */
#upimage_label,
#upimage_disabled {
  padding: 6px 10px 6px 35px;
  border-radius: 4px;
  border: 1px solid #f7878a;
  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%20fill%3D%22%23f7878a%22%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3Cscript%20xmlns%3D%22%22%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.2%22%2F%3E%20%3Cpath%20d%3D%22M9%202L7.17%204H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2h-3.17L15%202H9zm3%2015c-2.76%200-5-2.24-5-5s2.24-5%205-5%205%202.24%205%205-2.24%205-5%205z%22%2F%3E%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E') no-repeat 5px center;
}

#upimage_label input,
#upimage_disabled input {
  display: none;
}

.image-editor-guide {
	display: none;
}

#upimage_disabled {
  border: 1px solid #ccc;
  color: #8a8a8a;
  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%20fill%3D%22%23bbb%22%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.2%22%2F%3E%20%3Cpath%20d%3D%22M9%202L7.17%204H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2h-3.17L15%202H9zm3%2015c-2.76%200-5-2.24-5-5s2.24-5%205-5%205%202.24%205%205-2.24%205-5%205z%22%2F%3E%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E');
}

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

  .uploadtmp_outside

---------------------------------------------------------------------------- */
.uploadtmp_outside img {
  margin: 5px 0;
}

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

  #image_ctl

---------------------------------------------------------------------------- */
.image_ctl {
  margin: 5px 0;
}

.image_ctl input {
  margin-right: 10px;
  border-radius: 4px;
  border: 1px solid #edb0c2;
  background: none;
}

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

  #camobile_ad

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

#camobile_ad a {
  font-size: 1rem;
}

#caMobile_pr {
  margin: -20px 0 10px 10px;
  color: #e0929e;
}

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

  .sysope

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

.outside_link {
  position: relative;
  display: inline-block;
  margin:  0 10px;
  padding-left: 13px;
  text-decoration: none;
}

.outside_link:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  display: block;
  border: 3px solid transparent;
  border-left-color: #f55b8c;
}

#thread_main .outside_link {
  margin-bottom: 10px;
}

#thread_main .outside_link:before {
  top: 4px;
}

.res_list_child .outside_link {
  margin-left: 15px;
  padding: 2px 5px 2px 13px;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 5px 5px;
  font-size: 12px;
  background: #efefef;
}

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

  #goodAnser

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

#goodAnser{
	font-size:120%;
}