@charset "UTF-8";
/*--------------------------------------------------------------
0.0 Variable
--------------------------------------------------------------*/
.bg-white-kadomaru, .index-page .content-wrap, .page .content-wrap {
  background-color: #FFF;
  border-radius: 10px;
  overflow:hidden; }

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
footer,
header,
nav,
section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption,
figure,
main {
  display: block; }

figure {
  margin: 1em 0; }

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
 }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active,
a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: 1px #767676 dotted;
  text-decoration: none; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: 700; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #eee;
  color: #222; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #bbb;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
.non-visual {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.non-visual:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

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

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

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

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

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.entry-footer:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body {
  color: #000000;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 300;
  line-height: 1.45; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  margin: 0 0 0.75em;
  /*padding: 1.5em 0 0;*/ }

p {
  margin: 0 0 1.5em;
  padding: 0; }

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
img {
  max-width: 100%;
  height: auto; }

/*--------------------------------------------------------------
8.0 Lists　現行サイトを一部流用
--------------------------------------------------------------*/
dl {
  font-family: Verdana;
  margin: 10px;
  padding: 0px;
  font-size: 110%; }

dt {
  font-weight: bold;
  color: #960;
  padding: 5px 5px 0px 5px;
  margin: 5px 5px 0px 5px; }

dd {
  padding: 3px 10px 10px 10px;
  margin: 0px;
  font-size: 90%; }

dl dt a {
  color: #960;
  text-decoration: none; }

dl dt a:visited,
dl dt a:active {
  color: #960;
  text-decoration: none; }

dl dt a:hover {
  color: #39A4E3;
  text-decoration: under-line; }

dd ol {
  margin: 0px 20px;
  padding: 0px; }

dd ol li {
  margin: 0px 20px;
  padding: 0px; }

dd ul {
  margin: 0px;
  padding: 0px; }

dd ul li {
  margin: 0px;
  padding: 0px 0px 2px 15px; }

.list-with-dot {
  padding-left: 0; }
  .list-with-dot li {
    background: url(../images/icn_arrow.png) no-repeat 0 0.3em;
    list-style: none;
    padding-left: 1em; }

.link-banners {
  margin: 0 0 1.5em;
  padding: 0; }
  .link-banners li {
    list-style: none; }
    .link-banners li img {
      vertical-align: bottom; }

/*--------------------------------------------------------------
9.0 Tables　現行サイトを流用
--------------------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table {
  margin: 10px 15px; }

th,
td {
  padding: 5px;
  border: 1px solid #999; }

th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  background-color: #FFF; }

td {
  vertical-align: top; }

table.none {
  border: 0; }

table.none th,
table.none td {
  border: 0;
  padding: 5px; }

/* next
------------------------------------ */
.next {
	margin: 20px;
	background: url(../images/mark04.gif) 0px 3px no-repeat;
	padding-left: 15px;
}


.nextlist {
	margin: 20px 10px;
	background: url(../images/mark07.gif) 0px 3px no-repeat;
	padding-left: 15px;
	float:right;
	clear:both;
}
/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
a {
  color: #513D00;
  text-decoration: none; }

a:focus {
  outline: none; }

a:hover,
a:active {
  color: #000;
  outline: 0; }

/* マウスオーバーで半透過 */
.to-list-page a:hover,
.like-button:hover,
.site-footer a:hover {
  opacity: 0.7; }

.like-button {
  background-color: #e87700;
  color: #FFF;
  display: inline-block;
  line-height: 1.2;
  padding: 0.7em 0;
  text-align: center; }

.like-button:hover {
  color: #FFF; }

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.main-navigation li {
  list-style: none; }

/* スマホ用の赤いナビゲーション */
.sp-bottom-menu {
  background-color: #db371c;
  position: fixed;
  width: 100%;
  left: 0;
  padding: 15px 0; }
  .sp-bottom-menu .flex-box {
    display: flex;
    margin: 0;
    padding: 0 0 0 15px; }
    .sp-bottom-menu .flex-box li {
      flex: 1;
      list-style: none;
      padding: 0 15px 0 0; }
      .sp-bottom-menu .flex-box li:first-child {
        flex: 3; }
      .sp-bottom-menu .flex-box li select {
        margin-top: 8px;
        width: 100%; }

/* スマホ用のスライドしてくる開閉ナビゲーション */
.drawer--left .drawer-nav {
  left: -100%; }

.sp-main-navigation.drawer-nav {
  background-color: #8c6900;
  background-color: rgba(81, 61, 0, 0.8);
  width: 100%; }

.sp-main-navigation div {
  padding: 80px 34px; }
  .sp-main-navigation div select {
    width: 100%; }

.sp-main-navigation ul {
  margin: 0;
  padding: 0; }

.sp-main-navigation li {
  list-style: none;
  margin-bottom: 10px; }

.sp-main-navigation a {
  color: #FFF;
  display: block;
  font-size: 17px;
  padding: 6px; }

.drawer--left .drawer-hamburger {
  position: absolute;
  z-index: 4;
  top: 0px;
  left: auto;
  right: 10px;
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding: 0;
  padding: 18px .75rem 30px;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border: 0;
  outline: 0;
  background-color: transparent; }

.drawer--left.drawer-open .drawer-hamburger {
  left: auto; }

.drawer-hamburger:hover {
  cursor: pointer;
  background-color: transparent; }

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px; }

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
  width: 100%;
  height: 4px;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #8c6900; }

.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before {
  background-color: #FFF; }

.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' '; }

.drawer-hamburger-icon:after {
  top: 10px; }

.drawer-open .drawer-hamburger-icon {
  background-color: transparent; }

.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {
  top: 0; }

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
html {
  background: url(../images/bg_contents.png); }

body {
  background: url(../images/bg_sky.png) repeat-x left top; }

.wrap,
.header-inner,
.site-main,
.site-footer-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
  padding-left: 15px;
  padding-right: 15px; }

