@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.11);
  -moz-transform: scale(1.11);
  -o-transform: scale(1.11);
  -ms-transform: scale(1.11);
  transform: scale(1.11);
}
.gecko main .thumb.topics a:hover img {
  -webkit-transform: scale(1.11);
  -moz-transform: scale(1.11);
  -o-transform: scale(1.11);
  -ms-transform: scale(1.11);
  transform: scale(1.11);
}
.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: 0.7;
}

/* wrapper
==================================================== */
#mqWrapper {
  position: relative;
  clear: both;
  margin-top: 40px;
}

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

/* header
==================================================== */
#commonHeader .centerContent {
  width: 980px;
  margin: auto;
}
#commonHeader .bothEndsPadding {
  padding: 0 13px;
}
#commonHeader {
  position: relative;
  margin: 0 auto;
  z-index: 10000;
  background: url(/img/pc/headBg.png) repeat-x center top;
  box-sizing: content-box;
}
#commonHeader #flows {
  height: 170px;
  padding-bottom: 140px;
  background: url(/img/pc/headLogo.png) no-repeat center 76px;
  position: relative;
}
#commonHeader #flows > ul {
  position: relative;
}
#commonHeader #flows > ul > li {
  width: 30px;
  height: 30px;
  margin: 0 3px 0 0;
  float: left;
}
#commonHeader #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?20170710) 0 0;
  width: 30px;
  height: 30px;
}
#commonHeader #flows > ul > .fb > a {
  background: url(/img/pc/head_social_fb.svg);
}
#commonHeader #flows > ul > .tw > a {
  background: url(/img/pc/head_social_tw.svg);
}
#commonHeader #flows > ul > .ig > a {
  background: url(/img/pc/head_social_insta.svg);
}
#commonHeader #flows > ul > .ln > a {
  background: url(/img/pc/head_social_line.svg);
}
#commonHeader #flows > ul > .pu > a {
  background: url(/img/pc/head_social_push.svg);
}
#commonHeader #flows > ul > .pr > a {
  background: url(/img/pc/head_social_pinterest.svg);
}
#commonHeader #flows > ul > .yt > a {
  background: url(/img/pc/head_social_youtube.svg);
}
#commonHeader #flows > ul > .hp {
  position: absolute;
  right: 0;
  top: 0;
  width: 123px;
  height: 30px;
}
#commonHeader #flows > ul > .hp > a {
  background-position: 0 -676px;
  width: auto;
}
#commonHeader .homeLink {
  width: 555px;
  height: 58px;
  position: absolute;
  left: 200px;
  top: 77px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
#commonHeader #remains {
  background-color: white;
  border-bottom: 1px #ebebeb solid;
  margin-bottom: 80px;
  border-bottom: 1px #ebebeb solid;
}
#commonHeader #globalMenu {
  overflow: hidden;
}
#commonHeader #globalMenu > ul {
  padding: 7px 0;
  float: left;
}
#commonHeader #globalMenu > ul > li {
  float: left;
  padding: 0 10px;
  font-size: 12px;
  letter-spacing: -0.025em;
}
#commonHeader .ie #globalMenu > ul > li {
  padding-top: 1px;
}
#commonHeader #globalMenu > ul > li:first-child {
  padding-left: 0;
}
#commonHeader #globalMenu > ul > li:nth-last-child(2) {
  padding-right: 0;
}
#commonHeader #globalMenu > ul > li > a {
  line-height: 40px;
  display: block;
}
#commonHeader .triangle::after {
  content: "";
  position: absolute;
  top: 197px;
  border-top: 10px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #ebebeb;
  border-left: 5px solid transparent;
}
#commonHeader .triangle:nth-child(1)::after {
  margin-left: 24px;
} /* スキンケアの吹き出しの三角の位置 */
#commonHeader .triangle:nth-child(2)::after {
  margin-left: 13px;
} /* メイクの吹き出しの三角の位置 */
#commonHeader .triangle:nth-child(3)::after {
  margin-left: 11px;
} /* ボディの吹き出しの三角の位置 */
#commonHeader .triangle:nth-child(4)::after {
  margin-left: 8px;
} /* ヘアの吹き出しの三角の位置 */
#commonHeader .triangle:nth-child(5)::after {
  margin-left: 13px;
} /* ネイルの吹き出しの三角の位置 */
#commonHeader .triangle:nth-child(6)::after {
  margin-left: 24px;
} /* その他美容の吹き出しの三角の位置 */
#commonHeader .triangle:nth-child(9)::after {
  margin-left: 13px;
} /* ブログの吹き出しの三角の位置 */
#commonHeader .triangle:nth-child(10)::after {
  margin-left: 13px;
} /* コラムの吹き出しの三角の位置 */
#commonHeader .triangle:nth-child(11)::after {
  margin-left: 24px;
} /* コスメ検索の吹き出しの三角の位置 */
#commonHeader .triangle:nth-child(12)::after {
  margin-left: 31px;
} /* ファンクラブの吹き出しの三角の位置 */
#commonHeader .subMenu {
  display: none;
  position: absolute;
  height: 40px;
  background-color: #ebebeb;
  width: 100%;
  left: 0;
}
#commonHeader .subMenu > ul {
  position: absolute;
  left: calc((100% - 954px) / 2);
} /* 980px-13px=954px */
@media screen and (max-width: 980px) {
  #commonHeader .subMenu > ul {
    left: 13px;
  }
}
#commonHeader .subMenu > ul > li {
  float: left;
  padding-right: 37px;
}
#commonHeader .subMenu > ul > li > a {
  font-size: 12px;
  line-height: 40px;
  display: block;
}

