/*
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
*/

@charset "UTF-8";
@media
only screen and (max-width:640px) {

  .Wrapper {
    width: 300px;
  }
  body {
    background-color: black;
  }

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .navigation-top {
    display:-ms-flexbox;
    padding: 0px 10px;
  }

  .MiniLodgeGallery.FlexColumn {
    width: 172.5px;
    margin: auto;
    height: 455px;
    padding: initial;
    padding-left: 10px;
  }


}

@supports (-ms-ime-align: auto) {

  /* Edge のみ適用される */
  header {
    background-color: black;
  }

}

/* ▼共通部 */

html {
  font-size: 13px;
}

body{
  margin:0px;
  padding:0px;
  text-align:left;
  background-color:#EEEEEE;
  font-size:13px;
  color:#42210B;
  min-width: 1000px;
}

.SpStyle {
  display: none;
}

/* メインのコンテンツの背景だけを変えるため */
#content > .wrap {
  background-color: #eeeeee;
  padding: 0;
}

.wrap {
  /*max-width: 1200px;*/
}

* {
  box-sizing: border-box;
}

.site-content {
  padding: 0;
}

a:hover {
  opacity: 0.6;
}
/*------------------Base------------------*/

.EntryContent {
  width: 1200px;
}

.FlagWrap ul li {
 display: inline;
}

.FlagUl {
 padding-left: 0px;
 margin-top: 0px;
}

.M_Font {
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.M_FontEng {
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.MeiryoFont {
  font-family:  メイリオ, Meiryo;
}

.TC {
  text-align: center;
}

.TR {
  text-align: right;
}

.TL {
  text-align: left;
}
/*ーーーーーーーカルーセル導入ーーーーーーー*/
.Visual {
  width: 695px;
  /*margin-top: ;*/
  margin-left: 150px;
}
.Visual_ClubHouse {
  width: 695px;
  /*margin-top: ;*/
  margin-left: 150px;
}
.Visual_ClubHouse img {
  width: 100%;
}
.SlickNavi {
  width: 740px;
  margin-left: 110px;
  margin-bottom: 80px;
}
.slick-dotted.slick-slider {
  margin-bottom: 60px;
}
.slide-dots button::before {
    cursor: pointer;
}
button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.SlideArrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.PrevArrow{
  left: 0px;
    width: 20px;
    height: 20px;
    border: 4px solid;
    border-color: transparent transparent #BE272D #BE272D;
    transform: rotate(45deg);
    cursor: pointer;
}
.NextArrow{
  right: -40px;
    width: 20px;
    height: 20px;
    border: 4px solid;
    border-color: transparent transparent #BE272D #BE272D;
    transform: rotate(-135deg);
    cursor: pointer;
}
.PrevArrow:hover,
.NextArrow:hover {
  opacity: 0.7;
}
.SlideArrowVertical {
  position: absolute;
  /*top: 40%;*/
  /*margin-top: -15px;*/
}
.PrevArrowVertical {
    width: 20px;
    height: 20px;
    border: 4px solid;
    border-color: transparent transparent #6E6E6E #6E6E6E;
    transform: rotate(135deg);
    cursor: pointer;
    left: 85px;
    top: -20px;
}
.NextArrowVertical {
    width: 20px;
    height: 20px;
    border: 4px solid;
    border-color: transparent transparent #6E6E6E #6E6E6E;
    transform: rotate(-45deg);
    cursor: pointer;
    left: 85px;
    top: 460px;
}
.PrevArrowVertical:hover,
.NextArrowVertical:hover {
    opacity: 0.7;
}
button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-dots{
  text-align: center;
}
.slide-dots li{
    display: inline-block;
    margin: 0 15px;
}
.slide-dots button{
      position: relative;
      text-indent: -9999px;
}
.slide-dots button:before {
        content: '○';
        font-size: 20px;
        text-indent: 0px;
        position: absolute;
        top: 0;
        left: 0;
}
.slick-active button:before {
  content: '●';
}
/*ーーーーーーーカルーセル導入endーーーーーーー*/
/* -11px- パンくずリストのフォント*/
.Font11px {
  font-size: 11px;
}
/* 16px */
h5 {
  font-size: 16px;
}
/* -18.5px- 見出し(ご利用料金等)*/
h4,.Font18px {
  font-size: 18.5px;
}
/* -20px- ContentBox 見出し*/
h3 {
  font-size: 20px;
}
/* -22px- サブタイトル小*/
h2,.Font22px {
  font-size: 22px;
  font-weight: 100;
}
/* -27px- サブ・セパレートタイトル大*/
h1 {
  font-size: 27px;
}
/*フォント*/
.FontSize0_78 {
  font-size: 0.78em;
}
/*リンクページのボタンのフォント*/
.FontSize0_79 {
  font-size: 0.79em;
}
 /*灰黒背景ボタンの灰のフォント*/
.FontSize0_86 {
  font-size: 0.86em;
}
 /*Rates ご利用料金サブタイトル 25px やめた*/
.FontSize0_9 {
  font-size: 0.9em;
}
 /*オレンジ背景ボタンのフォント 17px*/
.FontSize1_21 {
  font-size: 17px;
}
/*セパレートタイトルのフォント 28px*/
.FontSize1_55 {
  font-size: 28px;
}
/*TEL・FAX 26px*/
.FontSize2_00 {
  font-size: 32px;
}

.CF::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.FL {
  float: left;
}

.FR {
  float: right;
}

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

.MainWrap {
  width: 1000px;
}
.LinkWrap {
  padding-bottom: 8.17%;
}
.Width_100 {
  width: 100%;
}
.PaddingRL_100 {
  padding: 0 8.35%;
}
.PaddingT10R10 {
  padding: 10px 10px 0 0;
}

/*Facility コンテンツレイアウト調整*/
.FacilityWrap img {
  width: 45.7em;
}

.FacilityL {
  margin-right: 40px;
}

.FacilityR {
  margin-left: 40px;
}

/*Privacy Policyタイトルフォントカーニング*/

.Kerning0_01 {
  letter-spacing: .01em;
}

/*フレックスボックスお試し*/
.FlexRow {
  display: flex;
  flex-direction: row;
}

.FlexColumn {
  display: flex;
  flex-direction: column;
}

.IB {
  display: inline-block;
}

.M_0auto {
  margin: 0 auto;
}
.MarginL60 {
  margin-left: 60px;
}
.MarginT15B80 {
  margin-top: 15px;
  margin-bottom: 80px;
}
.MarginT20B20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.MarginT30B30 {
  margin-top: 30px;
  margin-bottom: 70px;
}
.MarginT50B20 {
  margin-top: 50px;
  margin-bottom: 20px;
}
.MarginT10 {
  margin-top: 10px !important;
}
.MarginT20 {
  margin-top: 20px;
}
.MarginT30 {
  margin-top: 30px;
}
.MarginT40 {
  margin-top: 40px;
}
.MarginT50 {
  margin-top: 50px;
}
.MarginT60 {
  margin-top: 60px;
}
.MarginT100 {
  margin-top: 100px;
}
.MarginL155 {
  margin-left: 155px;
}
.MarginB30 {
  margin-bottom: 30px;
}
.MarginB300 {
  margin-bottom: 300px;
}
.Padding20 {
  padding: 20px;
}
.PaddingR20 {
  padding-right: 20px;
}
.PaddingL20 {
  padding-left: 20px;
}
.PaddingR10 {
  padding-right: 10px;
}
.PaddingL10 {
  padding-left: 10px;
}
/*Facility Layout調整*/
.PaddingBottom4_5 {
  padding-bottom: 4.5%;
}

.PadInitial {
  padding-top: initial;
}

/*----linker ボタンスタイル----*/
/*レストラン▼*/
#demo {
    display: inline-block;
    width: 340px;
    height: 40px;
    overflow: hidden !important;
    position: relative;
    margin: 0 auto 10%;
}

#demo .linker01 {
    position: absolute;
    top: 10px;
    left: 50px;
    color: #FFFFFF;
}
/*交通・アクセス▼*/
#demo2 {
    display: inline-block;
    width: 570px;
    height: 65px;
    overflow: hidden !important;
    position: absolute;
    margin: 36em auto 10%;
    left: 30%;
}
#demo2 .linker04 {
    position: absolute;
    top: 20px;
    left: 25%;
    color: #FFFFFF;
}
#demo2 .linker05 {
    position: absolute;
    top: -3px;
    right: 0px;
}

/*-------------サブタイトル---------------*/

.SubTitle {
  position: relative;
}
.SubTitle h1 {
  color: #FFFFFF;
  text-shadow: 3px 4px 50px #2b2b2b, -3px -4px 50px #2b2b2b;
}
.SubTitleTextStyle {
  position: absolute;
  top: 44%;
  letter-spacing: .06em;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
.SubTitleTextStyle h1 {
  color: #FFFFFF;
  /*text-shadow: 3px 4px 50px #2b2b2b, -3px -4px 50px #2b2b2b;*/
  text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 10px, rgba(0, 0, 0, 0.3) -2px 2px 10px, rgba(0, 0, 0, 0.3) 2px -2px 10px, rgba(0, 0, 0, 0.3) -2px -2px 10px;
}
.MiniSpace {
  color: #FFFFFF;
  text-shadow: 3px 4px 50px #2b2b2b, -3px -4px 50px #2b2b2b;
}
.MiniSpace::before {
  content:".";
  visibility: hidden;
  letter-spacing: .12em;
}
.MiniSpace::after {
  content:".";
  visibility: hidden;
  letter-spacing: .13em;
}
.Japanese {
  font-size: 20px;
  color: #FFFFFF;
  /*text-shadow: 3px 4px 50px #2b2b2b, -3px -4px 50px #2b2b2b;*/
}
.Japanese::before {
  content:"..";
  visibility: hidden;
}
.SubTitleImgStyle {
  height: 240px;
  min-width: 1000px;
  background-size: cover;
  background-position: center center;
}

.SubTitlePosition2 {
  left: 10.5%;
}
.SubTitlePosition3 {
  left: 10.5%;
}
.SubTitlePosition4 {
  left: 10.5%;
}
.SubTitlePosition5 {
  left: 10.5%;
}
.SubTitlePosition6 {
  left: 10.5%;
}
.SubTitlePosition7 {
  left: 13%;
}
.SubTitlePosition7 h1 {
  font-size: 35px;
}
.SubTitlePosition8 {
  left: 11.5%;
}
.SubTitlePosition13 {
  left: 8.9%;
}
.SubTitlePosition14 {
  left: 8.9%;
}
.SubTitlePosition15 {
  left: 8.9%;
}
.SubTitleImg2 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/02_01.jpg");
}
.SubTitleImg3 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/03_01.jpg");
}
.SubTitleImg4 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/04_01.jpg");
}
.SubTitleImg5 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/05_01.jpg");
}
.SubTitleImg6 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/06_01.jpg");
}
.SubTitleImg7 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/07_01.jpg");
}
.SubTitleImg8 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/08_01.jpg");
}
.SubTitleImg9 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/09_01.jpg");
}
.SubTitleImg10 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/10_01.jpg");
}
.SubTitleImg13 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/13_01.jpg");
}
.SubTitleImg14 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/14_01.jpg");
}
.SubTitleImg15 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/15_01.jpg");
}
.SubTitleImg17 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/17_01.jpg");
}
.SubTitleImg18 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/18_01.jpg");
}
.SubTitleImg19 {
  background-image: url("http://www.total-web-support.com/tojigaoka/wp-content/uploads/image/19_01.jpg");
}

/*-パンくずリスト▼-*/

.LinkLog {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0 10%;
}

.LinkLog a {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  padding: 0.5em 0;
}

div.breadcrumbs {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 5px 10%;
}

div.breadcrumbs span {
  text-decoration: none;
  font-size: 10px;
  color: white;
  padding: 0.5em 0;
}

.breadcrumbs a {
  text-decoration: none;
}
.breadcrumbs {
  color: white;
}

/*-パンくずリスト▲-*/
/*-----------------コンテンツ-----------------*/
.ContentBox {
  width: 100%;
  margin-top: 9.5%;
}
.ContentBox2 {
  width: 100%;
  margin-top: 80px;
}
.ContentBox3 {
  width: 100%;
  margin-top: 77px;
}
.ContentImg {
  width: 400px;
  height: 275px;
  position: relative;
}
.ContentImg img {
  width: 100%;
  height: 100%;
}
.Triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 60px 60px;
  border-color: transparent transparent rgba(0 , 0 , 0 ,0.6) transparent;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.Zoom {
    position: absolute;
    right: 3px;
    top: 25px;
}
.Zoom > img {
  width: 30px;
  height: 30px;
}
.lity-content img {
  height: 600px;
}
.MarginBtm95px {
  margin-bottom: 6.785em;
}
/*施設ページの画像*/
.ContentImg2 {
  width: 53.5%;
}
.ContentImg2 img {
  width: 100%;
}
/*コースページの画像*/
.ContentImg3 {
  width: 41.5%;
}
.ContentImg3 img {
  width: 100%;
}

.ContentText {
  width: 500px;
  margin: 10px 40px 0;
}
.ContentTextCenter {
  width: 500px;
  margin: 0 auto;
}
.Width400px {
  width: 420px;
}
.AboutHoleWidth {
  width: 550px;
}
.UnderLineText {
    font-size: 20px;
    text-decoration: underline;
    margin-bottom: 10px;
}
.HeadingTextBox {
  font-size: 1.02em;
  color: rgba(77, 77, 77, 0.7);
  padding-top: 5%;
  margin-bottom: 5%;
  text-decoration: none;
  font-weight: 500;
  text-decoration: underline;
}

.HeadingTextBox_2 {
  font-size: 1.02em;
  color: rgba(77, 77, 77, 0.7);
  margin-bottom: 5%;
  font-weight: 500;
}
.HeadingTextBox_2 .UnderLineText {
  font-size: 18px;
  text-decoration: underline;
}
.HeadingTextBox .UnderLineText {
  font-size: 20px;
  text-decoration: underline;
}
.HeadingTitle h2 {
  letter-spacing: .01em;
  font-size: 36px;
  text-decoration: none;
}
.HeadingTitle h4 {
  margin-bottom: initial;
}
.HeadingTitleMini {
  font-size: 0.45em;
  text-decoration: none;
}

.HeadingTitleMini::before {
  content:"...";
  visibility: hidden;
}

.InfoTextBox {
  /*font-size: 0.84em;*/
  /*margin-bottom: 1em;*/
  color: rgba(77, 77, 77, 0.9);
  font-weight: 100;
  line-height: 25px;
}

.Visual img {
  width: 100%;
  height: auto;
}

.MiniImgBox {
  width: 100%;
  padding: 0.5% 15% 8.75% 15%;
}

.MiniImgLeft {
  width: 24%;
  height: auto;
}

.MiniImg {
  width: 24%;
  height: auto;
  margin-left: 1.3%;
}

/*-------ボタンのスタイル-------*/
.ButtonBase {
  position: relative;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  margin-bottom: 10%;
}
/*灰黒ボタン　施設ページ*/
.ButtonStyle1 {
  background-color: #4d4d4d;
  width: 65.5%;
  padding: 3.1% 2%;
  margin: 10% 10% 0 0;
}
.ButtonStyle1FR {
  background-color: #4d4d4d;
  width: 65.5%;
  padding: 3.1% 2%;
  margin: 10% 10% 0 0;
}
/*オレンジ２列　左*/
.ButtonStyle2 {
  width: 36.5%;
  padding: 2.2% 1%;
  margin-left: 2.5%;
  background-color: #896239;
}
/*オレンジ２列　右*/
.ButtonStyle3 {
  width: 36.5%;
  padding: 2.2% 1%;
  margin-left: 14.67%;
  background-color: #896239;
}
/*灰黒ボタン　真ん中１個*/
.ButtonStyle4 {
  background-color: #4d4d4d;
  width: 31%;
  padding: 1.15% 2%;
}
.ButtonStyle4 a {
  text-decoration: none;
}
/*灰黒ボタン２列　左*/
.ButtonStyle5 {
  width: 36.5%;
  padding: 2.2% 1%;
  margin-left: 2.5%;
  background-color: #4d4d4d;
}
/*灰黒ボタン２列　右*/
.ButtonStyle6 {
  width: 36.5%;
  padding: 2.2% 1%;
  margin-left: 14.67%;
  background-color: #4d4d4d;
}
/*sitemap灰黒ボタン　真ん中１個*/
.ButtonStyle7 {
  background-color: #4d4d4d;
  width: 36.5%;
  padding: 2.2% 1%;
}

.LinkButton_a {
    color: #fff;
    text-decoration: none;
}

.LinkButton_b {
  position: absolute;
  top: 0;
  right: -15%;
  color: #fff;
  height: 100%;
  padding-top: 5%;
}
/*レストランのボタン　width40.5px*/
.LinkButton_c {
    position: absolute;
    top: 0;
    right: -13%;
    color: #fff;
    height: 100%;
    padding-top: 3%;
}
/*灰黒リンクボタンの黒 1列*/
.LinkButton_b_Color1 {
  width: 16.5%;
  background: #333333;
}
/*オレンジリンクボタンの渋柿みたいな色*/
.LinkButton_b_Color2 {
  width: 16.5%;
  background: #754C24;
}
/*灰黒リンクボタンの黒 2列*/
.LinkButton_b_Color3 {
  width: 17.8%;
  background: #333333;
}
/*レストラン灰黒リンクボタンの黒 1列*/
.LinkButton_b_Color4 {
  width: 13.1%;
  background: #333333;
}
.LinkButton:hover {
  background-color: rgba(77, 77, 77, .7);
}
/*----------TEL・FAX----------*/

#Contact {
  width: 650px;
  height: 215px;
  padding: 1% 0;
  border: solid 1px #896239;
}

.ContactMargin1 {
  margin: 5.5% auto;
}
.ContactMargin2 {
  margin: 8% auto 10%;
}
.ContactMargin3 {
  margin: 2.3% auto 10%;
}
.ContactMargin4 {
  margin: 100px auto 10%;
}
.ContactFont1 {
    background-color: #896239;
    color: #FFF;
    display: inline-block;
    font-size: 13px;
    padding: 5px 50px;
}
.ContactFont2 {
  color: #896239;
  margin-left: 20px;
}
.ContactFont2 img {
  margin-right: 3%;
}
.ContactFont3 {
  color: #4D4D4D;
  font-size: 14px;
}
/*----------セパレートタイトルレイアウト----------*/

.SeparateBorder::before {
  max-width: initial;
}

.SeparateBorder {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 10.17%;
  margin-bottom: 2.1%;
  border-top: 2px solid #4d4d4d;
  padding-top: 7%;
  text-align: center;
}

.SeparateBorder2 {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 5em;
  /* margin-bottom: 1.07em; */
  border-top: 2px solid #4d4d4d;
  padding-top: 8%;
  text-align: center;
}

.SeparateBorder3 {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 6%;
  border-top: 2px solid #4d4d4d;
  padding-top: 7%;
  text-align: center;
}

.SeparateBorder4 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 5em;
    /* margin-bottom: 1.07em; */
    border-top: 2px solid #4d4d4d;
    padding-top: 4%;
    text-align: center;
}

.SeparateTitle {
  position: absolute;
  display: inline-block;
  width: 16.47%;
  top: -45%;
  left: 41%;
  background-color: #eeeeee;
  z-index: 1;
}

.SeparateTitle2 {
    position: absolute;
    display: inline-block;
    width: 250px;
    top: -30%;
    left: 38%;
    background-color: #eeeeee;
    z-index: 1;
    height: 60px;
}

.SeparateTitle3 {
    position: absolute;
    display: inline-block;
    width: 400px;
    top: -60%;
    left: 32%;
    background-color: #eeeeee;
    z-index: 1;
    height: 75px;

}
.FlexContain {
  padding: 0 0.5%;
}

.FlexContainInner {
  width: 100%;
  padding: 0 0.5%;
}

.FlexContainInner2 {
  width: 100%;
  padding: 0 0.5%;
  margin-bottom: 3.4%;
}

.FlexContain h2:before {
  color: #BE272D;
  content: "■  ";
  height: 10px;//四角のサイズ
  width: 10px;//四角のサイズ
  left: 0;
}

.FlexRowBox {
  width: 100%;
  color: #4D4D4D;
}
/*ご利用料金キャンセル料　フレックスボックス*/
.FlexRowBox2 {
  width: 91%;
  color: #4D4D4D;
  margin: 0 auto;
}
.FlexItem {
  margin: 0.17%;
  padding: 2.96% 0;
}
/*２列FlexContainerInner縦幅・隙間調整*/
.FlexItem2 {
  margin: 0.17%;
  padding: 2.55% 0;
}
/*４列FlexContainerInner縦幅・隙間調整*/
.FlexItem3 {
  margin: 0.17%;
  padding: 10px;
}
.FlexItem3 a {
  text-decoration: none;
  color: #4D4D4D;
}
/*ご利用料金　その他の予約方法について　見出し*/
.FlexItem4 {
  margin-bottom: 2.1%;
}
/*ご利用料金  キャンセル料サイズ調整１*/
.FlexItem5 {
  margin: 0.17%;
  padding: 1.17% 0;
}
/*ご利用料金　キャンセル料サイズ調整２*/
.FlexItem6 {
  margin: 0.17%;
  padding: 6.7% 0;
}
/*ご利用料金　キャンセル料サイズ調整３*/
.FlexItem7 {
  margin: 0.17%;
  padding: 12.2% 0;
}
/*ご利用料金　キャンセル料サイズ調整４*/
.FlexItem8 {
  margin: 1px;
  padding: 11px 0;
}
/*ご利用料金　キャンセル料サイズ調整５*/
.FlexItem9 {
    margin: 1px;
    padding: 11.5px;
}
/*CourseStatus サイズ調整*/
.FlexItem10 {
    margin: 0.5%;
    padding: 1.8% 0;
}
/*Course StatusContain サイズ調整*/
.FlexItem11 {
    margin: 1px;
    padding: 4.7% 0;
}
/*Course StatusContain サイズ調整*/
.FlexItem12 {
    margin: 1px;
    padding: 8.8% 0;
}
/*Course StatusContain サイズ調整*/
.FlexItem13 {
    margin: 1px;
    padding: 10.5% 0;
}
/*Course StatusContain サイズ調整*/
.FlexItem14 {
    margin: 1px;
/*    font-size: 7.5px;
    line-height: 11px;
    padding: .1% 0;*/
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*求人情報*/
.FlexItem15 {
    margin: 0.17%;
    padding: 5.8% 0;
}
/*ご利用料金　その他の予約方法について　*/
.OtherReserveText1 {
  margin-bottom: 1.85em;
  text-align: left;
  text-decoration: underline;
}
/*ご利用料金　その他の予約方法について　*/
.OtherReserveText2 {
  margin-left: 1em;
}

.FlexTop {
  background-color: #B0B0B0;
  border: solid 1px #B0B0B0;
}
.FlexTopLiteGrey {
  background-color: #cccccc;
  border: solid 1px #cccccc;
}
.FlexLeft {
  background-color: #C9C9C9;
  border: solid 1px #C9C9C9;
}
.FlexContent {
  background-color: #E3E3E3;
  border: solid 1px #E3E3E3;
}
.FlexContentWhite {
  background-color: #FFFFFF;
  border: solid 1px #FFFFFF;
}

.GreenNo {
  color: #ffffff;
  background-color: #22B273;
  width: 24px;
  height: 24px;
}

.FeeInfoText {
  padding-left: 1.5%;
  margin-top: 1.6%;
}

.FeeInfoText p {
  margin: initial;
}
/*コース　ギャラリー*/
.GalleryBox {
  margin-top: 40px;
  margin-bottom: 50px;
  margin-left: 20px;
}
.MiniGallery {
    margin-left: 12px;
}
.MiniGallery img {
    cursor: pointer;
    width: 190px;
    height: 110px;
    margin-bottom: 6.5px;
}

.GalleryView {
    width: 780px;
    margin-left: 9px;
}
.GalleryView img {
    width: 100%;
    height: 453px;
}

.GalleryTextBox {
  width: 700px;
  margin: 0 auto;
  text-align: left;
}
.DisplayNone {
  display: none;
}
.CourseInfoContainer {
    margin-bottom: 37.5px;
}
.ParInfo {
    font-size: 28px;
    text-decoration: underline;
    margin-top: 30px;
}
.HoleSelectBox {
    width: 155px;
    height: 30px;
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 4px 0;
    /* position: absolute; */
}
.HoleBoxPos1 {
  position: absolute;
    top: 45px;
    right: 260px;
}
.HoleBoxPos2 {
  position: absolute;
    top: 40px;
    left: 370px;
}
.HoleBoxPos3 {
  position: absolute;
    top: 0px;
    left: 290px;
}
.HoleBoxPos4 {
  position: absolute;
    top: 0px;
    left: 130px;
}
.HoleBoxPos5 {
  position: absolute;
    top: 280px;
    left: 0px;
}
.HoleBoxPos6 {
  position: absolute;
    top: 280px;
    left: 160px;
}
.HoleBoxPos7 {
  position: absolute;
    top: 240px;
    left: 240px;
}
.HoleBoxPos8 {
  position: absolute;
    top: 280px;
    left: 320px;
}
.HoleBoxPos9 {
  position: absolute;
    top: 330px;
    left: 330px;
}
.HoleBoxPos10 {
  position: absolute;
    top: 110px;
    right: 240px;
}
.HoleBoxPos11 {
  position: absolute;
    top: 150px;
    right: 150px;
}
.HoleBoxPos12 {
  position: absolute;
    top: 110px;
    right: 70px;
}
.HoleBoxPos13 {
  position: absolute;
    top: 70px;
    right: 10px;
}
.HoleBoxPos14 {
  position: absolute;
    bottom: 10px;
    right: 10px;
}
.HoleBoxPos15 {
  position: absolute;
    bottom: 50px;
    right: 295px;
}
.HoleBoxPos16 {
  position: absolute;
    bottom: 10px;
    right: 200px;
}
.HoleBoxPos17 {
  position: absolute;
    bottom: 50px;
    right: 110px;
}
.HoleBoxPos18 {
  position: absolute;
    bottom: 10px;
    right: 380px;
}
.HoleName {
    /*width: 70px;*/
    margin-left: 10px;
    letter-spacing: 1px;
    margin-top: 2px;
}
.HoleLinkBox {
  border: solid 1px #fff;
  width: 57px;
    margin-left: 10px;
    line-height: 15px;
    margin-top: 3px;
}
.HoleSelectLink {
    width: 57px;
    /* font-family: 'Century','Book Antiqua'; */
    background-color: #000;
    color: #FFFFFF;
    text-align: center;
    /* padding: 4px 6px; */
    text-decoration: none;
    /* font-size: 11px; */
    /* border: solid 1px #fff; */
    font-size: 7px;
}
.CourseImg {
  position: relative;
}
#hl1 {
  height: 5px;
}
#hl2 {
  height: 5px;
}
#hl3 {
  height: 5px;
}
#hl4 {
  height: 5px;
}
#hl5 {
  height: 5px;
}
#hl6 {
  height: 5px;
}
#hl7 {
  height: 5px;
}
#hl8 {
  height: 5px;
}
#hl9 {
  height: 5px;
}
#hl10 {
  height: 5px;
}
#hl11 {
  height: 5px;
}
#hl12 {
  height: 5px;
}
#hl13 {
  height: 5px;
}
#hl14 {
  height: 5px;
}
#hl15 {
  height: 5px;
}
#hl16 {
  height: 5px;
}
#hl17 {
  height: 5px;
}
#hl18 {
  height: 5px;
}
.CourseInfoHead {
    padding: 18.5px 42.25px;
    border: solid 2px;
    margin-left: 17px;
}
.CourseInfoText {
    margin-left: 35px;
    line-height: 1.3em;
}
.CourseInfoText p {
    margin: initial;
    margin-bottom: 7px;
}
.CourseContentR {
  margin-right: 15px;
}
.CourseContentL {
  margin-left: 40px;
}
.CourseStatus {
  /*margin-left: 130px;*/
}
.SelectL {
    margin-left: 13px;
}
.SelectR {
    margin-right: 10px;
}
.SelectPrev,.SelectNext {
    display: inline-block;
    text-decoration: none;
    color: #4d4d4d;
}
.LinkBox {
  display: inline-block;
}
.ReviewsContain {
    margin: 55px 0 75.5px 0;
}
.MiniCourseTitle {
    margin-bottom: 40px;
}
.MiniCourseTitle h5{
  font-weight: lighter;
  text-decoration: underline;
}
.ReviewsLink {
    color: #4d4d4d;
    padding: 13px 0;
    border: solid 1px;
    margin: 0 50px;
    width: 287.8px;
}
.StatusTitle h5{
  font-weight: lighter;
  text-decoration: underline;
}
.StatusContain {
  margin-bottom: 100px;
}
.StatusMarginB {
  margin-bottom: 90px;
}
.StatusTitle {
    margin-bottom: 30px;
}
.FlexMarginL19px {
  margin-left: 19px;
}
.BorderBlue {
  border: solid 1px blue;
}
.BorderGreen {
  border: solid 1px green;
}
.CourseDatail {
  margin-left: 25px;
  text-align: left;
}
.DrivingContest:before {
  content: "□";
  color: blue;
}
.ClosetToThePin:before {
  content: "□";
  color: green;
}
.DrivingContest,.ClosetToThePin {
  padding: 5px 0 5px 0;
}

