@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.child_appeal{
  margin-bottom: 5vw;
}
.appeal_img{
  max-height: 300px;
  text-align: center;
}

.appeal_img img{
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 300px;
}

.appeal_box{
  width: 80%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
}
.appeal_one{
  width: 30%;
  height: auto;
  text-align: center;
}

.navi-in > ul li{
  width: 257px;
}

.navi-in > ul .sub-menu{
  box-shadow: 0px 0px 3px 3px #fff;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}


.toc {
display: none;
}

/* addTag */
.flex_box{
	display:flex;
	justify-content:space-between;
}

.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    background: #67c5ff;
    color: white;
}

.border_line{
	display: inline-block;
	border:solid #F57388 1px;
	padding:1%;
}

.fl{
	float:left;
}

.oh{
	overflow:hidden;
}

.page .sns-follow {
    display: none;
}

/*固定ページでシェア・フォローボタンをまとめて非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}