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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.site-name-text{
	font-size: 38px;
	line-height: 42px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
}

.header .site-name-text {
	display: block;
}

.header .site-name-text::first-letter{
	color:#F1592A !important;
}

.navi-in > ul li a{
	display: flex;
	align-items: center;
}

.navi-in > ul ul:after{
	background: url(images/arrow-up.png) no-repeat;
	width: 21px;
	height: 13px;
	position: absolute;
	top: -13px;
	left: 45px;
	content: '';
}

.navi-in > ul ul ul:after{
	content: none;
}

.navi-in > ul li {
	width: auto;
	padding:18px 0 18px 18px;
	height: auto;
	line-height: 1.5;
}

.caption-wrap {
	margin:0 10px 0 0;
}

.sub-menu {
	position: absolute;
	top: 100%;
	left: -15px;
	width: 216px;
	border: 1px solid #e3e3e3;
	box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
	margin-left: -9999px;
	background: #fff;
	z-index: 9999;
}

.navi-in .sub-menu li {
	padding:0 !important;
}

.navi-in .sub-menu li a{
	padding: 8px 15px;
	border-bottom: 1px solid #e3e3e3;
	display: block;
}

.navi-in .sub-menu li:hover{
	background: #dd8a0d;
	color: #fff;
}

.navi-in .has-icon {
	right: -6px;
	top: 4px;
}

.navi-in .sub-menu .has-icon {
	right: -16px;
	top: 0;
}

.navi-in > ul .sub-menu ul {
	position: absolute;
	top:0;
	left:100%;
}

.entry-card-thumb {
	width: 250px;
}

.entry-card-content {
	margin-left:230px;
}

.entry-card-title, .related-entry-card-title {
	font-size: 22px;
	margin:0 0 20px 0;
}

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

}

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

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

	.menu-drawer a {
		position: relative;
	}

	.top-has-sub,.sub-has-sub {
		position: absolute;
		top:0;
		right:0;
		z-index: 1000;
		padding:10px;
	}

	.sub-menu.active {
		position: relative;
		top:0;
		left:0;
		width: 100%;
		margin-left: 0;
		border:none;
		box-shadow:none;
	}

	.search-box {
		width: 95%;
		margin:0 auto;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .no-sp-snippet .entry-card-snippet {
  	display: block;
  }
}