@charset "UTF-8";


/*------------------------------トップページ------------------------------*/

.top_h {
	width: 100%;
	position: relative;
}
.top_h .head_box {
	width: 100%;
	position: relative;
	overflow: hidden;
}



.top .sec01 {
	position: relative;
    padding: 60px 0;
	background-image: url("../image/bg_top.jpg");
	background-position: right -200px top 300px;
    background-size: 800px auto;
}
.box_topai {
    width: 85%;
	margin: auto;
	max-width: 600px;
	padding: 0 0 60px;
	background-image: url("../image/greeting.svg");
	background-position: left top;
    background-size: 100px auto;
}
.topai_h2 {
	padding: 3px 0 0 10px;
	font-size: clamp( 20px, 3.2vw, 28px );
	line-height: 2.2;
	background-image: url("../image/cut01.svg");
	background-position: left top;
    background-size: 24px auto;
}
.kasen {
	padding-bottom: 10px;
	font-style: normal;
	background-image: url("../image/line01.svg");
	background-position: center bottom;
    background-size: 100px auto;
}
.tex_topai {
	line-height: 2em;
	text-align: left;
	padding: 40px 0px;
}
.box_topai .img {
	position: relative;
	max-width: 400px;
	margin: auto;
	padding: 10px;
	background-color: #fff;
	transform: rotate(3deg);
}
.topai_cut {
	position: absolute;
	right: -10px;
	bottom: -20px;
	width: 200px;
}
.box_ap {
	width: 85%;
	margin: auto;
	max-width: 600px;
	padding-bottom: 40px;
}
.apbox {
	padding: 40px 0;
}
.apbox .img {
	position: relative;
	max-width: 390px;
	margin: 0 auto;
	padding: 20px 0 0;
}
.ap_p_en {
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
}
.apbox .text {
	text-align: center;
}
.ap_h2 {
	padding: 30px 0 0;
	font-size: clamp( 22px, 3.2vw, 28px ); 
}
.tex_styleap {
	max-width: 390px;
	margin: auto;
	padding: 30px 0;
	text-align: left;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.top .sec01 {
		padding: 30px 0 20px;
		background-size: 1024px auto;
	}
	.box_topai {
		padding: 60px 0 100px;
		background-image: url("../image/greeting.svg"), url("../image/cut_yashi.svg"), url("../image/awa02.svg");
	background-position: left top 60px, right top, 95% 60%;
    background-size: 100px auto, 100px auto, 120px auto;
	}
	.tex_topai {
		padding: 60px 20px;
	}
	.topai_h2 {
	padding: 10px 0 0 20px;
    background-size: 40px auto;
	}
	.box_ap {
		padding: 0 0 100px;
		background-image: url("../image/cut_fish1.svg");
	background-position: left bottom;
    background-size: 150px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.top .sec01 {
		background-size: auto;
	}
	.box_topai {
		max-width: 1540px;
		padding: 60px 0 50px;
	background-position: left top 60px, right top 30px, 50% 20%;
    background-size: 140px auto, 120px auto, 120px auto;
	}
	.box_topai .text {
		width: 50%;
		padding-bottom: 50px;
		background-image: url("../image/cut_kai.svg");
		background-position: left bottom;
		background-size: 150px auto;
	}
	.topai_h2 {
		font-size: clamp( 25px, 2.2vw, 36px );
	}
	.box_topai .img {
		width: 43%;
		max-width: 620px;
	}
	.box_ap {
		max-width: 1540px;
	}
	.apbox {
		width: 30%;
	}
	.ap01 {
		padding: 0 0 40px;
	}
	.ap03 {
		padding: 80px 0 40px;
	}
	.apbox .img {
		max-width: none;
	}
	.ap_h2 {
		font-size: clamp( 18px, 1.8vw, 28px );
	}
	.tex_styleap {
		max-width: none;
		padding: 40px 0 50px;
	}
}
@media screen and (min-width: 1280px){
	.box_topai {
		padding: 80px 0 50px;
    background-size: 180px auto, 150px auto, 120px auto;
	}
	.tex_topai {
		line-height: 2.6;
		padding: 50px 0 50px 30px;
		max-width: 38em;
	}
	.ap_p_en {
		width: 85px;
	}
}
@media screen and (min-width: 1600px){
	.tex_topai {
		font-size: 18px;
	}
}


.top .sec02 {
	position: relative;
}

/*新着情報*/
.box_topnew {
	width: 85%;
	margin: auto;
	max-width: 600px;
	padding: 0 0 50px;
	text-align: center;
	background-image: url("../image/news.svg");
	background-position: left top;
    background-size: 80px auto;
}
.topnew_link {
	margin: 20px 0px 30px;
}
#newsList {
	list-style: none;
	text-align: left;
}
#newsList li {
	padding: 15px 0px 15px;
	border-bottom: 1px solid #aaa;
}
.up_ymd {
	padding: 0px 5px;
}
.catName {
	font-size: 14px;
	color: #fff;
	background-color: #17b4e3;
	border-radius: 5px;
	padding: 3px 10px;
}

