@charset "UTF-8";

body {
  -webkit-text-size-adjust: 100%;
}

.container {
    min-width: 300px;
}

/* toppage */
.club-info .club-info-free {
    background-image: url("../images/icon-free.png");
    background-size: 12px auto;
    margin-right: 25px;
    padding-left: 17px;
}
.ex-owner-wrapper .owner-contents #slider-top .club-info {
    text-align:left;
    padding: 10px;
    width: 94%;
    top: 55%;
    z-index: 1;
}
.ex-owner-wrapper .owner-contents #slider-top .club-info_wrap {
	background-color: #000;
    opacity: 0.3;
    width:100%;
    height:45%;
    position:absolute;
    bottom:0;
}
.ex-owner-wrapper .owner-contents #slider-top .club-info .club-text {
    font-size: 12px;
}
.ex-owner-wrapper .owner-contents #slider-top .club-info .club-name {
    font-size: 15px;
    margin-bottom: 2px;
}
.ex-owner-wrapper .owner-contents .bx-wrapper .bx-controls .bx-pager {
    top: 88%;
}
@media only screen and (min-width: 640px) {
	.ex-owner-wrapper .owner-contents #slider-top .club-info {
	    top: 65%;
	}
	.ex-owner-wrapper .owner-contents #slider-top .club-info_wrap {
	    height:40%;
	}
	.ex-owner-wrapper .owner-contents #slider-top .club-info .club-name {
	    font-size: 17px;
	}
	.ex-owner-wrapper .owner-contents .bx-wrapper .bx-controls .bx-pager {
	    top: 88%;
	}
}

footer .footer-links,
footer .footer-links-sec {
    padding: 25px;
}
footer .footer-links{
	padding-bottom: 10px;
}
footer .footer-links-sec {
    padding-top: 0px;
}
footer .footer-links ul{
    margin: 10px 0px;
}
footer .footer-links.club {
    padding: 25px 10px;
}
footer .footer-links-sec li {
    display: inline-block;
    font-size: 14px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    width: 49%;
}
footer .footer-links-sec a {
    font-size: 11px;
}

footer .footer-links.row-sec {
    padding-top: 0px;
}

/* error pages */
.error_page {
	text-align:center;
	margin: 76px 0;
	font-weight: bold;
	font-size: 28px;
}
.error_page_title {
	color: #F25353;
	font-size: 100px;
	line-height: 1.5;
}

/* signin */
.signup-area a.term{
	color:#F25353;
}

/* ticket register */
.checkbox-area.ticket-register_plan{
	margin-bottom: 15px;
	margin-top: -10px;
}
.ticket_register_detail_btn{
	text-align: center;
}
.ticket_register_detail_area{
	display:none;
	margin-top: 30px;
}

/* CLUB LIST */
.club-card {
    min-width: 300px;
}
.pickup-club-wrapper .club-card {
	position: relative;
}
.club-list-wrapper .club-card .club-img .secret-icon{
	position: absolute;
    top: 10px;
    right: 10px;
}

.pickup-club-wrapper .club-card .wrap-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.club-list-wrapper {
    padding: 30px 10px;
}

.club-list-wrapper.no-results .btn{
    margin:20px;
    width: 60%;
}


.club-card .club-title .club-name {
    float: left;
    font-size: 15px;
    margin-top: 15px;
    width: 70%;
}
.club-card .club-title .club-icon {
    float: left;
    height: 50px;
    width: 50px;
}

/* club */
.club-ticket-wrapper{
	margin-top: 0px;
}
.club-ticket-wrapper p.no-ticket{
	text-align: center;
	color: #7F7F7F;
}
.club-list-wrapper .club-card {
	position: relative;
}
.club-list-wrapper .club-card .wrap-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.club-ticket-wrapper .ticket-list-info .ticket-use-detail {
    margin-bottom: 20px;
}
.club-ticket-wrapper .ticket-list-info .sub-title.ticket-list {
    height: auto;
    line-height: 1.3;
    padding-top: 12px;
    padding-bottom: 12px;
}
.club-ticket-wrapper .ticket-list-info .btn.dark-gray {
    background-color: #6e6e6e;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin: 30px auto 5px;
    height: auto;
    line-height: 1.6em;
    padding: 10px 20px;
}

.club-ticket-wrapper h3.sub-title.ticket-list {
    line-height: 1.3;
    height: auto;
    margin-top: 16px;
}

.ticket-list-info.dot .ticket-owner {
    color: #fff;
}

.club-ticket-wrapper p.t-expire {
    line-height: 1.4;
}

.dots::before {
    left: -9%;
}

.ticket-detail-wrapper .ticket-list-info.dot.liner .t-about {
    font-size: 11px;
}
.ticket-detail-wrapper .lead-text.rest-ticket {
    display: block;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 425px) and (min-width: 376px) {
  .dots::before {
    left: -7.8%;
  }
}
@media only screen and (max-width: 500px) and (min-width: 425px) {
  .dots::before {
    left: -7.5%;
  }
}
@media only screen and (max-width: 640px) and (min-width: 501px) {
  .dots::before {
    left: -6.4%;
  }
}
@media only screen and (min-width: 641px) {
  .dots::before {
    left: -5.5%;
  }
}

.dots.unjoin-plans-list {
    margin-bottom: 30px;
}

.owners-buttons {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}
.owners-buttons a{
    margin:5px;
}

.club-list-wrapper .club-card .club-owner-info {
    bottom: -50px;
    color: #ffffff;
    font-size: 10px;
    line-height: 0;
    padding: 12px;
    position: relative;
}

@media only screen and (max-width: 425px) and (min-width: 376px) {
	.club-list-wrapper .club-card {
	    min-height: 195px;
	}
	.club-list-wrapper .club-card .club-img {
	    min-height: 160px;
	}
}

@media only screen and (max-width: 500px) and (min-width: 426px) {
	.club-list-wrapper .club-card {
	    min-height: 195px;
	}
	.club-list-wrapper .club-card .club-img {
	    min-height: 160px;
	}
}

@media only screen and (max-width: 640px) and (min-width: 501px) {
	.club-list-wrapper .club-card {
	    min-height: 195px;
	}
	.club-list-wrapper .club-card .club-img {
	    min-height: 160px;
	}
}

@media only screen and (min-width: 641px) {
	.club-list-wrapper .club-card {
	    min-height: 270px;
	}
	.club-list-wrapper .club-card .club-img {
	    min-height: 230px;
	}
}

/* profile */
.sns-share-wrapper.edit-profile .lead-text {
    color: #4f4f4f;
    padding: 10px 0 10px;
}
.bank-form-wrapper.ticket .plan-ticket-contents {
    margin-top: 0px;
}
/* history */
.billing-list-wrapper {
    padding: 20px 10px 25px;
}

/* timeline */
.ticket-list-info {
	position: relative;
	padding: 7px;
	background-color: #fff;
}

