@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* フォントの設定 */
/* @font-face {
  src: local('Oooh Baby Regular'), local('OoohBaby-Regular'), url("/fonts/OoohBaby.woff2") format("woff2");
  font-family: "Oooh Baby";
  font-style: normal;
  font-display: auto;
  チラつき防止
} */

@font-face {
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url("/fonts/Quicksand.woff2") format("woff2");
  font-family: "Quicksand";
  font-style: normal;
  font-display: swap;
}

@font-face {
  src: local('Kosugi Maru Regular'), local('KosugiMaru-Regular'), local('Kosugi Maru'), local('KosugiMaru'), url("/fonts/KosugiMaru.woff2") format("woff2");
  font-family: "Kosugi Maru";
  font-style: normal;
  font-display: swap;
}

html {
  font-size: 60%;
  height: 100%;
  scroll-behavior: smooth;
  /*アンカーリンクの余白調整*/
  scroll-padding-top: 1.5em;
}



body {
  font-family: 'Quicksand', 'Kosugi Maru', "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 500;
  font-size: 1.4rem;
  color: #666;
  letter-spacing: 1.6px;
  line-height: 1.5;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  /* align-content: center; */
  align-items: stretch;
}

img{
  max-width: 100%;
}

/* 画像リンクは透けさせない */
a:has(img):hover,
a:has(canvas):hover {
  opacity: 1 !important;
}

.bannerImg {
  display: inline;
}

.no-spam {
  display: none !important;
}

/*文字*/
p{
  margin: 2em 0;
  line-height: 2;
  font-size: 95%;
}

.kobetsuPage p:not(.galleryPage *) {
  max-width: 700px;
}

li{
  margin: .5em 0;
}

.light,
.light a {
  color: #aaa;
}

a {
  position: relative;
  text-decoration: underline dotted;
  color: #d9b7a6;
  transition: 0.2s;
  /*ゆっくり色変*/
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -moz-transition: 0.2s;
  z-index: 2;
}

a:hover {
  opacity: .8;
  cursor: pointer;
}


/* 選択色 */
::selection {
  background-color: #f8e3c4;
}

/* 外部リンクアイコンの調整 */
a i.fa-external-link-alt {
  margin-right: 5px;
}

/* 特定のページでは外部リンクのアイコンは非表示 */
.kobetsuPage a i.fa-external-link-alt,
.top a i.fa-external-link-alt,
footer a i.fa-external-link-alt {
  display: none;
}

.small{
  font-size: 85%;
}

h1,
h2,
h3,
h4 {
  font-family: 'Quicksand', 'Kosugi Maru', "Hiragino Sans", Meiryo, "sans-serif";
  color: #f7e9b1;
  font-weight: 600;
}

h2 {
  font-size: 2.5em;
  margin: 1em auto 0;
  width: fit-content;
}

h3 {
  font-size: 2rem;
  margin: 2em 0 .5em;
}

h4 {
  display: inline-block;
  margin: .5em 0;
  color: #666;
  font-weight: bold;
  font-size: 95%;
  border-bottom: 3px dotted #f7e9b1;
}

small {
  font-size: .6em;
}

.keycolor1 {
  color: #eecfa6 !important;
}

.yellow {
  color: gold !important;
}

.bold {
  font-weight: 600;
}

/*リスト*/
ul,
ol {
  list-style-position: inside;
}

.styleNone {
  list-style: none;
}

/*ボタン*/
.btn {
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 5px 10px;
  border-radius: 3px;
  line-height: 2;
  font-size: var(--f6);
  background: #ced7dc;
  background-image: linear-gradient(0deg, #ced7dc, #eff2f3 55%, white);
  transition: 0.2s;
  color: #462e2e;
  border: 1px solid rgba(201, 194, 224, 1);
}

a.btn::before {
  background: transparent !important;
}


/*メインコンテンツ全体設定*/
.container {
  /* min-height: 100vh;  */
  width: 80vw;
  margin: 0 auto;
  background-color: #fff !important;

}

/* 個別ページ全体設定 */
.text:not(.galleryPage *, .tegalogPage *) {
  margin: 0 auto 2em;
  width: 670px;
  max-width: 100%;
  padding: 2em;
}


/*ヘッダー　サイト名*/
.topimg{
  margin: 0 auto;
  width: fit-content;
}
.topimg img{
  width: 500px;
  height: auto;
  padding: 2em;
  max-width: 80vw;
}

.globalnav {
  display: none;
}

/* トップのコンテンツリンク */
.topLinks{
  margin: 0 auto;
  width: fit-content;
    padding: 0 2em;
    text-align: center;
}
.topLinks ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0 .5em;
}

/* 更新履歴 */
.updateBox {
  margin: 2em auto;
  width: 500px;
  max-width: 100%;
  padding: 0 2em;
  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

li.update__item {
  list-style-type: none;
  margin: .4em 0;
  font-size: 85%;
}

li.update__item span a {
  text-decoration: none;
}
li.update__item time {
  padding-right: 1em;
}

.updateBox ul.update {
  height: 2em;
  overflow-y: scroll;
  padding: 0 1em;
  margin-left: 1em;
}

/* 更新履歴からcraft系ページに飛んでリダイレクトした時の表示ラグ解消用 */
.hidden-body {
  visibility: hidden;
}


/* フッター */
footer{
  margin: 2em auto 1em;
  width: fit-content;
}
footer a {
  text-decoration: none;
}

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

  .globalnav {
    position: fixed;
    top: 58px;
    right: 222px;
    z-index: 998;
  }

  .globalnav__main {
    width: 50vw;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  }

  .globalnav__main .globalnav__item {
    position: relative;
    text-align: center;
  }

  .globalnav__main .globalnav__item a {
    display: block;
    color: #fff;
    letter-spacing: 4px;
    text-decoration: none;
    padding: 8px 10px 6px;
    font-family: "Emilys Candy", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    background-color: #c9c2e0;
    border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
  }

  .globalnav__main .globalnav__item a:hover,
  .globalnav__main .globalnav__item a.active {
    color: #333;
    background-color: #fff;
  }

  .globalnav__main .globalnav__item._has-child:hover .globalnav__child {
    visibility: visible;
    opacity: 1;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.2s;
    -o-transition: 0.4s;
  }

  .globalnav__main .globalnav__child {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    z-index: 1;
  }

  .globalnav__main .globalnav__child li a {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }

  /*  タブレット、スマホでの表示 */
  @media screen and (max-width: 1279px) {
    .globalnav {
      top: 0;
      right: 0;
      width: 100%;
      height: 100vh;
      height: 100dvh;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #c9c2e0;
      opacity: 0;
      transform: translateX(100%);
      transition: 0.4s;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -ms-transition: 0.4s;
      -moz-transition: 0.2s;
    }

    .globalnav._active {
      opacity: 1;
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transition: 0.4s;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -ms-transition: 0.4s;
      -moz-transition: 0.4s;
      -o-transition: 0.4s;
    }

    .globalnav__main {
      display: block;
    }

    .globalnav__main .globalnav__item a {
      padding: 10px;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
    }

    .globalnav__main .globalnav__item a:hover,
    .globalnav__main .globalnav__item a.active {
      background-color: #c9c2e0;
      color: #fff;
      border-bottom: 2px solid #fff;
    }

    .globalnav__main .globalnav__child li {
      border-bottom: 1px solid #c9c2e0;
    }

    .globalnav__main .globalnav__child li a {
      background-color: #fff;
      color: #333;
    }
  }
}

