@charset "utf-8";
/* init
==================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,input,textarea{ margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
nav ul{ list-style:none;}
ul{ list-style:none; }
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{ outline:none; cursor: pointer;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0;}
select::-ms-expand{display: none;}
input:focus,
textarea:focus,
select:focus{outline:none;}
button{cursor:pointer;}
button:hover{opacity:0.7;}

.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.ml0{margin-left: 0 !important;}
.mr0{margin-right: 0 !important;}

/* global
==================================================== */
body{
  font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size:14px;
  line-height:1;
  color:#535353;
 /*background:url(/img/pc/headBg.png) repeat-x center top;*/
  word-break: break-all;
}

#premium_vision_wrapper {
  text-align: center;
}

input,button,textarea{font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif}



a:link{color:#535353; text-decoration:none;}
a:visited{color:#535353; text-decoration:none;}
a:hover{color:#f63690; text-decoration:none;}
a:active{ color:#f63690;}
a:hover img{}
.clr{clear:both;}
section {clear:both;}
article:after,
section:after,
.clrFx:after{content:''; clear:both; display:block;}
.transition{-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}


/* thumbnail trasition */

main .thumb a {
  -webkit-transform: translateZ(0);
  display:block;
  overflow:hidden;
}

main .thumb a img{
  position:relative;
  transition:0.15s;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -o-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
}

main .thumb a img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
main .thumb a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}

/* ie11 (fixing double enlarge bug) */
.ie11 main .recSlide .thumb a img:hover{-ms-transform:scale(1); transform:scale(1);}
.ie11 main .recSlide .thumb a:hover img{-ms-transform:scale(1.1); transform:scale(1.1);}

/* firefox (ver. 2015.03.12) */
.gecko main .thumb a img:hover,
.gecko main .thumb a:hover img,
.gecko main aside .thumb a img:hover,
.gecko main aside .thumb a:hover img{-moz-transform:scale(1.2); transform:scale(1.2);}
.gecko main .thumb.movie a img:hover,
.gecko main .thumb.movie a:hover img{-moz-transform:scale(1.19); transform:scale(1.19);}

/* firefox (current ver. 2015.03.11 - 2015.03.12 fixed) */
.gecko main .thumb a img:hover{-webkit-transform:scale(1.106); -moz-transform:scale(1.106); -o-transform:scale(1.106); -ms-transform:scale(1.106); transform:scale(1.106);}
.gecko main .thumb a:hover img{-webkit-transform:scale(1.106); -moz-transform:scale(1.106); -o-transform:scale(1.106); -ms-transform:scale(1.106); transform:scale(1.106);}
.gecko main .thumb.movie a img:hover{-webkit-transform:scale(1.104); -moz-transform:scale(1.104); -o-transform:scale(1.104); -ms-transform:scale(1.104); transform:scale(1.104);}
.gecko main .thumb.movie a:hover img{-webkit-transform:scale(1.104); -moz-transform:scale(1.104); -o-transform:scale(1.104); -ms-transform:scale(1.104); transform:scale(1.104);}
.gecko main .thumb.topics a img:hover{-webkit-transform:scale(1.110); -moz-transform:scale(1.110); -o-transform:scale(1.110); -ms-transform:scale(1.110); transform:scale(1.110);}
.gecko main .thumb.topics a:hover img{-webkit-transform:scale(1.110); -moz-transform:scale(1.110); -o-transform:scale(1.110); -ms-transform:scale(1.110); transform:scale(1.110);}
.gecko main .thumb.aside a img:hover{-webkit-transform:scale(1.101); -moz-transform:scale(1.101); -o-transform:scale(1.101); -ms-transform:scale(1.101); transform:scale(1.101);}
.gecko main .thumb.aside a:hover img{-webkit-transform:scale(1.101); -moz-transform:scale(1.101); -o-transform:scale(1.101); -ms-transform:scale(1.101); transform:scale(1.101);}
.gecko main .thumb.list a img:hover{-webkit-transform:scale(1.101); -moz-transform:scale(1.101); -o-transform:scale(1.101); -ms-transform:scale(1.101); transform:scale(1.101);}
.gecko main .thumb.list a:hover img{-webkit-transform:scale(1.101); -moz-transform:scale(1.101); -o-transform:scale(1.101); -ms-transform:scale(1.101); transform:scale(1.101);}

.app a:hover,
.storeLink a:hover,
.snsLinks a:hover{opacity:.7;}

/* wrapper
==================================================== */
#mqWrapper{
  position:relative;
  clear:both;
}

#mqWrapper:after{content:''; clear:both; display:block;}

/* header
==================================================== */
#commonHeader{
  position:relative;
  margin: 0 auto;
/*width: 980px;*/
  height:209px;
  z-index:100000;
  background:url(/img/pc/headBg.png) repeat-x center top;
}


#commonHeader section#flows{width:954px; margin:0 auto; height:170px; padding-bottom:140px; background:url(/img/pc/headLogo.png) no-repeat center 76px; position:relative;}
#commonHeader section#flows a.homeLink{width:555px; height:58px; position:absolute; left:200px; top:77px; text-indent:100%; overflow:hidden; white-space:nowrap;}
#commonHeader section#flows ul{position:relative;}
#commonHeader section#flows ul li{width:30px; height:30px; margin:0 3px 0 0; float:left;}
#commonHeader section#flows ul li a {width:30px; height:30px; overflow:hidden; position:relative; display:block; text-indent:100%; white-space:nowrap; background:url(/img/pc/sprite.png) 0 0; width:30px; height:30px;}
#commonHeader section#flows ul li.tw a{background-position: -30px 0;}
#commonHeader section#flows ul li.gp a{background-position: -60px 0;}
#commonHeader section#flows ul li.ig a{background-position: -90px 0;}
#commonHeader section#flows ul li.ln a{background-position:-120px 0;}
#commonHeader section#flows ul li.hp{position:absolute; right:0; top:0; width:90px; height:30px;}
#commonHeader section#flows ul li.hp a{background-position:-150px 0; width:90px;}
#commonHeader a{-webkit-transition:opacity,color 0.2s ease-in-out; -moz-transition:opacity,color 0.3s ease-in-out; transition:opacity,color 0.3s ease-in-out;}
#commonHeader section a:hover{opacity:.7;}
#commonHeader nav li a:hover{color:#f63690;}
#global{width:980px; margin:0 auto; clear:both; position:relative; padding: 0 13px;}
#remains{
  background:#fff;
}
#remains.fixed{position:fixed; width:100%; left:0; top:0; box-shadow:0 4px 3px rgba(0,0,0,.2);}
#siteID{position:absolute; left:0; top:0; width:158px; height:45px; padding-top:12px; width:0; overflow:hidden; z-index:30; background:#fff; opacity:0; transition:0.3s;}
#remains.fixed #siteID{width:158px; height:30px; overflow:hidden; opacity:1;}

#global ul{height:38px; padding:7px 0; float:left;/* overflow:hidden;*/ margin-left:0;}
#remains.fixed #global ul{margin-left:160px;}
#global li{line-height:24px; position:relative; height:24px; float:left; border-right:1px #dcdcdc solid; padding:0 18px; font-size:12px; letter-spacing:-0.025em;}
.ie #global li{padding:1px 18px 0;}

#remains.fixed{z-index:600;}
#remains.fixed #global li{padding:0 12px; position:relative; zoom:1; display:block; z-index:9999999999;}
#global li:first-child{padding-left:0;}
#global li:last-child{padding-right:0; border-right:0 none;}
#commonHeader nav {min-width:954px;}
#commonHeader nav .toggle{width:96px; height:38px; background:#e3e3e3; position:absolute; right:0; top:0; line-height:38px; font-size:12px; transition:0.3s; /*overflow:hidden;*/}
.ie #commonHeader nav .toggle{line-height:42px; overflow:hidden;}
#commonHeader nav .toggle a{display:block; position:relative; padding-left:15px; background:url(/img/pc/btnToggle.png) no-repeat 62px 4px #e3e3e3;}
#global .navi_campaign_link a{
    color: #f63690;
    font-size: 14px;
    font-weight:bold;
}
#global .navi_campaign_link a:link,
#global .navi_campaign_link a:visited {color:#f63690;}
#global .navi_campaign_link a:hover,
#global .navi_campaign_link a:active{ color:#000;}
/*
#commonHeader nav .toggle a:after{content:''; display:block; width:30px; height:30px; position:absolute; right:4px; top:4px; background:url(/img/pc/sprite.png) no-repeat -120px 0 #e3e3e3;}
*/

#commonHeader #remains.fixed nav .toggle{width:38px;}
#commonHeader #remains.fixed nav .toggle a{padding-left:0; overflow:hidden; background-position:4px 4px;}
#commonHeader #remains nav .toggle a span {opacity:1; transition:0.3s;}
#commonHeader #remains.fixed nav .toggle a span{
  opacity:0;
}

.ie678 #commonHeader .fixed nav .toggle a span {
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom:1;
}

#sub{background:#e3e3e3; clear:both; display:none; box-shadow:0 4px 3px rgba(0,0,0,.2);}
#remains.fixed #sub{box-shadow:none;}
#remains.fixed #sub{}
#remains.fixed #sub{}
#sub:after{content:''; display:block; clear:both;}
#sub a{color:#434343;}
#sub .topics{border-bottom:1px #c4c4c4 solid; clear:both;}
#sub .topics:after{content:''; display:block; clear:both;}
#sub .topics ul{width:954px; margin:0 auto; padding:5px 0; clear:both; height:35px; overflow:hidden;}
#sub .topics ul:after{content:''; display:block; clear:both;}
#sub .topics ul li{float:left; line-height:24px; font-size:12px; border-right:1px #c4c4c4 solid; padding:0 20px; letter-spacing:-0.025em;}
.ie #sub .topics ul li{padding:2px 34px 0;}
#sub .topics ul li:first-child{padding-left:0;}
#sub .topics ul li:last-child{padding-right:0; border-right:0 none;}
#sub .topics{border-bottom:1px #c4c4c4 solid;}
#sub .function{position:relative; width:954px; margin:0 auto;}
#sub .function:after{content:''; display:block; clear:both;}
#sub .function ul{padding:5px 0; clear:both; height:34px; overflow:hidden;}
#sub .function ul:after{content:''; display:block; clear:both;}
#sub .function ul li{float:left; line-height:24px; font-size:12px; border-right:1px #c4c4c4 solid; padding:0 34px; letter-spacing:-0.025em;}
.ie #sub .function ul li{padding:2px 34px 0;}
#sub .function ul li:first-child{padding-left:0;}
#sub .function ul li:last-child{padding-right:0; border-right:0 none;}
#sub .function .navSearch{width:215px; height:24px; position:absolute; right:0; top:5px;}
#sub .function .navSearch:before{content:''; display:block; background:url(/img/pc/sprite.png) -120px -30px no-repeat; width:18px; height:18px; position:absolute; left:5px; top:3px; z-index:10;}
#sub .function .navSearch input{
  border-radius:4px 0 0 4px;
  padding:5px 0 5px 25px;
  height:24px;
/*line-height:24px;*/
  font-size:12px;
  width:170px;
  background:#fff;
  position:relative;
}

/*.ie #sub .function .navSearch input{line-height:1.4;}*/

#sub .function .navSearch input::-webkit-input-placeholder{color:#999;}
#sub .function .navSearch input:-ms-input-placeholder{color:#999;}
#sub .function .navSearch input::-moz-placeholder{color:#999;}
#sub .function .navSearch input::placeholder{color:#999;}
#sub .function .navSearch input:focus:before{background:none;}
#sub .function .navSearch button{background:#ff348f; border:0; padding:0; height:24px; position:absolute; right:0; top:0; color:#fff; width:45px; border-radius:0 4px 4px 0;}
#commonHeader  a:link{color:#535353; text-decoration:none;}
#commonHeader  a:visited{color:#535353; text-decoration:none;}
#commonHeader  a:hover{color:#000; text-decoration:none;}
#commonHeader  a:active{ color:#f63690;}

.campaign-button a {
  display: block;
  position: absolute;
  top: -7px;
  left: 0;
  width: 110px;
  height: 38px;
  background-image: url(/img/pc/btn_campaign.gif);
}

.campaign-button a:hover {
  background-image: url(/img/pc/btn_campaign_o.gif);
  opacity: 1!important;
}

/* footer
==================================================== */
#commonFooter{background:url(/img/pc/footBg.png) repeat-x center 40px #f8f8f8; border-top:1px #e3e3e3 solid;}
#commonFooter section{width:954px; margin:0 auto;}
#commonFooter section nav p{height:40px; position:relative; margin-bottom:20px; text-indent:100%; overflow:hidden; white-space:nowrap;}
#commonFooter section nav.category{width:295px; float:left; border-right:25px #f8f8f8 solid;}
#commonFooter section nav.category p:after{content:''; display:block; width:53px; height:15px; background:url(/img/pc/sprite.png) no-repeat -240px 0;}
#commonFooter section nav.category ul{float:left; width:50%;}
#commonFooter section nav ul li{font-size:12px; line-height:1.4; margin-bottom:10px;}
#commonFooter section nav.menu{width:658px; float:left; position:relative;}
#commonFooter section nav.menu p:after{content:''; display:block; width:200px; height:15px; background:url(/img/pc/sprite.png) no-repeat -300px 0;}
#commonFooter section nav.menu ul{float:left; width:160px;}
#commonFooter section nav.menu .navSearch{width:200px; height:31px; position:absolute; right:0; top:58px;}
#commonFooter section nav.menu .navSearch:before{content:''; display:block; background:url(/img/pc/sprite.png) -120px -30px no-repeat; width:18px; height:18px; position:absolute; left:7px; top:6px; z-index:10;}
#commonFooter section nav.menu .navSearch input{
  border:1px #e3e3e3 solid;
  border-radius:4px 0 0 4px;
  padding:5px 0 5px 25px;
  height:31px;
  /*line-height:29px;*/
  font-size:12px;
  width:156px;
  background:#fff;
  position:relative;
}

/*.ie #commonFooter section nav.menu .navSearch input{line-height:1.3;}*/

#commonFooter section nav.menu .navSearch input::-webkit-input-placeholder{color:#999;}
#commonFooter section nav.menu .navSearch input:-ms-input-placeholder{color:#999;}
#commonFooter section nav.menu .navSearch input::-moz-placeholder{color:#999;}
#commonFooter section nav.menu .navSearch input::placeholder{color:#999;}
#commonFooter section nav.menu .navSearch input:focus:before{background:none;}
#commonFooter section nav.menu .navSearch button{background:#ff348f; border:0; padding:0; height:31px; position:absolute; right:0; top:0; color:#fff; width:45px; border-radius:0 4px 4px 0;}
#commonFooter section .snsLink{float:right; clear:both; width:170px; margin-bottom:15px;}
#commonFooter section .snsLink li{width:30px; height:30px; margin:0 3px 0 0; float:left;}
#commonFooter section .snsLink li a{width:30px; height:30px; overflow:hidden; position:relative; display:block; text-indent:100%; white-space:nowrap; background:url(/img/pc/sprite.png) 0 0; width:30px; height:30px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
#commonFooter section .snsLink li.fb a{background-position:   0px -30px;}
#commonFooter section .snsLink li.tw a{background-position: -30px -30px;}
#commonFooter section .snsLink li.gp a{background-position: -60px -30px;}
#commonFooter section .snsLink li.ig a{background-position: -90px -30px;}
#commonFooter section .snsLink li a:hover{opacity:.7;}
#commonFooter .lowermost{padding:0 0 1px; margin:0; line-height:28px; border-top:1px #e3e3e3 solid;}
#commonFooter .lowermost ul{width:954px; margin: 0 auto; padding:15px 0 15px;}
#commonFooter .copyright {display:inline-block; font-size:10px;}
#commonFooter .copyright small img{vertical-align:top; margin-left:15px;}
#commonFooter .aboutAd{display:inline-block; font-size:12px; margin-left: 305px;}


#anchorNav{width:58px; height:110px; position:fixed; left:50%; bottom:70px; margin-left:420px; display:none;}
#anchorNav a{display:block; width:58px; height:55px; text-indent:100%; overflow:hidden; white-space:nowrap; background:url(/img/pc/sprite.png) no-repeat; -webkit-transition:all 0.2s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}
#anchorNav a:hover{opacity:.5;}
#anchorNav a:first-child{background-position:-920px 0;}
#anchorNav a.up {background-position:-920px 0;}
#anchorNav a:last-child{background-position:-920px -55px;}
#anchorNav a.down {background-position:-920px -55px;}

#commonFooter a:link{color:#535353; text-decoration:none;}
#commonFooter a:visited{color:#535353; text-decoration:none;}
#commonFooter a:hover{text-decoration:underline; color:#f63690;}
#commonFooter a:active{ color:#f63690;}

/* aside
============================================ */
.sideAds{margin-bottom:50px;}

/* sectioning block
============================================ */
main{padding:0 0 35px 0; width:980px; margin:0 auto;}
#pageBody{width:615px; float:left; z-index:0; margin-left: 13px;}
#pageBody section{margin-bottom:60px; clear:both;}
#siteAside{width:300px; float:right; margin-right: 13px;}
main:after,
article:after,
section:after{clear:both; display:block; content:'';}

#mainContents {
  margin-top: 40px;
}

/* etc
============================================ */
#mainAds{margin: 40px 0; text-align: center;}
.addBnrArea{margin-bottom: 60px; text-align: center;}

/*.bx-wrapper{opacity:0;}*/

/*
headings, paragraphs and text decoration
============================================ */
#pageBody section h1{margin-bottom:20px;}
#pageBody section header h1 img{display:block;}
#pageBody p{margin-bottom:1em;}

/* common parts
============================================ */
/* breadcrumbs */
#breadcrumbs{font-size:12px; margin:13px 0 13px 13px; color:#ff348f; line-height: 1.4;}
#breadcrumbs a{color:#555;}
#breadcrumbs a:hover{color:#ff348f;}
#breadcrumbs li{display:inline-block; white-space:nowrap;}
#breadcrumbs li:after{content:'>'; display:inline-block; padding:0 3px 0 7px; color:#555;}
#breadcrumbs li:last-child:after{content:'';}
#breadcrumbs.type2{margin: 0 0 23px 0;}

