@charset "UTF-8";

/* ---------------------------------
 width <= 1500px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1500px) {
	#panel4 .pickupContents__disc h3 {
		margin: 0 0 5px;
		font-size: 20px;
	}

	#panel4 .pickupContents__disc p {
		margin: 0 0 12px;
		font-size: 14px;
	}

	/* under 1500 */
}

/* ---------------------------------
 width <= 1400px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1400px) {
	.kodawariWorks__menuItem {
		margin: 0 0 30px;
	}

	.kodawariWorks__menuItem:nth-child(3n) {
		margin: 0 0 30px;
	}

	.kodawariWorks__menuItem:nth-last-child(2) {
		margin: 0 0 30px;
	}

	.kodawariWorks__menuItem:nth-child(2n) {
		margin: 0 0 30px 30px;
	}

	.kodawariWorks__menuItem:last-child {
		margin: 0;
	}

	.pickupContents__menuItem {
		flex: 0 0 calc(100% / 3);
		width: calc(100% / 3);
		height: auto;
		border-left: solid 1px #fff;
	}

	.pickupContents__menuItem:first-child {
		border-left: 0;
	}

	.frontBan__menulist {
		justify-content: center;
	}

	.frontBan__menuItem {
		margin: 0 auto;
	}

	.frontBan__menuItem:first-child {
		margin: 0 auto 30px;
	}

	/* under 1400 */
}

/* ---------------------------------
 width <= 1335px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1335px) {

	.skin#panel4,
	.wideSection {
		width: 910px;
		margin: auto;
	}

	#panel4 #pickupContents__menulist {
		flex-wrap: wrap;
	}

	#panel4 .pickupContents__menuItem {
		flex: 0 0 440px;
		width: 440px;
		margin: 0 0 30px;
		border-left: 0;
	}

	#panel4 .pickupContents__disc h3 {
		margin: 0 0 12px;
		font-size: 24px;
	}

	#panel4 .pickupContents__disc p {
		margin: 0 0 12px;
		font-size: 16px;
	}

	/* under 1335 */
}

/* ---------------------------------
 width <= 1199px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1199px) {
	.pickupContents__disc h3 {
		font-size: 20px;
	}

	.frontPageSection__short {
		width: 100%;
	}

	.instagram__item figure {
		flex: 0 0 calc(25% - 15px);
		margin: 0 0 15px;
	}

	#access .flexbox {
		display: block;
	}

	#accessMap {
		margin: 0 0 100px;
	}

	.frontPageSection__header2a {
		position: relative;
		margin: 0 0 50px;
		text-align: center;
		letter-spacing: 3px;
		font-weight: 700;
		font-size: 30px;
		color: var(--navy);
	}

	.frontPageSection__header2a:before {
		content: "";
		transform: rotate(23deg);
		display: inline-block;
		position: relative;
		top: 9px;
		width: 24px;
		height: 30px;
		border-left: solid 2px var(--navy);
		background-color: transparent;
	}

	.frontPageSection__header2a:after {
		content: "";
		transform: rotate(23deg);
		display: inline-block;
		position: relative;
		top: -1px;
		width: 27px;
		height: 30px;
		border-right: solid 2px var(--navy);
	}

	/* under 1199 */
}

/* ---------------------------------
 width <= 1023px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1023px) {
	.kodawariWorks__menuItem {
		width: calc(50% - 30px);
	}

	.kodawariWorks__menuItem a {
		width: 100%;
	}

	.kodawariWorks__photo {
		width: 100%;
	}

	#pickupContents__menulist {
		flex-wrap: wrap;
		width: 910px;
		margin: auto;
	}

	.pickupContents__menuItem {
		flex: 0 0 440px;
		width: 440px;
		margin: 0 auto 30px;
		border-left: 0;
	}

	.pickupContents__disc h3 {
		font-size: 24px;
	}

	/* under 1023 */
}

/* ---------------------------------
 width <= 950px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:950px) {
	#pickupContents__menulist {
		width: 740px;
		margin: auto;
	}

	.pickupContents__menuItem {
		flex: 0 0 360px;
		width: 360px;
		margin: 0 auto 20px;
	}

	.pickupContents__disc h3 {
		font-size: 21px;
	}

	.skin#panel4,
	.wideSection {
		width: 740px;
	}

	#panel4 .pickupContents__menuItem {
		flex: 0 0 360px;
		width: 360px;
		margin: 0 0 20px;
	}

	#panel4 .pickupContents__disc h3 {
		margin: 0 0 12px;
		font-size: 21px;
	}

	#panel4 .pickupContents__disc p {
		margin: 0 0 12px;
		font-size: 15px;
	}

	/* under 950 */
}