/*igバナー*/
.box_ig {
    width: 85%;
	margin: 0 auto 50px;
	max-width: 600px;
}
.box_ig a {
	position: relative;
	display: block;
	width: 100%;
	max-width: 400px;
	margin: auto;
	padding: 30px;
	background-color: rgba(255,255,255,0.90);
}
.ig_bg_bule {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: polygon(0 60%, 100% 40%, 100% 100%, 0 100%);
	background-color: #8cdaf1;
}
.ig_bg_p {
	position: relative;
	z-index: 2;
}
.ig_icon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	padding: 20px;
	background-color: #fff;
	border-radius: 0 50% 50% 0;
}
.ig_icon img {
	width: 30px;
}
.ig_tex {
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 2;
	color: #000;
	font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
	font-size: 14px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.box_topnew {
		background-image: url("../image/news.svg"), url("../image/cut02.svg");
	background-position: left top, right top;
    background-size: 80px auto, 120px auto;
	}
}
/*1024px以上　PCサイト用*/
@media print, screen and (min-width: 1024px){
	.box_newig {
		width: 85%;
		margin: auto;
		max-width: 1360px;
		padding: 0 0 50px;
		background-size: 110px auto;
	}
	.box_topnew {
		width: 52%;
		max-width: none;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.box_ig {
		width: 40%;
		margin: 0;
		padding: 80px 0 0;
	}
	.box_ig a {
		max-width: 550px;
	}
	.ig_tex {
		right: 30px;
	}
}
@media print, screen and (min-width: 1280px){
	.topnew_link {
		margin: 20px 0px 50px;
	}
	#newsList li {
		padding: 25px 0px;
	}
	.sp_on {
		display: none;
	}
	.box_ig {
		padding: 0;
	}
	.ig_icon {
		padding: 30px;
	}
	.ig_icon img {
		width: 45px;
	}
}


/*------------------------------ゲストハウスchiuwoページ------------------------------*/
.guest_head {
	background-image: url("../image/kan_head2.jpg");
	background-position: center center;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.guest_head {
		background-image: url(../image/kan_head.jpg);
	}
}