/* PC用グローバルメニューメニュー(＋いいねボタン） */
@media screen and (max-width: 1279px) {

  /* スマホでは非表示 */
  .pc-globalnav {
    display: none !important;
  }
}

.pc-globalnav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2vh 0 0 0;
}

.pc-globalnav ul {
  margin-left: 1vw;
  position: fixed;
  left: 1em;
  top: 2em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.pc-globalnav ul li {
  display: inline-block;
  padding: 0;
  margin: 0;

}

.pc-globalnav ul li a
{
  font-family: 'Quicksand', "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 600;
  font-size: 2.5em;
  color: #cacaca80;
}
button.newiine_btn i,
button.newiine_btn2 i{
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  font-size: 2.5em;
  color: #f7e9b1;
  line-height: 1.6;
}
button.newiine_btn,
button.newiine_btn2{
padding: 0;
background: none;
}

.pc-globalnav a:hover{
  transform: translateY(-5px);
  color: #f7e9b1;
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 6px rgba(248, 204, 209, 0.8);
}
.pc-globalnav a:before {
  background: none !important;
}

button.newiine_btn:hover,
button.newiine_btn2:hover{
  transform: translateY(-5px);
}
button.newiine_btn:hover i,
button.newiine_btn2:hover i{
color: #d82b4c;
}


/*スクロールバー*/
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: rgba(227, 223, 220, 0.5);
  /*ホースグレイ薄め*/
  border-radius: 100px;
}

::-webkit-scrollbar-thumb {
  background: #f7e9b1;
  box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
  border-radius: 100px;
}



/*個別ページの設定*/
.kobetsuPage .text i:not(.tegalogPage *, .dressmakingPage *) /*dressのページがなぜかbottlemailが濃くなるので除外*/
 {
  color: #eecfa6;
  font-size: 1.2em;
  vertical-align: baseline;
  margin-right: .3em;
  width: 1.2em;
  text-align: center;
}



/*---------------------------------
ギャラリーページ用
---------------------------------*/
/* 文章ページよりは横幅広めに */
body.galleryPage .title,
body.galleryPage .text {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}


/* てがろぐ埋め込み関連 */
.galleryFlex.illustGalleryLog {
  margin: 10px auto 40px;
}
.galleryFlex.illustGalleryLog .onelogbox {
  width: 20%;
  }
  /* ギャラリーのブレイクポイントをずぼろぐに合わせる */
  @media screen and (max-width: 599px){
  .galleryFlex.illustGalleryLog .onelogbox {
      width: 33%;
  }
  .galleryFlex.illustGalleryFeatured .onelogbox {
    width: 50%;
}
  }

/*ずぼログ設定上書き*/
ul.zubolog {
  margin: 10px auto 40px !important;
}

ul.zubolog li {
  margin-top: 0;
  /*テンプレートの汎用設定相殺用*/
}

/*テンプレートのホバーリンク汎用設定相殺用*/
a#fuwaimg_next::before,
a#fuwaimg_prev:before,
a[data-fancybox="logs1"]:before,
a[data-fimg="logs1"]:before {
  background: transparent !important;
}

ul.zubolog li a img,
p.zubolog_comic img,
ul.zubolog li a canvas {
  border: 1px solid #eee !important;
  padding: 3px;
}

p.zubolog_comic img,
ul.zubolog li a canvas {
  margin-bottom: 2px !important;
  height: auto;
}

/* fuwaimgズームボタン非表示 */
/* button#fuwaimg_zoom {
  display: none !important;
} */

.detail-content {
  margin-top: 2em;
}

details summary {
  cursor: pointer;
  list-style: none;
  /* padding-left: 1em; */
  border-bottom: 1px dotted #aaa;
  display: inline-block;
}

details summary::before {
  font-family: 'Font Awesome 6 Free';
  content: '\f0fe';
  margin-right: .5em;
}

details[open] summary::before {
  content: '\f146';
}

/* アコーディオンのオープン時にアニメーションを設定 */
details[open] .detail-content {
  animation: fadeIn 0.5s ease;
}


@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

details:not([open]) .detail-content {
  animation: none;
}

.kobetsuPage li{
font-size: 95%;
}

/*Newマーク*/
.galleryText i {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  padding-right: 1em;
  padding-top: .2em;
  vertical-align: top;
  font-size: 90%;
  color: #23787a4f;
}

body.galleryPage p {
  margin-bottom: .5em;
}

body.galleryPage .right {
  margin-top: 30px;
}

body.galleryPage .right .fixed a {
  color: #999;
  text-decoration: none;
}

.text p.galComment {
  margin: 1em 0 1.5em;
  background: #f6f6f6;
  padding: .5em 1em;
  border-radius: 10px;
  width: fit-content;
  font-size: 95%;
}

.text p.galComment i {
  color: #515960 !important;
}

p.zubolog_comic {
  margin: 0 !important;
  text-align: left !important;
}