.ticket-list-info .wrap-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.report-show-area {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: medium none;
    border: 1px solid #b3b3b3;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    bottom: 0;
    box-sizing: border-box;
    position: static;
    width: 100%;
}
.report-edit-area {
    background: #ffffff none repeat scroll 0 0;
    border-top: none;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    bottom: 0;
    box-sizing: border-box;
    position: static;
    width: 100%;
}
/*
.report-edit-area{
    position:relative;
}
.report-edit-area textarea.js_report_caption_input{
    width: 52%;
    margin-left: 24%;
}
.report-edit-area  a.js_report_image_add{
    position: absolute;
    top: 26px;
    width:10%;
}
.report-edit-area a.js_report_image_add span.btn.gray {
    width: 100%;
    height: 33px;
    line-height: 33px;
}
.report-edit-area  a.js_report_attach_add{
    position: absolute;
    top: 61px;
    width:10%;
}
.report-edit-area a.js_report_attach_add span.btn.gray {
    width: 200%;
    font-size: 80%;
    background-color: #6e6e6e;
    color: #ffffff;
    height: 25px;
    line-height: 25px;
    margin-bottom: 0px;
    margin-top: 8px;
}
.report-edit-area  a.js_report_caption_add{
    position: absolute;
    right: 6px;
    top: 40px;
    width: 20%;
}
*/
.report-detail-wrapper .report-img {
	text-align: center;
  margin-top:10px;
}

.report-detail-wrapper .report-img img {
	max-width: 100%;
}
.report-detail-wrapper .report-text a {
	font-weight: bold;
    border-bottom : dotted 1px ;
    margin-top: 10px;
}
.report-detail-wrapper .report-title {
    margin-top:15px;
    margin-bottom:15px;
    color:#111;
}
.report-detail-wrapper section {
    margin-bottom: 0px;
}
.report-detail-wrapper .btn {
    margin: 0;
}
.report-detail-wrapper .contents {
  font-size: 14px;
  border: solid 1px #aaa;
  padding: 10px;
  margin: 5px 5px 5px 5px;
  -webkit-border-radius: 3px 3px 3px 3px;
  margin-top:30px;
}
.report-detail-wrapper p.report-text {
  margin-top:10px;
}
.report-detail-wrapper .contents .share-buttons {
  margin-top:10px;
}
.report-btn-area select {
	width: 33%;
}

.report-btn-area .btn {
	vertical-align: top;
	margin-top: 16px;
}

.report-form {
	min-height: 400px;
}

.report-form .report-img {
	text-align: center;
  margin-top: 10px;
}

.report-form .report-img img {
	max-width: 100%;
}

.report-form .caption_item {
	position: relative;
}

.report-form .placeholder {
	padding: 15px;
	color: #A1A1A1;
	display:none;
}

.report-form .caption_item .remove {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 30px;
	line-height: 15px;
}

.report-form .caption_item p {
	margin: 15px 0;
	width: 90%;
}

.report-form .p10.collection{
	/*background-color: #f2f2f2;*/
}
.report-form #report_status,
.report-form #report_scope,
.report-form #report_submit,
.report-form #report_title{
	margin-top:5px;
}

.clup-top-popup .report-register-example {
    font-size: 13px;
    height: auto;
    line-height: 32px;
    padding: 16px;
}
.clup-top-popup .report-register-example {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 15px 15px;
}

.report-register-example p {
    margin-bottom: 0.6em;
}
.report-register-example p.last {
    margin-bottom: 0;
}
.report-register-example.lightbox {
    display: none;
}
.report-register-example .example-close{
	position: absolute;
	top:6px;
	right:10px;
}
.report-form.report-register .input-guide{
	background-image: url("../images/icon-information.png");
    background-position: -2px top;
    background-repeat: no-repeat;
    background-size: 17px auto;
    border-radius: 5px;
    padding-left: 15px;
    text-decoration: none;
}

.owner-edit-area{
    padding: 20px;
}
.owner-edit-area .left-btn-group{
    width: 46%;
    float: left;
}
.owner-edit-area .left-btn-group .btn{
    font-weight: normal;
}
.owner-edit-area .right-btn-group{
    width: 46%;
    float: right;
}
.owner-edit-area .right-btn-group .btn{
    font-weight: normal;
}
/* like */
.comment-like-count{
    font-size: 12px;
    font-weight:bold;
    color: #7f7f7f;
    text-align: right;
    margin-top: 10px;
}
.comment-like-count .report_like{
    background-image: url("/images/icon-report-like.png");
    background-size: 18px auto;
    background-repeat: no-repeat;
    padding: 3px;
    padding-left: 21px;
    background-position-y:1px;
    color: #7f7f7f;
}
.comment-like-count .report_like.liked{
    background-image: url("/images/icon-report-liked.png");
}
.comment-like-count span.comments-count{
    background-image: url("/images/icon-report-comment.png");
    background-size: 18px auto;
    background-repeat: no-repeat;
    padding: 3px;
    padding-left: 21px;
    background-position-y:1px;
}

/* comment */
.report_comment ul li {
  color: #f25353;
}
.report_comment .input {
  width: 70%;
}
.report_comment .submit {
  float:right;
  width: 25%;
  margin-top: 5%;
  font-weight: normal;
  font-size: 15px;
}
@media (max-width:767px) {
  .report_comment .submit {
    font-size: 10px;
    margin-top: 8%;
  }
}


/* club top */

.club-plans-list{
    margin-bottom: 40px;
    padding: 0 36px;
}
.club-plans-list .btn.club-detail{
    margin-bottom: 10px;
}
.about-club-text a{
	font-weight: bold;
    border-bottom : dotted 1px ;
}
.about-plan-box .plan_info a{
	font-weight: bold;
    border-bottom : dotted 1px ;
}
.other_info ul.about-club-urls li{
    float: right;
    padding: 5px;
}
.other_info ul.about-club-urls li a div.btn_fb{
    background-color: #085ba1;
    background-image: url("../images/icon-share-fb.png");
    background-position: 13px center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    border-radius: 5px;
    height: 38px;
    width: 38px;
}
.other_info ul.about-club-urls li a div.btn_tw{
    background-color: #39add3;
    background-image: url("../images/icon-share-tw.png");
    background-position: 9px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    border-radius: 5px;
    height: 38px;
    width: 38px;
}
.other_info ul.about-club-urls li a div.btn_line{
    background-color: #39d36f;
    background-image: url("../images/icon-share-line.png");
    background-position: 9px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    border-radius: 5px;
    height: 38px;
    width: 38px;
}
.other_info ul.about-club-urls li a div.btn_web{
    background-color: #7F7F7F;
    background-image: url("../images/icon-home.png");
    background-position: 9px center;
    background-repeat: no-repeat;
    background-size: 21px auto;
    border-radius: 5px;
    height: 38px;
    width: 38px;
}

