@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
*/

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

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

/*元ブログのままの店舗記事内の店内画像*/
.shopimagelist{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0!important;
}
.shopimagelist li{
	width: 48%;
	margin: 0!important;
	list-style-type: none;
}
.shopimagelist li img{
	width: 100%;
	height: auto;
	display: block;
}


/*店舗記事のキャッチコピー*/
.ctm_body .catchcopy{
	color: #ff00ff;
	font-weight: bold;
	font-size: 110%;
}

/*店舗記事内のレビュー・体験・募集要項の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;
}

/*ホスワ引用画像*/
.recimg img{
	display: block;
	margin: 0 auto;
}

/*店舗記事の店画像メイン*/
.mainshopimg{
	margin-bottom: 1.62em;
}

/*参照データ※ホスワリンク*/
.quotelink{
	position: sticky;
	bottom: 55px;
	left: 15px;
	background: #0019aa;
	display: inline-block;
	padding: 8px 12px;
	text-decoration: none;
}

.quotelink:link,
.quotelink:visited{
	color: #fff;
}

.quotelink span{
	margin-left:8px;	
}

/*トップなどの各エリアリンク*/
.arealist{
	width: 96%;
	margin: 16px auto 0!important;
	padding: 0!important;
	display: flex;
	flex-wrap: wrap;
	gap: 12px 2%;
	list-style-type: none;
}

.arealist li{
	width: 47%;
	background-color: #eee;
	padding: 8px;
	text-align: center;
}

/*タグの見出し*/
.tag_cat_name{
	margin-top: 1.62em;
	}

/*タグの調整*/

.tagcloud a{
	justify-content: flex-start;
	content: '\f02b';
}

.tagcloud a:before{
	font-family: 'FontAwesome';
	content: '\f02b';
	margin-right: 4px;
}

/*移転のお知らせ*/
.transfer_info{
	width: 96%;
	margin: 0 auto;
	font-size: 14px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1024px以上*/
@media screen and (min-width: 1024px){

	/*トップの新着PCサイズのみ2列に*/
	.top_newlist{
		display: flex;
		flex-wrap: wrap;
	}
	.top_newlist a{
		width: 48%;
	}
	
}

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

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

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