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

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

.home.page .entry-title{
  display: none;
}

.header-container-in.hlt-top-menu {
  width:100%;
}

.article h4 {
font-weight: 550;
}

#appeal {
    height: calc(100vw * calc(300 / 1400));
}

.cocoon-block-tab .tab-label-group .tab-label.is-active {
	background-color: #13007c;
	color: #ffffff;
}

@media (max-width: 600px) {
	
.cocoon-block-tab .tab-content-group {
	margin: 0%;
	padding: 0%;
}
.cocoon-block-tab .tab-label-group .tab-label {
	width: 25%;
	padding-left: 2%;
	padding-right: 2%;
}

.cocoon-block-tab .tab-label-group .tab-label.is-active {
	width: 100%;
}

}

.entry-content a:hover {
	color: #AAAAAA; 
}

.inline-button-blue{
 color: #ffffff; 
 font-size: 12px;
 font-weight: 400;
 border-width: 1px;
 border-radius: 100px;
 border-color: #13007c;
 background-color: #13007c;
 
}

a:hover img{
  opacity: 0.6; /*不透明度*/
  transition: all 0.6s ease; /*アニメーション*/
}

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

}

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

}

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

}