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

          Copen Club CSS
          Last Up Date 14/05/19 ( Last Edditor : Yamade )

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


@charset "utf-8";



/* Copne 2nd Navigation
=======================================================================*/

#copen-gnav {
	width: 100%;
	border-top: 1px solid #d7d7d7;
	/*
	border-bottom: 1px solid #d7d7d7;
	*/
	background-color: #000;
	position: relative;
}
  #copen-gnav ul {
	  width: 1000px;
	  margin: 0 auto;
	  position: relative;
	  height: 50px;
 }
    #copen-gnav ul li {
	    position: absolute;
	    height: 48px;
		font-size: 14px;
		text-indent: -9999px;


    }
      #copen-gnav ul li a {
	      display: block;
	      height: 48px;
      }
      #copen-gnav ul li#copen-club-top {
	      left: 0;
	      width: 74px;
		  text-indent: -9999px;
		  background: url(/images/sub/copen_club/btn_copen_club_top.png) no-repeat center center;
      }
	    #copen-gnav ul li#copen-club-top:hover {
			opacity: 0.7;
	    }
      #copen-gnav ul li#copen-bbs {
	      left: 92px;
		  width: 121px;

      }
	    #copen-gnav ul li#copen-bbs a {
	        width: 136px;
		    background: url(/images/sub/copen_club/nav_2nd_board.gif?_t=1) no-repeat;
		}
	    #copen-gnav ul li#copen-bbs a:hover {
	        width: 136px;
		    background: url(/images/sub/copen_club/nav_2nd_board-2.gif?_t=1) no-repeat;
		}
	    #copen-gnav ul li#copen-bbs.copen-club-nav-active a {
	        width: 136px;
		    background: url(/images/sub/copen_club/nav_2nd_board-2.gif?_t=1) no-repeat;
		}

      #copen-gnav ul li#copen-pht {
	      left: 243px;
	      width: 95px;
      }
        #copen-gnav ul li#copen-pht a {
	        width: 95px;
		    background: url(/images/sub/copen_club/nav_2nd_photo.gif?_t=1) no-repeat;
        }
        #copen-gnav ul li#copen-pht a:hover {
	        width: 95px;
		    background: url(/images/sub/copen_club/nav_2nd_photo-2.gif?_t=1) no-repeat;
        }
        #copen-gnav ul li#copen-pht.copen-club-nav-active a {
	        width: 95px;
		    background: url(/images/sub/copen_club/nav_2nd_photo-2.gif?_t=1) no-repeat;
        }

      #copen-gnav ul li#copen-mypage {
	      left: 346px;
	      width: 66px;
      }
        #copen-gnav ul li#copen-mypage a {
	        width: 66px;
		    background: url(/images/sub/copen_club/nav_2nd_mypage.gif?_t=1) no-repeat;
        }
        #copen-gnav ul li#copen-mypage a:hover {
	        width: 66px;
		    background: url(/images/sub/copen_club/nav_2nd_mypage-2.gif?_t=1) no-repeat;
        }
        #copen-gnav ul li#copen-mypage.copen-club-nav-active a {
	        width: 66px;
		    background: url(/images/sub/copen_club/nav_2nd_mypage-2.gif?_t=1) no-repeat;
        }

      #copen-gnav ul li#copen-help {
	      left: 428px;
	      width: 114px;
		  font-size: 12px;
      }
        #copen-gnav ul li#copen-help a {
	        width: 114px;
		    background: url(/images/sub/copen_club/nav_2nd_howto.gif?_t=1) no-repeat;
        }
        #copen-gnav ul li#copen-help a:hover {
	        width: 114px;
		    background: url(/images/sub/copen_club/nav_2nd_howto-2.gif?_t=1) no-repeat;
        }
        #copen-gnav ul li#copen-help.copen-club-nav-active a {
	        width: 114px;
		    background: url(/images/sub/copen_club/nav_2nd_howto-2.gif?_t=1) no-repeat;
        }


        #copen-gnav ul li#copen-club-policy {
	        left: 552px;
	        width: 98px;
	  	    font-size: 12px;
        }
        #copen-gnav ul li#copen-club-policy a {
	        width: 98px;
		    background: url(/images/sub/copen_club/nav_2nd_policy.gif?_t=1) no-repeat;
        }
        #copen-gnav ul li#copen-club-policy a:hover {
	        width: 98px;
		    background: url(/images/sub/copen_club/nav_2nd_policy-2.gif?_t=1) no-repeat;
        }
        #copen-gnav ul li#copen-club-policy.copen-club-nav-active a {
	        width: 98px;
		    background: url(/images/sub/copen_club/nav_2nd_policy-2.gif?_t=1) no-repeat;
        }


#copen-gnav ul a.club-nav-active {
	color: #e51c58;
}

#copen-gnav ul li#copen-club-history {
  position: absolute;
  height: 48px;
  font-size: 12px;
  text-indent: 0;
  padding-left: 2;
  right: 0px;
  top: 14px;
}
#copen-gnav ul li#copen-club-history a {
  color: #e61e58;
}

/* Common
=======================================================================*/


#copen-club-main-sec {
	word-break: break-all;
	margin-top:132px;
}

.copen-club-sec {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: solid 1px #d5d5d5;
}

header.copen-club-head {

}
  header#copen-club-main-sec-head h1 {
	  font-size: 32px;
	  margin-bottom: 60px;
  }
  header.copen-club-head h1 {
	  font-size: 24px;
  }

/* Copne Cover
=======================================================================*/

#cover-copen {
	padding: 10px 0 50px 0;
	height: 270px;
}
  #cover-copen #cover-copen-main {
	  width: 1000px;
	  margin: 0 auto;
          left: -250px;
          position: relative;
  }

  #cover-copen #cover-copen-main .cover-copen-base {
        width: 1500px;
        left: 50px;
        position: relative;
  }

  #cover-copen #cover-copen-main .cover-copen-base .copenclub-logo {
        position: absolute;
        top: 0px;
        left: 200px;
  }

  #cover-copen #cover-copen-main .cover-icon {
        margin: 5px;
        border: 1px;
        width: 60px;
        height: 60px;
        overflow: hidden;
        display: inline-block;
        text-align: center;
  }

  #cover-copen #cover-copen-main .cover-icon img {
        width: auto;
        max-height: 60px;
  }

  #cover-copen #cover-copen-sub {
	  width: 1000px;
	  height: 146px;
	  margin: 0 auto;
	  padding-top: 100px;
	  text-align: center;
  }
    #cover-copen #cover-copen-sub h2 {
		color: #fff;
		font-size: 30px;

		letter-spacing: 2px;
	}

/* Copne Cover（仮）
=======================================================================*/

#copen-cover-wrapper {
	background: url(/images/sub/copen_club/cover_copen.jpg) center top;
	height: 470px;
	margin-bottom: 40px;
}
  #copen-cover-wrapper #cover-inner {
	  width: 1000px;
	  margin: 0 auto;
	  position: relative;
	  height: 470px;
  }

    #copen-cover-wrapper #cover-inner #logo-copen-club {
	    position: absolute;
	    top: 50px;
	    right: 30px;
    }



/* Main Navigation
=======================================================================*/

#copen-nav {
	position: absolute;
	left: 0;
	margin-top: 50px;
	left: -35px;
	/*
	margin-top: -4px;
	*/
}



#copen-nav ul {
     position: relative;
     width: 283px;
     height: 208px;

}

#copen-nav li {
     position: absolute;
     width: 283px;
     height: 52px;
}

#copen-nav li#nav-board { top: 0;}
#copen-nav li#nav-photo { top: 52px; }
#copen-nav li#nav-mypage { top: 104px; }
#copen-nav li#nav-howto { top: 156px; }
#copen-nav li#nav-policy { top: 208px; }

#copen-nav li img {
	position: absolute;
	left: 2px;
	top: -1px;
}

#copen-nav li img.nav-ov{
	display: none;
}


/* Copen Club Top
=======================================================================*/

.signup-header {
	background-color: #f1f0f0;
 	margin-top: 132px;
}
.signup-header #copen-club-main-sec-head {
	text-align: center;
	padding: 66px 0;
}
.signup-header #copen-club-main-sec-head h1 {
	margin: 0;
}
#copen-club-main-sec .lead {
	text-align: center;
	font-size: 14px;
}
.copen-club-head .lead {
	margin-top: 25px;
}
#copen-club-main-sec h2 {
	font-size: 21px;
	text-align: center;
	padding: 20px 0;
	font-weight: bold;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

ul.copen-club-top-nav {
	background-color: #fff;
	padding: 25px;
}

ul.copen-club-top-nav li {
	/*width: 465px;*/
	float: left;
	margin-right: 20px;
}

ul.copen-club-top-nav button {
	margin-top: 0;
}