/* pager */
.pager{clear:both; margin-bottom:30px;}
.pager ul{text-align:center; position:relative; height:20px; line-height:20px;}
.ie .pager ul{line-height:1.5;}
.gecko .pager ul{line-height:1.65;}
.mac.gecko .pager ul{line-height:1.6;}
.mac.webkit .pager ul{line-height:1.7;}
.pager ul li{display:inline-block; vertical-align:top; font-size:13px; margin:0 2px;}
.pager ul li a{color:#ff348f; min-width:20px; height:20px; border-radius:10px; display:block;}
.pager ul li:first-child{position:absolute; left:0; top:0; margin:0; font-size:12px;}
.pager ul li:last-child{position:absolute; right:0; top:0; margin:0; font-size:12px;}
.pager ul li:first-child a,
.pager ul li:last-child a{width:auto;}
.pager ul li:first-child a:before, .pager ul li:first-child span:before{content:'< ';}
.pager ul li:last-child a:after, .pager ul li:last-child span:after{content:' >';}
.pager ul li a.current{background:#ff348f; color:#fff; padding:0 3px; text-indent:-1px;}
.mac.gecko  .pager ul li a.current{text-indent:0;}
.mac.webkit .pager ul li a.current{text-indent:0;}
.pager ul li a:hover{text-decoration:underline;}
.pager.bottom{border-bottom:1px #dcdcdc solid; padding-bottom:30px;}

/* category icons */
.ctgIcn{
  border:1px #f63690 solid;
  border-radius:4px;
  background:#fff;
  font-size:12px;
  margin-right:5px;
  display:inline-block;
  padding:4px 5px 2px;
  line-height:1;
  position:relative;
  top:-1px;
  color: #f63690;
}

.ie .ctgIcn{padding:3px 5px 1px;}

a:hover .ctgIcn{
  color:#fff; background-color:#f63690;
}

.ctgIcn.skincare  {border-color:#fb6dc4; color:#fb6dc4;}
.ctgIcn.makeup{border-color:#fb826e; color:#fb826e;}
.ctgIcn.hair  {border-color:#ffc45f; color:#ffc45f;}
.ctgIcn.nail  {border-color:#c8d677; color:#c8d677;}
.ctgIcn.body  {border-color:#7ad3c2; color:#7ad3c2;}
.ctgIcn.movie {border-color:#8ab6de; color:#8ab6de;}
.ctgIcn.life  {border-color:#89dfec; color:#89dfec;}
a:hover .ctgIcn.skincare  {background-color:#fb6dc4;}
a:hover .ctgIcn.makeup{color:#fff; background-color:#fb826e;}
a:hover .ctgIcn.hair  {color:#fff; background-color:#ffc45f;}
a:hover .ctgIcn.nail  {color:#fff; background-color:#c8d677;}
a:hover .ctgIcn.body  {color:#fff; background-color:#7ad3c2;}
a:hover .ctgIcn.movie {color:#fff; background-color:#8ab6de;}
a:hover .ctgIcn.life  {color:#fff; background-color:#89dfec;}


/* view more link */
p.viewMore{clear:both; height:28px;}
p.viewMore a{background:url(/img/pc/sprite.png) no-repeat 0 -180px; text-indent:100%; overflow:hidden; width:194px; height:28px; white-space:nowrap; display:block; float:right;}
p.viewMore a:hover{background-position:0 -210px;}
p.viewMore.marginSet a{margin-bottom: 25px;}

/* 他のキーワードも見るボタン */
p.viewMoreKeyword {
  clear:both;
  height:28px;
}

p.viewMoreKeyword a {
  background: url(/img/pc/sprite.png) no-repeat 0 -420px;
  text-indent: 100%;
  overflow: hidden;
  width: 194px;
  height: 28px;
  white-space: nowrap;
  display: block;
  float: right;
}

p.viewMoreKeyword a:hover {
  background-position: 0 -450px;
}

/* modules
============================================ */
/* recommend slides */
.recommend .wrap{padding:0; position:relative; overflow:hidden;opacity: 0;}
.recSlide ul{ height:191px;}

.recSlide ul li{
  width:191px; height:191px;
  float:left;
  line-height:1.4;
  margin-right:20px;
  position:relative;
  overflow:hidden;
  border: 1px #dcdcdc solid;
}

.recSlide .thumb_inner {
  display: table;
  width: 191px;
  height: 191px;
  text-align: center;
  vertical-align: middle;
}

.recSlide .thumb img{
  width: auto;
  max-width: 191px;
  max-height: 191px;
  display: inline;
  vertical-align:bottom;
}

.recSlide ul li:last-child{margin-right:0;}

.recSlide ul li a{
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

#pageBody section.recommend a{
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -ms-transition:all .3s ease;
  transition:all .3s ease;
}

#pageBody section.recommend a:hover img{
  left:0;
  top:0;
}

.recSlide ul li img{display:block; margin-bottom:5px;}
#pageBody .recSlide ul li p{width:100%; padding:10px 10px 5px 10px; position:absolute; bottom:0; left:auto; margin-bottom:0; font-size:16px;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0.9) 60%, rgba(255,255,255,0.95) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0.5)), color-stop(60%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.95))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0.95) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0.95) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0.95) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0.95) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2ffffff',GradientType=0 ); /* IE6-9 */
  text-align: left;
}
/* New Arrival */
.newArrival{}
.newArrival time.today{display:block; text-align:right; margin-bottom:4px; font-size:46px; color:#f63690; font-family:Arial, Helvetica, sans-serif;}
.newArrival ul{clear:both; margin-left: -30px;}
.newArrival ul:after{clear:both; content:''; display:block;}
.newArrival li{width:292px; float:left; margin-bottom:12px; margin-left: 30px;}
.newArrival ul li .thumb{
  margin: 0;
  border:1px #dcdcdc solid;
  overflow:hidden;
  display: table;
  width: 292px;
  height: 292px;
  text-align: center;
}

.newArrival ul li .thumb a {
  display: table-cell;
  vertical-align: middle;
}

.newArrival .thumb.topics img {
  max-width: 292px;
  max-height: 292px;
  display: inline;
  vertical-align:bottom;
}

#pageBody .newArrival p.ttl{font-size:17px; margin:15px 0 5px; line-height:1.4;}
.newArrival .meta{text-align:right;}
.newArrival .meta time{font-size:12px;}

/* post list */
.postList{clear:both; margin-bottom:10px; margin-left: -20px;}
.postList:after{content:''; clear:both; display:block;}
.postList .entry{width:191px; float:left; margin-left:20px;}



.postList .entry .person{border:1px #f63690 solid; position:relative; margin-bottom:10px; min-height:62px;}
.postList .entry .person a{padding:7px 10px 12px; min-height:62px; display:block;}
.ie .postList .entry .person a{padding:10px 10px 4px;}
.postList .entry .person a:hover{background:#ffe9f3;}
.postList .entry .person img{display:block; position:absolute; left:10px; top:7px;}
#pageBody .postList .entry .person p{font-size:16px; line-height:1.3; padding:2px 0 0 55px; margin-bottom:0;}
#pageBody .postList .entry .person p small{display:block; font-size:12px;}
#pageBody .postList .entry .person a{color:#f63690;}
#pageBody .postList .entry .thumb {
  width: 189px;
  height: 189px;
  display: table;
  text-align: center;
  vertical-align: middle;
  border:1px #dcdcdc solid;
}

#pageBody .postList .entry .thumb a {
  display: table-cell;
  vertical-align: middle;
}

.postList .entry .thumb img{
  width: auto;
  height: auto;
  max-width: 189px;
  max-height: 187px;
  display: inline;
  vertical-align:bottom;
}

#pageBody .postList .entry .abstruct{ font-size:16px; line-height:1.4; margin: 10px 0 0;}
.postList .entry .meta{margin-top:5px;text-align:right;}
.postList .entry .meta time{font-size:12px;}
/* person list */
.personList{clear:both; margin-bottom:15px; margin-left: -20px;}
.personList:after{content:''; clear:both; display:block;}
.personList li{width:138px; float:left; padding:0; margin:0 0 20px 20px; border:1px #f63690 solid;}
.personList li a{display:block;}
.personList li a:hover{background:#fdd7e9;}
.personList li a:hover img{left:0; top:0;}

.personList li img{display:block;}
.personList a{display:block; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
#pageBody .personList li h2,
#pageBody .personList li p{margin-bottom:0; font-size:16px; line-height:1.2; color:#f63690; padding:7px 10px 5px;}

#pageBody .personList li h2 + p {color: #535353;font-size: 13px;padding: 0 10px;}

#pageBody .personList li p small{display:block; font-size:12px;}

/* blogger */
#pageBody .blogger .postList .entry .person{
  border:1px #dcdcdc solid;
  min-height:60px;
  overflow:hidden;
}

#pageBody .blogger .postList .entry .person img{
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:60px;
  height:60px;
  overflow:hidden;
  vertical-align: bottom;
}

#pageBody .blogger .postList .entry .person p{padding:2px 0 0 65px;}

#pageBody .blogger .postList .entry .person a{
  display:block;
  min-height:60px;
  color:#fff;
  background:#f63690;
}

#pageBody .blogger .postList .entry .person a:hover{background:#ffe9f3; color:#f63690;}
/* channel */
.channel .postList{}
.channel .postList .entry{width:138px;}
/*
.channel .postList .entry:nth-child(3n){float:left; margin-right:20px;}
.channel .postList .entry:nth-child(4n){float:right; margin-right:0;}
*/
.channel .postList .entry .ctgIcn{margin:0 0 5px; top:0;}
.channel .postList .entry .thumb.movie{width:138px; overflow:hidden;}
.channel .postList .entry .thumb.movie img{width:136px; height:96px;}

#pageBody .channel .postList .entry .thumb.movie {
  display: table;
  width: 138px;
  height: 96px;
  text-align: center;
  border:1px #dcdcdc solid;
}

#pageBody .channel .postList .entry .thumb.movie a {
  display: table-cell;
  vertical-align: middle;
}

#pageBody .channel .postList .entry .thumb img{
  width: auto;
  height: auto;
  max-width: 136px;
  max-height: 96px;
  display: inline;
  vertical-align:bottom;
}

.channel .postList .entry .thumb.movie a{position:relative; display:block;}
.channel .postList .entry .thumb.movie a:after{position:absolute; left:50%; top:50%; width:40px; height:40px; margin:-20px 0 0 -20px; background:url(/img/pc/sprite.png) no-repeat -260px -20px; content:''; display:block;}

.thumb.movie a{position:relative; display:block;}
.thumb.movie a:after{position:absolute; left:50%; top:50%; width:40px; height:40px; margin:-20px 0 0 -20px; background:url(/img/pc/sprite.png) no-repeat -300px -120px; content:''; display:block; opacity:.7; transition: all 0.3s ease;}
.thumb.movie a:hover:after{opacity:1;}

.topics.thumb.movie a:after{position:absolute; left:50%; top:50%; width:62px; height:62px; margin:-31px 0 0 -31px; background:url(/img/pc/sprite.png) no-repeat -850px -132px; content:''; display:block; opacity:.7; transition: all 0.3s ease;}
.topics.thumb.movie a:hover:after{opacity:1;}

.recentPosts .thumb.movie a:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background: url(/img/pc/sprite.png) no-repeat -350px -120px;
  content: '';
  display: block;
  opacity: .7;
  transition: all 0.3s ease;
}

/* trial */
.trial .cover{width:270px; float:left; text-align:right;}
.trial .cover img{width:255px; height:auto; -webkit-transform:rotate(-5deg); transform:rotate(-5deg); box-shadow:3px 5px 8px rgba(0,0,0,.15); }
.trial .content{width:300px; float:right; margin-top:-40px;}
.trial .content h2{margin-bottom:2px;}
.trial .content h2 img{display:block;}
#pageBody .trial .series{vertical-align:middle; color:#ff348f; height:62px; margin-bottom:20px; clear:both;}
.trial .series:after{display:block; content:''; clear:both;}
.trial .series span{background:url(/img/pc/sprite.png) no-repeat -500px 0; width:62px; height:62px; overflow:hidden; display:block; float:left; text-indent:100%; white-space:nowrap;}
.trial .series span.jan{background-position:-500px -0px;}
.trial .series span.feb{background-position:-570px -0px;}
.trial .series span.mar{background-position:-640px -0px;}
.trial .series span.apr{background-position:-710px -0px;}
.trial .series span.may{background-position:-780px -0px;}
.trial .series span.jun{background-position:-850px -0px;}
.trial .series span.jul{background-position:-500px -70px;}
.trial .series span.aug{background-position:-570px -70px;}
.trial .series span.sep{background-position:-640px -70px;}
.trial .series span.oct{background-position:-710px -70px;}
.trial .series span.nov{background-position:-780px -70px;}
.trial .series span.dec{background-position:-850px -70px;}
.trial .series i{font-style:normal; font-size:32px; padding-left:5px; display:block; float:left; height:62px; line-height:62px;}
.trial .series i small{font-size:24px;}
.trial .content ul{margin-bottom:20px;}
.trial .content ul li{font-size:13px; padding-left:18px; margin-bottom:10px; line-height:1.5; position:relative;}
.trial .content ul li:before{content:''; display:block; position:absolute; width:12px; height:12px; left:0; top:0.3em; background:url(/img/pc/sprite.png) no-repeat -180px -30px;}
.trial ul.links{clear:both; margin:10px 0; padding-top:25px; border-top:1px #dcdcdc solid;}
.trial ul.links li{width:190px; height:45px; float:left; margin-right:20px;}
.trial ul.links li a{border:1px #ff348f solid; height:45px; padding:15px 0 0 15px; display:block; color:#ff348f; position:relative;}
.trial ul.links li a:after{content:''; background:url(/img/pc/sprite.png) -210px -30px no-repeat; height:16px; width:8px; position:absolute; right:10px; top:50%; margin-top:-8px;}
.trial ul.links li a:hover{background:#ffe9f3;}
.trial ul.links li.app{margin-right:0;}
.trial ul.links li.app a{padding:0; border:0 none;}
.trial ul.links li.app a:after{display:none;}
.trial ul.links li.app a img{display:block;}

/* aside common */
#siteAside h1{margin-bottom:20px;}
#siteAside p.viewMore a{float:none; margin:0 auto;}
#siteAside section{margin-bottom:50px; clear:both;}
/* entry list */
#siteAside .entryList{clear:both; margin-bottom:10px;}
#siteAside .entryList li{margin-bottom:20px; clear:both; overflow:hidden;}
#siteAside .entryList li p.thumb{float:left; width:102px; height: auto; border:1px #dcdcdc solid;}
#siteAside .entryList li img{float:left;}



#siteAside .entryList li p.ttl{line-height:1.4; width:180px; padding-bottom:10px; font-size:16px; border-bottom:1px #dcdcdc solid; float:right;}
#siteAside .entryList li p.meta{text-align:right; font-size:12px; margin-bottom:0; padding-top:5px; width:180px; float:right;}
#siteAside .entryList li p.meta time{font-size:12px;}


/* keywords list */
.kwdList{clear:both; margin-bottom:15px;}
.kwdList li{border:1px #c1c1c1 solid; border-radius:4px; display:inline-block; margin:0 7px 7px 0; font-size:12px; line-height:1; overflow:hidden;}
.kwdList li a{padding:11px 10px 10px 29px; display:block; clear:both; position:relative;}
.kwdList li a:before{content:''; display:block; position:absolute; left:5px; top:50%; width:17px; height:17px; margin-top:-8px; background:url(/img/pc/sprite.png) no-repeat -150px -30px;}
.kwdList li a:hover{background:#f5f5f5;}
/* cosme search */
#siteAside .cosmeSearch h1{margin-bottom:0;}
.cosmeSearch{border:1px #f63690 solid;}
.cosmeSearch .navSearch{width:100%; padding:15px; position:relative;}
.cosmeSearch .navSearch:before{content:''; display:block; background:url(/img/pc/sprite.png) -120px -30px no-repeat; width:18px; height:18px; position:absolute; left:22px; top:21px; z-index:10;}
.cosmeSearch .navSearch input{
  border:1px #bbb solid;
  border-radius:4px 0 0 4px;
  padding:5px 0 5px 25px;
  height:31px;
  /*line-height:29px;*/
  font-size:12px;
  width:225px;
  background:#fff;
  position:relative;
}

/* .ie .cosmeSearch .navSearch input{line-height:1.3;} */
.cosmeSearch .navSearch input::-webkit-input-placeholder{color:#999;}
.cosmeSearch .navSearch input:-ms-input-placeholder{color:#999;}
.cosmeSearch .navSearch input::-moz-placeholder{color:#999;}
.cosmeSearch .navSearch input::placeholder{color:#999;}
.cosmeSearch .navSearch input:focus:before{background:none;}
.cosmeSearch .navSearch button{background:#ff348f; border:0; padding:0; height:31px; position:absolute; right:15px; top:15px; color:#fff; width:45px; border-radius:0 4px 4px 0;}
.cosmeSearch .navSearch .detailShow{text-align:right; margin-top:15px;}
.cosmeSearch .navSearch .detailShow a{padding:0 0 0 20px; position:relative; display:inline-block;}
.cosmeSearch .navSearch .detailShow a:before{content:''; display:block; position:absolute; width:17px; height:17px; left:0; top:-2px; background:url(/img/pc/sprite.png) no-repeat;}
.cosmeSearch .navSearch .detailShow.open a:before{background-position:-220px -30px;}
.cosmeSearch .navSearch .detailShow.close a:before{background-position:-240px -30px;}
.detailSearch{padding:10px 15px; display:none;}
.detailSearch dt{clear:both; background:#ff348f; color:#fff; padding:5px 5px; line-height:1; margin-bottom:5px;}
.detailSearch dd{clear:both; border-bottom:1px #dcdcdc solid; margin-bottom:10px; padding-bottom:10px;}
.detailSearch dd input,
.detailSearch dd select{max-width:100%;}
.detailSearch dd select.initial{width:20%;}
.detailSearch dd select.drilldown{width:78%;}
.detailSearch p{text-align:center;}
.detailSearch p button[type=submit]{background:#ff348f; color:#fff; border:none; width:125px; padding:5px;}
.detailSearch p button[type=button]{background:#666; color:#fff; border:1px #dcdcdc solid; width:125px; padding:5px;}
/* blog ranking */
.blogRanking .entryList li{}
.blogRanking .entryList li a{position:relative;}
.blogRanking .entryList li div{width:180px; float:right;}
.blogRanking .entryList li p.rank{font-size:16px; color:#ff348f; margin-bottom:3px;}
.blogRanking .entryList li p.rank span{display:inline-block; vertical-align: top; width:40px; height:20px; background:url(/img/pc/sprite.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
.blogRanking .entryList li p.rank.rank1 span{background-position:-300px -20px;}
.blogRanking .entryList li p.rank.rank2 span{background-position:-350px -20px;}
.blogRanking .entryList li p.rank.rank3 span{background-position:-400px -20px;}
.blogRanking .entryList li p.rank.rank4,
.blogRanking .entryList li p.rank.rank5{background: none; width: auto; height: auto;}
.blogRanking .entryList li p.rank.rank4 span{background:url(/img/pc/rank_4.png) no-repeat; background-size: contain; height: 28px;}
.blogRanking .entryList li p.rank.rank5 span{background:url(/img/pc/rank_5.png) no-repeat; background-size: contain; height: 28px;}

.blogRanking .entryList p.ttl{padding-bottom:5px !important;}
.blogRanking .entryList p.ttl span{display: block; font-size: 12px; color:#f63690; margin-top: 2px;}

/* kuchikomi ranking */
.kuchikomiRanking h1 {
  margin-bottom: 10px!important;
}

.kuchikomiRankingTitle {
  font-size: 14px;
  margin-bottom: 10px;
}

.kuchikomiRankingTitle > span {
  color: #ff348f;
}

.kuchikomiRanking .entryList li a {
  display: block;
  position:relative;
  padding-left: 40px;
}
.kuchikomiRanking .entryList li .thumb.aside a {
  padding: 0;
}

.kuchikomiRanking .entryList li div{width:180px; float:right; font-size: 16px;}
.kuchikomiRanking .entryList li p.rank{font-size:16px; color:#ff348f; margin-bottom:5px;}
.kuchikomiRanking .entryList li p.rank .rankNumber{
  position: absolute;
  top: 0;
  left: 0;
  display:block;
  width:40px;
  height:20px;
  background:url(/img/pc/sprite.png) no-repeat;
  text-indent:100%;
  overflow:hidden;
  white-space:nowrap;
}

.kuchikomiRanking .entryList li .rating-star + b {
  color: #ff348f;
}

.kuchikomiRanking .entryList li p.rank.rank1 .rankNumber{background-position:-300px -20px;}
.kuchikomiRanking .entryList li p.rank.rank2 .rankNumber{background-position:-350px -20px;}
.kuchikomiRanking .entryList li p.rank.rank3 .rankNumber{background-position:-400px -20px;}

.kuchikomiRanking .entryList .brandName {
  line-height: 1.3;
}

.kuchikomiRanking .entryList .itemName {
  padding: 5px 0;
}

.kuchikomiRanking .entryList .itemLead {
  line-height: 1.3;
}

/* apps */
.storeLink{clear:both; margin-bottom:5px;}
.storeLink:after{content:''; clear:both; display:block;}
.storeLink a{display:block; float:left; width:145px;}
.storeLink a:last-child{float:right;}
/* trial */
#siteAside .trial .cover{width:140px; float:left; height:215px; position:relative;}
#siteAside .trial .cover img.cover{width:115px; height:auto; -webkit-transform:rotate(-5deg); transform:rotate(-5deg); box-shadow:3px 5px 8px rgba(0,0,0,.15); margin:-5px 0 18px 10px;}
#siteAside .trial .cover .app{width:140px; height:45px; position:absolute; left:0; bottom:0;}
#siteAside .trial .cover .app img{width:auto; height:auto; -webkit-transform:rotate(0); transform:rotate(0); box-shadow:none;}
#siteAside .trial .content{width:150px; float:right; margin-top:0; height:215px; position:relative;}
#siteAside .trial .content h2{margin-bottom:2px;}
#siteAside .trial .content h2 img{display:block;}
#siteAside .trial .series{vertical-align:middle; color:#ff348f; height:50px; margin-bottom:20px; clear:both; border:none; margin:0;}
#siteAside .trial .series:after{display:block; content:''; clear:both;}
#siteAside .trial .series span{background:url(/img/pc/sprite.png) no-repeat 0 -70px; width:50px; height:50px; overflow:hidden; display:block; float:left; text-indent:100%; white-space:nowrap;}
#siteAside .trial .series span.jan{background-position:   0px  -70px;}
#siteAside .trial .series span.feb{background-position: -50px  -70px;}
#siteAside .trial .series span.mar{background-position:-100px  -70px;}
#siteAside .trial .series span.apr{background-position:-150px  -70px;}
#siteAside .trial .series span.may{background-position:-200px  -70px;}
#siteAside .trial .series span.jun{background-position:-250px  -70px;}
#siteAside .trial .series span.jul{background-position:   0px -120px;}
#siteAside .trial .series span.aug{background-position: -50px -120px;}
#siteAside .trial .series span.sep{background-position:-100px -120px;}
#siteAside .trial .series span.oct{background-position:-150px -120px;}
#siteAside .trial .series span.nov{background-position:-200px -120px;}
#siteAside .trial .series span.dec{background-position:-250px -120px;}
#siteAside .trial .series i{font-style:normal; font-size:15px; padding-left:3px; display:block; float:left; height:50px; line-height:50px;}
.ie #siteAside .trial .series i{line-height:56px;}
#siteAside .trial ul{clear:both; width:100%; height:auto; position:absolute; left:0; bottom:0; margin-bottom:0;}
#siteAside .trial ul li{width:100%; height:45px; float:none; margin:10px 0 0 0; border:1px #ff348f solid; text-align:center; font-size:16px; padding:0; line-height:45px;}
#siteAside .trial ul li:before{display:none;}
#siteAside .trial ul li a{height:43px; padding:0; display:block; color:#ff348f; position:relative; background:none;}
#siteAside .trial ul li a:after{display:none;}
#siteAside .trial ul li a:hover{background:#ffe9f3; text-decoration:none;}
#siteAside .trial ul li.app{margin-right:0;}
#siteAside .trial ul li.app a{padding:0; border:0 none;}
#siteAside .trial ul li.app a:after{display:none;}
#siteAside .trial ul li.app a img{display:block;}
#siteAside section.brand_rectangle {margin-bottom:30px; clear:both;}
/* main visual */
.mainSlides{margin-bottom:30px; opacity:0;}
.mainSlides #mainVisual {margin:0;}
.mainSlides #mainVisual .slideCaption{background:url(/img/pc/slideCaption.png) repeat-x left bottom; padding-top:100px;}
.mainSlides a{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; display:block;}
.mainSlides a:hover{opacity:.7;}
.mainSlides a:hover img{left:0; top:0;}

/* topics list */
#pageBody .topics ul.blogEntryList {clear:both; margin-bottom:20px;}
#pageBody .topics ul.blogEntryList li{overflow: hidden;clear:both; margin-bottom:10px; position:relative; padding:10px; min-height:158px;}
#pageBody .topics ul.blogEntryList li:after{content:''; clear:both; display:block;}
#pageBody .topics ul.blogEntryList li a{}
#pageBody .topics ul.blogEntryList li:nth-child(odd){background:#fff4f9;}
#pageBody .topics ul.blogEntryList li:nth-child(even){background:#f3f3f3;}

#pageBody .topics ul.blogEntryList li p.thumb{
  display: inline-block;
  border:1px #dcdcdc solid;
  float: left;
  margin: 0;
  padding-left:0;
  width:140px;
  overflow:hidden;
  background: #fff;
}

#pageBody .topics ul.blogEntryList li p.thumb img {
  vertical-align: bottom;
  margin: 0;
}

#pageBody .topics ul.blogEntryList li p{padding-left:150px;}
#pageBody .topics ul.blogEntryList li p.ttl{font-size:18px; margin-bottom:10px; padding-top:1px; line-height:1.4;}
#pageBody .topics ul.blogEntryList li .meta{
  padding-left:150px;
  font-size:12px;
  margin-bottom: 10px;
}

#pageBody .topics ul.blogEntryList li p.abstruct{
  font-size:14px;
  line-height:1.4;
  margin-bottom:0;
}
#pageBody .topics.model ul li p.ttl{margin-bottom:5px;}
#pageBody .topics.model ul li p.meta{margin-bottom:0;}
#pageBody .topics.model ul li p.abstruct{margin-bottom:15px;}
#pageBody .topics.model ul li p.person{position:absolute; right:10px; bottom:10px; min-height:34px; margin-bottom:0; text-align:right; font-size:16px; color:#ff348f; padding:2px 40px 0 0; line-height:1.2;}
#pageBody .topics.model ul li p.person a{color:#ff348f;}
#pageBody .topics.model ul li p.person img{border:none; position:absolute; left:auto; top:0; right:0;}
#pageBody .topics.model ul li p.person small{font-size:12px; display:block; white-space:nowrap;}
#pageBody .topics.model ul li p.person a:hover{text-decoration:underline;}

#pageBody .topics ul.blogEntryList.with-author li .meta {
  margin-bottom: 0;
}

/* Blog Contents
====================================== */
header.blogIndex{position:relative; height:45px; margin-bottom:20px;}
.pageHeader h1{margin-bottom:20px;}
ul.switch{clear:both; margin-bottom:30px; height:28px; background:url(/img/pc/sprite.png) no-repeat -200px -300px;}
ul.switch.actNews{background-position:-200px -180px;}
ul.switch.actMember{background-position:-200px -210px;}
ul.switch.actRanking{background-position:-200px -240px;}
ul.switch.actCuration{background-position:-200px -270px;}
ul.switch li{height:28px; float:left; width:154px; font-size:12px; position:relative;}
ul.switch li:first-child{width:153px;}
ul.switch li a{display:block; text-align:center; padding:8px 0 0; height:28px; z-index:1;}
ul.switch li.active a{color:#f63690;}
ul.switch li.prev a{border-right-color:#fff4f9;}
ul.switch li a:hover{color:#f63690;}
ul.switch li.active a:after{content:''; display:block; position:absolute; left:60px; bottom:-15px; width:36px; height:16px; background:url(/img/pc/sprite.png) no-repeat -450px -20px; z-index:3;}
/* function */
#pageBody section header .function{position:absolute; height:28px; width:293px; right:0; top:15px; z-index:10;}
#pageBody section header .function select {display: none;}
/*#pageBody section header .function select{border:1px #ffaecb solid; border-radius:4px; color:#707070; -webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:25px; position:relative; background:url(/img/pc/selectArr.png) no-repeat right center #fff; float:left; margin-top:3px; min-width:140px; padding-left: 5px;}*/
#pageBody section header .function dl{height:28px; position: absolute; top: 0; right: 0;}
#pageBody section header .function dl dt{line-height:28px; display:inline-block; vertical-align:middle; margin-right:5px; font-size:12px;}
#pageBody section header .function dl dd{height:28px; display:inline-block; vertical-align:middle;}
#pageBody section header .function dl dd p{width:28px; height:28px; display:block; float:left; margin:0 15px 0 0; line-height:28px; vertical-align:middle; overflow:hidden;}
#pageBody section header .function dl dd p:last-child{margin-right:0;}
#pageBody section header .function dl dd p a{width:28px; height:28px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap;}
#pageBody section header .function dl dd p.viewList a.off{background:url(/img/pc/sprite.png) no-repeat -300px -80px; display:none;}
#pageBody section header .function dl dd p.viewIcon a.off{background:url(/img/pc/sprite.png) no-repeat -340px -50px;}
#pageBody section header .function dl dd p.viewList a.on{background:url(/img/pc/sprite.png) no-repeat -300px -50px;}
#pageBody section header .function dl dd p.viewIcon a.on{background:url(/img/pc/sprite.png) no-repeat -340px -80px; display:none;}

/* change display */
#pageBody .topics ul.blogEntryList.icon{margin-bottom:15px; clear:both;}
#pageBody .topics ul.blogEntryList.icon:after{content:''; display:block; clear:both;}
#pageBody .topics ul.blogEntryList.icon li{width:148px; float:left; padding: 0;min-height: 0;}
#pageBody .topics ul.blogEntryList.icon li:after{content:''; clear:none; display:none;}
#pageBody .topics ul.blogEntryList.icon li a{min-height:0;}
/*#pageBody .topics ul.blogEntryList.icon li a:after{content:''; clear:none; display:none;}*/

#pageBody .topics ul.blogEntryList.icon li img{position:relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:5px;}
#pageBody .topics ul.blogEntryList.icon li p{padding-left:0;}
#pageBody .topics ul.blogEntryList.icon li p.ttl{font-size:14px; margin-bottom:10px;}
#pageBody .topics ul.blogEntryList.icon li p.meta{font-size:12px; border-top:1px #dcdcdc solid; padding-top:5px;}
#pageBody .topics ul.blogEntryList.icon li p.meta time{display:block; padding:5px;}
#pageBody .topics ul.blogEntryList.icon li p.abstruct{display:none;}


#pageBody .topics ul.blogEntryList.icon li p.thumb{
  position:relative;
  height: auto;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}

#pageBody .topics ul.blogEntryList.icon li img {
  position: static!important;
  max-width: 100%!important;
  max-height: 100%!important;
  vertical-align: bottom;
}


#pageBody .topics ul.blogEntryList.icon li {
  background: none;
}

#pageBody .topics.model ul.blogEntryList.icon li p.ttl,
#pageBody .topics.model ul.blogEntryList.icon li .meta,
#pageBody .topics.model ul.blogEntryList.icon li p.abstruct,
#pageBody .topics.model ul.blogEntryList.icon li p.person,
#pageBody .topics.model ul.blogEntryList.icon li p.person img,
#pageBody .topics.model ul.blogEntryList.icon li p.person small {
  display: none;
}

/* blog ranking */
.latestRanking{}
#pageBody .latestRanking .rank{text-indent:100%; overflow:hidden; white-space:nowrap; height:45px; border-bottom:4px #f63690 solid; position:relative; margin-bottom:0;}
#pageBody .latestRanking .rank:after{content:''; display:block; width:120px; height:40px; background:url(/img/pc/sprite.png) no-repeat; position:absolute; left:0; top:0; overflow:hidden;}
#pageBody .latestRanking .rank.rank1:after{background-position:-380px  -50px;}
#pageBody .latestRanking .rank.rank2:after{background-position:-380px  -90px;}
#pageBody .latestRanking .rank.rank3:after{background-position:-380px -130px;}
#pageBody .latestRanking .thumb{border:1px #dcdcdc solid}
#pageBody .latestRanking .ttl{font-size:16px; line-height:1.4;}
#pageBody .latestRanking.postList .entry p.person{border:none; padding:0; text-align:right; border-bottom:1px #dcdcdc solid; margin-bottom:5px; padding-bottom:10px; min-height:0;}
#pageBody .latestRanking p.person img{position:relative; left:auto; top:auto; float:right; margin:0 0 0 5px;}
#pageBody .latestRanking p.person{font-size:18px; line-height:1.2; color:#f63690; padding:2px 0 0 0;}
#pageBody .latestRanking p.person small{display:block; font-size:12px; margin:0; padding:0;}
#pageBody .latestRanking p.person a{padding:0; margin:0; min-height:0;}
#pageBody .latestRanking p.person a:hover{background:transparent none; text-decoration:underline;}
/* seminar */
#pageBody .seminar ul { margin-left: 10px;}
#pageBody .seminar ul li{float:left; width:115px; margin:0 10px 10px 0 ; border:1px #dcdcdc solid; border-radius:4px;}
#pageBody .seminar ul li img{width:96px; height:95px;}
#pageBody .seminar ul li p{margin-bottom:0; font-size:12px; position:relative; padding:7px 0 2px 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#pageBody .seminar ul li p:before{width:17px; height:17px; position:absolute; left:-1px; top:3px; background:url(/img/pc/sprite.png) no-repeat no-repeat -150px -30px; content:''; display:block;}
#pageBody .seminar ul li a{display:block; padding:6px;}
#pageBody .seminar ul li a:hover{background:#f5f5f5;}
#pageBody .seminar ul li div{width:100%; height:96px; overflow:hidden; margin-bottom:5px;}
#pageBody .seminar ul li div img{position:relative; width:100%; height:auto;}
/* blog search */
.blogSearch{background:#f3f3f3; padding:15px;}
.blogSearch dl{height:31px;}
.blogSearch dl dt{float:left; width:140px; height:31px; padding-top:9px;}
.blogSearch dl dd{float:right; width:440px; position:relative;}
.blogSearch dd{width:200px; height:31px;}
.blogSearch dd:before{content:''; display:block; background:url(/img/pc/sprite.png) -120px -30px no-repeat; width:18px; height:18px; position:absolute; left:7px; top:6px; z-index:10;}
.blogSearch dd input{
  border:1px #e3e3e3 solid;
  border-radius:4px 0 0 4px;
  padding:5px 0 5px 25px;
  height:31px;
  /*line-height:29px;*/
  width:391px;
  background:#fff;
  position:relative;
}
/*.ie .blogSearch dd input{line-height:1.2;}*/

.blogSearch.model dl dt{ width: 160px; }
.blogSearch.model dl dd { width: 420px; }
.blogSearch.model dl dd input{ width: 371px; }

.blogSearch.topics dl dt{ width: 210px; }
.blogSearch.topics dl dd{ width: 370px; }
.blogSearch.topics dl dd input{ width: 321px; }

.blogSearch dd input::-webkit-input-placeholder{color:#999;}
.blogSearch dd input:-ms-input-placeholder{color:#999;}
.blogSearch dd input::-moz-placeholder{color:#999;}
.blogSearch dd input::placeholder{color:#999;}
.blogSearch dd input:focus:before{background:none;}
.blogSearch dd button{background:#ff348f; border:0; padding:0; height:31px; position:absolute; right:0; top:0; color:#fff; width:50px; border-radius:0 4px 4px 0;}
/* blog entry */
.pageHeader div.image{}
.pageHeader div.image img{width:100%; height:auto; display:block;}
.pageHeader div.writer{border:1px #dcdcdc solid; padding:10px; clear:both; margin-bottom:25px;}
.pageHeader div.writer:after{content:''; display:block; clear:both;}
#pageBody .pageHeader div.writer p.image{float:left; padding-left:0;}
#pageBody .pageHeader div.writer p.image img{display:block;}

#pageBody .pageHeader div.writer div.image{float:left; padding-left:0;}
#pageBody .pageHeader div.writer div.image img{display:block; width: 95px;}
#pageBody .pageHeader div.writer div.image .like-count {
  margin-top: 15px;
  text-align: center;
  color: #f63690;
}

#pageBody .pageHeader div.writer div.image .status-number {
  font-size: 15px;
  line-height: 1.4;
}


#pageBody .pageHeader div.writer p{padding-left:115px; font-size:14px; line-height:1.4; margin-bottom:0;}
#pageBody .pageHeader div.writer p.name{padding-top:10px; font-size:20px; margin-bottom:8px; line-height:1;}
#pageBody .pageHeader div.writer p.name small{font-size:14px; padding-left:7px;}
#pageBody .pageHeader div.writer p.name a{color:#f62d8a; padding-bottom:0; line-height:1; display:inline-block; border-bottom:1px #fff solid;}
#pageBody .pageHeader div.writer p.name a:hover{border-bottom:1px #f62d8a solid;}

/* アイテム名 */
#pageBody .pageHeader.item div.writer {border: none;padding: 0; margin-top: 30px;}
#pageBody .pageHeader.item .itemDetail {padding-left: 200px;}

#pageBody .pageHeader.item .itemDetail .genre-awards {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px!important;
}

#pageBody .pageHeader.item div.writer p.image {padding-left:0;}
#pageBody .pageHeader.item div.writer p.image img {border: 1px #dcdcdc solid;}
#pageBody .pageHeader.item div.writer p {padding: 0!important;}
#pageBody .pageHeader.item div.writer p.image .button-like,
#pageBody .pageHeader.item div.writer p.image .button-kuchikomi,
#pageBody .pageHeader.item div.writer p.image .button-buy {margin: 10px 0;}
#pageBody .pageHeader.item div.writer p.image .button-buy-custom {
  margin: 10px 0;
  display: block;
}
#pageBody .pageHeader.item div.writer p.image .button-buy-custom img { border: none; }
#pageBody .pageHeader.item .rating-star {display: inline-block;padding-top: 3px;}
#pageBody .pageHeader.item .itemDetail p {margin: 5px 0;line-height: 1.4;}
#pageBody .pageHeader.item .itemDetail li {line-height: 1.4;}
#pageBody .pageHeader.item .itemDetail .itemName {margin: 0;font-size: 16px;font-weight: bold;}

#pageBody .pageHeader.item .itemDetail .itemDescription p a{
  color:inherit;
  text-decoration:inherit;
}
#pageBody .pageHeader.item .itemDetail .itemDescription p a:hover{
  opacity:0.7;
}

#pageBody .pageHeader.item .itemDetail .itemDescriptionLead {
  margin-top: 10px!important;
}
#pageBody .pageHeader.item .itemDetail .itemDescriptionLimited {
  color: red;
  font-weight: bold;
}
#pageBody .pageHeader.item .itemDetail .itemSpecialLink a {
  text-decoration: underline;
  color: #ff348f!important;
}

#pageBody .pageHeader.item .itemDetail .itemMeta {
  margin-top: 25px;
  padding: 10px;
  background: #f3f3f3;
}

#pageBody .pageHeader.item .itemDetail .itemAwards {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #f3f3f3;
}

#pageBody .pageHeader.item .itemDetail .itemDescriptionTitle,
#pageBody .pageHeader.item .itemDetail .itemAwardsTitle {font-weight: bold;}
#pageBody .pageHeader.item .itemDetail .author-link-list {
  text-align: right;
  margin: 10px 0 0 0;
}
#pageBody .pageHeader.item .itemDetail .snsLinks {margin-top: 30px;}
#pageBody .pageHeader.item .itemDetail .snsLinks li {display: block; width: 50%; float: left;}
#pageBody .pageHeader.item .itemDetail .snsLinks li img{vertical-align: middle;}

#pageBody .pageHeader.item .itemDetail .snsLinksFacebook {
  border-left: 5px solid #fff;
  background: #2a559c;
}

#pageBody .pageHeader.item .itemDetail .snsLinksTwitter {
  border-right: 5px solid #fff;
  background: #37a6e0;
}

#pageBody .pageHeader.item .itemDetail .snsLinks li a {
  text-align: center;
  display: block;
}

#pageBody .pageHeader.item div.writer .profile {margin: 20px 0;}
#pageBody .present-list li {padding: 10px;border: 1px #dcdcdc solid;position: relative;}
#pageBody .present-list li + li {margin-top: 10px;}
#pageBody .present-list li p {line-height: 1.4;}
#pageBody .present-list li p a{
  color:inherit;
  text-decoration:inherit;
}
#pageBody .present-list li p a:hover{
  opacity:0.7;
}
#pageBody .present-list li .present-list-buttons {overflow: hidden; text-align: right;font-size: 0;}
#pageBody .present-list li .present-list-buttons a {margin: 0; display: inline-block}
#pageBody .present-list li .present-list-buttons a + a {
  margin-left: 10px;
}

/* ブランドページ */
#pageBody .pageHeader.brand div.writer {border: none;padding: 0; margin-top: 30px;}
#pageBody .pageHeader.brand .brandDetail {padding-left: 160px;}
#pageBody .pageHeader.brand div.writer p.image {padding-left:0;}
#pageBody .pageHeader.brand div.writer p.image img {border: 1px #dcdcdc solid;}
#pageBody .pageHeader.brand div.writer p {padding: 0!important}


#pageBody .pageHeader.brand .author-link-list {
  margin-top: 20px;
}

.button-fan {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 30px 0 0;
  width: 140px;
  height: 50px;
  color: #f63690!important;
  font-size: 12px;
  line-height: 1;
  border-radius: 5px;
  border: 1px solid #f63690;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  transition: background .3s ease;
  text-align: center;
  cursor: pointer;
}

img + .button-fan {
  margin-top: 10px;
}

.button-fan a {
  color: #f63690!important;
}

.button-fan:before {
  display: block;
  position: absolute;
  top: 5px;
  left: 39px;
  width: 19px;
  height: 18px;
  background: url(/img/common/cosme/sprite.png) no-repeat 0 -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

.button-fan:after {
  position: absolute;
  top: 9px;
  right: 46px;
  font-size: 14px;
  content: "FAN";
}

.button-fan:hover {
  background: #fff4f9;
}

.button-fan[aria-selected="true"] {
  background: #f63690;
  color: #fff!important;
}

.button-fan[aria-selected="true"]:before {
  background: url(/img/common/cosme/sprite.png) no-repeat 0 -100px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;

}

/* ブランド・アイテム　ステータスリスト */

.status-list li {
  position: relative;
  float: left;
  width: 33%;
  text-align: center;
  color: #f63690;
  cursor: pointer;
}

.status-list .status-number {
  font-size: 15px;
  line-height: 1.4;
}

.status-list .icon-kuchikomi,
.status-list .icon-like,
.status-list .icon-star,
.status-list .icon-point,
.status-list .icon-monitor {
  display: block;
  margin: 0 auto;
  width: 19px;
  height: 20px;
}

.status-list .icon-kuchikomi {
  background: url(/img/common/cosme/sprite.png) no-repeat -50px -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
}

.status-list .icon-like {
  background: url(/img/common/cosme/sprite.png) no-repeat -80px -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
}

.status-list .icon-star {
  background: url(/img/common/cosme/sprite.png) no-repeat 0 -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
}

.status-list .icon-monitor {
  background: url(/img/common/cosme/sprite.png) no-repeat -25px -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
}

.status-list .icon-point {
  width: 37px;
  background: url(/img/common/cosme/sprite.png) no-repeat -150px -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
}

.brand-status-list li {
  width: 33%;
}

.brand-status-list li:nth-child(2) {
  width: 34%
}

.item-status-list li {
  width: 25%;
  padding-bottom: 20px;
  text-align: left;
}

.item-status-list li .icon-container {
  display: inline-block;
  text-align: center;
  position: relative;
}

.item-status-list li:nth-child(3) {
  cursor: auto;
}

/* 各記事リスト　いいね・コメントボタン */
.post-list-status {
  display: inline-block;
  font-size: 0;
}

.blogEntry .post-list-status {
  float: right;
}

.postList .post-list-status,
.newArrival .post-list-status {
    display: block;
    text-align: right;
    border-bottom:1px #dcdcdc solid;
    margin: 5px 0;
    padding-bottom: 5px;
}

.postList.new-ranking .post-list-status {
    border-bottom:0;
    padding-bottom: 0px;
}

.postList.ranking-top3 .post-list-status {
    border-bottom: 0;
    padding-bottom: 0px;
    text-align: right;
    margin-bottom: 3px;
    margin-right: 2px;
}

#pageBody .ranking-top3 p,
#pageBody .new-ranking p {
    margin-bottom: 0;
}

.postListSimple .post-list-status {
  float: none;
  margin-left: 10px;
}

.post-list-status div {
  display: inline-block;
  position: relative;
  margin-bottom: 0!important;
  padding-left: 23px;
  font-size: 12px;
  line-height: 20px;
  color: #f63690;
}

.post-list-status div + div {
  margin-left: 15px;
}

.post-list-status .icon-kuchikomi,
.post-list-status .icon-like {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 19px;
  height: 20px;
}

.post-list-status .icon-kuchikomi {
  background: url(/img/common/cosme/sprite.png) no-repeat -50px -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
}

.post-list-status .icon-like {
  background: url(/img/common/cosme/sprite.png) no-repeat -80px -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
}

.post-list-status + time {
  margin-top: 5px;
  display: block;
}

/* 各アイコンのツールチップ */
.status-list li:hover .status-tooltip,
.status-list li:hover .icon-container:after {
  display: block!important;
}

.status-tooltip {
  display: none;
  position: absolute;
  bottom: 80px;
  left: 0;
  width: 100%;
  padding: 5px;
  color: #535353;
  background: #efefef;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: left;
  font-size: 10px;
  line-height: 1.5;
}

.status-tooltip:after {
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 7px 0 7px;
  border-color: #efefef transparent transparent transparent;
  content: "";
}

.item-status-list .status-tooltip {
  bottom: 80px;
  left: 50%;
  width: 200px;
  margin-left: -100px;
}

.item-status-list li:first-child .status-tooltip {
  width: 300px;
  margin-left: -150px;
}

.item-status-list li:nth-child(2) .status-tooltip {
  text-align: center;
}

.status-list .infoBox {
  margin: 30px 0;
}

#pageBody .infoBox {
  clear: both;
  overflow: hidden;
  margin-bottom: 30px;
  line-height: 1.6;
}

#pageBody .pageHeader .infoBox {
  margin: 30px 0;
}

#pageBody .activity .infoBox {
  margin: 0;
}

#pageBody .infoBox img {
  max-width: 100%;
  height: auto;
}
#pageBody .infoBox p a{
  color:inherit;
  text-decoration:inherit;
}
#pageBody .infoBox p a:hover{
  opacity:0.7;
}

.brand-sns-module {
  overflow: hidden;
}

.brand-sns-module .brand-movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.brand-sns-module .brand-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.brand-sns-module-inner,
.brand-sns-module-inner2 {
  margin-top: 30px;
}

.brand-sns-module-inner {
  display: block;
  margin: 30px auto 0;
  text-align: center;
}

.brand-sns-twitter-wrap {
  display: inline-block;
  min-width: 520px;
}

.brand-sns-facebook-wrap {
  display: inline-block;
  min-width: 500px;
}

.brand-sns-module-inner2 {
  float: left;
  width: 50%;
  height: 600px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px 0 0;
}

.brand-sns-module-inner2 .brand-sns-twitter-wrap,
.brand-sns-module-inner2 .brand-sns-facebook-wrap {
  min-width: 300px;
}

.brand-sns-module-inner2 + .brand-sns-module-inner2 {
  padding: 0 0 0 10px;
}
.cosmeItemInformation p{
  line-height:1.4;
}
.cosmeItemInformation p a{
  color:inherit;
  text-decoration:inherit;
}
.cosmeItemInformation p a:hover{
  opacity:0.7;
}

#pageBody section.blogEntry header{border-top:none; border-bottom:1px #dcdcdc solid; margin-bottom:35px;}
#pageBody section.blogEntry header:after{content:''; display:none;}
#pageBody section.blogEntry header h1{font-size:22px; text-indent:-0.1em; padding:0; margin:10px 0 12px;}
#pageBody section.blogEntry header h1:first-letter{color:#f62d8a; font-size:22px;}
.ie #pageBody section.blogEntry header h1{padding:7px 0 3px 7px;}
#pageBody section.blogEntry header .meta{font-size:12px; margin-bottom:5px;}
#pageBody section.blogEntry p{
  /*line-height:1.85;*/
  line-height: 1.6;
}

#pageBody .blogBody {
  line-height: 1.6;
}

#pageBody .blogBody > p a,
#pageBody .blogBody > p a:link,
#pageBody .blogBody > p a:visited,
#pageBody .blogBody > p a:hover,
#pageBody .blogBody > p a:active {
  color: inherit;
  text-decoration: inherit;
}

#pageBody .blogBody > p a:hover {
  opacity: .7;
}

#pageBody .blogBody img{max-width:100%; height:auto;}
#pageBody .blogBody iframe{margin-bottom:30px; width: 100%;}
#pageBody section.blogEntry .entryKwd{border-bottom:1px #dcdcdc solid; padding:15px 0; margin-bottom:25px;}
#pageBody section.blogEntry .entryKwd ul{position:relative; padding-left:25px;}
#pageBody section.blogEntry .entryKwd ul:before{width:17px; height:17px; position:absolute; left:0; top:50%; margin-top:-7px; background:url(/img/pc/sprite.png) no-repeat -150px -30px; content:''; display:block;}
#pageBody section.blogEntry .entryKwd ul li{display:inline-block; padding-right:5px; border:none; font-size:12px;}
#pageBody section.blogEntry .entryKwd ul li a{padding:0; text-decoration:underline;}
#pageBody section.blogEntry .entryKwd ul li a:hover{/*font-weight:bold;*/}
#pageBody section.blogEntry .share{clear:both; margin-bottom:35px; height:40px;}
#pageBody section.blogEntry .share ul{width:205px;}
#pageBody section.blogEntry .share ul li{float:left; height:40px; width:100px; overflow: hidden;}
#pageBody section.blogEntry .share ul li + li{margin-left: 5px;}
#pageBody section.blogEntry .share ul li img {margin-left: -20px;}
#pageBody section.blogEntry .share ul:first-child{float:left;}
#pageBody section.blogEntry .share ul:last-child{float:right;}
#pageBody section.blogEntry .share ul:last-child a{display:block; height:40px; border:1px #ffbbdb solid; padding:12px 10px 0; position:relative; background:#fff4f9; font-size:13px; padding:12px 5px 0;}
#pageBody section.blogEntry .share ul:last-child a:hover{color:#f63690;}
#pageBody section.blogEntry .share ul:last-child a:after{content:''; display:block; background:url(/img/pc/sprite.png) no-repeat -140px -40px; width:8px; height:14px; position:absolute; top:50%; right:5px; margin-top:-7px;}
#pageBody section.blogEntry .share ul:last-child a:hover:after{background-position:-140px -55px;}

/* コメント・コメントする・いいね */
#pageBody section.blogEntry .share ul + ul {width: 390px;}
#pageBody section.blogEntry .share ul + ul li {width: 120px;}
#pageBody section.blogEntry .share ul + ul li + li + li {
  width: 140px;
}

#pageBody section.blogEntry .share ul:last-child .button-like {
  font-size:15px;
  padding: 12px 10px 10px 35px!important;
  margin: 0;
  width: 140px;
  border-radius: 0!important;
}
#pageBody section.blogEntry .share ul:last-child .button-like:not(.active) {
  background: #fff!important;
}
#pageBody section.blogEntry .share ul:last-child .button-like:not(.active):hover {
  background: #fff4f9!important;
}
#pageBody section.blogEntry .share ul:last-child .button-like:before {
  left: 10px;
  top: 50%;
  margin-top: -10px;
}
#pageBody section.blogEntry .share ul:last-child .button-like:after {
  display: none!important;
}


