@charset "utf-8";

/* [color set] ----------

■txt-common
#666
rgba(102,102,102,1)

■txt-primary
#ffaf05
rgba(255,175,5,1)

■txt-link
#4bae17
rgba(75,174,23,1)

■box-main-bg
#fff
rgba(255,255,255,0.94)

■box-sub-bg1(ivory)
#f7f7ed
rgba(247,247,237,0.94)

■box-sub-bg2(purple)
#fae6eb
rgba(250,230,235,0.94)

■box-line-dots
#d5d5d5
rgba(213,213,213,1)

■box-sub-line1(balloon-border-img)
#d7d7b1
rgba(215,215,177,0.94)

■box-sub-line2(res-after-border)
#efefe2
rgba(239,239,226,0.94)

■tag-bg
#7bc8d8
rgba(123,200,216,1)
------------------------*/

/*=================================================0==
	初期設定
===================================================*/
html
{
	background: #fff;
	text-align: center;
	overflow-x: hidden;
	font-size: 62.5%;
}
body
{
	position: relative;
	min-width: 320px;
	background: #fff;
	font-size: 100%;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
}
body,input,select,textarea,button
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	color: #666;
}
input,select,textarea,button
{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	line-height: inherit;
}
select::-ms-expand{display: none;}
button
{
	cursor: pointer;
	padding: 0;
	border: none;
	outline: none;
	font-size: inherit;
	background: none;
}
button::-moz-focus-inner
{
	border: 0;
	padding: 0;
	margin-top:-2px;
	margin-bottom: -2px;
}

img{vertical-align: bottom;}
.img-responsive{width: 100%;}

