@charset "UTF-8";

/*
Theme Name: selfmade
Theme URI: 
Author: kaizaki
Author URI: 
Description: selfmade
*/

html {
	overflow: auto;
}

/*======================================================
PCサイズ・タブレット（600px以上）
======================================================*/
@media screen and (min-width: 600px),
print {

	/* ----------------------------------------------
TOP
------------------------------------------------- */

	/*MV*/
	#mv {
		position: relative;
		width: 100vw;
		height: 100vh;
		max-height: 900px;
		/*background-color: #90ee90;*/

		img {
			position: absolute;
			left: 50%;
			bottom: 0;
			width: auto;
			max-width: none;
			height: 95%;
			max-height: 820px;
			-webkit-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
		}
	}

	/*relief*/
	#relief .content {
		max-width: 1230px;
		padding: 25px 0 75px;

		h2 {
			&::before {
				content: '';
				position: absolute;
				bottom: 0;
				display: block;
				width: 60px;
				height: 100px;
				left: -100px;
				background-image: url(../images/top_relief_h_l.png);
				background-position: center;
				background-repeat: no-repeat;
				background-size: auto 80%;
				-webkit-transform: translateX(0%);
				transform: translateX(0%);
				background-color: inherit;
				border-radius: inherit;
			}

			&::after {
				content: '';
				position: absolute;
				bottom: 0;
				display: block;
				width: 60px;
				height: 100px;
				right: -100px;
				background-image: url(../images/top_relief_h_r.png);
				background-position: center;
				background-repeat: no-repeat;
				background-size: auto 80%;
			}
		}

		li {
			position: relative;
			float: left;
			width: 22%;
			margin: 0 1.5%;
			text-align: left;

			img {
				width: 100%;
				height: auto;
				margin: 0 0 30px;
				border-radius: 300px;
			}

			h3 {
				margin: 0 0 15px;
				font-size: 2.2rem;
				font-weight: bold;
				text-align: center;
			}
		}
	}

	/*point*/
	#point .content {
		width: auto;
		max-width: none;
		margin: 0 100px;
		padding: 115px 0 25px;
		background-image: url(../images/back01.png);
		background-position: center;
		background-repeat: repeat;
		background-size: auto 20px;

		h2 {
			position: relative;
			display: inline-block;
			margin: 0 0 30px;
			font-size: 3.0rem;
			font-weight: bold;
			letter-spacing: 0.075em;

			&::before {
				content: '';
				position: absolute;
				top: -75px;
				display: block;
				width: 60px;
				height: 60px;
				background-image: url(../images/top_point_h.png);
				background-position: center;
				background-repeat: no-repeat;
				background-size: auto 100%;
				background-color: inherit;
				border-radius: inherit;
			}
		}

		li {
			position: relative;
			float: none;

			&.left {
				margin: 0 100px 70px 0;
				text-align: left;
			}

			&.right {
				margin: 0 0 70px 100px;
				text-align: right;
			}

			img {
				width: 65%;
			}

			.textContent {
				position: absolute;
				bottom: 0;
				width: 30%;
				padding: 75px;
				background-color: #fff;
				border-top: 15px solid #90ee90;
			}

			&.left .textContent {
				right: 0;
			}

			&.right .textContent {
				left: 0;
				text-align: left;
			}

			.icon {
				position: absolute;
				top: -50px;

				img {
					width: 85px;
					height: 85px;
				}
			}

			.textContent h3 {
				margin: 0 0 15px;
				font-size: 2.2rem;
				font-weight: bold;
			}
		}
	}

	/*column*/
	#column {
		.content {
			padding: 0 0 150px;
		}

		.newsList {
			margin: 0 auto;

			article:nth-of-type(3n+1) {
				clear: none;
			}
		}
	}

	/*information*/
	#information {
		.content {
			padding: 75px 0 150px;
		}

		.newsList {
			margin: 0 auto;

			article:nth-of-type(3n+1) {
				clear: none;
			}
		}
	}

	/*price*/
	#price {
		margin-top: -140px;
		padding-top: 140px;
	}

	/*shop*/
	#shop {
		width: auto;
		padding: 0 50px;

		.content {
			display: table;
			width: 100%;
			max-width: none;
			margin: 0 auto;
			padding: 0;
			background-color: #fbfaf8;

			.left {
				float: none;
				display: table-cell;
				width: 50%;
				padding: 90px 0;
				vertical-align: middle;

				.text {
					margin: 0 15% 25px;
				}
			}

			.right {
				float: none;
				display: table-cell;
				width: 50%;
				vertical-align: middle;
				background-image: url(../images/top_shop_img.jpg);
				background-position: left center;
				background-repeat: no-repeat;
				background-size: cover;
			}
		}
	}

	/*qa*/
	#qa {
		margin-top: -60px;
		padding-top: 60px;

		.content {
			max-width: 1000px;
			padding: 75px 0 40px;

			dl {
				dt {
					padding: 25px 35px;
					color: #000;
					margin: 0 0 15px;
					font-size: 1.8rem;
					font-weight: bold;
					text-align: left;
					background-color: #90ee90;
					border-radius: 10px;
				}

				dd {
					padding: 25px 35px 25px 65px;
					margin: 0 0 35px;
					color: #000;
					text-align: left;
					text-indent: -1.9em;
					background-color: #fbfaf8;
					border-radius: 10px;
				}

				dt::first-letter {
					display: inline-block;
					padding: 0 15px 0 0;
					color: #fff;
					font-size: 2.2rem;
					font-weight: bold;
				}

				dd::first-letter {
					display: inline-block;
					padding: 0 15px 0 0;
					color: #fff;
					font-size: 2.2rem;
					font-weight: bold;
					color: #90ee90;
				}
			}
		}
	}

	/* ----------------------------------------------
初めての方へ
------------------------------------------------- */

	#aboutPagetitle.content {
		padding: 75px 0 0;
	}

	#aboutConcept {
		.content {
			text-align: left;
			padding: 75px 0 50px;
			margin: 0 auto 75px;
			background-position: right center;
			background-repeat: no-repeat;
			background-size: auto 100%;
			background-image: url(../images/about_concept.jpg);

			h2 {
				font-size: 3.0rem;
				font-weight: bold;
				letter-spacing: 0.1em;
				margin: 0 0 35px;

				&::before {
					display: none !important;
				}
			}
		}

		p.text {
			padding: 0 55% 0 0;
			margin: 0 0 25px;
			font-size: 1.7rem;
			line-height: 1.7;
		}
	}

	#aboutRecommend {
		background-color: #eceae5;

		img {
			width: 100%;
			max-width: 1280px;
			height: auto;
		}
	}

	#aboutSafety {
		.content {
			max-width: 1000px;
			padding: 100px 0 45px;
			text-align: left;
		}

		.left {
			width: 25%;

			img {
				width: 100%;
				height: auto;
				border-radius: 200px;
			}
		}

		.right {
			width: 70%;
		}

		.content h2 {
			display: inline-block;
			position: relative;
			font-size: 2.3rem;
			font-weight: bold;
			padding: 0 0 25px 0;
			margin: 0;
			letter-spacing: 0.05em;

			&::before {
				display: none !important;
			}

			&::after {
				content: '';
				position: absolute;
				top: -25px;
				right: -45px;
				display: block;
				width: 40px;
				height: 40px;
				background-image: url(../images/about_recommend_symbol.png);
				background-position: center;
				background-repeat: no-repeat;
				background-size: auto 100%;
			}
		}

		.text {
			padding: 0 0 25px 0;
		}
	}

	#aboutFlow {
		.content {
			padding: 100px 0 45px;
		}

		.flowContent {
			padding: 75px 75px;
			background-image: url(file:///C|/WEB/%E3%83%9F%E3%83%8D%E3%83%AB%E3%83%90/test/assets/images/back01.png);
			background-position: center;
			background-repeat: repeat;
			background-size: auto 20px;

			li {
				position: relative;
				display: table;
				width: 100%;
				padding: 35px 0;
				margin: 0 0 65px;
				background-color: #fff;

				&:last-of-type {
					margin: 0;
				}

				&::after {
					content: '';
					position: absolute;
					left: 50%;
					bottom: -50px;
					display: block;
					width: 40px;
					height: 40px;
					background-image: url(../images/ya02_b_y.png);
					background-position: center;
					background-repeat: no-repeat;
					background-size: auto 100%;
					-webkit-transform: translate(-50%, 0);
					-ms-transform: translate(-50%, 0);
					transform: translate(-50%, 0);
				}

				&:last-of-type:after {
					content: none;
				}

				.item {
					display: table-cell;
					width: 14em;
					vertical-align: middle;
					font-size: 2.2rem;
					line-height: 1.5;
					font-weight: bold;

					span {
						display: inline-block;
						padding: 0 10px;
						margin: 0 auto 10px;
						font-size: 1.8rem;
						background-color: #90ee90;
					}
				}

				.text {
					display: table-cell;
					text-align: left;
					vertical-align: middle;
					padding: 0 65px 0 0;
				}

				&:nth-of-type(1) .text,
				&:nth-of-type(3) .text,
				&:nth-of-type(5) .text,
				&:nth-of-type(6) .text {
					padding: 0 180px 0 0;
					background-position: right 50px center;
					background-repeat: no-repeat;
					background-size: auto 100px;
				}

				&:nth-of-type(1) .text {
					background-position: right 35px center;
					background-image: url(../images/about_icon01.png);
					background-size: auto 130px;
				}

				&:nth-of-type(3) .text {
					background-image: url(../images/about_icon02.png);
				}

				&:nth-of-type(5) .text {
					background-image: url(../images/about_icon03.png);
				}

				&:nth-of-type(6) .text {
					background-image: url(../images/about_concept.jpg");
				}
			}
		}
	}

	.aboutPlan {
		h3 {
			font-size: 2.5rem;
			font-weight: bold;
			margin: 0 0 10px;

			&.optionTitle {
				font-size: 2.0rem;
				font-weight: bold;
				margin: 0 0 10px;
			}
		}

		.text {
			margin: 0 0 35px;
		}

		table {
			width: 100%;
			max-width: 1000px;
			margin: 0 auto 50px;
			background-color: #fdfcfb;
			border-top: 1px solid #e2e2e2;

			td,
			th {
				padding: 20px 30px;
				font-weight: bold;
				border-bottom: 1px solid #e2e2e2;
			}

			&.basic {
				.basicItem th {
					padding: 8px 30px;
					font-weight: bold;
					line-height: 1.3em;
					text-align: center;
					background-color: #fffdd9;

					&.item01,
					&.item03 {
						width: 10em;
					}

					&.item04 {
						width: 10em;
						color: #fff;
						background-color: #ed1e79;
					}

					span {
						font-size: 1.2rem;
						font-weight: normal;
					}
				}

				td {
					&.course {
						font-size: 1.8rem;

						h4 {
							font-weight: bold;
						}
					}

					&.comment {
						font-size: 1.5rem;
						font-weight: normal;
						text-align: left;
					}

					&.price {
						font-size: 2.0rem;

						&.red {
							color: #ed1e79;
							font-size: 2.5rem;
							background-color: #feedf4;
						}
					}
				}
			}

			&.option {
				.item {
					width: 10em;
					font-weight: bold;
					font-size: 1.8rem;
					background-color: #fffdd9;
				}

				td.comment {
					padding: 20px 0 20px 50px;
				}

				.price {
					width: 8em;
					font-size: 2.0rem;
					font-weight: bold;
					text-align: center;
				}

				.comment {
					font-size: 1.5rem;
					font-weight: normal;
					text-align: left;
				}
			}
		}

		.text_s {
			font-size: 1.3rem;
		}
	}

	/* ----------------------------------------------
店舗情報
------------------------------------------------- */

	/*店舗一覧*/
	#shopListContent #shopList {

		.content {
			max-width: 1280px;
			padding: 75px 0 35px;

			.areatext {
				font-size: 2.0rem;
				font-weight: bold;
			}

			.areaList {
				margin: 0 auto 35px;
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				align-items: center;
				height: 100%;
				max-width: 1000px;

				li {
					margin: 30px 15px 0;
					font-size: 2.0rem;
					font-weight: bold;

					a {
						display: block;
						position: relative;
						padding: 10px 5px;
						width: 10em;
						text-decoration: none;
						color: #000;
						border: #90ee90 5px solid;
						background-color: #fffbe6;

						&:hover {
							color: #fff;
							background: #000;
							border: #000 5px solid;
							-webkit-transition: all .5s;
							transition: all .5s;
						}
					}
				}
			}

			h2.areaName {
				position: relative;
				display: block;
				margin: 0;
				padding: 125px 15px 25px;
				font-size: 3.5rem;
				font-weight: bold;
				text-align: left;
				letter-spacing: 0;
				border-bottom: 8px solid #90ee90;
			}

			.shopArea {
				position: relative;

				h3 {
					position: relative;
					display: block;
					margin: 65px 35px 0;
					padding: 0 0 15px;
					font-size: 3rem;
					font-weight: bold;
					text-align: left;
					letter-spacing: 0.075em;
				}

				.pagetop {
					position: absolute;
					top: 10px;
					right: 35px;
					font-size: 1.7rem;
					font-weight: bold;
					-webkit-transition: 0.3s ease-in-out;
					-moz-transition: 0.3s ease-in-out;
					-o-transition: 0.3s ease-in-out;
					transition: 0.3s ease-in-out;

					&:hover {
						cursor: pointer;
						filter: alpha(opacity=30);
						-moz-opacity: 0.3;
						opacity: 0.3;
						-webkit-transition: 0.3s ease-in-out;
						-moz-transition: 0.3s ease-in-out;
						-o-transition: 0.3s ease-in-out;
						transition: 0.3s ease-in-out;
					}
				}

				.shopListData {

					li {
						display: flex;
						align-items: flex-start;
						flex-wrap: nowrap;
						height: 100%;
						margin: 45px 35px 0;
						padding: 45px;
						background-color: #fbfaf8;

						.left {
							width: 45%;

							img {
								width: 100%;
								height: 20.5vw;
								max-height: 355px;
								object-fit: cover;
							}
						}

						.right {
							width: 50%;
							margin: 0 0 0 5%;
							text-align: left;

							.name {
								font-size: 3.0rem;
								font-weight: bold;
							}

							.address {
								font-size: 1.8rem;
								margin: 0 0 15px;
							}

							.tel {
								font-size: 2.5rem;
								font-weight: bold;
								margin: 0 0 15px;
								line-height: 1.3em;
							}

							.holiday,
							.time {
								display: table;
								font-size: 1.6rem;
								margin: 0 0 5px;
							}

							.holiday dt,
							.time dt {
								display: table-cell;
								width: 6em;
								font-weight: bold;
							}

							.holiday dd,
							.time dd {
								display: table-cell;
							}

							a.more {
								display: block;
								width: 80%;
								max-width: 380px;
								margin: 20px auto 0;
								padding: 20px;
								color: #000;
								font-size: 2.35rem;
								font-weight: bold;
								text-align: center;
								text-decoration: none;
								letter-spacing: 0;
								background-color: #90ee90;

								span {
									font-size: 1.3rem;
									display: block;
								}

								&:hover {
									color: #fff;
									background: #000;
									-webkit-transition: all .5s;
									transition: all .5s;
								}
							}
						}

						&:first-of-type {
							margin: 15px 35px 0;
						}
					}
				}
			}
		}
	}

	/*詳細ページ*/
	#shopData .content {
		padding: 75px 0 0;
	}

	h1#shopName {
		padding: 75px 0 25px;
		font-size: 4.3rem;
		font-weight: bold;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: auto 55px;
		background-image: url(file:///C|/WEB/%E3%83%9F%E3%83%8D%E3%83%AB%E3%83%90/test/assets/images/logo03.png);
	}

	#shopData .mainimg img {
		width: 100%;
		max-width: 1280px;
		height: auto;
		margin: 0 auto;
	}

	#shopConcept {
		.content {
			background-image: url(../images/back01.png);
			background-position: center;
			background-repeat: repeat;
			background-size: auto 20px;
		}

		.conceptContent {
			padding: 0 75px;
			text-align: left;
		}

		.text {
			display: inline;
			font-size: 1.6rem;
			line-height: 1.7em;

			strong {
				display: block;
				font-weight: bold;
				font-size: 2.4rem;
				padding: 0 0 25px;
			}
		}

		.conceptimg {
			width: 49%;
			float: right;
			margin: 0 0 0 50px;

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

	#shopPrice {
		margin-top: -140px;
		padding-top: 140px;

		.content {
			padding: 0 0 90px;
		}
	}

	/*recruit*/
	#recruit.content {
		max-width: 1000px;
		padding: 45px 0 90px;

		.recruitBanner {
			background-color: #fbfaf8;
		}

		a {
			display: block;

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

	#shopAbout {
		margin: 75px 0 0;
		background-color: #fbfaf8;

		.content {
			max-width: 1200px;
		}

		.shopimg {
			width: 50%;

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

		.right {
			width: 44%;
			margin: 0 0 0 6%;
			text-align: left;
			line-height: 1.7;

			h3.name {
				font-size: 2.8rem;
				font-weight: bold;
				margin: 0 0 10px;
			}

			.address {
				font-size: 1.8rem;
			}

			.tel {
				font-size: 1.8rem;
				font-weight: bold;
				margin: 0 0 20px;
			}

			.holiday,
			.time {
				display: table;
				font-size: 1.7rem;
				margin: 0 0 5px;
			}

			.holiday dt,
			.time dt {
				display: table-cell;
				width: 6em;
				font-weight: bold;
			}

			.holiday dd,
			.time dd {
				display: table-cell;
			}

			.snsList {
				margin: 25px 0 0;

				li {
					display: inline-block;
					margin: 0 7.5px 0 0;

					a {
						display: block;
						width: 50px;
						height: 50px;
						text-align: center;
						background-color: #fff;
						border: 3px solid #fff;
						border-radius: 50px;
						background-position: center;
						background-repeat: no-repeat;
						background-size: auto 35px;
					}

					&.facebook a {
						background-image: url(../images/sns_fb.png);
					}

					&.twitter a {
						background-image: url(../images/sns_tw.png);
					}

					&.instagram a {
						background-image: url(../images/sns_in.png);
					}

					&.tiktok a {
						background-image: url(../images/sns_tt.png);
					}

					&.mail a {
						background-image: url(../images/sns_mail.png);
					}
				}
			}
		}

		.googleMap {
			width: 100%;
			max-width: 1200px;
			margin: 50px auto 25px;

			h4 {
				font-size: 2.6rem;
				font-weight: bold;
				margin: 0 0 15px;
			}

			.mapContent iframe {
				width: 100%;
				height: 450px;
			}
		}

		a.reservationWeb {
			display: block;
			width: 70%;
			max-width: 500px;
			margin: 50px auto 0;
			padding: 40px;
			color: #fff;
			font-size: 2.5rem;
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			background-color: #ed1e79;
		}

		.lineText {
			display: block;
			font-size: 1.8rem;
			margin: 50px 0 10px;
		}

		a.reservation {
			display: block;
			width: 70%;
			max-width: 250px;
			margin: 0 auto 0;
			padding: 0 10px;
			color: #fff;
			font-size: 1.8rem;
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			background-color: #00ca41;

			span {
				display: inline-block;
				padding: 15px 0 15px 40px;
				background-position: center left;
				background-repeat: no-repeat;
				background-size: auto 35px;
				background-image: url(../images/sns_li.png);
			}
		}
	}

	/* ----------------------------------------------
お問い合わせフォーム
------------------------------------------------- */
	/* 入力画面のテキスト */
	#contactContent .contactForm {
		.contactAbout {
			.text {
				margin: 0 0 10px;
			}

			.text_s {
				font-size: 1.4rem;
			}
		}

		.companyData {
			max-width: 900px;
			margin: 125px auto 0;
			padding: 35px 35px 35px;
			border: 1px solid #e2e2e2;

			h2 {
				display: inline-block;
				font-size: 1.5rem;
				font-weight: bold;
				color: #000;
				background-color: #eceae5;
				padding: 3px 15px;
				margin: 0 auto 10px;
			}

			.companyName {
				font-size: 1.8rem;
				font-weight: bold;
				margin: 0 0 5px;
			}

			.representative {
				margin: 0 0 15px;
			}

			ul {
				display: inline-block;
				margin: 0 auto 0;
				text-align: left;

				span {
					font-weight: bold;
				}
			}
		}

		.mw_wp_form_confirm {

			.contactAbout,
			.companyData {
				display: none;
			}
		}

		.contactPreview .text {
			margin: 0 0 5px;
		}

		.mw_wp_form_input .contactPreview {
			display: none;
		}

		.formContent {
			margin: 50px auto 0;
			width: 100%;
			max-width: 950px;

			dl {
				display: table;
				width: 100%;
				padding: 25px 0;

				dt {
					display: table-cell;
					width: 17em;
					font-size: 1.8rem;
					font-weight: bold;
					vertical-align: middle;
				}

				dd {
					text-align: left;
					display: table-cell;
					vertical-align: middle;
				}

				&.privacy {
					display: block;
					border-bottom: none;
					text-align: center;
					width: 90%;
					margin: 15px auto 35px;

					p {
						display: inline-block;
					}

					dt {
						display: block;
						width: 100%;
						margin: 0 0 15px;
						padding: 45px 0;
						border: 1px solid #000;

						h2 {
							font-size: 1.8rem;
							font-weight: bold;
							margin: 0 0 15px;
						}

						.privacyContent {
							font-size: 1.4rem;
							line-height: 1.5em;
							font-weight: normal;
							width: 90%;
							margin: 0 auto;
							padding: 0 10px 10px;
							height: 200px;
							overflow-y: scroll;
							text-align: left;

							li {
								margin: 0 0 25px;
							}

							h3 {
								font-weight: bold;
								margin: 0 0 5px;
							}

							.text {
								margin: 0 10px 15px;
							}

							strong {
								display: block;
								margin: 0 0 2px;
							}

							p.list {
								text-indent: -1.0em;
								padding-left: 1.0em;
							}
						}
					}

					dd {
						display: block;
						text-align: center;

						p.text {
							display: block;
							margin: 0 0 15px;
						}

						.text_b {
							display: inline-block;
							margin: 0 0 0 10px;
							font-size: 1.8rem;
							font-weight: bold;

							span {
								font-weight: bold !important;
							}
						}

						span.error {
							font-weight: normal !important;
							font-size: 86%;
						}
					}
				}

				dd {
					input {

						&[type="email"],
						&[type="text"],
						&[type="tel"] {
							width: 93%;
							padding: 15px;
							font-size: 1.5rem;
							background-color: #f2f2f2;
							cursor: text;
							color: #000;
							border: none;
						}
					}

					textarea {
						width: 93%;
						padding: 15px;
						font-size: 1.5rem;
						background-color: #f2f2f2;
						cursor: text;
						color: #000;
						border: none;
					}

					input[type="text"].tel {
						width: 20%;
					}

					textarea {
						height: 15em;
						font-size: 100%;
						font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
					}

					select {
						width: 70%;
						font-size: 100%;
						padding: 15px 10px;
						cursor: pointer;
						background-color: #f2f2f2;
						border: none;
					}
				}
			}

			.required {
				display: inline-block;
				margin: 0 0 0 15px;
				color: rgb(220, 20, 60);
				font-size: 1.3rem;
				font-weight: normal;
			}

			.prRequired {
				vertical-align: top;
				padding: 7px 0 0;
				margin: 0 15px 0 0;
			}
		}
	}

	.mw_wp_form .error {
		font-size: 93%;
		color: #B70000;
		display: block;
		padding: 5px;
	}

	#contactContent .contactForm .formContent {
		input[type="submit"] {
			&.back {
				display: inline-block;
				width: 200px;
				padding: 30px;
				font-size: 2.0rem;
				letter-spacing: 0.05em;
				font-weight: bold;
				color: #fff;
				background-color: #000;
				margin: 0 35px 0 0;
			}

			&.transmission {
				display: inline-block;
				width: 350px;
				padding: 30px;
				font-size: 2.0rem;
				letter-spacing: 0.05em;
				font-weight: bold;
				color: #000;
				background-color: #90ee90;
			}
		}

		.button br {
			display: none;
		}

		input {

			&[type="submit"]:hover,
			&[type="button"]:hover {
				filter: alpha(opacity=30);
				-moz-opacity: 0.3;
				opacity: 0.3;
				-webkit-transition: 0.3s ease-in-out;
				-moz-transition: 0.3s ease-in-out;
				-o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
			}
		}
	}

	/* 完了画面 */
	.mw_wp_form_complete {
		h3 {
			font-size: 2.0rem;
			font-weight: bold;
			margin: 0 0 15px;
		}

		p {
			margin: 0 0 25px;
		}
	}
}

