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

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



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

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

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


/************************************
** ブログカード
************************************/
.blogcard-snippet,
.blogcard-footer {
  display: none;
}
.blogcard-wrap {
  transition: all .3s;
  max-width: 600px;
  margin: 2em auto;
}
.blogcard {
  border:1px solid #eaeaea !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
  padding: 10px;
}
.blogcard-wrap:hover {
  background: none;
  transform: translateY(-3px);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
}
.blogcard-thumbnail {
  margin: 0;
}
.blogcard-thumbnail img {
  display: block;
}
.blogcard-title {
  color: #555;
  letter-spacing: 0.5px;
  font-size: 15px;
  line-height: 1.5;
  margin: 10px 0 0 0;
  height: 45px;
  overflow: hidden;
}
.blogcard-content {
  min-height: auto;
  margin-left: 185px;
  padding-right: 6px;
}
.blogcard-label {
  top: -11px;
  left: 9px;
  padding: 3px 0.6em;
  background:#aaa;
  padding: 1px 10px;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1px;
}
.blogcard-content:after {
  content: "クリックして読む";
  background: #66c2c3; /* 背景色 */
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  width: 180px;
  border-radius: 20px;
  font-size: 13px;
  padding: 1px 0;
  margin-top: 6px;
}
@media screen and (max-width: 834px) {
  .blogcard-content {
    margin-left: 130px;
  }
  .blogcard-title {
    font-size:12px;
    line-height: 1.5;
    height: 35px;
    margin:0;
  }
  .blogcard-content:after {
    content: "タップして読む";
  }
  .blogcard-thumbnail{
    width:120px;
  }
}
@media screen and (max-width: 560px) {
  .blogcard-content:after {
    width: 120px;
    font-size: 12px;
  }
  .blogcard-title {
    margin:0;
  }
}
@media screen and (max-width: 320px) {
  .blogcard-thumbnail {
    width: 100px;
  }
  .blogcard-content {
    margin-left: 110px;
  }
  .blogcard-title {
    height: 35px;
  }
}


