@charset "UTF-8";
/*!
 * ress.css ? v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */

/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */

input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type="number"] {
  width: auto; /* Firefox 36+ */
}

[type="search"] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */

img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */

/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */

/* Specify text selection background color and omit drop shadow */

::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}
  /************** 目次 **************/
  /* 0. 汎用クラス                  */
  /* 1. 全体的なレイアウト          */
  /* 2. セクション                  */
  /* 3.                             */
  /*                                */
  /**********************************/

/* 汎用クラス */
.cf::after {
  display: block;
  clear: both;
  content: "";
}

/* 全体的なレイアウト */
html {
  font-size: 10px;
}
body {
  counter-reset: section;
  background: #fdfdfd;
}
body, input, textarea, select, button {
  font-family: 'YuGothic','Yu Gothic M','Yu Gothic Medium','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
}
.l-main { width: 656px; float: left; padding-top: 20px;}
.l-main.--pt0 {
  padding-top: 0;
}
.l-sub { width: 300px; float: right; }
.l-content-width {
  width: 1030px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.l-content-width.--pt20 {
  padding-top: 20px;
}
.l-content-min-width {
  min-width: 1030px;
}
a {
  text-decoration: none;
  color: inherit;
}
a:not(.no-underline):hover,
a:not(.no-underline):active,
a.no-underline:hover .underline,
a.no-underline:active .underline {
  text-decoration: underline;
}
a img {
  transition: opacity .3s;
}
a:hover img,
a:active img {
  opacity: .5;
}
ul {
 list-style: none;
}

/* セクション */
.section-box {
  margin-bottom: 48px;
}
.section-box.--pt4 {
  padding-top: 4px;
}
.section-ttl-box {
  padding-bottom: 3px;
  margin-bottom: 5px;
  border-bottom: 5px solid #88002c;
  display: block;
}
.section-ttl-box.--author {
  padding-bottom: 10px;
  border-bottom: 1px solid #88002c;
}
.section-ttl-box.--top-premium {
  margin-bottom: 0;
  position: relative;
  border-bottom-color: #b1a441;
  background: #fff;
}
.section-ttl-box.--top-premium .section-ttl-box__ttl:before,
.section-ttl-box.--top-premium .section-ttl-box__ttl:after {
  content: '';
  position: absolute;
  display: block;
  width: 2px;
  height: 7px;
  right: 2px;
  background: #b1a441;
  margin: 0;
}
.section-ttl-box.--top-premium .section-ttl-box__ttl:before {
  top: 12.5px;
  transform: rotate(45deg);
}
.section-ttl-box.--top-premium .section-ttl-box__ttl:after {
  top: 9px;
  transform: rotate(-45deg);
}
.section-ttl-box.--top-premium .section-ttl-box__ttl:before:hover,
.section-ttl-box.--top-premium .section-ttl-box__ttl:after:hover {
  opacity: 1;
}
.section-ttl-box__link-ttl {
  display: block;
}
.section-ttl-box__ttl {
  font-size: 1.5rem;
  color: #88002c;
  display: inline;
}
.section-ttl-box__ttl.--author {
  font-size: 1.3rem;
  letter-spacing: 0.47px;
}
.section-ttl-box__ttl.--movie {
  font-weight: bold;
}
.section-ttl-box__ttl.--top-premium {
  color: #b1a441;
}
.section-ttl-box.--top-premium:hover .section-ttl-box__ttl:before,
.section-ttl-box.--top-premium:hover .section-ttl-box__ttl:after {
  opacity: 1;
}
.section-ttl-box__link-ttl .section-ttl-box__ttl:after {
  content: '';
  background-image: url(/https/kyoto-np.ismcdn.jp/common/images/v1/arrow-r.png);
  background-size: contain;
  display: inline-block;
  float: right;
  width: 7px;
  height: 10px;
  margin-top: 7px;
}
a .section-ttl-box__ttl {
  transition: opacity .3s;
}
a:hover .section-ttl-box__ttl,
a:active .section-ttl-box__ttl,
a:hover .section-ttl-box__ttl:after,
a:active .section-ttl-box__ttl:after {
  opacity: .5;
}
.section-ttl-box__author {
  font-size: 1.6rem;
  color: #999;
}

/* セクション:個別 */
.section-ttl-box--feature {
  border-bottom-width: 2px;
}
.section-ttl-box--feature .section-ttl-box__ttl {
  font-size: 1.8rem;
  color: #000;
  margin-right: .7em;
}
.section-ttl-box.--papers {
  border-bottom-width: 2px;
  margin-bottom: 30px;
  padding-left: 3px;
}
.section-ttl-box.--papers .section-ttl-box__ttl {
  font-size: 1.4rem;
  letter-spacing: .1em;
}
.section-box--ranking .section-ttl-box {
  border: unset;
  padding: 0;
  margin-bottom: 5px;
}
.section-box--sub-ranking {
  margin-bottom: 34px;
}
.section-box--sub-ranking .section-ttl-box {
  border: unset;
  padding: 0;
  margin-bottom: 5px;
}

/* プリントページ用 */
.print .l-main {
  width: 100%;
  padding-top: 60px;
}
.print .l-content-width {
  width: 790px;
  padding: 0;
}  /************** 目次 **************************/
  /* 1. 関連ワード                              */
  /* 2. tab-menu                                */
  /* 3. 次ページ誘導見出し                      */
  /* 4. ページネーション                        */
  /* 5. パンくず                                */
  /* 6. ボタン                                   */
  /* 7. アイコン                                   */
  /* 8. メニュー                                   */
  /**********************************************/

/* 関連ワード */
.keyword-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.keyword-list__link {
  display: block;
  background: #e8e8e8;
  border-radius: 5px;
  padding: 2px 10px;
  color: #000;
  font-size: 1.4rem;
  letter-spacing: .05em;
  margin-bottom: 10px;
}
.keyword-list .keyword-list__link:not(:last-child) {
  margin-right: 15px;
}

/* tab-menu */
.tab-menu {
  display: flex;
  justify-content: flex-end;
  transform: translateY(-11px);
}
.tab-menu > li {
  font-size: 1.3rem;
  letter-spacing: .1em;
  line-height: 2.2;
  flex-grow: 1;
  text-align: center;
}
.tab-menu > li.active {
  color: #88002c;
  transform: translateY(8px);
  font-weight: bold;
}
.tab-menu > li:not(.active) {
  background: #e5e5e5;
  border-left: 1px solid #fff;
  cursor: pointer;
}
.tab-menu > li > * {
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}
.tab-menu > li:not(.active) > * {
  transition: opacity .3s;
}
.tab-menu > li:not(.active):hover > * {
  opacity: .5;
}

/* tab-menu:ranking */
.tab-menu--ranking {
  flex-wrap: wrap;
  justify-content: space-between;
  transform: none;
}
.tab-menu--ranking .tab-menu__item:nth-child(-n+3) {
  margin-bottom: 3px;
}
.tab-menu--ranking .tab-menu__item {
  width: calc((100% - 4px) / 3);
  padding: 2px 15px;
  flex-grow: unset;
}
.tab-menu--ranking .tab-menu__item:not(.active) {
  border: unset;
}
.tab-menu--ranking .tab-menu__name {
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1;
  padding: 7px 15px;
}
.tab-menu--ranking .tab-menu__item.active {
  background: #fff;
  border-top: 5px solid #87002c;
  margin-bottom: -5px;
  transform: none;
}
.tab-menu--ranking .tab-menu__item.active > .tab-menu__name {
  font-weight: 700;
}
.tab-menu--ranking .tab-menu__item {
  padding: 0;
}

/* tab-menu:event */
.tab-menu--event {
  margin-bottom: 14px;
}
.tab-menu--event > li:not(.active) {
  text-align: center;
}
/* tab-menu:movie */
.tab-menu--movie > li > * {
  padding: 0;
}
/* tab-menu:weather */
.tab-menu--weather > li > * {
  padding: 0;
}

/* イベント情報 */
.event-list-tab__list > li {
  border-bottom: 1px solid #e8e8e8;
}
.event-list-tab__event-name {
  font-size: 1.5rem;
  letter-spacing: .05em;
  display: block;
  padding: 8px 0;
}
.event-list-tab__no-event {
  font-size: 1.5rem;
  letter-spacing: .05em;
}

/* 次ページ誘導見出し */
.next-page-navi {
  margin: 30px 0;
  text-align: center;
}
.next-page-navi__link {
  display: block;
  margin: auto;
  font-size: 1.5rem;
  line-height: 1.3;
  padding: .5em 1em;
  border: 1px solid #88002c;
  border-radius: 5px;
  width: 70%;
  transition: .3s;
}
.next-page-navi__link:hover {
  opacity: .5;
}
.next-page-navi__link::after {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../../../../common/images/v1/arrow-r.png) center center no-repeat;
  background-size: auto 100%;
  vertical-align: middle;
  margin-left: 1em;
}
.next-page-navi__text {
  display: inline-block;
  max-width: calc(100% - 2em);
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ページネーション */
.pagination {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 30px 0;
}
.pagination > li {
  font-size: 2rem;
  color: #88002c;
  font-weight: bold;
}
.pagination > li.current {
  opacity: .5;
}
.pagination > li:not(:last-child) {
  margin-right: 50px;
}
.pagination li.prev span::before,
.pagination li.next span::before {
  content: '';
  background-image: url(/https/kyoto-np.ismcdn.jp/common/images/v1/arrow-r.png);
  background-size: contain;
  display: inline-block;
  width: 10px;
  height: 16px;
}
.pagination li.prev span::before {
  transform: rotate(180deg);
}

/* パンくず */
.breadcrumb-box {
  padding: 6px 0;
  font-size: 0;
}
.breadcrumb-box > li {
  font-size: 1.2rem;
  display: inline;
}
.breadcrumb-box > li:not(:last-child)::after {
  content: ">";
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
}

/* ボタン */
.btn {
  display: inline-block;
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
  background: #88002c;
  padding: 1em 3em;
  min-width: 15em;
  transition: .3s;
  outline: none;
  margin-left: .5em;
  margin-right: .5em;
}
.btn:hover,
.btn:active {
  opacity: .5;
}
.btn-wrapper {
  display: block;
  width: 100%;
  text-align: center;
  margin: 30px 0;
}
.map {
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #88002c;
  padding: .1em .3em;
  transition: .3s;
  outline: none;
  margin-left: .5em;
  margin-right: .5em;
}

/* アイコン */
.icon {
  display: inline-block;
  margin-right: .3em;
  width: 1.5em;
  height: 1.5em;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
}
.icon--tel {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTEuNzQ4IDUuNzczUzExLjQxOCA1IDEwLjkxNCA1Yy0uNDk2IDAtLjc1NC4yMjktLjkyNi4zODdTNi45MzggNy45MSA2LjkzOCA3Ljkxcy0uODM3LjczMS0uNzczIDIuMTA2Yy4wNTQgMS4zNzUuMzIzIDMuMzMyIDEuNzE5IDYuMDU4IDEuMzg2IDIuNzIgNC44NTUgNi44NzYgNy4wNDcgOC4zMzcgMCAwIDIuMDMxIDEuNTU4IDMuOTIxIDIuMTkxLjU0OS4xNzMgMS42NDcuMzk4IDEuOTAzLjM5OC4yNiAwIC43MTkgMCAxLjI0Ni0uMzg1LjUzNi0uMzg5IDMuNTQzLTIuODA3IDMuNTQzLTIuODA3cy43MzYtLjY2NS0uMTE5LTEuNDM4Yy0uODU5LS43NzMtMy40NjctMi40OTItNC4wMjUtMi45NDQtLjU1OS0uNDU5LTEuMzU1LS4yNTctMS42OTkuMDU0LS4zNDMuMzEzLS45NTYuODI4LTEuMDMxLjg5My0uMTEyLjA4Ni0uNDE5LjM2NS0uNzYzLjIyNi0uNDM4LS4xNzMtMi4yMzQtMS4xNDgtMy44OTktMy40MjYtMS42NTUtMi4yNzYtMS44MzctMy4wMi0yLjA4NC0zLjgyNGEuNTYuNTYgMCAwIDEgLjIyNS0uNjU3Yy4yNDgtLjE3MiAxLjE2MS0uOTMzIDEuMTYxLS45MzNzLjU5MS0uNTgzLjM0NC0xLjI3LTEuOTA2LTQuNzE2LTEuOTA2LTQuNzE2eiIvPjwvc3ZnPg==');
}
.icon--email {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNNSAyNC4yMjVWNy43NzZoMjJ2MTYuNDQ3SDV2LjAwMnptMy4wMTEtMS44MTVoMTUuOTc4bC01LjExMS01LjExNUwxNiAyMC4xNzlsLTIuODc3LTIuODgzLTUuMTEyIDUuMTE0em0tMS4yMTYtMS4yNzVsNS4wNzctNS4wOS01LjA3Ny01LjA2NXYxMC4xNTV6bTEzLjMzMi01LjA5bDUuMDc5IDUuMDlWMTAuOTc5bC01LjA3OSA1LjA2NnptLTQuMTI2IDEuNTg4bDguMDIyLTguMDI3LTE2LjA0NS0uMDAxIDguMDIzIDguMDI4eiIvPjwvc3ZnPg==');
}

/* メニュー */
.contents-menu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 0;
}
.contents-menu > li {
  width: calc(50% - 10px);
  border-bottom: 1px solid #e9e9e9;
}
.contents-menu > li:nth-of-type(2n) {
  margin-left: 20px;
}
.contents-menu > li > a {
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: .5em 0;
  background: url(../../../../common/images/v1/arrow-r.png) right center no-repeat;
  background-size: .5em auto;
  padding-right: 1em;
}