.guest .sec01 {
    padding: 60px 0 20px;
}
.kanai_h3 {
	padding-bottom: 3px;
	border-bottom: 2px dotted #17b4e3;
	font-size: clamp( 20px, 3.2vw, 28px );
}
.guestai_box .img {
	position: relative;
	max-width: 450px;
	margin: auto;
	padding-bottom: 50px;
	background-image: url("../image/awa02.svg");
	background-position: right bottom;
	background-size: 100px auto;
}
.kanai_p {
	max-width: 400px;
	padding: 10px;
	background-color: #fff;
}
.kanai_p1 {
	margin-left: 30px;
	transform: rotate(-3deg);
}
.kanai_p2 {
	margin-top: -30px;
	margin-right: 30px;
	transform: rotate(3deg);
}
.cut_guesthouse {
	position: absolute;
	left: 0;
	top: 35%;
	width: 80%;
	max-width: 400px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.guest .sec01 {
		padding: 80px 0 20px;
	}
	.guestai_box .img {
		max-width: none;
		padding-top: 50px;
		background-position: left bottom 20px;
		background-size: 150px auto;
	}
	.kanai_p1 {
		width: 50%;
	}
	.kanai_p2 {
		width: 50%;
		margin-top: -240px;
		margin-right: auto;
		margin-left: 50%;
	}
	.cut_guesthouse {
		left: auto;
		right: 0;
		top: 20px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.guest .sec01 {
		padding: 100px 0 40px;
	}
	.guestai_box .text {
		width: 44%;
	}
	.guestai_box .img {
		width: 50%;
		margin: 0;
		padding-top: 0;
	}
	.kanai_h3 {
		font-size: clamp( 27px, 2.2vw, 32px );
	}
	.cut_guesthouse {
		top: auto;
		bottom: 10%;
	}
}
@media screen and (min-width: 1280px){
	.guestai_box .text {
		background-image: url("../image/cut_yashi.svg");
	background-position: right bottom 10px;
	background-size: 150px auto;
	}
}


.guest .sec02 {
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 98% );
	background-color: #fff;
}
.guest .sec02 .box_main {
	padding: 50px 0 50px;
	background-image: url("../image/cut_ga1.svg"), url("../image/cut_kamome.svg"), url("../image/rooms.svg");
	background-position: left top 40px, right top 30px, center top 40px;
	background-size: 80px auto, 80px auto, auto 60px;
	text-align: center;
}
.roomai_tex {
	max-width: 40em;
	margin: auto;
	border-bottom: 2px dotted #17b4e3;
}
.room_box {
	padding: 30px 0;
}
.room_tit {
	line-height: 2;
}
.room_tit span {
	padding: 3px 15px;
	color: #fff;
	background-color: #17b4e3;
	border-radius: 20px;
	font-size: 16px;
}
.room_box .img {
	position: relative;
}
.room_p {
	margin-bottom: 15px;
}
.cut_king, .cut_twin {
	position: absolute;
	left: 0;
	bottom: -30px;
}
.cut_king img {
	height: 70px;
	width: auto;
}
.cut_twin img {
	height: 50px;
	width: auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.guest .sec02 {
		padding: 30px 0 0;
	}
	.guest .sec02 .box_main {
		background-position: left top 20px, right top 10px, center top 40px;
	    background-size: 100px auto, 100px auto, auto 60px;
	}
	.guest .sec02 h3 {
		padding-bottom: 30px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.guest .sec02 {
		padding: 50px 0 0;
	}
	.guest .sec02 .box_main {
		background-position: left 30px top 20px, right 30px top 10px, center top 40px;
	    background-size: 120px auto, 120px auto, auto 60px;
	}
	.roomai_tex {
		border-bottom: none;
	}
	.room_box {
		padding: 50px 0;
	}
	.room_tit {
		padding: 0 0 5px;
		text-align: left;
		border-bottom: 2px dotted #17b4e3;
	}
	.room_tit span {
		margin-left: 20px;
	}
	.room_p {
		width: 49%;
	}
}
@media screen and (min-width: 1280px){
	.guest .sec02 .box_main {
		background-position: left 30px top 20px, right 30px top 10px, center top 40px;
	    background-size: 150px auto, 150px auto, auto 80px;
	}
}



.guest .sec03 {
	padding: 60px 0;
}
.guest .sec03 h3 {
	padding-bottom: 3px;
	border-bottom: 2px dotted #17b4e3;
}
.bath_box .img, .ameni_box .img {
	position: relative;
}
.ameni_box {
	padding: 60px 0 0;
}
.cut_bath, .cut_ameni {
	position: absolute;
	right: 0;
	top: -30px;
}
.cut_bath img, .cut_ameni img {
	height: 50px;
	width: auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.cut_bath img, .cut_ameni img {
	height: 70px;
	width: auto;
	}
}
@media screen and (min-width: 1024px){
	.guest .sec03 {
		padding: 80px 0;
	}
	.bath_box .text, .ameni_box .text {
		width: 44%;
	}
	.bath_box .img, .ameni_box .img {
		width: 49%;
	}
	.ameni_box {
		padding: 100px 0 0;
	}
}
@media screen and (min-width: 1280px){
	.bath_box .text {
		background-image: url("../image/cut_fish2.svg");
	background-position: right bottom;
	background-size: 150px auto;
	}
	.ameni_box .text {
		background-image: url("../image/cut_pain.svg");
	background-position: right bottom;
	background-size: 100px auto;
	}
}



.guest .sec04 {
	padding: 20px 0 0;
}
.guest .sec04 h3 {
	padding-bottom: 3px;
	border-bottom: 2px dotted #17b4e3;
}
.t-can {
	width: 100%;
	max-width: 1360px;
	margin: 30px 0px 80px;
	border-collapse: collapse;
	display: flex;
	text-align: left;
	border-top: 1px solid #c1e3f1;
	border-left: 1px solid #c1e3f1;
	border-right: 1px solid #c1e3f1;
}
.t-can thead {
	display: flex;
	flex-flow: column;
	width: 45%;
}
.t-can th {
	display: block;
	width: 100%;
	height: 45px;
	padding: 10px 10px 0px 20px;
	background-color: #92c7e0;
	color: #000;
	font-weight: normal;
	border-bottom: 1px solid #c1e3f1;
}
.t-can tbody {
	display: flex;
	flex-flow: column;
	width: 55%;
}
.t-can td {
	width: 100%;
	height: 45px;
	display: block;
	padding: 10px 10px 0px 20px;
	background-color: #fff;
	border-bottom: 1px solid #c1e3f1;
	border-left: 1px solid #c1e3f1;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.guest .sec04 .box_main {
		padding-bottom: 100px;
		background-image: url("../image/cancel.svg");
	background-position: right bottom 50px;
	background-size: auto 60px;
	}
	.t-can {
		display: table;
		margin: 30px 0 0;
		text-align: center;
	}
	.t-can thead {
		display: table-header-group;
		width: 100%;
	}
	.t-can th {
		display: table-cell;
		width: 20%;
		height: auto;
		border-left: 1px solid #c1e3f1;
		padding: 15px;
	}
	.t-can tbody {
		display: table-row-group;
	}
	.t-can td {
		display: table-cell;
		width: 20%;
		height: auto;
		padding: 15px;
	}
}
/*1024px以上　PCサイト用*/
@media print, screen and (min-width: 1024px){
	.kan .sec04 {
		padding: 100px 0 0;
	}
	.t-can {
		margin: 50px 0 0;
	}
}


