@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/



/****************************** 
 *********** 共通 ************
*******************************/
body {
	font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "游ゴシック体", "Helvetica", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Geneva", "Arial", "Verdana", sans-serif;
	position: relative;
}

/* p,
li {
  font-weight: bold;
} */

/* h2.sec_ttl */
h2.sec_ttl {
	margin-bottom: 1.8em;
	font-size: 2.6rem!important;
	line-height: 1.6;
}

/* h3 */
h3 {
	font-size: 30px!important;
}

/* h4 */
h4 {
	font-size: 26px!important;
	margin-bottom: .5em!important;
}

/* h5 */
h5 {
	font-size: 23px!important;
	line-height: 1.4;
}

/* h6 */
h6 {
	font-size: 20px;
	line-height: 1.4;
}


/* span txtBig */
.txtBig {
	font-size: 3.6rem;
}


/* center_txt 中央寄せ */
.center_txt {
	display: flex;
	justify-content: center;
	align-items: center;
}



/*** h5タイトル背景色の余白（4ステップ・自動ボーナス） ***/
/* 4ステップ */
h5.wp-block-heading.has-text-align-left.is-style-section_ttl.u-mb-ctrl.u-mb-5.has-white-color.has-swl-main-background-color {
  padding: .3em 0 .3em .6em;
}
/* 自動ボーナス */
h5.wp-block-heading.is-style-section_ttl.has-swl-main-background-color.has-text-color.has-background.has-link-color {
  padding: .3em;
}



/* リストグループ */
.has-swl-main-thin-background-color {
	border-radius: 10px;
}



/*** 吹き出し ***/
.is-style-balloon_box2 {
  border-radius: 100px;
  line-height: 1.4;
  min-width: 2em;
  padding: .4em 1.5em;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	border: none;
	background: #F8498B;
}
.is-style-balloon_box2:before {
	border-bottom: 2px solid #F8498B;
  border-right: 2px solid #F8498B;
  bottom: -5px;
  content: "";
	width: 15px;
  height: 15px;
}





/*** 総合窓口banner ***/
.bubble-chat-bound {
  width: 300px;
  padding: 3px !important;
  border-radius: 4px 4px 0 0;
  position: fixed;
  bottom: 0px;
  right: 20px;
  background: none;
	z-index: 3;
}

.contact-banner{
  position: relative;
  width: 290px;
  height: 80px;
  background: #d81b60;
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding-left: 18px;
  box-sizing: border-box;
}

/* 左の丸ロゴ */
.contact-banner .logo{
  width: 62px;
  height: 62px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.contact-banner .logo img{
  width: 90%;
  object-fit: contain;
}

/* テキスト */
.contact-banner .text{
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-left: 14px;
  letter-spacing: 0.5px;
}

/* 右上の×ボタン */
.close-btn{
  position: absolute;
  top: 0px;
  right: 6px;
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}



/*** 縦長banner ***/
.floating-banner {
	position: fixed;
	right: 35px;
	bottom: 50px;
	width: 180px;
  background: #fff;
  box-shadow: 0 0 8px #aaa;
  border-radius: 6px;
  padding: 18px 14px 22px;
  text-align: center;
	z-index: 2;
  /* バナー非表示 */
	opacity: 0;
  visibility: hidden;
	transform: translateY(20px);
  transition: all 0.4s ease;
}
/* 表示時 */
.floating-banner.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.banner-title {
  font-size: 17px;
  font-weight: 600;
  color: #555;
  line-height: 1.4;
  margin-bottom: 18px;
}

.line-btn {
  width: 130px;
  margin: 0 auto 14px;
  padding: 10px 0;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: block;
  transition: 0.3s; 
}

.line-btn:hover {
  opacity: 0.9;
}

.line-btn.green {
  background: #00B901;
}

.line-btn .main {
  display: block;
  font-size: 20px;
  line-height: 1.2;
}

.line-btn .sub {
  display: inline-block;
  margin-top: 6px;
  background: #fff;
  color: inherit;
  padding: 4px 12px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
}

.green .sub {
  color: #00B901;
}

.contact-icons {
  margin-top: 18px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

/* 共通デザイン＋電話アイコン */
.icon-btn {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #F8498B;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  text-decoration: none;
  transition: 0.3s;
}
/* メールアイコン */
.icon-btn.mail {
	background: #FFA63B;
}

.icon-btn:hover {
  opacity: 0.85;
}



/*** キャプションボックス共通 ***/
/* cap_box_ttl */
.cap_box_ttl {
	padding: 1em 1.2em;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
	border-radius: 15px 15px 0 0;
}
/* cap_box_content */
.cap_box_content {
	padding: 4em;
	background: #fff;
	border-radius: 0 0 15px 15px;
	border: 3px solid #F63F80;
}

/*** タイトル横アイコン ***/
/* 動画でセクション */
.top.mv .cap_box_ttl:before {
	content: "";
  position: absolute;
  width: 110%;
  height: 180%;
  top: -50%;
  left: -5%;
  background-image: url(https://allureniigata.jp/wp-content/uploads/2026/07/top-mv01.png), url(https://allureniigata.jp/wp-content/uploads/2026/07/top-mv02.png);
  background-position: 0 0%, 100% 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 16%;
	z-index: -1;
}

/* 何？セクション */
/* cap01 */
.top.what .cap01 .cap_box_ttl:before {
	content: "";
  position: absolute;
  width: 110%;
  height: 300%;
  top: -50%;
  left: -5%;
  background-image: url(https://allureniigata.jp/wp-content/uploads/2026/07/top-what01.png), url(https://allureniigata.jp/wp-content/uploads/2026/07/top-what02.png);
  background-position: 0 0%, 100% 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 11%;
	z-index: -1;
}
/* cap02 */
.top.what .cap02 .cap_box_ttl:before {
	content: "";
  position: absolute;
  width: 110%;
  height: 300%;
  top: -40%;
  left: -5%;
  background-image: url(https://allureniigata.jp/wp-content/uploads/2026/07/top-what-cap02-01.png), url(https://allureniigata.jp/wp-content/uploads/2026/07/top-what-cap02-02.png);
  background-position: 0 0%, 100% 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 11%;
	z-index: -1;
}
/* cap03 */
.top.what .cap03 .cap_box_ttl:before {
	content: "";
  position: absolute;
  width: 110%;
  height: 300%;
  top: -40%;
  left: -5%;
  background-image: url(https://allureniigata.jp/wp-content/uploads/2026/07/top-what-cap03-01.png), url(https://allureniigata.jp/wp-content/uploads/2026/07/top-what-cap03-02.png);
  background-position: 0 0%, 100% 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 11%;
	z-index: -1;
}

/* 報酬システムセクション */
.top.system .cap_box_ttl:before {
	content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -17%;
  left: 0;
  background-image: url(https://allureniigata.jp/wp-content/uploads/2026/07/top-system01.png), url(https://allureniigata.jp/wp-content/uploads/2026/07/top-system02.png);
  background-position: 0 0%, 100% 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 13%;
	z-index: -1;
}

/* 身バレカメラセクション */
.top.pp .cap_box_ttl:before {
	content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -17%;
  left: 0;
  background-image: url(https://allureniigata.jp/wp-content/uploads/2026/07/top-camera01.png), url(https://allureniigata.jp/wp-content/uploads/2026/07/top-camera02.png);
  background-position: 0 0%, 100% 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 16%;
	z-index: -1;
}

/* バーチャルチャットセクション */
.top.vc .cap_box_ttl:before {
	content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -17%;
  left: 0;
  background-image: url(https://allureniigata.jp/wp-content/uploads/2026/07/top-vc01.png), url(https://allureniigata.jp/wp-content/uploads/2026/07/top-vc02.png);
  background-position: 0 0%, 100% 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 16%;
	z-index: -1;
}






/*** テーブル ***/
.wp-block-table td, .wp-block-table th {
	padding: 20px;
}



/*** swell-block-columns中央寄せ ***/
.swell-block-columns__inner {
	justify-content: center;
}



/* roomIntro_list、pp_list、message_listのclmBoxの影 */
.roomIntro_list.swell-block-columns .swell-block-column,
.pp_list.swell-block-columns .swell-block-column,
.message_list.swell-block-columns .swell-block-column {
  padding: 1em .5em;
  box-shadow: 0 0 10px #F9E7E8;
  border-radius: 10px;
}







/****************************** 
 ********* 下層ページ ********
*******************************/

/*** 無駄な余白削除 ***/
/* c-pageTitle */
.c-pageTitle {
	display: none;
}
/* post_content */
.l-mainContent__inner>.post_content {
  margin: 0;
}
/* l-content */
.l-content {
  margin: 0 auto 0em;
  padding-top: 0em;
}


/*** pageHeader ***/

.pageHeader h2 {
	font-size: 2.8rem;
}






/****************************** 
 ********* 共通ボタン ********
*******************************/
.swell-block-button {
	margin-top: 3em!important;
}
.is-style-btn_line a {
	min-width: inherit;
  padding: 1em 4em;
	font-size: 1.5rem;
	font-weight: bold;
	border: none;
	background: #F8498B;
	color: #fff;
	transition: all .3s;
}
.is-style-btn_line a:hover {
	filter: brightness(1.1);
}


/* 下層ぺージリンクボタン */
.l-btn_list {
  max-width: 850px;
	margin: 50px auto 0;
}
.l-btn_list .is-style-btn_line a {
	padding: 0.8em;
	width: 100%;
	font-size: 1.1rem;
}





/****************************** 
 ******* 共通背景ライン ******
*******************************/

/*** 背景ラインピンク ***/
.bgLpk {
	background-size: auto auto;
  background-color: #FFD9E4;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 16px, rgba(255, 229, 229, .6) 16px, rgba(255, 229, 229, .6) 26px);
}
/* h3 */
.bgLpk h3 {
	margin-bottom: .5em;
	font-size: 1.5rem!important;
	color: #F63F80!important;
}



/*** 背景ラインオレンジ ***/
.bgLor {
	background-size: auto auto;
  background-color: rgba(255, 245, 219, 1);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 16px, rgba(255, 242, 212, 1) 16px, rgba(255, 242, 212, 1) 26px);
}

/* キャプションボックス */
/* cap_box_ttl */
.bgLor .cap_box_ttl {
	background: #f5a60f;
}
/* cap_box_content */
.bgLor .cap_box_content {
	border-color: #f5a60f;
}

/* textBox */
.bgLor .textBox {
	margin-top: 2em;
	padding: 2em;
	background: #fff5db;
	border-radius: 20px;
}

/* SWELLボタン */
.bgLor .is-style-btn_line a {
	background: #f5a60f!important;
}




/****************************** 
 ******* 共通背景ドット ******
*******************************/

/*** 背景ドットピンク ***/
.bgDpk {
	background-image: radial-gradient(circle, rgba(255,255,255,.15) 10px, transparent 10px);
  background-position: 0 0;
  background-size: 40px 40px;
}

/*** clmBox clm2 ***/
.bgDpk .clmBox {
	margin-top: 3em;
}

/* clm */
.bgDpk .clmBox.clm2 .clm {
	padding: 3em;
	border-radius: 15px;
	background: #fff!important;
	box-shadow: 8px 8px 0 #F8498B;
}
/* 左 */
.bgDpk .clmBox.clm2 .clm:first-child {
	background: rgba(217,237,178,.4);
}
/* 右 */
.bgDpk .clmBox.clm2 .clm:last-child {
	background: rgba(244,220,233,.4);
}

/* SWELLボタン */
.bgDpk .clmBox .swell-block-button {
	margin-top: 2em!important;
}
.bgDpk .clmBox .is-style-btn_line a {
  padding: .8em 5em;
	font-size: 1.2rem;
}



/*** 背景ドットイエロー ***/

/* 背景 */
.bgDye {
	background-image: radial-gradient(circle, rgba(255,205,0,.07) 10px, transparent 10px);
  background-position: 0 0;
  background-size: 40px 40px;
}

/* キャプションボックス */
/* cap_box_ttl */
.bgDye .cap_box_ttl {
	background: #FFCD00;
}
/* cap_box_content */
.bgDye .cap_box_content {
	border-color: #FFCD00;
}

/* SWELLボタン */
.bgDye .is-style-btn_line a {
	background: #FFCD00!important;
}



/*** 背景ドットブルー ***/
.bgDbl {
	background-image: radial-gradient(circle, rgba(203,239,238,.2) 10px, transparent 10px);
  background-position: 0 0;
  background-size: 40px 40px;
}

/* キャプションボックス */
/* cap_box_ttl */
.bgDbl .cap_box_ttl {
	background: #6AA1E8;
}
/* cap_box_content */
.bgDbl .cap_box_content {
	border-color: #6AA1E8;
}

/* clmBox */
.bgDbl .clmBox {
	padding: 2em;
	background: #fff;
	border-radius: 20px;
}

/* SWELLボタン */
.bgDbl .is-style-btn_line a {
	background: #6AA1E8!important;
}




/*** 背景ドットグリーン ***/
.bgDgr {
	background-image: radial-gradient(circle, rgba(255,255,255,.2) 10px, transparent 10px);
  background-position: 0 0;
  background-size: 40px 40px;
}

/* キャプションボックス */
/* cap_box_ttl */
.bgDgr .cap_box_ttl {
	background: #74BC46;
}
/* cap_box_content */
.bgDgr .cap_box_content {
	border-color: #74BC46;
}

/* SWELLボタン */
.bgDgr .is-style-btn_line a {
	background: #74BC46!important;
}

/* カラム */
.bgDgr .clmBox {
	margin-top: 2em!important;
	padding: 2rem 2rem;
	background: #def9d4;
	border-radius: 20px;
}





/*** 背景ドットパープル ***/
.bgDpp {
	background-image: radial-gradient(circle, rgba(255,255,255,.1) 10px, transparent 10px);
  background-position: 0 0;
  background-size: 40px 40px;
}

/* clmBox */
.bgDpp .clmBox {
	padding: 2em;
	background: #fff;
	border-radius: 20px;
}
/* clmBoxのbgMain */
.bgDpp .clmBox.bgMain {
	padding: 2em;
	background: #F8498B;
	color: #fff;
	border-radius: 20px;
}







/****************************** 
 ********** ヘッダー *********
*******************************/
/***** ヘッダー *****/

/* メニューリンク */
.c-gnav>.menu-item>a .ttl {
	font-size: 15px;
}

/* ヘッダーの説明テキスト */
.l-header__inner .c-catchphrase {
	margin-bottom: 8px;
	font-size: 13px!important;
	font-weight: bold;
	color: #fff;
}
.l-header__inner .c-catchphrase.u-thin {
	opacity: inherit;
}

.l-header__logo {
/* 	display: flex; */
/* 	justify-content: flex-start; */
	
}


/* ヘッダー・追従ヘッダー内を全幅に */
#header .l-container,
.l-fixHeader__inner.l-container {
	max-width: 100%;
}

/* ヘッダーのメニュー共通 */
#header .c-gnav {
	width: 100%;
	max-width: 100%;
	padding: 0 0 10px 0;
	font-weight: bold; 
	color: #fff;
  background: #F8498B;
}
/* hover時の下線 */
#header .c-gnav a::after {
	background: #fff;
	height: 1px;
}

/* メニューの縦線 */
#header .l-container ul.c-gnav li a {
	width: 100%;
	min-width: 130px;
/* 	font-size: 1.2vw!important; */
  border-left: 1px solid #fff;
}
#header .l-container ul.c-gnav li:last-child a {
  border-right: 1px solid #fff;
}
#header .l-container ul.c-gnav li:first-child a {
	border-left: none;
}
#header .l-container ul.c-gnav li:last-child a {
	border-right: none;
}


/***** 追従ヘッダー *****/

/* 追従ヘッダー背景 */
.l-fixHeader:before {
	background: #F8498B;
}

/* 追従ヘッダーのメニュー共通 */
div#fix_header .c-gnav {
	position: inherit;
	padding: 10px 0;
	font-weight: bold;
	color: #fff;
}
/* 縦線 */
div#fix_header .l-container ul.c-gnav li a {
/* 	width: 100%;
	min-width: 80px; */
  border-left: 1px solid #fff;
}
div#fix_header .l-container ul.c-gnav li:first-child a {
	border-left: none;
}
div#fix_header .l-container ul.c-gnav li:last-child a {
	border-right: none;
}