#pageBody section.blogEntry .shareWithoutComment {clear:both; margin-bottom:35px; height:40px;}
#pageBody section.blogEntry .shareWithoutComment ul{width:300px; margin: 0 auto;}
#pageBody section.blogEntry .shareWithoutComment ul li{float:left; margin-right:10px; height:40px; width:140px;}
/* recent posts */
#pageBody section.recentPosts{}
#pageBody section.recentPosts h1{font-size:30px; color:#f63690; border-bottom:1px #f63690 solid; margin-bottom:10px;}
#pageBody section.recentPosts.date h1{font-size:30px; color:#333; border-bottom:1px #dcdcdc solid; margin-bottom:10px;}
#pageBody section.recentPosts.date h1:first-letter{color:#f62d8a;}

#pageBody section.recentPosts ul.entryList{margin-bottom:25px;}
#pageBody section.recentPosts ul.entryList li{clear:both; border-bottom:1px #dcdcdc solid; padding:10px 0;overflow:hidden;}
#pageBody section.recentPosts ul.entryList li p.thumb{border:1px #dcdcdc solid; float:left; width:56px;}
#pageBody section.recentPosts.relatedLink ul.entryList li p.thumb{width:70px;}
#pageBody section.recentPosts.relatedLink ul.entryList li p.thumb{margin-bottom: 0}

