@charset "UTF-8";

@font-face {
  font-family: lightcase-chunichi;
  src: url(https://static.chunichi.co.jp/chunichi/webfonts/vendor/lightcase/lightcase.eot?55356177=);
  src: url(https://static.chunichi.co.jp/chunichi/webfonts/vendor/lightcase/lightcase.eot?55356177=#iefix) format("embedded-opentype"), url(https://static.chunichi.co.jp/chunichi/webfonts/vendor/lightcase/lightcase.woff?55356177=) format("woff"), url(https://static.chunichi.co.jp/chunichi/webfonts/vendor/lightcase/lightcase.ttf?55356177=) format("truetype"), url(https://static.chunichi.co.jp/chunichi/webfonts/vendor/lightcase/lightcase.svg?55356177=#lightcase) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: lightcase-tokyo;
  src: url(https://static.tokyo-np.co.jp/tokyo-np/webfonts/vendor/lightcase/lightcase.eot?55356177=);
  src: url(https://static.tokyo-np.co.jp/tokyo-np/webfonts/vendor/lightcase/lightcase.eot?55356177=#iefix) format("embedded-opentype"), url(https://static.tokyo-np.co.jp/tokyo-np/webfonts/vendor/lightcase/lightcase.woff?55356177=) format("woff"), url(https://static.tokyo-np.co.jp/tokyo-np/webfonts/vendor/lightcase/lightcase.ttf?55356177=) format("truetype"), url(https://static.tokyo-np.co.jp/tokyo-np/webfonts/vendor/lightcase/lightcase.svg?55356177=#lightcase) format("svg");
  font-weight: 400;
  font-style: normal
}

[class*=lightcase-icon-]:before {
  font-family: lightcase-chunichi, sans-serif;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em
}

.tokyo [class*=lightcase-icon-]:before {
  font-family: lightcase-tokyo, sans-serif
}

.lightcase-icon-play:before {
  content: "\e800"
}

.lightcase-icon-pause:before {
  content: "\e801"
}

.lightcase-icon-close:before {
  content: "\e802"
}

.lightcase-icon-prev:before {
  content: "\e803"
}

.lightcase-icon-next:before {
  content: "\e804"
}

.lightcase-icon-spin:before {
  content: "\e805"
}

#lightcase-case {
  display: none;
  position: fixed;
  z-index: 2002;
  top: 50%;
  left: 50%;
  font-family: arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  text-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

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

  html[data-lc-type=ajax] #lightcase-case,
  html[data-lc-type=inline] #lightcase-case {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 55px 0 70px;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important
  }
}

@media screen and (min-width:641px) {
  html:not([data-lc-type=error]) #lightcase-content {
    position: relative;
    z-index: 1;
    text-shadow: none;
    background-color: #fff;
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    -webkit-backface-visibility: hidden
  }
}

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

  html[data-lc-type=image] #lightcase-content,
  html[data-lc-type=video] #lightcase-content {
    background-color: #333
  }
}

html[data-lc-type=ajax] #lightcase-content,
html[data-lc-type=error] #lightcase-content,
html[data-lc-type=inline] #lightcase-content {
  -o-box-shadow: none;
  box-shadow: none
}

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

  html[data-lc-type=ajax] #lightcase-content,
  html[data-lc-type=error] #lightcase-content,
  html[data-lc-type=inline] #lightcase-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important
  }
}

html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner {
  -o-box-sizing: border-box;
  box-sizing: border-box
}

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

  html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner {
    padding: 15px
  }

  html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*,
  html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=error] #lightcase-content .lightcase-contentInner>*,
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>* {
    width: 100% !important;
    max-width: none !important
  }

  html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>:not(iframe),
  html[data-lc-type=error] #lightcase-content .lightcase-contentInner>:not(iframe),
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>:not(iframe) {
    height: auto !important;
    max-height: none !important
  }
}

@media screen and (max-width:640px) {
  html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media screen and (max-width:640px) and (min-width:641px) {

  html[data-lc-type=image] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
    line-height: .75
  }
}

html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
  position: relative;
  overflow: hidden !important
}

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

  html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
  html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important
  }
}

@media screen and (min-width:641px) {
  html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px;
    overflow: auto;
    -o-box-sizing: border-box;
    box-sizing: border-box
  }
}

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

  #lightcase-content h1,
  #lightcase-content h2,
  #lightcase-content h3,
  #lightcase-content h4,
  #lightcase-content h5,
  #lightcase-content h6,
  #lightcase-content p {
    color: #aaa
  }
}

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

  #lightcase-content h1,
  #lightcase-content h2,
  #lightcase-content h3,
  #lightcase-content h4,
  #lightcase-content h5,
  #lightcase-content h6,
  #lightcase-content p {
    color: #333
  }
}

#lightcase-case p.lightcase-error {
  margin: 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aaa
}

@media screen and (max-width:640px) {
  #lightcase-case p.lightcase-error {
    padding: 30px 0
  }
}

@media screen and (min-width:641px) {
  #lightcase-case p.lightcase-error {
    padding: 0
  }
}

.lightcase-isMobileDevice .lightcase-open body {
  max-width: 100%;
  max-height: 100%
}

#lightcase-info {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, .5);
  padding: 20px;
  width: 100%
}

#lightcase-info #lightcase-caption,
#lightcase-info #lightcase-title {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: 400;
  text-overflow: ellipsis
}

#lightcase-info #lightcase-title {
  font-size: 17px;
  color: #aaa
}

@media screen and (max-width:640px) {
  #lightcase-info #lightcase-title {
    position: fixed;
    top: 10px;
    left: 0;
    max-width: 87.5%;
    padding: 5px 15px;
    background: rgba(51, 51, 51, .7)
  }
}

#lightcase-info #lightcase-caption {
  clear: both;
  font-size: 13px;
  color: #aaa
}

#lightcase-info #lightcase-sequenceInfo {
  font-size: 11px;
  color: #aaa
}

@media screen and (max-width:640px) {
  .lightcase-fullScreenMode #lightcase-info {
    background: none;
    padding-left: 80px;
    padding-right: 80px;
    text-align: center
  }

  html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
    position: static
  }
}

#lightcase-loading {
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  position: fixed;
  z-index: 2001;
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
  opacity: 1;
  font-size: 32px;
  text-shadow: 0 0 15px #fff;
  -moz-transform-origin: 50% 53%;
  -webkit-animation: lightcase-spin .5s linear infinite;
  animation: lightcase-spin .5s linear infinite
}

#lightcase-loading,
#lightcase-loading:focus {
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color, opacity, .25s ease-in-out;
  transition: color, opacity, .25s ease-in-out
}

#lightcase-loading>span {
  display: inline-block;
  text-indent: -9999px
}

a[class*=lightcase-icon-] {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  outline: none;
  cursor: pointer
}

a[class*=lightcase-icon-],
a[class*=lightcase-icon-]:focus {
  text-decoration: none;
  color: hsla(0, 0%, 100%, .6);
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color, opacity, .25s ease-in-out;
  transition: color, opacity, .25s ease-in-out
}

a[class*=lightcase-icon-]>span {
  display: inline-block;
  text-indent: -9999px
}

a[class*=lightcase-icon-]:hover {
  color: #fff;
  text-shadow: 0 0 15px #fff
}

.lightcase-isMobileDevice a[class*=lightcase-icon-]:hover {
  color: #aaa;
  text-shadow: none
}

a[class*=lightcase-icon-].lightcase-icon-close {
  position: fixed;
  top: 15px;
  right: 15px;
  bottom: auto;
  margin: 0;
  opacity: 0;
  outline: none
}

a[class*=lightcase-icon-].lightcase-icon-prev {
  left: 15px
}

a[class*=lightcase-icon-].lightcase-icon-next {
  right: 15px
}

a[class*=lightcase-icon-].lightcase-icon-pause,
a[class*=lightcase-icon-].lightcase-icon-play {
  left: 50%;
  margin-left: -.5em
}

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

  a[class*=lightcase-icon-].lightcase-icon-pause,
  a[class*=lightcase-icon-].lightcase-icon-play {
    opacity: 0
  }
}

@media screen and (max-width:640px) {
  a[class*=lightcase-icon-] {
    bottom: 15px;
    font-size: 24px
  }
}

@media screen and (min-width:641px) {
  a[class*=lightcase-icon-] {
    bottom: 50%;
    margin-bottom: -.5em
  }

  #lightcase-case:hover~a[class*=lightcase-icon-],
  a[class*=lightcase-icon-]:hover {
    opacity: 1
  }
}

#lightcase-overlay {
  display: none;
  width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 2000;
  top: -9999px;
  bottom: -9999px;
  left: 0;
  background: #333
}

@media screen and (max-width:640px) {
  #lightcase-overlay {
    opacity: .9 !important
  }
}

#lightcase-content .lightcase-contentInner img {
  pointer-events: none
}

a[class*=lightcase-icon-].lightcase-icon-close,
a[class*=lightcase-icon-].lightcase-icon-next,
a[class*=lightcase-icon-].lightcase-icon-prev {
  border-radius: 50%;
  background: hsla(0, 0%, 100%, .2);
  width: 1em;
  font-size: 57px;
  vertical-align: top
}

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

  a[class*=lightcase-icon-].lightcase-icon-close,
  a[class*=lightcase-icon-].lightcase-icon-next,
  a[class*=lightcase-icon-].lightcase-icon-prev {
    font-size: 48px
  }
}

@-webkit-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-loading .slick-list {
  background: #fff url(https://static.chunichi.co.jp/chunichi/images/vendor/ajax-loader.gif) 50% no-repeat
}

@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal
}

.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: none;
  background: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0
}

.slick-dots li,
.slick-dots li button {
  width: 20px;
  height: 20px;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}

html {
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%
}

*,
:after,
:before {
  background-repeat: no-repeat;
  box-sizing: inherit
}

: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] {
  border-bottom: 1px dotted;
  text-decoration: none
}

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 {
  background-color: #ff0;
  color: #000
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.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-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 {
  border-style: 0;
  padding: 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 {
  background-color: transparent;
  border-style: none;
  color: inherit
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

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

@media screen {
  [hidden~=screen] {
    display: inherit
  }

  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important
  }
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

html {
  font-size: 62.5%;
  font-family: Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  min-height: 0
}

body,
html {
  height: 100%
}

body.is-opensidewindow {
  overflow: hidden
}

a {
  text-decoration: none;
  color: #000
}

a:has(>img) {
  display: inline-block
}

.lightcase {
  background-color: #fff
}

#document {
  position: relative;
  min-height: 100%
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .35);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: right .5s cubic-bezier(.23, 1, .32, 1);
  transition: right .5s cubic-bezier(.23, 1, .32, 1)
}

.is-opensidewindow .overlay {
  z-index: 29;
  right: 0
}

@media screen and (min-width:1024px) {
  .is-opensidewindow .overlay {
    display: none
  }
}

.l-wrapper.blue {
  background-color: #15447e
}

.l-wrapper.blue-2 {
  background-color: #3b76c4
}

.l-wrapper.blue-3 {
  background-color: #eff5fb
}

.l-wrapper.gray {
  background-color: #f2f3f5
}

.l-wrapper.purple {
  background-color: #542f8e
}

.l-wrapper.purple-2 {
  background-color: #9072c6
}

.l-container {
  padding: 0 15px 15px;
  margin: 0 auto
}

.l-container.wide {
  padding: 0 0 15px
}

.l-container.gray {
  background-color: #f2f3f5
}

.l-container.blue {
  background-color: #15447e
}

.l-container.blue-2 {
  background-color: #3b76c4
}

.l-container.blue-3 {
  background-color: #eff5fb
}

@media screen and (max-width:1023px) {
  .l-container.sp-wide {
    padding: 0 0 15px
  }
}

.l-container.sp-l-container-hdg {
  padding: 0 0 15px
}

aside:not([class])>.l-container>.l-container {
  padding-left: 0;
  padding-right: 0
}

.l-wrapper.blue-2 a {
  color: #fff
}

.l-wrapper.blue-2 .cmp-hdg005 {
  border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.l-wrapper.blue-2 .cmp-hdg005 .hdg,
.l-wrapper.blue-2 .cmp-hdg005 .sub {
  color: #fff
}

.l-wrapper.blue-2 .cmp-thmb001 .wrp .detail-info-txt {
  color: #fff;
  border-color: #fff
}

.l-container.gray .cmp-m-catelst001 {
  padding: 0 15px 15px;
  background-color: #fff
}

.l-container.gray .cmp-m-catelst001+.cmp-m-catelst001 {
  margin-top: 15px
}

.l-container.gray .l-artlst001>.list .item {
  border-top: 1px solid #ddd;
  border-bottom: 0;
  padding: 15px 0
}

.l-container.gray .cmp-hdg005 {
  padding: 15px 0
}

.l-container.gray .cmp-hdg005 i {
  color: #15447e
}

.l-container.gray .cmp-lst002 {
  background-color: #fff
}

.l-container.gray .cmp-lst002 .list {
  border-top: 0
}

.l-container.gray .cmp-lst002 .list>.item:nth-last-child(-n+2) {
  border-bottom: 0
}

.bg-gray {
  background-color: #ddd
}

aside:not([class]) .l-container>.js-slider .slick-arrow {
  display: none !important
}

.main-container {
  position: relative;
  overflow: hidden
}

.main-container .heading-area .cmp-hdg005 {
  margin-top: 0
}

.main-container .heading-area .cmp-lst016 {
  padding-top: 0
}

.main-container .heading-area .cmp-lst016 .list {
  margin-top: 0
}

.main-container .heading-area .cmp-lst016 .item.selected a,
.main-container .heading-area .cmp-lst016 .item.selected button {
  background-color: #15447e;
  color: #fff
}

.main-container .heading-area .cmp-lst016 .item.selected a:hover,
.main-container .heading-area .cmp-lst016 .item.selected button:hover {
  background-color: #fff;
  color: #15447e
}

.main-container .heading-area .cmp-lst016 a,
.main-container .heading-area .cmp-lst016 button {
  padding: 2px 12px;
  border: 1px solid #15447e;
  border-radius: 6px;
  background-color: #fff;
  color: #15447e;
  font-size: 1rem
}

.main-container .heading-area .cmp-lst016 a:hover,
.main-container .heading-area .cmp-lst016 button:hover {
  background-color: #15447e;
  color: #fff
}

.txt {
  display: inline-block;
  font-size: 1.4rem
}

.mt-0 {
  margin-top: 0 !important
}

.mr-0 {
  margin-right: 0 !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.ml-0 {
  margin-left: 0 !important
}

.pt-0 {
  padding-top: 0 !important
}

.pr-0 {
  padding-right: 0 !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pl-0 {
  padding-left: 0 !important
}

.mt-5 {
  margin-top: 5px !important
}

.mr-5 {
  margin-right: 5px !important
}

.mb-5 {
  margin-bottom: 5px !important
}

.ml-5 {
  margin-left: 5px !important
}

.pt-5 {
  padding-top: 5px !important
}

.pr-5 {
  padding-right: 5px !important
}

.pb-5 {
  padding-bottom: 5px !important
}

.pl-5 {
  padding-left: 5px !important
}

.mt-10 {
  margin-top: 10px !important
}

.mr-10 {
  margin-right: 10px !important
}

.mb-10 {
  margin-bottom: 10px !important
}

.ml-10 {
  margin-left: 10px !important
}

.pt-10 {
  padding-top: 10px !important
}

.pr-10 {
  padding-right: 10px !important
}

.pb-10 {
  padding-bottom: 10px !important
}

.pl-10 {
  padding-left: 10px !important
}

.mt-15 {
  margin-top: 15px !important
}

.mr-15 {
  margin-right: 15px !important
}

.mb-15 {
  margin-bottom: 15px !important
}

.ml-15 {
  margin-left: 15px !important
}

.pt-15 {
  padding-top: 15px !important
}

.pr-15 {
  padding-right: 15px !important
}

.pb-15 {
  padding-bottom: 15px !important
}

.pl-15 {
  padding-left: 15px !important
}

.mt-20 {
  margin-top: 20px !important
}

.mr-20 {
  margin-right: 20px !important
}

.mb-20 {
  margin-bottom: 20px !important
}

.ml-20 {
  margin-left: 20px !important
}

.pt-20 {
  padding-top: 20px !important
}

.pr-20 {
  padding-right: 20px !important
}

.pb-20 {
  padding-bottom: 20px !important
}

.pl-20 {
  padding-left: 20px !important
}

.mt-25 {
  margin-top: 25px !important
}

.mr-25 {
  margin-right: 25px !important
}

.mb-25 {
  margin-bottom: 25px !important
}

.ml-25 {
  margin-left: 25px !important
}

.pt-25 {
  padding-top: 25px !important
}

.pr-25 {
  padding-right: 25px !important
}

.pb-25 {
  padding-bottom: 25px !important
}

.pl-25 {
  padding-left: 25px !important
}

.mt-30 {
  margin-top: 30px !important
}

.mr-30 {
  margin-right: 30px !important
}

.mb-30 {
  margin-bottom: 30px !important
}

.ml-30 {
  margin-left: 30px !important
}

.pt-30 {
  padding-top: 30px !important
}

.pr-30 {
  padding-right: 30px !important
}

.pb-30 {
  padding-bottom: 30px !important
}

.pl-30 {
  padding-left: 30px !important
}

.mt-35 {
  margin-top: 35px !important
}

.mr-35 {
  margin-right: 35px !important
}

.mb-35 {
  margin-bottom: 35px !important
}

.ml-35 {
  margin-left: 35px !important
}

.pt-35 {
  padding-top: 35px !important
}

.pr-35 {
  padding-right: 35px !important
}

.pb-35 {
  padding-bottom: 35px !important
}

.pl-35 {
  padding-left: 35px !important
}

.mt-40 {
  margin-top: 40px !important
}

.mr-40 {
  margin-right: 40px !important
}

.mb-40 {
  margin-bottom: 40px !important
}

.ml-40 {
  margin-left: 40px !important
}

.pt-40 {
  padding-top: 40px !important
}

.pr-40 {
  padding-right: 40px !important
}

.pb-40 {
  padding-bottom: 40px !important
}

.pl-40 {
  padding-left: 40px !important
}

.mt-45 {
  margin-top: 45px !important
}

.mr-45 {
  margin-right: 45px !important
}

.mb-45 {
  margin-bottom: 45px !important
}

.ml-45 {
  margin-left: 45px !important
}

.pt-45 {
  padding-top: 45px !important
}

.pr-45 {
  padding-right: 45px !important
}

.pb-45 {
  padding-bottom: 45px !important
}

.pl-45 {
  padding-left: 45px !important
}

.mt-50 {
  margin-top: 50px !important
}

.mr-50 {
  margin-right: 50px !important
}

.mb-50 {
  margin-bottom: 50px !important
}

.ml-50 {
  margin-left: 50px !important
}

.pt-50 {
  padding-top: 50px !important
}

.pr-50 {
  padding-right: 50px !important
}

.pb-50 {
  padding-bottom: 50px !important
}

.pl-50 {
  padding-left: 50px !important
}

.mt-55 {
  margin-top: 55px !important
}

.mr-55 {
  margin-right: 55px !important
}

.mb-55 {
  margin-bottom: 55px !important
}

.ml-55 {
  margin-left: 55px !important
}

.pt-55 {
  padding-top: 55px !important
}

.pr-55 {
  padding-right: 55px !important
}

.pb-55 {
  padding-bottom: 55px !important
}

.pl-55 {
  padding-left: 55px !important
}

.mt-60 {
  margin-top: 60px !important
}

.mr-60 {
  margin-right: 60px !important
}

.mb-60 {
  margin-bottom: 60px !important
}

.ml-60 {
  margin-left: 60px !important
}

.pt-60 {
  padding-top: 60px !important
}

.pr-60 {
  padding-right: 60px !important
}

.pb-60 {
  padding-bottom: 60px !important
}

.pl-60 {
  padding-left: 60px !important
}

.mt-65 {
  margin-top: 65px !important
}

.mr-65 {
  margin-right: 65px !important
}

.mb-65 {
  margin-bottom: 65px !important
}

.ml-65 {
  margin-left: 65px !important
}

.pt-65 {
  padding-top: 65px !important
}

.pr-65 {
  padding-right: 65px !important
}

.pb-65 {
  padding-bottom: 65px !important
}

.pl-65 {
  padding-left: 65px !important
}

.mt-70 {
  margin-top: 70px !important
}

.mr-70 {
  margin-right: 70px !important
}

.mb-70 {
  margin-bottom: 70px !important
}

.ml-70 {
  margin-left: 70px !important
}

.pt-70 {
  padding-top: 70px !important
}

.pr-70 {
  padding-right: 70px !important
}

.pb-70 {
  padding-bottom: 70px !important
}

.pl-70 {
  padding-left: 70px !important
}

.mt-75 {
  margin-top: 75px !important
}

.mr-75 {
  margin-right: 75px !important
}

.mb-75 {
  margin-bottom: 75px !important
}

.ml-75 {
  margin-left: 75px !important
}

.pt-75 {
  padding-top: 75px !important
}

.pr-75 {
  padding-right: 75px !important
}

.pb-75 {
  padding-bottom: 75px !important
}

.pl-75 {
  padding-left: 75px !important
}

.mt-80 {
  margin-top: 80px !important
}

.mr-80 {
  margin-right: 80px !important
}

.mb-80 {
  margin-bottom: 80px !important
}

.ml-80 {
  margin-left: 80px !important
}

.pt-80 {
  padding-top: 80px !important
}

.pr-80 {
  padding-right: 80px !important
}

.pb-80 {
  padding-bottom: 80px !important
}

.pl-80 {
  padding-left: 80px !important
}

.mt-85 {
  margin-top: 85px !important
}

.mr-85 {
  margin-right: 85px !important
}

.mb-85 {
  margin-bottom: 85px !important
}

.ml-85 {
  margin-left: 85px !important
}

.pt-85 {
  padding-top: 85px !important
}

.pr-85 {
  padding-right: 85px !important
}

.pb-85 {
  padding-bottom: 85px !important
}

.pl-85 {
  padding-left: 85px !important
}

.mt-90 {
  margin-top: 90px !important
}

.mr-90 {
  margin-right: 90px !important
}

.mb-90 {
  margin-bottom: 90px !important
}

.ml-90 {
  margin-left: 90px !important
}

.pt-90 {
  padding-top: 90px !important
}

.pr-90 {
  padding-right: 90px !important
}

.pb-90 {
  padding-bottom: 90px !important
}

.pl-90 {
  padding-left: 90px !important
}

.mt-95 {
  margin-top: 95px !important
}

.mr-95 {
  margin-right: 95px !important
}

.mb-95 {
  margin-bottom: 95px !important
}

.ml-95 {
  margin-left: 95px !important
}

.pt-95 {
  padding-top: 95px !important
}

.pr-95 {
  padding-right: 95px !important
}

.pb-95 {
  padding-bottom: 95px !important
}

.pl-95 {
  padding-left: 95px !important
}

.mt-100 {
  margin-top: 100px !important
}

.mr-100 {
  margin-right: 100px !important
}

.mb-100 {
  margin-bottom: 100px !important
}

.ml-100 {
  margin-left: 100px !important
}

.pt-100 {
  padding-top: 100px !important
}

.pr-100 {
  padding-right: 100px !important
}

.pb-100 {
  padding-bottom: 100px !important
}

.pl-100 {
  padding-left: 100px !important
}

.mt-105 {
  margin-top: 105px !important
}

.mr-105 {
  margin-right: 105px !important
}

.mb-105 {
  margin-bottom: 105px !important
}

.ml-105 {
  margin-left: 105px !important
}

.pt-105 {
  padding-top: 105px !important
}

.pr-105 {
  padding-right: 105px !important
}

.pb-105 {
  padding-bottom: 105px !important
}

.pl-105 {
  padding-left: 105px !important
}

.mt-110 {
  margin-top: 110px !important
}

.mr-110 {
  margin-right: 110px !important
}

.mb-110 {
  margin-bottom: 110px !important
}

.ml-110 {
  margin-left: 110px !important
}

.pt-110 {
  padding-top: 110px !important
}

.pr-110 {
  padding-right: 110px !important
}

.pb-110 {
  padding-bottom: 110px !important
}

.pl-110 {
  padding-left: 110px !important
}

.mt-115 {
  margin-top: 115px !important
}

.mr-115 {
  margin-right: 115px !important
}

.mb-115 {
  margin-bottom: 115px !important
}

.ml-115 {
  margin-left: 115px !important
}

.pt-115 {
  padding-top: 115px !important
}

.pr-115 {
  padding-right: 115px !important
}

.pb-115 {
  padding-bottom: 115px !important
}

.pl-115 {
  padding-left: 115px !important
}

.mt-120 {
  margin-top: 120px !important
}

.mr-120 {
  margin-right: 120px !important
}

.mb-120 {
  margin-bottom: 120px !important
}

.ml-120 {
  margin-left: 120px !important
}

.pt-120 {
  padding-top: 120px !important
}

.pr-120 {
  padding-right: 120px !important
}

.pb-120 {
  padding-bottom: 120px !important
}

.pl-120 {
  padding-left: 120px !important
}

.mt-125 {
  margin-top: 125px !important
}

.mr-125 {
  margin-right: 125px !important
}

.mb-125 {
  margin-bottom: 125px !important
}

.ml-125 {
  margin-left: 125px !important
}

.pt-125 {
  padding-top: 125px !important
}

.pr-125 {
  padding-right: 125px !important
}

.pb-125 {
  padding-bottom: 125px !important
}

.pl-125 {
  padding-left: 125px !important
}

.mt-130 {
  margin-top: 130px !important
}

.mr-130 {
  margin-right: 130px !important
}

.mb-130 {
  margin-bottom: 130px !important
}

.ml-130 {
  margin-left: 130px !important
}

.pt-130 {
  padding-top: 130px !important
}

.pr-130 {
  padding-right: 130px !important
}

.pb-130 {
  padding-bottom: 130px !important
}

.pl-130 {
  padding-left: 130px !important
}

.mt-135 {
  margin-top: 135px !important
}

.mr-135 {
  margin-right: 135px !important
}

.mb-135 {
  margin-bottom: 135px !important
}

.ml-135 {
  margin-left: 135px !important
}

.pt-135 {
  padding-top: 135px !important
}

.pr-135 {
  padding-right: 135px !important
}

.pb-135 {
  padding-bottom: 135px !important
}

.pl-135 {
  padding-left: 135px !important
}

.mt-140 {
  margin-top: 140px !important
}

.mr-140 {
  margin-right: 140px !important
}

.mb-140 {
  margin-bottom: 140px !important
}

.ml-140 {
  margin-left: 140px !important
}

.pt-140 {
  padding-top: 140px !important
}

.pr-140 {
  padding-right: 140px !important
}

.pb-140 {
  padding-bottom: 140px !important
}

.pl-140 {
  padding-left: 140px !important
}

.mt-145 {
  margin-top: 145px !important
}

.mr-145 {
  margin-right: 145px !important
}

.mb-145 {
  margin-bottom: 145px !important
}

.ml-145 {
  margin-left: 145px !important
}

.pt-145 {
  padding-top: 145px !important
}

.pr-145 {
  padding-right: 145px !important
}

.pb-145 {
  padding-bottom: 145px !important
}

.pl-145 {
  padding-left: 145px !important
}

.mt-150 {
  margin-top: 150px !important
}

.mr-150 {
  margin-right: 150px !important
}

.mb-150 {
  margin-bottom: 150px !important
}

.ml-150 {
  margin-left: 150px !important
}

.pt-150 {
  padding-top: 150px !important
}

.pr-150 {
  padding-right: 150px !important
}

.pb-150 {
  padding-bottom: 150px !important
}

.pl-150 {
  padding-left: 150px !important
}

.ta-c {
  text-align: center !important
}

.ta-r {
  text-align: right !important
}

.ta-l {
  text-align: left !important
}

@media screen and (min-width:1024px) {
  .pc-ta-c {
    text-align: center !important
  }
}

@media screen and (min-width:1024px) {
  .pc-ta-r {
    text-align: right !important
  }
}

@media screen and (min-width:1024px) {
  .pc-ta-l {
    text-align: left !important
  }
}

@media (max-width:1023px) {
  .show-for-pc {
    display: none !important
  }
}

@media (min-width:1024px) {
  .show-for-sp {
    display: none !important
  }
}

.hide {
  display: none
}

.bt-gray {
  border-top: 1px solid #ddd !important
}

.bb-gray {
  border-bottom: 1px solid #ddd !important
}

.bt-none {
  border-top: 0 !important
}

.bb-none {
  border-bottom: 0 !important
}

.cmp-hdg001 {
  padding-top: 15px
}

.cmp-hdg001 .hdg {
  font-size: 2.4rem
}

.cmp-hdg001 .hdg .pr {
  background-color: #455a64;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  padding: 0 6px;
  font-size: 1.2rem
}

.cmp-hdg001 .hdg .tag {
  border-radius: 20px;
  padding: 4px 10px;
  color: #fff;
  font-size: 2rem
}

.cmp-hdg001 .hdg .tag.red {
  background-color: #d32f2f
}

.cmp-hdg002 {
  padding-top: 15px
}

.cmp-hdg002 .hdg {
  font-size: 2rem;
  color: #15447e
}

.cmp-hdg002 .sub {
  font-size: 1.2rem
}

h2:not(.hdg) {
  padding-top: 15px;
  font-size: 2rem
}

.cmp-hdg003 {
  padding: 15px 0 10px;
  border-bottom: 1px solid #ddd
}

.cmp-hdg003 .hdg,
h3:not(.hdg) {
  font-size: 1.6rem
}

h3:not(.hdg) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px
}

.cmp-hdg004,
h3:not(.hdg) {
  padding-top: 15px
}

.cmp-hdg004 .hdg {
  font-size: 1.4rem
}

.cmp-hdg005 {
  background-color: #f2f3f5;
  margin-top: 20px;
  padding: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: relative;
  display: table;
  width: 100%
}

.cmp-hdg005:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #15447e
}

.cmp-hdg005 .hdg {
  width: 100%;
  text-align: left;
  font-size: 1.6rem
}

.cmp-hdg005 .hdg,
.cmp-hdg005 .sub {
  display: table-cell;
  vertical-align: middle
}

.cmp-hdg005 .sub {
  word-break: keep-all;
  white-space: nowrap;
  text-align: right;
  font-size: 1.2rem;
  color: #15447e;
  border-left: 1px solid #ddd;
  padding-left: 1em;
  margin-left: 1em
}

.cmp-hdg005 .sub i {
  margin-left: 1em
}

.cmp-hdg005 .sub.date {
  font-size: 1.2rem;
  color: #000;
  border-left: 0
}

.cmp-m-catelst001 .cmp-hdg005 .sub {
  border-left: 1px solid #ddd
}

.cmp-hdg005 .sub.area-lnk {
  border: none
}

.cmp-hdg005 a.sub:hover {
  text-decoration: underline
}

.cmp-hdg005 .detail-info {
  display: table-cell;
  word-break: keep-all;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
  padding-left: 15px
}

.cmp-hdg005.blue {
  background-color: #15447e;
  border: 0
}

.cmp-hdg005.blue:before {
  background-color: #3b76c4
}

.cmp-hdg005.blue .hdg {
  color: #fff
}

.cmp-hdg005.blue .sub {
  color: #fff;
  border-color: hsla(0, 0%, 100%, .5)
}

.no-touchevents .cmp-hdg005.blue a.sub:hover {
  color: #fff;
  text-decoration: underline
}

.cmp-hdg005.blue-2 {
  background-color: #3b76c4;
  border: 0
}

.cmp-hdg005.blue-2:before {
  display: none
}

.cmp-hdg005.blue-2 .hdg {
  color: #fff
}

.cmp-hdg005.blue-2 .sub {
  color: #fff;
  border-color: hsla(0, 0%, 100%, .5)
}

.no-touchevents .cmp-hdg005.blue-2 a.sub:hover {
  color: #fff;
  text-decoration: underline
}

.cmp-hdg005.white {
  background-color: transparent;
  border: 0
}

.cmp-hdg005.white:before {
  display: none
}

.cmp-hdg005.white .hdg {
  color: #000
}

.cmp-hdg005.white .sub {
  color: #15447e;
  border-color: #ddd
}

.no-touchevents .cmp-hdg005.white a.sub:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-hdg005.white a.sub:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-hdg005.white a.sub:hover {
  color: #542f8e
}

.blue-2 .cmp-hdg005.white a.sub,
.blue-2 .cmp-hdg005.white a.sub:hover {
  color: #fff
}

@media screen and (max-width:1023px) {
  #document>.main-container>.content-area>.l-wrapper>.l-container .cmp-hdg005.white {
    padding: 15px 0
  }
}

.cmp-hdg005.bg-white {
  background-color: transparent;
  border: 0
}

.cmp-hdg005+[class^=cmp-lst] .list {
  border-top: 0 !important
}

.cmp-hdg005+.cmp-lst001,
.cmp-hdg005+.cmp-lst002 {
  padding-top: 0
}

.cmp-hdg005.sub-long .hdg {
  width: 71%
}

.cmp-hdg005.sub-long .sub {
  width: 29%;
  word-break: break-all;
  white-space: normal;
  text-align: left
}

.sp .cmp-m-hdg001+.l-container>.content-area>.cmp-hdg005:first-child {
  margin-top: 15px
}

.sp .cmp-misc006+.cmp-hdg005,
.sp .cmp-misc006+.heading-area+.cmp-hdg005,
.sp .cmp-misc006+.sdc_contents+.cmp-hdg005 {
  margin-top: 0
}

.cmp-hdg005.cmp-hdg-twitter .twitter-nextprev {
  display: table-cell;
  word-break: keep-all;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
  font-size: 1.2rem;
  color: #15447e;
  border-left: 2px solid #ddd;
  padding-left: 1em;
  margin-left: 1em;
  letter-spacing: -.4em
}

.cmp-hdg005.cmp-hdg-twitter .twitter-nextprev .twitter-prev {
  display: inline-block;
  letter-spacing: normal;
  font-size: 1.2rem;
  cursor: pointer;
  margin-right: 10px
}

.cmp-hdg005.cmp-hdg-twitter .twitter-nextprev .twitter-prev .fas {
  margin-right: 3px
}

.cmp-hdg005.cmp-hdg-twitter .twitter-nextprev .twitter-prev:hover {
  text-decoration: underline
}

.cmp-hdg005.cmp-hdg-twitter .twitter-nextprev .twitter-next {
  display: inline-block;
  letter-spacing: normal;
  font-size: 1.2rem;
  cursor: pointer
}

.cmp-hdg005.cmp-hdg-twitter .twitter-nextprev .twitter-next .fas {
  margin-left: 3px
}

.cmp-hdg005.cmp-hdg-twitter .twitter-nextprev .twitter-next:hover {
  text-decoration: underline
}

.cmp-hdg005 .hdg .hdg-icon {
  width: 30px;
  height: auto;
  vertical-align: middle
}

.cmp-hdg006 {
  padding-top: 15px
}

.cmp-hdg006 .wrp {
  text-align: center;
  position: relative;
  margin-top: 50px;
  background-color: #15447e
}

.cmp-hdg006 .wrp .img {
  position: absolute;
  left: 50%;
  top: -30px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.cmp-hdg006 .wrp .img img {
  display: block;
  width: 60px
}

.cmp-hdg006 .wrp .hdg {
  color: #fff;
  padding: 45px 0 15px;
  font-size: 1.6rem
}

.cmp-hdg007 {
  padding-top: 15px
}

.cmp-hdg007 .wrp {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd
}

.cmp-hdg007 .hdg {
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-hdg007+.l-artlst001>.list {
  border-top: 0
}

.cmp-hdg008 {
  margin-top: 15px;
  background-color: #455a64
}

.cmp-hdg008 .hdg {
  font-size: 1.4rem;
  color: #fff;
  font-weight: 700;
  padding: 10px
}

.cmp-hdg008+.l-artlst001>.list {
  border-top: 0
}

.cmp-hdg008.purple {
  background-color: #542f8e
}

.cmp-tbl001 {
  padding-top: 15px
}

.cmp-tbl001 .tbl {
  width: 100%;
  border-collapse: collapse
}

@media screen and (max-width:1023px) {
  .cmp-tbl001 .tbl {
    border-top: 1px solid #ddd
  }
}

.cmp-tbl001 .tbl .accordion-table {
  width: 100%;
  border-collapse: collapse;
  max-width: 100%;
  word-break: break-all;
  border: none
}

.cmp-tbl001 .tbl .accordion-table ul {
  margin: 0;
  padding: 0 1.5em
}

@media screen and (max-width:1023px) {
  .cmp-tbl001 .tbl .accordion-table thead {
    display: none
  }
}

.cmp-tbl001 .tbl .accordion-table thead .answers th {
  font-weight: 400;
  max-height: 300px;
  vertical-align: top;
  text-align: center
}

.cmp-tbl001 .tbl .accordion-table thead .answers th .inner {
  display: inline-block;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: center;
  white-space: pre
}

.cmp-tbl001 .tbl .accordion-table tr {
  border: none
}

.cmp-tbl001 .tbl .accordion-table tr:last-child td:last-child,
.cmp-tbl001 .tbl .accordion-table tr:last-child th.questions.active {
  border-bottom: 1px solid #ddd
}

.cmp-tbl001 .tbl .accordion-table td,
.cmp-tbl001 .tbl .accordion-table th {
  vertical-align: middle;
  text-align: center;
  padding: 15px;
  border: 1px solid #ddd;
  position: relative;
  background-clip: padding-box
}

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

  .cmp-tbl001 .tbl .accordion-table td,
  .cmp-tbl001 .tbl .accordion-table th {
    display: block;
    border-bottom: none;
    text-align: left;
    min-height: 45px
  }
}

.cmp-tbl001 .tbl .accordion-table th {
  text-align: left
}

@media screen and (max-width:1023px) {
  .cmp-tbl001 .tbl .accordion-table th {
    padding: 12px 45px 8px 12px;
    position: relative;
    cursor: pointer;
    max-width: 100%;
    text-align: left
  }
}

.cmp-tbl001 .tbl .accordion-table th.questions {
  text-align: left
}

@media screen and (max-width:1023px) {
  .cmp-tbl001 .tbl .accordion-table th.questions:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    right: 18px;
    top: 18px;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-top: 2px solid #555;
    border-right: 2px solid #555;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
}

@media screen and (max-width:1023px) {
  .cmp-tbl001 .tbl .accordion-table th.questions.active:after {
    top: 15px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }
}

@media screen and (max-width:1023px) {
  .cmp-tbl001 .tbl .accordion-table .tgl.active {
    visibility: hidden;
    width: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    border: none
  }
}

.cmp-tbl001 .tbl .accordion-table td {
  background: #fff;
  background-clip: padding-box;
  min-width: 52px
}

@media screen and (max-width:1023px) {
  .cmp-tbl001 .tbl .accordion-table td {
    text-align: left
  }
}

.cmp-tbl001 .tbl .accordion-table td p {
  padding-bottom: 1.2em;
  margin: 0
}

.cmp-tbl001 .tbl .accordion-table td p:last-child {
  margin-bottom: 0;
  padding-bottom: 0
}

.cmp-tbl001 .tbl .accordion-table td.tgl.active:last-child {
  border-bottom: 1px solid #ddd
}

.cmp-tbl001 caption {
  font-size: 1.2rem;
  text-align: left;
  margin: 0 auto 10px;
  padding-left: 15px
}

.cmp-tbl001 th {
  background-color: #f2f3f5;
  text-align: left;
  vertical-align: top
}

.cmp-tbl001 th a.lnk {
  font-size: 1.6rem;
  display: inline-block;
  line-height: 1.25;
  position: relative;
  padding-left: 15px
}

.no-touchevents .cmp-tbl001 th a.lnk:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-tbl001 th a.lnk:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-tbl001 th a.lnk:hover {
  color: #542f8e
}

.cmp-tbl001 th a.lnk:before {
  content: "\f0da";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  text-decoration: none;
  font-size: 2rem;
  color: #15447e;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0
}

.cmp-tbl001 td,
.cmp-tbl001 th {
  padding: 15px;
  font-size: 1.4rem;
  display: block;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd
}

.cmp-tbl001 td.blue,
.cmp-tbl001 th.blue {
  background-color: #3b76c4;
  color: #fff;
  border: 0
}

.cmp-tbl001 td.red,
.cmp-tbl001 th.red {
  color: #d32f2f
}

.cmp-tbl001 td [class^=cmp],
.cmp-tbl001 th [class^=cmp] {
  padding-top: 10px
}

.cmp-tbl001 td [class^=cmp]:first-of-type,
.cmp-tbl001 th [class^=cmp]:first-of-type {
  padding-top: 0
}

@media screen and (max-width:1023px) {
  .cmp-tbl001:not(.scroll) colgroup {
    display: none
  }
}

.cmp-tbl001.scroll {
  overflow-x: auto
}

.cmp-tbl001.scroll td,
.cmp-tbl001.scroll th {
  display: table-cell;
  border: 1px solid #ddd;
  white-space: nowrap
}

.sp .cmp-tbl001.scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  padding: 0
}

.sp .cmp-tbl001.scroll::-webkit-scrollbar-track {
  background: #eee
}

.sp .cmp-tbl001.scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px;
  box-shadow: none
}

@media screen and (max-width:1023px) {
  .cmp-hdg005.white+.cmp-tbl001 {
    padding-top: 0
  }
}

.cmp-tbl002 table {
  width: 100%;
  border-top: 1px solid #ddd;
  border-collapse: collapse
}

.cmp-tbl002 tr {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  display: block
}

.cmp-tbl002 td,
.cmp-tbl002 th {
  display: block;
  font-size: 1.4rem;
  text-align: left
}

.cmp-tbl002 td {
  margin-top: 5px
}

.cmp-tbl002+.cmp-tbl002 table {
  border-top: 0
}

.cmp-frm001 .input {
  border: 1px solid #ddd;
  background-color: #fff;
  font-size: 1.4rem;
  padding: 12px;
  display: block;
  width: 100%;
  border-radius: 5px
}

.cmp-frm001 .input.error {
  border-color: #d32f2f;
  background-color: #ffebee
}

.cmp-frm002 {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 5px
}

.cmp-frm002:before {
  content: "\f0dd";
  font-family: Font Awesome\ 5 Free;
  color: #15447e;
  font-weight: 700;
  position: absolute;
  z-index: 2;
  top: 13px;
  right: 10px;
  pointer-events: none
}

.cmp-frm002 select {
  font-size: 1.4rem;
  display: block;
  width: 100%;
  padding: 12px 37px 12px 12px;
  position: relative;
  z-index: 1;
  border-radius: inherit
}

.cmp-misc001 .container .cmp-frm002 select {
  background: #fff
}

.cmp-frm002 .icon-wrp {
  position: absolute;
  display: block;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cmp-frm003 .wrp {
  position: relative
}

.cmp-frm003 .wrp.gray {
  background-color: #f2f3f5;
  border: 1px solid #ddd
}

.cmp-frm003 .lab {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2rem;
  color: #fff;
  padding: 5px 8px;
  margin-right: 5px;
  border-radius: 12px
}

.cmp-frm003 .lab.elective {
  background-color: #689f38
}

.cmp-frm003 .lab.required {
  background-color: #d32f2f
}

.cmp-frm003 .lab+.txt {
  padding: 4px 0 0 47px;
  display: inline-block
}

.cmp-frm003 .txt {
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-frm004 .wrp+.wrp {
  padding-top: 15px
}

.cmp-frm004 .add_img .wrp+.wrp {
  padding-top: 0
}

.cmp-frm004 .checkbox,
.cmp-frm004 .radio {
  display: block;
  position: relative
}

.cmp-frm004 .checkbox:after,
.cmp-frm004 .checkbox:before,
.cmp-frm004 .radio:after,
.cmp-frm004 .radio:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  top: -3px
}

.cmp-frm004 .checkbox .txt,
.cmp-frm004 .radio .txt {
  display: block;
  padding-left: 35px;
  font-size: 1.4rem
}

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

  .cmp-frm004 .checkbox .txt img,
  .cmp-frm004 .radio .txt img {
    max-width: 300px !important
  }
}

.cmp-frm004 .checkbox .etoki,
.cmp-frm004 .radio .etoki {
  margin-left: 34px;
  padding-bottom: 15px
}

.cmp-frm004 .radio {
  border-radius: 10px
}

.cmp-frm004 .radio:after,
.cmp-frm004 .radio:before {
  border-radius: 12px
}

.cmp-frm004 .radio:before {
  border: 4px solid #ddd
}

.cmp-frm004 .checkbox:before {
  background-color: #ddd;
  border-radius: 5px
}

.cmp-frm004 input[type=radio] {
  position: absolute;
  height: 0;
  width: 0;
  -webkit-appearance: none;
  appearance: none
}

.cmp-frm004 input[type=radio]:checked+label:before {
  border-color: #d32f2f
}

.cmp-frm004 input[type=radio]:checked+label:after {
  width: 10px;
  height: 10px;
  top: 4px;
  left: 7px;
  background-color: #d32f2f
}

.cmp-frm004 input[type=checkbox] {
  position: absolute;
  height: 0;
  width: 0;
  -webkit-appearance: none;
  appearance: none
}

.cmp-frm004 input[type=checkbox]:checked+label:before {
  background-color: #d32f2f
}

.cmp-frm004 input[type=checkbox]:checked+label:after {
  content: "\f00c";
  font-family: Font Awesome\ 5 Free;
  font-size: 1.4rem;
  color: #fff;
  display: block;
  position: absolute;
  top: 3px;
  left: 5px
}

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

  .cmp-frm004 .accordion-table td.active .checkbox:after,
  .cmp-frm004 .accordion-table td.active .checkbox:before,
  .cmp-frm004 .accordion-table td.active .radio:after,
  .cmp-frm004 .accordion-table td.active .radio:before {
    content: none
  }
}

.cmp-frm004 .accordion-table .checkbox:after,
.cmp-frm004 .accordion-table .checkbox:before,
.cmp-frm004 .accordion-table .radio:after,
.cmp-frm004 .accordion-table .radio:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

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

  .cmp-frm004 .accordion-table .checkbox:after,
  .cmp-frm004 .accordion-table .checkbox:before,
  .cmp-frm004 .accordion-table .radio:after,
  .cmp-frm004 .accordion-table .radio:before {
    top: 9px;
    left: 12px
  }
}

.cmp-frm004 .accordion-table .checkbox .txt,
.cmp-frm004 .accordion-table .radio .txt {
  display: none
}

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

  .cmp-frm004 .accordion-table .checkbox .txt,
  .cmp-frm004 .accordion-table .radio .txt {
    display: block
  }
}

.cmp-frm004 .accordion-table input[type=radio]:checked+label:after {
  background-color: #d32f2f
}

.cmp-frm004 .accordion-table input[type=radio]:checked+label:after,
.cmp-frm004 .accordion-table input[type=radio]:checked+label:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

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

  .cmp-frm004 .accordion-table input[type=radio]:checked+label:after,
  .cmp-frm004 .accordion-table input[type=radio]:checked+label:before {
    top: 9px;
    left: 12px
  }
}

.cmp-frm005 .wrp input[type=checkbox] {
  display: none
}

.cmp-frm005 .wrp input[type=checkbox]:checked+.switch {
  background-color: #d32f2f;
  color: #fff;
  text-align: right
}

.cmp-frm005 .wrp input[type=checkbox]:checked+.switch:before {
  right: 48px;
  background-color: #fff
}

.cmp-frm005 .wrp input[type=checkbox]:checked+.switch:after {
  content: "ON";
  left: 42px
}

.cmp-frm005 .wrp .switch {
  cursor: pointer;
  position: relative;
  display: block;
  width: 80px;
  height: 40px;
  background-color: #e0e4e7;
  color: #15447e;
  text-align: right;
  border-radius: 22px;
  -webkit-transition: background-color .3s cubic-bezier(.23, 1, .32, 1);
  transition: background-color .3s cubic-bezier(.23, 1, .32, 1)
}

.cmp-frm005 .wrp .switch:before {
  content: "";
  right: 8px;
  width: 24px;
  height: 24px;
  background-color: #d32f2f;
  border-radius: 12px
}

.cmp-frm005 .wrp .switch:after,
.cmp-frm005 .wrp .switch:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

.cmp-frm005 .wrp .switch:after {
  content: "OFF";
  font-size: 1.4rem;
  left: 12px;
  line-height: 1
}

.cmp-frm006.br-tr-tl .btn {
  border-radius: 0 0 5px 5px
}

.cmp-frm006 .btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  background-color: #eff5fb;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 5px;
  min-height: 40px;
  padding: 10px 15px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .16);
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1);
  text-decoration: none !important
}

.ie .cmp-frm006 .btn {
  min-height: auto !important
}

.cmp-frm006 .btn .txt {
  color: #15447e;
  font-size: 1.4rem;
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

.cmp-frm006 .btn.blue {
  background-color: #3b76c4
}

.cmp-frm006 .btn.blue .txt {
  color: #fff
}

.cmp-frm006 .btn.white {
  background-color: #fff
}

.cmp-frm006 .btn.white .txt {
  color: #15447e
}

.cmp-frm006 .btn.red {
  background-color: #d32f2f
}

.cmp-frm006 .btn.red .txt {
  color: #fff
}

.cmp-frm006 .btn.wide {
  display: -webkit-box;
  display: flex;
  width: 100%
}

.cmp-frm006 .btn.fix {
  min-width: 180px
}

.cmp-frm006 .btn.fix-medium {
  min-width: 300px
}

.cmp-frm006 .btn.fix-large {
  min-width: 430px
}

.cmp-frm006 .btn.large {
  min-height: 60px;
  padding: 10px 30px
}

.cmp-frm006 .btn.large .txt {
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-frm006 .btn.small {
  min-height: 30px;
  padding: 5px 15px
}

.cmp-frm006 .btn.small .txt {
  font-size: 1.2rem
}

.cmp-frm006 .btn.bold {
  font-weight: 700
}

.cmp-frm006 .btn.js-more,
.cmp-frm006 .btn.js-more+.btn {
  border-radius: 0 0 5px 5px
}

.cmp-frm006 .btn.is-inactive,
.btn.is-inactive-bkn {
  background-color: #e0e4e7 !important;
  pointer-events: none
}

.cmp-frm006 .btn.is-inactive .txt,
.cmp-frm006 .btn.is-inactive-bkn .txt {
  color: #999 !important
}

.no-touchevents .cmp-frm006 .btn:hover {
  background-color: #15447e
}

.no-touchevents .cmp-frm006 .btn:hover .txt {
  color: #fff
}

.no-touchevents .cmp-frm006 .btn.blue:hover {
  background-color: #fff
}

.no-touchevents .cmp-frm006 .btn.blue:hover .txt {
  color: #15447e
}

.no-touchevents .cmp-frm006 .btn.red:hover {
  background-color: #fff !important
}

.no-touchevents .cmp-frm006 .btn.red:hover .txt {
  color: #d32f2f !important
}

.cmp-frm006 .txtlink {
  font-size: 1.4rem;
  margin-top: 10px
}

.cmp-frm006 .txtlink i {
  margin-right: 4px
}

.cmp-frm007 {
  position: relative;
  color: #d32f2f;
  padding-left: 20px;
  margin-top: 15px;
  font-size: 1.4rem
}

.cmp-frm007:before {
  font-family: Font Awesome\ 5 Free;
  font-weight: 700;
  content: "\f06a";
  font-size: 1.4rem;
  position: absolute;
  left: 0;
  top: 2px
}

@media screen and (min-width:1024px) {
  .cmp-frm007 {
    font-size: 1.6rem
  }

  .cmp-frm007:before {
    top: 5px
  }
}

.cmp-frm008 {
  padding-top: 15px
}

.cmp-frm008 iframe {
  width: 100%;
  padding: 15px;
  max-height: 300px;
  border: 1px solid #ddd
}

@media screen and (min-width:1024px) {
  .cmp-frm008 {
    padding-top: 20px
  }
}

.cmp-frm009 {
  background-color: #15447e;
  padding: 15px;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1.4rem
}

.cmp-frm009 button[type=submit],
.cmp-frm009 input[type=text] {
  height: 40px
}

.cmp-frm009 input[type=text] {
  width: 250px;
  padding: 5px 15px;
  background-color: #fff;
  border-radius: 5px 0 0 5px
}

.cmp-frm009 button[type=submit] {
  width: 60px;
  border-radius: 0 5px 5px 0;
  background-color: #3b76c4;
  color: #fff
}

.no-touchevents .cmp-frm009 button[type=submit] {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-frm009 button[type=submit]:hover {
  opacity: .7
}

.sp #search_book .cmp-frm009 {
  padding-top: 15px !important
}

.sp #search_book+.l-container.blue-3 {
  background: #fff
}

.sp #search_book+.l-container.blue-3 .l-column {
  margin: 0 0 15px;
  border-bottom: 1px solid #ddd
}

.sp #search_book+.l-container.blue-3 .l-column .wrp {
  padding: 13px 0;
  margin-bottom: 0;
  border-top: 1px solid #ddd
}

.cmp-frm010 {
  font-size: 1.4rem
}

.cmp-frm010 input {
  display: none
}

.cmp-frm010 label {
  display: inline-block;
  background-color: #3b76c4;
  color: #fff;
  padding: 5px 10px;
  margin-right: 5px;
  border-radius: 5px
}

.no-touchevents .cmp-frm010 label {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-frm010 label:hover {
  opacity: .7
}

.cmp-txt001 {
  color: #000;
  padding-top: 15px
}

.cmp-txt001 .red {
  color: #d32f2f
}

.cmp-txt001 .blue {
  color: #15447e
}

.cmp-txt001 .white {
  color: #fff
}

.cmp-txt001 .bold {
  font-weight: 700
}

.cmp-txt001 .txt {
  display: block;
  font-size: 1.6rem;
  line-height: 2
}

.cmp-txt001 .txt.large {
  font-size: 1.6rem
}

.cmp-txt001 .txt.small {
  font-size: 1.2rem
}

.cmp-txt001 .txt+.txt {
  padding-top: 15px
}

.cmp-txt001 .txt.sub-title {
  font-size: 2rem;
  line-height: 1.94
}

.cmp-txt001 .txt strong {
  font-size: 1.5em
}

.cmp-txt001 a.txt {
  display: inline-block
}

.no-touchevents .cmp-txt001 a.txt:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-txt001 a.txt:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-txt001 a.txt:hover {
  color: #542f8e
}

.cmp-txt001.bg-gray {
  background-color: #f2f3f5;
  padding: 15px
}

.cmp-txt001.bg-blue-2 {
  background-color: #3b76c4;
  padding: 15px
}

.cmp-txt001.bg-blue-2 .txt {
  color: #fff
}

.cmp-txt001 .bar {
  width: 1px;
  height: 20px;
  margin: 0 15px;
  background-color: hsla(0, 0%, 100%, .5);
  display: inline-block;
  vertical-align: middle
}

.cmp-txt002 {
  padding-top: 30px;
  color: #000
}

.cmp-txt002 .red {
  color: #d32f2f
}

.cmp-txt002 .blue {
  color: #15447e
}

.cmp-txt002 .white {
  color: #fff
}

.cmp-txt002 .bold {
  font-weight: 700
}

.cmp-txt002 .txt {
  font-size: 1.6rem;
  line-height: 2
}

.cmp-txt002 .txt+.txt {
  padding-top: 20px
}

.cmp-txt002 .txt.sub-title {
  font-size: 2rem;
  line-height: 1.94
}

.cmp-txt003 {
  padding-top: 15px
}

.cmp-txt003 a {
  color: #15447e
}

.cmp-txt003 .txt {
  font-size: 1.2rem;
  line-height: 1.25;
  color: #666
}

.cmp-txt003 .txt.white {
  color: #fff
}

.cmp-txt003 .txt+.txt {
  padding-top: 15px
}

.cmp-txt003 ul {
  list-style-type: none
}

.cmp-txt004 {
  padding-top: 15px
}

.cmp-txt004 a {
  font-size: 1.4rem;
  display: inline-block;
  line-height: 1.25;
  position: relative;
  padding-left: 15px
}

.no-touchevents .cmp-txt004 a:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-txt004 a:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-txt004 a:hover {
  color: #542f8e
}

.cmp-txt004 a:before {
  content: "\f0da";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  text-decoration: none;
  font-size: 1.8rem;
  color: #15447e;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0
}

.sp .cmp-txt004 a .txt {
  font-size: 1.6rem
}

.cmp-txt005 {
  padding-top: 15px
}

.cmp-txt005 a {
  position: relative;
  display: block;
  background-color: #15447e;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  padding: 15px
}

.no-touchevents .cmp-txt005 a {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-txt005 a:hover {
  opacity: .7
}

.cmp-txt005 a:after {
  content: "\f061";
  font-family: Font Awesome\ 5 Free;
  font-weight: 300;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cmp-txt005.blue-2 a {
  background-color: #3b76c4
}

.cmp-txt006 {
  margin-top: 15px;
  overflow: hidden;
  position: relative;
  text-align: center
}

.cmp-txt006:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #999, #999 4px, transparent 0, transparent 8px);
  background-image: linear-gradient(90deg, #999, #999 4px, transparent 0, transparent 8px);
  background-repeat: repeat-x;
  background-size: 8px 1px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cmp-txt006 .txt {
  font-size: 1.6rem;
  font-weight: 700;
  display: inline-block;
  padding-right: 5px;
  background-color: #fff;
  position: relative;
  z-index: 2
}

.cmp-txt007 {
  padding-top: 15px
}

.cmp-txt007 a {
  font-size: 1.4rem;
  display: inline-block;
  line-height: 1.25;
  position: relative;
  padding-left: 45px
}

.no-touchevents .cmp-txt007 a:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-txt007 a:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-txt007 a:hover {
  color: #542f8e
}

.cmp-txt007 a:before {
  content: "PDF";
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fb0f01;
  padding: 4px 4px 2px 6px;
  width: 35px;
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 1px;
  text-decoration: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cmp-media001 {
  padding-top: 15px
}

.cmp-media001 .wrp iframe {
  display: block;
  max-width: 100%;
  margin: 0 auto
}

.cmp-media001 .caption {
  padding: 10px 0;
  margin: 0 15px;
  border-bottom: 1px solid #ddd;
  font-size: 1.4rem
}

.cmp-media001.square .wrp {
  padding-top: 100%
}

img {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  touch-callout: none;
  -ms-user-select: none;
  user-select: none
}

.cmp-thmb003 .list li img {
  pointer-events: auto;
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-touch-callout: default;
  -moz-user-select: text;
  touch-callout: default;
  -ms-user-select: text;
  user-select: text
}

.js-smartcrop {
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative
}

.js-smartcrop.is-croped {
  padding-top: 0
}

.js-smartcrop.is-croped:before {
  display: none
}

.js-smartcrop img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center
}

.ie .js-smartcrop {
  padding-top: 0
}

.ie .js-smartcrop img {
  visibility: visible;
  max-height: none !important;
  font-family: "object-fit:contain;object-position:center;"
}

.ie .js-smartcrop {
  border: 1px solid #ddd
}

.cmp-thmb001 {
  height: 100%;
  padding-top: 15px
}

.cmp-thmb001.wide .detail {
  padding: 10px 15px 0
}

.cmp-thmb001.iframe .thumb-wrp {
  padding-top: 56.25%
}

.cmp-thmb001.border .thumb-wrp {
  border: 1px solid #ddd
}

.cmp-thmb001.al-center .wrp {
  -webkit-box-align: center;
  align-items: center
}

.cmp-thmb001 .wrp {
  height: 100%
}

.cmp-thmb001 .wrp canvas,
.cmp-thmb001 .wrp img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  pointer-events: none
}

.cmp-thmb001 .wrp .circle {
  border-radius: 50%
}

.cmp-thmb001 .wrp .thumb a.thumb-wrp {
  cursor: pointer
}

.no-touchevents .cmp-thmb001 .wrp .thumb a.thumb-wrp {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-thmb001 .wrp .thumb a.thumb-wrp:hover {
  opacity: .7
}

.cmp-thmb001 .wrp .thumb a.thumb-wrp img {
  margin-left: auto;
  margin-right: auto
}

.cmp-thmb001 .wrp .thumb-wrp {
  display: block;
  width: 100%;
  position: relative;
  border: 1px solid #ddd
}

.cmp-thmb001 .wrp .thumb-wrp img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  font-family: "object-fit:contain;object-position:center;"
}

.cmp-thmb001 .wrp .thumb-wrp iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.cmp-thmb001 .wrp .thumb-wrp.no-image {
  padding-top: 100%;
  position: relative
}

.cmp-thmb001 .wrp .thumb-wrp.no-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%
}

.cmp-thmb001 .wrp .thumb-wrp.no-border {
  border: none
}

.cmp-thmb001 .wrp .thumb-wrp.no-border img {
  width: auto;
  height: auto;
  object-position: center top
}

.cmp-thmb001 .wrp .thumb-wrp.js-smartcrop img.no-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit:contain;object-position:center;"
}

.cmp-thmb001 .wrp .thumb-wrp.js-calcheight,
.cmp-thmb001 .wrp .thumb-wrp.js-smartcrop {
  border: 1px solid #ddd;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-top: 100%;
  width: 100%
}

.cmp-thmb001 .wrp .thumb-wrp.js-calcheight img,
.cmp-thmb001 .wrp .thumb-wrp.js-smartcrop img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  font-family: "object-fit:contain;object-position:center;"
}

.cmp-thmb001 .wrp .thumb-wrp.js-calcheight img.no-image,
.cmp-thmb001 .wrp .thumb-wrp.js-smartcrop img.no-image {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit:contain;object-position:center;"
}

.blue-2 .cmp-thmb001 .wrp .thumb-wrp.js-calcheight,
.blue-2 .cmp-thmb001 .wrp .thumb-wrp.js-smartcrop {
  border: 1px solid hsla(0, 0%, 100%, .2)
}

.cmp-thmb001 .wrp .thumb-wrp.js-calcheight.no-image,
.cmp-thmb001 .wrp .thumb-wrp.js-smartcrop.no-image {
  padding-top: 0;
  position: relative
}

.cmp-thmb001 .wrp .thumb-wrp.js-calcheight.no-image:after,
.cmp-thmb001 .wrp .thumb-wrp.js-smartcrop.no-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(https://static.chunichi.co.jp/chunichi/images/dummy_img_chunichi.png);
  background-position: 50%;
  background-size: cover
}

.tokyo .cmp-thmb001 .wrp .thumb-wrp.js-calcheight.no-image:after,
.tokyo .cmp-thmb001 .wrp .thumb-wrp.js-smartcrop.no-image:after {
  background-image: url(https://static.tokyo-np.co.jp/tokyo-np/images/dummy_img_tokyo.png);
  background-position: 50%;
  background-size: cover
}

.sp .cmp-thmb001 .wrp .thumb-wrp.js-calcheight {
  height: calc(100vw - 2px)
}

.cmp-thmb001 .wrp .thumb-caption {
  display: block;
  margin-top: 5px;
  font-size: 1.2rem
}

.cmp-thmb001 .wrp .detail {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
  line-height: 1.42
}

.cmp-thmb001 .wrp .detail .fs-xl {
  font-size: 2.4rem !important
}

.cmp-thmb001 .wrp .detail .fs-l {
  font-size: 1.8rem !important
}

.cmp-thmb001 .wrp .detail .fs-m {
  font-size: 1.4rem !important
}

.cmp-thmb001 .wrp .detail .fs-s {
  font-size: 1.2rem !important
}

.cmp-thmb001 .wrp .detail .bold {
  font-weight: 700 !important
}

.cmp-thmb001 .wrp .detail a:not(.btn) {
  line-height: 1.6;
  vertical-align: top
}

.cmp-thmb001 .wrp .detail>:first-child {
  margin-top: 0
}

.cmp-thmb001 .wrp .detail-tag {
  display: inline-block;
  padding: 6px 12px !important;
  line-height: 1;
  font-size: 1.2rem;
  color: #fff;
  border-radius: 20px
}

.cmp-thmb001 .wrp .detail-tag.tag001 {
  background: #689f38
}

.cmp-thmb001 .wrp .detail-tag.tag002 {
  background: #455a64
}

.cmp-thmb001 .wrp .detail-tag.tag003 {
  background: #d32f2f
}

.cmp-thmb001 .wrp .detail-ttl {
  font-weight: 700
}

.no-touchevents .cmp-thmb001 .wrp .detail-ttl a:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-thmb001 .wrp .detail-ttl a:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-thmb001 .wrp .detail-ttl a:hover {
  color: #542f8e
}

.blue-2 .cmp-thmb001 .wrp .detail-ttl a:hover {
  color: #fff
}

.cmp-thmb001 .wrp .detail-ttl .tag {
  color: #fff;
  margin-right: 10px;
  display: inline-block;
  font-weight: 400;
  vertical-align: baseline;
  font-size: 1.2rem;
  line-height: 1.4
}

.cmp-thmb001 .wrp .detail-ttl .tag.red {
  background-color: #d32f2f;
  padding: 2px 8px;
  border-radius: 15px
}

.cmp-thmb001 .wrp .detail-ttl .tag.gray {
  background-color: #455a64;
  font-weight: 700;
  margin-right: 0;
  margin-left: 5px;
  padding: 0 6px
}

.cmp-thmb001 .wrp .detail-ttl.pr {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.cmp-thmb001 .wrp .detail-ttl .pr-tag {
  background-color: #455a64;
  color: #fff;
  display: inline-block;
  vertical-align: baseline;
  margin-left: 5px;
  padding: 0 6px;
  font-size: 1.2rem
}

.cmp-thmb001 .wrp .detail-sub {
  margin-top: 10px
}

.no-touchevents .cmp-thmb001 .wrp .detail-sub a:hover {
  text-decoration: underline;
  color: #15447e
}

.cmp-thmb001 .wrp .detail-sub.blue {
  color: #15447e
}

.cmp-thmb001 .wrp .detail-info-txt {
  color: #666;
  padding-right: 7px;
  line-height: 1.42 !important;
  vertical-align: middle
}

.cmp-thmb001 .wrp .detail-info-txt.blue {
  color: #15447e
}

.cmp-thmb001 .wrp .detail-info-txt.black {
  color: #000
}

.cmp-thmb001 .wrp .detail-info-txt.splid+a {
  padding-left: 7px;
  border-left: 1px solid #666
}

.cmp-thmb001 .wrp .detail-srs {
  color: #15447e;
  font-size: 1.2rem
}

.cmp-thmb001 .wrp .detail-srs a {
  color: #15447e
}

.cmp-thmb001 .wrp .detail-name {
  font-size: 1.4rem
}

.cmp-thmb001 .wrp .detail .lock {
  font-size: 1.4rem;
  vertical-align: middle;
  position: relative;
  top: -2px
}

.cmp-thmb001 .wrp .detail .lock.premiere {
  color: #c48f3b
}

.cmp-thmb001 .wrp .detail .lock.general {
  color: #455a64
}

.cmp-thmb001 .wrp .detail .lock+.detail-info-txt {
  padding-left: 5px;
  padding-right: 0
}

.cmp-thmb001 .wrp .detail>:last-child:has(.detail-info-txt) {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  flex: 1 1 auto
}

.cmp-thmb001 .wrp.lv1 .detail {
  margin-top: 10px
}

.cmp-thmb001 .wrp.lv1 .detail-ttl {
  font-size: 2rem
}

.cmp-thmb001 .wrp.lv1 .detail-sub {
  font-size: 1.4rem
}

.cmp-thmb001 .wrp.lv1 .detail-info {
  font-size: 1.2rem
}

.sp .cmp-thmb001 .wrp.lv1 .thumb-wrp.js-calcheight {
  height: calc((100vw - 54px)/2)
}

.cmp-thmb001 .wrp.lv2 {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse
}

.cmp-thmb001 .wrp.lv2 .detail {
  -webkit-box-flex: 1;
  flex: 1 1 100%
}

.cmp-thmb001 .wrp.lv2 .detail-ttl {
  font-size: 2rem
}

.cmp-thmb001 .wrp.lv2 .detail-ttl .tag {
  font-size: 1.2rem;
  line-height: 1.4
}

.cmp-thmb001 .wrp.lv2 .detail-ttl .tag.red {
  padding: 1px 6px
}

.cmp-thmb001 .wrp.lv2 .detail-ttl .tag.gray {
  padding: 0 6px
}

.cmp-thmb001 .wrp.lv2 .detail-sub {
  font-size: 1.2rem
}

.cmp-thmb001 .wrp.lv2 .detail-info {
  margin-top: 10px
}

.cmp-thmb001 .wrp.lv2 .detail-info-txt {
  font-size: 1.2rem
}

.cmp-thmb001 .wrp.lv2 .detail-srs+.detail-main {
  margin-top: 5px
}

.cmp-thmb001 .wrp.lv2 .thumb {
  -webkit-box-flex: 0;
  flex: 0 0 150px;
  padding-left: 10px
}

.cmp-thmb001 .wrp.lv2 .thumb a,
.sp .cmp-thmb001 .wrp.lv2 .thumb-wrp.js-calcheight {
  height: 140px
}

.cmp-thmb001 .wrp.lv3 {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse
}

.cmp-thmb001 .wrp.lv3 .detail {
  -webkit-box-flex: 1;
  flex: 1 1 100%
}

.cmp-thmb001 .wrp.lv3 .detail-ttl {
  font-size: 1.6rem
}

.cmp-thmb001 .wrp.lv3 .detail-ttl .tag {
  font-size: 1.1rem;
  line-height: 1.4
}

.cmp-thmb001 .wrp.lv3 .detail-ttl .tag.red {
  padding: 1px 6px;
  margin-right: 5px
}

.cmp-thmb001 .wrp.lv3 .detail-ttl .tag.gray {
  padding: 0 6px;
  margin-left: 5px
}

.cmp-thmb001 .wrp.lv3 .detail-sub {
  font-size: 1.2rem
}

.cmp-thmb001 .wrp.lv3 .detail-info {
  margin-top: 5px
}

.cmp-thmb001 .wrp.lv3 .detail-info-txt {
  font-size: 1.2rem
}

.cmp-thmb001 .wrp.lv3 .thumb {
  -webkit-box-flex: 0;
  flex: 0 0 80px;
  padding-left: 10px
}

.cmp-thmb001 .wrp.lv3 .thumb a,
.sp .cmp-thmb001 .wrp.lv3 .thumb-wrp.js-calcheight {
  height: 70px
}

.cmp-thmb001 .wrp.lv3-rect {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse
}

.cmp-thmb001 .wrp.lv3-rect .detail {
  -webkit-box-flex: 1;
  flex: 1 1 100%
}

.cmp-thmb001 .wrp.lv3-rect .detail-ttl {
  font-size: 1.6rem
}

.cmp-thmb001 .wrp.lv3-rect .detail-ttl .tag {
  font-size: 1.2rem;
  line-height: 1.4
}

.cmp-thmb001 .wrp.lv3-rect .detail-ttl .tag.red {
  padding: 1px 6px;
  margin-right: 5px
}

.cmp-thmb001 .wrp.lv3-rect .detail-ttl .tag.gray {
  padding: 0 6px;
  margin-left: 5px
}

.cmp-thmb001 .wrp.lv3-rect .detail-sub {
  font-size: 1.3rem
}

.cmp-thmb001 .wrp.lv3-rect .detail-info {
  margin-top: 5px
}

.cmp-thmb001 .wrp.lv3-rect .detail-info-txt {
  font-size: 1.3rem
}

.cmp-thmb001 .wrp.lv3-rect .thumb {
  -webkit-box-flex: 0;
  flex: 0 0 135px;
  padding-left: 10px
}

.cmp-thmb001 .wrp.lv3-rect .thumb a {
  height: 90px
}

.sp .cmp-thmb001 .wrp.lv3-rect .thumb-wrp.js-calcheight {
  height: 70px
}

.cmp-thmb001 .wrp.lv4 {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse
}

.cmp-thmb001 .wrp.lv4 .detail {
  -webkit-box-flex: 1;
  flex: 1 1 100%
}

.cmp-thmb001 .wrp.lv4 .detail-ttl {
  font-size: 1.6rem
}

.cmp-thmb001 .wrp.lv4 .detail-sub {
  font-size: 1.2rem
}

.cmp-thmb001 .wrp.lv4 .detail-info {
  margin-top: 5px
}

.cmp-thmb001 .wrp.lv4 .detail-info-txt {
  font-size: 1.2rem
}

.cmp-thmb001 .wrp.lv4 .thumb {
  -webkit-box-flex: 0;
  flex: 0 0 80px;
  padding-left: 10px
}

.cmp-thmb001 .wrp.lv4 .thumb a {
  height: 70px
}

.ie .cmp-thmb001 .wrp.lv4 .thumb a {
  height: auto
}

.sp .cmp-thmb001 .wrp.lv4 .thumb-wrp.js-calcheight {
  height: 70px
}

.cmp-thmb001 .wrp.lv5 {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse
}

.cmp-thmb001 .wrp.lv5 .detail {
  -webkit-box-flex: 1;
  flex: 1 1 100%
}

.cmp-thmb001 .wrp.lv5 .detail-ttl {
  font-size: 1.6rem
}

.cmp-thmb001 .wrp.lv5 .detail-sub {
  font-size: 1.2rem
}

.cmp-thmb001 .wrp.lv5 .detail-info {
  margin-top: 5px
}

.cmp-thmb001 .wrp.lv5 .detail-info-txt {
  font-size: 1.2rem
}

.cmp-thmb001 .wrp.lv5 .thumb {
  -webkit-box-flex: 0;
  flex: 0 0 70px;
  padding-left: 10px
}

.cmp-thmb001 .wrp.lv5 .thumb a {
  height: 60px
}

.ie .cmp-thmb001 .wrp.lv5 .thumb a {
  height: auto
}

.sp .cmp-thmb001 .wrp.lv5 .thumb-wrp.js-calcheight {
  height: 60px
}

.cmp-thmb001 .wrp.lv6 {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse
}

.cmp-thmb001 .wrp.lv6 .detail {
  -webkit-box-flex: 1;
  flex: 1 1 100%
}

.cmp-thmb001 .wrp.lv6 .detail-ttl {
  font-size: 2.4rem
}

.cmp-thmb001 .wrp.lv6 .detail-sub {
  font-size: 1.4rem
}

.cmp-thmb001 .wrp.lv6 .detail-info {
  margin-top: 5px
}

.cmp-thmb001 .wrp.lv6 .detail-info-txt {
  font-size: 1.2rem
}

.cmp-thmb001 .wrp.lv6 .thumb {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 10px);
  padding-left: 10px
}

.cmp-thmb001 .wrp.lv7 {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse
}

.cmp-thmb001 .wrp.lv7 .detail {
  -webkit-box-flex: 1;
  flex: 1 1 100%
}

.cmp-thmb001 .wrp.lv7 .detail-ttl {
  font-size: 1.6rem
}

.cmp-thmb001 .wrp.lv7 .detail-sub {
  font-size: 1.2rem
}

.cmp-thmb001 .wrp.lv7 .detail-info {
  margin-top: 5px
}

.cmp-thmb001 .wrp.lv7 .detail-info-txt {
  font-size: 1.2rem
}

.cmp-thmb001 .wrp.lv7 .thumb {
  -webkit-box-flex: 0;
  flex: 0 0 100px;
  padding-left: 10px
}

.cmp-thmb001 .wrp.reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  flex-direction: row !important
}

.cmp-thmb001 .wrp.reverse .thumb {
  padding-right: 10px;
  padding-left: 0
}

.cmp-thmb001 .wrp.cover .thumb-wrp.js-calcheight img,
.cmp-thmb001 .wrp.cover .thumb-wrp.js-smartcrop img,
.cmp-thmb001 .wrp.cover .thumb-wrp img {
  object-fit: cover;
  object-position: center top;
  font-family: "object-fit:cover;object-position:center top;"
}

.cmp-thmb001 .wrp a.detail-info-txt:hover {
  text-decoration: underline
}

.cmp-thmb001.ratio3-2 .wrp .detail-ttl,
.cmp-thmb001.ratio16-9 .wrp .detail-ttl {
  font-size: 1.6rem
}

.cmp-thmb001.ratio3-2 .wrp .thumb a,
.cmp-thmb001.ratio16-9 .wrp .thumb a {
  aspect-ratio: 3/2
}

.cmp-thmb001.ratio3-2 .wrp .thumb-wrp,
.cmp-thmb001.ratio16-9 .wrp .thumb-wrp {
  border: none
}

.cmp-thmb001.ratio3-2 .wrp .thumb-wrp.js-calcheight,
.cmp-thmb001.ratio3-2 .wrp .thumb-wrp.js-smartcrop,
.cmp-thmb001.ratio16-9 .wrp .thumb-wrp.js-calcheight,
.cmp-thmb001.ratio16-9 .wrp .thumb-wrp.js-smartcrop {
  padding-top: 0;
  height: auto !important
}

.cmp-thmb001.ratio3-2 .wrp.lv1 .thumb a,
.cmp-thmb001.ratio3-2 .wrp.lv2 .thumb a,
.cmp-thmb001.ratio3-2 .wrp.lv3 .thumb a,
.cmp-thmb001.ratio3-2 .wrp.lv4 .thumb a,
.cmp-thmb001.ratio3-2 .wrp.lv5 .thumb a,
.cmp-thmb001.ratio16-9 .wrp.lv1 .thumb a,
.cmp-thmb001.ratio16-9 .wrp.lv2 .thumb a,
.cmp-thmb001.ratio16-9 .wrp.lv3 .thumb a,
.cmp-thmb001.ratio16-9 .wrp.lv4 .thumb a,
.cmp-thmb001.ratio16-9 .wrp.lv5 .thumb a,
.sp .cmp-thmb001.ratio3-2 .wrp.lv1 .thumb-wrp.js-calcheight,
.sp .cmp-thmb001.ratio3-2 .wrp.lv2 .thumb-wrp.js-calcheight,
.sp .cmp-thmb001.ratio3-2 .wrp.lv3 .thumb-wrp.js-calcheight,
.sp .cmp-thmb001.ratio3-2 .wrp.lv4 .thumb-wrp.js-calcheight,
.sp .cmp-thmb001.ratio3-2 .wrp.lv5 .thumb-wrp.js-calcheight,
.sp .cmp-thmb001.ratio16-9 .wrp.lv1 .thumb-wrp.js-calcheight,
.sp .cmp-thmb001.ratio16-9 .wrp.lv2 .thumb-wrp.js-calcheight,
.sp .cmp-thmb001.ratio16-9 .wrp.lv3 .thumb-wrp.js-calcheight,
.sp .cmp-thmb001.ratio16-9 .wrp.lv4 .thumb-wrp.js-calcheight,
.sp .cmp-thmb001.ratio16-9 .wrp.lv5 .thumb-wrp.js-calcheight {
  height: auto
}

.cmp-thmb001.ratio3-2 .wrp.lv1 .detail-ttl,
.cmp-thmb001.ratio16-9 .wrp.lv1 .detail-ttl {
  font-size: 1.8rem
}

.cmp-thmb001.ratio3-2 .wrp.lv1 .detail-info,
.cmp-thmb001.ratio16-9 .wrp.lv1 .detail-info {
  margin-top: 10px
}

.cmp-thmb001.ratio3-2 .wrp.lv1 .thumb a,
.cmp-thmb001.ratio16-9 .wrp.lv1 .thumb a,
.sp .cmp-thmb001.ratio3-2 .wrp.lv1 .thumb-wrp.js-calcheight,
.sp .cmp-thmb001.ratio16-9 .wrp.lv1 .thumb-wrp.js-calcheight {
  aspect-ratio: 3/2
}

.cmp-thmb001.ratio3-2 .wrp.lv2 .detail-ttl,
.cmp-thmb001.ratio16-9 .wrp.lv2 .detail-ttl {
  font-size: 1.4rem
}

.cmp-thmb001.ratio3-2 .wrp.lv2 .thumb,
.cmp-thmb001.ratio16-9 .wrp.lv2 .thumb {
  -webkit-box-flex: 0;
  flex: 0 0 160px
}

.cmp-thmb001.ratio3-2 .wrp.lv3 .thumb,
.cmp-thmb001.ratio3-2 .wrp.lv4 .thumb,
.cmp-thmb001.ratio16-9 .wrp.lv3 .thumb,
.cmp-thmb001.ratio16-9 .wrp.lv4 .thumb {
  -webkit-box-flex: 0;
  flex: 0 0 115px
}

.cmp-thmb001.ratio3-2 .wrp.lv5 .thumb,
.cmp-thmb001.ratio16-9 .wrp.lv5 .thumb {
  -webkit-box-flex: 0;
  flex: 0 0 100px
}

.cmp-thmb001.ratio16-9 .wrp.lv1 .thumb a,
.cmp-thmb001.ratio16-9 .wrp .thumb a,
.sp .cmp-thmb001.ratio16-9 .wrp.lv1 .thumb-wrp.js-calcheight {
  aspect-ratio: 16/9
}

.cmp-thmb002 {
  margin-top: 20px
}

.cmp-thmb002>.wrp .js-calcheight,
.cmp-thmb002>.wrp .js-smartcrop {
  border: 1px solid #ddd
}

.cmp-thmb002>.wrp .js-calcheight .thumb,
.cmp-thmb002>.wrp .js-smartcrop .thumb {
  height: 100%
}

.cmp-thmb002>.wrp .thumb.center .thumb-caption {
  text-align: center
}

.cmp-thmb002>.wrp .thumb-caption {
  margin-top: 10px;
  font-size: 1.2rem
}

.cmp-thmb002>.wrp .thumb-wrp {
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

.cmp-thmb002>.wrp .thumb-img {
  max-width: 100%;
  max-height: 100%;
  flex-shrink: 0
}

.cmp-thmb002 .cmp-txt001,
.cmp-thmb002 .cmp-txt002 {
  padding-top: 15px
}

.cmp-thmb002 iframe {
  max-width: 100%;
  margin: 0 auto;
  display: block
}

.no-border .wrp .thumb-img {
  border: none
}

.cmp-thmb003 {
  margin-top: 15px
}

.cmp-thmb003:after {
  content: "";
  display: block;
  clear: both
}

.cmp-thmb003 .cmp-txt002 {
  padding-top: 15px;
  text-indent: 1.5em
}

.cmp-thmb003 .cmp-txt002 .txt {
  display: block
}

.cmp-thmb003>.wrp {
  float: left;
  width: 33.333%;
  margin-right: 15px
}

.cmp-thmb003>.wrp.large {
  width: 50%
}

.cmp-thmb003>.wrp.center {
  float: none;
  width: 100%;
  margin-right: 0
}

.cmp-thmb003>.wrp .js-calcheight .thumb,
.cmp-thmb003>.wrp .js-smartcrop .thumb {
  height: 100%
}

.cmp-thmb003>.wrp .thumb-caption {
  margin-top: 10px;
  font-size: 1.2rem
}

.cmp-thmb003>.wrp a {
  display: block
}

.no-touchevents .cmp-thmb003>.wrp a {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-thmb003>.wrp a:hover {
  opacity: .7
}

.cmp-thmb003>.wrp .thumb-wrp {
  width: 100%;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

.sp .cmp-thmb003>.wrp .thumb-wrp {
  height: calc(100vw - 30px)
}

.cmp-thmb003>.wrp .thumb-img {
  max-width: 100%;
  max-height: 100%;
  flex-shrink: 0
}

.cmp-thmb003>.wrp .js-calcheight {
  position: relative;
  padding-top: 100%;
  width: 100%
}

.cmp-thmb003>.wrp .js-calcheight img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  font-family: "object-fit:contain;object-position:center;"
}

.cmp-thmb003>.wrp .list {
  list-style-type: none;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 10px -5px 0
}

.cmp-thmb003>.wrp .list li {
  position: relative;
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: calc(25% - 10px);
  margin: 0 5px 10px;
  border: 1px solid #ddd;
  padding-top: calc(25% - 10px);
  cursor: pointer
}

.no-touchevents .cmp-thmb003>.wrp .list li {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-thmb003>.wrp .list li:hover {
  opacity: .7
}

.ie .cmp-thmb003>.wrp .list li {
  flex-basis: calc(25% - 12px)
}

.cmp-thmb003>.wrp .list li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  font-family: "ofject-fit:contain;object-position:center;"
}

.cmp-thmb004 {
  margin-top: 30px;
  text-align: center
}

.cmp-thmb004 .photo {
  width: 140px;
  border-radius: 50%
}

.cmp-thmb004 .name {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #15447e
}

.cmp-thmb005 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 -10px
}

.cmp-thmb005 .detail,
.cmp-thmb005 .thumb {
  -webkit-box-flex: 0;
  flex: 0 1 50%;
  padding: 0 10px
}

.ie .cmp-thmb005 .detail,
.ie .cmp-thmb005 .thumb {
  flex-basis: calc(50% - 10px)
}

.cmp-thmb005 .detail {
  font-size: 2.4rem;
  font-weight: 700
}

.cmp-thmb005 .detail .hdg {
  color: #15447e
}

.cmp-thmb005 .detail .main {
  margin-top: 10px;
  display: block
}

.cmp-thmb005 .detail .main strong {
  font-size: 4.8rem
}

.cmp-thmb005 .detail .sub {
  margin-top: 5px
}

.no-touchevents .cmp-thmb005 .detail a:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-thmb005 .detail a:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-thmb005 .detail a:hover {
  color: #542f8e
}

.cmp-thmb005 .thumb .thumb-wrp {
  display: block;
  width: 100%
}

.cmp-thmb005 .thumb .thumb-wrp.js-calcheight,
.cmp-thmb005 .thumb .thumb-wrp.js-smartcrop {
  border: 1px solid #ddd
}

.cmp-thmb005 .thumb .thumb-img {
  width: auto
}

.cmp-thmb005 .thumb .thumb-img.js-ofi {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  font-family: "object-fit:contain;object-position:center;"
}

.cmp-thmb001 .fa-video:before,
.cmp-thmb002 .fa-video:before,
.cmp-thmb003 .fa-video:before,
.cmp-thmb004 .fa-video:before,
.cmp-thmb005 .fa-video:before {
  display: none
}

.cmp-thmb-notrim001 {
  display: block;
  position: relative;
  width: 100%;
  min-height: 100%
}

.cmp-thmb-notrim001:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #e0e4e7;
  z-index: 1
}

.cmp-thmb-notrim001 .img-wrp {
  display: table;
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0 auto
}

.cmp-thmb-notrim001 .img-wrp:before {
  left: 47%;
  content: "\f030";
  font-family: Font Awesome\ 5 Free
}

.cmp-thmb-notrim001 .img-wrp:after,
.cmp-thmb-notrim001 .img-wrp:before {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: 1.6rem;
  color: #ccc;
  z-index: 2
}

.cmp-thmb-notrim001 .img-wrp:after {
  left: 52%;
  content: "No Photo";
  white-space: nowrap
}

.cmp-thmb-notrim001 .img-wrp>span {
  display: table-cell;
  width: 100%;
  vertical-align: middle
}

.cmp-thmb-notrim001 .img-wrp>span img {
  position: relative;
  z-index: 3
}

.cmp-lst006 .cmp-thmb-notrim001 .img-wrp:before {
  left: 26%
}

.cmp-lst006 .cmp-thmb-notrim001 .img-wrp:after {
  left: 58%
}

@media screen and (min-width:1024px) {
  .cmp-lst006 .cmp-thmb-notrim001 .img-wrp:before {
    left: 38%
  }
}

.cmp-thmb-notrim002 {
  display: block;
  position: relative;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  padding: 1
}

.cmp-thmb-notrim002:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #e0e4e7;
  z-index: 1
}

.cmp-thmb-notrim002 .img-wrp {
  display: table;
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0 auto
}

.cmp-thmb-notrim002 .img-wrp>span {
  display: table-cell;
  width: 100%;
  vertical-align: middle
}

.cmp-thmb-notrim002 .img-wrp>span img {
  position: relative;
  z-index: 3
}

.cmp-bnr001 {
  padding-top: 15px
}

.cmp-bnr001>iframe {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.cmp-bnr001 .wrp {
  line-height: 1
}

.cmp-bnr001 .wrp>div>iframe {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.ie .sub-container .cmp-bnr001 .wrp>div>iframe {
  -webkit-transform: none;
  transform: none
}

.cmp-bnr001 .bnr {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.cmp-bnr001 .bnr img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto
}

.ie .cmp-bnr001 .bnr img {
  width: 100%
}

.no-touchevents .cmp-bnr001 a {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-bnr001 a:hover {
  opacity: .7
}

.cmp-bnr001.right .bnr img {
  margin-right: 0
}

.cmp-bnr001.left .bnr img {
  margin-left: 0
}

.no-touchevents .cmp-bnr002 a {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-bnr002 a:hover {
  opacity: .7
}

.cmp-bnr002 .wrp {
  border-top: 1px solid #ddd;
  background-color: #eff5fb;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center
}

.cmp-bnr002 .wrp .close {
  display: block;
  -webkit-box-flex: 0;
  flex: 0 0 40px;
  border-right: 1px solid #ddd
}

.cmp-bnr002 .wrp .close i {
  padding: 10px 15px;
  color: #15447e;
  font-size: 2rem
}

.cmp-bnr002 .wrp .cnt {
  -webkit-box-flex: 0;
  flex: 0 1 100%;
  padding: 15px 35px 15px 15px;
  position: relative;
  display: block
}

.cmp-bnr002 .wrp .cnt:after {
  font-family: Font Awesome\ 5 Free;
  content: "\f061";
  font-size: 1.6rem;
  color: #15447e;
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cmp-bnr002 .wrp .cnt .logo {
  display: block;
  width: 156px
}

.cmp-bnr002 .wrp .cnt .txt {
  color: #15447e;
  font-size: 1.2rem
}

.cmp-bnr003 {
  padding-top: 15px
}

.cmp-bnr003 .bnr {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.cmp-bnr003 .bnr img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto
}

.ie .cmp-bnr003 .bnr img {
  width: 100%
}

.no-touchevents .cmp-bnr003 a {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-bnr003 a:hover {
  opacity: .7
}

.cmp-bnr003.right .bnr img {
  margin-right: 0
}

.cmp-bnr003.left .bnr img {
  margin-left: 0
}

.sp .cmp-bnr003 .l-column.col-2 {
  max-width: 750px;
  margin: 0 auto
}

.sp .cmp-bnr003 .l-column.col-2>.wrp:nth-child(odd) {
  padding-left: 0 !important
}

.sp .cmp-bnr003 .l-column.col-2>.wrp:nth-child(2n) {
  padding-right: 0 !important
}

.cmp-wthr001.area-tokai-city>.info>li>a,
.cmp-wthr001.area-tokai-pref>.info>li>a,
.cmp-wthr001.area-zenkoku>.info>li>a {
  display: block;
  border-radius: 4px;
  background: hsla(0, 0%, 100%, .9);
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .15);
  padding: 3px 0;
  text-align: center;
  color: #3a3a3a;
  box-sizing: border-box
}

.cmp-wthr001.area-tokai-city>.info>li>a,
.cmp-wthr001.area-zenkoku>.info>li>a {
  width: 42px
}

.cmp-wthr001.area-tokai-pref>.info>li>a {
  width: 96px
}

.cmp-hdg-wthr-dtl .update {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  display: block;
  position: absolute;
  bottom: 7px;
  right: 0
}

@media screen and (max-width:320px) {
  .cmp-wthr-dtl .update {
    width: 45%;
    bottom: 0
  }
}

.cmp-wthr-dtl {
  padding: 40px 15px 50px;
  min-height: 475px;
  background: url(https://static.chunichi.co.jp/chunichi/images/weather/bg-weather-info-sp.png) bottom no-repeat;
  background-size: cover;
  box-sizing: border-box
}

.cmp-wthr-dtl .cmp-wthr-dtl001 .wthr-temp {
  display: -webkit-box;
  display: flex
}

.cmp-wthr-dtl .cmp-wthr-dtl001 .wthr-temp .icon {
  width: 120px;
  padding-right: 15px
}

.cmp-wthr-dtl .cmp-wthr-dtl001 .wthr-temp .icon img {
  width: 110px;
  height: auto
}

.cmp-wthr-dtl .cmp-wthr-dtl001 .wthr-temp .temp {
  padding-top: 12px;
  color: #fff;
  width: calc(100% - 120px);
  display: -webkit-box;
  display: flex;
  font-weight: 700;
  text-align: center
}

.cmp-wthr-dtl .cmp-wthr-dtl001 .wthr-temp .temp .title {
  display: block;
  font-size: 1.4rem;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.cmp-wthr-dtl .cmp-wthr-dtl001 .wthr-temp .temp .num {
  display: block;
  font-size: 2.2rem;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.cmp-wthr-dtl .cmp-wthr-dtl001 .wthr-temp .temp .num span {
  font-size: 4.2rem
}

.cmp-wthr-dtl .cmp-wthr-dtl001 .wthr-temp .temp .high {
  position: relative;
  width: 50%;
  padding-right: 20px
}

.cmp-wthr-dtl .cmp-wthr-dtl001 .wthr-temp .temp .high:before {
  content: "/";
  font-size: 1.8rem;
  position: absolute;
  right: 5px;
  bottom: 30px;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.cmp-wthr-dtl .cmp-wthr-dtl001 .wthr-temp .temp .low {
  width: 50%;
  padding-right: 15px
}

.cmp-wthr-dtl .cmp-wthr-dtl001 .desc {
  margin-top: 15px;
  font-size: 1.8rem;
  text-align: center;
  color: #fff
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain {
  color: #fff;
  margin-top: 25px
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .title {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .title img {
  width: 30px;
  height: auto;
  vertical-align: middle
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table {
  position: relative;
  display: -webkit-box;
  display: flex;
  font-weight: 700;
  padding: 15px 0 0
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div {
  width: 20%;
  padding: 0 20px 5px 0;
  position: relative;
  letter-spacing: -1px
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div.item .per {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  font-size: 1.4rem;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div.item .time {
  position: absolute;
  top: 34px;
  left: 0;
  display: block;
  font-size: 1.4rem;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div.per {
  position: relative;
  font-size: 1.4rem;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  text-align: center
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div.per span {
  font-size: 2rem
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div:before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 1px;
  height: 8px;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3)
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div:after {
  content: "";
  position: absolute;
  right: 2px;
  bottom: -20px;
  font-size: 1.2rem
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div:first-of-type:after {
  content: "0";
  right: 4px
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div:nth-of-type(2):after {
  content: "6";
  right: 4px
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div:nth-of-type(3):after {
  content: "12"
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div:nth-of-type(4):after {
  content: "18"
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .rain .table>div:nth-of-type(5):after {
  content: "24"
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .shisu {
  width: 100%;
  display: -webkit-box;
  display: flex;
  margin-top: 40px;
  color: #fff
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .shisu>div {
  width: 33.3333%;
  text-align: center
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .shisu>div .title {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .shisu>div .title img {
  width: 30px;
  height: auto;
  vertical-align: middle
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .shisu>div .level {
  display: block;
  font-size: 1.7rem;
  letter-spacing: -1px;
  padding: 5px 0
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .shisu>div .level span {
  color: #ffb300;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.cmp-wthr-dtl .cmp-wthr-dtl002 .shisu>div .text {
  display: block;
  font-size: 1.2rem;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.cmp-wthr-yoho {
  padding: 0 15px 25px
}

.cmp-wthr-yoho .update {
  text-align: right;
  padding: 0 0 10px
}

.cmp-wthr-yoho .hdg {
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-wthr-yoho .hdg span {
  font-size: 1rem
}

.cmp-wthr-yoho .l-artlst001 .list {
  border-top: none
}

.cmp-wthr-yoho .list li {
  font-size: 1.2rem;
  text-align: center
}

.cmp-wthr-yoho .list li.item {
  padding: 10px 0
}

.cmp-wthr-yoho .list li.item.item-img {
  padding: 10px 0 0
}

.cmp-wthr-yoho .list li.item.item-img .cnts {
  margin-top: -8px
}

.cmp-wthr-yoho .list li.item.item-img .cnts .cnts-item {
  padding: 0
}

.cmp-wthr-yoho .cnts-item img {
  width: 100%;
  height: auto
}

@media screen and (min-width:1024px) {
  .cmp-wthr-yoho {
    padding: 20px 15px 25px
  }

  .cmp-wthr-yoho .update {
    padding: 0 0 15px
  }

  .cmp-wthr-yoho .hdg {
    font-size: 1.6rem
  }

  .cmp-wthr-yoho .l-artlst001 .list {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important
  }

  .cmp-wthr-yoho .list li {
    font-size: 1.6rem
  }

  .cmp-wthr-yoho .list li.item {
    padding: 10px 0
  }

  .cmp-wthr-yoho .list li.item.item-img {
    padding: 2px 0 0
  }

  .cmp-wthr-yoho .list li.item.item-img .hdg {
    padding: 12px 10px 0 0
  }

  .cmp-wthr-yoho .list li.item.item-img .cnts {
    margin-top: 0
  }

  .cmp-wthr-yoho .list li.item.item-img .cnts .cnts-item img {
    width: 50px;
    height: auto
  }

  .cmp-wthr-yoho .cnts-item img {
    width: 100%;
    height: auto
  }
}

.cmp-wthr001 {
  position: relative;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  height: 390px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto 390px;
  overflow: hidden
}

.cmp-wthr001.area-tokai-city,
.cmp-wthr001.area-tokai-pref {
  background-size: cover;
  background-position-x: calc(50% + 15px);
  background-position-y: center;
  max-width: none
}

.cmp-wthr001.area-tokai-city {
  background-image: url(https://static.chunichi.co.jp/chunichi/images/weather/img-map-tokai-sp-2.png)
}

.cmp-wthr001.area-tokai-city>.info>li.nagoya {
  top: 245px;
  left: 101px
}

.cmp-wthr001.area-tokai-city>.info>li.nagoya:before {
  top: -11px;
  left: 20px
}

.cmp-wthr001.area-tokai-city>.info>li.gifu {
  top: 160px;
  left: 125px
}

.cmp-wthr001.area-tokai-city>.info>li.gifu:before {
  top: 8px;
  left: -11px
}

.cmp-wthr001.area-tokai-city>.info>li.takayama {
  top: 130px;
  left: 187px
}

.cmp-wthr001.area-tokai-city>.info>li.takayama:before {
  top: 44px;
  left: -10px
}

.cmp-wthr001.area-tokai-city>.info>li.tsu {
  top: 300px;
  left: 54px
}

.cmp-wthr001.area-tokai-city>.info>li.tsu:before {
  top: -10px;
  left: 28px
}

.cmp-wthr001.area-tokai-city>.info>li.owase {
  top: 308px;
  left: 7px
}

.cmp-wthr001.area-tokai-city>.info>li.owase:before {
  top: 45px;
  left: 44px
}

.cmp-wthr001.area-tokai-city>.info>li.shizuoka {
  top: 257px;
  left: 265px
}

.cmp-wthr001.area-tokai-city>.info>li.shizuoka:before {
  top: 26px;
  left: -10px
}

.cmp-wthr001.area-tokai-city>.info>li.hamamatsu {
  top: 268px;
  left: 203px
}

.cmp-wthr001.area-tokai-city>.info>li.hamamatsu:before {
  top: 45px;
  left: -10px
}

.cmp-wthr001.area-tokai-city>.info>li.toyohashi {
  top: 303px;
  left: 148px
}

.cmp-wthr001.area-tokai-city>.info>li.toyohashi:before {
  top: -10px;
  left: 1px
}

.cmp-wthr001.area-tokai-city>.info>li.nagano {
  top: 50px;
  left: 276px
}

.cmp-wthr001.area-tokai-city>.info>li.nagano:before {
  top: 64px;
  left: -10px
}

.cmp-wthr001.area-tokai-city>.info>li.iida {
  top: 158px;
  left: 231px
}

.cmp-wthr001.area-tokai-city>.info>li.iida:before {
  top: 55px;
  left: -10px
}

.cmp-wthr001.area-tokai-city>.info>li.karuizawa {
  top: 143px;
  left: 291px
}

.cmp-wthr001.area-tokai-city>.info>li.karuizawa:before {
  top: 7px;
  left: -10px
}

.cmp-wthr001.area-tokai-city>.info>li.otsu {
  top: 225px;
  left: -9px
}

.cmp-wthr001.area-tokai-city>.info>li.otsu:before {
  top: 22px;
  left: 44px
}

.cmp-wthr001.area-tokai-city>.info>li.hikone {
  top: 160px;
  left: 80px
}

.cmp-wthr001.area-tokai-city>.info>li.hikone:before {
  top: 53px;
  left: -10px
}

.cmp-wthr001.area-tokai-city>.info>li.fukui {
  top: 59px;
  left: 50px
}

.cmp-wthr001.area-tokai-city>.info>li.fukui:before {
  top: 85px;
  left: 29px
}

.cmp-wthr001.area-tokai-city>.info>li.tsuruga {
  top: 142px;
  left: 18px
}

.cmp-wthr001.area-tokai-city>.info>li.tsuruga:before {
  top: 39px;
  left: 44px
}

.cmp-wthr001.area-tokai-city>.info>li.kanazawa {
  top: 55px;
  left: 97px
}

.cmp-wthr001.area-tokai-city>.info>li.kanazawa:before {
  top: 85px;
  left: 29px
}

.cmp-wthr001.area-tokai-city>.info>li.wajima {
  top: 33px;
  left: 144px
}

.cmp-wthr001.area-tokai-city>.info>li.wajima:before {
  top: -10px;
  left: 23px
}

.cmp-wthr001.area-tokai-city>.info>li.toyama {
  top: 45px;
  left: 195px
}

.cmp-wthr001.area-tokai-city>.info>li.toyama:before {
  top: 66px;
  left: -10px
}

.cmp-wthr001.area-tokai-pref {
  background-image: url(https://static.chunichi.co.jp/chunichi/images/weather/img-map-tokai-sp-2.png)
}

.cmp-wthr001.area-tokai-pref>.info {
  width: 320px;
  height: 390px;
  position: relative;
  margin: 0 auto;
  z-index: 2
}

.cmp-wthr001.area-tokai-pref>.info>li.aichi {
  top: 286px;
  left: 120px
}

.cmp-wthr001.area-tokai-pref>.info>li.aichi:before {
  top: -10px;
  left: 45px
}

.cmp-wthr001.area-tokai-pref>.info>li.gifu {
  top: 196px;
  left: 105px
}

.cmp-wthr001.area-tokai-pref>.info>li.gifu:before {
  top: -10px;
  left: 45px
}

.cmp-wthr001.area-tokai-pref>.info>li.mie {
  top: 301px;
  left: 19px
}

.cmp-wthr001.area-tokai-pref>.info>li.mie:before {
  top: -10px;
  left: 51px
}

.cmp-wthr001.area-tokai-pref>.info>li.shizuoka {
  top: 286px;
  left: 221px
}

.cmp-wthr001.area-tokai-pref>.info>li.shizuoka:before {
  top: -10px;
  left: 15px
}

.cmp-wthr001.area-tokai-pref>.info>li.nagano {
  top: 166px;
  left: 206px
}

.cmp-wthr001.area-tokai-pref>.info>li.nagano:before {
  top: -10px;
  left: 45px
}

.cmp-wthr001.area-tokai-pref>.info>li.shiga {
  top: 186px;
  left: 3px
}

.cmp-wthr001.area-tokai-pref>.info>li.shiga:before {
  top: 63px;
  left: 56px
}

.cmp-wthr001.area-tokai-pref>.info>li.fukui {
  top: 110px;
  left: 4px
}

.cmp-wthr001.area-tokai-pref>.info>li.fukui:before {
  top: 45px;
  left: 98px
}

.cmp-wthr001.area-tokai-pref>.info>li.ishikawa {
  top: 39px;
  left: 91px
}

.cmp-wthr001.area-tokai-pref>.info>li.ishikawa:before {
  top: 62px;
  left: 45px
}

.cmp-wthr001.area-tokai-pref>.info>li.toyama {
  top: 49px;
  left: 192px
}

.cmp-wthr001.area-tokai-pref>.info>li.toyama:before {
  top: 62px;
  left: 15px
}

.cmp-wthr001.area-zenkoku {
  background-image: url(https://static.chunichi.co.jp/chunichi/images/weather/img-map-zenkoku-sp.png)
}

.cmp-wthr001.area-zenkoku>.info>li.sapporo {
  top: 6px;
  left: 184px
}

.cmp-wthr001.area-zenkoku>.info>li.sapporo:before {
  top: 62px;
  left: 44px
}

.cmp-wthr001.area-zenkoku>.info>li.kushiro {
  top: 71px;
  left: 286px
}

.cmp-wthr001.area-zenkoku>.info>li.kushiro:before {
  top: -10px;
  left: 3px
}

.cmp-wthr001.area-zenkoku>.info>li.aomori {
  top: 70px;
  left: 240px
}

.cmp-wthr001.area-zenkoku>.info>li.aomori:before {
  top: 44px;
  left: -9px
}

.cmp-wthr001.area-zenkoku>.info>li.sendai {
  top: 167px;
  left: 245px
}

.cmp-wthr001.area-zenkoku>.info>li.sendai:before {
  top: 7px;
  left: -9px
}

.cmp-wthr001.area-zenkoku>.info>li.niigata {
  top: 102px;
  left: 184px
}

.cmp-wthr001.area-zenkoku>.info>li.niigata:before {
  top: 87px;
  left: 19px
}

.cmp-wthr001.area-zenkoku>.info>li.tokyo {
  top: 253px;
  left: 212px
}

.cmp-wthr001.area-zenkoku>.info>li.tokyo:before {
  top: -11px;
  left: 8px
}

.cmp-wthr001.area-zenkoku>.info>li.kanazawa {
  top: 134px;
  left: 137px
}

.cmp-wthr001.area-zenkoku>.info>li.kanazawa:before {
  top: 87px;
  left: 18px
}

.cmp-wthr001.area-zenkoku>.info>li.nagoya {
  top: 272px;
  left: 166px
}

.cmp-wthr001.area-zenkoku>.info>li.nagoya:before {
  top: -11px;
  left: 1px
}

.cmp-wthr001.area-zenkoku>.info>li.osaka {
  top: 285px;
  left: 118px
}

.cmp-wthr001.area-zenkoku>.info>li.osaka:before {
  top: -11px;
  left: 18px
}

.cmp-wthr001.area-zenkoku>.info>li.tottori {
  top: 169px;
  left: 91px
}

.cmp-wthr001.area-zenkoku>.info>li.tottori:before {
  top: 87px;
  left: 11px
}

.cmp-wthr001.area-zenkoku>.info>li.hiroshima {
  top: 198px;
  left: 43px
}

.cmp-wthr001.area-zenkoku>.info>li.hiroshima:before {
  top: 88px;
  left: 31px
}

.cmp-wthr001.area-zenkoku>.info>li.kochi {
  top: 303px;
  left: 60px
}

.cmp-wthr001.area-zenkoku>.info>li.kochi:before {
  top: -10px;
  left: 40px
}

.cmp-wthr001.area-zenkoku>.info>li.fukuoka {
  top: 214px;
  left: -2px
}

.cmp-wthr001.area-zenkoku>.info>li.fukuoka:before {
  top: 81px;
  left: 42px
}

.cmp-wthr001.area-zenkoku>.info>li.kagoshima {
  top: 303px;
  left: -5px
}

.cmp-wthr001.area-zenkoku>.info>li.kagoshima:before {
  top: 44px;
  left: 46px
}

.cmp-wthr001.area-zenkoku>.info>li.naha {
  top: 16px;
  left: 25px
}

.cmp-wthr001.area-zenkoku>.info>li.naha:before {
  top: 60px;
  left: 46px
}

.cmp-wthr001>.info {
  position: relative;
  z-index: 2;
  width: 320px;
  height: 390px;
  margin: 0 auto
}

.cmp-wthr001>.info>li {
  position: absolute;
  display: block;
  font-weight: 700;
  line-height: 1
}

.cmp-wthr001>.info>li .name {
  display: block;
  font-size: 1.2rem
}

.cmp-wthr001>.info>li .icon {
  display: block
}

.cmp-wthr001>.info>li .icon img {
  width: 40px;
  height: 40px
}

.cmp-wthr001>.info>li .data {
  display: block;
  font-size: .9rem
}

.cmp-wthr001>.info>li .heat {
  display: block;
  font-size: .8rem;
  letter-spacing: -1px
}

.cmp-wthr001>.info>li .temp {
  display: block;
  font-size: .9rem
}

.cmp-wthr001>.info>li .temp .hight {
  color: #df0000
}

.cmp-wthr001>.info>li .temp .low {
  color: #003adf
}

.cmp-wthr001>.info>li .rain {
  display: block;
  margin-top: 2px;
  font-size: .9rem
}

.cmp-wthr001>.info>li .alert,
.cmp-wthr001>.info>li .warning {
  display: block;
  width: 82px;
  background: #e7e7e7;
  font-size: 1rem;
  font-weight: 700;
  margin: 3px auto 0;
  padding: 3px 1px;
  border-radius: 10px
}

.cmp-wthr001>.info>li .alert.on {
  background: #d32f2f;
  color: #fff
}

.cmp-wthr001>.info>li .alert.on:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: url(https://static.chunichi.co.jp/chunichi/images/icn-alert.png) no-repeat;
  background-size: cover;
  margin-right: 3px
}

.cmp-wthr001>.info>li .warning.on {
  background: #fdd835;
  color: #3a3a3a
}

.cmp-wthr001>.info>li .warning.on:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: url(https://static.chunichi.co.jp/chunichi/images/icn-warning.png) no-repeat;
  background-size: cover;
  margin-right: 3px
}

.cmp-wthr001>.info>li:before {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background-size: cover
}

.cmp-wthr001>.hosoku {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px
}

.cmp-wthr001>.hosoku>li {
  display: table
}

.cmp-wthr001>.hosoku>li .icon {
  display: table-cell;
  vertical-align: middle;
  padding-right: 5px;
  line-height: 1
}

.cmp-wthr001>.hosoku>li .icon img {
  display: block;
  width: 25px;
  height: 25px
}

.cmp-wthr001>.hosoku>li .name {
  display: table-cell;
  vertical-align: middle;
  font-size: .9rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.16
}

.cmp-tbl-wthr001 table {
  border-collapse: collapse
}

.cmp-tbl-wthr001 table thead th {
  padding: 10px 0;
  text-align: center
}

.cmp-tbl-wthr001 table thead th .date {
  display: block;
  font-size: 1.2rem;
  font-weight: 700
}

.cmp-tbl-wthr001 table thead th .week {
  display: block;
  font-size: .9rem
}

.cmp-tbl-wthr001 table tbody tr {
  border-top: 1px solid #ddd
}

.cmp-tbl-wthr001 table tbody tr th {
  text-align: left
}

.cmp-tbl-wthr001 table tbody tr th a {
  color: #15447e
}

.cmp-tbl-wthr001 table tbody tr th a:hover {
  text-decoration: underline
}

.cmp-tbl-wthr001 table tbody tr th .pref {
  display: block;
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-tbl-wthr001 table tbody tr th .city {
  display: block;
  font-size: .9rem
}

.cmp-tbl-wthr001 table tbody tr td {
  text-align: center;
  padding: 10px 0
}

.cmp-tbl-wthr001 table tbody tr td .icon {
  display: block
}

.cmp-tbl-wthr001 table tbody tr td .icon img {
  width: 100%;
  height: auto
}

.cmp-tbl-wthr001 table tbody tr td .temp {
  display: block;
  font-size: .9rem
}

.cmp-tbl-wthr001 table tbody tr td .temp .hight {
  color: #df0000
}

.cmp-tbl-wthr001 table tbody tr td .temp .low {
  color: #003adf
}

.cmp-tbl-wthr001 table tbody tr td .rain {
  display: block;
  margin-top: 2px;
  font-size: .9rem
}

.cmp-wthr-arealist>ul,
.cmp-wthr-preflist>ul {
  list-style: none
}

.cmp-wthr-arealist>ul>li,
.cmp-wthr-preflist>ul>li {
  display: -webkit-box;
  display: flex;
  width: 100%;
  padding: 10px 15px 20px;
  border-bottom: 1px solid #ddd
}

.cmp-wthr-arealist>ul>li>.area,
.cmp-wthr-preflist>ul>li>.area {
  margin: 10px 0 0;
  width: 70px;
  height: 40px;
  line-height: 40px;
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-wthr-arealist>ul>li>ul,
.cmp-wthr-preflist>ul>li>ul {
  width: calc(100% - 70px);
  list-style: none;
  letter-spacing: -.4em;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

.cmp-wthr-arealist>ul>li>ul>li,
.cmp-wthr-preflist>ul>li>ul>li {
  -webkit-box-flex: 0;
  flex: 0 1 33.333%;
  padding: 10px 5px 0;
  display: inline-block;
  letter-spacing: normal
}

.ie .cmp-wthr-arealist>ul>li>ul>li,
.ie .cmp-wthr-preflist>ul>li>ul>li {
  flex-basis: calc(33.333% - 10px)
}

.cmp-wthr-arealist>ul>li>ul>li a,
.cmp-wthr-preflist>ul>li>ul>li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 10px 15px;
  font-size: 1.4rem;
  background: #eff5fb;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
  border-radius: 5px;
  color: #15447e;
  -webkit-transition: all .2s;
  transition: all .2s
}

.no-touchevents .cmp-wthr-arealist>ul>li>ul>li a:hover,
.no-touchevents .cmp-wthr-preflist>ul>li>ul>li a:hover {
  background-color: #15447e;
  color: #fff
}

.cmp-wthr-arealist>ul>li>ul.col-2>li,
.cmp-wthr-preflist>ul>li>ul.col-2>li {
  -webkit-box-flex: 0;
  flex: 0 1 50%
}

.ie .cmp-wthr-arealist>ul>li>ul.col-2>li,
.ie .cmp-wthr-preflist>ul>li>ul.col-2>li {
  flex-basis: calc(50% - 10px)
}

.cmp-wthr-arealist002>ul {
  list-style: none
}

.cmp-wthr-arealist002>ul>li {
  display: -webkit-box;
  display: flex;
  width: 100%;
  padding: 10px 0 20px
}

.cmp-wthr-arealist002>ul>li>.area {
  margin: 10px 0 0;
  width: 78px;
  height: 40px;
  line-height: 40px;
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-wthr-arealist002>ul>li>ul {
  width: calc(100% - 78px);
  list-style: none;
  letter-spacing: -.4em
}

.cmp-wthr-arealist002>ul>li>ul>li {
  margin: 10px 10px 0 0;
  display: inline-block;
  letter-spacing: normal
}

.cmp-wthr-arealist002>ul>li>ul>li a {
  display: block;
  line-height: 40px;
  font-size: 1.4rem;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
  border-radius: 5px;
  color: #15447e;
  text-align: center
}

.no-touchevents .cmp-wthr-arealist002>ul>li>ul>li a:hover {
  background-color: #15447e;
  color: #fff
}

.cmp-wthr-linkpref {
  border-top: 1px solid #ddd;
  padding: 5px 0 10px
}

.cmp-wthr-linkpref ul {
  list-style: none;
  margin: 0 -5px;
  text-align: center;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

.cmp-wthr-linkpref ul>li {
  width: 33.333%;
  padding: 10px 5px 0
}

.cmp-wthr-linkpref ul>li a {
  height: 100%
}

.no-touchevents .cmp-wthr-linkpref ul>li a.btn:hover {
  background-color: #15447e
}

.no-touchevents .cmp-wthr-linkpref ul>li a.btn:hover .txt {
  color: #fff
}

.no-touchevents .cmp-wthr-linkpref ul>li a.btn.blue:hover {
  background-color: #eff5fb
}

.no-touchevents .cmp-wthr-linkpref ul>li a.btn.blue:hover .txt {
  color: #3b76c4
}

.cmp-wthr-linkpref ul>li a.btn {
  display: inline-block;
  width: auto;
  background-color: #eff5fb;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .16);
  color: #fff
}

.cmp-wthr-linkpref ul>li a.btn,
.cmp-wthr-linkpref ul>li a.btn .txt {
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

.cmp-wthr-linkpref ul>li a.btn .txt {
  color: #15447e;
  font-size: 1.6rem
}

.cmp-wthr-linkpref ul>li a.btn.blue {
  background-color: #3b76c4
}

.cmp-wthr-linkpref ul>li a.btn.blue .txt {
  color: #fff
}

.cmp-wthr-linkpref ul>li a.btn.wide {
  display: block;
  width: 100%
}

.cmp-wthr-pinpoint ul {
  list-style: none;
  letter-spacing: -.4em;
  margin: 0 -5px;
  text-align: center
}

.cmp-wthr-pinpoint ul>li {
  width: 50%;
  padding: 10px 5px 0;
  display: inline-block;
  letter-spacing: normal
}

.cmp-wthr-pinpoint ul>li a {
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 9px 0;
  font-size: 1.4rem;
  background: #eff5fb;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
  border-radius: 5px;
  color: #15447e;
  text-align: center;
  -webkit-transition: all .2s;
  transition: all .2s
}

.no-touchevents .cmp-wthr-pinpoint ul>li a:hover {
  background-color: #15447e;
  color: #fff
}

.cmp-wthr-pinpoint ul li {
  width: 33.3333%
}

.cmp-wthr-alert>ul {
  margin-top: 15px;
  list-style: none;
  border-top: 1px solid #ddd
}

.cmp-wthr-alert>ul li {
  display: -webkit-box;
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #ddd
}

.cmp-wthr-alert>ul li .alert,
.cmp-wthr-alert>ul li .special,
.cmp-wthr-alert>ul li .warning {
  font-size: 1.2rem;
  border-radius: 15px;
  padding: 3px 1px;
  margin-right: 1em;
  text-align: center;
  width: 70px;
  height: 25px
}

.cmp-wthr-alert>ul li .alert {
  background: #d32f2f;
  color: #fff
}

.cmp-wthr-alert>ul li .warning {
  background: #fdd835
}

.cmp-wthr-alert>ul li .special {
  background: #673ab7;
  color: #fff
}

.cmp-wthr-alert>ul li .text {
  font-size: 1.4rem
}

.cmp-wthr-alert .content {
  margin: 30px 0 0;
  font-size: 1.4rem
}

.cmp-wthr-alert+.cmp-wthr-linkpref {
  border-top: 0
}

.cmp-wthr-img {
  padding: 15px 0;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 640px;
  margin: 0 auto
}

.cmp-wthr-img.wide-auto .img img {
  width: auto
}

.cmp-wthr-img .img img {
  width: 100%;
  height: auto
}

.cmp-wthr-img .change ul {
  width: 100%;
  list-style: none;
  display: -webkit-box;
  display: flex
}

.cmp-wthr-img .change ul li {
  position: relative;
  -webkit-box-flex: 1;
  flex: 1
}

.cmp-wthr-img .change ul li a {
  display: block;
  width: 100%;
  padding: 15px 0;
  font-size: 1.4rem;
  color: #333;
  text-align: center
}

.cmp-wthr-img .change ul li.is-active:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 3px solid #15447e
}

.cmp-wthr-table-link {
  padding: 15px 0 0
}

.cmp-wthr-table-link .item {
  display: none
}

.cmp-wthr-table-link .data {
  list-style: none;
  border-top: 1px solid #ddd
}

.cmp-wthr-table-link .data li {
  font-size: 1.4rem;
  border-bottom: 1px solid #ddd;
  padding: 8px 15px
}

.cmp-wthr-table-link .data li a {
  display: block;
  padding: 2px 0;
  letter-spacing: -.4em;
  color: #15447e
}

.no-touchevents .cmp-wthr-table-link .data li a:hover {
  text-decoration: underline
}

.cmp-wthr-table-link .data li a span {
  display: inline-block;
  font-size: 1.2rem;
  padding-right: 15px;
  letter-spacing: normal
}

.cmp-hdg005+.cmp-wthr-table-link .data {
  border-top: 0
}

.cmp-wthr-pagelink {
  overflow-x: auto;
  padding-right: 15px;
  border-bottom: 1px solid #ddd
}

.cmp-wthr-pagelink ul {
  display: -webkit-box;
  display: flex;
  list-style: none
}

.cmp-wthr-pagelink ul li {
  -webkit-box-flex: 1;
  flex: 1;
  padding-left: 15px
}

@media screen and (max-width:1023px) {
  .cmp-wthr-pagelink ul li:last-child {
    padding-right: 15px
  }
}

.cmp-wthr-pagelink ul li a {
  display: block;
  font-size: 1.4rem;
  padding: 15px 0;
  white-space: nowrap;
  color: #333;
  text-align: center;
  position: relative
}

.cmp-wthr-pagelink ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #15447e;
  height: 2px;
  width: 0;
  -webkit-transition: width .3s cubic-bezier(.23, 1, .32, 1);
  transition: width .3s cubic-bezier(.23, 1, .32, 1)
}

.cmp-wthr-pagelink ul li a.is-active:after,
.no-touchevents .cmp-wthr-pagelink ul li a:hover:after {
  width: 100%
}

.sns-btn {
  color: #fff;
  font-size: 1.4rem;
  display: block;
  margin-top: 10px;
  padding: 15px 5px;
  text-align: center
}

.sns-btn.tw {
  background-color: #000
}

.sns-btn.fb {
  background-color: #4267b2
}

.sns-btn.yt {
  background-color: red
}

aside:not([class]) .l-column .wrp:nth-child(-n+2) .sns-btn {
  margin-top: 20px
}

.ie .sns-btn {
  letter-spacing: -1px
}

.l-column .wrp:nth-child(-n+2) .sns-btn {
  margin-top: 0
}

.sp .l-column .wrp:nth-child(-n+2) .sns-btn {
  margin-top: 10px
}

.score {
  height: 60px;
  padding: 0 15px
}

.score,
.score-info {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.score-info {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  z-index: 3;
  color: #fff;
  flex-wrap: nowrap
}

.score-info-status {
  -webkit-box-flex: 0;
  flex: 0 1 80px;
  font-size: 1.2rem;
  font-weight: 700;
  white-space: nowrap
}

.score-info-card {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

.score-info-card-team {
  font-size: 3.2rem
}

.score-info-card-num {
  font-size: 3.6rem;
  vertical-align: middle;
  padding: 0 5px;
  font-family: Roboto, sans-serif
}

.score-info-card-vs {
  font-size: 2.4rem;
  padding: 0 5px
}

.score-info-locate {
  -webkit-box-flex: 0;
  flex: 0 1 110px;
  font-size: 1.2rem;
  text-align: right;
  white-space: nowrap
}

.score-bg {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.score-bg.light {
  background-image: -webkit-linear-gradient(left, #13007d, #32a6d9);
  background-image: linear-gradient(90deg, #13007d 0, #32a6d9);
  z-index: 1;
  width: 100%
}

.score-bg.dark {
  background-color: #0e2050;
  z-index: 2;
  width: 70px
}

.score-bg.dark:after {
  content: "";
  position: absolute;
  left: 100%;
  width: 30px;
  height: 100%;
  background-image: -webkit-linear-gradient(top left, #0e2050 0, #0e2050 50%, transparent 50.5%);
  background-image: linear-gradient(to bottom right, #0e2050 0, #0e2050 50%, transparent 50.5%)
}

.score.after .score-info-card-team,
.score.play .score-info-card-team {
  font-size: 1.4rem
}

.score.after .score-info-card-vs,
.score.play .score-info-card-vs {
  font-size: 2rem;
  padding: 0
}

.widget .cmp-thmb001 .wrp .detail-sub {
  margin-top: 0
}

.sizuoka_twitter {
  padding: 15px 15px 0
}

.sizuoka_twitter .tw_wrap {
  text-align: center
}

#header .cmp-bnr001 {
  padding: 0 15px 10px
}

@media screen and (max-width:1023px) {
  #header .cmp-bnr001 {
    padding: 0 15px 7px
  }
}

#header .bp-upper {
  display: none
}

#header .header {
  background-color: #f2f3f5
}

#header .header-container {
  min-height: 60px;
  padding: 0 10px;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#header .header-logo {
  -webkit-box-flex: 0;
  flex: 0 0 110px;
  padding-right: 5px
}

#header .header-logo a {
  display: block
}

#header .header-logo svg {
  width: 125px;
  fill: #037;
  height: auto
}

@media screen and (max-width:340px) {
  #header .header-logo svg {
    width: 100px
  }
}

.ie #header .header-logo svg {
  max-height: 60px
}

#header .header-menu {
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  justify-content: flex-end;
  margin-right: -5px
}

#header .header-menu-item {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 2.5px;
  height: 30px;
  font-size: 1.1rem;
  cursor: pointer
}

#header .header-menu-item .bg {
  height: 100%;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 20px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .15);
  position: relative
}

#header .header-menu-item i {
  font-size: 1rem
}

#header .header-menu-item .txt {
  font-size: 1.1rem
}

#header .header-menu-item-txt {
  font-size: .9rem;
  position: absolute;
  left: 50%;
  bottom: 2px;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

#header .header-menu-item.regist {
  flex-basis: 75px;
  letter-spacing: -1px
}

#header .header-menu-item.regist .bg {
  background-color: #fff
}

#header .header-menu-item.regist a {
  color: #15447e
}

#header .header-menu-item.regist img {
  width: 15px
}

#header .header-menu-item.config i,
#header .header-menu-item.help i,
#header .header-menu-item.search i {
  margin-top: -12px
}

#header .header-menu-item.config,
#header .header-menu-item.help,
#header .header-menu-item.logout,
#header .header-menu-item.mynews,
#header .header-menu-item.search {
  flex-basis: 30px
}

#header .header-menu-item.config .bg,
#header .header-menu-item.help .bg,
#header .header-menu-item.logout .bg,
#header .header-menu-item.mynews .bg,
#header .header-menu-item.search .bg {
  background-color: #fff;
  color: #15447e
}

#header .header-menu-item.config .txt,
#header .header-menu-item.help .txt,
#header .header-menu-item.logout .txt,
#header .header-menu-item.mynews .txt,
#header .header-menu-item.search .txt {
  margin-left: 4px
}

#header .header-menu-item.logout {
  flex-basis: 78px
}

#header .header-menu-item.login,
#header .header-menu-item.mynews,
#header .header-menu-item.mypage {
  flex-basis: 80px
}

#header .header-menu-item.login .bg,
#header .header-menu-item.mynews .bg,
#header .header-menu-item.mypage .bg {
  color: #fff;
  background-color: #3b76c4
}

#header .header-menu-item.login .txt,
#header .header-menu-item.mynews .txt,
#header .header-menu-item.mypage .txt {
  margin-left: 4px
}

#header .header-menu-item.login {
  flex-basis: 75px;
  letter-spacing: -1px
}

#header .header-menu-item.message {
  font-size: 1.2rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media screen and (max-width:1024px) {
  #header .header-menu-item.help .header-menu-item-txt {
    font-size: .8rem
  }
}

#header .header-notice {
  position: relative;
  font-size: 1.6rem;
  color: #fff;
  padding-top: 0
}

#header .header-notice .default {
  display: none;
  background-color: #3b76c4;
  position: relative;
  padding: 10px 15px;
  cursor: pointer
}

#header .header-notice .default:after {
  content: "\f078";
  position: absolute;
  right: 15px;
  top: 12px;
  font-family: Font Awesome\ 5 Free
}

#header .header-notice .close {
  display: block;
  position: absolute;
  z-index: 2;
  right: 15px;
  top: 0;
  color: #455a64
}

@media screen and (max-width:1023px) {
  #header .header-notice .close {
    position: relative;
    right: 0;
    text-align: right;
    padding: 0 15px 12px 0
  }
}

#header .header-notice.is-close {
  padding-top: 0
}

#header .header-notice ul {
  list-style-type: none
}

#header .header-notice ul.oshirase {
  display: -webkit-box;
  display: flex;
  margin: 0 auto;
  padding-right: 330px;
  max-width: 1240px
}

#header .header-notice ul.oshirase li {
  display: -webkit-box;
  display: flex;
  padding: 8px 15px;
  color: #15447e;
  font-weight: 700
}

#header .header-notice ul.oshirase li.oshirase-small {
  font-size: 1.5rem;
  font-weight: 400
}

#header .header-notice ul.oshirase li:before {
  content: "";
  display: block;
  flex-shrink: 0;
  margin-top: 2px;
  margin-right: 6px;
  background-image: url(https://static.chunichi.co.jp/chunichi/images/icn-bell.png);
  background-size: 20px 20px;
  width: 20px;
  height: 20px
}

#header .header-notice ul.oshirase li a {
  padding: 0;
  color: #15447e
}

@media screen and (max-width:1023px) {
  #header .header-notice ul.oshirase {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 0;
    padding-right: 0;
    max-width: 100%
  }

  #header .header-notice ul.oshirase li {
    padding: 12px 15px 0
  }

  #header .header-notice ul.oshirase li:last-of-type {
    padding-bottom: 12px
  }

  #header .header-notice ul.oshirase li a {
    width: 100%
  }
}

