@charset "UTF-8";
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  color: #111;
  background: #FFF;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  line-height: 1.5;
}
body.result {
	position: relative;
}
@media only screen and (max-width: 740px) {
  body {
    font-size: 13px;
  }
}

a {
  text-decoration: underline;
  outline: none;
  color: #0099CC;
}
a:hover {
  text-decoration: none;
	opacity: 0.8;
}

p {
  margin-bottom: 1.5em;
  font-size: 16px;
}
@media only screen and (max-width: 740px) {
  p {
    font-size: 13px;
  }
}

main {
  overflow: hidden;
  display: block;
}

strong {
  font-weight: 700;
}

img[src*="acclog"] {
  display: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

.flex-gmap,
.flex-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.flex-gmap iframe, .flex-gmap object, .flex-gmap embed,
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.header-top {
  background: url("../img/header_bg.png");
}
.header-top .list-header-social li {
  display: inline-block;
  vertical-align: middle;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 5px;
  padding-left: 10px;
}
.header-top .list-header-social li:not(:first-child) {
  border-left: 2px solid #FFF;
}
.header-top .list-header-social li img {
  vertical-align: middle;
}
.header-top .list-header-ctrl {
  float: right;
}
.header-top .list-header-ctrl li {
  margin-left: 6px;
  display: inline-block;
}
.header-top .button-ctrl {
  border-radius: 100px;
  background-color: #FFF;
  position: relative;
  padding-top: 1px;
  padding-bottom: 1px;
}
@media print, screen and (min-width: 741px) {
  .header-top .button-ctrl {
    vertical-align: middle;
    height: 39px;
  }
}
@media print, screen and (min-width: 741px) {
  .header-top .button-ctrl .ctrl-text {
    padding-top: 8px;
    display: inline-block;
  }
}
.header-top .button-ctrl:before {
  font-family: FontAwesome;
  content: "";
  color: #FFF;
  background-color: #0085B2;
  width: 16px;
  line-height: 16px;
  border-radius: 100px;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -8px;
}
.header-top .button-ctrl .ctrl-cond {
  color: #FF4C4C;
  font-size: 24px;
  display: inline-block;
  margin-left: 5px;
}
.header-top .button-ctrl .ctrl-unit {
  font-size: 16px;
}

header .logo-header {
  margin-bottom: 0;
}
header .logo-header a {
  text-decoration: none;
}
header .logo-header img {
  width: 90%;
}
header .logo-header .header-text {
  color: #fe2323;
  display: block;
}
@media print, screen and (min-width: 741px) {
  header .logo-header .header-text {
    font-size: 16px;
	font-weight:bold;

  }
  header .header-text-2 {
    font-size: 14px;
    margin-top: -6px;
    text-align: right;
    display: block;
    margin-right: 36px;
  }
}
@media only screen and (max-width: 740px) {
  header .logo-header img {
    width: 90%;
  }
  header .logo-header .header-text {
    font-size: 10px;
	font-weight:bold;
  }
  header .header-text-2 {
    font-size: 10px;
    display: block;
    text-align: right;
    margin-top: -4px;
    margin-right: 24px;
  }
}

header#header-pc {
  border-bottom: 3px double #6EA7D2;
}
@media only screen and (max-width: 740px) {
  header#header-pc {
    display: none;
  }
}
header#header-pc .col-header-main {
  padding-top: 0;
  padding-bottom: 0;
}
header#header-pc .logo-header-wrap {
  float: left;
}
header#header-pc .logo-header {
  margin-top: 3px;
}
header#header-pc .button-search-header {
  margin-left: 30px;
  float: left;
  margin-top: 9px;
}
header#header-pc .button-search-header.position-right {
  width: 390px;
  display: flex;
  justify-content: right;
}
header#header-pc .list-header-global {
  float: right;
}
header#header-pc .list-header-global li {
  float: left;
  margin-left: 1px;
}
header#header-pc .list-header-global .nav-item-global {
  display: table;
  color: #111;
  text-align: center;
  font-size: 11px;
  text-decoration: none;
  background-color: #EEE;
  width: 120px;
  height: 78px;
  background-repeat: no-repeat;
  background-position: center top;
  white-space: nowrap;
}
header#header-pc .list-header-global .cell-global {
  display: table-cell;
  box-sizing: boreder-box;
  padding: 12px;
  vertical-align: bottom;
}
header#header-pc .list-header-global .nav-item-global-yoyaku {
  background-image: url("../img/icon_yoyaku.png");
  background-position: center 15px;
}
header#header-pc .list-header-global .nav-item-global-shiryo {
  background-image: url("../img/icon_shiryo.png");
  background-position: center 8px;
}
header#header-pc .list-header-global .nav-item-global-request {
  background-image: url("../img/icon_bukken.png");
  background-position: center 13px;
}

header#header-sp {
  position: relative;
  border-bottom: 3px double #6EA7D2;
}
@media print, screen and (min-width: 741px) {
  header#header-sp {
    display: none;
  }
}
header#header-sp .logo-header-wrap {
  display: inline-block;
}
header#header-sp .logo-header {
  width: 210px;
  padding-top: 0;
}
header#header-sp .ctrl-cond {
  color: #FFF;
  background-color: #FF4C4C;
  display: inline-block;
  text-decoration: none;
  border-radius: 100px;
  width: 22px;
  text-align: center;
  line-height: 1;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 10px;
}
header#header-sp .icon-header-history {
  display: inline-block;
  width: 49.09091px;
  height: 25.90909px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/sp_header_histroy.png");
  background-size: contain;
  position: relative;
}
header#header-sp .icon-header-history .ctrl-cond {
  position: absolute;
  right: 0;
  top: 2px;
}
header#header-sp .icon-header-favo {
  display: inline-block;
  width: 41.95122px;
  height: 26.34146px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/sp_header_favo.png");
  background-size: contain;
  position: relative;
}
header#header-sp .icon-header-favo .ctrl-cond {
  position: absolute;
  right: 0;
  top: 2px;
}
header#header-sp .list-header-ctrl {
  position: absolute;
  right: 59px;
  top: 17px;
}
header#header-sp .list-header-ctrl li {
  float: left;
  margin-left: 8px;
}
header#header-sp .nav-toggle {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-image: url("../img/navbar.png");
  position: absolute;
  right: 12px;
  top: 10px;
}
header#header-sp .area-header-boottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #FFF;
  box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.6);
  z-index: 1000;
}
header#header-sp .area-header-boottom .cols {
  padding: 0;
}
header#header-sp .block-bottom-nav-table {
  display: table;
  width: 100%;
}
header#header-sp .block-bottom-nav-table .bottom-nav-cell {
  display: table-cell;
}
header#header-sp .nav-table-first .bottom-nav-cell {
  width: 33.333%;
  height: 30px;
  color: #FFF;
  text-decoration: none;
  vertical-align: middle;
  font-size: 11px;
  position: relative;
  padding-left: 32px;
  white-space: nowrap;
}
header#header-sp .nav-table-first .bottom-nav-cell:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  left: 4px;
  position: absolute;
}
header#header-sp .nav-table-first .bottom-nav-cell .num-bottom {
  color: #FFFF73;
}
header#header-sp .nav-table-first .icon-nav-kodawari {
  background-image: url("../img/bottomnav_bg1.png");
  padding-left: 28px;
}
header#header-sp .nav-table-first .icon-nav-kodawari:before {
  background-image: url("../img/nav_bottom_kodawari.png");
  width: 15.5px;
  height: 15.5px;
  margin-top: -7.75px;
}
header#header-sp .nav-table-first .icon-nav-history {
  background-image: url("../img/bottomnav_bg2.png");
}
header#header-sp .nav-table-first .icon-nav-history:before {
  background-image: url("../img/nav_bottom_history.png");
  width: 25.5px;
  height: 16.5px;
  margin-top: -8.25px;
}
header#header-sp .nav-table-first .icon-nav-favorite {
  background-image: url("../img/bottomnav_bg3.png");
  padding-left: 28px;
}
header#header-sp .nav-table-first .icon-nav-favorite:before {
  background-image: url("../img/nav_bottom_favo.png");
  width: 18.5px;
  height: 16.5px;
  margin-top: -8.25px;
}
header#header-sp .nav-table-second .bottom-nav-cell {
  width: 25%;
  height: 52px;
  background-repeat: no-repeat;
}
header#header-sp .nav-table-second .bg-nav-book {
  background-color: #85B200;
  background-repeat: no-repeat;
  background-size: 70px 33.63636px;
  background-position: center 13px;
  background-image: url("../img/bottomnav_icon_book.png");
  width: 37.5%;
}
header#header-sp .nav-table-second .bg-nav-free {
  background-color: #FF9999;
  background-repeat: no-repeat;
  background-size: 58.63636px 43.18182px;
  background-position: center 4px;
  background-image: url("../img/bottomnav_icon_free.png");
  width: 37.5%;
}
header#header-sp .nav-table-second .bg-nav-wagamama {
  background-color: #FFA64D;
  background-repeat: no-repeat;
  background-size: 75.90909px 39.09091px;
  background-position: center 7px;
  background-image: url("../img/bottomnav_icon_wagamama.png");
}
header#header-sp .nav-table-second .bg-nav-menu {
  background-color: #7086AE;
  background-repeat: no-repeat;
  background-size: 35px 36.36364px;
  background-position: center 10px;
  background-image: url("../img/bottomnav_icon_nav.png");
}

