@charset "UTF-8";
/* ==========================================================================

 -----------------------------------------
	INDEX
 -----------------------------------------

	--------------------
	サブページ共通内容の設定
	--------------------
	1.サブページ　共通設定
contents
headerback

	2.固定ページ　設定
pagetitle
pageentry

	3.投稿ページ　設定
topicstitle
topicsentry


ページャー
ページネーション

投稿ページ（DATE）
投稿ページ（CATEGORY）


サイドメニュー設定共通

サイドメニュー中身設定

サイドメニューWidjet設定


	--------------------
	各個別ページ独自の設定
	--------------------
	1.aboutページ　本文設定部分
	3.otherpage設定部分


	--------------------
		各サイドバー設定
	--------------------

	1.サブページ【 共通 】サイドメニュー設定
	2.シングルページ【 single.php/category.php/date.php 】サイドメニュー設定		
	3.個別ページ【 page-〇〇.php 】サイドメニュー設定
	4.メディアクエリ設定

========================================================================== */
/***************************************************************************
サブページ共通設定　（page/category/single/date）
****************************************************************************/
#contents {
  padding-bottom: 50px;
} /* END #contents */
#headerback {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center center;
}
#headerback #headerbacklogo {
  display: flex;
  flex-direction: column;
  position: absolute;
  align-items: center;
  height: 120px;
  width: 240px;
  border-radius: 0 0 50% 50%/0 0 100% 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
#headerback #headerbacklogo .sub {
  display: block;
  position: relative;
  font-size: 0.9rem;
  margin-top: 10px;
  line-height: 1;
  letter-spacing: 0.1em;
}
#headerback #headerbacklogo .course1 {
  display: inline-block;
  position: relative;
  font-size: 1.9rem;
  font-weight: 550;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 10px;
}
#headerback #headerbacklogo .course2 {
  display: inline-block;
  position: relative;
  font-size: 1.9rem;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 10px;
}

#schoolguide #headerback {
  background-image: url(../../images/sub/baseback.png);
}

#access #headerback {
  background-image: url(../../images/sub/baseback.png);
}

#pickup #headerback {
  background-image: url(../../images/sub/baseback.png);
}

#booking #headerback {
  background-image: url(../../images/sub/baseback.png);
}

#parttime #headerback {
  background-image: url(../../images/sub/parttimeback.png);
}
#parttime #headerback #headerbacklogo .course1 {
  color: #01ccfe;
}

#correspondence #headerback {
  background-image: url(../../images/sub/correspondenceback.png);
}
#correspondence #headerback #headerbacklogo .course1 {
  color: #ff5abc;
}

/*パンくずリスト*/
/*Bootstrapのデフォルトbreadcrumb設定を上書き*/
.breadcrumb {
  position: relative;
  /*top:20px;*/
  width: 100%;
  /*height:20px;*/
  padding: 0.5rem 1rem;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 8px;
  font-size: 0.8rem;
  font-weight: 500;
  background-color: transparent;
  /*color:#FFF;*/
}

.breadcrumb-item i {
  margin-right: 5px;
}

/* サブコンテンツのカード全般 */
.card {
  margin-bottom: 20px;
  overflow: hidden;
}

/***************************************************************************
	固定ページ共通設定
  固定系はpagetitle・pagebody、投稿系はtopicstitle・topicksbody
****************************************************************************/
/*===============　ページタイトル　===============*/
.pagetitle {
  position: relative;
  width: auto;
  display: block;
  color: #314566;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 2px;
  /*line-height:1.5;*/
  text-align: left;
  padding-left: 15px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}
#schoolguide .pagetitle {
  border-left: solid 8px #999;
}
#access .pagetitle {
  border-left: solid 8px #999;
}
#pickup .pagetitle {
  border-left: solid 8px #999;
}
#parttime .pagetitle {
  border-left: solid 8px #01ccfe;
}
#correspondence .pagetitle {
  border-left: solid 8px #ff5abc;
}