#header .header-notice li {
  box-sizing: border-box
}

#header .header-notice li.huhou,
#header .header-notice li.oshirase,
#header .header-notice li.sokuhou {
  padding-right: 330px
}

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

  #header .header-notice li.huhou,
  #header .header-notice li.oshirase,
  #header .header-notice li.sokuhou {
    padding-right: 0
  }
}

#header .header-notice li.huhou a,
#header .header-notice li.oshirase a,
#header .header-notice li.sokuhou a {
  margin: 0 auto;
  max-width: 910px
}

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

  #header .header-notice li.huhou a,
  #header .header-notice li.oshirase a,
  #header .header-notice li.sokuhou a {
    max-width: 100%
  }
}

#header .header-notice li.huhou {
  background: -webkit-linear-gradient(left, #455a64 60%, transparent);
  background: linear-gradient(90deg, #455a64 60%, transparent)
}

@media screen and (max-width:1023px) {
  #header .header-notice li.huhou {
    background: #455a64
  }
}

#header .header-notice li.sokuhou {
  background: -webkit-linear-gradient(left, #d32f2f 60%, transparent);
  background: linear-gradient(90deg, #d32f2f 60%, transparent)
}

@media screen and (max-width:1023px) {
  #header .header-notice li.sokuhou {
    background: #d32f2f
  }
}

#header .header-notice li.oshirase {
  background: -webkit-linear-gradient(left, #3b76c4 60%, transparent);
  background: linear-gradient(90deg, #3b76c4 60%, transparent)
}

@media screen and (max-width:1023px) {
  #header .header-notice li.oshirase {
    background: #3b76c4
  }
}

#header .header-notice a {
  display: block;
  box-sizing: border-box;
  color: #fff;
  padding: 8px 15px
}

#header .header-notice.is-close {
  padding-bottom: 0
}

#header .header-notice.is-close .default {
  display: block
}

#header .header-notice.is-close .close,
#header .header-notice.is-close ul {
  display: none
}

#header .header.simple .header-container {
  padding: 15px
}

#header .header.mynews .header-menu,
#header .header.mypage .header-menu {
  display: block
}

#header .header.mynews .header-menu-list,
#header .header.mypage .header-menu-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end
}

#header .header.mynews .header-menu-message,
#header .header.mypage .header-menu-message {
  text-align: right;
  padding-top: 5px
}

#header .sp .header-container+.cmp-bnr001 {
  padding-left: 0;
  padding-right: 0
}

.side-window {
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 30;
  top: 0;
  bottom: 0;
  overflow: auto;
  right: -100%;
  visibility: hidden;
  -webkit-transition: right .5s cubic-bezier(.23, 1, .32, 1);
  transition: right .5s cubic-bezier(.23, 1, .32, 1)
}

.side-window.is-open {
  right: 0;
  z-index: 31;
  visibility: visible
}

.side-window .hdg {
  background-color: #15447e;
  color: #fff;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 70px
}

.side-window .hdg-icn {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.6rem
}

.side-window .hdg-ttl {
  font-size: 1.8rem;
  font-weight: 700
}

.side-window.search .hdg-ttl {
  font-size: 1.4rem;
  font-weight: 400;
  -webkit-box-flex: 0;
  flex: 0 1 100%;
  padding: 0 15px 0 50px
}

.side-window.search .hdg-ttl input {
  background-color: #fff;
  height: 40px;
  border-radius: 5px 0 0 5px;
  padding: 0 15px;
  color: #000;
  width: calc(100% - 55px)
}

.sp .side-window.search .hdg-ttl input {
  font-size: 16px
}

.side-window.search .hdg-ttl button {
  background-color: #3b76c4;
  border-radius: 0 5px 5px 0;
  height: 40px;
  width: 55px
}

.side-window.search .body {
  padding-bottom: 30px
}

.side-window.search .body-ttl {
  padding: 15px 15px 0;
  position: relative
}

.side-window.search .body-ttl .txt {
  font-size: 1.8rem;
  color: #15447e;
  font-weight: 700
}

.side-window.search .body-ttl .delete {
  position: absolute;
  right: 15px;
  bottom: 0;
  color: #3b76c4;
  font-size: 1.6rem
}

.side-window.search .body-ttl .delete i {
  padding-left: 5px
}

.side-window.search .body-cnt {
  padding: 15px 15px 0
}

.side-window.search .body-cnt .cmp-frm006 {
  display: inline-block;
  padding: 0 10px 10px 0
}

.side-window.config .body {
  padding-bottom: 60px
}

.sp .side-window.config .body {
  height: calc(100vh - 70px);
  overflow-y: auto
}

.side-window.config .body-ttl {
  color: #15447e;
  font-weight: 700;
  font-size: 1.6rem;
  padding: 20px 15px
}

.side-window.config .body .item {
  padding: 20px 15px
}

.side-window.config .body .item .value {
  font-size: 1.6rem;
  display: block;
  position: relative
}

.side-window.config .body .item .value.is-checked:after {
  content: "\f00c";
  font-family: Font Awesome\ 5 Free;
  color: #15447e;
  font-size: 1.6rem;
  display: inline-block;
  padding-left: 10px
}

.breadcrumb .list {
  list-style-type: none;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap
}

.breadcrumb .list .item {
  display: inline-block
}

.breadcrumb .list .item .lnk {
  font-size: 1.2rem;
  padding: 5px
}

.no-touchevents .breadcrumb .list .item .lnk:hover {
  color: #fff;
  text-decoration: underline
}

.breadcrumb .list .item .lnk:after {
  bottom: 1px !important
}

.breadcrumb .list .item+.item {
  margin-left: 10px;
  position: relative
}

.breadcrumb .list .item+.item:before {
  position: absolute;
  content: "〉";
  font-size: 1.2rem;
  display: block;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.footer {
  background-color: #182b52;
  padding-bottom: 25px
}

.footer-cnt .hdg {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background-color: #182b52;
  padding: 20px 15px;
  border-top: 1px solid hsla(0, 0%, 100%, .15);
  border-bottom: 1px solid hsla(0, 0%, 100%, .15);
  position: relative
}

.footer-cnt .hdg .sub {
  position: absolute;
  right: 15px;
  color: #fff;
  font-size: 12px;
  border-left-color: hsla(0, 0%, 100%, .15)
}

.footer-cnt .hdg .sub:before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 0;
  height: 20px;
  width: 1px;
  background-color: hsla(0, 0%, 100%, .16)
}

.footer-cnt .hdg .sub .icon-wrp {
  padding-left: 5px
}

.footer-cnt .list {
  padding: 15px 15px 20px;
  list-style-type: none
}

.footer-cnt .list .item+.item {
  margin-top: 15px
}

.footer-cnt .list a {
  color: #fff;
  font-size: 14px
}

.no-touchevents .footer-cnt .list a:hover {
  text-decoration: underline
}

.footer-cnt.inline {
  border-top: 1px solid hsla(0, 0%, 100%, .15);
  border-bottom: 1px solid hsla(0, 0%, 100%, .15)
}

.footer-cnt.inline .list .item {
  display: inline-block;
  position: relative;
  line-height: 2;
  margin-top: 0;
  margin-right: 15px
}

.footer-cnt.inline .list .item+.item {
  margin-left: 15px
}

.footer-cnt.inline .list .item+.item:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  width: 1px;
  height: 15px;
  display: block
}

.footer-logo {
  margin-top: 30px;
  text-align: center
}

.footer-logo a {
  display: inline-block
}

.footer-logo svg {
  display: block;
  width: 125px;
  height: 28px;
  fill: #fff
}

.footer-copy {
  margin-top: 30px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  white-space: nowrap
}

.cmp-lst001 .item {
  padding: 15px
}

.cmp-lst001 .item .cmp-thmb001 {
  padding-top: 0
}

.cmp-lst001 .item:first-child {
  border-top: 0
}

.cmp-lst001.col-2 .l-artlst001>.list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px
}

.cmp-lst001.col-2 .l-artlst001>.list .item {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: calc(50% - 20px);
  padding: 15px;
  margin: 0 10px
}

.cmp-lst001.col-2 .l-artlst001>.list .item.full {
  flex-basis: 100% !important
}

.sp .cmp-lst001 .l-artlst001>.list>.item>a>.txt {
  font-size: 1.6rem
}

.cmp-lst001 ol.list {
  counter-reset: counter 0
}

.cmp-lst001 ol.list>.item {
  counter-increment: counter 1;
  position: relative;
  padding-left: 45px
}