.wrap,
.site-main,
.site-footer-inner {
  box-sizing: border-box; }

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
.site-header {
  background: url(../images/bg_head.png) repeat-x center -20px;
  background-size: 1100px;
  height: 120px; }

.header-inner {
  position: relative; }

.site-title {
  margin: 10px 0 0; }

.site-logo {/*ja*/
  width: 240px;
  width: calc(100% - 60px);
  max-width: 362x; }

#img-teacher {
  position: absolute;
  left: 242px;
  top: 86px;
  width: 65px; }
#img-mama-content {
  position: absolute;
  right: 20px;
    top: 313px;
}
/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
#google-calender {
  border: 0px none;
  height: 300px;
  width: 100%; }

.index-page .site-main .column-item,
.page .site-main .column-item {
  margin-bottom: 20px; }
  .index-page .site-main .column-item p:last-child,
  .page .site-main .column-item p:last-child {
    margin-bottom: 0; }

.index-page .section-title,
.page .section-title {
  color: #FFF;
  font-size: 21px;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0.2em; }
  .index-page .section-title a,
  .page .section-title a {
    color: #FFF; }

.index-page .content-wrap{
  padding: 15px;
  overflow: hidden; }
.page .content-wrap {
  padding: 15px;
 }


.index-page .index-topics .to-list-page {
  background: url(../images/img_balloon01.png) no-repeat 0 0;
  background-size: 160px;
  height: 56.8px;
  width: 160px;
  float: right; }
  .index-page .index-topics .to-list-page a {
    display: block;
    line-height: 45.44px;
    padding-bottom: 11.36px;
    text-align: center; }

.relation-banners .link-banners {
  margin: 0 0 1.5em;
  padding: 0; }
  .relation-banners .link-banners li {
    /*画像の高さ固定で並ぶだけ*/
    display: inline-block;
    margin: 0 5px 9px 0;
    /*
		float: left;
		$mleft: 15px;
		margin-bottom: $mleft;
		margin-left: $mleft;
		*/
    /*3つ並びにした場合*/
    /*width: 30%;
		width: calc((100% - 15px * 2) / 3);
		&:nth-of-type(3n+1) {
			margin-left: 0;
		}*/
    /*2つ並びにした場合*/
    /*width: 47%;
		width: calc((100% - 15px * 1) / 2);
		&:nth-of-type(2n+1) {
			margin-left: 0;
		}*/ }
    .relation-banners .link-banners li img {
      max-height: 28px; }

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/
.site-content-container {
  position: relative; }

/*トピックスの一覧*/
.topics-list {
  margin: 0;
  padding: 0; }
  .topics-list li {
    display: block;
    list-style: none;
    overflow: hidden;
    margin-bottom: 1.5em; }
    .topics-list li .news-icon {
      float: left;
      width: 64px; }
    .topics-list li .date, .topics-list li a {
      display: block;
      margin-left: 74px; }
    .topics-list li .date {
      color: #555;
      font-size: 12px;
      font-size: 0.8571rem;
      margin-bottom: 0.3em; }
    .topics-list li a {
      font-size: 16px;
      font-size: 1.1429rem; }

/*ページ*/
.page-main .column2-wrap {
    background: url(../images/img_kiz.png) no-repeat center bottom;
    background-size: 353px;
    padding-bottom: 220px;
	margin-bottom:30px;}


/*レフト　ライト*/
.main-content{
	width:75%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}
.main-content h3,
.search-content h3{
	background:#AE964C;
	color:#fff;
	font-size:18px;
	padding:10px;
	margin-bottom:30px;
}


.entry-content{
	margin:10px 10px 30px;
}
/*検索*/
.search-content{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
.arrow {
	padding-left: 20px;
	background: url(../images/icn_arrow.png) 5px 8px no-repeat;
	font-size:110%;
	font-weight:bold;
	margin-bottom:10px;
}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
.ul-list{
	padding:0;
	margin:0;
}
.ul-list li{
	background: url(../images/icn_arrow02.png) no-repeat left top;
	list-style:none;
	padding:5px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:1.5em;
	padding:0 0 0 30px
}
.ul-list li .txt{
    background: #f0f0f0;
    margin: 5px 5px 5px -30px; 
	padding:10px;
	font-size:14px;
	font-weight:normal;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.site-footer {
  background: url(../images/bg_foot.png);
  color: #513D00;
  margin-top: 36px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative; }
  .site-footer .to-pagetop {
    position: absolute;
    text-align: center;
    top: -36px;
    width: 100%; }
    .site-footer .to-pagetop img {
      height: 36px;
      vertical-align: bottom;
      width: auto; }

.footer-sitemap {
  background-color: #fff;
  padding: 7px; }
  .footer-sitemap .open-btn {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    padding: 0 10px;
    position: relative; }
    .footer-sitemap .open-btn img {
      vertical-align: middle;
      height: 22px;
      width: 22px;
      transition: ease 0.5s;
      position: absolute;
      right: 10px;
      top: 0;
      bottom: 0;
      margin: auto; }
    .footer-sitemap .open-btn.opend img {
      transform: rotate(180deg); }
  .footer-sitemap .ctl-area {
    display: none;
    padding: 10px; }
  .footer-sitemap ul {
    padding-left: 9px; }
  .footer-sitemap .list-with-dot li {
    background-position: 0 8px; }
  .footer-sitemap li a {
    display: inline-block;
    padding: 3px 0; }
  .footer-sitemap h3 {
    background: url(../images/bg_ft_menu.png) repeat-x left bottom;
    font-size: 14px;
    font-size: 1rem;
    font-weight: bold; }
    .footer-sitemap h3 a {
      display: inline-block;
      padding: 0.4em 15px; }
    .footer-sitemap h3 img {
      height: 24px;
      margin-right: 0.4em;
      vertical-align: middle; }

.site-info {
  padding-top: 20px; }
  .site-info .footer-logo {
    margin-bottom: 5px; }
    .site-info .footer-logo .site-logo {
      width: 280px; }
  .site-info .address {
    margin-bottom: 0.2em; }
  .site-info #copyright {
    font-size: 12px;
    font-size: 0.8571rem; }

/*--------------------------------------------------------------
15.0 Widgets サイド
--------------------------------------------------------------*/
.side-content{
	width:22%;
	float:right;
	background:url(../images/bg_foot.png);
	border-radius:5px;
	margin:10px 0;
	padding:10px 0;
	box-sizing:border-box;
}

.side-content h2{
	padding:10px 10px 15px 55px;
	border-bottom: dotted 1px #403000;
	margin:0 10px;
	font-size:16px;
}
.side-content h2.about{
	background:url(../images/icn_about.png) no-repeat 5px 0;
	background-size:40px 40px;
}
.side-content h2.course{
	background:url(../images/icn_course.png) no-repeat 5px 0;
	background-size:40px 40px;
}
.side-content h2.life{
	background:url(../images/icn_life.png) no-repeat 5px 0;
	background-size:40px 40px;
}
.side-content h2.event{
	background:url(../images/icn_schedule.png) no-repeat 5px 0;
	background-size:40px 40px;
}
.side-content h2.topics{
	background:url(../images/icn_topics.png) no-repeat 5px 0;
	background-size:40px 40px;
}
.side-content h2.kannihonkai{
	background:url(../images/icn_kannihonkai.png) no-repeat 5px 0;
	background-size:40px 40px;
}
.side-content h2.extra_information{
	background:url(../images/icn_extra_information.png) no-repeat 5px 0;
	background-size:40px 40px;
}
.side-content h2.contact{
	background:url(../images/icn_contact.png) no-repeat 5px 0;
	background-size:40px 40px;
}
.side-content h2.information_board{
	background:url(../images/icn_information_board.png) no-repeat 5px 0;
	background-size:40px 40px;
}
.side-content h2.sitemap{
	background:url(../images/icn_sitemap.png) no-repeat 5px 0;
	background-size:40px 40px;
}



.side-content h2 img{
	width:30px;
	height:30px;
}
.side-content ul{
	margin:20px;
}
.side-content ul li{
	line-height:2;
    background: url(../images/icn_arrow.png) no-repeat 0 0.8em;
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
.pc-only {
  display: none; }

html {
  font-size: 13px; }

@media screen and (min-width: 800px) {
  .pc-only {
    display: block; }
  .sp-only {
    display: none; }
  .drawer-toggle {
    display: none !important; }
  /* Typography */
  html {
    font-size: 14px; }
  /* Navigation */
  .main-navigation {
    position: relative; }
    .main-navigation ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    .main-navigation .global-sub-menu {
      position: absolute;
      right: -10px;
      text-align: center;
      top: -67px; }
  .global-main-menu {
    margin-left: 15px; }
    .global-main-menu li {
      background: url(../images/bg_menu.png) no-repeat 0 16px;
      display: block;
      float: left;
      padding: 0 8px;
      text-align: center; }
      .global-main-menu li a {
        background-position: 50% 16px;
        background-repeat: no-repeat;
        border-radius: 10px;
        box-sizing: border-box;
        display: block;
        font-weight: 600;
        height: 100px;
        padding-top: 73px;
        width: 124px; }
      .global-main-menu li.sel a,
      .global-main-menu li a:hover {
        background-color: #f4df9f; }
      .global-main-menu li.menu-about {
        background-image: none;
        padding-left: 0; }
      .global-main-menu li.menu-about a {
        background-image: url(../images/icn_about.png); }
      .global-main-menu li.menu-course a {
        background-image: url(../images/icn_course.png); }
      .global-main-menu li.menu-life a {
        background-image: url(../images/icn_life.png); }
      .global-main-menu li.menu-topics a {
        background-image: url(../images/icn_topics.png); }
      .global-main-menu li.menu-event a {
        background-image: url(../images/icn_schedule.png); }
  .menu-baloon {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 90px;
    overflow: hidden;
    vertical-align: top;
    width: 98px; }
    .menu-baloon:hover {
      opacity: 0.7; }
    .menu-baloon a {
      box-sizing: border-box;
      display: block;
      font-size: 13px;
      font-size: 0.9286rem;
      height: 90px;
      width: 98px; }
  
    .menu-baloon-home {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 79px;
    overflow: hidden;
    vertical-align: top;
    width: 90px; }
    .menu-baloon-home:hover {
      opacity: 0.7; }
    .menu-baloon-home a {
      box-sizing: border-box;
      display: block;
      font-size: 13px;
      font-size: 0.9286rem;
      height: 79px;
      width: 90px; }
    .menu-baloon-home.menu-home {
      background-image: url(../images/img_balloon_w1.png); }
    .menu-baloon.menu-contact {
      background-image: url(../images/img_balloon_w.png); }
    .menu-baloon.menu-access {
      background-image: url(../images/img_balloon_w2.png); }
    .menu-baloon-home.menu-home a {
      background: url(../images/icn_home.png) no-repeat 44% 32px;
      padding: 15px 6px 0 0; }
    .menu-baloon.menu-contact a {
      background: url(../images/icn_mail.png) no-repeat 44% 39px;
      padding: 15px 6px 0 0; }
    .menu-baloon.menu-access a {
      background: url(../images/icn_access.png) no-repeat 44% 35px;
      padding: 15px 6px 0 0; }
    .menu-baloon.menu-kannihonkai {
      background-image: url(../images/img_balloon.png);
	  margin:10px }
    .menu-baloon.menu-kannihonkai a {
      color: #fff;
      line-height: 1.2;
      padding: 20px 10px 0 0; }
      .menu-baloon.menu-kannihonkai a span {
        display: block;
        font-size: 16px;
        font-size: 1.1429rem; }
  .site-header {
    background-position: center top;
    background-size: auto;
    height: auto;
    min-height: 310px;
    margin-bottom: 45px; }
  .header-inner .site-branding {
    padding-top: 22px;
    height: 100px; }
    .header-inner .site-branding .site-logo {
      width: 32.7%; }
  .header-inner #img-teacher {
    left: 35%;
    top: 262px;
    width: auto; }
  .header-inner #img-mama-content {
    right: 20px;
    top: 313px;
    width: auto; }
  .header-lang-wrap {
    position: absolute;
    right: 15px;
    top: 25px;
    max-width: 576px;
    width: 62%; }
    .header-lang-wrap ul {
      margin: 0;
      padding: 0; }
    .header-lang-wrap li {
      display: block;
      list-style: none;
      float: left;
      height: 25px;
      margin: 0 8px 8px;
      width: 80px; }
      .header-lang-wrap li a {
        background-position: 0 0;
        background-repeat: no-repeat;
        display: block;
        height: 25px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap; }
      .header-lang-wrap li.sel a,
      .header-lang-wrap li a:hover {
        background-position: 0 -25px; }
      .header-lang-wrap li.lang-japanese a {
        background-image: url(../images/btn_lang_j.png); }
      .header-lang-wrap li.lang-english a {
        background-image: url(../images/btn_lang_en.png); }
      .header-lang-wrap li.lang-chinese a {
        background-image: url(../images/btn_lang_c.png); }
      .header-lang-wrap li.lang-korean a {
        background-image: url(../images/btn_lang_k.png); }
      .header-lang-wrap li.lang-russian a {
        background-image: url(../images/btn_lang_r.png); }
      .header-lang-wrap li.lang-portuguese a {
        background-image: url(../images/btn_lang_p.png); }
  /* Front Page */
 .index-main .column2-wrap {
    background: url(../images/img_kiz.png) no-repeat center bottom;
    background-size: 353px;
    padding-bottom: 163px; }
  /* トピックス */
  .index-topics .topics-list {
    padding: 10px; }
  .index-main .index-topics.column-item .content-wrap {
    position: relative;
    margin-bottom: 18px;
    padding-bottom: 50px;
    overflow: visible; }
  .index-main .index-topics .to-list-page {
    background-size: 200px;
    height: 71px;
    width: 200px;
    position: absolute;
    right: 15px;
    bottom: -18px; }
    .index-main .index-topics .to-list-page a {
      line-height: 56.8px;
      padding-bottom: 14.2px; }
  /* イベントカレンダー */
  .index-events {
    position: relative; }
    .index-events .content-wrap {
      position: relative;
      z-index: 1; }
    .index-events #img-mama.pc-only {
      display: inline;
      position: absolute;
      right: 90px;
      top: -40px;
      z-index: 0; }
    .index-events #img-teacher02 {
      display: none; }
  #google-calender {
    height: 330px; }
  /* 関連バナー表示 */
  .relation-banners .link-banners {
    margin-top: 20px; }
    .relation-banners .link-banners li {
      display: block;
      float: left;
      margin: 0 0 15px 15px;
      /*4つ並びにした場合*/
      width: 25%;
      width: calc((100% - 15px * 3) / 4); }
      .relation-banners .link-banners li:nth-of-type(4n+1) {
        margin-left: 0; }
      .relation-banners .link-banners li img {
        max-height: 70px; }
  /* Regular Content */
  .column2-wrap {
    display: flex; }
    .column2-wrap .column-item {
      flex: 1; }
      .column2-wrap .column-item .content-wrap {
        height: 90%;
        box-sizing: border-box; }
    .page .column2-wrap .column-item {
      flex: 1; }
	  .page  .column2-wrap .column-item .content-wrap {
        height: 100%;
        box-sizing: border-box; }
    .column2-wrap .column-item:nth-of-type(1) {
      margin-right: 24px; }
	.page .column2-wrap .column-item:nth-of-type(1){
	  margin-right: 0; 
	}
  /*トピックスの一覧*/
  .topics-list {
    margin: 0; }
    .topics-list li {
      display: block;
      list-style: none;
      overflow: hidden;
      margin-bottom: 1.5em; }
      .topics-list li .news-icon {
        float: left;
        width: 90px;
		height:30px }
		.topics-list li .news-icon img {
        width: 90px;
		height:30px }
      .topics-list li .date, .topics-list li a {
        display: block;
        margin-left: 117px; }
      .topics-list li .date {
        color: #555;
        font-size: 12px;
        font-size: 0.8571rem;
        margin-bottom: 0.3em; }
      .topics-list li a {
        font-size: 16px;
        font-size: 1.1429rem; }
  /* Footer */
  .footer-sitemap {
    background-color: transparent;
    padding: 0;
    margin-bottom: 10px; }
    .footer-sitemap .ctl-area {
      display: flex;
      padding: 35px 0 0; }
      .footer-sitemap .ctl-area .column-item {
        padding: 0 15px;
        flex: 1 0 217px; }
        .footer-sitemap .ctl-area .column-item.no-title {
          padding-top: 30px;
          flex: 1 0 217px; }
  .site-info {
    background: url(../images/line.png) repeat-x left top;
    padding-top: 38px; }
    .site-info .footer-logo {
      float: left;
      margin-left: 15px; }
    .site-info .address {
      margin-left: 315px; }
