/*
 * Module Style
 */

/*--------------------------------------
 Module
--------------------------------------*/

[class^="module"] {
 position: relative;
}

.module:before,
.module:after {
 content: " ";
 display: table;
}

.module:after {
 clear: both;
}

.module_heading {
 font-weight: bold;
}

/*---------------------------------------
<input タグ　チェックボックス、ラジオボタンを大きくするため
2021年07月16日
----------------------------------------*/
input.big{
	transform: scale(1.2);
}
/*--------------------------------------
 Button
--------------------------------------*/
/*[R-108]BS4対応 調整したがmain.cssにある*/
/*
.btn {
 text-decoration: none;
 font-size:93%;
}
*/
/*====================================
ボーダー角を丸める
[R-341]Add 2022年02月01日
====================================*/
.round_m{
 border-radius:8px;
}
.round_s{
 border-radius:4px;
}
/*====================================
モーダルの縦位置調整
[R-341]Add 2022年02月01日
====================================*/
/*画面の上のほうに出すとき用*/
.modal-dialog-upper {
  padding-top: 10%;
}
/*高さ小さめのダイアログで真ん中らへんに出る*/
.modal-dialog-middle {
  padding-top: 20%;
}
/*==================================
BS4で色がかわった btn-primay 元の色が良いとのことでBS3から
[R-108]2021年03月11日
====================================*/
/*  btn-primary
オリジナル bootstrap.min.cssの該当部分2つの色 btn-primary{の
background-colorとborder-colorも書き換えないと効かなかった。
2021年03月17日
*/
.btn-primary{
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/*  btn-warning も2021年03月17日
.btn-primaryと違いbootstrap.min.css書き換えなくても効いた。不思議。2021年03月17日 14時44分52秒
 */

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

/*==============================
ページネーション用
BS4の形式で色だけBS3用同等に変更する
===============================*/
.page-link {
  color: #337ab7;
}

.page-link:hover {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.page-item.disabled .page-link {
  color: #777;
  background-color: #fff;
  border-color: #ddd;
}


/* （領域の）真ん中に配置 */
.btn-center {
 display: table;
 margin-right: auto;
 margin-left: auto;
}

.btn.text-left {
  text-align: left;
}

/*[R-108]2021/03/15 お見合い管理チェックアイコンとゴミ箱アイコンの微調整*/
.fa-check-circle{
  font-size: 20px;
}

.fa-trash-alt{
  font-size: 20px;
}

/*--------------------------------------
	[R-759]以下都道府県ポップアップ YY mb-moduleから移動 2024/09/10YY
--------------------------------------*/
.popup-table{
	border:1px solid #dcdcdc;
}
.popup-table th{
	/* background:#c6d4a5; */
	/* [R-759]YY 2024/09/10要望により変更 */
	background: #f0f0f0;
	padding:15px;
	border-bottom:1px solid #dcdcdc;
}
.popup-table td{
	padding:15px;
	border-bottom:1px solid #dcdcdc;
}
.popup-table tr:last-child th , td{
	border-bottom:none;
}

/*------------------------------------------------------
会員関連用の緑ボタン
会員トップ「ネットクラブご利用ガイド」に使用
2019年10月10日 17時08分25秒

*/
.btn-mbgreen {
  background-color: #6d995d;
  border-color: #5b7f4d;
  color: #fff;
}
.btn-mbgreen.active,
.btn-mbgreen.focus,
.btn-mbgreen:active,
.btn-mbgreen:focus,
.btn-mbgreen:hover {
  background-color: #5b7f4d;
  border-color: #5b7f4d;
  color: #fff;
}
/*------------------------------------------------------
お見合い関連用ピンクボタン
お見合い管理タイトルバーの色
相談室トップ「お見合い画面ご利用ガイド」に使用
2019年10月10日
*/
.btn-mtpink {
  background-color: #df667e;
  border-color: #c45a6f;
  color: #fff;
}
.btn-mtpink.active,
.btn-mtpink.focus,
.btn-mtpink:active,
.btn-mtpink:focus,
.btn-mtpink:hover {
  background-color: #c45a6f;
  border-color: #c45a6f;
  color: #fff;
}
/*------------------------------------------------------
中間のグレーボタン
btn-default とbtn-dangerの中間やや暗い主張しないグレーボタン
相談室トップ「ネットクラブご利用ガイド」に使用
2019年10月10日
*/
.btn-midgray {
  background-color: #7f7f7f;
  border-color: #636363;
  color: #fff;
}
.btn-midgray.active,
.btn-midgray.focus,
.btn-midgray:active,
.btn-midgray:focus,
.btn-midgray:hover {
  background-color: #636363;
  border-color: #636363;
  color: #fff;
  /* [R-232]2021年07月24日BS4の構成に合わせて box-shadow追記*/
   box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.5);

}

/*------------------------------------------------------
緊急連絡用ツールのため作成　赤枠赤文字(note同色)白背景
[R-227]2021年07月30日 add
*/
.btn-emergency {
  color: #e93835;
  background-color: #ffffff;
  border-color: #e93835;
}

.btn-emergency:hover {
  color: #e93835;
  background-color: #ebebeb;
  border-color: #c92e2e;
}

.btn-emergency:focus, .btn-danger.focus {
  color: #e93835;
  background-color: #ebebeb;
  border-color: #c92e2e;
  box-shadow: 0 0 0 0.2rem rgba(242, 86, 85, 0.5);
}

.btn-emergency.disabled, .btn-emergency:disabled {
  color: #e93835;
  background-color: #ffffff;
  border-color: #e93835;
}

.btn-emergency:not(:disabled):not(.disabled):active, .btn-emergency:not(:disabled):not(.disabled).active,
.show > .btn-emergency.dropdown-toggle {
  color: #e93835;
  background-color: #e0e0e0;
  border-color: #bf2e2b;
}

.btn-emergency:not(:disabled):not(.disabled):active:focus, .btn-emergency:not(:disabled):not(.disabled).active:focus,
.show > .btn-emergency.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(242, 86, 85, 0.5);
}

/*------------------------------------------------------
きついピンクボタン
お見合いを申し込むボタンに使用
H340 -> 348に訂正 2016年02月22日
ec407a->f44a6c
*/
/* [R-232]2021年07月27日 box-shadowが増えたなどBS4の構成に書き換え*/
.btn-pink {
  color: #fff;
  background-color: #f44a6c;
  border-color: #f44a6c;
}

.btn-pink:hover {
  color: #fff;
  background-color: #ea385a;
  border-color: #df3657;
}

.btn-pink:focus, .btn-danger.focus {
  color: #fff;
  background-color: #ea385a;
  border-color: #df3657;
  box-shadow: 0 0 0 0.2rem rgba(250, 104, 138, 0.5);
}

.btn-pink.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #f44a6c;
  border-color: #f44a6c;
}

.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #df3657;
  border-color: #d23352;
}

.btn-pink:not(:disabled):not(.disabled):active:focus, .btn-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-pink.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(250, 104, 138, 0.5);
}

/*
.btn-pink {
  background-color: #f44a6c;
  border-color: #e04463;
  color: #fff;
}

.btn-pink.active,
.btn-pink.focus,
.btn-pink:active,
.btn-pink:focus,
.btn-pink:hover {
  background-color: #db4361;
  border-color: #cc3e5a;
  color: #fff;
}
.btn-pink .badge {
  color: #f00;
  background-color: #f0f0f0;
}
*/
/*------------------------------------------------------
薄いピンクボタン
返事○に使用*/
.btn-pink-pale {
  background-color: #f4c7d0;
  border-color: #ebc0c8;
  color: #444;
}

.btn-pink-pale.active,
.btn-pink-pale.focus,
.btn-pink-pale:active,
.btn-pink-pale:focus,
.btn-pink-pale:hover {
  background-color: #e0b7bf;
  border-color: #d6afb7;
  color: #222;
}
/*------------------------------------------------------
薄いブルーボタン
返事×に使用*/
.btn-blue-pale {
  background-color: #c7e0f4;
  border-color: #bfd7eb;
  color: #444;
}

.btn-blue-pale.active,
.btn-blue-pale.focus,
.btn-blue-pale:active,
.btn-blue-pale:focus,
.btn-blue-pale:hover {
  background-color: #b7cee0;
  border-color: #afc5d6;
  color: #222;
}
.btn-pink .badge {
  color: #f00;
  background-color: #f0f0f0;
}
/*-------------------------------------------------------
 [R-024]K.Homma add for 会員登録(女性）
ログインボタン 緑にしたので使わない2015年10月01日 11時28分30秒
-----------------------------------------------------*/
/* [R-232]2021年07月27日 box-shadowが増えたなどBS4の構成に書き換え*/
.btn-red {
  color: #fff;
  background-color: #d94052;
  border-color: #d94052;
}

.btn-red:hover {
  color: #fff;
  background-color: #c53a4d;
  border-color: #ba3749;
}

.btn-red:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c53a4d;
  border-color: #c5550b;
  box-shadow: 0 0 0 0.2rem rgba(221, 66, 89, 0.5);
}

.btn-red.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #f44a6c;
  border-color: #f44a6c;
}

.btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active,
.show > .btn-red.dropdown-toggle {
  color: #fff;
  background-color: #ba3749;
  border-color: #af3443;
}

.btn-red:not(:disabled):not(.disabled):active:focus, .btn-red:not(:disabled):not(.disabled).active:focus,
.show > .btn-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 66, 89, 0.5);
}
/* [R-232]2021年07月28日 box-shadowが増えたなどBS4の構成に書き換え

.btn-red {
  background-color: #d94052;
  border-color: #c43949;
  color: #fff;
}

.btn-red.active,
.btn-red.focus,
.btn-red:active,
.btn-red:focus,
.btn-red:hover {
  background-color: #b03342;
  border-color: #942b37;
  color: #fff;
}
.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red.focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
.btn-red .badge {
  color: #ed465a;
  background-color: #fcc;
}
*/
/*-------------------------------------------------------
 [F-433]K.Homma add for 会員登録(スタートアップ会員）
-------------------------------------------------------*/
/* [R-232]2021年07月27日 box-shadowが増えたなどBS4の構成に書き換え*/
.btn-orange {
  color: #fff;
  background-color: #e3630d;
  border-color: #e3630d;
}

.btn-orange:hover {
  color: #fff;
  background-color: #cf5a0c;
  border-color: #c5550b;
}

.btn-orange:focus, .btn-danger.focus {
  color: #fff;
  background-color: #cf5a0c;
  border-color: #c5550b;
  box-shadow: 0 0 0 0.2rem rgba(249, 131, 52, 0.5);
}

.btn-orange.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #e3630d;
  border-color: #e3630d;
}

.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #c5550b;
  border-color: #b9550b;
}

.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 131, 52, 0.5);
}

/*
.btn-orange {
  background-color: #e3630d;
  border-color: #cf5a0c;
  color: #fff;
}

.btn-orange.active,
.btn-orange.focus,
.btn-orange:active,
.btn-orange:focus,
.btn-orange:hover {
  background-color: #ba510b;
  border-color: #b24e0b;
  color: #fff;
}
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
.btn-orange .badge {
  color: #fff;
  background-color: #e6af8a;
}
*/
/*-------------------------------------------------------
 [F-433]K.Homma add for ハートグラム
-------------------------------------------------------*/
.btn-purple {
  background-color: #8e5c98;
  border-color: #7c5085;
  color: #fff;
}

.btn-purple.active,
.btn-purple.focus,
.btn-purple:active,
.btn-purple:focus,
.btn-purple:hover {
  background-color: #694470;
  border-color: #623f69;
  color: #fff;
}
.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled.focus,
.btn-purple[disabled].focus,
fieldset[disabled] .btn-purple.focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
.btn-purple .badge {
  color: #a269ad;
  background-color: #fff;
}
/*-------------------------------------------------------
 [R-024]K.Homma add for 会員
ログインボタン
 色調整用データ 緑ベース
 no  RGB    HSV
 0 : d7f0b3  84 25 94 (薄い明るい)
 1 : 699e1c  84 82 62 (緑)
 2 : 558017  84 82 50 ベース
 3 : 426212  84 82 39 やや暗い
 4 : 38540f  84 82 33 暗い
-------------------------------------------------------*/
.btn-mb {
  /*background-color: #558017;2019/07/16 {F-800}ログイン画面ボタン色変更*/
  background-color:#659a5d;
  /*border-color: #426212;*/
  border-color: #659a5d;
  color: #fff;
}

.btn-mb.active,
.btn-mb.focus,
.btn-mb:active,
.btn-mb:focus,
.btn-mb:hover {
  background-color: #426212;
  border-color: #426212;
  color: #fff;
}
.btn-mb.disabled,
.btn-mb[disabled],
fieldset[disabled] .btn-mb,
.btn-mb.disabled:hover,
.btn-mb[disabled]:hover,
fieldset[disabled] .btn-mb,
.btn-mb.disabled:focus,
.btn-mb[disabled]:focus,
fieldset[disabled] .btn-mb:focus,
.btn-mb.disabled.focus,
.btn-mb[disabled].focus,
fieldset[disabled] .btn-mb.focus,
.btn-mb.disabled:active,
.btn-mb[disabled]:active,
fieldset[disabled] .btn-mb:active,
.btn-mb.disabled.active,
.btn-mb[disabled].active{
  /*color: #f00;
  background-color: #f0f0f0; 2017年05月13日*/
  color: #fff;
  background-color: #a3cc68;
}
.btn-mb .badge {/*2017年05月13日 badgeは別*/
  color: #f00;
  background-color: #f0f0f0;
}
/* 反転色ボタン */
.btn-mb-inverse {
  background-color: #f0f0f0;
  border-color: #699e1c;
  color: #222;
  /*width:98px*/
  /*width:108px*/
  /*width:auto%;*/
}

.btn-mb-inverse.active,
.btn-mb-inverse.focus,
.btn-mb-inverse:active,
.btn-mb-inverse:focus,
.btn-mb-inverse:hover {
/*  background-color: #d7f0b3;
  border-color: #699e1c;
  */
  background-color: #d0d0d0;
  border-color: #699e1c;
color: #222;
}
.btn-mb-inverse.disabled,
.btn-mb-inverse[disabled],
fieldset[disabled] .btn-mb-inverse,
.btn-mb-inverse.disabled:hover,
.btn-mb-inverse[disabled]:hover,
fieldset[disabled] .btn-mb-inverse,
.btn-mb-inverse.disabled:focus,
.btn-mb-inverse[disabled]:focus,
fieldset[disabled] .btn-mb-inverse:focus,
.btn-mb-inverse.disabled.focus,
.btn-mb-inverse[disabled].focus,
fieldset[disabled] .btn-mb-inverse.focus,
.btn-mb-inverse.disabled:active,
.btn-mb-inverse[disabled]:active,
fieldset[disabled] .btn-mb-inverse:active,
.btn-mb-inverse.disabled.active,
.btn-mb-inverse[disabled].active,
.btn-mb-inverse .badge {
  color: #699e1c;
  background-color: #fff;
}
/*-------------------------------------------------------
相談室用ボタン [R-035]2015年10月19日K.Homma add
ログインボタン, 新着処理ボタン

 色調整用データ 青ベース
 no  RGB    HSV
 1 : 175180 207 82 50 ベース
 2 : 154a75 207 82 46 暗い
 3 : 13446b 207 82 42 もっと暗い
 <2015年10月21日変更>
 1 : 73a0c4 207 41 77 ベース
 2 : 6d98ba 207 41 73 やや暗い
 3 : 6790b0 207 41 69 暗い
 4 : 6187a6 207 41 65 もっと暗い
------------------------------------------------------*/
.btn-bo {
  background-color: #73a0c4;
  border-color: #6d98ba;
  color: #fff;
}

