@charset "UTF-8";

/* font-awesome */
.con_intro .box_int,
.con_topics,
.con_search .inner,
.con_about .tmp_st h3,
.con_about .box_about .inner,
.con_map,
.con_appeal .box_st,
.con_news .inner {
  max-width: 1150px;
  margin: auto;
}

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

  .con_intro .box_int,
  .con_topics,
  .con_search .inner,
  .con_about .tmp_st h3,
  .con_about .box_about .inner,
  .con_map,
  .con_appeal .box_st,
  .con_news .inner {
    max-width: 100%;
    width: 95%;
  }
}

.con_intro .box_int .wrp_img:after,
.con_topics .slide:after,
.con_search .inner .box_search:after,
.con_search .inner .box_search .wrp_form .form_area form:after,
.con_search .inner .box_search .wrp_form .link_area:after,
.con_search .inner .box_search .wrp_form .link_area .bts:after,
.con_search .inner .box_search .wrp_form .link_area .links:after,
.con_about .box_about .inner .wrp_about:after,
.con_map:after,
.con_map .box_detail ul li .inner:after,
.con_appeal .box_appeal:after,
.con_news .inner:after,
.con_news .inner .box_news:after {
  content: "";
  display: table;
  clear: both;
}

/* ===================================================================
CSS information

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ
=================================================================== */
/*----------------------------------------------------
	ホテル別カラー
----------------------------------------------------*/
span.hotel1 {
  background-color: #60a2e9;
}

span.hotel2 {
  background-color: #ce9395;
}

span.hotel3 {
  background-color: #90345d;
}

span.hotel4 {
  background-color: #335c85;
}

span.hotel5 {
  background-color: #c5b36a;
}

span.hotel6 {
  background-color: #49a276;
}

span.hotel7 {
  background-color: #5a9376;
}

span.hotel8 {
  background-color: #989898;
}

span.hotel9 {
  background-color: #052948;
}

span.hotel10 {
  background-color: #dda179;
}

span.hotel11 {
  background-color: #918db2;
}

.box_acc {
  display: none;
}

@media only screen and (min-width: 768px) {
  .box_acc {
    display: block !important;
  }
}

@media print {
  .box_acc {
    display: block !important;
  }
}

.ie8 .box_acc {
  display: block !important;
}

/*----------------------------------------------------
	.con_intro
----------------------------------------------------*/
.con_intro {
  background: transparent url("../images/home/bg_intro.jpg") center top repeat-x;
  padding-top: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_intro {
    padding-top: 2.5em;
  }
}

@media only screen and (max-width: 767px) {
  .con_intro {
    padding-top: 1.2em;
  }
}

.con_intro .box_int {
  background: transparent url("../images/home/bg_int_s.jpg") right top no-repeat;
  background-color: #FFF;
  background-size: 67% auto;
}

.con_intro .box_int .wrp_text {
  padding: 64px 0;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_intro .box_int .wrp_text {
    padding: 4em 0;
  }
}

@media only screen and (max-width: 767px) {
  .con_intro .box_int .wrp_text {
    padding: 2em 0;
  }
}

.con_intro .box_int .wrp_text h2 {
  font-size: 226%;
  font-weight: normal;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  color: #2e3088;
  padding: 0 0 10px;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_intro .box_int .wrp_text h2 {
    padding: 0 4% 1%;
  }
}

@media only screen and (max-width: 767px) {
  .con_intro .box_int .wrp_text h2 {
    padding: 0 3%;
  }
}

@media only screen and (max-width: 1100px) {
  .con_intro .box_int .wrp_text h2 {
    background: url(../images/home/bg_stint.png) left bottom no-repeat;
    font-size: 167%;
  }
}

@media only screen and (max-width: 767px) {
  .con_intro .box_int .wrp_text h2 {
    font-size: 134%;
    padding-bottom: 0.4em;
    background-position: right bottom;
    /* width: 94%;
    border-bottom: 1px solid #CCC;
    position: relative;
    z-index: 1;
    &:before {
    	content: "";
    	display: block;
    	position: absolute;
    	top: 3px;
    	left: 0;
    	border-bottom: 1px solid #CCC;
    	width: 100%;
    	min-height: 100%;
    	z-index: 10;
    } */
  }
}

.con_intro .box_int .wrp_text h2 em {
  font-size: 141%;
}

.con_intro .box_int .wrp_text h2 i {
  font-size: 223%;
  color: #e70006;
  font-style: italic;
  font-family: 'Garamond';
  display: inline-block;
  margin-left: -0.3em;
}

.con_intro .box_int .wrp_text .text {
  line-height: 2em;
  padding: 32px 0 0 64px;
  letter-spacing: 0.1em;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_intro .box_int .wrp_text .text {
    padding: 3% 0 0 5%;
  }
}

@media only screen and (max-width: 767px) {
  .con_intro .box_int .wrp_text .text {
    padding: 3%;
  }
}

.con_intro .box_int .wrp_img li {
  width: 25%;
  float: left;
}

.con_intro .box_int .wrp_img li span {
  display: block;
  border-left: 1px solid #FFF;
}

@media only screen and (max-width: 767px) {
  .con_intro .box_int {
    background-image: none;
  }
}

/*----------------------------------------------------
	.con_search
----------------------------------------------------*/
.con_topics {
  padding: 24px 0;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_topics {
    padding: 1.5em 0;
  }
}