/*======================================================
PC小さめ（1499px～600px）
======================================================*/
@media only screen and (min-width: 600px) and (max-width: 1499px) {

	/* ----------------------------------------------
TOP
------------------------------------------------- */
	/*MV*/
	#mv {
		position: relative;
		width: 100vw;
		height: 58vw;
		max-height: 730px;
		/*background-color: #90ee90;*/

		img {
			width: auto;
			height: 87%;
			max-height: 650px;
		}
	}

	/*relief*/
	#relief .content li h3 {
		font-size: 1.8rem;
	}

	/*point*/
	#point .content {
		margin: 0 75px;

		li {
			&.left {
				margin: 0 50px 70px 0;
			}

			&.right {
				margin: 0 0 70px 50px;
			}

			img {
				width: 65%;
			}

			.textContent {
				width: 40%;
				max-width: 500px;
				padding: 45px;
			}
		}
	}

	/* ----------------------------------------------
店舗情報
------------------------------------------------- */

	/*店舗一覧*/
	#shopListContent #shopList .content .areaList {

		li {
			font-size: 2rem;
			margin: 20px 10px 0;
		}

	}
}

/*======================================================
PC小さめ（1199px～600px）
======================================================*/
@media only screen and (min-width: 600px) and (max-width: 1199px) {

	/*point*/
	#point .content li {
		.icon {
			top: -40px;

			img {
				width: 65px;
				height: 65px;
			}
		}

		.textContent {
			h3 {
				margin: 0 0 15px;
				font-size: 1.9rem;
			}

			.text {
				font-size: 1.5rem;
			}
		}
	}

	/*column*/
	#column .content,
	#information .content {
		width: 90%;
	}

	/*information*/

	/* ----------------------------------------------
初めての方へ
------------------------------------------------- */

	#aboutConcept {
		.content h2 {
			font-size: 2.5rem;
			letter-spacing: 0.05em;
			margin: 0 0 25px;
		}

		p.text {
			padding: 0 35% 0 0;
			margin: 0 0 15px;
			font-size: 1.5rem;
			line-height: 1.6;
		}
	}

	#aboutSafety {
		.content h2 {
			font-size: 2.0rem;
			padding: 0 0 15px 0;
		}

		.text {
			padding: 0 0 15px 0;
		}
	}

	#aboutFlow {
		.content {
			width: 90%;
		}

		.flowContent {
			padding: 45px;
		}
	}

	.aboutPlan .content {
		width: 90%;
	}

	/* ----------------------------------------------
店舗情報
------------------------------------------------- */

	/*店舗一覧*/
	#shopListContent #shopList {
		.content {}
	}

	/*詳細ページ*/

	h1#shopName {
		font-size: 3.5rem;
	}

	#shopConcept {
		.conceptContent {
			padding: 0 75px;
		}

		.text {
			display: inline;
			font-size: 1.5rem;
			line-height: 1.6em;
		}

		.conceptimg {
			width: 50%;
			float: right;
			margin: 0 0 25px 35px;
		}
	}

	#shopAbout .right {
		line-height: 1.6;

		h3.name {
			font-size: 2.5rem;
		}
	}
}

