@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.0.0
Author: opencage
Author URI: https://open-cage.com/
*/
/*****
テンプレー変更
*******/
body {
	font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "YuGothic", "Meiryo", sans-serif;
}
:root{
	--stk-wrap-width: 700px;
    --stk-wide-width: 700px;
	--header-bg-overlay: #fff7c7;
}
.cbox.is-style-editor_color1 {
    background: #ffe2e2;
}
/*****
全体レイアウト
*******/
/*PCヘッダー部ボタン・ロゴ位置調整*/
@media only screen and (min-width: 768px) {
    [class*=h_layout_pc_center_] .menu_btn {
        right: 0;
		left: auto;
    }
}
@media only screen and (min-width: 768px) {
    [class*=h_layout_pc_center_] .inner-header {
        text-align: left;
    }
}
.site__logo .site__logo__title {
    padding: 10px;
	max-width: 50%;
}
/*ハンバーガー*/
div#navbtn_menu_content {
    font-size: 80%;
}
/*画面幅変更*/
.wrap {
    max-width: 700px;
    margin: 0 auto;
}
.lp-wrap #inner-content {
	padding; 0;
}
@media only screen and (min-width: 981px) {
    .content_flat #inner-content.wrap, .content_flat #inner-footer.wrap {
        max-width: 700px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1167px) {
    .h_layout_pc_left_normal #viral-header, .h_layout_pc_left_normal:not(.page-template-page-wide) #breadcrumb, .h_layout_pc_left_normal:not(.page-template-page-wide) #footer, .h_layout_pc_center_normal #viral-header, .h_layout_pc_center_normal:not(.page-template-page-wide) #breadcrumb, .h_layout_pc_center_normal:not(.page-template-page-wide) #footer {
        max-width: 700px;
        margin: 0 auto;
    }
}

a:hover img {
	opacity: 0.4;
}
.accordion_label:hover {
    opacity: 0.4;
}

/*PC背景*/
@media only screen and (min-width: 700px) {
    .content_flat #container {
        background-image: repeating-linear-gradient(158deg, #D9E1EC, #F7C6D9, #D9E1EC, #F7C6D9, #D9E1EC);
    }
}
/*****
TOPレイアウト
*******/
#main_area {
	position: relative;
}
#main_area #main_catch {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
}
/*ボーナスアイコン*/
figure#bonus_icon {
    position: fixed;
    top: 15%;
    right: 10%;
    z-index: 30;
    animation: poyopoyo 2s ease-out infinite;
    opacity: 1;
}
@media only screen and (max-width: 700px) {
	figure#bonus_icon {
		position: fixed;
		top: 10%;
		left: auto;
		right: 0;
		width: 135px;
	}
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
 
/*LIVEGIVEについて*/
div#top_about {
    position: relative;
	background-image: linear-gradient(0deg, #fef1e3, #faedeb 15%, #faf2e7 25%, #fdf2ee 60%, #ffffff 80%);
}
figure#top_about_img {
    position: absolute;
    top: 0;
}
div#top_about p {
    margin: 0 10px 10px;
	background: #fff;
    border-color: #fff;
    border-radius: 31px;
    box-shadow: 3px 4px 3px 1px #827063;
}

@media only screen and (max-width: 767px) {
	#about_button {
	max-width: 50%;
}
}

/* ギャラリーのループスライド */
.stk-slide-gallery,
.stk-slide-gallery2 {
  display: flex;
  align-items: center;
  overflow: hidden;
  gap: 0;
  padding: 0 !important;
}
.stk-slide-gallery img,
.stk-slide-gallery2 img{
    border-radius: 20px;
}
.stk-slide-gallery .wp-block-gallery {
  flex-wrap: nowrap;
  animation: loop-slide 30s infinite linear 1s both;
}
.stk-slide-gallery2 .wp-block-gallery {
  flex-wrap: nowrap;
  animation: loop-slide2 30s infinite linear 1s both;
}

.stk-slide-gallery .wp-block-image,
.stk-slide-gallery2 .wp-block-image{
  width: 182px !important;
}

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop-slide2 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
/*スタッフは経験者*/
#staff_catch2 {
	position:relative;
	background: url(/wp-content/uploads/2026/01/staff_catch2_back.png);
}
#staff_catch2 #about_chatlady {
	position: relative;
	top:-80px;
}
#staff_catch2 #about_chatlady_button {
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 60%;
}
#reward_button {
	max-width: 60%;
}
/*経験者・未経験者の心配事*/
/*#worry_list .first_worry2 {
	background: url(/wp-content/uploads/2026/01/first_worry2_back.png) no-repeat;
}
#worry_list .second_worry2 {
	background: url(/wp-content/uploads/2026/01/second_worry2_back.png) no-repeat;
}*/
.first_worry2 .cbox,
.second_worry2 .cbox{
    border-left: none;
    border-radius: 0 50px 50px 0;
    background: #fff;
}
.first_worry2 .cbox .box_title,
.second_worry2 .cbox .box_title{
    margin-left: -1em;
}
.first_worry2 .cbox .box_title span.span__box_title,
.second_worry2 .cbox .box_title span.span__box_title{
    min-width: 15em;
    text-align: left;
    border-radius: 0 50px 50px 0;
}
.first_worry2 .cbox .cboxcomment,
.second_worry2 .cbox .cboxcomment{
    font-size: 75%;
}
/*パーティーチャット*/
.home div#work_genre {
	background: url(/wp-content/uploads/2026/01/party_about_back.png);
	background-size:cover;
} 
div#party_about span.span__box_title,
div#two_about span.span__box_title,
div#twin_about span.span__box_title {
    font-size: 150%;
    border-radius: 100px;
    left: 50%;
    transform: translateX(-50%);
}
div#party_about .cbox,
div#two_about .cbox,
div#twin_about .cbox {
    border-radius: 30px;
}
div#two_about .cbox.is-style-editor_color1 .span__box_title {
    background: #5dc4a6;
}
div#two_about .cbox.is-style-editor_color1 {
    background: #f2fefb;
    border-color: #5dc4a6;
}
div#twin_about .cbox.is-style-editor_color1 .span__box_title {
    background: #c5b3d3;
}
div#twin_about .cbox.is-style-editor_color1 {
    background: #f9f3fe;
    border-color: #c5b3d3;
}
/*最高報酬ランカー*/
div#best_rank {
	background: url(/wp-content/uploads/2026/01/bast_rank_back.png);
} 
div#ranker {
	background: url(/wp-content/uploads/2026/01/ranker_back.png);
	background-size: cover;
} 
#ranker_button {
	position:relative;
	top:0;
	max-width:60%;
}
/*体験レビュー*/
#taiken_review label.accordion_label {
    border: 3px solid #e2bd05;
    border-radius: 100px;
    padding: 0.25em 2em 0.25em 2.5em!important;
    background: #e2bd05;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    font-size: 120%;
}
#taiken_review .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label {
	color: #e2bd05!important;
}
#taiken_review .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::before {
    content: "閉じる";
    left: 3em;
    color: #fff;
}
#taiken_review .accordion.is-style-accordion_type_plain .accordion_label::after {
    left: 10px;
}
#taiken_review .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::after {
    color: #fff;
}
#taiken_review .cbox {
	background:#fff;
	border-radius: 30px;
}
#taiken_review .cbox .stk_grid__child {
    border: 3px solid #e1bd05;
    border-radius: 100px;
    padding: 0.25em 2em;
    color: #e1bd05;
	font-weight:bold;
}