/* ---------------------------------
 width <= 839px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:839px) {
	.frontBan {
		width: 640px;
		height: 185px;
		margin: 0 auto 50px;
	}

	.frontBan .frontBan__menuItem {
		width: 640px;
		height: 185px;
	}

	.frontBan__menulist {
		display: block;
	}

	.frontBan__menuItem {
		width: 640px;
		height: 185px;
	}

	.frontBan__anchor {
		width: 640px;
		height: 185px;
	}

	/* under 839 */
}

/* ---------------------------------
 width <= 799px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:799px) {
	.kodawariWorks__menuItem {
		margin: 0 0 20px;
	}

	.kodawariWorks__menuItem:nth-child(3n) {
		margin: 0 0 20px;
	}

	.kodawariWorks__menuItem:nth-last-child(2) {
		margin: 0 0 20px;
	}

	.kodawariWorks__menuItem:nth-child(2n) {
		margin: 0 0 20px 20px;
	}

	.kodawariWorks__menuItem:last-child {
		margin: 0;
	}

	.kodawariWorks__menuItem--name {
		font-size: 22px;
	}

	/* under 799 */
}

/* ---------------------------------
 width <= 767px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:767px) {
	#pickupContents__menulist {
		width: 440px;
		margin: auto;
	}

	.pickupContents__menuItem {
		flex: 0 0 440px;
		width: 440px;
		margin: 0 auto 20px;
	}

	#panel4 .pickupContents__menuItem {
		flex: 0 0 440px;
		width: 440px;
		margin: 0 0 20px;
	}

	.topicsList__item {
		list-style-type: none;
		padding: 0 0 24px;
		margin: 0 0 24px;
		border-bottom: solid 1px var(--gray);
	}

	.topicsList__title {
		padding: 4px 0 0 20px;
	}

	.skin#panel4,
	.wideSection {
		width: 100%;
	}

	.banSection.first {
		margin: 0 auto;
	}

	/* under 767 */
}

/* ---------------------------------
 width <= 640px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:640px) {
	.frontBan {
		aspect-ratio: 1 / 0.3;
		width: 100%;
		height: auto;
		margin: 0 auto 50px;
	}

	.frontBan .frontBan__menuItem {
		aspect-ratio: 1 / 0.3;
		width: 100%;
		height: auto;
	}

	.frontBan .frontBan__menuItem {
		aspect-ratio: 1 / 0.3;
		width: 100%;
		height: auto;
	}

	.frontBan__menuItem {
		aspect-ratio: 1 / 0.3;
		width: 100%;
		height: auto;
	}

	.frontBan__anchor {
		aspect-ratio: 1 / 0.3;
		width: 100%;
		height: auto;
	}

	/* under 640 */
}

/* ---------------------------------
 width <= 639px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:639px) {
	.kodawariWorks__menuItem {
		width: calc(50% - 5px);
		margin: 0 0 10px;
	}

	.kodawariWorks__menuItem a {
		width: 100%;
	}

	.kodawariWorks__photo {
		width: 100%;
	}

	.kodawariWorks__menuItem:nth-child(3n) {
		margin: 0 0 10px;
	}

	.kodawariWorks__menuItem:nth-last-child(2) {
		margin: 0 0 10px;
	}

	.kodawariWorks__menuItem:nth-child(2n) {
		margin: 0 0 10px 10px;
	}

	.kodawariWorks__menuItem--name {
		font-size: 19px;
	}

	.topicsList__item {
		display: block;
		padding: 0 0 24px;
		margin: 0 0 24px;
	}

	.topicsList__date {
		width: 150px;
		height: 32px;
		margin: 0 auto 7px;
		line-height: 32px;
		font-size: 16px;
	}

	.topicsList__title {
		padding: 4px 0 0 0;
		font-size: 16px;
	}

	.viewDetails__outer {
		justify-content: center;
	}

	.frontBan__name--inner {
		flex: 0 0 280px;
		width: 280px;
	}

	/* under 639 */
}

