@charset "utf-8";

html {
    height: 100%;
    font-size: 62.5%;
}

.contents_wp {
    margin: 0;
    padding: 0;
	font-size: 1.5rem;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN","Meiryo", Arial, sans-serif;
	line-height:1.6;
    /*font-size: 14px;*/

	a {
		color:#7dcdca;
	}
	a:hover {
		text-decoration: none;
	}

	a.imghover:hover {
	    filter:alpha(opacity=60);
	    -moz-opacity: 0.6;
	    opacity: 0.6;
	}
}

.flexbox ,
.contents_flexbox {
	display: flex;
}

.flexbox-space-between{
	display : flex;
	justify-content: space-between;/*両端揃えで配置*/
}

.flexbox-space-around{
	display : flex;
	justify-content: space-around; /*flexアイテムの両側に均等な余白*/
}

.flexboxLR {
	flex-direction: row-reverse;
}

@media all and (min-width:575.98px) and (max-width:767.98px){ /*TAB*/
}
@media screen and (max-width:575.98px){ /*SP*/
	.contents_flexbox,
	.flexbox {
		flex-direction: column;
	}
	.flexboxLR {
		flex-direction: column;
	}
}

/*-------------------------------------------------------------
	header
-------------------------------------------------------------*/
/*header{*/
/*	width:100%;*/
/*	margin:0 auto;*/
/*	overflow:hidden;*/
/*	font-family: "リュウミン M-KL", "Ryumin Medium KL", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
/*}*/
/*	.header {*/
/*		margin:0 auto;*/
/*		padding-top:10px;*/
/*		padding-bottom:10px;*/
/*		max-width:1080px;*/
/*		display: flex;*/
/*		justify-content: center;*/
/*	}*/
/*		.header .logo{*/
/*			width:25%;*/
/*		}*/
/*			.header .logo img{*/
/*				width:100%;*/
/*			}*/
/*		.header .header-info{*/
/*			width:55%;*/
/*			text-align: center;*/
/*		}*/
/*			.header .header-info a{*/
/*				padding:5px 10px;*/
/*				color:#000000;*/
/*				background:#fffbe2;*/
/*			}*/
/*		.header .header-btn{*/
/*			padding-top:5px;*/
/*			width:20%;*/
/*			text-align:right;*/
/*		}*/
/*			.header .header-btn a{*/
/*				padding:5px 12px;*/
/*				color:#ffffff;*/
/*				font-weight:bold;*/
/*				background-image: linear-gradient(#9ee8e5, #6fbcb9);*/
/*				text-decoration: none;*/
/*			}*/
/*			.header .header-btn a:hover {*/
/*				background-image: linear-gradient(#c6f3f1, #7dcdca);*/
/*			}*/
/*nav{*/
/*	display: block;*/
/*	overflow: hidden;*/
/*}*/
/*	nav ul.navi-menu{*/
/*		display:flex;*/
/*		justify-content: center;*/
/*	    margin:0;*/
/*	    padding:0;*/
/*	    list-style: none;*/
/*		border-top:1px solid #7dcdca;*/
/*		border-bottom:1px solid #7dcdca;*/
/*	}*/
/*		nav ul.navi-menu li{*/
/*			width:140px;*/
/*			font-weight:bold;*/
/*			text-align: center;*/
/*			border-right:1px dotted #7dcdca;*/
/*		}*/
/*		nav ul.navi-menu li.bdLeft{*/
/*			border-left:1px dotted #7dcdca;*/
/*		}*/
/*			nav ul.navi-menu a{*/
/*				display:block;*/
/*				padding-top:7px;*/
/*				padding-bottom:7px;*/
/*				text-decoration: none;*/
/*			}*/
/*			nav ul.navi-menu a:hover{*/
/*				color:#ffffff;*/
/*				background:#7dcdca;*/
/*			}*/
/*		nav ul.navi-menu li ul{*/
/*			display: none;*/
/*		    margin:0;*/
/*		    padding:0;*/
/*			list-style: none;*/
/*			opacity: 0;*/
/*			position: absolute;*/
/*			visibility: hidden;*/
/*			transition: all 0.3s;*/
/*			border-top:1px solid #7dcdca;*/
/*		}*/
/*		nav ul.navi-menu li:hover ul{*/
/*			display: block;*/
/*			opacity: 1;*/
/*			visibility: visible;*/
/*			background:#eff9f8;*/
/*		}*/
/*			nav ul.navi-menu li:hover ul li{*/
/*				border:none;*/
/*			}*/
/*		nav ul.navi-menu li ul li{*/
/*			width:100%;*/
/*			text-align: left;*/
/*		}*/
/*			nav ul.navi-menu li ul li a{*/
/*				padding-left:10px;*/
/*				padding-right:10px;*/
/*			}*/
/*				nav ul.navi-menu li ul li a i{*/
/*					padding-right:5px;*/
/*				}*/

@media all and (min-width:575.98px) and (max-width:767.98px){ /*TAB*/
	.header {
		display: block;
		justify-content: center;
	}
		.header .logo{
			width:70%;
			margin:0 auto;
		}
		.header .header-info{
			width:74%;
			float:left;
			padding:7px 0 7px 1%;
			text-align: left;
		}
		.header .header-btn{
			width:24%;
			float:right;
			padding:5px 1% 7px 0;
		}
	nav,
	nav ul.navi-menu{
		clear: both;
	}
		nav ul.navi-menu a{
			font-size:90%;
		}
}
@media screen and (max-width:575.98px){ /*SP*/
	.header .logo{
		width:60%;
		margin-right: auto;
		margin-left: 5px;
	}
}