#copen-club-top-bbs-sec,
#copen-club-top-ofm-sec,
#copen-club-top-crl-sec,
#copen-club-top-cft-sec,
#copen-club-top-pts-sec {
	margin-top: 40px;
/*
	width: 235px;
	float: left;
	margin-left: 20px;
*/
}

#copen-club-top-pht-sec {
	width: 1000px;
}

.cc-top-bbs-head {
	margin-bottom: 30px;
}
.cc-top-pht-head,
.cc-top-nmb-head {
	margin-bottom: 25px;
}
  .cc-top-pht-head .title_l{
  	text-align: center;
  	margin-bottom: 35px;
  }

  .cc-top-bbs-head h2,
  .cc-top-pht-head h2 {
	  width: 117px;
	  height: 35px;
	  /***
	  font-size: 24px;
  	  padding-left: 40px;
  	  width: 300px;
  	  line-height: 1;
  	  ***/
  	  background: #a4a4a4;
	  float: left;
	  text-align: center;
	  position: relative;
  }
  .cc-top-pht-head h2,
  .cc-top-nmb-head h2{
  	width: 235px;
  	height: 35px;
  	background: #e51c58;
	text-align: center;
	position: relative;
	float: left;

  }
  .cc-top-pht-head p,
  .cc-top-nmb-head p{
  	font-size: 14px;
  	float: left;
  	width: 430px;
  	margin-left: 20px;
  	line-height: 40px;
  	margin-bottom: 0;
  	font-weight: bold;
  }
  .cc-top-bbs-head h2:after,
  .cc-top-pht-head h2:after,
  .cc-top-nmb-head h2:after{
  	content: '';
  	width: 7px;
  	height: 6px;
  	position: absolute;
  	top: 35px;
  	left: 50%;
  	margin-left: -5px;
  	background: url(/images/sub/copen_club/cc_stitle_pointer.png) no-repeat;
  }
  #copen-club-main-sec section h2 img{
  	margin-top: 12px;
  	margin-left: 8px;
  }

  .cc-top-bbs-head h2 {
  /***
	  background: url(/images/sub/copen_club/ic_bbs_cc_top.gif) no-repeat;
	  ***/
  }
  .cc-top-pht-head h2 {
  /***
	  background: url(/images/sub/copen_club/ic_pht_cc_top.gif) no-repeat;
	  ***/
  }

  .cc-top-pht-head h2 {
      margin-top:5px;
      margin-bottom:4px;
  }

  .copen-top-more {
	  width: 60px;
	  float: right;
	  margin-right: -8px;
	  margin-top: 6px;
  }
  .copen-top-more a:hover img {
	  opacity:0.8;
	  filter:alpha(opacity=80);
	  -ms-filter: "alpha( opacity=80 )";
  }
  .cc-top-bbs-head .copen-top-more {
      margin-top:4px;
  }
  .cc-top-pht-head .copen-top-more {
      margin-top:4px;
  }

 /* ver2 top sec */
#copen-club-main-sec .bbs_genre_mid{
	margin: 80px 0 0 -20px;
}
#copen-club-main-sec .bbs_genre_mid .more_detail{
	text-align: center;
	width: 235px;
	display: block;
	line-height: 38px;
	height: 33px;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}
#copen-club-main-sec .bbs_genre_btm .more_detail{
	text-align: center;
	width: 490px;
	display: block;
	line-height: 38px;
	height: 33px;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	margin: 50px auto 0;
}

#copen-club-main-sec .more_detail:hover img {
	  opacity:0.8;
	  filter:alpha(opacity=80);
	  -ms-filter: "alpha( opacity=80 )";
}

#copen-club-main-sec .bbs_genre_btm{
	margin-top: 65px;
}
#copen-club-main-sec .thread-subinfo{
	padding: 5px 0;
	border-top:1px solid #ececec;
}
#copen-club-main-sec .thread-subinfo .thread-like{
	float: left;
	border-right: 1px solid #c9c9c9;
	width: 115px;
	text-align: center;
	display: inline-block;
	height: 22px;
	line-height: 22px;
}
#copen-club-main-sec .thread-subinfo .thread-count{
	font-size: 13px;
}
#copen-club-main-sec .thread-subinfo .thread-like .btn-like a{
  background: url(/images/sub/copen_club/ic_like_off.png) no-repeat right;
  padding: 2px 20px 2px 0;
  display: inline;
  font-size: 11px;
}
#copen-club-main-sec .thread-subinfo .thread-comment{
	float: right;
	width: 115px;
	text-align: center;
	display: inline-block;
	line-height: 22px;
	height: 22px;
}
#copen-club-main-sec .thread-subinfo .thread-comment .btn-comment a{
	font-size: 11px;
	background: url(/images/sub/copen_club/ic_comment.png) no-repeat right;
	padding: 2px 20px 2px 0;
	display: inline;

}



/* Top Box Article */

.cc-top-box-list {
	/*margin-left: -20px;*/

}

  .cc-top-box-list .cc-top-box {
	  width: 240px;
	  /*margin-left: 19px;*/
	  margin-bottom: 30px;
	  float: left;
	  /*background-color: #efefef;*/
  }
    .cc-top-box-list .cc-top-box a {
		display: block;
		color: #000;
	}
    .cc-top-box-list .cc-top-box-tags a {
        display: inline-block;
    }
	.cc-top-box-list .cc-top-box .cc-top-box-pht {
		position:relative;
	}
	.cc-top-box-list .cc-top-box .cc-top-box-pht img.pht-new{
		bottom: -13px;
	    position: absolute;
	    right: 11px;
	}
    .cc-top-box-list .cc-top-box .cc-top-box-pht img:hover {
	  opacity:0.8;
	  filter:alpha(opacity=80);
	  -ms-filter: "alpha( opacity=80 )";
	}
    .cc-top-box-list .cc-top-box .cc-top-box-pht img {
		vertical-align: bottom;
		border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	}
    .cc-top-box-list .cc-top-box h2 {
		font-size: 12px;
		font-weight: bold;
		background: url(/images/sub/copen_club/cc_arrow_top.png) no-repeat bottom left 20px;
		background-color: #d7d7d7;
		padding: 15px 25px;
        word-wrap: break-word;

	}
	.cc-top-box-list .cc-top-box h2 {
		background-color: #000;
		color: #fff;
	}
    .cc-top-box-list .cc-top-box .cc-top-bbs-text {
		position: relative;
		padding: 15px 25px;
		border-bottom: 1px solid #c9c9c9;
	}
	.cc-top-box-list .cc-top-box .cc-top-box-prof {
		padding: 12px 20px;
		height: 96px;
	}
	  .cc-top-box-list .cc-top-box .cc-top-box-prof .prof-pht {
		  float: left;
		  width: 60px;
		  margin-right: 10px;
	  }
	  .cc-top-box-list .cc-top-box .cc-top-box-prof .prof-text {
		  float: left;
		  /*
		  padding-top: 1em;
          width: 100px;*/
	  }
	  .cc-top-box-list .cc-top-box .cc-top-box-prof .prof-text p {
		  margin-bottom: 0;
		  max-height: 65px;
          overflow: hidden;
          word-wrap: break-word;
		  width: 140px;
	  }
	  .cc-top-box-list .cc-top-box .cc-top-box-prof .prof-text p span.bold{
		  font-weight: bold;
	  }
	  .cc-top-box-list .cc-top-box .cc-top-box-prof .prof-text time {
		  font-size: 11px;
	  }


    .cc-top-box-list .cc-top-box .pht-headset {
		border-bottom: 2px solid #e50110;
	    border-top: 2px solid #e50110;
	    margin: 5px 5px 16px;
	    text-align: center;
		position: relative;
    }
	.cc-top-box-list .cc-top-box .pht-headset img.pht-headset-arrow{
		position:absolute;
		bottom: -17px;
		left: 111px;
    }

    .cc-top-box-list .cc-top-box .pht-headset .pht-like,
	.cc-top-box-list .cc-top-box .pht-headset .pht-like-2 {
		width: 100px;
		float: left;
		border-right: 1px solid #c9c9c9;
		height: 35px;
		line-height: 38px;
		background: url(/images/common/icon_like_off.png) no-repeat 12px 10px;
		font-weight: bold;
		text-align: right;
		background-size:15px;
    }
    .cc-top-box-list .cc-top-box .pht-headset .pht-like:hover,
	.cc-top-box-list .cc-top-box .pht-headset .pht-like-2:hover {
		background: url(/images/common/icon_like_on.png) no-repeat 12px 10px;
		background-size:15px;
    }

	.cc-top-box-list .cc-top-box .pht-headset .pht-like-2 {
		float: right;
		border: none;
	}
	  .cc-top-box-list .cc-top-box .pht-headset .pht-like a,
	  .cc-top-box-list .cc-top-box .pht-headset .pht-like-2 a {
		  display: block;
		  padding: 2px 0 2px 25px;
	  }
    .cc-top-box-list .cc-top-box .pht-headset .pht-cate,
	.cc-top-box-list .cc-top-box .pht-headset .pht-cate-2 {
		/*width: 134px;*/
		float: right;
		height: 35px;
		line-height: 35px;
		color: #999;
    }
	.cc-top-box-list .cc-top-box .pht-headset .pht-cate-2 {
		/*border-right: 1px solid #c9c9c9;*/
		color: #404040;
	    float: left;
	    padding-left: 10px;
	}