/* 下線 */
div#fix_header .c-gnav a::after {
	background: #fff;
	height: 1px;
}







/****************************** 
 ********** フッター *********
*******************************/
/* フッターウィジェットエリア余白部分削除 */
.w-beforeFooter {
	margin: 2em auto 3em;
}

/*** フッターバナーエリア ***/
@media (min-width: 960px) {
	.footer-banner.pc-py-40 {
    padding-top: 0em !important;
  }
}


/*** フッターメニューエリア ***/

/* フルワイド */
@media (min-width: 960px) {
	.footer-menu.pc-py-60 {
    padding-bottom: 2em !important;
  }
}

/* menu-list */
.footer-menu .menu-list {
	margin-top: 4em!important;
}

/* menu-link */
.footer-menu .menu-list .swell-block-linkList__link {
	font-size: 1.2rem;
}

/* 店舗ボタン */
.footer-menu .menu-list .store_btn {
}
.footer-menu .menu-list .store_btn a {
	display: inline-block;
	padding: .2em 0;
	width: 100%!important;
	font-size: 1.2rem;
	color: #fff;
	background: #F8498B;
	border-radius: 8px;
	transition: all .3s;
}
.footer-menu .menu-list .store_btn a:hover {
	opacity: .8;
}
/* 店舗名 */
.footer-menu .menu-list .store_name {
	font-size: 1.2rem;
}


/*** フッター ***/
.l-footer {
	width: 1200px;
	margin: 0 auto;
	border-top: 1px solid #ddd;
}





/****************************** 
 ****** メインビジュアル *****
*******************************/

/*** PC表示でメインビジュアルの広がりを抑える ***/
@media screen and (min-width: 960px) {
  .p-mainVisual__imgLayer {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }

  .p-mainVisual__imgLayer picture,
  .p-mainVisual__imgLayer img {
    max-width: 1120px;
    width: 100%;
    height: auto!important;
    display: block;
    margin: 0 auto;
  }
}

/*** 次へ・戻るボタン共通 ***/

.swiper-button-next, 
.swiper-button-prev {
	width: 50px;
	height: 50px;
	background: rgba(255,217,228,.8);
	border-radius: 50%;
	transition: all .3s;
}
.swiper-button-next:hover, 
.swiper-button-prev:hover {
	background: #F8498B;
}


/* 次へボタン */
.p-mainVisual .swiper-button-next {
	right: 20px;
}
/* 矢印 */
.swiper-button-next:after {
  border-right: 4px solid;
  border-top: 4px solid;
  right: calc(var(--swiper-nav-size) * -0.05);
}


/* 戻るボタン */
.p-mainVisual .swiper-button-prev {
	left: 20px;
}
.swiper-button-prev:after {
  border-left: 4px solid;
  border-bottom: 4px solid;
  left: calc(var(--swiper-nav-size) * .2);
}



/****************************** 
 ***** 投稿カードデザイン ****
*******************************/

/* カテゴリアイコン */
.c-postThumb__cat:before {
	display: none;
}

/* 表示枚数（一列で4枚に） */
.-sidebar-off .-type-card.-pc-col3 .p-postList__item, .-sidebar-off .-type-thumb.-pc-col3 .p-postList__item {
  width: 25%;
}

/* 投稿カードの余白 */
.-type-card .p-postList__item {
	padding: 0 1em;
}






/****************************** 
 ******* 個別投稿ぺージ ******
*******************************/

