/* ******************************************************************************* */
/* *** HEADER ******************************************************************** */
header {width:980px; height:125px; margin:0 auto; position:relative;}
#site-logo {padding:18px 0 0; margin:0; text-align:center; display:block;}
#sns-link {position:absolute; right:0; bottom:35px; margin:0; padding:0;}
#sns-link li {display:inline-block; text-align:right; margin:0 3px 0 8px; padding:0;}
#sns-link li img {vertical-align:top;}
.section-groupsite .sitewrap .list-contents {padding-top:0;}
.section-groupsite .sitewrap .list-contents li {margin-bottom:5px; display:inline-block; float:none;}
.section-groupsite .sitewrap .list-groupsite li { margin-left:20px;}
.section-groupsite .sitewrap .logoft {margin-bottom:20px;}

.sb-area {text-align:center; margin:10px auto 15px;}
/* ******************************************************************************* */


/* *** NEWS-ACCESS-RANKING *** */
.news-access-rank {padding-bottom:15px; margin: 20px auto 20px; border: 1px solid #ddd;}
.news-access-rank h3 {font-size:20px; padding:12px 10px 3px; text-align:center; font-weight:normal; background:none; width:280px; color:#000;}
.news-access-rank h3 span {font-weight:normal; font-size:21px; display:block; line-height:130%;}
.news-access-rank ol {padding:0 0 15px; list-style: none; margin: 0; padding: 0;}
.news-access-rank .detail {width:190px; padding-left:10px; display:table-cell; position:relative; color:#000; vertical-align:middle;}
.news-access-rank li {position:relative; counter-increment:newsrank; padding:10px 15px 0;} 
.news-access-rank li a {padding-left:0;}
.news-access-rank li a:before,
.news-access-rank li a:after {content:""; display:table;}
.news-access-rank li a:after {clear:both;}
.news-access-rank li:after {content:counter(newsrank); position:absolute; top:10px; left:15px; font-size:12px; font-weight:bold; background-color:#DC4776; width:19px; height:19px; display:block; color:#fff; text-align:center; line-height:18px; border:50%;}
.news-access-rank li .thumb {float:left; width:100px; height:58px; border-radius:0; overflow:hidden; margin:0;}
.news-access-rank li .thumb span {width:100px; height:58px; position:relative; left:0; display:table-cell; vertical-align:middle; text-align:center; background-color:#f3f3f3;}
.news-access-rank li .thumb img {width:auto; max-width:100px; max-height:58px;}
.news-access-rank li .detail {float:left; width:158px;}
.news-access-rank li .detail .headline {display: table-cell; vertical-align: middle; height: 58px; font-size:14px;}
/* *************************** */

/* *** ENTAME-NEWS *** */
.side-ent-news {margin: 20px auto 20px; border: 1px solid #ddd;}
.side-ent-news .news-main li {padding-top:10px;}
.side-ent-news h3 {font-size:20px; padding:12px 10px 3px; text-align:center; font-weight:normal; background:none; width:280px; color:#000;}
.side-ent-news h3 span {font-weight:normal; font-size:21px; display:block; line-height:130%;}
.side-ent-news ul {list-style: none; margin: 0; padding: 0;}
.side-ent-news .thumb {display:block; width:180px; height:120px; background:#f0f0f0; margin:0 auto; vertical-align:middle; text-align:center;}
.side-ent-news .thumb span {display:table-cell; text-align:center; vertical-align:middle; width:0px; height:120px;}
.side-ent-news .thumb img {max-width:180px; max-height:120px; width:auto;}
.side-ent-news .detail {display:block; width:100%; box-sizing:border-box; margin-top:10px; padding:0 15px;}
.side-ent-news .detail .headline {border-bottom:1px solid #ddd; padding-bottom:10px; font-size:12px; margin-bottom:0; color:#000;}
.side-ent-news .news-main {padding-bottom:10px;}
.side-ent-news .news-list {padding:0;}
.side-ent-news .news-list li {margin:0; padding:0;}
.side-ent-news .news-list a {display:table-cell;  vertical-align:middle; text-align:center; font-size:14px; text-decoration:none; color:#000; padding:5px 15px;}
.side-ent-news .news-list a:before{content:""; width:6px; height:6px; border:0; border-top:solid 2px #DC4776; border-right:solid 2px #DC4776; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform: rotate(45deg); margin-right:11px; display:inline-block;}
.side-ent-news .btn-more {width:100%; padding:10px 15px 15px 15px; display:table; box-sizing:border-box; margin:0;}
.side-ent-news .btn-more a {display:table-cell; height:36px; vertical-align:middle; text-align:center; background:#DC4776; font-size:14px; text-decoration:none; color:#fff; padding:3px 0}
.side-ent-news .btn-more a:before{content:""; width:6px; height:6px; border:0; border-top:solid 2px #fff; border-right:solid 2px #fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform: rotate(45deg); margin-right:11px; display:inline-block;}
.side-ent-news .btn-more a:hover {opacity:0.7; filter:alpha(opacity=70);}
/* ************** */

/* ******************************************************************************* */
/* *** GLOBAL-MENU *************************************************************** */
#global-menu {text-align:center;}
#global-menu ul {margin:0 auto; padding:0; text-align:center; background-color:#DC4776; position:relative; height:40px; overflow:hidden; transition:all 0.4s ease-in-out;}
#global-menu ul.open {height:76px;}
#global-menu li {margin:0; padding:0; display:inline-block; vertical-align:top;}
#global-menu li a {color:#fff; display:table-cell; height:40px; vertical-align:middle; text-align:center; text-decoration:none; font-size:16px; padding:0 18px;}
#global-menu li a:hover,
#global-menu li.select a {color:#990000;}
#global-menu #beauty a,
#global-menu #life a {overflow:hidden; padding:0 13px;}
#global-menu #beauty.select,
#global-menu #life.select {background: url(//beauty-cdn.oricon.co.jp/img/common/menu-select.png) no-repeat center bottom;}

/* ** */
#global-menu .child-menu {width:100%; position:absolute; top:40px; left:0; height:36px; background-color:#f6f6f6;}
#global-menu .child-menu ul {width:845px; text-align:left; background:none;}
#global-menu .child-menu li a {color:#000; font-size:14px; height:36px; font-weight:normal;}
#global-menu .child-menu li.select a,
#global-menu .child-menu li a:hover {color:#DC4776;}

/* ******************************************************************************* */


/* ******************************************************************************* */
/* *** BREAD-CRUMB *************************************************************** */
#breadcrumb {height:auto; padding:6px 0 0; text-align:right;}
#breadcrumb .breadcrumb-box {width:980px; margin:0 auto;}
#breadcrumb p {line-height:140%;}
#breadcrumb p a {font-size:12px; text-decoration:none; color:#000;}
#breadcrumb p a[href]:hover {text-decoration:underline;}
/* ******************************************************************************* */


/*****************************************************/
/* *** PICK UPコンテンツ部分 *** */

#closeupContents{width:665px; height:auto; /*background:#333;*/ padding-bottom:10px; margin-right:13px;}
#closeupContentsInner {width:625px; height:auto; margin:2px auto 0px; background:#FFFFFF; padding:10px;}
#closeupContentsInner a{width:625px; height:auto; background:#FFFFFF; display:block;}
#closeupContentsInner a:hover{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}
#closeupContents #closeupContents-photo {float:left; margin:0 10px 0 0; width:252px; height:146px; border:1px solid #CCCCCC;}
#closeupContents h2{ padding:0; margin-bottom:3px; margin-top:0px;}

#closeupContents p {font-size:15px; color:#333; line-height:180%; margin:0; padding:0;}

#closeupContents h3 {margin:0 0 4px 0; padding-top:10px; font-size:18px; line-height:160%; font-weight:bold;}
a {text-decoration:none;}
img {border:0;}
#closeupContents .closeupContents-icon {margin:12px 0 0 0; padding:0; float:right;}

/*****************************************************/
/* *** タブ部分 *** */

#categoryTab {width:665px; height:36px;}
#categoryTab ul {width:665px; height:34px; list-style:none; margin:15px auto 0; padding:0; border-bottom:2px solid #bfbfbf;}
#categoryTab ul li {height:36px; float:left;}
#categoryTab ul li a {display:block;}
#categoryTab ul li a:hover img {visibility:hidden;}
#categoryTab ul li a.select {visibility:hidden;}

li#tab-all {width:100px; background-image:url(//contents.oricon.co.jp/elthaImg/tab-all-on.gif); margin:0 5px 0 5px;}
li#tab-cosme {width:135px; background-image:url(//contents.oricon.co.jp/elthaImg/tab-cosme-on.gif); margin-right:5px;}
li#tab-diet {width:155px; background-image:url(//contents.oricon.co.jp/elthaImg/tab-diet-on.gif); margin-right:5px;}
li#tab-life {width:135px; background-image:url(//contents.oricon.co.jp/elthaImg/tab-life-on.gif); margin-right:5px;}
li#tab-love {width:135px; background-image:url(//contents.oricon.co.jp/elthaImg/tab-love-on.gif); margin-right:5px;}
li#tab-recipe {width:100px; background-image:url(//contents.oricon.co.jp/elthaImg/tab-recipe-on.gif); margin-right:5px;}
li#tab-trend {width:135px; background-image:url(//contents.oricon.co.jp/elthaImg/tab-trend-on.gif); margin-right:5px;}
li#tab-hair {width:155px; background-image:url(//contents.oricon.co.jp/elthaImg/tab-hair-on.gif); margin-right:5px;}



/* オススメ */
.block-sub-recommend {margin:20px auto; text-align:center;}
.block-sub-recommend h2 {text-align:center;}
.block-sub-recommend:before {content:"オススメ記事"; font-size:20px; font-weight:normal;}
.block-sub-recommend h2 img {display:none;}
.block-sub-recommend .border-box {text-align:left;}


/* ********************************************** */
/* *** 小ＢＯＸ *** */

.categoryBox a{display:block; padding:24px 10px; border-bottom:1px solid #ccc;} 
.categoryBox .categoryBox-photo {float:left; margin:0 10px 0 0; width:150px; height:88px; border:1px solid #CCCCCC; text-align:center;}
.categoryBox p {font-size:13px; color:#333; line-height:160%; margin:0; padding:0;}
p.dateBox{margin-top:4px; float:left; font-size:11px; color:#9e9ea6;}
p.iconBox{margin-top:8px; float:right;}
h3 {margin:0; padding:1px 0 6px 0; font-size:15px; font-weight:bold; margin:0; line-height:130%; color:#333;}
.categoryBox a:hover{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

.nextBtn a{width:105px; color:#FFFFFF; font-size:12px; font-weight:bold; margin:0px 0; float:right; background:url(//contents.oricon.co.jp/elthaImg/nextbtn.gif); text-align:center; line-height:200%;text-shadow: 0 1px 1px #9b9b9b; padding:0;}
.nextBtn a:hover{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

.block-sub .border-box {margin-top:5px;}

/* ********************************************** */
/* ********************************************** */
/*  OTHER  */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-table; min-height:1%;  /* for IE 7*/ }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */