@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
.con_bnr {
  max-width: 1200px;
  margin: auto;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .con_bnr {
    width: 95%;
  }
}
@media print {
  .con_bnr {
    width: 95%;
  }
}
.ie8 .con_bnr {
  width: 95%;
}
@media only screen and (max-width: 1024px) {
  .con_bnr {
    width: 95%;
  }
}

.con_slider_home:after, .con_deal .box_deal .tabs_deal ul:after, .con_deal .list_deal_offer:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------
	SLICK SLIDER
----------------------------------------------------------- */
.con_slider_home {
  position: relative;
  /* -----------------------------------------------------------
  	#mainslider
  ----------------------------------------------------------- */
}
.con_slider_home h2 {
  position: absolute;
  z-index: 9;
  color: #FFF;
  font-weight: normal;
  left: 10%;
  top: 50%;
  -webkit-transform: translate(-10%, -50%);
  transform: translate(-10%, -50%);
}
@media only screen and (max-width: 767px) {
  .con_slider_home h2 {
    width: 100%;
    text-align: center;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.con_slider_home h2 span {
  display: block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  text-shadow: -4px -4px 10px rgba(0, 0, 0, 0.6), 4px 4px 10px rgba(0, 0, 0, 0.6), -4px 4px 10px rgba(0, 0, 0, 0.6), 4px -4px 10px rgba(0, 0, 0, 0.6);
}
.con_slider_home h2 span.eng {
  font-size: 154%;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .con_slider_home h2 span.eng {
    font-size: 124%;
  }
}
.con_slider_home h2 span.jp {
  font-size: 231%;
}
@media only screen and (max-width: 767px) {
  .con_slider_home h2 span.jp {
    font-size: 185%;
  }
}
.con_slider_home #mainslider {
  position: relative;
  width: 100%;
  height: 100%;
}
.con_slider_home #mainslider .slide {
  height: 100%;
  width: 100%;
  outline: none;
}
.con_slider_home #mainslider .slide.img_main01 {
  background: url("../images/home/img_main01.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .con_slider_home #mainslider .slide.img_main01 {
    background: url("../images/home/img_main01-sp.jpg") no-repeat center center;
    background-size: cover;
  }
}
.con_slider_home #mainslider .slide.img_main02 {
  background: url("../images/home/img_main02.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .con_slider_home #mainslider .slide.img_main02 {
    background: url("../images/home/img_main02-sp.jpg") no-repeat center center;
    background-size: cover;
  }
}
.con_slider_home #mainslider .slide.img_main03 {
  background: url("../images/home/img_main03.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .con_slider_home #mainslider .slide.img_main03 {
    background: url("../images/home/img_main03-sp.jpg") no-repeat center center;
    background-size: cover;
  }
}
.con_slider_home #mainslider .slide.img_main04 {
  background: url("../images/home/img_main04.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .con_slider_home #mainslider .slide.img_main04 {
    background: url("../images/home/img_main04-sp.jpg") no-repeat center center;
    background-size: cover;
  }
}
.con_slider_home #mainslider .slick-dots {
  text-align: right;
  bottom: 4.5%;
  z-index: 1;
  width: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 1024px) {
  .con_slider_home #mainslider .slick-dots {
    bottom: 8%;
  }
}
.con_slider_home #mainslider .slick-dots li {
  position: relative;
  width: 12px;
  height: 0;
  padding-top: 12px;
  margin: 0;
  display: inline-block;
  overflow: hidden;
  -webkit-transition: background 300ms;
  transition: background 300ms;
  background: #FFF;
}
.con_slider_home #mainslider .slick-dots li:not(.slick-active) button {
  cursor: pointer;
}
.mouse .con_slider_home #mainslider .slick-dots li:not(.slick-active):hover, .touch .con_slider_home #mainslider .slick-dots li:not(.slick-active).touchstart {
  background: #ead089;
}
.touch .con_slider_home #mainslider .slick-dots li:not(.slick-active) {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_slider_home #mainslider .slick-dots li:not(.slick-active).touchend {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_slider_home #mainslider .slick-dots li:not(:first-child) {
  margin-left: 1.7em;
}
@media only screen and (max-width: 767px) {
  .con_slider_home #mainslider .slick-dots li:not(:first-child) {
    margin-left: 1.7em;
  }
}
.con_slider_home #mainslider .slick-dots li.slick-active {
  background-color: #d4a012;
}
@media only screen and (max-width: 767px) {
  .con_slider_home #mainslider .slick-dots li {
    width: 1em;
    padding-top: 1em;
  }
}
.con_slider_home #mainslider .slick-dots li button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.con_slider_home .box_home_banner {
  position: absolute;
  right: 10%;
  bottom: 5%;
  z-index: 99;
  max-width: 221px;
  background: #FFF;
  padding: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_slider_home .box_home_banner {
    right: 6%;
  }
}
@media only screen and (max-width: 767px) {
  .con_slider_home .box_home_banner {
    right: 6%;
  }
}
@media only screen and (max-width: 767px) {
  .con_slider_home .box_home_banner {
    right: inherit;
    bottom: inherit;
    max-width: 100%;
    padding: 3% 3% 2.5em 3%;
    position: initial;
  }
}
.con_slider_home .box_home_banner .slides {
  outline: none;
}
.con_slider_home .box_home_banner .slides img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .con_slider_home .box_home_banner .slides {
    margin-right: .25em;
    margin-left: .25em;
  }
}
.con_slider_home .box_home_banner .slides a {
  display: block;
  overflow: hidden;
  *zoom: 1;
  outline: none;
}
.con_slider_home .box_home_banner .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 99;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  line-height: 1;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.con_slider_home .box_home_banner .slick-arrow.slick-next {
  right: -4em;
}
.con_slider_home .box_home_banner .slick-arrow.slick-next:before {
  content: url(../images/common/btn_next.png);
  display: inline-block;
}
.con_slider_home .box_home_banner .slick-arrow.slick-prev {
  left: -4em;
}
.con_slider_home .box_home_banner .slick-arrow.slick-prev:before {
  content: url(../images/common/btn_prev.png);
  display: inline-block;
}
.con_slider_home .box_home_banner .slick-arrow:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  filter: alpha(opacity=700);
}
.con_slider_home .box_home_banner .slick-dots {
  text-align: right;
  bottom: 4.5%;
  z-index: 1;
  width: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 1024px) {
  .con_slider_home .box_home_banner .slick-dots {
    bottom: 8%;
  }
}
.con_slider_home .box_home_banner .slick-dots li {
  position: relative;
  width: 12px;
  height: 0;
  padding-top: 12px;
  margin: 0;
  display: inline-block;
  overflow: hidden;
  -webkit-transition: background 300ms;
  transition: background 300ms;
  background: #c3c3c3;
}
.con_slider_home .box_home_banner .slick-dots li:not(.slick-active) button {
  cursor: pointer;
}
.mouse .con_slider_home .box_home_banner .slick-dots li:not(.slick-active):hover, .touch .con_slider_home .box_home_banner .slick-dots li:not(.slick-active).touchstart {
  background: #ccb26b;
}
.touch .con_slider_home .box_home_banner .slick-dots li:not(.slick-active) {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_slider_home .box_home_banner .slick-dots li:not(.slick-active).touchend {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_slider_home .box_home_banner .slick-dots li:not(:first-child) {
  margin-left: 1.7em;
}
@media only screen and (max-width: 767px) {
  .con_slider_home .box_home_banner .slick-dots li:not(:first-child) {
    margin-left: 1.7em;
  }
}
.con_slider_home .box_home_banner .slick-dots li.slick-active {
  background-color: #d4a012;
}
@media only screen and (max-width: 767px) {
  .con_slider_home .box_home_banner .slick-dots li {
    width: 1em;
    padding-top: 1em;
  }
}
.con_slider_home .box_home_banner .slick-dots li button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .con_slider_home .box_home_banner .slick-dots {
    bottom: -2em;
  }
}

/* -----------------------------------------------------------
	#mainslider,#mainslider_second,#mainslider_third
----------------------------------------------------------- */
#mainslider, #mainslider_second, #mainslider_third {
  max-width: 100%;
}

