@charset "utf-8";

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html{color:#222;font-size:1em;line-height:1.4;}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video{vertical-align:middle;}

/*
 * Remove default fieldset styles.
 */

fieldset{border:0;margin:0;padding:0;}

/*
 * Allow only vertical resizing of textareas.
 */

textarea{resize:vertical;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

input, button, textarea, select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

html{box-sizing:border-box;overflow-x:hidden}
html * {
/*-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;*/
-webkit-font-smoothing: antialiased;
-webkit-appearance: none;
outline: none;
-moz-osx-font-smoothing: grayscale;
}
*,*:before,*:after{box-sizing:inherit;}
body{
height: 100%;
min-height: 100%;
font-family: 'Lato','Noto Sans JP',"Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif;
letter-spacing: 0;
font-size: 16px;
line-height: 1.6;
font-weight: 300;
color: #490e00;
background: #f9f6e7;
overflow-x: hidden;
position: relative;
}
body.modal-open {
overflow-x: hidden;
padding-right: 0 !important
}
img{max-width:100%;height:auto}
a{color:#490e00;text-decoration:none;}
a:hover{text-decoration:underline;}
a:hover img{opacity:.8;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
ul{list-style-type:none;padding:0}
ol{list-style-type:decimal}
form{margin:0;padding:0}
strong{font-weight:700}
.txtL{text-align:left}
.txtC{text-align:center}
.txtR{text-align:right}

input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus{outline-offset:-2px}

h2{font-size:32px;font-weight:bold;font-family:'Lato',sans-serif;}
h3{font-family:'Lato',cursive;font-size:32px;font-weight:normal;margin: 0 0 24px;line-height:1}
@media only screen and (max-width: 480px) {
  h3{/*font-size:24px*/}
}

br.sp{display:none}
@media only screen and (max-width: 480px) {
  br.sp{display:block}
}

@media only screen and (min-width: 481px) {
  .show_pc{display:block;}
  .show_sp{display:none;}
}
@media only screen and (max-width: 480px) {
  .show_pc{display:none}
  .show_sp{display:block;}

  .gHeader_circleLink {
    position: absolute;
    right: 57px;
    top: 1px;
  }

  header .hnav #dropdownMenu {
    width: 100%;
  }

  header .gnav .gnav_logo a:lang(en) {
    margin: 0 0 0 57px;
  }

  header .gnav .gnav_logo a:lang(cn) {
    margin: 0 0 0 57px;
  }

  header .gnav .gnav_logo a:lang(tw) {
    margin: 0 0 0 57px;
  }

  header .gnav .gnav_logo a:lang(kr) {
    margin: 0 0 0 57px;
  }
}

.fixed {
overflow: hidden;
position: fixed;
height: 100%;
width: 100%;
}

.mb_0{margin-bottom:0}

.inner{max-width:980px;margin:auto;padding-left:32px;padding-right:32px;box-sizing:content-box;position:relative;}
.inner_620{max-width:620px;margin:auto;padding-left:32px;padding-right:32px;box-sizing:content-box;position:relative;}
.inner_780{max-width:780px;margin:auto;padding-left:32px;padding-right:32px;box-sizing:content-box;position:relative;}
.inner_820{max-width:820px;margin:auto;padding-left:32px;padding-right:32px;box-sizing:content-box;position:relative;}
.inner_880{max-width:880px;margin:auto;padding-left:32px;padding-right:32px;box-sizing:content-box;position:relative;}
.inner_900{max-width:900px;margin:auto;padding-left:32px;padding-right:32px;box-sizing:content-box;position:relative;}
.inner_960{max-width:960px;margin:auto;padding-left:32px;padding-right:32px;box-sizing:content-box;position:relative;}
.inner_1194{max-width:1194px;margin:auto;padding-left:32px;padding-right:32px;box-sizing:content-box;position:relative;}
.inner_1258{max-width:1258px;margin:auto;padding-left:32px;padding-right:32px;box-sizing:content-box;position:relative;}
.inner_1280{max-width:1280px;margin:auto;padding-left:32px;padding-right:32px;box-sizing:content-box;position:relative;}
@media only screen and (max-width: 480px) {
  .inner,.inner_620,.inner_780,.inner_820,.inner_880,.inner_900,.inner_960,.inner_1194,.inner_1258,.inner_1280 {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.box_l, .box_r{}
@media only screen and (min-width: 481px) {
  .box_l, .box_r {}
  .box_l{float:left}
  .box_r{float:right}
}

/*----- header -----*/
header{height:140px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.25);margin-bottom:10px;position:absolute;width:100%;/*z-index:2*/}
header .header_inner{
  max-width:1050px;
  margin:auto;
  padding-left:32px;
  padding-right:32px;
  box-sizing:content-box;
  display: flex;
  justify-content: space-between;
}

header .hnav #dropdownMenu.show_pc {
  width: calc(100% - 80px);
}

.gHeader_circleLink {
  height: 75px;
  width: 75px;
  margin: 0;
  -webkit-transform: translateX(5px) translateY(2px);
  transform: translateX(5px) translateY(2px);
}

.gHeader_circleLink > a {
  display: flex;
  text-decoration: none;
  color: inherit;
  height: 75px;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

a:hover .gHeader_circleLink_img {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.gHeader_circleLink_img {
  width: 66px;
  height: 66px;
  position: relative;
  z-index: 1;
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.gHeader_circleLink > a > b {
  display: block;
  font-size: 10px;
  color: #482715;
  font-weight: 500;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 1;
  margin-top: 19px;
  white-space: nowrap;
}

.u-hiddenSVG {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  pointer-events: none;
  opacity: 0;
  bottom: 0;
  left: 0;
}

header ul{list-style:none;padding:0;margin:0}
/* gnav */
header .gnav{background:#d44321;height:60px;color:#fff}
header .gnav a{color:#fff}
header .gnav .gnav_logo a {
height: 24px;
display: block;
margin-top:17px;
}
header .gnav .gnav_logo a:lang(en) {
background: url(../img/common/logo/pc/en/logo@2x.png) no-repeat;
background-size: cover;
width: 399px;
}
header .gnav .gnav_logo a:lang(kr) {
background: url(../img/common/logo/pc/kr/logo@2x.png) no-repeat;
background-size: cover;
width: 399px;
}
header .gnav .gnav_logo a:lang(tw) {
background: url(../img/common/logo/pc/tw/logo@2x.png) no-repeat;
background-size: cover;
width: 298px;
}
header .gnav .gnav_logo a:lang(cn) {
background: url(../img/common/logo/pc/cn/logo@2x.png) no-repeat;
background-size: cover;
width: 311px;
}
header .gnav .gnav_logo a:lang(th) {
background: url(../img/common/logo/pc/th/logo@2x.png) no-repeat;
background-size: cover;
width: 378px;
}
header .gnav .gnav_logo.gnav_logo_re a:lang(en) {
background: url(../img/common/logo/pc/en/logo_re@2x.png) no-repeat;
background-size: cover;
width: 399px;
}
header .gnav .gnav_logo.gnav_logo_re a:lang(kr) {
background: url(../img/common/logo/pc/kr/logo_re@2x.png) no-repeat;
background-size: cover;
width: 399px;
}
header .gnav .gnav_logo.gnav_logo_re a:lang(tw) {
background: url(../img/common/logo/pc/tw/logo_re@2x.png) no-repeat;
background-size: cover;
width: 399px;
}
header .gnav .gnav_logo.gnav_logo_re a:lang(cn) {
background: url(../img/common/logo/pc/cn/logo_re@2x.png) no-repeat;
background-size: cover;
width: 399px;
}
header .gnav .gnav_logo.gnav_logo_re a:lang(th) {
background: url(../img/common/logo/pc/th/logo_re@2x.png) no-repeat;
background-size: cover;
width: 399px;
}
header .gnav .gnav_logo img{margin-top:17px;}
header .gnav .gnav_menu{float:right;font-size:13px;margin-right:10px;}
header .gnav .gnav_menu .gnav_menu_nav{margin-right:24px;float:left;}
header .gnav .gnav_menu .gnav_menu_nav>ul>li{float:left;line-height:60px;font-size:13px;letter-spacing:0.025em}
header .gnav .gnav_menu .gnav_search a:hover{background:#fff;color:#842b00;text-decoration:none;}
header .gnav .gnav_menu .gnav_search a:hover:before{background:url(../img/nav/ico_search_r@2x.png)no-repeat;background-size:cover;height:14px;width:13px;}
.gnav_menu_status:before{content:"";display:inline-block;background:url(../img/nav/ico_nav_menu_status.png);background-size:cover;width:13px;height:13px;vertical-align:middle;margin-right:8px;margin-top:-2px}
.gnav_menu_bookmark{margin-left:35px}
.gnav_menu_bookmark:before{content:"";display:inline-block;background:url(../img/nav/ico_nav_menu_bookmark.png);background-size:cover;width:13px;height:12px;vertical-align:middle;margin-right:6px;margin-top:-1px}
.gnav_menu_language{margin-left:35px;position:relative;}
header .gnav .gnav_menu .dropdown-toggle:after{content:"";display:inline-block;background:url(../img/ico_btn_w_b_arrow@2x.png);background-size:cover;width:6px;height:4px;vertical-align:middle;margin-left:4px}
header .gnav .gnav_menu .dropdown-menu.dropdown-menu-tip-nw{width:124px;left:50%;margin-left:-62px}
/* hnav */
header .hnav{background:#f9f6e7;height:80px}
header .hnav #dropdownMenu{text-align:center}
header .hnav #dropdownMenu>li{font-size:14px;float:left;border-left:1px solid #ebe6c8;width:20%;box-sizing:border-box;letter-spacing:0.01em;height:80px;padding:13px 0 0}
header .hnav #dropdownMenu>li a{display:block;}
header .hnav #dropdownMenu>li a:hover{text-decoration:none}
header .hnav #dropdownMenu>li p{margin:12px 0 0;line-height:1;position:relative;}
@media only screen and (min-width: 1153px) {
  header .gnav .gnav_logo{float:left;margin-left:24px}
  header .gnav .gnav_menu .gnav_search{float:right}
  header .gnav .gnav_menu .gnav_search a{border:none;width:110px;height:34px;border-radius:17px;color:#fff;margin-top:13px;background:#842b00;display:block;line-height:34px;text-align:center;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;letter-spacing:0.025em}
  header .gnav .gnav_menu .gnav_search a:before{background:url(../img/nav/ico_search@2x.png)no-repeat;background-size:cover;content:"";display:inline-block;height:14px;width:13px;vertical-align:middle;margin-top:-2px;margin-right:5px;}
  header .hnav #dropdownMenu{border-right:1px solid #ebe6c8;}
  header .hnav #dropdownMenu>li.arrow p:after{content:"";display:inline-block;background:url(../img/nav/ico_nav_arrow@2x.png);width:6px;height:4px;background-size:contain;margin-left:5px;position:absolute;top:50%;margin-top:-2px;}
  #content.drawer--left .drawer-hamburger{display:none;}
}
@media only screen and (max-width: 1152px) {
  header{height:120px}
  header .gnav .gnav_logo{padding-top:15px}
  header .gnav .gnav_logo a {
    height: 31px;
    margin: auto
  }
  header .gnav .gnav_logo a:lang(en) {
    background: url(../img/common/logo/sp/en/logo_sp@2x.png)no-repeat;
    background-size: cover;
    width: 188px;
  }
  header .gnav .gnav_logo a:lang(kr) {
    background: url(../img/common/logo/sp/kr/logo_sp@2x.png)no-repeat;
    background-size: cover;
    width: 188px;
  }
  header .gnav .gnav_logo a:lang(tw) {
    background: url(../img/common/logo/sp/tw/logo_sp@2x.png)no-repeat;
    background-size: cover;
    width: 188px;
  }
  header .gnav .gnav_logo a:lang(cn) {
    background: url(../img/common/logo/sp/cn/logo_sp@2x.png)no-repeat;
    background-size: cover;
    width: 188px;
  }
  header .gnav .gnav_logo a:lang(th) {
    background: url(../img/common/logo/sp/th/logo_sp@2x.png)no-repeat;
    background-size: cover;
    width: 188px;
  }
  header .gnav .gnav_logo.gnav_logo_re a:lang(en) {
      background: url(../img/common/logo/sp/en/logo_re_sp@2x.png) no-repeat left center;
      background-size: 100%;
      width: 198px;
      max-width: 49vw;
  }
  header .gnav .gnav_logo.gnav_logo_re a:lang(kr) {
    background: url(../img/common/logo/sp/kr/logo_re_sp@2x.png)no-repeat;
      background-size: 100%;
      width: 198px;
      max-width: 49vw;
  }
  header .gnav .gnav_logo.gnav_logo_re a:lang(tw) {
    background: url(../img/common/logo/sp/tw/logo_re_sp@2x.png)no-repeat;
      background-size: 100%;
      width: 198px;
      max-width: 49vw;
  }
  header .gnav .gnav_logo.gnav_logo_re a:lang(cn) {
    background: url(../img/common/logo/sp/cn/logo_re_sp@2x.png)no-repeat;
      background-size: 100%;
      width: 198px;
      max-width: 49vw;
  }
  header .gnav .gnav_logo.gnav_logo_re a:lang(th) {
    background: url(../img/common/logo/sp/th/logo_sp@2x.png)no-repeat;
      background-size: 100%;
      width: 198px;
      max-width: 49vw;
  }
  header .gnav .gnav_menu .gnav_search{position:absolute;right:0;top:0;}
  header .gnav .gnav_menu .gnav_search a{background:#842b00 url(../img/ico_search_sp@2x.png)no-repeat center;background-size:24px;width:60px;height:60px;display:block;text-indent:-9999em}
  header .gnav .gnav_menu .gnav_search a:hover{background:#842b00 url(../img/ico_search_sp@2x.png)no-repeat center;background-size:24px}
  header .gnav .gnav_menu #menuTrigger{position:absolute;display:block;background:url(../img/ico_nav_sp.png)no-repeat center;background-size:cover;width:24px;height:18px;display:block;text-indent:-9999em;top:21px;left:18px;padding:0;z-index:1}

  header .hnav #dropdownMenu.show_pc {
    width: calc(100% - 69px);
  }

  .gHeader_circleLink {
    height: 55px;
    width: 55px;
    margin: 0;
    -webkit-transform: translateX(-7px) translateY(2px);
    transform: translateX(-7px) translateY(2px);
  }

  .gHeader_circleLink > a {
    height: 55px;
  }

  .gHeader_circleLink > a > b {
    margin-top: 15px;
  }

  /**/
  #content .drawer-overlay{background-color:rgba(0,0,0,.5);z-index:2}
  #content.drawer--left .drawer-hamburger{position:absolute;top:21px;left:18px;padding:0;width:24px;height:18px;background:#d4451d}
  #content.drawer-open .drawer-hamburger{left:290px;width:22px;height:22px;padding:19px;top:0;}
  #content.drawer-open .drawer-hamburger-icon{background-color:transparent;}
  #content.drawer-open .drawer-hamburger-icon:before,#content.drawer-open .drawer-hamburger-icon:after{top:0}
  #content .drawer-hamburger-icon{background:#fff;margin-top:0}
  #content .drawer-hamburger-icon:before{top:-8px;background-color:#fff}
  #content .drawer-hamburger-icon:after{background-color:#fff;top:8px;}
  #content.drawer-open .drawer-hamburger-icon:after,#content.drawer-open .drawer-hamburger-icon:before{}
  #content .drawer-nav{background:#ebe6c8;color:#490e00;z-index:3;width:290px}
  #content.drawer--left .drawer-nav{left:-290px}
  #content.drawer--left.drawer-open .drawer-nav{left:0}
  #content .drawer-menu-item{color:#490e00;font-size:14px;padding:0}
  #content .drawer-menu{background:#f9f6e7;padding:8px 16px}
  #content .drawer-dropdown.open>.drawer-dropdown-menu{background:none;padding:0 0 0 36px}
  #content .drawer-dropdown-menu-item{padding:8px 0;line-height:1.48807692308;color:#490e00;font-size:13px}
  #content .drawer-menu > li{padding:13px 0;border-bottom:1px solid #dfcca1;}
  #content .drawer-menu .drawer-dropdown{position:relative;}
  #content .drawer-menu .drawer-dropdown:after{content:"";background:url(../img/ico_nav_sp_arrow.png) center no-repeat;background-size:8px 6px;display:inline-block;position:absolute;right:0;top:18px;border-left:1px solid #dfcca1;width:32px;height:18px}
  #content .drawer-menu .drawer-dropdown.open:after{transform:scale(1,-1);}
  /**/
  #content .drawer-menu li.drawer-menu_1>a:before{content:"";display:inline-block;background:url(../img/ico_nav_sp_1.png)no-repeat;background-size:contain;width:14px;height:14px;vertical-align:middle;margin:0 7px}
  #content .drawer-menu li.drawer-menu_2>a:before{content:"";display:inline-block;background:url(../img/ico_nav_sp_2.png)no-repeat;background-size:contain;width:18px;height:26px;vertical-align:middle;margin:0 13px 0 4px}
  #content .drawer-menu li.drawer-menu_3>a:before{content:"";display:inline-block;background:url(../img/ico_nav_sp_3.png)no-repeat;background-size:contain;width:23px;height:21px;vertical-align:middle;margin:0 10px 0 2px}
  #content .drawer-menu li.drawer-menu_4>a:before{content:"";display:inline-block;background:url(../img/ico_nav_sp_4.png)no-repeat;background-size:contain;width:22px;height:22px;vertical-align:middle;margin:0 11px 0 2px}
  #content .drawer-menu li.drawer-menu_5>a:before{content:"";display:inline-block;background:url(../img/ico_nav_sp_5.png)no-repeat;background-size:contain;width:18px;height:26px;vertical-align:middle;margin:0 13px 0 4px}
  #content .drawer-menu li.drawer-menu_6>a:before{content:"";display:inline-block;background:url(../img/ico_nav_sp_6.png)no-repeat;background-size:contain;width:27px;height:27px;vertical-align:middle;margin:0 8px 0 0}
  #content .drawer-menu li.drawer-menu_7{}
  #content .drawer-menu li.drawer-menu_7>a:before{content:"";display:inline-block;background:url(../img/ico_nav_sp_7.png)no-repeat;background-size:contain;width:14px;height:13px;vertical-align:middle;margin:0 8px 0 6px}
  #content .drawer-menu li.drawer-menu_8{border-bottom:0}
  /**/
  #content .drawer-nav {
    overflow: scroll;
  }
  .drawer-nav .gnav_menu_language{margin:18px 16px 160px;border:1px solid #dfcca1;padding:5px 0;position:relative;}
  .drawer-nav .gnav_menu_language button{width:100%}
  .drawer-nav .gnav_menu_language .dropdown:after{content:"";display:inline-block;background:url(../img/ico_sp_lang_arrow.png);background-size:cover;width:7px;height:4px;vertical-align:middle;margin-left:0;right:12px;top:50%;margin-top:-2px;position:absolute;}
  .drawer-nav .gnav_menu_language .select-label {
    background: #B4B4B5;
    text-align: center;
    position: relative;
    background: #ebe6c8;
  }
  .drawer-nav .gnav_menu_language select {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
  }
  /**/
  header .gnav .gnav_menu .gnav_menu_nav{display:none;}
  header .header_inner{padding-left:0;padding-right:0}
  /* hnav */
  header .hnav{height:60px}
  header .hnav #dropdownMenu>li{width:20%;font-size:10px;height:60px}
  header .hnav #dropdownMenu>li.dropdownMenu_1{border-left:0;padding:11px 0 0}
  header .hnav #dropdownMenu>li.dropdownMenu_1 img{width:23px}
  header .hnav #dropdownMenu>li.dropdownMenu_2{padding:10px 0 0}
  header .hnav #dropdownMenu>li.dropdownMenu_2 img{width:21px}
  header .hnav #dropdownMenu>li.dropdownMenu_2 p{margin:9px 0 0}
  header .hnav #dropdownMenu>li.dropdownMenu_3{padding:8px 0 0}
  header .hnav #dropdownMenu>li.dropdownMenu_3 img{width:18px}
  header .hnav #dropdownMenu>li.dropdownMenu_3 p{margin:6px 0 0}
  header .hnav #dropdownMenu>li.dropdownMenu_4{padding:8px 0 0}
  header .hnav #dropdownMenu>li.dropdownMenu_4 img{width:27px}
  header .hnav #dropdownMenu>li.dropdownMenu_4 p{margin:5px 0 0}
  header .hnav #dropdownMenu>li.dropdownMenu_5{padding:8px 0 0}
  header .hnav #dropdownMenu>li.dropdownMenu_5 img{width:18px}
  header .hnav #dropdownMenu>li.dropdownMenu_5 p{margin:6px 0 0}
  header .hnav #dropdownMenu>li p{margin:2px 0 0}

  [data-lang="cn"] header .hnav #dropdownMenu>li.dropdownMenu_1 p{margin:8px 0 0}
  [data-lang="th"] header .hnav #dropdownMenu>li.dropdownMenu_1 p{margin:8px 0 0}
  [data-lang="th"] header .hnav #dropdownMenu>li.dropdownMenu_2 p{margin:5px 0 0}
}
@media only screen and (max-width: 320px) {
  header .hnav #dropdownMenu>li{font-size:9px}
}

/**/
#emergency {
background: #f5bb00;
z-index: 3;
position: relative;
}
#emergency .box_inner {
padding-top: 10px;
padding-bottom: 12px;
padding-left: 52px;
background: url(../img/ico_emergency@2x.png)no-repeat 0 16px;
background-size: 35px;
min-height: 67px;
}
#emergency p.ttl{font-size:16px;font-weight:bold;margin:0 0 16px}
#emergency p{font-size:12px;margin:0;line-height:1.5;word-wrap:break-word}
#emergency span{font-size:11px;margin:0;line-height:1;display:block;font-weight:normal}
#emergency a{color:#d44321;text-decoration:underline;}

/**/
.cookie-info {
/*background: #9cc455;*/
width: 100%;
padding: 10px;
position: relative;
z-index: 0;
top: 0;
display: none;
}
.cookie-info a{text-decoration:underline;}
.cookie-info p {
font-size: 14px;
/*color: #fff;*/
float: left;
margin: 0 32px 0 0;
}
.cookie-info .cookie-info-accept button {
-webkit-transition: all .5s;
transition: all .5s;
cursor: pointer;
opacity: 1;
background: #fff;
color: #d44321;
font-size: 15px !important;
text-align: center;
border-radius: 3px;
padding: 6px 48px;
display: inline-block;
}
.cookie-info .cookie-info-close {
position: absolute;
top: 0;
right: 0px;
}
.cookie-info .cookie-info-close button {
-webkit-transition: all .5s;
transition: all .5s;
cursor: pointer;
display: inline-block;
position: relative;
padding: 0;
width: 2px;
height: 16px;
background: #d44321;
transform: rotate(45deg);
left: 0
}
.cookie-info .cookie-info-close button:before {
display: block;
content: "";
position: absolute;
left: -7px;
top: 8px;
width: 16px;
height: 2px;
margin-top: -1px;
background: #d44321;
}
@media screen and (max-width: 979px) {
  .cookie-info{padding:10px 0}
  .cookie-info .cookie-info-accept {
    text-align: center;
    margin-top: 16px;
  }
  .cookie-info p {
    font-size: 14px;
    width: 95%;
    float: none;
  }
  .cookie-info .cookie-info-close {
    top: 40%;
    right: 16px
  }
}

/*dropdownMenu*/
#dropdownMenu>li:hover{background:#ebe6c8}
#dropdownMenu>li .dropdown li a{}
#dropdownMenu>li .dropdown li a:hover{opacity:0.7;}
#dropdownMenu>li .dropdown .box_img a{position:relative;color:#fff;display:block;}
#dropdownMenu>li .dropdown .box_img a p{position:absolute;bottom:12px;left:0;right:0;font-size:14px;line-height:1.286;letter-spacing:.025em;text-shadow:0px 0px 6px rgba(0,0,0,0.75);}
#dropdownMenu>li .dropdown .box_list ul{text-align:left;}
#dropdownMenu>li .dropdown .box_list ul li{float:left;width:33.333333333%;font-size:14px;position:relative;padding-left:9px;}
#dropdownMenu>li .dropdown .box_list ul li a:before{background:url(../img/nav/ico_nav_arrow_r@2x.png);background-size:cover;width:4px;height:6px;content:"";display:inline-block;vertical-align:middle;margin-right:6px;}
/* 1 */
#dropdownMenu>li.dropdownMenu_1{}
#dropdownMenu>li.dropdownMenu_1 .dropdown > div{display:table}
#dropdownMenu>li.dropdownMenu_1 .dropdown > div .box{display:table-cell;padding-left:15px}
#dropdownMenu>li.dropdownMenu_1 .dropdown > div .box_1{padding-left:0}
/* 2 */
#dropdownMenu>li.dropdownMenu_2{}
#dropdownMenu>li.dropdownMenu_2 .dropdown > div{display:table}
#dropdownMenu>li.dropdownMenu_2 .dropdown > div .box{display:table-cell;padding-left:15px}
#dropdownMenu>li.dropdownMenu_2 .dropdown > div .box_1{padding-left:0;}
#dropdownMenu>li.dropdownMenu_2 .dropdown > div .box_1 p{font-size:20px}
/* 5 */
#dropdownMenu>li.dropdownMenu_5 .box_1,#dropdownMenu>li.dropdownMenu_5 .box_2{width:18.75%;float:left;margin-right:1.5625%}
#dropdownMenu>li.dropdownMenu_5 .box_3{border:4px solid #dfcca1;width:59.375%;float:left;text-align:left;letter-spacing:0.025em}
#dropdownMenu>li.dropdownMenu_5 .box_3 .ttl{font-size:14px;background:#dfcca1;padding-left:20px;line-height:26px;}
#dropdownMenu>li.dropdownMenu_5 .box_3 ul{padding:14px 16px 2px}
#dropdownMenu>li.dropdownMenu_5 .box_3 ul li{font-size:13px;letter-spacing:0.025em;text-align:left;float:left;line-height:1.15384615385;padding-left:9px;position:relative;padding-bottom:10px}
#dropdownMenu>li.dropdownMenu_5 .box_3 ul li:nth-child(3n+1),#dropdownMenu>li.dropdownMenu_5 .box_3 ul li:nth-child(3n+2){width:35.849056603%}
#dropdownMenu>li.dropdownMenu_5 .box_3 ul li:nth-child(3n){width:28.301886792%}
#dropdownMenu>li.dropdownMenu_5 .box_3 ul li a:before{background:url(../img/nav/ico_nav_arrow_r@2x.png);background-size:cover;width:4px;height:6px;content:"";display:inline-block;vertical-align:middle;margin-right:6px;position:absolute;left:0;top:4px}

#dropdownMenu:after{content:" ";display:block;clear:both;}
#dropdownMenu>li{-webkit-transition:all 0.5s;transition:all 0.5s;float:left;height:80px;}
#dropdownMenu>li .dropdown{display:none;position:absolute;top:140px;left:0;width:200px;background:#ebe6c8;cursor:default;padding:24px 0;z-index:2}
#dropdownMenu>li:hover .dropdown{width:100%;display:block;}
#dropdownMenu>li:after{}
#dropdownMenu>li:hover:after{display:block;}


/*---------- modal ----------*/
.modal-open{overflow:hidden;}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}
.modal-open .modal{overflow-x:hidden;overflow-y:auto;padding-right:0!important}
.modal-dialog{position:relative;width:auto;margin:10px;}
.modal-content{position:relative;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:3px;outline:0;background-color:rgb(235,230,200);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.25);}
.modal-content h3{font-size:24px;font-weight:bold;color:#165e83;margin:0 0 8px;}
.input-group{position:relative;vertical-align:middle;}
.input-group-btn{background:#613711;position:absolute;top:0;width:75px;height:54px;bottom:0;margin:auto;}
.input-group-btn i{position:absolute;top:0;left:0;right:0;background:url(../img/nav/ico_search@2x.png)no-repeat;background-size:cover;width:23px;height:23px;border:none;margin:14px auto;}
.form-control{font-size:14px;border:none;padding:18px 32px;width:calc(100% - 75px);background:#fff;height:54px}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0;}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:0.8;}
.modal-title{margin:0;line-height:1.42857143;}
.modal-body{position:relative;padding:24px 40px}
.modal-body .box_l{}
.modal-body .box_r h4{margin:0 0 16px;line-height:1;letter-spacing:.01em}
.modal-body .box_r ul{margin:0;padding:0;font-size:14px;letter-spacing:.01em}
.modal-body .box_r ul li{float:left;margin-right:18px}
.modal-body .box_r ul li a{text-decoration:underline}
.modal-body .box_r ul li a:hover{text-decoration:none}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5;}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px;}
.modal-footer .btn-group .btn+.btn{margin-left:-1px;}
.modal-footer .btn-block+.btn-block{margin-left:0;}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll;}
.modal-left-close{line-height:1;position:absolute;top:10px;right:16px;}
.modal-left-close .close{border:none;background:none;padding:0;}
.modal-left-close .close:before{content:"×";display:inline-block;font-size:20px}
@media (min-width: 768px) {
  .modal-dialog{width:960px;margin:164px auto}
  .modal-content{}
  .modal-sm{width:300px}
}
@media (min-width: 992px) {
  .modal-lg{width:900px}
}
@media only screen and (min-width: 481px) {
  .modal-content{height:164px}
  .modal-body .box_l{width:45.454545454%;padding-right:4.659090909%;border-right:1px solid rgba(0,0,0,.1);display:table;}
  .modal-body .box_r{width:49.886363636%}
  .input-group{display:table-cell;}
}
@media only screen and (max-width: 480px) {
  .modal-body{padding:32px 20px 24px}
  .form-control{font-size:15px;padding:0 15px}
  .input-group-btn{}
  .modal-body .box_l{margin-bottom:34px}
  .modal-body .box_l{right:20px}
}


/*----- footer -----*/
footer{text-align:center;}
footer .footer_t{text-align:left;background:#dfcca0;padding:48px 0 64px}
footer .footer_t ul{margin:0}
footer .footer_t ul li{font-size:12px;line-height:2}
footer .footer_t h4{font-size:12px;font-weight:700;letter-spacing:0.025em;height:40px;margin:0 0 16px;line-height:1}
footer .footer_b{background:#d4441c;color:#fff;padding:24px 0}
footer .footer_b a{color:#fff;line-height:14px}
footer .footer_b .copy{font-size:11px;margin:0;line-height:1.5}
footer .footer_b .copy span{font-size:14px;font-weight:bold;}
footer .footer_b .box_l{text-align:left;font-size:12px}
footer .footer_b .box_l ul{padding:0;margin:0}
footer .footer_b .box_l ul li{float:left;line-height:14px}
footer .footer_b .box_l ul li a:after{content:"|";display:inline-block;font-size:14px;margin:0 8px;line-height:14px;vertical-align:top;}
footer .footer_b .box_l ul li:last-child a:after{display:none;}
footer .footer_b .box_r{text-align:right}
/**/
footer .footerTopBtn {
position: fixed;
z-index: 10;
}
footer .footerTopBtn img {
vertical-align: bottom;
width: 100%;
}
@media only screen and (min-width: 769px) {
  footer .footer_t .f_box{float:left}
  footer .footer_t .f_plan{margin-right:3.229166666%;width:18.75%/*180px*/}
  [data-lang="en"] footer .footer_t .f_plan{margin-right:3.229166666%;width:21.75%/*180px*/}
  footer .footer_t .f_int{margin-right:3.333333333%;width:11.875%/*114px*/}
  footer .footer_t .f_des{margin-right:3.020833333%;width:22.916666666%/*220px*/}
  footer .footer_t .f_season{margin-right:3.333333333%;width:15.9375%/*153px*/}
  [data-lang="en"] footer .footer_t .f_season{margin-right:3.333333333%;width:12.9375%/*153px*/}
  footer .footer_t .f_last{width:17.604166666%/*169px*/}
  footer .footer_t h4{border-bottom:1px solid #d0b990;}
  footer .footer_t .f_box h4:before{content:"";display:inline-block;vertical-align:middle;margin-right:7px}
  footer .footer_t .f_plan h4:before{background:url(../img/nav/ico_nav_01@2x.png);background-size:cover;width:26px;height:24px;}
  footer .footer_t .f_int h4:before{background:url(../img/nav/ico_nav_02@2x.png);background-size:cover;width:25px;height:25px;}
  footer .footer_t .f_des h4:before{background:url(../img/nav/ico_nav_03@2x.png);background-size:cover;width:20px;height:29px;}
  footer .footer_t .f_season h4:before{background:url(../img/nav/ico_nav_season@2x.png);background-size:cover;width:27px;height:26px;}
  footer .footer_t .f_discount h4{margin:0 0 31px}
  footer .footer_t .f_discount h4:before{background:url(../img/nav/ico_nav_04@2x.png);background-size:cover;width:30px;height:30px;margin-right:9px;margin-left:1px}
  footer .footer_t .f_discount h4:after{/*background:url(../img/nav/ico_nav_arrow_r@2x.png);background-size:cover;width:4px;height:6px;content:"";display:inline-block;vertical-align:middle;margin-left:10px*/}
  footer .footer_t .f_trans h4:before{background:url(../img/nav/ico_nav_05@2x.png);background-size:cover;width:20px;height:29px;margin-right:14px;margin-left:6px}
  /**/
  footer .footerTopBtn {
    width: 44px;
    bottom: 18px;
    right: 20px;
    -webkit-transition: ease-in 0.25s;
    transition: ease-in 0.25s;
  }
  footer .footerTopBtn:hover {
    bottom: 23px;
  }

[data-lang="en"] footer .footer_t .f_season h4 {
    padding-left: 38px;
    position: relative;
    line-height: 1.3;
}
[data-lang="en"] footer .footer_t .f_season h4:before {
    position: absolute;
    left: 0;
}

}
@media only screen and (max-width: 768px) {
  footer .footer_t{padding:20px 0 18px}
  footer .footer_t h4{font-size:12px;line-height:40px;margin:0;cursor:pointer;position:relative;padding:0 0 0 10px}
  footer .footer_t h4:after {
    background: url(../img/ico_footer_sp_arrow.png);
    background-size: cover;
    display: inline-block;
    content: "";
    width: 8px;
    height: 6px;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -3px;
  }
  footer .footer_t h4:before {
    border-left: 1px solid #d0b990;
    margin: 6px 0;
    position: absolute;
    width: 1px;
    height: 18px;
    content: "";
    top: 5px;
    right: 35px
  }
  footer .footer_t .f_box {
    border-bottom: 1px solid #d0b990;
  }
  footer .footer_t .f_discount {
    border-bottom: 1px solid #d0b990;
  }
  footer .footer_t .f_discount h4:before,
  footer .footer_t .f_discount h4:after{display:none;}
  footer .footer_t .f_trans h4{border-bottom:0}
  footer .footer_t ul {
    display: none;
    padding: 0 0 0 30px;
    margin: 0 0 16px
  }
  footer .footer_t ul li {
    font-size: 12px;
    font-weight: bold;
    line-height: 3
  }
  /**/
  footer .footerTopBtn {
    width: 22px;
    bottom: -16px;
    right: 16px;
    -webkit-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    display: none;
  }

  footer .footerTopBtn.btnSlide {
    bottom: 2rem !important;
    -webkit-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
  }
}
@media only screen and (max-width: 320px) {

}


/*----- common -----*/

/* col */
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.row {
/*display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;*/
margin-right: -15px;
margin-left: -15px;
/*-webkit-flex-direction: flex;*/
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,.no-gutters > [class*="col-"]{padding-right:0;padding-left:0;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.order-first{-ms-flex-order:-1;order:-1;}
.order-last{-ms-flex-order:13;order:13;}
.order-0{-ms-flex-order:0;order:0;}
.order-1{-ms-flex-order:1;order:1;}
.order-2{-ms-flex-order:2;order:2;}
.order-3{-ms-flex-order:3;order:3;}
.order-4{-ms-flex-order:4;order:4;}
.order-5{-ms-flex-order:5;order:5;}
.order-6{-ms-flex-order:6;order:6;}
.order-7{-ms-flex-order:7;order:7;}
.order-8{-ms-flex-order:8;order:8;}
.order-9{-ms-flex-order:9;order:9;}
.order-10{-ms-flex-order:10;order:10;}
.order-11{-ms-flex-order:11;order:11;}
.order-12{-ms-flex-order:12;order:12;}
.offset-1{margin-left:8.333333%;}
.offset-2{margin-left:16.666667%;}
.offset-3{margin-left:25%;}
.offset-4{margin-left:33.333333%;}
.offset-5{margin-left:41.666667%;}
.offset-6{margin-left:50%;}
.offset-7{margin-left:58.333333%;}
.offset-8{margin-left:66.666667%;}
.offset-9{margin-left:75%;}
.offset-10{margin-left:83.333333%;}
.offset-11{margin-left:91.666667%;}
@media (min-width:576px){
  .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
  .col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}
  .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
  .col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
  .col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
  .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
  .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
  .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
  .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
  .col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
  .col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
  .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
  .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
  .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
  .order-sm-first{-ms-flex-order:-1;order:-1;}
  .order-sm-last{-ms-flex-order:13;order:13;}
  .order-sm-0{-ms-flex-order:0;order:0;}
  .order-sm-1{-ms-flex-order:1;order:1;}
  .order-sm-2{-ms-flex-order:2;order:2;}
  .order-sm-3{-ms-flex-order:3;order:3;}
  .order-sm-4{-ms-flex-order:4;order:4;}
  .order-sm-5{-ms-flex-order:5;order:5;}
  .order-sm-6{-ms-flex-order:6;order:6;}
  .order-sm-7{-ms-flex-order:7;order:7;}
  .order-sm-8{-ms-flex-order:8;order:8;}
  .order-sm-9{-ms-flex-order:9;order:9;}
  .order-sm-10{-ms-flex-order:10;order:10;}
  .order-sm-11{-ms-flex-order:11;order:11;}
  .order-sm-12{-ms-flex-order:12;order:12;}
  .offset-sm-0{margin-left:0;}
  .offset-sm-1{margin-left:8.333333%;}
  .offset-sm-2{margin-left:16.666667%;}
  .offset-sm-3{margin-left:25%;}
  .offset-sm-4{margin-left:33.333333%;}
  .offset-sm-5{margin-left:41.666667%;}
  .offset-sm-6{margin-left:50%;}
  .offset-sm-7{margin-left:58.333333%;}
  .offset-sm-8{margin-left:66.666667%;}
  .offset-sm-9{margin-left:75%;}
  .offset-sm-10{margin-left:83.333333%;}
  .offset-sm-11{margin-left:91.666667%;}
}
@media (min-width:768px){
  .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
  .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}
  .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
  .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
  .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
  .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
  .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
  .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
  .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
  .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
  .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
  .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
  .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
  .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
  .order-md-first{-ms-flex-order:-1;order:-1;}
  .order-md-last{-ms-flex-order:13;order:13;}
  .order-md-0{-ms-flex-order:0;order:0;}
  .order-md-1{-ms-flex-order:1;order:1;}
  .order-md-2{-ms-flex-order:2;order:2;}
  .order-md-3{-ms-flex-order:3;order:3;}
  .order-md-4{-ms-flex-order:4;order:4;}
  .order-md-5{-ms-flex-order:5;order:5;}
  .order-md-6{-ms-flex-order:6;order:6;}
  .order-md-7{-ms-flex-order:7;order:7;}
  .order-md-8{-ms-flex-order:8;order:8;}
  .order-md-9{-ms-flex-order:9;order:9;}
  .order-md-10{-ms-flex-order:10;order:10;}
  .order-md-11{-ms-flex-order:11;order:11;}
  .order-md-12{-ms-flex-order:12;order:12;}
  .offset-md-0{margin-left:0;}
  .offset-md-1{margin-left:8.333333%;}
  .offset-md-2{margin-left:16.666667%;}
  .offset-md-3{margin-left:25%;}
  .offset-md-4{margin-left:33.333333%;}
  .offset-md-5{margin-left:41.666667%;}
  .offset-md-6{margin-left:50%;}
  .offset-md-7{margin-left:58.333333%;}
  .offset-md-8{margin-left:66.666667%;}
  .offset-md-9{margin-left:75%;}
  .offset-md-10{margin-left:83.333333%;}
  .offset-md-11{margin-left:91.666667%;}
}
@media (min-width:992px){
  .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
  .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}
  .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
  .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
  .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
  .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
  .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
  .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
  .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
  .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
  .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
  .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
  .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
  .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
  .order-lg-first{-ms-flex-order:-1;order:-1;}
  .order-lg-last{-ms-flex-order:13;order:13;}
  .order-lg-0{-ms-flex-order:0;order:0;}
  .order-lg-1{-ms-flex-order:1;order:1;}
  .order-lg-2{-ms-flex-order:2;order:2;}
  .order-lg-3{-ms-flex-order:3;order:3;}
  .order-lg-4{-ms-flex-order:4;order:4;}
  .order-lg-5{-ms-flex-order:5;order:5;}
  .order-lg-6{-ms-flex-order:6;order:6;}
  .order-lg-7{-ms-flex-order:7;order:7;}
  .order-lg-8{-ms-flex-order:8;order:8;}
  .order-lg-9{-ms-flex-order:9;order:9;}
  .order-lg-10{-ms-flex-order:10;order:10;}
  .order-lg-11{-ms-flex-order:11;order:11;}
  .order-lg-12{-ms-flex-order:12;order:12;}
  .offset-lg-0{margin-left:0;}
  .offset-lg-1{margin-left:8.333333%;}
  .offset-lg-2{margin-left:16.666667%;}
  .offset-lg-3{margin-left:25%;}
  .offset-lg-4{margin-left:33.333333%;}
  .offset-lg-5{margin-left:41.666667%;}
  .offset-lg-6{margin-left:50%;}
  .offset-lg-7{margin-left:58.333333%;}
  .offset-lg-8{margin-left:66.666667%;}
  .offset-lg-9{margin-left:75%;}
  .offset-lg-10{margin-left:83.333333%;}
  .offset-lg-11{margin-left:91.666667%;}
}
@media (min-width:1200px){
  .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
  .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}
  .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
  .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
  .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
  .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
  .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
  .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
  .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
  .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
  .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
  .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
  .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
  .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
  .order-xl-first{-ms-flex-order:-1;order:-1;}
  .order-xl-last{-ms-flex-order:13;order:13;}
  .order-xl-0{-ms-flex-order:0;order:0;}
  .order-xl-1{-ms-flex-order:1;order:1;}
  .order-xl-2{-ms-flex-order:2;order:2;}
  .order-xl-3{-ms-flex-order:3;order:3;}
  .order-xl-4{-ms-flex-order:4;order:4;}
  .order-xl-5{-ms-flex-order:5;order:5;}
  .order-xl-6{-ms-flex-order:6;order:6;}
  .order-xl-7{-ms-flex-order:7;order:7;}
  .order-xl-8{-ms-flex-order:8;order:8;}
  .order-xl-9{-ms-flex-order:9;order:9;}
  .order-xl-10{-ms-flex-order:10;order:10;}
  .order-xl-11{-ms-flex-order:11;order:11;}
  .order-xl-12{-ms-flex-order:12;order:12;}
  .offset-xl-0{margin-left:0;}
  .offset-xl-1{margin-left:8.333333%;}
  .offset-xl-2{margin-left:16.666667%;}
  .offset-xl-3{margin-left:25%;}
  .offset-xl-4{margin-left:33.333333%;}
  .offset-xl-5{margin-left:41.666667%;}
  .offset-xl-6{margin-left:50%;}
  .offset-xl-7{margin-left:58.333333%;}
  .offset-xl-8{margin-left:66.666667%;}
  .offset-xl-9{margin-left:75%;}
  .offset-xl-10{margin-left:83.333333%;}
  .offset-xl-11{margin-left:91.666667%;}
}

.l-content{margin-top:140px;overflow:hidden;}
@media only screen and (max-width: 1152px) {
  .l-content{margin-top:120px}
}

/* Landing */
.landing-st{text-align:center;position:relative}
.landing-st h2{color:#490e00;line-height:1;text-align:center;font-size:40px;font-weight:900;border-bottom:6px solid #c3a16e;display:inline-block;padding-bottom:9px;margin:0 0 46px}
.landing-st h2 small{font-size:75%}
.landing-st h2+p{margin-top:0}
.landing-st_text{background:#fff;font-size:18px;line-height:1.556;padding:20px 0 24px;text-align:center;}
.landing-st_text a{color:#d44321}
.landing-st_text b{font-weight:bold;color:#d44321}
@media only screen and (max-width: 480px) {
  .landing-st h2{font-size:28px;margin:0 0 24px}
  .landing-st h2+p{font-size:13px;line-height:1.5;text-align:left}
  .landing-st_text{font-size:14px;text-align:left;padding:8px 0 12px}
}

/* ttl */
.ttl_st {
height: 310px;
text-align: center;
position: relative;
display: table;
width: 100%;
}
.ttl_st h1 {
line-height: 1;
font-size: 58px;
font-weight: bold;
margin: auto;
color: #fff;
display: table-cell;
vertical-align: middle;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
@media only screen and (max-width: 480px) {
  .ttl_st {
    height: 160px
  }
  .ttl_st h1 {
    font-size: 36px;
  }
}

/* btn */
.btn{text-align:center;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
.btn a{background:#d44321;font-size:18px;color:#fff;font-weight:bold;padding:12px 0;position:relative;border-radius:30px;display:block;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;letter-spacing:.005em}
.btn a:hover{background:#e75937;text-decoration:none;}
.btn a:after{content:"";display:inline-block;background:url(../img/ico_btn_arrow@2x.png)no-repeat;background-size:cover;width:5px;height:8px;position:absolute;right:14px;top:50%;margin-top:-4px;}
a.btn_more {
position: absolute;
right: 0;
top: 0;
border-style: solid;
border-width: 2px;
border-color: rgb(97, 55, 17);
padding: 4px 0;
width: 156px;
display: block;
border-radius: 22px;
font-size: 14px;
text-align: center;
}
a.btn_more:after {
content: "";
display: inline-block;
background: url(../img/ico_btn_b_arrow@2x.png) no-repeat;
background-size: cover;
width: 5px;
height: 8px;
position: absolute;
right: 14px;
top: 50%;
margin-top: -4px;
}
.btn.btn-nw a:after {
color: #fff;
content: "";
display: inline-block;
background: url(../img/ico_link_newwindow@2x.png) no-repeat;
background-size: cover;
width: 10px;
height: 10px;
position: absolute;
top: 50%;
margin-top: -5px;
}
a.btn_more_sp {
border-style: solid;
border-width: 2px;
border-color: rgb(97, 55, 17);
padding: 4px 0;
width: 156px;
display: block;
border-radius: 22px;
font-size: 14px;
position: relative;
margin: auto;
text-align: center;
}
a.btn_more_sp:after {
content: "";
display: inline-block;
background: url(../img/ico_btn_b_arrow@2x.png) no-repeat;
background-size: cover;
width: 5px;
height: 8px;
position: absolute;
right: 14px;
top: 50%;
margin-top: -4px;
}
.btn.btn-nw a:after {
color: #fff;
content: "";
display: inline-block;
background: url(../img/ico_link_newwindow@2x.png) no-repeat;
background-size: cover;
width: 10px;
height: 10px;
position: absolute;
top: 50%;
margin-top: -5px;
}
.btn-b a{background:none;}
.btn-b a:hover{opacity:.7}
.btn-b a:after {
content: "";
display: inline-block;
background: url(../img/ico_btn_r_arrow@2x.png)no-repeat;
background-size: cover;
width: 5px;
height: 8px;
position: absolute;
top: 50%;
margin-top: -4px;
margin-left: 8px;
}
.btn-b.btn-b-w a:after {
content: "";
display: inline-block;
background: url(../img/ico_btn_w_arrow@2x.png)no-repeat;
background-size: cover;
width: 5px;
height: 8px;
position: absolute;
top: 50%;
margin-top: -4px;
margin-left: 8px;
}
.btn-b.btn-b-b a {
border: 2px solid #613711;
color: #613711
}
.btn-b.btn-b-b a:hover {
background: none
}
.btn-b.btn-b-r a {
border: 2px solid #e75937;
color: #e75937
}
.btn-b.btn-b-r a:hover {
background: none
}
.btn-b.btn-b-r a:after {
content: "";
display: inline-block;
background: url(../img/ico_btn_r_arrow@2x.png)no-repeat;
background-size: cover;
width: 5px;
height: 8px;
position: absolute;
top: 50%;
margin-top: -4px;
margin-left: 8px;
}
@media only screen and (max-width: 480px) {
  .btn a{font-size:15px}
  .rs-st-s a.btn_more_sp, .ra-st-s a.btn_more_sp{margin:16px auto 0}
}

/* List */
.post_list{padding:0;text-align:left;margin:0}
.post_list li{list-style:none;float:left;margin-bottom:6px}
.post_list li a{display:block;border-radius:3px;background-color:rgb(255,255,255);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);}
.post_list li .img{height:193px}
.post_list li img{border-radius:3px 3px 0 0;width:100%}
.post_list li .txt_box{background:#fff;padding:18px 23px 24px;border-radius:0 0 3px 3px;}
.post_list li .txt_box .cat_date{margin-bottom:12px}
.post_list li .txt_box .cat_date > p{float:left;line-height:1;margin-top:0;margin-bottom:0;line-height:17px;}
.post_list li .txt_box .cat_date .cat{border-radius:1px;color:#fff;margin-right:8px;font-size:12px;text-align:center;padding:0 8px}
.post_list li .txt_box .cat_date .cat_onsen{background:rgb(243,202,64)}
.post_list li .txt_box .cat_date .cat_sightseeing{background:#a0ca92}
.post_list li .txt_box .cat_date .cat_dining{background:#e39695}
.post_list li .txt_box .cat_date .cat_activities{background:#b4adea}
.post_list li .txt_box .cat_date .cat_shopping{background:#e3bc95}
.post_list li .txt_box .cat_date .cat_course{background:#d44321}
.post_list li .txt_box .cat_date .cat_spots{background:#51443a}
.post_list li .txt_box .cat_date .cat_event{background:#98d2eb}
.post_list li .txt_box .cat_date .date{color:#aeaeae}
.post_list li .txt_box h3{font-size:18px;margin:0;font-weight:bold;line-height:1.5;letter-spacing:0.005em;}
.post_list li .txt_box p.txt{font-size:14px;margin:0;line-height:1.5;}
.post_list.row{margin-right:-3px;margin-left:-3px;}
.list-p-2 li{padding:0 2px}
.list-p-3 li{padding:0 3px}
.list-p-5 li{padding:0 5px}
.list-p-7 li{padding:0 7px}
@media only screen and (max-width: 575px) {
  .post_list li{width:50%}
  .list-p-5.row {
    margin-right: -4px;
    margin-left: -4px;
  }
  .post_list li a{display:table;width:100%}
  .list-p-5 li{padding:0 4px}
  .post_list li .txt_box{padding:10px 10px 8px}
}
@media only screen and (max-width: 575px) {
  .post_list li .txt_box h3{font-size:12px;margin:0}
  .post_list li .txt_box p.txt{display:none}
  .post_list li .txt_box .cat_date{margin-bottom:8px}
  .post_list li .txt_box .cat_date .cat{padding:0 4px}
  .post_list li .txt_box .cat_date .date{font-size:9px}
  .post_list li .img{height:105px}
}
@media only screen and (min-width: 481px) {
  .post_list li .txt_box .cat_date .cat_onsen{}
  .post_list li .txt_box .cat_date .cat_sightseeing{}
  .post_list li .txt_box .cat_date .cat_dining{}
  .post_list li .txt_box .cat_date .cat_activities{}
  .post_list li .txt_box .cat_date .cat_shopping{}
  .post_list li .txt_box .cat_date .cat_course{}
  .post_list li .txt_box .cat_date .cat_spots{}
}
@media only screen and (max-width: 480px) {
  .post_list.row{margin-bottom:24px}
}

/* Related Spots */
.rs-st-bg{background:url(../img/top/bg_areamap@2x.png);background-size:434px;padding-top:56px}
.rs-st{padding-bottom:80px;margin-bottom:66px}
.rs-st h2{border-bottom:6px solid #fff;}
.rs-st ul{margin:0;}
.rs-st ul li{padding-right:5px;padding-left:5px;margin-bottom:10px;float:left;}
.rs-st ul li>div:after {
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
opacity: 0.5;
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 76px
}
.rs-st ul li a {
color: #fff;
display: block;
height: 100%;
width: 100%;
}
.rs-st ul li div{position:relative;height:220px;overflow:hidden}
.rs-st ul li div h3{position:absolute;bottom:0;left:0;text-align:left;font-size:24px;font-weight:bold;margin:16px 22px;line-height:1.333;z-index:1}
.rs-st .row{margin-right:-5px;margin-left:-5px;}
.rs-st a.btn_more{right:32px}
.rs-st-s h2{border-bottom:none;font-size:28px;font-weight:bold;text-align:left;display:block;padding-bottom:0;line-height:40px;margin:0 0 19px;padding-left:10px}
@media only screen and (min-width: 481px) {
  .rs-st-s ul li div h3{padding-left:58px}
  .rs-st-s ul li div h3:before{content:"";display:inline-block;background:url(../img/category/ico_spot@2x.png)no-repeat;background-size:cover;width:15px;height:22px;position:absolute;left:0px;top:50%;margin-top:-11px;}
  .rs-st-s ul li div h3:after{content:"";display:inline-block;border-right:1px solid #fff;height:100%;width:1px;position:absolute;left:37px;top:0;}
}
@media only screen and (max-width: 480px) {
  .rs-st {
    padding-bottom: 40px;
    margin-bottom: 32px;
  }
  .rs-st a.btn_more{/*display:none;*/}
  .rs-st .row {
    margin-right: -2px;
    margin-left: -2px;
    margin-bottom: 22px;
  }
  .rs-st ul li{width:50%;padding:0 2px;margin-bottom:8px;height:100px}
  .rs-st ul li div{height:100px}
  .rs-st ul li div h3 {
    font-size: 14px;
    margin: 8px 12px;
  }
  .rs-st-bg{padding-top:48px;padding-bottom:42px}
  .rs-st-s h2{padding-left:0;font-size:21px;margin:0 0 8px}
}

/* Related Article */
.ra-st{}
.ra-st .inner_box{position:relative;}
.ra-st-s h2{border-bottom:none;font-size:28px;font-weight:bold;text-align:left;display:block;padding-bottom:0;line-height:40px;margin:0 0 19px;padding-left:10px}
.rs-st-s,.ra-st-s{border-bottom:1px solid #ebe6c8}
.ra-st-s{padding-bottom:74px}
@media only screen and (max-width: 480px) {
  .ra-st-s{margin-bottom:30px;padding-bottom:40px}
  .ra-st-s h2{font-size:21px;padding-left:0;margin:0 0 8px}
  .ra-st .inner_box .inner {
    padding-left: 0;
    padding-right: 0
  }
  .ra-st .inner_box a.btn_more {
    right: 32px
  }
}

/* Breadcrumb */
.article_breadcrumb{background:#ebe6c8;overflow-x:auto}
.article_breadcrumb ul{display:table;padding:0;margin:0;}
.article_breadcrumb ul li{display:table-cell;height:40px;line-height:40px;font-size:12px;color:rgba(73,14,0,0.5)}
.article_breadcrumb ul li a{color:rgba(73,14,0,1)}
.article_breadcrumb ul li+li{position:relative;padding-left:16px;margin-left:16px}
.article_breadcrumb ul li:before{display:inline-block;width:1px;height:40px;content:"";border-left:1px solid #490e00;opacity:.25;vertical-align:middle;padding-left:16px}
.article_breadcrumb ul li span {
max-width: 100px;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
}

/* Navigation */
.navigation {
text-align: center;
font-size: 18px;
font-weight: bold;
letter-spacing: 0
}
.navigation a{color:#d44321}
.navigation a:hover{text-decoration:none;opacity:.7}
.navigation .prev,
.navigation .next {
border: 2px solid #d44321;
padding: 9px 17px;
display: inline-block;
}
.navigation .prev{margin-right:28px}
.navigation .next{margin-left:28px}
.navigation .page-numbers{margin:0 11px}
@media only screen and (max-width: 480px) {
  .navigation {
    font-size: 17px;
  }
}

/* Dropdown */
.dropdown,.dropleft,.dropright,.dropup{position:relative}
.dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;margin:8px 0;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;font-size:13px;color:#d44321;-webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,0.25));}
.dropdown.open .dropdown-menu{display:block}
.dropdown-menu > div{background-color:#fff;padding:10px 0;z-index:1;position:relative;}
.dropdown-menu-right{right:0;left:auto}
.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}
.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}
.dropup .dropdown-toggle:empty::after{margin-left:0}
.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}
.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}
.dropright .dropdown-toggle:empty::after{margin-left:0}
.dropright .dropdown-toggle::after{vertical-align:0}
.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}
.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}
.dropleft .dropdown-toggle::after{display:none}
.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}
.dropleft .dropdown-toggle:empty::after{margin-left:0}
.dropleft .dropdown-toggle::before{vertical-align:0}
.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}
.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}
.dropdown-item {
display: block;
width: 100%;
padding: 0 20px;
clear: both;
color: #d44321;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
line-height: 1.615;
}
.dropdown-menu:after {
content: '';
display: inline-block;
position: absolute;
border-bottom: none;
border-left: none;
top: -18px;
left: 0;
right: 0;
margin: auto;
width: 18px;
height: 19px;
border-style: solid;
border-width: 0 9px 19px 9px;
border-color: transparent transparent #fff transparent;
}
.dropdown-item:focus, .dropdown-item:hover {
text-decoration: none;
opacity: .7
}
.dropdown-item.active, .dropdown-item:active {
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
background-color: transparent
}
.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}
.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}
.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}
.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}
.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}
.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}
.btn-toolbar .input-group{width:auto}
.btn-group>.btn:first-child{margin-left:0}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}
.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}
.dropdown{text-align:center;}

header .gnav .dropdown{}
header .gnav .dropdown-menu > div{border-radius: 3px}
header .gnav .dropdown-menu.show{display:block;width:124px;margin-top:-5px;margin-left:-32px;border-radius:3px}
header .gnav .gnav_menu_language ul li a {
color: #d44321;
line-height: 2.8;
display: block;
width: 100%;
padding: 0 20px;
}
header .dropdown-menu:after {
/*content: '';
display: inline-block;
position: absolute;
border-bottom: none;
border-left: none;
top: -13px;
left: 0;
right: 0;
margin: auto;
width: 18px;
height: 13px;
border-style: solid;
border-width: 0 9px 13px 9px;
border-color: transparent transparent #fff transparent;
font-size: 13px;*/
}
/* Hero */
.hero_bg {
height: 650px;
width: 100%;
overflow: hidden;
position: absolute;
}
.hero_bg div {
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
z-index: -1;
overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .hero_bg {
    height: 250px;
  }
}


/*---------- TOP ----------*/
.top .l-content {
/*background: #f9f6e7 url(../img/top/slide/slide_01.png)center top no-repeat;
background-size: contain;
overflow: hidden;
clear: both;*/
}
/* mav */
.mv{background-size:cover;text-align:center;position:relative;}
.top_mv_ttl{height:100%;position:relative;z-index:1;padding-top:155px;color:#fff;margin-bottom:170px}
.top_mv h1{margin:0;line-height:1;margin-bottom:24px}
.top_mv h1 img{}
.top_mv h1 + p{font-size:18px;margin:0;line-height:1.55555555556}
.top_mv_bottom{position:relative;text-align:center;margin-bottom:64px;width:100%;height:100%}
.top_mv_bottom .mv_img{position:absolute;left:0;right:0;top:-100px}
.top_mv_bottom .top_mv_bottom_bg{background:url(../img/bg_footer.png);height:48px;background-size:contain;}
/*slide*/
.top .slick-box {
position: absolute;
z-index: -1;
top: 0;
width: 100%;
}
.top .slick-box img {
width: 100%;
}
.top .slick-box > div {
}
.top .slick-box .slick-1 {
background: url(../img/top/slide/slide_01-min.png);
background-size: cover;
}
.top .slick-box .slick-2 {
background: url(../img/top/slide/slide_02-min.png);
background-size: cover;
}
@media only screen and (max-width: 480px) {
  .mv{height:320px;overflow-x:hidden;overflow-y:hidden}
  .mv:has(._re) {height:93vw;overflow-x:hidden;overflow-y:hidden}
  .top_mv_ttl{padding-top:40px}
  .top_mv h1{margin-bottom:16px}
  .top_mv_ttl h1 img {
    /*position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;*/
    padding: 0 40px;
  }
  .top_mv h1+p{font-size:13px;line-height:1.5}
  .top .slick-box > div{width:140%}
  .top_mv_bottom{margin-bottom:32px}
  .top_mv_bottom .mv_img{display:none}

.top .slick-box img[src*="top_mv/MV_"] {
    object-position: -50px 0px;
}
.top .slick-box img[src*="top_mv/MV_5"] {
    object-position: 0px 0px;
}
}


/**/
.fadeSlider {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 770px;
}
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, .fadeSlider{height:640px/*ie11*/}
}
.fadeSlider div{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.fadeSlider_01 {
background-image: url(../img/top/slide/slide_01-min.png);
animation: fadeSlideImg01 16s ease-out infinite;
animation-delay: 6s;
}
.fadeSlider_02 {
opacity: 0;
background-image: url(../img/top/slide/slide_02-min.png);
animation: fadeSlideImg02 16s ease-out infinite;
animation-delay: 6s;
}
.fadeSlider_03 {
opacity: 0;
background-image: url(../img/top/slide/slide_03-min.png);
animation: fadeSlideImg03 16s ease-out infinite;
animation-delay: 6s;
}
.fadeSlider_04 {
opacity: 0;
background-image: url(../img/top/slide/slide_04-min.png);
animation: fadeSlideImg04 16s ease-out infinite;
animation-delay: 6s;
}
.fadeSlider_05 {
opacity: 0;
background-image: url(../img/top/slide/slide_05-min.png);
animation: fadeSlideImg05 16s ease-out infinite;
animation-delay: 6s;
}
.fadeSlider_06 {
opacity: 0;
background-image: url(../img/top/slide/slide_06-min.png);
animation: fadeSlideImg06 16s ease-out infinite;
animation-delay: 6s;
}
@keyframes fadeSlideImg01 {
  0%{opacity:1;}
  16%{opacity:0;}
  32%{opacity:0;}
  48%{opacity:0;}
  64%{opacity:0;}
  80%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeSlideImg02 {
  0%{opacity:0;}
  16%{opacity:1;}
  32%{opacity:0;}
  48%{opacity:0;}
  64%{opacity:0;}
  80%{opacity:0;}
  100%{opacity:0;}
}
@keyframes fadeSlideImg03 {
  0%{opacity:0;}
  16%{opacity:0;}
  32%{opacity:1;}
  48%{opacity:0;}
  64%{opacity:0;}
  80%{opacity:0;}
  100%{opacity:0;}
}
@keyframes fadeSlideImg04 {
  0%{opacity:0;}
  16%{opacity:0;}
  32%{opacity:0;}
  48%{opacity:1;}
  64%{opacity:0;}
  80%{opacity:0;}
  100%{opacity:0;}
}
@keyframes fadeSlideImg05 {
  0%{opacity:0;}
  16%{opacity:0;}
  32%{opacity:0;}
  48%{opacity:0;}
  64%{opacity:1;}
  80%{opacity:0;}
  100%{opacity:0;}
}
@keyframes fadeSlideImg06 {
  0%{opacity:0;}
  16%{opacity:0;}
  32%{opacity:0;}
  48%{opacity:0;}
  64%{opacity:0;}
  80%{opacity:1;}
  100%{opacity:0;}
}

/* About */
.about-st{margin-bottom:120px}
.about-st .inner_box{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);background:#fff;position:relative;}
.about-st .map{}
.about-st .map_japan{position:absolute;left:10px;top:-77px}
.about-st .box_inner{padding:0 10px 50px}
.about-st .box_inner .box_l{font-size:14px;line-height:1.5;text-align:left;}
.about-st .box_inner .box_r{float:right;position:relative;}
.about-st .badge_about{margin-top:-64px;margin-right:50px;margin-bottom:34px;text-align:right;position:absolute;right:0}

.about-st .buttonCenter {
  display: flex;
  justify-content: center;
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
}
.about-st .orangeButton {margin: 0 5px;}
.about-st .orangeButton a {
  display: block;
  position: relative;
  border: 2px solid #DF5F24;
  color: #DF5F24;
  width: 250px;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 700;
  border-radius: 30px;
  text-align: center;
  transition: all 0.5s ease;
}
.about-st .orangeButton a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.about-st .orangeButton.long a {width: 320px;}
.about-st .orangeButton a .obj {
  position: absolute;
  top: 50%;
  right: 6%;
  width: 13px;
  height: 18px;
  line-height: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media only screen and (min-width: 481px) {
  .about-st .inner_box{border-radius:0 0 3px 3px}
  .about-st .box_inner .box_l{margin-top:32px;width:67.291666666%;padding-left:9.907120743%;padding-right:9.597523219%}
  .about-st .box_inner .box_r{margin-top:88px;width:27.916666666%;margin-right:4.693877551%;}
}
@media only screen and (max-width: 480px) {
  .about-st .map_japan{width:118px;top:-43px;left:0}
  .about-st>.inner{padding-left:0;padding-right:0}
  .about-st .box_inner{padding:16px 16px 30px}
  .about-st .box_inner .box_l,
  .about-st .box_inner .box_r{float:none}
  .about-st .box_inner .box_l p {
    position: relative;
  }
  .about-st .box_inner .box_r {
    margin-top: 24px;
  }
  .about-st .box_inner .box_r .btn a {
    max-width: 246px;
    margin: auto;
  }
  .about-st .badge_about {
    /*width: 72px;
    height: 72px;
    float: right;
    margin-right: 16px;
    margin-bottom: 0;
    margin-top: -36px;*/
    display: none;
  }
  .about-st{margin-bottom:49px}

  .about-st .buttonCenter {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}

/*----- How To -----*/
.howto-st{margin-bottom:100px}
.howto-st .inner_box{position:relative}
@media only screen and (max-width: 480px) {
  .howto-st{margin-bottom:50px}
  .howto-st a.btn_more{display:none;}
}

/*----- Area Map -----*/
.areamap-st {
background: url(../img/top/bg_areamap@2x.png);
background-size: 434px;
padding: 80px 0;
margin-bottom: 96px
}
.areamap-st h2 {
border-bottom: 6px solid #fff;
margin-left: 16px;
margin-right: 16px;
}
.areamap-st h2+p {
margin-top: 0;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.5
}
.areamap-st ol {
text-align: left;
padding: 0;
counter-reset: number;
list-style-type: none;
margin: 24px 0 0
}
.areamap-st ol li {
width: 50%;
background: #fff;
position: relative;
font-size: 18px;
letter-spacing: 0
}
.areamap-st ol li:before {
position: absolute;
counter-increment: number;
content: counter(number);
display: inline-block;
background: #d44321;
color: white;
font-size: 12px;
font-weight: bold;
border-radius: 50%;
/*left: 24px;*/
left: 116px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 1px;
}
.areamap-st ol li a {
/*padding: 14px 0 13px 50px;*/
padding: 0;
display: table;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
border: 1px solid #dddddd;
margin-top: -1px;
width: 100%
}
.areamap-st ol li:nth-child(odd) a {
margin-left: 0
}
.areamap-st ol li a:hover {
background: #fbece8;
text-decoration: none;
}
.areamap-st img.area-thumnb {
object-fit: cover;
height: 80px;
width: 100px;
margin: 0 52px 0 0;
}
.areaLink-list-pic{float:left;height:80px;width:26.99386503%}
.areaLink-list-txt{float:right;height:80px;width:68.979591836%;display:table}
.areamap-st ol li p {
display: table-cell;
vertical-align: middle;
margin: 0;
line-height: 1.5
}

.areamap-st .buttonCenter {
  display: flex;
  justify-content: center;
  margin: -20px 0 30px;

}
.areamap-st .orangeButton {margin: 0 5px;}
.areamap-st .orangeButton a {
  display: block;
  position: relative;
  background: #fff;
  border: 2px solid #DF5F24;
  color: #DF5F24;
  width: 250px;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 700;
  border-radius: 30px;
  text-align: center;
  transition: all 0.5s ease;
}
.areamap-st .orangeButton a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.areamap-st .orangeButton.long a {width: 320px;}
.areamap-st .orangeButton a .obj {
  position: absolute;
  top: 50%;
  right: 6%;
  width: 13px;
  height: 18px;
  line-height: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media only screen and (min-width: 481px) {
  .areamap-st ol li{float:left;}
  .areamap-st ol li a{}
}
@media only screen and (max-width: 480px) {
  .areamap-st{padding:44px 0;margin-bottom:64px}
  .areamap-st>.inner{padding:0}
  .areamap-st h2+p{font-size:13px;padding-left:16px;padding-right:16px;margin-bottom:20px}
  .areamap-st ol{margin:24px 16px 0}
  .areamap-st ol li{width:100%;font-size:14px}
  .areamap-st ol li:before {
    /*left: 16px*/
    left: 31.764705882%
  }
  .areamap-st ol li a{}
  .areaLink-list-pic {
    width: 29.411764705%;
  }
  .areaLink-list-txt {
    width: 60%
  }
  .areamap-st .buttonCenter {
    margin: -10px 0 30px;
  }
}

/*----- Purpose -----*/
.purpose-st{margin-bottom:135px;}
.purpose-st .purpose_list{margin:0}
.purpose-st .purpose_list a:hover{text-decoration:none;}
.purpose-st .purpose_list li{margin-bottom:10px;float:left;}
.purpose-st .purpose_list li .img{height:200px}
.purpose-st .purpose_list li .img img{width:100%}
.purpose-st .purpose_list li .txt_box{position:relative;}
.purpose-st .purpose_list li .txt_box .icon{margin-bottom:-20px}
.purpose-st .purpose_list li .txt_box .icon img{margin-top:-45px}
.purpose-st .purpose_list li a:hover .txt_box .icon img{opacity:1}
.purpose-st .purpose_list li .txt_box h3{font-size:20px;font-weight:bold;color:#fff;padding-bottom:15px;margin:0;position:relative;z-index:1;}
.purpose-st .purpose_list li .txt_box h3 small{font-size:14px;}
.purpose_list_onsen .txt_box{background:#f3ca40}
.purpose_list_ss .txt_box{background:#a0ca92}
.purpose_list_dining .txt_box{background:#e39695}
.purpose_list_act .txt_box{background:#b4adea}
.purpose_list_shopping .txt_box{background:#e3bc95}
.purpose_list_event .txt_box{background:#98d2eb}
@media only screen and (max-width: 480px) {
  .purpose-st{margin-bottom:46px}
  .purpose-st .purpose_list li{width:50%}
  .purpose-st .purpose_list li .txt_box h3{font-size:15px}
  .purpose-st .purpose_list li .img{height:105px}
  .purpose-st .purpose_list li .txt_box .icon img{width:52px}
}

/*----- Model -----*/
.mc-st{margin-bottom:98px}
.mc-st .layout{width:100%}
.mc-st .wrapper{position:relative;width:100%;height:100%}
.mc-st .mc-st_box{background:#fff;padding:0 35px;}
.mc-st .mc-st_box .icon img{margin-top:-45px;margin-bottom:-16px}
.mc-st .mc-st_box .btn{width:228px;margin:auto}
.mc-st .wrapper .ms-st_inner:before,
.mc-st .wrapper .ms-st_inner:after{width:auto;background-color:#e9e9e9;}
.mc-st .wrapper .ms-st_inner:before{content:"";background:url(../img/top/bg_mc_1.png)center center;background-size:cover;}
.mc-st .wrapper .ms-st_inner:after{content:"";background:url(../img/top/bg_mc_2.png)center center;background-size:cover;}
@media only screen and (min-width: 481px) {
  .mc-st .layout{height:600px;}
  .mc-st .mc-st_box{width:400px;margin:auto;display:table-cell;}
  .mc-st .wrapper{display:table;}
  .mc-st .wrapper .ms-st_inner:before,
  .mc-st .wrapper .ms-st_inner:after{content:"\0020";display:table-cell}
  .mc-st .ms-st_inner{display:table-row;}
}
@media only screen and (max-width: 480px) {
  .mc-st{margin-bottom:48px}
  .mc-st .layout{position:relative;}
  .mc-st .mc-st_box{padding:0 16px 195px}
  .mc-st .mc-st_box .btn{padding:0}
  .mc-st .wrapper .ms-st_inner:before,
  .mc-st .wrapper .ms-st_inner:after{height:168px;width:50%;position:absolute;bottom:0}
  .mc-st .wrapper .ms-st_inner:before{left:0}
  .mc-st .wrapper .ms-st_inner:after{right:0}
  .mc-st .mc-st_box .icon img{width:75px}
}

/*----- Accommodation -----*/
.acc-st{margin-bottom:90px}
@media only screen and (min-width: 481px) {
  .acc-st .post_list li{}
}
@media only screen and (max-width: 480px) {
  .acc-st{margin-bottom:42px}
  .acc-st .post_list{}
  .acc-st .post_list li {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 0;
    margin: 0 0 8px;
    clear: both;
    float: none;
    background: #fff;
    border-radius: 3px
  }
  .acc-st .post_list li .img {
    width: 45.189504373%;
    display:table-cell;
    height: 105px
  }
  .acc-st .post_list li img{border-radius:3px 0 0 3px}
  .acc-st .post_list li .txt_box{width:54.810495626%;display:table-cell;border-radius:0 3px 3px 0}
  .acc-st .post_list li .txt_box h3{margin:0}
}

/*----- Latest -----*/
.latest-st{margin-bottom:100px;background:url(../img/top/bg_latest.png);background-size:cover;padding:82px 0}
.latest-st .latest-st_time{color:#fff;font-size:42px;font-weight:bold;line-height:1;margin-bottom:21px}
.latest-st .latest-st_time span{font-size:24px;font-weight:normal;}
.latest-box{padding-left:0;padding-right:0}
.latest-box .latest-box_txt{background:#fff;opacity:.9;border-radius:0 0 10px 10px;}
.latest-box .ttl{background:#fff;border-radius:10px 10px 0 0;text-align:left;font-size:18px;padding:9px 34px;letter-spacing:0;font-weight:bold}
.latest-box .ttl a:after{content:"";display:inline-block;background:url(../img/ico_btn_b_arrow@2x.png) no-repeat;background-size:cover;width:5px;height:8px;right:14px;top:50%;margin-top:-4px;margin-left:10px;}
.latest-box-top .ttl a:after{margin-left:14px}
.latest-box-top .latest-box_txt{/*font-size:24px;*/font-weight:900;padding:25px 0;}
.latest-box .latest-box_txt .ico{padding:34px 0;text-align:center;letter-spacing:0}
.latest-box .latest-box_txt .ico img{display:inline-block;margin:0 3px;}
.latest-box-top .latest-box_txt span{line-height:1}
.latest-box-top .latest-box_txt span:before{content:"";display:inline-block;width:58px;height:58px;background:url(../img/top/ico_latest_circle@2x.png);background-size:cover;vertical-align:middle;margin-right:14px}
.latest-box-top{margin-bottom:16px}
.latest-st .row{margin-right:-9px;margin-left:-9px;}
.latest-st .clearfix {
margin-right: -8px;
margin-left: -8px;
}
.latest-box.col-sm-6{padding-right:9px;padding-left:9px;float:left;}
.latest-box.col-sm-12 {
padding-right: 8px;
padding-left: 8px;
}
.latest-st .link{text-align:right;line-height:1;font-size:18px;margin-top:24px}
.latest-st .link a{color:#fff}
.latest-st .link a:after{content:"";display:inline-block;background:url(../img/ico_btn_w_arrow@2x.png) no-repeat;background-size:cover;width:5px;height:9px;right:14px;top:50%;margin-top:-2px;margin-left:10px;vertical-align:middle}
@media only screen and (max-width: 480px) {
  .latest-box.col-sm-6+.latest-box.col-sm-6{margin-top:10px}
  .latest-st{padding:24px 0;margin-bottom:48px}
  .latest-st .link{margin-top:17px;font-size:12px}
  .latest-box .ttl{font-size:12px;padding:9px 10px}
  .latest-box-top .latest-box_txt span{font-size:16px;line-height:1}
  .latest-st .latest-st_time{font-size:23px;margin-bottom:10px}
  .latest-st .latest-st_time span{font-size:15px}
  .latest-box-top{margin-bottom:10px}
}

/*----- Route Search -----*/
.search-st{margin-bottom:100px}
.search-st .search-st_box{background:#ebe6c8;text-align:left;padding:33px 80px}
.search-st .search-st_box p.lead{font-size:15px;line-height:1.53333333333;margin:0 0 32px}
.search-st .search-st_box p.lead span{font-size:12px;display:block}
.search-st .search-st_box .check{font-size:15px;text-align:center;margin-bottom:24px}
.search-st .search-st_box .search_box{margin-bottom:40px}
.search-st .search-st_box .search_box input{height:55px;width:100%;padding-left:32px;background:#fff}
.search-st .search-st_box .search_box > div{float:left;}
.search-st .search-st_box .search_box .input {
width: 45.121951219%;
position: relative;
}
.search-st .search-st_box .search_box .ico{width:39px;height:29px;text-align:center;line-height:55px;margin:14px 20px 0 21px;background:url(../img/top/ico_rs_arrow@2x.png);background-size:cover;}
.search-st input{border:none;}
.search-st .btn{background:#d44321;font-size:18px;color:#fff;font-weight:bold;padding:12px 0;position:relative;border-radius:30px;display:block;letter-spacing:0.05em;width:288px;border:0;margin:auto;}
.search-st .btn:hover{background:#e75937;}
input[type=radio],input[type=checkbox]{display:none;}
.radio,.checkbox{box-sizing:border-box;-webkit-transition:background-color 0.2s linear;transition:background-color 0.2s linear;position:relative;display:inline-block;margin:0 20px 8px 0;padding:0 0 0 26px;vertical-align:middle;cursor:pointer;line-height:1}
.radio:after,.checkbox:after{-webkit-transition:border-color 0.2s linear;transition:border-color 0.2s linear;position:absolute;top:50%;left:0;display:block;margin-top:-10px;width:20px;height:20px;border:1px solid #c3a16e;background:#fff;content:'';}
input[type=radio]:checked + .radio:before{opacity:1;}
.checkbox:before{-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;position:absolute;top:50%;left:7px;display:block;margin-top:-7px;width:7px;height:11px;border-right:2px solid #c3a16e;border-bottom:2px solid #c3a16e;content:'';opacity:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:1;}
input[type=checkbox]:checked + .checkbox:before{opacity:1;}
@media only screen and (max-width: 480px) {
  .search-st{margin-bottom:60px}
  .search-st .search-st_box{padding:24px 20px}
  .search-st .search-st_box p.lead{font-size:13px;margin:0 0 16px}
  .search-st .search-st_box p.lead span{font-size:11px;line-height:1.45454545455;margin-top:4px}
  .search-st .btn{font-size:15px;width:100%}
  .search-st .search-st_box .search_box{margin-bottom:20px;position:relative;}
  .search-st .search-st_box .search_box .input {
    width: 84.983498349%;
    width: 100%;
  }
  .search-st .search-st_box .search_box .ico {
    /*position: absolute;
    right: -3px;
    top: 50%;
    margin: -20px 0 0;
    background: url(../img/top/ico_rs_arrow_sp.png);
    background-size: cover;
    width: 29px;
    height: 39px*/
    display: none;
  }
  .search-st .search-st_box .search_box .ico+.input {
    margin-top: 12px
  }
  .search-st .search-st_box .check{margin-bottom:8px;font-size:13px}
  .search-st .search-st_box .search_box input{font-size:11px;padding-left:15px;height:41px}
}

/**/
.search_tl-st_box .input{position:relative;margin-bottom:46px}
.search-st .search-st_box .search_box .input > div,
.search_tl-st_box .input > div {
position: absolute;
background: #fff;
padding: 8px 22px;
font-size: 13px;
line-height: 1.61538461538;
width: 100%;
z-index: 1;
color: #d44321;
filter: drop-shadow(0 0 10px rgba(0,0,0,0.25));
margin-top: 8px;
}
.search-st .search-st_box .search_box .input > div:before,
.search_tl-st_box .input > div:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 18px 7px;
border-color: transparent transparent #fff transparent;
content: "";
display: inline-block;
position: absolute;
left: 50%;
top: -18px;
}
@media only screen and (max-width: 480px) {
  .search_tl-st_box .input{margin-bottom:30px}
}

/*----- TL Search -----*/
.search_tl-st{margin-bottom:100px}
.search_tl-st .search_tl-st_box{background:#ebe6c8;text-align:left;padding:33px 36px 39px 80px}
.search_tl-st .search_tl-st_box > .box_l{}
.search_tl-st .search_tl-st_box > .box_l p{font-size:15px;line-height:1.53333333333;margin-bottom:24px}
.search_tl-st .search_tl-st_box > .box_l p span{font-size:12px;line-height:1.5;display:block;}
.search_tl-st .search_tl-st_box > .box_l input{border:none;width:100%;height:55px;letter-spacing:0.01em;padding-left:32px;background:#fff}
.search_tl-st .search_tl-st_box > .box_l .btn a{color:#fff;width:288px;margin:auto;margin-bottom:32px}
.search_tl-st .search_tl-st_box > .box_l .btn a:before{color:#fff;content:"";display:inline-block;background:url(../img/ico_btn_search@2x.png) no-repeat;background-size:cover;width:23px;height:23px;position:absolute;left:17px;top:50%;margin-top:-12px;}
.search_tl-st .search_tl-st_box > .box_l .btn a:after{display:none;}
.search_tl-st .search_tl-st_box > .box_l .link{text-align:center;font-size:15px;letter-spacing:0.01em;position:relative;line-height:1}
.search_tl-st .search_tl-st_box > .box_l .link a:after{color:#fff;content:"";display:inline-block;background:url(../img/ico_link_newwindow@2x.png) no-repeat;background-size:cover;width:10px;height:10px;position:absolute;top:50%;margin-top:-5px;margin-left:8px}
.search_tl-st .search_tl-st_box > .box_r{}
.search_tl-st .search_tl-st_box .tag{font-size:15px;padding:0;margin:0 0 64px}
.search_tl-st .search_tl-st_box .tag li{float:left;margin:0 16px 0 0}
.search_tl-st p{margin-top:0}
.search_tl-st a{color:#d44321}
@media only screen and (min-width: 481px) {
  .search_tl-st .search_tl-st_box > .box_l{width:52.193995381%;padding-right:9.237875288%}
  .search_tl-st .search_tl-st_box > .box_r{width:47.806004618%;border-left:1px solid #d3cfb4;padding-left:4.618937644%}
}
@media only screen and (max-width: 480px) {
  .search_tl-st{margin-bottom:50px}
  .search_tl-st .search_tl-st_box{padding:24px 20px;}
  .search_tl-st .search_tl-st_box > .box_l{border-bottom:1px solid #d3cfb4;margin:0 0 16px}
  .search_tl-st .search_tl-st_box > .box_r{}
  .search_tl-st .search_tl-st_box > .box_l input {
    font-size: 11px;
    padding-left: 15px;
    height: 41px;
  }
  .search_tl-st .search_tl-st_box > .box_l .link{margin-bottom:28px}
  .search_tl-st .search_tl-st_box .tag{margin:0 0 40px}
  .search_tl-st .search_tl-st_box > .box_l .btn a{width:234px;margin-bottom:24px}
}

/*----- pdf -----*/
.search_tl-st .search_tl-st_box .box_r .pdf .box_l{width:26.737967914%;float:left;}
.search_tl-st .search_tl-st_box .box_r .pdf .box_r{width:67.112299465%;float:right;}
.search_tl-st .search_tl-st_box .box_r .pdf .box_r h3{font-size:16px;font-weight:bold;line-height:1;margin:0 0 16px}
.search_tl-st .search_tl-st_box .box_r .pdf .box_r p{font-size:13px;margin:0 0 8px;line-height:1.61538461538}
.search_tl-st .search_tl-st_box .box_r .pdf .box_r a{position:relative;font-size:14px;line-height:1;letter-spacing:0.05em;font-weight:bold;}
.search_tl-st .search_tl-st_box .box_r .pdf .box_r a:after{content:"";display:inline-block;background:url(../img/ico_btn_r_arrow@2x.png)no-repeat;background-size:cover;width:5px;height:8px;position:absolute;top:50%;margin-top:-3px;margin-left:8px;}

/*----- News -----*/
.news-st{text-align:left;background:linear-gradient(90deg,#c3a16e 0%,#c3a16e 50%,#fff 50%,#fff 100%);}
.news-st .box_l{background:#c3a16e}
.news-st .box_l > div{}
.news-st .box_l > div h2{border-bottom:0}
.news-st .box_r{background:#fff;padding-top:24px;padding-bottom:24px;}
.news-st .box_r dl{box-sizing:border-box;margin:0;}
.news-st .box_r dl dt{font-size:12px;color:#aeaeae;border-top:1px solid #ebebeb;padding-top:16px}
.news-st .box_r dl dd{font-size:14px;line-height:1.5;margin:0;padding-bottom:16px;padding-top:16px}
.news-st .box_r dl dt:first-child{border-top:none;padding-top:16px}
.news-st .box_r dl dt:first-child + dd{border-top:none;}
@media only screen and (min-width: 481px) {
  .news-st .box_l{width:23.979591836%}
  .news-st .box_r{width:76.020408163%;padding-left:2.244897959%;padding-right:1.020408163%;}
  .news-st .box_l > div h2{padding-left:10px;margin:56px 0}
  .news-st .box_r dl dt{float:left}
  .news-st .box_r dl dd{border-top:1px solid #ebebeb;padding-left:10.872483221%;}
}
@media only screen and (max-width: 480px) {
  .news-st>.inner{padding:0}
  .news-st .box_l {text-align:center}
  .news-st .box_l > div h2{margin:17px 0;padding:0}
  .news-st .box_r{padding:0 16px}
  .news-st .box_r dl dd{padding-top:0}
  .news-st .box_r dl dt{padding-bottom:4px;line-height:1}
}

/*----- bnr -----*/
.bnr-st{padding-bottom:80px;padding-top:80px;background:#f9f6e7}
.bnr-st ul{
  margin:0;
  margin-right:-8px;
  margin-left:-8px;
  display: flex;
  flex-wrap: wrap;
}
.bnr-st ul li {
padding: 0 8px 12px;
float: left;
}
.bnr-st ul li img {
width: 100%
}
@media only screen and (max-width: 480px) {
  .bnr-st{padding-top:30px;padding-bottom:18px}
  .bnr-st ul li {
    width: 50%;
  }
}

/*---------- Spot ----------*/
.spot .l-content{overflow:hidden;}
.spot-hero .spot-hero_bg{background:url(../img/spot/bg_spot_hero@2x.png);background-size:438px 504px}
.spot-hero .hero{position:relative;}
.spot-hero .hero .hero_inner{text-align:left;}
.spot-hero .hero .hero_inner h1{font-size:70px;font-weight:800;line-height:1.143;letter-spacing:.01em;margin:0;}
[data-lang="th"] .spot-hero .hero .hero_inner h1{font-size:56px}
.spot-hero .hero .hero_inner .ttl{position:relative;padding-left:54px;font-size:20px;line-height:21px;letter-spacing:.05em}
.spot-hero .hero .hero_inner .ttl:before{display:inline-block;content:"";background:url(../img/spot/icon-destination-fill@2x.png)no-repeat;background-size:cover;width:38px;height:46px;position:absolute;left:-7px;top:-12px}
.spot-hero .hero .hero_inner .ttl:after{display:inline-block;content:"";background:#fff;width:1px;height:21px;position:absolute;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.25);box-shadow:0 0 10px 0 rgba(0,0,0,.25);left:37px;top:50%;margin-top:-11px;}
.spot-hero .hero .hero_inner .cat ul{margin:0 0 16px}
.spot-hero .hero .hero_inner .cat ul li{float:left;margin-right:4px;line-height:1}
.spot-hero .hero .hero_inner .cat ul li a{line-height:1;border-style:solid;border-width:1px;font-size:14px;letter-spacing:0;padding:4px 20px 5px;border-radius:14px;color:#fff;border-color:#fff;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
.spot-hero .hero .hero_inner .cat ul li a:hover{opacity:.7;text-decoration:none;}
.spot .landing-st_text{text-align:left}
.badge_spot{position:absolute;top:-96px;right:34px;}
.badge_spot a{width:96px;height:96px;background:url(../img/spot/btn-clip@2x.png);background-size:cover;display:block;}
.badge_spot.active a{width:96px;height:96px;background:url(../img/spot/btn-clip_on@2x.png);background-size:cover;}
.badge_spot a.active{background:url(../img/spot/btn-clip_on@2x.png);background-size:cover;}
.landing-st_info{background:#f9f6e7;padding:80px 0}
.landing-st_info dl{text-align:left;font-size:15px;margin:-35px 0 16px;line-height:1.6;font-weight:bold}
.landing-st_info dl dt{border-top:1px solid #ddd;float:left;padding-top:16px;width:28.048780487%;padding-bottom:16px;padding-left:67px;position:relative}
.landing-st_info dl dd{border-top:1px solid #ddd;margin:0;padding-bottom:16px;padding-top:16px;vertical-align:middle;width:71.951219512%}
.landing-st_info dl dt:first-child{border-top:none;}
.landing-st_info dl dt:first-child + dd{border-top:none;}
.landing-st_info dl dd a{color:#d44321}
.landing-st_info dl dd p img{display:block;margin:0 0 12px}
.landing-st_info dl dd p b{background:#ebe6c8;padding:0 2px}
.landing-st_info dl dt p, .landing-st_info dl dd p{margin:0}
.landing-st_info dl dt p:before{display:inline-block;content:"";top:0;margin:auto;}
.landing-st_info .info_address p:before{background:url(../img/spot/ico_pin@2x.png)no-repeat;background-size:contain;width:15px;height:22px;left:33px;}
.landing-st_info .info_bt p:before{background:url(../img/spot/ico_shop@2x.png)no-repeat;background-size:contain;width:22px;height:21px;left:30px;}
.landing-st_info .info_fh p:before{background:url(../img/spot/ico_store@2x.png)no-repeat;background-size:contain;width:22px;height:21px;left:30px;}
.landing-st_info .info_rt p:before{background:url(../img/spot/ico_sand-clock@2x.png)no-repeat;background-size:contain;width:14px;height:22px;left:34px;}
.landing-st_info .info_wifi p:before{background:url(../img/spot/ico_wifi@2x.png)no-repeat;background-size:contain;width:19px;height:19px;left:31px;}
.landing-st_info .info_cc p:before{background:url(../img/spot/ico_bank@2x.png)no-repeat;background-size:contain;width:25px;height:22px;left:28px;}
.landing-st_info .info_lang p:before{background:url(../img/spot/ico_chats@2x.png)no-repeat;background-size:contain;width:24px;height:21px;left:28px;}
.landing-st_info .info_ol p:before{background:url(../img/spot/ico_bookmark@2x.png)no-repeat;background-size:contain;width:22px;height:20px;left:30px;}
.landing-st_info .info_ns p:before{background:url(../img/spot/ico_transp@2x.png)no-repeat;background-size:contain;width:17px;height:22px;left:32px;}
.landing-st_info .info_access p:before{background:url(../img/spot/ico_arrow@2x.png)no-repeat;background-size:contain;width:22px;height:22px;left:30px;}
.landing-st_info .info_price p:before{background:url(../img/spot/ico_yen@2x.png)no-repeat;background-size:contain;width:13px;height:22px;left:34px;}
.landing-st_info .info_discount p:before{background:url(../img/spot/ico_entrance@2x.png)no-repeat;background-size:contain;width:22px;height:22px;left:30px;}
.landing-st_info .info_tn p:before{background:url(../img/spot/ico_iphone@2x.png)no-repeat;background-size:contain;width:13px;height:21px;left:34px;}
.landing-st_info .info_web p:before{background:url(../img/spot/ico_world@2x.png)no-repeat;background-size:contain;width:22px;height:22px;left:30px;}
.landing-st_info .info_links p:before{background:url(../img/spot/ico_link@2x.png)no-repeat;background-size:contain;width:22px;height:22px;left:30px;}
/* sns */
.landing-st_sns{}
.landing-st_sns ul{margin:0}
.landing-st_sns ul li{float:left;margin-right:10px;font-size:13px;line-height:34px;font-family:"Arial";letter-spacing:.025em;text-align:center}
.landing-st_sns ul li a{color:#fff;height:34px;display:block;border-radius:3px;}
.landing-st_sns ul li a:hover{text-decoration:none;opacity:.7}
.landing-st_sns ul li a:before{margin-top:-1px;display:inline-block;vertical-align:middle;margin-right:8px}
.landing-st_sns .sns_tw a{background:#33a7df}
.landing-st_sns .sns_tw a:before{background:url(../img/icon-sns-tw@2x.png);background-size:cover;content:"";width:16px;height:14px}
.landing-st_sns .sns_fb a{background:#4267b2}
.landing-st_sns .sns_fb a:before{background:url(../img/icon-sns-fb@2x.png);background-size:cover;content:"";width:8px;height:16px}
.landing-st_sns .sns_pin a{background:#b60005}
.landing-st_sns .sns_pin a:before{background:url(../img/icon-sns-pin@2x.png);background-size:cover;content:"";width:14px;height:16px}
.landing-st_sns .sns_reddit a{background:#d44321}
.landing-st_sns .sns_reddit a:before{background:url(../img/icon-sns-reddit@2x.png);background-size:cover;content:"";width:16px;height:12px}
/**/
.spot #js-search{display:none}
@media only screen and (min-width: 481px) {
  .spot-hero .hero .hero_inner{position:absolute;top:80px;left:80px;color:#fff;text-align:left;}
  .spot-hero .hero .hero_inner .ttl{margin-bottom:137px;text-shadow:0 0 10px rgba(0,0,0,.25);}
  .spot-hero .hero .hero_inner h1{text-shadow:0 0 10px rgba(0,0,0,.25)}
  .landing-st_info dl dd{display:table}
  .landing-st_info dl dt{display:table;}
  .landing-st_info dl dt p, .landing-st_info dl dd p{vertical-align:middle;display:table-cell;}
  .landing-st_info dl dt p:before{bottom:0;position:absolute}
  .landing-st_info .info_address p:before{}

  .landing-st_sns ul li{}
  .landing-st_sns ul li a{width:110px}
}
@media only screen and (max-width: 480px) {
  .spot-hero .spot-hero_bg{border-bottom:5px solid #fff}
  .spot-hero .spot-hero_bg .inner{padding-left:0;padding-right:0}
  .spot-hero .hero .hero_inner h1{font-size:27px}
  .badge_spot{right:8px;top:-35px}
  .badge_spot a{width:48px;height:48px}
  .landing-st_info{padding:48px 0}
  .landing-st_info dl{font-weight:normal;margin:-16px 0 16px;font-size:12px}
  .landing-st_info dl dt{padding-left:0;padding-top:19px;font-size:12px;width:35.860058309%;float:left;}
  .landing-st_info dl dd{width:64.13994169%;float:left;}
  .landing-st_info dl dt p, .landing-st_info dl dd p{padding:0}
  .landing-st_info dl dt p{padding:0 16px 0 32px;line-height:1.16666666667}
  .landing-st_info dl dt p:before{vertical-align:middle;position:absolute;}
  .landing-st_info .info_address p:before{left:7px;top:16px}
  .landing-st_info .info_bt p:before{left:3px;top:22px}
  .landing-st_info .info_fh p:before{left:3px;top:14px}
  .landing-st_info .info_rt p:before{left:6px;top:18px}
  .landing-st_info .info_wifi p:before{left:4px;top:16px}
  .landing-st_info .info_cc p:before{left:2px;top:22px}
  .landing-st_info .info_lang p:before{left:3px;top:16px}
  .landing-st_info .info_ol p:before{left:3px;top:36px}
  .landing-st_info .info_ns p:before{left:7px;top:22px}
  .landing-st_info .info_access p:before{left:3px;top:16px}
  .landing-st_info .info_price p:before{left:8px;top:14px}
  .landing-st_info .info_discount p:before{left:3px;top:14px}
  .landing-st_info .info_tn p:before{left:9px;top:22px}
  .landing-st_info .info_web p:before{left:5px;top:43px}
  .landing-st_info .info_links p:before{left:3px;top:14px}
  /**/
  .hero_inner_sp {
    padding: 16px 16px 28px;
    text-align: left;
    position: relative;
  }
  .hero_inner_sp .ttl {
    font-size: 11px;
    position: relative;
    line-height: 15px;
    padding-left: 27px;
    margin-bottom: 16px
  }
  .hero_inner_sp .ttl:before {
    display: inline-block;
    content: "";
    background: url(../img/spot/icon-destination-fill_sp.png)no-repeat;
    background-size: cover;
    width: 10px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .hero_inner_sp .ttl:after {
    display: inline-block;
    content: "";
    background: #490e00;
    width: 1px;
    height: 10px;
    position: absolute;
    left: 18px;
    top: 2px;
  }
  .hero_inner_sp .cat{}
  .hero_inner_sp h1{font-size:27px;margin:0;line-height:1.22222222222}
  .hero_inner_sp .cat ul{margin:0}
  .hero_inner_sp .cat ul li{float:left;margin-right:4px;line-height:1}
  .hero_inner_sp .cat ul li a{line-height:1;border-style:solid;border-width:1px;font-size:11px;letter-spacing:0;padding:2px 16px 4px;border-radius:14px;color:#1b998b;border-color:#1b998b;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
  .hero_inner_sp .cat ul li a:hover{opacity:.7;text-decoration:none;}
  /**/
  .landing-st_sns ul li {
    margin-right: 1.311953352%;
    width: 24.052478134%;
    line-height: 30px
  }
  .landing-st_sns ul li:first-child{margin-right:1.166180758%}
  .landing-st_sns ul li:last-child{margin-right:0}
  .landing-st_sns ul li a{height:30px}
}


/*---------- Spot List ----------*/
.spot_list .spot_ttl{background:url(../img/area/bg_area_contents@2x.png);background-size:2497px 1249px;padding:51px 0;margin-bottom:60px;text-align:center;}
.spot_list .spot_ttl h1{line-height:1;font-size:58px;font-weight:bold;margin:0;}
.spot_list h2{border-bottom:none;font-size:28px;font-weight:bold;text-align:left;display:block;padding-bottom:0;line-height:40px;margin:0 0 19px;}
.spot_list_article{padding-bottom:80px;border-bottom:1px solid #ebe6c8;}
.spot_list_article ul{margin-bottom:34px}
.spot_list_article .btn-secondary{font-size:18px;color:#d44321;border:2px solid #d44321;width:284px;padding:8px 0;position:relative}
.spot_list_article .dropdown{margin-bottom:24px}
.spot_list_article .dropdown-menu.show{display:block;width:284px}
.spot_list_article .dropdown-toggle::after{display:inline-block;content:"";background:url(../img/ico_arrow_dropdown@2x.png);background-size:cover;width:8px;height:5px;position:absolute;right:9px;top:50%;margin-top:-3px}
.spot_list_article .spot_list .dropdown{margin-bottom:40px}
.spot_list .input{color:#490e00;margin-bottom:52px}
.spot_list .input input {
font-size: 36px;
font-weight: bold;
color: #490e00;
border-bottom: 1px solid #ddd;
width: 100%;
padding: 0 0 8px 57px;
background: url(../img/ico_search@2x.png) no-repeat 8px 12px;
background-size: 26px
}
.spot_list_article .dropdown.open .dropdown-menu {
width: 284px;
left: 50%;
margin-left: -142px;
}
/*sp*/
.sp_category_nav {
margin-bottom: 24px;
}
.sp_spot_category_nav {
font-size: 18px;
color: #d44321;
border: 2px solid #d44321;
width: 284px;
padding: 8px 0;
}
.sp_category_nav .select-label {
width: 100%;
background: #B4B4B5;
color: #d44321;
padding: 8px 0;
border: 2px solid #d44321;
text-align: center;
position: relative;
background: #f9f6e7;
}
.sp_category_nav select.sp_spot_category_nav {
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.sp_category_nav .select-label:after {
display: inline-block;
content: "";
background: url(../img/ico_arrow_dropdown@2x.png);
background-size: cover;
width: 8px;
height: 5px;
position: absolute;
right: 9px;
top: 50%;
margin-top: -3px;
}
@media only screen and (max-width: 480px) {
  .spot_list .spot_ttl{margin-bottom:30px}
  .spot_list .spot_ttl h1{font-size:21px}
  .spot_list h2{font-size:21px;margin:0 0 8px}
  .spot_list .input{margin-bottom:30px}
  .spot_list .input input {
    font-size: 26px;
    padding: 0 0 8px 34px;
    background: url(../img/ico_search@2x.png) no-repeat 3px 8px;
    background-size: 20px;
  }
  /**/
  .spot_list .post_list li{width:100%;display:table;}
  .spot_list .post_list li .img {
    width: 100%;
    display: table-cell;
    width: 48.833819242%;
    height: 105px
  }
  .spot_list .post_list li .txt_box {
    padding: 10px 10px 15px;
    width: 51.166180758%;
    display: table-cell;
    border-radius: 0 3px 3px 0;
  }
  .spot_list .post_list li img {
    border-radius: 3px 0 0 3px;
  }
  .spot_list_article{padding-bottom:40px}
  .spot_list_article .btn-secondary,
  .sp_spot_category_nav{width:100%;font-size:16px}
  /*スポット一覧ページ*/
  .sp_category_nav{margin-bottom:12px;position:relative;}
}


/*---------- Bookmark ----------*/
.bookmark{}
.bookmark .spot_ttl{background:url(../img/area/bg_area_contents@2x.png);background-size:2497px 1249px;padding:51px 0;margin-bottom:60px;text-align:center;}
.bookmark .spot_ttl h1{line-height:1;font-size:58px;font-weight:bold;margin:0;}
.bookmark .spot_list_article{padding-bottom:40px;border-bottom:none;}
.bookmark .btn-link{margin-bottom:24px}
.bookmark .btn-link .btn{text-align:right;}
.bookmark .btn-link .btn a{width:172px;font-size:14px;padding:4px 0 4px 18px;text-align:center;display:inline-block;letter-spacing:.005em;}
.bookmark .btn-link .btn-b a:before{background:url(../img/ico_dl@2x.png) no-repeat;background-size:cover;width:16px;height:17px;top:50%;margin-top:-9px;left:24px;content:"";display:inline-block;position:absolute;}
.bookmark .btn-link .btn-b a:after{background:none}
.bookmark .bookmark_map{padding-bottom:80px;border-bottom:1px solid #ebe6c8;}
.bookmark .bookmark_map h2{font-size:30px;font-weight:bold;text-align:left;display:block;padding-bottom:0;margin:0 0 16px;line-height:1}
/* No Spot */
.bookmark .bookmark_nospot{text-align:center;padding-bottom:80px;border-bottom:1px solid #ebe6c8;}
.bookmark .bookmark_nospot .icon{margin-bottom:32px;}
.bookmark .bookmark_nospot h2{margin:0 0 24px;line-height:1}
.bookmark .bookmark_nospot p{font-size:16px;line-height:1.5;margin:0;}
@media only screen and (max-width: 480px) {
  .bookmark .spot_ttl{margin-bottom:32px}
  .bookmark .spot_ttl h1{font-size:21px}
  /**/
  .bookmark .post_list li{width:100%;display:table;}
  .bookmark .post_list li .img {
    width: 100%;
    display: table-cell;
    width: 48.833819242%
  }
  .bookmark .post_list li .txt_box {
    padding: 10px 10px 15px;
    width: 51.166180758%;
    display: table-cell;
    border-radius: 0 3px 3px 0;
  }
  .bookmark .post_list li img {
    border-radius: 3px 0 0 3px;
  }
  .bookmark .bookmark_map h2,
  .bookmark .bookmark_nospot h2 {
    font-size: 21px
  }
  .bookmark .bookmark_nospot p {
    font-size: 12px
  }
  .bookmark .bookmark_nospot {
    padding-bottom: 24px;
  }
  .bookmark .bookmark_nospot .icon {
    margin-bottom: 16px;
  }
}


/*---------- Model Course ----------*/
.course-about{background:#fff;border-top:6px solid #d44321;text-align:left;position:relative;padding:40px 80px 24px;margin-bottom:85px}
.course-about h1{font-size:42px;margin:0 0 24px;line-height:1.381;}
.course-about p{font-size:18px;line-height:1.556;letter-spacing:0.01em;margin:10px 0 18px}
.course-about .ttl{margin:0 0 16px}
.course-about .cat ul{padding:0;margin:0;}
.course-about .cat ul li{float:left;margin-right:4px;margin-bottom:8px}
.course-about .cat ul li a{line-height:1;border-style:solid;border-width:1px;border-color:rgb(212,67,33);font-size:14px;padding:4px 20px 5px;border-radius:14px;color:rgb(212,67,33);display:block}
.course-about .date{font-size:14px;color:#ccc5b9}
.course-about .badge_course{top:-48px;right:71px;text-align:right;position:absolute;}
.course-about .ttl{color:#c3a16e;font-size:20px;line-height:1}
.course-map{background:url(../img/course/bg_course_map@2x.png);background-size:347px 300px;position:relative;padding:40px 0;margin-bottom:82px}
.course-map .duration{background:#d44321;color:#fff;display:inline-block;font-size:16px;letter-spacing:0.025em;font-weight:bold;padding:4px 0;width:278px;top:-64px;position:absolute;margin:auto;left:0;right:0;}
/* article */
.course-article{text-align:left;margin-bottom:120px}
.course-article article {
background: #fff;
border: 4px solid #ebe6c8;
}
.course-article article .artcle_inner{margin:0 100px 60px}
.course-article article h2{font-size:32px;font-weight:900;line-height:1.25;border-left:6px solid #d44321;padding-left:17px;margin:60px 0 40px;text-align:left;border-bottom:0;padding-bottom:0}
.course-article article p{letter-spacing:0.01em;font-size:18px;line-height:1.5;letter-spacing:0.01em}
.course-article article p a{color:rgb(212,67,33)}
.course-article article .article_img{margin-bottom:-20px}
.course-article article .article_img figure{padding:0}
.course-article article .btn{margin-top:32px;min-width:286px;text-align:left;}
.course-article article .btn a {
background: no-repeat;
color: #d44321;
border: 2px solid #d44321;
display: inline-block;
padding: 12px 102px;
}
.course-article article .btn a:after {
content: "";
display: inline-block;
background: url(../img/ico_btn_r_arrow@2x.png)no-repeat;
background-size: cover;
width: 5px;
height: 8px;
position: absolute;
top: 50%;
margin-top: -3px;
margin-left: 8px;
}
.course-article article .btn a:hover{opacity:.7}
/* figure 2 */
.course-article .article_img_2{margin:32px 0}
.course-article .article_img_2.row{margin-right:-8px;margin-left:-8px;}
.course-article .article_img_2 figure{padding-left:8px;padding-right:8px;float:left;}
.course-article .article_img_2 figure figcaption{padding:2px 0 0}
/* figure */
.course-article article figure{margin:0;font-size:13px;padding:8px 0}
.course-article article figure img{width:100%}
.course-article article figure figcaption{padding:4px 0 0;color:#afafaf;}
/* link */
.article-info{background:#ede9cd;margin-top:48px;width:100%;}
.article-info a{display:block;padding:23px 0 21px;min-height:63px}
.article-info a:hover{text-decoration:none;opacity:.7}
.article-info a>div{display:table;width:100%;height:100%;padding-left:5.128205128%;}
.article-info a>div>div{display:table-cell;vertical-align:middle}
.article-info .icon{color:#d44321;width:4.102564102%;text-align:center;font-size:12px;}
.article-info .icon img{}
.article-info .icon span{display:block;line-height:1;margin-top:7px}
.article-info .ttl{width:71.41025641%;padding-left:4.615384615%;}
.article-info .ttl p{font-size:24px;font-weight:bold;margin:0;display:table-cell;vertical-align:middle;}
.article-info .info{text-align:center;width:14.871794871%;border-left:1px solid #dfcca0;background:#ede9cd}
.article-info .info p{font-size:12px;}
.article-info .info p:before{margin:0 auto 12px;content:"";display:block;background:url(../img/ico_btn_b_arrow@2x.png) no-repeat;background-size:cover;width:5px;height:8px;}
/* links */
.link_rs{max-width:288px;margin:auto;text-align:center;position:relative;height:141px;}
.link_rs:before{width:12px;content:"";display:inline-block;height:141px;background:#ebe6c8;position:absolute;left:50%;margin-left:-6px}
.link_rs .btn a{letter-spacing:.005em;top:41px;background-image:url(../img/course/icon_btn_modelcourse@2x.png);background-repeat:no-repeat;background-size:30px 31px;background-position:center left 17px}
.link_rs .btn a:after{content:"";background:none;}
/* min */
.min_box{margin:auto;position:relative;height:113px;text-align:center;}
.min_box:before{width:12px;content:"";display:inline-block;height:113px;background:#ebe6c8;position:absolute;margin-left:-6px;left:50%}
.min_box .btn{position:absolute;top:40px;height:33px;line-height:33px;width:189px;background-color:rgb(200,167,139);border-radius:2px;margin:auto;color:#fff;font-size:16px;left:0;right:0}
/* Discount */
.course-discount{background:url(../img/course/bg_discount@2x.png);background-size:cover;color:#fff;padding:80px 0 60px;}
.landing-st.course-discount h2{color:#fff;border-bottom:6px solid #fff;}
.course-discount .box_r p{margin:0;text-align:left;font-size:16px;line-height:1.5;margin:0 0 24px}
.course-discount .btn a{width:203px;background:none;border:2px solid #fff;padding:10px 0;}
.course-discount .btn a:hover{opacity:.7}
@media only screen and (min-width: 481px) {
  .course-discount .box_l{width:35.416666666%}
  .course-discount .box_r{width:60.416666666%}
}
@media only screen and (max-width: 480px) {
  .corse-hero .inner_900,
  .corse-hero .inner,
  .course-article .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .course-about {
    padding: 24px 16px 8px;
    border-top: 3px solid #d44321;
    margin-bottom: 21px;
  }
  .course-about .cat{margin-bottom:8px}
  .course-article{margin-bottom:40px}
  .course-article article {
    border-right: 0;
    border-left: 0;
  }
  .course-article article .artcle_inner {
    margin: 0 16px 32px;
  }
  .article-info .ttl p {
    font-size: 19px
  }
  /**/
  .course-discount {
    padding: 48px 0 32px;
    background: url(../img/course/bg_discount_sp.png);
    background-size: cover;
  }
  .course-discount .btn a {
    margin: auto;
    padding: 5px 0 6px;
  }
  .course-discount .box_l{margin-bottom:16px}
  .course-discount .box_r p{font-size:13px}
  /**/
  .course-about .badge_course {
    width: 63px;
    right: 16px;
    top: -32px;
  }
  .course-about .ttl{font-size:14px;margin:0 0 8px}
  .course-about h1 {
    font-size: 28px;
    margin: 0 0 16px;
    line-height: 1.17857142857
  }
  .course-about p{font-size:14px}
  /**/
  .course-article article h2 {
    font-size: 21px;
    border-left: 3px solid #d44321;
    margin: 48px 0 0;
    padding-left: 8px;
  }
  .course-article article p{font-size:14px}
  /* links */
  .article-info{margin-top:24px}
  .link_rs{height:82px;max-width:198px}
  .link_rs .btn a {
    top: 19px;
    padding: 7px 0 8px;
  }
  .link_rs:before{height:82px}
  .min_box,
  .min_box:before{height:73px}
  .min_box .btn{top:21px}
}

/*---------- Article ----------*/
.article-st{text-align:left;margin-bottom:100px}
.article-st a{color:#d44321}
.article-st_link{border:2px solid #1b998b;margin-bottom:56px}
.article-st_link ul{border:1px solid #1b998b;margin:6px;font-size:18px;padding:8px 24px 9px}
.article-st_link ul li{padding:1px 0}
.article-st_link ul li:before{content:"";display:inline-block;background:url(../img/article/ico_arrow_article@2x.png);background-size:cover;width:5px;height:8px;vertical-align:middle;margin-right:7px}
.article-st_link ul li a{color:#1b998b;}
.article-st article h2{position:relative;padding-bottom:12px;font-size:28px;letter-spacing:0}
.article-st article h2:before{content:"";display:block;height:3px;width:22.560975609%;background:#c3a16e;position:absolute;bottom:0;z-index:1}
.article-st article h2:after{content:"";display:block;height:3px;width:100%;background:#fff;position:absolute;bottom:0;}
.article-st article p{font-size:18px;line-height:1.556;}
/* figure */
.article-st article figure{margin:0;font-size:13px;padding:8px 0}
.article-st article figure img{width:100%}
.article-st article figure figcaption{padding:4px 0 0;color:#490e00;opacity:.5}
.article-st .article_img_2.row{margin-right:-8px;margin-left:-8px;}
.article-st .article_img_2 figure{padding-left:8px;padding-right:8px;float:left}
.article-st .article_img_2 figure figcaption{padding:2px 0 0}
.article-st .btn {
margin-top: 40px;
min-width: 286px;
text-align: left;
}
.article-st .btn a {
background: no-repeat;
color: #d44321;
border: 2px solid #d44321;
display: inline-block;
padding: 10px 56px;
}
.article-st .landing-st_sns{margin-top:60px}
@media only screen and (max-width: 480px) {
  .article-st_link{margin-bottom:32px}
  .article-st_link ul {
    font-size: 15px;
    padding: 8px 12px 9px;
  }
  .article-st{margin-bottom:50px}
  .article-st article h2 {
    font-size: 21px;
    line-height: 1.33333333333;
  }
  .article-st article p {
    font-size: 14px;
  }
  .article-st article figure {
    margin-right: -16px;
    margin-left: -16px;
  }
  .article-st article figure figcaption{padding:4px 16px 0}
  .article-st .article_img_2.row {
    margin-right: -16px;
    margin-left: -16px;
  }
  .article-st .article_img_2 figure {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 50%;
  }
  .article-st .article_img_2 figure figcaption {
    padding: 8px 16px 0;
    line-height: 1.4;
  }
  .article-st .btn{text-align:center}
  .article-st .landing-st_sns {
    margin-top: 40px;
  }
  /**/
  .article .course-about {
    padding: 24px 16px 8px;
    border-top: 3px solid #d44321;
    margin-bottom: 21px
  }
  .article .course-about h1{font-size:27px;margin:0 0 8px;line-height:1.22222222222}
  .article .course-about p{font-size:14px}
  .article .course-about .badge_course {
    right: 16px;
    width: 62px;
    top: -32px;
  }

}

/*---------- Category ----------*/
.category-hero{margin-bottom:80px}
/* mv */
.category-hero_bg{height:500px}
/* about */
.category-hero .category-about{background:#f3ca40;color:#fff;text-align:left;position:relative;padding:64px 0 40px}
.category-hero .category-about .badge_category{position:absolute;left:0;top:0;margin-top:-139px;}
.category-hero .category-about h1{font-size:58px;line-height:1;z-index:1;margin:0 0 32px;position:relative;}
.category-hero .category-about h1 span{font-size:29px}
.category-hero .category-about .lead{font-size:18px;line-height:1.556;margin:0}
.category-about_img{position:absolute;right:-1px;top:-104px}
.category-about_img .category-about_img_inner .box_r{margin-left:14px}
/**/
.category .ra-st-s {
margin-bottom: 0;
padding-bottom: 80px;
}
@media only screen and (min-width: 481px) {
  .category-about_img{max-width:494px}
  .category-about_img .category-about_img_inner{max-width:494px}
}
@media only screen and (max-width: 480px) {
  .category-hero{margin-bottom:40px}
  /* mv */
  .category-hero_bg{height:250px}
  /* about */
  .category-hero .category-about{padding:48px 0 24px}
  .category-hero .category-about .badge_category{left:16px;margin-top:-86px;width:75px}
  .category-hero .category-about h1{font-size:36px;margin:0 0 24px}
  .category-hero .category-about .lead{font-size:14px}
  .category-about_img {
    width: 62.682215743%;
    right: 16px;
    top: -76px
  }
  .category-about_img .category-about_img_inner{}
  .category-about_img .category-about_img_inner>div{width:48.837209302%}
  .category-about_img .category-about_img_inner .box_r{float:right;margin-left:2.325581395%}
  .category-about_img .category-about_img_inner .box_l{float:left}
  .category .ra-st-s {
    padding-bottom: 40px
  }
}


/*---------- Area ----------*/
.area-hero{}
/* mv */
.area-hero_bg{height:500px}
/* about */
.area-contents {
background: url(../img/area/bg_area_contents@2x.png);
background-size: 2497px 1249px;
padding-bottom: 80px;
margin-bottom: 58px
}
.area-contents .area-about {
text-align: left;
position: relative;
margin-bottom: 40px
}
.area-contents .area-about .area-about_inner {
top: -56px;
background: #fff;
padding: 38px 80px 40px;
position: relative;
}
.area-contents .area-about h1 {
font-size: 58px;
line-height: 1;
z-index: 1;
margin: 0 0 32px;
position: relative;
}
.area-contents .area-about p {
font-size: 18px;
line-height: 1.556;
letter-spacing: 0.01em;
margin: 0
}
.area-contents .area-about .cat {
font-size: 16px;
line-height: 1;
color: #c3a16e;
margin: 0 0 24px
}
.area-contents .area-about .cat a{color:#c3a16e}
#content.area .rs-st-s{padding-top:66px}
@media only screen and (max-width: 480px) {
  .area-hero_bg{height:252px}

  .area-contents{margin-bottom:24px}
  .area-contents .inner {
    padding-right: 0;
    padding-left: 0
  }
  .area-contents .area-about .area-about_inner {
    top: 0;
    padding: 18px 16px 32px;
  }
  .area-contents .area-about .cat {
    margin: 0 0 16px
  }
  .area-contents .area-about h1 {
    font-size: 36px;
    margin: 0 0 24px
  }
  .area-contents .area-about p{font-size:14px}
}


/*---------- Status ----------*/
.status .ttl_st,
.status_ttl {
background: url(../img/status/bg_status@2x.png);
background-size: cover;
}
.status .ttl_st h1{}
.status .status_map {
padding: 60px 0 100px
}
.status .status_map ol {
margin: 16px 0 0;
text-align:left;padding:0;counter-reset:number;list-style-type:none;margin:24px 0 0}
.status .status_map ol li{background:#fff;border:1px solid #dddddd;margin-top:-1px;margin-left:-1px;position:relative;font-size:18px;padding:24px 40px 32px;display:block;}
.status .status_map ol li.alert{background:#fbece8}
.status .status_map ol li.alert a{color:#d44321}
.status .status_map ol li a{-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
.status .status_map ol li a:hover{text-decoration:none;opacity:.7}
.status .status_map ol li .status_map_ol_logo{line-height:1}
.status .status_map ol li p.status_map_ol_en{font-size:18px;margin:14px 0 22px;line-height:1;color:#c3a16e}
.status .status_map ol li p.status_map_ol_info{font-size:22px;line-height:1;font-weight:bold;margin:0;padding:0 0 0 30px;position:relative;}
.status .status_map ol li p.status_map_ol_info_n:before {
content: "";
display: inline-block;
background: url(../img/status/ico_status_normal@2x.png);
background-size: cover;
width: 23px;
height: 23px;
position: absolute;
left: 0
}
.status .status_map ol li p.status_map_ol_info_s:before {
content: "";
display: inline-block;
background: url(../img/status/ico_status_stop@2x.png);
background-size: cover;
width: 24px;
height: 25px;
position: absolute;
left: 0;
top: -2px
}
.status .status_map ol li p.status_map_ol_route {
color: #aeaeae;
margin: 0;
line-height: 1.75;
font-size: 12px;
margin: 12px 0 -20px;
position: relative;
}
.status .status_map ol li p.status_map_ol_route_a {
color: #d44321;
font-size: 13px;
line-height: 1.615;
}
.status .status_map ol li p.status_map_ol_route_a:after {
content: "";
display: inline-block;
background: url(../img/ico_btn_r_arrow@2x.png)no-repeat;
background-size: cover;
width: 5px;
height: 8px;
position: absolute;
top: 50%;
margin-top: -3px;
margin-left: 8px;
}
/* General Information */
.status-general{margin-bottom:100px}
.status-general .inner>div{border:solid 1px #c3a16e;outline:solid 2px #c3a16e;outline-offset:4px;margin:6px;padding:34px 120px 40px;text-align:left;}
.status-general .inner_box h3{font-size:18px;margin:0 0 16px;font-weight:bold}
.status-general .inner_box p{font-size:14px;margin:0 0 24px}
.status-general .btn a{width:152px;background:none;border:2px solid #d44321;padding:4px 0;color:#d44321;font-size:14px;letter-spacing:.05em;margin-left:4px}
.status-general .btn a:after{content:"";display:inline-block;background:url(../img/ico_btn_r_arrow@2x.png) no-repeat;background-size:cover;width:5px;height:8px;position:absolute;top:50%;margin-top:-4px;right:8px;}
/* Getting Around Hakone */
.getting-st{color:#fff}
.getting-st > div{background:url(../img/status/bg_status_getting.png);background-size:cover;padding:100px 0 82px}
.getting-st h2{color:#fff;border-bottom:6px solid #fff;}
.getting-st p{font-size:18px;margin-top:0;line-height:1.556;}
.getting-st .btn{margin-top:40px}
.getting-st .btn a{width:293px;border:#fff 2px solid;margin:auto;background:none;font-size:18px;letter-spacing:.05em;padding:10px 0;}
.getting-st .btn-b a:after {
content: "";
display: inline-block;
background: url(../img/ico_btn_w_arrow@2x.png)no-repeat;
background-size: cover
}
.status .getting-st{border-bottom:1px solid #ebe6c8;padding-bottom:80px;}
@media only screen and (min-width: 481px) {
  .status .status_map ol li{width:50%;float:left}
  .status-general .inner_box .box_l{width:33.057851239%}
  .status-general .inner_box .box_r{width:62.396694214%}
}
@media only screen and (max-width: 480px) {
  .getting-st > div {
    background: url(../img/status/bg_status_getting_sp.png)center;
    background-size: cover;
    padding: 48px 0 40px;
  }
  .status-general .inner>div{padding:20px 16px 24px}
  .status-general .btn a{margin:auto}
  .getting-st .btn a {
    font-size: 15px;
    width: auto;
    margin: auto;
    display: inline-block;
    padding: 5px 57px 6px;
  }
  /**/
  .status .status_map{padding:50px 0}
  .status .status_map ol li{padding:15px 24px 15px}
  /**/
  .status-general {
    margin-bottom: 50px;
  }
  .status .getting-st > div {
    padding: 50px 0 54px;
  }
  .status .getting-st {
    border-bottom: none;
    border-bottom: 0;
  }
  .status .getting-st .btn {
    margin-top: 32px;
  }
}


/*---------- Alternative Route ----------*/
.status_alternative {
background: #fff;
overflow: hidden;
}
.status_alternative .info_ttl{padding:64px 0 40px}
.status_alternative .info_ttl h1{font-size:40px;letter-spacing:.005em;margin:0;line-height:1}
.status_alternative_st {
text-align: left;
border-bottom: 1px solid #ebe6c8;
padding-bottom: 48px;
margin-bottom: 40px
}
.status_alternative_st h3 {
font-size: 24px;
font-weight: bold;
}
.status_alternative_st_2 h3 {
color: #f14e00
}
.status_alternative_st_3 h3 {
color: #2ab7ca
}
.status_alternative_st_4 h3 {
color: #a2a79e
}
.status_alternative_st_1 p {
font-size: 18px;
margin: 0 0 16px
}
.status_alternative_st_1 p .txt_red{color:#f14e00}
.status_alternative_st_1 p .txt_gray{color:#ddd}
.status_alternative_st_1 p .txt_blue{color:#2ab7ca}
.status_alternative_st_4{margin-bottom:80px}
.status_alternative .bnr-st {
border-top: 1px solid #ebe6c8;
}
@media only screen and (max-width: 480px) {
  .status_alternative .info_ttl {
    padding: 32px 0;
  }
  .status_alternative .info_ttl h1 {
    font-size: 27px;
  }
  .status_alternative_st_1 p {
    line-height: 1.5;
    font-size: 14px
  }
  .status_alternative_st_2 h3,
  .status_alternative_st h3{font-size:15px;margin-bottom:16px}
  .status_alternative_st {
    padding-bottom: 16px;
    margin-bottom: 24px
  }
  .status_alternative_st_4 {
    margin-bottom: 40px
  }
}


/*---------- Transportation ----------*/
.transp .transp_ttl {
background: url(../img/transp/bg_transp@2x.png);
background-size: cover;
height: 310px;
text-align: center;
position: relative;
display: table;
width: 100%;
}
.transp .transp_ttl h1 {
line-height: 1;
font-size: 58px;
font-weight: bold;
margin: auto;
color: #fff;
display: table-cell;
vertical-align: middle;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
/* About */
.transp .transp_about{margin-bottom:140px;background:url(../img/transp/bg_transp_about.png)no-repeat center top;background-size:cover;height:520px;position:relative;}
.transp .transp_about .inner{height:100%}
.transp .transp_about h2{margin-top:70px}
.transp .transp_about p{font-size:18px;line-height:1.556;margin-top:0}
.transp .transp_about nav{position:absolute;bottom:-59px;width:100%;}
.transp .transp_about nav ul{margin:0;border:1px solid #d44321;}
.transp .transp_about nav ul li{font-size:24px;font-weight:bold;line-height:1.167;padding:0;border:1px solid #d44321;background:#fff;float:left}
.transp .transp_about nav ul li a span{font-size:75%}
.transp .transp_about nav ul li a small{font-size:13px;display:block;}
.transp .transp_about nav ul li a{color:#d44321;display:block;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;display:table;width:100%;}
.transp .transp_about nav ul li a:hover{background:#fbece8;text-decoration:none;}
.transp .transp_about nav ul li a:after{content:"";display:inline-block;background:url(../img/ico_arrow_b_r@2x.png) no-repeat;background-size:cover;width:8px;height:12px;position:absolute;top:50%;margin-top:-4px;right:11px;}
/* Latest */
.transp .latest-st {
margin-bottom: 80px
}
/* Getting Around Hakone */
.transp .getting-st {
margin-bottom: 80px
}
/* Stations Guide */
.transp .transp-guide{
background: url(../img/transp/bg_st.png);
border-bottom:1px solid #ebe6c8;padding-bottom:80px;padding-top:80px;}
.transp-guide ol{text-align:left;padding:0;counter-reset:number;list-style-type:none;margin:10px 0 0}
.transp-guide ol li{width:50%;float:left;background:#fff;border:1px solid #dddddd;margin-top:-1px;margin-left:-1px;position:relative;font-size:18px;}
.transp-guide ol li a{display:block;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;color:#d44321;width:100%;height:100%;}
.transp-guide ol li a:hover{background:#fbece8;text-decoration:none;}
.transp-guide ol li .img{line-height:1;float:left;margin-right:14px}
.transp-guide ol li p {
font-size: 18px;
float: left;
margin: 0;
position: absolute;
top: 50%;
left: 154px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-weight: bold
}
.transp-guide ol li a:after {
content: "";
display: inline-block;
background: url(../img/ico_btn_r_arrow@2x.png) no-repeat;
background-size: cover;
width: 5px;
height: 8px;
position: absolute;
top: 50%;
margin-top: -4px;
right: 17px;
}
@media only screen and (min-width:480px) {
  .transp .transp_about nav ul li a{height:118px}
  .transp .transp_about nav ul li a small{margin:4px 0 0}
  .transp .transp_about nav ul li a div{display:table-cell;vertical-align:middle}
}
@media only screen and (max-width: 480px) {
  .transp .transp_ttl {
    background: url(../img/transp/bg_transp_sp.png)center;
    background-size: cover;
    height: 160px;
  }
  .transp .transp_ttl h1{font-size:36px}

  .transp .transp_about {
    height: 392px;
    margin-bottom: 217px;
    background: url(../img/transp/bg_transp_about_sp.png)no-repeat center bottom;
    background-size: cover;
  }
  .transp .transp_about h2{margin-top:40px}
  .transp .transp_about p{text-align:left;font-size:14px}
  .transp .transp_about nav {
    position: absolute;
    bottom: -174px;
    /* left: 0; */
    padding: 0 16px;
    width: 100%;
    /* right: 16px; */
    margin: 0 -16px;
  }
  .transp .transp_about nav ul li {
    font-size: 15px;
    height: 58px;
    display: table;
  }
  .transp .transp_about nav ul li a {
    display: table-cell;
    vertical-align: middle;
  }
  .transp .transp_about nav ul li a span{font-size:100%}
  .transp .transp_about nav ul li a small{font-size:15px}

  .transp-guide ol li{width:100%}
  .transp-guide ol li p{font-size:13px;left:152px}
  .transp .getting-st{margin-bottom:40px}
  .transp .latest-st{margin-bottom:50px}
  .transp .transp-guide{padding-top:40px;padding-bottom:38px}
  .transp-guide ol li a:after{right:6px}
}


/*---------- Information ----------*/
.info{background:#fff}
.info .info_ttl{padding:64px 0 32px}
.info .info_ttl h1{font-size:40px;letter-spacing:.005em;margin:0;line-height:1}
/**/
.info .info_map{margin-bottom:60px;text-align:center}
.info .info_map .info_map_link{position:relative;background:url(../img/info/img_map@2x.png);background-size:cover;height:634px}
.info .info_map .info_map_link div{font-size:16px;letter-spacing:.02em;color:#D45A2D;background:#fff;display:inline-block;border:2px solid #D45A2D;border-radius:6px;line-height:1;padding:2px 6px;font-weight:bold;position:absolute;}
.info .info_map .info_map_link a{color:#D45A2D}
.info .info_map .info_map_link div.spot_1{top:65px;left:164px}
.info .info_map .info_map_link div.spot_2{top:94px;left:30px}
.info .info_map .info_map_link div.spot_3{top:134px;left:318px}
.info .info_map .info_map_link div.spot_4{top:224px;left:504px}
.info .info_map .info_map_link div.spot_5{top:256px;left:488px}
.info .info_map .info_map_link div.spot_6{top:279px;left:389px}
.info .info_map .info_map_link div.spot_7{top:284px;left:809px}
.info .info_map .info_map_link div.spot_8{top:289px;left:272px}
.info .info_map .info_map_link div.spot_9{top:320px;left:210px}
.info .info_map .info_map_link div.spot_10{top:333px;left:480px}
.info .info_map .info_map_link div.spot_11{top:342px;left:745px}
.info .info_map .info_map_link div.spot_12{top:575px;left:346px}
/**/
.info .spot_list_article{padding-bottom:14px}
ul.info_list{margin-top:0;margin-bottom:0}
ul.info_list li{padding-right:14px;padding-left:14px;margin-bottom:64px;float:left;}
ul.info_list li .infon_ttl{margin-bottom:10px;position:relative}
ul.info_list li .icon{width:93px;text-align:center;border-right:1px #ddd solid}
ul.info_list li .icon img{margin-bottom:6px;margin-bottom:10px}
ul.info_list li .icon span{font-size:13px;font-weight:bold;display:block;line-height:1}
ul.info_list li .ttl{width:208px}
ul.info_list li h3{font-size:18px;font-weight:bold;letter-spacing:.005em;position:absolute;top:50%;left:108px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);font-weight:bold;}
ul.info_list li p.txt{font-size:14px;letter-spacing:.001em;margin:19px 0 20px;line-height:1.5}
ul.info_list li .img{position:relative;}
ul.info_list li .img p.date{font-size:12px;color:#fff;position:absolute;bottom:8px;left:8px;margin:0;line-height:1}
ul.info_list li .btn a{font-size:14px;letter-spacing:.005em;color:#d44321;border:2px solid #d44321;width:189px;padding:4px 0;margin:16px 0 0 4px;font-weight:bold}
ul.info_list li .btn a:hover{background:none;opacity:.7}
/**/
.pinArea{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;font-size:13px;padding:0 10px;margin-bottom:16px;letter-spacing:.03em;}
.pinArea-list{margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.pinArea .annotation{color:#d4451d;display:table-cell;vertical-align:bottom;margin:0}
.pinArea-listItem{margin-left:9px;margin-right:10px;padding-left:25px;height:26px;}
.pinArea-listItem.pin-kouyou1{background:url("../img/info/kouyou/pin01.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-kouyou2{background:url("../img/info/kouyou/pin02.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-kouyou3{background:url("../img/info/kouyou/pin03.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-kouyou4{background:url("../img/info/kouyou/pin04.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-ajisai1{background:url("../img/info/ajisai/pin01.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-ajisai2{background:url("../img/info/ajisai/pin02.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-ajisai3{background:url("../img/info/ajisai/pin03.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-ajisai4{background:url("../img/info/ajisai/pin04.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-sakura1{background:url("../img/info/sakura/pin01.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-sakura2{background:url("../img/info/sakura/pin02.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-sakura3{background:url("../img/info/sakura/pin03.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-sakura4{background:url("../img/info/sakura/pin04.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-shinryoku1{background:url("../img/info/shinryoku/pin01.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-shinryoku2{background:url("../img/info/shinryoku/pin02.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-shinryoku3{background:url("../img/info/shinryoku/pin03.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-shinryoku4{background:url("../img/info/shinryoku/pin04.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-tsutsuji1{background:url("../img/info/tsutsuji/pin01.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-tsutsuji2{background:url("../img/info/tsutsuji/pin02.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-tsutsuji3{background:url("../img/info/tsutsuji/pin03.png") no-repeat;background-size:20px;}
.pinArea-listItem.pin-tsutsuji4{background:url("../img/info/tsutsuji/pin04.png") no-repeat;background-size:20px;}
@media only screen and (max-width: 480px) {
  .info .info_ttl {
    padding: 32px 0
  }
  .info .info_ttl h1 {
    font-size: 27px;
  }
  /**/
  .info .info_map {
    margin-bottom: 50px
  }
  .info .info_map .inner {
    padding-left: 0;
    padding-right: 0;
  }
  /**/
  .pinArea {
    padding: 0 16px;
    margin: 12px 0 0;
  }
  .pinArea-list{width:100%}
  .pinArea-listItem {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    height: auto;
    width: 25%;
    font-size: 12px;
    padding-top: 40px;
    line-height: 1.2;
  }

  .pinArea-listItem.pin-kouyou1{background:url("../img/info/kouyou/pin01.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-kouyou2{background:url("../img/info/kouyou/pin02.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-kouyou3{background:url("../img/info/kouyou/pin03.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-kouyou4{background:url("../img/info/kouyou/pin04.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-ajisai1{background:url("../img/info/ajisai/pin01.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-ajisai2{background:url("../img/info/ajisai/pin02.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-ajisai3{background:url("../img/info/ajisai/pin03.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-ajisai4{background:url("../img/info/ajisai/pin04.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-sakura1{background:url("../img/info/sakura/pin01.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-sakura2{background:url("../img/info/sakura/pin02.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-sakura3{background:url("../img/info/sakura/pin03.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-sakura4{background:url("../img/info/sakura/pin04.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-shinryoku1{background:url("../img/info/shinryoku/pin01.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-shinryoku2{background:url("../img/info/shinryoku/pin02.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-shinryoku3{background:url("../img/info/shinryoku/pin03.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-shinryoku4{background:url("../img/info/shinryoku/pin04.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-tsutsuji1{background:url("../img/info/tsutsuji/pin01.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-tsutsuji2{background:url("../img/info/tsutsuji/pin02.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-tsutsuji3{background:url("../img/info/tsutsuji/pin03.png") no-repeat center top;background-size:26px}
  .pinArea-listItem.pin-tsutsuji4{background:url("../img/info/tsutsuji/pin04.png") no-repeat center top;background-size:26px}
  /**/
  .info .spot_list_article{padding-bottom:0}
  ul.info_list li{margin-bottom:50px}
  ul.info_list li h3{font-size:15px;line-height:1.3}
  ul.info_list li p.txt{font-size:12px;margin:16px 0 8px}

}


/*---------- Crowd Forecast ----------*/
.crowd .ttl_st{background:url(../img/crowd/bg_crowd.png);background-size:cover;}
.crowd .ttl_st h1{}
.crowd .crowd_calender{padding:60px 0 48px}
.crowd .status_map_img{margin-bottom:64px}
.crowd .status_map_list{text-align:left;}
.crowd .status_map_list article{margin-bottom:32px;}
.crowd .status_map_list article .box_l{width:34.693877551%;}
.crowd .status_map_list article .box_r{width:61.428571428%;margin-right:1.020408163%}
.crowd .status_map_list article .box_r h3{font-size:26px;font-weight:bold}
.crowd .status_map_list article .box_r p{font-size:16px;line-height:1.5;}
.crowd .crowd_calender_year{padding-bottom:70px;border-bottom:1px solid #ebe6c8;}
.crowd .crowd_calender_year .crowd_calender_year_bg{background:url(../img/transp/bg_st.png);padding-bottom:20px;padding-top:58px;}
.crowd .crowd_calender_year ul{margin-top:0;margin-bottom:0;margin-right:-14px;margin-left:-14px;}
.crowd .crowd_calender_year ul li{padding-right:14px;padding-left:14px;margin-bottom:40px;float:left}
.crowd .crowd_calender_year ul li h4{font-weight:normal;text-align:left;margin:0 0 16px;font-size:16px;line-height:1}
@media only screen and (max-width: 480px) {
  .crowd .status_map_list article .box_l {
    float: left;
    width: 44.606413994%
  }
  .crowd .status_map_list article .box_r {
    float: right;
    margin-right: 0;
    width: 52.186588921%
  }
  .crowd .crowd_calender{padding:50px 0 22px}
  .crowd .crowd_calender_year ul {
    margin-right: -16px;
    margin-left: -16px;
  }
  .crowd .crowd_calender_year ul li {
    padding-right: 16px;
    padding-left: 16px;
    width: 50%
  }
  /**/
  .status_map_img {
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .crowd .status_map_img {
    margin-bottom: 48px
  }
  .status_map_img div {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .status_map_img div img {
    max-width: inherit;
    height: 223px;
  }
  /**/
  .crowd .status_map_list article{margin-bottom:28px}
  .crowd .status_map_list article .box_r h3{font-size:15px;line-height:1.5;margin:0 0 8px}
  .crowd .status_map_list article .box_r p{font-size:11px;line-height:1.36363636364;margin:0}
  /**/
  .crowd .crowd_calender_year {
    padding-bottom: 0;
    border-bottom: none;
  }
}


/*---------- 404 ----------*/
.page_404{background:#fff}
.leadArea{text-align:center}
.leadArea .titlePattern3{line-height:1.4;margin:0 0 40px}
.leadArea p{margin:0 0 32px}
.leadArea .btn a{padding:12px 40px}
@media print, screen and (min-width: 769px) {
  .leadArea {
    width: 960px;
    margin: 0 auto;
    padding: 80px 10px;
  }
  .leadArea .titlePattern3 {
    margin-bottom: 40px;
  }
  .btnArea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .btnArea .btnOrange-wrap:first-child {
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .leadArea {
    margin: 32px auto;
  }
  .leadArea .titlePattern3 {
    margin-bottom: 40px;
    font-size: 28px
  }
  .leadArea .txtParagraph {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 1.8;
  }
  .btnArea .btnOrange {
    margin: 1rem auto;
  }
  .leadArea .btn a {
    max-width: 246px;
    margin: 12px auto;
    font-size: 15px;
  }
}


/*---------- Season Highlights ----------*/
.season .ttl_st {
background: url(../img/season/bg_season.png);
background-size: cover;
}
.season .ttl_st h1 {
}
/* tab */
.season_tab{padding:80px 0 0}
.season_tab .tab{}
.season_tab .tab ul{margin:0;border-bottom:6px solid #d44321}
.season_tab .tab ul li a{float:left;width:25%;font-size:24px;font-weight:bold;line-height:1;padding:34px 0 34px 10.408163265%;position:relative;text-align:left}
.season_tab .tab ul li a:hover{background:#fff;border-radius:10px 10px 0 0;text-decoration:none}
.season_tab .tab ul li span{display:block;font-size:12px;margin:10px 0 0;color:#c3a16e}
.season_tab .tab ul li.current a{background:#d44321;color:#fff;border-radius:10px 10px 0 0;}
.season_tab .tab ul li.current span{color:#fff}
.season_tab .tab ul li:before{position:absolute}
.season_tab .tab ul li.tab_spring.current a:before{content:"";display:inline-block;background:url(../img/season/icon-spring_h@2x.png);width:41px;height:41px;background-size:cover}
.season_tab .tab ul li.tab_spring a:before{content:"";display:inline-block;background:url(../img/season/icon-spring@2x.png);width:41px;height:41px;background-size:cover}
.season_tab .tab ul li.tab_summer.current a:before{content:"";display:inline-block;background:url(../img/season/icon-summer_h@2x.png);width:47px;height:50px;background-size:cover;}
.season_tab .tab ul li.tab_summer a:before{content:"";display:inline-block;background:url(../img/season/icon-summer@2x.png);width:47px;height:50px;background-size:cover;}
.season_tab .tab ul li.tab_autumn.current a:before{content:"";display:inline-block;background:url(../img/season/icon-autumn_h@2x.png);width:46px;height:45px;background-size:cover;}
.season_tab .tab ul li.tab_autumn a:before{content:"";display:inline-block;background:url(../img/season/icon-autumn@2x.png);width:46px;height:45px;background-size:cover;}
.season_tab .tab ul li.tab_winter.current a:before{content:"";display:inline-block;background:url(../img/season/icon-winter_h@2x.png);width:56px;height:41px;background-size:cover}
.season_tab .tab ul li.tab_winter a:before{content:"";display:inline-block;background:url(../img/season/icon-winter@2x.png);width:56px;height:41px;background-size:cover;}
/**/
.season_contents{text-align:left;font-size:18px;line-height:1.556;margin-bottom:80px;padding-top:56px}
.season_contents p{margin-top:0}
.season_contents figure{margin:48px 0;}
.season_contents figure img{/*border:3px solid #c3a16e*/}
.season_contents figure figcaption{font-size:24px;font-weight:bold;line-height:1;margin:0 0 12px}
.season_contents figure .video {
position:relative;
width:100%;
padding-top:56.25%;
border:3px solid #c3a16e
}
.season_contents figure .video iframe {
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
/**/
.season_spring .season_contents {
background: url(../img/season/bg_spring@2x.png)no-repeat center 30px;
background-size: 1142px 447px
}
.season_summer .season_contents {
background: url(../img/season/bg_summer@2x.png)no-repeat center 30px;
background-size: 1162px 447px
}
.season_autumn .season_contents {
background: url(../img/season/bg_autumn@2x.png)no-repeat center 34px;
background-size: 1147px 431px
}
.season_winter .season_contents {
background: url(../img/season/bg_winter@2x.png)no-repeat center 39px;
background-size: 1155px 414px
}
/* Event */
.season_event {
background: url(../img/season/bg_event@2x.png);
background-size: 347px 300px;
padding: 64px 0 80px
}
.season_event table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
line-height: 1.313;
font-size: 16px;
}
.season_event table thead tr {
text-align: center;
}
.season_event table tbody {
text-align: left;
}
.season_event tr:nth-of-type(odd) {
background: #fcfaf3;
}
.season_event tr {
background: #fff;
}
.season_event th {
background: #c3a16e;
color: white;
font-weight: bold;
}
.season_event td,
.season_event th {
padding: 19px 25px 20px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.season_event td.month{font-weight:bold}
.season_event td.month,
.season_event td.day {
text-align: center;
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
}
@media only screen and (min-width: 481px) {
  .season_tab .tab ul li.tab_spring.current a:before,
  .season_tab .tab ul li.tab_spring a:before {
    left: 12.244897959%;
    top: 37px;
    position: absolute;
  }
  .season_tab .tab ul li.tab_summer a:before,
  .season_tab .tab ul li.tab_summer.current a:before {
    left: 11.020408163%;
    top: 32px;
    position: absolute;
  }
  .season_tab .tab ul li.tab_autumn a:before,
  .season_tab .tab ul li.tab_autumn.current a:before {
    left: 8.979591836%;
    top: 37px;
    position: absolute;
  }
  .season_tab .tab ul li.tab_winter a:before,
  .season_tab .tab ul li.tab_winter.current a:before {
    left: 8.979591836%;
    top: 37px;
    position: absolute;
  }
}
@media only screen and (max-width: 480px) {
  .season_tab{padding:32px 0 0}
  .season_tab .tab .inner {
    padding-right: 0;
    padding-left: 0;
    max-width: inherit;
  }
  .season_tab .tab {
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .season_tab .tab div {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .season_tab .tab ul {
    width: 504px;
    padding: 0 16px;
    border-bottom: 4px solid #d44321;
  }
  .season_tab .tab ul li a {
    width: 118px;
    font-size: 15px;
    padding: 12px 0;
    text-align: center;
  }
  .season_tab .tab ul li span {
    margin: 6px 0 0;
    font-size: 10px
  }
  .season_tab .tab ul li.tab_spring.current a:before,
  .season_tab .tab ul li.tab_spring a:before {
    margin: 0 auto 10px;
  }
  .season_tab .tab ul li.tab_summer.current a:before,
  .season_tab .tab ul li.tab_summer a:before {
    margin: auto;
  }
  .season_tab .tab ul li.tab_autumn.current a:before,
  .season_tab .tab ul li.tab_autumn a:before {
    margin: 0 auto 6px;
  }
  .season_tab .tab ul li.tab_winter.current a:before,
  .season_tab .tab ul li.tab_winter a:before {
    margin: 0 auto 10px;
  }
  .season_tab .tab ul li.tab_spring.current a:before,
  .season_tab .tab ul li.tab_spring a:before,
  .season_tab .tab ul li.tab_summer.current a:before,
  .season_tab .tab ul li.tab_summer a:before,
  .season_tab .tab ul li.tab_autumn.current a:before,
  .season_tab .tab ul li.tab_autumn a:before,
  .season_tab .tab ul li.tab_winter.current a:before,
  .season_tab .tab ul li.tab_winter a:before {
    display: block;
    position: relative;
  }

  .season_event .scroll{
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .season_event .scroll table {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}

/**/
.season-st{}
.season-st h2{line-height:1;font-size:28px;letter-spacing:.010em;margin:0}
.season-st h2 span{position:relative;display:block;margin:0 0 40px;padding:0 0 16px;}
.season-st h2 span:before{content:"";display:block;position:absolute;bottom:0;height:3px;background:#fff;width:100%;}
.season-st h2 span:after{content:"";display:block;position:absolute;bottom:0;left:0;height:3px;background:#c3a16e;width:185px;}
/* Flowers */
.season_flower{padding:80px 0 48px}
.season_flower ul{margin-top:0;margin-bottom:0;margin-right:-10px;margin-left:-10px;}
.season_flower ul li{padding-right:10px;padding-left:10px;margin-bottom:32px;float:left;}
.season_flower ul li h3{font-size:18px;letter-spacing:.025em;font-weight:bold;margin:0 0 16px}
.season_flower ul li p.late{font-size:12px;letter-spacing:.025em;font-weight:300;font-style:italic;line-height:1;margin:0 0 16px}
.season_flower ul li p{margin:0;font-size:14px;line-height:1.5;}
/* Climate */
.season_climate{padding:0 0 80px;border-bottom:1px solid #ebe6c8;}
.season_climate h2 span{margin:0 0 32px}
.season_climate h2 + p{font-size:16px;line-height:1.5;margin:0 0 18px}
.season_climate ul{margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.season_climate ul li{border-right:1px solid #ddd;padding-left:0;padding-right:0;padding:24px 20px 30px;float:left}
.season_climate ul li p.month{font-size:18px;font-weight:bold;margin:0 0 24px;line-height:1}
.season_climate ul li div > div{float:left;}
.season_climate ul li div > div p.temp{font-size:12px;color:#afafaf;margin:0 0 14px;line-height:1}
.season_climate ul li div > div p.temp_2{margin:0;line-height:1;font-size:15px}
.season_climate ul li div > div p.temp_2 span{font-size:30px;font-weight:bold;}
.season_climate ul li div > div p.temp_mean{color:#c3a16e}
.season_climate ul li div > div p.temp_high{color:#ff6978}
.season_climate ul li div > div p.temp_low{color:#7d83ff}
.season_climate ul + p{font-size:12px;color:rgba(73,14,0,0.502);line-height:1}
@media only screen and (min-width: 481px) {
  .season_flower ul li .img{width:47.872340425%}
  .season_flower ul li .txt{width:48.085106383%}
}
@media only screen and (max-width: 480px) {
  .season_flower ul {
    margin-right: -7px;
    margin-left: -7px;
  }
  .season_flower ul li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 24px
  }
  .season_climate ul li div.col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .season_flower ul li .box_l {
    margin-bottom: 8px
  }
  .season_flower ul li h3 {
    font-size: 14px;
    margin: 0 0 8px;
  }
  /**/
  .season-st h2{font-size:21px}
  .season-st h2 span{margin-bottom:24px}
  .season_contents {
    padding-top: 32px;
    margin-bottom: 60px
  }
  .season_spring .season_contents {
    background: url(../img/season/bg_spring@2x.png)no-repeat 16px 16px;
    background-size: 1142px 447px;
  }
  .season_summer .season_contents {
    background: url(../img/season/bg_summer@2x.png)no-repeat 16px 16px;
    background-size: 1162px 447px;
  }
  .season_autumn .season_contents {
    background: url(../img/season/bg_autumn@2x.png)no-repeat 16px 16px;
    background-size: 1147px 431px
  }
  .season_winter .season_contents {
    background: url(../img/season/bg_winter@2x.png)no-repeat 16px 16px;
    background-size: 1155px 414px
  }

  .season_contents p{font-size:14px}

  .season_contents figure{}
  .season_contents figure figcaption{font-size:17px}

  .season_event {
    padding: 40px 0 52px;
  }

  .season_flower {
    padding: 48px 0 24px;
  }

  .season_climate {
    padding: 0 0 40px;
  }
  .season_climate ul{border-bottom:0}
  .season_climate ul li {
    border-bottom: 1px solid #ddd;
  }
  .season_climate h2+p{font-size:14px}
}


/*---------- Accommodation ----------*/
.accommodation {
}
.accommodation .ttl_st {
background: url(../img/accommodation/bg_accommodation.png);
background-size: cover;
}
.accommodation .ttl_st h1 {
}
/* contents */
.accommodation .accommodation_contents {
padding: 80px 0 0;
overflow: hidden;
}
.accommodation .accommodation_contents article {
margin-bottom: 240px
}
.accommodation .accommodation_contents article:last-child {
margin-bottom: 90px
}
.accommodation .accommodation_contents article .inner_box h2 {
font-size: 40px;
margin: 0 0 16px;
line-height: 1.25;
}
.accommodation .accommodation_contents article .inner_box p {
font-size: 16px;
line-height: 1.5;
}
.accommodation .accommodation_contents article .inner_box p.txt_num {
color: #c3a16e;
line-height: 1;
margin: 0 0 24px
}
.accommodation .accommodation_contents article .inner_box p.txt {
margin: 0 0 40px
}
.accommodation .accommodation_contents article .inner_box .btn a {
font-size: 18px;
letter-spacing: .005em;
color: #d44321;
border: 2px solid #d44321;
width: 203px;
padding: 10px 0;
margin: 16px 0 0 4px;
}
.accommodation .accommodation_contents article .inner_box .btn a:hover {
background: none
}
.accommodation .accommodation_contents article.article_c_r .img_p {
z-index: 2
}
.accommodation .accommodation_contents article.article_c_r .img_bg {
position: absolute;
top: 200px;
right: 0;
width: 75.78125%;
z-index: 1
}
.accommodation .accommodation_contents article.article_c_r .inner_box {
background: #fff;
border: 4px solid #ebe6c8;
padding: 37px 48px 29px;
z-index: 3;
position: relative;
}
.accommodation .accommodation_contents article.article_c_l .img_p {
z-index: 2
}
.accommodation .accommodation_contents article.article_c_l .img_bg {
position: absolute;
top: 200px;
left: 0;
width: 75.78125%;
z-index: 1
}
.accommodation .accommodation_contents article.article_c_l .inner_box {
background: #fff;
border: 4px solid #ebe6c8;
padding: 37px 48px 29px;
z-index: 3;
position: relative;
}
/* bnr */
.accommodation .accommodation_bnr {
padding: 0 0 80px;
margin-top: 62px;
border-bottom: 1px solid #ebe6c8;
}
@media only screen and (min-width: 481px) {
  .accommodation .accommodation_contents article.article_c_r .img_p,
  .accommodation .accommodation_contents article.article_c_l .img_p {
    position: absolute;
    top: 80px;
    width: 55.46875%;
  }
  .accommodation .accommodation_contents article.article_c_l .img_p {
    right: 0;
  }
  .accommodation .accommodation_contents article.article_c_r .inner_box,
  .accommodation .accommodation_contents article.article_c_l .inner_box {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .accommodation .accommodation_bnr {
    padding: 0 0 32px;
    margin-top: 0;
  }
  .accommodation .accommodation_contents{padding:0}
  .accommodation .accommodation_contents article {
    margin-bottom: 40px;
  }
  .accommodation .accommodation_contents article:last-child {
    margin-bottom: 40px
  }
  .accommodation .accommodation_contents article .inner_1280 {
    padding-left: 0;
    padding-right: 0;
  }
  .accommodation .accommodation_contents article .inner {
    margin-top: -80px
  }
  .accommodation .accommodation_contents article.article_c_r .img_bg,
  .accommodation .accommodation_contents article.article_c_l .img_bg {
    display: none;
  }
  .accommodation .accommodation_contents article.article_c_r .inner_box,
  .accommodation .accommodation_contents article.article_c_l .inner_box {
    padding: 20px 18px;
  }
  .accommodation .accommodation_contents article .inner_box .btn a {
    margin: auto;
    font-size: 15px;
    padding: 5px 0 6px
  }
  .accommodation .accommodation_contents article .inner_box h2 {
    font-size: 20px;
  }
  .accommodation .accommodation_contents article .inner_box p.txt {
    font-size: 11px;
    line-height: 1.5;
    margin: 0 0 16px;
  }
}


/*---------- Plan ----------*/
.plan .ttl_st {
background: url(../img/plan/bg_plan.png);
background-size: cover;
}
.plan .ttl_st h1{}
/* Contents */
.plan_contents{margin-bottom:158px}
.plan_contents .inner{}
.plan_contents .plan_bg{height:450px}
.plan_contents .inner_box{background:#d44321;color:#fff;padding:16px 80px 32px 40px;position:relative;}
.plan_contents .inner_box a:after{content:"";display:inline-block;background:url(../img/plan/ico_arrow@2x.png);background-size:cover;width:10px;height:16px;position:absolute;right:16px;top:0;bottom:0;margin:auto;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.plan_contents .inner_box a{color:#fff;display:block;}
.plan_contents .inner_box a:hover{text-decoration:none;}
.plan_contents .inner_box a:hover:after{right:11px;}
.plan_contents .inner_box h2{font-size:30px;margin:0 0 8px;line-height:2.333;}
.plan_contents .inner_box p{margin:0;line-height:1.75;}
/* Links */
.plan .plan_links{margin-bottom:152px}
.plan .plan_links .box{position:relative;}
.plan .plan_links .box a{display:block;background:#d44321;color:#fff;width:352px;font-size:20px;font-weight:bold;padding:25px 0 25px 30px;position:relative;margin-top:-44px;}
.plan .plan_links .box a:after{content:"";display:inline-block;background:url(../img/plan/ico_arrow_s@2x.png)no-repeat;background-size:contain;width:8px;height:12px;position:absolute;right:16px;top:0;bottom:0;margin:auto;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.plan .plan_links .box a:hover{text-decoration:none;}
.plan .plan_links .box a:hover:after{right:11px;}
.plan .plan_links .box_l{}
/* Nav */
.plan .plan_nav{padding:0 0 80px;border-bottom:1px solid #ebe6c8;}
.plan .plan_nav .bg_inner{background:url(../img/plan/bg_nav@2x.png);background-size:535px 60px;height:175px;}
.plan .plan_nav ul{margin:0;text-align:center;font-size:20px;font-weight:bold;line-height:1}
.plan .plan_nav ul li {
float: left;
width: 33.333333%;
margin-top: -59px;
}
.plan .plan_nav ul li a{font-size:20px;background:#fff;display:block;color:#d44321;padding:32px 0 22px;margin:0;}
.plan .plan_nav ul li.plan_nav_videos a:before{content:"";display:block;background:url(../img/plan/ico_nav_video@2x.png)no-repeat;background-size:cover;width:54px;height:55px;margin:1px auto 30px;}
.plan .plan_nav ul li.plan_nav_pamphlets a:before{content:"";display:block;background:url(../img/plan/ico_nav_pamphlet@2x.png)no-repeat;background-size:cover;width:56px;height:56px;margin:0 auto 30px;}
.plan .plan_nav ul li.plan_nav_faq a:before{content:"";display:block;background:url(../img/plan/ico_nav_faq@2x.png)no-repeat;background-size:cover;width:57px;height:58px;margin:0 auto 28px;}
/**/
@media only screen and (min-width: 481px) {
  .plan .plan_links .box_r {
    margin-top: 80px
  }
  .plan_contents .inner_box{width:55.102040816%;position:absolute;bottom:-100px;right:0;}
  .plan .plan_links .box a{margin:-45px auto 0}
}
@media only screen and (max-width: 480px) {
  .plan_contents {
    margin-bottom: 50px
  }
  .plan_contents .plan_bg {
    height: 270px
  }
  .plan_contents .inner{}
  .plan_contents .inner_box {
    margin-top: -80px;
    padding: 8px 32px 24px 20px;
  }
  .plan_contents .inner_box h2 {
    font-size: 21px;
    margin: 0;
  }
  .plan_contents .inner_box p {
    font-size: 13px;
    line-height: 1.38461538462
  }
  .plan_contents .inner_box a:after {
    right: 8px
  }
  /**/
  .plan .plan_links{margin-bottom:88px}
  .plan .plan_links .inner_1280 {
    padding-left: 0;
    padding-right: 0;
  }
  .plan .plan_links .box a {
    width: 60.641399416%;
    font-size: 17px;
    padding: 13px 0 13px 18px;
    margin-left: 16px;
  }
  .plan .plan_links .box a:after {
    right: 12px
  }
  .plan .plan_links .box_l {
    margin-bottom: 50px
  }
  /**/
  .plan .plan_nav{padding:0;border-bottom:0}
  .plan .plan_nav .bg_inner{height:88px}
  .plan .plan_nav ul {
    margin-left: -4px;
    margin-right: -4px;
  }
  .plan .plan_nav ul li{margin-top:-38px}
  .plan .plan_nav ul li.col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .plan .plan_nav ul li a{font-size:14px;padding:19px 0 15px 0}
  .plan .plan_nav ul li.plan_nav_videos a:before{width:38px;height:39px;margin:0 auto 20px}
  .plan .plan_nav ul li.plan_nav_pamphlets a:before {
    width: 39px;
    height: 39px;
    margin: 0 auto 20px;
  }
  .plan .plan_nav ul li.plan_nav_faq a:before {
    width: 36px;
    height: 36px;
    margin: 0px auto 23px;
  }
}


/*---------- Interest ----------*/
.interest .ttl_st {
background: url(../img/interest/bg_interest.png);
background-size: cover;
}
.interest .interest_mc {
padding: 80px 0 0;
}
.interest .interest_mc .inner_box {
background: #d44321;
color: #fff;
padding: 40px 8.163265306% 40px 5.918367346%;
margin-top: -120px;
}
.interest .interest_mc .inner_box h2 {
line-height: 1;
margin: 0;
font-size: 40px
}
.interest .interest_mc .inner_box h2:before {
content: "";
display: inline-block;
background: url(../img/interest/icon-modelcourse@2x.png);
background-size: cover;
width: 59px;
height: 61px;
margin: 0 24px 0 0
}
.interest .interest_mc .inner_box p {
margin: 0 0 32px;
line-height: 1.5;
font-size: 16px
}
.interest .interest_mc .inner_box .btn-b a {
border: 2px solid #fff;
width: 204px;
padding: 10px 0;
font-size: 18px
}
.interest .interest_mc .inner_box .btn-b a:after {
content: "";
display: inline-block;
background: url(../img/ico_btn_w_arrow@2x.png)no-repeat;
background-size: cover;
width: 5px;
height: 8px;
position: absolute;
top: 50%;
margin-top: -3px;
margin-left: 8px;
}
.interest .interest_mc .inner_box .btn-b a:hover {
background: none
}
/* Contents */
.interest .interest_contents {
padding: 80px 0 25px;
}
.interest .interest_contents article {
margin-bottom: 117px
}
.interest .interest_contents article .inner_box h2 {
font-size: 40px;
margin: 0 0 16px;
line-height: 1.25;
}
.interest .interest_contents article .inner_box h2 span {
font-size: 50%
}
.interest .interest_contents article .inner_box p {
font-size: 16px;
line-height: 1.5;
}
.interest .interest_contents article .inner_box p.txt_num {
line-height: 1;
margin: 0 0 24px
}
.interest .interest_contents article .inner_box p.txt {
margin: 0 0 40px
}
.interest .interest_contents article .inner_box .btn a {
font-size: 18px;
letter-spacing: .005em;
color: #fff;
border: 2px solid #fff;
width: 203px;
padding: 10px 0;
margin: 16px 0 0 4px;
}
.interest .interest_contents article .inner_box .btn a:hover {
background: none
}
.interest .interest_contents article.article_c_r .img_p {
z-index: 2
}
.interest .interest_contents article.article_c_r .img_bg {
position: absolute;
top: 200px;
right: 0;
width: 75.78125%;
z-index: 1
}
.interest .interest_contents article .box_r,
.interest .interest_contents article .box_l {
z-index: 3;
position: relative;
}
.interest .interest_contents article .inner_box {
margin: 0 0 24px;
padding: 49px 52px 40px;
color: #fff;
}
.interest .interest_contents article.article_c_l .img_p {
z-index: 2
}
.interest .interest_contents article.article_c_l .img_bg {
position: absolute;
top: 200px;
left: 0;
width: 75.78125%;
z-index: 1
}
.interest .interest_contents article.article_c_l .inner_box {
}
.interest .interest_contents article .box_thum {
margin-right: -5px;
margin-left: -5px;
}
.interest .interest_contents article .box_thum > div {
padding-right: 5px;
padding-left: 5px;
float: left;
}
.interest .interest_contents article.article_1 .inner_box {
background: #f3ca40
}
.interest .interest_contents article.article_1 .inner_box h2:before {
content: "";
display: inline-block;
background: url(../img/interest/ico_article_1@2x.png);
background-size: cover;
width: 64px;
height: 64px;
margin: 0 18px 0 0;
}
.interest .interest_contents article.article_2 .inner_box {
background: #a0ca92
}
.interest .interest_contents article.article_2 .inner_box h2:before {
content: "";
display: inline-block;
background: url(../img/interest/ico_article_2@2x.png);
background-size: cover;
width: 46px;
height: 68px;
margin: 0 18px 0 0;
}
.interest .interest_contents article.article_3 .inner_box {
background: #e39695
}
.interest .interest_contents article.article_3 .inner_box h2:before {
content: "";
display: inline-block;
background: url(../img/interest/ico_article_3@2x.png);
background-size: cover;
width: 67px;
height: 57px;
margin: 0 18px 0 0;
}
.interest .interest_contents article.article_4 .inner_box {
background: #b4adea
}
.interest .interest_contents article.article_4 .inner_box h2:before {
content: "";
display: inline-block;
background: url(../img/interest/ico_article_4@2x.png);
background-size: cover;
width: 62px;
height: 48px;
margin: 0 18px 0 0;
}
.interest .interest_contents article.article_5 .inner_box {
background: #e3bc95
}
.interest .interest_contents article.article_5 .inner_box h2:before {
content: "";
display: inline-block;
background: url(../img/interest/ico_article_5@2x.png);
background-size: cover;
width: 58px;
height: 58px;
margin: 0 18px 0 0;
}
.interest .interest_contents article.article_6 .inner_box {
background: #98d2eb
}
.interest .interest_contents article.article_6 .inner_box h2:before {
content: "";
display: inline-block;
background: url(../img/interest/ico_article_6@2x.png);
background-size: cover;
width: 60px;
height: 60px;
margin: 0 18px 0 0;
}
@media only screen and (min-width: 481px) {
  .interest .interest_contents {
    border-bottom: 1px solid #ebe6c8;
  }
  .interest .interest_mc > div {
    padding: 0 0 64px;
    background: url(../img/bg_gray@2x.png);
    background-size: 347px 300px
  }
  .interest .interest_mc .inner_box .box_l {
    width: 44.081632653%
  }
  .interest .interest_mc .inner_box .box_r {
    width: 41.836734693%
  }
  .interest .interest_contents article .box_r,
  .interest .interest_contents article .box_l {
    width: 50%;
  }
  .interest .interest_contents article.article_c_r .img_p {
    position: absolute;
    top: 80px;
    width: 55.46875%;
  }
  .interest .interest_contents article.article_c_l .img_p {
    position: absolute;
    top: 80px;
    right: 0;
    width: 55.46875%;
  }
}
@media only screen and (max-width: 480px) {
  .interest .ttl_st{background:url(../img/interest/bg_interest_sp.png)center;background-size:cover;}
  .interest .interest_mc{padding:20px 0 0;}
  .interest .interest_mc > .inner_1280{padding-right:0;padding-left:0;}
  .interest .interest_mc .inner_box{margin-top:-40px;padding:18px 20px}
  /**/
  .interest .interest_contents{padding:60px 0 10px}
  .interest .interest_contents article{margin-bottom:60px}
  .interest .interest_contents article:last-child{margin-bottom:0}
  .interest .interest_contents article .inner_1280{padding-left:0;padding-right:0;}
  .interest .interest_contents article .box_thum > div{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
  .interest .interest_contents article.article_c_r .img_bg,
  .interest .interest_contents article.article_c_l .img_bg{display:none}
  .interest .interest_contents article .inner_box {
    padding: 18px 20px;
    margin: -40px 0 5px;
  }
  .interest .interest_contents article .inner_box h2,
  .interest .interest_mc .inner_box h2{font-size:24px;margin-bottom:16px}
  .interest .interest_mc .inner_box .btn-b a,
  .interest .interest_contents article .inner_box .btn a{margin:auto;font-size:15px}
  .interest .interest_mc .inner_box p,
  .interest .interest_contents article .inner_box p.txt{font-size:13px;margin:0 0 24px}
  .interest .interest_contents article .box_thum {
    margin-right: -2px;
    margin-left: -2px;
  }
  .interest .interest_contents article .box_thum > div {
    padding-right: 2px;
    padding-left: 2px;
  }

  .interest .interest_mc .inner_box h2:before {
    width: 37px;
    height: 38px;
    margin: 0 15px 0 0;
  }
  .interest .interest_contents article.article_1 .inner_box h2:before {
    width: 40px;
    height: 40px;
    margin: 0 5px 0 7px
  }
  .interest .interest_contents article.article_2 .inner_box h2:before {
    width: 29px;
    height: 43px;
    margin: 0 23px 0 0
  }
  .interest .interest_contents article.article_3 .inner_box h2:before {
    width: 43px;
    height: 36px;
    margin: 0 9px 0 0;
  }
  .interest .interest_contents article.article_4 .inner_box h2:before {
    width: 39px;
    height: 30px;
    margin: 0 11px 0 2px;
  }
  .interest .interest_contents article.article_5 .inner_box h2:before {
    width: 37px;
    height: 37px;
    margin: 0 13px 0 2px;
  }
  .interest .interest_contents article.article_6 .inner_box h2:before {
    width: 37px;
    height: 37px;
    margin: 0 11px 0 4px;
  }
}


/*---------- Destination ----------*/
.destination{}
.destination .ttl_st {
background: url(../img/destination/bg_destination.png);
background-size: cover;
}
.destination .destination_contents {
overflow: hidden;
margin-bottom: 80px
}
.destination .destination_contents article {
margin-bottom: 240px
}
.destination .destination_contents article .inner_box h2 {
font-size: 40px;
margin: 0 0 16px;
line-height: 1.25;
}
.destination .destination_contents article .inner_box p {
font-size: 16px;
line-height: 1.5;
}
.destination .destination_contents article .inner_box p.txt_num {
color: #c3a16e;
line-height: 1;
margin: 0 0 24px
}
.destination .destination_contents article .inner_box p.txt {
margin: 0 0 40px
}
.destination .destination_contents article .inner_box .btn a {
font-size: 18px;
letter-spacing: .005em;
color: #d44321;
border: 2px solid #d44321;
width: 203px;
padding: 10px 0;
margin: 16px 0 0 4px;
}
.destination .destination_contents article .inner_box .btn a:hover {
background: none
}
.destination .destination_contents article.article_c_r .img_p {
z-index: 2
}
.destination .destination_contents article.article_c_r .img_bg {
position: absolute;
top: 200px;
right: 0;
width: 75.78125%;
z-index: 1
}
.destination .destination_contents article.article_c_r .inner_box {
background: #fff;
border: 4px solid #ebe6c8;
padding: 37px 48px 29px;
z-index: 3;
position: relative;
}
.destination .destination_contents article.article_c_l .img_p {
z-index: 2
}
.destination .destination_contents article.article_c_l .img_bg {
position: absolute;
top: 200px;
left: 0;
width: 75.78125%;
z-index: 1
}
.destination .destination_contents article.article_c_l .inner_box {
background: #fff;
border: 4px solid #ebe6c8;
padding: 37px 48px 29px;
z-index: 3;
position: relative;
}
@media only screen and (min-width: 481px) {
  .destination .destination_contents {
    margin-bottom: -66px;
  }
  .destination .destination_contents article.article_c_r .inner_box,
  .destination .destination_contents article.article_c_l .inner_box {
    width: 50%;
  }
  .destination .destination_contents article.article_c_l .img_p {
    position: absolute;
    top: 80px;
    right: 0;
    width: 55.46875%;
  }
  .destination .destination_contents article.article_c_r .img_p {
    position: absolute;
    top: 80px;
    width: 55.46875%;
  }
}
@media only screen and (max-width: 480px) {
  .destination .areamap-st{margin-bottom:51px}
  .destination .destination_contents article{margin-bottom:40px}
  .destination .destination_contents article:last-child{margin-bottom:0}
  .destination .destination_contents article .inner_1280 {
    padding-left: 0;
    padding-right: 0
  }
  .destination .destination_contents article.article_c_r .img_bg,
  .destination .destination_contents article.article_c_l .img_bg{display:none}
  .destination .destination_contents article.article_c .inner_box {
    padding: 20px 18px;
    margin-top: -80px
  }
  .destination .destination_contents article .inner_box h2{font-size:20px}
  .destination .destination_contents article .inner_box p.txt {
    font-size: 11px;
    line-height: 1.5;
    margin: 0 0 16px;
  }
  .destination .destination_contents article .inner_box .btn a {
    margin: auto;
    font-size: 15px;
    padding: 5px 0 6px;
  }
}


/*---------- Know Before You Go ----------*/
.first_hakone{}
.first_hakone .l-content {
background: #f9f6e7 url(../img/first/mv.png)center top no-repeat;
background-size: contain;
overflow: hidden;
clear: both;
}
.first_hakone .top_mv_ttl{height:100%;position:relative;z-index:1;padding-top:253px;color:#fff;margin:0;padding-bottom:275px}
.first_hakone .top_mv h1{margin:0;line-height:1;margin:0;font-size:82px;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
/**/
.first_hakone .about-st{margin-bottom:80px}
.first_hakone .about-st .map{border-top:6px solid #d44321}
.first_hakone .about-st .box_inner {
padding: 34px 80px 51px;
text-align: left;
}
.first_hakone .about-st .box_inner .box_l {
font-size: 14px;
line-height: 1.5;
text-align: left;
padding-left: 0;
padding-right: 0%;
font-size: 24px;
color: #d44321;
font-weight: bold;
}
.first_hakone .about-st .box_inner .box_r {
position: relative;
margin-right: 0
}
.first_hakone .box_inner p {
margin: 0;
padding-top: 0;
font-size: 14px;
line-height: 1.5;
}
.first_hakone .box_inner_link{margin-top:48px}
.first_hakone .box_inner_link > div .btn a{padding:10px 0}
.first_hakone .box_inner_link > div .btn a:hover{background:none}
.first_hakone .box_inner_link_btn > div {
float: left;
width: 203px;
}
.first_hakone .box_inner_link_btn > div .btn-b{}
.first_hakone .about-st .badge_about{display:none}
/* Season Highlights */
.first_hakone .first_hakone_season h2+p{margin:0}
.first_hakone_season_list {
margin-top: 40px;
margin-bottom: 100px
}
.first_hakone_season_list .box {
width: 50%;
position: relative;
}
.first_hakone_season_list .box .btn-link a {
font-size: 24px;
line-height: 1;
display: block;
background: #fff;
font-weight: bold;
padding: 34px 0 34px 130px;
position: relative;
text-align: left;
}
.first_hakone_season_list .box .btn-link a span {
display: block;
font-size: 12px;
margin: 10px 0 0
}
.first_hakone_season_list .box_spring {
margin-bottom: 90px;
}
.first_hakone_season_list .box_spring .btn-link a:before {
content: "";
display: inline-block;
background: url(../img/season/icon-spring@2x.png);
width: 41px;
height: 41px;
background-size: cover;
position: absolute;
left: 48px
}
.first_hakone_season_list .box_summer .btn-link a:before {
content: "";
display: inline-block;
background: url(../img/season/icon-summer@2x.png);
width: 47px;
height: 50px;
background-size: cover;
position: absolute;
left: 40px
}
.first_hakone_season_list .box_autumn .btn-link a:before {
content: "";
display: inline-block;
background: url(../img/season/icon-autumn@2x.png);
width: 46px;
height: 45px;
background-size: cover;
left: 45px;
position: absolute;
}
.first_hakone_season_list .box_winter .btn-link a:before {
content: "";
display: inline-block;
background: url(../img/season/icon-winter@2x.png);
width: 56px;
height: 41px;
background-size: cover;
left: 41px;
position: absolute;
}
.first_hakone_season_list .box_summer,
.first_hakone_season_list .box_winter {
margin-top: 90px
}
/* Dourse Discount */
.first_hakone .course-discount {
margin-bottom: 80px
}
/* Crowd Forecast Calendar */
.first_hakone .first_hakone_calendar {
margin-bottom: 80px
}
.first_hakone .first_hakone_calendar .status_map_img {
margin-bottom: 32px
}
.first_hakone .first_hakone_calendar .btn-b a {
color: #613711;
border: 2px solid #613711;
width: 203px;
margin: auto;
padding: 10px 0;
}
.first_hakone .first_hakone_calendar .btn-b a:hover {
background: none
}
.first_hakone .first_hakone_calendar .btn a:after {
background: url(../img/ico_btn_b_arrow@2x.png)no-repeat;
background-size: cover;
}
/* How to enjoy HAKONE */
.first_hakone .first_hakone_calendar_mc{background:url(../img/top/bg_areamap@2x.png);background-size:434px;padding:80px 0;margin-bottom:80px;}
.first_hakone .inner_box{position:relative;}
.first_hakone .first_hakone_calendar_mc h2{border-bottom:6px solid #fff;}
/**/
#panel{margin:0;font-size:16px}
#panel > dt{cursor:pointer;border-top:1px solid #ddd;padding:16px 32px 16px 0;position:relative;}
#panel > dt:first-child{border-top:0}
#panel > dt:after{display:inline-block;content:"";background:url(../img/ico_arrow_dropdown@2x.png);background-size:cover;width:8px;height:5px;position:absolute;right:9px;top:50%;margin-top:-3px}
#panel p{margin:0}
#panel p.faq_ttl{font-size:30px;font-weight:bold;display:block;float:left;width:12.61829653%;text-align:center;}
#panel p.faq_ttl_q{color:#d8bc93}
#panel p.faq_ttl_a{color:#d44321}
#panel > dd{margin:0px;background:#f9f6e7;margin-bottom:25px;clear:both;padding:16px 0}
#panel > dd a{color:#d44321}
/**/
.first_hakone .faq-st .inner_box {
position: relative;
}
@media only screen and (min-width: 481px) {
  /*.about-st .box_inner .btn a{width:246px;margin:auto}*/
  .first_hakone .about-st .box_inner .box_l {
    float: left;
    width: 19.512195122%;
    line-height: 60px;
    margin-top: 0
  }
  .first_hakone .about-st .box_inner .box_r {
    float: right;
    width: 80.487804878%;
    margin-top: 0
  }
  .first_hakone .about-st .badge_about {
    /*margin-right: -20px*/
  }
  .first_hakone .box_inner_link_btn > div {
    margin-left: 17px;
    /*padding: 17px 0 10px 50px;*/
  }
  .first_hakone_season_list .box_l .box_img {
    padding-left: 28px
  }
  .first_hakone_season_list .box_r .box_img  {
    padding-right: 28px
  }
  .first_hakone_season_list .box .btn-link a {
    width: 280px;
  }
  .first_hakone_season_list .box_spring .btn-link,
  .first_hakone_season_list .box_autumn .btn-link {
    position: absolute;
    bottom: -50px
  }
  .first_hakone_season_list .box_summer .btn-link,
  .first_hakone_season_list .box_winter .btn-link {
    position: absolute;
    top: -50px;
    right: 0
  }
  .first_hakone #panel{margin-bottom:24px}
  #panel p.faq_ttl {
    line-height: 1
  }
}
@media only screen and (max-width: 480px) {
  .first_hakone .l-content {
    background-size: auto 370px;
  }
  .first_hakone .top_mv h1 {
    font-size: 36px;
  }
  .first_hakone .top_mv_ttl {
    /*padding-top: 160px;*/
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .first_hakone .about-st{margin-bottom:0}
  .first_hakone .about-st .box_inner {
    padding: 24px 16px 33px;
  }
  .first_hakone .box_inner_link {
    margin-top: 24px;
  }
  .first_hakone .about-st .box_inner .box_l {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .first_hakone .box_inner_link_btn {
    margin-right: -6px;
    margin-left: -6px;
  }
  .first_hakone .box_inner_link_btn > div {
    width: 50%;
    padding: 0 3px;
    margin-bottom: 8px
  }
  .first_hakone .about-st .box_inner .box_r {
    margin-top: 0
  }
  .first_hakone .about-st .box_inner .box_r .btn a {
    border: 1px solid #e75937;
    padding: 6px 0 7px;
  }
  /**/
  .first_hakone .areamap-st {
    margin-bottom: 50px
  }
  /**/
  .first_hakone_season_list{margin-bottom:40px}
  .first_hakone_season_list .box_l {
    float: left;
    clear: both;
  }
  .first_hakone_season_list .box_r {
    float: right;
  }
  .first_hakone_season_list .box_l .btn-link a {
    margin-left: 12px;
    margin-right: 20px
  }
  .first_hakone_season_list .box_r .btn-link a {
    margin-right: 12px;
    margin-left: 20px
  }
  .first_hakone_season_list .box_summer,
  .first_hakone_season_list .box_winter {
    margin-top: 40px;
  }
  .first_hakone_season_list .box .btn-link a {
    font-size: 17px;
    padding: 17px 0 10px 35.714285714%;
    height: 70px;
    margin-top: -35px
  }
  .first_hakone_season_list .box .btn-link a span {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #c3a16e
  }
  .first_hakone_season_list .box_spring {
    margin-bottom: 32px
  }
  /**/
  .first_hakone .course-discount{margin-bottom:50px;padding:50px 0 32px}
  .first_hakone .course-discount .box_l{margin-bottom:16px}
  .first_hakone .course-discount .box_r p{font-size:13px}
  /**/
  .first_hakone .first_hakone_calendar{margin-bottom:50px}
  .first_hakone .first_hakone_calendar .status_map_img{margin-bottom:52px}
  .first_hakone .first_hakone_calendar .btn-b a {
    padding: 5px 0 6px;
  }
  /**/
  .first_hakone .first_hakone_calendar_mc{padding:50px 0 40px;margin-bottom:0}
  /**/
  .first_hakone .post_list {
    margin-bottom: 24px;
  }
  /**/
  #panel > dt {
    padding: 16px 32px 16px 12px;
  }
  #panel > dd {
    padding: 16px 12px;
  }
  /**/
  .first_hakone_season_list .box_spring .btn-link a:before {
    width: 27px;
    height: 27px;
    left: 13px;
    top: 12px;
  }
  .first_hakone_season_list .box_summer .btn-link a:before {
    width: 27px;
    height: 29px;
    left: 13px;
    top: 11px;
  }
  .first_hakone_season_list .box_autumn .btn-link a:before {
    width: 28px;
    height: 27px;
    left: 12px;
    top: 12px;
  }
  .first_hakone_season_list .box_winter .btn-link a:before {
    width: 28px;
    height: 21px;
    left: 16px;
    top: 15px;
  }
  /**/
  .first_hakone .faq-st {
    background: #fff;
    padding: 40px 0;
  }
  .first_hakone .faq-st .box_r{margin-bottom:32px}
}
@media only screen and (max-width: 375px) {
  .first_hakone_season_list .box .btn-link a {
    font-size: 14px
  }
  [data-lang="th"] .first_hakone_season_list .box .btn-link a {
    font-size: 12px
  }
  [data-lang="th"] .first_hakone_season_list .box .btn-link a span {
    font-size: 10px
  }
}


/*---------- FAQ ----------*/
.faq .spot_ttl{background:url(../img/area/bg_area_contents@2x.png);background-size:2497px 1249px;padding:51px 0;margin-bottom:60px;text-align:center;}
.faq .spot_ttl h1{line-height:1;font-size:58px;font-weight:bold;margin:0;}
.faq .faq-st {
margin-bottom: 120px
}
.faq .faq-st .faq_box {
position: relative;
margin-bottom: 80px
}
.faq .faq_plan_contents {
border-bottom: 1px solid #ebe6c8;
}
.faq .faq_plan_contents .faq_plan_contents_inner {
background: url(assets/img/plan/bg_contents.png)no-repeat center top;
background-size: cover;
height: 450px
}
.faq .faq_plan_contents .inner_box{background:#d44321;color:#fff;padding:16px 80px 32px 40px;position:relative;}
.faq .faq_plan_contents .inner_box a{color:#fff;display:block;}
.faq .faq_plan_contents .inner_box a:hover{text-decoration:none;}
.faq .faq_plan_contents .inner_box a:hover:after{right:11px;}
.faq .faq_plan_contents .inner_box a:after{content:"";display:inline-block;background:url(../img/plan/ico_arrow@2x.png);background-size:cover;width:10px;height:16px;position:absolute;right:16px;top:0;bottom:0;margin:auto;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.faq .faq_plan_contents .inner_box h2{font-size:30px;margin:0 0 8px;line-height:2.333;}
.faq .faq_plan_contents .inner_box p{margin:0;line-height:1.75;}
.faq-st .box_l {
text-align: center;
}
.faq-st .box_l div {
background: #d8bc93
}
.faq-st .box_l div h2 {
margin: 0
}
.faq-st .box_r {
background: #fff;
}
@media only screen and (min-width: 481px) {
  .faq .faq_plan_contents .inner_box {
    width: 55.102040816%;
    position: relative;
    /*top: 347px;*/
    z-index: 1;
    margin-top: -100px;
    float: right;
    margin-bottom: 80px
  }
  .faq-st .box_l {
    height: 250px;
    width: 25.510204081%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .faq-st .box_r {
  width: 82.653061224%;
  margin-top: 64px;
    padding: 22px 5.925925925% 32px 15.802469135%
  }
  .faq-st .box_l div {
    height: 250px;
    width: 100%;
    display: table;
  }
  .faq-st .box_l div h2 {
    line-height: 1.5;
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 480px) {
  .faq .spot_ttl{margin-bottom:30px}
  .faq .spot_ttl h1{font-size:29px}
  .faq-st .box_l div h2 {
    font-size: 21px;
    font-weight: bold;
  }
  #panel p {
    font-size: 12px;
    line-height: 1.41666666667
  }
  #panel p.faq_ttl {
    font-size: 15px;
  }
  /**/
  .faq .faq-st {
    margin-bottom: 60px
  }
  .faq .faq-st .inner{padding-right:0;padding-left:0}
  .faq .faq-st .faq_box{margin-bottom:40px}
  /**/
  .faq .faq_plan_contents .faq_plan_contents_inner {
    height: 270px
  }
  .faq .faq_plan_contents .inner_box {
    padding: 8px 32px 24px 20px;
    margin-top: -80px
  }
  .faq .faq_plan_contents .inner_box h2 {
    font-size: 21px;
    margin: 0;
  }
  .faq .faq_plan_contents .inner_box p {
    font-size: 13px;
    line-height: 1.38461538462
  }
  .faq .faq_plan_contents .inner_box a:after {
    right: 8px
  }
}


/*---------- Discount ----------*/
.discount{}
.discount .ttl_st {
background: url(../img/discount/mv.png);
background-size: cover;
}
.discount_hakone .ttl_st {
background: url(../img/discount/hakone/mv_hakone_od.png);
background-size: cover;
}
/**/
.discount .destination_contents {
padding: 80px 0 0
}
/**/
.pass_main {
background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(246,246,246) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(246,246,246) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(246,246,246) 100%);
padding: 60px 0 80px;
}
.pass_main .box {
margin-bottom: 38px
}
.pass_main .box h3 {
font-size: 24px;
font-weight: bold
}
.pass_main .box p {
font-size: 16px;
line-height: 1.5;
margin: 0 0 40px;
text-align: left;
}
.pass_main .box .img img {
width: 100%
}
.pass_main .box img + p {
margin: 0
}
.pass_main .box .btn a {
width: 203px;
padding: 10px 0;
}
.pass_main .box .box_l {
text-align: left;
}
.pass_main .box .box_r {
}
/**/
.discount .pass_list {
padding: 80px 0 20px
}
.discount .pass_list ul.row {
margin: 0 -22px;
}
.discount .pass_list ul .col-sm-6 {
padding-right: 22px;
padding-left: 22px;
}
.discount .pass_list ul li {
margin-bottom: 60px;
float: left;
}
.discount .pass_list ul li .box_l {
width: 35.58951965%;
text-align: right;
float: left;
}
.discount .pass_list ul li .box_r {
width: 57.205240174%;
text-align: left;
float: right;
}
.discount .pass_list ul li h3 {
font-size: 21px;
line-height: 1.333;
font-weight: bold;
margin: 0 0 16px
}
.discount .pass_list ul li p {
font-size: 16px;
line-height: 1.5;
margin: 0 0 24px
}
.discount .pass_list ul li .btn a {
border: 2px solid #e75937;
color: #e75937;
width: 153px;
padding: 4px 0;
font-size: 14px
}
.discount .pass_list ul li .btn a:hover {
background: none;
}
/**/
.discount .areamap-st {
padding: 80px 0 91px;
margin-bottom: 96px;
background: url(../img/area/bg_area_contents@2x.png);
background-size: 2497px 1249px;
}
/**/
.discount_tokotoko .destination_contents {
padding-bottom: 97px;
border-bottom: none;
}
.discount_tokotoko .pass_list {
padding-bottom: 20px;
border-bottom: 1px solid #ebe6c8;
padding: 0 0 20px
}
.discount_tokotoko .box_b {
margin-bottom: 80px;
}
.discount_tokotoko .detail_table table {
width: 100%;
text-align: left;
font-size: 14px
}
/**/
.discount .destination_pass {
padding: 80px 0 96px
}
.discount .destination_pass .destination_pass_img {
padding: 20px 0 0
}
.discount_hakone .destination_pass .destination_pass_img {
padding: 0
}
@media only screen and (min-width: 481px) {
  .pass_main .box .box_l {
    width: 55.625%
  }
  .pass_main .box .box_r {
    width: 37.291666666%
  }
}
@media only screen and (max-width: 480px) {
  .pass_main{padding:40px 0}
  .pass_main .box{margin-bottom:0}
  .pass_main .box .box_l{text-align:center;}
  .pass_main .box .box_r{margin-bottom:16px}
  .pass_main .img_sp img,
  .discount_hakone .pass_main .box .box_l img,
  .pass_main .box .box_l .img_sp img {
    width: 66.326530612%
  }
  .pass_main .box .box_l .img_sp{margin-bottom:20px}
  .discount_hakone .pass_main .box .box_l,
  .pass_main .box .img{margin-bottom:24px}
  /**/
  .discount .destination_contents {
    padding: 40px 0 0
  }
  .pass_main .box p {
    font-size: 11px;
    margin: 0 0 16px
  }
  .discount_hakone .pass_main .box{}
  .discount_hakone .pass_main .box .box_r img{}
}


/*---------- Discount tokotoko ----------*/
.discount_tokotoko .ttl_st {
background: url(../img/discount/tokotoko/mv.png);
background-size: cover;
}
.discount .ttl_st h1 {
line-height: 1.381;
}
.discount .ttl_st h1 span {
font-size: 42px
}
.pass_main h3 {
font-size: 20px;
font-weight: bold;
text-align: left;
margin-bottom: 24px
}
.pass_main h3 + p {
text-align: left;
margin: 0 0 24px;
line-height: 1.5;
font-size: 16px;
}
.pass_main .box {
text-align: left;
padding: 8px 0 0
}
.pass_main .box .box_r h3 {
font-size: 18px;
color: #d44321
}
.discount_hakone .pass_main.pass_main_od .box .box_l {
text-align: center;
}
.discount .box_b {
border: 2px solid #c3a16e;
text-align: left;
}
.discount .box_b h4 {
font-size: 18px;
margin: 0
}
.discount .box_b h4:before {
content: "";
display: inline-block;
background: url(../img/discount/ico_h4@2x.png);
background-size: cover;
width: 12px;
height: 12px;
margin-right: 7px
}
.discount .box_b p {
font-size: 14px;
line-height: 1.5;
margin: 0 0 32px
}
.discount .box_b p.link {
margin-bottom: 8px
}
.discount .box_b a {
font-size: 16px;
line-height: 1.5;
color: #d44321;
position: relative;
}
.discount .box_b a:after {
content: "";
display: inline-block;
background: url(../img/ico_btn_r_arrow@2x.png)no-repeat;
background-size: cover;
width: 5px;
height: 8px;
margin-left: 16px;
}
.discount .box_b .box_inner {
border: 1px solid #c3a16e;
margin: 6px;
font-size: 18px;
padding: 32px 73px 4px;
}
.discount .box_b_logo {
padding: 24px 0 32px;
border-top: 1px solid #c3a16e;
}
.discount .box_b_logo > div {
display: inline-block;
vertical-align: middle;
}
.discount .box_b_logo p {
font-size: 18px;
font-weight: bold;
margin: 0
}
/**/
.discount .pass_main > div > h3 {
font-size: 28px
}
.discount .pass_main > div > h4 {
font-size: 20px;
margin: 0 0 8px;
text-align: left;
}
.discount .pass_main > div > h4:before {
content: "";
display: inline-block;
background: url(../img/discount/ico_h4@2x.png);
background-size: cover;
width: 12px;
height: 12px;
margin-right: 7px;
}
.discount_hakone_2 .box_b.box_b_2 {
margin-bottom: 80px
}
.discount_hakone_2 .box_b.box_b_2 .box_inner {
padding: 32px 48px 8px;
}
.discount .box_b_2 ul {
margin: 0
}
.discount .box_b_2 ul li {
margin-bottom: 40px
}
.discount .box_b_2 ul li:nth-child(odd) {
float: left;
clear: left;
}
.discount .box_b_2 ul li:nth-child(even) {
float: right;
}
.discount .box_b_2 p {
font-size: 13px;
color: #c3a675;
margin: 0 0 16px
}
.discount .box_b_2 img {
margin-bottom: 8px
}
.discount .box_b_2 .pass_box {
font-size: 13px;
line-height: 1.5;
margin: 0 0 8px;
display: table;
width: 100%
}
.discount .box_b_2 .pass_box .box_l {
width: 20.448877805%;
text-align: center;
float: left;
}
.discount .box_b_2 .pass_box .box_r {
width: 79.301745635%;
display: table-cell;
float: none;
}
.discount .box_b_2 .pass_box.pass_normal {
margin-bottom: 8px
}
.discount .box_b_2 .pass_box.pass_normal .box_l {
border: 1px solid #ddd;
padding-top: 8px;
display: table-cell;
float: none;
}
.discount .box_b_2 .pass_box.pass_free .box_l {
color: #fff;
background: #f0a202;
padding-top: 10px;
display: table-cell;
float: none;
}
.discount .box_b_2 a {
font-size: 16px;
line-height: 1.5;
color: #d44321;
position: relative;
font-weight: bold;
}
.discount .box_b_2 a:after {
margin-left: 6px;
}
/**/
.discount .box_b_3 {
margin-top: 56px;
border: 2px solid #ddd;
}
.discount .box_b_3 .box_inner {
border: 1px solid #ddd;
}
.discount_hakone .box_b.box_b_3 .box_inner {
padding: 32px 48px 24px;
}
.discount_hakone .box_b.box_b_3 .box_inner .box_l {
float: left;
}
.discount_hakone .box_b.box_b_3 .box_inner .box_r {
float: right;
}
.discount .box_b_3 h3 {
margin: 0 0 16px;
font-size: 20px
}
.discount .box_b_3 p {
margin: 0 0 8px
}
.discount .box_b_3 a {
line-height: 1
}
/*---------- Discount Hakone ----------*/
.discount_hakone{}
.discount_hakone .discount_ttl {
background: url(../img/area/bg_area_contents@2x.png);
background-size: 2497px 1249px;
padding: 51px 0;
text-align: center;
}
.discount_hakone .discount_ttl h1 {
line-height: 1;
font-size: 58px;
font-weight: bold;
margin: 0;
}
/**/
.discount .tab{margin-bottom:40px}
.discount .tab ul{margin:0;border-bottom:6px solid #d44321}
.discount .tab ul li a{float:left;font-size:21px;font-weight:bold;line-height:1;padding:17px 0;position:relative;text-align:center;border-radius:10px 10px 0 0}
.discount .tab ul li a:hover{background:#fff;text-decoration:none}
.discount .tab ul li a{float:left;font-size:21px;font-weight:bold;line-height:1;padding:17px 0;position:relative;text-align:center}
.discount .tab ul li small{font-size:75%}
.discount .tab ul li span{display:block;font-size:14px;margin:10px 0 0;color:#c3a16e}
.discount .tab ul li.current a{background:#d44321;color:#fff}
.discount .tab ul li.current span{color:#fff}
.discount .tab ul li:before{position:absolute}
.discount_hakone .pass_main .box {
/*margin: 0 0 38px*/
}
.discount_hakone .pass_main .box .box_r img {
/*margin: 0 0 16px*/
}
.discount_hakone .deteail_box {
margin: 0 0 20px
}
.discount_hakone .deteail_box.row {
margin-right: -22px;
margin-left: -22px;
}
.discount_hakone .deteail_box .col-sm-4 {
padding-left: 22px;
padding-right: 22px;
position: relative;
float: left;
}
.discount_hakone .deteail_box .col-sm-4:after {
background: url(../img/discount/hakone/ico_cross@2x.png)no-repeat;
width: 28px;
height: 27px;
content: "";
display: inline-block;
background-size: contain;
}
.discount_hakone .deteail_box li:last-child.col-sm-4:after {
display: none;
}
.discount_hakone .deteail_box .txt {
text-align: left;
background: url(../img/discount/hakone/bg_txt@2x.png);
background-size: 290px 291px
}
.discount_hakone .deteail_box .txt p {
margin: 0;
font-size: 14px;
line-height: 1.5;
padding: 16px
}
.discount_hakone .deteail_box .ttl {
background: #490e00;
color: #fff;
font-size: 18px;
padding: 9px 0 10px;
}
.discount_hakone .deteil_txt {
text-align: left;
font-size: 13px;
line-height: 1.385;
margin: 0 0 40px
}
.discount_hakone .deteil_txt b {
font-weight: normal;
color: #d44321
}
.discount_hakone .detail_table {
margin: 0 0 40px
}
.discount_hakone .detail_table table {
border-collapse: collapse;
width: 100%;
font-size: 15px;
border: 2px solid #d4cecd;
text-align: left;
}
.discount .discount_hakone_2 .detail_table table {
margin: 0 0 24px;
width: 100%
}
.discount .detail_table table a {
color: #d44321
}
.discount .detail_table th,
.discount .detail_table td {
padding: 6px 16px 7px;
font-weight: normal;
}
.discount .detail_table th {
border: solid 1px #d4cecd;
background: #f9f6e7;
}
.discount .detail_table td {
border: solid 1px #d4cecd;
background: #fff;
}
.discount .detail_table th.lv1 {
width: 25.833333333%
}
.discount_hakone .discount_hakone_2 .detail_table th {
background: #fcfaf3
}
/**/
.discount_hakone .areamap-st {
background: none;
padding: 80px 0 0;
margin: 0
}
.discount_hakone .areamap-st h2 {
border-bottom: 6px solid #c3a16e;
}
.discount_hakone .areamap-st h3 {
font-size: 20px;
font-weight: bold;
text-align: left;
margin-bottom: 24px;
}
.discount_hakone .areamap-st .areamap-st_map {
margin-bottom: 32px
}
.discount_hakone .box_b .box_inner {
padding: 32px 48px 16px;
}
.discount_hakone .areamap-st .box_b p {
font-size: 16px;
margin: 0 0 12px
}
.discount_hakone .areamap-st .box_b p:before {
content: "";
display: inline-block;
background: url(../img/discount/ico_h4@2x.png);
background-size: cover;
width: 12px;
height: 12px;
margin-right: 7px;
}
/**/
.discount_hakone .destination_contents {
padding-bottom: 74px;
border-bottom: 1px solid #ebe6c8;
}
.discount .box_b .box_l,
.discount .box_b .box_r {
width: 47.357293868%
}
@media only screen and (min-width: 481px) {
  .discount .tab ul li a{width:25%;}
  .discount_hakone .deteail_box .col-sm-4:after {
    right: -14px;
    top: 50%;
    position: absolute;
    margin-top: -14px;
  }
  .discount_tokotoko .pass_main .box .box_l,
  .discount_hakone .pass_main .box .box_l {
    width: 32.1875%;
    text-align: right;
  }
  .discount_tokotoko .pass_main .box .box_r,
  .discount_hakone .pass_main .box .box_r  {
    width: 57.291666666%;
  }
  .discount_hakone .pass_main .box .box_l {
    width: 37.916666666%;
    text-align: right;
  }
  .discount .box_b_2 ul li{width:47.357293868%}
  /**/
  .discount .box_b_logo img{margin-right:26px}
}
@media only screen and (max-width: 480px) {
  .discount .ttl_st h1 span{font-size:24px;}
  .discount_hakone .discount_ttl h1, .discount .ttl_st h1 {
    line-height: 1;
    font-size:36px
  }
  .discount .tab .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .discount .tab ul{padding:0 16px}
  .discount .tab ul li a {
    font-size: 15px;
    padding: 11px 20px;
  }
  .discount_hakone .deteail_box .col-sm-4:after {
    display: block;
    margin: 5px auto 7px;
  }
  .discount_hakone_2 .box_b.box_b_2 .box_inner {
    padding: 32px 20px 8px;
  }
  .discount .box_b_2 .pass_box .box_l,
  .discount .box_b_2 .pass_box.pass_free .box_l {
    width: 24.196277495%;
  }
  .discount .box_b_2 .pass_box .box_r,
  .discount .box_b_2 .pass_box.pass_free .box_r {
    width: 74.111675126%;
  }
  .discount_hakone .pass_main .box .box_l {
    text-align: center;
  }
  .discount_hakone .box_b .box_inner, .discount .box_b .box_inner {
    padding: 16px 20px 0
  }
  .discount .box_b h4{font-size:12px}
  .discount .box_b p{margin:0 0 24px;font-size:11px}
  .discount .box_b_2 ul li {
    margin-bottom: 24px;
  }
  .discount .pass_main > div > h3,
  .pass_main .box .box_r h3{font-size:16px;margin-bottom:16px}
  .discount_tokotoko .box_b{margin-bottom:0}
  .discount .destination_pass{padding:40px 0 48px}
  /**/
  .discount .pass_list ul li{margin-bottom:30px}
  .discount .pass_list ul li h3{font-size:15px}
  .discount .pass_list ul li p,
  .discount .box_b a,
  .discount_hakone .areamap-st .box_b p{font-size:11px}
  .discount .box_b_logo{padding:24px 0 0}
  /**/
  .discount_hakone .areamap-st{padding:40px 0 0}
  /**/
  .discount_hakone .areamap-st h3 {
    font-size: 16px;
    margin-bottom: 16px;
  }
  /**/
  .discount_hakone .areamap-st .box_b p {
    margin: 0 0 24px;
    font-size: 11px;
  }
  .discount_hakone .areamap-st {
    padding: 40px 0 0
  }
  .detail_table {
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .discount_hakone .detail_table table {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .pass_main h3+p{font-size:12px}
  .discount .pass_main > div > h4{font-size:13px}
  .discount_hakone .box_b.box_b_3 .box_inner {
    padding: 20px 32px
  }
  .discount .discount_hakone_2 .detail_table table{margin:0}
  .discount .box_b .box_l,
  .discount .box_b .box_r {
    width: 100%
  }
}


/*---------- Access ----------*/
.access{}
.access .access_ttl {
background: url(../img/area/bg_area_contents@2x.png);
background-size: 2497px 1249px;
padding: 51px 0;
margin-bottom: 60px;
text-align: center;
}
.access .access_ttl h1 {
line-height: 1;
font-size: 58px;
font-weight: bold;
margin: 0;
}
.access_tab {
}
.access_tab .tab {
margin-bottom: 60px
}
.access_tab .tab ul{margin:0;border-bottom:6px solid #d44321}
.access_tab .tab ul li{position:relative}
.access_tab .tab ul li a{float:left;font-size:21px;font-weight:bold;line-height:1;padding:15px 0 14px;position:relative;text-align:center;display:table;}
.access_tab .tab ul li a:hover{background:#fff;text-decoration:none;border-radius:10px 10px 0 0}
.access_tab .tab ul li a>div{display:table-cell;vertical-align:middle}
.access_tab .tab ul li small{font-size:75%}
.access_tab .tab ul li span{display:block;font-size:14px;margin:10px 0 0;color:#c3a16e}
.access_tab .tab ul li.current a{background:#d44321;color:#fff;border-radius:10px 10px 0 0}
.access_tab .tab ul li.current span{color:#fff}
.access_tab .tab ul li:before{position:absolute}
.access_tab_link {
padding-bottom: 16px;
margin-bottom: 54px;
border-bottom: 1px solid #ebe6c8;
}
.access_tab_link ul {
margin: 0
}
.access_tab_link ul li {
float: left;
margin-right: 10px;
margin-bottom: 8px
}
.access_tab_link ul li a {
border-style: solid;
border-width: 2px;
border-color: rgb(97,55,17);
padding: 4px 30px;
border-radius: 22px;
font-size: 16px;
display: block;
}
/* contents */
.access_contents article{border-bottom:1px solid #ebe6c8;padding-bottom:60px;margin-bottom:60px}
.access_contents article:last-child{padding-bottom:80px;margin-bottom:0}
.access_contents article h2{margin-top:0;line-height:1;margin-bottom:40px}
.access_contents .contents .box{border:2px solid #c3a16e;margin-bottom:40px;background:#fff}
.access_contents .contents .box_inner{border:1px solid #c3a16e;margin:6px;font-size:18px;padding:34px 71px;}
.access_contents .contents .box .lead{font-size:18px;line-height:1.556;margin:0 0 40px}
.access_contents .contents .box .lead a{color:#d44321;font-weight:bold;}
.access_contents .contents .box h3{font-size:24px;font-weight:bold}
.access_contents .contents .box .box_l{width:21.951219512% /* 180/820 */}
.access_contents .contents .box .box_r{width:74.024390243%}
.access_contents .contents .box .box_r p{font-size:16px;line-height:1.5;}
.access_contents .contents .box .box_r .btn-b-r{text-align:left;}
.access_contents .contents .box .box_r .btn-b-r a{display:inline-block;font-size:18px;letter-spacing:.005em;text-align:center;padding:10px 0;}
/* Access Map */
.access_contents .access_map .access_map_box {
text-align: center;
}
.access_contents .access_map .access_map_box h3 {
font-size: 20px;
font-weight: bold
}
@media only screen and (min-width: 481px) {
  .access_tab .tab ul li a{width:25%;}
  .access_contents .contents .box .box_r .btn-b-r a{width:293px}
}
@media only screen and (max-width: 480px) {
  .access .access_ttl h1{font-size:32px}
  .access_tab .tab ul li a{font-size:15px}
  .access_tab .tab ul li span{font-size:10px}
  .access_tab_link ul li a{font-size:12px}
  .access_contents .contents .box_inner{padding:20px 12px}
  .access_contents .contents .box .box_l{float:left;width:44.481054365%}
  .access_contents .contents .box .box_r{float:right;width:47.44645799%}
  .access_contents .contents .box .box_r+.box_r{width:100%}
  .access_contents .contents .box .box_r .btn-b-r{text-align:center}
  .access_contents .contents .box .box_r .btn-b-r a{margin:auto;padding:10px 32px 10px 24px}
  /**/
  .access_tab .tab {
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
    margin-bottom: 30px
  }
  .access_tab .tab .inner {
    padding-right: 0;
    padding-left: 0;
    max-width: inherit;
  }
  .access_tab .tab div {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .access_tab .tab ul {
    width: 628px;
    padding: 0 16px;
    border-bottom: 4px solid #d44321;
  }
  .access_tab .tab ul li a{width:149px}
}


/*---------- Around ----------*/
.around .ttl_st {
background: url(../img/around/mv.png);
background-size: cover;
}
/* Map */
.around .areamap-st {
background: url(../img/area/bg_area_contents@2x.png);
background-size: 2497px 1249px;
padding-bottom: 61px
}
.around .areamap-st .areamap-st_map {
margin-bottom: 32px
}
.around .areamap-st .box {
text-align: left;
}
.around .areamap-st .box p {
font-size: 14px;
line-height: 1.714;
margin: 0 0 16px
}
.around .areamap-st .box h3 {
font-size: 18px;
line-height: 1.333;
font-weight: bold;
margin-bottom: 8px
}
.around .areamap-st .box .box_r .btn-b-r {
text-align: left;
}
.around .areamap-st .box .box_r .btn-b-r a {
display: inline-block;
font-size: 14px;
letter-spacing: .005em;
text-align: center;
padding: 4px 0;
width: 152px;
}
.around .areamap-st .box_inner {
font-size: 18px;
}
.around .areamap-st .box .box_l {
width: 33.057851239%;
float: left;
}
.around .areamap-st .box .box_r {
width: 61.983471074%;
float: right;
}
/* Contents */
.around .destination_contents article {
margin-bottom: 240px
}
.around .destination_contents article .inner_box h2 {
font-size: 40px;
margin: 0 0 16px;
line-height: 1.25;
border-bottom: 0;
padding-bottom: 0;
font-weight: bold;
display: block;
text-align: left;
}
.around .destination_contents article .inner_box p {
font-size: 16px;
line-height: 1.5;
text-align: left;
margin: 0 0 40px
}
.around .destination_contents article .inner_box p.txt_num {
color: #c3a16e;
line-height: 1;
margin: 0 0 24px
}
.around .destination_contents article .inner_box .btn a {
font-size: 18px;
letter-spacing: .005em;
color: #d44321;
border: 2px solid #d44321;
width: 203px;
padding: 10px 0;
margin: 16px 0 0 4px;
}
.around .destination_contents article .inner_box .btn a:hover {
background: none
}
.around .destination_contents article.article_c_r .img_bg {
position: absolute;
top: 200px;
right: 0;
width: 75.78125%;
z-index: -1
}
.around .destination_contents article.article_c_r .inner_box {
background: #fff;
border: 4px solid #ebe6c8;
padding: 37px 48px 29px;
z-index: 3;
position: relative;
text-align: left;
}
.around .destination_contents article.article_c_l .img_p.
.around .destination_contents article.article_c_r .img_p {
z-index: 2
}
.around .destination_contents article.article_c_l .img_bg {
position: absolute;
top: 200px;
left: 0;
width: 75.78125%;
z-index: -1
}
.around .destination_contents article.article_c_l .inner_box {
background: #fff;
border: 4px solid #ebe6c8;
padding: 37px 48px 29px;
z-index: 3;
position: relative;
}
/* Guide */
.around .transp-guide {
padding-bottom: 80px;
border-bottom: 1px solid #ebe6c8;
}
@media only screen and (min-width: 481px) {
  .around .areamap-st .box {
    border: 2px solid #fff;
    color: #fff;
  }
  .around .areamap-st .box_inner {
    border: 1px solid #fff;
  }
  .around .areamap-st .box_inner {
    margin: 6px;
    padding: 32px 120px;
  }
  /**/
  .around .destination_contents article.article_c_r .inner_box,
  .around .destination_contents article.article_c_l .inner_box {
    width: 50%;
  }
  .around .destination_contents article.article_c_r .img_p {
    position: absolute;
    top: 80px;
    width: 55.46875%;
  }
  .around .destination_contents article.article_c_l .img_p {
    position: absolute;
    top: 80px;
    right: 0;
    width: 55.46875%;
  }
}
@media only screen and (max-width: 480px) {
  .around .areamap-st {
    padding: 40px 0 29px;
    margin-bottom: 50px;
  }
  .around .areamap-st .areamap-st_map {
    margin-bottom: 24px
  }
  .around .areamap-st .box {
    margin-right: 16px;
    margin-left: 16px
  }
  /**/
  .around .destination_contents article .inner_1280 {
    padding-left: 0;
    padding-right: 0;
  }
  .around .destination_contents article {
    margin-bottom: 40px;
  }
  .around .destination_contents article.article_c_r .img_bg,
  .around .destination_contents article.article_c_l .img_bg{display:none}
  .around .destination_contents article.article_c .inner_box {
    margin-top: -80px;
    padding: 20px 18px;
  }
  .destination .destination_contents article .inner_box p.txt_num {
    margin: 0 0 16px
  }
  .around .destination_contents article .inner_box h2 {
    font-size: 20px
  }
  .around .destination_contents article .inner_box p {
    font-size: 11px;
    line-height: 1.5;
    margin: 0 0 16px;
  }
  .around .destination_contents article .inner_box .btn a {
    margin: auto;
    font-size: 15px;
    padding: 5px 0 6px;
  }
  /**/
  .around .transp-guide {
    padding-bottom: 40px;
  }
}


/*---------- Station ----------*/
.station{}
.station .access_ttl {
background: url(../img/area/bg_area_contents@2x.png);
background-size: 2497px 1249px;
padding: 51px 0;
margin-bottom: 60px;
text-align: center;
}
.station .access_ttl span {
line-height: 1;
font-size: 20px;
font-weight: bold;
display: block;
margin: 0 0 20px
}
.station .access_ttl h1 {
line-height: 1;
font-size: 58px;
font-weight: bold;
margin: 0;
}
/* Map */
.station .station_map h2 {
margin: 0 0 24px;
line-height: 1
}
.station .station_map .station_map_img {
margin-bottom: 60px
}
.station .station_map h2.station_map_ttl {
line-height: 1;
font-size: 28px;
letter-spacing: .010em;
margin: 0
}
.station .station_map h2.station_map_ttl span {
position: relative;
display: block;
margin: 0 0 40px;
padding: 0 0 16px;
}
.station .station_map h2.station_map_ttl span:before {
content: "";
display: block;
position: absolute;
bottom: 0;
height: 3px;
background: #fff;
width: 100%;
}
.station .station_map .station_map_list h2 span:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 3px;
background: #c3a16e;
width: 185px;
}
/* station_map_list */
.station_map_list ol {
margin-bottom: 40px;
counter-reset: number;
list-style-type: none;
padding: 0
}
.station_map_list ol li h3 {
font-size: 24px;
font-weight: bold;
margin: 0 0 16px;
position: relative;
padding: 0 0 0 32px
}
.station_map_list ol li h3:before {
position: absolute;
counter-increment: number;
content: counter(number);
display: inline-block;
background: #d44321;
color: white;
font-size: 14px;
font-weight: 800;
border-radius: 50%;
left: 0;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 1px;
}
.station_map_list ol li {
margin-bottom: 40px;
float: left;
}
.station_map_list ol li .img {
}
.station_map_list ol li .img img {
/*border: 1px solid #e0e2e0;
padding: 4px;*/
width: 100%;
}
.station_map_list ol li .txt {
}
.station_map_list ol li .txt p {
margin: 0;
font-size: 16px;
line-height: 1.5;
}
/* List */
.station .station_map_list.rs-st {
padding: 0
}
.station .station_map_list.rs-st-s {
border-bottom: 0
}
/* Box */
.station .station_box {
margin-bottom: 80px
}
.station .box {
border: 2px solid #c3a16e;
text-align: left;
}
.station .box .box_inner {
border: 1px solid #c3a16e;
margin: 6px;
font-size: 18px;
padding: 32px 73px 45px;
}
.station .box p {
font-size: 16px;
line-height: 1.5;
margin: 0 0 24px
}
.station .box h3 {
font-size: 28px;
line-height: 1;
font-weight: bold;
margin-bottom: 24px
}
.station .box .box_r .btn-b {
text-align: left;
}
.station .box .box_r .btn-b a {
display: inline-block;
font-size: 18px;
letter-spacing: .005em;
text-align: center;
padding: 10px 0;
width: 203px;
border: 2px solid #d44321;
color: #d44321
}
.station .box .box_r .btn-b a:hover{background:none}
.station .box .box_l img{width:100%}
/* Guide */
.station .transp-guide {
padding-bottom: 80px;
border-bottom: 1px solid #ebe6c8;
}
.station .transp-guide ol {
margin: 10px 0 40px;
}
.station .transp-guide .btn{}
.station .transp-guide .btn a {
padding: 10px 0;
width: 203px;
border: 2px solid #d44321;
color: #d44321;
margin: auto;
}
.station .transp-guide .btn a:hover {
background: none
}
@media only screen and (min-width: 481px) {
  .station .box .box_l{width:51.585365853%}
  .station .box .box_r{width:43.048780487%}

  .station_map_list ol li .img {
    width: 44.222222222%
  }
  .station_map_list ol li .txt {
    width: 52.444444444%
  }

}
@media only screen and (max-width: 480px) {
  .station .box .box_inner {
    padding: 20px 12px;
  }
  .station .box .box_r .btn-b{text-align:center;}
  .station .box .box_r .btn-b a{margin:auto;}
  .station_map_list ol li{}
  .station .access_ttl h1{font-size:36px}
}


/*---------- slick ----------*/
.videos .ttl_st {
background: url(../img/video/video_bg.png);
background-size: auto;
background-size: cover;
}
.video_contents {
text-align: left;
font-size: 18px;
line-height: 1.556;
margin-bottom: 80px;
padding-top: 56px;
overflow: auto;
}
.video_contents figure {
margin: 20px;
width: 45%;
float: left;
}
.video_contents figure figcaption {
font-size: 16px;
font-weight: bold;
line-height: 1;
margin: 8px 0 12px;
}
.video_contents figure .video {
position: relative;
width: 100%;
padding-top: 56.25%;
border: 3px solid #c3a16e;
}
.video_contents figure .video iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 480px) {
  .video_contents {
    padding-top: 40px;
    margin-bottom: 0
  }
  .video_contents figure {
    width: 100%;
    float: none;
    margin: 0 0 32px
  }
}

/*---------- slick ----------*/
.slick-arrow{display:none;}
/* Dots */
.slick-initialized .slick-slide{margin:0}
.slick-slide img{margin:0;width:100%}
#apDots {
/*display: inline-block;
position: absolute;
bottom: 0;
background: #fff;
padding: 12px 32px 4px;
position: absolute;
left: 50%;
transform: translateY(0) translateX(-50%);
-webkit- transform: translateY(0) translateX(-50%);
margin: auto;
border-radius: 3px 3px 0 0;*/
display: none;
}
.slick-dotted.slick-slider{}
.slick-dots {
/*padding: 0;
margin: 0;
list-style: none;
text-align: center;*/
display: inline-block;
position: absolute;
bottom: 0;
background: #fff;
padding: 12px 32px 4px;
position: absolute;
left: 50%;
transform: translateY(0) translateX(-50%);
-webkit- transform: translateY(0) translateX(-50%);
margin: auto;
border-radius: 3px 3px 0 0;
}
.slick-dots li {
position: relative;
display: block;
width: 10px;
height: 10px;
margin: 0 4px;
padding: 0;
cursor: pointer;
float: left;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
content: '';
text-align: center;
color: black;
border-radius: 50%;
background: #fff;
border: 1px solid #d44321;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
background: #d44321;
}
.prev-arrow,
.next-arrow {
width: 66px;
height: 66px;
position: absolute;
top: 50%;
margin-top: -33px;
z-index: 1
}
.prev-arrow {
background: url(../img/spot/btn_slide_next@2x.png);
background-size: cover;
left: -33px;
}
.next-arrow {
background: url(../img/spot/btn_slide_prev@2x.png);
background-size: cover;
right: -33px
}
@media only screen and (max-width: 480px) {
  .slick-dots li,
  .slick-dots li button,
  .slick-dots li button:before {
    width: 5px;
    height: 5px
  }
  .slick-dots{padding:6px 18px 2px}
  .slick-dots li{margin:0 2px}
  .prev-arrow,
  .next-arrow {
    width: 37px;
    height: 37px;
    margin-top: -19px;
    opacity: .75
  }
  .prev-arrow{left:4px}
  .next-arrow{right:4px}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible{visibility:hidden;}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead{display:table-header-group;}
    tr,img{page-break-inside:avoid;}
    img{max-width:100%!important;}
    p,h2,h3{orphans:3;widows:3;}
    h2,h3{page-break-after:avoid;}
}

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

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


/* for 202510 new price  */
.for_price_old {
  display: none !important;
}
.for_price_202510 {
/*  display: none !important;*/
  display: block;
}

/* 切り替え、絶対に表示されない  */
.image.for_price_old {
  display: block !important;
}
.noList ul li.for_price_old {
  display: flex !important;
}
.noList ul li.for_price_202510 {
  display: none !important;
}

.for_price_old_tit_left {
  text-align: left;
}
.for_price_old_tit_right {
  text-align: right;
}
.for_price_old_tit_center {
  text-align: center;
}
.for_price_old_tit {
  margin: 30px auto 20px !important;
  font-size: 22px !important;
  font-weight: bold;
  text-align: center;
/*  border-bottom: 2px solid;*/
}


/* footer sns */
.footer_sns {
    /* float: left; */
    margin: 1px auto 50px;
    padding-bottom: 20px;
}
.footer_sns ul {
    display: flex;
    align-items: flex-start;
    margin: auto;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 20px;
    right: 0;
    margin-top: -11px;
    background: #fff;
    background: #f9f6e7;
    width: 340px;
    padding: 9px 2px 9px 5px;
    padding: 9px 2px 9px 2px;
}

.footer_sns ul > li {
    width: 40px;
    width: 46px;
    max-width: calc(20vw - 26px);
    margin-left: 26px;
}
.footer_sns ul > li:first-child {
    margin-left: 0;
}
.footer_sns ul > li a {
  display: inline-block;
}
.footer_sns ul > li a:hover {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.55;
}
/*footer .footer_b .box_l {
    margin-top: 13px;
    margin-right: 52px;
}*/
@media screen and (max-width: 1024px) {
.footer_sns {
/*    float: left;*/
}
.footer_sns ul {
/*    position: static;*/
/*    margin: 0;*/
/*    display: flex;*/
}
}
@media screen and (max-width: 768px) {
/*footer .footer_b > .inner > * > * {
    float: none;
    margin: 0  auto 20px;
    text-align: center;
}
footer .footer_b > .inner > * > * ul.clearfix > li {
    float: none;
    display: inline-block;
}*/
.footer_sns {
    margin: 1px auto 60px;
}
.footer_sns ul {
    margin: auto;
}
}

/* top_freepass  */
.top_freepass_cols {
    display: flex;
    margin: 30px auto 30px;
    padding: 50px 50px;
    padding: 20px 50px;
    background: #fff;
    background: #ebe6c8;
    max-width: 840px;
    justify-content: space-between;
    align-items: center;
}

.top_freepass_cols > * {
    width: 68%;
}
.top_freepass_cols_right {
    width: 30%;
}

.top_freepass_cols_tit {
    font-size: 27px;
    line-height: 1.2;
    font-weight: bold;
    text-align: left;
}

.top_freepass_cols_txt {
    text-align: left;
    line-height: 2;
}

.top_freepass_btns {
    display: flex;
    justify-content: center;
}

.top_freepass_btns > a {
    width: 300px;
    max-width: 49%;
    margin: 20px 20px;
    padding: 18px 20px;
    display: inline-flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}

.top_freepass_others.t_right > a {
    text-decoration: underline;
}

@media only screen and (max-width: 480px) {
.top_freepass_cols {
    padding: 1px 20px 24px;
    margin: 22px auto 10px;
    display: block;
}
.top_freepass_cols > * {
    width: auto;
}
.top_freepass_cols > * img {
    max-width: 35vw;
}
.top_freepass_btns.btn {
    width: 100%;
    margin: auto;
    justify-content: space-between;
}
.btn.top_freepass_btns > * {
    width: 48%;
    margin: 20px 0;
}
.onlyPC {
  display: none;
}
}
.onlySP {
  display: none;
}
@media only screen and (max-width: 480px) {
.onlySP {
  display: block;
}
}