/* ver2 top keyslide */

.cctop_keyslide{
	background-color: #fff;
	/*
	padding: 5px 0;
	*/
	position: relative;
	height: 360px;
}
.cctop_keyslide .ccslide_logo{
	position: absolute;
	top: 140px;
	left:50%;
	margin-left: -165px;
}
.cctop_keyslide ul{

	text-align: center;
}
.cctop_keyslide ul li{

}
.cctop_keyslide ul li img{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

/* ver2 top login button */
.general_entry{
	margin-top:16px;
}
.general_entry .cc_exp{
	background-color: #fff;
	width: 475px;
	padding: 10px 50px 0;
	height: 65px;
	font-size: 15px;
	float: left;
	font-weight: bold;
}

.general_entry .copen-club-top-nav{
	width: 360px;
	background: url('/images/sub/copen_club/cc_loginbg.jpg') repeat;
	padding: 18px 20px;
	float: right;
	height: 39px;
}
.general_entry .copen-club-top-nav li{
	height: 40px;
}

.general_entry .copen-club-top-nav li a:hover button {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.general_entry .copen-club-top-nav button{
	text-align: center;
	background-color: #e51c58;
	color: #fff;
	border: none;
	width: 100%;
	padding: 10px 0;
	cursor: pointer;
	font-size: 14px;
	width: 170px;
}





/* Copne Club BBS
=======================================================================*/


/* Sort Navigation */

ul.club-sort-nav {
	z-index: 1;
	width: 100%;
	height: 60px;
	position: relative;
	margin: 50px 0 20px;
}
  .club-sort-nav li {
	  position: absolute;
  }
    .club-sort-nav li.bbs-search {
    	left: 0;
	    top: 0;
	    width: 235px;
	    height: 60px;
	    border: 1px solid #d7d7d7;
	    background-position: 16px 14px;
	    background-repeat: no-repeat;
	    background-color: #fff;
    }

      .club-sort-nav li.bbs-search input[type='text'] {
	      width: 160px;
	      padding: 10px 5px;
	      font-size: 14px;
	      margin-top: 10px;
	      margin-left: 20px;
	      border: none;

      }
      .club-sort-nav li.bbs-search input[type='text']::-webkit-input-placeholder {
	      font-size: 14px;
      }

    .club-sort-nav li.club-category {
	    left: 253px;
    }
    .club-sort-nav li.club-desc {
	    left: 506px;
    }
    .club-sort-nav li.bbs-thread,
	.club-sort-nav li.pht-thread {
	    left: 765px;

	    background-image: url(/images/common/ic_pencil.png);
	    background-repeat: no-repeat;
	    background-position: 16px 14px;
    }
	.club-sort-nav li.pht-thread {
		background-image: none;
	}
      .club-sort-nav li.bbs-thread a,
	  .club-sort-nav li.pht-thread a {
	      display: block;
	      color: #fff;
		  background-color: #000;
	      width: 235px;
	      line-height: 60px;
	      text-align: center;
	      font-size: 14px;
      }

	  .club-sort-nav li.pht-thread a {
		  background: none;
      }

      .club-sort-nav li.bbs-thread a:hover,
	  .club-sort-nav li.pht-thread a:hover {
	      background-color: #666;
	      background-image: url(/images/common/ic_pencil.png);
	      background-repeat: no-repeat;
	      background-position: 16px 14px;
      }
	  .club-sort-nav li.pht-thread a:hover {
		  background: none;
	  }


      .club-sort-nav li.pht-thread .hosoku-balloon {
		  display: none;
		  position: relative;
	      margin-top: 15px;
	      background-color: #fff;
	      width: 195px;
	      padding: 15px 20px;
	      font-size: 12px;
      }

        .club-sort-nav li.pht-thread .hosoku-balloon p {
	        margin: 0;
        }
        .club-sort-nav li.pht-thread .hosoku-balloon a {
	        line-height: 1.6;
	        color: #000;
	        display: inline;
	        background: none;
	        font-size: 12px;
			font-weight: bold;
        }
        .club-sort-nav li.pht-thread .hosoku-balloon a:hover {
	        background: none;
	        display: inline;
			color: #999;
        }
		.club-sort-nav li.pht-thread .hosoku-balloon span {
			position: absolute;
			top: -14px;
			left: 110px;

		}

/* スレッドメニュー */

.thread-menu {
	width: 100%;
	text-align: center;
}
  .thread-menu li {
	  display: inline;
	  margin-right: 20px;
	  font-size: 14px;
	  padding-left: 24px;
  }
  .thread-menu li.thread-text-open {
	  background: url(/images/sub/copen_club/list_open_off_s.png) no-repeat;
  }
  .thread-menu li.thread-text-close {
	  background: url(/images/sub/copen_club/list_close_off_s.png) no-repeat;
  }
  .thread-menu li.thread-text-open-on {
	  color:  #e50110;
	  background: url(/images/sub/copen_club/list_open_on_s.png) no-repeat;
  }
  .thread-menu li.thread-text-close-on {
	  background: url(/images/sub/copen_club/list_close_on_s.png) no-repeat;
  }
  .thread-menu li.thread-text-open-on a,
  .thread-menu li.thread-text-close-on a {
	   color:  #e50110;
  }

/* スレッド */

.thread-cont {
	background: url(/images/sub/copen_club/bg_bbs_thread.gif) repeat-y;
	margin-bottom: 20px;
}

.thread-article {
	position: relative;
}

  .thread-body {
	  position: relative;
	  float: left;
	  width: 680px;
	  padding: 20px;
	  /*
	  background: url(/images/sub/copen_club/cc_arrow_left.gif) no-repeat right 40px;
	  */
	  min-height: 110px;
  }
    .thread-body h1,
    .thread-body h1 a{
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0.5em;
    }
    .thread-body-text {
        width: 650px;
	}
    .sub-comment-cont .thread-body-text {
        width: 590px;
	}
    .thread-body-text-bottom {
		/*position: absolute;
		bottom: 0;*/
	}

      .thread-body-text p {
          word-wrap: break-word;
	  }
      .thread-body-text .photo-wrapper {
          width: 110px;
          height: 65px;
          overflow: hidden;
          display: block;
          float: right;
          position: relative;
      }
	  .thread-body-text .photo-wrapper img {
		  float: right;
		  margin: 0 0 1em 1em;
      }
	  .thread-body-text img {
		  float: right;
		  margin: 0 0 1em 1em;
	  }

    .thread-body .thread-time {
		padding: 2px 0 5px 20px;
		font-size: 11px;
		background: url(/images/sub/copen_club/ic_time_s.png) no-repeat;

	}
    .thread-body .clip-action {
		margin-left: 1em;
		padding: 3px 0 5px 18px;
		font-size: 11px;
		background: url(/images/sub/copen_club/ic_clip_s.png) no-repeat;
	}
	.thread-body .clip-action a.command-favorite{
		font-weight: bold;
	}
    .thread-body .thread-tag {
        width:80px;
        height:20px;
        font-size: 10px;
        padding-left: 9px;
        display: inline-block;
        line-height: 20px;
        margin-right: 10px;
		background: url(/images/sub/mypage/tag.png) no-repeat;
	}
    .thread-body .thread-tag-2 {
        display: inline-block;
		padding: 9px 3px 7px 0px;
	}

.thread-body .thread-tag-2,
.side-thread-tagarea .thread-tag-2 {
	line-height: 2.8;
}

.thread-clip {
	position: absolute;
	top: -21px;
	left: -20px;
	width: 45px;
	height: 58px;
}

.thread-new {
	position: absolute;
	top: -10px;
	right: 20px;
	width: 27px;
	height: 26px;
}

/* ----- */

.thread-info {
	float: right;
	width: 255px;
}

  .thread-info .thread-prof-cont {
	  padding: 20px 20px 15px 20px;
	  background: url(/images/sub/copen_club/line_bbs_thread_01.gif) repeat-x bottom;

  }

    .thread-info .thread-prof-cont .thread-face {
	    width: 50px;
	    height: 50px;
	    float: left;
    }
    .thread-info .thread-prof-cont .thread-name {
	    width: 150px;
	    height: 35px;
	    margin-left: 15px;
	    float: right;
	    padding-top: 15px;
        word-wrap: break-word;
    }

  .thread-info .thread-subinfo {
	  margin: 15px 20px 20px 20px;
	  border-left: 1px solid #c9c9c9;
	  height: 50px;
  }
  .thread-info .thread-subinfo .thread-like,
  .thread-info .thread-subinfo .thread-comment {
	  border-right: 1px solid #c9c9c9;
	  text-align: center;
	  width: 105px;
	  height: 38px;
	  float: left;
	  padding: 6px 0;
	  font-size: 11px;
  }

.thread-count {
	font-size: 16px;
	font-weight: bold;
}

.btn-like {
}
.btn-like a {
	background: url(/images/sub/thread/icon_star_off.png) no-repeat;
	padding: 0px 2px 0px 14px;
}
.btn-like a:hover {
	background: url(/images/sub/thread/icon_star_on.png) no-repeat;
}
.btn-comment a {
	background: url(/images/sub/copen_club/ic_comment.png) no-repeat;
	padding: 2px 0 2px 25px;
}


/* BBS 詳細 */


#bbs-detail-sec {
	margin: 50px 0;
	/*
	background: url(/images/sub/copen_club/bg_bbs_thread.gif) repeat-y;
	*/
	background-color: #fff;
}

#bbs-detail-body {
	float: left;
	width: 680px;
	background-color: #f1f0f0;
}

