@charset "UTF-8";

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

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

/************************************
** ■ホバー時の背景色設定
************************************/
.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,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
	background-color:rgba(196,198,231,.7);/*背景色*/
  	transition: all 0.8s ease; /*アニメーション*/
  	color: #333; /*フォントカラー*/
}

/************************************
** ■メインカラー設定
************************************/
#header-container .navi, #navi .navi-in>.menu-header .sub-menu,.cat-label {
	background-color:#EDACAC;/*navbar等の薄いピンク*/
}

.mobile-menu-buttons, .mobile-menu-buttons .menu-button > a, .go-to-top-button, #submit {
	background-color: #d86173;/* モバイルのnavbar等の少し濃いピンク */
}

.navi-menu-content ,.navi-menu-content a{
	background-color:#EDACAC;
}
/************************************
** ■タイトル
************************************/
/* サブタイトル */
.tagline{
	font-size:20px;
}

/* タイトル */
.site-name-text{
	font-size:38px;
	font-family: 'Sawarabi Mincho', sans-serif;
}

/*ヘッダー固定*/
#navi {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}

/* タイトル上部余白 */
.header-in {
   padding-top: 75px;
}

/* タイトル下部 */
.content {
    margin-top: 0px;
}

/************************************
** ■右側のサイドバー 
************************************/

.sidebar h3{
	border-radius: 25px 0px 0px 25px;
	padding-left: 30px;
	font-size: 1.15rem;
}

/************************************
** ■お問い合わせボタン 
************************************/
.wpcf7 input[type="submit"], .pushbutton-wide {
    background-color: rgba(196,198,231,.7);
    color: #333;
    font-size: 15px;
    width: 25%;
    border-radius: 5px;
}

.ct {
    text-align: center;
}

.wpcf7 input[type="submit"]:hover, 
.pushbutton-wide:hover{
	  background-color: rgba(237,172,172,.7);
}
/************************************
** レスポンシブデザイン用のメディアクエリ
*****.appeal-content{
  background-color:rgba(2,147,207,.5)
}*******************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
	/*必要ならばここにコードを書く*/
}

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

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

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

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