.club-hero-wrapper .club-info-wrapper .info-updated-inner p {
    font-size: 10px;
}
.club-tab-menu .tab-inner {
	border: none;
}
.add-club-wrapper{
	margin:30px 0px 40px;
}
.add-club-wrapper .account-contents .title {
    color: #646464;
    margin-bottom: 20px;
    text-align: center;
}
.plan-wrapper{
	border-top: 2px solid #c5c5c5;
	padding: 20px 4px;
	margin: 12px 4px;
}
.plan-detail-wrapper{
	padding: 20px 4px;
	margin: 12px 4px;
}
.plan-detail-wrapper .club-plan-wrapper{
	margin-bottom: 40px;
}
.plan-detail-wrapper .plan-inner .about-plan-box {
    background-color: rgba(248, 246, 246, 0.94);
    border: 1px solid #878787;
    font-size: 12px;
    padding: 12px 13px;
    margin-bottom: 20px;
}
.plan-detail-wrapper .plan-inner .plan-condition-box {
    background-color: rgba(248, 246, 246, 0.94);
    border: 1px solid #f25353;
    font-size: 12px;
    padding: 12px 13px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.plan-detail-wrapper .plan-condition-box p.title {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 7px;
    padding-left: 0;
    color: #f25353;
}
.plan-detail-wrapper .plan-condition-box p.plan_info {
    color: #f25353;
}

.plan-detail-wrapper .plan-inner .approval {
    text-align:center;
    font-weight: bold;
}
.plan-detail-wrapper .plan-info-box{
    color: #7e7e7e;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 26px;
    font-size: 12px;
}
.plan-detail-wrapper .about-plan-box p,
.plan-detail-wrapper .plan-condition-box p{
    padding-left: 12px;
}
.plan-detail-wrapper .about-plan-box p.title{
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 13px;
    padding-left: 0;
}
.plan-detail-wrapper .membership-card{
    position: absolute;
    top: 0;
    right: 10px;
    width: 100px;
}
.plan-wrapper.unjoined-club.closed{
	display: none;
}
.unjoined-plans.closed {
    display: none;
}
div.closed_plan{
	width: 80%;
	margin: 0 auto 30px;
}
.club-plans-list .owner-plan-panel{
    padding: 0 10px 10px;
    text-align: right;
}
.club-plans-list .owner-plan-panel a.btn{
    width: 110px;
    font-size: 13px;
    margin-bottom: 16px;
}

.club-tab-menu .tab-inner .tab-link {
    float: left;
	width: 50%;
    border: 1px solid #c5c5c5;
	-webkit-border-radius: 10px;
	behavior: url(/pie.htc);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.club-tab-menu .tab-inner .tab-link.tab-left {
	border-radius: 10px 0 0 10px;
	border-right: none;
}
.club-tab-menu .tab-inner .tab-link.tab-right {
	border-radius: 0 10px 10px 0;
	border-left: none;
}
.add-club-wrapper .add-flow.done {
	color: #ddd;
}
.add-flow {
	position: relative;
}
.add-flow .wrap-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.clup-top-popup{
	position: absolute;
}
.club-ticket-wrapper {
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 24px;
}
.club-ticket-wrapper.before {
	max-height: 380px;
}
.club-ticket-wrapper .ticket-list-info .has-plan {
    font-size: 12px;
}
/*.club-ticket-wrapper .more-link.ticket {
    position: absolute;;
    top: 320px;
}
.club-ticket-wrapper .more-link.ticket a {
    position: absolute;
    top: 50%;
	left: 0;
	right: 0;
	padding: 10px;
}
*/
.club-ticket-wrapper .ticket-list-info .t-info-inner {
    font-size: 10px;
    margin-bottom: 5px;

}
.club-ticket-wrapper .ticket-list-info .t-info-inner.ticket-detail {
    font-size: 10px;
    margin-bottom: 5px;
    position: static;
}
.club-ticket-wrapper .ticket-list-info.status_2{
	background-color:#F4F4F4;
}
.club-ticket-wrapper .ticket-list-info .t-text a {
    color: #FFF;
    font-weight: bold;
    border-bottom: 1px dotted;
}
.club-ticket-wrapper .ticket-use-button{
    position: absolute;
    right: 5px;
    top: 5px;
    width: 100px;
}
.club-ticket-wrapper .ticket-list-info div.report_list_plan_tags p{
    font-size:12px;
    border:solid 1px #ccc;
    padding:4px;
    display:inline-block;
    margin:6px;
    border-radius:2px;
    font-weight:bold;
}
/*.club-ticket-wrapper .ticket-list-info .t-title {
    width: 100%;
}
*/
.club-hero-wrapper .club-info-wrapper .account-inner .btn {
    background-color: rgba(255, 255, 255, 0.6);
}
.club-top-login .club-plan-wrapper .sub-title {
    color: #f25353;
}

.sns-share-wrapper .share-contents .btn.fb {
    background-position: 27px 12px;
}
.sns-share-wrapper .share-contents .btn.tw {
    background-position: 18px 13px;
}
.sns-share-wrapper .share-contents .btn.line {
    background-position: 19px 12px;
}
.sns-share-wrapper .share-contents .btn.mail {
    background-position: 14px 14px;
}
.sns-share-wrapper .share-contents .btn {
    padding-left: 20px;
    font-size: 13px;
}
/*.club-ticket-wrapper .ticket-list-info .t-title .t-name {
    width: 100%;
    margin-top: 15px;
}
*/.club-hero-wrapper .club-hero-contents .club-title .club-name {
    width: 80%;
}
.club-hero-wrapper .club-hero-contents .club-title .club-icon {
    max-width: 50px;
    width: 20%;
}
.club-ticket-wrapper div.secret{
	display: none;
}
.member-num.certification{
	font-size: 12px;
    line-height: 29px;
    text-align: left;
}
.member-num.certification p.about{
	font-size: 13px;
    line-height: 19px;
    margin-bottom: 12px;
}
.member-num.certification .certification_detail{
	line-height: 25px;
}
.member-num.certification .certification_detail dt{
	width: 63px;
	float: left;
	font-weight: bold;
}
.member-num.certification .certification_detail dd{
}
.member-num.certification .certification_priv{
}
.member-num div.secret{
	padding: 20px;
	border: 1px solid #dedede;
	text-align:center;
	background-color: #f4f4f4;
	/*border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;*/
	border-radius: 15px;
	margin-top:10px;
}
.membership-area{
	border: 1px solid #dedede;
	background-color: #F4F4F4;
	position: relative;
	padding: 10px;
	margin-top:5px;
    margin-bottom:15px;
}
.membership-area .membership-privilege{
	width: 100%;
}
.membership-area .membership-privilege p{
	font-size: 12px;
    padding-left: 12px;
}
.membership-area .membership-privilege p.title{
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 13px;
    padding-left: 0;
}
.membership-area .membership-card{
    margin: 10px auto;
    text-align: center;
    width: 70%;
}
.member-card .certification .approval{
    font-size: 100%;
    font-weight: bold;
    text-align:center;
    line-height: 1.5;
}

/* OWNER BUTTONS */
.club-plan-wrapper {
	position: relative;
}
.owner-module-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
}

.owner-module-wrapper .owner-module {
	float: right;
	margin-left: 10px;
}

.owner-module-wrapper .owner-module.btn {
	width: 60px;
    font-weight: normal;
}

.owner-module-wrapper .owner-module.btn.cancel {
    width: 100px;
    font-weight: normal;
}
/* OWNER AUTHORITY */
.owner-list {
	width: 100%;
	margin: 20px 0;
}

.owner-list tr th {
	width: 30%;
	padding: 8px;
	background-color: #eee;
	border-bottom: 3px solid #fff;
}

.owner-list tr th.bg-white {
	background-color: #fff;
}

.owner-list tr td {
	width: 70%;
	padding: 0 10px;
}

.owner-list tr td select {
	margin: 5px 0;
}

.owner-list tr td .btn.gray {
	margin: 5px 0;
}

/* header */
.club-hero-wrapper .club-hero-contents {
    position: relative;
}
.club-hero-wrapper .club-hero-contents .secret-icon{
    position: absolute;
    right: 20px;
    top:10px;
}
header .login-inner {
    /*width: 57px;*/
   width: 62px;
   padding-top: 2px;
}
header .header-inner .header-login {
    background-image: url("../images/icon-login.png");
    background-position: center 4px;
    background-repeat: no-repeat;
    background-size: 16px 19px;
    color: #f25353;
    display: inline-block;
    font-size: 7px;
    padding-top: 27px;
}

/* add coupon */
.example{
	padding:12px;
	font-size: 13px;
	background-color:#F2F2F2;
	/*display:none;*/
	margin-bottom: 6px;
}
.example-attention{
	padding:12px;
	font-size: 13px;
	background-color:#fcebeb;
	/*display:none;*/
	margin-bottom: 6px;
}
/* PlanJoin */
.club-plan-wrapper .input-data-contents .registered-value {
    margin: 16px 0 10px;
}
.club-plan-wrapper .btn.prev-link {
    margin-top: 30px;
}
.club-plan-wrapper .bank-form-wrapper .credit-card.registered-value {
    margin-top: 25px;
}
.club-plan-wrapper .bank-form-wrapper .expire .expire-month {
    width: 20%;
}
.club-plan-wrapper .bank-form-wrapper .expire .expire-year {
    width: 20%;
    margin-left: 5px;
}

.club-plan-wrapper .registered_card-form,
.club-plan-wrapper .new_card-form{
	padding: 16px;
	border: 1px solid #b3b3b3;
	margin-bottom: 28px;
	position: relative;
}
.club-plan-wrapper .registered_card-form h3.title,
.club-plan-wrapper .new_card-form h3.title{
	color: #7e7e7e;
    font-size: 16px;
    margin-bottom: 15px;
    position: absolute;
    background-color: #FFF;
    top: -9px;
}
div.disclosure input,
div.disclosure select{
	margin-bottom: 12px;
    margin-top: 5px;
}
div.disclosure label{
	margin-top: 16px;
}

/* Plan leave */
.club-plan-wrapper .plan-regist-inner .claim-link.objection {
    font-size: 10px;
}

/* Plan Register Confirm, Plan Edit Confirm, */
.monthly-price-attention {
    font-size: 12px;
    color: #f25353;
}

/* AccountEdit */
.account-edit .birthday {
    width: 20%;
}
.account-edit .nickname_item .nickname {
    width: 80%;
}
.account-edit .nickname_item .btn {
    width: 10%;
    margin: 0 0 3px 5px;
    height: 48px;
}
.account-edit .btn-area .btn {
    width: 49%;
}

/* Club/Member */
.club-member-list .man-date-contents {
    padding-bottom: 10px;
}
.club-member-list .man-date-contents,
.club-member-list .man-info-default {
}
.club-member-list .man-date-contents .man-info {
    width: 45%;
    margin-top: 10px;;
    margin-bottom: 6px;
    position: inherit;
    top: 0;
    transform: inherit;
}
.club-member-list .man-date-contents .man-info-more {
    display: none;
    clear: both;
}
.club-member-list .man-date-contents .man-info-more .man-info-detail {
    font-size: 12px;
    color: #2f2f2f;
    margin-bottom: 8px;
}
.club-member-list .man-date-contents .man-info-more .man-info-detail dt {
    float : left;
    clear : both;
}
.club-member-list .man-date-contents .man-info-more .man-info-detail dt:after {
    content: "：";
}
.club-member-list .man-date-contents .man-info-more .man-info-detail dd {
    margin-left: 105px;
}
.club-member-list .man-date-contents .man-info-more .eom-stop {
    font-size: 12px;
    font-weight: bold;
    color: #2f2f2f;
}
.club-member-list .man-date-contents .man-info-more .answer {
    color: #7e7e7e;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
}
.club-member-list .man-date-contents .accordion-trigger {
    cursor: pointer;
}
.lead-account-wrapper .account-contents .title {
    color: #646464;
    margin-bottom: 18px;
}

/* Club/history */
.club-history-h4 {
    height: 30px;
    line-height: 30px;
    margin: 5px 0;
}

#club-record-table {
	width: 100%;
    height: 85px;
    margin: 15px 0;
}
#club-record-table .club-record-table-back{
	width: 20%;
    height: 100%;
	float: left;
    position: relative;
}
#club-record-table .club-record-table-back img{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left : 0;
    margin: auto;
}