/*======================================================
タブレット設定（600px～1024px）
======================================================*/

@media only screen and (min-width: 600px) and (max-width: 1024px) {
	/* ----------------------------------------------
TOP
------------------------------------------------- */

	#topContent {
		padding: 40px 0 0;
	}

	/*point*/

	#point .content {
		width: auto;
		margin: 0;

		h2 {
			font-size: 2.3rem;
		}

		li {
			img {
				width: auto;
				height: 40vw;
			}

			.textContent .text {
				font-size: 1.4rem;
			}
		}
	}

	/*shop*/

	#shop {
		padding: 0;

		.content {
			.left {
				width: 50%;
				padding: 75px 0;

				.text {
					font-size: 1.4rem;
					margin: 0 15% 25px;

					br {
						display: none;
					}
				}
			}

			.right {
				width: 50%;
			}
		}
	}

	/* ----------------------------------------------
初めての方へ
------------------------------------------------- */

	#aboutConcept {
		.content {
			width: 100%;
			margin: 0 auto 50px;

			h2 {
				padding: 0 0 0 50px;
			}
		}

		p.text {
			padding: 0 35% 0 50px;
		}
	}

	#aboutRecommend .content {
		padding: 50px 0;
		width: 95%;
	}

	#aboutSafety {
		.content {
			width: 80%;
			padding: 75px 0 25px;
		}

		.left {
			width: 32%;
		}

		.right {
			width: 63%;
		}

		.text {
			font-size: 1.5rem;
		}
	}

	#aboutFlow {
		.content {
			padding: 50px 0 25px;
		}

		.flowContent li {
			.item {
				width: 12em;
				font-size: 1.8rem;

				span {
					font-size: 1.5rem;
				}
			}

			.text {
				font-size: 1.4rem;
				padding: 0 35px 0 0;
			}

			&:nth-of-type(1) .text,
			&:nth-of-type(3) .text,
			&:nth-of-type(5) .text,
			&:nth-of-type(6) .text {
				padding: 0 110px 0 0;
				background-position: right 20px center;
				background-size: auto 80px;
			}
		}
	}

	.aboutPlan {
		h3 {
			font-size: 2.0rem;

			&.optionTitle {
				font-size: 2.0rem;
				font-weight: bold;
				margin: 0 0 10px;
			}
		}

		table {

			td,
			th {
				padding: 15px 10px;
			}

			&.basic {
				.basicItem th {
					padding: 8px 10px;

					&.item01,
					&.item03 {
						width: 8em;
					}

					&.item04 {
						width: 12em;
					}

					span {
						font-size: 1.1rem;
					}
				}

				td {
					&.course {
						font-size: 1.6rem;
					}

					&.comment {
						font-size: 1.4rem;
					}

					&.price {
						font-size: 1.8rem;

						&.red {
							font-size: 2.0rem;
						}
					}
				}
			}

			&.option {
				.item {
					width: 8em;
					font-size: 1.6rem;
				}

				td.comment {
					padding: 15px 10px 15px 30px;
					font-size: 1.4rem;
				}

				.price {
					width: 9.5em;
				}
			}
		}
	}

	/* ----------------------------------------------
店舗情報
------------------------------------------------- */
	/*店舗一覧*/
	#shopListContent #shopList {

		.content {

			h2.areaName {
				padding: 110px 15px 10px;
				font-size: 3rem;
				border-bottom: 7px solid #90ee90;
			}

			.areaList {

				li {
					font-size: 1.8rem;
					width: 29.5%;
					max-width: 9em;

					a {
						width: auto;

						&:hover {}
					}
				}
			}

			.shopArea h3 {}

			.shopArea {

				h3 {
					font-size: 2.5rem;
				}

				.shopListData {

					li {
						padding: 30px;

						.left {

							img {}
						}

						.right {

							.name {
								font-size: 2.2rem;
								line-height: 1.2em;
								margin: 0 0 10px;
							}

							.address {
								font-size: 1.6rem;
								margin: 0 0 5px;
							}

							.tel {
								font-size: 2.3rem;
								margin: 0 0 10px;
							}

							.holiday,
							.time {
								font-size: 1.4rem;
							}

							a.more {
								display: block;
								width: 90%;
								max-width: auto;
								margin: 20px auto 0;
								padding: 15px 5%;
								font-size: 1.9rem;

								span {}

								&:hover {}
							}
						}

						&:first-of-type {}
					}
				}
			}
		}
	}

	/*詳細ページ*/
	h1#shopName {
		padding: 55px 0 15px;
		background-size: auto 45px;
	}

	#shopConcept {
		.content {
			padding: 50px 0;
		}

		.conceptContent {
			padding: 0 50px;
		}

		.conceptimg {
			width: 60%;
			max-width: 400px;
			float: right;
			margin: 0 0 25px 35px;
		}
	}

	#shopAbout {
		.right .snsList li a {
			width: 40px;
			height: 40px;
			background-size: auto 30px;
		}

		.googleMap .mapContent iframe {
			height: 350px;
		}

		a {

			&.reservation,
			&.reservationWeb {
				width: 60%;
				margin: 35px auto 0;
				padding: 30px;
			}

			&.reservation {
				margin: 5px auto 0;
				padding: 0 10px;
			}
		}
	}

	/* ----------------------------------------------
お問い合わせフォーム
------------------------------------------------- */

	#contactContent {
		.contactForm h1 {
			font-size: 2.0rem;
			margin: 0 0 25px;
		}

		.content {
			width: 90%;
		}

		.contactForm {
			.contactAbout {
				.text {
					font-size: 1.5rem;
					margin: 0 0 5px;
				}

				.text_s {
					font-size: 1.3rem;
				}
			}

			.formContent {
				margin: 25px auto 0;
				width: 100%;

				dl {
					padding: 20px 0;

					dt {
						width: 15em;
						font-size: 1.6rem;
					}

					&.privacy dt {
						width: 90%;
						padding: 45px 5%;
					}

					dd {
						select {
							width: 93%;
						}

						input[type="text"].tel {
							width: 25%;
						}
					}
				}

				input[type="submit"] {
					&.back {
						width: 150px;
						padding: 25px;
						font-size: 1.6rem;
						margin: 0 25px 0 0;
					}

					&.transmission {
						width: 250px;
						padding: 25px;
						font-size: 1.6rem;
					}
				}
			}
		}
	}

	.mw_wp_form_complete p {
		font-size: 1.4rem;
		margin: 0 0 25px;
	}
}

