@charset "utf-8";

/* CSS Document */
/*==================================================
 posts common
==================================================*/
.archivePage .date {
	font-size: 1.6rem;
	font-family: var(--noto);
	color: #4e9151;
	letter-spacing: 0.08em;
	min-width: 8em;
}

.singlePage iframe {
	max-width: 100%;
}

.secTtl01 {
	font-size: 2.3rem;
	font-weight: bold;
	text-align: center;
	padding-bottom: 1.5rem;
	position: relative;
	margin-bottom: 2.5rem;
}

.secTtl01::after {
	content: "";
	display: block;
	width: 30px;
	height: 3px;
	background: var(--color-main);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

/*************** 一覧 ****************/
.archivePage .itemList {
	padding-top: calc(3% + 40px);
}

/*************** 投稿 ****************/
.singlePage .contentWrap {
	padding-top: calc(3% + 40px);
	min-height: 40rem;
}

/*************** 投稿タイトル ****************/
.singlePage .ttlBox {
	border-bottom: 1px solid #111;
	margin-bottom: 2%;
}

.singlePage .ttlBox h3 {
	padding-bottom: 2%;
	font-size: 2.8rem;
	font-weight: bold;
}

.singlePage .ttlBox .date {
	font-size: 1.9rem;
	font-weight: bold;
	font-family: var(--noto);
	letter-spacing: 0.08em;
	color: var(--color-main);
}

/*************** 投稿content内css ****************/
.singlePage .contentBox {
	padding: 0 20px;
	margin-bottom: 50px;
	font-size: 1.8rem;
	font-family: var(--noto);
}

.singlePage .contentBox img {
	width: inherit;
	max-width: 100%;
	height: auto;
}

.singlePage .contentBox a {
	display: inline;
}

.singlePage .contentBox p {
	margin-bottom: 10px;
}

.singlePage .contentBox .aligncenter {
	margin: auto;
	display: table;
}

.singlePage .contentBox .alignright {
	margin-left: auto;
	display: table;
}

.singlePage .contentBox table td,
.singlePage .contentBox table th {
	padding: 10px;
	border: 1px solid #ccc;
}

.singlePage .contentBox table th {
	background-color: var(--color-main);
	color: #fff;
	vertical-align: middle;
}

/*************** アクセスマップ ****************/
.mapBox {
	margin: 5% 0;
}

.mapBox iframe {
	width: 100%;
}

/*************** 一覧ページャー ****************/
.archivePager #wp_page_numbers li.page_info {
	font-size: 1.6rem;
	padding: 1.3rem;
	font-family: var(--noto);
	color: var(--color-main);
	border: none;
}

.archivePager #wp_page_numbers a {
	font-size: 1.8rem;
	padding: 1.3rem;
	color: var(--black);
}

.archivePager #wp_page_numbers li.active_page a {
	background-color: var(--color-main);
	color: #fff;
	border: 1px solid #4e9151;
}

.archivePager #wp_page_numbers li.active_page a:hover {
	border: 1px solid #4e9151;
	text-decoration: none;
	color: #fff;
	opacity: 1;
}

.archivePager #wp_page_numbers li a:hover {
	opacity: 1;
}

/*************** 詳細ページャー ****************/
.singlePager {
	margin-top: 5%;
	padding: 0.5em;
	background: #eee;
}

.singlePager .pagerList {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	transform: rotate(0.03deg);
}

.singlePager li.archive:before,
.singlePager li.archive:after {
	content: "｜";
}

.singlePager li.prev {
	min-width: 5em;
	text-align: right;
}

.singlePager li.prev :before {
	content: "\ff1C \a0";
	font-size: 0.6em;
}

.singlePager li.next {
	min-width: 5em;
	text-align: left;
}

.singlePager li.next :after {
	content: "\a0 \FF1E";
	font-size: 0.6em;
}

/*************** 準備中 ****************/
.preparationBox {
	margin-top: 80px;
}

.preparationBox h3 {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
	transform: rotate(0.03deg);
}