/* -----------------------------------------------------------
	con_recommend
----------------------------------------------------------- */
.con_recommend {
  overflow: hidden;
  *zoom: 1;
  background: #3a1e06;
  padding: 2em 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_recommend {
    padding: 2em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_recommend {
    padding: 1em 0;
  }
}
.con_recommend .st_tmp01 {
  background: url(../images/common/ic_title_white.png) no-repeat left 50%;
}
@media only screen and (max-width: 767px) {
  .con_recommend .st_tmp01 {
    background-size: 1em auto;
    background-position: 2% 50%;
  }
}
.con_recommend .st_tmp01 span {
  color: #FFF;
}
.con_recommend .st_tmp01 span em:before, .con_recommend .st_tmp01 span em:after {
  background: #FFF;
}
.con_recommend .list_recommend {
  background: #FFF;
  border: 1px solid #dbdbdb;
  padding: 1.66667%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .con_recommend .list_recommend {
    padding: 3%;
  }
}
.con_recommend .list_recommend li {
  background-color: #fff;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
@media only screen and (max-width: 767px) {
  .con_recommend .list_recommend li {
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
  }
}
.con_recommend .list_recommend li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  *zoom: 1;
  padding: 1.2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 108%;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
@media only screen and (max-width: 767px) {
  .con_recommend .list_recommend li a {
    display: block;
    padding: 1em;
  }
}
.mouse .con_recommend .list_recommend li a.over:hover, .touch .con_recommend .list_recommend li a.over.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.touch .con_recommend .list_recommend li a.over {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_recommend .list_recommend li a.over.touchend {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_recommend .list_recommend li a .img {
  width: 18.70504%;
  float: left;
}
.con_recommend .list_recommend li a .img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .con_recommend .list_recommend li a .img {
    width: 26.07914%;
  }
}
.con_recommend .list_recommend li a .txt {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .con_recommend .list_recommend li a .txt {
    margin-top: .5em;
  }
}
.con_recommend .list_recommend li a .box_cat {
  margin-right: 1.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_recommend .list_recommend li a .box_cat {
    min-width: 98px;
  }
}
@media only screen and (max-width: 767px) {
  .con_recommend .list_recommend li a .box_cat {
    display: inline-block;
    margin-right: .5em;
  }
}
.con_recommend .list_recommend li a .box_cat span {
  display: inline-block;
  color: #FFF;
  text-align: center;
  padding: .1em 1em;
}
.con_recommend .list_recommend li a .dat {
  margin-right: 1.5em;
}
@media only screen and (max-width: 767px) {
  .con_recommend .list_recommend li a .dat {
    display: inline-block;
  }
}
.con_recommend .list_recommend li a:hover .txt {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .con_recommend .list_recommend li:nth-child(even) {
    border-right: none;
  }
}
@media print {
  .con_recommend .list_recommend li:nth-child(even) {
    border-right: none;
  }
}
.ie8 .con_recommend .list_recommend li:nth-child(even) {
  border-right: none;
}
.con_recommend .list_recommend li:last-child {
  border-right: none;
}
@media only screen and (max-width: 767px) {
  .con_recommend .list_recommend li:last-child {
    border-bottom: none;
  }
}
.con_recommend .list_recommend li:hover {
  background-color: #dbdbdb;
}

/* -----------------------------------------------------------
	con_deal
----------------------------------------------------------- */
.con_deal {
  overflow: hidden;
  *zoom: 1;
  padding: 70px 0 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_deal {
    padding: 40px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_deal {
    padding: 2em 0 1.5em;
  }
}
.con_deal .st_tmp02 {
  margin-right: 1.5em;
}
.con_deal .box_deal {
  margin-top: 1em;
}
.con_deal .box_deal .tabs_deal ul {
  padding: 0 2em;
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_deal .box_deal .tabs_deal ul {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_deal .box_deal .tabs_deal ul {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_deal .box_deal .tabs_deal ul {
    text-align: center;
  }
}
.con_deal .box_deal .tabs_deal ul li {
  float: left;
  width: 19.28571%;
  margin-right: 0.89286%;
  font-size: 124%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-weight: 500;
  color: #555555;
  background: #d8d8d8;
  text-align: center;
  cursor: pointer;
  padding: .8em .5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.5em;
}
@media only screen and (max-width: 767px) {
  .con_deal .box_deal .tabs_deal ul li {
    width: 31.333%;
    margin-right: 2%;
    font-size: 108%;
    margin-bottom: 2%;
    padding: .3em .5em;
    border-radius: 0;
  }
  .con_deal .box_deal .tabs_deal ul li:nth-child(3n) {
    margin-right: 0;
  }
  .con_deal .box_deal .tabs_deal ul li:nth-child(4), .con_deal .box_deal .tabs_deal ul li:nth-child(5) {
    display: inline-block;
    float: none;
    margin-right: 1%;
  }
}
.con_deal .box_deal .tabs_deal ul li:last-child {
  margin-right: 0;
}
.con_deal .box_deal .tabs_deal ul li:before {
  display: none;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #bd9038;
  color: #bd9038;
  text-align: center;
  z-index: 1;
}
.con_deal .box_deal .tabs_deal ul li:not(.active):hover {
  opacity: 0.7;
}
.con_deal .box_deal .tabs_deal ul li.active {
  position: relative;
  cursor: default;
  color: #fff;
  background: #bd9038;
}
.con_deal .box_deal .tabs_deal ul li.active:before {
  display: block;
}
@media only screen and (max-width: 767px) {
  .con_deal .box_deal .tabs_deal ul li.active:before {
    display: none;
  }
}
.con_deal .box_deal .panels .panel {
  display: none;
  width: 100%;
  margin: 0 auto;
}
.con_deal .box_deal .panels .panel.active {
  display: block;
}
.con_deal .box_deal .btn {
  margin-top: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_deal .box_deal .btn {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_deal .box_deal .btn {
    margin-top: 0.5em;
  }
}
.con_deal .box_deal .btn a {
  max-width: 345px;
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_deal .box_deal .btn a {
    max-width: 345px;
  }
}
@media only screen and (max-width: 767px) {
  .con_deal .box_deal .btn a {
    max-width: 100%;
  }
}
.con_deal .list_deal_offer li {
  width: 23.75%;
  float: left;
  margin-right: 1.66667%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .con_deal .list_deal_offer li {
    width: 100%;
    padding: 3%;
    border: 2px solid #dedede;
    margin-bottom: 3%;
  }
  .con_deal .list_deal_offer li .img {
    width: 38.2716%;
    float: left;
  }
}
.con_deal .list_deal_offer li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .con_deal .list_deal_offer li:last-child {
    width: 100%;
  }
}
.con_deal .list_deal_offer li:last-child:before {
  display: none;
}
.con_deal .list_deal_offer li h4 {
  font-size: 124%;
  color: #525E14;
  text-decoration: underline;
  font-weight: bold;
  margin: .5em 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .con_deal .list_deal_offer li h4 {
    margin: 0 0 .5em;
    width: 58.02469%;
    float: right;
    font-size: 100%;
  }
}
.con_deal .list_deal_offer li .txt {
  color: #555555;
  font-size: 108%;
}
.con_deal .list_deal_offer li .price {
  padding: 10px 0;
  font-size: 108%;
  text-align: right;
}
.con_deal .list_deal_offer li .price span {
  font-family: "Great Vibes", cursive;
  font-size: 243%;
  margin: 0 .1em;
}
@media only screen and (max-width: 1024px) {
  .con_deal .list_deal_offer li .price span {
    line-height: 1;
    font-size: 200%;
  }
}
.con_deal .list_deal_offer li .price small {
  font-size: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_deal .list_deal_offer li .price small {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .con_deal .list_deal_offer li .price {
    margin: 0 0 .5em;
    padding: .2em 0;
    width: 58.02469%;
    float: right;
    text-align: left;
  }
}
.con_deal .list_deal_offer li .number_sta {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  z-index: 1;
}
.con_deal .list_deal_offer li .number_sta span {
  font-size: 116%;
  text-align: center;
  padding: .2em .7em;
  display: inline-block;
  color: #FFF;
}
@media only screen and (max-width: 767px) {
  .con_deal .list_deal_offer li .number_sta span {
    padding: .2em .7em;
    font-size: 100%;
    display: block;
    text-align: center;
  }
}
.con_deal .list_deal_offer li .number_sta span.number01 {
  background: #af8b2a;
  border: 1px solid #cba235;
}
.con_deal .list_deal_offer li .number_sta span.number02 {
  background: #bbb8b1;
  border: 1px solid #e2e1de;
}
.con_deal .list_deal_offer li .number_sta span.number03 {
  background: #92633e;
  border: 1px solid #b97d4e;
}
.con_deal .list_deal_offer li .number_sta span.number04 {
  background: #828976;
  border: 1px solid #a9b19a;
}
@media only screen and (max-width: 767px) {
  .con_deal .list_deal_offer li .number_sta {
    margin: 0 0 .5em;
    width: 58.02469%;
    float: right;
    text-align: left;
    position: inherit;
    top: inherit;
    left: inherit;
  }
}
.con_deal .list_deal_offer li a {
  text-decoration: none;
  display: block;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.con_deal .list_deal_offer li a:hover h4 {
  text-decoration: none;
}
.con_deal .list_deal_offer li a .img img {
  width: 100%;
}

/* -----------------------------------------------------------
	con_appeal
----------------------------------------------------------- */
.con_appeal {
  overflow: hidden;
  *zoom: 1;
  background: url(../images/home/bg_appeal.jpg) no-repeat center top #f1f1f1;
  padding: 75px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_appeal {
    padding: 45px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_appeal {
    padding: 2em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_appeal {
    background-size: 230%;
  }
}
.con_appeal .container {
  max-width: 1453px;
}
.con_appeal .st_tmp02 {
  margin-bottom: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_appeal .st_tmp02 {
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_appeal .st_tmp02 {
    margin-bottom: 1em;
  }
}
.con_appeal .st_tmp02 span {
  color: #FFF;
}
.con_appeal .st_tmp02 span.jp {
  font-size: 247%;
}
@media only screen and (max-width: 767px) {
  .con_appeal .st_tmp02 span.jp {
    font-size: 200%;
  }
}
.con_appeal .txt_desc {
  color: #FFF;
  text-align: center;
  font-size: 108%;
  line-height: 1.8;
  margin-bottom: 3em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_appeal .txt_desc {
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_appeal .txt_desc {
    margin-bottom: 1.5em;
  }
}
.con_appeal .box_appeal {
  background: #FFF;
  padding: 2.89057% 3.78527% 0.68823%;
}
.con_appeal .list_appeal {
  overflow: hidden;
  *zoom: 1;
}
@media only screen and (max-width: 767px) {
  .con_appeal .list_appeal li {
    margin-bottom: 5%;
  }
}
.con_appeal .list_appeal li .img {
  position: relative;
  overflow: hidden;
  *zoom: 1;
}
.con_appeal .list_appeal li .img h4 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: 500;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  letter-spacing: .1em;
}
@media only screen and (max-width: 1024px) {
  .con_appeal .list_appeal li .img h4 {
    width: 100%;
  }
}
.con_appeal .list_appeal li .img h4 span {
  display: block;
  color: #FFF;
  text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5);
}
.con_appeal .list_appeal li .img h4 span.jp {
  font-size: 231%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_appeal .list_appeal li .img h4 span.jp {
    font-size: 200%;
  }
}
@media only screen and (max-width: 767px) {
  .con_appeal .list_appeal li .img h4 span.jp {
    font-size: 200%;
  }
}
.con_appeal .list_appeal li .img h4 span.eng {
  font-size: 93%;
  text-transform: uppercase;
}
.con_appeal .list_appeal li .img img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.con_appeal .list_appeal li.item_appeal {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_appeal .list_appeal li.item_appeal {
    width: 100%;
  }
}
.con_appeal .list_appeal li .txt {
  padding: 1.5em 1em 2.5em;
  text-align: center;
  font-size: 108%;
}
@media only screen and (max-width: 767px) {
  .con_appeal .list_appeal li .txt {
    border: 1px solid #c5c5c5;
    border-top: none;
  }
}
.con_appeal .list_appeal li a {
  display: block;
  text-decoration: none;
  position: relative;
}
.con_appeal .list_appeal li a:before {
  content: "";
  width: 0;
  height: 1px;
  background: #a9a9a9;
  position: absolute;
  bottom: 1em;
  left: 50%;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.con_appeal .list_appeal li a:hover .img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.con_appeal .list_appeal li a:hover:before {
  width: 100%;
}

/* -----------------------------------------------------------
	con_news
----------------------------------------------------------- */
.con_news {
  overflow: hidden;
  *zoom: 1;
  padding: 55px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news {
    padding: 45px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    padding: 2em 0;
  }
}
.con_news .container h3 {
  margin-bottom: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .container h3 {
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .container h3 {
    margin-bottom: 1em;
  }
}
.con_news .container .box_news {
  float: left;
  width: 68.33333%;
  padding-right: 2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #ebebeb;
}
@media only screen and (max-width: 767px) {
  .con_news .container .box_news {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ebebeb;
    padding-right: 0;
    padding-bottom: 3%;
    margin-bottom: 3%;
  }
}
.con_news .container .box_news .box_btn {
  text-align: right;
}
.con_news .container .box_news .box_btn a {
  display: inline-block;
}
.con_news .container .box_tripavisor {
  float: right;
  width: 31.66667%;
  padding-left: 2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .con_news .container .box_tripavisor {
    width: 100%;
    padding-left: 0;
  }
}
.con_news .container .box_tripavisor .list_tripavisor {
  overflow: hidden;
  *zoom: 1;
}
.con_news .container .box_tripavisor .list_tripavisor li {
  border: 3px solid #f0f0f0;
  margin-bottom: .5em;
}
.con_news .container .box_tripavisor .list_tripavisor li a {
  display: block;
  text-decoration: none;
  padding: 1em;
  overflow: hidden;
  *zoom: 1;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjRmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), to(#f5f4f0));
  background: linear-gradient(to bottom, #ffffff 1%, #f5f4f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f4f0',GradientType=0 );
  /* IE6-9 */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .container .box_tripavisor .list_tripavisor li a {
    padding: 0.3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .container .box_tripavisor .list_tripavisor li a {
    padding: 3%;
  }
}
.con_news .container .box_tripavisor .list_tripavisor li a img {
  vertical-align: middle;
  float: left;
  width: 13.94659%;
  border: 3px solid #dad7cc;
  margin-right: 2.65252%;
}
.con_news .container .box_tripavisor .list_tripavisor li a .st_trip {
  width: 76.92308%;
  float: right;
  padding-top: .3em;
}
.con_news .container .box_tripavisor .list_tripavisor li a .st_trip span {
  display: block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 124%;
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .container .box_tripavisor .list_tripavisor li a .st_trip span {
    font-size: 108%;
  }
}
.con_news .container .box_tripavisor .list_tripavisor li a .st_trip span.en {
  font-size: 85%;
  letter-spacing: .1em;
}
.con_news .container .box_tripavisor .bannr_kkr {
  border: 3px solid #f0f0f0;
}
.con_news .container .box_tripavisor .bannr_kkr a {
  display: block;
  padding: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .container .box_tripavisor .bannr_kkr a {
    padding: 0.3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .container .box_tripavisor .bannr_kkr a {
    padding: 3%;
  }
}
.con_news .container .box_tripavisor .box_trip {
  border: 3px solid #f0f0f0;
  padding: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  margin-bottom: .5em;
}
@media only screen and (max-width: 1024px) {
  .con_news .container .box_tripavisor .box_trip {
    display: block;
  }
}
.con_news .container .box_tripavisor .box_trip .box_trip_inner {
  display: table-cell;
  width: 45%;
  border: 1px solid #01a680;
  padding: .5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .container .box_tripavisor .box_trip .box_trip_inner {
    width: 100%;
    display: block;
    margin-bottom: 3%;
  }
}
.con_news .container .box_tripavisor .box_trip .box_trip_info {
  display: table-cell;
  vertical-align: middle;
  width: 55%;
  padding-left: 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 108%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .container .box_tripavisor .box_trip .box_trip_info {
    width: 100%;
    display: block;
  }
}
.con_news .container .box_tripavisor .box_trip .box_trip_info span {
  display: block;
  color: #01a680;
  border-top: 1px dotted #d8d8d8;
  border-bottom: 1px dotted #d8d8d8;
  padding: .5em 0;
  margin-bottom: .5em;
}

.list_news {
  overflow: hidden;
  *zoom: 1;
}
.list_news li {
  overflow: hidden;
  *zoom: 1;
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 5%;
}
@media only screen and (max-width: 1024px) {
  .list_news li {
    width: 100%;
    margin-right: 0;
  }
}
.list_news li:nth-child(2n) {
  margin-right: 0;
}
.list_news li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  *zoom: 1;
}
.list_news li a .img {
  width: 25.93516%;
  float: left;
  margin-right: 1em;
}
.list_news li a .box_cat {
  font-size: 108%;
  margin-bottom: .5em;
}
.list_news li a .box_cat span {
  display: inline-block;
  color: #FFF;
  text-align: center;
  padding: .1em 1em;
  margin-right: .5em;
}
.list_news li a .st {
  font-size: 108%;
  text-decoration: underline;
}
.list_news li a:hover .st {
  text-decoration: none;
}

/* -----------------------------------------------------------
	con_access
----------------------------------------------------------- */
.con_access {
  overflow: hidden;
  *zoom: 1;
  display: table;
  width: 100%;
  background: #f1f1f1;
}
@media only screen and (max-width: 767px) {
  .con_access {
    width: 100%;
    display: block;
  }
}
.con_access .box_map {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .con_access .box_map {
    width: 100%;
    display: block;
  }
}
.con_access .box_map #map {
  width: 100%;
  height: 433px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_access .box_map #map {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .con_access .box_map #map {
    height: 300px;
  }
}
.con_access .box_access_info {
  width: 50%;
  padding-left: 3%;
  padding-top: 3em;
  display: table-cell;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 600px;
}
@media only screen and (max-width: 767px) {
  .con_access .box_access_info {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_access .box_access_info {
    width: 100%;
    display: block;
    padding-left: 0;
    padding: 5% 3% 3%;
  }
}
.con_access .box_access_info h3 {
  margin-bottom: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_access .box_access_info h3 {
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_access .box_access_info h3 {
    margin-bottom: 1em;
  }
}
.con_access .box_access_info .add_ic {
  font-size: 124%;
  margin-left: 1em;
  text-indent: -1em;
  font-weight: 500;
  margin-bottom: 1em;
}
.con_access .box_access_info .add_ic:before, .con_access .box_access_info .add_ic:after {
  font-family: FontAwesome;
  vertical-align: middle;
}
.con_access .box_access_info .add_ic > * {
  vertical-align: middle;
  display: inline;
}
.con_access .box_access_info .add_ic:before {
  content: "";
  margin-right: .5em;
  font-size: 139%;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .con_access .box_access_info .add_ic {
    font-size: 108%;
  }
}
.con_access .box_access_info .add {
  line-height: 1.8;
  letter-spacing: .1em;
}
.con_access .box_access_info .box_btn {
  margin-top: 1em;
  max-width: 600px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_access .box_access_info .box_btn {
    max-width: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .con_access .box_access_info .box_btn {
    max-width: 100%;
  }
}
.con_access .box_access_info .box_btn a {
  display: inline-block;
  width: 48%;
  max-width: 195px;
}
@media only screen and (max-width: 767px) {
  .con_access .box_access_info .box_btn a {
    width: 100%;
    margin-bottom: 3%;
    max-width: 100%;
  }
}

.con_bnr {
  margin: 30px auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_bnr {
    margin: 2em auto;
  }
}
.mouse .con_bnr li {
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.mouse .con_bnr li:hover, .touch .con_bnr li.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .con_bnr li {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_bnr li.touchend {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_bnr li:not(:first-child) {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .con_bnr li:not(:first-child) {
    margin-top: .5em;
  }
}
.con_bnr li a {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
}