/* ヘッダー追従 */
#commonHeader .fixed {
  background: #fff;
  height: 55px;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 600;
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
}
#commonHeader #siteID {
  position: absolute;
  left: 13px;
  top: 0;
  padding-top: 20px;
  width: 0;
  overflow: hidden;
  z-index: 30;
  background: #fff;
  opacity: 0;
  transition: 0.3s;
}
#commonHeader #siteID svg {
  width: 158px;
  height: 17px;
  fill: #f63690;
}
#commonHeader .fixed > #globalMenu > #siteID {
  width: 158px;
  height: 37px;
  overflow: hidden;
  opacity: 1;
}
#commonHeader .fixed > #globalMenu {
  margin: 0 auto;
  position: relative;
}
#commonHeader .fixed > #globalMenu > ul {
  margin-left: 170px;
  padding: 7px 0;
}
#commonHeader .fixed > #globalMenu > ul > li {
  padding: 0 13px;
}
#commonHeader .fixed > #globalMenu > ul > li:last-child {
  padding-right: 0;
}
#commonHeader .fixed > #globalMenu > ul > li > .subMenu {
  background-color: white;
}
#commonHeader #more {
  display: none;
}
#commonHeader .fixed #more {
  display: block;
}
#commonHeader #moreChild {
  display: none;
  background: #ebebeb;
  position: fixed;
  right: calc((100% - 980px) / 2 + -21px);
  width: 150px;
  padding: 15px 0;
}
@media screen and (max-width: 980px) {
  #commonHeader #moreChild {
    left: 853px;
  }
}
#commonHeader #moreChild::before {
  content: "";
  position: absolute;
  top: -20px;
  border-top: 10px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #ebebeb;
  border-left: 5px solid transparent;
  margin-left: 67px;
}
#commonHeader #moreChild > li > a {
  line-height: 40px;
  display: block;
  text-align: center;
  width: 140px;
}
#commonHeader .fixed #more:hover #moreChild {
  display: block;
}
#commonHeader .onlyTop {
  display: block;
}
#commonHeader .fixed .onlyTop {
  display: none;
}

/* simple header
==================================================== */
#simpleHeaderContainer {
  width: 954px;
  margin: auto;
  height: 45px;
}
#headerLogo {
  line-height: 62px;
}
#headerLogo img {
  height: 20px;
}
#appIcon {
  float: right;
  line-height: 54px;
  height: 45px;
}
#appIcon img {
  height: 20px;
  width: 20px;
  margin-left: 20px;
}
#simpleHeader .fixed {
  background: #fff;
  height: 45px;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 600;
}

/* footer
============================================ */
#commonFooter {
  margin-top: 50px;
  background-color: #f8f8f8;
  padding-top: 30px;
}
#commonFooter .centerContent {
  width: 954px;
  margin: auto;
}
#commonFooter .borderTop {
  border-top: 1px #e3e3e3 solid;
}
#commonFooter .cancelFloat::after {
  clear: both;
  content: "";
  display: block;
}
#commonFooter #top {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}
#commonFooter #logo {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#commonFooter #logo svg {
  width: 325px;
  height: 35px;
  fill: #f63690;
}

#commonFooter #navSearch {
  width: 240px;
  height: 40px;
  float: right;
  position: relative;
}
#commonFooter #navSearchTxt {
  padding: 5px 0 5px 10px;
  height: 40px;
  font-size: 12px;
  width: 100%;
  background: #ebebeb;
  position: relative;
}
#commonFooter #navSearchTxt::-webkit-input-placeholder {
  color: #999;
}
#commonFooter #navSearchTxt:-ms-input-placeholder {
  color: #999;
}
#commonFooter #navSearchTxt::-moz-placeholder {
  color: #999;
}
#commonFooter #navSearchTxt::placeholder {
  color: #999;
}
#commonFooter #navSearchTxt:focus:before {
  background: none;
}
#commonFooter #navSearchBtn {
  background: #ebebeb;
  border: 0;
  padding: 0;
  height: 31px;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}
#commonFooter #navSearchBtn:hover {
  opacity: 1;
}
#commonFooter #navSearchBtn:before {
  content: "";
  display: block;
  background: url(/img/pc/sprite.png) -120px -30px no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 7px;
  top: 11px;
  z-index: 10;
}