/*宿泊・ロッジ共通化出来てない*/
.LodgeGalleryBox {
  width: 100%;
  margin-top: 4.7%;
  margin-bottom: 1.95%;
  padding: 0 4.46rem;
}
.MiniLodgeGallery img{
  margin-bottom: 0.5rem;
}
.MiniLodgeGallery.FlexColumn {
  width: 172.5px;
  /*margin-left: 0.5%;*/
  margin: initial;
  height: 455px;
  padding: initial;
  padding-left: 10px;
}
.thumb-item-nav-vertical.MiniLodgeGallery {
  width: 163.2px;
  /*margin-left: 0.5%;*/
  margin: initial;
  height: 460px;
  padding: initial;
  padding-left: 10px;
}
.DinnerContent {
  margin-left: 30px;
}
.DinnerImg {
  margin-bottom: 10px;
  position: relative;
}
.DinnerImg > img {
  width: 260px;
  height: 185px;
}
.DinnerImg > a > .Triangle {
  bottom: 6px;
}
.DinnerTitle,.DinnerText {
  width: 260px;
  margin-bottom: 10px;
  text-align: left;
}
.MiniLodgeGallery img {
  width: 100%;
  height: auto;
}
.LodgeGallery {
  width: 650px;
  /*margin-top: 15px;*/
}
.LodgeGallery img {
  width: 100%;
  height: auto;
}

#list_img img {
    cursor: pointer;
    height: 108px;
}
#clubhouse_list1 img {
    cursor: pointer;
    height: 108px;
}
#clubhouse_list2 img {
    cursor: pointer;
    height: 108px;
}
#list_img1 img {
    cursor: pointer;
    height: 107px;
}
#list_img2 img {
    cursor: pointer;
    height: 107px;
}
#list_img3 img {
    cursor: pointer;
    height: 107px;
}
#list_img4 img {
    cursor: pointer;
    height: 107px;
}
#list_img5 img {
    cursor: pointer;
    height: 107px;
}
#list_img6 img {
    cursor: pointer;
    height: 107px;
}
#list_img7 img {
    cursor: pointer;
    height: 107px;
}
#list_img8 img {
    cursor: pointer;
    height: 107px;
}
#list_img9 img {
    cursor: pointer;
    height: 107px;
}
#list_img10 img {
    cursor: pointer;
    height: 107px;
}
#list_img11 img {
    cursor: pointer;
    height: 107px;
}
#list_img12 img {
    cursor: pointer;
    height: 107px;
}
#list_img13 img {
    cursor: pointer;
    height: 107px;
}
#list_img14 img {
    cursor: pointer;
    height: 107px;
}
#list_img15 img {
    cursor: pointer;
    height: 107px;
}
#list_img16 img {
    cursor: pointer;
    height: 107px;
}
#list_img17 img {
    cursor: pointer;
    height: 107px;
}
#list_img18 img {
    cursor: pointer;
    height: 107px;
}
.NotesBox {
  width: 90.95%;
  margin: 0 auto;
  padding: 4.8% 0.95%;
  /*border-bottom: dashed 1px #4D4D4D;*/
}

.NotesBox p {
  text-align: left;
  margin: initial;
}

.NotesBox h4 {
  text-align: left;
  margin-bottom: 3.32%;
}

.NotesBox h4:before {
  color: #BE272D;
  content: "■  ";
  height: 10px;//四角のサイズ
  width: 10px;//四角のサイズ
}

.NotesBox span {
  color: #EEEEEE;
}

.NotesBox2 {
  width: 90.95%;
  margin: 0 auto;
  /*margin-bottom: 12%;*/
  /*padding: 4.8% 0.95% 0;*/
}

.NotesBox2 p {
  text-align: left;
  margin: initial;
}

.NotesBox2 h4 {
  text-align: left;
  margin-bottom: 3.32%;
}

.NotesBox2 h4:before {
  color: #BE272D;
  content: "■  ";
  height: 10px;//四角のサイズ
  width: 10px;//四角のサイズ
}

.NotesBox2 span {
  color: #EEEEEE;
}

.LastNotesBox {
  width: 90.95%;
  margin: 0 auto;
  padding: 4.8% 0.95%;
}

.LastNotesBox h4:before {
  color: #BE272D;
  content: "■  ";
  height: 10px;//四角のサイズ
  width: 10px;//四角のサイズ
}

.LastNotesBox span {
  color: #EEEEEE;
}

.LastNotesBox h4 {
  text-align: left;
  margin-bottom: 3.32%;
}

.DressCodeInfo {
  display: inline-block;
  margin-bottom: 140px;
  padding: 3.1% 0;
  background: #FFF;
  width: 90%;
  color: #4D4D4D;
}

.DressCodeInfo p {
  margin: initial;
}
/*ご利用料金灰色ボックス▼*/
.CreditCardBox {
  width: 100%;
  background-color: #E3E3E3;
  padding: 0.01% 17.75%;
}

.CreditCardBox > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.TravelAgentBox {
  width: 100%;
  margin-bottom: 3.4%;
}

.TravelAgentBox > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #E3E3E3;
  padding: 2.4% 5.7%;
}

.SiteLinkBox {
  width: 100%;
  margin-bottom: 3.4%;
}

.SiteLinkBox > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: #E3E3E3;
  padding: 2% 5.7%;
}

.SiteLinkBox img {
  width: 100%;
  height: auto;
}

/*ご利用料金灰色ボックス▲*/
.MenuBox {
  display: inline-block;
  width: 100%;
  margin-bottom: 11.5%;
  margin-top: 50px;
}

.MenuTop {
  display: inline-block;
  width: 70%;
}

.MenuBottom {
  display: inline-block;
  width: 70%;
  margin-top: 5.5%;
}

.MenuImg,.MenuIMg {
  width: 100%;
  height: 100%;
}
.MenuImgBox {
  position: relative;
  margin-left: 30px;
  width: 200px;
  height: 280px;
}
.MenuImgCenter {
  margin: 0 6%;
}
/*----------Policyページ div調整----------*/
.PolicyTextBox {
  margin-bottom: initial;
  display: inline-block;
  padding: 0.75% 0;
  background: #FFF;
  width: 90%;
  color: #4D4D4D;
}

.PolicyText {
  margin: 5.8% auto 0;
  width: 70%;
}

.PolicyTextNo {
  text-align: center;
  margin-bottom: 4.3%;
}