.nav-global {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: none;
}
.nav-global.active {
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  display: block;
}
.nav-global.active .global-main {
  right: 0;
  z-index: 2000;
}
.nav-global.active .global-close {
  opacity: 1;
}
.nav-global .global-main {
  position: fixed;
  z-index: 2000;
  top: 0;
  height: 100%;
  background-color: #7086AE;
  width: 300px;
  right: -300px;
  box-sizing: border-box;
  padding: 12px;
	overflow-y: auto;
}
.nav-global .global-layer {
  position: absolute;
  width: 100%;
  height: 100%;
}
.nav-global .global-close {
  color: #FFF;
  font-size: 26px;
  position: absolute;
  top: 6px;
  right: 310px;
  opacity: 0;
}
.nav-global .global-block {
  background-color: #FFF;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.nav-global .global-block:last-child {
    margin-bottom: 60px;
}
.nav-global .list-global-sp {
  margin-bottom: 12px;
  margin-top: -6px;
}
.nav-global .list-global-sp li {
  margin-left: -12px;
  margin-right: -12px;
  border-bottom: 1px dashed #AAA;
  position: relative;
}
.nav-global .list-global-sp a {
  color: #111;
  text-decoration: none;
  display: block;
  padding: 10px 12px;
  padding-left: 40px;
}
.nav-global .global-sns {
  margin: 0;
  display: flex;
  justify-content: space-evenly;
  gap: 10px;
}
.nav-global .global-sns li {
  width: 32%;
  border-bottom: none;
  display: inline-block;
  margin: 0;
  /*margin-left: 27px;*/
}
.nav-global .global-sns li a {
  padding: 0;
}
.nav-global .global-sns li img {
  vertical-align: middle;
}
.nav-global .icon-global-1:before, .nav-global .icon-global-2:before, .nav-global .icon-global-3:before, .nav-global .icon-global-4:before, .nav-global .icon-global-5:before, .nav-global .icon-global-6:before, .nav-global .icon-global-7:before, .nav-global .icon-global-8:before, .nav-global .icon-global-voice:before {
  position: absolute;
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  left: 12px;
}
.nav-global .icon-global-1:before {
  background-image: url("../img/dra_1.png");
  width: 19.28571px;
  height: 18.57143px;
  margin-top: -9.28571px;
}
.nav-global .icon-global-2 {
  font-weight: bold;
}
.nav-global .icon-global-2:before {
  background-image: url("../img/dra_2.png");
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.nav-global .icon-global-3:before {
  background-image: url("../img/dra_3.png");
  width: 15px;
  height: 22.85714px;
  margin-top: -11.42857px;
  left: 15px;
}
.nav-global .icon-global-4:before {
  background-image: url("../img/dra_4.png");
  width: 21.42857px;
  height: 17.14286px;
  margin-top: -8.57143px;
}
.nav-global .icon-global-5:before {
  background-image: url("../img/dra_5.png");
  width: 19.28571px;
  height: 20.71429px;
  margin-top: -10.35714px;
}
.nav-global .icon-global-6:before {
  background-image: url("../img/dra_6.png");
  width: 17.85714px;
  height: 17.85714px;
  margin-top: -8.92857px;
}
.nav-global .icon-global-7:before {
  background-image: url("../img/dra_7.png");
  width: 17.85714px;
  height: 17.14286px;
  margin-top: -8.57143px;
}
.nav-global .icon-global-8:before {
  background-image: url("../img/topnav_7.png");
  width: 17.85714px;
  height: 17.14286px;
  margin-top: -4.571px;
}
.nav-global .icon-global-voice:before {
  background-image: url("../img/topnav_8.png");
  width: 17.85714px;
  height: 23.14286px;
  margin-top: -9.571px;
  left: 15px;
}
.nav-global .list-global-buttons-sp {
  margin-bottom: -6px;
}
.nav-global .list-global-buttons-sp li {
  margin-bottom: 6px;
}
.nav-global .list-global-buttons-sp img {
  vertical-align: bottom;
}

@media print, screen and (min-width: 741px) {
  .wrapper {
    width: 1060px;
    margin-left: auto;
    margin-right: auto;
  }
}

#area-social {
  text-align: center;
}

.block-social {
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 12px;
  background-color: #EEE;
  padding: 12px 36px;
  border-radius: 100px;
}
@media print, screen and (min-width: 741px) {
  .block-social {
    margin-top: 36px;
    margin-bottom: 17px;
  }
}
@media only screen and (max-width: 740px) {
  .block-social {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.block-social .list-social-buttons li {
  display: inline-block;
}
.block-social .list-social-buttons li img {
  vertical-align: bottom;
}

.rows {
  *zoom: 1;
}
.rows:before, .rows:after {
  content: "";
  display: table;
}
.rows:after {
  clear: both;
}
@media only screen and (max-width: 740px) {
  .rows.offset-sp {
    margin-left: -12px;
    margin-right: -12px;
  }
}

@media print, screen and (min-width: 741px) {
  .row-table {
    display: table;
  }
}

@media print, screen and (min-width: 741px) {
  .row-thin {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 740px) {
  .row-thin {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

@media print, screen and (min-width: 741px) {
  .row-medium {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 740px) {
  .row-medium {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

@media print, screen and (min-width: 741px) {
  .row-heavy {
    margin-top: 75px;
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 740px) {
  .row-heavy {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

@media print, screen and (min-width: 741px) {
  .row-page-single {
    padding-left: 80px;
    padding-right: 80px;
  }
}

@media print, screen and (min-width: 741px) {
  .grids {
    float: left;
  }
}

.cols {
  padding-top: 12px;
  padding-bottom: 12px;
  float: left;
  box-sizing: border-box;
}
@media print, screen and (min-width: 741px) {
  .cols {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 740px) {
  .cols {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
	.header-main .cols {
		padding-top: 5px;
		padding-bottom: 0;
	}
}
@media print, screen and (min-width: 741px) {
  .cols.alpha {
    float: left;
    margin-left: 0;
  }
  .fl {
    float: left;
  }
}
@media print, screen and (min-width: 741px) {
  .cols.omega {
    float: right;
  }
}
@media print, screen and (min-width: 741px) {
  .cols:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 740px) {
  .cols.col-full-sp {
    padding-left: 0;
    padding-right: 0;
  }
}

.col-1 {
  width: 8.33333%;
}

.col-2 {
  width: 16.66667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33333%;
}

.col-5 {
  width: 41.66667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333%;
}

.col-8 {
  width: 66.66667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33333%;
}

.col-11 {
  width: 91.66667%;
}

.col-12 {
  width: 100%;
}

@media print, screen and (min-width: 741px) {
  .col-1-pc {
    width: 8.33333%;
  }

  .col-2-pc {
    width: 16.66667%;
  }

  .col-3-pc {
    width: 25%;
  }

  .col-4-pc {
    width: 33.33333%;
  }

  .col-5-pc {
    width: 41.66667%;
  }

  .col-6-pc {
    width: 50%;
  }

  .col-7-pc {
    width: 58.33333%;
  }

  .col-8-pc {
    width: 66.66667%;
  }

  .col-9-pc {
    width: 75%;
  }

  .col-10-pc {
    width: 83.33333%;
  }

  .col-11-pc {
    width: 91.66667%;
  }

  .col-12-pc {
    width: 100%;
  }
}
@media only screen and (max-width: 740px) {
  .col-1-sp {
    width: 8.33333%;
  }

  .col-2-sp {
    width: 16.66667%;
  }

  .col-3-sp {
    width: 25%;
  }

  .col-4-sp {
    width: 33.33333%;
  }

  .col-5-sp {
    width: 41.66667%;
  }

  .col-6-sp {
    width: 50%;
  }

  .col-7-sp {
    width: 58.33333%;
  }

  .col-8-sp {
    width: 66.66667%;
  }

  .col-9-sp {
    width: 75%;
  }

  .col-10-sp {
    width: 83.33333%;
  }

  .col-11-sp {
    width: 91.66667%;
  }

  .col-12-sp {
    width: 100%;
  }
}
.area-feature2 li {
  width: 32%;
  text-align: center;
  display: inline-block;
}

#footer {
  padding-top: 20px;
}
@media print, screen and (min-width: 741px) {
  #footer {
    font-size: 14px;
  }
}
@media only screen and (max-width: 740px) {
  #footer {
    padding-top: 0;
    padding-bottom: 90px;
  }
}
#footer .item-footenav {
  position: relative;
  padding-left: 20px;
  margin-top: 6px;
  margin-bottom: 6px;
  box-sizing: border-box;
}
#footer .item-footenav:before {
  font-family: FontAwesome;
  content: "";
  display: inline-block;
  font-size: 10px;
  width: 12px;
  line-height: 12px;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  text-align: center;
}
@media print, screen and (min-width: 741px){
  #footer .item-footenav:before {
    color: #FFF;
    background-color: #0085B2;
  }
}
@media only screen and (max-width: 740px) {
  #footer .foot-nav {
    background-color: #E5F3F7;
    border-top: 5px solid #0085B2;
    padding: 0;
    margin-bottom: 30px;
  }
  #footer .item-footenav {
    border-bottom: 1px dotted #ccc;
    padding: 7px 30px;
    margin: 0;
  }
  #footer .item-footenav:last-of-type {
    margin-bottom: 0;
  }
  #footer .item-footenav:before {
    color: #0085B2;
    content: "\f054";
    left: 1.5em;
  }
  #footer .item-footenav a {
    display: block;
  }
}
#footer .item-footenav a {
  color: #111;
  text-decoration: none;
}
#footer .item-footenav a:hover {
  text-decoration: underline;
}
@media print, screen and (min-width: 741px) {
  #footer .item-footenavst-footernav-second li {
    float: left;
    width: 33%;
  }
}
@media print, screen and (min-width: 741px) {
  #footer .col-shopinfo {
    border-left: 1px solid #CCC;
    padding: 12px 30px;
  }
}
#footer .col-shopinfo .block-shopinfo:last-child {
  margin-bottom: 0;
}
#footer .title {
  margin-bottom: 6px;
}
#footer .title-shopinfo {
  color: #00266C;
}
#footer .block-shopinfo {
  margin-bottom: 24px;
}
@media print, screen and (min-width: 741px) {
  #footer .block-shopinfo {
    margin-bottom: 30px;
  }
}

.area-copyright {
  font-size: 12px;
}
@media only screen and (max-width: 740px) {
  .area-copyright {
    text-align: center;
  }
}
@media print, screen and (min-width: 741px) {
  .area-copyright {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 740px) {
  .anchor {
    padding-top: 60px !important;
    margin-top: -60px !important;
  }
}

.area-pankuzu ul {
  overflow: hidden;
}
.area-pankuzu ul li {
  float: left;
}
.area-pankuzu ul li:not(:first-child):before {
  font-family: FontAwesome;
  content: "";
  margin-left: 0.5em;
  margin-right: 0.5em;
}

#totop {
  position: fixed;
  z-index: 10000;
  bottom: 15px;
  right: 15px;
  display: none;
}
#totop i {
  color: #FFF;
  background-color: #401000;
  font-size: 40px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  border: 2px solid #FFF;
}
#totop i:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -13px;
  margin-top: -22px;
}
@media only screen and (max-width: 740px){
.area-page-maintitle .title {
  margin-bottom: 5px;
}  
}
.title {
  line-height: 1.3;
  margin-bottom: 0px;
  font-weight: 700;
}