#pageBody section.recentPosts ul.entryList li p.thumb img{
  vertical-align: bottom;
}


#pageBody section.recentPosts ul.entryList li p.ttl{padding-left:75px; font-size:18px; margin-bottom:5px; padding-top:8px;}
#pageBody section.recentPosts.relatedLink ul.entryList li p.ttl{padding-left:80px;}
#pageBody section.recentPosts ul.entryList li p.meta, #pageBody section.recentPosts ul.entryList li div.meta{padding-left:75px;  font-size:12px; padding-top:0;}




#pageBody section.recentPosts.date ul.entryList li:nth-child(odd){background:#fff4f9;}
#pageBody section.recentPosts.date ul.entryList li:nth-child(even){background:#f3f3f3;}

/* entry footer */
.blogEntryFooter{clear:both;}
#pageBody .blogEntryFooter .blogCategory{width:290px; float:left; clear:none;}
.blogEntryFooter .blogCategory h1{font-size:26px; color:#f63690; border-bottom:1px #f63690 solid; margin-bottom:15px; padding-bottom:10px;}
.blogEntryFooter .blogCategory li{margin-bottom:12px;}
.blogEntryFooter .blogCategory li a.other{position:relative; padding-left:25px;}
.blogEntryFooter .blogCategory li a.other:before{content:''; display:block; position:absolute; left:0px; top:50%; width:17px; height:17px; margin-top:-8px; background:url(/img/pc/sprite.png) no-repeat -150px -30px;}
.blogEntryFooter .blogCategory li a.skincare  {color:#fb6dc4;}
.blogEntryFooter .blogCategory li a.makeup{color:#fb826e;}
.blogEntryFooter .blogCategory li a.hair  {color:#ffc45f;}
.blogEntryFooter .blogCategory li a.nail  {color:#c8d677;}
.blogEntryFooter .blogCategory li a.body  {color:#7ad3c2;}
.blogEntryFooter .blogCategory li a.movie {color:#8ab6de;}
.blogEntryFooter .blogCategory li a.life  {color:#89dfec;}
.blogEntryFooter .blogCategory li a:hover{font-weight:bold;}
.blogEntryFooter .blogCategory li a:hover span{font-weight:normal;}
#pageBody .blogEntryFooter .blogCalendar{width:290px; float:right; clear:none;}

section.blogCalendar div.header{background:#ff348f; border-radius:5px 5px 0 0; color:#fff; font-size:22px; position:relative; height:40px; text-align:center; line-height:40px; padding:0;}
section.blogCalendar div.header a{cursor:pointer; text-decoration:underline; position:relative; z-index:2; height:40px; display:inline-block; color:#fff;}
section.blogCalendar div.header a:hover{color:#fff; font-weight:bold;}
section.blogCalendar div.header a.prev{display:block; position:absolute; left:0; top:0; width:40px; height:40px; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:3;}
section.blogCalendar div.header a.prev:after{content:''; background:url(/img/pc/sprite.png) -200px -50px no-repeat; height:16px; width:10px; position:absolute; left:50%; top:50%; margin:-8px 0 0 -5px;}
section.blogCalendar div.header a.next{display:block; position:absolute; right:0; top:0; width:40px; height:40px; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:3;}
section.blogCalendar div.header a.next:after{content:''; background:url(/img/pc/sprite.png) -210px -50px no-repeat; height:16px; width:10px; position:absolute; left:50%; top:50%; margin:-8px 0 0 -5px;}
section.blogCalendar div.header a.prev:hover:after{background-position:-220px -50px;}
section.blogCalendar div.header a.next:hover:after{background-position:-230px -50px;}
section.blogCalendar div{background:#f4f4f4; border-radius:0 0 5px 5px; padding:10px 15px;}
section.blogCalendar table{width:100%; text-align:center; font-size:12px;}
section.blogCalendar table th{text-align:center; height:34px; width:14.285%; vertical-align:middle;}
section.blogCalendar table td{height:34px; line-height:34px; width:14.285%; vertical-align:middle;}
section.blogCalendar table a{color:#ff348f; text-decoration:underline;}
section.blogCalendar table a:hover{font-weight:bold;}
section.blogCalendar table i{background:#d2d2d2; width:34px; height:34px; border-radius:17px; display:inline-block; font-style:normal;}

/* view Back link */
p.viewBack{clear:both; height:28px;}
p.viewBack a{background:url(/img/pc/sprite.png) no-repeat 0 -240px; text-indent:100%; overflow:hidden; width:194px; height:28px; white-space:nowrap; display:block;}
p.viewBack a:hover{background-position:0 -270px;}

/* view Back Article link */
p.viewBackArticle {clear:both; height:28px;}
p.viewBackArticle a{background:url(/img/pc/sprite.png) no-repeat 0 -300px; text-indent:100%; overflow:hidden; width:194px; height:28px; white-space:nowrap; display:block;margin-top: 30px;}
p.viewBackArticle a:hover{background-position:0 -330px;}

/* view Back Comment link */
p.viewBackComment {clear:both; height:28px;}
p.viewBackComment a{background:url(/img/pc/sprite.png) no-repeat 0 -360px; text-indent:100%; overflow:hidden; width:194px; height:28px; white-space:nowrap; display:block;margin-top: 30px;}
p.viewBackComment a:hover{background-position:0 -390px;}

/*カテゴリーページ用リスト*/
#pageBody ul.postListSimple {clear:both; margin-bottom:20px;}
#pageBody ul.postListSimple li{clear:both; margin-bottom:10px; position:relative; padding:10px; min-height:158px;}
#pageBody ul.postListSimple li:after{content:''; clear:both; display:block;}
#pageBody ul.postListSimple li a{}
#pageBody ul.postListSimple li:nth-child(odd){background:#fff4f9;}
#pageBody ul.postListSimple li:nth-child(even){background:#f3f3f3;}
#pageBody ul.postListSimple li p.thumb{
  border:1px #dcdcdc solid;
  float: left;
  margin: 0;
  padding-left:0;
  width:140px;
  overflow:hidden;
}

#pageBody ul.postListSimple li p.thumb img {
  vertical-align: bottom;
}

#pageBody ul.postListSimple li p{padding-left:150px;}
#pageBody ul.postListSimple li p.ttl{font-size:18px; margin-bottom:10px; padding-top:1px; line-height:1.4;}
#pageBody ul.postListSimple li p.meta{font-size:12px;}
#pageBody ul.postListSimple li p.abstruct{font-size:16px; line-height:1.4; margin-bottom:0;}
#pageBody ul.postListSimple li p.ttl{margin-bottom:5px;}
#pageBody ul.postListSimple li p.meta{margin-bottom:0;}
#pageBody ul.postListSimple li p.abstruct{margin-bottom:15px;}
#pageBody ul.postListSimple li p.person a{color:#ff348f;}
#pageBody ul.postListSimple li p.person{position:relative; left:150px; min-height:34px; margin-bottom:0; font-size:16px; color:#ff348f; padding:2px 0 0 40px; line-height:1.2;}
#pageBody ul.postListSimple li p.person img{border:none; position:absolute; left: 0; top:0;}
#pageBody ul.postListSimple li p.person small{font-size:12px; display:block; white-space:nowrap;}
#pageBody ul.postListSimple li p.person a:hover{text-decoration:underline;}
#pageBody ul.postListSimple li div.meta {
  padding-left:150px;
  font-size:12px;
  margin-bottom:0;
}

/*カテゴリーページ用リスト ブロック表示時*/
#pageBody ul.postListSimple.icon{margin-bottom:15px; clear:both; margin-left: -7px;}
#pageBody ul.postListSimple.icon:after{content:''; display:block; clear:both;}
#pageBody ul.postListSimple.icon li{width:148px; float:left; clear:none; margin:0 7px 7px 0;}
#pageBody ul.postListSimple.icon li:after{content:''; clear:none; display:none;}
#pageBody ul.postListSimple.icon li a{min-height:0;}
#pageBody ul.postListSimple.icon li a:after{content:''; clear:none; display:none;}
#pageBody ul.postListSimple.icon li img{position:relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:5px;}
#pageBody ul.postListSimple.icon li p{padding-left:0;}
#pageBody ul.postListSimple.icon li p.thumb{position:relative; left:-6px; top:-5px; margin-bottom:0;}
#pageBody ul.postListSimple.icon li p.ttl{font-size:14px; margin-bottom:10px;}
#pageBody ul.postListSimple.icon li p.meta{font-size:12px; border-top:1px #dcdcdc solid; padding-top:5px;}
#pageBody ul.postListSimple.icon li p.meta time{display:block; padding:5px;}
#pageBody ul.postListSimple.icon li p.abstruct{display:none;}
#pageBody ul.postListSimple.icon li p.ttl{margin-bottom:10px;}
#pageBody ul.postListSimple.icon li p.meta{margin-bottom:5px;}
#pageBody ul.postListSimple.icon li p.abstruct{display:none;}
#pageBody ul.postListSimple.icon li p.person{position:relative; left: 0; bottom:auto; min-height:34px; margin-bottom:0; font-size:16px; color:#ff348f; padding:2px 0 0 40px; line-height:1.2;}
#pageBody ul.postListSimple.icon li p.person img{border:none; position:absolute; left:0; top:0; width:34px !important; height:auto;}
#pageBody ul.postListSimple.icon li p.person small{font-size:12px; display:block; white-space:nowrap;}

#pageBody ul.postListSimple.icon li p.thumb{
  position:relative;
  height: auto;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}

#pageBody ul.postListSimple.icon li img {
  position: static!important;
  max-width: 100%!important;
  max-height: 100%!important;
  margin: 0!important;
  vertical-align: bottom;
}

#pageBody ul.postListSimple.icon li {
  padding: 0;
  background: none;
}

#pageBody ul.postListSimple.icon li p.ttl,
#pageBody ul.postListSimple.icon li .meta,
#pageBody ul.postListSimple.icon li p.abstruct,
#pageBody ul.postListSimple.icon li p.person,
#pageBody ul.postListSimple.icon li p.person img,
#pageBody ul.postListSimple.icon li p.person small {
  display: none!important;
}

.rankingArticle .latestRanking.postList {
  border-bottom: 1px solid #dcdcdc;
}

/*ブログページ ランキングリスト4-9位*/
#pageBody #ranking ul.articleRankingListSimple {clear:both; margin-bottom:20px;border-top: 1px #dcdcdc solid;}
#pageBody #ranking ul.articleRankingListSimple li{clear:both; margin-bottom:10px; position:relative; padding:10px; min-height:120px;border-bottom: 1px #dcdcdc solid;}
#pageBody #ranking ul.articleRankingListSimple li:after{content:''; clear:both; display:block;}
#pageBody #ranking ul.articleRankingListSimple li a{}

#pageBody #ranking ul.articleRankingListSimple li p.thumb{
  border:1px #dcdcdc solid;
  position:absolute;
  left:68px;
  top:10px;
  padding-left:0;
  width:100px;
  height:100px;
  overflow:hidden;
  text-align: center;
  display: table;
}

#pageBody #ranking ul.articleRankingListSimple li p.thumb a {
  display: table-cell;
  vertical-align: middle;
}

#pageBody #ranking ul.articleRankingListSimple li p.thumb img {
  width: auto;
  height: auto;
  max-width: 98px;
  max-height: 98px;
  display: inline;
  vertical-align: bottom;
}


#pageBody #ranking ul.articleRankingListSimple li p{padding-left:110px;}
#pageBody #ranking ul.articleRankingListSimple li p.ttl{font-size:18px; margin-bottom:10px; padding-top:1px; line-height:1.4;}
#pageBody #ranking ul.articleRankingListSimple li p.meta{font-size:12px;}
#pageBody #ranking ul.articleRankingListSimple li p.abstruct{font-size:16px; line-height:1.4; margin-bottom:0;}
#pageBody #ranking ul.articleRankingListSimple li p.ttl{margin-bottom:5px;}
#pageBody #ranking ul.articleRankingListSimple li p.meta{margin-bottom:0;}
#pageBody #ranking ul.articleRankingListSimple li p.abstruct{margin-bottom:15px;}
#pageBody #ranking ul.articleRankingListSimple li p.person a{color:#ff348f;}
#pageBody #ranking ul.articleRankingListSimple li p.person{position:relative!important; top: 0; left:110px; min-height:34px; margin-bottom:0; font-size:16px; color:#ff348f; padding:2px 0 0 40px; line-height:1.2;text-align: left;}
#pageBody #ranking ul.articleRankingListSimple li p.person img{border:none; position:absolute; left: 0; top:0;}
#pageBody #ranking ul.articleRankingListSimple li p.person small{font-size:12px; display:block; white-space:nowrap;}
#pageBody #ranking ul.articleRankingListSimple li p.person a:hover{text-decoration:underline;}
#pageBody #ranking ul.articleRankingListSimple li div.meta {
  padding-left:110px;
  font-size:12px;
  margin-bottom:0;
}
#pageBody #ranking ul.articleRankingListSimple li div.meta time {
  margin-right: 10px;
}

#pageBody #ranking ul.articleRankingListSimple .rank {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -24px;
  padding: 0;
}

.rank4,
.rank5,
.rank6,
.rank7,
.rank8,
.rank9,
.rank10 {
  width:48px;
  height:48px;
  background:url(/img/pc/sprite.png) no-repeat;
}

.rank.rank4 {background-position: -500px -132px;}
.rank.rank5 {background-position: -550px -132px;}
.rank.rank6 {background-position: -600px -132px;}
.rank.rank7 {background-position: -650px -132px;}
.rank.rank8 {background-position: -700px -132px;}
.rank.rank9 {background-position: -750px -132px;}
.rank.rank10 {background-position: -800px -132px;}


#pageBody #ranking ul.articleRankingListSimple .postListSimpleRight {
  padding-left: 68px;
}

