@charset "utf-8";

@media screen and (max-width: 740px) {

/*  =============================================================

　　学校サイト スマホ画面 共通モジュール設定

============================================================= */


/*  全体・コンテナー 設定
---------------------------------------------*/


/*  コンテンツ　設定
---------------------------------------------*/

#content {
}


/*  ボタン
-------------------------- */


/*  アコーディオン・メニュー
-------------------------- */

.boxAcc .btnAcc {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  cursor: pointer;
}

.boxAcc .boxAccCont {
  display: none;
}


/*  学校名・住所
-------------------------- */

.boxSchoolName {
  padding: 15px 10px;
}

.boxSchoolName h1 {
  float: none;
  width: auto;
}

.boxSchoolName .boxSchoolInfo {
  display: none;
}

/*  パンくず
-------------------------- */

.boxBreadcrumb {
  display: none;
} 


/*  タイトル
-------------------------- */


/*  ページ詳細
-------------------------- */

.boxEntryBody {
  padding: 0 10px 20px;
  font-size: 1em;
}

.boxEntryBody .boxSection {
  padding: 0;
}

/* ---- H1タイトル ---- */

.boxEntryBody h1 {
  margin: 20px -10px;
  padding: 12px 10px;
  border: none;
  background: #ececec;
  font-size: 1.6em;
  line-height: 1.5em;
}

.boxEntryBody .boxEntryHead h1 {
  margin-top: 0;
}

.boxEntryBody h1::before {
  display: none;
}

/* -- カラー設定 -- */

.color-blue .boxEntryBody h1 {
  background: #e3ecff;
}

.color-cyan .boxEntryBody h1 {
  background: #bff1fb;
}

.color-green .boxEntryBody h1 {
  background: #e6f8c9;
}

.color-magenta .boxEntryBody h1 {
  background: #fff0fd;
}

.color-orange .boxEntryBody h1 {
  background: #ffdeab;
}

.color-purple .boxEntryBody h1 {
  background: #eee9ff;
}

.color-red .boxEntryBody h1 {
  background: #fce5e5;
}

/* ---- H2タイトル ---- */

.boxEntryBody h2 {
  margin: 20px 0 15px;
  padding: 8px 10px;
  font-size: 1.4em;
}

/* ---- H3タイトル ---- */

.boxEntryBody h3 {
  margin: 20px 0 15px;
  font-size: 1.1em;
}

/* ---- H4タイトル ---- */

.boxEntryBody h4 {
}

/* ---- テキスト余白 ---- */

.boxEntryBody .boxEntryContent > p {
  margin-bottom: 15px;
}

.boxEntryBody .boxEntryMeta + .boxEntryContent > p:first-child {
  margin-top: 20px;
}

/* ---- Entry Meta ---- */

.boxEntryMeta {
  margin-top: -10px;
  margin-bottom: 10px;
}

.boxEntryMeta .boxEntryMetaLeft {
  float: none;
  width: auto;
  text-align: right;
}

.boxEntryMeta .boxEntryMetaRight {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
}

.boxEntryMeta .boxEntryMetaRight p {
  display: block;
  font-size: 0.9em;
  line-height: 1.7em;
}

.boxEntryMeta .boxEntryDate {
  padding-right: 0;
}

/* -- 印刷するボタン -- */

.boxEntryMeta .boxEntryMetaRight .btnPrint {
  display: none;
}

/* -- SNS -- */

.boxEntryMeta .boxSNS {
  padding-top: 2px;
}

.boxEntryMeta .boxSNS li {
  margin-left: 4px;
  margin-right: 0;
}

/* ---- リスト ---- */

/* -- 箇条書きリスト -- */

.boxDotList {
  margin: 20px 0 30px;
}

.boxDotList ul {
  padding-left: 5px;
}

.boxDotList li ul {
  padding-left: 20px;
}

/* -- 順序付きリスト -- */

.boxNumList {
  margin: 20px 0 30px;
}

.boxNumList ol {
  padding-left: 25px;
}

.boxNumList li ol {
  padding-left: 35px;
}

/* -- 矢印付きリスト -- */

.boxArwList {
}

.boxArwList ul {
  padding-left: 2px;
}

