/*
 * Main Style
 */

/*--------------------------------------
 Base
--------------------------------------*/
/*@import url("yoko.css");*/

html {
 /*font-family: sans-serif;*/
 /*font-size: 0.9375rem;/*[R-108]BS4から */
 height: auto;
  min-height: 100%;
  position: relative;
}

body {
/*font-family: Meiryo,sans-serif, "ヒラギノ角ゴ ProN W3",  "メイリオ", Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic,  "Hiragino Kaku Gothic ProN";*/
/*[R-121]2021年03月24日 */
font-family: Meiryo, Helvetica, Arial, "ヒラギノ角ゴ ProN W3",  "メイリオ",  Roboto, "Droid Sans", "游ゴシック", YuGothic, Hiragino Sans, "Hiragino Kaku Gothic ProN";
 margin-bottom: auto;
  /*--Safari,Chromeでfontがデザインより太く見える対処 add 2021年03月22日 -- */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*おためしに2021年03月30日 ->MACに有効とわかったので本採用2021年03月31日 16時04分43秒*/
  font-feature-settings:"palt";
}
/*------------------------
Bootstrap4調整　img特定ブラウザでぼやける
-------------------------*/
img{
  image-rendering: -webkit-optimize-contrast;
}

/*------------------------
パーティー参加費 "\"入力をそのままにする
-------------------------*/
.input-yen {
	font-size:inherit;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Verdana,sans-serif;
}

/*------------------------
フォント　メイリオ指定
-------------------------*/
.font-meiryo {
	font-size:inherit;
	/*font-family:"メイリオ",Meiryo,sans-serif; [R-121]2021年03月24日 */
	font-family:"メイリオ",Meiryo,Hiragino Sans;
	font-weight:700;/* [R-121]2021年03月24日 boldから*/
}
/*------------------------
イメージリンクのイメージをマウスオーバー時薄くする
2020年04月03日 追加したが効かない
-------------------------*/
alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/*-------------------------------
デフォルトの幅max会員は全てこれ
--------------------------------*/
.container {
 width: auto;
 max-width: 970px;
}
[class$="-global"] {
 position: relative;
 width: 100%;
}
/* [R-108]2021年02月24日 決定 PCは15px スマホ(width<992)は16pxを基準にする*/
@media (min-width: 576px) {
 .container{
  font-size: 16px;
 }
}
@media (min-width: 992px) {
 .container{
  font-size: 15px;
 }
}


@media print {
 a[href]:after {
  content: '';
 }
 abbr[title]:after{
  content: '';
 }
}
/*------------------------------------
背景食　bsから拡張2024年05月24日 
-------------------------------------*/
.bg-warn {/*BS bg-warning　#ffc107より色相そのまま調整*/
  background-color: #feeebf !important;
}
.bg-warn_pale {/*bg-warn　より色相そのままもっと白に近く*/
  background-color: #fffaeb !important;
}

/*------------------------------------
グリッドシステム拡張2016年09月07日
-------------------------------------*/
.row-low{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;

}

.row-left{
text-align:left;
letter-spacing:-0.4em;
}

.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}
.row-left > [class*='col-'] {
display:inline-block;
letter-spacing:0;
/*vertical-align:top;*/
float:none !important;
}
.row-center .va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center .va-bottom > [class*='col-'] {
vertical-align:bottom;
}
.row-left .va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-left .va-bottom > [class*='col-'] {
vertical-align:bottom;
}
@media (min-width: 768px) {
 .col-sm-3-half {
    width: 28.865979381%;
 }
 .col-sm-7-half {
  width: 71.134020619%;
 }
}


/*----------------------------------
row内panel高さをそろえる 結局効かない。　未使用
2018年05月17日 10時24分50秒
-----------------------------------*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  .panel {
    height: 97%;
    margin-bottom: 3%;
  }
}
/* 2018年05月16日 チェックボックス大きくするのにinput-lgが効かないため用意したが線がぼけるのでNG
input[type=checkbox] {
  transform: scale(1.5);
}
*/
/*--------------------------------------
 Button 2015年10月01日
 ボタンが隣のボタンやPanelの角にぴったりくっつかないように
--------------------------------------*/
.btn {/* [R-061]2016/03/11 ボタンは標準で太文字かつ大きくするため調整*/
 text-decoration: none;/*[R-108]2021年01月22日 */
 /*font-size:93%;*//*[R-108]104%から 2021/02/24 調整を止める*/
 margin: 3px 2px;/*[R-108]4px 2pxから*/
 padding: 4px 6px;/*[R-108]7px 8pxから*/
 font-weight:bold;
 }
