@charset "UTF-8";
/*=======================================================================
Common CSS
=======================================================================*/
html, body {
  background-color: #ececec;
  font-size: 12px;
  line-height: 1.8;
  min-width: 1280px;
}

strong {
  font-weight: bold;
}

p {
  margin-bottom: 1.5em;
}

a:hover {
  color: #ee2e62;
}

a.btn_black:hover {
  color: #fff;
}

hr {
  border: none;
  background-color: #bdbdbd;
  height: 1px;
}

figcaption, cap {
  font-size: 11px;
}

/*--------------------*/
.mgnR0 {
  margin-right: 0 !important;
}

.mgnL0 {
  margin-left: 0 !important;
}

.mgnTop0 {
  margin-top: 0 !important;
}

.mgnBtm0 {
  margin-bottom: 0 !important;
}

.mgnBtm20 {
  margin-bottom: 20px !important;
}

.mgnBtm40 {
  margin-bottom: 40px !important;
}

.mgnTop10 {
  margin-top: 10px !important;
}

.mgnTop20 {
  margin-top: 20px !important;
}

.mgnTop25 {
  margin-top: 25px !important;
}

.mgnTop30 {
  margin-top: 30px !important;
}

.mgnTop40 {
  margin-top: 40px !important;
}

.mgnTop50 {
  margin-top: 50px !important;
}

.mgnTop60 {
  margin-top: 60px !important;
}

.mgnTop70 {
  margin-top: 70px !important;
}

.mgnTop80 {
  margin-top: 80px !important;
}

.mgnTop90 {
  margin-top: 90px !important;
}

.pdgTop0 {
  padding-top: 0 !important;
}

.pdgBtm0 {
  padding-bottom: 0 !important;
}

.pdgTop30 {
  padding-top: 30px !important;
}

.pdgbtm100 {
  padding-bottom: 100px !important;
}

.vaMid {
  vertical-align: middle !important;
}

.up {
  margin: 20px 0 0;
  text-align: right;
}

#header {
  border: 0;
  padding: 0px;
  margin: 0px;
}

/*=======================================================================

          Global Header

=======================================================================*/
header {
  width: auto;
  margin: 0;
  padding-bottom: 0;
}

#g-head-wrap {
  background-color: #fff;
  min-width: 1000px;
}

#g-header {
  padding: 0;
  width: 1000px;
  height: 130px;
  margin: 0 auto 5px;
}

#g-header h1 {
  margin-top: 17px;
  height: 113px;
  float: left;
}

#g-header h1 a {
  display: block;
  width: 176px;
  height: 113px;
  background: url("/images/common/logo_copen.png") no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#g-header h2 {
  display: block;
  margin-top: 17px;
  background: url("/images/common/logo_bf_community.png") no-repeat;
  width: 150px;
  height: 113px;
  float: left;
  text-indent: -9999px;
  margin-left: 28px;
}

/* ---- */
.account_area {
  margin-top: 17px;
  float: right;
  width: 41px;
  height: 113px;
  background: url("/images/common/bg_login.png") no-repeat;
  /*
  	display:none;
  */
}

.account_area ul {
  margin-top: 37px;
  width: 41px;
  height: 40px;
}

.account_area ul img#login-icon {
  margin-top: 10px;
  margin-left: 10px;
}

.account_area_logined {
  margin-top: 35px;
  float: right;
  width: 41px;
  height: 40px;
}

/* nav clear */
/*------------*/
#g-nav {
  position: relative;
  float: left;
  margin-left: 6px;
  /*background: url("/images/common/gnav.png") no-repeat;*/
  width: 561px;
  height: 100px;
}

#g-nav ul li {
  position: absolute;
  top: 0;
  width: 80px;
  height: 100px;
  text-indent: -9999px;
}

#g-nav ul li#product,
#g-nav ul li#product-2 {
  left: 0;
  background: url("/images/common/gnav.png") no-repeat 0 0;
}

#g-nav ul li#love,
#g-nav ul li#love-2 {
  left: 82px;
  background: url("/images/common/gnav.png") no-repeat -82px 0;
}

#g-nav ul li#club,
#g-nav ul li#club-2 {
  left: 173px;
  background: url("/images/common/gnav.png") no-repeat -173px 0;
}

#g-nav ul li#fan,
#g-nav ul li#fan-2 {
  left: 268px;
  background: url("/images/common/gnav.png") no-repeat -268px 0;
}

#g-nav ul li#site,
#g-nav ul li#site-2 {
  left: 360px;
  background: url("/images/common/gnav.png") no-repeat -360px 0;
}

#g-nav ul li#local-base,
#g-nav ul li#local-base-2 {
  width: 110px;
  left: 451px;
  background: url("/images/common/gnav.png") no-repeat -451px 0;
}

#g-nav li a {
  display: block;
  height: 100px;
}

#g-nav ul li#product:hover {
  background: url("/images/common/gnav.png") no-repeat 0 -100px;
}

#g-nav ul li#love:hover {
  background: url("/images/common/gnav.png") no-repeat -82px -100px;
}

#g-nav ul li#club:hover {
  background: url("/images/common/gnav.png") no-repeat -173px -100px;
}

#g-nav ul li#fan:hover {
  background: url("/images/common/gnav.png") no-repeat -268px -100px;
}

#g-nav ul li#site:hover {
  background: url("/images/common/gnav.png") no-repeat -360px -100px;
}

#g-nav ul li#local-base:hover {
  background: url("/images/common/gnav.png") no-repeat -451px -100px;
}

#g-nav ul li#product-2 {
  background: url("/images/common/gnav.png") no-repeat 0 -200px;
}

#g-nav ul li#love-2 {
  background: url("/images/common/gnav.png") no-repeat -82px -200px;
}

#g-nav ul li#club-2 {
  background: url("/images/common/gnav.png") no-repeat -173px -200px;
}

#g-nav ul li#fan-2 {
  background: url("/images/common/gnav.png") no-repeat -268px -200px;
}

#g-nav ul li#site-2 {
  background: url("/images/common/gnav.png") no-repeat -360px -200px;
}

#g-nav ul li#local-base-2 {
  background: url("/images/common/gnav.png") no-repeat -451px -200px;
}

/*=======================================================================

          Global Header ver2

=======================================================================*/
#g-header-2 {
  padding: 20px 0;
  width: 1000px;
  margin: 0 auto;
}

#g-header-2 h1 {
  height: 114px;
  float: left;
}

#g-header-2 h1 a {
  display: block;
  width: 177px;
  height: 114px;
  background: url("/images/common/logo_copen.png") no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#g-header-2 h2 {
  background: url("/images/common/logo_bf_community.png") no-repeat;
  width: 170px;
  height: 114px;
  float: left;
  text-indent: -9999px;
  float: left;
  margin-left: 27px;
}

/*=======================================================================

          Global Header ver3

=======================================================================*/
.com-header__sub-pc .com-header__sub-logoimg-pc img {
  margin-right: 20px;
}

