.loading-container {
  display: none;
}

.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/*--------------------------------------------------------------
	Common
--------------------------------------------------------------*/
html {
	font-feature-settings: "palt";
}

body {
	color: #000;
	background-image: url("../images/bg.jpg");
	background-position: top center;
	background-attachment: fixed;
}
.font-alt,.navbar-custom{
/*	font-family: "YuMincho","Yu Mincho","Hiragino Mincho ProN",serif;*/
	letter-spacing: 1px;
}
.navbar-custom + .main,
.main{
	background:rgba(255,255,255,0.72);
}

.border-radius {
  border-radius: 10px;
}
.message_main{margin-top:0px!important;}
.border-pink{border-color: #D62415!important;}
.border-yellow{border-color: #F0A118!important;}
.border-sky{border-color: #004D99!important;}
.border-blue{border-color: #414C9F!important;}
.border-green{border-color: #00A4A4!important;}
.border-orange{border-color: #ED923F!important;}
.bg-pink{background-color:#D62415;color:#fff;}
.bg-yellow{background-color:#F0A118;color:#fff}
.bg-sky{background-color:#004D99;color:#fff}
.bg-blue{background-color:#293857;color:#fff}
.bg-green{background-color:#00A4A4;color:#fff}
.bg-orange{background-color:#ED923F;}
.bg-gray{background-color:#EAEAEA;}
.bg-dotto{background-image:url("../images/stripe2.png");}
.bg-mask {
  height: 100%;
  background: rgba(255,255,255,0.8);
}
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.table-border > tbody > tr > td, .table-border > tbody > tr > th, .table-border > tfoot > tr > td, .table-border > tfoot > tr > th, .table-border > thead > tr > td, .table-border > thead > tr > th {
    vertical-align: middle;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

.height-100{
	min-height:100px;
	height:100px;
}
.borderline{
	background:#000;
}
.table-fixed{
	table-layout:fixed;
}
@media (max-width:425px){
	
	main{
		padding-bottom:1.5rem;
	}
	
	.bg-fix-box{
	}
	.navbar-custom + .main,
	.main{
		/*//margin-top: 65px;*/
		
	}
	.middle-text {font-size: 12px;}
	.container>.navbar-collapse{
		padding-bottom:8em;
	}
}
/*--------------------------------------------------------------
	Buttons
--------------------------------------------------------------*/
.btn.btn-g {
	background: #dc687e;
	color: #fff;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
}
.btn-primary {
    color: #fff;
    background-color: #6878dc;
    border-color: #6878dc;
    border-radius: 5px; /* 角丸の半径を5pxに設定 */
}
.btn-info {
    border-radius: 5px; /* 角丸の半径を5pxに設定 */
}


.btn-success {
    color: #fff;
    background-color: #6fb198;
    border-color: #6fb198;
	border-radius: 5px; /* 角丸の半径を5pxに設定 */
}
.inquiry_btn {/*女の子募集*/
	background-color:#DF7FA8;
}
.inquiry_btn_pink {/*女の子募集*/
	background-color:#DF7FA8;
}
.inquiry_btn_line {/*女の子募集LINE*/
	background-color:#03b902;
	color: #fff;
}
.inquiry_btn:first-child {
    background-color: #dc687e;
}

.inquiry_btn:nth-of-type(2) {
    background-color: #6878dc;
}
.inquiry_btn:nth-of-type(4){
	background-color: #e1da66;
}
.inquiry_btn:link, .inquiry_btn:visited {
	color: #fff !important;
}
.inquiry_btn_pink:link, .inquiry_btn_pink:visited {
	color: #fff !important;
}

/*.badge{
	background:#000;
	color: #fff;
	border-color: #fff;
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;

}*/
.badge {
    display: inline-block;
    min-width: 18px;
    padding: 2px 4px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    background: #dc687e;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    margin-left: 2px;  /* 追加: テキストとの間隔 */
    position: relative;  /* 追加 */
    top: -1px;  /* 追加: 微調整 */
}
.panel-default>.panel-heading .badge {
  background:#dc687e;
}
.member_toggle .badge {
	background:#dc687e;
	top:30px;
	/*color: #333;*/
}
.yoyaku_btn{
	border-radius: 5px;
    box-shadow: 1px 1px 0px 1px #0c5600;
}
@media (max-width:425px){
	.member_toggle .badge {
		position: absolute;
		top: -3px;
		right: -10px;
	}
	.action-xs.nav-tabs>li.active>a{color:#fff;}
}
/*--------------------------------------------------------------
	Forms
--------------------------------------------------------------*/
/* Selection */
::-moz-selection {
  background: #000;
  color: #fff;
}
::-webkit-selection {
  background: #000;
  color: #fff;
}
::selection {
  background: #000;
  color: #fff;
}

/* Forms common style */
.form-control {
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

  box-sizing: border-box;
}
.form-control:focus {
  border-color: #CACACA;
}

/*--------------------------------------------------------------
	Typography
--------------------------------------------------------------*/
a {
  color: #522e0a;
}
a:hover, a:focus {
  text-decoration: none;
  color: #522e0a;
  outline: 0;
}
.bg-dark a {
  color: #aaa;
}
.bg-dark a:hover, .bg-dark a:focus {
  color: #fff;
}
.bg-white{
		background: #fff;
}
.module-title {
	color: #000;
	font-size: 20px;
	/*font-family:"游ゴシック", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;*/
	/*font-weight:bold;*/
	/*letter-spacing: -1px;*/
	position: relative;
	border-bottom: solid 1px #e6e6e6;
}
.module-title{
	color:#000;
}
.module-title:after {
	/*content:"";
	height: 2px;
	background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #e69190, #E5C12D , #004D99);
	background-size: 10px 1px, 100% 1px;
	border: none;
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;*/
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small{
	font-size:40%;
	letter-spacing: 1px;
}
.module-subtitle {
}
.module-icon {
}
.module-title + .module-subtitle {
}
.side_menu_title h5{
	border-bottom:dashed 1px #777;
	line-height: 1em;
    padding-bottom: 10px;
}
.side_menu_title h5 small {
    letter-spacing: 1px;
    display: inline-block;
}
/* Restaurant module header */
.alt-module-subtitle {
}
.alt-module-subtitle h5 {
}
.text-danger {
	color:#990000;
}
.text-success {
  color: var(--success);
}
.text-info {
  color: var(--info);
}
.text-warning {
  color: var(--warning);
}
@media (max-width:420px){
	.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small{
		display:block;
		padding-bottom: 10px;
   	 margin-top: -5px;
	}
	.module-title {
		font-size: 18px;
		/*font-weight: bold;*/
		/*letter-spacing: -1px;*/
	}
}
/*--------------------------
table
---------------------------*/
.table_reverse.table>thead:first-child>tr:first-child>th{
	border-bottom:solid 1px #ddd;
}
/*--------------------------
footer
---------------------------*/
.footer {
    border-top: solid 1px #ff9bd4;
    padding-top: 2em;
    color: #ff9bd4;
    background: #fff;
}
.footer a {	color:#ff9bd4;
}
/*.footer .widget img {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px;
    border-radius: 8px;
    display: block;
    margin-bottom: 10px;
}*/
.footer .footer_box > div .widget .widget-title{border-bottom: solid 2px #fff;}
.footer .footer_box > div .widget .icon-list li a:before{color:#fff;}
.footer .footer_box > div .widget p{margin-bottom:10px;}
.footer .copyright{
	color:#fff;
}
/*--------------------------------------------------------------
	Navbar
--------------------------------------------------------------*/
.navbar-custom {
    background-color:#fff;
	color: #fff;
}

.navbar-nav>li>a {
    padding-top: 40px;
    padding-bottom: 40px;
	font-size: 16px;
}
.navbar-custom .navbar-brand img{
	height:90px;
}
.navbar-custom .dropdown-menu {
	background: #fff;
    border-left: solid 1px rgba(0,0,0,.15);
    border-right: solid 1px rgba(0,0,0,.15);
    border-top: solid 1px rgba(0,0,0,.15);
	border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.navbar-custom .dropdown-menu:before{
	border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    bottom:100%;
    left:84%;
	border-color: rgba(224, 224, 224, 0);
    border-top-width:11px;
    border-bottom-width:11px;
    border-left-width:11px;
    border-right-width:11px;
    margin-left: -11px;
    margin-bottom: 1px;
    border-bottom-color:#fff;
}
.navbar-custom .dropdown-menu:after{
	border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-bottom-color:#FFFFFF;
}
.navbar-custom .navbar-brand {
  color: #000000;height:100px;
}
.navbar-custom .nav li > a {
  color: #522e0a;letter-spacing: initial;
}
.navbar-custom .dropdown-menu > li > a {
  border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
  color: #333;
}
.navbar-custom .dropdown-menu .dropdown-menu {
  border-left: 1px solid rgba(73, 71, 71, 0.15);
}
.navbar-custom .dropdown-menu.left-side .dropdown-menu {
  border-right: 1px solid rgba(73, 71, 71, 0.15);
}
.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover {
  background: none;
  color: #666;
}
.navbar-custom .dropdown-menu > li > a:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}
.navbar-custom .dropdown-toggle:after {
}
.navbar-custom .navbar-toggle .icon-bar {
  background: #522e0a;
  color: #522e0a;
}
@media screen and (max-width: 768px){
	.navbar-nav>li>a {
		padding: 15px 10px;
		font-size: 12px;
	}
	.navbar-custom .navbar-brand ,.navbar-custom .navbar-brand img {
		height: 47px;
	}
}

.navbar-custom .nav li > a.login-btn {
    padding-top: 0;
    padding-bottom: 0;
    transition: opacity 0.3s ease;
}

.navbar-custom .nav li > a.login-btn:hover {
    opacity: 0.8;
    color: #fff !important;
}

@media screen and (max-width: 768px) {
    .navbar-custom .nav li > a.login-btn {
        margin-top: 7px;
        padding: 6px 20px;
        font-size: 12px;
    }
}
/*@media (max-width:425px){
	.navbar-custom .navbar-brand ,.navbar-custom .navbar-brand img {
		height: 67px;
	}
}
@media (max-width:320px){
	.navbar-custom .navbar-brand ,.navbar-custom .navbar-brand img {
		height: 67px;
	}
}*/
/*--------------------------------------------------------------
	top
--------------------------------------------------------------*/
.loop .item{
	max-width:960px;
	width:960px;
}
@media (max-width:960px){
	.loop .item{
		width:100%;
	}
}
.news_scroll{
	height: 550px;
    overflow: hidden;
	margin-bottom: 1rem;
}
.news_scroll .news_scroll_box{
	overflow-y: scroll;height: inherit;
}
/*--------------------------------------------------------------
	Q&A
--------------------------------------------------------------*/
.question_Box .question_image figure img,
.question_Box .answer_image figure img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.arrow_answer {
    position: relative;
		background: #f1f1f1;
    border: 1px solid #b1b1b1;
    border-radius: 10px;
    width: 75%;
    /* font-size: 11px;*/
    padding: 2%;
}
.arrow_question {
    position: relative;
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 10px;
    width: 75%;
    /* font-size: 11px;*/
    padding: 2%;
}
.arrow_answer {
    float: right;
}
.arrow_question {
    float: left;
}
.arrow_answer:after, .arrow_answer:before, .arrow_question:after, .arrow_question:before {
    top: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_question:after, .arrow_question:before {
    right: 100%;
}
.arrow_answer:after, .arrow_answer:before {
    left: 100%;
}
.arrow_answer:after, .arrow_question:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 8px;
    margin-top: 0;
}
.arrow_answer:after {
    border-left-color: #f1f1f1;
}
.arrow_question:after {
    border-right-color: #fff;
}
.arrow_answer:before, .arrow_question:before {
    border-color: rgba(200, 200, 200, 0);
    border-width: 9px;
    margin-top: -1px;
}
.arrow_answer:before {
    border-left-color: #b1b1b1;
}
.arrow_question:before {
    border-right-color: #c8c8c8;
}
.question_image {
    float: left;
    padding-right: 15px;
}
.answer_image {
    float: right;
    padding-left: 15px;
}
.answer_image img, .question_image img {
    width: 100%
}
.answer_Box, .question_Box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 3%;
}
.answer_kidoku {
    float: right;
    text-align: left;
    margin-right: 7px;
}

/*女の子box*/
.shop-item{
    background-color: #FFFFFF;
    /*border: 1px solid #000;*/
    padding: 10px;
    margin: 0 10px 10px 0;
	border-radius: 10px;
	
}
.shop-item-image {
    border: solid 1px #ccc;
    padding: 5px;
    width: 100%;
    padding-top: 133%;
    position: relative;
    display: inline-block;
    border-radius: 10px;
}
.cast_name{
	margin: 5px auto;
    text-align: center;
	background: #fc1999;
    padding: 3px 0;color:#fff;
	border-radius: 5px;
}
/*.cast_name2{
	margin: 5px auto;
    text-align: center;
	background: linear-gradient(135deg, #D8B56E 0%, #FCEABB 50%, #B8860B 100%); 
    padding: 3px 0;color:#fff;
	border-radius: 5px;
	font-size: 12px;
}*/
/* 元のスタイル */

.cast_name2 {
	margin: 5px auto;
	text-align: center;
	/* おすすめのゴールド系グラデーション */
	/* background: linear-gradient(135deg, #FCEABB 0%, #F8B500 50%, #DAA520 100%); */ /* パターン1: 明るめ */
	background: linear-gradient(135deg, #D8B56E 0%, #FCEABB 50%, #B8860B 100%); /* パターン2: 少し深みのあるリッチゴールド */
	/* background: linear-gradient(45deg, #B68D4C, #E8C77B, #B68D4C); */ /* パターン3: メタリック調 */
	padding: 5px 15px; /* 見栄えのためパディングを少し調整 */
	color: #422D0E; /* ゴールド背景に合う、濃い茶色の文字色 */
	border-radius: 5px;
	font-size: 10px; /* フォントサイズは維持 */
	position: relative; /* 擬似要素配置の基準 */
	overflow: hidden; /* はみ出した光のエフェクトを隠す */
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3); /* 立体感を出す影と内側のハイライト */
	border: 1px solid rgba(136, 86, 11, 0.3); /* 輪郭を少し強調 */
}

/* キラリと光るエフェクト (擬似要素 ::before を使用) */
.cast_name2::before {
	content: '';
	position: absolute;
	top: 0;
	left: -150%; /* 開始位置 (要素の左外) */
	width: 75%;  /* 光の帯の幅 */
	height: 100%;
	/* 白い光のグラデーション (角度、透明度を調整) */
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,        /* 左端は透明 */
		rgba(255, 255, 255, 0.5) 50%,     /* 中央が一番強く光る */
		rgba(255, 255, 255, 0) 100%       /* 右端は透明 */
	);
	transform: skewX(-25deg); /* 光を斜めにする */
	/* アニメーション設定: アニメーション名(shine), 持続時間(3秒), 繰り返し(無限) */
	animation: shine 3s infinite;
    /* 少し遅れて開始させる場合 (例: 0.5秒後) */
    /* animation-delay: 0.5s; */
}

/* キラリと光るアニメーション (@keyframes) の定義 */
@keyframes shine {
	0% {
		left: -150%; /* 開始時の位置 */
	}
	50% {
		/* アニメーションの中間点（例: 1.5秒後）で要素を通過 */
		left: 150%; /* 終了時の位置 (要素の右外) */
	}
    100% {
        /* 終了後、次のループまで同じ位置に留まる */
		left: 150%;
	}
}


.cast_size{
	font-size:14px;
}
.alert-danger {
    color: #ffffff;
    background: linear-gradient(90deg, #FF4D82 0%, #FF6B9F 100%);
    border: none;
}

.alert-info {
   color: #FFFFFF;
   background: linear-gradient(90deg, #B768FF 0%, #D595FF 100%);
}
.alert-success {
   color: #FFFFFF;
   background: linear-gradient(90deg, #4CD964 0%, #5FE777 100%);
   border: none;
}


.realtime_box .well,.realtime_box .alert{
	line-height: 1.3;
    font-size: 1.4rem;
/*    font-weight: bold;*/
    padding: 5px;
    border-radius: 10px;
}
.realtime_box .well div,.realtime_box .alert div{
	background:#fff;
	border-radius: 5px 5px 0 0 ;
	margin-bottom:5px;
	padding: 2px 0;
	border-radius: 5px;
}
.realtime_box .alert-danger div{
	color:#FF4D82;
}
@media (max-width:420px){
	.cast_name{
		line-height:2rem;
	}
	.cast_size{
		font-size:14px;
	}
	.shop-item {
    padding: 5px;
    margin: 0 5px 5px 0;
}
}
@media (max-width:375px){
	.cast_size{
		font-size:14px;
	}
}
@media (max-width:375px){
	.cast_size{
		font-size:14px;
	}
}
/*-----------------------------
	サイド
------------------------------*/
.tel_link{
	font-size:27px;
	font-weight:bold;
}
/*.card .btn.btn-circle.member_Add{
	//background: #e69190;
    //color: #fff;
    border: solid 1px #fff;
    padding: 5px 15px;
    width: 94%;
    font-size: 20px;
    border-radius: 10px;
}*/

.card .btn.btn-circle.member_Add {
    display: block;
    position: relative;
    width: 94%;/*ボタンの幅*/
    padding: 5px 15px;
    margin: 30px auto;
    background-color: #fc1999;/*ボタンの色*/
    border: solid 1px #fc1999;
	border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    transition: 0.2s;
}
.member_Add:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
    box-shadow: none;
    -webkit-transform: translateY(3px);
}
.member_Add::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: member_Add 3s ease-in-out infinite;
}
@-webkit-keyframes member_Add {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.card .btn.btn-circle.recruit_Add {
    display: block;
    position: relative;
    width: 94%;/*ボタンの幅*/
    padding: 5px 15px;
    margin: 30px auto;
    background-color: #ff6b94;/*ボタンの色*/
    border: solid 1px #fff;
	border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    transition: 0.2s;
}
.recruit_Add:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
    box-shadow: none;
    -webkit-transform: translateY(3px);
}
.recruit_Add::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: recruit_Add 3s ease-in-out infinite;
}
@-webkit-keyframes recruit_Add {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}



.side_menu .list-group{
	background: #fff;
    padding: 10px;
}
.side_menu .list-group i{
	font-size:20px;
	color:#fff;
}
.side_menu .list-group .list-group-item{
	padding: 15px 15px 13px;
    background-color: #fc1999;
    color: #fff;
    border-radius: 0px;
    margin: 5px 0;
    font-size: 1.5rem;
}
.side_menu .list-group .list-group-item:nth-of-type(2n){
	background: #fff;
    padding: 10px;
}
.side_menu .list-group .list-group-item:nth-of-type(3n){
	background: #fff;
    padding: 10px; 
}
.side_menu .list-group .list-group-item:nth-of-type(4n){
	background: #fff;
    padding: 10px;
}
.side_menu .list-group .list-group-item:nth-of-type(5n){
	background: #fff;
    padding: 10px;  
}

.banner{
	/*background:#ECE4D6;
	padding:1rem;*/
}
.banner p {
	background: #fff;
	/*padding: 1rem;*/
	text-align:center;
}
.sub_menu_xs{
	padding:10px 0;
	background:#F2F2F2;
}
.sub_menu_xs ul{
	background: #fff;
	list-style:none;
	padding:0;margin:0;
	display: flex;
	flex-wrap: wrap;
	font-size:14px;
}
.sub_menu_xs ul li{
	width:50%;
	border: 1px solid #522e0a;
	margin-bottom: -1px;
	margin-right: -1px;
}
.sub_menu_xs ul li a{
	border-bottom: 0;
	border-right: 0;
	display: block;
	height: auto;
	padding:10px 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
.sub_menu_xs ul li a i{
	color:#000;
}
.w100 {
    width: 100% !important;
}

/*---------------------------
	料金表
----------------------------*/
.price-table{
	background:#f6f6f6;
	padding:2rem;
}
.price-table>table{
	background:#fff;
}
.price-table>tbody>tr{border:solid 1px #000;}
.price-table>table>tbody>tr>td:first-child {
    background: linear-gradient(
        90deg,
        #E667A2 0%, 
        #EB87B2 50%, 
        #F0A7C2 100%
    );
    color: #fff;
    border-bottom: solid 1px #fff;
}
.price-table>table > tbody > tr > td{
	border:solid #fff 1px;
	width:70%;
}
.flow_area .cap2{
	background:#ece4d6;
	padding:5px 10px;
	padding-left:2em;
	line-height: 16px;
}
.flow_area .cap2:first-letter{
	margin-left:-1em;
}
.flow_area .flow_text{
	padding:1em;
	line-height:1.5em;
}
.arrow_flow_under{text-align:center;
font-size:2em;
color:#fc1999;}
/*------------------------------
	指名
-------------------------------*/
table.table-yellow>tbody>tr{border:solid 1px #E5C12D;}
table.table-yellow>tbody>tr>td:first-child{
	background:#E5C12D;
	color:#fff;
	border-bottom:solid 1px #fff;
}
table.table-yellow > tbody > tr > td{border:solid #E5C12D 1px;}
/*------------------------------
	交通費
-------------------------------*/
table.table-green>tbody>tr{border:solid 1px #00994d;}
table.table-green>tbody>tr>td:first-child{
	background:#00994d;
	color:#fff;
	border-bottom:solid 1px #fff;
}
table.table-green > tbody > tr > td{border:solid #00994d 1px;}
/*--------------------------------
	その他
----------------------------------*/
table.table-gray>tbody>tr{border:solid 1px #777;}
table.table-gray>tbody>tr>td:first-child{
	background:#777;
	color:#fff;
	border-bottom:solid #fff 1px;
}
table.table-gray > tbody > tr > td{border:solid #777 1px;}
.price_img_box{
	display:flex;
	justify-content: space-between;
flex-wrap: wrap;
}
.price_img_box p{
	width:calc(100%/6);
	border: solid 1px #ededed;
    padding: 5px;
	text-align:center;
	font-size:12px;
}
@media(max-width:425px){
	.price-table {
  	  padding: 1rem;
	}
	.price-table>table > tbody > tr > td{
		font-size:12px;font-weight:bold;
		
	}
	.price-table>table>tbody>tr>td:first-child{
		font-size:12px;font-weight:bold;
	}
	.price_img_box p{
	width:calc(100%/2);
	border: solid 1px #ededed;
    padding: 5px;
	text-align:center;
	font-size:12px;
}
}
/*------------------------------
	プロフィール
-------------------------------*/
.prof-h2{
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
h5.module-title{
	font-size:18px;
}
.balloon-left {
  position: relative;
  display: inline-block;
  margin: 10px 0;
  padding: 7px;
  /*min-width: 120px;
  max-width: 100%;*/
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #fff;
  border: solid 1px #999;
  box-sizing: border-box;
  border-radius: 10px;
}

.balloon-left:before {
  content: '';
  position: absolute;
  top: 30px;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #999;
  z-index: 2;
}

.balloon-left p {
  margin: 0;
  padding: 0;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.profile_btn .btn-round{
	background:#ebe4cd;
}
.profile_btn > div:nth-of-type(1) > a > div,.profile_btn > div:nth-of-type(3) > a > div{margin:1em 0;}
.table-option{border:solid 1px #333;}
.table-option th{background:#eee;}
.table-option td{text-align: center;}
.table-option-ng{color:#9a9a9a;}
.table_reverse.table>tbody>tr>td{
	vertical-align: middle;border-left: solid 1px #dedede;
	vertical-align: middle;border-right: solid 1px #dedede;
}
.week_table th.sat {
    color: #FFF;
    background: #8b92ab;
}
.week_table th.sun {
    color: #FFF;
    background: #e69190;
}
@media(max-width:425px){
	.profile_btn .col-xs-4:nth-of-type(2){padding-left:0;padding-right:0;}
	.table_reverse.height-100{
		height:auto;
		min-height:inherit;
	}
	.week_table th {
		font-size: 10px;
	}
	.table_reverse thead {
		width: 25%;
	}
	.table_reverse tbody {
		width: 75%;
	}
	.table_reverse tbody tr.height-100 {
		width: 55%;
	}
	.table_reverse tbody tr {
		width: 45%;
	}
	.table_reverse.table>tbody>tr.height-100>td{padding:8px;}
	/*.table_reverse.table>tbody>tr>td{padding:4px;}*/
	
}
/*ブログ*/
.post{
	/*border-top:dashed 2px #e69190;*/
}
/*ランキング*/
.ranking_nav{
	border-bottom:none;
}
.ranking_nav >li{margin-right:10px;}
.ranking_nav >li:nth-of-type(1) {background:#e69190;}
.ranking_nav >li:nth-of-type(2) {background:#E5C12D;}
.ranking_nav >li:nth-of-type(3) {background:#004D99;}
.ranking_nav>li>a{border:none;color:#fff;}
.nav-tabs>li.active>a::after{
	border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    top:100%;
    left:50%;
	border-color: rgba(0, 153, 255, 0);
	border-top-color:#e69190;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{background: #e69190;border:none;color:#fff;}
.nav-tabs>li>a:hover{background:transparent;}
.well.rank_1{background-image: linear-gradient(135deg, #a79756, #faf8c5, #a79756);}
.well.rank_2{background-image: linear-gradient(to top left, #A5A5A5, #BABAC2, #E8E8E8, #A5A5A5, #BABAC2);}
.well.rank_3{background-image: linear-gradient(135deg, #b2634e, #eac3a6, #b2634e);}

@media (max-width:420px){
	.ranking_nav >li{margin-right:3px;}
}
/*-----------------------
	プレイ
------------------------*/
.play_flow ul{
	list-style: none;padding: 12px 25px;
    border: 1px solid #D7D7D7;
    margin: 15px 0 0 0;
    font-size: 14px;
    text-align: left;
	background:#e0e0e073;
}
.play_flow li{
	margin: 12px 0;
    border-radius: 3px;
    padding: 2px 5px;
    background: #fff;
    display: table;
    width: 100%;
    box-sizing: border-box;list-style: none;
}
.play_flow li span{
	color: #A7CC49;
    font-weight: bold;
    font-size: 32px;
    width: 45px;
    text-align: center;
    margin: -8px 10px 0px 10px;
    vertical-align: middle;
    display: table-cell;}
.play_flow li p{
	margin-bottom:0;
}
.play_guide{
	background:#fff;
}
.play_guide h4{
	font-weight: bold;
    border-bottom: solid 2px #e69190;
    color: #e69190;
}
.play_guide .play_guide_content ul{
	border: double 10px #e5c12c;
    margin-left: 0;
    padding-left: 20px;
}
.pgc_h{
	    background: #ece4d6;
    padding: 5px;
    border: dashed #fff 3px;
}
/*つぶやき*/
.msg__contents .msg__left{
	padding:10px;
}
.msg__contents .msg__left figure{
	left:15px;
}
.msg__contents .msg__left p{
	margin-bottom:0;
}
/*-----------------------
	マイページ
-------------------------*/
#breadcrumbs-one{
  background: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  overflow: hidden;
  width: 100%;
	list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

#breadcrumbs-one li{
	width:25%;
}

#breadcrumbs-one span{
  padding: .7em 1em .7em 2em;
  display: block;
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);  
}

#breadcrumbs-one li:first-child span{
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
}

#breadcrumbs-one span:hover{
  background: #fff;
}

#breadcrumbs-one span::after,
#breadcrumbs-one span::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

#breadcrumbs-one span::after{ 
  z-index: 2;
  border-left-color: #ddd;  
}

#breadcrumbs-one span::before{
  border-left-color: #ccc;  
  right: -1.1em;
  z-index: 1; 
}

#breadcrumbs-one span:hover::after{
  border-left-color: #fff;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
  content: normal;  
}
@media(max-width:425px){
	#breadcrumbs-one li:first-child span{
		padding-left:5px;
	}
	#breadcrumbs-one span{
		padding: 5px 5px 5px 17px;
		text-align: right;
	}
}
/*-----------------------------
メッセージ
-------------------------------*/
.min_h_100vh {
min-height: 95vh;
}
/**/
.config table{word-break: break-all;
word-wrap: break-all;}
/*-----------------------------
ローディング
-------------------------------*/
#loading-wrapper { 
  position: fixed;
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: #fefdfd; 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  transition: all 0.3s; 
  z-index: 9999;
} 
loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.completed {
  opacity: 0;
  visibility: hidden;
}
.recruit_contents h3 {
  color: #ff6b94;
  font-size: 20px;
  text-align: center;
}
.recruit_contents h3 small {
  display: block;
  text-align: center;
  font-size: 16px;
}
/* ブラウザの初期設定をクリア */
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

/* 表組の基本設定 */
.filelist dt,
.filelist dd {
  font-size: 16px; /* 文字サイズ */
  padding: 10px; /* 枠内 padding： 数値で指定する */
  float: left;
  border-bottom: 1px solid #ffaac2; /* 罫線の幅と色（以下2行、および dtの定義内、メディアクエリ設定内に同じ属性を設定） */
  border-top: 1px solid white;
  border-right: 1px solid #ffaac2;
  margin-top: -1px; /* border幅：上下罫線の重複を解消 */
}

/* 見出し列 */
.filelist dt {
  border-left: 1px solid #ffaac2; /* 罫線の幅と色（上の基本設定と同じものを指定） */
  margin-left: -1px; /* 左側罫線の重複を解消 */
  background: #ffaac2;
  color: #fff;
}

/* 内容列 */
.filelist dd {
  background-color: #fff; /* 背景色 */
  border-bottom: 1px solid #ffaac2; /* 罫線の幅と色（以下2行、および dtの定義内、メディアクエリ設定内に同じ属性を設定） */
  border-top: 1px solid #ffaac2;
  border-right: 1px solid #ffaac2;
}

/* 表組全体の外枠に該当 */
.filelist {
  width: 100%; /* 列幅の合計 + border幅(1px) x 列数 */
  display: flex; /* 子要素のdtとddを横並びにする */
  flex-wrap: wrap; /* 1つのdtとddで1行になるよう改行させる */
}

/* 見出し列 */
.filelist dt {
  width: 25%; /* 見出し列幅 - border幅(1px) - padding幅(4px) */
}
/* 内容列 */
.filelist dd {
  width: 75%; /* 内容列幅 - border幅(1px) - padding幅(4px) */
}
/* 幅が指定より狭いときは見出し列と内容を上下に表示 */
@media screen and (max-width: 631px) {
  /* 表＋左右マージンを取る事を考えて、幅を指定する */
  .filelist {
    width: 100%;
  }
  .filelist dt,
  .filelist dd {
    width: 95%;
    border-left: 1px solid #ffaac2; /* 罫線復活 */
    margin-left: 0; /* 罫線復活 */
  }
}

.recruit_contents .q {
  padding-left: 60px;
  color: #ff6b94;
  font-size: 24px;
  padding-top: 20px;
  position: relative;
}
.recruit_contents .q::before {
  content: 'Q';
  font-family: 'Dancing Script', cursive;
  font-size: 3em;
  color: #ff6b94;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
}
.recruit_contents .a {
  padding-left: 70px;
  font-size: 18px;
  padding-top: 20px;
  color: #666;
  padding-bottom: 60px;
  line-height: 28px;
  position: relative;
}
.recruit_contents .a::before {
  content: 'A';
  font-family: 'Dancing Script', cursive;
  font-size: 3em;
  color: #ff6b94;
  position: absolute;
  top: 20px;
  left: 20px;
  line-height: 1;
}
.tweet {
  padding: 10px;
  border: solid 1px #91d3f4;
  border-radius: 10px;
  font-size: 12px;
  position: relative;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  line-height: 18px;
}
.tweet .tweet-box {
  overflow: hidden;
  max-height: 370px;
}
.tweet span {
  height: auto;
  display: inline-block;
}
.tweet:after,
.tweet:before {
  right: 100%;
  top: 30px;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tweet:after {
  border-color: rgba(213, 213, 213, 0);
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}
.tweet:before {
  border-color: rgba(0, 0, 0, 0);
  border-right-color: #91d3f4;
  border-width: 11px;
  margin-top: -11px;
}
.girls_border {
  overflow: hidden;
  padding: 0 10px;
	 border-radius: 10px;
}
.girls_border2 {
  overflow: hidden;
  padding: 0 10px;
	 border-radius: 10px;
}
@media (max-width: 320px) {
  .tweet {
    padding: 5px;
    font-size: 10px;
  }
  .tweet .tweet-box {
    max-height: 200px;
  }
}
.option-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.option-container::before {
  content: '';
  display: block;
  width: 24%;
  order: 1;
}
.option-container::after {
  content: '';
  display: block;
  width: 24%;
}
.option-box {
  width: 24%;
  border: solid 1px #ff65a2;
  margin-bottom: 10px;
  height: fit-content;
}
.option-title {
  background: #ff65a2;
  color: #fff;
}
.option-box p {
  border-bottom: solid 1px #ff65a2;
  margin-bottom: 0;
  padding: 10px 5px;
  background: #fff;
  color: #a7004e;
}
.option-price {
  background: #fff;
}
@media (max-width: 425px) {
  .option-container::before {
    width: 49%;
  }
  .option-container::after {
    width: 49%;
  }
  .option-box {
    width: 49%;
  }
}
/* スマホ表示時のプロフィールページ画像を画面幅いっぱいに */
@media (max-width: 767px) {
  .swiper-container-one {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
    margin-right: 0;
    max-width: none;
  }
  
  .swiper-container-one .swiper-slide {
    width: 100vw !important;
  }
  
  .swiper-container-one .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  
  /* ナビゲーションボタンの位置調整 */
  .swiper-button-prev {
    left: 10px;
  }
  
  .swiper-button-next {
    right: 10px;
  }
  
  /* ページネーションの位置調整 */
  .swiper-pagination {
    bottom: 10px;
  }
}
/* 基本スタイル - PCとスマホ両方に適用 */
.video-content {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.video-content video {
  width: 100%;
  height: auto;
  display: block;
}

/* スマホ表示時のみ画面幅いっぱいに */
@media (max-width: 767px) {
  .video-content {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    max-width: none;
  }
}

/* PC表示時のスタイル調整 */
@media (min-width: 768px) {
  .video-content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}