.switchTab {
  margin: 30px 0 15px;
  display: block;
  border-bottom: 2px solid #f63690;
  overflow: hidden;
}

.switchTab li {
  float: left;
  margin-left: 5px;
  height: 28px;
  line-height: 28px;
  width: 180px;
  font-size: 13px;
  border: 1px solid #f63690;
  border-width: 1px 1px 0 1px;
  border-bottom-color: #fff;
  text-align: center;
  background: #fff;
  border-radius:4px 4px 0 0;
  cursor: pointer;
}

.switchTab li a {
  display: block;
}

.switchTab li.is-active {
  background: #f63690;
}

.switchTab li.is-active a {
  color: #fff!important;
}

.switchTab li:hover {
  color: #f63690;
}

/* Maquiaブロガー/ランキング/ユーザーランキングページ */

.userRanking h2 {
  font-size: 22px;
  text-indent: -0.1em;
  padding: 0;
  margin-bottom: 15px;
}

.userRanking .personList li {
  position: relative;
  margin-top: 60px;
}

.userRanking .personList .rank {
  position: absolute;
  top: -58px;
  left: 50%;
  margin-left: -24px;
}


.userRanking .postList .thumb {
  position: relative;
}


.userRanking .postList .personName {
  font-size: 20px;
  color:#f62d8a;
  margin-bottom: 10px!important;
}

/* カテゴリーページ */

#pageBody .category h1 {
  font-size: 30px;
  color: #333;
  border-bottom: 1px #dcdcdc solid;
  margin: 10px 0;
}

#pageBody .category h1:first-letter{color:#f62d8a;}

/* コメントページ */

.comment-page-title {
  position: relative;
}

.comment-sort {
  position: absolute;
  top: 0;
  right: 0;
}

.comment-sort a:hover {
  text-decoration: underline;
}

.comment-sort .active {
  color: #ff348f!important;
}

/* コメントページ */

.comment-list li {
  position: relative;
  padding: 15px;
  border: 1px solid #dcdcdc;
}

.comment-list li + li {
  margin-top: 15px;
}



.comment-text {
  margin-bottom: 20px;
}

.comment-reply {
  position: absolute;
  bottom: 10px;
  right: 10px;
  line-height: 30px;
  color: #ff348f;
  text-decoration: underline;
}

.comment-user-name {
  display: block;
  color: #ff348f;
  margin-bottom: 10px;
}

.comment-textarea {
  display: block;
  width: 100%;
  min-height: 150px;
  margin: 15px 0 0;
  padding: 15px;
  border: 1px solid #dcdcdc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.comment-submit {
  position: relative;
  display: block;
  margin: 0 auto 35px;
  padding: 13px 15px;
  width: 50%;
  height: 40px;
  color: #fff;
  font-weight: bold;
  text-align: left;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #ff348f;
  line-height: 1;
}

.comment-submit::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  margin-top: -7px;
  width: 9px;
  height: 14px;
  background-position: -30px -90px;
  background-image: url(/img/mobile/material.png);
  -webkit-background-size: 300px 600px;
  background-size: 300px 600px;
  background-repeat: no-repeat;
  content: "";
}

.comment-user-name a {
  color: #ff348f!important;
}

.comment-user-name a:hover {
  text-decoration: underline;
}

.comment-reply {
  text-decoration: underline!important;
}

.commentBody {
  padding-bottom: 30px;
}

.commentBody + .pager.bottom {
  padding: 0;
  border: 0!important;
}

.comment-post {
  display: block;
  margin: 0 auto 45px;
  width: 50%;
  height: 40px;
  border: 1px #ffbbdb solid;
  padding: 12px 15px 0;
  position: relative;
  background: #fff4f9;
  line-height: 1!important;
  text-align: center;
}

.comment-post-button {
    padding: 0;
    font-size: 14px;
    color: #535353;
}

.comment-post::after {
  content: '';
  display: block;
  background: url(/img/pc/sprite.png) no-repeat -140px -40px;
  width: 8px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}

[data-tab-content],
[data-magazineTab-content] {
  display: none;
}

.is-active {
  display: block;
}


/*アクティビティページ*/

#pageBody .activity h1 {
  font-size: 30px;
  color: #333;
  border-bottom: 1px #dcdcdc solid;
  margin-bottom: 0;
}

#pageBody .activitySummary {
  position: relative;
  overflow: hidden;
  min-height: 102px;
}

#pageBody .activitySummary .thumb {
  float: left;
  width: 102px;
  border: 1px #dcdcdc solid;
}
#pageBody .activitySummary .thumb img {
  vertical-align: bottom;
}

#pageBody .activitySummary h1 {
  float: right;
  margin-bottom: 10px;
  width: 500px;
  font-size: 22px;
  text-indent: -0.1em;
  line-height: 1.4;
  border: none;

}

#pageBody .activity h1:first-letter {
  color: #f62d8a!important;
}

#pageBody .activitySummary .text {
  float: right;
  width: 500px;
  font-size: 14px;
  line-height: 1.4;
}

/* ==========================================================================
   試し読み
   ========================================================================== */

.magazine-headline {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  padding: 15px 0;
}

.magazine-image-list {
  position: relative;
}

.magazineSlider li {
  width: 100%;
  font-size: 0;
  height: 393px;
  overflow: hidden;
  text-align: left;
}

.magazineSlider img {
  width: 50%!important;
  border-right: 1px solid #fff;
  display: inline-block!important;
}

.magazineSlider img + img {
  border-right: 1px dotted #a9a9a9;
}

.magazine-image-list .bx-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.magazine-image-list .bx-prev {
  left: 10px;
}

.magazine-image-list .bx-next {
  right: 10px;
  left: auto;
}

.magazine-image-list .bx-prev,
.magazine-image-list .bx-next {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 1);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, .6) 0 0 10px 0;
  box-shadow: rgba(0, 0, 0, .6) 0 0 10px 0;
  pointer-events: auto;
  opacity: .9;
  font-size: 0;
  display: block;
}

.magazine-image-list .bx-prev::before,
.magazine-image-list .bx-next::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -5px;
  width: 9px;
  height: 16px;
  background-image: url(/img/pc/sprite.png);
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  content: "";
  z-index: 1;
}

.magazine-image-list .bx-prev::before {
  background-position: -200px -30px;

}

.magazine-image-list .bx-next::before {
  background-position: -209px -30px;
}

.magazine-index {
  margin: 20px 0;
}

.magazine-index li {
  position: relative;
  padding-left: 15px;
  margin-top: 8px;
}

.magazine-index li::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-image: url(/img/pc/sprite.png);
  background-position: -180px -30px;
  content: "";
}

.magazine-index li a {
  cursor: pointer;
  margin-left: 5px;
}

.magazine-subscription {
  display: block;
  margin: 5px auto 35px;
  width: 50%;
  height: 40px;
  border: 1px #ffbbdb solid;
  padding: 12px 15px 0;
  position: relative;
  background: #fff4f9;
  line-height: 1!important;
  text-align: center;
}

.magazine-subscription::after {
  content: '';
  display: block;
  background: url(/img/pc/sprite.png) no-repeat -140px -40px;
  width: 8px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}

.magazine-sns-links {
    margin: 0 2px 60px;
}

.magazine-sns-links:after {
    content:'';
    clear:both;
    display:block;
}

.magazine-sns-links ul {
    overflow: hidden;
}

.magazine-sns-links li {
    float: left;
    width: 199px;
    height: 120px;
    margin:  auto 2px;
}

.magazine-sns-links li a {
    display: block;
}

.book-recommend {
    text-align: center;
    width: 100%;
}

.book-recommend .magazine-subscription {
    margin: 10px auto 60px;
}

.magazine-annotation {
  border: 1px #f62d8a solid;
  padding: 20px;
  line-height: 1.4;
}

.magazine-ebook-title {
  background: #f1f0ee;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding: 7px 10px;
  margin: 30px 0 0 0;
}

/* ==========================================================================
   試し読み　電子版
   ========================================================================== */

.magazine-ebook {
  margin-bottom: 60px;
}

.magazine-ebook ul {
  overflow: hidden;
}

.magazine-ebook li {
  float: left;
  width: 25%;
  height: 38px;
  margin: 20px 0 0 0;
  text-align: center;
}

.magazine-ebook li img {
  height: 30px;
}

.magazine-ebook li a {
  display: block;
}

/* ==========================================================================
   試し読み　最新号掲載アイテム
   ========================================================================== */

.magazine-cosme-list {
  overflow: hidden;
}

/* ==========================================================================
   試し読み　バックナンバー
   ========================================================================== */
.magazine-backnumber {
  overflow: hidden;
  margin-bottom: 30px;
}

.magazine-backnumber li {
  float: left;
  width: 50%;
  font-size: 16px;
}

.magazine-backnumber li a {
  display: block;
  margin: 0 auto;
  width: 75%;
}

.magazine-backnumber li a img {
  width: 100%;
  margin-bottom: 15px;
}

.magazine-backnumber-headline,
.recentPosts-title,
.recommend-title {
  font-size: 26px;
  color: #f63690;
  border-bottom: 1px #f63690 solid;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.recommend-post .abstruct {
  border: none!important;
}

/* ==========================================================================
   キーワード一覧
   ========================================================================== */

.switchCharacter {
  padding: 0 15px 15px;
  overflow: hidden;
  font-size: 0;
}

.switchCharacter li {
  display: inline-block;
  width: 8%;
  line-height: 30px;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  text-align: center;
}

.switchCharacter li a {
  display: block;
}

.switchCharacter .is-active {
  border: 1px solid #ff348f;
  color: #ff348f;
}

.switchCharacter li + li {
  margin-left: 1px;
}

#twitter-widget-0 {
  width: 100% !important;
}

/*ログインページ*/

.loginForm {
  margin-top: 30px;
}