.preparationBox p {
	text-align: center;
	margin-top: 5px;
}

/*==================================================
 optionBox
==================================================*/
.archivePage .optionBox {
	margin-top: calc(3% + 40px);
	padding: 2%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 1.9rem;
}

.archivePage .optionBox__ttl {
	margin-bottom: 1%;
}

.archivePage .optionBox__itemList {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2%;
}

.archivePage .optionBox__itemList__item {
	min-width: 19%;
	margin-right: 1%;
}

.archivePage .optionBox__itemList__item:nth-of-type(5n) {
	margin-right: 0;
}

.archivePage .optionBox__itemList__item input {
	display: none;
}

.archivePage .optionBox__itemList__item label {
	display: block;
	padding: 1em 0.25em;
	background: #eee;
	color: #999;
	text-align: center;
	line-height: 1;
	border-radius: 2em;
	transition: .3s;
	font-weight: bold;
}

.archivePage .optionBox__itemList__item input:checked+label {
	background: var(--color-main);
	color: #fff;
}

.archivePage .optionBox .btn_search {
	font-size: 2rem;
	line-height: 100%;
	width: 90%;
	max-width: 300px;
	padding: 1em;
	font-weight: bold;
	background: var(--color-main) linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2) 50%, transparent 50%);
	color: #fff;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.archivePage .optionBox .btn_search:hover {
	opacity: 0.7;
}

/*==================================================
 newarrivalsPage
==================================================*/
.newarrivalsPage {
	margin-bottom: 0;
}

.newarrivalsPage .itemList {
	display: block;
	margin: 0 auto 3rem;
}

.newarrivalsPage .itemList li a {
	display: flex;
	font-size: 2rem;
	justify-content: flex-start;
	align-items: center;
	padding: 1.5rem 3rem 1.5rem 2rem;
	border-bottom: 0.1rem dotted var(--color-main);
	position: relative;
}

.newarrivalsPage .itemList li a::after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	border-top: 1px solid var(--color-main);
	border-right: 1px solid var(--color-main);
	top: 50%;
	right: 1em;
	transform: rotate(45deg) translateY(-50%);
}

.newarrivalsPage .itemList li:first-child a {
	border-top: 0.1rem dotted var(--color-main);
}

@media screen and (min-width: 1135px) {
	.newarrivalsPage .itemList li a:hover {
		background: #e0f0e7;
		opacity: 1;
	}
}

.newarrivalsPage .itemList .item h3 {
	font-size: 2rem;
	font-weight: bold;
	margin-left: 1.8rem;
	width: 82%;
	transform: rotate(0.03deg);
}

/*==================================================
 topicsPage/recruitPage
==================================================*/
.topicsPage,
.recruitPage {
	margin-bottom: 0;
}

.topicsPage .icon_new,
.recruitPage .icon_new {
	margin-left: 0.7rem;
}

.topicsPage .itemList,
.recruitPage .itemList {
	display: block;
	margin: 0 auto 3rem;
}

.topicsPage .itemList li a,
.recruitPage .itemList li a {
	display: flex;
	font-size: 2rem;
	justify-content: flex-start;
	align-items: center;
	padding: 1.5rem 2rem;
	border-bottom: 0.1rem dotted var(--color-main);
	position: relative;
}

.topicsPage .itemList li a::after,
.recruitPage .itemList li a::after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	border-top: 1px solid var(--color-main);
	border-right: 1px solid var(--color-main);
	top: 50%;
	right: 1em;
	transform: rotate(45deg) translateY(-50%);
}

.topicsPage .itemList li:first-child a,
.recruitPage .itemList li:first-child a {
	border-top: 0.1rem dotted var(--color-main);
}

@media screen and (min-width: 1135px) {

	.topicsPage .itemList li a:hover,
	.recruitPage .itemList li a:hover {
		background: #e0f0e7;
		opacity: 1;
	}
}

.topicsPage .itemList .item h3,
.recruitPage .itemList .item h3 {
	font-size: 2rem;
	font-weight: bold;
	margin-left: 1.8rem;
	transform: rotate(0.03deg);
}

