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

/*共通*/

html {
	font-size: 100%;
}

body {
		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
		color: #333333;
		font-weight: normal;
}

a {
	color:#333333;
}

#wrap {
	width: 100%;
}

header {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	align-items: center;
  background-color: rgba(73, 188, 189, 0.8)!important;
  transition-duration:0.5s;
	border-bottom: solid 1px rgb(242,154,118);
}

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/top/logo_wide.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 {
	color: #fff;
}

#nav li a span.en {
    display: block;
    font-size: 1.2rem;
		color: #fff;
		font-weight: 200;
}

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

#nav li a span.jp {
    display: none;
    font-size: 1.2rem;
	color: #fff;
	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;
}

.fixbar {
	display:none;
	position:fixed;
	bottom: 0;
	width: 100%;
	height: 40px;
	z-index: 9999;
	opacity: 0.5
	color: #fff;
}

.fixbar-1 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
	font-size: 1.6rem;
	line-height: 1.2;
	text-align: center;
	color:#fff;
	background: rgb(242,154,118);
}

.fixbar-2 {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #fff;
	width: 20%;
}

.fixbar-1 :link, .fixbar-1 :visited, .fixbar-1 :hover, .fixbar-1 :active {
    color:#fff;
}

.reserve {
	width: 180px;
	height: 60px;
	color: #fff;
	background: rgb(242,154,118);
	font-size: 1.2rem;
	text-align: center;
}

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

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

.reserve_blue {
	padding: 16px 0;
	margin: 0 auto 48px;
	max-width: 720px;
	color: #fff;
	background: rgb(242,154,118));
	text-align: center;
	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-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;
	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: 1840px;*/
  padding: 2%;
	margin: 0 auto;
	background: #fff;
}

.bg-blue {
  background:rgb(73, 188, 189);
	color: #fff;
}

.top-bg-color {
  background:rgba(106, 79, 54, 0.6);
	color: #fff;
}

.bg-gray {
	background-color: #eee;
}

.bg-orange {
	background:rgb(242,154,118);
	color: #fff;
}

.line-through {
	color: red;
	text-decoration: line-through;
}

.colorblack {
	color: black;
}

.colorred {
	color: #ff6b00;;
}

.newswrap {
    width: 100%;
    background:#f1f1f1;
}

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

.news a {
    font-size: 1.4rem;
		color: #333333;;
    line-height: 2.4rem;
		font-weight: normal;
}

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

.newssent {

	    font-size: 1.6rem;
	    line-height: 3.2rem;

			font-weight: bold;
			background: -webkit-linear-gradient(
		60deg
		,#7af9ff, #f951ff,#faea3d, #fd644f);
  background-size:400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textAnime 15s infinite;
}

@keyframes textAnime{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.grid-item:hover {
	filter: grayscale(0);
	transform: scale(1.05);
	transition: 0.2s;
	z-index: 3;
	position: relative;
}

.infolinkwrap {
    width: 100%;
    background:#dedede;
    /*margin-bottom: 2.8rem;*/
}

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

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

.topnewscolor {
    color: rgb(242,154,118);
    font-size: 1.4rem;
}

.infolinkcolor {
		color: rgb(73, 188, 189);
    font-size: 1.4rem;
}

.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;
}

.catch {
	font-weight: 200;
	font-size: 2.4rem;
	line-height: 1.5;
	margin-bottom: 2.8rem;
}

.article {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: 0.1rem;
	margin: 0 0 2.4rem 0;
	max-width: 1000px;
}

.catch_article {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: 0.1rem;
	margin: 0 auto;
	max-width: 1024px;
}

.catch_part {
    margin: 0 auto 24px;
    padding:0.8rem;
    font-size: 2.4rem;
    line-height: 1.7;
    letter-spacing: 0.2rem;
    text-align: left;
}

.catch_subpart {
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 1.2rem;
	color: rgb(242,154,118)
}

.bgfix{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 400px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.bgfixconts{
	width: 320px;
	font-size:32px;
	text-align:center;
	margin: 0 auto;
	color: #fff;
	font-family: 'Noto Serif JP', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	text-shadow: 2px 2px 4px #777, -2px 2px 4px #777, 2px -2px 4px #777, -2px -2px 4px #777;
}

.bgfix1{
	background-image:url(image/bgone.jpg);
}

.bgfix2{
	background-image:url(image/bgtwo.jpg);
}

.bgfix3{
	background-image:url(image/bgthree.jpg);
}

footer {
	width: 100%;
}

.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%;
    font-weight: normal;
    text-align: center;
    margin: 0 auto;
    padding: 1.6rem 0;
}

.footermiddle > a {
	color: #333333;
}

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

.footerbottom > ul {
	width: 100%;
}

.footerbottom > ul > li {
	width: 25%;
	font-size: 1.2rem;
	font-weight: normal;
}

.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:color: #333333;
}

