/*
Theme Name:   Twenty Seventeen Tojigaoka
Theme URI:    http://example.com/twenty-Seventeen-child/
Description:  Twenty Seventeen Child Theme
Author:       John Doe
Author URI:   http://example.com
Template:     twentyseventeen
Version:      1.7
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twenty-Sixteen-child
*/

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

  body.customize-partial-edit-shortcuts-shown .site-header .site-title {
    padding-left: 0;
  }
}

@media screen and (min-width: 30em) {

  /* Typography */

  body,
  button,
  input,
  select,
  textarea {
    font-size: 18px;
    font-size: 1.125rem;
  }

  h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }

  h2,
  .home.blog .entry-title,
  .page .panel-content .recent-posts .entry-title {
    font-size: 26px;
    font-size: 1.625rem;
  }

  h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }

  h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }

  h5 {
    font-size: 13px;
    font-size: 0.8125rem;
  }

  h6 {
    font-size: 16px;
    font-size: 1rem;
  }

  .entry-content blockquote.alignleft,
  .entry-content blockquote.alignright {
    font-size: 14px;
    font-size: 0.875rem;
  }

  /* Fix image alignment */
  img.alignleft {
    float: left;
    margin-right: 1.5em;
  }

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

  /* Site Branding */

  .site-branding {
    padding: 3em 0;
  }

  /* Front Page */

  .panel-content .wrap {
    padding-bottom: 2em;
    padding-top: 3.5em;
  }

  .page-one-column .panel-content .wrap {
    max-width: 740px;
  }

  .panel-content .entry-header {
    margin-bottom: 4.5em;
  }

  .panel-content .recent-posts .entry-header {
    margin-bottom: 0;
  }

  /* Blog Index, Archive, Search */

  .taxonomy-description {
    font-size: 14px;
    font-size: 0.875rem;
  }

  .page-numbers.current {
    font-size: 16px;
    font-size: 1rem;
  }

  /* Site Footer */

  .site-footer {
    font-size: 16px;
    font-size: 1rem;
  }

  /* Gallery Columns */

  .gallery-item {
    max-width: 25%;
  }

  .gallery-columns-1 .gallery-item {
    max-width: 100%;
  }

  .gallery-columns-2 .gallery-item {
    max-width: 50%;
  }

  .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
  }

  .gallery-columns-4 .gallery-item {
    max-width: 25%;
  }
}

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

  .navigation-top {
    display: none !important;
  }
  .HeadUpperPart {
    display: none !important;
  }
  .HeaderLink {
    display: none !important;
  }
  .SpStyle {
    display: block !important;
  }

  /*ヘッダーまわりはサイトに合わせて調整してください*/
  .HamburgerWrap {
    background: linear-gradient(-135deg, #023303, #0d7a10);
    padding-top: 10px;
    padding-left: 10px;
    width: 100%;
  }

  #nav-drawer {
    position: relative;
  }

  /*チェックボックス等は非表示に*/
  .nav-unshown {
    display:none;
  }

  /*アイコンのスペース*/
  #nav-open {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
  }

  /*ハンバーガーアイコンをCSSだけで表現*/
  #nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #fff;
    display: block;
    content: '';
    cursor: pointer;
  }
  #nav-open span:before {
    bottom: -8px;
  }
  #nav-open span:after {
    bottom: -16px;
  }

  /*閉じる用の薄黒カバー*/
  #nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
  }

  /*中身*/
  #nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;/*最前面に*/
    width: 60%;/*右側に隙間を作る（閉じるカバーを表示）*/
    max-width: 330px;/*最大幅（調整してください）*/
    height: 100%;
    background: rgba(102 , 102 , 102 , 0.95);/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
  }

  #css-cancel {
    position: fixed;
    color: #FFFFFF;
    top: 11px;
    right: 0;
    z-index: 9999;
    width: 35%;
    max-width: 330px;
    height: 100%;
    transform: rotate(45deg);
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%);
  }

  .act-cancel {
    display: inline-block;
    position: absolute;
    margin: 0 19px 0 7px;
    padding: 0;
    width: 2px;
    height: 31px;
    transform: rotate(45deg);
    background: #FFFFFF;
  }

  /*チェックが入ったらもろもろ表示*/
  #nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
  }

  #nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示（右へスライド）*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
  }

  #nav-input:checked ~ #css-cancel {
    transform: translateX(0%);
  }

  .act-cancel:before {
    display: block;
    content: "";
    position: absolute;
    top: 49%;
    left: -14px;
    width: 31px;
    height: 2px;
    margin-top: 0px;
    background: #FFFFFF;
  }

  .nav-drawer label {
    display: inline-block;
  }

  /*ハンバーガーメニュー展開時スタイル調整追記*/
  .NavBoxChild {
    padding-left: 15px;
  }
　.NavBoxChild li {
    padding: 5px;
  }
  .NavBoxChild a {
    display: inline-block;
    color: #fff;
    height: 40px;
    width: 100%;
    padding: 10px 0px 0px 10px;
    text-align: left;
    font-size: 14px;
    border-bottom: dotted 1px #000;
  }
  .NavBoxChild span {
    font-size: 10px;
  }
  .NavBoxChild span:before {
    content:".";
    visibility: hidden;
  }
  .NaviChild {
    padding-left: 20px;
  }
  .NavClose {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #FFF;
    font-size: 24px;
    top: 0;
    right: 0px;
  }
}

