@charset "UTF-8";


/* ----- 全体 ----- */

.pcView {
	display: block;
}

.spView {
	display: none;
}

a[href^="tel:"] {
	pointer-events: none;
	text-decoration: none;
	color: #000;
}

.detailTb {
	width: 100%;
	line-height: 160%;
	border-collapse: collapse;
}

.detailTb.topbd {
	border-top: 1px dotted #ccc;
}

.detailTb td,
.detailTb th {
	vertical-align: top !important;
	padding: 15px 2% !important;
	border: 1px solid #999 !important;
	box-sizing: border-box;
}

.detailTb.wd td,
.detailTb.wd th {
	padding: 30px 2% !important;
}

.detailTb th {
	background-color: #f6f6f6;
	width: 30% !important;
	font-weight: bold !important;
	text-align: left !important;
}

.noteLi li {
	margin: 5px 0px;
	padding-left: 1em;
	text-indent: -1em;
	text-align: justify;
	text-justify: distribute;
}

.dotLi li {
	position: relative;
	text-align: justify;
	text-justify: distribute;
	margin-bottom: 5px;
	padding: 0px 0px 5px 18px;
}

.dotLi li:before {
	position: absolute;
	content: "・";
	top: 0px;
	left: 0px;
}

.dotLi.link li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.numLi {
	padding-left: 20px;
}

.numLi li {
	padding-bottom: 5px;
}

.ivoryBg {
	background-color: #f7f6f3;
}

.blueBg {
	background-color: #f1f9ff;
}

.greenBg {
	background-color: #dff6f3;
}

.redBg {
	background-color: #fcf0f0;
}

.wakuArea {
	padding: 30px 40px 30px 40px;
}


.col2 > li,
div.cols2 {
	float: left;
	width: 47%;
	padding: 2% 6% 2% 0;
}

.col2 > li:nth-child(2n),
div.cols2:nth-child(2n) {
	padding-right: 0;
}

.col2 > li:nth-child(2n+1),
div.cols2:nth-child(2n+1) {
	clear: both;
}

.col3 > li,
div.cols3 {
	float: left;
	width: 30%;
	padding: 2% 5% 2% 0;
}

.col3 > li:nth-child(3n),
div.col3:nth-child(3n) {
	padding-right: 0;
}

.col3 > li:nth-child(3n+1),
div.col3:nth-child(3n+1) {
	clear: both;
}

.col2 > li img,
.col3 > li img,
div.col2 img,
div.col3 img {
	width: 100%;
	height: auto;
}

.nmlBtn,
.nmlBtnArea a {
	display: inline-block;
	background: url(../img/ico_arr_rt_w.svg) no-repeat right 24px center, linear-gradient(to right, #0074bf, #16ac99);
	background-size: auto 25%;
	min-width: 60%;
	font-size: 130%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 120%;
	padding: 17px 20px;
	border-radius: 10px;
	box-sizing: border-box;
}

.nmlBtnArea {
	text-align: center;
	padding: 30px 0 20px 0;
}

.nmlBtn.blue,
.nmlBtnArea.blue a {
	background: #094871 url(../img/ico_arr_rt_w.svg) no-repeat right 24px center;
	background-size: auto 25%;
	min-width: 40%;
	padding: 17px 20px;
}

.sticked {
	top: 120px;
	position: sticky;
	position: -webkit-sticky;
}

.telIco {
	display: inline-block;
	background: url(../img/ico_tel.svg) no-repeat 0px 4px;
	background-size: 16px auto;
	font-size: 150%;
	font-weight: 700;
	line-height: 100%;
	margin: 12px 20px 8px 10px;
	padding-left: 20px;
}

.extLink {
	background: url(../img/ico_extlink.svg) no-repeat right 4px;
	padding-right: 22px;
}


/* ----- モーダル -----*/
.modalOverlay {
	display: flex;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.5);
	align-items: center;
	justify-content: center;
	z-index: 9998;
}

.modalContent {
	background: #fff;
	width: min(90%, 400px);
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0,0,0,0.3);
	padding: 24px;
	position: relative;
	z-index: 9999;
}


/* ----- ページング -----*/

.pager {
	text-align: center;
	padding: 16px 0px 10px 0px;
}

a.page-numbers,
.pager .current {
	display: inline-block;
	background: rgba(0,0,0,0.02);
	min-width: 20px;
	font-size: 120%;
	text-decoration: none;
	line-height: 140%;
	letter-spacing: 0px;
	color: #cb9c59;
	margin: 4px 2px;
	padding: 5px 8px;
	border: solid 3px #cb9c59;
	border-radius: 10px;
}

.pager .current {
	background-color: #cb9c59;
	font-weight: bold;
	color: rgba(255,255,255,1);
}

.pagerArea p {
	font-weight: bold;
	text-align: center;
}


/* ----- slick -----*/

.slick-dots {
	bottom: -35px!important;
}

.slick-dots li{
	width: 10px !important;
}

.slide-arrow,
.slideCol-arrow {
	position: absolute;
	z-index: 100;
}

.slide-arrow.prev-arrow,
.slideCol-arrow.prev-arrow {
	top: 42%;
	left: 7%;
	cursor: pointer;
}

.slide-arrow.next-arrow,
.slideCol-arrow.next-arrow {
	top: 42%;
	right: 7%;
	cursor: pointer;
}

.slideCol-arrow.prev-arrow {
	left: -7%;
}

.slideCol-arrow.next-arrow {
	right: -7%;
}


@media screen and (max-width: 1400px) {

.slide-arrow.prev-arrow {
	left: 4%;
}

.slide-arrow.next-arrow {
	right: 7%;
}

.slideCol-arrow.prev-arrow {
	left: -1%;
}

.slideCol-arrow.next-arrow {
	right: -1%;
}

}

@media screen and (max-width: 780px) {

.slide-arrow.prev-arrow {
	left: 1%;
}

.slide-arrow.next-arrow {
	right: 1%;
}

.slideCol-arrow.prev-arrow {
	left: -3%;
}

.slideCol-arrow.next-arrow {
	right: -3%;
}

}


/* ===== ----- ヘッダー ----- ===== */

.spHead {
	display: none;
}

.headAreabg {
	position: fixed;
	background-color: rgba(255,255,255,1.0);
	width: 100%;
	z-index: 999;
	transition: all 0.4s;
}

.nar .headAreabg {
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0px 2px 4px 0px rgba(80,80,80,0.1);
}

.headArea {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 50px;
}

.bx-wrapper {
	margin-bottom: 0px !important;
}

.headArea .logo {
	float: left;
	background: url(../img/logo.svg) no-repeat 0px 0px;
	background-size: 210px 85px;
	width: 210px;
	height: 85px;
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
	box-sizing: border-box;
	z-index: 200;
	transition: all 0.4s;
}