.cmp-lst001 ol.list>.item:before {
  content: counter(counter);
  position: absolute;
  color: #15447e;
  font-size: 1.8rem;
  font-weight: 700;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cmp-lst001.cmp-lst-twitter .item:nth-of-type(n+4) {
  display: none !important
}

@media screen and (max-width:1023px) {
  .cmp-lst001+.cmp-hdg005 {
    border-top: 0
  }
}

.cmp-lst001 .list-line .item {
  border-bottom: 1px dotted #ccc
}

.cmp-lst002 {
  padding-top: 15px
}

.cmp-lst002 .hdg {
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-lst002 .hdg+.l-artlst001 {
  padding-top: 15px
}

.cmp-lst002 .l-artlst001 .cmp-txt004,
.cmp-lst002 .l-artlst001 .cmp-txt007 {
  padding-top: 0
}

.cmp-lst002 .l-artlst001>.list {
  border-top: 1px solid #ddd
}

.cmp-lst002 .l-artlst001>.list>.item {
  font-size: 1.4rem;
  padding: 15px
}

.sp .cmp-lst002 .l-artlst001>.list>.item>.txt {
  font-size: 1.6rem
}

.cmp-lst002 .l-artlst001>.list>.item .lnk {
  position: relative
}

.cmp-lst002 .l-artlst001>.list>.item .lnk.icn {
  padding-left: 15px
}

.cmp-lst002 .l-artlst001>.list>.item .lnk.icn:before {
  content: "\f0da";
  font-family: Font Awesome\ 5 Free;
  position: absolute;
  display: block;
  left: 0;
  color: #15447e;
  font-size: 2rem;
  font-weight: 700
}

.cmp-lst002 .l-artlst001>.list>.item .lnk {
  font-size: 1.4rem;
  display: inline-block;
  line-height: 1.5;
  color: #15447e
}

.no-touchevents .cmp-lst002 .l-artlst001>.list>.item .lnk:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-lst002 .l-artlst001>.list>.item .lnk:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-lst002 .l-artlst001>.list>.item .lnk:hover {
  color: #542f8e
}

.cmp-lst002 .l-artlst001>.list>.item .lnk .tag {
  display: inline-block;
  background-color: #d32f2f;
  color: #fff;
  font-size: 1.2rem;
  padding: 1px 6px;
  margin-right: 10px;
  border-radius: 20px
}

.cmp-lst002 .l-artlst001>.list>.item .lnk .kigen {
  margin-left: 10px;
  display: inline-block;
  font-size: 1.2rem;
  color: #666
}

.cmp-lst002.col-2 .l-artlst001>.list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

.cmp-lst002.col-2 .l-artlst001>.list .item {
  -webkit-box-flex: 0;
  flex: 0 1 50%;
  padding: 15px
}

.cmp-lst002.col-2 .l-artlst001>.list .item:nth-child(odd) {
  padding-right: 7.5px
}

.cmp-lst002.col-2 .l-artlst001>.list .item:nth-child(2n) {
  padding-left: 7.5px
}

.cmp-lst002.col-2 .l-artlst001>.list .item.full {
  -webkit-box-flex: 0;
  flex: 0 1 100%;
  padding-right: 15px !important;
  padding-left: 15px !important
}

.cmp-lst003 {
  padding-top: 30px
}

.cmp-lst003 .hdg {
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-lst003 .l-column {
  padding-top: 10px
}

.cmp-lst003 .list {
  list-style-type: none
}

.cmp-lst003 .list.center {
  text-align: center
}

.cmp-lst003 .list .item {
  display: inline-block;
  margin: 5px 2px
}

.main-container>.content-area>.l-wrapper>.l-container>.cmp-lst003 {
  padding-top: 15px
}

.cmp-misc004 .cmp-lst003 {
  padding-top: 0
}

.cmp-lst004 {
  padding-top: 15px
}

.no-touchevents .cmp-lst004 a {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-lst004 a:hover {
  opacity: .7
}

.cmp-lst004 .hdg {
  font-size: 1.8rem;
  color: #15447e;
  font-weight: 700;
  padding: 0 15px 15px
}

.cmp-lst004 .cnt {
  position: relative;
  display: block;
  padding-left: 55px
}

.cmp-lst004 .cnt .label {
  position: absolute;
  left: 0;
  top: -2px;
  padding: 3px 10px;
  border-radius: 15px;
  color: #fff;
  font-size: 1.2rem
}

.cmp-lst004 .cnt .label.morning {
  background-color: #ff9800
}

.cmp-lst004 .cnt .label.evening {
  background-color: #03a9f4
}

.cmp-lst004 .cnt .title {
  font-size: 1.4rem
}

.cmp-lst004 .cnt .info-date {
  font-size: 1.2rem;
  color: #666
}

.cmp-lst004 .cnt .info-icn {
  font-size: 1.2rem;
  color: #15447e;
  padding-left: 1em;
  margin-left: 1em;
  border-left: 1px solid #666
}

.cmp-lst004 .l-artlst001 .item {
  padding: 15px
}

.cmp-lst005 {
  padding-top: 15px
}

.cmp-lst005 .list {
  list-style-type: none
}

.cmp-lst005 .item {
  display: inline-block;
  padding-right: 15px
}

.cmp-lst005 .item:last-child {
  padding-right: 0
}

.cmp-lst005 a {
  display: inline-block;
  font-size: 1.4rem;
  color: #15447e
}

.no-touchevents .cmp-lst005 a:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-lst005 a:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-lst005 a:hover {
  color: #542f8e
}

.cmp-lst005 a i {
  padding-right: 5px
}

.cmp-lst006 {
  padding-top: 15px
}

.cmp-lst006 .cmp-thmb001 {
  padding-top: 0
}

.cmp-lst006 .cmp-thmb001 .wrp.lv1 .detail-ttl,
.cmp-lst006 .cmp-thmb001.ratio3-2 .wrp.lv1 .detail-ttl,
.cmp-lst006 .cmp-thmb001.ratio16-9 .wrp.lv1 .detail-ttl {
  font-size: 1.4rem
}

.cmp-lst006.scroll {
  margin: 0 6px
}

.cmp-lst006.scroll .l-column {
  overflow-x: auto;
  flex-wrap: nowrap
}

.cmp-lst006.scroll .l-column>.wrp {
  padding-top: 0;
  -webkit-box-flex: 1;
  flex: 1 0 45%
}

@media screen and (min-width:1024px) {
  .cmp-lst006 {
    padding-top: 20px
  }
}

.sp .cmp-lst006 .l-column.col-2 .wrp .cmp-thmb001 .wrp .thumb .thumb-wrp.js-calcheight,
.sp .cmp-lst006 .l-column.col-2 .wrp .cmp-thmb001 .wrp .thumb .thumb-wrp.js-smartcrop {
  height: calc((100vw - 42px)/2 - 2px)
}

.cmp-lst007 {
  padding-top: 15px
}

.cmp-lst007 .hdg {
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e4e7
}

.cmp-lst007 .list {
  padding-top: 15px;
  padding-left: 15px;
  list-style: none;
  font-size: 1.4rem
}

.cmp-lst007 .list li {
  position: relative
}

.cmp-lst007 .list li:before {
  content: "・";
  position: absolute;
  left: -1em;
  top: 0
}

.cmp-lst007 .list p {
  line-height: 1.78571
}

.cmp-lst008 {
  padding-top: 15px
}

.cmp-lst008 .cmp-thmb001 {
  padding-top: 0
}

.cmp-lst008 li {
  font-size: 1.4rem
}

.cmp-lst008 ul {
  list-style-type: none
}

.cmp-lst008 ul li+li {
  margin-top: 10px
}

.cmp-lst008 ul a {
  display: inline-block
}

.no-touchevents .cmp-lst008 ul a:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-lst008 ul a:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-lst008 ul a:hover {
  color: #542f8e
}

.cmp-lst008 ol {
  list-style-type: none;
  counter-reset: counter
}

.cmp-lst008 ol li {
  counter-increment: counter;
  position: relative;
  padding-left: 2em
}

.cmp-lst008 ol li:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: counter(counter) "."
}

.cmp-lst008 ol li+li {
  margin-top: 10px
}

.cmp-lst008.note ul>li {
  position: relative;
  padding-left: 2em
}

.cmp-lst008.note ul>li:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 2px
}

.cmp-lst009 {
  padding-top: 15px
}

.cmp-lst009 .list {
  list-style-type: none
}

.cmp-lst009 .list>.item+.item {
  margin-top: 10px
}

.cmp-lst009 .list>.item>a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start
}

.no-touchevents .cmp-lst009 .list>.item>a:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-lst009 .list>.item>a:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-lst009 .list>.item>a:hover {
  color: #542f8e
}

.cmp-lst009 .list>.item>a img {
  width: 60px;
  margin-right: 5px
}

.cmp-lst009 .list>.item>a .label {
  display: block;
  text-align: center;
  -webkit-box-flex: 0;
  flex: 0 0 55px;
  margin: 3px 5px 0 0;
  font-size: 1rem;
  color: #fff;
  background-color: #15447e;
  border-radius: 7px
}

.cmp-lst009 .list>.item>a .txt {
  font-size: 1.4rem;
  -webkit-box-flex: 0;
  flex: 0 1 100%;
  color: #15447e
}

.cmp-lst010 ul {
  list-style-type: none;
  text-align: center
}

.cmp-lst010 ul li {
  display: inline-block
}

.cmp-lst010 ul li a {
  width: 100px;
  height: 100px;
  display: block;
  border: 1px solid #ddd;
  margin-right: 10px
}

.no-touchevents .cmp-lst010 ul li a {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-lst010 ul li a:hover {
  opacity: .7
}

.cmp-lst010 ul li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  font-family: "object-fit:contain;object-position:center;"
}

.cmp-lst011 {
  display: -webkit-box;
  display: flex
}

.cmp-lst011 .ttl {
  -webkit-box-flex: 0;
  flex: 0 1 80px;
  font-size: 1.4rem;
  color: #15447e;
  font-weight: 700
}

.cmp-lst011 .ttl span {
  display: inline-block;
  margin-top: 5px;
  padding-right: 10px
}

.cmp-lst011 .list {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: calc(100% - 80px)
}

.cmp-lst011 .list ul {
  list-style-type: none
}

.cmp-lst011 .list ul .is-active .btn {
  background-color: #d32f2f
}

.cmp-lst011 .list ul .is-active .btn .txt {
  color: #fff
}

.cmp-lst011 .list ul:not([class^=col-]) li {
  display: inline-block;
  margin-top: 10px;
  margin-right: 6px
}

.cmp-lst011 .list ul[class^=col-] {
  margin: 0 -5px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

.cmp-lst011 .list ul[class^=col-] li {
  padding: 0 5px;
  margin-bottom: 10px
}

.cmp-lst011 .list ul[class^=col-].col-4 li {
  -webkit-box-flex: 0;
  flex: 0 1 25%
}

.cmp-lst011 .list ul[class^=col-].col-6 li {
  -webkit-box-flex: 0;
  flex: 0 1 16.666%
}

.cmp-lst011 .list ul[class^=col-].col-9 li {
  -webkit-box-flex: 0;
  flex: 0 1 11.111%
}

.cmp-lst012 ol {
  list-style-type: none;
  counter-reset: counter
}

.cmp-lst012 ol li {
  counter-increment: counter;
  position: relative;
  padding: 10px 0 10px 30px;
  border-bottom: 1px solid #ddd
}

.cmp-lst012 ol li .cmp-thmb001 {
  padding-top: 0
}

.cmp-lst012 ol li:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 2em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: counter(counter);
  color: #15447e;
  font-size: 1.8rem;
  font-weight: 700
}

.cmp-lst012 ol li:last-child {
  padding: 10px 0 0 30px;
  border-bottom: none
}

.cmp-lst013 .hdg {
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-lst013 .hdg+.l-artlst001 {
  padding-top: 15px
}

.cmp-lst013 .l-artlst001>.list {
  border-top: 1px solid #ddd
}

.cmp-lst013 .l-artlst001>.list>.item {
  font-size: 1.4rem
}

.cmp-lst013 .l-artlst001>.list>.item .l-column .wrp {
  text-align: left
}

.cmp-lst013 .l-artlst001>.list>.item .l-column .wrp .txt {
  margin: 0
}

.cmp-lst013 .l-artlst001>.list>.item .l-column .wrp .txt>.fa-arrow-right {
  margin-right: 4px
}

.cmp-lst013 .l-artlst001>.list>.item .l-column .wrp a.txt:hover {
  text-decoration: underline
}

.sp .cmp-lst013,
.sub-container .cmp-lst013,
aside:not([class]) .cmp-lst013 {
  padding: 0 15px
}

.cmp-lst014 .list {
  margin-bottom: 15px;
  list-style: none
}

.cmp-lst014 .list .item {
  margin-top: 13px
}

.cmp-lst014 .list .item .txt {
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-lst014 .list .item .txt i {
  margin-right: 7px;
  color: #15447e;
  font-size: 1.2rem;
  font-weight: 400
}

.no-touchevents .cmp-lst014 .list .item a:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-lst014 .list .item a:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-lst014 .list .item a:hover {
  color: #542f8e
}

.cmp-lst014 .list .item .l-column {
  padding: 3px 0 2px 18px
}

.cmp-lst014 .list .item .l-column .wrp {
  margin: 0
}

.cmp-lst014 .list .item .l-column .wrp .txt {
  margin: 5px 0 0;
  font-size: 1.2rem;
  font-weight: 400
}

.cmp-lst014 .list .item:first-child {
  margin-top: 0
}

.sp .cmp-lst014 .list,
aside:not([class]) .cmp-lst014 .list {
  margin-bottom: 5px
}

.sp .cmp-lst014 .list .item,
aside:not([class]) .cmp-lst014 .list .item {
  margin-top: 10px
}

.sp .cmp-lst014 .list .item .l-column,
aside:not([class]) .cmp-lst014 .list .item .l-column {
  padding: 3px 0 2px 18px
}

.sp .cmp-lst014 .list .item .l-column .wrp,
aside:not([class]) .cmp-lst014 .list .item .l-column .wrp {
  margin: 0
}

.sp .cmp-lst014 .list .item .l-column .wrp .txt,
aside:not([class]) .cmp-lst014 .list .item .l-column .wrp .txt {
  margin: 5px 0 0;
  font-size: 1.2rem;
  font-weight: 400
}

.sp .cmp-lst014 .list .item:first-child,
aside:not([class]) .cmp-lst014 .list .item:first-child {
  margin-top: 10px
}

.cmp-lst015 {
  padding-top: 15px
}

.cmp-lst015 .list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  list-style-type: none
}

.cmp-lst015 .item {
  display: inline-block;
  padding: 0;
  border-bottom: none
}

.cmp-lst015 .item:last-child {
  padding-right: 0
}

.cmp-lst015 a {
  display: -webkit-inline-box;
  display: inline-flex;
  color: #15447e;
  font-size: 1.4rem;
  text-decoration: underline;
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

.cmp-lst015 a:hover {
  text-decoration: none
}

.cmp-lst015 a:before {
  content: "#"
}

.cmp-lst016 {
  display: block;
  padding-top: 40px
}

@media screen and (max-width:1023px) {
  .cmp-lst016 {
    padding-top: 30px
  }
}

.cmp-lst016 .hdg {
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-lst016 .list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  list-style-type: none
}

.cmp-lst016 .item {
  display: inline-block;
  padding: 0;
  border-bottom: none
}

.cmp-lst016 .item:last-child {
  padding-right: 0
}

.cmp-lst016 .item.selected a,
.cmp-lst016 .item.selected button {
  -webkit-box-align: center;
  align-items: center;
  background-color: #15447e;
  color: #fff
}

.cmp-lst016 .item.selected a:before,
.cmp-lst016 .item.selected button:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  width: 1em;
  height: 1em;
  background: url(../images/svg/icn-check.svg) no-repeat 50%/contain;
  content: ""
}

.cmp-lst016 .item.selected a:hover,
.cmp-lst016 .item.selected button:hover {
  opacity: 1;
  background-color: #eff5fb;
  color: #15447e
}

.cmp-lst016 a,
.cmp-lst016 button {
  display: -webkit-inline-box;
  display: inline-flex;
  gap: 5px;
  padding: 4px 20px;
  border-radius: 9999px;
  background-color: #eff5fb;
  color: #15447e;
  font-size: 1.2rem;
  font-weight: 700;
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

.cmp-lst016 a:hover,
.cmp-lst016 button:hover {
  opacity: 1;
  background-color: #15447e;
  color: #fff
}

.cmp-lst016 a:before,
.cmp-lst016 button:before {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  content: "+"
}

.cmp-lst016 .cmp-misc025 .container a:before,
.cmp-lst016 .cmp-misc025 .container button:before {
  content: ""
}

.cmp-lst016 .cmp-misc025 .container p a {
  display: inline;
  padding: 0;
  background-color: transparent;
  color: #000;
  font-size: 1.4rem
}

.cmp-lst017 {
  display: block
}

.cmp-lst017 .l-artlst001 .list {
  list-style-type: none
}

.cmp-lst017 .l-artlst001 .list .item {
  padding-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d2d2d2
}

@media screen and (max-width:1023px) {
  .cmp-lst017 .l-artlst001 .list .item {
    padding-top: 15px;
    padding-bottom: 10px
  }
}

.cmp-lst017 .cmp-misc005 .accordion .js-ac-trigger {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 0 3px -3px;
  color: #542f8e;
  font-size: 1.3rem;
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

.cmp-lst017 .cmp-misc005 .accordion .js-ac-trigger:hover {
  opacity: .8
}

.cmp-lst017 .cmp-misc005 .accordion .js-ac-trigger:before {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 0;
  height: 0;
  margin-right: 3px;
  border-color: #542f8e transparent currentcolor;
  border-style: solid solid none;
  border-width: .8em .4em medium .5em;
  content: "";
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

.cmp-lst017 .cmp-misc005 .accordion .js-ac-trigger span:first-child {
  margin-right: 10px
}

.cmp-lst017 .cmp-misc005 .accordion .js-ac-trigger.is-open:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.cmp-lst017 .cmp-misc005 .accordion .body {
  padding: 10px 0 30px 20px;
  border-left: 4px solid #d2d2d2;
  background-color: transparent
}

@media screen and (max-width:1023px) {
  .cmp-lst017 .cmp-misc005 .accordion .body {
    padding: 10px 0 20px 15px
  }
}

.cmp-lst017 .cmp-misc005 .list {
  border-top: none
}

.cmp-lst001 .fa-video:before,
.cmp-lst002 .fa-video:before,
.cmp-lst003 .fa-video:before,
.cmp-lst004 .fa-video:before,
.cmp-lst005 .fa-video:before,
.cmp-lst006 .fa-video:before,
.cmp-lst007 .fa-video:before,
.cmp-lst008 .fa-video:before,
.cmp-lst009 .fa-video:before,
.cmp-lst010 .fa-video:before,
.cmp-lst011 .fa-video:before,
.cmp-lst012 .fa-video:before,
.cmp-lst013 .fa-video:before,
.cmp-lst014 .fa-video:before,
.cmp-lst015 .fa-video:before,
.cmp-lst016 .fa-video:before {
  display: none
}

.cmp-lst-twitter {
  padding-top: 0 !important
}

.cmp-misc001 .hdg {
  color: #fff;
  padding: 15px;
  font-size: 1.6rem;
  font-weight: 700;
  position: relative
}

.cmp-misc001 .hdg.blue {
  background-color: #15447e;
  padding-left: 15px !important
}

.cmp-misc001 .hdg amp-img,
.cmp-misc001 .hdg img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 105px
}

.cmp-misc001 .container {
  background-color: #eff5fb;
  padding: 15px
}

.cmp-misc001 .container-narrow {
  max-width: 560px;
  margin: 0 auto
}

.cmp-misc001 .cmp-frm006 .btn .txt {
  font-size: 1.2rem
}

.cmp-misc001 .l-column>.wrp {
  margin-bottom: 0
}

.cmp-misc001 .l-column .cmp-frm006 {
  height: 100%
}

.cmp-misc001 .l-column .cmp-frm006 .btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 100%
}

.cmp-misc001 .cmp-txt003 {
  padding-top: 15px
}

.cmp-misc001 .cmp-txt003 .container {
  padding: 20px
}

.cmp-misc001 .block {
  background-color: #fff;
  text-align: center
}

.cmp-misc001 .block .logo-svg {
  width: 150px;
  height: 60px
}

.cmp-misc001 .block .logo-svg.chuspo {
  fill: #13007d
}

.cmp-misc001 .block .logo-svg.tokyo {
  fill: #542f8e
}

.cmp-misc001 .block .logo-svg.chunichi {
  fill: #15447e
}

.cmp-misc001 .block img {
  height: 60px
}

.cmp-misc001 .block .lnk-item {
  font-size: 1.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding: 15px 0
}

.cmp-misc001 .block .lnk-item+.lnk-item {
  margin-left: 20px
}

.cmp-misc001 .block .lnk-item+.lnk-item:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background-color: #ddd
}

.cmp-misc001 .block+.block {
  margin-top: 15px
}

.cmp-misc001 .block>a {
  display: block
}

.cmp-misc001.blue .container {
  background-color: #3b76c4
}

.cmp-misc001.blue .hdg {
  color: #fff;
  font-size: 1.6rem;
  text-align: left;
  background-color: #15447e
}

.cmp-misc001.blue .cmp-txt001 {
  color: #fff
}

.cmp-misc001.blue .cmp-frm006 {
  font-weight: 700
}

.cmp-misc001.blue .cmp-frm006 .btn.blue {
  background-color: #15447e
}

.cmp-misc001.deep-blue .container {
  background-color: #104284
}

.cmp-misc001.white .container {
  background-color: #fff
}

.cmp-misc001.radius .container {
  border-radius: 10px
}

.cmp-misc001.alert .container {
  background-color: #fdd835
}

.cmp-misc001.alert .mail {
  margin-top: 10px;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px
}

.cmp-misc001.alert .btn {
  background-color: #455a64 !important
}

.cmp-misc001.alert .btn .txt {
  color: #fff !important
}

.cmp-misc001.area .area-container {
  padding: 15px
}

.cmp-misc001.area .area-container,
.cmp-misc001.area .area-wrp {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.cmp-misc001.area .area-wrp {
  flex-wrap: nowrap
}

.cmp-misc001.area .area-wrp+.area-wrp {
  margin-left: 15px
}

.cmp-misc001.area .area-label {
  display: inline-block;
  color: #15447e;
  font-weight: 700;
  font-size: 1.6rem;
  white-space: nowrap;
  margin-right: 10px
}

.cmp-misc001.area .area-select {
  display: inline-block
}

.cmp-misc002 {
  background-color: #f2f3f5;
  padding: 15px 15px 0;
  font-size: 1.4rem
}

.cmp-misc002 .pager {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  justify-content: center
}

.cmp-misc002 .pager-prt {
  -webkit-box-flex: 1;
  flex: 1 0 110px
}

.cmp-misc002 .pager-prt-txt {
  text-align: center
}

.cmp-misc002 .pager-prt.cmp-frm006 .btn {
  min-width: auto;
  padding: 10px;
  width: 100%
}

.cmp-misc002 .pager-prt.cmp-frm006 .btn .txt {
  font-size: 1.4rem
}

.cmp-misc002 .pager-prt.cmp-frm006 .btn.is-inactive,
.cmp-misc002 .pager-prt.cmp-frm006 .btn.is-inactive-bkn {
  background-color: #e0e4e7;
  box-shadow: 0 0 0;
  pointer-events: none
}

.cmp-misc002 .pager-prt.cmp-frm006 .btn.is-inactive .txt,
.cmp-misc002 .pager-prt.cmp-frm006 .btn.is-inactive-bkn .txt {
  color: #cfd8dc
}

.cmp-misc002 .pager-prt.count {
  -webkit-box-flex: 0;
  flex: 0 1 100%;
  padding: 0 5px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

.cmp-misc002 .pager-prt.count .num {
  padding: 0 5px;
  font-size: 1.4rem
}

.cmp-misc002 .list {
  margin-top: 15px;
  list-style-type: none;
  text-align: center
}

.cmp-misc002 .list>li {
  display: inline-block;
  position: relative
}

.cmp-misc002 .list>li+li {
  margin-left: 25px
}

.cmp-misc002 .list>li a {
  padding: 15px 5px;
  display: block;
  color: #15447e
}

.no-touchevents .cmp-misc002 .list>li a:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-misc002 .list>li a:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-misc002 .list>li a:hover {
  color: #542f8e
}

.cmp-misc002 .list>li.is-active {
  padding: 15px 5px;
  color: #000;
  font-weight: 700
}

.cmp-misc002 .list>li.is-active a {
  padding: 0
}

.cmp-misc002 .list>li.is-active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #15447e
}

.cmp-misc002.simple {
  padding: 15px
}

.cmp-misc002.simple .pager-prt {
  padding: 0 5px
}

.cmp-misc003 {
  padding: 15px;
  margin-top: 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.cmp-misc003 .container {
  max-width: 200px;
  width: 100%;
  margin: 0 auto
}

.cmp-misc003 .container .l-column .wrp {
  margin-bottom: 0
}

.cmp-misc003 .container .icn-wrp {
  display: block;
  width: 100%;
  text-align: center
}

.cmp-misc003 .container .icn-wrp svg {
  height: 25px
}

.cmp-misc003 .container .icn-wrp img,
.cmp-misc003 .container .icn-wrp svg {
  width: 25px;
  display: block;
  margin: 0 auto
}

.no-touchevents .cmp-misc003 .container a {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-misc003 .container a:hover {
  opacity: .7
}

.cmp-misc004 {
  padding-top: 15px
}

.cmp-misc004 amp-selector [option][selected] {
  outline: none
}

.cmp-misc004 .head {
  background-color: #f2f3f5;
  padding: 0 15px
}

.cmp-misc004 .head-ttl {
  padding-top: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center
}

.cmp-misc004 .head-ttl .ttl {
  white-space: nowrap;
  margin-top: -2px;
  padding-top: 0
}

.cmp-misc004 .head-ttl .ttl i {
  color: #15447e;
  font-size: 1.6rem;
  padding-right: 5px
}

.cmp-misc004 .head-ttl .ttl .txt {
  font-size: 1.6rem;
  font-weight: 700
}

.cmp-misc004 .head-ttl .lnk {
  display: inline-block;
  text-align: right;
  color: #15447e;
  font-size: 1.2rem;
  padding-left: 1em;
  margin-left: 1em;
  border-left: 1px solid #ddd
}

.cmp-misc004 .head-ttl .lnk:hover {
  text-decoration: underline
}

.cmp-misc004 .head-cnt {
  display: -webkit-box;
  display: flex;
  padding-top: 15px
}

.cmp-misc004 .head-cnt .tab {
  background-color: #fff;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  cursor: pointer
}

.cmp-misc004 .head-cnt .tab .txt {
  color: #15447e;
  font-size: 1.4rem;
  position: relative;
  width: 100%;
  padding: 10px 5px
}

.cmp-misc004 .head-cnt .tab:hover .txt {
  text-decoration: underline
}

.cmp-misc004 .head-cnt .tab:last-child {
  border-right: 1px solid #ddd
}

.cmp-misc004 .head-cnt .tab.is-active {
  position: relative;
  border-bottom: 0
}

.cmp-misc004 .head-cnt .tab.is-active:before {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #15447e
}

.cmp-misc004 .head-cnt .tab[selected] {
  position: relative;
  border-bottom: 0
}

.cmp-misc004 .head-cnt .tab[selected]:before {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #15447e
}

.cmp-misc004 .head-cnt.col-2 .tab {
  -webkit-box-flex: 1;
  flex: 1 1 50%
}

.cmp-misc004 .head-cnt.col-3 .tab {
  -webkit-box-flex: 1;
  flex: 1 1 33%
}

.cmp-misc004 .head-cnt.col-4 .tab {
  -webkit-box-flex: 1;
  flex: 1 1 25%
}

.cmp-misc004 .body {
  padding: 0 15px
}

.cmp-misc004 .body .l-artlst001>ol.list>.item {
  padding-left: 40px;
  padding-right: 15px
}

.cmp-misc004 .body .l-artlst001>ol.list>.item:before {
  left: 10px
}

.cmp-misc004 .body .l-artlst001>.list>.item {
  padding: 15px 0
}

.cmp-misc004 .body .cmp-misc002 {
  margin-right: -15px;
  margin-left: -15px
}

.cmp-misc004 .body-cnt {
  display: none
}

.cmp-misc004 .body-cnt>.cmp-lst001:first-child .l-artlst001 .list {
  border-top: 0
}

.cmp-misc004 .body-cnt.is-active,
.cmp-misc004 .body-cnt[selected] {
  display: block
}

.cmp-misc004.wide .head-cnt {
  max-width: 880px;
  margin: 0 auto;
  padding-top: 20px
}

.cmp-misc004.wide .body {
  border-bottom: 0
}

.cmp-misc004.wide .body-cnt {
  max-width: 910px;
  margin: 0 auto
}

@media screen and (max-width:1023px) {
  .cmp-misc004 .head-cnt {
    -webkit-box-pack: center;
    justify-content: center
  }
}

.cmp-misc005 .list {
  list-style-type: none;
  border-top: 1px solid #ddd
}

.cmp-misc005 .accordion .hdg {
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 20px 15px;
  position: relative;
  border-bottom: 1px solid #ddd;
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1);
  cursor: pointer
}

.no-touchevents .cmp-misc005 .accordion .hdg {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-misc005 .accordion .hdg:hover {
  opacity: .7
}

.cmp-misc005 .accordion .hdg.js-ac-trigger:after,
.cmp-misc005 .accordion .hdg.js-ac-trigger:before {
  font-family: Font Awesome\ 5 Free;
  color: #15447e;
  position: absolute;
  display: block;
  right: 15px;
  top: 50%;
  -webkit-transition: all .2s cubic-bezier(.23, 1, .32, 1);
  transition: all .2s cubic-bezier(.23, 1, .32, 1)
}

.cmp-misc005 .accordion .hdg.js-ac-trigger:before {
  content: "\f077";
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0
}

.cmp-misc005 .accordion .hdg.js-ac-trigger:after {
  content: "\f078";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1
}

.amp-global-navi .cmp-misc005 .accordion .hdg.js-ac-trigger:after {
  content: "\f054";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1
}

.cmp-misc005 .accordion .hdg.is-open {
  background-color: #15447e;
  color: #fff
}

.cmp-misc005 .accordion .hdg.is-open.js-ac-trigger:before {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  color: #fff
}

.cmp-misc005 .accordion .hdg.is-open.js-ac-trigger:after {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0;
  color: #fff
}

.cmp-misc005 .accordion .body {
  background-color: #eff5fb;
  display: none
}

.cmp-misc005 .accordion .body.is-open {
  border-bottom: 1px solid #ddd
}

.cmp-misc005 .accordion.blue {
  color: #15447e
}

.cmp-misc005 .accordion.blue .hdg {
  background-color: #eff5fb
}

.cmp-misc005 .accordion.blue .hdg.is-open,
.cmp-misc005 .accordion.blue .hdg.is-open:after,
.cmp-misc005 .accordion.blue .hdg.is-open:before {
  color: #15447e
}

.cmp-misc005 .accordion.blue .body {
  background-color: #fff
}

.cmp-misc006 .wrp {
  background-color: #15447e
}

.cmp-misc006 .list {
  list-style-type: none;
  overflow-x: auto;
  white-space: nowrap;
  font-size: 0;
  padding-right: 40px;
  position: relative
}

.cmp-misc006 .list:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #31519c;
  width: 100%;
  height: 1px
}

.cmp-misc006 .list .item {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 15px 20px;
  border-bottom: 1px solid #31519c
}

.cmp-misc006 .list .item .lnk {
  color: #fff;
  font-size: 1.4rem;
  display: block;
  position: relative
}

.no-touchevents .cmp-misc006 .list .item .lnk:hover {
  color: #fff;
  text-decoration: underline
}

.cmp-misc006 .list .item.bar:before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  background-color: #31519c
}

.cmp-misc006 .list .item.is-active:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -1px;
  left: 0;
  z-index: 2;
  background-color: #d32f2f;
  height: 3px;
  width: 100%
}

.cmp-misc006.white .wrp {
  background-color: transparent
}

.cmp-misc006.white .list:after {
  background-color: #ddd
}

.cmp-misc006.white .list .item {
  border-bottom-color: #ddd
}

.cmp-misc006.white .list .item .lnk {
  color: #15447e;
  cursor: pointer
}

.no-touchevents .cmp-misc006.white .list .item .lnk:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-misc006.white .list .item .lnk:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-misc006.white .list .item .lnk:hover {
  color: #542f8e
}

.cmp-misc006.white .list .item.is-active:after {
  background-color: #15447e
}

.cmp-misc006.white .list .item+.item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #ddd;
  width: 1px;
  height: 15px
}

.cmp-misc006.no-border .list:after {
  display: none
}

.cmp-misc006.no-border .list .item {
  border-bottom: 0
}

.cmp-misc006.no-border .list .item.is-active:after {
  bottom: 0
}

.cmp-misc007 {
  background-color: #15447e;
  padding: 15px;
  position: relative
}

.cmp-misc007 .item:before,
.cmp-misc007 .lnk {
  color: #fff
}

.cmp-misc007 .cmp-hdg001 {
  color: #fff;
  padding-top: 15px;
  position: relative
}

@media screen and (max-width:1023px) {
  .cmp-misc007 .cmp-hdg001.member {
    padding-right: 80px
  }
}

.cmp-misc007 .cmp-hdg001 .hdg {
  font-weight: 700
}

.cmp-misc007 .cmp-hdg001 .div {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 7px 10px;
  border-radius: 18px;
  background-image: none
}

.cmp-misc007 .cmp-hdg001 .div.general {
  background-color: #3b76c4
}

.cmp-misc007 .cmp-hdg001 .div.premiere {
  background-color: #c48f3b
}

.cmp-misc007 .cmp-hdg001 .div.temporary {
  background-color: #455a64
}

.cmp-misc007 .cmp-hdg001 a.general {
  background-color: #3b76c4
}

.cmp-misc007 .cmp-hdg001 a.tentative {
  background-color: #455a64
}

.cmp-misc007 .cmp-hdg001 a.premiere {
  background-color: #c48f3b
}

.cmp-misc007 .cmp-hdg001 .subtext {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 30px;
  padding-bottom: 30px
}

.cmp-misc007 .info {
  padding-top: 15px;
  color: #fff;
  font-size: 1.2rem
}

.cmp-misc007 .info .data {
  display: inline-block
}

.cmp-misc007 .info .lank {
  display: inline-block;
  padding-left: 2em;
  position: relative
}

.cmp-misc007 .info .lank:before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 1px;
  height: 14px;
  left: 1em;
  top: 2.5px
}

.cmp-misc007 .info .lank img {
  position: absolute;
  right: -21.5px;
  top: 2px;
  width: 14.5px
}

.cmp-misc007 .box {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(calc(50% + 15px));
  transform: translateY(calc(50% + 15px));
  background-color: #3b76c4;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  padding: 20px;
  width: 50%
}

.cmp-misc007 .box .bar {
  display: inline-block;
  width: 1px;
  height: 30px;
  margin: 0 15px;
  background-color: hsla(0, 0%, 100%, .5);
  vertical-align: middle
}

.ie .cmp-misc007 .box {
  -webkit-transform: translateY(60%);
  transform: translateY(60%)
}

.cmp-misc007.mypage {
  background-size: cover;
  background-position: 50%;
  background-color: #f2f3f5
}

@media screen and (max-width:1023px) {
  .cmp-misc007.mypage {
    padding: 15px !important
  }
}

.cmp-misc007.mypage .detail {
  display: block;
  margin-top: 20px
}

.cmp-misc007.mypage .detail .card-area {
  -webkit-box-flex: 0;
  flex: 0 0 380px
}

.cmp-misc007.mypage .detail .menu-area {
  margin-top: 20px;
  -webkit-box-flex: 0;
  flex: 0 1 100%
}

.cmp-misc007.mypage .detail .menu-wrp {
  margin-left: 0
}

.cmp-misc007.mypage .card {
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  padding: 15px 15px 20px
}

.cmp-misc007.mypage .card .title {
  position: absolute;
  padding-left: 25px;
  font-size: 1.8rem;
  font-weight: 700
}

.cmp-misc007.mypage .card .title:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(https://static.chunichi.co.jp/chunichi/images/svg/logo-plus.svg);
  background-size: contain;
  width: 20px;
  height: 20px
}

.cmp-misc007.mypage .card .num {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 1.2rem
}

.cmp-misc007.mypage .card .name {
  display: block;
  text-align: center;
  font-size: 3.2rem;
  position: relative;
  padding-top: 70px
}

.cmp-misc007.mypage .card .name .div {
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 1.2rem;
  color: #fff;
  padding: 7px 10px;
  margin-left: 10px;
  border-radius: 18px
}

.cmp-misc007.mypage .card .name .div.general {
  background-color: #3b76c4
}

.cmp-misc007.mypage .card .name .div.premiere {
  background-color: #c48f3b
}

.cmp-misc007.mypage .card .name .div.temporary {
  background-color: #455a64
}

.cmp-misc007.mypage .card .desc {
  text-align: center;
  padding-top: 40px;
  font-size: 1.2rem
}

.cmp-misc007.mypage .menu .title {
  color: #fff;
  position: relative;
  padding-left: 25px;
  font-size: 1.6rem
}

.cmp-misc007.mypage .menu .title:before {
  content: "\f013";
  font-family: Font Awesome\ 5 Free;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 5px
}

.cmp-misc007.mypage .menu .list {
  list-style-type: none;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.cmp-misc007.mypage .menu .list .item {
  -webkit-box-flex: 0;
  flex: 0 1 50%;
  position: relative;
  padding: 0 10px 0 20px;
  font-size: 1.4rem;
  margin: 0;
  border-bottom: 1px solid #ddd
}

@media screen and (max-width:1023px) {
  .cmp-misc007.mypage .menu .list .item {
    -webkit-box-align: center;
    align-items: center
  }
}

.ie11 .cmp-misc007.mypage .menu .list .item {
  flex-basis: calc(50% - 30px)
}

.cmp-misc007.mypage .menu .list .item.full {
  -webkit-box-flex: 0;
  flex: 0 1 100%
}

.cmp-misc007.mypage .menu .list .item:nth-last-of-type(-n+2) {
  border-bottom: 0
}

.cmp-misc007.mypage .menu .list .item a {
  padding: 15px 0;
  display: inline-block;
  color: #fff
}

.no-touchevents .cmp-misc007.mypage .menu .list .item a:hover {
  color: #fff;
  text-decoration: underline
}

.cmp-misc007.mypage .menu .list .item:before {
  content: "\f061";
  font-family: Font Awesome\ 5 Free;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cmp-misc007.mypage.general {
  background-image: url(https://static.chunichi.co.jp/chunichi/images/bg-mypage01-sp.png)
}

.cmp-misc007.mypage.general .card .name,
.cmp-misc007.mypage.general .card .num,
.cmp-misc007.mypage.general .card .title {
  color: #15447e
}

.cmp-misc007.mypage.general .card .div {
  background-color: #15447e
}

.cmp-misc007.mypage.premiere {
  background-image: url(https://static.chunichi.co.jp/chunichi/images/bg-mypage02-sp.png)
}

.cmp-misc007.mypage.premiere .card .desc,
.cmp-misc007.mypage.premiere .card .name,
.cmp-misc007.mypage.premiere .card .num,
.cmp-misc007.mypage.premiere .card .title {
  color: #6d4c41
}

.cmp-misc007.mypage.premiere .card .div {
  background-color: #c48f3b
}

.cmp-misc007.mypage.temporary {
  background-image: url(https://static.chunichi.co.jp/chunichi/images/bg-mypage04-sp.png)
}

.cmp-misc007.mypage.temporary .card .name,
.cmp-misc007.mypage.temporary .card .num,
.cmp-misc007.mypage.temporary .card .title {
  color: #455a64
}

.cmp-misc007.mypage.temporary .card .div {
  background-color: #455a64
}

.cmp-misc007+.cmp-misc015 {
  position: relative;
  margin-bottom: 15px
}

.cmp-misc007+.cmp-misc015:after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background-color: #15447e
}

.cmp-misc007+.cmp-misc015 .col-2 {
  background: #fff;
  margin: 0 15px;
  position: relative;
  z-index: 2;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .15)
}

.cmp-misc007+.cmp-txt001.bg-blue-2 {
  position: relative;
  margin: 0 15px
}

.cmp-misc007+.cmp-txt001.bg-blue-2:after {
  content: "";
  background-color: #15447e;
  position: absolute;
  top: 0;
  left: -15px;
  z-index: -1;
  display: block;
  height: 50%;
  width: calc(100% + 30px)
}

.cmp-misc007.bg-image {
  background-color: transparent;
  padding: 0 !important
}

.cmp-misc007.bg-image .bg {
  width: 100%
}

.cmp-misc007.bg-image .breadcrumb {
  position: absolute;
  z-index: 1;
  top: 15px;
  left: 15px
}

.cmp-misc007.present .cmp-misc015 .title {
  font-size: 2.4rem
}

@media screen and (max-width:1023px) {
  .heading-area .cmp-misc007 {
    padding: 15px 0 0
  }
}

.cmp-misc008 {
  margin-top: 30px
}

.cmp-misc008 .list {
  list-style-type: none;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  position: relative
}

.cmp-misc008 .list:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  height: 5px;
  width: calc(100% - 5px);
  background-color: #ddd
}

.cmp-misc008 .list .item {
  -webkit-box-flex: 0;
  flex: 0 0 35px;
  height: 35px
}

.cmp-misc008 .list .item .circle {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ddd;
  border-radius: 50%;
  position: relative
}

.cmp-misc008 .list .item .circle.checked:before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #689f38
}

.cmp-misc008 .list .item .circle.checked:after,
.cmp-misc008 .list .item .circle.checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.cmp-misc008 .list .item .circle.checked:after {
  content: "\f00c";
  font-family: Font Awesome\ 5 Free;
  font-size: 1.4rem;
  color: #fff
}

.cmp-misc009 {
  padding: 15px;
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative
}

.cmp-misc009.no-border {
  border-bottom: 0
}

.cmp-misc009 .lnk {
  -webkit-box-flex: 0;
  flex: 0 1 50%;
  color: #15447e;
  font-size: 1.4rem;
  position: relative
}

.no-touchevents .cmp-misc009 .lnk:not(.is-inactive):hover,
.no-touchevents .cmp-misc009 .lnk:not(.is-inactive-bkn):hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-misc009 .lnk:not(.is-inactive):hover,
.no-touchevents .chuspo .cmp-misc009 .lnk:not(.is-inactive-bkn):hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-misc009 .lnk:not(.is-inactive):hover,
.no-touchevents .tokyo .cmp-misc009 .lnk:not(.is-inactive-bkn):hover {
  color: #542f8e
}

.cmp-misc009 .lnk.is-inactive,
.cmp-misc009 .lnk.is-inactive-bkn {
  color: #ccc !important
}

.cmp-misc009 .lnk.next {
  text-align: right
}

.cmp-misc009 .lnk+.lnk:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background-color: #ddd;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cmp-misc009 .count {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #15447e;
  font-size: 1.4rem
}