/*======================================================
タブレット設定（小さめ）（600px～800px）
======================================================*/
@media only screen and (min-width: 600px) and (max-width: 800px) {
	/*relief*/

	#relief .content {
		h2 {
			&::before {
				height: 80px;
				left: -90px;
			}

			&::after {
				height: 80px;
				right: -90px;
			}
		}

		ul {
			width: 80%;
			max-width: 600px;
			margin: 0 auto;
		}

		li {
			width: 42%;
			margin: 0 3% 25px;

			&:nth-of-type(3) {
				clear: both;
			}

			.text {
				font-size: 1.5rem;
			}
		}
	}

	/*point*/

	#point .content li {
		position: relative;
		float: none;

		&.left {
			margin: 0 75px 35px 0;
			text-align: left;
		}

		&.right {
			margin: 0 0 35px 75px;
			text-align: right;
		}

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

		.textContent {
			position: relative;
			width: auto;
			max-width: none;
			padding: 80px 25px 25px;
			background-color: #fff;
			border-top: 7px solid #90ee90;
		}

		&.right .textContent {
			text-align: left;
		}

		.icon {
			position: absolute;
			top: 15px;

			img {
				width: 55px;
				height: 55px;
			}
		}
	}

	/*column*/

	#column .newsList article .title,
	#information .newsList article .title {
		font-size: 1.5rem;
	}

	#shop {
		padding: 0 25px;

		.content {
			.left {
				width: auto;
				display: block;
				padding: 45px 35px;

				.text {
					width: auto;
					margin: auto;
					padding: 0 0 15px;
				}
			}

			.right {
				display: none;
			}
		}
	}

	/* ----------------------------------------------
店舗情報
------------------------------------------------- */

	/*詳細ページ*/

	#shopAbout .right {
		line-height: 1.4;

		h3.name {
			font-size: 2.2rem;
			font-weight: bold;
			margin: 0 0 5px;
		}

		.tel {
			font-size: 1.6rem;
			font-weight: bold;
			margin: 0 0 10px;
		}

		.holiday,
		.time {
			display: table;
			font-size: 1.5rem;
			margin: 0 0 5px;
		}

		.snsList {
			margin: 15px 0 0;

			li {
				display: inline-block;
				margin: 0 5px 0 0;

				a {
					width: 40px;
					height: 40px;
				}
			}
		}
	}
}