#blog_shop_list {
	background: url(/wp-content/uploads/2026/01/blog_shop_list.png);
	background-size: cover;
}
#bloglist ul.wp-block-latest-posts__list {
    background: #ffffff8e;
    padding: 1em;
    border-radius: 30px;
}
#bloglist ul.wp-block-latest-posts__list a {
    color: #000;
    text-decoration: none;
}
#shoplist p {
	font-size:80%;
}
#shoplist h3 {
	border: none;
  margin: 0 auto 1em;
  padding: 0.5em 2em !important;
  position: relative;
  display: block;
  text-align: center;
  width: fit-content;
}

#shoplist h3 {
  max-width: 85%;
  max-width: clamp(200px, 85%, 618px);
  margin: 0 auto 0.5em;
}

#shoplist h3::before,
#shoplist h3::after {
  content: "";
  display: inline-block;
  position: absolute;
}

#shoplist h3::before,
#shoplist h3::after {
  height: 100%;
  width: 1px;
  background: currentColor;
  left: 0;
  top: 0;
  transform: rotate(-20deg);
}

#shoplist h3::after {
  bottom: auto !important;
  left: auto !important;
  right: 0 !important;
  transform: rotate(20deg);
}
#shoplist .vk_slider_item .vk_slider_item-background-area:not([class*=-background-color]) {
    background: none;
}
div#shoplist .swiper img {
	margin: 0 auto;
	display: block;
    border-radius: 30px;
	max-width: 80%;
}
div#shoplist .shoplist_comment {
	background:#ffffff8c;
	padding:1em;
}
div#shoplist .shop_icon .stk_grid__child {
    background: #fd8d8d;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
}
div#shoplist .shop_icon .stk_grid__child.no_service {
    background: #d9d9d9;
}
#flow{
	background: url(/wp-content/uploads/2026/01/flow_back_lower.png);
	background-size: cover;
}
.home #flow {
	background: url(/wp-content/uploads/2026/01/flow_back.png);
}
#flow .wp-block-columns {
    background: #fde4e3;
    margin: 100px 20px 40px;
    background-position: 20px 50px;
    border-radius: 30px;
}
.home #flow .wp-block-columns {
    background: #fff7c7;
}
#flow .wp-block-columns img {
    position: relative;
    top: -60px;
    left: -20px;
}
#flow .wp-block-columns h2 {
    position: relative;
    top: -60px;
    left: -20px;
}
#flow .wp-block-columns p {
    position: relative;
    top: -60px;
    left: -20px;
	font-size:80%;
}
#message {
	background: url(/wp-content/uploads/2026/01/message_back-1-1.png) no-repeat;
	padding: 5vh 0 5vh;
	background-size: 100%;
}
#message p {
	margin: 50vh 3vw 3vh;
	background:#ffffffbf;
	padding:2em;
	border-radius: 30px;
	font-size: 90%;
}
@media only screen and (max-width: 767px) {
	#message p {
		margin: 20vh 0 3vh;
		background:#ffffffbf;
		padding:2em;
		border-radius: 30px;
		font-size: 80%;
	}
}
#footerButtonArea {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width:700px;
	z-index: 1000;
	background: #fff;
	line-height: 1.2;
}
#footerButtonArea2 {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width:700px;
	z-index: 1000;
	line-height: 1.2;
}
.pt-button {
    position: fixed;
    right: 10px;
    bottom: 150px;
    transform: translateY(50px);
    transition: 0.2s ease-out;
    cursor: pointer;
    background: hsla(0, 0%, 50%, 0.5);
    text-decoration: none;
    width: 50px;
    height: 50px;
    padding: 0;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/*****
下層ページレイアウト
*******/
/*スタッフ紹介*/
#lower_staff {
	background:url(/wp-content/uploads/2026/01/lower_staff_back.png) no-repeat;
}
#lower_staff_photo img {
	border-radius:30px;
}
/*アコーディオンボタン*/
#lower_staff label.accordion_label {
    border: 3px solid #fd908a;
    border-radius: 100px;
    padding: 0.25em 2em 0.25em 2.5em !important;
    background: #ffffff;
    color: #7d6d60;
    left: 50%;
    transform: translateX(-50%);
    font-size: 120%;
}
#lower_staff .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label {
	color: #fff!important;
}
#lower_staff .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::before {
    content: "閉じる";
    left: 3em;
    color: #7d6d60;
}
#lower_staff .accordion.is-style-accordion_type_plain .accordion_label::after {
    left: 10px;
}
#lower_staff .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::after {
    color: #7d6d60;
}
/*報酬実績*/
/*写真上のキャプション*/
#achieve .wp-block-image {
    position: relative;
}
#achieve figcaption.wp-element-caption {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    -webkit-text-stroke: 4px #fd8d8d;
    text-stroke: 4px #fd8d8d;
    paint-order: stroke;
    color: #fff;
    font-size: 90%;
    line-height: 1.5;
}
/*アコーディオンボタン*/
#achieve label.accordion_label {
    border: 3px solid #fd8d8d;
    border-radius: 100px;
    padding: 0.25em 2em 0.25em 2.5em!important;
    background: #fd8d8d;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    font-size: 120%;
}
#achieve .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label {
	color: #fd8d8d!important;
}
#achieve .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::before {
    content: "閉じる";
    left: 3em;
    color: #fff;
}
#achieve .accordion.is-style-accordion_type_plain .accordion_label::after {
    left: 10px;
}
#achieve .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::after {
    color: #fff;
}
#achieve .cbox {
	background:#fff;
	border-radius: 30px;
}
#achieve .cbox .stk_grid__child {
    border: 3px solid #fd8d8d;
    border-radius: 100px;
    padding: 0.25em 2em;
    color: #fd8d8d;
	font-weight:bold;
}
/*体験レビュー*/
/*写真上のキャプション*/
#taiken_review .wp-block-image {
    position: relative;
}
#taiken_review figcaption.wp-element-caption {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    -webkit-text-stroke: 4px #e1bd05;
    text-stroke: 4px #e1bd05;
    paint-order: stroke;
    color: #fff;
    font-size: 90%;
    line-height: 1.5;
}
div#taiken_review img {
    border-radius: 30px;
}
/*選ばれる理由*/
#reason_inner {
	background: url(/wp-content/uploads/2026/01/reason_back.png) no-repeat #fff;
	border: 3px solid #fd8d8d;
	border-radius: 30px;
}
#reason .cbox {
    border-left: none;
    border-radius: 0 30px 30px 0;
    position: relative;
    margin-top: 15vh;
	background: #fff;
	font-size: 90%;
}
#reason .cbox.intitle .span__box_title {
    width: 90%;
    text-align: left;
    font-size: 130%;
}
#reason .cbox img {
    position: absolute;
    top: -15vh;
    right: 0;
	max-width:30%;
}
/*****
チャットレディの報酬例
*******/
#reward {
	background: url(/wp-content/uploads/2026/01/reward_back.png) ;
	padding-top: 15vh;
}
.reward_box {
    border-radius: 30px;
    border-radius: 30px;
}
.reward_box img {
    border-radius: 30px;
}
.reward_box .amount {
    font-weight: bolder;
    text-shadow:/* ① 2pxの白縁（上下左右・斜めを網羅） */
     2px  2px 0 white,
    -2px  2px 0 white,
     2px -2px 0 white,
    -2px -2px 0 white,
     2px  0px 0 white,
    -2px  0px 0 white,
     0px  2px 0 white,
     0px -2px 0 white,
     2px  2px 1px #000;/* 硬い黒のドロップシャドウ */
	border-top: 3px solid #eeee21;
}
.reward_box .amount .amount_matter {
    line-height:1.2;
}
.reward_box .amount .amount_price {
	font-size: 400%;
	color: #fe4c5e;
	line-height:1;
}