#bbs-detail-body .thread-body .thread-body-text p .text{
	margin-bottom: 40px;
	width: 465px;
	display: block;
}

#bbs-side {
	float: right;
	width: 255px;
}

#bbs-detail-sec .thread-body-text-bottom {
	position: absolute;
	bottom: 10px;
}

h1.bbs-detaile-h1 {
	font-size: 16px;
}

.main-comment {
	background-color: #e6e6e6;
	padding: 25px;
}

.main-comment-pht,
.main-comment-pht-arrow {
	float: left;
	width: 50px;
	padding-right: 20px;
}
.main-comment-pht-arrow {
/*
	background: url(/images/sub/copen_club/cc_arrow_left.gif) no-repeat right center;
*/
}

.bbs-side-prof-h {
	font-size: 14px;
	font-weight: bold;
	padding: 15px 20px 0;
	line-height: 1.6;
	margin-bottom: 0;
}

.main-comment-body {
	width: 625px;
	float:left;
}

.comment-write .bbs-refer-textarea {
	float: left;
	width: 420px;

}

  .comment-write .bbs-refer-textarea textarea {
	  width: 420px;
	  height: 70px;
  }

  .comment-write .bbs-refer-img {
	  float: right;
  }

.bbs-textarea-cap {
	padding: 10px 0 15px;
}

.bbs-textarea-cap .fb-post {
	float: left;
	width: 250px;
}

.bbs-textarea-cap .bbs-note {
	float: right;
	width: 150px;
	text-align: right;
}

.bbs-comment-atention {
	margin: 1em 0;
}

/* サブコメントエリア */

.sub-comment {
	padding: 40px 25px 25px;
}

.sub-comment-box {
	margin-bottom: 20px;
}

.sub-comment-cont {
	width: 625px;
	float:left;
	/*
	background-color: #fff;
	*/
}

.sub-comment-cont-top {
/*
	padding: 25px;
*/
	padding-bottom: 0px;
	margin-bottom: 20px;
}
div.sub-comment-cont-top.child-comment-area {
}

