@charset "UTF-8";

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

html {
  overflow-y: scroll
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400
}

ol,
ul {
  list-style: none
}

fieldset,
img {
  border: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.4
}

caption,
th {
  text-align: left
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 400
}

a {
  text-decoration: none
}

body {
  background: #fff;
  color: #1e2428;
  -webkit-text-size-adjust: 100%;
  font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, ＭＳ ゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

a {
  font-weight: 700;
  -webkit-tap-highlight-color: rgba(0, 0, 0, .13);
  word-wrap: break-word
}

a:link {
  color: #745399
}

a:hover {
  text-decoration: underline
}

a:active {
  color: #cec1dd
}

a:visited {
  color: #6b808e
}

p {
  line-height: 1.7
}

input[type=submit] {
  -webkit-appearance: none
}

#swipebox-overlay {
  background: hsla(0, 0%, 5%, .7) !important
}

#swipebox-slider .slide img {
  max-height: 90% !important;
  max-width: 90% !important
}

img {
  touch-callout: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -khtml-user-drag: none
}

.layout-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  padding: 0 10px;
  width: 1076px
}

.layout-contents__main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 745px;
  flex-basis: 745px;
  padding-right: 21px
}

.layout-contents__sidebar {
  -ms-flex-preferred-size: 311px;
  flex-basis: 311px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  padding-left: 10px
}

.layout-contents__single {
  width: 1076px
}

.layout-contents__contents-top-main-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.layout-contents__contents-top-main-wrapper .p-contents-topics {
  -ms-flex-preferred-size: 446px;
  flex-basis: 446px;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #dadada
}

.layout-contents__contents-top-main-wrapper .p-contents-ranking {
  -ms-flex-preferred-size: 279px;
  flex-basis: 279px
}

.layout-contents__contents-top-main-wrapper .contents-top-wrapper-cm {
  display: none
}

.c-article-keywords-list .c-article-keywords-list__item {
  display: inline-block;
  margin-right: .5rem;
  font-size: .8rem
}

.c-article-keywords-list .c-article-keywords-list__item a {
  color: #000;
  display: block
}

.c-main-contents__img {
  margin: 1.5rem;
  padding: 0
}

.c-main-contents__img figcaption,
.c-main-contents__img img {
  max-width: 400px;
  display: block;
  margin: 0 auto
}

.c-main-contents__img figcaption {
  font-size: .8rem;
  padding-top: .3rem
}

.c-article-link-apart {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #ddd
}

.c-article-header-date {
  display: inline-block;
  margin-right: 5px;
  color: #8e9193
}

.c-article-header-member-only {
  color: #fe5d4b;
  margin: 0 10px 0 5px
}

.c-article-header-member-only:before {
  content: "";
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url(/assets/images/common/icon_lock-20200917121639.svg) no-repeat 50%;
  background-size: 100%;
  vertical-align: top;
  margin-right: 5px
}

.c-article-header-member-only-logged {
  color: #fe5d4b;
  margin: 0 10px 0 5px
}

.c-article-header-member-only-logged:before {
  content: "";
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url(/assets/images/common/icon_unlock-20200917121639.svg) no-repeat 50%;
  background-size: 100%;
  vertical-align: top;
  margin-right: 5px
}

.c-article-header-subheading,
.c-article-header-subheading-en,
.c-article-header-subheading-jp {
  line-height: 1.4;
  padding: 0 0 .3rem
}

.c-article-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 420px;
  flex-basis: 420px;
  max-width: 480px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.c-article-tag__item {
  margin-right: 5px
}

.c-article-tag__item a {
  display: inline-block;
  padding: 3px 5px 2px;
  margin-bottom: 5px;
  border: 1px solid #745399;
  color: #745399;
  font-weight: 400;
  line-height: 1
}

.c-article-tag__item a:hover {
  text-decoration: none;
  background-color: #745399;
  color: #fff
}

.p-article-header-item .c-article-tag {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

.c-attention {
  color: #8e9193
}

.c-help-btn {
  display: inline-block;
  padding: 0;
  border: none;
  background: transparent;
  color: #745399;
  line-height: 1.2rem
}

.c-help-btn:before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  height: 18px;
  width: 18px;
  background: url(/assets/images/common/icon_help-20200917121639.svg) no-repeat;
  background-size: 100%;
  vertical-align: top
}

.c-highlight {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, #ff6));
  background: linear-gradient(transparent, #ff6 0)
}

.c-more-btn {
  margin: 0 0 50px;
  text-align: center
}

.c-more-btn:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px
}

.c-more-btn a {
  position: relative;
  display: block;
  max-width: 350px;
  margin: 16px auto;
  padding: 5px 0;
  border-radius: 3px;
  border: 1px solid #745399;
  line-height: 1.7;
  text-decoration: none;
  color: #745399;
  background-color: #fff
}

.c-more-btn a:after {
  font-size: 20px;
  font-size: 1.25rem;
  position: absolute;
  top: 0;
  right: 10px;
  display: inline-block;
  width: 1.2em;
  content: "+"
}

.c-more-btn a:hover {
  color: #fff;
  background-color: #745399
}

.c-footer-member-btn {
  border: 1px solid #4b5053;
  border-radius: 5px;
  -ms-flex-preferred-size: 140px;
  flex-basis: 140px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center
}

.c-footer-member-btn a {
  line-height: 1rem;
  color: #fff;
  display: block;
  padding: 6px
}

.c-icon-photo {
  display: inline-block;
  margin: 0 0 0 5px;
  width: 12px;
  height: 11px;
  background: url(/assets/images/common/photo-20200917121639.svg) no-repeat;
  background-size: 12px auto
}

.c-icon-photo span {
  display: none
}

.c-icon-ex-link {
  display: inline-block;
  background: url(/assets/images/common/ex-link-20200917121639.svg) no-repeat;
  width: 18px;
  height: 18px;
  vertical-align: bottom
}

.c-icon-video {
  display: inline-block;
  margin: 0 0 0 5px;
  width: 14px;
  height: 14px;
  background: url(/assets/images/common/video-20200917121639.svg) no-repeat;
  background-size: 14px auto;
  background-position: 50%
}

.c-icon-video span {
  display: none
}

.c-category-title-link a {
  font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, ＭＳ ゴシック, Helvetica Neue, Helvetica, Arial, sans-serif;
  background: #343a3d;
  background: -webkit-gradient(linear, left top, left bottom, from(#343a3d), to(#1e2428));
  background: linear-gradient(180deg, #343a3d, #1e2428);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$gra-scolor", endColorstr="$gra-ecolor", GradientType=0);
  display: inline-block;
  padding: 3px 16px;
  min-width: 56px;
  border-radius: 20px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  color: #fff !important
}

.c-category-title-link a:hover {
  background: #745399;
  text-decoration: none
}

.c-category-more-icon {
  line-height: 1
}

.c-category-more-icon a,
.c-category-more-icon a:visited {
  color: #745399
}

.c-list-title,
.c-list-title-jp {
  font-weight: 700;
  margin-bottom: .2rem;
  line-height: 1.4
}

.c-list-title-jp a,
.c-list-title a {
  color: #1e2428
}

.c-list-title-jp a:active,
.c-list-title-jp a:visited,
.c-list-title a:active,
.c-list-title a:visited {
  color: #6b808e
}

.c-list-title--xsmall,
.c-list-title-jp--xsmall {
  line-height: 1.4
}

.c-list-title--small,
.c-list-title-jp--small {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.4
}

.c-list-title--middle,
.c-list-title-jp--middle {
  line-height: 1.4
}

.c-list-title--large,
.c-list-title-jp--large {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4
}

.c-list-title--xlarge,
.c-list-title-jp--xlarge {
  font-size: 27px;
  font-size: 1.6875rem
}

.c-list-title--default,
.c-list-title-jp--default {
  font-size: 18px;
  font-size: 1.125rem
}

.c-list-title--side,
.c-list-title-jp--side {
  font-size: 13px;
  font-size: .8125rem
}

.c-list-title--side a,
.c-list-title-jp--side a {
  font-weight: 400
}

.c-list-title-en.c-list-title--large {
  font-size: 18px;
  font-size: 1.125rem
}

.c-list-title-en.c-list-title--small,
.c-list-title-en.c-list-title--xsmall {
  line-height: 1.4;
  font-weight: 400
}

.c-list-sub-title {
  display: inline-block;
  font-size: 11px;
  font-size: .6875rem
}

.c-list-sub-title a {
  color: #745399;
  font-weight: 400;
  text-decoration: none
}

.c-list-thumb {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  margin-left: 16px;
  background-color: transparent;
  font-size: 0
}

.c-list-thumb a {
  display: block
}

.c-list-thumb figure {
  margin: 0;
  padding: 0
}

.c-list-thumb img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: inherit
}

.c-list-thumb--small {
  width: 90px;
  height: 62px
}

.c-list-thumb--small img {
  max-height: 62px
}

.c-list-thumb--middle {
  width: 150px
}

.c-list-thumb--large {
  width: 276px;
  height: 178px
}

.c-list-thumb--large img {
  max-height: 178px
}

.c-list-category {
  display: inline-block;
  font-size: 11px;
  font-size: .6875rem;
  border-right: 1px solid #1e2428;
  line-height: 1em;
  vertical-align: middle
}

.c-list-category a {
  color: #1e2428;
  text-decoration: none
}

.c-list-conner {
  display: inline-block;
  font-size: 11px;
  font-size: .6875rem;
  padding: 2px 0
}

.c-list-conner a {
  color: #745399;
  text-decoration: none;
  font-weight: 400
}

.c-list-article-link {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  text-align: right;
  font-weight: 700;
  margin-top: 0
}

.c-list-article-link:before {
  display: inline-block;
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #745399
}

.c-list-article-link a {
  color: #745399;
  padding-bottom: 2px
}

.c-list-company-link a {
  color: #b4b4b4
}

.c-list-date {
  font-size: 12px;
  font-size: .75rem;
  padding: 2px 0;
  line-height: 1.2
}

.c-list-date time {
  color: #8e9193;
  font-weight: 400
}

.c-list-date .c-list-date--red {
  color: #fe5d4b
}

.c-list-feature-tag {
  display: inline-block;
  font-size: 12px;
  font-size: .75rem;
  padding: 2px 0;
  line-height: 1.2
}

.c-list-feature-tag a {
  font-weight: 400
}

.c-list-feature-tag a:visited {
  color: #745399
}

.c-list-tag {
  display: inline-block;
  font-size: 12px;
  font-size: .75rem;
  padding: 2px 0;
  line-height: 1.2
}

.c-list-tag a {
  font-weight: 400
}

.c-list-tag a:visited {
  color: #745399
}

.c-list-lead {
  line-height: 1.6;
  margin-top: .4rem
}

.c-list-member-only {
  background: url(/assets/images/common/icon_lock-20200917121639.svg) no-repeat 50%;
  background-size: 100%
}

.c-list-member-only,
.c-list-member-only-logged {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  vertical-align: middle;
  overflow: hidden;
  color: transparent
}

.c-list-member-only-logged {
  background: url(/assets/images/common/icon_unlock-20200917121639.svg) no-repeat 50%;
  background-size: 100%
}

.c-list-title--xlarge .c-list-member-only,
.c-list-title--xlarge .c-list-member-only-logged {
  width: 20px;
  height: 20px
}

.c-grid-item__connertitle {
  margin-right: 5px
}

.c-grid-item__connertitle a,
.c-grid-item__subtitle a {
  color: #745399;
  font-weight: 700
}

.c-matome-title {
  display: inline-block;
  line-height: 1.2;
  padding: 2px 0
}

.c-matome-title a {
  display: inline-block;
  padding: 3px 5px 2px;
  margin-bottom: 5px;
  border: 1px solid #745399;
  color: #745399;
  font-weight: 400;
  line-height: 1
}

.c-matome-title a:hover {
  text-decoration: none;
  background-color: #745399;
  color: #fff
}

figcaption {
  color: #8e9193
}

.c-mynews-keyword {
  display: inline-block;
  padding: 2px 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #8e9193;
  color: #fff
}

.c-memo-btn {
  padding: 10px;
  color: #745399
}

.c-memo-btn:hover {
  cursor: pointer;
  text-decoration: underline
}

.c-memo-btn:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: url(/assets/images/common/icon_memo-20200917121639.svg) no-repeat;
  background-size: 100%;
  vertical-align: text-bottom
}

.c-more-link {
  margin-bottom: 24px
}

.c-more-link a:hover {
  text-decoration: underline
}

.c-category-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: YuMincho, ヒラギノ明朝 ProN W6, Hiragino Mincho ProN, HGS明朝E, 游明朝, Yu Mincho, メイリオ, Meiryo, Helvetica Neue, Helvetica, Arial, serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  border-top: 2px solid #1e2428;
  /* border-bottom: 1px solid #dadada; */
  font-weight: 700;
  padding: .8rem 0;
  line-height: 1.5rem
}

.c-category-title a {
  color: #000;
  text-decoration: none
}

.c-category-title a span {
  font-weight: 400;
  background: #1e2428;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  padding: 5px 20px;
  margin-right: 5px
}

.c-category-title a span,
.layout-contents__sidebar .c-category-title,
.news-top-upper-side .c-category-title {
  font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, ＭＳ ゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.c-article-title {
  margin-bottom: 10px;
  padding: 20px 0;
  border-top: 2px solid #1e2428;
  border-bottom: 1px solid #dadada;
  font-family: YuMincho, ヒラギノ明朝 ProN W6, Hiragino Mincho ProN, HGS明朝E, 游明朝, Yu Mincho, メイリオ, Meiryo, Helvetica Neue, Helvetica, Arial, serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700
}

.c-article-title a {
  color: #1e2428
}

.c-article-title a:visited {
  color: #6b808e
}

.c-profile-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: YuMincho, ヒラギノ明朝 ProN W6, Hiragino Mincho ProN, HGS明朝E, 游明朝, Yu Mincho, メイリオ, Meiryo, Helvetica Neue, Helvetica, Arial, serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  border-top: 2px solid #1e2428;
  border-bottom: 1px solid #dadada;
  font-weight: 700;
  padding: .8rem 0;
  line-height: 1.5rem
}

.c-profile-img {
  margin: 0;
  width: 100px;
  -ms-flex-preferred-size: 14%;
  flex-basis: 14%
}

.c-profile-img img {
  float: left;
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom
}

.c-profile-position {
  font-size: .8rem;
  display: block;
  font-weight: 400;
  margin-bottom: .3rem
}

.c-profile-name {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  padding-left: 34px;
  -ms-flex-preferred-size: 86%;
  flex-basis: 86%
}

.c-profile-text {
  margin-top: .6rem;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.c-profile-ruby {
  font-size: .8rem;
  display: block;
  font-weight: 400
}

.c-pager-next,
.c-pager-prev {
  -ms-flex-preferred-size: 67px;
  flex-basis: 67px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 45px;
  border-radius: 3px;
  text-align: center;
  line-height: 45px
}

.c-pager-next a,
.c-pager-prev a {
  display: block;
  height: 100%;
  color: #745399;
  border-radius: 3px
}

.c-pager-prev a {
  border: 1px solid #ddd;
  background-color: #fff
}

.c-pager-prev a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #745399 transparent transparent
}

.c-pager-prev a:after {
  display: inline-block;
  content: "\524D\3078"
}

.c-pager-prev a:hover {
  background-color: #745399;
  color: #fff;
  text-decoration: none
}

.c-pager-prev a:hover:before {
  border-color: transparent #fff transparent transparent
}

.c-pager-next a {
  border: 1px solid #ddd;
  background-color: #fff
}

.c-pager-next a:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #745399
}

.c-pager-next a:before {
  display: inline-block;
  content: "\6B21\3078"
}

.c-pager-next a:hover {
  background-color: #745399;
  color: #fff;
  text-decoration: none
}

.c-pager-next a:hover:after {
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #fff
}

.c-pager-list {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.c-pager-list__item {
  height: 45px;
  margin: 0 5px;
  border-radius: 3px;
  line-height: 45px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd
}

.c-pager-list__item a {
  color: #745399;
  display: block;
  height: 100%;
  border-radius: 3px
}

.c-pager-list__item a:hover {
  color: #fff;
  background-color: #745399;
  text-decoration: none
}

.c-pager-list__item--active {
  color: #fff;
  background-color: #b4b4b4
}

.c-pager-list__item--abridgement {
  border: none;
  background-color: transparent
}

.c-pager-list__item-backward,
.c-pager-list__item-forward {
  -ms-flex-preferred-size: 80px;
  flex-basis: 80px;
  height: 45px;
  margin: 0 20px;
  border-radius: 3px;
  line-height: 45px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd
}

.c-pager-list__item-backward a,
.c-pager-list__item-forward a {
  color: #745399;
  display: block;
  height: 100%;
  border-radius: 3px
}

.c-pager-list__item-backward a:hover,
.c-pager-list__item-forward a:hover {
  color: #fff;
  background-color: #745399;
  text-decoration: none
}

.c-scrap-btn {
  padding: 0;
  margin-right: 1rem;
  border: none;
  background: transparent;
  color: #745399
}

.c-scrap-btn:hover {
  cursor: pointer
}

.c-scrap-btn:before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 5px;
  background: url(/assets/images/common/icon_scrap-20200917121639.svg) no-repeat;
  background-size: 100%;
  vertical-align: top
}

.c-scrap-btn:disabled {
  color: #b4b4b4;
  cursor: inherit
}

.c-scrap-btn:disabled:before {
  background: url(/assets/images/common/icon_scrap_disabled-20200917121639.svg) no-repeat
}

.c-scrap-category-title {
  margin: 30px 0;
  color: #8e9193
}

.c-writer-img {
  -ms-flex-preferred-size: 75px;
  flex-basis: 75px;
  margin: 0;
  padding: 0
}

.c-writer-img img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom
}

.c-writer-name {
  margin-left: 14px
}

.c-writer-position {
  font-size: .8rem;
  display: block
}

.c-main-contents-member-only__id-link {
  float: right;
  display: block;
  font-size: 14px;
  font-size: .875rem
}

.c-main-contents-member-only__id-link:before {
  content: "";
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #745399;
  margin-right: 4px
}

.c-main-contents-member-only-trial-subscription-link {
  display: inline-block;
  font-size: 14px;
  font-size: .875rem;
  line-height: 1rem;
  margin-right: 20px
}

.c-main-contents-member-only-trial-subscription-link:before {
  content: "";
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #745399;
  margin-right: 4px
}

.c-main-contents-member-only-trial-subscription-link span {
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  width: 68px;
  height: 15px;
  background: url(/assets/images/common/logo_yomiuri-20200917121639.svg) no-repeat 50%;
  background-size: 100%;
  vertical-align: middle;
  margin: 0 5px 3px 0
}

.c-main-contents-member-only__help-link {
  display: block;
  border-bottom: 1px dotted #745399
}

.c-main-contents-member-only__help-link:after {
  content: "";
  width: 17px;
  height: 22px;
  display: inline-block;
  background: url(/assets/images/common/icon_member_only_readertitle-20200917121639.svg) no-repeat center 0;
  background-size: 100%;
  vertical-align: middle;
  margin-left: 5px
}

.c-main-contents-member-only__help-link:hover {
  text-decoration: none
}

.c-main-contents-member-only-reader__login-btn {
  display: block;
  width: 232px;
  border: 1px solid #745399;
  padding: 12px 0;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  line-height: 1rem
}

.c-main-contents-member-only-reader__login-btn:before {
  content: "";
  width: 17px;
  height: 18px;
  display: inline-block;
  background: url(/assets/images/common/icon_login-20200917121639.svg) no-repeat center 0;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 5px
}

.c-main-contents-member-only-reader__login-btn:hover {
  color: #fff;
  background-color: #745399;
  text-decoration: none
}

.c-main-contents-member-only-reader__login-btn:hover:before {
  background: url(/assets/images/common/icon_login-w-20200917121639.svg) no-repeat center 0
}

.c-main-contents-member-only-reader__title {
  line-height: 1rem;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%
}

.c-main-contents-member-only-reader__title:before {
  content: "";
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #745399;
  margin-right: 4px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.c-main-contents-member-only__link {
  border-bottom: 1px dotted #745399
}

.c-main-contents-member-only__link:hover {
  text-decoration: none
}

.c-main-contents-member-only__link--login {
  display: block;
  margin-top: 12px
}

.c-main-contents-member-only-unregistered__register-btn {
  background: #745399;
  padding: 12px 0 10px;
  font-size: 18px;
  font-size: 1.125rem;
  width: 385px;
  border-radius: 5px;
  border: 1px solid #1e2428;
  -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .1);
  display: block;
  margin: 0 auto
}

.c-main-contents-member-only-unregistered__register-btn span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  font-size: .875rem
}

.c-main-contents-member-only-unregistered__register-btn:hover {
  opacity: .7;
  text-decoration: none
}

.c-main-contents-member-only-main__deteil,
.c-main-contents-member-only-unregistered__title {
  line-height: 1rem
}

h2.c-main-contents-member-only-main__title {
  border-left: none;
  padding-left: 0;
  margin-bottom: 24px
}

h2.c-main-contents-member-only-main__title:before {
  content: "";
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url(/assets/images/common/icon_lock-20200917121639.svg) no-repeat 50%;
  background-size: 100%;
  vertical-align: middle;
  margin-bottom: 4px;
  margin-right: 6px
}

.c-corner-intro__img {
  width: 150px;
  height: 100px;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.c-corner-intro__img img {
  vertical-align: bottom;
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto
}

.c-corner-intro__title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 4px 0 8px
}

.c-corner-intro__txt {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.6
}

.c-osusume-subtitle {
  line-height: 1.2
}

.c-osusume-subtitle a {
  font-weight: 400
}

.c-osusume-subtitle span {
  display: inline-block;
  margin-right: 5px
}

.c-osusume-subtitle .os-icon-new {
  color: #fe5d4b
}

.c-osusume-subtitle .os-icon-pr {
  color: #fff;
  background: #8e9193;
  padding: 1px 4px
}

.c-mailmag-topics {
  margin: 24px 10px;
  text-align: center
}

.c-mailmag-topics>a {
  display: inline-block;
  padding: 4px 8px;
  border: 3px solid red;
  color: #1e2428;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 1.6
}

.p-article-related {
  margin: 3rem 0
}

.p-article-header-item {
  position: relative;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-article-header-item__provider {
  text-align: right;
  width: 100%
}

.p-article-header-item .c-article-header-date,
.p-article-header-item .c-article-tag,
.p-article-header-item .c-list-feature-tag,
.p-article-header-item .c-list-tag {
  margin-right: 10px
}

.p-article-action-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.p-article-keywords {
  margin: 1.25rem 0
}

.p-article-keywords .c-category-title {
  font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, ＭＳ ゴシック, Helvetica Neue, Helvetica, Arial, sans-serif;
  border: none;
  margin-right: 4px;
  padding: 0;
  font-weight: 400
}

.p-article-keywords .p-article-category-title:after {
  content: "\FF1A";
  display: inline
}

.p-article-keywords-list {
  display: inline
}

.p-article-keywords-list__item {
  display: inline;
  white-space: nowrap;
  margin: 0 7px 5px 0
}

.p-article-keywords-list__item a {
  color: #745399
}

.p-article-member-memo {
  padding: 5px;
  padding-left: 35px;
  margin-bottom: 1rem;
  border: 2px solid #745399;
  background: url(/assets/images/common/icon_memo_display-20200917121639.svg) no-repeat 6px;
  background-size: 20px;
  background-color: #fff
}

.p-article-ranking {
  margin: 30px 0
}

.p-article-ranking .p-article-category-title {
  border-top: 2px solid #1e2428;
  border-bottom: 1px solid #dadada;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: YuMincho, ヒラギノ明朝 ProN W6, Hiragino Mincho ProN, HGS明朝E, 游明朝, Yu Mincho, メイリオ, Meiryo, Helvetica Neue, Helvetica, Arial, serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  padding: .8rem 0
}

.p-article-ranking-list {
  padding: 0 10px
}

.p-article-ranking-list .p-ranking-list-item {
  margin: 15px 0
}

.p-article-pager,
.p-article-ranking-list .p-ranking-list-item article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-article-pager {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px 0
}

.p-article-pager a {
  display: block;
  height: 100%;
  -ms-flex-preferred-size: 48px;
  flex-basis: 48px
}

.p-article-pager a .c-pager__item {
  background-color: #fff;
  color: #745399;
  -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .1)
}

.p-article-pager .c-pager__item {
  -ms-flex-preferred-size: 38px;
  flex-basis: 38px;
  height: 45px;
  margin: 0 5px;
  border-radius: 3px;
  line-height: 45px;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  background-color: #745399
}

.p-article-social-share {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto
}

.p-article-social-share-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-article-social-share-list__item {
  -ms-flex-preferred-size: 48px;
  flex-basis: 48px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 12px;
  text-align: center;
  border-radius: 3px;
  margin-right: 7px;
  height: 20px;
  line-height: 20px;
  color: transparent
}

.p-article-social-share-list__item:hover {
  opacity: .7
}

.p-article-social-share-list__item a {
  display: block;
  color: transparent
}

.p-article-social-share-list__item.c-twtter-icon {
  background: url(/assets/images/common/cm_icon_twitter_white-20200917121639.svg) no-repeat 50%;
  background-size: 15px;
  background-color: #1da1f2
}

.p-article-social-share-list__item.c-facebook-icon {
  background: url(/assets/images/common/cm_icon_facebook_white-20200917121639.svg) no-repeat 50%;
  background-size: 13px;
  background-color: #4267b2
}

.p-article-social-share-list__item.c-line-icon {
  -ms-flex-preferred-size: 90px;
  flex-basis: 90px;
  background: url(/assets/images/common/cm_icon_line_official-20200917121639.png) no-repeat 50%;
  background-size: 90px auto
}

.p-article-social-share-list__item.c-mail-icon {
  background: url(/assets/images/common/icon_mail_white-20200917121639.svg) no-repeat 50%;
  background-size: 15px;
  background-color: #dd4161
}

.p-article-social-share-list__item.c-hp-icon {
  -ms-flex-preferred-size: 125px;
  flex-basis: 125px;
  background: url(/assets/images/common/ex-link-20200917121639.svg) no-repeat 98%;
  background-size: 16px 16px;
  border: 1px solid #ddd;
  background-color: #fff
}

.c-article-title~.p-article-social-share {
  margin: 1rem 0
}

.p-article-writer {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1rem 0;
  padding: 10px
}

.p-article-reading {
  overflow: hidden;
  margin-bottom: 24px
}

.p-article-reading-recommend {
  margin-top: 12px;
  padding-top: 16px
}

.p-article-reading-recommend__title {
  margin-bottom: 10px;
  padding-left: 5px;
  border-left: 3px solid #745399;
  font-weight: 700;
  line-height: 1
}

.p-article-reading-recommend-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-article-reading-recommend-list-item {
  padding: 0 !important;
  border-bottom: none !important
}

.p-article-reading-recommend-list-item-inner {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.p-article-reading-recommend-list-item .c-grid-item__subtitle {
  padding: 2px 0
}

.p-article-reading-recommend-list-item .c-list-thumb {
  margin-bottom: .4rem;
  margin-left: 0
}

.p-article-reading-recommend-list-item:nth-child(-n+6) {
  -ms-flex-preferred-size: calc(100%/3 - 10px);
  flex-basis: calc(100%/3 - 10px);
  margin-bottom: 12px
}

.p-article-reading-recommend-list-item:nth-child(-n+6) .c-list-title {
  font-size: 15px;
  font-size: .9375rem
}

.p-social-follow-inner__text {
  text-align: center;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700
}

.p-social-follow-inner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-social-follow-inner-list__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 50px;
  flex-basis: 50px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  text-align: center;
  margin-top: 1rem;
  margin-right: 1rem;
  padding: 5px;
  border-radius: 100%
}

.p-social-follow-inner-list__item.c-twtter-icon {
  border: 2px solid #1da1f2
}

.p-social-follow-inner-list__item.c-facebook-icon {
  border: 2px solid #4267b2
}

.p-social-follow-inner-list__item.c-line-icon {
  border: 2px solid #00b900;
  margin-right: 0
}

.p-main-contents:after {
  content: " ";
  display: block;
  clear: both
}

.p-main-contents .align-c {
  text-align: center
}

.p-main-contents .align-r {
  text-align: right
}

.p-main-contents h2 {
  padding-left: .8rem;
  border-left: 4px solid #1e2428;
  font-size: 18px;
  font-size: 1.125rem
}

.p-main-contents h2,
.p-main-contents h3 {
  display: table;
  margin: 40px 0 20px;
  font-weight: 700
}

.p-main-contents h3 {
  padding-left: .6rem;
  border-left: 6px double #dadada;
  font-size: 16px;
  font-size: 1rem
}

.p-main-contents p {
  position: relative;
  margin: 30px 0;
  line-height: 1.7;
  letter-spacing: 0
}

@supports (-ms-ime-align:auto) {
  .p-main-contents p ruby rt {
    position: relative;
    top: .6ex
  }
}

.p-main-contents img {
  max-width: 100%;
  max-height: 600px;
  width: auto;
  height: auto
}

.p-main-contents img.halfsize {
  max-height: 200px;
  max-width: 200px
}

.p-main-contents blockquote {
  margin: 30px 0;
  line-height: 1.7;
  letter-spacing: 0
}

.p-main-contents figure {
  clear: both;
  float: left;
  display: table;
  margin: 0 20px 20px 0;
  width: auto !important;
  z-index: 2;
  position: relative
}

.p-main-contents figure.thumbnails-center {
  float: none;
  margin: 0 auto 20px
}

.p-main-contents figure.thumbnails-right {
  float: right
}

.p-main-contents figure figcaption {
  display: table-caption;
  caption-side: bottom;
  text-align: left
}

.p-main-contents figure figcaption.figcaption-center {
  text-align: center
}

.p-main-contents table {
  clear: both;
  margin-bottom: 15px;
  border: 1px solid #dadada;
  background-color: #fff;
  max-width: 724px
}

.p-main-contents table tr td,
.p-main-contents table tr th {
  padding: 3px
}

.p-main-contents table tr td p {
  margin: 0
}

.p-main-contents table td,
.p-main-contents table tr {
  border-color: #ddd
}

.p-main-contents .table-scroll {
  overflow-x: auto;
  white-space: nowrap
}

.p-main-contents aside.ev-article-manual-related {
  margin: 30px 0
}

.p-main-contents aside.ev-article-manual-related h2 {
  border-left: none;
  background: #ddd;
  padding: 8px;
  font-size: 14px;
  font-size: .875rem;
  width: 100%;
  margin: 0
}

.p-main-contents aside.ev-article-manual-related .list-common-inline {
  margin-top: 15px
}

.p-main-contents aside.ev-article-manual-related .list-common-inline li {
  margin: 10px 0;
  font-size: 14px;
  font-size: .875rem
}

.p-main-contents aside.ev-article-manual-related .list-common-inline li .lc-arr {
  display: none
}

.p-main-contents aside.ev-article-manual-related .list-common-inline li a {
  color: #1e2428
}

.p-main-contents aside.ev-article-manual-related .list-common-inline li a:before {
  display: inline-block;
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #8e9193;
  padding-right: 0;
  margin-left: 5px
}

.p-main-contents aside.ev-article-manual-related .list-common-inline li a:visited {
  color: #6b808e
}

.p-main-contents .ev-article-manual-related__article-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 40px 0
}

.p-main-contents .ev-article-manual-related__article-inline h2 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 5px 8px;
  margin: 0 0 8px;
  width: 100%;
  border-left: 4px solid #745399;
  line-height: 1;
  font-size: 16px;
  font-size: 1rem
}

.p-main-contents .ev-article-manual-related__article-inline .list-common-inline {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  border-top: 1px solid #dadada
}

.p-main-contents .ev-article-manual-related__article-inline .list-common-inline li {
  padding: 8px 0;
  padding-left: 1rem;
  border-bottom: 1px solid #dadada;
  font-size: 14px;
  font-size: .875rem;
  text-indent: -1rem
}

.p-main-contents .ev-article-manual-related__article-inline .list-common-inline li .lc-arr {
  display: none
}

.p-main-contents .ev-article-manual-related__article-inline .list-common-inline li a {
  color: #1e2428
}

.p-main-contents .ev-article-manual-related__article-inline .list-common-inline li a:before {
  display: inline-block;
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #8e9193;
  padding-right: 5px;
  margin-left: 5px
}

.p-main-contents .ev-article-manual-related__article-inline .list-common-inline li a:visited {
  color: #6b808e
}

.p-main-contents .thumbnails-prof {
  min-width: auto !important
}

.p-main-contents .profile-common {
  display: table
}

.p-main-contents .profile-common .profile-hd {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  font-family: YuMincho, ヒラギノ明朝 ProN W6, Hiragino Mincho ProN, HGS明朝E, 游明朝, Yu Mincho, メイリオ, Meiryo, Helvetica Neue, Helvetica, Arial, serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  border-top: 2px solid #1e2428;
  border-bottom: 1px solid #ddd;
  padding: .8rem 0;
  line-height: 1.5rem
}

.p-main-contents .profile-common .profile-name {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 15px 0
}

.p-main-contents .profile-common .profile-content {
  line-height: 1.7rem
}

.p-main-contents .thumbnails-large {
  margin: 0 auto 30px;
  display: table;
  caption-side: bottom
}

.p-main-contents .thumbnails-large img {
  vertical-align: bottom
}

.p-main-contents .thumbnails-large p {
  display: table-caption;
  margin: 5px 0;
  font-size: 12px;
  font-size: .75rem;
  color: #8e9193
}

.p-main-contents .thumbnails-full {
  display: table;
  table-layout: fixed;
  caption-side: bottom;
  max-width: 100%;
  width: 100% !important
}

.p-main-contents .thumbnails-full img {
  max-width: 100%;
  max-height: 100%
}

.p-main-contents .thumbnails-full.thumbnails-left {
  margin-right: 0
}

.p-main-contents .thumbnails-full.thumbnails-right {
  margin-bottom: 30px;
  margin-left: 0
}

.p-main-contents .thumbnails-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  clear: both;
  float: left;
  margin: 0 20px 10px 0
}

.p-main-contents .thumbnails-list__item figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  clear: both;
  float: none;
  margin: auto;
  width: 100%;
  height: 50px;
  font-size: 0;
  text-align: center
}

.p-main-contents .thumbnails-list__item figure a {
  display: block;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.p-main-contents .thumbnails-list__item figure a img {
  max-width: 100%;
  max-height: 50px
}

.p-main-contents .article-photos {
  margin-top: 20px
}

.p-main-contents .article-photos__main-photo__photo {
  position: relative
}

.p-main-contents .article-photos__main-photo__photo figure {
  display: block;
  clear: both;
  float: none;
  min-width: 100%;
  margin: auto;
  font-size: 0
}

.p-main-contents .article-photos__main-photo__photo figure figcaption {
  padding-top: 10px
}

.p-main-contents .article-photos__main-photo__photo figure img {
  width: 100%;
  max-width: 100%;
  max-height: 100%
}

.p-main-contents .article-photos__main-photo__photo-btn-backward {
  position: absolute;
  top: calc(50% - 16px);
  left: 5px;
  display: block;
  width: 32px;
  height: 32px;
  background: rgba(30, 36, 40, .8);
  border: 1px solid hsla(0, 0%, 100%, .3);
  border-radius: 99px;
  line-height: 1;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s
}

.p-main-contents .article-photos__main-photo__photo-btn-backward:before {
  position: absolute;
  top: 8px;
  left: 2px;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border: 8px solid transparent;
  border-right: 8px solid hsla(0, 0%, 100%, .5);
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.p-main-contents .article-photos__main-photo__photo-btn-backward:hover {
  background: hsla(0, 0%, 100%, .6)
}

.p-main-contents .article-photos__main-photo__photo-btn-backward:hover:before {
  border-right: 8px solid #1e2428
}

.p-main-contents .article-photos__main-photo__photo-btn-forward {
  position: absolute;
  top: calc(50% - 16px);
  right: 5px;
  display: block;
  width: 32px;
  height: 32px;
  background: rgba(30, 36, 40, .8);
  border: 1px solid hsla(0, 0%, 100%, .3);
  border-radius: 99px;
  line-height: 1;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s
}

.p-main-contents .article-photos__main-photo__photo-btn-forward:before {
  position: absolute;
  top: 8px;
  right: 3px;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border: 8px solid transparent;
  border-left: 8px solid hsla(0, 0%, 100%, .5);
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.p-main-contents .article-photos__main-photo__photo-btn-forward:hover {
  background: hsla(0, 0%, 100%, .6)
}

.p-main-contents .article-photos__main-photo__photo-btn-forward:hover:before {
  border-left: 8px solid #1e2428
}

.p-main-contents .article-photos__main-photo__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 20px;
  margin: 20px 0 0;
  border-bottom: 1px solid #ddd
}

.p-main-contents .article-photos__main-photo__menu-link a {
  display: block;
  padding: 5px 10px 5px 6px;
  border: 1px solid #745399;
  border-radius: 3px;
  line-height: 1
}

.p-main-contents .article-photos__main-photo__menu-link a:before {
  display: inline-block;
  content: "";
  margin-right: 5px;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-right: 4px solid #745399;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.p-main-contents .article-photos__main-photo__menu-link a:hover {
  text-decoration: none;
  background-color: #745399;
  color: #fff
}

.p-main-contents .article-photos__main-photo__menu-link a:hover:before {
  border-right: 4px solid #fff
}

.p-main-contents .article-photos__main-photo__menu-num {
  padding-left: 22px;
  color: #8e9193;
  background-image: url(/assets/images/common/photo-20200917121639.svg);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 15px auto;
  line-height: 1
}

.p-main-contents .article-photos__main-photo__caption {
  padding-top: 8px;
  color: #8e9193
}

.p-main-contents .article-photos__thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 20px;
  width: 100%
}

.p-main-contents .article-photos__thumbnails-item figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  clear: both;
  float: none;
  margin: auto;
  text-align: center;
  font-size: 0
}