.nar .headArea .logo {
	background: url(../img/logo.svg) no-repeat 0px 0px;
	background-size: 173px 70px;
	width: 173px;
	height: 70px;
	margin: 0px 0px 0px 0px;
}

.headArea .logo a {
	position: relative;
	float: right;
	display: block;
	width: 100%;
	height: 100%;
}

.headArea .logo a:after {
	position: absolute;
	content: "-mofumogu";
	top: 28px;
	right: -125px;
	font-size: 70%;
	text-indent: 0;
	color: #666;
	transition: all 0.4s;
}

.headArea p.logo a:after {
	top: 30px;
	font-size: 140%;
	font-weight: bold;
}

.nar .headArea .logo a:after {
	top: 22px;
	right: -105px;
	font-size: 60%;
}

.nar .headArea p.logo a:after {
	font-size: 120%;
}

.headArea .headMenu {
	float: right;
	padding-top: 28px;
	transition: all 0.4s;
}

.headArea .headMenu li {
	float: left;
	padding-left: 30px;
}

.headArea .headMenu li a {
	font-size: 100%;
	font-weight: 600;
	text-decoration: none;
	color: #444;
	transition: all 0.4s;
	box-sizing: border-box;
}

.nar .headArea .headMenu {
	font-size: 90%;
	padding-top: 22px;
}


/* ----- ドロップダウン ----- */
.dropmenu li {
	position: relative;
}

.dropmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 100;
	top: 82%;
	left: 0;
	width: 100%;
	margin: 8px 0 0 0;
	padding: 0;
}

.nar .dropmenu li ul {
	top: 76%;
}

.dropmenu li ul li {
	width: 100%;
	height: 0;
	color: #fff;
	transition: .2s;
	overflow: hidden;
}

.dropmenu li ul li a {
	display: block;
	background: #fff url(../img/ico_arr_rt2.svg) no-repeat right 10px center;
	background-size: 4px auto;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 140%;
	color: #000;
	padding: 11px 10px 10px 20px !important;
	border-bottom: 1px dotted #ddd;
}

.dropmenu > li:hover li:hover > a {
	background: #c9e4f6 url(../img/ico_arr_rt2.svg) no-repeat right 10px center;
	background-size: 4px auto;
	opacity: 1.0;
}

.dropmenu > li:hover > ul > li {
	overflow: visible;
	height: 39px;
}

.dropmenu > li:hover > ul > li.row2 {
	height: 56px;
}

.dropmenu > li:hover > ul > li.row3 {
	height: 73px;
}

.dropmenu li ul li ul {
	top: 0 !important;
	left: 100%;
}

.dropmenu li:last-child ul li ul {
	left: -100%;
	width: 100%;
}

.dropmenu li ul li ul:before {
	position: absolute;
	content: "";
	top: 4px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #454e08;
}

.dropmenu li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 200%;
	margin-left: -20px;
	border: 5px solid transparent;
	border-right-color: #454e08;
}

.dropmenu li ul li:hover > ul > li {
	overflow: visible;
	height: 39px;
}

.dropmenu li ul li:hover > ul > li.row2 {
	height: 56px;
}

.dropmenu li ul li:hover > ul > li.row3 {
	height: 73px;
}

.dropmenu li ul li ul li a {  background: #fff; }

.dropmenu li:hover ul li ul li a:hover {
	background: #f0f8e7;
	opacity: 1.0;
}

/* ハンバーガー */

.g-btn,
#g-nav {
	display: none;
}

/* パン屑 */

.breadArea {
	background-color: #f6f6f6;
	padding: 4px 0;
}

.breadArea .breadLi li {
	position: relative;
	display: inline-block;
	padding-left: 12px;
}

.breadArea .breadLi li:first-child {
	padding-left: 0;
}

.breadArea .breadLi li:after {
	content: "/";
	position: absolute;
	top: 0;
	left: 0;
	color: #555;
}

.breadArea .breadLi li:first-child:after {
	content: "";
}

.breadArea .breadLi li a {
	font-size: 80%;
	color: #555;
	text-decoration: none;
}


/* ===== ----- メイン ----- ===== */

.container,
.containerS {
	max-width: 1300px;
	margin: 0px auto;
	padding-right: 20px;
	padding-left: 20px;
	box-sizing: border-box;
}

.containerS {
	max-width: 1000px;
}

.container.top {
	max-width: 1220px;
}

.bdTtl {
	position: relative;
	font-size: 150%;
	color: #444;
	text-align: center;
	margin: 50px 0 30px 0;
}

.bdTtl:after {
	position: absolute;
	bottom: -20px;
	left: 50%;
	content: '';
	width: 30px;
	height: 10px;
	background-color: #ccc;
	border-radius: 5px;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.rangeArea .bdTtl:after,
.columnArea .bdTtl:after {
	background-color: #cde9ed;
}

.kindArea .bdTtl:after,
.recentArea .bdTtl:after {
	background-color: #d6e9ca;
}

.placeArea .bdTtl:after,
.sideSearchArea .bdTtl:after {
	background-color: #e7afb0;
}

.mainArea {
	padding-top: 86px;
}

.mainLt {
	float: left;
	width: 380px;
}

.mainRt {
	float: right;
	width: calc(100% - 410px);
}

.sideBnArea img {
	width: 100%;
	height: auto;
}

.mainCon {
	padding-top: 40px;
	padding-bottom: 30px;
}

.pageTtlBg {
	background: url(../img/main_bg_g.jpg) no-repeat 0 0;
	background-size: cover;
	margin-bottom: 40px;
	padding: 80px 0;
}

.pageTtlBg .h1Ttl {
	font-size: 200%;
	font-weight: normal;
}

.pageTtlBg .h1Ttl span {
	display: block;
	font-size: 45%;
	font-weight: normal;
}

.pageArea {
	padding-bottom: 40px;
}

.pageArea h2 {
	background-color: #0074bf;
	font-size: 120%;
	color: #fff;
	margin: 40px 0 30px 0;
	padding: 10px 15px 8px 15px;
}

.pageArea h2.nosp {
	margin: 0;
}

.pageTtlArea h2 {
	font-size: 130%;
	padding-left: 0;
}

.pageArea h3 {
	font-size: 120%;
	color: #0074bf;
	margin: 40px 0 30px 0;
	padding: 0 10px 8px 0;
	border-bottom: 3px solid #0074bf;
}

.pageArea h4 {
	position: relative;
	background-color: #eee;
	padding: 8px 15px 8px 25px;
}

.pageArea h4:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 8px;
	width: 3px;
	height: 25px;
	background-color: #0074bf;
}

.pageArea .wakuArea h3 {
	background: #fefefe url(../img/ico_ttl01.svg) no-repeat 18px 30px;
	background-size: 8px auto;
}

