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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*背景削除*/
body{
background-image: none;
}
/*ボックスメニューアイコン色*/
.box-menu-icon{
	color: #ffb6c1;
}
/*ボックスメニューホバー時*/
.box-menu:hover{
	box-shadow: inset 2px 2px 0 0 #ffb6c1,
	2px 2px 0 0 #ffb6c1,
	2px 0 0 0 #ffb6c1,
	0 2px 0 0 #ffb6c1;
}
/* ボックスメニューにホバーしたとき拡大する 開始 */
.box-menu {
    overflow: hidden;
    transition: all .1s;
}
.box-menu:hover {
    transform: scale(1.1);
    transition: all .1s;
}
/* ボックスメニューにホバーしたとき拡大する 終了 */
@media screen and (max-width: 599px){
.wwa .box-menu {
	width: 33.33%;
}
}
/*ボックスメニュー画像大きく　余白小さく*/
.box-menu-icon *{
	margin:5px 0;
	max-width:80px;
}
/*目次を全幅に*/
.entry-content .toc{
	width:100%;
	max-width:1024px;
}
div#toppage > .wp-block-column{
    margin: 10px;
}
h2.smb-section__title::before {
border: none;
}
h2.smb-section__title::after {
	border: none;
	background-color:#fd8fa2;
    content: "";
    display: block;
    height: 5px;
    margin: 10px auto;
    width: 70px;
}
h2.smb-section__title.smb-section-side-heading__title::after {
	border: none;
	background-color:#fd8fa2;
    content: "";
    display: block;
    height: 5px;
    margin: 10px 0;
    width: 70px;
}
h2.smb-section__title{
	border: none;
	margin: 0;
	background:none;
}
.smb-section__subtitle{
	color:#fd8fa2;
}
h2.smb-section__title{
	font-size:40px!important;
	padding:.5px 0px .6em 0px!important;
}
.smb-section__body{
	margin-top:10px;
}
.smb-section__contents-wrapper > .c-row > .c-row__col.c-row__col--1-1{
	margin-top:0px!important;
}
.smb-items__item.has-cocoon-white-background-color.has-background{
	filter: drop-shadow(0px 0px 4px #fd8fa2);
}



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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/*トップページでのみ上の余白削除*/
	.home main.main{
		padding:0 16px;
	}
#navi .navi-in>.menu-mobile li a {
    padding: 0 0.5em;
}
.navi-in > ul {
    padding: 5px;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
#navi .navi-in > .menu-mobile li a {
    font-size: 14px;
    width: 100px;
}
.box-menus .box-menu {
	width: 33.33%;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.body, .menu-content {
    font-size: 13px;
}
	.blogcard-title{
		font-size:1.2em;
	}
}