@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,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/* PCの場合 */
.pc	{ display:block!important; }
.sp	{ display:none!important; }

@media screen and (max-width: 768px) {
  /* タブレット、スマホの場合 */
  .pc { display:none!important; }
  .sp { display:inline!important; }
}

/* 毛筆フォント */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

.font-mouhitsu {
  font-family: "Noto Serif JP", serif;
}

/* 全幅表示
.alignfull{
  width:100vw;
  margin-right:calc(50% - 50vw);
  margin-left:calc(50% - 50vw);
}
 */


.vk_slider.slider01 .swiper-wrapper {
  transition-timing-function:linear;
}

ul.bgcolor {
  background: #001344;
  margin: 0;
  padding: 30px 50px;
}
ul.bgcolor li {
  margin: 0;
  padding: 0;
}

.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/* アピールエリアのアニメーション設定 */
.appeal{
  animation : appeal-fadein 2.0s ease-in;
}
/* アピールエリアのアニメーション詳細 */
@keyframes appeal-fadein{
  from {
  opacity: 0;
  }
  to {
  opacity: 1;
  }



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

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

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