.copen-gnav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 0 20px;
  z-index: 999;
  background: -webkit-gradient(linear, right top, left top, color-stop(33%, #e12b5a), color-stop(33%, #fff));
  background: -webkit-linear-gradient(right, #e12b5a 33%, #fff 33%);
  background: linear-gradient(270deg, #e12b5a 33%, #fff 33%);
  min-width: 1000px;
}
.copen-gnav .copen-gnav-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1280px;
  margin: 0 auto;
}
.copen-gnav .copen-gnav-login {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}
.copen-gnav .copen-gnav-login .copen-gnav-login-btn {
  position: absolute;
  right: 0;
  top: -33px;
}
.copen-gnav .copen-gnav-login .copen-gnav-owner {
  position: absolute;
  right: 0;
  top: -33px;
}
.copen-gnav .copen-gnav-login .copen-gnav-owner a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.copen-gnav .copen-gnav-login .copen-gnav-owner a .copen-gnav-owner-pic {
  position: relative;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.copen-gnav .copen-gnav-login .copen-gnav-owner a .copen-gnav-owner-text {
  padding: 0 0 0 10px;
  font-size: 13px;
}
.copen-gnav .copen-gnav-breadcrumb {
  letter-spacing: -.40em;
}
.copen-gnav .copen-gnav-breadcrumb li {
  display: inline-block;
  letter-spacing: normal;
  height: 48px;
  line-height: 48px;
}
.copen-gnav .copen-gnav-breadcrumb li + li {
  padding-left: 36px;
  background: url("/images/common/gnav_arrow_01.png") no-repeat 14px center;
}
.copen-gnav .copen-gnav-breadcrumb li:last-child {
  font-weight: bold;
}
.copen-gnav .copen-gnav-menu {
  background-color: #e12b5a;
  letter-spacing: -.40em;
}
.copen-gnav .copen-gnav-menu:before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 100%;
  background: -webkit-linear-gradient(152deg, #e12b5a 50%, #fff 50%);
  background: linear-gradient(-62deg, #e12b5a 50%, #fff 50%);
  vertical-align: top;
}
.copen-gnav .copen-gnav-menu > li {
  display: inline-block;
  letter-spacing: normal;
  padding: 0 0 0 110px;
}
.copen-gnav .copen-gnav-menu > li:nth-child(1) {
  padding-left: 80px;
}
.copen-gnav .copen-gnav-menu > li:nth-last-child(1) {
  padding-right: 13px;
}
.copen-gnav .copen-gnav-menu > li.-current > a:after {
  width: 100%;
  opacity: 1;
}
.copen-gnav .copen-gnav-menu > li > a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  height: 48px;
  line-height: 48px;
}
.copen-gnav .copen-gnav-menu > li > a img {
  vertical-align: middle;
}
.copen-gnav .copen-gnav-menu > li > a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  height: 2px;
  width: 0;
  background-color: #FFF;
  opacity: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: width 0.25s ease, opacity 0.25s ease;
  transition: width 0.25s ease, opacity 0.25s ease;
}
.copen-gnav .copen-gnav-menu > li:hover a:after {
  width: 100%;
  opacity: 1;
}
.copen-gnav .copen-gnav-menu > li.dropdown > a {
  padding: 0 20px 0 0;
  background: url("/images/common/icon_arrow_white_bottom.png") no-repeat right 24px;
  background-size: 8px auto;
}
.copen-gnav .copen-gnav-menu > li.dropdown:hover .copen-gnav-menu-dropdown {
  height: 104px;
}
.copen-gnav .copen-gnav-menu > li.dropdown:hover .copen-gnav-menu-dropdown ul {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown {
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  height: 0px;
  background-color: rgba(255, 255, 255, 0.85);
  text-align: center;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
  overflow: hidden;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul {
  display: inline-block;
  margin: 0;
  padding: 20px 0;
  letter-spacing: -.40em;
  opacity: 0;
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li {
  position: relative;
  display: inline-block;
  letter-spacing: normal;
  margin: 0 10px;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li:before, .copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li:after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background: #e12b5a;
  z-index: 4;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li:after {
  left: 0;
  bottom: 0;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li:before {
  right: 0;
  top: 0;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li a {
  display: block;
  height: 100%;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li a:before, .copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li a:after {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background: #e12b5a;
  z-index: 4;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li a:before {
  left: 0;
  top: 0;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li a:after {
  right: 0;
  bottom: 0;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li:hover:before {
  width: 100%;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li:hover:after {
  width: 100%;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li:hover a:after {
  height: 100%;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li:hover a:before {
  height: 100%;
}
.copen-gnav .copen-gnav-menu > li .copen-gnav-menu-dropdown ul li img {
  vertical-align: top;
}

/*=======================================================================

          Pankuzu Navigation

=======================================================================*/
.pnav {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 11px;
}

.pnav li {
  position: relative;
  display: inline;
  margin-right: 20px;
}

.pnav li:after {
  position: absolute;
  content: "";
  right: -13px;
  top: 3px;
  width: 4px;
  height: 7px;
  background: url("/images/common/arrow_1.gif") no-repeat;
  background-size: 4px 7px;
}

.pnav li:last-child:after {
  background: none;
}

.pnav li.last-child:after {
  background: none;
}

.pnav li a {
  color: #333;
}

.pnav li a:hover {
  color: #999;
}

/*=======================================================================

          Common Layout

=======================================================================*/
#main {
  width: 1000px;
  margin: 0 auto;
  background-color: #ececec;
  height: auto;
}

.common-sec {
  clear: both;
  padding: 60px 0;
}

.common-cont {
  width: 1000px;
  margin: 0 auto 40px;
  font-size: 14px;
  line-height: 2;
}

/*=======================================================================

          Common Text Style

=======================================================================*/
.note {
  font-size: 11px;
  color: #666;
  margin-bottom: 1em;
}

.star-text {
  font-size: xx-small;
  line-height: 1.4;
}

.star-text a {
  text-decoration: underline;
}

/*=======================================================================

          Common Table Layout

=======================================================================*/
table.wide-table,
table.ichiran-table,
table.half-table,
table.mycopen-table,
table.mycopen-table-wide {
  font-size: 14px;
}

table.wide-table,
table.ichiran-table {
  width: 1000px;
  margin-bottom: 20px;
}

table.ichiran-table {
  margin-bottom: 60px;
}

table.wide-table td,
table.ichiran-table td,
table.half-table th,
table.half-table td,
table.mycopen-table th,
table.mycopen-table td,
table.mycopen-table-wide th,
table.mycopen-table-wide td {
  padding: 15px 25px;
}

table.wide-table td,
table.ichiran-table td {
  background-color: #fff;
}

table.wide-table td.td-date,
table.ichiran-table td.td-date {
  border-top: 1px solid #7f7f7f;
  width: 193px;
  background-color: #ccc;
}

table.wide-table td.td-mente-wide,
table.ichiran-table td.td-mente-wide {
  border-top: 1px solid #aaa;
}

table.wide-table td.td-mente-s-1,
table.ichiran-table td.td-mente-s-1 {
  border-top: 1px solid #ececec;
  background-color: #cbcbcb;
  width: 193px;
}

table.wide-table td.td-mente-s-2,
table.ichiran-table td.td-mente-s-2 {
  border-top: 1px solid #ddd;
  width: 193px;
}

table.ichiran-table td.td-mente-s-3 {
  background-image: url(/images/sub/owner/td_mente-s_3_bg.gif);
  background-repeat: no-repeat;
}

table.half-table {
  float: left;
  width: 490px;
  margin-right: 20px;
}

table.half-table th,
table.half-table td {
  width: 193px;
  background-color: #ccc;
}

table.half-table th {
  border-bottom: 1px solid #ececec;
}

table.half-table th.th-top {
  border-top: 1px solid #7f7f7f;
}

table.half-table td.td-top {
  border-top: 1px solid #aaa;
}

table.half-table td {
  border-bottom: 1px solid #ececec;
  background-color: #fff;
}

table.ichiran-table td.td-tool {
  padding: 0 7px 0 0;
  text-align: right;
  border-top: 1px solid #a9a9a9;
}

/*=======================================================================

          Form Style

=======================================================================*/
/* Default Style
=======================================================================*/
form.default .form-input,
form.shop-admin-login-form .form-input {
  position: relative;
  margin: 8px 0;
  height: 40px;
}

form.default input[type=text],
form.default input[type=email],
form.default input[type=password],
form.default select,
form.default textarea {
  position: absolute;
  margin-top: 0;
  left: 62px;
  width: 354px;
  background-color: #ececec;
  border: none;
  padding: 12px;
  font-size: 14px;
}

form.default input[type=checkbox],
form.default input[type=radio] {
  border: #ccc 1px solid;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  background: #fff;
}

form.default input[type=text].error,
form.default input[type=email].error,
form.default input[type=password].error,
form.default select.error,
form.default textarea.error {
  background: #ffd7d1;
}

form.default input[type=file] {
  font-size: 12px;
  max-width: 100%;
}

.form-section {
  margin: 0 0 20px;
}

.form-section-btm0 {
  margin: 0;
}

.form-section > header > label {
  font-weight: bold;
  color: #000;
  font-size: 14px;
}

.form-section .required {
  position: absolute;
  left: 0;
  width: 36px;
  height: 17px;
  padding: 12px;
  background-color: #ececec;
  font-size: 12px;
  color: #e94260;
  text-align: center;
  letter-spacing: 3px;
}

form.default button[type=submit],
.form-submit button[type=submit],
.form-submit button[type=button],
button.default-btn,
.icon-submit button,
.btn-online-shop button,
.ichiran-btn,
.shop-nav button,
form.shop-admin-login-form button[type=submit],
button.btn-small,
button.btn-small-2,
.csite-top-nav button,
.default-btn {
  text-align: center;
  background-color: #000;
  color: #fff;
  border: none;
  width: 100%;
  margin-top: 20px;
  padding: 21px 0;
  cursor: pointer;
  font-size: 14px;
}

button.default-btn {
  margin: 0;
}

button.btn-small {
  padding: 8px 0;
  width: 150px;
  margin-top: 0;
}

button.btn-small-2 {
  margin-top: 0;
  width: 260px;
  padding: 12px 0;
}

.view_more {
  display: block;
  width: 100%;
}

#activity_more_button:hover,
#feed_more_button:hover,
.view_more:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
  color: #fff;
}

form.default button[type=submit]:hover,
.form-submit button[type=submit]:hover,
button.default-btn:hover,
.icon-submit button:hover,
.btn-online-shop button:hover,
.ichiran-btn:hover,
.shop-nav button:hover,
form.shop-admin-login-form button[type=submit]:hover,
button.btn-small:hover,
button.btn-small-2:hover,
.copen-club-top-nav button:hover,
.csite-top-nav button:hover {
  background-color: #666;
}

/* Form Style 2
=======================================================================*/
.form-cont-l {
  float: left;
  width: 620px;
}

.form-cont-r {
  float: left;
  width: 353px;
  margin-left: 25px;
}

table.table-white {
  margin: 20px 0 10px 0;
  width: 620px;
}

table.table-white tr {
  border-bottom: solid 1px #d5d5d5;
}

table.table-white tr.tr-no-border {
  border-bottom: none;
}

table.table-white th,
table.table-white td {
  padding: 10px 0;
  font-size: 14px;
  vertical-align: middle;
}

table.table-white th {
  padding-top: 22px;
  width: 155px;
  vertical-align: top;
}

.form-white .required {
  float: left;
  width: 36px;
  height: 17px;
  margin-right: 2px;
  padding: 12px;
  background-color: #fff;
  font-size: 12px;
  color: #e94260;
  text-align: center;
  letter-spacing: 3px;
}

.no-require {
  padding-left: 60px;
}

.form-white .form-merge {
  float: left;
  padding-left: 8px;
  padding-top: 8px;
}

/* Radio Box */
.form-white input[type='radio'] {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
}

.c-box-label {
  background: url(/images/common/radio.png) no-repeat left top;
  height: 25px;
  line-height: 25px;
  display: block;
  float: left;
  padding: 0 15px 0 35px;
  cursor: pointer;
  overflow: hidden;
}

.c_on {
  background-position: left bottom;
}

.icon-face {
  width: 139px;
  margin-right: 20px;
  float: left;
}

/* Radio Box Style 2 */
.c-box-notice-label {
  background: url(/images/common/radio_style_2.gif) no-repeat left top;
  width: 170px;
  height: 40px;
  line-height: 40px;
  display: block;
  float: left;
  padding: 0 0 0 115px;
  cursor: pointer;
  overflow: hidden;
  background-color: #063;
  margin-right: 10px;
}

.c_on {
  background-position: left bottom;
}

/* Check Box normal */
input[type='checkbox'],
input[type='checkbox'].check-fb {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
}

.cbxbd {
  background: url(/images/common/check.png) no-repeat left top;
  text-align: left;
  width: 160px;
  line-height: 1;
  padding: 5px 0 3px 30px;
  cursor: pointer;
  overflow: hidden;
}

/* Check Box Facebook */
.cbxbd-fb {
  background: url(/images/common/check_2.png) no-repeat left top;
  text-align: left;
  height: 18px;
  line-height: 18px;
  padding: 4px 0 0 25px;
  cursor: pointer;
  overflow: hidden;
  display: block;
  float: left;
}

.c_on {
  background-position: left -24px;
}

.fb-post .c_on {
  background-position: left -20px;
}

/* ---------- */
.form-white input[type=text],
.form-white input[type=email],
.form-white input[type=password],
.form-white textarea {
  float: left;
  width: 378px;
  background-color: #fff;
  border: none;
  padding: 12px;
  font-size: 14px;
  margin-top: 0;
}

.form-white input[type=text].yubin-1 {
  width: 3em;
}

.form-white input[type=text].yubin-2 {
  width: 4em;
}

.form-white input[type=text].tel {
  width: 4em;
}

.form-white textarea {
  resize: vertical;
}

.line-form {
  float: left;
  margin: 0 5px;
  width: 12px;
  height: 20px;
  display: block;
  border-bottom: 1px solid #a5a5a5;
}

.messe-area {
  margin: 50px 0 30px;
}

.messe-area p {
  font-weight: bold;
  font-size: 16px;
}

/* Form Style 3
=======================================================================*/
table.table-show-room {
  margin: 20px 0 10px 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px;
}

table.table-show-room th,
table.table-show-room td {
  padding: 10px 0;
  font-size: 14px;
  vertical-align: middle;
  border-bottom: solid 1px #d5d5d5;
}

table.table-show-room th {
  padding-top: 22px;
  width: 150px;
  vertical-align: top;
  font-weight: bold;
  border-bottom: solid 1px #bebebe;
}

table.table-show-room td.td-no-border {
  border-bottom: none;
}

table.table-show-room th.eddit-th-300 {
  width: 310px;
}

/* Form Style 4
=======================================================================*/
.form-thread input,
.form-thread textarea {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
  font-size: 14px;
}
.form-thread .c-box-label {
  position: relative;
  display: inline-block;
  margin: 0 48px 0 0;
  padding: 0;
  height: auto;
  background: none;
  float: none;
  vertical-align: top;
  line-height: 1;
}
.form-thread .c-box-label input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  vertical-align: top;
}
.form-thread .c-box-label input[type="radio"] + span {
  display: inline-block;
  padding: 0 0 0 30px;
  background: url(/images/common/check_4.png) no-repeat left top;
  vertical-align: top;
  line-height: 20px;
}
.form-thread .c-box-label input[type="radio"]:checked + span {
  background-position: left bottom;
}
.form-thread .c-box--select {
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
}
.form-thread .c-box--select:after {
  position: absolute;
  right: 15px;
  top: 50%;
  display: block;
  content: "";
  width: 9px;
  height: 10px;
  margin: -5px 0 0 0;
  /*
  background: url("/images/common/select.png") no-repeat center center;
  */
  pointer-events: none;
}
.form-thread .c-box--select select {
  outline: none;
  text-indent: 0.01px;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  padding: 11px 30px 10px 20px;
  border: none;
  vertical-align: top;
  width: 100%;
  background-color: #FFF;
}
.form-thread .c-box--select select option {
  background-color: #fff;
  color: #333;
}
.form-thread .c-box--select select::-ms-expand {
  display: none;
}
.form-thread .c-box--select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}
.form-thread .cbxbd {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0px 0 0px 30px;
  background: url("/images/common/check_3.png") no-repeat left top;
}
.form-thread .cbxbd.c_on {
  background-position: left -20px;
}
.form-thread .table-thread {
  width: 100%;
  table-layout: fixed;
  font-size: 14px;
}
.form-thread .table-thread th {
  width: 360px;
  background-color: #e9e9e9;
  font-size: 16px;
  vertical-align: top;
  border-top: 1px solid #fff;
}
.form-thread .table-thread th + th {
  border-left: 1px solid #fff;
}
.form-thread .table-thread th > div {
  position: relative;
  padding: 20px 25px;
  font-weight: bold;
}
.form-thread .table-thread th ._comment {
  font-size: 14px;
}
.form-thread .table-thread th .required {
  position: absolute;
  top: 20px;
  right: 23px;
  font-size: 14px;
  color: #e12b5a;
}
.form-thread .table-thread td {
  padding: 20px 40px;
  background-color: #f2f2f2;
  vertical-align: top;
  border-top: 1px solid #fff;
}
.form-thread .table-thread td + td {
  border-left: 1px solid #fff;
}
.form-thread .table-thread .note {
  font-size: 14px;
  margin-bottom: 0;
}
.form-thread .table-thread .no-require {
  padding: 5px 0 0;
}
.form-thread .table-thread .thread-pic-upload {
  display: table;
  table-layout: fixed;
}
.form-thread .table-thread .thread-pic-upload .thread-write-cover {
  width: 302px;
  vertical-align: top;
}
.form-thread .table-thread .thread-pic-upload .thread-write-cover img {
  max-width: 100%;
  vertical-align: top;
}
.form-thread .table-thread .thread-pic-upload .thread-write-cover .remove-area {
  margin: 10px 0 0;
  text-align: center;
}
.form-thread .table-thread .thread-pic-upload .thread-write-cover .remove-area a {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.form-thread .table-thread .thread-pic-upload .thread-write-cover .remove-area a:hover {
  opacity: 0.5;
}
.form-thread .table-thread .thread-write-note {
  margin: 5px 0 0;
  font-size: 14px;
  vertical-align: top;
}
.form-thread .table-thread .form-merge + .selected-tags-box {
  margin: 30px 0 0;
}
.form-thread .table-thread .thread-pic-upload--confirm {
  width: 302px;
}
.form-thread .table-thread .thread-pic-upload--confirm img {
  max-width: 100%;
  vertical-align: top;
}
.form-thread .table-thread input[type="text"],
.form-thread .table-thread input[type="password"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  border: none;
  background-color: #FFF;
  line-height: 40px;
}
.form-thread .table-thread textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  border: none;
  background-color: #FFF;
  font-size: 14px;
}
.form-thread .kiyaku-note {
  margin: 15px 0 0;
}
.form-thread .form-kiyaku {
  font-size: 14px;
  border-bottom: none;
  line-height: 1;
}
.form-thread .form-kiyaku a {
  color: #fb0048;
  text-decoration: underline;
}
.form-thread .form-kiyaku a:hover {
  text-decoration: none;
}
.form-thread .submit {
  text-align: center;
}
.form-thread .submit .form-submit {
  letter-spacing: -.40em;
  padding: 0;
}
.form-thread .submit .form-submit li {
  letter-spacing: normal;
  display: inline-block;
  width: 340px;
}
.form-thread .submit .form-submit li + li {
  margin-left: 30px;
}
.form-thread .submit .form-submit li.form-submit-back button span {
  background: url("/images/common/icon_arrow_gray_left.png") no-repeat left 30px center;
  background-size: 7px auto;
}
.form-thread .submit .form-submit li.form-submit-back button:hover span {
  background: url("/images/common/icon_arrow_white_left.png") no-repeat left 30px center;
  background-size: 7px auto;
}
.form-thread .submit .form-submit li button {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  width: 100% !important;
  margin: 0;
  padding: 0;
  border: 2px solid #777;
  background-color: #FFF;
  color: #777;
  font-size: 16px;
  cursor: pointer;
}
.form-thread .submit .form-submit li button:after {
  position: absolute;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
  -webkit-transition: .3s;
  transition: .3s;
  content: '';
  width: 0;
  height: 120%;
  left: -10%;
  bottom: 0;
  background-color: #777;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 0;
}
.form-thread .submit .form-submit li button span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 15px 0;
  text-align: center;
  z-index: 1;
}
.form-thread .submit .form-submit li button:hover {
  opacity: 1;
  color: #fff;
  border: 2px solid #777;
}
.form-thread .submit .form-submit li button:hover span {
  font-weight: normal;
}
.form-thread .submit .form-submit li button:hover:after {
  width: 100%;
  left: -10%;
  width: 120%;
}
.form-thread .submit .form-submit li button[type="submit"], .form-thread .submit .form-submit li button.upload_above_submit, .form-thread .submit .form-submit li button.upload_above, .form-thread .submit .form-submit li button.ok, .form-thread .submit .form-submit li button.remove, .form-thread .submit .form-submit li button.reply-button {
  border: 2px solid #fb0048;
  color: #fb0048;
}
.form-thread .submit .form-submit li button[type="submit"] span, .form-thread .submit .form-submit li button.upload_above_submit span, .form-thread .submit .form-submit li button.upload_above span, .form-thread .submit .form-submit li button.ok span, .form-thread .submit .form-submit li button.remove span, .form-thread .submit .form-submit li button.reply-button span {
  background: url("/images/common/icon_arrow_pink_right.png") no-repeat right 30px center;
  background-size: 7px auto;
}
.form-thread .submit .form-submit li button[type="submit"]:after, .form-thread .submit .form-submit li button.upload_above_submit:after, .form-thread .submit .form-submit li button.upload_above:after, .form-thread .submit .form-submit li button.ok:after, .form-thread .submit .form-submit li button.remove:after, .form-thread .submit .form-submit li button.reply-button:after {
  background-color: #e12b5a;
}
.form-thread .submit .form-submit li button[type="submit"]:hover, .form-thread .submit .form-submit li button.upload_above_submit:hover, .form-thread .submit .form-submit li button.upload_above:hover, .form-thread .submit .form-submit li button.ok:hover, .form-thread .submit .form-submit li button.remove:hover, .form-thread .submit .form-submit li button.reply-button:hover {
  color: #fff;
}
.form-thread .submit .form-submit li button[type="submit"]:hover span, .form-thread .submit .form-submit li button.upload_above_submit:hover span, .form-thread .submit .form-submit li button.upload_above:hover span, .form-thread .submit .form-submit li button.ok:hover span, .form-thread .submit .form-submit li button.remove:hover span, .form-thread .submit .form-submit li button.reply-button:hover span {
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 30px center;
  background-size: 7px auto;
}
.form-thread .submit .form-submit li button.delete_confirm {
  border: 2px solid #fb0048;
  color: #fb0048;
}
.form-thread .submit .form-submit li button.delete_confirm span {
  background: url("/images/common/icon_arrow_pink_right.png") no-repeat right 15px center;
  background-size: 7px auto;
}
.form-thread .submit .form-submit li button.delete_confirm:after {
  background-color: #e12b5a;
}
.form-thread .submit .form-submit li button.delete_confirm:hover {
  color: #fff;
}
.form-thread .submit .form-submit li button.delete_confirm:hover span {
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 15px center;
  background-size: 7px auto;
}
.form-thread .form-submit-text {
  margin: 25px 0 0;
  text-align: center;
}
.form-thread .btn-leave {
  margin: 25px 0 0;
  text-align: center;
}
.form-thread #gender,
.form-thread #info_thread_mail,
.form-thread #info_comment_mail,
.form-thread #info_favorite_mail {
  letter-spacing: -.40em;
  line-height: 1;
}
.form-thread #gender label,
.form-thread #info_thread_mail label,
.form-thread #info_comment_mail label,
.form-thread #info_favorite_mail label {
  letter-spacing: normal;
}
.form-thread .prof-cover {
  margin: 40px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form-thread .prof-cover .prof-cover-box {
  width: 540px;
  padding: 33px 0 40px;
  text-align: center;
  background-color: #f9f9f9;
}
.form-thread .prof-cover .prof-cover-h {
  padding: 0 0 22px;
  font-size: 18px;
  font-weight: bold;
}
.form-thread .prof-cover .prof-cover-img-icon {
  overflow: hidden;
  border-radius: 50%;
  width: 205px;
  height: 205px;
  margin: 0 auto;
}
.form-thread .prof-cover .prof-cover-img-icon img {
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}
.form-thread .prof-cover .prof-cover-img-cover {
  overflow: hidden;
  width: 420px;
  margin: 0 auto;
}
.form-thread .prof-cover .prof-cover-img-cover img {
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}
.form-thread .prof-cover .prof-cover-btn {
  margin: 40px 0 0;
  letter-spacing: -.40em;
}
.form-thread .prof-cover .prof-cover-btn > div {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 4px;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.form-thread .prof-cover .prof-cover-btn > div img {
  vertical-align: top;
}
.form-thread .prof-cover .prof-cover-btn > div:hover {
  opacity: 0.5;
}
.form-thread .prof-cover-note {
  margin: 20px 0 0;
  font-size: 14px;
}
.form-thread .fb-regist {
  display: inline-block;
  text-align: center;
  padding: 3px 30px;
  font-size: 14px;
  color: #fff;
  background-color: #3b5998;
  border-radius: 4px;
  vertical-align: middle;
}
.form-thread .fb-pht {
  display: inline-block;
  margin: 0 5px 0 30px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
}
.form-thread .owner-age span {
  display: inline-block;
  vertical-align: middle;
}
.form-thread .owner-questions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form-thread .owner-questions div {
  width: 320px;
}
.form-thread .owner-questions ul li {
  margin-left: -5px;
}
.form-thread .owner-questions ul li + li {
  margin-top: 15px;
}
.form-thread .owner-questions ul + div {
  margin-top: 7px;
}
.form-thread .owner-questions .owner-questions-01 ul li:last-child {
  margin-top: 35px;
}
.form-thread .owner-questions .owner-questions-02 ul li:last-child {
  margin-top: 76px;
}

.categoryform + .categoryform {
  margin: 7px 0 0;
}
.categoryform .categoryform_title {
  margin: 25px 0 5px;
  font-size: 12px;
}
.categoryform .categoryform__category {
  margin: -7px 0 0 -5px;
  letter-spacing: -.40em;
}
.categoryform .categoryform__category li {
  position: relative;
  letter-spacing: normal;
  display: inline-block;
  margin: 7px 0 0 5px;
  color: #666;
  background-color: #FFF;
  border: 1px solid #cdcdcd;
  font-size: 12px;
  padding: 0 15px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: background-color 0.25s ease,border 0.25s ease,color 0.25s ease;
  transition: background-color 0.25s ease,border 0.25s ease,color 0.25s ease;
}
.categoryform .categoryform__category li:hover {
  color: #fff;
  background-color: #999;
}
.categoryform .categoryform__category li.is-checked {
  color: #fff;
  background-color: #e12b5a;
  border: 1px solid #e12b5a;
}

.categoryform--confirm {
  padding: 20px 30px;
  background-color: #FFF;
}
.categoryform--confirm .categoryform__category {
  margin: -7px 0 0 -5px;
  letter-spacing: -.40em;
}
.categoryform--confirm .categoryform__category li {
  position: relative;
  letter-spacing: normal;
  display: inline-block;
  margin: 7px 0 0 5px;
  color: #666;
  background-color: #FFF;
  border: 1px solid #cdcdcd;
  font-size: 12px;
  padding: 0 15px;
  white-space: nowrap;
}

.selected-tags-box {
  padding: 20px 30px;
  background-color: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.selected-tags-box > p {
  margin: 0 20px 0 0;
  font-size: 14px;
  white-space: nowrap;
}
.selected-tags-box .categoryform__tag {
  margin: -7px 0 0 -5px;
  letter-spacing: -.40em;
}
.selected-tags-box .categoryform__tag li {
  position: relative;
  letter-spacing: normal;
  display: inline-block;
  margin: 7px 0 0 5px;
  color: #fff;
  background-color: #e12b5a;
  border: 1px solid #e12b5a;
  font-size: 12px;
  padding: 0 15px;
  white-space: nowrap;
  cursor: pointer;
}
.selected-tags-box .categoryform__tag li:hover {
  opacity: 0.7;
}
.selected-tags-box .categoryform__tag li img {
  height: 12px;
  vertical-align: -0.15em;
  padding-left: 8px;
}

.form-complete {
  padding: 55px 0 45px;
  text-align: center;
}
.form-complete .ttl-center {
  font-size: 32px !important;
}
.form-complete .form-complete-text {
  margin: 38px 0 0;
  padding: 0 0 50px;
  font-size: 18px;
}
.form-complete .btn__default--pink.btn__large span {
  padding-left: 73px;
  padding-right: 73px;
}
.form-complete .note {
  margin-top: 50px;
  font-size: 14px;
}

/* Form Other
=======================================================================*/
.form-submit {
  text-align: center;
  padding: 20px 0;
}

.icon-submit {
  width: 210px;
  float: left;
  text-align: left;
  padding: 50px 0 0 0;
}

.btn-online-shop {
  width: 280px;
  padding: 20px 0 0 0;
}

.form-submit button[type=submit] {
  width: 280px !important;
}

.form-text {
  font-size: 12px;
}

.form-submit-text {
  font-size: 12px;
  text-align: center;
}

.form-error,
.form-error-wide {
  float: left;
  color: #e94260;
  font-size: 10px;
  line-height: 1.5;
  width: 360px;
}

.form-error-wide {
  float: none;
  width: 100%;
  margin: 0.3em 0 !important;
  line-height: 1.6;
}

.form-kiyaku {
  text-align: center;
  font-size: 12px;
  padding-bottom: 40px;
  border-bottom: 1px solid #d5d5d5;
}

.form-kiyaku .kiyaku-note {
  text-align: left;
  margin-bottom: 60px;
}

.form-kiyaku ul {
  text-align: center;
}

.form-kiyaku li {
  display: inline;
  padding-right: 20px;
}

input.input-align-r {
  text-align: right;
}

section.td-section {
  margin: 1em 0 2em;
}

section.td-section h1 {
  font-weight: bold;
  margin-bottom: 1em;
}

.c-box-wide {
  width: 470px;
}

.c-box-wide label {
  width: 100%;
  display: block;
  margin-bottom: 1em;
}

.complete-messe {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 60px;
  border-bottom: 1px solid #bdbdbd;
}

/*=======================================================================

          Pop Up Window

=======================================================================*/
#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

#popup {
  width: 600px;
  height: 300px;
  overflow-y: scroll;
  text-align: center;
  padding: 30px;
  background: #fff;
}

.popup-h1 {
  font-size: 24px;
  letter-spacing: 2px;
  margin-bottom: 40px;
}

#popup p {
  margin-bottom: 40px;
}

#popup .form-submit button[type=submit] {
  width: 210px !important;
  margin-right: 20px;
}

/*=======================================================================

          Logi in Pop Up Window

=======================================================================*/
.lb_overlay {
  opacity: 0.8 !important;
}

#pop-login {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 80px 0;
  width: 1000px;
  text-align: center;
  display: none;
  background-color: #fff;
}
#pop-login .pop-login-close {
  position: relative;
  text-align: left;
}
#pop-login .pop-login-close .modal-close-btn {
  position: absolute;
  top: -80px;
  right: 0;
  display: inline-block;
}

.pop-login-h1 {
  margin-bottom: 30px;
  font-size: 33px;
  font-weight: bold;
}

.pop-login-h2 {
  margin: 70px 0 0;
  padding: 0 0 5px;
  font-size: 33px;
  font-weight: bold;
}

.pop-login-h {
  display: table;
  margin: 0 auto;
  line-height: 1.6;
  text-align: center;
}
.pop-login-h span {
  display: table-cell;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
.pop-login-h span:first-child {
  padding-right: 16px;
}

.pop-login-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 60px 0;
}
.pop-login-block .pop-login-form-box {
  width: 424px;
  padding: 30px 0 40px;
  background-color: #f9f9f9;
  text-align: left;
}
.pop-login-block fieldset {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 30px;
}
.pop-login-block .pop-login-dport .pop-login-h {
  margin-bottom: 30px;
  color: #e50010;
}
.pop-login-block .pop-login-owner .pop-login-h {
  margin-bottom: 30px;
  color: #ee2c62;
}
.pop-login-block .pop-login__btn--dport,
.pop-login-block .pop-login__btn--owner {
  width: 100%;
}
.pop-login-block .pop-login__note {
  margin: 10px 0 0;
}
.pop-login-block .pop-login__note a {
  color: #999;
  text-decoration: underline;
}

.pop-login-facebook {
  margin: 0 60px;
  padding: 30px 0 35px;
  background-color: #f9f9f9;
}
.pop-login-facebook .pop-login-h {
  margin-bottom: 30px;
  padding: 0 30px;
  color: #1778f1;
}
.pop-login-facebook .pop-login__btn--facebook {
  width: 350px;
}

.pop-login__nomember p {
  font-size: 16px;
}
.pop-login__nomember .pop-login__btn--nomember {
  width: 520px;
}

.pop-login__form-input input[type=text],
.pop-login__form-input input[type=password] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 5px 0 15px;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  padding: 11px;
  font-size: 14px;
  border-radius: 4px;
}
.pop-login__form-input input[type=password] {
  margin-bottom: 50px;
}

/*=======================================================================

          Footer Banner

=======================================================================*/
/* Banner Area */
#banner-box {
  margin-bottom: 40px;
}

#banner-box {
  display: inline-block;
}

#banner-box img {
  vertical-align: middle;
  display: inline-block;
}

#banner-box a {
  float: left;
}