.loginForm input::-webkit-input-placeholder{color:#fff;}
.loginForm input:-ms-input-placeholder{color:#fff;}
.loginForm input::-moz-placeholder{color:#fff;}
.loginForm input::placeholder{color:#fff;}

.loginForm dt {
  font-weight: bold;
}

.loginForm input[type="text"],
.loginForm input[type="password"] {
  display: block;
  width: 100%;
  padding: 5px 10px;
  margin: 10px 0;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.loginForm input[type="submit"] {
  display: block;
  margin: 60px auto 30px;
  width: 100%;
  height: 40px;
  border: 1px #ffbbdb solid;
  background: #fff4f9;
  line-height: 1!important;
  text-align: center;
  cursor: pointer;
}

.loginForm input[type="submit"]:hover {
  color: #f63690;
}

.loginLink {
  color: #f63690!important;
  text-decoration: underline!important;
}

.joinButton a {
  display: block;
  margin: 30px auto;
  padding: 12px 15px 0;
  width: 100%;
  height: 40px;
  border: 1px #e3e3e3 solid;
  background: #efefef;
  line-height: 1!important;
  text-align: center;
}

.loginButton,
.joinButton {
  position: relative;
  width: 50%;
  margin: 0 auto;
}

.loginButton::after,
.joinButton::after {
  content: '';
  display: block;
  background: url(/img/pc/sprite.png) no-repeat -140px -40px;
  width: 8px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}

.loginError {
  color: red;
  margin-top: 15px;
}

.loginSuccess {
  margin: 50px auto;
  display: block;
  text-align: center;
  font-size: 15px;
}

/* ==========================================================================
   スライダー共通
   ========================================================================== */

.main-visual img {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
}

.main-visual-caption {
  background:url(/img/pc/slideCaption.png) repeat-x left bottom;
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #000;
  display: block;
  font-size: 18px;
  padding: 30px 30px 10px;
  line-height: 1.5;
  margin: 0!important;
}

/* ==========================================================================
   レコメンド　スライダー
   ========================================================================== */

.recommend-slider {
  opacity: 0;
}

.recommend-slider ul {
  overflow: hidden;
  height: 191px!important;
}

.recommend-slider li {
  width: 191px!important;
  height: 191px!important;
  float: left;
  line-height: 1.4;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}

.recommend-slider li a {
  width: 191px;
  height: 191px;
}

.recommend-slider li p {
  width: 100%;
  padding: 10px 10px 5px 10px;
  position: absolute;
  bottom: 0;
  left: auto;
  margin-bottom: 0!important;
  font-size: 16px;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0.9) 60%, rgba(255,255,255,0.95) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0.5)), color-stop(60%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.95)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0.95) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0.95) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0.95) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0.95) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2ffffff',GradientType=0 );
}


/* Core CSS. Do not edit unless your sure */
.easy-select-box{
  display:inline-block;
  position:relative;
  cursor: pointer;
}

.easy-select-box,
.esb-item {
  cursor: pointer;
}

.easy-select-box .esb-dropdown{
  position:absolute;
  top:100%;
  left:0;
  z-index:99;
  display:none;
}

/* Default Presentation CSS. You can edit appearance here or create a custom class below */
.easy-select-box {
  border:1px #ffaecb solid;
  border-radius:4px;
  color:#707070;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  padding-right:25px;
  position:relative;
  background:url(/img/pc/selectArr.png) no-repeat right center #fff;
  float:left;
  min-width :144px;
  padding-left: 5px;
  line-height: 23px;
}

.easy-select-box:hover {
  background:url(/img/pc/selectArrHover.png) no-repeat right center #fff!important;
  border: 1px solid #f63690;
}

.easy-select-box:focus{
  outline:none;
}

.easy-select-box .esb-dropdown {
  padding-top: 4px;
  margin-top: -4px;
  margin-left: -1px;
  border: 1px solid #ffaecb;
  border-width: 0 1px 1px;
  overflow:auto;
  background:#FFFFFF;
  min-width :144px;
}

.easy-select-box .esb-dropdown .esb-item {
  padding: 0 5px;
  background:#FFFFFF;
  color:#707070;
  cursor:default;
}
.easy-select-box .esb-dropdown .esb-item:hover,
.easy-select-box .esb-dropdown .esb-item.esb-selected {
  background: #fff4f9;
  color: #f63690;
  text-decoration:none;
}

.mTop30 {
  margin-top: 30px;
}

/* Slider */
.slick-slider{position:relative; display:block; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; position:relative;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-slide img {position:relative; z-index:0;width:100%; height:auto;}
.slick-slide .slideCaption{position: absolute;z-index:10;bottom: 0;left: 0;width: 100%; color: #000; display: block;	font-size:18px; padding:30px 30px 10px; line-height:1.5;}
.slick-dots{text-align:center !important; font-size:0; padding:0; height:10px !important;}

.slick-dots li {
  display: inline-block !important;
  margin: 0 7px !important;
  height: 10px !important;
  width: 10px !important;
  float: none !important;
  border: none!important;
}

.slick-dots li button {
  display: inline-block;
  background:url(/img/pc/sprite.png) no-repeat -170px -60px;
  padding: 0;
  width: 10px;
  height: 10px;
  box-shadow: none;
  border: none !important;
  font-size: 0;
  outline: none;
}

.slick-dots li.slick-active button {
  background:url(/img/pc/sprite.png) no-repeat -150px -60px;
}

.slick-makenavi {position:relative; text-align:center; height:45px !important; padding-top:24px;}
.slick-makenavi .slick-dots {display:inline !important; text-align:center; margin:0 auto; position:relative; padding: 0; }
.recommend .slick-makenavi .slick-dots{top:7px;}
.safari .recommend .slick-makenavi .slick-dots{top:0px;}
.mac.gecko .recommend .slick-makenavi .slick-dots{top:4px;}
.mac.chrome .recommend .slick-makenavi .slick-dots{top:4px;}
.mainSlides .slick-makenavi {padding-top:14px; height:30px !important;}
.ipad .slick-makenavi .slick-dots {top: 0;}

.recSlide .slick-prev,
.recSlide .slick-next,
.mainSlides .slick-prev,
.mainSlides .slick-next {position: absolute; top:50%; margin-top:9px; outline: 0; width:10px; height:17px; padding:0; border:none; text-indent: -9999px; z-index:500; overflow:hidden;}

.mainSlides .slick-prev,
.recSlide .slick-prev {left:0px;background:url(/img/pc/sprite.png) no-repeat -200px -30px;}

.mainSlides .slick-next,
.recSlide .slick-next {right:0px; background:url(/img/pc/sprite.png) no-repeat -210px -30px;}

.magazine-image-list .slick-prev,
.magazine-image-list .slick-next {
  outline: 0;
  padding:0;
  border:none;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 1);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, .6) 0 0 10px 0;
  box-shadow: rgba(0, 0, 0, .6) 0 0 10px 0;
  pointer-events: auto;
  opacity: .9;
  font-size: 0;
  display: block;
}

.magazine-image-list .slick-prev {
  right: 10px;
}

.magazine-image-list .slick-next {
  left: 10px;
}

.magazine-image-list .slick-prev::before,
.magazine-image-list .slick-next::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -5px;
  width: 9px;
  height: 16px;
  background-image: url(/img/pc/sprite.png);
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  content: "";
  z-index: 1;
}

.magazine-image-list .slick-prev::before {
  background-position: -209px -30px;
}

.magazine-image-list .slick-next::before {
  background-position: -200px -30px;
}

.author-link-list {
  margin: 10px 10px 0;
  font-size: 0;
  text-align: right;
}

.author-link-list li {
  display: inline-block;
  margin: 0 10px 10px 0;
  color: #ff348f;
  font-size: 12px;
}

.author-link-list li a {
  text-decoration: underline;
  color: #ff348f!important;
}

/* ==========================================================================
   検索結果
   ========================================================================== */
#pageBody.search h1{
  font-size: 22px;
  text-indent: -0.1em;
  padding: 0;
  margin: 10px 0 12px;
  color:#333;
}

#pageBody.search h1:first-letter{
  color:#f62d8a;
}

#pageBody.search .meta {
  margin: 10px 0!important;
}
/* ==========================================================================
   公開期間外ページ
   ========================================================================== */
.expired{
    max-width:615px;
    height:auto;
    margin-bottom:15px;
}

.expired_mq_p{
    text-align: center;
    max-width:615px;
    margin:50px 30px 60px;
    font-size:14px;
    line-height:2em;
}

.expired_mq_btn{
    max-width:615px;
    height:54px;
    margin-bottom:30px;
    text-align:center;
}

.expired_mq_btn img {
  alignment-adjust: central;
  margin-left: 5px;
  margin-right: 5px;
}
/* ==========================================================================
   コスメナビ
   ========================================================================== */
[aria-hidden="true"] {
  display: none;
}

.dynamicTitle {
  position: relative;
  width: 615px;
  min-height: 45px;
  background: url(/img/pc/title/ttl.png) no-repeat;
  color: #000;
  font-size: 30px;
  padding: 12px 0 0 38px;
}

.dynamicTitle > span {
  position: absolute;
  top: 7px;
  left: 5px;
  color: #fff;
  font-size: 35px;
  line-height: 1;
}

/* ==========================================================================
   コスメナビスターアイコン
   ========================================================================== */
.rating {
  display: inline-block;
}

.rating-star {
  display: inline-block;
  font-size: 0;
  padding-bottom: 10px;
}

.rating-star.small img {
  max-width: 18px;
}

.rating b,
.rating-point {
  padding-left: 5px;
  color: #f63690;
  font-size: 14px;
}


.icon-star-small,
.icon-star-half-small,
.icon-star-o-small {
  position: relative;
  top: 2px;
  display: inline-block;
  margin: 0;
  width: 14px;
  height: 14px;
}

.icon-star-small {
  background: url(/img/common/cosme/sprite.png) no-repeat -67px -167px;
  -webkit-background-size: 400px 400px;
  background-size: 400px 400px;
}

.icon-star-half-small {
  background: url(/img/common/cosme/sprite.png) no-repeat -87px -167px;
  -webkit-background-size: 400px 400px;
  background-size: 400px 400px;
}

.icon-star-o-small {
  background: url(/img/common/cosme/sprite.png) no-repeat -107px -167px;
  -webkit-background-size: 400px 400px;
  background-size: 400px 400px;
}

/* 星アイコン　大 */

.icon-star,
.icon-star-o {
  display: inline-block;
  margin: 0 5px;
  width: 25px;
  height: 25px;
}

.icon-star {
  background: url(/img/common/cosme/sprite.png) no-repeat 0 -250px;
}

.icon-star-o {
  background: url(/img/common/cosme/sprite.png) no-repeat -60px -250px;
}

/* ボタン */
.button-feature,
.button-application,
.button-common-small,
.button-common,
.button-buy,
.button-kuchikomi,
.button-like,
.button-upload {
  display: block;
  position: relative;
  margin: 20px auto;
  height: 30px;
  color: #f63690!important;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  border-radius: 5px;
  border: 1px solid #f63690;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  transition: background .3s ease;
  cursor: pointer;
}

.button-buy-custom {
  display: inline-block;
  cursor: pointer;
  margin: 20px auto;
}

.button-common-small {
  padding: 7px;
  width: 110px;
  text-align: center;
}

.button-feature,
.button-application,
.button-common,
.button-buy,
.button-kuchikomi,
.button-like,
.button-upload {
  width: 180px;
}

.button-common-small a,
.button-kuchikomi a {
  color: #f63690;
}

.button-feature:hover,
.button-application:hover,
.button-common-small:hover,
.button-common:hover,
.button-buy:hover,
.button-kuchikomi:hover,
.button-like:hover,
.button-upload:hover {
  background: #fff4f9;
}

.button-common {
  padding: 7px 0 0 0;
  text-align: center;
}

.button-buy {
  padding: 7px 0 0 72px;
}

