h1, .h1,
h2, .h2,
h3, .h3  {
    margin-top: 10px;
    margin-bottom: 10px;
	font-family: inherit;
    font-weight: 600;
    line-height: 1.4;
    color: inherit;
}
@media(min-width:768px){
	h1, .h1 {
		font-size: 22px;
	}
	h2, .h2 {
		font-size:22px;
		line-height:1.55;
		margin-bottom:1.5em;
 	}
	h3, .h3 {
		font-size: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.description{
		line-height: 2;
		font-size: 18px;
	}
}
@media(max-width:767px){
	h1, .h1 {
		font-size: 20px;
	}
	h2, .h2{
		font-size:19px;
		line-height:1.55;
		margin-bottom:1.5em;
		/* paddingの指定は削除 */
	}
	h3, .h3 {
		font-size: 18px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.description{
		padding:0 10px;
		line-height: 2;
		font-size: 16px;
	}

}
font.black{
	color: #4c444d;
}

font.red{
	color: #d80c24;
}
.header-nopadding{
	padding-top: 0px;
	padding-bottom: 0px;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #e4e4e4;
}

blockquote{
    padding: 10px 10px;
    margin: 0 0 10px;
    font-size: 14px;
    border-left: 5px solid #eee;
}
a {
  color: #4c444d;
  text-decoration: none;
  word-break: break-word;
}
a:hover{
	color: #f57c85;
	text-decoration: none;
}

input[type="text"] {
/* 	background: #fff;
	border: 0px;
 */	margin: 5px 0px 0px 0px;
 	height: 34px;
}
input[type="number"] {
/* 	background: #fff;
	border: 0px;
 */	margin: 5px 0px 0px 0px;
 	height: 34px;
}
textarea {
	/* background-color: #fff; */
	border: none;
	margin: 5px 0px 0px 0px;
	width: 100%;
}
input[type="file"] {
	color: #f57c85;
	/* background: #fff; */
	margin: 5px 0px 0px 0px;
	width: 100%;
}
input[type="checkbox"] {
/* 	background: #fff; */
	margin: 5px 0px 0px 0px;
}

img.fit{
    max-width: 100%;
}

a.btn.disable {
	pointer-events: none;
	color: #fff;
	background-color: #999;
}

.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:3px;
    background: #f57c85;
    color:#fff;
    text-align:center;
    padding:10px;
    line-height:30px;
    width:180px;
    cursor:pointer;
    border-radius: 6px;
}
.uploadButton:hover {
    background:#f57c85;
}
.uploadButton input[type=file] {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0;
}
.uploadValue {
    display:none;
    border-radius: 6px;
    padding:3px;
    color: #505050;
}

/*
* 共通部品
*/

.footer-box {
	padding-top: 5px;
	padding-bottom: 5px;
    font-size: small;
	background-color: #4c444d;
	color: #fff;
}
.footer-box a{
	color: #fff;
}
.list-social-box {
	margin-top: 10px;
	margin-bottom: 10px;
}
.footer-social-box{
	margin-top: 10px;
	margin-bottom: 20px;
}
.header-line{
	border-bottom: 1px solid #d80c24;
}
header{
	background-color: #fff;

	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	transition: .3s;
}
main{
	padding-top: 55px;
}
.footer-base{
	background-color: #eee;
}

.text-black, .black-text{
	color: #4c444d;
}
.text-red, .red-text{
	color: #d80c24;
}
.text-green, .green-text{
	color: #69e2a8;
}
.text-gray, .gray-text{
	color: #a3a3a3;
}
.text-white, .white-text{
	color: #fff;
}
.text-link a{
    color: #f57c85;
    text-decoration: underline;
}

.comment-line {
   	margin-top: 15px;
	margin-bottom: 15px;
}
.comment-line-none {
	margin-bottom: 15px;
}
.footer-text{
	margin: 10px 10px;
}
.footer-copy-text{
	margin: 20px 20px;
	font-size: 12px;
}
.logo-title-col {
	padding: 0px 5px 0px 5px;
}
.clear-icon {
	width: 20px;
	border: solid 1px #000;
	border-radius: 50%;
}

/*
* navbar用部品
*/
.row-header-menu {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.header-box-h{
	display: flex;
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

.header-title-h {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	padding: 0px 5px 0px 5px;
	width: 100%;
}
.header-close-box{
	width: 50px;
	text-align : center;
}
.menu-left {
	padding: 0px 10px 0px 10px;
	float: left;
}
.menu-right {
	padding: 0px 10px 0px 0px;
}
.menu-area {
	padding: 0px;
}
.menu-dropdown {
	display: inline-block;
}
.dropdown-box {
	display: table-cell;
	height: 44px;
	vertical-align: middle;
}
/* 
.dropdown {
	display: table-cell;
	height: 44px;
	vertical-align: middle;
}
 */
.drawer-menu {
	width: 20px;
	height: 20px;
}
#searchBtn{
	cursor: pointer;
}
.box-search{
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
#search-creator {
	background: #fff;
	border: 1px solid #eee;
	margin: auto;
	padding: 0px 5px 0px 5px;
 	height: 34px;
 	width:100%;
	max-width: 230px;
}

.menu-profile{
	margin-left: auto;
	display: table;
	height: 44px;
}

.area-menu{
	vertical-align: middle;
	display: table-cell;
	padding: 0px 5px 0px 5px;
}

.logo-title-box, .logo-title-box-h {
	padding: 5px 5px 5px 10px;
	text-align: left;
	display: inline-block;
}
.logo-title-box {
	padding: 5px 5px 5px 10px;
	height: 40px;
}
.logo-title-box-h {
	padding: 5px 5px 5px 5px;
	height: 43px;
}

.logo-title {
	display: table-cell;
	vertical-align: middle;
	margin: 0px;
	line-height: 1.0;
}
.logo-title-h {
	display: inline;
	margin: 0px;
}
.logo-img {
	height: 28px;
	max-width: 188px;
	object-fit: cover;
}
.logo-img-h {
	height: 20px;
}
.logo-user-img {
	height: 36px;
}
.logo-ver{
	color: #fff;
	font-size: 8px;
	height: 34px;
	vertical-align: bottom;
}
.banner-img{
	width: 100%;
}
.top_bnr_img_block{
	max-width: 420px;
	    margin: auto;
}

.banner-area {
}

.main-areaT, .main-areaL, .main-areaC {
	text-align: center;
	margin: 0 auto;
}
.main-areaL, .main-areaC {
	background-color: #f4f4f4;
}
.content-boxT, .content-boxL, .content-boxC {
	text-align: left;
	display: inline-block;
}
.side-boxT{
	text-align: left;
	margin-left: 62px;
	width: 15%;
	max-width: 180px;
	display: inline-block;
	vertical-align: top;
}
.side-boxC{
	text-align: left;
	margin-left: 62px;;
	width: 30%;
	max-width: 300px;
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	height: 100vh;
	transition: .3s;
	postion: -webkit-sticky;
	position: sticky;
	overflow-y: scroll;
	float: right;
}

@media(min-width:767px){
	.banner-area, .content-area {
		margin: 0px auto;
		color: #4c444d;
	}

	.content-boxT{
		width: 60%;
		max-width: 728px;
	}
	.content-boxL{
		width: 70%;
		max-width: 976px;
		/* padding: 0px 124px 0px 124px; */
		background-color: #fff;
	}
	.content-box-inner{
		width: 70%;
		margin: 0px auto;
	}

	.content-boxC{
		width: 60%;
		max-width: 728px;
	}

	.banner-area {
		width: 100%;
		background-color: #f4f4f4;
	}
	.manga-area{
		max-width: 590px;
		margin: 0px auto;
	}

	.content-box {
		margin: 0px auto;
		padding: 0px 0px 10px 0px;
		background-color: #fff;
		color: #4c444d;
	}
	.content-box {
		width: 70%;
		max-width: 590px;
	}

	.content-box-h {
		width: 70%;
		max-width: 590px;
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
		background-color: #fff;
		color: #4c444d;
	}
	.header-box{
		width: 80%;
		max-width: 970px;
		margin: 0px auto;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.footer-box-h{
		width: 70%;
		max-width: 590px;
		margin: 0px auto;
	}
	.header-box-h{
		width: 70%;
		max-width: 976px;
		margin: 0px auto;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.comment-row {
		width: 400px;
	}
	#footer-single-row{
	}
	#footer-multi-row{
		display: none;
	}

	.event_bnr_img_block {
		padding: 0px 20px 10px 20px;
		text-align: center;
	}
	.event_bnr_img {
		width: 80%;
	  	display:inline-block;

	}

}
@media(max-width:767px){
 	.banner-area {
 		width:100%;
		padding: 0px 0px 10px 0px;
		background-color: #fff;
		color: #4c444d;
		overflow-x:hidden;
	}
	.content-boxT, .content-boxL, .content-boxC {
 		width:100%;
		padding: 0px 0px 10px 0px;
		background-color: #fff;
		color: #4c444d;
	}

	.side-boxT, .side-boxC{
		display: none;
	}

	.content-box {
		padding: 0px 0px 10px 0px;
		background-color: #fff;
		color: #4c444d;
		overflow-x:hidden;
	}
 	.content-box-h {
		padding: 0px 0px 0px 0px;
		background-color: #fff;
		color: #4c444d;
	}
	.header-box{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.header-box-h{
		padding: 0px 5px 0px 5px;
		width: 100%;
	}
	.footer-box-h{
		padding: 0px;
	}
	.comment-row {
	}
	#footer-single-row{
		display: none;
	}
	#footer-multi-row{
	}
	.event_bnr_img_block {
		padding: 0px 21px 10px 21px;
		text-align: center;
	}
	.event_bnr_img {
  		display:inline-block;
		width: 100%;
	}
}
.hot-story-text{
	font-weight: 600;
}

.area-close-h {
	margin-left: auto;
	display: table;
}
.box-vmiddle {
	display: table-cell;
	vertical-align: middle;
	height: 44px;
}
.arrow-img {
	height: 24px;
	border: 1px solid #000;
	border-radius: 50%;
}
.arrow-img-disable {
	height: 24px;
	border: 1px solid #000;
	border-radius: 50%;
	opacity: 0.5;
}
.header-close-h {
	vertical-align: middle;
	display: table-cell;
	padding: 0px 5px 0px 5px;
	padding: 0px 10px 0px 0px;
}

.click-area {
	cursor: pointer;
}
.click-link {
	cursor: pointer;
}
.article-click-area:hover{
	background: #FEEDEE;
	opacity: 0.5;
}


.hide-area {
	display: none;
}

.control-label{
	color: #d80c24;
	margin: 0px 0px 10px 0px;
}
.control-label2{
	color: #4c444d;
	margin: 0px 0px 10px 0px;
}
.control-label3{
	color: #d80c24;
	margin: 0px 0px 10px 0px;
	float: left;
	width: 120px;
}
.control-label4{
	font-size: 16px;
	font-weight: 600;
}
@media(min-width:767px){
	.control-label4{
		width: 160px;
	}
}
@media(max-width:767px){
	.control-label4{
		display: block;
		margin-bottom: 5px;
	}
}
.control-label-require{
	font-size: 12px;
	display: inline-block;
	color: #fff;
	background-color: #FA6C7A;
	margin: auto 5px;
    padding: 0px 5px 0px 4px;
    vertical-align: text-bottom;
}
.control-item {
    overflow: hidden;
    width: auto;
}
.control-item a{
	border: 2px solid #f57c85;
	border-radius: 3px;
	padding: 3px 5px 3px 5px;
	margin: 3px;
	text-align: center;
	display: inline-block;
	color: #f57c85;
}
.control-item a:hover{
	color: #f57c85;
	text-decoration: none;
}
.control-text-checkbox {
	font-weight: 600;
}
.control-text-ok {
	color: #15b4f6;
	display: inline-block;
}
.control-text-error {
	color: #d80c24;
	display: inline-block;
}
.control-note{
	color: #15b4f6;
	margin: 0px 0px 10px 0px;
}
.control-note-sm{
	color: #15b4f6;
	margin: 0px 0px 10px 0px;
	font-size: 80%;
	font-weight: 400;
}
.control-note-strong{
	color: #f57c85;
	margin: 0px 0px 10px 0px;
}
.strong-menu{
	display: block;
    width: 100%;
	font-weight: 600;
    padding: 10px 0px 5px 0px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: inherit;
    color: #4c444d;
    border: 0;
    border-bottom: 2px solid #4c444d;
}

.strong-menu-ex{
	display: block;
    width: 100%;
	font-weight: 600;
    padding: 15px 15px 5px 15px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: inherit;
    color: #4c444d;
    border: 0;
}
.strong-menu-ex2{
	display: block;
    width: 100%;
	font-weight: 600;
    padding: 10px 0px 5px 0px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: inherit;
    color: #4c444d;
}
.strong-menu-ex3{
	display: inline-block;
	font-weight: 600;
    padding: 10px 0px 5px 0px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: inherit;
    color: #4c444d;
}

.small-text{
	font-size: 11px;
}
.normal-text{
	font-size: 14px;
	font-weight: 400;
}
.form-option-text{
	font-size: 12px;
}
.normal-text-area{
	padding: 5px 0px 5px 0px;
}

#menu_likecomment{
	padding-left: 10px;
	padding-right: 10px;
}