#banner-box a + a {
  margin-left: 20px;
}

#banner-box a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

/*=======================================================================

          画像オンマウス

=======================================================================*/
/***
a.hover-on-pink,
a.hover-on-pink img {
	overflow: hidden;
	float: left;
	margin: 0;
	border: 0px solid #ee2e62;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
a.hover-on-pink:hover {
	border: 10px solid #ee2e62;
}
a.hover-on-pink:hover img {
    margin: -10px;
}
***/
button.btn-fb {
  text-align: center;
  background-color: #3C589E;
  color: #fff;
  border: none;
  width: 100%;
  padding: 24px 0;
  cursor: pointer;
  font-size: 14px;
}

button.btn-fb:hover {
  background-color: #5C74B8;
}

button.btn-fb span {
  background: url(/images/common/ic_f.png) no-repeat;
  padding: 7px 0 7px 36px;
}

#main-banner {
  widht: 1000px;
  margin: 0 auto;
  text-align: center;
  background-color: #ececec;
  height: auto;
  margin-top: 120px;
}

/*
 * image cutout
 */
.cutout-img-wrapper {
  position: relative;
  overflow: hidden;
}

img.absolute-50perx50per {
  position: absolute;
  top: 50%;
  left: 50%;
}

/*
 * upload movie progress
 */