/*****
大切にしているおもい
*******/
#about_point {
	background: url(/wp-content/uploads/2026/01/about_back.png) no-repeat;
	padding-top: 15vh;
}
#about_point p {
	text-shadow:/* ① 2pxの白縁（上下左右・斜めを網羅） */
     2px  2px 0 white,
    -2px  2px 0 white,
     2px -2px 0 white,
    -2px -2px 0 white,
     2px  0px 0 white,
    -2px  0px 0 white,
     0px  2px 0 white,
     0px -2px 0 white,
     2px  2px 1px #000;/* 硬い黒のドロップシャドウ */
}
#about_point1 {
	background: url(/wp-content/uploads/2026/01/about_point1_back.png) no-repeat center top;
}
#about_point2 {
	background: url(/wp-content/uploads/2026/01/about_point2_back.png) no-repeat center top;
}
#about_point3 {
	background: url(/wp-content/uploads/2026/01/about_point3_back.png) no-repeat center top;
}
#about_story{
	margin-top: 5vh;
	background: url(/wp-content/uploads/2026/01/about_story_back.png) no-repeat center top #dfdfdf;
	padding: 10vh 3vw 5vh;
}
#about_story_box {
	background:#ffffffbf;
	padding:2em;
	border-radius: 30px;
	font-size: 90%;
	position:relative;
}
#about_story_box img {
	position: absolute;
	bottom: 1vh;
	right: 0;
	width: 50%;
}
/*****
チャットレディのお仕事内容
*******/
#aboutchat p {
	text-shadow:/* ① 2pxの白縁（上下左右・斜めを網羅） */
     2px  2px 0 white,
    -2px  2px 0 white,
     2px -2px 0 white,
    -2px -2px 0 white,
     2px  0px 0 white,
    -2px  0px 0 white,
     0px  2px 0 white,
     0px -2px 0 white,
     2px  2px 1px #000;/* 硬い黒のドロップシャドウ */
}
#aboutchat_point1 {
	background: url(/wp-content/uploads/2026/01/aboutchat_point1_back.png) no-repeat center top;
	padding-top: 15vh!important;
}
#aboutchat_point2 {
	background: url(/wp-content/uploads/2026/01/aboutchat_point2_back.png) no-repeat center top;
}
#aboutchat_point4 {
	background: url(/wp-content/uploads/2026/01/aboutchat_point4_back.png) no-repeat center top;
}
#aboutchat_point5 {
	background: url(/wp-content/uploads/2026/01/aboutchat_point5_back.png) no-repeat center top;
}
#aboutchat_point6 {
	background: url(/wp-content/uploads/2026/01/aboutchat_point6_back.png) no-repeat center top;
}
#aboutchat_point7 {
	background: url(/wp-content/uploads/2026/01/aboutchat_point7_back.png) no-repeat center top;
}
#aboutchat_point8 {
	background: url(/wp-content/uploads/2026/01/aboutchat_point8_back.png) no-repeat center top;
}
#aboutchat_point1 .aboutchat_point_box,
#aboutchat_point2 .aboutchat_point_box,
#aboutchat_point4 .aboutchat_point_box,
#aboutchat_point5 .aboutchat_point_box,
#aboutchat_point6 .aboutchat_point_box,
#aboutchat_point7 .aboutchat_point_box,
#aboutchat_point8 .aboutchat_point_box {
	background:#ffffffbf;
	padding:2em;
	font-size: 90%;
}
/*****
会社概要
*******/
#main_cover h2 {
	text-shadow:/* ① 2pxの白縁（上下左右・斜めを網羅） */
     2px  2px 0 white,
    -2px  2px 0 white,
     2px -2px 0 white,
    -2px -2px 0 white,
     2px  0px 0 white,
    -2px  0px 0 white,
     0px  2px 0 white,
     0px -2px 0 white,
     3px  3px 2px #000;/* 硬い黒のドロップシャドウ */
	letter-spacing:0.3em;
}