.btn-bo.active,
.btn-bo.focus,
.btn-bo:active,
.btn-bo:focus,
.btn-bo:hover {
  background-color: #6d98ba;
  border-color: #6790b0;
  color: #fff;
}
.btn-bo.disabled,
.btn-bo[disabled],
fieldset[disabled] .btn-bo,
.btn-bo.disabled:hover,
.btn-bo[disabled]:hover,
fieldset[disabled] .btn-bo,
.btn-bo.disabled:focus,
.btn-bo[disabled]:focus,
fieldset[disabled] .btn-bo:focus,
.btn-bo.disabled.focus,
.btn-bo[disabled].focus,
fieldset[disabled] .btn-bo.focus,
.btn-bo.disabled:active,
.btn-bo[disabled]:active,
fieldset[disabled] .btn-bo:active,
.btn-bo.disabled.active,
.btn-bo[disabled].active,
.btn-bo .badge {
  color: #f00;
  background-color: #f0f0f0;
}

/* [R-763] 2024/07/12Add LGBT,Anの相談室用ボタン ログイン用 */
.btn-lgbt {
  background-color: #d1437e;
  border-color: #c23a72;
  color: #fff;
}

.btn-lgbt.active,
.btn-lgbt.focus,
.btn-lgbt:active,
.btn-lgbt:focus,
.btn-lgbt:hover {
  background-color: #c23a72;
  border-color: #bc3d6d;
  color: #fff;
}

.btn-lgbt.disabled,
.btn-lgbt[disabled],
fieldset[disabled] .btn-lgbt,
.btn-lgbt.disabled:hover,
.btn-lgbt[disabled]:hover,
fieldset[disabled] .btn-lgbt,
.btn-lgbt.disabled:focus,
.btn-lgbt[disabled]:focus,
fieldset[disabled] .btn-lgbt:focus,
.btn-lgbt.disabled.focus,
.btn-lgbt[disabled].focus,
fieldset[disabled] .btn-lgbt.focus,
.btn-lgbt.disabled:active,
.btn-lgbt[disabled]:active,
fieldset[disabled] .btn-lgbt:active,
.btn-lgbt.disabled.active,
.btn-lgbt[disabled].active,
.btn-lgbt .badge {
  color: #f00;
  background-color: #f0f0f0;
}

.btn-an {
  background-color: #CD0000;
  border-color: #b80000;
  color: #fff;
}

.btn-an.active,
.btn-an.focus,
.btn-an:active,
.btn-an:focus,
.btn-an:hover {
  background-color: #b80000;
  border-color: #a30000;
  color: #fff;
}

.btn-an.disabled,
.btn-an[disabled],
fieldset[disabled] .btn-an,
.btn-an.disabled:hover,
.btn-an[disabled]:hover,
fieldset[disabled] .btn-an,
.btn-an.disabled:focus,
.btn-an[disabled]:focus,
fieldset[disabled] .btn-an:focus,
.btn-an.disabled.focus,
.btn-an[disabled].focus,
fieldset[disabled] .btn-an.focus,
.btn-an.disabled:active,
.btn-an[disabled]:active,
fieldset[disabled] .btn-an:active,
.btn-an.disabled.active,
.btn-an[disabled].active,
.btn-an .badge {
  color: #f00;
  background-color: #f0f0f0;
}



/*--------------------------------------
 ファイルアップロードボタン
--------------------------------------*/
.file {
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 0.4rem; /*1emから変更*/
    border: 1px solid #58aac4;
    border-radius: 6px;
    background: #62bdda;
    color:#fff;
}
.file:focus,
.file:hover {
 background-color: #4c93a9;
 color: #fff;
}

.file input[type="file"] {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 100px;
    cursor: pointer;
}
/*---------------------------------
[R-381]アプリ誘導ダイアログのため追加
----------------------------------*/
/*フローティングダイアログ*/
.floating-banner {
position: fixed;
z-index: 9999;
width: 300px;
height: 50px;
padding: 10px 0;
border: 2px solid #FFF;
/*color: #fff;*/
text-align: center;
/* cursor: pointer; */
}
.floating-banner a {
text-decoration: none;
text-align: center;
}
.floating-banner a:hover {
text-decoration: none;
opacity: 0.8;
}

.floating-pos-bottom-right{
right:5px;
bottom:5px;
}
.floating-pos-bottom-left{
left:5px;
bottom:5px;
}
/* -----モーダルウィンドウの閉じる×ボタン----- */
.batsu{
display: block;
width: 20px;/*枠の大きさ*/
height: 20px;/*枠の大きさ*/
position: relative;
}

.batsu::before, .batsu::after{
content: "";
display: block;
position: absolute;
width: 100%;/*バツ線の長さ*/
height: 3px;/*バツ線の太さ*/
background: #000;
transform: rotate(45deg);
transform-origin:0% 50%;
top: calc(14% -10px);
left: 14%;
}

.batsu::after{
content: "";
position: absolute;
transform: rotate(-45deg);
transform-origin:100% 50%;
left: auto;
right: 14%;
}



/*--------------------------------------
会員情報BOXの[ｵﾌﾗｲﾝ可][ｵﾌﾗｲﾝ不可］アイコン風表示用
--------------------------------------*/
.mark_ok
{
	font-size:0.9rem;/*[R-108]1.1から*/
	padding:1px 2px;
	text-align:center;
	text-decoration: none;
	border:1px solid;
	border-color: #426212;
	border-radius:3px;
	background-color:#ffffff;
	color: #426212;
}
.mark_ng
{
	font-size:0.9rem;/*[R-108]1.1から*/
	padding:1px 2px;
	text-align:center;
	text-decoration: none;
	border:1px solid;
	border-color: #a0a0a0;
	border-radius:3px;
	background-color:#ffffff;
	color: #a0a0a0;
}

/*--------------------------------------
 ファイルダウロード用アンカーをボタンふうにする
--------------------------------------*/
a.button
{
	font-size:1.4em;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	text-decoration: none;
	border:2px solid;
	border-color: #bfd7eb;
	/*border-color: #57626b;*/
	/*background-color:#c7e0f4;*/
	background-color:#cde7fc;
	  color: #444;
}

a.button:focus,
a.button:hover{
  /*background-color: #b7cee0;*/
  background-color: #9fb3c3;
  /*border-color: #afc5d6;*/
  border-color: #58636d;
  color: #222;
}
/*--------------------------------------
 ファイルダウロード用アンカーをボタンふうにする
--------------------------------------*/
button.button
{
	font-size:1.4em;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	text-decoration: none;
	border:2px solid;
	border-color: #bfd7eb;
	/*border-color: #57626b;*/
	/*background-color:#c7e0f4;*/
	background-color:#cde7fc;
	  color: #444;
}

button.button:focus,
button.button:hover{
  /*background-color: #b7cee0;*/
  background-color: #9fb3c3;
  /*border-color: #afc5d6;*/
  border-color: #58636d;
  color: #222;
}
/*--------------------------------------
 pcard デーティー用カード
--------------------------------------*/

.module.pcard > a {
 color: inherit;
 display: block;
 position: relative;
 text-decoration: none;
}

.module.pcard > a:focus,
.module.pcard > a:hover {
 background-color: #F5F5F5;
 color: #038BD1;
}

.module.pcard > a:hover img {
 filter: alpha(opacity=80);
 opacity: 0.8;
}

.module.pcard > a > .fa-chevron-circle-right {
 margin-top: -0.5em;
 position: absolute;
  top: 50%;
  right: 3%;
  bottom: 0;
}

.module.pcard > a:focus > .fa,
.module.pcard > a:hover > .fa {
 color: #038BD1;
}

/* Border
--------------------------------------*/

.module.pcard-bordered {
 /*border: 1px solid #ddd; 2022年01月21日 色指定 #8e5c98*/
 border: 1px solid #ddd;
 border-radius:2px;
 padding: 4px;
}

/* Media
--------------------------------------*/

.module.pcard > .media,
.module.pcard > a > .media {
 margin-top: 0;
 margin-bottom: 0;/*2018年04月10日 */
}

.module.pcard .media-heading,
.module.pcard .media_time {
 font-weight: bold;
}

.module.pcard .media-body p {
 /*margin: 10px 0 0;[F-655]2018年04月10日*/
 margin: 4px 0 0;
 /*margin: 0px 0 0;*/
}

.module.pcard .fa-chevron-circle-right + .media > .media-body {
 padding-right: 10%;
}

.module.pcard-bordered .media-body {
 /**padding: 10px 0;[F-655]2018年04月10日*/
 padding: 4px 0;
}

/* Pattern
--------------------------------------*/

.module.pcard + .module.pcard {
 /*margin-top: 10px;[F-655]2018年04月17日*/
 *margin-top: 4px;
}

/* Profile
--------------------------------------*/

.module.pcard-profile {
 /*margin-top: 20px; *//*2015年10月27日 23時27分28秒*/
 /*margin-top: 0px 0px;*/
 margin-top: 4px; /*[F-655]2018年04月05日*/
}

.card > .module.pcard-profile {
 /*margin-top: 10px;*/
 margin-top: 4px;/*[F-655]2018年04月05日*/
}

.module.pcard-profile > .card_title {
 font-size: inherit;
 font-weight: bold;
 /*margin: 0 10px 5px;*/
 margin: 4 10px 4px;/*[F-655]2018年04月05日*/
}

/*===========================================
 バー内配置用
お見合一覧に適用 余白を少なくする
============================================*/
/* カード
--------------------------------------*/
.module.pcard-inbar {
 margin: 0px;
 padding: 0px;
}
/*.module.pcard-inbar> .media, .media-left, .media-body, table {*/
.module.card-inbar .media, .media-left, .media-body, table {
 margin: 1px;
 padding: 1px;
 text-align:left; /*[R-055]2016年03月03日 */
}
/*---------------------------------------
 alert 拡張
 ---------------------------------------*/
 .alert-red-borderd {
   border:3px solid #ff0000;
   background-color: #ffffff;
   color: #000000;
   border-radius:0;
 }
 .alert-orange2-borderd {
   border:3px solid #e3630d;
   background-color: #ffffff;
   color: #000000;
   border-radius:0;
 }

/* パネル
--------------------------------------*/

/* cardを並べたときの縦外を少し開けるcard用*/
.card-tile-v {
  width:100%;
  padding: 2px;
  margin: 6px 2px;
}

/* cardを並べた外のcard用 body背景グレー*/
.card-outer {
  width:100%;
  padding: 2px;
  margin: 2px;
}
.card-outer > .card-body {
  background-color: #e0e0e0;
}
.card-outer .table {
  margin-bottom: 0px;
}

/*お見合いサブ画面向きパネル
 headerは変化なしあるていど余白あり。bodyはtable配置を想定し余白無しかつの文字を小さくするパネル*/
.card-text-sm .card ,
.card-text-sm .card-heading {
 width:100%;
  /*padding: 0px;*/
  /*margin: 1px;*/
  /*font-size:95%;*/
}
.card-text-sm .card ,
.card-text-sm .card-body ,
.card-text-sm .card-footer {
 width:100%;
 padding: 0px;
 margin: 1px;
 font-size:97%;
}


/*余白小さいcard*/
.card-condensed .card ,
.card-condensed .card-heading ,
.card-condensed .card-footer {
  width:100%;
  padding: 0px 0px;
  margin: 0px;
}
.card-condensed .card ,
.card-condensed .card-body {
  width:100%;
  padding: 0px 0px;
  margin: 8px 0px;
}
.card-condensed .table {
  margin-bottom: 4px 0px;
}
/* BARの中に並べるBOXのためのcard*/
.card-inbar {
  /*display:inline-block;*/
  /*border-color:#000;*/
  width:100%;
  /*height:100%;*/
  padding: 0px;
  margin: 1px;
}
/*BARの中のパネル*/
.card-inbar .card ,
.card-inbar .card-heading,
.card-inbar .card-body ,
.card-inbar .card-footer {
 width:100%;
  padding: 0px;
  /*margin: 1px;*/
  /* font-size:95%; [R-108]*/
}
/*会員情報BOX用パネル fontサイズ変えず余白極小、table 下余白2px*/
.card-mbinfo .card ,
.card-mbinfo .card-heading,
.card-mbinfo .card-body ,
.card-mbinfo .card-footer {
 width:100%;
  padding: 1px;
  margin: 1px;
}
.card-mbinfo .table {
  margin-bottom: 2px;
}
/* [R-843]ためしにコメント2025年03月12日 15時52分07秒
.card-body.gutter {
 padding-right: 10px;
 padding-left: 10px;
}
*/

.card-inbar .table {
  margin-bottom: 0;
}
.card-heading.heading-flex {
  display: flex;
   align-items: center;
}
.card-heading.heading-flex .text-right {
  margin-left: auto;
}

.textarea-small input,textarea{
 font-size:90%;
}

/*[R-108]試しに row内col 高さをそろえる*/
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

/*
.card-inbar .row, .col-xs-12{
  padding: 0px 0px;
  margin: 1px 0px;
}
*/
.card-hidden-border {
 border:none;
 background:none; /*2015年11月06日 お見合一覧 情報バー下の影を消したいが効果なし*/
 -webkit-appearance:none; /*2015年11月06日 お見合一覧 情報バー下の影を消したいが効果なし*/
}
/* main.cssから移動　元card-xxx -> card -xxx 色拡張
----------------------------------------*/
/* cardサイズ拡張
----------------------------------------*/
.card-xs {
  padding: 4px;
  margin: 4px; /*Add 2019年03月25日 17時08分50秒*/
  border-radius: 2px;
}
/*左右の余白もっと小さく*/
.card-xxs {
  padding: 4px 1px;
  margin: 4px 1px;
  border-radius: 2px;
}