.pageArea h4 {
	font-size: 120%;
	margin: 30px 0 10px 0;
}

.pageArea p,
.pageArea .wp-block-image {
	margin: 10px 0;
}

.pageArea ol {
	padding-left: 20px;
}

.pageArea ol li {
	padding-bottom: 5px;
}

.pageArea ol li::marker {
	font-weight: bold;
	color: #003c62;
}

.pageArea figure.wp-block-image {
	padding: 20px 0;
}


.pageTtlArea p {
	font-size: 90%;
}


.pageTtlArea {
	background-color: #0074bf;
	color: #fff;
	padding: 14px 20px;
}

.pageTtlArea h2 {
	background-color: #0074bf;
	font-size: 130%;
	color: #fff;
	padding-bottom: 5px;
}

.pageTtlArea p {
	font-size: 90%;
	margin: 0;
}

.nobr br {
	display: none;
}

.sideNews h3 {
	background-color: #0074bf;
	font-size: 110%;
	color: #fff;
	margin-top: 40px;
	padding: 5px 20px 7px 20px;
}

.sideNews ul {
	background-color: #f8f8f8;
}

.sideNews li {
	padding: 18px 20px;
	border-bottom: 1px dotted #bbb;
}

.sideNews li a {
	color: #333;
}

.wp-block-file {
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

.wp-block-file.pdf {
	background: url(../img/ico_pdf.png) no-repeat 0 5px;
	background-size: 32px auto;
	padding-left: 36px;
}

.wp-block-file.zip {
	background: url(../img/ico_zip.png) no-repeat 0 10px;
	background-size: 26px auto;
	padding-left: 36px;
}

.wp-block-file a:first-child {
	font-size: 130%;
}

.wp-block-file .wp-block-file__button {
	background-color: #094871;
	color: #fff;
}


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

.topsearchArea {
	position: relative;
	background: linear-gradient(-20deg, #f5ffef, #eefdff);
	width: 100%;
	margin: -60px auto 30px auto;
	padding: 30px 35px;
	border-radius: 20px;
	z-index: 500;
	box-sizing: border-box;
}

.topsearchArea ul li {
	float: left;
	padding-right: 1%;
	box-sizing: border-box;
}

.topsearchArea ul li:last-child {
	padding-right: 0;
}

.topsearchArea ul li.word {
	width: 30%;
}

.topsearchArea ul li.date,
.topsearchArea ul li.time,
.topsearchArea ul li.num {
	width: 18%;
}

.topsearchArea ul li.scbtn {
	width: 16%;
}

.topsearchArea ul li input,
.topsearchArea ul li select,
.sideSearchArea ul li input,
.sideSearchArea ul li select {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	width: 100%;
	min-height: 56px;
	font-size: 110%;
	color: #666;
	padding: 10px 15px;
	border: 3px solid #e8e3e3;
	border-radius: 10px;
	box-sizing: border-box;
}

.topsearchArea ul li select,
.sideSearchArea ul li select {
	background: #fff url(../img/ico_sel.svg) no-repeat right 10px center;
	background-size: 16px auto;
}

.topsearchArea ul li.scbtn input,
.sideSearchArea ul li.scbtn input {
	background-color: #f99c9d;
	font-weight: bold;
	color: #fff;
	border: 3px solid #f99c9d;
}

.topsearchArea ul li input::placeholder,
.sideSearchArea ul li input::placeholder {
	color: #666;
}

@media screen and (max-width: 980px) {

.topsearchArea {
	margin-top: -100px
}

.topsearchArea ul li {
	padding-bottom: 14px;
}

.topsearchArea ul li:last-child {
	padding-right: 0;
}

.topsearchArea ul li.word {
	width: 100%;
	padding-right: 0;
}

.topsearchArea ul li.date {
	width: 40%;
	padding-right: 2%;
}

.topsearchArea ul li.time,
.topsearchArea ul li.num {
	width: 30%;
	padding-right: 2%;
}

.topsearchArea ul li.num {
	padding-right: 0;
}

.topsearchArea ul li.scbtn {
	width: 100%;
	text-align: center;
}

.topsearchArea ul li.scbtn input {
	width: 60%;
	min-height: 56px;
}

}


.slideArea {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 20px;
}

.slideArea li {
	position: relative;
}

.slideArea a {
	display: block;
	color: #000;
	text-decoration: none;
}

.slideArea .txt {
	position: absolute;
	top: 100px;
	right: 60px;
	display: inline-block;
	font-size: 160%;
	color: #fff;
	line-height: 180%;
	text-align: right;
	text-shadow: 1px 1px 2px #000;
	z-index: 100;
}

.slideArea .ph {
	position: relative;
	z-index: 1;
}

.slideArea .ph img {
	width: 100%;
	height: 300px;
	border-radius: 20px;
	object-fit: cover;
}

.slick-slide {
  margin: 0 3px;
}

.topbnArea {
	text-align: center;
	padding: 20px 0 40px 0;
}

.topbnArea img {
	max-width: 100%;
	height: auto;
}

.topLink3c li {
	float: left;
	width: 31%;
	padding: 12px 3.5% 10px 0;
}

.topLink3c li:nth-child(3n) {
	padding-right: 0;
}

.topLink3c li:nth-child(3n+1) {
	clear: both;
}

.topLink3c li a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #444;
}

.topLink3c li a img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.topLink3c li a .txt {
	position: absolute;
	bottom: 15px;
	left: 50%;
	display: inline-block;
	background: rgba(255, 255, 255, 0.6);
	width: 50%;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding: 4px 2px;
	border-top: 2px solid rgba(255, 255, 255, 0.4);
	border-bottom: 2px solid rgba(255, 255, 255, 0.4);
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


.topLink4c li {
	float: left;
	width: 23%;
	padding: 12px 2.6% 10px 0;
}

.topLink4c li:nth-child(4n) {
	padding-right: 0;
}

.topLink4c li:nth-child(4n+1) {
	clear: both;
}

.topLink4c li a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #444;
}

.topLink4c li a img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.topLink4c li a .txt {
	font-size: 110%;
	font-weight: bold;
	padding: 4px 2px;
}

.placeDetail.col2 > li {
	padding: 1% 6% 1% 0;
}

.placeDetail.col2 > li:nth-child(2n) {
	padding-right: 0;
}

.placeDetail h4 {
	background: url(../img/ico_pin.svg) no-repeat 0 3px;
	background-size: 16px auto;
	padding-left: 28px;
}

.placeLi {
	padding-left: 28px;
}

.placeLi li {
	display: inline-block;
	padding-right: 0px;
}

.placeLi li:after {
	content: "｜";
	font-size: 80%;
	padding-left: 6px;
}

.placeLi li:last-child:after {
	content: "";
	padding-left: 0;
}

.placeLi li a {
	text-decoration: none;
	color: #444;
}

.placeMore {
	text-align: right;
	padding: 20px 0 40px 0;
}

.placeMore a {
	background: url(../img/ico_arrpink_btm.svg) no-repeat right 0 top 8px;
	background-size: 12px auto;
	font-size: 110%;
	text-decoration: none;
	color: #444;
	padding-right: 20px;
}

.reviewArea {
	padding-bottom: 80px;
}

.reviewArea p.txt {
	text-align: justify;
	text-justify: distribute;
	padding: 10px 0;
}

.reviewItem {
	background: url(../img/bg_review.png) no-repeat 0 0;
	background-size: 100% 380px;
	height: 380px;
	padding: 35px 80px 35px 40px;
	box-sizing: border-box;
}

.reviewLt {
	float: left;
	width: 32%;
}

.reviewRt {
	float: right;
	width: 64%;
}

.reviewLt img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.reviewRt .userTtl {
	background: url(../img/ico_user.png) no-repeat 0 center;
	background-size: 60px auto;
	min-height: 60px;
	font-size: 110%;
	padding: 20px 0 0 80px;
	box-sizing: border-box;
}

.reviewStar {
	float: left;
}

.reviewStar li {
	display: inline-block;
}

.reviewStar li img {
	padding: 2px 0 0 0;
}

.reviewStar li.foodIco,
.reviewStar li.dogIco {
	display: inline-block;
	margin: 0 1px 0 1px;
}

.reviewStar li.foodIco img {
	padding: 0 5px 0 0;
}

.reviewStar li.dogIco img {
	padding: 0 5px 0 40px;
}

.reviewStar li.num {
	font-size: 140%;
	font-weight: bold;
	padding-left: 5px;
}

.reviewMore {
	text-align: right;
	padding-top: 5px;
}

.reviewMore a {
	color: #444;
}

.detailArea {
	padding-top: 30px;
	padding-bottom: 30px;
}

.detailMain {
	padding-bottom: 50px;
}

.detailMain .ph {
	float: left;
	width: 48%;
}

.detailMain .ph img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.detailMain .itemInfo {
	float: right;
	width: 48%;
}

.detailMain .itemInfo h1 {
	font-size: 150%;
	margin-bottom: 40px;
}

.detailMain .itemInfo h1 a {
	display: block;
	text-decoration: none;
	color: #444;
}

.detailMain .pin a {
	display: inline-block;
	background-color: #e7afb0;
	font-weight: bold;
	text-decoration: none;
	line-height: 120%;
	color: #444;
	margin-left: 10px;
	padding: 3px 15px;
	border-radius: 5px;
}

.detailMain .cate {
	font-weight: bold;
	padding: 10px 0 15px 0;
}

.detailMain .shopName a {
	display: block;
	background: url(../img/ico_share.svg) no-repeat right center;
	background-size: 20px auto;
	padding-right: 40px;
}

.tabMenu {
	margin-bottom: 40px;
}

.tabMenu li {
	float: left;
	width: 24.2%;
	padding-right: 1%;
}

.tabMenu li:last-child {
	padding-right: 0;
}

.tabMenu li a {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f4f4f4;
	width: 100%;
	min-height: 65px;
	font-size: 120%;
	text-decoration: none;
	color: #444;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.tabMenu li a.on {
	font-weight: bold;
}

.tabMenu.info {
	border-bottom: 6px solid #e7afb0;
}
.tabMenu li.info a.on {
	background-color: #e7afb0;
}

.tabMenu.menu {
	border-bottom: 6px solid #d6e9ca;
}
.tabMenu li.menu a.on {
	background-color: #d6e9ca;
}

.tabMenu.photo {
	border-bottom: 6px solid #cde9ed;
}
.tabMenu li.photo a.on {
	background-color: #cde9ed;
}

.tabMenu.review {
	border-bottom: 6px solid #f2e2cb;
}
.tabMenu li.review a.on {
	background-color: #f2e2cb;
}

.detailLt {
	float: left;
	width: 62%;
}

.detailRt {
	float: right;
	width: 35%;
}

.detailLt .mainTxt {
	text-align: justify;
	text-justify: distribute;
}

.detailRt .sideSearchLi li.time {
	float: none;
	width: 100%;
}

.infoTb th,
.infoTb td {
	font-size: 95%;
	padding: 7px 12px 9px 15px;
	border-top: 6px solid #fff;
	box-sizing: border-box;
}

.infoTb th {
	background-color: #f5f1e6;
	width: 170px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding-left: 20px;
	clear: both;
	border-radius: 5px;
}

.infoTb td {
	width: calc(100% - 170px);
}


@media screen and (max-width: 900px) {

.reviewItem {
	padding: 25px 40px 35px 10px;
	box-sizing: border-box;
}

.reviewStar li.dogIco img {
	padding: 0 5px 0 20px;
}

}


.recentAreaBg {
	background-color: #f8fbf6;
	margin-bottom: 25px;
	padding: 1px 0 40px 0;
}

.recentArea .bdTtl,
.columnArea .bdTtl {
	font-size: 130%;
}

.columnAreaBg {
	background-color: #f6fefe;
	margin-bottom: 25px;
	padding: 1px 0 40px 0;
}

.columnMore {
	text-align: right;
	padding: 20px 0 20px 0;
}

.columnMore a {
	background: url(../img/ico_arrblue_rt.svg) no-repeat right 0 top 8px;
	background-size: 10px auto;
	font-size: 110%;
	text-decoration: none;
	color: #444;
	padding-right: 20px;
}

.columnLink li {
	float: left;
	width: 29%;
	padding: 12px 6.5% 10px 0;
}

.columnLink li:nth-child(3n) {
	padding-right: 0;
}

.columnLink li a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #444;
}

