/* 縦書き
-------------------------------- */
@media only screen and (max-width: 768px) {
.tanka2 {
 width: 100%;
 border: none;
 padding: 1px;
 overflow: scroll;
  /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
}
/*スクロールバー非表示（Chrome・Safari）*/
.tanka2::-webkit-scrollbar{
  display:none;align-content
}
.contents__main .tanka p{font-size: 1em; margin: 0 1em;}
}
p.scr_hnt{ font-size: 10px;}
.tanka {
  text-align: center;
}
.tanka2 {
  font-family:  'Zen Old Mincho', serif;
  writing-mode: vertical-rl;
  display: inline-block;
  text-align: initial;
   overflow: scroll;
  /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
}
/*スクロールバー非表示（Chrome・Safari）*/
.tanka2::-webkit-scrollbar{
  display:none;align-content
}
.contents__main .tanka p{font-size: 1.5em; margin: 0 1em;}
@media only screen and (min-width: 769px) {
p.scr_hnt{display: none;}}


/*名前変換マーキー削除------------------------- */
.single .contents__main ul li {
    list-style: none;
}

/* 矢印ボタン
-------------------------------- */
/* btn1 */
.single .contents__main .btn1 a {
    color: black;
    border-bottom: none;
}
.btn1 a {
    font-family:"Share Tech Mono", 'Noto Sans JP', sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #333;
  font-weight: 400;
  display: block;
  position: relative;
  box-sizing: border-box;
  max-width: 180px;
  text-align: center; 
  padding: 4px 16px 4px 0;
  margin: 24px;
  margin-inline: auto;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

.btn1 a::before {
  content: "";
  display: block;
  position: absolute;
  width: 180px;
  height: 1px;
  background: #333;
  bottom: 0;
  transition: all 0.3s;
}

.btn1 a::after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 1px;
  background: #333;
  rotate: 40deg;
  right: -3px;
  bottom: 10px;
  transition: all 0.3s;
}

.btn1 a:hover::after,
.btn1 a:hover::before {
  translate: 20px 0;
  transition: all 0.3s;
}