/************************************
** おすすめ記事（タイトルあり）
************************************/
.recommend{
  display:-webkit-box;
    display:-ms-flexbox;
  display:flex;
}
.recommend a{
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 230px;
  text-decoration:none;
}
.recommend a:nth-of-type(1){
  background-image: url(https://akatuki0221.com/wp-content/uploads/2020/12/1110374.jpg); /* 一番左 */
}
.recommend a:nth-of-type(2){
  background-image: url(https://akatuki0221.com/wp-content/uploads/2020/12/70b48ef14f776bb04700aa286eaf1f59_t.jpeg); /* 左から二番目 */
}
.recommend a:nth-of-type(3){
  background-image: url(https://akatuki0221.com/wp-content/uploads/2020/12/1888619_s.jpg); /* 左から三番目 */
}
.recommend a:nth-of-type(4){
  background-image: url(https://akatuki0221.com/wp-content/uploads/2020/12/55e25798c9c8e6b02e5d01ec21e03065_t.jpeg); /* 左から四番目 */
}
.recommend a article:hover{
  background: rgb(100, 100, 100,0.3);
  transition: all .25s ease-out;
}
.recommend a article{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items:flex-end;
  height:100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.recommend a article h2{
  color: #fff;
  font-size: 16px;
  letter-spacing:0.7px;
  text-decoration: none;
  padding: 20px;
  line-height: 1.5;
  text-shadow: 0 0 7px rgba(0,0,0,1);
  font-size: 16px;
}
@media screen and (max-width: 1023px){
  .recommend{
    -ms-flex-wrap: wrap;
    flex-wrap:wrap;
  }
  .recommend a{
    width:50%;
  }
}
@media screen and (max-width: 480px){
  .recommend a{
    height:120px;
  }
  .recommend a article h2{
    line-height:1.7;
    font-size:10px;
    padding: 15px;
  }
}


/************************************
** 見出しリセット
************************************/

/* 見出しカスタマイズ */

/* H2 */

.article h2{

border-top:none;

border-bottom:none;

border-left:none;

border-right:none;

padding: 0;

}

/* H3 */

.article h3{

border-top:none;

border-bottom:none;

border-left:none;

border-right:none;

padding: 0;

}

/* H4 */

.article h4{

border-top:none;

border-bottom:none;

padding: 0;

}

/* H5 */

.article h5{

border-bottom:none;

padding: 0;

}

/* H6 */

.article h6{

border-bottom:none;

padding: 0;

}

/************************************
メニュー表示
************************************/





h1 {
  background: #c2edff;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

.entry-content h2{
  color: #010079;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}


h3 {
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
}


.entry-content h4 {
  position: relative;
  padding-left: 25px;
}

.entry-content h4:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.entry-content h4:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}



.entry-content h5 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}



.entry-content h6 {
  color: #6594e0;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #6594e0;
}


/************************************
** グローバルナビ　大きさ
************************************/

#navi .navi-in > .menu-header .item-label{
	font-size: 20px;
}


/************************************
** ボタン
************************************/
.p-button {
    max-width: 300px;
    margin: 0 auto;
}
.p-button a {
    display: block;
    margin:25px 0;
    padding: 0.8em 1em;
    border-radius: 2em;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    background: #23bae0;
    box-shadow: 0 5px 20px rgba(235, 160, 47, .5);
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity:1;
}
.p-button a:hover{
    box-shadow:none;
    transform: translateY(3px);
    opacity:1;
}



/************************************
** グローバルメニュー スマホ
************************************/
#mobile-fixed-menu {
  display: none;
}
@media screen and (max-width: 834px) {
  #container {
    padding-top: 76px;
  }
  #header {
    background: #fff;  /* 背景色*/
    position: fixed;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 80px; /* ヘッダー高さ */
    transition: .5s;
    box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.2)
  }
  #header-in {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.5em;
  }
  #header-in .logo {
    padding: 0;
    text-align: left;
  }
  .header-container-in.hlt-top-menu .logo-header img {
    width: 120px !important; /* ロゴ大きさ */
    vertical-align: middle;
  }
  #header-in .tagline {
    margin: 0;
    font-size: 10px; /* キャッチフレーズ文字サイズ */
    text-align: left;
  }
  #mobile-fixed-menu {
    margin-left: auto;
    line-height: 1;
    height: 50px; /* メニューボタン高さ */
    padding-top: 5px; /* メニューボタン上部余白 */
    display: block;
  }
  #mobile-fixed-menu .menu-icon::before {
    font-family: "Font Awesome 5 Free";
    font-size: 1em;
    content: '\f0c9';
  }
  #mobile-fixed-menu .menu-icon {
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 24px;
    color: #23bae0; /* メニューアイコン色 */
  }
  #mobile-fixed-menu .menu-caption {
    font-size: 10px;
    font-weight: bold;
    color: #fff; /* メニューアイコン文字色 */
  }
  .menu-close-button {
    color: #42d5e7; /* メニューを閉じるボタン色 */
    padding: 1em 0 0;
  }
  #sidebar-menu-content {
    color: #6c6b62; /* サイドバー文字色 */
  }
  [id^="toc"]:target {
    padding-top: 50px;
    margin-top: -50px;
  }
  .menu-close-button::before {
    font-family: "Font Awesome 5 Free";
    font-size: 1.2em;
    content: '\f00d';
    padding: 0;
    font-weight: 600;
    color: #aaa;
  }
}
	

.widget_nav_menu a i:before{
    color: #fff; /* 文字色 */
    padding: 0.5em; /* 余白 */
    background: #f6a068; /* 背景色 */
    font-weight: bold; /* 文字の太さ */
    width: 20px; /* 横幅 */
    height: 20px; /* 高さ */
    display: inline-block;
    text-align: center; /* 中央寄せ */
    border-radius: 50%; /* 角丸 */
    margin-right: 0.2em; /* 余白 */
}
.widget_nav_menu ul li a{
  color:#6c6b62; /* 文字色 */
}
.widget_nav_menu ul{
  padding:0.5em; /* 全体の余白 */
}
.widget_nav_menu li{
  border-bottom:1px dashed #ccc; /* 下線 */
  padding:0.3em 0; /* 行の余白 */
}
.widget_nav_menu li:last-child{
  border:none; /* 最後だけ下線削除 */
}




