@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=EB+Garamond|Lustria|Crimson+Text);

/* CSS Document */

html {
 background:#ffffff url("body_background_1.jpg");
 }

body {
 padding:0;
 }

a, a:link, a:visited {
 color:#000000;
 text-decoration:none;
 }

a:hover {
 color:#ff9900;
 text-decoration:none;
 }

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

.drawer-nav {
  background:#ffffff url("body_background_2.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.25em;
  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 アイコン線の太さ */
  }

/* body-container -------------------------------------------------------------- */
#body-container {
  background:#ffffff url("body_background_2.jpg");
  margin:0 auto 0 auto;
  width:800px;
  }
@media (max-width:768px) {
#body-container {
  background:#ffffff url("body_background_1.jpg");
  width:100%;
  }
 }

/* header -------------------------------------------------------------- */
#header {
  width:100%;
  }

#header-title-text {
  background:#730a0d url("footer_background_1.jpg");
  color:#b7a48b;
  font-family:'Hiragino Mincho Pro', 'MS PMincho', serif;
  font-size:16px;
  letter-spacing:0.5em;
  padding:3px 0 3px 0;
  text-align:center;
  width:100%;
  }
@media (max-width:768px) {
#header-title-text {
  font-size:3.8vw;
  }
 }

#header-navi {
 /* border-bottom:solid 7px #3f0507; */
 /* border-top:solid 7px #3f0507; */
  color:#aaaaaa;
  font-family:'Hiragino Mincho Pro', 'MS PMincho', serif;
  font-size:16px;
  overflow:hidden;
  }

#header-navi ul {
  list-style:none;
  }

#header-navi li {
  float:left;
  margin:0;
  }

#header-navi a {
  color:#aaaaaa;
  }

#header-navi a:hover {
 /* border-bottom:solid 3px #696969; */
  color:#555555;
  }

/* main -------------------------------------------------------------- */
#main {
  clear:both;
  width:100%;
  }
@media (max-width:768px) {
#main {
  background:#ffffff url("body_background_2.jpg");
  margin: 0 auto;
  width:97.5%;
  }
 }

#main-left-area {
  float:left;
  width:200px;
  }
@media (max-width:768px) {
#main-left-area {
  float:none;
  width:100%;
  }
 }

#main-right-area {
  float:left;
  padding:15px 15px 15px 15px;
  width:600px;
  }
@media (max-width:768px) {
#main-right-area {
  float:none;
  overflow:hidden;
  padding:10px;
  width:100%;
  }
 }

#content-title {
  color:#b72f3b;
  font-family:'Hiragino Mincho Pro', 'MS PMincho', serif;
  font-size:2.0em;
  margin-bottom:0.5em;
  }

/* footer -------------------------------------------------------------- */
#footer {
  background:#730a0d url("footer_background_2.jpg");
  clear:both;
  margin-top:0px;
  padding:0;
  text-align:left;
  width:100%;
  }
#footer-navi, #footer-navi-2 {
  color:#b7a48b;
  float:left;
  font-family:'Hiragino Mincho Pro', 'MS PMincho', serif;
  font-size:14px;
  line-height:1.85;
  margin:20px 0 15px 3.5em;
  overflow:hidden;
  }
@media (max-width:768px) {
#footer-navi, #footer-navi-2 {
  display: none;
  }
 }

#footer-navi ul, #footer-navi-2 ul {
  list-style:none;
  }
#footer-navi li, #footer-navi-2 li {
  margin-right:10px;
  }
#footer-navi a, #footer-navi-2 a {
  color:#b7a48b;
  }
#footer-navi a:hover, #footer-navi-2 a:hover {
  border-bottom:dotted 2px #b7a48b;
  color:#f7ad2e;
  }

#infoarea {
  color:#b7a48b;
  font-family:'Hiragino Mincho Pro', 'MS PMincho', serif;
  font-size:14px;
  line-height:1.5;
  padding:10px 30px 20px;
  text-align:right;
  }
@media (max-width:768px) {
#infoarea {
  font-size:4.0vw;
  text-align:center;
  }
 }

#logomark {
  margin-top:15px;
  margin-bottom:10px;
  }
.logomark {
  width:240px;
  max-width:100%;
  }
@media (max-width:768px) {
.logomark {
  width:92.5%;
  max-width:100%;
  }
 }

#mail-address {
  margin-top:3px;
  margin-bottom:10px;
  }
.mail-address {
  width:196px;
  max-width:100%;
  }

#copyright {
  background:#730a0d url("footer_background_1.jpg");
  clear:both;
  color:#b7a48b;
  font-size:10px;
  overflow:hidden;
  padding-left:15px;
  text-align:left;
  width:100%;
  }
@media (max-width:768px) {
#copyright {
  text-align: center;
  }
 }

.copyrightmark {
  font-family:Arial;
  }

#pagetop {
  float: right;
  }
@media (max-width:768px) {
#pagetop {
  display: none;
  }
 }

/* index -------------------------------------------------------------- */

/* photo-size -------------------------------------------------------------- */
.floatleft {float:left;}
.floatright {float:right;}
.photo800 {width:800px;}
@media (max-width:768px) {.photo800 {width:100%;}}
.photo600 {width:600px;}
@media (max-width:768px) {.photo600 {width:100%;}}
.photo400 {width:400px;}
.photo200 {width:200px;}
@media (max-width:768px) {.photo200 {width:50%;}}

.colorwt {color:#ffffff;}
.colorbk {color:#000000;}
.font-sans {font-family: 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;}
.font-serif {font-family:'Hiragino Mincho Pro', 'MS PMincho', serif;}
.ls-075 {letter-spacing:-0.75em;}
.ls-050 {letter-spacing:-0.5em;}
.ls-025 {letter-spacing:-0.25em;}

/* 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:768px) {
.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;}
 }