/* 下層ページの余白を消したため余白追加 */
.-sidebar-on .l-mainContent,
#sidebar {
	margin-top: 4rem;
}






/****************************** 
 ************* CTA ***********
*******************************/

/* 背景文字 */
.cta {
	position: relative;
}
.cta:before {
	content: "ALLURE";
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translatex(-50%);
	line-height: 1;
	font-size: 15rem;
	font-weight: bold;
	color: rgba(255,255,255,.5);
}

/* h2 sec_ttl */
.cta h2.sec_ttl {
	margin-bottom: .8em!important;
}



/***** cta_content *****/

/*** 共通デザイン ***/
/* 各アイテム */
.cta_content .cta_item {
	padding: 2rem;
	background: #fff;
	border-radius: 10px;
}
/* h3 */
.cta_content .cta_item h3 {
	font-size: 1.6rem!important;
}
/* アイコン */
.cta_content .cta_item .swl-inline-icon:after {
	top: 3px;
	left: -5px;
}
/* SWELLボタン */
.cta_content .swell-block-button {
	margin-top: 0em!important;
}
.cta_content .is-style-btn_line a {
	min-width: 100%;
  padding: .6em 2em .8rem;
	font-size: 1.2rem;
	font-weight: bold;
	border: none;
	color: #fff;
	transition: all .3s;
}


/*** LINEアイテム ***/
/* 各アイテム */
.cta_content .cta_item:first-child {
	box-shadow: -8px 8px 0 #00B901;
}
/* h3 */
.cta_content .cta_item:first-child h3 {
	color: #00B901;
}
/* SWELLボタン */
.cta_content .cta_item:first-child .is-style-btn_line a {
	background: #00B901;
}


/*** 電話アイテム ***/
/* 各アイテム */
.cta_content .cta_item:nth-child(2) {
	box-shadow: -8px 8px 0 #F8498B;
}
/* h3 */
.cta_content .cta_item:nth-child(2) h3 {
	color: #F8498B;
}
/* SWELLボタン */
.cta_content .cta_item:nth-child(2) .is-style-btn_line a {
	background: #F8498B;
}


/*** メールアイテム ***/
/* 各アイテム */
.cta_content .cta_item:last-child {
	box-shadow: -8px 8px 0 #FFA63B;
}
/* h3 */
.cta_content .cta_item:last-child h3 {
	color: #FFA63B;
}
/* SWELLボタン */
.cta_content .cta_item:last-child .is-style-btn_line a {
	background: #FFA63B;
}





/****************************** 
 ********** TOPぺージ ********
*******************************/

/******** 3つの安心セクション ********/
.point {
	overflow: hidden;
}
/* 女性の画像 */
.point:before {
	content: "";
  position: absolute;
  bottom: 0px;
  left: calc(50% + 150px);
  width: 100%;
	max-width: 500px;
  height: 600px;
  background: url(https://allureniigata.jp/wp-content/uploads/2026/07/open.png) no-repeat center / contain;
  z-index: 2;
}


/*** text_content ***/
.point .text_content {
	margin-right: auto;
	width: 70%;
	padding: 4em 3em 3em 3em;
	background-color: #fff!important;
	border-radius: 10px;
	position: relative;
}


/*** text_box ***/
.point .text_content .text_box {
  position: relative;
}

/* 1つ目と2つ目のtext_box */
.point .text_content .text_box:first-child,
.point .text_content .text_box:nth-child(2) {
  margin-bottom: 4em;
	padding-bottom: 2em;
	border-bottom: 1px solid #ddd;
}

/* 数字 */
.point .text_content .text_box:before {
	content: "";
	position: absolute;
	top: -70px;
	left: 0;
	font-size: 4rem;
	font-weight: bold;
	color: rgba(255,217,228,.5);
}
.point .text_content .text_box:first-child:before {
	content: "01";
}
.point .text_content .text_box:nth-child(2):before {
	content: "02";
}
.point .text_content .text_box:last-child:before {
	content: "03";
}




/******* 選ばれる理由セクション *******/

/* reason_list */
.reason .reason_list {
  position: relative;
} 

/* reason_itemの数字 */
.reason .reason_list .reason_item:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
  width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	font-weight: 500;
	color: #fff;
	background: #F8498B;
	border-radius: 100%;
	z-index: ;
}
.reason .reason_list .reason_item:first-child:before {
	content: "01";
}
.reason .reason_list .reason_item:nth-child(2):before {
	content: "02";
}
.reason .reason_list .reason_item:nth-child(3):before {
	content: "03";
}
.reason .reason_list .reason_item:nth-child(4):before {
	content: "04";
}
.reason .reason_list .reason_item:nth-child(5):before {
	content: "05";
}
.reason .reason_list .reason_item:last-child:before {
	content: "06";
}

/* reason_item */
.reason .reason_list .reason_item {
	padding: 0 0 2em 0;
	background: #fff;
	border: 2px solid #F9E7E8;
	border-radius: 10px;
	position: relative;
}

/* reason_itemの画像 */
.reason .reason_list .reason_item img {
	border-radius: 6px 7px 0 0;
}

/* reason_item text_box */
.reason .reason_list .reason_item .text_box {
	padding: 0 1em;
}




/******** 部屋紹介セクション ********/

/* roomIntro_content */
.top.roomIntro .roomIntro_content {
/* 	width: 100%;
	height: auto;
	max-width: 900px; */
	padding: 2em;
	background: #fff;
	border-radius: 20px;
	position: relative;
}

/* roomIntro_list */
.top.roomIntro .roomIntro_content .roomIntro_list {
	padding: 1em;
	background: #FEF2F2;
	border: 2px solid #F9E7E8;
	border-radius: 20px;
}


/*** こだわりの～ ***/

/* setsubi_list */
.top.roomIntro .setsubi_list {
	background: #fff;
	border-radius: 15px;
}

/* setsubi_item */
.top.roomIntro .setsubi_list .setsubi_item {
	padding: 1em;
	background: #FEF2F2;
	border: 2px solid #F9E7E8;
	border-radius: 10px;
}

/* setsubi_item img */
.top.roomIntro .setsubi_list .setsubi_item img {
	border-radius: 7px;
}


/*** おススメ ***/