.sub-comment-head {
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.sub-comment-name {
	float: left;
	width: 280px;
}
.sub-comment-head time {
	display: block;
	float: right;
	width: 120px;
	padding: 0 0 0 20px;
	font-size: 11px;
	background: url(/images/sub/copen_club/ic_time_s.png) no-repeat;
}
.comment-res {


}
.comment-res a {
	color: #fff;
	padding: 5px 10px 5px 35px;
	background-color: #000;
	background-image: url(/images/sub/copen_club/ic_comment_s.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.comment-res a:hover {
	background-color: #666;
}

.sub-comment-mid {
	background-color: #e6e6e6;
	padding: 25px;
    display:none;
	margin-top: 20px;
	padding-bottom: 0;
	width: 575px;
}

.sub-comment-body {
	width: 500px;
	float:left;
}

.comment-write .bbs-sub-refer-textarea {
	float: left;
	width: 300px;

}
  .comment-write .bbs-sub-refer-textarea textarea {
	  width: 300px;
	  height: 70px;
  }



.comment-box{
	margin-top: 40px;
}
  .comment-box .box_balloon{
	  float: right;
	  width: 470px;
	  border: 1px solid #cecece;
	  position: relative;
	  padding: 15px;
	  margin-bottom: 20px;
	  margin-right: 10px;
  }
    .comment-box .box_balloon .thread-body-text{
        width: 450px;
    }
    .comment-box .box_balloon .balloon_edge{
		background:url(/images/sub/mypage/balloon_edge.jpg) no-repeat;
		width: 7px;
		height: 13px;
		position: absolute;
		top: 15px;
		left: -7px;
    }

.btn-more-view {
	margin-top: 20px;
	margin-left: 70px;
}


/* 掲示板詳細サイドエリア */

.bbs-side-reply-f {
	padding-bottom: 15px;
	background: url(/images/sub/copen_club/line_bbs_thread_01.gif) repeat-x bottom;
}

  .bbs-side-reply {
	  background: url(/images/sub/copen_club/cc_arrow_left_bk.gif) no-repeat 0 30px;
	  margin-left: 14px;
	  padding: 0 20px 0 6px;
  }
  .bbs-side-reply.overflow {
	  background: url(/images/sub/copen_club/cc_arrow_left_gr.png) no-repeat 0 30px;
  }
  .bbs-side-reply.overflow .default-btn,
  .bbs-side-reply.overflow .default-btn:hover{
	  background-color: #B2B2B2;
  }

.bbs-side-back {
	padding: 15px 20px;
    background: url(/images/sub/copen_club/line_bbs_thread_01.gif) repeat-x bottom;
}
  .bbs-side-back ul {
  }
    .bbs-side-back ul li {
		text-align: center;
		font-size: 14px;
		border: 1px solid #e6e6e6;
	}
	.bbs-side-back ul li:hover {
		border-color: #999;
	}
	  .bbs-side-back ul li a {
		  display: block;
		  height: 43px;
		  padding-top: 17px;
	  }
	  .bbs-side-back ul li a:hover {
		  color: #000;
	  }


/* ポップアップ関連 */

  .pop-prof-head {

  }

    .pop-prof-head .pop-face {
	    width: 50px;
	    height: 50px;
	    float: left;
    }
    .pop-prof-head .pop-name {
	    height: 35px;
	    margin-left: 15px;
	    float: left;
	    padding-top: 15px;
    }
.pop-comment {
	position: relative;
	margin-top: 30px;
	text-align: left;
	background-color: #e5e5e5;
	padding: 20px;
}
  .pop-comment p {
	  margin-bottom: 1em !important;
      word-wrap: break-word;
  }

#popup .form-submit {
	margin-right: -20px;
	padding: 0;
}

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

.comment-arrow {
	position: absolute;
	top: -7px;
	left: 20px;
	width: 14px;
	height: 7px;
	background: url(/images/sub/copen_club/cc_arrow_top_gray.gif) no-repeat;
}


/* スレッドを立てる */


.thread-write-cover {
	width: 300px;
	float: left;
	/*
	text-align: center;
	*/
	margin-bottom: 20px;
}


.thread-write-note {
	float: right;
	width: 470px;
	font-size: 12px;
}

/* BBS
=======================================================================*/

section.club-sec {
	margin: 50px 0;
}
header.club-sec-head {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #c9c9c9;
}

  header.club-sec-head h1 {
	  float: left;
	  width: 294px;

  }
  header.club-sec-head h1.pht-h1 {
	  background: url(/images/sub/copen_club/ic_camera.png) no-repeat 0 4px;
  }

  header.club-sec-head .bbs-lead {
	  float: right;
	  width: 490px;
	  font-size: 14px;
  }

/* COPEN CLUB MEMBER登録
=======================================================================*/

.signup-lead {
	margin: 25px auto 50px;
}
.signup-lead .lead {
  line-height: 2.2em;
}
.signup-lead ul {
	margin-top: 10px;
}
.how-to-img {
	margin: 30px auto 10px;
}
.howto-box {
	text-align: center;
}
.howto-box ul {
	margin-bottom: 40px;
}
.member-wrapp .lead {
	margin: 23px auto 10px;
	line-height: 2.2em;
}
.member-wrapp .lead-left {
  text-align: left;
  margin: 0px 20px 23px 20px;
}
.member-wrapp .member-title {
  margin-top: 30px;
  margin-bottom: 30px;
}
.member-wrapp .menber-login {
  text-align: center;
}
.member-wrapp .btn {
  padding: 5px 120px;
}
.member-wrapp .btn .icon {
  top: -1px;
	margin-right: 5px;
}
.logo_mark {
	margin: 0 auto;
	display: block;
}
ul.club-nav-joy {
	margin-bottom: 60px;
}

.member-wrapp {
	margin-bottom: 60px;
}

  .member-wrapp .member-box {
	  width: 330px;
	  float: left;
	  margin-right: 17px;
	  background-color: #fff;
	  padding: 20px;
	  min-height: 575px;
	  box-sizing: border-box;
	  border-radius: 5px;
  }
	.member-wrapp .member-box-white {
		background-color: #fff;
	}
	.member-wrapp .member-box-min {
		min-height: 0px;
	}
  .member-wrapp .member-box .member-box-logo {
  	height: 40px;
  	margin: 0 auto 20px;
  }
  .member-wrapp .member-box.member-box-100 {
    width: 100%;
    background-color: #f1f0f0;
    height: 245px;
    margin-bottom: 17px;
    padding: 35px 35px 20px 35px;
  }
  .member-wrapp .member-box.member-box-100 img {
    margin-bottom: 18px;
  }
  .member-wrapp .member-box.member-box-50 {
    width: 478px;
    background-color: #f1f0f0;
    height: 245px;
    position: relative;
    padding: 35px 35px 20px 35px;
  }
  .member-wrapp .member-box.member-box-50 img {
    margin-bottom: 18px;
  }
  .member-wrapp .member-box.member-box-50:last-child img {
    margin-bottom: 25px;
  }
  .member-wrapp .member-box.member-box-50 ._note {
    position: absolute;
    left: 0;
    bottom: -50px;
    text-align: left;
  }
  .member-wrapp .member-box.member-box-50 ._note p {
    font-size: 11px;

  }
  .member-wrapp .member-box h3,
  .card-area h3 {
  	  padding-bottom: 15px;
  	  margin-bottom: 35px;
  	  border-bottom: 1px solid #a8a8a8;
	  font-size: 14px;
	  font-weight: bold;
	  text-align: center;
	  }
  .member-wrapp .member-box p {
	  margin-bottom: 0;
	  font-size: 14px;
	  }
  .member-wrapp .member-box .member-kiyaku {
	  margin: 0 0 15px 0;
	  font-size: 11px;
	  padding-top: 12px;
	  }
  .member-wrapp .member-box p.note {
	    font-size: 11px;
	    margin-left: 14px;
	    text-indent: -14px;
	    line-height: 2.0em;
	    margin-top: 13px;
      margin-bottom: 20px;
	  }
    .member-wrapp .member-box-min p.note {
        margin-bottom: 0px;
    }
  .member-wrapp .member-box .member-box-footer {
  	border-top: 1px solid #a8a8a8;
  	margin-bottom: 0;
  }
  .member-wrapp .member-box .member-box-footer li {
  	margin-bottom: 5px;
  }
  .member-wrapp .member-box .btn-fb-signin {
    background-color: #3c589e;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 21px 0;
    text-align: center;
    width: 368px;
    border-radius: 5px;
    margin-top: 6px;
  }
  .member-wrapp .member-box .btn-fb-signin span {
  	margin-left: 8px;
  }
  .member-wrapp .member-box .btn-daihatsu-signin span {
    margin-left: 8px;
  }
  .member-wrapp .member-box .btn-owner-signin span {
    margin-left: 8px;
  }
  .member-wrapp .member-box .btn-daihatsu-signin {
    background-color: #e50110;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 21px 0;
    text-align: center;
    width: 368px;
    border-radius: 5px;
  }
  .member-wrapp .member-box .btn-owner-signin {
    background-color: #ee2d62;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 21px 0;
    text-align: center;
    width: 368px;
    border-radius: 5px;
  }
	.member-wrapp .member-box-min .btn-fb-signin,
	.member-wrapp .member-box-min .btn-daihatsu-signin,
	.member-wrapp .member-box-min .btn-owner-signin {
		margin: 0px;
		padding: 13px 0;
    width: 290px;
	}
  .member-wrapp .member-box .input-area-signup {
    margin: 0 -20px 10px;
    padding: 15px 30px 25px;
    background-color: #f1f0f0;
  }
  .member-wrapp .member-box .form-submit {
  	padding: 9px 0;
  }
  .member-wrapp .member-box form.login-form input[type="text"],
  .member-wrapp .member-box form.login-form input[type="password"] {
    background-color: #fff;
    border: 1px solid #adadad;
    float: none;
    font-size: 14px;
    margin-top: 0;
    padding: 7px;
    width: 274px;
    border-radius: 5px;
  }
  .member-wrapp .form-box {
	  width: 100%;
	  margin-right: 20px;
          }

  .member-wrapp .form-box h2 {
	  font-size: 16px;
	  font-weight: bold;
    margin-bottom: 25px;
  }

  .member-wrapp .form-box h3 {
	  font-size: 16px;
	  font-weight: bold;
          }
  .member-wrapp .form-box .lead {
          clear: both;
          }
  .member-wrapp .form-box .grey {
          color: #666;
          }

  .member-wrapp .form-box .again {
          background-color: #666;
          }

.card-area {
	background-color: #fff;
	padding: 25px;
}
  .card-area .card-area-l {
	  width: 570px;
	  float: left;
  }
  .card-area .card-area-r {
	  width: 380px;
	  float: right;
	  padding-top: 30px;
	  text-align: center;

  }
  button.owner-service {
	  width: 440px;
}

    button.owner-service span {
		background: url(/images/sub/copen_club/ic_key.png) no-repeat;
		padding: 2px 0 5px 20px;
	}
.sign_up_sec #copen-club-main-sec h2.red_ttl {
  padding:30px 0;
}
.sign_up_sec #copen-club-main-sec h2.red_ttl img {
  vertical-align: middle;
}
.sign_up_sec ._sub_ttl {
  text-align: center;
  font-size: 21px;
  font-weight: bold;
}
.sign_up_sec .bottom_arrow {
  position: relative;
  margin-bottom: 40px;
}
.sign_up_sec .bottom_arrow:after {
  position: absolute;
  content: '';
  width: 14px;
  height: 7px;
  bottom:-20px;
  left:50%;
  background: transparent url(/images/common/icon_bottom_arrow_v.png) no-repeat;
  transform: translate(-50%, 0);
}

.ac-container {
  text-align: center;
}
.ac-container label {
  padding: 5px 120px;
  display: inline-block;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  line-height: 28px;
  color: #fff;
  background: #000;
  margin: 0 auto 85px;
  text-align: center;
}
.ac-container input {
  display: none;
}
.ac-container ._cont {
  overflow: hidden;
  height: 0;
  transition: 0.4s;
  border-top: 2px solid transparent;
}
.ac-container input:checked ~ ._cont {
  height: 642px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  position: relative;
  overflow: visible;
  padding: 25px;
  margin-bottom: 40px;
}
.ac-container input:checked ~ ._cont:before,
.ac-container input:checked ~ ._cont:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 0;
  width: 0;
  height: 0;
  margin-top: 0px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #000 transparent;
}
.ac-container input:checked ~ ._cont:after {
  z-index: 1;
  margin-top: 2px;
  border-bottom-color: #fff;
}
.ac-container .label-btn {
  background: #000 url(/images/common/icon_arrow_signin.png) no-repeat 107px center;
}
.ac-container input:checked ~ .label-btn {
  background: #000 url(/images/common/icon_arrow_signin_bottom.png) no-repeat 107px center;
}
.sign_up_sec .sign-in-panel {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.sign_up_sec .sign-in-panel ._cursor {
  cursor: pointer;
}
.sign_up_sec ._cont p {
  font-size: 14px;
}
.sign_up_sec .ac-container p._sub_ttl {
  margin-bottom: 10px;
  font-size: 21px;
}
.sign_up_sec .bottom-login-area {
  border: 1px solid rgb(136, 136, 136);
  border-radius: 5px;
  padding: 35px;
}
.sign_up_sec .bottom-login-area ._text {
  text-align: center;
  font-size: 14px;
  line-height: 2em;
  margin-bottom: 15px;
}

.signup_form .form-input {
  width: 297px;
  float: left;
  text-align: left;
}
.signup_form .form-input:first-child {
  margin-right: 20px;
}

/* COPEN CLUB登録情報削除ページ（退会）
=======================================================================*/
.disconnect_area #copen-club-main-sec h2 {
  font-size: 18px;
}
.disconnect_area .member-wrapp .member-box {
  background-color: #f1f0f0;
}
.disconnect_area .member-wrapp .member-box .btn-fb-signin,
.disconnect_area .member-wrapp .member-box .btn-owner-signin {
  width: 100%;
}
.disconnect_area .member-wrapp .member-box h3 {
  margin-bottom: 18px;
}
.disconnect_area  .member-wrapp .member-box form.login-form input[type="text"],
.disconnect_area  .member-wrapp .member-box form.login-form input[type="password"] {
  width: 443px;
}
.disconnect_area .form-section #form_password:last-child {
  margin-bottom: 0;
}
/* COPEN CLUB の楽しみ方
=======================================================================*/