.p-main-contents .article-photos__thumbnails-item figure a {
  display: block;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.p-main-contents .article-photos__thumbnails-item figure a img {
  max-width: 100%;
  max-height: 70px
}

.p-main-contents .article-stream {
  clear: both;
  position: relative;
  width: 100%;
  margin: 24px 0;
  background: none
}

.p-main-contents .article-stream:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  background: none
}

.p-main-contents .article-stream iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none
}

.p-main-contents .article-regist__fade {
  z-index: -1
}

.p-main-contents .article-regist__fade:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4rem;
  background: hsla(0, 0%, 100%, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$gra-scolor", endColorstr="$gra-ecolor", GradientType=0)
}

.p-main-contents .article-regist__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.p-main-contents .article-regist__block-count {
  display: inline-block;
  width: auto;
  padding: 8px 16px;
  margin: 0 auto 16px;
  background-color: #eaeaea;
  border: 1px solid #ddd
}

.p-main-contents .article-regist__block-count,
.p-main-contents .article-regist__block-count _:-ms-lang(x)::-ms-backdrop {
  width: 220px
}

.p-main-contents .article-regist__block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
  font-weight: 700
}

.p-main-contents .article-regist__block-title:before {
  display: block;
  margin-right: 8px;
  content: "";
  width: 20px;
  height: 16px;
  background-image: url(/assets/images/common/icon_lock-20200917121639.svg);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: cover
}

.p-main-contents .article-regist__block-title em {
  color: #fe5d4b;
  font-weight: 700
}

.p-main-contents .article-regist__block-button {
  margin-bottom: 8px
}

.p-main-contents .article-regist__block-button>a {
  display: inline-block;
  padding: 16px;
  min-width: 240px;
  background-color: #af9d13;
  border-radius: 5px;
  color: #fff
}

.p-main-contents .article-regist__block-button>a>span {
  display: block;
  font-weight: 400
}

.p-main-contents .article-regist__block-login>a {
  font-weight: 400;
  color: #1e2428;
  text-decoration: underline
}

.p-main-contents-member-only {
  margin: 40px 0
}

.p-main-contents-member-only-main {
  text-align: center;
  width: 476px;
  margin: 0 auto
}

.p-main-contents-member-only-main .c-main-contents-member-only-main__deteil {
  margin: 15px 0;
  font-weight: 700
}

.p-main-contents-member-only-main .c-main-contents-member-only-main__title {
  margin: auto;
  padding-left: 0;
  border: none
}

.p-main-contents-member-only-main-unregistered {
  background: #eae5f0;
  padding: 20px 15px 10px
}

.p-main-contents-member-only-main-unregistered p {
  margin: 0 0 15px
}

.p-main-contents-member-only-main-unregistered .c-main-contents-member-only-unregistered__register-btn {
  color: #fff
}

.p-main-contents-member-only-main-unregistered .c-main-contents-member-only__link {
  display: inline-block;
  width: auto;
  margin: 15px 15px 5px
}

.p-main-contents-member-only-main-reader {
  text-align: left;
  margin: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-main-contents-member-only-main-reader p {
  margin: 0 0 10px
}

.p-main-contents-member-only-main-reader .c-main-contents-member-only__help-link {
  color: #1e2428
}

.p-main-contents-member-only-other {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  text-align: center;
  font-size: 12px;
  font-size: .75rem
}

.p-main-contents-member-only-other :after {
  content: "";
  display: block;
  clear: both
}

.p-main-contents-member-only-other-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-main-contents-member-only-other-wrapper__bubbles {
  -ms-flex-item-align: center;
  align-self: center;
  position: relative;
  padding: 5px 8px;
  background: #fff;
  border: 2px solid #745399;
  text-align: center;
  color: #745399;
  white-space: nowrap
}

.p-main-contents-member-only-other-wrapper__bubbles>span {
  display: block;
  font-size: 11px;
  font-size: .6875rem
}

.p-main-contents-member-only-other-link {
  margin-left: 13px;
  margin-top: 10px;
  white-space: nowrap;
  text-align: left
}

.p-main-contents-member-only-other .c-main-contents-member-only-trial-subscription-link {
  padding-top: 18px;
  margin-bottom: 10px;
  white-space: nowrap
}

.p-main-contents-member-only-other .c-main-contents-member-only-trial-subscription-link>a {
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px dotted #745399
}

.p-main-contents-member-only-other .c-main-contents-member-only-trial-subscription-link>a:hover {
  text-decoration: none
}

.p-main-contents-member-only-other .c-main-contents-member-only__link {
  display: inline-block
}

.p-main-contents-member-only-other-signup {
  text-align: left;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-main-contents-member-only-other-signup__exp {
  display: inline-block;
  text-indent: -1rem;
  padding-left: 1rem;
  margin-bottom: 10px !important;
  text-align: left
}

.p-main-contents-member-only-other-signup__exp:before {
  content: "";
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #745399;
  margin-right: 4px
}

.p-main-contents-member-only-other-signup__btn {
  display: inline-block;
  margin: 0 auto 10px;
  border: 1px solid #745399;
  padding: 12px 20px;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  line-height: 1rem
}

.p-main-contents-member-only-other-signup__btn:hover {
  color: #fff;
  background-color: #745399;
  text-decoration: none
}

.p-main-contents-member-only-main-reader {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.p-main-contents-member-only-v2 {
  padding: 24px;
  margin: 10px 0;
  border: 1px solid #dadada;
  border-radius: 5px;
  text-align: center
}

.p-main-contents-member-only-v2__title {
  margin: 0 0 16px !important;
  width: 100%;
  border: none !important;
  text-align: center
}

.p-main-contents-member-only-v2__title:before {
  content: "";
  margin: 0 6px 4px -24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/assets/images/common/icon_lock-20200917121639.svg) no-repeat 50%;
  background-size: 100%;
  vertical-align: middle
}

.p-main-contents-member-only-v2__title-sub {
  margin: 0 0 16px
}

.p-main-contents-member-only-v2__btn-login a {
  display: block;
  padding: 16px 0;
  width: 100%;
  border: none;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #745399;
  color: #fff !important;
  font-weight: 700;
  text-align: center
}

.p-main-contents-member-only-v2__btn-login a:hover {
  background-color: #8e6eb1;
  text-decoration: none
}

.p-main-contents-member-only-v2__btn-login a:link,
.p-main-contents-member-only-v2__btn-login a:visited {
  color: #fff
}

.p-main-contents-member-only-v2__btn-registration a {
  display: block;
  padding: 16px 0;
  width: 100%;
  border: none;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #af9d13;
  color: #fff !important;
  font-weight: 700;
  text-align: center
}

.p-main-contents-member-only-v2__btn-registration a:hover {
  background-color: #bda914;
  text-decoration: none
}

.p-main-contents-member-only-v2__com-link {
  display: block;
  color: #745399;
  font-size: 12px;
  font-size: .75rem
}

.p-main-contents-member-only-v2__com-link:hover {
  text-decoration: underline
}

.p-main-contents-member-only-v2__com-link:before {
  display: inline-block;
  content: "";
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 7px solid #745399
}

.p-main-contents-member-only-v2__exp {
  margin: 32px 0 16px !important;
  font-size: 12px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.6 !important
}

.p-main-contents-member-only-v2__exp>span {
  display: block;
  font-weight: 400
}

.p-main-contents-member-only-v2__invite {
  margin: 24px 0
}

.p-main-contents-member-only-v2__invite-link {
  margin-bottom: 8px
}

.p-main-contents-member-only-v2__invite-qr {
  font-size: 12px;
  font-size: .75rem
}

.p-main-contents-member-only-v2__faq {
  padding-top: 16px;
  border-top: 1px solid #dadada
}

.p-article-profile {
  margin: 3rem 0
}

.p-article-profile-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1rem 0
}

.p-header-2020 {
  color: #333;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.p-header-2020 a,
.p-header-2020 a:visited {
  color: currentColor
}

.p-header-2020 svg {
  fill: currentColor;
  vertical-align: middle
}

.p-header-2020 img {
  vertical-align: top
}

.p-header-2020-logo {
  position: absolute
}

.p-header-2020-logo a,
.p-header-2020-logo img {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  height: 100%
}

.p-header-2020-openmenu {
  color: #333;
  line-height: 0;
  font-weight: 400;
  text-align: center;
  display: block;
  position: absolute;
  top: 13.5px;
  right: 15px
}

.p-header-2020-openmenu svg {
  fill: currentColor;
  width: 20px;
  height: 14px
}

.p-header-2020-openmenu span {
  display: block;
  font-size: 6px;
  line-height: 1;
  height: 6px;
  margin-top: 6.5px
}

.p-header-2020-utilitylinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 14px;
  right: 20px
}

.p-header-2020-utilitylinks li {
  margin-left: 20px;
  height: 15px
}

.p-header-2020-utilitylinks a {
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  display: block;
  height: 15px
}

.p-header-2020-utilitylinks svg {
  fill: indigo;
  vertical-align: top;
  width: 15px;
  height: 15px;
  margin-right: 8px
}

.p-header-2020-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute
}

.p-header-2020-buttons li {
  height: 100%
}

.p-header-2020-buttons a {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 3px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.p-header-2020-buttons a:hover {
  text-decoration: none
}

.p-header-2020-buttons__subscribe a {
  color: indigo;
  background-color: #f9f9f9;
  border-color: #e5e5e5;
  padding: 0 20px
}

.p-header-2020-buttons__subscribe a:visited {
  color: indigo
}

.p-header-2020-buttons__subscribe a:hover {
  color: #fff;
  background-color: indigo;
  border-color: indigo
}

.p-header-2020-buttons__login a {
  color: indigo;
  background-color: #fff
}

.p-header-2020-buttons__login a:visited {
  color: indigo
}

.p-header-2020-buttons__login a:hover,
.p-header-2020-buttons__signup a {
  color: #fff;
  background-color: indigo
}

.p-header-2020-buttons__signup a:visited {
  color: #fff
}

.p-header-2020-buttons__signup a:hover {
  color: indigo;
  background-color: #fff
}

.p-header-2020-mypage {
  position: absolute
}

.p-header-2020-mypage>p {
  line-height: 1
}

.p-header-2020-mypage>p a {
  font-weight: 400
}

.p-header-2020-mypage>p svg {
  fill: indigo;
  margin-right: 8px
}

.p-header-2020-mypage>div {
  display: none;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
  position: absolute;
  top: 21px;
  right: 0;
  z-index: 1
}

.p-header-2020-mypage>div p {
  white-space: nowrap
}

.p-header-2020-mypage>div p:first-of-type {
  color: indigo;
  font-size: 14px;
  line-height: 1;
  height: 14px;
  font-weight: 700
}

.p-header-2020-mypage>div p:nth-of-type(2) {
  font-size: 10px;
  line-height: 1.8;
  margin-top: -4px;
  margin-bottom: -4px;
  margin-top: 10px
}

.p-header-2020-mypage>div p svg {
  fill: indigo;
  height: 18px;
  width: 18px;
  margin-right: 8px
}

.p-header-2020-mypage>div p span {
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle
}

.p-header-2020-mypage>div ul {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
  margin: 12px 0;
  width: 100px
}

.p-header-2020-mypage>div li {
  font-size: 14px;
  line-height: 1.28571;
  margin-top: -2px;
  margin-bottom: -2px;
  white-space: nowrap
}

.p-header-2020-mypage>div li:nth-of-type(n+2) {
  margin-top: 14px
}

.p-header-2020-mypage>div li a {
  font-weight: 400
}

.p-header-2020-mypage>div>a {
  font-size: 14px;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block
}

.p-header-2020-pickupicons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 345px;
  top: 39px
}

.p-header-2020-pickupicons li {
  line-height: 1;
  text-align: center;
  width: 75px
}

.p-header-2020-pickupicons a {
  font-size: 0;
  color: #333;
  display: block
}

.p-header-2020-pickupicons a:hover {
  text-decoration: none
}

.p-header-2020-pickupicons a:hover span {
  text-decoration: underline
}

.macchrome .p-header-2020-pickupicons a:hover span {
  border-bottom: 1px solid currentColor
}

.p-header-2020-pickupicons svg {
  fill: indigo;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto
}

.p-header-2020-pickupicons span {
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  white-space: nowrap;
  display: inline-block;
  height: 12px;
  margin-top: 8px
}

.p-header-2020-supporticons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 20px;
  bottom: 10px
}

.p-header-2020-supporticons li {
  line-height: 1;
  text-align: center;
  width: 45px
}

.p-header-2020-supporticons a {
  font-size: 0;
  color: #333;
  display: block
}

.p-header-2020-supporticons a:hover {
  text-decoration: none
}

.p-header-2020-supporticons a:hover span {
  text-decoration: underline
}

.macchrome .p-header-2020-supporticons a:hover span {
  border-bottom: 1px solid currentColor
}

.p-header-2020-supporticons svg {
  fill: indigo;
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto
}

.p-header-2020-supporticons span {
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  height: 10px;
  margin-top: 5px;
  border-bottom: 1px solid transparent
}

.p-header-2020-grovalnav {
  position: absolute;
  left: 20px;
  bottom: 0
}

.p-header-2020-grovalnav>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-header-2020-grovalnav>ul>li {
  height: 50px;
  position: relative
}

.p-header-2020-grovalnav>ul>li:last-of-type svg {
  fill: indigo;
  width: 9px;
  height: 9px;
  margin-right: 5px
}

.p-header-2020-grovalnav>ul>li>a,
.p-header-2020-grovalnav>ul>li>span {
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  display: block;
  position: relative;
  z-index: 12
}

.p-header-2020-grovalnav>ul>li>a em,
.p-header-2020-grovalnav>ul>li>span em {
  color: #e50500;
  font-weight: 700
}

.p-header-2020-grovalnav>ul>li:first-of-type>a {
  padding-left: 0
}

.p-header-2020-grovalnav>ul>li>a:hover {
  color: indigo
}

.p-header-2020-grovalnav>ul>li>a:hover em {
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
  text-decoration-color: currentColor
}

.p-header-2020-grovalnav>ul>li>div {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.p-header-2020-grovalnav>ul>li>div:after,
.p-header-2020-grovalnav>ul>li>div:before {
  content: "";
  display: block;
  background-color: #f9f9f9;
  position: absolute;
  z-index: 10
}

.p-header-2020-grovalnav>ul>li>div:before {
  border: 1px solid #e5e5e5;
  border-width: 1px 1px 0;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.p-header-2020-grovalnav>ul>li>div:after {
  height: 5px;
  bottom: -5px;
  left: 1px;
  right: 1px;
  z-index: 10
}

.p-header-2020-grovalnav>ul>li.active>div,
.p-header-2020-grovalnav>ul>li:hover>div {
  display: block
}

.p-header-2020-grovalnav>ul ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 0 3px 3px 3px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
  padding: 15px 5px 15px 25px;
  position: absolute;
  top: 50px;
  z-index: 10
}

.p-header-2020-grovalnav>ul ul li {
  margin-right: 20px
}

.p-header-2020-grovalnav>ul ul li:nth-of-type(n+3) {
  margin-top: 2px
}

.p-header-2020-grovalnav>ul ul li.p-header-2020-grovalnav__hr {
  grid-column: 1/3;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
  margin-bottom: 8px
}

.p-header-2020-grovalnav>ul ul li a {
  color: #333;
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  white-space: nowrap;
  display: inline-block;
  height: 25px
}

.p-header-2020-grovalnav>ul ul li a svg {
  fill: #999;
  width: 10px;
  height: 10px;
  margin-left: 4px
}

.p-header-2020-grovalnav-more {
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
  padding: 5px 40px 25px;
  position: absolute;
  left: 20px;
  right: 20px;
  z-index: 9
}

.p-header-2020-grovalnav-more.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-header-2020-grovalnav-more div {
  margin-top: 25px
}

.p-header-2020-grovalnav-more div:nth-last-of-type(n+2) ul {
  margin-top: 6px
}

.p-header-2020-grovalnav-more div:nth-last-of-type(n+2) li {
  font-size: 13px;
  line-height: 1.5;
  margin-top: 5.75px;
  margin-bottom: -3.25px
}

.p-header-2020-grovalnav-more div:nth-last-of-type(n+2) svg {
  fill: #999;
  width: 10px;
  height: 10px;
  margin-left: 4px
}

.p-header-2020-grovalnav-more div:last-of-type li {
  font-size: 13px;
  line-height: 20px;
  margin-top: 10px
}

.p-header-2020-grovalnav-more div:last-of-type svg {
  width: 20px;
  height: 20px;
  margin-right: 8px
}

.p-header-2020-grovalnav-more div>p {
  font-size: 14px;
  line-height: 1;
  font-weight: 700
}

.p-header-2020-grovalnav-more div>p svg {
  color: indigo;
  vertical-align: top;
  width: 7px;
  height: 11px;
  margin-left: 10px
}

.p-header-2020-grovalnav-more ul {
  margin-right: 30px
}

.p-header-2020-grovalnav-more ul a {
  font-weight: 400
}

.p-header-2020-notice {
  max-width: 1320px;
  padding: 0 20px;
  margin-right: auto;
  margin-left: auto
}

.p-header-2020-notice a {
  display: block
}

.p-header-2020-notice a:hover {
  text-decoration: none
}

.p-header-2020-notice a:hover p {
  text-decoration: underline
}

.p-header-2020-notice a:visited {
  color: currentColor
}

.p-header-2020-notice p {
  line-height: 1.5;
  font-weight: 700;
  border-radius: 3px;
  padding: 6px 9px 7px;
  border: 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-header-2020-notice p:after {
  content: "";
  display: block;
  clear: both
}

.p-header-2020-notice span {
  line-height: 25px;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 40px;
  height: 25px;
  margin-right: 10px
}

.p-header-2020-notice[class*=p-header-2020-notice__type1] p {
  border-color: #e50500
}

.p-header-2020-notice[class*=p-header-2020-notice__type2] p {
  border-color: #000
}

.p-header-2020-notice[class*=p-header-2020-notice__type3] p {
  border-color: #666
}

.p-header-2020-notice[class*=p-header-2020-notice__type4] p {
  display: block
}

.p-header-2020-notice__type1a p {
  color: #fff;
  background-color: #e50500
}

.p-header-2020-notice__type1a span {
  color: #e50500;
  background-color: #fff
}

.p-header-2020-notice__type1b p {
  color: #e50500;
  background-color: #ffeceb
}

.p-header-2020-notice__type1b span {
  color: #ffeceb;
  background-color: #e50500
}

.p-header-2020-notice__type2a p {
  color: #fff;
  background-color: #000
}

.p-header-2020-notice__type2a span {
  color: #000;
  background-color: #fff
}

.p-header-2020-notice__type2b p {
  color: #333;
  background-color: #fff
}

.p-header-2020-notice__type2b span {
  color: #fff;
  background-color: #333
}

.p-header-2020-notice__type3a p {
  color: #fff;
  background-color: #666
}

.p-header-2020-notice__type3a span {
  color: #666;
  background-color: #fff
}

.p-header-2020-notice__type3b p {
  color: #333;
  border-color: #666;
  background-color: #fff
}

.p-header-2020-notice__type3b span {
  color: #fff;
  background-color: #666
}

.p-header-2020-notice__type4a p {
  color: #e50500;
  border-color: currentColor
}

.p-header-2020-noticeslider {
  position: relative;
  padding: 0 50px;
  height: 40px
}

.p-header-2020-noticeslider:not(.active) {
  opacity: 0
}

.p-header-2020-noticeslider p {
  color: #e50500;
  line-height: 1.2;
  border-radius: 0;
  border: none;
  height: 38px;
  padding: 0 9px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.p-header-2020-noticeslider [class*=p-header-2020-noticeslider__nav],
.p-header-2020-noticeslider p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-header-2020-noticeslider [class*=p-header-2020-noticeslider__nav] {
  background-color: #e50500;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 40px;
  position: absolute;
  top: 0;
  cursor: pointer
}

.p-header-2020-noticeslider [class*=p-header-2020-noticeslider__nav] svg {
  fill: #fff;
  width: 7px;
  height: 12px
}

.p-header-2020-noticeslider__wrapper {
  border: 1px solid #e50500
}

.p-header-2020-noticeslider__navprev {
  left: 20px
}

.p-header-2020-noticeslider__navnext {
  right: 20px
}

.p-header-2020-modal-mypage__content {
  margin-top: 25px
}

.p-header-2020-modal-mypage__content p {
  white-space: nowrap;
  text-align: center
}

.p-header-2020-modal-mypage__content p:first-of-type {
  color: indigo;
  font-size: 14px;
  line-height: 1;
  height: 14px;
  font-weight: 700
}

.p-header-2020-modal-mypage__content p:nth-of-type(2) {
  font-size: 10px;
  line-height: 1.8;
  margin-top: -4px;
  margin-bottom: -4px;
  margin-top: 10px
}

.p-header-2020-modal-mypage__content p svg {
  fill: indigo;
  vertical-align: middle;
  height: 18px;
  width: 18px;
  margin-right: 8px
}

.p-header-2020-modal-mypage__content p span {
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle
}

.p-header-2020-modal-mypage__content ul {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
  margin: 15px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-header-2020-modal-mypage__content li {
  font-size: 14px;
  line-height: 1.28571;
  margin-top: -2px;
  margin-bottom: -2px;
  white-space: nowrap;
  width: 50%
}

.p-header-2020-modal-mypage__content li:nth-of-type(n+3) {
  margin-top: 14px
}

.p-header-2020-modal-mypage__content li a {
  font-weight: 400;
  padding-left: 40px
}

.p-header-2020-modal-mypage__content>a {
  font-size: 14px;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  text-align: center
}

.p-header-2020-modal-menuhead .p-header-2020-modal-menuhead__subscribe {
  color: indigo;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  border: 1px solid indigo;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 140px;
  height: 34px;
  position: absolute;
  top: 7px;
  left: 20px
}

.p-header-2020-modal-menuhead .p-header-2020-modal-menuhead__subscribe:visited {
  color: indigo
}

.p-header-2020-modal-menuhead .p-header-2020-modal-menuhead__subscribe:hover {
  color: #fff;
  background-color: indigo;
  text-decoration: none
}

.p-header-2020-modal-menuhead__close {
  text-align: center;
  display: block;
  position: absolute;
  right: 19px;
  top: 13px
}

.p-header-2020-modal-menuhead__close svg {
  fill: #333;
  width: 16px;
  height: 16px;
  vertical-align: middle
}

.p-header-2020-modal-menuhead__close span {
  font-size: 6px;
  line-height: 1;
  font-weight: 400;
  display: block;
  height: 6px;
  margin-top: 5px
}

.p-header-2020-modal-menuhead__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 20px;
  right: 58px
}

.p-header-2020-modal-menuhead__links li {
  margin-left: 13px
}

.p-header-2020-modal-menuhead__links a {
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  display: block;
  height: 10px
}

.p-header-2020-modal-menu {
  background-color: #fff
}

.p-header-2020-modal-menu .p-modal__main .p-modal__box {
  padding: 0
}

.p-header-2020-modal-menu a {
  color: #333;
  font-weight: 400
}

.p-header-2020-modal-menu a:visited {
  color: #333
}

.p-header-2020-modal-menu__row1 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  height: 60px;
  padding: 0 20px
}

.p-header-2020-modal-menu__row1,
.p-header-2020-modal-menu__row1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-header-2020-modal-menu__row1 ul li {
  text-align: center;
  width: 45px
}

.p-header-2020-modal-menu__row1 ul svg {
  fill: indigo;
  vertical-align: middle;
  width: 21px;
  height: 21px
}

.p-header-2020-modal-menu__row1 ul span {
  font-size: 10px;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  margin-top: 5px
}

.p-header-2020-modal-menu__row1 p {
  font-size: 12px;
  line-height: 1
}

.p-header-2020-modal-menu__row2>ul>li {
  border-bottom: 1px solid #e5e5e5
}

.p-header-2020-modal-menu__row2>ul>li.active {
  background-color: #f9f9f9
}

.p-header-2020-modal-menu__row2>ul>li>p {
  height: 60px;
  padding: 0 20px;
  position: relative
}

.p-header-2020-modal-menu__row2>ul>li>p a,
.p-header-2020-modal-menu__row2>ul>li>p span {
  font-size: 15px;
  line-height: 60px;
  font-weight: 700;
  display: block;
  height: 60px
}

.p-header-2020-modal-menu__row2>ul>li>p a:hover em,
.p-header-2020-modal-menu__row2>ul>li>p span:hover em {
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
  text-decoration-color: currentColor
}

.p-header-2020-modal-menu__row2>ul>li>p em {
  color: #e50500;
  font-weight: 700
}

.p-header-2020-modal-menu__row2>ul>li>p button {
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.p-header-2020-modal-menu__row2>ul>li>p button svg {
  fill: indigo;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 6px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 17px;
  right: 20px
}

.p-header-2020-modal-menu__row2>ul>li>p button svg:nth-of-type(2) {
  display: none
}

.p-header-2020-modal-menu__row2>ul>li>div {
  display: none;
  padding: 5px 20px 35px 60px
}

.p-header-2020-modal-menu__row2>ul>li.active button svg:first-of-type {
  display: none
}

.p-header-2020-modal-menu__row2>ul>li.active button svg:nth-of-type(2) {
  display: inline-block
}

.p-header-2020-modal-menu__row2>ul>li.active>div {
  display: block
}

.p-header-2020-modal-menu__row2>ul>li ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-header-2020-modal-menu__row2>ul>li li {
  width: calc((100% - 20px) / 2)
}

.p-header-2020-modal-menu__row2>ul>li li:nth-of-type(n+3) {
  margin-top: 16px
}

.p-header-2020-modal-menu__row2>ul>li li a {
  font-size: 14px;
  line-height: 1.5;
  margin-top: -3.5px;
  margin-bottom: -3.5px;
  display: inline-block
}

.p-header-2020-modal-menu__row2>ul>li li svg {
  fill: #8e9193;
  width: 12px;
  height: 12px;
  margin-left: 10px
}

.p-header-2020-modal-menu__row3 {
  padding: 25px 20px
}

.p-header-2020-modal-menu__row3 a {
  font-size: 15px;
  line-height: 1;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  display: block;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-header-2020-modal-menu__row3 svg {
  fill: indigo;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-right: 10px
}

.p-header-2020-modal-sitemap__sitelinks>li {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0
}

.p-header-2020-modal-sitemap__sitelinks>li h2 a,
.p-header-2020-modal-sitemap__sitelinks>li h2 span {
  color: #333;
  font-size: 14px;
  line-height: 1.39286;
  margin-top: -2.75px;
  margin-bottom: -2.75px;
  font-weight: 700;
  display: block
}

.p-header-2020-modal-sitemap__sitelinks>li h2 svg {
  fill: indigo;
  width: 7px;
  height: 11px;
  margin-left: 10px
}

.p-header-2020-modal-sitemap__sitelinks>li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

.p-header-2020-modal-sitemap__sitelinks>li li a {
  color: #333;
  font-size: 13px;
  line-height: 1.5;
  margin-top: -3.25px;
  margin-bottom: -3.25px;
  font-weight: 400;
  display: inline-block
}

.p-header-2020-modal-sitemap__sitelinks>li li svg {
  fill: #999;
  width: 10px;
  height: 10px;
  margin-left: 4px
}

.p-header-2020-modal-sitemap__sociallinks {
  margin-top: 40px
}

.p-header-2020-modal-sitemap__sociallinks h2 {
  font-size: 14px;
  line-height: 1;
  font-weight: 700
}

.p-header-2020-modal-sitemap__sociallinks ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  margin-top: 20px
}

.p-header-2020-modal-sitemap__sociallinks li {
  font-size: 13px;
  line-height: 20px
}

.p-header-2020-modal-sitemap__sociallinks li:nth-of-type(n+2) {
  margin-left: 15px
}

.p-header-2020-modal-sitemap__sociallinks li a {
  color: #333;
  font-weight: 400
}

.p-header-2020-modal-sitemap__sociallinks li svg {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 7px
}

.p-header-2020-modal-subscribe {
  background-color: #f9f9f9
}

.p-header-2020-modal-subscribe .p-modal__close .p-modal__box {
  max-width: 600px
}

.p-header-2020-modal-subscribe__content {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  margin: 0 auto
}

.p-header-2020-modal-subscribe__content h2,
.p-header-2020-modal-subscribe__content h3 {
  font-weight: 700;
  line-height: 1;
  text-align: center
}

.p-header-2020-modal-subscribe__content h2 {
  font-size: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000
}

.p-header-2020-modal-subscribe__content h3 {
  margin-top: 15px
}

.p-header-2020-modal-subscribe__content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px
}

.p-header-2020-modal-subscribe__content li {
  text-align: center;
  margin-top: 25px
}

.p-header-2020-modal-subscribe__content li:first-of-type {
  width: 100%;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5
}

.p-header-2020-modal-subscribe__content li:first-of-type h3 {
  font-size: 18px
}

.p-header-2020-modal-subscribe__content li:first-of-type div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-header-2020-modal-subscribe__content li:first-of-type div a {
  width: 180px
}

.p-header-2020-modal-subscribe__content li:nth-of-type(n+2) h3 {
  font-size: 15px
}

.p-header-2020-modal-subscribe__content div {
  margin-top: 20px
}

.p-header-2020-modal-subscribe__content div a {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid indigo;
  border-radius: 3px;
  height: 38px
}

.p-header-2020-modal-subscribe__content div a:hover {
  text-decoration: none
}

.p-header-2020-modal-subscribe__content div a:first-of-type {
  color: #fff;
  background-color: indigo
}

.p-header-2020-modal-subscribe__content div a:first-of-type:hover {
  color: indigo;
  background-color: #fff
}

.p-header-2020-modal-subscribe__content div a:nth-of-type(2) {
  color: indigo
}

.p-header-2020-modal-subscribe__content div a:nth-of-type(2):hover {
  color: #fff;
  background-color: indigo
}

.p-header-2020-modal-subscribe__content p {
  margin-top: 20px
}

.p-header-2020-modal-subscribe__content p a {
  font-weight: 400;
  font-size: 14px;
  line-height: 1
}

.p-header-global {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1076px;
  margin: 0 auto;
  margin-top: 43px
}

.p-header-global,
.p-header-global-fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1
}

.p-header-global-fixed {
  position: fixed;
  width: 100%;
  top: 0;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  z-index: 9999;
  min-width: 1076px
}

.p-header-global-block-item03 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: none
}

.p-header-global-nav-wrapper {
  z-index: 200;
  position: fixed;
  top: 43px;
  left: -100%;
  width: 280px;
  height: 100vh;
  background-color: #fff;
  border-right: 1px solid #b4b4b4;
  display: none
}

.p-header-global-nav-wrapper a:visited {
  color: #745399
}

.p-header-global-nav-wrapper input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.p-header-global-nav-wrapper--show {
  left: 0;
  display: block;
  visibility: visible
}

.p-header-global-nav-wrapper-menu__signup a {
  color: #fe5d4b;
  border: 1px solid #fe5d4b;
  display: block;
  font-weight: 400;
  margin: 12px 10px 8px;
  padding: 7px;
  font-size: 12px;
  font-size: .75rem;
  text-align: center;
  border-radius: 2px
}

.p-header-global-nav-wrapper-menu__signup a:visited {
  color: #fe5d4b
}

.p-header-global-nav-wrapper-menu__signup a:focus,
.p-header-global-nav-wrapper-menu__signup a:hover {
  color: #fff;
  background: #fe5d4b;
  text-decoration: none
}

.p-header-global-nav-wrapper-menu__info {
  margin: 10px;
  overflow: hidden
}

.p-header-global-nav-wrapper-menu__info li a {
  color: #745399;
  padding: 3px;
  background: #eaeaea;
  font-weight: 400;
  text-align: center;
  padding: 6px 0;
  display: block;
  border-radius: 2px
}

.p-header-global-nav-wrapper-menu__info li a:focus,
.p-header-global-nav-wrapper-menu__info li a:hover {
  background: #745399;
  color: #fff;
  text-decoration: none
}

.p-header-global-nav-wrapper-menu__info__about {
  width: 60%;
  float: left
}

.p-header-global-nav-wrapper-menu__info__about a {
  margin: 0
}

.p-header-global-nav-wrapper-menu__info__help {
  width: 40%;
  float: right
}

.p-header-global-nav-wrapper-menu__info__help a {
  margin: 0 0 0 10px
}

.p-header-global-nav-wrapper-top {
  height: 42px;
  border-top: 1px solid #ddd
}

.p-header-global-nav-wrapper-top a {
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  margin: 0;
  padding: 13px 0 13px 35px;
  display: inline-block;
  line-height: 1.2;
  background: url(/assets/images/common/home-20200917121639.svg) no-repeat;
  background-size: 12px auto;
  background-position: 13px 14px
}

.p-header-global-nav-wrapper-top a:hover {
  text-decoration: underline
}

.p-header-global-nav-wrapper-list {
  height: 100vh;
  height: calc(100vh - 42px - 43px - 56px - 22px);
  overflow-y: auto
}

.p-header-global-nav-wrapper-list>li:first-child a {
  padding-left: 35px
}

.p-header-global-nav-wrapper-list>li:first-child a:before {
  left: 21px
}

.p-header-global-nav-wrapper-list>li:last-child {
  border-bottom: 1px solid #ddd
}

.p-header-global-nav-wrapper-list__contents {
  border-top: 1px solid #ddd;
  background: #fff;
  position: relative;
  height: 42px
}

.p-header-global-nav-wrapper-list__contents a {
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  padding: 13px 0 13px 47px;
  margin: 0;
  display: inline-block;
  line-height: 1.2;
  position: relative
}

.p-header-global-nav-wrapper-list__contents a:hover {
  text-decoration: underline
}

.p-header-global-nav-wrapper-list__contents a:before {
  border-left: 5px solid #b4b4b4;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: "";
  display: inline-block;
  left: 33px;
  position: absolute;
  top: 15px
}

.p-header-global-nav-wrapper-list__contents span {
  color: #1e2428;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  padding: 13px 0 13px 47px;
  margin: 0;
  display: inline-block;
  line-height: 1.2;
  position: relative
}

.p-header-global-nav-wrapper-list__contents-member-only span {
  display: block;
  background: url(/assets/images/common/contents_member_only-20200917121639.png) no-repeat;
  background-size: 15px auto;
  background-position: 27px 13px;
  background-color: #fff;
  color: #b4b4b4
}

.p-header-global-nav-wrapper-list__contents-member-only span:before {
  content: none
}

.p-header-global-nav-wrapper-list__contents--login {
  border-top: 1px solid #ddd;
  background: hsla(0, 0%, 92%, .5);
  position: relative
}

.p-header-global-nav-wrapper-list__contents--login a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 0 13px 25px;
  margin: 0;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none
}

.p-header-global-nav-wrapper-list__contents--login a:hover {
  text-decoration: underline
}

.p-header-global-nav-wrapper-list__contents--login a:before {
  content: "";
  display: block;
  width: 20px;
  height: 16px;
  background: url(/assets/images/common/icon_login-20200917121639.svg) no-repeat;
  background-size: auto 16px
}

.p-header-global-nav-wrapper-list__contents--splogin {
  border-top: 3px solid #ddd;
  background: hsla(0, 0%, 92%, .5);
  position: relative
}

.p-header-global-nav-wrapper-list__contents--splogin a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 13px 0 13px 47px;
  margin: 0;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none
}

.p-header-global-nav-wrapper-list__contents--splogin a:hover {
  text-decoration: underline
}

.p-header-global-nav-wrapper-list__contents--splogin a:before {
  border-left: 5px solid #b4b4b4;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: "";
  display: inline-block;
  left: 33px;
  position: absolute;
  top: 15px
}

.p-header-global-nav-wrapper-list__contents--splogin a span {
  display: block;
  padding-top: 4px;
  width: 100%;
  color: #1e2428;
  font-size: 9px;
  font-size: .5625rem
}

.p-header-global-nav-wrapper-list__contents--splogin a span:hover {
  text-decoration: none
}

.p-header-global-nav-wrapper-list__contents--logout {
  border-top: 3px solid #ddd;
  background: hsla(0, 0%, 92%, .5);
  position: relative
}

.p-header-global-nav-wrapper-list__contents--logout a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 0 13px 25px;
  margin: 0;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none
}

.p-header-global-nav-wrapper-list__contents--logout a:hover {
  text-decoration: underline
}

.p-header-global-nav-wrapper-list__contents--logout a:before {
  content: "";
  display: block;
  width: 20px;
  height: 16px;
  background: url(/assets/images/common/icon_logout-20200917121639.svg) no-repeat;
  background-size: auto 16px
}

.p-header-global-nav-wrapper-list__sub {
  padding: 14px 0 14px 45px;
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  display: none
}

.p-header-global-nav-wrapper-list__sub li {
  width: 47%;
  float: left;
  margin-right: 5px
}

.p-header-global-nav-wrapper-list__sub li a {
  font-size: 12px;
  font-size: .75rem;
  font-weight: 400;
  padding: 6px 0;
  padding-left: 5px;
  margin: 0;
  display: block;
  line-height: 1.2;
  position: relative
}

.p-header-global-nav-wrapper-list__sub li a:hover {
  text-decoration: underline;
  background-color: #fff
}

.p-header-global-nav-wrapper-list__sub li a:visited {
  color: #745399
}

.p-header-global-nav-wrapper-list__sub li span {
  color: #b4b4b4;
  font-size: 12px;
  font-size: .75rem;
  font-weight: 400;
  padding: 6px 0;
  padding-left: 10px;
  margin: 0;
  display: block;
  line-height: 1;
  position: relative
}

.p-header-global-nav-wrapper-list__sub li span:before {
  border: 2px solid #b4b4b4;
  border-radius: 2px;
  content: "";
  display: inline-block;
  left: 2px;
  position: absolute;
  top: 10px
}

.p-header-global-nav-wrapper-list__sub .p-header-global-nav-wrapper-list__sub__contents-member-only span {
  background: url(/assets/images/common/contents_member_only-20200917121639.png) no-repeat;
  background-size: 12px auto;
  background-position: 4px 6px;
  color: #b4b4b4;
  padding-left: 18px
}

