/*緑色#52E38C　オレンジ色#F3BF77*/

body {
  font-family: "M PLUS 1", sans-serif;
  line-height: 2em;
  background-color: #222;
}

nav {
  background-color: #222;
  color: #FFF;
}
img {
  max-width: 100%;
}

img.icon {
  max-width: 50%;
}

.background333 {
  background-color: #333;
}

.background222 {
  background-color: #222;
}

.marginTop0 {margin-top:0;}
.marginTop1rem {margin-top:1rem;}
.marginTop2rem {margin-top:2rem;}
.marginTop3rem {margin-top:3rem;}
.marginTop4rem {margin-top:4rem;}
.marginTop5rem {margin-top:5rem;}

.marginBottom0 {margin-bottom:0;}
.marginBottom1rem {margin-bottom:1rem;}
.marginBottom2rem {margin-bottom:2rem;}
.marginBottom3rem {margin-bottom:3rem;}
.marginBottom4rem {margin-bottom:4rem;}
.marginBottom5rem {margin-bottom:5rem;}

.marginRight0 {margin-bottom:0;}
.marginRight1rem {margin-right:1rem;}
.marginRight2rem {margin-right:2rem;}
.marginRight3rem {margin-right:3rem;}
.marginRight4rem {margin-right:4rem;}
.marginRight5rem {margin-right:5rem;}

.marginBottom-1rem {margin-bottom:-1rem;}
.marginBottom-2rem {margin-bottom:-2rem;}
.marginBottom-3rem {margin-bottom:-3rem;}
.marginBottom-4rem {margin-bottom:-4rem;}
.marginBottom-5rem {margin-bottom:-5rem;}

.paddingTop1rem {padding-top: 1rem;}
.paddingTop2rem {padding-top: 2rem;}
.paddingTop3rem {padding-top: 3rem;}
.paddingTop4rem {padding-top: 4rem;}
.paddingTop5rem {padding-top: 5rem;}

.paddingTop-1rem {padding-top: -1rem;}
.paddingTop-2rem {padding-top: -2rem;}
.paddingTop-3rem {padding-top: -3rem;}
.paddingTop-4rem {padding-top: -4rem;}
.paddingTop-5rem {padding-top: -5rem;}

.paddingBottom1rem {padding-bottom: 1rem;}
.paddingBottom2rem {padding-bottom: 2rem;}
.paddingBottom3rem {padding-bottom: 3rem;}
.paddingBottom4rem {padding-bottom: 4rem;}
.paddingBottom5rem {padding-bottom: 5rem;}

.text{padding:1rem 0.5rem;}

.marginRight2rem {margin-right: 2rem;}

.active {font-weight: bold;}

.bg-white {background-color: #fff;}
.border {border: 1px solid #666;}

.backgroundimage {
  background-size: cover;
  background-color: #cc0033;
  background-width: 100%;
  background-height: 100%;
}

.borderBottomDotted{border-bottom: 1px dotted #666;}

.h4Border {
  border: 2px solid #666;
  border-radius: 6px;
  padding: 10px;
}

.marker {
background: linear-gradient(transparent 60%, #F3BF77 60%);
}

.containerMovie {padding: 0 5px;}

.red{color: #f00;}
.green{color: #22B655;}
.orange{color: #ff9c0e;}
.twitter {color: #55ACEE;}
.youtube{color: #cd201f;}
.black {color: #666;}
.white {color: #fff; }

.nextView {
  font-weight: bold;
  text-align: right;
}

.bold {font-weight: bold;}

.size1_5x {font-size: 1.5em;}
.size2x {font-size: 2em;}

.fa-1x {
  width: 25px;
  text-align: center;
}

.jumbotron {
  border-radius: 0em;
}

.card {
  font-weight: bold;
  height: 14rem;
  margin-bottom: 2rem;
}

.cardImage {
  padding: 1rem;
  background-color: #ffb6c1;
  font-size: 1.5rem;
}

.right {
  position: absolute;
  right: 1rem;
}

.bottom {
  position: absolute;
  bottom: 1rem;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler{
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 1);
}

.hamburger-icon {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 9999;
}

.menu-font {
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}

.menupadding {padding-top: 0.3rem; padding-bottom: 0.3rem;}
.menumargin {margin-top: 0.3rem; margin-bottom: 0.3rem;}

/* モーダル画面メニュー用 */
.menu-modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: transparent;
  background-clip: padding-box;
  border-radius: 0.3rem;
  outline: 0;
}


.btn-fibali {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

h1 {
  background: #444;/*背景色*/
  font-size:1.4em ;
  color: #fff;
  font-weight: bold;
  padding: 0.7em;/*文字まわり（上下左右）の余白*/
  margin-top:0.5rem;
  margin-bottom:0.5rem;
}


h2 {
font-size:1.2em ;
  color: #fff;
  font-weight: bold;
  border-left: 3px solid #ff9c0e;
  padding: 0.5em 0.5em 0.5em 1em;/*文字まわり（上下左右）の余白*/
}

h3 {
  color: #22B655;
  font-weight: bold;
  border-left: 5px solid #22B655;
  padding-left: 20px;
  margin-top: 50px;
  margin-bottom: 10px;
}

.name{}
.memtw{}

.round-table {  border-collapse: collapse;  line-height: 1.5;  border: 1px solid #ccc; min-width: 50%; overflow: scroll;}
.round-table th,.round-table td {  padding: 4px 8px;  border: 1px solid #ccc;  line-height: 1.6;}
.round-table th,.th2 {  color: #ffffff;  background: #444;}



.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}

.div-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-about {
  color: #fff;
  text-align: center;
  font-size: 1.3em;
  line-height: 2em;
}

.text-sns {
  color: #fff;
  text-align: center;
  font-size: 1.1em;
  line-height: 2em;
}

.text-fibali {
  font-size: 1.2em;
  line-height: 1.2em;
}

.text-fibali-head {
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.4em;
}

.text-news-days {
  font-weight: bold;
  font-size: 0.8em;
  line-height: 0.8em;
}



.no-border {
    border: none !important;
}

.oneblock {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
}

a {
  color: #55ACEE;
}


.border-bottom{
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #fff;
}


   .link-div {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none; /* テキストの下線を削除 */
      color: inherit; /* 親要素の色を継承 */
    }

    .link-div:hover {
      background-color: #333; /* ホバー時の背景色を変更 */
      color: #FFF;
            text-decoration: none; /* テキストの下線を削除 */
    }

.listdiv-fibali-head{
  padding: 1.5em;
  border-top: 1px solid #fff;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #fff;
}

.listdiv-fibali{
  padding: 1.5em;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #fff;
}

.listdiv-fibali-pc{
  width: 50%;
  padding: 1.5em;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #fff;
}


.custom-card:hover .bg-light {
  background-color: #f8f9fa !important; /* Bootstrapのlightより少し薄い色に調整も可能 */
  opacity: 0.9;
}


.hover-box:hover {
  background-color: #333333; /* Bootstrapの $gray-200 相当 */
  cursor: pointer;           /* マウスカーソルが変わると分かりやすい */
text-decoration: none !important; /* テキストの下線を削除 */
}

.text-decoration-none{
text-decoration: none !important; /* テキストの下線を削除 */
}

.sp {
  display: none;
}

@media screen and (max-width:985px) {
.pc {display:none}
.sp {display:inline;}
}