/* ---------------------------------
 width <= 539px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:539px) {
	.frontPageSection {
		padding: 50px 0;
	}

	.frontPageSection__header2 {
		margin: 0 0 40px;
		letter-spacing: 2px;
		font-size: 25px;
	}

	#pickupContents__menulist {
		width: calc(100% - 20px);
		margin: auto;
	}

	.pickupContents__menuItem {
		flex: 0 0 100%;
		width: 100%;
		margin: 0 auto 20px;
	}

	.frontBan__name {
		font-size: 23px;
	}

	.frontBan__name--inner {
		flex: 0 0 220px;
		width: 220px;
	}

	.frontBan__name--j {
		padding: 0 0 10px;
		margin: 0 0 10px;
		letter-spacing: 3px;
		font-size: 24px;
	}

	.frontBan__name--e {
		letter-spacing: 2px;
		font-size: 17px;
	}

	.frontBan__menulist .frontBan__name:before {
		flex: 0 0 70px;
		padding: 0 10px;
	}

	.frontBan__menulist .frontBan__name:after {
		flex: 0 0 70px;
		padding: 0 10px;
		font-size: 23px;
	}

	#panel4 .pickupContents__menuItem {
		flex: 0 0 100%;
		width: 100%;
		margin: 0 0 20px;
	}

	.instagram__item figure {
		flex: 0 0 calc(50% - 10px);
		line-height: 1;
		margin: 0 0 20px;
	}

	.instagram__item figure:nth-child(5),
	.instagram__item figure:nth-child(6),
	.instagram__item figure:nth-child(7),
	.instagram__item figure:nth-child(8) {
		display: none;
	}

	.googleMap {
		padding-bottom: 100%;
	}

	.xo-months {
		display: block;
		justify-content: space-between;
		margin: 0 0 20px;
	}

	.xo-month-wrap {
		margin: 0 0 20px;
	}

	/* under 539 */
}

/* ---------------------------------
 width <= 430px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:430px) {
	.kodawariWorks__menuItem--name {
		letter-spacing: 1px;
		font-size: 18px;
	}

	.topicsList {
		display: none;
	}

	#whatsNew .frontPageSection__header2 {
		margin: 0 0 20px;
	}

	.frontBan__name {
		font-size: 21px;
	}

	.frontBan__name--inner {
		flex: 0 0 180px;
		width: 180px;
	}

	.frontBan__name--j {
		padding: 0 0 10px;
		margin: 0 0 10px;
		letter-spacing: 2px;
		font-size: 21px;
	}

	.frontBan__name--e {
		letter-spacing: 2px;
		font-size: 16px;
	}

	.frontBan__menulist .frontBan__name:before {
		flex: 0 0 70px;
		padding: 0 10px;
	}

	.frontBan__menulist .frontBan__name:after {
		flex: 0 0 70px;
		padding: 0 10px;
		font-size: 20px;
	}

	/* under 430 */
}

/* ---------------------------------
 width <= 389px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:389px) {
	.frontPageSection__header2 {
		margin: 0 0 30px;
		letter-spacing: 1px;
		font-size: 22px;
	}

	.frontPageSection__header2:before {
		top: 9px;
		width: 20px;
		height: 27px;
	}

	.frontPageSection__header2:after {
		top: -1px;
		width: 22px;
		height: 27px;
	}

	.frontBan__name--inner {
		flex: 0 0 150px;
		width: 150px;
	}

	.frontBan__name--j {
		letter-spacing: 2px;
		font-size: 21px;
	}

	.frontBan__name--e {
		letter-spacing: 2px;
		font-size: 16px;
	}

	.frontBan__menulist .frontBan__name:before {
		flex: 0 0 50px;
	}

	.frontBan__menulist .frontBan__name:after {
		flex: 0 0 50px;
		font-size: 19px;
	}

	/* under 389 */
}

/* ---------------------------------
 width <= 375px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:375px) {
	#kodawariWorks__menulist {
		display: block;
	}

	.kodawariWorks__menuItem {
		width: 100%;
		margin: 0 0 10px;
	}

	.kodawariWorks__menuItem:nth-child(3n) {
		margin: 0 0 10px;
	}

	.kodawariWorks__menuItem:nth-last-child(2) {
		margin: 0 0 10px;
	}

	.kodawariWorks__menuItem:nth-child(2n) {
		margin: 0 0 10px;
	}

	/* under 375 */
}

/* end of css */