@charset "UTF-8";

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

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

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

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

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

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

.article h2 {
    color: #fff;
    padding: .3em 1em;
    margin-top: 80px;
    background: #444d53;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.article h3 {
    color: #444d53;
    padding: .5em 0.5em;
    margin-top: 40px;
    border-top: 3px solid #444d53;
    border-bottom: 3px solid #444d53;
}
.article h4 {
    color: #444d53;
    padding: .2em 0.5em;
    margin-top: 40px;
    border-left: 6px solid #444d53;
}
.article h5 {
    color: #444d53;
    margin-top: 40px;
    border-bottom: solid 2px #444d53;
}
.article h6 {
    color: #444d53;
    margin-top: 40px;
    border-bottom: solid 1px #444d53;
}

/*スライドインメニューをカスタマイズ*/
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: rgba(230,230,220,0.8);
	transform: translateX(101%);
}

.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	color: #000;/*文字の色*/
	height: 3em;/*行の高さ*/
}

.menu-drawer a:hover{
	color: rgba(255,255,255,0.7);
	background-color: rgba(30,124,209,0);
}

/*SNSシェアボタンをカスタマイズ

.sns-share-message{
    font-weight: bold;
    color: #63594d;
}

.button-caption{
    display:none;
}

.sns-share-buttons a {
    border-radius: 50%;
    width: 40px;
    height: 40px;
	margin: 10px;
}

.sns-share-buttons {
    justify-content: center;
}
*/

/*SNSシェアボタンをカスタマイズ

.sns-follow-buttons a {
    border-radius: 50%;
    width: 40px;
    height: 40px;
	margin: 10px;
}

.sns-follow-buttons {
    justify-content: center;
}

.sns-share .sns-share-buttons a .social-icon {
    margin-bottom: 2px;
    font-size: 23px;
}
*/