@media screen and ( min-width: 67em ) {

  /* Layout */

  /* Navigation */
  .navigation-top .wrap {
    padding: 0.75em 2em;
  }

  .navigation-top nav {
    margin-left: 0;
  }

  /* Sticky posts */

  .sticky .icon-thumb-tack {
    font-size: 32px;
    font-size: 2rem;
    height: 22px;
    left: -1.25em;
    top: 0.75em;
    width: 32px;
  }

  /* Pagination */

  .page-numbers {
    display: inline-block;
  }

  .page-numbers.current {
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .page-numbers.current .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

  /* Comments */

  .comment-body {
    margin-left: 0;
  }
}

@media screen and ( min-width: 79em ) {

  .has-sidebar .entry-content blockquote.alignleft {
    margin-left: -20%;
  }

  .blog:not(.has-sidebar) .entry-content blockquote.alignright,
  .archive:not(.has-sidebar) .entry-content blockquote.alignright,
  .page-two-column .entry-content blockquote.alignright,
  .twentyseventeen-front-page .entry-content blockquote.alignright {
    margin-right: -20%;
  }
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

  .admin-bar .site-navigation-fixed.navigation-top,
  .admin-bar .site-navigation-hidden.navigation-top {
    top: 46px;
  }
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

  /* Hide elements */

  form,
  button,
  input,
  select,
  textarea,
  .navigation-top,
  .social-navigation,
  #secondary,
  .content-bottom-widgets,
  .header-image,
  .panel-image-prop,
  .icon-thumb-tack,
  .page-links,
  .edit-link,
  .post-navigation,
  .pagination.navigation,
  .comments-pagination,
  .comment-respond,
  .comment-edit-link,
  .comment-reply-link,
  .comment-metadata .edit-link,
  .pingback .edit-link,
  .site-footer aside.widget-area,
  .site-info {
    display: none !important;
  }

  .entry-footer,
  #comments,
  .site-footer,
  .single-featured-image-header {
    border: 0;
  }

  /* Font sizes */

  body {
    font-size: 12pt;
  }

  h1 {
    font-size: 24pt;
  }

  h2 {
    font-size: 22pt;
  }

  h3 {
    font-size: 17pt;
  }

  h4 {
    font-size: 12pt;
  }

  h5 {
    font-size: 11pt;
  }

  h6 {
    font-size: 12pt;
  }

  .page .panel-content .entry-title,
  .page-title,
  body.page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 10pt;
  }

  /* Layout */

  .wrap {
    padding-left: 5% !important;
    padding-right: 5% !important;
    max-width: none;
  }

  /* Site Branding */

  .site-header {
    background: transparent;
    padding: 0;
  }

  .custom-header-media {
    padding: 0;
  }

  .twentyseventeen-front-page.has-header-image .site-branding,
  .twentyseventeen-front-page.has-header-video .site-branding,
  .home.blog.has-header-image .site-branding,
  .home.blog.has-header-video .site-branding {
    position: relative;
  }

  .site-branding {
    margin-top: 0;
    margin-bottom: 1.75em !important; /* override styles added by JavaScript */
  }

  .site-title {
    font-size: 25pt;
  }

  .site-description {
    font-size: 12pt;
    opacity: 1;
  }

  /* Posts */

  .single-featured-image-header {
    background: transparent;
  }

  .entry-meta {
    font-size: 9pt;
  }

  /* Colors */

  body,
  .site {
    background: none !important; /* Brute force since user agents all print differently. */
  }

  body,
  a,
  .site-title a,
  .twentyseventeen-front-page.has-header-image .site-title,
  .twentyseventeen-front-page.has-header-video .site-title,
  .twentyseventeen-front-page.has-header-image .site-title a,
  .twentyseventeen-front-page.has-header-video .site-title a {
    color: #222 !important; /* Make sure color schemes don't affect to print */
  }

  h2,
  h5,
  blockquote,
  .site-description,
  .twentyseventeen-front-page.has-header-image .site-description,
  .twentyseventeen-front-page.has-header-video .site-description,
  .entry-meta,
  .entry-meta a {
    color: #777 !important; /* Make sure color schemes don't affect to print */
  }

  .entry-content blockquote.alignleft,
  .entry-content blockquote.alignright {
    font-size: 11pt;
    width: 34%;
  }

  .site-footer {
    padding: 0;
  }
}
/*↓ーー共通部メディアクエリーCommonMediaー↓*/
@media (max-width: 480px) {
  .Wrapper,.MainWrap {
    max-width: 375px;
  }
  a {
    text-decoration: none;
  }
  .wrap {
    max-width: 375px;
  }
  .FacilityWrap {
    width: 375px !important;
  }
}
/*↑ーー共通部メディアクエリーCommonMediaー↑*/
/*↓ーーフォントサイズメディアクエリーFontMediaー↓*/
@media (max-width: 480px) {
  body {
    /*font-size: 10px !important;*/
    max-width: 400px;
    min-width: initial !important;
  }
  h1 {
    font-size: 20px !important;
  }
  h2,.Font22px {
    font-size: 11px;
    font-weight: 100;
  }
  .Japanese {
    font-size: 13px !important;
  }
  .FontSize2_00 {
    font-size: 20px !important;
  }
  h4,.Font18px {
    font-size: 13px !important;
　}
}
/*↑ーーフォントサイズメディアクエリーFontMediaー↑*/
/*↓ーーサブタイトルイメージメディアクエリ実装ーSubTitleImgMediaー↓*/
@media (max-width: 480px) {
  .SubTitleImgStyle {
    min-width: initial !important;
    width: 100%;
  }
  .SubTitleImg2,
  .SubTitleImg3,
  .SubTitleImg4,
  .SubTitleImg5,
  .SubTitleImg6,
  .SubTitleImg7,
  .SubTitleImg8,
  .SubTitleImg9,
  .SubTitleImg10,
  .SubTitleImg13,
  .SubTitleImg14,
  .SubTitleImg15,
  .SubTitleImg17,
  .SubTitleImg18,
  .SubTitleImg19 {
    height: 120px !important;
  }
}
/*↑ーーサブタイトルイメージメディアクエリ実装ーSubTitleImgMediaー↑*/
/*↓ーーロングタイトルメディアクエリ実装ーーLongTitle↓*/
@media (max-width: 480px) {
  .LongTitle {
    margin: 25px 0px 5px !important;
  }
  .LongTitleJpn {
    font-size: 13px !important;
  }
  .LongTitleEng {
    font-size: 20px !important;
  }
}
/*↑ーーロングタイトルメディアクエリ実装ーーLongTitle↑*/
/*↓ーートップページメディアクエリ実装ーTopMediaー↓*/
@media (max-width: 480px) {
  .TopLeftSlider {
    width: 100% !important;
    float: none !important;
  }
  .TopUpperImageWrapper {
    margin: initial !important;
    height: 166px !important;
  }
  .TopUpperImage {
    height: 166px !important;
  }
  .TopRightSlider {
    width: 100% !important;
    float: none !important;
  }
  section.Small.slider.slick-initialized.slick-slider {
    width: 100%;
    min-height: 200px;
  }
  .TopUpperText {
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 0px !important;
    font-size: 18px !important;
    line-height: 35px !important;
    display: inline-block;
    margin-left: 55px;
  }
  .TopUpperTextWrapper {
    margin: 0px !important;
    width: 100%;
    height: 150px;
    color: #fff;
  }
  img.TopSubTerminalImage {
    height: 200px;
    width: 100%;
  }
  .TopImageWrap {
    min-width: 400px !important;
    min-height: 256px !important;
  }
  .TopSubImageWrap {
    min-width: 400px !important;
    min-height: 200px !important;
    align-items: flex-start !important;
  }
  section.Big.slider.slick-initialized.slick-slider.slick-dotted {
    margin-bottom: 0px;
  }
  .NewsWrapper {
    float: none !important;
  }
  .NewsWrapper,.NewsTitle {
    margin: 10px auto !important;
    width: 360px !important;
  }
  .NewsTitleEng {
    font-size: 14px !important;
    padding: 0px 0px 0px 10px !important;
  }
  .NewsTitleJpn {
    font-size: 13px !important;
    padding: 3px 0px 0px 5px !important;
  }
  .NewsTitleLink {
    display: inline-block !important;
    padding: 2px 0px !important;
    width: 70px !important;
  }
  .NewsTextarea {
    margin: 0 auto !important;
    width: 360px !important;
  }
  .NewsDate {
    float: none !important;
  }
  .NewsText {
    float: none !important;
    width: 340px !important;
  }
  a.CircleWrapper {
    float: none;
  }
  a.CircleWrapper.MarginLeft20 {
    margin-left: 0px;
  }
  img.CircleImage {
    margin-left: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .CircleText {
    left: 40px !important;
  }
  .CircleText02,.CircleShadow {
    left: 35px !important;
  }
  .CircleText {
    top: 135px !important;
  }
  .MethodImage01TextA {
    left: 20px !important;
    padding: 60px 0px 0px 0px;
    max-width: 100%;
  }
  .CircleText02 {
    top: 190px !important;
  }
  .MethodBigA {
    display: none !important;
  }
  img.TerminalImage {
    height: 600px;
    max-width: 300px;
  }
  .AccessBackGround {
    height: 1970px !important;
    background: url("./Image/Home/AccessBackground_sp.png") no-repeat !important;
    background-position: bottom center !important;
    margin-bottom: 570px !important;
  }
  .AccessBackGround2 {
    height: 950px !important;
    background: url("./Image/Home/AccessBackground_sp2.png") no-repeat !important;
    background-position: bottom center !important;
  }
  .Method {
    max-width: 400px !important;
    margin: 20px 0px 0px 0px !important;
  }
  .MethodImageWrapper {
    position: initial !important;
  }
  .MethodImage01A,.MethodImage01B {
    width: 400px !important;
  }
  .MethodSmallA {
    float: none !important;
    width: 100% !important;
  }
  .MethodImage02TextA {
    display: none !important;
  }
  .MethodTitleA {
    width: 340px !important;
    margin: 20px 0px 0px 20px !important;
  }
  .MethodTextA {
    width: 340px !important;
    margin: 20px 0px 30px 20px !important;
  }
  .MethodImage02A,
  .MethodImage03A,
  .MethodBigB,
  .MethodSmallB,
  .MethodImage02B,
  .MethodImage03B,
  .MethodImage0203B {
    float: none !important;
  }
  .MethodImage0203A,
  .MethodImage02A,
  .MethodImage03A {
    width: 260px !important;
  }
  .MethodImage0203A {
    margin: 0px 0px 0px 20px !important;
  }
  .MethodBigB {
    display: none !important;
  }
  .MethodImage02TextB {
    display: none !important;
  }
  .MethodImage03A{
    margin: 0px 0px 0px 0px !important;
  }
  .MethodSmallB {
    width: 100% !important;
  }
  .MethodBWrap {
    width: 340px !important;
    float: left !important;
  }
  .MethodTitleB,.MethodTextB,.MethodImage0203B {
    width: 340px !important;
    float: none !important;
    text-align: left !important;
    margin: 20px 0px 0px 20px !important;
  }
  .MethodImage02B,.MethodImage03B {
    margin: 0px 0px 0px 0px !important;
  }
  .MethodTextSP {
    display: inline-block !important;
    font-size: 36px;
    color: #666;
    width: 340px;
    margin: 0px 0px 0px 20px;
    font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  }
  .AccessTitle {
    margin: 20px 0px 0px 20px !important;
  }
  .AccessText01 {
    width: 180px !important;
    padding: 5px 0px 5px 5px !important;
  }
  .AccessText02 {
    padding: 5px 0px 5px 3px !important;
    width: 290px !important;
  }
  .AccessWrapper {
    margin: 385px 0px 0px 15px !important;
    width: 350px !important;
  }
  .iframe {
    width: 350px !important;
    height: 435px !important;
  }
  .instaIframe {
    width: 350px !important;
    height: 435px !important;
  }
  .SnsRight {
    float: left !important;
    margin-left: 10px !important;
  }
  #fb_page_plugin_area {
    width: 350px !important;
    margin-bottom: 10px;
    margin-left: 10px !important;
  }
}
/*↑ーートップページメディアクエリーTopMediaー↑*/
/*↓ーーコースメディアクエリ実装ーCourseMediaー↓*/
@media (max-width: 480px) {
  .CourseInfoContainer.CF {
    width: 340px;
    margin: 0 auto;
  }
  .MarginB30 {
    margin-bottom: initial !important;
  }
  .CourseImg img {
    display: none;
  }
  .CourseImg {
    background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/02_02sp_ver.png") !important;
    width: 340px !important;
    background-size: cover !important;
    background-position: center center !important;
    height: 180px !important;
    position: initial !important;
    margin: 0 auto 300px !important;
  }
  .HoleBoxPos1 {
    position: initial !important;
    /*top: 175px !important;
    left: -5px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 180px;
  }
  .HoleBoxPos2 {
    position: initial !important;
    /*top: 145px !important;
    left: 115px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 180px;
    margin-left: 5px;
  }
  .HoleBoxPos3 {
    position: initial !important;
    /*top: 115px !important;
    left: 235px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 180px;
    margin-left: 5px;
  }
  .HoleBoxPos4 {
    position: initial !important;
   /* top: 120px !important;
    left: -5px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
  }
  .HoleBoxPos5 {
    position: initial !important;
    /*top: 90px !important;
    left: 115px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
  }
  .HoleBoxPos6 {
    position: initial !important;
    /*top: 60px !important;
    left: 235px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
  }
  .HoleBoxPos7 {
    position: initial !important;
   /* top: 65px !important;
    left: -5px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
  }
  .HoleBoxPos8 {
    position: initial !important;
    /*top: 35px !important;
    left: 115px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
  }
  .HoleBoxPos9 {
    position: initial !important;
    /*top: 5px !important;
    left: 235px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
  }
  .HoleBoxPos10 {
    position: initial !important;
    /*top: 10px !important;
    left: -5px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
  }
  .HoleBoxPos11 {
    position: initial !important;
    /*top: -20px !important;
    left: 115px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
  }
  .HoleBoxPos12 {
    position: initial !important;
    /*top: -50px !important;
    left: 235px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
  }
  .HoleBoxPos13 {
    position: initial !important;
    /*top: -45px !important;
    left: -5px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
  }
  .HoleBoxPos14 {
    position: initial !important;
    /*top: -75px !important;
    left: 115px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
  }
  .HoleBoxPos15 {
    position: initial !important;
    /*top: -105px !important;
    left: 235px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
  }
  .HoleBoxPos16 {
    position: initial !important;
   /* top: -100px !important;
    left: -5px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
  }
  .HoleBoxPos17 {
    position: initial !important;
    /*top: -130px !important;
    left: 115px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
  }
  .HoleBoxPos18 {
    position: initial !important;
    /*top: -160px !important;
    left: 235px !important;*/
    width: 110px !important;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
  }
  .HoleSelectBox {
    width: 100% !important;
    font-size: 11px;
    height: 45px !important;
  }
  .HoleName {
    width: 45px !important;
    margin-left: 5px !important;
    font-size: 10px;
    margin-top: 3px !important;
  }
  .HoleLinkBox {
    width: 50px !important;
    line-height: 15px !important;
    margin-top: 8px !important;
    margin-left: 4px !important;
  }
  .CourseInfoHead {
    padding: 5px 10px !important;
    border: solid 2px !important;
    margin-left: 0px !important;
    width: 340px;
    text-align: center;
  }
  .GalleryBox.FlexRow {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
  }
  .GalleryView {
    width: 245px !important;
    margin-left: 5px !important;
  }
  .GalleryView img {
    width: 100% !important;
    height: 185px !important;
  }
  div#display_img7.GalleryView img {
    height: 185px !important;
  }
  button.SlideArrowVertical.PrevArrowVertical.slick-arrow {
    width: 10px;
    height: 10px;
    border: 3px solid;
    border-color: transparent transparent #6E6E6E #6E6E6E;
    transform: rotate(135deg);
    cursor: pointer;
    left: 45px;
    top: -14px;
  }
  button.SlideArrowVertical.NextArrowVertical.slick-arrow {
    width: 10px;
    height: 10px;
    border: 3px solid;
    border-color: transparent transparent #6E6E6E #6E6E6E;
    transform: rotate(-45deg);
    cursor: pointer;
    left: 45px;
    top: 190px;
  }
  .FlexContain.FlexRow.TC.CourseStatus {
    width: 190px;
    margin-top: 10px;
  }
  .CourseInfoText {
    margin-left: 0px !important;
    line-height: 1.3em !important;
    width: 140px;
    margin-top: 10px;
  }
  .CourseInfoText p {
    margin: initial;
    margin-bottom: 3px;
  }
  .ParInfo {
    font-size: 25px !important;
    margin-top: 20px !important;
  }
  .FlexItem10 {
    margin: 1px !important;
    /*padding: 14.5% 0 !important;*/
    height: 45px !important;
  }
  .CourseSelectBox {
    margin-top: 10px;
  }
  .ContentBox2.CF.MeiryoFont {
    width: 340px;
    margin: 30px auto 0;
  }
  .ContentBox3.CF {
    width: 340px;
    margin-top: 30px auto 0;
  }
  .ContentImg3.FR {
    width: 340px;
    margin-right: 10px;
  }
  .TL.FR.CourseContentR.AboutHoleWidth {
    width: 340px;
    margin-right: 10px;
    margin-top: 20px;
  }
  .ContentImg3.FL {
    width: 340px;
    margin-left: 10px;
  }
  .TL.FL.CourseContentL.AboutHoleWidth {
    width: 340px;
  }
  .CourseContentL {
    margin-left: 10px !important;
    margin-top: 20px;
  }
  .ReviewsContain {
    margin: 20px 0;
  }
  .MiniCourseTitle {
    margin-bottom: 20px;
  }
  .HoleStructureImgWrap {
    width: 340px;
    margin-left: 20px;
  }
  .HoleStructureImgWrap img {
    width: 100%;
  }
  .HoleStructureTitle {
    font-size: 20px !important;
    width: 300px;
  }
  .HoleStructureTitlePos1 {
    position: relative;
    top: 20px !important;
    left: 25px !important;
  }
  .HoleStructureTitlePos2 {
    position: relative;
    top: 10px !important;
    left: 25px !important;
  }
  .HoleStructureTitlePos3 {
    position: relative;
    top: 10px !important;
    left: 25px !important;
  }
  .HoleStructureTitlePos4 {
    position: relative;
    top: 25px !important;
    left: 25px !important;
  }
  .HoleStructureMessage {
    padding: 10px;
    margin-bottom: 0px !important;
    width: 340px;
    margin-left: 15px;
  }
  .FlexItem11,.FlexItem12,.FlexItem13,.FlexItem14 {
    margin: 1px !important;
    padding: 5px !important;
    width: 50px;
    word-break: break-word;
    font-size: 13px;
  }
  .FlexContain.FlexRow.TC.FL.CF.StatusMarginB.FlexMarginL19px {
    margin-left: 20px;
    flex-direction: column;
    float: none;
  }
  .FlexRowBox.FlexColumn.FlexWidth149px {
    flex-direction: row;
    width: 340px;
  }
  .FlexRowBox.FlexColumn.FlexWidth80px {
    flex-direction: row;
    width: 340px;
  }
  .FlexContain.FlexRow.TC.FL.CF.FlexMarginL19px {
    margin-left: 20px;
    flex-direction: column;
    float: none;
  }
  .FlexRowBox.FlexColumn.FlexWidth66px {
    flex-direction: row;
    width: 340px;
  }
}
/*↑ーーコースメディアクエリ実装ーCourseMediaー↑*/
/*↓ーー宿泊・ロッジメディアクエリ実装ーLodgeMediaー↓*/
@media (max-width: 480px) {
  .LodgeGalleryBox {
    width: 360px !important;
    padding: initial !important;
    margin-left: 10px;
  }
  .LodgeGallery {
    width: 260px !important;
  }
  .MiniLodgeGallery {
    width: 100px !important;
    height: 172px !important;
    padding: initial;
    padding-left: 5px !important;
  }
  #list_img img {
    margin: initial;
    height: 54.6px !important;
  }
  ul#list_img1 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img1 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img2 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img2 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img3 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img3 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img4 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img4 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img5 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img5 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img6 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img6 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img7 {
    margin: initial;
    width: 90px !important;
    height: 205px !important;
    margin-left: 20px;
  }
  #list_img7 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img8 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img8 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img9 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img9 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img10 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img10 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img11 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img11 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img12 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img12 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img13 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img13 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img14 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img14 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img15 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img15 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img16 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img16 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img17 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img17 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
  ul#list_img18 {
    margin: initial;
    width: 90px !important;
    height: 190px !important;
    margin-left: 20px;
  }
  #list_img18 img {
    cursor: pointer;
    height: 43px !important;
    margin-bottom: 2px;
  }
}
/*↑ーー宿泊・ロッジメディアクエリ実装ーLodgeMediaー↑*/
/*↓ーークラブハウス・施設・レストランメディアクエリ実装ーClubMedia_FacilityMedia_RestaurantMediaー↓*/
@media (max-width: 480px) {
  .FacilityWrap {
    width: 400px;
    margin: 0 auto;
  }
  .ContentBox {
    margin-top: 30px !important;
  }
  .ContentImg.FL {
    width: 340px !important;
    height: 220px !important;
    margin-left: 20px;
  }
  .ContentImg.FR {
    width: 340px !important;
    height: 220px !important;
    margin-right: 20px;
  }
  .HeadingTextBox {
    padding-top: 0% !important;
    margin-bottom: 2% !important;
  }
  .HeadingTextBox .UnderLineText {
    font-size: 14px !important;
  }
  .ContentText.FR {
    width: 340px !important;
    margin: 30px 20px 20px 0 !important;
  }
  .ContentText.FL {
    width: 340px !important;
    margin: 30px 0px 20px 20px !important;
  }
  .ContentTextCenter {
    width: 340px !important;
    margin: 0 auto;
  }
  .lity-content img {
    height: 400px !important;
  }
  .ContentImg2.FL{
    width: 340px !important;
    margin-left: 10px;
  }
  .ContentImg2.FR {
    width: 340px !important;
    float: none;
    margin-left: 10px;
  }
  .HeadingTextBox_2 {
    margin-bottom: 15px !important;
  }
  .HeadingTitle h2 {
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }
  .TL.FL.FacilityR.Width400px {
    margin-left: 10px;
    width: 340px;
  }
  .TL.FR.FacilityL.Width400px {
    float: none;
    margin-left: 10px;
    width: 340px;
  }
  .HeadingTextBox_2,.UnderLineText {
    font-size: 13px !important;
  }
  .InfoTextBox {
    line-height: 18px !important;
  }
  .GalleryTextBox {
    width: 340px !important;
    margin-left: 20px !important;
  }
  div#display_img.Visual.CF,
  div#clubhouse_bath_display.Visual_ClubHouse,
  div#clubhouse_meeting_display.Visual_ClubHouse
   {
    width: 340px !important;
    margin-left: 20px !important;
    padding-right: 6px;
  }
  ul#list_img.SlickNavi.thumb-item-nav,
  ul#clubhouse_list1.SlickNavi.thumb-item-nav1,
  ul#clubhouse_list2.SlickNavi.thumb-item-nav2
   {
    width: 334px;
    margin-top: 5px;
    margin-left: 20px;
    padding: initial;
  }
  ul#list_img.SlickNavi.thumb-item-nav img,
  ul#clubhouse_list1.SlickNavi.thumb-item-nav1 img,
  ul#clubhouse_list2.SlickNavi.thumb-item-nav2 img
   {
    width: 80px;
    height: 55.5px;
  }
  div#display_img.Visual.CF {
    width: 340px;
    margin-left: 20px;
    padding-right: 6px;
  }
  .MenuImgBox.FL {
    width: 100px;
    height: 140px;
    margin-left: 5px;
  }
  .MenuImg,.MenuIMg {
    width: 100px;
  }
  .MenuTop,.MenuBottom {
    width: 340px !important;
  }
  .MenuImgCenter {
    margin: 0 2px !important;
  }
}
/*↑ーークラブハウス・施設・レストランメディアクエリ実装ーClubMedia_FacilityMedia_RestaurantMediaー↑*/
/*↓ーーご利用料金　メディアクエリーRatesMediaー↓*/
@media (max-width: 480px) {
  .NaviContain.Font18px.M_Font {
    width: 90%;
  }
  .NaviArrow {
    width: 13px !important;
    height: 13px !important;
    top: 17px !important;
    border: 2px solid !important;
    border-color: transparent transparent #BE272D #BE272D !important;
    right: 25% !important;
  }
  ul.NaviMenu.NaviMargin,ul.NaviMenu {
    flex-direction: column;
    margin-bottom: 5px;
  }
  .NaviItem {
    margin-bottom: 20px;
  }
  .NaviItem:before {
    width: 125px !important;
    bottom: -5px !important;
  }
  .FlexContain {
    width: 360px;
    margin: 0 auto;
  }
  .RatesTextMini {
    margin-left: 15px !important;
  }
  .CreditCardBox ul {
    padding: initial !important;
  }
  .GreenNo {
    width: 20px !important;
    height: 20px !important;
  }
  .OtherReserveText2 {
    width: 250px;
    word-wrap: break-word;
    margin-left: 5px !important;
  }
  .accordion_icon {
    top: -4px;
    right: 0px;
  }
  .accordion1 p {
    padding: initial !important;
  }
  .accordion1 .inner {
    padding: 5px !important;
  }
  .TravelAgentBox ul {
    flex-direction: column;
  }
  .SiteLinkBox ul {
    flex-direction: column;
    width: 320px;
  }
  .FlexRowBox {
    text-align: center;
  }
  .DressCodeInfo.MarginT50 {
    margin-bottom: 10px;
    padding: 10px 30px;
    text-align: left;
    margin-top: 5px;
  }
  .DressCodeInfo p {
    margin-bottom: 10px !important;
  }
  .FlexItem {
    padding: 8px 0;
  }
  .FlexItem5 {
    margin: 1px;
    padding: 1.17% 0;
  }
  .FlexWidth28_9.FlexLeft.FlexItem6 {
    margin: 1px;
    padding: 41px 0;
    width: 19%;
  }
  .FlexContent.FlexItem7 {
    margin: 1px;
    padding: 19.5px 0;
    height: 112px;
  }
  .FlexContent.FlexItem8 {
    margin: 1px;
    padding: 5px 0;
    height: 55px;
  }
  .FlexContent.FlexItem9 {
    margin: 1px;
    padding: 5px 0;
    height: 55px;
  }
  .FlexWidth19 {
    width: 30% !important;
  }
  .FlexWidth33_3 {
    width: 32.3% !important;
  }
  .FlexContainInner2.MarginT60 {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .FlexWidth40_82 {
    width: 100% !important;
  }
  .FlexWidth64_67 {
    width: 100% !important;
  }
  .FlexReverse {
    flex-direction: column !important;
  }
  .OtherReserveText3 {
    width: 250px !important;
    word-wrap: break-word;
    margin-left: 5px !important
  }
  .pointer {
    position: relative;
    left: 240px;
    top: -20px;
  }
}
/*↑ーーご利用料金　メディアクエリーRatesMediaー↑*/
/*↓ーー交通・アクセスメディアクエリ実装ーAccessMediaー↓*/
@media (max-width: 480px) {
  .TrafficContainer {
    width: 340px;
  }
  iframe {
    height: 250px;
  }
  .TrafficImg {
    width: 340px !important;
  }
  .TrafficImg img {
    width: 100%;
  }
  .AccessBackGround2 {
    height: 1700px;
  }
}
/*↑ーー交通・アクセスメディアクエリ実装ーAccessMediaー↑*/
/*↓ーーオープンコンペメディアクエリ実装ーCompeMediaー↓*/
@media (max-width: 480px) {
  .CompeDatailContain {
    padding: 30px 30px 20px;
  }
  .BrowserBackBtn.CF {
    width: 210px;
  }
  .DatailWrap.MarginL60.FL.CF {
    margin-bottom: 5px;
    margin-left: initial;
  }
  .DatailWrap.FL.CF {
    margin-bottom: 5px;
  }
  .DetailBox {
    width: 280px !important;
    margin: 20px auto 0 !important;
  }
  .CompeTitleBox {
    font-size: 16px;
  }
  .MoreDatailWrap {
    width: 320px !important;
  }
  .MoreDatailBox.CF {
    width: 300px;
    margin: 10px auto 0px;
  }
  .MoreDatailTitle.FL {
    width: 60px;
  }
  .MoreDatailContent.FL {
    width: 200px;
    margin-left: 10px;
    word-wrap: break-word;
  }
  .CompeDatailImage {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .CompeDatailNote {
    width: 340px !important;
    margin: 50px auto 30px !important;
  }
  .CompeInsertImage {
    width: 340px;
    display: inline;
  }
  .CompeInsertImage img {
    width: 100%;
  }
  #Contact {
    width: 340px !important;
    height: 175px !important;
  }
  .ContactFont1 {
    font-size: 11px;
    padding: 5px 30px !important;
  }
  .ContactFont3 {
    font-size: 11px;
  }
  .MarginL155 {
    margin-left: 40px !important;
  }
  .ContactMargin3 {
    margin: 5% auto 10% !important;
  }
  .ContactMargin4 {
    margin: 50px auto 8%;
  }
}
/*↑ーーオープンコンペ&詳細メディアクエリーCompeMediaー↑*/
/*↓ーーニュース&メディアクエリ実装ーNewsMediaー↓*/
@media (max-width: 480px) {
  .NewsBox {
    width: 340px !important;
  }
  .NewsBoxDate {
    width: 100px !important;
    margin-bottom: 5px;
  }
  .NewsBoxTitle {
    padding: 2px !important;
    margin-left: 10px !important;
    display: inline-block !important;
    width: 290px !important;
  }
  .NewsDatailContain.TC {
    width: 360px;
    padding: 30px 0px 40px;
    margin: 0 auto;
  }
  .NewsTitleBox {
    width: 300px !important;
    font-size: 11px !important;
  }
  .NewsDatailWrap {
    margin: 20px auto !important;
  }
  .NewsDatailBox.M_0auto.CF {
    width: 300px;
  }
  .DatailNameBox.FL {
    width: 80px;
    margin-left: 20px;
  }
  .NewsDatailImage {
    width: 340px !important;
    margin: 0 auto;
  }
  .NewsDatailText {
    width: 340px !important;
    margin: 30px auto 20px !important;
  }
  .NewsBrowserBackBtn.MarginT15B80.CF {
    width: 220px;
    margin: 15px 0px 30px 10px;
  }
}
/*↑ーーニュース&詳細メディアクエリ実装ーNewsMediaー↑*/
/*↓ーートーナメントメディアクエリ実装ーTournamentMediaー↓*/
@media (max-width: 480px) {
  .TourBox.M_Font.FR {
    margin-top: 50px;
  }
  .TourContent {
    margin-top: 40px;
    margin-bottom: 50px !important;
  }
  .MarginT100 {
    margin-top: 50px !important;
  }
  .TourBox.M_Font.FL {
    width: 340px;
    height: 340px;
    background-color: #FFFFFF;
    text-align: center;
    position: relative;
    margin-left: 20px;
  }
    .TourBox.M_Font.FR {
    width: 340px;
    height: 340px;
    background-color: #FFFFFF;
    text-align: center;
    position: relative;
    margin-right: 20px;
  }
  .TourYear {
    font-size: 36px !important;
    left: 3.5em;
  }
  .TourDay.TextBrown,.TourDay.TextGreen {
    width: 310px;
    font-size: 15px;
    padding: 10% 0 4%;
  }
  .TourName.TextBrown,.TourName.TextGreen {
    font-size: 18px;
  }
  .TourOpen.BackBrown,.TourOpen.BackGreen {
    width: 310px;
    font-size: 12px;
  }
  .TourImage {
    width: 310px;
  }
  .TourImage img {
    width: 100%;
  }
  .TourChamp {
    width: 325px !important;
  }
  .ChampName.TextBrown.FL,.ChampName.TextGreen.FL {
    padding: 0.2em 0;
    width: 250px;
  }
}
/*↑ーートーナメントメディアクエリ実装ーTournamentMediaー↑*/
/*↓ーー求人情報メディアクエリ実装ーJobOfferMediaー↓*/
@media (max-width: 480px) {
  .JobOfferImgWrap {
    width: 340px !important;
    margin-left: 20px;
  }
  .JobOfferImgWrap img{
    width: 100%;
  }
  .JobContentsBox {
    width: 340px !important;
    margin-left: 20px !important;
  }
  .FlexItem15 {
    margin: 1px;
    padding: 15px 0;
  }
}
/*↑ーー求人情報メディアクエリ実装ーJobOfferMediaー↑*/
/*↓ーープライバシーポリシーメディアクエリ実装ーPolicyMediaー↓*/
@media (max-width: 480px) {
  .PolicyTextBox {
    width: 90%;
    padding: 2%;
  }
  .PolicyText {
    width: 85%;
  }
}
/*↑ーープライバシーポリシーメディアクエリ実装ーPolicyMediaー↑*/
/*↓ーーリンクボタンメディアクエリ実装ーLinkerMediaー↓*/
@media (max-width: 480px) {
  .LinkButtonWidth350 {
    width: 340px !important;
  }
  .LinkButtonWidth500 {
    width: 300px !important;
  }
  .LinkerTextWrap500 {
    text-align: center;
    width: 245px !important;
  }
  .LinkerWrap.LinkButtonWidth500 {
    margin-bottom: 10px;
  }
  a.Linker.LinkerGray350.LinkButtonWidth350 {
    background: linear-gradient(90deg,#4d4d4d 0%,#4d4d4d 285px,#333333 55px);
  }
  .LinkerBrown {
    background: linear-gradient(90deg,#a37c51 0%,#a37c51 245px,#896239 55px) !important;
  }
  .LinkerGray {
    background: linear-gradient(90deg,#4d4d4d 0%,#4d4d4d 245px,#333333 55px) !important;
  }
  .MarginT30B30 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  a.Linker.LinkerGray.LinkButtonWidth500 {
    font-size: 10px;
  }
  .FontSize8 {
    text-align: center;
    width: 255px !important;
    font-size: 9px !important;
    -webkit-transform: scale(0.96);
    -webkit-transform-origin: 0 0;
  }
  .LinkButtonWidth450 {
    width: 300px !important;
  }
  .LinkerBrownUp450 {
    background: linear-gradient(90deg,#896239 0%,#896239 245px,#764c24 55px) !important;
  }
  .FL.LinkerWrap.LinkButtonWidth450 {
    width: 300px !important;
    margin-bottom: 20px;
    float: none;
  }
  .FR.LinkerWrap.LinkButtonWidth450 {
    width: 300px !important;
    float: none;
  }
  .LinkerTextWrap450 {
    text-align: center;
    width: 250px !important;
  }
}
/*↑ーーリンクボタンメディアクエリ実装ーlinkerMediaー↑*/
/*↓ーーヘッダーメディアクエリ実装ーheaderMediaー↓*/
@media (max-width: 480px) {
  .HeaderWrap {
    width: 0px !important;
    max-width: 400px;
    height: 100px !important;
    margin: 0 auto !important;
    background-color: #FFF;
  }
  .HeaderTop.CF {
    width: 100%;
  }
  #Header .HeadUpperPart {
    height: 80px !important;
  }
  .HeaderTopContent.FL.PaddingR10 {
    width: 100px;
    position: absolute;
    left: 10px;
    z-index: 3;
  }
  .HeaderTopContent.FL.TC {
    width: 360px;
    position: absolute;
    height: 85px;
    z-index: 1;
    top: 50px;
    left: 5px;
  }
  .HeaderTopContent.FL {
    width: 80px;
    position: absolute;
    left: 285px;
    z-index: 2;
  }
  .MojiSize.FL,.FR.PaddingR10 {
    float: none;
    max-width: 90px;
    padding-right: 0px;
    margin: 0 auto;
  }
  .MojiSize {
    text-align: left !important;
    display: inline-block !important;
    margin-left: 9px !important;
  }
  #textsize a {
    display: inline-block;
  }
  .LeftText {
      float: none !important;
  }
  .RightText {
      float: none !important;
  }
  .M_Font.HeaderLink {
    font-size: 11px;
    position: absolute;
    top: 100px;
    width: 290px;
    right: 5px;
  }
}
/*↑ーーヘッダーメディアクエリ実装ーheaderMediaー↑*/
/*↓ーーフッターメディアクエリ実装ーfooterMediaー↓*/
@media (max-width: 480px) {
  .FooterWrap {
    max-width: 400px;
  }
  #Footer .FooterTextSmall {
    margin: 20px auto !important;
    width: 340px;
  }
  #Footer .FooterTextBig {
    margin: 20px auto !important;
    width: 340px;
    font-size: 20px !important;
  }
  #Footer .FootMenuWrapper {
    margin: 20px auto 50px auto !important;
    width: 340px !important;
  }
  .FootMenuContent {
    padding-left: 20px !important;
  }
  #Footer .FootMenuFloat {
    float: none !important;
    width: 100px !important;
    margin-left: 10px;
  }
  #Footer .FootMenu {
    float: left;
    margin: 0px 0px 20px 0px !important;
    width: 160px !important;
    color: #FFFFFF;
    text-decoration: none;
  }
}
/*↑ーーフッターメディアクエリ実装ーfooterMediaー↑*/
/*↓ーーお問い合わせメディアクエリ実装ーcontactMediaー↓*/
@media (max-width: 480px) {
  .ContactFormBox {
    font-size: 13px !important;
  }
  .ContactFormBox > .FL {
    float: none;
  }
  .ContactFormBoxTitle {
    width: 120px !important;
    margin-left: 16px;
  }
  .NameSeiTxtBox,
  .NameMeiTxtBox,
  .NameSeiKanaTxtBox,
  .NameMeiKanaTxtBox
  {
    width: 30% !important;
  }
  .contactTxt {
    width: 100% !important;
  }
  .NameSeiTxtBox,
  .NameSeiKanaTxtBox {
    margin-left: 50px !important;
  }
  .NameMeiTxtBox,
  .NameMeiKanaTxtBox {
    margin-left: 16px !important;
  }
  .mw_wp_form .PhoneTxtBox1,.PhoneTxtBox2,.PhoneTxtBox3{
    width: 20% !important;
  }
  .contactTxtPhone {
    width: 100% !important;
  }
  .PhoneTxtBox1 {
 /*   margin-top: 8px;*/
    margin-left: 42px;
  }
  .mw_wp_form .ContactContent {
    width: 336px !important;
    margin-left: 16px;
  }
  .mw_wp_form .MailTxtBox {
    width: 336px !important;
    margin-left: 16px;
  }
  .mw_wp_form_confirm .ContactContent {
    width: 336px !important;
    margin-left: 30px;
  }
  .mw_wp_form_confirm .MailTxtBox {
    width: 336px !important;
    margin-left: 30px;
  }
  .MailTxt {
    width: 336px !important;
  }
  .ContactTxt{
    width: 336px !important;
  }
  .ContactFormBoxMessage {
    margin-left: 32px;
  }
  .ContactFormConfirmBox {
    width: 256px !important;
  }
  .FormConfirmBtn {
    width: 240px !important;
    padding: 16px 8px !important;
  }
  .mw_wp_form_confirm .PhoneTxtBox1 {
    width: auto !important;
  }
  .mw_wp_form_confirm .PhoneTxtBox2 {
    width: auto !important;
  }
  .mw_wp_form_confirm .PhoneTxtBox3 {
    width: auto !important;
  }
}