/************************************
** リスト
************************************/
.list-4{
   counter-reset:number;
   list-style-type: none;
   padding:0;
   margin:0;
}
.list-4 li { 
   border-bottom:2px dashed;
   border-color:#cdcdcd; /* 線の色 */
   position: relative;
   margin:0.5em 0 !important;
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em;
}
.list-4 li:last-child { 
   border:none;
}
.list-4 li:before {
   counter-increment: number;
   content: counter(number);
   background-color: #f72585; /* 文字背景色 */
   color: #fff; /* 文字色 */
   position: absolute;
   font-weight:bold;
   font-size: 14px;
   border-radius: 50%;
   left: 0;
   top:0.5em;
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
}


.list-5{
   counter-reset:number;
   list-style-type: none;
   padding:0;
   margin:0;
}
.list-5 li { 
   border-bottom:2px dashed;
   border-color:#cdcdcd; /* 線の色 */
   position: relative;
   margin:0.5em 0 !important;
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em;
}
.list-5 li:last-child { 
   border:none;
}
.list-5 li:before {
   counter-increment: number;
   content: counter(number);
   background-color: #ffbc0a; /* 文字背景色 */
   color: #fff; /* 文字色 */
   position: absolute;
   font-weight:bold;
   font-size: 14px;
   border-radius: 50%;
   left: 0;
   top:0.5em;
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
}

.list-6{
   counter-reset:number;
   list-style-type: none;
   padding:0;
   margin:0;
}
.list-6 li { 
   border-bottom:2px dashed;
   border-color:#cdcdcd; /* 線の色 */
   position: relative;
   margin:0.5em 0 !important;
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em;
}
.list-6 li:last-child { 
   border:none;
}
.list-6 li:before {
   counter-increment: number;
   content: counter(number);
   background-color: #0077b6; /* 文字背景色 */
   color: #fff; /* 文字色 */
   position: absolute;
   font-weight:bold;
   font-size: 14px;
   border-radius: 50%;
   left: 0;
   top:0.5em;
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
}





.list-8{
   counter-reset:number;
   list-style-type: none;
   padding:0;
   margin:0;
}
.list-8 li { 
   border-bottom:2px dashed;
   border-color:#cdcdcd; /* 線の色 */
   position: relative;
   margin:0.5em 0 !important;
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em;
}
.list-8 li:last-child { 
   border:none;
}
.list-8 li:before {
   counter-increment: number;
   content: counter(number);
   background-color: #ffa952; /* 文字背景色 */
   color: #fff; /* 文字色 */
   position: absolute;
   font-weight:bold;
   font-size: 14px;
   left: 0;
   top:0.5em;
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
}







/************************************
** ボックス
************************************/
.box1-yellow{
	margin: 2em auto; /* ボックスの余白 */
	background: #fef9ed; /* ボックス背景色 */
	border-radius:4px; /* ボックス角丸 */
	max-width:600px; /* ボックス横幅 */
	padding: 3.5em 2em 1.5em; /* ボックス内側余白 */
	position:relative; /* 配置に関するもの(ここを基準に) */
}
.box1-yellow .box-title {
	background: #fdc44f; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	font-weight: bold; /* タイトル文字の太さ */
	font-size: 20px;/* タイトル文字の大きさ */
	padding: 5px;/* タイトル周りの余白 */
	text-align: center;	/* タイトル中央寄せ */
	border-radius: 4px 4px 0px 0px;	/* タイトル角丸 */
	position:absolute;	/* 配置に関するもの(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}
.box1-yellow p {
	margin: 0;/* 文字の余白リセット */
	padding: 0; /* 文字の内側余白リセット*/
}