.topics__dateWrap,
.recruit__dateWrap {
    flex-shrink: 0;
}

.recruitPage .entrytbl {
	margin-top: 2%;
}

/*==================================================
 eventPage
==================================================*/
.eventPage {
	padding: 0 0 50px 0;
}

.eventPage .itemList {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	padding-left: 8px;
	padding-right: 8px;
}

.eventPage .itemList .item:nth-of-type(3n-1) {
	margin-right: 3.3%;
	margin-left: 3.3%;
}

.eventPage .itemList .item .end img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

/*************** eventBox ****************/
.eventBox__item__info__content {
	margin-top: 0.5em;
	padding: 0.5em;
	background: #eee;
	transform: rotate(0.03deg);
}

.eventBox .itemList .item {
	width: 31%;
	max-width: 350px;
	background: #fff;
	border: 1px solid #111;
	margin: 0 0 3%;
}

.eventBox .itemList .item a {
	display: block;
}

.eventBox__item__photo {
	height: 19.5vw;
	max-height: 23rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.eventBox .eventBox__item__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.eventBox__item__info {
	padding: 4%;
}

.eventBox__item__info__icon {
	display: flex;
}

.eventBox__item__info__icon .icon_new {
	display: flex;
	align-items: center;
}

.eventBox__item__info__title {
	font-weight: bold;
	margin: 2% 0;
	font-size: 1.8rem;
}

.eventBox__item__info__span {
	font-family: var(--noto);
}

.eventBox__item__info__span ul {
	display: flex;
	flex-wrap: wrap;
}

.eventBox__item__info__span li:not(:last-child)::after {
	content: "・";
}

/*************** eventPage-single ****************/
.eventPage-single {
	margin-top: 0;
	padding-bottom: 0;
}

.eventPage-single .ttlBox {
	margin-top: 2%;
}

.eventPage-single .ttlBox__icon {
	margin-bottom: 1em;
}

/*---------- info ----------*/
.eventPage-single .infoBox__table {
	width: 80%;
	font-size: 1.2em;
	margin: 3% auto;
	border: 2px solid #111;
	transform: rotate(0.03deg);
}

.eventPage-single .infoBox__table td ul {
	display: flex;
	flex-wrap: wrap;
}

.eventPage-single .infoBox__table td ul li:not(:last-child):after {
	content: "・";
}

.eventPage-single .infoBox__table tr {
	border-bottom: 1px solid #111;
}

.eventPage-single .infoBox__table th {
	padding: 20px;
	width: 120px;
	font-weight: bold;
	text-align: center;
}

.eventPage-single .infoBox__table td {
	padding: 20px 0;
	max-width: 780px;
	font-family: var(--noto);
}

.eventPage-single .infoBox__table td .btn_access a {
	padding: 0.25em 1em;
	display: inline-block;
	border: 2px solid #111;
	box-sizing: border-box;
	font-size: 0.8em;
	margin-left: 1em;
}

.eventPage-single .infoBox__table td .btn_access a:hover {
	background: #ff0;
}

/*---------- btnBox ----------*/
.eventPage-single #btnBox {
	margin-bottom: 50px;
}

.eventPage-single #btnBox p.btn_reserve,
.eventPage-single #btnBox p.btn_end {
	width: 50%;
	text-align: center;
	margin: 0 auto;
	font-size: 1.2em;
	font-weight: bold;
}

.eventPage-single #btnBox p.btn_reserve a {
	text-align: center;
	margin: 0 auto;
	display: block;
	text-decoration: none;
	padding: 1em;
	font-size: 1.2em;
	font-weight: bold;
	background: var(--color-main) linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2) 50%, transparent 50%);
	color: #fff;
	transform: rotate(0.03deg);
}

.eventPage-single #btnBox p.btn_end {
	padding: 1.5em 0;
	background: #999;
	color: #fff;
	transform: rotate(0.03deg);
}

