@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@import url('https://cdn.jsdelivr.net/npm/uikit@3.3.3/dist/css/uikit.min.css');
@import url('https://fonts.googleapis.com/css?family=Poiret+One&display=swap');
@font-face {
	font-family: "AFSPrintempsR";
	src: url(http://snp.ajax.jp/fonts/AFSPrintempsR.woff);
}

body {
	font-family: "AFSPrintempsR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial!important;
}

h1, h2, h3, h4, h5, .sub-caption, .ect-vertical-card .entry-card-wrap .post-date, .ect-vertical-card .entry-card-wrap .post-update {
	font-family: 'Poiret One', 'AFSPrintempsR', cursive!important;
	font-weight: bold;
}
a:hover {
	text-decoration: none !important;
}

.admin-pv {
	display: none;
}
.content-in .main, .sidebar, .footer {
	background-color: #f3f4f5;
}
.ect-vertical-card .entry-card-wrap {
	padding: 15px;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
	border-radius: .8rem .8rem 0 0;
}
.entry-card {
	background-color: #fff;
	border-radius: .8rem;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
}
.entry-card:hover {
	transition: box-shadow .3s ease-in-out;
	box-shadow: 0px 5px 15px 15px rgba(0,0,0,0.1);
}
.entry-card-snippet, .related-entry-card-snippet {
	font-size: .9rem;
}
.ect-vertical-card.ect-tile-card .entry-card-content {
	padding: 2rem 2rem 2.5rem 2rem;
}
.cat-label {
	border-radius: .8rem;
}
.entry-category, .post-date, .post-update, .post-author, .amp-back {
	font-size: .8rem;
}

.article {
	margin: 0 auto;
	background-color: #fff;
}
.article h2 {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.section-content-wrap {
	max-width: 45rem;
	margin: 2rem auto;
	padding: 3rem;
}
.eye-catch .cat-label {
	display: none;
}

.sidebar {
	padding-left: 50px;
}
.sidebar h1 .uk-button {
	font-size: 2.23125rem;
}
.sidebar h3 {
	padding: 0;
	margin: .7rem 0 .4rem;
}
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover {
  background-color: #ccc;
  transition: all 0.7s;
  color: #333;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, 
.widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
	padding: 0;
	margin: 0;
}




#navi .navi-in>ul>li {
  /* 1
  padding: 0;
  line-height: 1.5;
  background: none;
     2
  color: #333;
  position: relative; */
}
#navi .navi-in>ul>li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  border-bottom: 1px solid #333;
  transition: right 0.3s ease-out;
}
/* Hover + Focus */
#navi .navi-in>ul>li:hover,
#navi .navi-in>ul>li:focus {
  color: #333;
}
#navi .navi-in>ul>li:hover::before,
#navi .navi-in>ul>li:focus::before {
  right: 0;
}
/* Disabled */
#navi .navi-in>ul>li:disabled {
  color: #999;
}
#navi .navi-in>ul>li:disabled::before {
  display: none;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 2008px){
	.sidebar, .sidebar-left .sidebar {
		margin: 6% .5% 0;
	}
}
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
	.ect-vertical-card.ect-tile-card .entry-card-content {
		padding: 1rem 1rem 1rem 1rem;
	}
}

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

/*8351px以上*/
@media screen and (min-width: 835px){
  /*必要ならばここにコードを書く*/
	.header-container-in.hlt-top-menu .site-name-text {
		display: none;
	}
}

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

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