.box1-blue{
	margin: 2em auto; /* ボックスの余白 */
	background: #e6f1f9; /* ボックス背景色 */
	border-radius:4px; /* ボックス角丸 */
	max-width:600px; /* ボックス横幅 */
	padding: 3.5em 2em 1.5em; /* ボックス内側余白 */
	position:relative; /* 配置に関するもの(ここを基準に) */
}
.box1-blue .box-title {
	background: #0e7ac4; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	font-weight: bold; /* タイトル文字の太さ */
	font-size: 20px;/* タイトル文字の大きさ */
	padding: 5px;/* タイトル周りの余白 */
	text-align: center;	/* タイトル中央寄せ */
	border-radius: 4px 4px 0px 0px;	/* タイトル角丸 */
	position:absolute;	/* 配置に関するもの(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}
.box1-blue p {
	margin: 0;/* 文字の余白リセット */
	padding: 0; /* 文字の内側余白リセット*/
}



.box3-pink {
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:600px; /* ボックスの横幅 */
	margin: 2em auto;	/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 1.7em 2em;	/* ボックスの内側余白(上下:1.7em　左右:2em) */
	border: 2px solid #f27398;	/* ボックスの線 (太さ　線の種類　線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
}
.box3-pink .box-title {
	position: absolute; /* 配置に関するもの(ここを動かす) */
	top: -10px; /* 上から（-10px）移動*/
	left: 30px; /* 左から(30px)移動 */
	background: #fff; /* タイトル背景色 */
	color: #f27398; /* タイトル文字色 */
	padding: 0 10px;/* タイトルの余白 */
	line-height: 1;/* タイトルの行の高さ */
	font-size: 20px;/* タイトル文字の大きさ */
	font-weight: bold;/* タイトル文字の太さ */
}
.box3-pink p {
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}



.box3-blue {
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:600px; /* ボックスの横幅 */
	margin: 2em auto;	/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 1.7em 2em;	/* ボックスの内側余白(上下:1.7em　左右:2em) */
	border: 2px solid #0e7ac4;	/* ボックスの線 (太さ　線の種類　線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
}
.box3-blue .box-title {
	position: absolute; /* 配置に関するもの(ここを動かす) */
	top: -10px; /* 上から（-10px）移動*/
	left: 30px; /* 左から(30px)移動 */
	background: #fff; /* タイトル背景色 */
	color: #0e7ac4; /* タイトル文字色 */
	padding: 0 10px;/* タイトルの余白 */
	line-height: 1;/* タイトルの行の高さ */
	font-size: 20px;/* タイトル文字の大きさ */
	font-weight: bold;/* タイトル文字の太さ */
}
.box3-blue p {
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}


.box3-yellow {
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:600px; /* ボックスの横幅 */
	margin: 2em auto;	/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 1.7em 2em;	/* ボックスの内側余白(上下:1.7em　左右:2em) */
	border: 2px solid #fdc44f;	/* ボックスの線 (太さ　線の種類　線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
}
.box3-yellow .box-title {
	position: absolute; /* 配置に関するもの(ここを動かす) */
	top: -10px; /* 上から（-10px）移動*/
	left: 30px; /* 左から(30px)移動 */
	background: #fff; /* タイトル背景色 */
	color: #fdc44f; /* タイトル文字色 */
	padding: 0 10px;/* タイトルの余白 */
	line-height: 1;/* タイトルの行の高さ */
	font-size: 20px;/* タイトル文字の大きさ */
	font-weight: bold;/* タイトル文字の太さ */
}
.box3-yellow p {
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}





.box6-pink {
	position:relative;/* 配置に関するもの(ここを基準に) */
	padding: 2em 2em 1.7em;	/* ボックスの内側余白(上:2em　左右:2em 下：1.7em) */
	margin: 2.5em auto;/*ボックス外側余白*/ 
	background-color: #fdf1f4; /*ボックス背景色*/ 
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);/*ボックス影*/ 
	border-radius:4px;/* ボックス角丸 */
	max-width:600px;/*ボックス横幅*/ 
}
.box6-pink .box-title {
	position: absolute;/* 配置に関するもの(ここを動かす) */
	top: -22px;/* 上から（-22px）移動*/
	left: 30px;/* 左から（30px）移動*/
	padding: 0.2em 2em;/* テープ内側余白*/
	color: #f27398; /* テープ文字色 */
	font-weight: bold;/* テープ文字太さ*/
	font-size:18px;/* テープ文字大きさ*/
	background-color: rgba(255,255,255,.1);/* テープ背景色と透過*/
	border-left: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ左*/
	border-right: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ→*/
	box-shadow: 0 0 5px rgba(0,0,0,0.2); /* テープ影*/
	transform: rotate(-3deg);/* テープの傾き*/
}
.box6-pink p{
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}