/*---------- pointBox ----------*/
.eventPage-single .pointBox__pointList {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.2em;
}

.eventPage-single .pointBox__pointList__item {
	width: 50%;
	padding: 0.5em 0.5em 0.5em 2em;
	position: relative;
}

.eventPage-single .pointBox__pointList__item::before,
.eventPage-single .pointBox__pointList__item::after {
	content: "";
	display: block;
	position: absolute;
}

.eventPage-single .pointBox__pointList__item::before {
	width: 1.5em;
	height: 1.5em;
	background: #ffffff;
	border: 2px solid var(--color-main);
	left: 0;
	top: 0.5em;
}

.eventPage-single .pointBox__pointList__item::after {
	border-left: 4px solid var(--color-main);
	border-bottom: 4px solid var(--color-main);
	width: 1.2em;
	height: 0.7em;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 6px;
	top: 10px;
	box-shadow: 0 2px 0 0 #fff;
}

/*==================================================
 blogPage：スタッフブログ
==================================================*/
.blogPage .catList {
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(3% + 40px);
	background: #eee;
	padding: 1em;
}

.blogPage .catList .cat-item {
	margin-right: 1%;
	margin-bottom: 0.5em;
}

.blogPage .catList .cat-item a {
	display: block;
	border: 1px solid var(--color-main);
	background: #fff;
	color: var(--color-main);
	padding: 0.5em;
	font-weight: bold;
	text-align: center;
	transform: rotate(0.03deg);
}

.blogPage .catList .cat-item.current-cat a {
	background: var(--color-main);
	color: #fff;
	transform: rotate(0.03deg);
}

.blogPage__blogBox {
	padding-top: 0;
	margin-top: 3%;
	display: flex;
	flex-wrap: wrap;
}

.blogBox__item {
	width: 31%;
	max-width: 350px;
	background: #fff;
	border: 1px solid #111;
	margin-bottom: 4%;
}

.blogBox__item:nth-of-type(3n-1) {
	margin-right: 3.5%;
	margin-left: 3.5%;
}

.blogBox__item a {
	width: 100%;
}

/*single*/
.blogPage-single .ttlBox__icon {
	margin-bottom: 1em;
}

.blogPage-single .mainimgBox {
	margin-bottom: 4%;
}

