@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.article-footer{
	display:none;
}

header{
	pointer-events: none;
}
.mobile-footer-menu-buttons{
	display:none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1079px){
  .btn{
		padding: 7px 5px;
		font-size: 1.2vw;
	}
}

/*ショップ一覧遷移用ボタン*/
.shop-btn-container{
text-align: center;
}
.shop-btn{
display: inline-block;
border:  1px solid #2a648c;
margin: 0 5px 1rem;
border-radius: 6px;
min-width: 12%;
text-align: center;
padding: 0rem 0;
background: #e0f5ff;
transition: .3s ease all;
color:#2a648c; 
}
.shop-btn:hover{
	background:#2a648c;
	color: white;
}

.shop-btn a{
padding: 1.2rem 1.5rem;
text-decoration: none;
transition: .3s ease all;
	font-size: .9rem;
font-weight: bold;
color:#2a648c;
	display:inline-block;
	width: 100%;
}

.shop-btn a:hover{
color:white;
}
	
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}



@media (max-width: 781px) {
    .btn-container.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 30% !important;
    }
	.article h3{
		font-size: 4.4vw!important;
	}
	.btn{
		padding: 7px 5px;
		font-size: 2.4vw;
	}
	
.list-container .wp-block-image img{
width: 100%;
height: 150px;
object-fit: cover;
}

.article h4{
padding: 0 0 0 1.5rem;
font-size: 1.3rem!important;
margin-bottom:  .2rem;
border-top: none;
border-bottom: none;
}
	.address{
		font-size: .9rem;
	}
	.shop-btn-container{
		text-align:left;
	}
	.shop-btn{
		width: 48%;
		margin: 0 .5% .4rem;
	}
	.shop-btn a{
		font-size: 2.9vw!important;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.article h3{
		font-size: 6vw!important;
	}
}