.cf:before,
.cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
.main-contents {
   width: 700px;
  margin-top: 30px;
  margin-left: 47px;
  float: left;
}
.main-contents#special_detail,
.main-contents#girlstalk_detail {
    margin-top: 30px;
}
#others {
    padding: 0;
}
#others #bn li {
    float: none;
    width: auto;
    padding: 0;
    cursor: pointer !important;
}
#others #bn li .left {
  width: auto;
  margin-right: 0px;
}
#others #bn li .left > img {
	width: 110px;
}
#others #bn li .right {
  float: none;
  width: auto;
  margin-left: 112px;
}
#others #bn a {
    text-decoration: none;
    padding: 4px 4px 0px 0px;
    display: block;
}
#others #bn a:hover {
    background:none;
}
#others #bn li .right .title{
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  display: block;
  letter-spacing: 1px;
}
#bn h2{
  text-align: center !important;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 10px 0 0px;
  text-transform: uppercase;
  border-bottom: none;
  font-weight: bold;
  margin-bottom: 4px;
}
#bn h2 .sub{
  display: block;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0px;
}
#bn.special h2{
    background-color: rgb(241,232,243);
}
#bn.howto h2{
    background-color: rgb(255,238,236);
}
#bn.mensvoice h2{
    background-color: rgb(226,247,231);
}
#bn.story h2{
    background-color: rgb(222,243,243);
}
#bn.lifestyle h2{
    background-color: rgb(255,213,115);
}
#bn.girlstalk h2{
    background-color: rgb(255,234,244);
}
#bn.beautydiary h2{
    background-color: rgb(230,240,255);
}
#bn.present h2{
    background-color: rgb(212,244,255);
}
#bn.staffroom h2 {
	background-color: #6c6;
}
#bn.column  h2{
	background-color: rgb(220,219,233);
  color:#fff;
}
#bn.column  h2 span{
  color:#fff;
}
#bn.movie h2 {
	background-color: #ffe4d8;
}

#sidebar {
  width: 213px !important;
  margin-top: 20px !important;
}
#sidebar .side_cnt.ranking .thumb {
    margin-right: 14px !important;
}
#main #story_detail #main_vis p {
    padding-top: 0px !important;
    text-align: center;
}
#main #lifestyle_detail #main_vis{
    margin: -10px auto 35px !important;
}

#paging{
	width: 312px;
	margin: 0 auto 40px;
}
#paging li{
	color: #FF6500;
	font-size: 14px;
	float: left;
	border-left: 1px #333 solid;
	padding: 0 45px;
}
#paging li.prl15{
	padding: 0 15px;
}
#paging li a{
	font-size: 14px;
	text-decoration: none;
}
#paging li.prl15 a{
	font-size: 12px;
}
#paging li.none{
	border: none;
}
#paging li.bdr_r{
	border-right: 1px #333 solid;
}
.pagetitle{
	text-align: center;
	margin-bottom: 20px;
}
.pagetitle a{
	font-size: 18px;
	text-decoration: underline;
}
.detail_sns{
  margin-left: 16px;
}
.detail_sns ul li{
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
div.keyword {
  width: 666px;
  margin: 10px auto 0;
}
.keyword ul li a {
  display: inline-block;
  border: 1px solid #aaa;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 8px;
  margin-right: 5px;
  margin-bottom: 8px;
  padding: 2px 4px;
  text-decoration: none;
}
.keyword ul li a:hover {
  background: #f0f0f0;
}
.bloc div.item {
    margin: 50px auto 0 !important;
}

/** font-size **/
.lead-txt h2 {
  font-size: 27px !important;
}
.bloc h2 {
  font-size: 25px !important;
}
.bloc .sub-ttl {
  font-size: 25px !important;
}
.bloc .qa span, 
.bloc .qa .answer,
.bloc .qa .list-answer {
  font-size: 16px !important;
  font-weight: normal !important;
letter-spacing: 1px;
}
.lead-txt,
.lead-txt .txt {
    font-size: 17px !important;
  line-height: 24px;
letter-spacing: 1px;
}
.bloc .item li .name {
    font-size: 18px !important;
}
.bloc .item li .txt {
    font-size: 15px !important;
}
.bd-more {
	text-align: center;
}
.bd-more .bd-more-link {
	display: inline;
	line-height: 31px;
	font-size: 14px;
}
#others #member li {
    float: none;
    width: auto;
    padding: 0;
    cursor: pointer !important;
}
#others #member li .left {
  width: auto;
  margin-right: 0px;
  float: left;
}
#others #member li .right {
  float: none;
  width: auto;
  margin-left: 112px;
}
#others #member a {
    text-decoration: none;
    padding: 4px 4px 0px 0px;
    display: block;
}
#others #member a:hover {
    background:none;
}
#others #member li .right .title{
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  display: block;
  letter-spacing: 1px;
}
#member h2{
  text-align: center !important;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 10px 0 0px;
  text-transform: uppercase;
  border-bottom: none;
  font-weight: bold;
  margin-bottom: 4px;
}
#member h2 .sub{
  display: block;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0px;
}
#member.special h2{
    background-color: rgb(241,232,243);
}
#member.howto h2{
    background-color: rgb(255,238,236);
}
#member.mensvoice h2{
    background-color: rgb(226,247,231);
}
#member.story h2{
    background-color: rgb(222,243,243);
}
#member.lifestyle h2{
    background-color: rgb(255,213,115);
}
#member.girlstalk h2{
    background-color: rgb(255,234,244);
}
#member.beautydiary h2{
    background-color: rgb(230,240,255);
}
#member.present h2{
    background-color: rgb(212,244,255);
}
#member.staffroom h2 {
	background-color: #6c6;
}
#member.column  h2{
	background-color: rgb(220,219,233);
  color:#fff;
}
#member.column  h2 span{
  color:#fff;
}
#member.movie h2 {
	background-color: #ffe4d8;
}


