@charset "UTF-8";

/* 基本のフォントサイズ */
/* 最小値が9px、最大値が14pxの文字サイズで、ビューポートが375px（iPhone11）から810px（ipad）までの間は9pxから12pxの間を可変する文字サイズ */
body{
  font-size: clamp(9px,calc(9px + ((1vw - 3.75px) * 0.689)),14px);
}
/*
@media screen and (max-width: 991px) {
  body{
    font-size:12px;
  }
}
@media screen and (max-width: 470px) {
  body{
    font-size:9px;
  }
}
*/

/* グローバルメニューのバックカラーの設定 */
.site-navigation{
  background-color:rgba(135,55,46, 0.9);
}
.dropdown-menu{
  background-color:rgba(135,55,46, 0.9) !important;
}

/* トップページ3、4、5のタイトルのフォントを変更 */
.top-headline { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }

/* 基本設定のフォントタイプで「明朝」を選択
body, input, textarea { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
 */

 /* 天気予報 */
.weather {
  position: absolute;
  left: 20px;
  bottom: 50px;
  text-align: left;
  color:white;
  background-color: rgba(0,0,0,0.0);
}

.forecast-days-wrap {
  display: block;
  position: relative;
  left: 10px;
}

.today-weather {
  width: 336px; 
  float: left;
}

.tomorrow-weather {
  display: none;
  width: 336px; 
  float: left;
}

.weather h3 {
  font-size: 1.2em;
}

.left-style {
  border-left: 10px solid #0061ca;
  margin:auto;
  padding: 5px 0 0 5px;
  border-bottom: 0;
}

.roku-you {
  display: none;
}

.weather-wrap {
  width: 100%;
  text-align: center;
  display: table;
  margin: 0 0 5px 0;
}

.weather-icon {
  display: block;
  float: left;
  margin: 0 0px 0 15px;
}

.weather-telop {
  margin-top: 0px;
  margin-bottom: 0px;
}

.date-value-wrap {
  display: table-cell;
  vertical-align: middle;
}

.forecast-days-temp-telop {
  display: none;
}

.date-value {
  margin-top: 15px;
  display: block;
  width: 175px;
  /*vertical-align: middle;*/
  text-align: right;
}

.date-value dt.sumarry {
  font-size: 1.2em;
  font-weight: 500;
  float: left;
  clear: left;
  padding-right: 10px;
}

.low-temp, .min-temp {
  color: #0096FF !important;
}

.red, .holiday, .sunday, .high-temp, .max-temp {
  color: #FF0000 !important;
}

.date-value dd.temp {
  float: left;
  margin: 0 5px 0 5px;
}

.date-value dd.temp span.value {
  font-weight: bold;
  font-size: 1.2em;
}

.date-value dd.tempdiff {
  font-size: 1.0em;
  float: left;
  margin: 2px 0 0 0;
}

.weather table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.precip-table {
   display: none;
}

.precip-table table{
  /*background-color: white;*/
  color: white;
}

.precip-table table th, .precip-table table td {
  font-size: 0.875em;
  font-weight: normal;
  border: 1px solid #CCC;
  width: 20%;
  text-align: center;
  padding: 5px 3px;
}
.precip-table table th {
  /*background: #F4F4EE none repeat scroll 0 0;*/
  /*background-color: rgb(244, 244, 238);*/
  background-position-x: 0px;
  background-position-y: 0px;
  background-repeat: repeat;
  background-attachment: scroll;
  background-image: none;
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
}
/* ～ ここまで天気予報 */


/* 年間日程 */
table.com_tbl {
  width: 100%;
  height: 54px;
  border-collapse: collapse;
  empty-cells: show;
}

table.com_tbl tr {
  height: 27px;
}

table.com_tbl td {
  text-align: center;
  border: 1px solid #c90;
  padding: 0;
}

table.kyougi_calendar {
  width: 100%;
  margin:auto;
}

table.kyougi_calendar .youbij {
  height:30px;
  line-height: normal;
}

table.kyougi_calendar .youbie{
  height:20px;
  line-height: normal;
}

