@charset "UTF-8";
/* 共通 */
.bg-primary { background-color: #2c3e50!important; color:white; }
.bg-info { background-color: #e1f0fa!important;}
a {text-decoration: none;color:#01165f;} /*aタグは全部アンダーラインなし */

/* へダー部分の横並び一列*/
.rcontainer { display:flex; align-items: center;}
.rimage { height:100%; max-height: 2rem;}

/* ヘダー部分 の横メニュー兼プルダウン*/
h2.banner {margin-bottom: 0px;padding:0.375rem;}
li.nav-item a {color:white;font-size:1rem;} 
li.nav-item { text-align:center;padding-top:1rem;padding-bottom:1rem;color:white!important;border :1px solid; background: linear-gradient(#5faee3, #217dbb); }
li.ynav { padding-top:0.125rem;padding-bottom:0.125rem; }

/* 年月指定のdropdown */
.dropdown-menu {min-width:auto;} /* dropdownメニューで右側にできる空白を除く */
button a {color:white;}
button a:hover {color:wheat}
.btn-primary {background: linear-gradient(#5faee3, #217dbb);}

/* 曜日の部分 */
div.cal_h { background:#dd586d;color:white;} /*表題休日*/
div.cal_w { background:#897e66;color:white;} /*表題平日*/
div.cal_s { background:#6496b8;color:white;} /*表題土曜*/
div.nml_h { font-weight:bold;background-color:#FF97C2; } /*PCの時の休日背景色*/

div.smhdate { padding:0.75rem;font-size:0.875rem;} /* スマホのポップアップ内の日付 */

/* マーカー */
div.markerBlue {background: linear-gradient(#f9f9f9, #c1e0ff);}
div.markerRed {background: linear-gradient(#f9f9f9, #ffd9ea);}

.modal-header { margin-top: 8px;margin-bottom: 8px; border-bottom: none; } /* 広告よけで全体を下に下げる */
.modal-body { display: flex;flex-wrap: wrap; margin: 0 0 14px 0; padding: 0; }

/*１０文字以上の入六制限のためのCSS */
.input-field.form-control {  border: 1px solid #ccc;  padding: 5px;  transition: border-color 0.3s ease;}
.input-field.form-control.error { border-color: rgba(255, 0, 0, 0.5);border-width: 2px; }

#company input,#pref input { display: none; }
ul { margin-bottom:1px;}
#company li,#pref li { 
  text-align: center;
  line-height:2rem;
  border: solid 1px #ccc;
  display: inline-block;
  border-radius: 4px;
  padding: 0px;
}
#company input:checked + label,#pref input:checked + label { width:100%;background-color: #ffe8e8;font-weight:bold;}
#company input:checked + label#allcheckC,#pref input:checked + label#allcheckP { background-color:transparent;}
.btn-filter { width:100%;margin-bottom:5px;color:#fff; background: linear-gradient(#5faee3, #217dbb); }

html {
  overflow-x: hidden; /* 横スワイプ揺れ防止 */
}

body {
  overflow-x: hidden; /* 横スワイプ揺れ防止 */
  font-size:0.625rem;
}

@media(max-width:600px){ /* スマホ小 */ 
  div.tmonth {font-size:0.875rem;}
  img.icon{ width: 1rem; height: 1rem; } /* スケジュール内のイメージアイコン */
  img.icon2{ width: auto; height: 1rem; } /* スケジュール内のイメージアイコン */
  .oneshow{ line-height:0.8rem; } /* 1興行 */
  div.nosch{ padding-top:6px;font-size:1rem; } /* スケジュールがない時の日付 */
  #company div, #pref div { font-size:0.875rem; }
}
@media(min-width:601px){ /* スマホ */
  img.icon{ width: 0.7rem; height: 0.7rem; }
  img.icon2{ width: auto; height: 0.7rem; }
}
@media(min-width:800px){ /* タブレット */
  img.icon{ width: 0.85rem; height:0.85rem; }
  img.icon2{ width: auto; height:0.85rem; }
  .oneshow{ line-height:0.75rem; }
}
@media(min-width:992px){ /* ＰＣ */
  body {font-size:0.75rem;}
  .oneshow{ line-height:0.875rem; }
}
@media(min-width:1200px){ /* PC大 */
  body {font-size:0.9375rem;}
  img.icon{ width: 1.25rem; height: 1.25rem; }
  img.icon2{ width: auto; height: 1.25rem; }
  .oneshow{ line-height:1.0625rem; }
}