@charset "utf-8";

:root {
    --header-bg: rgba(0, 0, 0, 0.25);
    --content-bg: rgba(255, 255, 255, 0);
}

/* *************************
 * 全体
 ************************* */
 body {
	/* フッターを最下部に固定 */
	display: flex;
	flex-flow: column;
	min-height: 100vh;
}
p {
	font-size: 18px;
}

/* *************************
 * header
 ************************* */
/* グローバルナビ 背景色 透過 */
/* .global-nav {
    background-color: transparent !important;
} */

/* *************************
 * main
 ************************* */
 .site-content {
	/* フッターを最下部に固定 */
	flex: 1;
}

/* *************************
 * ystandard
 ************************* */
/* スライダーブロック 余白上 調整 */
.ystdtb-slider {
	margin-top: 0.5em !important;
}

/* *************************
 * オリジナル
 ************************* */
 /* 角丸 */
.rs_radius25, 
.rs_radius25 .ystdb-section__bg, 
.rs_radius25 .wp-block-cover__background, 
.rs_radius25 img, 
.rs_radius25 picture img, 
.rs_radius25 figure a img {
    border-radius: 25px !important;
}

/* ギャラリー 角丸 */
.rs_gallery_radius figure a picture img {
    border-radius: 25px 50px !important;
}
/* *** 背景 デザイン *** */
.dot-grid .ystdb-section__bg{
    background-image: radial-gradient(#bdc3c7 2px, transparent 2px);
    background-size: 20px 20px;
}
.my_bg01 .ystdb-section__bg{
    background-color: #dedede !important;
	background-image: linear-gradient(#ecebeb 50%, transparent 50%, transparent);
	background-size: 10px 10px;
}
.my_bg02 .ystdb-section__bg{
    background-color: #8be4f0 !important;
	background-image: linear-gradient(-90deg, #80deea 50%, transparent 50%, transparent);
	background-size: 14px 14px;
}

/* *** 画像 デザイン *** */
/* 重ねる */
.img-stack {
    position: relative;
}
.img-stack::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    transform: rotate(3deg);
    z-index: -1;
}
.img-stack::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    transform: rotate(-5deg);
    z-index: -2;
}