.columnLink li a img {
	width: 100%;
	height: auto;
	border: 10px solid #fff;
	border-radius: 20px;
}

.columnLink li p.txt {
	text-align: justify;
	text-justify: distribute;
	padding: 10px;
}

.listArea {
	padding-top: 30px;
	padding-bottom: 30px;
}

.numArea {
	float: left;
}

.numArea p {
	padding-bottom: 10px;
}

.numArea p span {
	font-size: 160%;
	font-weight: bold;
}

.sortArea {
	float: right;
}

.sortLi {
	float: right;
}

.sortLi li {
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 10px;
}

.sortLi input {
	display: none;
}

.sortLi label {
	display: block;
	background-color: #fff;
	font-size: 90%;
	text-align: center;
	padding: 3px 15px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.sortLi input[type="checkbox"]:checked + label,
.sortLi input[type="radio"]:checked + label {
	background-color: #cb9c59;
	color: #fff;
	border: 1px solid #cb9c59;
}

.listItem {
	margin: 20px 0 20px 0;
}

.listItem a {
	display: block;
	text-decoration: none;
	color: #444;
}

.listItem h2 {
	background-color: #f5f1e6;
	border-radius: 20px 20px 0 0;
	font-size: 120%;
	padding: 15px 45px;
}

.listCon {
	padding: 20px;
	border-right: 5px solid #f5f1e6;
	border-bottom: 5px solid #f5f1e6;
	border-left: 5px solid #f5f1e6;
	border-radius: 0 0 20px 20px;
}

.itemInfo .lt {
	float: left;
	width: 42%;
}

.itemInfo .rt {
	float: right;
	width: 53%;
}

.itemInfo img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.itemInfo .pin {
	background: url(../img/ico_pin.png) no-repeat 0px 3px;
	background-size: 16px auto;
	padding-left: 25px;
}

.itemInfo .itemData dt,
.itemInfo .itemData dd {
	float: left;
}

.itemInfo .itemData dt {
	width: 60px;
	font-weight: bold;
	clear: both;
}

.itemIco {
	padding-top: 15px;
}

.itemIco li {
	display: inline-block;
	color: #a78e6a;
	margin: 3px;
	padding: 2px 8px 2px 40px;
	border: 3px solid #c2ac8b;
	border-radius: 10px;
}

.itemIco li.dogL {
	background: url(../img/ico_dog_l.png) no-repeat 5px 6px;
	background-size: 31px auto;
}

.itemIco li.inside {
	background: url(../img/ico_inside.png) no-repeat 10px 7px;
	background-size: 20px auto;
}

.itemIco li.terrace {
	background: url(../img/ico_terrace.png) no-repeat 10px 7px;
	background-size: 22px auto;
}

.itemIco li.dogmenu {
	background: url(../img/ico_dogmenu.png) no-repeat 5px 4px;
	background-size: 27px auto;
}

@media screen and (max-width: 900px) {

.mainLt,
.mainRt {
	float: none;
	width: 100%;
	padding-top: 30px;
}

}

.sideBnArea {
	margin-bottom: 40px;
}

.sideSearchArea {
	background-color: #f5f5f5;
	padding: 20px;
	border-radius: 20px;
}

.sideSearchArea .bdTtl {
	font-size: 130%;
	margin: 10px 0 20px 0;
}

.sideSearchLi {
	padding: 30px 0 10px 0;
}

.sideSearchLi li {
	padding-bottom: 15px;
}

.sideSearchLi li.date {
	float: left;
	width: 48%;
}

.sideSearchLi li.time {
	float: right;
	width: 48%;
}

.sideSearchLi li.num {
	clear: both;
}

.sideSearchLi li.budgetMin,
.sideSearchLi li.budgetMax {
	float: left;
	width: 43%;
}

.sideSearchLi li.budget {
	float: left;
	width: 14%;
	text-align: center;
}

.sideSearchLi li.budget p {
	line-height: 56px;
}

.sideSearchLi li.filter {
	clear: both;
	text-align: right;
	padding-top: 20px;
}

.sideSearchLi li.filter a {
	text-decoration: none;
	color: #444;
}

.sideSearchLi li.scbtn {
	text-align: center;
	padding-top: 10px;
}

.sideSearchArea ul li.scbtn input {
	width: 60%;
	min-height: 56px;
}

.detailMenu {
	margin-top: 20px;
}

.detailMenu li p {
	font-weight: bold;
}

.detailMenu li img {
	padding-bottom: 5px;
	border-radius: 20px;
}

.menuMore {
	text-align: right;
	padding: 20px 0 40px 0;
}

.menuMore a {
	background: url(../img/ico_arrgree_rt.svg) no-repeat right 0 top 8px;
	background-size: 10px auto;
	font-size: 100%;
	text-decoration: none;
	color: #444;
	padding-right: 20px;
}

.menuItem {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 5px solid #f5f1e6;
}

.menuItem > dl > dt {
	float: left;
	width: 30%;
}

.menuItem > dl > dd {
	float: right;
	width: 66%;
}

.menuItem > dl > dt img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.menuItem > dl > dd h2 {
	font-size: 135%;
}

.menuItem > dl > dd h2 span {
	float: right;
	font-size: 90%;
}

.menuItem > dl > dd p.txt {
	padding-top: 10px;
	text-align: justify;
	text-justify: distribute;
}

.menuPhotoLi li {
	float: left;
	width: 31%;
	padding: 2% 3.5% 2% 0;
}

.menuPhotoLi li:nth-child(3n) {
	padding-right: 0; 
}

.menuPhotoLi li:nth-child(3n+1) {
	clear: both;
}

.menuPhotoLi li img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.menuPhotoLi li p {
	font-size: 90%;
	padding-top: 5px;
}

.reviewCard li {
	float: left;
	width: 48%;
	margin-bottom: 20px;
	padding: 2% 4% 2% 0;
}

.reviewCard li:nth-child(2n) {
	padding-right: 0; 
}

.reviewCard li:nth-child(2n+1) {
	clear: both;
}

.reviewCard li a {
	display: block;
	background-color: #fef8ef;
	border-radius: 20px;
	padding: 20px;
}

.reviewCard li > a > dl > dt {
	float: left;
	width: 26%;
}

.reviewCard li > a > dl > dd {
	float: right;
	width: 68%;
}

.reviewCard li > a > dl > dt img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.reviewCard li > a > dl > dd h2 {
	font-size: 100%;
	color: #444;
}

.reviewCard li > a > dl > dd h2 span {
	display: inline-block;
	float: left;
	width: 15%;
	padding-right: 20px;
}

.reviewCard li > a > dl > dd h2 span img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.reviewCard li > a > dl > dd p.txt {
	font-size: 90%;
	line-height: 140%;
	color: #444;
	padding-top: 10px;
	text-align: justify;
	text-justify: distribute;
}

.reviewCard li > a > dl > dd p.more {
	font-size: 90%;
	line-height: 140%;
	color: #444;
	text-align: right;
	text-decoration: underline;
	padding-top: 5px;
}

.aboutMain {
	background: url(../../img/about_ph.jpg) no-repeat center center;
	background-size: cover;
	min-height: 756px;
}

.aboutMain h2 {
	font-size: 240%;
	color: #fff;
	text-shadow: 0 0 4px rgba(0,0,0,0.8);
	padding: 220px 20px 30px 80px;
}

.aboutMain p {
	font-size: 120%;
	font-weight: bold;
	color: #000;
	padding: 0 20px 30px 80px;
}

.row {
	display: flex;
	align-items: center;
	gap: 50px;
	margin-top: 80px;
	margin-bottom: 50px;
}

.row .txt {
	width: 50%;
	text-align: justify;
	text-justify: distribute;
}

.row .ph {
	width: 48%;
}

.row .ph img {
	width: 100%;
	height: auto;
}

.pageMain {
	text-align: center;
	padding: 30px 0;
}

.pageMain h1 {
	display: inline-block;
	background-color: #fff;
	min-width: 370px;
	font-size: 190%;
	color: #72634b;
	margin-top: -75px;
	padding: 35px 10px;
	border-radius: 20px;
}

.pageMain h1 span {
	display: block;
	font-size: 60%;
	font-weight: normal;
}

.pageMain p img {
	width: 100%;
	height: 100%;
	min-height: 330px;
	border-radius: 20px;
	object-fit: cover;
	object-position: center;
}

.faqItem {
	background-color: #fef8ef;
	margin-bottom: 30px;
	border: 5px solid #f5f1e6;
	border-radius: 20px;
}

.faqItem .toggle {
	display: none;
}

.faqItem .Label {
	position: relative;
	font-weight: bold;
	padding: 25px 50px 20px 80px;
	display: block;
}

.faqItem .Label::before{
	content:"";
	width: 35px;
	height: 34px;
	background: url(../img/ico_plus.png) no-repeat 0 0;
	position: absolute;
	top: 20px;
	right: 40px;
}

.faqItem .Label::after {
	content: "Q";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 300%;
	font-weight: bold;
	color: #c2ac8b;
	padding: 0 20px 0 18px;
}

.faqItem .Label,
.faqItem .content,
.faqItem .content::before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.faqItem .content {
	position: relative;
	height: 0;
	margin-bottom: 10px;
	padding: 0 20px 0 80px;
	overflow: hidden;
}

.faqItem .content .txt {
	text-align: justify;
	text-justify: distribute;
}

.faqItem .content::before {
	content: "A";
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 300%;
	font-weight: bold;
	color: #e7afb0;
	margin-top: -20px;
	padding: 0 20px;
}

.faqItem .toggle:checked + .Label + .content {
	height: auto;
	padding: 20px 20px 20px 80px;
	transition: all .3s;
}

.faqItem .toggle:checked + .Label + .content::before {
	height: auto;
	margin-top: -20px;
	padding: 20px;
	transition: all .3s;
}

.faqItem .toggle:checked + .Label::before {
	background: url(../img/ico_minus.png) no-repeat 0 0;
	top: 34px;
}

.sizeItem {
	padding-bottom: 20px;
}

.sizeItem li {
	float: left;
	width: 48%;
	padding: 1.5% 4% 1.5% 0;
}

.sizeItem li:nth-child(2n) {
	padding-right: 0;
}

.sizeItem li:nth-child(2n+1) {
	clear: both;
}

.sizeItem li h2 {
	position: relative;
	font-size: 130%;
	color: #444;
	text-align: center;
	margin: 50px 0 50px 0;
}

.sizeItem li h2:after {
	position: absolute;
	bottom: -25px;
	left: 50%;
	content: '';
	width: 30px;
	height: 10px;
	background-color: #d6e9ca;
	border-radius: 5px;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.sizeItem li .ph img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.sizeItem li .txt {
	text-align: justify;
	text-justify: distribute;
	padding-top: 20px;
}

.guideArea h2 {
	font-size: 130%;
	text-align: center;
	padding: 30px 0;
}

.guideArea h2 span {
	display: inline-block;
	background-color: #cb9c59;
	border-radius: 100px;
	width: 56px;
	height: 56px;
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	line-height: 56px;
	margin-bottom: 12px;
}

.guideArea .ph {
	text-align: center;
}

.guideArea .ph img {
	max-width: 100%;
	height: auto;
	padding: 2.5% 0; 
}

.guideArea h3 {
	position: relative;
	font-size: 100%;
	color: #444;
	margin: 30px 0 5px 0;
	padding-left: 40px;
}

.guideArea h3:after {
	position: absolute;
	top: 8px;
	left: 0;
	content: '';
	width: 20px;
	height: 10px;
	background-color: #d6e9ca;
	border-radius: 5px;
}

.docArea {
	margin-bottom: 50px;
}

.docArea h2 {
	position: relative;
	font-size: 150%;
	color: #444;
	margin: 40px 0 20px 0;
	padding-left: 40px;
}

.docArea h2:after {
	position: absolute;
	top: 14px;
	left: 0;
	content: '';
	width: 20px;
	height: 10px;
	background-color: #cb9c59;
	border-radius: 5px;
}

.docArea h2:first-of-type {
	margin-top: 10px;
}

.docArea h3 {
	margin: 25px 0 10px 0;
}

.docArea ul {
	list-style-type: disc;
	padding-left: 40px;
}

.docArea ul li {
	padding: 2px 0;
}

.docArea p,
.docArea ul li,
.docArea ol li {
	text-align: justify;
	text-justify: distribute;
	word-break: break-all;
}

.docArea p.alrt {
	text-align: right;
}

.docArea > ol {
	padding-left: 20px;
}

.docArea ol li {
	padding: 2px 0;
}

.docArea > ol > li > ol.numView {
	list-style: none;
	counter-reset: num;
	padding: 4px 0 0 20px;
}

.docArea > ol > li > ol.numView li {
	counter-increment: num;
	position: relative;
}

.docArea > ol > li > ol.numView li::before {
	content: "(" counter(num) ")";
	position: absolute;
	left: -1.4em;
}


/* ===== ----- フッター ----- ===== */

.footArea {
	background-color: #f9f7f4;
	padding: 50px 0;
}

.footLt {
	position: relative;
	float: left;
	width: 48%;
}

.footRt {
	float: right;
	width: 48%;
}

.footLt:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: '';
	width: 6px;
	height: 88px;
	background-color: #707070;
	border-radius: 10px;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.footmenu {
	float: left;
	width: 50%;
	padding: 0 4%;
	box-sizing: border-box;
}

.footmenu li {
	box-sizing: border-box;
}

.footmenu a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #444;
	padding: 4px 0;

}

.footLogo {
	display: table;
}

.footLogo li {
	display: table-cell;
	vertical-align: middle;
}

.footLogo li.logo {
	display: inline-block;
	background-color: #fff;
	width: 175px;
	height: 175px;
	text-align: center;
	margin-right: 30px;
	border-radius: 20px;
}

.footLogo li.logo img {
	width: auto;
	height: 80%;
	padding-top: 10%;
}

.footLogo h2 {
	display: inline-block;
	font-size: 160%;
}


/* ========== ----- タブレット ----- ========== */
@media screen and (max-width: 980px) {
}


/* ===== ----- メイン ----- ===== */



/* ========== ----- スマホ ----- ========== */
@media screen and (max-width: 780px) {

body {
	font-size: 90%;
}

/* ----- 全体 ----- */

.pcView {
	display: none;
}

.spView {
	display: block;
}

a[href^="tel:"] {
	pointer-events: auto;
}

.detailTb.sp td,
.detailTb.sp th {
	display: block;
	width: 100% !important;
}

.detailTb.sp th {
	border-bottom: none;
}

.detailTb.sp td {
	margin-bottom: 5px;
}

.detailTb.sp.wd th {
	padding-top: 15px;
	padding-bottom: 0px;
}

.detailTb.sp.wd td {
	padding-top: 15px;
}

.wakuArea {
	padding: 4% 5% 5% 5%;
}

.scrlArea {
	margin-bottom: 20px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.col2.sp100 > li,
.col3.sp100 > li,
.sp100 > div.cols2,
.sp100 > div.cols3 {
	float: none;
	width: 100%;
	padding: 5% 0 5% 0;
}

.nmlBtn,
.nmlBtnArea a {
	width: 80%;
	font-size: 110%;
}


/* ----- slick -----*/

.prev-arrow {
	top: 44%;
	left: 1%;
	width: 24px;
	height: auto;
}

.next-arrow {
	top: 44%;
	right: 1%;
	width: 24px;
	height: auto;
}


/* ===== ----- ヘッダー ----- ===== */

.headArea .headMenu {
	display: none;
}

.headArea {
	padding: 0 75px 0 20px;
}

.headArea .logo {
	background-size: 173px 70px;
	width: 173px;
	height: 70px;
	margin: 2px 0px 2px 0px;
}

.nar .headArea .logo {
	background-size: 148px 60px;
	width: 148px;
	height: 60px;
	margin: 0px 0px 0px 0px;
}

.headArea .logo a:after {
	display: none;
	content: "";
}


/* ハンバーガー */

#g-nav {
	display: block;
	position: fixed;
	z-index: 800;
	top: -220%;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(255,255,255,0.9);
	transition: all 0.4s;
}

#g-nav.panelactive {
	top: 0;
}

#g-nav.panelactive #g-nav-list {
	position: fixed;
	z-index: 800;
	width: 100%;
	height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#g-nav ul.main {
	padding: 90px 20px 20px 20px;
}

