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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*List Category Postカスタマイズ*/
ul.lcp_catlist li {
list-style:none;
border-bottom: 1px solid #CCCCCC;
padding-top: 10px;
padding-bottom: 90px;
}

ul.lcp_catlist li img {
 float: left;
 margin-right: 30px;
}

/*ヘッダーを透明にする*/
.header-container {
    background-color: transparent;
}

/*サイトタイトル*/
.site-name-text{
font-size: 69px;
font-family: 'Arvo', serif;
color:#000!important;
}

/*メニューボタン拡大*/
.hoverImg {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .5s;
}

.hoverImg:hover {

	opacity: .5;
	filter: alpha(opacity=80);
	-ms-filter: “alpha(opacity=80)”;
  transform: rotateY( 360deg );
  transition-duration: 0.5s;


}



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

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

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