@charset "UTF-8";
/*------------------------------------
copneclub内 共通module修正
------------------------------------*/
.note {
  font-size: 12px;
}

.copen-footer {
  margin-top: 0;
}

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

------------------------------------*/
#cc-main h1 img {
  width: 100%;
  vertical-align: top;
}

.cc-intro {
  padding: 45px 0 43px;
  background-color: #FFF;
}
.cc-intro .cc-intro-inner {
  width: 1280px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cc-intro .cc-intro-text {
  width: 50%;
  font-size: 16px;
  margin: -10px 0 0;
}
.cc-intro .cc-intro-text p {
  line-height: 2;
}
.cc-intro .cc-intro-nav {
  width: 50%;
  text-align: right;
}
.cc-intro .cc-intro-nav-list {
  letter-spacing: -.40em;
}
.cc-intro .cc-intro-nav-list li {
  display: inline-block;
  letter-spacing: normal;
}
.cc-intro .cc-intro-nav-list li + li {
  margin-left: 15px;
}

.cc-tab {
  background-color: #FFF;
}
.cc-tab ul {
  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;
  width: 1280px;
  margin: 0 auto;
}
.cc-tab ul li {
  position: relative;
  width: 635px;
  border-radius: 6px 6px 0 0;
  background-color: #e8e8e8;
  border-bottom: 2px solid #e12b5a;
}
.cc-tab ul li.-current {
  border-bottom: 2px solid #fff;
  background-color: #fff;
}
.cc-tab ul li.-current a {
  color: #e12b5a;
  border: 2px solid #e12b5a;
  border-bottom: none;
  background-color: #FFF;
  cursor: default;
}
.cc-tab ul li.-current a:before {
  top: calc(-100%);
}
.cc-tab ul li.-current a:after {
  display: none;
}
.cc-tab ul li.-current a span {
  color: #e12b5a;
}
.cc-tab ul li + li:after {
  position: absolute;
  bottom: -2px;
  left: -12px;
  content: "";
  height: 2px;
  width: 14px;
  background-color: #e12b5a;
}
.cc-tab ul li:not(.-current) a:hover:before {
  top: 0;
}
.cc-tab ul li:not(.-current) a:hover:after {
  display: none;
}
.cc-tab ul li:not(.-current) a:hover span {
  color: #fff;
}
.cc-tab ul li a {
  position: relative;
  border-radius: 6px 6px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 70px;
  overflow: hidden;
  display: block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.cc-tab ul li a:after, .cc-tab ul li a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: top 0.25s ease;
  transition: top 0.25s ease;
}
.cc-tab ul li a:before {
  top: 100%;
  background-color: #e12b5a;
  z-index: 2;
}
.cc-tab ul li a:after {
  top: 0;
  background-color: #e8e8e8;
  z-index: 1;
}
.cc-tab ul li a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #666;
}

#cc-special {
  display: none;
}

/*----------------------------------------
Copen Club スレッド 
----------------------------------------*/
#bbs-detail-header {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 40px;
}
#bbs-detail-header .m-social {
  width: 50%;
  text-align: right;
}
#bbs-detail-header .m-social li + li {
  margin-left: 40px;
}

