@charset "UTF-8";
/* CSS Document */

/*共通*/

#wrap {
	width: 100%;
	background: #fff;
}

header {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	align-items: center;
    background: rgba(255,255,255,0.2);
    transition-property: background;
    transition-duration:0.5s;
}

header > ul {
	width:730px;
	text-align: center;
	margin: 0 auto;
}

header > ul > li {
	width: 25%;
}

header > ul > li > a {
	display: block;
}

.header_logo {
	background-image: url("image/common/logo.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 200px;
	height: 60px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.header_logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#nav li a span.en {
    display: block;
    font-size: 1.6rem;
	color: #fff;
    transition-property: color, display;
    transition-duration:0.5s;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
}

#nav li a:hover span.en {
    display: none;
}

#nav li a span.jp {
    display: none;
    font-size: 1.6rem;
	color: #fff;
    transition-property: color, display;
    transition-duration:0.5s;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
}

#nav li a:hover span.jp {
    display: block;
}

#nav li a:link, #nav li a:visited, #nav li a:hover, #nav li a:active {
  color: #fff;
}

#nav-drawer {
    display: none;
}

.colorred{

}

.colorblue {

}

.colorgreen {

}

.colororange {

}

.reserve {
	width: 180px;
	height: 60px;
	color: #fff;
	background: #000;
	font-size: 1.6rem;
	text-align: center;
}

.reserve > a {
	display: inline-block;
	line-height: 60px;
	vertical-align: middle;
}

.reserve > a:visited {
    color:#fff;
}

.reserve_blue {
	padding: 16px 0;
	margin: 0 auto 48px;
	max-width: 720px;
	color: #fff;
	background: #3391a2;
	text-align: center;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
	font-size: 1.6rem;
}

.reserve_blue > a {
	display: inline-block;
	margin-bottom: 12px;
}

.reserve_blue > a:link, .reserve_blue > a:visited, .reserve_blue > a:hover, .reserve_blue > a:active {
    color:#fff;
}

.reserve_blue > p {
	font-size: 1.2rem;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
	line-height: 1.6;
}

.rb_caution {
    font-size: 1.2rem;
    margin: 0 0 0 8px;
}

.fa-calendar-alt:before {
    vertical-align: text-bottom;
    font-size: 3.2rem;
    margin-right: 0.8rem;
}

.tel {
    max-width:1024px;
	text-align: center;
	margin: 0 auto;
    vertical-align: middle;
}

.telto {
    font-size: 1.6rem;
    color: #595959;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
}

.fa-phone-alt::before {
	font-size: 2.2rem;
}

.telfs {
	font-size: 2.4rem;
}

.fa-phone::before {
    vertical-align: text-bottom;
    font-size: 1.6rem;
    margin-right: 0.8rem;
}

.content {
	position: relative;
	max-width: 1296px;
	text-align: left;
  padding: 3.2rem 1%;
	margin: 0 auto 160px;
}

.content-wrap {
	width: 100%;
}

.topcontent {
	padding: 3.2rem 0;
	margin: 0 0 0 0;
	max-width: 100%;
	text-align: center;

}

.newswrap {
    width: 100%;
    background:gray;
    margin-bottom: 2.8rem;
}

.news {
	position: relative;
	max-width:1024px;
	text-align: left;
    padding: 0 1%;
	/*margin: 0 auto 80px;*/
}

.news a {
    font-size: 1.6rem;
    color: #fff;
    line-height: 3.2rem;
}

.news a:visited {
    color: #fff;
}

.topnewscolor {
    color: orange;
    font-size: 1.6rem;
}

.imgcontainer {
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
}

.imgcontainer2 {
    position: relative;
    max-width: 730px;
    margin: 0 auto;
    text-align: center;
}

.mbhalfcontent {
	position: relative;
	max-width:1024px;
	text-align: center;
    padding: 0 1%;
	margin: 0 auto 80px;
}



.flex {
	display: flex;
	justify-content: space-between;
}

.flex2 {
	display: flex;
	justify-content: space-around;
}

.catch {
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 600;
	font-size: 3.2rem;
	letter-spacing: 0.8rem;
	margin-bottom: 2.8rem;
	color: #6f6f6f;
}

.article {
	max-width: 720px;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 300;
	font-size: 2.0rem;
	line-height: 1.5;
  letter-spacing: 0.4rem;
    color: #6f6f6f;
	margin: 0 auto 3.2rem;
}

.catch_part {
	text-align: center;
  letter-spacing: 0.4rem;
	margin-bottom: 32px;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
	font-size: 2.4rem;
	line-height: 1.5;
	color: #6f6f6f;
}

.catch_subpart {
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
	font-size: 2.4rem;
	line-height: 1.5;
	margin-bottom: 2.4rem;
	color: #6f6f6f;
}


footer {
	width: 100%;
	font-family: 'Didact Gothic', sans-serif;
	padding: 0 0 8.0rem 0;
}

.footertop {
	position: relative;
	max-width:730px;
	text-align: center;
	margin: 0 auto;
}