/*@@@@@@@@@@@@@@@@ [R-071]2016年03月24日 K.Homma 追加 start  */
/*--------------------------------------
btn-smより小さい. 近くにメインボタンがあるとき控えめにする
お見合一覧　最新状況BOXの[詳細を見る]ボタン
会員管理一覧の各種ボタン
---------------------------------------*/
.btn-small  {
  margin: 2px 2px;/*[R-108]2px 4pxから*/
  padding: 3px 3px;/*[R-108]5px 6pxから*/
  font-size:97%;/*[R-108]100%から 90% -> */
  font-weight:nomal;
}
/*--------------------------------------
btn-smallより小さい. テーブル内で縦幅を小さく文字も小さくする
会員PR テーブル内のボタン[相談室詳細][印刷画面へ］
---------------------------------------*/
.btn-exsmall  {
  margin: 0px 4px;/*[R-108]0px 4pxから*/
  padding: 2px 3px;/*[R-108]3px 4pxから*/
  font-size:85%;/*[R-108]90%から*/
  font-weight:nomal;
}
/*--------------------------------------
btn-exsmallよりさらに余白小さい. テーブル内で縦幅を小さく文字も小さくする
相談室トップ見出し内のピックアップ[登録画面へ]
---------------------------------------*/
.btn-exxsmall  {
  margin: 0px 3px;/*[R-108]0px 4pxから*/
  padding: 0px 3px;/*[R-108]0px 4pxから*/
  font-size:80%;/*[R-108]88%から*/
  font-weight:nomal;
}
/*-------------------------------------
[R-108]
ページネーションタブ　リンク下線消すために使用
--------------------------------------*/
.no_decoration{
  text-decoration: none;
}
/*-------------------------------------
タブ も見出しも padding-top20px->0pxになったらしい。
ページネーションタブ　高さを避けるのに使う
-------------------------------------*/
.padding-top20{
	padding-top:20px;
}
/*--------------------------------------
10%だけ文字サイズUP
--------------------------------------*/
.adjust-lg{
 font-size:110%;
}
/*--------------------------------------
20%文字サイズUP
--------------------------------------*/
.adjust-llg{
 font-size:120%;
}
/*--------------------------------------
40%文字サイズUP
--------------------------------------*/
.adjust-xl{
 font-size:140%;
}
/*--------------------------------------
10%だけ文字サイズDOWN
--------------------------------------*/
.adjust-sm{
 font-size:90%;
}
/*--------------------------------------
12.50%文字サイズDOWN ( 16px -> 14px )
--------------------------------------*/
.adjust-smm{
 font-size:87.5%;
}
/*--------------------------------------
12.50%文字サイズDOWN ( 16px -> 14px )
--------------------------------------*/
msmall,
.msmall {
  font-size: 87.5%;
  font-weight: 400;
}
/*--------------------------------------
6.50%文字サイズDOWN ( 16px -> 15px )
--------------------------------------*/
mmsmall,
.mmsmall {
  font-size: 93.5%;
  font-weight: 400;
}
/*--------------------------------------
20%文字サイズDOWN
--------------------------------------*/
.adjust-ssm{
 /*font-size:80%;*/
 font-size:75%;
}/*@@@@@@@@@@@@@@@@ [R-071]2016年03月24日 K.Homma 追加 end  */

/*---------------------------------------
margin, padding 調整 2018年06月15日
----------------------------------------*/
.ul-condensed > li{
 margin:2px;
 padding:2px;
}
/*--------------------------------------
 Navigation
--------------------------------------*/

.nav > ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

/*文字サイズ大きめに*/
.nav > ul >li{
 font-size:110%; /*2016年03月22日*/
}


/*スマホトップメニューボタン。タイル状に使用
navに記述していたがページ送りUIに余計なバーが出るため別にした*/
.nav-tile > ul >li{
 border-top:1px solid #CCC;
 border-bottom:1px solid #CCC;
 border-left:1px solid #CCC;
 border-right:1px solid #CCC;
 border-radius: 4px;
 font-size:110%;
}

.navbar a {
 text-decoration: none;
}