#bbs-detail-body .caution {
  color: #ef2020;
  font-size: 14px;
}
#bbs-detail-body .thread {
  position: relative;
  padding: 35px 40px 40px 40px;
  background-color: #FFF;
}
#bbs-detail-body .thread .thread-title {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0 0 20px;
  border-bottom: 1px solid #cdcdcd;
}
#bbs-detail-body .thread .thread-title .bbs-detaile-h1 {
  display: table-cell;
  font-size: 20px;
  font-weight: bold;
  vertical-align: top;
  line-height: 1.5;
}
#bbs-detail-body .thread .thread-title .thread-time {
  display: table-cell;
  width: 120px;
  vertical-align: top;
  text-align: right;
  font-size: 12px;
  color: #999;
}
#bbs-detail-body .thread .thread-body {
  padding: 40px 0 0;
}
#bbs-detail-body .thread .thread-body .thread-body-inner {
  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;
  width: 100%;
}
#bbs-detail-body .thread .thread-body .thread-body-text {
  width: calc(100% - 500px);
}
#bbs-detail-body .thread .thread-body .thread-body-text p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 14px;
}
#bbs-detail-body .thread .thread-body .thread-body-pic {
  width: 460px;
  margin-left: 20px;
}
#bbs-detail-body .thread .thread-body .thread-body-pic img {
  max-width: 100%;
  vertical-align: top;
  border: 1px solid #e7e7e7;
}
#bbs-detail-body .thread .thread-body .categoryform--view {
  margin: 0 0 0 -5px;
  letter-spacing: -.40em;
}
#bbs-detail-body .thread .thread-body .categoryform--view li {
  position: relative;
  letter-spacing: normal;
  display: inline-block;
  margin: 4px 0 0 5px;
  font-size: 12px;
}
#bbs-detail-body .thread .thread-body .categoryform--view li a {
  display: block;
  padding: 0 15px;
  color: #666;
  white-space: nowrap;
  border: 1px solid #cdcdcd;
  -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;
}
#bbs-detail-body .thread .thread-body .categoryform--view li a:hover {
  color: #fff;
  background-color: #999;
}
#bbs-detail-body .thread .thread-body .thread-body-time {
  margin: 15px 0 0;
  color: #999;
}
#bbs-detail-body .thread .thread-body .thread-body-time time {
  padding: 0 35px 0 0;
}
#bbs-detail-body .thread .thread-body .thread-body-time a {
  text-decoration: underline;
  color: #999;
}
#bbs-detail-body .thread .thread-clip {
  position: absolute;
  top: 0;
  left: 0;
}
#bbs-detail-body .thread-btn {
  margin: 40px 0 0;
  text-align: center;
}
#bbs-detail-body .thread-command ul {
  letter-spacing: -.40em;
}
#bbs-detail-body .thread-command ul li {
  display: inline-block;
  letter-spacing: normal;
}
#bbs-detail-body .thread-command ul li + li {
  margin-left: 9px;
}
#bbs-detail-body .thread-command ul li img {
  vertical-align: top;
}
#bbs-detail-body .thread-command ul li .clickable {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
#bbs-detail-body .thread-command ul li .clickable:hover {
  opacity: 0.5;
}
#bbs-detail-body .main-comment {
  position: relative;
  margin: 40px 0 0 80px;
  padding: 40px 40px 35px 110px;
  background-color: #eee;
}
#bbs-detail-body .main-comment .main-comment-pht {
  position: absolute;
  top: 40px;
  left: 40px;
  padding: 0 20px 0 0;
}
#bbs-detail-body .main-comment .main-comment-pht .cutout-img-wrapper {
  position: relative;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 50%;
}
#bbs-detail-body .main-comment .main-comment-pht .cutout-img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
#bbs-detail-body .main-comment .bbs-refer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#bbs-detail-body .main-comment .bbs-refer .bbs-refer-textarea {
  width: 570px;
}
#bbs-detail-body .main-comment .bbs-refer .bbs-refer-textarea textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 310px;
  padding: 20px;
  border: 0;
  background-color: #FFF;
}
#bbs-detail-body .main-comment .bbs-refer .bbs-refer-img {
  width: 460px;
  margin: 0 0 0 20px;
}
#bbs-detail-body .main-comment .bbs-textarea-cap {
  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;
  margin: 15px 0 0;
}
#bbs-detail-body .main-comment .bbs-textarea-cap label {
  display: inlinie-block;
  font-size: 14px;
  line-height: 21px;
  vertical-align: top;
}
#bbs-detail-body .main-comment .bbs-textarea-cap label span {
  display: inline-block;
  padding: 0 0 0 5px;
}
#bbs-detail-body .main-comment .bbs-textarea-cap .cbxbd-fb {
  padding-top: 0;
  height: 20px;
  line-height: 20px;
  background: url("/images/common/check_3.png") no-repeat left top;
}
#bbs-detail-body .main-comment .bbs-textarea-cap .cbxbd-fb.c_on {
  background-position: left -20px;
}
#bbs-detail-body .main-comment .bbs-textarea-cap .bbs-note {
  font-size: 14px;
  color: #000;
}
#bbs-detail-body .main-comment .bbs-btn {
  margin: 15px 0 0;
  text-align: center;
  letter-spacing: -.40em;
}
#bbs-detail-body .main-comment .bbs-btn li {
  letter-spacing: normal;
  display: inline-block;
}
#bbs-detail-body .main-comment .bbs-btn li + li {
  margin-left: 30px;
}
#bbs-detail-body .main-comment .bbs-comment-atention {
  margin: 35px 0 0;
}
#bbs-detail-body .main-comment .bbs-comment-atention p {
  margin: 0;
}
#bbs-detail-body .sub-comment {
  margin: 60px 0 0 80px;
  padding: 0 40px 40px;
  background-color: #f2f2f2;
}
#bbs-detail-body .sub-comment .sub-comment-head {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #cdcdcd;
}
#bbs-detail-body .sub-comment .sub-comment-body .sub-comment-body-inner {
  position: relative;
  margin: 0 0 0 70px;
  padding: 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;
}
#bbs-detail-body .sub-comment .sub-comment-body .sub-comment-body-inner .thread-body-text {
  width: calc(100% - 500px);
  padding-bottom: 50px;
  font-size: 14px;
}
#bbs-detail-body .sub-comment .sub-comment-body .sub-comment-body-inner .thread-body-pic {
  max-width: 460px;
  margin-left: 20px;
}
#bbs-detail-body .sub-comment .sub-comment-body .sub-comment-body-inner .thread-body-pic img {
  max-width: 100%;
  vertical-align: top;
  border: 1px solid #e7e7e7;
}
#bbs-detail-body .sub-comment .sub-comment-body .sub-comment-foot {
  position: absolute;
  bottom: 0px;
  left: 0;
}
#bbs-detail-body .sub-comment .sub-comment-body .sub-comment-foot .btn-like {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}
#bbs-detail-body .sub-comment .sub-comment-body .sub-comment-foot .comment-res {
  margin-left: 30px;
  display: inline-block;
  vertical-align: middle;
}
#bbs-detail-body .sub-comment .sub-comment-body .sub-comment-foot .comment-res a {
  line-height: 1.5;
}
#bbs-detail-body .sub-comment .sub-comment-body .sub-comment-foot .thread-time {
  display: inline-block;
  border-left: 1px solid #cdcdcd;
  margin: 0 15px 0 30px;
  padding: 0 0 0 30px;
  color: #999;
  vertical-align: middle;
}
#bbs-detail-body .sub-comment .sub-comment-body .sub-comment-foot .comment-history {
  color: #999;
  text-decoration: underline;
}
#bbs-detail-body .sub-comment .child_name 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;
}
#bbs-detail-body .sub-comment .child_name a .sub-comment-pic {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
#bbs-detail-body .sub-comment .child_name a .sub-comment-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;
}
#bbs-detail-body .sub-comment .child_name a .sub-comment-name {
  padding: 0 0 0 15px;
  color: #333;
}
#bbs-detail-body .sub-comment .child_name a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#bbs-detail-body .sub-comment .child_name a:hover .sub-comment-name {
  color: #e34268 !important;
}
#bbs-detail-body .sub-comment .command-like {
  padding: 6px 0 6px 35px;
  background: url("/images/common/icon_heart_off.png") no-repeat left center;
  cursor: pointer;
}
#bbs-detail-body .sub-comment .command-like:hover {
  color: #333;
  background: url("/images/common/icon_heart_on.png") no-repeat left center;
}
#bbs-detail-body .sub-comment .command-like.isActiv {
  background: url("/images/common/icon_heart_on.png") no-repeat left center;
}
#bbs-detail-body .sub-comment-mid {
  position: relative;
  margin: 40px 0 0 70px;
  padding: 30px 40px 25px 110px;
  background-color: #e9e9e9;
}
#bbs-detail-body .sub-comment-mid .sub-comment-pht {
  position: absolute;
  top: 40px;
  left: 40px;
  padding: 0 20px 0 0;
}
#bbs-detail-body .sub-comment-mid .sub-comment-pht .cutout-img-wrapper {
  position: relative;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 50%;
}
#bbs-detail-body .sub-comment-mid .sub-comment-pht .cutout-img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
#bbs-detail-body .sub-comment-mid .bbs-refer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#bbs-detail-body .sub-comment-mid .bbs-refer .bbs-sub-refer-textarea {
  width: 486px;
}
#bbs-detail-body .sub-comment-mid .bbs-refer .bbs-sub-refer-textarea textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 260px;
  padding: 20px;
  border: 0;
  background-color: #FFF;
}
#bbs-detail-body .sub-comment-mid .bbs-refer .bbs-refer-img {
  width: 390px;
  margin: 0 0 0 20px;
}
#bbs-detail-body .sub-comment-mid .bbs-refer .bbs-refer-img img {
  max-width: 100%;
}
#bbs-detail-body .sub-comment-mid .bbs-textarea-cap {
  margin: 15px 0 0;
}
#bbs-detail-body .sub-comment-mid .bbs-textarea-cap .bbs-note {
  text-align: right;
  font-size: 14px;
  color: #000;
}
#bbs-detail-body .sub-comment-mid .bbs-btn {
  margin: 15px 0 0;
  text-align: center;
  letter-spacing: -.40em;
}
#bbs-detail-body .sub-comment-mid .bbs-btn li {
  letter-spacing: normal;
  display: inline-block;
}
#bbs-detail-body .sub-comment-mid .bbs-btn li + li {
  margin-left: 30px;
}
#bbs-detail-body .sub-comment-mid .bbs-comment-atention {
  margin: 35px 0 0;
}
#bbs-detail-body .sub-comment-mid .bbs-comment-atention p {
  margin: 0;
}
#bbs-detail-body .grand-children {
  margin: 40px 0 0 70px;
  padding: 0 40px 40px;
  background-color: #fff;
}
#bbs-detail-body .grand-children .sub-comment-body .sub-comment-body-inner {
  margin: 0;
}

