@charset "utf-8";
/* CSS Document */

*{
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-style: normal;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Verdana, Arial, "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: #736854;
}
/*
html,body{
  min-width:1280px; -webkit-text-size-adjust: 100%;
}
*/
body{
  padding: 0;
  margin: 0;
  background: url(../img/bg_01.jpg)repeat;
  /*background-size: 768px 480px;*/
  position: absolute;
  width: 100%;
  height: 100%;
}


/* =========================
  common
========================= */

.mt_10{margin-top: 10px;}
.mt_15{margin-top: 15px;}
.mt_20{margin-top: 20px;}
.mt_25{margin-top: 25px;}
.mt_30{margin-top: 30px;}


/* margin-bottom */
.mb_10{margin-bottom: 10px;}
.mb_15{margin-bottom: 15px;}
.mb_20{margin-bottom: 20px;}
.mb_25{margin-bottom: 25px;}
.mb_30{margin-bottom: 30px;}
.mb_35{margin-bottom: 35px;}
.mb_40{margin-bottom: 40px;}
.mb_45{margin-bottom: 45px;}
.mb_50{margin-bottom: 50px;}
.mb_55{margin-bottom: 55px;}
.mb_60{margin-bottom: 60px;}
.mb_70{margin-bottom: 70px;}
.mb_120{margin-bottom: 120px;}

/* padding-bottom */
.pb_10{padding-bottom: 10px; display: inline-block;}
.pb_15{padding-bottom: 15px;}
.pb_20{padding-bottom: 20px;}
.pb_25{padding-bottom: 25px;}
.pb_30{padding-bottom: 30px;}
.pb_35{padding-bottom: 35px;}
.pb_40{padding-bottom: 40px;}
.pb_45{padding-bottom: 45px;}
.pb_50{padding-bottom: 50px;}
.pb_55{padding-bottom: 55px;}
.pb_60{padding-bottom: 60px;}

.clear{
  clear: both;
  height: 1px;
  padding: 0;
  margin: 0;
}
.chu{ font-size: .85em;}
.t_right{text-align: right;}
.t_center{text-align: center;}
.m_auto{margin:0 auto;}

.serif{
  /*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

em,
strong{
  font-style: normal;
  font-size: 1.2em;
  letter-spacing: 0.1em;
}

a{
  /*color:rgba(210,150,148,1);*/
  text-decoration: none;
}

hr{
  border: none;
}

p,li,th,td,dd,dt{
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.8em;
}

table{
  border-collapse: collapse;
  width: 100%;
}
table th,table td{
  border:solid 1px #736854; 
  padding: 5px 15px;
}