#club-record-table .content{
	width: 60%;
    height: 100%;
	float: left;
    overflow: hidden;
    position: relative;
}
#club-record-table .club-record-table-sub {
    width: 300%;
    height: 100%;
    position: absolute;
    left: 0;
}
#club-record-table .club-record-table-sub dl{
	float: left;
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
}
#club-record-table .club-record-table-sub dt{
    border: 1px solid #FFFFFF;
    background: #fcebeb;
    padding: 5px 0;
    text-align: center;
    font-weight: bold;
}
#club-record-table .club-record-table-sub dd{
    border: 1px solid #FFFFFF;
    background-color: #F2F2F2;
    padding: 5px 0;
    text-align: center;
}
#club-record-table .club-record-table-next{
	width: 20%;
    height: 100%;
	float: left;
    position: relative;
}
#club-record-table .club-record-table-next img{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left : 0;
    margin: auto;
}

#club-record-chart {
    margin: 10px 0;
}

.no-scrollbar-select {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	border-width: 0px;
	text-align: center;
	width: 100%;

	margin: 10px 0;
	font-size: 13px;
}
.no-scrollbar-select ul {
	margin: 0 auto;
	border-width: 0px;
	width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.no-scrollbar-select ul:active,
.no-scrollbar-select ul:focus {
	outline: none;
}

.no-scrollbar-select ul li {
	width: 32%;
	line-height: 32px;
	padding: 0;
	text-align: center;
	background-color: #F2F2F2;
	border: 1px solid #FFFFFF;
}
.no-scrollbar-select ul li:hover {
	outline: none;
	background-color: #F2EBEB;
}
.no-scrollbar-select ul li.selected {
	background-color: #f25353;
    color: #FFFFFF;
    /*font-weight: bold;*/
}
.chart-hidden {
	display: none;
}

.log-table {
    margin-top: 40px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 13px;
    text-align: center;
}
.log-table .log-table-head {
    width: 100%;
    white-space: nowrap;
    font-weight: bold;
    font-size: 12px;
}
.log-table .log-table-body {
    width: 100%;
    padding: 5px 0;
    /*border-bottom: 1px #f2f2f2 solid;*/
    margin-top: 10px;
}
.log-table div{
    float: left;
}
.log-table .first-line {
    padding-left: 5px;
    width: 85%;
    font-size: 11px;
    color: #888;
}
.log-table .line,
.log-table .second-line {
    width: 100%;
    height: 28px;
}

.log-table .innerbox {
    background-color: #F2F2F2;
    padding: 3px;
    border-radius: 5px;
    box-sizing:border-box;
    border: 1px solid #FFFFFF;
    height: 100%;
}

.log-table .date {
    font-weight: bold;
}
.log-table .plan {
    font-weight: bold;
    width: 40%;
}
.log-table .nickname {
    width: 30%;
}
.log-table .record {
    width: 44%;
}
.log-table .log-table-head .record {
    background-color: #fcebeb;
}
.log-table .drawable-date {
    background-color: #F2F2F2;
    width: 28%;
}
.log-table .log-table-head .drawable-date {
    background-color: #fcebeb;
}
.log-table .drawable-date-limit {
    background-color: #F2F2F2;
    width: 28%;
}
.log-table .log-table-head .drawable-date-limit {
    background-color: #fcebeb;
}
.log-table .caution {
    color: #f25353;
}
.log-table .unavailable {
    color: #aaa;
}

.log-table .small {
    margin-left: 2px;
    font-size: 80%;
}

.log-table .small .introducer {
    text-decoration: underline;
}

/* COMMON STYLES */
header .header-inner .logo-inner {
    margin: 10px;
}
.btn.darkgray {
    background-color: #6e6e6e;
    border: 1px solid #6e6e6e;
    color: #ffffff;
}
.club-search-contents form .search-club-box input[type="text"] {
    color: #4f4f4f;
}
.attention{
	font-size:80%;
	color:#e03434;
}
.lead-text.attention{
    color:#e03434;
    font-size: 100%;
}
.centering{
	text-align: center;
}
.m10{
	margin:10px;
}
.m20{
	margin:20px;
}
.pd10{
	padding:10px;
}
.__pd20{
	padding:20px !important;
}
.mini{
	font-size: 80%;
}
.header-icon {
    background-image: none;
    padding-left: 0px;
}
#modal_overlay {
    background-color: rgba(0, 0, 0, 0.5);
}
#modal_loading {
    left: 50%;
    margin: 0 auto 0 -16px;
    position: absolute;
    top: 0;
    display: none;
    z-index: 999;
}