/*----------------------------------------
マイページ
----------------------------------------*/
#main.cc-myapge:before,
#main.cc-myapge:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

#main.cc-myapge:after {
  clear: both;
}

#main.cc-myapge {
  zoom: 1;
}

/* IE < 8 */
#main.cc-myapge {
  width: 100%;
  background-color: #FFF;
}
#main.cc-myapge #side {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 320px;
  background-color: #f9f9f9;
  padding: 40px 30px;
}
#main.cc-myapge #major {
  float: right;
  width: 920px;
}
#main.cc-myapge #mypage-img .user_thumb {
  width: 220px;
  height: 220px;
  margin: 0 auto;
  border-radius: 50%;
}
#main.cc-myapge .profile {
  margin: 23px 0 0;
  text-align: center;
}
#main.cc-myapge .profile .name {
  font-size: 13px;
}
#main.cc-myapge .profile .name span {
  display: innline-block;
  padding: 0 10px 0 0;
  font-size: 18px;
  font-weight: bold;
}
#main.cc-myapge .profile .message {
  margin: 30px 0 0;
  padding: 23px 0 0;
  border-top: 1px solid #ddd;
  font-size: 16px;
}
#main.cc-myapge .settings {
  margin-top: 30px;
}
#main.cc-myapge .settings ul {
  letter-spacing: -.40em;
}
#main.cc-myapge .settings ul li {
  display: inline-block;
  letter-spacing: normal;
}
#main.cc-myapge .settings ul li + li {
  margin-left: 9px;
}
#main.cc-myapge .settings ul li img {
  vertical-align: top;
}
#main.cc-myapge .settings ul li a {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
#main.cc-myapge .settings ul li a:hover {
  opacity: 0.5;
}
#main.cc-myapge .spot_gender_area {
  margin: 5px 0 0;
  text-align: center;
}
#main.cc-myapge .spot_gender_area .spot {
  display: inline-block;
  padding-left: 26px;
  background: url("/images/common/icon_gps.png") no-repeat left top;
  line-height: 25px;
}
#main.cc-myapge .spot_gender_area .gender {
  display: inline-block;
  margin-left: 30px;
  padding-left: 28px;
  background: url("/images/common/icon_men.png") no-repeat left top;
  line-height: 25px;
}
#main.cc-myapge #cover-mypage .coverimage_area {
  position: relative;
  vertical-align: middle;
  height: 450px;
  overflow: hidden;
}
#main.cc-myapge #cover-mypage .coverimage_area .canvas {
  position: absolute;
  width: 100%;
}
#main.cc-myapge #cover-mypage .coverimage_area img {
  max-width: 100%;
  vertical-align: top;
}
#main.cc-myapge .mypage_menu_wrapper {
  margin: 30px 0 0;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private {
  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;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li {
  position: relative;
  width: 222px;
  border-radius: 6px 6px 0 0;
  background-color: #e8e8e8;
  border-bottom: 2px solid #e12b5a;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li.-current {
  border-bottom: 2px solid #fff;
  background-color: #fff;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li.-current a {
  color: #e12b5a;
  border: 2px solid #e12b5a;
  border-bottom: none;
  background-color: #FFF;
  cursor: default;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li.-current a:before {
  top: -100%;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li.-current a:after {
  display: none;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li.-current a span {
  color: #e12b5a;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li + li:after {
  position: absolute;
  bottom: -2px;
  left: -12px;
  content: "";
  height: 2px;
  width: 14px;
  background-color: #e12b5a;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li:nth-child(2):after, #main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li:nth-child(4):after {
  left: -13px;
  width: 15px;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li:not(.-current) a:hover:before {
  top: 0;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li:not(.-current) a:hover:after {
  display: none;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li:not(.-current) a:hover span {
  color: #fff;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li a {
  position: relative;
  border-radius: 6px 6px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 70px;
  overflow: hidden;
  display: block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li a:after, #main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: top 0.25s ease;
  transition: top 0.25s ease;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li a:before {
  top: 100%;
  background-color: #e12b5a;
  z-index: 2;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li a:after {
  top: 0;
  background-color: #e8e8e8;
  z-index: 1;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private li a span {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #666;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private.private__member li {
  width: 300px;
}
#main.cc-myapge .mypage_menu_wrapper .mypage_menu .private.private__member li + li:after {
  left: -12px;
  width: 14px;
}
#main.cc-myapge .mypage_info {
  background: url("/images/common/ico_info.png") no-repeat left top;
  margin: 35px 40px 0;
  padding: 3px 0 3px 40px;
  font-size: 14px;
}
#main.cc-myapge .feedlist {
  margin: 30px 0 0;
}
#main.cc-myapge .feedlist > li {
  position: relative;
  padding: 35px 40px 40px;
  background-color: #f9f9f9;
}
#main.cc-myapge .feedlist > li + li {
  margin-top: 20px;
}
#main.cc-myapge .feedlist > li.clipped:after {
  content: url("/images/sub/copenclub/icon_clip.png");
  position: absolute;
  top: 0;
  left: 0;
}
#main.cc-myapge .feedlist > li.isNew .thread_message {
  padding: 0 0 0 83px;
  background: url("/images/common/icon_new_02.png") no-repeat left 2px;
}
#main.cc-myapge .feedlist > li .top .head_top_icon {
  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;
  padding: 0 0 27px;
}
#main.cc-myapge .feedlist > li .top .head_top_icon .thread_message {
  font-weight: bold;
  font-size: 16px;
}
#main.cc-myapge .feedlist > li .top .head_top_icon .time {
  margin: 0;
  color: #999;
  font-size: 12px;
}
#main.cc-myapge .feedlist > li .box_message {
  border-top: 1px solid #cdcdcd;
}
#main.cc-myapge .feedlist > li .box_message .comment_box_head .member {
  margin: 25px 0 0;
}
#main.cc-myapge .feedlist > li .box_message .comment_box_head .member 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;
}
#main.cc-myapge .feedlist > li .box_message .comment_box_head .member a .member__icon 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;
}
#main.cc-myapge .feedlist > li .box_message .comment_box_head .member a .member__icon .user_icon {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
#main.cc-myapge .feedlist > li .box_message .comment_box_head .member a .member__name {
  padding: 0 0 0 10px;
  font-size: 13px;
}
#main.cc-myapge .feedlist > li .box_message .comment_box_head .member a:hover .member__icon img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#main.cc-myapge .feedlist > li .box_message .comment_box_head .member a:hover .member__name {
  color: #e34268 !important;
}
#main.cc-myapge .feedlist > li .box_message h3 {
  padding: 25px 0 15px;
  font-size: 20px;
}
#main.cc-myapge .feedlist > li .box_message h3 a {
  font-weight: bold;
}
#main.cc-myapge .feedlist > li .box_message .comment {
  padding: 0;
}
#main.cc-myapge .feedlist > li .box_message .comment_box .with_photo {
  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;
}
#main.cc-myapge .feedlist > li .box_message .comment_box .with_photo .comment {
  width: 488px;
}
#main.cc-myapge .feedlist > li .box_message .comment_box .with_photo .photo {
  width: 300px;
}
#main.cc-myapge .feedlist > li .box_message .comment_box .with_photo .photo img {
  max-width: 100%;
}
#main.cc-myapge .feedlist > li .box_message .tag_area {
  margin: 35px 0 0;
}
#main.cc-myapge .feedlist > li .box_message .tag_area .red_tag {
  margin: -7px 0 0 -5px;
  letter-spacing: -.40em;
}
#main.cc-myapge .feedlist > li .box_message .tag_area .red_tag li {
  position: relative;
  letter-spacing: normal;
  display: inline-block;
  margin: 7px 0 0 5px;
}
#main.cc-myapge .feedlist > li .box_message .tag_area .red_tag li a {
  display: block;
  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;
}
#main.cc-myapge .feedlist > li .box_message .tag_area .red_tag li a.categoryform__category-item {
  color: #fff;
  background-color: #e12b5a;
  border: 1px solid #e12b5a;
}
#main.cc-myapge .feedlist > li .box_message .tag_area .red_tag li a:hover {
  border-color: #999;
  color: #fff;
  background-color: #999;
}
#main.cc-myapge .btn-more-feed {
  margin: 80px 0 0;
  text-align: center;
}
#main.cc-myapge .btn-more-feed #feed_more_button {
  border: none;
  padding: 0;
  background-color: none;
  cursor: pointer;
}
#main.cc-myapge .upload_photo {
  margin: 30px 0 0 40px;
}
#main.cc-myapge .upload_photo h3 {
  font-size: 26px;
  font-weight: bold;
}
#main.cc-myapge .upload_photo .text {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
#main.cc-myapge .upload_photo .btn-upload {
  margin: 25px 0 0;
  padding: 0 0 30px;
}
#main.cc-myapge .upload_photo .btn-upload #js-photo-add {
  border: none;
  padding: 0;
  background: url("/images/sub/copenclub/mypage/btn_photo_upload_on.png") no-repeat left top;
  cursor: pointer;
}
#main.cc-myapge .upload_photo .btn-upload #js-photo-add img {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
#main.cc-myapge .upload_photo .btn-upload #js-photo-add:hover img {
  opacity: 0;
}
#main.cc-myapge .album_category {
  margin: 30px 0 0;
  padding: 30px 20px 0;
  background-color: #f9f9f9;
}
#main.cc-myapge .album_category .category {
  border-bottom: 1px solid #cdcdcd;
  margin: -7px 0 0 -5px;
  padding: 0 0 20px;
  letter-spacing: -.40em;
}
#main.cc-myapge .album_category .category li {
  position: relative;
  letter-spacing: normal;
  display: inline-block;
  margin: 7px 0 0 5px;
}
#main.cc-myapge .album_category .category li a {
  display: block;
  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;
}
#main.cc-myapge .album_category .category li a:hover {
  color: #fff;
  background-color: #999;
}
#main.cc-myapge .album_category .category li a.active {
  color: #fff;
  background-color: #e12b5a;
  border: 1px solid #e12b5a;
}
#main.cc-myapge .album {
  background-color: #f9f9f9;
  padding: 20px;
}
#main.cc-myapge .album > ul {
  position: relative;
  width: 100% !important;
}
#main.cc-myapge .album > ul li {
  width: 280px;
  background-color: #FFF;
}
#main.cc-myapge .album > ul li .album_img a {
  display: block;
  overflow: hidden;
}
#main.cc-myapge .album > ul li .album_img a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#main.cc-myapge .album > ul li .album_img img {
  max-width: 100%;
  vertical-align: top;
  -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;
}
#main.cc-myapge .album > ul li .album_img .pht-new {
  position: absolute;
  right: 10px;
  top: -25px;
}
#main.cc-myapge .album > ul li .album-tag-box {
  margin: 13px 0 0 15px;
  padding: 0;
  letter-spacing: -.40em;
}
#main.cc-myapge .album > ul li .album-tag-box a {
  letter-spacing: normal;
  display: inline-block;
  margin: 5px 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;
}
#main.cc-myapge .album > ul li .album-tag-box a:hover {
  color: #fff;
  background-color: #999;
}
#main.cc-myapge .album > ul li .post_date {
  margin: 10px 20px;
  color: #999;
}
#main.cc-myapge .album > ul li .category_type {
  margin: 0 20px;
}
#main.cc-myapge .album > ul li .category_type .name__board {
  display: inline-block;
  padding-left: 26px;
  background: url("/images/sub/copenclub/icon_board.png") no-repeat left center;
}
#main.cc-myapge .album > ul li .category_type .name__member {
  display: inline-block;
  padding-left: 26px;
  background: url("/images/sub/copenclub/icon_member.png") no-repeat left center;
}
#main.cc-myapge .album > ul li .pht-headset {
  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;
  margin: 10px 20px;
  padding: 13px 0 0;
  border-top: 1px solid #cdcdcd;
}
#main.cc-myapge .album > ul li .pht-headset .heart {
  display: inline-block;
  padding: 0 0 0 30px;
  background: url("/images/common/icon_heart_off.png") no-repeat left center;
  background-size: 17px auto;
}
#main.cc-myapge .album > ul li .pht-headset .heart:hover {
  background: url("/images/common/icon_heart_on.png") no-repeat left center;
  background-size: 17px auto;
}
#main.cc-myapge .album > ul li .pht-headset .heart.isActiv {
  background: url("/images/common/icon_heart_on.png") no-repeat left center;
  background-size: 17px auto;
}
#main.cc-myapge .album > ul li .pht-headset .remove-button {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
#main.cc-myapge .album > ul li .pht-headset .remove-button:hover {
  opacity: 0.5;
}
#main.cc-myapge .btn-more-album {
  padding: 60px 0 105px;
  text-align: center;
  background-color: #f9f9f9;
}
#main.cc-myapge .btn-more-album #album_more_button {
  border: none;
  padding: 0;
  background-color: none;
  cursor: pointer;
}
#main.cc-myapge .tab-area {
  margin: 30px 0 0;
  letter-spacing: -.40em;
  text-align: center;
}
#main.cc-myapge .tab-area li {
  display: inline-block;
  letter-spacing: normal;
  width: 265px;
}
#main.cc-myapge .tab-area li + li {
  margin-left: 5px;
}
#main.cc-myapge .tab-area li.selected a {
  background-color: #000;
}
#main.cc-myapge .tab-area li.selected a span {
  background: url("/images/common/icon_arrow_white_bottom.png") no-repeat right 34px center;
  background-size: 11px auto;
}
#main.cc-myapge .tab-area li a {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background-color: #999;
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
#main.cc-myapge .tab-area li a span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 6px 30px;
  position: relative;
  text-align: center;
  z-index: 1;
  background: url("/images/common/icon_arrow_white_bottom.png") no-repeat right 34px center;
  background-size: 11px auto;
}
#main.cc-myapge .tab-area li a: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;
}
#main.cc-myapge .tab-area li a:hover span {
  color: #fff;
}
#main.cc-myapge .tab-area li a:hover:after {
  width: 100%;
  left: -10%;
  width: 120%;
}
#main.cc-myapge .active_list li {
  margin-top: 20px;
  background-color: #f9f9f9;
}
#main.cc-myapge .active_list li .activity_table {
  width: 100%;
  table-layout: fixed;
  /* IE < 8 */
}
#main.cc-myapge .active_list li .activity_table th {
  width: 40px;
  background-color: #eee;
}
#main.cc-myapge .active_list li .activity_table th.activity_photo {
  background: url("/images/sub/copenclub/mypage/icon_photo_activity.png") no-repeat center center #eee;
}
#main.cc-myapge .active_list li .activity_table th.activity_cmt {
  background: url("/images/sub/copenclub/mypage/icon_comment_activity.png") no-repeat center center #eee;
}
#main.cc-myapge .active_list li .activity_table th.activity_my {
  background: url("/images/sub/copenclub/mypage/icon_human_activity.png") no-repeat center center #eee;
}
#main.cc-myapge .active_list li .activity_table td {
  padding: 35px 40px 35px 30px;
}
#main.cc-myapge .active_list li .activity_table .active_list_cont_box:before,
#main.cc-myapge .active_list li .activity_table .active_list_cont_box:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
#main.cc-myapge .active_list li .activity_table .active_list_cont_box:after {
  clear: both;
}
#main.cc-myapge .active_list li .activity_table .active_list_cont_box {
  zoom: 1;
}
#main.cc-myapge .active_list li .activity_table .thread_message {
  font-weight: bold;
  font-size: 16px;
}
#main.cc-myapge .active_list li .activity_table .thread_message a, #main.cc-myapge .active_list li .activity_table .thread_message span {
  font-weight: bold;
}
#main.cc-myapge .active_list li .activity_table .box_bin {
  float: right;
  letter-spacing: -.40em;
}
#main.cc-myapge .active_list li .activity_table .box_bin div {
  letter-spacing: normal;
  display: inline-block;
  margin-left: 10px;
}
#main.cc-myapge .active_list li .activity_table .box_bin div a {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
#main.cc-myapge .active_list li .activity_table .box_bin div a:hover {
  opacity: 0.5;
}
#main.cc-myapge .active_list li .activity_table .time {
  color: #999;
}
#main.cc-myapge .active_list li .activity_table .box_message {
  margin: 20px 0 0;
}
#main.cc-myapge .active_list li .activity_table .box_message .comment {
  margin: 0;
}
#main.cc-myapge .btn-more-activity {
  margin: 60px 0 0;
  text-align: center;
}
#main.cc-myapge .btn-more-activity #activity_more_button {
  border: none;
  padding: 0;
  background-color: none;
  cursor: pointer;
}
#main.cc-myapge .favorite_list {
  margin: 30px 0 0;
}
#main.cc-myapge .favorite_list li {
  position: relative;
  padding: 40px 40px 20px 40px;
  background-color: #f9f9f9;
}
#main.cc-myapge .favorite_list li + li {
  margin-top: 20px;
}
#main.cc-myapge .favorite_list li.clipped:after {
  content: url("/images/sub/copenclub/icon_clip.png");
  position: absolute;
  top: 0;
  left: 0;
}
#main.cc-myapge .favorite_list li .box_message h3 {
  font-size: 16px;
  font-weight: bold;
}
#main.cc-myapge .favorite_list li .box_message h3 a {
  font-weight: bold;
}
#main.cc-myapge .favorite_list li .box_message .time {
  color: #999;
}
#main.cc-myapge .favorite_list li .box_message .comment {
  margin: 20px 0 0;
  font-size: 14px;
}
#main.cc-myapge .favorite_list li .box_message .with_photo {
  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;
}
#main.cc-myapge .favorite_list li .box_message .with_photo .comment {
  width: 488px;
}
#main.cc-myapge .favorite_list li .box_message .with_photo .photo {
  margin: 20px 0 0;
  width: 300px;
}
#main.cc-myapge .favorite_list li .box_message .with_photo .photo img {
  max-width: 100%;
}
#main.cc-myapge .favorite_list li .box_message .bottom {
  margin: 15px 0 0 -5px;
  letter-spacing: -.40em;
}
#main.cc-myapge .favorite_list li .box_message .bottom a span {
  letter-spacing: normal;
  display: inline-block;
  margin: 5px 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;
}
#main.cc-myapge .favorite_list li .box_message .bottom a span:hover {
  color: #fff;
  background-color: #999;
  border: 1px solid #cdcdcd;
}
#main.cc-myapge .favorite_list li .box_about {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #cdcdcd;
}
#main.cc-myapge .favorite_list li .box_about .bottom_box 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;
}
#main.cc-myapge .favorite_list li .box_about .bottom_box a .ownerPic {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #000;
  border-radius: 50%;
}
#main.cc-myapge .favorite_list li .box_about .bottom_box a .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;
}
#main.cc-myapge .favorite_list li .box_about .bottom_box a .ownerTxt {
  padding: 0 0 0 15px;
  color: #999;
}
#main.cc-myapge .favorite_list li .box_about .bottom_box a .ownerTxt .nickname {
  color: #333;
}
#main.cc-myapge .favorite_list li .box_about .bottom_box a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#main.cc-myapge .favorite_list li .box_about .bottom_box a:hover .ownerTxt {
  color: #e34268 !important;
}
#main.cc-myapge .favorite_list li .box_about .bottom_box a:hover .ownerTxt .nickname {
  color: #e34268 !important;
}
#main.cc-myapge .favorite_list li .count_box > div {
  display: inline-block;
}
#main.cc-myapge .favorite_list li .count_box > div + div {
  margin-left: 40px;
}
#main.cc-myapge .favorite_list li .count_box .command-like {
  padding: 6px 0 6px 32px;
  background: url("/images/common/icon_heart_off.png") no-repeat left center;
  cursor: pointer;
}
#main.cc-myapge .favorite_list li .count_box .command-like:hover {
  color: #333;
  background: url("/images/common/icon_heart_on.png") no-repeat left center;
}
#main.cc-myapge .favorite_list li .count_box .command-like.isActiv {
  background: url("/images/common/icon_heart_on.png") no-repeat left center;
}
#main.cc-myapge .favorite_list li .count_box .comments {
  padding: 6px 0 6px 32px;
  background: url("/images/common/icon_comment.png") no-repeat left center;
}
#main.cc-myapge .favorite_list li .count_box .command-favorite {
  padding: 6px 0 6px 32px;
  background: url("/images/common/icon_favorite_off.png") no-repeat left center;
}
#main.cc-myapge .favorite_list li .count_box .command-favorite:hover {
  color: #333;
  background: url("/images/common/icon_favorite_on.png") no-repeat left center;
}
#main.cc-myapge .favorite_list li .count_box .command-favorite.isActiv {
  background: url("/images/common/icon_favorite_on.png") no-repeat left center;
}
#main.cc-myapge .btn-more-favorite {
  margin: 60px 0 0;
  text-align: center;
}
#main.cc-myapge .btn-more-favorite #favorite_more_button {
  border: none;
  padding: 0;
  background-color: none;
  cursor: pointer;
}

