@charset "UTF-8";
/*==========================
	共通
==========================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/*for IE8*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/*for IE7*/
.clearfix {

}
.w804 {
  width: 804px;
  margin: auto;
}
.w920 {
  width: 920px;
  margin: auto;
}
.w1010 {
	width: 1010px;
	margin: auto;
}
.w1025 {
  width: 1025px;
  margin: auto;
}
.float-l {
  float: left;
}
.float-r {
  float: right;
}
.color-pink {
	color: #ea6da4;
}
.color-blue {
	color: #0079b4;
}
.color-lightblue {
	color: #2ca6e0;
}
.color-red {
	color: #d20023;
}
.absolute {
	position: absolute;
}
.hidden {
  overflow: hidden;
}
.font28 {
  font-size: 2.000em !important;
}
.font26 {
  font-size: 1.857em !important;
}
.font25 {
  font-size: 1.786em !important;
}
.font24 {
	font-size: 1.714em !important;
}
.font23 {
	font-size: 1.643em !important;
}
.font22 {
  font-size: 1.571em !important;
}
.font20 {
  font-size: 1.429em !important;
}
.font18 {
	font-size: 1.286em !important;
}
.font17 {
  font-size: 1.214em !important;
}
.font16 {
  font-size: 1.143em !important;
}
.font15 {
  font-size: 1.071em !important;
}
.font14 {
  font-size: 1em !important;
}
.font13 {
	font-size: 0.929em !important;
}
.font12 {
	font-size: 0.857em !important;
}
.font11 {
	font-size: 0.786em !important;
}
.font10 {
	font-size: 0.714em !important;
}
.line28 {
  line-height: 2.000em;
}
.line26 {
  line-height: 1.857em;
}
.line24 {
  line-height: 1.714em;
}
.mt-35 {
  margin-top: 35px
}
.mt-40 {
  margin-top: 40px
}
.mt-45 {
  margin-top: 45px
}
.mt-50 {
  margin-top: 50px
}
.mb-35 {
  margin-bottom: 35px
}
.mb-40 {
  margin-bottom: 40px
}
.mb-45 {
  margin-bottom: 45px
}
.mb-50 {
  margin-bottom: 50px
}
.opacity:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
img {
	height: auto;
	vertical-align: middle;
}

/*==========================
	メニュー
==========================*/
.hayama-menu li {
	float: left;
	padding: 0 11px;
	background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/common/menu_line.png) right center no-repeat;
}
.hayama-menu li a {
	display: block;
}

/*==========================
	フッター
==========================*/
.note-konzatu {
	padding-top: 6px;
	font-size: 0.97em;
	border-top: 1px solid #ea6da4;
}
.footer-note {
	padding: 16px 0 10px;
	background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/common/footer_04.png) center top no-repeat,
				url(/common_old/assets_image/information/otoku/otoku_hayamagirl/common/footer_04.png) center bottom no-repeat
}

/*==========================
	トップページ
==========================*/
/*! Flickity v1.2.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-slider a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.flickity-slider a {
  cursor: pointer;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
}
.no-svg.flickity-prev-next-button {
  color: transparent !important;
}
.flickity-prev-next-button {
	opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.flickity-prev-next-button:hover {
	opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=80); /* IE8 */
  opacity: 0.8;
}
.flickity-prev-next-button svg {
	display: none;
}

.flickity-prev-next-button.previous {
	left: 10px;
	background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/index/slider_prev.png) no-repeat;
}
.flickity-prev-next-button.next {
	right: 10px;
	background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/index/slider_next.png) no-repeat;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -12px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: #80bcda;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}

#flickity {
  text-align: center;
}

#flickity li {
  display: none;
}
#flickity > li:first-child {
  display: inline-block;
}

#flickity .flickity-page-dots li.dot {
  display: inline-block;
}
/* END Flickity */

.wrap-contents.top {
	position: relative;
	height: 1900px;
	padding: 30px 0 20px;
	background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/index/top_bg.png) center top no-repeat;
}
.top-content02 {
	width: 353px;
	top: 40px;
	left: 386px;
}
.top-content03 {
	top: 14px;
	right: 64px;
}
.top-content04 {
  top: 180px;
  left: 48px;
}
.top-content05 {
  top: 462px;
  left: 416px;
}
.top-content06 {
  top: 310px;
  right: 56px;
}
.top-content07 {
  top: 420px;
  right: 0;
  width: 430px;
  height: 242px;
}
.top-content08 {
  top: 600px;
  left: 20px;
}
.top-content09 {
  top: 623px;
  left: 168px;
}
.top-content10 {
  top: 661px;
  left: 140px;
}
.top-content11 {
  top: 735px;
  left: 10px;
}
.top-content12 {
  top: 965px;
  left: 407px;
}
.top-content13 {
  top: 772px;
  right: 62px;
}
.top-content14 {
  top: 986px;
  right: 149px;
}
.top-content15 {
  top: 1028px;
  right: 70px;
}
.top-content16 {
  top: 1090px;
  right: 91px;
}
.top-content17 {
  top: 1186px;
  right: 75px;
}
.top-content18 {
  top: 1340px;
  left: 382px;
}
.top-content19 {
  top: 1300px;
  left: 100px;
}
.top-content20 {
  top: 1465px;
  left: 23px;
}
.top-content21 {
  top: 1520px;
  left: 0;
}
.top-content22 {
  top: 1578px;
  right: 265px;
}
.top-content23 {
  top: 2300px;
  right: 0;
}