.p-header-global-nav-wrapper-list__sub .p-header-global-nav-wrapper-list__sub__contents-member-only span:before {
  content: none
}

.p-header-global-nav-wrapper-list__contents label {
  display: block;
  height: 27px;
  width: 27px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 2px;
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden
}

.p-header-global-nav-wrapper-list__contents label:before {
  content: "";
  display: block;
  background: #1e2428;
  width: 1px;
  height: 13px;
  position: absolute;
  top: 7px;
  left: 13px
}

.p-header-global-nav-wrapper-list__contents label:after {
  content: "";
  display: block;
  background: #1e2428;
  width: 13px;
  height: 1px;
  position: absolute;
  top: 13px;
  left: 7px
}

.p-header-global-nav__select button {
  border: 1px solid #ddd;
  background: #000;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ddd;
  cursor: pointer;
  margin: 7px 8px;
  padding: 5px 10px 5px 25px;
  height: 29px;
  overflow: hidden;
  position: relative;
  width: 107px
}

.p-header-global-nav__select button:hover {
  background: #745399;
  color: #fff;
  border-color: #fff
}

.p-header-global-nav__select button:before {
  border-top: 1px solid #ddd;
  height: 7px
}

.p-header-global-nav__select button:after,
.p-header-global-nav__select button:before {
  content: "";
  display: block;
  border-bottom: 1px solid #ddd;
  width: 11px;
  position: absolute;
  top: 9px;
  left: 8px
}

.p-header-global-nav__select button:after {
  height: 4px
}

.p-header-global-nav__select button.p-header-global-nav__select--active {
  background: #fff;
  color: #1e2428
}

.p-header-global-nav__select button.p-header-global-nav__select--active:hover {
  background: #745399;
  color: #fff
}

.p-header-global-nav__select button.p-header-global-nav__select--active:hover:after,
.p-header-global-nav__select button.p-header-global-nav__select--active:hover:before {
  border-color: #fff
}

.p-header-global-nav__select button.p-header-global-nav__select--active:before {
  border-color: #1e2428;
  border-top: 1px solid #1e2428;
  border-bottom: 0;
  -webkit-transform: rotate(-315deg);
  transform: rotate(-315deg);
  top: 12px;
  left: 4px;
  width: 15px
}

.p-header-global-nav__select button.p-header-global-nav__select--active:after {
  border-color: #1e2428;
  top: 10px;
  left: 5px;
  width: 15px;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg)
}

.p-header-global-nav__menu-01:checked~.p-header-global-nav-wrapper-list li:first-child .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-02:checked~.p-header-global-nav-wrapper-list li:nth-child(2) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-03:checked~.p-header-global-nav-wrapper-list li:nth-child(3) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-04:checked~.p-header-global-nav-wrapper-list li:nth-child(4) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-05:checked~.p-header-global-nav-wrapper-list li:nth-child(5) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-06:checked~.p-header-global-nav-wrapper-list li:nth-child(6) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-07:checked~.p-header-global-nav-wrapper-list li:nth-child(7) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-08:checked~.p-header-global-nav-wrapper-list li:nth-child(8) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-09:checked~.p-header-global-nav-wrapper-list li:nth-child(9) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-10:checked~.p-header-global-nav-wrapper-list li:nth-child(10) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-11:checked~.p-header-global-nav-wrapper-list li:nth-child(11) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-12:checked~.p-header-global-nav-wrapper-list li:nth-child(12) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-13:checked~.p-header-global-nav-wrapper-list li:nth-child(13) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-14:checked~.p-header-global-nav-wrapper-list li:nth-child(14) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-15:checked~.p-header-global-nav-wrapper-list li:nth-child(15) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-16:checked~.p-header-global-nav-wrapper-list li:nth-child(16) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-17:checked~.p-header-global-nav-wrapper-list li:nth-child(17) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-18:checked~.p-header-global-nav-wrapper-list li:nth-child(18) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-19:checked~.p-header-global-nav-wrapper-list li:nth-child(19) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-20:checked~.p-header-global-nav-wrapper-list li:nth-child(20) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-21:checked~.p-header-global-nav-wrapper-list li:nth-child(21) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-22:checked~.p-header-global-nav-wrapper-list li:nth-child(22) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-23:checked~.p-header-global-nav-wrapper-list li:nth-child(23) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-24:checked~.p-header-global-nav-wrapper-list li:nth-child(24) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-25:checked~.p-header-global-nav-wrapper-list li:nth-child(25) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-26:checked~.p-header-global-nav-wrapper-list li:nth-child(26) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-27:checked~.p-header-global-nav-wrapper-list li:nth-child(27) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-28:checked~.p-header-global-nav-wrapper-list li:nth-child(28) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-29:checked~.p-header-global-nav-wrapper-list li:nth-child(29) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-30:checked~.p-header-global-nav-wrapper-list li:nth-child(30) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-31:checked~.p-header-global-nav-wrapper-list li:nth-child(31) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-32:checked~.p-header-global-nav-wrapper-list li:nth-child(32) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-33:checked~.p-header-global-nav-wrapper-list li:nth-child(33) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-34:checked~.p-header-global-nav-wrapper-list li:nth-child(34) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-35:checked~.p-header-global-nav-wrapper-list li:nth-child(35) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-36:checked~.p-header-global-nav-wrapper-list li:nth-child(36) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-37:checked~.p-header-global-nav-wrapper-list li:nth-child(37) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-38:checked~.p-header-global-nav-wrapper-list li:nth-child(38) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-39:checked~.p-header-global-nav-wrapper-list li:nth-child(39) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-40:checked~.p-header-global-nav-wrapper-list li:nth-child(40) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-41:checked~.p-header-global-nav-wrapper-list li:nth-child(41) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-42:checked~.p-header-global-nav-wrapper-list li:nth-child(42) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-43:checked~.p-header-global-nav-wrapper-list li:nth-child(43) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-44:checked~.p-header-global-nav-wrapper-list li:nth-child(44) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-45:checked~.p-header-global-nav-wrapper-list li:nth-child(45) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-46:checked~.p-header-global-nav-wrapper-list li:nth-child(46) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-47:checked~.p-header-global-nav-wrapper-list li:nth-child(47) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-48:checked~.p-header-global-nav-wrapper-list li:nth-child(48) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-49:checked~.p-header-global-nav-wrapper-list li:nth-child(49) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-50:checked~.p-header-global-nav-wrapper-list li:nth-child(50) .p-header-global-nav-wrapper-list__contents label {
  border: 1px solid #ddd
}

.p-header-global-nav__menu-01:checked~.p-header-global-nav-wrapper-list li:first-child .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-02:checked~.p-header-global-nav-wrapper-list li:nth-child(2) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-03:checked~.p-header-global-nav-wrapper-list li:nth-child(3) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-04:checked~.p-header-global-nav-wrapper-list li:nth-child(4) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-05:checked~.p-header-global-nav-wrapper-list li:nth-child(5) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-06:checked~.p-header-global-nav-wrapper-list li:nth-child(6) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-07:checked~.p-header-global-nav-wrapper-list li:nth-child(7) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-08:checked~.p-header-global-nav-wrapper-list li:nth-child(8) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-09:checked~.p-header-global-nav-wrapper-list li:nth-child(9) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-10:checked~.p-header-global-nav-wrapper-list li:nth-child(10) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-11:checked~.p-header-global-nav-wrapper-list li:nth-child(11) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-12:checked~.p-header-global-nav-wrapper-list li:nth-child(12) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-13:checked~.p-header-global-nav-wrapper-list li:nth-child(13) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-14:checked~.p-header-global-nav-wrapper-list li:nth-child(14) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-15:checked~.p-header-global-nav-wrapper-list li:nth-child(15) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-16:checked~.p-header-global-nav-wrapper-list li:nth-child(16) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-17:checked~.p-header-global-nav-wrapper-list li:nth-child(17) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-18:checked~.p-header-global-nav-wrapper-list li:nth-child(18) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-19:checked~.p-header-global-nav-wrapper-list li:nth-child(19) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-20:checked~.p-header-global-nav-wrapper-list li:nth-child(20) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-21:checked~.p-header-global-nav-wrapper-list li:nth-child(21) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-22:checked~.p-header-global-nav-wrapper-list li:nth-child(22) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-23:checked~.p-header-global-nav-wrapper-list li:nth-child(23) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-24:checked~.p-header-global-nav-wrapper-list li:nth-child(24) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-25:checked~.p-header-global-nav-wrapper-list li:nth-child(25) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-26:checked~.p-header-global-nav-wrapper-list li:nth-child(26) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-27:checked~.p-header-global-nav-wrapper-list li:nth-child(27) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-28:checked~.p-header-global-nav-wrapper-list li:nth-child(28) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-29:checked~.p-header-global-nav-wrapper-list li:nth-child(29) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-30:checked~.p-header-global-nav-wrapper-list li:nth-child(30) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-31:checked~.p-header-global-nav-wrapper-list li:nth-child(31) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-32:checked~.p-header-global-nav-wrapper-list li:nth-child(32) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-33:checked~.p-header-global-nav-wrapper-list li:nth-child(33) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-34:checked~.p-header-global-nav-wrapper-list li:nth-child(34) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-35:checked~.p-header-global-nav-wrapper-list li:nth-child(35) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-36:checked~.p-header-global-nav-wrapper-list li:nth-child(36) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-37:checked~.p-header-global-nav-wrapper-list li:nth-child(37) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-38:checked~.p-header-global-nav-wrapper-list li:nth-child(38) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-39:checked~.p-header-global-nav-wrapper-list li:nth-child(39) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-40:checked~.p-header-global-nav-wrapper-list li:nth-child(40) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-41:checked~.p-header-global-nav-wrapper-list li:nth-child(41) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-42:checked~.p-header-global-nav-wrapper-list li:nth-child(42) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-43:checked~.p-header-global-nav-wrapper-list li:nth-child(43) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-44:checked~.p-header-global-nav-wrapper-list li:nth-child(44) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-45:checked~.p-header-global-nav-wrapper-list li:nth-child(45) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-46:checked~.p-header-global-nav-wrapper-list li:nth-child(46) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-47:checked~.p-header-global-nav-wrapper-list li:nth-child(47) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-48:checked~.p-header-global-nav-wrapper-list li:nth-child(48) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-49:checked~.p-header-global-nav-wrapper-list li:nth-child(49) .p-header-global-nav-wrapper-list__contents label:before,
.p-header-global-nav__menu-50:checked~.p-header-global-nav-wrapper-list li:nth-child(50) .p-header-global-nav-wrapper-list__contents label:before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.p-header-global-nav__menu-01:checked~.p-header-global-nav-wrapper-list li:first-child .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-02:checked~.p-header-global-nav-wrapper-list li:nth-child(2) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-03:checked~.p-header-global-nav-wrapper-list li:nth-child(3) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-04:checked~.p-header-global-nav-wrapper-list li:nth-child(4) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-05:checked~.p-header-global-nav-wrapper-list li:nth-child(5) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-06:checked~.p-header-global-nav-wrapper-list li:nth-child(6) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-07:checked~.p-header-global-nav-wrapper-list li:nth-child(7) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-08:checked~.p-header-global-nav-wrapper-list li:nth-child(8) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-09:checked~.p-header-global-nav-wrapper-list li:nth-child(9) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-10:checked~.p-header-global-nav-wrapper-list li:nth-child(10) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-11:checked~.p-header-global-nav-wrapper-list li:nth-child(11) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-12:checked~.p-header-global-nav-wrapper-list li:nth-child(12) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-13:checked~.p-header-global-nav-wrapper-list li:nth-child(13) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-14:checked~.p-header-global-nav-wrapper-list li:nth-child(14) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-15:checked~.p-header-global-nav-wrapper-list li:nth-child(15) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-16:checked~.p-header-global-nav-wrapper-list li:nth-child(16) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-17:checked~.p-header-global-nav-wrapper-list li:nth-child(17) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-18:checked~.p-header-global-nav-wrapper-list li:nth-child(18) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-19:checked~.p-header-global-nav-wrapper-list li:nth-child(19) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-20:checked~.p-header-global-nav-wrapper-list li:nth-child(20) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-21:checked~.p-header-global-nav-wrapper-list li:nth-child(21) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-22:checked~.p-header-global-nav-wrapper-list li:nth-child(22) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-23:checked~.p-header-global-nav-wrapper-list li:nth-child(23) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-24:checked~.p-header-global-nav-wrapper-list li:nth-child(24) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-25:checked~.p-header-global-nav-wrapper-list li:nth-child(25) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-26:checked~.p-header-global-nav-wrapper-list li:nth-child(26) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-27:checked~.p-header-global-nav-wrapper-list li:nth-child(27) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-28:checked~.p-header-global-nav-wrapper-list li:nth-child(28) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-29:checked~.p-header-global-nav-wrapper-list li:nth-child(29) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-30:checked~.p-header-global-nav-wrapper-list li:nth-child(30) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-31:checked~.p-header-global-nav-wrapper-list li:nth-child(31) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-32:checked~.p-header-global-nav-wrapper-list li:nth-child(32) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-33:checked~.p-header-global-nav-wrapper-list li:nth-child(33) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-34:checked~.p-header-global-nav-wrapper-list li:nth-child(34) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-35:checked~.p-header-global-nav-wrapper-list li:nth-child(35) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-36:checked~.p-header-global-nav-wrapper-list li:nth-child(36) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-37:checked~.p-header-global-nav-wrapper-list li:nth-child(37) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-38:checked~.p-header-global-nav-wrapper-list li:nth-child(38) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-39:checked~.p-header-global-nav-wrapper-list li:nth-child(39) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-40:checked~.p-header-global-nav-wrapper-list li:nth-child(40) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-41:checked~.p-header-global-nav-wrapper-list li:nth-child(41) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-42:checked~.p-header-global-nav-wrapper-list li:nth-child(42) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-43:checked~.p-header-global-nav-wrapper-list li:nth-child(43) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-44:checked~.p-header-global-nav-wrapper-list li:nth-child(44) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-45:checked~.p-header-global-nav-wrapper-list li:nth-child(45) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-46:checked~.p-header-global-nav-wrapper-list li:nth-child(46) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-47:checked~.p-header-global-nav-wrapper-list li:nth-child(47) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-48:checked~.p-header-global-nav-wrapper-list li:nth-child(48) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-49:checked~.p-header-global-nav-wrapper-list li:nth-child(49) .p-header-global-nav-wrapper-list__contents label:after,
.p-header-global-nav__menu-50:checked~.p-header-global-nav-wrapper-list li:nth-child(50) .p-header-global-nav-wrapper-list__contents label:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.p-header-global-nav__menu-01:checked~.p-header-global-nav-wrapper-list li:first-child ul,
.p-header-global-nav__menu-02:checked~.p-header-global-nav-wrapper-list li:nth-child(2) ul,
.p-header-global-nav__menu-03:checked~.p-header-global-nav-wrapper-list li:nth-child(3) ul,
.p-header-global-nav__menu-04:checked~.p-header-global-nav-wrapper-list li:nth-child(4) ul,
.p-header-global-nav__menu-05:checked~.p-header-global-nav-wrapper-list li:nth-child(5) ul,
.p-header-global-nav__menu-06:checked~.p-header-global-nav-wrapper-list li:nth-child(6) ul,
.p-header-global-nav__menu-07:checked~.p-header-global-nav-wrapper-list li:nth-child(7) ul,
.p-header-global-nav__menu-08:checked~.p-header-global-nav-wrapper-list li:nth-child(8) ul,
.p-header-global-nav__menu-09:checked~.p-header-global-nav-wrapper-list li:nth-child(9) ul,
.p-header-global-nav__menu-10:checked~.p-header-global-nav-wrapper-list li:nth-child(10) ul,
.p-header-global-nav__menu-11:checked~.p-header-global-nav-wrapper-list li:nth-child(11) ul,
.p-header-global-nav__menu-12:checked~.p-header-global-nav-wrapper-list li:nth-child(12) ul,
.p-header-global-nav__menu-13:checked~.p-header-global-nav-wrapper-list li:nth-child(13) ul,
.p-header-global-nav__menu-14:checked~.p-header-global-nav-wrapper-list li:nth-child(14) ul,
.p-header-global-nav__menu-15:checked~.p-header-global-nav-wrapper-list li:nth-child(15) ul,
.p-header-global-nav__menu-16:checked~.p-header-global-nav-wrapper-list li:nth-child(16) ul,
.p-header-global-nav__menu-17:checked~.p-header-global-nav-wrapper-list li:nth-child(17) ul,
.p-header-global-nav__menu-18:checked~.p-header-global-nav-wrapper-list li:nth-child(18) ul,
.p-header-global-nav__menu-19:checked~.p-header-global-nav-wrapper-list li:nth-child(19) ul,
.p-header-global-nav__menu-20:checked~.p-header-global-nav-wrapper-list li:nth-child(20) ul,
.p-header-global-nav__menu-21:checked~.p-header-global-nav-wrapper-list li:nth-child(21) ul,
.p-header-global-nav__menu-22:checked~.p-header-global-nav-wrapper-list li:nth-child(22) ul,
.p-header-global-nav__menu-23:checked~.p-header-global-nav-wrapper-list li:nth-child(23) ul,
.p-header-global-nav__menu-24:checked~.p-header-global-nav-wrapper-list li:nth-child(24) ul,
.p-header-global-nav__menu-25:checked~.p-header-global-nav-wrapper-list li:nth-child(25) ul,
.p-header-global-nav__menu-26:checked~.p-header-global-nav-wrapper-list li:nth-child(26) ul,
.p-header-global-nav__menu-27:checked~.p-header-global-nav-wrapper-list li:nth-child(27) ul,
.p-header-global-nav__menu-28:checked~.p-header-global-nav-wrapper-list li:nth-child(28) ul,
.p-header-global-nav__menu-29:checked~.p-header-global-nav-wrapper-list li:nth-child(29) ul,
.p-header-global-nav__menu-30:checked~.p-header-global-nav-wrapper-list li:nth-child(30) ul,
.p-header-global-nav__menu-31:checked~.p-header-global-nav-wrapper-list li:nth-child(31) ul,
.p-header-global-nav__menu-32:checked~.p-header-global-nav-wrapper-list li:nth-child(32) ul,
.p-header-global-nav__menu-33:checked~.p-header-global-nav-wrapper-list li:nth-child(33) ul,
.p-header-global-nav__menu-34:checked~.p-header-global-nav-wrapper-list li:nth-child(34) ul,
.p-header-global-nav__menu-35:checked~.p-header-global-nav-wrapper-list li:nth-child(35) ul,
.p-header-global-nav__menu-36:checked~.p-header-global-nav-wrapper-list li:nth-child(36) ul,
.p-header-global-nav__menu-37:checked~.p-header-global-nav-wrapper-list li:nth-child(37) ul,
.p-header-global-nav__menu-38:checked~.p-header-global-nav-wrapper-list li:nth-child(38) ul,
.p-header-global-nav__menu-39:checked~.p-header-global-nav-wrapper-list li:nth-child(39) ul,
.p-header-global-nav__menu-40:checked~.p-header-global-nav-wrapper-list li:nth-child(40) ul,
.p-header-global-nav__menu-41:checked~.p-header-global-nav-wrapper-list li:nth-child(41) ul,
.p-header-global-nav__menu-42:checked~.p-header-global-nav-wrapper-list li:nth-child(42) ul,
.p-header-global-nav__menu-43:checked~.p-header-global-nav-wrapper-list li:nth-child(43) ul,
.p-header-global-nav__menu-44:checked~.p-header-global-nav-wrapper-list li:nth-child(44) ul,
.p-header-global-nav__menu-45:checked~.p-header-global-nav-wrapper-list li:nth-child(45) ul,
.p-header-global-nav__menu-46:checked~.p-header-global-nav-wrapper-list li:nth-child(46) ul,
.p-header-global-nav__menu-47:checked~.p-header-global-nav-wrapper-list li:nth-child(47) ul,
.p-header-global-nav__menu-48:checked~.p-header-global-nav-wrapper-list li:nth-child(48) ul,
.p-header-global-nav__menu-49:checked~.p-header-global-nav-wrapper-list li:nth-child(49) ul,
.p-header-global-nav__menu-50:checked~.p-header-global-nav-wrapper-list li:nth-child(50) ul {
  height: auto;
  padding: 14px 0 14px 45px;
  display: block
}

.p-header-global-nav__menu-01:focus~.p-header-global-nav-wrapper-list li:first-child .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-02:focus~.p-header-global-nav-wrapper-list li:nth-child(2) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-03:focus~.p-header-global-nav-wrapper-list li:nth-child(3) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-04:focus~.p-header-global-nav-wrapper-list li:nth-child(4) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-05:focus~.p-header-global-nav-wrapper-list li:nth-child(5) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-06:focus~.p-header-global-nav-wrapper-list li:nth-child(6) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-07:focus~.p-header-global-nav-wrapper-list li:nth-child(7) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-08:focus~.p-header-global-nav-wrapper-list li:nth-child(8) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-09:focus~.p-header-global-nav-wrapper-list li:nth-child(9) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-10:focus~.p-header-global-nav-wrapper-list li:nth-child(10) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-11:focus~.p-header-global-nav-wrapper-list li:nth-child(11) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-12:focus~.p-header-global-nav-wrapper-list li:nth-child(12) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-13:focus~.p-header-global-nav-wrapper-list li:nth-child(13) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-14:focus~.p-header-global-nav-wrapper-list li:nth-child(14) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-15:focus~.p-header-global-nav-wrapper-list li:nth-child(15) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-16:focus~.p-header-global-nav-wrapper-list li:nth-child(16) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-17:focus~.p-header-global-nav-wrapper-list li:nth-child(17) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-18:focus~.p-header-global-nav-wrapper-list li:nth-child(18) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-19:focus~.p-header-global-nav-wrapper-list li:nth-child(19) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-20:focus~.p-header-global-nav-wrapper-list li:nth-child(20) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-21:focus~.p-header-global-nav-wrapper-list li:nth-child(21) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-22:focus~.p-header-global-nav-wrapper-list li:nth-child(22) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-23:focus~.p-header-global-nav-wrapper-list li:nth-child(23) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-24:focus~.p-header-global-nav-wrapper-list li:nth-child(24) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-25:focus~.p-header-global-nav-wrapper-list li:nth-child(25) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-26:focus~.p-header-global-nav-wrapper-list li:nth-child(26) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-27:focus~.p-header-global-nav-wrapper-list li:nth-child(27) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-28:focus~.p-header-global-nav-wrapper-list li:nth-child(28) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-29:focus~.p-header-global-nav-wrapper-list li:nth-child(29) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-30:focus~.p-header-global-nav-wrapper-list li:nth-child(30) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-31:focus~.p-header-global-nav-wrapper-list li:nth-child(31) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-32:focus~.p-header-global-nav-wrapper-list li:nth-child(32) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-33:focus~.p-header-global-nav-wrapper-list li:nth-child(33) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-34:focus~.p-header-global-nav-wrapper-list li:nth-child(34) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-35:focus~.p-header-global-nav-wrapper-list li:nth-child(35) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-36:focus~.p-header-global-nav-wrapper-list li:nth-child(36) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-37:focus~.p-header-global-nav-wrapper-list li:nth-child(37) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-38:focus~.p-header-global-nav-wrapper-list li:nth-child(38) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-39:focus~.p-header-global-nav-wrapper-list li:nth-child(39) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-40:focus~.p-header-global-nav-wrapper-list li:nth-child(40) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-41:focus~.p-header-global-nav-wrapper-list li:nth-child(41) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-42:focus~.p-header-global-nav-wrapper-list li:nth-child(42) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-43:focus~.p-header-global-nav-wrapper-list li:nth-child(43) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-44:focus~.p-header-global-nav-wrapper-list li:nth-child(44) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-45:focus~.p-header-global-nav-wrapper-list li:nth-child(45) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-46:focus~.p-header-global-nav-wrapper-list li:nth-child(46) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-47:focus~.p-header-global-nav-wrapper-list li:nth-child(47) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-48:focus~.p-header-global-nav-wrapper-list li:nth-child(48) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-49:focus~.p-header-global-nav-wrapper-list li:nth-child(49) .p-header-global-nav-wrapper-list__contents label,
.p-header-global-nav__menu-50:focus~.p-header-global-nav-wrapper-list li:nth-child(50) .p-header-global-nav-wrapper-list__contents label {
  border: 1px solid #b4b4b4
}

.p-header-global-category-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-header-global-category-nav__list {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex: 0 1 auto
}

.p-header-global-category-nav__list li {
  display: inline-block;
  margin: 0 2px
}

.p-header-global-category-nav__list li:not(.p-header-global-category-nav__list__top):not(.js-header-category-nav__list__chld).show {
  height: 40px
}

.p-header-global-category-nav__list li:not(.p-header-global-category-nav__list__top):not(.js-header-category-nav__list__chld).show a {
  background: #fff
}

.p-header-global-category-nav__list li.js-header-category-nav__list__chld.show a {
  background: #fff;
  color: #745399;
  position: relative
}

.p-header-global-category-nav__list li.js-header-category-nav__list__chld.show a:after {
  border-top: 7px solid #fff;
  content: "";
  display: block;
  position: absolute;
  height: 0;
  background: #fff;
  bottom: -7px;
  left: 0;
  width: 100%
}

.p-header-global-category-nav__list li.js-header-category-nav__list__chld.show[data-ub=b] a:after {
  border-top: 14px solid #fff;
  bottom: -14px
}

.p-header-global-category-nav__bottom {
  display: none
}

.p-header-global-category-nav__bottom.show {
  display: block;
  -webkit-animation: headerCatenav .2s linear 0s 1 normal;
  animation: headerCatenav .2s linear 0s 1 normal
}

.p-header-global-category-nav .p-header-category-nav__menu {
  min-width: 150px;
  -ms-flex: 0 1 auto
}

.p-header-global-category-nav .p-header-category-nav__menu button {
  background: transparent;
  border: none;
  padding: 0;
  line-height: 1;
  cursor: pointer;
  color: #fff;
  height: 29px;
  overflow-y: hidden;
  margin: 7px 10px;
  padding-left: 25px;
  padding-right: 10px;
  position: relative;
  border-radius: 4px;
  min-width: 100px
}

.p-header-global-category-nav .p-header-category-nav__menu button:hover {
  text-decoration: underline
}

.p-header-global-category-nav .p-header-category-nav__menu button:hover:after,
.p-header-global-category-nav .p-header-category-nav__menu button:hover:before {
  background: #fff
}

.p-header-global-category-nav .p-header-category-nav__menu__open {
  display: none;
  -webkit-animation: headerCatenav .2s linear 0s 1 normal;
  animation: headerCatenav .2s linear 0s 1 normal
}

.p-header-global-category-nav .p-header-category-nav__menu__open:before {
  content: "";
  display: block;
  background: #fff;
  width: 12px;
  height: 2px;
  position: absolute;
  top: 14px;
  left: 8px
}

.p-header-global-category-nav .p-header-category-nav__menu__open:after {
  content: "";
  display: block;
  background: #fff;
  width: 2px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 13px
}