/* まとめて開閉ボタン用 */
span.matometeLabel,
span.matometeLabel>* {
  margin-top: 0;
  color: #aaa;
  font-size: .8em;
  display: inline !important;
}

.text span.matometeLabel>* {
  font-size: 1em;
}

.text span.matometeLabel i {
  margin-top: 0;
  color: #aaa;
  font-size: 1em;
  margin-right: 0;
}

.matometeButton {
  display: flex;
  /* margin-top:80px; */
  /* margin-bottom: -20px; */
  align-items: center;
}

.matometeButton button {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 1.7em;
  padding: 0;

}

.matometeButton button .buttonOff i {
  color: #ccc !important;
}

.matometeButton.onlysp {
  display: none;
  /*デフォルトで非表示、レスポンシブで表示*/
  align-items: center;
}

/*---------------------------------
2カラム用設定
---------------------------------*/
@media screen and (min-width: 1280px) {

  body.twocolumn .title,
  body.twocolumn .text {
    width: 80%;
    max-width: 100%;
    margin: 0 auto 50px;
  }

  .twocolumn .text {
    display: grid;
    grid-template-columns: 1fr .2fr;
    grid-column-gap: 2vw;
  }
}

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

  /*スマホは右カラム非表示*/
  .twocolumn .right {
    display: none !important;
  }
}

.twocolumn .right ul {
  list-style-type: none;
}

/*---------------------------------
fixed用設定
---------------------------------*/

.right .fixed {
  position: sticky;
  top: 5rem;
  /*てがろぐnikkiスキンに合わせる*/
}

/*---------------------------------
てがろぐページ用
---------------------------------*/

/* skin-nikki（Memo）の全文検索時に下げる投稿を表示しない
（件数はカウントされてしまう）
（skin-coverの.skin-nikkiは自分で追記したもの） */
.search-result .skin-nikki .logstatus-rear {
  display: none !important;
}


.tegalogPage .kobetsuTitle a{
  text-decoration: none;
  color : #f7e9b1;
}

.tegalogPage article .comment a {
  text-decoration: underline dotted !important;
}
.tegalogPage article .comment a.taglink{
  text-decoration: none !important;
}

body.tegalogPage .title,
body.tegalogPage .text {
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
}

iframe.embeddedmovie {
  float: none;
  margin: 0 0 -2em 0 !important;
}

body.tegalogPage .contents {
  padding: 30px 0;
  /* あまりにもコンテンツ量が少ない時に高さを確保する */
  min-height: 50vh;
  font-size: 96%;
  width: 800px;
  max-width: 100%;
}

/* 画像一覧,過去ログ,長文記事一覧はミニマルに */
body.tegalogPage.mode-gallery .contents,
body.tegalogPage.mode-sitemap .contents,
body.tegalogPage .contents{
  width: 670px;
  display: block;
}

/* てがろぐページではfuwaimgのキャプション非表示 */
body.tegalogPage div#fuwaimg_caption {
  display: none !important;
}

article,
.nodata,
.nolist {
  border: solid 0.2rem #dfdfdf;
  margin-top: 3.5rem;
  line-height: 1.9;
  border-radius: 0.5rem;
}

article .comment img,
article .comment canvas {
  max-height: 500px;
  width: auto;
  border: 1px solid #eee;
  padding: 3px;
  margin: 1rem 0;
}

/* 任意の小さい画像 */
article .comment small img {
  object-fit: cover;
  /* とりあえずサイズ指定 */
  width: 200px;
  height: 200px;
}
small a.imagelink {
  /* 3枚並べられるようにする */
  margin-right: 0 !important;
  max-width: 33% !important;
}

article .comment canvas,
article .comment .embeddedimage img {
  /*giffferで生成された画像の高さが微妙に合わないのの対策*/
  box-sizing: border-box;
  /*たまにクリック後の挙動がおかしいのの応急処置*/
  height: auto !important;
  width: auto !important;
}

button.embeddedimage {
  /* padding分大きく */
  display: block;
  /*たまにクリック後の挙動がおかしいのの応急処置*/
  width: auto !important;
  height: auto !important;
}

/* てがろぐ本文リンクのデザイン調整 */
article .comment a {
  font-weight: inherit;
}

article .comment a.imagelink {
  display: inline-block !important;
      width: 100%;
    text-align: center;
}

ul.cattree li {
  padding: 0;
  border-bottom: none;
}

ul.cattree li a,
.cattree li::before,
.categories a:first-child::before {
  color: #999;
  text-decoration: none;
}

article em {
  font-weight: 600;
  font-size: clamp(1.6rem, 1.56rem + 0.2vw, 1.8rem);
}

span.decorationF.deco-caption {
  font-size: .8em;
  position: relative;
  display: inline-block;
  background: #d3d3d366;
  padding: 0 .5em;
  top: -1.7em;
}

span.decorationF.deco-mds {
  display: inline-block;
  font-weight: 600;
  margin: 1em 0;
  /* text-decoration: underline 4px #f8e3c4; */
  /* decorationだとsafariで表示されない涙 */
  border-bottom: 4px solid #f8e3c4;
  background-color: #f8e3c43d;
  padding: .3em 1em;
  border-radius: 5px;
  font-size: 1.15em;
}

span.decorationF.deco-mds::before {
  content: "・";
  color: #eecfa6;
  font-size: 1.15em;
}
span.decorationF.deco-mds::after {
  content: "・";
  color: #eecfa6;
  font-size: 1.15em;
}