/*余白無く、縦横くいっぱいにグレーの枠だけ表示 2019年12月24日 会員　お見合い一覧 1件毎のフレームとして
マージン、パディングはマイナス*/
.card-gray-frame{
	background-color: #ffffff;
	/*border-color: #808080;[F-980]2020年02月04日*/
	border-color: #d0d0d0;
	border-width: 4px;
	margin:-8px;
	padding:-5x;
}
/*---------------------------------------
 card利用
----------------------------------------*/
/*
赤字のパネル
ヘッダー背景ピンク
新年の挨拶に使用2017年01月01日を2021年07月29日 復元　BS4として冗長かもしれない
----------------------------------------*/
.card-info-red {
  border-color: #ff2829;
}
.card-info-red > .card-heading {
  color: #ff2829;
  background-color: #ffffff;
 border-color: #ff2829;
}
.card-info-red > .card-heading + .card-collapse > .card-body {
  border-top-color: #ebccd1;
}
.card-info-red > .card-heading .badge {
  color: #f2dede;
  background-color: #ffeeee;
}
.card-info-red > .card-footer + .card-collapse > .card-body {
  border-bottom-color: #ebccd1;
}

/* card色拡張
----------------------------------------*/

.card-success{
	background-color: #d8ecd0;
	border-color: #f4faf0;
}

.card-warning{
	background-color: #fbf6d9;
	border-color: #eeebda;
}
/*特に重要なお知らせ 赤枠*/
.card-warning-more{
	background-color: #fbf6d9;
	border-color: #ff2623;
	border-width: 4px;
}
.card-note{
	background-color: #fff0f0;
	border-color: #ff2623;
}
/*お見合い当日緊急巻絡用に追加　薄い黄色背景に赤(noteと同色)枠*/
.card-emergency{
	background-color: #fdfeda;
	border-color: #e93835;
}
.card-gray{
	background-color: #a6a6a6;
	border-color: #808080;
}
.card-lightgray{
	background-color: #f0f0f0;
	border-color: #d0d0d0;
}
/*　ポーター無し(同色) [R-724]KH Add2024年05月10日*/
.card-lightgray-noborder{
	background-color: #f0f0f0;
	border-color: #f0f0f0;
}
.card-white{
	background-color: #ffffff;
	border-color: #d0d0d0;
}
/*お見合のトップバー用*/
.card-meeting{
	background-color: #df667e;
	border-color: #df667e;
}
/*お見合のトップバーのアイコン用　反転色*/
.card-rev-meeting{
	color: #df667e;
	background-color: #ffffff;
	border-color: #df667e;
  text-align: center;
  font-size:10px;
}
/*お見合い情報バー(会員情報表示)用うすいピンク*/
.card-pale-meeting{
	background-color: #ffdddd;
	border-color: #a0a0a0;
}


/* パネルヘッダーに色を付ける元panel-xxx -> card- xxx
--------------------------------------*/
/*男性会員情報BOX*/
.card-male > .card-heading {
  /*[F-662]2018年05月17日 change
  background-color: #c7e0f4;
  border-color: #c7e0f4;
  */
  background-color: #d7e8f5;
  border-color: #c7e0f4;
}
.card-male {
  border: 1px solid #ddd
}
/*女性会員情報BOX*/
.card-female > .card-heading {
  /*[F-662]2018年05月17日 change
  background-color: #f4c7d0;
  border-color: #f4c7d0;
  */
  background-color: #f5d7dd;
  border-color: #f4c7d0;
}
.card-female  {
  border: 1px solid #ddd
}
/*文字情報BOX*/
.card-textinfo > .card-heading {
  /*color: #3c763d;*/
  background-color: #e2f4c7;
  border-color: #e2f4c7;
}
/*文字情報BOX(2)会員用赤系*/
.card-textinfo2 > .card-heading {
  background-color: #f4c3cd;
  border-color: #d6abb3;
}
/*情報BOX(ToDo) 2016/03/01 目ただせるように調整*/
.card-todo > .card-heading {
  color: #ff0000;
  /*background-color: #e8e8e8;  [R-057]調整2016年03月05日 */
  /*border-color: #ff0000;
  border-width: 1px; [R-055]調整2016年03月02日*/
  font-weight: bold;
  /*border-top: medium solid #b00000;*/
}
/*情報BOX(通常)*/
.card-normal > .card-heading {
  color: #2c2c2c;
  /*background-color: #e8e8e8;  [R-057]調整2016年03月05日*/
  border-color: #e8e8e8;
  /*font-weight: bold; [R-057]調整2016年03月05日*/
}
/*情報BOX(終了)*/
.card-end > .card-heading{
  /*color: #717171; [R-055]調整2016年03月02日*/
  /*
  color: #fff;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  *//*[F-662]変更*/
  color: #2c2c2c;
  background-color: #f2f2f2;
  border-color: #d1d1d1;
  font-weight: bold;/*[R-055]調整2016年03月02日*/
}
.card-end > .card-body { /*[R-074]2016年03月31日 bodyもグレーにする*/
  /*color: #717171; [R-055]調整2016年03月02日*/
  /*[F-662]変更*/
  /*
  background-color: #ddd;
  border-color: #b0b0b0;
  */
  background-color: #f2f2f2;
  border-color: #d1d1d1;
}

/* パネルボディーに色を付ける
--------------------------------------*/
/*背景白　お見合い操作BOX[F-800]2019年04月18日 */
.card-white > .card,
.card-white > .card-heading,
.card-white > .card-body {
  background-color: #ffffff;
  border-color: #808080;
}

/*薄いピンク　お見合い操作BOX*/
.card-pink > .card-heading,
.card-pink > .card-body {
  /*color: #3c763d;*/
  background-color: #fff0f3;
  border-color: #e8e8e8;
}
/*濃いグレー 　会員お見合い一覧スマホ　1件囲む枠用*/
.card-gray-frame > .card-heading,
.card-gray-frame > .card-body {
  background-color: #ffffff;
  border-color: #808080;
  border-width: 3px;
}
/*グレー 予備会員会員管理BOX*/
.card-gray-mid > .card-heading,
.card-gray-mid > .card-body {
  background-color: #ededed;
  border-color: #e8e8e8;
}
/*薄いグレー お見合い操作BOX*/
.card-gray-light > .card-heading,
.card-gray-light > .card-body {
  /*color: #3c763d;*/
  background-color: #f8f8f8;
  border-color: #e8e8e8;
}
/*クリーム色 スタートアップ会員　会員管理BARのBOX*/
.card-cream > .card-heading,
.card-cream > .card-body {
  background-color: #fff2cc;
  border-color: #e8e8e8;
}

/* テーブル
--------------------------------------*/
/*=====================================
高さ240で縦スクロール
======================================*/
.scroll_y_m {
height: 240px;
overflow-y: scroll;
overflow-x: hidden;
}
/*==========================================
BS4 色を変えるのを奇数から偶数に変更
==========================================*/
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.0);
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.05);
}

/*table-condensedより少しだけ圧縮する*/
.table-chobit-condensed > thead > tr > th,
.table-chobit-condensed > tbody > tr > th,
.table-chobit-condensed > tfoot > tr > th,
.table-chobit-condensed > thead > tr > td,
.table-chobit-condensed > tbody > tr > td,
.table-chobit-condensed > tfoot > tr > td {
  /*padding: 3px 8px; 2019年04月16日 */
  padding: 4px 8px;
  margin: 3px;
  /*text-align:center;*/
  vertical-align:middle;
  border-color:#bfbfbf;/*Add [F-800]2019年03月20日 */
}
table[class~="table-chobit-condensed"]{
	/*border:2px solid;
	border-color:#bfbfbf;*/
	border:1px solid;
	border-color:#808080;
}

/*table-chbit-condensedよりもっと圧縮する*/
.table-more-condensed > thead > tr > th,
.table-more-condensed > tbody > tr > th,
.table-more-condensed > tfoot > tr > th,
.table-more-condensed > thead > tr > td,
.table-more-condensed > tbody > tr > td,
.table-more-condensed > tfoot > tr > td {
  padding: 0.2rem;/*[R-108] 2px から 横は 4px*/
  /* margin: 2px; *//*[R-108] table-sm参考 marginは指定しないように変更*/
  /*font-size:87.5%;*//*[R-108]お見合い一覧用に調整*/
  /*text-align:center;*/
  vertical-align:middle;
  border-color:#bfbfbf;/*Add [F-800]2019年03月20日 */
}
/*table-chbit-condensedよりmarginだけ(外側）もっと圧縮する*/
.table-more-margin-condensed > table{
  width:100%;
}
.table-more-margin-condensed > thead > tr > th,
.table-more-margin-condensed > tbody > tr > th,
.table-more-margin-condensed > tfoot > tr > th,
.table-more-margin-condensed > thead > tr > td,
.table-more-margin-condensed > tbody > tr > td,
.table-more-margin-condensed > tfoot > tr > td {
  /*padding: 3px;*/
  padding: 4px 4px;
  margin: 2px;
  vertical-align:middle;
  border-color:#bfbfbf;/*Add [F-800]2019年03月20日 */
}
/*余白0, ただ配置のためのテーブル.ボーダーも無し.*/
.table-most-condensed > thead > tr > th,
.table-most-condensed > tbody > tr > th,
.table-most-condensed > tfoot > tr > th,
.table-most-condensed > thead > tr > td,
.table-most-condensed > tbody > tr > td,
.table-most-condensed > tfoot > tr > td {
  border-style:none;
  padding: 2px 0px;
  margin: 0px 0px;
  border-color:#bfbfbf;/*Add [F-800]2019年03月20日 */
}
.table-hidden-border {
  border:none;
}

/*要素を横並びにする =>★効かない 2015年11月17日 09時33分09秒*/
.table-inline-block {
  display: inline-block;
}
/* テーブル内文字を小さくする
---------------------------------------------*/
.table-small {
 /*font-size: 1.4rem;[R-108]*/
 padding: 0x 0px;
 margin: 0px 0px;
}
/* テーブル内文字を小さくする
---------------------------------------------*/
.table-normal {
 /*font-size: 1.4rem;[R-108]*/
 padding: 0x 0px;
 margin: 0px 0px;
}
/* テーブル内文字をやや大きく
---------------------------------------------*/
.table-large {
 /*font-size: 1.8rem; [R-108]*/
 padding: 1x 1px;
 margin: 1px 1px;
}

/* ------------------------------------------
テーブル内要素のalignとbackground color
2015年12月01日
--------------------------------------------*/
.tbalign-center-middle > thead > tr > th,
.tbalign-center-middle > thead > tr > td,
.tbalign-center-middle > tbody > tr > th,
.tbalign-center-middle > tbody > tr > td{
 text-align: center;
 vertical-align: middle;
}
/* <th>,<td>上下中央*/
.thtdalign-middle > thead > tr > th,
.thtdalign-middle > thead > tr > td,
.thtdalign-middle > tbody > tr > th,
.thtdalign-middle > tbody > tr > td {
	vertical-align: middle;
}
/* <th>上下中央*/
.thalign-middle > thead > tr > th,
.thalign-middle > tbody > tr > th {
  vertical-align: middle;
}
.thalign-center > thead > tr > th,
.thalign-center > tbody > tr > th{
 text-align: center;
}
/*テーブルの名称説のセル用 th背景 */
.thbg-paleblue  > thead > tr > th,
.thbg-paleblue  > tbody > tr > th{
  background-color: #c7e0f4;
  min-width: 12em; /*Add 2016/03/09*/
}
/*本会員情報入力ページ*/
.thbg-palegreen  > thead > tr > th,
.thbg-palegreen  > tbody > tr > th{
  background-color: #e3f5c9;
  /*width: 200px;*/ /*Add 2016/03/09*/ /*[R-108] Del 2021/03/27*/
}
/*スタートアップ会員情報入力ページ*/
.thbg-paleorange  > thead > tr > th,
.thbg-paleorange  > tbody > tr > th{
  background-color: #ffbe99;
  width: 200px; /*Add 2016/03/09*/
}
/*スタートアップ会員ページ*/
.thbg-paleorange2  > tbody > tr > th{
  background-color: #ffbe99;
  text-align: center;
}
/*ハートグラム登録ページ*/
.thbg-palepurple  > tbody > tr > th{
  background-color: #e8c1f0;
  text-align: center;
}
/*お見合い一覧　男性会員BOX */
.thbg-paleblue  > thead > tr > th,
.thbg-paleblue  > tbody > tr > th{
  background-color: #c7e0f4;
  min-width: 3em; /*[F-800] 12 -> 2019年03月14日 08時35分57秒*/
}
/*お見合い一覧　女性会員BOX */
.thbg-palepink  > thead > tr > th,
.thbg-palepink  > tbody > tr > th{
  /*background-color: #f4c7d0;*/
  background-color: #f5d7dd;
  min-width: 3em; /*[F-800] 12 -> 2019年03月14日 08時35分57秒*/
}
/*お見合い一覧　会員一覧スマホ用女性会員BOX */
.thbg-palepink2  > thead > tr > th,
.thbg-palepink2  > tbody > tr > th{
  background-color: #f5d7dd;
  min-width: 3em;
}
.thbg-lightgray  > thead > tr > th,
.thbg-lightgray  > tbody > tr > th{
  background-color: #e0e0e0;
}
.thbg-palegray  > thead > tr > th,
.thbg-palegray  > tbody > tr > th{
  background-color: #f0f0f0;
}
/*[F-800]add 2019年03月20日 02時15分08秒*/
.thbg-whitegray  > thead > tr > th,
.thbg-whitegray  > tbody > tr > th{
  background-color: #f8f8f8;
}
/*th背景クリーム*/
.thbg-cream  > thead > tr > th,
.thbg-cream  > tbody > tr > th{
  background-color: #fdfeda;
}

/* td背景 白*/
.tdbg-white  > tr > td,
.tdbg-white  > thead > tr > td,
.tdbg-white  > tbody > tr > td{
  background-color: #ffffff;
}
/* td背景 グレー*/
.tdbg-gray  > tr > td,
.tdbg-gray  > thead > tr > td,
.tdbg-gray  > tbody > tr > td{
  background-color: #ededed;
}

/* スタートアップ会員　会員管理用 tr背景-クリーム */
.trbg-cream  > tr,
.trbg-cream  > thead > tr,
.trbg-cream  > tbody > tr{
  background-color: #fff2cc;
}

/*--------------------------
[F-800]2019年03月13日
theadのみカラーtbodyはグレー 幅200px固定BOX用
----------------------------*/
/**/
.thhbg-palegreen  > thead > tr > th{
  background-color: #e3f5c9;
  width: 200px;
}
.thhbg-palegreen  > tbody > tr > th{
  background-color: #f0f0f0;
  width: 200px;
}
/*お見合い情報BOX [F-800]2019年03月13日*/
.thhbg-palepink  > thead > tr > th{
  background-color: #f4c7d0;
  width: 200px;
}
.thhbg-palepink  > tbody > tr > th{
  background-color: #f0f0f0;
  width: 200px;
}
/*これはヘッダーもグレー　会員情報[F-800]2019年03月13日*/
.thhbg-lightgray  > thead > tr > th,
.thhbg-lightgray  > tbody > tr > th{
  background-color: #e0e0e0;
  width: 200px;
}

