@charset "utf-8";
/* 
Theme Name: Coffee Hijiri（コーヒー聖）
Theme URL: https://coffee-hijiri.com/
Description: Coffee Hijiri（コーヒー聖）
Author: Coffee Hijiri（コーヒー聖）
 */
@import url("css/layout.css");
@import url("css/layout_tlsp.css");
@import url("css/common.css");
@import url("css/animate.css");
/*=========================
<time>2023年4月1日</time>
<time datetime="2023-04-01">2023年4月1日</time>
<time datetime="<?php echo get_the_date('Y-m-d'); ?>"><?php echo get_the_date('Y年m月d日'); ?></time>
=========================*/
@media print, screen and (min-width: 769px) {
  .table {
    border-collapse: collapse;
    display: table;
  }
  .table .row {
    display: table-row;
  }
  .table .row > div {
    display: table-cell;
    margin: 15px;
    padding: 10px 20px;
    border: 1px solid #ccc;
    background-color: #fff;
  }
  .table .row div:nth-child(1) {
    background-color: #f4f1ea;
    width: 30%;
    text-align: center;
    vertical-align: middle;
  }
  .table .row div a {
    color: #45281c;
    text-decoration: underline;
  }
  .table .row div a:hover {
    text-decoration: none;
    color: #999;
  }
}
/* Tablet 768pxまで */
@media only screen and (max-width: 768px) {
  /*=========================
コンテンツ共通
=========================*/
  /*枠*/
  #article-in > div {
    margin-bottom: 50px;
  }
  /*見出し*/
  h1 {
  }
  h2 {
  }
  h3 {
  }
  h4 {
  }
  /*テキスト*/

  /*divテーブル*/
  .table {
    border-collapse: collapse;
  }
  .table .row {
  }
  .table .row > div {
    padding: 10px 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center;
  }
  .table .row div:nth-child(1) {
    background-color: #f4f1ea;
    text-align: center;
    vertical-align: middle;
  }
  /*スマホテーブル横スクロール
    テーブルを囲む<div class="scroll"></div>*/
  .scroll {
    overflow: auto;
    white-space: nowrap;
  }
  .scroll::-webkit-scrollbar {
    height: 5px;
  }
  .scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .scroll::-webkit-scrollbar-thumb {
    background: #bcbcbc;
  }
}
/* Mobile 640pxまで */
@media only screen and (max-width: 640px) {
}