span.decorationF.deco-kmds {
  background: linear-gradient(transparent 70%, #f8e3c4 70%);
  font-weight: 600;
  margin: 1em 0;
  display: inline-block;
  font-size: 1.1em;
}

span.decorationF.deco-kmds::before {
  content: "【";
}

span.decorationF.deco-kmds::after {
  content: "】";
}

span.decorationF.deco-marker {
  font-weight: 700;
  color: #F48B8B;
  display: inline;
  position: relative;
  z-index: 0;
  font-style: normal;
  text-decoration: underline;
  text-decoration-color: rgba(244, 139, 139, .2);
  text-decoration-thickness: .4em;
  text-underline-offset: -.2em;
  text-decoration-skip-ink: none;
}

span.decorationF.deco-scream{
  font-size: 1.5em;
  font-weight: bold;
}

ul.decorationL {
  background: #f8e3c43d;
  padding: .5rem 2rem;
  margin: .5em 0 0;
  border-radius: 10px;
  border: dotted 3px #f8e3c4;
}

.decorationL li {
  font-size: .95em;
  margin: 1.5em 0;
}

ul.decorationL li::before {
  color: #f7e9b1;
}

/* てがろぐ側でリストアイコンを指定した場合はデフォルトアイコンは非表示 */
ul.decorationL li[style*="list-style-type"]::before {
  display: none !important;
}

article .comment a.readmorebutton {
    background-color: transparent;
    border-radius: 10px;
    border: 3px solid #f7e9b1;
    padding: .5em 1em;
    font-weight: bold;
    color: #f7e9b1;
    text-align: center;
	margin: 0 auto;
    width: 100%;
}

article .comment a.readmorebutton:hover {
  background: #f7e9b1;
  transform: translateY(-3px);
  color: #fff;
  }

a.readmorebutton.readmoreclose {
  margin-left: 1em;
}

/*続きを読む展開後の改行自動挿入の相殺*/
.readmorearea {
    margin-bottom: -2em;
    animation: fadeIn 0.5s ease;/*ふわっと展開*/
}

/* カスタム絵文字用の設定 */
span.cemoji img {
  border: none;
}

span.ce-line img { /*罫線用*/
  margin: 0;
  /* margin-bottom: -2em; */
}

article .comment a.taglink {
  color: #ccc;
}

strong.searchword {
  background: #fed52b50;
}

span.decorationF.deco-code {
  font-family: 'Consolas', 'Osaka', 'Courier', 'Courier New';
  background: #333;
  display: block;
  color: #fff;
  padding: 2em;
}

q.decorationQ {
  background: #f8e3c43d;
  padding: 2em;
  margin-bottom: -2em;
}

a.categorylink::before {
  content: " |";
}

.oneloginfo {
  align-items: center !important;
  font-size: 90%;
}

.oneloginfo a {
  color: #999;
  text-decoration: none !important;
}

.pagenums a {
  color: #eecfa6;
  text-decoration: none;
}

.pagenumhere {
  background-color: #f7e9b1;
  color: #fff !important;
}

.logtitle p {
  margin: 0 !important;
}

.logtitle p.logtitleLink::before {
  content: "\f004";
  font-family: 'Font Awesome 6 Free';
  color: #eecfa6;
  font-weight: 600;
}

.logtitle p a {
  text-decoration: none;
  font-size: 1.1em;
}

article.onelogbox {
  margin-top: 1em !important;
  border: none !important;
  border-bottom: 1px dotted #ccc !important;
}

.logtitle p.excerpt {
  margin-top: 1em !important;
}

p.logtitleInfo {
  color: #aaa;
  font-size: .8em;
  padding-left: 1em;
}


.latestbox span.postdate {
  font-size: .8em;
}

.category {
  float: none !important;
  /*テンプレートの設定相殺用*/
}

.onlyColumnPage:not(.cat-column *) {
  display: none !important;
}

.onlyColumnPage,
.onlyAllDressPage {
  font-size: .8em;
}

/*テンプレートのホバーリンク汎用設定相殺用*/
article .comment a.imagelink::before,
article .comment a.readmorebutton::before,
.latestpostlist a::before,
.logtitle a::before,
a.url::before,
a.postidlink::before {
  background: transparent !important;
}

/*各種埋め込み用のカテゴリリンクは非表示*/
ul.cattree li:has(.cat-update),
.categorylink.cat-update,
ul.cattree li:has(.cat-othersgallery),
.categorylink.cat-othersgallery,
ul.cattree li:has(.cat-dollgallery),
.categorylink.cat-dollgallery,
ul.cattree li:has(.cat-exclusion),
.categorylink.cat-exclusion,
ul.cattree li:has(.cat-featured),
.categorylink.cat-featured,
ul.cattree li:has(.cat-bunka),
.categorylink.cat-bunka,
ul.cattree li:has(.cat-dressgallery),
.categorylink.cat-dressgallery,
ul.cattree li:has(.cat-bunkagallery),
.categorylink.cat-bunkagallery,
ul.cattree li:has(.cat-amigurumigallery),
.categorylink.cat-amigurumigallery,
ul.cattree li:has(.cat-nuigallery),
.categorylink.cat-nuigallery,

ul.cattree li:has(.cat-sewingbee),
.categorylink.cat-sewingbee

{
  display: none !important;
}

/*ポストエリアの表示優先度上げ*/
.postarea {
  z-index: 10 !important;
}


/* てがろぐギャラリーモード */
.galleryFlex {
  display: flex;
  flex-wrap: wrap;
  height: -moz-fit-content;
  height: fit-content;
}

.galleryFlex .onelogbox {
  border-bottom: none;
  width: 33%;
  /* padding-top: 10px; */
  border-bottom: none !important;
  margin-top: 0 !important;
}

a.tegalog_gallery {
  display: block;
}

.galleryFlex article .comment img,
.galleryFlex article .comment canvas {
  max-width: 100%;
  height: auto !important;
  /*正方形に切り抜き*/
  object-fit: cover !important;
  -webkit-aspect-ratio: 1 / 1 !important;
  aspect-ratio: 1 / 1;
  margin: 0;
}

.tegalogPage .galleryFlex .comment {
  padding: .5em !important;
}

.readMoreGallery {
  text-align: right;
  font-size: .9em;
  margin: 0 !important;
}

/*ネタバレ配慮*/
.galleryFlex article .comment a.imagelink.nsfw img {
  filter: blur(5px);
  opacity: .4;
}

/*一覧外フラグは非表示*/
.galleryFlex .onelogbox:has(.nolisted) {
  display: none !important;
}

/* おたのしみボタン */
.otanoshimibox a {
  color: #eecfa6;
  font-size: 1.3em;

}
.otanoshimibox.nosp{
  margin:0 0 3rem;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  flex-direction: row;
  column-gap: 2rem;
}

/* memoのフッター */
.tegalogPage .side {
  display: flex;
  max-width: 100%;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  font-size: 90%;
  margin: 5em 0 0;
}
.tegalogPage .side ul {
  display: flex;
  max-width: 100%;
  width: 100%;
  flex-direction: row;
  column-gap: 2rem;
  flex-wrap: wrap;
}

/* ハッシュタグリスト */
ul.hashtaglist {
  height: 75px;
  overflow-y: scroll;
  row-gap: 0;
  line-height: 1;
  column-gap: .5rem !important;
  font-size: 80%;
  border: 1px solid #dfdfdf;
  padding: .5em 1em;
  border-radius: .5rem;
}


/* skin-datebox */
span.year {
  display: none;
}
span.num {
  display: none;
}
li.datelimit-year {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 2em;
  margin: 0;
}
/* 2021年の投稿を非表示にするため。No1をもし消すことがあればこのコードも消す */
li.datelimit-year:last-child {
  display: none;
}

ul.datelimitsublist {
  display: flex;
  gap: 0 1em;
  flex-wrap: wrap;
}
/* 年はリンクを無効にして見出しとして使う */
li.datelimit-year > a:first-child {
  pointer-events: none;
  color: #515960;
  font-weight: bold;
  text-decoration: none;
}
/* 年を古い順に並べ替える */
.datelimitlist { display:flex; flex-direction:column-reverse; }


/* てがろぐスマホ */
@media screen and (max-width: 520px) {
  body.mode-sitemap .main {
    /* サイトマップでフッターの距離が近すぎるの相殺 */
    margin-bottom: 100px;
  }

  .tegalogPage .side {
    margin: 1em 0 2em;
  }

  ul.cattree li {
    display: inline-block;
    padding: 0 .5em;
}
}


/* crafts(doll&DYI)HTML＆てがろぐ設定 */
body.craftsPage .text,
body.craftsTegalogPage .text {
  /* width: 1000px; */
  max-width: 100%;
}
/* body.craftsTegalogPage .contents {
  width: 600px;
  max-width: 100%;
} */

.jumpButton ul{
  margin: 0 auto;
  width: fit-content;
  max-width: 100%;
}
.jumpButton ul li {
display: inline-block;
padding: 0 .5em;
}
body.craftsPage .galleryFlex .onelogbox {
  width: 33%;
}
@media screen and (max-width: 520px){
.galleryFlex article .comment{
    padding: 0 !important;
    /* テンプレ相殺 */
}
}

body.craftsPage .compact{
  width: 600px;
  margin: 0 auto;
  max-width: 100%;
}
/* 自動埋め込みのクレジットは非表示 */
/* span.hitokoto-poweredby.light {
  display: none!important;
} */
.referencebox p{
  font-size: 80%;
}
ul.referenceList li{
  /* list-style-type: none; */
  color: #999;
}


details.pp {
  /* プライバシーポリシー */
  margin: -1.5em 0 1.5em;
  color: #aaa;
  font-size: 75%;
}

/* 記事単独ではシチュエーション非表示 */
.craftsTegalogPage.onelog .situation {
  display: none;
}


	/* ---------------------- */
	/* ▼カード型リンクの装飾 */
	/* ---------------------- */
	.cardlink {
		display: inline-block;
		width: 100%;
		max-width: 500px;               /* 最大幅 (※横幅を制限したくない場合はこれを削除して下さい) */
		padding: 0 0.25em 0.5em 0;      /* 内側の余白量 */
		font-size: 0.9rem;              /* 文字サイズ */
		text-decoration: none;          /* リンク文字の下線を消す */
		vertical-align: middle;         /* 行内の上下方向では中央配置 */
	}

		/* ------------------------------------- */
		/* リンクカードの装飾(サイズS/L共通部分) */		/* ※後述の「サイズS用の追記」や「サイズL用の追記」と合わせて、1つのカードデザインになります。 */
		/* ------------------------------------- */
		/* カード外枠 */
		.cardlinkbox {
			border: 1px solid #ccc;    /* 枠線 */
			border-radius: 7px;        /* 角丸 */
			background-color: white;   /* 背景色 */
			display: flex;             /* 内部レイアウトのFlexbox化 */
		}
		/* (マウスが載ったとき) */
		.cardlinkbox:hover {
			background-color: #f5fff5; /* 背景色 */
			border-color: #8c8;        /* 枠線色 */
		}
			/* ▽リンクカード内の画像枠 (※読み込まれたog:imageは、この枠に《背景画像として》描画されます) */
			.cardlinkimage {
				background-image: linear-gradient(-30deg, #8a8, #e0f0e0);  /* プレースホルダ的な背景グラデーション(※og:imageの画像指定が読み込まれたら、この値は上書きされます) */
				background-size: cover;             /* 背景画像で枠を埋める */
				background-position: center center; /* 背景画像を中央に寄せる */
				background-repeat: no-repeat;       /* 背景画像を繰り返さない */
			}
			/* ▽リンクカード内のテキスト枠 */
			.cardlinktextbox {
				display: flex;          /* Flexbox化 */
				flex-direction: column; /* 子要素を縦方向に並べる */
				padding: 0.5em 1em;     /* 内側の余白量 */
			}
				/* ▽リンクカードのテキスト枠内の3要素共通 */
				.cardlinktitle,
				.cardlinkdescription,
				.cardlinkurl {
					/* ↓表示行数を制限するための準備 (※システム側では文字数は制限せずに「記述されている全文字」をHTMLに出力しますので、表示分量を制限したい場合はCSSで制御する必要があります。) */
					display: -webkit-box;          /* -webkit-line-clampを使うために必要な記述1 ※A */
					-webkit-box-orient: vertical;  /* -webkit-line-clampを使うために必要な記述2 ※A */
					overflow: hidden;              /* 表示量を制限する場合に必須の記述 */
					/* ↓制限の仕様 */
					line-clamp: 1;                 /* 1行だけ見せる (将来的にはこれだけで実現可能かも) */
					-webkit-line-clamp: 1;         /* 1行だけ見せる (今のブラウザにはこちらが必要で、そのためには上記「※A」も必要) */
					text-overflow: ellipsis;       /* 省略記号(三点リーダー) */
				}
				/* リンクタイトル */
				.cardlinktitle {
					padding-bottom: 0.25em;        /* 内側下端の余白量 */
				}
				/* リンク概要文 */
				.cardlinkdescription {
					line-height:1.3;               /* 行の高さ */
					color:#555;                    /* 文字色 */
					line-clamp: 2;                 /* (既存指定の上書き) 最大2行まで見せる */
					-webkit-line-clamp: 2;         /* (既存指定の上書き) 最大2行まで見せる */
				}
				/* リンクドメイン */
				.cardlinkurl {
					color: #999;                   /* 文字色 */
				}

		/* ----------------------------------- */
		/* リンクカードの装飾(サイズS用の追記) */		/* 前述の「サイズS/L共通部分」と合わせて、1つのカードデザインになります。 */
		/* ----------------------------------- */
		.cardsize-S {
			flex-direction: row;                /* 画像とテキストは横に並べる(Flexbox) */
		}
			/* ▽リンクカード内の画像枠 */
			.cardsize-S .cardlinkimage {
				min-width: 100px;           /* 最小の横幅 */
				min-height: 100px;          /* 最小の高さ */
				border-radius: 6px 0 0 6px; /* 左側だけ角丸 */
				flex-shrink: 0;             /* 枠サイズを自動縮小させない */
			}
			/* ▽リンクカード内のテキスト枠 */
			.cardsize-S .cardlinktextbox {
				border-left: 1px solid #ccc; /* 左側の枠線 */
				justify-content:center;      /* Flexboxの上下方向での中央寄せ */
			}
				/* ▽リンクカードのテキスト枠内の3要素 */
				.cardsize-S .cardlinktitle { order: 2; }        /* タイトルは、2番目に表示 */
				.cardsize-S .cardlinkdescription { order: 3; }  /* 概要文　は、3番目に表示 */
				.cardsize-S .cardlinkurl { order: 1; }          /* ドメインは、1番上に表示 */

		/* ----------------------------------- */
		/* リンクカードの装飾(サイズL用の追記) */		/* 前述の「サイズS/L共通部分」と合わせて、1つのカードデザインになります。 */
		/* ----------------------------------- */
		.cardsize-L {
			flex-direction: column;             /* 画像とテキストは縦に並べる(Flexbox) */
		}
			/* ▽リンクカード内の画像枠 */
			.cardsize-L .cardlinkimage {
				aspect-ratio: 1.91 / 1;     /* 画像枠の縦横比を指定= (横)1.91：(縦)1 */
				width: 100%;                /* 横幅は枠最大に拡げる */
				height: auto;               /* 高さは自動計算 */
				border-radius: 6px 6px 0 0; /* 上側だけ角丸 */
			}
			/* ▽リンクカード内のテキスト枠 */
			.cardsize-L .cardlinktextbox {
				border-top: 1px solid #ccc; /* 上側の枠線 */
			}
				/* ▽リンクカードのテキスト枠内の3要素 */
				.cardsize-L .cardlinktitle { font-weight: bold; }        /* 太字 */
				.cardsize-L .cardlinkdescription { min-height: 2.5em; }  /* 内容量が少ない場合でも一定の高さを確保 */
				.cardsize-L .cardlinkurl {
					border-top: 1px solid #ddd;  /* 上側の枠線 */
					margin-top:0.5em;            /* 上側の枠線より上の余白量 */
					padding-top:0.5em;           /* 上側の枠線より下の余白量 */
					font-size:0.75rem;           /* 文字サイズ(小さめ) */
				}



/* ハンバーガーメニュー */


.menu-btn {
  position: fixed;
  top: 10px;
  right: 10px;
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  z-index: 90;
  background-color: #f7e9b1;
  border-radius: 50%;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background-color: #ffffff;
  position: absolute;
}

.menu-btn span:before {
  bottom: 8px;
}

.menu-btn span:after {
  top: 8px;
}

#menu-btn-check:checked~.menu-btn span {
  background-color: rgba(255, 255, 255, 0);
  /*メニューオープン時は真ん中の線を透明にする*/
}

#menu-btn-check:checked~.menu-btn span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#menu-btn-check:checked~.menu-btn span::after {
  top: 0;
  transform: rotate(-45deg);
}