header .header-inner .logo-inner {
    width: 100px;
}
.btn {
	cursor: pointer;
}
.btn.off {
	cursor: auto;
}
.btn.full-width {
	width: 100% !important;
}
.btn.half-width {
	width: 48% !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.ml25 {
    margin-left: 25px !important;
}
.whalf {
    width: 50% !important;
}
.color-black {
    color: #4f4f4f !important;
}

footer .copyright,
.footer-links a{
	font-size: 11px;
}
form input[type="text"],
form input[type="email"],
form input[type="number"],
form input[type="password"],
form input[type="month"],
form input[type="date"],
form textarea, form select {
	background-color: #FFF;
	color: #4f4f4f;
}
div.no-results {
    text-align: center;
    margin-top:24px;
    margin-bottom:24px;
}
.add-club-wrapper .caution-text {
    font-size: 11px;
}
.add-club-wrapper.owner-profile h4{
	font-weight: bold;
	margin-bottom: 5px;
    margin-top: 12px;
}
form select {
    padding: 8px;
}
form select, form input[type="month"], form input[type="date"] {
    -moz-appearance: none;
    background-image: url("../images/select-arrow.png");
    background-position: right 4px center;
    background-repeat: no-repeat;
    background-size: 12px 10px;
    height: 40px;
    line-height: 20px;
}
/* LOGIN */
.remain_login{
	text-align: center;
	margin:15px 0px;
}
.sns-share-wrapper p.message{
	padding: 25px 10px 0px;
	font-size: 18px;
}

/* MENU */
.head-menu {
    position: absolute;
}
header .login-inner .header-club {
    background-image: url("../images/icon-club.png");
    background-position: center 4px;
    background-repeat: no-repeat;
    background-size: 19px 19px;
    color: #f25353;
    display: inline-block;
    font-size: 7px;
    padding-top: 27px;
}
header .login-inner .header-message {
    background-image: url("../images/icon-message.png");
    background-position: center 4px;
    background-repeat: no-repeat;
    background-size: 19px 19px;
    color: #f25353;
    display: inline-block;
    font-size: 7px;
    padding-top: 27px;
}
header .login-inner .header-ticket {
    background-image: url("../d18/images/icon_ticket_p.png");
    background-position: center 2px;
    background-repeat: no-repeat;
    background-size: 23px 23px;
    color: #f25353;
    display: inline-block;
    font-size: 7px;
    padding-top: 27px;
}
header .login-inner {
    width: 49px;
    /*width: 62px;*/
    padding-top: 2px;
}

@media (max-width: 331px) {
    header .login-inner.clubtop{
        display: none;
    }
}

@media only screen and (min-width: 640px) {
    header .login-inner {
        width: 80px;
        /*width: 62px;*/
        padding-top: 2px;
    }
}
header .login-inner.owner-menu,
header .login-inner.mail-box{
    position: relative;
}
header .login-inner.owner-menu p,
header .login-inner.mail-box p{
    background-color: #8fbc74;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 8px;
    height: 1.5em;
    line-height: 1.5em;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 10px;
    vertical-align: middle;
    width: 1.5em;
}
/* menu */
#menu{
	background-color:#FFF;
}
#owner_menu{
	background-color:#FFF;
}
.head-menu .header-inner h2 {
    font-weight: bold;
}
.head-menu .menu-list li {
    border-bottom: 1px solid #999;
    color: #4f4f4f;
    display: table;
    font-size: 13px;
    font-weight: normal;
    height: 33px;
    width: 100%;
}
.head-menu .menu-list li a {
    padding-left: 20px;
}
.head-menu .menu-list li a.menu-title {
    font-weight: bold;
}
.head-menu .menu-list li a.menu-link {
    background-image: url("../images/icon-arrow-pink-r.png");
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 9px auto;
}
.head-menu .header-inner {
    height: 47px;
}
/* TOP */
.bx-wrapper img {
    width: 100%;
}
.slead-text{
	margin-bottom:10px;
}
.sinup-content-wrapper .sinup-contents .btn.singin-link {
    color: #4f4f4f;
}
.home-hero-wrapper .hero-contents-about {
    text-align: center;
    margin-bottom: 76px;
}
.home-hero-wrapper .hero-contents-about img.about-image{
    width: 100%;
    margin-bottom: 26px;
}
.home-hero-wrapper .hero-contents-about img.allow-image{
    margin-top: 10px;
    width: 36px;
}
.home-hero-wrapper .hero-contents-about .about-text{
    padding: 0px 20px;
}
.home-hero-wrapper .hero-contents-about .about-text div{
    color: #4F4F4F;
    margin: 22px 0px;
    font-size: 18px;
    font-weight: bold;
}
.home-hero-wrapper .hero-contents-about .about-text div.reason{
    background-image: url("../images/icon-check.png");
    background-position: left 3px;
    background-repeat: no-repeat;
    background-size: 12px auto;
    margin: 20px auto;
    padding-left: 17px;
    padding-top: 0;
    width: 66%;
    text-align: left;
}
.home-hero-wrapper .hero-contents-about .btn{
    width: 90%;
}

