@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
*/

/*Googleフォント*/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap');

.is-style-section_ttl {
  font-family: "Shippori Mincho B1", serif;
  font-style: normal;
}

/*右のテキストを左に移動(PC)*/
@media (min-width: 768px) {
.text-group01 {
margin-left: -50px ;
margin-right: 100px;
}
}

/*ブロークングリッドのテキスト部分背景を半透明に*/
.overlap-background {
background-color: rgba( 255, 255, 255, 0.8 )!important;
}

/*グローバルナビ*/
.c-gnav>.menu-item>a .ttl {
	letter-spacing: 0.1em;
	font-size: 14px;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/*予約背景を変更*/
.reservation-box{
	background-color: #c09933;
	color: #fff;
}


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

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

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


/*-----部屋について-----*/
.junresort-room dl {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	margin: 50px auto 100px auto !important;
}
.junresort-room dt {
	flex-basis: 30%;
	padding: 20px;
	margin: 0;
	font-weight: normal;
	text-align: left;
	color: #2b2b2b;
	border-bottom: 1px solid #cccccc;
}
.junresort-room dd {
	flex-basis: 70%;
	padding: 20px 10px;
	margin: 0;
	border-bottom: 1px solid #cccccc;
}

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

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

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

.gmap{
    filter: grayscale(1);
}

/*-----メディアとテキスト全幅表示-----*/
@media screen and (min-width: 900px) {
.junresort-text-l{
	width:500px;
	margin: 0 0 0 auto;
}
.junresort-text-r{
	width:500px;
	margin: 0 auto 0 0;
}
}

/*-----トップページロゴサイズ調整-----*/
.p-mainVisual__slideTitle img{
	max-width:150px;
}

@media screen and (max-width: 959px) {
.p-mainVisual__slideTitle img{
	max-width:100px;
}
}

@media screen and (max-width: 959px) {
.reserve-h2-sp{
	font-size: 14px !important;
}
.reserve-text-sp{
	font-size: 12px;
}
}

/*スライダー右のテキスト余白*/
@media (min-width: 768px) {
.slider-text-right {
	padding: 80px !important;
}
}

@media screen and (max-width: 959px) {
.slider-text-right {
	padding: 30px !important;
}
}

/*-----カラム表示の順番を逆にする-----*/
@media (max-width: 768px)  {
.swell-col-reverse .swell-block-columns__inner{
flex-direction: column-reverse; 
}
}

/* フッターメニューの仕切りの縦線を消す */
.l-footer__nav li:first-child a,
.l-footer__nav li a {
    border-left: 0;
    border-right: 0;
}

/* フッタースマホの時メニューを縦並び */
@media (max-width: 960px) {
    .l-footer__nav {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.top-image{
	height: 100vh;
}

h2.junresort-h2 {
	font-size: 38px !important;
}

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

/*ホテルスライダー右のテキスト余白*/
@media (min-width: 768px) {
.hotel-slider-text-right {
	padding: 20px 0 0 40px !important;
}
}

@media screen and (max-width: 959px) {
.hotel-slider-text-right {
	padding: 20px !important;
}
}

.image-size-fix {
  padding:0 0 calc(1000/2000*100%) !important;
  min-height: 0 !important;
}
.image-size-fix .wp-block-cover__inner-container{
  position: absolute;
  padding: 0;
  top: 40%;
}

.myColumn{
  height : 100%;
}

/* フッター直前ウィジェット余白なくす*/
.w-beforeFooter {
	margin-top:0;
}