/*--------------------------
	common
4:FF2B99
3:ff9776
2:ffd5be
1:ffedff
---------------------------*/
body{color:#333333;}
.border-pink{border-color: #737373!important;}
.border-yellow{border-color: #ff9776!important;}
.border-sky{border-color: #5bc0de!important;}
.border-blue{border-color: #414C9F!important;}
.border-green{border-color: #aae89a!important;}
.border-orange{border-color: #ED923F!important;}
.bg-pink{background-color:#737373;color:#fff;}
.bg-yellow{background-color:#ff9776;color:#fff}
.bg-sky{background-color:#5bc0de;color:#fff}
.bg-blue{background-color:#414C9F;color:#fff}
.bg-green{background-color:#aae89a;color:#fff}
.bg-orange{background-color:#ED923F;}
.bg-gray{background-color:#EAEAEA;}
/*--------------------------
	サイドメニュー
---------------------------*/
.side_menu .list-group .list-group-item {
    background-color: #fff; /* 背景色は白のまま */
    color: #333333;       /* 文字色は黒系のまま */
    border: solid 1px #ff9bd4; /* ボーダーの色をピンクに変更 */
    border-radius: 5px;      /* 角丸を追加 (半径5px) */
}
.side_menu .list-group i{color:#000;}/*アイコン*/
.side_menu .list-group{background:#f6f6f6;}/*大枠*/
.card .btn.btn-circle.member_Add {
  background: #ff9bd4; /* ピンク色に変更 */
  color: #fff;
  border: none;
  /* シャドウカラーもピンク系の色に調整 */
  box-shadow: 0 2px 4px rgba(255, 155, 212, 0.4);
  transition: all 0.3s ease;
}
.card .btn.btn-circle.member_Add:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(230, 103, 162, 0.4);
}

.card .btn.btn-circle.member_Add:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(56, 184, 200, 0.4);
}
.nav.navbar-nav .fa {
    color: #ff9bd4;
}
.navbar-custom .nav li > a {
    color: #333333;
    font-size: 10px;
}
.banner{background:#ece4e4;}/*系列店舗の大枠背景*/
.banner p{background: #fff;}/*各店舗の背景*/

/*---------------------------
	ヘッダー
---------------------------*/
.navbar-custom .nav li > a {color: #333333;}
/*--------------------------
	footer
---------------------------*/
.footer .footer_box > div:nth-of-type(1) .widget .widget-title{border-color:#ff9bd4;}
.footer .footer_box > div:nth-of-type(2) .widget .widget-title{border-color:#ff9bd4;}
.footer .footer_box > div:nth-of-type(3) .widget .widget-title{border-color:#ff9bd4;}
.footer .footer_box > div:nth-of-type(4) .widget .widget-title{border-color:#ff9bd4;}
.footer .footer_box > div:nth-of-type(5) .widget .widget-title{border-color:#ff9bd4;}
.footer .footer_box > div:nth-of-type(1) .widget .icon-list li a:before{color:#ff9bd4}
.footer .footer_box > div:nth-of-type(2) .widget .icon-list li a:before{color:#ffff9bd4f}
.footer .footer_box > div:nth-of-type(3) .widget .icon-list li a:before{color:#ff9bd4}
.footer .footer_box > div:nth-of-type(4) .widget .icon-list li a:before{color:#ff9bd4}
.footer .footer_box > div:nth-of-type(5) .widget .icon-list li a:before{color:#ff9bd4}
/*---------------------------
	文字
---------------------------*/
a {color: #333333;}
a:hover, a:focus {color: #111;}
.bg-dark a {color: #aaa;}
.bg-dark a:hover, .bg-dark a:focus {color: #fff;}
.bg-white{background: #fff;}
.text-danger {color:#ff6ea0;}
.text-success {color: var(--success);}
.text-info {color: #92D3F4;}
.text-warning {color: #fac082;}
.module-title{color:#7c594f;}
.module-title:first-letter{color:#404040;}
.module-title:after {background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #404040, #404040 , #fff);}
.side_menu_title h5{border-bottom:dashed 1px #777;}
/*--------------------------
	top
----------------------------*/
.btn-pink {
    color: #fff;
    background-color: #dc687d;
}
	.sub_menu_xs ul li{
		border: 1px solid #dc687d;
	}
	.sub_menu_xs ul li a i{
		color:#E667A2;
	}
.news_box ul li .date {
    background: none repeat scroll 0 0 #f28ac1;
    color: #ffffff;
    font-size: 11px;
    padding: 3px 7px 2px;
    border-radius: 4px;
    display: inline-block;
}
.news_box ul li {
    border-bottom: 1px dotted #aaa;
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*--------------------------
	table
----------------------------*/
table.table-yellow>tbody>tr>td:first-child {
    background: #ff9776;
    color: #fff;
    border-bottom: solid 1px #fff;
}
.card .btn.btn-circle.member_Add {
    color: rgb(255, 255, 255);
    box-shadow: rgba(220, 104, 126, 0.4) 0px 2px 4px;
    background: rgb(220, 104, 126);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    transition: 0.3s;
}
table.table-yellow > tbody > tr > td {
    border: solid #ff9776 1px;
}
table.table-sky>tbody>tr>td:first-child {
    background: linear-gradient(
        90deg,
        #E667A2 0%, 
        #EB87B2 50%, 
        #F0A7C2 100%
    );
    color: #fff;
    border-bottom: solid 1px #fff;
}
table.table-sky > tbody > tr > td {
    border: solid #fff 1px;
}
/*--------------------------
	キャストbox
--------------------------*/
.shop-item-image{border-color:#ccc;}
.box_text {
    background: linear-gradient(90deg, #E667A2 0%, #EB87B2 50%, #F0A7C2 100%);
    padding: 7px;
}
.box_text2 {
    background: #b99d08;
    padding: 7px; /* 上下に2pxの余白 */
}

.cast_name {
    background: linear-gradient(
        90deg,
        #E667A2 0%, 
        #EB87B2 50%, 
        #F0A7C2 100%
    );
    color: #fff;
}
.cast_name2nd{background:#D0A900;color:#fff;}
.realtime_box .alert-danger {
	color: #ffffff;
    background: linear-gradient(90deg, #FF4D82 0%, #FF6B9F 100%);  
}
/*----------------------------
	ランキング
-----------------------------*/
/*タブ*/
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{background: #fc1999;color:#fff;}
.nav-tabs>li.active:nth-of-type(2)>a,
.nav-tabs>li.active:nth-of-type(2)>a:focus,
.nav-tabs>li.active:nth-of-type(2)>a:hover{background: #ff9776;}
.nav-tabs>li.active:nth-of-type(3)>a,
.nav-tabs>li.active:nth-of-type(3)>a:focus,
.nav-tabs>li.active:nth-of-type(3)>a:hover{background: #92D3F4;}
.nav-tabs>li>a:hover{background:transparent;}
.nav-tabs>li.active>a::after{border-color: rgba(0, 153, 255, 0);border-top-color:#fc1999;}
.nav-tabs>li.active:nth-of-type(2) >a::after{border-color: rgba(0, 153, 255, 0);border-top-color:#ff9776;}
.nav-tabs>li.active:nth-of-type(3) >a::after{border-color: rgba(0, 153, 255, 0);border-top-color:#92D3F4;}
/*ランキングラベル*/
.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);}
.login-btn {
    background: linear-gradient(90deg, #FF7B93 0%, #FF9190 50%, #FFA98B 100%);
    color: #fff !important;
    border-radius: 50px;
    padding: 6px 20px;
    border: none;
    margin-top: 33px;
    display: inline-block;
    text-transform: none;
    letter-spacing: normal;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(255, 123, 147, 0.3);
    transition: all 0.3s ease;
}

.login-btn:hover {
    opacity: 0.9;
    transform: translateY(1px);
    box-shadow: 0 1px 2px rgba(255, 123, 147, 0.2);
    color: #fff !important;
    text-decoration: none;
}
.side_menu .list-group i {
    font-size: 16px;
    color: #fff;
    background: #dc687e;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
/* 新着ニュースのスタイル */
.news-header .module-title {
    background: linear-gradient(
        90deg,
        #38B8C8 0%, 
        #7F90E5 50%, 
        #E667A2 100%
    );
    color: #fff;
    padding: 10px 20px;
    margin: 0;
    border-radius: 5px;
    font-size: 18px;
    position: relative;
}
/* 最初の文字の色を強制的に白に */
.news-header .module-title:first-letter {
    color: #fff !important;
}

/* 小さな三角形を追加 */
.news-header .module-title:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #38B8C8;
}
.close_modal .btn-primary:hover,
.close_modal .btn-primary:focus {
    background: linear-gradient(90deg, #FF7B93 0%, #FF9190 50%, #FFA98B 100%);
    opacity: 0.8;
}
/* スマホ表示時の写真のみ画面いっぱいに */
@media (max-width: 767px) {
  .post .col-xs-12.col-sm-6.col-md-6.col-lg-6:first-child {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
  }
  
  .post .post-image img {
    width: 100%;
    height: auto;
    border-radius: 0;
  }
}

/* プロフィール画像の修正 */
.msg__contents .msg__left figure {
  width: 50px;
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 2px;
  margin: 0;
  background: linear-gradient(45deg, #38B8C8, #7F90E5, #E667A2);
  border-radius: 50%;
  height: 50px;
  text-align: center;
  overflow: hidden;
}

.msg__contents .msg__left figure i.fa-user {
  color: white;
  margin-top: 4px;
}