#g-nav ul.main > li {
	border-bottom: 1px solid #ccc;
}

#g-nav ul.main > li > a,
#g-nav ul.main > li > label {
	display: block;
	background: url(../img/ico_arr_rt.svg) no-repeat right 10px center;
	background-size: 7px auto;
	font-size: 110%;
	font-weight: 600;
	color: #444;
	text-decoration: none;
	padding: 15px 14px 15px 14px;
}

#g-nav ul.main > li label {
	background: url(../img/ico_plus.svg) no-repeat right 7px center;
	background-size: 14px auto;
	cursor :pointer;
}

#g-nav ul.main > li a.extLink {
	background: url(../img/ico_extlink.svg) no-repeat right 4px center;
	background-size: auto 30%;
}

#g-nav ul.sub {
	padding: 0px 20px 30px 20px;
}

#g-nav ul.sub li {
	border-bottom: 1px dotted #ccc;
}

#g-nav ul.sub li a {
	display: block;
	background: url(../img/ico_arr_rt2.svg) no-repeat right 10px center;
	background-size: 5px auto;
	font-size: 90%;
	color: #000;
	text-decoration: none;
	padding: 8px 14px 8px 14px;
}

#g-nav ul.sub li a.extLink {
	background: url(../img/ico_extlink.svg) no-repeat right 4px center;
	background-size: auto 30%;
}

