@charset "UTF-8";
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
  margin: 0;
}
address,caption,cite,code,dfn,em,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
strong{font-weight: bold;}

ol, ul {list-style: none;}
a {text-decoration: none;}



p {font-size: 16px;line-height: normal;}
@media (max-width: 769px){
  p {font-size: 14px;}
  li{font-size: 12px;}
}

img{width: 100%;vertical-align: top;}

body{
	font-family: "游ゴシック体 Medium", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #000;
  color: #fff;
  text-align: left;
}


/* 改行指定 ---------------------------------------*/
@media (min-width: 769px){ 
  .br-sp {display:none !important;}
}
@media (max-width: 768px){ 
  .br-pc {display:none !important;}
}

/* float ---------------------------------------*/
.float_r{float: right;}
.float_l{float:left;}
@media (max-width: 768px) {.float_r,.float_l{float:none;}}
.float_end{clear:both;}

/* display設定 ---------------------------------------*/
@media (min-width: 769px){ 
  .sp_only{display: none !important;}
}
@media (max-width: 768px) {
  .pc_only{display:none !important;}
}

/* flex設定 ---------------------------------------*/
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}

/* aline設定 ---------------------------------------*/
.center{text-align: center;}

/* font設定 ---------------------------------------*/
.gfont{font-family: 'Roboto Condensed',"游ゴシック体 Medium", "Yu Gothic Medium", YuGothic, sans-serif;}



/* width設定 ---------------------------------------*/
.inner-width{max-width: 1000px;width:85% ;margin: 0 auto;}