.movie-uploader-wrapper .progressbox {
  border: 1px solid #0099CC;
  padding: 1px;
  position: relative;
  width: 400px;
  border-radius: 3px;
  margin: 10px;
  display: none;
  text-align: left;
}

.movie-uploader-wrapper .progressbar {
  height: 20px;
  border-radius: 3px;
  background-color: #003333;
  width: 1%;
}

.movie-uploader-wrapper .statustxt {
  top: 3px;
  left: 50%;
  position: absolute;
  display: inline-block;
  color: #000000;
}

/*=======================================================================
Thread create
=======================================================================*/
.form-white #category_ids .required {
  float: none;
  width: auto;
  text-align: center;
  letter-spacing: 3px;
}

.form-white #category_ids input[type='checkbox'] {
  -webkit-filter: none;
  filter: none;
  opacity: 100;
  position: relative;
}

.secWrapper.secWrapper__white {
  background-color: #fff;
}
.secWrapper.secWrapper__gray {
  background-color: #f9f9f9;
}
.secWrapper.secWrapper__top .secWrapper-inner {
  padding-top: 0;
}
.secWrapper.secWrapper__last .secWrapper-inner {
  padding-bottom: 103px;
}
.secWrapper .secWrapper-inner {
  width: 1280px;
  margin: 0 auto;
  padding: 60px 0 60px;
}
.secWrapper .secWrapper-inner h1.ttl-center {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
}
.secWrapper .secWrapper-inner h2.ttl-center {
  position: relative;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2;
}
.secWrapper .secWrapper-inner h2.ttl-center.ttl_center__line {
  font-size: 40px;
  padding-bottom: 35px;
}
.secWrapper .secWrapper-inner h2.ttl-center.ttl_center__line:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  width: 35px;
  border-bottom: 1px solid #000;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.secWrapper .secWrapper-inner h3.ttl-center {
  margin-top: 50px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.7;
}
.secWrapper .secWrapper-inner h3.ttl-center.ttl-center__large {
  margin-top: 30px;
  font-size: 32px;
}
.secWrapper .secWrapper-inner .ttl-lead {
  margin: 45px 0 0;
  text-align: center;
  font-size: 18px;
}
.secWrapper .secWrapper-inner .secWrapper-box {
  margin: 50px 40px;
  background-color: #FFF;
  padding: 40px;
}
.secWrapper .secWrapper-inner .secWrapper-box.secWrapper-box__gray {
  background-color: #f9f9f9;
}
.secWrapper .secWrapper-inner .secWrapper-box.secWrapper-box__small {
  width: 880px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.secWrapper .secWrapper-inner .secWrapper-box h2.ttl-center {
  font-size: 24px;
  line-height: 1.7;
}
.secWrapper .secWrapper-inner .secWrapper-box h3.ttl-center {
  margin-top: 25px;
  font-size: 18px;
}
.secWrapper .secWrapper-inner .secWrapper-box__p60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.m-introduction {
  background-color: #FFF;
}
.m-introduction .m-introduction-inner {
  width: 1280px;
  margin: 0 auto;
  padding: 37px 0 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.m-introduction .item--intro {
  width: 325px;
  padding: 27px 0 0 80px;
}
.m-introduction .item--intro .item__introTitle {
  padding: 0 0 28px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
.m-introduction .item--intro .item__introTitle span {
  display: block;
  padding: 0 0 10px;
  font-size: 26px;
  font-weight: bold;
}
.m-introduction .item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 248px;
  padding: 25px 15px 0;
  margin-left: 15px;
  background-color: #f9f9f9;
}
.m-introduction .item .item__new {
  position: absolute;
  right: 20px;
  top: -20px;
  width: 52px;
}
.m-introduction .item .item__new img {
  max-width: 100%;
}
.m-introduction .item .item__comment {
  position: relative;
}
.m-introduction .item .item__comment ._comment-wrap {
  text-align: center;
}
.m-introduction .item .item__comment ._comment-wrap a {
  font-weight: bold;
}
.m-introduction .item .item__pic {
  position: relative;
  margin: 15px 0 0;
}
.m-introduction .item .item__pic .cutout-img-wrapper {
  position: relative;
  width: 104px;
  height: 104px;
  margin: 0 auto;
  border-radius: 50%;
}
.m-introduction .item .item__name {
  position: relative;
  margin: 10px 0 14px;
  text-align: center;
  font-size: 12px;
}
.m-introduction .item .item__name a {
  color: #333;
}
.m-introduction .item .item__name a span {
  color: #999;
}
.m-introduction .item .m-social {
  position: relative;
  border-top: 1px solid #cdcdcd;
}

#m-panelListWrapper {
  background-color: #f9f9f9;
}
#m-panelListWrapper .m-panelListWrapper-inner {
  width: 1280px;
  margin: 0 auto;
  padding: 57px 0 0;
}
#m-panelListWrapper .m-panelList-more {
  padding: 50px 0 103px;
  text-align: center;
}
#m-panelListWrapper .m-panelList {
  position: relative;
}
#m-panelListWrapper .m-panelList .item {
  opacity: 0;
  position: absolute;
  width: 400px;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #FFF;
}
#m-panelListWrapper .m-panelList .item.isVisible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#m-panelListWrapper .m-panelList .item.isNew .item__board:after {
  position: absolute;
  right: 10px;
  top: -25px;
  content: url("/images/common/icon_new.png");
}
#m-panelListWrapper .m-panelList .item .item__board {
  position: relative;
}
#m-panelListWrapper .m-panelList .item .item__board a {
  display: block;
}
#m-panelListWrapper .m-panelList .item .item__board a:hover .item__pic img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#m-panelListWrapper .m-panelList .item .item__board .item__pic {
  overflow: hidden;
}
#m-panelListWrapper .m-panelList .item .item__board .item__pic img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
#m-panelListWrapper .m-panelList .item .item__board .item__tags {
  margin: 0 30px 0 25px;
  padding: 15px 0 0;
}
#m-panelListWrapper .m-panelList .item .item__board .item__tags ul {
  letter-spacing: -.40em;
}
#m-panelListWrapper .m-panelList .item .item__board .item__tags ul li {
  position: relative;
  letter-spacing: normal;
  display: inline-block;
  margin: 4px 0 0 5px;
  border: 1px solid #cdcdcd;
  font-size: 12px;
}
#m-panelListWrapper .m-panelList .item .item__board .item__tags ul li a {
  display: block;
  padding: 0 15px;
  color: #666;
  white-space: nowrap;
  -webkit-transition: background-color 0.25s ease,border 0.25s ease,color 0.25s ease;
  transition: background-color 0.25s ease,border 0.25s ease,color 0.25s ease;
}
#m-panelListWrapper .m-panelList .item .item__board .item__tags ul li a:hover {
  color: #fff;
  background-color: #999;
}
#m-panelListWrapper .m-panelList .item .item__board .item__date {
  margin: 22px 30px 0;
  color: #999;
  font-size: 12px;
}
#m-panelListWrapper .m-panelList .item .item__board .item__title {
  margin: 6px 30px 5px;
  font-size: 16px;
  font-weight: bold;
}
#m-panelListWrapper .m-panelList .item .item__board .item__description {
  margin: 3px 30px;
  font-size: 16px;
}
#m-panelListWrapper .m-panelList .item .item__footer {
  margin: 0 30px;
}
#m-panelListWrapper .m-panelList .item .item__footer .item__owner {
  border-top: 1px solid #cdcdcd;
  padding: 20px 0;
}
#m-panelListWrapper .m-panelList .item .item__footer .item__owner a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#m-panelListWrapper .m-panelList .item .item__footer .item__owner a .item__ownerPic {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
#m-panelListWrapper .m-panelList .item .item__footer .item__owner a .item__ownerPic img {
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
#m-panelListWrapper .m-panelList .item .item__footer .item__owner a .item__ownerTxt {
  padding: 0 0 0 15px;
  color: #999;
}
#m-panelListWrapper .m-panelList .item .item__footer .item__owner a .item__ownerTxt .item__ownerName {
  color: #333;
}
#m-panelListWrapper .m-panelList .item .item__footer .item__owner a .item__ownerTxt .item__ownerName .item__honor {
  color: #999;
}
#m-panelListWrapper .m-panelList .item .item__footer .item__owner a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#m-panelListWrapper .m-panelList .item .item__footer .item__owner a:hover .item__ownerTxt {
  color: #e34268 !important;
}
#m-panelListWrapper .m-panelList .item .item__footer .item__owner a:hover .item__ownerTxt .item__ownerName,
#m-panelListWrapper .m-panelList .item .item__footer .item__owner a:hover .item__ownerTxt .item__honor {
  color: #e34268 !important;
}