/* jQuery UI */
/*! jQuery UI - v1.12.0 - 2016-08-01
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	/*text-indent: -99999px;*/
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
	color: #f25378;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	color: #f25353;
	font-weight: bold;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
	color: #f25353;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	/*text-indent: -99999px;*/
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
#ui-datepicker-div{
	background-color: #FFF;
	border: 1px solid #d8d8d8;
}

/* club header */
.club-hero-wrapper .club-hero-contents,
.club-list-wrapper .club-card .club-img,
.pickup-club-wrapper .club-card .club-img {
    text-shadow:
		-1px -1px #4f4f4f,
		1px -1px #4f4f4f,
		-1px 1px #4f4f4f,
		1px 1px #4f4f4f;
}
.club-hero-wrapper .club-menu span {
    background-image: url("../images/icon-menu-gear-gray.png");
    background-size: 22px 22px;
    background-position: center 0;
}
.head-menu .header-inner .login-inner .header-menu.owner {
    background-image: url("../images/icon-menu-gear-gray.png");
    background-size: 20px 20px;
    background-position: center 0;
    padding-top: 24px;
}
header .login-inner .header-menu.owner {
    background-image: url("../images/icon-menu-gear.png");
    background-size: 20px 19px;
    background-position: center 5px;
}
.head-menu .header-inner .login-inner .header-menu {
    background-position: center 4px;
    padding-top: 24px;
}
/* plan detail */
.club-hero-wrapper.plan-header .club-hero-contents {
    height: 50px;
}
.club-hero-wrapper.plan-header .plan-image{
    padding: 0px 18px;
}
.club-hero-wrapper.plan-header .plan-image img{
    width: 100%;
}
.club-hero-wrapper.plan-header .to_clubtop{
    background-image: url("../images/icon-arrow-gray-l.png");
    background-position: 1% center;
    background-repeat: no-repeat;
    background-size: 9px auto;
    border-bottom: 1px solid #7e7e7e;
    box-sizing: border-box;
    margin: 0 16px;
    padding: 7px 0 5px 20px;
}
.club-hero-wrapper.plan-header .to_clubtop a{
    color: #7e7e7e;
}
.club-hero-wrapper.plan-header h1.club-name a{
    color: #f25353;
    text-shadow: none;
    font-weight: bold;
}

/* club register */
.add-club-wrapper textarea {
    margin: 5px 0 26px;
}

.btn.dark-gray.no-pointer {
    cursor: default;
}
.btn.dark-gray.no-pointer {
    cursor: default;
}

.about-guide-box .btn.dark-gray.no-pointer {
    background-color: #6e6e6e;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin-top: 0;
    height: auto;
    line-height: 1.6em;
    padding: 10px 20px;
}

/* invitation */
#invitation_form #club_invitation_memberExpireYear,
#invitation_form #club_invitation_memberExpireMonth {
    width: 30%;
}
#invitation_form #club_invitation_invitationMemberMax{
    width: 60%;
}
.invitation_result{
    color: #7e7e7e;
    font-size: 15px;
    margin: 20px 0px;
}

.plan-invitation {
    height: 95px;
    border-top: 1px solid #ddd;
}
.plan-invitation-detail {
    height: 54px;
    margin-top: 10px;
    margin-bottom: 6px;
    position: inherit;
    top: 0;
    transform: inherit;
}
.plan-invitation-detail .left {
    width: 55%;
}
.plan-invitation-detail .right {
    width: 45%;
}
.plan-invitation-detail .plan-name {
    font-size: 16px;
    color: #2f2f2f;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 4px;
}
.plan-invitation-detail .others {
    font-size: 12px;
    font-weight: bold;
    color: #7e7e7e;
    margin-bottom: 4px;
    padding-left: 14px;
}
.plan-invitation-detail.right a.btn{
    width: 80px;
    margin-top: 16px;
}

.club_infomation {
    margin: 10px;
}
.club_infomation-left {
    float:left;
    width:33%;
}
    .club_infomation-left img{
        width:100%;
        max-width: 130px;
        min-width: 100px;
    }
.club_infomation-right {
    float:left;
    width: 60%;
}
    .club_infomation-right ul.club_info{
        color: #7e7e7e;
        font-weight: bold;
        margin: 18px 0 20px;
    }
        .club_infomation-right ul.club_info li{
            font-size: 13px;
            margin: 5px 0;
            padding-left: 14px;
        }
        .club_infomation-right ul.club_info li.club_info-title{
            font-size: 16px;
            padding-left: 0px;
            color:#2f2f2f;
        }

/* contact */
.contact-club-wrapper .sub-title{
    line-height: 1.2em;
    margin-top: 20px;
    height: auto;
}
.contact-club-wrapper .contact-step{
    padding: 10px 20px 36px;
}
.contact-club-wrapper .contact-step p{
    font-size: 15px;
}
.contact-club-wrapper .contact-step p.title{
    font-size: 16px;
    margin: 20px 0;
}
.contact-club-wrapper .contact-step .contact-link .btn{
    font-size: 14px;
}
.contact-club-wrapper .contact-step .contact-link .link_text{
    box-sizing: border-box;
    color: #f25353;
    display: inline-block;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    padding-left: 20px;
}
.contact-club-wrapper .contact-step form #club_contact_message{
    /*height: 250px;*/
}
.contact-club-wrapper .contact-step form .btn{
    margin: 15px 0px 0px;
}
.contact-club-wrapper .contact-step form .btn#club_contact_return{
    margin-bottom: 0;
}
.contact-club-wrapper .contact-step form .contact-confirm h4{
    font-weight: bold;
    margin: 10px 0;
}
/* mailbox top */
.ticketbox-wrapper ul,
.mailbox-wrapper ul{
    margin: 10px 0;
}
.ticketbox-wrapper ul li.ticket-list,
.mailbox-wrapper ul li.mail-list{
    height: 80px;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}