@media only screen and (max-width: 767px) {
  .con_topics {
    padding: 0.7em 0;
  }
}

.con_topics .slide a {
  text-decoration: none;
  display: block;
}

.con_topics .slide a:hover span.tit {
  text-decoration: none;
}

.con_topics .slide a span {
  display: inline-block;
  margin-right: 1em;
}

.con_topics .slide a span.cate {
  color: #FFF;
  padding: 0.2em 0.5em;
}

.con_topics .slide a span.tit {
  text-decoration: underline;
}

/*----------------------------------------------------
	.con_search
----------------------------------------------------*/
.con_search {
  background-color: #2e3088;
  padding: 0.5em 0;
}

@media only screen and (max-width: 767px) {
  .con_search {
    padding: 1em 0;
  }
}

.con_search .inner {
  position: relative;
  background-color: #FFF;
  clear: both;
  overflow: hidden;
}

.con_search .inner .box_st {
  background: transparent url("../images/home/shadow_st.png") center bottom no-repeat;
  padding: 24px 0 8px;
  background-size: 64% auto;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_search .inner .box_st {
    padding: 2em 0 0.5em;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_st {
    padding: 1em 0 0.3em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_search .inner .box_st {
    background-size: 80% auto;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_st {
    background-size: 95% auto;
  }
}

.con_search .inner .box_st h3 {
  text-align: center;
  font-weight: normal;
}

.con_search .inner .box_st h3 span {
  display: inline-block;
}

.con_search .inner .box_st h3 span.jp {
  font-size: 1.8em;
  line-height: 1.4em;
  letter-spacing: 0.05em;
  color: #2e3088;
  vertical-align: middle;
  margin-right: 0.3em;
}

.con_search .inner .box_st h3 span.en {
  font-family: "Times New Roman", Times, Garamond, Georgia, serif;
  color: #a7afc7;
  vertical-align: middle;
}

.con_search .inner .box_search {
  padding: 3% 2% 2%;
}

.con_search .inner .box_search .wrp_best {
  width: 28%;
  max-width: 302px;
  float: left;
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_best {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_best {
    max-width: none;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_best {
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_best {
    text-align: center;
    margin: 0.7em 0;
  }
}

.con_search .inner .box_search .wrp_form {
  width: 70%;
  float: right;
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form {
    float: none;
  }
}

.con_search .inner .box_search .wrp_form .form_area form {
  clear: both;
}

.con_search .inner .box_search .wrp_form .form_area form .box_hotels {
  width: 33%;
  float: left;
  margin-right: 2%;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_hotels {
    width: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_hotels {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_hotels {
    float: none;
  }
}

.con_search .inner .box_search .wrp_form .form_area form .box_hotels em {
  display: inline-block;
  padding-bottom: 0.3em;
}

.con_search .inner .box_search .wrp_form .form_area form .box_hotels select {
  width: 100%;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  padding: 0.9em 2%;
  border: 1px solid #c8cbcd;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -moz-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: linear-gradient(#ffffff 0%, #e8e8e8 100%);
}

.con_search .inner .box_search .wrp_form .form_area form .box_day {
  width: 20%;
  float: left;
  position: relative;
  margin-right: 2%;
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_day {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_day {
    float: none;
  }
}

.con_search .inner .box_search .wrp_form .form_area form .box_day em {
  display: inline-block;
  padding-bottom: 0.3em;
}

.con_search .inner .box_search .wrp_form .form_area form .box_day input {
  width: 96%;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  padding: 0.9em 7%;
  border: 1px solid #c8cbcd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -moz-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: linear-gradient(#ffffff 0%, #e8e8e8 100%);
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_day input {
    width: 100%;
  }
}

.con_search .inner .box_search .wrp_form .form_area form .box_day .ic {
  position: absolute;
  right: 11%;
  top: 50%;
  color: #ac9628;
  font-size: 16px;
  line-height: 1.4em;
  pointer-events: none;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_day .ic {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_day {
    margin-top: 0.7em;
  }
}

.con_search .inner .box_search .wrp_form .form_area form .box_sta {
  width: 10%;
  float: left;
  margin-right: 2%;
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_sta {
    width: 49%;
  }
}

.con_search .inner .box_search .wrp_form .form_area form .box_sta em {
  display: inline-block;
  padding-bottom: 0.3em;
}

.con_search .inner .box_search .wrp_form .form_area form .box_sta select {
  width: 96%;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  padding: 0.8em 2%;
  border: 1px solid #c8cbcd;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -moz-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: linear-gradient(#ffffff 0%, #e8e8e8 100%);
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_sta select {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_sta {
    margin: 0.7em 0;
  }
}

.con_search .inner .box_search .wrp_form .form_area form .box_per {
  width: 10%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_per {
    width: 49%;
  }
}

.con_search .inner .box_search .wrp_form .form_area form .box_per em {
  display: inline-block;
  padding-bottom: 0.3em;
}

.con_search .inner .box_search .wrp_form .form_area form .box_per select {
  width: 96%;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  padding: 0.8em 2%;
  border: 1px solid #c8cbcd;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -moz-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: linear-gradient(#ffffff 0%, #e8e8e8 100%);
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_per select {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .box_per {
    margin: 0.7em 0;
    margin-left: 2%;
  }
}

.con_search .inner .box_search .wrp_form .form_area form .btn_submit {
  width: 17%;
  float: right;
  background-color: #cf9c00;
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_search .inner .box_search .wrp_form .form_area form .btn_submit {
    width: 22%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .btn_submit {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .btn_submit {
    float: none;
  }
}

.con_search .inner .box_search .wrp_form .form_area form .btn_submit input {
  display: block;
  width: 100%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dfc062;
  background: transparent url("../images/common/ic_zoom.png") 8% center no-repeat;
  color: #FFF;
  padding: 0.6em 0 0.6em 1em;
  font-size: 16px;
  line-height: 1.4em;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .form_area form .btn_submit {
    clear: both;
  }
}

.con_search .inner .box_search .wrp_form .link_area {
  width: 55.05181%;
  float: left;
  margin-top: 16px;
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .link_area {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .link_area {
    float: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_search .inner .box_search .wrp_form .link_area {
    margin-top: 1em;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .link_area {
    margin-top: 0.5em;
  }
}

.con_search .inner .box_search .wrp_form .link_area .bts {
  width: 100%;
}

.con_search .inner .box_search .wrp_form .link_area .bts li {
  width: 49%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .link_area .bts li {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .link_area .bts li {
    float: none;
  }
}

.con_search .inner .box_search .wrp_form .link_area .bts li.bt_plan {
  margin-right: 2%;
}

.con_search .inner .box_search .wrp_form .link_area .bts li.bt_plan a {
  background-color: #f2f2eb;
  border: 1px solid #8b8b8b;
  text-align: center;
  text-decoration: none;
  padding: 1em 0;
}

.con_search .inner .box_search .wrp_form .link_area .bts li.bt_plan a span.ic {
  color: #8c8c8c;
}

.con_search .inner .box_search .wrp_form .link_area .bts li.tmp_btcl a {
  background-color: #183b84;
  text-align: center;
  padding: 1em 0;
  line-height: 1.4em;
  color: #FFF !important;
  text-decoration: none;
  position: relative;
}

.con_search .inner .box_search .wrp_form .link_area .bts li.tmp_btcl a:after {
  content: '';
  position: absolute;
  width: 98.5%;
  height: 89%;
  z-index: 0;
  top: 2%;
  left: 0.5%;
  border: 1px solid #51659e;
}

.con_search .inner .box_search .wrp_form .link_area .bts li.tmp_btcl a:hover {
  background-color: #2751a6;
}

.con_search .inner .box_search .wrp_form .link_area .bts li a {
  text-decoration: none;
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .link_area .bts li {
    margin: 2% 0;
  }
}

.con_search .inner .box_search .wrp_form .link_area .links {
  width: 100%;
  margin-top: 1em;
}

.con_search .inner .box_search .wrp_form .link_area .links li {
  display: inline-block;
  margin-left: 1em;
  vertical-align: middle;
}

.con_search .inner .box_search .wrp_form .link_area .links li:first-child {
  margin-left: 0;
}

.con_search .inner .box_search .wrp_form .link_area .links li a {
  line-height: 1.4em;
  text-decoration: none;
}

.con_search .inner .box_search .wrp_form .link_area .links li a:hover {
  text-decoration: underline;
}

.con_search .inner .box_search .wrp_form .link_area .links li a span.ic {
  font-size: 0.9em;
  line-height: 1.4em;
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_search .wrp_form .link_area .links {
    text-align: center;
  }
}

@media only screen and (max-width: 543.5px) {
  .con_search .inner .box_search .wrp_form .link_area .links {
    text-align: left;
  }

  .con_search .inner .box_search .wrp_form .link_area .links li {
    width: 45%;
    float: left;
    margin-left: 3%;
  }

  .con_search .inner .box_search .wrp_form .link_area .links li:first-child {
    margin-left: 3%;
  }
}

.con_search .inner .box_qr {
  width: 38.8601%;
  float: right;
  margin-top: 1em;
  text-align: center;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_qr {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_search .inner .box_qr {
    float: none;
    max-width: 470px;
    margin: 15px auto 0;
  }

  .con_search .inner .box_qr li a {
    padding: 0 15px 0;
    display: block;
  }

  .con_search .inner .box_qr li:first-of-type {
    display: flex;
    align-items: center;
  }

  .con_search .inner .box_qr li:last-of-type {
    margin: 0;
  }
}

.con_search .inner .box_qr li {
  margin-left: 2em;
}

.con_search .inner .box_qr li:first-child {
  margin-left: 0;
}

.con_search .inner .box_qr li span {
  display: block;
}

@media only screen and (min-width: 768px) {
  .con_search .inner .box_qr li:first-child {
    width: 50%;
  }

  .con_search .inner .box_qr li:first-child a {
    display: block;
  }

  .con_search .inner .box_qr li:first-child a:first-of-type {
    margin-bottom: 15px;
  }

  .con_search .inner .box_qr li:not(:first-child) {
    margin-left: 5%;
    width: 43%;
  }
}

@media print {
  .con_search .inner .box_qr li {
    width: 33.33333%;
  }

  .con_search .inner .box_qr li:not(:first-child) {
    margin-left: 10.66667%;
  }
}

.ie8 .con_search .inner .box_qr li {
  width: 33.33333%;
}

.ie8 .con_search .inner .box_qr li:not(:first-child) {
  margin-left: 10.66667%;
}

.con_search .tmp_bt {
  margin: 0.9em auto;
  text-align: center;
}

.con_search .tmp_bt a {
  background: #fff;
}

.con_search .tmp_bt a span {
  margin-right: .5em;
  line-height: 1.4;
}

/*----------------------------------------------------
	.con_about
----------------------------------------------------*/
.con_about {
  margin-top: 64px;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_about {
    margin-top: 4em;
  }
}

@media only screen and (max-width: 767px) {
  .con_about {
    margin-top: 2em;
  }
}

.con_about .tmp_st {
  -moz-box-shadow: 3px 3px 5px rgba(51, 51, 51, 0.1);
  -webkit-box-shadow: 3px 3px 5px rgba(51, 51, 51, 0.1);
  box-shadow: 3px 3px 5px rgba(51, 51, 51, 0.1);
}

.con_about .box_about {
  background-color: #f5f5f5;
  padding: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_about .box_about {
    padding: 2em 0;
  }
}

@media only screen and (max-width: 767px) {
  .con_about .box_about {
    padding: 1em 0;
  }
}

.con_about .box_about .inner .text {
  text-align: center;
  line-height: 1.8em;
}

.con_about .box_about .inner .wrp_about {
  margin-top: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_about .box_about .inner .wrp_about {
    margin-top: 2.5em;
  }
}

@media only screen and (max-width: 767px) {
  .con_about .box_about .inner .wrp_about {
    margin-top: 1.2em;
  }
}

.con_about .box_about .inner .wrp_about li {
  width: 32%;
  float: left;
  margin-left: 2%;
}

@media only screen and (max-width: 767px) {
  .con_about .box_about .inner .wrp_about li {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_about .box_about .inner .wrp_about li {
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .con_about .box_about .inner .wrp_about li {
    margin-left: 0;
  }
}

.con_about .box_about .inner .wrp_about li:first-child {
  margin-left: 0;
}

.con_about .box_about .inner .wrp_about li.about1 h4 span.en {
  color: #696bbd;
}

.con_about .box_about .inner .wrp_about li.about2 h4 span.en {
  color: #71b9db;
}

.con_about .box_about .inner .wrp_about li.about3 h4 span.en {
  color: #78b092;
}

.con_about .box_about .inner .wrp_about li h4 {
  font-weight: normal;
  text-align: center;
}

.con_about .box_about .inner .wrp_about li h4 span {
  display: block;
}

.con_about .box_about .inner .wrp_about li h4 span.num {
  font-size: 2.6em;
  line-height: 1em;
  color: #bcbcc3;
  font-family: "Times New Roman", Times, Garamond, Georgia, serif;
}

.con_about .box_about .inner .wrp_about li h4 span.jp {
  margin-top: 0.5em;
  font-size: 1.6em;
  line-height: 1em;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  letter-spacing: -0.1em;
}

.con_about .box_about .inner .wrp_about li h4 span.en {
  margin-top: 0.2em;
  font-family: "Times New Roman", Times, Garamond, Georgia, serif;
}

.con_about .box_about .inner .wrp_about li .img {
  margin-top: 1em;
  text-align: center;
}

.con_about .box_about .inner .wrp_about li .img img {
  display: block;
  width: 100%;
}

.con_about .box_about .inner .wrp_about li .t {
  margin-top: 0.8em;
  line-height: 1.8em;
}

/*----------------------------------------------------
	.con_about
----------------------------------------------------*/
.con_map {
  margin-top: 2.5em;
}

@media only screen and (max-width: 767px) {
  .con_map {
    margin-top: 1.2em;
  }
}

.con_map h3 {
  font-weight: normal;
  text-align: center;
}

.con_map h3 span {
  display: inline-block;
}

.con_map h3 span.ic {
  color: #2e3088;
  font-size: 2em;
  line-height: 1.4em;
  vertical-align: middle;
}

.con_map h3 span.jp {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-size: 1.8em;
  line-height: 1.4em;
  vertical-align: middle;
  margin-left: 0.3em;
}

.con_map .box_info {
  background: transparent url("../images/home/shadow_map.png") center top no-repeat;
  background-size: 100% auto;
  background-color: #eff2f7;
  margin-top: 1em;
  text-align: center;
  padding: 1em 0;
}

@media only screen and (max-width: 767px) {
  .con_map .box_info {
    display: none;
    /*スマホ対応追加*/
  }
}

.con_map .box_info .text {
  color: #2e3088;
}

.con_map .box_info .text span {
  display: inline-block;
  vertical-align: middle;
}

.con_map .box_info .categori {
  margin-top: 1em;
}

.con_map .box_info .categori li {
  display: inline-block;
  margin-left: 1em;
}

.con_map .box_info .categori li:first-child {
  margin-left: 0;
}

.con_map .box_info .categori li.biz span.col {
  background-color: #696bbd;
}

.con_map .box_info .categori li.month span.col {
  background-color: #71b9db;
}

.con_map .box_info .categori li.rez span.col {
  background-color: #78b092;
}

.con_map .box_info .categori li.hos span.col {
  background-color: #405adb;
}

.con_map .box_info .categori li.miyako span.col {
  background-color: #94ba38;
}

.con_map .box_info .categori li span {
  display: inline-block;
  vertical-align: middle;
}

.con_map .box_info .categori li span.col {
  width: 15px;
  height: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.con_map .box_map {
  width: 64.34783%;
  height: 579px;
  float: left;
  position: relative;
  margin: 2em auto 0;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_map .box_map {
    height: 35.625em;
  }
}

@media only screen and (max-width: 767px) {
  .con_map .box_map {
    height: 31.625em;
  }
}

@media only screen and (max-width: 767px) {
  .con_map .box_map {
    margin: 1em auto 0;
    display: none;
    /*スマホ対応追加*/
  }
}

.con_map .box_map .map {
  width: 100%;
  height: 579px;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_map .box_map .map {
    height: 35.625em;
  }
}

@media only screen and (max-width: 767px) {
  .con_map .box_map .map {
    height: 31.625em;
  }
}

.con_map .box_map .wrp_bt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.con_map .box_map .wrp_bt li {
  position: absolute;
}

.con_map .box_map .wrp_bt li.bt1 {
  top: 0;
  left: 0;
  width: 21.81081%;
}

.con_map .box_map .wrp_bt li.bt2 {
  top: 0;
  left: 21.48649%;
  width: 21.67568%;
}

.con_map .box_map .wrp_bt li.bt3 {
  top: 0;
  left: 73.91892%;
  width: 27.08108%;
}

.con_map .box_map .wrp_bt li.bt4 {
  top: 10.86957%;
  left: 0;
  width: 17.21622%;
}

.con_map .box_map .wrp_bt li.bt5 {
  top: 10.86957%;
  left: 18.24324%;
  width: 20.67568%;
}

.con_map .box_map .wrp_bt li.bt6 {
  top: 89.86957%;
  left: 31.7%;
  width: 21.67568%;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_map .box_map .wrp_bt li.bt6 {
    top: 91.89328%;
  }
}

.con_map .box_map .wrp_bt li.bt7 {
  top: 26.73518%;
  left: 48.78378%;
  width: 17.21622%;
}

@media only screen and (min-width: 768px) and (max-width: 933.5px) {
  .con_map .box_map .wrp_bt li.bt7 {
    top: 31%;
  }
}

.con_map .box_map .wrp_bt li.bt8 {
  top: 78.86957%;
  left: 26%;
  width: 20%;
}

@media only screen and (min-width: 768px) and (max-width: 933.5px) {
  .con_map .box_map .wrp_bt li.bt8 {
    top: 92%;
  }
}

.con_map .box_map .wrp_bt li.bt9 {
  top: 67.47036%;
  left: 0;
  width: 25%;
}

@media only screen and (min-width: 768px) and (max-width: 933.5px) {
  .con_map .box_map .wrp_bt li.bt9 {
    top: 74%;
  }
}

.con_map .box_map .wrp_bt li.bt10 {
  top: 58%;
  left: 15%;
  width: 18%;
}

@media only screen and (min-width: 768px) and (max-width: 933.5px) {
  .con_map .box_map .wrp_bt li.bt10 {
    top: 64%;
  }
}

.con_map .box_map .wrp_bt li.bt11 {
  top: 0%;
  left: 43%;
  width: 23%;
}

@media only screen and (min-width: 768px) and (max-width: 933.5px) {
  .con_map .box_map .wrp_bt li.bt11 {
    top: 1%;
    left: 46%;
  }
}

.con_map .box_map .wrp_bt li.bt12 {
  top: 80%;
  left: 85%;
  width: 17.21622%;
}

@media only screen and (min-width: 768px) and (max-width: 933.5px) {
  .con_map .box_map .wrp_bt li.bt12 {
    top: 63%;
  }
}

.con_map .box_map .wrp_bt li.bt13 {
  top: 11.02767%;
  left: 73.89189%;
  width: 20.24324%;
}

.con_map .box_map .wrp_bt li.bt14 {
  top: 90%;
  left: 51.67568%;
  width: 19.32432%;
}

@media only screen and (min-width: 768px) and (max-width: 933.5px) {
  .con_map .box_map .wrp_bt li.bt14 {
    top: 92%;
  }
}

/**/
.con_map .box_map .wrp_bt li.bt15 {
  top: 60%;
  left: 85%;
  width: 18.24324%;
}

.con_map .box_map .wrp_bt li.bt16 {
  top: 70%;
  left: 85%;
  width: 17%;
}

.con_map .box_map .wrp_bt li.bt17 {
  top: 86%;
  left: 68.7%;
  width: 17%;
}

.con_map .box_map .wrp_bt li.bt18 {
  top: 50%;
  left: 83.5%;
  width: 17%;
}

.con_map .box_map .wrp_bt li.bt19 {
  top: 11.3%;
  left: 45.8%;
  width: 28%;
}

.con_map .box_map .wrp_bt li.bt20 {
  top: 78%;
  left: -0.2%;
  width: 25%;
}

.con_map .box_map .wrp_bt li.bt21 {
  top: 89%;
  left: -0.2%;
  width: 25%;
}

.con_map .box_map .wrp_bt li.bt22 {
  top: 49%;
  left: 85%;
  width: 25%;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_map .box_map .wrp_bt li.bt15 {
    top: 35.89328%;
  }

  .con_map .box_map .wrp_bt li.bt16 {
    top: 50.89328%;
  }

  .con_map .box_map .wrp_bt li.bt17 {
    top: 74.89328%;
  }

  .con_map .box_map .wrp_bt li.bt18 {
    top: 54%;
  }

  .con_map .box_map .wrp_bt li.bt20 {
    top: 86%;
  }
}





/**/
.con_map .box_map .wrp_bt li a {
  cursor: pointer;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -ms-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  transition-delay: 0ms;
  position: relative;
  top: 0;
}

.con_map .box_map .wrp_bt li a:hover {
  top: -4px;
}

.con_map .box_detail {
  width: 372px;
  min-height: 560px;
  position: relative;
  float: right;
  margin: 32px auto 0;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_map .box_detail {
    width: 32.34783%;
  }
}

@media only screen and (max-width: 767px) {
  .con_map .box_detail {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_map .box_detail {
    min-height: 35em;
  }
}

@media only screen and (max-width: 767px) {
  .con_map .box_detail {
    min-height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .con_map .box_detail {
    float: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_map .box_detail {
    margin: 2em auto 0;
  }
}

@media only screen and (max-width: 767px) {
  .con_map .box_detail {
    margin: 1em auto 0;
  }
}

.con_map .box_detail ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #2e3088;
}

/*.con_map .box_detail ul li:before {
  content: '';
  position: absolute;
  left: -1.85em;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 0.95em solid transparent;
  border-right: 1.9em solid #2e3088;
  border-bottom: 0.95em solid transparent;
  border-left: 0px solid transparent;
}*/
.con_map .box_detail ul li .inner {
  padding: 6%;
}

.con_map .box_detail ul li .inner h4 {
  text-align: center;
  color: #FFF;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  position: relative;
}

.con_map .box_detail ul li .inner h4 span {
  font-size: 109%;
  line-height: 1.4em;
  background-color: #2e3088;
  display: inline-block;
  position: relative;
  z-index: 10;
  padding: 0 0.3em;
}

.con_map .box_detail ul li .inner h4:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #FFF;
  z-index: 0;
}

@media only screen and (max-width: 767px) {
  .con_map .box_detail ul li .inner h4 {
    text-align: left;
  }

  .con_map .box_detail ul li .inner h4:before,
  .con_map .box_detail ul li .inner h4:after {
    font-family: FontAwesome;
    vertical-align: middle;
  }

  .con_map .box_detail ul li .inner h4>* {
    vertical-align: middle;
    display: inline;
  }

  .con_map .box_detail ul li .inner h4:before {
    content: "";
    margin-right: .5em;
  }

  .con_map .box_detail ul li .inner h4 span {
    padding-right: 1em;
  }

  .con_map .box_detail ul li .inner h4:before {
    display: none;
    /*background: none;
    width: 1em;
    height: 1em;
    left: auto;
    right: 0;
    top: 40%;
    margin: 0;
    z-index: 12;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    */
  }
}

.con_map .box_detail ul li .inner .img {
  text-align: center;
  margin-top: 1em;
}

@media only screen and (max-width: 767px) {
  .con_map .box_detail ul li .inner .img {
    margin-top: 0.5em;
  }
}

.con_map .box_detail ul li .inner .wrp_text {
  color: #FFF;
  margin-top: 1em;
}

@media only screen and (max-width: 767px) {
  .con_map .box_detail ul li .inner .wrp_text {
    margin-top: 0.5em;
  }
}

.con_map .box_detail ul li .inner .wrp_text dt {
  font-weight: bold;
  line-height: 1.6em;
}

.con_map .box_detail ul li .inner .wrp_text .address address {
  line-height: 1.6em;
  margin-top: 0.3em;
}

.con_map .box_detail ul li .inner .wrp_text .tel {
  margin-top: 0.3em;
  line-height: 1.6em;
}

.con_map .box_detail ul li .inner .wrp_text .tel a {
  color: #FFF;
}

.con_map .box_detail ul li .inner .wrp_text .acc {
  margin-top: 0.5em;
  line-height: 1.6em;
}

.con_map .box_detail ul li .inner .wrp_text .bt {
  margin-top: 1em;
}

@media only screen and (max-width: 767px) {
  .con_map .box_detail ul li .inner .wrp_text .bt {
    margin-top: 0.5em;
  }
}

.con_map .box_detail ul li .inner .wrp_text .bt a {
  display: block;
  background-color: #978652;
  text-align: center;
  padding: 0.8em 4.5em 0.8em 4em;
  line-height: 1.4em;
  color: #FFF !important;
  text-decoration: none;
  position: relative;
  font-size: 1.2em;
  line-height: 1.4em;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_map .box_detail ul li .inner .wrp_text .bt a {
    padding: 0.6em 2.2em 0.6em 2em;
  }
}

@media only screen and (max-width: 767px) {
  .con_map .box_detail ul li .inner .wrp_text .bt a {
    padding: 0.4em 1.5em 0.4em 1em;
  }
}

.con_map .box_detail ul li .inner .wrp_text .bt a:after {
  content: '';
  position: absolute;
  width: 98.5%;
  height: 89%;
  z-index: 0;
  top: 2%;
  left: 0.5%;
  border: 1px solid #ad9b65;
}

.con_map .box_detail ul li .inner .wrp_text .bt a:hover {
  background-color: #978652;
}

@media only screen and (max-width: 767px) {
  .con_map .box_detail ul li {
    display: block !important;
    position: static;
    margin-bottom: 2%;
  }

  .con_map .box_detail ul li:before {
    display: none;
  }

  .con_map .box_detail ul li .inner {
    padding: 4%;
  }

  .con_map .box_detail ul li .inner .img {
    float: left;
    width: 40%;
  }

  .con_map .box_detail ul li .inner .wrp_text {
    float: right;
    width: 58%;
  }

  .con_map .box_detail ul li .inner .wrp_text .bt a {
    padding: 0.3em 0;
  }
}

/*----------------------------------------------------
	.con_about
----------------------------------------------------*/
.con_appeal {
  margin-top: 3.5em;
  background: transparent url("../images/common/line_w.png") left top repeat-x;
  padding-top: 5em;
}

@media only screen and (max-width: 767px) {
  .con_appeal {
    margin-top: 1.7em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_appeal {
    padding-top: 2.5em;
  }
}

@media only screen and (max-width: 767px) {
  .con_appeal {
    padding-top: 1.5em;
  }
}

.con_appeal .box_st {
  text-align: center;
  font-weight: normal;
  position: relative;
  padding-top: 1em;
}

.con_appeal .box_st:before {
  content: '';
  position: absolute;
  width: 70px;
  top: 0;
  left: 50%;
  height: 4px;
  background-color: #2e3088;
  margin-left: -35px;
}

.con_appeal .box_st span {
  display: block;
}

.con_appeal .box_st span.jp {
  margin-top: 0.5em;
  font-size: 1.8em;
  line-height: 1em;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  letter-spacing: 0.1em;
}

.con_appeal .box_st span.en {
  margin-top: 0.2em;
  font-family: "Times New Roman", Times, Garamond, Georgia, serif;
  color: #2e3088;
}

.con_appeal .box_appeal {
  margin-top: 2em;
  clear: both;
}

@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal {
    margin-top: 1em;
  }
}

.con_appeal .box_appeal li {
  width: 25%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal li {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal li {
    float: none;
  }
}

.con_appeal .box_appeal li.wide {
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal li.wide {
    width: 100%;
  }
}

.con_appeal .box_appeal li.wide .inner .wrp_text span em {
  font-size: 2em;
  line-height: 1.4em;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_appeal .box_appeal li.wide .inner .wrp_text span em {
    font-size: 120%;
  }
}

@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal li.wide .inner .wrp_text span em {
    font-size: 140%;
  }
}

.con_appeal .box_appeal li .inner {
  position: relative;
  overflow: hidden;
}

.con_appeal .box_appeal li .inner:hover .cap {
  bottom: 0;
}

.con_appeal .box_appeal li .inner .img {
  text-align: center;
}

.con_appeal .box_appeal li .inner .img img {
  display: block;
  width: 100%;
}

.con_appeal .box_appeal li .inner .wrp_text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.con_appeal .box_appeal li .inner .wrp_text span {
  display: table;
  width: 100%;
  height: 100%;
}

.con_appeal .box_appeal li .inner .wrp_text span em {
  display: table-cell;
  vertical-align: middle;
  color: #FFF;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 1.6em;
  line-height: 1.4em;
  text-shadow: black 0 0 10px;
  letter-spacing: 0.1em;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_appeal .box_appeal li .inner .wrp_text span em {
    font-size: 120%;
  }
}

@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal li .inner .wrp_text span em {
    font-size: 140%;
  }
}

.con_appeal .box_appeal li .inner .cap {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: -65%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFF;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -ms-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  transition-delay: 0ms;
}

.con_appeal .box_appeal li .inner .cap span {
  display: block;
  padding: 3%;
  font-size: 0.9em;
  line-height: 1.8em;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_appeal .box_appeal li .inner .cap {
    bottom: -90%;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 600ms;
    -moz-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    -ms-transition-duration: 600ms;
    transition-duration: 600ms;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    transition-delay: 0ms;
  }
}

/*----------------------------------------------------
	.con_about
----------------------------------------------------*/

/*
.con_news {
  position: relative;
  padding: 0.3em 0;
  margin-top: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_news {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    margin-top: 2em;
  }
}
.con_news:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: transparent url("../images/common/line_st.png") top left repeat-x;
  z-index: 0;
}
.con_news:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: transparent url("../images/common/line_st.png") top left repeat-x;
  z-index: 0;
}
.con_news .inner {
  padding: 64px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_news .inner {
    padding: 4em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .inner {
    padding: 2em 0;
  }
}
.con_news .inner h3 {
  font-weight: normal;
}
.con_news .inner h3 span {
  display: inline-block;
}
.con_news .inner h3 span.jp {
  font-size: 1.8em;
  line-height: 1.4em;
  margin-right: 0.5em;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
.con_news .inner h3 span.en {
  font-family: "Times New Roman", Times, Garamond, Georgia, serif;
  color: #60a2e9;
}
.con_news .inner .box_news {
  border-top: 1px solid #CCC;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_news .inner .box_news {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .inner .box_news {
    margin-top: 0.7em;
  }
}
.con_news .inner .box_news li {
  width: 50%;
  float: left;
  border-bottom: 1px solid #CCC;
}
@media only screen and (max-width: 767px) {
  .con_news .inner .box_news li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .inner .box_news li {
    float: none;
  }
}
.con_news .inner .box_news li a {
  display: block;
  text-decoration: none;
  width: 90%;
  padding: 2em 0;
  margin: 0 auto;
}
.con_news .inner .box_news li a:hover .tit {
  text-decoration: none;
}
.con_news .inner .box_news li a .wrp_date {
  display: block;
}
.con_news .inner .box_news li a .wrp_date span {
  display: inline-block;
}
.con_news .inner .box_news li a .wrp_date span.cate {
  color: #FFF;
  padding: 0.2em 0.5em;
  margin-right: 0.5em;
}
.con_news .inner .box_news li a .tit {
  display: block;
  text-decoration: underline;
  margin-top: 1em;
}
.con_news .inner .box_news li:nth-child(n+3) {
  display: none;
}
.con_news .inner .tmp_bt {
  margin-top: 32px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_news .inner .tmp_bt {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .inner .tmp_bt {
    margin-top: 1em;
  }
}
*/

.con_news {
  position: relative;
  padding: 0.3em 0;
  margin-top: 64px;
}

.con_news:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: transparent url(../images/common/line_st.png) top left repeat-x;
  z-index: 0;
}

.con_news:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: transparent url(../images/common/line_st.png) top left repeat-x;
  z-index: 0;
}

.con_news .inner {
  padding: 64px 0;
}

.con_news .inner h3 {
  font-weight: normal;
}

.con_news .inner h3 span.jp {
  font-size: 1.8em;
  line-height: 1.4em;
  margin-right: 0.5em;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

.con_news .inner h3 span.en {
  font-family: "Times New Roman", Times, Garamond, Georgia, serif;
  color: #60a2e9;
}

.con_news .inner #newsWrap #newsList {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #CCC;
  margin-top: 24px;
}

.con_news .inner #newsWrap #newsList li {
  width: 50%;
  padding: 2em 0;
  border-bottom: 1px solid #CCC;
}

.con_news .inner #newsWrap #newsList li .time_cate {
  margin-bottom: 1em;
}

.con_news .inner #newsWrap #newsList li a {
  width: 90%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.3em;
}

.con_news .inner #newsWrap #newsList li a:hover {
  text-decoration: none;
}

.con_news .inner #newsWrap #newsList li .catName {
  display: inline-block;
  padding: 6px 8px 4px;
  border: none;
  border-radius: 0;
  font-size: 14px;
  line-height: 100%;
  margin: 0 12px 0 0;
  color: white;
}

/* ホテルごとカラー common.cssにもある */
#newsWrap #newsList li .catetag_0 {
  background: #225C9A;
  /* 共通 */
}

#newsWrap #newsList li .catetag_1 {
  background: #6AAACB;
  /* ウエスト21 */
}

#newsWrap #newsList li .catetag_2 {
  background: #6F7ECF;
  /* 調布アーバン */
}

#newsWrap #newsList li .catetag_3 {
  background: #6B9BCD;
  /* ツインズ調布 */
}

#newsWrap #newsList li .catetag_4 {
  background: #559EC3;
  /* 武蔵野の森 */
}

#newsWrap #newsList li .catetag_5 {
  background: #578DC4;
  /* 府中アーバン */
}

#newsWrap #newsList li .catetag_6 {
  background: #587DC5;
  /* 府中アネックス */
}

#newsWrap #newsList li .catetag_7 {
  background: #596CC7;
  /* 八王子 */
}

#newsWrap #newsList li .catetag_8 {
  background: #5B5BC8;
  /* 立川 */
}

#newsWrap #newsList li .catetag_9 {
  background: #6E5DC9;
  /* 立川アネックス */
}

#newsWrap #newsList li .catetag_10 {
  background: #825ECB;
  /* 新宿 */
}

#newsWrap #newsList li .catetag_11 {
  background: #9560CC;
  /* 赤坂 */
}

#newsWrap #newsList li .catetag_12 {
  background: #A961CD;
  /* 赤坂アネックス */
}

#newsWrap #newsList li .catetag_13 {
  background: #684AC4;
  /* 上野 */
}

#newsWrap #newsList li .catetag_14 {
  background: #6267CD;
  /* 上野アネックス */
}