@media print, screen and (min-width: 741px) {
  .title-md {
    font-size: 30px;
  }
}
@media only screen and (max-width: 740px) {
  .title-md {
    font-size: 18px;
	margin-top: 3px;
  }
}

@media print, screen and (min-width: 741px) {
  .title-mmd {
    font-size: 22px;
  }
}
@media only screen and (max-width: 740px) {
  .title-mmd {
    font-size: 16px;
  }
}

@media print, screen and (min-width: 741px) {
  .title-lg {
    font-size: 34px;
  }
}
@media only screen and (max-width: 740px) {
  .title-lg {
    font-size: 19px;
  }
}
.title-lg small {
  font-size: 0.7em;
}
@media print, screen and (min-width: 741px) {
  .title-lg small {
    font-size: 0.86em;
  }
}

.title-image img {
  vertical-align: bottom;
}
@media only screen and (max-width: 740px) {
  .title-image img {
    width: 200px;
  }
}

.title-faq-page {
  margin-bottom: -12px;
}
@media only screen and (max-width: 740px) {
  .title-faq-page {
    text-align: center;
  }
}
.title-faq-page img {
  vertical-align: bottom;
}
@media only screen and (max-width: 740px) {
  .title-faq-page img {
    width: 200px;
    margin-bottom: 6px;
  }
}
.title-faq-page strong {
  color: #00266C;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 0.4em;
}
@media print, screen and (min-width: 741px) {
  .title-faq-page strong {
    font-size: 29px;
  }
}
@media only screen and (max-width: 740px) {
  .title-faq-page strong {
    font-size: 18px;
  }
}

.title-page-primary, .title-top-primary {
  color: #00266C;
}
@media print, screen and (min-width: 741px) {
  .title-page-primary, .title-top-primary {
    font-size: 29px;
	display: inline-block;
	margin-right: 10px;
  }
  .title-top-primary {
    margin-top: 20px;
    margin-bottom: 40px;
	width: 100%;
  }
}
@media only screen and (max-width: 740px) {
  .title-page-primary {
    font-size: 21px;
  }
  .title-top-primary {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 18px;
  }
}

@media print, screen and (min-width: 741px) {
  .title-page-secondary {
    font-size: 26px;
  }
}
@media only screen and (max-width: 740px) {
  .title-page-secondary {
    font-size: 19px;
  }
}

.title-bar-danger {
  color: #FFF;
  background-color: #DB090D;
  padding: 12px 20px;
}
@media only screen and (max-width: 740px) {
  .title-bar-danger {
    padding: 12px;
  }
}

.title-bar-primary {
  color: #FFF;
  background-color: #2E98C3;
  padding: 6px 12px;
}

.title-single {
  color: #488EB2;
  border-bottom: 4px solid #488EB2;
}
@media print, screen and (min-width: 741px) {
  .title-single {
    font-size: 28px;
  }
}
@media only screen and (max-width: 740px) {
  .title-single {
    font-size: 22px;
  }
}

.lead {
  font-size: 1.2em;
  line-height: 1.3;
  margin-bottom: 12px;
}

@media print, screen and (min-width: 741px) {
  .lead-lg {
    font-size: 28px;
  }
}
@media only screen and (max-width: 740px) {
  .lead-lg {
    font-size: 16px;
  }
}

.text-required {
  color: #D90000;
  margin-left: 1em;
}

.lead-primary-red {
  color: #D83400;
}
@media print, screen and (min-width: 741px) {
  .lead-primary-red {
    font-size: 28px;
  }
}
@media only screen and (max-width: 740px) {
  .lead-primary-red {
    font-size: 16px;
  }
}

.label-requied {
  background-color: #D93600;
  display: inline-block;
  color: #FFF;
  padding: 1px 12px;
  margin-right: 0.4em;
  border-radius: 4px;
}

.offset-top-1 {
  margin-top: 1em;
}

.num-price-primary {
  color: #FF3F00;
  font-size: 2em;
  font-weight: 700;
  display: inline-block;
}
.num-price-primary.text1 {
  font-size: 1.5em;
}
@media only screen and (max-width: 740px) {
  .num-price-primary {
    font-size: 1.3em;
  }
}
.num-price-primary.small {
  font-size: 16px;
}
@media only screen and (max-width: 740px) {
  .num-price-primary.small {
    font-size: 13px;
  }
}