.PolicyMB {
  margin-bottom: 11%;
}
/*------------ご利用料金レイアウト-----------*/
.NaviContain {
  margin: 5% 2.5%;
  width: 95.5%;
}
.NaviMenu {
  padding: initial;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
}
.NaviItem {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.NaviItem a{
  text-decoration: none;
  color: #4d4d4d;
}


.NaviMargin {
  margin-bottom: 7%;
}

/*以下で線を表示*/
.NaviItem:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 130px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

.NaviArrow{
 position: absolute;
 width: 15px;
 height: 15px;
 border: 3px solid;
 border-color:  transparent transparent #BE272D #BE272D;
 transform: rotate(-45deg);
 top: 15%;
 right: -15.5%;
}

/*4列FlexContain 一番左*/
.FlexWidth19_61 {
 width: 19.61%;
}
/*4列FlexContain 左から２つ目*/
.FlexWidth18_22 {
 width: 18.22%;
}
/*4列FlexBox 右２つ*/
.FlexWidth33_6 {
 width: 33.6%;
}
/*4列FlexContainInner 左から1*/
.FlexWidth44_4 {
  width: 44.4%;
}
/*4列FlexContainInner 2*/
.FlexWidth56_4 {
 width: 56.4%;
}
/*4列ContainInner 3-4*/
.FlexWidth26_3 {
 width: 26.3%;
}
/*3列FlexContain 左*/
.FlexWidth27_41 {
 width: 27.41%;
}
/*３列FlexContain 右２つ*/
.FlexWidth39_15 {
 width: 39.15%;
}
/*2列FlexContainInner 左*/
.FlexWidth40_82 {
 width: 40.82%;
}
/*2列FlexContainInner 右*/
.FlexWidth64_67 {
 width: 64.67%;
}
/*ご利用料金FlexContainer Layout*/
/*１段目　左*/
.FlexWidth82_5 {
 width: 82.5%;
}
/*１段目-右　２段目-３列目-４列目*/
.FlexWidth19 {
 width: 19%;
}
/*２段目　１列目*/
.FlexWidth28_9 {
 width: 28.9%;
}
/*２段目　２列目*/
.FlexWidth33_3 {
 width: 33.3%;
}
/*コース　ホール欄*/
.FlexWidth172px {
 width: 172.75px;
}
.FlexWidth149px {
 width: 149px;
}
.FlexWidth80px {
 width: 80px;
}
.FlexWidth66px {
 width: 66.7px;
}

.RatesTextMini {
  margin-top: 1.75%;
  margin-left: 1.15%;
  width: 80%;
}

.RatesTextMini p {
  text-align: left;
  margin: initial;
}

/*---交通・アクセスレイアウト---*/

.TrafficContainer.M_Font {
    width: 99%;
}

.TrafficText {
    font-weight: lighter;
    color: #4d4d4d;
}

.TrafficBox {
    background: #4d4d4d;
    color: #fff;
    padding: 0.1em 1em;
    margin-bottom: 2.9em;
}
.TrafficImg {
  margin: 0 auto;
  width: 570px;
}

/*------------------Header------------------*/

header {
  background-color: #fbfbfb;
}

.HeaderWrap {
  width: 1000px;
  height: 100px;
  margin: 0 auto;
}

.HeaderMessage {
  background-color: #42210b;
  font-size: 12px;
  text-align: center;
  color: white;
  padding: 2px 0;
}

.HeaderTopContent {
  width: 333px;
  color: rgba(77, 77, 77, 0.7);
  margin-top: 5px;
}

.HeaderTopTitle {
  font-size: 16px;
  line-height:16px;
  color: #555555;
  font-weight: bold;
}

.HeaderSubTitle {
  font-size: 11px;
  line-height:20px;
}

.HeaderLink {
  font-size: 12px;
  position: relative;
  top: 20px;
  color: black;
  font-weight: bold;
  text-align: right;
  line-height: 2em;
}

.HeaderLink a {
  text-decoration: none;
  color: #555555;
}
.HeaderLink span {
  color: red;
  font-weight: bold;
}

.MojiSize {
  font-size: 12px;
  text-align: right;
}

.Language {
  font-size: 12px;
  text-align: left;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/


.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
  color: #767676;
}

.main-navigation {
  clear: both;
  display: block;
}

.main-navigation ul {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0 1.5em;
  text-align: left;
}

.dropdown-toggle {
  /*display: none;*/
}

.icon-angle-down {
  /*display: none;*/
}

.navigation-top {
  background-color: #333333;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
}

.navigation-top a {
  color: #222;
  font-weight: 600;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

li {
  list-style: none;
}

ul,
menu,
dir {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.custom-header {
  /*position: relative;
  margin-bottom: 60px;*/
}

.site-branding {
  padding: 0px;
}

.menu li+li {
  border-left: none;
}
/*
.navigation-top .menu li {
*/
.menu li {
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 0px;
  padding:10px 0px;
  float: left;
  /*
  background-color: #333333;
  */
}

.navigation-top .menu li a {
  color: #fbfbfb;
  display: block;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  border-left: 1px solid #fbfbfb;
  border-right: 1px solid #fbfbfb;
  width: 166px;
}

.main-navigation ul ul {
  background: #333333;
  border: 0px solid #bbb;
  left: -999em;
  padding: 0;
  position: absolute;
  top: 100%;
  z-index: 99999;
  opacity: 0.9;
}

.sub-menu li {
  left: 0px;
  display: block;
  height: 0;
  padding:0px;
  background: #333333;
  color: #1F3D39;
  transition:all .5s linear;
}
.menu > li:hover li {
  padding: 10px 0px;
  width: 100%;
  height: 52px;
  transition:all .3s linear;
}


.main-navigation ul ul li a {
  display: initial;
  color: #fbfbfb;
  display: block;
  font-size: 14px;
  line-height: 1;
  border-left: 0px solid #fbfbfb !important;
  border-right: 0px solid #fbfbfb !important;
  text-decoration: none;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  width: 169px;
}

.main-navigation a {
  padding: 2px 0px;
}

.menu li span::before {
  content: "\A" ;
  white-space: pre ;
}

.menu li span {
  font-size: 11px;
  color: rgba(89, 89, 89, 2);
}

.navigation-top .wrap {
  max-width: 1000px;
  padding: 0;
}

.main-navigation {
  clear: both;
  display: block;
}

.main-navigation ul {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0 1.5em;
  text-align: left;
}

.navigation-top {
  display: -webkit-box;
  padding: 0px 10px;
}

/*------------------Footer------------------*/

.site-footer {
  width: 100%;
  background-color: brown;
  color: white;
}

.FooterMain {
  width: 1000px;
  margin: 0 auto;
}

.FooterHr {
  height: 1px;
  position: relative;
}

.FooterBackground{
  text-align: center;
  background: linear-gradient(-135deg, #522400, #341700);
  color: #FFFFFF;
  text-decoration: none;
  width: 100%;
}

.HrColorBrown {
  background-color: brown;
}

.HrColorWhite {
  background-color: white;
}

.FooterContent {
  margin: 10px 0;
}

.LinkContent {
  width: 200px;
  margin-bottom: 10px;
  font-size: 10px;
  text-align: left;
}

#footer-menu .menu li {
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 0px;
  float: left;
  width: 240px;
}

#footer-menu .menu li a {
  color: #FFFFFF;
}

.LinkContent a {
  color: #FFFFFF;
}

.LinkContentWrap {
  margin: 10px auto;
  width: 800px;
}

.Copyright {
  font-size: 12px;
  color: rgb(255, 255, 255);
}

.PageUpMark {
  height: 75px;
  width: 75px;
  background-color: gray;
  border-radius: 50%;
  position: absolute;
  left: 75%;
  top: -60px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

.PageUpMark a {
  text-decoration: none;
}

.PageUpMarkContent {
  padding: 15px;
  font-size: 13px;
  color: rgb(255, 255, 255);
  width: 75px;
}

.PageUpMarkText {
  width: 37.5px;
  margin: 0 auto;
}

/* お問い合わせページ */
.NameSeiTxtBox {
  width: 300px;
}
.NameMeiTxtBox {
  width: 300px;
  margin-left: 60px;
}

.NameSeiKanaTxtBox {
  width: 300px;
}

.NameMeiKanaTxtBox {
  width: 300px;
  margin-left: 60px;
}

.contactTxt {
  display: inline-block;
  width: 300px;
}
.contactTxtPhone {
  display: inline-block;
  width: 210px;
}
.haihun {
  margin-left: 5px;
  margin-right: 5px;
}

.PhoneTxtBox1 {
  width: 210px;
}

.PhoneTxtBox2 {
  width: 210px;
}

.PhoneTxtBox3 {
  width: 210px;
}

.MailTxtBox {
  display: inline-block;
  width: 664px;
}
.MailTxt {
  display: inline-block;
  width: 664px;
}
.ContactContent {
  width: 664px;
}
.ContactTxt {
  width: 664px;
}
.mw_wp_form_confirm .PhoneTxtBox1 {
  width: auto;
}
.mw_wp_form_confirm .PhoneTxtBox2 {
  width: auto;
}
.mw_wp_form_confirm .PhoneTxtBox3 {
  width: auto;
}
.FormConfirmBtn {
  text-align: center;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  padding: 20px 200px;
  color: white;
  display: inline-block;
  background: black;
  width: 500px;
}

.ContactFormConfirmBox {
  margin: 40px auto;
  width: 500px;
}

.ContactFormBox {
  padding: 40px 0;
  font-size: 20px;
  border-bottom: medium dotted gray;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.ContactFormBoxTitle {
  width: 220px
}

/* topページ　*/
.InfomationWrap {
  width: 1000px;
  margin: 0 auto;
}

.InfomationBox {
  color: #42210b;
  width: 490px;
}

.InfomationTitleBox {
  width: 490px;
  border: solid 2px #42210b;
  padding: 5px 10px;
}

.InfomationTitleBox span {
  font-size: 12px;
}

.InfomationTitle {
  width: 300px;
}

.InfomationBtnBox {
}

.InfomationBtn {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 0px 20px;
  background-color: brown;
}

.InfomationContentBox {
  height: 80px;
  width: 450px;
  margin-top: 5px;
  padding: 10px;
  background-color: white;
  overflow: scroll;
}

.InfomationContent {
  margin: 5px;
}

.InfomationDay {
  background-color: #42210b;
  color: white;
  width: 60px;
  font-size: 9px;
  padding: 3px;
}

.InfomationMessage {
  width: 320px;
  font-size: 11px;
  color: #42210b;
  margin-left: 5px;
  padding: 3px;
}

/* 佐藤さん追記分ほぼトップページとヘッダーとフッター部分について */

.Wrapper{
  width:1000px;
  margin:0px auto;
}
.LeftText{
  float:left;
}
.RightText{
  float:right;
}
.FontWhite{
  color:#FFFFFF;
}
@media (max-width: 480px) {
  .Wrapper {
    width: 380px;
  }
	.video{
	  position:relative;
	  width:100%;
	}
	.video iframe{
	  position:absolute;
	  top:0;
	  right:0;
	  width:100%;
	  height:100%;
	}
}
.VideoWrapper{
	width:100%;
	background-color:#333333;
	text-align:center;
	padding:20px;
	margin:0px auto;
}
/* ▲共通部 */
/* ▼メニュー */
#MainMenu{
  background-color:#333333;
  width:100%;
  height:52px;
}
#MainMenu a{
  text-decoration:none;
}
#MainMenu a:hover{
  text-decoration:none;
}
#MainMenu .MenuLine{
  float:left;
  border-left:1px solid #757575;
  height:32px;
  margin:10px 0px;
}
#MainMenu a.MenuMethod{
  float:left;
  width:150px;
  text-align:center;
}
#MainMenu .MenuJpn{
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color:#FFFFFF;
    padding:12px 0px 0px 0px;;
}
#MainMenu .MenuEng{
  font-family: 'Century','Book Antiqua';
  color:#757575;
  padding:3px 0px 0px 0px;
  font-size:11px;
}
/* ▲メニュー */