.box6-blue {
	position:relative;/* 配置に関するもの(ここを基準に) */
	padding: 2em 2em 1.7em;	/* ボックスの内側余白(上:2em　左右:2em 下：1.7em) */
	margin: 2.5em auto;/*ボックス外側余白*/ 
	background-color: #e6f1f9; /*ボックス背景色*/ 
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);/*ボックス影*/ 
	border-radius:4px;/* ボックス角丸 */
	max-width:600px;/*ボックス横幅*/ 
}
.box6-blue .box-title {
	position: absolute;/* 配置に関するもの(ここを動かす) */
	top: -22px;/* 上から（-22px）移動*/
	left: 30px;/* 左から（30px）移動*/
	padding: 0.2em 2em;/* テープ内側余白*/
	color: #0e7ac4; /* テープ文字色 */
	font-weight: bold;/* テープ文字太さ*/
	font-size:18px;/* テープ文字大きさ*/
	background-color: rgba(255,255,255,.1);/* テープ背景色と透過*/
	border-left: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ左*/
	border-right: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ→*/
	box-shadow: 0 0 5px rgba(0,0,0,0.2); /* テープ影*/
	transform: rotate(-3deg);/* テープの傾き*/
}
.box6-blue p{
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}


/************************************
** 関連記事
************************************/


/*関連記事カードのエフェクトを初期化するカスタマイズ*/
/*ここから*/
.related-list .a-wrap:hover {
	background-color: #fff;
}
/*ここまで*/

/*関連記事の見出しのカスタマイズ：アイコンタイプ*/
/*ここから*/
.main .related-entry-heading {
	position: relative;
	display: inline-block;
	padding: 3px 20px 3px 50px;
	background-color: #AAC5FF;
	color: #484848;
	border-radius: 25px;
}

.main .related-entry-heading .main-caption {
	letter-spacing: 2px;
}

.main .related-entry-heading:before {
	position: absolute;
	content: '';
	top: 6px;
	left: 6px;
	width: 36px;
	height: 36px;
	background-color: #ffffff;
	border-radius: 50%;
}

.main .related-entry-heading:after {
	position: absolute;
	content: '\f518';
	top: 7px;
	left: 13px;
	color: #AAC5FF;
	font-size: 20px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}
/*ここまで*/


/*関連記事カード同士の間隔を調整するカスタマイズ*/
/*ここから*/
.main .rect-entry-card .a-wrap {
	margin-bottom: 2%;
}

.main .rect-mini-card .a-wrap {
	margin-bottom: 1.6%;
	width: 49.2%;
}

.main .rect-vartical-card-3 .a-wrap {
	margin-bottom: 1.5%;
	width: 32%;
}

.main .rect-vartical-card-4 .a-wrap {
	margin-bottom: 1.2%;
	width: 23.8%;
}

@media screen and (max-width: 834px) {
	.main .rect-vartical-card .a-wrap {
		margin-bottom: 2.2%;
		width: 48%;
	}
}

@media screen and (max-width: 480px) {
	.main .rect-mini-card .a-wrap {
		margin-bottom: 2%;
		width: 100%;
	}
}
/*ここまで*/


/*関連記事カードに影を付けるカスタマイズ*/
/*ここから*/
.main .related-list .a-wrap {
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.15);
}

.main .related-list .a-wrap:hover {
	box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.25), 0px -1px 4px 1px rgba(0,0,0,0.1);
}
/*ここまで*/



/************************************
** 目次
************************************/