.searchArea{
	position:absolute;
	right:320px;
	top:-40px;
}
 }

@media screen and (min-width: 1180px) {
  .header-lang-wrap {
    width: auto;
    right: 10px; }
  /* Navigation */
  .main-navigation .global-sub-menu {
    width: 310px;
    top: -57px; }
  .global-main-menu li {
    padding: 0 28px; }
  .menu-baloon {
    display: inline-block;
    margin: 0; }
  .header-inner #img-teacher {
    left: 411px;
    top: 262px;
    width: auto; }
  .header-inner #img-mama-content {
    right: 40px;
    top: 312px;
    width: auto; }

  .index-events {
    padding-right: 40px; }
    .index-events #img-teacher02 {
      display: inline;
      position: absolute;
      right: -74px;
      bottom: 20px;
      z-index: 2;
      width: auto;
      height: 210px; }
      .footer-sitemap .ctl-area .column-item {
        padding: 0 15px;
        flex: 1 0 150px; }
        .footer-sitemap .ctl-area .column-item.no-title {
          padding-top: 30px;
          flex: 1 0 150px; }
 }
@media screen and (max-width: 1200px) {
.searchArea{
	position:absolute;
	right:430px;
	top:-40px;
}
.searchArea input{
	width:100px;
}
.searchArea input.search{
	width:auto;
}
}	  
@media screen and (max-width: 799px) {
    .header-inner .site-branding .site-logo {
      width: 70%; }
}
@media screen and (max-width: 768px) {
.side-content{
	width:100%;
	float:none;
	margin:10px 0;
}
.main-content{
	width:100%;
	float:none;
}
}
@media screen and (max-width: 667px) {
    .header-inner .site-branding .site-logo {
      width: 65%; }
}

