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

/*
Theme Name: Rondino 2019 Standard Style
Theme URI: 
Author: TOM
Author URI: https://www.rondino.jp/
Description: 
Version: 2.1 (2019-02-11)
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: rondino
*/

/* 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 {
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* frame original -------------------------------------------------------------- */

body {
  background-color: #eeeeee;
  background-image: url("../background_gray_sq.png");
  background-repeat: repeat;
  font-size: 16px;
  margin-top: 0;
  margin-left: 0;
  user-select:none;
  -webkit-user-select:none;
  -ms-user-select: none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none;
  }

.clear {
  clear: both;
  }

small {
  font-size: 10px;
  }

b {
  font-weight: bold;
  }

sup {
  vertical-align: super;
  font-size: 9px;
  }

sub {
  vertical-align: baseline;
  font-size: 9px;
  }

img {
  pointer-events: none;
  }

/* pages -------------------------------------------------------------- */

#header, #main, #footer {
/*  max-width: 960px; */
/*  min-width: 860px; */
  overflow: hidden;
  width: 90%;
  }
@media (max-width:768px) {
#header, #main, #footer {
  width: 85%;
  }
 }

/* header -------------------------------------------------------------- */

#header {
  height: auto;
  margin: 40px auto 0 auto;
  overflow: hidden;
  text-align: center;
  display: none;
  }

@media (max-width:768px) {
.header-title-area {
  margin: 0 auto;
  overflow: hidden;
  width: 60%;
  text-align: center;
  }
 }

#header_photo {
  margin: 0 auto;
  height: auto;
  width: 18.5em; /* 300px; */
  }
@media (max-width:768px) {
#header_photo {
  float: none;
  margin: 0.0 auto;
  width: 100.0%;
  }
 }

.header_photo {
  max-width: 100%;
  }

#rondino, #tom, #tom_kana {
  color: #888888;
  font-family: 'adobe-garamond-pro', 'EB Garamond', 'Hiragino Mincho Pro', 'MS PMincho', serif;
  font-style: normal;
  font-weight: 400;
  }

#rondino {
  font-size: 1.75em;
  font-style: normal;
  letter-spacing: 0.10em;
  margin-top: 0.5em;
  }
@media (max-width:768px) {
#rondino {
  font-size: calc(100vw / 18);
  margin-top: 0.5em;
  }
 }

#tom_kana {
  font-size: 2.5em;
  letter-spacing: 0.15em;
  margin-top: 0.0em;
  }
@media (max-width:768px) {
#tom_kana {
  font-size: calc(100vw / 14);
  margin-top: 0.0em;
  }
 }

/* main area -------------------------------------------------------------- */

#main {
  margin: 10px auto 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  display: none;
  }

#primary {
/*  border: solid 1px red; */
  margin: 10px auto 0 auto;
  width: 32.0em;
/*  width: 70%; */
  overflow: hidden;
  }

/* entrybox -------------------------------------------------------------- */

.entrybox {
  color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 5px;
  text-decoration: none;
  }

.photo-area {
  font-size: 0.75em;
  margin-top: 1.0em;
  margin-bottom: 0.25em;
  overflow: hidden;
  text-align: center;
  }

.entry_photo {
  height: auto;
  max-width: 100%;
  width: 8.0em;
  }
@media (max-width:768px) {
.entry_photo {
  width: 22.5%;
  }
 }

.entry_photo-200 {
  height: auto;
  max-width: 100%;
  width: 200px; /* 200px; */
  }

.photo-thumbs {
  margin-top: 10px;
  overflow: hidden;
  text-align: center;
  }
@media (max-width:768px) {
.photo-thumbs {
  margin-top: 15px;
  text-align: left;
  }
 }

.thumb {
  height: auto;
  margin: 4px 4px 0px 0px;
  width: 2.5em;
  }
@media (max-width:768px) {
.thumb {
  margin: 1.75vw 1.75vw 0.0em 0.0em;
  width: 7.7vw;
  }
 }

.text-area {
  font-size: 1.0em;  /* 14px */
  line-height:2.25;
  margin-bottom: 1.75em;
  text-align: center;
  }
@media (max-width:768px) {
.text-area {
  font-size: 3.2vw; /* 18px*/
  }
 }

.entrytitle {
  color: #777;
  font-family: 'adobe-garamond-pro', 'EB Garamond', 'Hiragino Mincho Pro', 'MS PMincho', serif;
  font-size: 1.5em;
  margin-bottom: 10px;
  text-align: center;
  }
@media (max-width:768px) {
.entrytitle {
  font-size: 4.5vw;
  }
 }

