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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 画像ブロックは以下で画面幅に */
.Message {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
/*参考 画像ブロックの高さ調整 */
.Message.MessageImgHeight img{
  height: 50vmin;
}
.Service  {
    width: auto;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}
.Work {
    width: auto;
    margin: 0 calc(50% - 50vw);
}
.Map  {
    width: auto;
    margin: 0 calc(50% - 50vw);
}
/* フロントページのメインコンテンツ上下の余白対策 */
.body.skin-grayish.front-top-page .breadcrumb,
.body.skin-grayish.front-top-page .article-header,
.body.skin-grayish.front-top-page .pr-label-s {
  display: none;
}
.body.skin-grayish.front-top-page :where(.content-top, .content-bottom) {
  margin: 0;
}
.body.skin-grayish.front-top-page .content .main {
  padding-top: 0;
  padding-bottom: 0;
}
.body.skin-grayish.front-top-page :where(.breadcrumb.sbp-main-before+.content, .breadcrumb.pbp-main-before+.content) {
  margin-top: 0;
}
.body.skin-grayish.front-top-page .content {
  margin-top: 0;
}
.body.skin-grayish.front-top-page .entry-content {
  margin-top: 0;
  margin-bottom: 0;
}
.body.skin-grayish.front-top-page .article {
  margin-bottom: 0;
}
/* フロントページのメインコンテンツ上下の余白対策 end*/
/*834px以下*/
@media screen and (max-width: 834px) {
  /* フロントページのメインコンテンツ上下の余白対策 */
  .body.skin-grayish.front-top-page :where(.main, div.sidebar) {
    padding: 0px 16px;
    margin: 0;
    border-width: 0;
  }
  .body.skin-grayish.front-top-page .content .main {
    padding: 0px 16px;
  }
}
/* 背景に斜めのグラデーション */
.Work {
  background-image: linear-gradient(-45deg, var(--LtBlue_T90) 0%, var(--LtBlue_T90) 70%, var(--white) 50%, var(--white) 100%);
}
/* 三角形 上 */
.cstm-clip-upper-kaku {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  height: 5vw;
  min-height: 5vw;
}
.cstm-clip-upper-kaku {
    width: auto;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
	
}
/*固定ページの日付非表示*/
.page .date-tags,
.page .author-info {
display: none;
}

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

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

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