@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

.sidebar .sns-follow-buttons {
  justify-content: center; /*ボタンを中央寄せにする*/
}
.sidebar .sns-follow {
  margin: 0 0 24px 0;
}
.sidebar .sns-follow-buttons a {
  border-radius: 50%;
  width: 40px; /*ボタンの横の大きさ*/
  height: 40px; /*ボタンの縦の大きさ*/
  font-size: 20px; /*アイコンのサイズ*/
  margin: 0 6px; /*ボタン同士の間隔*/
}

.logo-image {
	padding: 0px;
}

#sb_instagram .sb_instagram_header {
    display: none;
}
.widget-sidebar-title.widget-title {
    background-color: #fff;
    color: #60b6bc;
    border-bottom: dotted 2px #60b6bc;
    text-align: center;
    padding: 25px 3px 3px 3px;
}

#navi-menu-content {
    background-color: #60b6bc;
    color: #fff;
}
.menu-drawer a {
    color: #fff;
    text-decoration: none;
    padding: 14px 6px;
    display: block;
}

.noline{
	text-decoration: none;
}


.appeal-message {
    margin-bottom: 1em;
    font-size: 13px;
    font-weight: bold;
}

#sb_instagram .sbi_follow_btn a {
    transition: all .1s ease-in;
    background: -webkit-linear-gradient(
135deg
, #427eff 0%, #f13f79 70%) no-repeat!important;
    background: linear-gradient(
135deg
, #427eff 0%, #f13f79 70%) no-repeat!important;
	
    overflow: hidden;
}
#sb_instagram .sbi_follow_btn a:focus, #sb_instagram .sbi_follow_btn a:hover {
    outline: 0;
	transition: all 0.3s ease-in-out;
    box-shadow: inset 0 0 10px 20px #e95295!important;
}

.insta a{
    display:block;
	text-align:center;
	font-size:58px;
	color: #f2407a!important;
}


.list-more-button {
    display: inline-block;
    padding: 0.3em 2em;
    text-decoration: none;
    color: #fff;
    background-color: #60b6bc;
    border: solid 2px #60b6bc;
    border-radius: 3px;
    transition: .4s;
    margin: 1em 0 2em;
    font-size: 14px;
    border-radius: 99px;
}
.list-more-button:hover {
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    color: #60b6bc;
}
.entry-title, .archive-title {
    font-size: 22px;
    margin: 16px 0;
	color:#4c4c4c;
}
.eye-catch-wrap {
    display: block;
    text-align: center;
}

/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-12 .date-tags,
.post-2 .date-tags,
.post-19 .date-tags {
  display: none;
}

input[type='submit'] {
    -webkit-appearance: none;
    border: 1px solid #60b6bc;
    background-color: #60b6bc;
	color:#fff;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
.appeal-content {
    max-width: 740px;
    background-color: rgba(255, 255, 255, 0.85);
    margin: auto;
    padding: 1em;
    text-align: center;
    border-radius: 12px;
    display: block;
}
.appeal-message {
    font-size: 12px;
}
.menu-drawer a {
	font-weight: bold;	
	}	
i.fa.fa-instagram {
    font-size: 58px;
}	
.insta a{
    display:block;
	text-align:center;
	font-size:58px;
	color: #f2407a!important;
}	
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-214 {
    font-size: 50px;
}	
.entry-title, .archive-title {
    font-size: 18px;
	color: #4c4c4c;
}	
/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-12 .date-tags,
.post-2 .date-tags,
.post-19 .date-tags {
  display: none;
}	
	
input[type='submit'] {
    -webkit-appearance: none;
    border: 1px solid #60b6bc;
    background-color: #60b6bc;
}
	
	
	
	
}

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