@keyframes OutIn-Line {
    0% {
        transform: scale3d(1,1,1);
        transform-origin: 100% 0
    }

    50% {
        transform: scale3d(0,1,1);
        transform-origin: 100% 0
    }

    50.1% {
        transform: scale3d(0,1,1);
        transform-origin: 0 0
    }

    100% {
        transform: scale3d(1,1,1);
        transform-origin: 0 0
    }
}
/* YouTubeサイズ調整
-------------------------------- */
.youtube__aspect-ratio {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube__aspect-ratio iframe {
    width: 100%;
    height: 100%;
}

 /* ブログの横幅調整 */
.wp-embedded-content {
max-width: 100%;
}



/* てがろぐ
-------------------------------- */
.tegalog-embed{max-width: 100vw;}
.onelog_rss {
padding: 15px;
    background: #fff;
    border: 2px solid;
    font-weight: 300;
    font-size: 1em;
}
.wp-block-rss__item-excerpt {
    padding: 15px;
    border-top: 1px solid;
}
.wp-block-rss__item-title
{padding: 15px 15px 0 15px; font-weight: bold;}
time.wp-block-rss__item-publish-date{text-align: right; padding-right:15px; font-size: .7em;}
/* メッセージフォーム
-------------------------------- */
textarea {
width:100%;
height:100px;
    border: 2px solid #cccccc;
resize:none;
font-size: 16px;
}

.submit-btn  {
    background-color: #303030;
    font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #fff;
  font-weight: 400;
  border: solid 1px #cccccc;
  display: block;
  box-sizing: border-box;
  max-width: 300px;
  text-align: center; 
  padding: 16px 64px;
  margin: 24px;
  margin-inline: auto;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

.submit-btn:hover {
opacity:0.7;
  transition: all 0.3s;
}

@media screen and (max-width: 769px) {
input[type="button"], input[type="email"], input[type="submit"], textarea {
        box-sizing: border-box;
        -webkit-appearance: none;
        max-width: 100%;
    }
}
input[type="submit" i] {
  display       : inline-block;
    background-color: #333;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #fff;
    font-weight: 400;
    border: solid 1px #cccccc;
    box-sizing: border-box;
    max-width: 300px;
    text-align: center;
    padding: 10px 20px;
    margin: 10px;
    margin-inline: auto;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}

@media screen and (max-width: 769px) {
    .cards__blog.cards .card__txt {
        padding: 2px 12px;
    }
}

select#category-select {
    margin: 12px auto 40px;
    padding: 12px 8px;
    color: #4f4f4f;
    border: 2px solid #bbb;
    max-width: 350px;
    font-size: 15px;
}

.contents__main h2 span {
  display: inline-block;
     font-family: "Share Tech Mono",'Noto Sans JP', sans-serif;

}
.contents__main h2{
  border-bottom: solid 1px black;}

time.date {
    display: block;
    margin-bottom: 25px;
    font-family:"Share Tech Mono", 'Noto Sans JP', sans-serif;
    text-align: right;
}
.single .contents__main .btn2 a {
    border-bottom: none;
    color: black;
}

h2.novel_ttl {
    font-family:'Zen Old Mincho', serif;
    position: relative;
    padding: 1rem;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    view-transition-name:ttl;
    max-width: 1000px;
    margin: auto;
    margin-bottom: 2rem;
    border-bottom: none;
}
h2.novel_ttl::before,
h2.novel_ttl::after {
    position: absolute;
    width: 15px;
    height: 40px;
    content: '';
}

h2.novel_ttl::before {
    border-left: solid 2px;
    border-top: solid 2px;
    top: 0;
    left: 0;
}

h2.novel_ttl::after {
    border-right: solid 2px;
    border-bottom: solid 2px;
    bottom: 0;
    right: 0;
}
h2.single_ttl {
    font-family:"Share Tech Mono", 'Noto Sans JP', sans-serif;
    margin: 0 30px 10px;
    position: relative;
    padding: 1rem;
    font-size: 35px;
    font-weight: bold;
}
@media screen and (max-width: 769px) {{font-size:24px;}}
main .cards .card {border: 8px solid white;outline: 1px solid;}
main .cards__txt li:last-child a {border-bottom: 1px solid;}
main .cards__txt li a {border-bottom: 1px solid !important;}

.tanka_ttl{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 auto;}
.tanka_cards{display: inline-flex;
     width: 100%;
     gap: 10px;
    justify-content: space-around;}
.tanka_card{margin: auto; width: fit-content;}
code {
    color: white;
    padding: 10px;
    background: black;
    border: 2px solid #5FE085;
}

.niconico { text-align: center; }

.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.category-marquee {
  padding: 10px;
  margin: 10px 0;
  overflow: hidden;
  white-space: nowrap;
  background: #fff;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.marquee__inner {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 120s linear infinite;
}


.category-item {
  padding-right: 2rem;
  margin-right: 2rem;
  border-right: 1px solid #000;
  display: inline-block;
  font-weight: 500;
  letter-spacing: .2em;
  font-family: "Share Tech Mono",'WDXL Lubrifont JP N',sans-serif;
  text-transform: uppercase;
}

.category-item:last-child {
  border-right: none;
}


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

.category-item a:hover {
  text-decoration: underline;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}


.rss-excerpt img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0.5em 0;
}

.wp-block-video video{width: 95%; margin: 20px auto;}
.bg_white {background: #ffffff85; padding: 20px 0;}
.padding10px{padding: 0 10px;}
.padding10px h3{font-weight: bold; padding: 0 0 30px 20px;}
.line1-center-txt h3{font-size: 1.2rem; font-weight: bold; text-align: center;}

.cards.cards__gallery .modal {
  position: fixed; /* モーダルは画面固定で良い */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

header {
  width: 100%;
  max-width: none;
}
h2.movie-title {
    margin: 0 0 0.5em;
}


/* =========================
   View Transition
========================= */
.vt-category {
  view-transition-name: category-header;
}
.sp-site-title {
  view-transition-name: site-title;
}
.sp-section-label {
  view-transition-name: section-label;
}
/* MPA（ページ間）View Transition を有効化 */
@view-transition {
  navigation: auto;
}
/* 全トランジション共通（全部の group に適用） */
:root::view-transition-group(*) {
  animation-duration: .55s;
  animation-timing-function: cubic-bezier(.2,.8,.2,1);
}

/* ページ全体(root)のクロスフェードを軽く */
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: .25s;
}

/* 動きが苦手な環境への配慮 */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}
.wp-block-buttons.is-content-justification-center{margin: 16px;}