/*======================================================
SPサイズ（599px以下）
======================================================*/

@media screen and (max-width: 599px) {
	/* ----------------------------------------------
TOP
------------------------------------------------- */
	/*MV*/

	#mv {
		position: relative;
		width: 100vw;
		height: 120vw;
		background-color: #fff;

		img {
			position: absolute;
			left: 50%;
			bottom: 0;
			width: auto;
			height: 100%;
			-webkit-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
		}
	}

	/*relief*/
	#relief .content {
		padding: 0 25px 35px;

		h2 {
			font-size: 1.8rem;
			letter-spacing: 0;

			&::before {
				content: '';
				position: absolute;
				bottom: 0;
				display: block;
				width: 20px;
				height: 40px;
				left: -40px;
				background-image: url(../images/top_relief_h_l.png);
				background-position: center;
				background-repeat: no-repeat;
				background-size: auto 100%;
				-webkit-transform: translateX(0%);
				transform: translateX(0%);
				background-color: inherit;
				border-radius: inherit;
			}

			&::after {
				content: '';
				position: absolute;
				bottom: 0;
				display: block;
				width: 20px;
				height: 40px;
				right: -40px;
				background-image: url(../images/top_relief_h_r.png);
				background-position: center;
				background-repeat: no-repeat;
				background-size: auto 100%;
			}
		}

		li {
			position: relative;
			float: left;
			width: 47%;
			margin: 0 0 25px;
			text-align: left;

			&:nth-of-type(2),
			&:nth-of-type(4) {
				margin: 0 0 25px 6%;
			}

			&:nth-of-type(3) {
				clear: both;
			}

			img {
				width: 100%;
				height: auto;
				margin: 0 0 15px;
				border-radius: 300px;
			}

			h3 {
				margin: 0 0 5px;
				font-size: 1.4rem;
				font-weight: bold;
				text-align: center;
			}

			.text {
				font-size: 1.3rem;
			}
		}
	}

	/*point*/
	#point .content {
		padding: 50px 0 25px;
		background-image: url(../images/back01.png);
		background-position: center;
		background-repeat: repeat;
		background-size: auto 20px;

		h2 {
			position: relative;
			display: inline-block;
			margin: 0 0 30px;
			font-size: 2rem;
			font-weight: bold;

			&::before {
				content: '';
				position: absolute;
				top: -70px;
				display: block;
				width: 50px;
				height: 50px;
				background-image: url(../images/top_point_h.png);
				background-position: center;
				background-repeat: no-repeat;
				background-size: auto 100%;
				background-color: inherit;
				border-radius: inherit;
			}
		}

		li {
			position: relative;
			float: none;

			&.left {
				margin: 0 25px 35px 0;
				text-align: left;
			}

			&.right {
				margin: 0 0 35px 25px;
				text-align: right;
			}

			img {
				width: 100%;
			}

			.textContent {
				position: relative;
				padding: 80px 25px 25px;
				background-color: #fff;
				border-top: 7px solid #90ee90;
			}

			&.right .textContent {
				text-align: left;
			}

			.icon {
				position: absolute;
				top: 15px;

				img {
					width: 55px;
					height: 55px;
				}
			}

			.textContent {
				h3 {
					margin: 0 0 5px;
					font-size: 1.6rem;
					font-weight: bold;
				}

				.text {
					font-size: 1.3rem;
				}
			}
		}
	}

	/*column*/
	#column {
		.content {
			padding: 30px 0 80px;
		}

		.newsList {
			width: 60%;
			min-width: 262px;
			margin: 0 auto 15px;

			article {
				display: inline-block;
				min-width: 252px;
				margin: 0 5px;

				&:nth-of-type(2n+1) {
					clear: none;
				}

				img {
					width: 100%;
					min-width: 250px;
					height: 36.5vw;
					min-height: 156px;
					margin: 0 0 15px;
					border: 1px solid #e2e2e2;
					object-fit: cover;
				}
			}
		}
	}

	/*information*/
	#information {
		.content {
			padding: 50px 0 80px;
		}

		.newsList {
			width: 60%;
			min-width: 262px;
			margin: 0 auto 15px;

			article {
				display: inline-block;
				min-width: 252px;
				margin: 0 5px;

				&:nth-of-type(2n+1) {
					clear: none;
				}

				img {
					width: 100%;
					min-width: 250px;
					height: 36.5vw;
					min-height: 156px;
					margin: 0 0 15px;
					border: 1px solid #e2e2e2;
					object-fit: cover;
				}
			}
		}
	}

	.newsList article {
		.day {
			font-size: 1.4rem;
			font-weight: bold;
		}

		.title {
			font-size: 1.5rem;
			font-weight: bold;
		}

		.text {
			font-size: 1.3rem;
			margin: 0 0 5px;
		}
	}

	.topNews {

		.slick-prev,
		.slick-next {
			cursor: pointer;
			position: absolute;
			z-index: 98;
			top: 19.5vw;
			display: block;
			width: 40px;
			height: 40px;
			padding: 0;
			font-size: 0;
			line-height: 0;
			background-color: #000;
			background-position: center;
			background-repeat: no-repeat;
			background-size: auto 18px;
			-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
			-webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
		}
	}

	.columnslider {

		.slick-prev,
		.slick-next {
			cursor: pointer;
			position: absolute;
			z-index: 98;
			top: 19.5vw;
			display: block;
			width: 40px;
			height: 40px;
			padding: 0;
			font-size: 0;
			line-height: 0;
			background-color: #000;
			background-position: center;
			background-repeat: no-repeat;
			background-size: auto 18px;
			-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
			-webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
		}
	}

	.topNews .slick-prev,
	.columnslider .slick-prev {
		left: -42px;
		background-image: url(file:///C|/WEB/%E3%83%9F%E3%83%8D%E3%83%AB%E3%83%90/test/assets/images/ya01_l_w.png);
	}

	.topNews .slick-next,
	.columnslider .slick-next {
		right: -42px;
		background-image: url(file:///C|/WEB/%E3%83%9F%E3%83%8D%E3%83%AB%E3%83%90/test/assets/images/ya01_r_w.png);
	}

	.topNews {

		.slick-prev:before,
		.slick-next:before {
			content: '';
		}

		[dir='rtl'] {

			.slick-next:before,
			.slick-prev:before {
				content: '';
			}
		}
	}

	.columnslider {

		.slick-prev:before,
		.slick-next:before {
			content: '';
		}

		[dir='rtl'] {

			.slick-next:before,
			.slick-prev:before {
				content: '';
			}
		}
	}

	/*price*/
	#price {
		margin-top: -90px;
		padding-top: 90px;
	}

	/*shop*/
	#shop {
		width: auto;
		padding: 0 25px;

		.content {
			display: block;
			width: 100%;
			max-width: none;
			margin: 0 auto;
			padding: 0;
			background-color: #fbfaf8;

			.left {
				float: none;
				display: block;
				width: 100%;
				padding: 45px 0;

				.text {
					font-size: 1.3rem;
					text-align: left;
					margin: 0 35px 25px;
				}

				.more {
					width: 70%;
					max-width: 220px;
				}
			}

			.right {
				display: none;
			}
		}
	}

	/*qa*/
	#qa {
		margin-top: -30px;
		padding-top: 30px;

		.content {
			padding: 50px 25px 25px;

			dl {
				dt {
					padding: 15px 25px 15px 55px;
					color: #000;
					margin: 0 0 10px;
					font-size: 1.5rem;
					font-weight: bold;
					text-align: left;
					text-indent: -1.9em;
					background-color: #90ee90;
					border-radius: 10px;
				}

				dd {
					padding: 15px 25px 15px 55px;
					margin: 0 0 25px;
					color: #000;
					font-size: 1.4rem;
					text-align: left;
					text-indent: -1.9em;
					background-color: #fbfaf8;
					border-radius: 10px;
				}

				dt::first-letter {
					display: inline-block;
					padding: 0 14px 0 0;
					color: #fff;
					font-size: 2rem;
					line-height: 1.0em;
					font-weight: bold;
				}

				dd::first-letter {
					display: inline-block;
					padding: 0 14px 0 0;
					color: #fff;
					font-size: 2rem;
					line-height: 1.0em;
					font-weight: bold;
					color: #90ee90;
				}
			}
		}
	}

