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

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

.widget_categories{
	line-height: 0!important;
	font-size:0.8em;
	padding:5px 1em;
	border:1px solid #ccc;
	width:200px;
}

@media screen and (max-width:800px) {
.widget_categories{
	width:100%;
}
}

.widget_categories ul li{
	position: relative;
	line-height: 0!important;
	max-width:200px;
	padding-left:0px;
}

.widget_categories .children{
	padding-left:0px;
}

.widget_categories .children ul li::before{
	position: absolute;
	font-family: 'FontAwesome';
  content: "\f0da";
	font-weight: 400;
	top:10px;
	left:0px;
	color:#a9a9a9;
}


.widget_categories .children .children{
	position: relative;
	padding-left:10px!important;
}
.widget_categories .children .children span{
	padding-left:5px;
}

.imgglass{
width:100%;
display:flex;
justify-content:center;
}

.imgglass div{
position: relative;
width:fit-content;
}

.imgglass img{
padding:1px;
}

.imgglass div::after{
	position: absolute;
  font-family: 'FontAwesome';
  content: "\f00e";
  font-weight: 400;
  color:black;
  -webkit-text-stroke: 3px white;
  text-stroke: 2px white;
  paint-order: stroke;
  position: absolute;
  top: 1px;
  right: 6px;
}

@media screen and (min-width:800px) {
.imgglass div::after{
	font-size:1.3em;}
}

@media screen and (max-width:800px) {
	.imgglass div::after{
	font-size:1em;}
}


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

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

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