/*-------------------------------------------------------------
	main
-------------------------------------------------------------*/
.contents_wp {
	width:100%;
	max-width:1080px;
	margin:30px auto 50px auto;
	overflow:hidden;
}
		/*.container {*/
		/*	margin-left:10px;*/
		/*	margin-right:10px;*/
		/*}*/
			.main {
				width: 80%;
			}
				.topCatch{
					padding-left:10%;
					padding-right:10%;
				}
				.Recs{
					width: 50%;
					margin: 20px auto;
				}
					.Recs li {
						list-style-type: disc; /* または decimal などに戻す */
					}

			.side {
				width: 20%;
			}
				.side-container {
					padding:20px 20px 10px 20px;
					background:#eff9f8;
				}
					.side-container .side-title{
						text-align:center;
					}
					.side-container .side-subtitle{
						margin-top:20px;
						align-items: center;
						display: flex;
										}
						.side-container .side-subtitle::before,
						.side-container .side-subtitle::after {
							background-color: #3f6765;
							content: "";
							flex-grow: 1;
							height: 2px;
						}
							.side-container .side-subtitle::before {
								margin-right: 10px;
							}
							.side-container .side-subtitle::after {
								margin-left: 10px;
							}
				.side-container ul{
				    margin:0;
				    padding:0 0 25px 0;
				    list-style: none;
				}
					.side-container ul li{
						position: relative;
					    border-bottom:1px solid #3f6765;
					}
					.side-container ul li a::before {
					    position: absolute;
					    top: 52%;
					    right: 0;
					    transform: translateY(-50%);
					    width: 0px;
					    height: 0px;
					    border: 5px solid transparent;
					    border-left:7px solid #3f6765;
					    content: "";
					}
						.side-container ul li a{
							display:block;
							padding:5px 5px 0 5px;
							color:#000000;
						    text-decoration: none;
						}
						.side-container ul li a:hover{
							background:#c5eae5;
						}

@media all and (min-width:575.98px) and (max-width:767.98px){ /*TAB*/
	.contents_flexbox{
		flex-direction: column;
	}
		.main {
			width: 100%;
		}
			.Recs{
				padding-left:12%;
			}
		.side {
			width: 90%;
			margin-top:60px;
			margin-left:5%;
			margin-right:5%;
		}

}
@media screen and (max-width:575.98px){ /*SP*/
	.contents_flexbox h1{
		margin-left:10px;
		margin-right:10px;
	}
		.main {
			width: 100%;
		}
			.container {
				margin-left:10px;
				margin-right:10px;
				padding-left:20px;
				padding-right:20px;
			}
				.topCatch{
					padding-left:2%;
					padding-right:2%;
				}
				.Recs{
					background-color: #dbd9da;
					padding: 4% 4% 4% 8%;
					width:90%;
					margin-left: auto;
					margin-right: auto;
				}
		.side {
			display:none;
			width: 100%;
		}
}
/*-------------- method --------------*/
.methodBox{
}
	.bgNo1{
		background:url(../img/bgNo1.png) right top no-repeat;
		background-size:69px;
	}
	.bgNo2{
		background:url(../img/bgNo2.png) left top no-repeat;
		background-size:88px;
	}
	.bgNo3{
		background:url(../img/bgNo3.png) right top no-repeat;
		background-size:85px;
	}
	.bgNo4{
		background:url(../img/bgNo4.png) left top no-repeat;
		background-size:90px;
	}
	.bgNo5{
		background:url(../img/bgNo5.png) right top no-repeat;
		background-size:87px;
	}
	.bgNo6{
		background:url(../img/bgNo6.png) left top no-repeat;
		background-size:85px;
	}
	.bgNo7{
		background:url(../img/bgNo7.png) right top no-repeat;
		background-size:87px;
	}
		.methodBox .mdW3{
			width: 30%;
		}
		.methodBox .mdW7{
			width: 70%;
		}
			.bgNo1 .mdW7,
			.bgNo3 .mdW7,
			.bgNo5 .mdW7,
			.bgNo7 .mdW7{
				padding-left:20px;
			}
			.bgNo2 .mdW7,
			.bgNo4 .mdW7,
			.bgNo6 .mdW7{
				padding-right:20px;
			}
				.mdTxt{
				}
				.bgNo1 h4,
				.bgNo2 h4,
				.bgNo3 h4,
				.bgNo4 h4,
				.bgNo5 h4,
				.bgNo6 h4,
				.bgNo7 h4{
					margin-top:0;
				}
				.bgNo2 h4,
				.bgNo4 h4,
				.bgNo6 h4{
					text-align:right;
				}