.menu-text, .menu-text-n{
	font-size:12px;
	color:#999;
	display: inline-block;
}
.menu-text{
	font-weight:600;
}
.menu-text-n{
	font-weight:400;
}
.menu-sm-text{
	font-size:10px;
	color:#999;
	display: inline-block;
	font-weight:400;
}

.bg-area{
	background-color: #F4F4F4;
	padding: 10px;
}
.strong-text {
	font-weight: 600;
}
.small-text {
	font-size: 12px;
	margin-bottom: 5px;
	color: #aaa;
}
.underline-text {
	text-decoration: underline;
}
.sm2-text {
	font-size: 12px;
}
.sm-text {
	font-size: 10px;
}
.xs-text2 {
	font-size: 8px !important;
}
.xs-text {
	font-size: 6px;
	color: #aaa;
}
.lg-text {
	font-size: 18px;
}
.hidden-text, .text-hidden {
	display: none;
}
.story-text{
	background-color: rgba(105, 226, 168, 0.25);;
	padding: 5px;
	margin: 1px;
	border-radius: 10px;
	display: inline-block;
}
.story-text a{
	color: #333 !important;
	font-weight: 600;
}
.account-title {
    margin: 5px 0px 5px 0px;
}
.label-text {
	font-size: 18px;
	font-family: inherit;
    font-weight: 600;
    display: inline;
    margin-top: 5px;
    margin-bottom: 5px;
}
.label-user-type{
	color: #fff;
	padding: 1px 3px 1px 3px;
	display:inline-block;
	font-size: 12px;
	border-radius: 3px;
	margin: 0px;
}
.label-user-type{
	background-color: #FA6C7A;
}
.label-manga{
	background-color: #7ccfde;
}
.label-editor{
	background-color: #75de89;
}
.label-new {
	color: #d80c24;
	font-weight: 600;
	font-size: 12px;
}
.label-new2 {
	color: #d80c24;
	font-weight: 600;
	font-size: 10px;
}
.label-storytype{
	padding: 0px 3px 0px 3px;
	color: #d80c24;
	font-size: 12px;
	font-weight: normal;
	border-radius: 3px;
	border: 1px solid #d80c24;
	display: inline-block;
	line-height: 160%;
	vertical-align: middle;
}
.label-thisweek{
	padding: 0px 3px 0px 3px;
	background-color: #d80c24;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	display: inline-block;
	line-height: 160%;
}