.detail_share {
  text-align: center;
  margin: 0 auto 15px;
  font-size: 0;
  background-color: #c1c1c1;
  width: 666px;
}
.detail_share .iine-image {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  background-color: #f0f0f0 ;
}
.detail_share .iine-image img {
  max-width: 100%;
  display: block;
  max-height: 233px;
  margin: 0 auto;
}
.detail_share .iine {
  width: 50%;
  display: inline-block;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}
.detail_share .iine p {
  margin: 0 0 16px;
  color: #fff;
  font-size: 20px;
}

section.beautydiary .left img {
	max-width: 100px;
}

/*pagerが2つ以上になった場合のレイアウト崩れ防止*/
.paging-bloc{
	text-align: center;
}
#paging{
	display: inline-block;
	width: auto;
}

/*タイトルが長いとパンくずのレイアウト崩れが起きるのを防ぐ際の、キービジュかぶりの防止*/
.main-contents{
	margin-top: 10px !important;
}
#sidebar{
	margin-top: 0 !important;
}

.main-contents > p.open-date {
  text-align: right;
  width: 675px;
  margin-left: 15px;
}


/*product*/
.product{
	width: 520px;
	font-size: 0;
	border: 1px solid #dfdfdf;
	border-radius: 8px;
	padding: 30px;
	margin: 0 auto 40px;
}
.product.product--type2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 560px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px;
}
.product__block{
	display: inline-block;
	width: 265px;
	vertical-align: middle;
	margin: 0 40px 0 0;
}
.product__visual {
    width: 210px;
    text-align: center;
}
.product--type2 .product__block {
    margin: 0 0 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.product .product__icon{
	margin: 0 0 15px 0;
}
.product .product__heading{
	display: block;
	font-size: 16px !important;
	font-weight: bold !important;
	letter-spacing: 0;
	line-height: 1.5;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 8px;
	margin-left: 5px;
}
.product .product__detail{
	display: block;
	font-size: 13px !important;
	letter-spacing: 1px;
	line-height: 1.5;
	padding: 0;
	margin-bottom: 15px;
	margin-left: 5px;
}
.product .product__link{
	display: block;
	width: 260px;
}
.product.product--type2 .product__link{
    margin: 23px 0 0;
}
.product .product__linkImg{
	display: block;
	width: 100%;
	margin: 0;
}
.product .product__img{
	display: inline-block;
	width: 190px;
	vertical-align: middle;
	margin: 0;
}
.product .product__img--square {
	width: 210px;
}
.product__dt {
    font-size: 24px;
    font-weight: bold;
    width: 100%;
}
.product__dt__small {
    font-size: 18px;
}
.product__dd {
    font-size: 17px;
    margin: 20px 0 0;
    width: 100%;
}
.product__dd--none {
	height: 0;
	margin: 0;
}
/* backnumber */
.backnumber {
	width: 560px;
	margin: 80px auto 40px;
}
.backnumber__dt,
.backnumber__text {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 10px 0;
}
.backnumber__dd,
.backnumber__item {
	font-size: 16px;
	line-height: 1.4;
	margin: 0 0 5px 0;
}
.backnumber__dd.backnumber__dd--indent,
.backnumber__item.backnumber__item--indent {
  padding-left: 1em;
  text-indent: -1em;
}
.backnumber__item--current {
	position: relative;
}
.backnumber__item--current::after {
	content: "";
	display: block;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}
.backnumber__dd__link,
.backnumber__link {
	font-size: inherit;
}
.backnumber__item--current .backnumber__dd__link,
.backnumber__item--current .backnumber__link {
	text-decoration: none;
}