#g-nav ul.sns {
	text-align: center;
}

#g-nav ul.sns li {
	display: inline-block;
	padding: 10px;
}

#g-nav input {
	display: none;
}

#g-nav .accMenu {
	height: 0;
	padding: 0;
	border-bottom: none;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	transition: all 0.4s;
	transform: scale(1.0, 0);
	transform-origin: top;
}

#g-nav input:checked + * + ul {
	height: auto;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	overflow: visible;
	opacity: 1;
	transform: scale(1.0, 1.0);
}

#g-nav input[type=checkbox]:checked + label {
	background: url(../img/ico_minus.svg) no-repeat right 7px center;
	background-size: 14px auto;
}

#g-nav ul.main .accMenu li a {
	display: block;
	background: url(../img/ico_arr_rt2.svg) no-repeat right 10px center;
	background-size: 5px auto;
	font-size: 90%;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	padding: 6px 24px 6px 28px;
	border-top: 1px dotted #ccc;
}

.g-btn {
	display: block;
	position: fixed;
	z-index: 9990;
	top: 5px;
	right: 10px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	color: #1fa9e3;
	padding-top: 5px;
	transition: all 0.4s;
}

.nar .g-btn {
	top: -4px;
}

.g-btn span{
	display: inline-block;
	position: absolute;
	left: 8px;
	height: 4px;
	background-color: #bcb2a3;
	width: 70%;
	border-radius: 2px;
	transition: all .4s;
}