@media screen and (max-width: 480px) {
    .header-inner .site-branding .site-logo {
      width: 80%; }
}

.sitemapBlock{
	margin:10px 20px;
}
.sitemapBlock ul{
	margin:10px;
}
/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/


/*--------------------------------------------------------------
21.0 元css
--------------------------------------------------------------*/

/* dl_outline */
dl.outline {
	width:630px;
	margin:10px 10px;
	font-size: 90%;
}

dl.outline dt {
    float:left;
	margin:0px;
	padding:5px;
	width:100px;
	font-size: 110%;
}	

dl.outline dd {
    float:left;
	margin:0px;
	padding:5px;
	clear:right;
	width:500px;
	font-size: 110%;
}	
	
dl.outline .ul {
	margin:0px 0px;
	padding:0px;
}

dl.outline .ul li {
	padding-left: 10px;
	background: url(/common/img/arrow04.gif) 0px 8px no-repeat;
	line-height: 1.8;
	text-align:left;
	margin:0px;
}

/* pdf,word,xls style
------------------------------------ */

.main-content a[target^="_blank"]{ 
	padding-left: 20px;
	background: url(/common/images/blank_link_icon.gif) no-repeat 0% 0%;
}

/* pdf */
.main-content a[href$=".pdf"]{ 
	padding: 1px 0 3px 22px;
    background: url(/common/images/pdf_icon.gif) no-repeat 0% 1px; 
}