.blogBox__item__photo {
	height: 16.5vw;
	max-height: 230px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.blogBox .blogBox__item__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.blogBox__item__info {
	padding: 4%;
}

.blogBox__item__icon .icon {
	margin-bottom: 5px;
}

.blogBox .textBox {
	font-family: var(--noto);
}

.blogBox__item__title h3 {
	padding: 0.5em 0;
	font-weight: bold;
	font-size: 1.8rem;
	transform: rotate(0.03deg);
}

/* その他の記事 */
.blogPage__blogList {
	padding-top: 0;
	margin-top: 3%;
	display: flex;
	flex-wrap: wrap;
}


/*wysiwyg style*/
.content-wysiwyg p {
	margin: 10px 0;
}

.content-wysiwyg img,
.content-wysiwyg iframe {
	max-width: 100%;
}

.content-wysiwyg img {
	width: auto !important;
}

.content-wysiwyg h1 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 2px var(--color-main);
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.content-wysiwyg h2 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: dotted 1px var(--color-main);
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.content-wysiwyg h3 {
	font-weight: bold;
	padding-left: 10px;
	border-left: 3px solid var(--color-main);
	margin-bottom: 10px;
}

.content-wysiwyg h4 {
	font-weight: bold;
	margin-bottom: 10px;
}


/*==================================================
 staffPage：スタッフ紹介
==================================================*/
.staff__ttl {
	font-size: 2.2rem;
	margin: 4rem 0 3rem;
	background-color: var(--color-main);
	border-radius: 0.5rem;
	padding: 0.2rem 1rem;
	color: #fff;
	font-weight: bold;
}

.staffPage .itemList {
	display: flex;
	flex-wrap: wrap;
	padding-top: 0;
}

.staffPage .itemList .item {
	width: 31%;
	max-width: 350px;
	margin: 0 0 3%;
}

.staffPage .itemList .item:nth-of-type(3n-1) {
	margin-right: 3.3%;
	margin-left: 3.3%;
}

.staffPage .itemList .item a {
	display: block;
}

.staffBox__item__photo {
	width: 24vw;
	max-width: 240px;
	height: 24vw;
	max-height: 240px;
	margin: 0 auto 3%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eee;
}

.staffBox__item__photo img {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.staffBox__item__info {
	text-align: center;
}

.staffBox__item__info__depart {
	font-family: var(--noto);
}

.staffBox__item__info__title .name {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	transform: rotate(0.03deg);
}

.staffBox__item__info__title .phonetic {
	color: #666;
}

/*single*/
.staffPage .mainimgBox {
	background: #eee;
	margin-top: -3%;
}

.staffPage .mainimgBox__inner {
	display: flex;
	align-items: center;
}

.staffPage .mainimgBox__photo,
.staffPage .mainimgBox__title {
	width: 50%;
}

.staffPage .mainimgBox__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50vw;
	max-height: 480px;
	overflow: hidden;
}

.staffPage .mainimgBox__photo img {
	object-fit: cover;
}

.staffPage .mainimgBox__title {
	padding-left: 3%;
	font-size: 1.2em;
}

.staffPage .depart {
	font-family: var(--noto);
}

.staffPage .mainimgBox__title .name {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 2%;
}

.staffPage .mainimgBox__title .phonetic {
	color: #666;
}

.staffPage .infoBox__inner {
	margin-top: 4%;
	font-size: 1.2em;
}

.staffPage .infoBox__inner dl {
	display: flex;
	margin-top: 1%;
}

.staffPage .infoBox__inner dt {
	padding: 0.5em;
	background: var(--color-main);
	color: #fff;
	font-weight: bold;
	width: 240px;
	text-align: center;
	flex-shrink: 0;
	transform: rotate(0.03deg);
}

.staffPage .infoBox__inner dd {
	padding: 0.5em;
	transform: rotate(0.03deg);
}

.staffPage .infoBox__message {
	margin-top: 4%;
}

.staffPage .infoBox__message p {
	text-align: center;
	font-size: 1.2em;
	transform: rotate(0.03deg);
}


/*==================================================
 leafletsPage：チラシ情報
==================================================*/
.leaflet__shoplist {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 4rem;
}

.leaflet__shoplist li {
	margin-right: 1rem;
}

.leaflet__shoplist li:last-child {
	margin-right: 0;
}

.leaflet__shoplist li a {
	min-width: 18rem;
	text-align: center;
	background-color: var(--orange);
	border-radius: 2.5rem;
	font-size: 1.8rem;
	transform: rotate(0.03deg);
	color: #fff;
	padding: 1rem 6rem 1rem 4.4rem;
	position: relative;
}

.leaflet__shoplist li a::before {
	position: absolute;
	content: '';
	width: 2.6rem;
	height: 1.3rem;
	background: url(/share/img/common/icon_arrowWhite.png) center/100% no-repeat;
	top: 45%;
	right: 2rem;
	transform: translateY(-50%);
}

.leaflet__shoplist li.here {
	min-width: 14rem;
	text-align: center;
	background-color: #a9a9a9;
	border-radius: 2.5rem;
	font-size: 1.8rem;
	transform: rotate(0.03deg);
	color: #fff;
	padding: 1rem;
}

.leaflet__listwrap {
	display: flex;
	flex-wrap: wrap;
}

.leaflet__item {
	width: calc((100% - 10rem)/3);
	margin-right: 5rem;
	margin-bottom: 6rem;
}

.leaflet__item:nth-child(3n) {
	margin-right: 0;
}

.leaflet__date {
	color: var(--color-main);
	font-size: 1.8rem;
	font-weight: 500;
	transform: rotate(0.03deg);
}

.leaflet__ttl {
	font-size: 2rem;
	transform: rotate(0.03deg);
	margin-bottom: 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.leaflet__image {
	margin-bottom: 2rem;
	overflow: hidden;
	text-align: center;
}

.leaflet__image a {
	border: 1px solid #d2d2d2;
	width: 100%;
}

.leaflet__image img {
	object-fit: cover;
	height: 24.6rem;
}

.btn_pdf {
	width: 23rem;
	margin: 0 auto;
}


/*///////////////////////////////////////////////////////////

スマホ版（0px～767px）

///////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px) {

	/*==================================================
      スマートフォン版 MAIN
    ==================================================*/
	/*************** 投稿タイトル ****************/
	.singlePage .ttlBox .date {
		font-size: 1.6rem;
	}

	.singlePage .ttlBox h3 {
		font-size: 2.3rem;
	}

	/*************** 一覧ページャー ****************/
	.archive_pager .wp-pagenavi {
		margin-top: 5% !important;
	}

	/*************** 投稿content内css ****************/
	.singlePage .contentWrap {
		min-height: 35rem;
	}

	.singlePage .contentBox {
		padding: 0 2%;
		margin-bottom: 5%;
		font-size: 1.7rem;
	}

	/*==================================================
	 スマホ版 posts common
	==================================================*/
	.secTtl01 {
		font-size: 2rem;
	}

	.singlePage .secTtl01 {
		font-size: 2rem;
		margin-bottom: 4%;
	}

	/*==================================================
	 スマホ版 optionBox
	==================================================*/
	.archivePage .optionBox {
		margin-top: calc(4% + 46px);
		padding: 4%;
		font-size: 1.4rem;
	}

	.archivePage .optionBox__itemList__item {
		margin: 0 0 2%;
		width: 50%;
	}

	.archivePage .optionBox__itemList__item:first-of-type {
		width: 100%;
	}

	.archivePage .optionBox__itemList__item input {
		display: none;
	}

	.archivePage .optionBox__itemList__item label {
		width: 96%;
		min-width: auto;
		max-height: 4em;
		margin: 0 auto;
	}

	/*==================================================
      スマホ版 topicsPage／recruitPage
    ==================================================*/
	.topicsPage .itemList li a,
	.recruitPage .itemList li a {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.topicsPage .itemList .item h3,
	.recruitPage .itemList .item h3 {
		margin-left: 0;
		width: 100%;
		padding-right: 1em;
		order: 2;
	}

	.topicsPage .icon_new,
	.recruitPage .icon_new {
		order: 1;
	}

	/*==================================================
      スマホ版 newarrivalsPage
    ==================================================*/
	.newarrivalsPage .itemList li a {
		flex-direction: column;
		align-items: flex-start;
		padding: 1.5rem 3rem 1.5rem 2rem;
	}

	.newarrivalsPage .itemList .item h3 {
		margin: 0;
		font-size: 1.8rem;
	}

	.newarrivalsPage .itemList li a .date {
		margin-bottom: 0.5rem;
	}

	/*==================================================
      スマホ版 eventPage
    ==================================================*/
	.eventPage {
		margin: 0;
		padding-bottom: 7%;
	}

	.eventPage .itemList {
		display: block;
	}

	.eventPage .itemList .item,
	.eventPage .itemList .item:nth-of-type(3n-1) {
		width: 96%;
		margin: 0 auto 8%;
	}

	.eventPage .eventBox__item__photo {
		height: 58.5vw;
	}

	/*single*/
	/*---------- info ----------*/
	.eventPage-single .infoBox__table {
		font-size: 1em;
		margin-bottom: 4%;
	}

	.eventPage-single .infoBox__table th,
	.eventPage-single .infoBox__table td {
		padding: 4% 1%;
	}

	.eventPage-single .infoBox__table th {
		width: 70px;
	}

	/*---------- btnBox ----------*/
	.eventPage-single #btnBox p.btn_reserve,
	.eventPage-single #btnBox p.btn_end {
		width: 80%;
		font-size: 1em;
	}

	/*---------- pointBox ----------*/
	.eventPage-single .pointBox__pointList {
		width: 80%;
		margin: 0 auto;
		display: block;
		font-size: 1em;
	}

	.eventPage-single .pointBox__pointList__item {
		width: 100%;
	}

	/*==================================================
	 スマホ版 blogPage
	==================================================*/
	.blogPage .catList {
		margin-top: calc(4% + 46px);
		margin-bottom: 4%;
	}

	.blogPage .catList .cat-item:first-child {
		width: 100%;
		margin-right: 0;
	}

	.blogPage__blogBox {
		display: block;
	}

	.blogBox__item,
	.blogBox__item:nth-of-type(3n-1) {
		width: 96%;
		margin: 0 auto 8%;
	}

	.blogBox__item__photo {
		height: 58.5vw;
	}

	/*single*/
	.blogPage-single .otherBox .itemList .item {
		max-width: none;
	}

	.blogPage-single .otherBox .itemList .item a {
		display: flex;
	}

	.blogPage-single .otherBox .itemList .item .blogBox__item__photo {
		width: 50%;
		height: inherit;
		flex-shrink: 0;
	}

	/*==================================================
	 スマホ版 staffPage
	==================================================*/
	.staffPage .itemList {
		display: flex;
		flex-wrap: wrap;
	}

	.staffPage .itemList .item,
	.staffPage .itemList .item:nth-of-type(3n-1) {
		width: 50%;
		min-width: 240px;
		margin: 0 auto 4%;
	}

	.staffBox__item__photo {
		width: 200px;
		height: 200px;
	}

	.staffBox__item__info__title {
		text-align: center;
	}

	.staffBox__item__info__title .name {
		font-size: 1em;
	}

	/*single*/
	.staffPage .mainimgBox__inner {
		flex-direction: column;
	}

	.staffPage .mainimgBox__photo,
	.staffPage .mainimgBox__title {
		width: 80%;
		margin: 0 auto;
	}

	.staffPage .mainimgBox__photo {
		height: 75vw;
		max-height: 320px;
	}

	.staffPage .mainimgBox__title {
		padding: 4% 0;
		text-align: center;
	}

	.staffPage .mainimgBox__title .name {
		text-align: center;
	}

	.staffPage .infoBox__inner {
		font-size: 1em;
	}

	.staffPage .infoBox__inner dl {
		flex-wrap: wrap;
	}

	.staffPage .infoBox__inner dt {
		width: 100%;
		text-align: left;
	}

	.staffPage .infoBox__message p {
		font-size: 1em;
	}

	/*==================================================
 スマホ版leafletsPage：チラシ情報
==================================================*/
	.leaflet__shoplist {
		flex-wrap: wrap;
		margin-bottom: 1rem;
	}

	.leaflet__shoplist li {
		width: calc((100% - 1rem)/2);
	}

	.leaflet__shoplist .ohershop~.ohershop {
		margin-right: 0;
	}

	.leaflet__shoplist li.here {
		display: none;
	}

	.leaflet__shoplist li a {
		width: 100%;
		min-width: unset;
		padding: 7% 11% 7% 7%;
	}

	.leaflet__shoplist li a::before {
		width: 7vw;
		height: 3.5vw;
		right: 5%;
	}

	.leaflet__item {
		width: 90%;
		margin: 0 auto 3rem;
	}

	.leaflet__item:nth-child(3n) {
		margin-right: auto;
	}

	.leaflet__ttl {
		font-size: 1.8rem;
	}

	.leaflet__image img {
		height: 25vh;
	}
}

/*///////////////////////////////////////////////////////////

タブレット版（768px～1139px）

///////////////////////////////////////////////////////////*/
@media only screen and (min-width: 768px) and (max-width: 1139px) {

	/*==================================================
	 タブレット版 newarrivalsPage
	==================================================*/
	.newarrivalsPage .itemList li a .date {
		width: 25%;
	}

	/*==================================================
	 タブレット版 topicssPage
	==================================================*/
	.topicssPage .itemList li a .date {
		width: 25%;
	}

}