/*目次の基礎となるカスタマイズ*/
/*ここから*/

/*目次ブロックの横幅の再設定*/
.toc {
	width: 100%;
}

.main .toc {
	width: 95%;
}

/*目次をrelativeに設定*/
.toc, .sidebar .widget_toc h3, .toc-content ul, .toc-content ul li, .toc-content a {
	position: relative;
}

/*見出しリストの表示方式の再設定*/
.toc-content a {
	display: block;
}

/*見出しリストのmarginの初期化*/
.toc-content ul li {
	margin: 0;
}

/*目次を閉じた時の間隔の再調整*/
.main .toc-content {
	overflow: hidden;
}

/*目次のhoverエフェクトの初期化*/
.toc a:hover {
	text-decoration: none;
}
/*ここまで*/


.toc {
	width: 100%;
}

.main .toc {
	width: 95%;
}

.toc, .sidebar .widget_toc h3, .toc-content ul, .toc-content ul li, .toc-content a {
	position: relative;
}

.toc-content a {
	display: block;
}


.toc-content ul li {
	margin: 0;
}

.main .toc-content {
	overflow: hidden;
}

.toc a:hover {
	text-decoration: none;
}



/*目次のデザインのカスタマイズ（タイプ：アイコン）*/
/*ここから*/
.toc, .sidebar .widget_toc {
	background-color: #B4C8FA;
	border: 0;
	border-radius: 2px;
	overflow: hidden;
}

.main .toc, .sidebar .toc-content {
	font-size: 18px;
}

.sidebar .widget_toc {
	margin: 16px 0 1em;
}

.main .toc {
	padding: 0;
}

.toc-title, .sidebar .widget_toc h3 {
	padding: 13px 12px 12px;
	background-color: #99B2F1;
	color: #fff;
}

.toc-title {
	padding-left: 3.3em;
	font-size: 1.4em;
	font-weight: 600;
	text-align: left;
}

.sidebar .widget_toc h3 {
	margin: 0;
	padding-left: 3.5em;
	border-radius: 0;
}

.sidebar .widget_toc .toc {
	margin: 0;
}

.main .toc-content > ul {
	margin: 1.1em;
	margin-top: 0.5em;
}

.toc .toc-content > ul > li > ul {
	padding-left: 1.75em;
}

.toc .toc-content > ul > li > ul > li > ul {
	padding-left: 1.55em;
}

.toc .toc-content > ul > li > ul > li > ul > li > ul {
	padding-left: 1.45em;
}

.toc .toc-content > ul > li > ul > li > ul > li > ul > li > ul {
	padding-left: 1.15em;
}

.toc-content a {
	padding: 4px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
}

.toc-content a:hover {
	box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.3), 0px 0px 4px 1px rgba(0,0,0,0.3);
}

.toc-content > ul > li > a {
	padding-top: 6px;
	font-size: 1.1em;
	padding-left: 2.1em;
}

.toc-content > ul > li > ul > li > a {
	padding-top: 5px;
	font-size: 1em;
	padding-left: 2em;
}

.toc-content > ul > li > ul > li > ul > li > a {
	font-size: 0.9em;
	padding-left: 2em;
}

.toc-content > ul > li > ul > li > ul > li > ul li a {
	font-size: 0.8em;
	padding-left: 2em;
}

/*アイコン管理*/
.main .toc::before, .sidebar .widget_toc h3::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background-color: #fff;
	border-radius: 50%;
}

.main .toc::before {
	height: 48px;
	width: 48px;
	margin-top: 0.6em;
	margin-left: 1em;
}

.sidebar .widget_toc h3::before {
	height: 42px;
	width: 42px;
	margin-top: 0.5em;
	margin-left: 0.7em;
}