.main-content a[href$=".pptx"]{ 
	padding: 1px 0 3px 22px;
    background: url(/common/images/pdf_icon.gif) no-repeat 0% 1px; 
	
}

.main-content .anone{ 
	padding: 1px 0 3px 22px;
    background: none; 
	
}

/* word */
.main-content a[href$=".doc"]{ 
	padding: 1px 0 3px 22px;
    background: url(/common/images/word_icon.gif) no-repeat 0% 1px; 
}

.main-content a[href$=".docx"]{ 
	padding: 1px 0 3px 22px;
    background: url(/common/images/word_icon.gif) no-repeat 0% 1px; 
}

/* xls */
.main-content a[href$=".xls"]{ 
	padding: 1px 0 3px 22px;
    background: url(/common/images/xls_icon.gif) no-repeat 0% 1px; 
}

.main-content a[href$=".xlsx"]{ 
	padding: 1px 0 3px 22px;
    background: url(/common/images/xls_icon.gif) no-repeat 0% 1px; 
}


/* table style
------------------------------------ */
.border {
	margin: 10px 15px;
}

.border th,
.border td {
	padding: 5px 10px;
	border: 1px solid #ccc;
}

.border th {
	background-color: #f6f6f6;
	font-weight: 800;
}

.border th a {
	padding-left: 20px;
	background: url(/common/images/icn_pdf.gif) 0 50% no-repeat;
	font-weight: normal;
}

