@charset "UTF-8";
/*
Theme Name:   THE SONIC Child
Theme URI:    https://the-sonic.jp
Description:  THE SONICカスタマイズ用子テーマ
Author:       SONIC Team
Author URI:   https://the-sonic.jp
Template:     thesonic
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
* ここから下に記述
*/

/* Google Mapを囲う要素 */
*/
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%; /* 比率を1:1に固定 */
}

/********************************************************************************************
 * ********************************************************************************************
 * ボックスメニューのカスタマイズ
SONIC用（https://goodoneas.com/sonic-boxmenu）
 
 *参考サイト　寝ろぐ様 （https://nelog.jp/box-menu）
 　　　　　　  ぽんひろ.com様（https://ponhiro.com/box-nav/）
 
SpecialThanks　ことりさん@SetouchiKotori（https://setouchi-kotori.com）
 ***********************/
 
.box-menus {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
}
.box-menus * {
  line-height: 1.6;
  margin: 0;
}
 
.box-menus .box-menu {
    display: block;
    padding: 0;/*列数を変更する場合は調整が必要*/
    text-decoration: none;
    width: 100%;
    text-align: center;
    /*min-height: 100px;*/
    cursor: pointer;
    background: #14B2BD;
    width: calc(100%/6);/*横に表示させる最大列数  */
    color: #14B2BD;/*#777  */
    box-shadow: inset 1px 0px 0 0 #14B2BD, 1px 0px 0 0 #14B2BD, 1px 0 0 0 #14B2BD; /*#eee*/
    transition: none;
    margin-bottom: 1em;/*メニューボックス下の間隔調整*/
}


.box-menus .box-menu:last-child {
  margin-right: auto;
}
.box-menus .box-menu:hover {
    box-shadow: inset 2px 2px 0 0 #f4b3c2, 2px 2px 0 0 #f4b3c2, 2px 0 0 0 #f4b3c2, 0 2px 0 0
#f4b3c2;
  color: #f4b3c2;
  z-index: 2;

　/*imgのサイズアップ*/
   -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.box-menus .box-menu-icon {
  color: #f4b3c2;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-menus .box-menu-icon * {
  margin: 0px 0;/*10px 0;*/
  /*メニューアイコンのサイズ変更*/
  width: 100%;
  height: 100%;
  max-width: /*60px*/100%;
  max-height: /*60px*/100%;
  height: auto;
  display: inline-block;
}
.box-menus .box-menu-icon img {
  font-size: 16px;
  border: none;
  box-shadow: none;
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0));
}
 
.box-menus .box-menu-label {
  font-size: 0px;/*14px;*/
  font-weight: 600;
}
 
.box-menus .box-menu-description {
  font-size: 10px;
  opacity: 0.8;
}
 
/* ウィジェットに入っている場合（テーマによってCSSセレクタの変更が必要かも） */
.widget .box-menus .box-menu {
  width: calc(100%/2);/*ウィジェット設置時の列数*/
}
 
/* スマホ用 */
@media screen and (max-width: 599px){
  .box-menus .box-menu{
    width: calc(100%/3);/*スマホ表示の列数*/
  }
}

/*デバイス幅が619px以下の場合*/
@media (max-width: 619px) {
.box-menus .box-menu {
width: calc(100%/3);/*◆３列×２行*/
}}
 
/*デバイス幅が325px以下の場合*/
@media
 (max-width: 325px) {
.box-menus .box-menu {
width: calc(100%/2);/*◆２列×３行*/
}}
/*ボックスメニューの余白削除*/
.full-width{
	padding: 0;
}

/*
ul.breadcrumb{
 display:none;
}

header.entry-header{
 display:none;
}
div.is-style-titlebox-mark4{
 background-color: #aaa;
}

*/
.gc-wrap {
    max-width: 800px;
    margin: 3% auto;
}
 
.g-calendar {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 70%;
}
 
.g-calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
@media screen and (max-width:767px) {
 
    .g-calendar {
        padding-bottom: 90%;
    }
	#mobile-menu {
    display: none;
}
}
/********************************************************************************************
 * 
 * 
 * 
/*ここからSONIC用追記CSS　*/

/*上のホームボタン削除*/
ul.breadcrumb{
	display: none
}
h1.entry-title{
	display: none;
}
/*左右余白削除*/
.entry-content {
padding:0;
	margin-right:1px;
	margin-left:1px
}
.one-column{
	margin:0;
}

/*スマホ左右の揺れなくす*/
@media screen and (max-width : 767px){
html,
body {
overflow-x: hidden!important;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
}



/******************************************/
/*reCAPTCHAのバッジを非表示(コンタクトフォーム）*/
.grecaptcha-badge { visibility: hidden; }

/******************************************/



/*テーブルデザイン*/
table{
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #333;
  text-align:center;
  box-sizing:border-box;
	
}
.tb01 th {
  background: #61C1BE;
  color: #FFFFFF;
　white-space: nowrap;
	font-size:1.2em;
	font-weight:bold;
  
}
@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}

/**/
body {
    font-family: Arial, sans-serif;
}

.container {
    display: flex;
    justify-content: space-around;
    margin: 20px 50px;
}

.forecast {
    border: 1px solid #ddd;
    padding: 20px;
    width: 30%;
    text-align: center;

}

.forecast img {
    width: 80px; /* 画像のサイズは適宜調整してください */
    height: auto;

/**/
/**/
/**/
/**/