.p-header-global-category-nav .p-header-category-nav__menu__open.open:before {
  background: #fff;
  width: 11px;
  height: 1px;
  position: absolute;
  top: 14px;
  left: 8px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.p-header-global-category-nav .p-header-category-nav__menu__open.open:after {
  background: #fff;
  width: 1px;
  height: 11px;
  position: absolute;
  top: 9px;
  left: 13px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.p-header-global-category-nav .p-header-category-nav__menu__close {
  display: none
}

.p-header-global-category-nav .p-header-category-nav__menu__close:before {
  content: "";
  display: block;
  background: #fff;
  width: 11px;
  height: 1px;
  position: absolute;
  top: 14px;
  left: 8px
}

.p-header-global-category-nav .p-header-category-nav__menu__close:after {
  display: none
}

.p-header-global-category-nav__list {
  height: 43px;
  overflow: hidden
}

.p-header-global-category-nav__list.show {
  height: 110px
}

.p-header-global-category-nav__list-top {
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center
}

.p-header-global-category-nav__list-top a {
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #1e2428;
  border: 1px solid #8e9193;
  color: #fff;
  display: block;
  font-weight: 400;
  line-height: 18px;
  margin: 7px 0;
  height: 29px;
  padding: 5px 20px;
  text-decoration: none
}

.p-header-global-category-nav__list-top a:hover {
  background: #745399
}

.p-header-global-category-nav__list li[data-ub=b] {
  margin-top: 10px
}

.p-header-global-category-nav__list li.show {
  height: 40px
}

.p-header-global-category-nav__list li a,
.p-header-global-category-nav__list li span {
  display: block;
  padding: 5px 0;
  margin: 7px 0;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  line-height: 18px;
  height: 29px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400
}

.p-header-global-category-nav__list li a:link,
.p-header-global-category-nav__list li a:visited,
.p-header-global-category-nav__list li span:link,
.p-header-global-category-nav__list li span:visited {
  color: #fff
}

.p-header-global-category-nav__list li a:hover,
.p-header-global-category-nav__list li span:hover {
  background-color: #fff;
  color: #745399;
  text-decoration: none
}

.p-header-global-category-nav__list li a:hover:before,
.p-header-global-category-nav__list li span:hover:before {
  border-top: 4px solid #fff
}

.p-header-global-category-nav__list li.p-header-global-category-nav__list__top a {
  border-radius: 3px;
  color: #fff;
  background: #1e2428;
  border: 1px solid #8e9193;
  font-weight: 400
}

.p-header-global-category-nav__list li.p-header-global-category-nav__list__top a:hover {
  background: #745399
}

.p-header-global-search {
  text-align: right
}

.p-header-global-search__select button {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #8e9193;
  width: auto;
  height: 29px;
  overflow-y: hidden;
  margin: 7px 8px;
  position: relative;
  cursor: pointer;
  width: 170px
}

.p-header-global-search__select button:hover {
  background: #745399;
  color: #fff
}

.p-header-global-search__select button:before {
  content: "";
  display: block;
  border: 2px solid #fff;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 8px;
  left: 8px;
  border-radius: 10px
}

.p-header-global-search__select button:after {
  content: "";
  display: block;
  border-bottom: 2px solid #fff;
  width: 5px;
  height: 1px;
  position: absolute;
  top: 17px;
  left: 17px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p-header-global-search-wrapper {
  z-index: 200;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000;
  background-color: hsla(0, 0%, 100%, .9)
}

.p-header-global-search-wrapper__close {
  display: block;
  position: absolute;
  top: 30px;
  right: 30px
}

.p-header-global-search-wrapper__close button {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: 0;
  background: transparent;
  cursor: pointer;
  position: relative
}

.p-header-global-search-wrapper__close button:after,
.p-header-global-search-wrapper__close button:before {
  content: "";
  display: block;
  background: #b4b4b4;
  width: 35px;
  height: 1px;
  position: absolute;
  top: 13px;
  right: -4px
}

.p-header-global-search-wrapper__close button:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p-header-global-search-wrapper__close button:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.p-header-global-search-wrapper__close button:hover:after,
.p-header-global-search-wrapper__close button:hover:before {
  background: #745399
}

.p-header-global-search-wrapper--show {
  display: block;
  -webkit-animation: headerCatenav .3s linear 0s 1 normal;
  animation: headerCatenav .3s linear 0s 1 normal
}

.p-header-global-search-wrapper-form {
  overflow: scroll;
  padding-bottom: 40px;
  width: 100%;
  height: 100vh;
  text-align: center
}

.p-header-global-search-wrapper-form__input input {
  font-size: 18px;
  font-size: 1.125rem;
  border: 2px solid #1e2428;
  padding: 20px 13px;
  width: 700px;
  margin: 150px auto 20px;
  color: #b4b4b4;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.p-header-global-search-wrapper-form__input input:focus {
  outline: none;
  border: 2px solid #745399;
  color: #000;
  -webkit-box-shadow: 0 0 4px #b4b4b4;
  box-shadow: 0 0 4px #b4b4b4
}

.p-header-global-search-wrapper-form__submit--site {
  margin-bottom: 40px
}

.p-header-global-search-wrapper-form__submit--site button {
  background: #1e2428;
  color: #fff;
  border: 0;
  border-radius: 5px;
  font-size: 13px;
  font-size: .8125rem;
  line-height: 1;
  padding: 15px 50px;
  cursor: pointer
}

.p-header-global-search-wrapper-form__submit--site button:hover {
  background: #745399
}

.p-header-global-search-wrapper-form__more a {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 1px dashed #745399;
  font-weight: 400;
  line-height: 1
}

.p-header-global-search-wrapper-form__more-note {
  width: 700px;
  padding-top: 10px;
  margin: auto;
  color: #1e2428
}

.p-header-global-search-wrapper-form__keywords {
  padding-top: 80px;
  margin: auto;
  max-width: 700px
}

.p-header-global-search-wrapper-form__keywords-title {
  padding-bottom: 10px;
  color: #1e2428;
  font-weight: 700;
  line-height: 1
}

.p-header-global-search-wrapper-form__keywords-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-header-global-search-wrapper-form__keywords-list__item button,
.p-header-global-search-wrapper-form__keywords-list__item imput {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #745399;
  cursor: pointer
}

.p-header-global-search-wrapper-form__keywords-list__item button:hover,
.p-header-global-search-wrapper-form__keywords-list__item imput:hover {
  text-decoration: underline
}

.p-header-global-logo {
  text-align: center
}

.p-header-global-logo a {
  display: block;
  width: 355px;
  height: 52px;
  padding: 16px 0 16px 70px;
  margin: 0 auto
}

.p-header-global-datetime {
  padding-bottom: 16px
}

.p-header-global-members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-header-global-members__d5 .p-header-global-members__signup {
  margin-bottom: 0;
  margin-right: 10px
}

.p-header-global-members-subscription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-header-global-members-subscription__d3,
.p-header-global-members-subscription__d4,
.p-header-global-members-subscription__d5 {
  margin-top: 3px;
  margin-bottom: 0;
  margin-right: 30px
}

.p-header-global-members-subscription>a {
  color: #fe5d4b;
  padding: 2px 2px 2px 20px;
  background: url(/assets/images/common/icon_subscription-20200917121639.svg) no-repeat;
  background-size: 16px auto;
  background-position: 0;
  line-height: 1
}

.p-header-global-members-signup {
  display: inline-block;
  padding: 5px 24px;
  margin: 4px 0;
  background-color: #745399;
  color: #fff;
  font-size: 9px;
  font-size: .5625rem;
  line-height: 1
}

.p-header-global-members-signup:visited {
  color: #fff
}

.p-header-global-members-signup:hover {
  background-color: #8e6eb1;
  text-decoration: none
}

.p-header-global-members-member>a:not(.p-header-global-members-member__signup):not(.p-header-global-members-member__login) {
  display: block;
  color: #745399;
  line-height: 1;
  background: url(/assets/images/common/icon_member-20200917121639.svg) no-repeat;
  background-size: 16px auto;
  background-position: 0;
  padding: 2px 2px 2px 20px;
  font-weight: 400
}

.p-header-global-members-member>a:not(.p-header-global-members-member__signup):not(.p-header-global-members-member__login):visited {
  color: #745399
}

.p-header-global-members-member__signup {
  display: inline-block;
  padding: 6px 24px 5px;
  margin: 4px 0;
  background-color: #745399;
  color: #fff;
  font-size: 9px;
  font-size: .5625rem;
  line-height: 1
}

.p-header-global-members-member__signup:link,
.p-header-global-members-member__signup:visited {
  color: #fff
}

.p-header-global-members-member__signup:hover {
  background-color: #8e6eb1;
  text-decoration: none
}

.p-header-global-members-member__login {
  display: inline-block;
  padding: 6px 8px 5px;
  margin-right: 4px;
  color: #745399;
  font-size: 9px;
  font-size: .5625rem;
  line-height: 1
}

.p-header-global-members-member__login:hover {
  background-color: #fff
}

.p-header-global-members-member__login:visited {
  color: #745399
}

.p-header-global-members-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8px
}

.p-header-global-members-status>span {
  display: inline-block;
  margin-right: 0
}

.p-header-global-members-status__registered,
.p-header-global-members-status__trial,
.p-header-global-members-status__unregistered {
  color: #8e9193;
  background: url(/assets/images/common/icon_status-20200917121639.svg) no-repeat;
  background-size: 16px auto;
  background-position: 0;
  padding: 2px 2px 2px 20px
}

.p-header-global-members-status__registered,
.p-header-global-members-status__trial {
  color: #1e2428
}

.p-header-global-members-status__subscriber {
  color: #1e2428;
  background: url(/assets/images/common/icon_status_subscriber-20200917121639.svg) no-repeat;
  background-position: 0;
  background-size: 16px auto;
  padding: 2px 2px 2px 20px
}

.p-header-global-members-status .p-header-global-members-status__unregistered {
  font-weight: 400;
  color: #8e9193;
  padding-left: 18px
}

.p-header-global-members-status .p-header-global-members-status__unregistered:before {
  display: none
}

.p-header-global-members-status .p-header-global-members-status__unregistered:after {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url(/assets/images/common/icon_member_help-20200917121639.svg) no-repeat center 0;
  background-size: 100%;
  vertical-align: middle;
  padding-bottom: 2px;
  margin-left: 2px
}

.p-header-global-members-status a.p-header-global-members-status__subscriber {
  color: #1e2428;
  font-weight: 400
}

.p-header-global-members-reginotice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-header-global-members-reginotice>a {
  display: inline-block;
  padding: 7px 8px 5px;
  border: 1px solid #fe5d4b;
  border-radius: 3px;
  color: #fe5d4b;
  font-weight: 700;
  text-decoration: none;
  font-size: 12px;
  font-size: .75rem
}

.p-header-global-members-reginotice>a:visited {
  color: #fe5d4b
}

.p-header-global-members-reginotice>a:before {
  display: inline-block;
  content: "";
  padding-bottom: 2px;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background-image: url(/assets/images/common/dc-icon_alert-20200917121639.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  vertical-align: middle
}

.p-header-global-members-reginotice>a:hover {
  background-color: #fe5d4b;
  color: #fff
}

.p-header-global-members-reginotice>a:hover:before {
  background-image: url(/assets/images/common/dc-icon_alert_white-20200917121639.png)
}

.p-header-global-members-loginout__login a,
.p-header-global-members-loginout__logout a {
  color: #745399;
  padding: 2px 2px 2px 20px;
  line-height: 1
}

.p-header-global-members-loginout__login {
  background: url(/assets/images/common/icon_login-20200917121639.svg) no-repeat;
  background-size: 16px auto;
  background-position: 10px 2px;
  padding: 4px 8px;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 8px
}

.p-header-global-members-loginout__logout {
  background: url(/assets/images/common/icon_logout-20200917121639.svg) no-repeat;
  background-size: 16px auto;
  background-position: 10px 0;
  margin: 5px 0 7px 8px;
  padding: 2px 5px 2px 8px;
  display: inline-block
}

.p-header-global-category-nav__bottom {
  background: #000;
  position: fixed;
  top: 43px;
  left: 0;
  width: 100%
}

.p-header-global-category-nav__bottom .p-header-global-category-nav__bottom__list,
.p-header-global-category-nav__bottom .p-header-global-category-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-header-global-catenav {
  top: 43px;
  width: 360px
}

.p-header-global-catenav,
.p-header-global-catenav__bottom {
  background: #fff;
  z-index: 150;
  position: absolute;
  left: 0;
  height: auto;
  text-align: center;
  display: none
}

.p-header-global-catenav__bottom {
  color: #fff;
  width: auto;
  top: 86px
}

.p-header-global-catenav__bottom.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-animation: headerCatenav .2s linear 0s 1 normal;
  animation: headerCatenav .2s linear 0s 1 normal
}

.p-header-global-catenav__bottom__close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  display: none
}

.p-header-global-catenav__bottom__close button {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: 0;
  background: transparent;
  cursor: pointer;
  position: relative
}

.p-header-global-catenav__bottom__close button:after,
.p-header-global-catenav__bottom__close button:before {
  content: "";
  display: block;
  background: #787c7e;
  width: 35px;
  height: 1px;
  position: absolute;
  top: 13px;
  right: -4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p-header-global-catenav__bottom__close button:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p-header-global-catenav__bottom__close button:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.p-header-global-catenav__bottom__close button:hover:after,
.p-header-global-catenav__bottom__close button:hover:before {
  background: #fff
}

.p-header-global-catenav.show {
  display: block;
  -webkit-animation: headerCatenav .2s linear 0s 1 normal;
  animation: headerCatenav .2s linear 0s 1 normal
}

@-webkit-keyframes headerCatenav {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes headerCatenav {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.p-header-global-catenav__list {
  border-right: 1px solid #1e2428;
  border-bottom: 1px solid #1e2428;
  border-left: 1px solid #1e2428;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%
}

.p-header-global-catenav__list-item__cate {
  display: none
}

.p-header-global-catenav__list-item__cate a {
  font-size: 14px;
  font-size: .875rem;
  color: #1e2428;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 0 20px;
  position: relative
}

.p-header-global-catenav__list-item__cate a:before {
  border-left: 3px solid #1e2428;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  content: "";
  display: inline-block;
  left: 0;
  position: absolute;
  top: 3px
}

.p-header-global-catenav__list-item__cate a:hover {
  text-decoration: underline
}

.p-header-global-catenav__list-item,
.p-header-global-catenav__list-item__subcate {
  display: block;
  text-align: left;
  width: 50%
}

.p-header-global-catenav__list-item__subcate a,
.p-header-global-catenav__list-item__subcate span,
.p-header-global-catenav__list-item a,
.p-header-global-catenav__list-item span {
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700;
  display: inline-block;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-left: 6px;
  text-indent: -6px;
  position: relative
}

.p-header-global-catenav__list-item__subcate a:before,
.p-header-global-catenav__list-item__subcate span:before,
.p-header-global-catenav__list-item a:before,
.p-header-global-catenav__list-item span:before {
  border-left: 3px solid #ddd;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  content: "";
  display: inline-block;
  margin-right: 5px
}

.p-header-global-catenav__list-item__subcate a:hover,
.p-header-global-catenav__list-item a:hover {
  text-decoration: underline
}

.p-header-global-catenav__list-item__subcate a:visited,
.p-header-global-catenav__list-item a:visited {
  color: #745399
}

.p-header-global-catenav__list-item__subcate span,
.p-header-global-catenav__list-item span {
  color: #b4b4b4
}

.p-header-global-catenav__list-item__subcate span:before,
.p-header-global-catenav__list-item span:before {
  border: none;
  background: url(/assets/images/common/contents_member_only-20200917121639.png) no-repeat;
  background-size: 15px auto;
  background-position: 0 0;
  width: 15px;
  height: 15px;
  margin-right: 2px
}

.p-header-global-catenav__list-item-subcatenav__list a,
.p-header-global-catenav__list-item__subcate-subcatenav__list a {
  font-size: 11px;
  font-size: .6875rem;
  display: inline-block;
  margin: 0 30px 15px 10px;
  padding-left: 10px;
  position: relative
}

.p-header-global-catenav__list-item-subcatenav__list a:before,
.p-header-global-catenav__list-item__subcate-subcatenav__list a:before {
  content: "";
  display: inline-block;
  border-left: 3px solid #787c7e;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  position: absolute;
  top: 3px;
  left: 0
}

.p-header-global-catenav__list-item-subcatenav__list li,
.p-header-global-catenav__list-item__subcate-subcatenav__list li {
  display: none
}

.p-header-global-catenav__close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px
}

.p-header-global-catenav__close button {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: 0;
  background: transparent;
  cursor: pointer;
  position: relative
}

.p-header-global-catenav__close button:after,
.p-header-global-catenav__close button:before {
  content: "";
  display: block;
  background: #787c7e;
  width: 35px;
  height: 1px;
  position: absolute;
  top: 13px;
  right: -4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p-header-global-catenav__close button:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p-header-global-catenav__close button:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.p-header-global-catenav__close button:hover:after,
.p-header-global-catenav__close button:hover:before {
  background: #fff
}

.p-header-home {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  min-width: 1076px;
  line-height: 1
}

.p-header-home,
.p-header-home__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-header-home__list {
  background-color: #fff;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -ms-flex-preferred-size: 1076px;
  flex-basis: 1076px;
  margin-bottom: 6px
}

.p-header-home__list li {
  font-size: 13px;
  font-size: .8125rem;
  line-height: 1;
  margin: 4px 0;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.p-header-home__list li:before {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-size: 20px
}

.p-header-home__list li a,
.p-header-home__list li span {
  color: #1e2428;
  padding: 2px 3px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400
}

.p-header-home__list .p-header-home__list__contents-news:before {
  background-image: url(/assets/images/common/icon_01news-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-fukayomi:before {
  background-image: url(/assets/images/common/icon_02fukayomi-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-shimen:before {
  background-image: url(/assets/images/common/icon_03chokan-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-shimen_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-shimen_invalid:before {
  background-image: url(/assets/images/common/icon_03chokan_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-culture:before {
  background-image: url(/assets/images/common/icon_04entame-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-present:before {
  background-image: url(/assets/images/common/icon_05point-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-present_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-present_invalid:before {
  background-image: url(/assets/images/common/icon_05point_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-ticket:before {
  background-image: url(/assets/images/common/icon_06ticket-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-ticket_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-ticket_invalid:before {
  background-image: url(/assets/images/common/icon_06ticket_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-coupon:before {
  background-image: url(/assets/images/common/icon_07coupon-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-coupon_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-coupon_invalid:before {
  background-image: url(/assets/images/common/icon_07coupon_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-stream:before {
  background-image: url(/assets/images/common/icon_08video-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-orbit:before {
  background-image: url(/assets/images/common/icon_09okuyami-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-orbit_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-orbit_invalid:before {
  background-image: url(/assets/images/common/icon_09okuyami_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-giants:before {
  background-image: url(/assets/images/common/icon_10giants-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-giants_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-giants_invalid:before {
  background-image: url(/assets/images/common/icon_10giants_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-kosodate:before {
  background-image: url(/assets/images/common/icon_11kosodate-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-mynews:before {
  background-image: url(/assets/images/common/icon_12mynews-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-mynews_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-mynews_invalid:before {
  background-image: url(/assets/images/common/icon_12mynews_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-novel:before {
  background-image: url(/assets/images/common/icon_13novel-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-novel_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-novel_invalid:before {
  background-image: url(/assets/images/common/icon_13novel_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-pokemon:before {
  background-image: url(/assets/images/common/icon_14pokemon-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-pokemon_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-pokemon_invalid:before {
  background-image: url(/assets/images/common/icon_14pokemon_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-column:before {
  background-image: url(/assets/images/common/icon_15column-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-column_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-column_invalid:before {
  background-image: url(/assets/images/common/icon_15column_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-jinsei:before {
  background-image: url(/assets/images/common/icon_16jinsei-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-jinsei_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-jinsei_invalid:before {
  background-image: url(/assets/images/common/icon_16jinsei_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-scrap:before {
  background-image: url(/assets/images/common/icon_17scrap-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-scrap_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-scrap_invalid:before {
  background-image: url(/assets/images/common/icon_17scrap_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-recipe:before {
  background-image: url(/assets/images/common/icon_18recipe-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-recipe_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-recipe_invalid:before {
  background-image: url(/assets/images/common/icon_18recipe_invalid-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-akb:before {
  background-image: url(/assets/images/common/icon_19akb-20200917121639.png);
  background-size: 30px;
  background-position: 50%
}

.p-header-home__list .p-header-home__list__contents-akb_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-akb_invalid:before {
  background-image: url(/assets/images/common/icon_19akb_invalid-20200917121639.png);
  background-size: 30px;
  background-position: 50%
}

.p-header-home__list .p-header-home__list__contents-sudoku:before {
  background-image: url(/assets/images/common/icon_20sudoku-20200917121639.png)
}

.p-header-home__list .p-header-home__list__contents-sudoku_invalid span {
  color: #b4b4b4
}

.p-header-home__list .p-header-home__list__contents-sudoku_invalid:before {
  background-image: url(/assets/images/common/icon_20sudoku_invalid-20200917121639.png)
}

.p-header-home button {
  display: none
}

.p-header-linknewhome {
  padding: 8px 16px;
  border-bottom: 1px solid #dadada
}

.p-header-linknewhome-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-size: .75rem
}

.p-header-linknewhome-link>span {
  display: inline-block;
  padding: 4px 3px 3px;
  margin-right: 8px;
  border: 1px solid #fe5d4b;
  border-radius: 3px;
  color: #fe5d4b;
  font-size: 8px;
  font-size: .5rem;
  font-weight: 700;
  line-height: 1
}

.p-header-linknewhome-link>a {
  color: #1e2428
}

.p-header-category-wrapper {
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: auto;
  width: 1056px;
  padding: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-header-category-breadcrumbs {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-bottom: 10px
}

.p-header-category-breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1
}

.p-header-category-breadcrumbs ul li {
  font-size: 11px;
  font-size: .6875rem;
  padding-right: 8px
}

.p-header-category-breadcrumbs ul li:before {
  content: " > ";
  display: inline-block;
  margin-right: 6px;
  width: 6px;
  height: 11px;
  color: #b4b4b4;
  font-weight: thin;
  font-size: 13px;
  font-size: .8125rem
}

.p-header-category-breadcrumbs ul li a {
  color: #1e2428;
  font-weight: 400
}

.p-header-category h1.p-header-category-content-title {
  background-color: #1e2428;
  color: #fff;
  border-radius: 99px;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1;
  min-width: 90px;
  text-align: center;
  padding: 3px 20px
}

.p-header-category-content-title {
  margin: 0 16px 10px 0
}

.p-header-category-content-title a {
  display: inline-block;
  background-color: #1e2428;
  color: #fff;
  border-radius: 99px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 1;
  min-width: 50px;
  text-align: center;
  padding: 3px 20px
}

.p-header-category-content-title a,
.p-header-category-content-title a:link,
.p-header-category-content-title a:visited {
  color: #fff;
  text-decoration: none
}

.p-header-category-content-title a:hover {
  background-color: #745399;
  color: #fff
}

.p-header-category-list__sibling {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.p-header-category-list__sibling ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 6px 1px
}

.p-header-category-list__sibling ul li {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1;
  border-left: 1px solid #745399;
  border-right: 1px solid #745399;
  margin: 3px 0;
  margin-left: -1px;
  padding: 0 4px
}

.p-header-category-list__sibling ul li a {
  color: #1e2428;
  padding: 2px 4px;
  border-radius: 3px;
  font-weight: 400
}

.p-header-category-list__sibling ul li a,
.p-header-category-list__sibling ul li a:link,
.p-header-category-list__sibling ul li a:visited {
  color: #745399
}

.p-header-category-list__sibling ul li a:hover {
  background-color: #fff
}

.p-header-category-list__sibling-item__current {
  color: #1e2428;
  padding: 2px 4px;
  border-radius: 3px;
  font-weight: 400
}

.p-header-category-list__sibling-item__member-only {
  background: url(/assets/images/common/contents_member_only-20200917121639.png) no-repeat;
  background-size: 12px auto;
  background-position: 4px;
  color: #b4b4b4;
  padding-left: 18px;
  padding-right: 4px
}

.p-header-category-current-title {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  border-top: 2px solid #1e2428
}

.p-header-category-list__sub {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  margin-bottom: 10px
}

.p-header-category-list__sub ul {
  position: relative;
  padding: 4px 0;
  padding-left: 10px
}

.p-header-category-list__sub ul li a {
  color: #1e2428;
  padding: 2px 4px;
  border-radius: 3px;
  font-weight: 700
}

.p-header-category-list__sub-item__member-only {
  background: url(/assets/images/common/contents_member_only-20200917121639.png) no-repeat;
  background-size: 12px auto;
  background-position: 6px;
  color: #b4b4b4;
  padding: 2px 4px 2px 18px;
  font-weight: 700
}

.p-header-category-under-nav {
  z-index: 0;
  overflow: hidden;
  margin: auto;
  width: 1076px;
  border-bottom: 1px solid #1e2428
}

.p-header-category-under-nav__list {
  overflow: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-overflow-scrolling: touch
}

.p-header-category-under-nav__list li {
  padding: 5px 10px
}

.p-emergency {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.p-emergency-list {
  margin-bottom: .4rem
}

.p-emergency-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 10px;
  margin-bottom: .4rem;
  line-height: 1.8
}

.p-emergency-list li a {
  color: #c20d23
}

.p-emergency-list .item-red-strong {
  color: #fff;
  background-color: #dc0d23
}

.p-emergency-list .item-red-strong a {
  color: #fff
}

.p-emergency-list .item-red-strong a:hover {
  opacity: .8
}

.p-emergency-list .item-red-strong:before {
  content: "\901F\5831";
  display: inline-block;
  padding: 2px 6px;
  margin-right: 10px;
  background-color: rgba(0, 0, 0, .4)
}

.p-emergency-list .item-red {
  border: 2px solid #c20d23;
  color: #c20d23
}

.p-emergency-list .item-black-strong {
  color: #fff;
  background-color: #1e2428
}

.p-emergency-list .item-black-strong a {
  color: #fff
}

.p-emergency-list .item-black-strong a:hover {
  opacity: .8
}

.p-emergency-list .item-black-strong:before {
  content: "\901F\5831";
  display: inline-block;
  padding: 2px 6px;
  margin-right: 10px;
  background-color: hsla(0, 0%, 100%, .25)
}

.p-emergency-list .item-black {
  color: #fff;
  background-color: #787c7e
}

.p-emergency-list .item-black a {
  color: #fff
}

.p-emergency-list .item-earthquake,
.p-emergency-list .item-tsunami,
.p-emergency-list .item-typhoon,
.p-emergency-list .item-volcano {
  border: 2px solid #c20d23;
  color: #c20d23
}

.p-emergency-list .item-notice {
  border: 2px solid #787c7e;
  color: #1e2428
}

.p-emergency-list .item-notice a {
  color: #745399
}

.p-emergency-list__item-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.p-emergency-list__item-chart {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.p-emergency-list__item-chart__item {
  width: 340px;
  min-width: 340px;
  padding-top: 8px;
  margin: 0 5px
}

.p-emergency-list__item-chart__item figure {
  font-size: 0
}

.p-emergency-list__item-chart__item figure figcaption {
  padding-top: 5px;
  text-align: center
}

.p-emergency-list__item-chart__item figure img {
  width: 100%
}

.p-emergency-list-slider .p-emergency-list__item {
  padding: 5px 45px;
  border-left: none !important;
  border-right: none !important
}

.p-emergency-list-slider .p-emergency-list__item.item-red a {
  color: #c20d23
}

.p-emergency-list-slider .slick-prev {
  z-index: 1;
  left: 0;
  width: 40px;
  height: 100%
}

.p-emergency-list-slider .slick-prev:hover {
  background-color: #c20d23
}

.p-emergency-list-slider .slick-prev:before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(/assets/images/common/arrow-white-20200917121639.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 14px 14px;
  background-color: #c20d23;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 1
}

.p-emergency-list-slider .slick-next {
  z-index: 1;
  right: 0;
  width: 40px;
  height: 100%
}

.p-emergency-list-slider .slick-next:before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(/assets/images/common/arrow-white-20200917121639.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 14px 14px;
  background-color: #c20d23;
  opacity: 1
}

.p-breadcrumbs {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: none
}

.p-breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1
}

.p-breadcrumbs ul li {
  font-size: 11px;
  font-size: .6875rem;
  padding-right: 10px
}

.p-breadcrumbs ul li:after {
  content: " > ";
  display: inline-block;
  margin: 0;
  margin-left: 10px;
  width: 6px;
  height: 11px
}

.p-breadcrumbs ul li:last-of-type:after {
  content: none
}

.p-breadcrumbs ul li a {
  color: #745399
}

.single-post .p-breadcrumbs {
  display: none
}

.p-pickup-category {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin: 20px 0;
  padding: 50px;
  border: 3px solid orange
}

.p-notice-com {
  margin: 0 0 10px;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-weight: 600;
  color: #745399;
  line-height: 1.4
}

.p-notice-com.p-notice-members-status-registered,
.p-notice-com.p-notice-members-status-subscriber {
  font-weight: 400;
  color: #1e2428
}

.p-notice-com.p-notice-members-status-registered:before,
.p-notice-com.p-notice-members-status-subscriber:before {
  content: "\304A\77E5\3089\305B";
  display: block;
  margin-bottom: 2px;
  padding-left: 14px;
  font-weight: 600;
  color: #dc0d23;
  background: url(/assets/images/common/icon_member_only_notice-20200917121639.svg) no-repeat 0;
  background-size: 12px
}

.p-notice-com.p-notice-members-status-registered a,
.p-notice-com.p-notice-members-status-subscriber a {
  padding: 0 5px;
  font-weight: 600;
  color: #dc0d23
}

.p-notice-com.p-notice-members-status-registered a:hover,
.p-notice-com.p-notice-members-status-subscriber a:hover {
  text-decoration: underline
}

.p-mynews {
  text-align: left;
  position: relative
}

.p-mynews>p {
  line-height: 1.2rem
}

.p-mynews>p a {
  font-weight: 400
}

.p-mynews-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 4px 0
}

.p-mynews-title h2 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  padding-left: 5px;
  border-left: 3px solid #745399;
  font-weight: 700;
  line-height: 1
}

.p-mynews-title h2 a {
  font-weight: 700;
  color: #1e2428
}

.p-mynews-title__setting {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.p-mynews-title__setting a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  line-height: 1;
  font-weight: 400
}

.p-mynews-title__setting a:before {
  content: "";
  margin-right: 3px;
  width: 16px;
  height: 16px;
  background: url(/assets/images/common/icon_setting-20200917121639.svg) no-repeat 0;
  background-size: 100%
}

.p-mynews-contents {
  margin-top: 12px
}

.p-mynews-contents-article-list {
  border-radius: 5px;
  border: 1px solid #dadada;
  background-color: #fff
}

.p-mynews-contents-article-list-item {
  padding: 12px 16px
}

.p-mynews-contents-article-list-item:not(:last-child) {
  border-bottom: 1px solid #ddd
}

.p-mynews-contents-article-list-item article .c-list-title {
  margin-top: .3rem
}

.p-mynews-contents-article-list-item article .c-list-date {
  display: inline-block
}

.p-mynews-contents-article-list-item__key {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%
}

.p-mynews-contents-article-list-item__details {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%
}

.p-mynews-contents-keyword {
  margin-top: 8px;
  padding-left: 12px
}

.p-mynews-contents-keyword-list:after {
  content: " ";
  display: block;
  clear: both
}

.p-mynews-contents-keyword-list li {
  float: left;
  margin-right: 1.5rem
}

.p-mynews-contents-keyword-list li a {
  text-decoration: underline;
  font-weight: 400
}

.p-mynews .p-mynews {
  margin-bottom: 12px;
  padding: 12px 0
}

.layout-contents__sidebar .p-mynews,
.news-top-lower-side .p-mynews {
  margin: 1.5rem 0 0;
  text-align: left;
  border-top: 1px solid #dadada
}

.layout-contents__sidebar .p-mynews>p,
.news-top-lower-side .p-mynews>p {
  text-indent: 0;
  font-size: 13px;
  font-size: .8125rem
}

.layout-contents__sidebar .p-mynews-title h2,
.news-top-lower-side .p-mynews-title h2 {
  padding-left: 0;
  border: none
}

.layout-contents__sidebar .p-mynews-title h2:before,
.news-top-lower-side .p-mynews-title h2:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: .2rem;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #dadada
}

.layout-contents__sidebar .p-mynews-contents,
.news-top-lower-side .p-mynews-contents {
  padding: 0
}

.layout-contents__sidebar .p-mynews-contents-article-list,
.news-top-lower-side .p-mynews-contents-article-list {
  background-color: transparent
}

.layout-contents__sidebar .p-mynews-contents-article-list-item,
.news-top-lower-side .p-mynews-contents-article-list-item {
  padding: 10px 12px 8px
}

.layout-contents__sidebar .p-mynews-contents-article-list-item article,
.news-top-lower-side .p-mynews-contents-article-list-item article {
  display: block
}

.layout-contents__sidebar .p-mynews .p-mynews-contents-keyword,
.news-top-lower-side .p-mynews .p-mynews-contents-keyword {
  display: block;
  margin: 15px 10px;
  padding-left: 0
}

.layout-contents__sidebar .p-mynews .p-mynews-contents-keyword-list li,
.news-top-lower-side .p-mynews .p-mynews-contents-keyword-list li {
  margin-top: .5rem
}

.p-scrap {
  text-align: left;
  position: relative
}

.p-scrap>p {
  line-height: 1.2rem
}

.p-scrap-title {
  margin-bottom: .2rem;
  padding: 6px 0
}

.p-scrap-title h2:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: .2rem;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #dadada
}

.p-scrap-title h2 a {
  font-weight: 700
}

.p-scrap-contents {
  margin: 12px 0
}

.p-scrap-contents-article {
  border-radius: 5px;
  border: 1px solid #dadada
}

.p-scrap-contents-article-head {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px
}

.p-scrap-contents-article-head a {
  display: block;
  padding-left: 28px;
  background: url(/assets/images/common/icon_folder_purple-20200917121639.svg) no-repeat 5px;
  background-size: 18px
}

.p-scrap-contents-article-head a span {
  margin-left: 10px;
  font-weight: 500;
  color: #8e9193
}

.p-scrap-contents-article-list {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%
}

.p-scrap-contents-article-list-item {
  padding: 12px 16px
}

.p-scrap-contents-article-list-item:not(:last-child) {
  border-bottom: 1px solid #ddd
}

.p-scrap-contents-article-list-item article .c-list-title {
  margin-top: .3rem
}

.p-scrap-contents-article-list-item article .c-list-date {
  display: inline-block
}

.p-scrap .p-scrap {
  padding: 12px 0;
  border-top: 1px solid #dadada
}

.layout-contents__sidebar .p-scrap,
.news-top-lower-side .p-scrap {
  margin: 0;
  padding: 16px 0 0;
  border-top: 1px solid #dadada
}

.layout-contents__sidebar .p-scrap>p,
.news-top-lower-side .p-scrap>p {
  text-indent: 0;
  font-size: 13px;
  font-size: .8125rem
}

.layout-contents__sidebar .p-scrap-contents,
.news-top-lower-side .p-scrap-contents {
  padding: 0
}

.layout-contents__sidebar .p-scrap-contents-article,
.news-top-lower-side .p-scrap-contents-article {
  display: block;
  background-color: transparent
}

.layout-contents__sidebar .p-scrap-contents-article-head,
.news-top-lower-side .p-scrap-contents-article-head {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-right: none;
  border-bottom: 1px solid #dadada
}

.layout-contents__sidebar .p-scrap-contents-article-list-item,
.news-top-lower-side .p-scrap-contents-article-list-item {
  padding: 10px 12px 8px
}

.p-error {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin: 100px 0;
  text-align: center
}

.p-error-img {
  width: 180px;
  height: 90px;
  margin: 0 auto;
  background: url(/assets/images/common/error_img_404-20200917121639.png) no-repeat 50%;
  background-size: 100%
}

.p-error-title {
  font-weight: 700;
  margin: 2rem 0 0
}

.p-error-message {
  margin: 1.2rem 0
}

.p-error-button {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #745399;
  font-weight: 400;
  cursor: pointer
}

.p-error-button:visited {
  color: #745399
}

.p-error-button:hover {
  background-color: #745399;
  border: 1px solid #745399;
  color: #fff;
  text-decoration: none
}

.p-contents-ranking-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 6px 0 6px 25px;
  background-image: url(/assets/images/common/icon_ranking-20200917121639.png);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 20px;
  border-bottom: 1px solid #8e9193
}

.p-contents-ranking-header__title {
  font-weight: 700
}

.p-contents-ranking-header__update {
  color: #8e9193
}

.p-contents-ranking-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #ddd;
  border-radius: 3px 3px 0 0
}

.p-contents-ranking-tab__btn {
  overflow: hidden;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  margin: 0;
  margin-top: -1px;
  padding: 8px 5px;
  border: none;
  background-color: transparent;
  color: #745399;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  font-size: .875rem;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none
}

.p-contents-ranking-tab__btn--active {
  border-radius: 3px 3px 0 0;
  border: 1px solid #b4b4b4;
  border-bottom: 1px solid transparent;
  color: #1e2428;
  cursor: inherit
}

.p-contents-ranking-tab__btn:not(.p-contents-ranking-tab__btn--active) {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #b4b4b4;
  background-color: rgba(30, 36, 40, .1)
}

.p-contents-ranking-tab__btn:not(.p-contents-ranking-tab__btn--active):first-child {
  border-left: 1px solid #ddd
}

.p-contents-ranking-tab__btn:not(.p-contents-ranking-tab__btn--active):last-child {
  border-right: 1px solid #ddd
}

.p-contents-ranking-wrapper-head {
  padding: 10px 13px 0;
  border: 1px solid #b4b4b4;
  border-bottom: 0;
  font-weight: 700
}

.p-contents-ranking-wrapper-list {
  padding: 3px 13px 13px;
  border: 1px solid #b4b4b4;
  border-top: 0
}

.p-contents-ranking-wrapper-list-item {
  display: none;
  counter-reset: newsRanking
}

.p-contents-ranking-wrapper-list-item li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 0;
  font-size: 12px;
  font-size: .75rem
}

.p-contents-ranking-wrapper-list-item li:last-child {
  border: none;
  padding-bottom: 0
}

.p-contents-ranking-wrapper-list-item li:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  counter-increment: newsRanking;
  content: counter(newsRanking);
  margin-right: 10px;
  padding: 8px 3px
}

.p-contents-ranking-wrapper-list-item li:first-of-type:before {
  color: #fff;
  background-color: #745399
}

.p-contents-ranking-wrapper-list-item li:nth-of-type(2):before {
  color: #fff;
  background-color: rgba(116, 83, 153, .6)
}

.p-contents-ranking-wrapper-list-item li:nth-of-type(3):before {
  color: #fff;
  background-color: rgba(116, 83, 153, .3)
}

.p-contents-ranking-wrapper-list-item li:nth-of-type(4):before,
.p-contents-ranking-wrapper-list-item li:nth-of-type(5):before {
  background-color: #ddd;
  color: #1e2428
}

.p-contents-ranking-wrapper-list-item .c-list-title {
  font-size: 15px;
  margin-bottom: 0
}

.p-contents-ranking-wrapper-list-item--active {
  display: block
}

.p-contents-ranking--sidebar {
  margin-bottom: 1.5rem
}

.p-contents-ranking--sidebar .p-contents-ranking-wrapper-list {
  padding: 0;
  border: none
}

.p-contents-topics .item-list .p-list-item:first-child article {
  display: block
}

.p-contents-topics .item-list .p-list-item:first-child article .c-list-thumb {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  background-color: #1e2428;
  font-size: 0
}

.p-contents-topics .item-list .p-list-item:first-child article .c-list-thumb a {
  display: block;
  margin: auto
}

.p-contents-topics .item-list .p-list-item:first-child article .c-list-thumb a img {
  max-width: 100%;
  max-height: 100%
}

.p-contents-tiles-sec-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-contents-tiles-sec-list .p-list-item {
  -ms-flex-preferred-size: 150px;
  flex-basis: 150px
}

.p-contents-tiles-sec-list .p-list-item article {
  display: block
}

.p-content-movie {
  color: #fff
}

.p-content-movie-header {
  margin-bottom: 1px;
  background-color: #1e2428;
  padding: 8px 16px
}

.p-content-movie-header a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff
}

.p-content-movie-header__title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff
}

.p-content-movie-header__link {
  font-size: 14px;
  font-size: .875rem;
  display: inline-block;
  position: relative;
  padding-right: 16px;
  color: #fff
}

.p-content-movie-header__link:before {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #fff
}

.p-content-movie-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #1e2428
}

.p-content-movie-list-item {
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  width: 33.33%
}

.p-content-movie-list-item article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 12px 10px
}

.p-content-movie-list-item-thumb {
  font-size: 0;
  width: 80px
}

.p-content-movie-list-item-thumb figure img {
  width: 100%
}

.p-content-movie-list-item-thumb__time {
  position: absolute;
  bottom: 3px;
  right: 3px;
  font-size: 8px;
  font-size: .5rem
}

.p-content-movie-list-item-thumb__time a,
.p-content-movie-list-item-thumb__time a:link {
  display: block;
  position: relative;
  padding: 4px 4px 3px 10px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #1e2428;
  line-height: 1
}

.p-content-movie-list-item-thumb__time a:before,
.p-content-movie-list-item-thumb__time a:link:before {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  left: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #fff
}

.p-content-movie-list-item-thumb__time a:visited {
  color: #fff
}

.p-content-movie-list-item-info {
  padding-left: 6px;
  width: 349px
}

.p-content-movie-list-item-info__date {
  color: #8e9193
}

.p-content-movie-list-item-info__date,
.p-content-movie-list-item-info__title {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.4
}

.p-content-movie-list-item-info__title a,
.p-content-movie-list-item-info__title a:link,
.p-content-movie-list-item-info__title a:visited {
  color: #fff
}

.p-content-movie-list-item-info__title .c-list-member-only,
.p-content-movie-list-item-info__title .c-list-member-only-logged {
  display: block;
  margin-left: 0;
  margin-top: 5px
}

.p-content-movie-list-item-info__title .c-list-member-only {
  background-image: url(/assets/images/common/icon_lock-w-20200917121639.svg)
}

.p-content-movie-list-item-info__lead {
  display: none
}

.p-content-movie-list-item-info__lead a:hover {
  text-decoration: none
}

.p-category-groups-sec {
  margin-bottom: 24px
}

.p-category-groups-sec-list .p-list-item:nth-child(5) {
  display: none
}

.p-category-groups-nolink-sec {
  margin-bottom: 30px
}

.p-category-latest-sec {
  margin-bottom: 24px;
  border-top: 2px solid #1e2428
}

.p-category-latest-sec h2 {
  display: none
}

.p-category-latest-sec-list .p-list-item:first-child {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 8px 0
}

.p-category-latest-sec-list .p-list-item:first-child article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.p-category-latest-sec-list .p-list-item:first-child article .c-list-lead {
  margin-top: .5rem
}

.p-category-latest-sec-list .p-list-item:first-child article .p-list-item__inner {
  padding-right: 0;
  position: relative
}

.p-category-latest-sec-list .p-list-item:first-child article .p-list-item__inner>div:not(.c-list-title):not(.c-list-lead):not(.c-list-date) {
  z-index: 1
}

.p-category-latest-sec-list .p-list-item:first-child article .p-list-item__inner .c-list-title {
  z-index: 0;
  font-family: YuMincho, ヒラギノ明朝 ProN W6, Hiragino Mincho ProN, HGS明朝E, 游明朝, Yu Mincho, メイリオ, Meiryo, Helvetica Neue, Helvetica, Arial, serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}

.p-category-latest-sec-list .p-list-item:first-child article .p-list-item__inner .c-list-title a:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

.p-category-latest-sec-list .p-list-item:first-child article .p-list-item__inner .c-list-lead {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin: .5rem 0 0
}

.p-category-latest-sec-list .p-list-item:first-child article .c-list-thumb {
  margin-left: 20px
}

.p-category-organization-sec {
  margin-bottom: 24px;
  border-top: 2px solid #1e2428
}

.p-category-organization-sec h2 {
  display: none
}

.p-category-organization-sec-list .p-list-item:first-child {
  padding: 8px 0
}

.p-category-organization-sec-list .p-list-item:first-child article .c-list-thumb {
  margin-left: 20px
}

.p-category-organization-sec .p-list-col2 .p-list-item:first-child {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.p-category-ranking {
  margin-top: 30px
}

.p-category-ranking-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-category-ranking-cont>div:first-child {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.p-category-ranking-cont>div:last-child {
  display: none
}

.p-category-ranking-cont-item-title {
  position: relative;
  padding: 1rem 0 .2rem;
  margin: 0;
  border-bottom: 1px solid #745399;
  font-weight: 400
}

.p-category-ranking-cont-item-title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: 2px solid #745399;
  bottom: 0;
  width: 20%
}

.p-category-ranking-cont-item-list {
  padding-top: 10px
}

.p-category-ranking-cont-item-list-inner .c-list-member-only,
.p-category-ranking-cont-item-list-inner .c-list-member-only-logged {
  width: 18px;
  height: 18px;
  margin-left: 2.5rem
}

.p-category-ranking-cont-item-list-inner-title {
  font-size: 18px;
  font-size: 1.125rem
}

.p-category-ranking-cont-item-list .p-list-item .c-list-title-num,
.p-category-ranking-cont-item-list .p-list-item:first-child .p-category-ranking-cont-item-list-inner-title a:before,
.p-category-ranking-cont-item-list .p-list-item:nth-child(2) .p-category-ranking-cont-item-list-inner-title a:before,
.p-category-ranking-cont-item-list .p-list-item:nth-child(3) .p-category-ranking-cont-item-list-inner-title a:before,
.p-category-ranking-cont-item-list .p-list-item:nth-child(4) .p-category-ranking-cont-item-list-inner-title a:before,
.p-category-ranking-cont-item-list .p-list-item:nth-child(5) .p-category-ranking-cont-item-list-inner-title a:before {
  display: block;
  color: #745399;
  font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, ＭＳ ゴシック, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0 1rem
}

.p-category-ranking-cont-item-list .p-list-item:first-child .p-category-ranking-cont-item-list-inner-title a:before {
  content: "1"
}

.p-category-ranking-cont-item-list .p-list-item:nth-child(2) .p-category-ranking-cont-item-list-inner-title a:before {
  content: "2"
}

.p-category-ranking-cont-item-list .p-list-item:nth-child(3) .p-category-ranking-cont-item-list-inner-title a:before {
  content: "3"
}

.p-category-ranking-cont-item-list .p-list-item:nth-child(4) .p-category-ranking-cont-item-list-inner-title a:before {
  content: "4"
}

.p-category-ranking-cont-item-list .p-list-item:nth-child(5) .p-category-ranking-cont-item-list-inner-title a:before {
  content: "5"
}

.p-category-ranking-cont-social {
  margin-left: 10px
}

.p-category-btn-link-header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .6rem .2rem .6rem 0;
  border-top: 2px solid #1e2428;
  border-bottom: 1px solid #dadada
}

.p-category-btn-link-header,
.p-category-txt-link-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-category-txt-link-header {
  font-family: YuMincho, ヒラギノ明朝 ProN W6, Hiragino Mincho ProN, HGS明朝E, 游明朝, Yu Mincho, メイリオ, Meiryo, Helvetica Neue, Helvetica, Arial, serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .6rem .6rem .6rem 0;
  font-weight: 700
}

.p-category-txt-link-header h2 {
  color: #b4b4b4;
  font-weight: 700
}

.p-category-txt-link-header h2 a {
  color: #1e2428
}

.p-category-txt-link-header h2 .c-icon-ex-link {
  margin-left: 5px;
  vertical-align: text-bottom
}

.p-category-corner-intro {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 15px 20px 15px 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ddd
}

.p-category-corner-intro-inner {
  min-width: calc(100% - 165px)
}

.p-category-corner-intro-banner {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0
}

.p-category-corner-intro-banner figure {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 0;
  margin: 0
}

.p-category-corner-intro-banner figure img {
  max-width: 100%
}

.p-selection-sec .p-selection-sec-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, ＭＳ ゴシック, Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: .8rem 0 .4rem;
  border-top: none;
  line-height: 1.2rem;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal
}

.p-selection-sec .p-selection-sec-title:before {
  content: " ";
  display: inline-block;
  width: .5rem;
  height: 1.2rem;
  border-left: 3px solid #745399
}

.p-selection-sec .p-list {
  overflow: auto
}

.p-pager {
  margin: 30px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-pager,
.p-sub-category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-sub-category-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 6px
}

.p-sub-category-list__item:after {
  content: "\2502";
  display: inline-block;
  color: #745399
}

.p-sub-category-list__item a {
  text-decoration: none
}

.p-sub-category-list__item a:hover {
  text-decoration: underline
}

.p-sub-category-list__item:last-child:after {
  content: none
}

.p-sidebar-headlines {
  margin: 1.5rem 0
}

.p-sidebar-headlines-sec .c-category-title {
  font-family: YuMincho, ヒラギノ明朝 ProN W6, Hiragino Mincho ProN, HGS明朝E, 游明朝, Yu Mincho, メイリオ, Meiryo, Helvetica Neue, Helvetica, Arial, serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  border-top: 2px solid #1e2428;
  border-bottom: 1px solid #dadada;
  font-weight: 700;
  padding: .8rem .6rem
}

.p-sidebar-headlines-sec-list-item,
.p-sidebar-headlines-sec .c-category-title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-sidebar-headlines-sec-list-item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding: .6rem .5rem;
  border-bottom: 1px solid #eaeaea
}

.p-sidebar-headlines-sec li .p-ad-thumbnail-txt {
  padding: 0;
  border: 0
}

.p-sidebar-headlines-sec li .p-ad-thumbnail-txt>div:first-of-type iframe {
  padding-top: 8px
}

.p-sidebar-headlines-sec li .p-ad-thumbnail-txt>div:last-of-type iframe {
  padding-bottom: 2px;
  border-bottom: 1px solid #ddd !important
}

.p-sidebar-topics {
  margin: 1.5rem 0
}

.p-sidebar-topics-sec-title {
  font-size: 20px;
  font-size: 1.25rem
}

.p-sidebar-topics-sec-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  border-bottom: 1px solid #ddd;
  padding: 12px 0
}

.p-sidebar-topics-sec-list-item article {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-sidebar-topics-sec-list-item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 12px;
  width: 100%
}

.p-sidebar-topics-sec-list-item__inner .c-list-title {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.p-sidebar-topics-sec-list-item__inner .c-list-date,
.p-sidebar-topics-sec-list-item__inner .c-list-feature-tag,
.p-sidebar-topics-sec-list-item__inner .c-list-tag,
.p-sidebar-topics-sec-list-item__inner .c-matome-title {
  margin-right: 11px;
  font-size: 11px;
  font-size: .6875rem
}

.p-sidebar-member-news {
  margin-top: 1rem
}

.p-sidebar-member-news-sec-list .p-list-item:first-child article {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-sidebar-member-news-sec-list .p-list-item:first-child article .p-list-item__inner {
  padding: 0
}

.p-sidebar-member-news-sec-list .p-list-item:first-child article .c-list-thumb {
  margin: 10px auto
}

.p-sidebar-member-news-sec-list .p-list-item:first-child article .c-list-article-link:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 6px;
  padding-left: 5px;
  vertical-align: middle;
  background-size: 3px 6px
}

.p-sidebar-member-present__banner {
  margin: 12px 0 4px
}

.p-sidebar-member-present__banner a {
  display: block;
  text-align: center
}

.p-sidebar-member-present__banner img {
  width: 100%;
  max-width: 350px
}

.p-sidebar-member-present-list__item {
  font-size: 12px;
  font-size: .75rem;
  margin-bottom: 10px;
  padding-left: 10px;
  text-indent: -10px;
  line-height: 1.4
}

.p-sidebar-member-present-list__item:before {
  display: inline-block;
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #9fa0a0;
  padding-right: 4px
}

.p-sidebar-member-rectangle {
  margin-top: 1.5rem;
  text-align: center
}

.p-sidebar-category-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: .5rem 0;
  border-top: 2px solid #1e2428;
  border-bottom: 1px solid #dadada;
  line-height: 1.4
}

.p-sidebar-category-header .c-category-title-link {
  margin-right: 8px
}

.p-sidebar-category-header p {
  font-weight: 700
}

.p-sidebar-important-contents {
  margin: 1.5rem 0
}

.p-sidebar-important-contents .p-list {
  padding-top: 10px
}

.p-sidebar-important-contents .p-list-item {
  margin: 0 0 8px;
  padding: 0;
  border: none
}

.p-sidebar-important-contents .c-category-title {
  border-top: none;
  font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, ＭＳ ゴシック, Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 5px 0 5px 18px;
  background-image: url(/assets/images/common/icon_notice-20200917121639.svg);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 13px 13px
}

.p-sidebar-important-contents .c-list-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-sidebar-important-contents .c-list-title:before {
  display: block;
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #9fa0a0;
  padding-right: 4px
}

.p-sidebar-important-contents .c-list-title--side,
.p-sidebar-important-contents .c-list-title a {
  margin: 0
}

.p-sidebar-important-contents .c-list-sub-title {
  padding-left: 10px
}

.p-sidebar-coupon__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px solid #1e2428
}

.p-sidebar-coupon__header-title {
  border: none
}

.p-sidebar-coupon__header-more {
  position: relative;
  padding-right: 12px
}

.p-sidebar-coupon__header-more:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #745399
}

.p-sidebar-coupon-list {
  padding-bottom: 10px
}

.p-sidebar-coupon-list .slick-prev {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 26px;
  height: 80px;
  border: 1px solid #fff;
  border-radius: 3px;
  background-color: rgba(30, 36, 40, .8) !important;
  cursor: pointer;
  outline: none;
  font-size: 0;
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
  -webkit-transition: .3s;
  transition: .3s
}

.p-sidebar-coupon-list .slick-prev:before {
  position: absolute;
  top: 28px;
  right: 8px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  opacity: 1
}

.p-sidebar-coupon-list .slick-next {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 26px;
  height: 80px;
  border: 1px solid #fff;
  border-radius: 3px;
  background-color: rgba(30, 36, 40, .8) !important;
  cursor: pointer;
  outline: none;
  font-size: 0;
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
  -webkit-transition: .3s;
  transition: .3s
}

.p-sidebar-coupon-list .slick-next:before {
  position: absolute;
  top: 28px;
  left: 8px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  opacity: 1
}

.p-sidebar-coupon-list .slick-next:hover,
.p-sidebar-coupon-list .slick-prev:hover {
  border: 1px solid #fff;
  background-color: rgba(30, 36, 40, .7)
}

.p-sidebar-coupon-list .slick-disabled {
  display: none !important
}

.p-sidebar-coupon-list__item {
  padding: 5px 10px 10px
}

.p-sidebar-coupon-list__item-inner {
  overflow: hidden;
  height: 100%;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.p-sidebar-coupon-list__item-inner-thumb {
  position: relative;
  padding-top: 100%
}

.p-sidebar-coupon-list__item-inner-thumb--new {
  display: block;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 6px;
  width: 30px;
  height: 30px;
  background-image: url(/assets/images/coupon/sidebar_icon_new-20200917121639.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  font-size: 0
}

.p-sidebar-coupon-list__item-inner-thumb--image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0
}

.p-sidebar-coupon-list__item-inner-thumb--image a {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%
}

.p-sidebar-coupon-list__item-inner-thumb--image figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.p-sidebar-coupon-list__item-inner-thumb--image figure img {
  max-width: 100%;
  max-height: 100%;
  margin: auto
}

.p-sidebar-coupon-list__item-inner-thumb--image _:-ms-lang(x)::-ms-backdrop,
.p-sidebar-coupon-list__item-inner-thumb--image figure {
  display: block;
  text-align: center
}

.p-sidebar-coupon-list__item-inner-thumb--image _:-ms-lang(x)::-ms-backdrop,
.p-sidebar-coupon-list__item-inner-thumb--image figure img {
  margin-top: 50%;
  transform: translateY(-50%)
}

.p-sidebar-coupon-list__item-inner-title {
  padding: 10px 10px 3px;
  font-weight: 700;
  line-height: 1.3
}

.p-sidebar-coupon-list__item-inner-price--yen {
  padding: 0 10px 10px;
  color: #fe5d4b;
  font-weight: 700;
  line-height: 1.3
}

.p-sidebar-coupon-list__item-inner-price--yen span {
  color: #1e2428;
  font-size: 12px;
  font-size: .75rem;
  text-decoration: line-through
}

.p-sidebar-coupon-list__item-inner-price--yen span:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 5px;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #1e2428
}

.p-sidebar-coupon-list__item-inner-price--freetext {
  padding: 0 10px 10px;
  color: #fe5d4b;
  font-weight: 700;
  line-height: 1.3
}

.slick-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[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-arrow.slick-hidden {
  display: none
}

.p-pagetop-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px 0
}

.p-pagetop-btn a {
  display: block;
  color: #1e2428;
  font-weight: 400;
  position: relative
}

.p-pagetop-btn a:after {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-bottom: 5px solid #8e9193;
  display: block;
  position: absolute;
  right: -14px;
  top: 4px
}

.p-recommend .c-category-title {
  border-bottom: 1px solid #8e9193;
  padding: 12px 15px
}

.p-recommend .p-recommend-aside-list {
  padding: 0 15px
}

.p-recommend .p-recommend-aside-list .p-list-item {
  padding: 10px 0
}

.p-recommend .p-recommend-aside-list .p-list-item:last-child {
  border-bottom: none
}

.p-recommend .p-recommend-aside-list .p-list-item__inner .c-list-feature-tag,
.p-recommend .p-recommend-aside-list .p-list-item__inner .c-list-tag {
  display: none
}

.p-service-contents {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 30px 0
}

.p-service-contents-inner {
  width: 1056px;
  margin: 0 auto;
  padding: 0 10px
}

.p-service-contents-inner-special-list {
  margin-top: 25px
}

.p-service-contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-service-contents-list__title {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-bottom: 15px
}

.p-service-contents-list__item {
  -ms-flex-preferred-size: 148px;
  flex-basis: 148px;
  font-size: 12px;
  font-size: .75rem;
  margin-bottom: 6px;
  padding-right: 6px
}

.p-service-contents-list__item a {
  display: block;
  text-indent: -1rem;
  padding-left: 1rem
}

.p-service-contents-list__item a:before {
  content: "";
  width: 4px;
  height: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid transparent;
  border-left: 4px solid #dadada;
  display: inline-block;
  vertical-align: middle;
  padding-right: 6px
}

.p-service-contents-list__item a:visited {
  color: #745399
}

.p-footer-2020 {
  color: #333;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.p-footer-2020 a,
.p-footer-2020 a:visited {
  color: currentColor
}

.p-footer-2020 svg {
  fill: currentColor;
  vertical-align: middle
}

.p-footer-2020 img {
  vertical-align: top
}

.p-footer-2020-box {
  border-top: 1px solid #000
}

.p-footer-2020-operationsite h2 {
  font-size: 15px;
  line-height: 1;
  font-weight: 700
}

.p-footer-2020-operationsite ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-footer-2020-operationsite li {
  position: relative;
  padding: 25px 0
}

.p-footer-2020-operationsite h3 {
  font-size: 14px;
  line-height: 1.5;
  margin-top: -3.5px;
  margin-bottom: -3.5px
}

.p-footer-2020-operationsite p {
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 11.5px;
  margin-bottom: -3.5px
}

.p-footer-2020-operationsite a {
  color: #333
}

.p-footer-2020-operationsite figure {
  position: absolute;
  top: 25px;
  left: 0
}

.p-footer-2020-grouplinks h2 {
  font-size: 15px;
  line-height: 1;
  font-weight: 700
}

.p-footer-2020-grouplinks-logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px
}

.p-footer-2020-grouplinks-logo li:not(:last-of-type) {
  margin-right: 10px
}

.p-footer-2020-grouplinks-logo a {
  height: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-footer-2020-grouplinks-logo img {
  height: 31px
}

.p-footer-2020-grouplinks-logo img[src*=dc-cm_icon_jpannews] {
  height: 19px
}

.p-footer-2020-grouplinks-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 2;
  margin-top: 8.5px;
  margin-bottom: -6.5px
}

.p-footer-2020-grouplinks-text li a {
  color: #333;
  font-weight: 400
}

.p-footer-2020-sociallinks h2 {
  font-size: 15px;
  line-height: 1;
  font-weight: 700
}

.p-footer-2020-sociallinks ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  margin-top: 20px
}

.p-footer-2020-sociallinks li {
  font-size: 13px;
  line-height: 20px
}

.p-footer-2020-sociallinks li:nth-of-type(n+2) {
  margin-left: 15px
}

.p-footer-2020-sociallinks li a {
  color: #333;
  font-weight: 400
}

.p-footer-2020-sociallinks li svg {
  width: 20px;
  height: 20px;
  margin-right: 7px
}

.p-footer-2020-relatedlinks h2 {
  font-size: 15px;
  line-height: 1;
  font-weight: 700
}

.p-footer-2020-relatedlinks ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 2;
  margin-top: 13.5px;
  margin-bottom: -6.5px
}

.p-footer-2020-relatedlinks li a {
  color: #333;
  font-weight: 400
}

.p-footer-2020-attention {
  color: #8e9193;
  font-size: 11px;
  line-height: 1.5;
  margin-top: -2.75px;
  margin-bottom: -2.75px
}

.p-footer-2020-copyright {
  color: #8e9193
}

.p-footer-2020-subscribe {
  color: #fff;
  background-color: indigo;
  width: 100%;
  height: 60px;
  position: fixed;
  bottom: -60px;
  left: 0;
  z-index: 12;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.p-footer-2020-subscribe.active {
  -webkit-transform: translateY(-60px);
  transform: translateY(-60px)
}

.p-footer-2020-subscribe>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  margin: 0 auto
}

.p-footer-2020-subscribe svg {
  fill: #fff;
  width: 88px;
  height: 20px;
  margin-right: 13px
}

.p-footer-2020-subscribe p {
  line-height: 18px;
  white-space: nowrap;
  height: 14px
}

.p-footer-2020-subscribe p:first-of-type {
  font-size: 14px;
  font-weight: 700
}

.p-footer-2020-subscribe a {
  color: indigo;
  font-size: 15px;
  line-height: 33px;
  text-align: center;
  display: block;
  width: 140px;
  height: 33px;
  background-color: #fff;
  border: 1px solid currentColor;
  border-radius: 3px
}

.p-footer-2020-subscribe a:hover {
  color: #fff;
  text-decoration: none;
  background-color: indigo
}

.p-footer-global {
  min-width: 1076px;
  background: #1e2428;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 65px
}

.p-footer-global a {
  color: #fff
}

.p-footer-global-guide {
  position: fixed;
  left: 0;
  width: 100%;
  background: #745399;
  z-index: 5
}

.p-footer-global-guide-inner {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  height: 100%;
  max-width: 1046px;
  min-height: 62px;
  margin: 0 auto;
  padding: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-footer-global-guide-inner,
.p-footer-global-guide-inner-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-footer-global-guide-inner-l {
  margin-bottom: 5px
}

.p-footer-global-guide-inner-l__img01 {
  margin-right: 43px
}

.p-footer-global-guide-inner-l__txt {
  letter-spacing: 2px
}

.p-footer-global-guide-inner-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.p-footer-global-guide-inner-r a {
  height: 34px;
  line-height: 34px;
  border-radius: 5px;
  display: block;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}

.p-footer-global-guide-inner-r a:hover {
  background-color: #745399;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff
}

.p-footer-global-guide-inner-r__trial-btn {
  background-color: #493b60;
  border: 1px solid #493b60;
  color: #fff;
  width: 97px;
  margin-right: 13px;
  font-size: 14px;
  font-size: .875rem
}

.p-footer-global-guide-inner-r__trial-btn:link,
.p-footer-global-guide-inner-r__trial-btn:visited {
  color: #fff
}

.p-footer-global-guide-inner-r__subscribe-btn {
  background: #fff;
  border: 1px solid #fff;
  width: 214px
}

.p-footer-global-guide-inner-r__subscribe-btn:visited {
  color: #745399
}

.p-footer-global-block-item01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 17px 0 0;
  width: 1056px;
  margin: 0 auto
}

.p-footer-global-block-item01__login {
  margin-right: 10px
}

.p-footer-global-block-item01__register {
  background: #38324a
}

.p-footer-global-block-item01-about-list {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0
}

.p-footer-global-block-item01-about-list__item {
  line-height: 1rem;
  border-left: 1px solid #fff
}

.p-footer-global-block-item01-about-list__item:nth-child(2) {
  border-right: 1px solid #fff
}

.p-footer-global-block-item01-about-list__item a {
  padding: 0 10px
}

.p-footer-global-block-item01-search-from {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 250px;
  padding: 0 15px;
  border-radius: 30px;
  line-height: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #4b5053
}

.p-footer-global-block-item01-search-from__input {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding: 7px 0;
  line-height: 1rem
}

.p-footer-global-block-item01-search-from__input input[type=search] {
  background: transparent;
  background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
  border: none;
  outline-offset: -2px;
  -webkit-appearance: none;
  width: 100%;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1rem
}

.p-footer-global-block-item01-search-from__input input[type=search]::-webkit-input-placeholder {
  color: #ddd;
  opacity: 1
}

.p-footer-global-block-item01-search-from__input input[type=search]:-moz-placeholder,
.p-footer-global-block-item01-search-from__input input[type=search]::-moz-placeholder {
  color: #ddd;
  opacity: 1
}

.p-footer-global-block-item01-search-from__input input[type=search]:-ms-input-placeholder,
.p-footer-global-block-item01-search-from__input input[type=search]::-ms-input-placeholder {
  color: #ddd
}

.p-footer-global-block-item01-search-from__submit input[type=submit] {
  padding: 6px 10px;
  border-radius: 5px;
  border: none;
  line-height: 1;
  cursor: pointer;
  color: #ddd;
  background: #1e2428
}

.p-footer-global-block-item02 {
  padding: 25px 0;
  font-size: 12px;
  font-size: .75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1056px;
  margin: 0 auto
}

.p-footer-global-block-item02-list__item {
  line-height: 1rem;
  margin-bottom: 10px
}

.p-footer-global-block-item02-list__item a {
  display: inline-block;
  padding-right: 25px;
  margin-right: 20px
}

.p-footer-global-block-item02-list__item a:hover {
  background: #1e2428
}

.p-footer-global-block-item02 a {
  font-weight: 400
}

.p-footer-global-block-item02-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 892px;
  flex-basis: 892px
}

.p-footer-global-block-item02-service .p-footer-global-block-item02-list {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #8e9193
}

.p-footer-global-block-item02-service-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 669px;
  flex-basis: 669px;
  min-width: 669px
}

.p-footer-global-block-item02-service-other {
  display: block;
  width: 223px
}

.p-footer-global-block-item02-service-news {
  -ms-flex-preferred-size: 223px;
  flex-basis: 223px;
  min-width: 223px
}

.p-footer-global-block-item02-service-news .p-footer-global-block-item02-list__item:before {
  content: "\30FB";
  display: inline-block
}

.p-footer-global-block-item02-service-news .p-footer-global-block-item02-list__item:first-child {
  font-weight: 700
}

.p-footer-global-block-item02-service-news .p-footer-global-block-item02-list__item:first-child:before {
  display: none
}

.p-footer-global-block-item02-service-contents {
  -ms-flex-preferred-size: 446px;
  flex-basis: 446px;
  min-width: 446px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.p-footer-global-block-item02-service-contents .p-footer-global-block-item02-list__item {
  -ms-flex-preferred-size: 223px;
  flex-basis: 223px;
  min-width: 223px
}

.p-footer-global-block-item02-service-contents .p-footer-global-block-item02-list__item span {
  padding-right: 20px;
  display: inline-block
}

.p-footer-global-block-item02-service-contribution a,
.p-footer-global-block-item02-service-various a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.p-footer-global-block-item02-service-contribution a .c-icon-ex-link,
.p-footer-global-block-item02-service-various a .c-icon-ex-link {
  position: absolute;
  right: 10px;
  width: 12px;
  height: 12px;
  background-size: contain;
  opacity: .5
}

.p-footer-global-block-item02-service-contribution__title {
  min-height: 24px
}

.p-footer-global-block-item02-other {
  width: 164px
}

.p-footer-global-block-item02-other-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 0 20px
}

.p-footer-global-block-item02-other-social-list__item {
  -ms-flex-preferred-size: 30px;
  flex-basis: 30px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 14px
}

.p-footer-global-block-item02-other-social-list__item a {
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  text-indent: -9999px;
  background: #fff;
  border-radius: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0
}

.p-footer-global-block-item02-other-social-list__item a:before {
  content: "";
  display: block
}

.p-footer-global-block-item02-other-social-list__item.c-twtter-icon a {
  border: 2px solid #1da1f2
}

.p-footer-global-block-item02-other-social-list__item.c-twtter-icon a:before {
  background: url(/assets/images/common/cm_icon_twitter-20200917121639.svg) no-repeat 0 0;
  width: 14px;
  height: 12px;
  background-size: contain
}

.p-footer-global-block-item02-other-social-list__item.c-facebook-icon a {
  border: 2px solid #4267b2
}

.p-footer-global-block-item02-other-social-list__item.c-facebook-icon a:before {
  background: url(/assets/images/common/cm_icon_facebook-20200917121639.svg) no-repeat 0 0;
  width: 14px;
  height: 14px;
  background-size: contain
}

.p-footer-global-block-item02-other-social-list__item.c-line-icon a {
  border: 2px solid #00b900
}

.p-footer-global-block-item02-other-social-list__item.c-line-icon a:before {
  background: url(/assets/images/common/cm_icon_line-20200917121639.svg) no-repeat 0 0;
  width: 16px;
  height: 16px;
  background-size: contain
}

.p-footer-global-block-item03 {
  border-top: 1px solid #4b5053
}

.p-footer-global-block-item03__copyright {
  max-width: 1065px;
  margin: 0 auto;
  padding: 15px 0
}

.p-footer-global-block-item03-attention {
  max-width: 1065px;
  margin: 0 auto;
  font-size: 11px;
  font-size: .6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-footer-global-block-item03-attention__title {
  -ms-flex-preferred-size: 165px;
  flex-basis: 165px;
  text-align: center;
  border: 1px solid #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30px;
  line-height: 30px;
  margin-right: 18px
}

.p-footer-global-block-item03-attention__detail {
  -ms-flex-preferred-size: 620px;
  flex-basis: 620px
}

.p-footer-global-block-item03__attention-other {
  max-width: 1065px;
  margin: 0 auto;
  padding: 11px 0 0;
  font-size: 11px;
  font-size: .6875rem
}

.p-list-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-list-col2 .p-list-item {
  -ms-flex-preferred-size: calc(50% - 10px);
  flex-basis: calc(50% - 10px)
}

.p-list-item {
  border-bottom: 1px solid #dadada;
  padding: 12px 0
}

.p-list-item article {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-list-item-col4 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  border-bottom: none
}

.p-list-item-col4 article {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-list-item__inner {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-list-item__inner .c-list-title {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.p-list-item__inner .c-list-conner,
.p-list-item__inner .c-list-date,
.p-list-item__inner .c-list-feature-tag,
.p-list-item__inner .c-list-sub-title,
.p-list-item__inner .c-list-tag,
.p-list-item__inner .c-matome-title {
  margin-right: 10px
}

.p-list-item__innerfirst {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.p-list-item__innerfirst-sentence {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.p-list-item__innerfirst-sentence .c-list-thumb {
  margin-left: 20px
}

.p-list-item__innerfirst-sentence .c-list-title {
  font-family: YuMincho, ヒラギノ明朝 ProN W6, Hiragino Mincho ProN, HGS明朝E, 游明朝, Yu Mincho, メイリオ, Meiryo, Helvetica Neue, Helvetica, Arial, serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}

.p-list-item__innerfirst-sentence .c-list-date {
  display: inline-block;
  margin-right: 6px
}

.p-list-item__innerfirst-sentence .c-matome-title {
  margin-right: 10px
}

.p-list-item__innerfirst-sentence .c-list-article-link:before {
  display: inline-block;
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #745399
}

.p-list-item__apart:before {
  display: block;
  content: "\30FB\30FB\30FB";
  width: 1rem;
  margin: auto;
  text-align: center;
  word-wrap: break-word;
  line-height: .7
}

.p-list-item__apart article {
  margin-top: 10px
}

.p-list-col4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-list-item-organization-1column article .p-list-item__featured {
  display: block;
  padding: 12px;
  width: 100%;
  background-color: #1e2428
}

.p-list-item-organization-1column article .p-list-item__featured .c-list-article-link:before,
.p-list-item-organization-1column article .p-list-item__featured .c-list-title:before {
  border-left-color: #fff
}

.p-list-item-organization-1column article .p-list-item__featured .c-list-article-link a,
.p-list-item-organization-1column article .p-list-item__featured .c-list-title a {
  color: #fff
}

.p-list-item-organization-1column article .p-list-item__featured .c-list-title {
  margin-top: 15px
}

.p-list-item-organization-1column article .p-list-item__featured .c-list-date {
  padding-bottom: 5px
}

.p-list-item-organization-1column article .p-list-item__featured .c-list-thumb {
  margin-left: 0 !important;
  width: 100%;
  background-color: #1e2428
}

.p-list-item-organization-1column article .p-list-item__featured .c-list-thumb img {
  max-height: 400px;
  width: auto;
  max-width: 100%
}

.p-list-item-organization-1column article .p-list-item__featured figcaption {
  padding: 5px 0 0
}

.p-grid-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 16px
}

.p-grid-list .p-list-item__inner .c-list-title {
  font-size: 15px;
  font-size: .9375rem
}

.p-grid-list-col3 .p-list-item {
  -ms-flex-preferred-size: calc(100%/3 - 10px);
  flex-basis: calc(100%/3 - 10px);
  padding-top: 0;
  padding-bottom: 16px;
  border-bottom: none
}

.p-grid-list-col3 .p-list-item__inner {
  padding-right: 0
}

.p-grid-list-col3 .p-list-item__inner .c-list-title {
  font-size: 15px;
  font-size: .9375rem
}

.p-grid-list-col3 .p-list-item__inner .c-list-thumb {
  margin-bottom: .4rem;
  margin-left: 0;
  height: 175px
}

.p-grid-list-col3 .p-list-item__inner .c-list-thumb a img {
  max-height: 175px
}

.p-grid-list-col4 .p-list-item {
  border-bottom: none
}

.p-grid-list-col4 .p-list-item__inner {
  padding-right: 0
}

.p-grid-list-col4 .p-list-item__inner .c-list-title {
  font-size: 12px;
  font-size: .75rem
}

.p-grid-list-col4 .p-list-item__inner .c-list-thumb {
  margin-bottom: .4rem;
  margin-left: 0;
  height: 126px
}

.p-grid-list-col4 .p-list-item__inner .c-list-thumb a img {
  max-height: 126px
}

.p-topics-list__item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  border: 5px solid transparent
}

.p-topics-list__item article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-member {
  margin: 20px auto
}

.p-member-form {
  width: 720px
}

.p-member-form-input {
  margin: 0;
  padding: 10px;
  border: 1px solid #ddd;
  margin: 10px;
  border-radius: 10px;
  position: relative;
  padding-bottom: 150px
}

.p-member-form-input-bottomnav {
  margin-top: 40px;
  padding: 40px 40px 20px;
  border: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  text-align: center;
  margin: 30px 10px;
  padding: 15px 0
}

.p-member-form-input-bottomnav a {
  position: relative;
  padding-left: 15px
}

.p-member-form-input-bottomnav a:before {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 6px solid #8e9193;
  position: absolute;
  top: 2.5px;
  left: 0;
  -webkit-transition: .3s;
  transition: .3s
}

.p-member-form-input-bottomnav a:hover:before {
  opacity: .5;
  -webkit-transition: .3s;
  transition: .3s
}

.p-member-form-notinput-alert {
  background: #feeeee;
  border: 2px solid #fe5d4b;
  padding: 15px 20px;
  margin: 20px 10px;
  border-radius: 10px
}

.p-member-logincode {
  margin-bottom: 16px
}

.p-member-logincode__title {
  margin: 32px auto 24px;
  font-weight: 700;
  text-align: center;
  line-height: 1
}

.p-member-logincode__contents {
  padding: 16px;
  margin: 10px;
  border: 1px solid #ddd;
  border-radius: 10px
}

.p-member-logincode__contents hr {
  height: 1px;
  background-color: #ddd;
  border: none;
  margin: 16px -16px
}

.p-member-logincode__contents-exp--pc,
.p-member-logincode__contents-exp--sp {
  margin-bottom: 8px
}

.p-member-logincode__contents-note {
  color: #fe5d4b;
  font-weight: 700
}

.p-member-logincode__contents-code {
  padding: 16px 0
}

.p-member-logincode__contents-code__title {
  margin-bottom: 8px;
  line-height: 1;
  text-align: center
}

.p-member-logincode__contents-code__num {
  margin-bottom: 16px;
  color: #fe5d4b;
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: 700;
  line-height: 1;
  text-align: center
}

.p-member-logincode__contents-code__count {
  margin-bottom: 40px;
  line-height: 1;
  text-align: center
}

.p-member-logincode__contents-code__count span {
  display: inline-block;
  margin: 0 4px;
  font-size: 22px;
  font-size: 1.375rem
}

.p-member-logincode__contents-code__qrexp {
  margin-bottom: 8px;
  line-height: 1;
  text-align: center
}

.p-member-logincode__contents-code__qrcode {
  text-align: center
}

.p-member-logincode__contents-code__qrcode figure img {
  width: 200px
}

.p-member-logincode__contents-code__bootapp button {
  padding: 12px 0;
  width: 100%;
  border: none;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #745399;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
  cursor: pointer
}

.p-member-logincode__contents-code__bootapp button:hover {
  background-color: #8e6eb1;
  text-decoration: none
}

.p-member-logincode__contents-code__reload button {
  padding: 12px 0;
  width: 100%;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 2px solid #745399;
  color: #745399 !important;
  font-weight: 700;
  text-align: center;
  cursor: pointer
}

.p-member-logincode__contents-code__reload button:hover {
  background-color: #8e6eb1;
  text-decoration: none
}

.p-member-fromqrcode__title {
  margin: 32px auto 24px;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
  color: #fe5d4b
}

.p-member-fromqrcode__login {
  margin: 0 16px 80px
}

.p-member-fromqrcode__login-note {
  margin-bottom: 16px
}

.p-member-fromqrcode__login-button a {
  display: block;
  padding: 12px 0;
  width: 100%;
  border: none;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #745399;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
  cursor: pointer
}

.p-member-fromqrcode__login-button a:hover {
  background-color: #8e6eb1;
  text-decoration: none
}

.p-member-fromqrcode__reg {
  margin: 0 16px 40px
}

.p-member-fromqrcode__reg-note {
  margin-bottom: 16px;
  font-weight: 700
}

.p-member-fromqrcode__reg-button a {
  display: block;
  padding: 12px 0;
  width: 100%;
  border: none;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #af9d13;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
  cursor: pointer
}

.p-member-fromqrcode__reg-button a:hover {
  background-color: #c6b215;
  text-decoration: none
}

.p-member-fromqrcode__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 16px;
  background-color: #f4f4f4
}

.p-member-fromqrcode__contact__title {
  margin-bottom: 8px;
  font-size: 14px;
  font-size: .875rem;
  text-align: center
}

.p-member-fromqrcode__contact__tel,
.p-member-fromqrcode__contact__title {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  font-weight: 700
}

.p-member-fromqrcode__contact__tel dt {
  font-size: 12px;
  font-size: .75rem
}

.p-member-fromqrcode__contact__tel dd {
  color: #745399;
  font-size: 16px;
  font-size: 1rem
}

.p-member-fromqrcode__contact__tel dd a {
  text-decoration: underline
}

.p-member-fromqrcode__contact__tel dd span {
  display: block;
  color: #1e2428;
  font-size: 12px;
  font-size: .75rem;
  font-weight: 400
}

.p-member-list {
  padding: 12px 0;
  border-bottom: 1px solid #ddd
}

.p-member-list .c-list-date {
  display: inline-block
}

.p-member-list-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px
}

.p-member-list-summary .c-list-thumb {
  height: 96px
}

.p-group-company {
  width: 1056px;
  margin: 0 auto;
  padding: 30px 10px
}

.p-group-company__title {
  margin-bottom: 15px
}

.p-group-company-list-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px
}

.p-group-company-list-logo__item {
  margin-right: 10px
}

.p-group-company-list-logo__item a {
  display: block
}

.p-group-company-list-logo__item a figure {
  height: 31px
}

.p-group-company-list-logo__item a figure img {
  height: 100%
}

.p-group-company-list-logo__item:last-child a figure {
  height: 19px
}

.p-group-company-list-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1rem
}

.p-group-company-list-text__item {
  padding: 0 8px;
  margin-bottom: 10px;
  border-right: 1px solid #1e2428;
  line-height: 1em
}

.p-group-company-list-text__item a {
  color: #1e2428;
  line-height: 1em
}

.p-group-company-list-text__item:first-child {
  padding-left: 0
}

.p-group-company-list-text__item:last-child {
  padding-right: 0;
  border-right: none
}

.p-score-table-baseball tr td,
.p-score-table-baseball tr th {
  padding: 5px;
  line-height: 1;
  text-align: center
}

.p-score-table-baseball tr td:first-child {
  padding-right: 1rem;
  text-align: left
}

.p-score-table-baseball tr:first-child {
  background-color: #ddd
}

.p-score-table-baseball-highschool,
.p-score-table-baseball-npb {
  background-color: #fff
}

.p-subscription-info {
  width: 300px;
  height: 158px;
  background: url(/assets/images/subscription-bg-20200917121639.png);
  background-size: contain;
  padding: 6px 20px 16px
}

.p-subscription-info-link {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

.p-subscription-info-link a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fe5d4b;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 400;
  height: 76px;
  text-align: center;
  text-decoration: none;
  line-height: 1.4;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  font-size: 13px;
  font-size: .8125rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.p-subscription-info-link__apply {
  background: #fe5d4b;
  font-size: 14px !important;
  color: #fff !important;
  font-weight: 700;
  margin-right: 10px
}

.p-subscription-info-link__apply:hover {
  opacity: .7
}

.p-subscription-info-link__trial {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fe5d4b !important;
  padding: 9px 0
}

.p-subscription-info-link__trial:hover {
  background-color: #fff
}

.p-subscription-info-link__trial span {
  color: #1e2428;
  display: block;
  font-size: 11px;
  font-size: .6875rem;
  width: 105px
}

.p-subscription-info__entry {
  display: block;
  width: 100%
}

.p-yomiuri-id {
  border: 6px solid #dadada;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 18px 18px 12px;
  margin-top: 10px
}

.p-yomiuri-id-membership__approach {
  line-height: 1.4em;
  margin-top: 2px;
  margin-bottom: 4px;
  padding-bottom: 5px;
  width: 100%;
  font-size: 14px;
  font-size: .875rem
}

.p-yomiuri-id-membership__approach:before {
  content: "\3000";
  background: #1e2428;
  display: inline-block;
  margin-right: 8px;
  line-height: 1rem;
  width: 4px
}

.p-yomiuri-id-membership-login {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 6px;
  padding: 9px 0 7px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-width: 140px
}

.p-yomiuri-id-membership-login__text {
  width: 39%;
  font-size: 12px;
  font-size: .75rem
}

.p-yomiuri-id-membership-login__text:after {
  display: inline-block;
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #9fa0a0;
  padding-right: 0;
  margin-left: 5px
}

.p-yomiuri-id-membership-login__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #745399;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #745399;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6px 13px;
  text-align: center;
  width: 60%;
  font-size: 14px;
  font-size: .875rem
}

.p-yomiuri-id-membership-login__link:before {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNnB4IgoJIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7fQoJLnN0MXtmaWxsOiNCNEI0QjQ7fQoJLnN0MntmaWxsOiM3NDUzOTk7fQoJLnN0M3tmaWxsOiNGRTVENEI7fQo8L3N0eWxlPgo8ZyBpZD0i44K044OfIj4KPC9nPgo8ZyBpZD0ibmV3cyI+CjwvZz4KPGcgaWQ9InJhbmtpbmciPgo8L2c+CjxnIGlkPSJ3ZWF0aGVyIj4KPC9nPgo8ZyBpZD0idHJhZmZpYyI+CjwvZz4KPGcgaWQ9ImthYnUiPgo8L2c+CjxnIGlkPSJsaW5rIj4KPC9nPgo8ZyBpZD0iY2FtZXJhIj4KPC9nPgo8ZyBpZD0i44OY44OD44OA44O855SoIj4KCTxnPgoJCTxnPgoJCQk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjIsMiAyLDUgMyw1IDMsMyAxMywzIDEzLDEzIDMsMTMgMywxMSAyLDExIDIsMTQgMTQsMTQgMTQsMiAJCQkiLz4KCQkJPGc+CgkJCQk8cmVjdCB4PSIyIiB5PSI2IiBjbGFzcz0ic3QyIiB3aWR0aD0iNS41IiBoZWlnaHQ9IjQiLz4KCQkJPC9nPgoJCQk8Zz4KCQkJCTxwb2x5Z29uIGNsYXNzPSJzdDIiIHBvaW50cz0iNywxMS41IDExLDggNyw0LjUgCQkJCSIvPgoJCQk8L2c+CgkJPC9nPgoJCTxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=") no-repeat;
  content: "";
  display: inline-block;
  margin-right: 3px;
  height: 16px;
  width: 16px;
  margin-top: -2px
}

.p-yomiuri-id-membership-login__link:visited {
  color: #745399
}

.p-yomiuri-id-membership-login__link:hover {
  color: #fff;
  background-color: #745399;
  text-decoration: none
}

.p-yomiuri-id-membership-login__link:hover:before {
  background: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTIgMnYzaDF2LTJoMTB2MTBoLTEwdi0yaC0xdjNoMTJ2LTEyeiIvPjxwYXRoIGQ9Im0yIDZoNS41djRoLTUuNXoiLz48cGF0aCBkPSJtNyAxMS41IDQtMy41LTQtMy41eiIvPjwvZz48cGF0aCBkPSJtMCAwaDE2djE2aC0xNnoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat
}

.p-yomiuri-id-membership-login a.p-yomiuri-id-membership-login__link {
  font-weight: 700
}

.p-yomiuri-id-membership__form {
  font-size: 14px;
  font-size: .875rem;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 3px;
  max-width: 249px;
  display: block;
  text-align: center;
  padding: 8px;
  line-height: 1.4;
  font-weight: 400
}

.p-yomiuri-id-membership__form:visited {
  color: #745399
}

.p-yomiuri-id-membership__form:hover {
  color: #fff;
  background-color: #745399;
  border: 1px solid #745399;
  text-decoration: none
}

.p-timeline {
  margin-bottom: 50px
}

.p-timeline-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-timeline-header__title {
  font-weight: 700;
  line-height: 1
}

.p-timeline-header__reload button {
  padding-left: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  background-image: url(/assets/images/common/reload-20200917121639.svg);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 12px 12px;
  cursor: pointer;
  color: #745399;
  font-weight: 700
}

.p-timeline-list {
  overflow: hidden;
  position: relative;
  z-index: 0
}

.p-timeline-list:before {
  display: block;
  content: "";
  position: absolute;
  top: 25px;
  left: 8px;
  width: 3px;
  height: calc(100% - 60px);
  background-color: #745399
}

.p-timeline-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding: 20px 10px;
  border-bottom: 1px solid #dadada
}

.p-timeline-list-item__date {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  padding-top: 3px;
  padding-left: 26px;
  width: 130px;
  color: #8e9193
}

.p-timeline-list-item__date:before {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  left: -10px;
  width: 11px;
  height: 11px;
  background-color: #745399;
  border: 4px solid #fff;
  border-radius: 12px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.p-timeline-list-item:first-child .p-timeline-list-item__date:before {
  background-color: #fff;
  border: 4px solid #745399;
  border-radius: 12px
}

.p-timeline-list-item-inner {
  width: 100%
}

.p-timeline-list-item-inner-article__text {
  line-height: 1.4rem
}

.p-timeline-list-item-inner-article__text a,
.p-timeline-list-item-inner-article__text a:link {
  color: #745399;
  font-weight: 700;
  text-decoration: underline
}

.p-timeline-list-item-inner-article__image {
  margin-top: 15px;
  text-align: center;
  font-size: 0
}

.p-timeline-list-item-inner-article__image img {
  width: 400px
}

.p-timeline-list-item-inner__share {
  margin-top: 15px
}

.p-timeline-list-item-inner__share .p-article-social-share {
  margin: 0
}

.p-timeline-list-item-inner__share .p-article-social-share .p-article-social-share-list {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.p-timeline-more {
  padding: 15px 0;
  text-align: center
}

.p-timeline-more a {
  display: inline-block;
  position: relative;
  padding: 10px 60px;
  background-color: #fff;
  border: 1px solid #745399;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  color: #745399;
  line-height: 1;
  font-weight: 700
}

.p-timeline-more a:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  content: "\254B";
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border: 1px solid transparent;
  font-size: 10px;
  font-size: .625rem;
  font-weight: 400
}

.p-timeline-more a:link {
  color: #745399
}

.p-ad-dfp-banner {
  margin: 0 auto;
  text-align: center
}

.p-ad-txt-wrap .p-ad-thumbnail-txt {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%
}

.p-ad-txt-nowrap .p-ad-thumbnail-txt,
.p-ad-txt-wrap .p-ad-thumbnail-txt {
  margin-top: 10px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none
}

.layout-contents__sidebar .p-ad-thumbnail-txt {
  margin-top: 10px;
  padding: 0;
  border: none
}

.p-ad-dfp-rec1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center
}

.p-ad-dfp-rec1 iframe {
  display: block
}

.p-ad-dfp-rec2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
  text-align: center
}

.p-ad-dfp-rec2 iframe {
  display: block
}

.p-ad-dfp-weekly-pr {
  margin-top: 24px
}

.p-ad-dfp-weekly-pr iframe {
  display: block
}

.p-ad-dfp-middle-rec,
.p-ad_dfp_inread {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-ad-dfp-middle-rec {
  margin: 20px 0
}

.p-ad-dfp-middle-rec2 {
  margin-left: 40px
}

.p-ad-dfp-middle-rec iframe {
  display: block
}

.p-ad-txt-wrap .p-ad-news-txt {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%
}

.p-ad-txt-nowrap .p-ad-news-txt,
.p-ad-txt-wrap .p-ad-news-txt {
  margin-top: 10px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none
}

.p-ad-org-news-txt {
  margin: 15px 0 0;
  padding: 5px;
  background-color: #f4f4f4
}

.p-ad-org-news-txt__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5px;
  font-size: 15px;
  font-size: .9375rem;
  text-align: left;
  line-height: 1.5
}

.p-ad-org-news-txt__item:last-child {
  margin-bottom: 0
}

.layout-contents__sidebar .p-ad-news-txt {
  margin-top: 10px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none
}

.p-ad-dfp-premiumrec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 20px 20px 0;
  clear: both;
  z-index: 2;
  position: relative
}

.p-ad_dfp_overlay {
  position: fixed;
  bottom: 0;
  z-index: 100;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.p-outbrain-recommend {
  margin-top: 40px
}

.p-ad-txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-ad-txt-nowrap,
.p-ad-txt-wrap {
  margin: 24px 0 0;
  border-top: 1px solid #1e2428
}

.p-ad-pr {
  margin-bottom: 50px
}

.p-ad-pr .c-category-title-link a {
  max-width: none
}

.p-ad-dfp-article-rec1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center
}

.p-ad-dfp-article-rec1 iframe {
  display: block
}

.p-video-view {
  margin-bottom: 15px;
  background-color: #1e2428
}

.p-video-view__video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 710px;
  height: 315px;
  margin: 0 auto
}

.p-video-restrict {
  position: relative;
  margin-bottom: 15px
}

.p-video-restrict-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .45);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-video-restrict-inner__link {
  display: block;
  width: 300px;
  margin: 12px auto;
  text-align: center;
  background: #745399;
  border-radius: 2em;
  padding: 7px 0;
  font-weight: 400;
  border: 1px solid #fff;
  font-size: 17px;
  font-size: 1.0625rem;
  color: #fff
}

.p-video-restrict-inner__link:hover {
  opacity: .7;
  text-decoration: none
}

.p-video-restrict-inner__link:link,
.p-video-restrict-inner__link:visited {
  color: #fff
}

.p-video-restrict img {
  display: block;
  width: 100%
}

.p-category-top-header-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #ddd
}

.p-category-top-header-links__item a:before {
  display: inline-block;
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #745399
}

body.p-modal--isopen {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: fixed;
  z-index: -1;
  -ms-overflow-style: none;
  scrollbar-width: none
}

body.p-modal--isopen::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none
}

body.p-modal--isopen>:not(.p-modal) {
  pointer-events: none
}

.p-modal {
  line-height: 0;
  background-color: #f9f9f9;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  display: none
}

.p-modal a,
.p-modal a:visited {
  color: currentColor
}

.p-modal__wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.p-modal__head {
  height: 50px;
  border-bottom: 1px solid #000;
  background-color: #fff
}

.p-modal__close {
  position: relative
}

.p-modal__main {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch
}

.p-modal__head+.p-modal__main {
  height: calc(100% - 50px)
}

.p-modal__box {
  max-width: 1040px;
  margin: 0 auto;
  position: relative
}

.p-modal__close .p-modal__box {
  height: 100%
}

.p-modal__closebutton {
  color: #333;
  text-align: center
}

.p-modal__closebutton svg {
  fill: #8e9193;
  vertical-align: middle
}

.p-modal__closebutton span {
  color: #333;
  line-height: 1;
  font-weight: 400;
  display: block
}

@media screen and (max-width:599px) {
  img {
    height: auto;
    max-width: 100%;
    width: auto
  }

  p {
    line-height: 1.8
  }

  .layout-contents {
    display: block;
    padding: 0;
    width: 100%
  }

  .layout-contents__main {
    margin-right: 0;
    padding-right: 0
  }

  .layout-contents__sidebar {
    font-size: 14px;
    font-size: .875rem;
    padding-left: 0;
    border: none;
    margin-top: 40px
  }

  .layout-contents__single {
    width: 100%
  }

  .layout-contents__contents-top-main-wrapper .p-contents-topics {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 0;
    padding-left: 0;
    border: none
  }

  .layout-contents__contents-top-main-wrapper .p-contents-ranking {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .layout-contents__contents-top-main-wrapper .contents-top-wrapper-cm {
    display: block;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .layout-contents__contents-top-sidebar-wrapper .fn-recommend,
  .layout-contents__contents-top-sidebar-wrapper .p-contents-top-ad-double-size-rectangle,
  .layout-contents__contents-top-sidebar-wrapper .p-contents-top-ad-rectangle,
  .layout-contents__contents-top-sidebar-wrapper .p-contents-top-pickup-pickup {
    display: none
  }

  .c-main-contents__img figcaption,
  .c-main-contents__img img {
    max-width: 100%
  }

  .c-article-link-apart {
    padding: 20px 16px 0;
    text-align: center
  }

  .c-article-link-apart a {
    font-size: 14px;
    font-size: .875rem
  }

  .c-article-header-date,
  .c-article-header-member-only,
  .c-article-header-member-only-logged {
    font-size: 12px;
    font-size: .75rem
  }

  .c-article-header-subheading,
  .c-article-header-subheading-en,
  .c-article-header-subheading-jp {
    font-size: 14px;
    font-size: .875rem;
    margin: 0 16px
  }

  .c-article-tag {
    margin-top: 5px
  }

  .c-article-tag__item {
    font-size: 12px;
    font-size: .75rem
  }

  .c-attention {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 16px
  }

  .c-help-btn {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 10px
  }

  .c-more-btn {
    margin: 0 16px 40px
  }

  .c-more-btn:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
    background: linear-gradient(#eee, #fff)
  }

  .c-footer-member-btn {
    font-size: 12px;
    font-size: .75rem;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    border-radius: 0;
    height: 42px
  }

  .c-footer-member-btn a {
    height: 100%;
    line-height: 42px;
    padding: 0
  }

  .c-category-title-link {
    padding: .4rem 16px .5rem
  }

  .c-category-title-link a {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700
  }

  .c-category-more-icon {
    font-size: 18px;
    font-size: 1.125rem;
    width: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2rem
  }

  .c-list-title--xsmall,
  .c-list-title-jp--xsmall {
    font-size: 12px;
    font-size: .75rem
  }

  .c-list-title--middle,
  .c-list-title-jp--middle {
    font-size: 16px;
    font-size: 1rem
  }

  .c-list-title--default,
  .c-list-title--large,
  .c-list-title--side,
  .c-list-title-jp--default,
  .c-list-title-jp--large,
  .c-list-title-jp--side {
    font-size: 15px;
    font-size: .9375rem
  }

  .c-list-title--side a,
  .c-list-title-jp--side a {
    font-weight: 700
  }

  .c-list-title-en.c-list-title--small,
  .c-list-title-en.c-list-title--xsmall {
    font-size: 14px;
    font-size: .875rem
  }

  .c-list-thumb--large,
  .c-list-thumb--middle {
    width: 100%;
    height: 100%
  }

  .c-list-thumb--large img {
    max-height: 257px
  }

  .c-list-article-link {
    font-size: 14px;
    font-size: .875rem;
    margin-top: .6rem
  }

  .c-list-company-link {
    font-size: 12px;
    font-size: .75rem
  }

  .c-list-lead {
    font-size: 14px;
    font-size: .875rem
  }

  .c-grid-item__connertitle,
  .c-grid-item__subtitle,
  .c-matome-title,
  figcaption {
    font-size: 12px;
    font-size: .75rem
  }

  .c-memo-btn {
    margin-top: 1rem
  }

  .c-memo-btn,
  .c-more-link {
    font-size: 14px;
    font-size: .875rem
  }

  .c-more-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 16px;
    border-top: 1px solid #ddd
  }

  .c-more-link a {
    color: #745399;
    display: inline-block;
    border-radius: 0 0 5px 5px;
    position: relative;
    top: -1px;
    border: 1px solid #ddd;
    border-top: none;
    padding: 8px 16px;
    background-color: #fff;
    line-height: 1.4
  }

  .c-category-title--small,
  .c-category-title a span {
    font-size: 14px;
    font-size: .875rem
  }

  .c-category-title {
    padding: .8rem 16px;
    line-height: 1.2rem
  }

  .c-article-title {
    margin-bottom: 5px;
    font-size: 27px;
    font-size: 1.6875rem
  }

  .c-article-title,
  .c-profile-title {
    margin-top: .5rem;
    padding: .8rem 16px
  }

  .c-profile-img {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
  }

  .c-profile-name {
    font-size: 20px;
    font-size: 1.25rem;
    padding-left: 20px;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
  }

  .c-pager-next,
  .c-pager-prev {
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px
  }

  .c-pager-next a:before,
  .c-pager-prev a:after {
    content: none
  }

  .c-pager-list__item {
    -ms-flex-preferred-size: 25px;
    flex-basis: 25px;
    height: 30px;
    line-height: 30px
  }

  .c-pager-list__item a {
    padding: 0 4px
  }

  .c-pager-list__item-backward,
  .c-pager-list__item-forward {
    height: 30px;
    line-height: 30px
  }

  .c-scrap-btn {
    margin-top: 1rem
  }

  .c-scrap-btn,
  .c-scrap-category-title {
    font-size: 14px;
    font-size: .875rem
  }

  .c-main-contents-member-only__id-link {
    float: none;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-top: 25px
  }

  .c-main-contents-member-only-trial-subscription-link {
    margin-right: 20px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin: 0 0 10px
  }

  .c-main-contents-member-only__help-link {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 15px
  }

  .c-main-contents-member-only-reader__login-btn {
    font-size: 14px;
    font-size: .875rem;
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .c-main-contents-member-only-reader__title {
    font-size: 14px;
    font-size: .875rem
  }

  .c-main-contents-member-only__link,
  .c-main-contents-member-only__link--login {
    font-size: 12px;
    font-size: .75rem
  }

  .c-main-contents-member-only-unregistered__register-btn {
    font-size: 16px;
    font-size: 1rem;
    max-width: 315px;
    width: 100%
  }

  .c-main-contents-member-only-unregistered__title {
    font-size: 14px;
    font-size: .875rem
  }

  .c-main-contents-member-only-main__deteil {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.4rem;
    word-break: keep-all
  }

  .c-main-contents-member-only-main__deteil span {
    display: block
  }

  h2.c-main-contents-member-only-main__title {
    margin-top: 0
  }

  .c-corner-intro__img {
    width: 100%;
    height: auto;
    max-height: 200px;
    display: block;
    text-align: center;
    margin-right: 0;
    margin-bottom: 15px
  }

  .p-article-header-item {
    margin: 0 16px
  }

  .p-article-action-btn {
    width: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: .5rem 16px 1rem
  }

  .p-article-keywords {
    margin: 16px
  }

  .p-article-keywords .p-article-category-title {
    display: inline
  }

  .p-article-keywords-list,
  .p-article-member-memo {
    font-size: 14px;
    font-size: .875rem
  }

  .p-article-member-memo {
    margin: 0 16px 1rem
  }

  .p-article-ranking .p-article-category-title {
    text-align: center
  }

  .p-article-pager {
    margin: 30px 16px
  }

  .p-article-pager a {
    -ms-flex-preferred-size: 35px;
    flex-basis: 35px;
    height: 30px;
    line-height: 30px
  }

  .p-article-pager .c-pager__item {
    -ms-flex-preferred-size: 25px;
    flex-basis: 25px;
    height: 30px;
    line-height: 30px
  }

  .p-article-social-share {
    width: 100%
  }

  .p-article-social-share-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .c-article-title~.p-article-social-share {
    margin: .5rem 16px 1rem
  }

  .p-article-writer {
    margin: 0 16px
  }

  .p-article-reading {
    overflow: visible;
    margin: 10px 0 24px
  }

  .p-article-reading-recommend {
    margin: 0 16px
  }

  .p-article-reading-recommend__title {
    font-size: 14px;
    font-size: .875rem
  }

  .p-article-reading-recommend-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .p-article-reading-recommend-list-item {
    padding: 16px 0 !important
  }

  .p-article-reading-recommend-list-item:nth-child(-n+6) {
    padding: 0 !important
  }

  .p-article-reading-recommend-list-item:nth-child(-n+6) .c-list-title {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }

  .p-article-reading-recommend-list-item:nth-child(-n+6) {
    -ms-flex-preferred-size: calc(100%/2 - 4px);
    flex-basis: calc(100%/2 - 4px);
    margin: 0 0 16px
  }

  .p-article-reading-recommend-list-item:nth-child(n+7) {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 16px 0;
    border-top: 1px solid #ddd;
    margin: 0
  }

  .p-article-reading-recommend-list-item:nth-child(n+7):last-child {
    border-bottom: 1px solid #ddd !important
  }

  .p-article-reading-recommend-list-item:nth-child(n+7) .p-list-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .p-article-reading-recommend-list-item:nth-child(n+7) .c-list-thumb {
    width: 90px;
    height: 62px;
    margin-left: 16px;
    margin-bottom: 0
  }

  .p-article-reading-recommend-list-item:nth-child(n+7) .c-list-thumb img {
    max-height: 62px
  }

  .p-article-reading-recommend-list-item:nth-child(n+7) .c-list-title {
    font-size: 15px;
    font-size: .9375rem
  }

  .p-social-follow {
    margin: 2.9rem 0 2.3rem
  }

  .p-social-follow-inner__text span {
    display: block
  }

  .p-main-contents {
    font-size: 16px;
    font-size: 1rem;
    margin: 24px 16px
  }

  .p-main-contents p {
    clear: both;
    margin: 15px 0;
    line-height: 1.8
  }

  .p-main-contents figure {
    width: 100% !important;
    text-align: center;
    float: none
  }

  .p-main-contents figure.thumbnails-right {
    float: none
  }

  .p-main-contents figure.thumbnails-prof img {
    width: 50% !important
  }

  .p-main-contents figure {
    margin: 0 auto 20px
  }

  .p-main-contents table {
    width: auto !important;
    max-width: 100%
  }

  .p-main-contents .profile-common {
    margin: 30px 0
  }

  .p-main-contents .thumbnails-list {
    width: 100%
  }

  .p-main-contents .thumbnails-list__item {
    margin-right: 10px;
    margin-bottom: 10px;
    width: calc(100%/5 - 8px);
    height: 50px
  }

  .p-main-contents .thumbnails-list__item:nth-of-type(5n) {
    margin-right: 0
  }

  .p-main-contents .article-photos__main-photo__menu-num,
  .p-main-contents .article-photos__main-photo__photo figure figcaption {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents .article-photos__thumbnails {
    padding-top: 10px
  }

  .p-main-contents .article-photos__thumbnails-item {
    margin-right: 10px;
    margin-bottom: 10px;
    width: calc(100%/5 - 8px);
    height: 50px
  }

  .p-main-contents .article-photos__thumbnails-item:nth-of-type(5n) {
    margin-right: 0
  }

  .p-main-contents .article-photos__thumbnails-item figure {
    height: 50px
  }

  .p-main-contents .article-photos__thumbnails-item figure a img {
    max-height: 50px
  }

  .p-main-contents .article-regist__block-count {
    font-size: 12px;
    font-size: .75rem
  }

  .p-main-contents .article-regist__block-button>a>span,
  .p-main-contents .article-regist__block-count span,
  .p-main-contents .article-regist__block-login>a {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-member-only {
    margin: 20px 0
  }

  .p-main-contents-member-only-main .c-main-contents-member-only-main__deteil {
    word-break: normal;
    text-align: left
  }

  .p-main-contents-member-only-main {
    width: auto;
    border: 1px solid #dadada;
    padding: 0 10px 32px
  }

  .p-main-contents-member-only-main-unregistered {
    padding: 16px 13px 10px
  }

  .p-main-contents-member-only-main-unregistered p {
    margin: 0 0 15px
  }

  .p-main-contents-member-only-main-unregistered .c-main-contents-member-only__link {
    margin: 10px 10px 0
  }

  .p-main-contents-member-only-main-reader {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px
  }

  .p-main-contents-member-only-main-reader p {
    margin: 0 0 10px
  }

  .p-main-contents-member-only-other {
    margin: 30px 0 40px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 8px
  }

  .p-main-contents-member-only-other-wrapper {
    display: block;
    width: 100%
  }

  .p-main-contents-member-only-other-wrapper__bubbles {
    font-size: 14px;
    font-size: .875rem;
    display: inline-block
  }

  .p-main-contents-member-only-other-wrapper__bubbles:after,
  .p-main-contents-member-only-other-wrapper__bubbles:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
  }

  .p-main-contents-member-only-other-wrapper__bubbles:after {
    border-color: hsla(0, 0%, 100%, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
  }

  .p-main-contents-member-only-other-wrapper__bubbles:before {
    border-color: rgba(245, 10, 10, 0);
    border-bottom-color: #745399;
    border-width: 11px;
    margin-left: -11px
  }

  .p-main-contents-member-only-other-link {
    width: 100%;
    margin-left: 0;
    text-align: center
  }

  .p-main-contents-member-only-other .c-main-contents-member-only-trial-subscription-link>a {
    display: block;
    padding: 10px 0 5px;
    border: none
  }

  .p-main-contents-member-only-other-signup {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px
  }

  .p-main-contents-member-only-other-signup__btn,
  .p-main-contents-member-only-other-signup__exp {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-member-only-other-signup__btn {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 12px
  }

  .p-main-contents-member-only-v2__title {
    font-size: 18px;
    font-size: 1.125rem
  }

  .p-main-contents-member-only-v2__title-sub {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-member-only-v2__btn-login a,
  .p-main-contents-member-only-v2__btn-registration a {
    font-size: 16px;
    font-size: 1rem
  }

  .p-article-profile-content {
    margin: 1rem 16px
  }

  header .js-grayout__overlay {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    top: 41px;
    left: 0;
    margin: 0;
    padding: 0;
    float: left;
    position: fixed;
    z-index: 100;
    visibility: hidden
  }

  header.header__grayout .js-grayout__overlay {
    visibility: visible
  }

  .p-header-global {
    width: 100%;
    margin-top: 48px;
    border-bottom: 1px solid #ddd;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .p-header-global,
  .p-header-global-fixed {
    font-size: 12px;
    font-size: .75rem
  }

  .p-header-global-fixed {
    background-color: #fff;
    height: 49px;
    min-width: 310px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 1px solid #ddd
  }

  .p-header-global-block-item01 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    background-color: #fff;
    color: #000;
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px
  }

  .p-header-global-block-item02 {
    -webkit-box-ordinal-group: inherit;
    -ms-flex-order: inherit;
    order: inherit;
    display: none
  }

  .p-header-global-block-item03 {
    display: block;
    -ms-flex-preferred-size: 230px;
    flex-basis: 230px
  }

  .p-header-global-block-item04 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    background-color: #fff;
    color: #000;
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px
  }

  .p-header-global-block-item05 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    border-top: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-header-global-block-item06 {
    display: none
  }

  .p-header-global-block-item06__hidari {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
  }

  .p-header-global-block-item07 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }

  .p-header-global-block-item07,
  .p-header-global-block-item07__hidari {
    order: 5;
    border-top: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
  }

  .p-header-global-block-item07__hidari {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .p-header-global-nav-wrapper {
    width: 80%;
    min-width: 300px;
    top: 49px
  }

  .p-header-global-nav-wrapper a {
    font-weight: 700
  }

  .p-header-global-nav-wrapper-menu__signup a:focus,
  .p-header-global-nav-wrapper-menu__signup a:hover {
    color: #fe5d4b;
    background: #fff
  }

  .p-header-global-nav-wrapper-menu__info {
    margin: 8px 10px
  }

  .p-header-global-nav-wrapper-menu__info li a:focus,
  .p-header-global-nav-wrapper-menu__info li a:hover {
    color: #745399;
    background: #fff
  }

  .p-header-global-nav-wrapper-list>li:first-child a {
    padding-left: 24px
  }

  .p-header-global-nav-wrapper-list>li:first-child a:before {
    left: 12px
  }

  .p-header-global-nav-wrapper-list__contents {
    height: 32px
  }

  .p-header-global-nav-wrapper-list__contents a:before {
    top: 10px;
    left: 26px
  }

  .p-header-global-nav-wrapper-list__contents a,
  .p-header-global-nav-wrapper-list__contents span {
    padding: 8px 0 8px 40px
  }

  .p-header-global-nav-wrapper-list__contents-member-only span {
    background-position: 20px 8px
  }

  .p-header-global-nav-wrapper-list__contents--login a {
    padding: 8px 0 8px 18px
  }

  .p-header-global-nav-wrapper-list__contents--splogin a {
    padding: 8px 0 8px 39px
  }

  .p-header-global-nav-wrapper-list__contents--splogin a:before {
    top: 10px;
    left: 26px
  }

  .p-header-global-nav-wrapper-list__contents--logout a {
    padding: 8px 0 8px 18px
  }

  .p-header-global-nav-wrapper-list__sub {
    padding: 2px 0 8px 37px
  }

  .p-header-global-nav-wrapper-list__sub li a {
    font-weight: 700
  }

  .p-header-global-nav-wrapper-list__contents label {
    height: 22px;
    width: 22px;
    top: 4px;
    right: 10px
  }

  .p-header-global-nav-wrapper-list__contents label:before {
    top: 5px;
    left: 11px
  }

  .p-header-global-nav-wrapper-list__contents label:after {
    top: 11px;
    left: 5px
  }

  .p-header-global-nav__select button {
    color: #000;
    background: #fff;
    border-radius: 0;
    border: 0;
    left: 5px;
    line-height: 58px;
    height: 40px;
    font-size: 2px;
    font-size: .125rem;
    font-size: 7px;
    padding: 0;
    margin: 0;
    top: 8px;
    width: 100%;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }

  .p-header-global-nav__select button:hover {
    color: #000;
    background: #fff
  }

  .p-header-global-nav__select button:before {
    border-color: #000;
    border-top-width: 2px;
    border-bottom-width: 2px;
    width: 14px;
    height: 8px;
    top: 7px;
    left: 12px
  }

  .p-header-global-nav__select button:after {
    border-color: #000;
    border-bottom-width: 2px;
    width: 14px;
    height: 5px;
    top: 7px;
    left: 12px
  }

  .p-header-global-nav__select button.p-header-global-nav__select--active,
  .p-header-global-nav__select button.p-header-global-nav__select--active:hover {
    color: #fff;
    background: #000
  }

  .p-header-global-nav__select button.p-header-global-nav__select--active:before {
    border-color: #fff;
    top: 14px;
    left: 10px
  }

  .p-header-global-nav__select button.p-header-global-nav__select--active:after {
    border-color: #fff;
    border-bottom-width: 1px;
    left: 11px;
    top: 11px
  }

  .p-header-global-nav__menu-01:checked~.p-header-global-nav-wrapper-list li:first-child ul,
  .p-header-global-nav__menu-02:checked~.p-header-global-nav-wrapper-list li:nth-child(2) ul,
  .p-header-global-nav__menu-03:checked~.p-header-global-nav-wrapper-list li:nth-child(3) ul,
  .p-header-global-nav__menu-04:checked~.p-header-global-nav-wrapper-list li:nth-child(4) ul,
  .p-header-global-nav__menu-05:checked~.p-header-global-nav-wrapper-list li:nth-child(5) ul,
  .p-header-global-nav__menu-06:checked~.p-header-global-nav-wrapper-list li:nth-child(6) ul,
  .p-header-global-nav__menu-07:checked~.p-header-global-nav-wrapper-list li:nth-child(7) ul,
  .p-header-global-nav__menu-08:checked~.p-header-global-nav-wrapper-list li:nth-child(8) ul,
  .p-header-global-nav__menu-09:checked~.p-header-global-nav-wrapper-list li:nth-child(9) ul,
  .p-header-global-nav__menu-10:checked~.p-header-global-nav-wrapper-list li:nth-child(10) ul,
  .p-header-global-nav__menu-11:checked~.p-header-global-nav-wrapper-list li:nth-child(11) ul,
  .p-header-global-nav__menu-12:checked~.p-header-global-nav-wrapper-list li:nth-child(12) ul,
  .p-header-global-nav__menu-13:checked~.p-header-global-nav-wrapper-list li:nth-child(13) ul,
  .p-header-global-nav__menu-14:checked~.p-header-global-nav-wrapper-list li:nth-child(14) ul,
  .p-header-global-nav__menu-15:checked~.p-header-global-nav-wrapper-list li:nth-child(15) ul,
  .p-header-global-nav__menu-16:checked~.p-header-global-nav-wrapper-list li:nth-child(16) ul,
  .p-header-global-nav__menu-17:checked~.p-header-global-nav-wrapper-list li:nth-child(17) ul,
  .p-header-global-nav__menu-18:checked~.p-header-global-nav-wrapper-list li:nth-child(18) ul,
  .p-header-global-nav__menu-19:checked~.p-header-global-nav-wrapper-list li:nth-child(19) ul,
  .p-header-global-nav__menu-20:checked~.p-header-global-nav-wrapper-list li:nth-child(20) ul,
  .p-header-global-nav__menu-21:checked~.p-header-global-nav-wrapper-list li:nth-child(21) ul,
  .p-header-global-nav__menu-22:checked~.p-header-global-nav-wrapper-list li:nth-child(22) ul,
  .p-header-global-nav__menu-23:checked~.p-header-global-nav-wrapper-list li:nth-child(23) ul,
  .p-header-global-nav__menu-24:checked~.p-header-global-nav-wrapper-list li:nth-child(24) ul,
  .p-header-global-nav__menu-25:checked~.p-header-global-nav-wrapper-list li:nth-child(25) ul,
  .p-header-global-nav__menu-26:checked~.p-header-global-nav-wrapper-list li:nth-child(26) ul,
  .p-header-global-nav__menu-27:checked~.p-header-global-nav-wrapper-list li:nth-child(27) ul,
  .p-header-global-nav__menu-28:checked~.p-header-global-nav-wrapper-list li:nth-child(28) ul,
  .p-header-global-nav__menu-29:checked~.p-header-global-nav-wrapper-list li:nth-child(29) ul,
  .p-header-global-nav__menu-30:checked~.p-header-global-nav-wrapper-list li:nth-child(30) ul,
  .p-header-global-nav__menu-31:checked~.p-header-global-nav-wrapper-list li:nth-child(31) ul,
  .p-header-global-nav__menu-32:checked~.p-header-global-nav-wrapper-list li:nth-child(32) ul,
  .p-header-global-nav__menu-33:checked~.p-header-global-nav-wrapper-list li:nth-child(33) ul,
  .p-header-global-nav__menu-34:checked~.p-header-global-nav-wrapper-list li:nth-child(34) ul,
  .p-header-global-nav__menu-35:checked~.p-header-global-nav-wrapper-list li:nth-child(35) ul,
  .p-header-global-nav__menu-36:checked~.p-header-global-nav-wrapper-list li:nth-child(36) ul,
  .p-header-global-nav__menu-37:checked~.p-header-global-nav-wrapper-list li:nth-child(37) ul,
  .p-header-global-nav__menu-38:checked~.p-header-global-nav-wrapper-list li:nth-child(38) ul,
  .p-header-global-nav__menu-39:checked~.p-header-global-nav-wrapper-list li:nth-child(39) ul,
  .p-header-global-nav__menu-40:checked~.p-header-global-nav-wrapper-list li:nth-child(40) ul,
  .p-header-global-nav__menu-41:checked~.p-header-global-nav-wrapper-list li:nth-child(41) ul,
  .p-header-global-nav__menu-42:checked~.p-header-global-nav-wrapper-list li:nth-child(42) ul,
  .p-header-global-nav__menu-43:checked~.p-header-global-nav-wrapper-list li:nth-child(43) ul,
  .p-header-global-nav__menu-44:checked~.p-header-global-nav-wrapper-list li:nth-child(44) ul,
  .p-header-global-nav__menu-45:checked~.p-header-global-nav-wrapper-list li:nth-child(45) ul,
  .p-header-global-nav__menu-46:checked~.p-header-global-nav-wrapper-list li:nth-child(46) ul,
  .p-header-global-nav__menu-47:checked~.p-header-global-nav-wrapper-list li:nth-child(47) ul,
  .p-header-global-nav__menu-48:checked~.p-header-global-nav-wrapper-list li:nth-child(48) ul,
  .p-header-global-nav__menu-49:checked~.p-header-global-nav-wrapper-list li:nth-child(49) ul,
  .p-header-global-nav__menu-50:checked~.p-header-global-nav-wrapper-list li:nth-child(50) ul {
    padding: 2px 0 8px 45px
  }

  .p-header-global-search__select button {
    padding: 0;
    color: #000;
    background: transparent;
    border: none;
    border-radius: 0;
    margin: 0;
    width: 100%;
    height: 40px;
    font-size: 7px;
    line-height: 58px;
    right: 5px;
    top: 8px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }

  .p-header-global-search__select button:hover {
    background: transparent
  }

  .p-header-global-search__select button:before {
    border-color: #000;
    top: 5px;
    left: 13px
  }

  .p-header-global-search__select button:after {
    border-color: #000;
    top: 14px;
    left: 21px;
    width: 7px
  }

  .p-header-global-search-wrapper__close {
    background: #000;
    color: #fff;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
  }

  .p-header-global-search-wrapper__close button {
    color: #fff;
    font-size: 7px;
    line-height: 58px;
    width: 40px;
    height: 40px;
    text-indent: 0;
    margin: 0;
    padding: 0
  }

  .p-header-global-search-wrapper__close button:after,
  .p-header-global-search-wrapper__close button:before {
    width: 15px;
    background: #fff;
    right: 11px
  }

  .p-header-global-search-wrapper__close button:hover:after,
  .p-header-global-search-wrapper__close button:hover:before {
    background: #fff
  }

  .p-header-global-search-wrapper-form__input input {
    font-size: 15px;
    font-size: .9375rem;
    border: 2px solid #1e2428;
    padding: 12px 13px;
    width: calc(100% - 30px);
    margin: 60px 15px 10px
  }

  .p-header-global-search-wrapper-form__input input:focus {
    outline: none;
    border: 2px solid #745399;
    color: #000;
    -webkit-box-shadow: 0 0 4px #b4b4b4;
    box-shadow: 0 0 4px #b4b4b4
  }

  .p-header-global-search-wrapper-form__submit--site {
    margin-bottom: 24px
  }

  .p-header-global-search-wrapper-form__submit--site button {
    padding: 12px 35px
  }

  .p-header-global-search-wrapper-form__more-note,
  .p-header-global-search-wrapper-form__more a {
    font-size: 14px;
    font-size: .875rem
  }

  .p-header-global-search-wrapper-form__more-note {
    display: none;
    width: auto;
    margin: 0 15px;
    text-align: left
  }

  .p-header-global-search-wrapper-form__keywords {
    padding-top: 32px;
    margin: 0 5px
  }

  .p-header-global-search-wrapper-form__keywords-title {
    font-size: 14px;
    font-size: .875rem
  }

  .p-header-global-search-wrapper-form__keywords-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .p-header-global-search-wrapper-form__keywords-list__item button,
  .p-header-global-search-wrapper-form__keywords-list__item imput {
    font-size: 16px;
    font-size: 1rem
  }

  .p-header-global-logo {
    font-size: 27px;
    font-size: 1.6875rem;
    overflow: hidden;
    height: 26px;
    margin-top: 12px;
    margin-bottom: 8px
  }

  .p-header-global-logo a {
    width: 190px;
    height: 26px;
    font-size: 0;
    padding: 0;
    margin: 0 0 0 auto
  }

  .p-header-global-logo a img {
    width: 190px;
    height: 26px;
    font-size: 0;
    padding: 0;
    margin: 0 auto
  }

  .p-header-global-datetime {
    display: none
  }

  .p-header-global-members {
    font-size: 12px;
    font-size: .75rem;
    padding-right: 7px
  }

  .p-header-global-members-subscription {
    display: none
  }

  .p-header-global-members-member>a:not(.p-header-global-members-member__signup):not(.p-header-global-members-member__login) {
    margin-top: 0;
    font-size: 10px;
    font-size: .625rem;
    background-position: 0 -1px
  }

  .p-header-global-members-status {
    padding: 2px 5px;
    font-size: 10px;
    font-size: .625rem;
    margin: 5px 8px 4px 5px;
    display: inline-block
  }

  .p-header-global-members-status a {
    display: none
  }

  .p-header-global-members-status a:first-child {
    display: inline-block;
    font-weight: 400
  }

  .p-header-global-members-status .p-header-global-members-status__unregistered {
    display: inline !important
  }

  .p-header-global-members-reginotice>a {
    padding: 4px 6px 3px;
    margin: 3px 0;
    font-size: 10px;
    font-size: .625rem
  }

  .p-header-global-members-reginotice>a:before {
    width: 14px;
    height: 14px
  }

  .p-header-global-members-loginout__login,
  .p-header-global-members-loginout__logout {
    display: inline-block
  }

  .p-header-global-members-loginout__login a,
  .p-header-global-members-loginout__logout a {
    background-size: 10px auto;
    font-size: 10px;
    font-size: .625rem;
    font-weight: 500
  }

  .p-header-global-members-loginout__login {
    background-position: 5px 2px
  }

  .p-header-global-members-loginout__login a {
    padding: 0 0 0 14px
  }

  .p-header-global-members-loginout__logout {
    margin-left: 0;
    background-position: 10px 1px
  }

  .p-header-home {
    font-size: 12px;
    font-size: .75rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #f4f4f4;
    min-width: 310px;
    overflow: hidden;
    height: 56px;
    border-bottom: 1px solid #dadada
  }

  .p-header-home__list {
    background-color: #fff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-preferred-size: calc(84% - 1px);
    flex-basis: calc(84% - 1px);
    border-right: 1px solid #ddd
  }

  .p-header-home__list li:before {
    margin-bottom: 4px;
    height: 40px;
    width: 40px;
    background-size: 40px
  }

  .p-header-home__list li {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    font-size: 10px;
    padding: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px 0
  }

  .p-header-home__list li:nth-child(n+6) {
    display: none
  }

  .p-header-home__list li:nth-child(n+6).p-header-home__list__contents--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .p-header-home__list li:before {
    margin-bottom: 2px;
    height: 28px;
    width: 28px;
    background-size: 28px
  }

  .p-header-home__list li:before a {
    color: #745399
  }

  .p-header-home__list li a,
  .p-header-home__list li span {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 2px 0;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-weight: 500
  }

  .p-header-home__list li a:after {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent
  }

  .p-header-home button {
    -ms-flex-preferred-size: calc(16% - 1px);
    flex-basis: calc(16% - 1px);
    display: inline-block;
    font-size: 10px;
    padding: 0;
    margin: 0;
    background: #fff;
    height: 56px;
    border: 0;
    border-left: 1px solid #f4f4f4;
    padding-top: 30px;
    position: relative;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }

  .p-header-home button:before {
    content: "";
    display: block;
    background: #1e2428;
    width: 1px;
    height: 20px;
    position: absolute;
    top: 11px;
    left: 50%
  }

  .p-header-home button.open:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .p-header-home button:after {
    content: "";
    display: block;
    background: #1e2428;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 20px;
    left: 45%;
    margin-left: -6px
  }

  .p-header-home button.open:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .p-header-category-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
  }

  .p-header-category-breadcrumbs {
    display: block;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 0
  }

  .p-header-category-breadcrumbs ul {
    padding: 4px 16px 0
  }

  .p-header-category-breadcrumbs ul li {
    margin-bottom: 4px
  }

  .p-header-category h1.p-header-category-content-title {
    font-weight: 700;
    margin: 8px 10px 4px
  }

  .p-header-category-content-title {
    margin: 11px 10px 4px;
    font-size: 0
  }

  .p-header-category-list__sibling {
    display: none
  }

  .p-header-category-current-title {
    background-color: #fff;
    padding: 4px 10px;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 4px
  }

  .p-header-category-current-title--interhigh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 25px;
    font-size: 1.5625rem
  }

  .p-header-category-current-title--interhigh figure {
    margin-right: 10px;
    font-size: 0
  }

  .p-header-category-current-title--interhigh figure img {
    height: 75px
  }

  .p-header-category-list__sub {
    border-top: none;
    width: 100%;
    overflow: scroll
  }

  .p-header-category-list__sub ul {
    margin: 0;
    display: inline-table;
    margin-left: 5px;
    padding: 0
  }

  .p-header-category-list__sub ul li {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    border: 0;
    margin: 0;
    height: 38px;
    vertical-align: middle;
    padding: 0 5px;
    display: table-cell;
    white-space: nowrap
  }

  .p-header-category-list__sub ul li a {
    color: #745399;
    padding: 5px 10px 6px;
    display: block
  }

  .p-header-category-under-nav {
    width: 100%
  }

  .p-emergency {
    width: 100%;
    margin-top: 0
  }

  .p-emergency-list {
    margin: 8px
  }

  .p-emergency-list li {
    line-height: 1.6
  }

  .p-emergency-list__item-chart,
  .p-emergency-list li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .p-emergency-list__item-chart__item {
    margin: 0;
    width: 100%;
    min-width: auto
  }

  .p-emergency-list__item-chart__item figure figcaption {
    font-size: 14px;
    font-size: .875rem
  }

  .p-emergency-list-slider .p-emergency-list__item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 35px;
    height: 60px;
    line-height: 1.4
  }

  .p-emergency-list-slider .slick-next,
  .p-emergency-list-slider .slick-prev {
    width: 30px
  }

  .p-emergency-list-slider .slick-next:before {
    background-size: 10px 10px
  }

  .p-breadcrumbs ul {
    padding: 5px 10px 15px
  }

  .p-breadcrumbs {
    display: none
  }

  .single-post .p-breadcrumbs {
    position: static;
    height: auto;
    width: auto;
    margin: 0;
    clip: auto
  }

  .single-post .p-breadcrumbs ul li {
    margin-top: 5px
  }

  .p-notice-com {
    font-size: 14px;
    font-size: .875rem;
    margin: 8px
  }

  .p-notice-com.p-notice-members-status-registered:before,
  .p-notice-com.p-notice-members-status-subscriber:before {
    font-size: 12px;
    font-size: .75rem
  }

  .p-mynews,
  .p-mynews>p {
    font-size: 14px;
    font-size: .875rem
  }

  .p-mynews-title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .5rem
  }

  .p-mynews-title h2 {
    font-size: 14px;
    font-size: .875rem
  }

  .p-mynews-title__setting {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }

  .p-mynews-contents-keyword {
    margin: 1rem 0;
    padding-left: 0
  }

  .p-mynews-contents-keyword-list li {
    margin-top: .2rem
  }

  .p-mynews .p-mynews {
    margin-bottom: 0;
    padding: 16px
  }

  .layout-contents__sidebar .p-mynews,
  .news-top-lower-side .p-mynews {
    margin-bottom: 0;
    padding: 16px 16px 8px
  }

  .p-scrap,
  .p-scrap>p {
    font-size: 14px;
    font-size: .875rem
  }

  .p-scrap-title {
    margin-bottom: .5rem
  }

  .p-scrap-contents-article-head {
    border-bottom: 1px solid #dadada;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .p-scrap-contents-article-head a span,
  .p-scrap-contents-article-head p {
    font-size: 12px;
    font-size: .75rem
  }

  .p-scrap .p-scrap {
    padding: 16px 16px 20px
  }

  .layout-contents__sidebar .p-scrap,
  .news-top-lower-side .p-scrap {
    padding: 16px 16px 0
  }

  .p-error-title {
    font-size: 18px;
    font-size: 1.125rem
  }

  .p-error-button,
  .p-error-message {
    font-size: 14px;
    font-size: .875rem
  }

  .p-contents-ranking-header__title,
  .p-contents-ranking-header__update {
    font-size: 12px;
    font-size: .75rem
  }

  .p-contents-ranking-wrapper-head {
    padding: 0 8px
  }

  .p-contents-ranking-wrapper-list {
    padding: 0 0 10px
  }

  .p-contents-ranking-wrapper-list-item li {
    padding: 8px 0;
    margin: 0 8px;
    font-size: 15px;
    font-size: .9375rem
  }

  .p-contents-ranking-wrapper-list-item li:nth-of-type(3) {
    padding-bottom: 0;
    border: none
  }

  .p-contents-ranking-wrapper-list-item li:nth-of-type(4),
  .p-contents-ranking-wrapper-list-item li:nth-of-type(5) {
    display: none
  }

  .p-contents-ranking-wrapper-list-item li:before {
    font-size: 12px;
    font-size: .75rem;
    padding: 5px
  }

  .p-contents-ranking--sidebar {
    margin-top: 30px
  }

  .p-contents-ranking--sidebar .p-contents-ranking-wrapper-list {
    padding: 0 10px
  }

  .p-contents-tiles-sec-list {
    display: block
  }

  .p-contents-tiles-sec-list .p-list-item article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .p-contents-tiles-sec-list .p-list-item article .c-list-thumb {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 65px;
    height: 65px
  }

  .p-content-movie-header {
    padding: 10px 16px
  }

  .p-content-movie-list {
    padding: 16px
  }

  .p-content-movie-list-item {
    -ms-flex-preferred-size: calc(100%/2 - 4px);
    flex-basis: calc(100%/2 - 4px);
    margin-bottom: 10px;
    padding: 0
  }

  .p-content-movie-list-item article {
    display: block;
    padding: 0
  }

  .p-content-movie-list-item-thumb {
    width: 100%;
    margin-bottom: .2rem
  }

  .p-content-movie-list-item-info {
    width: 100%;
    padding-left: 0
  }

  .p-content-movie-list-item-info__date {
    padding-top: 5px
  }

  .p-content-movie-list-item-info__title {
    padding-top: 5px;
    font-size: 15px;
    font-size: .9375rem;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }

  .p-category-groups-sec {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .p-category-groups-sec-header {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .p-category-groups-sec .p-sub-category-list {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .p-category-groups-sec-list {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .p-category-groups-sec .c-more-link {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .p-category-groups-sec-list .p-list-item:nth-child(5) {
    display: block
  }

  .p-category-groups-sec-list .p-list-item:last-child {
    border-bottom: none
  }

  .p-category-groups-nolink-sec {
    border-bottom: 1px solid #eaeaea
  }

  .p-category-latest-sec {
    border-top: none
  }

  .p-category-latest-sec-list .p-list-item:first-child article {
    display: block
  }

  .p-category-latest-sec-list .p-list-item:first-child article .p-list-item__inner .c-list-lead {
    margin-bottom: .5rem
  }

  .p-category-latest-sec-list .p-list-item:first-child article .c-list-thumb {
    margin: 0 auto .5rem;
    height: 257px
  }

  .p-category-organization-sec {
    border-top: none
  }

  .p-category-organization-sec-list .p-list-item:first-child article .c-list-thumb {
    margin: 0 auto .5rem
  }

  .p-category-ranking,
  .p-category-ranking-cont,
  .p-category-ranking-cont-item ul {
    display: block
  }

  .p-category-ranking-cont-item ul .p-list-item {
    padding: 8px 0
  }

  .p-category-ranking-cont-item-title {
    font-size: 14px;
    font-size: .875rem;
    margin: 0 16px
  }

  .p-category-ranking-cont-item-list-inner-title {
    font-size: 15px;
    font-size: .9375rem;
    min-width: 100%
  }

  .p-category-ranking-cont-item-list-inner-title a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-category-ranking-cont-item-list .p-list-item {
    padding: 8px 0
  }

  .p-category-ranking-cont-access,
  .p-category-ranking-cont-social {
    margin: 0
  }

  .p-category-btn-link-header {
    padding: 0 16px 0 0
  }

  .p-category-txt-link-header {
    font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, ＭＳ ゴシック, Helvetica Neue, Helvetica, Arial, sans-serif;
    border-bottom: 2px solid #1e2428;
    padding: 8px 16px
  }

  .p-category-corner-intro {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px 16px 16px;
    border-right: none;
    border-left: none;
    border-top: 2px solid #1e2428;
    border-bottom: 1px solid #ddd
  }

  .p-category-corner-intro-inner {
    min-width: auto
  }

  .p-selection-sec .p-selection-sec-title {
    font-size: 14px;
    font-size: .875rem;
    padding: .8rem 16px 0;
    margin-bottom: 10px;
    border-bottom: none
  }

  .p-selection-sec .p-list {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 16px
  }

  .p-selection-sec .p-list-item {
    -ms-flex-preferred-size: calc(100%/2 - 4px);
    flex-basis: calc(100%/2 - 4px);
    margin: 0 0 16px;
    padding: 0;
    border-bottom: none
  }

  .p-selection-sec .p-list-item .c-list-thumb--small img {
    max-height: none
  }

  .p-selection-sec .p-list-item article {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-selection-sec .p-list-item article .p-list-item__inner {
    min-height: 3rem
  }

  .p-selection-sec .p-list-item article .c-list-thumb {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-bottom: 4px
  }

  .p-pager {
    margin: 30px 0;
    padding: 10px;
    background-color: #fff
  }

  .p-sub-category-list {
    position: static;
    margin: 0;
    padding: .4rem 6px .2rem 12px;
    display: block;
    max-width: 100%;
    border-bottom: 1px dotted #ddd;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
  }

  .p-sub-category-list__item {
    display: inline-block;
    margin-right: 14px
  }

  .p-sub-category-list__item:after {
    content: none
  }

  .p-sub-category-list__item a {
    font-size: 14px;
    font-size: .875rem;
    display: block;
    padding: 4px
  }

  .p-sidebar-headlines-sec .c-category-title {
    font-size: 18px;
    font-size: 1.125rem;
    padding: .6rem 10px
  }

  .p-sidebar-topics-sec-title {
    padding: .8rem 16px
  }

  .p-sidebar-topics-sec-list {
    margin: 0 16px
  }

  .p-sidebar-topics-sec-list-item {
    padding: 16px 0
  }

  .p-sidebar-topics-sec-list-item__inner {
    padding-right: 0
  }

  .p-sidebar-member-news {
    margin-top: 1.5rem
  }

  .p-sidebar-member-news-sec-list .p-list-item:first-child article .c-list-thumb {
    max-height: 257px
  }

  .p-sidebar-member-present__banner {
    margin: 10px 16px
  }

  .p-sidebar-member-present-list {
    padding: 0 16px
  }

  .p-sidebar-member-present-list__item {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 12px
  }

  .p-sidebar-member-rectangle {
    margin: 1.5rem 10px 0
  }

  .p-sidebar-category-header {
    padding: .5rem 16px
  }

  .p-sidebar-category-header .c-category-title-link {
    padding: 0
  }

  .p-sidebar-category-header p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.4
  }

  .p-sidebar-important-contents {
    margin: 1.5rem 16px
  }

  .p-sidebar-important-contents .c-category-title,
  .p-sidebar-important-contents .c-list-title {
    font-size: 14px;
    font-size: .875rem
  }

  .p-sidebar-coupon__header-more {
    margin-right: 10px
  }

  .p-sidebar-coupon__wrapper {
    overflow-x: scroll;
    width: 100%
  }

  .p-sidebar-coupon-list .slick-next,
  .p-sidebar-coupon-list .slick-prev {
    display: none !important
  }

  .p-sidebar-coupon-list__item-inner-price--freetext,
  .p-sidebar-coupon-list__item-inner-price--yen,
  .p-sidebar-coupon-list__item-inner-title {
    font-size: 14px;
    font-size: .875rem
  }

  .p-ad-pickup-txt {
    margin: 0 16px
  }

  .p-pagetop-btn {
    margin: 30px 16px 0;
    padding-bottom: 30px
  }

  .p-pagetop-btn a {
    font-size: 14px;
    font-size: .875rem;
    width: 100%;
    max-width: 300px;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 8px;
    text-align: center;
    font-weight: 700
  }

  .p-pagetop-btn a:after {
    right: 20px;
    top: calc(50% - 5px)
  }

  .p-recommend {
    margin: 30px 10px
  }

  .p-recommend .c-category-title {
    padding: 12px 10px;
    border-bottom: 1px solid #dadada
  }

  .p-service-contents {
    border-bottom: none
  }

  .p-service-contents-inner {
    width: auto;
    padding: 0 16px
  }

  .p-service-contents-list {
    border-bottom: 1px solid #ddd
  }

  .p-service-contents-list__title {
    font-size: 14px;
    font-size: .875rem;
    text-align: center;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px
  }

  .p-service-contents-list__item {
    border-bottom: 1px solid #ddd;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    margin: 0
  }

  .p-service-contents-list__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-indent: 0;
    padding-left: 0;
    color: #745399;
    padding: 12px 10px;
    padding-left: 4px;
    font-weight: 700;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-service-contents-list__item a:before {
    display: none
  }

  .p-service-contents-list__item:nth-child(2n) a:after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    position: absolute;
    right: 0;
    border-left: 1px solid #ddd;
    top: calc(50% - 10px)
  }

  .p-service-contents-list dd:last-child,
  .p-service-contents-list dd:nth-child(2n):nth-last-child(2) {
    border-bottom: none
  }

  .p-footer-global {
    min-width: auto;
    padding-top: 0;
    padding-bottom: 85px
  }

  .p-footer-global-guide {
    display: none
  }

  .p-footer-global-guide-inner-l__txt {
    font-size: 14px;
    font-size: .875rem
  }

  .p-footer-global-block-item01 {
    padding: 0;
    border-bottom: none;
    width: auto
  }

  .p-footer-global-block-item01__login {
    margin-right: 0
  }

  .p-footer-global-block-item01-about-list {
    font-size: 12px;
    font-size: .75rem;
    margin: 25px 0 0
  }

  .p-footer-global-block-item01-about-list,
  .p-footer-global-block-item01-search {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .p-footer-global-block-item01-search {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .p-footer-global-block-item01-search-from__input {
    width: 280px;
    padding: 10px 51px 10px 16px
  }

  .p-footer-global-block-item02 {
    width: auto
  }

  .p-footer-global-block-item02-list__item {
    min-height: auto
  }

  .p-footer-global-block-item02-list__item a {
    display: block;
    padding: 0;
    margin: 0
  }

  .p-footer-global-block-item02-service {
    display: none
  }

  .p-footer-global-block-item02-other,
  .p-footer-global-block-item02-other-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .p-footer-global-block-item02-other-social__title {
    text-align: center;
    color: #8e9193;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 12px;
    font-size: .75rem
  }

  .p-footer-global-block-item02-other-social-list {
    margin: 10px 0 25px
  }

  .p-footer-global-block-item02-other-social-list__item {
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
    height: 40px
  }

  .p-footer-global-block-item02-other-social-list__item a {
    width: 40px
  }

  .p-footer-global-block-item02-other-social-list__item.c-twtter-icon a:before {
    width: 22px;
    height: 18px;
    background-position: 1px 0
  }

  .p-footer-global-block-item02-other-social-list__item.c-facebook-icon a:before {
    width: 22px;
    height: 22px;
    background-position: 1px 0
  }

  .p-footer-global-block-item02-other-social-list__item.c-line-icon {
    margin-right: 0
  }

  .p-footer-global-block-item02-other-social-list__item.c-line-icon a:before {
    width: 22px;
    height: 22px
  }

  .p-footer-global-block-item02-other-companyinfo {
    -ms-flex-preferred-size: 92%;
    flex-basis: 92%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .p-footer-global-block-item02-other-companyinfo .p-footer-global-block-item02-list__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%;
    padding: 0 10px;
    margin-bottom: 12px
  }

  .p-footer-global-block-item02-other-guide {
    -ms-flex-preferred-size: 92%;
    flex-basis: 92%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .p-footer-global-block-item02-other-guide .p-footer-global-block-item02-list__item {
    padding: 0 10px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%
  }

  .p-footer-global-block-item03__copyright {
    font-size: 12px;
    font-size: .75rem;
    max-width: none;
    text-align: center
  }

  .p-footer-global-block-item03-attention {
    max-width: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 11px
  }

  .p-footer-global-block-item03-attention__title {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    height: auto;
    line-height: inherit;
    padding: 4px 10px
  }

  .p-footer-global-block-item03-attention__detail {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 10px;
    color: #b4b4b4
  }

  .p-footer-global-block-item03__attention-other {
    padding: 11px 10px 0;
    line-height: 1rem
  }

  .p-list-col2 {
    display: block
  }

  .p-list-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 16px 0;
    margin: 0 16px
  }

  .p-list-item-col4 {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    padding: 0;
    margin-right: 2%;
    margin-bottom: .6rem
  }

  .p-list-item-col4:nth-child(2n) {
    margin-right: 0
  }

  .p-list-item__innerfirst {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
  }

  .p-list-item__innerfirst-sentence .c-list-title a {
    font-weight: 800
  }

  .p-list-item-organization-1column article .p-list-item__featured {
    margin-bottom: 20px
  }

  .p-list-item-organization-1column article .p-list-item__featured .c-list-thumb img {
    max-height: 280px
  }

  .p-list-item-organization-1column article .p-list-item__featured figcaption {
    padding-top: 0
  }

  .p-grid-list-col3 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 8px 16px
  }

  .p-grid-list-col3 .p-list-item {
    -ms-flex-preferred-size: calc(100%/2 - 4px);
    flex-basis: calc(100%/2 - 4px);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0 0 16px;
    padding: 0
  }

  .p-grid-list-col3 .p-list-item__inner .c-list-thumb {
    margin: 0 0 .4rem;
    height: 126px
  }

  .p-grid-list-col3 .p-list-item__inner .c-list-thumb a img {
    max-height: 126px
  }

  .p-grid-list-col4 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 16px 16px 0
  }

  .p-grid-list-col4 .p-list-item {
    -ms-flex-preferred-size: calc(100%/2 - 4px);
    flex-basis: calc(100%/2 - 4px);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0 0 16px;
    padding: 0
  }

  .p-grid-list-col4 .p-list-item__inner .c-list-title {
    font-size: 15px;
    font-size: .9375rem
  }

  .p-grid-list-col4 .p-list-item__inner .c-list-thumb {
    margin: 0 0 .4rem;
    height: 126px
  }

  .p-grid-list-col4 .p-list-item__inner .c-list-thumb a img {
    max-height: 126px
  }

  .p-member-form {
    width: 100%
  }

  .p-member-form-input {
    padding-bottom: 100px
  }

  .p-member-form-input-bottomnav a {
    font-size: 14px;
    padding-left: 13px
  }

  .p-member-form-input-bottomnav a:before {
    border: 3px solid transparent;
    border-left: 4px solid #745399;
    top: 4px
  }

  .p-member-form-notinput-alert {
    padding: 10px 15px;
    margin: 20px 10px 10px;
    border-radius: 8px
  }

  .p-member-logincode__contents-exp--pc {
    display: none
  }

  .p-member-logincode__contents-code__count,
  .p-member-logincode__contents-code__title,
  .p-member-logincode__contents-note {
    font-size: 14px;
    font-size: .875rem
  }

  .p-member-logincode__contents-code__count {
    display: none
  }

  .p-member-logincode__contents-code__qrexp {
    font-size: 14px;
    font-size: .875rem;
    display: none
  }

  .p-member-logincode__contents-code__qrcode {
    display: none
  }

  .p-member-logincode__contents-code__bootapp button {
    font-size: 16px;
    font-size: 1rem
  }

  .p-member-logincode__contents-code__reload button {
    font-size: 12px;
    font-size: .75rem
  }

  .p-member-fromqrcode__login-note {
    font-size: 14px;
    font-size: .875rem
  }

  .p-member-fromqrcode__login-button a {
    font-size: 16px;
    font-size: 1rem
  }

  .p-member-fromqrcode__reg-note {
    font-size: 14px;
    font-size: .875rem
  }

  .p-member-fromqrcode__reg-button a {
    font-size: 16px;
    font-size: 1rem
  }

  .p-member-list {
    margin: 0 16px;
    padding: 20px 0
  }

  .p-member-list-summary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-member-list-summary>div:first-child {
    width: 100%
  }

  .p-member-list-summary .c-list-thumb {
    height: 100%;
    margin: 0 0 .5rem
  }

  .p-group-company {
    width: auto;
    padding: 30px 0
  }

  .p-group-company__title {
    font-size: 12px;
    font-size: .75rem;
    text-align: center
  }

  .p-group-company-list-logo {
    max-width: 350px;
    margin: 0 auto
  }

  .p-group-company-list-logo,
  .p-group-company-list-text {
    padding: 0 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .p-group-company-list-text {
    margin-top: 20px
  }

  .p-group-company-list-text__item {
    font-size: 12px;
    font-size: .75rem;
    margin-bottom: 10px
  }

  .p-group-company-list-text__item:first-child {
    padding-left: 9px;
    border-left: 1px solid #1e2428
  }

  .p-group-company-list-text__item:last-child {
    padding-right: 9px;
    border-right: 1px solid #1e2428
  }

  .p-score-table-baseball {
    width: 100%
  }

  .p-score-table-baseball tr th {
    font-size: 12px;
    font-size: .75rem
  }

  .p-score-table-baseball tr th:last-child {
    padding-left: .5rem
  }

  .p-score-table-baseball tr td {
    font-size: 14px;
    font-size: .875rem;
    padding: 5px 3px
  }

  .p-score-table-baseball tr td:first-child {
    padding-right: .5rem
  }

  .p-score-table-baseball tr td:last-child {
    padding-left: .5rem
  }

  .p-subscription-info {
    margin: 0 auto
  }

  .p-subscription-info-link a {
    font-weight: 700
  }

  .p-subscription-info-link__trial span {
    font-weight: 400
  }

  .p-yomiuri-id {
    margin: 15px auto 0;
    width: 300px;
    padding: 18px 18px 16px
  }

  .p-yomiuri-id-membership-login {
    line-height: 1em;
    padding: 10px 3px
  }

  .p-yomiuri-id-membership-login__text {
    padding-right: 0;
    width: 40%
  }

  .p-yomiuri-id-membership-login__text span {
    display: none
  }

  .p-yomiuri-id-membership-login__link:before {
    height: 14px;
    width: 14px
  }

  .p-yomiuri-id-membership__form {
    font-weight: 700
  }

  .p-timeline-header__reload button {
    font-size: 14px;
    font-size: .875rem
  }

  .p-timeline-list:after {
    z-index: 10;
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: hsla(0, 0%, 100%, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$gra-scolor", endColorstr="$gra-ecolor", GradientType=0)
  }

  .p-timeline-list:before {
    left: 18px
  }

  .p-timeline-list-item {
    display: block
  }

  .p-timeline-list-item__date {
    font-size: 12px;
    font-size: .75rem;
    padding-left: 30px;
    padding-bottom: 5px
  }

  .p-timeline-list-item__date:before {
    border-color: #fff;
    left: 0
  }

  .p-timeline-list-item-inner {
    padding-left: 30px
  }

  .p-timeline-list-item-inner-article__text {
    font-size: 14px;
    font-size: .875rem
  }

  .p-timeline-list-item-inner-article__image img {
    width: 100%
  }

  .p-timeline-list-item .p-article-social-share-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .p-timeline-list-item .p-article-social-share-list__item {
    -ms-flex-preferred-size: 43px;
    flex-basis: 43px
  }

  .p-timeline-list-item .p-article-social-share-list__item:last-child {
    margin-right: 0
  }

  .p-timeline-list-item .p-article-social-share-list__item.c-line-icon {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px
  }

  .p-timeline-more a {
    font-size: 14px;
    font-size: .875rem
  }

  .p-ad-txt-wrap .p-ad-thumbnail-txt {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 10px 16px 0;
    width: auto
  }

  .layout-contents__sidebar .p-ad-thumbnail-txt,
  .news-top-upper-content-ad-thumb-txt .p-ad-thumbnail-txt,
  .p-ad-txt-nowrap .p-ad-thumbnail-txt {
    margin: 10px 16px 0;
    width: auto
  }

  .p-ad-dfp-rec1 {
    margin-top: 24px
  }

  .p-ad-dfp-weekly-pr {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 16px;
    padding: 0 16px
  }

  .p-ad-dfp-middle-rec .p-ad-dfp-middle-rec2 {
    display: none
  }

  .p-ad-txt-wrap {
    padding-bottom: 15px
  }

  .p-ad-txt-wrap .p-ad-news-txt {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 10px 16px 0;
    width: auto
  }

  .p-ad-txt-nowrap {
    padding-bottom: 15px
  }

  .p-ad-txt-nowrap .p-ad-news-txt {
    margin: 10px 16px 0;
    width: auto
  }

  .p-ad-org-news-txt {
    padding: 16px 0 0;
    margin: 0 16px 16px;
    min-height: 64px;
    border-top: 1px solid #dadada;
    background-color: transparent
  }

  .p-ad-org-news-txt__item {
    display: block
  }

  .p-ad-org-news-txt__item:after {
    display: block;
    content: "PR";
    padding: 0;
    margin-top: 4px;
    margin-right: 5px;
    width: 24px;
    background-color: #b4b4b4;
    color: #fff;
    font-size: 10px;
    font-size: .625rem;
    text-align: center;
    line-height: 1rem
  }

  .p-ad-org-news-txt__item _::-webkit-full-page-media,
  .p-ad-org-news-txt__item _:future,
  :root .p-ad-org-news-txt__item:after {
    padding-top: 2px
  }

  .p-ad-org-news-txt__item a {
    color: #1e2428
  }

  .layout-contents__sidebar .p-ad-news-txt {
    margin: 10px 16px 0;
    width: auto
  }

  .p-ad-dfp-premiumrec {
    float: unset;
    margin: 0 0 20px
  }

  .p-ad-outbrain-pr {
    padding: 0 16px
  }

  .p-outbrain-recommend {
    margin: 10px 16px 0
  }

  .p-ad-pr {
    margin-bottom: 40px
  }

  .p-ad-dfp-article-rec1 {
    margin-top: 24px
  }

  .p-video-restrict-inner__link {
    width: auto;
    padding: 7px 17px
  }

  .p-category-top-header-links,
  .p-video-restrict-inner__link {
    font-size: 14px;
    font-size: .875rem
  }

  .p-category-top-header-links {
    padding: 0 15px 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .p-category-top-header-links__item {
    width: 100%;
    padding: 3px 0
  }
}

@media screen and (min-width:600px) {
  .layout-contents__main {
    max-width: 745px
  }

  .layout-contents__sidebar {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 400;
    max-width: 311px
  }

  .layout-contents__sidebar a {
    font-weight: 400;
    margin: 4px 0
  }

  .c-article-link-apart a {
    font-size: 14px;
    font-size: .875rem
  }

  .c-article-header-date,
  .c-article-header-member-only,
  .c-article-header-member-only-logged {
    font-size: 12px;
    font-size: .75rem
  }

  .c-article-header-subheading,
  .c-article-header-subheading-en,
  .c-article-header-subheading-jp {
    font-size: 14px;
    font-size: .875rem
  }

  .c-article-tag__item {
    font-size: 12px;
    font-size: .75rem
  }

  .c-attention {
    font-size: 16px;
    font-size: 1rem
  }

  .c-help-btn {
    font-size: 14px;
    font-size: .875rem
  }

  .c-footer-member-btn {
    font-size: 12px;
    font-size: .75rem
  }

  .c-category-title-link a {
    font-size: 14px;
    font-size: .875rem
  }

  .c-category-more-icon {
    font-size: 20px;
    font-size: 1.25rem
  }

  .c-list-title--xsmall,
  .c-list-title-jp--xsmall {
    font-size: 12px;
    font-size: .75rem
  }

  .c-list-title--middle,
  .c-list-title-jp--middle {
    font-size: 16px;
    font-size: 1rem
  }

  .c-list-article-link,
  .c-list-title-en.c-list-title--small,
  .c-list-title-en.c-list-title--xsmall {
    font-size: 14px;
    font-size: .875rem
  }

  .c-list-company-link {
    font-size: 12px;
    font-size: .75rem
  }

  .c-list-lead {
    font-size: 14px;
    font-size: .875rem
  }

  .c-grid-item__connertitle,
  .c-grid-item__subtitle,
  .c-matome-title,
  figcaption {
    font-size: 12px;
    font-size: .75rem
  }

  .c-memo-btn,
  .c-more-link {
    font-size: 14px;
    font-size: .875rem
  }

  .c-more-link {
    display: none;
    margin-top: 16px;
    line-height: 1;
    text-align: right
  }

  .c-more-link a {
    display: inline-block;
    color: #745399;
    font-weight: 400
  }

  .c-category-title--small,
  .c-category-title a span {
    font-size: 14px;
    font-size: .875rem
  }

  .c-pager-prev a:before {
    margin-right: 7px
  }

  .c-pager-next a:after {
    margin-left: 7px
  }

  .c-pager-list__item {
    min-width: 38px
  }

  .c-pager-list__item a {
    padding: 0 8px
  }

  .c-main-contents-member-only-reader__login-btn,
  .c-main-contents-member-only-reader__title,
  .c-main-contents-member-only__help-link,
  .c-scrap-btn,
  .c-scrap-category-title {
    font-size: 14px;
    font-size: .875rem
  }

  .c-main-contents-member-only__link {
    font-size: 12px;
    font-size: .75rem
  }

  .c-main-contents-member-only__link--login {
    font-size: 12px;
    font-size: .75rem;
    margin-top: 16px
  }

  .c-main-contents-member-only-unregistered__title {
    font-size: 14px;
    font-size: .875rem
  }

  .c-main-contents-member-only-main__deteil {
    font-size: 12px;
    font-size: .75rem
  }

  .c-mailmag-topics {
    margin: 24px 16px
  }

  .c-mailmag-topics>a {
    padding: 8px 16px;
    line-height: 1
  }

  .p-article-keywords-list,
  .p-article-member-memo {
    font-size: 14px;
    font-size: .875rem
  }

  .p-article-social-share-list__item.c-line-icon {
    display: none
  }

  .p-article-reading-recommend__title {
    font-size: 14px;
    font-size: .875rem
  }

  .p-article-reading-recommend-list-item:nth-child(-n+6):not(:nth-child(3n)) {
    margin-right: 15px
  }

  .p-article-reading-recommend-list-item:nth-child(-n+6) .c-list-thumb {
    height: 173px
  }

  .p-article-reading-recommend-list-item:nth-child(-n+6) .c-list-thumb img {
    max-height: 173px
  }

  .p-article-reading-recommend-list-item:nth-child(n+7) {
    -ms-flex-preferred-size: calc(100%/4 - 10px);
    flex-basis: calc(100%/4 - 10px);
    margin-bottom: 12px
  }

  .p-article-reading-recommend-list-item:nth-child(n+7):not(:nth-child(4n+10)) {
    margin-right: 13px
  }

  .p-article-reading-recommend-list-item:nth-child(n+7) .c-list-thumb {
    height: 128px
  }

  .p-article-reading-recommend-list-item:nth-child(n+7) .c-list-thumb img {
    max-height: 128px
  }

  .p-main-contents {
    font-size: 16px;
    font-size: 1rem
  }

  .p-main-contents figure {
    max-width: 320px
  }

  .p-main-contents figure.thumbnails-left {
    min-width: 320px;
    text-align: center
  }

  .p-main-contents figure.thumbnails-right {
    margin: 0 0 0 20px;
    min-width: 320px;
    text-align: center
  }

  .p-main-contents figure.thumbnails-prof {
    max-width: 100px !important
  }

  .p-main-contents .ev-article-manual-related__article-inline h2 {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-align-center:after,
  .p-main-contents-align-right:after {
    content: "";
    display: block;
    clear: both
  }

  .p-main-contents-align-right {
    clear: both;
    float: right;
    max-width: 330px;
    margin-left: 20px
  }

  .p-main-contents-align-right .p-ad-dfp-premiumrec,
  .p-main-contents-align-right figure,
  .p-main-contents-align-right figure.thumbnails-center,
  .p-main-contents-align-right figure.thumbnails-left,
  .p-main-contents-align-right figure.thumbnails-right {
    float: none;
    margin: 0 auto 30px;
    z-index: 2;
    position: relative
  }

  .p-main-contents-align-center {
    clear: both;
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px
  }

  .p-main-contents-align-center .p-ad-dfp-premiumrec,
  .p-main-contents-align-center figure,
  .p-main-contents-align-center figure.thumbnails-center,
  .p-main-contents-align-center figure.thumbnails-left,
  .p-main-contents-align-center figure.thumbnails-right {
    float: none;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin: 0 0 30px;
    width: 50% !important;
    z-index: 2;
    position: relative
  }

  .p-main-contents .thumbnails-large {
    max-width: 90%
  }

  .p-main-contents .thumbnails-large img {
    max-height: none
  }

  .p-main-contents .thumbnails-list {
    width: 320px
  }

  .p-main-contents .thumbnails-list__item {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 56px;
    height: 50px
  }

  .p-main-contents .thumbnails-list__item:nth-of-type(5n) {
    margin-right: 0
  }

  .p-main-contents .article-photos__main-photo__photo figure figcaption {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents .article-photos__main-photo__photo-btn-backward {
    left: 10px
  }

  .p-main-contents .article-photos__main-photo__photo-btn-forward {
    right: 10px
  }

  .p-main-contents .article-photos__main-photo__menu-num {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents .article-photos__thumbnails-item {
    margin-right: 14px;
    margin-bottom: 14px;
    width: 91px;
    height: 70px
  }

  .p-main-contents .article-photos__thumbnails-item:nth-of-type(7n) {
    margin-right: 0
  }

  .p-main-contents .article-photos__thumbnails-item figure {
    height: 70px
  }

  .p-main-contents .article-stream {
    margin: 24px 0
  }

  .p-main-contents .article-regist__block-count {
    font-size: 12px;
    font-size: .75rem
  }

  .p-main-contents .article-regist__block-count span {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents .article-regist__block-button>a {
    min-width: 280px
  }

  .p-main-contents .article-regist__block-button>a>span,
  .p-main-contents .article-regist__block-login>a {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-member-only-other {
    width: 580px;
    margin: 40px auto
  }

  .p-main-contents-member-only-other-wrapper__bubbles {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-member-only-other-wrapper__bubbles:after,
  .p-main-contents-member-only-other-wrapper__bubbles:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
  }

  .p-main-contents-member-only-other-wrapper__bubbles:after {
    border-color: hsla(0, 0%, 100%, 0);
    border-right-color: #fff;
    border-width: 8px;
    margin-top: -8px
  }

  .p-main-contents-member-only-other-wrapper__bubbles:before {
    border-color: rgba(245, 10, 10, 0);
    border-right-color: #745399;
    border-width: 11px;
    margin-top: -11px
  }

  .p-main-contents-member-only-other-signup__btn,
  .p-main-contents-member-only-other-signup__exp {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-member-only-v2 {
    padding: 40px
  }

  .p-main-contents-member-only-v2__title {
    font-size: 20px;
    font-size: 1.25rem
  }

  .p-main-contents-member-only-v2__title-sub {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-member-only-v2__btn-login a,
  .p-main-contents-member-only-v2__btn-registration a {
    font-size: 16px;
    font-size: 1rem;
    width: 320px;
    margin: auto
  }

  .p-main-contents-member-only-v2__com-link {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-member-only-v2__exp {
    margin: 40px 0 16px !important;
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-member-only-v2__exp br {
    display: none
  }

  .p-main-contents-member-only-v2__exp br.wrap {
    display: block
  }

  .p-main-contents-member-only-v2__invite {
    margin: 40px 0
  }

  .p-main-contents-member-only-v2__invite-qr br {
    display: none
  }

  .p-main-contents-member-only-v2__faq {
    padding-top: 32px;
    margin: 0 56px
  }

  .p-header-global,
  .p-header-global-fixed {
    font-size: 12px;
    font-size: .75rem
  }

  .p-header-global-fixed {
    display: block;
    background-color: #000
  }

  .p-header-global-block-item01 {
    width: 124px;
    background-color: #000;
    color: #fff;
    float: left
  }

  .p-header-global-block-item02 {
    background-color: #000;
    color: #fff;
    width: calc(100% - 124px - 186px);
    float: left
  }

  .p-header-global-block-item04 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #000;
    color: #fff;
    width: 186px;
    float: right
  }

  .p-header-global-block-item05 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -ms-flex-preferred-size: 313px;
    flex-basis: 313px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center
  }

  .p-header-global-block-item05__d3,
  .p-header-global-block-item05__d4,
  .p-header-global-block-item05__d5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto
  }

  .p-header-global-block-item05__d3 .p-header-global-idregistered,
  .p-header-global-block-item05__d4 .p-header-global-idregistered,
  .p-header-global-block-item05__d5 .p-header-global-idregistered {
    margin-top: 0;
    margin-bottom: 0
  }

  .p-header-global-block-item05__d3 .p-header-global-loginout__login,
  .p-header-global-block-item05__d4 .p-header-global-loginout__login,
  .p-header-global-block-item05__d5 .p-header-global-loginout__login {
    margin-top: 0
  }

  .p-header-global-block-item05 .p-header-global-members-subscription {
    padding-right: 0
  }

  .p-header-global-block-item06 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    -ms-flex-preferred-size: 450px;
    flex-basis: 450px
  }

  .p-header-global-block-item06__d3,
  .p-header-global-block-item06__d4,
  .p-header-global-block-item06__d5 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 10px;
    margin: 12px 0 10px
  }

  .p-header-global-block-item06__hidari {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -ms-flex-preferred-size: 510px;
    flex-basis: 510px
  }

  .p-header-global-block-item07 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    -ms-flex-preferred-size: 313px;
    flex-basis: 313px
  }

  .p-header-global-block-item07__d3,
  .p-header-global-block-item07__d4,
  .p-header-global-block-item07__d5 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .p-header-global-block-item07__hidari {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    -ms-flex-preferred-size: 313px;
    flex-basis: 313px
  }

  .p-header-global-category-nav__list li {
    margin-top: 0 !important;
    border-bottom: 1px solid transparent
  }

  .p-header-global-search__select button:after,
  .p-header-global-search__select button:before {
    border-color: #8e9193
  }

  .p-header-global-search-wrapper-form__keywords-title,
  .p-header-global-search-wrapper-form__more-note,
  .p-header-global-search-wrapper-form__more a {
    font-size: 14px;
    font-size: .875rem
  }

  .p-header-global-search-wrapper-form__keywords-list__item button,
  .p-header-global-search-wrapper-form__keywords-list__item imput {
    font-size: 16px;
    font-size: 1rem
  }

  .p-header-global-logo {
    font-size: 34px;
    font-size: 2.125rem
  }

  .p-header-global-logo__d3,
  .p-header-global-logo__d4,
  .p-header-global-logo__d5 {
    text-align: initial
  }

  .p-header-global-logo__d3 img,
  .p-header-global-logo__d4 img,
  .p-header-global-logo__d5 img {
    width: 220px;
    height: 34px;
    margin-left: 10px
  }

  .p-header-global-logo__d3 a,
  .p-header-global-logo__d4 a,
  .p-header-global-logo__d5 a {
    height: auto;
    width: auto;
    padding: 0
  }

  .p-header-global-members {
    font-size: 12px;
    font-size: .75rem;
    padding-left: 15px
  }

  .p-header-global-members-signup {
    padding: 8px 32px;
    font-size: 12px;
    font-size: .75rem
  }

  .p-header-global-members-member {
    color: #b4b4b4;
    margin-top: 8px;
    margin-bottom: 8px
  }

  .p-header-global-members-member__signup {
    padding: 9px 32px 8px;
    margin: 0;
    font-size: 12px;
    font-size: .75rem
  }

  .p-header-global-members-member__login {
    padding: 9px 8px 8px;
    margin-right: 8px;
    font-size: 12px;
    font-size: .75rem
  }

  .p-header-global-members-status>span {
    margin-right: 8px
  }

  .p-header-global-members-status a {
    padding: 2px
  }

  .p-header-global-members-status a:before {
    color: #8e9193;
    content: ">";
    padding-right: 4px;
    margin-left: 4px;
    font-weight: 200
  }

  .p-header-global-members-status a:first-child:before {
    opacity: 0
  }

  body.home {
    background: #fff
  }

  body.home .p-header-global-fixed {
    background-color: #f4f4f4
  }

  .p-header-global-loginout__login {
    margin-top: 19px;
    margin-left: 10px
  }

  .p-header-contents-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2px;
    margin-left: 5px
  }

  .p-header-contents-nav__list li {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1;
    border-right: 1px solid #1e2428;
    margin: 4px 0;
    padding: 0 8px
  }

  .p-header-contents-nav__list li:last-child {
    border-right: 0
  }

  .p-header-contents-nav__list li a {
    color: #1e2428;
    padding: 2px 4px;
    border-radius: 3px
  }

  .p-header-contents-nav__list li a:hover {
    background: #ddd;
    color: #1e2428
  }

  .p-header-global-block-item01__home {
    background-color: #f4f4f4;
    color: #1e2428
  }

  .p-header-global-block-item02__home {
    min-height: 43px
  }

  .p-header-global-nav__select__home button {
    background-color: #fff;
    color: #1e2428
  }

  .p-header-global-nav__select__home button:after,
  .p-header-global-nav__select__home button:before {
    border-color: #1e2428
  }

  .p-header-global-nav__select__home button:hover:after,
  .p-header-global-nav__select__home button:hover:before {
    border-color: #fff
  }

  .p-header-global-block-item02__home,
  .p-header-global-block-item04__home {
    background-color: #f4f4f4;
    color: #1e2428
  }

  .p-header-global-search__select__home button {
    background-color: #fff;
    color: #1e2428
  }

  .p-header-global-search__select__home button:after,
  .p-header-global-search__select__home button:before {
    border-color: #1e2428
  }

  .p-header-global-search__select__home button:hover {
    color: #fff
  }

  .p-header-global-search__select__home button:hover:after,
  .p-header-global-search__select__home button:hover:before {
    border-color: #fff
  }

  .p-header-home {
    font-size: 12px;
    font-size: .75rem;
    border-bottom: 1px solid #b4b4b4;
    margin-top: 10px;
    padding-bottom: 5px
  }

  .p-header-home__list li:before {
    margin-right: 2px
  }

  .p-header-home__list li a:focus,
  .p-header-home__list li a:hover {
    text-decoration: underline
  }

  .p-header-home__list li a:after {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    left: 10px;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent
  }

  .p-header-home__list .p-header-home__list__contents-akb:before,
  .p-header-home__list .p-header-home__list__contents-akb_invalid:before {
    width: 25px
  }

  .p-header-linknewhome {
    padding: 0;
    border: none
  }

  .p-header-linknewhome-link {
    width: 1076px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: auto
  }

  .p-header-category-current-title {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: YuMincho, ヒラギノ明朝 ProN W6, Hiragino Mincho ProN, HGS明朝E, 游明朝, Yu Mincho, メイリオ, Meiryo, Helvetica Neue, Helvetica, Arial, serif;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-weight: 700;
    padding: 16px 0
  }

  .p-header-category-current-title--interhigh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 34px;
    font-size: 2.125rem
  }

  .p-header-category-current-title--interhigh figure {
    margin-right: 10px;
    font-size: 0
  }

  .p-header-category-current-title--interhigh figure img {
    height: 80px
  }

  .p-header-category-list__sub ul:before {
    border-left: 5px solid #8e9193;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 4px
  }

  .p-header-category-list__sub ul li {
    font-size: 14px;
    font-size: .875rem;
    margin: 7px;
    padding: 0 8px;
    display: inline-block
  }

  .p-header-category-under-nav__list {
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .p-emergency {
    width: 1076px;
    margin: auto;
    padding: 10px
  }

  .p-emergency-list__item-chart {
    margin-left: 10px
  }

  .p-emergency-list__item-chart__item figure figcaption,
  .p-notice-com {
    font-size: 14px;
    font-size: .875rem
  }

  .p-notice-com.p-notice-members-status-registered:before,
  .p-notice-com.p-notice-members-status-subscriber:before {
    font-size: 12px;
    font-size: .75rem
  }

  .p-mynews,
  .p-mynews>p {
    font-size: 14px;
    font-size: .875rem
  }

  .p-mynews>p {
    text-indent: .5rem
  }

  .p-mynews-title h2 {
    font-size: 14px;
    font-size: .875rem
  }

  .p-mynews-contents {
    margin-top: .5rem;
    padding: 12px
  }

  .p-mynews-contents-article-list-item article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .p-mynews-contents-article-list-item article .c-list-title {
    font-size: 15px;
    font-size: .9375rem;
    margin-top: .1rem
  }

  .p-mynews-contents-article-list-item article .c-list-title a {
    font-weight: 700
  }

  .p-mynews-contents-keyword {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .p-mynews-contents-keyword p {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    line-height: 1.2rem
  }

  .p-mynews-contents-keyword ul {
    -ms-flex-preferred-size: calc(100% - 150px);
    flex-basis: calc(100% - 150px)
  }

  .layout-contents__sidebar .p-mynews,
  .news-top-lower-side .p-mynews {
    padding: 16px 0 8px
  }

  .p-scrap,
  .p-scrap>p {
    font-size: 14px;
    font-size: .875rem
  }

  .p-scrap>p {
    text-indent: .5rem
  }

  .p-scrap-contents {
    margin-top: .5rem;
    padding: 12px
  }

  .p-scrap-contents-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
  }

  .p-scrap-contents-article-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #dadada;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .p-scrap-contents-article-head a span,
  .p-scrap-contents-article-head p {
    font-size: 12px;
    font-size: .75rem
  }

  .p-scrap-contents-article-list-item article .c-list-title {
    font-size: 15px;
    font-size: .9375rem;
    margin-top: .1rem
  }

  .p-scrap-contents-article-list-item article .c-list-title a {
    font-weight: 700
  }

  .p-error-title {
    font-size: 20px;
    font-size: 1.25rem
  }

  .p-error-button,
  .p-error-message {
    font-size: 14px;
    font-size: .875rem
  }

  .p-contents-ranking-header__title,
  .p-contents-ranking-header__update,
  .p-contents-ranking-wrapper-list-item li:before {
    font-size: 12px;
    font-size: .75rem
  }

  .p-content-movie-list-item-info__date {
    padding-bottom: 3px
  }

  .p-content-movie-list-item:first-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    padding: 18px;
    background-color: #333a3d
  }

  .p-content-movie-list-item:first-child .p-content-movie-list-item-thumb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 350px
  }

  .p-content-movie-list-item:first-child .p-content-movie-list-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 30px
  }

  .p-content-movie-list-item:first-child .p-content-movie-list-item-info__title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 15px;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700
  }

  .p-content-movie-list-item:first-child .p-content-movie-list-item-info__date {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 10px;
    background-color: hsla(0, 0%, 100%, .2);
    color: #fff;
    line-height: 1
  }

  .p-content-movie-list-item:first-child .p-content-movie-list-item-info__date time {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400
  }

  .p-content-movie-list-item:first-child .p-content-movie-list-item-info__lead {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: block;
    line-height: 1.6;
    overflow: hidden;
    max-height: 89.6px;
    font-size: 14px;
    font-size: .875rem
  }

  .p-content-movie-list-item:first-child .p-content-movie-list-item-info__lead a {
    font-weight: 400;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical
  }

  .p-content-movie-list-item:first-child .p-content-movie-list-item-info__lead a,
  .p-content-movie-list-item:first-child .p-content-movie-list-item-info__lead a:link,
  .p-content-movie-list-item:first-child .p-content-movie-list-item-info__lead a:visited {
    color: #fff
  }

  .p-content-movie-list-item:nth-child(n+2) .p-content-movie-list-item-thumb img {
    width: 80px
  }

  .p-content-movie-list-item:nth-child(n+2) .p-content-movie-list-item-info {
    width: 141px
  }

  .p-category-latest-sec-list .p-list-item:first-child {
    border-bottom: 1px solid #dadada;
    padding: 20px 0 16px
  }

  .p-category-organization-sec-list .p-list-item:first-child {
    border-bottom: 1px solid #ddd;
    padding: 20px 0 16px
  }

  .p-category-ranking-cont-item-title {
    font-size: 14px;
    font-size: .875rem
  }

  .p-category-ranking-cont-item-list-inner-title a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 590px
  }

  .p-category-ranking-cont-item-list .p-list-item .c-list-title-num,
  .p-category-ranking-cont-item-list .p-list-item:first-child .p-category-ranking-cont-item-list-inner-title a:before,
  .p-category-ranking-cont-item-list .p-list-item:nth-child(2) .p-category-ranking-cont-item-list-inner-title a:before,
  .p-category-ranking-cont-item-list .p-list-item:nth-child(3) .p-category-ranking-cont-item-list-inner-title a:before,
  .p-category-ranking-cont-item-list .p-list-item:nth-child(4) .p-category-ranking-cont-item-list-inner-title a:before,
  .p-category-ranking-cont-item-list .p-list-item:nth-child(5) .p-category-ranking-cont-item-list-inner-title a:before {
    display: inline-block
  }

  .p-category-txt-link-header {
    border-top: 2px solid #1e2428;
    border-bottom: 1px solid #ddd
  }

  .p-selection-sec .p-selection-sec-title,
  .p-sub-category-list__item a {
    font-size: 14px;
    font-size: .875rem
  }

  .p-sub-category-list__item a {
    padding: 0 2px
  }

  .p-sidebar-headlines-sec .c-category-title {
    font-size: 20px;
    font-size: 1.25rem
  }

  .p-sidebar-topics-sec-title {
    padding: .8rem 0
  }

  .p-sidebar-topics-sec-list-item__inner .c-list-title {
    margin-bottom: 0
  }

  .p-sidebar-category-header p {
    font-size: 20px;
    font-size: 1.25rem
  }

  .p-sidebar-important-contents .c-category-title,
  .p-sidebar-important-contents .c-list-title {
    font-size: 14px;
    font-size: .875rem
  }

  .p-sidebar-coupon__header-title {
    border-bottom: transparent
  }

  .p-footer-global-guide-inner-l__txt,
  .p-pagetop-btn a,
  .p-service-contents-list__title,
  .p-sidebar-coupon-list__item-inner-price--freetext,
  .p-sidebar-coupon-list__item-inner-price--yen,
  .p-sidebar-coupon-list__item-inner-title {
    font-size: 14px;
    font-size: .875rem
  }

  .p-footer-global-block-item01-about-list {
    font-size: 12px;
    font-size: .75rem
  }

  .p-footer-global-block-item02-other-social__title:before,
  .p-footer-global-block-item02-service-contribution__title:before {
    content: "\FF1C"
  }

  .p-footer-global-block-item02-other-social__title:after,
  .p-footer-global-block-item02-service-contribution__title:after {
    content: "\FF1E"
  }

  .p-footer-global-block-item03__copyright {
    font-size: 12px;
    font-size: .75rem
  }

  .p-grid-list-col3 .p-list-item:not(:nth-child(3n)) {
    margin-right: 15px
  }

  .p-grid-list-col4 .p-list-item {
    -ms-flex-preferred-size: calc(100%/4 - 12px);
    flex-basis: calc(100%/4 - 12px);
    padding: 0 0 16px
  }

  .p-grid-list-col4 .p-list-item:not(:nth-of-type(4n)) {
    margin-right: 15px
  }

  .p-member-logincode__title {
    margin: 48px auto 40px;
    width: 700px;
    font-size: 28px;
    font-size: 1.75rem
  }

  .p-member-logincode__contents {
    padding: 32px;
    margin: auto;
    width: 720px
  }

  .p-member-logincode__contents hr {
    margin: 32px -32px
  }

  .p-member-logincode__contents-exp--sp {
    display: none
  }

  .p-member-logincode__contents-note {
    font-size: 14px;
    font-size: .875rem;
    display: none
  }

  .p-member-logincode__contents-code__title {
    font-size: 14px;
    font-size: .875rem
  }

  .p-member-logincode__contents-code__num {
    margin-bottom: 24px
  }

  .p-member-logincode__contents-code__count {
    font-size: 14px;
    font-size: .875rem
  }

  .p-member-logincode__contents-code__count span {
    font-size: 30px;
    font-size: 1.875rem
  }

  .p-member-logincode__contents-code__qrexp {
    font-size: 14px;
    font-size: .875rem
  }

  .p-member-logincode__contents-code__bootapp {
    display: none
  }

  .p-member-logincode__contents-code__bootapp button {
    font-size: 16px;
    font-size: 1rem
  }

  .p-member-logincode__contents-code__reload {
    display: none
  }

  .p-member-logincode__contents-code__reload button {
    font-size: 12px;
    font-size: .75rem
  }

  .p-member-fromqrcode {
    margin: 0 auto;
    width: 700px
  }

  .p-member-fromqrcode__title {
    margin: 48px auto 40px;
    width: 700px;
    line-height: 1.4;
    font-size: 28px;
    font-size: 1.75rem
  }

  .p-member-fromqrcode__login-note {
    font-size: 14px;
    font-size: .875rem;
    text-align: center
  }

  .p-member-fromqrcode__login-button {
    margin: auto;
    width: 300px
  }

  .p-member-fromqrcode__login-button a {
    font-size: 16px;
    font-size: 1rem
  }

  .p-member-fromqrcode__reg-note {
    font-size: 14px;
    font-size: .875rem;
    text-align: center
  }

  .p-member-fromqrcode__reg-button {
    margin: auto;
    width: 300px
  }

  .p-member-fromqrcode__reg-button a {
    font-size: 16px;
    font-size: 1rem
  }

  .p-member-fromqrcode__contact {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 700px;
    padding: 24px;
    margin: 32px auto
  }

  .p-member-fromqrcode__contact__title {
    margin-bottom: 8px;
    font-size: 20px;
    font-size: 1.25rem
  }

  .p-member-fromqrcode__contact__tel {
    -ms-flex-preferred-size: 460px;
    flex-basis: 460px
  }

  .p-member-fromqrcode__contact__tel dd a {
    text-decoration: none
  }

  .p-member-fromqrcode__contact__tel dd span {
    display: inline-block;
    margin-left: 8px
  }

  .p-member-list-summary>div:first-child {
    min-width: 544px
  }

  .p-member-list-summary .c-list-thumb {
    margin-left: 30px
  }

  .p-group-company-list-text__item,
  .p-group-company__title,
  .p-score-table-baseball tr th {
    font-size: 12px;
    font-size: .75rem
  }

  .p-score-table-baseball tr td {
    font-size: 14px;
    font-size: .875rem
  }

  .p-score-table-baseball-highschool,
  .p-score-table-baseball-highschool tr,
  .p-score-table-baseball-npb,
  .p-score-table-baseball-npb tr {
    border: 1px solid #8e9193
  }

  .p-score-table-baseball-highschool tr td,
  .p-score-table-baseball-highschool tr th,
  .p-score-table-baseball-npb tr td,
  .p-score-table-baseball-npb tr th {
    border-right: 1px solid #8e9193
  }

  .p-score-table-baseball-highschool tr td:first-child,
  .p-score-table-baseball-highschool tr th:first-child,
  .p-score-table-baseball-npb tr td:first-child,
  .p-score-table-baseball-npb tr th:first-child {
    width: 200px
  }

  .p-score-table-baseball-highschool tr td:last-child,
  .p-score-table-baseball-highschool tr th:last-child,
  .p-score-table-baseball-npb tr td:last-child,
  .p-score-table-baseball-npb tr th:last-child {
    width: 60px
  }

  .p-score-table-baseball-highschool tr th,
  .p-score-table-baseball-npb tr th {
    padding: 6px 15px
  }

  .p-score-table-baseball-highschool tr td:first-child,
  .p-score-table-baseball-npb tr td:first-child {
    padding: 10px
  }

  .layout-contents__sidebar .p-subscription-info .p-subscription-info-link__apply {
    margin: 0 10px 0 0
  }

  .layout-contents__sidebar .p-subscription-info .p-subscription-info-link__trial {
    margin: 0
  }

  .p-timeline-header__reload button {
    font-size: 14px;
    font-size: .875rem
  }

  .p-timeline-list-item__date {
    font-size: 12px;
    font-size: .75rem
  }

  .p-timeline-list-item-inner {
    margin-left: 10px
  }

  .p-timeline-list-item-inner-article__text {
    font-size: 14px;
    font-size: .875rem
  }

  .p-timeline-more a {
    width: 300px;
    padding: 10px 0;
    font-size: 14px;
    font-size: .875rem
  }

  .p-ad-org-news-txt__item:before {
    display: block;
    content: "PR";
    padding: 0;
    margin-right: 5px;
    width: 24px;
    background-color: #b4b4b4;
    color: #fff;
    font-size: 10px;
    font-size: .625rem;
    text-align: center;
    line-height: 1rem
  }

  .p-ad-org-news-txt__item _::-webkit-full-page-media,
  .p-ad-org-news-txt__item _:future,
  :root .p-ad-org-news-txt__item:before {
    padding-top: 2px
  }

  .p-ad-org-news-txt__item a {
    color: #1e2428;
    font-weight: 400
  }

  .p-ad-dfp-premiumrec {
    width: 320px;
    min-height: 250px
  }

  .p-category-top-header-links {
    font-size: 14px;
    font-size: .875rem
  }
}

@media screen and (max-width:599px) and (max-width:599px) {

  .c-list-conner,
  .c-list-sub-title {
    font-size: 12px;
    font-size: .75rem
  }

  .p-main-contents .article-photos__main-photo__caption {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-member-only-other .c-main-contents-member-only-trial-subscription-link>a {
    font-size: 18px;
    font-size: 1.125rem
  }

  .p-category-txt-link-header,
  .p-content-movie-header__title,
  .p-header-category-content-title a,
  .p-header-category h1.p-header-category-content-title,
  .p-pager {
    font-size: 14px;
    font-size: .875rem
  }

  .p-pagetop-btn a,
  .p-sidebar-topics-sec-list-item__inner .c-list-date,
  .p-sidebar-topics-sec-list-item__inner .c-list-feature-tag,
  .p-sidebar-topics-sec-list-item__inner .c-list-tag,
  .p-sidebar-topics-sec-list-item__inner .c-matome-title {
    font-size: 12px;
    font-size: .75rem
  }
}

@media screen and (max-width:599px) and (min-width:600px) {

  .c-list-conner,
  .c-list-sub-title {
    font-size: 12px;
    font-size: .75rem
  }

  .p-main-contents .article-photos__main-photo__caption {
    font-size: 14px;
    font-size: .875rem
  }

  .p-main-contents-member-only-other .c-main-contents-member-only-trial-subscription-link>a {
    font-size: 20px;
    font-size: 1.25rem
  }

  .p-category-txt-link-header,
  .p-content-movie-header__title,
  .p-header-category-content-title a,
  .p-header-category h1.p-header-category-content-title,
  .p-pager {
    font-size: 14px;
    font-size: .875rem
  }

  .p-pagetop-btn a,
  .p-sidebar-topics-sec-list-item__inner .c-list-date,
  .p-sidebar-topics-sec-list-item__inner .c-list-feature-tag,
  .p-sidebar-topics-sec-list-item__inner .c-list-tag,
  .p-sidebar-topics-sec-list-item__inner .c-matome-title {
    font-size: 12px;
    font-size: .75rem
  }
}

@media (-ms-high-contrast:none) {
  .c-list-thumb img {
    width: 100%
  }

  .p-main-contents p ruby rt {
    position: relative;
    top: .6ex
  }

  .p-main-contents img {
    max-width: 320px
  }

  .p-main-contents .thumbnails-prof img {
    width: 100px
  }

  .p-header-2020-grovalnav>ul ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(20em + 70px)
  }

  .p-header-2020-grovalnav>ul ul li {
    margin-right: 0;
    width: 10em
  }

  .p-header-2020-grovalnav>ul ul li.p-header-2020-grovalnav__hr {
    width: calc(20em + 20px)
  }
}

@media screen and (min-width:600px) and (max-width:599px) {
  .c-mailmag-topics>a {
    font-size: 14px;
    font-size: .875rem
  }

  .layout-contents__sidebar .p-mynews-contents-article-list-item article .c-list-title--side,
  .layout-contents__sidebar .p-scrap-contents-article-list-item article .c-list-title--side,
  .news-top-lower-side .p-mynews-contents-article-list-item article .c-list-title--side,
  .news-top-lower-side .p-scrap-contents-article-list-item article .c-list-title--side,
  .p-article-reading-recommend-list-item:nth-child(n+7) .c-list-title {
    font-size: 12px;
    font-size: .75rem
  }
}

@media screen and (min-width:600px) and (min-width:600px) {
  .c-mailmag-topics>a {
    font-size: 14px;
    font-size: .875rem
  }

  .layout-contents__sidebar .p-mynews-contents-article-list-item article .c-list-title--side,
  .layout-contents__sidebar .p-scrap-contents-article-list-item article .c-list-title--side,
  .news-top-lower-side .p-mynews-contents-article-list-item article .c-list-title--side,
  .news-top-lower-side .p-scrap-contents-article-list-item article .c-list-title--side,
  .p-article-reading-recommend-list-item:nth-child(n+7) .c-list-title {
    font-size: 12px;
    font-size: .75rem
  }
}

@media screen and (max-width:320px) {
  .p-article-social-share-list__item {
    margin-bottom: 10px
  }

  .p-header-global-logo a {
    margin-right: 16px
  }

  .p-header-home__list {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    padding: 0 5px
  }

  .p-header-home__list li {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    font-size: 10px;
    padding: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .p-header-home__list li:nth-child(n+5) {
    display: none
  }

  .p-header-home__list li:nth-child(n+5).p-header-home__list__contents--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .p-header-home__list li a,
  .p-header-home__list li span {
    padding: 2px 0
  }

  .p-header-home button {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
  }

  .p-score-table-baseball tr td:last-child {
    padding-left: 0;
    white-space: nowrap
  }

  .p-ad-dfp-weekly-pr {
    padding: 0 10px
  }
}

@media (min-width:1120px) {
  .p-header-2020 {
    height: 156px
  }

  .p-header-2020-logo {
    width: 300px;
    height: 44px;
    top: 43px;
    left: 20px
  }

  .p-header-2020-buttons {
    height: 40px;
    right: 20px;
    top: 45px
  }

  .p-header-2020-grovalnav>ul>li>a,
  .p-header-2020-grovalnav>ul>li>span {
    padding: 13px 12px 22px
  }

  .p-header-2020-grovalnav-more {
    top: 156px;
    height: 665px
  }

  .p-header-2020-grovalnav-more div {
    width: 16.66667%
  }

  .p-header-2020-modal-sitemap__sitelinks>li li {
    width: calc((100% - 50px) / 6)
  }

  .p-header-2020-modal-sitemap__sitelinks>li li:not(:nth-of-type(6n+1)) {
    margin-left: 10px
  }

  .p-header-2020-modal-sitemap__sitelinks>li li:nth-of-type(n+7) {
    margin-top: 15px
  }
}

@media (min-width:800px) and (max-width:1119px) {
  .p-header-2020 {
    height: 151px
  }

  .p-header-2020-logo {
    width: 240px;
    height: 35px;
    top: 37px;
    left: 20px
  }

  .p-header-2020-buttons {
    height: 40px;
    right: 20px;
    top: 40px
  }

  .p-header-2020-grovalnav>ul>li:nth-of-type(n+8):nth-last-of-type(n+2) {
    display: none
  }

  .p-header-2020-grovalnav>ul>li>a,
  .p-header-2020-grovalnav>ul>li>span {
    padding: 13px 10px 22px
  }

  .p-header-2020-grovalnav-more {
    top: 151px;
    height: 980px
  }

  .p-header-2020-grovalnav-more div {
    width: 25%
  }

  .p-header-2020-modal-sitemap__sitelinks>li li {
    width: calc((100% - 30px) / 4)
  }

  .p-header-2020-modal-sitemap__sitelinks>li li:not(:nth-of-type(4n+1)) {
    margin-left: 10px
  }

  .p-header-2020-modal-sitemap__sitelinks>li li:nth-of-type(n+5) {
    margin-top: 15px
  }
}

@media (min-width:800px) {
  .p-header-2020:after {
    content: "";
    background-color: #000;
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px
  }

  .p-header-2020-openmenu {
    display: none
  }

  .p-header-2020-buttons li:first-of-type {
    margin-right: 20px
  }

  .p-header-2020-buttons li:nth-of-type(2) {
    margin-right: 10px
  }

  .p-header-2020-buttons a {
    font-size: 15px
  }

  .p-header-2020-buttons__login a,
  .p-header-2020-buttons__signup a {
    padding: 0 20px
  }

  .p-header-2020-mypage {
    top: 53px;
    right: 20px;
    padding-bottom: 5px
  }

  .p-header-2020-mypage:hover>div {
    display: block
  }

  .p-header-2020-mypage>p {
    font-size: 13px;
    line-height: 16px;
    height: 16px
  }

  .p-header-2020-mypage>p:first-of-type {
    display: none
  }

  .p-header-2020-mypage>p svg {
    width: 16px;
    height: 16px
  }

  .p-header-2020-notice {
    margin-top: 15px
  }

  .p-header-2020-notice+.p-header-2020-notice {
    margin-top: 10px
  }

  .p-header-2020-notice p {
    font-size: 15px
  }

  .p-header-2020-notice p img {
    width: 360px;
    float: right;
    margin-left: 15px
  }

  .p-header-2020-modal-sitemap__sitelinks {
    border-top: 1px solid #e5e5e5
  }

  .p-header-2020-modal-sitemap__sitelinks>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .p-header-2020-modal-sitemap__sitelinks>li h2 {
    width: 155px;
    padding-right: 1em
  }

  .p-header-2020-modal-sitemap__sitelinks>li ul {
    width: calc(100% - 155px)
  }

  .p-header-2020-modal-subscribe .p-modal__close .p-modal__box a {
    right: 0
  }

  .p-header-2020-modal-subscribe__content {
    width: 600px;
    padding: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .p-header-2020-modal-subscribe__content li:first-of-type img {
    width: 150px
  }

  .p-header-2020-modal-subscribe__content li:first-of-type div a:nth-of-type(2) {
    margin-left: 20px
  }

  .p-header-2020-modal-subscribe__content li:nth-of-type(n+2) {
    width: calc((100% - 80px) / 3)
  }

  .p-header-2020-modal-subscribe__content li:nth-of-type(n+2) img {
    height: 145px
  }

  .p-footer-2020-box {
    padding: 40px 0
  }

  .p-footer-2020-operationsite li {
    width: calc((100% - 80px) / 3 - .01px);
    padding-left: 120px;
    min-height: 150px
  }

  .p-footer-2020-operationsite li:not(:nth-of-type(3n+1)) {
    margin-left: 40px
  }

  .p-footer-2020-operationsite li:nth-of-type(n+4) {
    border-top: 1px solid #e5e5e5
  }

  .p-footer-2020-operationsite figure img {
    width: 100px
  }

  .p-footer-2020-grouplinks-text li:not(:last-of-type),
  .p-footer-2020-relatedlinks li:not(:last-of-type) {
    margin-right: 1em
  }

  .p-footer-2020-copyright {
    font-size: 11px;
    line-height: 1.5;
    margin-top: 7.25px;
    margin-bottom: -2.75px
  }

  .p-footer-2020-subscribe>div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .p-footer-2020-subscribe p {
    margin-right: 30px
  }

  .p-footer-2020-subscribe p:nth-of-type(2) {
    font-size: 13px
  }

  .p-modal__close {
    height: 80px
  }

  .p-modal__close+.p-modal__main {
    height: calc(100% - 80px)
  }

  .p-modal__close+.p-modal__head+.p-modal__main {
    height: calc(100% - 130px)
  }

  .p-modal__close .p-modal__box {
    padding: 0 20px
  }

  .p-modal__closebutton {
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 5px
  }

  .p-modal__closebutton svg {
    width: 30px;
    height: 30px
  }

  .p-modal__closebutton span {
    font-size: 12px;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 0
  }

  .p-modal__main .p-modal__box {
    padding: 20px 20px 130px
  }
}

@media (max-width:799px) {
  .p-header-2020 {
    height: 50px
  }

  .p-header-2020-logo {
    width: 150px;
    height: 22px;
    top: 13px;
    left: 18px
  }

  .p-header-2020-utilitylinks {
    display: none
  }

  .p-header-2020-buttons {
    height: 25px;
    top: 13px;
    right: 57px
  }

  .p-header-2020-buttons li {
    margin-left: 10px
  }

  .p-header-2020-buttons a {
    font-size: 10px
  }

  .p-header-2020-buttons__subscribe {
    display: none
  }

  .p-header-2020-buttons__login a,
  .p-header-2020-buttons__signup a {
    padding: 0 10px
  }

  .p-header-2020-mypage {
    top: 20px;
    right: 58px
  }

  .p-header-2020-mypage>p {
    font-size: 10px;
    line-height: 12px;
    height: 12px
  }

  .p-header-2020-mypage>p:nth-of-type(2) {
    display: none
  }

  .p-header-2020-mypage>p svg {
    width: 12px;
    height: 12px
  }

  .p-header-2020-grovalnav,
  .p-header-2020-supporticons {
    display: none
  }

  .p-header-2020-notice {
    margin-top: 10px;
    margin-bottom: 25px
  }

  .p-header-2020-notice+.p-header-2020-notice {
    margin-top: -15px
  }

  .p-header-2020-notice p {
    font-size: 13px
  }

  .p-header-2020-notice p img {
    width: 100%
  }

  .p-header-2020-modal-sitemap__sitelinks {
    margin-top: -20px
  }

  .p-header-2020-modal-sitemap__sitelinks>li ul {
    margin-top: 15px
  }

  .p-header-2020-modal-sitemap__sitelinks>li li {
    width: calc((100% - 60px) / 3)
  }

  .p-header-2020-modal-sitemap__sitelinks>li li:not(:nth-of-type(3n+1)) {
    margin-left: 30px
  }

  .p-header-2020-modal-sitemap__sitelinks>li li:nth-of-type(n+4) {
    margin-top: 15px
  }

  .p-header-2020-modal-subscribe__content {
    padding: 25px 20px
  }

  .p-header-2020-modal-subscribe__content li:first-of-type img {
    width: 100px
  }

  .p-header-2020-modal-subscribe__content li:first-of-type div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 180px;
    margin: 20px auto 0
  }

  .p-header-2020-modal-subscribe__content li:first-of-type div a:nth-of-type(2) {
    margin-top: 10px
  }

  .p-header-2020-modal-subscribe__content li:nth-of-type(n+2) {
    width: calc((100% - 20px) / 2)
  }

  .p-header-2020-modal-subscribe__content li:nth-of-type(n+2) img {
    width: 75px
  }

  .p-header-2020-modal-subscribe__content li:nth-of-type(2),
  .p-header-2020-modal-subscribe__content li:nth-of-type(3) {
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e5e5
  }

  .p-footer-2020-box {
    padding: 25px 0
  }

  .p-footer-2020-operationsite li {
    width: 100%;
    padding-left: 100px;
    min-height: 130px
  }

  .p-footer-2020-operationsite li:nth-of-type(n+2) {
    border-top: 1px solid #e5e5e5
  }

  .p-footer-2020-operationsite figure img {
    width: 80px
  }

  .p-footer-2020-grouplinks-text li:not(:last-of-type),
  .p-footer-2020-relatedlinks li:not(:last-of-type) {
    margin-right: 1.5em
  }

  .p-footer-2020-copyright {
    font-size: 11px;
    line-height: 1.5;
    margin-top: 12.25px;
    margin-bottom: -2.75px
  }

  .p-footer-2020-subscribe>div {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 380px;
    width: 100%;
    padding: 0 20px
  }

  .p-footer-2020-subscribe p:first-of-type {
    margin-right: 0
  }

  .p-footer-2020-subscribe p:nth-of-type(2) {
    display: none
  }

  .p-footer-2020-subscribe a {
    margin-left: auto
  }

  .p-modal__wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .p-modal__close {
    border-top: 1px solid #e5e5e5;
    height: 70px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .p-modal__close+.p-modal__main {
    height: calc(100% - 70px)
  }

  .p-modal__close+.p-modal__head+.p-modal__main {
    height: calc(100% - 120px)
  }

  .p-modal__closebutton {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .p-modal__closebutton svg {
    width: 15px;
    height: 15px
  }

  .p-modal__closebutton span {
    font-size: 10px;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 0;
    width: 100%
  }

  .p-modal__main .p-modal__box {
    padding: 20px
  }
}

@media (max-width:365px) {
  .p-header-2020-logo {
    width: calc(100vw - 215px);
    min-width: 60px
  }
}

@media (max-width:1119px) {
  .p-header-2020-pickupicons {
    display: none
  }
}

@media (max-width:340px) {
  .p-footer-2020-subscribe svg {
    width: 80px;
    margin-right: 5px
  }

  .p-footer-2020-subscribe a {
    font-size: 13px;
    width: 100px
  }
}

@media screen and (min-width:600px) and (max-width:1055px) {
  .p-footer-global-guide-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (max-width:400px) {
  .p-footer-global-block-item02-other-companyinfo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .p-footer-global-block-item02-other-companyinfo .p-footer-global-block-item02-list__item a {
    max-width: 7rem
  }
}

@media screen and (min-width:321px) and (max-width:400px) {

  .p-footer-global-block-item02-other-companyinfo,
  .p-footer-global-block-item02-other-guide {
    -ms-flex-preferred-size: 85%;
    flex-basis: 85%
  }
}

@media print {

  .p-footer-global-guide,
  .p-header-global-fixed {
    display: none
  }

  .p-main-contents figure {
    max-width: 320px
  }

  .p-main-contents figure img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    height: auto
  }

  .p-main-contents figure.thumbnails-right {
    margin: 0 0 0 20px
  }

  .p-main-contents figure.thumbnails-prof img {
    max-width: 100px
  }

  .p-main-contents-align-center {
    clear: both;
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px
  }
}

/*# sourceMappingURL=style-add.css.map*/