@charset "utf-8";

/*------------------------------------
wordpress native css
------------------------------------*/

strong {
font-weight: bold;
}

em {
font-style: italic;
}

blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}

.aligncenter {
display: block;
margin: 0 auto;
}

.alignright {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
 
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
max-width: 100%;
}

.clearfix {
overflow: hidden;
zoom: 1;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}

/* 1350px以上：デスクトップPC */

/*-----------------------------------------
Plugins Custom Css
-----------------------------------------*/

/* bxslider */

.bxslider-style-custom .bx-wrapper {
border: none;
box-shadow: none;
margin-bottom: 0;
}

.bxslider-style-custom .bxslider li {
height: 90vh;
position: relative;
}

.bxslider-style-custom .bxslider li img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;'
}

.bxslider-style-custom .bx-wrapper .bx-caption {
background-color: rgba(0,0,0,0);
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
/* flexbox */
-js-display: flex;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.bxslider-style-custom .bx-wrapper .bx-caption span {
color: #fff;
display: block;
font-size: 26px;
line-height: 26px;
font-family: "YakuHanJPs", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
letter-spacing: 0.2em;
}

.bxslider-style-custom .bx-wrapper .bxslider li:first-child .bx-caption:before {
content: "";
display: block;
width: 100%;
max-width: 550px;
height: 344px;
background-image: url(img/sg-top-slider-slogun-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain;

}

.bxslider-style-custom .bx-wrapper .bxslider li:last-child .bx-caption:before {
content: "";
display: block;
width: 100%;
max-width: 550px;
height: 344px;
background-image: url(img/sg-top-slider-slogun-2.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain;

}


.bxslider-style-custom .bx-wrapper .bx-prev {
left: 50px;
background: url('./img/sg-top-slider-arrow-left.png') no-repeat;
background-size: 60px 18px;
-moz-background-size: 60px 18px;
-webkit-background-size: 60px 18px;
-o-background-size: 60px 18px;
-ms-background-size: 60px 18px;
}

.bxslider-style-custom .bx-wrapper .bx-next {
right: 50px;
background: url('./img/sg-top-slider-arrow-right.png') no-repeat;
background-size: 60px 18px;
-moz-background-size: 60px 18px;
-webkit-background-size: 60px 18px;
-o-background-size: 60px 18px;
-ms-background-size: 60px 18px;
}

.bxslider-style-custom .bx-wrapper .bx-controls-direction a {
width: 60px;
height: 18px;
}

.bxslider-style-custom .bx-wrapper .bx-next:hover, .bxslider-style-custom .bx-wrapper .bx-next:focus {
background-position: 0 0;
}

/* .bxslider-style-custom2 */

.bxslider-style-custom2 .bx-wrapper {
border: none;
box-shadow: none;
margin-bottom: 0;
}

.bxslider-style-custom2 .bx-wrapper .bx-pager.bx-default-pager a {
background: #ddd1e7;
width: 15px;
height: 15px;
-moz-border-radius: 7.5px;
-webkit-border-radius: 7.5px;
border-radius: 7.5px;
}

.bxslider-style-custom2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bxslider-style-custom2 .bx-wrapper .bx-pager.bx-default-pager a.active,
.bxslider-style-custom2 .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #9b68a9;
}

/* google translate */

.goog-te-gadget-simple {
background-color: transparent !important;
border: none !important;
font-family: "YakuHanJPs", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

.goog-te-gadget-icon {
display: none !important;
}

.google-translate-btn {
width: 110px;
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
top: 120px;
right: 30px;
border: 1px solid #c9caca;
z-index: 998;
background-color: #ffffff;
}

.sg-google-translate .google-translate-btn {
width: 110px;
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
top: 55px;
right: 30px;
border: 1px solid #c9caca;
z-index: 998;
background-color: #ffffff;
}

.goog-te-banner-frame.skiptranslate {
display: none !important;
} 

/* contact form7 */

.wpcf7 span.wpcf7-not-valid-tip {
display: block;
position: static;
top: 0;
left: 0;
border: none;
color: #B94A48;
font-size: 12px;
margin-top: 5px;
}

.wpcf7 .wpcf7-response-output {
margin: 10px 0 0;
padding: 8px 35px 8px 14px;
font-size: 14px;
line-height: 24px;
}

/*-----------------------------------------
Common
-----------------------------------------*/

body {
font-family: "YakuHanJPs",  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
top: 0px !important;
}

.container-inner-960 {
width: 960px;
margin: 0 auto;
}

.container-inner-1100 {
width: 1100px;
margin: 0 auto;
}

.container-inner-800 {
width: 800px;
margin: 0 auto;
}

.container-inner-850 {
width: 850px;
margin: 0 auto;
}

.container-inner-700 {
width: 700px;
margin: 0 auto;
}

.text-blue {
color: #256da8;
}

.mg-bt-170-45 {
margin-bottom: 170px;
}

/*-----------------------------------------
Header
-----------------------------------------*/

.header {
width: 100%;
}

.header:after {
content: "";
display: block;
clear: both;
}

.header-item1 {
float: left;
}

.header-item2 {
float: right;
}

/* logo */

.header-item1 h1 {
float: left;
margin-right: 15px;
}

.header-item1 h1 a img {
width: 250px;
height: 100px;
}

/* global navigation */

.nav {
float: left;
}

.nav li {
display: block;
float: left;
}

.nav li a {
display: block;
text-decoration: none;
color: #231815;
text-align: center;
}

.nav li a:hover {
background-color: #eeeeee;
}

.sg-nav li a {
font-size: 12px;
padding: 28px 15px;
}

.sg-nav li a:before {
content: "";
display: block;
margin: 0 auto 20px auto;
}

.tmsm-nav li a {
font-size: 16px;
padding: 31.175px 15px;
}

.tmsm-nav li a:after {
content: "";
display: block;
}

/* navigation back */

.hotels:before {
width: 62.5px;
height: 12px;
background-image: url(img/sg-header-nav-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 62.5px 12px;
}

.news:before {
width: 114px;
height: 12px;
background-image: url(img/sg-header-nav-4.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 114px 12px;
}

.blog:before {
width: 96px;
height: 12px;
background-image: url(img/sg-header-nav-5.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 96px 12px;
}

.movie:before {
width: 54.5px;
height: 12px;
background-image: url(img/sg-header-nav-2.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 54.5px 12px;
}

.point:before {
width: 54.5px;
height: 12px;
background-image: url(img/sg-header-nav-3.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 54.5px 12px;
}

/* tm & sm header */

.rooms:after {
width: 44px;
height: 8.5px;
background-image: url(img/cm-header-nav-rooms.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 44px 8.5px;
margin: 12px auto 0 auto;
}

.service:after {
width: 115px;
height: 8.5px;
background-image: url(img/cm-header-nav-service.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 115px 8.5px;
margin: 12px auto 0 auto;
}

.location:after {
width: 63px;
height: 8.5px;
background-image: url(img/cm-header-nav-location.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 63px 8.5px;
margin: 12px auto 0 auto;
}

.access:after {
width: 42.5px;
height: 8.5px;
background-image: url(img/cm-header-nav-access.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 42.5px 8.5px;
margin: 12px auto 0 auto;
}

.fq:after {
width: 28.5px;
height: 10.5px;
background-image: url(img/cm-header-nav-fq.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 28.5px 10.5px;
margin: 12px auto 0 auto;
}

.fq {
padding-bottom: 29.175px !important;
}

/* sg-header-info */

.header-hotel-info li {
display: block;
text-align: center;
margin-right: 30px;
padding: 14px 0;
float: left;
}

.header-hotel-info li a {
text-decoration: none;
color: #231815;
}

.header-hotel-info li:last-child {
margin-right: 170px;
}

.header-hotel-info li img {
margin-bottom: 6px;
}

.hotel-address {
font-size: 13px;
margin-bottom: 5px;
}

.hotel-tel {
font-size: 17px;
}

/* header-info */

.header-info-wrap {
padding: 27px 0;
letter-spacing: -.4em;
}

.header-info-item1 {
margin-right: 30px;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}

.header-info-item2 {
margin-right: 30px;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}

.header-info-item1 p:nth-child(1) {
color: #231815;
font-size: 13px;
margin-bottom: 12px;
}

.header-info-item1 p span {
display: inline-block;
color: #231815;
font-size: 12px;
padding: 3px 6px;
border: solid 1px #9e9f9f;
margin-right: 10px;
}

.header-info-item2 a img {
width: 185px;
height: 15px;
}

/* sub navigation */

.sub-nav {
margin-top: 17px;
}

.sub-nav li {
display: block;
float: left;
margin-right: 15px;
}

.sub-nav li:last-child {
margin-right: 0;
}

.sub-nav li a {
display: block;
text-decoration: none;
color: #231815;
font-size: 12px;
}

/*-----------------------------------------
LT SG Header
-----------------------------------------*/

.lt-sg-header {
display: none;
}

/* logo */

.lt-sg-header .header-item1 h1 {
float: left;
margin-right: 15px;
}

.lt-sg-header .header-item1 h1 a img {
width: 192px;
height: 80px;
}

.lt-sg-header .sg-nav li a {
font-size: 11px;
padding: 22px 10px;
}


.lt-sg-header .sg-nav li a:before {
content: "";
display: block;
margin: 0 auto 14px auto;
}

.lt-sg-header .hotels:before {
width: 62.5px;
height: 11px;
background-image: url(img/sg-header-nav-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

.lt-sg-header .news:before {
width: 100px;
height: 11px;
background-image: url(img/sg-header-nav-4.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

.lt-sg-header .movie:before {
width: 54px;
height: 11px;
background-image: url(img/sg-header-nav-2.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

.lt-sg-header .point:before {
width: 50px;
height: 11px;
background-image: url(img/sg-header-nav-3.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

/* sg-header-info */

.lt-sg-header .header-hotel-info li {
display: block;
text-align: center;
margin-right: 20px;
padding: 10.5px 0;
float: left;
}

.lt-sg-header .header-hotel-info li:last-child {
margin-right: 170px;
}

.lt-sg-header .header-hotel-info li img {
margin-bottom: 8px;
}

.lt-sg-header .hotel-address {
font-size: 10px;
margin-bottom: 8px;
}

.lt-sg-header .hotel-tel {
font-size: 18px;
}

/*-----------------------------------------
TB SG Header
-----------------------------------------*/

.tb-sg-header {
display: none;
}

/* logo */

.tb-sg-header .header-item1 h1 {
float: left;
margin-right: 10px;
}

.tb-sg-header .header-item1 h1 a img {
width: 160px;
height: 70px;
}

.tb-sg-header .sg-nav li a {
font-size: 10px;
padding: 20.5px 7px;
}


.tb-sg-header .sg-nav li a:before {
content: "";
display: block;
margin: 0 auto 10px auto;
}

.tb-sg-header .hotels:before {
width: 50px;
height: 9px;
background-image: url(img/sg-header-nav-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

.tb-sg-header .news:before {
width: 80px;
height: 9px;
background-image: url(img/sg-header-nav-4.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

.tb-sg-header .movie:before {
width: 43px;
height: 9px;
background-image: url(img/sg-header-nav-2.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

.tb-sg-header .point:before {
width: 43px;
height: 9px;
background-image: url(img/sg-header-nav-3.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

/* sg-header-info */

.tb-sg-header .header-hotel-info li {
display: block;
text-align: center;
margin-right: 15px;
padding: 10px 0;
float: left;
}

.tb-sg-header .header-hotel-info li:last-child {
margin-right: 170px;
}

.tb-sg-header .header-hotel-info li img {
margin-bottom: 6px;
}

.tb-sg-header .hotel-address {
font-size: 8px;
margin-bottom: 6px;
}

.tb-sg-header .hotel-tel {
font-size: 18px;
}

/*-----------------------------------------
LT Header
-----------------------------------------*/

.lt-header {
width: 100%;
display: none;
}

.lt-header:after {
content: "";
display: block;
clear: both;
}

.lt-header .header-item1 {
float: left;
}

.lt-header .header-item2 {
float: right;
}

.lt-header .header-item1 h1 {
float: left;
margin-right: 15px;
}

.lt-header .header-item1 h1 a img {
width: 192px;
height: 80px;
}

.nav li a:hover {
background-color: #eeeeee;
}

.lt-header .tmsm-nav li a {
font-size: 14px;
padding: 23px 12px;
}

.lt-header .rooms:after {
width: 40px;
height: 8px;
background-image: url(img/cm-header-nav-rooms.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 12px auto 0 auto;
}

.lt-header .service:after {
width:110px;
height: 8px;
background-image: url(img/cm-header-nav-service.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 12px auto 0 auto;
}

.lt-header .location:after {
width: 55px;
height: 8px;
background-image: url(img/cm-header-nav-location.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 12px auto 0 auto;
}

.lt-header .access:after {
width: 50px;
height: 8px;
background-image: url(img/cm-header-nav-access.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 12px auto 0 auto;
}

.lt-header .fq:after {
width: 35px;
height: 10px;
background-image: url(img/cm-header-nav-fq.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 12px auto 0 auto;
}

.lt-header .fq {
padding-bottom: 21px !important;
}


.lt-header .header-info-wrap {
padding: 18px 0;
letter-spacing: -.4em;
}

.lt-header .header-info-item1 {
margin-right: 25px;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}

.lt-header .header-info-item2 {
margin-right: 30px;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}

.lt-header .header-info-item1 p:nth-child(1) {
color: #231815;
font-size: 12px;
margin-bottom: 12px;
}

.lt-header .header-info-item1 p span {
display: inline-block;
color: #231815;
font-size: 12px;
padding: 3px 6px;
border: solid 1px #9e9f9f;
margin-right: 10px;
}

.lt-header .header-info-item2 a img {
width: 180px;
height: 15px;
}

.lt-header .sub-nav {
margin-top: 15px;
}

.lt-header .sub-nav li {
display: block;
float: left;
margin-right: 10px;
}

.lt-header .sub-nav li:last-child {
margin-right: 0;
}

.lt-header .sub-nav li a {
display: block;
text-decoration: none;
color: #231815;
font-size: 12px;
}

/*-----------------------------------------
TB Header
-----------------------------------------*/

.tb-header {
width: 100%;
display: none;
}

.tb-header:after {
content: "";
display: block;
clear: both;
}

.tb-header .header-item1 {
float: left;
}

.tb-header .header-item2 {
float: right;
}

.tb-header .header-item1 h1 {
float: left;
margin-right: 10px;
}

.tb-header .header-item1 h1 a img {
width: 160px;
height: 70px;
}

.tb-header .tmsm-nav li a {
font-size: 12px;
padding: 20px 7px;
}

.tb-header .rooms:after {
width: 30px;
height: 6px;
background-image: url(img/cm-header-nav-rooms.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px auto 0 auto;
}

.tb-header .service:after {
width: 80px;
height: 6px;
background-image: url(img/cm-header-nav-service.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px auto 0 auto;
}

.tb-header .location:after {
width: 40px;
height: 6px;
background-image: url(img/cm-header-nav-location.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px auto 0 auto;
}

.tb-header .access:after {
width: 40px;
height: 6px;
background-image: url(img/cm-header-nav-access.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px auto 0 auto;
}

.tb-header .fq:after {
width: 30px;
height: 8px;
background-image: url(img/cm-header-nav-fq.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px auto 0 auto;
}

.tb-header .fq {
padding-bottom: 18px !important;
}

.tb-header .header-info-wrap {
padding: 15px 0;
letter-spacing: -.4em;
}

.tb-header .header-info-item1 {
margin-right: 20px;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}

.tb-header .header-info-item2 {
margin-right: 20px;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}

.tb-header .header-info-item1 p:nth-child(1) {
color: #231815;
font-size: 10px;
margin-bottom: 8px;
}

.tb-header .header-info-item1 p span {
display: inline-block;
color: #231815;
font-size: 10px;
padding: 2px 4px;
border: solid 1px #9e9f9f;
margin-right: 10px;
}

.tb-header .header-info-item2 a img {
width: 160px;
height: 13px;
}

.tb-header .sub-nav {
margin-top: 12px;
}

.tb-header .sub-nav li {
display: block;
float: left;
margin-right: 10px;
}

.tb-header .sub-nav li:last-child {
margin-right: 0;
}

.tb-header .sub-nav li a {
display: block;
text-decoration: none;
color: #231815;
font-size: 10px;
}

/*-----------------------------------------
SP Header
-----------------------------------------*/

.sp-header {
display: none;
width: 100%;
height: auto;
position: fixed;
top: 0;
z-index: 990;
}

.sp-header:after {
content: "";
display: block;
clear: both;
}

.sp-header-wrap a:nth-child(1) {
float: left;
}

.toggle-btn {
float: right;
margin-right: 15px;
}

/* navigation */

.sp-nav-wrap {
display: none;
width: 100%;
height: auto;
background-color: #ffffff;
position: fixed;
top: 0;
z-index: 995;
}

.sp-nav li {
border-top: 1px solid #c9caca;
}

.sp-nav li:last-child {
border-bottom: 1px solid #c9caca;
}

.sp-nav li a {
display: block;
text-decoration: none;
color: #231815;
font-size: 14px;
padding: 18px 25px;
}

.sp-close-btn {
display: block;
text-align: right;
}

.sp-logo {
display: block;
text-align: center;
padding: 20px 0;
background-color: #9b68a9;
}

.sp-logo img {
width: 140px;
height: 35px;
}

.sp-nav-btns {
padding: 15px 0;
border-top: 1px solid #c9caca;
}

.sp-nav-btns a {
display: block;
text-decoration: none;
font-size: 16px;
width: 250px;
padding: 18px 0;
text-align: center;
line-height: 24px;
margin: 0 auto;
}

.sp-nav-btns a:nth-child(1) {
color: #ffffff;
background-color: #9b68a9;
margin-bottom: 10px;
}

.sp-nav-btns a:nth-child(2) {
color: #9b68a9;
background-color: #ffffff;
border: 2px solid #9b68a9;
}

.sp-address {
color: #231815;
font-size: 14px;
line-height: 22px;
margin-top: 25px;
margin-bottom: 10px;
padding: 0 25px;
}

.sp-tel {
padding: 0 25px;
margin-bottom: 25px;
}

.sp-tel span {
display: inline-block;
color: #231815;
font-size: 13px;
border: 1px solid #9fa0a0;
padding: 3px 6px;
margin-bottom: 10px;
}

/*-----------------------------------------
Footer (index.html)
-----------------------------------------*/

.footer {
width: 100%;
height: auto;
background-color: #9b68a9;
padding: 60px 0 30px 0;
}

.footer-info-wrap {
width: 100%;
height: auto;
margin-bottom: 45px;
}

.footer-info-wrap:after {
content: "";
display: block;
clear: both;
}

.footer-item1 {
width: 290px;
float: left;
margin-right: 35px;
padding: 20px 0;
color: #ffffff;
font-size: 10px;
}

.footer-item2 a {
color: #ffffff;
}

.footer-item3 a {
color: #ffffff;
}

.footer-item1 img {
width: 220px;
height: 54px;
margin-top: 15px;
}

.footer-item2 {
width: 305px;
float: left;
margin-right: 40px;
border-right: 1px solid #ffffff;
padding: 20px 0;
color: #ffffff;
font-size: 11px;
line-height: 19px;
font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.footer-item3 {
width: 290px;
float: left;
padding: 20px 0;
color: #ffffff;
font-size: 11px;
line-height: 19px;
font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.footer ul {
margin-bottom: 30px;
}

.footer ul:after {
content: "";
display: block;
clear: both;
}

.footer ul li {
display: block;
float: left;
margin-right: 30px;
}

.footer ul li:last-child {
margin-right: 0;
}

.footer ul li a {
display: block;
color: #ffffff;
font-size: 12px;
text-decoration: none;
font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.copyright {
border-top: 1px solid #ffffff;
padding: 20px 0;
color: #ffffff;
font-size: 10px;
font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: center;
}

/*-----------------------------------------
TmSm-Footer (sub.html)
-----------------------------------------*/

.tmsm-footer {
width: 100%;
height: auto;
background-color: #9b68a9;
padding: 55px 0;
}

.tmsm-footer-wrap {
margin-bottom: 60px;
}

.tmsm-footer-wrap:after {
content: "";
display: block;
clear: both;
}

.tmsm-footer-item1 {
float: left;
}

.tmsm-footer-item2 {
float: right;
padding-top: 60px;
}

.tmsm-footer-item1 p:nth-child(1) {
font-size: 10px;
color: #ffffff;
}

.tmsm-footer-item1 p:nth-child(1) img {
margin: 12px 0 35px 0;
}

.tmsm-footer-item1 p:nth-child(2) {
font-size: 11px;
color: #ffffff;
line-height: 17px;
font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.tmsm-footer-item2 p {
border: 1px solid #ffffff;
color: #ffffff;
font-size: 14px;
font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding: 20px 30px;
}

.tmsm-footer-item2 span {
margin-right: 20px;
line-height: 23px;
}

/* Footer-menu */

.tmsm-footer-nav-wrap {
width: 100%;
height: auto;
padding-top: 25px;
padding-bottom: 30px;
border-top: 1px solid #ffffff;
}

.tmsm-footer-nav-wrap:after {
content: "";
display: block;
clear: both;
}

.tmsm-footer-nav {
float: left;
}

.tmsm-footer-subnav {
float: right;
}

.tmsm-footer-nav li, .tmsm-footer-subnav li {
display: block;
float: left;
margin-right: 30px;
}

.tmsm-footer-nav li a, .tmsm-footer-subnav li a {
display: block;
text-decoration: none;
color: #ffffff;
font-size: 12px;
font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.tmsm-footer-nav li:last-child, .tmsm-footer-subnav li:last-child {
margin-right: 0;
}

.tmsm-copyright {
color: #ffffff;
font-size: 10px;
text-align: right;
font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*-----------------------------------------
Top Visual (index.html)
-----------------------------------------*/

.top-visual-wrap {
width: 100%;
height: 1200px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.top-visual-wrap img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;'
}

.top-visual-wrap p {
color: #ffffff;
font-size: 30px;
line-height: 50px;
font-family: "YakuHanJPs", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
z-index: 1;
text-shadow: 0 0 20px #666666;
}

.top-visual-wrap .sm-checkout-text {
//color: #9b68a9 !important;
//text-shadow: #ffffff 2px 0px 2px, #ffffff -2px 0px 2px, #ffffff 0px -2px 2px, #ffffff -2px 0px 2px, #ffffff 2px 2px 2px, #ffffff -2px 2px 2px, #ffffff 2px -2px 2px, #ffffff -2px -2px 2px, #ffffff 1px 2px 2px, #ffffff -1px 2px 2px !important;
}

.checkout-text {
font-size: 20px !important;
}

.top-visual {
position: relative;
}

.top-visual-image {
object-fit: cover;
width: 100%;
height: 1700px;
}

/*----------------------------
Heading
----------------------------*/

.heading {
width: 100%;
padding: 180px 100px;
}

.heading h1 {
font-size: 20px;
color: #ffffff;
}

/* heading image "tomizawa" */

.tomi-rooms {
background-image: url(img/big-heading-back-tm-rooms.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.tomi-fq {
background-image: url(img/big-heading-back-tm-fq.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.tomi-inquiry {
background-image: url(img/big-heading-back-tm-inquiry.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.tm-rooms {
background-image: url(img/big-heading-back-rooms.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.tm-service {
background-image: url(img/big-heading-back-tm-service.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.sm-service {
background-image: url(img/big-heading-back-sm-service.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.tm-location {
background-image: url(img/big-heading-back-location.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.tm-access {
background-image: url(img/big-heading-back-access.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.tm-fq {
background-image: url(img/big-heading-back-fq.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.sm-recruit {
background-image: url(img/big-heading-back-recruit.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.tm-recruit {
background-image: url(img/big-heading-back-tm-recruit.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.tm-inquiry {
background-image: url(img/big-heading-back-inquiry.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.sm-location {
background-image: url(img/sm-location-heading.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

/* heading h1 */

.heading h1:before {
content: "";
display: block;
width: auto;
height: 40px;
margin-bottom: 30px;
}

.heading-rooms h1:before {
background-image: url(img/big-heading-rooms.png);
background-position: left center;
background-repeat: no-repeat;
background-size:contain;
}

.heading-service h1:before {
background-image: url(img/big-heading-service.png);
background-position: left center;
background-repeat: no-repeat;
background-size:contain;
}

.heading-location h1:before {
background-image: url(img/big-heading-location.png);
background-position: left center;
background-repeat: no-repeat;
background-size:contain;
}

.heading-access h1:before {
background-image: url(img/big-heading-access.png);
background-position: left center;
background-repeat: no-repeat;
background-size:contain;
}

.heading-inquiry h1:before {
background-image: url(img/big-heading-inquiry.png);
background-position: left center;
background-repeat: no-repeat;
background-size:contain;
}

.heading-recruit h1:before {
background-image: url(img/big-heading-recruit.png);
background-position: left center;
background-repeat: no-repeat;
background-size:contain;
}

.heading-fq h1:before {
background-image: url(img/big-heading-fq.png);
background-position: left center;
background-repeat: no-repeat;
background-size:contain;
}

/*----------------------------
Reservation Btn
----------------------------*/

.reservation-sp-wrap {
display: none;
}

/* top */
.reservation-toppage-wrap {
background-color: #ffffff;
padding: 30px 0;
box-shadow: 2px 2px 6px #bbbbbb;
}

/* sub */
.reservation-subpage-wrap {
background-color: #ffffff;
padding: 30px 0 110px 0;
}

/* footer */
.reservation-footer-wrap {
background-color: #ffffff;
padding: 0 0 50px 0;
}

.reservation-inner-wrap {
background-color: #ffffff;
border: 1px solid #c9caca;
letter-spacing: -0.4em;
padding: 30px 35px;
/* flex-box */
display: flex;
}

.reservation-inner-wrap:after {
content: "";
display: block;
clear: both;
}

.reservation-title {
/* flex-box */
-js-display: flex;
display: flex;
justify-content: center;
align-items: center;
}

.reservation-inner-wrap p {
display: inline-block;
width: 230px;
color: #231815;
font-size: 18px;
text-align: center;
vertical-align: middle;
letter-spacing: normal;
margin-right: 28px;
}

.reservation-inner-wrap p span {
content: "";
display: block;
width: auto;
height: 10px;
background-image: url(img/reservation-title.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
margin-top: 15px;
}

.reservation-inner-wrap a {
display: inline-block;
font-size: 18px;
line-height: 26px;
width: 300px;
padding: 22px 15px;
text-decoration: none;
text-align: center;
letter-spacing: normal;
/* flex-box */
-js-display: flex;
display: flex;
justify-content: center;
align-items: center;
}

.flat-btn {
color: #ffffff;
background-color: #9b68a9;
border: 2px solid #9b68a9;
margin-right: 30px;
}

.border-btn {
color: #9b68a9;
background-color: #ffffff;
border: 2px solid #9b68a9;
}

/*----------------------------
Hotel Banner (index.html )
----------------------------*/

/* Layout */

.hotel-wrap {
width: 100%;
height: auto;
background-color: #f6f4f9;
padding-top: 70px;
padding-bottom: 60px;
}

.hotel-wrap:after {
content: "";
display: block;
clear: both;
}

.top-visual-banner {
position: absolute;
bottom: 40px;
}

.hotel-item-1 {
width: 505px;
}

.hotel-item-2 {
width: 505px;
margin-bottom: 30px;
}

/* Image */

.hotel-image-1, .hotel-image-2 {
width: 100%;
height: auto;
}

/* Heading */

.hotel-wrap h2 {
text-align: center;
font-size: 12px;
color: #231815;
margin-bottom: 50px;
}

.hotel-wrap h2:before {
content: "";
display: block;
width: auto;
height: 35px;
background-image: url(img/sg-top-hotels-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 18px;
}

/* hotel detail layout */

.hotel-detail-wrap {
background-color: #9b68a9;
padding: 15px;
}

.hotel-detail-wrap:after {
content: "";
display: block;
clear: both;
}

.hotel-detail-item-1 {
float: left;
width: 300px;
text-align: center;
}

.hotel-detail-item-2 {
float: right;
}

/* hotel detail contents */

.hotel-detail-logo {
margin-top: 4px;
margin-bottom: 2px;
}

.hotel-detail-address {
text-align: center;
font-size: 13px;
line-height: 22px;
color: #ffffff;
margin-bottom: 5px;
}

/* hotel detail button */

.hotel-detail-btn-1 {
display: block;
color: #9b68a9;
font-size: 13px;
width: 175px;
padding-top: 12px;
padding-bottom: 12px;
background-color: #ffffff;
text-decoration: none;
text-align: center;
margin-bottom: 8px;
font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.hotel-detail-btn-2 {
display: block;
color: #ffffff;
font-size: 13px;
width: 175px;
padding-top: 12px;
padding-bottom: 12px;
background-color: #9b68a9;
border: 1px solid #ffffff;
text-decoration: none;
text-align: center;
font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*----------------------------
New Post (index.html )
----------------------------*/

.new-post-wrap {
width: 100%;
height: auto;
background-color: #ffffff;
padding-top: 100px;
padding-bottom: 100px;
}

.sub-top-new-post-wrap .new-post-wrap {
width: 100%;
height: auto;
background-color: #ffffff;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 100px;
}

.new-post-wrap:after {
content: "";
display: block;
clear: both;
}

.new-post-item-1 {
width: 100%;
}

.new-post-h3-1 {
font-size: 12px;
color: #231815;
position: relative;
margin-bottom: 40px;
}

.new-post-h3-1:before {
content: "";
display: block;
width: auto;
height: 25px;
background-image: url(img/sg-top-news-h3-1.png);
background-position: left center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 12px;
}

.new-post-h3-2 {
font-size: 12px;
color: #231815;
position: relative;
margin-bottom: 40px;
}

.new-post-h3-2:before {
content: "";
display: block;
width: auto;
height: 25px;
background-image: url(img/sg-top-news-h3-2.png);
background-position: left center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 12px;
}

.new-post-more-btn {
display: block;
width: 150px;
height: 50px;
background-image: url(img/sg-top-news-more.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
position: absolute;
top: 0;
right: 0;
}

.new-post-list li {
border-bottom: 1px solid #cccccc;
padding-top: 25px;
padding-bottom: 25px;
position: relative;
}

.new-post-list li:after {
content: "";
display: block;
clear: both;
}

.new-post-list li:first-child {
border-top: 1px solid #cccccc;
}

.new-post-list li img {
margin-right: 20px;
float: left;
width: 130px;
height: 100px;
}

.new-post-time {
font-size: 12px;
color: #898989;
margin-bottom: 5px;
}

.new-post-excerpt a {
font-size: 14px;
color: #231815;
line-height: 24px;
}

.new-post-icon {
display: block;
width: 30px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
background-image: url(img/sg-top-news-arrow.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

/* news list */

.news-list-title {
font-size: 21px;
color: #9b68a9;
margin-bottom: 100px;
text-align: center;
}

.news-list-title:before {
content: "";
display: block;
width: auto;
height: 40px;
background-image: url(img/cm-news-list-h1.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 30px;
}

.to-news-btn {
text-align: center;
margin-bottom: 440px;
}

.to-news-btn a {
font-size: 14px;
color: #231815;
display: inline-block;
width: 300px;
padding-top: 18px;
padding-bottom: 18px;
text-decoration: none;
border: 1px #b3b3b3 solid;
}

/* blog list */

.singlepage-h1 {
font-size: 21px;
color: #9b68a9;
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
}

.singlepage-h1:before {
content: "";
display: block;
width: auto;
height: 40px;
background-image: url(img/cm-news-list-h1.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 30px;
}

.singlepage-h2 {
font-size: 22px;
line-height: 28px;
color: #231815;
padding-bottom: 17px;
border-bottom: 1px solid #cccccc;
margin-bottom: 25px;
}

.singlepage-deta {
font-size: 15px;
color: #9b68a9;
margin-bottom: 20px;
}

.to-otherpage-btn {
text-align: center;
margin-top: 180px;
margin-bottom: 340px;
}

.to-otherpage-btn a {
font-size: 14px;
color: #231815;
display: inline-block;
width: 300px;
padding-top: 18px;
padding-bottom: 18px;
text-decoration: none;
border: 1px #b3b3b3 solid;
}

/* post-article */

.post-article {
width: 100%;
height: auto;
}

.post-article p {
font-size: 14px;
color: #231815;
line-height: 24px;
}

.post-article img {
width: 100%;
height: auto;
}

/*----------------------------
Point (index.html )
----------------------------*/

.point-wrap {
padding-top: 100px;
padding-bottom: 245px;
}

.point-one-wrap {
width: 100%;
height: auto;
margin-bottom: 90px;
}

.point-two-wrap {
width: 100%;
height: auto;
}

.point-one-wrap:after {
content: "";
display: block;
clear: both;
}

.point-two-wrap:after {
content: "";
display: block;
clear: both;
}

.point-wrap h2 {
text-align: center;
font-size: 12px;
color: #231815;
margin-bottom: 90px;
}

.point-wrap h2:before {
content: "";
display: block;
width: auto;
height: 35px;
background-image: url(img/sg-top-point-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 18px;
}

.point-one-wrap h3, .point-two-wrap h3 {
font-size: 12px;
color: #231815;
text-align: center;
margin-bottom: 18px;
}

.point-one-wrap h3:before {
content: "";
display: block;
height: 25px;
background-image: url(img/sg-top-point-h3-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.point-two-wrap h3:before {
content: "";
display: block;
height: 25px;
background-image: url(img/sg-top-point-h3-2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.point-one-sp-display, .point-two-sp-display {
display: none;
}

.point-one-pc-display img, .point-one-sp-display img, .point-two-pc-display img, .point-two-sp-display img {
width: 100%;
height: auto;
}

.point-one-wrap p, .point-two-wrap p {
font-size: 14px;
color: #231815;
text-align: center;
line-height: 26px;
margin-bottom: 40px;
}

.point-one-item-1, .point-two-item-1 {
width: 353px;
float: left;
margin-right: 20px;
}

.point-one-item-2, .point-two-item-2 {
width: 353px;
float: left;
margin-right: 20px;
}

.point-one-item-3, .point-two-item-3 {
width: 353px;
float: left;
}

/*----------------------------
Movie (index.html )
----------------------------*/

.movie-wrap {
padding-top: 70px;
padding-bottom: 80px;
background-color: #f6f4f9;
}

.movie-wrap h2 {
text-align: center;
font-size: 24px;
color: #231815;
margin-bottom: 20px;
}

.movie-wrap h2:before {
content: "";
display: block;
width: auto;
height: 35px;
background-image: url(img/sg-top-movie-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 25px;
}

.movie-wrap h3 {
font-size: 16px;
color: #231815;
text-align: center;
margin-bottom: 35px;
}

.movie-wrap p {
text-align: center;
font-size: 14px;
line-height: 26px;
color: #231815;
margin-bottom: 40px;
}

.video-wrap {
position: relative;
width: 100%;
height: 0;
padding-top: 56.36%;
}

.video-wrap .video-sorce video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.video-overlay-buttons {
position: absolute;
bottom: 65px;
left: 30px;
width: 220px;
height: 285px;
z-index: 2;
}

.video-overlay-buttons span {
display: block;
width: 190px;
text-align: center;
font-size: 16px;
color: #ffffff;
padding-top: 14.5px;
padding-bottom: 14.5px;
border: 1px solid #ffffff;
background-color: rgba(0,0,0,0.4);
margin-bottom: 15px;
cursor: pointer;
cursor: hand;
}

.re-video-overlay-buttons {
display: none;
overflow: hidden;
}

.re-video-overlay-buttons-item1 {
width: 50%;
padding-right: 2.5px;
margin-bottom: 5px;
float: left;
}

.re-video-overlay-buttons-item2 {
width: 50%;
padding-left: 2.5px;
margin-bottom: 5px;
float: right;
}

.re-video-overlay-buttons-item1 span, .re-video-overlay-buttons-item2 span {
display: block;
width: 100%;
text-align: center;
font-size: 12px;
color: #ffffff;
padding-top: 9px;
padding-bottom: 9px;
background-color: #9b68a9;
cursor: pointer;
cursor: hand;
}

/*-----------------------------------------
Hospitality (soma-top or tomizawa-top.html)
-----------------------------------------*/

.hospitality-wrap {
width: 100%;
height: auto;
margin-top: 70px;
margin-bottom: 90px;
}

.hospitality-wrap h2 {
font-size: 16px;
color: #231815;
margin-bottom: 65px;
text-align: center;
}

.hospitality-wrap h2:before {
content: "";
display: block;
width: auto;
height: 40px;
background-image: url(img/tmsm-top-hospitality-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 30px;
}

/* hospitality grid 1 */

.hospitality-grid1-wrap {
width: 100%;
height: auto;
margin-bottom: 10px;
}

.hospitality-grid1-wrap:after {
content: "";
display: block;
clear: both;
}

.hospitality-grid1-item-1 {
width: 50%;
height: 450px;
float: left;
padding-right: 10px;
}

/* image1 base*/

.hospitality-grid1-item-2 {
float: right;
width: 50%;
height: 450px;
}

.hospitality-grid1-item-2 .hospitality-grid1-image-tm {
width: auto;
height: 450px;
background-image: url(img/tm-top-hospitality-image-1.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}

.hospitality-grid1-item-2 .hospitality-grid1-image-sm {
width: auto;
height: 450px;
background-image: url(img/sm-top-hospitality-image-1.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}

/* image2 base */

.hospitality-grid2-image1 {
float: right;
}

.hospitality-grid2-image1 .hospitality-grid2-image1-tm {
width: 540px;
height: 350px;
background-image: url(img/tm-top-hospitality-image-2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}

.hospitality-grid2-image1 .hospitality-grid2-image1-sm {
width: 540px;
height: 350px;
background-image: url(img/sm-top-hospitality-image-2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}

/* image3 base */

.hospitality-grid2-image2 {
float: left;
}

.hospitality-grid2-image2 .hospitality-grid2-image2-tm {
width: 550px;
height: 350px;
background-image: url(img/tm-top-hospitality-image-3.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}

.hospitality-grid2-image2 .hospitality-grid2-image2-sm{
width: 550px;
height: 350px;
background-image: url(img/sm-top-hospitality-image-3.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}

/* text */

.hospitality-grid2-wrap {
width: 100%;
height: auto;
}

.hospitality-grid2-wrap:after {
content: "";
display: block;
clear: both;
}

.hospitality-grid2-item-1 {
width: 50%;
float: left;
padding-right: 10px;
}

.hospitality-grid2-item-2 {
width: 50%;
float: right;
}


.hospitality-grid1-text {
width: 540px;
height: 450px;
padding-top: 55px;
float: right;
}

.hospitality-grid1-text h3 {
font-size: 12px;
color: #231815;
margin-bottom: 50px;
text-align: center;
}

.hospitality-grid1-text h3:before {
content: "";
display: block;
width: auto;
height: 30px;
background-image: url(img/tmsm-top-hospitality-h3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.hospitality-grid1-text h4 {
font-size: 25px;
color: #231815;
line-height: 40px;
text-align: center;
margin-bottom: 25px;
}

.hospitality-grid1-text p {
text-align: center;
font-size: 14px;
line-height: 26px;
color: #231815;
}

/*-----------------------------------------
SP Hospitality (soma-top or tomizawa-top.html)
-----------------------------------------*/

.re-hospitality-wrap {
display: none;
}

.re-hospitality-wrap h2 {
font-size: 16px;
color: #231815;
margin-bottom: 65px;
text-align: center;
}

.re-hospitality-wrap h2:before {
content: "";
display: block;
width: auto;
height: 40px;
background-image: url(img/tmsm-top-hospitality-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 30px;
}

.re-hospitality-wrap h3 {
font-size: 12px;
color: #231815;
margin-bottom: 50px;
text-align: center;
}

.re-hospitality-wrap h3:before {
content: "";
display: block;
width: auto;
height: 30px;
background-image: url(img/tmsm-top-hospitality-h3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.re-hospitality-wrap h4 {
font-size: 25px;
color: #231815;
line-height: 40px;
text-align: center;
margin-bottom: 25px;
}

.re-hospitality-wrap p {
text-align: justify;
font-size: 14px;
line-height: 26px;
color: #231815;
margin-bottom: 40px;
}

.re-hospitality-grid2-wrap {
width: 100%;
height: auto;
}

.re-hospitality-grid2-wrap:after {
content: "";
display: block;
clear: both;
}

.re-hospitality-grid1-wrap {
width: 100%;
height: auto;
margin-bottom: 5px;
}

.re-hospitality-grid2-item-1 {
width: 50%;
height: auto;
float: left;
padding-right: 2.5px;
}

.re-hospitality-grid2-item-2 {
width: 50%;
height: auto;
float: left;
padding-left: 2.5px;
}

.re-hospitality-grid1-wrap img, .re-hospitality-grid2-item-1 img, .re-hospitality-grid2-item-2 img {
width: 100%;
height: auto;
}

/*-----------------------------------------
Room (tomizawa-top.html)
-----------------------------------------*/

.room-wrap {
margin-bottom: 80px;
}

.room-news {
font-size: 18px;
text-align: center;
color: red;
text-decoration: underline;
margin-bottom: 40px;
line-height: 28px;
}

.room-mb-40 {
margin-bottom: 40px !important;
padding-bottom: 0 !important;
}

.room-grid-wrap {
width: 100%;
height: auto;
}

.room-grid-wrap:after {
content: "";
display: block;
clear: both;
}

.room-grid-item-1 {
width: 50%;
float: left;
padding-right: 10px;
}

.room-grid-item-2 {
width: 50%;
float: right;
}

.room-grid-item-1 img {
width: 100%;
height: 450px;
object-fit: cover;
font-family: 'object-fit: cover;'
}

.room-grid-item-2 img {
width: 550px;
height: 450px;
}

.room-wrap h3 {
font-size: 12px;
color: #231815;
margin-bottom: 30px;
text-align: center;
}

.room-wrap h3:before {
content: "";
display: block;
width: auto;
height: 30px;
background-image: url(img/tmsm-top-rooms-h3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.room-wrap p {
text-align: center;
font-size: 14px;
line-height: 26px;
color: #231815;
margin-bottom: 40px;
}

/* to-room-top-btn */

.to-room-top-btn {
text-align: right;
margin-top: 30px;
display: block;
}

.to-room-top-btn a {
display: inline-block;
color: #231815;
font-size: 14px;
font-family: "YakuHanJPs", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
width: 200px;
padding-top: 18px;
padding-bottom: 18px;
background-image: url(img/tmsm-top-toroom-btn.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
text-decoration: none;
text-align: center;
border: 1px solid #b2b2b2;
}

/*-----------------------------------------
Facility (tomizawa-top.html)
-----------------------------------------*/

/* facility layout */

.facility-wrap {
margin-bottom: 100px;
}

.facility-grid-wrap {
width: 100%;
height: auto;
}

.facility-grid-wrap:after {
content: "";
display: block;
clear: both;
}

.facility-grid-item-1, .facility-grid-item-2 {
width: 360px;
float: left;
margin-right: 10px;
}

.facility-grid-item-3 {
width: 360px;
float: left;
}

.facility-grid-item-1 img, .facility-grid-item-2 img, .facility-grid-item-3 img {
width: 100%;
height: auto;
}

.facility-wrap h3 {
font-size: 12px;
color: #231815;
margin-bottom: 30px;
text-align: center;
}

.facility-wrap h3:before {
content: "";
display: block;
width: auto;
height: 30px;
background-image: url(img/tmsm-top-facility-h3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.facility-wrap p {
text-align: center;
font-size: 14px;
line-height: 26px;
color: #231815;
margin-bottom: 40px;
}

.to-facility-top-btn {
text-align: center;
margin-top: 30px;
display: block;
}

.to-facility-top-btn a {
display: inline-block;
color: #231815;
font-size: 14px;
font-family: "YakuHanJPs", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
width: 200px;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 15px;
background-image: url(img/tmsm-top-toroom-btn.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
text-decoration: none;
text-align: left;
border: 1px solid #b2b2b2;
}

/*-----------------------------------------
Information (tomizawa-top.html)
-----------------------------------------*/

.information-wrap {
margin-bottom: 30px;
}

.information-grid-wrap {
width: 100%;
height: auto;
}

.information-grid-wrap:after {
content: "";
display: block;
clear: both;
}

.information-grid-item-1, .information-grid-item-2, .information-grid-item-3 {
width: 260px;
float: left;
margin-right: 20px;
}

.information-grid-item-4 {
width: 260px;
float: left;
}

.information-wrap h4 {
font-size: 12px;
color: #231815;
margin-bottom: 35px;
text-align: center;
}

.information-wrap h4:before {
content: "";
display: block;
width: auto;
height: 25px;
background-image: url(img/information-h4.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.information-grid-wrap img {
width: 100%;
height: auto;
margin-bottom: 28px;
}

.information-title {
text-align: center;
font-size: 18px;
color: #231815;
margin-bottom: 28px;
}

.information-text {
text-align: justify;
font-size: 14px;
line-height: 24px;
color: #231815;
}

/* information-notes */

.information-notes {
width: 100%;
height: auto;
padding: 25px 65px;
border: 1px solid #9fa0a0;
margin-bottom: 30px;
}

.information-notes:after {
content: "";
display: block;
clear: both;
}

.information-notes p {
text-align: justify;
font-size: 14px;
line-height: 24px;
color: #231815;
text-indent:-1em;
padding-left:1em;
}

.information-notes p:first-child {
width: 340px;
float: left;
margin-right: 65px;
}

.information-notes p:last-child {
width: 500px;
float: left;
border-left: 1px solid #9fa0a0;
padding-left: 65px;
}

/* information-permit-mark */

.information-permit-mark {
width: 100%;
height: auto;
padding: 20px 45px;
border: 1px solid #9fa0a0;
margin-bottom: 200px;
}

.information-permit-mark:after {
content: "";
display: block;
clear: both;
}

.information-permit-mark img {
float: left;
margin-right: 30px;
}

.information-permit-mark p {
width: 510px;
float: left;
text-align: justify;
font-size: 14px;
line-height: 24px;
color: #231815;
padding-top: 10px;
}

/*-----------------------------------------
Rooms 4 image (rooms.html)
-----------------------------------------*/

.rooms-image-wrap {
width: 100%;
height: auto;
margin-bottom: 140px;
}

.rooms-image-wrap:after {
content: "";
display: block;
clear: both;
}

.rooms-image-item-1, .rooms-image-item-2, .rooms-image-item-3 {
width: 252px;
height: auto;
float: left;
margin-right: 30px;
}

.rooms-image-item-4 {
width: 252px;
height: auto;
float: left;
}

.rooms-image-item-1 img, .rooms-image-item-2 img, .rooms-image-item-3 img, .rooms-image-item-4 img {
width: 100%;
height: auto;
margin-bottom: 15px;
}

.rooms-image-item-1 p, .rooms-image-item-2 p, .rooms-image-item-3 p, .rooms-image-item-4 p {
text-align: center;
font-size: 16px;
color: #231815;
}

/*-----------------------------------------
Rooms (rooms.html)
-----------------------------------------*/

.rooms-wrap {
width: 100%;
height: auto;
}

.rooms-wrap:after {
content: "";
display: block;
clear: both;
}

.rooms-float-left {
float: left;
}

.rooms-float-right {
float: right;
}

.rooms-item-1 {
width: 545px;
margin-bottom: 10px;
float: left;
}

.rooms-item-2 {
width: 545px;
margin-bottom: 10px;
float: right;
}

.rooms-item-1 img, .rooms-item-2 img {
width: 100%;
height: auto;
}

.rooms-float-left {
float: left;
}

.rooms-float-right {
float: right;
}

.rooms-detail-wrap {
width: 440px;
margin: 0 auto;
padding-top: 35px;
}

.rooms-detail-wrap-barrier-free {
padding-top: 0;
}

.rooms-detail-wrap h2 {
font-size: 14px;
color: #231815;
line-height: 24px;
text-align: center;
margin-bottom: 30px;
}

.rooms-detail-wrap h2:before {
content: "";
display: block;
}

h2.rooms-single:before {
height: 30px;
margin-bottom: 15px;
background-image: url(img/rooms-single-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

h2.rooms-double:before {
height: 30px;
margin-bottom: 15px;
background-image: url(img/rooms-double-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

h2.rooms-twin:before {
height: 30px;
margin-bottom: 15px;
background-image: url(img/rooms-twin-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

h2.rooms-barrier-free:before {
height: 72px;
margin-bottom: 15px;
background-image: url(img/rooms-barrier-free-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}


.rooms-detail-text {
font-size: 14px;
color: #231815;
line-height: 24px;
border-top: 1px solid #c8c9c9;
border-bottom: 1px solid #c8c9c9;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 10px;
}

.rooms-detail-caption {
font-size: 14px;
color: #231815;
line-height: 24px;
}

/* amenities btn */

.to-amenities-btn {
text-align: right;
margin-top: 10px;
margin-bottom: 100px;
}

.to-amenities-btn a {
display: inline-block;
color: #231815;
font-size: 14px;
font-family: "YakuHanJPs", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
width: 200px;
padding-top: 18px;
padding-bottom: 18px;
background-color: #ffffff;
text-decoration: none;
text-align: center;
border: 1px solid #b2b2b2;
}

/* rooms-amenities */

.rooms-amenities-wrap {
width: 100%;
height: auto;
margin-bottom: 150px;
}

.rooms-amenities-wrap h4 {
font-size: 20px;
color: #231815;
margin-bottom: 20px;
}

.rooms-amenities-text {
border: 1px solid #9fa0a0;
padding: 20px 40px;
}

.rooms-amenities-text p {
font-size: 14px;
color: #231815;
line-height: 24px;
}

.rooms-amenities-text:after {
content: "";
display: block;
clear: both;
}

.rooms-amenities-text p:nth-child(1) {
float: left;
padding-right: 40px;
border-right: 1px solid #9fa0a0;
}

.rooms-amenities-text p:nth-child(2) {
float: left;
padding-left: 40px;
}

.rooms-amenities-text p:nth-child(3) {
float: left;
margin-left: 40px;
}

/*-----------------------------------------
Front (service.html )
-----------------------------------------*/

.front-wrap {
margin-bottom: 80px;
}


.front-grid-wrap {
width: 100%;
height: auto;
margin-bottom: 15px;
}

.front-grid-wrap:after {
content: "";
display: block;
clear: both;
}

.front-grid-item-1 {
width: 730px;
float: left;
}

.front-grid-item-2 {
width: 360px;
float: right;
}

.front-grid-wrap img {
width: 100%;
height: auto;
}

/* Contents */

.front-wrap h2 {
font-size: 12px;
color: #231815;
margin-bottom: 30px;
text-align: center;
}

.front-wrap h2:before {
content: "";
display: block;
width: auto;
height: 30px;
background-image: url(img/front-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.front-wrap p {
font-size: 14px;
line-height: 26px;
color: #231815;
text-align: justify;
}

/*-----------------------------------------
Lobby (service.html )
-----------------------------------------*/

.lobby-grid-wrap {
width: 100%;
height: auto;
margin-bottom: 75px;
}

.lobby-grid-wrap:after {
content: "";
display: block;
clear: both;
}

.lobby-grid-item-1 {
width: 545px;
float: left;
}

.lobby-grid-item-2 {
width: 545px;
float: right;
}

.lobby-grid-wrap img {
width: 100%;
height: auto;
}

.lobby-wrap h2 {
font-size: 12px;
color: #231815;
margin-bottom: 30px;
text-align: center;
}

.lobby-wrap h2:before {
content: "";
display: block;
width: auto;
height: 30px;
background-image: url(img/lobby-h3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.lobby-wrap p {
font-size: 14px;
line-height: 26px;
color: #231815;
}

/*-----------------------------------------
Parking (service.html )
-----------------------------------------*/

.parking-grid-wrap {
width: 100%;
height: auto;
margin-bottom: 80px;
}

.parking-grid-wrap:after {
content: "";
display: block;
clear: both;
}

.parking-grid-item-1 {
width: 545px;
float: left;
padding-top: 60px;
}

.parking-grid-item-2 {
width: 545px;
float: right;
}

.parking-grid-wrap img {
width: 100%;
height: auto;
}

.parking-wrap h2 {
font-size: 12px;
color: #231815;
margin-bottom: 30px;
text-align: center;
}

.parking-wrap h2:before {
content: "";
display: block;
width: auto;
height: 30px;
background-image: url(img/tmsm-service-parking-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.parking-grid-item-1 p {
font-size: 14px;
line-height: 26px;
color: #231815;
text-align: center;
}

/*-----------------------------------------
Restarant (service.html )
-----------------------------------------*/

.restarant-grid-wrap {
width: 100%;
height: auto;
margin-bottom: 80px;
}

.restarant-grid-wrap:after {
content: "";
display: block;
clear: both;
}

.restarant-grid-item-1 {
width: 545px;
float: right;
padding-top: 8px;
}

.restarant-grid-item-2 {
width: 545px;
float: left;
}

.restarant-grid-item-2 img {
width: 100%;
height: auto;
}

.restarant-sp-display-none {
display: none;
}

.restarant-grid-child-wrap {
text-align: center;
}

.restarant-grid-child-wrap img {
margin-right: 10px;
}

.restarant-grid-child-wrap img:last-child {
margin-right: 0;
}

.restarant-wrap h2 {
font-size: 12px;
color: #231815;
margin-bottom: 30px;
text-align: center;
}

.restarant-wrap h2:before {
content: "";
display: block;
width: auto;
height: 30px;
background-image: url(img/tmsm-service-restarant-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 20px;
}

.restarant-wrap p {
font-size: 14px;
line-height: 26px;
color: #231815;
text-align: center;
margin-bottom: 35px;
}

/*-----------------------------------------
Laundromat (service.html)
-----------------------------------------*/

/* laundromat layout */

.laundromat-grid-wrap {
width: 100%;
height: auto;
}

.laundromat-grid-wrap:after {
content: "";
display: block;
clear: both;
}

.laundromat-grid-item-1 {
width: 545px;
height: 380px;
float: left;
position: relative;
background-image: url(img/laundromat-back.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

.laundromat-grid-item-2 {
width: 545px;
float: right;
}

.laundromat-h3-1 {
width: 220px;
font-size: 12px;
color: #231815;
text-align: center;
position: absolute;
top: 70px;
left: 35px;
}

.laundromat-h3-1:before {
content: "";
display: block;
width: auto;
height: 20px;
background-image: url(img/laundromat-h3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.laundromat-h3-2 {
width: 248px;
font-size: 12px;
color: #231815;
text-align: center;
position: absolute;
right: 35px;
top: 250px;
}

.laundromat-h3-2:before {
content: "";
display: block;
width: auto;
height: 20px;
background-image: url(img/smoking-h3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

/*-----------------------------------------
PC Laundromat (service.html)
-----------------------------------------*/

.laundromat-grid1-wrap {
width: 100%;
height: auto;
margin-bottom: 25px;
}

.laundromat-grid1-wrap:after {
content: "";
display: block;
clear: both;
}

.laundromat-grid1-item-1 {
width: 545px;
height: 380px;
float: left;
background-image: url(img/laundromat-back.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain;
position: relative;
}

.laundromat-grid1-item-2 {
width: 545px;
height: 380px;
float: right;
font-size: 0;
line-height: 0;
}

.laundromat-grid1-item-2 img {
margin-right: 10px;
}

.laundromat-grid1-item-2 img:last-child {
margin-right: 0;
}

.laundromat-h3-1 {
width: 220px;
font-size: 12px;
color: #231815;
text-align: center;
position: absolute;
top: 75px;
left: 45px;
}

.laundromat-h3-1:before {
content: "";
display: block;
width: 100%;
height: 0;
padding-top: 10%;
background-image: url(img/laundromat-h3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.laundromat-h3-2 {
width: 248px;
font-size: 12px;
color: #231815;
text-align: center;
position: absolute;
bottom: 80px;
right: 45px;
}

.laundromat-h3-2:before {
content: "";
display: block;
width: 100%;
height: 0;
padding-top: 9.5%;
background-image: url(img/smoking-h3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

/*-----------------------------------------
SP Laundromat (service.html)
-----------------------------------------*/

.re-laundromat-wrap {
display: none;
}

.re-laundromat-grid1-wrap {
width: 100%;
height: auto;
}

.re-laundromat-grid1-wrap:after {
content: "";
display: block;
clear: both;
}

.re-laundromat-grid1-item-1 {
width: 545px;
height: 380px;
float: left;
background-image: url(img/laundromat-back-red.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain;
position: relative;
}

.re-laundromat-grid1-item-2 {
width: 545px;
height: 380px;
float: right;
}

.re-laundromat-grid1-item-2 img {
width: 100%;
height: auto;
}

.re-laundromat-h3-1 {
width: 220px;
font-size: 12px;
color: #231815;
text-align: center;
position: absolute;
top: 75px;
left: 45px;
}

.re-laundromat-h3-1:before {
content: "";
display: block;
width: 100%;
height: 0;
padding-top: 10%;
background-image: url(img/laundromat-h3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.re-laundromat-h3-2 {
width: 248px;
font-size: 12px;
color: #231815;
text-align: center;
position: absolute;
bottom: 80px;
right: 45px;
}

.re-laundromat-h3-2:before {
content: "";
display: block;
width: 100%;
height: 0;
padding-top: 9.5%;
background-image: url(img/smoking-h3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.re-laundromat-grid1-item-2 p {
font-size: 14px;
color: #231815;
line-height: 24px;
text-align: center;
}

/*-----------------------------------------
Laundromat 2 (service.html)
-----------------------------------------*/

.laundromat-grid2-wrap {
width: 100%;
height: auto;
margin-bottom: 120px;
}

.laundromat-grid2-wrap:after {
content: "";
display: block;
clear: both;
}

.laundromat-grid2-item-1 {
width: 545px;
float: left;
}

.laundromat-grid2-item-2 {
width: 545px;
float: right;
}

.laundromat-explain {
font-size: 14px;
color: #231815;
text-align: center;
line-height: 26px;
margin-bottom: 20px;
}

.laundromat-charge {
width: 400px;
margin-right: auto;
margin-left: auto;
}

.laundromat-charge h4 {
font-size: 14px;
color: #231815;
line-height: 24px;
margin-bottom: 5px;
}

.laundromat-charge p {
font-size: 14px;
color: #231815;
line-height: 24px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #c9caca;
border-bottom: 1px solid #c9caca;
}

/*-----------------------------------------
SP Laundromat 2 (service.html)
-----------------------------------------*/

.re-laundromat-2-wrap {
display: none;
}

.re-laundromat-grid2-wrap {
width: 100%;
height: auto;
}

.re-laundromat-grid2-wrap:after {
content: "";
display: block;
clear: both;
}

.re-laundromat-grid2-item-1 {
width: 545px;
float: left;
margin-bottom: 25px;
}

.re-laundromat-grid2-item-2 {
width: 545px;
float: right;
}


.re-laundromat-grid2-sub1-wrap {
width: 100%;
margin-bottom: 10px;
}

.re-laundromat-grid2-sub2-wrap {
width: 100%;
}

.re-laundromat-grid2-sub1-wrap:after {
content: "";
display: block;
clear: both;
}

.re-laundromat-grid2-sub1-item-1 {
width: 50%;
float: left;
padding-right: 2.5px;
}

.re-laundromat-grid2-sub1-item-2 {
width: 50%;
float: left;
padding-left: 2.5px;
}

.re-laundromat-grid2-sub1-item-1 img, .re-laundromat-grid2-sub1-item-2 img, .re-laundromat-grid2-sub2-wrap img {
width: 100%;
height: auto;
}

.re-laundromat-explain {
font-size: 14px;
color: #231815;
text-align: center;
line-height: 26px;
margin-bottom: 20px;
}

.re-laundromat-charge {
width: 400px;
margin-right: auto;
margin-left: auto;
}

.re-laundromat-charge h4 {
font-size: 14px;
color: #231815;
line-height: 24px;
margin-bottom: 5px;
}

.re-laundromat-charge p {
font-size: 14px;
color: #231815;
line-height: 24px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #c9caca;
border-bottom: 1px solid #c9caca;
}

/*-----------------------------------------
Floor (service.html)
-----------------------------------------*/

.floor-wrap {
width: 100%;
height: auto;
margin-bottom: 50px;
}

.floor-wrap-inner {
border: 1px solid #dcdddd;
padding: 0 50px 25px 50px;
position: relative;
}

.floor-wrap h2 {
font-size: 12px;
color: #231815;
text-align: center;
margin-bottom: 60px;
}

.floor-wrap h2:before {
content: "";
display: block;
width: auto;
height: 25px;
background-image: url(img/tmsm-service-floor-h2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
margin-bottom: 15px;
}

.floor-info-h3 {
width: 250px;
border: 1px solid #dcdddd;
background-color: #ffffff;
text-align: center;
font-size: 20px;
padding: 15px 0;
position: relative;
top: -22px;
margin: 0 auto;
}

.floor-info-table {
width: 100%;
margin-bottom: 10px;
}

.floor-info-table:last-child {
margin-bottom: 0;
}

.floor-icon {
width: 80px;
height: 80px;
background-color: #9b68a9;
}

.f1 {
background-image: url(img/tmsm-service-floor-icon-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

.f2 {
background-image: url(img/tmsm-service-floor-icon-2.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

.f3 {
background-image: url(img/tmsm-service-floor-icon-3.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

.f4 {
background-image: url(img/tmsm-service-floor-icon-4.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

.f5 {
background-image: url(img/tmsm-service-floor-icon-5.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

.f6 {
background-image: url(img/tmsm-service-floor-icon-6.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

.f7 {
background-image: url(img/tmsm-service-floor-icon-7.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

.floor-detail {
background-color: #f7f8f8;
padding: 0 50px;
vertical-align: middle;
font-size: 20px;
}

.floor-detail-small-text {
font-size: 14px;
}

/*-----------------------------------------
Copy Charge (service.html)
-----------------------------------------*/

.copy-charge-wrap {
width: 100%;
height: auto;
margin-bottom: 180px;
}

.copy-charge-wrap h4 {
font-size: 18px;
color: #231815;
margin-bottom: 40px;
}

.copy-charge-wrap h5 {
font-size: 14px;
color: #231815;
margin-bottom: 10px;
}

.copy-charge-notes {
font-size: 14px;
text-align: right;
color: #231815;
margin-top: 10px;
}

.table-2-mg-b-20 {
margin-bottom: 35px;
}

.copy-charge-grid1-wrap {
width: 100%;
height: auto;
}

.copy-charge-grid1-wrap:after{
content: "";
display: block;
clear: both;
}

.copy-charge-grid1-item-1 {
width: 400px;
float: left;
}

.copy-charge-grid1-item-2 {
width: 400px;
float: right;
}

.copy-charge-table-1 {
width: 400px;
border-top: 1px solid #c9caca;
border-bottom: 1px solid #c9caca;
}

.copy-charge-table-1 .table-title td {
background-color: #efefef;
text-align: center;
width: 33.333%;
height: 60px;
border-right: 1px solid #ffffff;
font-size: 14px;
color: #231815;
vertical-align: middle;
}

.copy-charge-table-1 .normal td {
background-color: ffffff;
text-align: center;
width: 33.333%;
height: 60px;
border-right: 1px solid #ffffff;
font-size: 14px;
color: #231815;
vertical-align: middle;
}

.copy-charge-table-2 {
width: 400px;
border-top: 1px solid #c9caca;
border-bottom: 1px solid #c9caca;
}

.copy-charge-table-2 tr .table-title {
background-color: #efefef;
text-align: center;
width: 33%;
height: 60px;
font-size: 14px;
color: #231815;
vertical-align: middle;
}

.copy-charge-table-2 tr .normal {
background-color: ffffff;
text-align: center;
width: 67%;
height: 60px;
font-size: 14px;
color: #231815;
vertical-align: middle;
}

/*-----------------------------------------
Service Facility Summary (service.html)
-----------------------------------------*/

.service-facility-summary {
width: 100%;
height: auto;
}

.service-facility-summary h4 {
font-size: 20px;
color: #231815;
line-height: 24px;
margin-bottom: 20px;
text-align: center;
}

.service-facility-summary p {
font-size: 14px;
color: #231815;
line-height: 24px;
margin-bottom: 70px;
padding: 20px 50px;
border: 1px solid #c9caca;
text-align: center;
}

/*-----------------------------------------
Location (location.html )
-----------------------------------------*/

.location-wrap {
width: 100%;
height: auto;
margin-bottom: 265px;
}

.location-grid-wrap {
width: 100%;
height: auto;
margin-bottom: 55px;
}

.location-grid-wrap:after {
content: "";
display: block;
clear: both;
}

.location-wrap h2 {
font-size: 36px;
color: #000000;
text-align: center;
line-height: 60px;
margin-bottom: 55px;
}

.location-wrap h3 {
font-size: 21px;
color: #231815;
margin-bottom: 20px;
text-align: center;
line-height: 35px;
}

.location-wrap h3 span {
display: block;
font-size: 40px;
color: #9b68a9;
margin-bottom: 20px;
text-align: center;
}

.location-wrap p {
display: block;
font-size: 14px;
color: #231815;
text-align: justify;
line-height: 26px;
margin-bottom: 30px;
}

.location-grid-item1 {
width: 340px;
float: left;
margin-right: 40px;
}

.location-grid-item2 {
width: 340px;
float: left;
margin-right: 40px;
}

.location-grid-item3 {
width: 340px;
float: left;
}

.location-grid-item1 img, .location-grid-item2 img, .location-grid-item3 img {
width: 100%;
height: auto;
margin-bottom: 20px;
}

.location-wrap .location-to-hp-btn {
display: inline-block;
font-size: 14px;
color: #231815;
width: 160px;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 30px;
border: 1px solid #b3b3b3;
text-decoration: none;
margin-right: 20px;
background-image: url(img/location-btn-back.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}

.location-wrap .location-to-map-btn {
display: inline-block;
font-size: 14px;
color: #231815;
width: 160px;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 50px;
border: 1px solid #b3b3b3;
text-decoration: none;
background-image: url(img/location-btn-back.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}

/*-----------------------------------------
Office (access.html)
-----------------------------------------*/

.office-wrap {
width: 100%;
height: auto;
margin-bottom: 60px;
}

.office-inner-wrap {
width: 100%;
height: auto;
}

.office-inner-wrap:after {
content: "";
display: block;
clear: both;
}

.office-item-1 {
width: 450px;
float: right;
}

.office-item-2 {
width: 350px;
float: left;
padding-top: 30px;
}

.office-item-1 img {
width: 100%;
height: auto;
}

.office-access-icon {
display: inline-block;
width: 33px;
height: 38px;
background-image: url(img/access-office-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain;
vertical-align: middle;
margin-right: 20px;
}

.office-name {
font-size: 16px;
color: #231815;
line-height: 26px;
}

.office-address {
font-size: 15px;
color: #231815;
text-align: justify;
line-height: 26px;
padding-bottom: 30px;
width: 350px;
border-bottom: 1px dotted #dcdddd;
margin-bottom: 25px;
}

/* access-google-map */

.access-wrap h2 {
font-size: 25px;
color: #231815;
text-align: justify;
padding-bottom: 50px;
}

.access-inner-google-map {
position: relative;
height: 0;
padding-bottom: 40%;
padding-top: 30px;
overflow: hidden;
margin-bottom: 100px;
}
 
.access-inner-google-map iframe,
.access-inner-google-map object,
.access-inner-google-map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*-----------------------------------------
Access (access.html)
-----------------------------------------*/

.access-wrap {
width: 100%;
height: auto;
}

.access-wrap:after {
content: "";
display: block;
clear: both;
}

/* 追加分 */

.access-item-right {
float: left;
}

.access-item-left {
float: left;
}

.access-item-1 {
width: 465px;
//float: left;
border: 1px solid #dddddd;
margin-right: 30px;
margin-bottom: 30px;
}

.access-item-2 {
width: 465px;
//float: left;
border: 1px solid #dddddd;
margin-bottom: 30px;
}

.access-wrap h3 {
font-size: 24px;
color: #231815;
margin-bottom: 35px;
}

.access-item-1 h4, .access-item-2 h4 {
font-size: 16px;
color: #231815;
background-color: #dcdddd;
text-align: center;
line-height: 26px;
padding: 12px 15px;
}

.access-detail-wrap {
width: 100%;
height: auto;
padding: 0 40px 40px 40px;
}

.access-detail-wrap:after {
content: "";
display: block;
clear: both;
}

.access-detail-1 {
float: left;
margin-right: 18px;
}

.access-detail-2 {
width: 100%;
float: left;
margin-left: -40px;
padding-left: 40px;
}

/* text */

.access-small-text {
font-size: 13px;
color: #231815;
margin-bottom: 35px;
}

.access-text-red {
color: #c30d23;
}

.access-detail-2 p {
font-size: 16px;
line-height: 26px;
}

.access-detail-2 p:nth-child(1) {
margin-top: -2.5px;
}

.access-detail-2 p:nth-child(2) {
margin-top: 63px;
}

.access-detail-2 p:nth-child(3) {
margin-top: 63px;
}

.access-multiline {
margin-bottom: -27px !important;
}

.access-mb-160 {
margin-bottom: 160px;
}

/* icon */

.access-detail-button {
display: block;
font-size: 18px;
color: #ffffff;
width: 100%;
text-align: left;
background-color: #c9a674;
padding: 8px 20px;
margin-top: 60px;
text-decoration: none;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}


.access-km-car {
display: block;
font-size: 16px;
color: #231815;
text-align: center;
padding-top: 30px;
padding-bottom: 40px;
}

.access-km-car:before {
content: "";
display: inline-block;
width: 45px;
height: 25px;
background-image: url(img/access-car-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
margin-right: 18px;
vertical-align: middle;
}

.access-km-air {
display: block;
font-size: 16px;
color: #231815;
text-align: center;
padding-top: 30px;
padding-bottom: 40px;
}

.access-km-air:before {
content: "";
display: inline-block;
width: 50px;
height: 36px;
background-image: url(img/access-air-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
margin-right: 18px;
vertical-align: middle;
}

.access-km-train {
display: block;
font-size: 16px;
color: #231815;
text-align: center;
padding-top: 30px;
padding-bottom: 40px;
}

.access-km-train:before {
content: "";
display: inline-block;
width: 50px;
height: 36px;
background-image: url(img/access-train-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
margin-right: 18px;
vertical-align: middle;
}

.access-km-express {
display: block;
font-size: 16px;
color: #231815;
text-align: center;
padding-top: 30px;
padding-bottom: 40px;
}

.access-km-express:before {
content: "";
display: inline-block;
width: 50px;
height: 36px;
background-image: url(img/access-express-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
margin-right: 18px;
vertical-align: middle;
}

/*-----------------------------------------
Recruit (.recruit.html)
-----------------------------------------*/

.recruit-wrap h2 {
font-size: 36px;
color: #000000;
text-align: center;
line-height: 60px;
margin-bottom: 70px;
}

.recruit-detail-table {
margin-bottom: 115px;
}

.recruit-detail-table .row-1 .column-1, .recruit-detail-table .row-2 .column-1, .recruit-detail-table .row-3 .column-1, .recruit-detail-table .row-4 .column-1, .recruit-detail-table .row-5 .column-1, .recruit-detail-table .row-6 .column-1, .recruit-detail-table .row-7 .column-1, .recruit-detail-table .row-8 .column-1 {
font-weight: bold;
width: 120px;
border-top: 1px solid #9fa0a0;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 15px;
font-size: 15px;
color: #231815;
line-height: 24px;
}

.recruit-detail-table .row-1 .column-2, .recruit-detail-table .row-2 .column-2, .recruit-detail-table .row-3 .column-2, .recruit-detail-table .row-4 .column-2, .recruit-detail-table .row-5 .column-2, .recruit-detail-table .row-6 .column-2, .recruit-detail-table .row-7 .column-2, .recruit-detail-table .row-8 .column-2 {
width: 880px;
border-top: 1px solid #dcdddd;
padding-top: 13px;
padding-bottom: 13px;
padding-right: 15px;
padding-left: 15px;
font-size: 15px;
color: #231815;
line-height: 24px;
}

.recruit-detail-table .row-7 .column-1 {
border-bottom: 1px solid #9fa0a0;
}

.recruit-detail-table .row-7 .column-2 {
border-bottom: 1px solid #dcdddd;
}

.recruit-detail-table .row-8 .column-1 {
border-bottom: 1px solid #9fa0a0;
}

.recruit-detail-table .row-8 .column-2 {
border-bottom: 1px solid #dcdddd;
}

/* recruit-application-table */

.recruit-wrap h3 {
font-size: 24px;
color: #000000;
margin-bottom: 50px;
}

.recruit-application-table {
margin-bottom: 225px;
}

.recruit-wrap p {
font-size: 15px;
line-height: 23px;
color: #000000;
margin-bottom: 40px;
}

.recruit-application-table .row-1 .column-1, .recruit-application-table .row-2 .column-1 {
font-weight: bold;
width: 120px;
border-top: 1px solid #dcdddd;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 15px;
font-size: 15px;
color: #231815;
line-height: 24px;
}

.recruit-application-table .row-1 .column-2, .recruit-application-table .row-2 .column-2 {
width: 880px;
border-top: 1px solid #dcdddd;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 15px;
font-size: 15px;
color: #231815;
line-height: 24px;
}

.recruit-application-table .row-2 {
border-bottom: 1px solid #dcdddd;
}

/* recruit-title-table */

.recruit-title-table .row-1 .column-1 {
width: auto;
}

.recruit-title-table .row-1 .column-1 span.recruit-icon-2 {
width: 200px;
display: block;
background-color: #9b68a9;
font-size: 18px;
color: #ffffff;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
}

.recruit-title-table .row-1 .column-1 span.recruit-icon-3 {
width: 120px;
display: block;
background-color: #9b68a9;
font-size: 18px;
color: #ffffff;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
}

.recruit-title-table .row-1 .column-2 {
width: auto;
padding-bottom: 40px;
padding-right: 15px;
padding-left: 15px;
font-size: 24px;
color: #231815;
line-height: 24px;
}

/*-----------------------------------------
Q and A
-----------------------------------------*/
.qa-wrap {
width: 100%;
height: auto;
margin-bottom: 300px;
}

.qa-wrap h3 {
font-size: 22px;
color: #231815;
margin-bottom: 60px;
}

.qa-list li {
border-bottom: 1px solid #dddddd;
padding: 20px 0;
position: relative;
}

.question {
overflow: hidden;
text-align: justify;
}

.answer {
margin: 40px 0;
padding: 0 40px;
overflow: hidden;
text-align: justify;
}

.question-text {
display: block;
float: left;
width: 100%;
font-size: 18px;
color: #231815;
line-height: 28px;
margin-right: -60px;
padding-right: 60px;
padding-top: 3px;
}

.answer-text {
display: block;
float: left;
width: 100%;
font-size: 18px;
color: #231815;
line-height: 28px;
margin-right: -60px;
padding-right: 60px;
padding-top: 3px;
}

.question-icon {
display: block;
float: left;
width: 35px;
height: 35px;
margin-right: 25px;
background-image: url(img/tmsm-fa-f-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
}

.answer-icon {
display: block;
float: left;
background-image: url(img/tmsm-fa-a-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
width: 35px;
height: 35px;
margin-right: 25px;
}

.rotate-icon {
position: absolute;
top: 36px;
right: 0;
display: inline-block;
width: 17px;
height: 8px;
background-image: url(img/rotate-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
}

.rotate-180deg {
transform: rotate(180deg);
}
.rotate-0deg {
transform: rotate(0deg);
}

/*-----------------------------------------
Contact (inquiry.html)
-----------------------------------------*/

.inquiry-wrap {
margin-bottom: 320px;
}

.inquiry-inner-wrap {
width: 100%;
height: auto;
margin-bottom: 40px;
}

.inquiry-wrap h2 {
font-size: 24px;
color: #231815;
margin-bottom: 50px;
}

.inquiry-inner-wrap:after {
content: "";
display: block;
clear: both;
}

.inquiry-item-1 {
width: 400px;
float: left;
}

.inquiry-item-2 {
width: 250px;
float: right;
}

.inquiry-item-1 p, .inquiry-item-2 p {
font-size: 14px;
color: #231815;
line-height: 24px;
}

input, button, textarea, select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

div.wpcf7 .wpcf7-text  {
width: 100%;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #dddddd;
padding-top: 40px;
padding-bottom: 10px;
padding-right: 20px;
padding-left: 20px;
font-size: 14px;
font-family: "YakuHanJP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color: #9fa0a0;
}

div.wpcf7 .wpcf7-textarea {
width: 100%;
height: 210px;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #dddddd;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
font-size: 14px;
margin-bottom: 50px;
font-size: 14px;
font-family: "YakuHanJPs", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color: #9fa0a0;
}

.submit-button {
text-align: center;
}

.wpcf7-submit {
width: 250px;
height: 70px;
-webkit-appearance: none;
border-radius: 0;
background-color: #9b68a9;
font-size: 18px;
color: #ffffff;
font-family: "YakuHanJPs", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*-----------------------------------------
Breakpoint Css
-----------------------------------------*/

/* 1350px以下：ノートPC */
@media screen and (max-width:1349px) {

.tmsm-header .header{
display: none;
}

.lt-header {
display: block;
}

.pc-sg-header {
display: none;
}

.lt-sg-header {
display: block;
}

.sg-google-translate .google-translate-btn {
position: absolute;
top: 25px;
}

.google-translate-btn {
position: absolute;
top: 100px;
right: 30px;
}

}

/* 1189px以下：タブレット横含む */
@media screen and (max-width:1189px) {
	
.lt-sg-header {
display: none;
}
	
.tb-sg-header {
display: block;
}

.lt-header {
display: none;
}

.tb-header {
display:block;
}

.sg-google-translate .google-translate-btn {
position: absolute;
top: 20px;
}

.google-translate-btn {
position: absolute;
top: 90px;
right: 30px;
display: block;
}

}

/* 960px以下：タブレット */
@media screen and (max-width:959px) {

/*----------------------------
@Responsive "Plugins Custom Css"
----------------------------*/

.google-translate-btn {
width: 110px;
height: auto;
position: fixed;
top: 10px;
left: 50%;
margin-left: -55px;
z-index: 999;
display: none;
}

.sg-google-translate .google-translate-btn {
width: 110px;
height: auto;
position: fixed;
top: 10px;
left: 50%;
margin-left: -55px;
z-index: 999;
display: none;
}

.bxslider-style-custom .bx-wrapper {
pointer-events: none;
}

.bxslider-style-custom .bx-wrapper .bx-caption {
padding-left: 25px;
padding-right: 25px;
}
	
.bxslider-style-custom .bx-wrapper .bx-caption span {
font-size: 14px;
padding: 0;
}

.bxslider-style-custom .bx-wrapper .bx-caption:before {
height: 0;
padding-top: 19%;
margin-bottom: 25px;
}

.bxslider-style-custom .bxslider li {
height: 100vh;
}

.bxslider-style-custom .bx-wrapper .bx-next, .bxslider-style-custom .bx-wrapper .bx-prev {
display: none;
}


/*----------------------------
@Responsive "Share"
----------------------------*/

.container-inner-1100 {
width: 100%;
padding-left: 25px;
padding-right: 25px;
}

.container-inner-960 {
width: 100%;
padding-left: 25px;
padding-right: 25px;
}

.container-inner-850 {
width: 100%;
padding-left: 25px;
padding-right: 25px;
}

.container-inner-800 {
width: 100%;
padding-left: 25px;
padding-right: 25px;
}

.container-inner-700 {
width: 100%;
padding-left: 25px;
padding-right: 25px;
}

.mg-bt-170-45 {
margin-bottom: 45px;
}

/*----------------------------
@Responsive "Header"
----------------------------*/

.toggle-btn {
margin-right: 0;
}

.sg-header {
display: none;
}

.sp-header {
display: block;
}

.tb-header {
display: none;
}

/*----------------------------
@Responsive "Footer"
----------------------------*/

.footer ul {
display: none;
}

.footer {
padding-top: 30px;
padding-bottom: 15px;
}

.footer-info-wrap {
margin-bottom: 0px;
}

.footer-item1 {
width: 100%;
text-align: center;
margin: 0 0 30px 0;
padding: 0;
}

.footer-item2 {
width: 100%;
margin: 0 0 30px 0;
border: none;
padding: 0;
font-size: 10px;
line-height: 17.5px;
text-align: center;
}

.footer-item3 {
width: 100%;
margin-bottom: 30px;
padding: 0;
font-size: 10px;
line-height: 17.5px;
text-align: center;
}

.copyright {
font-size: 9px;
padding-top: 10px;
padding-bottom: 10px;
}

/*----------------------------
@Responsive "TmSm-Footer"
----------------------------*/

.tmsm-footer-nav-wrap ul {
display: none;
}

.tmsm-footer {
padding-top: 25px;
padding-bottom: 0;
}

.tmsm-footer-wrap {
margin-bottom: 25px;
}

.tmsm-footer-item1 {
width: 100%;
text-align: center;
margin-bottom: 15px;
}

.tmsm-footer-item1 p {
text-align: center;
}

.tmsm-footer-item1 p:nth-child(1) img {
margin: 12px 0 25px 0;
}

.tmsm-footer-item2 {
width: 100%;
padding-top: 0;
}

.tmsm-footer-item2 p {
max-width: 280px;
font-size: 12px;
font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding: 15px 25px;
margin: 0 auto;
}

.tmsm-footer-item2 img {
width: 100%;
height: auto;
margin-top: 7px;
}

.tmsm-footer-nav-wrap {
padding: 0;
}

.tmsm-copyright {
padding-top: 15px;
padding-bottom: 25px;
font-size: 9px;
text-align: center;
}

/*----------------------------
@Responsive "Top Visual "
----------------------------*/

.top-visual-wrap {
height: 550px;
}

.top-visual-image {
height: 700px;
margin-bottom: 20px;
}

.top-visual-wrap p {
font-size: 18px;
line-height: 26px;
padding-left: 25px;
padding-right: 25px;
text-align: center;
}

.checkout-text {
font-size: 14px !important;
line-height: 24px;
}

.top-visual-banner {
position: static;
width: 100%;
}

/*-----------------------------------------
@Responsive "Heading"
-----------------------------------------*/

.heading {
padding-top: 130px;
padding-bottom: 75px;
padding-right: 25px;
padding-left: 25px;
}

.heading h1 {
font-size: 18px;
}

.heading h1:before {
height: 25px;
margin-bottom: 15px;
}

/* heading image "tomizawa" */

.tm-rooms {
background-image: url(img/re-big-heading-rooms.jpg);
}

.tm-service {
background-image: url(img/re-big-heading-service.jpg);
}

.tm-location {
background-image: url(img/re-big-heading-location.jpg);
}

.tm-access {
background-image: url(img/re-big-heading-access.jpg);
}

.tm-recruit {
background-image: url(img/re-big-heading-tm-recruit.jpg);
}

.sm-recruit {
background-image: url(img/re-big-heading-recruit.jpg);
}

.tm-fq {
background-image: url(img/re-big-heading-fq.jpg);
}

.tm-inquiry {
background-image: url(img/re-big-heading-inquiry.jpg);
}

.sm-location {
background-image: url(img/sm-sp-location-heading.jpg);
}

/*----------------------------
@Responsive "Reservation Button"
----------------------------*/


.reservation-sp-wrap {
display: block;
}

.reservation-pc-wrap {
display: none;
}

/* sub */

.reservation-subpage
-wrap {
padding: 25px 0 40px 0;
box-shadow: 2px 2px 6px #bbbbbb;
margin-bottom: 45px;
}

.reservation-inner-wrap {
padding: 20px 25px;
display: block;
}

.reservation-inner-wrap p {
display: block;
font-size: 21px;
margin: 0 0 20px 0;
}

.reservation-inner-wrap a {
font-size: 16px;
width: 100%;
padding-top: 21px;
padding-bottom: 21px;
margin-right: 0;
margin-bottom: 10px;
}

.border-btn {
margin-right: 0;
}

/*----------------------------
@Responsive "Hotel"
----------------------------*/

.hotel-wrap {
padding-top: 50px;
padding-bottom: 45px;
}

.hotel-item-1 {
width: 100%;
}

.hotel-item-2 {
width: 100%;
margin-bottom: 15px;
}

.hotel-detail-item-1 {
width: 100%;
text-align: center;
margin-bottom: 15px;
}

.hotel-detail-item-2 {
width: 100%;
}

.hotel-detail-btn-1 {
width: 100%;
margin-right: auto;
margin-left: auto;
}

.hotel-detail-btn-2 {
width: 100%;
margin-right: auto;
margin-left: auto;
}

.hotel-wrap h2 {
margin-bottom: 35px;
}

.hotel-wrap h2:before {
height: 25px;
}

.hotel-detail-logo {
margin: 0 0 2px 0;
}

.hotel-detail-address {
margin: 0 0 3px 0;
}

/*----------------------------
@Responsive "New-post"
----------------------------*/

.sub-top-new-post-wrap .new-post-wrap {
margin-bottom: 60px;
}

.new-post-wrap {
padding-top: 30px;
padding-bottom: 20px;
}

.new-post-item-1 {
width: 100%;
margin-bottom: 50px;
}

.new-post-item-2 {
width: 100%;
}

.new-post-detail {
width: 100%;
padding-right: 20px;
}

.new-post-h3-1 {
font-size: 9px;
margin-bottom: 25px;
}

.new-post-h3-1:before {
height: 15px;
}

.new-post-h3-2 {
font-size: 9px;
margin-bottom: 25px;
}

.new-post-h3-2:before {
height: 15px;
}

.new-post-more-btn {
width: 95px;
height: 32px;
}

.new-post-excerpt a  {
font-size: 12px;
line-height: 18px;
}

.new-post-list li {
padding-top: 15px;
padding-bottom: 15px;
}

.new-post-list li img {
margin-right: 15px;
width: 80px;
height: 62px;
}

.new-post-icon {
width: 15px;
}

/* news list */

.news-list-title {
font-size: 10px;
margin-top: 75px;
margin-bottom: 45px;
}

.news-list-title:before {
height: 25px;
margin-bottom: 30px;
}

.to-news-btn {
text-align: center;
margin-top: 10px;
margin-bottom: 160px;
}

.to-news-btn a {
width: 100%;
}

/* blog list */

.singlepage-h1 {
font-size: 10px;
margin-top: 105px;
margin-bottom: 45px;
}

.singlepage-h1:before {
height: 25px;
margin-bottom: 30px;
}

.singlepage-h2 {
font-size: 15px;
line-height: 25px;
color: #231815;
padding-bottom: 12px;
border-bottom: 1px solid #cccccc;
margin-bottom: 20px;
}

.singlepage-deta {
font-size: 10px;
color: #9b68a9;
margin-bottom: 10px;
}

.to-otherpage-btn {
text-align: center;
margin-top: 40px;
margin-bottom: 160px;
}

.to-otherpage-btn a {
width: 100%;
}

/* post-article */

.post-article p {
font-size: 12px;
color: #231815;
line-height: 22px;
}

.post-article img {
width: 100%;
height: auto;
}

/*----------------------------
@Responsive "Movie"
----------------------------*/

.movie-wrap {
padding-top: 40px;
padding-bottom: 40px;
}

.movie-wrap h2 {
text-align: center;
font-size: 17px;
margin-bottom: 15px;
}

.movie-wrap h2:before {
height: 25px;
margin-bottom: 20px;
}

.movie-wrap h3 {
font-size: 10px;
margin-bottom: 35px;
}

.movie-wrap p {
font-size: 12px;
line-height: 18px;
margin-bottom: 20px;
text-align: justify;
}

/*----------------------------
@Responsive "Point"
----------------------------*/

.point-wrap {
padding-top: 60px;
padding-bottom: 40px;
}

.point-wrap h2:before {
width: auto;
height: 25px;
margin-bottom: 8px;
}

.point-wrap h2  {
margin-bottom: 50px;
font-size: 10px;
}

/* point one */

.point-one-wrap {
margin-bottom: 70px;
}

.point-one-wrap h3 {
margin-bottom: 25px;
font-size: 10px;
}

.point-one-wrap h3:before {
width: auto;
height: 20px;
margin-bottom: 10px;
}

.point-one-wrap p {
text-align: justify;
font-size: 12px;
line-height: 18px;
margin-bottom: 25px;
}

.point-one-pc-display {
display: none;
}

.point-one-sp-display {
display: block;
}

/* point two */

.point-two-wrap {
margin-bottom: 25px;
}

.point-two-wrap h3 {
margin-bottom: 25px;
font-size: 10px;
}

.point-two-wrap h3:before {
width: auto;
height: 20px;
margin-bottom: 10px;
}

.point-two-wrap p {
font-size: 12px;
line-height: 18px;
margin-bottom: 25px;
}

.point-two-pc-display {
display: none;
}

.point-two-sp-display {
display: block;
}

/*-----------------------------------------
@Responsive "Hospitality"
-----------------------------------------*/

.hospitality-wrap {
display: none;
}

.re-hospitality-wrap {
display: block;
margin-top: 70px;
margin-bottom: 70px;
}

.re-hospitality-wrap h2 {
font-size: 10px;
margin-bottom: 65px;
}

.re-hospitality-wrap h2:before {
height: 25px;
margin-bottom: 20px;
}

.re-hospitality-wrap h3 {
font-size: 10px;
margin-bottom: 35px;
}

.re-hospitality-wrap h3:before {
height: 18px;
margin-bottom: 10px;
}

.re-hospitality-wrap h4 {
font-size: 18px;
line-height: 26px;
margin-bottom: 15px;
}

.re-hospitality-wrap p {
text-align: justify;
font-size: 12px;
line-height: 22px;
margin-bottom: 20px;
}

/*-----------------------------------------
@Responsive "Room"
-----------------------------------------*/

.room-wrap {
margin-bottom: 60px;
}

.room-wrap h3 {
margin-bottom: 30px;
font-size: 10px;
}

.room-wrap h3:before {
width: auto;
height: 18px;
margin-bottom: 10px;
}

.room-wrap p {
font-size: 12px;
line-height: 18px;
margin-bottom: 15px;
text-align: justify;
}

.room-grid-wrap {
padding-right: 25px;
padding-left: 25px;
}

.room-grid-item-1 {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}

.room-grid-item-2 {
width: 100%;
}

.room-grid-item-1 img {
width: 100%;
height: auto;
}

.room-grid-item-2 img {
width: 100%;
height: auto;
}

.to-room-top-btn {
text-align: center;
margin-top: 25px;
}

/*-----------------------------------------
@Responsive "Information"
-----------------------------------------*/

.information-wrap {
margin-bottom: 30px;
}

.information-wrap h3:before {
width: auto;
height: 18px;
margin-bottom: 10px;
}

.information-wrap h4 {
margin-bottom: 30px;
font-size: 10px;
}

.information-grid-wrap img {
margin-bottom: 15px;
}

.information-title {
text-align: center;
font-size: 20px;
margin-bottom: 20px;
}

.information-text {
text-align: justify;
font-size: 13px;
line-height: 22px;
}

.information-grid-item-1 {
width: 100%;
margin-right: 0;
margin-bottom: 50px;
}

.information-grid-item-2 {
width: 100%;
margin-right: 0;
margin-bottom: 50px;
}

.information-grid-item-3 {
width: 100%;
margin-right: 0;
margin-bottom: 50px;
}

.information-grid-item-4 {
width: 100%;
}

/* information-notes */

.information-notes {
padding: 20px 25px;
margin-bottom: 25px;
}

.information-notes p {
font-size: 11px;
line-height: 16px;
}

.information-notes p:first-child {
width: 100%;
margin-right: 0;
padding-bottom: 15px;
border-bottom: 1px solid #9fa0a0;
}

.information-notes p:last-child {
width: 100%;
border-left: none;
padding-top: 15px;
padding-left:1em;
}

/* information-permit-mark */

.information-permit-mark {
padding: 10px 22px;
margin-bottom: 75px;
}

.information-permit-mark img {
width: 33px;
height: 48px;
margin-right: 0;
}

.information-permit-mark p {
font-size: 10px;
line-height: 15px;
width: 85%;
padding-top: 0;
padding-left: 20px;
}

/*-----------------------------------------
@Responsive "Copy Charge"
-----------------------------------------*/

.copy-charge-wrap {
margin-bottom: 45px;
}

/*-----------------------------------------
@Responsive "Facility"
-----------------------------------------*/

.facility-wrap {
margin-bottom: 75px;
}

.facility-wrap h3 {
margin-bottom: 25px;
font-size: 10px;
}

.facility-wrap h3:before {
width: auto;
height: 18px;
margin-bottom: 10px;
}

.facility-wrap p {
font-size: 12px;
line-height: 18px;
margin-bottom: 15px;
text-align: justify;
}

.facility-grid-item-1 {
width: 100%;
margin-right: 0;
margin-bottom: 5px;
}

.facility-grid-item-2 {
width: 100%;
margin-right: 0;
margin-bottom: 5px;
}

.facility-grid-item-3 {
width: 100%;
}

.to-facility-btn {
text-align: center;
margin-top: 25px;
}

/*-----------------------------------------
@Responsive "Restrant"
-----------------------------------------*/

.restarant-thumbnail {
display: none;
}

.restarant-sp-display-none {
display: block;
}

/*-----------------------------------------
@Responsive "Front"
-----------------------------------------*/

.front-wrap {
margin-bottom: 60px;
}

.front-grid-item-1 {
width: 100%;
margin-bottom: 5px;
}

.front-grid-item-2 {
width: 100%;
}

.front-wrap h2 {
margin-bottom: 20px;
}

.front-wrap h2:before {
height: 25px;
margin-bottom: 12px;
}

.front-wrap p {
font-size: 12px;
line-height: 20px;
}

/*-----------------------------------------
@Responsive "Lobby"
-----------------------------------------*/
.lobby-grid-wrap {
margin-bottom: 75px;
}

.lobby-grid-item-1 {
width: 100%;
margin-bottom: 5px;
}

.lobby-grid-item-2 {
width: 100%;
}

.lobby-wrap h2 {
margin-bottom: 20px;
}

.lobby-wrap h2:before {
height: 25px;
margin-bottom: 12px;
}

/*-----------------------------------------
@Responsive "Parking"
-----------------------------------------*/

.parking-wrap {
margin-bottom: 75px;
}

.parking-grid-item-1 {
width: 100%;
padding-top: 0;
}

.parking-wrap h2 {
margin-bottom: 20px;
}

.parking-wrap h2:before {
height: 25px;
margin-bottom: 12px;
}

.parking-grid-item-1 p {
font-size: 12px;
line-height: 20px;
margin-bottom: 20px;
}

.restarant-grid-child-wrap {
display: none;
}

.restarant-sp-display-none img {
width: 100%;
height: auto;
}

/*-----------------------------------------
@Responsive "Restarant"
-----------------------------------------*/

.restarant-sp-display-none img {
margin-top: 5px;
}

.restarant-grid-wrap {
width: 100%;
margin-bottom: 50px;
}

.restarant-grid-item-1 {
width: 100%;
margin-bottom: 5px;
}

.restarant-grid-item-2 {
width: 100%;
}

.restarant-wrap h2 {
margin-bottom: 20px;
}

.restarant-wrap h2:before {
height: 25px;
margin-bottom: 12px;
}

.restarant-wrap p {
font-size: 12px;
line-height: 20px;
margin-bottom: 20px;
}

/*-----------------------------------------
@Responsive "Floor"
-----------------------------------------*/

.floor-wrap {
width: 100%;
height: auto;
margin-bottom: 0;
}

.floor-wrap-inner {
padding: 0 15px 15px 15px;
margin-bottom: 30px;
}

.floor-info-table {
width: 100%;
margin-bottom: 5px;
}

.floor-wrap h2 {
font-size: 12px;
color: #231815;
text-align: center;
margin-bottom: 40px;
}

.floor-info-h3 {
width: 180px;
font-size: 15px;
padding: 12px 0;
}

.floor-icon {
width: 40px;
height:40px;
}

.floor-detail {
background-color: #f7f8f8;
padding: 10px;
vertical-align: middle;
font-size: 15px;
}

.floor-detail-small-text {
font-size: 10px;
}

/*----------------------------
@Responsive "laundromat PC"
----------------------------*/

.laundromat-wrap {
display: none;
}

.laundromat-grid1-wrap {
margin-top: 100px;
}

.laundromat-grid1-item-1 {
width: 100%;
height: 0;
padding-top: 69.72%;
background-image: url(img/re-laundromat-back.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain;
margin-bottom: 25px;
}

.laundromat-grid1-item-2 {
width: 100%;
height: auto;
}

.laundromat-h3-1 {
width: 60%;
height: auto;
position: absolute;
top: 10px;
left: 0;
}

.laundromat-h3-2 {
width: 65%;
height: auto;
position: absolute;
bottom: 10px;
right: 0;
}

.laundromat-h3-1:before {
width: 100%;
height: auto;
margin-bottom: 10px;
}

.laundromat-h3-2:before {
width: 100%;
height: auto;
margin-bottom: 10px;
}

/*----------------------------
@Responsive "laundromat SP"
----------------------------*/

.re-laundromat-wrap {
display: block;
}

.re-laundromat-grid1-wrap {
margin-bottom: 25px;
}

.re-laundromat-grid1-item-1 {
width: 100%;
height: 0;
padding-top: 69.72%;
background-image: url(img/re-laundromat-back.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain;
margin-bottom: 25px;
}

.re-laundromat-grid1-item-2 {
width: 100%;
height: auto;
}

.re-laundromat-h3-1 {
width: 60%;
height: auto;
position: absolute;
top: 10px;
left: 0;
}

.re-laundromat-h3-2 {
width: 65%;
height: auto;
position: absolute;
bottom: 10px;
right: 0;
}

.re-laundromat-h3-1:before {
width: 100%;
height: auto;
margin-bottom: 10px;
}

.re-laundromat-h3-2:before {
width: 100%;
height: auto;
margin-bottom: 10px;
}

.re-laundromat-grid1-item-2 p {
font-size: 12px;
line-height: 20px;
}

/*----------------------------
@Responsive "laundromat2 PC "
----------------------------*/
.laundromat-2-wrap {
display: none;
}

/*----------------------------
@Responsive "laundromat2 SP"
----------------------------*/

.re-laundromat-2-wrap {
display: block;
margin-bottom: 50px;
}

.re-laundromat-grid2-item-1 {
width: 100%;
}

.re-laundromat-grid2-item-2 {
width: 100%;
}

.re-laundromat-charge {
width: 100%;
}

.re-laundromat-charge h4 {
font-size: 12px;
line-height: 20px;
}

.re-laundromat-charge p {
font-size: 12px;
line-height: 20px;
}

/*-----------------------------------------
@Responsive "Facility Summary"
-----------------------------------------*/

.service-facility-summary h4 {
font-size: 20px;
color: #231815;
line-height: 24px;
margin-bottom: 20px;
text-align: center;
}

.service-facility-summary p {
font-size: 12px;
line-height: 20px;
margin-bottom: 50px;
padding: 20px 30px;
}

/*-----------------------------------------
@Responsive "Rooms"
-----------------------------------------*/

.rooms-wrap {
margin-bottom: 0;
}

.rooms-item-1 {
width: 100%;
margin-bottom: 5px;
}

.rooms-item-2 {
width: 100%;
margin-bottom: 5px;
}

.rooms-detail-wrap {
width: 100%;
padding-top: 0;
margin-bottom: 10px;
}

.to-amenities-btn {
text-align: center;
margin-top: 5px;
margin-bottom: 75px;
}

/* rooms-amenities */

.rooms-amenities-wrap {
margin-bottom: 50px;
}

.rooms-amenities-wrap h4 {
margin-bottom: 10px;
}

.rooms-amenities-text {
padding: 15px 20px;
}

.rooms-amenities-text p {
font-size: 12px;
line-height: 18px;
}

.rooms-amenities-text p:nth-child(1) {
padding-right: 0;
border-right: none;
}

.rooms-amenities-text p:nth-child(2) {
padding-left: 0;
margin-bottom: 20px;
}

.rooms-amenities-text p:nth-child(3) {
margin-left: 0;
}

/*-----------------------------------------
@Responsive "Rooms Image"
-----------------------------------------*/

.rooms-image-wrap {
margin-bottom: 30px;
}

.rooms-image-item-1 {
width: 50%;
margin-right: 0;
margin-bottom: 20px;
padding-right: 7.5px;
}

.rooms-image-item-2 {
width: 50%;
margin-right: 0;
margin-bottom: 20px;
padding-left: 7.5px;
}

.rooms-image-item-3 {
width: 50%;
margin-right: 0;
margin-bottom: 20px;
padding-right: 7.5px;
}

.rooms-image-item-4 {
width: 50%;
margin-bottom: 20px;
padding-left: 7.5px;
}

.rooms-image-item-1 img, .rooms-image-item-2 img, .rooms-image-item-3 img, .rooms-image-item-4 img {
margin-bottom: 5px;
}

.rooms-image-item-1 p, .rooms-image-item-2 p, .rooms-image-item-3 p, .rooms-image-item-4 p {
text-align: center;
font-size: 12px;
color: #231815;
}

/*-----------------------------------------
@Responsive "Copy Table"
-----------------------------------------*/

.copy-charge-wrap h4 {
font-size: 18px;
margin-bottom: 30px;
}

.copy-charge-wrap h5 {
font-size: 12px;
margin-bottom: 10px;
}

.copy-charge-notes {
font-size: 12px;
margin-top: 10px;
}

.table-2-mg-b-20 {
margin-bottom: 25px;
}

.copy-charge-grid1-item-1 {
width: 100%;
margin-bottom: 35px;
}

.copy-charge-grid1-item-2 {
width: 100%;
}

.copy-charge-table-1 {
width: 100%;
}

.copy-charge-table-1 .heading td {
font-size: 12px;
height: 50px;
}

.copy-charge-table-1 .normal td {
font-size: 12px;
height: 50px;
}

.copy-charge-table-2 {
width: 100%;
}

.copy-charge-table-2 tr .heading {
height: 50px;
font-size: 12px;
}

.copy-charge-table-2 tr .normal {
height: 50px;
font-size: 12px;
}

/*-----------------------------------------
@Responsive "Location
-----------------------------------------*/

.location-wrap {
margin-bottom: 30px;
}

.location-grid-wrap {
margin-bottom: 0;
}

.location-grid-item1 {
width: 100%;
margin-right: 0;
margin-bottom: 45px;
}

.location-grid-item2 {
width: 100%;
margin-right: 0;
margin-bottom: 45px;
}

.location-grid-item3 {
width: 100%;
margin-bottom: 45px;
}

.location-grid-wrap p {
margin-bottom: 25px;
}

.location-wrap .location-to-hp-btn {
width: 100%;
text-align: center;
padding-left: 0;
margin-bottom: 10px;
background-image: url(img/location-sp-arrow-icon.jpg);
background-position: right center;
background-repeat: no-repeat;
background-size: 50px 50px;
-moz-background-size: 50px 50px;
-webkit-background-size: 50px 50px;
-o-background-size: 50px 50px;
-ms-background-size: 50px 50px;
}

.location-wrap .location-to-map-btn {
text-align: center;
padding-left: 0;
width: 100%;
background-image: url(img/location-sp-arrow-icon.jpg);
background-position: right center;
background-repeat: no-repeat;
background-size: 50px 50px;
-moz-background-size: 50px 50px;
-webkit-background-size: 50px 50px;
-o-background-size: 50px 50px;
-ms-background-size: 50px 50px;
}

.location-wrap h2 {
font-size: 30px;
color: #000000;
text-align: center;
line-height: 50px;
margin-bottom: 35px;
}

.location-wrap h3 span {
color: #541b85;
margin-bottom: 15px;
}

.location-wrap h3 {
font-size: 25px;
}

/*-----------------------------------------
@Responsive "Access"
-----------------------------------------*/

.access-mb-160 {
margin-bottom: 0;
}

.access-wrap {
margin-bottom: 10px;
}

.access-item-right, .access-item-left {
width: 100%;
}

.access-item-1 {
width: 100%;
margin-bottom: 10px;
}

.access-item-2 {
width: 100%;
margin-bottom: 10px;
}

.access-wrap h3 {
font-size: 17px;
color: #231815;
margin-bottom: 25px;
}

.access-item-1 h4, .access-item-2 h4 {
font-size: 12px;
padding: 8.5px 10px;
line-height: 18px;
}

.access-detail-wrap {
width: 100%;
padding: 0 10px 15px 10px
}

.access-detail-1 {
width: 12.5px;
margin-right: 12.5px;
}

.access-detail-2 {
margin-left: -25px;
padding-left: 25px;
}

.access-detail-1 img {
width: 100%;
height: auto;
}

.access-detail-2 p {
font-size: 9px;
line-height: 16px;
}

.access-detail-2 p:nth-child(1) {
}

.access-detail-2 p:nth-child(2) {
margin-top: 33px;
}

.access-detail-2 p:nth-child(3) {
margin-top: 33px;
}

.access-multiline {
margin-bottom: -16px !important;
}

.access-detail-button {
margin-top: 33px;
display: block;
font-size: 9px;
width: 100%;
padding: 5.5px 15px;
}

.access-km-car {
display: block;
font-size: 9px;
padding-top: 15px;
padding-bottom: 20px;
}

.access-km-car:before {
content: "";
display: inline-block;
width: 23px;
height: 13px;
background-image: url(img/access-car-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
margin-right: 10px;
vertical-align: middle;
}

.access-km-air {
display: block;
font-size: 9px;
padding-top: 15px;
padding-bottom: 20px;
}

.access-km-air:before {
content: "";
display: inline-block;
width: 25px;
height: 18px;
background-image: url(img/access-air-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
margin-right: 10px;
vertical-align: middle;
}

.access-km-express {
display: block;
font-size: 9px;
padding-top: 15px;
padding-bottom: 20px;
}

.access-km-express:before {
content: "";
display: inline-block;
width: 23px;
height: 13px;
background-image: url(img/access-express-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
margin-right: 10px;
vertical-align: middle;
}

.access-km-train {
display: block;
font-size: 9px;
padding-top: 15px;
padding-bottom: 20px;
}

.access-km-train:before {
content: "";
display: inline-block;
width: 23px;
height: 13px;
background-image: url(img/access-train-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
margin-right: 10px;
vertical-align: middle;
}

.access-small-text {
font-size: 7px;
}

.access-sp-mb-20 {
margin-bottom: 20px;
}


/*-----------------------------------------
@Responsive "Recruit"
-----------------------------------------*/

.recruit-wrap h2 {
font-size: 25px;
line-height: 35px;
margin-bottom: 40px;
text-align: justify;
}

.recruit-detail-table {
width: 100%;
margin-bottom: 50px;
}

.recruit-application-table {
width: 100%;
margin-bottom: 70px;
margin-bottom: 60px;
}

.recruit-title-table {
width: 100%;
}

.recruit-title-table .row-1 .column-1 {
display: block;
width: 100%;
margin-bottom: 18px;
}

.recruit-title-table .row-1 .column-2 {
display: block;
width: 100%;
padding-bottom: 0;
margin-bottom: 18px;
font-size: 25px;
padding-right: 0;
padding-left: 0;
}

/* .recruit-detail-table */

.recruit-detail-table .row-1 .column-1,  .recruit-detail-table .row-2 .column-1, .recruit-detail-table .row-3 .column-1, .recruit-detail-table .row-4 .column-1, .recruit-detail-table .row-5 .column-1, .recruit-detail-table .row-6 .column-1, .recruit-detail-table .row-7 .column-1, .recruit-detail-table .row-8 .column-1 {
background-color: #efefef;
border: none;
display: block;
width: 100%;
font-size: 17px;
text-align: center;
padding-left: 0;
}

.recruit-detail-table .row-1 .column-2, .recruit-detail-table .row-2 .column-2, .recruit-detail-table .row-3 .column-2, .recruit-detail-table .row-4 .column-2, .recruit-detail-table .row-5 .column-2, .recruit-detail-table .row-6 .column-2, .recruit-detail-table .row-7 .column-2, .recruit-detail-table .row-8 .column-2 {
border: none;
display: block;
width: 100%;
font-size: 13px;
line-height: 20px;
padding-top: 15px;
padding-bottom: 25px;
}

/* recruit-wrap */

.recruit-wrap h3 {
font-size: 24px;
text-align: center;
margin-top: 75px;
margin-bottom: 30px;
}

.recruit-wrap p {
font-size: 13px;
line-height: 20px;
color: #000000;
margin-bottom: 17px;
}


.recruit-application-table .row-1 .column-1, .recruit-application-table .row-2 .column-1 {
font-weight: bold;
width: 20%;
padding-left: 0;
font-size: 13px;
line-height: 20px;
}

.recruit-application-table .row-1 .column-2, .recruit-application-table .row-2 .column-2{
width: 80%;
padding-left: 20px;
font-size: 13px;
color: #231815;
line-height: 20px;
}

/*-----------------------------------------
@Responsive "Q and A"
-----------------------------------------*/

.qa-wrap {
margin-bottom: 45px;
}

.qa-wrap h3 {
font-size: 25px;
margin-bottom: 40px;
text-align: center;
}

.question-text {
font-size: 12px;
line-height: 20px;
padding-top: 0;
}

.qa-list li {
border-bottom: 1px solid #dddddd;
padding: 20px 0;
position: relative;
}

.question-icon {
width: 18px;
height: 18px;
margin-right: 6px;
}

.answer {
margin: 20px 0 0 0;
padding: 0 20px;
}

.answer-text {
padding-right: 20px;
font-size: 12px;
line-height: 22px;
text-align: justify;
}

.answer-icon {
width: 18px;
height: 18px;
margin-right: 6px;
}

.rotate-icon {
position: absolute;
top: 25px;
right: 15px;
display: inline-block;
width: 8px;
height: 4.5px;
background-image: url(img/rotate-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain; 
}

/*-----------------------------------------
@Responsive "Access Map"
-----------------------------------------*/

.office-wrap {
margin-bottom: 0;
}

.office-item-1 {
width: 100%;
padding-top: 0;
}

.office-item-2 {
width: 100%;
}

.access-wrap h2 {
font-size: 25px;
text-align: center;
padding-bottom: 25px;
}

.office-name {
font-size: 13px;
color: #231815;
line-height: 22px;
}

.office-address {
font-size: 12px;
line-height: 22px;
padding-bottom: 30px;
width: 100%;
border-bottom: 1px dotted #dcdddd;
margin-bottom: 20px;
}

.office-access {
margin-bottom: 60px;
}

.office-access-icon {
margin-right: 15px;
}

.office-name {
font-size: 15px;
}

.access-inner-google-map {
position: relative;
height: 0;
padding-bottom: 40%;
overflow: hidden;
margin-bottom: 25px;
}

/*-----------------------------------------
@Responsive "Video"
-----------------------------------------*/

.video-overlay-buttons {
display: none;
}

.re-video-overlay-buttons {
display: block;
}

.video-wrap {
margin-bottom: 10px;
}

/*-----------------------------------------
@Responsive "inquiry"
-----------------------------------------*/

.inquiry-wrap h2 {
font-size: 24px;
color: #231815;
margin-bottom: 35px;
text-align: center;
}

.inquiry-item-1  {
width: 100%;
margin-bottom: 50px;
}

.inquiry-item-1 p  {
text-align: justify;
}

.inquiry-item-2  {
width: 100%;
}

.inquiry-item-2 p {
font-size: 20px;
}

.inquiry-item-2 img {
margin-top: 10px;
width: 100%;
max-width: 300px;
height: auto;
}

div.wpcf7 .wpcf7-text  {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0;
padding-left: 0;
font-size: 12px;
}

.inquiry-wrap {
margin-bottom: 50px;
}

div.wpcf7 .wpcf7-textarea {
height: 120px;
padding-top: 10px;
padding-right: 0;
padding-left: 0;
margin-bottom: 30px;
font-size: 12px;
}

.wpcf7-submit {
width: 100%;
height: 70px;
font-size: 18px;
font-family: "YakuHanJPs", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

} /* end of media*/

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

.top-visual-wrap {
height: 300px;
}

.top-visual-image {
height: 400px;
margin-bottom: 20px;
}
} /* end of media*/