#commonFooter #menu {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#commonFooter #menu > ul {
  width: 16.66%;
  margin: 40px 0 10px;
}
#commonFooter #menu li {
  font-size: 12px;
  margin-top: 15px;
}
#commonFooter #menu .title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 25px;
}
#commonFooter #menu .title + .title {
  margin-top: 30px;
}
#commonFooter #snsLinkAndSignup {
  border: 1px #e3e3e3 solid;
  padding: 20px 0;
}
#commonFooter #snsLink {
  float: left;
  margin-top: 8px;
  margin-left: 20px;
}
#commonFooter #snsLink > span {
  line-height: 30px;
  font-weight: bold;
  font-size: 18px;
  float: left;
  margin-right: 15px;
}
#commonFooter #snsLink > ul {
  overflow: hidden;
}
#commonFooter #snsLink li {
  float: left;
  margin-right: 10px;
}
#commonFooter #snsLink li svg {
  width: 30px;
  height: 30px;
  fill: #666666;
}
#commonFooter #signup {
  float: right;
  margin-right: 20px;
}
#commonFooter #signupTxt {
  float: left;
  line-height: 20px;
  font-size: 12px;
  margin: 2px 20px auto auto;
}
#commonFooter #signupBtn {
  width: 170px;
  background: #ebebeb;
  text-align: center;
  float: left;
  line-height: 44px;
  text-decoration: none;
}
#commonFooter #signupBtn:hover {
  background-color: #f1f1f1;
}
#commonFooter .abj {
  margin: 40px auto;
}
#commonFooter .abj ul {
  display: table;
  margin: 0 auto;
}
#commonFooter .abj ul li {
  display: table-cell;
  vertical-align: middle;
}
#commonFooter .abj_image img {
  width: 74px;
  height: 55px;
}
#commonFooter .abj_text {
  line-height: 1.6;
  font-size: 12px;
  padding-left: 25px;
}
#commonFooter #earthquake {
  text-align: center;
  font-size: 12px;
}
#commonFooter #earthquake > p {
  margin: 40px auto;
}
#commonFooter #earthquake a {
  text-decoration: underline;
}
#commonFooter #happlusAbout {
  background: #999;
  color: white;
  padding: 45px 0;
  font-size: 14px;
}
#commonFooter #happlusAbout ul {
  display: flex;
  justify-content: space-evenly;
  margin: 10px auto 40px;
}
#commonFooter #happlusAbout a:link {
  color: white;
}
#commonFooter #happlusAbout a:visited {
  color: white;
}
#commonFooter #copyright {
  text-align: center;
}

#anchorNav {
  width: 58px;
  height: 110px;
  position: fixed;
  left: 60%;
  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: 0.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;
}

/* 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: "";
}

/* ad
============================================ */
.ad {
  text-align: center;
}
.ad_pushdown {
  width: 980px;
  margin: 40px auto;
}
[class*="ad_inlinebanner"] {
  margin: 60px 0;
}
#siteAside .ad {
  margin-bottom: 50px;
}
.contentsbottomAds {
  overflow: hidden;
  margin: 60px 0 0;
}
.contentsbottomAds .col-l {
  float: left;
  width: 300px;
}
.contentsbottomAds .col-r {
  float: right;
  width: 300px;
}

/*
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 a.disable {
  pointer-events: none;
  color: #ff348f;
}
#breadcrumbs li {
  display: inline;
}
#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 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.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;
}

/* related slides */
.relatedThreeSlider {
  overflow: hidden;
  margin-top: 20px;
}
.relatedThreeSlider .slick-list {
  margin: 0 -12px;
}
.relatedThreeSlider ul {
  overflow: hidden;
}
.relatedThreeSlider .col {
  float: left;
  width: 33.3333%;
  padding: 0 12px;
}
.relatedThreeSlider .thumb {
  border: solid 1px #dcdcdc;
  overflow: hidden;
}
.relatedThreeSlider .thumb img {
  width: 100%;
  transition: 0.15s;
}
.relatedThreeSlider a:hover .thumb 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);
}
.relatedThreeSlider .text {
  font-size: 16px;
  line-height: 1.4;
  margin: 0.3em 0 0;
}
.relatedThreeSlider .slick-dots {
  margin-top: 20px;
}

/* 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: 290px;
  max-height: 290px;
  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 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#pageBody .personList li .person-list-headline,
#pageBody .personList li h2,
#pageBody .personList li p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.2;
  color: #f63690;
  padding: 7px 5px 1px;
}
#pageBody .personList li .person-list-headline + p,
#pageBody .personList li h2 + p {
  color: #535353;
  font-size: 11px;
  padding: 0 5px;
}

#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: 0.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: 0.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: 0.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, 0.15);
}
.trial .content {
  width: 300px;
  float: right;
  margin-top: -40px;
}
.trial .content > a {
  margin-bottom: 2px;
}
.trial .content > a img {
  display: block;
  z-index: 1;
  position: relative;
}
#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 h3 {
  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;
}

#siteAside .keywords .side-contents-headline {
  margin-bottom: 10px;
}

/* keywords list */