.boxArwList.icnArw a::before {
  top: 3px;
}

/* ---- テーブル ---- */

/*
.boxEntryBody table,
.boxEntryBody table caption,
.boxEntryBody table thead,
.boxEntryBody table tbody,
.boxEntryBody table tr,
.boxEntryBody table th,
.boxEntryBody table td {
  display: block;
  width: auto;
}

.boxEntryBody table {
  margin-top: 20px;
  margin-bottom: 20px;
  border-spacing: 0;
  background: none;
  font-size: 1em;
}

.boxEntryBody table.mediaPC,
.boxEntryBody table .mediaPC {
  display: none !important;
}

.boxEntryBody table tbody {
  border-top: none;
}

.boxEntryBody table tr {
  border: none;
  margin-bottom: 30px;
}

.boxEntryBody table th {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 8px 13px;
}

.boxEntryBody table td {
  padding: 10px 2px;
  border-bottom: 1px solid #ccc;
}

.boxEntryBody table tbody th {
  display: block !important;
}
*/


.boxEntryBody table {
}

.boxEntryBody .boxEntryFreeform table {
  margin-bottom: 5px;
}

.scrollTable{
  overflow-x: auto;
}

/* スクロールバー表示*/

.scrollTable::-webkit-scrollbar {
  height: 5px;
}

.scrollTable::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}

.scrollTable::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}


/* ---- 画像レイアウト ---- */

.boxEntryBody .imgLeft,
.boxEntryBody .imgRight {
  float: none;
  width: auto;
  margin: 0 0 15px;
}

.boxEntryBody .boxImgRow {
  margin-top: 20px;
}

.boxEntryBody .boxImgRow ul {
  margin-left: 0;
}

.boxEntryBody .boxImgRow li {
  display: block;
  width: auto;
  margin: 0 0 20px;
}

.boxEntryBody .boxImgRow li img {
  margin-bottom: 6px;
}

/* ---- ファイルダウンロード ---- */

.boxFileDowmload {
  margin-top: 20px;
}

.boxFileDowmload ul {
  padding-left: 0;
}

/* ---- マップ ---- */

.boxEntryBody .boxMap {
  margin-bottom: 25px;
}

.boxEntryBody .boxMap iframe {
  height: 240px;
}


/*  生活目標
-------------------------- */

.boxLifeGoals {
}


/*  所在地・連絡先
-------------------------- */

.boxTrafficAccess dl dt {
  float: none;
  width: auto;
  margin-bottom: 0;
}

.boxTrafficAccess dd {
  padding-left: 0;
}


/*  お知らせ
-------------------------- */

.boxInfoArea {
  padding: 15px;
}

/* ---- タイトルエリア ---- */

.boxInfoArea .boxInfoHead {
  margin-bottom: 15px;
}

/* -- お知らせタイトル -- */

.boxInfoArea h2 {
  float: none;
  width: auto;
  margin: 0;
  padding: 2px 0 0 25px;
  background-image: url(/share/imgs/school-content-icn-info-sp.png);
  background-size: 20px 20px;
  font-size: 1.3em;
}

/* -- カラー設定 -- */

.color-blue .boxInfoArea h2 {
  background-image: url(/share/imgs/school-content-icn-info-blue-sp.png);
}

.color-cyan .boxInfoArea h2 {
  background-image: url(/share/imgs/school-content-icn-info-cyan-sp.png);
}

.color-green .boxInfoArea h2 {
  background-image: url(/share/imgs/school-content-icn-info-green-sp.png);
}

.color-magenta .boxInfoArea h2 {
  background-image: url(/share/imgs/school-content-icn-info-magenta-sp.png);
}

.color-orange .boxInfoArea h2 {
  background-image: url(/share/imgs/school-content-icn-info-orange-sp.png);
}

.color-purple .boxInfoArea h2 {
  background-image: url(/share/imgs/school-content-icn-info-purple-sp.png);
}

.color-red .boxInfoArea h2 {
  background-image: url(/share/imgs/school-content-icn-info-red-sp.png);
}

/* -- RSSボタン -- */

.boxInfoArea .btnRSS {
  display: none;
}




}