@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

h1, h2, h3, h4, h5, h6 {
  font-family: "游明朝", "Hiragino Mincho", "MS 明朝", serif;
  font-weight: 200 !important;
}

.sawah-torami-h2 {
  font-size: 48px !important;
  line-height: 1;
}
.sawah-torami-h2 span {
  display: block;
  font-size: 14px !important;
  text-align: center;
}

@media screen and (max-width: 959px) {
    .sp-font-h2 {
		font-size: 2em !important;
    }
}

.l-header__logo {
	padding: 0 !important;
}
.l-fixHeader__logo {
	padding: 0 !important;
}

.p-mainVisual__slideTitle {
  font-size: 70px;  /*メインテキストのフォントサイズ変更*/
  font-family: "游明朝", "Hiragino Mincho", "MS 明朝", serif;
  font-weight: 400 !important;
  line-height: 1.1em;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.p-mainVisual__slideText {
  font-family: "游明朝", "Hiragino Mincho", "MS 明朝", serif !important;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
  font-weight: 600 !important;
}

.p-mainVisual__textLayer {
    justify-content: flex-end !important;
    height: 76% !important;
}

.sawah-text-shadow {
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.pt100 {
	padding-top: 100px !important;
}

@media (max-width: 768px)  {
.sp-margin {
	margin: 0 20px !important;
	padding-top: 20px;
}
}


/*スマホサイズでの変更*/
@media (max-width: 480px){
.p-mainVisual__slideTitle{
  font-size:30px;  /*メインテキストのフォントサイズ変更*/
}
}


@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@media (max-width: 768px)  {
.col-reverse{
flex-direction: column-reverse !important; 
}
}

@media (min-width: 769px) {
.tate{
	writing-mode: vertical-rl; 
	margin: 0 auto;
	text-align: left;
}
.width300{
	width: 300px;
	margin-left: 50px;
}
}

.padding15 {
	padding: 0 1.5rem;
    }

/*-----部屋の特徴-----*/
.sawah-room dl {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	margin: 50px auto 100px auto !important;
}
.sawah-room dt {
	flex-basis: 30%;
	padding: 25px;
	margin: 0;
	font-weight: normal;
	text-align: left;
	color: #2b2b2b;
	border-bottom: 1px solid #000;
}
.sawah-room dd {
	flex-basis: 70%;
	padding: 25px 10px;
	margin: 0;
	border-bottom: 1px solid #000;
}

.sawah-room dt:first-child {
 	border-top: 1px solid #000;
}

.sawah-room dd:nth-child(2) {
 	border-top: 1px solid #000;
}

@media screen and (max-width: 559px) {
	.sawah-room dl {
		flex-flow: column;
		width: 95%;
		padding: 0 10px;
		border: 0;
	}
	.sawah-room dt {
		padding: 10px;
		border-bottom: 1px solid #e5e5e5;
	}
	.sawah-room dd {
		padding: 10px;
		border-bottom: 1px solid #000;
	}	
	.sawah-room dd:nth-child(2) {
	 	border-top: 0;
	}
}

.gmap {
    filter: grayscale(1);
}

.w-beforeFooter {
    margin-top: 0 !important;
}

/* 追従サイドバナー（PC用） */
.follow-banner {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
}

.follow-banner a {
  display: flex;
  align-items: center;
  writing-mode: vertical-rl;
  transition: opacity 0.25s;
}

.follow-banner a:hover {
  opacity: 0.8;
}

.follow-banner .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 959px) {
  .follow-banner {
    display: none;
  }
}

/* スマホ画面下に固定追従バナー */
@media screen and (max-width: 959px) {
    body {
		margin-bottom: 60px !important;
    }
    .p-fixBtnWrap {
		bottom: 4.5em; /* 上に戻るボタンの位置を上に */
    }
    #fixed-bottom-menu {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 99;
		padding: 1em 0 0 0 !important;
    }
    #fixed-bottom-menu .swell-block-column {
		padding: 0;
    }
    #fixed-bottom-menu .swell-block-button__link[data-has-icon] {
        padding: 1em 1em;
    }    
}
@media screen and (min-width: 960px) {
    #fixed-bottom-menu, #fixed-sidebar-menu {
        display: none;
    }
}


/* 無限ループアニメーション */
.slider1 {
  display: flex;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height:730px;
  overflow: hidden;
  padding-bottom: 0px !important;
}
.slider1 ul{
	display:flex;
	padding: 0;
	margin:0;
}
.slider1 li{
	width:440px;
	list-style: none;
}
.slider1 ul:first-child {
  animation: slide1 60s -30s linear infinite;
}

.slider1 ul:last-child {
  animation: slide2 60s linear infinite;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

@media screen and (max-width: 959px) {
.slider1 {
  height:332px;
}
	.slider1 li{
	width:200px;
}
}

@media screen and (max-width: 959px) {
.sp-mr1 {
	margin-right: 1em;
}
.sp-ml1 {
	margin-left: 1em;
}
}