/*===============　ページ内容　===============*/
.pageentry {
  position: relative;
  width: auto;
  /*min-height:650px;*/
  border-top: #666666 dotted 1px;
  padding: 20px 20px;
  line-height: 2;
  /*　ページ内容　＞　.card内部　＞　本文　＞　サブタイトル（固定ページ用）　*/
  /*　ページ内容　＞　.card内部　＞　本文　＞　テーブルスタイル（固定ページ用）　*/
  /*文字の配置をクラス指定する場合に使用　校歌　普通科国際科のimg中央に使用*/
}
.pageentry ul {
  list-style: disc;
}
.pageentry .subtitle {
  display: block;
  margin: 10px 0px 10px 0px;
  padding: 2px 0 2px 15px;
  font-weight: 500;
  /*text-indent:15px;*/
  letter-spacing: 2px;
  border-left: solid 3px;
}
.pageentry table {
  /*テーブル基本設定の場合*/
  /*テーブルpattern0の場合*/
}
.pageentry table td {
  padding: 5px;
}
.pageentry table span {
  display: inline-block;
}
.pageentry table.pattern0 {
  margin: 20px 0;
  border-collapse: separate;
  border-spacing: 2px 2px;
  border: 1px solid #ddd;
}
.pageentry table.pattern0 tr {
  width: 100%;
}
.pageentry table.pattern0 th {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  line-height: 1.5;
  background: #ddd;
  white-space: nowrap;
}
.pageentry table.pattern0 td {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  background: #eee;
}
.pageentry table.pattern1 {
  margin: 20px 0;
  border-collapse: separate;
  border-spacing: 2px 2px;
  border: 1px solid #ddd;
  width: 100%;
}
.pageentry table.pattern1 tr {
  width: 100%;
}
.pageentry table.pattern1 th {
  padding: 10px 20px;
  vertical-align: middle;
  text-align: left;
  line-height: 1.5;
  background: #ddd;
  white-space: nowrap;
}
.pageentry table.pattern1 td {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  background: #eee;
}
.pageentry table.pattern2 {
  margin: 20px 0;
  border-collapse: separate;
  border-spacing: 2px 2px;
  border: 1px solid #ddd;
  width: 100%;
}
.pageentry table.pattern2 tr {
  width: 100%;
}
.pageentry table.pattern2 th {
  padding: 10px 20px;
  vertical-align: middle;
  text-align: left;
  line-height: 1.5;
  background: #ddd;
  white-space: nowrap;
}
.pageentry table.pattern2 td {
  padding: 10px;
  vertical-align: top;
  text-align: left;
  background: #eee;
}
.pageentry .textcenter {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.pageentry .textright {
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
}
.pageentry .textleft {
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*注意書きの部分*/
.annotate {
  margin-top: 10px;
  color: #f33; /*#F6C;*/
  line-height: 2;
}

.annotate_waku {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  padding: 10px;
  letter-spacing: 2px;
  border: solid 2px;
}

/*リンク用クラス（クリック時のリンクデータとして活用）*/
/* エラーページ用*/
#errorImage {
  position: relative;
  margin: 200px 50px 0px 50px;
}

/***************************************************************************
	固定ページ 個別設定
****************************************************************************/
.map {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*ボタン*/
/* サブコンテンツのボタン内　fontawesome全般 */
#other .btn i {
  margin-right: 10px;
}

#other .pageentry .link {
  padding: 20px;
}

/**********************************************
		media query	
		none<576 576<=sm 768<=md 992<=lg 1200<=xl 1400<=xxl
***********************************************/
/* > lg(992)の場合*/
@media screen and (max-width: 991px) {
  #headerback {
    align-items: flex-end;
  }
  #headerback #headerbacklogo {
    justify-content: flex-end;
    height: 105px;
    width: 210px;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
  }
  #headerback #headerbacklogo .sub {
    margin-top: 0px;
    margin-bottom: 5px;
  }
  #headerback #headerbacklogo .course1 {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  #headerback #headerbacklogo .course2 {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
/* md(768) < の場合*/
/* > md(768)の場合*/
@media screen and (max-width: 767px) {
  /* メニューをfixedさせた分だけ、下にずらすため */
  #contents {
    padding-bottom: 30px;
  }
}
/***************************************************************************
	レスポンシブルテーブル
****************************************************************************/
/**********************************************
		media query

		none<576 576<=sm 768<=md 992<=lg 1200<=xl 1400<=xxl
***********************************************/
/* > md(768)の場合*/
/* END レスポンシブルテーブル */
/***************************************************************************
投稿ページ共通設定　投稿内容のタイトルと本文の設定（category/single/date）等　
投稿系はtopicstitle・topicksbody、固定系はpagetitle・pagebody
****************************************************************************/
/*===============　投稿ページタイトル　===============*/
.topicstitle {
  position: relative;
  width: auto;
  display: block;
  color: #314566;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: left;
  padding-left: 15px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}
#schoolguide .topicstitle {
  border-left: solid 8px #999;
}
#access .topicstitle {
  border-left: solid 8px #999;
}
#pickup .topicstitle {
  border-left: solid 8px #999;
}
#parttime .topicstitle {
  border-left: solid 8px #01ccfe;
}
#correspondence .topicstitle {
  border-left: solid 8px #ff5abc;
}