#menu-btn-check {
  display: none;
}

.menu-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  background-color: #f7e9b1;
}

.menu-content ul {
  padding: 70px 10px 0;
}
.menu-content ul li {
  border-bottom: solid 1px #ffffff;
  list-style: none;
}


.menu-content ul li a {
  display: block;
  width: 100%;
  font-size: 15px;
  box-sizing: border-box;
  color: #ffffff;
  text-decoration: none;
  padding: 9px 15px 10px 0;
  position: relative;
  font-family: 'Quicksand', "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 600;
}

.menu-content ul li a::before {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  right: 11px;
  top: 16px;
}

.menu-content ul li a:hover::before {
  border: none;
  /*ホバー時に矢印の挙動がおかしくなる対策*/
}

.menu-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;
  /*leftの値を変更してメニューを画面外へ*/
  z-index: 80;
  background-color: #f7e9b1;
  transition: all 0.5s;
  /*アニメーション設定*/
}

#menu-btn-check:checked~.menu-content {
  left: 0;
  /*メニューを画面内へ*/
}


/*モーダル用*/
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center;
}



.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

/* テンプレートの設定相殺用 */
.modal-wrapper::before,
.modal-overlay::before,
.modal-window::before {
  background: transparent !important;
}

a.modal-overlay:hover {
  opacity: 1 !important;
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 70%;
  max-width: 600px;
  padding: 10px 30px 25px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left
}