.border table th,
.border table td {
	padding: 0;
	border: 0;
}

.border td p {
	clear: left;
	margin-bottom: 0 !important;
}

.dress {
	margin: 10px 15px;
}

.dress th,
.dress td {
	padding: 5px 10px;
	border: 1px solid #ccc;
	text-align:center;
}

.dress td img {
	width:*;
	height:90px;
}


/* img-l, img-r style
------------------------------------ */
.img-l {
	float: left;
	margin: 0 10px 10px 0;
}

.img-r {
	float: right;
	margin: 0 0 10px 10px;
}

.img-l,
.img-r {
	text-align: center !important;
	font-size: 86%;
}

.img-l img,
.img-r img {
	margin-bottom: 5px;
}

/* box style
------------------------------------ */
.box {
	border: solid 1px #D8D8D8;
	margin:0px;
	padding:5px;
}

.box img {
	margin-bottom: 6px;
}

.boxhome {
	border: solid 1px #D8D8D8;
	margin:0px 0px 10px 0px;
	padding:5px;
}

.boxhome img {
	margin-bottom: 5px;
}

.box02 {
	margin:10px 30px;
	padding:5px;
	background-color:#FFFFDD;
	border: 2px solid #FFCC33;
}

.boxlink {
	margin:10px 20px;
	padding:0px 5px;
	border: solid 1px #D8D8D8;
}