/**　追記 バン源田
*********************************/
header{
  background: url(../img/h_leaf_l.png)left top no-repeat,
  url(../img/h_leaf_r.png)right top no-repeat,
  url(../img/h_leaf_m.png)center -30px no-repeat;
  height: 220px;
}
header .bn_plan{
  position: absolute;
  top:0px;
  right: 10px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .bn_plan:hover{
  top:10px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .language li:hover{
  top:10px;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .language li:hover img,
header .bn_plan:hover img{
  opacity: 1;
}
header .language li{
  float: left;
  top: 0;
  position: relative;
  margin: 0 7px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .language{
  position: absolute;
  top:10px;
  right: 170px;
}

h1{
  padding:30px 0 0; 
  text-align: center;
  display: table;
  margin: 0 auto;
  width: 300px;
  height: 260px;
  background: #fff;
  position: relative;
  z-index: 1;
-webkit-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.28);
box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.28);
}
h1 .sumaho{
  display: none;
}
.waku_1200{
  max-width: 1200px;
  width: 1200px;
  display: table;
  margin: 0 auto;
}
.waku_1024{
  max-width: 1024px;
  display: table;
  margin: 0 auto;
}
.waku_uchi{
  max-width: 767px;
  display: table;
  margin: 0 auto;
}
section{
  clear: both;
}
a:hover img{
  opacity: 0.7;
}
a.underline{
  display: inline-block;
  border-bottom: solid 1px #577a33;
  color: #577a33;
  padding: 0 5px;
}

.h2_bg{
  min-height:  200px;
  padding: 70px 0 0;
  background: rgba(255,255,255,0.4);
}
.h2_bg h2{
  text-align: center;
}
/*
#onsen .h2_bg{
  background: url(../img/h2_bg_onsen.jpg)no-repeat;
  background-position:center top;
}
#cuisine .h2_bg{
  background: url(../img/h2_bg_cuisine.jpg)no-repeat;
  background-position:center top;
}
#room .h2_bg{
  background: url(../img/h2_bg_room.jpg)no-repeat;
  background-position:center top;
}
#daytrip .h2_bg{
  background: url(../img/h2_bg_day.jpg)no-repeat;
  background-position:center top;
}
#access .h2_bg{
  background: url(../img/h2_bg_access.jpg)no-repeat;
  background-position:center top;
}
#sightseeing .h2_bg{
  background: url(../img/h2_bg_sightseeing .jpg)no-repeat;
  background-position:center top;
}
#inquiry .h2_bg{
  background: url(../img/h2_bg_inquiry.jpg)no-repeat;
  background-position:center top;
}
*/
#index .conte_top{
  background: url(../img/bg_ind_top.jpg)no-repeat;
  background-position:center -450px;
}
#daytrip .bg_top{
  background: url(../img/bg_day_top.jpg)no-repeat;
  background-position:center top;
}
#access .conte_top{
  background: url(../img/bg_ac_top.jpg)no-repeat;
  background-position:center bottom;
}
#reservation .bg_top{
  background: url(../img/bg_res_top.jpg)no-repeat;
  background-position:center top;
}
#room .conte_top{
  background: url(../img/bg_fa_top.jpg)no-repeat;
  background-position:center top;
}
#cuisine .conte_top{
  background: url(../img/bg_cui_top.jpg)no-repeat;
  background-position:center bottom;
}
#sightseeing .conte_top{
  background: url(../img/fukushima_map.png)no-repeat;
  background-position:center 180px;
}



.conte_main .ph .leaf{
  display: block;
  text-align: center;
}

.plan_rss article{
  margin: 0 auto;
}
.plan_rss .plan_conte:after{
  content: ' ';
  display: table;
  clear: both;
}
.plan_rss .one{
  float: left;
  background:#fff;
  padding: 0 0 20px;
  width: 28%;
  margin: 0 2.5% 30px;
}
.plan_rss .one .text{
  padding: 0 15px;
}
.plan_rss .one .ph{
  position: relative;
  overflow: hidden;
  line-height: 0;
  margin-bottom: 10px;
}
.plan_rss .one .ph a{
  height: 100%;
  width: 100%;
  display: inline-block;
}
.plan_rss .one .ph:hover img{
  transform: scale(1.1);  /*画像の拡大率*/
  transition-duration: 0.3s;
}
.plan_rss .one .ph img{
  width: 100%;
  transition-duration: 0.3s;
}
.plan_rss .one .ph:hover .icon_jump{
  opacity: 1;
  transform: scale(1);
}
.plan_rss .one .ph .icon_jump{
  position: absolute;
  bottom:0;
  right: 0; 
  width: 32px;
  height: 32px;
}
.plan_rss .search{
  display: table;
}
.search .type,.search .guests,
.search .search_btn,
.search .middle,
.search .head,
.search p{
  float: left;
}
.search .middle p{
  margin-bottom: 15px;
  color: #577a33;
}
.search .middle{
  padding: 40px 60px;
  background:#dde7cc;
  width: 660px;
}
.search select,
.search input{
  margin-left: 7px;
}
.search .search_btn input{
  margin-left: 0px;
}
.search .search_btn:hover{
  opacity: 0.7;
} 
.search .guests,
.search .text_r{
  margin-left: 20px;
}
.dt_line dt:before{
  content: '■ ';
}