.modal_title {
  font-size: 1.5em;
  position: relative;
  overflow: hidden;
  padding: 0;
}

.modal_title::before,
.modal_title::after {
  content: "";
  position: absolute;
  bottom: 0;
}


.modal-content p {
  margin: 10px 0 0 0;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .4)
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: relative;
  top: 0;
  right: 0;
  /* width: 35px;
  color: #95979c !important; */
  font-size: 1.5em;
  font-weight: 700;
  /* line-height: 35px; */
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-wrapper .modal-close:hover {
  /* color: #2b2e38 !important */
  opacity: none;
}

.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center;
}

.modal-button {
  color: #4f96f6;
  background-color: #eeeeee;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  display: block;
  margin-top: 40px;
  margin-bottom: 1px;
  padding: 12px 2px;
  max-width: 300px;
  text-decoration: none;
}

.modal-button:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  /*下に動く*/

}

/*アイコンを表示*/
.modal-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f2d0";
  padding-left: 8px;
}

/*ラベルホバー時*/
.modal-button:hover {
  color: #FFFFFF;
  background-color: #4f96f6;
  transition: .6s;
}

.modal-button-custom {
  display: inline;
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 70%;
  max-width: 700px;
  padding: 10px 30px 25px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .4);
  vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left
}

.modal_title {
  font-size: 1.5em;
  position: relative;
  overflow: hidden;
  padding: 0;
}