/* ▼ヘッダー */

.CountryImgWrap {
  margin-left: 5px;
}

.MojiSizeWrap {
  margin-left: 5px;
  border: solid 1px #000000;
  padding: 1px 2px;
  font-size: 10px;
}

.HeaderTopTitle a {
  text-decoration: none;
  color: #555555;
}
.HeaderSubTitle a {
  text-decoration: none;
  color: #555555;
}

#Header{

}
#Header .HeadUpperPart{
  background: linear-gradient(-135deg, #023303, #0d7a10);
  text-decoration: none;
  width: 100%;
  padding:5px 0px;
  font-size:12px;
  height: 30px;
}
#Header .HeadUpperPartSecond{
  background: linear-gradient(-135deg, #522400, #341700);
  text-decoration: none;
  width: 100%;
  padding:5px 0px;
  font-size:12px;
  height: 30px;
}
#Header .HeadCenterPart{
  background: linear-gradient(-135deg, #FFFFFF, #EEEEEE);
  padding:20px 0px;
}
#Header .LeftPart{
  float:left;
  width:400px;
}
#Header .CenterPart{
  float:left;
  width:200px;
}
#Header .RightPart{
  float:left;
  width:400px;
}
/* ▲ヘッダー */
/* ▼フッダー */
.Ar {
  width: 15px;
  height: 15px;
  border: 5px solid;
  border-color: transparent transparent #FFFFFF #FFFFFF;
  transform: rotate(135deg);
  margin-left: 10px;
}
/* グリーン */
.FooterWrap {
  background: linear-gradient(-135deg, #023303, #0d7a10);
}
/* ブラウン */
.FooterWrapSecond {
  background: linear-gradient(-135deg, #522400, #341700);
}
#Footer{
  text-decoration: none;
  padding: 13px;
  width: 100%;
  padding:5px 0px;
  font-size:13px;
}
#Footer .FootLine{
  border-top:1px solid #FFFFFF;
  margin:2px 0px 30px 0px;
}
#Footer .FooterTextSmall{
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  margin: 20px 0px 0px 0px;
}
#Footer .FooterTextBig{
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:24px;
  color:#FFFFFF;
  text-align:center;
  margin: 20px 0px 0px 0px;
}
#Footer .FootMenuWrapper{
  margin: 50px auto 50px;
  width: 900px;
}
.FootMenuContent {
  padding-left: 100px;
}
#Footer .FootMenuFloat{
  float: left;
  width: 150px;
}
#Footer .FootMenu{
  float: left;
  margin: 20px 0px 20px 0px;
  width: 200px;
  color: #FFFFFF;
  text-decoration: none;
}
#Footer .FootMenu:before{
  padding-right: 5px;
  content: "\025b6";
}
/* ▲フッダー */
/* ▼クリアフィックス */
.clearfix:after{
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}
/*\*/
* html .clearfix {
    height: 1em;
}
.clearfix{
  zoom: 1;
}
/* ▲クリアフィックス */
/* ▼リンク */
a{
  transition: 1.0s;
}
/* ▲リンク */
/* ▼スクロールバー */
#ScrollAccent
::-webkit-scrollbar {
    width: 3px;
}
#ScrollAccent
::-webkit-scrollbar-track {
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
#ScrollAccent
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 50, .5);
  border-radius: 3px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
/* ▲スクロールバー */
/* ▼変形（丸） */
.CircleImage {
  border-radius: 300px;
  height: 300px;
  width: 300px;
  border:10px solid #FFFFFF;
  z-index:20;
  position: relative;
  margin-bottom:30px;
}
.CircleWrapper{
  float: left;
  position: relative;
}
.CircleText{
  color:#777777;
  font-size:24px;
  text-align:center;
  width:290px;
  position: absolute;
  top:115px;
  left:5px;
  background-color:#FFFFFF;
  padding:16px 0px;
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  z-index:20;
}
.CircleText02{
  color:#FFFFFF;
  font-size:15px;
  text-align:center;
  width:300px;
  position: absolute;
  top:175px;
  left:0px;
  padding:16px 0px;
  font-family: 'Century','Book Antiqua';
  text-shadow: 2px 2px 10px rgba(0,0,0,0.3), -2px 2px 10px rgba(0,0,0,0.3), 2px -2px 10px rgba(0,0,0,0.3), -2px -2px 10px rgba(0,0,0,0.3);
  z-index:20;
}
.CircleShadow{
  background:url("./Image/Home/Shadow.png") no-repeat;
  position: absolute;
  top:254px;
  /*left:10px;*/
  width:300px;
  height:90px;
  z-index:10;
}
/* ▲変形（丸） */
/* ▼丸角 */
.Corner{
  border-radius: 10px; /* CSS3 */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari,Chrome */
  behavior: url(./ie_css3/PIE.htc);€/* IE */
}
.CornerBottom{
  -webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
}
/* ▲丸角 */
/* ▼トップページjQuery用 */
.TopUpperImage{
  width:100%;
  height:160px;
  object-fit:cover;
}
.TopUpperImageWrapper{
margin: 7px 0px 7px 0px;

}
.TopUpperTextWrapper{
  margin:10px 0px 0px 0px;
  width:100%;
  height:150px;
  background: linear-gradient(-100deg, #23a538, #000);
    color: #fff;
}
.TopUpperText{
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 5px 10px 1px 11vw;
    font-size: 18px;
    line-height: 35px;
    width: 550px;
}
.TopLeftSlider{
  width:39%;
  float:left;
}
.TopRightSlider{
  width:60%;
  float:right;
}
.slick-dots{
  bottom:10px;
}
#fb_page_plugin_area {
  width: 480px;
}
.instaIframe {
  width: 480px;
}
/* ▲トップページjQuery用 */
/* ▼更新事項 */
.NewsWrapper{
  margin:50px 0px;
  width:490px;
  float:left;
}
.NewsTitle{
  border:1px solid #42210B;
  padding:10px 10px 10px 0px;
}
.NewsTitleEng{
  font-family: 'Century','Book Antiqua';
  float:left;
  font-size:18px;
  padding:0px 0px 0px 15px;
}
.NewsTitleJpn{
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  float:left;
  font-size:14px;
  color:#996633;
  padding:5px 0px 0px 10px;
}
.NewsTitleLink{
  float:right;
  width:100px;
  font-family: 'Century','Book Antiqua';
  background-color:#42210B;
  color:#FFFFFF !important;
  text-align:center;
  padding:5px 0px;
  text-decoration:none;
  font-size:11px;
}
.NewsTextarea{
  margin:10px 0px 0px 0px;
  width:490px;
  height:300px;
  background-color:#FFFFFF;
  padding:0px 0px 10px 0px;
  overflow-y: scroll;
}
.NewsDate{
  background-color:#42210B;
  color:#FFFFFF;
  padding:3px 0px;
  width:100px;
  text-align:center;
  float:left;
  margin:10px 0px 0px 10px;
  font-size:12px;
}
.NewsText{
  padding:13px 0px 5px 10px;
  float:left;
  width:360px;
  font-size:12px;
}
.NewsText a {
  color: #42210B;
  text-decoration: none;
}
.NewsText,.NewsText a:hover {
  color: red;
}
/* ▲更新事項 */
/* ▼トップページ説明文 */
.TerminalImage{
  width:100%;
  height:610px;
  object-fit:cover;
}
.MethodImageWrapper{
  position: relative;
}
.Method{
  margin:100px 0px 0px 0px;
}
.MethodTextSP {
  display: none;
}
.MethodBigA {
  float: left;
  position: relative;
  width: 40%;
  height: 610px;
}
.MethodImage01TextA {
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  position: absolute;
  font-size: 45px;
  color: #FFFFFF;
  top: 0;
  right: 0;
  text-shadow: 2px 2px 10px rgba(0,0,0,0.3), -2px 2px 10px rgba(0,0,0,0.3), 2px -2px 10px rgba(0,0,0,0.3), -2px -2px 10px rgba(0,0,0,0.3);
  padding: 60px 10px 0px 0px;
}
.MethodSmallA {
  float: left;
  width:60%;
}
.MethodImage02TextA {
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 48px;
  color: #3E3A39;
  padding: 60px 10px 10px 10px;
}
.MethodImage02A {
  float: left;
  margin: 0px 0px 0px 0px;
}
.MethodImage03A {
  float: left;
  margin: 0px 0px 0px 3px;
}
.MethodTitleA {
  width: 530px;
  margin: 10px 0px 0px 30px;
  line-height: 20px;
  font-size:20px;
  color: #4d4d4d;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.MethodTextA {
  width: 530px;
  margin: 30px 0px 30px 30px;
  line-height: 20px;
  color: #4d4d4d;
}
.MethodImage0203A{
  width:530px;
  margin:0px 0px 0px 30px;
}
/*-------------------------------------------------*/
.MethodBigB {
  float: right;
  position: relative;
  width: 40%;
  height: 610px;
}
.MethodImage01TextB {
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  position: absolute;
  font-size: 48px;
  color: #FFFFFF;
  top: 0;
  left: 0;
  text-shadow: 2px 2px 10px rgba(0,0,0,0.3), -2px 2px 10px rgba(0,0,0,0.3), 2px -2px 10px rgba(0,0,0,0.3), -2px -2px 10px rgba(0,0,0,0.3);
  padding: 60px 0px 0px 10px;
}
.MethodSmallB {
  float: right;
  width:60%;
}
.MethodImage02TextB {
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 48px;
  text-align: right;
  color: #3E3A39;
  padding: 60px 10px 10px 0px;
}
.MethodImage02B {
  float: right;
  margin: 0px 0px 0px 0px;
}
.MethodImage03B {
  float: right;
  margin: 0px 3px 0px 0px;
}
.MethodTitleB {
  width: 530px;
  margin: 10px 30px 0px 0px;
  line-height: 20px;
  font-size:20px;
  color: #4d4d4d;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    float:right;
    text-align:right;
}
.MethodBWrap {
  width: 530px;
  float: right;
}
.MethodTextB {
  width: 530px;
  margin: 30px 30px 30px 0px;
  line-height: 20px;
  color: #4d4d4d;
    float:right;
}
.MethodImage0203B{
  width:530px;
  margin:0px 30px 0px 0px;
  float:right;
}
/* ▲トップページ説明文 */
/* ▼アクセス背景 1*/
.AccessBackGround{
  background:url("./Image/Home/AccessBackground.png") no-repeat;
  background-position:bottom center;
  width:100%;
  height:2450px;
}
.AccessBackGround2{
  background:url("./Image/Home/AccessBackground.png") no-repeat;
  background-position:bottom center;
  width:100%;
  height:1940px;
}
.AccessWrapper{
  margin: 630px 0px 0px 350px;
}
.AccessTitle{
  font-family: 'Century','Book Antiqua';
  font-size: 48px;
  color: #42210B;
  margin:100px 0px 0px 0px;
}
.AccessText01{
  background-color:#42210B;
  color:#FFFFFF;
  padding:10px 0px 10px 20px;
  font-size:13px;
}
.AccessText02{
  color:#42210B;
  padding:10px 0px 10px 20px;
  font-size:13px;
}
.MapWrapper {
  margin-bottom: 100px;
}
/* ▲アクセス背景 1*/
.MarginLeft20{
  margin-left:20px;
}
.MarginLeft66{
  margin-left:66px;
}
.MarginLeft163{
  margin-left:163px;
}