.dt_line dt{
  border-bottom: solid 1px #736854;
  margin-bottom: 5px;
}

.car_line{
  background: url(../img/ac/car_line.png)repeat-x;
  background-position: center center;
  text-indent: -9999px;
  display: inline-block;
  padding: 0 10px;
  margin: 0 5px;
}
.bus_line{
  background: url(../img/ac/bus_line.png)repeat-x;
  background-position: center center;
  text-indent: -9999px;
  display: inline-block;
  padding: 0 10px;
  margin: 0 5px;
}
.walk_line{
  background: url(../img/ac/walk_line.png)repeat-x;
  background-position: center center;
  text-indent: -9999px;
  display: inline-block;
  padding: 0 10px;
  margin: 0 5px;
}
.t_green{
  color: #547634;
}
.bg_green{
  padding: 5px 15px;
  background: #547634;
  color: #fff;
}

.conte_main{
  padding: 60px 0 ;
}
.conte_main .detail{
  float: right;
  width: 40%;
  padding-top: 50px;
}
.conte_main .detail table,
.conte_main .detail dl,
.conte_main .detail ul,
.conte_main .detail p{
  margin-left: 40px;
}
.conte_main .detail table{
  width: auto;
}

.conte_main .detail h3{
  display: table;
  margin: 60px auto 30px;
}