.insta {
	position: relative;
	text-align: center;
	margin: 0 auto 3.2rem;
	padding: 40px 0;
	width: 100%;
	color: #fff;
	background-image: url("image/top/insta_bgimg.jpg");
	background-size: cover;
	background-position: center;
}

.insta > h2 {
	font-size: 2.4rem;
    margin-bottom: 16px;
}

.instacontainer {
	width: 1024px;
    margin: 0 auto;

}

.instagramitem {
    margin: 5.3px;
	width: 160px;
	height: 160px;
	float: left;
}

.instagramitem:hover {
    opacity: 0.7;
    transition: 0.2s;
}

.instagramitem > a > div{
	width               : 100%;
	height              : 100%;
	background-position : center;
	background-size     : cover;
	overflow   :hidden;
}

.footermiddle {
	position: relative;
	width:100%;
	text-align: center;
	margin: 0 auto 2.4rem;
}

.footerbottom {
	width:70%;
	text-align: center;
	margin: 0 auto 3.2rem;
}

.footerbottom2 {
	width:70%;
	text-align: center;
	margin: 0 auto 3.2rem;
}

.footerbottom > ul {
	width: 100%;
}

.footerbottom2 > ul {
	width: 100%;
}

.footerbottom > ul > li {
	width: 20%;
	font-size: 1.6rem;
	color: #595959;
}

.footerbottom2 > ul > li {
	width: 40%;
	font-size: 1.6rem;
	color: #595959;
}

.footerbottom > ul > li > a {
	display: block;
}

.footerbottom > ul > li > a:link, .footerbottom > ul > li > a:visited, .footerbottom > ul > li > a:hover, .footerbottom > ul > li > a:active {
  color: #595959;;
}


.border-right {
	border-right: solid 1px #595959;
}

.copyright {
	text-align: center;
	color: #b4b4b5;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
}