/*--------------------------
[F-800]2019年03月13日
最新の状況BOX用にthead, tbodyの文字、背景、調整
----------------------------*/
/* 通常*/
.latestTable-normal  > thead > tr > th,
.latestTable-normal  > thead > tr > td
.latestTable-normal  > tbody > tr > th,
.latestTable-normal  > tbody > tr > td{
	color: #2c2c2c;
}
/* ToDo有り*/
.latestTable-todo  > thead > tr > th,
.latestTable-todo  > thead > tr > td {
  color: #ff0000;
  /* font-weight: bold; [F-855]仕様変更*/
}
/* 終了済み*/

.latestTable-end  > thead > tr > th,
.latestTable-end  > thead > tr > td{
	color: #2c2c2c;
  background-color: #f2f2f2;
  border-color: #d1d1d1;
  /* font-weight: bold; [F-855]仕様変更*/
}
.latestTable-end  > tbody > tr > th,
.latestTable-end  > tbody > tr > td{
	color: #2c2c2c;
  background-color: #f2f2f2;
  border-color: #d1d1d1;
}
/*成婚時ピンク*/
.latestTable-pink  > thead > tr > th,
.latestTable-pink  > thead > tr > td,
.latestTable-pink  > tbody > tr > th,
.latestTable-pink  > tbody > tr > td{
  background-color: #fff0f3;
  /*border-color: #e8e8e8; [F-800]2019年07月03日 */
  border-color: #bfbfbf;
  /*width: 200px;[F-800]2019年03月27日 余計*/
}


/* Thumbnail
--------------------------------------*/

.module.card .thumbnail {}

/*--------------------------------------
 Figure
--------------------------------------*/

.img-center {
 display: block;
 margin-right: auto;
 margin-left: auto;
}

/*--------------------------------------
 Form
--------------------------------------*/
.form-control {
 /*	 [R-108]2020年10月15日 BS4対応
 font-size: 16px;
 font-size: 1.6rem;*/
 font-size: 1.1rem;
}

/*--------------------------------------
 Grid
--------------------------------------*/

.no-gutter [class^="col-"] {
 padding: 0;
}

/*--------------------------------------
 Headline
--------------------------------------*/

.module[class*="headline"] > ul > li:not(:first-child) {
 /*margin-top: 1em;*/
}

.module[class*="headline"] li {
 position: relative;
}

.module[class*="headline"] li > a {
 display: block;
 text-decoration: none;
}

.module[class*="headline"] li > [class$="-right"] {
 margin-top: -0.5em;
 position: absolute;
  top: 50%;
  right: 5%;
}

.module[class*="headline"] li [class$="-right"] + a {
 padding-right: 10%;
}

.module[class*="headline"] a:not(:hover) b {
 /*text-decoration: underline;*/
}

/* List Group
--------------------------------------*/

/*.module[class*="headline"] .list-group-item > a {
 color: inherit;
 margin: -10px -15px;
 padding: 10px 15px;
}*/

/* Horizontal
--------------------------------------*/

.module.headline-horizontal > ul > li {
 display: table;
}

.module.headline-horizontal li [class^="headline_"] {
 display: table-cell;
 vertical-align: top;
}

.module.headline-horizontal li .headline_time {
 padding-right: 1em;
 white-space: nowrap;
}

.module.headline-horizontal li .headline_title {
 overflow: hidden;
}

/* Vertical
--------------------------------------*/

.module.headline-vertical li .headline_time {
 display: block;
}

/*--------------------------------------
 Icon
--------------------------------------*/

.icon {
 display: inline-block;
 font-size: inherit;
 vertical-align: middle;
}

.icon:before {
 background: no-repeat 50% 50%;
 background-size: 100% 100%;
 content: '';
 height: 1em;
 display: inline-block;
 vertical-align: middle;
 width: 1em;
}

/*--------------------------------------
 Label
--------------------------------------*/

/*--------------------------------------
 Link
--------------------------------------*/

a {
 text-decoration: underline;
 /*==================================
 BS4で色がかわった a リンク色元の色が良いとのことでBS3から
 [R-108]2021年03月11日
 ====================================*/
 color :#4f7caf;
}

a:focus,
a:hover {
 text-decoration: none;
 /*==================================
 BS4で色がかわった a リンク色元の色が良いとのことでBS3から
 [R-108]2021年03月11日
 ====================================*/
 color :#23527c;
}
 /*==================================
 [R-355]2022年04月01日 テーブルセル全体にリンクする
 ====================================*/