.enjoy-sec-head h1 {
	  font-size: 32px;
	  line-height: 1;
	  font-weight: normal;
	  letter-spacing: 1px;
	  margin-bottom: 20px;
}

#enjoy-lead {
	font-size: 14px;
	font-weight: bold;
}

/* mai navigation */

#enjoy-main-nav {
	margin: 50px 0 50px -20px;
	height: 200px;
}
  #enjoy-main-nav li { float: left; }
  #enjoy-main-nav li a {
	  padding: 40px 0 0;
	  height: 160px;
	  display: block;
	  width: 318px;
	  text-align: center;
	  border: 1px solid #000;
	  margin-left: 20px;
  }
      #enjoy-main-nav li a .enjoy-arrow {
		  padding-top: 25px;
	  }


.enjoy-cont {
	margin: 0 0 40px;
	font-size: 12px;
	line-height: 1.8;
}
  .enjoy-cont h2 {
	  font-size: 24px;
	  font-weight: bold;
	  margin-bottom: 0.5em;
	  padding-left: 40px;
  }
    .enjoy-cont h2#h2-bbs { background: url(/images/sub/copen_club/ic_enjoy_bbs.gif) no-repeat 0 6px; }
	.enjoy-cont h2#h2-pht { background: url(/images/sub/copen_club/ic_enjoy_pht.gif) no-repeat 0 6px; }
	.enjoy-cont h2#h2-mypage { background: url(/images/sub/copen_club/ic_enjoy_mypage.gif) no-repeat 0 6px; }


.enjoy-3-column, .enjoy-4-column {
	margin: 40px 0 40px -20px;

}
  .enjoy-3-column .enjoy-3-column-box,
  .enjoy-4-column .enjoy-4-column-box {
	  float:left;
  	  margin-left: 20px;
	  width: 320px;
  }
  .enjoy-4-column .enjoy-4-column-box {
	  width: 235px;
  }
    .enjoy-3-column .enjoy-3-column-box h3,
	.enjoy-4-column .enjoy-4-column-box h3 {
		font-weight: bold;
		text-align: center;
		font-size: 14px;
		margin-bottom: 0.5em;
	}
	.enjoy-3-column .enjoy-3-column-box h3.enjoy-top-h3 {
		font-size: 16px;
		}
    .enjoy-3-column .enjoy-3-column-box figure,
	.enjoy-4-column .enjoy-4-column-box figure {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.enjoy-3-column header {
		margin-left: 20px;
		margin-bottom: 40px;
		}
		.enjoy-3-column header h3 {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 1em;
			}

/* Members Policy
=======================================================================*/
.policy-sec-head h1 {
	  font-size: 32px;
	  line-height: 1;
	  font-weight: normal;
	  letter-spacing: 1px;
	  margin-bottom: 20px;
}


/* Form
=======================================================================*/


/* Facebook */

form#profile.form-white .required {
    background-color: #f1f0f0;
    color: #e94260;
    float: right;
    font-size: 12px;
    height: 17px;
    letter-spacing: normal;
    margin-right: 2px;
    padding: 7px 10px 9px;
    text-align: center;
    width: 30px;
    border-radius: 5px;
}
.fb-regist,
.fb-regist-2{
	  float: left;
	  width: 76px;
	  height: 17px;
	  margin-right: 0px;
	  padding:8px 0;
	  background-color: #3b5a9a;
	  font-size: 12px;
	  color: #fff;
	  text-align: center;
	  letter-spacing: 1px;
  }
.fb-regist {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.fb-regist-2{
	height: 19px;
	padding: 23px 0;
}
.fb-regist-3 {
	  float: left;
	  width: 76px;
	  height: 17px;
	  margin-right: 10px;
	  padding:8px 0;
	  background-color: #3b5a9a;
	  font-size: 12px;
	  color: #fff;
	  text-align: center;
	  letter-spacing: 1px;
	  border-radius: 4px;
}
.form-white input[type=password].fb-input {
	width: 316px;
}
.fb-pht {
	float: right;
	margin-left: 2px;
	width: 40px;
}


.btn-fb {
	float: left;
	width: 390px;
}


.prof-cover-box {
	text-align: center;
	background-color: #f6f6f6;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
}
.prof-background-cover-box {
    background-color: #f6f6f6;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
}
.prof-cover-box .prof-cover-img-wrap {
    display: inline-block;
    margin-bottom: 20px;
}

  .prof-cover-box .prof-cover-img {
	  width: 200px;
	  margin: 0 auto;
	  background-color: #fff;
	  margin-bottom: 20px;
      vertical-align: middle;
  }

  .prof-cover-box .prof-cover-img img {
          display: inline !important;
          border-radius: 4px;
  }

  .prof-cover-h {
	  font-size: 14px;
	  font-weight: bold;
	  margin-bottom: 1em;
	  text-align: left;
  }

  .prof-cover-box .prof-cover-img #cover_image {
  	  width: 200px;
	  height: auto;
  }

dl.car-info {
}
dl.car-info dt {
}
dl.car-info dd {
}

dl#top-info-dl {
	padding-bottom: 20px;
	position: relative;
	font-size: 11px;
}

dl#top-info-dl dt {
	position: absolute;
	left: 0;
	width: 9em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding-bottom: 5px;
	font-size: 12px;
}
dl#top-info-dl dd {
	margin-left: 8em;
	padding-bottom: 5px;
}

/*-------*/
table.table-notice {
	margin: 20px 0 0 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 10px;
}


  table.table-notice th,
  table.table-notice td {
	   padding: 11px 36px;
	   font-size: 14px;
	   vertical-align: middle;
	   border: solid 1px #d4d4d4;
  }
  table.table-notice th {
	  width: 50%;
	  text-align: center;
	  vertical-align: top;
	  font-weight: bold;
	  background-color: #f1f0f0;
  }
  table.table-notice td.notice-td-590 {
	  width: 590px;
  }

  table.table-notice td.td-no-border {
	  border-bottom: none;

  }
.btn-notice,
.btn-no-notice {
	text-align: center;
}
 .btn-notice span{
    background: rgba(0, 0, 0, 0) url("/images/sub/shop_admin/radio.png") no-repeat scroll 27px top;
    cursor: pointer;
    display: block;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
}
.btn-no-notice span{
    background: rgba(0, 0, 0, 0) url("/images/sub/shop_admin/radio.png") no-repeat scroll 27px -25px;
    display: block;
}
.border-aaa {
	border-bottom: solid 1px #aaaaaa !important;
	width: 400px;
}
table.mail-news-recive {
	margin: 50px 0 5px;
	font-size: 14px;
	vertical-align: middle;
	border-top: 1px solid #c6c9d3;
	border-bottom: 1px solid #c6c9d3;
	width: 100%;
}
table.mail-news-recive th {
	width: 225px;
	text-align: center;
	padding: 18px 0;
	vertical-align: middle;
}
table.mail-news-recive td {
	padding: 18px 25px;
	vertical-align: middle;
}
table.question-conf {
	margin: 50px 0 5px;
	font-size: 14px;
	vertical-align: middle;
	border-top: 1px solid #c6c9d3;
	/*border-bottom: 1px solid #c6c9d3;*/
	width: 100%;
}
table.question-conf tr {
	border-bottom: 1px solid #c6c9d3;
}
table.question-conf th {
	width: 225px;
	text-align: center;
	padding: 18px 0;
	vertical-align: middle;
}
table.question-conf td {
	padding: 18px 25px;
	vertical-align: middle;
}
.btn-leave {
	position: absolute;
	right: 0;
	top: 30px;
}
/* Profile
=======================================================================*/
#copen-club-main-sec form#profile .copen-club-head h2 {
	margin-top: 30px;
	margin-bottom: 10px;
}
#copen-club-main-sec form#profile table.table-white {
	margin: 0 0 10px;
	width: 680px;
}
#copen-club-main-sec form#profile table.table-white input {
	background-color: #f1f0f0;
	border-radius: 5px;
	font-size: 12px;
}
#copen-club-main-sec form#profile .form-cont-l {
	width: 680px;
}
#copen-club-main-sec form#profile .form-cont-r {
	width: 330px;
	margin-left: 13px;
	margin-top: 22px;
}
#copen-club-main-sec .easy-select-box .esb-displayer {
    background: rgba(0, 0, 0, 0) url("/images/common/select-box-arrow_3.gif") no-repeat scroll right top;
    padding: 3px 40px 3px 3px;
    border: 1px solid #a8a8a8;
}
#copen-club-main-sec .c-box-label {
    background: rgba(0, 0, 0, 0) url("/images/sub/shop_admin/radio.png") no-repeat scroll left top;
    cursor: pointer;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 15px 0 35px;
}
#copen-club-main-sec .c_on {
    background-position: left bottom;
}
.copen-club-sec table.table-white input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	padding: 8px;
}
.copen-club-sec table.table-white td {
    font-size: 14px;
    padding: 22px 0 10px;
    vertical-align: baseline;
}
.copen-club-sec table.table-white .note {
	letter-spacing: 0.09em;
	margin-top: 5px;
}
.copen-club-sec table.table-white .maxword_note {
	text-indent: 131px;
}
.copen-club-sec table.table-white th {
    box-sizing: border-box;
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 11px;
    width: 245px;
}
.copen-club-sec table.table-white textarea#message {
	background-color: #f1f0f0;
	border-radius: 4px;
	box-sizing: border-box;
	width: 100%;
	resize: none;
}
#copen-club-main-sec form#profile table.table-white input#facebook_name {
	border-top-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 4px;
}
#copen-club-main-sec .form-white .form-merge {
    float: left;
    padding-left: 0px;
    padding-top: 8px;
}
.copen-club-sec table.table-white th span {
	display: inline-block;
	padding-top: 8px;
}
.copen-club-sec table.table-white #facebook_name {
	display: block;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}
