@charset "UTF-8";
/* ==========================================================================================
*パーツ用スタイル /*670px 以下の指定 印刷時同様
========================================================================================== */
/* 1.5倍に拡大表示 */
input[type="radio"],
input[type="chexkbox"] {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
      transform: scale(1.5);
}

.sp-none {
	display: none !important;
}

.main-inner img {
    max-width: 95%;
    height: auto;
}

.img-guidance {
	margin: 0;
    padding: 0;
	height: 1px !important;
	width: 1px !important;
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
#base {
    overflow-y: scroll;
}
/* ヘッダーエリア
============================== */
.sp_head_wp {
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.menu_btn_wp {
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 92px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.logo {
    margin: 0 0 0 10px;
    position: relative;
    z-index: 105;
}
.button_container {
    border: none;
}
/* メニュー開閉エリア
============================== */
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
@-webkit-keyframes modalwindow_body_in {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes modalwindow_body_in {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes modalwindow_body_out {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
@keyframes modalwindow_body_out {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
#toggle01, 
#toggle02 {
  position: relative;
  z-index: 200;
}
#kensaku_menu,
#gnavi_menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 100;
  width: 100%;
  height: calc(100% + 100px);
  background: rgba(0, 0, 0, 0.2);
  border-bottom: 100px solid transparent;
  opacity: 1;
}

.kensaku_wp, 
.smph_gnavi_wp {
  top: 0px;
  background: #FFF;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-animation: 200ms modalwindow_body_out;
  animation: 200ms modalwindow_body_out;
  width: 100%;
  -webkit-overflow-scrolling:touch;
  padding: 80px 0 10px 0;
}

#kensaku_menu.menu-open .kensaku_wp,
#gnavi_menu.menu-open .smph_gnavi_wp {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-animation: 400ms modalwindow_body_in;
          animation: 400ms modalwindow_body_in;
}

/* ヘッダメニューリスト
============================== */
.side_jyoho_title .h2 {
    margin: 0;
    line-height: 1.4;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: 5px .3em;
    font-size: 90%;
    font-weight: normal;
}
p.side_jyoho_btn a {
    background-color: #FFF;
    position: relative;
    display: block;
    padding: 10px 25px 10px 45px;
    background-image: url(/images/c_joho_icon.gif);
    background-repeat: no-repeat;
    background-position: 8px .63em;
    background-size: 25px;
}

p.side_jyoho_btn a:link, 
p.side_jyoho_btn a:visited, 
p.side_jyoho_btn a:hover, 
p.side_jyoho_btn a:focus, 
p.side_jyoho_btn a:active {
	color: #333333;
	text-decoration: none;
}
p.side_jyoho_btn {
    display: block;
    margin: 10px 10px 0 10px;
    padding: 0;
    border: 1px solid #CCC;
}
.kensaku_wp > div {
    position: relative;
    z-index: 200;
    margin: 0 10px;
    overflow: hidden;
}
p.switch_menu_title a {
    background-color: #FFF;
    border-bottom: 1px solid #CCC;
    position: relative;
    display: block;
    padding: 10px 25px 10px 15px;
    background-image: url(/images/c_lonavi_icon.png);
    background-repeat: no-repeat;
    background-position: 97% 0.97em;
}
p.switch_menu_title:first-child {
    border-top: 1px solid #CCC;
}
p.switch_menu_title a:link, 
p.switch_menu_title a:visited, 
p.switch_menu_title a:hover, 
p.switch_menu_title a:focus, 
p.switch_menu_title a:active {
	color: #333;
    text-decoration: none;
}
p.switch_menu_title {
    margin: 0;
    padding: 0;
    z-index: 200;
    position: relative;
}
.smph_gnavi_menu {
    font-size: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.smph_gnavi_menu p {
    margin: 0;
    padding: 0;
    width: 50%;
    text-align: center;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.smph_gnavi_menu a {
    display: block;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #EDEEEC;
}
.smph_gnavi_menu a:link, 
.smph_gnavi_menu a:visited, 
.smph_gnavi_menu a:hover, 
.smph_gnavi_menu a:focus, 
.smph_gnavi_menu a:active {
	color: #333;
    text-decoration: none;
}
.smph_gnavi_menu p:nth-of-type(2n) {
    border-right: none;
}
/* 検索 */
input.h0box {
    border: 1px solid #FFF;
    min-height: 32px;
    width: 100%;
    padding: 0 0 0 10px;
    background-color: #E3E3E3;
    border: 1px solid #CFCFCF;
    min-height: 33px;
}

input.h0bt02 {
    border: 1px solid #116FAA;
    background-color: #116FAA;
    min-height: 32px;
    color: #FFF;
}
.searchbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/* メインエリア
============================== */
/* 大見出し画像 */
.main-inner .h1img img {
    max-width: 100%;
}
/* 基本情報 */
.basic_info_wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
/* インデックスsns */
.basic_info_index_wp .sns_btn_wp {
    width: auto;
    text-align: right;
}

.basic_info_index_wp .sns_btn_in.clearfix {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    vertical-align: initial;
}


.h1bg {
    margin: 0 5px 20px 5px;
}
.h2bg {
    margin: .8em 10px;
}

.h3bg {
    margin: 1em 10px .8em 10px;
}
.h4bg {
    margin: 1em 10px .8em 10px;
}
/* コンテンツエリア
============================== */
/* 見出し文字色設定 */
.h2bg .text-color-red, 
.h2bg .text-color-yellow, 
.h2bg .text-color-green, 
.h2bg .text-color-blue, 
.h2bg .text-color-aqua {
	    color: #FFFFFF;
}
.h2bg a:link, 
.h2bg a:visited, 
.h2bg a:focus, 
.h2bg a:hover,
.h2bg a:active {
    color: #FFFFFF;
}

.t-box2, .t-box {
    margin: 0.56em 10px 1.56em 10px;
}

.tothispage2 {
    margin: 0.56em 10px 0.56em 10px;
}

.newinfo-box .h2bg{
    margin: 0 10px;
}
/* floatの解除 */
p.imglink-side2 {
    float: none;
    width: 100%;
    /* text-align: left; */
}

p.imglink-txt-left {
    clear: both;
    float: none;
    width: 100%;
    text-align: center;
}

.img-area-r p.imglink-txt-right {
    clear: both;
    float: none;
    width: 100%;
    text-align: center;
}

.img-area p.imglink-side3 {
    clear: both;
    float: none;
    width: 100%;
}
p.img-right {
    clear: both;
    float: none;
    width: 100%;
    margin: 0;
}

p.img-center {
    clear: both;
    float: none;
    width: 100%;
    margin: 0;
}

p.img-left {
    clear: both;
    float: none;
    width: 100%;
}

.img-area {
    text-align: left;
    margin: 0 10px 0.56em 10px;
}
.menulist2 {
    display: block;
}

.m-box2 {
    width: 100%;
    margin: 0 0 0.85em 0;
}

.menulist {
    display: block;
}

.m-box3 {
    width: 100%;
    margin: 0 0 0.85em 0;
}



ul.info-list li{  
    padding: 15px 10px 15px 10px;
}
.info-list .date {
    float: none;
}

.info-list .link {
    width: 100%;
    margin: 0;
}
.site-li {
    margin: 0;
}

ul.site-li li {
    position: relative;
    display: block;
    padding: 0;
    border-bottom: 1px solid #ccc;
    background-image: none;
}

.m-title {
    margin: 0 10px 1px 10px;
}

ul.site-li li:before {
    right: 10px;
    left: auto;
    top: 50%;
}

ul.site-li li a {
    display: block;
    padding: 10px 25px 10px 15px;
}
ul.norcor li {
    display: block;
    padding: 0;
    position: relative;
    display: block;
    border-bottom: 1px solid #EEEEEE;
    background-image: none;
}

ul.norcor {
    padding: 0;
}

ul.norcor li a {
    display: block;
    padding: 10px 25px 10px 15px;
}

ul.norcor li:first-of-type {
    border-top: 1px solid #EEEEEE;
}
/* 地図エリア、画像リンク（文章回りこみ）用再調整 */

.map-area .h3bg,
.img-area-l .h3bg {
	margin-left: 10px;
}
.map-area .h4bg,
.img-area-l .h4bg {
	margin-left: 10px;
}
.map-area p,
.img-area-l p {
	margin-left: 10px;
}
.map-area ul,
.img-area-l ul {
	margin: 0.3em 5px 0.3em 10px;
	padding: 0;
}
.map-area ol,
.img-area-l ol {
	margin: 0.7em 5px 0.7em 10px;
	padding: 0;
}
.img-area-r ol {
	margin: 0.7em 5px 0.7em 10px;
	padding: 0;
}
.map-area ol li,
.img-area-l ol li,
.img-area-r ol li {
	margin: 0 0 0 2em;
}
.img-area-r ul {
    padding: 10px;
}
.img-only, 
.img-left, 
.img-center, 
.img-right {
    float: none;
    width: auto;
    text-align: center;
}

p {
    margin: 0.56em 10px;
    padding: 0;
    line-height: 1.58;
    font-size: 90%;
}
/* pdfバナー */
p.dladobereader {
    margin-right: 10px;
    margin-left: 10px;
}
/* インデックスメニュー
============================== */
ul.site-li li:before {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #029BA1;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    width: 8px;
    right: 10px;
    left: auto;
    top: 50%;
}

ul.norcor li::before {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #029BA1;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    width: 8px;
    right: 10px;
    left: auto;
    top: 50%;
}
.bgnewinfo-box {
    display: block;
}

.osusume-box {
    width: auto;
    margin: 0 10px 0.85em 10px;
}

.bgnewinfo-box .newinfo-box {
    width: auto;
    margin: 0 10px 0.85em 10px;
}
.oshirase-box {
    margin: 0 10px 0.85em 10px;
}
.newinfo-box {
    margin: 0 10px 0.85em 10px;
}
.CNavi2rd-left-img {
    text-align: center;
}
.CNavi3rd-left-img {
    text-align: center;
}
/* 地図パーツ
============================== */
.map-area .mapimg > iframe {
    width: 100% !important;
    max-height: 300px;
    margin: 0 auto;
}

.map-area {
    width: 100% !important;
    max-height: 300px;
    margin: 10px 10px;
}

.map-area .mapimg {
    width: auto;
}
/* ==========================================================================================
広告
========================================================================================== */

.kokoku{
	margin: 0;
	padding: 0 0 10px 0;
	background-color: #F0F8FA;
}

.kokoku .kokoku_left{
	margin: 0 auto;
	padding: 20px 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 300px;
}
.kokoku .kokoku_left .top_kanren_bnr{
 	margin: 0 6px 6px 0;
}

.kokoku .kokoku_left .top_kanren_bnr:nth-child(2n){
	margin-right: 0;
}

.kokoku .kokoku_left .top_kanren_bnr img{
	width: 147px;
}

.kokoku .kokoku_right{
	padding: 0;
}

.kokoku .kokoku_right p{
	background-color: #0D578D;
	margin: 10px;
	padding: 0;
	border-radius: 5px;
}

.kokoku .kokoku_right p a {
	display: block;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}
/* フッター
============================== */
.foot_wp {
    background-image: url(/images/smph_foot_bg.gif);
    background-repeat: repeat-x;
    background-position: 0 100%;
    padding: 0 0 30px 0;
}
#copy {
    margin: 0.1em 10px 0.56em 10px;
    font-size: 80%;
}
.footlist li {
    background-image: none;
    border-top: 1px solid #EEEEEE;
    padding: 0;
}

.footlist {
    margin: 0;
    padding: 0;
}

.footlist li a {
    position: relative;
    display: block;
    padding: 10px 25px 10px 15px;
}
.footlist li a:link {
	color: #000000;
    text-decoration: none;
}
.footlist li a:visited {
	color: #000000;
}
.footlist li a:hover, 
.footlist li a:focus {
	color: #000000;
	text-decoration: underline;
}
.footlist li a:active {
	color: #000000;
}
.footlist li:before {
    content: none;
}
.footlist li:last-child {
    border-bottom: 1px solid #EEEEEE;
}

.footlist li a::after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2px solid #0D578D;
  border-right: 2px solid #0D578D;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.foot_link_btn a {
    background-color: #11649F;
    padding: 10px 5px;
    display: block;
    color: #FFF;
    font-size: 80%;
    text-align: center;
    margin: 0 5px;
}
.foot_link_btn a:link, 
.foot_link_btn a:visited, 
.foot_link_btn a:focus, 
.foot_link_btn a:hover,
.foot_link_btn a:active {
    color: #FFF;
}
.foot_link_R {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
}

.foot_link_btn {
    width: calc(100% / 3);
}
.foot_messe_wp_L {
    margin: 0 0 15px 0;
    padding: 10px 20px;
    font-size: 90%;
}

.foot_link_list a {
    margin: 0;
}

.foot_link_list {
    padding: 0 0 10px 0;
}

.foot_wp_L {
    padding: 10px;
}

.foot_logo {
    margin: 0.1em 0 0.56em 10px;
}
/* ローカルナビ
============================== */
#localnavi {
    margin: 0 10px;
}
/* ページトップへ
============================== */
.page-top img {
    width: 58px;
    height: 58px;
}

.page-top {
    bottom: 5px;
    right: 5px;
    padding: 5px;
}
/* 重要お知らせ
============================== */
.important_item {
    background-color: #FFEBEC;
    display: block;
}

.important_item .title {
    background-color: #C7241F;
    color: #FFF;
    text-align: center;
    padding: 20px 10px;
    font-size: 120%;
    font-weight: normal;
    margin: 0;
    width: 100%;
    max-width: none;
    min-width: auto;
}


.importants {
    width: 100%;
}

/* ==========================================================================================
*災害用ページ
========================================================================================== */
.baseall-s .wrap {
    margin: 0 10px;
}
.baseall-s .footlist li {
    margin: 0;
    padding: 0;
    background-image: none;
    border-top: 1px solid #CCCCCC;
}
.baseall-s .footlist li:before{
    content: none;
}

.baseall-s .footlist {
    margin: 0;
    padding: 0;
}

.baseall-s address {
    margin: 0;
}
.baseall-s .f0add h2 {
    float: none;
    font-size: 120%;
}

/* ==========================================================================================
*カレンダーページ
========================================================================================== */
.cal_bt_eventindex {
    display: block;
    margin: 10px;
}

.cal_bt_calendar {
    display: block;
    margin: 10px;
}

.cal-wrap {
    margin: 10px 10px 30px 10px;
}
/* ==========================================================================================
*学校ページ
========================================================================================== */
/* 学校グローバルナビ */
.school_gnavi_wp {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

p.school_gnavi_li {
    width: calc(100% / 2);
    text-align: center;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
p.school_gnavi_li:nth-of-type(odd) {
    border-right: 2px solid #CFE1F3;
}
p.school_gnavi_li:nth-of-type(1), 
p.school_gnavi_li:nth-of-type(2) {
    border-bottom: 2px solid #CFE1F3;
}
p.school_gnavi_li a {
    text-align: center;
    padding: 10px 10px;
    -ms-flex-item-align: center;
        align-self: center;
}

/* 学校フッタ */
.school_smph_btn {
    width: auto;
}

/* 組織ページ用
============================== */
.org_list.m-box2 {
    float: none!important;
    width: 100%;
}
/* 重要お知らせ
============================== */
.important_item {
    background-color: #FFEBEC;
    display: block;
}

.important_item .title {
    background-color: #C7241F;
    color: #FFF;
    text-align: center;
    padding: 20px 10px;
    font-size: 120%;
    font-weight: normal;
    margin: 0;
    width: 100%;
    max-width: none;
    min-width: auto;
}
.importants {
    width: 100%;
}
/* サブサイトブランディング
============================== */
.SubmainImg.img-area img {
    width: 100%;
    height: auto;
}