/*------------------------------カフェchiuwoページ------------------------------*/
.cafe_head {
	background-image: url("../image/caf_head2.jpg");
	background-position: center center;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.cafe_head {
		background-image: url(../image/caf_head.jpg);
	}
}


.cafe .sec01 {
    padding: 60px 0;
}
.cafeai_h3 {
	padding-bottom: 3px;
	border-bottom: 2px dotted #17b4e3;
	font-size: clamp( 20px, 3.2vw, 28px );
}
.cafeai_img2 {
	display: none;
}
.cafeai_box .img {
	position: relative;
	margin: auto;
	max-width: 500px;
	padding: 20px 0 30px;
	background-image: url("../image/awa02.svg");
	background-position: right bottom;
	background-size: 100px auto;
}
.cafeai_p {
	max-width: 400px;
	margin: auto;
	padding: 10px;
	background-color: #fff;
}
.cafeai2 {
	max-width: 400px;
	margin: auto;
	padding: 0 0 50px;
}
.cafeai2 img {
	aspect-ratio: 2/1;
	object-fit: cover;
	object-position: 50% 36%;
}
.cut_cafe {
	position: absolute;
	right: 0;
	top: -15px;
}
.cut_cafe img {
	height: 50px;
	width: auto;
}
.cafehour_box {
	padding: 20px 20px 0;
	background-color: #fff;
}
.cafehour_box h4 {
	padding-bottom: 3px;
	border-bottom: 2px dotted #17b4e3;
}
.cafe_hour dt {
	font-size: 22px;
}
.cafe_hour dt img {
	width: 40px;
	margin-right: 15px;
}
.cafe_hour dd {
	padding: 5px 0 25px 55px;
}
.cafespace_box {
	padding: 60px 0 0;
}
.cafespace_box h4 {
	padding-bottom: 3px;
	border-bottom: 2px dotted #17b4e3;
}
.cafespace_box .img {
	position: relative;
}
.cut_cafespace {
	position: absolute;
	right: 0;
	top: -30px;
}
.cut_cafespace img {
	height: 50px;
	width: auto;
}
.cafespace2 ul {
	display: flex;
	justify-content: space-between;
	padding: 15px 0 0;
}
.cafespace2 li {
	width: 32.5%;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.cafe .sec01 {
		padding: 80px 0;
	}
	.cafeai_box .img {
		background-size: 150px auto;
	}
	.cut_cafe {
		top: -25px;
	}
	.cut_cafe img {
		height: 70px;
	}
	.cafespace_box .img {
		padding-top: 30px;
	}
	.cut_cafespace {
		top: -15px;
	}
	.cut_cafespace img {
		height: 70px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.cafe .sec01 {
		padding: 100px 0;
	}
	.cafeai_box {
		padding: 0 0 100px;
	}
	.cafeai_box .text {
		width: 44%;
		background-image: url("../image/cut_nami.svg");
	background-position: right bottom;
	background-size: 140px auto;
	}
	.cafeai_img2 {
		display: block;
		width: 50%;
	}
	.cafeai_img2 img {
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: 50% 50%;
	}
	.cafeai2 {
		display: none;
	}
	.cafeai_box .img {
		width: 50%;
		max-width: none;
		margin: 0;
		padding: 0;
	}
	.cafeai_p {
		max-width: 550px;
	}
	.cafeai_h3 {
		font-size: clamp( 28px, 2.2vw, 32px );
	}
	.cut_cafe {
		top: -45px;
	}
	.cafehour_box {
		padding: 50px;
	}
	.cafe_hour {
		display: flex;
		flex-wrap: wrap;
	}
	.cafe_hour dt {
		width: 200px;
	}
	.cafe_hour dd {
		width: calc( 100% - 200px);
	}
	.cafe_hour dd {
		padding: 5px 0 40px 30px;
	}
	.cafespace_box {
		padding: 100px 0 0;
	}
	.cafespace_box .text {
		width: 44%;
		background-image: url("../image/cut_fish2.svg");
	background-position: right bottom 30px;
	background-size: 120px auto;
	}
	.cafespace_box .img {
		width: 49%;
	}
}
@media screen and (min-width: 1280px){
	.cafeai_box .text {
	background-position: right bottom 50px;
	background-size: 180px auto;
	}
	.cafeai_img2 img {
	aspect-ratio: 2/3;
	}
	.cafespace_box .text {
	background-position: right bottom 30px;
	background-size: 150px auto;
	}
}
@media screen and (min-width: 1600px){
	.cafeai_box .text {
	background-size: 240px auto;
	}
	.cafeai_img2 img {
	aspect-ratio: 2/3;
	}
	.cafeai_box .img {
		padding-top: 60px;
		background-size: 180px auto;
	}
	.cut_cafe {
		top: 10px;
	}
	.cafespace_box .text {
	background-position: right bottom 50px;
	background-size: 200px auto;
	}
}


.cafe .sec02 {
	padding: 60px 0;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 98% );
	background-color: #fff;
}
.cafe .sec02 .box_main {
	padding: 50px 20px 20px;
	background-color: #f2ebd0;
	background-image: url("../image/line02.svg");
	background-position: center top 20px;
	background-size: 800px auto;
}
.cafe .sec02 h3 {
	padding-bottom: 3px;
	border-bottom: 2px dotted #17b4e3;
}
.cafe_menu li {
	padding-bottom: 20px;
}
.cafe_menu h4 {
	padding: 0 0 10px 25px;
    font-size: 18px;
    background-image: url(../image/cut_kai2.svg);
    background-position: left top 3px;
    background-size: 20px auto;
}
.cafe_menu p {
	font-size: 14px;
}
.cafe_sonota li {
	padding-bottom: 7px;
	font-size: 14px;
}
.cafe_menu1_p_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-image: url("../image/cut_pain.svg");
    background-position: right bottom 20px;
    background-size: 80px auto;
}
.cafe_menu_p {
	padding: 5px;
	background-color: #fff;
}
.cafe_menu1_p {
	width: 49%;
	margin-bottom: 2%;
}
.cafe_menu2_box {
	padding: 50px 0 0;
}
.cafe_menu2_p_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cafe_menu2_p {
	width: 49%;
	margin-bottom: 2%;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.cafe .sec02 {
		padding: 60px 0 100px;
	}
	.cafe .sec02 .box_main {
		background-size: 1100px auto;
	}
	.cafe_menu li {
		padding-bottom: 30px;
	}
	.cafe_menu h4 {
		font-size: 22px;
		background-position: left top 5px;
	}
	.cafe_menu p {
		font-size: 16px;
	}
	.cafe_menu1_p_box {
		background-size: 100px auto;
	}
	.cafe_menu_p {
		padding: 10px;
	}
	.cafe_sonota li {
		padding-bottom: 10px;
		font-size: 16px;
	}
	.cafe_menu2_box {
		background-image: url("../image/cut_yashi.svg");
    background-position: right top 150px;
    background-size: 140px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.cafe .sec02 {
		padding: 80px 0 100px;
	}
	.cafe .sec02 .box_main {
		padding: 80px 50px 50px;
		background-size: 1300px auto;
	}
	.cafe_menu1_p {
		width: 32%;
	}
	.cafe_menu2_p {
		width: 24%;
	}
}
@media screen and (min-width: 1280px){
	.cafehour_box {
		background-image: url("../image/cut_coffee.svg");
    background-position: right 50px bottom 50px;
    background-size: 240px auto;
	}
	.cafe_menu1 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.cafe_menu1 {
		background-image: url("../image/cut_fish1.svg");
    background-position: right 50px bottom 50px;
    background-size: 200px auto;
	}
	.cafe_menu1 li {
		width: 46%;
		padding-bottom: 50px;
	}
	.cafe_sonota li {
		padding-bottom: 10px;
	}
	.cafe_menu h4 {
		font-size: 24px;
		background-position: left top 5px;
	}
	.cafe_menu2_box {
    background-position: right top 120px;
    background-size: 200px auto;
	}
}



.cafe .sec03 {
	padding: 60px 0 0;
}
.cafe .sec03 h3 {
	padding-bottom: 3px;
	border-bottom: 2px dotted #17b4e3;
}
.morning_box {
	padding: 0 0 30px;
}
.morning_img2 {
	display: none;
}
.morning_box .img {
	position: relative;
	padding-top: 50px;
}
.cut_break {
	position: absolute;
	right: 0;
	top: 20px;
}
.cut_break img {
	height: 50px;
	width: auto;
}
.morning2 {
	padding: 0 0 60px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.cut_break {
		top: 10px;
	}
	.cut_break img {
	height: 70px;
	width: auto;
	}
}
@media screen and (min-width: 1024px){
	.cafe .sec03 {
		padding: 80px 0 0;
	}
	.morning_box .text {
		width: 44%;
	}
	.morning_img2 {
		display: block;
		padding-top: 30px;
	}
	.morning_img2 img {
	aspect-ratio: 2/1;
	object-fit: cover;
	object-position: 50% 50%;
}
	.morning_box .img {
		width: 49%;
	}
	.morning2 {
		display: none;
	}
}
@media screen and (min-width: 1280px){
	.bath_box .text {
		background-image: url("../image/cut_fish2.svg");
	background-position: right bottom;
	background-size: 150px auto;
	}
	.ameni_box .text {
		background-image: url("../image/cut_pain.svg");
	background-position: right bottom;
	background-size: 100px auto;
	}
}




/*------------------------------周辺観光ページ------------------------------*/
.kanko_head {
	background-image: url("../image/kanko_head2.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.kanko_head {
		background-image: url(../image/kanko_head.jpg);
	}
}



.kanko .sec01 {
	padding: 20px 0 0;
}
.kanko .sec01 .box_main {
	padding: 40px 0 0;
	background-image: url("../image/sightseeing3.svg");
	background-position: center top 20px;
	background-size: auto 70px;
	text-align: center;
}
.kanko_box {
	padding: 0 0 20px;
	text-align: left;
}
.kanko_h3 {
	padding-bottom: 30px;
	font-size: clamp( 20px, 3.2vw, 30px );
	text-align: center;
}
.kanko_box .box1 {
	padding-bottom: 50px;
}
.kanko_box .img {
	margin-bottom: 20px;
}
.kanko_tit {
	padding-bottom: 3px;
	border-bottom: 2px dotted #17b4e3;
	font-size: clamp( 22px, 2.6vw, 26px );
}
.kanko_box h4 img {
	width: 16px;
	height: auto;
	margin-left: 10px;
	padding-bottom: 2px;
}
.kanko_box h4 a {
	color: #000;
}
.kanko_box h4 a:hover {
	color: #00abea;
}
.jikan {
	display: inline-block;
	margin-top: 10px;
	padding: 5px 15px;
	border-radius: 15px;
	font-size: 14px;
	background-color: #17b4e3;
	color: #fff;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.kanko .sec01 {
		padding: 50px 0 0;
	}
	.kanko .sec01 .box_main {
	padding: 50px 0 0;
	background-image: url("../image/cut_ga1.svg"), url("../image/cut_kamome.svg"), url("../image/sightseeing3.svg");
	background-position: left top 20px, right top 10px, center top 20px;
	background-size: 100px auto, 100px auto, auto 70px;
	}
	.kanko_h3 {
		padding-bottom: 60px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.kanko .sec01 .box_main {
		background-position: left 30px top 20px, right 30px top 10px, center top 40px;
	    background-size: 120px auto, 120px auto, auto 100px;
	}
	.kanko_box {
		flex-wrap: wrap;
		padding: 50px 0 0;
	}
	.kanko_box .box1 {
		width: 48%;
	}
	.kanko_tit {
		font-size: clamp( 24px, 1.8vw, 28px );
	}
}
@media screen and (min-width: 1280px){
	.kanko .sec01 .box_main {
		background-position: left 30px top 20px, right 30px top 10px, center top 40px;
	    background-size: 150px auto, 150px auto, auto 100px;
	}
}







/*------------------------------アクセスページ------------------------------*/
.acc_head {
	background-image: url("../image/acc_head2.jpg");
	background-position: center center;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.acc_head {
		background-image: url(../image/acc_head.jpg);
	}
}


.acc .sec01 {
    padding: 60px 0 0;
}
.acc .sec01 .box_main {
	padding: 0 0 60px;
}
.g_map {
	padding: 0 0 50px;
}
.yado_box {
	padding-bottom: 50px;
	text-align: center;
}
.yadomei {
	width: 160px;
	margin: auto;
	padding-bottom: 20px;
}
.yadojyo p {
	line-height: 2;
	padding-bottom: 20px;
}
.kawazu_link {
	display: block;
	width: 100%;
	margin-bottom: 15px;
	padding: 20px 0;
	text-align: center;
	background-color: #47bbc8;
	color: #fff;
	font-size: 20px;
	font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
	background-image: url("../image/sakura01.png"), url("../image/sakura02.png");
	background-position: left top, right top;
	background-size: auto 100%;
}
.kawazu_link:hover {
    color: #fff;
    background-color: #71CAD4;
}
.izukyu_link {
	display: block;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	background-color: #4b84c9;
	color: #fff;
	font-size: 20px;
	font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}
.izukyu_link:hover {
    color: #fff;
    background-color: #6998D2;
}
.izukyu_link img {
	width: 20px;
	margin-right: 15px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.acc .sec01 {
		padding: 100px 0 0;
	}
	.acc .sec01 .box_main {
	background-image: url("../image/awa01.svg"), url("../image/cut_fish3.svg");
	background-position: 0% 50%, 100% 55%;
	background-size: 150px auto, 150px auto;
	}
	.yadomei {
		width: 180px;
	}
	.accbana_list {
		display: flex;
		justify-content: space-between;
	}
	.accbana_list li {
		width: 48%;
	}
	.kawazu_link {
		height: 100%;
		margin-bottom: 0;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.acc .sec01 .box_main {
		padding: 0 0 100px;
	}
	.yado_box {
		display: flex;
		justify-content: center;
		gap: 80px;
		align-items: center;
		padding: 30px 0 100px;
	}
	.yadomei {
		width: 200px;
		margin: 0;
		padding-bottom: 0;
	}
	.yadojyo {
		text-align: left;
	}
	.yadojyo p {
		padding-bottom: 0;
	}
	.kawazu_link, .izukyu_link {
		padding: 30px 0;
		font-size: 26px;
	}
}






/*------------------------------新着情報ページ------------------------------*/
.new_head {
	background-image: url("../image/new_head2.jpg");
	background-position: center center;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.new_head {
		background-image: url(../image/new_head.jpg);
	}
}



.new .sec01 {
    padding: 50px 0 0;
}
.box_new {
	width: 85%;
	margin: auto;
	max-width: 1080px;
	padding-bottom: 50px;
	text-align: left;
}
.pager {
	padding-top: 20px;
}
.pager a {
	padding: 0px 5px;
}
.backORcloseBtn {
	padding-top: 30px;
}
.backORcloseBtn a{
	position: relative;
	text-decoration: none;
	display: inline-block;
    padding: 10px 20px 10px 20px;
    text-align: center;
	background-color: #17b4e3;
    outline: none;
    transition: ease .2s;
	color: #fff;
	border-radius: 5px;
}
.backORcloseBtn a:hover{
	background-color: #005da6;
	color: #fff;
}
.new h4 {
	font-size: 18px;
	font-weight: normal;
	padding: 0px 0px 20px;
}
.detailText {
	padding: 20px 0px;
}
.detailUpfile {
	text-align: center;
}
.f14 {
	font-size: 12px;
	color: #aaa;
}
/*1024px以上　PCサイト用*/
@media print, screen and (min-width: 1024px){
	.new .sec01 {
		padding: 100px 0 0;
	}
	.box_new {
		padding-bottom: 100px;
	}
	.new h4 {
		font-size: 24px;
	}
	.new #newsList li {
		padding: 30px 0px 20px;
	}
	.detailText {
		padding: 50px 0px;
	}
}