@charset "utf-8";
/* ###############################################################################
   Utitlity
   ############################################################################### */


/* ======================================================================
   サイト全体・ページ全体に対し、影響を及ぼす機能
   ====================================================================== */


/* フッターを常に最下部（一番下）に表示する
   ================================================================= */

/* 参考URL: http://coliss.com/articles/build-websites/operation/css/css-sticky-footer.html */


/*.l-main {
  min-height: calc(100vh - 10vh);
}*/
/*.l-footer {
  height: auto;
}*/





/* ======================================================================
   指定した対象に対し、影響を与える機能
   ====================================================================== */


/* Margin、Paddingの個別指定
   ================================================================= */


/* ------------------------------------------------------------
   Margin_Top
   ------------------------------------------------------------ */

.u-margin-top--1per {
	margin-top: 1vw;
}
.u-margin-top--2per {
	margin-top: 2vw;
}
.u-margin-top--3per {
	margin-top: 3vw;
}
.u-margin-top--4per {
	margin-top: 4vw;
}
.u-margin-top--5per {
	margin-top: 5vw;
}



/* ------------------------------------------------------------
   Margin_Bottom
   ------------------------------------------------------------ */

.u-margin-bottom--1per {
	margin-bottom: 1vw;
}
.u-margin-bottom--2per {
	margin-bottom: 2vw;
}
.u-margin-bottom--3per {
	margin-bottom: 3vw;
}
.u-margin-bottom--4per {
	margin-bottom: 4vw;
}
.u-margin-bottom--5per {
	margin-bottom: 5vw;
}



/* ------------------------------------------------------------
   Padding_Top
   ------------------------------------------------------------ */

.u-padding-top--1per {
	padding-top: 1vw;
}
.u-padding-top--2per {
	padding-top: 2vw;
}
.u-padding-top--3per {
	padding-top: 3vw;
}
.u-padding-top--4per {
	padding-top: 4vw;
}
.u-padding-top--5per {
	padding-top: 5vw;
}



/* ------------------------------------------------------------
   Margin_Bottom
   ------------------------------------------------------------ */

.u-padding-bottom--1per {
	padding-bottom: 1vw;
}
.u-padding-bottom--2per {
	padding-bottom: 2vw;
}
.u-padding-bottom--3per {
	padding-bottom: 3vw;
}
.u-padding-bottom--4per {
	padding-bottom: 4vw;
}
.u-padding-bottom--5per {
	padding-bottom: 5vw;
}




/* レスポンシブ可変時（ブラウザ横幅）に、「対象の表示・非表示」を指定する
   ================================================================= */

/* Reference URL: https://wemo.tech/839 */


/* --------------------------------------------------------
   PC閲覧時（ブラウザの横幅が960px以上である）のみ表示される
   -------------------------------------------------------- */

.u-display--pc-only {
	display: block !important;
}

/* [Responsive Web] */
@media screen and (max-width:959px) {
.u-display--pc-only {
	display: none !important;
}
}

@media screen and (max-width:559px) {
.u-display--pc-only {
	display: none !important;
}
}



/* --------------------------------------------------------
   タブレット閲覧時（ブラウザの横幅が600〜959pxの間である）のみ表示される
   -------------------------------------------------------- */

.u-display--tab-only {
	display: none !important;
}

/* [Responsive Web] */
@media screen and (max-width:959px) {
.u-display--tab-only {
	display: block !important;
}
}

@media screen and (max-width:559px) {
.u-display--tab-only {
	display: none !important;
}
}



/* --------------------------------------------------------
   SP閲覧時（ブラウザの横幅が600px以下である）のみ表示される
   -------------------------------------------------------- */

.u-display--sp-only {
	display: none !important;
}

/* [Responsive Web] */
@media screen and (max-width:959px) {
.u-display--sp-only {
	display: none !important;
}
}

@media screen and (max-width:559px) {
.u-display--sp-only {
	display: block !important;
}
}



/* --------------------------------------------------------
   PC閲覧時以外（ブラウザの横幅が959px以下である）では表示される
   -------------------------------------------------------- */

.u-display--non-pc {
	display: none !important;
}

/* [Responsive Web] */
@media screen and (max-width:959px) {
.u-display--non-pc {
	display: block !important;
}
}

@media screen and (max-width:559px) {
.u-display--non-pc {
	display: block !important;
}
}



/* --------------------------------------------------------
   SP閲覧時以外（ブラウザの横幅が601px以上である）では表示される
   -------------------------------------------------------- */

.u-display--non-sp {
	display: block !important;
}

/* [Responsive Web] */
@media screen and (max-width:959px) {
.u-display--non-sp {
	display: block !important;
}
}

@media screen and (max-width:559px) {
.u-display--non-sp {
	display: none !important;
}
}



