@charset "utf-8";

/*
Theme Name: Zeitakuya 2022
Theme URI: 
Author: Zeitakuya
Author URI: http://www.zeitakuya.co.jp/
Description: 
Version: 1.0 (2013-05-01)
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width,
Text Domain: Zeitakuya
*/

/* Reset -------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  }

/* frame original -------------------------------------------------------------- */
html {
  }

body {
  background-color: #ccc;
  background-image: url("background.jpg");
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 30px;
  font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Lucida Grande','ＭＳ Ｐゴシック', sans-serif;
  }
@media (max-width:767px) {
body {
  padding-bottom: 0;
  }
 }

clear {
  clear: both;
  }
small {
  font-size: 10px;
  }
b {
  font-weight: bold;
  }
sup {
  vertical-align: 3px;
  font-size: 9px;
  }
sub {
  vertical-align: baseline;
  font-size: 9px;
  }
a:link {
  color: #fff;
  text-decoration: none;
  }
a:visited {
  color: #fff;
  text-decoration: none;
  }
a:hover {
  background: transparent;
  text-decoration: none;
  border-bottom: dashed 1px #ffbf80;
  }



/* mobile menu -------------------------------------------------------------- */
.drawer-hamburger {
  padding-top: 10px; /* drawer アイコンの位置(padding指定) */
  }

.drawer-nav {
  background:#ffffff url("background.jpg"); /* drawer メニューの背景 */
  }

.drawer-overlay {
  /* background-color: rgba(0, 0, 0, .2); コンテンツ部分にかかる半透明の黒色の変更 */
  }

ul.drawer-menu {
  font-family: "EB Garamond","游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E","メイリオ","Meiryo",serif; /* EB Garamond 使用 */
  font-style: normal;
  font-size: 1.0em;
  text-align: center;
  }

.drawer-menu li {
  border-bottom: solid 1px #999;
  margin: 0.75em auto;
  padding-bottom: 0.75em;
  }
.drawer-menu li a {
  color: #000000;
  text-decoration: none;
  }

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  background-color: #d9c6ad; /* drawer アイコンの色 */
  height: 4px; /* drawer アイコン線の太さ */
  }



/* header -------------------------------------------------------------- */
#header_wrapper {
  p-osition: fixed !important;
  top: 0;
  background-image: url("background.jpg");
  background-color: #ffead5;
  width: 100%;
  height: auto;
  z-index: 9;
  overflow: hidden;
  }
@media (max-width:767px) {
#header_wrapper {
  position: static !important;
  top: auto;
  z-index: auto;
  }
 }

#header {
  width: 80%;
  max-width: 900px;
  min-width: 860px;
  height: auto;
  margin: 0.5em auto 0 auto;
  overflow: hidden;
  }
@media (max-width:767px) {
#header {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  }
 }

.header_image {
  float: left;
  overflow: hidden;
  }

.header_image_png {
  width: 340px;
  height: 30px;
  }

.header_logo {
  float: right;
  }

.header_logo_png {
  width: 240px;
  height: 75px;
  }

.header_logo_mobile {
  float: left;
  }

.header_logo_mobile_png {
  margin-bottom: 0.25em;
  margin-left: 0.25em;
  width: 65.0%;
  height: auto;
  }

.header_text {
  clear: left;
  padding: 2.0em 0 0 0.5em;
  color: #52321d;
  font-size: 14px;
  text-align: left;
  line-height: 1.1;
  overflow: hidden;
  }

.header_text_mobile {
  margin: 0.25em auto 0.25em 0.5em;
  color: #52321d;
  font-size: 0.8em;
  f-ont-size: 2.8vw;
  text-align: left;
  line-height: 1.1;
  overflow: hidden;
  width: 85.0%;
  }

#header_menu {
  clear: both;
  width: 80%;
  max-width: 900px;
  min-width: 860px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0.3em 0;
  border-top: solid 1px #808080;
  border-bottom: solid 1px #808080;
  overflow: hidden;
  }
@media (max-width:767px) {
#header_menu {
  display: none;
  }
 }

.header_menu_content, .header_menu_content_2024 {
  list-style-type: none;
  }

.header_menu_content li,
.header_menu_content_2024 li {
  float: left;
  background-image: url("header_menu_corner.gif");
  background-repeat: no-repeat;
  background-color: #552b2b;
  color: #f8f4f1;
  margin-right: 0.1em;
  padding: 0.5em 0;
  width: 11.45%;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  }

.header_menu_content_2024 li {
  width: 13.15%;
  }

.header_menu_content li a:hover,
.header_menu_content_2024 li a:hover {
  color: #ff952b;
  text-decoration: none;
  border: none;
  }

ul.header_menu_sekou_content {
  }

.header_menu_sekou_content li {
  background-image: none;
  position:relative;
  width: 72.50%;
  }

ul.header_menu_content_2024 ul {
  display: none;
  overflow: hidden;
  position:absolute;
  z-index: 50;
  }

ul.header_menu_content_2024 li:hover ul {
  display: block;
  margin-top: -0.5em;
  margin-left: 0.5em;
  }

li.go_home {
  background-image: none;
  width: 4em;
  }

