@charset "UTF-8";



/*!

 * ress.css • v1.2.2

 * MIT License

 * github.com/filipelinhares/ress

 */



html {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  overflow-y: scroll;

  -webkit-text-size-adjust: 100%;

}



*,

:after,

:before {

  -webkit-box-sizing: inherit;

  box-sizing: inherit;

  background-repeat: no-repeat;

}



:after,

:before {

  text-decoration: inherit;

  vertical-align: inherit;

}



* {

  padding: 0;

  margin: 0;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



hr {

  overflow: visible;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

  display: block;

}



summary {

  display: list-item;

}



small {

  font-size: 80%;

}



[hidden],

template {

  display: none;

}



abbr[title] {

  text-decoration: none;

  border-bottom: 1px dotted;

}



a {

  background-color: transparent;

  -webkit-text-decoration-skip: objects;

}



a:active,

a:hover {

  outline-width: 0;

}



code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

}



b,

strong {

  font-weight: bolder;

}



dfn {

  font-style: italic;

}



mark {

  color: #000;

  background-color: #ff0;

}



sub,

sup {

  position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}



input {

  border-radius: 0;

}



[role="button"],

[type="button"],

[type="reset"],

[type="submit"],

button {

  cursor: pointer;

}



[disabled] {

  cursor: default;

}



[type="number"] {

  width: auto;

}



[type="search"] {

  -webkit-appearance: textfield;

}



[type="search"]::-webkit-search-cancel-button,