/* --------------------------------------------------------
   表示させない
   -------------------------------------------------------- */

.u-display--non-all {
	display: none !important;
}

/* [Responsive Web] */
@media screen and (max-width:959px) {
.u-display--non-all {
	display: none !important;
}
}

@media screen and (max-width:559px) {
.u-display--non-all {
	display: none !important;
}
}




/* 「CSS Animation」を使ったアニメーション指定
   ====================================================================== */

/* Refernce URL: https://ics.media/entry/11336 */


/* ------------------------------------------------------------
   指定した対象が、点滅する（無限ループ）
   ------------------------------------------------------------ */

.u-animetion--blinking, 
.u-animetion--blinking img {
    -webkit-animation: 0.5s linear 0s alternate none infinite running animetion-blinking;
    -moz-animation: 0.5s linear 0s alternate none infinite running animetion-blinking;
    animation: 0.5s linear 0s alternate none infinite running animetion-blinking;
}

@-webkit-keyframes animetion-blinking {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

@-moz-keyframes animetion-blinking {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes animetion-blinking {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}



/* ------------------------------------------------------------
   指定した対象が、縦に伸縮する（無限ループ）
   ------------------------------------------------------------ */

.u-animetion--stretching, 
.u-animetion--stretching img {
  animation: animetion-stretching 1.8s ease-in-out 1.0s infinite;
}
 
@keyframes animetion-stretching {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}



/* ------------------------------------------------------------
   指定した対象が、左右に揺れる（無限ループ）
   ------------------------------------------------------------ */

.u-animetion--swaying, 
.u-animetion--swaying img {
  animation: animetion-swaying 4.0s linear 1.0s infinite;
}

@keyframes animetion-swaying {
  0%   { transform: translate(0%, 0%); }
  5%   { transform: translate(10%, 0%) rotate(4deg); }
  25%  { transform: translate(20%, 0%) rotate(8deg); }
  30%  { transform: translate(-10%, 0%) rotate(-3deg); }
  35%  { transform: translate(-15%, 0%) rotate(-6deg); }
  45%  { transform: translate(10%, 0%) rotate(3deg); }
  50%  { transform: translate(15%, 0%) rotate(7deg); }
  60%  { transform: translate(-5%, 0%) rotate(-1deg); }
  65%  { transform: translate(-7%, 0%) rotate(-4deg); }
  75%  { transform: translate(0%, 0%) rotate(0deg); }
  100% { transform: translate(0%, 0%) rotate(0deg); }
}



/* ------------------------------------------------------------
   指定した対象が、上下に震える（無限ループ）
   ------------------------------------------------------------ */

.u-animetion--shaking, 
.u-animetion--shaking img {
  animation: animetion-shaking 2.4s linear 1.0s infinite;
}

@keyframes animetion-shaking {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg); }
  50%  { transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg); }
  65%  { transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg); }
  80%  { transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}




/* 画像にカーソルを置いた際の「Hover」パターン
   ================================================================= */

/* Refernce URL: https://kuzlog.com/2017/02/25/1168/ */

/* 一新するため、コードを削除。新たにコードを記述する。 */






/* ======================================================================
   WordPressチェックツール「Theme Check」対策
   ====================================================================== */

/* Refernce URL: https://komitsuboshi.com/archive/blog/make-theme-log/wp-css/ */
/* Refernce URL: https://wp.yat-net.com/?p=5970 */


/* ------------------------------------------------------------
   投稿の先頭固定表示
   ------------------------------------------------------------ */

.sticky {
	display: block;
}



/* ------------------------------------------------------------
   投稿の先頭固定表示
   ------------------------------------------------------------ */

.gallery-caption {
	font-size: 0.875em;
}



/* ------------------------------------------------------------
   管理者のコメントテキストのデザイン調整
   ------------------------------------------------------------ */

.bypostauthor {
	color: inherit;
}



/* ------------------------------------------------------------
   管理者のコメントテキストのデザイン調整
   ------------------------------------------------------------ */

.screen-reader-text {
	clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);
	position: absolute !important;
	height: 0.1rem;
	width: 0.1rem;
	overflow: hidden;
}





/* ======================================================================
   コメントアウト見出し
   ====================================================================== */


/* ################################################################################
   XXXXXXXXXX
   ################################################################################ */



/* XXXXXXXXXX
   ########################################################################### */



/* ======================================================================
   XXXXXXXXXX   
   ====================================================================== */


/* XXXXXXXXXX
   ================================================================= */


/* ------------------------------------------------------------
   XXXXXXXXXX   
   ------------------------------------------------------------ */


/* XXXXXXXXXX
   ------------------------------------------------------- */





/* ======================================================================
   その他（テスト・実験的な機能も含む）
   ====================================================================== */