@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#wpadminbar {
    display: none;
}

.wp-block-button.button-s > .wp-block-button__link {
	width: 300px !important;
	display: inline-block !important;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.text-shadow {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.text-shadow2 {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

.photo-shadow {
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}

/* GoogleMapのスタイル */
.googlemapStyle {
	aspect-ratio: 16 / 6;
	max-width: 1000px;
	width: 100%;
    height: auto;
	margin-top:10px;
	box-shadow: 1px 1px 5px rgba(20,20,20,0.3);
}

/* テーブルのスタイル */
.my-table {
	border-collapse: collapse;
	width: 100%;
}

.my-table th {
	background-color: #f8e8d0;
	border-bottom: 1px solid #ead4b5;
}

.my-table td {
	background-color: #fff7eb;
	border-bottom: 1px solid #f3e5d1;
}

.my-table th,
.my-table td {
	font-size: 1.6rem;
	font-weight: normal;
	padding: 15px 30px;/*もとは8pxのみで、左が上下で右が左右*/
}

@media screen and (max-width: 800px) {
  .my-table tr {
    display: flex;
    flex-direction: column; /* 上下に並べる */
    /*border: 1px solid #dac8ae;*/
    background-color: #fff7eb;
  }

  .my-table th,
  .my-table td {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
	font-size: 1.4rem;
  }

  .my-table th {
    font-weight: nomal;
    /*border-bottom: 1px solid #f3e5d1;*/
  }

  .my-table td {
    /*border-bottom: 1px solid #f3e5d1;*/
  }

  /* 最後の行のtdボーダー消す */
  .my-table tr:last-child td {
    border-bottom: none;
  }
}