.g-btn span:nth-of-type(1) {
	top: 20px;
}

.g-btn span:nth-of-type(2) {
	top: 31px;
}

.g-btn span:nth-of-type(3) {
	top: 42px;
}

.g-btn.active span:nth-of-type(1) {
	top: 25px;
	left: 8px;
	width: 70%;
	transform: translateY(6px) rotate(-25deg);
}

.g-btn.active span:nth-of-type(2) {
	opacity: 0;
}

.g-btn.active span:nth-of-type(3){
	top: 37px;
	left: 8px;
	transform: translateY(-6px) rotate(25deg);
	width: 70%;
}


/* ===== ----- メイン ----- ===== */

.container,
.containerS {
	padding-right: 20px;
	padding-left: 20px;
}

.mainArea {
	padding-top: 76px;
}

.mainCon {
	padding-top: 10px;
	padding-bottom: 30px;
}

.pageTtlBg {
	padding: 7% 0;
	margin-bottom: 20px;
}

.pageTtlBg .h1Ttl {
	font-size: 4.5vw;
	font-weight: bold;
}

.pageTtlBg .h1Ttl span {
	font-size: 55%;
}

.nobr br {
	display: block;
}


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

.topsearchArea {
	padding: 15px 15px;
}

.slideArea {
	padding-top: 20px;
	padding-bottom: 10px;
}

.slideArea .txt {
	top: 5%;
	right: 5%;
	font-size: 4vw;
	line-height: 160%;
}

.slideArea .ph img {
	width: 100%;
	height: 60vw;
	max-height: 300px;
	border-radius: 0;
	object-fit: cover;
}

.slick-slide {
  margin: 0;
}

.topLink3c li a img,
.topLink4c li a img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.topLink3c li a .txt,
.topLink4c li a .txt {
	bottom: 10px;
	width: 80%;
	font-size: 110%;
	padding: 0 2px;
}

