/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */
@media screen and (min-width: 813px) {
.sp-only{
    display: none;
}
}
@media screen and (max-width: 813px) {
.pc-only{
    display: none;
}
}
body{
	background-image: url('https://gotemba-digital.jp/wp-content/uploads/images/bg.gif'); 
  	background-size: cover; 
  	background-repeat: no-repeat; 
  	background-position: center center; 
  	background-attachment: fixed; 
}
#page-top a{
	background: rgba(26, 161, 102, 0.6)!important;
    color: #fff!important;
}
a{
	text-decoration:underline;
}
h3{
	margin:3.2em 0 1.8em!important;
}
thead td{
	background-color:#7acc40;
	color:#fff;
}
.main-wrap{
	padding:0
	margin:0;
}
.mv-demo{
  width: 100%;
  height: 500px;
}
.about-section{
	width:1040px;
	margin:50px auto;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	line-height:2.0em;
}
.kakko-intro {
  display: inline-block;
  position: relative;
  padding:0.7em 2em;
}
.kakko-intro:before, .kakko-intro:after {
  content:'';
  width: 30px;
  height: 30px;
  position: absolute;
  display: inline-block;
}
.kakko-intro::before {
  border-left:solid 5px #1ca166;
  border-top: solid 5px #1ca166;
  top:0;
  left: 0;
}
.kakko-intro::after {
  border-right: solid 5px #1ca166;
  border-bottom: solid 5px #1ca166;
  bottom:0;
  right: 0;
}

/**お知らせ**/
.news-section{
	width:1040px;
	margin:50px auto;
}
.custom-post {
    display: flex;
    align-items: center;
    gap: 10px; /* 日付とタイトルの間隔 */
    padding: 5px 0;
}
.post-date {
    font-size: 14px;
    color: #666;
}
.news-wrap{
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	margin-bottom:80px;
}
.news-top{
	font-size:20px;
	font-weight:bold;
	padding:10px 20px;
	border-radius:10px 10px 0 0;
	background-color:#1ca166;
	color:#fff;
}
.news-bottom{
	padding:10px 20px;
	background-color:#fbfcf2;
	border-radius:0 0 10px 10px;
}
/**TOPコンテンツ**/

.content-section{
	width:1040px;
	margin:0 auto;
}
.content-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* PCでは3列 */
    grid-gap: 75px; /* 要素の間隔 */
}

@media (max-width: 834px) { /* タブレット */
	.content-grid {
		grid-template-columns: repeat(2, 1fr); /* 2列 */
		grid-gap: 50px;
	}
	.content-section{
		width:80%;
		margin:0 auto;
	}
	.news-section{
		width:80%;
		margin:0 auto;
	}
	.about-section{
		width:80%;
		margin:30px auto;
	}
}
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .content-grid {
		grid-template-columns: repeat(2, 1fr); /* 2列 */
		grid-gap: 50px;
	}
	.content-section{
		width:80%;
		margin:0 auto;
	}
	.news-section{
		width:80%;
		margin:0 auto;
	}
	.about-section{
		width:80%;
		margin:30px auto;
	}
}
@media (max-width: 768px) { /* スマホ */
    .content-grid {
        grid-template-columns: repeat(1, 1fr); /* 1列 */
		grid-gap: 50px;
    }
	.content-section{
		width:80%;
		margin:0 auto;
	}
	.news-section{
		width:80%;
		margin:0 auto;
	}
	.about-section{
		width:80%;
		margin:30px auto;
	}
}
.content-grid > div{
  position: relative;
  background: #fbfcf2;
  padding: 40px 20px 20px;
  margin:40px auto;
}
.content-grid > div::before{
  content: "";
  position: absolute;
  top: -40px; /* 画像の高さに応じて調整 */
  left: 0;
  width: 100%;
  height: 100px; /* 画像の高さに合わせる */
  background: url('https://gotemba-digital.jp/wp-content/uploads/images/cont_bg_befor.png') no-repeat top center / contain;
}
.content-grid > div::after{
  content: "";
  position: absolute;
  bottom: -40px; /* 画像の高さに応じて調整 */
  left: 0;
  width: 100%;
  height: 40px; /* 画像の高さに合わせる */
  background: url('https://gotemba-digital.jp/wp-content/uploads/images/cont_bg_after.png') no-repeat top center / contain;
}
@media (max-width: 768px){
	.content-grid > div{%;
  		height:459px;
  		padding:75px 20px 20px 20px;
	}
}
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.content-grid > div{%;
  		height:600px;
  		padding:75px 20px 20px 20px;
	}
}
.content-title{
	font-size:18px;
	font-weight:bold;
	margin:20px 0 10px 0!important;
}
.content-grid div p{
	margin:0;
	padding:0;
}
.content-grid img{
	border-radius:10px;
}
.end-section{
	margin-top:50px;
}

.footer_navi{
	display:none!important;
}
#copyright {
	text-align:center;
	float:none!important;
}

/**固定ページ**/

.cate-title{
	height:100px;
	padding:20px;
	background-color:#1ca166;
	color:#fff;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	margin-bottom:40px;
}
.page_title {
    padding: 20px 30px;
    font-weight: bold!important;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    background-color: #1ca166!important;
	color:#fff;
	text-align:center;
}
.sc_toggle_box{
	margin-bottom:2.2em!important;
}
.sc_toggle_box .sc_toggle_title {
	background-color:#1ca166;
	color:#fff;
	font-weight:bold;
}