.youbij td,.youbie td {
  background-color: #dcdcdc;
}

table.kyougi_calendar .day{
  height:30px;
  line-height: normal;
}

table.kyougi_calendar .day td{
  font-size: 120%;
}

table.kyougi_calendar .event{
  height:60px;
  line-height: normal;
}

table.kyougi_calendar td {
  text-align: center;
  line-height: normal;
  border: 1px solid #c0c0c0;
  padding: 0px;
}

/* ～ ここまで年間日程 */

.article p, .entry-content p{
  line-height: 30px;
  font-size:114%; /* 16px */
}

@media only screen and (max-width: 767px) {
  .first-h1{
    font-size:20px !important;
    padding-top:185%; /* 26px */
  }
}

.down-arrow{
  position:absolute;
  bottom:15px;
  width:100%;
  text-align:center;
  color: rgb(250,250,250);
  font-size:357%; /* 50px */
  cursor:pointer;
}

.categories-wrap{
  font-size: 85%; /* 12px */
}

.single-page p{
  line-height: 30px;
  font-size:114%; /* 16px */
}


/*-----------------------------------------
  common
-----------------------------------------*/
.copr{
  font-size: 85%; /* 12px */
  background: #000;
  color: #fff;
  padding: 20px;
}


/* main-menu */


/* header logo */
#logo_text h1#logo{
  font-size: 142%; /* 20px */
  margin: 0;
  padding: 0;
}

#logo_text #description{
  color: #fff;
  margin: 3px 0;
  padding: 0;
  font-size: 85%; /* 12px */
}


/* header logo overwrite */


/* mobile menu */


/* menu button */


/* グローバルメニュー */


/* tablet */


/* header phone number */
#header-phonenumber{
  font-size: 185%; /* 26px */
  font-weight: bold;
  color: #fff;
  margin: 10px 0;
}


/* breadcrumb */
.breadcrumb{
  font-size: 85%; /* 12px */
  padding: 0;
  margin: 0;
  background: #fff;
  border: none;
}


/* footer */

/*
.scrolltotop_arrow{
  display: inline-block;
  background: url(images/up-arrow3.png) no-repeat top center;
  width: 159px;
  height: 53px;
  line-height: 70px;
  font-family: 'design_plus';
  font-size: 24px;
}
*/

.footer-menu{
  padding-left:0px;
  font-size: 85%; /* 12px */
}



/* thumbnail rollover */


/* blog list thumbnails */


/* pagerbutton */


/* mobile footer menu */


/*-----------------------------------------
  top page (welcome screen)
-----------------------------------------*/
/* headline */


/* first block */


/* second block */


/* third block */


/* fourth block */


/* fifth block */




/*-----------------------------------------
  posts page (index.php)
-----------------------------------------*/
.blog-list-title{
  font-weight: bold;
  font-size: 114%; /* 16px */
  line-height: 170%;
  margin: 10px 0;
  color: #000;
  display: block;
}

.cate{
  font-size: 85%; /* 12px */
}



/*-----------------------------------------
  single post
-----------------------------------------*/
.page-title{
  font-weight: bold;
  line-height: 160%;
  font-size: 171%; /* 24px */
}


/* SNSボタン */


/* share button */


/* share count area */


/* loading icon */


/* SNS icon */


/* next page */


/* related_posts */
#related_posts .thumb img{width:100%; height:auto;}
.content_links{
  font-size: 100%; /* 14px */
  font-weight: bold;
  color: #333;
}


/*-----------------------------------------
  archive
-----------------------------------------*/
.cate-title{
  margin-top: 40px;
  font-size: 214%; /* 30px */
}


/*-----------------------------------------
  sidebar
-----------------------------------------*/


/* category widget (tcd ver.) */


/* styled_post_list1 */
.dateandcate{
  margin: 0 0 5px;
  font-size: 85%; /* 12px */
}
.styled_post_list1 .title{
  font-size: 100%; /* 14px */
  font-weight: bold;
  margin: 0 0 5px;
  display: block;
}
.styled_post_list1 .excerpt{
  font-size: 85%; /* 12px */
}