.topLink4c li {
	float: left;
	width: 31%;
	padding: 12px 3.5% 10px 0;
}

.topLink4c li:nth-child(4n),
.topLink4c li:nth-child(4n+1) {
	padding-right: 3.5%;
	clear: none;
}

.topLink4c li:nth-child(3n) {
	padding-right: 0;
}

.topLink4c li:nth-child(3n+1) {
	clear: both;
}

.placeDetail.col2 > li {
	padding: 6px 0;
}

.placeMore {
	text-align: center;
}

.reviewArea {
	padding-bottom: 60px;
}

.reviewArea p.txt {
	padding: 20px 0 0 0;
}

.reviewItem {
	background: #fef8ef url();
	height: auto;
	margin-top: -15px;
	padding: 35px 10px 35px 10px;
	border-radius: 20px;
}

.reviewLt {
	float: left;
	width: 46%;
}

.reviewRt {
	float: right;
	width: 49%;
}

.reviewRt .userTtl {
	background: url(../img/ico_user.png) no-repeat 0 center;
	background-size: 40px auto;
	min-height: 40px;
	font-size: 100%;
	padding: 10px 0 0 50px;
	box-sizing: border-box;
}

.reviewStar {
	float: none;
}

.reviewStar li.dogIco img {
	padding: 0 5px 0 0;
}

.reviewMore.spView {
	text-align: center;
	padding-top: 15px;
}

.reviewMore.spView a {
	background: url(../img/ico_arryel_rt.svg) no-repeat right 0 top 6px;
	background-size: 9px auto;
	font-size: 110%;
	text-decoration: none;
	padding: 0 20px 0 0;
}

.columnLink li {
	float: none;
	width: 100%;
	padding-right: 0;
}

.columnLink li a {
	display: table;
}

.columnLink li p {
	display: table-cell;
	width: 50%;
	line-height: 140%;
	vertical-align: middle;
}

.columnLink li a img {
	width: 90%;
	border: 6px solid #fff;
}

.sortLi label {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}

.itemInfo img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.detailMain .ph,
.detailMain .itemInfo {
	float: none;
	width: 100%;
}

.detailMain .ph {
	padding-bottom: 30px;
}

.tabMenu li a {
	min-height: 46px;
	font-size: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.detailLt,
.detailRt {
	float: none;
	width: 100%;
}

.detailRt {
	padding-top: 30px;
}

.infoTb th,
.infoTb td {
	display: block;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;

}

.detailMenu li img {
	border-radius: 10px;
}

.detailMenu li p {
	line-height: 130%;
}

.menuItem > dl > dt img {
	border-radius: 10px;
}

.menuItem > dl > dd h2 {
	font-size: 120%;
}


.menuPhotoLi li {
	float: left;
	width: 48%;
	padding: 2% 4% 2% 0;
}

.menuPhotoLi li:nth-child(3n) {
	padding-right: 4%; 
}

.menuPhotoLi li:nth-child(3n+1) {
	clear: none;
}

.menuPhotoLi li:nth-child(2n) {
	padding-right: 0; 
}

.menuPhotoLi li:nth-child(2n+1) {
	clear: both;
}

.menuPhotoLi li img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.menuPhotoLi li p {
	font-size: 90%;
	padding-top: 5px;
}

.reviewCard li {
	float: none;
	width: 100%;
	margin-bottom: 0;
	padding: 2% 0 2% 0;
}

.aboutMain {
	min-height: 500px;
}

.aboutMain h2 {
	font-size: 180%;
	padding: 40px 20px 30px 6%;
}

.aboutMain p {
	font-size: 120%;
	text-shadow: 0 0 8px rgba(255,255,255,0.9);
	padding: 0 20px 30px 6%;
}

.row {
	flex-direction: column;
}

.row .txt,
.row .ph {
	width: 100%;
}

.row-2 .ph {
	order: 2;
}

.row-2 .txt {
	order: 1;
}

.pageMain h1 {
	min-width: 280px;
	font-size: 160%;
	margin-top: -75px;
	margin-bottom: 30px;
	padding: 25px 10px;
	border-radius: 20px;
}

.pageMain h1 span {
	display: block;
	font-size: 60%;
	font-weight: normal;
}

.faqItem {
	margin-bottom: 20px;
	border-radius: 15px;
}

.faqItem .Label {
	padding: 15px 50px 10px 50px;
	display: block;
}

.faqItem .Label::before{
	content:"";
	width: 25px;
	height: 24px;
	background: url(../img/ico_plus.png) no-repeat 0 0;
	background-size: 25px auto;
	top: 16px;
	right: 10px;
}

.faqItem .Label::after {
	font-size: 240%;
	padding: 0 20px 0 10px;
}

.faqItem .content {
	padding: 0 20px 0 50px;
}

.faqItem .content::before {
	top: 12px;
	font-size: 240%;
	margin-top: -20px;
	padding: 0 20px 0 11px;
}

.faqItem .toggle:checked + .Label + .content {
	padding: 20px 20px 20px 50px;
}

.faqItem .toggle:checked + .Label + .content::before {
	margin-top: -10px;
	padding: 11px;
}

.faqItem .toggle:checked + .Label::before {
	background: url(../img/ico_minus.png) no-repeat 0 0;
	background-size: 25px auto;
	top: 26px;
}

.sizeItem li {
	float: none;
	width: 100%;
	padding: 1.5% 0;
}

.docArea ul {
	padding-left: 25px;
}


/* ===== ----- フッター ----- ===== */

.footLt,
.footRt {
	float: none;
	width: 100%;
	text-align: center;
}

.footLt:after {
	display: none;
}

.footRt {
	display: none;
}

.footLogo,
.footLogo li {
	display: block;
}

.footLogo li.logo {
	width: 150px;
	height: 150px;
	margin-bottom: 20px;
	margin-right: 0;
}


}


/* ========== ----- 調整 ----- ========== */
@media screen and (max-width: 450px) {

.topsearchArea ul li input,
.topsearchArea ul li select {
	min-height: 50px;
	font-size: 100%;
	padding: 6px 8px;
}

.topsearchArea ul li select {
	background: #fff url(../img/ico_sel.svg) no-repeat right 5px center;
	background-size: 12px auto;
}

.topsearchArea ul li.date {
	width: 46%;
}

.topsearchArea ul li.num {
	width: 24%;
}

.slideArea .txt {
	font-size: 6vw;
	line-height: 140%;
}

.itemInfo img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.aboutMain h2 {
	font-size: 6.0vw;
}

.aboutMain p {
	font-size: 4.0vw;
}

.pageMain h1 {
	min-width: 70%;
	font-size: 5.4vw;
	padding: 25px 5%;
}

}

/* ========== ----- 調整 ----- ========== */
@media screen and (max-width: 360px) {



}