.jesus {
	width: 100%;
  height: 22.2rem;
  margin: 3.2rem 0;
	background-image: url("image/common/jesus.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.sheepright {
	width: 100%;
  height: 12.2rem;
  margin: 3.2rem 0;
	background-image: url("image/common/sheepright.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.sheepleft {
	width: 100%;
  height: 12.2rem;
  margin: 3.2rem 0;
	background-image: url("image/common/sheepleft.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.maria {
	width: 100%;
	height: 22.2rem;
  margin: 3.2rem 0;
	background-image: url("image/common/maria.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.charch {
	width: 100%;
	height: 18.2rem;
	margin: 3.2rem 0;
	background-image: url("image/common/charch.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.angel {
	width: 100%;
	height: 16.2rem;
  margin: 3.2rem 0;
	background-image: url("image/common/angel.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.caution {
  font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #6f6f6f;
	text-align: center;
}

.sp-display {
	display: none;
}

.backgroundred {
	background-color: #ff00006e;
}

.backgroundorange{
	background-color: #ff5e008c;
}

.backgroundblue {
	background-color: #00a1ff78;
}

.backgroundgreen {
	background-color: #1dbf007a;
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}


.herov {
	height: 65vh;
    background-repeat: no-repeat;
	background-size: cover;
}


.instagramitem {
    margin: 2.8px;
	width: 165px;
    height: 165px;
}

.instagramitem:hover {
    opacity: 0.7;
    transition: 0.2s;
}

.instagramitem > a > div{
	width               : 100%;
	height              : 100%;
	background-position : center;
	background-size     : cover;
	overflow            : hidden;
}

/*クリアフィックス*/
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}

/*トップ*/


.keyv {
	position: relative;
	height: 70vh;
	background-size: cover;
	background-position: center;
	text-align: center;
	overflow: hidden;
	background: #fff;
  margin-bottom: 32px;
}

.videolayer {
    position: absolute;
    z-index: 3;
    height: 70vh;
    width: 100%;
    background: rgba(255,255,255,0);
}

#video {
	display: block;
	min-width: 100%;
	min-height: 70vh;
	margin:0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.topmessage {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 274px;
	height: 324px;
}

.topmessage > img {
	width: 273px;
	height: auto;
}

.topcatch {
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
	font-size: 3.2rem;
	line-height: 1.5;
	color: #6f6f6f;
	letter-spacing: 0.6rem;
}

.blog {
	/*border-top: 8px solid black;
	border-bottom: 4px solid black;
	border-left: 8px solid black;
	border-right: 4px solid black;*/
	box-sizing: border-box;
	position: relative;
  width: 100%;
  text-align: center;
  padding: 40px 1%;
  background-color: #fffbe6;
}

/*From Calm..*/
.fromcalm {
}

.fromcalm-box1 {
	position: relative;
}

.fromcalm-box1 .sectioncaption {
	position: absolute;
	right: 0px;
	vertical-align: middle;
}

.rss-wrap {
	max-width: 1080px;
	margin: 0 auto;
}

.rss-list {
    width:100%;
	margin:0px auto;
}
.rss-list a {
	position:relative;
    float: left;
    width: 240px;
	overflow:hidden;
	display:inline-block;
	font-size:1.6rem;
}

.rss-list a:nth-child(-n + 3){
    margin: 0 35px 0 0;
}

.rss-list a:hover {
	opacity: 0.7;
    transition: 0.2s;
}


.rss-image {
	width:100%;
    height: 160px;
	background-position : center;
	background-size     : cover;
	overflow            : hidden;
}

.rss-title {
	padding:4px 5px;
	color: #ffaab9;
}

.rss-date {
    padding: 2px 5px;
    font-size: 1.4rem;
    color: #ffaab9;
}



/*テスト*/
.toplink {
	position: relative;
	width: 50%;
	height: 320px;
	display: flex;
	text-align: center;
	justify-content: center;
  align-items: center;
	background-position: center;
	background-size: cover;
	background-repeat:no-repeat;
}

.toplinkbgimg1 {
	background-image: url("image/top/toplinkbg1.jpg");
}

.toplinkbgimg2 {
	background-image: url("image/top/toplinkbg2.jpg");
}

.toplinkbgimg3 {
	background-image: url("image/top/toplinkbg3.jpg");
}

.toplinkbgimg4 {
	background-image: url("image/top/toplinkbg4.jpg");
}

.colorfilterred {
	position: absolute;
	background-color: #ff6060;
	top:0;
	opacity: 0.7;
	width: 100%;
	height: 320px;
	border-top: 8px solid black;
	border-bottom: 4px solid black;
	border-left: 8px solid black;
	border-right: 4px solid black;
	box-sizing: border-box;
}

.colorfiltergreen {
	position: absolute;
	background-color:#22c722 ;
	top:0;
	opacity: 0.7;
	width: 100%;
	height: 320px;
	border-top: 8px solid black;
	border-bottom: 4px solid black;
	border-left: 4px solid black;
	border-right: 8px solid black;
	box-sizing: border-box;
}

.colorfilterblue {
	position: absolute;
	background-color:#5f5fff ;
	top:0;
	opacity: 0.7;
	width: 100%;
	height: 320px;
	border-top: 4px solid black;
	border-bottom: 8px solid black;
	border-left: 4px solid black;
	border-right: 8px solid black;
	box-sizing: border-box;
}

.colorfilteryellow {
	position: absolute;
	background-color:#ffb630;
	top:0;
	opacity: 0.7;
	width: 100%;
	height: 320px;

	border-top: 4px solid black;
	border-bottom: 8px solid black;
	border-left: 8px solid black;
	border-right: 4px solid black;
	box-sizing: border-box;
}

.toplinkflex {
	display: flex;
	flex-wrap: wrap;
}

.toplinkcontent {
	z-index: 15;
	text-align: center;
	width: 100%;
}

.toplinkcatch {
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
	font-size: 2.4rem;
	color: #fff;
	vertical-align: middle;
	margin-bottom: 2.8rem;
}

.toplinkarticle {
	max-width: 720px;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 300;
	font-size: 2.0rem;
	line-height: 1.5;
	color: #fff;
	margin: 0 auto 2.8rem;
}

.linkto {
	display: inline-block;
	text-align: center;
	border: 1px solid #727272;
  border-radius: 2.2rem;
	padding: 1.4rem 5.6rem;
	margin-bottom: 2.8rem;
	font-size: 1.6rem;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
	color: #727272;
    background: #fff;
}

a:visited {
	color: #727272;
}

.seawave {
	background-image: url("image/common/wave.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	max-width: 400px;
	height: 80px;
	margin: 0 auto;
}

.img {
	position: absolute;
}

.img1 {
	top: -40px;
	left: -72px;
    width: 300px;
    height:152px;
}

.img2 {
	top: 0px;
	right: 90px;
    width: 104px;
    height: 104px;
}

.img3 {
	top: -16px;
	right: 0px;
    width: 80px;
    height: 80px;
}

.img4 {
    max-width: 730px;
    height: 157px;
    margin: 32px auto 0;
    background: url(image/top/about_img4.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.img5 {
	left: 0;
	top: -120px;
    width: 90px;
    height: 113px;
}

.img6 {
	right: -56px;
	top: 80px;
    width: 78px;
    height: 78px;
}

.img7 {
	right: -56px;
	top: -80px;
    width: 45px;
    height: 115px;
}

.img8 {
	top: -80px;
	left: 0;
    width: 60px;
    height: 93px;
}

.img9 {
	top: -40px;
	left: 0;
    width: 78px;
    height: 78px;
}

.img10 {
	top: -40px;
	right: 0;
    width: 90px;
    height: 113px;
}

.img11 {
	top: -53px;
	left: 0;
    width: 90px;
    height: 53px;
}

.img12 {
	top: -37px;
	left: 184px;
    width: 42px;
    height: 37px;
}

.img13 {
	top: -71px;
	right: 120px;
    width: 78px;
    height: 71px;
}

.img14 {
	top: -47px;
	right: 0;
    width: 72px;
    height: 47px;
}

.fab {
	font-size: 3.2rem;
	margin: 0 3.2rem;
	color: #595959;
}

.headphoto {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 auto
}

.topslider {
	top: 0;
	width:100%;
	height: 70vh;
	margin: 0 auto 3.2rem;
}


.topslider-1 {
	background-image: url("image/top/topslider1.jpg");
}

.topslider-2 {
	background-image: url("image/top/topslider2.jpg");
}

.topslider-3 {
	background-image: url("image/top/topslider3.jpg");
}

.topslider-4 {
	background-image: url("image/top/topslider4.jpg");
}

.hpone {
    width: 233px;
    height: 138px;
	background-image: url("image/top/about.png");
}

.hptwo {
    width: 233px;
    height: 138px;
	background-image: url("image/top/tostay.png");
}

.hpthree {
    width: 233px;
    height: 138px;
	background-image: url("image/top/meal.png");
}

.hpfour {
    width: 333px;
    height: 138px;
	background-image: url("image/top/howtospend.png");
}

.hpfive {
    width: 333px;
    height: 138px;
	background-image: url("image/top/access.png");
}

.headsub {
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 300;
	font-size: 1.6rem;
	color: #6f6f6f;
    margin-bottom: 32px;
}

.room_tyle {
	position: relative;
	height: 530px;
}

.tyle_one {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 530px;
}

.tyle_two {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 490px;
	height: 262px;
}

.tyle_three {
	position: absolute;
	top: 272px;
	left: 240px;
	width: 240px;
	height: 257px;
}

.tyle_four {
	position: absolute;
	top: 272px;
	left: 490px;
	width: 240px;
	height: 257px;
}

.mealflex {
	display: flex;
	justify-content: space-between;
}

.meal_tyle {
	position: relative;
	width: 50%;
	height: 560px;
    margin-right: 32px;
}
/*
.meal_one {
	position: absolute;
	width: 250px;
	height: auto;
}

.meal_two {
	position: absolute;
	width: 132px;
	height: auto;
	top: 280px;
	right: 0px;
}

.meal_three {
	position: absolute;
	width: 253px;
	height: auto;
	top: 308px;
	left: -72px;
	transform: rotate(20deg);
}
*/
.mealbox {
    display: flex;
	width: 100%;
	justify-content: space-between;
    margin-bottom: 32px;
}

/*.meal_one {
	width: 33%;
	background-image: url("image/meal/mealone.jpg");
    background-size: cover;
    background-position: center;
}
*/

.meal_one::before{
	content: "";
	display: block;
	padding-top: 60%;
}

.meal_two {
	width: 49%;
	background-image: url("image/meal/mealtwo.jpg");
    background-size: cover;
    background-position: center;
}

.meal_two::before{
	content: "";
	display: block;
	padding-top: 60%;
}

.meal_three {
	width: 49%;
	background-image: url("image/meal/mealthree.jpg");
    background-size: cover;
    background-position: center;
}

.meal_three::before{
	content: "";
	display: block;
	padding-top: 60%;
}


.meal_article {
	width: 50%;
	height: 560px;
}

.spendbox {
    display: flex;
	max-width: 100%;
	justify-content: space-between;
    margin-bottom: 32px;
}

.spend_one {
	width: 32%;
	border-radius: 50%;
	background-image: url("image/top/leisureone.jpg");
    background-size: cover;
    background-position: center;
}

.spend_one::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.spend_two {
	width: 32%;
	border-radius: 50%;
	background-image: url("image/top/leisuretwo.jpg");
    background-size: cover;
    background-position: center;
}

.spend_two::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.spend_three {
	width: 32%;
	border-radius: 50%;
	background-image: url("image/top/leisurethree.jpg");
    background-size: cover;
    background-position: center;
}

.spend_three::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.access_item {
    display: flex;
	justify-content: flex-start;
    width: 100%;
    margin-bottom: 16px;
}

.access_article {
	text-align: left;
}

.access_article > p {
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #595959;
}

.access_one {
	min-width: 64px;
	height: 64px;
    margin: 0 16px 0 0;
	border-radius: 50%;
	background-color:#3391a2;
}

.prmv {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.prmv iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/*room*/

.roomhero {
    background-image:url("image/timeflo/timeflotop.jpg");
    background-position: top;
}

.roombox {
    display: flex;
    justify-content: space-around;
	margin: 0 0 16px 0;
}

.aboutmv {
    font-size: 1.6rem;
    margin-bottom: 12px;
    text-align: left;
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
	line-height: 1.5;
	color: #595959;
}

.aboutmv > i {
    font-size: 1.6rem;
}

.room {
	min-width: 50%;
	height: 320px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.roomone {
    background-image: url("image/room/room1.jpg");
}

.roomtwo {
    background-image: url("image/room/room2.jpg");
}

.roomthree {
    background-image: url("image/room/room3.jpg");
}

.slider1 {
	top: 0;
	width: 100%;
	height: 720px;
	margin: 0 auto 5.6rem;
}



.swiper-slide {
	background-size: cover;
	background-position: center;
}

.timefloslider {
	width: 100%;
	height: 360px;
	margin-bottom: 32px;
}

.timefloslider-1 {
	background-image:url("image/timeflo/timefloslider1.jpeg");
}

.timefloslider-2 {
	background-image:url("image/timeflo/timefloslider2.jpeg");
}

.timefloslider-3 {
	background-image:url("image/timeflo/timefloslider3.jpeg");
}

.timefloslider-4 {
	background-image:url("image/timeflo/timefloslider4.jpeg");
}

.timefloslider-5 {
	background-image:url("image/timeflo/timefloslider5.jpeg");
}

.timefloslider-6 {
	background-image:url("image/timeflo/timefloslider6.jpeg");
}

.timefloslider-7 {
	background-image:url("image/timeflo/timefloslider7.jpeg");
}

.timefloslider-8 {
	background-image:url("image/timeflo/timefloslider8.jpeg");
}

.timefloslider-9 {
	background-image:url("image/timeflo/timefloslider9.jpeg");
}

.timefloslider-10 {
	background-image:url("image/timeflo/timefloslider10.jpeg");
}

.timefloslider-11 {
	background-image:url("image/timeflo/timefloslider11.jpeg");
}

.timefloslider-12 {
	background-image:url("image/timeflo/timefloslider12.jpeg");
}


.partarticle {
	margin: 0 0 0 0.4rem;
    width: 45%;
}

.partarticle > p {
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 300;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #595959;
}

.roominfo {
    margin: 0 0 5.6rem 0;
}

.roominfo > h2 {
   margin: 0 0 5.6rem 0;

}


.aboutroom {
    margin: 0 auto 56px;
    max-width: 400px;
    text-align: left;
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";

}

.aboutroom > p {
    font-size: 2.0rem;
	line-height: 1.5;
    color: #595959;
	font-weight: 300;
}

.cotagemap {
	max-width: 720px;
	margin: 0 auto 56px;
	background-image: url("image/room/cotagemap.jpg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.cotagemap::before {
	display: block;
	content: "";
	padding-top: 66.6%;
}

dl {
    text-align: left;
    max-width: 1024px;
    margin: 0 auto;
}

dt {
    line-height: 56px;
    font-size: 2.2rem;
    font-weight: 300;
    color: #595959;
    height: 56px;
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    border-bottom: 0.5px solid #595959;
}

dt > span {
    color:#3391a2;
    font-size: 2.0rem;
}

dd {
		margin: 0 0 3.6rem 0;
}

dd p {
    font-size: 2.0rem;
    margin: 0;
    color: #6f6f6f;
    text-indent: 1em;
    padding: 1.0rem;
    line-height: 1.6;
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-weight: 300;
}

/*食事*/
.mealhero {
    background-image: url("image/education/mealtop.jpg");
    background-position: center;
}

.morning {
	width: 100%;
	margin: 0 auto 32px;
	background-image:url("image/physical.jpeg");
	background-position: center;
	background-size: cover;
	background-repeat:no-repeat;
}

.morning::before {
	display: block;
	content: "";
	padding-top: 50%;
}

.educationslider {
	width: 100%;
	height: 360px;
	margin-bottom: 32px;
}

.educationslider-1 {
	background-image:url("image/education/educationone.jpg");
}

.educationslider-2 {
	background-image:url("image/education/educationtwo.jpg");
}

.educationslider-3 {
	background-image:url("image/education/educationthree.jpg");
}

.educationslider-4 {
	background-image:url("image/education/educationfour.jpg");
}

.educationslider-5 {
	background-image:url("image/education/educationfive.jpg");
}

.fs12 {
	display: inline-block;
	margin:8px 0 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: #595959;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
}

/*レジャー*/
.leisurehero {
    background-image: url("image/leisure/leisuretop.jpg");
    background-position: center;
}

.widedl {
    max-width: 100%;
    margin: 0 auto;
}

.slider2 {
    width: 100%;
    height: 320px;
    margin-bottom: 32px;
}

.scslider1 {
    background-image:url("image/leisure/scslider1.jpg");
}

.scslider2 {
    background-image:url("image/leisure/scslider2.jpg");
}

.scslider3 {
    background-image:url("image/leisure/scslider3.jpg");
}

.scslider4 {
    background-image:url("image/leisure/scslider4.jpg");
}

.scslider5 {
    background-image:url("image/leisure/scslider5.jpg");
}

.scslider6 {
    background-image:url("image/leisure/scslider6.jpg");
}


.leisuretable {
	margin: 0 auto 40px;
	width: 96%;
}

.leisuretable thead th {
	text-align: left;
	line-height: 56px;
    font-size: 2.0rem;
    font-weight: 300;
    color: #595959;
    height: 56px;
    background: #fff;
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    border-bottom: 0.5px solid #595959;
}

.leisuretable thead th > span{
    font-size: 2.0rem;
}

tbody tr {
    margin: 0;
	border-bottom: 0.5px dotted #595959;
}

tbody th, tbody td {
	min-width: 80px;
	font-size: 2.0rem;
	text-align: left;
	    color: #6f6f6f;
    text-indent: 0em;
    padding: 20px;
    line-height: 1.5;
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-weight: 300;
}

/*料金*/

.startmv {
	width: 100%;
	height: 320px;
	background-image:url("image/start.jpeg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.feetable {
	margin: 0 auto 48px;
	width: 96%;
}

.feetable thead th {
		text-align: center;
		line-height: 56px;
    font-size: 2.0rem;
    font-weight: 300;
    color: #595959;
    height: 56px;
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    border-bottom: 0.5px solid #595959;
}

.feetable thead th > span{
    font-size: 2.0rem;
}



/*アクセス*/
.blankspace {
    width: 100%;
    height: 160px;
}

.accessinfo {
	max-width:480px;
	text-align: left;
    padding: 0 1%;
	margin: 0 auto;
}

.accessinfo > p {
    color: #595959;
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.accesstel {
    display: flex;
    justify-content:space-around;
    align-items: center;
    color: #595959;
	max-width: 720px;
	text-align: center;
	margin: 0 auto 2.8rem;
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}


.accesstel > p {
    display: inline-block;
    height: 100%;
    font-size: 2.0rem;
    color: #595959;
    font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-weight: 300;
}

.accesstelto {
    font-size: 2.2rem;
    color: #595959;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
}


.accessmv-box {
	width: 100%;
	margin: 0 0 80px 0;
    position: relative;
}

.accessmv {
    width: 100%;
    height: 600px;
	background-size: cover;
}

.map {
	margin-bottom: 16px !important;
}

.ss-content {
	display: flex;
	justify-content: space-between;
	max-width: 730px;
	margin: 0 auto 90px;
}

.ss-content-article {
	width: 50%;
	text-align: left;
}

.ss-content-photo {
	width: 40%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.ss-content-photo::before {
	content: "";
	display: block;
	padding-top: 66%;
}

.sscatch_part {
	margin-bottom: 12px;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
	font-size: 2.0rem;
	line-height: 1.5;
	color: #595959;
}

.ssarticle{
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 200;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #595959;
}

.ssphoto1 {
	background-image: url("image/access/ss1.jpeg");
}

.ssphoto2 {
	background-image: url("image/access/ss2.jpeg");
}

.ssphoto3 {
	background-image: url("image/access/ss3.jpeg");
}

.ssphoto4 {
	background-image: url("image/access/ss4.jpeg");
}

.ssphoto5 {
	background-image: url("image/access/ss5.jpeg");
}

/*お知らせ*/
.newshero {
    background-image:url("image/recruit.jpg");
    background-position: center;
}

.newsarticle {

	max-width: 720px;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 300;
	font-size: 2.0rem;
	line-height: 1.5;
	color: #595959;
	margin: 0 auto 2.8rem;
    text-align: left;
}

.fcorange {
    color: orange;
    font-size: 2.0rem;
    font-weight:bold;
}

.newsimgone {
    margin: 0 auto 2.8rem;
    width: 100%;
    max-width: 720px;
    height: 320px;
    background-image: url("image/top/topslider3.jpg");
    background-position: center;
    background-size: cover;
}

.newsimgtwo {
    margin: 0 auto 2.8rem;
    width: 100%;
    max-width: 720px;
    height: 320px;
    background-image: url("image/DSC_0178.jpeg");
    background-position: center;
    background-size: cover;
}


/*ipad縦以下*/
@media screen and (max-width: 1024px) {

/*共通*/



#nav {
	display: none;
}

.reserve {
	display: none;
}

 #nav-drawer {
      display: block;
}

.gnav {
  display: none;
}


.openinfo p {
    	margin: 0 0 24px 0;
		letter-spacing: 0.9px;
		font-size: 1.8rem;
}

.copyright-inner {
        width: 984px;
}

/*ハンバーガーアイコン*/
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  position: relative;
  position: fixed;
  padding: 7px;
  width: 46px;
  height: 46px;
  top: 0;
  right: 0;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  z-index: 10000;
  opacity: 0.9;
}

/*ハンバーガーアイコンをCSSだけで表現*/
.top, .middle, .bottom {
  position: absolute;
  height: 2px;/*線の太さ*/
  width: 48px;/*長さ*/
  border-radius: 3px;
  background: #333333;
  display: inline-block;
  content: '';
    top: calc(50% - (1px / 2));
    transition: .3s;
}

.top {
    transform: translate(0, -11px);
}

.middle {

}
.bottom {
    transform: translate(0, 11px);
}

.seawave {
	max-width: 240px;
	height:48px;
	margin: 0 auto;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
  cursor: pointer;
}


/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*左側に隙間を作る（閉じるカバーを表示）*/
  max-width: 450px;/*最大幅（調整してください）*/
  height: 100%;
  background: #F5F5F5;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(105%);
  transform: translateX(105%);/*左に隠しておく*/

  /*以下オリジナル*/
	font-size: 2.8rem;
	opacity: 0.9;
}

#nav-content ul {
    padding: 96px 0 0 64px;
	text-align: left;
}

#nav-content ul li {
	margin: 48px 0;
}

#nav-content ul li a {
	letter-spacing: 3px;
	font-family:"ヒラギノ丸ゴ pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 300;
	font-size: 2.0rem;
	color: #595959;
}

.nav-sns-icons {
	padding: 26px 0 0 48px;
	text-align: left;
}

.nav-sns-icons a {
    margin: 0 12px;
}


/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#nav-input:checked ~ #nav-open .middle {
        opacity: 0;
    }

#nav-input:checked ~ #nav-open .top {
        transform: rotate(-45deg) translateY(0px);
    }

#nav-input:checked ~ #nav-open .bottom {
        transform: rotate(45deg) translateY(0px);
    }

.instacontainer {
	width: 730px;
}

.instagramitem {
		width: 140px;
		height: 140px;
		margin: 3px;
	}

/*トップ*/

.topcatch {
	font-size: 2.2rem;
	line-height: 1.5;
	letter-spacing: 0.2rem;
}

.mbhalfcontent {
	margin: 0 auto;
}

.img6 {
	right: 0px;
}

.img7 {
	right: 0px;
}


/*.meal_one {

	width: 250px;
}

.meal_two {
	width: 132px;
	top: 232px;
	right: 16px;
}

.meal_three {
	width: 253px;
	top: 308px;
	left: 0px;
}

.meal_one > img {
	width: 250px;
	height: auto;
}

.meal_two > img {
	width: 132px;
	height: auto;
}

.meal_three > img {
	width: 290px;
	height: auto;
}
	*/








/**/
/**/
/**/
}

@media (max-width: 896px) {


	.instagramitem {
		width: 133.6px;
		height: 133.6px;
	}

    .instagramitem:nth-child(n + 11){
        display: none;
    }

}


/*iphone縦以下*/
@media screen and (max-width: 468px) {

/*共通*/

#nav-content ul li {
	margin: 32px 0;
}


.herov {
	height: 70vh;
    margin-bottom: 32px;
}

.content {
    padding: 0 3%;
	margin: 0 auto 56px;
}

.catch {
	font-size: 1.8rem;
	line-height: 1.5;
	margin-bottom: 2.0rem;

}

.caution {
	font-size: 1.0rem;
}


.headsub {
	font-size: 1.2rem;
}

.article {
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 2.8rem;
}

.catch_part {
	font-size: 1.8rem;
	line-height: 1.5;
	margin-bottom: 16px;
}

.catch_subpart {
	font-size: 2.0rem;
	line-height: 1.5;
	margin-bottom: 2.4rem;
}

.linkto {
	padding: 0.8rem 2.4rem;
	margin-bottom: 2.8rem;
	font-size: 1.4rem;
}

.reserve_blue {
	margin: 0 auto 88px;
	max-width: 720px;
	color: #fff;
}

.reserve_blue > a {
	display: inline-block;
}

.tel {
    max-width:1024px;
	text-align: center;
	margin: 0 auto;
    vertical-align: middle;
}
	.tel > p {
		font-size: 1.2rem;
	}

.telto {
    font-size: 1.2rem;
}

.sunmark {
	width: 100%;
	height: 3.2rem;
	margin: 3.2rem 0;
}

.instacontainer {
	width: 320px;

}

.instagramitem {
        margin: 1.3px;
        width: 104px;
        height: 104px;
    }

    .instagramitem:nth-child(n + 7){
        display: none;
    }

footer {
    padding: 0 0 4.8rem 0;
}

.footerbottom {
	width:100%;
	margin: 0 auto 3.2rem;
}

.footerbottom > ul > li {
	width: 20%;
}

.copyright {
    font-size: 1.2rem;}

.sp-display {
	display: block;
}

	.pc-display {
		display: none;
	}

/*トップ*/

.keyv {
	height: 70vh;
  margin-bottom: 32px;
}

.news {
    padding: 0 1%;
	/*margin: 0 auto 40px;*/
}

.news a {
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.topnewscolor {
    color: orange;
    font-size: 1.4rem;
}


.videolayer {
    height: 70vh;
    width: 100%;
}

#video {
	height: 70vh;
	margin:0 auto;
	position: absolute;
}

.topmessage {
	width: 191px;
	top: 16vh;
}

	.topmessage > img {
		width: 191px;
	}

.mbhalfcontent {
    margin: 0 auto 32px;
}

.topcatch {
    font-size: 2.0rem;
    line-height: 1.5;
    letter-spacing: 0.1rem;
	margin-bottom: 40px;
}

.topslider {
    top: 0;
    width: 100%;
    height: 70vh;
    margin: 0 auto 3.2rem;
}

.img1 {
	top: -10px;
	left: -72px;
    width: 180px;
    height:91px;
}

.img2 {
	top: 24px;
	right: 40px;
    width: 62px;
    height: 62px;
}

.img3 {
	top: 0px;
	right: 0px;
    width: 60px;
    height: 60px;
}

.img4 {
    width: 90%;
    height: 157px;
    margin: 16px auto 0;
    background: url(image/top/about_img4.svg);
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
}

.img5 {
	left: 0;
	top: -60px;
    width: 54px;
    height: 67px;
}

.img6 {
	right: 16px;
	top: 80px;
    width: 47px;
    height: 47px;
}

.img7 {
	right: 16px;
	top: -80px;
    width: 27px;
    height: 69px;
}

.img8 {
	top: -80px;
	left: 0;
    width: 36px;
    height: 55.8px;
}

.img9 {
	top: -40px;
	left: 0;
    width: 46.8px;
    height: 46.8px;
}

.img10 {
	top: -40px;
	right: 0;
    width: 54px;
    height: 67.8px;
}

.img11 {
	top: -31.8px;
	left: 8px;
    width: 54px;
    height: 31.8px;
}

.img12 {
	top: -22.2px;
	left: 92px;
    width: 33.6px;
    height: 22.2px;
}

.img13 {
	top: -42.6px;
	right: 80px;
    width: 46.8px;
    height: 42.6px;
}

.img14 {
	top: -28.2px;
	right: 8;
    width: 43.2px;
    height: 28.2px;
}

.slider {
	width:100%;
	height: 300px;
}

.hpone {
    width: 186px;
    height: 110px;
}

.hptwo {
    width: 186px;
    height: 110px;
}

.hpthree {
    width: 186px;
    height: 110px;
}

.hpfour {
    width: 266px;
    height: 110px;
}

.hpfive {
    width: 266px;
    height: 110px;
}

.room_tyle {
	position: relative;
	width: 345px;
	height: 260px;
}

.tyle_one {
	top: 0;
	left: 0;
	width: 108.1px;
	height: 249.57px;
}

.tyle_two {
	top: 0;
	left: 113.1px;
	width: 230.3px;
	height: 123.14px;
}

.tyle_three {
	top: 128.14px;
	left: 113.1px;
	width: 112.8px;
	height: 120.79px;
}

.tyle_four {
	top: 128.14px;
	left: 230.9px;
	width: 112.8px;
	height: 120.79px;
}

.tyle_one >img {
	width: 108.1px;
	height: 249.57px;
}

.tyle_two >img {
	width: 230.3px;
	height: 123.14px;
}

.tyle_three >img {
	width: 112.8px;
	height: 120.79px;
}

.tyle_four >img {
	width: 112.8px;
	height: 120.79px;
}

.mealflex {
	flex-flow: column-reverse;
}


.meal_tyle {
	width: 100%;
	height: 400px;
    margin-right: 0px;
}
/*
.meal_one {
	position: absolute;
	width: 200px;
	height: auto;
	left: 56px;
}

.meal_two {
	position: absolute;
	width: 108px;
	height: auto;
	top: 160px;
	right: 0px;
}

.meal_three {
	position: absolute;
	width: 232px;
	height: auto;
	top: 216px;
	left: 0px;
	transform: rotate(20deg);
}

.meal_one > img {
	width: 200px;
	height: auto;
}

.meal_two > img {
	width: 108px;
	height: auto;
}

.meal_three > img {
	width: 232px;
	height: auto;
}
*/
.meal_article {
	width: 100%;
	height: 400px;
}

/*コテージ*/
.roombox {
    justify-content: space-around;
	flex-direction: column;
	margin: 0 0 48px 0;
}

.room {
	margin-bottom: 16px;
	min-width: 100%;
	height: 245px;

}

.partarticle {
	margin: 0 0 0 0.4rem;
    width: 100%;
}

.partarticle > p {
	font-size: 1.6rem;
	line-height: 1.5;
}

.slider2 {
    height: 245px;
}

.roominfo {
    margin: 0 0 3.2rem 0;
}

.roominfo > h2 {
    margin: 0 0 3.2rem 0;
}

.aboutroom {
	width: 90%;
	margin: 0 auto 32px;

}

.aboutroom > p {
    font-size: 1.6rem;
}

dl {
    width: 90%;
}

dt {
    line-height: 48px;
    font-size: 1.6rem;
    height: 48px;
}

dt > span {
    font-size: 1.6rem;
}

dd {
    margin: 0;
}

dd p {
    font-size: 1.4rem;
    margin: 0;
    text-indent: 1em;
    padding: 8px;
    line-height: 1.6;
}
/*食事*/

.educationslider {
    height: 245px;
    margin-bottom: 32px;
}

/*レジャー*/
.leisuretable {
	margin: 0 auto 12px;
}

.leisuretable thead th {
	line-height: 48px;
    font-size: 1.4rem;
    height: 48px;
}

.leisuretable thead th > span{
    font-size: 1.6rem;
}

tbody tr {
	border-bottom: 0.5px dotted #595959;
}

tbody th, tbody td {
	font-size: 1.2rem;
    text-indent: 0.5em;
    padding: 16px 8px;
}

tbody th {
	padding: 0 16px 0 0;
}


/*料金*/
.feetable {
	margin: 0 auto 24px;
}

.feetable thead th {
	line-height: 48px;
    font-size: 1.4rem;
    height: 48px;
}

.feetable thead th > span{
    font-size: 1.6rem;
}


/*アクセス*/

.blankspace {
    height: 120px;
}

.accessinfo {
    width: 90%;
    text-align: left;
    padding: 0 1%;
    margin: 0 auto;
}

.accesstel > p {
    font-size: 1.4rem;
}

.accesstelto {
    font-size: 1.6rem;
}

.ss-content {
	justify-content: center;
	margin: 0 auto 48px;
}

.ss-content-article {
	width: 95%;
	text-align: left;
}

.ss-content-photo {
	width: 100%;
}

/*お知らせ*/
.newsarticle {
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 2.8rem;
}

.fcorange {
    font-size: 1.4rem;
    font-weight:bold;
}

    .newsimgone {
        margin-bottom: 2.8rem;
        height: 200px;
    }

	.newsimgtwo {
        margin-bottom: 2.8rem;
        height: 200px;
    }

}