.entrytime {
  color: #999;
  font-size: 0.75em;
  margin-right: 3px;
  text-align: right;
  }
@media (max-width:768px) {
.entrytime {
  font-size: 2.8vw; /* 12px */
  }
 }

.route {
  font-size: 0.75em; /* 12px; */
  line-height: 1.75;
  margin: 0px 0.5em 1.5em 3.0em;
  }
@media (max-width:768px) {
.route {
  font-size: 2.8vw; /* 12px */
  }
 }

.route-line {
  margin-left: 2.5em;
  }

.more {
  color: #999;
  display:inline-block;
  font-family: sans-serif;
  font-size: 10px;
  text-align: right;
  text-decoration: none;
  }
@media (max-width:768px) {
.more {
  font-size: 2.8vw; /* 12px */
  }
 }

.hr-end {
  border: solid #ccc;
  border-width: 1px 0 0 0;
  clear: both;
  height: 1px;
  margin-bottom: 3px;
  }

.chu {
  font-size: 0.75em;
  line-height: 1.5;
  margin: 1.0em 0.5em 5px 3em;
  padding: 0px 0px 0px 10px;
  }  /*注記、修正＆追加記録も含む*/

/* profile area -------------------------------------------------------------- */

.sns_dummy {
  display:none;
  float:right;
  font-family: Helvetica;
  font-size: 1.0em;
  font-weight: 600;
  margin-right: 0.25em;
  margin-top: 0.5em;
  overflow: hidden;
  text-align: left;
  }
@media (max-width:768px) {
.sns_dummy {
  font-size: 3.8vw;
  font-weight: 600;
  margin-top: 0.25em;
  }
 }

.sns_image_data {
  height: auto;
  margin-right:0.2em;
  vertical-align:-15%;
  width: 1.25em;
  }
@media (max-width:768px) {
.sns_image_data {
  vertical-align:-10%;
  width: 1.25em;
  }
 }

/* footer -------------------------------------------------------------- */

#footer {
  /* border-top: solid 1px #ddd; */
  margin: 1.0em auto 2.0em;
  overflow: hidden;
  padding-top: 0px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  display: none;
  }
@media (max-width:768px) {
#footer {
  clear: both;
  margin: 0.0em auto 1.5em;
  }
 }

#logomark {
  height: auto;
  margin-top: 0.0em;
  margin-bottom: 0.25em;
  width: 3.0em;
  }
@media (max-width:768px) {
#logomark {
  width: 11.6vw;
  }
 }

.logomark {
  max-width: 100%;
  }

#copyright {
  color: #999;
  font-family: 'Hiragino Mincho Pro', 'MS PMincho', serif;
  font-size: 10px;
  margin-top: 5px;
  margin-left: 0.5em;
  }
@media (max-width:768px) {
#copyright {
  font-size: 2.8vw; /* 12px */
  margin-top: 2px;
  }
 }

.copyrightmark {
  font-family: Arial;
  }

/* contact -------------------------------------------------------------- */
.contact-large, .contact-small {
  color: #999;
  font-family: 'EB Garamond',"游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E","メイリオ","Meiryo",serif;
  margin-left: 10px;
  }
@media (max-width:768px) {
.contact-large, .contact-small {
  margin-left: 5px;
  }
 }

.contact-large {
  font-size: 48px;
  margin-bottom: 10px;
  }
@media (max-width:768px) {
.contact-large {
  font-size: 11.2vw;
  }
 }

.contact-small {
  font-size: 22px;
  line-height: 1.5;
  }
@media (max-width:768px) {
.contact-small {
  font-size: 5.8vw;
  }
 }

.contact-small-sans, .contact-black {
  font-family: 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
  line-height: 1.5;
  margin-bottom: 5px;
  margin-left: 10px;
  }
@media (max-width:768px) {
.contact-small-sans, .contact-black {
  margin-left: 5px;
  }
 }

.contact-small-sans {
  color: #999;
  font-size: 16px;
  }
@media (max-width:768px) {
.contact-small-sans {
  font-size: 3.8vw;
  }
 }

.contact-black, .contact-small input, .contact-small textarea {
  color: #000;
  font-size: 18px;
  }
@media (max-width:768px) {
.contact-black, .contact-small input, .contact-small textarea {
  font-size: 4.3vw;
  }
 }

/* photosq -------------------------------------------------------------- */

.sq-photo-area {
  float: left;
  font-size: 12px;
  margin-bottom: 20px;
  margin-right: 20px;
  }

.sq-entry_photo {
  height: auto;
  max-width: 100%;
  width: 160px;
  }

/* 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;}
.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:08px;}
.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;}
.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;}
 }