@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 h2, .article h3, .article h4, .article h5, .article h6 {
    margin-top: 1.62em;
}

/*店舗記事内の店内画像*/
.shopimglist{
	width: 98%;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 2%;
	margin: 1.6em auto 0!important;
	padding: 0;
}
.shopimglist li{
	width: 48%;
	list-style-type: none;
}
.shopimglist li img{
	width: 100%;
	height: auto;
	display: block;
}

/*店舗記事内のレビュー・体験・募集要項のdl*/
.taikendata,
.recdata,
.reviewdata.
.referencedata{
	margin: 12px auto 0;
}
.taikendata dt,
.recdata dt,
.reviewdata dt,
.referencedata dt{
	font-weight: bold;
	margin: 12px 0 0 0;
}
.taikendata dd,
.recdata dd,
.reviewdata dd,
.referencedata dd{
	margin: 8px 0 0 8px;
}
.taikendata .price{
	color: #ff0000;
	font-weight: bold;
}

/*参照データ※ホスワリンク*/
.quotelink{
	position: sticky;
	bottom: 40px;
	left: 20px;
	border: 1px solid #f00;
	display: inline-block;
	padding: 12px;
}

.quotelink span{
	margin-left:8px;	
}
	
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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