#newsWrap #newsList li .catetag_15 {
  background: #6078CB;
  /* 御徒町 */
}

#newsWrap #newsList li .catetag_16 {
  background: #5F88CA;
  /* 新橋 */
}

#newsWrap #newsList li .catetag_17 {
  background: #5D99C9;
  /* 新松戸 */
}

#newsWrap #newsList li .catetag_18 {
  background: #68B9CA;
  /* 河口湖アーバンリゾートヴィラ */
}

#newsWrap #newsList li .catetag_19 {
  background: #67b4a1;
  /* ハーバルメモリー河口湖 */
}

#newsWrap #newsList li .catetag_20 {
  background: #6aa757;
  /* 宮古島　ソラニワ */
}

/*
.con_news .inner #newsWrap #newsList li .catetag_0 {
  background: #225C9A;
}
.con_news .inner #newsWrap #newsList li .catetag_1 {
  background: #8B6EFF;
}
.con_news .inner #newsWrap #newsList li .catetag_2 {
  background: #133448;
}
.con_news .inner #newsWrap #newsList li .catetag_3 {
  background: #918DB2;
}
*/
.con_news .inner #newsWrap #newsList li .newMark {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 0;
  font-size: 15px;
  line-height: 100%;
  color: #ff9a15;
  background-color: initial;
  font-weight: 900;
  font-style: normal;
  box-shadow: none;
  border: none;
}


.con_news .inner .tmp_bt {
  margin-top: 32px;
  text-align: center;
}


@media only screen and (max-width: 767px) {
  .con_news .inner #newsWrap #newsList {
    flex-direction: column;
  }

  .con_news .inner #newsWrap #newsList li {
    width: 100%;
  }
}

/*----------------------------------------------------
	.con_mottotokyo
----------------------------------------------------*/
.con_mottotokyo .inner {
  padding: 20px 0;
}

.con_mottotokyo a {
  width: 30%;
  max-width: 400px;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .con_mottotokyo a {
    width: 80%;
  }
}