/*----------------------------------------
退会
----------------------------------------*/
.resign__box {
  margin: 0 auto;
  width: 720px;
  text-align: center;
}
.resign__box h1 {
  font-size: 18px;
}
.resign__box .resign__btn {
  margin: 50px 0 0;
}
.resign__box .resign__btn ul {
  letter-spacing: -.40em;
}
.resign__box .resign__btn ul li {
  display: inline-block;
  letter-spacing: normal;
}
.resign__box .resign__btn ul li + li {
  margin-left: 30px;
}
.resign__box .resign__btn ul li a {
  width: 230px;
}
.resign__box .resign__btn ul li a span {
  background: none;
}
.resign__box .resign__btn ul li a:hover span {
  background: none;
}
.resign__box .note {
  text-align: left;
  font-size: 14px;
}

/*----------------------------------------
メンバーズポリシー
----------------------------------------*/
.members-policy__items {
  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: 20px 0 0;
}
.members-policy__items .item {
  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;
  width: 630px;
  margin: 20px 0 0;
  padding: 25px 0;
  background-color: #f9f9f9;
}
.members-policy__items .item .item__pic {
  width: 160px;
  text-align: center;
}
.members-policy__items .item .item__txt {
  width: 470px;
}
.members-policy__items .item .item__txt h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
}
.members-policy__items .item .item__txt p {
  margin: 3px 0 0;
  font-size: 16px;
}