.list {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.list-inline-block li {
  display: inline-block;
  margin-right: 0.55em;
}

.link {
  text-decoration: none;
}
.link:hover {
  text-decoration: underline;
}

.link-default {
  background: transparent;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
.link-default:hover {
  text-decoration: none;
}

.table {
  margin-bottom: 1.5em;
  width: 100%;
}
@media only screen and (max-width: 740px) {
  .table {
    margin-bottom: 0.8em;
  }
}
.table th {
  text-align: left;
}
.table th, .table td {
  padding: 12px;
  vertical-align: top;
}

.table-form {
  width: 100%;
  margin-bottom: 12px;
}
@media print, screen and (min-width: 741px) {
  .table-form tr {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
  }
}
.table-form th, .table-form td {
  padding: 12px;
  vertical-align: top;
}
@media only screen and (max-width: 740px) {
  .table-form th, .table-form td {
    display: block;
  }
}
.table-form th {
  text-align: left;
}
@media print, screen and (min-width: 741px) {
  .table-form th {
    padding-top: 22px;
    width: 17em;
    background-color: #EFEFEF;
  }
}
@media only screen and (max-width: 740px) {
  .table-form th {
    background-color: #EFEFEF;
    border-left: 8px solid #4777cf;
  }
}
@media only screen and (max-width: 740px) {
  .table-form td {
    padding-left: 0;
    padding-right: 0;
  }
}
.table-form.search {
  border: 3px solid #ACCDEF;
}
@media only screen and (max-width: 740px) {
  .table-form.search td {
    padding: 12px;
  }
}

@media print, screen and (min-width: 741px) {
  .table-info tr {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
  }
}
.table-info th, .table-info td {
  padding: 12px;
  vertical-align: top;
}
@media only screen and (max-width: 740px) {
  .table-info th, .table-info td {
    display: block;
  }
}
.table-info th {
  text-align: left;
}
@media print, screen and (min-width: 741px) {
  .table-info th {
    background-color: #EFEFEF;
  }
}
@media only screen and (max-width: 740px) {
  .table-info th {
    background-color: #EFEFEF;
  }
}
@media only screen and (max-width: 740px) {
  .table-info td {
    padding-left: 0;
    padding-right: 0;
  }
}

.table-check-list {
  border: 1px solid #AAA;
}
.table-check-list tr {
  border: 1px solid #AAA;
}
.table-check-list th, .table-check-list td {
  padding: 8px;
}
.table-check-list th {
  background-color: #DDD;
}

.position-relative {
  position: relative;
}

.image-circle {
  border-radius: 50%;
}

.image-radius {
  border-radius: 10px;
}

.image-left {
  margin-right: 12px;
  margin-bottom: 10px;
  float: left;
}

.image-right {
  margin-bottom: 10px;
  margin-left: 12px;
  float: right;
}

@media only screen and (max-width: 740px) {
  .image-center-sp {
    display: block;
    margin: auto;
    margin-bottom: 1em;
  }
}

@media only screen and (max-width: 740px) {
  .image-small-sp {
    width: 100px;
  }

  .image-medium-sp {
    width: 140px;
  }

  .image-large-sp {
    width: 280px;
  }
}
.button, .wpfp-link {
  display: inline-block;
  background-color: transparent;
  border: none;
  padding: 12px 35px;
  cursor: pointer;
  font-family: inherit;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  background-color: #EFEFEF;
  color: #111;
}

.button-submit {
  background-image: linear-gradient(to bottom, #4898e1 0%, #3a83d2 25%, #3982d1 33%, #3880d2 35%, #3a82d6 38%, #3880d5 40%, #2670c7 42%, #1f69c2 44%, #1e67c5 48%, #1a5abb 81%, #1650b3 100%);
  font-size: 16px;
  color: #FFF;
  font-family: "Times New Roman", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: 700;
  border-radius: 6px;
}
@media print, screen and (min-width: 741px) {
  .button-submit {
    font-size: 25px;
    min-width: 520px;
  }
}
@media only screen and (max-width: 740px) {
  .button-submit {
    width: 100%;
  }
}
.button-submit:hover {
  background-color: #ff8d1a;
}

.button-block {
  display: block;
}

.button-kariosae {
  color: #FFF;
  background-image: linear-gradient(180deg, #ed4448 0%, #c31112 75%, #ca1e20 98%, #ca1e20 99%);
  padding-top: 20px;
  padding-bottom: 20px;
}
@media print, screen and (min-width: 741px) {
  .button-kariosae {
    font-size: 20px;
  }
}

.button-yoyaku {
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 6px;
  color: #FFF;
  background-image: linear-gradient(180deg, #79ce66 0%, #349224 96%);
  position: relative;
}
@media print, screen and (min-width: 741px) {
  .button-yoyaku {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
  }
}
.button-yoyaku:before {
  font-family: FontAwesome;
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -15px;
}
@media only screen and (max-width: 740px) {
  .button-yoyaku:before {
    margin-top: -9px;
  }
}

.button-nandemo {
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 6px;
  color: #FFF;
  background-image: linear-gradient(180deg, #3573c6 0%, #285697 96%);
  position: relative;
}
@media print, screen and (min-width: 741px) {
  .button-nandemo {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
  }
}
.button-nandemo:before {
  font-family: FontAwesome;
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -15px;
}
@media only screen and (max-width: 740px) {
  .button-nandemo:before {
    margin-top: -9px;
  }
}

.button-zip {
  background-color: #DFDFD0;
}

.button-shop {
	color: #FFF;
	padding-top: 16px;
	padding-bottom: 16px;
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	font-size: 30px;
	border-radius: 15px;
}

.button-line {
	text-indent: 2em;
	color: #FFF;
	padding-top: 16px;
	padding-bottom: 16px;
	background: linear-gradient(to bottom, #1e9926 0%,#5fd829 50%,#45ca20 51%,#7de889 100%);
	font-size: 30px;
	border-radius: 15px;
	position: relative;
}

#line_contact ul li:before {
	content:"・";
}

#line_contact ul {
	margin: auto;
	color: #000;
	font-size: 12px;
	padding-left: 35px;
	padding-right: 35px;
}
#line_contact ul li {
  padding-left: 1em; /* 1文字分の左パディング */
  text-indent: -1em;
}
.button-line:before {
    content: url(../reserve/img/line_icon.png);
	position: absolute;
}
@media only screen and (min-width: 741px) {
#line_contact ul {
	width: 45%;
}
.button-line:before {
	top:15px;
	left: 18px;
}
}
@media only screen and (max-width: 740px) {
#line_contact ul {
	width: 100%;
}
.button-line:before {
	top:5px;
	left: -10px;
}
}

.button-image {
  background-color: transparent;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.button-image img {
  vertical-align: middle;
}

.button-search-cta.room-null {
  background-color: #ff3f00;
  border-radius: 50px;
  font-size: 20px;
  font-weight: bold;
  color: yellow;
  padding: 10px 30px;
}
@media print, screen and (min-width: 741px) {
  .button-search-cta.room-null {
    width: 365px;
  }
}
@media only screen and (max-width: 740px){
  .button-search-cta.room-null {
    padding: 10px 20px;
    margin: 20px auto 0;
    display: block;
    font-size: 16px;
  }
}

.ui-datepicker-trigger {
  padding: 0;
  background: none;
  margin: 0;
  vertical-align: middle;
  margin-left: 0.3em;
  border: none;
}
@media only screen and (max-width: 740px) {
  .ui-datepicker-trigger {
    margin-top: 0.5em;
  }
}

.button-search {
  background-color: #14B082;
  color: #FFF;
}
@media print, screen and (min-width: 741px) {
  .button-search {
    font-size: 20px;
    width: 500px;
  }
}

.button-room {
  color: #FFF;
  background-color: #0085B2;
  padding-top: 7px;
  padding-bottom: 7px;
}

.button-return-result {
  border-radius: 6px;
  display: block;
  text-align: left;
  border: 1px solid #EEE;
  background-image: linear-gradient(180deg, #f5f5fd 0%, #dfe7f7 100%);
  font-weight: 700;
  padding-top: 10px;
  padding-left: 24px;
  padding-bottom: 10px;
  font-size: 17px;
  position: relative;
}
.button-return-result:before {
  font-family: FontAwesome;
  content: "";
  color: #4891C6;
  right: 12px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
}
@media print, screen and (min-width: 741px) {
	.button-return-result {
		display: inline-block;
		vertical-align: super;
	}
}

.wpfp-link {
  border-radius: 4px;
  padding: 10px 12px;
  font-size: 14px;
  width: 270px;
  box-sizing: border-box;
  background-color: #FFF;
  color: #D93600;
  border: 2px solid #D93600;
}
.wpfp-link[href="?wpfpaction=clear"] {
  display: none;
}
.okiniiri-clear-paret .wpfp-link {
  color: #0700BF;
  border: 2px solid #0700BF;
}

.table-list-room .wpfp-link {
  padding: 6px;
  width: auto;
}

.button-cta-medium {
  border-radius: 4px;
  padding: 10px 12px;
  font-size: 14px;
  width: 270px;
  box-sizing: border-box;
  color: #FFF;
  background-image: linear-gradient(180deg, #549abe 0%, #549abe 50%, #488eb2 50%, #488eb2 99%);
  border: 1px solid #256C92;
}

.button-cta-large {
  border-radius: 4px;
  padding: 16px 12px;
  font-size: 14px;
  width: 270px;
  box-sizing: border-box;
  color: #FFF;
  background-image: linear-gradient(180deg, #549abe 0%, #549abe 50%, #488eb2 50%, #488eb2 99%);
  border: 1px solid #256C92;
}
@media print, screen and (min-width: 741px) {
  .button-cta-large {
    font-size: 22px;
    width: 540px;
  }
}

.area-seach-main .wp-pagenavi {
  text-align: center;
}
.area-seach-main .wp-pagenavi a {
  padding: 10px 20px;
}
@media only screen and (max-width: 740px) {
  .area-seach-main .wp-pagenavi a {
    padding: 6px 14px;
  }
}
.area-seach-main .wp-pagenavi span {
  padding: 9px 20px;
}
@media only screen and (max-width: 740px) {
  .area-seach-main .wp-pagenavi span {
    padding: 5px 14px;
  }
}

hr {
  border: none;
  border-bottom: 1px solid #ccc;
  margin-top: 1.4em;
  margin-bottom: 1.4em;
}

.hr-secondary {
  border-bottom: 1px dashed #999999;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
  border: 1px solid #CCC;
  box-sizing: border-box;
  padding: 8px 8px;
  font-family: inherit;
  font-size: 16px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  background-color: #fff9e8;
  box-shadow: 0 0 3px rgba(115, 185, 255, 0.8);
}

textarea {
  height: 12em;
}

label {
  background-color: #EFEFEF;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  padding-right: 24px;
}
select::-ms-expand {
  display: none;
}

.select-arrow {
  display: inline-block;
  position: relative;
}
.select-arrow:before {
  font-family: FontAwesome;
  content: "";
  position: absolute;
  right: 12px;
  margin-top: -12px;
  top: 50%;
}

.input-full {
  width: 100%;
}

@media print, screen and (min-width: 741px) {
  .input-long {
    width: 30em;
  }
}
@media only screen and (max-width: 740px) {
  .input-long {
    width: 100%;
  }
}

@media print, screen and (min-width: 741px) {
  .input-medium {
    width: 20em;
  }
}
@media only screen and (max-width: 740px) {
  .input-medium {
    width: 100%;
  }
}

@media print, screen and (min-width: 741px) {
  .input-short {
    width: 10em;
  }
}
@media only screen and (max-width: 740px) {
  .input-short {
    width: 6em;
  }
}

.label-required {
  float: right;
  margin-left: 1em;
  display: inline-block;
  font-size: 0.9em;
  color: #FFF;
  background-color: #D90000;
  padding: 3px 10px;
}
@media print, screen and (min-width: 741px) {
  .label-required {
    margin-top: -3px;
  }
}

.input-required {
  background-color: #FEE;
}
.input-required.valid {
  background-color: #FFF;
}

.input-zip {
  margin-right: 6px;
}
@media only screen and (max-width: 740px) {
  .input-zip {
    margin-bottom: 4px;
  }
}

.group-required label {
  background-color: #FEE;
}
.group-required.valid label {
  background-color: #EFEFEF;
}

@media only screen and (max-width: 740px) {
  .list-block-form {
    margin-bottom: 12px;
    overflow: hidden;
  }
}
.list-block-form li {
  box-sizing: border-box;
}
@media print, screen and (min-width: 741px) {
  .list-block-form li {
    margin: 5px 0;
  }
}
@media only screen and (max-width: 740px) {
  .list-block-form li {
    margin: 5px 0;
  }
}

@media only screen and (max-width: 740px) {
  .list-inline-form {
    margin-bottom: 12px;
    overflow: hidden;
  }
}
.list-inline-form li {
  box-sizing: border-box;
}
@media print, screen and (min-width: 741px) {
  .list-inline-form li {
    display: inline-block;
    margin: 0;
    margin-right: 1em;
  }
}
@media only screen and (max-width: 740px) {
  .list-inline-form li {
    margin: 5px 0;
  }
}

.list-checkbox, .list-radio {
  margin-top: 3px;
}
.list-checkbox li, .list-radio li,.list-radio.halfw li, .list-checkbox.halfw li{
  margin-top: 1px;
  margin-bottom: 1px;
}
@media print, screen and (min-width: 741px) {
  .list-checkbox li, .list-radio li {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
.list-checkbox label, .list-radio label {
  position: relative;
  display: inline-block;
  padding: 8px 12px;
  padding-left: 35px;
  box-sizing: border-box;
  cursor: pointer;
}
@media only screen and (max-width: 740px) {
  .list-checkbox label, .list-radio label {
    display: block;
    padding: 12px 12px;
    border-radius: 5px;
    padding-left: 28px;
    padding-right: 8px;
  }
}
.list-checkbox label:before, .list-radio label:before, .list-checkbox label:after, .list-radio label:after {
  transition: all 0.2s linear;
  position: absolute;
  left: 5px;
  top: 50%;
  content: "";
}
.list-checkbox label:before, .list-radio label:before {
  background-color: #FFF;
}
.list-checkbox input[type="checkbox"]:checked + label, .list-radio input[type="checkbox"]:checked + label,
.list-checkbox input[type="radio"]:checked + label,
.list-radio input[type="radio"]:checked + label {
  background-color: #EFEFEF;
}
@media only screen and (max-width: 740px) {
  .list-checkbox input[type="checkbox"]:checked + label, .list-radio input[type="checkbox"]:checked + label,
  .list-checkbox input[type="radio"]:checked + label,
  .list-radio input[type="radio"]:checked + label {
    background-color: #FFEFBF;
  }
}
.list-checkbox input[type="checkbox"]:checked + label:after, .list-radio input[type="checkbox"]:checked + label:after,
.list-checkbox input[type="radio"]:checked + label:after,
.list-radio input[type="radio"]:checked + label:after {
  box-sizing: border-box;
}
.list-checkbox .label-block, .list-radio .label-block {
  display: block;
}

@media only screen and (max-width: 740px) {
  .label-full {
    width: 100%;
    clear: both;
  }
}

@media only screen and (max-width: 740px) {
  .label-half {
    width: 50%;
    padding: 0 5px;
    float: left;
  }
}
@media only screen and (max-width: 740px) {
  .label-half label {
    margin-left: -5px;
    margin-top: -5px;
  }
}
@media only screen and (max-width: 740px) {
  .label-half:nth-child(2n) {
    padding-right: 0;
  }
}
@media only screen and (max-width: 740px) {
  .label-half:nth-child(2n+1) {
    clear: both;
  }
}

.list-checkbox label:before {
  height: 16px;
  width: 16px;
  margin-top: -10px;
  border: 2px solid #BBB;
}
.list-checkbox label:after {
  box-sizing: border-box;
  height: 10px;
  width: 17px;
  opacity: 0;
  margin-top: -7px;
  border-left: 4px solid #401000;
  border-bottom: 4px solid #401000;
}
@media only screen and (max-width: 740px) {
  .list-checkbox label {
    display: table;
    width: 100%;
  }
  .list-checkbox label span {
    display: table-cell;
    vertical-align: middle;
  }
}
.list-checkbox input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
.list-checkbox input[type="checkbox"]:checked + label:after {
  height: 10px;
  width: 17px;
  border-bottom: 4px solid #401000;
  border-left: 4px solid #401000;
  transform: rotate(-45deg);
  opacity: 1;
}

.list-radio label:before {
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  border: 2px solid #BBB;
  border-radius: 50%;
}
.list-radio label:after {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  left: 9px;
  opacity: 0;
  border-radius: 50%;
  opacity: 0;
  background-color: #401000;
  margin-top: -6px;
}
@media only screen and (max-width: 740px) {
  .list-radio label {
    display: table;
    width: 100%;
  }
  .list-radio label span {
    display: table-cell;
    vertical-align: middle;
  }
}
.list-radio input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.list-radio input[type="radio"]:checked + label {
  background-color: #EFEFEF;
}
@media only screen and (max-width: 740px) {
  .list-radio input[type="radio"]:checked + label {
    background-color: #FFEFBF;
  }
}
.list-radio input[type="radio"]:checked + label:after {
  box-sizing: border-box;
  opacity: 1;
}

@media only screen and (max-width: 740px) {
  .list-checkbox li, .list-radio li {
    width: 48.4%;
    display: inline-block;
  }
}
@media only screen and (max-width: 740px) {
  .list-checkbox li:nth-of-type(even), .list-radio li:nth-of-type(even) {
    margin-right: 0;
  }
}
ul.halfw>li{
	  width: 48.4%;
    display: inline-block;
}


.form-footer {
  margin-top: 1.5em;
  text-align: center;
}

.cm-wrapper {
  margin-bottom: 50px;
}
.cm-wrapper .msg {
  color: #D90000;
  font-weight: 700;
}
.cm-wrapper h3 {
  background-color: #401000;
  color: #FFF;
  font-size: 18px;
  padding: 12px 20px;
  margin: 28px 0;
  border-radius: 8px;
}
@media only screen and (max-width: 740px) {
  .cm-wrapper h3 {
    padding: 8px 12px;
  }
}
@media print, screen and (min-width: 741px) {
  .cm-wrapper .cm-rows {
    padding-left: 95px;
    padding-right: 95px;
  }
}
@media only screen and (max-width: 740px) {
  .cm-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.cm-lead {
  font-weight: 700;
  font-size: 1.2em;
}

@media only screen and (max-width: 740px) {
  .cm-dl {
    margin-bottom: 25px;
  }
}
.cm-dl dt {
  background: #EFEFEF;
  color: #111;
}
@media only screen and (max-width: 740px) {
  .cm-dl dt {
    padding: 8px;
    margin-bottom: 8px;
  }
}
@media print, screen and (min-width: 741px) {
  .cm-dl dt {
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 740px) {
  .cm-dl dd {
    padding-left: 8px;
    margin-bottom: 8px;
  }
}
@media print, screen and (min-width: 741px) {
  .cm-dl dd {
    margin-bottom: 10px;
    margin-left: 15px;
  }
}

.cm-button {
  background-color: #401000;
  border: none;
  color: #fff;
  display: inline-block;
  font-family: inherit;
  box-sizing: border-box;
  padding: 15px 45px;
  cursor: pointer;
  border-radius: 5px;
}
@media print, screen and (min-width: 741px) {
  .cm-button {
    margin: 1em;
    font-size: 16px;
  }
}
.cm-button:hover {
  background-color: #5a1600;
}
@media only screen and (max-width: 740px) {
  .cm-button {
    width: 90%;
    padding: 15px;
  }
}
.cm-button.button-large {
  padding: 25px 65px;
  background-color: #B20000;
  font-size: 20px;
}
.cm-button.button-large:hover {
  background-color: #cc0000;
}
@media only screen and (max-width: 740px) {
  .cm-button.button-medium {
    width: 75%;
    display: block;
    margin: auto;
  }
}

.cm-list-bottom {
  overflow: hidden;
}
@media print, screen and (min-width: 741px) {
  .cm-list-bottom {
    margin: 20px 0;
  }
}
@media only screen and (max-width: 740px) {
  .cm-list-bottom li {
    margin: 12px 0;
    text-align: center;
  }
}
@media print, screen and (min-width: 741px) {
  .cm-list-bottom .cm-item-main {
    float: right;
    width: 50%;
  }
}
@media print, screen and (min-width: 741px) {
  .cm-list-bottom .cm-item-sub {
    float: left;
    width: 50%;
    padding-top: 17px;
    text-align: right;
  }
}
.cm-list-bottom .fa-angle-double-right {
  margin-left: 0.5em;
}
.cm-list-bottom .fa-angle-double-left {
  margin-right: 0.5em;
}

.area-confirm.error {
  text-align: center;
}
.area-confirm.submit {
  text-align: center;
}
@media print, screen and (min-width: 741px) {
  .area-confirm.submit {
    margin: 45px 0;
  }
}
.area-confirm.submit button {
  margin: 0;
}

#v-form-workflow {
  margin: 25px 0;
}
#v-form-workflow .v-title-workflow {
  margin: 0.8em 0;
}
@media print, screen and (min-width: 741px) {
  #v-form-workflow .v-title-workflow {
    font-size: 25px;
  }
}
@media only screen and (max-width: 740px) {
  #v-form-workflow .v-title-workflow {
    font-size: 22px;
  }
}
#v-form-workflow .v-workflow {
  margin: 0.5em 0;
  background-color: #A5D2FF;
  overflow: hidden;
}
@media print, screen and (min-width: 741px) {
  #v-form-workflow .v-workflow {
    font-size: 22px;
  }
}
#v-form-workflow .v-workflow li {
  display: table;
  position: relative;
  width: 33.333%;
  float: left;
  box-sizing: border-box;
  white-space: nowrap;
}
@media print, screen and (min-width: 741px) {
  #v-form-workflow .v-workflow li {
    height: 40px;
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 740px) {
  #v-form-workflow .v-workflow li {
    padding: 6px;
    font-size: 11px;
    height: 30px;
  }
}
#v-form-workflow .v-workflow li.active {
  background-color: #4DA6FF;
  color: #FFF;
}
#v-form-workflow .v-workflow li.active:after {
  background-color: #4DA6FF;
}
#v-form-workflow .v-workflow li:not(:last-child):after {
  content: "";
  position: absolute;
  right: -22px;
  top: 50%;
  margin-top: -28px;
  width: 55px;
  height: 55px;
  transform: rotate(45deg);
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
  box-sizing: border-box;
  z-index: 10;
}
#v-form-workflow .v-workflow li:nth-child(n+2) {
  padding-left: 45px;
}
@media only screen and (max-width: 740px) {
  #v-form-workflow .v-workflow li:first-child {
    width: 24%;
  }
}
#v-form-workflow .v-workflow .v-cell {
  display: table-cell;
  vertical-align: middle;
}
#v-form-workflow .v-workflow .v-text {
  position: relative;
  z-index: 20;
  display: block;
}