#content_title {
  width: 900px;
  min-width: 800px;
  height: auto;
  margin: 0.5em auto 0 auto;
  padding: 0.25em 0;
  border-bottom: dotted 1px #555;
  background-image: url("background.jpg");
  color: #555;
  font-size: 30px;
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  }
@media (max-width:767px) {
#content_title {
  background-color: #552b2b;	/* ----- test ----- */
  background-image: none;	/* ----- test ----- */
  border-top: dotted 1px #555;
  border-bottom: dotted 1px #555;
  color: #cab4b4;	/* ----- test ----- */
  font-size: 1.5em;
  margin: 0.25em auto;
  padding: 0.5em 0;
  width: 100%;
  min-width: 97.5%;
  text-align: center;
  }
 }

.content_title_point {
  margin-right: 0.15em;
  width: 30px;
  height: 30px;
  vertical-align: -0.1em;
  }
@media (max-width:767px) {
.content_title_point {
  width: 1.0em;
  height: 1.0em;
  }
 }

.content_title_memo {
  width: 75%;
  height: auto;
  margin: 0 auto;
  padding: 0.25em 0;
  color: #555;
  font-size: 14px;
  text-align: right;
  overflow: hidden;
  }



/* main area -------------------------------------------------------------- */
#main {
  margin: 1.5em auto 40px auto;
  padding-top: 0px;
  width: 80%;
  max-width: 900px;
  min-width: 860px;
  overflow: hidden;
  }
@media (max-width:767px) {
#main {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  }
 }



/* footer -------------------------------------------------------------- */
#footer_wrapper {
  position: fixed !important;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  background-image: url("background.jpg");
  background-color: #ffead5;
  z-index: 9;
  overflow: hidden;
  }
@media (max-width:767px) {
#footer_wrapper {
  position: static !important;
  z-index: auto;
  }
 }


#footer, #footer a {
  width: 80%;
  max-width: 900px;
  min-width: 860px;
  height: auto;
  color: #552b2b;
  margin: 0 auto;
  padding: 0.3em 0;
  border-top: solid 1px #808080;
  text-decoration: none;
  overflow: hidden;
  }
@media (max-width:767px) {
#footer, #footer a {
  background-color: #552b2b;
  border-top: none;
  color: #cab4b4;
  margin-top: 0.75em;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  }
 }

#footer a:hover {
  color: #e33e00;
  border-bottom: solid 2px #e33e00;
  }

.troll_shadow {
  width: 2.5em;
  height: auto;
  }

#footer_menu {
  float: left;
  margin-top: 0.5em;
  margin-left: 0.5em;
  overflow: hidden;
  }
@media (max-width:767px) {
#footer_menu {
  display: none;
  }
 }

.footer_menu_content {
  list-style-type: none;
  }

.footer_menu_content li {
  float: left;
  padding: 0 0.75em;
  border-right: solid 1px #808080;
  font-size: 14px;
  line-height: 1.1;
  }

li.go_troll {
  border-right: solid 0px #808080;
  }

#footer_text {
  float: right;
  margin-top: 0.5em;
  margin-right: 0.5em;
  font-size: 14px;
  line-height: 1.25;
  overflow: hidden;
  }
@media (max-width:767px) {
#footer_text {
  float: none;
  font-size: 3.3vw;
  text-align: center;
  }
 }

#copyright {
  font-family: Arial, 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
  margin-bottom: 0.5em;
  white-space: nowrap;
  }



/* totop scroll -------------------------------------------------------------- */
#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 10px;
  bottom: 20px;
  opacity: 0.6;
  }
#page_top a{
  width: 60px;
  height: 60px;
  text-decoration: none;
  }
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f139';
  font-size: 60px;
  color: #78765f;	/* #3f98ef; */
  }



/* extra code -------------------------------------------------- */
.no-display {display:none;}
.inline-block {display:inline-block;}
.width100 {width:100%;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-justify {text-align: justify;} /* 両端揃え */
.bold {font-weight:600;}
.san-serif {font-family:"游ゴシック Medium","YuGothic","YuGothicM","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
.serif {font-family:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E","メイリオ","Meiryo",serif;}
.fs44 {font-size:44px;}
.fs36 {font-size:36px;}
.fs32 {font-size:32px;}
.fs28 {font-size:28px;}
.fs24 {font-size:24px;}
.fs22 {font-size:22px;}
.fs20 {font-size:20px;}
.fs18 {font-size:18px;}
.fs16 {font-size:16px;}
.fs14 {font-size:14px;}
.fs12 {font-size:12px;}
.fs10 {font-size:10px;}
.fs08 {font-size:8px;}
.zizume0 {font-feature-settings:“palt”;} /* すべて字詰 */
.zizume1 {font-feature-settings:“pkna”;} /* 約物以外を字詰 */
.mobile-off {display:block;}
.mobile-off-inline {display:inline;}
.mobile-on {display:none;}
.mobile-on-inline {display:none;}

@media (max-width:767px) {
.fs44 {font-size:10.8vw;}
.fs36 {font-size:8.8vw;}
.fs32 {font-size:7.8vw;}
.fs28 {font-size:6.8vw;}
.fs24 {font-size:5.8vw;}
.fs22 {font-size:5.3vw;}
.fs20 {font-size:4.8vw;}
.fs18 {font-size:4.3vw;}
.fs16 {font-size:3.8vw;}
.fs14 {font-size:3.3vw;}
.fs12 {font-size:2.8vw;}
.fs10 {font-size:2.4vw;}
.fs08 {font-size:1.9vw;}
.mobile-off {display:none;}
.mobile-off-inline {display:none;}
.mobile-on {display:block;}
.mobile-on-inline {display:inline;}
 }