/* ツアートーナメント */
.FlexWidth30 {
  width: 30%;
}

.FlexWidth70 {
  width: 70%;
}

.JobContentsBox {
  width: 500px;
  font-size: 15px;
/*  font-weight: bold;*/
  margin-left: 30px;
}

.JobOfferImgWrap {
  width: 470px;
}

.JobOfferImg {
  width: 100%;
}

.TextGreen {
  color: #0ed76d;
}

.BackGreen {
  background-color: #0ed76d;
}

.TextBrown {
  color: #754C24;
}

.BackBrown {
  background-color: #754C24;
}

.TourContent {
  margin-bottom: 8em;
}
.TourBox {
  width: 440px;
  height: 430px;
  background-color: #FFFFFF;
  text-align: center;
  position: relative;
}
.TourYear {
    font-size: 50px;
    position: absolute;
    top: -0.7em;
    left: 3.2em;
    font-weight: 700;
    color: #4D4D4D;
}
.TourDay {
    font-size: 22px;
    padding: 12% 0 8%;
    border-bottom: dashed 1px #808080;
    width: 82%;
    margin: 0 auto 0;
}
.TourName {
    font-size: 23px;
    margin-top: 20px;
    font-weight: 600;
}
.TourOpen {
    width: 350px;
    margin: 5% auto 0;
    font-size: 17px;
    color: #fff;
    padding: 0.2em;
}
.TourImage {
    margin: 2em auto 0;
}

.TourChamp {
    width: 300px;
    font-size: 17px;
    margin: 1em auto 3.1em;
}
.ChampLabel {
    color: #fff;
    padding: 0.2em 0.9em;
    margin-left: 0.5em;
}
.ChampName {
    padding: 0.2em 0.7em;
    font-weight: 600;
    width: 200px;
}
.TourLinkArrow {
    position: absolute;
    width: 25px;
    height: 25px;
    border: 1px solid;
    border-color: transparent transparent #808080 #808080;
    transform: rotate(-45deg);
    bottom: -1%;
    left: 48%;
}

