.statement-box {
	margin-bottom: 0px;
}
.waku-p-50 {
	padding: 50px 0px;
}
.waku-w50 {
	margin: 1%; width: 47%; vertical-align: text-top; display: inline-block;
}
.download-w50 {
	margin: 1%; width: 47%; vertical-align: middle; display: inline-block;
}
.m50 {
	margin: 50px auto;
}
.yaji {
	margin: 30px auto; width: 30%;
}
.yaji-2 {
	margin: 30px auto; width: 20%;
}
h1.tit-p {
	padding: 15px 10px; border-radius: 10px; color: rgb(255, 255, 255); line-height: 120%; background-color: rgb(227, 0, 127);
}
h1.tit-b {
	padding: 15px 10px; border-radius: 10px; color: rgb(255, 255, 255); line-height: 120%; background-color: rgb(0, 159, 232);
}
h1.tit-y {
	padding: 15px 10px; border-radius: 10px; color: rgb(0, 0, 0); line-height: 120%; background-color: rgb(255, 240, 0);
}
.f12 {
	font-size: 12px !important;
}
.f13 {
	font-size: 13px !important;
}
.f14 {
	font-size: 14px !important;
}
.f16 {
	font-size: 16px !important;
}
.f18 {
	font-size: 18px !important;
}
.f20 {
	font-size: 20px !important;
}
.f21 {
	font-size: 21px !important;
}
.cap {
	margin: 10px 0px; text-align: center; font-size: 14px !important;
}
.abo-come {
	margin: 20px auto 50px; text-align: center; font-size: 21px !important; font-weight: 600;
}
.come-21 {
	margin: 20px; font-size: 21px !important;
}
.come-30 {
	margin: 5px; font-size: 24px !important;
}
.come-link{
	background: #ddddff; COLOR: #0000FF; text-decoration: none;
}
.f-w600 {
	font-weight: 600;
}
.download ul {
	list-style: none; margin: 20px 0px; padding: 0px;
}
.download li {
	margin: 20px 0px; padding: 5px; border-radius: 10px; width: 100%; display: block;
}
.logo-color {
	width: 60%; margin-bottom: 30px;
}
.container table {
	margin: 30px auto; width: 80%;
}
.container td {
	padding: 3px 20px; border: 1px dotted rgb(204, 204, 204); border-image: none; font-size: 14px;
}
.kasiwa_sato {
	margin: 50px 0px; text-align: center;
}
.kasiwa_sato h4 {
	line-height: 200%;
}
.profile {
	margin: 2%; width: 30%; vertical-align: top; display: inline-block;
}
.profile p {
	text-align: left; padding-top: 20px; font-size: 14px;
}
.comment {
	margin: 2%; width: 50%; text-align: left; vertical-align: top; display: inline-block;
}
.bari-breast_li ul {
	list-style: none; margin: 50px 0px 0px; padding: 0px; font-size: 18px;
}
.bari-breast_p {
	border-radius: 50%; overflow: hidden; position: absolute;
}
.bari-breast_p img {
	height: 70%; z-index: 1;
}
.bari-breast_p p {
	background: rgb(227, 0, 127); padding: 20px 0px; z-index: 2;
}
.f-light {
	float: right;
}
.f-left {
	float: right;
}
.clearfix::after {
	clear: both; display: block; content: "";
}
.tabs {
	margin: 0px auto; padding-bottom: 0px; background-color: rgb(255, 255, 255);
}
.tab_item {
	border: 1px solid rgb(0, 159, 232); transition:0.2s; border-image: none; width: calc(100%/2); height: 40px; text-align: center; color: rgb(0, 159, 232); line-height: 40px; font-size: 14px; font-weight: bold; float: left; display: block;
}
.tab_item:hover {
	opacity: 0.75;
}
input[name='tab_item'] {
	display: none;
}
.tab_content {
	padding: 20px 0px 0px; text-align: justify; overflow: hidden; clear: both; display: none; -ms-text-justify: inter-ideograph;
}
:checked#jp ~ #jp_content {
	display: block;
}
:checked#en ~ #en_content {
	display: block;
}
.tabs input:checked + .tab_item {
	color: rgb(255, 255, 255); background-color: rgb(0, 159, 232);
}
.travel {
	margin: 2em 0px; padding: 0px; transition:0.8s; width: 100%;
}
.travel label {
	background: rgb(0, 159, 232); margin: 1.5px 0px; padding: 13px 12px; border-radius: 10px; transition:1.5s; color: rgb(255, 255, 255); font-weight: 400; display: block; cursor: pointer;
}
.shinai label {
	background: rgb(227, 0, 127); margin: 1.5px 0px; padding: 13px 12px; border-radius: 10px; transition:1.5s; color: rgb(255, 255, 255); font-weight: 400; display: block; cursor: pointer;
}
.ii-gp label {
	margin: 1.5px 0px; padding: 13px 12px; border-radius: 10px; transition:1.5s; color: rgb(255, 255, 255); font-weight: 400; display: block; cursor: pointer;
}
.travel label::before {
	padding: 0px 20px; font-family: "Font Awesome 5 Free"; content: "\f078";
}
.shinai label::before {
	padding: 0px 20px; font-family: "Font Awesome 5 Free"; content: "\f078";
}
.ii-gp label::before {
	padding: 0px 20px; font-family: "Font Awesome 5 Free"; content: "\f078";
}
.travel label:hover {
	background: rgb(255, 240, 0); color: rgb(51, 51, 51);
}
.shinai label:hover {
	background: rgb(255, 240, 0); color: rgb(51, 51, 51);
}
.ii-gp label:hover {
	background: rgb(255, 240, 0); color: rgb(51, 51, 51);
}
.travel input {
	display: none;
}
.shinai input {
	display: none;
}
.ii-gp input {
	display: none;
}
.travel .accshow {
	padding: 0px; transition:1s; height: 0px; overflow: hidden; opacity: 0;
}
.shinai .accshow {
	padding: 0px; transition:1s; height: 0px; overflow: hidden; opacity: 0;
}
.ii-gp .accshow {
	padding: 0px; transition:1s; height: 0px; overflow: hidden; opacity: 0;
}
:checked.cssacc + label + .accshow {
	background: rgb(255, 255, 255); padding: 5px; height: auto; opacity: 1;
}
.travel .accshow p {
	margin: 15px 10px;
}
.shinai .accshow p {
	margin: 15px 10px;
}
.ii-gp .accshow p {
	margin: 15px 10px;
}
:checked.cssacc + label::before {
	font-family: "Font Awesome 5 Free"; content: " \f077";
}
.access {
	padding: 30px;
}
.access dl {
	margin: 30px 0px; width: 100%; overflow: hidden;
}
.access dt {
	border-radius: 5px; width: 10%; text-align: center; color: rgb(255, 255, 255); clear: left; margin-bottom: 20px; float: left; display: block; background-color: rgb(227, 0, 127);
}
.access dd {
	width: 90%; margin-bottom: 20px; float: left; display: block;
}
.access h3 {
	margin: 20px 0px; font-weight: 600;
}
.access h4 {
	margin: 20px 0px; font-weight: 600;
}
.access dd ul {
	list-style: none; margin: 0px; padding: 0px; text-align: left;
}
.access dd li {
	margin: 0px 10px; line-height: 150%; display: inline-block;
}
.shinai ul {
	list-style: none; margin: 20px 0px; padding: 0px; text-align: center;
}
.shinai li {
	margin: 10px 0px; padding: 5px; border-radius: 10px; width: 48%; text-align: center; display: inline-block;
}
.shinai li a:link {
	padding: 5px; border-radius: 10px; color: rgb(51, 51, 51); display: block; background-color: rgb(255, 240, 0);
}
.shinai li a:hover {
	padding: 5px; border-radius: 10px; color: rgb(255, 255, 255) !important; background-color: rgb(0, 159, 232);
}
.rental ul {
	list-style: none; margin: 10px 0px; padding: 0px;
}
.rental li {
	margin: 10px 0px; padding: 10px; border-radius: 10px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; text-align: left;
}
.rental li a:link {
	width: auto; color: rgb(0, 0, 0); display: inline; background-color: rgb(255, 255, 255);
}
.rental li a:hover {
	color: rgb(0, 159, 232) !important; background-color: rgb(255, 255, 255);
}
.fas fa-plane {
	padding-right: 20px;
}
iframe {
	@-webkit-filter: hue-rotate(100deg); @filter: hue-rotate(100deg);
}
.sightseeing_menu {
	margin: 20px 0px;
}
.sightseeing_menu ul {
	list-style: none; margin: 0px; padding: 0px; width: 100%; text-align: center;
}
.sightseeing_menu li {
	margin: 0.5%; padding: 0px; width: 31%; display: inline-block;
}
.sightseeing_menu li img {
	border-radius: 2px; width: 100%;
}
.com {
	margin: 10px 0px;
}
hr.hr {
	margin: 50px 0px; border-top-color: rgb(0, 159, 232); border-top-width: 1px; border-top-style: solid;
}
.bd-p {
	border-radius: 10px; border: 8px solid rgb(227, 0, 127); border-image: none;
}
.bd-b {
	border-radius: 10px; border: 8px solid rgb(0, 159, 232); border-image: none;
}
.bd-y {
	border-radius: 10px; border: 8px solid rgb(255, 240, 0); border-image: none;
}
.bb-b {
	
}
.bb-b a:link {
	margin: 10px 0px 20px; padding: 10px; border-radius: 10px; border: 2px solid rgb(0, 159, 232); border-image: none; width: 100%; text-align: left; display: block; -ms-word-break: break-all;
}
.bb-b a:visited {
	margin: 10px 0px 20px; padding: 10px; border-radius: 10px; border: 2px solid rgb(0, 159, 232); border-image: none; width: 100%; text-align: left; display: block; -ms-word-break: break-all;
}
.bb-p a:link {
	margin: 10px 0px 20px; padding: 10px; border-radius: 10px; border: 2px solid rgb(227, 0, 127); border-image: none; width: 100%; text-align: left; display: block; -ms-word-break: break-all;
}
.bb-p a:visited {
	margin: 10px 0px 20px; padding: 10px; border-radius: 10px; border: 2px solid rgb(227, 0, 127); border-image: none; width: 100%; text-align: left; display: block; -ms-word-break: break-all;
}
.bb-y a:link {
	margin: 10px 0px 20px; padding: 10px; border-radius: 10px; border: 2px solid rgb(255, 240, 0); border-image: none; width: 100%; text-align: left; display: block; -ms-word-break: break-all;
}
.bb-y a:visited {
	margin: 10px 0px 20px; padding: 10px; border-radius: 10px; border: 2px solid rgb(255, 240, 0); border-image: none; width: 100%; text-align: left; display: block; -ms-word-break: break-all;
}
.bb-b a:hover {
	background: rgb(0, 159, 232); margin: 10px 0px 20px; padding: 10px; border-radius: 10px; border: 2px solid rgb(0, 159, 232); border-image: none; width: 100%; text-align: left; color: rgb(255, 255, 255) !important; display: block; -ms-word-break: break-all;
}
.bb-p a:hover {
	background: rgb(227, 0, 127); margin: 10px 0px 20px; padding: 10px; border-radius: 10px; border: 2px solid rgb(227, 0, 127); border-image: none; width: 100%; text-align: left; color: rgb(255, 255, 255) !important; display: block; -ms-word-break: break-all;
}
.bb-y a:hover {
	background: rgb(255, 240, 0); margin: 10px 0px 20px; padding: 10px; border-radius: 10px; border: 2px solid rgb(255, 240, 0); border-image: none; width: 100%; text-align: left; color: rgb(51, 51, 51) !important; display: block; -ms-word-break: break-all;
}
.bb-p a:link span {
	margin: 0px 10px; color: rgb(227, 0, 127);
}
.bb-b a:link span {
	margin: 0px 10px; color: rgb(0, 159, 232);
}
.bb-y a:link span {
	margin: 0px 10px; color: rgb(255, 240, 0);
}
.bb-p a:hover span {
	margin: 0px 10px; color: rgb(255, 255, 255);
}
.bb-b a:hover span {
	margin: 0px 10px; color: rgb(255, 255, 255);
}
.bb-y a:hover span {
	margin: 0px 10px; color: rgb(51, 51, 51);
}
.address dl {
	margin: 50px 0px; width: 100%; display: flex; flex-wrap: wrap;
}
.address dt {
	padding: 10px; width: 35%; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed;
}
.address dd {
	padding: 10px; width: 65%; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed;
}
.campaign p {
	font-size: 18px !important;
}
.sight h2 {
	
}
.imabari-ac {
	
}
@media screen and (max-width:1200px)
{
.sightseeing_menu li {
	margin: 1%; padding: 0px; width: 47%; display: inline-block;
}
}
@media all and (max-width:992px)
{
.waku-w50 {
	margin: 30px 0px; width: 100%; vertical-align: text-top; display: inline-block;
}
.download-w50 {
	margin: 30px 0px; width: 100%; vertical-align: text-top; display: inline-block;
}
.sightseeing_menu li {
	margin: 1%; padding: 0px; width: 47%; display: inline-block;
}
.bari-breast-navi li {
	width: 16%; margin-bottom: 20px; display: inline-block;
}
}
@media all and (max-width:768px)
{
.waku-w50 {
	margin: 30px 0px; width: 100%; vertical-align: text-top; display: inline-block;
}
.download-w50 {
	margin: 30px 0px; width: 100%; vertical-align: text-top; display: inline-block;
}
.yaji {
	margin: 20px auto; width: 20%;
}
.waku-p-50 {
	padding: 70px 0px;
}
.profile {
	margin: 30px auto; width: 90%; vertical-align: top; display: block;
}
.comment {
	margin: 50px auto; width: 90%; text-align: left; vertical-align: top; display: block;
}
.sightseeing_menu li {
	margin: 1%; padding: 0px; width: 90%; display: inline-block;
}
h1 {
	line-height: 150%; font-size: 21px !important;
}
h2 {
	line-height: 150%; font-size: 20px !important;
}
h3 {
	line-height: 150%; font-size: 18px !important;
}
h4 {
	font-size: 16px; font-weight: 600;
}
.address dt {
	border-width: 1px; border-style: solid solid dashed; border-color: rgb(204, 204, 204); padding: 10px; width: 100%; clear: left; float: left; display: block;
}
.address dd {
	padding: 10px; width: 100%; margin-bottom: 10px; border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; float: left; display: block;
}
.logo-color {
	width: 80%; margin-bottom: 30px;
}
.container table {
	margin: 30px auto; width: 100%;
}
.container td {
	padding: 3px 5px; border: 1px dotted rgb(204, 204, 204); border-image: none; font-size: 13px !important;
}
.abo-come {
	margin: 50px auto; text-align: left; font-size: 16px !important;
}
.cap {
	margin: 10px 0px; text-align: center; font-size: 12px !important;
}
.travel label {
	background: rgb(0, 159, 232); margin: 1.5px 0px; padding: 13px 6px; border-radius: 10px; transition:1.5s; color: rgb(255, 255, 255); font-weight: 400; display: block; cursor: pointer;
}
.shinai label {
	background: rgb(227, 0, 127); margin: 1.5px 0px; padding: 13px 6px; border-radius: 10px; transition:1.5s; color: rgb(255, 255, 255); font-weight: 400; display: block; cursor: pointer;
}
.ii-gp label {
	margin: 1.5px 0px; padding: 13px 6px; border-radius: 10px; transition:1.5s; color: rgb(255, 255, 255); font-weight: 400; display: block; cursor: pointer;
}
.travel label::before {
	padding: 0px 7px; font-family: "Font Awesome 5 Free"; content: "\f078";
}
.shinai label::before {
	padding: 0px 7px; font-family: "Font Awesome 5 Free"; content: "\f078";
}
.ii-gp label::before {
	padding: 0px 7px; font-family: "Font Awesome 5 Free"; content: "\f078";
}
.access {
	padding: 30px 0px;
}
.come-21 {
	margin: 20px; font-size: 16px !important;
}
.come-30 {
	margin: 5px; font-size: 24px !important;
}
.come-link{
	background: #ddddff; COLOR: #0000FF; text-decoration: none;
}
h1.tit-p {
	padding: 10px 5px; border-radius: 10px; color: rgb(255, 255, 255); line-height: 120%; background-color: rgb(227, 0, 127);
}
h1.tit-b {
	padding: 10px 5px; border-radius: 10px; color: rgb(255, 255, 255); line-height: 120%; background-color: rgb(0, 159, 232);
}
h1.tit-y {
	padding: 10px 5px; border-radius: 10px; color: rgb(0, 0, 0); line-height: 120%; background-color: rgb(255, 240, 0);
}
.font-26 {
	font-size: 24px !important;
}
.sight h2 {
	font-size: 18px !important;
}
.imabari-ac {
	font-size: 13px;
}
.imabari-ac-b {
	padding-left: 20px; font-size: 14px;
}
.shinai li {
	margin: 10px 0px; padding: 10px; border-radius: 10px; width: 100%; text-align: left; font-size: 14px !important; display: inline-block;
}
.ii-gp li {
	margin: 10px 0px; padding: 10px; border-radius: 10px; width: 100%; text-align: left; font-size: 14px !important; display: inline-block;
}
.rental li {
	margin: 10px 0px; padding: 10px; border-radius: 10px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; text-align: left; font-size: 14px !important; -ms-word-break: break-all;
}
.campaign p {
	font-size: 14px !important;
}
.bb-p {
	font-size: 14px !important;
}
.bb-b {
	font-size: 14px !important;
}
.bb-y {
	font-size: 14px !important;
}
ul {
	margin: 20px; padding: 0px;
}
}
