@charset "UTF-8";
/* 固定ページ用 */
/* _setting CSS */
/* Desktops and laptops */
@media print, screen and (min-width: 701px) {
  /* line 6, ../sass/contents.scss */
  .mtitle {
    width: 100%;
    height: 160px;
    background: url(/images/contents/contents_mtitle.jpg) center center no-repeat;
    background-size: cover;
  }
  /* line 11, ../sass/contents.scss */
  .mtitle h1 {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 160px;
  }

  /* line 21, ../sass/contents.scss */
  .mtitle.about {
    background: url(/images/common/mtitle_bg_blue.jpg) center center/cover no-repeat;
  }

  /* line 24, ../sass/contents.scss */
  .mtitle.horoscope-tarot {
    background: url(/images/common/mtitle_bg_red.jpg) center center/cover no-repeat;
  }

  /* line 27, ../sass/contents.scss */
  .mtitle.interview {
    background: url(/images/common/mtitle_bg_blue.jpg) center center/cover no-repeat;
  }

  /* line 30, ../sass/contents.scss */
  .mtitle.policy {
    background: url(/images/common/mtitle_bg_red.jpg) center center/cover no-repeat;
  }

  /* line 34, ../sass/contents.scss */
  #contents_body {
    width: 900px;
    padding: 40px 0 40px 0;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.8;
  }
  #contents_body::after {
    content: "";
    display: table;
    clear: both;
  }
  /* line 40, ../sass/contents.scss */
  #contents_body h1 {
    margin-bottom: 50px;
    font-size: 25px;
    font-family: "EB Garamond", serif, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
    font-weight: bold;
    line-height: 1.6;
  }
  /* line 47, ../sass/contents.scss */
  #contents_body h2 {
    margin: 40px auto 40px auto;
    font-size: 24px;
    font-family: "EB Garamond", serif, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
    font-weight: bold;
    line-height: 1.4;
  }
  /* line 54, ../sass/contents.scss */
  #contents_body h3 {
    margin: 40px auto 20px auto;
    padding: 10px;
    font-size: 22px;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
    line-height: 1.4;
    background-color: #F3F1F1;
    border-radius: 4px;
  }
  /* line 63, ../sass/contents.scss */
  #contents_body h4 {
    margin: 40px auto 20px auto;
    padding-bottom: 10px;
    font-size: 20px;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: solid 1px #ddd;
  }
  /* line 71, ../sass/contents.scss */
  #contents_body h5 {
    margin: 40px auto 15px auto;
    padding-bottom: 10px;
    font-size: 18px;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
    line-height: 1.4;
    color: #E0698B;
  }
  /* line 79, ../sass/contents.scss */
  #contents_body h6 {
    margin: 40px auto 15px auto;
    font-size: 20px;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
    line-height: 1.4;
  }
  /* line 85, ../sass/contents.scss */
  #contents_body p {
    margin: 1em auto 1em auto;
    font-size: 18px;
    line-height: 1.8;
  }
  /* line 90, ../sass/contents.scss */
  #contents_body ul, #contents_body ol {
    margin: 20px auto 20px auto;
  }
  /* line 92, ../sass/contents.scss */
  #contents_body ul li, #contents_body ol li {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.8;
  }
  /* line 100, ../sass/contents.scss */
  #contents_body ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
  /* line 103, ../sass/contents.scss */
  #contents_body ul li:before {
    content: '●';
    color: #E697A9;
  }
  /* line 109, ../sass/contents.scss */
  #contents_body ol {
    list-style: none;
    counter-reset: listyle;
  }
  /* line 112, ../sass/contents.scss */
  #contents_body ol li {
    padding-left: 1.5em;
    text-indent: -1.5em;
  }
  /* line 115, ../sass/contents.scss */
  #contents_body ol li:before {
    counter-increment: listyle;
    content: counter(listyle) "）";
  }
  /* line 121, ../sass/contents.scss */
  #contents_body a {
    text-decoration: underline;
    color: #C94C79;
  }
  /* line 124, ../sass/contents.scss */
  #contents_body a:hover {
    text-decoration: none;
  }
  /* line 128, ../sass/contents.scss */
  #contents_body b, #contents_body strong {
    font-weight: bold;
  }
  /* line 131, ../sass/contents.scss */
  #contents_body blockquote {
    margin: 40px auto 40px auto;
    padding: 10px 30px 10px 80px;
    background: url(/images/contents/contents_blockquote.png) 30px 20px no-repeat #F3F1F1;
    color: #666666;
    font-style: italic;
  }
  /* line 138, ../sass/contents.scss */
  #contents_body img {
    max-width: 100%;
    height: auto;
  }
  /* line 142, ../sass/contents.scss */
  #contents_body img.alignnone {
    display: block;
    margin: 40px auto 40px auto;
  }
  /* line 146, ../sass/contents.scss */
  #contents_body img.alignleft {
    float: left;
    display: block;
    vertical-align: top;
    margin: 0 30px 20px 0;
  }
  /* line 152, ../sass/contents.scss */
  #contents_body img.alignRight {
    float: right;
    display: block;
    vertical-align: top;
    margin: 0 0 20px 30px;
  }
  /* ブロック画像は枠ごと回り込ませ、次の見出しで段を戻す */
  #contents_body .wp-block-image {
    margin: 0 0 1em;
  }
  #contents_body .wp-block-image figure {
    margin: 0;
  }
  #contents_body .wp-block-image.alignleft,
  #contents_body .wp-block-image:has(> figure.alignleft) {
    float: left;
    clear: left;
    margin: 0 30px 20px 0;
  }
  #contents_body .wp-block-image.alignright,
  #contents_body .wp-block-image:has(> figure.alignright) {
    float: right;
    clear: right;
    margin: 0 0 20px 30px;
  }
  #contents_body h2,
  #contents_body h3,
  #contents_body h4,
  #contents_body h5,
  #contents_body h6,
  #contents_body table,
  #contents_body .wp-block-table {
    clear: both;
  }
  /* line 158, ../sass/contents.scss */
  #contents_body table {
    width: 100%;
    margin: 40px auto;
  }
  /* line 161, ../sass/contents.scss */
  #contents_body table th {
    padding: 10px;
    background-color: #F3F1F1;
    border: solid 1px #ddd;
    font-weight: bold;
  }
  /* line 167, ../sass/contents.scss */
  #contents_body table td {
    padding: 10px;
    border: solid 1px #ddd;
  }
  /* line 172, ../sass/contents.scss */
  #contents_body video {
    display: block;
    margin: 40px auto;
  }
}
/* Smartphones (portrait and landscape) */
@media screen and (max-width: 700px) {
  /* line 195, ../sass/contents.scss */
	.mtitle h1.on{
    padding: 5vw;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    background: url(/images/contents/contents_mtitle2.jpg) center center/cover no-repeat;
  }
  #contents_body {
    width: 100%;
    padding: 20px 4.6875% 40px 4.6875%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.8;
  }
  #contents_body::after {
    content: "";
    display: table;
    clear: both;
  }
  /* line 202, ../sass/contents.scss */
  #contents_body h1 {
    margin-bottom: 30px;
    font-size: 22px;
    font-family: "EB Garamond", serif, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
    font-weight: bold;
    line-height: 1.6;
  }
  /* line 209, ../sass/contents.scss */
  #contents_body h2 {
    margin: 20px auto 20px auto;
    font-size: 22px;
    font-family: "EB Garamond", serif, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
    font-weight: bold;
    line-height: 1.4;
  }
  /* line 216, ../sass/contents.scss */
  #contents_body h3 {
    margin: 20px auto 15px auto;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    background-color: #F3F1F1;
    border-radius: 4px;
  }
  /* line 225, ../sass/contents.scss */
  #contents_body h4 {
    margin: 20px auto 15px auto;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: solid 1px #ddd;
  }
  /* line 233, ../sass/contents.scss */
  #contents_body h5 {
    margin: 20px auto 10px auto;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    color: #E0698B;
  }
  /* line 241, ../sass/contents.scss */
  #contents_body h6 {
    margin: 20px auto 10px auto;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
  }
  /* line 247, ../sass/contents.scss */
  #contents_body p {
    margin: 1em auto 1em auto;
    font-size: 16px;
    line-height: 1.8;
  }
  /* line 252, ../sass/contents.scss */
  #contents_body ul, #contents_body ol {
    margin: 20px auto 20px auto;
  }
  /* line 254, ../sass/contents.scss */
  #contents_body ul li, #contents_body ol li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.8;
  }
  /* line 262, ../sass/contents.scss */
  #contents_body ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
  /* line 266, ../sass/contents.scss */
  #contents_body ul li:before {
    content: '●';
    color: #E697A9;
  }
  /* line 272, ../sass/contents.scss */
  #contents_body ol {
    list-style: none;
    counter-reset: listyle;
  }
  /* line 276, ../sass/contents.scss */
  #contents_body ol li {
    padding-left: 1.5em;
    text-indent: -1.5em;
  }
  /* line 280, ../sass/contents.scss */
  #contents_body ol li:before {
    counter-increment: listyle;
    content: counter(listyle) "）";
  }
  /* line 286, ../sass/contents.scss */
  #contents_body a {
    text-decoration: underline;
    color: #C94C79;
  }
  /* line 289, ../sass/contents.scss */
  #contents_body a:hover {
    text-decoration: none;
  }
  /* line 293, ../sass/contents.scss */
  #contents_body b, #contents_body strong {
    font-weight: bold;
  }
  /* line 296, ../sass/contents.scss */
  #contents_body blockquote {
    margin: 20px auto 20px auto;
    padding: 10px 30px 10px 45px;
    background: url(/images/contents/contents_blockquote.png) 20px 20px no-repeat #F3F1F1;
    background-size: 14px auto;
    color: #666666;
    font-style: italic;
  }
  /* line 304, ../sass/contents.scss */
  #contents_body img {
    max-width: 100%;
    height: auto;
  }
  /* line 308, ../sass/contents.scss */
  #contents_body img.alignnone {
    display: block;
    margin: 10px auto 10px auto;
  }
  /* line 312, ../sass/contents.scss */
  #contents_body img.alignleft {
    width: 50%;
    float: left;
    display: block;
    vertical-align: top;
    margin: 0 10px 10px 0;
  }
  /* line 319, ../sass/contents.scss */
  #contents_body img.alignRight {
    width: 50%;
    float: right;
    display: block;
    vertical-align: top;
    margin: 0 0 10px 10px;
  }
  #contents_body .wp-block-image {
    margin: 0 0 1em;
  }
  #contents_body .wp-block-image figure {
    margin: 0;
  }
  #contents_body .wp-block-image.alignleft,
  #contents_body .wp-block-image:has(> figure.alignleft) {
    width: 50%;
    float: left;
    clear: left;
    margin: 0 10px 10px 0;
  }
  #contents_body .wp-block-image.alignright,
  #contents_body .wp-block-image:has(> figure.alignright) {
    width: 50%;
    float: right;
    clear: right;
    margin: 0 0 10px 10px;
  }
  #contents_body .wp-block-image.alignleft img,
  #contents_body .wp-block-image.alignright img,
  #contents_body .wp-block-image:has(> figure.alignleft) img,
  #contents_body .wp-block-image:has(> figure.alignright) img {
    width: 100%;
    height: auto;
  }
  #contents_body h2,
  #contents_body h3,
  #contents_body h4,
  #contents_body h5,
  #contents_body h6,
  #contents_body table,
  #contents_body .wp-block-table {
    clear: both;
  }
  /* line 326, ../sass/contents.scss */
  #contents_body table {
    width: 100%;
    margin: 20px auto;
  }
  /* line 329, ../sass/contents.scss */
  #contents_body table th {
    padding: 10px;
    background-color: #F3F1F1;
    border: solid 1px #ddd;
    font-weight: bold;
  }
  /* line 335, ../sass/contents.scss */
  #contents_body table td {
    padding: 10px;
    border: solid 1px #ddd;
  }
  /* line 340, ../sass/contents.scss */
  #contents_body video {
    display: block;
    margin: 40px auto;
  }
  /* line 344, ../sass/contents.scss */
  #contents_body #googleCalendar {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-x: scroll;
  }
  /* line 349, ../sass/contents.scss */
  #contents_body .swipe {
    width: 34.375%;
    margin: 0 auto 0.5%;
  }
}