/* 著者 */
.author-box {
  display: flex;
  margin-top: 30px;
}
.author-image-icon {
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  margin-right: 50px;
}
.author-profile-name {
  font-size: 1.5rem;
  line-height: 1.1;
  vertical-align: middle;
  margin-bottom: 20px;
}
.author-profile-name.\--kanji {
  font-size: 2.2rem;
  margin-right: 15px;
}
.author-profile-text {
  font-size: 1.5rem;
}
.not-found {
  font-size: 1.5rem;
}
/* -------------------------------------------------------
parts > header
・ヘッダー上部
・サイトロゴ
・ハンバーガーメニュー
・アイコンリスト
・グローバルメニュー
・検索
・固定ヘッダー
---------------------------------------------------------- */

/* ヘッダー上部 */
.header-top {
  position: relative;
  height: 100px;
}
.header-top__left {
  position: absolute;
  left: 15px;
}
.header-top__left > * {
  margin-right: 30px;
}
.header-top__right {
  position: absolute;
  right: 25px;
}
.header-top__right > * {
  margin-left: 30px;
}

/* サイトロゴ */
.header-logo img {
  position: absolute;
  top: 0;
  bottom: 11px;
  left: 0;
  right: 70px;
  margin: auto;
}

/* ハンバーガーメニュー */
.burger-menu-icon {
  background: url(../../../common/images/v1/icon-menu.png) center top no-repeat;
  text-align: center;
  font-size: .9rem;
  line-height: 2;
  display: inline-block;
  height: 20px; /* アイコン高さ */
  width: 30px; /* アイコン幅 */
  position: relative;
  vertical-align: top;
  margin-top: 33px;
}
.burger-menu-icon__ttl {
  position: absolute;
  left: -100%;
  right: -100%;
  top: 100%;
  margin: auto;
  width: 4em; /* 文字数分 */
  letter-spacing: -.1em;
  padding-top: .7em;
  line-height: 1.5;
  color: #6e6c75;
  white-space: nowrap;
}