#top_about_box {
    margin: 0 10px 10px;
    background: #fff;
    border-color: #fff;
    border-radius: 31px;
    box-shadow: 3px 4px 3px 1px #827063;
    padding: 20px;
}
#top_about_box h2 {
	text-shadow:/* ① 2pxの白縁（上下左右・斜めを網羅） */
     2px  2px 0 white,
    -2px  2px 0 white,
     2px -2px 0 white,
    -2px -2px 0 white,
     2px  0px 0 white,
    -2px  0px 0 white,
     0px  2px 0 white,
     0px -2px 0 white,
     3px  3px 2px #000;/* 硬い黒のドロップシャドウ */
	letter-spacing:0.3em;
}
div#top_about #top_about_box p {
    border:none;
    margin:0 auto;
    box-shadow: none;
}


/*報酬リスト*/
#houshu_list {
	background: url(/wp-content/uploads/2026/01/houshu_back.png);
}
#houshu_list .cbox {
    background: #fff;
    border-radius: 30px;
}
#houshu_list label.accordion_label {
    border: 3px solid #fd8d8d;
    border-radius: 100px;
    padding: 0.25em 2em 0.25em 2.5em!important;
    background: #fd8d8d;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    font-size: 120%;
}
#houshu_list .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label {
	color: #fd8d8d!important;
}

#houshu_list .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::before {
    content: "閉じる";
    left: 6em;
    color: #fff;
}
#houshu_list .accordion.is-style-accordion_type_plain .accordion_label::after {
    left: 10px;
}
#houshu_list .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::after {
    color: #fff;
}