.copen-club-sec table.table-white .fb-pht {
	margin-right: 14px;
}
.copen-club-sec table.table-white input.other {
    box-sizing: border-box;
    width: 300px;
}
.copen-club-sec table.table-white img#facebook_icon {
	border-radius: 16px;
}


#copen-club-main-sec form#profile table.table-questionnaire {
	border-top: 1px solid #c6c9d3;
    border-bottom: 1px solid #c6c9d3;
	margin: 0 0 10px;
	width: 100%;
}
#copen-club-main-sec form#profile table.table-questionnaire input {
	background-color: #f1f0f0;
	border-radius: 5px;
	font-size: 12px;
}

#copen-club-main-sec form#profile table.table-questionnaire .cbxbd {
	background-color: rgba(0, 0, 0, 0);
	background-image: url("/images/common/checkbox.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment:scroll;
}
#copen-club-main-sec form#profile table.table-questionnaire .cbxbd.c_on {
	background-image: url("/images/common/checkbox_checked.png");
}
.copen-club-sec table.table-questionnaire input[type="text"] {
	width: 80%;
	box-sizing: border-box;
	padding: 8px;
	margin-left:   -3px;
	margin-top:    3px;
}
.copen-club-sec table.table-questionnaire select {
}
#copen-club-main-sec table.table-questionnaire .easy-select-box .esb-displayer {
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 5px;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;

	background: url(/images/common/select-box-arrow_4.png) no-repeat right;
	background-position: calc(100% - 5px) calc(50%);
	background-color: #f1f0f0;
	background-size: 8px;
	-moz-background-size: 8px;
	-webkit-background-size: 8px;
	-o-background-size: 8px;
	-ms-background-size: 8px;

	display: inline-block;
}
.copen-club-sec table.table-questionnaire .year {
	margin-right: 10px;
}
.copen-club-sec table.table-questionnaire .month {
	margin-left: 20px;
	margin-right: 10px;
}
.copen-club-sec table.table-questionnaire td {
    font-size: 14px;
    padding: 20px 0 20px;
}
.copen-club-sec table.table-questionnaire td li {
	margin: 5px 0;
}
.copen-club-sec table.table-questionnaire .note {
	letter-spacing: 0.09em;
	margin-top: 5px;
}
.copen-club-sec table.table-questionnaire .maxword_note {
	text-indent: 131px;
}
.copen-club-sec table.table-questionnaire th {
    box-sizing: border-box;
    padding-bottom: 24px;
    padding-left: 38px;
    padding-right: 11px;
    width: 245px;
}
.copen-club-sec table.table-questionnaire textarea#message {
	background-color: #f1f0f0;
	border-radius: 4px;
	box-sizing: border-box;
	width: 100%;
	resize: none;
}
.copen-club-sec table.table-questionnaire .questions div {
	float: left;
	width: 50%;
}
.copen-club-sec table.table-questionnaire td p.note {
	margin-left: 38px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#copen-club-main-sec form#profile .copen-club-sec {
    border-bottom: none;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
#copen-club-main-sec .cbxbd {
    background: rgba(0, 0, 0, 0) url("/images/common/check_3.png") no-repeat scroll 0 -1px;
    cursor: pointer;
    line-height: 1;
    overflow: hidden;
    padding: 5px 0 3px 30px;
    text-align: left;
    width: 160px;
}
#copen-club-main-sec label.cbxbd {
	padding: 5px 0 5px 38px;
}
#copen-club-main-sec .post_button {
    margin-top: 0;
    padding: 12px 0;
    font-size: 12px;
    border-radius: 4px;
}
#copen-club-main-sec .cbxbd.c_on {
	background-position: 0px -25px;
}
.copen-club-sec dl.car-info dt,
.copen-club-sec dl.car-info dd {
	display: inline-block;
}
.copen-club-sec dl.car-info dt {
	font-weight: bold;
	width: 100px;
}
.copen-club-sec .btn-small-2 {
	border-radius: 4px;
	font-size: 12px;
	width: 290px;
	margin-bottom: 5px;
}

#category_ids {
    clear: both;
}

#category_ids .cateogry_wrapper {
    width: 160px;
    float: left;
}

.comment-edit-time-wrapper a.comment-history {
    text-decoration: underline;
}

.sub-comment-head .command-edit {
    text-indent: -9999px;
    width: 20px;
    background: url(/images/sub/copen_club/icon_pen.png) no-repeat center;
    margin-right:20px;
}
.sub-comment-head .command-edit:hover {
    background: url(/images/sub/copen_club/icon_pen_on.png) no-repeat center;
}
.sub-comment-head .command-remove {
    text-indent: -9999px;
    width: 20px;
    background: url(/images/sub/mypage/icon_bin.png) no-repeat center;
}
.sub-comment-head .command-remove:hover {
    background: url(/images/sub/copen_club/icon_bin_on.png) no-repeat center;
}

/* confirm */
#copen-club-main-sec form.confirm-form-1 table.table-white td {
	padding: 22px 0 22px;
}
#copen-club-main-sec form.confirm-form-1 .prof-cover-box {
	background-color: #fff;
}
#copen-club-main-sec form.confirm-form-1 .prof-background-cover-box {
	background-color: #fff;
}
#copen-club-main-sec .fb-acnt {
	height: 17px;
	padding: 6px 6px;
	float: left;
}
#copen-club-main-sec form.confirm-form-1 .mail-news-recive {
	margin-top: 30px;
}
#copen-club-main-sec form.confirm-form-1 div.submit {
	border-top:2px solid #000;
	margin-top: 12px;
}
#copen-club-main-sec form.confirm-form-1 div.confirm-submit button {
    border-radius: 4px;
    font-size: 12px;
    margin-top: 0;
    padding: 12px 0;
}
#copen-club-main-sec form.confirm-form-1 div.confirm-submit button:hover {
	background-color: #666;
}
#copen-club-main-sec form.confirm-form-1 div.confirm-submit button:first-of-type {
	margin-right: 10px;
}

/* complete */
#contents.complete-area.join_member p.attention {
	font-size: 18px;
	text-align: center;
}
#contents.complete-area.join_member p.attention_normal {
	font-size: 12px;
	text-align: center;
}
#contents.complete-area.join_member p.caption {
	font-size: 11px;
	text-align: center;
}
.complete-area .button-area {
	text-align: center;
}
.complete-area .complete-btn-1 {
    background-color: #000;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 30px auto 0;
    padding: 10px 50px;
    text-align: center;
}
/* photo */
.club-sort-nav.photo{
	margin: 0;
}
	.club-sort-nav.photo .pht-tagline{
		border-bottom: 1px solid #b2b2b2;
	    border-top: 1px solid #b2b2b2;
	    font-size: 14px;
	    font-weight: bold;
	    margin-top: 7px;
	    padding-bottom: 11px;
	    padding-left: 15px;
	    padding-top: 11px;
	    width: 700px;
	}
.photo header.club-sec-head {
    border: none;
	margin-bottom: 10px;
    padding-bottom: 5px;
}
.cc-top-box-pht-outer{
	background-color: #F2F2F2;
	padding: 9px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.cc-top-box-pht-outer .cc-top-box-info .post_date{
	color: #969595;
    margin-top: 15px;
    padding: 2px;
}
.cc-top-box-pht-outer .cc-top-box-info .cc-top-box-tags span.pht-tag{
	background-color: #fff;
    padding: 5px 7px;
    white-space: nowrap;
	line-height: 2.6;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #404040;
}

.cc-top-box-info .cc-top-box-tags:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.cc-top-box-info .cc-top-box-tags ul.hasMore:after {
	content: '';
	display: block;
	float: left;
	width: 23px;
	height: 26px;
	background: url(../images/common/icon_3dot.png) center center no-repeat;
}

.cc-top-box-pht-outer .cc-top-box-info .cc-top-box-tags ul li {
	display:block;
	float: left;
	margin-right: 4px;
}

.cc-top-box-prof .prof-pht img{
	border-radius: 20px;
	height: 40px !important;
	width: 40px;
}
#photo_upload.popup {
    background-color: #fff;
    left: 50%;
    margin-left: -325px;
    top: 100px;
    width: 650px;
}