a.widelink {
  color:#000;
  display: block;
}
a.widelink:hover{ background-color: #efefef;}

/* Block
--------------------------------------*/

.link-block {
 color: inherit;
 display: block;
 text-decoration: none;
}

.link-block:focus,
.link-block:hover {
 background-color: #f5f5f5;
 color: #038bd1;
}

/* Pseudo
--------------------------------------*/

.link-pseudo {
 cursor: pointer;
 text-decoration: underline;
}

.link-pseudo:focus,
.link-pseudo:hover {
 text-decoration: none;
}

/* Rollover
--------------------------------------*/

/*.rollover {
 display: inline-block;
}*/

.link-rollover img {
 filter: alpha(opacity=80);
 opacity: 0.8;
}

.link-rollover:focus img,
.link-rollover:hover img {
 filter: alpha(opacity=100);
 opacity: 1;
}

/*.lt-ie9 .rollover {
 display: inline;
}*/

/*--------------------------------------
 List
--------------------------------------*/

/* Button
--------------------------------------*/

.list-button li {
  margin-top: 10px;
}

.list-button li:first-child {
  margin-top: 0;
}

/* Definition
--------------------------------------*/

.dl-horizontal.list-unstyled dt {
 font-weight: normal;
 margin-right: 1em;
 text-align: left;
 text-overflow: inherit;
 white-space: normal;
 width: auto;
}

.dl-horizontal.list-unstyled dd {
 margin-left: 0;
 overflow: hidden;
}
.v-middle{
 display: inline-block;
 vertical-align:middle;
}
/*-------------------------------------
*/
.align-center{
 display:flex;
 align-items:center;
}

/* Inline
--------------------------------------*/
.list-inline.condense-v {
 padding:1px;
 margin-top:2px;
 margin-bottom:2px;
}

.list-inline.condense-v > li {
 padding:1px;
 margin:1px;
}

.list-inline {
 margin-bottom: 0;
}

.list-inline > li {
 /*margin-bottom: 10px;*/
 margin-bottom: 4px;
}


.list-inline.no-gutter {
 margin-left: 0;
 overflow: hidden;
}

.list-inline.no-gutter > li {
 float: left;
 padding: 0;
}

.list-inline.inline-flex {
 display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.list-inline.inline-flex .text-right {
 margin-left: auto;
}
/*[R-141]2021/02/10　元yoko.css(mb-module.css)からマージ*/
.list-unstyled li{
  margin-bottom: 5px;
}

/*--------------------------------------
 Media
--------------------------------------*/

/* Media queries
@media (max-width: 480px) {
:
@media (min-width: 768px) and (max-width: 991px) {
:
の記述があった bootstrap使用しているので要らないので削除した
2025年03月12日 
--------------------------------------*/


/*--------------------------------------
 Tab
--------------------------------------*/
/* 一般*/
.nav-tabs > li > a {
 text-decoration: none;
 /*文字を太文字に 2015/10/07*/
 font-weight:bold;
 font-size:110%; /*[R-108]2021年01月22日 BS4対応 140%から変更 */
 /*非選択中をグレー、選択中を白 2015/10/03*/
 background-color: #eee;
}

.nav-tabs > li.active > a {
/* background-color: #eee;
選択中を白 2015/10/03 */
 background-color: #fff;
}

/*
　お見合一覧表示対象 方向、ステータス選択用
 //[R-071]2016年03月24日 アクティブ<->非アクティブで　ピンク白反転に変更
-----------------------------------------------*/

.nav-tabs-choose > li > a {
 padding: 6px 4px;
 border-top:1px solid;
 border-bottom:1px solid;
 border-left:1px solid;
 border-right:1px solid;
 border-width: 1px;
 border-color: #f44a6c;
 border-radius: 4px;
 text-decoration: none;
 font-weight:nomal;
 color: #f44a6c;
 background-color: #fff;
}
.nav-tabs-choose.nav-pills > li + li {
  margin-left: 4px;
}
.nav-tabs-choose > li > a:hover,
.nav-tabs-choose > li> a:focus{
 /*color:#fff;*/
 background-color: #f4a6b6;
}
.nav-tabs-choose > li > a:link{
 /*color:#f44a6c;*/
 background-color: #fff;
}

.nav-tabs-choose > li.active > a,
.nav-tabs-choose > li.active > a:hover,
.nav-tabs-choose > li.active > a:focus{
 font-weight:bold;
 color:#fff;
 font-size:110%;
background-color: #f44a6c;
}

.tab-content {
 padding: 10px 0;
}

.select_upper > .nav-tabs-choose:first-child > li.active:before {
  border: 20px solid transparent;
  border-bottom: 21px solid #dfdfdf;
  content: '';
  display: inline-block;
  position: absolute;
  /* [R-108]2021年02月17日 お見合い画面▲の調整 top100%->120%
  ----------------------------------------*/
   top: 120%;
   left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/* [R-108]2021年02月17日 お見合い画面▲の調整
----------------------------------------*/
.nav-tabs-choose > li {
  position: relative;
  display: block;
}
/*----------------------------------------*/

.select_bellow > .nav-tabs-choose,
.select_bellow > .nav-tabs-choose2 {
  background-color: #dfdfdf;
  padding: 8px;
}

/*
.nav-tabs-choose:first-child ~ .nav-tabs-choose {
  background-color: #efefef;
  padding: 8px;
}
*/

.nav-tabs-choose.nav-flex {
  display: flex;
}

.nav-tabs-choose.nav-flex-wrap {
  flex-wrap: wrap;
}

.nav-tabs-choose.nav-flex > li {
  display: flex;
  margin-bottom: 4px;
  text-align: center;
  width: 100%;
}

.nav-tabs-choose.nav-flex > li > a {
  border-radius: 0;
  display: inherit;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
  width: 100%;
}

.nav-tabs-choose.nav-flex > li > a.radius {
  border-radius: 4px;
}

.nav-tabs-choose.nav-flex > li > a.radius-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.nav-tabs-choose.nav-flex > li > a.radius-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.nav-tabs-choose.nav-flex > li:first-child > a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.nav-tabs-choose.nav-flex > li:last-child > a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.nav-tabs-choose.nav-flex > li[data-style="col-2"] {
  width: 16.66666667%;
}

.nav-tabs-choose.nav-flex > li[data-style="col-3"] {
/*  width: 25%;[F-800]2019/07/16 ipohneで表示が乱れるので修正*/
  width: 24.9%;
}

.nav-tabs-choose.nav-flex > li[data-style="col-4"] {
  width: 33.33333%;
}

.nav-tabs-choose.nav-flex > li[data-style="col-5"] {
  width: 41.66666667%;
}

.nav-tabs-choose.nav-flex > li[data-style="col-12"] {
  display: block;
  width: 100%;
}

.nav-tabs-choose.nav-flex > li + li {
  margin-left: 0;
}

/* お見合い一覧 相談室 
 * 
 */
 
/* [R-720]BOお見合い一覧の絞り込みバー BOでレイアウト変更（BOのみ追加） */
.nav-tabs-choose-bomanage {
  padding: 0;
  border-top:1px solid;
  border-bottom:1px solid;
  border-left:1px solid;
  border-right:1px solid;
  border-width: 1px;
  border-color: #f44a6c;
  border-radius: 4px;
  text-decoration: none;
  font-weight:bold;
  color: #f44a6c;
  background-color: #fff;
}

/* [R-720]BOお見合い一覧の絞り込みバー BOでレイアウト変更（BOのみ追加） */
.nav-tabs-choose-bomanage > li > a {
  display: block;
  text-decoration: none;
  font-weight:bold;
  color: #df667e;
}

/* [R-720]BOお見合い一覧の絞り込みバー BOでレイアウト変更（BOのみ追加） */
.nav-tabs-choose-bomanage.nav-pills > li {
  padding: 6px 4px;
  border-right:1px solid;
  border-color: #df667e;
}

/* [R-720]BOお見合い一覧の絞り込みバー ホバー BOでレイアウト変更（BOのみ追加） */
.nav-tabs-choose-bomanage.nav-pills > li:hover{
  background-color: #f4a6b6;
}

/* [R-720]BOお見合い一覧の絞り込みバー アクティブ BOでレイアウト変更（BOのみ追加） */
.nav-tabs-choose-bomanage > li.active ,
.nav-tabs-choose-bomanage > li.active > a{
  font-weight:bold;
  color:#fff;
  background-color: #df667e !important;
}


/* [R-720]BOお見合い一覧絞り込みバー 対応待ちアイコン・文字 BOでレイアウト変更（BOのみ追加） */
.fa-orange-menu{
  color: #f78d39;
  background-color: #fff;
}

.fa-orange-menu:hover{
  color: #c76a2e;
}

@media (max-width: 767px) {
  .select_bellow > .nav-tabs-choose.nav-pills {
    background-color: #fff0f3;
    border: 1px solid #f4c7d0;
  }

  .nav-tabs-choose.nav-flex > li{
    width: 20%;
  }
/* @@@@ これはダメ [R-843] スマホで col-6 が横並びにならなくなる2025年03月13日 
  .row{
    display: block;
    margin: 0px;
  }
  */
  .btn-bo-inverse{
    color: #4f7caf;
  }
}


/* Justified
--------------------------------------*/
/* [R-108]2020年10月15日 BS4  メニューボタンの並びの外枠線が出る。コメントすると下線だけ残るため 0px*/
.nav-tabs,.nav-tabs-choose.nav-justified > li > a {
 border: 0px solid #ddd;
}



/*
　お見合一覧表示対象 すべての会員|会員別選択用
[R-071]2016年03月24日 アクティブ<->非アクティブで　緑白反転変更に変更
-----------------------------------------------*/
/* [R-720]BOお見合い一覧 BOでレイアウト変更（BOのみ追加）  */
.nav-tabs-choose2-bomanage {
  padding: 0;
  border-top:1px solid;
  border-bottom:1px solid;
  border-left:1px solid;
  border-right:1px solid;
  border-width: 1px;
  border-color: #45621b;
  border-radius: 4px;
  text-decoration: none;
  font-weight:bold;
  color: #45621b;
  background-color: #fff;
}

/* [R-720]BOお見合い一覧 BOでレイアウト変更（BOのみ追加） */
.nav-tabs-choose2-bomanage > li > a {
  display: block;
  text-decoration: none;
  font-weight:bold;
  color: #45621b;
}

/* [R-720]BOお見合い一覧 BOでレイアウト変更（BOのみ追加） */
.nav-tabs-choose2-bomanage.nav-pills > li {
  padding: 6px 4px;
  border-right:1px solid;
  border-color: #fff;
}

/* [R-720]BOお見合い一覧ページ BOでレイアウト変更（BOのみ追加） */
.nav-tabs-choose2-bomanage.nav-pills > li:hover{
  background-color: #9ec662;
}

/* [R-720]BOお見合い一覧ページ BOでレイアウト変更（BOのみ追加）  */
.nav-tabs-choose2-bomanage > li.active ,
.nav-tabs-choose2-bomanage > li.active > a{
  font-weight:bold;
  color:#fff;
  border-color: #45621b !important;
}

/* [R-720]BOお見合い一覧ページ BOでレイアウト変更（BOのみ追加） */
.nav-tabs-choose2-bomanage > li.active {
 color:#fff;
 font-weight:bold;
 font-size:100%;
 background-color: #45621b !important;
}


.nav-tabs-choose2 > li > a {
 padding: 6px 4px;
 border-top:1px solid;
 border-bottom:1px solid;
 border-left:1px solid;
 border-right:1px solid;
 border-width: 1px;
 border-color: #45621b;
 border-radius: 4px;
 text-decoration: none;
 color:#45621b;
 font-weight:nomal;
 background-color: #fff;
}
.nav-tabs-choose2.nav-pills > li + li {
  margin-left: 4px;
}
.nav-tabs-choose2 > li > a:hover,
.nav-tabs-choose2 > li> a:focus{
 text-color:#fff;
 background-color: #9ec662;
}
.nav-tabs-choose2 > li > a:link{
 text-color:#45621b;
 background-color: #fff;
}

.nav-tabs-choose2 > li.active > a,
.nav-tabs-choose2 > li.active > a:hover,
.nav-tabs-choose2 > li.active > a:focus{
 color:#fff;
 font-weight:bold;
 font-size:110%;
 background-color: #45621b;
}


/*
　お見合プログレス表示用
-----------------------------------------------*/

.nav-tabs-progress > li > p{
 mergin-top:40px;
 padding: 6px 8px;
 border-width: 1px;
 border-color: #772435;
 border-radius: 2px;
 text-decoration: none;
 text-color:#fff;
 font-weight:bold;
 vertical-align:center;
 color: #fff;
 /*height:90px; 2017年03月01日 [F-427]*/
 height:32px;
 background-color: #888;
}
.nav-tabs-progress.nav-pills > li + li {
  margin-left: 4px;
}
.nav-tabs-progress > li.active > p {
 text-color:#fff;
 /*background-color: #f44a6c; [F-247]*/
 background-color: #df667e;
}
.nav-tabs-progress > li.active >i{
 text-color:#888;
 background-color: #fff;
}


/*--------------------------------------
 Table
--------------------------------------*/

caption {
 color: inherit;
 font-size: 1em;
 font-weight: bold;
 padding-top: 0;
 text-align: left;
}
/*幅が狭い場所用キャプション*/
caption_narrow {
 color: inherit;
 font-size: 1em;
 font-weight: bold;
 padding-top: 0;
 padding-left: 1;
 padding-right: 1;
 text-align: left;
}

.table > thead {
 background-color: #f0f0f0;
}

th[scope="row"],
td[scope="row"] {
 white-space: nowrap;
 width: 1%;
}

.table > thead > tr > .text-middle,
.table > tfoot > tr > .text-middle,
.table > tbody > tr > .text-middle {
 vertical-align: middle;
}

td:empty:before {
 content: '-';
 display: block;
 visibility: hidden;
}

/* Border
--------------------------------------*/

.table-bordered th[scope="row"] {
 /*background-color: #eee;*/
 /*background-color: #fcfcfc;*/
 background-color: #f0f0f0;/*[F-800]全体的に*/
}
.table-bordered th[scope="row"][colspan="2"] {
 white-space: normal;
}
/* Calendar
--------------------------------------*/

.table-calendar {
  margin-bottom: 0;
}

.table-calendar * {
 font-size: 13px;
 /*font-size: 1.0rem;*/
 text-align: center;
 padding:0px;
 margin:0px;
}

.table-calendar > thead {
 background-color: #4d494d;
 color: #fff;
}

.table-calendar > tbody > tr > td,
.table-calendar > tbody > tr > th,
.table-calendar > tfoot > tr > td,
.table-calendar > tfoot > tr > th,
.table-calendar > thead > tr > td,
.table-calendar > thead > tr > th {
 padding: 7px;
}

.table-calendar > tbody > tr:first-child td {
  border-top: none;
}

/*[F-348]カレンダー新規機能 2021/07/18*/
.calender_topborder{
  border: 1px solid #bfbfbf;
}

.calender_sun{
  color: #ff0000;
}

.calender_sat{
  color: #1078CD;
}

.calender_week{
  /*width: 70px;*/
  width: 14.28%;
  text-align: center;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.calender_day{
  /*width: 67px;*/
  height: 85px;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  text-align: center;
}

.calender_daytop{
  width: 110px;
  height: 88px;
  border-top: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  text-align: center;
}

.calender_link :hover{
  background-color: #efefef;
}

.calender_overall a{
  width: 14.28%;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

.calender_next,
.calender_prev{
  background-color: #E6E6E6;
}

.calender_top{
  background-color: #ddeffc;
}

.todaymark , .todaymark :hover{
  background-color: #73a0c4;
  color: #ffffff;
}

.today ,
.scdulememo{
  background-color: #FDFEDA;
}

div[id^="meeting_"]{
  font-weight: normal;
  font-size: 0.9em;
}

div[id^="memo_"]{
  font-weight: normal;
  font-size: 0.9em;
}

.cal-orange:before{
  color: #e3630d;
}
.cal-red:before{
  color: #df667e;
}
.cal-purple:before{
  color: #8e5c98;
}
.cal-green:before{
  color: #659a5d;
}
.cal-grey:before{
  color: #dcdcdc;
}

.cal-border-left{
  border-left: 1px solid #bfbfbf !important;
}
.cal-border{
  border: 1px solid #bfbfbf !important;
}

.cal-border > thead > tr > th{
    border:1px solid #bfbfbf !important;
}
.cal-border > tbody > tr > td{
    border:1px solid #bfbfbf !important;
}

.text-pink,.text-pink:hover{
  border: 1px solid #D1427E;
  color: #df667e;
}
/*[F-348]カレンダー新規機能ここまで 2021/07/18*/


/*でかいチェックボックスのために
<div class="checkbox>
-----------------------------------------------*/

.chkbox {
    margin:         0 0 10px 10px;
}
/* ラベルのスタイル　*/
.chkbox label {
    padding-left: 18px;     /* 38px; */          /* ラベルの位置 */
    font-size:      18px;
    line-height:        28px;
    display:        inline-block;
    cursor:         pointer;
    position:       relative;
}

/* ボックスのスタイル */
.chkbox label:before {
    content:        '';
    width:          22px;           /* ボックスの横幅 */
    height:         22px;           /* ボックスの縦幅 */
    display:        inline-block;
    position:       absolute;
    left:           0;
    background-color: #fff;
    border: 1px solid #666;
}

/* 元のチェックボックスを表示しない */
.chkbox input[type=checkbox] {
    display:        none;
}
/* チェックした時のスタイル */
.chkbox input[type=checkbox]:checked + label:before {
    content:        '\2713';        /* チェックの文字 */
    font-size:      22px;           /* チェックのサイズ */
    color:          #000;           /* チェックの色 */
    background-color:   #ccc;           /* チェックした時の色 */
}


/* Inverse
--------------------------------------*/

.thead-inverse {
 background-color: #4d494d;
 color: #fff;
}

/* Responsive
--------------------------------------*/

@media (max-width: 480px) {
 .table-responsive > .table textarea.form-control,
 .table-responsive > .table textarea.form-control {
  width: auto;
 }
}

@media (max-width: 767px) {
 .table-responsive > .table > tbody > tr > .text-normal,
 .table-responsive > .table > tbody > tr > .text-normal,
 .table-responsive > .table > tfoot > tr > .text-normal,
 .table-responsive > .table > tfoot > tr > .text-normal,
 .table-responsive > .table > thead > tr > .text-normal,
 .table-responsive > .table > thead > tr > .text-normal {
  white-space: normal;
 }
}

/* Block
------------------*/
.table-responsive-block .form-group.text-nowrap {
 display: table-cell;
}

.table-responsive-block .form-group.text-nowrap + .form-group.text-nowrap {
 width: 100%;
}

.table-responsive-block .form-group.text-nowrap + .form-group.text-nowrap .form-control,
.table-responsive-block .control-fluid {
 width: 100%;
}

@media (max-width: 767px) {
 .table-responsive-block th,
 .table-responsive-block td {
  display: block;
  width: 100%;
 }

 .table-responsive-block label + input.form-control {
  display: inline-block;
  width: auto;
 }

 .table-responsive-block .form-group {
  display: inline-block;
 }

 .table-responsive-block .form-group .form-control {
  display: inline-block;
  width: auto;
 }
}

@media print {
 .table-responsive-block th,
 .table-responsive-block td {
  display: table-cell;
  width: auto;
 }

 .table-responsive-block th[scope="row"],
 .table-responsive-block td[scope="row"] {
  white-space: nowrap;
  width: 1%;
 }
}

/* Horizontal
------------------*/

@media (max-width: 480px) {
 .table-responsive-horizontal {
  border: none;
 }
 .table-responsive-horizontal thead {
  display: none;
 }
 .table-responsive-horizontal tr {
  margin-bottom: 20px;
  display: block;
 }
 .table-responsive-horizontal td {
  display: block;
 }
 .table-responsive-horizontal td:before {
  content: attr(data-label);
  display: block;
  font-weight: bold;
 }
}

/* Stripe
--------------------------------------*/

/*--------------------------------------
 Thumbnail
--------------------------------------*/

/*--------------------------------------
 Typography
--------------------------------------*/

/* Text
--------------------------------------*/
.text-xs {
 font-size: 0.6rem;
}
.text-sm {
 font-size: 0.8rem;
}
/*text-sm と text-smmの中間*/
.text-sms {
 font-size: 0.848rem;
}
.text-smm {
 font-size: 0.9rem;
}
/* 1.-remとtext-lgの中間　[R-512]パスワード注意用に2023年02月15日 Add */
.text-ml {
 font-size: 1.2rem;
}

.text-lg {
 /*font-size: calc(1em + 2px);*/
 font-size: 1.6rem;
}

.text-middle {
 vertical-align: middle;
}

.text-normal {
 white-space: normal;
}
/*--------------------------------------
 文字サイズのみ調整 margin/paddingさわらない
--------------------------------------*/
.text-h1 {
 font-size: 36px;
}
.text-h2 {
 font-size: 30px;
}
.text-h3 {
 font-size: 22px;
 /*margin:2;
 padding:2;
*/
}
.text-h4 {
 font-size: 18px;
}
/*h4とh5のあいだ*/
.text-h5p {
 font-size: 16px;
}
.text-h5 {
 font-size: 14px;
}
.text-h4b {
 font-size: 18px;
 font-weight:bold;
}
.text-h5pb {
 font-size: 16px;
 font-weight:bold;
}
.text-h5b {
 font-size: 14px;
 font-weight:bold;
}

/*
------------------------------------------
 [R-227] 通信履歴欄用から　背景色だけ定義クラス
------------------------------------------*/
/* [R-498]システムからのお知らせ用に追加*/
.bg_pale_coral{
	background-color: #ffafa0;
	border-color: #ffafa0;
}
.bg_pale_green{
	background-color: #e3f5c9;
	border-color: #e3f5c9;
	/*border-color: #e0efc8;*/
}
.bg_pale_blue{
	background-color: #d7e8f5;
  	border-color: #d7e8f5;
  	/*border-color: #d1e2f4;*/
}
.bg_pale_gray{
	background-color: #ececec;
  	border-color: #ececec;
  	/*border-color: #e0e0e0;*/
}
.bg_faint_gray{
	background-color: #fafafa;
  	border-color: #ececec;
  	/*border-color: #e0e0e0;*/
}
/*--------------------------------------
[R-381]2022年05月14日 アプリ誘導ダイアログ用に
背景色 /色だけの定義追加
----------------------------------------*/
/* 背景色だけ */
.bgcolor_mint_green{background-color: #3aad98; }/*ミントグリーン*/
.bgcolor_pale_mint_green {background-color: #e9f5ec; }/*うすーいミントグリーン*/
.bgcolor_app_guide {background-color: #00969c; }/*[R-706]アプリ誘導ダイアログ用 スマホ mbtopの下　
   [R-739]KH2024年07月30日DFLアプリリリース後色変#409fbd;から変更*/
   
/* 色だけ */
.fgcolor_mint_green{color: #3aad98; }/*ミントグリーン*/
.fgcolor_white{color: #fff; }/*白*/
.fgcolor_gray_dark{color: #333; }/*グレー 暗い*/
/*--------------------------------------
 文字を囲むBOX 2019年12月25日スマホお見合い新着マークのため作成
--------------------------------------*/
.box-rw {
    padding: 0.1em 0.3em;
    margin: 0.1em 0.3em;
    font-weight: bold;
    color: #e93a35;/*文字色*/
    background: #FFF;
    border: solid 2px #e93a35;/*線*/
    border-radius: 2px;/*角の丸み*/
}
.box-rw p{
    margin: 0;
    padding: 0;
}
/*---------------------------------------
 余白調整
 --------------------------------------*/
 .margin-guide {/*説明文　cardやテーブル中*/
 margin:2px 2px 2px 8px;
 padding:2px;
 }
/*--------------------------------------
 Profile
--------------------------------------*/

.module.profile {
}
/*--------------------------------------
 会員用 ワイド帯領域用テーブル
 [R-024]2015年09月15日 K.Homma
 2015年10月01日 白抜きじゃなくなった。がレイアウトのため使用する
--------------------------------------*/
.table-mbW {
  margin:12px 4px 2px ;
  padding:14px 4px 4px;
  border-width:0;
  border-color:#426212;
  border-style:solid;
  background:#558017;
color:#333;
}
/*--------------------------------------
 相談室用 ワイド帯領域用テーブル
 [R-035]2015年10月19日 K.Homma
--------------------------------------*/
.table-boW {
  margin:12px 4px 2px ;
  padding:14px 4px 4px;
  border-width:0;
  border-color:#6d98ba;
  border-style:solid;
  background:#73a0c4;
color:#333;
}

/*--------------------------------------------------------
 会員用 ナビ ボタン部反転色 緑ベース
 色調整用データ
 no  RGB    HSV
 0 : d7f0b3
 1 : 699e1c  84 82 62
 2 : 558017  84 82 50
 2': 4c7315  84 82 45
 3 : 426212  84 82 39
 4 : accf77  84 43 81 薄い色(9/24)
 5 : 8bac5a  84 48 68 薄い色(9/24) もう少し濃く
 6 : d7e1c9 うすい　ボタンアクティブ
 7 : aac59c 2015年10月01日 背景この薄い色に変更

 色調整用データ
 no  RGB    HSV
 1 : 558017 85 82 50 ベース
 2 : 4c7315 84 82 45
 --------------------------------------------------------*/

.navbar-mb-inverse {
  background-color: #558017;
  border-color: #4c7315;
}
.navbar-mb-inverse .navbar-brand {
  color: #a9ff2d;
}
.navbar-mb-inverse .navbar-brand:hover,
.navbar-mb-inverse .navbar-brand:focus {
  color: #ccc;
  background-color: #aac59c;
}
.navbar-mb-inverse .navbar-text {
  color: #444;
}
.navbar-mb-inverse .navbar-nav > li > a {
  color: #222;
  /*リンク区切りの縦線を付ける ボタン
  border-left: 4px solid rgba(255, 255, 255, .75);
  border-right: 4px solid rgba(0, 0, 0, .1);
  */
  /*background-color: #558017;*/
  background-color: #fff;
  margin: 2px 4px 4px;
}
.navbar-mb-inverse .navbar-nav > li > a:hover,
.navbar-mb-inverse .navbar-nav > li > a:focus {
  color: #222;
  background-color: #d0d0d0;
}
.navbar-mb-inverse .navbar-nav > .active > a,
.navbar-mb-inverse .navbar-nav > .active > a:hover,
.navbar-mb-inverse .navbar-nav > .active > a:focus {
  /*background-color: #333; [R-029]*/
  color: #111;
  /*background-color: #d7e1c9;*/
  background-color: #e0e0e0;
}
.navbar-mb-inverse .navbar-nav > .disabled > a,
.navbar-mb-inverse .navbar-nav > .disabled > a:hover,
.navbar-mb-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-mb-inverse .navbar-toggle {
  border-color: #aac59c;
}
.navbar-mb-inverse .navbar-toggle:hover,
.navbar-mb-inverse .navbar-toggle:focus {
    color: #fff;
  background-color: #4c7315;
}
.navbar-mb-inverse .navbar-toggle .icon-bar {
    /*background-color: #fff; [R-029]2015年09月25日 */
  /* background-color: #888;[R-033]2015年10月09日 */
  background-color: #fff;
}
.navbar-mb-inverse .navbar-collapse,
.navbar-mb-inverse .navbar-form {
  border-color: #8bac5a;
}
.navbar-mb-inverse .navbar-nav > .open > a,
.navbar-mb-inverse .navbar-nav > .open > a:hover,
.navbar-mb-inverse .navbar-nav > .open > a:focus {
  color: #ccc;
  background-color: #558017;
}
/* 以下無くても良さそう 2015年09月20日 18時10分16秒*/
@media (max-width: 767px) {
  .navbar-mb-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #b92032;
  }
  .navbar-mb-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #b92032;
  }
  .navbar-mb-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #b92032;
  }
  .navbar-mb-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-mb-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-mb-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-mb-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-mb-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #b92032;
  }
  .navbar-mb-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-mb-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-mb-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-mb-inverse .navbar-link {
  color: #b92032;
}
.navbar-mb-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-mb-inverse .btn-link {
  color: #b92032;
}
.navbar-mb-inverse .btn-link:hover,
.navbar-mb-inverse .btn-link:focus {
  color: #fff;
}
.navbar-mb-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-mb-inverse .btn-link:hover,
.navbar-mb-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-mb-inverse .btn-link:focus {
  color: #444;
}
/**/
/*--------------------------------------------------------
相談室用 ナビ ボタン部反転色 ベース
 色調整用データ

  色調整用データ
 no  RGB    HSV
 1 : 175180 207 82 50 ベース
 2 : 154a75 207 82 46 暗い
 3 : 13446b 207 82 42 もっと暗い
 <2015年10月21日変更>
 1 : 73a0c4 207 41 77 ベース
 2 : 6d98ba 207 41 73 やや暗い
 3 : 6790b0 207 41 69 暗い
 4 : 6187a6 207 41 65 もっと暗い
 +1: 7eafd6 207 41 84 やや明るい
 +2: 8ec6f2 207 41 95 明るい
 --------------------------------------------------------*/

.navbar-bo-inverse {
  background-color: #73a0c4;
  border-color: #6d98ba;
}
.navbar-bo-inverse .navbar-brand {
  color: #8ec6f2;
}
.navbar-bo-inverse .navbar-brand:hover,
.navbar-bo-inverse .navbar-brand:focus {
  color: #ccc;
  background-color: #7eafd6;
}
.navbar-bo-inverse .navbar-text {
  color: #444;
}
.navbar-bo-inverse .navbar-nav > li > a {
  /*color: #222; [R-061]*/
  color: #444;
background-color: #fff;
  margin: 2px 4px 4px;
  /*R-108 font-size:105%;*/
  font-size:1.0rem;
}
.navbar-bo-inverse .navbar-nav > li > a:hover,
.navbar-bo-inverse .navbar-nav > li > a:focus {
  /*color: #222; [R-061]*/
  color: #333;
  background-color: #d0d0d0;
  /*R-108 font-size:105%; */

}
.navbar-bo-inverse .navbar-nav > .active > a,
.navbar-bo-inverse .navbar-nav > .active > a:hover,
.navbar-bo-inverse .navbar-nav > .active > a:focus {
  /*background-color: #333; [R-029]*/
  color: #222; /* color: #111; [R-061]*/
  /*background-color: #d7e1c9;*/
  background-color: #e0e0e0;
  /*R-108  font-size:110%; */
}
.navbar-bo-inverse .navbar-nav > .disabled > a,
.navbar-bo-inverse .navbar-nav > .disabled > a:hover,
.navbar-bo-inverse .navbar-nav > .disabled > a:focus {
  color: #888; /* color: #444;[R-061] */
  background-color: transparent;
}
.navbar-bo-inverse .navbar-toggle {
  border-color: #aac59c;
}
.navbar-bo-inverse .navbar-toggle:hover,
.navbar-bo-inverse .navbar-toggle:focus {
    color: #fff;
  background-color: #6d98ba;
}
.navbar-bo-inverse .navbar-toggle .icon-bar {
    /*background-color: #fff; [R-029]2015年09月25日 */
  /* background-color: #888;[R-033]2015年10月09日 */
  background-color: #fff;
}
.navbar-bo-inverse .navbar-collapse,
.navbar-bo-inverse .navbar-form {
  border-color: #7eafd6;
}
.navbar-bo-inverse .navbar-nav > .open > a,
.navbar-bo-inverse .navbar-nav > .open > a:hover,
.navbar-bo-inverse .navbar-nav > .open > a:focus {
  color: #ccc;
  background-color: #73a0c4;
}

/*3本線が効かなくなったため追加 2021/03/26*/
.navbar-toggler .icon-bar{
  display: block;
  height:2px;
  border-radius:1px;
  margin-bottom:5px;
}

/*--------------------------------------
 card
 　会員カラーの緑
 [R-024]2015/09/18 K.Homma
 色調整用データ
 no  RGB    HSV
 1 : 699e1c  84 82 62
 2 : 558017  84 82 50
 3 : 426212  84 82 39
 4 : 38540f  84 82 33
 2015/10/03 426212->699e1c
 5 : b8dc82  84 41 86  2015年10月06日 赤いロゴと合わないため再度下げた明るい色に
 5 : abc488  84 31 77  2015年10月06日 赤いロゴと合わないため再度下げた明るい色に
--------------------------------------*/
.card-mb {
  /*border-color: #558017;2019/07/16[F-800]ログイン画面　ボーダー表示色変更*/
  border-color: #659a5d;

}
.card-mb > .card-heading {
  color: #333;
/*  background-color: #558017;*/ /*2015年10月15日 白色ロゴにして濃い緑の戻し [F-800]20190712修正*/
background-color: #659a5d;
  /*background-color: #b8dc82;*/
  /*background-color: #abc488;*/
border-color: #38540f;
}
.card-mb > .card-heading + .card-collapse > .card-body {
  border-top-color: #38540f;
}
.card-mb > .card-heading .badge {
  color: #699e1c;
  background-color: #5c8e18;
}
.card-mb > .card-footer + .card-collapse > .card-body {
  border-bottom-color: #38540f;
}
/*--------------------------------------
 card
 　相談室カラーの青
 [R-035]2015/10/19 K.Homma

 色調整用データ
 no  RGB    HSV
 1 : 175180 207 82 50 ベース
 2 : 154a75 207 82 46 暗い
 3 : 13446b 207 82 42 もっと暗い
  <2015年10月21日変更>
 1 : 73a0c4 207 41 77 ベース
 2 : 6d98ba 207 41 73 やや暗い
 3 : 6790b0 207 41 69 暗い
 4 : 6187a6 207 41 65 もっと暗い
 +1: 7eafd6 207 41 84 やや明るい
 +2: 8ec6f2 207 41 95 明るい
 --------------------------------------*/
.card-bo {
  border-color: #73a0c4
}
.card-bo > .card-heading {
  color: #333;
  background-color: #73a0c4;
  border-color: #6d98ba;
}
.card-bo > .card-heading + .card-collapse > .card-body {
  border-top-color: #6187a6;
}
.card-bo > .card-heading .badge {
  color: #73a0c4;
  background-color: #6187a6;
}
.card-bo > .card-footer + .card-collapse > .card-body {
  border-bottom-color: #6790b0;
}

/* LGBT相談室色調整[R-763] 2024/07/12Add */
.lgbtbody{
  background-image: url('../../common/img/lgbt_head.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.card-lgbt {
  border-color: #d1437e;
}
.card-lgbt > .card-heading {
  color: #333;
  background-color: #d1437e;
  border-color: #c23a72;
}
.card-lgbt > .card-heading + .card-collapse > .card-body {
  border-top-color: #b63566;
}
.card-lgbt > .card-heading .badge {
  color: #d1437e;
  background-color: #b63566;
}
.card-lgbt > .card-footer + .card-collapse > .card-body {
  border-bottom-color: #bc3d6d;
}

/* an相談室色調整[R-763] 2024/07/12Add */
.card-an {
  border-color: #CD0000;
}
.card-an > .card-heading {
  color: #333;
  background-color: #CD0000;
  border-color: #b80000;
}
.card-an > .card-heading + .card-collapse > .card-body {
  border-top-color: #a30000;
}
.card-an > .card-heading .badge {
  color: #CD0000;
  background-color: #a30000;
}
.card-an > .card-footer + .card-collapse > .card-body {
  border-bottom-color: #a90000;
}


/*--------------------------------------

 (見出しと小見出し : red / green / bluegreen / purple )
[R-027]2015/09/18 add K.Homma

2015/09/22
red:db525a green 6a9f1d bluegreen:00828c purple:8c4e99
をくすんだ暗い色に変更
red:614042 green 546140 bluegreen:405f61 purple:5d4061
もっと彩度お年て明るく
red:806666 green:758066 blue:667480 bluegreen:667e80 purple:7b6680
赤をオレンジよりに(2015年09月23日)
red:806f66
red: ee3f31 9/24 鮮やかに
2015年10月01日 10時20分22秒 もうすこし明るく鮮やかに H=40 V=60
・赤だけより鮮やかに
 985c5c (360 40 60)
 -> df667e (HSV=348 54 87)
2015年10月02日 BIU打合せの要望
 ・緑だけ濃くする
80985c ( 84 40 60) ->  668040 (84 50 50)
--------------------------------------*/
/*メニューボタンアイコンの色
red:df667e green:80985c  blue:5c7d98  bluegreen:5c9498  purple:8e5c98  orange:98745c  gray:
2015年10月01日 pdfから取ったうすい色に変更
red:f4a3ac green:aac59c  blue:b0b8d7  bluegreen:b0ccd7  purple:ca9db2  orange:f7d2b5  gray:dbdbdb
*/
.fa-white:before{
  color : #ffffff;
}
.fa-red:before{
  /*color : #f4a3ac;  2015年10月07日 Hをタイトルに合わせ調整*/
  color : #f4a3b3;
}
.fa-green:before{
  /*color : #aac59c;  2015年10月07日 Hをタイトルに合わせ調整*/
  color : #b5c59c;
}
.fa-green-v:before{
  /*タイトルバー内ヘルプアイコン用 vividなタイトルバーと同じ色*/
  color : #558017;
}
.fa-blue:before{
  /*color : #b0b8d7;  2015年10月07日 Hをタイトルに合わせ調整*/
  color : #b0c5d7;
}
.fa-bluegreen:before{
  /*color : #b0ccd7;  2015年10月07日 Hをタイトルに合わせ調整*/
  color : #b0d4d7;
}
.fa-purple:before{
  /*color : #ca9db2;  2015年10月07日 Hをタイトルに合わせ調整*/
  color : #c29dca;
}
.fa-orange:before{
  /* color : #f7d2b5; 2015年11月19日 薄すぎるのでS up*/
  color : #f7b886;
}
.fa-gray:before{
  /*color : #dbdbdb; 2015年10月09日 ボタンアクティブのときみにくいのでもっと濃く*/
  color : #929292;
}
.fa-gray-dark:before{ /*削除するボタンと同じ色*/
  color : #7a7a7a;
}
.fa-gray-light:before{
  /*無効時のうすいグレー*/
 color : #e0e0e0;
}
/*明るいグレー(マウスオーバーで暗くなる)
お見合いフラグの非チェック時用に作成*/
.fa-gray-mouseover{
  color : #a0a0a0;
  background-color: #ffffff !important;
}
.fa-gray-mouseover:hover{
  color : #808080;
}

/*お見合いイベント未開封アイコンの色*/
.fa-notopen:before{
  color : #e44;
}
.fa-open:before{
  color : #888;
}
.fa-green-dark:before{
  /*ホームアイコン用に暗い緑*/
  color : #426212;
}

.fa-green-vivid:before{
  /*お見合い送信矢印　フィルタリング無し　早送り　用に鮮やかな緑*/
  color : #699e1c;
}
.fa-green-pale:before{
  /*たばこ、お酒少々用にうすい緑*/
  color : #b3c65d;;
}
.fa-red-title:before{
  /*お見合い送信矢印用、タイトルバーと同じ赤*/
  color : #df667e;
}
.fa-red-menu:before{
  /*お見合い方向メニュー (nav-tabs-choose)と同じ赤*/
  color : #f44a6c;
}
.fa-blue-title:before{
  /*返事×アイコン用 相談室カラータイトルバーと同じネイビー*/
  color : #5c7d98;
}
.fa-red-vivid:before{
  /*○×や注意用鮮やかな赤*/
  color : #ff0000;
}
.fa-blue-vivid:before{
  /*ワーニング用鮮やかな青*/
  color : #0000ff;
}
.fa-orange-vivid:before{
  /*フィルタリング有り　ステップ再生　*/
  color : #f78d39;
}
.fa-gold:before{
  color : #B3A64D;
}

/*------------------------------
追加プロフィール　自分の情報のハートアイコン/相手の情報のハートアイコン
*/
.fa-mine:before{
  color : #dcf0be;
}
.fa-partner:before{
  color : #f4a3ac;
}


/*----------------------------------------------
タイトルバー、小見出しの縦バーと文字色
 red, orangeは他より S,V高い
red:df667e green:668040  blue : 5c7d98  bluegreen : 5c9498  purple:8e5c98  orange: de9b66  gray: 929292
*/
.title_red,
.title_red_pr {
 background-color:#df667e;
 color:#fff;
 /*[R-108]2020年10月15日 BS4対応
 font-size: 16px;
 font-size: 1.6rem;*/
 font-weight:bold;
}
.title_red_pr {
 background-color: #da4380;
 -webkit-print-color-adjust: exact
}
.title_green,
.title_green_pr {
 /*background-color: #668040; 2016年02月12日 */
/* background-color: #558017; 2019年06月18日*/
 background-color: #006600;
 color:#fff;
 /*[R-108]2020年10月15日 BS4対応
 font-size: 16px;
 font-size: 1.6rem;*/
 font-weight:bold;
}

.title_green_pr {
 background-color: #006600;
 /*[R-108]2020年10月15日 BS4対応
 font-size: 18px;
 font-size: 1.8rem;*/
 -webkit-print-color-adjust: exact
}
.title_blue {
 background-color: #5c7d98;
 color:#fff;
 /*[R-108]2020年10月15日 BS4対応
 font-size: 16px;
 font-size: 1.6rem;*/
 font-weight:bold;
}
.title_bluegreen {
 background-color: #5c9498;
 color:#fff;
 /*[R-108]2020年10月15日 BS4対応
 font-size: 16px;
 font-size: 1.6rem;*/
 font-weight:bold;
}
.title_purple {
 background-color: #8e5c98;
 color:#fff;
 /*[R-108]2020年10月15日 BS4対応
 font-size: 16px;
 font-size: 1.6rem;*/
 font-weight:bold;
}
/*MBお気に入りリスト*/
.title_orange {
 background-color: #de9b66;
 color:#fff;
 /*[R-108]2020年10月15日 BS4対応
 font-size: 16px;
 font-size: 1.6rem;*/
 font-weight:bold;
}
/*BOスタートアップ会員*/
.title_orange2 {
 background-color: #e3630d;
 color:#fff;
 /*[R-108]2020年10月15日 BS4対応
 font-size: 16px;
 font-size: 1.6rem;*/
 font-weight:bold;
}
.title_gray {
 background-color: #929292;
 color:#fff;
 /*[R-108]2020年10月15日 BS4対応
 font-size: 16px;
 font-size: 1.6rem;*/
 font-weight:bold;
}
/* --- サブタイトル用 背景薄い色に文字黒----*/
.title_pale_blue {
 background-color: #c7e0f4;
 color:#444;
 /*[R-108]2020年10月15日 BS4対応
 font-size: 16px;
 font-size: 1.6rem;*/
 font-weight:bold;
}
/* --- お見合いモーダルダイアログタイトル用　2021年07月21日  薄いピンク背景　赤い文字--- */
.title_pale_pink {
 background-color: #ffe0e6;
 color:#df667e;
 font-weight:bold;
}

/* --- お見合い当日緊急連絡ツール用　2022年11月29日 真っ赤背景　白文字--- */
.title_red_vivid {
 background-color: #ff0000;
 color:#ffffff;
 font-weight:bold;
}

/*ラベル　BS label用label-xxxx色指定拡張
2018年10月02日 16時20分14秒
--------------------------------*/
/*行事区分表記に色ラベル付けるかわりにテーブルセル背景色に使おうとしたが
文字数で色が付く範囲が変動するのでlabと変わらないため採用中止*/
.lab_cell {
  display: inline-flex;
  margin: .8em .6em;
  font-weight: bold;
  line-height: 1;
  color:#000;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border : 8px white;
  border-radius: .15em;
}
/*行事区分表記に色ラベル付けるためBS .lavelからコピーし編集
背景色のある領域の幅が文字数により変わってしまう問題はスペース("&nbsp;")を両側に足すことで調整した*/
.lab {
  /*display: inline;*/
  padding: .2em .6em .3em;
  font-size: 80%;
  font-weight: bold;
  line-height: 1;
  color:#000;
  text-align: center;
  white-space: nowrap;
  /*vertical-align: baseline;*/
  vertical-align: middle;
  border-radius: .15em;
}
.label_pale_gray {
  background-color: #d9d9d9;
}
.label_pale_green {
  background-color: #c5e0b4;
}
.label_pale_blue {
  background-color: #bdd7ee;
}
.label_pale_orange {
  background-color: #f8cbad;
}
.label_pale_red {
  background-color: #ffcdd5;
}

/* 見出し　飾り、色無し　センター
--------------------------------*/
.index_plane_center {
 background-color: #ececec;
 color:#555;
 font-size: 16px;
 font-weight:bold;
 text-align:center;
 padding: 0.5em;
 padding-bottom:4px;
 margin-bottom:4px;
}
/* 見出し　お見合用　下バー文字中央
--------------------------------*/
.index_red_bottom {
 background-color: #ececec;
 color:#df667e;
 font-size: 12px;
 font-size: 1.0rem;
 /*font-weight:bold;*/
 text-align:center;
 padding: 0.5em;
 padding-top:0;
 margin-top:0;
 padding-bottom:0;
 margin-bottom:0;
 border-bottom: solid 4px #df667e;
}
/* 見出し　お見合用　上にバー文字中央
--------------------------------*/
.index_red_upper {
 background-color: #ececec;
 color:#df667e;
 font-size: 16px;
 font-size: 1.6rem;
 font-weight:bold;
 text-align:center;
 padding: 0.5em;
 padding-bottom:0;
 margin-bottom:0;
border-top: solid 4px #df667e;
}

/*=========================================================
利用規約用小見出し　　左に縦棒(#cc0000) 背景白
Add 2021年11月17日
==========================================================*/
/*条項見出し用
---------------------------------------------------------*/
.index_term {
 background-color: #fff;
 color:#040404;
 font-weight:bold;
border-left: solid 6px #cc0000;
}
/*条項の番号付き文章の2行目以後の字下げ用
---------------------------------------------------------*/
.indent2 {
 margin-left : 1.5rem;
 text-indent : -1.5rem;
}

/*=========================================================
見出し　左に縦棒付見出し　縦棒と文字はカラー
　widget_title index_xxxと併用する　
==========================================================*/
/*お見合い用 　サブ画面では装飾とalign変更で index_red_upper など使用
--------------------------------*/
.index_red {
 background-color: #ececec;
 color:#df667e;
border-left: solid 6px #df667e;
}
/*会員登録*/
.index_green {
 background-color: #ececec;
/* color:#558017;
border-left: solid 6px #668040;
[R-759]KHのついで?　見出しtitle_greenの色とおなじにするという要望2024年08月08日 16時32分32秒
*/
 color:#006600;
border-left: solid 6px #006600;
}
/*[R-837]KH会員検索 2025年02月12日 緑　背景白*/
.index_green_bgw {
 background-color: #ffffff;
 color:#006600;
border-left: solid 6px #006600;
}

.index_blue {
 background-color: #ececec;
 color:#5c7d98;
border-left: solid 6px #5c7d98;
/*border-top: solid 2px #5c7d98;*/
}
/*マイページ*/
.index_bluegreen {
 background-color: #ececec;
 color:#5c9498;
 border-left: solid 6px #5c9498;
}

/*マイページ 2段目のメニュー*/
/* [R-337]2022/01/12 */
.index_subtitle{
 font-size: 1.15rem;
 font-weight: bold;
 background-color: #ffffff;
 color:#333;
 border-left: solid 6px #333;
 margin-top: 5px;
 padding-left: 5px;
}

/*マイページ メニュー*/
/* [R-337]2022/01/12 */
#menu li {
    display: inline;
    padding: 0;
    margin: 0 auto;
    height: 60px;
    color: #32a782;
    font-size: 16px;
}

#menu li a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #5c9498;
  border-right: 1px solid #5c9498;
  border-left: 1px solid #5c9498;
  background-color: #FFF;
  color: #333;
  margin: 0px;
  text-align: left;
  font-size: 16px;
  padding: 3px 8px;
  text-decoration: none;
}

@media screen and (min-width: 980px) {
  #menu li a:hover{
    background-color: #5c9498;
    color: #fff;
  }
}

#menu ul {
    padding: 0;
    list-style: none;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #5c9498;
}

#menu ul li.current a {
    background-color: #5c9498;
    color: #fff;
}

/*パーティー*/
.index_purple {
 background-color: #ececec;
 color:#8e5c98;
border-left: solid 6px #8e5c98;
}
/*[R-341]2022年01月21日 Add*/
/* BIU主催パーティータイトル用*/
.subindex_purple {
 background-color: #ececec;
 color:#8e5c98;
/*border-left: solid 2px #8e5c98;
border-bottom: solid 2px #8e5c98;*/
}
/* 相談室主催パーティータイトル用*/
.subindex_white {
 background-color: #fff;
 color:#444;
}
/* パーティー都道府県マーク用*/
.border_box{
 display :inline-block;
 width: 100px;
 text-align:center;
 border-radius:0.2em;
 border: solid 2px
}
.border_color_purple {
border-color :#8e5c98;
color :#8e5c98;
}

.color_purple {
color :#8e5c98;
}

/*MBお気に入りリスト*/
.index_orange {
 background-color: #ececec;
 color:#de9b66;
border-left: solid 6px #de9b66;
}
/*スタートアップ会員*/
.index_orange2 {
 background-color: #ececec;
 color:#e3630d;
 border-left: solid 6px #e3630d;
}
.index_gray {
 background-color: #ececec;
 color:#828282;/*縦線の色だとうすいためやや暗くした*/
border-left: solid 6px #929292;
}
/*=========================================================
見出し　左に縦棒付見出し　縦棒(4px)と文字はカラー 背景色白
　widget_title,  widget_index2,  index_xxxと併用する　
==========================================================*/
/*[R-109]ブロック機能改修 2020/10月　見出し widget_titleの下レベル見出しのため追加

--------------------------------*/
.subindex_green {
 background-color: #ffffff;
 color:#558017;
 border-left: solid 6px #558017;
}
.subindex_blue {
 background-color: #ffffff;;
 color:#5c7d98;
 border-left: solid 6px #5c7d98;
}

/*-------------------------------
 会員プロフィール向け見出し　印刷画面共通
 お見合管理見出し用
  widget_index2 index2_xxxxと併用する
--------------------------------*/
/*会員プロフィール追加プロフィール以外で使用*/
.index2_green {
 background-color: #f3f6e1;
 color:#006600;
 border: solid 1px #0d4806;
}
/*追加プロフィールで使用*/
.index2_mazenta {
 background-color: #ffeeee;
 color:#da4380;
 border: solid 1px #da4380;
}
/* お見合管理見出し用*/
.index2_red {
 background-color: #ffeeee;
 color:#df667e;
 border: solid 1px #df667e;
}
/* ご自身のメモ、相談室情報見出し用*/
.index2_gray {
 background-color: #d0d0d0;
 color:#606060;
 /*border: solid 2px #808080; pdfをみて太くしたが他と同じでよかった2018/06/01 */
 border: solid 1px #808080;
}

/*-------------------------------
お見合い詳細の各種BOX見出し
   widget_index2 index2_mt_xxxxと併用する
--------------------------------*/
/*お相手とお見合い情報*/
/* グレー背景に白文字*/
.index2_mt_gray {
 background-color: #808080;
 color:#ffffff;
 border: solid 1px #606060;
}
/*白背景に左縦バー(グレー)*/
.index2_mt_gray_left {
 background-color: #ffffff;
 color:#202020;
 border-left: solid 6px #808080;
}
.index2_mt_lightgray {
 background-color: #f0f0f0;
 color:#202020;
 border: solid 1px #606060;
}
.index2_mt_green {
 background-color: #6aa314;
 color:#ffffff;
 border: solid 1px #48710e;
 border-left: solid 36px #48710e;
}
.index2_mt_blue {
 background-color: #1981d0;
 color:#ffffff;
 border: solid 1px #1465a3;
 border-left: solid 36px #1465a3;
}
.index2_mt_red {
 background-color: #e63786;
 color:#ffffff;
 border: solid 1px #a31454;
 border-left: solid 36px #a31454;
}

/*---------------------------------
ヘルプ画面の見出し用
-----------------------------------*/
.index_help_dialog {
 background-color: #e8e8e8;
 color:#444;
 font-size: 16px;
 font-weight:bold;
 padding: 0.6em;
}


/*-------------------------------------------
注意、エラーメッセージ、サマリーエラー表示用
文中の一部文字色変更
--------------------------------------------*/
/*注意文言強調用(朱色)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
p.note ,span.note, div.note{
  color:#e93a35;
}
/*ガイド文用(青色)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
p.guide ,span.guide, div.guide{
  color:#2244ee;
}
/*男性用ガイド文用(青色)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
p.male ,span.male, div.male{
 color:#337ab7;
 font-weight: bold;
}
/*女性用ガイド文用(青色)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
p.female ,span.female, div.female{
 color:#d94052;
 font-weight: bold;
}
/*補助説明（うすいグレー）
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
p.pale ,span.pale, div.pale{
  /* color:#e0e0e0; [F-980]2020年02月04日 */
  /*color:#acacac; 通信履歴1メッセージの〇〇より受信(yyyy/mm/dd hh:mm)*/
  color:#909090;
}
/*無効や指定なしを表現する（明るいグレー）
 お見合い詳細の各種BOXで使用の色
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
p.light ,span.light, div.light{
  color:#b0b0b0;
}

/*文字 緑色 MBHeaderと同じ色 2022/04/07Add */
.f-green{
  color:#65995d;
}

/*文字 青色（水色）2022/04/07Add */
.f-blue{
  color:#1078CD;
}

/*文字 ピンク 2022/04/19Add */
.f-pink{
  color: #eb6680;
}

/*文字 グレー 2022/04/19Add */
.f-gray{
  color: #929292;
}

/*文字 オレンジ [R-754]KH 本会員の本人登録対応　ステータス「仮登録済み」表示用に2024年07月03日 Add */
.f-orange{
  color: #e3630d;
}

/*-------------------------------------------
border-color
--------------------------------------------*/
.border_color_green{
  border-color:#65995d !important;
}

/*ポーター ピンク 2022/04/19Add */
.border_color_pink{
  border-color: #eb6680 !important;
}

/*ポーター オレンジ [R-754]KH 本会員の本人登録対応　ステータス「仮登録済み」表示用に2024年07月03日 Add */
.border_color_orange{
  border-color:#e3630d !important;
}

/*入力チェックエラーメッセージ用
ParamsSetが使うMessageStockerクラスの標準仕様で使うclass名
2016年03月10日
---------------------------------*/
p.errorMessage ,span.errorMessage{
  color:#E00000;
  font-weight:bold;
  font-size:large;
}
/*サマリーエラーメッセージ用
2016年03月10日 common.cssから移植
---------------------------------*/
p.topErrorMessage,span.topErrorMessage {
  margin: 20px;
  font-size:x-large;
  font-weight: bold;
  color: #E00000;
}

/*------------------------------------------
追加プロフィール
*/
/*
.body-mypage .profile_memberExt .fa {
 display: none;
 color:#a4bf4a;
}

.profile_memberExt h3.page-header {
  display: block !important;
}

.profile_memberExt .section_title {
  background-color: #90bf4a;
  color: #fff;
  font-size: 18px;
  padding: 5px;
  text-align: center;
}

.profile_memberExt h4.page-header {
  margin-top: 20px;
}

.profile_memberExt .table > tbody > tr > th {
  background-color: #e6f7cd;
  min-width: 12em;
}

.profile_memberExt .section-02 .section_title {
  background-color: #f47891;
}

.profile_memberExt .section-02 .table > tbody > tr > th {
  background-color: #f7cdd5;
}
*/
/*----------------------------------------
 セクションタイトル文字センタリング
 適用: 追加プロフィール
*/
/*
.profile_memberExt .table > tbody > tr > th {
  background-color: #e6f7cd;
  min-width: 12em;
}
*/
.section_title {
  font-size: 1.2rem;/*[R-108] 18pxから*/
  padding: 5px;
  text-align: center;
  margin-bottom:2px;
}
.section_title_sm {
  font-size: 0.9rem;/*[R-108]14pxから*/
  padding: 2px;
  text-align: center;
  margin-bottom:2px;
}
/*追加PR自分の情報に使用*/
.section_title-green {
  /* background-color: #90bf4a;*/
  background-color: #558017;
  color: #fff;
}
/*追加PR相手の情報に使用*/
.section_title-red {
  background-color: #f47891;
  color: #fff;
}
/*規約ページに使用　ほぼ真っ赤 Add 2021年11月17日 */
.section_title-brightred {
  background-color: #cc0000;
  color: #fff;
}
/*会員通信履歴見出しに使用　グレー*/
.section_title-grey {
  background-color: #888;
  color: #fff;
}
/*会員通信履歴見出しに使用　ピンク。2018年04月25日 グレーから変更*/
.section_title-pink {
  background-color: #ffdddd;
  color: #666;
}
/*本部 相談室情報　基本情報に使用*/
.section_title-blue {
  background-color: #3d689d;
  color: #fff;
}
/*お見合管理相談室　通信欄　相談室との通信の見出しに使用*/
.section_title-skyblue {
  background-color: #73a0c4;
  color: #fff;
}
/*本部 相談室情報　契約情報に使用*/
.section_title-midgreen {
  background-color: #3d9d49;
  color: #fff;
}
.section  .table-info-mine  > tbody > tr > th {
  background-color: #e3f5c9;
  min-width: 12em;
}
.section .table-info-partner > tbody > tr > th {
  background-color: #f4c7d0;
  min-width: 12em;
}

/*-----------------------------------------------------------
処理フロー・ナビ用
breadcrumbをカスタマイズ
------------------------------------------------------------*/
/*== ブルーの処理フロー==== */
.nav-flow {
  padding: 8px 15px;
  margin-bottom: 20px;
  /*list-style: none;*/
  background-color: #c7e0f4;
  border-radius: 4px;
}
.nav-flow > li {
  display: inline-block;
}
.nav-flow > li + li:before {
  padding: 8 15px;
  color: #777;
  content: "＞\00a0";
}
.nav-flow > .active {
  background-color: #c7e0f4;
  color: #000;
  font-weight:bold;
}
/*== 会員登録用グリーンの処理フロー==== */
.nav-flow-green {
  padding: 0;
  margin-bottom: 20px;
  /*list-style: none;*/
  /*background-color: #c7e0f4;*/
  border-radius: 0;
}
.nav-flow-green > li {
  background-color: #a8c476;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-weight:bold;
  margin-left: 2em;
  padding: 8px 15px;
  position: relative;
}
.nav-flow-green > li + li:before {
  padding: 8 15px;
  color: #4a7707;
  content: "＞\00a0";
  font-size: 2em;
  font-weight: bold;
  height: 1.5em;
  position: absolute;
   top: 50%;
   right: 100%;
  transform: translateY(-50%);
}
.nav-flow-green > .active {
  background-color: #4a7707;
}
/*== スタートアップ会員登録用オレンジの処理フロー==== */
.nav-flow-orange {
  padding: 0;
  margin-bottom: 20px;
  /*list-style: none;*/
  /*background-color: #c7e0f4;*/
  border-radius: 0;
}
.nav-flow-orange > li {
  background-color: #ffbe99;
  border-radius: 4px;
  color: #e3630d;
  display: inline-block;
  font-weight:bold;
  margin-left: 2em;
  padding: 8px 15px;
  position: relative;
}
.nav-flow-orange > li + li:before {
  padding: 8 15px;
  color: #e3630d;
  content: "＞\00a0";
  font-size: 2em;
  font-weight: bold;
  height: 1.5em;
  position: absolute;
   top: 50%;
   right: 100%;
  transform: translateY(-50%);
}
.nav-flow-orange > .active {
  background-color: #e3630d;
  color: #fff;
}
/*== お見合系用ピンクの処理フロー==== */
.nav-flow-pink {
  /*padding: 8px 15px;*/
  padding: 4px 8px;
  margin-bottom: 20px;
  /*list-style: none;*/
  /*background-color: #f4c7d0;*/
  border-radius: 4px;
}
.nav-flow-pink > li {
  background-color: #f4c7d0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-weight:bold;
  /*margin-left: 2em;*/
  margin-left: 1em;
  padding: 8 15px;
  /*padding: 8px 15px;*/
  padding: 4px 8px;
  position: relative;
}
.nav-flow-pink > li + li:before {
  /*padding: 8 15px;*/
  padding: 2 8px;
  color: #eb6680;
  /*content: "＞\00a0";*/
  /*content:"&nbsp;"; 2025年03月19日 &nbsp:が画面に出る*/
  font-size: 2em;
  font-weight: bold;
  height: 1.5em;
  position: absolute;
   top: 50%;
   right: 100%;
  transform: translateY(-50%);
}
.nav-flow-pink > .active {
  background-color: #eb6680;
}
/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
BIU
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/


/*---------------------------------------------------
デフォルトボタン[戻る]ボタンなどに使用
　色を白(def:fff,ccc/focus:e6e6e6,8c8c8c/hover|active:e6e6e6,8c8c8c/open:d4d4d4,8c8c8c/)から
(fieldset[disabled] .btn-danger.activeとbadgeはdefと同じ)
薄い灰色(e4e4e4,)に変更
  (def:e4e4e4,848484/focus:c0c0c0,606060/hover|active:c0c0c0,606060/open:acacac,5c5c5c/)
-----------------------------------------------------*/

.btn-default {
  color: #333;
  background-color: #e4e4e4;
  border-color: #848484;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #c0c0c0;
  border-color: #606060;
}
.btn-default:hover {
  color: #333;
  background-color: #c0c0c0;
  border-color: #818181;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #c0c0c0;
  border-color: #818181;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #acacac;
  border-color: #606060;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #e4e4e4;
  border-color: #848484;
}
.btn-default .badge {
  color: #e4e4e4;
  background-color: #333;
}

/*---------------------------------------------------
btn-danger
[削除]ボタンに使用
　色を赤(def:d9534f,d43f3a/focus:c9302c,761c19/hover|active:c9302c,ac2925/open:ac2925,761c19/)から
(fieldset[disabled] .btn-danger.activeとbadgeはdefと同じ)
暗い灰色(7a7a7a,)に変更
-----------------------------------------------------*/
/* [R-232]2021年07月27日 box-shadowが増えたなどBS4の構成に書き換え*/
.btn-danger {
  color: #fff;
  background-color: #7a7a7a;
  border-color: #7a7a7a;
}

.btn-danger:hover {
  color: #fff;
  background-color: #656565;
  border-color: #545454;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #656565;
  border-color: #545454;
  box-shadow: 0 0 0 0.2rem rgba(98, 98, 98, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #7a7a7a;
  border-color: #7a7a7a;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #545454;
  border-color: #494949;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(98, 98, 98, 0.5);
}

/*  [R-232]2021年07月27日 box-shadowが増えたなど上のBS4の構成に書き換えた

.btn-danger {
  color: #fff;
  background-color: #7a7a7a;
  border-color: #737373;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #6b6b6b;
  border-color: #1f1f1f;
}
.btn-danger:hover {
  color: #fff;
  background-color: #6b6b6b;
  border-color: #4c4c4c;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #6b6b6b;
  border-color: #4c4c4c;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #1f1f1f;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #7a7a7a;
  border-color: #737373;
}
.btn-danger .badge {
  color: #7a7a7a;
  background-color: #fff;
}
*/

/*--------------------------------------
 Navibar-BIU
--------------------------------------*/

/*
.navbar-inner {
  background-image: -moz-linear-gradient(top, #d94052, #d94052);
  background-image: -ms-linear-gradient(top, #d94052, #d94052);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d94052), to(#d94052));
  background-image: -webkit-linear-gradient(top, #d94052, #d94052);
  background-image: -o-linear-gradient(top, #d94052, #d94052);
  background-image: linear-gradient(top, #d94052, #d94052);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'d94052, endColorstr='#'d94052, GradientType=0);
}

.navbar .brand {
  padding: 40px 40px 40px;
  font-size: 20px;
  color: #ffffff;
}

.navbar .divider-vertical {
  height: 41px;
  background-color: #ffffff;
  border-right: 1px solid #c6c6c6;
}

.navbar .nav > li > a {
  padding: 10px 10px 11px;
  font-size: 14px;
  color: #ffffff;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #424242;
}

*/

/*--------------------------------------
 Progress
--------------------------------------*/

.module.progress {
 height: auto;
}

.module.progress .progress-bar {
 font-weight: bold;
 padding: 0.5em;
}

.module.progress .progress-bar-default {
 background-color: transparent;
 color: inherit;
}

/*--------------------------------------
 Widget
--------------------------------------*/

.widget + .widget {
 margin-top: 10px;
}
/*タイトルバー、用。 title_xxxxと併用し色を付ける
見出しにも使用。そのときindex_xxxと併用し左に立て線つける*/
.widget_title {
 /* [R-108]2020年10月15日 BS4対応
 font-size: 1.6rem;*/
 font-size: 1.15rem;
 font-weight:bold; /*index_xxxxは色だけにするためここで定義*/
 padding: 0.4rem;
 margin-bottom:0; /*index_xxxxは色だけにするためここで定義*/
 position: relative;
}

.widget_subtitle{
  font-size: 1.15rem;
  font-weight:bold; /*index_xxxxは色だけにするためここで定義*/
  padding: 0.4rem;
  margin-bottom:0; /*index_xxxxは色だけにするためここで定義*/
  position: relative;
}

.widget_title .article_help {
  /* [R-108]2020年10月15日 BS4対応 2021年01月21日
  font-size: 14px;
  font-size: 1.4rem;*/
  font-size: 1.15rem;
  position: absolute;
   top: 50%;
   right: 10px;
  transform: translateY(-50%);
}

.widget_continue {
 margin-top: 0.8rem; /*2021年01月21日*/
 text-align: right;
}

.widget table {
 width: 100%;
}
/*色は指定なし*/
.widget_index {
 /*	 [R-108]2020年10月15日 BS4対応 2021年01月21日
 font-size: 1.6rem;*/
 font-size: 1.15rem;
 padding: 0.4rem;
 position: relative;
}
/* 会員プロフィールに使用。padding小さく*/
.widget_index2 {
 /*	 [R-108]2020年10月15日 BS4対応2021年01月21日
 font-size: 16px;
 font-size: 1.6rem;*/
 font-size: 1.15rem;
 font-weight:bold;
 padding: 0.4rem;
 margin: 0.1em 0em 0.1em;
 position: relative;
}
/* 相談室マイページ　本部相談室情報管理 小見出し用。widget_index2 よりfont-size 0.1小さい 
[R-619]2023年09月28日 */
.widget_index3 {
  font-size: 1.05rem;
  font-weight:bold;
  padding: 0.4rem 0.4rem;
  margin: 0.1rem 0rem;
  position: relative;
 }

/*[F-997]slick.cssの調整・オーバーライド .slick-list , .slick-track*/
.slick-list , .slick-track{
  bottom: -20px;
  margin-bottom: 20px;
}
/* @@@@@@@@@@ [R-853]KH 2025年03月12日
@media (max-width: 767px) {
以下　60行ほど削除
*/ 

/*--------------------------------------
 [R-337]2022/01/12
 footer スクロール時追従
--------------------------------------*/
#js_nav-scroll{
  position: fixed !important;
  right: 0 !important;
  bottom: 0 !important;
}

/*--------------------------------------
 Temporary style
--------------------------------------*/

/*.pre.module-profile {
 margin-top: 20px;
}

.pre.module-profile .media-heading {
 font-weight: bold;
 margin-bottom: 10px;
}*/

/* Heading
--------------------------------------*/

/*h2,
.h2 {
 font-size: 28px;
 font-size: 2.8rem;
}

h3,
.h3 {
 font-size: 20px;
 font-size: 2.0rem;
}*/

/* Text
--------------------------------------*/

/*.lead {
 font-size: 20px;
 font-size: 2.0rem;
}

.text-attention {
 color: #de1223;
}

a:hover .text-attention,
a:focus .text-attention {
 text-decoration: inherit;
 -moz-text-decoration-color: initial;
}

.block-attention {
 font-size: 18px;
 font-size: 1.8rem;
}

.block-attention > .text-attention {
 font-size: 24px;
 font-size: 2.4rem;
 line-height: 1.2;
}*/

/* Helper
--------------------------------------*/

/*.division-block {
 display: block;
 margin: 15px auto;
}*/

/*.module[class*="headline"] [class$="-circle"] {
 color: #eee;
}


/*--------------------------------------
 横山追記
--------------------------------------*/
.tac{
  text-align:center;
}
.dispblock{
  display:block;
}
.centering{
  margin-right:auto;
  margin-left:auto;
}
/*--------------------------------------
bootstrap4　対応 K.Homma
-----------------------------------------*/
/* w-1-- w-25 w-50 w-75 w-100　があるもっと足す*/
.w-2\.5{
 width:2.5%!important
}
.w-4{
 width:4%!important
}
.w-3{
 width:3%!important
}
.w-5{
 width:5%!important
}
.w-7\.5{
 width:7.5%!important
}
.w-10{
 width:10%!important
}
.w-12\.5{
 width:12.5%!important
}
.w-15{
 width:15%!important
}
.w-20{
 width:20%!important
}
.w-25{
 width:25%!important
}
.w-30{
 width:30%!important
}
.w-35{
 width:35%!important
}
.w-40{
 width:40%!important
}
.w-80{
 width:80%!important
}
.w-85{
 width:85%!important
}
.w-90{
 width:90%!important
}

/*色調整 [R-337]2021/01/14 */
.text-black-50{
  color:#E8E8E8 !important;
}