#houshu_list .cboxcomment {
    position: relative;
}
#houshu_list .cboxcomment img {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    display: block;
    border-radius: 30px;
}
#houshu_list .cboxcomment .houshu_pricemax {
    position: absolute;
    top: 3vh;
    right: 0;
    background: #fd8d8d;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
}
@media only screen and (max-width: 767px) {
	#houshu_list .cboxcomment .houshu_pricemax {
		font-size: 75%;
		top: -1vh;
		right: -1vw;
	}
}
p.houshu_name {
    text-align: center;
    text-shadow:/* ① 2pxの白縁（上下左右・斜めを網羅） */
     2px  2px 0 white,
    -2px  2px 0 white,
     2px -2px 0 white,
    -2px -2px 0 white,
     2px  0px 0 white,
    -2px  0px 0 white,
     0px  2px 0 white,
     0px -2px 0 white,
     3px  3px 2px #000;/* 硬い黒のドロップシャドウ */
    color: #fd8d8d;
    font-weight:bold;
    margin: 0 auto;
	line-height: 1.5;
}
p.houshu_price {
 text-align: center;
    text-shadow:/* ① 2pxの白縁（上下左右・斜めを網羅） */
     2px  2px 0 white,
    -2px  2px 0 white,
     2px -2px 0 white,
    -2px -2px 0 white,
     2px  0px 0 white,
    -2px  0px 0 white,
     0px  2px 0 white,
     0px -2px 0 white,
     3px  3px 2px #000;/* 硬い黒のドロップシャドウ */
    color: #fd8d8d;
    font-weight:bold;
    margin: 0 auto;
	line-height: 1.5;
}
#houshu_list .cbox .stk_grid__child {
    border: 3px solid #fd8d8d;
    border-radius: 100px;
    padding: 0.25em 2em;
    color: #fd8d8d;
    font-weight: bold;
}
#houshu_list .wp-block-group.stk-pd-s {
    padding-top: 0 !important;
}
#houshu_list .cbox .stk_grid__child p {
    font-size: 80%;
}
#houshu_list .houshu_comment {
    font-size: 80%;
}
@media only screen and (max-width: 767px) {
	#houshu_list .cbox .stk_grid__child {
		border: 2px solid #fd8d8d;
		border-radius: 100px;
		padding: 0.25em;
		color: #fd8d8d;
		font-weight: bold;
	}
	#houshu_list .cbox .stk_grid__child p {
		font-size: 60%;
	}
}
/*体験レビュー追加分*/
#taiken_review .wp-block-group.stk-pd-s {
    padding-top: 0 !important;
}
#taiken_review .cboxcomment img {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    display: block;
    border-radius: 30px;
}
#taiken_review p.taiken_name {
    text-align: center;
    text-shadow:/* ① 2pxの白縁（上下左右・斜めを網羅） */
     2px  2px 0 white,
    -2px  2px 0 white,
     2px -2px 0 white,
    -2px -2px 0 white,
     2px  0px 0 white,
    -2px  0px 0 white,
     0px  2px 0 white,
     0px -2px 0 white,
     3px  3px 2px #000;/* 硬い黒のドロップシャドウ */
    color: #e1bd05;
    font-weight:bold;
    margin: 0 auto;
	line-height: 1.5;
}
#taiken_review p.taiken_price {
 text-align: center;
    text-shadow:/* ① 2pxの白縁（上下左右・斜めを網羅） */
     2px  2px 0 white,
    -2px  2px 0 white,
     2px -2px 0 white,
    -2px -2px 0 white,
     2px  0px 0 white,
    -2px  0px 0 white,
     0px  2px 0 white,
     0px -2px 0 white,
     3px  3px 2px #000;/* 硬い黒のドロップシャドウ */
    color: #e1bd05;
    font-weight:bold;
    margin: 0 auto;
	line-height: 1.5;
}
#taiken_review .cbox .stk_grid__child p {
    font-size: 80%;
}
#taiken_review .taiken_comment {
    font-size: 80%;
}
@media only screen and (max-width: 767px) {
	#taiken_review .cbox .stk_grid__child {
		border: 2px solid #e1bd05;
		border-radius: 100px;
		padding: 0.25em;
		color: #e1bd05;
		font-weight: bold;
	}
	#taiken_review .cbox .stk_grid__child p {
		font-size: 60%;
	}
}


/**************
テスト2
**************/
.headeroverlay .stk_header:not([data-fixheader=true]) img.custom-logo {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(103%) contrast(101%);
}
.headeroverlay .stk_header:not([data-fixheader=true]) .nav_btn__svgicon, .headeroverlay .stk_header:not([data-fixheader=true]) .nav_btn__svgicon path, .headeroverlay .stk_header:not([data-fixheader=true]) .stk_sns__svgicon {
    transition: fill 0.25s;
    fill: #043a69 !important;
}
div#about_livegive {
    background: url(/wp-content/uploads/2026/03/ver2_about_livegive_back-scaled.png) repeat-y;
	padding: 30px 0 0;
}
div#about_livegive01,
div#about_livegive02{
	width: 80%;
   	background: #fff;
	border-radius:30px;
    margin: 1.6em auto;
	padding: 1em;
}
div#about_livegive02 {
    position: relative;
	width: 80%;
	border-radius:30px;
    margin: 1.6em auto;
	padding: 2em;
    background: url(/wp-content/uploads/2026/03/ver2_about_livegive_02_back.png) no-repeat right bottom #fff;
}
div#about_livegive02 img {
	position: absolute;
	top: -30px;
}
@media only screen and (max-width: 767px) {
	div#about_livegive01,
	div#about_livegive02{
		width: 90%;
	}
}
div#about_livegive_support {
    background: url(/wp-content/uploads/2026/03/ver2_about_livegive_support_back.png) top no-repeat;
	padding: 30px 0;
}
div#about_livegive_support p {
	width: 70%;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	div#about_livegive_support p {
		width: 90%;
		margin: 0 auto;
	}
}
.span-stk-maker-blue, .span__stk_maker_blue {
    background-image: linear-gradient(90deg, #f7c6d9 60%, #D9E1EC);
}
div#whats_chat {
    border-radius: 30px;
    border: 3px solid #043a69;
    margin: 50px 1vw;
    padding: 1px;
}
div#whats_chat_innner {
    border-radius: 30px;
    border: 3px dotted #043a69;
    padding: 2vw;
}
div#whats_chat #whats_title {
    margin-top: -50px;
    position: relative;
}
@media only screen and (max-width: 767px) {
	div#whats_chat {
		margin: 50px 0.5vw;
	}
	div#whats_chat #whats_title {
		margin-top: -20px;
		position: relative;
	}
}
#whats_chat .accordion_content {
    padding: 0;
    box-shadow: none;
}
#voice_area {
        background: url(/wp-content/uploads/2026/03/ver2_dotted_back.png), linear-gradient(0deg, #ffffff 1%, #eef2f7 15%, #f3d8e6 55%, #ffffff 99%);
}
#bonus_ex #bonus_title img,
#experience_voice #voice_title img {
  position: relative;
	z-index: 3;
}

#bonus_ex .vk_slider_item .vk_slider_item-background-area:not([class*=-background-color]),
#experience_voice .vk_slider_item .vk_slider_item-background-area:not([class*=-background-color]){
    background: none;
}
#bonus_ex .stk_step .stk_step__label::after {/*1日のスケジュールのステップ番号削除*/
  display: none;
}
/*選ばれる理由*/
div#why_reason p {
    width: 70%;
    margin: 1.6em auto;
}
#why_reason svg a:hover {
    opacity: 0.8;
}
#why_reason svg g#reason1 {
    animation: yureru-js 2s infinite;
}
#why_reason svg g#reason2 {
    animation: yureru-js 1s infinite;
}
#why_reason svg g#reason3 {
    animation: yureru-js 1.5s infinite;
}
#why_reason svg g#reason4 {
    animation: yureru-js 1.6s infinite;
}
#why_reason svg g#reason5 {
    animation: yureru-js 1.8s infinite;
}