.members-policy__txt {
  margin: 50px 0 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

/*----------------------------------------
Copen Clubでできること
----------------------------------------*/
.secWrapper .secWrapper-inner .ttl-lead__tutorial {
  margin-top: 20px;
  font-size: 16px;
}
.secWrapper .secWrapper-inner .tutorial__secWrapper-box {
  text-align: center;
  margin: 0 auto;
  padding: 30px 40px 0;
}
.secWrapper .secWrapper-inner .tutorial__secWrapper-box p {
  margin: 0;
  font-size: 14px;
}
.secWrapper .secWrapper-inner .tutorial__secWrapper-box .tutorial__link {
  margin: 40px 0 25px;
}
.secWrapper .secWrapper-inner .tutorial__secWrapper-box .tutorial__btn-login .btn__large {
  width: 350px;
}

.tutorial__enjoy {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1280px;
  margin: -40px auto 0;
  padding: 40px 60px 50px;
  background-color: #FFF;
}
.tutorial__enjoy h2.ttl-center {
  font-size: 40px;
}
.tutorial__enjoy .tutorial__items-enjoy {
  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;
}
.tutorial__enjoy .tutorial__items-enjoy .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 555px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.tutorial__enjoy .tutorial__items-enjoy .item .item__pic {
  width: 197px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.tutorial__enjoy .tutorial__items-enjoy .item .item__txt {
  width: 337px;
  padding: 20px 0 0;
}
.tutorial__enjoy .tutorial__items-enjoy .item h3 {
  font-size: 22px;
  font-weight: bold;
}
.tutorial__enjoy .tutorial__items-enjoy .item p {
  margin: 10px 0 0;
  font-size: 16px;
}

.tutorial__enjoy-note {
  margin: 15px 0 0;
  text-align: center;
  font-size: 12px;
}

.tutorial__items .item {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #f2f2f2;
}
.tutorial__items .item + .item {
  margin-top: 20px;
}
.tutorial__items .item .item__info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  width: 50%;
  padding: 30px 40px 35px;
  text-align: center;
  background-color: #FFF;
}
.tutorial__items .item .item__info h4 {
  padding: 0 0 30px;
  font-size: 24px;
  font-weight: bold;
}
.tutorial__items .item .item__info .item__info-pic {
  padding-bottom: 30px;
}
.tutorial__items .item .item__info .item__info-pic img {
  vertical-align: top;
}
.tutorial__items .item .item__info p {
  margin: 0;
  font-size: 16px;
  text-align: left;
}
.tutorial__items .item .item__info .note {
  margin: 5px 0 0;
  font-size: 12px;
  color: #999;
}
.tutorial__items .item .item__howto {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  width: 50%;
  padding: 30px 40px;
  vertical-align: top;
}
.tutorial__items .item .item__howto h5 {
  padding: 0 0 10px;
  font-size: 18px;
  font-weight: bold;
}
.tutorial__items .item .item__howto h6 {
  padding: 10px 0 0;
  font-size: 18px;
  font-weight: bold;
}
.tutorial__items .item .item__howto p {
  margin: 0;
  font-size: 14px;
}
.tutorial__items .item .item__howto img {
  vertical-align: top;
}
.tutorial__items .item .item__howto .item__howto-step {
  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;
}
.tutorial__items .item .item__howto .item__howto-step li {
  width: 240px;
}
.tutorial__items .item .item__info-column {
  margin: 35px 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;
}
.tutorial__items .item .item__info-column .item__info-col {
  width: 48%;
  text-align: center;
}
.tutorial__items .item .item__info-column .item__info-col + .item__info-col {
  width: 52%;
}
.tutorial__items .item .item__info-column .item__info-col .item__info-pic {
  height: 93px;
  line-height: 93px;
}
.tutorial__items .item .item__info-column .item__info-col .item__info-pic img {
  vertical-align: bottom;
}
.tutorial__items .item .item__info-column .item__info-col p {
  font-size: 12px;
  text-align: center;
}
.tutorial__items .item .item__info-column .item__info-col p .bold {
  font-weight: bold;
}

.tutorial__items-step {
  margin: 50px 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;
}
.tutorial__items-step .item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  padding: 30px 40px 25px;
  background-color: #FFF;
}
.tutorial__items-step .item h4 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.tutorial__items-step .item .item__pic {
  margin: 10px 0 0;
  text-align: center;
  height: 70px;
  line-height: 70px;
}
.tutorial__items-step .item .item__pic img {
  vertical-align: middle;
}
.tutorial__items-step .item p {
  margin: 16px 0 0;
  font-size: 14px;
}

.tutorial__btn {
  margin: 40px 0 0;
  text-align: center;
}
.tutorial__btn .btn__large {
  min-width: 340px;
}
.tutorial__btn .btn__large span {
  padding-left: 45px;
  padding-right: 45px;
}

.tutorial__items-event {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.tutorial__items-event .item {
  display: table-cell;
  padding: 115px 0 105px;
  text-align: center;
  color: #fff;
  vertical-align: top;
}
.tutorial__items-event .item h3 {
  padding: 0 0 50px;
}
.tutorial__items-event .item h3 img {
  vertical-align: top;
}
.tutorial__items-event .item p {
  margin: 0;
  font-size: 14px;
  line-height: 1.9;
}
.tutorial__items-event .item.item__topics {
  background: url("/images/sub/copenclub/tutorial/img_event_01.jpg") no-repeat center center #000;
  background-size: cover;
}
.tutorial__items-event .item.item__archive {
  background: url("/images/sub/copenclub/tutorial/img_event_02.jpg") no-repeat center center #000;
  background-size: cover;
}