.ticketbox-wrapper ul li.ticket-list .club-icon img,
.mailbox-wrapper ul li.mail-list .club-icon img{
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 20px;
}
.ticketbox-wrapper ul li.ticket-list .user-icon img,
.mailbox-wrapper ul li.mail-list .user-icon img{
    height: 60px;
    margin: 10px 30px 10px 10px;
    width: 60px;
    float: left;
}
.ticketbox-wrapper ul li.ticket-list a.wrap-link,
.mailbox-wrapper ul li.mail-list a.wrap-link{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.ticketbox-wrapper ul li.ticket-list .club-name,
.mailbox-wrapper ul li.mail-list .club-name{
    float: left;
    padding-top: 24px;
    width: 50%;
}
.ticketbox-wrapper ul li.ticket-list .count,
.mailbox-wrapper ul li.mail-list .mail-count{
    float: right;
    padding-top: 30px;
    margin-right: 10px;
}
.ticketbox-wrapper ul li.ticket-list .count p
.mailbox-wrapper ul li.mail-list .mail-count p{
    border-radius: 50%;
    color: #8fbc74;
    display: inline-block;
    font-size: 16px;
    height: 1.5em;
    position: absolute;
    right: 12px;
    text-align: center;
    vertical-align: middle;
}
/* mailbox recieve mail-list */
.mailbox-wrapper .mail-list{
    position: relative;
}
.mailbox-wrapper .mail-list h3{
    font-size: 16px;
    margin-bottom: 20px;
    height: inherit;
    line-height: inherit;
    text-align: center;
}
.mailbox-wrapper .mail-list-info{
    margin-bottom: 0;
    padding: 20px 10px;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.mailbox-wrapper .mail-list-info .mail-icon img{
    float: left;
    width: 50px;
    max-height: 50px;
    object-fit: cover;
}
.mailbox-wrapper .mail-list-info .mail-icon div.right-box .name{
    padding: 6px;
    font-size: 14px;
}
.mailbox-wrapper .mail-list-info .mail-icon div.right-box .name a{
    border-bottom: 1px dotted;
}
.mailbox-wrapper .mail-list-info .mail-icon div.right-box .mail-title{
    padding: 6px;
    font-size: 14px;
    font-weight: bold;
}
.mailbox-wrapper .mail-list-info .mail-text{
    clear: both;
    display: none;
}
.mailbox-wrapper .mail-list-info .mail-text .text{
    padding: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    background: #f5f5f5;
}
.mailbox-wrapper .mail-list-info .mail-button{
    text-align: center;
    padding: 7px 0;
}
.mailbox-wrapper .mail-list-info .mail-button .open-mailtext{
    width: 70%;
    display: inline-block;
}
.mailbox-wrapper .mail-list-info .mail-button .btn{
    font-size: 14px;
}
.mailbox-wrapper .mail-list-info .mail-button .delete-btn {
    float: right;
    font-size: 14px;
    padding: 10px 20px;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    color: #ffffff;
    background-color: #f25353;
}
.mailbox-wrapper .mail-list-info .mail-header-info{
    padding: 10px;
}
.mailbox-wrapper .mail-list-info .mail-header-info time{
    font-size:11px;
    color: #6e6e6e;
}
.mailbox-wrapper .mail-list-info .mail-header-info p.tag{
    text-align: center;
    font-size: 11px;
    margin: 1px 0 1px 5px;
    padding: 1px 10px;
    font-weight:bold;
    color:#fff;
    background-color:#8FBC74;
}
.mailbox-wrapper .mail-list-info .mail-header-info p.tag.not-reply{
    background-color:#e03434;
}
.mailbox-wrapper .mail-list-info .mail-header-info p.tag.replyed{
    background-color: #eee;
    color: #999;
}
.mailbox-tab{
    /*margin-bottom: 16px;*/
}

.mail-list__new-btn {
    padding: 0 10px;
    text-align: right;
}

.mail-list__new-btn a.btn.club-mail{
    background-image: url("../images/icon-pen.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    padding-left: 26px;
    text-align: left;
    width: 100px;
}

.clup-top-popup .singup-container{
    padding: 0;
}
.clup-top-popup .singup-container p{
    text-align: center;
}
.clup-top-popup .singup-container .btn {
    margin-bottom: 20px;
    width: 300px;
}

/*-------------------*/
/* messsage-history
/*-------------------*/
.mail-list-history {
    display: flex;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}

/* sent_mail */
.my_sent_mail {
    justify-content: flex-end;
}
.my_sent_mail .user-left {
    margin: 0;
}
.my_sent_mail .delete-btn {
    display: block;
    font-size: 14px;
    padding: 6px 0;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px auto 0;
    color: #ffffff;
    background-color: #f25353;
    width: 50px;
}
.my_sent_mail .msg-area {
    margin: 0 10px 0 0;
}
.my_sent_mail .msg-box {
    display: inline-block;
    padding: 15px 20px 25px;
    margin: 0;
    border-radius: 10px;
    position: relative;
    background-color: #FCEBEB;
    min-width: 120px;
}
.my_sent_mail .someone {
    background-color: #FCEBEB;
}
.my_sent_mail .someone:after {
    border-color: transparent #FCEBEB transparent transparent;
}

/* receive_mail */
.my_receive_mail .user-right {
    margin: 0;
}
.my_receive_mail .msg-area {
    margin: 0 0 0 10px;
}
.my_receive_mail .msg-box {
    display: inline-block;
    padding: 15px 20px 25px;
    border-radius: 10px;
    border: 1px solid #bbb;
    position: relative;
    background-color: #fff;
    min-width: 120px;
}
.my_receive_mail .someone {
    background-color: #FCEBEB;
}
.my_receive_mail .someone:after {
    border-color: transparent #FCEBEB transparent transparent;
}
.mail-list-history .msg-box h2{
    font-weight: bold;
    margin-bottom: 10px;
}
.msg-box time{
    bottom: 0;
    position: absolute;
    right: 0;
    margin-right: 10px;
    color: #C6C6C6;
    font-size: 10px;
}

/*-------------------*/
/* member card
/*-------------------*/
.club-top-membership-card{
    position: relative;
    top: -10px;
}
.club-top-membership-card .button{
    position: absolute;
    right: 10px;
    top: -50px;
    width: 100px;
}
.membership-cards{
    position: absolute;
    top: 100px;
    min-width: 300px;
    max-width: 640px;
    width: 100%;
    /*opacity: 0;*/
    display: none;
    z-index: 100;
}
.membership-cards ul{
    width: 100%;
}
.membership-cards .clup-top-popup {
    display: block;
    position: relative;
    height: auto;
}

/* member requests */
.club-plan-list p{
    float:left;
    padding: 2px 5px;
}
.club-member-list .club-plan-list{
    border-bottom: none;
}

.club-member-list .man-date-contents, .club-member-list .man-info-default{
    clear: both;
    border-top: 1px solid #ddd;
    border-bottom: none;
}
.club-member-list .man-date-contents {
    border-top: none;
}
.club-member-list{
    border-bottom: 1px solid #ddd;
    padding: 0px;
    margin: 10px;
}

/* point drawer */
.drawer_check {
    padding: 20px 0px;
}
#point_drawer_amount{
    margin-bottom: 15px;
}
.bank-form-wrapper .bank-form-area{
    padding: 10px;
}
.bank-form-wrapper .bank-form-confirm h4{
    color: #7e7e7e;
    font-size: 15px;
    line-height: 2em;
}
.bank-form-wrapper .drawer-lead-text {
    color: #4f4f4f;
    padding: 25px 0 10px;
}

/* plan payment */
.-common-caution {
    color: #f25353;
    font-weight: bold;
}
.-small-common-caution {
    color: #f25353;
    /*font-weight: bold;*/
    font-size: 80%;
}
.-small-common-description {
    /*color: #f25353;*/
    /*font-weight: bold;*/
    font-size: 80%;
}

.payment-request-title {
    width: 100%;
    padding: 0 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
    height: auto;
}
.payment-request-description {
    font-size: 13px;
    margin: 10px 10px 20px 10px;
}

.btn.btn-disabled {
    color: #ffffff;
    background-color: #a0a0a0;
}

.popup-text > a {
    color: #e03434;
}

/* unsubscribe */
.unsubscribe_form_area {
  margin: 10px;
  overflow: hidden;
  padding: 10px;
  font-size: 13px;
}
.unsubscribe_form_area .plan_form {
  /*margin-top: 30px;*/
  overflow: hidden;
  margin-top: 10px;
}
.unsubscribe_form_area .expire_form {
  /*margin-top: 30px;*/
  overflow: hidden;
  margin-top: 10px;
}
.club-member-list .unsubscribe_errmsg {
  margin-bottom: 20px; margin-top: 20px;
}
.club-member-list .club-member-twitter {
    clear: both;
    font-size: 90%;
}

.unsubscribe_form_area .unsubscribe_form_ttl {
  float:left;
  width:30%;
  padding-top: 10px;
}
.unsubscribe_form_area .unsubscribe_form_input {
  float:left;
  width:65%;
}
.unsubscribe_form_area .unsubscribe_form_input select{
  margin: 0;
  font-size: 13px;
}

.club-member-list .club-member-twitter-btn {
    float: left;
    width: 25%;
    height: 100%;
}
.club-member-list .club-member-twitter-btn a {
    height: 100%;
    margin: 5px 0;
    padding: 10px;
    line-height: 20px;
}

.club-member-list .club-member-twitter-desc {
    margin: 5px 0;
    padding: 5px 0px 5px 10px;
    line-height: 20px;
    float: left;
    width: 70%;
    height: 100%;
}
@media only screen and (max-width: 640px) {
    .club-member-list .club-member-twitter-btn {
        width: 100%;
    }
    .club-member-list .club-member-twitter-desc {
        width: 100%;
        margin: 5px 0;
        padding: 5px 0;
    }

}
@media only screen and (min-width: 641px) {

}

.club-member-list .man-date-title .man-info-default {
    height: 100%;
    border: none;
}
.club-member-list .man-date-title .man-info.left {
    width: 55%;
}
.club-member-list .man-date-title .man-info.right {
    width: 45%;
}
.club-member-list .man-date-title .man-info p {
    background-color: #fcebeb;
    text-align: center;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    font-size: 90%;
    font-weight: bold;
}
.club-member-list .man-date-contents .man-info {
    font-size: 90%;
}
.club-member-list .man-date-contents .man-info.man-info-number {
    width: 20%;
}
.club-member-list .man-date-contents .man-info.man-info-number p {
    text-align: center;
}
.club-member-list .man-date-contents .man-info.man-info-number p.number {
    font-size: 16px;
    font-weight: normal;
}
.club-member-list .man-date-contents .man-info.man-info-name p {
    text-align: left;
}
.club-member-list .man-date-contents .man-info.man-info-name {
    width: 35%;
}
.club-member-list .man-date-contents .man-info.man-info-twitter {
    width: 35%;
    line-height: 1.5;
    position: relative;
    padding-right: 30px;
}
.club-member-list .man-date-contents .man-info.man-info-twitter p {
    height: 100%;
    text-align: center;
}
.club-member-list .man-date-contents .man-info .date {
    font-size: 10px;
}
.club-member-list .man-date-contents .man-info.man-info-twitter p.twitter-status-ok {
    color: blue;
    font-weight: bold;
    /*margin-top: 15px;*/
}
.club-member-list .man-date-contents .man-info.man-info-twitter p.twitter-status-wait {
    color: #e03434;
    font-weight: bold;
    height: auto;
}
.club-member-list .man-date-contents .man-info.man-info-twitter p.twitter-status-noaccount {
    color: #222222;
    font-weight: bold;
    height: auto;
}
.club-member-list .man-date-contents .man-info.man-info-twitter p.twitter-status-nosync {
    color: #222222;
}
.club-member-list .man-date-contents .man-info.man-info-twitter p.twitter-status-additional{
    font-weight: normal;
    font-size: 70%;
    color: #222222;
}
.club-member-list .man-date-contents .man-info.man-info-twittericon {
    width: 8%;
    position: relative;
}
.club-member-list .man-date-contents .man-info.man-info-twitter > a {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
}
.club-member-list .man-date-contents .man-info.man-info-twittericon a {
    height: 100%;
}
.club-member-list .man-date-contents .man-info.man-info-twitter a img,
.club-member-list .man-date-contents .man-info.man-info-twittericon a img {
    max-width: 25px;
}

.man-info.w10 {
    width: 10%;
}
.man-info.w40 {
    width: 40%;
}
.man-info.w50 {
    width: 50%;
}

.man-info .text-center {
    text-align: center;
}

.club-member-twitter-additional {
    font-size: 12px;
}

.about-twitter-salon {
    font-size: 14px;
    border: solid 1px #aaa;
    padding: 10px;
    margin: 10px 12px 20px 5px;
}
.about-twitter-salon h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}
.twitter-icon-before :before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../../images/icon-twitter.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}
.twitter-icon-after :after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../../images/icon-twitter.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}
.about-twitter-salon p {
    padding: 5px 0;
}