.main .toc::after, .sidebar .widget_toc h3::after, .toc-content a::after {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.main .toc::after, .sidebar .widget_toc h3::after {
	content: '\f0ca';
	color: #B4C8FA;
}

.main .toc::after {
	margin-top: 0.5em;
	margin-left: 1.2em;
	font-size: 1.4em;
}

.sidebar .widget_toc h3::after {
	margin-top: 0.66em;
	margin-left: 1.2em;
}

.toc-content > ul > li > a::after {
	content: '\f02d';
	margin-top: 0.24em;
	margin-left: 0.6em;
}

.toc-content > ul > li > ul > li a::after {
	content: '\f02e';
}

.toc-content > ul > li > ul > li > a::after {
	margin-top: 0.25em;
	margin-left: 0.65em;
}

.toc-content > ul > li > ul > li > ul > li > a::after {
	margin-top: 0.25em;
	margin-left: 0.7em;
}

.toc-content > ul > li > ul > li > ul > li > ul li a::after {
	margin-top: 0.3em;
	margin-left: 0.7em;
}

/*画面サイズが1023px以下の時の調節（モバイルメニュー時）*/
@media screen and (max-width: 1023px) {
	.sidebar .widget_toc h3::before {
		margin-top: 0.3em;
	}

	.sidebar .widget_toc h3::after {
		margin-top: 0.6em;
		margin-left: 1.2em;
	}
}

/*画面サイズがスマホの時の調節*/
@media screen and (max-width: 480px){
	.main .toc, .sidebar .toc-content {
		font-size: 16px;
	}

	.main .toc::before {
		height: 47px;
		width: 47px;
		margin-top: 0.55em;
		margin-left: 0.95em;
	}

	.main .toc::after {
		margin-top: 0.55em;
		margin-left: 1.26em;
	}

	.sidebar .widget_toc h3::before {
		height: 39px;
		width: 39px;
		margin-top: 0.35em;
		margin-left: 0.8em;
	}

	.sidebar .widget_toc h3::after {
		margin-top: 0.67em;
		margin-left: 1.3em;
	}
}
/*ここまで*/

.pager-post-navi a {/*ページ送りナビ*/
color: #4086bf;/*文字色*/
line-height: 1.7;/*行間*/
font-size: 1em;/*文字の大きさ*/
font-weight: bold;/*文字の太さ*/
}


/************************************
**　　サイドバー
************************************/
#sidebar>.widget{
border-radius:10px;
}
.widget_search{
padding:0;
}
.sidebar h3 {
  background: none;
  font-size: 22px;
  letter-spacing: 2px;
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 0;
  text-align: center;
  color: #00bfff; /* サイドバータイトルの色を指定 */
}
.sidebar h3::before,
.sidebar h3::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 28%;
  border-top: 3px solid #00bfff; /* サイドバータイトル横のバーの色を指定 */
}
.sidebar h3::before {
  left: 0;
}
.sidebar h3::after {
  right: 0;
}
.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 {
background-color:#ffffff;
color:#4682b4!important;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}
.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:#e0ffff;
color:#000000!important;
}
.tagcloud a{
background-color:#f7f7f7;
color:#afafb0!important;
}
.tagcloud a:hover{
background-color:#90C31F;
color:#fffff4!important;
transition: 0.4s ;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}


