@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Zen+Old+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@500&display=swap');

/* ============================================ */
/* PC common */
html {font-size: 62.5%;}
body {
	letter-spacing: 0.1em;
	color: #28282c;
	transition: .3s ease-in-out;
	font-family: 'Zen Old Mincho', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background: url(../img/bg.jpg)repeat;
}
.content {position: relative;width: 100%;}
.is-pc {display: block;}
.is-sp {display: none;}

/* ============================================ */
/* main */
#main{display:flex;flex-direction:column;min-height:100vh;}
#main .logo{text-align:center;padding:100px 60px 80px;}
#main .nav{flex:1;display:flex;min-height:300px;}
#main .nav > li{flex:1;text-align:center;}
#main .nav > li a{display:flex;align-items:center;justify-content:center;color:#fff;width:100%;height:100%;font-size:3.6rem;flex-direction:column;letter-spacing:0.05em;transition:.3s ease;background:no-repeat center center;background-size:cover;position:relative;}
#main .nav > li a::before{content:"";display:block;width:100%;height:100%;background:rgba(10,10,10,0.3);position:absolute;left:0;top:0;z-index:0;}
#main .nav > li a:hover{opacity:0.8;}
#main .nav > li a span{position:relative;z-index:1;}
#main .nav > li a small{display:block;font-size:1.8rem;margin-top:10px;}
#main .nav > li.atami a{background-image:url(../img/nav01.jpg);}
#main .nav > li.fuji a{background-image:url(../img/nav02.jpg);}
#main .nav > li.disabled a{pointer-events:none;filter:grayscale(100%);opacity:0.7;}
/* #main .copy{padding:30px;text-align:center;font-size:1.1rem;} */

/* ============================================ */
/* terms */
#terms .inner {padding: 0 10vw 6rem; width: 100%;}
#terms .inner table{border-collapse: collapse;border-spacing: 0;width: 100%;}
#terms .inner table tr{border-bottom: solid 1px #eee;}
#terms .inner table tr:nth-child(odd){
  background-color: #eee
}
#terms .inner table th,table td{text-align: left;padding: 16px 20px;font-size: 1.4rem;line-height: 2;}
#terms .inner table th{width: 40%;}
#terms .inner table td{width: 60%;}

/* ============================================ */
/* footer */
footer {padding: 6rem 3rem 8rem;}
footer .footer-link {display: flex;justify-content: center;}
footer .footer-link li {position: relative;font-size: 1.4rem;text-align:center;}
footer .footer-link li + li::before {content: "";height: 1.3rem;width: 0.1rem;background: #b4bbc5;margin: auto;display: block;position: absolute;left: -1.8rem;top: 0;bottom: 0;}
footer .footer-link li.current {color: #b4bbc5;}
footer .footer-link li.current a {border-bottom: 1px solid #b4bbc5;}
footer .footer-link li + li {margin-left: 3.6rem;}
footer .footer-link li a.disabled{opacity:0.5;pointer-events:none;}
footer .copy {text-align: center;margin-top: 4rem;font-size: 1.1rem;}

/* ============================================ */
/* translate */
.gtranslate_wrapper select{font-size:1.4rem;border:1px solid #555;background:#fff;border-radius:3px;padding:1px 5px 2px;-webkit-appearance:auto;appearance:auto;}
.gtranslate_wrapper .gt_switcher_wrapper{z-index:998!important;}

/* ============================================ */
.loading {position: fixed;width: 100%;height: 100%;background: #fff;z-index: 999;}
.fadein {opacity: 0;visibility: hidden;transform: translateY(5rem);transition: opacity 1s,visibility 1s, transform 1s;}
.is-animated {opacity: 1;visibility: visible;transform: translateY(0px);}

/* ============================================ */
/* SP */
@media screen and (max-width: 768px) {
  .is-pc {display: none;}
  .is-sp {display: block;}

  #main{display:block;}
  #main .logo{padding:12% 5% 10%;}
  #main .logo img{width:150px;max-width:32%;}
  #main .nav{display:block;min-height:1px;}
  #main .nav > li{width:100%;height:50vw;}
  #main .nav > li a{font-size:2.4rem;}
  #main .nav > li a small{font-size:1.4rem;}
  /* #main .copy{padding:20px;} */

  /* ============================================ */
  /* terms */
  #terms .inner {padding: 0 8vw; width: 100%;}
  #terms .inner table th,
  #terms .inner table td {border-bottom: none;display: block;width: 100%;}
  #terms .inner table th {padding-bottom: 0;}
  #terms .inner table td {padding-top: 8px;}

  /* ============================================ */
  /* footer */
  footer {padding: 5.0rem 2.0rem;position: relative;}
  footer .footer-link {display: block;text-align: center;}
  footer .footer-link li {font-size: 1.2rem;line-height: 1;}
  footer .footer-link li + li {margin-top: 1.5rem;margin-left: 0;}
  footer .footer-link li + li::before {display: none;}
  footer .copy {font-size: 1.0rem;margin-top: 3rem;}

  /* ============================================ */
  /* translate */
  .gtranslate_wrapper select{font-size:1.2rem;}

}