.cmp-misc010 {
  margin-top: 15px
}

.cmp-misc010 .txt {
  font-size: 1.2rem;
  display: block
}

.cmp-misc010 .txt+.txt {
  padding-top: 5px
}

.cmp-misc010 .txt.pr {
  font-weight: 700
}

.cmp-misc010 .txt.lnk {
  font-size: 1.4rem
}

.no-touchevents .cmp-misc010 .txt.lnk a:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-misc010 .txt.lnk a:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-misc010 .txt.lnk a:hover {
  color: #542f8e
}

.cmp-misc010 .txt.lnk+.lnk {
  padding-top: 7px
}

.cmp-misc010+.cmp-m-catelst002 {
  margin-top: 20px
}

.sp .cmp-misc010 {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px
}

.sp .l-container .cmp-misc010 {
  margin-left: 0;
  margin-right: 0
}

.cmp-misc011 .item {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap
}

.cmp-misc011 .item .hdg {
  -webkit-box-flex: 0;
  flex: 0 1 50px;
  padding-right: 10px;
  display: block
}

.cmp-misc011 .item .cnts {
  -webkit-box-flex: 0;
  flex: 0 1 100%
}

.cmp-misc011 .cnts {
  display: -webkit-box;
  display: flex;
  list-style-type: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}

.cmp-misc011 .cnts-item {
  -webkit-box-flex: 0;
  flex: 0 1 12.5%;
  padding: 0 5px;
  display: block
}

.cmp-misc011 .cnts-item img {
  width: 100%
}

.cmp-misc012 {
  padding-top: 15px;
  margin-bottom: 15px;
  position: relative
}

.cmp-misc012 .lnk {
  color: #15447e;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 15px;
  display: inline-block
}

.no-touchevents .cmp-misc012 .lnk:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-misc012 .lnk:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-misc012 .lnk:hover {
  color: #542f8e
}

.cmp-misc012 .area-lnk {
  color: #15447e;
  position: absolute;
  right: 120px;
  padding-right: 1em;
  font-size: 1.2rem;
  border-right: 1px solid #ddd
}

.no-touchevents .cmp-misc012 .area-lnk:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-misc012 .area-lnk:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-misc012 .area-lnk:hover {
  color: #542f8e
}

.cmp-misc012 .date {
  position: absolute;
  right: 0;
  font-size: 1.2rem;
  color: #666
}

.cmp-misc012 .wrp {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  padding-top: 5px
}

.cmp-misc012 .wrp .icn {
  -webkit-box-flex: 0;
  flex: 0 0 40px
}

.cmp-misc012 .wrp .icn img {
  width: 40px
}

.cmp-misc012 .wrp .info {
  font-size: 1.4rem;
  -webkit-box-flex: 0;
  flex: 0 1 100%;
  text-align: center
}

.cmp-misc012 .wrp .info-2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.cmp-misc012 .wrp .info-2-icn {
  width: 40px;
  -webkit-box-flex: 0;
  flex: 0 1 40px;
  margin-right: 5px
}

.cmp-misc012 .wrp .info-2-txt {
  font-weight: 700;
  font-size: 1.4rem;
  -webkit-box-flex: 0;
  flex: 0 1 40px
}

.cmp-misc012.spot .wrp {
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  justify-content: space-between
}

.cmp-misc012.spot .wrp .info {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.cmp-misc012.spot .wrp .info .icn,
.cmp-misc012.spot .wrp .info .prace {
  margin-right: 10px
}

.cmp-misc012.spot .wrp .info .temp {
  font-weight: 700
}

.cmp-misc012.spot .wrp .info-2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  word-break: keep-all
}

.cmp-misc012.spot .wrp .info-2 .rain-icn {
  -webkit-box-flex: 0;
  flex: 0 1 40px;
  width: 40px;
  margin-right: 10px
}

.cmp-misc012.spot .wrp .info-2 .rain-txt {
  -webkit-box-flex: 0;
  flex: 0 1 40px;
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-misc012.spot .list {
  margin-top: 10px;
  list-style-type: none
}

.cmp-misc012.spot .list li+li {
  margin-top: 5px
}

.cmp-misc012.spot .list .label {
  font-size: 1.2rem;
  font-weight: 700;
  padding: 3px;
  width: 60px;
  display: inline-block;
  text-align: center;
  border-radius: 14px
}

.cmp-misc012.spot .list .label.keihou {
  color: #fff;
  background-color: #d32f2f
}

.cmp-misc012.spot .list .label.chuihou {
  background-color: #fdd835
}

.cmp-misc012.spot .list .label.tokubetsu {
  color: #fff;
  background-color: #673ab7
}

.cmp-misc012.spot .list .txt {
  display: inline-block;
  font-size: 1.4rem
}

.sub-container-wrp .cmp-misc004+.l-container .cmp-misc012 .cmp-misc012 {
  padding-top: 0
}

.cmp-misc013 {
  padding-top: 40px
}

.cmp-misc013 .pager {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center
}

.cmp-misc013 .pager .cmp-frm006 {
  -webkit-box-flex: 1;
  flex: 1 1 110px
}

.cmp-misc013 .pager .links {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: calc(100% - 220px);
  text-align: center
}

.cmp-misc013 .cmp-frm006 .btn {
  padding: 10px
}

.cmp-misc013 .cmp-frm006 .txt {
  font-size: 1.4rem
}

.cmp-misc013 .list {
  margin: 0 10px;
  list-style-type: none;
  font-size: 1.4rem
}

.cmp-misc013 .list li {
  display: inline-block;
  position: relative
}

.cmp-misc013 .list li.is-active:after {
  content: "";
  display: block;
  background-color: #15447e;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -13px;
  left: 0
}

.cmp-misc013 .list li.last {
  margin-left: 60px
}

.cmp-misc013 .list li.last:after {
  color: #15447e;
  content: "\f141";
  font-family: Font Awesome\ 5 Free;
  position: absolute;
  left: -36px;
  top: 3px
}

.cmp-misc013 .list li+li {
  margin-left: 30px
}

.cmp-misc013 .list a {
  color: #15447e;
  padding: 10px 5px
}

.cmp-misc013 .list .is-current {
  display: inline-block;
  padding: 10px 5px;
  font-weight: 700
}

.cmp-misc013 .list .is-current:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #15447e
}

.cmp-misc014 {
  padding-top: 30px
}

.cmp-misc014 hr {
  border: none;
  height: 1px;
  background-color: #ddd
}

.cmp-lst006>.l-column+.cmp-misc014 {
  padding-top: 0
}

.cmp-misc015>.col-1,
.cmp-misc015>.col-2 {
  position: relative;
  z-index: 2;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
  background: #fff;
  border-radius: 10px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px
}

.cmp-misc015>.col-1 {
  text-align: center
}

.cmp-misc015>.col-1 .title {
  color: #15447e;
  display: block;
  font-size: 1.8rem;
  font-weight: 700
}

.cmp-misc015>.col-1 .title span {
  font-size: 1.4rem;
  font-weight: 400
}

.cmp-misc015>.col-1 .kigen {
  display: block;
  font-size: 1.4rem;
  padding-top: 5px;
  font-weight: 700
}

.cmp-misc015>.col-1 .hosoku {
  display: block;
  padding-top: 15px;
  font-size: 1.2rem
}

.cmp-misc015>.col-2 {
  display: -webkit-box;
  display: flex
}

.cmp-misc015>.col-2>div {
  -webkit-box-flex: 1;
  flex: 1;
  color: #15447e;
  text-align: center;
  border-left: 1px solid #ddd
}

.cmp-misc015>.col-2>div .title {
  display: block;
  font-size: 1.4rem
}

.cmp-misc015>.col-2>div .text {
  display: block;
  font-size: 1.8rem;
  font-weight: 700
}

.cmp-misc015>.col-2>div:first-child {
  border-left: none
}

.cmp-misc015.plus {
  position: relative
}

.cmp-misc015.plus>.col-1,
.cmp-misc015.plus>.col-2 {
  padding-top: 55px
}

.cmp-misc015.plus:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(https://static.chunichi.co.jp/chunichi/images/svg/logo-plus.svg);
  background-size: contain;
  width: 20px;
  height: 20px
}

.cmp-misc016 {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center
}

.cmp-misc016 .close-area {
  -webkit-box-flex: 0;
  flex: 0 1 30px;
  padding-right: 15px;
  margin-right: 15px;
  position: relative;
  color: #15447e;
  font-size: 1.4rem;
  cursor: pointer
}

.no-touchevents .cmp-misc016 .close-area {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-misc016 .close-area:hover {
  opacity: .7
}

.cmp-misc016 .close-area i {
  padding: 10px 0
}

.cmp-misc016 .close-area:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 2px;
  width: 1px;
  height: 30px;
  background-color: #ddd
}

.ie .cmp-misc016 .close-area {
  flex-basis: 20px
}

.cmp-misc016 .text-area {
  -webkit-box-flex: 0;
  flex: 0 1 100%
}

.cmp-misc016 .text-area .main {
  font-size: 1.4rem;
  font-weight: 700
}

.cmp-misc016 .text-area .sub {
  padding-top: 5px;
  font-size: 1.2rem
}

.l-artlst001 .item .cmp-misc016 {
  padding: 10px 0;
  border-bottom: 1px solid #ddd
}

@media screen and (max-width:1023px) {
  .l-artlst001 .item:last-child .cmp-misc016 {
    border-bottom: none
  }
}

.cmp-plusmenu {
  margin-bottom: 10px
}

.cmp-plusmenu .cmp-hdg005 img {
  vertical-align: middle;
  position: relative;
  top: -2px
}

.cmp-plusmenu .l-column {
  text-align: center
}

.cmp-plusmenu .l-column .wrp {
  margin-bottom: 0 !important
}

.cmp-plusmenu .l-column .icn {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

.cmp-plusmenu .l-column .icn img {
  width: 35px
}

.cmp-plusmenu .l-column .txt {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1.2rem
}

.cmp-misc017 {
  padding-top: 15px;
  display: -webkit-box;
  display: flex;
  background-color: #15447e
}

.cmp-misc017 .title {
  -webkit-box-flex: 0;
  flex: 0 1 120px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 10px 15px;
  background-color: #673ab7;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700
}

.ie .cmp-misc017 .title {
  flex-basis: 90px
}

.cmp-misc017 .main {
  -webkit-box-flex: 0;
  flex: 0 1 100%;
  padding: 10px 15px;
  background-color: #fff;
  font-size: 1.4rem
}

.cmp-misc017 .main a {
  display: block;
  color: #15447e
}

.no-touchevents .cmp-misc017 .main a:hover {
  color: #15447e;
  text-decoration: underline
}

.no-touchevents .chuspo .cmp-misc017 .main a:hover {
  color: #0767cc
}

.no-touchevents .tokyo .cmp-misc017 .main a:hover {
  color: #542f8e
}

.ie .cmp-misc017 .main {
  flex-basis: calc(100% - 30px)
}

.cmp-misc018 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  margin-right: 12.5px
}

.cmp-misc018 ul {
  list-style-type: none;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap
}

.cmp-misc018 ul,
.cmp-misc018 ul li {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

.cmp-misc018 ul li {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  background-color: #b0c4de;
  height: 40px;
  padding: 0 15px 0 25px
}

.cmp-misc018 ul li+li {
  margin-left: 2px
}

.cmp-misc018 ul li:after,
.cmp-misc018 ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 40px;
  top: 0
}

.cmp-misc018 ul li:before {
  right: -25px;
  border-left: 12.5px solid #b0c4de;
  z-index: 2
}

.cmp-misc018 ul li:after,
.cmp-misc018 ul li:before {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent
}

.cmp-misc018 ul li:after {
  right: -27px;
  border-left: 12.5px solid #fff;
  z-index: 1
}

.cmp-misc018 ul li.is-current {
  background-color: #3b76c4
}

.cmp-misc018 ul li.is-current:before {
  border-left-color: #3b76c4
}

.articletext2 {
  clear: both
}

.articletext2 .listtext2_pc {
  display: block
}

.articletext2 .listtext2_sp {
  display: none
}

@media screen and (max-width:1023px) {
  .articletext2 .listtext2_pc {
    display: none
  }

  .articletext2 .listtext2_sp {
    display: block
  }
}

#document #___gcse_0 {
  font-size: 1.6rem;
  font-weight: 400;
  -webkit-box-flex: 0;
  flex: 0 1 100%
}

#document .gsc-control-cse {
  background-color: inherit;
  border: 0;
  padding: 0
}

#document table.gsc-search-box td.gsc-input {
  background-color: #fff;
  height: 40px;
  border-radius: 5px 0 0 5px;
  width: calc(100% - 55px)
}

#document .gsc-input-box {
  border: 0;
  padding-left: 5px;
  padding-right: 5px
}

#document .gsc-search-button-v2 {
  background-color: #3b76c4;
  border-radius: 0 5px 5px 0;
  height: 40px;
  width: 55px;
  border: 0;
  margin: 0;
  padding: 0
}

#document .gsc-search-button-v2:hover {
  background-color: #3b76c4
}

#document .is-scroll-visible .cmp-misc006 .list {
  z-index: 0
}

.cmp-misc019 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
  padding-top: 15px;
  width: 100%;
  clear: both;
  font-size: 1.6rem
}

@media screen and (max-width:1023px) {
  .cmp-misc019 {
    padding-top: 10px;
    padding-bottom: 10px
  }
}

.cmp-misc019 .speaker {
  margin-top: -10px;
  padding: 0 25px 0 0;
  width: 16%;
  text-align: center
}

@media screen and (max-width:1023px) {
  .cmp-misc019 .speaker {
    margin-top: 0;
    width: 25%
  }
}

.cmp-misc019 .speaker img {
  margin-bottom: 5px;
  border-radius: 4px;
  width: 100%;
  max-width: 130px;
  vertical-align: top
}

.cmp-misc019 .speaker p {
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.3
}

.cmp-misc019 .comment {
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
  padding: 25px;
  width: 63%
}

@media screen and (max-width:1023px) {
  .cmp-misc019 .comment {
    padding: 10px;
    width: 70%
  }
}

.cmp-misc019 .comment:after,
.cmp-misc019 .comment:before {
  content: "";
  display: block;
  position: absolute;
  border: 25px solid transparent;
  border-radius: 50%;
  width: 0;
  height: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.cmp-misc019 .comment:before {
  top: 22px;
  left: -15px;
  border-left-color: inherit
}

@media screen and (max-width:1023px) {
  .cmp-misc019 .comment:before {
    top: 8px
  }
}

.cmp-misc019 .comment:after {
  top: 40px;
  left: -25px;
  border-left-color: #fff
}

@media screen and (max-width:1023px) {
  .cmp-misc019 .comment:after {
    top: 20px
  }
}

.cmp-misc019.rside {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse
}

.cmp-misc019.rside .speaker {
  padding: 0 0 0 25px
}

.cmp-misc019.rside .comment:before {
  left: auto;
  right: -15px;
  border-left-color: transparent;
  border-top-color: inherit
}

.cmp-misc019.rside .comment:after {
  left: auto;
  right: -25px;
  border-left-color: transparent;
  border-top-color: #fff
}

.cmp-misc020 {
  clear: both;
  margin-top: 20px;
  border-radius: 2px;
  padding: 25px 30px;
  font-size: 1.6rem
}

@media screen and (max-width:1023px) {
  .cmp-misc020 {
    padding: 15px;
    font-size: 1.4rem
  }
}

.cmp-misc020:after {
  content: "";
  display: block;
  clear: both
}

.cmp-misc020 .hdg {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.4
}

.cmp-misc020 figure {
  float: right;
  margin: 21px 0 5px 25px;
  text-align: center
}

@media screen and (max-width:1023px) {
  .cmp-misc020 figure {
    float: none !important;
    margin: 20px auto !important
  }
}

.cmp-misc020 figure:first-of-type {
  margin-top: 6px
}

.cmp-misc020 figure.lside {
  float: left;
  margin-left: 0;
  margin-right: 25px
}

.cmp-misc020 figure.center {
  float: none;
  margin: 20px auto
}

.cmp-misc020 figure figcaption {
  margin-top: 5px;
  font-size: 1.5rem;
  line-height: 1.4
}

.cmp-misc020 figure img {
  max-width: 100%;
  height: auto;
  vertical-align: top
}

.cmp-misc020 figure.fixed {
  width: 120px
}

.cmp-misc020 figure.fixed img {
  width: 100%
}

.cmp-misc020 .person {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  margin: 2px 0 15px;
  line-height: 1.4
}

.cmp-misc020 .person dt {
  font-size: 2rem;
  font-weight: 700
}

.cmp-misc020 .person dd:before {
  content: "-";
  margin: 0 10px
}

@media screen and (max-width:1023px) {
  .cmp-misc020 .person {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }

  .cmp-misc020 .person dd:before {
    display: none
  }
}

.cmp-misc020 p {
  margin-top: 15px;
  line-height: 1.8
}

.cmp-misc020 p:first-of-type {
  margin-top: 0
}

.media-jstream,
.media-peevee,
.media-youtube {
  margin-top: 20px
}

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

  .media-jstream,
  .media-peevee,
  .media-youtube {
    position: relative;
    margin-top: 15px;
    padding: 0;
    width: 100%
  }

  .media-jstream:before,
  .media-peevee:before,
  .media-youtube:before {
    content: "";
    display: block;
    padding-top: 56.25%
  }

  .media-jstream iframe,
  .media-jstream video,
  .media-peevee iframe,
  .media-peevee video,
  .media-youtube iframe,
  .media-youtube video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}

.cmp-misc021 {
  padding-top: 30px
}

.cmp-misc021>.container {
  background-color: #f7f7f7;
  padding: 30px
}

@media screen and (max-width:1023px) {
  .cmp-misc021>.container {
    padding: 30px 15px
  }
}

.cmp-misc021 .container-wide {
  max-width: 700px;
  margin: 0 auto
}

.cmp-misc021 .margiainer-narrow {
  max-width: 560px;
  margin: 0 auto
}

.cmp-misc021 .l-column {
  -webkit-box-pack: center;
  justify-content: center
}

.cmp-misc021 .l-column>.wrp {
  -webkit-box-flex: 0;
  flex: 0 1 70%;
  margin-bottom: 0
}

@media screen and (max-width:1023px) {
  .cmp-misc021 .l-column>.wrp {
    -webkit-box-flex: 0;
    flex: 0 1 100%
  }
}

.cmp-misc021 .l-column.col-2>.wrp {
  -webkit-box-flex: 0;
  flex: 0 1 50%
}

@media screen and (max-width:1023px) {
  .cmp-misc021 .l-column.col-2>.wrp {
    -webkit-box-flex: 0;
    flex: 0 1 100%;
    margin-top: 12px
  }

  .cmp-misc021 .l-column.col-2>.wrp:first-of-type {
    margin-top: 0
  }
}

.cmp-misc021 .l-column.col-3>.wrp {
  -webkit-box-flex: 0;
  flex: 0 1 33.333%
}

@media screen and (max-width:1023px) {
  .cmp-misc021 .l-column.col-3>.wrp {
    -webkit-box-flex: 0;
    flex: 0 1 100%;
    margin-top: 12px
  }

  .cmp-misc021 .l-column.col-3>.wrp:first-of-type {
    margin-top: 0
  }
}

.cmp-misc021 .l-column .cmp-frm006 {
  height: 100%
}

.cmp-misc021 .l-column .cmp-frm006 .btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 100%;
  box-shadow: none
}

@media screen and (max-width:1023px) {
  .cmp-misc021 .l-column .cmp-frm006 .btn.large {
    min-height: 56px
  }
}

.cmp-misc021 .l-column .cmp-frm006 .btn .txt {
  font-size: 1.6rem
}

.cmp-misc021 .l-column .cmp-frm006 .btn.red {
  background-color: #cf2d42
}

.cmp-misc021 .l-column .cmp-frm006 .btn.red:hover {
  border: 1px solid #cf2d42;
  background-color: #fff
}

.cmp-misc021 .l-column .cmp-frm006 .btn.red:hover .txt {
  color: #cf2d42
}

@media screen and (max-width:1023px) {
  .cmp-misc021 .l-column .cmp-frm006 .btn.red:hover {
    border: none;
    background-color: #cf2d42
  }

  .cmp-misc021 .l-column .cmp-frm006 .btn.red:hover .txt {
    color: #fff
  }
}

.cmp-misc021 .l-column .cmp-frm006 .btn.red .txt {
  font-size: 1.8rem
}

@media screen and (max-width:1023px) {
  .cmp-misc021 .l-column .cmp-frm006 .btn.red {
    min-height: 70px
  }

  .cmp-misc021 .l-column .cmp-frm006 .btn.red .txt {
    font-size: 2rem
  }
}

.cmp-misc021 .l-column .cmp-frm006 .btn.white {
  background-color: #fff;
  border: 1px solid #999
}

.cmp-misc021 .l-column .cmp-frm006 .btn.white span {
  color: #333;
  font-size: 1.6rem
}

.cmp-misc021 .cmp-txt001 .txt,
.cmp-misc021 .txt {
  font-size: 1.6rem
}

.cmp-misc021 .cmp-txt003 .txt {
  font-size: 1.3rem
}

@media screen and (max-width:1023px) {
  .cmp-misc021 .cmp-txt003.ta-c {
    text-align: left !important
  }
}

.cmp-misc021 .cmp-txt004:before {
  color: #0172b8
}

.cmp-misc021 .cmp-txt004 a {
  color: #0172b8;
  font-size: 1.6rem
}

.cmp-misc021 .cmp-txt004:active:before,
.cmp-misc021 .cmp-txt004:active a,
.cmp-misc021 .cmp-txt004:hover:before,
.cmp-misc021 .cmp-txt004:hover a,
.cmp-misc021 .cmp-txt004:link:before,
.cmp-misc021 .cmp-txt004:link a,
.cmp-misc021 .cmp-txt004:visited:before,
.cmp-misc021 .cmp-txt004:visited a {
  color: #0172b8
}

.cmp-misc021 .checkmark {
  margin-top: 35px
}