/************************************
** プロフィール欄
************************************/
.nwa .author-box {
max-width:none;
padding: 0;
}
aside#author_box-2.widget.widget-sidebar.widget-sidebar-standard.widget_author_box{
padding: 0!important;
border-radius: 10px;
}
@media (max-width: 1023px){
aside {
padding: 0 .5em;
}
}
.nwa .author-box .author-thumb {
width: 100%;
height:9em;
margin:0 0 5em 0;
border-radius: 10px 10px 0 0;
}
.author-box figure.author-thumb{
float: none;
text-align: center;
background: url( https://akatuki0221.com/wp-content/uploads/2021/06/KakaoTalk_20210624_144921196_03.jpg) center no-repeat;
background-size: cover;
position: relative;
z-index: 0;
}
.author-box img.avatar.photo{
background-image: none;
padding: 0!important;
box-shadow:none;
}
.author-box figure.author-thumb img{
width: 40%;
max-width:180px;
margin-top:5em;
}
@media (min-width:1023px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:160px;
}}
@media (max-width:480px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:130px;
}}
.author-box .author-name {
margin: 0 0 2em 0;
}
.author-box .author-content .author-name a{
text-decoration: none;
font-size:1.2em;
color:#545454;
}
.nwa .author-box .author-description {
margin-bottom:1.5em
}
.author-box .author-content .author-description p{
font-size:19px;
color:#7b7b7b;
line-height:1.6em!important;
margin:1em;
}
#author_box-2 p{
margin:1em 2.5em;
}
div.author-follows{
padding-bottom:2em;
}
.author-box .author-content .author-description p a{ text-decoration: none; }
.author-box .author-content .author-description p a:hover{ text-decoration: underline; }
.author-box .author-content .author-follows .sns-buttons{ justify-content: center; }
.author-box .author-content .author-follows .sns-buttons a.follow-button{
border-radius: 50%;
border: none;
width: 40px;
height: 40px;
color: #fff!important;
margin:0 3px;
}
a.follow-button.website-button.website-follow-button-sq{background-color: #6eb6fd!important;}
a.follow-button.twitter-button.twitter-follow-button-sq{background-color: #7dcdf7!important;}
a.follow-button.facebook-button.facebook-follow-button-sq{background-color: #7c9dec!important;}
a.follow-button.hatebu-button.hatebu-follow-button-sq{background-color: #2c6ebd!important;}
a.follow-button.instagram-button.instagram-follow-button-sq{background: linear-gradient(165deg, #427eff 5%, #f13f79 50%) no-repeat !important;}
a.follow-button.pinterest-button.pinterest-follow-button-sq{background-color: #bd081c!important;}
a.follow-button.youtube-button.youtube-follow-button-sq{background-color: #cd201f!important;}
a.follow-button.linkedin-button.linkedin-follow-button-sq{background-color: #0A66C2!important;}
a.follow-button.note-button.note-follow-button-sq{background-color: #41C9B4!important;}
a.follow-button.soundcloud-button.soundcloud-follow-button-sq{background-color: #FF5500!important;}
a.follow-button.flickr-button.flickr-follow-button-sq{background-color: #111!important;}
a.follow-button.line-button.line-follow-button-sq{background-color: #00c300!important;}
a.follow-button.amazon-button.amazon-follow-button-sq{background-color: #ff9900!important;}
a.follow-button.rakuten-room-button.rakuten-room-follow-button-sq{background-color: #C61E79!important;}
a.follow-button.slack-button.slack-follow-button-sq{background-color: #4A154B!important;}
a.follow-button.github-button.github-follow-button-sq{background-color: #4078c0!important;}
a.follow-button.codepen-button.codepen-follow-button-sq{background-color: #47CF73!important;}
a.follow-button.feedly-button.feedly-follow-button-sq{background-color: #2bb24c!important;}
a.follow-button.rss-button.rss-follow-button-sq{background-color: #f26522!important;}
.author-box .author-content .author-follows .sns-buttons a.follow-button span{ line-height: 40px; }
.author-box .author-content .author-follows .sns-buttons a.follow-button span::before{ font-size: 20px !important; }
@media (max-width:1023px){
.nwa .author-box .author-thumb {
height:11em;
margin:0 0 7em 0;
}
.author-name{
font-size:16px!important;
}
.author-description{
line-height: 1.5 !important;
text-align:center;
margin:0 auto;
}
}
@media screen and (max-width: 1023px){
div.sidebar {
display: none;
}
}

/************************************
** 人気記事,新着記事 タイトル
************************************/
.widget-entry-card {
font-size: 18px;
line-height: 1.5em;
font-weight: lighter;
}



.border-partition a:first-of-type{
border-top: none;
}
.widget-entry-cards .a-wrap{
margin: 0.5em 0;
background-color: #ffffff;
border-radius: 35px;/*外枠を丸くする*/
}
.card-thumb img{
border-radius: 25px;/*画像を丸くする*/
}



.border-partition a:first-of-type{
border-top: none;
}
.widget-entry-cards .a-wrap{
border: none;
}
.widget-entry-cards a:hover{
background-color: #e0ffff;/*ホバーカラー*/
}