/*==========================
  ごはん
==========================*/
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.4.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;

    /* dimensions: spanning the background from edge to edge */
    position:fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 2147483647; /* z-index needs to be >= elements on the site. */

    /* position: centering content */
    text-align: center;

    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;

    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: rgba(0, 0, 0, 0);
  }

  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }

  .featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }

  .featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;

    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;

    /* dimensions: cut off images */
    /*overflow: auto;*/

    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;

    /* styling */
    background: #fff;
    cursor: auto;

    /* reset white-space wrapping */
    white-space: normal;
    border-radius: 12px;
  }

  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block;
  }

  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: -19px;
    right: 14px;

    width: 38px;
    height: 38px;

    /* styling */
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff; /* Set the background in case it overlaps the content */
    background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/restaurant/modal_close.png) no-repeat;
    color: transparent;
  }


  .featherlight .featherlight-image {
    /* styling */
    width: 100%;
  }


  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0;
  }

  .featherlight iframe {
    /* styling */
    border: none;
  }

  body.hayamagirl-gift .featherlight .featherlight-close-icon {
    background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/gift/modal_close.png) no-repeat;
  }
}


/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.4.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight-next,
  .featherlight-previous {
    display: block;
    position: absolute;
    top: 50%;
    width: 22px;
    height: 48px;
    margin-top: -24px;
    cursor: pointer;
    /* preventing text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* IE9 hack, otherwise navigation doesn't appear */
  }

  .featherlight-previous {
    left: 9px;
    background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/restaurant/modal_prev.png) left center no-repeat;
  }

  .featherlight-next {
    right: 9px;
    background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/restaurant/modal_next.png) right center no-repeat;
  }

  .featherlight-next span,
  .featherlight-previous span {
    display: none;
    position: absolute;

    top: 50%;
    left: 5%;
    width: 82%;

    /* center horizontally */
    text-align: center;

    font-size: 80px;
    line-height: 80px;

    /* center vertically */
    margin-top: -40px;

    color: #fff;
    font-style: normal;
    font-weight: normal;
  }
  .featherlight-next span {
    right: 5%;
    left: auto;
  }

  .featherlight-next:hover,
  .featherlight-previous:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
  }

  body.hayamagirl-gift .featherlight-previous {
    background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/gift/modal_prev.png) left center no-repeat;
  }

  body.hayamagirl-gift .featherlight-next {
    background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/gift/modal_next.png) right center no-repeat;
  }
}
/* END Featherlight Gallery */

.gallery-box {
  position: relative;
  float: left;
  margin: 5px;
}
.gallery-box a {
  display: block;
}
.gallery-box a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.gallery-box p {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-bottom: 0;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  font-family: Avenir, "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝B","メイリオ", Meiryo, sans-serif;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.8);
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.gallery-inner {
  display: none;
  width: 677px;
  margin: auto;
  padding: 20px 35px 10px;
  border: 2px solid #60b2e1;
  border-radius: 12px;
}
.gallery-inner.featherlight-inner {
  display: block;
}
.inner-top {
  position: relative;
  margin-bottom: 16px;
  padding: 0 40px 16px 60px;
  background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/restaurant/modal_dots_line.png) center bottom no-repeat;
}
.inner-top p {
  color: #0085cb;
}
.inner-top img {
  margin-right: 10px;
}
.bg-yellow-stripe {
  font-size: 1em;
  background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/restaurant/modal_stripe.png) left top repeat;
}
.inner-bottom .tel,
.inner-bottom--last .tel {
  padding-left: 16px;
  background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/restaurant/modal_tel.png) left 3px no-repeat;
  background-size: 13px;
}
.link-gmap a {
  color: #0085cb;
}

.restaurant-title {
  position: relative;
}
.restaurant-icon{
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 5px;
  margin: 0 !important;
}
.gift-title {
  position: relative;
  padding-right: 55px;
}
.gift-title .gift-icon  {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 20px;
  margin: 0 !important;
}

/*==========================
  おみやげ
==========================*/
.gallery-inner.omiyage {
  width: 660px;
  border: 2px solid #fdb4d7;
}
.gallery-inner.omiyage .inner-top {
  padding: 13px 0 0;
  background: none;
}
.gallery-inner.omiyage .inner-top p {
  padding-bottom: 20px;
  color: #ed7a9b;
  background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/gift/modal_dots_line.png) left bottom no-repeat;
}
.gallery-inner.omiyage .inner-bottom .float-l {
  width: 345px
}
.gallery-inner.omiyage .inner-bottom .float-r {
  width: 311px;
}
.gallery-inner.omiyage .link-gmap a {
  color: #ed7a9b;
}

/*==========================
  オススメ観光スポット
==========================*/
.spot-box {
  margin-bottom: 30px;
  padding-bottom: 20px;
  background: url(/common_old/assets_image/information/otoku/otoku_hayamagirl/tourism/spot_dotted_line.png) left bottom repeat-x;
}
.spot-box:last-child {
  margin-bottom: 50px;
  background: none;
}
.spot-box p {
  line-height: 1.857em;
}

/*==========================
  女子旅MAP
==========================*/
.mymap-area iframe {
  border: none;
}