.twitter-salon-icon {
    max-width: 30px;
}
.twitter-salon-key {
    margin-top: 12px;
    margin-left: -23px;
}
.twitter-salon-container-small {
    position: relative;
    width: 15px;
    display: inline-block;
}
.twitter-salon-icon-small {
    width: 20px;
    position: absolute;
    top: -15px;
}
.twitter-salon-key-small {
    width: 10px;
    position: absolute;
    top: -5px;
    left: 10px;
}

.btn-twitter {
    background-color: #ffffff;
    color: #1d8dee;
    border: solid 2px #1d8dee;
}

.popup.error .popup-text a{
    text-decoration: underline dotted red;
}

.plan-list-order{
    padding: 10px;
    font-size: 15px;
    color: #f25353;
}
.plan-list-order span{
    font-weight: bold;
    color: #4f4f4f;
}
.plan-list-order a.selected{
    font-weight: bold;
}

.inline-list-wrapper {
    margin: 12px 15px;
    font-size: 14px;
}
.inline-list-wrapper .inline-list li {
    display: inline;
    padding: 0 7px;
    border-right: 1px solid #aaaaaa;
}
.inline-list-wrapper .inline-list li.selected {
    font-weight: bold;
}
.inline-list-wrapper .inline-list li:last-child {
    display: inline;
    border-right: none;
}
.inline-list-wrapper .inline-list li .key-closed {
    padding-left: 1px;
}

.report-attach {
    font-weight: bold;
    margin: 10px;
    text-align: left;
}

.report-attach-deleted {
    margin: 0;
    text-decoration: line-through;
    color: #cdcdcd;
}
.report-attach-deleted a {
    color: #cdcdcd;
}

.report-attach-deleted ~ span {
    color: #F25353;
    font-size: 10pt;
}

.report-img-deleted {
    background: #f2f2f2;
    border: 1px solid #d0cece;
    border-radius: 5px;
}

.report-img-deleted p {
    padding: 10px;
    font-weight: bold;
    font-size: 10pt;
}

.report-img-deleted p span {
    display: block;
    margin-top: 8pt;
    font-weight: normal;
}

.report-attach:hover {
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
/*
.report-attach::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url("../images/icon-download.png");
    background-repeat: no-repeat;
    vertical-align: middle;
}
*/
.report-attach::before {
  content: '≪添付ファイル≫ ';
}