.kwdList {
  clear: both;
  margin-bottom: 15px;
}
.kwdList li {
  border: 1px #c1c1c1 solid;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  overflow: hidden;
  vertical-align: middle;
}
.kwdList li a {
  display: block;
}
.kwdList li a:hover {
  background: #f5f5f5;
}
.kwdList.hasIcon li {
  margin: 0 7px 7px 0;
}
.kwdList.hasIcon li a {
  padding: 11px 10px 10px 29px;
  clear: both;
  position: relative;
}
.kwdList.hasIcon 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.minimal li {
  margin-bottom: 5px;
}
.kwdList.minimal li a {
  padding: 5px;
}
.articleKeyword .kwdList:before {
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 5px;
  background: url(/img/pc/sprite.png) no-repeat -150px -30px;
  content: "";
  display: block;
}
.articleKeyword .kwdList {
  position: relative;
  padding-left: 25px;
}

/* 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 h3 {
  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, 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 > img {
  display: block;
  margin-bottom: 2px;
}
#siteAside .trial .content h2 img {
}
#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 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
}
.mainSlides a:hover {
  opacity: 0.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 .name,
#pageBody .pageHeader div.writer p {
  padding-left: 115px;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0;
}
#pageBody .pageHeader div.writer .name {
  padding-top: 10px;
  font-size: 20px;
  margin-bottom: 8px;
  line-height: 1;
}
#pageBody .pageHeader div.writer h1.name {
  padding-left: 115px;
  padding-top: 10px;
  font-size: 20px;
  margin-bottom: 8px;
  line-height: 1;
}
#pageBody .pageHeader div.writer .name small {
  font-size: 14px;
  padding-left: 7px;
}
#pageBody .pageHeader div.writer .name a {
  color: #f62d8a;
  padding-bottom: 0;
  line-height: 1;
  display: inline-block;
  border-bottom: 1px #fff solid;
}
#pageBody .pageHeader div.writer .name a:hover {
  border-bottom: 1px #f62d8a solid;
}

#pageBody .pageHeader.brand .brandDetail h1.name {
  padding-left: 0;
}

/* アイテム名 */
#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 {
  float: left;
  position: relative;
  left: 15%;
  margin-right: 10px;
  height: 40px;
}

#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;
}

.mainTitle {
  display: block;
  padding-top: 15px;
  border-top: 1px #f63690 solid;
  height: 48px;
  font-size: 30px;
  font-weight: normal;
  color: #f63690;
}
/* ブランドページ */
#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 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.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;
}

.line-account-bnr,
.special-contents-bnr {
  text-align: center;
  margin-bottom: 10px;
}

.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;
}
.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: 0.7;
}

#pageBody .blogBody img {
  max-width: 100%;
  height: auto;
}
#pageBody .blogBody h2,
#pageBody .blogBody h3,
#pageBody .blogBody h4 {
  margin-bottom: 20px;
}
#pageBody .blogBody iframe {
  margin-bottom: 30px;
  max-width: 100%;
}
#pageBody .blogBody .fr-video {
  display: block;
  text-align: center;
}
#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 {
  position: relative;
  left: 42%;
}
#pageBody section.blogEntry .shareWithoutComment li {
  float: left;
  margin-right: 10px;
  height: 40px;
}
/* recent posts */
#pageBody section.recentPosts {
}
#pageBody section.recentPosts h2,
#pageBody section.recentPosts h3 {
  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 .blog-category-headline,
.blogEntryFooter .blogCategory h3 {
  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: 5px;
}
#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: 5px;
}

/*カテゴリーページ用リスト ブロック表示時*/
#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ブロガー/ランキング/ユーザーランキングページ */

.user-ranking-headline,
.userRanking h2 {
  font-size: 24px;
  text-indent: -0.1em;
  padding: 10px 0px 6px 13px;
  margin-bottom: 15px;
  height: 40px;
  width: 615px;
  background: #fff4f9;
  color: #f63690;
  margin-left: -3px;
}

.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-headline,
#pageBody .category h1 {
  font-size: 30px;
  color: #333;
  border-bottom: 1px #dcdcdc solid;
  margin: 10px 0;
}

#pageBody .category-headline:first-letter,
#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 .noChangeInitial h1:first-letter {
  color: #333 !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, 0.6) 0 0 10px 0;
  box-shadow: rgba(0, 0, 0, 0.6) 0 0 10px 0;
  pointer-events: auto;
  opacity: 0.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 0 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;
}

.magazine-sns-links li + li {
  margin-left: 9px;
}

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

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

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

.magazine-annotation {
  padding: 20px;
  line-height: 1.4;
}

.magazine-annotation img {
  width: 100%;
  height: auto;
}

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

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

.online-book-store {
  margin-bottom: 30px;
}

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

.magazine-ebook ul,
.online-book-store ul {
  overflow: hidden;
}

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

.magazine-ebook li img,
.online-book-store li img {
  height: 30px;
}

.magazine-ebook li a,
.online-book-store li a {
  display: block;
}

.magazine_links_group {
  margin-top: 16px;
}
.magazine_links_group dl {
  border: 1px solid #ccc;
  padding: 9px 0;
  overflow: hidden;
}
.magazine_links_group dt,
.magazine_links_group dd {
  float: left;
  width: 33.333333%;
  text-align: center;
}
.magazine_links_group dt img,
.magazine_links_group dd img {
  height: 40px;
}
.magazine_links_group dd {
  border-left: 1px solid #ccc;
}

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