[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



textarea {

  overflow: auto;

  resize: vertical;

}



button,

input,

optgroup,

select,

textarea {

  font: inherit;

}



optgroup {

  font-weight: 700;

}



button {

  overflow: visible;

}



[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner,

button::-moz-focus-inner {

  padding: 0;

  border-style: 0;

}



[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner,

button:-moz-focusring {

  outline: 1px dotted ButtonText;

}



[type="reset"],

[type="submit"],

button,

html [type="button"] {

  -webkit-appearance: button;

}



button,

select {

  text-transform: none;

}



button,

input,

select,

textarea {

  color: inherit;

  background-color: transparent;

  border-style: none;

}



select {

  -moz-appearance: none;

  -webkit-appearance: none;

}



select::-ms-expand {

  display: none;

}



select::-ms-value {

  color: currentColor;

}



legend {

  display: table;

  max-width: 100%;

  color: inherit;

  white-space: normal;

  border: 0;

}



::-webkit-file-upload-button {

  -webkit-appearance: button;

  font: inherit;

}



[type="search"] {

  -webkit-appearance: textfield;

  outline-offset: -2px;

}



img {

  border-style: none;

}



progress {

  vertical-align: baseline;

}



svg:not(:root) {

  overflow: hidden;

}



audio,

canvas,

progress,

video {

  display: inline-block;

}



[aria-busy="true"] {

  cursor: progress;

}



[aria-controls] {

  cursor: pointer;

}



[aria-disabled] {

  cursor: default;

}



::selection {

  color: #000;

  text-shadow: none;

  background-color: #b3d4fc;

}



html,

button,

input,

select,

textarea {

  color: #0d0d0d;

}



* {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



::-moz-selection {

  text-shadow: none;

  background: #0d0d0d;

}



hr {

  display: block;

  height: 1px;

  padding: 0;

  margin: 1em 0;

  border: 0;

  border-top: 1px solid #ccc;

}



img {

  vertical-align: middle;

}



li img {

  vertical-align: bottom;

}



fieldset {

  padding: 0;

  margin: 0;

  border: 0;

}



textarea {

  resize: vertical;

}



body {

  position: relative;

  padding: 0;

  margin: 0;

  overflow-x: hidden;

  word-wrap: break-word;

}



body,

body > div,

input,

button,

textarea,

select {

  font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont,

    sans-serif;

  line-height: 1.5;

  color: #0d0d0d;
  
}

div:focus-visible,

input:focus-visible,

button:focus-visible,

textarea:focus-visible,

select:focus-visible,

a:focus-visible {
  
  outline-color: black;
  
  outline-style: solid;
  
  outline-width: 2px;

}



a {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  tap-highlight-color: rgba(0, 0, 0, 0);

  color: #0d0d0d;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

  letter-spacing: 0.05em;

}



ul,

ol,

dl {

  list-style: none;

}



address {

  font-style: normal;

}



table {

  border-spacing: 0;

  border-collapse: collapse;

}



picture {

  display: block;

}



html {

  font-size: 62.5%;

}



body {

  letter-spacing: 0.05em;

  word-break: break-word;

}



a {

  color: #0d0d0d;

}



a:focus {

  color: #963852;

}



img,

svg {

  vertical-align: bottom;

}

/*20200930 width change*/

img {

  width: 100%;

  max-width: 100%;

}



strong,

b {

  font-weight: 500;

}



strong em,

strong i,

b em,

b i {

  font-weight: 600;

}



.clearfix::after {

  display: table;

  clear: both;

  content: "";

}



.spOnlyTb {

  display: none;

}



.relative {

  position: relative;

}



span.large {

  font-size: 1.2em;

}



span.small {

  font-size: 0.8em;

}



.bold {

  font-weight: 500;

}



.bold em,

.bold i {

  font-weight: 600;

}



.center {

  text-align: center;

}



.right {

  text-align: right;

}



[dir="rtl"] .right {

  text-align: left;

}



.left {

  text-align: left;

}



[dir="rtl"] .left {

  text-align: right;

}



a.noline {

  text-decoration: none;

}



a.hoverline {

  text-decoration: none;

}



a.linkcolor {

  color: #963852;

}



.is-hide {

  display: none !important;

}



.ofi-cover {

  -o-object-fit: cover;

  object-fit: cover;

  font-family: "object-fit: cover;";

}



.l-header {

  width: 100%;

  background-color: #fff;

  border-bottom: solid 1px #808080;

}



.l-header_inner {

  max-width: calc(1200px + 4vw);

}



.l-header_logo > a {

  display: inline-block;

  text-decoration: none;

}



.l-header_logo > a > .lead {

  text-align: center;

  letter-spacing: 0.05em;

  letter-spacing: 0;

}



.l-header_logo img {

  max-width: 300px;

}



.is-script .l-header_upper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.is-noscript .l-header_upper {

  display: none;

}



.l-header_langbox {

  letter-spacing: 0.05em;

  letter-spacing: 0;

}



.is-script .l-header_langbox {

  color: #fff;

}



.is-script .l-header_langbox_current {

  position: relative;

  z-index: 1001;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  width: 100%;

  height: 100%;

  min-height: 2.8em;

  color: #fff;

  text-align: left;

  white-space: nowrap;

  background-color: #666;

  -webkit-box-align: center;

  -ms-flex-align: center;

}



[dir="rtl"] .is-script .l-header_langbox_current {

  text-align: right;

}



.is-script .l-header_langbox_current > .text {

  position: relative;

  display: block;

  width: 100%;

  padding-right: 1.2em;

}



.is-script .l-header_langbox_current > .text::after {

  position: absolute;

  top: 0.4em;

  right: 0;

  display: block;

  width: 0;

  height: 0;

  content: "";

  border-top: solid 0.4em #fff;

  border-right: solid 0.3em transparent;

  border-bottom: solid 0.4em transparent;

  border-left: solid 0.3em transparent;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

}



[dir="rtl"] .is-script .l-header_langbox_current > .text {

  padding-right: 0;

  padding-left: 1.2em;

}



[dir="rtl"] .is-script .l-header_langbox_current > .text::after {

  right: auto;

  left: 0;

}



.is-script .l-header_langbox.is-open .l-header_langbox_current > .text::after {

  top: 0;

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);

}



.is-script .l-header_langbox_list_wrap {

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1000;

  background-color: #666;

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

  -webkit-transform: translate3d(0, -100%, 0);

  transform: translate3d(0, -100%, 0);

}



.is-script .l-header_langbox.is-open .l-header_langbox_list_wrap {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.is-script .l-header_langbox_lists > .list {

  border-top: solid 1px rgba(255, 255, 255, 0.25);

}



.is-script .l-header_langbox_list_inner {

  display: block;

  color: #fff;

  text-decoration: none;

}



.is-script .l-header_langbox_list_inner:not(.is-current) > .text {

  position: relative;

  display: block;

  padding-right: 1.2em;

}



.is-script .l-header_langbox_list_inner:not(.is-current) > .text::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  display: block;

  width: 0.5em;

  height: 0.5em;

  margin: auto;

  content: "";

  border-top: solid 1px #fff;

  border-right: solid 1px #fff;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



[dir="rtl"] .is-script .l-header_langbox_list_inner:not(.is-current) > .text {

  padding-right: 0;

  padding-left: 1.2em;

}



[dir="rtl"]

  .is-script

  .l-header_langbox_list_inner:not(.is-current)

  > .text::after {

  right: auto;

  left: 0;

  -webkit-transform: rotate(225deg);

  transform: rotate(225deg);

}



.is-script .l-header_langbox_list_inner.is-current,

.is-script .l-header_langbox_list_inner:focus {

  color: #fff;

  background-color: #333;

}



.is-script .l-header_searchbox {

  position: relative;

  z-index: 1000;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

}



.is-script .l-header_searchbox #___gcse_0 {

  width: 100%;

}



.is-script .l-header_searchbox table.gsc-search-box {

  margin-bottom: 0;

  background-color: #fff;

  border: solid 1px #808080;

  border-radius: 2px;

}



.is-script .l-header_searchbox form.gsc-search-box {

  margin-bottom: 0;

  letter-spacing: 0.05em;

}



.is-script .l-header_searchbox .gsc-input-box {

  padding: 0;

  border: none;

  border-radius: 0;

}



.is-script

  .l-header_searchbox

  .gsc-search-box-tools

  .gsc-search-box

  .gsc-input {

  padding-right: 0;

}



.is-script .l-header_searchbox table.gsc-input {

  position: relative;

}



.is-script .l-header_searchbox .gsib_b {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: auto;

}



.is-script .l-header_searchbox .gsst_b {

  padding: 0;

}



.is-script .l-header_searchbox .gscb_a {

  line-height: 20px;

}



.is-script .l-header_searchbox input.gsc-input {

  min-width: 9.2em;

}



.is-script .l-header_searchbox input.gsc-input::-webkit-input-placeholder {

  color: #0d0d0d;

}



.is-script .l-header_searchbox input.gsc-input::-ms-input-placeholder {

  color: #0d0d0d;

}



.is-script .l-header_searchbox input.gsc-input::placeholder {

  color: #0d0d0d;

}



.is-script .l-header_searchbox .cse .gsc-search-button,

.is-script .l-header_searchbox .gsc-search-button {

  background-color: transparent;

  border: none;

}



.is-script .l-header_searchbox .cse .gsc-search-button:hover,

.is-script .l-header_searchbox .gsc-search-button:hover {

  background-color: transparent;

  border: none;

}



.is-script .l-header_searchbox .cse .gsc-search-button:hover svg,

.is-script .l-header_searchbox .gsc-search-button:hover svg {

  fill: #666;

}



.is-script .l-header_searchbox button.gsc-search-button {

  background-image: url(/assets/img/common/icon_search.svg);

  background-position: center;

  background-size: 20px;

}



.is-script .l-header_searchbox .gsc-search-button svg {

  visibility: hidden;

  fill: #808080;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.l-nav_list_inner {

  line-height: 1;

  text-decoration: none;

  letter-spacing: 0.05em;

  letter-spacing: 0;

}



.l-nav_list_inner > .text > img {

  display: inline-block;

  width: 1.4em;

  height: 1.4em;

  margin-right: 0.4em;

  vertical-align: middle;

}



[dir="rtl"] .l-nav_list_inner > .text > img {

  margin-right: 0;

  margin-left: 0.4em;

}



.l-nav_list_inner.is-open + .l-nav_lists-secondary {

  display: block !important;

  height: 100%;

}



.l-nav_list_inner.is-open + .l-nav_lists-secondary .l-nav_sub_inner {

  display: block;

}



.l-nav_sub_inner {

  display: none;

  text-decoration: none;

  letter-spacing: 0.05em;

  letter-spacing: 0;

}



.l-nav_sub_inner > .text {

  position: relative;

  padding-right: 1em;

}



.l-nav_sub_inner > .text::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  display: block;

  width: 0.5em;

  height: 0.5em;

  margin: auto;

  content: "";

  border-top: solid 2px #808080;

  border-right: solid 2px #808080;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



[dir="rtl"] .l-nav_sub_inner > .text {

  padding-right: 0;

  padding-left: 1em;

}



[dir="rtl"] .l-nav_sub_inner > .text::after {

  right: auto;

  left: 0;

  -webkit-transform: rotate(225deg);

  transform: rotate(225deg);

}



.l-footer {

  color: #fff;

  background-color: #53323b;

}



.l-footer_inner {

  position: relative;

  max-width: calc(1200px + 4vw);

}



.l-footer_totop {

  position: absolute;

}



.l-footer_totop.is-fixed {

  position: fixed;

}



.l-footer_totop_icon {

  position: relative;

  display: block;

  text-indent: -9999px;

  background-color: #fff;

  border: solid 2px #53323b;

  border-radius: 50%;

}



.l-footer_totop_icon::before,

.l-footer_totop_icon::after {

  position: absolute;

  right: 0;

  left: 0;

  display: block;

  content: "";

}



.l-footer_totop_icon::before {

  width: 2px;

  margin: auto;

  background-color: #53323b;

  border-radius: 1em;

}



.l-footer_totop_icon::after {

  margin: auto;

  border-top: solid 2px #53323b;

  border-left: solid 2px #53323b;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.l-footer_nav_lists {

  letter-spacing: 0;

}



.l-footer_links_section > .title {

  letter-spacing: 0.05em;

  letter-spacing: 0;

}



.l-footer_links_lists > .list {

  letter-spacing: 0;

}



.l-footer_links_lists > .list > a {

  color: #fff;

  text-decoration: none;

}



.l-footer_links_lists > .list > a:focus {

  text-decoration: underline;

}



.l-footer_links_lists > .list .text::after {

  display: inline-block;

  width: 10px;

  width: 1rem;

  height: 10px;

  height: 1rem;

  margin-left: 5px;

  margin-left: 0.5rem;

  content: "";

  border-top: solid 1px #fff;

  border-right: solid 1px #fff;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



[dir="rtl"] .l-footer_links_lists > .list .text::after {

  margin-right: 5px;

  margin-right: 0.5rem;

  margin-left: 0;

  -webkit-transform: rotate(225deg);

  transform: rotate(225deg);

}



.l-footer_lang_lists {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

}



.l-footer_lang_lists > .list > a {

  color: #fff;

}



* + .l-footer_lower {

  border-top: solid 1px #fff;

}



.l-footer_lower_lists {

  letter-spacing: -0.4em;

}



.l-footer_lower_lists > .list {

  display: inline-block;

  line-height: 1;

  letter-spacing: 0;

}



.l-footer_lower_lists > .list > a {

  color: #fff;

  text-decoration: none;

}



.l-footer_lower_lists > .list > a:focus {

  text-decoration: underline;

}



[dir="rtl"] .l-footer_copyright {

  direction: ltr;

}



.l-footer_copyright > small {

  letter-spacing: 0;

}



.temp-simple .l-page {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  justify-content: space-between;

  height: 100%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

}



.temp-simple,

body {

  height: 100%;

}



.l-content-noscript {

  position: fixed;

  bottom: 0;

  left: 0;

  z-index: 10000;

  width: 100%;

  color: #fff;

  background-color: rgba(150, 56, 82, 0.95);

}



.l-contents_head-border {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 0.8em;

  border-bottom: solid 2px #0d0d0d;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-box-align: center;

  -ms-flex-align: center;

}



.l-contents_lead {

  max-width: calc(860px + 4vw);

}



.l-content_lead-wide {

  max-width: calc(1200px + 4vw);

  font-weight: 500;

  text-align: left;

  letter-spacing: 0.05em;

}



.l-content_lead-wide em,

.l-content_lead-wide i {

  font-weight: 600;

}



[dir="rtl"] .l-content_lead-wide {

  text-align: right;

}



.l-contents_lead-local {

  letter-spacing: 0.05em;

  border-top: solid 1px #666;

  border-bottom: solid 1px #666;

}



.l-contents_lead-local > .inner {

  max-width: calc(1200px + 4vw);

}



.l-content-bg,

.p-top_content-bg {

  position: relative;

  background-repeat: repeat;

  background-size: 6px 12px;

  border-bottom-style: solid;

}



.is-common.l-content-bg,

.is-common.p-top_content-bg {

  background-image: url(/assets/img/common/bg.png);

  border-bottom-color: #963852;

}



.is-trends.l-content-bg,

.is-trends.p-top_content-bg {

  background-image: url(/assets/img/trends/bg.png);

  border-bottom-color: #ff5614;

}



.is-jvt.l-content-bg,

.is-jvt.p-top_content-bg {

  background-image: url(/assets/img/jvt/bg.png);

  border-bottom-color: #a265c2;

}



.is-niponica.l-content-bg,

.is-niponica.p-top_content-bg {

  background-image: url(/assets/img/niponica/bg.png);

  border-bottom-color: #539e38;

}



.is-kidsweb.l-content-bg,

.is-kidsweb.p-top_content-bg {

  background-image: url(/assets/img/kidsweb/bg.png);

  border-bottom-color: #e82c89;

}



.is-factsheet.l-content-bg,

.is-factsheet.p-top_content-bg {

  background-image: url(/assets/img/factsheet/bg.png);

  border-bottom-color: #2a82db;

}



.l-content-line {

  border-top: solid 2px #0d0d0d;

  border-bottom: solid 2px #0d0d0d;

}



.l-content-line.is-common {

  border-top-color: #963852;

  border-bottom-color: #963852;

}



.l-content-line.is-trends {

  border-top-color: #ff5614;

  border-bottom-color: #ff5614;

}



.l-content-line.is-jvt {

  border-top-color: #a265c2;

  border-bottom-color: #a265c2;

}



.l-content-line.is-niponica {

  border-top-color: #539e38;

  border-bottom-color: #539e38;

}



.l-content-line.is-kidsweb {

  border-top-color: #e82c89;

  border-bottom-color: #e82c89;

}



.l-content-line.is-factsheet {

  border-top-color: #2a82db;

  border-bottom-color: #2a82db;

}



.l-content-line-thin {

  border-top: solid 1px #0d0d0d;

  border-bottom: solid 1px #0d0d0d;

}



.l-content-mid {

  max-width: calc(1200px + 4vw);

}



.l-contents_wrap {

  max-width: calc(1200px + 4vw);

}



.l-contents_sub_nav_group {

  background-color: #f4f4f4;

}



.is-kidsweb .l-contents_sub_nav_group.is-current {

  background-color: #fef2f8;

}



.is-trends .l-contents_sub_nav_group.is-current {

  background-color: #fff4ef;

}



.l-contents_sub_nav_lists .l-contents_sub_nav_lists {

  margin-left: 2.4rem;

}



[dir="rtl"] .l-contents_sub_nav_lists .l-contents_sub_nav_lists {

  margin-right: 2.4rem;

  margin-left: 0;

}



.l-contents_sub_nav_lists > .list > span {

  position: relative;

  display: block;

}



.l-contents_sub_nav_lists > .list > span::before {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  display: block;

  width: 1em;

  height: 4px;

  margin: auto;

  content: "";

}



.is-kidsweb .l-contents_sub_nav_lists > .list > span::before {

  background-color: #e82c89;

}



.is-trends .l-contents_sub_nav_lists > .list > span::before {

  background-color: #ff5614;

}



[dir="rtl"] .l-contents_sub_nav_lists > .list > span::before {

  right: 0;

  left: auto;

}



.l-contents_sub_nav_lists > .list > a {

  position: relative;

  display: inline-block;

  text-decoration: none;

}



.l-contents_sub_nav_lists > .list > a::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  display: block;

  width: 10px;

  width: 1rem;

  height: 10px;

  height: 1rem;

  margin: auto;

  content: "";

  border-top: solid 2px #0d0d0d;

  border-right: solid 2px #0d0d0d;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



[dir="rtl"] .l-contents_sub_nav_lists > .list > a::after {

  right: auto;

  left: 0;

  -webkit-transform: rotate(225deg);

  transform: rotate(225deg);

}



.l-content_more {

  text-align: center;

}



.l-content_modal_close {

  position: absolute;

  text-indent: -9999px;

  cursor: pointer;

}



.l-content_modal_close::before,

.l-content_modal_close::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  display: block;

  height: 1px;

  margin: auto;

  content: "";

  background-color: #fff;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

}



.l-content_modal_close::before {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.l-content_modal_close::after {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.l-mod_service {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  max-width: calc(1200px + 4vw);

  -webkit-box-align: center;

  -ms-flex-align: center;

}



.l-mod_service_mail {

  letter-spacing: 0;

}



.l-mod_service_mail > a {

  display: block;

}



.l-mod_service_mail .text {

  margin-left: 0.4em;

}



[dir="rtl"] .l-mod_service_mail .text {

  margin-right: 0.4em;

  margin-left: 0;

}



.l-mod_service_mail_icon {

  width: 2em;

  height: 1.5em;

  vertical-align: middle;

}



.l-mod_service_sns {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.l-mod_service_sns > .list > a {

  display: block;

}



.l-mod_service_icon {

  width: 1.5em;

}



.l-mod_service_icon[src$=".svg"] {

  height: 1.5em;

}



.l-mod_pagepath_lists > .list {

  display: inline;

}



.l-mod_pagepath_lists > .list + .list {

  position: relative;

  padding-left: 1.2em;

  margin-left: 0.2em;

}



.l-mod_pagepath_lists > .list + .list::before {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  display: block;

  margin: auto;

  content: ">";

}



[dir="rtl"] .l-mod_pagepath_lists > .list {

  display: inline-block;

}



[dir="rtl"] .l-mod_pagepath_lists > .list + .list {

  padding-right: 1.2em;

  padding-left: 0;

  margin-right: 0.2em;

  margin-left: 0;

}



[dir="rtl"] .l-mod_pagepath_lists > .list + .list::before {

  right: 0;

  left: auto;

}



.c-btn-primary,

.c-btn-small,

.c-btn-medium,

.c-btn-large {

  display: inline-block;

  line-height: 1.1;

  color: #0d0d0d;

  text-decoration: none;

  letter-spacing: 0;

  background-color: #fff;

  border: solid 2px #808080;

  border-radius: 10em;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.is-common.c-btn-primary,

.is-common.c-btn-small,

.is-common.c-btn-medium,

.is-common.c-btn-large {

  border-color: #963852;

}



.is-common.c-btn-primary .is-next::after,

.is-common.c-btn-small .is-next::after,

.is-common.c-btn-medium .is-next::after,

.is-common.c-btn-large .is-next::after,

.is-common.c-btn-primary .is-prev::after,

.is-common.c-btn-small .is-prev::after,

.is-common.c-btn-medium .is-prev::after,

.is-common.c-btn-large .is-prev::after {

  border-top-color: #963852;

  border-right-color: #963852;

}



.is-trends.c-btn-primary,

.is-trends.c-btn-small,

.is-trends.c-btn-medium,

.is-trends.c-btn-large {

  border-color: #ff5614;

}



.is-trends.c-btn-primary .is-next::after,

.is-trends.c-btn-small .is-next::after,

.is-trends.c-btn-medium .is-next::after,

.is-trends.c-btn-large .is-next::after,

.is-trends.c-btn-primary .is-prev::after,

.is-trends.c-btn-small .is-prev::after,

.is-trends.c-btn-medium .is-prev::after,

.is-trends.c-btn-large .is-prev::after {

  border-top-color: #ff5614;

  border-right-color: #ff5614;

}



.is-jvt.c-btn-primary,

.is-jvt.c-btn-small,

.is-jvt.c-btn-medium,

.is-jvt.c-btn-large {

  border-color: #a265c2;

}



.is-jvt.c-btn-primary .is-next::after,

.is-jvt.c-btn-small .is-next::after,

.is-jvt.c-btn-medium .is-next::after,

.is-jvt.c-btn-large .is-next::after,

.is-jvt.c-btn-primary .is-prev::after,

.is-jvt.c-btn-small .is-prev::after,

.is-jvt.c-btn-medium .is-prev::after,

.is-jvt.c-btn-large .is-prev::after {

  border-top-color: #a265c2;

  border-right-color: #a265c2;

}



.is-niponica.c-btn-primary,

.is-niponica.c-btn-small,

.is-niponica.c-btn-medium,

.is-niponica.c-btn-large {

  border-color: #539e38;

}



.is-niponica.c-btn-primary .is-next::after,

.is-niponica.c-btn-small .is-next::after,

.is-niponica.c-btn-medium .is-next::after,

.is-niponica.c-btn-large .is-next::after,

.is-niponica.c-btn-primary .is-prev::after,

.is-niponica.c-btn-small .is-prev::after,

.is-niponica.c-btn-medium .is-prev::after,

.is-niponica.c-btn-large .is-prev::after {

  border-top-color: #539e38;

  border-right-color: #539e38;

}



.is-kidsweb.c-btn-primary,

.is-kidsweb.c-btn-small,

.is-kidsweb.c-btn-medium,

.is-kidsweb.c-btn-large {

  border-color: #e82c89;

}



.is-kidsweb.c-btn-primary .is-next::after,

.is-kidsweb.c-btn-small .is-next::after,

.is-kidsweb.c-btn-medium .is-next::after,

.is-kidsweb.c-btn-large .is-next::after,

.is-kidsweb.c-btn-primary .is-prev::after,

.is-kidsweb.c-btn-small .is-prev::after,

.is-kidsweb.c-btn-medium .is-prev::after,

.is-kidsweb.c-btn-large .is-prev::after {

  border-top-color: #e82c89;

  border-right-color: #e82c89;

}



.is-factsheet.c-btn-primary,

.is-factsheet.c-btn-small,

.is-factsheet.c-btn-medium,

.is-factsheet.c-btn-large {

  border-color: #2a82db;

}



.is-factsheet.c-btn-primary .is-next::after,

.is-factsheet.c-btn-small .is-next::after,

.is-factsheet.c-btn-medium .is-next::after,

.is-factsheet.c-btn-large .is-next::after,

.is-factsheet.c-btn-primary .is-prev::after,

.is-factsheet.c-btn-small .is-prev::after,

.is-factsheet.c-btn-medium .is-prev::after,

.is-factsheet.c-btn-large .is-prev::after {

  border-top-color: #2a82db;

  border-right-color: #2a82db;

}



.c-btn-primary .icon > img[src$=".jpg"],

.c-btn-small .icon > img[src$=".jpg"],

.c-btn-medium .icon > img[src$=".jpg"],

.c-btn-large .icon > img[src$=".jpg"] {

  border-radius: 50%;

}



.c-btn-primary .text,

.c-btn-small .text,

.c-btn-medium .text,

.c-btn-large .text {

  padding: 0 0.5em;

}



.c-btn_inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

  height: 100%;

}



.c-btn_inner.is-next,

.c-btn_inner.is-prev {

  position: relative;

}



.c-btn_inner.is-next::after,

.c-btn_inner.is-prev::after {

  position: absolute;

  top: 0;

  bottom: 0;

  display: block;

  width: 12px;

  width: 1.2rem;

  height: 12px;

  height: 1.2rem;

  margin: auto;

  content: "";

  border-top: solid 2px #808080;

  border-right: solid 2px #808080;

}



.c-btn_inner.is-next {

  padding-right: 1.2rem;

}



.c-btn_inner.is-next::after {

  right: 0;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.c-btn_inner.is-prev {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding-left: 2rem;

}



.c-btn_inner.is-prev::after {

  left: 7px;

  left: 0.7rem;

  -webkit-transform: rotate(225deg);

  transform: rotate(225deg);

}



.c-btn_inner.is-down {

  position: relative;

  padding-right: 1.2rem;

}



.c-btn_inner.is-down::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  display: block;

  width: 12px;

  width: 1.2rem;

  height: 12px;

  height: 1.2rem;

  margin: auto;

  content: "";

  border-right: solid 2px #808080;

  border-bottom: solid 2px #808080;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.c-btn_inner.is-icon {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.c-btn_inner > .type {

  display: inline-block;

  width: 1.6rem;

  height: 1.6rem;

  margin-left: 0.5em;

  vertical-align: middle;

}



[dir="rtl"] .c-btn_inner.is-next::after,

[dir="rtl"] .c-btn_inner.is-down::after {

  right: auto;

  left: 0;

}



[dir="rtl"] .c-btn_inner.is-next {

  padding-right: 0;

  padding-left: 1.2em;

}



[dir="rtl"] .c-btn_inner.is-next::after {

  -webkit-transform: rotate(225deg);

  transform: rotate(225deg);

}



[dir="rtl"] .c-btn_inner > .type {

  margin-right: 0.5em;

  margin-left: 0;

}



.c-btn-primary {

  padding: 0 0.7em 0 0.4em;

}



[dir="rtl"] .c-btn-primary {

  padding: 0 0.4em 0 0.7em;

}



.c-btn-primary .icon {

  flex-basis: 2em;

  flex-shrink: 0;

  max-width: 2em;

  -ms-flex-preferred-size: 2em;

  -ms-flex-negative: 0;

}



.c-btn-primary .icon > img {

  width: 2em;

  height: 2em;

}



.c-btn-small {

  padding: 0 0.7em 0 0.4em;

}



[dir="rtl"] .c-btn-small {

  padding: 0 0.4em 0 0.7em;

}



.c-btn-small .icon {

  flex-basis: 1.8em;

  flex-shrink: 0;

  max-width: 1.8em;

  -ms-flex-preferred-size: 1.8em;

  -ms-flex-negative: 0;

}



.c-btn-small .icon > img {

  width: 1.8em;

  height: 1.8em;

}



.c-btn-medium {

  height: 3em;

  padding: 0 0.7em 0 0.5em;

  letter-spacing: 0.05em;

}



[dir="rtl"] .c-btn-medium {

  padding: 0 0.5em 0 0.7em;

}



.c-btn-medium .icon {

  flex-basis: 2em;

  flex-shrink: 0;

  max-width: 2em;

  -ms-flex-preferred-size: 2em;

  -ms-flex-negative: 0;

}



.c-btn-medium .icon > img {

  width: 2em;

  height: 2em;

}



.c-btn-large {

  letter-spacing: 0.05em;

}



.c-btn-large .icon {

  -ms-flex-negative: 0;

  flex-shrink: 0;

}



.c-icon_arrow-next {

  position: relative;

  display: inline-block;

  padding-right: 1.4rem;

}



.c-icon_arrow-next::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  display: block;

  width: 10px;

  width: 1rem;

  height: 10px;

  height: 1rem;

  margin: auto;

  content: "";

  border-top: solid 2px #0d0d0d;

  border-right: solid 2px #0d0d0d;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



[dir="rtl"] .c-icon_arrow-next {

  padding-right: 0;

  padding-left: 1.2rem;

}



[dir="rtl"] .c-icon_arrow-next::after {

  right: auto;

  left: 0;

  -webkit-transform: rotate(225deg);

  transform: rotate(225deg);

}



.c-icon_arbd-next,

.c-icon_arbd-prev {

  position: relative;

  display: inline-block;

  width: 4rem;

  height: 4rem;

  text-indent: -9999px;

  vertical-align: middle;

}



.c-icon_arbd-next::before,

.c-icon_arbd-prev::before,

.c-icon_arbd-next::after,

.c-icon_arbd-prev::after {

  position: absolute;

  top: 0;

  bottom: 0;

  display: block;

  margin: auto;

  content: "";

}



.c-icon_arbd-next::before,

.c-icon_arbd-prev::before {

  right: 0;

  width: 40px;

  width: 4rem;

  height: 40px;

  height: 4rem;

  background-color: #fff;

  border: solid 2px #666;

  border-radius: 50%;

}



.c-icon_arbd-next::after,

.c-icon_arbd-prev::after {

  width: 12px;

  width: 1.2rem;

  height: 12px;

  height: 1.2rem;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



[dir="rtl"] .c-icon_arbd-next::after,

[dir="rtl"] .c-icon_arbd-prev::after {

  -webkit-transform: rotate(225deg);

  transform: rotate(225deg);

}



* + .c-icon_arbd-next {

  margin-left: 0.5em;

}



.c-icon_arbd-next::after {

  right: 16px;

  right: 1.6rem;

  border-top: solid 2px #666;

  border-right: solid 2px #666;

}



[dir="rtl"] .c-icon_arbd-next::after {

  right: auto;

  left: 16px;

  left: 1.6rem;

}



[dir="rtl"] * + .c-icon_arbd-next {

  margin-right: 0.5em;

  margin-left: 0;

}



.c-icon_arbd-prev + * {

  margin-left: 0.5em;

}



.c-icon_arbd-prev::after {

  left: 16px;

  left: 1.6rem;

  border-bottom: solid 2px #666;

  border-left: solid 2px #666;

}



[dir="rtl"] .c-icon_arbd-prev + * {

  margin-right: 0.5em;

  margin-left: 0;

}



[dir="rtl"] .c-icon_arbd-prev::after {

  right: 16px;

  right: 1.6rem;

  left: auto;

}



.c-icon_pdf {

  display: inline-block;

  width: 1.6rem;

  height: 1.6rem;

  margin-left: 0.5em;

  vertical-align: middle;

}



.c-icon_newtab,

.c-article_body a[target="_blank"] {

  position: relative;

  display: inline-block;

  padding-right: 2.2rem;

  margin-right: 0.2em;

}



.c-icon_newtab::after,

.c-article_body a[target="_blank"]::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  display: block;

  width: 18px;

  width: 1.8rem;

  height: 18px;

  height: 1.8rem;

  margin: auto;

  content: "";

  background: url(/assets/img/common/icon_newtab.svg) no-repeat;

}



[dir="rtl"] .c-icon_newtab,

[dir="rtl"] .c-article_body a[target="_blank"],

.c-article_body [dir="rtl"] a[target="_blank"] {

  margin-right: 0;

  margin-left: 0.2em;

}



.c-tag-primary,

.c-tag-large {

  display: inline-block;

  padding: 0.3em 0.4em;

  line-height: 1;

  color: #fff;

  text-decoration: none;

  background-color: #666;

}



.c-tag-large {

  font-weight: 500;

  letter-spacing: 0.05em;

}



.c-tag-large em,

.c-tag-large i {

  font-weight: 600;

}



.c-heading-primary {

  font-weight: 500;

  letter-spacing: 0.05em;

}



.c-heading-primary em,

.c-heading-primary i {

  font-weight: 600;

}



.c-heading-secondary {

  font-weight: 500;

  letter-spacing: 0.05em;

}



.c-heading-secondary em,

.c-heading-secondary i {

  font-weight: 600;

}



.c-heading-sub {

  font-weight: 500;

  letter-spacing: 0.05em;

}



.c-heading-sub em,

.c-heading-sub i {

  font-weight: 600;

}



.c-heading-list {

  letter-spacing: 0.05em;

}



.c-heading-list .flag {

  display: inline-block;

  margin-right: 0.5em;

  font-size: 0.7em;

  text-decoration: none;

  vertical-align: middle;

}



[dir="rtl"] .c-heading-list .flag {

  margin-right: 0;

  margin-left: 0.5em;

}



.c-heading-line {

  position: relative;

  font-weight: 500;

  line-height: 1.1;

  letter-spacing: 0.05em;

}



.c-heading-line em,

.c-heading-line i {

  font-weight: 600;

}



.c-heading-line::before {

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: -1;

  display: block;

  width: 100%;

  content: "";

  background-color: #808080;

}



.c-heading-line.is-common::before {

  background-color: #963852;

}



.c-heading-line.is-trends::before {

  background-color: #ff5614;

}



.c-heading-line.is-jvt::before {

  background-color: #a265c2;

}



.c-heading-line.is-niponica::before {

  background-color: #539e38;

}



.c-heading-line.is-kidsweb::before {

  background-color: #e82c89;

}



.c-heading-line.is-factsheet::before {

  background-color: #2a82db;

}



.c-hero-niponica img {

  width: 100%;

}



.c-hero_image > img {

  width: 100%;

}



.c-hero_head {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

}



.c-hero_head_inner {

  width: 100%;

}



.c-hero_title {

  display: block;

  font-weight: 500;

  color: #fff;

  text-align: center;

  letter-spacing: 0.05em;

}



.c-hero_title em,

.c-hero_title i {

  font-weight: 600;

}



.c-lists-stack > .list + .list {

  margin-top: 0.8em;

}



.c-post {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: reverse;

  -ms-flex-direction: column-reverse;

  flex-direction: column-reverse;

}



a.c-post {

  text-decoration: none;

}



.c-post_image {

  position: relative;

}



.c-post_image > .new {

  position: absolute;

  top: 0;

  left: 0;

  display: inline-block;

  padding: 0.3em 0.5em;

  font-weight: 500;

  text-align: center;

  letter-spacing: 0.05em;

  content: "";

  background-color: #c5a546;

}



.c-post_image > .new em,

.c-post_image > .new i {

  font-weight: 600;

}



[dir="rtl"] .c-post_image > .new {

  right: 0;

  left: auto;

}



.c-post_image_caption {

  font-size: 0.75em;

  line-height: 1.2;

}



* + .c-post_image_caption {

  margin-top: 0.2em;

}



.c-post_desc {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.c-post_title {

  order: 2;

  max-width: 100%;

  -webkit-box-ordinal-group: 3;

  -ms-flex-order: 2;

}



a .c-post_title {

  text-decoration: underline;

}



.c-post_content {

  order: 3;

  max-width: 100%;

  -webkit-box-ordinal-group: 4;

  -ms-flex-order: 3;

}



.c-post_intro {

  order: 1;

  max-width: 100%;

  -webkit-box-ordinal-group: 2;

  -ms-flex-order: 1;

}



.c-post_date {

  letter-spacing: 0.05em;

}



.c-post_btn {

  text-align: center;

}



.c-mod-card img {

  width: 100%;

}



.c-mod-bb {

  display: block;

  width: 100%;

  height: 100%;

  background: #999999;

  border-color: #666;

  border-style: solid;

}



.c-mod-bb.is-common {

  background: url(/assets/img/common/bg.png) repeat;

  background-size: 6px 12px;

}



.c-mod-bb.is-trends {

  background: url(/assets/img/trends/bg.png) repeat;

  background-size: 6px 12px;

}



.c-mod-bb.is-jvt {

  background: url(/assets/img/jvt/bg.png) repeat;

  background-size: 6px 12px;

}



.c-mod-bb.is-niponica {

  background: url(/assets/img/niponica/bg.png) repeat;

  background-size: 6px 12px;

}



.c-mod-bb.is-kidsweb {

  background: url(/assets/img/kidsweb/bg.png) repeat;

  background-size: 6px 12px;

}



.c-mod-bb.is-factsheet {

  background: url(/assets/img/factsheet/bg.png) repeat;

  background-size: 6px 12px;

}



.c-mod-wiocn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.c-mod-wiocn > .icon {

  width: 2em;

  height: 2em;

}



.c-mod-wiocn > .text {

  padding: 0 0.5em;

  font-weight: 500;

}



.c-mod-wiocn > .text em,

.c-mod-wiocn > .text i {

  font-weight: 600;

}



.c-media {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



a.c-media {

  text-decoration: none;

}



.c-media-icon {

  display: grid;

}



a .c-media-icon {

  text-decoration: none;

}



.c-article_title {

  font-weight: 500;

  line-height: 1.4;

  letter-spacing: 0.05em;

  letter-spacing: 0.02em;

  border-left-color: #808080;

  border-left-style: solid;

}



.c-article_title em,

.c-article_title i {

  font-weight: 600;

}



[dir="rtl"] .c-article_title {

  border-right-color: #808080;

  border-right-style: solid;

  border-left-color: transparent;

  border-left-style: none;

}



.is-common .c-article_title {

  border-left-color: #963852;

}



[dir="rtl"] .is-common .c-article_title {

  border-right-color: #963852;

  border-left-color: transparent;

}



.is-trends .c-article_title {

  border-left-color: #ff5614;

}



[dir="rtl"] .is-trends .c-article_title {

  border-right-color: #ff5614;

  border-left-color: transparent;

}



.is-jvt .c-article_title {

  border-left-color: #a265c2;

}



[dir="rtl"] .is-jvt .c-article_title {

  border-right-color: #a265c2;

  border-left-color: transparent;

}



.is-niponica .c-article_title {

  border-left-color: #539e38;

}



[dir="rtl"] .is-niponica .c-article_title {

  border-right-color: #539e38;

  border-left-color: transparent;

}



.is-kidsweb .c-article_title {

  border-left-color: #e82c89;

}



[dir="rtl"] .is-kidsweb .c-article_title {

  border-right-color: #e82c89;

  border-left-color: transparent;

}



.is-factsheet .c-article_title {

  border-left-color: #2a82db;

}



[dir="rtl"] .is-factsheet .c-article_title {

  border-right-color: #2a82db;

  border-left-color: transparent;

}



.c-article_body * + p:not(.caption),

.c-article_body * + ul,

.c-article_body * + ol,

.c-article_body * + dl,

.c-article_body * + table,

.c-article_body * + img,

.c-article_body * + figure,

.c-article_body * + .box,

.c-article_body * + .box-bg,

.c-article_body * + .box-border,

.c-article_body * + .box-image,

.c-article_body * + .columns {

  margin-top: 1.5em;

}



.c-article_body * + .column {

  margin-top: 0;

}



.c-article_body * + h2,

.c-article_body * + h3,

.c-article_body * + h4,

.c-article_body * + h5,

.c-article_body * + h6 {

  margin-top: 2em;

}



.c-article_body h2 {

  padding-bottom: 0.5em;

  font-weight: 500;

  letter-spacing: 0.05em;

  border-bottom: solid 2px #808080;

}



.c-article_body h2 em,

.c-article_body h2 i {

  font-weight: 600;

}



.is-common .c-article_body h2 {

  border-bottom-color: #963852;

}



.is-trends .c-article_body h2 {

  border-bottom-color: #ff5614;

}



.is-jvt .c-article_body h2 {

  border-bottom-color: #a265c2;

}



.is-niponica .c-article_body h2 {

  border-bottom-color: #539e38;

}



.is-kidsweb .c-article_body h2 {

  border-bottom-color: #e82c89;

}



.is-factsheet .c-article_body h2 {

  border-bottom-color: #2a82db;

}



.c-article_body h3 {

  padding-bottom: 0.5em;

  font-weight: 500;

  letter-spacing: 0.05em;

  border-bottom: solid 1px #808080;

}



.c-article_body h3 em,

.c-article_body h3 i {

  font-weight: 600;

}



.is-common .c-article_body h3 {

  border-bottom-color: #963852;

}



.is-trends .c-article_body h3 {

  border-bottom-color: #ff5614;

}



.is-jvt .c-article_body h3 {

  border-bottom-color: #a265c2;

}



.is-niponica .c-article_body h3 {

  border-bottom-color: #539e38;

}



.is-kidsweb .c-article_body h3 {

  border-bottom-color: #e82c89;

}



.is-factsheet .c-article_body h3 {

  border-bottom-color: #2a82db;

}



.c-article_body h4 {

  font-weight: 500;

  letter-spacing: 0.05em;

}



.c-article_body h4 em,

.c-article_body h4 i {

  font-weight: 600;

}



.c-article_body h5,

.c-article_body h6 {

  font-weight: 500;

}



.c-article_body h5 em,

.c-article_body h5 i,

.c-article_body h6 em,

.c-article_body h6 i {

  font-weight: 600;

}



.c-article_body .caption {

  font-size: 0.75em;

}



* + .c-article_body .caption {

  margin-top: 0.5em;

}



.c-article_body dt {

  font-weight: 500;

}



.c-article_body dt em,

.c-article_body dt i {

  font-weight: 600;

}



.c-article_body dt + dd {

  margin-top: 0.5em;

}



.c-article_body hr {

  margin: 1.5em 0;

  border-top-color: #808080;

}



.c-article_body ul.list > li + li {

  margin-top: 0.8em;

}



.c-article_body ul.list-dot > li {

  position: relative;

  padding-left: 1em;

}



.c-article_body ul.list-dot > li + li {

  margin-top: 0.8em;

}



[dir="rtl"] .c-article_body ul.list-dot > li {

  padding-right: 1em;

  padding-left: 0;

}



.c-article_body ul.list-dot > li::before {

  position: absolute;

  top: 0.5em;

  left: 0;

  display: block;

  width: 5px;

  height: 5px;

  content: "";

  background-color: #666;

  border-radius: 50%;

}



[dir="rtl"] .c-article_body ul.list-dot > li::before {

  right: 0;

  left: auto;

}



.c-article_body ol {

  counter-reset: num;

}



.c-article_body ol > li {

  position: relative;

  padding-left: 1.5em;

}



.c-article_body ol > li + li {

  margin-top: 0.8em;

}



[dir="rtl"] .c-article_body ol > li {

  padding-right: 1.5em;

  padding-left: 0;

}



.c-article_body ol > li::before {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  content: counter(num) ".";

  counter-increment: num;

}



[dir="rtl"] .c-article_body ol > li::before {

  right: 0;

  left: auto;

}



.c-article_body table {

  width: 100%;

  border-top: solid 1px #808080;

  border-left: solid 1px #808080;

}



.c-article_body table caption {

  margin-bottom: 0.5em;

}



.c-article_body table th,

.c-article_body table td {

  padding: 0.5em 1em;

  border-right: solid 1px #808080;

  border-bottom: solid 1px #808080;

}



.c-article_body table th {

  font-weight: 500;

  background-color: #eee;

}



.c-article_body table th em,

.c-article_body table th i {

  font-weight: 600;

}



.is-common .c-article_body table th {

  background-color: #e8c1cc;

}



.is-trends .c-article_body table th {

  background-color: #fff4ef;

}



.is-jvt .c-article_body table th {

  background-color: white;

}



.is-niponica .c-article_body table th {

  background-color: #d0ebc6;

}



.is-kidsweb .c-article_body table th {

  background-color: #fef2f8;

}



.is-factsheet .c-article_body table th {

  background-color: #e6f0fb;

}



.c-article_body .box-bg {

  padding: 1.5em;

}



.is-common .c-article_body .box-bg {

  background-color: #e8c1cc;

}



.is-trends .c-article_body .box-bg {

  background-color: #fff4ef;

}



.is-jvt .c-article_body .box-bg {

  background-color: white;

}



.is-niponica .c-article_body .box-bg {

  background-color: #d0ebc6;

}



.is-kidsweb .c-article_body .box-bg {

  background-color: #fef2f8;

}



.is-factsheet .c-article_body .box-bg {

  background-color: #e6f0fb;

}



.c-article_body .box-border {

  padding: 1.5em;

  border: solid 1px #808080;

}



.c-article_body .enlarge-photo {

  display: none;

  margin-top: 0.8em;

}



.c-article_body .image-modal {

  text-align: left;

}



[dir="rtl"] .c-article_body .image-modal {

  text-align: right;

}



.c-article_body .enlarge {

  text-decoration: none;

}



.c-article_body .enlarge::after {

  display: inline-block;

  width: 2em;

  height: 2em;

  margin-left: 0.3em;

  vertical-align: middle;

  content: "";

  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046%2046%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.b%7Bfill%3Anone%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D.a%7Bstroke%3A%23666%3B%7D.b%7Bstroke%3A%230d0d0d%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_plusbd%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M23%2C3A20%2C20%2C0%2C1%2C0%2C43%2C23%2C20%2C20%2C0%2C0%2C0%2C23%2C3Z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M23%2C14V32%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M13.91%2C23H32.09%22%2F%3E%3C%2Fsvg%3E")

    no-repeat;

}



[dir="rtl"] .c-article_body .enlarge::after {

  margin-right: 0.3em;

  margin-left: 0;

}



.c-article_body .full {

  width: 100%;

}



.c-article_body .arrow {

  position: relative;

  display: inline-block;

  padding-left: 1.4rem;

}



[dir="rtl"] .c-article_body .arrow {

  padding-right: 1.4rem;

  padding-left: 0;

}



.c-article_body .arrow::before {

  position: absolute;

  top: 0.4em;

  left: 0;

  display: block;

  width: 0;

  height: 0;

  content: "";

  border: solid 5px transparent;

  border: solid 0.5rem transparent;

  border-left-color: #808080;

}



[dir="rtl"] .c-article_body .arrow::before {

  right: 0;

  left: auto;

  border-right-color: #808080;

  border-left-color: transparent;

}



.is-common .c-article_body .arrow::before {

  border-left-color: #963852;

}



[dir="rtl"] .is-common .c-article_body .arrow::before {

  border-right-color: #963852;

  border-left-color: transparent;

}



.is-trends .c-article_body .arrow::before {

  border-left-color: #ff5614;

}



[dir="rtl"] .is-trends .c-article_body .arrow::before {

  border-right-color: #ff5614;

  border-left-color: transparent;

}



.is-jvt .c-article_body .arrow::before {

  border-left-color: #a265c2;

}



[dir="rtl"] .is-jvt .c-article_body .arrow::before {

  border-right-color: #a265c2;

  border-left-color: transparent;

}



.is-niponica .c-article_body .arrow::before {

  border-left-color: #539e38;

}



[dir="rtl"] .is-niponica .c-article_body .arrow::before {

  border-right-color: #539e38;

  border-left-color: transparent;

}



.is-kidsweb .c-article_body .arrow::before {

  border-left-color: #e82c89;

}



[dir="rtl"] .is-kidsweb .c-article_body .arrow::before {

  border-right-color: #e82c89;

  border-left-color: transparent;

}



.is-factsheet .c-article_body .arrow::before {

  border-left-color: #2a82db;

}



[dir="rtl"] .is-factsheet .c-article_body .arrow::before {

  border-right-color: #2a82db;

  border-left-color: transparent;

}



.c-article_modal.iziModal {

  -webkit-box-shadow: none;

  box-shadow: none;

}



.c-article_modal.iziModal::after {

  background: transparent;

}



.c-article_modal .iziModal-content {

  text-align: center;

}



.p-top_mv {

  background-repeat: no-repeat;

  background-position: right bottom;

}



.p-top_mv_inner {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  max-width: calc(1400px + 4vw);

}



.p-top_contents_title {

  font-weight: 500;

  line-height: 1.1;

  color: #963852;

  letter-spacing: 0.05em;

  letter-spacing: 0;

}



.p-top_contents_title em,

.p-top_contents_title i {

  font-weight: 600;

}



.p-top_contents_lead {

  letter-spacing: 0.05em;

}



* + .p-top_contents_lead {

  margin-top: 1em;

}



.p-top_mv_carousel > .p-top_mv_item:not(:first-child) {

  display: none;

}



.p-top_mv_item {

  position: relative;

}



.p-top_mv_item:focus::before {

  content: '';
  
  display: block;
  
  width: calc( 100% - 1px );
  
  height: 100%;
  
  position: absolute;
  
  border: 2px solid black;
  
  box-sizing: border-box;
  
  z-index: 2;

}



.p-top_mv_head {

  position: absolute;

  right: 0;

  z-index: 1;

}



[dir="rtl"] .p-top_mv_head {

  right: auto;

  left: 0;

}



.p-top_mv_title {

  font-weight: 500;

  letter-spacing: 0.05em;

  background-color: rgba(255, 255, 255, 0.9);

}



.p-top_mv_title em,

.p-top_mv_title i {

  font-weight: 600;

}



.p-top_mv_image {

  position: relative;

}



.p-top_mv_buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.p-top_mv_buttons.is-hide {

  display: none;

}



.p-top_mv_btn-control {

  position: relative;

  display: inline-block;

  text-indent: -9999px;

  vertical-align: middle;

}



.p-top_mv_btn-control::before,

.p-top_mv_btn-control::after {

  position: absolute;

  top: 0;

  bottom: 0;

  display: block;

  margin: auto;

  content: "";

}



.p-top_mv_btn-control::before {

  right: 0;

  border-radius: 50%;

}



.p-top_mv_btn-control.is-stop::after {

  right: 0;

  left: 0;

  width: 10px;

  width: 1rem;

  height: 16px;

  height: 1.6rem;

  border-right: solid 3px #0d0d0d;

  border-left: solid 3px #0d0d0d;

}



.p-top_mv_btn-control.is-play::after {

  width: 0;

  height: 0;

  border-top: solid 8px transparent;

  border-top: solid 0.8rem transparent;

  border-right: solid 12px transparent;

  border-right: solid 1.2rem transparent;

  border-bottom: solid 8px transparent;

  border-bottom: solid 0.8rem transparent;

  border-left: solid 12px #0d0d0d;

  border-left: solid 1.2rem #0d0d0d;

}



.p-top_mv_btn-control.is-prev::after,

.p-top_mv_btn-control.is-next::after {

  width: 12px;

  width: 1.2rem;

  height: 12px;

  height: 1.2rem;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



[dir="rtl"] .p-top_mv_btn-control.is-prev::after,

[dir="rtl"] .p-top_mv_btn-control.is-next::after {

  -webkit-transform: rotate(225deg);

  transform: rotate(225deg);

}



.p-top_mv_btn-control.is-prev::after {

  border-bottom: solid 2px #0d0d0d;

  border-left: solid 2px #0d0d0d;

}



.p-top_mv_btn-control.is-next::after {

  border-top: solid 2px #0d0d0d;

  border-right: solid 2px #0d0d0d;

}



.p-top_recommended_tabs {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  justify-content: space-between;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

}



.p-top_recommended_tab {

  flex-basis: 31.6%;

  flex-shrink: 0;

  max-width: 31.6%;

  text-decoration: none;

  background-color: #fff;

  border: solid 2px #963852;

  border-radius: 3px;

  -ms-flex-preferred-size: 31.6%;

  -ms-flex-negative: 0;

}



.p-top_recommended_tab > .inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  font-weight: 500;

  line-height: 1.2;

  text-align: center;

  letter-spacing: 0.05em;

  letter-spacing: 0;

  -webkit-box-align: center;

  -ms-flex-align: center;

}



.p-top_recommended_tab > .inner em,

.p-top_recommended_tab > .inner i {

  font-weight: 600;

}



.p-top_recommended_tab > .inner > .icon svg {

  fill: currentColor;

}



.p-top_recommended_tab[aria-selected="true"] {

  position: relative;

  color: #fff;

  background-color: #963852;

}



.p-top_recommended_tab[aria-selected="true"]::after {

  position: absolute;

  top: 100%;

  right: 0;

  left: 0;

  display: block;

  width: 0;

  height: 0;

  margin: auto;

  content: "";

  border: solid 0.7em transparent;

  border-top-color: #963852;

}



.p-top_post_title {

  line-height: 1.3;

  letter-spacing: 0.05em;

}



.p-top_content.is-factsheet {

  background: url(/assets/img/factsheet/bg.png) repeat;

  background-size: 6px 12px;

}



.p-top_content.is-niponica .p-top_content_inner {

  max-width: calc(1400px + 4vw);

}



.p-top_content.is-niponica .p-top_content_head {

  background-color: rgba(255, 255, 255, 0.96);

}



.p-top_content_lead {

  letter-spacing: 0.05em;

}



.p-top_content_icon {

  display: inline-block;

  margin-right: 0.3em;

  vertical-align: middle;

}



[dir="rtl"] .p-top_content_icon {

  margin-right: 0;

  margin-left: 0.3em;

}



.p-top_content_icon > svg circle,

.p-top_content_icon > svg path,

.p-top_content_icon > svg polygon {

  stroke-width: 1px !important;

}



.p-jvt_posts-new .c-heading-list {

  letter-spacing: 0.05em;

}



.p-jvt_posts-new .c-tag-primary {

  letter-spacing: 0.05em;

}



.p-jvt_posts-new .c-post_date {

  letter-spacing: 0.05em;

}



.p-jvt_post_group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.p-jvt_post_links_dl {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.p-jvt_post_links_dl > dd {

  padding-left: 0.2em;

}



[dir="rtl"] .p-jvt_post_links_dl > dd {

  padding-right: 0.2em;

  padding-left: 0;

}



.p-jvt_post_movies > .list {

  display: inline-block;

}



* + .p-jvt_post_links_other {

  padding-left: 2em;

}



[dir="rtl"] * + .p-jvt_post_links_other {

  padding-right: 2em;

  padding-left: 0;

}



.p-jvt_modal {

  display: none;

}



.p-jvt_modal.iziModal {

  -webkit-box-shadow: none;

  box-shadow: none;

}



.p-jvt_modal.iziModal::after {

  background: transparent;

}



.p-jvt_modal .iziModal-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100% !important;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

}



.p-jvt_modal .iziModal-content {

  position: absolute;

  top: 50%;

  left: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

}



.p-jvt_modal .data-video-dimensions {

  background: transparent;

}



.p-jvt_modal_video {

  max-width: 100%;

}



.p-factsheet-files > li a {

  text-decoration: none;

}



.p-factsheet-files > li a:hover {

  color: #963852;

  text-decoration: underline;

}



.is-Introduction .p-factsheet-tag {

  background-color: #9f0b09;

}



.is-Government .p-factsheet-tag {

  background-color: #00205f;

}



.is-Economy .p-factsheet-tag {

  background-color: #113310;

}



.is-Society .p-factsheet-tag {

  background-color: #5f2e73;

}



.is-Culture .p-factsheet-tag {

  background-color: #656a00;

}



.is-Sports .p-factsheet-tag {

  background-color: #a03a00;

}



.p-niponica_feature {

  -ms-display: grid;

  display: -ms-grid;

  display: grid;

}



.p-niponica_num > .publication {

  letter-spacing: 0.05em;

}



.p-niponica_num > .no {

  display: block;

  margin-top: 0.5em;

  font-weight: 500;

  letter-spacing: 0.05em;

  direction: ltr;

}



.p-niponica_num > .no em,

.p-niponica_num > .no i {

  font-weight: 600;

}



[dir="rtl"] .p-niponica_num > .no {

  text-align: right;

}



.p-niponica_num > .no > .number {

  line-height: 1;

  letter-spacing: 0.05em;

  letter-spacing: 0;

}



.p-niponica_feature_image img {

  border: solid 1px #0d0d0d;

}



.p-niponica_feature_btns {

  text-align: center;

}



.p-niponica_feature_shoulder {

  display: inline-block;

  margin-bottom: 0.5em;

  font-weight: 500;

  color: #e60012;

}



.p-niponica_feature_summary .caption {

  letter-spacing: 0.05em;

}



.p-niponica_post_attention {

  letter-spacing: 0.05em;

}



* + .p-niponica_post_attention {

  margin-top: 1em;

}



.p-niponica_post_image img {

  border: solid 1px #0d0d0d;

}



.p-kidsweb_title {

  line-height: 1;

  color: #e82c89;

  letter-spacing: 0.05em;

  letter-spacing: 0;

}



.p-kidsweb_body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.p-kisdweb_lead {

  font-weight: 500;

  letter-spacing: 0.05em;

}



.p-kisdweb_lead em,

.p-kisdweb_lead i {

  font-weight: 600;

}



.p-kisdweb_content > dt {

  font-weight: 500;

  letter-spacing: 0.05em;

}



.p-kisdweb_content > dt em,

.p-kisdweb_content > dt i {

  font-weight: 600;

}



.p-kisdweb_content > dd {

  margin-top: 1em;

}



.p-kidsweb_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: reverse;

  -ms-flex-direction: column-reverse;

  flex-direction: column-reverse;

}



.p-kidsweb_list > .inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: reverse;

  -ms-flex-direction: column-reverse;

  flex-direction: column-reverse;

  text-decoration: none;

}



.p-trends_title {

  line-height: 1;

  color: #ff5614;

  letter-spacing: 0.05em;

  letter-spacing: 0;

}



.p-trends_body {

  position: relative;

}



.p-trends_body::before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  display: block;

  content: "";

  background-image: url(/assets/img/trends/bg.png);

  background-repeat: repeat;

  background-size: 6px 12px;

}



.p-trends_foot {

  text-align: center;

}



.p-trends_post_inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  text-decoration: none;

}



@media all and (min-width: 751px) {

  h1,

  h2,

  h3,

  h4,

  h5,

  h6 {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  body {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  a {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }



  a:hover {

    text-decoration: none;

  }



  .spOnly {

    display: none;

  }



  .spOnlyIn {

    display: none;

  }



  .pcOnly {

    display: block;

  }



  .pcOnlyIn {

    display: inline-block;

  }



  .pcOnlyTb {

    display: table;

  }



  .center-pc {

    text-align: center;

  }



  .right-pc {

    text-align: right;

  }



  .left-pc {

    text-align: left;

  }



  a.hoverline:hover {

    text-decoration: underline;

  }



  a.hovercolor:hover {

    color: #963852;

  }



  .morebp {

    display: block;

  }



  .lessbp {

    display: none;

  }



  .l-header_inner {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-header_inner {

    position: relative;

  }



  .l-header_logo > a > .lead {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  .l-header_logo {

    height: 4.5em;

    padding-top: 1em;

  }



  .temp-simple .l-header_logo {

    height: 5em;

  }



  .l-header_logo > a > .lead {

    display: inline-block;

    padding: 0 0 0.5em 1em;

  }



  .l-header_logo img {

    width: 25vw;

  }



  .l-header_upper {

    position: absolute;

    top: 0;

    z-index: 3;

  }



  .is-script .l-header_upper {

    right: 2vw;

    max-width: 45%;

  }



  [dir="rtl"] .is-script .l-header_upper {

    right: auto;

    left: 2vw;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

  }



  .l-header_langbox {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  .is-script .l-header_langbox {

    min-width: 12em;

  }



  .is-script .l-header_langbox_current {

    padding: 0.7em 1em;

  }



  .is-script .l-header_langbox_list_wrap {

    width: 12em;

  }



  .is-script .l-header_langbox_list_inner {

    padding: 0.7em 1em;

  }



  .is-script .l-header_langbox_list_inner:hover {

    background-color: #333;

  }



  .is-script .l-header_searchbox form.gsc-search-box {

    font-size: 1.6rem;

    font-size: 1.33333vw;

  }



  .is-script .l-header_searchbox {

    margin: 0.2em 0 0.2em 0.7em;

    background-color: #fff;

  }



  .is-script .l-header_searchbox .gsib_a {

    padding: 0 0 0 0.5em;

  }



  .is-script .l-header_searchbox .cse button.gsc-search-button,

  .is-script .l-header_searchbox button.gsc-search-button {

    padding: 10px 8px;

  }



  .l-nav {

    height: 4em;

  }



  .l-nav_btn {

    display: none;

  }



  .l-nav_lists {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    height: 100%;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

  }



  .l-nav_lists > .list {

    position: relative;

    flex-grow: 1;

    height: 100%;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

  }



  .l-nav_lists > .list + .list::before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    display: block;

    width: 2px;

    height: 1.8em;

    margin: auto;

    content: "";

    background-color: #808080;

  }



  [dir="rtl"] .l-nav_lists > .list + .list::before {

    right: 0;

    left: auto;

  }



  .l-nav_lists > .list:first-child::before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    display: block;

    width: 2px;

    height: 1.8em;

    margin: auto;

    content: "";

    background-color: #808080;

  }



  [dir="rtl"] .l-nav_lists > .list:first-child::before {

    right: 0;

    left: auto;

  }



  .l-nav_lists > .list:last-child::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 2;

    display: block;

    width: 2px;

    height: 1.8em;

    margin: auto;

    content: "";

    background-color: #808080;

  }



  [dir="rtl"] .l-nav_lists > .list:last-child::after {

    right: auto;

    left: 0;

  }



  .l-nav_list_inner {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  .l-nav_list_inner {

    position: relative;

    z-index: 1;

    display: block;

    height: 100%;

    background-color: #fff;

  }



  .is-common .l-nav_list_inner:focus {

    color: #963852;

  }



  .is-trends .l-nav_list_inner:focus {

    color: #963852;

  }



  .is-jvt .l-nav_list_inner:focus {

    color: #963852;

  }



  .is-niponica .l-nav_list_inner:focus {

    color: #963852;

  }



  .is-kidsweb .l-nav_list_inner:focus {

    color: #963852;

  }



  .is-factsheet .l-nav_list_inner:focus {

    color: #963852;

  }



  .l-nav_list_inner::after {

    position: absolute;

    bottom: 0;

    left: 3px;

    display: block;

    width: calc(100% - 2px);

    height: 4px;

    margin: auto;

    content: "";

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }



  .l-nav_list_inner:hover::after,

  .l-nav_list_inner.is-current::after {

    background-color: #963852;

  }



  .l-nav_list_inner > .text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

  }



  .l-nav_lists-secondary {

    position: absolute;

    top: calc(100% + 1px);

    left: 0;

    z-index: 1;

    width: 100%;

    height: 0;

    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }



  .has-secondary:hover .l-nav_lists-secondary {

    display: block !important;

    height: 100%;

  }



  .has-secondary:hover .l-nav_lists-secondary .l-nav_sub_inner {

    display: block;

  }



  .l-nav_lists-sub > .list + .list .l-nav_sub_inner {

    border-top: solid 1px #808080;

  }



  .l-nav_sub_inner {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .l-nav_sub_inner {

    padding: 0.7em 1em;

    background-color: #ededed;

  }



  .l-nav_sub_inner:hover {

    color: #fff;

    background-color: #666;

  }



  .l-nav_sub_inner:hover > .text::after {

    border-top-color: #fff;

    border-right-color: #fff;

  }



  .l-nav_sub_inner > .text {

    display: block;

  }



  .l-footer_inner {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-footer_totop {

    right: 1.5em;

    bottom: 5em;

  }



  [dir="rtl"] .l-footer_totop {

    right: auto;

    left: 1.5em;

  }



  .l-footer_totop_icon {

    width: 3.4em;

    height: 3.4em;

    -webkit-transition: -webkit-transform 0.2s ease;

    transition: -webkit-transform 0.2s ease;

    transition: transform 0.2s ease;

    transition: transform 0.2s ease, -webkit-transform 0.2s ease;

  }



  .l-footer_totop_icon::before {

    top: 0.9em;

    height: 1.6em;

  }



  .l-footer_totop_icon::after {

    top: 1em;

    width: 1em;

    height: 1em;

  }



  .l-footer_totop_icon:hover {

    -webkit-transform: translate3d(0, -0.6em, 0);

    transform: translate3d(0, -0.6em, 0);

  }



  .l-footer_links {

    padding: 3.5em 0 2.5em;

  }



  .l-footer_nav-alternate {

    display: none;

  }



  .l-footer_links_inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }



  .l-footer_links_content {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    min-width: 20%;

  }



  .l-footer_links_content + .l-footer_links_content {

    padding-left: 5em;

  }



  .l-footer_links_section > .title {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .l-footer_links_section + .l-footer_links_section {

    margin-top: 2em;

  }



  .l-footer_links_section > .list {

    padding-left: 1em;

    margin-top: 1em;

  }



  .l-footer_links_lists > .list + .list {

    margin-top: 0.5em;

  }



  .l-footer_links_lists > .list > a:hover {

    text-decoration: underline;

  }



  .l-footer_lang-alternate {

    margin-bottom: 3em;

  }



  .l-footer_lang_lists > .list + .list {

    padding-left: 1em;

    margin-left: 1em;

    border-left: solid 1px #fff;

  }



  [dir="rtl"] .l-footer_lang_lists > .list + .list {

    padding-right: 1em;

    padding-left: 0;

    margin-right: 1em;

    margin-left: 0;

    border-right: solid 1px #fff;

    border-left: none;

  }



  .l-footer_lower {

    padding: 1em 0 1.5em;

  }



  * + .l-footer_lower {

    margin-top: 1em;

  }



  .l-footer_lower::after {

    display: table;

    clear: both;

    content: "";

  }



  .l-footer_lower_lists {

    float: left;

    border-right: solid 1px #fff;

    border-left: solid 1px #fff;

  }



  .l-footer_lower_lists > .list + .list {

    border-left: solid 1px #fff;

  }



  [dir="rtl"] .l-footer_lower_lists > .list + .list {

    border-right: solid 1px #fff;

    border-left: none;

  }



  .l-footer_lower_lists > .list > a {

    padding: 0 0.5em;

  }



  .l-footer_lower_lists > .list > a:hover {

    text-decoration: underline;

  }



  .l-footer_copyright {

    float: right;

  }



  .l-content-noscript {

    padding: 1em;

    text-align: center;

  }



  .l-contents {

    padding-bottom: 8em;

  }



  .l-contents_head {

    padding-top: 3em;

    text-align: center;

  }



  .l-contents_lead {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  * + .l-contents_lead {

    margin-top: 1em;

  }



  .l-content_lead-wide {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-content_lead-wide {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  * + .l-content_lead-wide {

    margin-top: 2em;

  }



  .l-contents_lead-local {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  .l-contents_lead-local > .inner {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-contents_lead-local {

    padding: 1.5em 0;

  }



  * + .l-contents_lead-local {

    margin-top: 3em;

  }



  * + .l-contents_body {

    margin-top: 4em;

  }



  * + .l-content {

    margin-top: 3.2em;

  }



  .is-common.l-content-bg .l-content-bg_title::before,

  .is-common.p-top_content-bg .l-content-bg_title::before,

  .is-common.l-content-bg .l-content-bg_title::after,

  .is-common.p-top_content-bg .l-content-bg_title::after {

    background-color: #963852;

  }



  .is-trends.l-content-bg .l-content-bg_title::before,

  .is-trends.p-top_content-bg .l-content-bg_title::before,

  .is-trends.l-content-bg .l-content-bg_title::after,

  .is-trends.p-top_content-bg .l-content-bg_title::after {

    background-color: #ff5614;

  }



  .is-jvt.l-content-bg .l-content-bg_title::before,

  .is-jvt.p-top_content-bg .l-content-bg_title::before,

  .is-jvt.l-content-bg .l-content-bg_title::after,

  .is-jvt.p-top_content-bg .l-content-bg_title::after {

    background-color: #a265c2;

  }



  .is-niponica.l-content-bg .l-content-bg_title::before,

  .is-niponica.p-top_content-bg .l-content-bg_title::before,

  .is-niponica.l-content-bg .l-content-bg_title::after,

  .is-niponica.p-top_content-bg .l-content-bg_title::after {

    background-color: #539e38;

  }



  .is-kidsweb.l-content-bg .l-content-bg_title::before,

  .is-kidsweb.p-top_content-bg .l-content-bg_title::before,

  .is-kidsweb.l-content-bg .l-content-bg_title::after,

  .is-kidsweb.p-top_content-bg .l-content-bg_title::after {

    background-color: #e82c89;

  }



  .is-factsheet.l-content-bg .l-content-bg_title::before,

  .is-factsheet.p-top_content-bg .l-content-bg_title::before,

  .is-factsheet.l-content-bg .l-content-bg_title::after,

  .is-factsheet.p-top_content-bg .l-content-bg_title::after {

    background-color: #2a82db;

  }



  .l-content-bg,

  .p-top_content-bg {

    padding: 1.5em 0 4em;

    border-bottom-width: 4px;

  }



  * + .l-content-bg {

    margin-top: 5em;

  }



  .l-content-bg_title {

    position: absolute;

    top: -0.7em;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    width: 100%;

    -webkit-box-align: center;

    -ms-flex-align: center;

  }



  .l-content-bg_title::before,

  .l-content-bg_title::after {

    display: block;

    flex-grow: 1;

    height: 4px;

    content: "";

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

  }



  .l-content-bg_title::before {

    margin-right: 1em;

  }



  .l-content-bg_title::after {

    margin-left: 1em;

  }



  .l-content-line {

    padding: 1.5em 0;

  }



  * + .l-content-line {

    margin-top: 5em;

  }



  .l-content-line-thin {

    padding: 3em 0;

  }



  * + .l-content-line-thin {

    margin-top: 5em;

  }



  .l-content-mid {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  * + .l-content_body {

    margin-top: 2.5em;

  }



  .l-contents_wrap {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-contents_wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }



  .l-contents_main {

    flex-basis: 75%;

    flex-grow: 1;

    max-width: 75%;

    -ms-flex-preferred-size: 75%;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

  }



  .l-contents_sub {

    flex-basis: 20%;

    flex-shrink: 0;

    max-width: 240px;

    -ms-flex-preferred-size: 20%;

    -ms-flex-negative: 0;

  }



  * + .l-contents_sub {

    margin-left: 5%;

  }



  [dir="rtl"] * + .l-contents_sub {

    margin-right: 5%;

    margin-left: 0;

  }



  * + .l-contents_sub_nav {

    margin-top: 2em;

  }



  .l-contents_sub_nav_group {

    padding: 1.5em;

  }



  * + .l-contents_sub_nav_group {

    margin-top: 1.5em;

  }



  * + .l-contents_sub_nav_lists {

    margin-top: 1em;

  }



  .l-contents_sub_nav_lists > .list + .list {

    margin-top: 1em;

  }



  .l-contents_sub_nav_lists > .list > span {

    padding-left: 1.5em;

  }



  [dir="rtl"] .l-contents_sub_nav_lists > .list > span {

    padding-right: 1.5em;

    padding-left: 0;

  }



  .l-contents_sub_nav_lists > .list > a {

    padding: 0 1.2rem 0 1.5em;

  }



  [dir="rtl"] .l-contents_sub_nav_lists > .list > a {

    padding: 0 1.5em 0 1.2rem;

  }



  .l-contents_sub_nav_lists > .list > a:hover {

    text-decoration: underline;

  }



  * + .l-contents_foot {

    margin-top: 5em;

  }



  * + .l-content_more {

    margin-top: 3em;

  }



  * + .l-section {

    margin-top: 1.5em;

  }



  * + .l-section_body {

    margin-top: 1em;

  }



  * + .l-section_foot {

    margin-top: 1.2em;

  }



  .l-content_modal_close {

    top: 30px;

    right: 30px;

    width: 60px;

    height: 60px;

  }



  .l-content_modal_close::before,

  .l-content_modal_close::after {

    width: 60px;

    -webkit-transition: -webkit-transform 0.3s ease;

    transition: -webkit-transform 0.3s ease;

    transition: transform 0.3s ease;

    transition: transform 0.3s ease, -webkit-transform 0.3s ease;

  }



  .l-content_modal_close:hover::before {

    -webkit-transform: rotate(45deg) scale(1.2);

    transform: rotate(45deg) scale(1.2);

  }



  .l-content_modal_close:hover::after {

    -webkit-transform: rotate(-45deg) scale(1.2);

    transform: rotate(-45deg) scale(1.2);

  }



  .l-mod_service {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-mod_service {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

  }



  .l-mod_service_mail > a {

    padding: 1em 0;

  }



  .l-mod_service_mail > a:hover {

    text-decoration: none;

  }



  * + .l-mod_service_sns {

    margin-left: 1em;

  }



  [dir="rtl"] * + .l-mod_service_sns {

    margin-right: 1em;

    margin-left: 0;

  }



  .l-mod_service_sns > .list > a {

    padding: 1em 0 1em 1.2em;

  }



  [dir="rtl"] .l-mod_service_sns > .list > a {

    padding: 1em 1.2em 1em 0;

  }



  .l-mod_pagepath {

    padding: 0 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  * + .l-mod_pagepath {

    margin-top: 2vw;

  }



  .l-mod_pagepath_lists > .list > a:hover {

    text-decoration: none;

  }



  .c-btn-primary,

  .c-btn-small,

  .c-btn-medium,

  .c-btn-large {

    cursor: pointer;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }



  .c-btn-primary:hover,

  .c-btn-small:hover,

  .c-btn-medium:hover,

  .c-btn-large:hover {

    opacity: 0.6;

  }



  .c-btn-primary {

    min-width: 13.4em;

    height: 3.2em;

  }



  .c-btn-small {

    min-width: 11em;

    height: 2.6em;

  }



  .c-btn-medium {

    font-size: 2.5rem;

    font-size: 2.08333vw;

  }



  .c-btn-medium {

    min-width: 13em;

  }



  .c-btn-large {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-btn-large {

    width: 16em;

    height: 4.2em;

    padding: 0 0.5em;

  }



  .c-btn-large .icon {

    flex-basis: 3em;

    max-width: 3em;

    -ms-flex-preferred-size: 3em;

  }



  .c-btn-large .icon > img {

    width: 3em;

    height: 3em;

  }



  a:hover .c-icon_arbd-next::after {

    border-top-color: #963852;

    border-right-color: #963852;

  }



  a:hover .c-icon_arbd-prev::after {

    border-bottom-color: #963852;

    border-left-color: #963852;

  }



  .c-tag-large {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-heading-primary {

    font-size: 4rem;

    font-size: 3.33333vw;

  }



  .c-heading-secondary {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-heading-sub {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .c-heading-list {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .c-heading-line {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-heading-line::before {

    height: 6px;

  }



  .c-hero {

    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;

    height: 10em;

  }



  .c-hero_image {

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    height: 10em;

  }



  .c-hero_image > img {

    -o-object-fit: cover;

    object-fit: cover;

    height: 100%;

  }



  .c-hero_head {

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

    -ms-flex-negative: 0;

    flex-shrink: 0;

  }



  .c-hero.is-common .c-hero_head {

    background-color: #963852;

  }



  .c-hero.is-trends .c-hero_head {

    background-color: #ff5614;

  }



  .c-hero.is-jvt .c-hero_head {

    background-color: #a265c2;

  }



  .c-hero.is-niponica .c-hero_head {

    background-color: #539e38;

  }



  .c-hero.is-kidsweb .c-hero_head {

    background-color: #e82c89;

  }



  .c-hero.is-factsheet .c-hero_head {

    background-color: #2a82db;

  }



  .c-hero_title {

    font-size: 5.6rem;

    font-size: 4.66667vw;

  }



  .c-lists-line {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }



  .c-lists-line > .list {

    padding-right: 2em;

  }



  [dir="rtl"] .c-lists-line > .list {

    padding-right: 0;

    padding-left: 2em;

  }



  .c-lists-archive {

    margin-right: -1em;

    margin-left: -1em;

  }



  .c-lists-archive::after {

    display: table;

    clear: both;

    content: "";

  }



  .c-lists-archive > .list {

    float: left;

    width: 20%;

    padding: 0 1em;

  }



  [dir="rtl"] .c-lists-archive > .list {

    float: right;

  }



  .c-post_image > .new {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-post_image {

    width: 100%;

    height: 100%;

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

  }



  * + .c-post_image {

    margin-bottom: 0.8em;

  }



  a:hover .c-post_image {

    opacity: 0.7;

  }



  .c-post_desc {

    flex-shrink: 0;

    width: 100%;

    -ms-flex-negative: 0;

  }



  a:hover .c-post_title {

    text-decoration: none;

  }



  .c-post_intro {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }



  * + .c-post_intro {

    margin-bottom: 0.5em;

  }



  .c-post_intro .c-tag-primary {

    margin-right: 0.8em;

  }



  [dir="rtl"] .c-post_intro .c-tag-primary {

    margin-right: 0;

    margin-left: 0.8em;

  }



  .c-post_date {

    font-size: 1.6rem;

    font-size: 1.33333vw;

  }



  .c-post_foot {

    padding-top: 1.5em;

    margin-top: auto;

  }



  .c-mod-card {

    display: block;

  }



  a:hover .c-mod-card {

    opacity: 0.7;

  }



  a.c-mod-card:hover {

    opacity: 0.7;

  }



  * + .c-mod-card_content {

    margin-top: 0.7em;

  }



  .c-mod-bb {

    padding: 1.5em 2em;

    border-width: 2px;

  }



  .c-media {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }



  .c-media_image {

    flex-basis: 47%;

    flex-shrink: 0;

    max-width: calc(380px + 4%);

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    -ms-flex-preferred-size: 47%;

    -ms-flex-negative: 0;

  }



  * + .c-media_image {

    padding-right: 4%;

  }



  [dir="rtl"] * + .c-media_image {

    padding-right: 0;

    padding-left: 4%;

  }



  .c-media_image img {

    width: 100%;

  }



  a:hover .c-media_image {

    opacity: 0.7;

  }



  .c-media_image-s {

    flex-basis: 38%;

    flex-shrink: 0;

    max-width: calc(300px + 4%);

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    -ms-flex-preferred-size: 38%;

    -ms-flex-negative: 0;

  }



  * + .c-media_image-s {

    padding-right: 4%;

  }



  [dir="rtl"] * + .c-media_image-s {

    padding-right: 0;

    padding-left: 4%;

  }



  .c-media_image-s img {

    width: 100%;

  }



  a:hover .c-media_image-s {

    opacity: 0.7;

  }



  .c-media_image-ss {

    flex-basis: 31%;

    flex-shrink: 0;

    max-width: calc(240px + 4%);

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    -ms-flex-preferred-size: 31%;

    -ms-flex-negative: 0;

  }



  * + .c-media_image-ss {

    padding-right: 4%;

  }



  [dir="rtl"] * + .c-media_image-ss {

    padding-right: 0;

    padding-left: 4%;

  }



  .c-media_image-ss img {

    width: 100%;

  }



  a:hover .c-media_image-ss {

    opacity: 0.7;

  }



  .c-media-half {

    flex-basis: 50%;

    flex-shrink: 0;

    max-width: 50%;

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  * + .c-media-half {

    padding-right: 4%;

  }



  [dir="rtl"] * + .c-media-half {

    padding-right: 0;

    padding-left: 4%;

  }



  a:hover .c-media-half {

    opacity: 0.7;

  }



  .c-media_desc {

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

  }



  .c-media-icon {

    -ms-display: grid;

    display: -ms-grid;

    grid-template-rows: auto 1fr;

    grid-template-columns: auto auto;

    height: 100%;

    -ms-grid-columns: auto auto;

    -ms-grid-rows: auto 1fr;

  }



  .c-media-icon_image {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-grid-row: 1;

    grid-row: 1 / span 2;

    -ms-grid-column: 1;

    grid-column: 1 / 2;

    align-items: center;

    padding-right: 1em;

    -ms-grid-column-span: 1;

    -ms-grid-row-span: 2;

    -webkit-box-align: center;

    -ms-flex-align: center;

  }



  [dir="rtl"] .c-media-icon_image {

    padding-right: 0;

    padding-left: 1em;

  }



  .c-media-icon_image img {

    width: 4em;

    height: 4em;

  }



  .c-media-icon_name {

    display: block;

    -ms-grid-row: 1;

    grid-row: 1 / 2;

    grid-row: 1 / 2;

    -ms-grid-column: 2;

    grid-column: 2 / 2;

    -ms-grid-column-span: 1;

    -ms-grid-row-span: 1;

  }



  .c-media-icon_lead {

    -ms-grid-row: 2;

    grid-row: 2 / 2;

    -ms-grid-column: 2;

    grid-column: 2 / 2;

    -ms-grid-column-span: 1;

    -ms-grid-row-span: 1;

  }



  * + .c-media-icon_lead {

    margin-top: 0.5em;

  }



  .c-grid-2,

  .c-grid-3,

  .c-grid-4 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: -1em -1em 0;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

  }



  .c-grid-2 > .c-grid_item {

    flex-basis: 50%;

    flex-shrink: 0;

    max-width: 50%;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  .c-grid-3:not(.c-grid-center)::after {

    display: block;

    width: 33.3%;

    content: "";

  }



  .c-grid-3 > .c-grid_item {

    flex-basis: 33.3%;

    flex-shrink: 0;

    max-width: 33.3%;

    -ms-flex-preferred-size: 33.3%;

    -ms-flex-negative: 0;

  }



  .c-grid-4:not(.c-grid-center)::before {

    display: block;

    order: 1;

    width: 25%;

    content: "";

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

  }



  .c-grid-4:not(.c-grid-center)::after {

    display: block;

    width: 25%;

    content: "";

  }



  .c-grid-4 > .c-grid_item {

    flex-basis: 25%;

    flex-shrink: 0;

    max-width: 25%;

    -ms-flex-preferred-size: 25%;

    -ms-flex-negative: 0;

  }



  .c-grid-center {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .c-grid_item {

    padding: 1em;

  }



  .c-lists-post .c-grid_item {

    padding-bottom: 2em;

  }



  .c-article_title {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-article_title {

    padding-left: 0.8em;

    border-left-width: 0.5em;

  }



  [dir="rtl"] .c-article_title {

    padding-right: 0.8em;

    padding-left: 0;

    border-right-width: 0.5em;

    border-left-width: 0;

  }



  .c-article_body h2 {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .c-article_body h3 {

    font-size: 2rem;

    font-size: 1.66667vw;

  }



  .c-article_body h4 {

    font-size: 2rem;

    font-size: 1.66667vw;

  }



  * + .c-article_body {

    margin-top: 1.5em;

  }



  .c-article_body .columns {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: -0.5em;

  }



  .c-article_body .columns + .columns {

    margin-top: 1em;

  }



  .c-article_body .columns .column {

    -ms-flex-negative: 0;

    flex-shrink: 0;

  }



  .c-article_body .column {

    padding: 0.5em;

  }



  .c-article_body .image-modal {

    cursor: default;

  }



  .c-article_body .image-modal[data-izimodal-open] {

    cursor: pointer;

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

  }



  .c-article_body .image-modal[data-izimodal-open]:hover {

    opacity: 0.6;

  }



  .c-article_body .image-modal img {

    max-height: 400px;

  }



  .c-article_body .enlarge:hover {

    text-decoration: underline;

  }



  .c-article_body .w10 {

    width: 10%;

  }



  .c-article_body .w15 {

    width: 15%;

  }



  .c-article_body .w20 {

    width: 20%;

  }



  .c-article_body .w25 {

    width: 25%;

  }



  .c-article_body .w30 {

    width: 30%;

  }



  .c-article_body .w35 {

    width: 35%;

  }



  .c-article_body .w40 {

    width: 40%;

  }



  .c-article_body .w45 {

    width: 45%;

  }



  .c-article_body .w50 {

    width: 50%;

  }



  .c-article_body .w55 {

    width: 55%;

  }



  .c-article_body .w60 {

    width: 60%;

  }



  .c-article_body .w65 {

    width: 65%;

  }



  .c-article_body .w70 {

    width: 70%;

  }



  .c-article_body .w75 {

    width: 75%;

  }



  .c-article_body .w80 {

    width: 80%;

  }



  .c-article_body .w85 {

    width: 85%;

  }



  .c-article_body .w90 {

    width: 90%;

  }



  .c-article_body .box::after,

  .c-article_body .box-image::after,

  .c-article_body .box-bg::after,

  .c-article_body .box-border::after {

    display: table;

    clear: both;

    content: "";

  }



  .c-article_body .fl-left {

    float: left;

    margin-right: 1.5em;

    margin-bottom: 1em;

  }



  [dir="rtl"] .c-article_body .fl-left {

    float: right;

    margin-right: 0;

    margin-left: 1.5em;

  }



  .c-article_body .fl-right {

    float: right;

    margin-bottom: 1em;

    margin-left: 1.5em;

  }



  [dir="rtl"] .c-article_body .fl-right {

    float: left;

    margin-right: 1.5em;

    margin-left: 0;

  }



  .c-article_modal {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    max-height: 660px;

  }



  .c-article_modal .iziModal-content {

    padding-top: 60px !important;

  }



  .c-article_modal_image {

    max-height: 600px;

    width: auto; /*css_change*/

  }



  .c-article_modal_close {

    top: 0;

    right: 0;

  }



  .p-top_contents {

    padding-bottom: 4em;

  }



  .p-top_mv {

    padding-bottom: 6em;

    background-image: url(/assets/img/top/bg_mv.jpg);

    background-size: contain;

  }



  .p-top_mv_inner {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .p-top_mv_inner {

    align-items: center;

    justify-content: space-between;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-box-align: center;

    -ms-flex-align: center;

  }



  .p-top_contents_head {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    padding-right: 3em;

    padding-bottom: 4rem;

  }



  [dir="rtl"] .p-top_contents_head {

    padding-right: 0;

    padding-left: 3em;

  }



  .p-top_contents_title {

    font-size: 6rem;

    font-size: 5vw;

  }



  .p-top_contents_lead {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .p-top_mv-main {

    flex-basis: 64%;

    flex-shrink: 0;

    max-width: 64%;

    -ms-flex-preferred-size: 64%;

    -ms-flex-negative: 0;

  }



  .p-top_mv_item {

    background-color: #fff;

  }



  .p-top_mv_item > a:hover {

    color: #963852;

  }



  .p-top_mv_item > a:hover img {

    opacity: 0.75;

  }



  .p-top_mv_head {

    bottom: 1em;

    padding-left: 1em;

  }



  [dir="rtl"] .p-top_mv_head {

    padding-left: 0;

  }



  .p-top_mv_title {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .p-top_mv_title {

    padding: 1em;

  }



  a:hover .p-top_mv_title .c-icon_arrow-next::after {

    border-top-color: #963852;

    border-right-color: #963852;

  }



  .p-top_mv_image > img {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }



  .p-top_mv_buttons {

    position: absolute;

    bottom: 0;

    left: calc(35% - 3em - 10rem);

  }



  [dir="rtl"] .p-top_mv_buttons {

    right: calc(35% - 3em - 10rem);

    left: auto;

  }



  .p-top_mv_buttons > .list {

    padding: 0 0.2em;

  }



  .p-top_mv_btn-control {

    width: 4rem;

    height: 4rem;

  }



  .p-top_mv_btn-control::before {

    width: 40px;

    width: 4rem;

    height: 40px;

    height: 4rem;

    background-color: #fff;

    border: solid 2px #0d0d0d;

  }



  .p-top_mv_btn-control.is-play::after {

    left: 16px;

    left: 1.6rem;

  }



  .p-top_mv_btn-control.is-prev::after {

    right: 12px;

    right: 1.2rem;

  }



  [dir="rtl"] .p-top_mv_btn-control.is-prev::after {

    right: auto;

    left: 12px;

    left: 1.2rem;

  }



  a:hover .p-top_mv_btn-control.is-prev::after {

    border-bottom-color: #963852;

    border-left-color: #963852;

  }



  .p-top_mv_btn-control.is-next::after {

    right: 16px;

    right: 1.6rem;

  }



  [dir="rtl"] .p-top_mv_btn-control.is-next::after {

    right: auto;

    left: 16px;

    left: 1.6rem;

  }



  a:hover .p-top_mv_btn-control.is-next::after {

    border-top-color: #963852;

    border-right-color: #963852;

  }



  .p-top_recommended_tab > .inner {

    font-size: 2.4rem;

    font-size: 2vw;

  }



  .p-top_recommended_tab[aria-selected="false"]:hover {

    color: #963852;

  }



  .p-top_recommended_tab > .inner {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0.5em 0;

  }



  .p-top_recommended_tab > .inner > .icon {

    margin-right: 0.3em;

  }



  [dir="rtl"] .p-top_recommended_tab > .inner > .icon {

    margin-right: 0;

    margin-left: 0.3em;

  }



  .p-top_recommended_tab > .inner > .icon svg {

    width: 2em;

    height: 2em;

  }



  .p-top_recommended_lists > .list {

    margin-top: 2em;

  }



  .p-top_post_title {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  * + .p-top_post_title {

    margin-top: 0.3em;

  }



  .p-top_content.is-trends {

    padding: 4.5em 0;

    background: #fdf5f2 url(/assets/img/top/bg_trends.png) left top no-repeat;

    background-size: cover;

  }



  .p-top_content.is-jvt {

    padding: 4.5em 0 3.5em;

    background: #f8f2fc url(/assets/img/top/bg_jvt.png) left center no-repeat;

    background-size: contain;

  }



  .p-top_content.is-niponica {

    position: relative;

    padding: 4.5em 0;

  }



  .p-top_content.is-kidsweb {

    padding: 4.5em 0;

    background: #fae7f1 url(/assets/img/top/bg_kidsweb.png) right top no-repeat;

    background-size: contain;

  }



  .p-top_content.is-factsheet {

    position: relative;

  }



  .p-top_content.is-niponica .p-top_content_inner {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .p-top_content.is-trends .p-top_content_inner,

  .p-top_content.is-kidsweb .p-top_content_inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-box-align: start;

    -ms-flex-align: start;

  }



  .p-top_content.is-niponica .p-top_content_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;

    padding-top: 6vw;

    padding-bottom: 6vw;

    background: url(/assets/img/top/bg_niponica.jpg) no-repeat;

    background-size: cover;

  }



  .p-top_content.is-factsheet .p-top_content_inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    padding: 7.5em 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

  }



  .p-top_content.is-trends .p-top_content_head,

  .p-top_content.is-kidsweb .p-top_content_head {

    flex-basis: calc(58% + 3.5vw);

    flex-shrink: 0;

    max-width: calc(58% + 3.5vw);

    padding: 3em;

    margin-left: -3.5vw;

    background-color: rgba(255, 255, 255, 0.6);

    -ms-flex-preferred-size: calc(58% + 3.5vw);

    -ms-flex-negative: 0;

  }



  [dir="rtl"] .p-top_content.is-trends .p-top_content_head,

  [dir="rtl"] .p-top_content.is-kidsweb .p-top_content_head {

    margin-right: -3.5vw;

    margin-left: 0;

  }



  .p-top_content.is-jvt .p-top_content_head {

    width: calc(58% + 3.5vw);

    padding: 3em 3em 5em;

    margin-right: -3.5vw;

    margin-left: 42%;

    background-color: rgba(255, 255, 255, 0.6);

  }



  [dir="rtl"] .p-top_content.is-jvt .p-top_content_head {

    margin-right: 0;

    margin-left: -3.5vw;

  }



  .p-top_content.is-niponica .p-top_content_head {

    flex-basis: 50%;

    flex-shrink: 0;

    max-width: 50%;

    padding: 3em;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  .p-top_content.is-factsheet .p-top_content_head {

    flex-basis: 50%;

    flex-shrink: 0;

    max-width: 50%;

    padding-left: 5em;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  [dir="rtl"] .p-top_content.is-factsheet .p-top_content_head {

    padding-right: 6.5vw;

    padding-left: 0;

  }



  .p-top_content_lead {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  * + .p-top_content_lead {

    margin-top: 1em;

  }



  .p-top_content_icon > svg {

    width: 2em;

    height: 2em;

  }



  * + .p-top_content_btn {

    margin-top: 2em;

  }



  .p-top_content.is-jvt .p-top_content_body {

    width: 100%;

    margin-top: -2.5em;

  }



  .p-top_content.is-niponica .p-top_content_body {

    position: absolute;

    bottom: 3em;

    left: 0;

    width: 50%;

  }



  [dir="rtl"] .p-top_content.is-niponica .p-top_content_body {

    right: auto;

    right: 0;

  }



  .p-top_content.is-factsheet .p-top_content_body {

    position: absolute;

    top: 0;

    left: 0;

    width: 50%;

    height: 100%;

  }



  [dir="rtl"] .p-top_content.is-factsheet .p-top_content_body {

    right: 0;

    left: auto;

  }



  .p-top_content.is-factsheet .p-top_content_body > img {

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%;

    height: 100%;

  }



  .p-top_content_links > .list + .list {

    margin-top: 1em;

  }



  .p-jvt_posts-new .c-heading-list {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .p-jvt_posts-new .c-tag-primary {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .p-jvt_posts-new .c-post_date {

    font-size: 2rem;

    font-size: 1.66667vw;

  }



  .p-jvt_posts-new {

    margin: -1em;

  }



  .p-jvt_posts-new .c-post {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .p-jvt_posts-new * + .c-post_image {

    padding-right: 2em;

    margin-bottom: 0;

  }



  [dir="rtl"] .p-jvt_posts-new * + .c-post_image {

    padding-right: 0;

    padding-left: 2em;

    margin-top: 0;

  }



  .p-jvt_posts-new .c-post_image {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    flex-basis: 60%;

    max-width: 684px;

    height: auto;

    -ms-flex-preferred-size: 60%;

  }



  .p-jvt_posts-new .c-post_image > .inner {

    width: 100%;

  }



  .p-jvt_posts-new .c-post_image img {

    width: 100%;

  }



  .p-jvt_posts-new .c-post_desc {

    flex-basis: 40%;

    flex-grow: 1;

    max-width: 40%;

    -ms-flex-preferred-size: 40%;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

  }



  .p-jvt_posts-new .c-tag-primary {

    padding: 0.3em 0.5em;

  }



  * + .p-jvt_post_group {

    margin-top: 1em;

  }



  .p-jvt_post_group a:hover {

    text-decoration: none;

  }



  .p-jvt_post_movies > .list {

    margin: 0 0.2em;

  }



  .p-jvt_modal_close {

    top: -60px;

    right: -60px;

  }



  .c-grid-2.p-factsheet-files {

    padding-top: 2em;

  }



  .c-grid-2.p-factsheet-files > .p-factsheet-files_item {

    padding-bottom: 0;

  }



  .p-niponica_feature {

    -ms-grid-rows: auto auto;

    grid-template-rows: auto auto;

    -ms-grid-columns: 0.55fr 1.45fr;

    grid-template-columns: 0.55fr 1.45fr;

  }



  .p-niponica_feature_info {

    -ms-grid-row: 1;

    -ms-grid-row-span: 2;

    grid-row: 1 / span 2;

    -ms-grid-column: 2;

    -ms-grid-column-span: 1;

    grid-column: 2 / 2;

    margin-left: 8%;

  }



  [dir="rtl"] .p-niponica_feature_info {

    margin-right: 8%;

    margin-left: 0;

  }



  .p-niponica_feature_desc {

    -ms-grid-row: 1;

    -ms-grid-row-span: 1;

    grid-row: 1 / 2;

    -ms-grid-column: 1;

    -ms-grid-column-span: 1;

    grid-column: 1 / 2;

  }



  .p-niponica_num > .publication {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .p-niponica_num > .no {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .p-niponica_num > .no > .number {

    font-size: 6rem;

    font-size: 5vw;

  }



  .p-niponica_feature_number {

    display: block;

  }



  .p-niponica_feature_image {

    text-align: center;

  }



  * + .p-niponica_feature_image {

    margin-top: 1.5em;

  }



  .p-niponica_feature_image > a:hover {

    opacity: 0.7;

  }



  .p-niponica_feature_btns {

    -ms-grid-row: 2;

    -ms-grid-row-span: 1;

    grid-row: 2 / 2;

    -ms-grid-column: 1;

    -ms-grid-column-span: 1;

    grid-column: 1 / 2;

  }



  * + .p-niponica_feature_btns {

    margin-top: 2em;

  }



  .p-niponica_feature_btns > .list + .list {

    margin-top: 1em;

  }



  .p-niponica_feature_summary .caption {

    font-size: 1.6rem;

    font-size: 1.33333vw;

  }



  * + .p-niponica_feature_summary {

    margin-top: 1em;

  }



  .p-niponica_feature_summary * + p,

  .p-niponica_feature_summary * + figure,

  .p-niponica_feature_summary * + figcaption,

  .p-niponica_feature_summary * + img {

    margin-top: 1em;

  }



  .p-niponica_post {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }



  .p-niponica_post + .p-niponica_post {

    margin-top: 3em;

  }



  .p-niponica_post_info {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    padding-left: 5%;

  }



  [dir="rtl"] .p-niponica_post_info {

    margin-right: 5%;

    margin-left: 0;

  }



  * + .p-niponica_post_summary {

    margin-top: 1em;

  }



  .p-niponica_post_btns {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }



  * + .p-niponica_post_btns {

    margin-top: 0.5em;

  }



  .p-niponica_post_btns > .list {

    margin-top: 0.5em;

    margin-right: 1em;

  }



  [dir="rtl"] .p-niponica_post_btns > .list {

    margin-right: 0;

    margin-left: 1em;

  }



  .p-niponica_post_attention {

    font-size: 1.6rem;

    font-size: 1.33333vw;

  }



  .p-niponica_post_desc {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-basis: 27%;

    flex-shrink: 0;

    justify-content: space-between;

    max-width: 27%;

    -ms-flex-preferred-size: 27%;

    -ms-flex-negative: 0;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

  }



  .p-niponica_post_image {

    flex-basis: 50%;

    flex-shrink: 0;

    max-width: 50%;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  .p-niponica_post_image > a:hover {

    opacity: 0.7;

  }



  .p-kidsweb_block {

    position: relative;

  }



  * + .p-kidsweb_block {

    margin-top: 4em;

  }



  .p-kidsweb_block:nth-child(even) {

    padding: 3em 0;

    background-image: url(/assets/img/kidsweb/bg.png);

    background-repeat: repeat;

    background-size: 6px 12px;

  }



  .p-kidsweb_block:nth-child(odd) .p-kidsweb_head {

    padding-left: 4em;

  }



  [dir="rtl"] .p-kidsweb_block:nth-child(odd) .p-kidsweb_head {

    text-align: left;

  }



  .p-kidsweb_block:nth-child(even) .p-kidsweb_head {

    padding-right: 4em;

    text-align: right;

  }



  [dir="rtl"] .p-kidsweb_block:nth-child(even) .p-kidsweb_head {

    text-align: left;

  }



  .p-kidsweb_title {

    font-size: 10rem;

    font-size: 8.33333vw;

  }



  .p-kidsweb_body {

    position: relative;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    align-items: center;

    justify-content: space-between;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

  }



  .p-kidsweb_block:nth-child(odd) .p-kidsweb_body {

    margin-top: -4em;

  }



  .p-kidsweb_block:nth-child(odd) .p-kidsweb_body::before {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: -1;

    display: block;

    width: 80%;

    height: 90%;

    margin: auto;

    content: "";

    background-image: url(/assets/img/kidsweb/bg.png);

    background-repeat: repeat;

    background-size: 6px 12px;

  }



  .p-kisdweb_lead {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .p-kisdweb_lead {

    position: absolute;

    top: 2em;

    right: 4em;

    width: 21em;

  }



  [dir="rtl"] .p-kisdweb_lead {

    right: 0;

    width: 17em;

  }



  .p-kisdweb_content > dt {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  * + .p-kidsweb_image {

    padding-right: 3em;

  }



  [dir="rtl"] * + .p-kidsweb_image {

    padding-right: 0;

  }



  * + .p-kidsweb_foot {

    margin-top: 2em;

  }



  .p-kidsweb_list + .p-kidsweb_list {

    margin-top: 2vw;

  }



  .p-kidsweb_list:nth-child(even) > .inner {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

  }



  .p-kidsweb_list_desc {

    position: relative;

    z-index: 1;

    max-width: 50%;

    padding: 2em;

    margin-top: -8em;

    background-color: rgba(255, 255, 255, 0.9);

  }



  .p-kidsweb_list:nth-child(odd) .p-kidsweb_list_desc {

    margin-left: 50%;

  }



  .p-kidsweb_list:nth-child(even) .p-kidsweb_list_desc {

    margin-right: 50%;

  }



  .p-kidsweb_list_image {

    position: relative;

    width: 100%;

    max-width: calc(600px + 5em);

    height: 100%;

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

  }



  .p-kidsweb_list_image::before {

    position: absolute;

    top: 2em;

    display: block;

    width: calc(100% - 5em);

    height: 100%;

    content: "";

    background-image: url(/assets/img/kidsweb/bg.png);

    background-repeat: repeat;

    background-size: 6px 12px;

  }



  .p-kidsweb_list:nth-child(odd) .p-kidsweb_list_image {

    padding-right: 5em;

  }



  .p-kidsweb_list:nth-child(odd) .p-kidsweb_list_image::before {

    left: 5em;

  }



  .p-kidsweb_list:nth-child(even) .p-kidsweb_list_image {

    padding-left: 5em;

  }



  .p-kidsweb_list:nth-child(even) .p-kidsweb_list_image::before {

    right: 5em;

  }



  .p-kidsweb_list_image > img {

    position: relative;

  }



  a:hover .p-kidsweb_list_image {

    opacity: 0.7;

  }



  * + .p-trends_content {

    margin-top: 4em;

  }



  .p-trends_head {

    text-align: center;

  }



  .p-trends_title {

    font-size: 10rem;

    font-size: 8.33333vw;

  }



  .p-trends_body {

    min-height: 30em;

    padding-top: 2.5em;

  }



  * + .p-trends_body {

    margin-top: 0.5em;

  }



  .p-trends_body::before {

    right: 0;

    width: 30em;

    height: 30em;

    margin: auto;

  }



  * + .p-trends_foot {

    margin-top: 2.5em;

  }



  .p-trends_post_inner {

    align-items: center;

    justify-content: space-between;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-box-align: center;

    -ms-flex-align: center;

  }



  .p-trends_content:nth-child(odd) .p-trends_post_inner {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

  }



  .p-trends_content:nth-child(even) .p-trends_post_inner {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .p-trends_post_desc {

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

  }



  .p-trends_post_image {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    flex-basis: 50%;

    flex-shrink: 0;

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  .p-trends_content:nth-child(odd) * + .p-trends_post_image {

    padding-right: 4%;

  }



  [dir="rtl"] .p-trends_content:nth-child(odd) * + .p-trends_post_image {

    padding-right: 0;

    padding-left: 4%;

  }



  .p-trends_content:nth-child(even) * + .p-trends_post_image {

    padding-left: 4%;

  }



  [dir="rtl"] .p-trends_content:nth-child(even) * + .p-trends_post_image {

    padding-right: 4%;

    padding-left: 0;

  }



  a:hover .p-trends_post_image {

    opacity: 0.7;

  }

}



@media only screen and (min-width: 1200px) {

  h1,

  h2,

  h3,

  h4,

  h5,

  h6 {

    font-size: 1.8rem;

  }



  body {

    font-size: 1.8rem;

  }



  .l-header_logo > a > .lead {

    font-size: 1.8rem;

  }



  .l-header_langbox {

    font-size: 1.8rem;

  }



  .is-script .l-header_searchbox form.gsc-search-box {

    font-size: 1.6rem;

  }



  .l-nav_list_inner {

    font-size: 1.8rem;

  }



  .l-nav_sub_inner {

    font-size: 2.2rem;

  }



  .l-footer_links_section > .title {

    font-size: 2.8rem;

  }



  .l-content_lead-wide {

    font-size: 2.2rem;

  }



  .l-contents_lead-local {

    font-size: 1.8rem;

  }



  .c-btn-medium {

    font-size: 2.5rem;

  }



  .c-btn-large {

    font-size: 2.8rem;

  }



  .c-tag-large {

    font-size: 2.8rem;

  }



  .c-heading-primary {

    font-size: 4rem;

  }



  .c-heading-secondary {

    font-size: 2.8rem;

  }



  .c-heading-sub {

    font-size: 2.2rem;

  }



  .c-heading-list {

    font-size: 2.2rem;

  }



  .c-heading-line {

    font-size: 2.8rem;

  }



  .c-hero_title {

    font-size: 5.6rem;

  }



  .c-post_image > .new {

    font-size: 2.8rem;

  }



  .c-post_date {

    font-size: 1.6rem;

  }



  .c-article_title {

    font-size: 2.8rem;

  }



  .c-article_body h2 {

    font-size: 2.2rem;

  }



  .c-article_body h3 {

    font-size: 2rem;

  }



  .c-article_body h4 {

    font-size: 2rem;

  }



  .p-top_contents_title {

    font-size: 6rem;

  }



  .p-top_contents_lead {

    font-size: 2.2rem;

  }



  .p-top_mv_title {

    font-size: 2.8rem;

  }



  .p-top_recommended_tab > .inner {

    font-size: 2.4rem;

  }



  .p-top_post_title {

    font-size: 2.8rem;

  }



  .p-top_content_lead {

    font-size: 2.2rem;

  }



  .p-jvt_posts-new .c-heading-list {

    font-size: 2.8rem;

  }



  .p-jvt_posts-new .c-tag-primary {

    font-size: 2.2rem;

  }



  .p-jvt_posts-new .c-post_date {

    font-size: 2rem;

  }



  .p-niponica_num > .publication {

    font-size: 2.2rem;

  }



  .p-niponica_num > .no {

    font-size: 2.8rem;

  }



  .p-niponica_num > .no > .number {

    font-size: 6rem;

  }



  .p-niponica_feature_summary .caption {

    font-size: 1.6rem;

  }



  .p-niponica_post_attention {

    font-size: 1.6rem;

  }



  .p-kidsweb_title {

    font-size: 10rem;

  }



  .p-kisdweb_lead {

    font-size: 2.2rem;

  }



  .p-kisdweb_content > dt {

    font-size: 2.8rem;

  }



  .p-trends_title {

    font-size: 10rem;

  }

}



@media only screen and (max-width: 768px) {

  .spOnlyTb {

    display: table;

  }

}



@media only screen and (max-width: 750px) {

  h1,

  h2,

  h3,

  h4,

  h5,

  h6 {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  body {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  .spOnly {

    display: block;

  }



  .spOnlyIn {

    display: inline-block;

  }



  .pcOnly {

    display: none;

  }



  .pcOnlyIn {

    display: none;

  }



  .pcOnlyTb {

    display: none;

  }



  .center-sp {

    text-align: center;

  }



  .right-sp {

    text-align: right;

  }



  .left-sp {

    text-align: left;

  }



  .morebp {

    display: none;

  }



  .lessbp {

    display: block;

  }



  .l-header_inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }



  .l-header_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    height: 3.4em;

    background-color: #fff;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

  }



  .l-header_logo > a > .lead {

    font-size: 1.2rem;

    font-size: 3.2vw;

  }



  .l-header_logo {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .l-header_logo > a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 0 5vw;

  }



  .l-header_logo > a > .lead {

    display: block;

  }



  .l-header_logo img {

    width: 40vw;

  }



  .is-script .l-header_upper {

    position: relative;

    height: 2.4em;

  }



  .l-header_langbox {

    font-size: 1.5rem;

    font-size: 4vw;

  }



  .is-script .l-header_langbox {

    flex-basis: 50%;

    min-width: 9em;

    max-width: 50%;

    background-color: #666;

    -ms-flex-preferred-size: 50%;

  }



  .is-script .l-header_langbox_current {

    padding: 0 5vw;

  }



  .is-script .l-header_langbox_list_wrap {

    width: 100%;

  }



  .is-script .l-header_langbox_list_inner {

    padding: 1.2em 5vw;

  }



  .is-script .l-header_searchbox form.gsc-search-box {

    font-size: 1.6rem;

    font-size: 4.26667vw;

  }



  .is-script .l-header_searchbox {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    padding: 1vw 1vw;

    background-color: #ededed;

  }



  .is-script .l-header_searchbox .gsib_a {

    padding: 0 0 0 1vw;

  }



  .is-script .l-header_searchbox .gsst_a {

    display: block;

    height: 100%;

  }



  .is-script .l-header_searchbox .gscb_a {

    vertical-align: middle;

    vertical-align: -webkit-baseline-middle;

  }



  .is-script .l-header_searchbox input.gsc-input {

    min-height: 5vw;

    font-size: 1.6rem;

    line-height: 2;

    vertical-align: text-bottom;

  }



  .is-script .l-header_searchbox input.gsc-input::-webkit-input-placeholder {

    font-size: 1.6rem;

  }



  .is-script .l-header_searchbox input.gsc-input::-ms-input-placeholder {

    font-size: 1.6rem;

  }



  .is-script .l-header_searchbox input.gsc-input::placeholder {

    font-size: 1.6rem;

  }



  .is-script .l-header_searchbox .cse button.gsc-search-button,

  .is-script .l-header_searchbox button.gsc-search-button {

    min-height: 6vw;

    padding: 5px 1.5vw;

  }



  .l-nav_wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .l-nav {

    position: absolute;

    top: calc(5.8em + 1px);

    left: 0;

    z-index: 1000;

    min-width: 70vw;

    height: auto;

    min-height: calc(100vh - 5.8em - 1px);

    overflow-y: auto;

    background-color: #ededed;

    -webkit-transition: -webkit-transform 0.3s ease;

    transition: -webkit-transform 0.3s ease;

    transition: transform 0.3s ease;

    transition: transform 0.3s ease, -webkit-transform 0.3s ease;

    -webkit-transform: translate3d(-100vw, 0, 0);

    transform: translate3d(-100vw, 0, 0);

  }



  .l-nav.is-resize {

    -webkit-transition: none;

    transition: none;

  }



  .is-navopen .l-nav {

    -webkit-transition: -webkit-transform 0.3s ease;

    transition: -webkit-transform 0.3s ease;

    transition: transform 0.3s ease;

    transition: transform 0.3s ease, -webkit-transform 0.3s ease;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  .l-nav_btn {

    font-size: 1.5rem;

    font-size: 4vw;

  }



  .l-nav_btn {

    position: relative;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    display: block;

    padding: 0 5vw;

    line-height: 1;

    text-align: center;

    background-color: #fff;

  }



  .l-nav_btn > .line {

    position: relative;

    display: block;

    width: 2.8em;

    height: 2px;

    margin: 0 auto;

    background-color: #0d0d0d;

  }



  .is-navopen .l-nav_btn > .line {

    background-color: transparent;

  }



  .l-nav_btn > .line::before,

  .l-nav_btn > .line::after {

    position: absolute;

    left: 0;

    display: block;

    width: 100%;

    height: 2px;

    content: "";

    background-color: #0d0d0d;

    -webkit-transition: -webkit-transform 0.3s ease;

    transition: -webkit-transform 0.3s ease;

    transition: transform 0.3s ease;

    transition: transform 0.3s ease, -webkit-transform 0.3s ease;

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

  }



  .is-navopen .l-nav_btn > .line::before,

  .is-navopen .l-nav_btn > .line::after {

    width: 3.2em;

  }



  .l-nav_btn > .line::before {

    top: 0.7em;

  }



  .is-navopen .l-nav_btn > .line::before {

    -webkit-transform: translate3d(-0.2em, 0.2em, 0) rotate(30deg);

    transform: translate3d(-0.2em, 0.2em, 0) rotate(30deg);

  }



  .l-nav_btn > .line::after {

    top: 1.4em;

  }



  .is-navopen .l-nav_btn > .line::after {

    -webkit-transform: translate3d(-0.2em, -0.4em, 0) rotate(150deg);

    transform: translate3d(-0.2em, -0.4em, 0) rotate(150deg);

  }



  .l-nav_btn > .text {

    display: inline-block;

    padding-top: 1.7em;

  }



  .is-noscript .l-nav_btn {

    display: none;

  }



  .l-nav_lists > .list + .list {

    border-top: solid 1px #808080;

  }



  .l-nav_list_inner {

    font-size: 1.6rem;

    font-size: 4.26667vw;

  }



  .l-nav_list_inner {

    display: block;

    padding: 1.2em 5vw;

  }



  .l-nav_list_inner > .text {

    position: relative;

    display: block;

    padding-right: 1em;

  }



  [dir="rtl"] .l-nav_list_inner > .text {

    padding-right: 0;

    padding-left: 1em;

  }



  .list:not(.has-secondary) .l-nav_list_inner > .text::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    display: block;

    width: 0.5em;

    height: 0.5em;

    margin: auto;

    content: "";

    border-top: solid 2px #808080;

    border-right: solid 2px #808080;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

  }



  [dir="rtl"] .list:not(.has-secondary) .l-nav_list_inner > .text::after {

    right: auto;

    left: 0;

    -webkit-transform: rotate(225deg);

    transform: rotate(225deg);

  }



  .has-secondary .l-nav_list_inner > .text::before,

  .has-secondary .l-nav_list_inner > .text::after {

    position: absolute;

    top: 0;

    bottom: 0;

    display: block;

    margin: auto;

    content: "";

    background-color: #808080;

  }



  .has-secondary .l-nav_list_inner > .text::before {

    right: 0;

    width: 2px;

    height: 1em;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }



  [dir="rtl"] .has-secondary .l-nav_list_inner > .text::before {

    right: auto;

    left: 0;

  }



  .has-secondary .l-nav_list_inner > .text::after {

    right: calc(-0.5em + 1px);

    width: 1em;

    height: 2px;

  }



  [dir="rtl"] .has-secondary .l-nav_list_inner > .text::after {

    right: auto;

    left: calc(-0.5em + 1px);

  }



  .has-secondary .l-nav_list_inner.is-open > .text::before {

    opacity: 0;

  }



  .l-nav_lists-sub {

    padding: 1em 0;

    border-top: solid 1px #808080;

  }



  .l-nav_sub_inner {

    font-size: 1.6rem;

    font-size: 4.26667vw;

  }



  .l-nav_sub_inner {

    padding: 1em 5vw 1em 10vw;

  }



  .l-footer_inner {

    padding: 10vw 5vw;

  }



  .l-footer_totop {

    right: 3vw;

    bottom: 12vw;

  }



  [dir="rtl"] .l-footer_totop {

    right: auto;

    left: 3vw;

  }



  .l-footer_totop_icon {

    width: 3em;

    height: 3em;

  }



  .l-footer_totop_icon::before {

    top: 0.7em;

    width: 2px;

    height: 1.4em;

  }



  .l-footer_totop_icon::after {

    top: 0.8em;

    width: 0.8em;

    height: 0.8em;

  }



  .is-script .l-footer_nav-alternate {

    display: none;

  }



  .l-footer_nav_lists {

    font-size: 2.5rem;

    font-size: 6.66667vw;

  }



  .l-footer_nav_lists {

    border-top: solid 2px #53323b;

  }



  .l-footer_nav_lists > .list + .list {

    border-top: solid 1px #53323b;

  }



  .l-footer_nav_lists > .list > a {

    background-color: #fff;

  }



  .l-footer_links_content + .l-footer_links_content {

    margin-top: 5vw;

  }



  .l-footer_links_section > .title {

    font-size: 2.5rem;

    font-size: 6.66667vw;

  }



  .l-footer_links_section + .l-footer_links_section {

    margin-top: 5vw;

  }



  .l-footer_links_section > .list {

    padding-top: 2vw;

  }



  .l-footer_links_lists > .list {

    font-size: 1.4rem;

    font-size: 3.73333vw;

  }



  .l-footer_links_lists > .list > a {

    display: block;

    padding: 1em 0;

  }



  .l-footer_lang-alternate {

    margin-bottom: 5vw;

  }



  .l-footer_lang_lists > .list {

    position: relative;

  }



  .l-footer_lang_lists > .list::before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    display: block;

    width: 1px;

    height: 1em;

    margin: auto;

    content: "";

    background-color: #fff;

  }



  [dir="rtl"] .l-footer_lang_lists > .list::before {

    right: 0;

    left: auto;

  }



  .l-footer_lang_lists > .list:last-child::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    display: block;

    width: 1px;

    height: 1em;

    margin: auto;

    content: "";

    background-color: #fff;

  }



  [dir="rtl"] .l-footer_lang_lists > .list:last-child::after {

    right: auto;

    left: 0;

  }



  .l-footer_lang_list_inner {

    display: block;

    padding: 0.5em;

  }



  .l-footer_lower {

    text-align: center;

  }



  * + .l-footer_lower {

    padding-top: 7vw;

    margin-top: 5vw;

  }



  .l-footer_lower_lists > .list {

    font-size: 1.4rem;

    font-size: 3.73333vw;

  }



  .l-footer_lower_lists {

    display: inline-block;

  }



  .l-footer_lower_lists > .list {

    position: relative;

    letter-spacing: 0;

  }



  .l-footer_lower_lists > .list::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    display: block;

    width: 1px;

    height: 1em;

    margin: auto;

    content: "";

    background-color: #fff;

  }



  [dir="rtl"] .l-footer_lower_lists > .list::after {

    right: auto;

    left: 0;

  }



  .l-footer_lower_lists > .list:first-child::before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    display: block;

    width: 1px;

    height: 1em;

    margin: auto;

    content: "";

    background-color: #fff;

  }



  [dir="rtl"] .l-footer_lower_lists > .list:first-child::before {

    right: 0;

    left: auto;

  }



  .l-footer_lower_lists > .list > a {

    display: block;

    padding: 1em 0.6em;

  }



  .l-footer_lower_lists > .list .text {

    text-decoration: underline;

  }



  .l-footer_copyright > small {

    font-size: 1rem;

    font-size: 2.66667vw;

  }



  * + .l-footer_copyright {

    margin-top: 2vw;

  }



  .is-navopen .l-page {

    height: 100vh;

    overflow: hidden;

  }



  .l-content-noscript {

    padding: 2vw 5vw;

  }



  .l-contents {

    padding-bottom: 20vw;

  }



  .l-contents_head {

    padding: 8vw 5vw 0;

  }



  * + .l-contents_lead {

    margin-top: 2vw;

  }



  .l-content_lead-wide {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  * + .l-content_lead-wide {

    margin-top: 6vw;

  }



  .l-contents_lead-local {

    font-size: 1.6rem;

    font-size: 4.26667vw;

  }



  .l-contents_lead-local {

    padding: 5vw;

  }



  * + .l-contents_lead-local {

    margin-top: 8vw;

  }



  * + .l-contents_body {

    margin-top: 8vw;

  }



  * + .l-content {

    margin-top: 10vw;

  }



  .is-common.l-content-bg,

  .is-common.p-top_content-bg {

    border-top: solid 2px #963852;

  }



  .is-trends.l-content-bg,

  .is-trends.p-top_content-bg {

    border-top: solid 2px #ff5614;

  }



  .is-jvt.l-content-bg,

  .is-jvt.p-top_content-bg {

    border-top: solid 2px #a265c2;

  }



  .is-niponica.l-content-bg,

  .is-niponica.p-top_content-bg {

    border-top: solid 2px #539e38;

  }



  .is-kidsweb.l-content-bg,

  .is-kidsweb.p-top_content-bg {

    border-top: solid 2px #e82c89;

  }



  .is-factsheet.l-content-bg,

  .is-factsheet.p-top_content-bg {

    border-top: solid 2px #2a82db;

  }



  .l-content-bg,

  .p-top_content-bg {

    padding: 8vw 0 10vw;

    border-bottom-width: 2px;

  }



  * + .l-content-bg {

    margin-top: 12vw;

  }



  .l-content-bg_title {

    text-align: center;

  }



  .l-content-line {

    padding: 8vw 0;

  }



  * + .l-content-line {

    margin-top: 15vw;

  }



  .l-content-line-thin {

    padding: 8vw 0;

  }



  * + .l-content-line-thin {

    margin-top: 15vw;

  }



  .l-content-mid {

    padding: 0 5vw;

  }



  .l-content-narrow {

    padding: 0 10vw;

  }



  * + .l-content_body {

    margin-top: 7vw;

  }



  .l-contents_main {

    padding-right: 5vw;

    padding-left: 5vw;

  }



  .l-contents_sub {

    padding: 0 10vw;

  }



  * + .l-contents_sub {

    margin-top: 15vw;

  }



  * + .l-contents_sub_nav {

    margin-top: 10vw;

  }



  .l-contents_sub_nav_group {

    padding: 5vw 7vw;

  }



  * + .l-contents_sub_nav_group {

    margin-top: 8vw;

  }



  * + .l-contents_sub_nav_lists {

    margin-top: 0.5em;

  }



  .l-contents_sub_nav_lists .l-contents_sub_nav_lists {

    margin-top: 0;

  }



  .l-contents_sub_nav_lists > .list > span,

  .l-contents_sub_nav_lists > .list > a {

    padding: 0.5em 1.2em 0.5em 1.5em;

  }



  [dir="rtl"] .l-contents_sub_nav_lists > .list > span,

  [dir="rtl"] .l-contents_sub_nav_lists > .list > a {

    padding: 0.5em 1.5em 0.5em 1.2rem;

  }



  * + .l-contents_foot {

    margin-top: 15vw;

  }



  * + .l-content_more {

    margin-top: 15vw;

  }



  * + .l-section {

    margin-top: 6vw;

  }



  * + .l-section_body {

    margin-top: 4vw;

  }



  * + .l-section_foot {

    margin-top: 4vw;

  }



  .l-content_modal_close {

    top: 5vw;

    right: 5vw;

    width: 10vw;

    height: 10vw;

  }



  .l-content_modal_close::before,

  .l-content_modal_close::after {

    width: 10vw;

  }



  .l-mod_service {

    justify-content: space-between;

    padding: 0 5vw;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

  }



  .l-mod_service_mail {

    font-size: 1.2rem;

    font-size: 3.2vw;

  }



  .l-mod_service_mail > a {

    padding: 0.5em 0;

  }



  .l-mod_service_sns {

    -ms-flex-negative: 0;

    flex-shrink: 0;

  }



  .l-mod_service_sns > .list > a {

    padding: 0.5em 0 0.5em 0.8em;

  }



  [dir="rtl"] .l-mod_service_sns > .list > a {

    padding: 0.5em 0.8em 0.5em 0;

  }



  .l-mod_pagepath {

    padding: 0 5vw;

  }



  * + .l-mod_pagepath {

    margin-top: 2.5vw;

  }



  .c-btn-primary {

    min-width: 70vw;

    height: 2.8em;

  }



  .c-btn-small {

    min-width: 53vw;

    height: 2.6em;

  }



  .c-btn-medium {

    font-size: 2.1rem;

    font-size: 5.6vw;

  }



  .c-btn-medium {

    min-width: 80vw;

  }



  .c-btn-large {

    font-size: 2.4rem;

    font-size: 6.4vw;

  }



  .c-btn-large {

    width: 100%;

    height: 3.4em;

    padding: 0 0.7em 0 0.4em;

  }



  [dir="rtl"] .c-btn-large {

    padding: 0 0.4em 0 0.7em;

  }



  .c-btn-large .icon {

    -ms-flex-preferred-size: 2.6em;

    flex-basis: 2.6em;

  }



  .c-btn-large .icon > img {

    width: 2.6em;

    height: 2.6em;

  }



  .c-heading-primary {

    font-size: 2.5rem;

    font-size: 6.66667vw;

  }



  .c-heading-secondary {

    font-size: 2.5rem;

    font-size: 6.66667vw;

  }



  .c-heading-sub {

    font-size: 1.9rem;

    font-size: 5.06667vw;

  }



  .c-heading-list {

    font-size: 2rem;

    font-size: 5.33333vw;

  }



  .c-heading-line {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  .c-heading-line {

    display: inline-block;

  }



  .c-heading-line::before {

    height: 5px;

  }



  .c-hero {

    position: relative;

    padding-bottom: 7vw;

  }



  .c-hero_head {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 0 5vw;

  }



  .c-hero_head_inner {

    padding: 2vw 0;

  }



  .c-hero.is-common .c-hero_head_inner {

    background-color: #963852;

  }



  .c-hero.is-trends .c-hero_head_inner {

    background-color: #ff5614;

  }



  .c-hero.is-jvt .c-hero_head_inner {

    background-color: #a265c2;

  }



  .c-hero.is-niponica .c-hero_head_inner {

    background-color: #539e38;

  }



  .c-hero.is-kidsweb .c-hero_head_inner {

    background-color: #e82c89;

  }



  .c-hero.is-factsheet .c-hero_head_inner {

    background-color: #2a82db;

  }



  .c-hero_title {

    font-size: 3rem;

    font-size: 8vw;

  }



  .c-lists-line > .list + .list {

    margin-top: 1em;

  }



  .c-lists-archive > .list + .list {

    margin-top: 10vw;

  }



  .c-post_image > .new {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  .c-post_image {

    height: 100%;

  }



  * + .c-post_image {

    margin-bottom: 2.5vw;

  }



  .c-post_image img {

    width: 100%;

  }



  .c-post_desc {

    display: -webkit-box;

    height: 100%;

  }



  * + .c-post_intro {

    margin-bottom: 0.3em;

  }



  .c-post_date {

    font-size: 1.7rem;

    font-size: 4.53333vw;

  }



  .c-post_date {

    display: block;

    letter-spacing: 0;

  }



  * + .c-post_date {

    margin-top: 0.5em;

  }



  * + .c-post_foot {

    margin-top: 5vw;

  }



  * + .c-mod-card_content {

    margin-top: 4vw;

  }



  .c-mod-bb {

    padding: 5vw;

    border-width: 1px;

  }



  .c-mod-wiocn {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .c-media {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }



  .c-media_image {

    height: 100%;

  }



  * + .c-media_image {

    margin-bottom: 3vw;

  }



  .c-media_image img {

    width: 100%;

  }



  .c-media_image-s {

    height: 100%;

  }



  * + .c-media_image-s {

    margin-bottom: 4vw;

  }



  .c-media_image-s img {

    width: 100%;

  }



  .c-media_image-ss {

    height: 100%;

  }



  * + .c-media_image-ss {

    margin-bottom: 4vw;

  }



  .c-media_image-ss img {

    width: 100%;

  }



  .c-media-half {

    height: 100%;

  }



  * + .c-media-half {

    margin-bottom: 4vw;

  }



  .c-media-half img {

    width: 100%;

  }



  .c-media-icon {

    grid-template-rows: auto 1fr;

    grid-template-columns: 1fr 2fr;

  }



  .c-media-icon_image {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    grid-row: 1 / 2;

    grid-column: 1 / 2;

    justify-content: flex-end;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

  }



  .c-media-icon_image img {

    width: 3em;

    height: 3em;

  }



  .c-media-icon_name {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    grid-row: 1 / 2;

    grid-column: 2 / 2;

    align-items: center;

    padding-left: 0.5em;

    -webkit-box-align: center;

    -ms-flex-align: center;

  }



  .c-media-icon_lead {

    grid-row: 2 / 2;

    grid-column: 1 / span 2;

    text-align: center;

  }



  * + .c-media-icon_lead {

    margin-top: 0.7em;

  }



  * + .c-grid_item {

    margin-top: 5vw;

  }



  .c-lists-post * + .c-grid_item {

    margin-top: 10vw;

  }



  .c-article_title {

    font-size: 2.5rem;

    font-size: 6.66667vw;

  }



  .c-article_title {

    padding-left: 0.5em;

    border-left-width: 0.4em;

  }



  [dir="rtl"] .c-article_title {

    padding-right: 0.5em;

    padding-left: 0;

    border-right-width: 0.4em;

    border-left-width: 0;

  }



  .c-article_body h2 {

    font-size: 2rem;

    font-size: 5.33333vw;

  }



  .c-article_body h3 {

    font-size: 1.9rem;

    font-size: 5.06667vw;

  }



  .c-article_body h4 {

    font-size: 1.9rem;

    font-size: 5.06667vw;

  }



  * + .c-article_body {

    margin-top: 5vw;

  }



  .c-article_body .columns {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .c-article_body .columns * + .column {

    padding-top: 5vw;

  }



  .c-article_body .box-image {

    padding: 0 10vw;

  }



  .c-article_body .image-modal {

    max-width: 100%;

  }



  .c-article_body .image-modal > img {

    max-height: 600px;

  }



  .c-article_body .fl-left,

  .c-article_body .fl-right {

    padding: 0 10vw;

    text-align: center;

  }



  .c-article_body .fl-left .caption,

  .c-article_body .fl-right .caption {

    text-align: left;

  }



  [dir="rtl"] .c-article_body .fl-left .caption,

  [dir="rtl"] .c-article_body .fl-right .caption {

    text-align: right;

  }



  .c-article_modal .iziModal-wrap {

    padding: 5vw 0;

  }



  .c-article_modal_image {

    padding: 5vw;

  }



  .c-article_modal_close {

    top: 0;

    right: 5vw;

  }



  .p-top_contents {

    padding-bottom: 15vw;

  }



  .p-top_mv {

    padding-bottom: 10vw;

    background-image: url(/assets/img/top/bg_mv_sp.jpg);

    background-size: contain;

  }



  .p-top_mv_inner {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }



  .p-top_contents_head {

    padding: 0 5vw;

    margin-top: 5vw;

  }



  .p-top_contents_title {

    font-size: 3.5rem;

    font-size: 9.33333vw;

  }



  .p-top_contents_lead {

    font-size: 1.7rem;

    font-size: 4.53333vw;

  }



  .p-top_mv_head {

    bottom: 5vw;

    padding-left: 5vw;

  }



  [dir="rtl"] .p-top_mv_head {

    padding-left: 0;

  }



  .p-top_mv_title {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  .p-top_mv_title {

    padding: 2vw;

  }



  .p-top_mv_buttons {

    position: absolute;

    top: 2vw;

    right: 1vw;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .p-top_mv_buttons > .list {

    padding: 0 0.8vw;

  }



  .p-top_mv_btn-control {

    width: 3.4rem;

    height: 3.4rem;

  }



  .p-top_mv_btn-control::before {

    width: 34px;

    width: 3.4rem;

    height: 34px;

    height: 3.4rem;

    background-color: rgba(255, 255, 255, 0.9);

  }



  .p-top_mv_btn-control.is-play::after {

    left: 13px;

    left: 1.3rem;

  }



  .p-top_mv_btn-control.is-prev::after {

    right: 10px;

    right: 1rem;

  }



  [dir="rtl"] .p-top_mv_btn-control.is-prev::after {

    right: auto;

    left: 10px;

    left: 1rem;

  }



  .p-top_mv_btn-control.is-next::after {

    right: 14px;

    right: 1.4rem;

  }



  [dir="rtl"] .p-top_mv_btn-control.is-next::after {

    right: auto;

    left: 14px;

    left: 1.4rem;

  }



  .p-top_recommended_tab > .inner {

    -ms-flex-direction: column;

    flex-direction: column;

    height: 100%;

    padding: 0.2em 0.2em 0.6em;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

  }



  .p-top_recommended_tab > .inner > .icon {

    max-width: 100%;

  }



  .p-top_recommended_tab > .inner > .icon svg {

    width: 2.4em;

    height: 2.4em;

  }



  .p-top_recommended_tab > .inner > .text {

    max-width: 100%;

  }



  .p-top_recommended_lists > .list {

    margin-top: 5vw;

  }



  .p-top_post_title {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  * + .p-top_post_title {

    margin-top: 0.3em;

  }



  .p-top_content.is-trends {

    padding: 10vw 0 12vw;

    background: url(/assets/img/trends/bg.png) repeat;

    background-size: 6px 12px;

  }



  .p-top_content.is-jvt {

    padding: 10vw 0 12vw;

    background: url(/assets/img/jvt/bg.png) repeat;

    background-size: 6px 12px;

  }



  .p-top_content.is-niponica {

    padding: 10vw 0 5vw;

    background: url(/assets/img/top/bg_niponica_sp.jpg) no-repeat;

    background-size: cover;

  }



  .p-top_content.is-kidsweb {

    padding: 10vw 0 12vw;

    background: url(/assets/img/kidsweb/bg.png) repeat;

    background-size: 6px 12px;

  }



  .p-top_content.is-factsheet {

    padding: 10vw 0 12vw;

  }



  .p-top_content.is-trends .p-top_content_inner,

  .p-top_content.is-jvt .p-top_content_inner,

  .p-top_content.is-kidsweb .p-top_content_inner,

  .p-top_content.is-factsheet .p-top_content_inner {

    position: relative;

    padding-bottom: 25vw;

  }



  .p-top_content.is-niponica .p-top_content_inner {

    padding: 0 5vw;

  }



  .p-top_content.is-niponica .p-top_content_head {

    padding: 10vw 5vw;

  }



  .p-top_content_title {

    text-align: center;

  }



  .p-top_content_lead {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  * + .p-top_content_lead {

    margin-top: 5vw;

  }



  .p-top_content_icon > svg {

    width: 2.2em;

    height: 2.2em;

  }



  .p-top_content_btn {

    text-align: center;

  }



  .p-top_content.is-trends .p-top_content_btn,

  .p-top_content.is-jvt .p-top_content_btn,

  .p-top_content.is-kidsweb .p-top_content_btn,

  .p-top_content.is-factsheet .p-top_content_btn {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

  }



  * + .p-top_content.is-niponica .p-top_content_btn {

    margin-top: 5vw;

  }



  * + .p-top_content_body {

    margin-top: 8vw;

  }



  .p-top_content_links > .list + .list {

    margin-top: 3vw;

  }



  .p-jvt_post_btn {

    text-align: center;

  }



  * + .p-jvt_post_group {

    margin-top: 4vw;

  }



  .p-jvt_post_movies > .list {

    margin: 0 0.5em;

  }



  .p-jvt_modal .data-video-dimensions {

    height: 56.25vw !important;

  }



  .p-jvt_modal_close {

    top: -12vw;

    right: 2vw;

  }



  .c-grid-2.p-factsheet-files > .p-factsheet-files_item {

    margin-top: 0.8em;

    margin-bottom: 0.8em;

  }



  .p-niponica_feature {

    -ms-grid-rows: auto auto auto;

    grid-template-rows: auto auto auto;

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

  }



  .p-niponica_feature_info {

    -ms-grid-row: 2;

    -ms-grid-row-span: 1;

    grid-row: 2;

    -ms-grid-column: 1;

    -ms-grid-column-span: 1;

    grid-column: 1;

  }



  .p-niponica_feature_desc {

    position: relative;

    -ms-grid-row: 1;

    -ms-grid-row-span: 1;

    grid-row: 1;

    -ms-grid-column: 1;

    -ms-grid-column-span: 1;

    grid-column: 1;

  }



  .p-niponica_num > .publication {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  .p-niponica_num > .no {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  .p-niponica_num > .no > .number {

    font-size: 4rem;

    font-size: 10.66667vw;

  }



  .p-niponica_num {

    position: absolute;

    top: 0;

    left: 0;

  }



  .p-niponica_num > .no > .number {

    display: block;

  }



  .p-niponica_feature_image {

    width: 37%;

    margin-right: auto;

    margin-bottom: 3vw;

    margin-left: auto;

  }



  .p-niponica_feature_btns {

    -ms-grid-row: 3;

    -ms-grid-row-span: 1;

    grid-row: 3;

    -ms-grid-column: 1;

    -ms-grid-column-span: 1;

    grid-column: 1;

  }



  * + .p-niponica_feature_btns {

    margin-top: 5vw;

  }



  .p-niponica_feature_btns > .list + .list {

    margin-top: 3vw;

  }



  .p-niponica_feature_summary .caption {

    font-size: 1.6rem;

    font-size: 4.26667vw;

  }



  * + .p-niponica_feature_summary {

    margin-top: 5vw;

  }



  .p-niponica_feature_summary * + p,

  .p-niponica_feature_summary * + figure,

  .p-niponica_feature_summary * + figcaption,

  .p-niponica_feature_summary * + img {

    margin-top: 3vw;

  }



  .p-niponica_post {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .p-niponica_post + .p-niponica_post {

    margin-top: 15vw;

  }



  * + .p-niponica_post_summary {

    margin-top: 3vw;

  }



  .p-niponica_post_btns {

    text-align: center;

  }



  * + .p-niponica_post_btns {

    margin-top: 5vw;

  }



  .p-niponica_post_btns > .list + .list {

    margin-top: 3vw;

  }



  .p-niponica_post_attention {

    font-size: 1.6rem;

    font-size: 4.26667vw;

  }



  .p-niponica_post_desc {

    position: relative;

    height: 100%;

  }



  .p-niponica_post_image {

    width: 37%;

    margin-right: auto;

    margin-bottom: 5vw;

    margin-left: auto;

  }



  .p-kidsweb_block {

    position: relative;

    padding-bottom: 10vw;

  }



  * + .p-kidsweb_block {

    margin-top: 10vw;

  }



  .p-kidsweb_block::before {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: -1;

    display: block;

    width: 100%;

    height: calc(100% - 1.5em);

    margin: auto;

    content: "";

    background-image: url(/assets/img/kidsweb/bg.png);

    background-repeat: repeat;

    background-size: 6px 12px;

  }



  .p-kidsweb_head {

    text-align: center;

  }



  .p-kidsweb_title {

    font-size: 5rem;

    font-size: 13.33333vw;

  }



  .p-kidsweb_body {

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

    padding: 10vw 5vw 0;

    margin-top: -5vw;

    margin-right: -5vw;

    margin-left: -5vw;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

  }



  .p-kisdweb_lead {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  .p-kisdweb_lead {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }



  .p-kisdweb_content > dt {

    font-size: 1.8rem;

    font-size: 4.8vw;

  }



  .p-kisdweb_content {

    order: 1;

    padding: 0 10vw;

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

  }



  * + .p-kisdweb_content {

    margin-top: 10vw;

  }



  .p-kidsweb_image {

    order: 3;

    height: 100%;

    margin-right: -5vw;

    margin-left: -5vw;

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

  }



  * + .p-kidsweb_image {

    margin-bottom: 5vw;

  }



  .p-kidsweb_foot {

    padding: 0 5vw;

  }



  * + .p-kidsweb_foot {

    margin-top: 10vw;

  }



  .p-kidsweb_lists-index {

    padding: 10vw 5vw;

    margin-right: -5vw;

    margin-left: -5vw;

    background-image: url(/assets/img/kidsweb/bg.png);

    background-repeat: repeat;

    background-size: 6px 12px;

  }



  .p-kidsweb_list + .p-kidsweb_list {

    margin-top: 10vw;

  }



  .p-kidsweb_list_image {

    padding-bottom: 2.5vw;

  }



  * + .p-trends_content {

    margin-top: 15vw;

  }



  .p-trends_title {

    font-size: 6rem;

    font-size: 16vw;

  }



  .p-trends_body {

    padding: 15vw 5vw 0;

    margin-right: -5vw;

    margin-left: -5vw;

  }



  * + .p-trends_body {

    margin-top: -8vw;

  }



  .p-trends_body::before {

    width: 100%;

    height: 95%;

  }



  * + .p-trends_foot {

    margin-top: 10vw;

  }



  .p-trends_post_inner {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }



  * + .p-trends_post_image {

    padding-bottom: 3vw;

  }

}



@media only screen and (min-width: 751px) and (max-width: 979px) {

  .l-header_logo {

    padding-top: 0.5em;

  }



  .l-header_logo > a > .lead {

    display: block;

    padding: 0;

  }



  .l-header_logo img {

    width: 20vw;

  }



  .is-script .l-header_upper {

    min-width: 45%;

    max-width: auto;

  }



  .l-contents_wrap {

    display: block;

  }



  .l-contents_main {

    flex-basis: 100%;

    max-width: 100%;

    -ms-flex-preferred-size: 100%;

  }



  .l-contents_sub {

    flex-basis: 100%;

    max-width: 100%;

    padding: 0 10vw;

    -ms-flex-preferred-size: 100%;

  }



  * + .l-contents_sub {

    margin-top: 5em;

    margin-left: 0;

  }



  [dir="rtl"] * + .l-contents_sub {

    margin-right: 0;

  }

}



@media screen {

  [hidden~="screen"] {

    display: inherit;

  }



  [hidden~="screen"]:not(:active):not(:focus):not(:target) {

    position: absolute !important;

    clip: rect(0 0 0 0) !important;

  }

}



@media print {

  h1,

  h2,

  h3,

  h4,

  h5,

  h6 {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  body {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  a {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }



  a:hover {

    text-decoration: none;

  }



  .spOnly {

    display: none;

  }



  .spOnlyIn {

    display: none;

  }



  .pcOnly {

    display: block;

  }



  .pcOnlyIn {

    display: inline-block;

  }



  .pcOnlyTb {

    display: table;

  }



  .center-pc {

    text-align: center;

  }



  .right-pc {

    text-align: right;

  }



  .left-pc {

    text-align: left;

  }



  a.hoverline:hover {

    text-decoration: underline;

  }



  a.hovercolor:hover {

    color: #963852;

  }



  .morebp {

    display: block;

  }



  .lessbp {

    display: none;

  }



  .l-header_inner {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-header_inner {

    position: relative;

  }



  .l-header_logo > a > .lead {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  .l-header_logo {

    height: 4.5em;

    padding-top: 1em;

  }



  .temp-simple .l-header_logo {

    height: 5em;

  }



  .l-header_logo > a > .lead {

    display: inline-block;

    padding: 0 0 0.5em 1em;

  }



  .l-header_logo img {

    width: 25vw;

  }



  .l-header_upper {

    position: absolute;

    top: 0;

    z-index: 3;

  }



  .is-script .l-header_upper {

    right: 2vw;

    max-width: 45%;

  }



  [dir="rtl"] .is-script .l-header_upper {

    right: auto;

    left: 2vw;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

  }



  .l-header_langbox {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  .is-script .l-header_langbox {

    min-width: 12em;

  }



  .is-script .l-header_langbox_current {

    padding: 0.7em 1em;

  }



  .is-script .l-header_langbox_list_wrap {

    width: 12em;

  }



  .is-script .l-header_langbox_list_inner {

    padding: 0.7em 1em;

  }



  .is-script .l-header_langbox_list_inner:hover {

    background-color: #333;

  }



  .is-script .l-header_searchbox form.gsc-search-box {

    font-size: 1.6rem;

    font-size: 1.33333vw;

  }



  .is-script .l-header_searchbox {

    margin: 0.2em 0 0.2em 0.7em;

    background-color: #fff;

  }



  .is-script .l-header_searchbox .gsib_a {

    padding: 0 0 0 0.5em;

  }



  .is-script .l-header_searchbox .cse button.gsc-search-button,

  .is-script .l-header_searchbox button.gsc-search-button {

    padding: 10px 8px;

  }



  .l-nav {

    height: 4em;

  }



  .l-nav_btn {

    display: none;

  }



  .l-nav_lists {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    height: 100%;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

  }



  .l-nav_lists > .list {

    position: relative;

    flex-grow: 1;

    height: 100%;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

  }



  .l-nav_lists > .list + .list::before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    display: block;

    width: 2px;

    height: 1.8em;

    margin: auto;

    content: "";

    background-color: #808080;

  }



  [dir="rtl"] .l-nav_lists > .list + .list::before {

    right: 0;

    left: auto;

  }



  .l-nav_lists > .list:first-child::before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    display: block;

    width: 2px;

    height: 1.8em;

    margin: auto;

    content: "";

    background-color: #808080;

  }



  [dir="rtl"] .l-nav_lists > .list:first-child::before {

    right: 0;

    left: auto;

  }



  .l-nav_lists > .list:last-child::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 2;

    display: block;

    width: 2px;

    height: 1.8em;

    margin: auto;

    content: "";

    background-color: #808080;

  }



  [dir="rtl"] .l-nav_lists > .list:last-child::after {

    right: auto;

    left: 0;

  }



  .l-nav_list_inner {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  .l-nav_list_inner {

    position: relative;

    z-index: 1;

    display: block;

    height: 100%;

    background-color: #fff;

  }



  .is-common .l-nav_list_inner:focus {

    color: #963852;

  }



  .is-trends .l-nav_list_inner:focus {

    color: #963852;

  }



  .is-jvt .l-nav_list_inner:focus {

    color: #963852;

  }



  .is-niponica .l-nav_list_inner:focus {

    color: #963852;

  }



  .is-kidsweb .l-nav_list_inner:focus {

    color: #963852;

  }



  .is-factsheet .l-nav_list_inner:focus {

    color: #963852;

  }



  .l-nav_list_inner::after {

    position: absolute;

    bottom: 0;

    left: 3px;

    display: block;

    width: calc(100% - 2px);

    height: 4px;

    margin: auto;

    content: "";

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }



  .l-nav_list_inner:hover::after,

  .l-nav_list_inner.is-current::after {

    background-color: #963852;

  }



  .l-nav_list_inner > .text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

  }



  .l-nav_lists-secondary {

    position: absolute;

    top: calc(100% + 1px);

    left: 0;

    z-index: 1;

    width: 100%;

    height: 0;

    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }



  .has-secondary:hover .l-nav_lists-secondary {

    display: block !important;

    height: 100%;

  }



  .has-secondary:hover .l-nav_lists-secondary .l-nav_sub_inner {

    display: block;

  }



  .l-nav_lists-sub > .list + .list .l-nav_sub_inner {

    border-top: solid 1px #808080;

  }



  .l-nav_sub_inner {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .l-nav_sub_inner {

    padding: 0.7em 1em;

    background-color: #ededed;

  }



  .l-nav_sub_inner:hover {

    color: #fff;

    background-color: #666;

  }



  .l-nav_sub_inner:hover > .text::after {

    border-top-color: #fff;

    border-right-color: #fff;

  }



  .l-nav_sub_inner > .text {

    display: block;

  }



  .l-footer_inner {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-footer_totop {

    right: 1.5em;

    bottom: 5em;

  }



  [dir="rtl"] .l-footer_totop {

    right: auto;

    left: 1.5em;

  }



  .l-footer_totop_icon {

    width: 3.4em;

    height: 3.4em;

    -webkit-transition: -webkit-transform 0.2s ease;

    transition: -webkit-transform 0.2s ease;

    transition: transform 0.2s ease;

    transition: transform 0.2s ease, -webkit-transform 0.2s ease;

  }



  .l-footer_totop_icon::before {

    top: 0.9em;

    height: 1.6em;

  }



  .l-footer_totop_icon::after {

    top: 1em;

    width: 1em;

    height: 1em;

  }



  .l-footer_totop_icon:hover {

    -webkit-transform: translate3d(0, -0.6em, 0);

    transform: translate3d(0, -0.6em, 0);

  }



  .l-footer_links {

    padding: 3.5em 0 2.5em;

  }



  .l-footer_nav-alternate {

    display: none;

  }



  .l-footer_links_inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }



  .l-footer_links_content {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    min-width: 20%;

  }



  .l-footer_links_content + .l-footer_links_content {

    padding-left: 5em;

  }



  .l-footer_links_section > .title {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .l-footer_links_section + .l-footer_links_section {

    margin-top: 2em;

  }



  .l-footer_links_section > .list {

    padding-left: 1em;

    margin-top: 1em;

  }



  .l-footer_links_lists > .list + .list {

    margin-top: 0.5em;

  }



  .l-footer_links_lists > .list > a:hover {

    text-decoration: underline;

  }



  .l-footer_lang-alternate {

    margin-bottom: 3em;

  }



  .l-footer_lang_lists > .list + .list {

    padding-left: 1em;

    margin-left: 1em;

    border-left: solid 1px #fff;

  }



  [dir="rtl"] .l-footer_lang_lists > .list + .list {

    padding-right: 1em;

    padding-left: 0;

    margin-right: 1em;

    margin-left: 0;

    border-right: solid 1px #fff;

    border-left: none;

  }



  .l-footer_lower {

    padding: 1em 0 1.5em;

  }



  * + .l-footer_lower {

    margin-top: 1em;

  }



  .l-footer_lower::after {

    display: table;

    clear: both;

    content: "";

  }



  .l-footer_lower_lists {

    float: left;

    border-right: solid 1px #fff;

    border-left: solid 1px #fff;

  }



  .l-footer_lower_lists > .list + .list {

    border-left: solid 1px #fff;

  }



  [dir="rtl"] .l-footer_lower_lists > .list + .list {

    border-right: solid 1px #fff;

    border-left: none;

  }



  .l-footer_lower_lists > .list > a {

    padding: 0 0.5em;

  }



  .l-footer_lower_lists > .list > a:hover {

    text-decoration: underline;

  }



  .l-footer_copyright {

    float: right;

  }



  .l-content-noscript {

    padding: 1em;

    text-align: center;

  }



  .l-contents {

    padding-bottom: 8em;

  }



  .l-contents_head {

    padding-top: 3em;

    text-align: center;

  }



  .l-contents_lead {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  * + .l-contents_lead {

    margin-top: 1em;

  }



  .l-content_lead-wide {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-content_lead-wide {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  * + .l-content_lead-wide {

    margin-top: 2em;

  }



  .l-contents_lead-local {

    font-size: 1.8rem;

    font-size: 1.5vw;

  }



  .l-contents_lead-local > .inner {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-contents_lead-local {

    padding: 1.5em 0;

  }



  * + .l-contents_lead-local {

    margin-top: 3em;

  }



  * + .l-contents_body {

    margin-top: 4em;

  }



  * + .l-content {

    margin-top: 3.2em;

  }



  .is-common.l-content-bg .l-content-bg_title::before,

  .is-common.p-top_content-bg .l-content-bg_title::before,

  .is-common.l-content-bg .l-content-bg_title::after,

  .is-common.p-top_content-bg .l-content-bg_title::after {

    background-color: #963852;

  }



  .is-trends.l-content-bg .l-content-bg_title::before,

  .is-trends.p-top_content-bg .l-content-bg_title::before,

  .is-trends.l-content-bg .l-content-bg_title::after,

  .is-trends.p-top_content-bg .l-content-bg_title::after {

    background-color: #ff5614;

  }



  .is-jvt.l-content-bg .l-content-bg_title::before,

  .is-jvt.p-top_content-bg .l-content-bg_title::before,

  .is-jvt.l-content-bg .l-content-bg_title::after,

  .is-jvt.p-top_content-bg .l-content-bg_title::after {

    background-color: #a265c2;

  }



  .is-niponica.l-content-bg .l-content-bg_title::before,

  .is-niponica.p-top_content-bg .l-content-bg_title::before,

  .is-niponica.l-content-bg .l-content-bg_title::after,

  .is-niponica.p-top_content-bg .l-content-bg_title::after {

    background-color: #539e38;

  }



  .is-kidsweb.l-content-bg .l-content-bg_title::before,

  .is-kidsweb.p-top_content-bg .l-content-bg_title::before,

  .is-kidsweb.l-content-bg .l-content-bg_title::after,

  .is-kidsweb.p-top_content-bg .l-content-bg_title::after {

    background-color: #e82c89;

  }



  .is-factsheet.l-content-bg .l-content-bg_title::before,

  .is-factsheet.p-top_content-bg .l-content-bg_title::before,

  .is-factsheet.l-content-bg .l-content-bg_title::after,

  .is-factsheet.p-top_content-bg .l-content-bg_title::after {

    background-color: #2a82db;

  }



  .l-content-bg,

  .p-top_content-bg {

    padding: 1.5em 0 4em;

    border-bottom-width: 4px;

  }



  * + .l-content-bg {

    margin-top: 5em;

  }



  .l-content-bg_title {

    position: absolute;

    top: -0.7em;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    width: 100%;

    -webkit-box-align: center;

    -ms-flex-align: center;

  }



  .l-content-bg_title::before,

  .l-content-bg_title::after {

    display: block;

    flex-grow: 1;

    height: 4px;

    content: "";

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

  }



  .l-content-bg_title::before {

    margin-right: 1em;

  }



  .l-content-bg_title::after {

    margin-left: 1em;

  }



  .l-content-line {

    padding: 1.5em 0;

  }



  * + .l-content-line {

    margin-top: 5em;

  }



  .l-content-line-thin {

    padding: 3em 0;

  }



  * + .l-content-line-thin {

    margin-top: 5em;

  }



  .l-content-mid {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  * + .l-content_body {

    margin-top: 2.5em;

  }



  .l-contents_wrap {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-contents_wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }



  .l-contents_main {

    flex-basis: 75%;

    flex-grow: 1;

    max-width: 75%;

    -ms-flex-preferred-size: 75%;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

  }



  .l-contents_sub {

    flex-basis: 20%;

    flex-shrink: 0;

    max-width: 240px;

    -ms-flex-preferred-size: 20%;

    -ms-flex-negative: 0;

  }



  * + .l-contents_sub {

    margin-left: 5%;

  }



  [dir="rtl"] * + .l-contents_sub {

    margin-right: 5%;

    margin-left: 0;

  }



  * + .l-contents_sub_nav {

    margin-top: 2em;

  }



  .l-contents_sub_nav_group {

    padding: 1.5em;

  }



  * + .l-contents_sub_nav_group {

    margin-top: 1.5em;

  }



  * + .l-contents_sub_nav_lists {

    margin-top: 1em;

  }



  .l-contents_sub_nav_lists > .list + .list {

    margin-top: 1em;

  }



  .l-contents_sub_nav_lists > .list > span {

    padding-left: 1.5em;

  }



  [dir="rtl"] .l-contents_sub_nav_lists > .list > span {

    padding-right: 1.5em;

    padding-left: 0;

  }



  .l-contents_sub_nav_lists > .list > a {

    padding: 0 1.2rem 0 1.5em;

  }



  [dir="rtl"] .l-contents_sub_nav_lists > .list > a {

    padding: 0 1.5em 0 1.2rem;

  }



  .l-contents_sub_nav_lists > .list > a:hover {

    text-decoration: underline;

  }



  * + .l-contents_foot {

    margin-top: 5em;

  }



  * + .l-content_more {

    margin-top: 3em;

  }



  * + .l-section {

    margin-top: 1.5em;

  }



  * + .l-section_body {

    margin-top: 1em;

  }



  * + .l-section_foot {

    margin-top: 1.2em;

  }



  .l-content_modal_close {

    top: 30px;

    right: 30px;

    width: 60px;

    height: 60px;

  }



  .l-content_modal_close::before,

  .l-content_modal_close::after {

    width: 60px;

    -webkit-transition: -webkit-transform 0.3s ease;

    transition: -webkit-transform 0.3s ease;

    transition: transform 0.3s ease;

    transition: transform 0.3s ease, -webkit-transform 0.3s ease;

  }



  .l-content_modal_close:hover::before {

    -webkit-transform: rotate(45deg) scale(1.2);

    transform: rotate(45deg) scale(1.2);

  }



  .l-content_modal_close:hover::after {

    -webkit-transform: rotate(-45deg) scale(1.2);

    transform: rotate(-45deg) scale(1.2);

  }



  .l-mod_service {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .l-mod_service {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

  }



  .l-mod_service_mail > a {

    padding: 1em 0;

  }



  .l-mod_service_mail > a:hover {

    text-decoration: none;

  }



  * + .l-mod_service_sns {

    margin-left: 1em;

  }



  [dir="rtl"] * + .l-mod_service_sns {

    margin-right: 1em;

    margin-left: 0;

  }



  .l-mod_service_sns > .list > a {

    padding: 1em 0 1em 1.2em;

  }



  [dir="rtl"] .l-mod_service_sns > .list > a {

    padding: 1em 1.2em 1em 0;

  }



  .l-mod_pagepath {

    padding: 0 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  * + .l-mod_pagepath {

    margin-top: 2vw;

  }



  .l-mod_pagepath_lists > .list > a:hover {

    text-decoration: none;

  }



  .c-btn-primary,

  .c-btn-small,

  .c-btn-medium,

  .c-btn-large {

    cursor: pointer;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }



  .c-btn-primary:hover,

  .c-btn-small:hover,

  .c-btn-medium:hover,

  .c-btn-large:hover {

    opacity: 0.6;

  }



  .c-btn-primary {

    min-width: 13.4em;

    height: 3.2em;

  }



  .c-btn-small {

    min-width: 11em;

    height: 2.6em;

  }



  .c-btn-medium {

    font-size: 2.5rem;

    font-size: 2.08333vw;

  }



  .c-btn-medium {

    min-width: 13em;

  }



  .c-btn-large {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-btn-large {

    width: 16em;

    height: 4.2em;

    padding: 0 0.5em;

  }



  .c-btn-large .icon {

    flex-basis: 3em;

    max-width: 3em;

    -ms-flex-preferred-size: 3em;

  }



  .c-btn-large .icon > img {

    width: 3em;

    height: 3em;

  }



  a:hover .c-icon_arbd-next::after {

    border-top-color: #963852;

    border-right-color: #963852;

  }



  a:hover .c-icon_arbd-prev::after {

    border-bottom-color: #963852;

    border-left-color: #963852;

  }



  .c-tag-large {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-heading-primary {

    font-size: 4rem;

    font-size: 3.33333vw;

  }



  .c-heading-secondary {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-heading-sub {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .c-heading-list {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .c-heading-line {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-heading-line::before {

    height: 6px;

  }



  .c-hero {

    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;

    height: 10em;

  }



  .c-hero_image {

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    height: 10em;

  }



  .c-hero_image > img {

    -o-object-fit: cover;

    object-fit: cover;

    height: 100%;

  }



  .c-hero_head {

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

    -ms-flex-negative: 0;

    flex-shrink: 0;

  }



  .c-hero.is-common .c-hero_head {

    background-color: #963852;

  }



  .c-hero.is-trends .c-hero_head {

    background-color: #ff5614;

  }



  .c-hero.is-jvt .c-hero_head {

    background-color: #a265c2;

  }



  .c-hero.is-niponica .c-hero_head {

    background-color: #539e38;

  }



  .c-hero.is-kidsweb .c-hero_head {

    background-color: #e82c89;

  }



  .c-hero.is-factsheet .c-hero_head {

    background-color: #2a82db;

  }



  .c-hero_title {

    font-size: 5.6rem;

    font-size: 4.66667vw;

  }



  .c-lists-line {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }



  .c-lists-line > .list {

    padding-right: 2em;

  }



  [dir="rtl"] .c-lists-line > .list {

    padding-right: 0;

    padding-left: 2em;

  }



  .c-lists-archive {

    margin-right: -1em;

    margin-left: -1em;

  }



  .c-lists-archive::after {

    display: table;

    clear: both;

    content: "";

  }



  .c-lists-archive > .list {

    float: left;

    width: 20%;

    padding: 0 1em;

  }



  [dir="rtl"] .c-lists-archive > .list {

    float: right;

  }



  .c-post_image > .new {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-post_image {

    width: 100%;

    height: 100%;

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

  }



  * + .c-post_image {

    margin-bottom: 0.8em;

  }



  a:hover .c-post_image {

    opacity: 0.7;

  }



  .c-post_desc {

    flex-shrink: 0;

    width: 100%;

    -ms-flex-negative: 0;

  }



  a:hover .c-post_title {

    text-decoration: none;

  }



  .c-post_intro {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }



  * + .c-post_intro {

    margin-bottom: 0.5em;

  }



  .c-post_intro .c-tag-primary {

    margin-right: 0.8em;

  }



  [dir="rtl"] .c-post_intro .c-tag-primary {

    margin-right: 0;

    margin-left: 0.8em;

  }



  .c-post_date {

    font-size: 1.6rem;

    font-size: 1.33333vw;

  }



  .c-post_foot {

    padding-top: 1.5em;

    margin-top: auto;

  }



  .c-mod-card {

    display: block;

  }



  a:hover .c-mod-card {

    opacity: 0.7;

  }



  a.c-mod-card:hover {

    opacity: 0.7;

  }



  * + .c-mod-card_content {

    margin-top: 0.7em;

  }



  .c-mod-bb {

    padding: 1.5em 2em;

    border-width: 2px;

  }



  .c-media {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }



  .c-media_image {

    flex-basis: 47%;

    flex-shrink: 0;

    max-width: calc(380px + 4%);

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    -ms-flex-preferred-size: 47%;

    -ms-flex-negative: 0;

  }



  * + .c-media_image {

    padding-right: 4%;

  }



  [dir="rtl"] * + .c-media_image {

    padding-right: 0;

    padding-left: 4%;

  }



  .c-media_image img {

    width: 100%;

  }



  a:hover .c-media_image {

    opacity: 0.7;

  }



  .c-media_image-s {

    flex-basis: 38%;

    flex-shrink: 0;

    max-width: calc(300px + 4%);

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    -ms-flex-preferred-size: 38%;

    -ms-flex-negative: 0;

  }



  * + .c-media_image-s {

    padding-right: 4%;

  }



  [dir="rtl"] * + .c-media_image-s {

    padding-right: 0;

    padding-left: 4%;

  }



  .c-media_image-s img {

    width: 100%;

  }



  a:hover .c-media_image-s {

    opacity: 0.7;

  }



  .c-media_image-ss {

    flex-basis: 31%;

    flex-shrink: 0;

    max-width: calc(240px + 4%);

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    -ms-flex-preferred-size: 31%;

    -ms-flex-negative: 0;

  }



  * + .c-media_image-ss {

    padding-right: 4%;

  }



  [dir="rtl"] * + .c-media_image-ss {

    padding-right: 0;

    padding-left: 4%;

  }



  .c-media_image-ss img {

    width: 100%;

  }



  a:hover .c-media_image-ss {

    opacity: 0.7;

  }



  .c-media-half {

    flex-basis: 50%;

    flex-shrink: 0;

    max-width: 50%;

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  * + .c-media-half {

    padding-right: 4%;

  }



  [dir="rtl"] * + .c-media-half {

    padding-right: 0;

    padding-left: 4%;

  }



  a:hover .c-media-half {

    opacity: 0.7;

  }



  .c-media_desc {

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

  }



  .c-media-icon {

    -ms-display: grid;

    display: -ms-grid;

    grid-template-rows: auto 1fr;

    grid-template-columns: auto auto;

    height: 100%;

    -ms-grid-columns: auto auto;

    -ms-grid-rows: auto 1fr;

  }



  .c-media-icon_image {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-grid-row: 1;

    grid-row: 1 / span 2;

    -ms-grid-column: 1;

    grid-column: 1 / 2;

    align-items: center;

    padding-right: 1em;

    -ms-grid-column-span: 1;

    -ms-grid-row-span: 2;

    -webkit-box-align: center;

    -ms-flex-align: center;

  }



  [dir="rtl"] .c-media-icon_image {

    padding-right: 0;

    padding-left: 1em;

  }



  .c-media-icon_image img {

    width: 4em;

    height: 4em;

  }



  .c-media-icon_name {

    display: block;

    -ms-grid-row: 1;

    grid-row: 1 / 2;

    grid-row: 1 / 2;

    -ms-grid-column: 2;

    grid-column: 2 / 2;

    -ms-grid-column-span: 1;

    -ms-grid-row-span: 1;

  }



  .c-media-icon_lead {

    -ms-grid-row: 2;

    grid-row: 2 / 2;

    -ms-grid-column: 2;

    grid-column: 2 / 2;

    -ms-grid-column-span: 1;

    -ms-grid-row-span: 1;

  }



  * + .c-media-icon_lead {

    margin-top: 0.5em;

  }



  .c-grid-2,

  .c-grid-3,

  .c-grid-4 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: -1em -1em 0;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

  }



  .c-grid-2 > .c-grid_item {

    flex-basis: 50%;

    flex-shrink: 0;

    max-width: 50%;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  .c-grid-3:not(.c-grid-center)::after {

    display: block;

    width: 33.3%;

    content: "";

  }



  .c-grid-3 > .c-grid_item {

    flex-basis: 33.3%;

    flex-shrink: 0;

    max-width: 33.3%;

    -ms-flex-preferred-size: 33.3%;

    -ms-flex-negative: 0;

  }



  .c-grid-4:not(.c-grid-center)::before {

    display: block;

    order: 1;

    width: 25%;

    content: "";

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

  }



  .c-grid-4:not(.c-grid-center)::after {

    display: block;

    width: 25%;

    content: "";

  }



  .c-grid-4 > .c-grid_item {

    flex-basis: 25%;

    flex-shrink: 0;

    max-width: 25%;

    -ms-flex-preferred-size: 25%;

    -ms-flex-negative: 0;

  }



  .c-grid-center {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .c-grid_item {

    padding: 1em;

  }



  .c-lists-post .c-grid_item {

    padding-bottom: 2em;

  }



  .c-article_title {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .c-article_title {

    padding-left: 0.8em;

    border-left-width: 0.5em;

  }



  [dir="rtl"] .c-article_title {

    padding-right: 0.8em;

    padding-left: 0;

    border-right-width: 0.5em;

    border-left-width: 0;

  }



  .c-article_body h2 {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .c-article_body h3 {

    font-size: 2rem;

    font-size: 1.66667vw;

  }



  .c-article_body h4 {

    font-size: 2rem;

    font-size: 1.66667vw;

  }



  * + .c-article_body {

    margin-top: 1.5em;

  }



  .c-article_body .columns {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: -0.5em;

  }



  .c-article_body .columns + .columns {

    margin-top: 1em;

  }



  .c-article_body .columns .column {

    -ms-flex-negative: 0;

    flex-shrink: 0;

  }



  .c-article_body .column {

    padding: 0.5em;

  }



  .c-article_body .image-modal {

    cursor: default;

  }



  .c-article_body .image-modal[data-izimodal-open] {

    cursor: pointer;

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

  }



  .c-article_body .image-modal[data-izimodal-open]:hover {

    opacity: 0.6;

  }



  .c-article_body .image-modal img {

    max-height: 400px;

  }



  .c-article_body .enlarge:hover {

    text-decoration: underline;

  }



  .c-article_body .w10 {

    width: 10%;

  }



  .c-article_body .w15 {

    width: 15%;

  }



  .c-article_body .w20 {

    width: 20%;

  }



  .c-article_body .w25 {

    width: 25%;

  }



  .c-article_body .w30 {

    width: 30%;

  }



  .c-article_body .w35 {

    width: 35%;

  }



  .c-article_body .w40 {

    width: 40%;

  }



  .c-article_body .w45 {

    width: 45%;

  }



  .c-article_body .w50 {

    width: 50%;

  }



  .c-article_body .w55 {

    width: 55%;

  }



  .c-article_body .w60 {

    width: 60%;

  }



  .c-article_body .w65 {

    width: 65%;

  }



  .c-article_body .w70 {

    width: 70%;

  }



  .c-article_body .w75 {

    width: 75%;

  }



  .c-article_body .w80 {

    width: 80%;

  }



  .c-article_body .w85 {

    width: 85%;

  }



  .c-article_body .w90 {

    width: 90%;

  }



  .c-article_body .box::after,

  .c-article_body .box-image::after,

  .c-article_body .box-bg::after,

  .c-article_body .box-border::after {

    display: table;

    clear: both;

    content: "";

  }



  .c-article_body .fl-left {

    float: left;

    margin-right: 1.5em;

    margin-bottom: 1em;

  }



  [dir="rtl"] .c-article_body .fl-left {

    float: right;

    margin-right: 0;

    margin-left: 1.5em;

  }



  .c-article_body .fl-right {

    float: right;

    margin-bottom: 1em;

    margin-left: 1.5em;

  }



  [dir="rtl"] .c-article_body .fl-right {

    float: left;

    margin-right: 1.5em;

    margin-left: 0;

  }



  .c-article_modal {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    max-height: 660px;

  }



  .c-article_modal .iziModal-content {

    padding-top: 60px !important;

  }



  .c-article_modal_image {

    max-height: 600px;

  }



  .c-article_modal_close {

    top: 0;

    right: 0;

  }



  .p-top_contents {

    padding-bottom: 4em;

  }



  .p-top_mv {

    padding-bottom: 6em;

    background-image: url(/assets/img/top/bg_mv.jpg);

    background-size: contain;

  }



  .p-top_mv_inner {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .p-top_mv_inner {

    align-items: center;

    justify-content: space-between;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-box-align: center;

    -ms-flex-align: center;

  }



  .p-top_contents_head {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    padding-right: 3em;

    padding-bottom: 4rem;

  }



  [dir="rtl"] .p-top_contents_head {

    padding-right: 0;

    padding-left: 3em;

  }



  .p-top_contents_title {

    font-size: 6rem;

    font-size: 5vw;

  }



  .p-top_contents_lead {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .p-top_mv-main {

    flex-basis: 64%;

    flex-shrink: 0;

    max-width: 64%;

    -ms-flex-preferred-size: 64%;

    -ms-flex-negative: 0;

  }



  .p-top_mv_item {

    background-color: #fff;

  }



  .p-top_mv_item > a:hover {

    color: #963852;

  }



  .p-top_mv_item > a:hover img {

    opacity: 0.75;

  }



  .p-top_mv_head {

    bottom: 1em;

    padding-left: 1em;

  }



  [dir="rtl"] .p-top_mv_head {

    padding-left: 0;

  }



  .p-top_mv_title {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .p-top_mv_title {

    padding: 1em;

  }



  a:hover .p-top_mv_title .c-icon_arrow-next::after {

    border-top-color: #963852;

    border-right-color: #963852;

  }



  .p-top_mv_image > img {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }



  .p-top_mv_buttons {

    position: absolute;

    bottom: 0;

    left: calc(35% - 3em - 10rem);

  }



  [dir="rtl"] .p-top_mv_buttons {

    right: calc(35% - 3em - 10rem);

    left: auto;

  }



  .p-top_mv_buttons > .list {

    padding: 0 0.2em;

  }



  .p-top_mv_btn-control {

    width: 4rem;

    height: 4rem;

  }



  .p-top_mv_btn-control::before {

    width: 40px;

    width: 4rem;

    height: 40px;

    height: 4rem;

    background-color: #fff;

    border: solid 2px #0d0d0d;

  }



  .p-top_mv_btn-control.is-play::after {

    left: 16px;

    left: 1.6rem;

  }



  .p-top_mv_btn-control.is-prev::after {

    right: 12px;

    right: 1.2rem;

  }



  [dir="rtl"] .p-top_mv_btn-control.is-prev::after {

    right: auto;

    left: 12px;

    left: 1.2rem;

  }



  a:hover .p-top_mv_btn-control.is-prev::after {

    border-bottom-color: #963852;

    border-left-color: #963852;

  }



  .p-top_mv_btn-control.is-next::after {

    right: 16px;

    right: 1.6rem;

  }



  [dir="rtl"] .p-top_mv_btn-control.is-next::after {

    right: auto;

    left: 16px;

    left: 1.6rem;

  }



  a:hover .p-top_mv_btn-control.is-next::after {

    border-top-color: #963852;

    border-right-color: #963852;

  }



  .p-top_recommended_tab > .inner {

    font-size: 2.4rem;

    font-size: 2vw;

  }



  .p-top_recommended_tab[aria-selected="false"]:hover {

    color: #963852;

  }



  .p-top_recommended_tab > .inner {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0.5em 0;

  }



  .p-top_recommended_tab > .inner > .icon {

    margin-right: 0.3em;

  }



  [dir="rtl"] .p-top_recommended_tab > .inner > .icon {

    margin-right: 0;

    margin-left: 0.3em;

  }



  .p-top_recommended_tab > .inner > .icon svg {

    width: 2em;

    height: 2em;

  }



  .p-top_recommended_lists > .list {

    margin-top: 2em;

  }



  .p-top_post_title {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  * + .p-top_post_title {

    margin-top: 0.3em;

  }



  .p-top_content.is-trends {

    padding: 4.5em 0;

    background: #fdf5f2 url(/assets/img/top/bg_trends.png) left top no-repeat;

    background-size: cover;

  }



  .p-top_content.is-jvt {

    padding: 4.5em 0 3.5em;

    background: #f8f2fc url(/assets/img/top/bg_jvt.png) left center no-repeat;

    background-size: contain;

  }



  .p-top_content.is-niponica {

    position: relative;

    padding: 4.5em 0;

  }



  .p-top_content.is-kidsweb {

    padding: 4.5em 0;

    background: #fae7f1 url(/assets/img/top/bg_kidsweb.png) right top no-repeat;

    background-size: contain;

  }



  .p-top_content.is-factsheet {

    position: relative;

  }



  .p-top_content.is-niponica .p-top_content_inner {

    padding-right: 2vw;

    padding-left: 2vw;

    margin-right: auto;

    margin-left: auto;

  }



  .p-top_content.is-trends .p-top_content_inner,

  .p-top_content.is-kidsweb .p-top_content_inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-box-align: start;

    -ms-flex-align: start;

  }



  .p-top_content.is-niponica .p-top_content_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;

    padding-top: 6vw;

    padding-bottom: 6vw;

    background: url(/assets/img/top/bg_niponica.jpg) no-repeat;

    background-size: cover;

  }



  .p-top_content.is-factsheet .p-top_content_inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    padding: 7.5em 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

  }



  .p-top_content.is-trends .p-top_content_head,

  .p-top_content.is-kidsweb .p-top_content_head {

    flex-basis: calc(58% + 3.5vw);

    flex-shrink: 0;

    max-width: calc(58% + 3.5vw);

    padding: 3em;

    margin-left: -3.5vw;

    background-color: rgba(255, 255, 255, 0.6);

    -ms-flex-preferred-size: calc(58% + 3.5vw);

    -ms-flex-negative: 0;

  }



  [dir="rtl"] .p-top_content.is-trends .p-top_content_head,

  [dir="rtl"] .p-top_content.is-kidsweb .p-top_content_head {

    margin-right: -3.5vw;

    margin-left: 0;

  }



  .p-top_content.is-jvt .p-top_content_head {

    width: calc(58% + 3.5vw);

    padding: 3em 3em 5em;

    margin-right: -3.5vw;

    margin-left: 42%;

    background-color: rgba(255, 255, 255, 0.6);

  }



  [dir="rtl"] .p-top_content.is-jvt .p-top_content_head {

    margin-right: 0;

    margin-left: -3.5vw;

  }



  .p-top_content.is-niponica .p-top_content_head {

    flex-basis: 50%;

    flex-shrink: 0;

    max-width: 50%;

    padding: 3em;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  .p-top_content.is-factsheet .p-top_content_head {

    flex-basis: 50%;

    flex-shrink: 0;

    max-width: 50%;

    padding-left: 5em;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  [dir="rtl"] .p-top_content.is-factsheet .p-top_content_head {

    padding-right: 6.5vw;

    padding-left: 0;

  }



  .p-top_content_lead {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  * + .p-top_content_lead {

    margin-top: 1em;

  }



  .p-top_content_icon > svg {

    width: 2em;

    height: 2em;

  }



  * + .p-top_content_btn {

    margin-top: 2em;

  }



  .p-top_content.is-jvt .p-top_content_body {

    width: 100%;

    margin-top: -2.5em;

  }



  .p-top_content.is-niponica .p-top_content_body {

    position: absolute;

    bottom: 3em;

    left: 0;

    width: 50%;

  }



  [dir="rtl"] .p-top_content.is-niponica .p-top_content_body {

    right: auto;

    right: 0;

  }



  .p-top_content.is-factsheet .p-top_content_body {

    position: absolute;

    top: 0;

    left: 0;

    width: 50%;

    height: 100%;

  }



  [dir="rtl"] .p-top_content.is-factsheet .p-top_content_body {

    right: 0;

    left: auto;

  }



  .p-top_content.is-factsheet .p-top_content_body > img {

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%;

    height: 100%;

  }



  .p-top_content_links > .list + .list {

    margin-top: 1em;

  }



  .p-jvt_posts-new .c-heading-list {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .p-jvt_posts-new .c-tag-primary {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .p-jvt_posts-new .c-post_date {

    font-size: 2rem;

    font-size: 1.66667vw;

  }



  .p-jvt_posts-new {

    margin: -1em;

  }



  .p-jvt_posts-new .c-post {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .p-jvt_posts-new * + .c-post_image {

    padding-right: 2em;

    margin-bottom: 0;

  }



  [dir="rtl"] .p-jvt_posts-new * + .c-post_image {

    padding-right: 0;

    padding-left: 2em;

    margin-top: 0;

  }



  .p-jvt_posts-new .c-post_image {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    flex-basis: 60%;

    max-width: 684px;

    height: auto;

    -ms-flex-preferred-size: 60%;

  }



  .p-jvt_posts-new .c-post_image > .inner {

    width: 100%;

  }



  .p-jvt_posts-new .c-post_image img {

    width: 100%;

  }



  .p-jvt_posts-new .c-post_desc {

    flex-basis: 40%;

    flex-grow: 1;

    max-width: 40%;

    -ms-flex-preferred-size: 40%;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

  }



  .p-jvt_posts-new .c-tag-primary {

    padding: 0.3em 0.5em;

  }



  * + .p-jvt_post_group {

    margin-top: 1em;

  }



  .p-jvt_post_group a:hover {

    text-decoration: none;

  }



  .p-jvt_post_movies > .list {

    margin: 0 0.2em;

  }



  .p-jvt_modal_close {

    top: -60px;

    right: -60px;

  }



  .c-grid-2.p-factsheet-files {

    padding-top: 2em;

  }



  .c-grid-2.p-factsheet-files > .p-factsheet-files_item {

    padding-bottom: 0;

  }



  .p-niponica_feature {

    -ms-grid-rows: auto auto;

    grid-template-rows: auto auto;

    -ms-grid-columns: 0.55fr 1.45fr;

    grid-template-columns: 0.55fr 1.45fr;

  }



  .p-niponica_feature_info {

    -ms-grid-row: 1;

    -ms-grid-row-span: 2;

    grid-row: 1 / span 2;

    -ms-grid-column: 2;

    -ms-grid-column-span: 1;

    grid-column: 2 / 2;

    margin-left: 8%;

  }



  [dir="rtl"] .p-niponica_feature_info {

    margin-right: 8%;

    margin-left: 0;

  }



  .p-niponica_feature_desc {

    -ms-grid-row: 1;

    -ms-grid-row-span: 1;

    grid-row: 1 / 2;

    -ms-grid-column: 1;

    -ms-grid-column-span: 1;

    grid-column: 1 / 2;

  }



  .p-niponica_num > .publication {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .p-niponica_num > .no {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  .p-niponica_num > .no > .number {

    font-size: 6rem;

    font-size: 5vw;

  }



  .p-niponica_feature_number {

    display: block;

  }



  .p-niponica_feature_image {

    text-align: center;

  }



  * + .p-niponica_feature_image {

    margin-top: 1.5em;

  }



  .p-niponica_feature_image > a:hover {

    opacity: 0.7;

  }



  .p-niponica_feature_btns {

    -ms-grid-row: 2;

    -ms-grid-row-span: 1;

    grid-row: 2 / 2;

    -ms-grid-column: 1;

    -ms-grid-column-span: 1;

    grid-column: 1 / 2;

  }



  * + .p-niponica_feature_btns {

    margin-top: 2em;

  }



  .p-niponica_feature_btns > .list + .list {

    margin-top: 1em;

  }



  .p-niponica_feature_summary .caption {

    font-size: 1.6rem;

    font-size: 1.33333vw;

  }



  * + .p-niponica_feature_summary {

    margin-top: 1em;

  }



  .p-niponica_feature_summary * + p,

  .p-niponica_feature_summary * + figure,

  .p-niponica_feature_summary * + figcaption,

  .p-niponica_feature_summary * + img {

    margin-top: 1em;

  }



  .p-niponica_post {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }



  .p-niponica_post + .p-niponica_post {

    margin-top: 3em;

  }



  .p-niponica_post_info {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    padding-left: 5%;

  }



  [dir="rtl"] .p-niponica_post_info {

    margin-right: 5%;

    margin-left: 0;

  }



  * + .p-niponica_post_summary {

    margin-top: 1em;

  }



  .p-niponica_post_btns {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }



  * + .p-niponica_post_btns {

    margin-top: 0.5em;

  }



  .p-niponica_post_btns > .list {

    margin-top: 0.5em;

    margin-right: 1em;

  }



  [dir="rtl"] .p-niponica_post_btns > .list {

    margin-right: 0;

    margin-left: 1em;

  }



  .p-niponica_post_attention {

    font-size: 1.6rem;

    font-size: 1.33333vw;

  }



  .p-niponica_post_desc {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-basis: 27%;

    flex-shrink: 0;

    justify-content: space-between;

    max-width: 27%;

    -ms-flex-preferred-size: 27%;

    -ms-flex-negative: 0;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

  }



  .p-niponica_post_image {

    flex-basis: 50%;

    flex-shrink: 0;

    max-width: 50%;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  .p-niponica_post_image > a:hover {

    opacity: 0.7;

  }



  .p-kidsweb_block {

    position: relative;

  }



  * + .p-kidsweb_block {

    margin-top: 4em;

  }



  .p-kidsweb_block:nth-child(even) {

    padding: 3em 0;

    background-image: url(/assets/img/kidsweb/bg.png);

    background-repeat: repeat;

    background-size: 6px 12px;

  }



  .p-kidsweb_block:nth-child(odd) .p-kidsweb_head {

    padding-left: 4em;

  }



  [dir="rtl"] .p-kidsweb_block:nth-child(odd) .p-kidsweb_head {

    text-align: left;

  }



  .p-kidsweb_block:nth-child(even) .p-kidsweb_head {

    padding-right: 4em;

    text-align: right;

  }



  [dir="rtl"] .p-kidsweb_block:nth-child(even) .p-kidsweb_head {

    text-align: left;

  }



  .p-kidsweb_title {

    font-size: 10rem;

    font-size: 8.33333vw;

  }



  .p-kidsweb_body {

    position: relative;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    align-items: center;

    justify-content: space-between;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

  }



  .p-kidsweb_block:nth-child(odd) .p-kidsweb_body {

    margin-top: -4em;

  }



  .p-kidsweb_block:nth-child(odd) .p-kidsweb_body::before {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: -1;

    display: block;

    width: 80%;

    height: 90%;

    margin: auto;

    content: "";

    background-image: url(/assets/img/kidsweb/bg.png);

    background-repeat: repeat;

    background-size: 6px 12px;

  }



  .p-kisdweb_lead {

    font-size: 2.2rem;

    font-size: 1.83333vw;

  }



  .p-kisdweb_lead {

    position: absolute;

    top: 2em;

    right: 4em;

    width: 21em;

  }



  [dir="rtl"] .p-kisdweb_lead {

    right: 0;

    width: 17em;

  }



  .p-kisdweb_content > dt {

    font-size: 2.8rem;

    font-size: 2.33333vw;

  }



  * + .p-kidsweb_image {

    padding-right: 3em;

  }



  [dir="rtl"] * + .p-kidsweb_image {

    padding-right: 0;

  }



  * + .p-kidsweb_foot {

    margin-top: 2em;

  }



  .p-kidsweb_list + .p-kidsweb_list {

    margin-top: 2vw;

  }



  .p-kidsweb_list:nth-child(even) > .inner {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

  }



  .p-kidsweb_list_desc {

    position: relative;

    z-index: 1;

    max-width: 50%;

    padding: 2em;

    margin-top: -8em;

    background-color: rgba(255, 255, 255, 0.9);

  }



  .p-kidsweb_list:nth-child(odd) .p-kidsweb_list_desc {

    margin-left: 50%;

  }



  .p-kidsweb_list:nth-child(even) .p-kidsweb_list_desc {

    margin-right: 50%;

  }



  .p-kidsweb_list_image {

    position: relative;

    width: 100%;

    max-width: calc(600px + 5em);

    height: 100%;

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

  }



  .p-kidsweb_list_image::before {

    position: absolute;

    top: 2em;

    display: block;

    width: calc(100% - 5em);

    height: 100%;

    content: "";

    background-image: url(/assets/img/kidsweb/bg.png);

    background-repeat: repeat;

    background-size: 6px 12px;

  }



  .p-kidsweb_list:nth-child(odd) .p-kidsweb_list_image {

    padding-right: 5em;

  }



  .p-kidsweb_list:nth-child(odd) .p-kidsweb_list_image::before {

    left: 5em;

  }



  .p-kidsweb_list:nth-child(even) .p-kidsweb_list_image {

    padding-left: 5em;

  }



  .p-kidsweb_list:nth-child(even) .p-kidsweb_list_image::before {

    right: 5em;

  }



  .p-kidsweb_list_image > img {

    position: relative;

  }



  a:hover .p-kidsweb_list_image {

    opacity: 0.7;

  }



  * + .p-trends_content {

    margin-top: 4em;

  }



  .p-trends_head {

    text-align: center;

  }



  .p-trends_title {

    font-size: 10rem;

    font-size: 8.33333vw;

  }



  .p-trends_body {

    min-height: 30em;

    padding-top: 2.5em;

  }



  * + .p-trends_body {

    margin-top: 0.5em;

  }



  .p-trends_body::before {

    right: 0;

    width: 30em;

    height: 30em;

    margin: auto;

  }



  * + .p-trends_foot {

    margin-top: 2.5em;

  }



  .p-trends_post_inner {

    align-items: center;

    justify-content: space-between;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-box-align: center;

    -ms-flex-align: center;

  }



  .p-trends_content:nth-child(odd) .p-trends_post_inner {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

  }



  .p-trends_content:nth-child(even) .p-trends_post_inner {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .p-trends_post_desc {

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

  }



  .p-trends_post_image {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    flex-basis: 50%;

    flex-shrink: 0;

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    -ms-flex-preferred-size: 50%;

    -ms-flex-negative: 0;

  }



  .p-trends_content:nth-child(odd) * + .p-trends_post_image {

    padding-right: 4%;

  }



  [dir="rtl"] .p-trends_content:nth-child(odd) * + .p-trends_post_image {

    padding-right: 0;

    padding-left: 4%;

  }



  .p-trends_content:nth-child(even) * + .p-trends_post_image {

    padding-left: 4%;

  }



  [dir="rtl"] .p-trends_content:nth-child(even) * + .p-trends_post_image {

    padding-right: 4%;

    padding-left: 0;

  }



  a:hover .p-trends_post_image {

    opacity: 0.7;

  }

}
.kidsweb-ja-top .c-grid_item .c-post_image .inner,
.kidsweb-en-top .c-grid_item .c-post_image .inner {
  position: relative;
}
img.kidsweb-local-icon {
  width: auto;
  z-index: -1;
  position: absolute;
  margin-top: 0;
}
img.kidsweb-local-icon.sakura-item02 {
  right: -2em;
  top: 5em;
}
img.kidsweb-local-icon.sakura-item03-top  {
  left: 70%;
  top: -1.9em;
}
img.kidsweb-local-icon.sakura-item03-left {
  left: -3em;
  top: 65%;
}
img.kidsweb-local-icon.fish-item05 {
  left: -3.5em;
  bottom: -2em;
}
img.kidsweb-local-icon.bird-item06 {
  right: -1.8em;
  top: -4em;
}
img.kidsweb-local-icon.fune-item08 {
  right: -4em;
  bottom: -1em;
}
img.kidsweb-local-icon.leaves-item11 {
  left: -3em;
  top: -1em;
}
img.kidsweb-local-icon.leaves-item12 {
  left: -1.6em;
  bottom: 0em;
}

img.kidsweb-local-icon.leaves-item13 {
  left: -3em;
  bottom: 0em;
}

img.kidsweb-local-icon.leaves-item14 {
  right: -2.5em;
  top: 0em;
}
img.kidsweb-local-icon.snow-item16 {
  right: -4em;
  bottom: -1em;
}
img.kidsweb-local-icon.snow-item17 {
  left: -3em;
  bottom: 3em;
}
img.kidsweb-local-icon.snow-item19 {
  right: -2.5em;
  top: 1em;
}
img.kidsweb-local-icon.snow-item20 {
  right: -3.5em;
  bottom: -1em;
}

/*content page*/
.kidsweb-local .icon_arrow {
  position: relative;
  display: inline-block;
}
.kidsweb-local .icon_arrow::after {
  position: absolute;
  top: 30px;
  bottom: 0;
  display: block;
  width: 10px;
  width: 2rem;
  height: 10px;
  height: 2rem;
  margin: auto;
  content: "";
  border-top: solid 3px #0d0d0d;
  border-right: solid 3px #0d0d0d;
}
.kidsweb-local .icon_arrow-next::after {
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.kidsweb-local .icon_arrow-prev::after {
  left: 0;
  -webkit-transform: rotate(223deg);
  transform: rotate(223deg);
}
.kidsweb-local .arrow-nav {
  width: 100%;
  transition: opacity 0.3s ease;
}
.kidsweb-local .arrow-nav:hover{
  opacity: 0.6;
}
.kidsweb-local .arrow-nav img {
  width: 120px;
  height: auto;
  margin-right: 20px;
}
.kidsweb-local .arrow-nav_cnt {
  width: 90%;
  margin: 0 5px;
}
.kidsweb-local .arrow-nav_cnt-left {
  margin-left: auto;
}
.kidsweb-local .arrow-nav_cnt-right {
  margin-right: auto;
}
.kidsweb-local .arrow-nav_cnt-box {
  display: flex;
  align-items: center;
  border: 1px solid;
  padding: 10px;
  border-radius: 5px;
}
.kidsweb-local-map {
  position: relative;
}
.kidsweb-local-columns {
  align-items: center;
}
.kidsweb-local-column-txt {
  padding-bottom: 50px !important;
}
.kidsweb-local .nav-post{
  margin-top: 3em;
}
.kidsweb-en-cnt .kidsweb-local-column-txt.pd-left,
.kidsweb-en-cnt .kidsweb-local-column-txt.pd-right {
  text-align: left;
}
.kidsweb-local-column-txt.pd-left {
  padding-left: 30px !important;
  text-align: justify;
}
.kidsweb-local-column-txt.pd-right {
  padding-right: 30px !important;
  text-align: justify;
}
.kidsweb-en-top .p-0 {
  padding: 0;
}
.kidsweb-local .kidsweb-en-cnt .arrow-nav_cnt-box {
  font-size: 16px;
}
.kidsweb-local-map-img .image-modal {
  margin-top: -60px;
}
.pb-103 {
  padding-bottom: 103px !important;
}
.pb-140 {
  padding-bottom: 140px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.kidsweb-local-columns.align-items-start {
  align-items: start !important;
}
@media screen and (max-width: 750px) {
  .kidsweb-ja-top-imgs {
    font-size: 14px;
  }
  .kidsweb-ja-top .c-grid-2,
  .kidsweb-en-top .c-grid-2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between; 
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  }
  .kidsweb-ja-top .c-grid-2 > .c-grid_item,
  .kidsweb-en-top .c-grid-2 > .c-grid_item {
    flex-basis: 50%;
    flex-shrink: 0;
    max-width: 50%;
    padding: 0.5em;
    margin: 0
  }
  img.kidsweb-local-icon {
    width: 25px;
  }
  img.kidsweb-local-icon.sakura-item02 {
    right: -26px;
  }
  img.kidsweb-local-icon.sakura-item03-top {
    top: -1em;
  }
  img.kidsweb-local-icon.sakura-item03-left {
    left: -25px;
  }
  img.kidsweb-local-icon.bird-item06 {
    right: -1em;
    top: -2em;
    width: 60px;
  }
  img.kidsweb-local-icon.fish-item05 {
    left: -30px;
    bottom: -2em;
  }
  img.kidsweb-local-icon.leaves-item11 {
    left: -30px;
    top: 0em;
  }
  img.kidsweb-local-icon.leaves-item12 {
    left: -20px;
    bottom: 0em;
  }
  img.kidsweb-local-icon.leaves-item13 {
    left: -26px;
    bottom: -10px;
  }
  img.kidsweb-local-icon.leaves-item14 {
    right: -26px;
  }
  img.kidsweb-local-icon.snow-item16 {
    right: -30px;
  }
  img.kidsweb-local-icon.snow-item17 {
    left: -30px;
  }
  img.kidsweb-local-icon.snow-item19 {
    right: -30px;
    top: 10px;
  }
  img.kidsweb-local-icon.snow-item20 {
    right: -30px;
    bottom: -10px;
  }
  /*content page*/
  .kidsweb-local .arrow-nav_cnt {
    width: 93%;
  }
  .kidsweb-local .arrow-nav_cnt-right {
    margin-left: 0;
  }
  .kidsweb-local .arrow-nav_cnt-left {
    margin-right: 0;
  }
  .kidsweb-local .arrow-nav_cnt-box {
    padding: 8px;
  }
  .kidsweb-local .arrow-nav img {
    width: 40%;
    margin-right: 10px;
  }
  .kidsweb-local .arrow-nav_cnt-box {
    font-size: 14px;
    letter-spacing: normal;
  }
  .column-sm-top {
    order: 1;
    padding: 0;
  }
  .column-sm-bottom {
    order: 2;
    padding-top: 5vw;
  }
  .kidsweb-local-map {
    padding-bottom: 0;
  }
  .kidsweb-local .nav-post{
    margin-top: 1.5em;
  }
  .kidsweb-local .icon_arrow::after {
    top: 40px;
    width: 1.5rem;
    height: 1.5rem;
    border-top: solid 2px #0d0d0d;
    border-right: solid 2px #0d0d0d;
  }
  .kidsweb-local-map-img .w-50 {
    width: 50%;
    display: inline-block;
  }
  .kidsweb-local-map-img .center {
    text-align: center;
  }
  .kidsweb-local-column-txt {
    padding-bottom: 0 !important;
  }
  .kidsweb-local-column-txt.pd-right {
    padding-right: 9px !important;
  }
  .kidsweb-local-column-txt.pd-left {
    padding-left: 0 !important;
  }
  .kidsweb-en-top-imgs{
    font-size: 12px;
  }
  .kidsweb-en-top-line {
    font-size: 16px;
  }
  .kidsweb-local-map-img .image-modal {
    margin-top: 0px;
  }
}

@media screen and (max-width: 374.98px){
  .kidsweb-ja-top-imgs{
    font-size: 12px;
  }
  .kidsweb-local .arrow-nav_cnt-box {
    font-size: 12px;
  }
}
/* Related Articles Style */
.related-articles h2{
  border: none;
}
.related-articles{
  margin-top: 50px;
  padding: 20px;
  background: url(/assets/img/trends/bg.png) repeat;
  background-size: 6px 12px;
}
.related-articles a {
  margin-top: 20px;
  display: block;
  text-decoration: underline;
}
.related-articles li:first-of-type a{
margin-top: 0;
}
.related-articles ul{
  margin-top: 0;
}
.related-articles a:hover{
  text-decoration: none;
}
/* Set image height Style */
@media all and (min-width: 751px) {
  .h-240{
  height: 240px;  
  }
  .h-280{
  height: 280px;  
  }
  .h-440{
  height: 440px;  
  }
  .h-380{
  height: 380px; 
  }
}