.footer h4 {
	font-size: 1.4rem;
}

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

.copyright {
	text-align: center;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	font-weight: normal;
}

.sunmark {
	width: 100%;
	height: 3.2rem;
	margin: 5.6rem 0;
	background-image: url("image/room/sunmark.jpg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.caution {
	font-size: 1.2rem !important;
	line-height: 1.5 !important;
	letter-spacing: 0.1rem;
	color: gray;
	padding: 0 0 0 4vw;
}

.sp-display {
	display: none;
}

.sp-unshown {
	display: none;
}

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


.herov {
	display: flex;
	position: relative;
	justify-content: center;
  align-items: center;
	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;
}

.blackline {
	margin: 0 1rem;
	height: 100px;
	width: 4px;
	background-color: #000;
}


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

@media screen and (max-width: 1024px) {

.fixbar{
	display: flex;
}
.sp-unshown {
	display: none;
}

.sp-shown {
	display: block;
}

}

@media screen and (max-width: 468px) {

html {
	font-size:62%;
}


}

/*トップ*/


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

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

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

.toyoutube {
	position: absolute;
	z-index: 10;
	bottom: 10px;
	right: 20px;
	color: #fff;
	font-size: 1.4rem;
	border-bottom: 1px solid #fff;
}

.toyoutube:link, .toyoutube:visited, .toyoutube:hover, .toyoutube:active {
  color: #fff;
}

.topmessage {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 310px;
	height: 324px;
	z-index: 4;
}

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

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

.toplinkicon > a {
	width:40%;
	padding: 10px 8px;
	border: 1px solid #fff;
	border-radius: 20px;
	margin: 0 0 16px 0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
}

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

.topcatch {
	font-weight: 200;
	font-size: 3.2rem;
	line-height: 1.5;
	letter-spacing: 0.6rem;
}



.linkto {
	display: inline-block;
	text-align: center;
	padding: 1.4rem 5.6rem;
	margin:0 auto;
	font-size: 1.2rem;
  background: rgb(212,83,21);
	color:#fff;
}

a:visited {
	color: #333333;
}

.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;

}

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

.topslider {
	top: 0;
	width:100%;
	height: 100%;
	z-index: -1;
	position: absolute;
}


.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-weight: 300;
	font-size: 1.6rem;
	color: #8C8C8C;
    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;
}

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

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

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

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

.spend_three {
	width: 32%;
	border-radius: 50%;
	background-image: url("image/leisure/leisurethree.jpeg");
    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-weight: 300;
	font-size: 1.6rem;
	line-height: 1.5;

}

.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;
}

/*トップリニューアル*/
.top-about {
  max-width: 1720px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 3.2rem;
}

