@charset "utf-8";
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
湘南ふれあいの園(C)FureaiGroup 2023

File name:      main.css
Last Update:    2023/02/28
Style Info:     メインスタイル。
------------------------------------------------------------->
 0.初期設定
 1.一時スタイル
 2.印刷スタイル
 3.汎用スタイル
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ===========================================================
 0.初期設定
=========================================================== */
/* WebFont（webフォント使用時は下記に追加） */
/* GoogleFont */
/* @import url('https://minmoji.ucda.jp/fontseot/https%3A__www.fureai-g.or.jp_toubu_');*/
/*
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Mincho");
@import url("https://fonts.googleapis.com/css?family=M+PLUS+1p");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;500;600;700;900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=PT+Sans:wght@700&display=swap");
*/



/* 標準フォーマット */
@import url("format.css");


/* ===========================================================
 2.一時スタイル（一時的に使用するスタイルを記載・長期間使用不可）  
=========================================================== */
/* SPスタイルはここに記載 */
.start-sw {
  display: none;
}
.finish-sw {
  display: inline-block;
}
/* ===========================================================
 2.印刷スタイル
=========================================================== */
@media print {
  /* 印刷時のスタイルはここに記載 */
}

/* ===========================================================
3.汎用スタイル
=========================================================== */
/* 画像レイアウト用
----------------------------------------------------------- */
.photo-container01,
.photo-container01-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.photo-container01 figure {
  text-align: center;
}
.photo-container01 img {
  vertical-align: bottom;
}
.photo-container01 figcaption {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  transform: rotate(0.028deg); /*アンチエイリアス対策*/
}
.photo-container01 p {
  font-size: 14px;
  font-size: 1.4rem;
}
.photo-inner-gc2 {
  grid-column: span 2;
}
.photo-inner-gr2 {
  grid-row: span 2;
}
/* イメージなし */
.noimage180-135 {
  width: 180px;
  height: 135px;
}
.youtube-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube-container iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.photo-container02 {
  display: grid;
  grid-template-columns: 1fr;
    gap: 10px;
  }
.photo-container02 p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (min-width: 769px),print {
  .photo-container01 {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
  .photo-container02 {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .photo-container-layout02 {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .photo-container01-columns {
    grid-template-columns: 1fr;
  }
  .photo-inner-gc3 {
    grid-column: span 3;
  }
}