.modal_title::before,
.modal_title::after {
  content: "";
  position: absolute;
  bottom: 0;
}



.modal-content p {
  margin: 10px 0 0 0;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .4)
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: .5em;
  right: 0;
  /* width: 35px;
  color: #95979c !important; */
  font-size: 1.5em;
  font-weight: 700;
  /* line-height: 35px; */
  text-align: center;
  text-decoration: none;
  text-indent: 0;
}

.modal-wrapper .modal-close i {
  color: #ccc !important;
}

.modal-wrapper .modal-close::before {
  background: transparent !important;
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}

/* モーダルの見出し */
.siteinfo h2 {
  color: #515960;
}

.siteinfo h2:before {
  border-bottom: 4px solid #eecfa6;
  width: 100%;
}

.siteinfo h2:after {
  border-bottom: 4px solid #f7e9b1;
  width: 100%;
}

/* モーダルの中の画像はインラインにする */
.siteinfo img {
  display: inline-block;
}


.detail-content ul li{
  margin: 0;
  padding-bottom: .5em;
  font-size: 85%;
}

/* クイックツアーのアイコン */
.tour ul {
  list-style: none;
}

.tour ul li::before {
  content: '\f276';
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  margin-right: .5em;
  color: #eecfa6;
}

/* サイト情報のアイコン */
.graysmall i {
  color: #ccc !important;
  font-size: .9em !important;
}

.siteinfo-nakami i {
  margin-right: .8em !important;
}

body.kobetsuPage p.siteinfo-nakami {
  margin: 0;
  margin-bottom: -26px;
  /*↑応急処置；*/

  margin-top: 2em;
  font-size: 85%;
}

/* バナー */
p.banner {
  padding-top: 2em;
}
/* ブックマークリスト */
.bookmarkList ul li {
  list-style-type: circle;
  color: #aaa;

}

/* ツールチップ */
.tooltip {
  /* 補足説明するテキストのスタイル */
  position: relative;
  cursor: pointer;
}

.tooltip i:not(.matometeButton *) {
  position: relative;
  color: #eecfa6 !important;
  font-size: 0.9em !important;
  top: -.5em !important;
  left: -.2em !important;
  margin-right: -.1em !important;
}

.description_top i {
  color: crimson !important;
  font-size: 1em !important;
  top: 0 !important;
  left: 0 !important;
  margin-right: .2em !important;
}

.description_top {
  /* ツールチップのスタイル */
  width: 400px;
  /* 横幅 */
  position: absolute;
  left: 50%;
  bottom: 80%;
  /* Y軸の位置 */
  transform: translateX(-50%);
  margin-bottom: 8px;
  /* テキストとの距離 */
  padding: 8px;
  border-radius: 10px;
  /* 角の丸み */
  background-color: #666;
  font-size: 0.7em;
  color: #fff;
  visibility: hidden;
  /* ツールチップを非表示に */
  opacity: 0;
  /* 不透明度を0％に */
  z-index: 1;
  transition: 0.5s all;
  /* マウスオーバー時のアニメーション速度 */
  text-align: left;
}

.tooltip:hover .description_top {
  /* マウスオーバー時のスタイル */
  bottom: 100%;
  /* Y軸の位置 */
  visibility: visible;
  /* ツールチップを表示 */
  opacity: 1;
  /* 不透明度を100％に */
  z-index: 3;
  /*テンプレートの設定相殺用*/

}

.description_bottom {
  /* ツールチップのスタイル */
  width: 200px;
  /* 横幅 */
  position: absolute;
  top: 80%;
  /* Y軸の位置 */
  left: 50%;
  transform: translateX(-50%);
  margin-top: 8px;
  /* テキストとの距離 */
  padding: 8px;
  border-radius: 10px;
  /* 角の丸み */
  background-color: #666;
  font-size: 0.7em;
  color: #fff;
  visibility: hidden;
  /* ツールチップを非表示に */
  opacity: 0;
  /* 不透明度を0％に */
  z-index: 1;
  transition: 0.5s all;
  /* マウスオーバー時のアニメーション速度 */
  text-align: left;

}

.tooltip:hover .description_bottom {
  /* マウスオーバー時のスタイル */
  top: 100%;
  /* Y軸の位置 */
  visibility: visible;
  /* ツールチップを表示 */
  opacity: 1 !important;
  /* 不透明度を100％に */
  z-index: 3;
  /*テンプレートの設定相殺用*/
}

.description_right {
  /* ツールチップのスタイル */
  width: 150px;
  /* 横幅 */
  position: absolute;
  top: 50%;
  left: 80%;
  /* X軸の位置 */
  transform: translateY(-50%);
  padding: 8px;
  border-radius: 10px;
  /* 角の丸み */
  background-color: #666;
  font-size: 0.7em;
  color: #fff;
  text-align: center;
  visibility: hidden;
  /* ツールチップを非表示に */
  opacity: 0;
  /* 不透明度を0％に */
  z-index: 1;
  transition: 0.5s all;
  /* マウスオーバー時のアニメーション速度 */
}

.tooltip:hover .description_right {
  /* マウスオーバー時のスタイル */
  left: 100%;
  /* X軸の位置 */
  visibility: visible;
  /* ツールチップを表示 */
  opacity: 1;
  /* 不透明度を100％に */
}

a:has(> .tooltip):hover {
  opacity: 1 !important;
}

/* ボトルメール */
.boldred {
  font-weight: bold;
  color: crimson;
}

.lightgray {
  color: lightgray;
}