.conte_main .ph{
  float: left;
  width: 60%;
}
.conte_main .ph .leaf{
  text-align: center;
}
.i_leaf{
  text-align: center;
  margin: 60px auto 30px;
}
.bn_card{
  margin: 50px auto 30px;
}
.conte_main:after,
.bn_card:after{
  content: ' ';
  display: block;
  clear: both;
}
.bn_card li{
  width: 178px;
  height: 262px;
  margin: 0 10px 30px;
  float: left;
  text-align: center;
}
.bn_card li:hover{
  opacity: 0.7;
}
.bn_card li:hover img{
  opacity: 1;
}
.bn_card li .arrow{
  position: relative;
  top:-3px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.bn_card li:hover .arrow{
  position: relative;
  top:7px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.bn_card li a{
  display: block;
  height: 100%;
  width: 100%;
  padding-top: 176px;
}
.bn_card .bn_bbq{
  background: url(../img/bn_card_bbq.png)no-repeat;
  background-size: cover;
  background-position: center top;
}
.bn_card .bn_room{
  background: url(../img/bn_card_wa.png)no-repeat;
  background-position: center top;
  background-size: cover;
}
.bn_card .bn_twin{
  background: url(../img/bn_card_lag.png)no-repeat;
  background-position: center top;
  background-size: cover;
}
.bn_card .bn_daytrip{
  background: url(../img/bn_card_day.png)no-repeat;
  background-size: cover;
  background-position: center top;
}
.bn_card .bn_cui01{
  background: url(../img/bn_card_cui.png)no-repeat;
  background-position: center top;
  background-size: cover;
}
.bn_card .bn_cui02{
  background: url(../img/bn_card_cui02.png)no-repeat;
  background-position: center top;
  background-size: cover;
}

.card:after{
  content: ' ';
  display: block;
  clear: both;
}
.card {
  display: table;
  margin: 0 auto;
}
.card .col01{
  width: 33.3%;
  float: left;
  background:#fff; 
  padding-bottom: 20px;
  min-height: 460px;
}
.card .col01 li:nth-child(2){
  text-align: center;
  margin:15px 0 5px; 
}
.card .col01 li:nth-child(2),
.card .col01 li:nth-child(3){
  padding: 0 15px;
}
.card .col01 .ph{
  position: relative;
}
.card .col01 .ph .tag{
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.card .col01 .ph img{
  width: 100%;
}



.per_4_6{
  position: relative;
}
.per_4_6:after{
  content: ' ';
  display: block;
  clear: both;
}

.per_4_6 .text{
  background: url(../img/bg_leaf.jpg)no-repeat;
  background-position: center top;
  background-size: cover;
  min-height: 260px;
  width: 50%;
  padding: 110px 20px 70px;
  position: absolute;
  top:50px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);
}
.per_4_6 .ph{
  width: 60%;
  float: right;
  z-index: -1;
  position: relative;
  overflow: hidden;
}
.per_4_6 .ph img{
  width: 100%;
}
.per_4_6 .text h3{
  margin-bottom: 30px;
}

.col02 h3{
  text-align: center;
  margin-bottom: 30px;
}
.col02 .ph img{
  width: 100%;
}
.col02 .ph{
  position: relative;
}
.col02 .ph .tag{
  position: absolute;
  top:0;
  right: 0;
}
.col02 .ph .tag img{
  width: auto;
}
.col02{
  position: relative;
  width: 50%;
  float: left;
}
.row .col02{
  padding-right:20px;
}
.row .col02.right{
  padding-left:20px;
  padding-right: 0;
}
.row:after,
.col03:after{
  content: ' ';
  display: block;
  clear: both;
}
.col03{
  margin: 0 auto;
}
.col03 .col01{
  width: 33%;
  padding: 0 1.5%;
  float: left;
  text-align: center;
}

/***********************************/
.loop_sl .sl_cover_l{
  position: absolute;
  left: 0;
  top:-40px;
}
.loop_sl .sl_cover_r{
  position: absolute;
  right: 0;
  top:-40px;
}
.loopslider {
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    height: 200px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.loopslider ul {
    height: 200px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
.loopslider ul li {
    width: 300px;
    height: 200px;
    float: left;
    display: inline;
    overflow: hidden;
}
.loopslider ul li img{
  width: 100%;
  padding: 0 0.5px; 
}
.loopslider a:hover img{
  opacity: 0.7;
}
 
/* =======================================
    ClearFixElements
======================================= */
.loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.loopslider ul {
    display: inline-block;
    overflow: hidden;
}





/***********************************/
.each .title{
  text-align: center;
  padding: 50px 0 0;
}
.each{
  width:300px;
  float: left;
}
.each li{
width:300px;
height:200px;
background: rgba(255,255,255,1);
}
.slideup_box {
position:relative;
overflow:hidden;
}
.slideup_box img{
  width: 100%;
}

.slideup_box .slideup{
width:300px;
height:300px;
background:rgba(255,255,255,0.9);
background:rgba(84,118,51,1);

position:absolute;
top:180px;
left:0;
font-size: 0.9em;
color:#fff;
-webkit-transition: 0.2s;
-moz-transition:  0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.each:hover .slideup {
top:0;
background:rgba(255,255,255,0.8);
background:rgba(84,118,51,0.8);
padding: 20px 30px;
}
.each .slideup_box img{
  transition-duration: 0.3s;  /*変化に掛かる時間*/
}
.each:hover .slideup_box img{
  transform: scale(1.1);  /*画像の拡大率*/
  transition-duration: 0.3s;  /*変化に掛かる時間*/
}
.slideup_box .slideup span {
  font-size: 0.85em;
  line-height: 1.1;
  color: #fff;
margin:0px;
padding:5px;
text-align:center;
font-weight:bold;
display:block;
}
.each:hover .slideup span,
.slideup_box .slideup:hover span {
display:none;
}
.slideup_content {
  line-height: 1.5;
  color: #fff;
}










/***********************************/
footer{
  background: url(../img/f_leaf_l.png)no-repeat left bottom,
  url(../img/f_leaf_r.png)no-repeat right bottom,
  url(../img/bg_footer.png)no-repeat center bottom;
}
footer address{
  margin: 50px auto 30px;
  font-weight: bold;
}
footer p{
  text-align: center;
  color: #577a33;
}
footer .t_ai,
footer .bn_01{
  margin: 60px auto 0;
  display: table;
}
footer .t_ai img{
  width: 100%;
}
footer .copy{
  padding: 5px 0;
  background: #1e0701;
  color:#fff;
  font-size: 0.8em;
}
.bn_01{
  background: url(../img/bn_plan_large.png)no-repeat center;
  height:256px;
  width: 100%;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.bn_01:hover{
  background: url(../img/bn_plan_large_on.png)no-repeat center;
  height:256px;
  width: 100%;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.bn_01 a{
  display: block;
  width: 100%;
  height: 100%;
}
.bn_02{
  background: url(../img/bn_02_on.jpg)no-repeat center;
  height:138px;
  width: 100%;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.bn_02:hover{
  background: url(../img/bn_02_off.jpg)no-repeat center;
  height:138px;
  width: 100%;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.bn_02 a{
  display: block;
  width: 100%;
  height: 100%;
}




/**drawer-nav************/
nav.normal{
  position: relative;
  top:-130px;
  max-width: 1024px;
  margin: 0 auto;
    width: 100%;
    display: table;
}
nav.normal li a{
  display: inline-block;
  width: 100%;
  height: 100%;
}
nav.normal .nav-left{
  float: left;
}
nav.normal .nav-right{
  float: right;
}
nav.normal li{
  float: left;
  text-align: center;
  margin:0 6px;
}



/**drawer-nav************/
.drawer-nav li:hover .icon,
nav.normal li:hover .icon{
  animation: boyo2 .7s linear 0s 2 forwards;
}
.drawer-nav li:nth-child(2n):hover .icon,
nav.normal li:nth-child(2n):hover .icon{
  animation: boyo3 .7s linear 0s 2 forwards;
}
.drawer-nav li{
  float: left;
  width: 25%;
  border-right: solid 1px #dfcdb6;
  border-top:solid 1px #dfcdb6; 
  text-align: center;
  padding: 15px 0;
  background:#fff; 
}
.drawer-nav li a{
  color: #3f2a28;
}
.korea .drawer-nav .nav_eng li:nth-child(3) a,
.chinese .drawer-nav .nav_eng li:nth-child(2) a,
.english .drawer-nav .nav_eng li:nth-child(1) a{
  color: #dd5844;
  color: #547633;
}


.drawer-nav .nav_eng li{
  width: 33%;
}
.drawer-nav .nav_eng li:nth-child(2){
  width: 34%;
}
.drawer--top.drawer-open .drawer-nav {
    padding-top: 60px;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
  background-color: #1e0701;
}
.drawer-open .drawer-hamburger-icon,.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{
  background-color: #1e0701;
}

header .drawer-hamburger{
  display: none;
  left: 10px;
  top:15px;
  width: 20px;
  padding: 10px 12px 20px;
  background:#fff;
  border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
border: 0px solid #000000;/**/
}
.drawer-hamburger-icon:after{
  top:8px;
}
.drawer-hamburger-icon:before{
  top:-8px;
}




img.muni2 {
  margin:0 auto ;
  display:block;
  width:80%;
  height:auto;
  animation: boyo2 .7s linear 0s infinite forwards;
  transform-origin: 50% 100%;
}

@keyframes boyo2 {
    0% { transform: scale(1,1); }
   30% { transform: scale(1.3,.8); }
   40% { transform: scale(1.3,.8); }
   50% { transform: scale(.95,1.08); }
   60% { transform: scale(1.15,.9); }
   70% { transform: scale(.98,1.02); }
  100% { transform: scale(1,1); }
}
@keyframes boyo3 {
    0% { transform: scale(1,1); }
   30% { transform: scale(.8,1.3); }
   40% { transform: scale(.8,1.3); }
   50% { transform: scale(1.08,.95); }
   60% { transform: scale(.9,1.15); }
   70% { transform: scale(1.02,.98); }
  100% { transform: scale(1,1); }
}

/*
to_top
******************/
footer .to_top{
    position: fixed;
    z-index: 2;
    bottom: 40px;
    left: 3%;
}