@charset "UTF-8";


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

.top_h {
	width: 100%;
	position: relative;
}
.top_h .head_box {
	width: 90%;
	margin: auto;
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.top_h .head_box {
		border-radius: 30px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.top_h .head_box {
		width: 85%;
		z-index: 1;
		border-radius: 40px;
	}
}



.top .sec01 {
	position: relative;
    padding: 80px 0px 100px;
	background-image: url("../image/nami01.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
    background-size: 800px auto;
}
.box_topai {
    width: 85%;
	margin: auto;
	max-width: 600px;
}
.topai_h2 img {
	height: 36px;
	width: auto;
}
.box_topai .img {
	padding: 0 30px 0 0;
	background-image: url("../image/awa02.svg");
	background-repeat: no-repeat;
	background-position: right bottom;
    background-size: 200px auto;
}
.tex_topai {
	line-height: 2em;
	text-align: left;
	padding: 30px 0px 50px;
}
.cut_neko01 {
	position: absolute;
	bottom: 20px;
	right: 7.5%;
}
.cut_neko01 img {
	width: 120px;
	height: auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.top .sec01 {
		background-image: url("../image/nami01.svg"), url("../image/sakana05.svg");
	background-position: center bottom, 90% 8%;
    background-size: 1920px auto, 100px auto;
	}
	.box_topai .img {
		padding: 0 80px 0 0;
		background-position: right bottom 80px;
    background-size: 250px auto;
	}
	.cut_neko01 {
		bottom: 80px;
	}
	.cut_neko01 img {
		width: 180px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.top .sec01 {
		background-image: url("../image/nami01.svg");
	background-position: center bottom;
    background-size: 1920px auto;
	}
	.box_topai {
		max-width: 1600px;
		display: flex;
	}
	.box_topai .text {
		width: 50%;
		max-width: 720px;
		padding-right: 50px;
	}
	.box_topai .img {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
	.cut_neko01 {
		left: 7.5%;
		right: auto;
		bottom: 0;
	}
}
@media screen and (min-width: 1280px){
	.top .sec01 {
		padding: 120px 0 100px;
	}
	.box_topai .text {
		padding-right: 80px;
	}
}
@media screen and (min-width: 1600px){
	.box_topai .text {
		width: 47%;
		padding-left: 5%;
	}
	.box_topai .img {
		width: 53%;
	}
	.topai_h2 img {
		height: 46px;
	}
	.tex_topai {
		line-height: 2.4;
		font-size: 18px;
	}
	.cut_neko01 img {
		width: 222px;
	}
}



.top .sec02 {
	position: relative;
	margin-top: -1px;
	padding: 80px 0;
	background-color: #dcf0f8;
}
.box_ap {
	width: 85%;
	margin: auto;
	max-width: 600px;
}
.ap01 {
	padding-bottom: 100px;
	background-image: url("../image/sakana01.svg");
	background-repeat: no-repeat;
	background-position: right top;
    background-size: 100px auto;
}
.ap02 {
	background-image: url("../image/neko02.svg"), url("../image/ashi01.svg");
	background-repeat: no-repeat;
	background-position: right top, 100% 40%;
    background-size: 90px auto, 220px auto;
}
.ap_h2 {
    padding: 80px 0 10px 40px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100px auto;
}
.ap01 .ap_h2 {
    background-image: url("../image/point01.svg");
}
.ap02 .ap_h2 {
    background-image: url("../image/point02.svg");
}
.ap_h2 img {
	height: 36px;
	width: auto;
}
.tex_styleap {
	padding: 30px 40px 50px;
	text-align: left;
}
.ap_link {
	margin: 0 0 60px 40px;
}
.apbox .img img {
	border-radius: 20px;
}
.ap01 .img {
	position: relative;
}
.junbi01 {
	position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.junbi01 img {
	height: 24px;
	width: auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.ap01 {
    background-size: 120px auto;
}
.ap02 {
	background-position: right top, 100% 30%;
    background-size: 130px auto, 260px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.top .sec02 {
		padding: 100px 0 0;
	}
	.box_ap {
		max-width: 1360px;
	}
	.ap01 {
		padding-bottom: 150px;
	}
	.ap02 {
		padding-bottom: 80px;
	background-position: 40% 100%, 50% 70%;
    background-size: 130px auto, 280px auto;
	}
	.apbox .text {
		width: 43%;
	}
	.apbox .img {
		width: 50%;
	}
	.ap_link {
		margin: 0 0 0 40px;
	}
}
@media screen and (min-width: 1600px){
	.ap_h2 img {
		height: 46px;
	}
}


.top .sec03 {
	position: relative;
	margin-top: -1px;
    padding: 100px 0px 120px;
	background-image: url("../image/nami02.svg"), url("../image/nami05.svg"), url("../image/sakana06.svg");
	background-repeat: no-repeat;
	background-position: center top, center bottom, right 20px bottom;
    background-size: 800px auto, 800px auto, 150px auto;
}
/*プランRSS*/
.plan_rss_box {
	width: 85%;
	margin: auto;
	max-width: 600px;
}
.plan_tit {
	text-align: center;
}
.plan_rss {
	width: 100%;
	margin: auto;
	display: block;
	padding: 30px 0px 0px;
}
.plan_rss .mini {
    width: 100%;
    max-width: 360px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 50px;
    text-align: center;
}
.plan_rss .mini .plan_img {
	width: 100%;
	margin: auto;
	text-align: center;
}
.plan_img img {
	border-radius: 20px;
}
.plan_rss .mini h4{
	font-size: 16px;
	padding: 15px 0;
	text-align: left;
	font-weight: normal;
}
.plan_text p {
	display: none;
}

/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.top .sec03 {
		padding: 150px 0 180px;
	background-image: url("../image/nami02.svg"), url("../image/nami05.svg"), url("../image/sakana06.svg"), url("../image/sakana02.svg"), url("../image/sakana03.svg");
	background-repeat: no-repeat;
	background-position: center top, center bottom, right 20px bottom, right -40px top 80px, left -40px bottom 800px;
    background-size: 1920px auto, 1920px auto, 220px auto, 220px auto, 220px auto;
	}
	.plan_tit_box {
		padding-bottom: 40px;
	}
   .plan_rss .mini {
	display:flex;
	max-width: 600px;
	padding: 20px;
	text-align: left;
    }
    .plan_rss .mini .plan_img {
	width: 298px;
	order: 1;
    }
   .plan_rss .mini .plan_img img{
	width: 100%;
	height: auto;
    }
   .plan_rss .mini a{
	font-size: 18px;
    }
   .plan_rss .mini h4{
	font-size: 18px;
	padding: 10px 20px;
	margin-bottom: 10px;
    }
   .plan_rss .mini .plan_text {
	width: 380px;
	margin-left: 20px;
	text-align: left;
	order:2;
    }
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.top .sec03 {
		padding: 150px 0 220px;
		background-position: center top, center bottom, right 20px bottom, right -40px top 80px, left -40px bottom 350px;
	}
	.plan_rss_box {
		max-width: 1360px;
		padding: 80px 0px 50px;
		background-size: auto;
	}
	.plan_rss {
    display: flex;
    justify-content: space-between;
	}
   .plan_rss .mini {
	width: 33%;
	padding-top: 15px;
	   display: flex;
	   flex-flow: column;
	   margin: 0px;
	}
	.plan_rss .mini h4 {
		padding: 10px 0px;
	}
   .plan_rss .mini .plan_img {
	width: 100%;
	}	
   .plan_rss .mini .plan_text {
	width: 85%;
	margin: auto;
	   flex-grow: 1;
	}
}
@media screen and (min-width: 1280px){
	.top .sec03 {
		padding: 150px 0 220px;
		background-size: 1920px auto, 1920px auto, 270px auto, 360px auto, 270px auto;
		background-position: center top, center bottom, right 20px bottom, right -40px top 80px, left -100px bottom 370px;
	}
}



/*空室検索*/
.akiken {
    width: 85%;
	margin: auto;
	max-width: 600px;
    padding: 50px 0px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center;
	background-color: #dcf0f8;
	border-radius: 20px;
}
.akiken_tit {
	padding: 0px 0px 20px;
}
.plan_form{
	width: 100%;
	max-width: 300px;
	margin: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px;
}
.plan_form .form_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.plan_form select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding:0 10px;
	height: 30px;
	background-color: #fff;
	background-image: url("../image/aki_ya01.svg");
	background-repeat: no-repeat;
	background-position: right 3px center;
	background-size: 8px auto;
	position: relative;
	border-radius: 1px;
	border: 1px solid #ccc;
}
.plan_form input{
	position: relative;
	border-radius: 1px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding:10px;
}
.plan_form .check_in {
	padding-bottom: 15px;
}
.plan_form .check_in input{
	width: 122px;
	height: 30px;
	padding: 0 10px;
	cursor: pointer;
}
.plan_form .undecided {
	width: 122px;
	padding-bottom: 15px;
}
.plan_form .undecided input{
	margin:0 0 0 -8px;
}
.plan_form .guests {
	padding-bottom: 15px;
}
.plan_form .guests select{
	width: 122px;
	height: 30px;
}
.plan_form .type {
	padding-bottom: 15px;
}
.plan_form .type select{
	width: 122px;
	height: 30px;
}
.plan_form .price {
	padding-bottom: 15px;
}
.plan_form .price select{
	width: 122px;
	height: 30px;
}
.plan_form .search_btn {
	width: 150px;
	margin: auto;
	padding-top: 25px;
}
.plan_form .search_btn .btn{
	width: 150px;
	padding:7px 5px 7px 5px; 
	background-color: #3695ba;
	border:none;
	border-radius: 15px;
	font-size: 16px; 
	cursor: pointer;
	transition: 0.3s;
	color: #fff;
}
.plan_form .search_btn .btn:hover {
    background-color: #2a61b3;
	color: #fff;
}

/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.plan_form {
		max-width: 1000px;
        padding: 20px 15px;
	}
	.plan_form .form_box {
		max-width: 450px;
		margin: auto;
	}
	.plan_form .price {
		padding-left: 13px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.akiken {
		max-width: 1360px;
		padding: 30px 0px 0px;
	}
	.plan_form {
		width: 93%;
		max-width: 1200px;
		padding: 0px;
	}
	.plan_form form {
		margin: auto;
		display: flex;
		justify-content: center;
	}
	.plan_form .form_box {
		flex-wrap: nowrap;
		max-width: 1000px;
		margin: 0 20px 0 0;
	}
	.plan_form p {
		font-size: 14px;
	}
	.plan_form .check_in input{
		width: 70px;
	}
	.plan_form .undecided {
		width: 90px;
	}
	.plan_form .guests {
		margin-right: 13px;
	}
	.plan_form .guests select {
		width: 90px;
	}
	.plan_form .type select {
		width: 90px;
	}
	.plan_form .price {
		width: auto;
		margin: 0 0 0 13px;
		padding-left: 0;
		padding-bottom: 27px;
	}
	.plan_form .price select {
		width: 100px;
	}
   .plan_form .search_btn {
	   margin: 0px;
	   padding-top: 20px;
    }
}
@media screen and (min-width: 1280px){
	.plan_form .check_in input{
		width: 100px;
	}
	.plan_form .undecided {
		width: 100px;
	}
	.plan_form .guests select {
		width: 130px;
	}
	.plan_form .type select {
		width: 130px;
	}
	.plan_form .price select {
		width: 137px;
	}
}


/*新着情報*/
.box_topnew {
	width: 85%;
	margin: auto;
	max-width: 600px;
	padding: 80px 0px 50px;
	text-align: center;
}
.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;
	background-color: #3695ba;
	color: #fff;
	padding: 3px 10px;
	border-radius: 5px;
}
/*1024px以上　PCサイト用*/
@media print, screen and (min-width: 1024px){
	.box_topnew {
		max-width: 1200px;
		text-align: left;
	}
	.box_topnew .box1 {
		width: 25%;
		padding: 15px 0px 0px;
	}
	.box_topnew .box2 {
		width: 70%;
	}
	.topnew_link {
		margin: 20px 0px 50px;
	}
	#newsList li {
		padding: 25px 0px;
	}
	.sp_on {
		display: none;
	}
}






/*------------------------------料理ページ------------------------------*/
.ryo_head {
	background-image: url("../image/ryo_head2.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.ryo_head {
		background-image: url(../image/ryo_head.jpg);
	}
}


.ryo .sec01 {
    position: relative;
    padding: 80px 0px 100px;
	background-image: url("../image/nami01.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
    background-size: 800px auto;
}
.box_ryoai h3 img {
	height: 100px;
	width: auto;
}
.box_ryoai .img {
	position: relative;
	padding: 0 30px 0 0;
	background-image: url("../image/awa02.svg");
	background-repeat: no-repeat;
	background-position: right top;
    background-size: 200px auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.ryo .sec01 {
		padding: 80px 0 120px;
		background-image: url("../image/nami01.svg"), url("../image/sakana01.svg");
	background-position: center bottom, 90% 8%;
    background-size: 1920px auto, 100px auto;
	}
	.box_ryoai .img {
		padding: 30px 30px 0 0;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.ryo .sec01 {
		background-image: url("../image/nami01.svg");
	background-position: center bottom;
    background-size: 1920px auto;
	}
	.box_ryoai .text {
		width: 47%;
	}
	.box_ryoai .img {
		width: 46%;
		padding: 0 30px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
}
@media screen and (min-width: 1280px){
	.ryo .sec01 {
		padding: 120px 0 100px;
	}
}
@media screen and (min-width: 1600px){
	.box_ryoai h3 img {
		height: 140px;
	}
}



.ryo .sec02 {
	position: relative;
	margin-top: -1px;
	padding: 80px 0;
	background-color: #dcf0f8;
}
.yu_box .text {
	padding-bottom: 30px;
}
.yu_box h3 {
	padding-bottom: 15px;
	border-bottom: 3px dotted #3695ba;
	background-image: url("../image/sakana07.svg");
	background-repeat: no-repeat;
	background-position: right bottom 10px;
    background-size: 80px auto;
}
.yu_box h3 img {
	height: 80px;
	width: auto;
}
.yu_menu h4 {
	font-size: 18px;
}
.yu_menu_list li {
	margin: 10px 0;
}
.yu_box .img {
	position: relative;
}
.yu_box .img img {
	border-radius: 20px;
}
.betsu_box {
	padding: 80px 0 0;
}
.betsu_box h3 {
	padding-bottom: 15px;
	border-bottom: 3px dotted #3695ba;
	background-image: url("../image/kai02.svg");
	background-repeat: no-repeat;
	background-position: right bottom 10px;
    background-size: 35px auto;
}
.betsu_chu {
	padding: 20px 0 0;
}
.t-ryo {
	width: 100%;
	padding: 10px 0;
	text-align: left;
}
.t-ryo th {
	padding: 15px 0 10px;
	color: #2a61b3;
	font-size: 18px;
}
.betsu_nai {
	width: 100%;
	display: flex;
}
.td01 {
	display: block;
	width: 70%;
}
.td02 {
	display: block;
	width: 30%;
	vertical-align: bottom;
	text-align: right;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.betsu_list {
		display: flex;
		flex-wrap: wrap;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.ryo .sec02 {
		padding: 100px 0 80px;
	}
	.yu_box .box1 {
		padding-top: 20px;
	}
	.yu_box .text {
		width: 43%;
	}
	.yu_box .img {
		width: 50%;
		padding-top: 30px;
	}
	.yu_box h3 img {
		height: 36px;
		width: auto;
	}
	.t-ryo {
		max-width: 900px;
		padding: 50px 0 0;
	}
	.t-ryo th {
		padding: 20px 0 15px;
		font-size: 20px;
	}
}
@media screen and (min-width: 1600px){
	.yu_box h3 img {
		height: 46px;
	}
}



.ryo .sec03 {
	position: relative;
	margin-top: -1px;
    padding: 100px 0px 120px;
	background-image: url("../image/nami02.svg"), url("../image/nami05.svg"), url("../image/sakana06.svg");
	background-repeat: no-repeat;
	background-position: center top, center bottom, right 20px bottom;
    background-size: 800px auto, 800px auto, 150px auto;
}
.cho_box {
	padding-bottom: 80px;
}
.cho_box .text {
	padding-bottom: 30px;
}
.cho_box h3 {
	padding-bottom: 15px;
	border-bottom: 3px dotted #3695ba;
	background-image: url("../image/kaiso01.svg");
	background-repeat: no-repeat;
	background-position: right bottom 10px;
    background-size: 35px auto;
}
.cho_box h3 img {
	height: 100px;
	width: auto;
}
.cho_box .img {
	position: relative;
}
.cho_box .img img {
	border-radius: 20px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.ryo .sec03 {
		padding: 150px 0 180px;
	background-image: url("../image/nami02.svg"), url("../image/nami05.svg"), url("../image/sakana06.svg"), url("../image/sakana02.svg");
	background-repeat: no-repeat;
	background-position: center top, center bottom, right 20px bottom, right -40px bottom 400px;
    background-size: 1920px auto, 1920px auto, 220px auto, 220px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.ryo .sec03 {
		padding: 200px 0 220px;
		background-image: url("../image/nami02.svg"), url("../image/nami05.svg"), url("../image/sakana06.svg"), url("../image/sakana02.svg"), url("../image/sakana03.svg");
	background-position: center top, center bottom, right 20px bottom, right -40px top 80px, left -60px bottom 350px;
    background-size: 1920px auto, 1920px auto, 220px auto, 220px auto, 220px auto;
	}
	.cho_box .text {
		width: 43%;
		padding-bottom: 0;
	}
	.cho_box .img {
		width: 50%;
		padding-top: 30px;
	}
}
@media screen and (min-width: 1280px){
	.ryo .sec03 {
		background-size: 1920px auto, 1920px auto, 270px auto, 280px auto, 270px auto;
		background-position: center top, center bottom, right 20px bottom, right -40px top 80px, left -100px bottom 400px;
	}
	.cho_box .text {
		display: grid;
		place-content: center;
	}
}
@media screen and (min-width: 1600px){
	.cho_box h3 img {
		height: 140px;
	}
}



/*------------------------------館内ページ------------------------------*/
.kan_head {
	background-image: url("../image/kan_head2.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.kan_head {
		background-image: url(../image/kan_head.jpg);
	}
}


.kan .sec01 {
    position: relative;
    padding: 50px 0px 100px;
	background-image: url("../image/nami01.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
    background-size: 800px auto;
}
.box_room {
	padding: 30px 0 0;
	text-align: center;
	background-image: url("../image/ashi02.svg");
	background-repeat: no-repeat;
	background-position: right top;
    background-size: 200px auto;
}
.room_p {
	margin-bottom: 15px;
}
.room_p img {
	border-radius: 20px;
}
.ameni_box {
	position: relative;
    margin: 30px 0 0;
    padding: 30px;
	background-color: #dcf0f8;
	border-radius: 20px;
	text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
.ameni_list dt, .service_list dt {
	padding: 15px 0 10px;
	font-size: 18px;
	font-weight: bold;
	color: #2a61b3;
}
.ameni_chu {
	padding: 15px 0 20px;
}
.ameni_chu li {
	margin-bottom: 10px;
}
.service_list {
	padding-bottom: 20px;
}
.cut_neko02 {
	position: absolute;
	left: 20px;
	bottom: -30px;
}
.cut_neko02 img {
	width: 120px;
	height: auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.kan .sec01 {
		padding: 80px 0 150px;
    background-size: 1920px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.box_room p {
		max-width: 50em;
		margin: auto;
	}
	.room_p {
		width: 49%;
	}
	.ameni_box {
		padding: 50px;
	}
	.cut_neko02 img {
		width: 150px;
	}
}
@media screen and (min-width: 1280px){
	.kan .sec01 {
		padding: 120px 0 150px;
	}
}



.kan .sec02 {
	position: relative;
	z-index: 2;
	margin-top: -1px;
	padding: 80px 0 30px;
	background-color: #dcf0f8;
}
.box_kannai {
	position: relative;
}
.bath_box h3 {
	padding-bottom: 15px;
	border-bottom: 3px dotted #3695ba;
	background-image: url("../image/sakana08.svg");
	background-repeat: no-repeat;
	background-position: right bottom 10px;
    background-size: 45px auto;
}
.bath_p img {
	border-radius: 20px;
}
.bath_p_box_sp {
	display: flex;
	justify-content: space-between;
}
.bath_p2 {
	width: 49%;
	margin-top: 2vw;
}
.bath_p_box_pc {
	display: none;
}
.kan_box {
	padding: 80px 0 0;
}
.kan_box .box1 {
	padding-bottom: 50px;
}
.kan_p {
	padding-top: 15px;
}
.kan_p img {
	border-radius: 20px;
}
.cut_neko03 {
	position: absolute;
	right: 20px;
	bottom: -80px;
}
.cut_neko03 img {
	width: 150px;
	height: auto;
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.kan .sec02 {
		padding: 100px 0 30px;
	}
	.bath_box .text {
		width: 43%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.bath_box .img {
		width: 50%;
	}
	.bath_p_box_sp {
		display: none;
	}
	.bath_p_box_pc {
		display: flex;
		justify-content: space-between;
	}
	.kan_box .box1 {
		width: 32%;
		text-align: center;
	}
	.cut_neko03 {
		bottom: -120px;
	}
	.cut_neko03 img {
		width: 200px;
	}
}


.kan .sec03 {
	position: relative;
	z-index: 1;
	margin-top: -1px;
    padding: 100px 0px 120px;
	background-image: url("../image/nami02.svg"), url("../image/nami05.svg"), url("../image/sakana06.svg");
	background-repeat: no-repeat;
	background-position: center top, center bottom, right 20px bottom;
    background-size: 800px auto, 800px auto, 150px auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.kan .sec03 {
		padding: 150px 0 180px;
		background-position: center top, center bottom, right 20px bottom 10px;
    background-size: 1920px auto, 1920px auto, 220px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.kan .sec03 {
		padding: 200px 0 220px;
	}
}



/*------------------------------周辺・アクセスページ------------------------------*/
.acc_head {
	background-image: url("../image/acc_head2.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
.kaso_h2_acc {
	margin: 0 10px 15px 0;
	padding: 10px 20px;
    font-size: 26px;
	line-height: 1;
	text-align: center;
	background-image: url("../image/tit_bg2.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 230px auto;
}
.kaso_h2_acc img {
	height: 26px;
	width: auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.acc_head {
		background-image: url(../image/acc_head.jpg);
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.kaso_h2_acc {
		padding: 25px 40px;
		background-size: 300px auto;
	}
	.kaso_h2_acc img {
		height: 34px;
	}
}
@media screen and (min-width: 1600px){
	.kaso_h2_acc {
		margin: 0 20px 15px 0;
		padding: 40px 80px;
		background-size: 380px auto;
	}
	.kaso_h2_acc img {
		height: 40px;
	}
}


.acc .sec01 {
    position: relative;
    padding: 50px 0px 100px;
	background-image: url("../image/nami01.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
    background-size: 800px auto;
}
.box_acc {
	position: relative;
}
.box_acc h3 {
	text-align: center;
}
.g_map {
	padding-top: 30px;
}
.yado_box {
	margin-top: 50px;
	padding-bottom: 20px;
	text-align: center;
}
.yadomei {
	width: 180px;
	margin: auto;
	padding-bottom: 20px;
}
.yadojyo p {
	line-height: 2;
}
.cut_neko04 {
	position: absolute;
	right: 20px;
	bottom: -100px;
}
.cut_neko04 img {
	width: 80px;
	height: auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.acc .sec01 {
		padding: 80px 0 150px;
    background-size: 1920px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.acc .sec01 {
		z-index: 2;
		padding: 100px 0px;
		background-image: url("../image/nami03.svg"), url("../image/sakana02.svg");
		background-position: center bottom, right -20px top 50px;
		background-size: 1920px auto, 220px auto;
	}
	.g_map {
		padding-top: 50px;
	}
	.yado_box {
		width: 700px;
		margin: 50px auto 0;
	}
	.yadomei {
		margin: 0;
		padding-left: 50px;
	}
	.yadojyo {
		text-align: left;
	}
	.cut_neko04 {
		bottom: -130px;
	}
	.cut_neko04 img {
		width: 100px;
	}
}
@media screen and (min-width: 1280px){
	.acc .sec01 {
		padding: 120px 0 150px;
	}
	.cut_neko04 {
		bottom: -160px;
	}
	.cut_neko04 img {
		width: 130px;
	}
}
@media screen and (min-width: 1600px){
	.acc .sec01 {
		background-size: 1920px auto, 280px auto;
	}
}


.acc .sec02 {
	position: relative;
	margin-top: -1px;
	padding: 80px 0 0;
	background-color: #dcf0f8;
}
.acc .sec02 h3 {
	text-align: center;
}
.kanko_box {
	padding: 30px 0 0;
}
.kanko_box .box1 {
	padding-bottom: 50px;
}
.kanko_box .img {
	margin-bottom: 20px;
}
.kanko_box .img img {
	border-radius: 20px;
}
.kanko_box .img p {
	font-size: 14px;
	text-align: right;
}
.kanko_box h4 img {
	width: 16px;
	height: auto;
	margin-left: 10px;
	padding-bottom: 2px;
}
.jikan {
	margin-top: 10px;
}
.jikan img {
	width: 16px;
	height: auto;
	margin-right: 15px;
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.acc .sec02 {
		z-index: 1;
		padding: 100px 0 30px;
	}
	.kanko_box {
		flex-wrap: wrap;
		padding: 50px 0 0;
	}
	.kanko_box .box1 {
		width: 48%;
	}
}



.acc .sec03 {
	position: relative;
	z-index: 1;
	margin-top: -1px;
    padding: 100px 0px 120px;
	background-image: url("../image/nami02.svg"), url("../image/nami05.svg"), url("../image/sakana06.svg");
	background-repeat: no-repeat;
	background-position: center top, center bottom, right 20px bottom;
    background-size: 800px auto, 800px auto, 150px auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.acc .sec03 {
		padding: 150px 0 180px;
		background-position: center top, center bottom, right 20px bottom 10px;
    background-size: 1920px auto, 1920px auto, 220px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.acc .sec03 {
		padding: 200px 0 220px;
		background-image: url("../image/nami02.svg"), url("../image/nami05.svg"), url("../image/sakana06.svg"), url("../image/sakana03.svg");
		background-position: center top, center bottom, right 20px bottom 10px, right 20px top 90px;
    background-size: 1920px auto, 1920px auto, 220px auto, 200px auto;
	}
}
@media screen and (min-width: 1600px){
	.acc .sec03 {
		background-size: 1920px auto, 1920px auto, 220px auto, 250px auto;
	}
}




/*------------------------------新着情報ページ------------------------------*/
.new_head {
	background-image: url("../image/new_head2.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
.kaso_h2_new {
	margin: 0 10px 15px 0;
	padding: 10px 30px;
    font-size: 26px;
	line-height: 1;
	text-align: center;
	background-image: url("../image/tit_bg3.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 180px auto;
}
.kaso_h2_new img {
	height: 33px;
	width: auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.new_head {
		background-image: url(../image/new_head.jpg);
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.kaso_h2_new {
		padding: 25px 60px;
		background-size: 230px auto;
	}
	.kaso_h2_new img {
		height: 36px;
	}
}
@media screen and (min-width: 1600px){
	.kaso_h2_new {
		margin: 0 20px 15px 0;
		padding: 40px 80px;
		background-size: 280px auto;
	}
	.kaso_h2_new img {
		height: 43px;
	}
}



.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: #3695ba;
    outline: none;
    transition: ease .2s;
	color: #fff;
	border-radius: 10px;
}
.backORcloseBtn a:hover{
	background-color: #2a61b3;
	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;
	}
}


.new .sec02 {
	position: relative;
	z-index: 1;
	margin-top: -1px;
    padding: 0 0px 120px;
	background-image: url("../image/nami05.svg"), url("../image/sakana06.svg");
	background-repeat: no-repeat;
	background-position: center bottom, right 20px bottom;
    background-size: 800px auto, 150px auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.new .sec02 {
		padding: 50px 0 180px;
		background-position: center bottom, right 20px bottom 10px;
    background-size: 1920px auto, 220px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.new .sec02 {
		padding: 50px 0 220px;
		background-image: url("../image/nami05.svg"), url("../image/sakana06.svg"), url("../image/sakana03.svg");
		background-position: center bottom, right 20px bottom 10px, left -60px top;
    background-size: 1920px auto, 220px auto, 180px auto;
	}
}
@media screen and (min-width: 1600px){
	.new .sec02 {
		background-size: 1920px auto, 220px auto, 220px auto;
	}
}