@charset "UTF-8";
/* レンタルスペース独自 */
/* //レンタルスペース独自 */
html {
  overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

img {
  vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

del, ins {
  text-decoration: none; }

/* --- 共通 --- */
#rentalspace .slidemain .photo .inner, #kominaka-ryokan .slidemain .photo .inner {
  /*&.p02{
    background: url("../images/usui/slide-u-2.jpg") center center;
  }*/ }
  #rentalspace .slidemain .photo .inner.p01, #kominaka-ryokan .slidemain .photo .inner.p01 {
    background: url("../images/usui/slide-u-1.jpg") center center; }
  #rentalspace .slidemain .photo .inner.p03, #kominaka-ryokan .slidemain .photo .inner.p03 {
    background: url("../images/usui/slide-u-3.jpg") center center; }
  #rentalspace .slidemain .photo .inner.p04, #kominaka-ryokan .slidemain .photo .inner.p04 {
    background: url("../images/usui/slide-u-4.jpg") center center; }
  #rentalspace .slidemain .photo .inner.p05, #kominaka-ryokan .slidemain .photo .inner.p05 {
    background: url("../images/usui/slide-u-5.jpg") center center; }
  #rentalspace .slidemain .photo .inner.p06, #kominaka-ryokan .slidemain .photo .inner.p06 {
    background: url("../images/usui/slide-u-6.jpg") center center; }
  #rentalspace .slidemain .photo .inner.p07, #kominaka-ryokan .slidemain .photo .inner.p07 {
    background: url("../images/usui/slide-u-7.jpg") center center; }

.wrapper {
  width: 100%;
  max-width: 2800px;
  background-repeat: repeat;
  background-position: center top;
  background-image: url("../../kominka/images/bg.jpg"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .wrapper {
      background-image: url("../../kominka/images/bg@2x.jpg");
      background-size: 100%; } }

.contents {
  padding-top: 50px;
  padding-bottom: 50px; }
  .contents .ttl-en {
    text-align: center; }

.usui-1 {
  width: 100%;
  position: relative;
  margin-top: 3rem; }
  .usui-1 .usui-1-img {
    width: 100%; }
    .usui-1 .usui-1-img img {
      width: 100%;
      height: auto; }
  .usui-1 .usui-1-txt {
    width: 90%;
    max-width: 680px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%); }
    .usui-1 .usui-1-txt .u-t-1 {
      width: 100%;
      height: auto; }
    .usui-1 .usui-1-txt a {
      display: block;
      width: 80%;
      max-width: 280px;
      margin-top: 2rem;
      margin-right: auto;
      margin-left: auto;
      transition: .3s; }
      .usui-1 .usui-1-txt a:hover {
        opacity: .6; }
      .usui-1 .usui-1-txt a img {
        width: 100%;
        height: auto; }

.usui-photo {
  width: 100%;
  margin-top: 3rem; }
  .usui-photo .photo-ttl {
    width: 90%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto; }
    .usui-photo .photo-ttl img {
      width: 100%;
      height: auto; }
  .usui-photo .photo-img {
    width: 100%; }
    .usui-photo .photo-img img {
      width: 100%;
      height: auto; }

/*slider*/
#overraySlide_container {
  width: 100%;
  height: 100vh;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 1s ease 0s opacity;
  transition: 1s ease 0s opacity;
  display: none\0; }
  #overraySlide_container.active {
    opacity: 1;
    pointer-events: auto;
    display: block\0; }

.overraySlide_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8); }

.overraySlide_inner {
  width: 80%;
  max-width: 1000px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media (max-width: 600px) {
    .overraySlide_inner {
      width: 85%; } }

.overraySlider {
  width: 100%;
  position: relative;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  border-radius: 4px;
  overflow: hidden; }

.overraySlider_pic {
  position: relative;
  display: inline-block; }
  .overraySlider_pic .caption {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #FFFFFF; }

.overraySlider img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  outline: none;
  display: block; }

.overraySlider_close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  -webkit-transition: 0.5s ease 0s transform;
  transition: 0.5s ease 0s transform; }
  .overraySlider_close:hover {
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .overraySlider_close img {
    width: 100%;
    height: auto; }

@media screen and (max-height: 700px) {
  .overraySlide_inner {
    -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8);
    transform: translate(-50%, -50%) scale(0.8, 0.8);
    /*    -webkit-transform: translate(-50%, -50%) scale(0.75, 0.75);
        transform: translate(-50%, -50%) scale(0.75, 0.75);*/ } }
@media screen and (max-height: 530px) {
  .overraySlide_inner {
    -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
    transform: translate(-50%, -50%) scale(0.5, 0.5); } }
.ors-box {
  background: #000; }
  .ors-box .ors-img {
    position: relative;
    width: 100%; }
    .ors-box .ors-img img {
      width: 100%;
      height: auto; }
    .ors-box .ors-img .cap {
      position: absolute;
      bottom: 3px;
      right: 3px;
      font-size: .625rem;
      line-height: 1; }
    .ors-box .ors-img .fff {
      color: #fff; }