/* ハンバーガーメニュー：オーバーレイ（close用） */
.burger-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
  display: none;
}
.burger-menu-overlay.is-opened {
  display: block;
}

/* ハンバーガーメニュー：メニュー */
.burger-menu {
  padding: 4px 30px 12px;
  overflow-y: auto;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 343px;
  border-right: 1px solid #87002c;
  transform: translateX(calc(-100% - 4px));
  transition: transform .5s;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.burger-menu::-webkit-scrollbar {
  display: none;
}
.burger-menu.is-opened {
  transform: translateX(0);
}
.burger-menu-auth {
  position: absolute;
  top: 25px;
  right: 20px;
  z-index: 100;
}
.burger-menu-auth__link {
  font-size: 1.5rem;
  color: #88002c;
  padding: 10px;
  line-height: 1;
}
.burger-menu-home__link {
  padding: 0;
  display: block;
  width: 45px;
  height: 48px;
  position: relative;
  margin-left: -10px;
}
.burger-menu-home__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.burger-menu-weather {
  border-top: 1px solid #e5e5e5;
}
.burger-menu-weather-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.burger-menu-weather-item--kyoto {
  padding: 10px 0 4px 50px;
}
.burger-menu-weather-item--shiga {
  padding: 4px 0 10px 50px;
//  border-bottom: 1px solid #e8e8e8;
}
.burger-menu-weather-item__left {
  display: flex;
  align-items: center;
}
.burger-menu-weather-item__link:hover .burger-menu-weather-item__name {
  text-decoration: underline;
}
.burger-menu-weather-item__name {
  font-size: 1.5rem;
  line-height: 1.73;
  margin-right: 17px;
  letter-spacing: .05em;
}
.burger-menu-weather-item__icon {
  margin-right: 9px;
}
.burger-menu-weather-item:hover .burger-menu-weather-item__icon {
  opacity: 1;
}
.burger-menu-weather-item__tmps {
  display: flex;
  justigy-content: center;
}
.burger-menu-weather-item__tmp {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.17;
  letter-spacing: .05em;
}
.burger-menu-weather-item__tmp--max {
  color: #f00;
}
.burger-menu-weather-item__tmp--min {
  color: #0045ff;
}
.burger-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #87002c;
  font-size: 1.4rem;
  position: relative;
  cursor: pointer;
  line-height: 3.07;
  padding-left: 50px;
  letter-spacing: .05em;
}
.burger-menu-item--accordion {
  padding: 0;
}
.burger-menu-item-wrapper:has(.burger-menu-item__accordion-switcher.is-open) {
  border-top: 1px solid #87002c;
}
.burger-menu-item--accordion:has(.burger-menu-item__accordion-switcher.is-open) {
//  border-top: 2px solid #87002c;
}
.burger-menu-item:hover .burger-menu-item__name:not(.no-underline) {
  text-decoration: underline;
}
.burger-menu-item__name {
  line-height: 1.4;
  padding: 10px 10px 10px 0;
  font-size: 1.5rem;
  letter-spacing: .05em
}
.burger-menu-item__name.no-underline.is-active {
  text-decoration: underline;
}
.burger-menu-item__accordion-switcher.is-close::after,
.burger-menu-item__accordion-switcher.is-open::after {
  content: '';
  width: 1em;
  height: 1em;
  background: url(../../../../common/images/v1/open.png) center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  margin: auto;
  transition: transform .3s;
}
.burger-menu-item__accordion-switcher.is-open::after {
  transform: rotateX(180deg);
}