@keyframes yureru-js {
   0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.99);
  }
}
@media only screen and (max-width: 767px) {
    div#why_reason p {
        width: 90%;
        margin: 0 auto;
    }
}
div#why_reason .why_reason4_imgbox img,
div#why_reason .why_reason4_imgbox video {
    border-radius: 20px;
}
div#why_reason .why_reason4_imgbox p {
  width: 100%;
  color: #f58bb0;
	font-size: 80%;
	font-weight:bold;
}
/*ブログ一覧*/
div#staffblog {
    background-image: linear-gradient(180deg, #FFF 10%, #D9E1EC 20%, #F7C6D9 33%, rgba(255, 247, 216, 1) 76%, #AEE1E6, #FFF);
}

/*店舗一覧*/
#shopinfo p {
	font-size:80%;
}
#shopinfo h3 {
	border: none;
  margin: 0 auto 1em;
  padding: 0.5em 2em !important;
  position: relative;
  display: block;
  text-align: center;
  width: fit-content;
}

#shopinfo h3 {
  max-width: 85%;
  max-width: clamp(200px, 85%, 618px);
  margin: 0 auto 0.5em;
}

#shopinfo h3::before,
#shopinfo h3::after {
  content: "";
  display: inline-block;
  position: absolute;
}

#shopinfo h3::before,
#shopinfo h3::after {
  height: 100%;
  width: 1px;
  background: currentColor;
  left: 0;
  top: 0;
  transform: rotate(-20deg);
}

#shopinfo h3::after {
  bottom: auto !important;
  left: auto !important;
  right: 0 !important;
  transform: rotate(20deg);
}
#shopinfo .vk_slider_item .vk_slider_item-background-area:not([class*=-background-color]) {
    background: none;
}
div#shopinfo .swiper img {
	margin: 0 auto;
	display: block;
    border-radius: 30px;
	max-width: 80%;
}
div#shopinfo .shopinfo_comment {
	background:#ffffff8c;
	padding:1em;
}
div#shopinfo .shop_icon .stk_grid__child,
div#lower_shopinfo .shop_icon .stk_grid__child{
    background: #043a69;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
}
div#shopinfo .shop_icon .stk_grid__child.no_service,
div#lower_shopinfo .shop_icon .stk_grid__child.no_service{
    background: #d9d9d9;
}
/*下層ページ*/
div#lower_main_area {
    position: relative;
}
div#lower_main_area #main_title {
    position: absolute;
    top: 500px;
}
@media only screen and (max-width: 700px) {
	div#lower_main_area #main_title {
		position: absolute;
		top: 400px;
	}
}
@media only screen and (max-width: 485px) {
	div#lower_main_area #main_title {
		position: absolute;
		top: 300px;
	}
}
@media only screen and (max-width: 204px) {
	div#lower_main_area #main_title {
		position: absolute;
		top: 150px;
	}
}
div#lower_shopinfo {
    background: url(/wp-content/uploads/2026/03/ver2_about_livegive_back-scaled.png) repeat-y;
    padding: 30px 0;
}
div#lower_shopinfo #lower_shopphoto img {
    box-shadow: 15px 15px 0 #95c4df85;
}
#lower_shopinfo .shopinfo_bonus {
	margin-bottom: 10px;	
}
#lower_shopinfo .shopinfo_bonus .stk_grid__child {
    padding: 10px 0;
    background: #fff;
    color: #e94572;
    border: 3px solid #ff84b1;
}
div#lower_shopinfo_pbox {
    background: #fff;
    border-radius: 30px;
    padding: 2em;
}
/*応募の流れ*/
#oubo_flow .stk_grid__child .wp-block-group {
    box-shadow: 3px 3px 5px #dfdfdf;
    margin: 0 auto;
	width: 90%;
    border: 1px solid #dfdfdf;
    background: #fff;
    border-radius: 30px;
    padding: 30px 0;
}

#oubo_flow .stk_grid__child .wp-block-group p {
    width: 90%;
    margin: 1.6em auto;
}
/*報酬事例*/
@media only screen and (max-width: 767px) {
	#bonus_ex .wp-block-columns,
	#bonus_ex_page .wp-block-columns{
		--block-column-gap: 0.5em;
		gap: 0.5em;
	}
}
.bonus_photo_box {
    box-shadow: 3px 3px 5px #dfdfdf;
    margin: 0 10px 30px;
    border: 1px solid #dfdfdf;
	background: #fff;
}
.bonus_photo_box p {
	line-height:1.5;
}
@media only screen and (max-width: 767px) {
	.bonus_photo_box {
		margin: 0 5px 15px;
	}
}
.bonus_photo_box p:first-child {
    margin-bottom: 0;
}