.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: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -khtml-user-select: text;
  -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, 0.6) 0 0 10px 0;
  box-shadow: rgba(0, 0, 0, 0.6) 0 0 10px 0;
  pointer-events: auto;
  opacity: 0.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 .sliderArticleWrap p {
  margin-bottom: 0;
}
.sliderArticleWrap {
  margin: 15px 0;
}
.sliderArticleWrap img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.sliderArticleWrap .sliderArticleCol:not(:first-child) {
  display: none;
}
.sliderArticleWrap .sliderArticleCol.slick-slide {
  display: block;
}

.sliderArticle .slick-track {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.sliderArticle .sliderArticleCol {
  text-align: center;
}
.sliderArticle .sliderArticleCol a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sliderArticle .sliderArticleCol a:hover {
  opacity: 0.7;
}
.sliderArticle .slick-slide {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
}
.sliderArticle .slick-slide.slick-center {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  position: relative;
  z-index: 1;
}
.sliderArticle .mainImg {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  margin: 10px 0 5px;
}
.sliderArticle .mainImg > img {
  max-width: 500px;
  max-height: 660px;
}
.sliderArticle .mainImg .wrapImg {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.sliderArticle .labelCheck {
  color: #fff;
  height: 30px;
  background: url(/img/pc/text_check.png) no-repeat 100% 50% #f63690;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.sliderArticle .slick-prev,
.sliderArticle .slick-next {
  font-size: 0;
  line-height: 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 57px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 2;
}
.sliderArticle .slick-prev {
  left: 0;
  background: url(/img/pc/arrow_prev.png) no-repeat 0 50%;
  background-size: 50px auto;
}
.sliderArticle .slick-next {
  right: 0;
  background: url(/img/pc/arrow_next.png) no-repeat 100% 50%;
  background-size: 50px auto;
}

.sliderArticleLead {
  margin-top: 10px;
}
.sliderArticleLead .sliderArticleCol {
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.sliderArticleLead .sliderArticleCol.fade {
  opacity: 1;
}
.sliderArticleLead .leadText {
  line-height: 1.6;
  text-align: left;
  padding: 0 57px;
}

.sliderArticleLead .leadText > p a,
.sliderArticleLead .leadText > p a:link,
.sliderArticleLead .leadText > p a:visited,
.sliderArticleLead .leadText > p a:hover,
.sliderArticleLead .leadText > p a:active {
  color: inherit;
  text-decoration: inherit;
}

.sliderArticle .num {
  color: #535353;
  letter-spacing: 0.2em;
  text-align: right;
}
.sliderArticle .num .current {
  font-size: 18px;
  line-height: 1.8;
}

/* ==========================================================================
   記事下リンクボタン
   ========================================================================== */
.linkButton {
  margin-bottom: 20px;
}

#pageBody .linkButton p {
  margin-bottom: 0;
}

.linkButton .inner {
  display: table;
  width: 66.6%;
  padding: 2px;
  min-height: 77px;
  margin: 0 auto;
}

.linkButton .inner > div {
  display: table-cell;
  vertical-align: middle;
}

.linkButton .inner .thumb {
  width: 77px;
  height: 77px;
}

.linkButton .inner .thumb img {
  width: 77px;
  height: 77px;
  vertical-align: middle;
}

#pageBody .linkButton .inner .text p {
  padding: 0 0 0 15px;
  line-height: 1.4;
}

.linkButton .inner .right {
  padding-right: 10px;
  width: 30px;
}

.linkButton .inner .arrow {
  width: 12px;
  height: 12px;
  border: 2px solid;
  transform: rotate(45deg);
}

/* ==========================================================================
   検索結果
   ========================================================================== */
#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 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.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 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.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 h2,
.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: 9999;
}

.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 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
  text-align: center;
  cursor: pointer;
}

.cosmeDataBaseSearchDetail input[type="submit"]:hover {
  opacity: 0.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 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.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 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.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: 53px;
  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);
}

.kuchikomiList .userRating {
  display: inline-block;
}

#pageBody .kuchikomiList .usingType {
  display: inline-block;
  padding-left: 10px;
  margin-bottom: 0;
  font-size: 12px;
}

.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 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  transition: transform 0.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 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  transition: transform 0.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 .main-contents-headline,
.cosmeRanking h1 {
  position: relative;
}

.cosmeRanking .main-contents-headline form,
.cosmeRanking h1 form {
  position: absolute;
  height: 28px;
  right: 0;
  top: 15px;
  z-index: 10;
  font-size: 14px;
}

.cosmeRanking .main-contents-headline form select,
.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;
  min-height: 260px;
}

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

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

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

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

.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;
}

#pageBody .kuchikomiDetailRight .purchasedHistory p {
  margin-bottom: 0;
}

.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;
}

.kuchikomiPostSelect {
  margin: 40px 0;
}