.burger-menu-item__arrow {
  width: 36px;
  height: 22px;
  background: #d7abb9;
  border-radius: 2px;
  position: relative;
}
.burger-menu-item__arrow::after {
  content: '';
  width: 7px;
  height: 12px;
  background: #ddd;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/https/kyoto-np.ismcdn.jp/common/kyt/images/menu/icon_arrow-right-r.svg) center no-repeat;
  background-size: contain;
}
.burger-menu-item__arrow.is-open {
  width: 36px;
  height: 22px;
  border: 1px solid #87002c;
  border-radius: 2px;
  position: relative;
  background: none;
}

.burger-menu-item__accordion-switcher {
  width: calc(100% - 36px);
  padding-left: 50px;
  text-align: left;
}

.burger-menu-item-wrapper {
  border-top: 1px solid #e8e8e8;
}

.burger-menu-secondary-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .6s cubic-bezier(.16, 1, .3, 1);
}
.burger-menu-secondary-wrapper.is-open {
  grid-template-rows: 1fr;
}
.burger-menu-secondary {
  font-size: 0;
  display: flex;
  flex-direction: column;
  padding-left: 51px;
  overflow: hidden;
}
.burger-menu-secondary__item {
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
}
.burger-menu-secondary__item:last-child {
  border-bottom: none;
}
.burger-menu-secondary__link {
  font-size: 1.4rem;
  letter-spacing: .05em;
  color: #87002c;
  padding: 10px 10px 10px 0;;
  display: block;
  text-align: left;
}
.burger-menu-secondary__link:hover {
  text-decoration: underline;
}
.burger-menu-secondary--double {
  flex-wrap: wrap;
  flex-direction: unset;
  padding-left: 45px;
}
.burger-menu-secondary--double .burger-menu-secondary__item {
  width: 50%;
  padding: 0 4px;
}
.burger-menu-secondary--double .burger-menu-secondary__item:nth-child(-n+2) {
  border-top: none;
}
.burger-menu-secondary--double .burger-menu-secondary__item:nth-child(odd) {
  border-right: 1px solid #e8e8e8;
}
.burger-menu-secondary--double .burger-menu-secondary__item:nth-last-child(-n+1),
.burger-menu-secondary--double .burger-menu-secondary__item:nth-last-child(2):nth-child(odd) {
  border-bottom: none;
  margin-bottom: 10px;
}
.burger-menu-secondary--double .burger-menu-secondary__link {
  display: flex;
  justify-content: center;
  height: 100%;
  text-align: center;
  line-height: 1.5;
  padding: 10px 2px;
}
.burger-menu-secondary--double .burger-menu-secondary__link:hover {
  text-decoration: underline;
}

