@charset "utf-8";
/*
Theme Name: wp.Vicuna
Theme URI: http://wp.vicuna.jp/
Description: <a href="http://en.wp.vicuna.jp">wp.Vicuna</a> Structure Template + <a href="http://en.wp.vicuna.jp/skin/">Skin</a>
Version: 1.5.9
Author: wu
*/

@import url("style-vega/import.css");
@import url("./style_cus.css");


body.eye-c div#content {
background-image:none;
padding-top:10px;
}

a:hover img.alpha {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
div.gakunen{
padding: 10px;
margin-bottom: 10px;
}
div.gakunen p.title{
margin: 0 0 10px 0;
padding: 5px;
font-weight: bold;
background: #f0f0f0;
}
div.gakunen ul{
margin: 0 0 0 20px;
padding: 0em 0 5px 10px;
}
.textBody div.gakunen ul li{
background: none;
list-style: square;
padding: 0;
line-height: 1.4;
}
.textBody div.gakunen ul li ul{
margin: 0 0 0 0px;
padding: 0em 0 5px 10px;
}
.textBody div.gakunen ul li ul li{
background: none;
list-style: none !important;
}
div.arrow{
width: 100%;
text-align: center;
margin-bottom: 10px;
}
div.arrow img{
border: none;
margin: 0;
}
div.arrow2 img{
border: none;
margin: 0;
width: 100%;
}
div#first{
border: 3px solid #C0504E;
}
div#second{
border: 3px solid #8064A1;
}
div#third{
border: 3px solid #F69546;
}
div#fourth{
border: 3px solid #9BBB58;
}
#tbl-style01{
width: 100%;
border: 1px solid #808080;
border-collapse: collapse;
}
#tbl-style01 th, #tbl-style01 td{
font-size: 90%;
padding: 0.3em 5px;
text-align: center;
border: 1px solid #808080;
}
#tbl-style01 tr.bg01 td{
background-color: #ffffe0;
}
#tbl-style02{
width: 100%;
border-collapse: collapse;
border: none;
}
#tbl-style02 th, #tbl-style02 td{
border: 1px solid #808080;
}

h4.blogh{
	margin-bottom: 0px;
}
.drawer--navbarTopGutter {
  padding-top: 0 !important;
}
.sp-mode {
  display: none;
}
/* NOTE: レスポンシブ */
/* レスポンシブ CSS 2019 add m1 ------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
  /* NOTE: 🍔 */
  .drawer-navbar .drawer-brand {
    padding: 0;
  }
  .drawer-navbar .drawer-navbar-header {
    border-top: solid 5px #0f7854;
    background-color: #fbfaf6 !important;
    overflow: hidden;
  }
  .drawer-logo {
    display: block !important;
    padding: 0;
    width: 250px;
    height: auto;
    border: 0;
    margin-top: -5px;
    background: #fbfaf6;
  }
  .drawer-navbar {
    z-index: 10;
    position: relative;
  }
  .drawer-navbar .drawer-menu {
    padding-top: 2em;
  }
  .drawer-nav {
    background-color: #0f7854 !important;
    color: #fff;
    text-align: left;
    padding: 0 10%;
    opacity: 0;
  }
  .drawer-close .drawer-nav {
    opacity: 1;
  }
  .drawer-open .drawer-nav {
    opacity: 1;
  }
  .drawer-nav a {
    color: #fff;
    border-bottom: 1px dotted #fff;
  }
  .drawer-nav a:hover {
    color: #fff;
  }
  .drawer-nav a::before {
    content: url(./images/img-arrow05.jpg);
    margin-right: 10px;
    position: relative;
  }
  .drawer-menu-item {
    padding: 10px !important;
  }
  .drawer-menu-item[target="_blank"] {
    width: 100%;
  }