.kuchikomiPostSelect select {
  border: 1px #f63690 solid;
  border-radius: 4px;
  color: #707070;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background: url(/img/pc/selectArrHover.png) no-repeat right center #fff;
  width: 200px;
  padding: 5px 25px 5px 10px;
  line-height: 23px;
}

.kuchikomiPostRadio {
  margin: 40px 0;
  display: none;
}

.kuchikomiPostRadio input[type="radio"] {
  display: none;
}

.kuchikomiPostRadio label {
  display: inline-block;
  border: 1px solid #f63690;
  border-radius: 5px;
  color: #707070;
  cursor: pointer;
  width: 80px;
  min-height: 20px;
  padding: 5px;
  margin: 0 2px;
}

.kuchikomiPostRadio label:hover {
  background: #f63690;
  color: #fff;
}

.kuchikomiPostRadio input[type="radio"]:checked + label {
  background: #f63690;
  color: #fff;
}

.kuchikomiPostRadio .comment-radio-text {
  width: 200px;
  height: 30px;
  display: inline-block;
  border: 1px solid #f63690;
  margin-left: 5px;
  padding: 8px 12px 8px 12px;
  color: #707070;
}

.kuchikomiPostRadio .other_provider {
  margin-top: 10px;
  display: none;
}

.kuchikomiPostUpload .notes {
  font-size: 12px;
  color: #707070;
}

#pageBody .kuchikomiPostSelect p,
#pageBody .kuchikomiPostRadio p,
#pageBody .kuchikomiPostUpload p {
  margin-bottom: 5px;
}

#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;
  color: #707070;
}

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;
}

/* ==========================================================================
   Google カスタム検索 結果ページ
   ========================================================================== */

.gsc-results {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", sans-serif;
}

.gsc-result-info-container,
.gsc-above-wrapper-area {
  display: none !important;
}

.gsc-resultsbox-visible {
  margin-bottom: 20px;
  clear: both;
}

.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important;
}

.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result,
.gsc-imageResult-classic,
.gsc-imageResult-column {
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.gs-result:not(.gs-no-results-result) {
  position: relative !important;
  margin-bottom: 10px !important;
  padding: 10px !important;
  min-height: 158px !important;
  border: none !important;
  clear: both !important;
  color: #535353 !important;
}

.gs-result:not(.gs-no-results-result):first-child {
  background: #fff4f9 !important;
}

.gsc-expansionArea .gsc-result:nth-child(odd) .gs-result {
  background: #f3f3f3 !important;
}

.gsc-expansionArea .gsc-result:nth-child(even) .gs-result {
  background: #fff4f9 !important;
}

.gsc-result:first-child .gs-no-results-result {
  background: #fff;
}

.gsc-result div.gs-title {
  display: block;
  margin-bottom: 10px !important;
  height: auto !important;
  line-height: 1.4 !important;
  color: #535353 !important;
  font-size: 18px !important;
  text-decoration: none !important;
}

a.gs-title {
  text-decoration: none !important;
  color: #535353 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", sans-serif !important;
}

a.gs-title:hover {
  color: #f63690 !important;
}

a.gs-title b {
  color: inherit !important;
  font-weight: normal !important;
  text-decoration: none !important;
}

.gs-snippet b {
  color: inherit !important;
  text-decoration: none !important;
}

a.gs-title b {
  font-size: 18px !important;
}

.gs-snippet b {
  font-size: 14px !important;
}

.gsc-table-cell-thumbnail,
.gs-promotion-image-cell {
  padding: 0 !important;
}

.gs-web-image-box,
.gs-promotion-image-box {
  width: 150px !important;
  max-width: 150px !important;
}

.gs-web-image-box img.gs-image,
.gs-promotion-image-box img.gs-promotion-image {
  max-width: 140px !important;
  max-height: 100% !important;
}

.cse .gs-webResult .gs-snippet,
.gs-webResult .gs-snippet,
.gs-fileFormatType,
.gs-imageResult .gs-snippet {
  font-size: 14px !important;
  margin: 10px 0 !important;
  color: #535353 !important;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", sans-serif !important;
}

.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {
  border: none !important;
}

.cse .gs-webResult .gs-visibleUrl,
.gs-webResult .gs-visibleUrl,
.cse .gs-webResult .gs-visibleUrl-short,
.gs-webResult .gs-visibleUrl-short,
.gs-imageResult .gs-visibleUrl,
.gs-imageResult .gs-visibleUrl-short {
  color: inherit !important;
  font-weight: normal !important;
  font-size: 12px !important;
}

.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
  border: none !important;
  background-color: transparent !important;
}

/* ==========================================================================
   Google カスタム検索 結果ページ ページャー
   ========================================================================== */

.cse .gsc-cursor-box,
.gsc-cursor-box {
  margin-bottom: 30px;
  border: none !important;
}

.gsc-cursor {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 20px !important;
  line-height: 20px !important;
  text-align: center !important;
}

.gsc-cursor-page {
  display: inline-block !important;
  margin: 0 2px !important;
  min-width: 20px !important;
  height: 20px !important;
  vertical-align: top !important;
  color: #ff348f !important;
  font-size: 13px !important;
  text-decoration: none !important;

  border-radius: 10px !important;
}