*
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.content-box
{
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

a{color: #4bae17; text-decoration: underline; cursor: pointer;}
a:hover, a:active{color: #4bae17; text-decoration: underline;}
a:focus {overflow: visible;}

.clearfix:after
{
	content: ".";
	height: 0;
	line-height:0;
	font-size:0;
	clear: both;
	display: block;
	visibility: hidden;
}
.sr-only
{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

h1{font-size: 2.4rem;}
h2{font-size: 1.8rem;}
h3{font-size: 1.4rem;}
h4{font-size: 1.2rem;}

.container
{
	min-width: 320px;
	margin-right: auto;
	margin-left: auto;
}

#header, .head-nav, .head-nav *,
.box.thread, .box.thread *,
.toggle-icon-list li .detail-box, .toggle-icon-list li .detail-box *
{
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.check-linkage
{
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.check-linkage+label{cursor: pointer;}
.pointer{cursor: pointer;}
.alpha0
{
	opacity: 0 !important;
	filter: alpha(opacity=0) !important;
	-ms-filter: "alpha(opacity=0)" !important;
}
.alpha20
{
	opacity: 0.2 !important;
	filter: alpha(opacity=20) !important;
	-ms-filter: "alpha(opacity=20)" !important;
}
.alpha40
{
	opacity: 0.4 !important;
	filter: alpha(opacity=40) !important;
	-ms-filter: "alpha(opacity=40)" !important;
}
.alpha60
{
	opacity: 0.4 !important;
	filter: alpha(opacity=60) !important;
	-ms-filter: "alpha(opacity=60)" !important;
}
.alpha80
{
	opacity: 0.8 !important;
	filter: alpha(opacity=80) !important;
	-ms-filter: "alpha(opacity=80)" !important;
}
.alpha100
{
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha(opacity=100)" !important;
}



header, footer{position: relative; z-index: 1000;}


#contents_overlay
{
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
}

/* inline space reject */
.foot-nav-icons, .menu-icons, .pager,
.inline-horizontal.select-date,
.switch-option .inline-horizontal{font-size: 0;}

.menu-icons li,
.switch-option .inline-horizontal .radio-slider{font-size: 1.0rem; font-size: 10px\9;}




/*===================================================
	汎用モジュール
===================================================*/

/*----- wall -----*/
.wall
{
	background-size: 47px 39px;
	-webkit-background-size: 47px 39px;
}
.wall.yellow{background-image: url(../img/bg_wall_yellow.jpg);}
.wall.vivid {background-image: url(../img/bg_wall_vivid.jpg);}




/*----- .btn.common -----*/
.btn.common
{
	position: relative;
	display: inline-block;
	width: 100%;
	border-radius: 5px;
	border: 2px #4bae17 solid;
	background-color: #fff;
	padding: 2px;
}
.btn.common.black {
	border: 2px #000000 solid;
}
.btn.common.line {
	border: 2px #06C755 solid;
}
.btn.common .btn-inner
{
	display: block;
	padding: 8px;
	font-size: 1.4em;
	color: #fff;
	width: 100%;
	height: 100%;
	background-color: #4bae17;
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
}
.btn.common.small .btn-inner{padding: 2px 8px; font-size: 1.2em;}
.btn.common.green{border-color: #4bae17;}
.btn.common.green .btn-inner{background: #4bae17;}
.btn.common.apricot{border-color: #bbbb77;}
.btn.common.apricot .btn-inner{background: #bbbb77;}
.btn.common.black .btn-inner {
	background: #000000;
}
.btn.common.black .btn-inner img {
	height: 1.5em;
}
.btn.common.line .btn-inner {
	background: #06C755;
}
.btn.common.line .btn-inner img {
	height: 1.5em;
}
.btn.style-none, .btn.style-none .btn-inner
{
	z-index: 0 !important;
	border-color: transparent !important;
	background: none !important;
}

.btn-horizontal{margin-right: -2%; margin-left: -2%;}
.btn-horizontal > .btn
{
	float: left;
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
}

.btn-file
{
	position: relative;
	z-index: 1;
}
.btn-file + input[type="file"]
{
	cursor: pointer;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 5px;
	width: 100%;
	vertical-align: middle;
	word-break: break-all;
	white-space: normal;
}
.file-img{margin-top: 10px; text-align: center;}
.file-img img{cursor: pointer; max-width: 150px;}


/*----- .btn.circle -----*/
.btn.circle a
{
	display: inline-block;
	width: 45px;
	height: 45px;
	background: no-repeat center top;
	background-size: 45px 45px;
	-webkit-background-size: 45px 45px;
}
.btn.circle.menu_backnumber a{background-image: url(../img/btn_circle_menu_backnumber.png);}
.btn.circle.menu_search a    {background-image: url(../img/btn_circle_menu_search.png);}
.btn.circle.menu_ranking a   {background-image: url(../img/btn_circle_menu_ranking.png);}
.btn.circle.menu_clip a      {background-image: url(../img/btn_circle_menu_clip.png);}

.btn.circle.matome_all-open a {background-image: url(../img/btn_circle_matome_all-open.png);}
.btn.circle.matome_all-close a{background-image: url(../img/btn_circle_matome_all-close.png);}
.btn.circle.matome_help a     {background-image: url(../img/btn_circle_matome_help.png);}

.btn.circle.pager_prev a     {background-image: url(../img/btn_circle_pager_prev.png);}
.btn.circle.pager_next a     {background-image: url(../img/btn_circle_pager_next.png);}
.btn.circle.pager_reload a   {background-image: url(../img/btn_circle_pager_reload.png);}

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


/*----- .badge -----*/
.badge
{
	display: inline-block !important;
	width: 30px !important;
	height: 30px !important;
	padding: 0 !important;
	vertical-align: middle;
	background: no-repeat;
	background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
}
.badge.badge-comment{background-image: url(../img/badge_comment.png);}

.btn .badge{position: absolute; right: 10px; top: -10px;}


/*----- .txt-badge -----*/
.txt-badge
{
	display: inline-block;
	min-width: 34px;
	padding: 0 1px;
	margin-top: -1px;
	font-size: 1rem;
	font-size: 10px\9;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.txt-badge.head{margin-right: 0.5em;}
.txt-badge.foot{margin-left: 0.5em;}

.txt-badge.private{background: #666;}
.txt-badge.public {background: #7dc500;}
.txt-badge.limit  {background: #ffa4bc;}




/*----- .box -----*/
.box
{
	position: relative;
	padding: 12px 10px;
	border-radius: 6px;
}
.box.fill
{
	margin-right: -10px;
	margin-left: -10px;
	border-radius: 0;
}
.box.bg.white, .box .bg.white
{
	background: rgba(255,255,255,0.94);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0ffffff,endColorstr=#f0ffffff);
}
.box.bg.ivory, .box .bg.ivory
{
	background: rgba(247,247,237,0.94);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f7f7ed,endColorstr=#f0f7f7ed);
}
.box.bg.purple, .box .bg.purple
{
	background: rgba(250,230,235,0.94);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0fae6eb,endColorstr=#f0fae6eb);
}
.bg:not(:target){filter: none;}


.box .img_fill
{
	margin-right: -10px;
	margin-left: -10px;
}
.box .img_fill img
{
	max-width: 600px;
	width: 100%;
}


/*----- .list-box -----*/
.list-box.list-title-box .top-title
{
	padding: 10px;
	border-radius: 6px 6px 0 0;
	line-height: 2em;
	font-size: 1.5em;
}
.list-box.list-title-box .solid-list{border-radius: 0 0 6px 6px}

.solid-list li{border-top: 1px solid rgba(215,215,177,0.94); border-top: 1px solid #d7d7b1\9; padding: 10px 0;}

.dot-list li{border-top: 1px dotted #d5d5d5; padding: 10px 0;}
.dot-list.noborder-top li:first-child, .noborder-top{border-top: none !important;}

.arrow-list{font-size: 1.4em; text-align: left;}
.arrow-list li{padding: 0;}
.arrow-list li > span, .arrow-list li > a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 20px 35px 20px 10px;
	color: #666;
	text-decoration: none;
}
.arrow-list li > span:after, .arrow-list li > a:after
{
	content: "";
	position: absolute;
	right: 10px;
	top: 0;
	width: 25px;
	height: 100%;
	background: url(../img/icon_list_arrow-right.png) no-repeat right center;
	background-size: 25px 25px;
	-webkit-background-size: 25px 25px;
}

.list-box{padding: 0;}
.list-box .solid-list li:first-child, .list-box .dot-list li:first-child{border-top: none;}
.list-box .solid-list.border-top li:first-child{border-top: 1px solid rgba(215,215,177,0.94); border-top: 1px solid #d7d7b1\9;}
.list-box .dot-list.border-top li:first-child{border-top: 1px dotted #d5d5d5;}


/*----- .icon-list -----*/
.icon-list{text-align: left;}
.icon-list li
{
	position: relative;
	min-height: 75px;
	padding: 0;
}
.icon-list li > a, .icon-list li > span
{
	display: table;
	position: relative;
	z-index: 10;
	width: 100%;
	padding: 0 10px 0 5px;
	font-size: 2rem;
	font-size: 20px\9;
	color: #666;
	text-decoration: none;
	background: rgba(255,255,255,0.94);
}
.icon-list li:first-child > a, .icon-list li:first-child > span{border-radius: 6px 6px 0 0;}
.icon-list li:last-child > a, .icon-list li:last-child > span  {border-radius: 0 0 6px 6px;}
.icon-list li:only-child > a, .icon-list li:only-child > span  {border-radius: 6px;}
.icon-list li > a > span, .icon-list li > span > span{display: table-cell;}
.icon-list li > a > .title, .icon-list li > span > .title
{
	width: 100%;
	margin-left: -75px;
	vertical-align: middle;
}
.icon-list .icon-board
{
	display: inline-block;
	width: 75px;
	height: 75px;
	padding: 10px;
	vertical-align: middle;
}
.icon-list .icon-board img
{
	width: 55px;
	height: 55px;
	height: 100%;
	vertical-align: bottom;
}

.toggle-icon-list:after
{
	content: "";
	display: block;
	height: 10px;
	border-radius: 0 0 6px 6px;
	background: rgba(255,255,255,0.94);
}
.toggle-icon-list li > a, .toggle-icon-list li > span{background: none;}
.icon-list li .finished
{
	background-image: url(../img/bg_board_finished.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 94px 57px;
	-webkit-background-size: 94px 57px;
}
.toggle-icon-list .detail-toggle-btn{position: relative; z-index: 0;}
.toggle-icon-list .detail-toggle-btn a
{
	display: block;
	position: relative;
	width: 100%;
	height: 57px;
	margin-top: -75px;
	background: rgba(255,255,255,0.94);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0ffffff,endColorstr=#f0ffffff);
}
.toggle-icon-list li:first-child .detail-toggle-btn a{border-radius: 6px 6px 0 0;}
.toggle-icon-list .detail-toggle-btn a:before, .toggle-icon-list .detail-toggle-btn a:after
{
	content: "";
	position: absolute;
	right: 0;
	bottom: -18px;
	height: 18px;
}
.toggle-icon-list .detail-toggle-btn a:before
{
	z-index: 1;
	right: 10px;
	width: 30px;
	background: url(../img/icon_list_toggle.png) no-repeat;
	background-size: 30px 18px;
	-webkit-background-size: 30px 18px;
}
.toggle-icon-list .on .detail-toggle-btn a:before{background-image: url(../img/icon_list_toggle_on.png)}
.toggle-icon-list .detail-toggle-btn a:after
{
	width: 100%;
	background: url(../img/bg_icon_list_extend.png) repeat-x;
	background-size: 1px 18px;
	-webkit-background-size: 1px 18px;
}
.toggle-icon-list .detail-box
{
	max-height: 0;
	overflow: hidden;
	margin-top: 18px;
}
.toggle-icon-list .detail-box .detail-box-inner
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	padding: 10px;
	border-bottom: 1px solid #efefe2;
}
.toggle-icon-list .on .detail-box .detail-box-inner
{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.toggle-icon-list .detail-box .detail-box-inner .txt{font-size: 1.1em; line-height: 1.4em;}


/*----- .tight-list -----*/
.tight-list li > a, .tight-list li > span{padding-top: 15px; padding-bottom: 15px;}




/*----- .popup -----*/
#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
}
.popup
{
	display: none;
	position: absolute;
	top: 35px;
	left: 0px;
	right: 0px;
	z-index: -1;
	margin: 0 auto;
	padding-right: 10px;
	padding-left: 10px;
}


/*----- .border -----*/
hr{margin-top: 5px; margin-bottom: 5px;}
hr.border-dots{border-bottom: 1px dotted #d5d5d5;}


/*----- .form-wrap -----*/
.form-wrap{text-align: left;}
.form-wrap label{font-size: 1.2em;}
.form-wrap .form-item{padding-top: 10px;}
.form-wrap .form-item:first-child{padding-top: 5px;}
.form-wrap .form-item label{line-height: 1.2em; font-size: 1.4em; font-size: 14px\9;}
.form-wrap .form-item label .icon{margin-right: 0.25em;}
.form-wrap input[type="text"], .form-wrap input[type="tel"],
.form-wrap input[type="number"], .form-wrap input[type="password"],
.form-wrap select, .form-wrap textarea
{
	width: 100%;
	min-width: 75px;
	padding: 5px;
	margin-top: 3px;
	font-size: 1.4rem;
	font-size: 14px\9;
	border: 1px solid #d7d7b1;
	background: #f7f7ed;
}
.form-wrap select{padding-right: 33px; padding-left: 1px; padding-right: 5px\9; padding-left: 3px\9;}
.form-wrap .selector{position: relative;}
.form-wrap .selector:after
{
	pointer-events: none;
	content: "";
	display: block;
	display: none\9;
	position: absolute;
	right: 10px;
	top: 0;
	width: 12px;
	height: 100%;
	background: url(../img/icon_form_selector.png) right center no-repeat;
	background-size: 12px 9px;
	-webkit-background-size: 12px 9px;
}
textarea.noresize{resize: none;}
.form-wrap .select-view-box{min-height: 63px;}

.textarea-balloon{position: relative; margin-bottom: 15px;}
.textarea-balloon:after
{
	content: "";
	position: absolute;
	left: 0;
	bottom: -11px;
	width: 100%;
	height: 12px;
	background: url(../img/bg_balloon_border_textarea.png) no-repeat center bottom;
	background-size: 13px 12px;
	-webkit-background-size: 13px 12px;
}
.textarea-balloon textarea{margin-bottom: 0; vertical-align: bottom;}

.readonly-box
{
	width: 100%;
	min-height: 29px;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 2px;
	font-size: 1.4rem;
	font-size: 14px\9;
	border: 1px solid #ccc;
	background: #fff;
}
.inline-single-box > div, .inline-single-box > input, .inline-single-box > select
{
	display: inline-block;
	width: auto;
	min-width: 75px;
}
.inline-single-box > input{width: 0 !important;}
.inline-single-box > .center-mark{min-width: 1em !important; text-align: center;}
.inline-horizontal{margin-right: -1%; margin-left: -1%;}
.inline-horizontal > div, .inline-horizontal > input, .inline-horizontal > select
{
	display: inline-block;
	width: auto;
	margin-right: 1%;
	margin-left: 1%;
	vertical-align: middle;
}
.inline-horizontal.column-2 > div, .inline-horizontal.column-2 > li, .inline-horizontal.column-2 > input, .inline-horizontal.column-2 > select{width: 48%;}
.select-date > div{width: 29%;}
.select-date > .select-year{width: 36%;}




/*----- .icon -----*/
.icon
{
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left center;
}

.icon-pencil
{
	width: 16px;
	height: 17px;
	background-image: url(../img/icon_pencil.png);
	background-size: 16px 17px;
	-webkit-background-size: 16px 17px;
}
.icon-pencil.small
{
	width: 12px;
	height: 13px;
	background-image: url(../img/icon_pencil_s.png);
	background-size: 12px 13px;
	-webkit-background-size: 12px 13px;
}

.icon-clip
{
	width: 10px;
	height: 15px;
	background-image: url(../img/icon_clip.png);
	background-size: 10px 15px;
	-webkit-background-size: 10px 15px;
}

.icon-balloon_l
{
	width: 21px;
	height: 18px;
	background-image: url(../img/icon_balloon_comment_orange_l.png);
	background-size: 21px 18px;
	-webkit-background-size: 21px 18px;
}


/*----- .box.thread -----*/
.box.thread{padding: 0;}
.box.thread .thread-inner{overflow: hidden;}
.box.thread .thread-head, .box.thread .thread-body:first-child{border-radius: 6px 6px 0 0;}
.box.thread .thread-head + .thread-inner .thread-body:first-child{border-radius: 0;}
.box.thread .thread-body:last-child {border-radius: 0 0 6px 6px;}
.box.thread .thread-body:only-child {border-radius: 6px;}

.box.thread .thread-labels
{
	position: absolute;
	z-index: 1;
	right: 0;
	top: 10px;
	width: 60px;
	height: 50px;
}
.box.thread .thread-labels .res-count
{
	width: 21px;
	height: 50px;
	padding-top: 18px;
	font-size: 1em;
	color: #ffaf05;
	text-align: center;
	background: url(../img/icon_balloon_comment_orange_l.png) no-repeat center top;
	background-size: 21px 18px;
	-webkit-background-size: 21px 18px;
}
.box.thread .thread-labels .star-count
{
	height: 15px;
	padding-right: 18px;
	margin: 5px 15px 5px 5px;
	font-size: 1em;
	line-height: 17px;
	color: #ffaf05;
	text-align: center;
	background: url(../img/icon_star.png) no-repeat right center;
	background-size: 16px 15px;
	-webkit-background-size: 16px 15px;
}
.box.thread .thread-labels .star-count.with-label-star{color: #009aff; background: none;}

.box.thread .thread-labels .toggle-label
{
	position: absolute;
	right: -5px;
	top: 0;
	width: 36px;
	height: 33px;
}
.box.thread .thread-labels .label
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	width: 36px;
	height: 33px;
	background-repeat: no-repeat;
	background-size: 36px 33px;
	-webkit-background-size: 36px 33px;
}
.box.thread .thread-labels input[type="checkbox"] + .label.label-star        {background-image: url(../img/label_star.png);}
.box.thread .thread-labels input[type="checkbox"]:checked + .label.label-star{background-image: url(../img/label_star_on.png);}
.box.thread .thread-labels input[type="checkbox"] + .label.label-star.checked{background-image: url(../img/label_star_on.png);}
.box.thread .thread-labels input[type="checkbox"] + .label.label-clip        {background-image: url(../img/label_clip.png);}
.box.thread .thread-labels input[type="checkbox"]:checked + .label.label-clip{background-image: url(../img/label_clip_on.png);}
.box.thread .thread-labels input[type="checkbox"] + .label.label-clip.checked{background-image: url(../img/label_clip_on.png);}

.box.thread .thread-labels .label.label-deleted{background-image: url(../img/label_deleted.png);}

.box.thread .thread-main
{
	position: relative;
	padding: 12px 10px;
	font-size: 1.4em;
	text-align: left;
}
.box.thread .thread-main h2
{
	color: #ff3068;
	margin-right: 60px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #d5d5d5;
	font-size: 1.1em;
}
.box.thread .thread-main h2.noborder-bottom{border-bottom: none; padding-bottom: 0;}
.box.thread .thread-main .img{margin-top: 10px; text-align: center;}
.box.thread .thread-main p{line-height: 1.6em; margin-top: 10px;}
.box.thread .thread-main .link-wrap{text-decoration: none !important;}
.box.thread .thread-main .link-wrap p,
.box.thread .thread-main p .link-wrap{color: #666;}
.box.thread .thread-main .link-wrap h2,
.box.thread .thread-main h2 .link-wrap{color: #ff3068;}
.box.thread .thread-main.balloon .border-balloon
{
	position: absolute;
	right: 42px;
	top: 100%;
	width: 12px;
	height: 13px;
	background: url(../img/bg_balloon_border.png) no-repeat;
	background-size: 12px 13px;
	-webkit-background-size: 12px 13px;
}
.box.thread .thread-main.balloon:before, .box.thread .thread-main.balloon:after
{
	content: "";
	position: absolute;
	right: 0;
	top: 100%;
	height: 13px;
	background: url(../img/bg_balloon_border_extend.png) repeat-x;
	background-size: 1px 13px;
	-webkit-background-size: 1px 13px;
}
.box.thread .thread-main.balloon:before{width: 100%; margin-right: 42px;}
.box.thread .thread-main.balloon:after{width: 42px;}
.box.thread .thread-main.balloon.balloon-purple .border-balloon{background-image: url(../img/bg_balloon_border_purple.png);}
.box.thread .thread-main.balloon.balloon-purple:before, .box.thread .thread-main.balloon.balloon-purple:after{background-image: url(../img/bg_balloon_border_extend_purple.png);}

.box.thread .thread-sub{padding: 0 10px 7px; text-align: right;}
.box.thread .thread-main.balloon+.thread-sub{margin-top: 13px;}
.box.thread .thread-sub .sns-box{float: left; width: 25%; padding-top: 10px; padding-left: 3px;}
.box.thread .thread-sub .poster-data{float: right; width: 75%;}
.box.thread .thread-sub .poster-data > a{display: inline-block; vertical-align: bottom; color: #666; text-decoration: none;}
.box.thread .thread-sub .poster-data .name{font-size: 1.2em; color: #4bae17;}
.box.thread .thread-sub.bg.purple .poster-data a .name{color: #ff4f7f;}
.box.thread .thread-sub .poster-data > a .name{text-decoration: underline;}
.box.thread .thread-sub .tag-list{margin-top: 15px;}
.box.thread .thread-sub .stamp-list{margin-top: 12px;}
.box.thread .thread-sub .res-toggle-btn{position: relative; margin-top: -15px; padding-bottom: 7px; text-align: left;}
.box.thread .thread-sub .res-toggle-btn a
{
	display: inline-block;
	height: 15px;
	padding-left: 15px;
	font-size: 1.1em;
	line-height: 17px;
	vertical-align: bottom;
	text-decoration: none;
	background: url(../img/icon_toggle_simple.png) no-repeat left top;
	background-size: 13px 13px;
	-webkit-background-size: 13px 13px;
}

.box.thread .thread-sub .res .txt{margin-bottom: 5px; text-align: left; font-size: 1.4em;}
.box.thread .thread-sub .res .res-comment
{
	min-height: 15px;
	padding-left: 1.4em;
	background: url(../img/icon_balloon_comment_orange.png) no-repeat left top;
	background-size: 17px 15px;
	-webkit-background-size: 17px 15px;
}


.box.thread .thread-bottom.border-top{border-top: 1px solid #efefe2;}
.box.thread .thread-bottom > .btn a
{
	display: block;
	width: 100%;
	padding: 10px;
	vertical-align: bottom;
	font-size: 1.4em;
	text-decoration: none;
}
.box.thread .thread-bottom .icon-comment
{
	padding-left: 18px;
	background: url(../img/icon_balloon_comment_green_s.png) no-repeat left 2px;
	background-size: 16px 14px;
	-webkit-background-size: 16px 14px;
}
.box.thread .thread-bottom .icon-comment.icon-balloon-clip{background-image: url(../img/icon_balloon_clip.png);}


.box.thread .thread-bottom > .btn.unread a{color: #ff3068;}
.box.thread .thread-bottom > .btn.unread a .icon-comment{background-image: url(../img/icon_balloon_comment_pink_s.png);}

.box.thread .thread-bottom .form-wrap{padding: 10px;}


/*----- .box.thread.summary -----*/
.box.thread .thread-head{min-height: 40px;}
.box.thread .edit-btns{padding: 5px 10px; margin-right: -7px; margin-left: -7px;}
.box.thread .edit-btns li{float: left; margin-right: 7px; margin-left: 7px;}
.btn.edit a
{
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}
.box.thread.summary .btn.edit.up a    {background-image: url(../img/btn_edit_arrow_up.png);}
.box.thread.summary .btn.edit.down a  {background-image: url(../img/btn_edit_arrow_down.png);}
.box.thread.summary .btn.edit.toggle a{background-image: url(../img/btn_edit_toggle.png);}
.box.thread.summary.on .btn.edit.toggle a{background-image: url(../img/btn_edit_toggle_on.png);}
.box.thread.summary .thread-labels .label{top: -4px;}

.box.thread.summary .thread-inner{max-height: 50px; border-radius: 0 0 6px 6px;}
.box.thread.summary .thread-main > *, .box.thread.summary .thread-sub
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.box.thread.summary .thread-main h2
{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.box.thread.summary.on .thread-inner{max-height: none;}
.box.thread.summary.on .thread-main > *, .box.thread.summary.on .thread-sub
{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.box.thread.summary.on .thread-main h2
{
	overflow: auto;
	white-space: normal;
	text-overflow: clip;
}


/*----- .box.thread.summary .res-wrap -----*/
.box.thread.summary .thread-sub .res-wrap .res-list{max-height: 0; overflow: hidden;}
.box.thread.summary .thread-sub .res-wrap .res-list li
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.box.thread.summary .thread-sub .res-wrap .res-toggle-btn a .txt_on {display: none;}
.box.thread.summary .thread-sub .res-wrap .res-toggle-btn a .txt_off{display: inline;}

.box.thread.summary .thread-sub .res-wrap.on .res-list{max-height: none;}
.box.thread.summary .thread-sub .res-wrap.on .res-list li
{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.box.thread.summary .thread-sub .res-wrap.on .res-toggle-btn a{background-image: url(../img/icon_toggle_simple_on.png);}
.box.thread.summary .thread-sub .res-wrap.on .res-toggle-btn a .txt_on {display: inline;}
.box.thread.summary .thread-sub .res-wrap.on .res-toggle-btn a .txt_off{display: none;}

.thread-sub .res-wrap .res-list li.btn-more-view{padding: 0; border-top: none;}


/*----- .tag-list -----*/
.tag-list
{
	margin-right: -3px;
	margin-left: -3px;
	margin-bottom: -10px;
	text-align: left;
}
.tag-list li
{
	float: left;
	margin-right: 3px;
	margin-left: 6px;
	margin-bottom: 10px;
}
.tag-list li > a, .tag-list li > span
{
	position: relative;
	display: inline-block;
	padding: 3px 9px 3px 17px;
	border-radius: 3px;
	vertical-align: bottom;
	color: #fff;
	text-decoration: none;
	background: #7bc8d8;
}
.tag-list li > a:before, .tag-list li > a:after,
.tag-list li > span:before, .tag-list li > span:after
{
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	background: no-repeat left center;
}
.tag-list li > a:before, .tag-list li > span:before
{
	z-index: 1;
	left: 4px;
	width: 7px;
	background-size: 7px 7px;
	-webkit-background-size: 7px 7px;
}
.bg.ivory .tag-list li > a:before, .bg.ivory .tag-list li > span:before{background-image: url(../img/img_tag_hole_ivory.png);}
.bg.white .tag-list li > a:before, .bg.white .tag-list li > span:before{background-image: url(../img/img_tag_hole_white.png);}
.tag-list li > a:after, .tag-list li > span:after
{
	z-index: 2;
	left: -3px;
	width: 10px;
	background-image: url(../img/img_tag_string.png);
	background-size: 10px 3px;
	-webkit-background-size: 10px 3px;
}

.tag-list.tag-lg li > a, .tag-list.tag-lg li > span{padding: 5px 9px 5px 17px;}

.tag-list .rank{width: 100%; padding-right: 9px;}
.tag-list .rank:before
{
	content: "";
	display: block;
	width: 100%;
	height: 15px;
	margin-top: -5px;
	margin-bottom: 2px;
	background: no-repeat left top;
	background-size: 53px 15px;
	-webkit-background-size: 53px 15px;
}
.tag-list .rank:first-child:before{margin-top: 0;}
.tag-list .rank > a, .tag-list .rank > span
{
	width: 100%;
	/*padding: 3px 9px 3px 17px !important;*/
	font-size: 1.5em;
}
.tag-list .rank.rank_1st:before{background-image: url(../img/img_ranking_1st.png);}
.tag-list .rank.rank_1st > a, .tag-list .rank.rank_1st > span{background-color: #ffcb16;}
.tag-list .rank.rank_1st > a:after, .tag-list .rank.rank_1st > span:after{background-image: url(../img/img_tag_string_1st.png);}

.tag-list .rank.rank_2nd:before{background-image: url(../img/img_ranking_2nd.png);}
.tag-list .rank.rank_2nd > a, .tag-list .rank.rank_2nd > span{background-color: #b0aace;}
.tag-list .rank.rank_2nd > a:after, .tag-list .rank.rank_2nd > span:after{background-image: url(../img/img_tag_string_2nd.png);}

.tag-list .rank.rank_3rd:before{background-image: url(../img/img_ranking_3rd.png);}
.tag-list .rank.rank_3rd > a, .tag-list .rank.rank_3rd > span{background-color: #db9674;}
.tag-list .rank.rank_3rd > a:after, .tag-list .rank.rank_3rd > span:after{background-image: url(../img/img_tag_string_3rd.png);}


/*----- .stamp-list -----*/
.stamp-list
{
	max-width: 320px;
	margin-right: -1.5%;
	margin-left: -1.5%;
	margin-bottom: -10px;
	text-align: center;
}
.stamp-list li
{
	float: left;
	position: relative;
	width: 17%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-bottom: 10px;
}
@media screen and (min-width:377px)
{
.stamp-list{margin-right: auto; margin-left: auto;}
.stamp-list li{width: 20%; margin-right: 0; margin-left: 0;}
}
.stamp-frame
{
	display: inline-block;
	width: 50px;
	height: 40px;
	vertical-align: bottom;
	background: url(../img/btn_stamp.png) no-repeat;
	background-size: 50px 40px;
	-webkit-background-size: 50px 40px;
}
input[type="checkbox"] + .stamp-frame        {background-image: url(../img/btn_stamp_toggle.png);}
input[type="checkbox"]:checked + .stamp-frame{background-image: url(../img/btn_stamp_toggle_on.png); color: #fff;}
input[type="checkbox"] + .stamp-frame.checked{background-image: url(../img/btn_stamp_toggle_on.png); color: #fff;}
.stamp{width: 50px; height: 37.5px;}
.stamp-txt .stamp{margin-top: -10px;}


/* .sns-btn */
.sns-btn{margin-right: -5px; margin-left: -5px;}
.sns-btn li{float: left; margin-right: 5px; margin-left: 5px;}
.sns-btn li a
{
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	-webkit-background-size: 25px 25px;
}
.sns-btn .tw a{background-image: url(../img/icon_sns_tw.png);}
.sns-btn .fb a{background-image: url(../img/icon_sns_fb.png);}




/*----- .radio-list -----*/
.radio-list{width: 100%; float: left; text-align: left;}
.radio-list-wrap{max-width: 320px; margin-right: auto; margin-left: auto; text-align: left;}
.radio-list-wrap .radio-head{float: left; width: 35%; padding-left: 1em; font-size: 1.3em; line-height: 40px;}
.radio-list-wrap .radio-list{width: 65%;}
.radio-list li{position: relative; float: left; width: 31.333333%; margin-right: 1%; margin-left: 1%;}
input[type="radio"] + label
{
	display: block;
	height: 40px;
	padding-left: 22px;
	font-size: 1.3em;
	line-height: 40px !important;
	background: url(../img/icon_form_radio.png) no-repeat left center;
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
}
input[type="radio"]:checked + label{background-image: url(../img/icon_form_radio_on.png);}
input[type="radio"] + label.checked{background-image: url(../img/icon_form_radio_on.png);}
input[type="radio"] + label + .notice{display: inline-block; padding-left: 25px; margin-top: -3px; font-size: 1rem; font-size: 10px\9;}

.radio-list li input[type="radio"] + label > span{display: inline-block; line-height: 1em; vertical-align: middle;}
.radio-list li input[type="radio"] + label .txt-badge{line-height: 1.4em;}

.radio-list-inline{margin-right: -3%;}
.radio-list-inline li{width: auto;}

.radio-list-stack li{position: relative; float: none; width: 100%; margin-right: 0; margin-left: 0;}
.radio-list-stack li input[type="radio"] + label
{
	height: 32px;
	font-size: 1em;
	line-height: 32px !important;
}

.radio-list.radio-small-column2 li{min-width: 100px;}

.radio-anchor, .radio-anchor:hover, .radio-anchor:focus, .radio-anchor:active{color: #666; text-decoration: none;}


/*----- .radio-slider -----*/
.radio-slider
{
	max-width: 480px;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}
.radio-slider-inner
{
	border: 2px solid #4bae17;
	border-radius: 40px;
	background: #fff;
}
.radio-slider-btn-list{position: relative; margin: -2px;}
.radio-slider-btn{float: left; width: 50%;}
.radio-slider-btn.side-left {padding-left: 5%;}
.radio-slider-btn.side-right{padding-right: 5%;}
.radio-slider-btn input[type="radio"] + label
{
	padding-left: 0;
	font-size: 1em;
	background-image: none;
}

.radio-slider-bar.btn
{
	position: absolute;
	left: 0;
	top: 0;
	width: 55%;
	height: 40px;
	border-radius: 40px;
}
.radio-slider-bar.btn, .radio-slider-bar.btn .btn-inner{border-radius: 40px;}
.radio-slider-btn label
{
	position: relative;
	height: 40px !important;
	color: #4bae17;
	font-size: 1.4em !important;
	line-height: 40px;
	text-align: center;
}
.radio-slider-btn.on label{color: #fff;}

.radio-slider.small .radio-slider-bar.btn,
.radio-slider.small .radio-slider-btn label{height: 35px !important;}
.radio-slider.small .radio-slider-btn label{line-height: 35px !important;}




/*----- .table-profile -----*/
.table-profile{table-layout: fixed; font-size: 1.2rem; font-size: 12px\9; line-height: 1.2em;}
.table-profile tr th, .table-profile tr td{word-break: break-all;}
.table-profile tr .img{width: 75px; padding-right: 10px; font-size: 1rem; font-size: 10px\9; text-align: center;}
.table-profile tr .img img{width: 75px; height: auto;}
.table-profile tr .name{padding-bottom: 5px; font-size: 1.2em; color: #009aff;}
.table-profile tr .txt{font-size: 1.4rem; font-size: 14px\9; line-height: 1.4em;}
.table-profile tr th.txt{padding-top: 0.5em;}
.table-profile tr .txt.introduction{padding: 10px 0 5px; line-height: 1.4em;}


/*----- .indent-table -----*/
.indent-table{display: table;}
.indent-table .indent-th, .indent-table .indent-td{display: table-cell;}
.indent-table .indent-th{white-space: nowrap;}


/*----- .table-border -----*/
.table-border{margin-right: auto; margin-left: auto;}
.table-border tr, .table-border th, .table-border td{border: 1px solid #666; padding: 2px;}


/*----- .table-fixed-simple -----*/
.table-fixed-simple{table-layout: fixed;}
.table-fixed-simple tr:first-child th{width: 25px;}
.table-fixed-simple tr:first-child td{width: 47px;}




/*----- .news-box -----*/
.news-box
{
	font-size: 1.4rem;
	font-size: 14px\9;
	line-height: 1.6em;
}
.home .news-box a
{
	color: #fffb94;
}




/*----- dl -----*/
dl
{
	text-align: left;
}
dl dt
{
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size: 1.4rem;
	font-size: 14px\9;
	color: #ff3068;
}
dl dd
{
	margin-top: 0.5em;
	padding-left: 1em;
	font-size: 1.2rem;
	font-size: 12px\9;
}
dl dd:first-child{margin-top: 0;}
dl dd ul li
{
	text-indent: -1em;
	margin-left: 1em;
}


/*----- dl.simple-list -----*/
.simple-list dt
{
	text-align: center;
	color: #666;
	font-size: 1.2rem;
	font-size: 12px\9;
}
.simple-list dd{padding-left: 0;}




/*----- .error -----*/
.error-comment{color: #e63a3a;}





/*===================================================
	header
===================================================*/
#header
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	color: #fff;
	background: url(../img/bg_menu_extend.png) repeat-x left top;
	background-size: 1px 220px;
	-webkit-background-size: 1px 220px;
}
#header:after
{
	content: "";
	position: absolute;
	left: 0;
	bottom: -40px;
	width: 100%;
	height: 25px;
}
#header .head-nav.slide-nav
{
	position: relative;
	height: 70px;
	margin-bottom: -15px;
	background: url(../img/bg_menu.png) no-repeat center bottom;
	background-size: 70px 16px;
	-webkit-background-size: 70px 16px;
	overflow: hidden;
}
#header .head-nav.slide-nav.on
{
	height: 220px;
	background-image: url(../img/bg_menu_on.png);
}
#header .head-nav.slide-nav.short.on
{
	height: 165px;
	background-image: url(../img/bg_menu_short_on.png);
}
#header .head-nav.slide-nav.nomenu
{
	height: 55px;
	margin-bottom: 0;
	background-image: none;
}
#header .head-title
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	line-height: 55px;
}
#header .head-title h1
{
	width: 11em;
	display: inline-block;
	padding-top: 4px;
	font-size: 1.4em;
	line-height: 1em;
}
#header .head-title h1 .txt_small{display: block; font-size: 0.7em; line-height: 1.8em;}
#header .head-title h1 .txt_large{display: block; font-size: 1.2em; margin-right: -0.55em; margin-left: -0.55em;}
#header .head-title h1 .txt_tight{display: block; line-height: 1em; margin-top: -2px;}
#header .head-title h1 .extend{ margin-right: -1.5em; margin-left: -1.5em;}
#header .head-btns
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 70px;
	padding: 10px 10px 25px;
}
#header .head-btns .btn.head{display: inline-block;}
#header .head-btns .btn.head a{display: inline-block;}


/*----- .btn.head -----*/
.btn.head a
{
	width: 80px;
	height: 35px;
	background-repeat: no-repeat;
	background-size: 40px 35px;
	-webkit-background-size: 40px 35px;
}
.btn.head.back a   {background-image: url(../img/btn_head_back.png);}
.btn.head.write a  {background-image: url(../img/btn_head_write.png);}
.btn.head.comment a{background-image: url(../img/btn_head_comment.png);}
.btn.head.next a   {background-image: url(../img/btn_head_next.png);}
.btn.head.setting a{background-image: url(../img/btn_head_setting.png);}

#header .head-btns .btn.head.fl a{background-position: left center; float: left;}
#header .head-btns .btn.head.fr a{background-position: right center; float: left;}


#header .head-nav .menu   {opacity: 0; margin-top: 60px;}
#header .head-nav.on .menu{opacity: 1;}
#header .menu-icons li{display: inline-block;}
#header .menu-icons li a
{
	width: 90px;
	height: 70px;
	padding-top: 47px;
	margin-right: -10px;
	margin-left: -10px;
	vertical-align: bottom;
	color: #fff;
	text-decoration: none;
}
#header .head-nav.slide-nav .menu_tab
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
#header .head-nav.slide-nav .menu_tab a
{
	display: inline-block;
	width: 50%;
	height: 40px;
	margin-bottom: -10px;
	vertical-align: bottom;
	background: url(../img/icon_menu_tab.png) no-repeat center 3px;
	background-size: 45px 20px;
	-webkit-background-size: 45px 20px;
}
#header .head-nav.slide-nav.on .menu_tab a{background-image: url(../img/icon_menu_tab_on.png);}

.bnrsys_wrap {
	margin-top: 0px;
}

.bnrsys_item {
	margin-bottom: 10px;
}

.bnrsys_item img {
	width: 100%;
	max-width: 570px;
}

@media (max-width:819px) {

	.bnrsys_wrap {
		margin-top: 84px;
	}

	.bnrsys_item {
		margin-bottom: 10px;
	}

	.bnrsys_item img {
		width: 100%;
		max-width: 570px;
	}

}

/*===================================================
	footer
===================================================*/
footer{position: relative !important; height: 60px;}
#footer, #appFooter
{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10000;
	width: 100%;
	height: 60px;
	color: #fff;
	background: url(../img/bg_blackboard_extend_left.jpg) repeat-x left top;
	background-size: 1px 60px;
	-webkit-background-size: 1px 60px;
}
.foot-nav_extend
{
	position: absolute;
	right: -50%;
	top: 0;
	width: 100%;
	height: 60px;
	background: url(../img/bg_blackboard_extend_right.jpg) repeat-x left top;
	background-size: 1px 60px;
	-webkit-background-size: 1px 60px;
}
.foot-nav
{
	position: relative;
	max-width: 480px;
	height: 60px;
	background: url(../img/bg_blackboard.jpg) no-repeat center top;
	background-size: contain;
	-webkit-background-size: contain;
	overflow: hidden;
}
.foot-nav-border
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	margin-left: 2px;
}
.foot-nav-border li
{
	float: left;
	display: inline-block;
	height: 60px;
	width: 25%;
	background: url(../img/line_blackboard.png) no-repeat right 3px;
	background-size: 2px 50px;
}
.foot-nav-border li:last-child{background: none;}
.foot-nav-front
{
	position: relative;
	width: 320px;
	height: 60px;
	margin: 0 auto;
	background: url(../img/bg_blackboard_front.png) no-repeat center bottom;
	background-size: 320px 16px;
	-webkit-background-size: 320px 16px;
}
.foot-nav-icons
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
}
.foot-nav-icons .nav-icon
{
	float: left;
	display: inline-block;
	width: 25%;
	vertical-align: bottom;
}
.nav-icon a
{
	display: inline-block;
	width: 100%;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 80px 60px;
	-webkit-background-size: 80px 60px;
}
.nav-icon.home a  {background-image: url(../img/icon_foot-nav_home.png);}
.nav-icon.board a {background-image: url(../img/icon_foot-nav_board.png);}
.nav-icon.mypage a{background-image: url(../img/icon_foot-nav_mypage.png);}
.nav-icon.help a  {background-image: url(../img/icon_foot-nav_help.png);}

.nav-icon.home.on a  {background-image: url(../img/icon_foot-nav_home_selected.png);}
.nav-icon.board.on a {background-image: url(../img/icon_foot-nav_board_selected.png);}
.nav-icon.mypage.on a{background-image: url(../img/icon_foot-nav_mypage_selected.png);}
.nav-icon.help.on a  {background-image: url(../img/icon_foot-nav_help_selected.png);}





/*===================================================
	contents
===================================================*/
#contents{padding: 75px 10px 40px;}

/*----- home style -----*/
.home.wall
{
	background: url(../img/bg_home.jpg) no-repeat center top;
	background-size: cover;
	-webkit-background-size: cover;
}
.home #contents{padding: 0;}
#home_main
{
	position: relative;
	max-width: 600px;
	padding: 0 20px 10px;
	margin: 0 auto;
}
#home_main .version
{
	position: absolute;
	right: 20px;
	top: 16px;
	font-size: 1.1em;
	color: #fff;
}
#home_main .logo{padding: 22px 26.4% 10px;}
#home_main .logo img
{
	width: 100%;
	height: auto;
}
.btn_home
{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.btn_home a
{
	display: block;
	text-decoration: none;
	font-size: 1.2em;
	color: #fff;
}
.btn_home.btn_login
{
	position: relative;
	margin-top: -10px;
}
.btn_home.btn_login a
{
	display: block;
	max-width: 560px;
	min-height: 70px;
	padding-top: 34px;
	color: #fffb94;
	font-size: 1.5em;
	background: url(../img/btn_home_login.png) no-repeat center center;
	background-size: contain;
	-webkit-background-size: contain;
}
.btn_home.btn_logout
{
	display: none;
	position: absolute;
	left: 20px;
	top: 16px;
}
.btn_home.btn_logout a
{
	display: block;
	width: 90px;
	height: 32px;
	padding-top: 8px;
	background: url(../img/btn_home_logout.png) no-repeat center center;
	background-size: contain;
	-webkit-background-size: contain;
}

#home_banners
{
	max-width: 600px;
	padding: 0 20px;
	margin-right: auto;
	margin-left: auto;
}
.banner-list li img{width: 100%; height: auto;}
.banner-list li + li{margin-top: 5px;}


/* home style [login]*/
.login #home_main .logo
{
	padding: 40px 0 10px;
	margin-right: -20px;
	margin-left: -20px;
}
.login .btn_home.btn_login{display: none;}
.login .btn_home.btn_logout{display: block;}


/* home style [birthday]*/
.birthday #home_main .logo
{
	padding: 15px 0 10px;
	margin-right: -20px;
	margin-left: -20px;
}





/*===================================================
	for pc_browser
===================================================*/
.pc{min-width: 600px;}
.pc #footer{display: none;}
.pc #contents{padding: 125px 30px 0;}
.pc.home #contents{padding: 0 30px;}
.pc .popup{margin-left: 20px; margin-right: 20px;}
.pc .table-profile{margin-right: auto; margin-left: auto;}

/*----- pc_header -----*/

.pc #header, .pc .head-nav, .head-nav *
{
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
}
.pc #header:after{display: none;}
.pc #header .head-nav
{
	min-width: 600px;
	height: 115px;
	margin-bottom: 0;
	background: none;
}
.pc #header .head-nav.slide-nav.on,
.pc #header .head-nav.slide-nav.short.on,
.pc #header .head-nav.slide-nav.nomenu
{
	height: 115px;
	background-image: none;
}
.pc #header .head-title
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	line-height: 55px;
}
.pc #header .head-title h1
{
	width: 11em;
	display: inline-block;
	padding-top: 4px;
	font-size: 1.4em;
	line-height: 1em;
}
.pc #header .head-btns{padding: 55px 30px 25px;}

/*----- .btn.head -----*/
.pc .btn.head
{
	position: relative;
	z-index: 2;
}
.pc .btn.head a, .pc .btn.head .blank
{
	display: block;
	width: 40px;
	height: 35px;
	background-repeat: no-repeat;
	background-size: 40px 35px;
	-webkit-background-size: 40px 35px;
}
.pc .btn.head.back a   {background-image: url(../img/pc/pc_btn_head_back.png);}
.pc .btn.head.write a  {background-image: url(../img/pc/pc_btn_head_write.png);}
.pc .btn.head.comment a{background-image: url(../img/pc/pc_btn_head_comment.png);}
.pc .btn.head.next a   {background-image: url(../img/pc/pc_btn_head_next.png);}
.pc .btn.head.setting a{background-image: url(../img/pc/pc_btn_head_setting.png);}

#header .pc_menu, .pc #header .menu{display: none;}
.pc #header .pc_menu
{
	float: left;
	display: block;
	width: 100%;
	margin-right: -40px;
	margin-left: -40px;
	position: relative;
	z-index: 1;
}
.pc #header .menu-icons li a
{
	width: 75px;
	height: 60px;
	padding-top: 37px;
	margin-top: 0;
	margin-right: -7.5px;
	margin-left: -7.5px;
}
.pc #header .head-nav.slide-nav .menu_tab{display: none;}

/*----- .btn.circle -----*/
.pc #header .btn.circle a
{
	height: 60px !important;
	background-size: 45px 35px;
	-webkit-background-size: 45px 35px;
}
.pc #header .btn.circle.menu_backnumber a{background-image: url(../img/pc/pc_btn_menu_backnumber.png);}
.pc #header .btn.circle.menu_search a    {background-image: url(../img/pc/pc_btn_menu_search.png);}
.pc #header .btn.circle.menu_ranking a   {background-image: url(../img/pc/pc_btn_menu_ranking.png);}
.pc #header .btn.circle.menu_clip a      {background-image: url(../img/pc/pc_btn_menu_clip.png);}

.pc #header .btn.circle.menu_board a     {background-image: url(../img/pc/pc_btn_menu_board.png);}
.pc #header .btn.circle.menu_mypage a    {background-image: url(../img/pc/pc_btn_menu_mypage.png);}
.pc #header .btn.circle.menu_help a      {background-image: url(../img/pc/pc_btn_menu_help.png);}

.pc #header .btn.circle.matome_all-close a{background-image: url(../img/pc/pc_btn_menu_matome_all-close.png);}
.pc #header .btn.circle.matome_all-open a {background-image: url(../img/pc/pc_btn_menu_matome_all-open.png);}
.pc #header .btn.circle.matome_help a     {background-image: url(../img/pc/pc_btn_menu_matome_help.png);}

.pc #header .btn.circle.pager_reload a    {background-image: url(../img/pc/pc_btn_menu_reload.png);}






/*===================================================
	汎用スタイル
===================================================*/
.posf{position:fixed;}
.posr{position:relative;}
.posa{position:absolute;}

.dblc{display:block;}
.diln{display:inline;}
.dilb{display:inline-block;}
.dnon{display:none;}

.fl{float:left;}
.fr{float:right;}
.clear{clear: both;}

.underline{text-decoration:underline;}

.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}

.vt{vertical-align: top;}
.vb{vertical-align: bottom;}
.vm{vertical-align: middle;}

.wb-all{word-break: break-all;}
.wb-nml{word-break: normal;}

.img-responsive{width: 100%;}


.max50 {max-width:   50px;}
.max60 {max-width:   60px;}
.max70 {max-width:   70px;}
.max80 {max-width:   80px;}
.max90 {max-width:   90px;}
.max100{max-width:  100px;}
.max200{max-width:  200px;}
.max300{max-width:  300px;}
.max400{max-width:  400px;}
.max500{max-width:  500px;}
.max600{max-width:  600px;}

.max-sm{max-width:  768px;}
.max-md{max-width:  992px;}
.max-lg{max-width: 1200px;}


.fs10{font-size:1.0rem; font-size:10px\9;}
.fs11{font-size:1.1rem; font-size:11px\9;}
.fs12{font-size:1.2rem; font-size:12px\9;}
.fs13{font-size:1.3rem; font-size:13px\9;}
.fs14{font-size:1.4rem; font-size:14px\9;}
.fs15{font-size:1.5rem; font-size:15px\9;}
.fs16{font-size:1.6rem; font-size:16px\9;}
.fs18{font-size:1.8rem; font-size:18px\9;}
.fs20{font-size:2.0rem; font-size:20px\9;}
.fs22{font-size:2.2rem; font-size:22px\9;}
.fs24{font-size:2.4rem; font-size:24px\9;}
.fs26{font-size:2.6rem; font-size:26px\9;}
.fs28{font-size:2.8rem; font-size:28px\9;}
.fs30{font-size:3.0rem; font-size:30px\9;}
.fs32{font-size:3.2rem; font-size:32px\9;}
.fs36{font-size:3.6rem; font-size:36px\9;}
.fs40{font-size:4.0rem; font-size:40px\9;}
.fs48{font-size:4.8rem; font-size:48px\9;}
.fs50{font-size:5.0rem; font-size:50px\9;}
.fs54{font-size:5.4rem; font-size:54px\9;}
.fs60{font-size:6.0rem; font-size:60px\9;}
.fs72{font-size:7.2rem; font-size:72px\9;}


.lh-xs{line-height: 1.0em;}
.lh-s {line-height: 1.2em;}
.lh-m {line-height: 1.4em;}
.lh-l {line-height: 1.6em;}

.lh20{line-height:20px;}
.lh25{line-height:25px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}
.lh40{line-height:40px;}
.lh50{line-height:50px;}
.lh60{line-height:60px;}
.lh70{line-height:70px;}
.lh80{line-height:80px;}


.center-block{margin-right: auto !important; margin-left: auto !important;}


.mt1  {margin-top:  1px;}
.mt5  {margin-top:  5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
.mt140{margin-top:140px;}


.nmt1  {margin-top:  -1px;}
.nmt5  {margin-top:  -5px;}
.nmt10 {margin-top: -10px;}
.nmt15 {margin-top: -15px;}
.nmt20 {margin-top: -20px;}
.nmt25 {margin-top: -25px;}
.nmt30 {margin-top: -30px;}
.nmt40 {margin-top: -40px;}
.nmt50 {margin-top: -50px;}
.nmt60 {margin-top: -60px;}


.mb1  {margin-bottom:  1px;}
.mb5  {margin-bottom:  5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb80 {margin-bottom: 80px;}


.nmb1  {margin-bottom:  -1px;}
.nmb5  {margin-bottom:  -5px;}
.nmb10 {margin-bottom: -10px;}
.nmb15 {margin-bottom: -15px;}
.nmb20 {margin-bottom: -20px;}
.nmb25 {margin-bottom: -25px;}
.nmb30 {margin-bottom: -30px;}
.nmb40 {margin-bottom: -40px;}
.nmb50 {margin-bottom: -50px;}
.nmb60 {margin-bottom: -60px;}


.ml1  {margin-left:  1px;}
.ml5  {margin-left:  5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}


.pt5 {padding-top: 5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}

.pb5 {padding-bottom: 5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.pd0 {padding: 0px !important;}
.pd10{padding:10px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.pd40{padding:40px;}
.pd50{padding:50px;}
.pd60{padding:60px;}
.pd70{padding:70px;}
.pd80{padding:80px;}

/* 背景 */
.bg.transparent{background-color: transparent !important;}

/* 文字色 */
.fcwhite    {color: #fff;}
.fcblack    {color: #000;}
.fcgray     {color: #666;}
.fcsoftgray {color: #7e7e7e;}
.fclightgray{color: #ccc;}
.fcred      {color: #e63a3a;}
.fcrosered  {color: #ff3068;}
.fcblue     {color: #009aff;}
.fcsoftblue {color: #1f94d0;}
.fcyellow   {color: #ffffc7;}
.fcorange   {color: #ffaf05;}
.fcgreen    {color: #4bae17;}
.fcapricot  {color: #bbbb77;}

/* 書体・ウェイト */
.serif{font-family: "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.bold{font-weight: bold;}

/* 字間・インデント */
.tracking{letter-spacing: -0.1em;}
.kerning {margin-right: -0.5em; margin-left: -0.5em;}
.indent  {text-indent: -1em; margin-left: 1em;}

/* テキストシャドウ */
.txtshadow{text-shadow: 0px 2px 4px rgba(0,0,0,0.2);}




.and2-low *
{
	-webkit-transition: none !important;
	transition: none !important;
}


/* 2022 4月改編修正 */

/*----- .tag-list -----*/
.tag-list
{
	margin-bottom: 0;
}
.tag-list li
{
	margin-bottom: 5px;
	/* margin-left: 0; */
}
.tag-list li > a, .tag-list li > span
{
	padding: 0 0 0 13px;
	color: #FFAE04;
	background: none;
	font-size: 1.4em;
	vertical-align: top;
	border-radius: 0;
}
.tag-list li > a:hover {
	text-decoration: underline;
}
.tag-list li > a.strong, .tag-list li > span.strong
{
	font-weight: bold;
}
.tag-list li > a.link-audee,.tag-list li > span.link-audee
{
	padding: 2px 22px 0 6px;
	color: #163174;
	background: #fff;
	font-size: 1.4em;
	margin: -2px 0 0 6px;
	border-radius: 3px;
}
.bg.ivory .tag-list li > a:not(.strong,.link-audee)::before, .bg.ivory .tag-list li > span:not(.strong):before {
	content: "#";
	color: #FFAE04;
	background: none;
}
.bg.ivory .tag-list li > a.strong:before, .bg.ivory .tag-list li > span.strong:before  {
	content: "#";
	color: #FFAE04;
	background: none;
	font-weight: bold;
}
.bg.ivory .tag-list li > a.link-audee:before,.bg.ivory .tag-list li > span.link-audee:before {
	content: "";
	background-image: url(../img/img_tag_link_audee.png);
	width: 14px;
	height: 14px;
	left: auto;
	right: 5px;
	top: 5px;
	background-size: cover;
}
.bg.white .tag-list li > a:not(.strong,.link-audee):before, .bg.white .tag-list li > span:not(.strong):before {
	content: "#";
	color: #FFAE04;
	background: none;
}
.bg.white .tag-list li > a.strong:before, .bg.white .tag-list li > span.strong:before {
	content: "#";
	color: #FFAE04;
	background: none;
	font-weight: bold;
}

.bg.white .tag-list li > a.link-audee:before, .bg.white .tag-list li > span.link-audee:before {
	content: "#";
	color: #FFAE04;
	background: none;
	font-weight: bold;
}
.tag-list li > a:after, .tag-list li > span:after
{
	content: none;
}
.box.thread .thread-sub .stamp-list {
	margin-top: 20px;
}
.thread-stamps {
	margin-bottom: -10px;
}
.stamp-list li {
	margin-bottom: 20px;
}

/* 投稿画面 タグ選択エリア */
.form-wrap .form-item .custom-tag-area {
	width: 100%;
	background-color: #F7F7EC;
	padding: 15px 15px 18px 15px;
	margin: 5px auto 18px;
}
.form-wrap .form-item .custom-tag-area .custom-tag-contents {
	margin-bottom: 15px;
	position: relative;
}
.form-wrap .form-item .custom-tag-area .custom-tag-contents.contents-last {
	margin-bottom: 0;
}
.form-wrap .form-item .custom-tag-area .custom-tag-contents p {
	font-size: 1.4em;
	margin-bottom: 5px;
}
.form-wrap .form-item .custom-tag-area .custom-tag-serect {
	margin-left: -13px;
}
.form-wrap .form-item .custom-tag-area .custom-tag-serect span {
	float: left;
	padding: 0;
	color: #FFAE04;
	background: none;
	font-size: 1.4em;
	vertical-align: top;
	border-radius: 0;
	position: relative;
	margin: 0 0 5px 13px;
	cursor: pointer;
	text-decoration: underline;
}
.form-wrap .form-item .custom-tag-area .custom-tag-serect span.strong {
	font-weight: bold;
}
.form-wrap .form-item .custom-tag-area .custom-tag-serect span:not(.strong)::before {
	content: "#";
	color: #FFAE04;
	background: none;
}
.form-wrap .form-item .custom-tag-area .custom-tag-serect span.strong::before {
	content: "#";
	color: #FFAE04;
	background: none;
	font-weight: bold;
}
.form-wrap .form-tag-contents > div {
	position: relative;
	font-size: 1.4em;
}
.form-wrap .form-tag-contents input[type="text"] {
	padding: 5px 5px 5px 12px;
}
.form-wrap .form-tag-contents > div::before {
	content: "#";
	position: absolute;
	left: 4px;
	top: 9px;
}
.form-wrap .form-tag-contents > div .tag-form-close {
	position: absolute;
	right: 7px;
	top: 6px;
	cursor: pointer;
	width: 35px;
	height: 25px;
	text-align: right;
}


/* 2022/4/6 ランキング追加修正分 */

.tag-list.ranking2022 .rank {
	position: relative;
	margin-top: 17px;
	width: calc(100% - 9px);
}

.tag-list.ranking2022 .rank.rank_1st {
	background-color: #ffcb16;
}

.tag-list.ranking2022 .rank.rank_2nd {
	background-color: #b0aace;
}

.tag-list.ranking2022 .rank.rank_3rd {
	background-color: #db9674;
}

.tag-list.ranking2022 .rank:before {
	position: absolute;
	top: -12px;
}

.tag-list.ranking2022 .rank:first-child:before {
	margin-top: -5px;
}

.tag-list.ranking2022 li>a,
.tag-list.ranking2022 li>span {
	text-decoration: underline;
	width: auto;
}

.tag-list.ranking2022 .rank.rank_1st>a,
.tag-list.ranking2022 .rank.rank_1st>span,
.tag-list.ranking2022 .rank.rank_2nd>a,
.tag-list.ranking2022 .rank.rank_2nd>span,
.tag-list.ranking2022 .rank.rank_3rd>a,
.tag-list.ranking2022 .rank.rank_3rd>span {
	color: #ffffff;
	text-decoration: none;
	background-color: transparent;
}


.bg.white .tag-list.ranking2022 li.rank.rank_1st>a:before,
.bg.white .tag-list.ranking2022 li.rank.rank_1st>span:not(.strong):before,
.bg.white .tag-list.ranking2022 li.rank.rank_2nd>a:before,
.bg.white .tag-list.ranking2022 li.rank.rank_2nd>span:not(.strong):before,
.bg.white .tag-list.ranking2022 li.rank.rank_3rd>a:before,
.bg.white .tag-list.ranking2022 li.rank.rank_3rd>span:not(.strong):before {
	color: #ffffff;
	top: 5px;
}

.bg.white .tag-list.ranking2022 li>a:before,
.bg.white .tag-list.ranking2022 li>span:before {
	top: 6px;
}

.tag-list.ranking2022 .rank.rank_1st>a,
.tag-list.ranking2022 .rank.rank_1st>span,
.tag-list.ranking2022 .rank.rank_2nd>a,
.tag-list.ranking2022 .rank.rank_2nd>span,
.tag-list.ranking2022 .rank.rank_3rd>a,
.tag-list.ranking2022 .rank.rank_3rd>span {
	color: #ffffff;
	text-decoration: none;
}

.tag-list.ranking2022 .rank.rank_1st>a:hover,
.tag-list.ranking2022 .rank.rank_1st>span:hover,
.tag-list.ranking2022 .rank.rank_2nd>a:hover,
.tag-list.ranking2022 .rank.rank_2nd>span:hover,
.tag-list.ranking2022 .rank.rank_3rd>a:hover,
.tag-list.ranking2022 .rank.rank_3rd>span:hover {
	text-decoration: underline;
}

.tag-list.ranking2022 li>a.link-audee,
.tag-list.ranking2022 li>span.link-audee {
	padding: 2px 22px 0 6px;
	color: #163174;
	background: #fff;
	font-size: 1.4em;
	margin: 3px 0 0 -3px;
	border-radius: 3px;
	text-decoration: none;
	box-shadow: 0 0 5px #e9e9e9;
}

.tag-list.ranking2022 li>a.link-audee:hover,
.tag-list.ranking2022 li>span.link-audee:hover {
	text-decoration: underline;
}

.tag-list.ranking2022 .rank.rank_1st>a.link-audee,
.tag-list.ranking2022 .rank.rank_1st>span.link-audee,
.tag-list.ranking2022 .rank.rank_2nd>a.link-audee,
.tag-list.ranking2022 .rank.rank_2nd>span.link-audee,
.tag-list.ranking2022 .rank.rank_3rd>a.link-audee,
.tag-list.ranking2022 .rank.rank_3rd>span.link-audee {
	padding: 2px 22px 0 6px;
	color: #163174;
	background: #fff;
	font-size: 1.4em;
	margin: 4.5px 0 0 -3px;
	border-radius: 3px;
	width: auto;
	box-shadow: none;
}

.tag-list.ranking2022 .rank.rank_1st>a.link-audee:hover,
.tag-list.ranking2022 .rank.rank_1st>span.link-audee:hover,
.tag-list.ranking2022 .rank.rank_2nd>a.link-audee:hover,
.tag-list.ranking2022 .rank.rank_2nd>span.link-audee:hover,
.tag-list.ranking2022 .rank.rank_3rd>a.link-audee:hover,
.tag-list.ranking2022 .rank.rank_3rd>span.link-audee:hover {
	text-decoration: underline;
}

.bg.white .tag-list.ranking2022 li>a.link-audee:before,
.bg.white .tag-list.ranking2022 li>span.link-audee:before {
	content: "";
	background-image: url(../img/img_tag_link_audee.png);
	width: 14px;
	height: 14px;
	left: auto;
	right: 5px;
	top: 5px;
	background-size: cover;
}

.bg.white .tag-list.ranking2022 .rank.rank_1st>a.link-audee:before,
.bg.white .tag-list.ranking2022 .rank.rank_1st>span.link-audee:before,
.bg.white .tag-list.ranking2022 .rank.rank_2nd>a.link-audee:before,
.bg.white .tag-list.ranking2022 .rank.rank_2nd>span.link-audee:before,
.bg.white .tag-list.ranking2022 .rank.rank_3rd>a.link-audee:before,
.bg.white .tag-list.ranking2022 .rank.rank_3rd>span.link-audee:before {
	content: "";
	background-image: url(../img/img_tag_link_audee.png);
	width: 14px;
	height: 14px;
	left: auto;
	right: 5px;
	top: 5px;
	background-size: cover;
}