/*===============　投稿ページ内容　===============*/
.topicsentry {
  position: relative;
  width: auto;
  /*min-height:650px;*/
  border-top: #954c29 dotted 1px;
  padding: 20px 20px;
  line-height: 2;
  /*　投稿ページ内容　＞　.card内部　＞　本文　＞　サブタイトル（固定ページ用）　*/
  /*テーブル基本設定の場合*/
  /*文字の配置を直接指定する場合に使用*/
  /*記事の中の小さい文字用*/
}
.topicsentry ul {
  list-style: disc;
}
.topicsentry .subtitle {
  display: flex;
  /*上下の配置方法*/
  align-items: center;
  margin: 10px 0px 10px 5px;
  padding: 2px 0 2px 15px;
  font-weight: 500;
  /*text-indent:15px;*/
  letter-spacing: 2px;
  border-left: solid 3px;
}
.topicsentry table {
  /*テーブルpattern0の場合*/
}
.topicsentry table td {
  padding: 5px;
}
.topicsentry table span {
  display: inline-block;
}
.topicsentry table.pattern0 {
  margin: 20px 0;
  border-collapse: separate;
  border-spacing: 2px 2px;
  border: 1px solid #ddd;
}
.topicsentry table.pattern0 th {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  line-height: 1.5;
  background: #ddd;
}
.topicsentry table.pattern0 td {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  background: #eee;
}
.topicsentry table.pattern1 {
  margin: 20px 0;
  border-collapse: separate;
  border-spacing: 2px 2px;
  border: 1px solid #ddd;
  width: 100%;
}
.topicsentry table.pattern1 tr {
  width: 100%;
}
.topicsentry table.pattern1 th {
  padding: 10px 20px;
  vertical-align: middle;
  text-align: left;
  line-height: 1.5;
  background: #ddd;
  white-space: nowrap;
}
.topicsentry table.pattern1 td {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  background: #eee;
}
.topicsentry table.pattern2 {
  margin: 20px 0;
  border-collapse: separate;
  border-spacing: 2px 2px;
  border: 1px solid #ddd;
  width: 100%;
}
.topicsentry table.pattern2 tr {
  width: 100%;
}
.topicsentry table.pattern2 th {
  padding: 10px 20px;
  vertical-align: middle;
  text-align: left;
  line-height: 1.5;
  background: #ddd;
  white-space: nowrap;
}
.topicsentry table.pattern2 td {
  padding: 10px;
  vertical-align: top;
  text-align: left;
  background: #eee;
}
.topicsentry .textcenter {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.topicsentry .textright {
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
}
.topicsentry .textleft {
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}
.topicsentry .small {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 8px;
  font-size: 0.8rem;
  color: #888;
  line-height: 2;
}

/*===============　投稿情報バッジ （single/date）　===============*/
.singleInfo {
  /*日付とカテゴリ*/
  position: relative;
  margin: 20px 30px 20px 0px;
  font-size: 1rem;
  word-wrap: break-word; /*英文の自動改行をさせる為*/
  word-break: break-all;
}
.singleInfo .badge {
  padding: 5px 8px;
}
.singleInfo span {
  margin-right: 10px;
}
.singleInfo span i {
  margin-right: 5px;
}

/***************************************************************************
ページャー （single/date）
****************************************************************************/
.pager {
  font-size: 10px;
  font-size: 1rem;
  margin: 10px;
  padding: 0;
}
.pager .previous {
  text-align: left;
}
.pager .next {
  text-align: right;
}
.pager a {
  text-decoration: none;
}
.pager .badge {
  /*display: inline-block; 長いタイトルの場合幅を突き出てしまう対応 */
  padding: 10px 15px;
  margin: 10px 10px;
  text-align: center;
  background: #314566;
  color: #fff;
}
.pager .badge:hover {
  background: #878e9b;
  color: #ccc;
}

/***************************************************************************
ページネーション （category/single/date）
****************************************************************************/
.pagination .numall {
  background: #314566 !important;
  color: #fff !important;
}
.pagination .current {
  cursor: default;
  background: #314566;
  color: #fff;
}
.pagination .current:hover {
  cursor: default;
  background: #314566;
  color: #fff;
}

/***************************************************************************
投稿ページ　【DATE】　設定
****************************************************************************/
#date .datecard .card-body {
  padding: 0;
}
#date .datecard .card-body a {
  display: block;
  padding: 20px;
  text-decoration: none;
}
#date .datecard .card-body a:hover {
  background: #f3f3f3;
}
#date .datecard .card-body .topicsentry {
  padding-bottom: 0;
}