/* Global
--------------------------------------*/

/*@media only screen and (max-width: 767px)*/
/*
@media (max-width: 992px) {
 .navbar-collapse_flex {
  #1display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-flex-direction: column;
  -moz-box-orient: vertical; #3
  -ms-flex-direction: column;
  flex-direction: column;
 }
 .navbar-collapse_flex .navbar-nav:nth-child(1) {
  -webkit-order: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2;
 }
 .navbar-collapse_flex .navbar-nav:nth-child(2) {
  -webkit-order: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
 }
}
*/
/* [R-108]2020年10月15日  navbar-nav 横並びに
----------------------------------------*/
.navbar-nav {
    display: flex;
    flex-direction: row;
  }
/* Bootstrap row col-xxxのカラムの溝を削除する
---------------------------------------*/
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
/* Bootstrap row col-xxxのカラムの溝を小さくする
---------------------------------------*/
.small-gutter > [class*='col-'] {
    padding-right:2;
    padding-left:2;
}
/* Bootstrap row col-xxxのカラムの溝を小さくする
---------------------------------------*/
.sm-gutter > [class*='col-'] {
    padding-right:8px;
    padding-left:8px;
}
/*rowのpanel高さを同じにする
---------------------------------------------*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*汎用　margin / paddingセットで調整
--------------------------------------*/
.margin-zero{
	padding:0px;
	margin:0px;
}
.margin-xs{
	padding:2px;
	margin:2px;
}
.margin-sm{
	padding:4px;
	margin:4px;
}
.paddingTop-dot5em{
	padding-top:8px;
}
.paddingTop-1em{
	padding-top:1em;
}
.paddingTop-2em{
	padding-top:2em;
}



.lt-ie9 .nav-site > .breadcrumb > li {
 display: inline;
}*/

/*--------------------------------------
 Header
--------------------------------------*/