/* ----------------------------------------------
初めての方へ
------------------------------------------------- */

	#aboutPagetitle.content {
		padding: 60px 25px 0;
	}

	#aboutConcept {
		margin: 0 0 35px;

		.content {
			text-align: left;
			padding: 60px 25px 45px;
			background-position: bottom right -135px;
			background-repeat: no-repeat;
			background-size: auto 100%;
			background-image: url(../images/about_concept.jpg);

			h2 {
				font-size: 2.0rem;
				font-weight: bold;
				letter-spacing: 0.1em;
				margin: 0 0 25px 15px;
				text-shadow: 0 0 5px #fff;

				&::before {
					display: none !important;
				}
			}
		}

		p.text {
			max-width: 400px;
			margin: 0 0 15px 15px;
			font-size: 1.4rem;
			text-shadow: 0 0 5px #fff;
		}
	}

	#aboutRecommend {
		background-color: #eceae5;

		.content {
			padding: 45px 25px 45px;
		}

		img {
			width: 100%;
			max-width: 400px;
			height: auto;
			margin: 0 auto;
		}
	}

	#aboutSafety {
		.content {
			padding: 60px 25px 0;
			text-align: left;
		}

		.left {
			float: none;
			width: 200px;
			margin: 0 auto 25px;

			img {
				width: 100%;
				height: auto;
				border-radius: 200px;
			}
		}

		.right {
			float: none;
			text-align: center;
		}

		.content h2 {
			display: inline-block;
			margin: 0 auto 15px;
			position: relative;
			font-size: 2.0rem;
			font-weight: bold;

			&::before {
				display: none !important;
			}
		}

		h2::after {
			content: '';
			position: absolute;
			top: -20px;
			right: -35px;
			display: block;
			width: 30px;
			height: 30px;
			background-image: url(file:///C|/WEB/%E3%83%9F%E3%83%8D%E3%83%AB%E3%83%90/selfine/assets/../images/about_recommend_symbol.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: auto 100%;
		}

		.text {
			max-width: 400px;
			margin: 0 auto;
			text-align: left;
			font-size: 1.4rem;
			padding: 0 0 15px 0;
		}
	}

	#aboutFlow {
		.content {
			padding: 60px 25px 0;
			max-width: 475px;
			margin: 0 auto;
		}

		.flowContent {
			padding: 15px;
			background-image: url(file:///C|/WEB/%E3%83%9F%E3%83%8D%E3%83%AB%E3%83%90/test/assets/images/back01.png);
			background-position: center;
			background-repeat: repeat;
			background-size: auto 20px;

			li {
				position: relative;
				width: 100%;
				padding: 0;
				margin: 0 0 30px;
				background-color: #fff;

				&:last-of-type {
					margin: 0;
				}

				&::after {
					content: '';
					position: absolute;
					left: 50%;
					bottom: -30px;
					display: block;
					width: 30px;
					height: 30px;
					background-image: url(../images/ya02_b_y.png);
					background-position: center;
					background-repeat: no-repeat;
					background-size: auto 100%;
					-webkit-transform: translate(-50%, 0);
					-ms-transform: translate(-50%, 0);
					transform: translate(-50%, 0);
				}

				&:last-of-type:after {
					content: none;
				}

				.item {
					padding: 25px 25px 0;
					font-size: 1.6rem;
					line-height: 1.5;
					font-weight: bold;
					text-align: left;

					span {
						display: inline-block;
						padding: 0 10px;
						margin: 0 0 10px;
						font-size: 1.4rem;
						vertical-align: middle;
						background-color: #90ee90;
					}

					.itemtitle {
						display: inline-block;
						padding: 0 0 10px 10px;
						vertical-align: middle;

						br {
							display: none;
						}
					}
				}

				.text {
					text-align: left;
					font-size: 1.4rem;
					padding: 0 25px 25px;
				}

				&:nth-of-type(1) .text,
				&:nth-of-type(3) .text,
				&:nth-of-type(5) .text,
				&:nth-of-type(6) .text {
					padding: 0 25px 90px;
					background-position: center bottom 10px;
					background-repeat: no-repeat;
					background-size: auto 80px;
				}

				&:nth-of-type(1) .text {
					background-image: url(../images/about_icon01.png);
					background-size: auto 100px;
				}

				&:nth-of-type(3) .text {
					background-image: url(../images/about_icon02.png);
				}

				&:nth-of-type(5) .text {
					background-image: url(../images/about_icon03.png);
				}

				&:nth-of-type(6) .text {
					background-image: url(../images/about_icon04.png);
				}
			}
		}
	}

	.aboutPlan {
		h3 {
			font-size: 1.8rem;
			font-weight: bold;
			margin: 0 0 10px;

			&.optionTitle {
				font-size: 1.6rem;
				font-weight: bold;
				margin: 0 0 10px;
			}
		}

		.text {
			margin: 0 auto 25px;
			font-size: 1.4rem;
			text-align: left;
			max-width: 475px;
		}

		table {
			width: 100%;
			max-width: 475px;
			margin: 0 auto 25px;
			background-color: #fdfcfb;

			td,
			th {
				display: block;
				text-align: left;
				padding: 0 30px 0;
				font-weight: bold;
			}

			&.basic {
				.basicItem th {
					display: none !important;
				}

				td {
					&:before {
						content: attr(data-label);
						float: left;
						font-weight: bold;
					}

					&.course {
						font-size: 1.6rem;
						padding: 10px 30px;
						background-color: #fffdd9;

						h4 {
							font-weight: bold;
						}
					}

					&.comment {
						font-size: 1.4rem;
						padding: 20px 30px 0;
						font-weight: normal;
						text-align: left;
					}

					&.price {
						font-size: 1.6rem;
						padding: 10px 30px 0;

						&.red {
							color: #ed1e79;
							font-size: 2.0rem;
							padding: 10px 30px 15px;

							&:before {
								content: attr(data-label);
								display: block;
								float: none;
								font-size: 1.5rem;
							}

							span {
								font-size: 1.3rem;
							}
						}
					}
				}
			}

			&.option {
				.item {
					font-weight: bold;
					font-size: 1.6rem;
					padding: 10px 30px;
					background-color: #fffdd9;
				}

				td {
					&.comment {
						font-size: 1.4rem;
						padding: 20px 30px 10px;
						font-weight: normal;
					}

					&.price {
						font-size: 1.8rem;
						padding: 0 30px 20px;
						font-weight: bold;
						text-align: right;
					}
				}

				.comment {
					font-size: 1.5rem;
					font-weight: normal;
					text-align: left;
				}
			}
		}

		.text_s {
			text-align: left;
			font-size: 1.2rem;
			max-width: 475px;
			margin: 0 auto;

			br {
				display: none;
			}
		}
	}

	/* ----------------------------------------------
店舗情報
------------------------------------------------- */

	#shopContent .content {
		padding: 50px 25px;
	}


	/*店舗一覧*/
	#shopListContent #shopList {

		.content {

			.areatext {
				font-size: 1.5rem;
				font-weight: bold;
			}

			.areaList {
				margin: 0 auto 35px;
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				align-items: center;
				height: 100%;

				li {
					margin: 15px 2.5% 0;
					font-size: 1.6rem;
					width: 45%;
					font-weight: bold;

					a {
						display: block;
						position: relative;
						padding: 7.5px 5px;
						text-decoration: none;
						color: #000;
						border: #90ee90 5px solid;
						background-color: #fffbe6;
					}
				}
			}

			h2.areaName {
				position: relative;
				display: block;
				margin: 0;
				padding: 85px 10px 15px;
				font-size: 2.5rem;
				font-weight: bold;
				text-align: left;
				letter-spacing: 0;
				border-bottom: 6px solid #90ee90;
			}

			.shopArea {
				position: relative;

				h3 {
					position: relative;
					display: block;
					margin: 35px 5px 0;
					font-size: 2.3rem;
					font-weight: bold;
					text-align: left;
					letter-spacing: 0.075em;
				}

				.pagetop {
					position: absolute;
					top: 10px;
					right: 5px;
					font-size: 1.5rem;
					font-weight: bold;
				}

				.shopListData {

					li {
						margin: 20px 5px 0;
						padding: 25px;
						background-color: #fbfaf8;

						.left {
							float: none;
							width: auto;
							margin: 0 0 20px;

							img {
								width: 100%;
								height: 43vw;
								object-fit: cover;
							}
						}

						.right {
							float: none;
							width: auto;
							text-align: left;

							.name {
								font-size: 2.0rem;
								font-weight: bold;
								line-height: 1.3em;
								margin: 0 0 5px;
							}

							.address {
								font-size: 1.4rem;
								margin: 0 0 5px;
							}

							.tel {
								font-size: 2.0rem;
								font-weight: bold;
								margin: 0 0 10px;
								line-height: 1.3em;
							}

							.holiday,
							.time {
								display: table;
								font-size: 1.4rem;
								margin: 0 0 5px;
							}

							.holiday dt,
							.time dt {
								display: table-cell;
								width: 6em;
								font-weight: bold;
							}

							.holiday dd,
							.time dd {
								display: table-cell;
							}

							a.more {
								display: block;
								width: 100%;
								margin: 15px auto 0;
								padding: 15px 0;
								color: #000;
								font-size: 1.8rem;
								font-weight: bold;
								text-align: center;
								text-decoration: none;
								letter-spacing: 0;
								background-color: #90ee90;

								span {
									font-size: 1.0rem;
									display: block;
								}
							}
						}
					}
				}
			}
		}
	}

	/*詳細ページ*/

	#shopData .content {
		padding: 50px 0 15px;
	}

	h1#shopName {
		padding: 40px 0 15px;
		font-size: 2.2rem;
		font-weight: bold;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: auto 35px;
		background-image: url(file:///C|/WEB/%E3%83%9F%E3%83%8D%E3%83%AB%E3%83%90/test/assets/images/logo03.png);
	}

	#shopData .mainimg img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	#shopConcept {
		.content {
			background-image: url(../images/back01.png);
			background-position: center;
			background-repeat: repeat;
			background-size: auto 20px;
		}

		.conceptContent {
			text-align: left;
		}

		.text {
			display: block;
			font-size: 1.3rem;

			strong {
				display: block;
				font-weight: bold;
				font-size: 1.6rem;
				padding: 0 0 15px;
			}
		}

		.conceptimg {
			width: 85%;
			max-width: 360px;
			margin: 0 auto 25px;

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

	#shopPrice {
		margin-top: -90px;
		padding-top: 90px;
	}

	/*recruit*/

	#recruit.content {
		padding: 0 25px 60px;

		.recruitBanner {
			background-color: #fbfaf8;
		}

		a {
			display: block;
			max-width: 350px;
			margin: 0 auto;

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

	#shopAbout {
		background-color: #fbfaf8;

		.shopimg {
			float: none;
			width: 85%;
			max-width: 360px;
			margin: 0 auto 20px;

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

		.right {
			float: none;
			width: 85%;
			margin: 0 auto;
			text-align: left;

			h3.name {
				font-size: 1.8rem;
				font-weight: bold;
				margin: 0 0 10px;
			}

			.address {
				font-size: 1.4rem;
			}

			.tel {
				font-size: 1.4rem;
				font-weight: bold;
				margin: 0 0 20px;
			}

			.holiday,
			.time {
				display: table;
				font-size: 1.4rem;
				margin: 0 0 5px;
			}

			.holiday dt,
			.time dt {
				display: table-cell;
				width: 6em;
				font-weight: bold;
			}

			.holiday dd,
			.time dd {
				display: table-cell;
			}

			.snsList {
				margin: 25px 0 0;

				li {
					display: inline-block;
					margin: 0 5px 0 0;

					a {
						display: block;
						width: 45px;
						height: 45px;
						text-align: center;
						border: 3px solid #fff;
						background-color: #fff;
						border-radius: 50px;
						background-position: center;
						background-repeat: no-repeat;
						background-size: auto 35px;
					}

					&.facebook a {
						background-image: url(../images/sns_fb.png);
					}

					&.twitter a {
						background-image: url(../images/sns_tw.png);
					}

					&.instagram a {
						background-image: url(../images/sns_in.png);
					}

					&.tiktok a {
						background-image: url(../images/sns_tt.png);
					}

					&.mail a {
						background-image: url(../images/sns_mail.png);
					}
				}
			}
		}

		.googleMap {
			width: 100%;
			margin: 35px auto 25px;

			h4 {
				font-size: 2.0rem;
				font-weight: bold;
				margin: 0 0 10px;
			}

			.mapContent iframe {
				width: 100%;
				height: 250px;
			}
		}

		a.reservationWeb {
			display: block;
			width: 70%;
			max-width: 500px;
			margin: 50px auto 0;
			padding: 30px;
			color: #fff;
			font-size: 2.0rem;
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			background-color: #ed1e79;
		}

		.lineText {
			display: block;
			font-size: 1.4rem;
			margin: 50px 0 5px;
		}

		a.reservation {
			display: inline-block;
			max-width: 250px;
			margin: 0 auto 0;
			padding: 0 20px 0 10px;
			color: #fff;
			font-size: 1.4rem;
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			background-color: #00ca41;

			span {
				display: inline-block;
				padding: 10px 0 10px 35px;
				background-position: center left;
				background-repeat: no-repeat;
				background-size: auto 30px;
				background-image: url(../images/sns_li.png);
			}
		}
	}

	/* ----------------------------------------------
お問い合わせフォーム
------------------------------------------------- */
	/* 入力画面のテキスト */

	#contactContent .contactForm {
		.contactAbout {
			.text {
				display: block;
				text-align: left;
				font-size: 1.4rem;
				margin: 0 0 5px;
			}

			.text_s {
				margin: 0;
				font-size: 1.2rem;
				text-align: left;
			}
		}

		.companyData {
			margin: 75px auto 0;
			padding: 20px 25px 20px;
			font-size: 1.4rem;
			border: 1px solid #e2e2e2;
			text-align: left;

			h2 {
				display: block;
				font-size: 1.3rem;
				font-weight: bold;
				text-align: center;
				color: #000;
				background-color: #eceae5;
				padding: 5px 15px 3px;
				margin: 0 auto 15px;
			}

			.companyName {
				font-size: 1.5rem;
				font-weight: bold;
				margin: 0 0 0px;
			}

			.representative {
				margin: 0 0 15px;
			}

			ul {
				display: inline-block;
				margin: 0 auto 0;
				text-align: left;

				span {
					font-weight: bold;
				}
			}
		}

		.mw_wp_form_confirm {

			.contactAbout,
			.companyData {
				display: none;
			}
		}

		.contactPreview .text {
			display: block;
			font-size: 1.4rem;
			margin: 0 0 5px;
			text-align: left;
		}

		.mw_wp_form_input .contactPreview {
			display: none;
		}

		.formContent {
			margin: 25px auto 0;

			dl {
				padding: 0 0 25px;

				dt {
					font-weight: bold;
					text-align: left;
					margin: 0 0 5px;
				}

				dd {
					text-align: left;
					vertical-align: middle;
				}

				&.privacy {
					display: block;
					border-bottom: none;
					text-align: center;
					margin: 15px auto 0;

					p {
						display: inline-block;
					}

					dt {
						display: block;
						margin: 0 0 15px;
						padding: 25px 15px;
						border: 1px solid #000;

						h2 {
							font-size: 1.4rem;
							font-weight: bold;
							text-align: center;
							margin: 0 0 15px;
						}

						.privacyContent {
							font-size: 1.2rem;
							font-weight: normal;
							width: 90%;
							margin: 0 auto;
							padding: 0 10px 10px;
							height: 120px;
							overflow-y: scroll;
							text-align: left;

							h3 {
								font-weight: bold;
								margin: 0 0 5px;
							}

							.text {
								margin: 0 5px 20px;
							}

							strong {
								display: block;
								margin: 0 0 2px;
							}

							p.list {
								text-indent: -1.0em;
								padding-left: 1.0em;
							}
						}
					}

					dd {
						display: block;
						text-align: center;

						p.text {
							display: block;
							margin: 0 0 15px;
						}

						.text_b {
							display: inline-block;
							margin: 0 0 0 10px;
							font-weight: bold;

							span {
								font-weight: bold !important;
							}
						}

						span.error {
							font-weight: normal !important;
							font-size: 86%;
						}
					}
				}

				dd {
					input {

						&[type="email"],
						&[type="text"],
						&[type="tel"] {
							width: 100%;
							padding: 15px;
							font-size: 1.5rem;
							background-color: #f2f2f2;
							cursor: text;
							color: #000;
							border: none;
						}
					}

					textarea {
						width: 100%;
						padding: 15px;
						font-size: 1.5rem;
						background-color: #f2f2f2;
						cursor: text;
						color: #000;
						border: none;
					}

					input[type="text"].tel {
						width: 25%;
					}

					.wpcf7-list-item {
						display: inline-block;
						margin: 0 10px 0 0;
					}

					textarea {
						height: 10em;
						font-size: 100%;
						font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
					}

					select {
						width: 100%;
						font-size: 100%;
						padding: 15px 10px;
						cursor: pointer;
						border: none;
						background-color: #f2f2f2;
					}
				}
			}

			.required {
				display: inline-block;
				margin: 0 0 0 15px;
				color: rgb(220, 20, 60);
				font-size: 1.3rem;
				font-weight: normal;
			}
		}
	}

	/* 確認画面のテキスト */

	/* 入力画面 */

	/* 確認画面 */

	.mw_wp_form .error {
		font-size: 93%;
		color: #B70000;
		display: block;
		padding: 5px;
	}

	#contactContent .contactForm .formContent input[type="submit"] {
		&.back {
			display: inline-block;
			width: 85%;
			max-width: 350px;
			padding: 25px;
			font-size: 1.6rem;
			font-weight: bold;
			color: #fff;
			background-color: #000;
			margin: 0 0 15px 0;
		}

		&.transmission {
			display: inline-block;
			width: 85%;
			max-width: 350px;
			padding: 25px;
			font-size: 1.6rem;
			font-weight: bold;
			color: #000;
			background-color: #90ee90;
		}
	}

	/* 完了画面 */
	.mw_wp_form_complete {
		h3 {
			font-size: 1.6rem;
			font-weight: bold;
			margin: 0 0 15px;
		}

		p {
			text-align: left;
			font-size: 1.4rem;
			margin: 0 0 25px;

			&.topBack {
				text-align: center;
			}
		}
	}
}