.boxlink ul {
	margin:0px 20px;
	padding: 0px;
}
.boxlink ul li {
	margin:0px 0px;
	padding: 0px 0px 0px 15px;
}

	
/* blank style
------------------------------------ */
.blank-l1em {
	margin-left: 1em;
}

.blank-l2em {
	margin-left: 2em;
}

.blank-l24px {
	padding: 5px 5px 5px 24px;
	border-bottom: dotted 1px #666;
}

.blank-b2em {
	margin-bottom: 2em !important;
}

.blank-book {
	margin: 0 20px 1em 0;
}

.pagelink {
	position: absolute;
	top: 15px;
	left: 488px;
}

.notes {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #fdebf0;
	line-height: 1.4;
}

.calender {
       margin:10px auto;
}

/* sitemap */

.sitemap {
	margin: 0px 20px;
	padding: 0px;
	font-size:110%;
	
}

.tree ul {  
    padding:0;  
    margin:0px 10px;  
    background-position: -9px 15px;   
    background-image: url(/common/img/ul.gif);   
    background-repeat: repeat-y;  
 }  
.tree li {  
    margin: 0px;   
    padding: 0px 0 0px 24px;   
    list-style-type: none;  
 }  
.tree li a {  
    text-decoration:none;  
}  
.tree li a:hover {  
    text-decoration:underline;  
}  
.tree ul ul {  
    background-position: -1px 15px;  
    background-image: url(/common/img/ul.gif);   
    background-repeat: repeat-y;  
}  
.tree ul li {  
   background-position: 0px 7px;   
   background-image: url(/common/img/li.gif);   
   background-repeat: no-repeat;  
}  
.tree ul li a {  
   text-decoration:underline;  
}  
.tree ul li a:hover {  
  text-decoration:none;  
}  
.tree ul ul li {  
   background-position: 8px 7px;  
   background-image: url(/common/img/li.gif);   
   background-repeat: no-repeat;     
}  
.tree ul ul li a {  
   background-position: 0px 7px;   
   font-size:1em;  
   text-decoration:none;  
}  
.tree ul ul ul li a {  
   background-position: 0px 7px;   
   font-size:0.8em;  
   text-decoration:none;  
}  