.releaseNote {
  font-size: 10px;
  opacity: .5;
}
.replyWrapper{
  margin: 2em 0 4em;
}
.reply p{
  font-size: 12px;
  margin: 1em !important;
}
.reply img{
  width: 300px;
  height: auto;
}


.releaseNote ul li {
  list-style-type: none;
}

.alignright {
  text-align: right;
}

.bottleMailIcon {
  position: fixed;
  bottom: 5px;
  right: 5px;
  line-height: 1;
}

.bottleMailIcon a {
  color: #e9e9e9 !important;
}

.bottleMailIcon a::before {
  /* テンプレートの設定相殺 */
  background: transparent !important;
}


/* dressmaking */
details.dresschuui-frame {
  margin: 4em auto;
}
p.dresschuui-nakami {
  border: 3px dotted #f7e9b1;
  padding: 1em;
  background-color: #f7e9b11f;
  font-size: 88%;
}

/* 404 notfound */
.notfound>* {
  text-align: center;
  margin: 0 auto !important;
}
.text.notfound img {
  width: 500px;
  height: auto;
  max-width: 100%;
}


/* レスポンシブ追記 */

/* スマホ用要素をいったん非表示 */
.onlysp {
  display: none;
}

/* PCのみ */

@media screen and (min-width: 1366px) {
/*PCではハンバーガー開いた時狭めに表示*/
#menu-btn-check:checked~.menu-content {
  left: 70%;
}
.menu-content {
  width: 30%;
}
}

/* タブレット */
@media screen and (max-width: 1365px) {

  a::before {
    background: transparent !important;
    /* テンプレートの設定相殺 */
  }

  a:hover {
    opacity: 1 !important;
  }

  .tooltip i:not(.matometeButton *),
  span.description_bottom,
  span.description_right {
    display: none !important;
    /*ツールチップ関連はPCのみ*/
  }

  .container {
    width: 90vw;
    justify-items: center;
    /* min-height: 100vh; */
    margin: 0 auto;
  }

  .pc-globalnav ul {
    left: 0;
    top: 0;
  }

  .pc-globalnav ul li a {
    font-size: 2em;
  }

  /* いいねボタン用調整 */

button.newiine_btn2 {
  margin: 2em auto;
  text-align: center;
  display: block;
}
button.newiine_btn2 i{
color: #fff;
}

.menu-content ul li:last-child {
  border-bottom: none;
}

  body.galleryPage .title,
  body.galleryPage .text {
    margin: 0 auto 30px;
  }

  .menu-content {
    width: 50%;
  }

  #menu-btn-check:checked~.menu-content {
    left: 50%;
  }

  body.kobetsuPage .title h2 {
    font-weight: normal !important;
  }

  /* スマホ用要素を表示 */
  .onlysp {
    display: flex;
  }

  /* iPadでお楽しみBOXを表示しない */

  .otanoshimibox.onlysp {
display: none !important;
}

/* まとめて表示ボタンが消える対策（ゴリ押し） */
.matometeButton.onlysp{
  display: flex;
  margin-top: 26px; /*元のテンプレのp要素に準拠*/
}
}

/*タブレット横向きブレイクポイント*/
@media screen and (max-width: 1023px) {
  .top .left {
    margin: 0;
    /*PC用調整相殺*/

    margin-top: 80px;
  }

  .top .right {
    margin: 0;
    /*PC用調整相殺*/
  }

  .otanoshimibox.onlysp {
    margin: 0 auto 2rem;
    display: flex;
    column-gap: 1em;
    justify-content: center;
}
/*お楽しみボタンを投稿の上部に表示するためのデザイン調整*/
body.tegalogPage .contents {
  padding: 20px 0;
}

.myname {
  /* 縦持ちタブレットでタイトルロゴのフォントが小さくなる調整 */
  font-size: 8vw;
  }

}

/* スマホ、縦向きタブレット */
@media screen and (max-width: 520px) {

  /* トップページ */
  .topLinks ul li {
    display: block;
    margin: 1em 0;
}

/* 更新履歴 */
.updateBox {
  display: block;
  margin: 5em auto;
}
li.update__item time {
  padding-right: .5em;
}

/* スマホでは非表示にする */
.nosp,
.otanoshimibox.nosp{
  display: none !important;
}
.otanoshimibox.onlysp{
  display: flex !important;
}

  .menu-content {
    width: 100%;
  }

  small {
    font-size: .8em;
  }

  #menu-btn-check:checked~.menu-content {
    left: 0;
  }

  .container {
    width: 100vw !important;
    /* min-height: 100vh !important; */
    margin: 0 !important;
  }

  .top main>* {
    margin-top: 50px !important;
  }

  .top .right {
    padding: 0 5vw;
  }

  .profile__img {
    max-width: 100%;
  }

  .polaroid {
    margin-bottom: 0; /*フレーム下の余白*/
  }

  .masking-tape {
    top: -15px;
    left: 35%;
    width: 100px;
    height: 30px;
  }



  .box {
    margin: 0 auto;
  }

  .matometeButton {
    margin-top: 0;
  }


  /*てがろぐ*/
  body.tegalogPage .title,
  body.tegalogPage .text {
    width: 93%;
  }

  body.tegalogPage .contents {
    /* あまりにもコンテンツ量が少ない時に高さを確保する設定の相殺 */
    min-height: 0;
  }

  article .comment,
  .nodata,
  .nolist {
    padding: 2rem 1rem;
  }

  .galleryMode .onelogbox {
    width: 50%;
  }
  /* skin-datebox */
  li.datelimit-year {
    /* スマホでは年と月を横並びにしない */
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1em;
}


  /* ボトルメールのアイコン */
  .bottleMailIcon {
    /* position: relative; */
    text-align: right;
    /* margin: 1em 0 0 0; */
  }

  .bottleMailIcon a
  {
    color: #f8f8f8 !important;
  }

  footer {
    padding-bottom: 0;
  }

  /* craftsスマホ用 */
  body.craftsPage .galleryFlex .onelogbox {
    width: 50%;
  }
  .craftsTegalogPage .main {
    margin-top: 2em;
}

/* てがろぐフッターメニュー */
.tegalogPage .category ul {
  display: block;
}


}