@charset "UTF-8";

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

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

/*  START : ウェブフォント読み込み中のテキストの表示  */
/* PC */
@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('DejaVu Sans'), local('Roboco'), url(https://www.jacepark.com/wp-content/themes/cocoon-master/webfonts/fontawesome/fonts/fontawesome-webfont.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('DejaVu Sans'), local('Roboco'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),  url(https://cdn.bannerflow.com/resources/dinnextw1g-medium-c2634466-5228-415f-857d-5b465aa912f5--5808565483498646439-subset.woff) format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://cdn.bannerflow.com/resources/dinnextw1g-bold-21858934-ecf2-4967-bfe8-6120f8056ef0--7077202062574455835-subset.woff) format('woff')
  font-display: swap;
}

@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/mplus1p/v19/e3tjeuShHdiFyPFzBRro_VYUcXm4y4YtjOJGYMp5iAw4B3f5iUc.119.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/googlesans/v14/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/l/font?kit=k3kTo8oPIeJRyV8MHf7NGTfhfsDoEo9_ESwY-JYCXg3oi3VHH_HcE7b7zMt2t0Xxw-6yWd2eNO697CY7uhriOPb1YZCqOR-RVN5lDaYVyq2VBHXcfnUyPTa7vFL9gKRFWRHu3rAiA0br3Mhk4pViKsCD_27Iwxgi3bsFC_xMFAneJmq7iTgY&skey=ce6b3497355c8867&v=v14) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/l/font?kit=k3kTo8oPIeJRyV8MHf7NGcXACZK4Eo5yES0F-JYhXg3Ji3ZYH_LtE7XKzMhNt0blw-2gWd6INO2r7CQIuhvGOPfZYZGKOR6_VN9LDaYlyq2pBHXTfnUqPTaqu2nGgKRPWDHo3o8hAFbe39lL4Zl3KMy__UXOwRYB0KcdBupYGwXOJ3OfiBI0T6On6Rpf0wK3VSMK1Sq-&skey=ce6b3497355c8867&v=v14) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  font-display: swap;
}

/* Moblie */
@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/mplus1p/v19/e3tjeuShHdiFyPFzBRro_T4Cc2mQvvxciOZFZPt4ng8GFn7r-DJfMV5C.119.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/l/font?kit=k3kTo8oPIeJRyV8MHf7NAUPJKZAX8C8dci15mphlPCeE6VowfviqcryPre4J1m-yotj2OOXTVOzxjCFq2hCjWPmyAZ38WQfKNMc_bYVlqonhZFqcHll6XQb13Gqi56AhAj-phKRhYHW-t-woqpATYufcpESVmzBktbpsbOMtaB2nW0XW9g54MLXfnSkFpjzcJSR9ngrMXF3IFO7u9QGsAjOfl8ZezaAmsoIB7nWGl9s&skey=ce6b3497355c8867&v=v14) format('woff2');
  font-display: swap;
}
/*  END : ウェブフォント読み込み中のテキストの表示  */


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

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

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

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