.LinkerArrow{
  background-image:url(./Image/arrow.png);
  background-repeat: no-repeat;
  background-position:right;
}
.Linker {
  position: relative;
  z-index: 2;
  color: #FFFFFF;
  overflow: hidden;
  /*background:linear-gradient(90deg,#c32527 0%,#c32527 445px,#99262a 55px);*/
}
.LinkerGray {
  background:linear-gradient(90deg,#4d4d4d 0%,#4d4d4d 445px,#333333 55px);
}
.LinkerBrown {
  background:linear-gradient(90deg,#a37c51 0%,#a37c51 445px,#896239 55px);
}
.LinkerBrownUp {
  background:linear-gradient(90deg,#896239 0%,#896239 445px,#764c24 55px);
}
.LinkerGray450 {
  background:linear-gradient(90deg,#4d4d4d 0%,#4d4d4d 395px,#333333 55px);
}
.LinkerBrown450 {
  background:linear-gradient(90deg,#a37c51 0%,#a37c51 395px,#896239 55px);
}
.LinkerBrownUp450 {
  background:linear-gradient(90deg,#896239 0%,#896239 395px,#764c24 55px);
}
.LinkerGray350 {
  background:linear-gradient(90deg,#4d4d4d 0%,#4d4d4d 295px,#333333 55px);
}
.LinkerBrown350 {
  background:linear-gradient(90deg,#a37c51 0%,#a37c51 295px,#896239 55px);
}
.LinkerBrownUp350 {
  background:linear-gradient(90deg,#896239 0%,#896239 295px,#764c24 55px);
}
.LinkerTextWrap500 {
  text-align: center;
  width: 445px;
}
.LinkerTextWrap450 {
  text-align: center;
  width: 395px;
}
.LinkerTextWrap350 {
  text-align: center;
  width: 295px;
}
.Linker::after {
  top: 0%;
  left: 100%;
  width: 100%;
  height: 100%;
}
.Linker:hover::after {
  top: 0;
  left: 0;
}
.LinkerGray:hover::after {
  background-color: #333333;
}
.LinkerBrown:hover::after {
  background-color: #896239;
}
.LinkerBrownUp:hover::after {
  background-color: #764c24;
}
.LinkerGray450:hover::after {
  background-color: #333333;
}
.LinkerBrown450:hover::after {
  background-color: #896239;
}
.LinkerBrownUp450:hover::after {
  background-color: #764c24;
}
.LinkerGray350:hover::after {
  background-color: #333333;
}
.LinkerBrown350:hover::after {
  background-color: #896239;
}
.LinkerBrownUp350:hover::after {
  background-color: #764c24;
}
.Linker {
  display: inline-block;
  /*width: 500px;*/
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.Linker::before,
.Linker::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.Linker,
.Linker::before,
.Linker::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.LinkerWrap {
  margin: 0 auto;
}
.LinkerWrap a {
    opacity: initial;
}
.LinkButtonWidth500 {
  width: 500px;
}
.LinkButtonWidth500 a {
    opacity: initial;
}
.LinkButtonWidth450 {
  width: 450px;
}
.LinkButtonWidth450 a {
    opacity: initial;
}
.LinkButtonWidth350 {
  width: 350px;
}
.LinkButtonWidth350 a {
    opacity: initial;
}
#textsize a {
  text-decoration: none;
  color: black;
}

.textresizer-active .MojiSizeWrap {
  background-color: gray;
  color: white;
}


/* アコーディオン用 */
.accordion1 .inner {
  display: none;
  text-align: left;
  padding: 20px;
}
.BorderGrey {
  border: solid 1px #666;
  color: #42210B;
}
.accordion2 .NewsText .inner {
  display: none;
  text-align: left;
  padding: 20px 20px 40px;
}

.accordion1 p {
  cursor: pointer;
  padding: 0px 10px 10px 10px;
}
.pointer {
  cursor: pointer;
}
.LongTitle{
  width:100%;
  display: flex;
  align-items: center;
  margin:100px 0px 50px 0px;
}
.LongTitle:before, .LongTitle:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #444;
  display: block;
}
.LongTitle:before {
  margin-right: 60px;
}
.LongTitle:after {
  margin-left: 60px;
}
.LongTitleBg{

}
.LongTitleEng {
  color: #555555;
  font-size: 34px;
  text-align: center;
  margin: 0px 0px 0px 0px;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
.LongTitleJpn {
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #999999;
    font-size: 15px;
    text-align: center;
    /*margin: 5px 0px 0px;*/
}
.accordion_icon,
.accordion_icon span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.accordion_icon {
 position: relative;
 width: 30px;
 height: 30px;
 float: right;
 margin-right: 5px;
}
.accordion_icon span {
 position: absolute;
   left: 6px;
   width: 50%;
 height: 2px;
   background-color: #F88789;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 -ms-border-radius: 4px;
 -moz-border-radius: 4px;
 -o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
   top: 10px;
 transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
   top: 10px;
 transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
}
/＊＋、－切り替え＊/
.accordion_icon.active span:nth-of-type(1) {
 display:none;
}
.accordion_icon.active span:nth-of-type(2) {
 top: 10px;
 transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
}

.accordion_icon_top,
.accordion_icon_top span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.accordion_icon_top {
 position: relative;
 width: 30px;
 height: 15px;
 margin-right: 5px;
}
.accordion_icon_top span {
 position: absolute;
   left: 6px;
   width: 50%;
 height: 2px;
   background-color: #F88789;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 -ms-border-radius: 4px;
 -moz-border-radius: 4px;
 -o-border-radius: 4px;
}
.accordion_icon_top span:nth-of-type(1) {
   top: 10px;
 transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
}
.accordion_icon_top span:nth-of-type(2) {
   top: 10px;
 transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
}
/＊＋、－切り替え＊/
.accordion_icon_top.active span:nth-of-type(1) {
 display:none;
}
.accordion_icon_top.active span:nth-of-type(2) {
 top: 10px;
 transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
}

/*文言レイアウト最終調整*/
.TextAdjust1 {
 margin-left: 13px !important;
}
.TextAdjust2 {
 margin-left: 195px !important;
}
/*オープンコンペレイアウト補足*/
.CompeName a {
  color: #42210B;
}
.CompeName a:hover {
  color: red;
}

.TopImageWrap {
  width: 60vw;
  height: auto;
  max-height: 715px;
  min-width: 1000px;
  min-height: 640px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.TopSubImageWrap {
  width: 39vw;
  height: auto;
  min-width: 600px;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.TopSubImageWrap a {
  width: 100%;
  height: auto;
  object-fit: cover;
  flex-shrink: 0;
}

.TopImageWrap a {
  width: 100%;
  height: auto;
  object-fit: cover;
  flex-shrink: 0;
}
.TopTerminalImage {
  width: 100%;
  height: auto;
  object-fit: cover;
  flex-shrink: 0;
}

.TopSubTerminalImage {
  width: 100%;
  height: auto;
  object-fit: cover;
  flex-shrink: 0;
}

.HoleStructureTitle {
  font-size: 30px;
  font-weight: bold;
  text-decoration: underline;
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.HoleStructureTitlePos1 {
  position: relative;
  top: 60px;
  left: 14px;
}
.HoleStructureTitlePos2 {
    position: relative;
    top: 50px;
    left: 10px;
}
.HoleStructureTitlePos3 {
  position: relative;
  top: 30px;
  left: 10px;
}
.HoleStructureTitlePos4 {
  position: relative;
  top: 70px;
  left: 10px;
}
.HoleStructureMessage {
    padding: 10px;
    margin-bottom: 50px;
}
.NewsBoxWrap a {
  color: #42210b;
  text-decoration: none;
}
.NewsBoxWrap a:visited {
  color: #42210b;
}
.NewsBox {
    width: 750px;
    margin: 0 auto;
    padding: 2.35% 0.95%;
  border-bottom: dashed 1px #4D4D4D;
}
.NewsBoxDate {
    width: 112px;
    padding: 2px 10px;
    border: solid 1px;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
}
.NewsBoxTitle {
  padding: 2px;
  margin-left: 35px;
  display: inline-block;
  width: 550px;
}

/*ーーーーオープンコンペ詳細ーーーー*/
.CompeDatailContain {
  background-color: #fff;
/*  height: 880px;*/
  padding: 90px 50px 50px;
}
.CompeTitleBox {
  display: inline-block;
  text-align: center;
  font-size: 24px;
  color: #42210b;
/*  margin-top: 90px;*/
}
.DetailBox {
/*    margin-top: 90px;*/
    width: 880px;
    margin: 90px auto 0;
}
/*single-news.php用*/
.DatailName {
  display: inline-block;
  width: 180px;
  padding: 3px;
  margin-left: 10px;
}
/*single-compe.php用*/
.DatailName1 {
  padding: 3px;
  margin-left: 10px;
  width: 160px;
}
.DatailName2 {
  padding: 3px;
  margin-left: 10px;
  width: 160px;
}
.DatailName3 {
  padding: 3px;
  margin-left: 10px;
  width: 100px;
}
.DatailNameBox {
  display: inline-block;
    background-color: #42210b;
    color: #fff;
    padding: 3px;
    width: 100px;
/*  margin-left: 10px;*/
}
.CompeDatailImage {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 60px;
}
.DatailWrap {
  width: 270px;
}
.MoreDatailWrap {
  width: 700px;
    margin: 0 auto;
}
.MoreDatailBox {
    margin-bottom: 14px;
    width: 700px;
}
.MoreDatailTitle {
    width: 112px;
    padding: 2px 10px;
    border: solid 1px;
    border-radius: 10px;
    text-align: center;
}
.MoreDatailContent {
  width: 500px;
  padding: 2px;
  margin-left: 30px;
  text-align: left;
}
.BrowserBackBtn {
  width: 230px;
    border: solid 1px #42210b;
    padding: 4px 0;
    color: #42210b;
    margin: 15px 0;
}
.NewsBrowserBackBtn {
  width: 230px;
    border: solid 1px #42210b;
    padding: 4px 0;
    color: #42210b;
}
.BrowserBackArrow {
  transform: rotate(180deg);
    line-height: 15px;
    margin-left: 15px;
    font-weight: bold;
}
.BrowserBackText {
  margin-left: 10px;
  line-height: 20px;
}
.CompeDatailNote {
  width: 650px;
  margin: 110px auto 65px;
}
.CompeTextSpace:before {
  content: "※";
  visibility: hidden;
  font-size: 10px;
}
.CompeDatailNoteText {
  margin-bottom: 5px;
}
/*↑ーーオープンコンペ詳細ーー↑*/

.NewsDatailContain {
  width: 1000px;
  background-color: #FFF;
  padding: 30px 25px 120px;
}
.NewsTitleBox {
  display: inline-block;
  width: 700px;
  font-size: 24px;
}
.NewsDatailImage {
  width: 950px;
}
.NewsDatailImage  img {
  width: 100%;
}
.NewsDatailWrap {
  margin: 70px auto 20px;
}
.NewsDatailBox {
  width: 330px;
}
.NewsDatailImage img {
  width: 100%;
  height: auto;
}
.NewsDatailText {
  width: 850px;
  text-align: left;
  margin: 70px auto 20px;
}

/* 提携コース */
@media (max-width: 480px) {
  . {
    : ;
  }
}

#Teikei1, #Teikei2, #Teikei3, #Teikei4, #Teikei5, #Teikei6, #Teikei7, #Teikei8, #Teikei9, #Teikei10, #Teikei11, #Teikei12, #Teikei13, #Teikei14, #Teikei15 {
  height: 80px;
}
.TeikeiAccessBackGround{
  background:url("https://www.total-web-support.com/tojigaoka/wp-content/uploads/image/teikei_01.png") no-repeat;
  /*background-position: center;*/
  width:1200px;
  margin: 0 auto;
  height:1100px;
  position: relative;
}
.TeikeiMark01 {
  position: absolute;
  top: 731px;
  left: 316px;
}
.TeikeiMark02 {
  position: absolute;
  top: 860px;
  left: 330px;
}
.TeikeiMark03 {
  position: absolute;
  top: 811px;
  left: 345px;
}
.TeikeiMark04 {
  position: absolute;
  top: 774px;
  left: 415px;
}
.TeikeiMark05 {
  position: absolute;
  top: 826px;
  left: 368px;
}
.TeikeiMark06 {
  position: absolute;
  top: 748px;
  left: 608px;
}
.TeikeiMark07 {
  position: absolute;
  top: 684px;
  left: 735px;
}
.TeikeiMark08 {
  position: absolute;
  top: 656px;
  left: 706px;
}
.TeikeiMark09 {
  position: absolute;
  top: 875px;
  left: 131px;
}
.TeikeiMark10 {
  position: absolute;
  top: 729px;
  left: 703px;
}
.TeikeiMark11 {
  position: absolute;
  top: 818px;
  left: 178px;
}
.TeikeiMark12 {
  position: absolute;
  top: 804px;
  left: 247px;
}
.TeikeiMark13 {
  position: absolute;
  top: 1029px;
  left: 827px;
}
.TeikeiMark14 {
  position: absolute;
  top: 757px;
  left: 532px;
}
.TeikeiMark15 {
  position: absolute;
  top: 197px;
  left: 803px;
}
.TeikeiCourseWrap {
  margin-bottom: 20px;
}
.TeikeiCourseName {
  width: 573px;
  font-size: 22px;
  border-bottom: 1px solid black;
  line-height: 2;
  margin: 15px auto;
}
.TeikeiCourseNameGreenNo {
  color: #ffffff;
  background-color: #006836;
  width: 22px;
  height: 22px;
  margin-top: 11px;
  font-size: 12px;
  line-height: 1.9;
  text-align: center;
}
.CourseName {
  margin-left: 10px;
  color: #006836;
}
.TeikeiMark {
  margin: 7px 0 0 13px;
}
.TeikeiCourseInfo {
  width: 580px;
  float: left;
}
.FlexWidth25 {
  width: 25%;
  background-color: #cbcbcb;
  margin: 0.17%;
  padding: 2% 0;
}
.FlexWidth75 {
  width: 75%;
  background-color: white;
  text-align: left;
  margin: 0.17%;
  padding: 2% 0;
  text-indent: 10px;
}
.FlexWidth75 a {
  text-decoration: none;
  color: #4D4D4D;
}
.TeikeiCourseImgWrap {
  width: 390px;
  float: right;
}
.TeikeiCourseImg {
  width: 100%;
}
.TeikeiCourseMap {
  width: 100%;
  height: 450px;
  margin-bottom: 100px;
}
.Height42 {
  height: 42px;
}
.TeikeiCourseMapTitleTop {
 display: none;
}
.TeikeiCourseMapTop {
 display: none;
}
.iframe {
  width: 480px;
  height: 435px;
}
.mw_wp_form .error {
  font-size: 93%;
  color: #B70000;
  display: block;
}
.fontRed {
  color: red;
  text-decoration: none;
}
.NotesBox3 {
  width: 90.95%;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 20px;
  border-bottom: dashed 1px #4D4D4D;
  margin-bottom: 20px;
}
.OtherReserveText3 {
  width: 30em;
  margin-left: 1em;
}
.slider{
  display: none;
}
.slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

/* コースのギャラリーに動画を追加するための追記 */
.MiniLodgeGallery video {
  width: 100%;
  cursor: pointer;
  height: 107px;
  margin-bottom: 0.5rem;
}
.GalleryView video {
    width: 100%;
    height: 453px;
}