/* design */

body {
 background: #f4eadb;
 font-family: 'Noto Serif JP', serif;
}

.wrapper {
 max-width: 1920px;
 margin: 0 auto;
 background: #f4eadb url(/wp-content/themes/onepixel-child/images/jp_p4.jpg) center bottom / 180px repeat;
 z-index: 0;
 position: relative;
}

.left_center {
 margin: 0 auto;
 padding: 1rem 0 0;
 text-align: center;
 display: block;
}

.left_center p {
 text-align: left;
 display: inline-block;
}

.price {
 font-size: min(6vw,1.5rem);
 color: #b99749;
 text-align: center;
 line-height: 1;
 margin: 1.5rem 0 0;
}

.promise {
 font-size: min(6vw,1.5rem);
 text-align: center;
 padding: 1rem;
}

/* ローディング */
#cherryblossom_particlesjs{
 width: 100%;
 height: 100%;
}

#loader-bg:after {
 content: "久留米";
 color: #8c7f73;
 position: absolute;
 font-size: 12vh;
 width: 100%;
 height: 100%;
 writing-mode: vertical-rl;
 align-items: center;
 left: 0;
 top: 35%;
 display: flex;
 z-index: 100000;
}

/* ヘッダー */
header {
 background: #f4eadb url(/wp-content/themes/onepixel-child/images/jp_p4.jpg) center bottom / contain repeat;
}

/* ドロワー */
#cherryblossom_particlesjs_sp{
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 position: absolute;
}

/* ファーストビュー */
.firstview:after {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 background: #000 url(/wp-content/themes/onepixel-child/images/firstview_background_pc.png) center center / cover no-repeat;
 z-index: -2;
 transform: translate3d(0,0,0);
 opacity: 0.45;
}

@media screen and (max-width: 1024px) {
.firstview:after {
 background: #000 url(/wp-content/themes/onepixel-child/images/firstview_background_sp.png) center center / cover no-repeat;
}}

/* フロントページ */
.flex-container {
 display: flex;
 color: #666;
}

.fp_left {
 padding: 5%;
 width: 50%;
 position: relative;
 z-index: 1;
}

.fp_right {
 padding: 5%;
 width: 50%;
 position: relative;
 z-index: 1;
}

.flex-container h2, .fp_sp_container h2 {
 font-size: min(6vw,1.5rem);
 color: #666;
 text-align: center;
 line-height: 1;
 padding-bottom: 0.5rem;
 border-bottom: #666 1px solid;
}

.fp_sp_container {
 padding: 10% 5%;
 position: relative;
 z-index: -1;
}

.fsc_inner {
 background: rgba(255,255,255,0.75);
 padding: 10% 5% 5%;
 font-size: 0.9rem;
 color: #666;
 z-index: 1;
}

/* 投稿ページ */
.single_page_fix img {
 width: 80%;
 max-width: 430px;
}

.single_page_fix h2 {
 font-size: min(6vw,1.5rem);
 color: #998a60;
 text-align: center;
 line-height: 1;
 padding-bottom: 0.5rem;
 border-bottom: #998a60 1px solid;
}

/* 固定ページ */
.page_contents h2 {
 font-size: min(6vw,1.5rem);
 color: #b99749;
 text-align: center;
 line-height: 1;
 padding-bottom: 0.5rem;
 border-bottom: #b99749 1px solid;
}

.photo {
 width: 100%;
 overflow: hidden;
 padding-bottom: 3rem;
 position: relative;
 margin-top: 2rem;
}

.photo:before {
 content: '◀ slide ▶';
 text-align: center;
 color: #b99749;
 width: 100%;
 height: 2rem;
 position: absolute;
 bottom: 0;
 left: 0%;
}

/* ライトボックス */
.nivo-lightbox-theme-default .nivo-lightbox-image img {
 background: none;
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
 background: rgba(0,0,0,0.8);
}