/* 女性画像 */
.top.roomIntro .clmBox.bgMain:before {
	content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
	transform: translatex(-50%);
  width: 100%;
	max-width: 600px;
  height: 450px;
  background: url(https://allureniigata.jp/wp-content/uploads/2026/07/worry-woman.png) no-repeat center / contain;
}

/*  */
[data-col="gray"] .c-balloon__text {
	font-weight: 600;
	background: rgba(255,255,255,.9);
}






/******** 時給保証セクション ********/

/* hosyo_item */
.top.hosyo .hosyo_content .hosyo_item {
	padding: 1em;
	background: #fff;
	border: 2px solid #F9E7E8;
	border-radius: 15px;
}

/* hosyo_item */
.top.hosyo .hosyo_content .hosyo_item img {
	border-radius: 10px;
}






/******** 6大特典 ********/

/* clmBox */
.top.bgDbl .clmBox {
	margin-top: -50px;
	padding: 5em 2em 2em;
	background: #fff;
	border-radius: 20px;
}

/* 数字デザイン */
.top.bgDbl .clmBox .item_box {
	padding: 1em;
	background: #FEF2F2;
	border: 2px solid #F9E7E8;
	border-radius: 20px;
	position: relative;
}
.top.bgDbl .clmBox .item_box:before {
	content: "";
	position: absolute;
	top: -36px;
	left: 50%;
	transform: translatex(-50%);
  width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	font-weight: 600;
	color: #fff;
	background: #F8498B;
	border-radius: 100%;
	z-index: ;
}
.top.bgDbl .clmBox .item_box:first-child:before {
	content: "01";
}
.top.bgDbl .clmBox .item_box:nth-child(2):before {
	content: "02";
}
.top.bgDbl .clmBox .item_box:nth-child(3):before {
	content: "03";
}
.top.bgDbl .clmBox .item_box:nth-child(4):before {
	content: "04";
}
.top.bgDbl .clmBox .item_box:nth-child(5):before {
	content: "05";
}
.top.bgDbl .clmBox .item_box:last-child:before {
	content: "06";
}

/* 1,2,3つ目のitem_box */
.top.bgDbl .clmBox .item_box:first-child,
.top.bgDbl .clmBox .item_box:nth-child(2),
.top.bgDbl .clmBox .item_box:nth-child(3) {
	margin-bottom: 50px;
}





/******** 4ステップ ********/

/* .step_list */
.step .step_list {
	padding: 2em;
	background: #FEF2F2;
	border: 2px solid #F9E7E8;
	border-radius: 15px;
}
.step .step_list:nth-of-type(1),
.step .step_list:nth-of-type(2),
.step .step_list:nth-of-type(3) {
	margin-bottom: 60px!important;
	position: relative;
}

/* 下矢印 */
.step .step_list:nth-of-type(1):before,
.step .step_list:nth-of-type(2):before,
.step .step_list:nth-of-type(3):before {
  content: "";
  position: absolute;
  bottom: -70px;
  left: 50%;
  margin-left: -40px;
  border: 40px solid transparent;
  border-top: 30px solid #F8498B;
}

/* h3タイトル背景色の余白 */
.step h3.wp-block-heading.has-text-align-left.is-style-section_ttl.u-mb-ctrl.u-mb-5.has-white-color.has-swl-main-background-color {
	padding-left: 20px;
}





/******** メッセージセクション ********/

/* message_content */
.top.stfMsg .message_content {
	width: 100%;
	height: auto;
	max-width: 780px;
	padding: 1em;
	background: #fff;
	border-radius: 20px;
	position: relative;
}
/* 背景の女性 */
.top.stfMsg .message_content:before {
	content: "";
  position: absolute;
  bottom: -130px;
  left: calc(50% + 250px);
  width: 100%;
	max-width: 600px;
  height: 600px;
  background: url(https://allureniigata.jp/wp-content/uploads/2026/07/stfMsg.png) no-repeat center / contain;
  z-index: -1;
}

/* message_list */
.top.stfMsg .message_list {
	padding: 1em;
	background: #FEF2F2;
	border: 2px solid #F9E7E8;
	border-radius: 20px;
}

/* message_list */
.top.stfMsg .message_list h6 {
	margin-bottom: 0;
}





/******** 身バレ対策セクション ********/

/* pp_list */
.pp_list {
	margin-bottom: 2em;
	padding: 1em;
	background: #FEF2F2;
	border: 2px solid #F9E7E8;
	border-radius: 20px;
}

/* pp_content */
.pp_content .pp_item {
	padding: 1em;
	background: #fff;
	border: 2px solid #F9E7E8;
	background: #FEF2F2;
	border-radius: 15px;
}

/* pp_content */
.pp_content .pp_item img {
	border-radius: 10px;
}



/******** QAセクション ********/

/* アコーディオンタイトル */
.swell-block-accordion__title {
  border-radius: 8px;
  padding: 1em 1.8em;
  font-size: 1.2em;
	border: 2px solid #F8498B;
	background: #fff;
	transition: all .3s;
}
/* アコーディオンタイトルの余白 */
.swell-block-accordion__title .swell-block-accordion__label {
	margin-left: 50px;
}
/* hover */
.swell-block-accordion__title:hover {
	color: #F8498B;
}

/* Q */
.swell-block-accordion__title:before {
  position: absolute;
  top: 15px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  color: #F8498B;
  font-weight: bold;
  font-size: 25px;
  font-family: Arial;
  background: #FFD9E4;
  border-radius: 5px;
  content: "Q";
}

/* アコーディオンbody */
.swell-block-accordion__body {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 1.4em 2em;
  background: #FFFBFC;
	border: 2px solid #F8498B;
	border-top: none;
  position: relative;
}
/* アコーディオンbodyテキストの余白 */
.swell-block-accordion__body p {
	margin-left: 55px;
}
/* A */
.swell-block-accordion__body:before {
  position: absolute;
  top: 15px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  font-family: Arial;
  background: #F8498B;
  border-radius: 8px;
  content: "A";
}















/********************************* 
  ↓↓↓↓↓下層ページ↓↓↓↓↓
*********************************/



/****************************** 
 ********* お仕事説明 ********
*******************************/

/*** チャットレディとは？ ***/
.about01 .clmBox {
	padding: 2em;
	background: #fff;
	border-radius: 20px;
}


/*** 特典メリット/デメリット ***/
/* md_list */
.md_list {
  margin: 50px 0;
}

/* md_item */
.md_item {
	background: #fff;
	border-radius: 15px 15px!important;
}
/* md_item */
.md_list .md_item h3 {
	padding: .5em 0;
	border-radius: 15px 15px 0 0!important;
}
/* md_item */
.md_list .md_item p {
	padding: 1em;
}

/* ナチュラル加工で */
.about02 .clmBox {
	padding: 2em;
	background: #fff;
	border-radius: 20px;
}


/*** お仕事までの4ステップ ***/
/* works　step_list */
.works.step .step_list {
	background: #fff;
	border: none!important;
}







/****************************** 
 ********* 報酬・特典 ********
*******************************/

/**** 2つの選べる仕事場所STYLE ****/

/* itemグループデザイン */
.rem.style .has-swl-deep-04-background-color,
.rem.style .has-swl-main-background-color {
	border-radius: 15px 15px 0 0;
}
.rem.style .has-white-background-color {
	border-radius: 0 0  15px 15px;
}

/* 1つ目のitemのチェックと下線 */
.style_list .style_item:first-child .is-style-check_list li:before {
	color: #F09F4D!important;
}
.style_list .style_item:first-child .-list-under-dashed>li {
	border-bottom: 1px dashed #F09F4D;
}
/* 2つ目のitemの下線 */
.style_list .style_item:last-child .-list-under-dashed>li {
	border-bottom: 1px dashed #F8498B;
}


/****** 報酬システムについて ******/
/* アリュールでは女の子に bgMain */
.clmBox.bgMain {
	padding: 2em;
	background: #F8498B;
	color: #fff;
	border-radius: 20px;
}


/**** チャットレディの報酬について ****/

/* リストグループ */
.rem.bgDpp .has-border.-border01 {
	margin: 2em 0;
	padding: 1.5em 4em 1em;
	border-radius: 10px;
	background: rgba(252,255,108,.9);
}
.rem.bgDpp .has-border.-border01 li {
	font-weight: bold;
	color: #333;
	border-bottom: 1px dashed #F8498B;
}


/****** ROOM -お部屋紹介- ******/

/* room_list */
.room_list {
	
}

/* room_item */
.room_list .room_item {
	padding: 1em;
	background: #fff;
	border-radius: 10px;
}


/****** 自動ボーナス制度 ******/

/* bonus_item */
.bonus_list .bonus_item {
  padding: 2em;
	border-radius: 15px;
	background: #fff;
}








/****************************** 
 ******** 在宅について *******
*******************************/

/****** remote01 ******/
/* img */
.remote01 img {
	border-radius: 20px;
	border: 3px solid #F8498B;
}



/****** remote02、04共通 ******/
/* clmBox */
.remote02 .clmBox,
.remote04 .clmBox {
	padding: 2em;
	background: #fff;
	border-radius: 15px;
}
/* img */
.remote02 .clmBox img,
.remote04 .clmBox img {
	border: 3px solid #F8498B;
}
/* txtBox */
.remote02 .clmBox .txtBox,
.remote04 .clmBox .txtBox {
  padding: 1em;
	background: rgba(248,73,139,.1);
  border-radius: 15px;
}




/****** remote03 ******/
/* clmBox */
.remote03 .txtBox {
	padding: 3em;
	background: #fff;
	border-radius: 15px;
	border: 3px solid #F8498B;
	overflow: hidden;
	position: relative;
}
/* 背景 */
.remote03 .txtBox:before {
	content: "";
  position: absolute;
  bottom: -41px;
  right: -1px;
  width: 100%;
	max-width: 410px;
  height: 415px;
  background: url(https://allureniigata.jp/wp-content/uploads/2026/07/zaitakulady.png) no-repeat center / contain;
}

/* img */
.remote03 img {
	margin-top: 80px;
	border-radius: 20px;
	border: 3px solid #F8498B;
}



/****** remote05 ******/
/* clm */
.remote05 .clmBox.clm2 .clm {
	padding: 3em;
	border-radius: 15px;
	background: #fff!important;
	box-shadow: 8px 8px 0 #F8498B;
}
/* 左 */
.remote05 .clmBox.clm2 .clm:first-child {
	background: rgba(217,237,178,.4);
}
/* 右 */
.remote05 .clmBox.clm2 .clm:last-child {
	background: rgba(244,220,233,.4);
}







/****************************** 
 ******* 副業の注意点 ********
*******************************/

/****** sidejob02 ******/
/* フルワイド */
.sidejob02 {
	position: relative;
}
/* 背景画像 */
.sidejob02:before {
	content: "";
  position: absolute;
  bottom: -150px;
  left: calc(50% + 30px);
  width: 100%;
	max-width: 800px;
  height: 600px;
  background: url(https://allureniigata.jp/wp-content/uploads/2026/07/sidejob02-bg.png) no-repeat center / contain;
}
/* txtBox */
.sidejob02 .txtBox {
	width: 100%;
	max-width: 900px;
	padding: 2em 3em;
	background: #fff;
	border: 3px solid #F8498B;
	border-radius: 20px;
}


/****** sidejob03,05共通 ******/
/* txtBox */
.sidejob03 .txtBox,
.sidejob05 .txtBox {
	margin-bottom: 30px;
	padding: 2em 3em;
	background: #fff;
/* 	border: 3px solid #F8498B; */
	border-radius: 20px;
}

/* h3 */
.sidejob03 .txtBox h3,
.sidejob05 .txtBox h3 {
	padding-bottom: .3em;
	border-bottom: 1px solid;
	position: relative;
}
/* 数字 */
.sidejob03 .txtBox_list .txtBox,
.sidejob05 .txtBox_list .txtBox {
	position: relative;
}
.sidejob03 .txtBox_list .txtBox:before,
.sidejob05 .txtBox_list .txtBox:before {
	content: "";
	position: absolute;
	top: -10px;
	right: 43px;
	font-size: 4rem;
	font-weight: bold;
	color: rgba(255,217,228,.5);
}
.sidejob03 .txtBox_list .txtBox:first-child:before,
.sidejob05 .txtBox_list .txtBox:first-child:before {
	content: "01";
}
.sidejob03 .txtBox_list .txtBox:nth-child(2):before,
.sidejob05 .txtBox_list .txtBox:nth-child(2):before {
	content: "02";
}
.sidejob03 .txtBox_list .txtBox:last-child:before,
.sidejob05 .txtBox_list .txtBox:last-child:before {
	content: "03";
}


/****** sidejob04 ******/
/* フルワイド */
.sidejob04 {
	position: relative;
}
/* 背景画像 */
.sidejob04:before {
	content: "";
  position: absolute;
  bottom: -200px;
  left: calc(50% - 30px);
  width: 100%;
	max-width: 800px;
  height: 550px;
  background: url(https://allureniigata.jp/wp-content/uploads/2026/07/sidejob04-bg.png) no-repeat center / contain;
}
/* txtBox */
.sidejob04 .txtBox {
	width: 100%;
	max-width: 800px;
	padding: 2em 3em;
	background: #FFF6C0;
	border: 3px solid #F8498B;
	border-radius: 20px;
}


/****** sidejob04 ******/
/* フルワイド */
.sidejob06 {
	position: relative;
}
/* 背景画像 */
.sidejob06:before {
	content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% + 0px);
  width: 100%;
	max-width: 800px;
  height: 900px;
  background: url("https://allureniigata.jp/wp-content/uploads/2026/07/sidejob06-bg.png") no-repeat center / contain;
}
/* txtBox */
.sidejob06 .txtBox {
	width: 100%;
	max-width: 800px;
	padding: 2em 3em;
	background: #ffff;
	border: 3px solid #F8498B;
	border-radius: 20px;
}







/****************************** 
 ***** チャットレディの声 ****
*******************************/

/**** チャットレディの声 voice01 ****/
/* clmBox */
.voice01 .clmBox {
	padding: 2em 2em 0em;
	background: #fff;
}

/* h4　タイトル */
.voice01 .clmBox h4 {
	padding-bottom: .3em;
	border-bottom: 3px solid;
}

/* imgBox共通 */
.voice01 .clmBox .imgBox.left,
.voice01 .clmBox .imgBox.right {
	position: relative;
}

/* prfBox共通 */
.voice01 .clmBox .imgBox .prfBox {
	position: absolute;
	bottom: 16px;
	width: 100%;
	padding: 1em ;
	color: #fff;
}


/*** imgBox left 画像が左（緑）***/
/* img */
.voice01 .clmBox .imgBox.left .left-img {
	box-shadow: -15px -15px 0 #74BC46;
}
/* prfBox */
.voice01 .clmBox .imgBox.left .prfBox {
	background: rgba(116,188,70,.4);
}
/* h5 */
.voice01 .clmBox .imgBox.left .prfBox h5 {
	padding: .1em 0;
	background: #74BC46;
}


/*** imgBox right 画像が右（ピンク）***/
/* img */
.voice01 .clmBox .imgBox.right .right-img {
	box-shadow: 15px -15px 0 #F8498B;
}
/* prfBox */
.voice01 .clmBox .imgBox.right .prfBox {
	background: rgba(248,73,139,.4);
}
/* h5 */
.voice01 .clmBox .imgBox.right .prfBox h5 {
	padding: .1em 0;
	background: #F8498B;
}



/**** 手書きメッセージ voice02 ****/
/* mess_list */
.bgDpk.voice02 .mess_list {
	margin-top: 50px;
}

/* mess_list img */
.bgDpk.voice02 .mess_list img {
	border: 3px solid #F8498B;
}






/****************************** 
 ********** 店舗一覧 *********
*******************************/

/* store_list */
.store_list {
	margin-top: -56px;
	padding: 2.5em 1.5em 1.5em;
	border: 5px solid #F8498B;
	border-radius: 17px;
}
/* 各地名のタイトル */
.bgDpk.store .has-swl-main-background-color {
	padding: .25em 4em; 
	border-radius: 10px 10px 0 0!important;
}


/**** storeカードデザイン ****/
.store-card {
	height : 100%;
	display: flex;
  flex-direction: column;
  flex-basis: 30%;
  word-wrap: break-word;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 15px;
/*   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
	color: #333;
  text-decoration: none;
  transition: box-shadow 0.3s ease-in-out;
}

.store-card .card-image-box {
	margin-bottom: 0!important;
	height: 200px;
	border-radius: 15px 15px 0 0 ;
  overflow: hidden;
}

.store-card .card-image { 
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}

.store-card .card-box {
  padding: 1em;
}

.store-card .card-sub-title {
	display: inline-block;
	margin-bottom: .5em;
	padding: 0 .5em;
	font-size: .8rem;
	background: #F8498B;
	color: #fff;
	border-radius: 5px;
}

.store-card .card-title {
  margin-bottom: .8rem;
	padding-bottom: .3em;
  font-size: 1.2rem;
  font-weight: bold;color: #F8498B;
	border-bottom: 1px solid;
}

.store-card .card-description {
  margin-bottom: 0.5rem;
	font-size: .9rem;
  line-height: 1.7;
}

.store-card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.store-card:hover img {
  transform: scale(1.1);
}







/****************************** 
 ******** よくある質問 *******
*******************************/

/* 各タイトル */
.bgDpk.faq .has-swl-main-background-color {
	padding: .25em 4em;
	border-radius: 15px;
}
.bgDpk.faq h3 {
	margin-bottom: 1em!important;
}







/****************************** 
 ***** お応募・問い合わせ ****
*******************************/

/* form_box */
.form_box {
	max-width: 1000px;
	margin: 0 auto;
	padding: 2em 3em;
	background: #fff;
	border-radius: 20px;
}

/* trvl_box */
.form_box .trvl_box {
	max-width: 750px;
	margin: 30px auto;
	border-radius: 10px;
}

/* policy_box */
.form_box .policy_box {
	overflow: scroll;
	max-width: 750px;
	height: 250px;
	margin: 0 auto;
	border-radius: 10px;
}


/***** フォームデザイン *****/
/* 各入力欄の背景色 */
.smf-form .smf-text-control__control,
.smf-form .smf-textarea-control__control {
	background: #f9f9f9;
}


/*** 必須 ***/
.smf-item__label__text {
	position: relative;
}
.smf-item__label__text::after {
	position: absolute;
	content: '必須';
	color:  #fff;
	width:  40px;
	height: 20px;
	top: 50%;
	transform: translateY(-50%);
	right: -50px;
	display: grid;
	place-items: center;
	padding-bottom: 0.3rem;
	background: #F8498B;
	border-radius: 30px;
	font-size: 11px;
	font-weight: bold;
}

/* 最後の必須を外す */
.wp-block-snow-monkey-forms-item:nth-child(10) .smf-item__label__text::after {
	display: none;
}
/* 最後のforms-itemに線 */
.wp-block-snow-monkey-forms-item:nth-child(10) {
	padding-top: 2em;
	border-top: 1px solid #ddd;
}


/*** 送信ボタンのデザイン ***/

.smf-action .smf-button-control__control[data-action="confirm"],
.smf-action .smf-button-control__control[data-action="complete"] {
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 2px;
  position: relative;
  padding: 1.3rem 0;
	margin-top: 20px;
  color: #fff;
	background: #F8498B;
	border: none;
	border-radius: 60px;
	width: 350px;
	transition: 0.3s ease-in-out;
	z-index: 0;
}
/* hover */
.smf-action .smf-button-control__control[data-action="confirm"]:hover,
.smf-action .smf-button-control__control[data-action="complete"]:hover {
	filter: brightness(1.1);
}


/* 戻るボタンのデザイン */
.smf-action .smf-button-control__control[data-action="back"] {
	width: 350px;
	padding: 1.2em 0;
	margin-bottom:1em;
	font-size: 1.1rem;
	border-radius: 60px;
}

















/******************************** 
 ***** レスポンシブデザイン ****
*********************************/

@media screen and (max-width: 599px) {
	
	/* h2.sec_ttl */
  h2.sec_ttl {
		margin-bottom: 1.4em;
	  font-size: 1.5rem!important;
	  line-height: 1.6;
  }
	
	.sec_ttl-img img {
		width: 120px!important;
	}

  /* h3 */
  h3 {
		font-size: 1.4rem!important;
  }

  /* h4 */
  h4 {
	  font-size: 20px!important;
	  margin-bottom: .5em!important;
  }

  /* h5 */
  h5 {
	  font-size: 18px!important;
	  line-height: 1.6;
  }

  /* h6 */
  h6 {
		font-size: 16px;
	  line-height: 1.4;
  }
	
	p {
		font-size: .95rem;
	}
	
	li {
    font-size: .9em;
	}


  /* span txtBig */
  .txtBig {
	  font-size: 1.8rem;
  }
	
	
	/*** clmBox_sp（2カラムに） ***/
	/* clmBox_spクラスのリッチカラム幅 */
	.clmBox_sp.swell-block-columns {
		--swl-clmn-mrgn--x: 1rem!important;
    --swl-clmn-mrgn--y: 1rem!important;
	}
	
	/* clmBox_spクラスのアイコン画像 */
	.roomIntro_list.clmBox_sp img,
	.pp_list.clmBox_sp img,
	.message_list.clmBox_sp img {
		width: 65px!important;
		margin-bottom: -.5em;
	}
	/* 上記対象クラスの影 */
	.roomIntro_list.swell-block-columns .swell-block-column,
	.pp_list.swell-block-columns .swell-block-column,
	.message_list.swell-block-columns .swell-block-column {
		padding: .5em .2em;
		box-shadow: 0 0 10px #F9E7E8;
		border-radius: 10px;
	}
	
	/* h5 */
	.clmBox_sp h5 {
		font-size: 1rem!important;
		line-height: 1.4;
	}
	/* p */
	.clmBox_sp p {
		font-size: .8rem!important;
	}
	
	
  /*** h5タイトル背景色の余白（4ステップ・自動ボーナス） ***/
  /* 4ステップ */
  h5.wp-block-heading.has-text-align-left.is-style-section_ttl.u-mb-ctrl.u-mb-5.has-white-color.has-swl-main-background-color {
    padding: .2em 0 .2em .5em;
  }
  /* 自動ボーナス */
  h5.wp-block-heading.is-style-section_ttl.has-swl-main-background-color.has-text-color.has-background.has-link-color {
    padding: .2em;
  }
	

  /* リストグループ */
  .has-swl-main-thin-background-color {
	  border-radius: 10px;
  }


  /*** 吹き出し ***/
  .is-style-balloon_box2 {
    border-radius: 100px;
    line-height: 1.4;
    min-width: 2em;
    padding: .7em 1.6em;
	  font-size: 1rem;
  }
  .is-style-balloon_box2:before {
	  border-bottom: 2px solid #F8498B;
    border-right: 2px solid #F8498B;
    bottom: -5px;
	  width: 13px;
    height: 13px;
  }


  /*** 総合窓口banner ***/
  .bubble-chat-bound {
	  display: none;
  }

  /*** 縦長banner ***/
  .floating-banner {
	  display: none;
  }

	
  /*** キャプションボックス共通 ***/

  /* cap_box_ttl */
  .cap_box_ttl {
	  padding: .8em 1em;
	  font-size: 1.2rem;
	  line-height: 1.6;
	  border-radius: 10px 10px 0 0;
  }
  /* cap_box_content */
  .cap_box_content {
	  padding: 1em;
	  border-radius: 0 0 15px 15px;
	  border: 2px solid #F63F80;
  }
	
	/*** タイトル横アイコン ***/
  /* 動画でセクション */
  .top.mv .cap_box_ttl:before {
    width: 110%;
    height: 180%;
    top: -39%;
    left: -5%;
    background-size: 25%;
  }

  /* 何？セクション */
  /* cap01 */
  .top.what .cap01 .cap_box_ttl:before {
    width: 110%;
    height: 300%;
    top: -30%;
    left: -5%;
    background-size: 14%;
  }
  /* cap02 */
  .top.what .cap02 .cap_box_ttl:before {
    width: 110%;
    height: 300%;
    top: -15%;
    left: -5%;
    background-size: 14%;
  }
  /* cap03 */
  .top.what .cap03 .cap_box_ttl:before {
    width: 110%;
    height: 300%;
    top: -15%;
    left: -5%;
    background-size: 14%;
		z-index: -1;
  }

  /* 報酬システムセクション */
  .top.system .cap_box_ttl:before {
    width: 100%;
    height: 100%;
    top: -18%;
    left: 0;
    background-size: 18%;
  }

  /* 身バレカメラセクション */
  .top.pp .cap_box_ttl:before {
    width: 100%;
    height: 100%;
    top: -15%;
    left: 0;
    background-size: 22%;
  }

  /* バーチャルチャットセクション */
  .top.vc .cap_box_ttl:before {
    width: 100%;
    height: 100%;
    top: -8%;
    left: 0;
    background-size: 22%;
  }
	
	
	
	
	/*** クリックして拡大（スマホ画面幅余白あり） ***/
  @media (max-width:460px) {
	  .lum-lightbox-inner img {
		  width: 100%;
		  object-fit: contain;
	  }
  }



	/****************************** 
   ********* 下層ページ ********
  *******************************/
  /*** pageHeader ***/
	.pageHeader.wp-block-cover {
		min-height: 180px!important;
	}
  .pageHeader h2 {
	  font-size: 1.6rem;
  }



  /****************************** 
   ********* 共通ボタン ********
  *******************************/
  .swell-block-button {
	  margin-top: 0em!important;
  }
  .is-style-btn_line a {
    padding: 1em 3em;
	  font-size: 1rem;
  }

  /* 下層ぺージリンクボタン */
  .l-btn_list {
    max-width: 100%;
	  margin: 0 auto;
  }
  .l-btn_list .is-style-btn_line a {
	  padding: .9em 0.5em;
	  width: 100%;
	  font-size: .8rem;
  }
	
	
	
	
	/****************************** 
   ******* 共通背景ライン ******
  *******************************/

  /*** 背景ラインピンク ***/
  /* h3 */
  .bgLpk h3 {
	  margin-bottom: .5em;
	  font-size: 1.4rem!important;
  }



  /*** 背景ラインオレンジ ***/
  /* textBox */
  .bgLor .textBox {
	  margin-top: 2em;
	  padding: 1em;
	  border-radius: 10px;
  }
	



  /****************************** 
   ******* 共通背景ドット ******
  *******************************/

  /*** 背景ドットピンク ***/
  .bgDpk {
	  background-image: radial-gradient(circle, rgba(255,255,255,.15) 10px, transparent 10px);
    background-position: 0 0;
    background-size: 40px 40px;
  }

  /*** clmBox clm2 ***/
  .bgDpk .clmBox {
	  margin-top: 3em;
  }

  /* clm */
  .bgDpk .clmBox.clm2 .clm {
	  padding: 1.5em;
	  border-radius: 15px;
	  background: #fff!important;
	  box-shadow: 8px 8px 0 #F8498B;
  }

  /* SWELLボタン */
  .bgDpk .clmBox .swell-block-button {
  	margin-top: 2em!important;
  }
  .bgDpk .clmBox .is-style-btn_line a {
    padding: .8em 5em;
	  font-size: 1.2rem;
  }



  /*** 背景ドットブルー ***/
  /* clmBox */
  .bgDbl .clmBox {
	  padding: 2em;
	  border-radius: 15px;
  }



  /*** 背景ドットグリーン ***/
  /* カラム */
  .bgDgr .clmBox {
	  margin-top: 2em!important;
	  padding: 1rem;
	  border-radius: 10px;
  }



  /*** 背景ドットパープル ***/
  /* clmBox */
  .bgDpp .clmBox {
	  padding: 1.5em 1em 1em;
	  border-radius: 15px;
  }
  /* clmBoxのbgMain */
  .bgDpp .clmBox.bgMain {
	  padding: 1.5em;
	  border-radius: 15px;
  }

	
	
	
	
	/****************************** 
   ********** フッター *********
  *******************************/
	/* フッターウィジェットエリア余白部分削除 */
  .w-beforeFooter {
	  margin: 0em auto 3em;
  }
	
 /*** フッターバナー ***/

  /* フルワイド */
	@media not all and (min-width: 960px) {
    .sp-py-20.footer-banner {
      padding-bottom: 2em !important;
			padding-top: 0em!important;
		}
	}
	

  /*** フッターメニューエリア ***/

	/* フルワイド */
	@media not all and (min-width: 960px) {
    .sp-py-40.footer-menu {
      padding-bottom: 1em !important;
			padding-top: 3em!important;
		}
	}
	
	/* ロゴ */
  .footer-menu img {
	  width: 120px!important;
  }

  /* menu-list */
  .footer-menu .menu-list {
	  margin-top: 2em!important;
  }

  /* menu-link */
  .footer-menu .menu-list .swell-block-linkList__link {
	  font-size: 1rem;
  }

  /* 店舗ボタン */
  .footer-menu .menu-list .store_btn {
  }
  .footer-menu .menu-list .store_btn a {
	  display: inline-block;
	  padding: .2em 0;
	  width: 100%!important;
	  font-size: 1rem;
	  border-radius: 5px;
  }

  /* 店舗名 */
  .footer-menu .menu-list .store_name {
	  font-size: 1rem!important;
  }


  /*** フッター ***/
  .l-footer {
	  width: 100%;
  }
	
	
	
	/****************************** 
   ****** メインビジュアル *****
  *******************************/
  /*** 次へ・戻るボタン共通 ***/
  .swiper-button-next, 
  .swiper-button-prev {
	  width: 35px;
	  height: 35px;
		background: #F8498B;
  }

  /* 次へボタン */
  .p-mainVisual .swiper-button-next {
	  right: 10px;
  }
  /* 矢印 */
  .swiper-button-next:after {
    border-right: 3px solid;
    border-top: 3px solid;
    right: calc(var(--swiper-nav-size) * -0.01);
		top: -2px;
  }


  /* 戻るボタン */
  .p-mainVisual .swiper-button-prev {
	  left: 10px;
  }
  .swiper-button-prev:after {
    border-left: 3px solid;
    border-bottom: 3px solid;
    left: calc(var(--swiper-nav-size) * .14);
		top: -2px;
  }
	
	
	
	
	/****************************** 
   ***** 投稿カードデザイン ****
  *******************************/

  /* 表示枚数（一列で4枚に） */
  .-sidebar-off .-type-card.-pc-col3 .p-postList__item, .-sidebar-off .-type-thumb.-pc-col3 .p-postList__item {
    width: 50%;
  }

  /* 投稿カードの余白 */
  .-type-card .p-postList__item {
	  padding: 0 .6em;
  }



	
  /****************************** 
   ******* 個別投稿ぺージ ******
  *******************************/

  /* 下層ページの余白を消したため余白追加 */
  .-sidebar-on .l-mainContent,
  #sidebar {
	  margin-top: 2rem;
  }




  /****************************** 
   ************* CTA ***********
  *******************************/

	/* ALLURE */
  .cta:before {
	  top: -20px;
		left: 50%;
		transform: translatex(-50%);
	  font-size: 6.5rem;
  }


  /***** cta_content *****/

  /*** 共通デザイン ***/
  /* h3 */
  .cta_content .cta_item h3 {
	  font-size: 1.5rem!important;
		margin-bottom: .5em!important;
  }
  /* アイコン */
  .cta_content .cta_item .swl-inline-icon:after {
	  top: 1.5px;
	  left: -5px;
  }
  /* SWELLボタン */
  .cta_content .is-style-btn_line a {
	  min-width: 80%;
	  font-size: 1rem;
  }
	



  /****************************** 
   ********** TOPぺージ ********
  *******************************/

  /******** 3つの安心セクション ********/
  /* フルワイド */
	@media not all and (min-width: 960px) {
    .sp-py-40.point {
      padding-bottom: 12em !important;
      padding-top: 4em !important;
    }
  }
	
  /* 女性の画像 */
  .point:before {
    bottom: -46px;
    left: 50%;
		transform: translatex(-50%);
    width: 100%;
	  max-width: 320px;
    height: 320px;
		background: url(https://allureniigata.jp/wp-content/uploads/2026/07/sp-open.png) no-repeat center / contain;
  }


  /*** text_content ***/
  .point .text_content {
	  width: 100%;
	  padding: 3em 1.5em 4em 1.5em;
  }

  /* 1つ目と2つ目のtext_box */
  .point .text_content .text_box:first-child,
  .point .text_content .text_box:nth-child(2) {
    margin-bottom: 3em;
	  padding-bottom: 1em;
  }

  /* 数字 */
  .point .text_content .text_box:before {
	  top: -45px;
	  left: 0;
	  font-size: 3rem;
  }
	


  /***** 選ばれる理由セクション *****/

  /* reason_itemの数字 */
  .reason .reason_list .reason_item:before {
	  top: 2px;
	  left: 2px;
    width: 40px;
	  height: 40px;
	  font-size: 1.2rem;
  }
	
  /* reason_item */
  .reason .reason_list .reason_item {
		text-align: center;
	  padding: 0 0 1em 0;
  }
	.reason .reason_list .reason_item .text_box {
		padding: 0 .5em;
	}



  /******** 部屋紹介セクション ********/

  /* roomIntro_content */
  .top.roomIntro .roomIntro_content {
	  padding: 1em;
	  background: #fff;
	  border-radius: 20px;
  }

  /* roomIntro_list */
  .top.roomIntro .roomIntro_content .roomIntro_list {
	  padding: 1em;
	  border-radius: 15px;
  }


  /*** おススメ ***/
	
	.top.roomIntro .clmBox.bgMain {
		padding-bottom: 15em;
	}

  /* 女性画像 */
  .top.roomIntro .clmBox.bgMain:before {
    bottom: 0;
    left: 50%;
	  transform: translatex(-50%);
    width: 100%;
	  max-width: 400px;
    height: 280px;
    background: url(https://allureniigata.jp/wp-content/uploads/2026/07/worry-woman.png) no-repeat center / contain;
  }

  /* おススメの吹き出し */
  [data-col="gray"] .c-balloon__text {
		font-size: 1rem;
	  font-weight: 600;
		margin: 30px 0;
	  background: rgba(255,255,255,.9);
  }





  /******** 時給保証セクション ********/

  /* hosyo_item */
  .top.hosyo .hosyo_content .hosyo_item {
	  padding: 1em .5em;
	  border-radius: 15px;
  }

  /* hosyo_item */
  .top.hosyo .hosyo_content .hosyo_item img {
	  border-radius: 10px;
  }






  /******** 6大特典 ********/

  /* clmBox */
  .top.bgDbl .clmBox {
	  margin-top: -40px;
	  padding: 3em 1em 1em;
	  border-radius: 15px;
  }

  /* 数字デザイン */
  .top.bgDbl .clmBox .item_box {
	  padding: 1em .5em;
	  border-radius: 10px;
  }
  .top.bgDbl .clmBox .item_box:before {
	  top: -22px;
    width: 40px;
	  height: 40px;
	  font-size: 1.2rem;
  }
  /* 各アイテムの余白 */
	.top.bgDbl .clmBox .item_box {
		margin-bottom: 1.5em!important;
	}
/* 	.top.bgDbl .clmBox .item_box:nth-last-of-type   {
		margin-bottom: 0!important;
  } */
	





  /******** 4ステップ ********/

  /* .step_list */
  .step .step_list {
	  padding: 1em;
  }
  .step .step_list:nth-of-type(1),
  .step .step_list:nth-of-type(2),
  .step .step_list:nth-of-type(3) {
	  margin-bottom: 40px!important;
  }

  /* 下矢印 */
  .step .step_list:nth-of-type(1):before,
  .step .step_list:nth-of-type(2):before,
  .step .step_list:nth-of-type(3):before {
    bottom: -60px;
    left: 50%;
    margin-left: -35px;
    border: 35px solid transparent;
    border-top: 25px solid #F8498B;
  }





  /****** メッセージセクション ******/

  /* message_content */
  .top.stfMsg .message_content {
	  width: 100%;
	  height: auto;
	  max-width: 780px;
	  padding: 1em;
	  background: #fff;
	  border-radius: 15px;
	  position: relative;
  }
  /* 背景の女性 */
  .top.stfMsg .message_content:before {
    bottom: -12px;
    left: calc(50% - 15px);
	  max-width: 200px;
    height: 200px;
    z-index: 1;
  }

  /* message_list */
  .top.stfMsg .message_list {
	  padding: 1em;
	  border-radius: 10px;
  }
	.message_list.clmBox_sp .swell-block-columns__inner {
		justify-content: inherit;
	}

  /* message_list h5 */
  .top.stfMsg .message_list h6 {
	  margin-bottom: 0;
  }





  /****** 身バレ対策セクション ******/

  /* pp_list */
  .pp_list {
	  margin-bottom: 2em;
	  padding: 1em;
	  border-radius: 15px;
  }

  /* pp_content */
  .pp_content .pp_item {
	  padding: 1em;
	  border-radius: 15px;
  }

  /* pp_content */
  .pp_content .pp_item img {
	  border-radius: 10px;
  }



  /******** QAセクション ********/

  /* アコーディオンタイトル */
  .swell-block-accordion__title {
    border-radius: 8px;
    padding: .6em .6em;
    font-size: 1em;
  }
  /* アコーディオンタイトルの余白 */
  .swell-block-accordion__title .swell-block-accordion__label {
	  margin-left: 40px;
  }

  /* Q */
  .swell-block-accordion__title:before {
    top: 7px;
    left: 7px;
    width: 35px;
    height: 35px;
    font-size: 20px;
    border-radius: 4px;
  }

  /* アコーディオンbody */
  .swell-block-accordion__body {
    border-radius: 0 0 8px 8px;
    padding: .6em .6em;
  }
  /* アコーディオンbodyテキストの余白 */
  .swell-block-accordion__body p {
	  margin-left: 40px;
  }
  /* A */
  .swell-block-accordion__body:before {
    top: 5px;
    left: 7px;
    width: 35px;
    height: 35px;
    font-size: 20px;
    border-radius: 4px;
  }
	
	
	
	
	
	
	
	
	/********************************* 
    ↓↓↓↓↓下層ページ↓↓↓↓↓
  *********************************/



  /****************************** 
   ********* お仕事説明 ********
  *******************************/

  /*** チャットレディとは？ ***/
  .about01 .clmBox {
	  padding: 1.5em;
	  border-radius: 15px;
  }
	/* clmBox h4 */
  .about01 .clmBox h4 {
	  text-align: center!important;
  }


  /*** 特典メリット/デメリット ***/
  /* md_list */
  .md_list {
    margin: 30px 0 0 ;
  }

  /* md_item h3 */
  .md_list .md_item h3 {
	  padding: .5em 0;
	  border-radius: 15px 15px 0 0!important;
  }
  /* md_item p */
  .md_list .md_item p {
	  padding: 1em 1.5em;
  }

  /* ナチュラル加工で */
  .about02 .clmBox {
	  padding: 1.5em;
	  border-radius: 15px;
  }



  /****************************** 
   ********* 報酬・特典 ********
  *******************************/

  /**** 2つの選べる仕事場所STYLE ****/

/* itemグループデザイン */
.rem.style .has-swl-deep-04-background-color,
.rem.style .has-swl-main-background-color {
	border-radius: 15px 15px 0 0;
}
.rem.style .has-white-background-color {
	border-radius: 0 0  15px 15px;
	padding: 1em 1.5em;
}


  /****** 報酬システムについて ******/
  /* アリュールでは女の子に bgMain */
  .clmBox.bgMain {
	  padding: 1.5em;
	  border-radius: 15px;
  }


  /*** チャットレディの報酬について ***/

  /* リストグループ */
  .rem.bgDpp .has-border.-border01 {
	  margin: 1em 0;
	  padding: 1.5em;
  }


  /****** ROOM -お部屋紹介- ******/
  /* room_item */
  .room_list .room_item {
	  padding: 1em;
	  border-radius: 15px;
  }


  /****** 自動ボーナス制度 ******/
  /* bonus_item */
  .bonus_list .bonus_item {
    padding: 1.5em;
	  border-radius: 15px;
  }








  /****************************** 
   ******** 在宅について *******
  *******************************/

  /****** remote01 ******/
  /* img */
  .remote01 img {
	  border-radius: 15px;
	  border: 2px solid #F8498B;
  }



  /****** remote02、04共通 ******/
  /* clmBox */
  .remote02 .clmBox,
  .remote04 .clmBox {
	  padding: 1em;
  }
  /* img */
  .remote02 .clmBox img,
  .remote04 .clmBox img {
		width: 180px!important;
	  border: 2px solid #F8498B;
  }
	/* h4 */
  .remote02 .clmBox h4,
  .remote04 .clmBox h4 {
	  text-align: center!important;
  }
	/* txtBox */
  .remote02 .clmBox .txtBox,
  .remote04 .clmBox .txtBox {
		padding: 1em;
		border-radius: 10px;
  }




  /****** remote03 ******/
  /* clmBox */
  .remote03 .txtBox {
	  padding: 1em 1em 14em;
	  border-radius: 15px;
	  border: 2px solid #F8498B;
  }
  /* 背景 */
  .remote03 .txtBox:before {
    bottom: -25px;
    right: 0px;
    width: 100%;
	  max-width: 260px;
    height: 260px;
  }

  /* img */
  .remote03 img {
	  margin-top: 30px;
	  border-radius: 15px;
	  border: 2px solid #F8498B;
  }



  /****** remote05 ******/
  /* clm */
  .remote05 .clmBox.clm2 .clm {
	  padding: 1.5em;
	  border-radius: 15px;
  }




  /****************************** 
   ******* 副業の注意点 ********
  *******************************/

  /****** sidejob02 ******/
  /* フルワイド */
	@media not all and (min-width: 960px) {
    .sp-py-40.sidejob02 {
      padding-bottom: 13em !important;
      padding-top: 4em !important;
			overflow: hidden;
    }
  }
	
  /* 背景画像 */
  .sidejob02:before {
    bottom: 0px;
    left: 50%;
		transform: translatex(-50%);
    width: 100%;
	  max-width: 600px;
    height: 280px;
		z-index: 2;
  }
	
  /* txtBox */
  .sidejob02 .txtBox {
    padding: 1.5em 1.5em 5em;
	  border: 2px solid #F8498B;
	  border-radius: 15px;
  }


  /****** sidejob03,05共通 ******/
  /* txtBox */
  .sidejob03 .txtBox,
  .sidejob05 .txtBox {
	  margin-bottom: 30px;
	  padding: 1.5em;
	  border-radius: 15px;
  }

  /* h3 */
  .sidejob03 .txtBox h3,
  .sidejob05 .txtBox h3 {
	  padding-bottom: .3em;
  }
  
	/* 数字 */
  .sidejob03 .txtBox_list .txtBox:before,
  .sidejob05 .txtBox_list .txtBox:before {
	  top: -3px;
	  right: 20px;
	  font-size: 3rem;
  }
	

  /****** sidejob04 ******/
  /* フルワイド */
	@media not all and (min-width: 960px) {
    .sp-py-40.sidejob04 {
      padding-bottom: 13em !important;
      padding-top: 4em !important;
			overflow: hidden;
    }
  }
  /* 背景画像 */
  .sidejob04:before {
	  bottom: -0px;
    left: 50%;
		transform: translatex(-50%);
    width: 100%;
	  max-width: 600px;
    height: 250px;
		z-index: 2;
}
	
  /* txtBox */
  .sidejob04 .txtBox {
	  padding: 1.5em 1.5em 3em;
	  border: 2px solid #F8498B;
	  border-radius: 15px;
 }


/****** sidejob06 ******/
/* フルワイド */
	@media not all and (min-width: 960px) {
    .sp-py-40.sidejob06 {
      padding-bottom: 13em !important;
      padding-top: 4em !important;
			overflow: hidden;
    }
  }
  /* 背景画像 */
  .sidejob06:before {
 bottom: -0px;
    left: 50%;
		transform: translatex(-50%);
    width: 100%;
	  max-width: 400px;
    height: 260px;
		z-index: 2;
  }
	
  /* txtBox */
  .sidejob06 .txtBox {
	  padding: 1.5em 1.5em 4em;
	  border: 3px solid #F8498B;
	  border-radius: 20px;
  }







  /****************************** 
   ***** チャットレディの声 ****
  *******************************/

  /**** チャットレディの声 voice01 ****/
  /* clmBox */
  .voice01 .clmBox {
	  padding: 1em;
  }

  /* h4　タイトル */
  .voice01 .clmBox h4 {
		margin-bottom: 0.5em!important;
	  border-bottom: 2px solid;
  }
	
	/*** prfBox ***/
  .voice01 .clmBox .imgBox .prfBox   {
	  bottom: 15px;
	  width: 100%;
	  padding: .5em!important;
  }
	
	/* prfBox内　アイコン */
	.prfBox img {
		width: 110px!important;
	}
	/* prfBox内　アイコン */
	.prfBox p {
		font-size: .6em;
	}
	
	/* h5 */
  .voice01 .clmBox .imgBox .prfBox h5 {
		font-size: 1rem!important;
	  padding: .1em 0;
  }


  /*** imgBox left 画像が左（緑）***/
  /* img */
  .voice01 .clmBox .imgBox.left .left-img {
	  box-shadow: -10px -10px 0 #74BC46;
  }
  /* prfBox */
  .voice01 .clmBox .imgBox.left .prfBox {
	  bottom: 15px;
	  width: 100%;
	  padding: 1em ;
  }


  /*** imgBox right 画像が右（ピンク）***/
	/* 表示順を変更 */
	.order-box .order-content {
		order: 2;
	}
	.order-box img {
		order: 1;
	}

	/* img */
  .voice01 .clmBox .imgBox.right .right-img {
	  box-shadow: 10px -10px 0 #F8498B;
  }


  /**** 手書きメッセージ voice02 ****/
  /* mess_list */
  .bgDpk.voice02 .mess_list {
	  margin-top: 30px;
  }

  /* mess_list img */
  .bgDpk.voice02 .mess_list img {
	  border: 2px solid #F8498B;
  }
	
	
	
	/****************************** 
   ********** 店舗一覧 *********
  *******************************/

  /* store_list */
  .store_list {
	  margin-top: -30px;
	  padding: 1.5em 1em;
	  border: 2px solid #F8498B;
	  border-radius: 15px;
  }
  /* 各地名のタイトル */
  .bgDpk.store .has-swl-main-background-color {
	  padding: .5em 3em; 
	  border-radius: 10px 10px 0 0!important;
  }



  /****************************** 
   ******** よくある質問 *******
  *******************************/

  /* 各タイトル */
  .bgDpk.faq .has-swl-main-background-color {
	  padding: .25em 2em .4em;
	  border-radius: 8px;
  }
  .bgDpk.faq h3 {
	  margin-bottom: 1.5em!important;
  }







  /****************************** 
   ***** お応募・問い合わせ ****
  *******************************/

  /* form_box */
  .form_box {
	  width: 100%;
	  margin: 0 auto;
	  padding: 1.5em;
	  background: #fff;
	  border-radius: 15px;
  }

  /* trvl_box */
  .form_box .trvl_box {
	  width: 100%;
	  margin: 10px auto;
		padding: 1em;
  }

  /* policy_box */
  .form_box .policy_box {
	  width: 100%;
	  height: 200px;
		margin: 20px auto 5px;
		padding: 1em;
	  border-radius: 10px;
  }


  /***** フォームデザイン *****/

  /*** 必須 ***/
  .smf-item__label__text::after {
	  width:  40px;
	  height: 20px;
	  right: -50px;
	  font-size: 11px;
  }

  /* 最後のforms-itemに線 */
  .wp-block-snow-monkey-forms-item:nth-child(10) {
	  padding-top: 1.3em;
  }
	
	/* 年齢のセレクトボタンの幅 */
	.smf-form .smf-select-control .hidden {
		width: 100%;
	}


/*** 送信ボタンのデザイン ***/

.smf-action .smf-button-control__control[data-action="confirm"],
.smf-action .smf-button-control__control[data-action="complete"] {
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 2px;
  position: relative;
  padding: 1rem 0;
	margin-top: 10px;
  color: #fff;
	background: #F8498B;
	border: none;
	border-radius: 60px;
	width: 100%;
	transition: 0.3s ease-in-out;
	z-index: 0;
}
/* hover */
.smf-action .smf-button-control__control[data-action="confirm"]:hover,
.smf-action .smf-button-control__control[data-action="complete"]:hover {
	filter: brightness(1.1);
}


/* 戻るボタンのデザイン */
.smf-action .smf-button-control__control[data-action="back"] {
	width: 100%;
	border-radius: 60px;
	padding: .8em 0;
	margin: .5em 0;
	font-size: 1rem;
}
	

	
	
	
	
}






/****************************** 
 ******* 開閉メニュー内 ******
*******************************/
/*** ハンバーガーメニュー ***/
.l-header {
	z-index: 999;
}

/* メニューアイコン（デフォルト時） */
.-menuBtn .c-iconBtn__icon {
	width: 24px;
	height: 2px;
	background-color: #fff;
	display: grid;
	place-items: center;
	transition: transform .3s;
	
	&::before,
	&::after {
		grid-area: 1 / 1;
		content: '';
		display: block;
		inset: 0;
		width: 24px;
		height: 2px;
		background-color: #fff;
		transition: transform .3s;
	}
	
	&::before {
		transform: translateY(-8px);
	}
	
	&::after {
		transform: translateY(8px);
	}
}

/* メニューアイコン（オープン時） */
[data-spmenu=opened] {
	
	.-menuBtn .c-iconBtn__icon::before {
			transform: rotate(45deg);
	}
	
	.-menuBtn .c-iconBtn__icon {
		background-color: transparent;
	}
	
	.-menuBtn .c-iconBtn__icon::after {
		transform: rotate(-45deg);
	}
}

/* ボタンラベル */
.l-header__menuBtn .c-iconBtn::after,
.p-spMenu__closeBtn .c-iconBtn::after {
	font-size: 10px;
	line-height: 10px;
	transform: translateY(12px);
}

/* ボタンラベル（開くボタン） */
.l-header__menuBtn .c-iconBtn::after {
/* 	content: 'MENU'; */
}

/* ボタンラベル（閉じるボタン） */
.p-spMenu__closeBtn .c-iconBtn::after {
/* 	content: 'CLOSE'; */
}

/* メニュー */
.p-spMenu__inner {
  width: 100%;
  height: 100%;
  transform: translateX(0)!important;
  opacity: 0;
  transition: opacity .5s ease-out!important;
}

/* メニュー（オープン時） */
[data-spmenu="opened"] .p-spMenu__inner {
  opacity: 1;
}

/* 背景色をぼかす */
.p-spMenu__inner::before {
	background: #FEF3F0;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

/* メニューをフェードイン */
.p-spMenu__body {
	opacity: 0;
	transform: translateY(20px);
}

[data-spmenu="opened"] .p-spMenu__body {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 1s ease-in, transform .7s ease-out;
}

/* 既存のメニューを削除 */
.c-widget__title.-spmenu,
.p-spMenu__nav {
  display:none;
}



/* 各リンクのボーダー */
.sp-link_list a {
	padding-bottom: .4em;
  border-bottom: 1px solid rgba(64,42,26,.2);
}


/*** cta 共通デザイン ***/
.cta_content.sp-menu {
  color: #402a1a;
}
/*  */
.cta_content.sp-menu .cta_item {
	padding: 1em;
}
/* h3 */
.cta_content.sp-menu .cta_item h3 {
	font-size: 1.3rem!important;
  margin-bottom: 0.2em!important;
}
/* アイコン */
.cta_content.sp-menu .cta_item .swl-inline-icon:after {
	top: 1.5px;
	left: -5px;
}
/* SWELLボタン */
.cta_content.sp-menu .is-style-btn_line a {
	min-width: 80%;
	font-size: 1rem;
}






/****************************** 
 ******* sp固定フッター ******
*******************************/
/* 固定フッターSP */
#fix_bottom_menu .menu_list{
	overflow: hidden;
	color: #fff;
}
/* ボタンのリンク判定幅調整 */
#fix_bottom_menu .menu-item a{
	padding: 100% 0;
}

/* 1つ目のボタンの背景色 */
#fix_bottom_menu .menu-item:nth-child(1) a{
	background: #00B901;
}
/* 2つ目のボタンの背景色 */
#fix_bottom_menu .menu-item:nth-child(2) a{
	background: #F8498B;
}
/* 3つ目のボタンの背景色 */
#fix_bottom_menu .menu-item:nth-child(3) a{
	background: #FFA63B;
}