.form-panel {
  border: 4px solid #ACCDEF;
  padding: 6px;
  margin-top: 12px;
  margin-bottom: 12px;
}
@media print, screen and (min-width: 741px) {
  .form-panel {
    border-width: 8px;
    padding: 20px;
  }
}

.form-header {
  margin-bottom: 12px;
}

.form-main {
  margin-top: 12px;
}

.position-reset {
  margin-left: 0.3em;
  margin-top: 0;
  position: relative;
  float: none;
}

.input-search {
  position: absolute;
  opacity: 0;
  z-index: -10;
}
.input-search + label {
  position: absolute;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #999;
  background: #FFF;
}
@media print, screen and (min-width: 741px) {
  .input-search + label {
    bottom: 6px;
    left: 0;
  }
}
@media only screen and (max-width: 740px) {
  .input-search + label {
    top: 0px;
    left: 0;
  }
}
.input-search:checked + label:before {
  content: "";
  display: inline-block;
  height: 10px;
  width: 17px;
  border-bottom: 4px solid #0085B2;
  border-left: 4px solid #0085B2;
  transform: rotate(-45deg);
  opacity: 1;
  position: absolute;
  left: 3px;
  top: 3px;
}
@media only screen and (max-width: 740px) {
  .input-search:checked + label:before {
    height: 10px;
    width: 16px;
    left: 4px;
    top: 4px;
  }
}

@media only screen and (max-width: 740px) {
  .right-cont-sp .input-search:checked + label:before {
    height: 6px;
    width: 12px;
    left: 1px;
    top: 2px;
  }
}

.area-social img {
  vertical-align: bottom;
}

@media print, screen and (min-width: 741px) {
  .box:hover {
    cursor: pointer;
  }
}

.debug-panel {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border: 1px solid #D90000;
  padding: 12px;
  background-color: #ffeded;
}
.debug-panel a {
  color: #D90000;
}