.sunmarkblack {
  background-image: url("image/sunmark.jpg");
  width: 100%;
	height: 2.4rem;
	margin: 0;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.top-catch {
  font-size: 3.2rem;
  text-align: center;
  letter-spacing: 0.1em;
  margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-weight: 400;
}

.catchsub {
  font-size: 1.6rem;
  text-align: center;
  color: rgb(242,154,118);
  letter-spacing: 0.1em;
  line-height: 1.5;
	margin: 0 0 3.2rem 0;
}

.articlehead {
	font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.intro {
  position:relative;
  width: 100%;
  padding: 3.2rem 0;
  margin: 0 0 3.2rem 0;
  overflow: hidden;
}

.intro-container {
  max-width: 1024px;
  margin: 0 auto;
	padding: 0 2%;
  color:#fff;
	z-index: 3;
}

.intro-lead {
  font-size: 3.5rem;
	font-family: 'Noto Serif JP', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.intrologo {
	overflow: hidden;
}

.orangeline {
  width: 160px;
  height: 4px;
  background:rgb(242,154,118);
	margin: 1.2rem 0;
}

.vividorangeline {
  width: 160px;
  height: 4px;
  background:rgb(212,83,21);
	margin: 1.2rem 0;
}

.grayline {
  width: 160px;
  height: 4px;
  background:#dedede;
	margin: 1.2rem 0;
}

.intro-catch {
  font-size: 2.0rem;
  line-height: 3.2rem;
	margin: 0 0 1.6rem 0;
	font-weight: normal;
	letter-spacing: 0.1em;
}

.intrologo {
  position: absolute;
  bottom: -80px;
  right: -60px;
  width: 800px;
  height: 500px;
  opacity: 0.3;
  background-image: url("image/1.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.toplinkbtntypeone {
  position: relative;
  width: 50%;
  height: 32vw;
}

.toplinkbtntypetwo {
  position: relative;
  width: 33.33%;
  height: 24vw;
}

.tl-1 {
  background-image:url("image/tl-1.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.tl-2 {
  background-image:url("image/tl-2.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.tl-3 {
  background-image:url("image/tl-3.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.tl-4 {
  background-image:url("image/tl-4.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.tl-5 {
  background-image:url("image/tl-5.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.tl-infomation {
		position: absolute;
		top:40%;
		width: 100%;
		color: #fff;
		text-align: center;
		text-shadow:  2px  2px 4px #777 ,
						 -2px  2px 4px #777 ,
							2px -2px 4px #777 ,
						 -2px -2px 4px #777
}

.tl-infomation > h2 {
		font-size: 2.4rem;
		letter-spacing: 0.2rem;
		font-family: 'Noto Serif JP', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.tl-infomation > p {
		font-size: 1.2rem;
		letter-spacing: 0.2rem;
		font-family: 'Noto Serif JP', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.undertextbox {
  position: absolute;
  bottom: 0;
  width: 96%;
  padding: 2%;
	font-size: 1.2rem;
  background: rgba(255, 255, 255, 0.6);
}

.aboutleisure {
	width: 100%;
  display :flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  max-width: 1720px;
  margin: 0 auto 3.2rem;
  height: 80vw;
}



.aboutleisure-1 {
  padding: 1vw 1%;
  width: 48%;
  /*height: 80vw;*/
  border-right: 1px solid gray;
	box-sizing: border-box;
}

.aboutleisure-1mv {
  width:100%;
  /*height: 30vw*/
}

.aboutleisure-right {
	width: 48%;
}

.yt {
  width:100%;
  height: 30vw;
}

.aboutleisure-2 {
  position: relative;
  display: flex;
  margin: 0 0 4vw 0;
  height: 17vw;
	box-sizing: border-box;
}

/*
.bb:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1vw;
  display: inline-block;
  width: 90%;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #767676;
}
*/

.aboutleisure-2 > p {
  display: inline-block;
  width: 48%;
  padding: 0 1%;
}

.aboutleisure-2p {
  min-width: 50%;
}

.al-a-box {
  padding:1vw 1%;
}

.al-2 {
  background-image:url("image/al-2.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.al-3 {
  background-image:url("image/al-3.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.al-4 {
  background-image:url("image/al-4.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.al-5 {
	background-image:url("image/al-5.jpeg");
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat;
  }

.al-6 {
	background-image:url("image/al-6.jpeg");
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat;
  }

.season {
  display: inline-block;
  color: #fff;
	margin: 0.2rem;
  padding: 0 8px;
  background:rgb(242,154,118);
  border-radius: 14px;

}

.aboutfacility {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 3.2rem;
}

.aboutfacility-0 {
  width: 100%;
  min-height: 48vw;
  background-image:url("image/af-0.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.aboutfacility-1 {
  width: 49%;
  height: 40vw;
  padding: 0.5%;
}

.aboutfacility-1photo {
  width: 100%;
  height: 24vw;
}

.af-a-box{
  width: 98%;
  padding: 1%;
}

.af-1 {
  background-image:url("image/af-1.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.af-2 {
  background-image:url("image/af-2.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.af-3 {
  background-image:url("image/af-3.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.af-4 {
  background-image:url("image/af-4.jpeg");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}

.bg-voices {
	top: 0;
	width:100%;
	height: 100%;
	z-index: -1;
	position: absolute;
	background-image: url("image/top/bgvoices.jpg");
	background-size:cover;
  	background-position: center;
  	background-repeat:no-repeat;
}

.footer {
	position: relative;
  padding: 1.6rem;
	overflow: hidden;
}

.footer-container {
		position: relative;
    max-width: 1024px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
	.aboutleisure {
		height: 100%;
	}

	.aboutfacility-0 {
		min-height: 48vw;
		margin-bottom: 0.4rem;
	}

	.aboutleisure-1 {
		width: 100%;
		/*height: 80vw;*/
		flex-direction: column;
		border-right: 0px;
		padding: 0;
	}

	.aboutleisure-1mv {
		height: 56vw;
	}
 
	.aboutleisure-right {
		width: 100%;
	}

	.aboutleisure-2 {
		height: 66vw;
		flex-direction: column-reverse;
	}

	.rv {
		flex-direction: column;
	}

	.al-2,.al-3,.al-4,.al-5,.al-6 {
		height: 56vw;
	}

	.aboutfacility-1 {
		width: 100%;
		min-height: 72vw;
	}

	.aboutfacility-1photo {
		height: 48vw;
	}

	.intrologo {
	    bottom: -40px;
	    right: -100px;
	    width: 400px;
	    height: 250px;
	}

}


@media screen and (max-width: 768px) {
  .toplinkbtntypeone,.toplinkbtntypetwo {
    width: 100%;
    height: 64vw;
  }

  .aboutleisure {
    height: 100%;
  }

	.aboutfacility-0 {
    min-height: 48vw;
		margin-bottom: 0.4rem;
}

  .aboutleisure-1 {
    width: 100%;
		flex-direction: column;
		border-right: 0px;
  }

	.aboutleisure-1mv {
	  height: 60vw;
	}

  .aboutleisure-2 {
    width: 100%;
    height: 96vw;
		flex-direction: column-reverse;
  }

	.rv {
		flex-direction: column;
	}

	.al-2,.al-3,.al-4,.al-5,.al-6 {
		height: 96vw;
	}

  .aboutfacility-1 {
    width: 100%;
		min-height: 80vw;
  }

  .aboutfacility-1photo {
    height: 48vw;
  }

	.orangeline {
	  width: 120px;
	  height: 2px;
		margin: 0.8rem 0;
	}

	.intrologo {
	    bottom: -40px;
	    right: -100px;
	    width: 400px;
	    height: 250px;
	}

}

/*room*/

.roomhero {
    background-image:url("image/room/roomtop.jpg");
    background-position: center;
}

.roombox {
    display: flex;
    justify-content: space-between;
		margin: 0 0 4.8rem 0;
}

.room {
	min-width: 50%;
	height: 28vw;
  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");
}

.roomfour {
    background-image: url("image/room/room4.jpg");
}

.roomfive {
    background-image: url("image/room/cotagemap.jpg");
		min-width: 50%;
		height: 28vw;
	  background-size: contain;
	  background-position: center;
	  background-repeat: no-repeat;
}

.aboutmv {
    font-size: 1.6rem;
    margin-bottom: 12px;
    text-align: left;
		font-weight: 200;
		line-height: 1.5;
}

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

.room {
	min-width: 50%;
	height: 28vw;
    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: bottom;
}

.roomslider-1 {
	background-image:url("image/room/roomslider1.jpeg");
}

.roomslider-2 {
	background-image:url("image/room/roomslider2.jpeg");
}

.roomslider-3 {
	background-image:url("image/room/roomslider3.jpeg");
}

.roomslider-4 {
	background-image:url("image/room/roomslider4.jpeg");
}

.roomslider-5 {
	background-image:url("image/room/roomslider5.jpeg");
}

.roomslider-6 {
	background-image:url("image/room/roomslider6.jpeg");
}



.partarticle {
	padding: 2.4vw 4.0vw;
  width: 50%;
}

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

.aboutroom {
    margin: 0 auto 56px;
    max-width: 720px;
    text-align: left;
}

.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: 1.5;
    font-size: 1.6rem;
    background: transparent;
		letter-spacing: 0.1rem;
		border-bottom: 1px dotted #000;
}

dt > span {
    color: rgb(242,154,118);
    font-size: 1.2rem;
		letter-spacing: 0.2rem;
}

dd {
    margin: 0 0 1.6rem 0;
}

dd p {
    font-size: 1.2rem;
    margin: 0;
    padding: 20px;
    line-height: 1.5;
		letter-spacing: 0.1rem;
		text-align: justify;
}

@media screen and (max-width: 468px) {
	.roomfour {
    min-width: 100%;
    height: 72vw;
}
}

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


.cuiseinebox {
    display: flex;
    justify-content: space-between;
		margin: 0 0 4.8rem 0;
}

.cuiseine {
	min-width: 50%;
	height: 28vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cuiseineone {
    background-image: url("image/meal/meal1.jpg");
}

.cuiseinetwo {
    background-image: url("image/meal/meal2.jpg");
}

.cuiseinethree {
    background-image: url("image/meal/meal3.jpg");
}

.cuiseinefour {
    background-image: url("image/meal/morning.jpg");
}

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

.mealslider-1 {
	background-image:url("image/meal/mealone.jpg");
}

.mealslider-2 {
	background-image:url("image/meal/mealtwo.jpg");
}

.mealslider-3 {
	background-image:url("image/meal/mealthree.jpg");
}

.mealslider-4 {
	background-image:url("image/meal/mealfour.jpg");
}

.mealslider-5 {
	background-image:url("image/meal/mealfive.jpg");
}

.fs12 {
	display: inline-block;
	margin:8px 0 0 0;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 200;
}

.fs16 {
	display: inline-block;
	margin:8px 0 0 0;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: rgb(242,154,118);
}

/*
.bbqcourse dl,.roominfo dl{
	color: #fff;
}

.bbqcourse .catch_part,.roominfo .catch_part {
	color: #fff;
}*/

@media screen and (max-width: 468px) {

	.cuiseinebox {
		flex-direction: column;
	}

	.cuiseine {
		height: 56vw;
	}

	.fs16 {
		font-size: 10px;
	}

}

/*レジャー*/
.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");
}

.ssc_bg {
	width: 100%;
	height:40vw;
	max-height: 500px;
	background-image:url("image/leisure/sscbg.jpg");
	background-position: center;
	background-size: cover;
	background-repeat:no-repeat;
}

.leisurebox {
    display: flex;
    justify-content: space-between;
		margin: 0 0 4.8rem 0;
}

.leisure {
	min-width: 50%;
	height: 28vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.leisureone {
    background-image: url("image/leisure/leisureone.jpeg");
}

.leisuretwo {
    background-image: url("image/leisure/leisuretwo.jpeg");
}

.leisurethree {
    background-image: url("image/leisure/leisurethree.jpeg");
}


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

.leisuretable thead th {
	text-align: left;
	line-height: 56px;
    font-size: 1.6rem;
    font-weight: 300;
    height: 56px;
    border-bottom: 1px solid #595959;
}

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

table {
	border-collapse: collapse;
}

tbody tr {
  margin: 0;
	border-collapse: collapse;
	border-bottom: 1px dotted #a7a7a7;
}

tbody th, tbody td {
	font-size: 1.2rem;
	text-align: left;
    padding: 20px;
    line-height: 1.2;
    font-weight: 300;
}

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


/*料金*/

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

.feehero {
    background-image:url("image/fee/feetop.jpg");
    background-position: center;
}

.feetable thead th {
	line-height: 56px;
    font-size: 1.4rem;
    font-weight: 300;
    height: 56px;
    border-bottom: 1px solid #595959;
		border-collapse: collapse;
}

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

.pl4vw {
	margin: 0 0 0 4vw;
}

.feebg {
	width: 100%;
	height: 24vw;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.feebgone {
		background-image: url("image/fee/feebgone.jpg");
}

.feebgtwo {
		background-image: url("image/fee/feebgtwo.jpg");
}

.feebgthree {
		background-image: url("image/fee/feebgthree.jpg");
}

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

.accesshero {
	background-image:url("image/access/accesstop.jpg");
	background-position: center;
}

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

.accessinfo > p {


}

.accesstel {
    display: flex;
    justify-content:space-around;
    align-items: center;

	max-width: 720px;
	text-align: center;
	margin: 0 auto 2.8rem;

}


.accesstel > p {
    display: inline-block;
    height: 100%;
    font-size: 2.0rem;


    font-weight: 300;
}

.accesstelto {
    font-size: 2.2rem;
	font-weight: 200;
}


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

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

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

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

.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-weight: 200;
	font-size: 2.0rem;
	line-height: 1.5;

}

.ssarticle{

	font-weight: 200;
	font-size: 1.6rem;
	line-height: 1.5;

}

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

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

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

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

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

.accesssix {
	background-image: url("image/access/ss6.jpeg");
}

.accessseven {
	background-image: url("image/access/ss7.jpeg");
}

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

.newsarticle {

	max-width: 720px;

	font-weight: 300;
	font-size: 2.0rem;
	line-height: 1.5;

	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;
}

/*カフェページ*/

.cafe_hero {
	background-image: url(image/cafe/cafetop.jpg);
  background-position: center;
}

.cafe_content{
	max-width: 1240px;
	margin: 0 auto;
}

.cafe_info {
	margin-bottom: 40px;
}

.menu-arch {
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0 0 64px 0;
}

.menu-arch img {
	width: 240px;
}

.menuhead {
	position: absolute;
	left: 50%;
	transform: translate(-50%,-65%);
	font-size: 45px;

	letter-spacing: 0.09em;
}

.aboutsmt {
	margin-bottom: 42px;
}

.aboutsmt-container {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.aboutsmt-box {
	padding: 16px;
	width: 30%;
}

.seasonal {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 7.5px;
}

.seasonal-head {
	position:relative;
	width: 25%;
}

.seasonal-head h2 {
	position:absolute;
	top: 16px;
	left: 44px;
	font-size: 64px;

	transform: rotate(-8deg);
	color: orange;
}

.seasonal-pic {
	width: 50%;
}

.seasonal-article {
	margin-top: auto;
	width: 25%;
	padding-left:15px;
}

.h-one {
	margin-bottom:32px;
	font-size: 45px;
	font-weight: bold;
}

.h-two {
	margin-bottom: 19px;
	font-size: 26px;
	font-weight: bold;
}

.smt-menu {
	display: flex;
	flex-direction: row;
	margin-bottom: 72px;
}

.bowl-menu {
	display:flex;
	flex-direction: row;
}

.smt-menu-container {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.smt-menu-container .menu-box {
	margin: 0 7.5px;
}

.menu-caption {
	font-size:13px;
	letter-spacing: 0rem;
}

.menu-head {
	font-size: 20px;
	line-height: 1.0;

	margin-bottom: 6px;
	font-feature-settings: "palt";
	font-variant-ligatures: none;
}

.menu-stuff {
	font-size: 10px;
	letter-spacing: 0.05em;
}

.menu-price {
	font-size: 20px;
}

.menu-taxin {
	font-size: 12px;
}

.bowl-menu-container {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0 auto 110px;
}

.bowl-menu-container .menu-box {
	margin: 0 7.5px;
}

.bowlgrid-zero {
	grid-column: 1/2;
	grid-row-start: 1;
	grid-row-end:34;
	border: solid 1px gray;
}

.bowlgrid-one {
	grid-column: 1/2;
	grid-row: 35/68;
}

.bowlgrid-two {
	grid-column: 1/2;
	grid-row: 68/120;
}

.bowlgrid-three {
	grid-column: 2/3;
	grid-row: 1/35;
}

.bowlgrid-four {
	grid-column: 2/3;
	grid-row: 35/85;
}

.bowlgrid-five {
	grid-column: 2/3;
	grid-row: 85/120;
}

.bowlgrid-six {
	grid-column: 3/4;
	grid-row: 1/32;
}

.bowlgrid-seven {
	grid-column: 3/4;
	grid-row: 32/64;
}

.bowlgrid-eight {
	grid-column: 3/4;
	grid-row: 64/120;
}

.option {
	max-width: 1080px;
	width: 95%;
	box-sizing: border-box;
	position: relative;
	margin: 3em auto 156px;
}

.option-head {
	position: absolute;
	left: 50%;
	transform: translateY(-65%) translateX(-50%);

	font-size: 45px;
	padding: 0 24px;
	background-color: #fff;
}

.option-head-sub {
	padding-top :32px;
}

.option-container {
	padding: 2em 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.option-box {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.option-box .blackline {
	padding: 48px 0;
	margin: 0 16px;
}

.option-menu-box {
	margin-right: 24px;

}

.option-menu-box p {
	line-height: 2.0;
}

.option-menu-flex {
	display: flex;
}

.option-price {
	font-size: 30px;
	line-height: 1.0;
}

.option-taxin {
	font-size: 12px;
	line-height: 1.0;
}

.ft-pink {
	color: #e99bc1;
	font-size: 12px;
	margin-right: 8px;
}

.ft-orange {
	color: orange;
	font-size: 12px;
	margin-right: 8px;
}


.aboutsmt {
	position: relative;
}

.bgimgone {
	position: absolute;
	width: 320px;
	z-index: -1;
	left: 0;
	top: -200px;
}

.about-bowl {
	position: relative;
	margin-bottom: 48px;
}

.bgimgtwo {
	width: 400px;
	position: absolute;
	z-index: -1;
	right: 0;
	top: -80px;
}

.tad {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 40px;
}

.tad .blackline {
	padding: 176px 0;
}

.tad-left {
	position: relative;
	max-width: 400px;
	text-align: center;
}

.tad-left img {
	position: absolute;
	left: 50%;
	transform: translate(-50%,-0%);
	z-index: -1;
	width:320px;
}

.tad-left h2 {
	font-size: 62px;
	line-height: 1.1;
	letter-spacing: 0.097em;

}

.tad-right {
	max-width: 500px;
}

.tad-right h3{
	font-size: 40px;
	margin-bottom: 16px;
}

.tad-right p {
	font-size: 22px;
}

#arch-menu {
	letter-spacing: 0.2em;
	font-size: 22px;
	margin-bottom: 80px;
}

@media screen and (max-width: 1024px) {

	/*カフェページsp*/



	.menu-arch {
		position: relative;
		width: 100%;
		text-align: center;
		margin: 0 0 64px 0;
	}

	.menu-arch img {
		width:160px;
	}

	.menuhead {
		letter-spacing: 2px;
	}

	.h-one {
		margin-bottom:12px;
	}

	.h-two {
		margin-bottom: 8px;
	}

	.aboutsmt {
		margin-bottom: 6px;
	}

	.aboutsmt-container {
		flex-direction: column;
		justify-content: space-around;
	}

	.aboutsmt-box {
		width: 230px;
		padding: 12px;
		margin: 0 auto;
	}

	.aboutsmt-container .blackline {
		padding: 0.5px 115px;
		margin: 0 auto;
	}

	.seasonal {
		width: 90%;
		margin: 0 auto;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 7.5px;
	}

	.seasonal-head {
		position:relative;
		width: 0;
	}

	.seasonal-head h2 {
		top: -10px;
		left: -8px;
		font-size: 24px;
	}

	.seasonal-pic {
		width: 100%;
		margin: 0 auto 8px;
	}

	.seasonal-article {
		margin-top: 0;
		width: 100%;
		padding-left:0px;
	}

	.smt-menu {
		flex-direction: column;
		margin-bottom: 72px;
	}


	.menu-box {
		box-sizing: border-box;
		margin: 4.5px;
	}

	.smt-menu-container .menu-box {
			margin: 0 3.5px;
	}


	.menu-caption {
		font-size:8px;
		letter-spacing: 0rem;
	}

	.menu-head {
		font-variant-ligatures: none;
		line-height : 1.0;
		margin-bottom: 2px;
		letter-spacing: 0.4px;
		font-size: 20px;
	}

	.menu-stuff {
	}

	.menu-price {
		font-size: 16px;
	}

	.menu-taxin {
	}

	.bowl-menu {
		flex-direction: column;
	}


	.bowl-menu-container {
		grid-template-columns: 1fr 1fr;
		margin: 0 auto 24px;
	}

	.bowl-menu-container .menu-box {
			margin: 0 3.5px;
	}

	.bowlgrid-zero {
		grid-column: 1/2;
		grid-row: 1/32;
	}

	.bowlgrid-one {
		grid-column: 1/2;
		grid-row: 33/68;
	}

	.bowlgrid-two {
		grid-column: 1/2;
		grid-row: 68/120;
	}

	.bowlgrid-three {
		grid-column: 2/3;
		grid-row: 1/35;
	}

	.bowlgrid-four {
		grid-column: 2/3;
		grid-row: 35/85;
	}

	.bowlgrid-five {
		grid-column: 2/3;
		grid-row: 85/120;
	}

	.bowlgrid-six {
		grid-column: 1/2;
		grid-row: 120/152;
	}

	.bowlgrid-seven {
		grid-column: 1/2;
		grid-row: 152/184;
	}

	.bowlgrid-eight {
		grid-column: 2/3;
		grid-row: 120/184;
	}


	.option {
		box-sizing: border-box;
		position: relative;
		margin :32px auto 112px;

	}

	.option-head {
		transform: translateY(-65%) translateX(-50%);
		padding: 0 12px;
		font-size: 24px;
	}

	.option > p {
		margin-bottom: 16px;
	}

	.option-container {
		padding: 0em 0;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}

	.option-box {
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin-bottom: 24px;
	}

	.option-head-sub {
			padding-top: 16px;
	}

	.option-box .blackline {
		padding: 24px 0;
		margin: 0 16px;
	}

	.blackline-long {
		padding: 76px 0;
		margin: 0 16px;
		width: 1px;
		background-color: #000000;
	}

	.option-menu-box {
		margin-right: 20px;
    max-width: 168px;
	}

	.option-menu-box p {
		line-height: 1.75;
		vertical-align: middle;
	}


	.option-price {
		line-height: 1.0;
		width: 60px;
	}

	.option-taxin {
		line-height: 1.0;
	}

	.ft-pink {
		margin-right: 8px;
		line-height: 16px;
	}

	.ft-orange {
		margin-right: 8px;
		line-height: 16px;
	}

	.aboutsmt {
		position: relative;
	}

	.bgimgone {
		width: 200px;
		left: 0;
		top: -64px;
	}

	.about-bowl {
		margin-bottom: 16px;
	}

	.bgimgtwo {
		width: 216px;
		right: 0;
		top: -80px;
	}

	.tad {
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}

	.tad .blackline {
		display: none;
	}

	.tad-left {
		position: relative;
		max-width: 400px;
		text-align: center;
		margin-bottom: 16px;
	}

	.tad-left img {
		width: 200px;
	}

	.tad-left h2 {
		line-height: 1.1;
		letter-spacing: 3px;
	}

	.tad-right {
		max-width: 500px;
	}

	.tad-right h3{
		letter-spacing: 1px;
		margin-bottom: 16px;
	}

	.tad-right p {
		text-align: center;
	}

	#arch-menu {
		letter-spacing: 2.0px;
		margin-bottom: 40px;
	}

}

/*インフォメーション*/

.infohero {
    background-image:url("image/event.jpeg");
    background-position: center;
}


.infomation {
		color: #fff;
		text-align: center;
		text-shadow:  2px  2px 8px #777 ,
						 -2px  2px 8px #777 ,
							2px -2px 8px #777 ,
						 -2px -2px 8px #777
}

.infomation > h2 {
		font-size: 3.2rem;
}

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

.eventhero {
    background-image:url("image/event.jpeg");
    background-position: center;
}

/*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-weight: 300;
	font-size: 1.8rem;

}

.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;
	}

/*トップ*/


.keyv {
	height: 95vh;
	background-size: cover;
}

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

#video {
	min-height: 95vh;
}

.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: 3.0rem 0;
}


.herov {
	height: 40vh;
}

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

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

.caution {
	font-size: 1.0rem !important;
}


.headsub {
	font-size: 1.2rem;
}

.article {
	font-size: 1.2rem;
	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: 1.6rem;
	line-height: 1.5;
	margin-bottom: 1.2rem;
}

.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;
    }

.copyright {
    font-size: 1.2rem;
	}

.sp-display {
	display: block;
}

	.pc-display {
		display: none;
	}

/*トップ*/

.keyv {
	height: 100vh;
    /*margin-bottom: 32px;*/
}

.toplinkicon {
	display: flex;
}

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

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

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

.topnewscolor {
    font-size: 1.4rem;
}

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

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

.infolinkcolor {
    font-size: 1.4rem;
}

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

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

.topmessage {
	max-width: 296px;
	top: -8vh;
}

	.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%;
    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;
}

.roomfive {
		height: 50vw;
}

/*
.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 3.2rem 0;
}

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

}

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

.slider2 {
    height: 245px;
}

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

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

}


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;
    padding: 8px;
    line-height: 1.6;
}
/*食事*/

.mealslider {
    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: 1px  dotted #a7a7a7;
}

tbody th, tbody td {
	font-size: 1.2rem;
    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%;
}

.sscatch_part {
	margin-bottom: 12px;
	font-size: 1.6rem;
	line-height: 1.6;
	letter-spacing: 0.1rem;
}

.ssarticle{
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
	line-height: 1.6;
	color: #
}

.info-content {
	margin: 0 auto 32px;
}

/*カフェ*/
.cafe_info {
		margin-bottom: 24px;
}

/*お知らせ*/
.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;
    }

		.spflexrv {
			flex-direction: column-reverse;
		}

		.copyright {
			margin-bottom: 40px;
		}

		.bgfix{
			height: 240px;
		}

		.bgfixconts{
			font-size:28px;
		}

}