body {font-size: 0.16rem; color: #231815;line-height: 1.5;background: #fff;min-height: 100%;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;image-rendering: -webkit-optimize-contrast;image-rendering: optimizeQuality;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
select::-ms-expand { display: none; }
a {color: #231815;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
html {
	font-size: 100px;
}
.sp {display: none !important;}


.header {
}
.top img {
	width: 100%;
}
.top a {
	display: block;
}
.menu-btn {
	display: none;
}
.nav ul {
	text-align: center;
}
.nav ul li {
	display: inline-block;
	padding: .1rem .2rem;
	line-height: .5rem;
}
.nav ul li a {
	display: block;
	font-family: "しまなみ";
	font-size: .22rem;
	color: #231815;
}
.nav ul li a:hover {
	color: #5f5f5f;
}

.h-text {
	display: none;
}

.banner {
	position: relative;
}
.banner img {
	width: 100%;
}
.banner .b-text {
	width: 2.5rem;
	height: 1.22rem;
	position: absolute;
	top: .38rem;
	left: .4rem;
	background: url(../images/bg-01.jpg) no-repeat;
	background-size: cover;
	z-index: 100;

	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.banner .b-text span {
	font-family: "しまなみ";
	font-size: .24rem;
	color: #fff;
	line-height: .36rem;
}
.banner .swiper-container-pc .swiper-slide {
	background-color: #fff;
}

.banner .swiper-container-pc .myactive img {
	-webkit-animation: zoomdIn 8s linear forwards;animation: zoomdIn 8s linear forwards;
}

@-webkit-keyframes zoomdIn {
0%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes zoomdIn {
0%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@-webkit-keyframes zoomdOut {
0%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoomdOut {
0%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}


.main {
	border-bottom: 1px solid #727171;
}

.mbox {
	width: 12rem;
	margin: 0 auto;
	padding: .5rem .5rem .8rem;
	box-sizing: border-box;
}
.mbox.mb1 {
	padding-bottom: .2rem;
}

/*news*/
.news {
	border: 1px #c9caca solid;
	box-sizing: border-box;
	margin-top: .2rem;
	padding: .05rem .03rem .05rem 0;
}
.news-roll {
	max-height: 4.9rem;
	overflow-y: scroll;
	padding-left: .3rem;
	padding-right: .25rem;
}
.news-li {
	padding: .3rem 0 .35rem;
	border-bottom: 1px #c9caca dashed;
}
.news-li:first-child {
	padding-top: .25rem;
}
.news-li:last-child {
	border-bottom: none;
	padding-bottom: .25rem;
}
.news-li-l {
	float: left;
	width: 4rem;
}
.news-li-r {
	float: right;
	width: 5.95rem;
}
.news-d {
	line-height: .18rem;
	font-size: .18rem;
	font-family: "TBUDゴシック R";
	padding-bottom: .15rem;
}
.news-t {
	line-height: .42rem;
	font-size: .30rem;
	font-family: "しまなみ";
	padding-bottom: .2rem;
}
.news-i {
	line-height: .36rem;
	font-size: .18rem;
	font-family: "TBUDゴシック R";
}

.news-roll::-webkit-scrollbar {
width: .08rem;
height: .05rem;
}
.news-roll::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: .08rem;
}
.news-roll::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: .08rem;
}
/*news end*/

.ml {
	width: 6.2rem;
	float: left;
}
.title1 {
	font-family: "しまなみ";
	font-size: .22rem;
	color: #231815;
	line-height: .38rem;
}
.title2 {
	font-family: "しまなみ";
	font-size: .36rem;
	color: #231815;
	line-height: .48rem;
}
.text1 {
	font-family: "TBUDゴシック R";
	font-size: .18rem;
	color: #231815;
	line-height: .36rem;
	padding-top: .25rem;
}


.mr {
	width: 4.4rem;
	float: right;
	margin-top: 1.7rem;
	margin-right: .2rem;
}

.mlist {
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding-top: .35rem;
}
.mlist .li {
	width: 3.3rem;
	padding-top: .6rem;
	margin-right: .55rem;
}
.mlist .li:nth-child(3n) {
	margin-right: 0;
}
.mlist .li img {
	width: 100%;
}
.mlist .li-text,.p4text {
	font-family: "TBUDゴシック R";
	font-size: .14rem;
	color: #231815;
	line-height: .21rem;
	padding-top: .28rem;
}
.mlist .li:nth-child(1),.mlist .li:nth-child(2),.mlist .li:nth-child(3) {
	padding-top: 0;
}
a.t1 {
	color: #22366f;
}
a.t1:hover {
	text-decoration: underline;
}
.mlist .li-text a {
	color: #03a9f4;
}
.mlist .li-text a:hover {
	text-decoration: underline;
}


.main.map {
	background: url(../images/bg-02.jpg) repeat;
	background-size: cover;
}
.titie3 {
	font-family: "しまなみ";
	font-size: .36rem;
	color: #231815;
	line-height: .48rem;
	text-align: center;
}

.mapbox {
	width: 8rem;
	height: 6rem;
	margin: .8rem auto .4rem;
	/*border: 1px solid #909090;*/
	/*border-top-width: 2px;*/
}

.f-text {
	font-family: "TBUDゴシック R";
	font-size: .12rem;
	color: #231815;
	line-height: .8rem;
	text-align: center;
}


.totop {
	display: none;
	position: fixed;
	right: .4rem;
	bottom: .4rem;
	width: .5rem;
	z-index: 9;
}
.totop img {
	width: 100%;
}

/*page 1*/
.mr2 {
	width: 4.4rem;
	float: right;
	padding-top: .3rem;
}
.pimg {
	width: 100%;
}
.mlist.p1 {
	padding: .2rem 0;
}
.li-title {
	height: .5rem;
	font-family: "しまなみ";
	font-size: .22rem;
	color: #231815;
	line-height: .24rem;
}

/*page 2*/
.p2box {
	padding: .1rem 0 .3rem;
}
.p2box-li {
	padding: .2rem 0;
	border-bottom: 1px solid #727171;
}
.p2box-li:last-child {
	border-bottom: none;
}
.p2title {
	font-family: "しまなみ";
	font-size: .24rem;
	color: #231815;
	line-height: .36rem;
}
.p2text {
	font-family: "しまなみ";
	font-size: .18rem;
	color: #231815;
	line-height: .36rem;
}
.p2table {
	width: 100%;
}
.p2table tr td {
	font-family: "しまなみ";
	font-size: .18rem;
	color: #231815;
	line-height: .36rem;
	vertical-align: top;
}
.p2table tr td:first-child {
	padding-right: .3rem;
}

/*page 3*/
.p3l {
	width: 4.8rem;
	float: left;
}
.p3r {
	width: 6.2rem;
	float: right;
	font-family: "TBUDゴシック R";
	font-size: .18rem;
	color: #231815;
	line-height: .36rem;
}
.p3img {
	width: 100%;
	padding: .25rem 0 .2rem;
}
.p3text {
	font-family: "しまなみ";
	font-size: .16rem;
	color: #231815;
	line-height: .26rem;
	padding-bottom: .4rem;
}
.li-title2 {
	height: .65rem;
	font-family: "しまなみ";
	font-size: .3rem;
	color: #231815;
	line-height: .35rem;
}
.li-title2 .i {
	display: inline-block;
	width: .35rem;
	height: .35rem;
	line-height: .35rem;
	text-align: center;
	font-size: .24rem;
	color: #fff;
	background-color: #4b7d49;
	vertical-align: top;
	margin-right: .15rem;
}
.li-title2 .c1 {
	background-color: #cc6882;
}
.li-title2 .c2 {
	background-color: #d79c00;
}
.li-title2 .c3 {
	background-color: #a660a3;
}
.li-title2 .c4 {
	background-color: #008cd6;
}
.li-title2 .s {
	font-size: .2rem;
	vertical-align: top;
}
.li-title2.b1 {
	background: url(../images/icon/moon.png) right .03rem no-repeat;
	background-size: .28rem auto;
}

/*page 4*/
.p4l {
	display: block;
	width: 7.15rem;
	float: left;
}
.p4r {
	width: 3.3rem;
	float: right;
}
.p4r .p4img {
	width: 100%;
	padding-top: .25rem;
}
.mlist.p4 , .mlist.p5 {
	padding: 0 0 .3rem;
}

.mlist.p6 {
	padding-bottom: .3rem;
}

/*page 5*/
.p5btn {
	display: block;
	width: 3.3rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-family: "しまなみ";
	font-size: .36rem;
	color: #fff;
	background-color: #4b7d49;
	margin-top: .55rem;
	margin-bottom: .4rem;
}
.p5btn:hover {
	opacity: .92;
	box-shadow: 1px 1px 1px #ccc;
}
.p5pt1 {
	padding-top: .7rem;
}

/*contact*/
.mian-contact {
	padding: .5rem 0;
}

/*sightseeing info*/
.p3in-title {
	margin-top: .1rem;
	text-align: center;
}
.p3in-title .p3in-t1 {
	display: block;
	line-height: .38rem;
	font-family: "しまなみ";
	font-size: .18rem;
	color: #231815;
}
.p3in-title .p3in-t2 {
	display: block;
	line-height: .55rem;
	font-family: "しまなみ";
	font-size: .36rem;
	color: #231815;
}
.p3in-title .p3in-t3 {
	display: block;
	line-height: .38rem;
	font-family: "しまなみ";
	font-size: .22rem;
	color: #231815;
}
.p3in-title .p3in-t4 {
	display: block;
	line-height: .21rem;
	font-family: "しまなみ";
	font-size: .14rem;
	color: #231815;
}

.p3in-b1 {
	margin-top: .6rem;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.p3in-b1l {
	width: 6.6rem;
	height: 4.95rem;
}
.p3in-b1r {
	width: 4.3rem;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
}
.p3in-b1rtop {
	width: 4.3rem;
	height: 3rem;
	margin-bottom: .08rem;
}
.p3in-b1rbot {
	width: 100%;
}
.p3in-b1rbot-title {
	height: .35rem;
	line-height: .35rem;
	text-align: center;
	font-family: "しまなみ";
	font-size: .18rem;
	color: #fff;
	background-color: #4b7d49;
}
.p3in-b1rbot-text {
	min-height: 1.26rem;
	line-height: .2rem;
	font-family: "TBUDゴシック R";
	font-size: .14rem;
	color: #231815;
	background-color: #dcdddd;
	padding: .13rem .25rem .11rem;
}
.p3in-b1rbot-text span.mt1 {
	display: inline-block;
	margin-top: .06rem;
}

.p3in-b2 {
	width: 6.6rem;
	margin: .65rem auto .35rem;
}
.p3in-b2.mt2 {
	margin-top: 0;
}
.p3in-b2-text1 {
	line-height: .36rem;
	font-family: "TBUDゴシック R";
	font-size: .18rem;
	color: #231815;
}
.p3in-b2-text2 {
	width: 3.3rem;
	line-height: .21rem;
	font-family: "TBUDゴシック R";
	font-size: .14rem;
	color: #231815;
	margin: 0 auto;
}
.p3in-b2-text2.mt1 {
	margin-top: .35rem;
}
.p3in-b2-img {
	width: 100%;
	margin-top: .55rem;
	margin-bottom: .3rem;
}
.p3in-b2-img.w2 {
	display: block;
	width: 6.6rem;
	margin: .35rem auto .3rem;
}

/*food-spa 08*/
.bg-box1 {
	height: 6rem;
	background: url(../food-spa/08/03.jpg) center no-repeat;
	background-attachment: fixed;
    background-size: cover;
}
.box-two {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: .35rem 0;
}
.box-two.mt2 {
	margin-top: .8rem;
}
.box-two.mt3 {
	margin-top: .55rem;
}
.box-two-li {
	width: 5.2rem;
    margin-right: .6rem;
}
.box-two-li:nth-child(2n) {
    margin-right: 0;
}
.box-two-li img {
	width: 100%;
}
.box-two-li-text {
	width: 3.3rem;
	line-height: .21rem;
	font-family: "TBUDゴシック R";
	font-size: .14rem;
	color: #231815;
	margin: .3rem auto 0;
}
.box-two.bt1 {
	margin-bottom: 0;
}
.box-two.bt1 .box-two-li {
	margin-bottom: .65rem;
}
/**/
.bg-box2 {
	height: 6rem;
	background: url(../food-spa/11/03.jpg) center no-repeat;
	background-attachment: fixed;
    background-size: cover;
}

.table1 tr td {
	vertical-align: text-top;
}
.table1 tr td:first-child {
	min-width: 4em;
}


.bg-box3 {
	height: 6rem;
	background: url(../food-spa/04/03.jpg) center no-repeat;
	background-attachment: fixed;
    background-size: cover;
}

.bg-box4 {
	height: 6rem;
	background: url(../food-spa/01/03.jpg) center no-repeat;
	background-attachment: fixed;
    background-size: cover;
}

.bg-box5 {
	height: 6rem;
	background: url(../experience/11/03.jpg) center no-repeat;
	background-attachment: fixed;
    background-size: cover;
}

.bg-box6 {
	height: 6rem;
	background: url(../food-spa/10/03.jpg) center no-repeat;
	background-attachment: fixed;
    background-size: cover;
}
.bg-box7 {
	height: 6rem;
	background: url(../food-spa/16/03.jpg) center no-repeat;
	background-attachment: fixed;
    background-size: cover;
}
.bg-box8 {
	height: 6rem;
	background: url(../sightseeing/09/03.jpg) center no-repeat;
	background-attachment: fixed;
    background-size: cover;
}
.bg-box9 {
	height: 6rem;
	background: url(../food-spa/17/03.jpg) center no-repeat;
	background-attachment: fixed;
    background-size: cover;
}

/*introduce*/
.mbox2 {
	width: 8.5rem;
    margin: 0 auto;
    padding: .5rem 0 .8rem;
    box-sizing: border-box;
}
.int.title2 {
	text-align: center;
	margin-top: .5rem;
	margin-bottom: .15rem;
}
.int.text1{
	width: 3.6rem;
	margin: 0 auto 1.5rem;
}
.int2.title2 {
	margin-top: 1rem;
}
.int2.text1 {
	margin-top: .2rem;
}

.int2.mlist {
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: .45rem;
}
.int2.mlist .li {
	width: 4rem;
	margin-right: 0;
}

.int2.mlist .li-text {
	font-family: "TBUDゴシック R";
    font-size: .18rem;
    color: #231815;
    line-height: .36rem;
    padding-top: .3rem;
}
.int2.int2_l_1 {
	width: 4.4rem;
	float: left;
}
.int2.int2_r_1 {
	width: 2.8rem;
	float: right;
	margin-top: .15rem;
}
.int2.int2_r_1_2 {
	margin-top: .45rem;
}
.int_s_t {
	font-size: .24rem;
	line-height: .45rem;
}
.int2.text1 a {
    color: #03a9f4;
}
.int2.text1 a:hover {
	text-decoration: underline;
}

.int2.int2_l_2 {
	width: 5rem;
	float: left;
}
.int2.int2_r_2 {
	width: 2.9rem;
	float: right;
	margin-top: .45rem;
}

.int2.int2_l_3 {
	width: 4rem;
	float: left;
}
.int2.int2_r_3 {
	width: 4rem;
	float: right;
	margin-top: .3rem;
}

.int2.int2_l_4 {
	width: 5rem;
	float: left;
}
.int2.int2_r_4 {
	width: 3rem;
	float: right;
	margin-top: .5rem;
}
.int2.int2_l_5 {
	width: 3.5rem;
	float: left;
}
.int2.int2_r_5 {
	width: 4.07rem;
	float: right;
	margin-top: .5rem;
}
.int2 .textml1em {
	display: inline-block;
	text-indent: -1em;
	margin-left: 1em;
	margin-top: .15rem;
}
/*introduce end*/


/*public*/
.pt0 {
	padding-top: 0 !important;
}
.bgfff {
	background-color: #fff;
}

@media only screen and (min-width: 751px) {
	.nav {
		display: block !important;
	}
}

@media only screen and (max-width: 750px) {
	.sp {display: block !important;}
	.pc {display: none !important;}

	.header {
		width: 100%;
		position: relative;
	}
	.top img {
		width: 100%;
	}


	.menu-btn {
		display: block;
		position: absolute;
		width: 0.64rem;
		text-align: center;
		top: .6rem;
		right: .3rem;
		z-index: 100;
	}
	.menu-btnbox {
		cursor: pointer;
	}
	.menu-btnbox .menu-btn-three {
		display: block;
		position: relative;
	}
	.menu-btnbox .menu-btn-three .line {
		width: 0.68rem;
		height: .02rem;
		background-color: #fff;
		display: block;
		margin: 0 auto 0.19rem;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.menu-btnbox .menu-btn-text {
		display: block;
		line-height: 0.20rem;
		font-size: 0.18rem;
		font-weight: bold;
		color: #fff;
		position: relative;
	}

	.menu-btnbox.is-active .line:nth-child(2) {
		opacity:0
	}
	.menu-btnbox.is-active .line:nth-child(1) {
		-webkit-transform:translateY(0.2rem) rotate(45deg);
		-ms-transform:translateY(0.2rem) rotate(45deg);
		-o-transform:translateY(0.2rem) rotate(45deg);
		transform:translateY(0.2rem) rotate(45deg)
	}
	.menu-btnbox.is-active .line:nth-child(3) {
		-webkit-transform:translateY(-0.2rem) rotate(-45deg);
		-ms-transform:translateY(-0.2rem) rotate(-45deg);
		-o-transform:translateY(-0.2rem) rotate(-45deg);
		transform:translateY(-0.2rem) rotate(-45deg)
	}

	.nav {
		display: none;
		width: 100%;
		position: absolute;
		background-color: #fff;
		z-index: 100;
		box-shadow: 0px 2px 5px -2px #d6d6d6;
	}
	.nav ul {
		text-align: center;
	}
	.nav ul li {
		display: block;
		padding: 0;
		line-height: .9rem;
		border-bottom: 1px solid #eaeaea;
	}
	.nav ul li a {
		display: block;
		font-family: "しまなみ";
		font-size: .36rem;
		color: #231815;
	}
	.nav ul li a:hover {
		color: #231815;
	}

	.h-text {
		display: block;
		font-family: "しまなみ";
		font-size: .4rem;
		color: #231815;
		line-height: .9rem;
		text-align: center;
	}

	.banner {
		width: 100%;
		position: relative;
	}
	.banner img {
		width: 100%;
	}
	.banner .b-text {
		display: none;
	}
	.banner .swiper-container-sp .swiper-slide {
		background-color: #0a0b06;
	}
	.banner .swiper-container-sp .swiper-slide .b1 {
		border-left: .5rem solid #0a0b06;
		overflow: hidden;
	}
	.banner .swiper-container-sp .swiper-slide .b2 {
		border-top: .7rem solid #0a0b06;
		border-right: .5rem solid #0a0b06;
		overflow: hidden;
	}
	.banner .swiper-container-sp .myactive img {
		-webkit-animation: zoomdIn1 8s linear forwards;animation: zoomdIn1 8s linear forwards;
	}

	@-webkit-keyframes zoomdIn1 {
	0%{-webkit-transform:scale(1);transform:scale(1)}
	100%{-webkit-transform:scale(1.3);transform:scale(1.3)}
	}
	@keyframes zoomdIn1 {
	0%{-webkit-transform:scale(1);transform:scale(1)}
	100%{-webkit-transform:scale(1.3);transform:scale(1.3)}
	}
	@-webkit-keyframes zoomdOut1 {
	0%{-webkit-transform:scale(1.3);transform:scale(1.3)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
	}
	@keyframes zoomdOut1 {
	0%{-webkit-transform:scale(1.3);transform:scale(1.3)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
	}

	.main {
		border-bottom: 1px solid #727171;
	}
	.mbox {
		width: 100%;
		padding: .9rem .45rem 1.4rem;
	}

	/*news*/
	.news {
		border: 1px #c9caca solid;
		box-sizing: border-box;
		margin-top: .2rem;
		padding: .05rem .02rem .05rem 0;
	}
	.news-roll {
		max-height: 10rem;
		overflow-y: scroll;
		padding-left: .25rem;
		padding-right: .2rem;
	}
	.news-li {
		padding: .45rem 0 .45rem;
		border-bottom: 1px #c9caca dashed;
	}
	.news-li:first-child {
		padding-top: .2rem;
	}
	.news-li:last-child {
		padding-bottom: .2rem;
	}
	.news-li-l {
		float: left;
		width: 100%;
		margin-bottom: .3rem;
	}
	.news-li-r {
		float: right;
		width: 100%;
	}
	.news-d {
		line-height: .30rem;
		font-size: .30rem;
		font-family: "TBUDゴシック R";
		padding-bottom: .2rem;
	}
	.news-t {
		line-height: .66rem;
		font-size: .50rem;
		font-family: "しまなみ";
		padding-bottom: .2rem;
	}
	.news-i {
		line-height: .64rem;
		font-size: .32rem;
		font-family: "TBUDゴシック R";
	}

	.news-roll::-webkit-scrollbar {
	width: .1rem;
	height: .05rem;
	}
	.news-roll::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: .1rem;
	}
	.news-roll::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: .1rem;
	}
	/*news end*/

	.ml {
		width: 100%;
		float: left;
	}
	.title1 {
		font-family: "しまなみ";
		font-size: .35rem;
		color: #231815;
		line-height: .6rem;
	}
	.title2 {
		font-family: "しまなみ";
		font-size: .57rem;
		color: #231815;
		line-height: .76rem;
	}
	.text1 {
		font-family: "TBUDゴシック R";
		font-size: .32rem;
		color: #231815;
		line-height: .64rem;
		padding-top: .5rem;
	}

	.mr {
		width: 100%;
		float: right;
		margin-top: .8rem;
		margin-right: 0;
	}

	.mlist {
		padding-top: .55rem;
	}
	.mlist .li {
		width: 100%;
		padding-top: 0;
		padding-bottom: .9rem;
		margin-right: 0;
	}
	.mlist .li:last-child {
		padding-bottom:0;
	}
	.mlist .li img {
		width: 100%;
	}
	.mlist .li-text,.p4text {
		font-family: "TBUDゴシック R";
		font-size: .28rem;
		color: #231815;
		line-height: .42rem;
		padding-top: .55rem;
	}
	a.t1:hover {
		text-decoration: none;
	}
	.mlist .li-text a:hover {
		text-decoration: none;
	}


	.mbox.map {
		background: url(../images/bg-02.jpg) no-repeat;
		background-size: cover;
	}
	.titie3 {
		font-family: "しまなみ";
		font-size: .57rem;
		color: #231815;
		line-height: .76rem;
		text-align: center;
	}

	.mapbox {
		width: 100%;
		height: 6rem;
		margin: .75rem auto .4rem;
		/*border: 1px solid #909090;*/
		/*border-top-width: 2px;*/
	}

	.f-text {
		font-family: "TBUDゴシック R";
		font-size: .24rem;
		color: #231815;
		line-height: 1.5rem;
		text-align: center;
	}


	/**/
	.totop {
		display: none;
		position: fixed;
		right: .4rem;
		bottom: .4rem;
		width: .9rem;
	}
	.totop img {
		width: 100%;
	}


	/*page 1*/
	.mr2 {
		width: 100%;
		float: right;
		padding-top: .3rem;
	}
	.pimg {
		width: 100%;
	}
	.mlist.p1 {
		padding: .2rem 0;
	}
	.li-title {
		height: .9rem;
		font-family: "しまなみ";
		font-size: .36rem;
		color: #231815;
		line-height: .4rem;
	}


	/*page 2*/
	.p2box {
		padding: .15rem 0 .3rem;
	}
	.p2box-li {
		padding: .4rem 0;
		border-bottom: 1px solid #727171;
	}
	.p2box-li:last-child {
		border-bottom: none;
	}
	.p2title {
		font-family: "しまなみ";
		font-size: .36rem;
		color: #231815;
		line-height: .54rem;
	}
	.p2text {
		font-family: "しまなみ";
		font-size: .3rem;
		color: #231815;
		line-height: .54rem;
	}
	.p2table {
		width: 100%;
	}
	.p2table tr td {
		font-family: "しまなみ";
		font-size: .3rem;
		color: #231815;
		line-height: .54rem;
	}
	.p2table tr td:first-child {
		min-width: 2.7rem;
		padding-right: 0;
	}


	/*page 2*/
	.p3l {
		width: 100%;
		float: left;
	}
	.p3r {
		width: 100%;
		float: right;
		font-family: "TBUDゴシック R";
		font-size: .32rem;
		color: #231815;
		line-height: .64rem;
		padding-top: .5rem;
	}
	.p3img {
		width: 100%;
		padding: .4rem 0 .3rem;
	}
	.p3text {
		font-family: "しまなみ";
		font-size: .28rem;
		color: #231815;
		line-height: .48rem;
		padding-bottom: .7rem;
	}
	.li-title2 {
		height: .95rem;
		font-family: "しまなみ";
		font-size: .45rem;
		color: #231815;
		line-height: .55rem;
	}
	.li-title2 .i {
		display: inline-block;
		width: .55rem;
		height: .55rem;
		line-height: .55rem;
		text-align: center;
		font-size: .36rem;
		color: #fff;
		background-color: #4b7d49;
		vertical-align: top;
		margin-right: .2rem;
	}
	.li-title2 .c1 {
		background-color: #cc6882;
	}
	.li-title2 .c2 {
		background-color: #d79c00;
	}
	.li-title2 .c3 {
		background-color: #a660a3;
	}
	.li-title2 .c4 {
		background-color: #008cd6;
	}
	.li-title2 .s {
		font-size: .32rem;
		vertical-align: top;
	}
	.li-title2.b1 {
		background: url(../images/icon/moon.png) right .07rem no-repeat;
		background-size: .4rem auto;
	}

	/*page 4*/
	.p4l {
		display: block;
		width: 100%;
		float: left;
	}
	.p4r {
		width: 100%;
		float: right;
		margin-top: .5rem;
	}
	.p4r .p4img {
		width: 100%;
		padding-top: .5rem;
	}
	.mlist.p4 {
		padding: 0 0 .3rem;
	}
	.mlist.p4 .li {
		padding-bottom: .5rem;
	}
	.mlist.p4 .li:last-child {
		padding-bottom: 0;
	}

	.mlist.p5 {
		padding: 0 0 .3rem;
	}
	.mlist.p5 .li:last-child {
		padding-bottom: 0;
	}

	.mlist.p6 {
		padding-bottom: .3rem;
	}
	.mlist.p6 .li:last-child {
		padding-bottom: 0;
	}


	/*page 5*/
	.p5btn {
		display: block;
		width: 100%;
		height: 1.2rem;
		line-height: 1.2rem;
		text-align: center;
		font-family: "しまなみ";
		font-size: .54rem;
		color: #fff;
		background-color: #4b7d49;
		margin-top: .7rem;
		margin-bottom: .4rem;
	}
	.p5btn:hover {
		opacity: 1;
		box-shadow: none;
	}
	.p5pt1 {
		padding-top: 1.1rem;
	}

	/*sightseeing info*/
	.p3in-title {
		margin-top: .0rem;
		text-align: center;
	}
	.p3in-title .p3in-t1 {
		display: block;
		line-height: .64rem;
		font-family: "しまなみ";
		font-size: .32rem;
		color: #231815;
	}
	.p3in-title .p3in-t2 {
		display: block;
		line-height: .76rem;
		font-family: "しまなみ";
		font-size: .57rem;
		color: #231815;
	}
	.p3in-title .p3in-t3 {
		display: block;
		line-height: .64rem;
		font-family: "しまなみ";
		font-size: .36rem;
		color: #231815;
	}
	.p3in-title .p3in-t4 {
		display: block;
		line-height: .42rem;
		font-family: "しまなみ";
		font-size: .28rem;
		color: #231815;
	}

	.p3in-b1 {
		margin-top: .8rem;
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
        align-items: flex-start;
	}
	.p3in-b1l {
		width: 100%;
		height: 4.95rem;
	}
	.p3in-b1r {
		width: 100%;
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-content: space-between;
        align-items: flex-start;
	}
	.p3in-b1rtop {
		width: 100%;
		height: auto;
		margin-bottom: .3rem;
		margin-top: .3rem;
	}
	.p3in-b1rbot {
		width: 100%;
	}
	.p3in-b1rbot-title {
		height: .66rem;
		line-height: .66rem;
		text-align: center;
		font-family: "しまなみ";
		font-size: .32rem;
		color: #fff;
		background-color: #4b7d49;
	}
	.p3in-b1rbot-text {
		line-height: .4rem;
		font-family: "TBUDゴシック R";
		font-size: .28rem;
		color: #231815;
		background-color: #dcdddd;
		padding: .25rem .25rem .25rem;
	}
	.p3in-b1rbot-text span.mt1 {
		display: inline-block;
		margin-top: .12rem;
	}

	.p3in-b2 {
		width: 100%;
		margin: .8rem auto .7rem;
	}
	.p3in-b2.mt2 {
		margin-top: .4rem;
	}
	.p3in-b2-text1 {
		line-height: .64rem;
		font-family: "TBUDゴシック R";
		font-size: .32rem;
		color: #231815;
	}
	.p3in-b2-text2 {
		width: 100%;
		line-height: .42rem;
		font-family: "TBUDゴシック R";
		font-size: .28rem;
		color: #231815;
		margin: 0 auto;
	}
	.p3in-b2-text2.mt1 {
		margin-top: .4rem;
	}
	.p3in-b2-img.p3in-b2-img.w2 {
		width: 100%;
		margin-top: .6rem;
		margin-bottom: .4rem;
	}
	.p3in-b2-img.w2 {
		margin-top: 0 !important;
	}

	/*food-spa 08*/
	.bg-box1 {
		height: 10rem;
		background: none;
		background-attachment: fixed;
	    background-size: cover;
	}
	.bg-box1:before {
		content: '';
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100vh; 
        width: 100%;
		background: url(../food-spa/08/03-s.jpg) center no-repeat;
		background-size: cover;
	}
	.box-two {
	    display: -webkit-flex;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    align-items: flex-start;
	    margin: 0;
	}
	.box-two.mt2 {
		margin-top: .9rem;
	}
	.box-two.mt3 {
		margin-top: .9rem;
	}
	.box-two-li {
		width: 100%;
	    margin-right: 0;
	    margin-bottom: .9rem;
	}
	.box-two-li:nth-child(2n) {
	    margin-right: 0;
	}
	.box-two-li:last-child {
		margin-bottom: .4rem;
	}
	.box-two-li img {
		width: 100%;
	}
	.box-two-li-text {
		width: 100%;
		line-height: .42rem;
		font-family: "TBUDゴシック R";
		font-size: .28rem;
		color: #231815;
		margin: .55rem auto 0;
	}
	.box-two.bt1 .box-two-li {
		margin-bottom: .9rem;
	}
	/**/
	.bg-box2 {
		height: 10rem;
		background: none;
		background-attachment: fixed;
	    background-size: cover;
	}
	.bg-box2:before {
		content: '';
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100vh; 
        width: 100%;
		background: url(../food-spa/11/03-s.jpg) center no-repeat;
		background-size: cover;
	}

	.bg-box3 {
		height: 10rem;
		background: none;
		background-attachment: fixed;
	    background-size: cover;
	}
	.bg-box3:before {
		content: '';
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100vh; 
        width: 100%;
		background: url(../food-spa/04/03-s.jpg) center no-repeat;
		background-size: cover;
	}

	.bg-box4 {
		height: 10rem;
		background: none;
		background-attachment: fixed;
	    background-size: cover;
	}
	.bg-box4:before {
		content: '';
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100vh; 
        width: 100%;
		background: url(../food-spa/01/03-s.jpg) center no-repeat;
		background-size: cover;
	}

	.bg-box5 {
		height: 10rem;
		background: none;
		background-attachment: fixed;
	    background-size: cover;
	}
	.bg-box5:before {
		content: '';
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100vh; 
        width: 100%;
		background: url(../experience/11/03-s.jpg) center no-repeat;
		background-size: cover;
	}

	.bg-box6 {
		height: 10rem;
		background: none;
		background-attachment: fixed;
	    background-size: cover;
	}
	.bg-box6:before {
		content: '';
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100vh; 
        width: 100%;
		background: url(../food-spa/10/03-s.jpg) center no-repeat;
		background-size: cover;
	}

	.bg-box7 {
		height: 10rem;
		background: none;
		background-attachment: fixed;
	    background-size: cover;
	}
	.bg-box7:before {
		content: '';
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100vh; 
        width: 100%;
		background: url(../food-spa/16/03-s.jpg) center no-repeat;
		background-size: cover;
	}
	.bg-box8 {
		height: 10rem;
		background: none;
		background-attachment: fixed;
	    background-size: cover;
	}
	.bg-box8:before {
		content: '';
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100vh; 
        width: 100%;
		background: url(../sightseeing/09/03.jpg) center no-repeat;
		background-size: cover;
	}

	.bg-box9 {
		height: 10rem;
		background: none;
		background-attachment: fixed;
	    background-size: cover;
	}
	.bg-box9:before {
		content: '';
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100vh; 
        width: 100%;
		background: url(../food-spa/17/03-s.jpg) center no-repeat;
		background-size: cover;
	}



	/*introduce*/
	.mbox2 {
		width: 6.6rem;
	    margin: 0 auto;
	    padding: .9rem 0 1.4rem;
	    box-sizing: border-box;
	}
	.int.title2 {
		text-align: center;
		margin-top: 0rem;
		margin-bottom: .3rem;
		font-size: .52rem;
	}
	.int.text1{
		width: 100%;
		margin: 0 auto 1.5rem;
	}
	.int2.title2 {
		margin-top: 1.5rem;
		font-size: .52rem;
	}
	.int2.text1 {
		margin-top: .15rem;
	}

	.int2.mlist {
		display: -webkit-flex; /* Safari */
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		padding-top: .8rem;
	}
	.int2.mlist .li {
		width: 100%;
		margin-right: 0;
	}

	.int2.mlist .li-text {
		font-family: "TBUDゴシック R";
	    font-size: .32rem;
	    color: #231815;
	    line-height: .64rem;
	    padding-top: .3rem;
	}
	.int2.int2_l_1 {
		width: 100%;
		float: left;
	}
	.int2.int2_r_1 {
		width: 4rem;
		float: none;
		display: block;
		margin: 0 auto;
		padding-top: .3rem;
		padding-bottom: .3rem;
	}
	.int2.int2_r_1_2 {
		margin-top: 0;
	}
	.int_s_t {
		font-size: .42rem;
		line-height: .9rem;
	}
	.int2.text1 a {
	    color: #03a9f4;
	}
	.int2.text1 a:hover {
		text-decoration: none;
	}

	.int2.int2_l_2 {
		width: 100%;
		float: left;
	}
	.int2.int2_r_2 {
		width: 6rem;
		float: none;
		display: block;
		margin: 0 auto;
		padding-top: .3rem;
	}

	.int2.int2_l_3 {
		width: 100%;
		float: left;
	}
	.int2.int2_r_3 {
		width: 100%;
		float: none;
		display: block;
		margin: 0 auto;
		padding-top: .3rem;
	}

	.int2.int2_l_4 {
		width: 100%;
		float: left;
	}
	.int2.int2_r_4 {
		width: 100%;
		float: none;
		display: block;
		margin: 0 auto;
		padding-top: .3rem;
	}
	.int2.int2_l_5 {
		width: 100%;
		float: left;
	}
	.int2.int2_r_5 {
		width: 100%;
/*		float: none;*/
		display: block;
		margin: 0 auto;
		margin-top: .3rem;
	}
	.int2 .textml1em {
		display: inline-block;
		text-indent: -1em;
		margin-left: 1em;
		margin-top: .25rem;
	}
	/*introduce end*/

}