/* popup */
#photo_bbs .body_area .photo_area img{
	width: 100%;
	margin-bottom: 10px;
}
.popup.photo_detail {
	background-color: #fff;
    left: 50%;
    margin-left: -425px;
    top: 530px;
    width: 810px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.popup.photo_detail .body_area .content {
    border-top: medium none !important;
    padding: 20px 25px;
    width: 100%;
}
.popup.photo_detail .thread-popup-half-top{
	padding: 32px 32px 0;
	position: relative;
}
	.popup.photo_detail .thread-popup-half-top img.close-btn{
		position: absolute;
		right: -20px;
    	top: -20px;
	}
	.popup.photo_detail .thread-popup-half-top .photo_area img{
	    max-width: 100%;
	}
	.popup.photo_detail .thread-popup-half-top .popup-thread-info{
		border-bottom: 2px solid #e50110;
	}
	.popup.photo_detail .thread-popup-half-top .popup-thread-info .info-left{
		width: 60%;
		float: left;
	}
	.popup.photo_detail .thread-popup-half-top .popup-thread-info .info-right{
		width: 40%;
		float: right;
	}
.popup.photo_detail .thread-popup-half-bottom{
	background-color:#F1F0F0;
}
	.popup.photo_detail .thread-popup-half-bottom .thread_title{
		border-bottom: 1px solid #a8a8a8;
		padding-bottom: 10px;
		font-weight: bold;
	}
	.popup.photo_detail .thread-popup-half-bottom .thread_message{
		padding-top: 10px;
		word-wrap: break-word;
	}

.popup.photo_detail .button-area{
	text-align:center;
	padding: 40px;
}
	.popup.photo_detail .btn_black {
	    width: 330px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		font-size: 12px;
		padding: 12px 0;
	}
	.popup.photo_detail .btn_black img{
	    margin-bottom: 1px;
	}
.popup.photo_detail .body_area .time_category {
    margin-top: 18px !important;
}
.popup.photo_detail .body_area .popup-thread-date.time_category .time {
    background: rgba(0, 0, 0, 0) url("../images/sub/mypage/icon_s_time.png") no-repeat scroll left center;
    color: #ababab;
    display: inline-block;
    font-size: 11px;
    height: 100%;
    margin: 0 auto;
    padding-left: 20px;
    width: 105px;
	border-right: medium none;
}
.popup.photo_detail .body_area .category_name {
    color: #ababab;
    font-size: 11px;
    height: 100%;
    padding-right: 0;
    text-align: right;
    width: 200px;
}
.popup-thread-info .info-left .prof-pht {
    float: left;
    margin-right: 10px;
    width: 60px;
}
.popup-thread-info .info-left .prof-pht img {
    border-radius: 20px;
    height: 40px !important;
    width: 40px;
}
.popup-thread-info .info-right .popuptype{
    float: right;
    padding: 15px;
	margin-bottom: 5px;
}
.popup-thread-info .info-right .like-area{
    float: right;
    padding: 8px;
	margin-bottom: 5px;
}
.popup-thread-info .info-right .like-area .pht-like-2 {
    background: rgba(0, 0, 0, 0) url("/images/common/icon_like_off.png") no-repeat scroll 12px 10px / 15px auto;
    float: left;
    font-weight: bold;
    height: 35px;
    line-height: 38px;
    text-align: right;
    width: 85px;
}
.popup-thread-info .info-right .popuptype{
	border-right: 1px solid #A8A8A8;

}
#photo_upload_confirm.popup {
    background-color: #fff;
    left: 50%;
    margin-left: -325px;
    top: 100px;
    width: 650px;
}
/* upload popup */
#photo_upload_error.popup,
#photo_upload_confirm.popup {
    background-color: #fff;
    left: 50%;
    margin-left: -325px;
    top: 100px;
    width: 650px;
	border-radius: 5px;
}
#photo_upload_error.popup .modal-close-btn,
#photo_upload_confirm.popup .modal-close-btn{
	position: absolute;
    right: -21px;
    top: -21px;
}
#photo_upload_error.popup .title_area,
#photo_upload_confirm.popup .title_area {
    margin-bottom:10px;
    text-align: center;
    width: 100%;
}
#photo_upload_error.popup .title_area .title,
#photo_upload_confirm.popup .title_area .title {
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
    font-size: 22px;
    font-weight: bold;
    margin-left: 35px;
    margin-top: 37px;
    padding: 10px;
    width: 560px;
	position: relative;
}
#photo_upload_confirm.popup .detail_area {
	border-bottom: 2px solid #000;
    margin: 13px 26px;
    padding: 16px;
}
#photo_upload_confirm.popup .detail_area dt {
    width: 30%;
	float: left;
	border-bottom: 1px solid #ccc;
}
#photo_upload_confirm.popup .detail_area dd {
    width: 70%;
	float: left;
	border-bottom: 1px solid #ccc;
}
#photo_upload_confirm.popup .detail_area .confirm_comment,
#photo_upload_confirm.popup .detail_area .confirm_image,
#photo_upload_confirm.popup .detail_area .confirm_tag {
    padding:10px;
}
#photo_upload_confirm.popup .detail_area .confirm_comment,
#photo_upload_confirm.popup .detail_area .confirm_image {
    border-bottom: 1px solid #ccc;
}
#photo_upload_confirm.popup .detail_area .confirm_detail_title,
#photo_upload_confirm.popup .detail_area .confirm_detail_area {
    float: left;
}
#photo_upload_confirm.popup .detail_area .confirm_image .confirm_detail_title,
#photo_upload_confirm.popup .detail_area .confirm_comment .confirm_detail_title,
#photo_upload_confirm.popup .detail_area .confirm_tag .confirm_detail_title {
    width: 28%;
	font-weight: bold;
}
#photo_upload_confirm.popup .detail_area .confirm_image .confirm_detail_area,
#photo_upload_confirm.popup .detail_area .confirm_comment .confirm_detail_area,
#photo_upload_confirm.popup .detail_area .confirm_tag .confirm_detail_area {
    width: 66%;
	padding: 10px 10px 3px;
	border: 1px solid #EFEEEF;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#photo_upload_confirm.popup .detail_area .confirm_comment .confirm_detail_area,
#photo_upload_confirm.popup .detail_area .confirm_tag .confirm_detail_area {
    background-color: #efeeef;
}
#photo_upload_confirm.popup .detail_area .confirm_image .confirm_detail_area{
    border: 1px solid #EFEEEF;
}
#photo_upload_confirm.popup .detail_area .confirm_image .confirm_detail_area img{
	width: 100%;
}
#photo_upload_confirm.popup .detail_area .confirm_tag .confirm_detail_area span.tags{
	background-color: #fff;
    border-radius: 3px;
    color: #404040;
    line-height: 2.5;
    padding: 5px 7px;
    white-space: nowrap;
}
#photo_upload_confirm.popup .detail_area .confirm_tag .confirm_detail_area span.tags.selected{
	background-color: #E50110;
	color: #FFF;
}

#photo_upload_confirm.popup .body_area {
	padding-bottom: 20px;
}
#photo_upload_confirm.popup .body_area button.upload_above_submit {
	background-color: #E50110;
    border: medium none;
    color: #fff;
    cursor: pointer;
    height: 40px;
    margin: 11px;
    text-align: center;
    width: 270px;
	border-radius: 5px;
}
#photo_upload_confirm.popup .body_area button.upload_above_return {
	background-color: #000;
    border: medium none;
    color: #fff;
    cursor: pointer;
    height: 40px;
    margin: 11px 11px 11px 41px;
    text-align: center;
    width: 270px;
	border-radius: 5px;
}
#photo_upload_error.popup .detail_area{
	line-height: 1.8em;
    padding: 14px 34px;
}
#photo_upload_error.popup .body_area {
    margin-bottom: 20px;
    text-align: center;
}
#photo_upload_error.popup .body_area button.error_return {
	background-color: #000;
    border: medium none;
    color: #fff;
    cursor: pointer;
    height: 40px;
    margin: 11px 11px 11px 41px;
    text-align: center;
    width: 270px;
	border-radius: 5px;
}

#copen-club-main-sec .form-kiyaku ul {
    width: 265px;
    margin: 0 auto;
}
#copen-club-main-sec .form-kiyaku li {
    display: table-cell;
    vertical-align: middle;
}
#copen-club-main-sec .form-kiyaku .cbxbd {
    padding: 0 0 0 30px;
    position: relative;
    height: 24px;
    width: 130px;
    display: inline-block;
}
#copen-club-main-sec .form-kiyaku .cbxbd span {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
}