@media screen and (max-width:575.98px){ /*SP*/
		.bgNo1,
		.bgNo2,
		.bgNo3,
		.bgNo4,
		.bgNo5,
		.bgNo6,
		.bgNo7{
			background-position:none;
			background-size:0;
		}
			.bgNo1 .mdW7{
				background:url(../img/bgNo1.png) left top no-repeat;
				background-size:20%;
			}
			.bgNo2 .mdW7{
				background:url(../img/bgNo2.png) left top no-repeat;
				background-size:20%;
			}
			.bgNo3 .mdW7{
				background:url(../img/bgNo3.png) left top no-repeat;
				background-size:20%;
			}
			.bgNo4 .mdW7{
				background:url(../img/bgNo4.png) left top no-repeat;
				background-size:20%;
			}
			.bgNo5 .mdW7{
				background:url(../img/bgNo5.png) left top no-repeat;
				background-size:20%;
			}
			.bgNo6 .mdW7{
				background:url(../img/bgNo6.png) left top no-repeat;
				background-size:20%;
			}
			.bgNo7 .mdW7{
				background:url(../img/bgNo7.png) left top no-repeat;
				background-size:20%;
			}
		.methodBox .mdW3{
			min-width: 100%;
			width: 100%;
			margin-bottom:15px;
		}
		.methodBox .mdW7{
			min-width: 100%;
			width: 100%;
		}
			.bgNo1 .mdW7,
			.bgNo3 .mdW7,
			.bgNo5 .mdW7,
			.bgNo7 .mdW7{
				margin-top: 20px;
				padding-left:0;
			}
			.bgNo2 .mdW7,
			.bgNo4 .mdW7,
			.bgNo6 .mdW7{
				margin-top: 20px;
				padding-right:0;
			}
				.bgNo1 h4,
				.bgNo2 h4,
				.bgNo3 h4,
				.bgNo4 h4,
				.bgNo5 h4,
				.bgNo6 h4,
				.bgNo7 h4{
					margin-bottom: 20px;
					text-align:center;
				}
}