.treein li {
	padding-left: 15px;
	background: url(/common/img/mark.gif) 5px 8px no-repeat;
}

/* kannihonkai */


.kannihonkai-page {
    float:left;
	margin:7px;
	padding:5px;
	border: solid 1px #666;
}

.kannihonkai-page table {
	margin:0px;
	border: none;
	width:210px;
	height:170px;	
}

.kannihonkai-page table td {
	padding:2px;
	border: solid 1px #fff;
	text-align:center;
	vertical-align:middle;
}

/*guide in toyama*/
#nes_css h4 {
  border: 0;
  padding: 0;
  padding-left: 30px;
  margin: 0;
}
  
#nes_css ul > li > ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}
#nes_css .toyama {
  margin-top: 0;
  padding-top:0;
}
#nes_css ul > li > ul > li > ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}
#nes_css ul > li > ul > li {
  background: url(/common/img/mark06_2.gif) no-repeat 0 8px;
}
#nes_css ul > li > ul > li > ul > li {
  background: url(/common/img/mark06_3.gif) no-repeat 0 8px;
}
#nes_css p {
  text-align: center;
}

/*--------------------------------------------------------------
22.0 Googlecalendar
--------------------------------------------------------------*/
.cal_wrapper {
  max-width: 800px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 2.0833% auto;
}
 
.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
 
@media only screen and (min-width: 600px) {
  /* 画面幅が600px以上の場合の縦横比の指定 */
  .googlecal {
    padding-bottom: 75%;
  }
}