/*↑ーーお問い合わせメディアクエリ実装ーcontactMediaー↑*/

/*↓--提携ページ--↓*/
@media (max-width: 480px) {
    .TeikeiImgTitle {
      display: none !important;
    }
    .TeikeiCourseMapTitleTop {
      display: block !important;
    }
    .TeikeiCourseMapTitle {
      display: none !important;
    }
    .TeikeiCourseMapTop {
      display: block !important;
      width: 100%;
      height: 450px;
      margin-top: 10px;
    }
    .TeikeiCourseMap {
      display: none !important;
    }
    #Teikei1, #Teikei2, #Teikei3, #Teikei4, #Teikei5, #Teikei6, #Teikei7, #Teikei8, #Teikei9, #Teikei10, #Teikei11, #Teikei12, #Teikei13, #Teikei14, #Teikei15 {
      height: 10px !important;
    }
    .TeikeiAccessBackGround {
      display: none !important;
    }
    .TeikeiMark01, .TeikeiMark02, .TeikeiMark03, .TeikeiMark04, .TeikeiMark05, .TeikeiMark06, .TeikeiMark07, .TeikeiMark08, .TeikeiMark09, .TeikeiMark10, .TeikeiMark11, .TeikeiMark12, .TeikeiMark13, .TeikeiMark14, .TeikeiMark15 {
      display: none !important;
    }
    .TeikeiCourseInfo {
      width: 100% !important;
    }
    .TeikeiCourseName {
      width: 94% !important;
      font-size: 18px !important;
      margin-left: 10px !important;
      margin-right: 10px !important;
    }
    .TeikeiCourseNameGreenNo {
      font-size: 11px !important;
      width: 18px !important;
      height: 18px !important;
      line-height: 1.8 !important;
      margin-top: 9px !important;
    }
    .TeikeiMark {
      margin: 7px 0 0 7px !important;
      width: 18px !important;
    }
    .FlexWidth25 {
      padding: 3% 0 !important;
    }
    .FlexWidth75 {
      padding: 3% !important;
      text-indent: 0 !important;
    }
    .TeikeiFlexMiddle {
      padding: 5.8% 0 !important;
    }
    .TeikeiCourseImgWrap {
      width: 340px !important;
      display: inline-block !important;
      margin-top: 20px !important;
      margin-right: 17.5px !important;
    }
    .Height42 {
      height: 100% !important;
    }
}