/*-------------- タブメニュー --------------*/
.tabBox {
    --tag-item-checked-color:#7dcdca;
    --tabMenu-height:40px;
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}
	.tabBox > input {
	    display: none;
	}
	.tabBox input,
	.tabBox label{
		margin:0;
		padding:0;
	}
	.tabBox label{
		width: 24.5%;
		position: relative;
	}
	.tabBox.tabBox5 label{
		width: 19.6%!important;
	}
	.tabBox.tabBox6 label{
		width: 16.3%!important;
	}
	.tabBox.tabBox3 label{
		width: 32.6%;
	}
		.tabBox label.tabMenu {
		    align-items: center;
		    background: #b4b4b4;
		    display: flex;
		    height: var(--tabMenu-height);
		    justify-content: center;
		    order: -1;
			font-size:120%;
			font-family: "リュウミン M-KL", "Ryumin Medium KL", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
		.tabBox.tabBoxLine2 label.tabMenu {
			height: 64px;
			text-align: center;
			line-height: 1em;
		}
			.tabBox label.tabMenu:hover {
			    background-color: #dddddd;
				cursor: pointer;
			}
		.tabBox > input:checked + .tabMenu {
		    background-color: var(--tag-item-checked-color);
		    border-color: var(--tag-item-checked-color);
		    background-color: var(--tag-item-checked-color);
		    color: #fff;
		}
			.tabBox > input:checked + .tabMenu i{
			    color: #fff;
			}
	/* 表示状態でJavaScriptの処理を走らせる為、footer.tplに移動 */
	/*.tabBox .tabContent {*/
	/*    display: none;*/
	/*    width: 100%;*/
	/*	margin-top:15px;*/
	/*	padding:20px;*/
	/*	background:#eff9f8;*/
	/*}*/
	/*	.tabBox .tabContent .Wdh70{*/
	/*		padding-left:20px;*/
	/*	}*/
	/*		.tabBox .tabContent .Wdh70 label{*/
	/*			margin: 12px auto 0;*/
	/*		}*/
	/*	.tabBox > input:checked + .tabMenu + .tabContent {*/
	/*	    display: block;*/
	/*	}*/

/*-------------- タブメニュー矢印 --------------*/
.tabBox .tab-arrow {
	right: 8px;
	position: absolute;
	display: inline-block;
	width: 14.9px;
	height: 9.7px;
}
	.tabBox .tab-arrow::before,
	.tabBox .tab-arrow::after {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		right: 0;
		width: 10px;
		height: 2px;
		border-radius: 9999px;
		background-color: #333333;
		transform-origin: calc(100% - 1px) 50%;
	}
		.tabBox > input:checked + .tabMenu .tab-arrow::before,
		.tabBox > input:checked + .tabMenu .tab-arrow::after{
			content: "";
			position: absolute;
			top: 0;
			left: calc(50% - 1px);
			width: 2px;
			height: 10px;
			border-radius: 9999px;
			background-color: #ffffff;
			transform-origin: 50% 1px;
		}
	.tabBox .tab-arrow::before {
		transform: rotate(40deg);
	}
	.tabBox .tab-arrow::after {
		transform: rotate(-40deg);
	}

@media all and (min-width:575.98px) and (max-width:767.98px){ /*TAB*/
	.tabBox label.tabMenu {
	    font-size:14px;
		line-height:1.0;
		text-align:center;
	}
		.tabBox label.tabMenu .tab-arrow {
			display: none;
		}

}
@media screen and (max-width:575.98px){ /*SP*/
	.tabBox label.tabMenu {
	    font-size:14px;
		line-height:1.3;
		text-align:center;
		color: #ffffff;
		height: 60px;
	}
		.tabBox label.tabMenu .tab-arrow {
			display: none;
		}
	.tabBox .tabContent .Wdh30{
	    width: 96%;
		padding-left:2%;
		padding-right:2%;
	}
	.tabBox .tabContent .Wdh70{
		margin-top: 20px;
    	width: 96%;
		padding-left:2%;
		padding-right:2%;
	}
}

/*-------------- 全て見る --------------*/
html body .contents_wp .infoBox .Wdh70 input,
html body .contents_wp .tabContent .Wdh70 input,
html body .contents_wp .mdW7 input,
html body .contents_wp .voice-txt input,
html body .contents_wp .AccMenu-txt input{
	display: none;
}
.more_btn{
	display: block;
	text-align: center;
	cursor: pointer;
	font-size:80%;
	color:#cccccc;
	letter-spacing:0.18rem;
	margin-top: 10px!important;
	width: auto!important;
}
	/*.more_btn::before{*/
	/*	content: "全部見る";*/
	/*}*/
	/*:checked ~ .more_btn::before{*/
	/*	content: "閉じる";*/
	/*}*/
	.more_wrap{
		display: none;
	}
	:checked ~ .more_wrap{
		display: block;
	}
		.more_wrap p{
			margin-top:0;
		}

/*-------------- 全て見る矢印 --------------*/
.more_btn .arrow {
	position: relative;
	display: inline-block;
	margin-left:8px;
	width: 9.7px;
	height: 6.6px;
}
	.more_btn .arrow::before,
	.more_btn .arrow::after {
		content: "";
		position: absolute;
		bottom: 1px;
		left: calc(50% - 1px);
		width: 2px;
		height: 8px;
		border-radius: 9999px;
		background-color: #cccccc;
		transform-origin: 50% calc(100% - 1px);
	}
		.tabContent .Wdh70 .more_btn .arrow::before,
		.tabContent .Wdh70 .more_btn .arrow::after {
			top: -3px;
		}
	:checked ~ .more_btn .arrow::before,
	:checked ~ .more_btn .arrow::after {
		content: "";
		position: absolute;
		top: -2px;
		left: calc(50% - 1px);
		width: 2px;
		height: 8px;
		border-radius: 9999px;
		background-color: #cccccc;
		transform-origin: 50% 1px;
	}
	.more_btn .arrow::before {
		transform: rotate(40deg);
	}
	.more_btn .arrow::after {
		transform: rotate(-40deg);
	}

/*-------------- アコーディオンメニュー --------------*/
.AccMenuBox {
    margin:0 0 7px 0;
    padding:0 0 14px 0;
    background: #eff9f8;
}
	.AccMenuBox summary {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    position: relative;
	    padding: 17px 60px 0 60px;
		font-size:115%;
	    font-weight: bold;
		letter-spacing:0.18rem;
	    color: #3f6765;
	    cursor: pointer;
	}
		.AccMenuBox summary::-webkit-details-marker {
		    display: none;
		}
		.AccMenuBox summary::after {
			width: 0;
			height: 0;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-top: 12px solid #3f6765;
			transition: transform 0.3s;
		    content: '';
		}
		.AccMenuBox[open] summary::after {
		    transform: rotate(180deg);
		}
	.AccMenuBox .AccMenu .AccMenuBox{
		margin:10px 40px 7px 40px;
	    padding:7px 0;
	    background: #ffffff;
	}
		.AccMenuBox .AccMenu .AccMenuBox summary {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    position: relative;
		    cursor: pointer;
			margin:0 25px 0 20px;
		    padding:0 5px;
			font-size:115%;
		    font-weight: bold;
			letter-spacing:0.18rem;
		    color: #000000;
		}
			.AccMenuBox .AccMenu .AccMenuBox summary::-webkit-details-marker {
			    display: none;
			}
			.AccMenuBox .AccMenu .AccMenuBox summary::after {
			    transform: translateY(-25%) rotate(45deg);
			    width: 7px;
			    height: 7px;
			    margin-left: 10px;
			    border-bottom: 3px solid #999999;
			    border-right: 3px solid #999999;
				border-left: none;
				border-top: none;
			    content: '';
			    transition: transform .3s;
			}
			.AccMenuBox .AccMenu .AccMenuBox[open] summary::after {
			    transform: rotate(225deg);
			}
		.AccMenuBox .AccMenu .AccMenuBox summary div{
		}
		.AccMenuBox .AccMenu .AccMenuBox summary span.QAno{
			margin-right:10px;
			font-size:160%;
   			color: #3f6765;
		}
		.AccMenu .AccMenu-txt{
			margin: 0 25px 0 25px;
			padding:0;
			border-top:2px solid #3f6765;
		}
		.AccMenuBox .AccMenu-bgWH{
		    display: flex;
			margin: 10px 25px;
			padding:10px 20px;
			background:#ffffff;
		}
			.AccMenuBox .AccMenu-bgWH .lg{
				padding-top:13px;
			}


@media all and (min-width:575.98px) and (max-width:767.98px){ /*TAB*/

}
@media screen and (max-width:575.98px){ /*SP*/
	.AccMenuBox summary {
	    padding: 17px 15px 0 15px;
	}
		.AccMenuBox .AccMenu .AccMenuBox{
			margin:10px 25px 7px 25px;
		}
}

/*-------------- アコーディオンメニュー --------------*/
.AccMenu-DGR {
	margin-top: 20px;
}
.AccMenu-DGR .AccMenu-DGRbox {
	position: relative;
	margin-bottom:10px;
}
	.AccMenu-DGR .AccMenu-DGRbox input {
		display: none;
	}
	.AccMenu-DGR .AccMenu-DGRbox label {
		position: relative;
		display: block;
		cursor: pointer;
		width:90%;
		margin: 0 auto;
		padding: 5px 20px;
		color: #ffffff;
		font-size:110%;
		font-weight: bold;
		text-align:center;
		letter-spacing:0.6rem;
		border-radius: 30px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		background: #3f6765;
	}
		.AccMenu-DGR .AccMenu-DGRbox label:hover {
			color: #ffffff;
			background: #7dcdca;
		}
		.AccMenu-DGR .AccMenu-DGRbox label::after {
			position: absolute;
			top: 12px;
			right: 20px;
			width: 0;
			height: 0;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			border-top: 10px solid #ffffff;
			transition: transform 0.3s;
		    content: '';
		}
	.AccMenu-DGR .AccMenu-DGRbox .AccMenu-DGRbox-txt {
		position: relative;
		overflow: hidden;
		max-height: 0;
		width:84%;
		margin: 0 auto;
		padding-left:25px;
		padding-right:25px;
		transition: max-height 0.2s;
		background: #ffffff;
	}
	.AccMenu-DGR .AccMenu-DGRbox input:checked ~ .AccMenu-DGRbox-txt {
		max-height: 40em;
	}
	.AccMenu-DGR .AccMenu-DGRbox input[type=checkbox]:checked + label::after {
		transform: rotateZ(180deg);
		transform-origin: 50% 50%;
	}

/*-------------- voice --------------*/
.voiceBox{
	padding-left:5%;
	padding-right:5%;
}
	.voiceflex01,
	.voiceflex02{
		display: flex;
	}
		.voice-img{
			width: 15%;
			padding-right:25px;
		}
		.voice-txt{
			width: 85%;
		}
@media screen and (max-width:575.98px){ /*SP*/
	.voiceflex01 {
		flex-direction: column;
	}
		.voiceflex01 .voice-txt{
	    	width: 96%;
			padding-left:2%;
			padding-right:2%;
		}
	.voiceflex02 .voice-img{
		width: 25%;
		padding-right:15px;
	}
	.voiceflex02 .voice-txt{
		width: 75%;
	}
}

/*-------------- info --------------*/
.infoBox{
	display: flex;
}
	.infoBox .Wdh70{
		padding-left:20px;
	}
@media screen and (max-width:575.98px){ /*SP*/
	.infoBox{
		display: block;
	}
		.infoBox .Wdh30{
			width:40%;
			float:left;
			padding-right:20px;
			padding-bottom:15px;
		}
		.infoBox .Wdh70{
			width:100%;
			padding-left:0;
		}
}
/*-------------- shop --------------*/
.shopBox{
	background:#eff9f8;
	padding-left:5%;
	padding-right:5%;
}
	.shopBox .shop-info{
		display: flex;
		flex-direction: row;
	}
		.shopBox .shop-info .Wdh60{
		}
			.shopBox .shop-info .map{
			}
			.shopBox .shop-info table {
				width: 102%;
				margin-left:-1%;
				border-collapse: separate;
				border-spacing: 5px;
				border:none;
			}
				.shopBox .shop-info th,
				.shopBox .shop-info td {
					padding: 10px;
					border:none;
					background:#ffffff;
				}
		.shopBox .shop-info .Wdh40{
			padding-left:20px;
		}
			.shopBox .shop-info h4{
				align-items: center;
				display: flex;
				color:#7dcdca;
			}
				.shopBox .shop-info h4::after{
					background-color: #ffffff;
					content: "";
					flex-grow: 1;
					height: 2px;
				}
				.shopBox .shop-info h4::after {
					margin-left: 10px;
				}
			.shopBox .shop-info dl{
			    text-align: left;
			    display: flex;
			    flex-wrap: wrap;
			}
				.shopBox .shop-info dt{
				    width: 77%;
					margin-bottom:5px;
					padding:7px 2% 5px 6%;
					background: #ffffff;
				}
					.shopBox .shop-info dt.mode-Ft01{
						color:#7dcdca;
					}
					.shopBox .shop-info dt.mode-Ft02{
						color:#b4b4b4;
					}
				.shopBox .shop-info dd{
				    width: 15%;
					margin-bottom:5px;
				    margin-left: 0;
					padding-top:7px;
					padding-bottom:5px;
					color:#ffffff;
					text-align:center;
				}
					.shopBox .shop-info dd.mode-Bg01{
						background: #7dcdca;
					}
					.shopBox .shop-info dd.mode-Bg02{
						background: #b4b4b4;
					}
	.shopBox .accessBox{
	}
		.shopBox .accessBox .access-top{
			padding:10px;
			text-align:center;
			background:#ffffff;
		}
		.shopBox .accessBox .acsflex{
			padding:0;
			display : flex;
			flex-wrap : wrap;
			justify-content:space-between;
		}
			.shopBox .accessBox .acsflex .acsflex-box{
				position: relative;
				width:32%;
				margin-bottom:20px;
				background:#ffffff;
			}
				.shopBox .accessBox .acsflex .access-txt{
					padding:7px 10px 8px 10px;
				}
					.shopBox .accessBox .acsflex .access-title{
						text-align:center;
						font-size: 110%;
						margin-bottom: 10px;
					}
					.shopBox .accessBox .acsflex .access-txt p {
						padding:0 20px;
					}
			.shopBox .accessBox .acsflex .acsArrowPc{
				z-index: 1;
				position: absolute;
			}
			.shopBox .accessBox .acsflex .aAPC-R{
				top:25%;
				right:-9%;
			}
			.shopBox .accessBox .acsflex .aAPC-L{
				top:25%;
				left:-4%;
			}
				.circleAR ,
				.circleAB {
					display: inline-block;
					vertical-align: middle;
					color: #ececf4;
					line-height: 1;
					position: relative;
					width: 44px;
					height: 44px;
					border: 1px solid currentColor;
					background: currentColor;
					border-radius: 50%;
					box-sizing: content-box;
					box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
				}
					.circleAR::before {
						content: '';
						color: #3f6765;
						width: 0;
						height: 0;
						border-style: solid;
						border-color: transparent;
						border-width: 16px 20px;
						border-left-color: currentColor;
						border-right: 0;
						transform: translateX(18%);
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						margin: auto;
					}
					.circleAB::before {
						content: '';
						color: #3f6765;
						width: 0;
						height: 0;
						border-style: solid;
						border-color: transparent;
						border-width: 10px 10px;
						border-top-color: currentColor;
						border-bottom: 0;
						transform: translateY(3%);
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						margin: auto;
					}
			.shopBox .accessBox .acsflex .acsArrowSp{
				display:none;
			}

@media screen and (max-width:575.98px){ /*SP*/
	.shopBox{
		background:#7dcdca;
	}
	.shopBox h2,
	.shopBox a{
		color:#ffffff;
	}
		.shopBox .shop-info{
			flex-direction: column-reverse;
		}
			.shopBox .shop-info .Wdh60,
			.shopBox .shop-info .Wdh40{
			width:100%;
		}
			.shopBox .shop-info .Wdh40{
				padding-left:0;
			}
				.shopBox .shop-info .Wdh40 h4{
					color:#ffffff;
				}
				.shopBox .shop-info dl{
				    margin-bottom:50px;
				}
					.shopBox .shop-info dd{
					    width: 14%;
					}
						.shopBox .shop-info dt{
						    border:1px solid #ffffff;
						}
						.shopBox .shop-info dd{
						    border:1px solid #ffffff;
						}
		.shopBox .accessBox{
		}
			.shopBox .accessBox .access-top{
				border-radius: 30px;
				-moz-border-radius: 30px;
				-webkit-border-radius: 30px;
				background:#ffffff;
			}
			.shopBox .accessBox .acsflex .acsflex-box{
				width:100%;
				background:none;
				display : flex;
				margin-bottom:10px;
			}
					.shopBox .accessBox .acsflex .access-img{
						width:40%;
					}
						.shopBox .accessBox .acsflex .access-img img{
							border: 1px solid #ffffff;
						}
					.shopBox .accessBox .acsflex .access-txt{
						width:60%;
						padding:0 0 0 18px;
					}
						.shopBox .accessBox .acsflex .access-title{
							text-align:left;
							padding-left:1em;
							text-indent:-1em;
							font-size:1.2em;
						}
						.shopBox .accessBox .acsflex p{
							margin-top: 5px;
							padding: 0!important;

						}
			.shopBox .accessBox .acsflex .acsArrowPc{
				display:none;
			}
			.shopBox .accessBox .acsflex .acsArrowSp{
				display:block;
				margin-left:15%;
				margin-bottom:10px;
			}
				.circleAR ,
				.circleAB {
					box-shadow:none;
				}

			.circleAR ,
			.circleAB {
				width: 28px;
				height: 28px;
			}
}

/*-------------------------------------------------------------
	footer
-------------------------------------------------------------*/
footer {
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
	.footer_wp {
		padding-top:25px;
		padding-bottom:30px;
	}
		.footer {
			margin:0 auto;
			max-width:1080px;
			display: flex;
			font-family: "リュウミン M-KL", "Ryumin Medium KL", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
			.footer-navi-menu {
				width:70%;
				display: flex;
				justify-content: flex-end;
				padding-right:2%;
			}
				.footer-navi-menu ul{
				    margin:0;
				    padding:0;
				    list-style: none;
					width:20%;
				}
					.footer-navi-menu ul li{
						margin-bottom:5px;
						padding:0;
						position:relative;
						padding-left:12px;
					}
					.footer-navi-menu ul li:before {
						content:"";
						position:absolute;
						left:0px;
						top:2px;
						width:5px;
						height:11px;
						background:#c1efdf;
					}
						.footer-navi-menu ul li ul{
							width:100%;
						}
							.footer-navi-menu ul li ul li{
								margin-bottom:2px;
							}
							.footer-navi-menu ul li ul li:before{
								content:none;
								position:static;
							}
								.footer-navi-menu ul li ul li a:before ,
								.footer-navi-menu ul li ul li a:after {
									content: "";
									position: absolute;
									top: calc(50% - 0.5px);
									left: 3px;
									width: 7px;
									height: 1px;
									border-radius: 9999px;
									background-color: #ffffff;
									transform-origin: calc(100% - 0.5px) 50%;
								}
									.footer-navi-menu ul li ul li a:before {
										transform: rotate(19.0deg);
									}
									.footer-navi-menu ul li ul li a:after {
										transform: rotate(-19.0deg);
									}
							.footer-navi-menu ul li ul li a {
								padding-left:3px;
							}
					.footer-navi-menu a{
						color:#ffffff;
						text-decoration: none;
					}
					.footer-navi-menu a:hover {
						text-decoration: underline;
					}
			.footer-btnBox {
				width:28%;
			}
				.footer-btn div{
					width:130px;
					margin-bottom:10px;
					text-align:center;
				}
					.footer-btn a{
						display:block;
						padding:5px 12px;
						color:#ffffff;
						font-weight:bold;
						background-image: linear-gradient(#e4ceab, #dcd6cd);
						text-decoration: none;
					}
					.footer-btn a:hover{
						background-image: linear-gradient(#e5d5bd, #e5e2df);
					}
		.copyright {
			margin-top:10px;
			padding-top:5px;
			padding-bottom:5px;
			border-top:1px solid #c9a063;
		}
@media all and (min-width:575.98px) and (max-width:767.98px){ /*TAB*/
	.footer_wp {
		padding-left:5px;
		padding-right:5px;
	}
		.footer-navi-menu {
			width:80%;
		}
			.footer-navi-menu ul{
				width:100%;
			}
		.footer-btnBox {
			width:20%;
		}
			.footer-btn div{
				width:100%;
			}
				.footer-btn a{
					padding:5px 2px;
				}
}
@media screen and (max-width:575.98px){ /*SP*/
}

/*-------------------------------------------------------------
	Other elements
-------------------------------------------------------------*/
@media all and (min-width:767.98px){
	.lg{}
	.md{display:none;}
	.sm{display:none;}
	.lgmd{display:block;}
	.mdsm{display:none;}
}
@media all and (min-width:575.98px) and (max-width:767.98px){/*TAB*/
	.lg{display:none;}
	.md{display:block;}
	.sm{display:none;}
}
@media screen and (max-width:575.98px){/*SP*/
	.lg{display:none;}
	.md{display:none;}
	.sm{display:block;}
	.lgmd{display:none;}
}

h1,h2{
	color:#7dcdca;
	font-family: "リュウミン M-KL", "Ryumin Medium KL", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

h2{font-size:190%;}
h3{font-size:140%;}
h4{font-size:110%;}

h1,h2,h3,h4,h5{letter-spacing:0.18rem;}

.title-sideborder{
	align-items: center;
	display: flex;
}
	.title-sideborder::before,
	.title-sideborder::after{
		background-color: #3f6765;
		content: "";
		flex-grow: 1;
		height: 2px;
	}
		.title-sideborder::before{
			margin-right: 10px;
		}
		.title-sideborder::after{
			margin-left: 10px;
		}

.bgBox{background:#eff9f8!important;}
.bgGR{background:#7dcdca!important;}
.bgWH{background:#ffffff!important;}
.bgYL{background:#fffbe2!important;}
.sm-bgBox{
	margin-top:6rem;
	margin-left:3%;
	margin-right:3%;
}

.fontGR{color:#7dcdca!important;}
.fontDGR{color:#3f6765!important;}
.fontWH{color:#ffffff!important;}
.fontRD{color:#ff3333!important;}

.font_large{font-size:120%;}
.font_medium{font-size:110%;}
.font_small{font-size:85%;}
.font_Xsmall{font-size:75%;}

.Wdh100{width:100%;}
.Wdh80{width:80%;}
.Wdh70{width:70%;}
.Wdh60{width:60%;}
.Wdh50{width:50%;}
.Wdh40{width:40%;}
.Wdh30{width:30%;}
.Wdh25{width:25%;}

.float-right{float: right;}
.float-left{float: left;}

.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.lg-text-center{text-align: center;}

.LineBwh{border-bottom:2px solid #ffffff;}
.LRsp100{
	margin:0 auto;
	width:80%;
}

@media screen and (max-width:575.98px){/*SP*/
	.lg-text-center{text-align: left;}
	.LRsp100{width:100%;}
	.sm-bgBox{
		background:#eff9f8;
		margin-left:0;
		margin-right:0;
		padding-top:2rem;
		padding-bottom:3rem;
	}
}

/*-------------- ボタン --------------*/
.btn{
	display:block;
	margin:0 auto;
	text-decoration: none;
}
	.btn01{
		width:40%;
		padding:15px 3%;
		border-radius: 35px;
		-moz-border-radius: 35px;
		-webkit-border-radius: 35px;
		font-size:170%;
		text-align:center;
		font-family: "リュウミン M-KL", "Ryumin Medium KL", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
		.btn01 i{
			float:right;
			padding-top:7px;
		}
		.btn-box a.fontDGR {
			color:#3f6765!important;
		}
	.btn:hover {
	    filter:alpha(opacity=60);
	    -moz-opacity: 0.6;
	    opacity: 0.6;
	}
@media screen and (max-width:575.98px){ /*SP*/
	.btn-box{
		padding-left:5%;
		padding-right:5%;
	}
		.btn01{
			width:90%;
		}
}

/*-------------- テーブル --------------*/
table {
	width: 100%;
	border-collapse: collapse;
}

th, td {
	padding: 10px;
	border: 1px solid #7dcdca;
}
th {
	font-weight:normal;
}

@media screen and (max-width:575.98px){/*SP*/
	table {
		/*display: block;*/
	}
}

/*-------------- 画像 --------------*/
.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}
	.img-PCw70{
		width:70%;
		margin:0 auto;
	}
@media screen and (max-width:575.98px){/*SP*/
	.img-PCw70{
		width:100%;
	}
}

/*-------------- 余白 --------------*/
.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 1rem !important;}
.mt-2 {margin-top: 2rem !important;}
.mt-3 {margin-top: 3rem !important;}
.mt-4 {margin-top: 4rem !important;}
.mt-5 {margin-top: 5rem !important;}
.mt-6 {margin-top: 6rem !important;}

.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 1rem !important;}
.mb-2 {margin-bottom: 2rem !important;}
.mb-3 {margin-bottom: 3rem !important;}
.mb-4 {margin-bottom: 4rem !important;}
.mb-5 {margin-bottom: 5rem !important;}
.mb-6 {margin-bottom: 6rem !important;}

.ml-0 {margin-left: 0 !important;}
.ml-1 {margin-left: 1rem !important;}
.ml-2 {margin-left: 2rem !important;}
.ml-3 {margin-left: 3rem !important;}
.ml-4 {margin-left: 4rem !important;}
.ml-5 {margin-left: 5rem !important;}

.mr-0 {margin-right: 0 !important;}
.mr-1 {margin-right: 1rem !important;}
.mr-2 {margin-right: 2rem !important;}
.mr-3 {margin-right: 3rem !important;}
.mr-4 {margin-right: 4rem !important;}
.mr-5 {margin-right: 5rem !important;}

.pt-0 {padding-top: 0 !important;}
.pt-05 {padding-top: 0.2rem !important;}
.pt-1 {padding-top: 1rem !important;}
.pt-2 {padding-top: 2rem !important;}
.pt-3 {padding-top: 3rem !important;}
.pt-4 {padding-top: 4rem !important;}
.pt-5 {padding-top: 5rem !important;}
.pt-6 {padding-top: 6rem !important;}

.pb-0 {padding-bottom: 0 !important;}
.pb-1 {padding-bottom: 1rem !important;}
.pb-2 {padding-bottom: 2rem !important;}
.pb-3 {padding-bottom: 3rem !important;}
.pb-4 {padding-bottom: 4rem !important;}
.pb-5 {padding-bottom: 5rem !important;}

.pl-0 {padding-left: 0 !important;}
.pl-1 {padding-left: 1rem !important;}
.pl-2 {padding-left: 2rem !important;}
.pl-3 {padding-left: 3rem !important;}
.pl-4 {padding-left: 4rem !important;}
.pl-5 {padding-left: 5rem !important;}
.pl-6 {padding-left: 6rem !important;}

.pr-0 {padding-right: 0 !important;}
.pr-1 {padding-right: 1rem !important;}
.pr-2 {padding-right: 2rem !important;}
.pr-3 {padding-right: 3rem !important;}
.pr-4 {padding-right: 4rem !important;}
.pr-5 {padding-right: 5rem !important;}

.clear {
	clear:both;
}



.shopBox .accessBox .acsflex .access-img{
	aspect-ratio: 4 / 3;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
	.shopBox .accessBox .acsflex .access-img img {
		max-width: 100%;
		/*max-height: 100%;*/
	}

/*.shopBox .accessBox .acsflex .aAPC-R {*/
/*	top: 30%!important;*/
/*}*/

@media screen and (max-width:575.98px) {
	/*SP*/
	.container {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.sm {
		padding-left: 5% !important;
		padding-right: 5% !important;
	}

	.container.mt-4 {
		padding-left: 5% !important;
		padding-right: 5% !important;
	}

	.shopBox .shop-info dt {
		width: 86%;
	}

	.spMtb {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.spMlr {
		margin-left: 2%!important;
		margin-right: 2%!important;
	}
	.spMPlr {
		margin-left: 7%!important;
		margin-right: 7%!important;
	}

	.spCenter {
		text-align: center!important;
	}


	/*.shopBox .accessBox .acsflex .access-img{*/
	/*	display: flex;*/
	/*	justify-content: center;*/
	/*	align-items: center;*/
	/*}*/
	/*	.shopBox .accessBox .acsflex .access-img img {*/
	/*		max-width: 100%; max-height: 100%;*/
	/*	}*/
}

.mt-10 {
	margin-top: 20px;
}

/*p {*/
/*	line-height: 28px;*/
/*}*/

.spMlr {
	margin-bottom: 20px;
}
.spMPlr {
	margin-bottom: 20px;
}

.AccMenuBox-title {
	padding-right: 20px;
	padding-left:2em;
	text-indent:-2em;
}

.sp-only {
	display: none;
}
@media screen and (max-width:575.98px) {
	.sp-only {
		display: inline;
	}

	/* 全部見る */
	.clamp-text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 4;
		line-height: 1.5;
		transition: all 0.3s ease;
	}
	.text-container.expanded .clamp-text {
		-webkit-line-clamp: unset;
	}
}

.circle-container {
	display: flex;
	justify-content: center;
	gap: 60px;
	margin-top: 50px;
}
.circle {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background-color: #eef9f9;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: #3d6765;
	font-size: 18px;
	text-align: center;
}

@media screen and (max-width:575.98px) {
	.circle-container {
		gap: 40px;
	}
	.circle {
		width: 90px;
		height: 90px;
		font-size: 12px;
	}
}