/* NOTE: 共通 */
  html {
    position: relative;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    overflow: visible;
  }
  body {
    position: relative;
    width: 100%;
    min-width: 100%;
    overflow: visible;
  }
  img {
    width: 100%;
    height: auto;
  }
  a[target="_blank"] {
    padding: 0;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 3px;
    background-position: 100% 68%;
  }
  *, *:before, *:after {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
           -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
              box-sizing: border-box;
  }
  /* iOSでのデフォルトスタイルをリセット */
  input[type="submit"],
  input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
  }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none;
  }
  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px;
  }
  body.f1000 div#header, body.f1000 div#content, body.f1000 div#footer {
    width: 100%;
  }
  body.multi div#main {
  	background-position:250px 0;
  	margin-right:0;
  	width:100%;
  	min-height: auto;
    float: none;
  }
  body.multi div#main > * {
    margin: 0;
    padding: 10px 5%;
  }
  body.multi div#main h1, div.entry .top-section h2.language {
    margin: 0;
    margin-top: 20px;
    background: none;
    padding: 15px 5%;
  }
  div#header, div#content, div#footer {
    min-width: inherit;
    max-width: 100%;
  }
  body.multi div#main ul#flip1,
  body.multi div#main div.entry,
  body.multi div#main p.archives,
  body.multi div#main div.freeSpace {
  	margin-left: auto;
  	margin-right: auto;
    width: 100%;
    padding: 0;
  }

  body.multi div#utilities {
    float: none;
    width: 100%;
  }
  body.multi div#utilities dl.navi, body.multi div#utilities dl.others {
    float: none;
    width: 100%;
  }
  body.multi div#utilities dl.navi {
    position: relative;
    width: 100%;
    left: inherit;
    height: inherit;
  }
  body.multi div#utilities dl dd {
    margin: 0;
    padding: 15px 5%;
  }
  body.multi div#utilities dl.others {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  body.multi div#utilities dl.others {
    margin-top: 15px;
    padding: 0 5%;
  }
  body.multi div#utilities dl.others a {
    width: 50%;
  }
  body.multi div#utilities dl.others #information {
    width: 50%;
  }
  body.multi div#utilities dl.others #information img {
    width: 100% !important;
  }
  body.multi div#utilities dl.others #pickup {
    width: 50%;
    border: 0;
  }
  body.multi div#utilities dl.others #pickup dl {
    margin: 0;
    border: 0;
  }
  body.multi div#utilities dl.others #pickup img {
    margin: 0;
  }
  body.multi div#utilities dl.others #s_event {
    width: 50%;
    border: 0;
    order: -1;
  }
  body.multi div#utilities dl.others #s_event a {
    width: 100%;
  }
  body.multi div#utilities dl.others #s_ranking {
    width: 100%;
  }
  body.multi div#utilities dl.others #s_ranking img {
    width: 50%;
  }
  #header {
    padding-top: 50px;
  }
  #header img.img-logo {
    float: none;
    display: none;
  }
  #ymjn-h-right {
    width: 100%;
    margin: 0;
    padding: 5%;
  }
  ul#qtranslate-chooser {
    display: inline-block;
    width: auto;
    padding: 0;
    height: auto;
    float: left;
    width: 45%;
  }
  ul#qtranslate-chooser li {
    font-size: 10px;
    width: 50%;
    display: inline-block;
    padding: 0;
  }
  ul#qtranslate-chooser li a {
    padding: 10px;
    display: inline-block;
  }
  form.search {
    display: inline-block;
    float: right;
    margin: 0;
    width: 55%;
  }
  #searchKeyword {
    padding: 10px;
    width: 70%;
  }
  input.submit {
    padding: 5px;
    font-size: 10px;
  }
  #nav {
    display: none;
  }
  ul.header-list {
    display: none;
  }
  div.entry ul.info {
    padding: 0 5% !important;
    border: 0;
  }
  body.category div#main div.entry, body.dateBasedArchive div#main div.entry {
    padding-top: 20px;
    margin-top: 0;
  }
  body.category .single h2, body.dateBasedArchive .section h2 {
    padding: 0 5%;
  }
  div.textBody {
    padding: 0 5%;
  }
  div.textBody img {
    width: auto;
    max-width: 100%;
    margin: 0;
  }
  div.textBody table {
    max-width: 100%;
    overflow: scroll;
    width: 100% !important;
  }
  div.textBody .wp-caption {
    width: auto;
    max-width: 100%;
  }
  .textBody ul li {
    background-position: left top;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  body.category ul#flip2, body.dateBasedArchive ul#flip2 {
    margin: 0;
    text-align: center;
  }
  body.category ul#flip2 li, body.dateBasedArchive ul#flip2 li {
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold;
    padding: 10px;
  }
  div.entry table.teacher {
    padding: 0 5% 20px 5%;
  }
  div.entry table.teacher th {
    display: block;
    padding: 5px;
    width: 100% !important;
  }
  div.entry table.teacher td {
    display: block;
    padding: 5px;
    width: 100% !important;
  }
  div#utilities dl dd ul.leftmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    margin: 10px 0 5px 0;
  }
  div#utilities dl dd ul.leftmenu li {
    /* width: 49.5%; */
    width: 100%;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    margin: 0 !important;
    margin-bottom: 5px;
  }
  div#utilities dl dd ul.leftmenu li a {
    font-size: 10px;
    padding: 7px;
    display: block;
    border: solid 1px #cccccc;
    background: #fff;
    margin: 0;
    color: #666666;
  }
  div#utilities dl dd ul.leftmenu li.current a {
    background: #0f7854;
    color: #fff;
  }
  div#utilities dl dd ul ul.children_page {
    margin: 0;
  }
  div#utilities dl dd ul.children_page li {
    width: 100%;
  }
  div#utilities dl dd ul.children_page li.current_page_item > a {
    border: 1px solid #0f7854;
  }
  div#utilities dl dd ul {
    margin: 0;
  }
  div#utilities  li.current ul.children_page li a {
    background: #fff !important;
    color: #0f7854 !important;
  }
  div#utilities dl.navi dt {
    display: none;
  }
  div#utilities dl.navi dd.mobile {
    display: none;
  }
  p.topicPath {
    width: 100%;
    margin: 0 !important;
    margin-bottom: 5px;
    padding: 0 5%;
  }
  p.topicPath img {
    width: 10px;
    vertical-align: bottom;
  }
  p.return {
    height: auto;
  }
  p.return img {
    width: 40%;
  }
  #footer ul {
    display: none;
  }
  #newslist {
    margin: 0 5%;
    margin-bottom: 40px;
  }
  #newslist h2 {
    width: 50%;
  }

  #newslist span {
    width: 100% !important;
    padding-right: 5%;
  }
  #newslist span img {
    width: 10px;
  }
  #newslist .date {
    padding-right: 0;
    margin-right: 0;
  }
  #newslist li {
    margin-bottom: 10px !important;
  }
  /* NOTE: トップページ */
  #main {

  }
  .nivoSlider {
    z-index: 1;
  }

  .mainIndex .top-section {
    width: 100%;
  }
  .mainIndex .top-section01 > div {
    padding: 0 5%;
  }
  .mainIndex .top-section01 .topbox {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    padding: 0 5%;
    position: relative;
  }
  .mainIndex .top-section01 .topbox-text {
    width: 100%;
  }
  .mainIndex .top-section01 .topbox-text h3 {
    position: absolute;
    top: 5%;
    left: 35%;
    background-position: center left;
    padding: 0 0 0 15px;
  }
  .mainIndex .top-section01 .topbox img {
    width: 30%;
    margin-bottom: 10px;
  }
  .mainIndex .top-section02 .topbox {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    padding: 0 5%;
  }
  .mainIndex div.entry .top-section h2 {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .mainIndex .top-section02 .topbox-text {
    float: none;
    margin: 0;
  }
  .mainIndex .top-section02 .topbox img {
    width: 40%;
    margin-right: 3%;
  }
  .mainIndex .top-section02 .topbox-text {
    width: 100%;
  }
  .mainIndex div.entry #newslist ul {
    margin-right: 5%;
    margin-left: 10%;
  }
  .mainIndex .top-section .topbox p {
    overflow: hidden;
  }
  /* NOTE: コース紹介 */
  div#utilities dl.others #year_archive {
    width: 50%;
  }
  div.teacherli {
    padding: 0 5%;
  }
  div.teacherli table {
    width: 100%;
  }
  .sp-mode {
    display: block;
  }
  .pc-mode {
    display: none;
  }
  /* NOTE: コース紹介 */
  div.teacherli table td.labolink a span {
    padding: 6px 10px;
  }
  div.teacherli table td.labolink a span img {
    width: 7px;
  }
}