.burger-menu-keyword__ttl {
  font-size: 1.5rem;
  line-height: 1.73;
  color: #87002c;
  text-align: center;
  margin: 18px 0;
  letter-spacing: .05em;
}
.burger-menu-keyword-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
}
.burger-menu-keyword-list__link {
  padding: 4.5px 8px 2px;
  border: 1px solid #87002c;
  border-radius: 4px;
  font-size: 1.4rem;
  line-height: 1;
  color: #87002c;
  margin-right: 10px;
  margin-bottom: 12px;
  letter-spacing: .05em;
  height: fit-content;
}
.burger-menu-keyword-list__link:last-child {
  margin-bottom: 17px;
}

.burger-menu-feature:not(:last-child) {
  margin-bottom: 1px;
}
.burger-menu-feature__item {
  border-bottom: 1px solid #fff;
  background: #e7ccd5;
  position: relative;
}
.burger-menu-feature__item:last-child {
  border-bottom: none;
}
.burger-menu-feature__item::after {
  content: "";
  width: 7px;
  height: 12px;
  display: block;
  background: url(/https/kyoto-np.ismcdn.jp/common/kyt/images/menu/icon_arrow-right-r.svg) center no-repeat;
  background-size: contain;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.burger-menu-feature__link {
  padding: 7px 35px 7px 10px;
  display: block;
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1.5;
  color: #87002c;
  text-align: left;
}

.burger-menu-fixed-frame__link {
  color: #87002c;
}
.burger-menu-fixed-frame--center {
  display: flex;
  justify-content: space-between;
  border: 1px solid #e8e8e8;
}
.burger-menu-fixed-frame--center .burger-menu-fixed-frame__link {
  padding: 8.5px 10px;
  background: #f4f4f4;
  width: 100%;
  flex-grow: 1;
  font-size: 1.4rem;
  letter-spacing: .05em;
  color: #87002c;
  line-height: 1.5;
  text-align: center;
}
.burger-menu-fixed-frame--center .burger-menu-fixed-frame__link:first-child {
  border-right: 1px solid #e8e8e8;
}
.burger-menu-fixed-frame--bottom {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.burger-menu-fixed-frame--bottom .burger-menu-fixed-frame__link {
  width: 100%;
  padding: 14px 10px;
  border-bottom: 1px solid #e8e8e8;
}
.burger-menu-fixed-frame--bottom .burger-menu-fixed-frame__name {
  font-size: 1.3rem;
  color: #87002c;
  line-height: 1;
  text-align: center;
  letter-spacing: .05em;
}

.burger-menu-other {
  display: flex;
  flex-wrap: wrap;
}
.burger-menu-other__item {
  width: calc(100% / 2);
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.burger-menu-other__item:nth-child(odd) {
  width: calc(100% / 2);
  border-left: 1px solid #e8e8e8;
}
.burger-menu-other__link {
  font-size: 1.3rem;
  color: #87002c;
  line-height: 1.3;
  letter-spacing: .05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 13px 10px;
}

.burger-menu-sns-list {
  display: flex;
  justify-content: center;
}
.burger-menu-sns-icon {
  display: block;
  width: fit-content;
  height: fit-content;
}
.burger-menu-sns-icon__img {
  display: block;
}
.burger-menu-sns-icon--facebook {
  padding: 4px 15px;
}
.burger-menu-sns-icon--x {
  margin-left: 10px;
  padding: 4px 8px;
}

.burger-menu-scroll-guide {
  pointer-events: none;
  opacity: 0;
  transition: .3s;
  background: #8d8c91;
  text-align: center;
  position: fixed;
  bottom: 10px;
  transform: translateX(-50%);
  left: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 100;
}
.burger-menu-scroll-guide.is-show {
  opacity: .38;
}
.burger-menu-scroll-guide.is-show::after {
  content: "";
  display: block;
  background: #8d8c91;
  text-align: center;
  position: fixed;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  animation-name: zoom;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.burger-menu-scroll-guide.is-show::before {
  width: 18px;
  height: 11px;
  content: "";
  display: block;
  background: url(/https/kyoto-np.ismcdn.jp/common/kyt/images/menu/icon_arrow-down-w.svg) center no-repeat;
  background-size: contain;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
@keyframes zoom {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .4;
  }
  
  100% {
    opacity: 0;
    transform: scale3d(1.4, 1.4, 1.4);
  }
}
.zoom-in {
  animation-name: zoom;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

/* 日付＆リンク */
.header-date-and-link {
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
}
.header-date {
  font-size: 1.5rem;
  letter-spacing: .05em;
  line-height: 1.2;
}
.header-link {
  color: #88002c;
  font-size: 1.5rem;
  letter-spacing: .01em;
}
.header-link a {
  margin-right: 14px;
}
/* ボタン群 */
.header-btn-list {
  display: inline-flex;
  vertical-align: top;
  margin-top: 26px;
}
.header-btn {
  display: table;
  height: 36px;
  vertical-align: middle;
  min-width: 80px;
  background: red;
  border-radius: 5px;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
  padding-top: 2px;
  letter-spacing: .05em;
}
.header-btn-list .header-btn:not(:nth-of-type(1)) {
  margin-left: 18px;
}
.header-btn > * {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.header-btn--signup {
  background: #88002c;
  color: #fff;
  font-size: 1.2rem;
  width: 95px;
  letter-spacing: .1em;
}
.header-btn--papers {
  background: #fff url(/https/kyoto-np.ismcdn.jp/common/images/v1/icon-device.svg) no-repeat center left 7px;
  background-size: 20px;
  border: 2px solid #88002c;
  color: #88002c;
  font-size: 1.1rem;
  text-align: left;
  padding-left: 35px;
  width: 95px;
}
.header-btn--login {
  background: #8d8c92;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0;
  width: 95px;
}
.header-btn--mypage {
  background: #e4c7d0 url(/https/kyoto-np.ismcdn.jp/common/images/v1/icon-mypage.png) no-repeat center left 8px;
  background-size: 14px;
  color: #88002c;
  font-size: 1.2rem;
  letter-spacing: 0;
  padding: 0 6px 0 24px;
  width: 95px;
}

/* アイコン群 */
.header-icon-list {
  font-size: 1rem;
  line-height: 2;
  display: inline-flex;
  height: 25px; /* アイコン高さ */
  margin-top: 30px;
}
.header-icon {
  background: transparent center top no-repeat;
  text-align: center;
  width: 25px; /* アイコン幅 */
  position: relative;
}
.header-icon-list .header-icon:not(:first-child) {
  margin-left: 25px;
}
.header-icon__ttl {
  position: absolute;
  left: -100%;
  right: -100%;
  top: 100%;
  margin: auto;
  font-size: 1rem;
  padding-top: .5em;
  width: 4em; /* 文字数分 */
  color: #6e6c75;
}

.header-icon--facebook { background-image: url(../../../common/images/v1/icon-facebook.png) }
.header-icon--twitter { background-image: url(../../../common/images/v1/icon-twitter.png) }
.header-icon--search { background-image: url(../../../common/images/v1/icon-search.png) }
.header-icon--search .header-icon__ttl {
  font-size: 1.1rem;
  padding-top: .3em;
}

/* グローバルメニュー */
.global-menu {
  color: #88002c;
  background: currentColor;
}
.global-menu-item-list {
  display: flex;
}
.global-menu-item {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.3;
  padding: .5em 1em;
  position: relative;
  z-index: 1;
  flex-grow: 1;
  text-align: center;
}
.global-menu-item:hover,
.global-menu-item.is-active {
  background: #e8e8e8;
  color: #88002c;
}
.global-menu-item--corporate {
  background: #d8abb9;
  color: #88002c;
}
.global-menu-item--corporate:hover,
.global-menu-item--corporate.is-active {
  background: #550d25;
  color: #fff;
}

/* グローバルメニュー：固定 */
.global-menu:not(.global-menu--fixed) .global-menu__only-fixed {
  display: none;
}
.global-menu--fixed .global-menu-item {
  padding: .7em .3em;
}
.global-menu__logo {
  padding: 6px 20px;
}
.global-menu__logo img {
  height: 26px;
  vertical-align: bottom;
}
.global-menu__search,
.global-menu__burger-menu {
  height: 38px;
  width: 38px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 20px;
}
.global-menu__search {
  background-image: url(../../../common/images/v1/icon-search-w.png);
}
.global-menu__burger-menu {
  background-image: url(../../../common/images/v1/icon-menu-w.png);
}

/* 検索 */
.header-search {
  text-align: center;
  padding: 20px 100px;
  display: none;
}
.header-search__input {
  width: 100%;
  border: 0;
  background: #eee;
  padding: .5em 1em;
  box-sizing: border-box;
  font-size: 1.4rem;
}
.header-search__submit {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 3em;
  height: 2em;
  background: url(../../../common/images/v1/icon-search.png) center center no-repeat;
  background-size: 1.3em auto;
}

/* 固定ヘッダー */
.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 90;
  transform: translateY(0);
  transition: transform .5s;
  background: #fdfdfd;
}
.header-fixed.is-hidden {
  transform: translateY(-100%);
}

/* プリントページ用 */
.print .g-header {
  padding: 30px 0 0;
  height: 100px;
}
.print .g-header-inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
}
.print .header-logo img {
  position: inherit;
}
.print .g-header-right {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.print .g-header-btn-print {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 50px;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #EAEAEA;
  cursor: pointer;
}
.print .g-header-btn-print:hover,
.print .g-header-btn-close:hover {
  opacity: .5;
  transition: .3s;
}
.print .g-header-btn-close {
  margin-left: 35px;
  position: relative;
  cursor: pointer;
  top: -5px;
}
.print .g-header-btn-close__txt {
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}
  /************** 目次 **************/
  /* 0. footer                      */
  /* 1. 自社リンク                  */
  /* 2. 外部リンク                  */
  /* 3.                             */
  /*                                */
  /**********************************/

/* footer */
.footer-menu {
  margin-bottom: 48px;
  position: relative;
}

/* 自社リンク */
.footer-menu-logo {
  padding-bottom: 20px;
  border-bottom: 2px solid #88002c;
}
.footer-menu-logo__kyt-icon {
  margin-right: 13px;
}
.footer-menu-sns {
  position: absolute;
  top: 10px;
  right: 0;
}
.footer-menu-sns-icon {
  margin-right: 30px;
}
.footer-menu-head {
  padding-bottom: 20px;
  border-bottom: 2px solid #88002c;
}
.footer-menu-head__link-list {
  float: left;
}
.footer-menu-head__link-list:not(:last-child) {
  margin-right: 51px;
}
.footer-menu-head__link-list > li {
  font-size:1.4rem;
  letter-spacing: .05em;
  line-height: 1.8;
}
.footer-menu-head__link-list-ctg {
  color: #88002c;
  margin: 12px 0;
  font-weight: bold;
}
.footer__link > li {
  display: inline-block;
}
.footer__link > li:not(:last-child)::after {
  content: "|";
  margin: 0 5px;
}
.footer__link-txt {
  font-size: 1.2rem;
}

/* 外部リンク */
.footer-menu-47news {
  padding-top: 30px;
}
.footer-menu-47news__ttl {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.footer-bottom {
  background: #88002c;
  text-align: center;
  padding: 13px 0 10px;
  height: 35px;
}
.footer-bottom__txt {
  font-size: 1.1rem;
  letter-spacing: .05em;
  color: #fff;
  width: 1030px;
  margin: 0 auto;
}

/* プリントページ用 */
.print .g-footer {
  text-align: center;
}
.print .g-footer-logo {
  margin-bottom: 10px;
}
.print .g-footer-copyright {
  font-size: 1.4rem;
  letter-spacing: .7px;
  line-height: 1;
  margin-bottom: 20px;
}
  /********************** 目次 **************************/
  /* 0. 誘導モジュール                                  */
  /* 1. ランキング                                      */
  /* 4. 動画ライブラリ                                  */
  /* 6. 京都新聞社から                                  */
  /* 7. イベントメニュー                                */
  /* 8. 紙面                                            */
  /******************************************************/

/* 誘導モジュール */
.induction {
  font-size: 1.3rem;
  background: #e8e8e8;
  text-align: center;
  height: 74px;
  padding: 15px 23.7px 13px 29.3px;
  margin-bottom: 23px;
}
.induction__ttl {
  font-size: 1.3rem;
  letter-spacing: .05em;
  margin-bottom: 5px;
}
.induction__link-list {
  display: inline-block;
}
.induction__link {
  float: left;
  color: #88002c;
  font-size: 1.3rem;
  letter-spacing: .05em;
}
.induction__item {
  margin: 0 15px;
  float: left;
}

/* ランキング */
.tab-menu--sub-ranking {
  flex-wrap: wrap;
  justify-content: space-between;
  transform: none;
  margin-bottom: 10px;
}
.tab-menu--sub-ranking .tab-menu__item:nth-child(-n+3) {
  margin-bottom: 3px;
}
.tab-menu--sub-ranking .tab-menu__item {
  width: calc((100% - 6px) / 3);
  padding: 2px 15px;
  flex-grow: unset;
}
.tab-menu--sub-ranking .tab-menu__item:not(.active) {
  border: unset;
}
.tab-menu--sub-ranking .tab-menu__name {
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1;
  padding: 5px 4px;
}
.tab-menu--sub-ranking .tab-menu__item.active {
  background: #fff;
  border-top: 3px solid #87002c;
  margin-bottom: -2px;
  transform: none;
}
.tab-menu--sub-ranking .tab-menu__item {
  padding: 0;
}


/* 動画ライブラリ */
.sub-movie__movie-wrapper {
  position: relative;
}
.sub-movie__movie-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../../../../common/images/v1/icon-play.png) center center no-repeat;
}
.sub-movie__movie {
  width: 300px;
  height: 168px;
  object-fit: cover;
}
.sub-movie__txt {
  font-size: 1.35rem;
  letter-spacing: .05em;
  line-height: 1.777;
}

/* 京都新聞からのお知らせ */
.sub-kyt-info .m-sub-articles-link-list__txt {
  font-size: 1.3rem;
}

/* 京都新聞社から */
.sub-from-kyt {
  margin-bottom: 45px;
}
.sub-from-kyt__ttl {
  background: #88002c;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.5;
  letter-spacing: .05em;
  margin-bottom: 15px;
}
/* 京都新聞社から：メニュー */
.corp-menu-item__ctg {
  color: #88002c;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: .05em;
  border-bottom: 2px solid currentColor;
  padding: 5px;
  background: url(../../../../common/images/v1/sub-open.png) center right 5px no-repeat;
  cursor: pointer;
  transition: .3s;
}
.corp-menu-item__ctg:hover {
  opacity: .5;
}
.corp-menu-item__ctg.is-open {
  background-image: url(../../../../common/images/v1/sub-close.png);
}
.corp-menu-item__list {
  padding-bottom: 10px;
  display: none;
}
.corp-menu-item__content {
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: .05em;
  border-bottom: 1px solid #e9e9e9;
  padding: 5px;
}

/* イベントメニュー */
.sub-event-menu nav {
  font-size: 0;
}

/* 紙面 */
.sub-paper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  background: #88002c;
  padding: 15px;
}
.sub-paper__img-wrapper {
  width: 156px;
  height: 166px;
  margin-right: 15px;
}
.sub-paper__img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.sub-paper__button-list {
  flex: 1;
}
.sub-paper__button {
  display: block;
  background: #fff;
  border: 1px solid #707070;
  border-radius: 4px;
  color: #88002c;
  font-size: 1.2rem;
  line-height: 1.3;
  padding: 8px 5px 8px 40px;
  position: relative;
}
.sub-paper__button:not(:last-child) {
  margin-bottom: 11px;
}
.sub-paper__button::before {
  display: block;
  content: '';
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9px;
  margin: auto;
}
.sub-paper__button.--viewer::before {
  height: 22px;
  background: url(/https/kyoto-np.ismcdn.jp/common/images/v1/icon-device.svg) no-repeat;
  background-size: contain;
}
.sub-paper__button.--sample::before {
  height: 20px;
  background: url(/https/kyoto-np.ismcdn.jp/common/images/v1/icon-newspaper.svg) no-repeat;
  background-size: contain;
}
.sub-paper__button.--subscription::before {
  height: 20px;
  background: url(/https/kyoto-np.ismcdn.jp/common/images/v1/icon-info.svg?20201111) no-repeat;
  background-size: contain;
}
  /************** 目次 **************/
  /* 1. ビルボード                  */
  /* 2. サブカラム                  */
  /* 3. 記事下レクタングル          */
  /*                                */
  /**********************************/

/* ビルボード */
.ad-billboard {
  text-align: center;
  padding-top: 20px;
}

/* サブカラム */
.sub-ad {
  margin-bottom: 35px;
  text-align: center;
}
.sub-ad img {
  max-width: 100%;
}

/* 記事下レクタングル */
.ad-article-bottom-rect-wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.ad-article-bottom-rect-wrapper > * {
  margin-left: 5px;
  margin-right: 5px;
}

/* フォトギャラリーのメイン画像下 */
.gallery-ad{
  text-align:center;
  margin-top:20px;
}

/* インストリーム広告 */
.ad-instream {
  margin: 48px auto;
}

/* PC 鍵なし記事 gliaplayer */
.ad-gliaplayer-kyotonp-muryou-desktop {
  min-height: 200px;
  display: table;
}