.cmp-misc021 .checkmark dt {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

.cmp-misc021 .checkmark dt:after {
  content: "";
  margin-top: 6px;
  background-color: #000;
  width: 90%;
  height: 1px
}

.cmp-misc021 .checkmark dd {
  position: relative;
  padding: 5px 0 0 20px;
  font-size: 1.6rem
}

.cmp-misc021 .checkmark dd:before {
  content: "";
  position: absolute;
  top: .5em;
  left: 0;
  background: url(https://static.chunichi.co.jp/chunichi/images/icon-checkmark.png) no-repeat 50%;
  background-size: 15px 15px;
  width: 15px;
  height: 15px
}

.cmp-misc022 {
  display: block
}

@media screen and (max-width:1023px) {
  .cmp-misc022 {
    margin-top: 20px
  }
}

.cmp-misc022 .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  gap: 20px;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 auto;
  width: 100%
}

.cmp-misc022 .container .icn-wrp {
  display: block;
  width: 100%;
  text-align: center
}

.cmp-misc022 .container .icn-wrp svg {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto
}

.cmp-misc022 .container .icn-wrp img {
  width: 25px;
  display: block;
  margin: 0 auto
}

.cmp-misc022 .container a,
.cmp-misc022 .container button {
  text-align: left
}

.no-touchevents .cmp-misc022 .container a,
.no-touchevents .cmp-misc022 .container button {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-misc022 .container a:hover,
.no-touchevents .cmp-misc022 .container button:hover {
  opacity: .7
}

.cmp-misc023 {
  display: block;
  clear: both
}

.cmp-misc023>.container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 60px;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 auto;
  padding-top: 40px;
  width: 100%
}

@media screen and (max-width:1023px) {
  .cmp-misc023>.container {
    gap: 10px;
    padding-top: 30px
  }

  .cmp-misc023>.container>* {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    flex: 1 1 25px
  }
}

.cmp-misc023>.container a,
.cmp-misc023>.container button {
  text-align: left
}

.no-touchevents .cmp-misc023>.container a,
.no-touchevents .cmp-misc023>.container button {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-misc023>.container a:hover,
.no-touchevents .cmp-misc023>.container button:hover {
  opacity: .7
}

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

  .cmp-misc023>.container a,
  .cmp-misc023>.container button {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    gap: 5px
  }
}

.cmp-misc023>.container span {
  display: block;
  font-size: 1.3rem
}

@media screen and (max-width:1023px) {
  .cmp-misc023>.container span {
    font-size: 1.1rem
  }
}

@media screen and (max-width:1023px) {
  .cmp-misc023>.container .cmp-misc025 p a {
    display: inline-block
  }
}

.cmp-misc024 {
  display: block;
  font-size: 1.4rem
}

.cmp-misc024>.container .hdg {
  margin-bottom: 10px
}

.cmp-misc024>.container .comment-form {
  position: relative;
  padding: 30px;
  background-color: #dcdcdc
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .comment-form {
    padding: 15px
  }
}

.cmp-misc024>.container .comment-icon img {
  width: 45px;
  height: auto
}

.cmp-misc024>.container .comment-user {
  padding-top: 5px
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .comment-user {
    padding-top: 12px
  }
}

.cmp-misc024>.container .comment-user-name {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .comment-user-name {
    display: block
  }
}

.cmp-misc024>.container .comment-user-name.comment-author {
  position: relative;
  color: #15447e
}

.cmp-misc024>.container .comment-user-name.comment-author .comment-date:after {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  margin-left: 10px;
  min-height: 18px;
  padding: 2px 10px;
  border-radius: 6px;
  box-sizing: border-box;
  background-color: #15447e;
  color: #fff;
  font-size: .9rem;
  content: "中日新聞から"
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .comment-user-name.comment-author .comment-date:after {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    margin-left: 4px
  }
}

.cmp-misc024>.container .comment-user-profile {
  margin: 5px 0 0;
  padding: 20px;
  border-top: 1px solid #ccc;
  background-color: #f2f3f5
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .comment-user-profile {
    margin-bottom: 25px
  }
}

.cmp-misc024>.container .comment-user-profile p:first-of-type {
  margin-top: 0
}

.cmp-misc024>.container .comment-date {
  margin-left: 20px;
  padding-left: 7px;
  border-left: 1px solid #d2d2d2;
  font-size: 1.3rem
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .comment-date {
    display: block;
    margin-top: 5px;
    margin-left: 0;
    padding-left: 0;
    border-left: none
  }
}

.cmp-misc024>.container .comment-msg-login {
  width: 100%;
  height: 120px;
  margin-top: 0 !important;
  padding: 18px 23px;
  border: 1px solid #b5b5b5;
  box-sizing: border-box;
  background-color: #fff;
  color: #9c9c9c
}

.cmp-misc024>.container .comment-msg-login a {
  color: #542f8e;
  font-weight: 700
}

.cmp-misc024>.container .comment-msg-login a:active,
.cmp-misc024>.container .comment-msg-login a:hover,
.cmp-misc024>.container .comment-msg-login a:link,
.cmp-misc024>.container .comment-msg-login a:visited {
  color: #542f8e
}

.cmp-misc024>.container .comment-counter span {
  font-size: 1.3rem
}

.cmp-misc024>.container .comment-policy {
  position: absolute;
  top: 33px;
  right: 30px;
  color: #542f8e;
  font-weight: 700
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .comment-policy {
    top: 15px;
    right: 15px
  }
}

.cmp-misc024>.container .comment-area {
  margin-top: 40px
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .comment-area {
    margin-top: 20px
  }
}

.cmp-misc024>.container .comment-area .hdg {
  padding-bottom: 10px;
  border-bottom: 1px solid #d2d2d2
}

.cmp-misc024>.container .comment-area .hdg span {
  margin-left: 15px
}

.cmp-misc024>.container .comment-area p {
  margin-top: 1em
}

.cmp-misc024>.container .comment-area .item textarea {
  height: 90px
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .comment-area .item textarea {
    height: 70px
  }
}

.cmp-misc024>.container .comment-reply {
  margin-top: -20px
}

.cmp-misc024>.container .comment-reaction {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 33px;
  right: 0
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .comment-reaction {
    -webkit-box-pack: end;
    justify-content: flex-end;
    position: static;
    margin-top: -22px
  }
}

.cmp-misc024>.container .comment-reaction .icon-report {
  gap: .2em;
  color: #9c9c9c;
  font-size: 1.2rem;
  cursor: pointer
}

.cmp-misc024>.container .comment-delete {
  padding: 10px 0 !important
}

.cmp-misc024>.container .comment-delete>:first-child {
  grid-row: auto/span 1;
  grid-column: auto/span 2;
  min-height: 60px;
  padding: 20px 0;
  background-color: #f2f3f5;
  text-align: center
}

.cmp-misc024>.container .item {
  display: grid;
  grid: 1fr/45px 1fr;
  grid-auto-flow: columm;
  gap: 0 12px;
  position: relative;
  color: #5d5d5d;
  font-size: 1.4rem
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .item {
    gap: 0 9px
  }
}

.cmp-misc024>.container .item>:first-child {
  grid-row: auto/span 2
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .item>:first-child {
    grid-row: auto/span 1
  }

  .cmp-misc024>.container .item>:nth-child(3) {
    grid-column: auto/span 2
  }
}

.cmp-misc024>.container .item .bold {
  font-weight: 700
}

.cmp-misc024>.container .item .red {
  color: #d32f2f
}

.cmp-misc024>.container .item textarea {
  width: 100%;
  height: 250px;
  margin-top: 11px;
  padding: 18px 23px;
  border: 1px solid #b5b5b5;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 1.3rem;
  line-height: 1.6
}

@media screen and (max-width:1023px) {
  .cmp-misc024>.container .item textarea {
    height: 120px
  }
}

.cmp-misc024>.container .btn-delete {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 2px 15px;
  background-color: #d32f2f;
  border-radius: 6px;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 5px
}

.no-touchevents .cmp-misc024>.container .btn-delete {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.no-touchevents .cmp-misc024>.container .btn-delete:hover {
  opacity: .7
}

.cmp-misc024>.container .cmp-misc005 .body {
  padding-bottom: 30px
}

.cmp-misc024>.container .cmp-misc022 {
  margin-top: 10px
}

.cmp-misc025 {
  position: relative
}

.cmp-misc025>.container {
  display: block;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 20px;
  right: -10px;
  z-index: 11;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  width: 200px;
  padding: 0 15px 15px;
  border-radius: 10px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, .3);
  background-color: #fff;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

@media screen and (max-width:1023px) {
  .cmp-misc025>.container {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%)
  }
}

.cmp-misc025>.container .wrp {
  margin-top: 12px;
  font-size: 1.4rem
}

.cmp-misc025>.container .wrp a,
.cmp-misc025>.container .wrp button,
.cmp-misc025>.container .wrp span {
  color: #455a64;
  font-size: 1.3rem;
  font-weight: 700
}

.cmp-misc025>.container .cmp-frm006 .btn {
  min-width: 120px;
  padding: 10px 15px;
  border-radius: 5px;
  font-weight: 400
}

.cmp-misc025>.container.reverse {
  right: auto;
  left: -10px
}

@media screen and (max-width:1023px) {
  .cmp-misc025>.container.reverse {
    left: 50%;
    right: auto
  }
}

.cmp-misc025>.container.is-visible {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1
}

@media screen and (max-width:1023px) {
  .cmp-misc025>.container.is-visible {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.cmp-misc025 .sns {
  margin-top: 15px;
  border-top: 1px solid #9c9c9c
}

.cmp-misc025 .sns .wrp {
  margin-top: 15px
}

.cmp-misc025 .sns .icn-wrp {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 8px
}

.cmp-misc025 .sns .icn-wrp svg {
  -webkit-box-flex: 0;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  margin: 0
}

.cmp-misc025 p {
  padding-top: 15px;
  font-size: 1.4rem;
  line-height: 1.5
}

.cmp-misc025 p a {
  font-weight: 700;
  text-decoration: underline
}

.cmp-misc025 p a:hover {
  text-decoration: none
}

.cmp-misc025.is-hover:hover>.container {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1
}

@media screen and (max-width:1023px) {
  .cmp-misc025.is-hover:hover>.container {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.js-tooltip-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  visibility: visible
}

.cmp-misc026 {
  display: inline-block;
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  background-color: #3b76c4;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: left
}

.l-artlst001>.list {
  list-style-type: none
}

.side-window .l-artlst001>.list {
  border-top: 1px solid #ddd
}

.l-artlst001>.list:before {
  content: "";
  width: calc(100% - 20px);
  border-top: 1px solid #ddd
}

.cmp-hdg005+.cmp-lst001 .l-artlst001>.list:before,
.side-window .l-artlst001>.list:before {
  content: none
}

.l-artlst001>.list>div[id]>div>.item {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd
}

.l-artlst001>.list>div[id]>div>.item .l-column>.wrp {
  margin-bottom: 0
}

.l-artlst001>.list>.item {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd
}

.l-artlst001>.list>.item .l-column>.wrp {
  margin-bottom: 0
}

.sp .l-artlst001>.list>.item .l-column>.wrp>.txt {
  font-size: 1.6rem
}

.l-artlst001.gutter .list .item {
  padding: 15px
}

.l-artlst001.no-border>.list {
  border: 0
}

.l-artlst001.no-border>.list>.item {
  padding: 0
}

.l-artlst001.no-border>.list>.item+.item {
  margin-top: 5px;
  border-top: 0
}

.l-artlst001.wide>.list>.item {
  padding-right: 0;
  padding-left: 0
}

.l-column {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
  list-style-type: none
}

.l-column.al-center {
  -webkit-box-align: center;
  align-items: center
}

.l-column.jc-center {
  -webkit-box-pack: center;
  justify-content: center
}

.sp .l-column.jc-center.al-center>.wrp>a {
  display: inline-block
}

@media screen and (max-width:1023px) {
  .l-column.js-sp-slider {
    display: block;
    margin: 0
  }

  .l-column.js-sp-slider .wrp {
    padding: 0 5px
  }
}

.l-column>.wrp {
  padding: 0 6px;
  margin-bottom: 15px
}

.l-column>.wrp>a>img {
  width: 100%
}

.l-column>.wrp.main {
  -webkit-box-flex: 0;
  flex: 0 1 65%
}

.ie .l-column>.wrp.main {
  flex-basis: calc(65% - 20px)
}

.l-column>.wrp.sub {
  -webkit-box-flex: 0;
  flex: 0 1 35%
}

.ie .l-column>.wrp.sub {
  flex-basis: calc(35% - 20px)
}

.l-column>.wrp.sub .l-artlst001 ol.list>.item {
  padding-left: 30px
}

.l-column>.wrp.sub .l-artlst001 ol.list>.item:before {
  font-size: 1.8rem
}

.l-column.col-1>.wrp {
  -webkit-box-flex: 0;
  flex: 0 1 100%
}

.ie .l-column.col-1>.wrp {
  flex-basis: calc(100% - 12px)
}

.l-column.col-2>.wrp {
  -webkit-box-flex: 0;
  flex: 0 1 50%
}

.ie .l-column.col-2>.wrp {
  flex-basis: calc(50% - 12px)
}

@media screen and (max-width:1269px) {
  .pc .l-column.col-2>.wrp a.js-smartcrop {
    height: calc((100vw - 360px)/2 - 18px);
    min-height: 322px
  }

  .pc .cmp-m-catelst002 .cmp-lst006 .l-column.col-2>.wrp a.js-smartcrop {
    height: calc((100vw - 360px)/2 - 33px);
    min-height: 307px
  }
}

@media screen and (min-width:1270px) {
  .pc .l-column.col-2>.wrp a.js-smartcrop {
    height: 430px
  }

  .pc .cmp-m-catelst002 .cmp-lst006 .l-column.col-2>.wrp a.js-smartcrop {
    height: 415px
  }
}

.l-column.col-3>.wrp {
  -webkit-box-flex: 0;
  flex: 0 1 33.333%
}

.ie .l-column.col-3>.wrp {
  flex-basis: calc(33.333% - 12px)
}

@media screen and (max-width:1269px) {
  .pc .l-column.col-3>.wrp a.js-smartcrop {
    height: calc((100vw - 360px)/3 - 18px);
    min-height: 208px
  }
}

@media screen and (min-width:1270px) {
  .pc .l-column.col-3>.wrp a.js-smartcrop {
    height: 280.33333px
  }
}

.l-column.col-4>.wrp {
  -webkit-box-flex: 0;
  flex: 0 1 25%
}

.ie .l-column.col-4>.wrp {
  flex-basis: calc(25% - 12px)
}

@media screen and (max-width:1269px) {
  .pc .l-column.col-4>.wrp a.js-smartcrop {
    height: calc((100vw - 360px)/4 - 19px);
    min-height: 151px
  }
}

@media screen and (min-width:1270px) {
  .pc .l-column.col-4>.wrp a.js-smartcrop {
    height: 205px
  }
}

.l-column.col-5>.wrp {
  -webkit-box-flex: 0;
  flex: 0 1 20%
}

.ie .l-column.col-5>.wrp {
  flex-basis: calc(20% - 12px)
}

@media screen and (max-width:1269px) {
  .pc .l-column.col-5>.wrp a.js-smartcrop {
    height: calc((100vw - 360px)/5 - 20px);
    min-height: 117px
  }
}

@media screen and (min-width:1270px) {
  .pc .l-column.col-5>.wrp a.js-smartcrop {
    height: 160px
  }
}

.l-column.col-6>.wrp {
  -webkit-box-flex: 0;
  flex: 0 1 16.666%
}

.ie .l-column.col-6>.wrp {
  flex-basis: calc(16.666% - 12px)
}

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

  .l-column.col-1.bnr-wrp-v>.wrp,
  .l-column.col-2.bnr-wrp-v>.wrp,
  .l-column.col-3.bnr-wrp-v>.wrp,
  .l-column.col-4.bnr-wrp-v>.wrp,
  .l-column.col-5.bnr-wrp-v>.wrp,
  .l-column.col-6.bnr-wrp-v>.wrp {
    -webkit-box-flex: 1;
    flex: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px
  }

  .l-column.col-1.bnr-wrp-v>.wrp img,
  .l-column.col-2.bnr-wrp-v>.wrp img,
  .l-column.col-3.bnr-wrp-v>.wrp img,
  .l-column.col-4.bnr-wrp-v>.wrp img,
  .l-column.col-5.bnr-wrp-v>.wrp img,
  .l-column.col-6.bnr-wrp-v>.wrp img {
    width: 100%;
    height: auto
  }

  .l-container .l-column.col-1.bnr-wrp-v>.wrp,
  .l-container .l-column.col-2.bnr-wrp-v>.wrp,
  .l-container .l-column.col-3.bnr-wrp-v>.wrp,
  .l-container .l-column.col-4.bnr-wrp-v>.wrp,
  .l-container .l-column.col-5.bnr-wrp-v>.wrp,
  .l-container .l-column.col-6.bnr-wrp-v>.wrp {
    padding-left: 5px;
    padding-right: 5px
  }

  .sp-l-container-hdg .l-column.col-1.bnr-wrp-v>.wrp,
  .sp-l-container-hdg .l-column.col-2.bnr-wrp-v>.wrp,
  .sp-l-container-hdg .l-column.col-3.bnr-wrp-v>.wrp,
  .sp-l-container-hdg .l-column.col-4.bnr-wrp-v>.wrp,
  .sp-l-container-hdg .l-column.col-5.bnr-wrp-v>.wrp,
  .sp-l-container-hdg .l-column.col-6.bnr-wrp-v>.wrp {
    padding-left: 20px;
    padding-right: 20px
  }

  .l-column.col-2-sp>.wrp {
    -webkit-box-flex: 0;
    flex: 0 1 50%;
    padding: 0 20px
  }

  .ie .l-column.col-2-sp>.wrp {
    flex-basis: calc(50% - 12px)
  }
}

.js-fixed-clone {
  background: #fff;
  display: none;
  z-index: 11;
  position: fixed
}

.js-fixed-clone.is-show {
  display: block;
  border-bottom: 1px solid #ddd
}

.cmp-m-hdg001 .is-show .cmp-misc006 {
  overflow-x: auto;
  z-index: 11
}

.cmp-m-hdg001 .cmp-misc017 {
  padding: 15px 15px 0
}

.cmp-m-hdg001.is-scroll-hidden .cmp-misc006 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11
}

.cmp-m-news001 .cmp-hdg005 {
  margin-top: 0;
  border-top: 1px solid hsla(0, 0%, 100%, .15);
  border-bottom: 1px solid hsla(0, 0%, 100%, .15)
}

.cmp-m-news001 .cmp-lst003 {
  padding-top: 0
}

.cmp-m-news001 .cmp-lst005 {
  border-top: 1px solid hsla(0, 0%, 100%, .16);
  padding-top: 20px
}

.cmp-m-news001 .cmp-lst005 a,
.cmp-m-news001 .cmp-lst006 .cmp-thmb001 .wrp.lv1 .detail-info-txt,
.cmp-m-news001 .cmp-lst006 .cmp-thmb001 .wrp.lv1 .detail a {
  color: #fff
}

.cmp-m-news001 .cmp-lst006 .cmp-thmb001 .wrp.lv1 .detail-info-txt.splid+a {
  border-right-color: #fff;
  border-left-color: #fff
}

.cmp-m-news001 .cmp-lst006 .slick-list {
  margin: 0 -5px
}

.cmp-m-news001 .cmp-lst006 .slick-slide {
  padding: 0 5px
}

.cmp-m-news001 .cmp-lst006 .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #3b76c4;
  width: 40px;
  height: 40px;
  display: block;
  z-index: 2
}

.cmp-m-news001 .cmp-lst006 .slick-arrow i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff
}

.cmp-m-news001 .cmp-lst006 .prev {
  left: -5px;
  border-radius: 0 20px 20px 0
}

.cmp-m-news001 .cmp-lst006 .next {
  right: -5px;
  border-radius: 20px 0 0 20px
}

.cmp-m-news001.dragons {
  background-color: #15447e
}

.cmp-m-news001.media {
  background-color: #3b76c4
}

.cmp-m-catelst001 .cmp-hdg005 {
  margin-top: 0
}

.cmp-m-catelst001 .cmp-hdg002 {
  padding: 20px 15px 0
}

.cmp-m-catelst001 .cmp-lst004 .item {
  padding: 15px
}

.cmp-m-catelst001.blue .cmp-hdg005 {
  color: #fff;
  background-color: #15447e;
  border: 0;
  border-bottom: 1px solid #31519c
}

.cmp-m-catelst001.blue .cmp-hdg005 .sub {
  color: #fff
}

.cmp-m-catelst001.blue .cmp-lst001 {
  background-color: #15447e
}

.cmp-m-catelst001.blue .cmp-thmb001 .wrp .thumb-wrp,
.cmp-m-catelst001.blue .l-artlst001>.list>.item {
  border-color: hsla(0, 0%, 100%, .15)
}

.cmp-m-catelst001.blue .cmp-thmb001 .wrp .detail-info-txt,
.cmp-m-catelst001.blue .cmp-thmb001 .wrp .detail a {
  color: #fff
}

.cmp-m-catelst001.blue .cmp-thmb001 .wrp .detail-info-txt.splid+a {
  border-color: #fff
}

.cmp-m-catelst001+.cmp-m-catelst001,
.cmp-m-catelst002 .cmp-lst003,
.l-column .cmp-m-catelst001 {
  padding-top: 0
}

.cmp-m-catelst002 .cmp-lst003 .l-column {
  margin: 0 -5px
}

.cmp-m-catelst002 .cmp-lst003 .l-column.col-4>.wrp {
  margin-bottom: 10px;
  padding: 0 5px
}

.ie .cmp-m-catelst002 .cmp-lst003 .l-column.col-4>.wrp {
  flex-basis: calc(25% - 10px)
}

.cmp-m-catelst002 .cmp-lst006 {
  padding-left: 15px;
  padding-right: 15px
}

.cmp-lst003+.cmp-m-catelst002 {
  margin-top: 25px
}

.cmp-m-acrdlst001 {
  padding-top: 15px
}

.cmp-m-acrdlst001 .cmp-lst002,
.cmp-m-acrdlst001 .l-artlst001 {
  padding-top: 0
}

.cmp-m-acrdlst001 .l-artlst001>.list>.item {
  padding-right: 15px;
  padding-left: 15px
}

.cmp-m-acrdlst001 .l-artlst001>.list>.item a {
  color: #15447e;
  font-size: 1.4rem
}

.sp-global-navi {
  background-color: #eff5fb;
  position: fixed;
  overflow: scroll;
  z-index: 20;
  width: 100%;
  top: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transition: top .5s cubic-bezier(.23, 1, .32, 1);
  transition: top .5s cubic-bezier(.23, 1, .32, 1)
}

.sp-global-navi-area0 {
  padding: 15px;
  background-color: #15447e
}

.sp-global-navi-area1 {
  font-size: 1.4rem
}

.sp-global-navi-area1 a {
  display: block;
  color: #15447e
}

.sp-global-navi-area1 .hdg.is-plus {
  padding-left: 48px
}

.sp-global-navi-area1 .hdg-icn {
  right: 50px
}

.sp-global-navi-area1 .hdg-icn,
.sp-global-navi-area1 .hdg-icn-before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.sp-global-navi-area1 .hdg-icn-before {
  left: 15px;
  width: 24px;
  display: block
}

.sp-global-navi-area1 .body {
  background-color: #fff;
  padding: 0 15px 30px
}

.sp-global-navi-area1 .body-hdg {
  padding-top: 30px;
  font-weight: 700
}

.sp-global-navi-area1 .body-lst {
  list-style-type: none;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 15px -5px 0;
  padding-top: 15px;
  border-top: 1px solid #ddd
}

.sp-global-navi-area1 .body-lst-item {
  -webkit-box-flex: 0;
  flex: 0 1 33.333%;
  padding: 0 5px;
  margin-bottom: 15px
}

.sp-global-navi-area1 .cmp-plusmenu2 .l-column {
  margin: 0
}

.sp-global-navi-area1 .cmp-plusmenu2 .l-column>.wrp {
  padding: 0;
  margin-bottom: 0;
  border-right: 1px solid #ddd
}

.sp-global-navi-area1 .cmp-plusmenu2 .l-column>.wrp:nth-child(2n) {
  border-right: none
}

.sp-global-navi-area1 .cmp-plusmenu2 .accordion .hdg-icn {
  right: 15px
}

.sp-global-navi-area2 .l-column {
  padding: 15px 9px 0;
  margin: 0
}

.sp-global-navi-area2 .cmp-plusmenu .cmp-hdg005+.l-container {
  margin-top: 15px
}

.sp-global-navi-area2 .cmp-plusmenu .l-column {
  padding: 0
}

.sp-global-navi-area3 {
  padding-top: 15px;
  padding-bottom: 45px;
  background-color: #fff
}

.sp-global-navi-area3 .box {
  margin-top: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 10px 0;
  border: 1px solid #ddd
}

.sp-global-navi-area3 .box a {
  display: block;
  -webkit-box-flex: 0;
  flex: 0 1 33.333%;
  padding: 0 7px;
  font-size: 1.4rem;
  font-weight: 700;
  position: relative;
  text-align: center
}

.sp-global-navi-area3 .box a+a:before {
  content: "";
  height: 15px;
  width: 1px;
  background-color: #ddd;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.sp-global-navi-area3 .box+.bnr {
  margin-top: 15px
}

.sp-global-navi-area3 .bnr {
  display: block;
  text-align: center;
  background-color: #fff
}

.sp-global-navi-area3 .bnr img {
  width: 100%
}

.sp-global-navi-area3 .bnr.border {
  border: 1px solid #ddd;
  height: 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

.sp-global-navi-area3 .bnr.border.chuspo {
  fill: #13007d
}

.sp-global-navi-area3 .bnr.border.tokyo {
  fill: #542f8e
}

.sp-global-navi-area3 .bnr.border.chunichi {
  fill: #15447e
}

.sp-global-navi-area3 .bnr.border svg {
  height: 25px;
  max-width: 100%
}

.sp-global-navi-area3 .bnr.border img {
  width: auto;
  height: 100%
}

.sp-global-navi-area3 .bnr+.bnr,
.sp-global-navi-area3 .bnr+.box {
  margin-top: 15px
}

.sp-global-navi.is-open {
  top: 0
}

.floating-menu {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 21
}

.floating-menu-icn {
  background-color: #15447e;
  height: 60px;
  width: 60px;
  border-radius: 30px;
  color: #fff;
  position: relative;
  font-size: .8rem
}

.floating-menu-icn-img {
  position: absolute;
  top: -5px;
  right: -5px
}

.floating-menu-icn-bar {
  display: block;
  position: absolute;
  left: 50%;
  top: 20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

.floating-menu-icn-bar:after,
.floating-menu-icn-bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
  transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
}

.floating-menu-icn-bar:before {
  top: -7px
}

.floating-menu-icn-bar:after {
  top: 7px
}

.floating-menu-icn-txt {
  display: block;
  position: absolute;
  left: 50%;
  top: 35px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  word-break: keep-all
}

.floating-menu-icn-txt:before {
  content: "MENU"
}

.floating-menu.js-globalnavi-trigger.is-open .floating-menu-icn-bar {
  -webkit-transform: translateX(-35%);
  transform: translateX(-35%);
  background-color: transparent
}

.floating-menu.js-globalnavi-trigger.is-open .floating-menu-icn-bar:before {
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.floating-menu.js-globalnavi-trigger.is-open .floating-menu-icn-bar:after {
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.floating-menu.js-globalnavi-trigger.is-open .floating-menu-icn-txt:before {
  content: "CLOSE"
}

.slick-dots {
  bottom: -30px
}

.slick-dots li button {
  background-color: #f2f3f5;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1
}

.slick-dots li button:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #d32f2f;
  opacity: 1;
  border-radius: 10px;
  z-index: 2;
  opacity: 0
}

.slick-dots li button:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  z-index: 3;
  top: 3px;
  left: 3px;
  opacity: 0
}

.slick-dots li.slick-active button:after,
.slick-dots li.slick-active button:before {
  opacity: 1
}

.top .heading-area {
  color: #fff
}

.top .heading-area .l-container {
  position: relative
}

.top .heading-area .hdg {
  font-size: 1.6rem;
  padding: 10px 0
}

.top .heading-area .time {
  font-size: 1.2rem;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.top .content-area .cmp-hdg005+.cmp-lst006 {
  padding-top: 0
}

.top .content-area .cmp-hdg005+.cmp-lst006 .l-column .wrp .cmp-thmb001 {
  padding-top: 20px
}

.top .content-area .l-wrapper.gray .cmp-m-catelst001 {
  padding: 0 15px 15px;
  background-color: #fff
}

.top .content-area .l-wrapper.gray .l-artlst001>.list>.item {
  border-top: 1px solid #ddd;
  border-bottom: 0
}

.top .content-area .l-wrapper.gray .cmp-hdg005+.cmp-lst001>.l-artlst001>.list>.item:first-child {
  border-top: none
}

.top .content-area .l-wrapper.gray .cmp-hdg005 i {
  color: #15447e
}

.form form .cmp-hdg007,
.form form .cmp-lst003,
.form form>.cmp-txt001 {
  padding: 15px 15px 0
}

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

  .form form .cmp-hdg007,
  .form form .cmp-lst003,
  .form form>.cmp-txt001 {
    padding: 20px 0 0
  }
}

.form form>.cmp-frm008 {
  padding: 15px 15px 0
}

@media screen and (min-width:1024px) {
  .form form>.cmp-frm008 {
    padding: 20px 0 0
  }
}

.form [class^=cmp] {
  padding-top: 15px
}

.form .cmp-frm003,
.form td>[class^=cmp]:first-of-type {
  padding-top: 0
}

.form .cmp-frm003 .item {
  margin-top: 10px !important
}

.form .cmp-hdg002 {
  padding-top: 30px
}

.form .cmp-hdg002 .hdg {
  padding: 0 15px
}

@media screen and (min-width:1024px) {
  .form .cmp-hdg002 {
    padding-top: 40px
  }

  .form .cmp-hdg002 .hdg {
    padding: 0
  }
}

@media screen and (max-width:1023px) {
  .form .cmp-hdg002 .txt {
    padding: 0 15px
  }
}

.form .cmp-frm002 {
  padding-top: 0 !important
}

.form .select-file.img:not(:first-child) {
  margin-top: 20px
}

.form .select-file img {
  max-width: 100%
}

.form .error-message label {
  display: block;
  margin-top: 5px;
  padding-left: 20px;
  color: #d32f2f;
  position: relative;
  font-size: 1.4rem
}

.form .error-message label:before {
  content: "\f06a";
  font-family: Font Awesome\ 5 Free;
  font-weight: 700;
  display: block;
  position: absolute;
  left: 0;
  top: 3px
}

.form .form-submit {
  margin-top: 20px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center
}

.form .form-submit .cmp-frm006 {
  padding: 10px 10px 0
}

.form .form-submit .cmp-frm006 .btn {
  min-width: 180px
}

@media screen and (min-width:1024px) {
  .form .form-submit {
    margin-top: 30px
  }

  .form .form-submit .cmp-frm006 .btn {
    min-width: 320px
  }
}

.form .form-input-set {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap
}

.form .form-input-set .cmp-frm001,
.form .form-input-set .cmp-frm002 {
  -webkit-box-flex: 0;
  flex: 0 1 100%
}

.form .form-input-set .cmp-frm006 {
  padding: 0 0 0 10px;
  -webkit-box-flex: 0;
  flex: 0 0 115px;
  width: 100%
}

.form .form-input-set .cmp-frm006 .btn {
  width: 100%;
  height: 100%;
  padding: 10px
}

.form .form-kiyaku-footer {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 15px 15px 0
}

.form .form-kiyaku-footer .cmp-frm004 {
  padding-top: 0
}

.form .form-kiyaku-footer a {
  color: #3b76c4;
  font-size: 1.2rem
}

@media screen and (min-width:1024px) {
  .form .form-kiyaku-footer {
    padding: 20px 0 0
  }

  .form .form-kiyaku-footer a {
    font-size: 1.4rem
  }
}

.form #option_children_list {
  list-style-type: none;
  counter-reset: "counter"
}

.form #option_children_list li {
  margin-top: 10px;
  padding-left: 17px;
  position: relative;
  counter-increment: counter
}

.form #option_children_list li:before {
  content: counter(counter);
  color: #15447e;
  font-weight: 700
}

.form #option_children_list li * {
  display: inline-block
}

.form #option_children_list li:after {
  content: "\f007";
  font-family: Font Awesome\ 5 Free;
  font-weight: 400;
  font-size: 1.6rem;
  color: #15447e;
  position: absolute;
  left: 0;
  top: 14px
}

.form #option_children_list li option {
  display: block
}

.form #option_children_list li .cmp-frm004 .wrp {
  padding-top: 0
}

.form .login-area {
  max-width: 400px;
  margin: 35px auto 0;
  padding: 40px;
  background-color: #f2f3f5
}

.form .login-area .password {
  margin-top: 40px
}

.form .login-area .login-prt-1 {
  position: relative;
  margin-top: 40px
}

.form .login-area .login-prt-1 .cmp-frm004,
.form .login-area .login-prt-1 .cmp-txt001 {
  padding-top: 0
}

.form .login-area .login-prt-1 .cmp-txt001 {
  position: absolute;
  right: 0;
  top: -2px
}

.form .login-area a {
  color: #3b76c4
}

.no-touchevents .form .login-area a:hover {
  color: #3b76c4 !important
}

.form .login-area .l-column {
  margin: 40px -5px 0
}

.form .login-area .l-column>.wrp {
  padding: 0 5px;
  margin-bottom: 0
}

.form .login-area .cmp-frm006 {
  padding: 0
}

.form .login-area .cmp-frm006 .btn {
  min-width: auto
}

@media screen and (max-width:1023px) {
  .form .login-area {
    margin: 20px auto 0;
    padding: 15px
  }

  .form .login-area .login-prt-1,
  .form .login-area .password {
    margin-top: 30px
  }

  .form .login-area .login-prt-1 .cmp-txt001 {
    position: static;
    margin-top: 5px
  }

  .form .login-area .l-column {
    margin-top: 30px
  }
}

#entry .block {
  margin-top: 15px;
  font-size: 1.6rem;
  line-height: 2
}

#entry .block .clear {
  clear: both
}

#entry .block .caption {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 5px
}

#entry .block .wrap {
  margin: 0 auto
}

#entry .block ul {
  list-style: none
}

#entry .block ul li {
  font-size: 1.4rem
}

#entry .block ul li+li {
  margin-top: 10px
}

#entry .block ul.note li {
  position: relative;
  padding-left: 2rem
}

#entry .block ul.note li:before {
  content: "※";
  position: absolute;
  left: 0
}

#entry .block ol {
  list-style: none;
  counter-reset: counter
}

#entry .block ol li {
  font-size: 1.4rem;
  counter-increment: counter;
  position: relative;
  padding-left: 2rem
}

#entry .block ol li:before {
  content: counter(counter) ".";
  position: absolute;
  left: 0
}

#entry .block ol li+li {
  margin-top: 10px
}

#entry .block a {
  color: #15447e;
  text-decoration: underline
}

.chuspo #entry .block a {
  color: #0767cc
}

.no-touchevents #entry .block a:hover {
  text-decoration: none
}

#entry .block a[target=_blank]:after {
  font-family: Font Awesome\ 5 Free;
  content: "\f35d";
  padding: 0 .5rem
}

#entry .block .left,
#entry .block .right {
  margin-top: 15px;
  width: 100%
}

#entry .block .center .caption,
#entry .block .center .image {
  text-align: center
}

#entry .block .image {
  max-width: 640px;
  margin: 15px auto 0
}

#entry .block .image a {
  display: block;
  width: 100%;
  height: 100%
}

#entry .block .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  font-family: "object-fit: contain; object-position: center;"
}

#entry .block .description {
  clear: both;
  background-color: #f2f3f5;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 15px;
  line-height: 1.5
}

#entry .block+.cmp-misc001,
#entry .block+.cmp-misc021 {
  clear: both
}

.sp #entry .block iframe[src*="cdn.doitvr.com"],
.sp #entry .block iframe[src*="stream.co.jp"],
.sp #entry .block iframe[src*="youtube.com"],
.sp #entry .block video[src*="seel.peevee.tv"] {
  width: 100%
}

#entry .related_links {
  margin-top: 15px;
  font-size: 1.6rem;
  line-height: 2
}

#entry .related_links a {
  color: #15447e;
  text-decoration: underline
}

@media screen and (max-width:1023px) {
  #entry .related_links a {
    display: inline-block;
    margin-bottom: 15px
  }
}

.chuspo #entry .related_links a {
  color: #0767cc
}

.no-touchevents #entry .related_links a:hover {
  text-decoration: none
}

#entry .related_links a[target=_blank]:after {
  font-family: Font Awesome\ 5 Free;
  content: "\f35d";
  padding: 0 .5rem
}

#entry .cmp-thmb003>.wrp {
  width: 100%;
  margin-right: 0
}

#entry .cmp-thmb003>.wrp>div:nth-of-type(2) {
  margin-top: 10px
}

.sp #entry .cmp-thmb003.cmp-thmb003-single>.wrp .thumb-wrp {
  border: none;
  height: auto
}

.sp #entry .cmp-thmb003.cmp-thmb003-single>.wrp .js-calcheight {
  padding-top: 0
}

.sp #entry .cmp-thmb003.cmp-thmb003-single>.wrp .js-calcheight img {
  position: static
}

#entry .cmp-thmb002>.wrp>div:nth-of-type(2) {
  margin-top: 10px
}

#entry h2 {
  line-height: 1.94
}

#entry h2,
#entry h3 {
  padding-top: 0
}

#entry .cmp-media001,
#entry .cmp-misc003,
#entry ol,
#entry ul {
  clear: both
}