/*----------------------------------------------------

  ◆ nav - グローバルメニュー

----------------------------------------------------*/
@media(min-width: 980px){
  .pc-header{width: 100%;height: 66px;background: #760013;position: fixed;z-index: 9999;}

header a{}
header a.to-about{line-height: 68px;font-size:18px;letter-spacing: 0.05rem;width: 180px;height:66px;border-left: 1px solid #fff;display: block;color:white;text-align: center;}
header a.to-about:hover{background: #c29e6d;transition: .2s;}

header a.to-ex{letter-spacing: 0.05rem;width: 180px;height:66px;display: block;text-align: center;background: #A17A3F;}
header a.to-ex img{width: 110px;margin: 15px auto 0;}
header a.to-ex:hover{background:#BF985D ;transition: .2s;}

header nav{width:calc(100% - 360px);}
header nav ul {height: 66px;margin: 0 auto 0 0;display: flex;}
header nav ul li a{margin-left: 40px;padding-top:14px;font-size:21px;letter-spacing: 0.05rem;height:66px;display: block;color:white;text-align: center;}
header a span{display: block;font-size: 12px;margin-top: -2px;font-family: "游ゴシック体 Medium", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
header nav ul li a:hover{color:#c29e6d;transition: .2s;}
}
@media(max-width: 979px){
  .pc-header{display: none;}
}


/*----------------------------------------------------

  ◆ footer - フッター 

----------------------------------------------------*/

footer{padding-top:20px;width:100%;background: #fff;color:#000;}
footer .inner{max-width: 840px;width:85%; margin: 0 auto;}
footer ul li{text-indent: -1em;padding-left: 1em;font-size: 14px;}
footer .logo{margin:30px auto 40px; width: 160px;}
footer .inquiry{text-align: center;}
footer .inquiry h3{font-size: 20px;font-weight: bold;}
footer .inquiry p.contact{font-size: 20px;font-weight: bold;}
footer .inquiry p.tel{font-size: 40px;letter-spacing: 0.1rem;font-weight: bold;}
footer .inquiry p.time{font-size: 18px;margin-top: -10px;letter-spacing: 0.05rem;}

footer p.group_link,footer p.group_link a{text-align: center;color:#4d4d4d;font-size: 16px;}
footer p.copyright{text-align: center;color: #4d4d4d;font-size: 10px;padding:10px 0 20px;font-family: "游ゴシック体 Medium", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
@media(max-width: 768px){
  footer{padding:20px 0 50px;}
  footer ul li{font-size: 12px;}
  footer .logo{margin:50px auto 20px; width: 110px;}
  footer .inquiry h3{font-size: 18px;font-weight: bold;}
  footer .inquiry p.contact{font-size: 14px;}
  footer .inquiry p.tel{font-size: 24px;letter-spacing: 0.05rem;font-weight: bold;}
  footer .inquiry p.time{font-size: 14px;margin-top: -2px;letter-spacing: 0.05rem;}
  footer p.group_link,footer p.group_link a{font-size: 14px;}
}

.link-btn{width:100%;margin: 40px auto 60px;}
/* .link-btn a{position:relative;width: 48%;font-size: 18px;padding:23px 0;color:#000;text-align: center;background:#c1c1c1;} */
.link-btn a {
  background: #c1c1c1;
  width: 48%;
  height: 64px;
  line-height: 1.2;
  color: #000;
  font-size: 18px;
  text-align: center;
  display: block;
  position: relative;
}

/* 221019`追加 */
.link-btn a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.link-btn a.clubx span small {
  font-size: 12px;
  display: block;
}

/* .link-btn a div{position: absolute;right:25px;top:32px;width: 48px;height:12px;background:url(../images/arrow_bk.png)0 0 no-repeat;background-size: contain;transition: .2s;} */
.link-btn a div {
  background: url(../images/arrow_bk.png) 0 0 no-repeat;
  background-size: contain;
  width: 48px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 25px;
  transition: .2s;
  transform: translateY(-50%);
}

.link-btn a:hover{color:#fff;background: #760013;transition: .2s;}
.link-btn a.clubx:hover { background: #BF985D; }
.link-btn a:hover > div{right:15px;background:url(../images/arrow_wh.png)0 0 no-repeat;background-size: contain;transition: .2s;}
@media(max-width: 768px){
  .link-btn{margin-top: 20px;}
  /* .link-btn a{width: 100%;font-size: 14px;padding:15px 0;margin-bottom: 10px;position: static;} */
  .link-btn a {
    margin-bottom: 10px;
    width: 100%;
    height: 48px;
    font-size: 14px;
  }
  /* 221019`追加 */
  .link-btn a.clubx span small {
    font-size: 11px;
  }

  /* .link-btn a div{margin: -15px 7px 8px auto;position:static;width: 40px;height:8px;background:url(../images/arrow_bk.png)0 0 no-repeat;background-size: contain;transition: .2s;} */
  .link-btn a div {
    background: url(../images/arrow_bk.png) 0 0 no-repeat;
    background-size: contain;
    width: 40px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 7px;
    transition: .2s;
  }

  .link-btn a:hover{}
  .link-btn a:hover > div{right:7px;background-size: contain;transition: .2s;}
}

/* ---------------------------------------------------

◆　ページトップへ

----------------------------------------------------*/

#pageTop {
    position: fixed;
    bottom: 32px;
    right: 28px;
    font-size: 1.1rem;
    z-index: 5;
}
#pageTop a {
    display: block;
    z-index: 999;
    padding: 8px 14px;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    background: #fff;
    color:#080404;
    transition: all .2s ease;
    border:1px solid #c1c1c1;
}
#pageTop a:hover {
    color:#fff;
    padding: 8px 14px;
    background: #c29e6d;
    text-align: center;
    transition: all .2s ease;
    border:1px solid #c29e6d;
}
@media(max-width: 768px){
  #pageTop {
    position: fixed;
    bottom: 23px;
    right: 15px;
    font-size: 1rem;
    z-index: 5;
  }
}

/*----------------------------------------------------

　バーガーメニュー

----------------------------------------------------*/
header#globalNavi{position: fixed;top:0;left:0;z-index: 10;}

@media (max-width: 768px) {
  nav {
    margin-left: 0;
    position: fixed;
    /* 開いてないときは画面外に配置 */
    /* top: -466px; */
    top: -600px;
    left: 0;
    background: #760013;
    width: 100%;
    text-align: center;
    padding: 0;
    transition: .3s ease-in-out;
    z-index: 600;
  }
  nav ul {display: block;right: 0;bottom: 0;top: 0;}
  nav ul li{padding-left: 0px;line-height: normal;margin-left: 0;margin-bottom: 0;border-bottom:1px solid #550013;}
  nav ul li a {font-size: 16px;color:#fff;display: block;padding:19px 0 14px;}
  nav ul li:nth-child(1) a{font-size: 16px;color:#fff;display: block;padding:50px 0 14px;}
  nav ul li:last-child a{font-size: 16px;color:#fff;display: block;padding:20px 0 19px;}
  nav ul li a:hover{color:#fff; transition: .3s;background: #000;}

  nav ul li a.to-ex{background:#A17A3F;}
  nav ul li a.to-ex img{width: 95px;}

  nav ul li a img{max-width: 230px;width: 80%;}
  header a span{display: block;font-size: 12px;margin-top: -1px;font-family: "游ゴシック体 Medium", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
}

@media (max-width: 768px) {
  #mobile_head {
    position: fixed;
    width: 100%;
    height: 54px;
    background: ;
    z-index:1000;
    top:0;
  }

}

/* ----- トグルボタン ----- */

#nav-toggle {
  display: none;
  position: fixed;
  right: 12px;
  top: 14px;
  width: 30px;
  height: 34px;
  cursor: pointer;
  z-index: 9999;
}
@media (max-width: 768px) {
  #nav-toggle {display: block;}
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    border-radius: 0;
    background: #bb916d;
    left: 0;
    transition: .3s ease-in-out;
}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 10px;}
#nav-toggle span:nth-child(3) {top: 20px;}

@media (max-width: 768px) {
  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(600px);
    -webkit-transform: translateY(600px);
    transform: translateY(600px);
  }
}
.fixed{position: fixed;}