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

/* カスタマイズする場合にはこれより下に追記してください  */

@media (min-width: 769px) {

  .menu li{
    margin-left: 10px!important;

  }

  .menu .menu-item a{
    padding: 8px 20px!important;
    background: #333!important;
    color: #fff!important;
    border-radius: 100vh;
  }

  .menu .menu-item a:hover{
    background: #555!important;
    color: #fff!important;
  }


	.wrap-grid-post-box {
		justify-content: space-between;
	}
  .grid_post-box {
    padding: 20px;
  }
  .grid_post-box .post-meta-all {
    padding: 20px 0;
  }
  .post-box-contents {
    padding: 0 20px 20px;
  }
  .post-box-contents img{
    border-radius: 20px!important;
  }
  .post-box-thumbnail,
  .grid_post_thumbnail,
  .post_thumbnail_wrap,
  .post-box-thumbnail__wrap {
    border-radius: 20px!important;
  }

  .post-title {
	position: relative;
	font-size: 18px!important;
	text-align: center;
  background: #a92b53;
  color: #fff!important;
  border-radius: 6px;
  }

  .post-title a{
    color: #fff!important;
    }
  .grid_post-box .post-cat {
    display: none;
    }
  .post-meta-all .post-cat {
    display: none;
    }

    /* お問い合わせ */
	.contact_area {
		position: relative;
		background-repeat: no-repeat;
		width: 100%;
		height: 360px;
		background-size: cover;
		background-position: center center;
		background-image:url('https://test-space.net/web1/wp-content/uploads/2024/03/contact.jpg');
	  }
	
	  .contact {
		margin: 40px auto 0!important;
		padding: 10px 50px 40px;
		width: 924px;
		border-radius: 8px;
		text-align: center;
		background: rgba(255,255,255,0.9);
	  }
	
	  .contact_l {
		float: left;
		width: 400px;
		text-align: center;
		line-height: 1.6em;
	  }
	
	  .contact_r {
		float: right;
		width: 400px;
		text-align: center;
		line-height: 1.6em;
	  }
	
	  .contact_r a{
		color: #fff;
	  }
	
	  .contact_tel {
		font-size: 38px;
		font-weight: 700;
		line-height: 32px;
		color: #1b9850;
	  }
	
	  .contact_tel span{
		margin-right: 6px;
		font-size: 18px;
		color: #333;
	  }
	
	  .contact_time {
		display:block;
		margin: 10px auto;
		width: 320px;
		padding: 6px 10px;
		background-color: #fff;
		color: #333;
		font-size: 16px;
		font-weight: 700;
		border: 1px solid #eee;
		border-radius: 4px;
	  }
	
	  .contact_btn{
		display:block;
		margin: 0 auto;
		width: 320px;
		padding: 26px 10px;
		background-color: #1b9850;
		border: solid 1px #1b9850;
		border-radius: 8px;
		color: #fff;
		font-size: 16px;
		font-weight: 700; 
		transition:0.8s all;
	  }
	
	  .contact_btn:hover {
		background-color: #0b7737;
		border: solid 1px #0b7737;
		transition:0.8s all;
	  }

/* フッタ */
.custom_footer_area {
    clear: both;
    width: 100%;
    text-align: center;
    background: #333;
    color: #fff;
  }

  .custom_footer {
    margin: 0 auto;
    padding: 30px 0;
    width: 1024px;
    text-align: left;
    font-size: 12px;
    line-height: 24px;
  }
  .custom_footer a{
     color: #ddd;
  }
  .custom_footer a:hover{
     color: #eee;
  }
  .custom_footer_logo {
    float: left;
    width: 200px;
  }
  .custom_footer_logo img {
    width: 160px;
  }
  .custom_footer_address {
    float: left;
    width: 300px;
  }
  .custom_footer_menu {
    float: right;
    width: 500px;
  }
  .custom_footer_menu li{
    list-style-type: disc;
    margin: 0 10px 0 18px;
    float: left;
  }
  .custom_footer_copy {
    margin: 60px 0 0;
    text-align: center;

  }
}

@media (max-width: 768px) {
	.wrap-grid-post-box {
		justify-content: space-between;
	}
  .grid_post-box {
    padding: 20px;
  }
  .grid_post-box .post-meta-all {
    padding: 20px 0;
  }
  .post-box-contents {
    padding: 0 20px 20px;
  }
  .post-box-contents img{
    border-radius: 20px!important;
  }
  .post-box-thumbnail,
  .grid_post_thumbnail,
  .post_thumbnail_wrap,
  .post-box-thumbnail__wrap {
    border-radius: 20px!important;
  }

  .post-title {
	position: relative;
	font-size: 22px!important;
	padding-bottom: 10px!important;
	text-align: center;
  }

  .post-title:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  }

  /* お問い合わせ */
  .contact_area {
    position: relative;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-image:url('https://test-space.net/web1/wp-content/uploads/2024/03/contact.jpg');
  }
  .contact {
    margin: 30px auto;
    padding: 20px;
    width: 90%;
    text-align: center;
    background: rgba(255,255,255,0.9);
    border-radius: 8px;
  }
  .contact_l {
    margin: 0 auto;
    width: 100%;
    text-align: left;
    line-height: 1.6em;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",sans-serif;
  }
  .contact_l h2 {
    margin: 0 auto;
    text-align: center;
  }
  .contact_r {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    line-height: 1.6em;
  }
  .contact_r a.contact_btn{
    color: #fff;
  }
  .contact_tel{
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    color: #1b9850;
    text-align: center;
  }
  .contact_tel span{
    margin-right: 6px;
    font-size: 18px;
    color: #333;
  }
  .contact_time{
    display:block;
    margin: 10px auto;
    width: 100%;
    padding: 6px 10px;
    border: solid 1px #1b9850;
    color: #1b9850;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
  }

  .contact_btn{
    display:block;
    margin: 10px auto;
    width: 100%;
    padding: 26px 10px;
    background-color: #1b9850;
    border: solid 1px #1b9850;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 700; 
  }
  .contact_r a:hover{
    background-color:#0b7737;
  }

    /* フッタ */
	.custom_footer_area {
		clear: both;
		width: 100%;
		text-align: center;
		background: #333;
		color: #fff;
	  }
	  
	  .custom_footer {
		margin: 0 auto;
		padding: 30px 0;
		width: 100%;
		text-align: left;
		font-size: 12px;
		line-height: 24px;
	  }
	  .custom_footer a{
		 color: #ddd;
	  }
	  .custom_footer a:hover{
		 color: #eee;
	  }
	  .custom_footer_logo {
		margin: 10px auto 30px;;
		width: 100%;
		text-align: center;
	  }
	  .custom_footer_logo img {
		width: 100%;
	  }
	  .custom_footer_address {
		margin: 0 auto;
		width: 90%;
		text-align: left;
	  }
	
	  .custom_footer_menu {
		margin: 30px auto 0;
		width: 90%;
	  }
	  .custom_footer_menu li{
		list-style-type: disc;
		margin: 0 10px 0 18px;
		float: left;
	  }
	
}




.floatwrap {
	overflow: hidden
  }
  .floatwrap:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden
  }
  * html .floatwrap {
	height: 1em;
	overflow: visible
  }