.button-buy:before {
  display: block;
  position: absolute;
  top: 6px;
  left: 50px;
  width: 18px;
  height: 14px;
  background: url(/img/common/cosme/sprite.png) no-repeat -25px -50px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

.button-kuchikomi {
  padding: 7px 0 0 59px;
}

.button-kuchikomi:before {
  display: block;
  position: absolute;
  top: 4px;
  left: 35px;
  width: 19px;
  height: 19px;
  background: url(/img/common/cosme/sprite.png) no-repeat -50px -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

.button-best-cosme,
.button-monitor-kuchikomi {
  display: inline-block;
  position: relative;
  margin: 0!important;;
  width: 150px;
  height: 22px;
  color: #000!important;
  font-size: 9px;
  line-height: 1;
  text-align: left;
  border-radius: 5px;
  background: #e0e0e0;
}

.button-monitor-kuchikomi:before {
  display: block;
  position: absolute;
  top: 1px;
  left: 11px;
  width: 19px;
  height: 19px;
  background: url(/img/common/cosme/sprite.png) no-repeat -25px -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

.button-monitor-kuchikomi:after {
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 19px;
  height: 19px;
  background: url(/img/common/cosme/sprite.png) no-repeat -50px -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

.button-monitor-kuchikomi {
  padding: 7px 0 0 53px!important;
}

.button-best-cosme {
  padding: 7px 0 0 83px!important;
}

.button-best-cosme:before {
  display: block;
  position: absolute;
  top: 4px;
  left: 9px;
  width: 68px;
  height: 15px;
  background: url(/img/common/cosme/sprite.png) no-repeat -110px -50px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

.button-like {
  padding: 6px 10px 10px 58px;
}

.button-like:before {
  display: block;
  position: absolute;
  top: 3px;
  left: 35px;
  width: 19px;
  height: 19px;
  background: url(/img/common/cosme/sprite.png) no-repeat -80px -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

.button-like[aria-selected="true"], .button-like.active {
  background: #f63690 !important;
  color: #fff!important;
  padding: 6px 10px 10px 75px;
}

.button-like[aria-selected="true"]:before, .button-like.active:before {
  background: url(/img/common/cosme/sprite.png) no-repeat -80px -100px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
}

.button-like.active .passive {
  display: none;
}

.button-like:not(.active) .active {
  display: none;
}

.button-upload {
  padding: 7px 10px 10px 58px;
}

.button-upload:before {
  display: block;
  position: absolute;
  top: 3px;
  left: 25px;
  width: 20px;
  height: 19px;
  background: url(/img/common/cosme/sprite.png) no-repeat -80px -50px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

/* 特集ページボタン */
.button-feature {
  padding: 7px 0 0 66px;
}

.button-feature:before {
  display: block;
  position: absolute;
  top: 6px;
  left: 40px;
  width: 20px;
  height: 15px;
  background: url(/img/common/cosme/sprite.png) no-repeat -50px -50px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

/* 応募するボタン */
.button-application {
  padding: 7px 0 0 70px;
}

.button-application:before {
  display: block;
  position: absolute;
  top: 7px;
  left: 48px;
  width: 18px;
  height: 13px;
  background: url(/img/common/cosme/sprite.png) no-repeat 0 -50px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

/* 参考になったボタン */
.button-useful-reference {
  position: relative;
  display: block;
  padding: 33px 0 0;
  width: 110px;
  height: 50px;
  border: 1px solid #f63690;
  border-radius: 5px;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  transition: background .3s ease;
  color: #f63690;
  background: #fff;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}

.button-useful-reference:before {
  display: block;
  position: absolute;
  top: 5px;
  left: 39px;
  width: 15px;
  height: 24px;
  background: url(/img/common/cosme/sprite.png) no-repeat -200px -75px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

.button-useful-reference span {
  position: absolute;
  top: 14px;
  left: 60px;
}

/* 参考になったボタン押下後 */
.button-useful-reference[aria-selected="true"], .button-useful-reference.active {
  background: #f63690;
  color: #fff;
}

.button-useful-reference[aria-selected="true"]:before, .button-useful-reference.active:before {
  background: url(/img/common/cosme/sprite.png) no-repeat -200px -100px;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
}

/* メインタイトル */
.cosmeMainTitle {
  display: block;
  padding-top: 15px;
  border-top: 2px #f63690 solid;
  font-size: 30px;
  font-weight: normal;
  color: #f63690;
}

.cosmeSubTitle {
  display: block;
  font-size: 30px;
  font-weight: normal;
  color: #000;
}

.cosmeSubTitle.monitor {
  margin: 30px 0;
}

.cosmeSubTitle + .pageHeader {
  margin-top: 30px;
}

/* ==========================================================================
   メニュー
   ========================================================================== */

.cosmeMenuContainer {
  position: relative;
}

.cosmeTopMenu .cosmeMenu {
  margin: 15px 0;
}

.cosmeMenu {
  display: block;
  margin: 15px 0 60px;
  overflow: hidden;
}

.cosmeMenu li {
  float: left;
  width: 74px;
  height: 74px;
  font-size: 11px;
  text-align: center;
  background-image: url(/img/pc/cosme/menu.png);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cosmeMenu li a,
.cosmeMenu li span {
  display: block;
  padding-top: 52px;
  width: 74px;
  height: 74px;
  color: #f63690;
  cursor: pointer;
}

.cosmeMenu li + li {
  margin-left: 3px;
}

.cosmeMenu .cosmeMenuTop {
  background-position: 0 0;
}

.cosmeMenu .cosmeMenuSearch {
  background-position: -75px 0;
}

.cosmeMenu .cosmeMenuRanking {
  background-position: -150px 0;
}

.cosmeMenu .cosmeMenuGenre {
  background-position: -225px 0;
}

.cosmeMenu .cosmeMenuItems {
  background-position: -300px 0;
}

.cosmeMenu .cosmeMenuProduct {
  background-position: -375px 0;
}

.cosmeMenu .cosmeMenuSkintype {
  background-position: -450px 0;
}

.cosmeMenu .cosmeMenuMonitor {
  background-position: -525px 0;
}

.cosmeMenu .cosmeMenuMonitor a,
.cosmeMenu .cosmeMenuMonitor span {
  padding-top: 48px;
}

.cosmeMenu li.is-active a,
.cosmeMenu li.is-active span,
.cosmeMenu li[aria-selected="true"] a,
.cosmeMenu li[aria-selected="true"] span {
  color: #fff;
}

.cosmeMenu .cosmeMenuTop.is-active {
  background-position: 0 -75px;
}

.cosmeMenu .cosmeMenuSearch.is-active {
  background-position: -75px -75px;
}

.cosmeMenu .cosmeMenuRanking.is-active {
  background-position: -150px -75px;
}

.cosmeMenu .cosmeMenuGenre.is-active {
  background-position: -225px -75px;
}

.cosmeMenu .cosmeMenuItems.is-active {
  background-position: -300px -75px;
}

.cosmeMenu .cosmeMenuProduct.is-active {
  background-position: -375px -75px;
}

.cosmeMenu .cosmeMenuSkintype.is-active {
  background-position: -450px -75px;
}

.cosmeMenu .cosmeMenuGenre[aria-selected="true"] {
  background-position: -225px -75px;
}

.cosmeMenu .cosmeMenuItems[aria-selected="true"] {
  background-position: -300px -75px;
}

.cosmeMenu .cosmeMenuProduct[aria-selected="true"] {
  background-position: -375px -75px;
}

.cosmeMenu .cosmeMenuSkintype[aria-selected="true"] {
  background-position: -450px -75px;
}

.cosmeMenu .cosmeMenuMonitor.is-active {
  background-position: -525px -75px;
}

.cosmeFooterLink {
    background: #fff;
}
.cosmeFooterLink a {
    color: #535353;
}
.cosmeFooterLink a:hover {
    color:#f63690;
    text-decoration:none;
}

.cosmeFooterLink h1{
    color: #f63690;
    font-size: 18px;
    margin-top: 25px;
    padding: 15px;
    background: #ebebeb;
}

.cosmeFooterLinkContent {
    position: relative;
    padding: 10px 15px 60px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cosmeFooterLinkContent .cosmeFooterLinkTitle {
    color: #f63690;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
    border-bottom: solid 2px #f63690;
}

.cosmeFooterLinkContent ul + h3 {
    margin-top: 20px;
}

.cosmeFooterLinkContent h3 {
    font-size: 14px;
    line-height: 1.4;
}

.cosmeFooterLinkContent li {
    overflow: hidden;
}

.cosmeFooterLinkContent li li {
    position: relative;
    padding-left: 5px;
    font-size: 12px;
    line-height: 16px;
    text-indent: 15px;
}

.cosmeFooterLinkContent li li:before {
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
    width: 10px;
    height: 22px;
    background: url(/img/common/cosme/sprite.png) -40px -300px;
    content: "";
}

.cosmeFooterLinkContent li li + li {
    margin-top: 2px;
}

.cosmeFooterLinkContent li li:last-child:before {
    background: url(/img/common/cosme/sprite.png) -60px -300px;
}

.cosmeFooterLinkItem {
    float: left;
    width: 50%;
}
/* メガメニュー */

.cosmeMegaMenuContentContainer {
  display: none;
  position: absolute;
  top: 85px;
  left: 0;
  width: 100%;
  background: #f63690;
  z-index: 10000;
}

.cosmeMegaMenuContentContainer a {
  color: #fff;
}

.cosmeMegaMenuContent {
  position: relative;
  padding: 30px 40px 60px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cosmeMegaMenuContent ul + h3 {
  margin-top: 30px;
}

.cosmeMegaMenuContent h3 {
  font-size: 14px;
  line-height: 1.4;
}

.cosmeMegaMenuContent li {
  overflow: hidden;
}

.cosmeMegaMenuContent > li {
  display: none;
}

.cosmeMegaMenuContent li li {
  position: relative;
  padding-left: 5px;
  font-size: 12px;
  line-height: 22px;
  text-indent: 15px;
}

.cosmeMegaMenuContent li li:before {
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  width: 10px;
  height: 22px;
  background: url(/img/common/cosme/sprite.png) 0 -300px;
  content: "";
}

.cosmeMegaMenuContent li li + li {
  margin-top: 2px;
}

.cosmeMegaMenuContent li li:last-child:before {
  background: url(/img/common/cosme/sprite.png) -20px -300px;
}

.cosmeMegaMenuContent > li[aria-selected="true"] {
  display: block;
}

.cosmeMegaMenuContentLeft,
.cosmeMegaMenuContentRight {
  float: left;
  width: 50%;
}

.cosmeMegaMenuContentRight {
  padding-left: 20px;
  border-left: 1px dotted #ddd;
}

.button-menu-close {
  position: absolute;
  left: 50%;
  bottom: 10px;
  margin-left: -50px;
  padding: 9px 0;
  width: 100px;
  height: 28px;
  color: #000;
  font-size: 10px;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  background: #fff;
  text-align: center;
  cursor: pointer;
}

[data-megamenu-content="genre"]:before,
[data-megamenu-content="items"]:before,
[data-megamenu-content="product"]:before,
[data-megamenu-content="skintype"]:before {
  display: block;
  position: absolute;
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6.5px 11px 6.5px;
  border-color: transparent transparent #f63690 transparent;
  content: "";
}

[data-megamenu-content="genre"]:before {
  left: 262px;

}

[data-megamenu-content="items"]:before {
  left: 339px;
}

[data-megamenu-content="product"]:before {
  left: 415px;
}

[data-megamenu-content="skintype"]:before {
  left: 493px;
}

.cosmeMenuContainer + .cosmeSubTitle {
  padding-top: 0;
}

/* ==========================================================================
   小メニュー
========================================================================== */

.cosmeSmallMenu {
  margin: 10px 0 30px;
  display: block;
  border-bottom: 2px solid #f63690;
  overflow: hidden;
}

.cosmeSmallMenu li {
  position: relative;
  float: left;
  margin-left: 5px;
  width: 140px;
  height: 38px;
}

.cosmeSmallMenu li a {
  display: block;
  position: absolute;
  bottom: 0;
  height: 28px;
  line-height: 30px;
  width: 140px;
  font-size: 13px;
  text-align: center;
  background: #f63690;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
}

.cosmeSmallMenu li:last-child a {
  width: 170px;
}

.cosmeSmallMenu li a {
  color: #fff;
}

.cosmeSmallMenu li.is-active a {
  height: 38px;
  line-height: 38px;
}

/* ==========================================================================
   コスメ検索フォーム
========================================================================== */

.cosmeDataBaseSearch {
  margin: 0!important;
}

.cosmeDataBaseSearchBox {
  overflow: hidden;
  margin: 5px 0;
  padding: 15px 20px;
  width: 615px;
  background: #efefef;
}
.cosmeDataBaseSearch input[type="text"],
.cosmeDataBaseSearch button {
  float: left;
  font-size: 16px;
}

.cosmeDataBaseSearch input[type="text"] {
  padding: 5px 0;
  width: 480px;
  height: 40px;
  background: #fff;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  text-indent: 23px;
}

.cosmeDataBaseSearch button {
  padding: 0;
  width: 95px;
  height: 40px;
  background: #ff348f;
  color: #fff;
  border: 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

/* コスメ検索サジェストキーワード */

.cosmeSuggestWord {
  overflow: hidden;
  position: relative;
  line-height: 1.4;
}

.cosmeSuggestWord > p,
.cosmeSuggestWord > ul,
.cosmeSuggestWord li {
  display: inline-block;
}

.cosmeSuggestWord > p {
  margin: 10px 0 0 10px;
}

.cosmeSuggestWord li {
  margin: 10px 0  0 10px;
}

.cosmeSuggestWord li a {
  text-decoration: underline;
}

/* 詳しく検索ボタン*/
.cosmeDataBaseSearchButton {
  float: right;
  padding-right: 10px;
}

.cosmeDataBaseSearchButton span {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  color: #535353!important;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.cosmeDataBaseSearchButton:hover span {
  color: #f63690 !important;
}

.cosmeDataBaseSearchButton span:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background: url(/img/pc/sprite.png) no-repeat;
  content: '';
}

.cosmeDataBaseSearchButton span[aria-selected="false"]:before {
  background-position: -220px -30px;
}

.cosmeDataBaseSearchButton span[aria-selected="true"]:before {
  background-position: -240px -30px;
}

/* かんたん検索 詳しく検索 */
.cosmeDataBaseSearchDetail .cosmeDataBaseSearch {
  margin-bottom: 10px!important;
}

.cosmeDataBaseSearchDetail .cosmeDataBaseSearchBox {
  padding: 0;
  width: 100%;
}

.cosmeDataBaseSearchDetail .cosmeDataBaseSearch input[type="text"] {
  width: 100%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.cosmeDataBaseSearchResult .brandSelectContainForm .cosmeDataBaseSearch {
  display: none;
}


/* ==========================================================================
   コスメ検索　詳細検索画面
   ========================================================================== */
.cosmeDataBaseSearchDetail {
  position: relative;
  width: 100%;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cosmeDataBaseSearchDetail[aria-selected="false"] {
  display: none;
}

.cosmeDataBaseSearchDetail table {
  font-size: 12px;
  line-height: 1.6;
  width: 100%;
}

.cosmeDataBaseSearchDetail tr {
  display: block;
  border-top: 1px dotted #e7e7e7;
}

.cosmeDataBaseSearchDetail th {
  width: 150px;
  font-size: 14px;
  text-align: left;
  font-weight: normal;
}

.cosmeDataBaseSearchDetail th,
.cosmeDataBaseSearchDetail td {
  padding: 5px 0;
  position: relative;
}

.cosmeDataBaseSearchDetail .easy-select-box {
  float: left;
  position: relative;
  padding: 0 20px 0 5px;
  margin-right: 15px;
  color: #535353;
  font-size: 12px;
  min-height: 30px;
  line-height: 28px;
  border-radius: 5px;
  background: url(/img/pc/selectArr.png) no-repeat right center #fff;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

.cosmeDataBaseSearchDetail .easy-select-box .esb-dropdown {
  border: 1px #f63690 solid;
  max-height: 350px;
  overflow: scroll;
}

.select-small + .easy-select-box,
.select-small + .easy-select-box .esb-dropdown {
  width: 80px!important;
  min-width: 80px!important;
}

.select-medium + .easy-select-box,
.select-medium  + .easy-select-box .esb-dropdown {
  width: 295px!important;
}


.select-small-2 + .easy-select-box,
.select-small-2 + .easy-select-box .esb-dropdown {
  width: 60px!important;
  min-width: 60px!important;
}

.select-medium2 + .easy-select-box,
.select-medium2  + .easy-select-box .esb-dropdown {
  width: 350px!important;
  margin-right: 0;
}


.select-large + .easy-select-box,
.select-large  + .easy-select-box .esb-dropdown {
  width: 295px!important;
}

/* 金額 */
.select-price-row {
  position: relative;
}

.select-price-row .select-small + .easy-select-box {
  margin-right: 40px;
}

.select-price-row .select-price-tilde {
  position: absolute;
  top: 12px;
  left: 93px;
}

#cosmeDataBaseSearchForm input[type="checkbox"] {
  display: none;
}

#cosmeDataBaseSearchForm input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-left: 30px;
}

#cosmeDataBaseSearchForm input[type="checkbox"] + label:first-child {
  margin-left: 0;
}

#cosmeDataBaseSearchForm input[type="checkbox"] + label::before,
#cosmeDataBaseSearchForm input[type="checkbox"]:checked + label:after {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
  border: 1px #f63690 solid;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  content: "";
}

#cosmeDataBaseSearchForm input[type="checkbox"] + label::before {

}

#cosmeDataBaseSearchForm input[type="checkbox"]:checked + label:after {
  background: #f63690;
}

.cosmeDataBaseSearchDetail input[type="checkbox"] {
  margin-right: 15px;
}

.cosmeDataBaseSearchDetail input[type="submit"] {
  display: block;
  width: 200px;
  height: 40px;
  margin: 15px auto 30px;
  background: #ff348f;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  transition: background .3s ease;
  text-align: center;
  cursor: pointer;
}

.cosmeDataBaseSearchDetail input[type="submit"]:hover {
  opacity: .7;
}


/* ==========================================================================
   コスメ検索　検索結果画面
   ========================================================================== */

.cosmeDataBaseSearchResultBody {
  margin-top: 60px;
}


/* ソートするナビゲーション  */
.cosmeSort ul {
  margin: 25px 0;
  font-size: 0;
  text-align: right;
}

.cosmeSort li {
  display: inline-block;
  font-size: 12px;
}

.cosmeSort li + li {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #e5e5e5;
}

.cosmeSortTitle::after {
  content: ":";
}

.cosmeSort a {
  text-decoration: underline;
}

.cosmeSort a + a {
  margin-left: 5px;
}

.cosmeSortAisarePt {
  text-align: right;
}

.cosmeItemNotFound {
  text-align: center;
  font-size: 17px;
  padding-top: 30px;
}

/* ==========================================================================
   コスメ検索　コスメ簡単検索ボタン
   ========================================================================== */
.cosmeSimpleSearch {
  margin: 20px 0!important;
  background: #fff;
}

.cosmeSimpleSearchMenu {
  overflow: hidden;
}

.cosmeSimpleSearchMenu li {
  float: left;
  position: relative;
  width: 33%;
  text-align: center;
}

/* ==========================================================================
   コスメ検索　コスメシンプル検索ボタン
   ========================================================================== */
.button-category {
  position: relative;
  display: block;
  margin: 10px auto;
  width: 180px;
  height: 60px;
  color: #f63690;
  font-size: 14px;
  font-weight: normal!important;
  line-height: 1.4;
  text-align: left;
  border-radius: 5px;
  border: 1px solid #f63690;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  transition: background .3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[aria-selected="true"] .button-category,
.button-category:hover {
  background: #fff4f9;
}

.button-category:before {
  display: block;
  position: absolute;
  height: 35px;
  top: 10px;
  background: url(/img/common/cosme/sprite.png) no-repeat;
  -webkit-background-size: 300px 300px;
  background-size: 300px 300px;
  content: "";
}

.button-genre:before {
  left: 18px;
  width: 13px;
  background-position: 0 0;
}

.button-genre {
  padding: 10px 0 0 49px;
}

.button-product:before {
  left: 17px;
  width: 35px;
  background-position: -25px 0;
}

.button-product {
  padding: 10px 0 0 70px;
}

.button-skintype:before {
  left: 20px;
  width: 27px;
  background-position: -75px 0;
}

.button-skintype {
  padding: 20px 0 0 66px;
}

.button-maker:before {
  left: 12px;
  width: 27px;
  background-position: -125px 0;
}

.button-maker {
  padding: 10px 0 0 49px;
}

.button-price:before {
  left: 17px;
  width: 42px;
  background-position: -200px 0;
}

.button-price {
  padding: 20px 0 0 70px;
}

.button-detail:before {
  left: 21px;
  width: 26px;

  background-position: -250px 0;
}

.button-detail {
  padding: 20px 0 0 65px;
}



.cosmeSimpleSearchContentClose {
  position: absolute;
  left: 50%;
  bottom: 20px;
  margin-left: -50px;
  padding: 8px 0;
  width: 100px;
  height: 28px;
  color: #ff348f;
  font-size: 10px;
  border: 1px solid #ff348f;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  background: #fff;
  text-align: center;
}

.bestCosmeButtons {
  overflow: hidden;
  padding: 0 6px;
}

.bestCosmeButtons li {
  float: left;
}

.bestCosmeButtons li + li {
  margin-left: 10px;
}

.bestCosmeButtons .button-category-common {
  margin: 0 5px;
}

.button-category-common {
  position: relative;
  display: block;
  margin: 10px auto;
  padding: 15px 0;
  width: 283px;
  height: 50px;
  color: #f63690;
  font-size: 14px;
  font-weight: normal!important;
  line-height: 1.4;
  border-radius: 5px;
  border: 1px solid #f63690;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  transition: background .3s ease;
  text-align: center;
}

.button-category-common:hover {
  background: #fff4f9
}

[data-simple-search-button] {
  cursor: pointer;
}

/* ==========================================================================
   コスメ簡単検索　画面
   ========================================================================== */
.cosmeSimpleSearchContent {
  position: relative;
  display: none;
}

.cosmeSimpleSearchContentLeft,
.cosmeSimpleSearchContentRight {
  float: left;
  width: 50%;
}

.cosmeSimpleSearchContent ul + h3 {
  margin-top: 30px;
}

.cosmeSimpleSearchContent h3 {
  font-size: 14px;
  line-height: 22px;
}

.cosmeSimpleSearchContent > li {
  display: none;
}

.cosmeSimpleSearchContentInner {
  overflow: hidden;
}

[data-simple-search-content="maker"] .cosmeSimpleSearchContentInner {
  overflow: visible;
}

.cosmeSimpleSearchContent .cosmeSimpleSearchContentList li {
  position: relative;
  padding-left: 5px;
  font-size: 12px;
  line-height: 22px;
  text-indent: 15px;
}


.cosmeSimpleSearchContent .cosmeSimpleSearchContentList li + li {
  margin-top: 2px;
}

.cosmeSimpleSearchContent .cosmeSimpleSearchContentList li:before {
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  width: 10px;
  height: 22px;
  background: url(/img/common/cosme/sprite.png) -40px -300px;
  content: "";
}

.cosmeSimpleSearchContent .cosmeSimpleSearchContentList li:last-child:before {
  background: url(/img/common/cosme/sprite.png) -60px -300px;
}

[data-simple-search-content][aria-selected="false"] {
  display: none;
}

[data-simple-search-content][aria-selected="true"] {
  display: block;
}

[data-simple-search-content] {
  position: relative;
  margin: 15px 0;
  padding: 20px 20px 80px;
  width: 100%;
  background: #efefef;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[data-simple-search-content]:before {
  display: block;
  position: absolute;
  top: -10px;
  width: 0;
  height: 0;
  margin-left: -7px;
  border-style: solid;
  border-width: 0 7px 11px 7px;
  border-color: transparent transparent #efefef transparent;
  content: "";
}

[data-simple-search-content]:nth-child(1):before {
  left: 16.5%;
}

[data-simple-search-content]:nth-child(2):before {
  left: 50%;
}

[data-simple-search-content]:nth-child(3):before {
  right: 16.5%;
}

/* ==========================================================================
   コスメ　リスト３列　ブランド・商品名・説明・価格・発売日・購入ボタン
   ========================================================================== */
.cosme.postList .entry {
  color: #6e6e6e;
  line-height: 1.5;
}

.cosme.postList .brandName,
.cosme.postList .itemName,
.cosme.postList .itemDescription,
.cosme.postList .itemMeta,
.cosme.postList .itemMeta p {
  margin: 0 0 5px!important;
}

.cosme.postList .thumb {
  margin-bottom: 10px!important;
}

.cosme.postList .brandName {
  font-size: 11px;
}

.cosme.postList .itemName {
  font-size: 14px;
  font-weight: bold;
}

.cosme.postList .itemDescription {
  font-size: 12px;
}

.cosme.postList .itemMeta {
  font-size: 11px;
}

.cosme.postList .itemMeta p {
  margin: 0!important;
}

.cosme.postList + .viewMore {
  margin-top: 35px;
}

.cosmeDataBase .rank1,
.cosmeDataBase .rank2,
.cosmeDataBase .rank3 {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 45px;
  border-bottom: 4px #f63690 solid;
  position: relative;
  margin-bottom: 0!important;
}

.cosmeDataBase .rank1:after,
.cosmeDataBase .rank2:after,
.cosmeDataBase .rank3:after {
  display: block;
  width: 120px;
  height: 40px;
  background: url(/img/pc/sprite.png) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  content: '';
}

.cosmeDataBase .rank1:after {
  background-position: -380px -50px;
}

.cosmeDataBase .rank2:after {
  background-position: -380px -90px;
}

.cosmeDataBase .rank3:after {
  background-position: -380px -130px;
}

.cosmeDataBase .rank4,
.cosmeDataBase .rank5,
.cosmeDataBase .rank6,
.cosmeDataBase .rank7,
.cosmeDataBase .rank8,
.cosmeDataBase .rank9,
.cosmeDataBase .rank10,
.cosmeRankingSubPage2 .rank1,
.cosmeRankingSubPage2 .rank2,
.cosmeRankingSubPage2 .rank3,
.cosmeRankingSubPage3 .rank1,
.cosmeRankingSubPage3 .rank2,
.cosmeRankingSubPage3 .rank3 {
  margin-bottom: 5px!important;
  width:48px;
  height:48px;
  background:url(/img/pc/sprite.png) no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: none;
}

.cosmeRankingSubPage2 .rank1:after,
.cosmeRankingSubPage2 .rank2:after,
.cosmeRankingSubPage2 .rank3:after,
.cosmeRankingSubPage3 .rank1:after,
.cosmeRankingSubPage3 .rank2:after,
.cosmeRankingSubPage3 .rank3:after {
  display: none;
}

.cosmeDataBase .rank4 {background-position: -500px -132px;}
.cosmeDataBase .rank5 {background-position: -550px -132px;}
.cosmeDataBase .rank6 {background-position: -600px -132px;}
.cosmeDataBase .rank7 {background-position: -650px -132px;}
.cosmeDataBase .rank8 {background-position: -700px -132px;}
.cosmeDataBase .rank9 {background-position: -750px -132px;}
.cosmeDataBase .rank10 {background-position: -800px -132px;}

.cosmeRankingSubPage2 .rank1 {background-position: 0 -500px;}
.cosmeRankingSubPage2 .rank2 {background-position: -50px -500px;}
.cosmeRankingSubPage2 .rank3 {background-position: -100px -500px;}
.cosmeRankingSubPage2 .rank4 {background-position: -150px -500px;}
.cosmeRankingSubPage2 .rank5 {background-position: -200px -500px;}
.cosmeRankingSubPage2 .rank6 {background-position: -250px -500px;}
.cosmeRankingSubPage2 .rank7 {background-position: -300px -500px;}
.cosmeRankingSubPage2 .rank8 {background-position: -350px -500px;}
.cosmeRankingSubPage2 .rank9 {background-position: -400px -500px;}
.cosmeRankingSubPage2 .rank10 {background-position: -450px -500px;}

.cosmeRankingSubPage3 .rank1 {background-position: 0 -550px;}
.cosmeRankingSubPage3 .rank2 {background-position: -50px -550px;}
.cosmeRankingSubPage3 .rank3 {background-position: -100px -550px;}
.cosmeRankingSubPage3 .rank4 {background-position: -150px -550px;}
.cosmeRankingSubPage3 .rank5 {background-position: -200px -550px;}
.cosmeRankingSubPage3 .rank6 {background-position: -250px -550px;}
.cosmeRankingSubPage3 .rank7 {background-position: -300px -550px;}
.cosmeRankingSubPage3 .rank8 {background-position: -350px -550px;}
.cosmeRankingSubPage3 .rank9 {background-position: -400px -550px;}
.cosmeRankingSubPage3 .rank10 {background-position: -450px -550px;}

.cosmeRankingItemNotFound {
  padding-top: 30px;
  text-align: center;
}


/* ==========================================================================
   最新クチコミ
   ========================================================================== */
.kuchikomiList {
  position: relative;
}

.kuchikomiList li {
  position: relative;
  margin: 10px 0;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  padding: 10px;
}

.kuchikomiListBody {
  position: relative;
  width: 440px;
  float: left;
}

.kuchikomiListBody.withoutImage {
  width: 100%;
}

.kuchikomiListBody .rating-star {
  display: inline-block;
}

.kuchikomiListBody  .button-useful-reference {
  position: absolute;
  top: 0;
  right: 0;
}

.kuchikomiListBodyRight {
  margin-left: 10px;
  width: 140px;
  float: left;
}

.kuchikomiListBodyRight .button-useful-reference {
  margin: 0 auto 10px;
}

.kuchikomiDetail .userInfo,
.kuchikomiListBody .userInfo {
  display: block;
  overflow: hidden;
  position: relative;
  height: 50px;
}

.kuchikomiListBody .userInfo {
  padding-right: 120px;
}

.kuchikomiDetail .userInfo {
  padding-right: 120px;
}

.kuchikomiDetail .userName,
.kuchikomiListBody .userName {
  position: absolute;
  top: 8px;
  left: 39px;
  font-size: 16px;
  line-height: 1;
  display: block;
  white-space: nowrap;
  color: #ff348f;
}

.kuchikomiListBody .userText {
  font-size: 12px;
  line-height: 1.6;
}

.kuchikomiListBody .userCommentCreated {
  margin-top: 10px!important;
  font-size: 12px;
}

.kuchikomiListBody .date {
  font-size: 11px;
}

.kuchikomiListTitle {
  padding-right: 120px;
  line-height: 1.5;
  margin-bottom:1em;
}

.kuchikomiListBody .itemName a {
  font-weight: bold;
}

.kuchikomiListBody .brandName {
  font-size: 12px;
}

.kuchikomiListBody .brandName a,
.kuchikomiListBody .itemName a {
  text-decoration: none;
}

.kuchikomiListBody .itemName {
  font-size: 14px;
  font-weight: bold;
}

.kuchikomiListBody .rating {
  font-size: 12px;
}

.kuchikomiListBody .userText + a {
  font-size: 12px;
  text-decoration: underline;
}

.kuchikomiListBody a:hover {
  text-decoration: none;
}


.kuchikomiList .userUploadPhoto {
  display: inline-block;
  border: 1px #dcdcdc solid;
  float: left;
  margin: 0;
  padding-left: 0;
  width: 140px;
  overflow: hidden;
  background: #fff;
}

.kuchikomiList .userUploadPhoto img {
  vertical-align: bottom;
  width: 100%;
  position: relative;
  transition: 0.15s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.kuchikomiList .userUploadPhoto:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.cosmeDataBaseKuchikomi .viewMore {
  margin-top: 35px;
  padding-right: 10px;
}

.cosmeDataBaseKuchikomi .cosmeMainTitle {
  font-size: 22px;
  text-indent: -0.1em;
  padding: 0;
  margin: 10px 0 12px;
  border: 0;
}

.cosmeDataBaseKuchikomiLink {
  float: right;
  display: inline-block;
  margin: 30px 0;
  padding: 6px 30px;
  height: 28px;
  color: #f63690!important;
  font-size: 12px;
  border: 1px solid #f63690;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  text-align: center;
}

.cosmeDataBaseKuchikomiLink:after {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-left: 10px;
  width: 7px;
  height: 11px;
  background: url(/img/pc/sprite.png) no-repeat -169px -30px;
  content: "";
}

.cosmeDataBaseKuchikomi.brand-comment .kuchikomiListTitle .makerName{
  display:none;
}

/* ==========================================================================
   コスメ検索　トップ
   ========================================================================== */
.cosmeDataSearchTop .cosmeDataBaseSearchButton {
  display: none;
}

/* ==========================================================================
   商品リスト
   ========================================================================== */

.cosmeItemListGrid {
  position: relative;
  padding-left: 205px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #e7e7e7;
  min-height: 205px;
  overflow: hidden;
}

.cosmeItemListImage,
.cosmeItemListImageInner {
  margin: 0!important;
  width: 191px;
  height: 191px;
}

.cosmeItemListImage {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 15px;
}

.cosmeItemListImageInner a {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  border: 1px #dcdcdc solid;
}

.cosmeItemListImageInner img {
  width: auto;
  max-width: 189px;
  max-height: 189px;
  display: inline;
  vertical-align: bottom;
  -webkit-transition: -webkit-transform .3s ease;
  -moz-transition: -moz-transform .3s ease;
  transition: transform .3s ease;
}

.cosmeItemListImageInner a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.cosmeItemListInformation {
  width: 414px;
}

.cosmeItemListIcons {
  font-size: 0;
}

.cosmeItemListIcons span + span {
  margin-left: 10px!important;
}

.cosmeItemListIcons + .itemTitle {
  margin-top: 10px!important;
}

.cosmeItemListInformation .cosmeReview a {
  display: block;
}

.cosmeItemList.ranking .cosmeItemListInformation {
  padding-top: 40px;
}

.cosmeItemListInformation .itemTerm {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

.cosmeItemListInformation .itemTitle {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.4;
}

.cosmeItemListInformation .itemName {
  display: block;
  margin-top: 5px;
  font-size: 18px;
}

.cosmeItemListInformation .itemLead {
  line-height: 1.2;
  margin: 0 0 15px!important;
}

.cosmeItemListInformation .cosmeStatus {
  padding: 10px 0;
  color: #000;
}

.cosmeItemListInformation .cosmeStatus li {
  display: inline-block;
}

.cosmeItemListInformation .cosmeStatus li + li {
  padding-left: 10px;
}

.cosmeItemListInformation .cosmeStatus b {
  color: #ff348f;
}

.cosmeItemListInformation .starContainer {
  display: inline-block;
  font-size: 0;
}

.cosmeItemListInformation .starContainer span {
  margin: 0;
}

.cosmeItemListInformation .itemSpec {
  font-size: 11px;
}

.cosmeItemListInformation .itemSpec span + span {
  padding-left: 11px;
}


.cosmeItemListInformation .cosmeItemListButtons {
  overflow: hidden;
}

.cosmeItemListButtons li {
  float: left;
}

.cosmeItemListButtons li + li {
  margin-left: 15px;
}

.cosmeItemTitle {
  font-size: 22px;
  text-indent: -0.1em;
  padding: 0;
  margin: 10px 0 12px;
}

.cosmeItemTitle + p,
.cosmeItemTitle + p + p {
  font-size: 14px;
  line-height: 1.6;
}

/* ==========================================================================
   商品リスト モニター＆クチコミ募集
   ========================================================================== */
.cosmeApplicationItemList .cosmeItemListGrid {
  position: relative;
  overflow: hidden;
  padding: 0;
}

.cosmeApplicationItemList .cosmeItemListInformation {
  padding-left: 160px;
  width: 100%;
}

.cosmeApplicationItemList .cosmeItemListImage,
.cosmeApplicationItemList .cosmeItemListImageInner {
  width: 138px;
  height: 138px;
}

.cosmeApplicationItemList .cosmeItemListImageInner img {
  width: 138px;
  height: 138px;
  display: inline;
  vertical-align: bottom;
  -webkit-transition: -webkit-transform .3s ease;
  -moz-transition: -moz-transform .3s ease;
  transition: transform .3s ease;
}

.cosmeApplicationItemList .cosmeItemApplicationTitle {
  font-size: 14px;
  font-weight: bold;
}

.cosmeApplicationItemList .cosmeItemApplicationStatus {
  margin: 25px 0;
  font-size: 15px;
  font-weight: bold;
}

.cosmeApplicationItemList .cosmeItemApplicationLead {
  font-size: 12px;
  line-height: 1.6;
}

.cosmeApplicationItemList .cosmeItemListButtons {
  text-align: center;
  display: block;
  width: 100%;
  overflow: hidden;
}

.cosmeApplicationItemList .cosmeItemListButtons li {
  display: inline-block;
  float: none;
}

.cosmeApplicationItemList .cosmeItemListButtons li + li {
  margin-left: 10px;
}

/* ==========================================================================
   コスメ　ランキングトップ
   ========================================================================== */

.cosmeRanking h1 {
  position: relative;
}

.cosmeRanking h1 form {
  position: absolute;
  height: 28px;
  right: 0;
  top: 15px;
  z-index: 10;
}

.cosmeRanking h1 form select {
  display: none;
}

.cosmeRankingTab {
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: 1px solid #dcdcdc;
}

.cosmeRankingTab li {
  float: left;
  padding: 10px 0;
  width: 48%;
  color: #535353;
  background: #dcdcdc;
  text-align: center;
  margin: 0 1%;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}

.cosmeRankingTab li.is-active {
  background: #fff;
  color: #535353;
}

[data-tab-content][aria-selected="true"] {
  display: block;
}

.cosmeRankingSort,
.bloggerRankingSort {
  overflow: hidden;
  margin: 0 10px 25px;
}

.cosmeRankingSort p,
.bloggerRankingSort p {
  float: left;
  margin: 0!important;
  line-height: 1.4;
}

.cosmeRankingSortDate,
.bloggerRankingSortDate {
  overflow: hidden;
}

.cosmeRankingSortDate ul + p,
.bloggerRankingSortDate ul + p {
  margin-left: 15px!important;
}

.cosmeRankingSortDate ul,
.bloggerRankingSortDate ul {
  float: left;
  overflow: hidden;
}

.cosmeRankingSortDate ul li,
.bloggerRankingSortDate ul li {
  float: left;
  line-height: 1.4;
}

.cosmeRankingSort li[aria-selected="true"],
.bloggerRankingSort li[aria-selected="true"] {
  color: #fff;
  background: #f63690;
}

.cosmeRankingSort li[aria-selected="true"] a,
.bloggerRankingSort li[aria-selected="true"] a {
  color: #fff;
}

.cosmeRankingSort li a,
.bloggerRankingSort li a {
  text-decoration: underline;
  padding: 5px;
}

.cosmeRankingSort li a:hover,
.bloggerRankingSort li a:hover {
  text-decoration: none;
}

.cosmeRankingLink {
  display: block;
  margin-top: 15px;
  text-align: center;
  font-size: 0;
}

.cosmeRankingLink li {
  padding: 5px;
  font-size: 16px;
  display: inline-block;
}

.cosmeRankingLink li + li {
  margin-left: 16px;
}

.cosmeRanking .cosmeItemList.ranking .rank {
  display: none;
}

.cosmeRanking .cosmeItemList.ranking .cosmeItemListInformation {
  padding-top: 0;
}

/* ==========================================================================
   コスメ　新着アイテム　シンプル
   ========================================================================== */

.cosmeDataBaseNewItemListSimple .postListSimple p {
  margin: 0 0 5px!important;
  padding: 0!important;
}

.cosmeDataBaseNewItemListSimple .postListSimpleBody {
  padding-left: 150px;
}

.cosmeDataBaseNewItemListSimple .postListSimpleBody .itemTitle {
  margin: 0 0 10px;
  font-size: 13px;
}

.cosmeDataBaseNewItemListSimple .postListSimpleBody .cosmeItemListIcons + .itemTitle {
  margin-top: 10px;
}

.cosmeDataBaseNewItemListSimple .postListSimpleBody .itemName {
  display: block;
  margin-top: 5px!important;
  font-size: 18px;
}

.cosmeDataBaseNewItemListSimple .postListSimpleBody .itemLead {
  line-height: 1.2;
  margin: 0 0 15px!important;
}

.cosmeDataBaseNewItemListSimple .postListSimpleBody .itemSpec {
  font-size: 11px;
}

.cosmeDataBaseNewItemListSimple .postListSimpleBody .itemSpec span + span {
  padding-left: 11px;
}

/* ==========================================================================
   クチコミ一覧　シンプル表示
   ========================================================================== */

.kuchikomiListSimple .button-useful-reference {
  position: absolute;
  top: 10px;
  left: 10px;
}

.kuchikomiListSimple li {
  padding-left: 130px!important;
  min-height: 120px !important;
}

.kuchikomiListSimple .thumb {
  width: 100px!important;
}

.kuchikomiListSimple .rating {
  display: block;
  padding-left: 110px!important;
}

.kuchikomiListSimple .rating p {
  padding-left: 0!important;
}

.kuchikomiListSimpleTitle {
  padding-left: 110px!important;
  font-size: 14px;
  font-weight: bold;
}

.kuchikomiListSimpleTitle + p {
  padding-left: 110px!important;
}

.kuchikomiListSimple .has-no-image p {
  padding-left: 5px !important;
}

.kuchikomiListSimple .withoutImage p,
.kuchikomiListSimple .withoutImage .rating {
  padding-left: 0!important;
}

/* ==========================================================================
   商品詳細　クチコミ
   ========================================================================== */

.kuchikomiDetail {
  position: relative;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  margin-bottom: 30px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.kuchikomiDetail p {
  line-height: 1.4;
}

.kuchikomiDetailInner {
  overflow: hidden;
  position: relative;
}

.kuchikomiDetailInner + .kuchikomiDetailInner {
  margin-top: 10px;
}

.kuchikomiDetailLeft,
.kuchikomiDetailRight {
  float: left;
}

.kuchikomiDetailRight .brandName {
  margin: 0 0 5px!important;
  font-size: 14px;
  line-height: 1.4;
}

.kuchikomiDetailRight .itemName {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.kuchikomiDetailRight .itemSpec p {
  margin: 0!important;
}

.kuchikomiDetailLeft {
  width: 140px;
}

.kuchikomiDetailRight {
  margin-left: 10px;
  width: 440px;
}

.kuchikomiDetailLeft .userUploadPhoto {
  display: inline-block;
  border: 1px #dcdcdc solid;
  width: 138px;
  overflow: hidden;
  background: #fff;
}

.kuchikomiDetailLeft .userUploadPhoto img {
  vertical-align: bottom;
  width: 100%;
  position: relative;
  transition: 0.15s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.kuchikomiDetailLeft .userUploadPhoto:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.kuchikomiDetailLeft .rating {
  padding: 5px 0;
  font-size: 0;
}

.kuchikomiDetailLeft .rating img + img {
  margin-left: 5px;
}

.kuchikomiDetail .userText {
  margin-top: 10px;
  line-height: 1.4;
}

.kuchikomiDetail .post-date {
  margin: 5px 0 15px;
}

.kuchikomiDetail .button-useful-reference {
  position: absolute;
  top: 0;
  right: 0;
}

.kuchikomiDetailLink {
  text-align: center;
  text-decoration: underline!important;
}

.kuchikomiDetail .kuchikomiDetailLink:hover {
  text-decoration: none!important;
}

.kuchikomiDetail .kuchikomiDetailLink + .kuchikomiDetailLink {
  display: block;
  padding-top: 10px;
}

.kuchikomiDetailUser {
  position: relative;
}

.kuchikomiDetailUser .userInfo {
  display: block;
  overflow: hidden;
  position: relative;
  height: 50px;
}

.kuchikomiDetailUser .userName {
  position: absolute;
  top: 8px;
  left: 39px;
  font-size: 16px;
  line-height: 1;
  display: block;
  white-space: nowrap;
  color: #ff348f;
}

.kuchikomiDetailUser .button-useful-reference {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}

.kuchikomiSubmitButtons {
  font-size: 0;
  text-align: center;
}

.kuchikomiSubmitButtons .button-common {
  display: inline-block;
}

.kuchikomiSubmitButtons .button-common + .button-common {
  margin-left: 10px;
}

/* ==========================================================================
   商品詳細　クチコミ投稿ページ
   ========================================================================== */

.cosmeDataBase .msg-error strong {
  color: #f63690;
  border-bottom: 1px solid #f63690;
}

.kuchikomiPostLink {
  display: block;
  margin: 0 0 40px!important;
}


.kuchikomiPostBody {
  margin: 40px 0;
  text-align: center;
}

.kuchikomiPostRating {
  margin: 40px 0;
}

#kuchikomiUploadButtonEntity {
  display: none;
}

.kuchikomiPostTextarea {
  margin: 40px 0;
  width: 100%;
  height: 200px;
}
.kuchikomiPostTextarea.error {
  border: 1px solid red;
}

.kuchikomiPostTextarea textarea {
  margin: 0;
  width: 100%;
  height: 200px;
  line-height: 1.2;
  border: none;
  display: block;
  resize: none;
  padding: 8px 12px 8px 12px;
  border: 1px solid #f63690;
}

input.button-common[type="submit"] {
  padding: 0;
}

/* ==========================================================================
   商品詳細　クチコミ　チェックページ
   ========================================================================== */

.kuchikomiCheckPageTitle {
  margin: 40px 0!important;
  font-size: 16px;
  text-align: center;
}

.kuchikomiCheckTitle {
  margin: 10px 0!important;
  font-size: 16px;
  font-weight: bold;

}

.kuchikomiCheck .button-common {
  padding: 6px 0 0 0;
  text-align: center;
}

.kuchikomiCheckLink {
  text-decoration: none!important;
}

.kuchikomiCheckLink:hover {
  text-decoration: underline!important;
}