#bonus_ex img,
#bonus_ex_page img{
	border-radius:20px;
}
#bonus_ex .bonus_price,
#bonus_ex_page .bonus_price{
    font-weight: bold;
	margin-bottom: 0.5em;
}
#bonus_ex .bonus_price mark,
#bonus_ex_page .bonus_price mark{
    font-size: 300%;
    letter-spacing: 0.2em;
	margin-left: 1em;
	line-height: 1;
}
#bonus_ex ul li,
#bonus_ex_page ul li{
	margin: 0;
}
@media only screen and (max-width: 767px) {
	#bonus_ex .bonus_price mark,
	#bonus_ex_page .bonus_price mark{
		font-size: 200%;
		margin-left: 0.5em;
	}
	#bonus_ex ul li,
	#bonus_ex_page ul li{
		font-size: 80%;
	}
}
#bonus_ex ul li::before,
#bonus_ex_page ul li::before{
	color: #7BB6E5;
	left: 0;
}
#bonus_ex .stk_grids,
#bonus_ex_page .stk_grids{
    margin-bottom: 15px;
}
#bonus_ex .stk_grid__child,
#bonus_ex_page .stk_grid__child{
    background: #D9E1EC;
    text-align: center;
    color: #043a69;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px 0;
}
#bonus_ex .stk_grid__child p,
#bonus_ex_page .stk_grid__child p{
	font-size: 80%;
}
#experience_voice .stk_grid__child,
#experience_voice_page .stk_grid__child{
    background: #D9E1EC;
    text-align: center;
    color: #043a69;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px 0;
}
#experience_voice .stk_grid__child p,
#experience_voice_page .stk_grid__child p{
	font-size: 80%;
}
#secret_reason .wp-block-group {
	background: #fff;
    border-radius: 30px;
    border: 1px solid #dfdfdf;
    margin: 5px;
    padding: 0 10px 10px 0;
}
@media only screen and (max-width: 767px) {
	#secret_reason .wp-block-group {
		padding: 0 0 10px 0;
	}
	#secret_reason .wp-block-group p {
		width: 90%;
		margin: 0 auto;
	}
}
div#inner-footer {
    padding-bottom: 100px;
}
/*スライダーフォント設定*/
.swiper-slide {
	font-size: 15px!important;
}
@media only screen and (max-width: 767px) {
	.swiper-slide {
		font-size: 14px!important;
	}
}
.vk_slider .swiper-button-next, .vk_slider .swiper-button-prev, .vk_post_list_slider .swiper-button-next, .vk_post_list_slider .swiper-button-prev {
    background-color: #e6e6e6!important;
}
/*ボタンデザイン*/
.more_button_grad .wp-block-button__link {
    background-image: linear-gradient(90deg, #D9E1EC, #F7C6D9);
    color: #043a69;
    border: 2px solid #043a69;
}
.more_button_grad .wp-block-button__link:hover {
    background-image: linear-gradient(90deg, #F7C6D9, #D9E1EC);
    color: #F58BB0;
}

/*スタッフブログ*/
/* ===== 最新の投稿（Latest Posts）を横スワイプカルーセルに ===== */
a.wp-block-latest-posts__post-title {
    padding: 0 10px;
    display: block;
}
time.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-excerpt {
    padding: 0 10px;
}
.news-carousel .wp-block-latest-posts__list{
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(260px, 1fr) !important;
  gap: 14px !important;

  grid-template-columns: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  padding: 6px 2px 12px;
  margin: 0;
  list-style: none;
}

.news-carousel .wp-block-latest-posts__list > li{
  scroll-snap-align: start;
}
.news-carousel li {
    border: 1px solid #fd8d8d;
    border-radius: 20px;
    background: #fff;
}
/* ===== カルーセル画像の高さ統一 ===== */

/* 画像ラッパー（li内のリンクやfigure） */
.news-carousel li img{
  width:100%;
  height:100%;

  /* ← これが超重要 */
  object-fit: cover;

  display:block;
}

/* 画像エリアの高さ固定（比率指定） */
.news-carousel li a img{
  display:block;
  aspect-ratio: 4 / 3; /* ← おすすめ比率（変更OK） */
  overflow:hidden;
}

/* ===== 横スクロールバーを非表示 ===== */

/* Chrome / Safari */
.news-carousel .wp-block-latest-posts__list::-webkit-scrollbar {
  display: none;
}

/* Firefox */
.news-carousel .wp-block-latest-posts__list {
  scrollbar-width: none;
}

/* IE / Edge（旧） */
.news-carousel .wp-block-latest-posts__list {
  -ms-overflow-style: none;
}

/* ===== ドットナビ ===== */
.news-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:14px;
}

.news-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ddd;
  cursor:pointer;
  transition:.25s;
}

.news-dot.active{
  background:#333;
  transform:scale(1.2);
}
.news-dot{
  width:16px;
  height:4px;
  border-radius:4px;
}
.news-dot.active{
  background:#043a69;
}
/* =====================================================
   ■ LiveGive スタッフブログ UI 最終完成版
   （カテゴリ帯＋NEWリボン＋日付削除＋サイズ調整）
===================================================== */


/* ===============================
   ▼ カード共通
=============================== */
.news-carousel li{
  position:relative;
}


/* ===============================
   ▼ ① カテゴリ＋日付帯
=============================== */

.news-carousel .wp-block-latest-posts__featured-image{
  position:relative;
  overflow:hidden;

  border-radius:18px 18px 0 0;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
}

/* 横いっぱい帯 */
.news-meta-band{
  position:absolute;
  top:0; left:0; right:0;

  z-index:5;

  border-bottom:1px solid rgba(0,0,0,.1);
}