/***************************************************************************
投稿ページ　【CATEGORY】　設定
****************************************************************************/
#category .categorycard .card-body {
  /*margin-bottom:10px;*/
  padding: 0;
}
#category .categorycard .card-body a {
  display: block;
  padding: 20px;
  text-decoration: none;
}
#category .categorycard .card-body a:hover {
  background: #f3f3f3;
}
#category .categorycard .card-body .topicsentry {
  padding-bottom: 0;
}

/***************************************************************************
ビジュアル投稿パネル用　設定　ユーザー投稿用に設定しておく
****************************************************************************/
/*投稿イメージの設定部分*/
/*デフォルト設定部分*/
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

img.alignright {
  margin: 5px 0 5px 20px;
  display: inline;
}

img.alignleft {
  margin: 5px 20px 5px 0;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

/* > lg(992)の場合*/
/* md(768) < の場合*/
/* > md(768)の場合*/
/* > sm(576)の場合*/
@media screen and (max-width: 575px) {
  .pager .previous {
    text-align: center;
  }
  .pager .next {
    text-align: center;
  }
  .pageentry {
    padding: 20px 10px;
    line-height: 2;
  }
  .topicsentry {
    padding: 20px 10px;
    line-height: 2;
  }
}
/***************************************************************************
サイドメニュー設定　サブページ【 共通 】
****************************************************************************/
/*サブコンテンツのサブメニューカード設定*/
.card {
  /*===============　.submenu設定　（page/category/single　全てに共通）===============*/
  /*===============　.pickupmenu設定　（page/category/single　全てに共通）===============*/
}
.card.submenu .card-header {
  display: flex;
  flex-direction: column;
  /*上下の配置方法*/
  align-items: center;
  /*左右の配置方法*/
  justify-content: center;
  /*複数行の左右の配置方法*/
  align-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
}
#schoolguide .card.submenu .card-header {
  background-color: #999;
}
#access .card.submenu .card-header {
  background-color: #999;
}
#pickup .card.submenu .card-header {
  background-color: #999;
}
#parttime .card.submenu .card-header {
  background-color: #01ccfe;
}
#correspondence .card.submenu .card-header {
  background-color: #ff5abc;
}
.card.submenu .card-header .en {
  color: #fff;
  font-size: 5px;
  font-size: 0.5rem;
  font-weight: 200;
  letter-spacing: 0.1em;
  margin-bottom: 0;
}
.card.submenu .card-body {
  padding-top: 20px;
  padding-bottom: 20px;
}
.card.submenu .card-body #subnav ul li a i {
  /*===============　サイドメニューの中身の記号の条件分岐　===============*/
}
#schoolguide .card.submenu .card-body #subnav ul li a i {
  color: #666666;
}
#access .card.submenu .card-body #subnav ul li a i {
  color: #666666;
}
#pickup .card.submenu .card-body #subnav ul li a i {
  color: #666666;
}
#parttime .card.submenu .card-body #subnav ul li a i {
  color: #01ccfe;
}
#correspondence .card.submenu .card-body #subnav ul li a i {
  color: #ff5abc;
}
.card.pickupmenu {
  /*サブコンテンツのピックアップメニューカード設定*/
}
.card.pickupmenu .card-header {
  display: flex;
  flex-direction: column;
  /*上下の配置方法*/
  align-items: center;
  /*左右の配置方法*/
  justify-content: center;
  /*複数行の左右の配置方法*/
  align-content: center;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
  font-size: 0.9rem;
  font-weight: 400;
  /*color: #FFF;*/
}
.card.pickupmenu .card-header .en {
  color: #888;
  font-size: 0.5rem;
  font-weight: 200;
  letter-spacing: 0.1em;
  margin-bottom: 0;
}
.card.pickupmenu .card-body {
  padding-top: 5px;
  padding-bottom: 5px;
}
.card.pickupmenu .card-body #subnav ul li a i {
  color: #843333;
}

/*===============　サイドメニューの中身 ===============*/
#subnav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#subnav ul li {
  /*padding: 5px 30px;*/
  /*line-height: 1.5;*/
  padding: 0;
  width: 100%;
}
#subnav ul li:not(:last-child) {
  border-bottom: solid 1px #eee;
}
#subnav ul li a {
  font-size: 0.9rem;
  /*font-weight: 500;*/
  letter-spacing: 0.1em;
  color: #666;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  text-align: left;
  padding: 20px 5px;
  text-decoration: none;
}
#subnav ul li a:hover {
  /*color:#888;*/
  background: #f3f3f3;
}
#subnav ul li a i {
  margin-right: 10px;
}