/* styled_post_list2 */
.styled_post_list2 li .title{
  font-size: 100%; /* 14px */
  font-weight: bold;
  margin: 10px 0;
  line-height: 160%;
}


/* my recent post */


/* widget_archive */


/* ml_ad_widget */


/* google search widget */


/* custom menu widget */


/*-----------------------------------------
  mobile banner
-----------------------------------------*/


/*-----------------------------------------
  for mobile
-----------------------------------------*/


/* ---------- clearfix hack ---------- */


/* exlude MacIE5 \*/


/* end MacIE5 */


/* ----------------------------------------------------------------------
 WordPress プリセットスタイル
---------------------------------------------------------------------- */
/* alignment */


/* text and headline */
/* .entry-content p, .single-page p { line-height:2; margin:0 0 1em 0; } */


/* image */


/* list */
.entry-content ul.list_style_none { list-style:none outside none; }
/* .entry-content ul, .single-page ul { list-style:circle outside none; padding-left:1.4em; } */


/* table */


/* block quote */


/* captions */


/* gallery */


/* etc */


/* ----------------------------------------------------------------------
 ソーシャルボタン
---------------------------------------------------------------------- */


/*--------------------------------
share_top1（Style1）
---------------------------------*/


/*--------------------------------
share_btm1（Style3）
---------------------------------*/


/*------------- share_top1 & share_btm1 button_color -------------*/

/* Twitter */


/* Facebook */


/* Google+ */


/* Hatena */


/* Pocket */


/* rss */


/* Feedly */


/* Pinterest */


/*--------------------------------
share_top2（Style2）
---------------------------------*/


/*--------------------------------
share_btm2（Style4）
---------------------------------*/


/*------------- share_top2 & share_btm4 button_color -------------*/
/* Twitter */


/* Facebook */


/* Google+ */


/* Hatena */


/* Pocket */


/* rss */


/* Feedly */


/* Pinterest */


/*--------------------------------
share_top5（公式ボタン）
---------------------------------*/


/* ----------------------- TCD Advanced Style ------------------------ */


/* ----------------------------------------------------------------------
 Column layout - カラムレイアウト
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
 headline - 見出しのスタイル
---------------------------------------------------------------------- */


/* h3 */


/* h4 */


/* h5 */


/* h6 */



/* ----------------------------------------------------------------------
 flame - 囲み枠
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
 button - CSSボタンのスタイル
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
Table responsive - テーブルのレスポンシブ表示
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
 Cardlink style - カードリンクのスタイル
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
 Contactform - お問い合わせフォーム
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
 font-size - フォントサイズ
---------------------------------------------------------------------- */
.text70{font-size:70% !important}      /* フォントサイズ70% */
.text80{font-size:80% !important}
.text90{font-size:90% !important}
.text100{font-size:100% !important}
.text110{font-size:110% !important}
.text120{font-size:120% !important}
.text130{font-size:130% !important}
.text140{font-size:140% !important}
.text150{font-size:150% !important}
.text160{font-size:160% !important}
.text170{font-size:170% !important}
.text180{font-size:180% !important}
.text190{font-size:190% !important}
.text200{font-size:200% !important}
.text210{font-size:210% !important}
.text220{font-size:220% !important}
.b{font-weight:700 !important}     /* 太字 */
.u{text-decoration:underline !important}     /* 下線 */
.del{text-decoration:line-through !important} /* 打ち消し線 */


/* ----------------------------------------------------------------------
 font-color - フォントカラー
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
 background-color - 背景色
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
 text-align - 配置
---------------------------------------------------------------------- */
.alignt{vertical-align:top !important} /* 上端揃え */
.alignm{vertical-align:middle !important} /* 中央揃え */
.alignb{vertical-align:bottom !important} /* 下端揃え */


/* ----------------------------------------------------------------------
 float - 回り込み
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
 hover - 画像リンクマウスオーバー時の不透明度
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
 text-style - テキストスタイル
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
 margin - 要素の外側の余白
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
 padding - 要素の内側の余白
---------------------------------------------------------------------- */


/*-- スマホ用メニューを表示する画面サイズの変更（テスト） --*/