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

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

/*全体のフォント指定*/
	body{
		font-family: "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Verdana, Roboto, sans-serif;
}

/*カラム列そろえ flexbox*/
.column-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*for SP*/
@media screen and (max-width:768px) {
   /*必要ならばここにコードを書く*/
	body{
		line-height: 2;
	}
	h1{
		font-size: 2.4rem; /* 24px*/
	}
	h2 {
		font-size: 2rem; /* 20px*/
	}
    .point {
        font-size: 20px;
    }
}

/*for tablet*/
@media screen and (min-width:769px) and (max-width:1024px) {
  /*必要ならばここにコードを書く*/
	body{
		line-height: 2;
	}
	h1{
		font-size: 2.8rem; /* 28px*/
	}
	h2 {
		font-size: 2.4rem; /* 24px*/
	}
    .point {
        font-size: 30px;
	}
}

/*for PC*/
@media screen and (min-width:1025px) and (max-width:6000px) {
  /*必要ならばここにコードを書く*/
	body{
		line-height: 2;
	}
	h1 {
		font-size: 3.6rem; /* 36px*/
	}
	h2 {
		font-size: 2.4rem; /* 24px*/
	}
    .point {
		font-size: 48px;
    }    
}

/*以下は追加CSSのところにあったやつ。使うか不明*/
html{
	font-size: 62.5%;
}
body{
	font-size:1.6rem;/* 16px*/
	line-height: 2;
}
h1 {
	font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
	font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429)); /* 24px~36pxで可変*/
	line-height: 1.3;
}

h2 {
	font-size: 24px;/* IE8以下とAndroid4.3以下用フォールバック */
	font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
	line-height: 1.3;
}

/*一部のカバーブロックなどを縦横比変わらないようにする（動画など*/
.image-size-fix {
padding:0 0 calc(1307/2005*100%) !important;
min-height: 0 !important;
}
.image-size-fix .wp-block-cover__inner-container{
position: absolute;
padding: 0;
top: 40%;
}

/*リンクページだけ背景画像変える*/
body.page-id-1826 {
	background-image: 	
	URL(https://magiweb.daa.jp/wp-content/uploads/2023/08/facebook_cover_photo_2_render.png);
}

/*classがfadeinのやつをつくる*/
.fadein {
opacity: 0;
transform: translateY(30px);
transition-property: transform, opacity;
transition-duration: 1.5s;
transition-delay: 0s;
}

.fadein.is-active {
opacity: 1;
transform: translateY(0);
}

/*columnのCSSそろえ*/
.column-list {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}