.gsc-cursor-current-page {
  padding: 0 3px !important;
  color: #fff !important;
  background: #ff348f !important;
  text-indent: -1px !important;
  text-shadow: none !important;
}

.gsc-cursor-page:hover {
  text-decoration: underline !important;
}

/* ==========================================================================
   タイトル
   ========================================================================== */

.top-recommend-title {
  margin-bottom: 20px;
  font-size: 28px;
  background-color: #f63690;
  line-height: 45px;
  text-indent: 10px;
  color: #fff;
  font-weight: normal;
}

.main-contents-headline {
  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;
  margin-bottom: 20px;
}

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

.side-contents-headline {
  line-height: 41px;
  background: #ebebeb;
  color: #f63690;
  text-indent: 10px;
  font-size: 24px;
  box-sizing: border-box;
  padding-top: 3px;
  margin-bottom: 20px;
}

.cosme-search-title {
  font-size: 20px;
  color: #ebebeb;
  background: #f63690;
  line-height: 37px;
  text-indent: 10px;
}

/* ==========================================================================
   スペシャルコンテンツ
   ========================================================================== */
.free-area p a {
  color: inherit;
}

/* ==========================================================================
   タロット占い
   ========================================================================== */
#pageBody .fortuneTarot img {
  max-width: 100%;
}
#pageBody .fortuneTarot p {
  margin-bottom: 0;
}

/* タイトル */
#pageBody .fortuneTarot .titleMainArea {
  margin-bottom: 40px;
}
#pageBody .fortuneTarot .titleMainArea .titleText {
  font-size: 12px;
  color: #fff;
  background: #facdd1;
  text-align: center;
  padding: 5px 0;
}
#pageBody .fortuneTarot .titleMainArea .copy {
  font-size: 12px;
  font-family: serif;
  text-align: center;
}

/* 今月のテーマ */
#pageBody .fortuneTarot .pickUpThemeCol {
  margin: 0 40px;
  display: flex;
  justify-content: space-between;
}
#pageBody .fortuneTarot .pickUpThemeCol .pickUpTheme .question {
  margin-bottom: 20px;
}
#pageBody .fortuneTarot .pickUpThemeSingle .pickUpTheme {
  margin: 0 auto;
}

#pageBody .fortuneTarot .pickUpTheme {
  width: 250px;
  border: solid 3px #ccb38f;
  position: relative;
  padding: 40px 0;
  margin: 18px 0 90px;
  position: relative;
}
#pageBody .fortuneTarot .pickUpTheme:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border: solid 1px #ccb38f;
  z-index: -1;
}

.fortuneTarot .pickUpTheme span {
  display: block;
}

#pageBody .fortuneTarot .pickUpTheme .caption {
  position: absolute;
  top: -18px;
  left: 17px;
  right: 17px;
  text-align: center;
}
#pageBody .fortuneTarot .pickUpTheme .number {
  color: #c72828;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
  margin-top: -5px;
}
#pageBody .fortuneTarot .pickUpTheme .question {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  padding: 0 30px;
}
#pageBody .fortuneTarot .pickUpTheme .cardSet {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
}
#pageBody .fortuneTarot .pickUpTheme .cardSet a {
  position: absolute;
  width: 64px;
  transition: all 0.2s;
}
#pageBody .fortuneTarot .pickUpTheme .cardSet a:nth-of-type(1) {
  left: 50%;
  margin-left: -64px;
  top: 13px;
  transform: rotate(-10deg);
}
#pageBody .fortuneTarot .pickUpTheme .cardSet a:nth-of-type(1):hover {
  transform: rotate(-13deg);
}
#pageBody .fortuneTarot .pickUpTheme .cardSet a:nth-of-type(2) {
  left: 50%;
  top: 0;
  transform: rotate(8deg);
}
#pageBody .fortuneTarot .pickUpTheme .cardSet a:nth-of-type(2):hover {
  transform: rotate(11deg);
}

#pageBody .fortuneTarot .pickUpThemeLead {
  font-size: 16px;
  text-align: center;
  margin: 20px 0;
}
#pageBody .fortuneTarot .pickUpThemeLead:before {
  content: "";
  display: inline-block;
  vertical-align: -5px;
  width: 24px;
  height: 20px;
  background: url(/img/common/fortune/tarot/icon_flower.png);
  background-size: contain;
  margin-right: 8px;
}

/* プロフィール */
#pageBody .fortuneProf {
  padding: 20px;
  background: #fef2f3;
  margin: 40px 20px 50px;
  overflow: hidden;
}
#pageBody .fortuneProf .image {
  float: left;
  width: 110px;
}
#pageBody .fortuneProf .textarea {
  margin-left: 110px;
  padding-left: 20px;
  line-height: 1.44;
}
#pageBody .fortuneProf .name {
  font-size: 14px;
  margin-bottom: 16px;
}
#pageBody .fortuneProf .name a {
  color: #f63690;
  text-decoration: underline;
}

