@charset "utf-8";

body {font-family: "Noto-sans", sans-serif;}
.ttl_en {font-family: 'Garamond','Cambria', 'Times', serif; font-size: 2.5em; color: #1e1e1e; letter-spacing: 0.05em;}
.en {font-family: 'Garamond','Cambria', 'Times', serif;}
footer .f_fb a {    margin-left: 0; background-color: transparent;}
.f_line {text-align: left;}
footer .f_fb a:hover { background-color: transparent;}
footer .f_line { margin-bottom: -10px;}
footer .f_line img,footer .f_fb img {max-width: 300px;}
footer .bnr_chionin img {border: none;}
.btn_more {padding: 0px 0 12px;}
.btn_more img {max-width: 135px;}

.side_btn_r {position: fixed; right: 0; bottom: 89px;}
.side_btn_r>a {position: relative; bottom: 0;}
.side_btn_r>a>span {    position: relative; margin-left: 16px; color: #fff; font-family: 'Garamond','Cambria', 'Times', serif; font-size: 1.2em; letter-spacing: 0.07em;}

/* ================================================================
  レスポンシブ
=================================================================== */

/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {


}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {

}

@media screen and (min-width: 1200px){
}





/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 970px) {
  footer .box_l {float: none; margin-right: 0; text-align: center;}
  footer .bnr_chionin {margin-right: 0;}
footer .f_line {margin-bottom: -5px; text-align: center;}
 footer .f_fb a { width: auto;   margin: 0 auto;  padding: 0;}
}

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

}



/* ================================================================
  スマホ
=================================================================== */

@media screen and (max-width: 599px){
  .ttl_en  {font-size: 2em;}
  
  footer .f_fb {margin-bottom:2em;}
  footer .bnr_chionin { margin: 0 auto;}

  .side_btn_r, .side_btn_c {float: left; width: 100%; bottom: 0;}
  .side_btn_r a span:before {top:0; left: -26px; width: 15px; height: 17px; background: url(/img/icon_calendar.png) no-repeat 0 0 / 100%;}
  .side_btn_r>a>span::after {position: absolute;  content: "";  display: inline-block;  top: 33%;  right: -2em;  width: 7px;  height: 7px;  margin: 0 1em;  
    border-top: 1px solid #fff;  border-right: 1px solid #fff;  transform: rotate(45deg);}

}