.title-line {
	display: table-cell;
	line-height: 130%;
	vertical-align: middle;
}
.title-line2, .title-line3, .title-line3sm {
	display: inline;
	line-height: 130%;
	vertical-align: middle;
}
.title-line3 {
	font-weight: 600;
	font-size: 18px;
}
.title-line3sm {
	font-weight: 600;
	font-size: 16px;
}
.title-line4 {
	display: inline;
	line-height: 130%;
	vertical-align: middle;
	max-height: 40px;
	font-size: 16px;
	overflow: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.title-label, .title2-label {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 16px;
	font-weight: 600;
}
.title2-label{
	color: #fff7f7;
}
.head-title, .head-title2, .head-title3, .head-title5 {
	font-family: inherit;
    font-weight: 600;
    display: block;
}
.head-title{
	font-size: 14px;
    margin: 0px 0px 0px 0px;
}
.head-title2, .head-title5{
	font-size: 18px;
    margin: 10px 0px 10px 0px;
}
.head-title3{
	font-size: 14px;
    margin: 0px 0px 0px 0px;
    color: #d80c24;
}
.head-title4{
	font-size: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.head-title5{
	display: inline-block;;
}
.date-text, .expain-text {
	font-size: 12px;
	color: #aaa;
}
.date-text-recent {
	font-size: 12px;
	color: #d80c24;
	font-weight:400;
}
.date-text2 {
	font-size: 14px;
	color: #888888;
	font-weight: 600;
}
.ranking-bar, .ranking-text{
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px 5px 0px 5px;
}
.ranking-bar{
	background-color:#ffe6e8;
	height: 20px;
}
.ranking-text {
	font-size: 14px;
	color: #000;
	font-weight: 600;
}
.ranking-text2 {
	font-size: 14px;
	color: #ffe6e8;
	font-weight: 600;
}
.activity-line{
	border: #ccc 1px solid;
	margin: 5px 0px 5px 0px;
}
.activity-text{
	margin: 5px 0px 5px 0px;
}
.page-col {
	margin: 20px 0px 20px 0px;
}

.btn-send-comment {
	display: inline-block;
	background-color: #fff !important;
    text-decoration:none;
    text-align:center;
    color: #333;
	padding: 5px 16px;
	border: 1px solid #333;
    border-radius: 5px;
	font-size: 16px;
	vertical-align: top;
}
.btn-send-comment:hover{
	text-decoration: none;
	color: #FA6C7A;
}

.paging-list{
	border-top: 1px dotted #ccc;
	margin-top: 15px;
	padding-top: 10px;
}
.comment-list{
	border-top: 1px dotted #ccc;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
}
.reply-list{
/* 	margin: 0 0 0px 16px;
	padding: 0px 0px 0px 10px;
	border-left: 3px solid #eee;
 */
	padding-left: 16px;
}
.comment-note-area, .comment-all-area{
	padding-left: 5px;
	padding-right: 5px;
}
.comment-wrapper {
	display: table;
	padding-top: 8px;
	width: 100%;
}
.editor-image-comment-wrapper {
	pointer-events: none;
	display: table;
	width: 50%;
}
.comment-icon-lg {

	display: table-cell;
	vertical-align: top;
	width: 40px;
}
.comment-icon {
	vertical-align: top;
	display: table-cell;
	width: 40px;
	text-align: center;
}
.comment-border-img {
	width: 100%;
}
.comment-user {
	margin: 0px 0px 0px 0px;
}
.comment-message {
	position: relative;
	margin: 0 5px 3px;
	padding: 12px 10px 12px 15px;
	word-break: break-all;
	background-color: #f4f4f4;
	/* border-radius: 20px; */
	/* border: 1px solid #ccc; */
}
.comment-message::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -6px;
  top: 6px;
  border-right: 6px solid #f4f4f4;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.reply-comment {
	position: relative;
}
.reply-comment::before{
	border-bottom: 3px solid #e4e4e4;
	border-left: 3px solid #e4e4e4;
	content: '';
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	left: -6px;
	top: 6px;
}
.reply-comment-dialog {
	position: relative;
}
.reply-comment-dialog::before{
	border-bottom: 3px solid #e4e4e4;
	border-left: 3px solid #e4e4e4;
	content: '';
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	left: 0px;
	top: 6px;
}
.comment-message-text {
	position: relative;
	z-index: 2;
}
.comment-message a {
	color: #f57c85;
}
.comment-meta {
	float: left;
}
.comment-user-name {
	display: inline-block;
	margin-left: 15px;

}
.comment-date {
	font-size: 9px;
	color: #999;
	display: inline-block;
	margin: 0 6px 0 6px;
}
.comment-date2 {
	font-size: 9px;
	color: #999;
	display: inline-block;
	margin: 0 3px 0 3px;
}
.comment-reply-btn {
	color: #333;
	cursor: pointer;
	float: right;
	border: 1px solid #333;
	display: block;
	border-radius: 5px;
	padding: 2px 12px;
	margin: 4px 8px 0 0;
}
.comment-reply-btn:after {
	content: "▼";
	display: inline-block;
	margin-left: 4px;
	font-size: 10px;
	vertical-align: middle;
}
.comment-reply-btn.mode-open:after {
	content: "▲";
}
.comment-error {
	color: #0895d0;
	font-size:12px;
}
.comment-error a{
	color: #f57c85;
}
.comment-input-story {
	margin-top: 14px;
}

.comment-input-wrap,
.comment-input-btn-wrap {
	display: table-cell;
	vertical-align: top;
}

.comment-input-btn-wrap {
	width: 40px;
	text-align: right;
	padding: 4px 5px 0px 7px;
	padding-left: 7px;
	display: table-cell;
	vertical-align: top;
}
.comment-input{
    background-color: #eee !important;
	width: 100%;
	padding: 6px 12px;
    font-size: 16px;
    color: #555;
}
.comment-input-pannel {
	display: table;
	text-align: center;
	width: 100%;
}
@media(min-width:767px){
	.comment-input-pannel {
		padding: 0px;
	}
}
@media(max-width:767px){
	.comment-input-pannel {
		padding: 0px 5px 0px 5px;
	}
}
.comment-input-pannel2 {
	padding: 0 0 20px;
	width: 100%;
}

.comment-more{
	text-align: left;
	width: 100%;
	margin-left: 10px;
	display: inline-block;
}
.comment-more a{
	font-size:12px;
	color: #4c444d;
	font-weight: 600;
}
.comment-text, .comment-text2 {
	color: #4c444d;
	font-weight: 600;
	margin-top: 10px;
}
.comment-text2{
	display: inline-block;
}
.serious-comment-area{
	float: right;
	margin-top: 10px;
}

.history-more{
	text-align: left;
	width: 100%;
	margin-top: 5px;
	margin-left: 10px;
}
.history-more a{
	font-size:14px;
	color: #4c444d;
	font-weight: 600;
}
.creator-text {
	padding: 2px 3px;
	border: 1px solid #f57c85;
	color: #f57c85;
	font-size: 10px;
}


.manga-img-sm{
	width: 50%;
	display: block;
	margin-bottom: 5px;
	border: 1px #bbb solid;
}
.manga-img{
	width: 100%;
	display: block;
	margin-bottom: 5px;
	border: 1px #bbb solid;
}
.img-block{
	display: table;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.manga-block-h, .sns-share-block{
  display: flex;
  justify-content: center;
  align-items: center;
}
.manga-img-h{
	display: block;
  	max-width: 100%;
}
.sns-share-block{
	padding: 5px;
	width: 100%;
}
.sns-share-text{
    margin-top: 10px;
    margin-bottom: 10px;
	font-family: inherit;
    font-weight: 600;
    line-height: 1.4;
    color: inherit;
	font-size: 20px;
}

.manga-img-tn{
	width: 100%;
	max-height: 150px;
	object-fit: cover;
	object-position: 0% 0%;
	display: block;
	margin-bottom: 5px;
	border: 1px #bbb solid;
}
.manga-img2{
	width: 100%;
	display: block;
	border: 1px #bbb solid;
}

.icon-left{
	margin-left: 5px;
}
.icon-img-sm {
  height: 12px;
}
.icon-img {
  width: 16px;
}
.icon-img-lg {
  width: 24px;
}
.icon-img-lg-h {
  height: 24px;
}
.icon-img-lg2 {
  width: 25px;
}
.icon-img-xl {
  width: 32px;
}
.icon-img-2xl {
  width: 64px;
}
.reaction-icon-img{
  	width: 16px;
	margin: 0px;
	padding: 0px;
}
.icon-sns {
  width: 16px;
  margin: 0px 5px 0px 5px;
}
.icon-sns-h {
  height: 16px;
  margin: 0px 5px 0px 5px;
}
.iconmenu-img {
  height: 16px;
}
.iconmenu-img-lg {
  height: 20px;
}
.link-icon {
	background-color:#fff; 
  border-radius: 3px;
	padding: 3px;
}
.icon-community{
  width: 24px;
  height: 24px;
  object-fit: cover;	
}
.icon-img-support {
  width: 28px;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
}
.imgWrap img:hover{
	transform: scale(1.3);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.action-icon-area {
  	border: 1px solid #d0d0d0;
  	background-color: #f8f8f8;
  	border-radius: 6px;
	padding: 6px 10px 6px 10px;
}

.profile-img-sm {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.profile-img-sm2 {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.profile-img {
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
.profile-img-md {
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.profile-img-lg{
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.img-line{
	display: block-inline;
}

.sns-img {
  width: 24px;
  height: 24px;
}
.img-list{
	margin: 3px;
}

.profile-text {
    font-weight: 600;
}

.row-story-list {
	margin: 0px 0px 10px 0px;
}
.row-order {
	margin: 15px 0px 15px 0px;
}
.row-order2 {
	margin: 15px 0px 15px 0px;
}


.order-text{
    text-decoration: none;
    text-align: center;
    font-weight: 600;

    color : #69E2A8;
	border-bottom: 1px solid #69E2A8;
}
.order-text-unable{
    text-decoration: none;
    text-align: center;
    color :#999;
}
.order-btn{
    text-align: center;
    color :#999;
}
.order-btn:hover{
    text-decoration: underline;
    text-align: center;
    color: #69E2A8;
}

.explain-text, .explain-text2, .explain-text2-sm{
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: 400;
}
.explain-text2, .explain-text2-sm{
	color: #999;
}
.explain-text2-sm{
	max-height: 40px;
	overflow: auto;
}
.explain-text a, .explain-text2 a, .explain-text2-sm a {
    text-decoration:none;
    color: #f57c85;
    word-break: break-all;
}
.explain-text a:hover, .explain-text2 a:hover, .explain-text2-sm a:hover{
	color: #f57c85;
	text-decoration: underline;
}

.user-info-title {
	margin: 15px 10px 10px 10px;
	font-size:16px;
	font-weight: 600;
	border-bottom: 2px solid;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.row-header {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 10px 10px 0px 0px;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-line-symbol {
	padding: 10px 0px 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-rally-bottom {
	padding: 5px 0px 10px 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-line-simple {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.row-line {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-line-ex {
	padding: 0px 15px 10px 15px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-line-ex-head {
	padding: 10px 0px 10px 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-line-ex2 {
	padding: 10px 0px 10px 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-line-list {
	padding: 10px 15px 10px 15px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-rally-line {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-rally-line-series {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
	border-bottom: 1px solid #4c444d;
}
.row-rally-line-sp {
	padding: 10px 15px 10px 15px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-menu-header {
	padding: 15px 0px 15px 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #4c444d;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-menu {
	padding: 15px 0px 15px 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #4c444d;
	color: #fff;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-menu2 {
	padding: 15px 0px 15px 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #fff7f7;
	color: #d80c24;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
	border-bottom: 1px solid #4c444d;
}
.row-footer {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-radius: 0px 0px 10px 10px;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-bottom: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-footer-ex {
	padding: 1px 0px 10px 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-radius: 0px 0px 10px 10px;
	border-left: 1px solid #4c444d;
	border-bottom: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-form-header {
	padding: 15px;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 10px 10px 0px 0px;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-form-header-ex {
	padding: 15px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #4c444d;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-form-line {
	padding: 15px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px solid #4c444d;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-form-line-ex {
	padding: 15px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
}
.row-form-bottom {
	padding-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 1px solid #4c444d;
	border-right: 1px solid #4c444d;
	border-bottom: 1px solid #4c444d;
	border-radius: 0px 0px 10px 10px;
}

.row-form {
	padding: 15px 0px 15px 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px solid #eee;
}
.row-form-cb {
	padding: 15px 0px 15px 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.row-footer-h{
	padding: 5px 0px 5px 0px;
	margin-left: 0px;
	margin-right: 0px;
	height: 35px;
	background-color: #eee;
}
.col-rally-button {
	padding: 15px 15px 15px 15px;
}
.with-link a{
	color: #d80c24;
	font-size: 12px;
}
.with-link a:hover{
	color: #f3f2f3;
}

.span-text {
	display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}
.col-profile {
	padding: 0px;
}
.col-profile-base{
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
}
.row-nomargin {
	margin: 0px;
}
.subject-tag {
	width: 70px;
	height: 48px;
    color:#fff;
    background-color: #4c444d;
	border-radius: 8px 0px 10px 0px;
	text-align: center;
	display: table;
}
.subject-tag-inner {
	display: table-cell;
	vertical-align: middle;
	font-weight: 600;
}

.rally-tag {
	width: 70px;
	height: 48px;
    color: #4c444d;
    background-color: #fff;
	border-radius: 10px 0px 10px 0px;
    /* border-left: 1px solid #4c444d; */
    border-right: 1px solid #4c444d;
    border-bottom: 1px solid #4c444d;
	text-align: center;
	display: table;
}
.rally-tag-inner {
	display: table-cell;
	vertical-align: middle;
	font-weight: 600;
}


/*
* Button Anchor
*/
/* 1stアクションボタン */
.btn-action {
    text-decoration:none;
    text-align:center;
    color:#fff;
    background-color: #d80c24;
	padding: 15px 10px 15px 10px;
    border-radius: 6px;
}
.btn-action:hover{
	color:#fff;
	text-decoration: none;
}
/* 2ndアクションボタン */
.btn-scd-action {
    text-decoration:none;
    text-align:center;
    color: #333;
	padding: 5px;
	border: 1px solid #333;
    border-radius: 5px;
	font-size: 16px;
	vertical-align: top;
}
.btn-scd-action:hover{
	text-decoration: none;
	color: #FA6C7A;
}
/* 3ndアクションボタン */
.btn-thd-action {
    text-decoration:none;
    text-align:center;
    color:#fff;
    background-color:#4c444d;
	padding: 3px 5px 3px 5px;
    border-radius: 3px;
}
.btn-thd-action:hover{
	color:#eee;
	text-decoration: underline;
}
/* Moreアクションボタン */
.btn-more-action {
    text-decoration:none;
    text-align:center;
    color:#fbfbfb;
    background-color: #aaa0ab;
	padding: 5px 10px 5px 10px;
    border-radius: 3px;
}
.btn-more-action:hover{
	color:#eee;
	text-decoration: none;
}
/* ログインボタン */
.menu-link{
    text-decoration:none;
    text-align:center;
	padding: 0px;
	font-size: 10px;

	word-wrap : break-word;
}
.menu-link:hover{
	color: #f57c85;
	text-decoration: underline;
}
/* メニューボタン */
.menu-cork {
    text-align:center;
    color: #f57c85;
    font-size: 12px;
}
.menu-cork:hover{
	text-decoration: underline;
}
.menu-cork-old {
    text-decoration:none;
    text-align:center;
    color:#4c444d;
    background-color: #fff;
	padding: 3px 5px 3px 5px;
    border-radius: 3px;
    border: 3px solid #4c444d;
    font-size: 14px;
}
.menu-cork-old:hover{
	color: #d80c24;
	text-decoration: underline;
}
.menu-cork-img {
    width: 35px;
}


/* SNSボタン */
.btn-sns {
    text-decoration:none;
    color: #f57c85;
    font-weight: 400;
    font-size: 14px;
}
.btn-sns:hover{
    color: #f57c85;
	text-decoration: underline;
}
.btn-sns:visited{
    color: #f57c85;
	text-decoration: underline;
}

/* 修正・削除ボタンetc */
.btn-default-action {
    text-decoration: none;
    text-align:center;
    color: #4c444d;
    background-color: #e6ece9;
	padding: 3px;
    border-radius: 3px;
	border: 1px solid #000;
}
.btn-default-action:hover{
	color: #f57c85;
	text-decoration: none;
}
/* 戻るボタン */
.btn-back {
    text-decoration: underline;
	color: #4c444d;
	font-size: 12px;
    /* background-color:#eee; */
	margin: 10px 0px 5px 0px;
	padding: 5px;
/*     border-radius: 3px;
	border : 1px solid #4c444d;
 */
}
.btn-back a:hover{
	color:#4c444d;
	text-decoration:none;
}

.btn-link {
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	color: #4c444d;
	background-color: #F4F4F4;
	padding: 5px 10px;
	border-radius: 3px;
	border: 1px solid #E4E4E4;
}

.btn-link:hover {
	color: #f57c85;
	background-color: #F4F4F4;
	border: 1px solid #E4E4E4;
	text-decoration: none;
}

.btn-link-list {
	position: relative;
	border-top: 1px dotted #ccc;
	margin-top: 15px;
	padding-top: 10px;
	text-align: center;
}

.btn-link-list .btn-link {
	position: absolute;
	top: 0;
	width: 40%;
	margin-left: -20%;
	transform: translateY(-50%);
}

.comment-message .btn-link {
	position: absolute;
	top: 5px;
	right: 5px;
	border: 0;
	color: #4c444d;
}
.btn-page-number {
	padding: 3px 15px;
	border: 1px solid #E4E4E4;
	border-radius: 20px;
}

.inner-comment-message {
	position: relative;
	padding: 4px;
	word-break: break-all;
}
.subject-text {
	color: #f57c85;
	font-size: 16px;
	margin-top: 10px;
	font-weight: 600;
}
.subject-text2 {
	color: #f57c85;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 600;
}
.subject-text a {
	color: #f57c85;
}
.subject-text2 a {
	color: #f57c85;
}
.col-pop {
	padding-top: 15px;
	padding-bottom: 15px;
}

.stroy-text {
	color: #69E2A8;
	font-weight: 600;
	margin: 5px 0px 5px 5px;
}
.rally-text {
	color: #69E2A8;
	font-weight: 600;
	margin: 0px;
}
.rally-text2 {
	font-weight: 600;
}
.rally-text-sm {
	font-size: 10px;
	color: #69E2A8;
	font-weight: 600;
	margin: 0px;
}
.strong-text0 {
	font-weight: 600;
}
.strong-text {
	color: #4c444d;
	font-weight: 600;
}
.strong-text-sm {
	color: #4c444d;
	font-weight: 600;
	font-size: 10px;
}
.page-text {
	color: #4c444d;
	font-weight: 600;
	font-size: 14px;
}
.tag-text {
	padding: 3px;
	margin: 1px;
	background-color: #4c444d;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
}
.tag-text-column, .tag-text-plan {
	padding: 1px 3px;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
}
.tag-text-column{
	background-color: #749DDB;
}
.tag-text-plan {
	background-color: #5DCFDF;
}
.sp-text {
	padding: 0px 3px 0px 3px;
	background-color: #4c444d;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	border-radius: 3px;
	display: inline-block;
	line-height: 160%;
}
.pr-text {
	background-color: #d80c24;
	vertical-align: middle;
	margin-right: 3px;
}
.creator-text {
	padding: 3px;
	background-color: #f57c85;
	color: #fff;
	font-size: 10px;
}
.series-complete-text {
	padding: 0px 3px 0px 3px;
	background-color: #F4F4F4;
	color: #333;
	font-size: 12px;
	font-weight: 400;
	border-radius: 3px;
	display: inline-block;
	line-height: 160%;
}
.series-text {
	padding: 0px 3px 0px 3px;
	background-color: #69E2A8;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	border-radius: 3px;
	display: inline-block;
	line-height: 160%;
}

.tag-finish {
	font-size: 12px;
	padding: 3px;
	background-color: #dbd6db;
	color: #4c444d;
}
.tag-finish-text {
	font-size: 11px;
	padding: 3px;
	background-color: #fff;
	color: #d80c24;
	border: 1px solid #d80c24;
	border-radius: 3px;
}
.tag-today {
	font-size: 12px;
	padding: 3px;
	background-color: #00f0c0;
	color: white;
}
.tag-col {
	padding-right: 0px;
}


.icon-text {
	font-size: 12px;
}
.icon-text-col {
	padding-left: 0px;
}
.icon-col {
	margin-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

.note-text {
	color:#15b4f6;
	font-size: 80%;
}
/* ラリーボタン */
.rally-button, .rally-button-sm {
	border-radius: 10px;
    font-size: 14px;
    text-align: center;
    display: table;
    width: 100%;
}
.rally-button a, .rally-button-sm a {
    min-width: 50px;
    font-size: 14px;
    border-radius: 6px;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    color: #d80c24;
    font-weight: 600;
    border: 2px solid #d80c24;
}
.rally-button a:hover {
    background-color: #fff7f7;
    border: 1px solid #d80c24;
}
.rally-button a {
    padding: 5px 0 3px;
	height: 40px;
}
.rally-button-sm a {
    padding: 1px;
	height: 35px;
}

.open-button {
    font-size: 14px;
    text-align: center;
    display: table;
    width: 100%;
}
.open-button-toparea {
	background: linear-gradient( to bottom, rgba(255, 255, 255, 0.1), #fff );
	height: 30px;
	width: 100%;
}
.open-button a {
    min-width: 50px;
    padding: 5px 0 3px;
    font-size: 14px;
    border-radius: 6px;
	height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    color: #fff;
    font-weight: 600;
    border: 2px solid #4c444d;
    background-color: #4c444d;
}
.open-button a:hover {
    background-color: #dbd6db;
    border: 1px solid #4c444d;
}

.col-open-button {
	margin-top: -30px;
	padding: 0px 15px 15px 15px;
}

.link-comment{
	color: #4c444d;
}
.link-comment:hover{
	text-decoration: underline;
}



/* リードボタン */
.read-button {
	font-size: 14px;
	text-align: center;
	display: table;
}
.read-button a {
	min-width: 50px;
	padding: 5px 0 3px;
	font-size: 14px;
	border-radius: 6px;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	font-weight: 600;
	border: 1px solid #333333;
}

/* サポートBox */
.support-creator {
    padding: 5px;
    border-top: 1px solid #eee;
    width: 100%;
}
.support-creator-box{
    float: left;
    font-weight: 600;
}
.support-creator-follow{
    float: right;
    font-weight: 600;
    width: 100px;
}
.support-box-simple {
    padding: 5px;
    border-radius: 6px;
    border: 3px solid #eee;
	position: relative;
	display: inline-block;
	width: 100%;
}

.support-box {
    padding: 5px;
    margin-top:10px;
    border-radius: 6px;
    border: 6px solid #eee;
	position: relative;
	display: inline-block;
	width: 100%;
}
.support-box:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 15%;
 	margin-left: -14px;
	border: 14px solid transparent;
	border-bottom: 14px solid #fff;
 	z-index: 2;
}
.support-box:after{
	content: "";
	position: absolute;
	top: -32px;
	left: 15%;
 	margin-left: -14px;
	border: 14px solid transparent;
	border-bottom: 14px solid #eee;
 	z-index: 1;
}
.support-wrapper2 {
    border-radius: 6px;
    padding: 5px;
}
.support-main2 {
	width: 100%;
	box-sizing: border-box;
}
.support-button {
    text-align: center;
    display: table;
    width: 100%;
    background-color: #eee;
}
.support-button a {
    min-width: 50px;
    padding: 5px 0 3px;
    font-size: 14px;
    border-radius: 6px;
	height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    color: #fff;
    font-weight: 600;
    background-color: #d80c24;
}
.support-button a:hover {
    background-color: #fff7f7;
    border: 1px solid #d80c24;
}
.support-button .invalid {
    min-width: 50px;
    padding: 5px 0 3px;
    font-size: 14px;
    border-radius: 6px;
	height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    color: #fff;
    background-color: #999;
}
.support-button-comment {
	color: #f57c85;
	border: 1px solid #f57c85;
	border-radius: 3px;
	padding: 0px 3px 0px 3px;
	font-size: 11px;
	display: inline-block;
	cursor: pointer;
}
/* フォローボタン */
.btn-follow {
    padding: 3px;
    font-size: 12px;
    border: 1px solid #f57c85;
    border-radius: 3px;
    vertical-align: middle;
    text-align:center;
    color: #f57c85;
    font-weight: 600;
    display: block;
}
.btn-follow:hover{
	color: #999;
	text-decoration: underline;
}
.label-followed {
    color:#fff;
    background-color: #f57c85;
}
/*ピンボタン */
.btn-pin {
    padding: 3px;
    font-size: 12px;
    border: 1px solid #f57c85;
    border-radius: 3px;
    vertical-align: middle;
    text-align:center;
    color: #f57c85;
    font-weight: 600;
}
.btn-pin:hover{
	color: #999;
	text-decoration: underline;
}
.label-pined {
    color:#fff;
    background-color: #f57c85;
}

.support-note{
    min-width: 50px;
    padding: 5px 0 3px;
    font-size: 14px;
	height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
	color: #d80c24;
    background-color: #fff;
}
.support-warn{
    font-size: 12px;
    color: #0895d0;
    padding-top: 5px;
    padding-ritht: 5px;
}
.support-warn a{
    color: #f57c85;
    text-decoration: underline;
}
.support-head-text{
    color: #000;
    font-weight: 600;
	margin-bottom: 15px;
	font-size:12px;
}
.support-text{
	margin-bottom: 15px;
	color: #000;
	font-size:12px;
}
.support-amount-wrapper{
	width: 100%;
	display: table;
	padding: 5px 5px 5px 5px;
	border: 1px solid #eee;
}
.support-amount-area1, .support-amount-area{
	display: table; 
	table-layout: fixed;
	width: 100%;
}
.support-amount-area{
	margin-top: 15px;
}
.support-amount-box1{
	display: table-cell;
	width: 21%;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
}
.support-amount-box2{
	display: table-cell;
	width: 3%;
	vertical-align: middle;
	text-align: center;
}
.support-box-active{
	font-weight: 600;
	background-color: #f57c85;
    border-radius: 6px;
	color: #fff;
}
.support-amount-box1 a{
	background-color: #fff;
	font-weight: 400;
	color: #000;
}
.support-amount-box2 input[type="text"]{
	border: 1px solid #eee;
	margin: 5px 5px 5px 0px;
	padding: 5px;
 	height: 24px;
	font-weight: 400;
 	color: #000;
	font-size: 16px;
}
.support-message-wrapper{
	width: 100%;
	display: table;
	padding: 0px;
}
.support-message-wrapper textarea{
	border: 1px solid #eee;
	padding: 5px;
}
.support-message-wrapper input[type="text"]{
	border: 1px solid #eee;
	padding: 5px;
	width: 100%;
	font-size: 16px;
}
.support-message-wrapper textarea{
	font-size: 16px;
}
.support-icon{
	width: 20px;
	margin-right: 5px;
}
.support-icon-sm{
	width: 16px;
	margin-right: 3px;
}
.text-bold{
	font-weight: 600;
}

.common-dialog-body{
	overflow-x:scroll; 
	height: 400px;
}
.comment-dialog-article-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    margin-bottom: 0px;
}
.comment-input-dialog {
}
.modal-comment-body{
	padding: 5px !important;
}
.modal-comment-footer{
	margin: 5px;
	padding: 5px 0;
	border-top: 1px solid #e4e4e4;
}



/* もっと見るボタン */
.more-button {
	border-radius: 10px;
    text-align: center;
    display: table;
    width: 100%;

}
.more-button a {
    min-width: 50px;
    max-width: 365px;
    overflow: hidden;
    padding: 5px 5px 3px 5px;
    border-radius: 30px;
	height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    color: #999;
    font-size: 14px;
    font-weight: 600;
    background-color: #eee;
    border: 1px solid #999;
}
.more-button a:hover {
    min-width: 50px;
    border: 1px solid #4c444d;
}
.more-button a::before {
     position: absolute;
     content: '';
     width: 10px;
     height: 10px;
     border-top: solid 3px #f57c85;
     border-right: solid 3px #f57c85;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     right: 15px;
     margin-top: -5px;
}

.more-button-sm {
	border-radius: 10px;
    text-align: center;
    display: table;
    min-width: 120px;
}
.more-button-sm a {
    padding: 5px 0 3px;
    border-radius: 6px;
	height: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    color: #4c444d;
    font-size: 12px;
    font-weight: 600;
    background-color: #f3f2f3;
    border: 1px solid #4c444d;
}
.more-button-sm a:hover {
    min-width: 50px;
    border: 2px solid #4c444d;
}

/* ユーザー用のもっと見るボタン */
.user-more-button {
	border-radius: 10px;
    font-size: 14px;
    text-align: center;
    display: table;
    width: 100%;
    margin: auto;
}
.user-more-button a {
    min-width: 50px;
    padding: 5px 0 3px;
	height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    color: #fff;
    font-weight: 600;
    background-color: #f57c85;
}
.user-more-button a:hover {
    font-weight: 600;
    text-decoration: underline;
}

/* 記事ボタン */
.btn-article {
    color: #282828;
	padding: 10px 5px 5px 5px;
	font-size: 16px;
	text-decoration: underline;
}
.btn-article:hover{
	color: #282828;
	text-decoration: underline;
}

.link-title {
    color: #ffe6e8;
	padding: 10px 5px 5px 5px;
	font-size: 16px;
	text-decoration: underline;
}
.link-title:hover{
	color: #ffe6e8;
	text-decoration: underline;
}
.link-title2 {
    color: #4c444d;
	padding: 5px 0px 5px 0px;
	font-size: 14px;
	font-weight: 600;
}
.link-title2:hover{
	color: #ffe6e8;
	text-decoration: underline;
}

.link-strong {
    color: #4c444d;
	padding: 10px 5px 5px 5px;
	font-size: 16px;
	font-weight: 600;
}
.link-strong:hover{
	text-decoration: underline;
}
.link-strong2 {
    color: #f57c85;
	padding: 10px 5px 5px 5px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: underline;
}
.link-strong2:hover{
	text-decoration: none;
	}


.link-event {
	font-weight: 600;
    color: #f57c85;
	font-size: 18px;
}
.link-event:hover{
    color: #f57c85;
	text-decoration: underline;
}


.txt-rally-hisotry {
    color: #d80c24;
	padding: 5px 5px 0px 5px;
	font-size: 14px;
}
.btn-rally-hisotry {
    color: #282828;
	padding: 5px 5px 0px 5px;
	font-size: 14px;
	text-decoration: underline;
}
.btn-rally-hisotry:hover{
	text-decoration: underline;
}
.tbl-rally-hist {
  table-layout: fixed;
}

.article-text {
	font-size: 16px;

}
.article-text-overflow {
	width: 145px;
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
}
.allow-text {
	color: #f57c85;
	font-size: 12px;
}
.allow-text2 {
	color: #d80c24;
	font-size: 12px;
	padding: 10px 0px 5px 5px;
}
.article-the-text {
	color: #d80c24;
	font-size: 16px;
}




/*
* フォームコントロール
*/
.error-input{
	border-color: #b94a48;
	margin-left: #5px;
}
.error-messages{
	color: #b94a48;
}
.ERROR {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;

	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.INFO {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #9acfea;

	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.form-content{
	background-color: #fff;
	/* padding: 0px 5px 0px 5px; */
}
.form-item-edit{
	margin-top: 15px;
}
.form-item{
	padding: 15px 5px 15px 5px;
}
.form-item a {
	color:#f57c85;
	text-decoration: none;
}
.form-item a:hover{
	color: #4c444d;
	text-decoration: none;
}
.form-item input[type="text"] {
	margin-bottom: 10px;
	width: 100%;
 	height: 45px;
}
.form-control{
	background: #eee;
	border: 0px;
}
.form-item input[type="number"] {
	margin-bottom: 10px;
/* 	background: #eee;
/* 	border: 0px; */
	width: 100%;
 	height: 45px;
}
.form-item-ex input[type="text"] {
	margin-bottom: 10px;
/* 	background: #eee;
	border: 0px;
 */	width: 25%;
 	height: 45px;
 	display: inline;
}
.form-item input[type="email"] {
	/* background: #eee;
	border: 0px; */
	margin-bottom: 10px;
	width: 100%;
 	height: 45px;
}
.form-item input[type="password"] {
	/* background: #eee;
	border: 0px;*/
	margin-bottom: 10px;
	width: 100%;
 	height: 45px;
}
.form-item textarea {
	/* background-color: #eee;
	border: none;*/
	width: 100%;
	padding-top: 15px;
}
.form-item input[type="file"] {
	color: #f57c85;
/* 	background: #eee; */
	width: 100%;
}
.form-item input[type="radio"] {
	margin-right: 5px;
/* 	background: #eee; */
}
.form-item input[type="checkbox"] {
/* 	background: #eee; */
	margin-right: 5px;
}
.form-signin  input[type="checkbox"] {
	/* background: #eee; */
	margin-right: 5px;
	margin-bottom: 10px;
}
.form-item-action{
	margin: 20px 0px 20px 0px;
	padding: 0px 10px 0px 10px;
}
.form-explain{
	padding: 15px 8px 15px 8px;
	background-color: #f3f3f3;
	margin: 0px 5px 0px 5px;
}
.comment-form {
  text-align: center;
}
.comment-form-edit {
  text-align: left;
  width: 100%;
}
.comment-del {
  font-size: 12px;
  color: #646464;
}

/*
*マーキー
*/
.ticker-box {
	padding: 10px 0px 10px 0px;
	background-color: #fffbde;
	margin: 0px auto;
}
.marquee {
  overflow: hidden; 		/* スクロールバー非表示 */
  position: relative;	/*マーキーの内容位置き */
}
.marquee::after {
  content: "";
  white-space: nowrap;
  display: inline-block;
}
.marquee > .marquee-inner {
  position: absolute;
  top: 5px;
  white-space: nowrap;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}
.marquee > .marquee-inner:hover {
  animation-play-state: paused;
  cursor: default;
}
@keyframes marquee {
    0% { left: 100%; transform: translate(0); }
  100% { left: 0; transform: translate(-100%); }
}

/*
* SNS
*/
.social > * { vertical-align: top; margin: 0px; }

/*
* 画面TOPボタン
*/
.pageTop {
	margin-top: -32px;

}
.pageTop-img {
    width: 32px;
}

/*
* タブ
*/
.tab-title {
	font-size: 14px;
	text-align: center;
	margin: 0px;
	display: inline;
	line-height: 1.0;
}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 0px;

  width: 100%;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
  width: calc(25% - 30px);
  height: 50px;
  background-color: #fff;
  line-height: 120%;
  font-size: 14px;
  text-align: center;
  color: #505050;
  float: left;
  vertical-align: middle;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0px;
  margin: 0px 15px 0px 15px;
}
.tab_item:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  color: #d80c24;
  border-bottom: 1px solid #d80c24;
  margin: 0px 15px 0px 15px;
}

/*タブのスタイル*/
.tab_item6 {
  width: calc(14% - 6px);
  height: 45px;
  background-color: #fff;
  line-height: 120%;
  font-size: 11px;
  text-align: center;
  color: #505050;
  font-weight: 400;
  float: left;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 0px;
  margin: 0px 3px 0px 3px;
}
.tab_item6:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item6"] {
  display: none;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item6 {
  color: #d80c24;
  border-bottom: 1px solid #d80c24;
  margin: 0px 3px 0px 3px;
}

/*タブのスタイル*/
.tab_item3 {
  width: calc(33.3% - 30px);
  height: 50px;
  background-color: #fff;
  line-height: 120%;
  font-size: 14px;
  text-align: center;
  color: #505050;
  float: left;
  vertical-align: middle;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0px;
  margin: 0px 15px 0px 15px;
}
.tab_item3:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item3"] {
  display: none;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item3 {
  color: #d80c24;
  border-bottom: 1px solid #d80c24;
  margin: 0px 15px 0px 15px;
}

.tab-strong-text{
	font-weight: 600;
	font-size: 13px;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0px 3px 0px 3px;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#rally:checked ~ #rally_content,
#like_comment:checked ~ #like_comment_content,
#series:checked ~ #series_content,
#follower:checked ~ #follower_content,
#account:checked ~ #account_content,
#card:checked ~ #card_content,
#bank:checked ~ #bank_content,
#fan:checked ~ #fan_content,
#sales:checked ~ #sales_content,
#transfer:checked ~ #transfer_content,
#payout:checked ~ #payout_content,
#access:checked ~ #access_content,
#support:checked ~ #support_content,
#buying:checked ~ #buying_content,
#salon:checked ~ #salon_content,
#viewing:checked ~ #viewing_content,
#footprint:checked ~ #footprint_content,
#contact:checked ~ #contact_content,
#creator_weekly:checked ~ #creator_weekly_content,
#creator_monthly:checked ~ #creator_monthly_content,
#creator_support:checked ~ #creator_support_content,
#editor_weekly:checked ~ #editor_weekly_content,
#editor_monthly:checked ~ #editor_monthly_content,
#editor_support:checked ~ #editor_support_content
 {
  display: block;
}

.tab-content{
	border: 1px solid #d80c24;
	padding: 15px;
	margin-bottom: 15px;
	border-radius: 6px;
}


.wrap {
    display: table;
    margin: 0 auto;
    padding-top: 20px;

}
.box-middle {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 160px;
}
.box-bottom {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    padding-left: 10px;
    padding-right: 10px;
}
.circle-img{
	width: 25px;
}
.advantage-img-box{
	text-align: center;
	margin: 30px 0px 30px 0px;
}
.row-people{
	margin-top: 10px;
}

/*
@media(min-width:767px){
	.modal-support{
		position: fixed;
	}
}
@media(max-width:767px){
	.modal-support{
		position: absolute;
	}
}
*/
.modal-open {
 overflow: visible!important;
 position: static!important;
 z-index:200;
}


.modal-header{
	background-color: #fff7f7;
}
.modal-footer{
	background-color: #eee;
}
.modal-title{
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
.modal-content{
	text-align: initial;
}
.body-title{
	font-size: 16px;
	font-weight: 600;
	margin: 0px 0px 5px 0px;
}
.body-title-note{
	font-size: 12px;
	font-weight: 400;
}
.body-head-title{
	font-size: 18px;
	font-weight: 600;
	margin: 5px 0px 5px 0px;
	text-align: center;
}
.form-note{
	font-size: 12px;
	color:#000;
	font-weight:400;
}
.dashboard-row-active{
	background-color: #ffe6e8;
}
.dashboard-row{
	padding: 5px;
	font-size: 11px;
}
.dashboard-row2{
	padding: 5px;
	font-size: 14px;
}
.dashboard-col{
	padding: 5px;
}
.dashboard-col a {
    text-decoration: underline;
    color: #f57c85;
}
.dashboard-col a:hover {
    color: #f57c85;
}
.dashboard-col2{
	padding: 5px;
	font-weight: 600;
}
.dashboard-col2 a {
    text-decoration: underline;
    color: #f57c85;
}
.dashboard-col2 a:hover {
    color: #f57c85;
}
.dashboard-msg {
	font-weight: 600;
	font-size: 14px;
	margin: 15px;
}
.dashboard-msg a{
	font-size: 11px;
	font-weight: 400;
	color: #d80c24;
}
.dashboard-alert {
	color: #4c444d;
	font-weight: 600;
	font-size: 14px;
	background-color: #ffd5d8;
	border-radius:3px;
	margin: 15px;
	padding: 10px;
}
.dashboard-alert a{
	color: #d80c24;
}
.dashboard-info {
	color: #0895d0;
	font-size:12px;
	font-weight: 400;
}
.dashboard-info-box {
	color: #4c444d;
	font-weight: 600;
	font-size: 14px;
	background-color: #eaf8fe;
	border-radius:3px;
	margin: 15px;
	padding: 10px;
}
.dashboard-info-box a{
	color: #d80c24;
}
.inner-link{
	text-decoration: underline;
}
.form-result {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #0895d0;
}
.card-errors {
	color: #a94442;
}
.link-text, .text-link{
	color:#f57c85;
}

.card-brand {
    background-size: 32px !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-position-x: 10px !important;
    text-indent: 40px !important;
}

.congrats-box{
	text-align:center;
	box-shadow:0px 0px 5px;
	border: 1px solid #999;
	padding: 20px 10px 20px 10px;
	margin: 0px 3px 0px 3px;
}
.congrats-title{
	font-weight: 600;
	font-size: 16px;
}
.congrats-img{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 10px;
}
.congrats-footer{
	text-align: right;
	font-size: 10px;
}

.row-option-tab {
	margin: 5px 15px 5px 15px;
	border: 1px solid #f57c85;
	border-radius: 5px;
}
.col-option-tab {
	padding: 10px 5px 10px 5px;
	font-size: 14px;
	font-weight: 600;
}
.col-option-tab-active {
	background-color: #f57c85;
	color: #fff;
}
.row-mb{
	margin-bottom: 15px;
}


/*リニューアル後*/
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
 .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

@media(min-width:767px){
	.manga3-img{
		width: 100%;
		height: 190px;
		object-fit: cover;
		object-position: 50% 0;
		display: block;
		border: 1px #ccc solid;
	}
	.col-pop-article-left {
		padding-left: 0px;
		padding-right: 15px;
	}
	.col-pop-article-right {
		padding-left: 0px;
		padding-right: 0px;
	}
	.col-pop-article-left-tn {
		padding-top: 10px;
		padding-left: 0px;
		padding-right: 15px;
	}
	.col-leftpad {
		padding: 0px 0px 0px 5px;
	}
	.col-rightpad {
		padding: 0px 5px 0px 0px;
	}
/* 	.col-xs-12 {
	    float: left;
	    position: relative;
	    min-height: 1px;
	    padding-right: 0px;
	    padding-left: 0px;
	}
 */
 	.title2-row {
/* 		width: 100%; */
	    padding: 0px 0px 0px 0px;
	    float: left;
	}
	.row2-2line {
		padding: 10px 0px 10px 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: -1px;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
	}
}
@media(max-width:767px){
	.manga3-img{
		width: 100%;
		height: 107px;
		object-fit: cover;
		object-position: 50% 0;
		display: block;
		border: 1px #ccc solid;
	}
	.col-pop-article-left {
		padding-left: 5px;
		padding-right: 5px;
	}
	.col-pop-article-right {
		padding-left: 0px;
		padding-right: 5px;
	}
	.col-pop-article-left-tn {
		padding-top: 10px;
		padding-left: 5px;
		padding-right: 15px;
	}
	.col-leftpad {
		padding: 0px 5px 0px 5px;
	}
	.col-rightpad {
		padding: 0px 5px 0px 5px;
	}
/* 	.col-xs-12 {
	    float: left;
	    position: relative;
	    min-height: 1px;
	    padding-right: 5px;
	    padding-left: 5px;
	}
 */	.title2-row {
/* 		width: 100%; */
	    padding: 0px 5px 0px 5px;
	    float: left;
	}
	.row2-2line {
		padding: 10px 0px 10px 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: -1px;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
	}
}
.manga2-img{
	width: 100%;
	display: block;
}
.manga2-img-header{
	width: 100%;
	display: block;
	    
	
}
.manga2-img-frame{
	display: inline-block;
	position: relative;
}
.manga2-img-frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    box-shadow: 0 -38px 30px -33px #fff inset;
    -webkit-box-shadow: 0 -38px 30px -33px #fff inset;
    -moz-box-shadow: 0 -38px 30px -33px #fff inset;
}

.item-img{
	width:100%;
}
.next-manga-line{
	/* border-top: 1px dotted #ccc; */
	/* margin: 5px 0px 5px 0px; */
	margin: 0px 0px 0px 0px;
}
.manga-read-box {
	border-radius: 10px;
    font-size: 14px;
    text-align: center;
    display: table;
    width: 93px;
	height: 32px;
    margin: 0 auto;
    padding: 0 6px;
	position: relative;
    top: -20px;
}
.manga-read-box a {
    overflow: hidden;
    padding: 5px 5px 3px 5px;    
    display: table-cell;
    vertical-align: middle;
    text-align:center;    
    border-radius: 20px;
    font-weight: 600;
	border: 1px solid #E4E4E4;
	background-color: #fff;
}
.manga-read-box a:hover {
    background-color: #fff;
    color: #d80c24 !important;
    border: 1px solid #d80c24; 
}
.manga-read-box a::before {
     position: absolute;
     content: '';
     width: 6px;
     height: 6px;
     border-top: solid 2px #697b91;
     border-right: solid 2px #697b91;
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
     top: 50%;
     right: 20px;
     margin-top: -3px;
}

.subject-small {
	font-size: 9px;
}
.second-symbol {
	background-color: #4c444d;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	border-radius: 10%;
	display: inline-block;
	vertical-align: middle;
	line-height: 24px;
	width:64px;
	text-align: center;
}
.row2-story {
	padding: 5px 0px 0px 0px;
	border-top: 3px solid #4c444d;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.row2-header {
	padding: 10px 0px 0px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 3px solid #e4e4e4;
	position: relative;
	display: inline-block;
 	width: 100%;
}


.row2-line {
	padding: 10px 0px 10px 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.row3-line {
	padding: 5px 0px 5px 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.row4-line {
	padding: 0px 0px 15px 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.row5-line {
	padding: 15px 0px 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.row2-lineV {
	padding: 6px 6px 6px 6px;
	margin-left: 0px;
	margin-right: 0px;
}
.row2-line2 {
	padding: 0px 0px 10px 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.row2-line-inner {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.row2-line-more {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
}
.row2-line-sns{
	padding: 10px 0px 5px 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.row6-line {
	padding: 10px 6px 10px 6px;
	margin-left: 0px;
	margin-right: 0px;
}
.row2-box {
	padding: 10px;
	margin-left: 0px;
	margin-right: 0px;
	border: 2px solid #ccc;
	border-radius: 3px;
}
.row2-table-header{
	padding: 5px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #4c444d;
    color: #fff;
    border-top: 1px solid #4c444d;
    border-left: 1px solid #4c444d;
    border-right: 1px solid #4c444d;
}
.row2-table-line {
	padding: 5px;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: 1px solid #ccc;
}

.rally2-tag-manga, .rally2-tag-illust, .rally2-tag-column, .rally2-tag-plan {
	width: 70px;
	height: 42px;
	border-radius: 0px 0px 10px 0px;
    background-color: #fff;
	text-align: center;
	display:inline-block;
	margin-top: -1px;
}
.rally2-tag-manga{
    color: #75de89;
    border: 1px solid #75de89;
}
.rally2-tag-illust{
    color: #d17ed8;
    border: 1px solid #d17ed8;
}
.rally2-tag-column{
    color: #7ccfde;
    border: 1px solid #7ccfde;
}
.rally2-tag-plan{
    color: #749DDB;
    border: 1px solid #749DDB;
}
.rally2-tag-inner {
	line-height: 44px;
	vertical-align: middle;
	font-weight: 600;
}
.ogp-img{
	width: 100%;
	display: block;
	border: 1px #ccc solid;
}
.tag2-text {
	padding: 3px;
	margin: 1px;
	background-color: #eee;
	color: #999;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
}
.tag2-anchor{
	padding: 2px;
	margin: 1px;
	background-color: #fff;
	color: #f57c85;
	border: #ccc solid 1px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
}
.row2-menu{
	padding: 15px 0px 15px 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #4c444d;
}
.rally-hist-area {
	background-color: #eee;
	padding: 10px 0px 15px 0px;
	margin-left: 5px;
	margin-right: 5px;
}
.history2-more{
	text-align: center;
	width: 100%;
	margin-top: 5px;
	display: block;
}
.history2-more a{
	font-size:14px;
	background-color: #eee;
	color: #f57c85;
	padding: 5px 3px 5px 3px;
}
.explain2-more{
	text-align: center;
	width: 100%;
	margin-top: 5px;
	display: block;

  background: #fff;
  background-image: radial-gradient(circle farthest-side, #ccc 20%, transparent 20%, transparent 100%);
  background-size: 15px 15px;
  background-position: 0 0;

}
.explain2-more a{
	font-size:14px;
	color: #f57c85;
	background-color: #fff;
	padding: 5px 3px 5px 3px;
}

.subject2-text {
	color: #4c444d;
	font-size: 16px;
	margin-top: 10px;
	font-weight: 600;
}
.subject2-text a {
	color: #4c444d;
}
.col2-rally-button {
	padding: 5px;
}
.history-area{
	padding-top: 5px;
	padding-bottom: 15px;
}
.pin-area{
	margin: 0px 5px 15px 5px;
	background-color: #eee;
}
.pin-box{
	padding: 0px 10px 10px 10px;
}
.ranking-area{
	margin: 0px 5px 15px 5px;
	padding-bottom: 10px;
	background-color: #f57c85;
}
.ranking-box{
	padding: 0px 10px 10px 10px;
}
.col-header {
	padding: 0px;
}
.col2-profile-base{
	display: table;
	padding: 5px 0px;
	width: 100%;
	margin-left: auto;
}
.col2-profile1 {
	display: table-cell;
	padding: 0px;
	vertical-align: middle;
}
.col2-profile2 {
	display: table-cell;
	padding: 0px;
	vertical-align: middle;
	width: 40px;
}
.col-nopad {
	padding: 0px;
}
.col-border{
	border: 1px solid #d0d0d0;
}
.col-5divide{
	width: 20%;
	padding: 0px;
 	border: 1px solid #d0d0d0;
	float: left;
    position: relative;
    min-height: 1px;
}


.explain-header{
	font-weight: 600;
	font-size: 14px;
}
.row2-menu-header {
	padding: 15px 0px 15px 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #4c444d;
	color: #fff;
	border-radius: 10px;
	border: 1px solid #4c444d;
}
.form2-item{
	width: 100px;
	display: inline-block;
}
.col-top-title {
	display: flex;
}

#set-categories{
	margin-top: 15px;
	margin-left: 15px;
}

.margin-2px {
	margin: 2px 0px;
}
.salon-button {
	background-color: #fff;
	width: 90%;
	margin: 0px 5%;
}
.dialog-checkbox-label {
	display: initial;
    color: #000;
    font-weight: initial;
}

.dialog-checkbox-label a {
	background-color: #fff;
    color: #f57c85;
    display: initial;
    vertical-align: initial;
}
.padding-left-0 {
	padding-left: 0px;
}
.float-right {
    vertical-align: middle;
    font-size: 12px;
	display: inline;
    /* border-bottom: 1px solid; */
    line-height: 175%;
}
.title-left {
	border-left: 2px solid #d80c24;
    padding-right: 5px;
    padding-left: 5px;
}
.member-count {
	text-align: center;
	font-size: 16px;
	margin: 15px 0px;
}
.member-border {
	border-bottom: 1px solid #000;
    width: 50%;
    text-align: center;
    margin: 0 25% 0 25%;
}
.price-text {
	font-size: 20px;
}
.salon-border {
    margin: 40px -5px;
    width: calc(100% + 10px);
    border-top: 2px solid #d2d3da;
}
.salon-entry a {
	color: #d80c24;
    background-color: #fff;
    border: 2px solid;
}
.leave-text {
	text-decoration: underline;
    font-size: 12px;
    color: #777;
    font-weight: 400;
}
.hr-border {
	margin: 5px;
}
.reaction-text-area{
	margin-top: 0px;
	margin-bottom: 5px;
}
.show-liked-message, .click-btn{
	cursor: pointer;
}
.reaction-moreicons-area{
	margin-top: 10px;
}
.img-blur {
	-webkit-filter: grayscale(100%) blur(10px);
	filter: grayscale(100%) blur(10px);
	-webkit-transition: .1s;
	transition: .1s;
}

.article-img-box{
    position: relative;
}
.article-winning-img{
    position: absolute;
    right: 5px;
    top: 0px;
    width: 25px;
}
.article-winning-img2{
    position: absolute;
    left: 72px;
    top: 0px;
	width: 25px;
}

.headline-row{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
/*     flex-wrap: wrap; */
}
.headseries-row-column{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
/*     flex-wrap: wrap; */
}
.col-headseris{
	padding-left: 5px;
	padding-right: 5px;
	/* padding-bottom: 5px; */
}
.col-headseris:nth-child(3){
	clear:left;
}
.head2-title{
    font-weight: 600;
    color :#4c444d;
	font-size: 16px;
	margin: 5px 0px 0px 0px;
}
.headseries-img{
	width: 100%;
}
.headseries-img-box{
	margin-bottom: 5px;
	background-color: #eee;
	border: solid 1px #aaa;
}
.headseries-title{
	font-size: 14px;
	font-weight: 600;
	text-align: left;
}

@media(min-width:767px){
	.headline {
		background-color: #f3f2f3;
		width: 100%;
		max-width: 420px;
		padding: 6px;
		margin: 0px auto;
		border-bottom: 1px solid #f57c85;
	}
	#header-img{
		height: 300px;
		width: 100%;
		object-fit: contain;
		z-index: 0;
	 	left: 0px; top: 0px;
	}
}
@media(max-width:767px){
	.headline {
		background-color: #f3f2f3;
		padding: 5px;
		border-bottom: 1px solid #f57c85;
	}
	#header-img{
		height: 202px;
		width: 100%;
		object-fit: contain;
		z-index: 0;
	 	left: 0px; top: 0px;
	}
}

#social-flow {
	display: none;
	position: fixed;
	min-width: 100px;
	height: auto;
	left: 1rem;
	bottom: 1rem;
	z-index: 3;
	transform: translateX(0);
	opacity: 1;
	transition: transform .5s ease,opacity .3s ease;
}

#social-flow .social-flow-img {
	display: block;
	width: 65%;
	margin: 0 auto;
}

#social-flow .line-flow-link{
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid #39b72f;
	border-radius: 1vw;
	background-color: #39b72f;
	padding: 1vw;
	margin: 0 auto;
	color: #fff;
}
#social-flow .twitter-flow-link{
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid #3caaec;
	border-radius: 1vw;
	background-color: #3caaec;
	padding: 1vw;
	margin: 0 auto;
	color: #fff;
}
#social-flow .instagram-flow-link{
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid #000;
	border-radius: 1vw;
	background-color: #000;
	padding: 1vw;
	margin: 0 auto;
	color: #fff;
}

@media screen and (max-width: 414px) {
	#social-flow {
		display: block;
	}

	.social-icon-img {
		width: 66px;
		height: 66px;
		margin-bottom: 10px;
	}
}

.break-line{
	height: 0px;
	width: 100%;
	border: 1px solid #E4E4E4;
	margin-left: 6px;
	margin-right: 6px;
}
.story-title-block, .story-title-block2{
	font-size: 14px;
	font-weight: 600;
	background-color: rgba(250, 108, 122, 0.15);
	border-radius: 19px;
	margin-right: 3px;
}
.story-title-block{
	padding: 10px;
}
.story-title-block2{
	padding: 5px;
	display: inline-block;
}
.story-title{
	display: inline-block;
	font-size: 14px;
}
.story-public{
	background-color: rgba(250, 108, 122, 0.15);
}
.story-private{
	background-color: rgba(105, 226, 168, 0.25);
}


.header-box-left {
  float: left;
}
.header-box-right {
  text-align: right;
  margin-right: 5px;
}


.g-action-link {
  color: #aaa;
  font-size: 12px;
  padding: 0.5em;
}
.g-action-link:before {
  font-family: "Material Icons";
  display: inline-block;
  font-size: 18px;
  margin-top: -1px;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
          font-feature-settings: "liga";
}
.g-action-link.mode-add:before {
  content: "add_circle_outline";
}
.g-action-link.mode-edit:before {
  content: "edit";
}
.g-action-link .material-icons {
  vertical-align: middle;
  font-size: 18px;
  margin-top: -1px;
}
.g-post-link {
	color: #aaa;
	font-size: 10px;
	font-weight: 600;
	padding: 6px 9px;	
	border: 1px solid #E4E4E4;	
	border-radius: 40px;
	display:inline-block;
}



.row-line-mypage-head {
  padding: 0px 5px 0px 5px;
  margin: 0px 0px 10px 0px;
}
.row-mypage-menu {
  margin: 5px 0px 15px 0px;
  border-bottom: 1px solid #999;
  color: #999;
  display: flex;
}
.row-line-community, .row-line-mypage{
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 767px) {
  .col-mypage-menu {
	  padding: 15px 0px 15px 0px;
	  font-size: 14px;
	  font-weight: 600;
	  line-height: 1.55;

  }
  .col-mypage-menu br{
  	display:none;
  }
  .mypage-menu-text{
	  font-size: 14px;
	  margin: 0px;
	  padding: 0px;
	  display: inline-block;
  }
  .col-mypage-menu-active {
	border-bottom: 3px solid #f57c85;
  	color: #f57c85;
  }
  .row-line-community > .col-pc:nth-child(2n + 1) {
    clear: left;
  }
  .col-pc-2{
	width: 47%;
    border: 1px solid #ccc;
    margin: 0px 6px 15px 6px;

  }
  .header-user {
    margin-top: 15px;
    margin-bottom: 10px;
    display: block;
  }
}
@media (max-width: 767px) {
   .col-mypage-menu {
	  padding: 15px 0px 15px 0px;
	  font-size: 12px;
	  font-weight: 600;
	  line-height: 1.55;
  }
  .mypage-menu-text{
	  font-size: 12px;
	  margin: 0px;
	  padding: 0px;
  }
  .col-mypage-menu-active {
	border-bottom: 3px solid #f57c85;
	color: #f57c85;
  }
  .row-line-community > .col-sm:nth-child(n + 1) {
    clear: left;
  }
  .col-sp-1{
	width: 100%;
    border: 1px solid #ccc;
    margin: 0px 0px 10px 0px;
  }
  .header-user {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0px 5px 0px 5px;
    display: block;
  }
}

.cork-kpi {
  font-weight: 600;
  font-size: 19px;
  color: #4c444d;
}
.prof-h-action {
    display: block;
    text-align: center;
    border-bottom: 1px dotted #e4e4e4;
}
.box-official-profile {
  text-align: right;
  padding: 3px;
}
.box-official-profile a {
  color: #999;
  font-size: 12px;
  font-weight: 600;
}
.user-note-box {
  background-color: #ffe5e5;
  padding: 8px;
}
.user-note-box a {
  text-decoration: underline;
}
.row-line-kpi {
  padding: 0px 5px 0px 5px;
  margin-left: 0px;
  margin-right: 0px;
}
.row-line-kpi a {
  text-decoration: underline;
}

.story-community-box{
	margin: 0px 6px 0px 6px;
}
.story-title-box{
	margin: 15px 0px 15px 0px;
}
.story-title-box2{
	margin: 15px 6px 21px 6px;
}
.story-title-box2 a{
	color: #4c444d;
}

.story-title-sm, .story-title-lg, .story-title-dialog{
	display: inline-block;
	font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin: 0 ;
	padding: 0;
	vertical-align: middle;
}

.article-list-title {
  margin: 5px 0px 0px 0px;
  padding: 0;
  max-height: 30px;
  overflow: hidden;
}
.header-title{
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
}


@media screen and (min-width: 1200px) {
	.story-title-sm{
		max-width: 195px;
	}
	.story-title-lg{
		max-width: 380px;
	}
	.story-title-dialog{
		max-width: 490px;
	}
}
@media screen and (max-width: 1199px) and (min-width: 992px){	
	.story-title-sm{
		max-width: 145px;
	}
	.story-title-lg{
		max-width: 280px;
	}
	.story-title-dialog{
		max-width: 490px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.story-title-sm{
		max-width: 90px;
	}
	.story-title-lg{
		max-width: 170px;
	}
	.story-title-dialog{
		max-width: 490px;
	}
}
@media screen and (max-width: 767px){
	.story-title-sm{
		max-width: 85px;
	}
	.story-title-lg{
		max-width: 170px;
	}
	.story-title-dialog{
		max-width: 240px;
	}
}

.arrow{
	margin: 0px 3px 0px 3px;
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 2px solid;
	border-color: #aaa #aaa transparent transparent;
	transform: rotate(45deg);
}


.side-block {
  margin-left: 0px;
  margin-right: 0px;
}
.side-block:after {
  display: table;
  content: "";
  clear: both;
}
.side-block-item {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 6px;
  margin-bottom: 15px;
}
.side-block-item:nth-child(2n + 1) {
  clear: left;
}
@media(min-width:1200px){
  .side-block-item {
    width: 50%;
  }
  .side-block-item:nth-child(2n + 1) {
    clear: left;
  }
}
@media(max-width:1199px){
  .side-block-item {
    width: 100%;
  }
  .side-block-item:nth-child(2n + 1) {
    clear: left;
  }
}


.article-list {
  margin-left: 0px;
  margin-right: 0px;
}
.article-list:after {
  display: table;
  content: "";
  clear: both;
}
.article-list .g-article-thumb-img {
  border: 1px solid #e4e4e4;
  -o-object-position: 50% 5%;
     object-position: 50% 5%;
}
.article-list-item {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16.6666666%;
  float: left;
  padding: 0 6px;
  margin-bottom: 15px;
}
.article-list-item:nth-child(6n + 1) {
  clear: left;
}
@media screen and (max-width: 1199px) {
  .article-list-item {
    width: 33.3333333%;
  }
  .article-list-item:nth-child(3n + 1) {
    clear: none;
  }
   .article-list-item:nth-child(6n + 1) {
    clear: left;
  }
}
@media screen and (max-width: 767px) {
  .article-list-item {
    width: 33.3333333%;
  }
  .article-list-item:nth-child(3n + 1) {
    clear: left;
  }
}
@media screen and (max-width: 640px) {
  .article-list-item {
    width: 50%;
  }
  .article-list-item:nth-child(3n + 1) {
    clear: none;
  }
  .article-list-item:nth-child(2n + 1) {
    clear: left;
  }
}

.column-list{
	display: flex;
	padding: 6px 0;
}
.column-list-item1{
	width: 25%;
	padding: 0 6px;
}
.column-list-item2{
	width:75%;
	padding: 0 6px;
}



.article-list-item-1n {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  float: left;
  padding: 0 6px;
  margin-bottom: 5px;
}
.article-list-item-1n:nth-child(1n + 1) {
  clear: left;
}
.article-list-item-2n {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 6px;
  margin-bottom: 5px;
}
.article-list-item-2n:nth-child(2n + 1) {
  clear: left;
}
.article-list-item-3n {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33333%;
  float: left;
  padding: 0 6px;
  margin-bottom: 5px;
}
.article-list-item-3n:nth-child(3n + 1) {
  clear: left;
}
.article-list-item-4n {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
  float: left;
  padding: 0 6px;
  margin-bottom: 5px;
}
.article-list-item-4n:nth-child(4n + 1) {
  clear: left;
}
@media screen and (max-width: 640px) {
  .article-list-item-4n {
    width: 50%;
  }
  .article-list-item-4n:nth-child(2n + 1) {
    clear: left;
  }
}

.g-article-thumb {
  padding-top: 52.5%;
  display: block;
  position: relative;
  overflow: hidden;
  background: #f4f4f4;
}
.g-article-thumb-img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .g-article-thumb-img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -webkit-transform: none;
            transform: none;
    top: 0;
  }
  .g-article-thumb-img.mode-narrow:not(.mode-force-cover) {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .g-article-thumb.mode-top .g-article-thumb-img {
    -o-object-position: 50% 5%;
       object-position: 50% 5%;
  }
}

.article-list-user {
  margin: 0;
  padding: 0;
  max-height: 20px;
  overflow: hidden;
}
.article-list-user:after, .title-box:after{
	clear: right;
}
.item-right{
	float: right;
}

.form-select-btn{
	display: inline-block;
	border: 2px solid #FA6C7A;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 12px;
	padding: 3px 5px 3px 5px;
}

.manga-list-favs {
  margin: 0;
}
.manga-list-right {
  display: inline-block;
  float: right;
}

.manga-list-favs-count {
  color: #aaa;
  font-size: 12px;
  vertical-align: middle;
}

.manga-list-favs-icon {
  font-size: 18px;
  color: #fa6c7a;
  vertical-align: middle;
}

.material-icons {
  vertical-align: middle;
  font-size: 18px;
  margin-top: -1px;
}

.rally-prev-box{
	border: 1px solid #E4E4E4;
	margin: 0 6px 9px;
	padding: 6px;
	position: relative;
}
.rally-prev-box:before{
    content: "";
    border: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    left: 50%;
    bottom: -18px;
    z-index: 2;
}
.rally-prev-box:after{
    content: "";
    border: 10px solid transparent;
    border-top: 10px solid #E4E4E4;
    position: absolute;
    left: 50%;
    bottom: -20px;
}

.rally-prev-title-text{
	color: #aaa;
	font-size: 11px;
	font-weight: 600;
	padding: 0 6px;
	display: inline-block;
}
.rally-prev-text{
	padding: 0px 6px;
	margin-bottom: 0px;
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
@media (min-width:768px){
	.rally-prev-text { 
		max-width: 420px;
	}
}
@media (max-width:767px){
	.rally-prev-text { 
		max-width: 260px;
	}
}

.article-additonal-info{
	padding: 0px 6px;
    max-width: 590px;
    margin: 0px auto;
}
    
.article-action-button{
	border: 1px solid #E4E4E4;
	border-radius: 22px;
	padding: 3px 6px;
	font-weight: 600;
	cursor: pointer;
}
.article-action-button-comment{
	max-width: 227px;
	margin-left: auto;
	margin-right: 0px;
}
.article-action-button-rally{
	max-width: 159px;
}
.acticle-action-notification{
	background: #D80C24;
	border-radius: 20px;
	color: #fff;
	padding: 0px 3px;
	font-size: 8px;
}
.article-additional-line{
	border-bottom: 1px solid #E4E4E4;
}