/* 左右50%（同じ幅） */
.news-meta-cat
{
  display:flex;
  align-items:center;

  /* ← 高さ 2/3 に縮小 */
  padding:9px 14px;

  font-size:13px;
  font-weight:900;

  /* 長い文字の崩れ防止 */
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* カテゴリ（左） */
.news-meta-cat{
  background:#F29CA3;
  color:#fff;
  justify-content:center;
}



/* 画像を帯の下に下げる（帯高さに合わせる） */
.news-carousel .wp-block-latest-posts__featured-image > a{
  display:block;
  padding-top:36px;
}



/* ===============================
   ▼ ② タイトル下の日付を削除
=============================== */

/* featured-image 側の疑似要素NEWは殺す（競合防止） */
.news-carousel .wp-block-latest-posts__featured-image::before,
.news-carousel .wp-block-latest-posts__featured-image::after{
  content:none !important;
}

/* li基準 */
.news-carousel ul.wp-block-latest-posts > li{
  position:relative;
}

/* 画像を基準に重ねる */
.news-carousel .wp-block-latest-posts__featured-image{
  position:relative;
}

/* 7日以内以外は非表示 */
.news-carousel .news-new-badge{ display:none; }
.news-carousel li.is-new .wp-block-latest-posts__featured-image .news-new-badge{
  display:flex;
}

/* 斜めリボン本体 */
.news-carousel li.is-new .wp-block-latest-posts__featured-image .news-new-badge{
  position:absolute;
  right:-40px;
  bottom:0;

  width:140px;
  height:44px;

  background:#F29CA3;
  color:#fff;

  transform:rotate(-35deg);
  transform-origin:center;

  z-index:20;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:14px;
  font-weight:900;
  letter-spacing:.10em;
  line-height:1;

  box-shadow:0 12px 24px rgba(0,0,0,.18);
  pointer-events:none;
}

.news-carousel li.is-new .wp-block-latest-posts__featured-image .news-new-badge::after{
  content:"NEW";
}


/*アコーディオン背景*/
#bonus_ex .is-style-accordion_type_default label.accordion_label {
    background: #D9E1EC;
    color: #043a69;
    font-weight: bold;
}

/*スタッフ紹介*/
#staff_info .vk_slider_item_container {
    margin: 10px 0;
    border: 2px solid #dfdfdf;
    border-radius: 20px;
    padding: 20px 0;
    background-image: linear-gradient(150deg, #D9E1EC, #FFF 80%);
    box-shadow: #dfdfdf 1px 1px 5px;
}
#staff_info .staff_info_shop {
    background: #7BB6E5;
    color: #fff;
    padding: 3px 0;
    margin: 0 0 0.5em;
}
#staff_info img {
    border-radius: 20px;
    padding: 0 10px;
}
#staff_info mark {
    font-size: 150%;
    font-weight: bold;
}
#staff_info .staff_info_hash {
    background-image: linear-gradient(150deg, #D9E1EC, #e2f1ff 65%);
    border-radius: 100px;
    margin: 0 0.5em 0.5em;
    padding: 3px 10px;
}
#staff_info .staff_info_comment {
    margin: 0 0.5em 0.5em;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    padding: 0.5em;
    background: #fff;
	font-size:80%;
}
#staff_info .staff_info_comment .accordion_content {
    box-shadow: none;
    padding: 0;
}
/*正社員募集ページ*/
body.page-id-7431 #container {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	background-image: repeating-linear-gradient(180deg, #e9f3fb, #D9E1EC, #0E3A66, #0A2D50)
}
div#recruit_point {
    background: url(/wp-content/uploads/2026/03/recruit_point_back.png) no-repeat top center;
    background-size: cover;
}
div#recruit_reason {
    background: linear-gradient(to top, rgba(255, 245, 248, 1) 0%, rgba(50, 50, 74, 1) 100%);
    padding: 30px 0;
}
div#recruit_reason .wp-block-group {
    margin: 0 auto 10px;
	background: #fff;
    border-radius: 30px;
    width: 70%;
	box-shadow: 0 12px 30px rgba(0,0,0,0.12);
	padding: 28px;
}
@media only screen and (max-width: 767px) {
	div#recruit_reason .wp-block-group {
		width: 90%;
	}
}
div#recruit_benefit {
    background-image: linear-gradient(180deg, rgba(255, 245, 248, 1), #FFF5F8 5%, rgba(156, 138, 203, 0.15) 95%,#fff);
}
div#recruit_benefit .stk_grid__child {
    background: #fff;
    border-radius: 30px;
    padding: 1.5em;
}
div#recruit_benefit .cboxcomment {
    background: #fff;
}
div#recruit_voice {
    background-image: linear-gradient(180deg, #FFF 10%, #D9E1EC 20%, #fff 60%, rgba(255, 247, 216, 1), #FFF);
}
div#recruit_oneday .wp-block-vk-blocks-flow .vk_flow_frame_image {
    display: block;
    margin: 0 auto;
}
div#recruit_oneday .wp-block-vk-blocks-flow .vk_flow_frame_image img {
    border-radius: 100px;
}


/*******************
在宅ページ
*******************/
body.page-id-8759 #container {
	color: #4A3A3A;
}
/*メインCTA*/
#home_main {
  position: relative;
}
#home_main_cta {
    position: absolute;
    bottom: 15%;
    left: 3%;
    z-index: 10;
    width: 60%;
    animation: poyopoyo2 2s ease-out infinite;
    opacity: 1;
}
@media only screen and (max-width: 700px) {
	#home_main_cta {
		width: 80%;
    	left: 0;
		right: 0;
	}
}
@keyframes poyopoyo2 {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

div#home_about_detail {
    background: url(/wp-content/uploads/2026/03/ver2_about_livegive_support_back.png) top no-repeat;
   padding: 30px 0;
}

#home_about_detail .accordion:not(.is-style-accordion_type_simple, .is-style-accordion_type_plain)::before {
    background-color: #fd8d8d;
    color: var(--main-ttl-color);
}
#home_about_detail label.accordion_label:first-letter {
    font-size: 200%;
    color: #c85f74;
    font-style: italic;
}
#home_about_detail label.accordion_label {
    font-size: 120%;
    padding: 10px 20px;
    line-height: 1.2;
}
/*応募の流れ*/
#home_oubo_flow .stk_step__label {
    background: #C85F74;
    color: #fff;
    padding: 0.5em;
    font-size: 120%!important;
    font-weight: bold!important;
}