/***************************************************************************
サイドメニュー設定　個別ページ【 page-〇〇.php 】
****************************************************************************/
/*無し*/
/***************************************************************************
サイドメニュー設定　シングルページ【 single.php/category.php/date.php 】
****************************************************************************/
/*===============　ウィジェットナビ部分の共通設定　===============*/
/*サブコンテンツのサブナビゲーションの中身（submenu&pickupの中身）*/
#widgetnav ul.menu {
  margin: 0;
  padding: 0;
}
#widgetnav .widget:not(:last-child) {
  /*各ウィジェットコンテンツ*/
  padding-bottom: 15px;
  margin-bottom: 20px;
}
#widgetnav .widget .widgettitle {
  /*各ウィジェットコンテンツのタイトル*/
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: solid 1px #999;
}
#widgetnav .widget ul {
  margin: 0;
  padding: 0;
  display: flex; /* Safari */
  flex-direction: column; /* Safari */
  flex-wrap: wrap;
}
#widgetnav .widget ul li {
  /*padding: 5px 30px;*/
  /*line-height: 1.5;*/
  padding: 0;
  width: 100%;
}
#widgetnav .widget ul li:not(:last-child) {
  border-bottom: solid 1px #eee;
}
#widgetnav .widget ul li a {
  font-size: 9px;
  font-size: 0.9rem;
  /*font-weight: 500;*/
  letter-spacing: 0.1em;
  color: #666;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  text-align: left;
  padding: 20px 5px;
  text-decoration: none;
}
#widgetnav .widget ul li a:hover {
  /*color:#888;*/
  background: #f3f3f3;
}
#widgetnav .widget ul li a i {
  margin-right: 10px;
  color: #314566;
}

/*===============　リセントエントリー（最近の投稿）設定部分　===============*/
/*===============　カテゴリー設定部分　===============*/
/*===============　カレンダー設定部分　===============*/
#wp-calendar {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
  line-height: 2;
  border: 0;
  background-color: none;
}
#wp-calendar thead {
  text-align: center;
}
#wp-calendar thead tr th {
  background-color: none !important;
}
#wp-calendar a {
  font-weight: 700;
}
#wp-calendar a:hover {
  color: #9c0;
}
#wp-calendar #prev {
  text-align: left;
}
#wp-calendar #next {
  text-align: right;
}

/***************************************************************************
Booking設定　（予約機能ページ設定）
****************************************************************************/
#booking_preamble {
  color: #333333;
  font-size: 0.8rem;
}
#booking_preamble .list-design1 {
  list-style: "※";
  margin-bottom: 10px;
}
#booking_preamble .list-design2 {
  list-style: "◯";
  margin-bottom: 5px;
}
#booking_preamble .list-design3 {
  list-style: "・";
  margin-bottom: 5px;
}
#booking_preamble .list-design4 {
  list-style: "■";
  margin-bottom: 5px;
}
.monthly-calendar .calendar-title {
  display: none;
}

.day-calendar table.mtssb-timetable-link {
  margin: 0 auto;
}
.day-calendar .mtssb-daily-action button {
  padding: 5px 15px;
  border: #999 solid 1px;
}

#booking-form fieldset table #booking-option-table {
  width: 100%;
  box-sizing: border-box;
}
#booking-form fieldset table td input#booking-option-key_zaisekikikan {
  width: 300px;
}
#booking-form fieldset table td span.option-note {
  color: #ff0000;
  font-size: 0.9rem;
}

@media screen and (max-width: 640px) {
  .day-calendar table.mtssb-timetable-link {
    width: 100%;
  }
  #booking-form fieldset {
    padding-left: 10px;
    padding-right: 10px;
  }
  #booking-form fieldset table th {
    display: block;
    width: 100%;
    border: none;
    text-align: left;
    padding: 5px 5px;
    background-color: #eee;
    font-size: 0.8rem;
  }
  #booking-form fieldset table td {
    display: block;
    border: none;
    padding: 10px 10px;
  }
  #booking-form fieldset table td label {
    font-size: 0.8rem;
    width: 100%;
  }
  #booking-form fieldset table td input {
    width: 100%;
  }
  #booking-form fieldset table td .content-form label.field-item {
    width: 100%;
  }
  #booking-form fieldset table td input#booking-option-key_zaisekikikan {
    width: 100%;
  }
  #booking-form fieldset table td span.option-note {
    margin-top: 5px;
    font-size: 0.8rem;
    line-height: 1;
  }
}/*# sourceMappingURL=subpage.css.map */