.header-global > .container-fluid {
 padding-right: 0;
 padding-left: 0;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
 BIU navbar共通のレイアウト調整
*/
.navbar .nav .nav-item > li > a {
  padding: 10px 10px 11px;
  /* font-size: 14px;*/
  font-size: 0.8rem;
}

/*2015年09月22日 入力欄、選択用リスト全般
 padding:　6px 12px から変更
 */
.form-control {
  padding: 2px 12px;
}

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

.body-home .navbar-header_button-group .navbar-toggle,
body:not(.body-home) .navbar-header_button-group .btn-logout {
 display: none;
}

.mb .navbar-default {
  background-color: #c8e6c9;
  border-color: #a5d6a7;
}

/* Tagline
--------------------------------------*/

/*.header_tagline {}*/

/* Title
--------------------------------------*/

/*.header_title {
 font-size: 1em;
 margin: 0;
 padding: 0;
}*/
.bo .nav-scroll {
/*  background-color: #558017;*//* [F-800]スマホ対応　調整 2019/07/04*/
  width: 11%; /*Bootstrap4調整　10%→11% 2021/03/12 */
}
.ho .nav-scroll {
/*  background-color: #558017;*//* [F-800]スマホ対応　調整 2019/07/04*/
  width: 11%; /*Bootstrap4調整　10%→11% 2021/03/12*/
}
.mb .nav-scroll {
/*  background-color: #558017;*//* [F-800]スマホ対応　調整 2019/07/04*/
  background-color: #65995d;
  width: 11%; /*Bootstrap4調整　10%→11% 2021/03/12*/
}
/* Media queries
--------------------------------------*/

@media (min-width: 768px) {
 .navbar-header_button-group .btn-logout {
  display: none;
 }
}

/*--------------------------------------
 Content
--------------------------------------*/

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

@media (max-width: 767px) {
 .main-global > .container > .row {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
 }
 .main-global > .container > .row > .col-sm-3:first-child {
  -webkit-order: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  order: 3;
 }
 .main-global > .container > .row > .col-sm-3:last-child {
  -webkit-order: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2;
 }
 .main-global > .container > .row > .col-sm-6 {
  -webkit-order: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
 }
  .bo .nav-scroll {
  /*  background-color: #558017;*//* [F-800]スマホ対応　調整 2019/07/04*/
    width: 33%;/*Bootstrap4調整　30%→33% 2021/03/12*/
  }
 .ho .nav-scroll {
  /*  background-color: #558017;*//* [F-800]スマホ対応　調整 2019/07/04*/
    width: 33%;/*Bootstrap4調整　30%→33% 2021/03/12*/
  }
  .mb .nav-scroll {
  /*  background-color: #558017;*//* [F-800]スマホ対応　調整 2019/07/04*/
    background-color: #65995d;
    width: 33%;/*Bootstrap4調整　30%→33% 2021/03/12*/
  }

}

/* Main
--------------------------------------*/

.main-global {
  padding: 0 0 40px;
}

/* Aside
--------------------------------------*/

.aside-global {}

/* Article
--------------------------------------*/

.article {
 word-break: break-all;
 word-wrap: break-word;
}

/* Header
------------------*/

[class^="article_header"] {
 background-color: #e7e7e7;
 display: table;
margin-top: 4px;
margin-bottom: 1em;
 padding: 5px 10px;
 width: 100%;
}

[class^="article_header"] > [class^="article_"] {
 display: table-cell;
 vertical-align: middle;
}

[class^="article_header"] > .article_help {
 text-align: right;
 vertical-align: middle;
}

/* Heading
------------------*/
.article_heading {
 /* [R-108]2020年10月15日 BS4対応
 font-size: 16px;
 font-size: 1.6rem;*/
 font-size: 1.2rem;
 font-weight: bold;
 line-height: 1.4;
}

.article_heading-sm {
 color: inherit;
 /* [R-108]2020年10月15日 BS4対応
 font-size: 14px;
 font-size: 1.4rem;*/
 font-size: 1.0rem;
 vertical-align: middle;
 padding: 5px 10px;
}

/*サブ画面のタイトル(メニューは無いポップアップ画面)*/
.article_pop_heading {
 /*font-size: 2.0rem;*/
 /*[R-108]BS4対応 popup画面文字サイズ修正2021/03/16*/
 font-size: 1.2rem;
 font-weight: bold;
 line-height: 1.4;
}

/* Section
--------------------------------------*/

.section {
 word-break: break-all;
 word-wrap: break-word;
}

.article > .section,
.section + .section {
 margin-top: 20px;
}

/* Header
------------------*/

[class^="section_header"] {
 background-color: #e7e7e7;
 display: table;
 margin-bottom: 1em;
 padding: 5px 10px;
 width: 100%;
}

[class^="section_header"] > [class^="section_"] {
 display: table-cell;
 vertical-align: top;
}

[class^="section_header"] > .section_help {
 text-align: right;
 vertical-align: middle;
}

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

.section_heading {
 font-size: 20px;
 font-size: 2.0rem;
 line-height: 1.4;
}

/*--------------------------------------
 Footer
--------------------------------------*/
/*[F-800]スマホ対応　pagetopメニュー*/
.page-top{
  width: 30%;
float: right;
}

.footer-global {
  background-color: #73a0c4;
  color: #fff;
  padding: 10px;

/*  position: absolute;*/ /* [F-800]スマホ対応　調整 2019/07/04*/
   bottom: 0;
   left: 0;
   width: 100%;
   float: left;
}

/*2020年09月30日 フッターを最下部に固定のため
---------------------------------------*/
body,
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  margin-top: auto;
}


.nav-scroll {
  background-color: #73a0c4;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: #fff;
  display: block;
  margin: 0;

/*  position: absolute;*/ /* [F-800]スマホ対応　調整 2019/07/04*/
/*   right: 10px;*/
   bottom: 100%;
}

.nav-scroll:hover,
.nav-scroll:focus {
  color: #fff;
}

.mb .footer-global {
/*  background-color: #558017;*//* [F-800]スマホ対応　調整 2019/07/04*/
  background-color: #65995d;
}



/*@media (min-width: 768px) {

.nav-scroll {
  display: table;
  margin: 0 0 0 auto;
  width: auto;
}

}*/

/* Copyright
--------------------------------------*/

.footer_copyright {
 display: block;
 text-align: center;
}

/*未入力時の文字色[R-172]2021/05/13修正*/
.form-control::placeholder{
  color: #999 !important;
}
.form-control:-ms-input-placeholder{
  color: #999 !important;
}
/*--------------------------------------
 Print
--------------------------------------*/

@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7-half {
    width: 71.134020619%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3-half {
    width: 28.865979381%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  .hidden-print {
    display: none;
  }

  #printUi3 .nav-scroll {
    display: none;
  }


}