.area-search-misc {
  background: url("../search/img/maintitle_search.jpg") top center no-repeat;
  padding-top: 240px;
  margin-bottom: 12px;
}
@media print, screen and (min-width: 741px) {
  .area-search-misc {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 740px) {
  .area-search-misc {
    background-size: 620px;
    padding-top: 120px;
  }
}

.area-kariosae {
  background: url("../schedule/img/kariosae_bg2.png"), url("../schedule/img/kariosae_bg.jpg");
  background-position: center bottom, center center;
  background-repeat: no-repeat, no-repeat;
  background-size: normal, cover;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media print, screen and (min-width: 741px) {
  .area-kariosae {
    margin-bottom: 60px;
  }
}
@media print, screen and (min-width: 741px) {
  .area-kariosae .rows {
    padding-left: 200px;
    padding-right: 200px;
  }
}
.area-kariosae .list-buttons-kariosae {
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
}
@media print, screen and (min-width: 741px) {
  .area-kariosae .list-buttons-kariosae {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.area-kariosae .list-buttons-kariosae li {
  margin-top: 10px;
  margin-bottom: 10px;
}
.area-kariosae .title-kariosae-intro {
  color: #B20000;
  text-align: center;
  margin-top: 16px;
}
@media print, screen and (min-width: 741px) {
  .area-kariosae .title-kariosae-intro {
    font-size: 34px;
  }
}
@media only screen and (max-width: 740px) {
  .area-kariosae .title-kariosae-intro {
    font-size: 16px;
  }
}
@media only screen and (max-width: 740px) {
  .area-kariosae .title-kariosae-intro {
    margin-top: 6px;
  }
}

@media only screen and (max-width: 740px) {
  .area-page-main-kariosae {
    overflow: hidden;
  }
}

.area-page-maintitle {
  padding-top: 12px;
}

.area-page-hero {
  background-repeat: no-repeat;
  background-position: center center;
  height: 500px;
  text-align: center;
}
@media only screen and (max-width: 740px) {
  .area-page-hero {
    height: auto;
    background-size: cover;
  }
}
.area-page-hero img {
  vertical-align: bottom;
}

@media print, screen and (min-width: 741px) {
  .area-yoyaku .col-photo {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 740px) {
  .area-yoyaku .col-photo {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.area-yoyaku .col-photo img {
  vertical-align: bottom;
}
.area-yoyaku .list-buttons-yoyaku {
  padding-left: 24px;
  padding-right: 24px;
}
@media print, screen and (min-width: 741px) {
  .area-yoyaku .list-buttons-yoyaku {
    margin-right: 200px;
    padding-left: 0;
  }
}
.area-yoyaku .list-buttons-yoyaku li {
  margin-top: 10px;
  margin-bottom: 10px;
}

.area-search_tab {
  background: url("../search/img/maintitle.jpg") top center no-repeat;
  padding-top: 265px;
  margin-bottom: 12px;
}
@media print, screen and (min-width: 741px) {
  .area-search_tab {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 740px) {
  .area-search_tab {
    background-size: 620px;
    padding-top: 120px;
  }
}
.area-search_tab .list-search_tab {
  overflow: hidden;
}
@media print, screen and (min-width: 741px) {
  .area-search_tab .list-search_tab {
    padding-left: 6px;
    padding-right: 6px;
    border-bottom: 3px double #3393D0;
  }
}
.area-search_tab .list-search_tab li {
  box-sizing: border-box;
}
@media print, screen and (min-width: 741px) {
  .area-search_tab .list-search_tab li {
    *zoom: 1;
    width: 19.2%;
    float: left;
    margin-left: 1%;
    margin-top: 0;
    margin-bottom: 0;
  }
  .area-search_tab .list-search_tab li:before, .area-search_tab .list-search_tab li:after {
    content: "";
    display: table;
  }
  .area-search_tab .list-search_tab li:after {
    clear: both;
  }
  .area-search_tab .list-search_tab li:first-child {
    margin-left: 0;
  }
  .area-search_tab .list-search_tab li:nth-child(5n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (max-width: 740px) {
  .area-search_tab .list-search_tab li {
    *zoom: 1;
    width: 50%;
    float: left;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 1px;
    padding-left: 0.5px;
    padding-right: 0.5px;
  }
  .area-search_tab .list-search_tab li:before, .area-search_tab .list-search_tab li:after {
    content: "";
    display: table;
  }
  .area-search_tab .list-search_tab li:after {
    clear: both;
  }
  .area-search_tab .list-search_tab li:first-child {
    margin-left: 0;
  }
  .area-search_tab .list-search_tab li:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
.area-search_tab .list-search_tab a {
  display: block;
  color: #111;
  text-decoration: none;
  padding: 12px;
  background-color: #B9ECC0;
}
@media print, screen and (min-width: 741px) {
  .area-search_tab .list-search_tab a {
    text-align: center;
    font-size: 20px;
  }
}
.area-search_tab .list-search_tab a:hover {
  color: #FFF;
  background-color: #3393D0;
}

.page_kandai.rent .area-search_tab .list-search_tab li.rent a,
.page_kandai.commuting .area-search_tab .list-search_tab li.transration a,
.page_kandai.area .area-search_tab .list-search_tab li.area a,
.page_kandai.popular .area-search_tab .list-search_tab li.popular a,
.page_kandai.search .area-search_tab .list-search_tab li.search a {
  background-color: #3393D0;
  color: #FFF;
}

.color-default {
  color: #444;
}
.color-black {
  color: #000;
}
.color-white {
  color: #FFF;
}
.color-gray {
  color: #EEEEEE;
}
.color-primary {
  color: #401000;
}
.color-secondary {
  color: #0085B2;
}
.color-info {
  color: #ccc;
}
.color-minor {
  color: #F0F0E1;
}
.color-error {
  color: #D90000;
}
.color-workflow {
  color: #A5D2FF;
}
.color-wactive {
  color: #4DA6FF;
}
.color-medama {
  color: #EA556B;
}
.color-submit {
  color: #FF8000;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.ta {
  text-align: left !important;
}

@media print, screen and (min-width: 741px) {
  .tac-pc {
    text-align: center;
  }

  .tar-pc {
    text-align: right;
  }

  .ta-pc {
    text-align: left !important;
  }
}
@media only screen and (max-width: 740px) {
  .tac-sp {
    text-align: center;
  }

  .tar-sp {
    text-align: right;
  }

  .ta-sp {
    text-align: left !important;
  }
}
@media print, screen and (min-width: 741px) {
  .mg-0 {
    margin: 0em;
  }

  .pd-0 {
    padding: 0em;
  }
}
@media only screen and (max-width: 740px) {
  .mg-0-sp {
    margin: 0em;
  }

  .pd-0-sp {
    padding: 0em;
  }
}
@media print, screen and (min-width: 741px) {
  .mg-1 {
    margin: 1em;
  }

  .pd-1 {
    padding: 1em;
  }
}
@media only screen and (max-width: 740px) {
  .mg-1-sp {
    margin: 1em;
  }

  .pd-1-sp {
    padding: 1em;
  }
}
@media print, screen and (min-width: 741px) {
  .mg-2 {
    margin: 2em;
  }

  .pd-2 {
    padding: 2em;
  }
}
@media only screen and (max-width: 740px) {
  .mg-2-sp {
    margin: 2em;
  }

  .pd-2-sp {
    padding: 2em;
  }
}
@media print, screen and (min-width: 741px) {
  .mg-3 {
    margin: 3em;
  }

  .pd-3 {
    padding: 3em;
  }
}
@media only screen and (max-width: 740px) {
  .mg-3-sp {
    margin: 3em;
  }

  .pd-3-sp {
    padding: 3em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgx-1 {
    margin-left: 1em;
    margin-right: 1em;
  }

  .mgy-1 {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .pdx-1 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .pdy-1 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
@media only screen and (max-width: 740px) {
  .mgx-1-sp {
    margin-left: 1em;
    margin-right: 1em;
  }

  .mgy-1-sp {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .pdx-1-sp {
    padding-left: 1em;
    padding-right: 1em;
  }

  .pdy-1-sp {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgx-2 {
    margin-left: 2em;
    margin-right: 2em;
  }

  .mgy-2 {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .pdx-2 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .pdy-2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
@media only screen and (max-width: 740px) {
  .mgx-2-sp {
    margin-left: 2em;
    margin-right: 2em;
  }

  .mgy-2-sp {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .pdx-2-sp {
    padding-left: 2em;
    padding-right: 2em;
  }

  .pdy-2-sp {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgx-3 {
    margin-left: 3em;
    margin-right: 3em;
  }

  .mgy-3 {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .pdx-3 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .pdy-3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
@media only screen and (max-width: 740px) {
  .mgx-3-sp {
    margin-left: 3em;
    margin-right: 3em;
  }

  .mgy-3-sp {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .pdx-3-sp {
    padding-left: 3em;
    padding-right: 3em;
  }

  .pdy-3-sp {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgx-4 {
    margin-left: 4em;
    margin-right: 4em;
  }

  .mgy-4 {
    margin-top: 4em;
    margin-bottom: 4em;
  }

  .pdx-4 {
    padding-left: 4em;
    padding-right: 4em;
  }

  .pdy-4 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
@media only screen and (max-width: 740px) {
  .mgx-4-sp {
    margin-left: 4em;
    margin-right: 4em;
  }

  .mgy-4-sp {
    margin-top: 4em;
    margin-bottom: 4em;
  }

  .pdx-4-sp {
    padding-left: 4em;
    padding-right: 4em;
  }

  .pdy-4-sp {
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgx-5 {
    margin-left: 5em;
    margin-right: 5em;
  }

  .mgy-5 {
    margin-top: 5em;
    margin-bottom: 5em;
  }

  .pdx-5 {
    padding-left: 5em;
    padding-right: 5em;
  }

  .pdy-5 {
    padding-top: 5em;
    padding-bottom: 5em;
  }
}
@media only screen and (max-width: 740px) {
  .mgx-5-sp {
    margin-left: 5em;
    margin-right: 5em;
  }

  .mgy-5-sp {
    margin-top: 5em;
    margin-bottom: 5em;
  }

  .pdx-5-sp {
    padding-left: 5em;
    padding-right: 5em;
  }

  .pdy-5-sp {
    padding-top: 5em;
    padding-bottom: 5em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgt-0 {
    margin-top: 0em;
  }

  .mgr-0 {
    margin-right: 0em;
  }

  .mgb-0 {
    margin-bottom: 0em;
  }

  .mgl-0 {
    margin-left: 0em;
  }

  .pdt-0 {
    padding-top: 0em;
  }

  .pdr-0 {
    padding-right: 0em;
  }

  .pdb-0 {
    padding-bottom: 0em;
  }

  .pdl-0 {
    padding-left: 0em;
  }
}
@media only screen and (max-width: 740px) {
  .mgt-0-sp {
    margin-top: 0em;
  }

  .mgr-0-sp {
    margin-right: 0em;
  }

  .mgb-0-sp {
    margin-bottom: 0em;
  }

  .mgl-0-sp {
    margin-left: 0em;
  }

  .pdt-0-sp {
    padding-top: 0em;
  }

  .pdr-0-sp {
    padding-right: 0em;
  }

  .pdb-0-sp {
    padding-bottom: 0em;
  }

  .pdl-0-sp {
    padding-left: 0em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgt-1 {
    margin-top: 1em;
  }

  .mgr-1 {
    margin-right: 1em;
  }

  .mgb-1 {
    margin-bottom: 1em;
  }

  .mgl-1 {
    margin-left: 1em;
  }

  .pdt-1 {
    padding-top: 1em;
  }

  .pdr-1 {
    padding-right: 1em;
  }

  .pdb-1 {
    padding-bottom: 1em;
  }

  .pdl-1 {
    padding-left: 1em;
  }
}
@media only screen and (max-width: 740px) {
  .mgt-1-sp {
    margin-top: 1em;
  }

  .mgr-1-sp {
    margin-right: 1em;
  }

  .mgb-1-sp {
    margin-bottom: 1em;
  }

  .mgl-1-sp {
    margin-left: 1em;
  }

  .pdt-1-sp {
    padding-top: 1em;
  }

  .pdr-1-sp {
    padding-right: 1em;
  }

  .pdb-1-sp {
    padding-bottom: 1em;
  }

  .pdl-1-sp {
    padding-left: 1em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgt-2 {
    margin-top: 2em;
  }

  .mgr-2 {
    margin-right: 2em;
  }

  .mgb-2 {
    margin-bottom: 2em;
  }

  .mgl-2 {
    margin-left: 2em;
  }

  .pdt-2 {
    padding-top: 2em;
  }

  .pdr-2 {
    padding-right: 2em;
  }

  .pdb-2 {
    padding-bottom: 2em;
  }

  .pdl-2 {
    padding-left: 2em;
  }
}
@media only screen and (max-width: 740px) {
  .mgt-2-sp {
    margin-top: 2em;
  }

  .mgr-2-sp {
    margin-right: 2em;
  }

  .mgb-2-sp {
    margin-bottom: 2em;
  }

  .mgl-2-sp {
    margin-left: 2em;
  }

  .pdt-2-sp {
    padding-top: 2em;
  }

  .pdr-2-sp {
    padding-right: 2em;
  }

  .pdb-2-sp {
    padding-bottom: 2em;
  }

  .pdl-2-sp {
    padding-left: 2em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgt-3 {
    margin-top: 3em;
  }

  .mgr-3 {
    margin-right: 3em;
  }

  .mgb-3 {
    margin-bottom: 3em;
  }

  .mgl-3 {
    margin-left: 3em;
  }

  .pdt-3 {
    padding-top: 3em;
  }

  .pdr-3 {
    padding-right: 3em;
  }

  .pdb-3 {
    padding-bottom: 3em;
  }

  .pdl-3 {
    padding-left: 3em;
  }
}
@media only screen and (max-width: 740px) {
  .mgt-3-sp {
    margin-top: 3em;
  }

  .mgr-3-sp {
    margin-right: 3em;
  }

  .mgb-3-sp {
    margin-bottom: 3em;
  }

  .mgl-3-sp {
    margin-left: 3em;
  }

  .pdt-3-sp {
    padding-top: 3em;
  }

  .pdr-3-sp {
    padding-right: 3em;
  }

  .pdb-3-sp {
    padding-bottom: 3em;
  }

  .pdl-3-sp {
    padding-left: 3em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgt-4 {
    margin-top: 4em;
  }

  .mgr-4 {
    margin-right: 4em;
  }

  .mgb-4 {
    margin-bottom: 4em;
  }

  .mgl-4 {
    margin-left: 4em;
  }

  .pdt-4 {
    padding-top: 4em;
  }

  .pdr-4 {
    padding-right: 4em;
  }

  .pdb-4 {
    padding-bottom: 4em;
  }

  .pdl-4 {
    padding-left: 4em;
  }
}
@media only screen and (max-width: 740px) {
  .mgt-4-sp {
    margin-top: 4em;
  }

  .mgr-4-sp {
    margin-right: 4em;
  }

  .mgb-4-sp {
    margin-bottom: 4em;
  }

  .mgl-4-sp {
    margin-left: 4em;
  }

  .pdt-4-sp {
    padding-top: 4em;
  }

  .pdr-4-sp {
    padding-right: 4em;
  }

  .pdb-4-sp {
    padding-bottom: 4em;
  }

  .pdl-4-sp {
    padding-left: 4em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgt-5 {
    margin-top: 5em;
  }

  .mgr-5 {
    margin-right: 5em;
  }

  .mgb-5 {
    margin-bottom: 5em;
  }

  .mgl-5 {
    margin-left: 5em;
  }

  .pdt-5 {
    padding-top: 5em;
  }

  .pdr-5 {
    padding-right: 5em;
  }

  .pdb-5 {
    padding-bottom: 5em;
  }

  .pdl-5 {
    padding-left: 5em;
  }
}
@media only screen and (max-width: 740px) {
  .mgt-5-sp {
    margin-top: 5px;
  }

  .mgr-5-sp {
    margin-right: 5px;
  }

  .mgb-5-sp {
    margin-bottom: 5px;
  }

  .mgl-5-sp {
    margin-left: 5px;
  }

  .pdt-5-sp {
    padding-top: 5em;
  }

  .pdr-5-sp {
    padding-right: 5em;
  }

  .pdb-5-sp {
    padding-bottom: 5em;
  }

  .pdl-5-sp {
    padding-left: 5em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgt-6 {
    margin-top: 6em;
  }

  .mgr-6 {
    margin-right: 6em;
  }

  .mgb-6 {
    margin-bottom: 6em;
  }

  .mgl-6 {
    margin-left: 6em;
  }

  .pdt-6 {
    padding-top: 6em;
  }

  .pdr-6 {
    padding-right: 6em;
  }

  .pdb-6 {
    padding-bottom: 6em;
  }

  .pdl-6 {
    padding-left: 6em;
  }
}
@media only screen and (max-width: 740px) {
  .mgt-6-sp {
    margin-top: 6em;
  }

  .mgr-6-sp {
    margin-right: 6em;
  }

  .mgb-6-sp {
    margin-bottom: 6em;
  }

  .mgl-6-sp {
    margin-left: 6em;
  }

  .pdt-6-sp {
    padding-top: 6em;
  }

  .pdr-6-sp {
    padding-right: 6em;
  }

  .pdb-6-sp {
    padding-bottom: 6em;
  }

  .pdl-6-sp {
    padding-left: 6em;
  }
}
@media print, screen and (min-width: 741px) {
  .mgt-7 {
    margin-top: 7em;
  }

  .mgr-7 {
    margin-right: 7em;
  }

  .mgb-7 {
    margin-bottom: 7em;
  }

  .mgl-7 {
    margin-left: 7em;
  }

  .pdt-7 {
    padding-top: 7em;
  }

  .pdr-7 {
    padding-right: 7em;
  }

  .pdb-7 {
    padding-bottom: 7em;
  }

  .pdl-7 {
    padding-left: 7em;
  }
}
@media only screen and (max-width: 740px) {
  .mgt-7-sp {
    margin-top: 7em;
  }

  .mgr-7-sp {
    margin-right: 7em;
  }

  .mgb-7-sp {
    margin-bottom: 7em;
  }

  .mgl-7-sp {
    margin-left: 7em;
  }

  .pdt-7-sp {
    padding-top: 7em;
  }

  .pdr-7-sp {
    padding-right: 7em;
  }

  .pdb-7-sp {
    padding-bottom: 7em;
  }

  .pdl-7-sp {
    padding-left: 7em;
  }
}

.fz10 {
  font-size: 10px;
}

.fz11 {
  font-size: 11px;
}

.fz12 {
  font-size: 12px;
}

.fz13 {
  font-size: 13px;
}

.fz14 {
  font-size: 14px;
}

.fz15 {
  font-size: 15px;
}

.fz16 {
  font-size: 16px;
}

.fz17 {
  font-size: 17px;
}

.fz18 {
  font-size: 18px;
}

.fz19 {
  font-size: 19px;
}

.fz20 {
  font-size: 20px;
}

.fz21 {
  font-size: 21px;
}

.fz22 {
  font-size: 22px;
}

.fz23 {
  font-size: 23px;
}

.fz24 {
  font-size: 24px;
}

.fz25 {
  font-size: 25px;
}

.fz26 {
  font-size: 26px;
}

.fz27 {
  font-size: 27px;
}

.fz28 {
  font-size: 28px;
}

.fz29 {
  font-size: 29px;
}

.fz30 {
  font-size: 30px;
}

.fz31 {
  font-size: 31px;
}

.fz32 {
  font-size: 32px;
}

.fz33 {
  font-size: 33px;
}

.fz34 {
  font-size: 34px;
}

.fz35 {
  font-size: 35px;
}

.fz36 {
  font-size: 36px;
}

.fz37 {
  font-size: 37px;
}

.fz38 {
  font-size: 38px;
}

.fz39 {
  font-size: 39px;
}

.fz40 {
  font-size: 40px;
}

.fz41 {
  font-size: 41px;
}

.fz42 {
  font-size: 42px;
}

.fz43 {
  font-size: 43px;
}

.fz44 {
  font-size: 44px;
}

.fz45 {
  font-size: 45px;
}

.fz46 {
  font-size: 46px;
}

.fz47 {
  font-size: 47px;
}

.fz48 {
  font-size: 48px;
}

.fz49 {
  font-size: 49px;
}

.fz50 {
  font-size: 50px;
}

.fz51 {
  font-size: 51px;
}

.fz52 {
  font-size: 52px;
}

.fz53 {
  font-size: 53px;
}

.fz54 {
  font-size: 54px;
}

.fz55 {
  font-size: 55px;
}

.fz56 {
  font-size: 56px;
}

.fz57 {
  font-size: 57px;
}

.fz58 {
  font-size: 58px;
}

.fz59 {
  font-size: 59px;
}

.fz60 {
  font-size: 60px;
}

.fz61 {
  font-size: 61px;
}

.fz62 {
  font-size: 62px;
}

.fz63 {
  font-size: 63px;
}

.fz64 {
  font-size: 64px;
}

.fz65 {
  font-size: 65px;
}

.fz66 {
  font-size: 66px;
}

.fz67 {
  font-size: 67px;
}

.fz68 {
  font-size: 68px;
}

.fz69 {
  font-size: 69px;
}

.fz70 {
  font-size: 70px;
}

@media print, screen and (min-width: 768px) {
  .fz9-pc {
    font-size: 9px;
  }

  .fz10-pc {
    font-size: 10px;
  }

  .fz11-pc {
    font-size: 11px;
  }

  .fz12-pc {
    font-size: 12px;
  }

  .fz13-pc {
    font-size: 13px;
  }

  .fz14-pc {
    font-size: 14px;
  }

  .fz15-pc {
    font-size: 15px;
  }

  .fz16-pc {
    font-size: 16px;
  }

  .fz17-pc {
    font-size: 17px;
  }

  .fz18-pc {
    font-size: 18px;
  }

  .fz19-pc {
    font-size: 19px;
  }

  .fz20-pc {
    font-size: 20px;
  }

  .fz21-pc {
    font-size: 21px;
  }

  .fz22-pc {
    font-size: 22px;
  }

  .fz23-pc {
    font-size: 23px;
  }

  .fz24-pc {
    font-size: 24px;
  }

  .fz25-pc {
    font-size: 25px;
  }

  .fz26-pc {
    font-size: 26px;
  }

  .fz27-pc {
    font-size: 27px;
  }

  .fz28-pc {
    font-size: 28px;
  }

  .fz29-pc {
    font-size: 29px;
  }

  .fz30-pc {
    font-size: 30px;
  }

  .fz31-pc {
    font-size: 31px;
  }

  .fz32-pc {
    font-size: 32px;
  }

  .fz33-pc {
    font-size: 33px;
  }

  .fz34-pc {
    font-size: 34px;
  }

  .fz35-pc {
    font-size: 35px;
  }

  .fz36-pc {
    font-size: 36px;
  }

  .fz37-pc {
    font-size: 37px;
  }

  .fz38-pc {
    font-size: 38px;
  }

  .fz39-pc {
    font-size: 39px;
  }

  .fz40-pc {
    font-size: 40px;
  }

  .fz41-pc {
    font-size: 41px;
  }

  .fz42-pc {
    font-size: 42px;
  }

  .fz43-pc {
    font-size: 43px;
  }

  .fz44-pc {
    font-size: 44px;
  }

  .fz45-pc {
    font-size: 45px;
  }

  .fz46-pc {
    font-size: 46px;
  }

  .fz47-pc {
    font-size: 47px;
  }

  .fz48-pc {
    font-size: 48px;
  }

  .fz49-pc {
    font-size: 49px;
  }

  .fz50-pc {
    font-size: 50px;
  }

  .fz51-pc {
    font-size: 51px;
  }

  .fz52-pc {
    font-size: 52px;
  }

  .fz53-pc {
    font-size: 53px;
  }

  .fz54-pc {
    font-size: 54px;
  }


  .fz55-pc {
    font-size: 55px;
  }

  .fz56-pc {
    font-size: 56px;
  }

  .fz57-pc {
    font-size: 57px;
  }

  .fz58-pc {
    font-size: 58px;
  }

  .fz59-pc {
    font-size: 59px;
  }

  .fz60-pc {
    font-size: 60px;
  }

  .fz61-pc {
    font-size: 61px;
  }

  .fz62-pc {
    font-size: 62px;
  }

  .fz63-pc {
    font-size: 63px;
  }

  .fz64-pc {
    font-size: 64px;
  }

  .fz65-pc {
    font-size: 65px;
  }

  .fz66-pc {
    font-size: 66px;
  }

  .fz67-pc {
    font-size: 67px;
  }

  .fz68-pc {
    font-size: 68px;
  }

  .fz69-pc {
    font-size: 69px;
  }

  .fz70-pc {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .fz9-sp {
    font-size: 9px;
  }

  .fz10-sp {
    font-size: 10px;
  }

  .fz11-sp {
    font-size: 11px;
  }

  .fz12-sp {
    font-size: 12px;
  }

  .fz13-sp {
    font-size: 13px;
  }

  .fz14-sp {
    font-size: 14px;
  }

  .fz15-sp {
    font-size: 15px;
  }

  .fz16-sp {
    font-size: 16px;
  }

  .fz17-sp {
    font-size: 17px;
  }

  .fz18-sp {
    font-size: 18px;
  }

  .fz19-sp {
    font-size: 19px;
  }

  .fz20-sp {
    font-size: 20px;
  }

  .fz21-sp {
    font-size: 21px;
  }

  .fz22-sp {
    font-size: 22px;
  }

  .fz23-sp {
    font-size: 23px;
  }

  .fz24-sp {
    font-size: 24px;
  }

  .fz25-sp {
    font-size: 25px;
  }

  .fz26-sp {
    font-size: 26px;
  }

  .fz27-sp {
    font-size: 27px;
  }

  .fz28-sp {
    font-size: 28px;
  }

  .fz29-sp {
    font-size: 29px;
  }

  .fz30-sp {
    font-size: 30px;
  }

  .fz31-sp {
    font-size: 31px;
  }

  .fz32-sp {
    font-size: 32px;
  }

  .fz33-sp {
    font-size: 33px;
  }

  .fz34-sp {
    font-size: 34px;
  }

  .fz35-sp {
    font-size: 35px;
  }

  .fz36-sp {
    font-size: 36px;
  }

  .fz37-sp {
    font-size: 37px;
  }

  .fz38-sp {
    font-size: 38px;
  }

  .fz39-sp {
    font-size: 39px;
  }

  .fz40-sp {
    font-size: 40px;
  }

  .fz41-sp {
    font-size: 41px;
  }

  .fz42-sp {
    font-size: 42px;
  }

  .fz43-sp {
    font-size: 43px;
  }

  .fz44-sp {
    font-size: 44px;
  }

  .fz45-sp {
    font-size: 45px;
  }

  .fz46-sp {
    font-size: 46px;
  }

  .fz47-sp {
    font-size: 47px;
  }

  .fz48-sp {
    font-size: 48px;
  }

  .fz49-sp {
    font-size: 49px;
  }

  .fz50-sp {
    font-size: 50px;
  }

  .fz51-sp {
    font-size: 51px;
  }

  .fz52-sp {
    font-size: 52px;
  }

  .fz53-sp {
    font-size: 53px;
  }

  .fz54-sp {
    font-size: 54px;
  }

  .fz55-sp {
    font-size: 55px;
  }

  .fz56-sp {
    font-size: 56px;
  }

  .fz57-sp {
    font-size: 57px;
  }

  .fz58-sp {
    font-size: 58px;
  }

  .fz59-sp {
    font-size: 59px;
  }

  .fz60-sp {
    font-size: 60px;
  }

  .fz61-sp {
    font-size: 61px;
  }

  .fz62-sp {
    font-size: 62px;
  }

  .fz63-sp {
    font-size: 63px;
  }

  .fz64-sp {
    font-size: 64px;
  }

  .fz65-sp {
    font-size: 65px;
  }

  .fz66-sp {
    font-size: 66px;
  }

  .fz67-sp {
    font-size: 67px;
  }

  .fz68-sp {
    font-size: 68px;
  }

  .fz69-sp {
    font-size: 69px;
  }

  .fz70-sp {
    font-size: 70px;
  }
}
.hide-all {
  display: none;
}
@media print, screen and (min-width: 741px) {
  .hide-pc {
    display: none;
  }
}
@media only screen and (max-width: 740px) {
  .hide-sp {
    display: none;
  }
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.ver-b {
	vertical-align: bottom;
}

/*yahoo地図用*/
#y-map img{
	max-width: none!important;
}
/*yahoo地図用ここまで*/

.form-comment {
  color: #c00;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 741px) {
  .form-comment {
   float: right;
   width: 450px;
   margin-right: 20px;
  }
}
    
/*同意ボタン*/
#pripoli-wrap {
  margin-top: 30px; margin-bottom: 50px;
  display: inline-block; width: 100%; text-align: center;
}
#pripoli-wrap .pripoli-lead{text-align: left;}
#pripoli-wrap a { color: #3600d9; text-decoration: underline; }
#pripoli-wrap .input-required { background-color: #FEE; }
#pripoli-wrap input[type="checkbox"] { display: none; }
#pripoli-wrap input[type="checkbox"]:checked + .pripoli-label { background-color: #EFEFEF !important; }
#pripoli-wrap .pripoli-label {
  border: 2px solid #F00; font-weight: bold; padding: 15px 20px 15px 40px; position: relative;
  display: inline-block; width: auto;
}
#pripoli-wrap .pripoli-label:before, #pripoli-wrap .pripoli-label:after {
  content: "";
  transition: all 0.2s linear;
  position: absolute;
  left: 10px;
}
#pripoli-wrap .pripoli-label:before {
  top: 0; bottom: 0; margin: auto;
  border: 2px solid #BBB;
  height: 16px; width: 16px;
  background-color: #FFF;
}
#pripoli-wrap .pripoli-label:after {
  top: -5px; bottom: 0; margin: auto; opacity: 0;
  height: 10px; width: 17px;                
  border-left: 4px solid #634930;
  border-bottom: 4px solid #634930;
  box-sizing: border-box;
}
#pripoli-wrap input[type="checkbox"]:checked + .pripoli-label:after {
  opacity: 1;
  height: 10px;  width: 17px;
  border-left: 4px solid #634930;
  border-bottom: 4px solid #634930;
  transform: rotate(-45deg);
}
@media only screen and (max-width: 740px){
  #pripoli-wrap { margin-bottom: 30px; }
}