.m-owner {
  display: inline-block;
  padding: 20px 0;
}
.m-owner a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.m-owner a .m-owner-pic {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.m-owner a .m-owner-pic img {
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.m-owner a .m-owner-text {
  padding: 0 0 0 15px;
  color: #999;
}
.m-owner a .m-owner-text .m-owner-name {
  color: #333;
  padding-right: 5px;
}
.m-owner a .m-owner-text .m-owner-name .m-owner-honor {
  padding-left: 5px;
}
.m-owner a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.m-owner a:hover .m-owner-text {
  color: #e34268 !important;
}
.m-owner a:hover .m-owner-text .m-owner-name {
  color: #e34268 !important;
}
.m-owner a:hover .m-owner-text .m-owner-name .m-owner-honor {
  color: #e34268 !important;
}

.m-tags {
  margin: -4px 0 0 -4px;
  letter-spacing: -.40em;
}
.m-tags li {
  position: relative;
  letter-spacing: normal;
  display: inline-block;
  margin: 4px 0 0 5px;
  border: 1px solid #cdcdcd;
  font-size: 12px;
}
.m-tags li a {
  display: block;
  padding: 0 15px;
  color: #666;
  white-space: nowrap;
  background-color: #FFF;
  -webkit-transition: background-color 0.25s ease,border 0.25s ease,color 0.25s ease;
  transition: background-color 0.25s ease,border 0.25s ease,color 0.25s ease;
}
.m-tags li a:hover {
  color: #fff;
  background-color: #999;
}

.m-social ul {
  letter-spacing: -.40em;
  padding: 13px 0;
}
.m-social ul li {
  display: inline-block;
  letter-spacing: normal;
  color: #333;
  font-size: 12px;
  white-space: nowrap;
}
.m-social ul li.m-social__counts--like {
  line-height: 26px;
}
.m-social ul li.m-social__counts--like .command-like {
  display: inline-block;
  padding: 5px 0 5px 32px;
  background: url("/images/common/icon_heart_off.png") no-repeat left center;
  cursor: pointer;
}
.m-social ul li.m-social__counts--like .command-like:hover {
  color: #333;
  background: url("/images/common/icon_heart_on.png") no-repeat left center;
}
.m-social ul li.m-social__counts--like .command-like.isActiv {
  background: url("/images/common/icon_heart_on.png") no-repeat left center;
}
.m-social ul li.m-social__counts--comment {
  margin-left: 15px;
  line-height: 26px;
}
.m-social ul li.m-social__counts--comment .command-comment {
  display: inline-block;
  padding: 5px 0 5px 32px;
  background: url("/images/common/icon_comment.png") no-repeat left center;
}
.m-social ul li.m-social__counts--favorite {
  margin-left: 15px;
  line-height: 26px;
}
.m-social ul li.m-social__counts--favorite .command-favorite {
  display: inline-block;
  padding: 5px 0 5px 32px;
  background: url("/images/common/icon_favorite_off.png") no-repeat left center;
}
.m-social ul li.m-social__counts--favorite .command-favorite:hover {
  color: #333;
  background: url("/images/common/icon_favorite_on.png") no-repeat left center;
}
.m-social ul li.m-social__counts--favorite .command-favorite.isActiv {
  background: url("/images/common/icon_favorite_on.png") no-repeat left center;
}

.m-new_member-account {
  max-width: 760px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.m-new_member-account li {
  width: 245px;
  background-color: #FFF;
  text-align: center;
}
.m-new_member-account li a {
  display: block;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.m-new_member-account li a:hover {
  opacity: 0.5;
}
.m-new_member-account li span {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.m-new_member-account li img {
  vertical-align: top;
}
.m-new_member-account li div {
  padding: 16px 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
}
.m-new_member-account li.m-new_member-account-facebook img {
  margin: 22px 0 0;
}
.m-new_member-account li.m-new_member-account-facebook span {
  padding: 12px 0 12px;
  color: #297aee;
}
.m-new_member-account li.m-new_member-account-facebook div {
  margin: 21px 0 0;
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 15px center #297aee;
  background-size: 7px auto;
}
.m-new_member-account li.m-new_member-account-dport img {
  margin: 24px 0 0;
}
.m-new_member-account li.m-new_member-account-dport span {
  padding: 18px 0 12px;
  color: #f61f25;
}
.m-new_member-account li.m-new_member-account-dport div {
  margin: 25px 0 0;
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 15px center #f61f25;
  background-size: 7px auto;
}
.m-new_member-account li.m-new_member-account-owner img {
  margin: 30px 0 0;
}
.m-new_member-account li.m-new_member-account-owner span {
  padding: 17px 0 12px;
  color: #ee2c62;
}
.m-new_member-account li.m-new_member-account-owner div {
  margin: 25px 0 0;
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 15px center #ee2c62;
  background-size: 7px auto;
}

.m-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFF;
}
.m-search .m-searchInput {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 60px);
  padding: 0 20px;
  line-height: 60px;
  border: 0;
}
.m-search .m-searchBtn {
  width: 60px;
  line-height: 60px;
  border: 0;
  background: url("/images/common/icon_search_thread.png") no-repeat left center;
  cursor: pointer;
}

.itemList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px 0 0 -24px;
}
.itemList.itemList__white .item {
  background-color: #fff;
}
.itemList.itemList__gray .item {
  background-color: #f9f9f9;
}
.itemList .item {
  position: relative;
  width: 302px;
  margin: 50px 0 0 24px;
}
.itemList .item.item__thread {
  padding-bottom: 64px;
}
.itemList .item > a {
  display: block;
  height: 100%;
}
.itemList .item > a[target="_blank"] {
  background: url("/images/common/ico_blank.png") no-repeat right 20px bottom 20px;
}
.itemList .item > a[target="_blank"] .item__board {
  padding: 20px 20px 50px;
}
.itemList .item > a:hover .item__pic img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.itemList .item .item__pic {
  border: 1px solid #e7e7e7;
  overflow: hidden;
}
.itemList .item .item__pic img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.itemList .item .item__label {
  position: relative;
  height: 1em;
}
.itemList .item .item__label span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  min-width: 150px;
  margin: 0 0 0 0;
  padding: 5px;
  background-color: #e12b5a;
  color: #fff;
  text-align: center;
  font-size: 12px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.itemList .item .item__board {
  padding: 20px;
}
.itemList .item .item__board .item__title {
  font-size: 14px;
  font-weight: bold;
}
.itemList .item .item__board .item__description {
  font-size: 14px;
  margin: 10px 0 0;
}
.itemList .item .item__board .item__company {
  position: absolute;
  bottom: 17px;
  margin: 3px 0 0;
}
.itemList .item .item__footer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 20px;
}
.itemList .item .item__footer .m-social ul {
  padding: 2px 0 19px;
}
.itemList .item .item__footer .m-social ul li + li {
  margin-left: 30px;
}
.itemList .item .item__footer .item__owner {
  padding: 0 0 20px;
}
.itemList .item .item__footer .item__owner a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.itemList .item .item__footer .item__owner a .item__ownerPic {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.itemList .item .item__footer .item__owner a .item__ownerPic img {
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.itemList .item .item__footer .item__owner a .item__ownerTxt {
  padding: 0 0 0 15px;
  color: #999;
}
.itemList .item .item__footer .item__owner a .item__ownerTxt .item__ownerName {
  color: #333;
}
.itemList .item .item__footer .item__owner a .item__ownerTxt .item__ownerName .item__honor {
  color: #999;
}
.itemList .item .item__footer .item__owner a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.itemList .item .item__footer .item__owner a:hover .item__ownerTxt {
  color: #e34268 !important;
}
.itemList .item .item__footer .item__owner a:hover .item__ownerTxt .item__ownerName,
.itemList .item .item__footer .item__owner a:hover .item__ownerTxt .item__honor {
  color: #e34268 !important;
}

.itemList--thread:before,
.itemList--thread:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

.itemList--thread:after {
  clear: both;
}

.itemList--thread {
  zoom: 1;
}

/* IE < 8 */
.itemList--thread {
  margin: 0 0 0 -24px;
}
.itemList--thread.itemList__white .item {
  background-color: #fff;
}
.itemList--thread.itemList__gray .item {
  background-color: #f9f9f9;
}
.itemList--thread .item {
  float: left;
  width: 302px;
  margin: 50px 0 0 24px;
}
.itemList--thread .item a:hover .item__pic img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.itemList--thread .item .item__pic {
  overflow: hidden;
}
.itemList--thread .item .item__pic img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.itemList--thread .item .item__board {
  padding: 20px;
}
.itemList--thread .item .item__board .item__tags {
  margin: -4px 0 0 -4px;
}
.itemList--thread .item .item__board .item__tags ul {
  letter-spacing: -.40em;
}
.itemList--thread .item .item__board .item__tags ul li {
  position: relative;
  letter-spacing: normal;
  display: inline-block;
  margin: 4px 0 0 5px;
  border: 1px solid #cdcdcd;
  font-size: 12px;
}
.itemList--thread .item .item__board .item__tags ul li a {
  display: block;
  padding: 0 15px;
  color: #666;
  white-space: nowrap;
  background-color: #FFF;
  -webkit-transition: background-color 0.25s ease,border 0.25s ease,color 0.25s ease;
  transition: background-color 0.25s ease,border 0.25s ease,color 0.25s ease;
}
.itemList--thread .item .item__board .item__tags ul li a:hover {
  color: #fff;
  background-color: #999;
}
.itemList--thread .item .item__board .item__date {
  margin: 12px 0 0;
  color: #999;
  font-size: 12px;
}
.itemList--thread .item .item__board .item__title {
  margin: 6px 0 5px;
  font-size: 14px;
  font-weight: bold;
}
.itemList--thread .item .item__board .item__description {
  margin: 1px 0;
  font-size: 12px;
}
.itemList--thread .item .item__footer {
  margin: 0 20px;
}
.itemList--thread .item .item__footer .m-social ul {
  padding: 2px 0 19px;
}
.itemList--thread .item .item__footer .m-social ul li + li {
  margin-left: 30px;
}
.itemList--thread .item .item__footer .item__owner {
  border-top: 1px solid #cdcdcd;
  padding: 17px 0;
}
.itemList--thread .item .item__footer .item__owner a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.itemList--thread .item .item__footer .item__owner a .item__ownerPic {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.itemList--thread .item .item__footer .item__owner a .item__ownerPic img {
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.itemList--thread .item .item__footer .item__owner a .item__ownerTxt {
  padding: 0 0 0 15px;
  color: #999;
}
.itemList--thread .item .item__footer .item__owner a .item__ownerTxt .item__ownerName {
  color: #333;
}
.itemList--thread .item .item__footer .item__owner a .item__ownerTxt .item__ownerName .item__honor {
  color: #999;
}
.itemList--thread .item .item__footer .item__owner a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.itemList--thread .item .item__footer .item__owner a:hover .item__ownerTxt {
  color: #e34268 !important;
}
.itemList--thread .item .item__footer .item__owner a:hover .item__ownerTxt .item__ownerName,
.itemList--thread .item .item__footer .item__owner a:hover .item__ownerTxt .item__honor {
  color: #e34268 !important;
}

/*=======================================================================
button
/*=======================================================================*/
.btn__default {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  display: inline-block;
  line-height: 55px;
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 15px center #000;
  background-size: 7px auto;
  text-align: center;
  padding: 0 30px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: background ease .2s;
}
.btn__default:hover {
  color: #fff;
}
.btn__default.btn__hoveredpink {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0;
  border: none;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  background-image: none;
}
.btn__default.btn__hoveredpink:before {
  z-index: 1000;
  content: '';
  position: absolute;
  display: block;
  width: 9px;
  height: 15px;
  top: 20px;
  right: 15px;
  background-image: url(/images/common/icon_arrow_white_right.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.btn__default.btn__hoveredpink:after {
  position: absolute;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
  -webkit-transition: .3s;
  transition: .3s;
  content: '';
  width: 0;
  height: 120%;
  left: -10%;
  bottom: 0;
  background-color: #e12b5a;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 0;
}
.btn__default.btn__hoveredpink span {
  box-sizing: border-box;
  display: block;
  position: relative;
  text-align: center;
  z-index: 1;
  color: #fff;
}
.btn__default.btn__hoveredpink:hover span {
  color: #fff;
}
.btn__default.btn__hoveredpink:hover:after {
  left: -10%;
  width: 120%;
}

.btn__default--back {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  display: inline-block;
  background: url("/images/common/icon_arrow_gray_left.png") no-repeat left 22px center #FFF;
  background-size: 7px auto;
  border: 2px solid #777777;
  text-align: center;
  padding: 6px 20px 6px 40px;
  color: #777777;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.8;
}
.btn__default--back:hover {
  color: #777777;
}
.btn__default--back.btn__large {
  padding: 12px 80px 12px 80px;
  font-size: 16px;
  background: url("/images/common/icon_arrow_gray_left.png") no-repeat left 31px center #FFF;
  background-size: 7px auto;
}

.btn__default--pink {
  color: #fb0048;
  background-color: #FFF;
}
.btn__default--pink span {
  border: 2px solid #fb0048;
  background: url("/images/common/icon_arrow_pink_right.png") no-repeat right 22px center;
  background-size: 7px auto;
  padding: 6px 40px 6px 20px;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.8;
}
.btn__default--pink span:hover {
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 22px center;
  background-size: 7px auto;
}
.btn__default--pink.btn__large span {
  padding: 12px 80px 12px 80px;
  font-size: 16px;
  background: url("/images/common/icon_arrow_pink_right.png") no-repeat right 31px center;
  background-size: 7px auto;
}
.btn__default--pink.btn__large span:hover {
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 31px center;
  background-size: 7px auto;
}

.btn__default--black {
  color: #fff;
  background-color: #000;
}
.btn__default--black span {
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 22px center;
  background-size: 7px auto;
  padding: 8px 40px 8px 20px;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.8;
}
.btn__default--black span:hover {
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 22px center;
  background-size: 7px auto;
}
.btn__default--black.btn__large span {
  padding: 12px 80px 12px 80px;
  font-size: 16px;
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 31px center;
  background-size: 7px auto;
}
.btn__default--black.btn__large span:hover {
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 31px center;
  background-size: 7px auto;
}

.btn__back {
  color: #fb0048;
  background-color: #FFF;
  width: 340px;
}
.btn__back span {
  border: 2px solid #fb0048;
  background: url("/images/common/icon_arrow_pink_left.png") no-repeat left 31px center;
  background-size: 7px auto;
  padding: 12px 80px 12px 80px;
  font-size: 16px;
  cursor: pointer;
  line-height: 1.8;
}
.btn__back span:hover {
  background: url("/images/common/icon_arrow_white_left.png") no-repeat left 31px center;
  background-size: 7px auto;
}

.btn__facebook {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  display: inline-block;
  line-height: 55px;
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 15px center #1778f1;
  background-size: 7px auto;
  text-align: center;
  padding: 0 30px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.btn__facebook:hover {
  color: #fff;
}

.btn__dport {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  display: inline-block;
  line-height: 55px;
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 15px center #f61f26;
  background-size: 7px auto;
  text-align: center;
  padding: 0 30px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.btn__dport:hover {
  color: #fff;
}

.btn__owner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  display: inline-block;
  line-height: 55px;
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 15px center #ee2c62;
  background-size: 7px auto;
  text-align: center;
  padding: 0 30px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.btn__owner:hover {
  color: #fff;
}

.btn__more {
  background-color: #000;
}
.btn__more span {
  line-height: 55px;
  width: 230px;
  background: url("/images/common/icon_arrow_white_bottom.png") no-repeat right 15px center;
  background-size: 11px auto;
  padding: 0 30px;
  font-size: 16px;
  color: #fff;
}

.btn__login {
  background-color: #000;
}
.btn__login span {
  line-height: 28px;
  width: 146px;
  background: url("/images/common/icon_arrow_white_right.png") no-repeat right 15px center;
  background-size: 5px auto;
  padding: 0 30px 0;
  font-size: 11px;
  color: #fff;
}
.btn__login span:before {
  content: url("/images/common/icon_login.png");
  position: relative;
  top: 5px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
}

.btn__link {
  display: inlie-block;
  padding: 22px;
  background: url("/images/common/icon_arrow_black_right.png") no-repeat right center;
  background-size: 7px auto;
}

.txt__link {
  color: #e93863;
  text-decoration: underline;
}
.txt__link:hover {
  text-decoration: none;
}

/*hover animation*/
.btn__default--black,
.btn__default--pink,
.btn__back,
.btn__more,
.btn__login {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0;
  border: none;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.btn__default--black span,
.btn__default--pink span,
.btn__back span,
.btn__more span,
.btn__login span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  text-align: center;
  z-index: 1;
}
.btn__default--black:after,
.btn__default--pink:after,
.btn__back:after,
.btn__more:after,
.btn__login:after {
  position: absolute;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
  -webkit-transition: .3s;
  transition: .3s;
  content: '';
  width: 0;
  height: 120%;
  left: -10%;
  bottom: 0;
  background-color: #e12b5a;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 0;
}
.btn__default--black:hover,
.btn__default--pink:hover,
.btn__back:hover,
.btn__more:hover,
.btn__login:hover {
  color: #fff;
  opacity: 1 !important;
}
.btn__default--black:hover:after,
.btn__default--pink:hover:after,
.btn__back:hover:after,
.btn__more:hover:after,
.btn__login:hover:after {
  width: 100%;
  left: -10%;
  width: 120%;
}

/*----------------------------------------
固定ナビ
----------------------------------------*/
.cc-sideNav {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
  z-index: 1000;
}
.cc-sideNav ul li {
  position: relative;
  right: 70px;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}
.cc-sideNav ul li + li a {
  border-top: 1px solid #c2184a;
}
.cc-sideNav ul li a {
  color: #fff;
  display: table;
  width: 100%;
  background-color: #e12b5a;
  font-size: 13px;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.cc-sideNav ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
.cc-sideNav ul li a > span.cc-sideNav-icon {
  padding: 15px;
}
.cc-sideNav ul li a > span.cc-sideNav-icon img {
  vertical-align: top;
}
.cc-sideNav ul li a > span.cc-sideNav-txt {
  padding: 0 26px 0 0;
}
.cc-sideNav ul li:hover {
  position: relative;
  right: 100%;
}
.cc-sideNav ul li:hover a {
  background-color: #c2184a;
}

/*----------------------------------------
loading
----------------------------------------*/
.loader {
  text-align: center;
}

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
.square-spin {
  display: inline-block;
}

.square-spin > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width: 25px;
  height: 25px;
  background: #df2f5c;
  -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}