#pageBody .fortuneProf .text {
  font-size: 11px;
}
#pageBody .fortuneProf .text p + p {
  margin-top: 1em;
}

/* テーマ一覧 */
#pageBody .js_tabArea .js_tabContent {
  display: none;
}
#pageBody .js_tabArea .js_tabContent.active {
  display: block;
}

#pageBody .fortuneTarot .tarotThemeList {
  margin: 50px 0 40px;
}
#pageBody .fortuneTarot .tarotThemeList .caption {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
}

#pageBody .fortuneThemeNav {
  margin-bottom: 10px;
}
#pageBody .fortuneThemeNav ul {
  display: flex;
  border-bottom: solid 1px #eb757f;
  padding: 0 20px;
}
#pageBody .fortuneThemeNav li {
  flex: 1;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  padding: 11px 5px 8px;
  border: solid 1px #f7c6ca;
  border-bottom: 0;
  cursor: pointer;
}
#pageBody .fortuneThemeNav li + li {
  margin-left: 7px;
}
#pageBody .fortuneThemeNav li.active {
  color: #eb757f;
  border-color: #eb757f;
  border-bottom: solid 1px #fff;
  margin-bottom: -1px;
}

#pageBody .fortuneThemeList li + li {
  margin-top: 10px;
}
#pageBody .fortuneThemeList li a {
  display: block;
  font-size: 13px;
  padding: 13px 20px 12px;
  border: 1px solid #f7c6ca;
}
#pageBody .fortuneThemeList li a:hover {
  color: inherit;
  background-color: rgba(240, 82, 131, 0.1);
}
#pageBody .fortuneThemeList li a span {
  margin-right: 12px;
}

/* テーマ個別 */
#pageBody .fortuneTarot .cardAnime {
  width: 290px;
  margin: 20px auto 30px;
}

/* 占い結果 */
#pageBody .fortuneTarot .resultArea {
  padding: 0 30px;
  margin-top: 40px;
  overflow: hidden;
}
#pageBody .fortuneTarot .resultArea .fig {
  float: left;
  width: 140px;
}
#pageBody .fortuneTarot .resultArea .textarea {
  margin-left: 140px;
  padding-left: 30px;
}
#pageBody .fortuneTarot .resultArea .cardname {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: 8px;
}
#pageBody .fortuneTarot .resultArea .cardname:before,
#pageBody .fortuneTarot .resultArea .cardname:after {
  content: "－";
  margin: 0 5px;
}
#pageBody .fortuneTarot .resultArea .cardname:before {
  margin-left: 0;
}
#pageBody .fortuneTarot .resultArea .cardname:after {
  margin-right: 0;
}
#pageBody .fortuneTarot .resultArea .description {
  font-size: 14px;
  line-height: 1.6;
}
#pageBody .fortuneTarot .resultArea .btn_area {
  margin-top: 20px;
}
#pageBody .fortuneTarot .resultArea .btn_retry {
  display: block;
  color: #c72828;
  border: solid 1px currentColor;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08em;
  width: 180px;
  padding: 12px 0 10px;
  position: relative;
}
#pageBody .fortuneTarot .resultArea .btn_retry:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 6px;
  height: 6px;
  border: solid 2px currentColor;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  margin: auto;
}
#pageBody .fortuneTarot .resultArea .btn_retry:hover {
  color: #fff;
  background-color: #c72828;
}
#pageBody .fortuneTarot .resultArea .btn_retry:hover:after {
  border-color: #fff;
}

/* 占い関連リンク */
#pageBody .fortuneTarot .fortuneRelatedLinks {
  padding-top: 40px;
}
#pageBody .fortuneTarot .fortuneRelatedLinksTitle {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 20px;
}
#pageBody .fortuneTarot .fortuneRelatedLinksTitle img {
  vertical-align: middle;
  height: 26px;
  margin-left: 3px;
}
#pageBody .fortuneTarot .fortuneRelatedLinksList {
  overflow: hidden;
  margin-bottom: 12px;
}
#pageBody .fortuneTarot .fortuneRelatedLinksList li {
  float: left;
  width: 195px;
  margin-left: 15px;
  margin-bottom: 22px;
}
#pageBody .fortuneTarot .fortuneRelatedLinksList li:nth-child(3n + 1) {
  clear: both;
  margin-left: 0;
}
#pageBody .fortuneTarot .fortuneRelatedLinksList li img {
  border: solid 1px #dcdcdc;
}
#pageBody .fortuneTarot .fortuneRelatedLinksList li .lead {
  font-size: 13px;
  line-height: 1.5;
  margin-top: 4px;
}

#pageBody .fortuneTarot .border {
  background: url(/img/common/fortune/tarot/img_border.png) repeat-x;
  background-size: auto 6px;
  background-position: 3px 0;
}

/* アバウト */
#pageBody .fortuneTarot .fortuneAbout {
  padding: 28px 20px 0;
  margin-bottom: 30px;
}
#pageBody .fortuneTarot .fortuneAbout .caption {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 17px;
}
#pageBody .fortuneTarot .fortuneAbout .text {
  font-size: 12px;
  line-height: 1.5;
}