/*
Theme Name: seikoukai
Version: 1.00
*/

/*PC*/

@media all {
	figure {
		margin: 0 !important;
	}

	main {
		padding-top: 157px;
	}

	body {
		.tb_on {
			display: none !important;
		}
		.sp_only {
			display: none !important;
		}
		#header_sp {
			display: none;
		}
		color: #472705;
		overflow: hidden;

		a:hover {
			opacity: 0.7 !important;
			transition: all 0.25s;
		}

		/*反転カラー*/
		::selection {
			background: #472705;
			color: #fff;
		}

		::-moz-selection {
			background: #472705;
			color: #fff;
		}

		ul {
			list-style: none;
		}

		table {
			border-collapse: collapse;
		}

		.title_01 {
			letter-spacing: 0.3em;
		}

		.title_02 {
			letter-spacing: 0.2em;
		}

		.title_03 {
			font-size: 3rem;
			width: 415px;
			text-align: center;
			padding-bottom: 20px;
			margin: 0px auto 40px;
			border-bottom: 1px solid #472705;
			letter-spacing: 0.5em;
			text-indent: 0.5em;
			font-weight: 500;
		}

		.page_title {
			width: 100%;
			text-align: center;
			background-color: white;
			letter-spacing: 0.5em;
			padding: 50px 0px;
			font-weight: 700;
		}

		.page_title_sub {
			text-align: center;
			padding: 60px 0px;
			letter-spacing: 0.5em;
			font-weight: 500;
			line-height: 2.25;
		}

		.page_title_sub2 {
			text-align: center;
			letter-spacing: 0.3em;
			line-height: 2.5;
			font-weight: 500;
		}

		.page_title_sub3 {
			text-align: center;
			margin-bottom: 40px;
			letter-spacing: 0.2em !important;
			line-height: 1.8;
			font-weight: 500;
		}

		.f_center {
			text-align: center;
		}

		.f_10 {
			font-size: 1rem !important;
		}

		.f_12 {
			font-size: 1.2rem !important;
		}

		.f_13 {
			font-size: 1.3rem !important;
		}

		.f_14 {
			font-size: 1.4rem !important;
		}

		.f_15 {
			font-size: 1.5rem !important;
		}

		.f_16 {
			font-size: 1.6rem !important;
		}

		.f_18 {
			font-size: 1.8rem !important;
		}

		.f_20 {
			font-size: 2rem !important;
		}

		.f_22 {
			font-size: 2.2rem !important;
		}

		.f_24 {
			font-size: 2.4rem !important;
		}

		.f_28 {
			font-size: 2.8rem !important;
		}

		.f_30 {
			font-size: 3rem !important;
		}

		.f_32 {
			font-size: 3.2rem !important;
		}

		.f_36 {
			font-size: 3.6rem !important;
		}

		.f_40 {
			font-size: 4rem !important;
		}

		.f_orange {
			color: #ff8d2c;
		}

		.bg_green {
			background-color: #c2e0c0 !important;
		}
		.bg_blue {
			background-color: #cde6e2 !important;
		}
		.bg_brown {
			background-color: #ede4d3 !important;
		}
		.bg_orange {
			background-color: #ffe1aa !important;
		}

		.bg_orange_2 {
			background-color: #ff8d2c !important;
		}

		.bg_sky {
			background-color: #bbeae8 !important;
		}

		.bd_green {
			border: 6px solid #c2e0c0;
		}
		.bd_blue {
			border: 6px solid #cde6e2;
		}

		.mt_20 {
			margin-top: 20px !important;
		}

		.nowrap {
			white-space: nowrap;
		}

		.button_more {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 260px;
			height: 68px;
			border-radius: 34px;
			background-color: #c9e0d1;
			margin: 0px auto 40px;
			.fas {
				margin-left: 20px;
			}
		}

		.tel {
			font-family: "Asap";
			letter-spacing: 0.1em !important;
			margin-bottom: 20px;
			padding: 0px 46px;
			line-height: 1;
			& a {
				color: #472705;
			}
		}

		/*タブ切り替え全体のスタイル*/
		.tabs {
			width: 820px;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

		/*タブのスタイル*/
		.tab_item_01 {
			width: 350px;
			padding: 20px 0px 10px;
			background-color: white;
			line-height: 50px;
			font-size: 3rem;
			text-align: center;
			display: block;
			float: left;
			text-align: center;
			transition: all 0.2s ease;
			border-radius: 30px 30px 0px 0px;
			margin: 0px 10px;
			span {
				display: block;
				line-height: 1;
			}
		}

		.tab_item_02 {
			width: 350px;
			padding: 20px 0px 10px;
			background-color: white;
			line-height: 50px;
			font-size: 3rem;
			text-align: center;
			display: block;
			float: left;
			text-align: center;
			transition: all 0.2s ease;
			border-radius: 30px 30px 0px 0px;
			margin: 0px 10px;
			span {
				display: block;
				line-height: 1;
			}
		}

		/*ラジオボタンを全て消す*/
		input[name="tab_item"] {
			display: none;
		}

		/*タブ切り替えの中身のスタイル*/
		.tab_content {
			display: none;
			padding: 50px;
			clear: both;
			overflow: hidden;
			width: 820px;
			background-color: white;
			border-radius: 30px;
			& a:hover {
				opacity: 1 !important;
			}
		}

		.tab_01 {
			.cls-1 {
				fill: #d9f2ba;
			}

			.cls-1,
			.cls-10,
			.cls-11,
			.cls-4,
			.cls-6,
			.cls-8,
			.cls-9 {
				stroke: #472705;
			}

			.cls-1,
			.cls-10,
			.cls-11,
			.cls-4,
			.cls-6,
			.cls-7,
			.cls-8,
			.cls-9 {
				stroke-linecap: round;
				stroke-linejoin: round;
			}

			.cls-1,
			.cls-10,
			.cls-11,
			.cls-4,
			.cls-6,
			.cls-7,
			.cls-8 {
				stroke-width: 2.07px;
			}

			.cls-2 {
				isolation: isolate;
			}

			.cls-3 {
				fill: #472705;
			}

			.cls-4,
			.cls-5 {
				fill: none;
			}

			.cls-6 {
				fill: #fff;
			}

			.cls-7 {
				fill: #c5e9ea;
				stroke: #000;
			}

			.cls-8,
			.cls-9 {
				fill: #fffac5;
			}

			.cls-9 {
				stroke-width: 1.68px;
			}

			.cls-10 {
				fill: #fad5e3;
			}

			.cls-11 {
				fill: #ffd5a3;
			}
		}

		.tab_02 {
			.cls-1,
			.cls-2 {
				fill: #fffac5;
			}

			.cls-1,
			.cls-3,
			.cls-5,
			.cls-6,
			.cls-7 {
				stroke: #472705;
				stroke-width: 2px;
			}

			.cls-1 {
				stroke-miterlimit: 10;
			}

			.cls-3 {
				fill: #d9f2ba;
			}

			.cls-3,
			.cls-5,
			.cls-6,
			.cls-7 {
				stroke-linecap: round;
				stroke-linejoin: round;
			}

			.cls-4 {
				fill: #472705;
			}

			.cls-5 {
				fill: none;
			}

			.cls-6 {
				fill: #ffd5a3;
			}

			.cls-7 {
				fill: #fad5e3;
			}
		}

		/*選択されているタブのコンテンツのみを表示*/
		#all:checked ~ #all_content,
		#programming:checked ~ #programming_content {
			display: block;
		}

		/*選択されているタブのスタイルを変える*/
		.tabs input:checked + .tab_item_01 {
			background-color: #cde6e2;
		}

		.tabs input:checked + .tab_item_02 {
			background-color: #c2e0c0;
		}

		/*スタートロゴ*/
		.start {
			position: fixed;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 9000;
			display: flex;
			justify-content: center;
			align-items: center;
			background-image: url("https://sk-kai.com/wp-content/themes/seikoukai/images/bg_green.png");
			background-size: cover;
		}
		.start p {
			display: none;
			z-index: 9999;
			width: 273px;
		}

		/*ページネーション関連*/
		.page {
			width: 100%;
			display: block;
		}
		.page-numbers {
			display: flex;
			justify-content: center;
			font-size: 1.6rem;
			padding: 5px;
			background-color: #ede4d3;
		}
	}

	.home,
	.page-id-21,
	.page-id-15,
	.home #header,
	.page-id-21 #header,
	.page-id-15 #header,
	.page-id-9,
	.page-id-19,
	.page-id-17,
	.page-id-11,
	.page-id-23,
	.page-id-1183,
	.single-post,
	.archive,
	.modal-overlay,
	.blog,
	.page-id-9 #header,
	.page-id-19 #header,
	.page-id-17 #header,
	.page-id-11 #header,
	.page-id-23 #header,
	.page-id-1183 #header,
	.single-post #header,
	.archive #header,
	.modal-overlay #header,
	.blog #header {
		background-image: url("https://sk-kai.com/wp-content/themes/seikoukai/images/bg_green.png");
		background-size: cover;
	}

	.page-id-13,
	.page-id-13 #header,
	.page-id-1183,
	.page-id-1183 #header,
	.page-id-1421,
	.page-id-1421 #header {
		background-image: url("https://sk-kai.com/wp-content/themes/seikoukai/images/bg_orange.png");
		background-size: cover;
	}

	.button {
		height: 68px;
		width: 346px;
		font-size: 3rem;
		margin: auto;
		border-radius: 36px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #ede4d3;
		font-family: "Asap";
		letter-spacing: 0.1em;
	}

	.page-id-51 {
		.list_top {
			span {
				color: #ff8d2c !important;
			}
		}
	}

	.page-template-important {
		.list_01 {
			span {
				color: #ff8d2c !important;
			}
		}
	}

	.page-template-about,
	.page-id-1183 {
		.list_02 {
			span {
				color: #ff8d2c !important;
			}
		}
	}

	.page-template-life {
		.list_03 {
			span {
				color: #ff8d2c !important;
			}
		}
	}

	.page-template-meal {
		.list_04 {
			span {
				color: #ff8d2c !important;
			}
		}
	}

	.blog,
	.archive,
	.single {
		.list_05 {
			span {
				color: #ff8d2c !important;
			}
		}
	}

	.page-template-picoclub {
		.list_06 {
			span {
				color: #ff8d2c !important;
			}
		}
	}

	.page-template-info {
		.list_07 {
			span {
				color: #ff8d2c !important;
			}
		}
	}

	.page-template-contact {
		.list_08 {
			span {
				color: #ff8d2c !important;
			}
		}
	}

	.wrapper_instagram {
		text-align: center;
		background: white;
		width: 100%;
		padding-bottom: 100px;
		figure {
			margin-bottom: 30px !important;
			&:last-of-type {
				margin-bottom: 0px !important;
			}
		}
	}

	#header {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 998;
		.header_wrapper {
			text-align: center;
		}

		.header_logo {
			height: auto;
			padding: 25px 0px 12px;
			display: flex;
			justify-content: center;
		}

		.header_menu_wrapper {
			width: 100%;
			background-color: white;
			.header_menu {
				max-width: 1280px;
				height: 60px;
				margin: auto;
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 2;
				figure {
					margin: 0px 30px 0px 0px !important;
				}
			}
			.header_menu_list {
				margin-right: 25px;
				color: #472705;
				letter-spacing: 0.2em;
				font-weight: 700;
				&:last-child {
					margin-right: 0px;
				}
				ul {
					display: none;
					background-color: rgba(255, 255, 255, 0.8);
					padding: 20px 20px 10px 10px;
					position: absolute;
					font-size: 1.4rem;
					color: #472705;
					font-weight: 700;
				}
				&:hover {
					ul {
						display: block;
					}
				}
				li {
					line-height: 1.8;
					text-align: left;
				}
			}
		}
		/*TOPロゴ入れ替え*/
		.js-image {
			z-index: 1;
		}
		.git-image {
			z-index: 0;
			opacity: 0;
			display: none;
		}
	}

	#top,
	.home #header {
		animation: fadeIn 3s linear;
		animation-fill-mode: both;
		@keyframes fadeIn {
			0% {
				opacity: 0;
			}

			80% {
				opacity: 0;
			}
			100% {
				opacity: 1;
			}
		}
	}

	#top {
		#top_slider {
			.slick-dots .slick-active button {
				background: #472705; /*ドットボタンの現在地表示の色*/
			}
			.slider {
				position: relative;
				z-index: 10;
				/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
				height: 80vh; /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
			}
			h1 {
				position: absolute;
				top: 63%;
				right: 50px;
				z-index: 10;
				font-size: 3rem;
				letter-spacing: 0.2em;
				padding: 7px 60px;
				background: -moz-linear-gradient(
					left,
					rgba(255, 255, 255, 0) 2%,
					rgba(255, 255, 255, 1) 15%,
					rgba(255, 255, 255, 1) 50%,
					rgba(255, 255, 255, 1) 85%,
					rgba(255, 255, 255, 0.67) 90%,
					rgba(255, 255, 255, 0) 100%
				); /* FF3.6-15 */
				background: -webkit-linear-gradient(
					left,
					rgba(255, 255, 255, 0) 2%,
					rgba(255, 255, 255, 1) 15%,
					rgba(255, 255, 255, 1) 50%,
					rgba(255, 255, 255, 1) 85%,
					rgba(255, 255, 255, 0.67) 90%,
					rgba(255, 255, 255, 0) 100%
				); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(
					to right,
					rgba(255, 255, 255, 0) 2%,
					rgba(255, 255, 255, 1) 15%,
					rgba(255, 255, 255, 1) 50%,
					rgba(255, 255, 255, 1) 85%,
					rgba(255, 255, 255, 0.67) 90%,
					rgba(255, 255, 255, 0) 100%
				); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

				/*span {
					background-color: white;
					margin-bottom: 25px;
					display: table;
					padding: 3px 0px 5px 7px;
				}*/
			}
			.slick-track {
				height: 80vh;
			}
			/*　背景画像設定　*/

			.slider-item01 {
				background: url(https://sk-kai.com/wp-content/themes/seikoukai/images/top_mainimg_01.jpg);
			}

			.slider-item02 {
				background: url(https://sk-kai.com/wp-content/themes/seikoukai/images/top_mainimg_02.jpg);
			}

			.slider-item03 {
				background: url(https://sk-kai.com/wp-content/themes/seikoukai/images/top_mainimg_03.jpg);
			}

			.slider-item04 {
				background: url(https://sk-kai.com/wp-content/themes/seikoukai/images/top_mainimg_04.jpg);
			}

			.slider-item05 {
				background: url(https://sk-kai.com/wp-content/themes/seikoukai/images/top_mainimg_05.jpg);
			}

			.slider-item06 {
				background: url(https://sk-kai.com/wp-content/themes/seikoukai/images/top_mainimg_06.jpg);
			}

			.slider-item {
				width: 100%; /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
				height: 80vh; /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
				background-repeat: no-repeat; /*背景画像をリピートしない*/
				background-position: center; /*背景画像の位置を中央に*/
				background-size: cover; /*背景画像が.slider-item全体を覆い表示*/
			}

			/*矢印の設定
			.slick-prev,
			.slick-next {
				position: absolute;
				z-index: 3;
				top: 48%;
				cursor: pointer;
				outline: none;
				border-top: 2px solid #fff;
				border-right: 2px solid #fff;
				height: 25px;
				width: 25px;
			}


			.slick-prev {
				left: 2.5%;
				transform: rotate(-135deg);
			}

			.slick-next {
				right: 2.5%;
				transform: rotate(45deg);
			}*/

			/*ドットナビゲーションの設定*/

			.slick-dots {
				position: relative;
				z-index: 3;
				text-align: center;
				margin: -50px 0 0 0; /*ドットの位置*/
			}

			.slick-dots li {
				display: inline-block;
				margin: 0 5px;
			}

			.slick-dots button {
				color: transparent;
				outline: none;
				width: 8px; /*ドットボタンのサイズ*/
				height: 8px; /*ドットボタンのサイズ*/
				display: block;
				border-radius: 50%;
				background: #fff; /*ドットボタンの色*/
			}
		}

		#top_news {
			padding: 90px 0px 100px;
			background-color: white;
			.title_01 {
				text-align: center;
			}
			ul {
				margin: auto;
				max-width: 730px;
			}
			h2 {
				margin-bottom: 70px;
			}
			li {
				display: flex;
				align-items: center;
				border-bottom: dotted 2px #969696;
				padding-bottom: 20px;
				margin-bottom: 20px;
			}
			time {
				margin-right: 23px;
			}
			.category {
				width: 160px;
				height: 30px;
				background-color: #d4ebb5;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 5px;
				margin-right: 10px;
				font-weight: 400;
			}
			h3 {
				font-weight: 400;
			}
		}

		#top_main {
			padding: 100px 0px;
			article {
				padding: 55px 70px;
				background-color: white;
				border-radius: 30px;
				margin: 0px auto 80px;
				max-width: 730px;
				text-align: center;
				&:last-child {
					margin-bottom: 0px;
				}
			}
			.title_img_01 {
				position: relative;
				& img {
					position: absolute;
					left: 40px;
					bottom: 0px;
				}
			}
			.title_img_02 {
				position: relative;
				& img {
					position: absolute;
					right: 40px;
					bottom: 0px;
				}
			}
			.title_img_03 {
				position: relative;
				& img {
					position: absolute;
					left: 0px;
					bottom: 0px;
				}
			}
			h2 {
				padding-bottom: 20px;
				margin-bottom: 40px;
				border-bottom: 1px solid #472705;
				letter-spacing: 0.5em;
				font-weight: 500;
			}
			p {
				letter-spacing: 0.3em;
				line-height: 2.5;
				font-weight: 500;
			}
			ul {
				text-align: left;
				letter-spacing: 0.2em;
				line-height: 2.5;
				padding-left: 40px;
				font-weight: 500;
			}
		}
	}

	#about {
		/*モーダル*/
		.modal-wrapper {
			z-index: 999;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			padding: 60px 10px;
			text-align: center;
		}

		.modal-wrapper:not(:target) {
			opacity: 0;
			visibility: hidden;
		}

		.modal-wrapper:target {
			opacity: 1;
			visibility: visible;
		}

		.modal-wrapper::after {
			display: inline-block;
			height: 100%;
			margin-left: -0.05em;
			vertical-align: middle;
			content: "";
		}

		.modal-wrapper .modal-window {
			box-sizing: border-box;
			display: inline-block;
			z-index: 20;
			position: relative;
			max-width: 800px;
			padding: 90px;
			background: rgba(255, 255, 255, 0.5);
			vertical-align: middle;
			transition: all 0.4s;
			margin-top: -100px;
		}

		.modal-content {
			p {
				background-color: white;
				padding: 20px 0px;
			}
			& img {
				width: 100%;
				height: auto;
			}
		}

		.modal-overlay {
			z-index: 19;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}

		.modal-wrapper .modal-close {
			background-color: #472705;
			z-index: 20;
			position: absolute;
			top: 60px;
			right: 60px;
			width: 60px;
			color: white;
			font-size: 40px;
			font-weight: 100;
			line-height: 60px;
			text-align: center;
			text-decoration: none;
			text-indent: 0;
		}

		.modal-wrapper .modal-prev {
			background-color: #472705;
			z-index: 20;
			position: absolute;
			top: 45%;
			left: 15px;
			width: 60px;
			height: 60px;
			color: white;
			font-weight: 100;
			line-height: 1;
			display: flex;
			justify-content: center;
			align-items: center;
			text-decoration: none;
			text-indent: 0;
			font-size: 2.4rem;
		}

		.modal-wrapper .modal-next {
			background-color: #472705;
			z-index: 20;
			position: absolute;
			top: 45%;
			right: 15px;
			width: 60px;
			height: 60px;
			color: white;
			font-weight: 100;
			line-height: 1;
			display: flex;
			justify-content: center;
			align-items: center;
			text-decoration: none;
			text-indent: 0;
			font-size: 2.4rem;
		}

		.slick-dots {
			display: none !important;
		}

		#about_slider {
			z-index: 10 !important;
			.slider_02 {
				position: relative;
				/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
				height: 242px; /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
			}

			.slick-track {
				height: 242px;
			}
			/*　背景画像設定　*/

			.slider-item01 {
				background: url(https://sk-kai.com/wp-content/themes/seikoukai/images/about_mainimg_01.jpg);
			}

			.slider-item02 {
				background: url(https://sk-kai.com/wp-content/themes/seikoukai/images/about_mainimg_03.jpg);
			}

			.slider-item {
				width: 100%; /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
				height: 242px; /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
				background-repeat: no-repeat; /*背景画像をリピートしない*/
				background-position: center; /*背景画像の位置を中央に*/
				background-size: cover; /*背景画像が.slider-item全体を覆い表示*/
			}
		}

		#acd-check1,
		#acd-check2 {
			display: none;
		}

		.kodomoen_link {
			text-align: center;
			margin-bottom: 40px;
			p {
				color: #f5540d;
				font-size: 1.8rem;
				margin: 90px 0px 30px;
				font-weight: bold;
			}
			.button {
				font-size: 1.8rem;
				width: 280px;
				padding: 0px 20px;
				background-color: #f5540d !important;
				color: white;
				border-radius: 10px 10px 10px 10px;
				i {
					margin-left: 10px;
				}
			}
		}

		.wrapper_01 {
			display: flex;
			justify-content: center;
			.wrapper_01_01 {
				width: 350px;
				margin: 0px 20px 100px;
				h2 {
					padding: 30px 0px;
					text-align: center;
					letter-spacing: 0.2em;
					border-radius: 10px 10px 0px 0px;
				}
				span {
					margin-top: 12px;
					display: block;
				}
				ul {
					background-color: white;
					border-radius: 0px 0px 10px 10px;
					padding: 25px 80px;
					letter-spacing: 0.1em;
				}
				li {
					line-height: 2;
				}
			}
		}

		.wrapper_02 {
			table {
				margin: 0px auto 70px;
			}
			.left {
				width: 160px;
				text-align: center;
				font-size: 1.8rem;
				padding: 35px 0px;
			}

			.center,
			.right {
				width: 330px;
				text-align: center;
				padding: 36px 0px;
				border-radius: 10px 10px 0px 0px;
			}

			.center {
				border-right: 1px solid #fbf6f2;
			}
			th {
				border-bottom: 1px solid #fbf6f2;
			}
			td {
				background-color: white;
				padding-left: 50px;
				line-height: 1.5;
				border-bottom: 1px solid #fbf6f2;
				border-right: 1px solid #fbf6f2;
			}
		}

		.wrapper_03 {
			padding: 0px 40px;
			.wrapper_03_01 {
				background-color: white;
				width: 820px;
				text-align: center;
				border-radius: 20px;
				padding: 50px 100px;
				margin: 0px auto 100px;
				h2 {
					border-bottom: 1px solid #472705;
					letter-spacing: 0.2em;
					padding-bottom: 20px;
					margin-bottom: 40px;
				}
				.title_img_01 {
					position: relative;
					margin-bottom: 30px;
					& img {
						position: absolute;
						left: 60px;
						bottom: 5px;
					}
				}
				p {
					margin-bottom: 30px;
					letter-spacing: 0.2em;
					line-height: 2;
					font-weight: 500;
				}
				.f_20 {
					letter-spacing: 0.5em;
				}
				.button {
					margin-top: -15px !important;
				}
			}
		}

		.wrapper_04 {
			text-align: center;
			padding-bottom: 100px;
		}

		.wrapper_05 {
			.title_img_02 {
				position: relative;
				margin: 0px auto 30px;
				width: 415px;
				& img {
					position: absolute;
					left: 0px;
					bottom: 13px;
				}
				h2 {
					padding-left: 40px;
				}
			}
			h3 {
				text-align: center;
				font-size: 2rem;
				margin-bottom: 20px;
			}
			.title_img_03 {
				position: relative;
				margin: 0px auto 30px;
				width: 415px;
				& img {
					position: absolute;
					left: 55px;
					bottom: 13px;
				}
			}
			table {
				margin: 0px auto 100px;
			}
			th {
				width: 260px;
				background-color: #ede4d3;
				border-bottom: 1px solid #fbf6f2;
				text-align: center;
				font-size: 1.8rem;
				line-height: 1.5;
			}
			td {
				width: 620px;
				background-color: white;
				border-bottom: 1px solid #fbf6f2;
				padding: 30px 40px;
				font-size: 1.8rem;
				line-height: 1.5;
			}
			span {
				display: block;
				margin-top: 15px;
			}
		}
	}

	#important {
		.bg_tree {
			width: 100%;
			margin: 30px auto 0px;
			padding: 0px 50px;
			& img {
				width: 100%;
				height: auto;
			}
		}
		.wrapper_01 {
			padding: 130px 0px;
			.wrapper_01_01 {
				max-width: 970px;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				margin: 0px auto 180px;
				div {
					z-index: 4;
				}
				h2 {
					line-height: 1.9;
					letter-spacing: 0.5em;
					margin-bottom: 30px;
					font-weight: 700;
				}
				p {
					line-height: 2;
					letter-spacing: 0.2em;
					font-weight: 500;
				}
				figure {
					margin-right: 70px !important;
					z-index: 4;
				}
				.bg {
					margin-right: 0px;
					position: absolute;
					top: -32%;
					left: 0%;
					z-index: 3;
				}
			}
			.wrapper_01_02 {
				max-width: 960px;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				margin: 0px auto 180px;
				padding: 0px 50px;
				div {
					z-index: 4;
				}
				h2 {
					line-height: 1.9;
					letter-spacing: 0.5em;
					margin-bottom: 30px;
					font-weight: 700;
				}
				p {
					line-height: 2;
					letter-spacing: 0.2em;
					font-weight: 500;
				}
				figure {
					margin: 50px 0px 0px 70px !important;
					z-index: 4;
				}
				.bg {
					margin: 0px;
					position: absolute;
					top: -20%;
					left: -23%;
					z-index: 3;
				}
			}
			.wrapper_01_03 {
				max-width: 960px;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				margin: 0px auto 180px;
				div {
					z-index: 4;
				}
				h2 {
					line-height: 1.9;
					letter-spacing: 0.5em;
					margin-bottom: 30px;
					font-weight: 700;
				}
				p {
					line-height: 2;
					letter-spacing: 0.2em;
					font-weight: 500;
				}
				figure {
					margin-right: 70px !important;
					z-index: 4;
				}
				.bg {
					margin-right: 0px;
					position: absolute;
					top: -15%;
					left: -4%;
					z-index: 3;
				}
			}
			.cate_nyuji {
				padding: 8px 0px 8px 10px;
				background-color: #cde6e2;
				display: inline-block;
				margin-bottom: 20px;
				span {
					background-color: white;
					padding: 8px 10px;
					margin-left: 5px;
				}
			}
			.cate_hoiku {
				padding: 8px 0px 8px 10px;
				background-color: #c2e0c0;
				display: inline-block;
				margin-bottom: 30px;
				span {
					background-color: white;
					padding: 8px 10px;
					margin-left: 5px;
				}
			}
		}

		.wrapper_02 {
			padding: 80px 0px;
			background-color: rgba(255, 255, 255, 0.5);
			margin-bottom: 100px;
			h2 {
				text-align: center;
				line-height: 2.25;
				font-weight: 500;
				letter-spacing: 0.5em;
				margin-bottom: 100px;
			}
			.wrapper_02_01 {
				max-width: 830px;
				margin: auto;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				article {
					width: 31%;
					margin-bottom: 35px;
					& img {
						width: 100%;
						height: auto;
						margin-bottom: 10px;
					}
					h3 {
						text-align: center;
						line-height: 1.5;
						font-weight: 500;
					}
					.button {
						width: 146px;
						height: 34px;
						border-radius: 17px;
						font-size: 1.4rem;
						display: flex;
						justify-content: center;
						align-items: center;
						margin: 18px auto 0px;
					}
					.fas {
						font-size: 1.4rem;
						margin-left: 10px;
					}
				}
			}
		}
	}

	#life {
		.wrapper_01 {
			margin: 100px 0px;
			p {
				margin-bottom: 50px;
			}
			table {
				margin-top: 90px;
			}
			th {
				width: 260px;
				background-color: #ede4d3;
				border-bottom: 1px solid #fbf6f2;
				text-align: center;
				font-size: 1.8rem;
				line-height: 1.5;
			}
			td {
				width: 560px;
				background-color: #faf7f0;
				border-bottom: 1px solid #fbf6f2;
				padding: 30px 0px 30px 40px;
				font-size: 1.8rem;
				line-height: 1.5;
			}
			span {
				display: block;
			}
		}
		.wrapper_02 {
			padding: 50px 0px 100px;
			margin-bottom: 100px;
			background-color: white;
			ul {
				display: flex;
			}
			li {
				line-height: 2;
				margin: 0px 20px;
				color: #472705;
				.tate {
					margin: -10px 0px 0px 20px;
					display: block;
				}
			}
			span {
				letter-spacing: 0.1em;
			}
			.wrapper_02_01 {
				background-color: #f8eff6;
				padding: 40px 0px 40px 120px;
				margin-left: 200px;
				display: flex;
				align-items: center;
				border-radius: 80px 0px 0px 80px;
				position: relative;
				h3 {
					color: #f869c7;
					margin-right: 25px;
				}
				& img {
					position: absolute;
					left: -40px;
					top: -20px;
				}
			}
			.wrapper_02_02 {
				background-color: #edfaed;
				padding: 40px 120px 40px 0px;
				margin-right: 200px;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				border-radius: 0px 80px 80px 0px;
				position: relative;
				h3 {
					color: #49e34f;
					margin-left: 25px;
				}
				& img {
					position: absolute;
					right: -40px;
					top: 40px;
				}
			}
			.wrapper_02_03 {
				background-color: #faf7ed;
				padding: 40px 0px 40px 120px;
				margin-left: 200px;
				display: flex;
				align-items: center;
				border-radius: 80px 0px 0px 80px;
				position: relative;
				h3 {
					color: #fdae6a;
					margin-right: 25px;
				}
				& img {
					position: absolute;
					left: -20px;
					top: -15px;
				}
			}
			.wrapper_02_04 {
				background-color: #edf5fa;
				padding: 40px 120px 40px 0px;
				margin-right: 200px;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				border-radius: 0px 80px 80px 0px;
				position: relative;
				h3 {
					color: #33c8eb;
					margin-left: 25px;
				}
				& img {
					position: absolute;
					right: -20px;
					top: -60px;
				}
			}
		}
	}

	#meal {
		.wrapper_01 {
			padding: 130px 0px;
			.wrapper_01_01 {
				max-width: 960px;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				margin: 0px auto 50px;
				div {
					z-index: 4;
				}
				h2 {
					line-height: 1.5;
					letter-spacing: 0.3em;
					padding: 15px 50px;
					margin-bottom: 30px;
					background-color: #c9e0d1;
					display: inline-block;
					border-radius: 10px;
				}
				p {
					line-height: 2;
					letter-spacing: 0.2em;
					font-weight: 500;
				}
				figure {
					margin-right: 70px !important;
					z-index: 4;
				}
				.bg {
					margin-right: 0px;
					position: absolute;
					top: -14%;
					left: 4%;
					z-index: 3;
				}
			}
			.wrapper_01_02 {
				max-width: 1190px;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				margin: 0px auto 90px;
				padding: 0px 80px;
				div {
					z-index: 4;
				}
				h2 {
					line-height: 1.5;
					letter-spacing: 0.3em;
					padding: 15px 50px;
					margin-bottom: 30px;
					background-color: #c9e0d1;
					display: inline-block;
					border-radius: 10px;
				}
				p {
					line-height: 2;
					letter-spacing: 0.2em;
					font-weight: 500;
				}
				figure {
					margin: 50px 0px 0px 10px !important;
					z-index: 4;
				}
				.bg {
					margin: 0px;
					position: absolute;
					top: -16%;
					left: -13%;
					z-index: 3;
				}
			}
			.wrapper_01_03 {
				max-width: 970px;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				margin: 0px auto 150px;
				div {
					z-index: 4;
				}
				h2 {
					line-height: 1.5;
					letter-spacing: 0.3em;
					padding: 15px 50px;
					margin-bottom: 30px;
					background-color: #c9e0d1;
					display: inline-block;
					border-radius: 10px;
				}
				p {
					line-height: 2;
					letter-spacing: 0.2em;
					font-weight: 500;
				}
				figure {
					margin-right: 70px !important;
					z-index: 4;
				}
				.bg {
					margin-right: 0px;
					position: absolute;
					top: -43%;
					left: -6%;
					z-index: 3;
				}
			}
		}

		.wrapper_02 {
			padding: 80px 0px;
			background-color: rgba(255, 255, 255, 0.5);
			margin-bottom: 100px;
			h2 {
				text-align: center;
				line-height: 2;
				letter-spacing: 0.3em;
				margin-bottom: 40px;
			}
			.wrapper_02_01 {
				max-width: 830px;
				margin: auto;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				article {
					width: 260px;
					height: 260px;
					text-align: center;
					margin-bottom: 50px;
					line-height: 2;
					background-color: white;
					border-radius: 16px;
					display: flex;
					align-items: center;
					justify-content: center;
					position: relative;
					p {
						line-height: 1.6;
						letter-spacing: 0.2em;
					}
				}
				figure {
					position: absolute;
					top: -10px;
					left: 50%;
					margin-left: -11px !important;
				}
				div {
					&img {
						width: 100%;
						height: auto;
					}
				}
			}
		}

		.wrapper_03 {
			margin-bottom: 140px;
			.title_img_01 {
				position: relative;
				text-align: center;
				width: 415px;
				margin: auto;
				& img {
					position: absolute;
					left: 0px;
					bottom: -10px;
				}
			}
			.wrapper_03_01 {
				max-width: 820px;
				margin: auto;
				padding: 80px 50px 40px;
				border-radius: 10px;
				background-color: white;
				.wrapper_03_02 {
					display: flex;
					justify-content: center;
					article {
						max-width: 300px;
						max-height: 200px;
						margin: 0px 30px 140px;
						& img {
							width: 100%;
							height: auto;
							border-radius: 20px;
						}
						time {
							display: block;
							margin: 10px 0px 10px 15px;
						}
						.category {
							background-color: #ede4d3;
							padding: 5px 15px;
							border-radius: 5px;
							margin: 0px 5px 5px 0px;
							font-size: 1rem;
							letter-spacing: 1px;
							display: inline-block;
							margin-left: 15px;
						}
					}
				}
			}
		}

		.wrapper_04 {
			margin-bottom: 100px;
			.title_img_01 {
				position: relative;
				text-align: center;
				width: 415px;
				margin: auto;
				& img {
					position: absolute;
					right: -20px;
					bottom: 10px;
				}
			}
			.wrapper_04_01 {
				display: flex;
				justify-content: center;
				margin: 80px 0px 70px;
				.button_menu {
					border-radius: 30px;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-direction: column;
					width: 350px;
					height: 160px;
					letter-spacing: 0.2em;
					margin: 0px 10px;
					span {
						margin-top: 10px;
						font-size: 2rem !important;
					}
				}
			}
		}
	}

	#picoclub {
		.picoclub_slider {
			width: 100%;
			height: 400px;
			& img {
				object-fit: cover;
				width: 100%;
				height: 400px;
			}
		}
		p {
			line-height: 2;
		}
		.wrapper_01 {
			text-align: center;
			background-color: #fffcd3;
			padding: 100px 0px 0px;
			position: relative;
			z-index: 1;
			h1 {
				color: #ff8d2c;
				margin-bottom: 70px;
				letter-spacing: 0.3em;
				font-weight: 700;
				span {
					font-size: 2rem;
					margin-bottom: 20px;
					display: block;
					letter-spacing: 0.5em;
				}
			}
			h2 {
				color: #ff8d2c;
				margin-bottom: 70px;
				line-height: 2.25;
				letter-spacing: 0.5em;
				font-weight: 500;
			}
			.img_01 {
				position: absolute;
				left: 10%;
				top: -70px;
			}
			.img_02 {
				position: absolute;
				right: 8%;
				bottom: 190px;
				z-index: -1;
			}
			.wrapper_instagram {
				background-color: transparent;
				figure {
					margin: 50px 0px 0px !important;
				}
			}
		}
		.wrapper_02 {
			background-color: #fffcd3;
			padding-bottom: 100px;
			.title_03 {
				color: #ff8d2c;
				border-bottom: 1px solid #ff8d2c !important;
			}
			table {
				margin: 0px auto 70px;
				th {
					text-align: center;
					background-color: #ffe1aa;
					padding: 25px 80px;
					border-bottom: 1px solid #794a17;
					line-height: 1.5;
				}
				td {
					background-color: white;
					padding: 25px 80px;
					border-bottom: 1px solid #794a17;
					span {
						display: block;
						font-family: "Asap";
					}
				}
				tr {
					&:last-child td,
					&:last-child th {
						border-bottom: none;
					}
				}
			}
			.wrapper_02_01 {
				display: flex;
				justify-content: center;
				.button_more {
					margin: 0px 25px;
					color: #472705;
					border-radius: 10px;
				}
			}
		}

		.wrapper_03 {
			padding: 60px 0px 140px;
			background-color: #fffef2;
			position: relative;
			.title_03 {
				color: #ff8d2c;
				border-bottom: 1px solid #ff8d2c !important;
			}
			.img_09 {
				position: absolute;
				top: 490px;
				right: 0px;
			}
			.img_10 {
				position: absolute;
				bottom: 240px;
				left: 0px;
			}
			.wrapper_03_01 {
				display: flex;
				justify-content: center;
				margin-bottom: 90px;
				.wrapper_03_02 {
					width: 350px;
					background-color: #ffe1aa;
					border-radius: 30px;
					margin: 0px 10px;
					position: relative;
					h3 {
						text-align: center;
						color: #472705;
						padding: 20px 0px;
						line-height: 1.8;
					}
					& img {
						margin-bottom: -1px;
						width: 100%;
						height: auto;
					}
				}
				.img_03 {
					position: absolute;
					top: -104px;
					left: 20px;
				}
			}
			.wrapper_03_03 {
				max-width: 540px;
				margin: 0px auto 40px;
				position: relative;
				h3 {
					color: #ff8d2c;
					margin-bottom: 30px;
				}
				p {
					margin: 0px 0px 10px 25px;
				}
				.reserve {
					background-color: #ff8d2c;
					color: white;
					border-radius: 13px;
					padding: 2px 30px;
					line-height: 1;
					margin-left: 5px;
				}
				.non_reserve {
					background-color: white;
					color: #ff8d2c;
					border: 1px solid #ff8d2c;
					border-radius: 13px;
					padding: 2px 30px;
					line-height: 1;
					margin-left: 5px;
				}
				.img_04 {
					position: absolute;
					right: -80px;
					top: 70px;
				}
				.img_05 {
					position: absolute;
					left: -90px;
					top: 20px;
				}
				.img_06 {
					position: absolute;
					right: -50px;
					top: 30px;
				}
				.img_07 {
					position: absolute;
					right: -20px;
					top: -60px;
				}
				.img_08 {
					position: absolute;
					right: -20px;
					top: 100px;
				}
			}
		}

		.wrapper_04 {
			padding: 50px 0px;
			background-color: #fffcd3;
		}

		.wrapper_05 {
			padding: 70px 0px;
			table {
				margin: 50px auto;
				line-height: 1.5;
				th {
					text-align: center;
					background-color: #ede4d3;
					padding: 25px 50px;
					border-bottom: 1px solid #794a17;
				}
				td {
					background-color: white;
					padding: 25px 10px 25px 20px;
					border-bottom: 1px solid #794a17;
					span {
						display: block;
						margin: 5px 0px 0px -20px;
					}
				}
				tr {
					&:last-child td,
					&:last-child th {
						border-bottom: none;
					}
				}
			}
			.table_sub {
				border: none;
				margin: 0px;
				th {
					text-align: center;
					background-color: white;
					padding: 0px 20px;
					border-bottom: none;
				}
				td {
					text-align: center;
					background-color: white;
					padding: 0px 20px;
					border-bottom: none;
				}
				.p_l {
					padding-left: 0px !important;
				}
			}
			.f_14 {
				font-weight: 500;
				letter-spacing: 0.1em;
				line-height: 2;
			}
		}
	}

	/*ピコクラブ追加ページ分*/
	.pico_addition {
		.round {
			position: absolute;
			top: -44px;
			left: -15px;
			width: 88px;
			aspect-ratio: 1 / 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-size: 2rem;
			border: 1px solid #ff8d2c;
			border-radius: 50%;
			background-color: white;
			color: #ff8d2c;
			line-height: 1.2;
			span {
				display: block;
				margin-top: 5px;
				&:last-child {
					margin-top: 2px;
				}
			}
		}
		.wrapper_03 {
			padding: 60px 0px !important;
			.wrapper_03_01 {
				flex-wrap: wrap;
				max-width: 1000px;
				margin: 0px auto !important;
				.wrapper_03_02 {
					z-index: 2;
					margin-bottom: 50px !important;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					&:nth-child(4),
					&:nth-child(5),
					&:nth-child(7) {
						.round {
							background-color: #ff8d2c;
							color: white;
						}
					}
					&:nth-child(1),
					&:nth-child(2) {
						h3 {
							border-bottom: none;
							color: white !important;
						}
					}
					&:nth-child(9) {
						h3 {
							border-bottom: none;
						}
						max-width: 720px !important;
						width: 100% !important;
					}
					.emphasis {
						margin: 20px 0px -42px;
						display: flex;
						align-items: center;
						justify-content: center;
						color: #462605;
						&::before {
							content: "";
							border-top: 1px solid #462605;
							transform: rotate(57deg);
							width: 16px;
							display: inline-block;
						}
						&::after {
							content: "";
							border-top: 1px solid #462605;
							transform: rotate(-57deg);
							width: 16px;
							display: inline-block;
						}
					}
					h3 {
						border-bottom: 1px dashed #462605;
						margin: 0px 20px;
						letter-spacing: 0.05em;
						line-height: 1.6;
					}
					p {
						padding: 10px 0px 20px;
						text-align: center;
						color: #7c6146;
						letter-spacing: 0em;
					}
					ul {
						display: flex;
						justify-content: center;
						margin: -10px 0px 20px;
						li {
							margin: 0px 10px;
						}
					}
				}
			}
			.img_04 {
				position: absolute;
				top: 17%;
				right: 0px;
				z-index: 1;
			}
			.img_05 {
				position: absolute;
				top: 32%;
				left: 0px;
				z-index: 1;
			}
			.img_06 {
				position: absolute;
				top: 47%;
				right: 0px;
				z-index: 1;
			}
			.img_07 {
				position: absolute;
				top: 62%;
				left: 0px;
				z-index: 1;
			}
			.img_08 {
				position: absolute;
				top: 77%;
				right: 0px;
				z-index: 1;
			}
		}
		.wrapper_04 {
			background-color: white !important;
		}
		.wrapper_06 {
			padding: 50px 0px 100px;
			background-color: #fffcd3;
			.title_03 {
				margin: 0px auto 80px;
				color: #ff8d2c;
				border-bottom: 1px solid #ff8d2c !important;
			}
			.wrapper_06_01 {
				max-width: 720px;
				margin: auto;
				padding: 0px 20px;
				figure {
					& img {
						width: 100%;
						height: auto;
					}
				}
				article {
					display: flex;
					align-items: center;
					justify-content: space-between;
					border-bottom: 1px dashed #462605;
					padding: 35px 0px;
					&:nth-child(1) {
						.round {
							background-color: #ff8d2c;
							color: white;
						}
					}
					.wrapper_06_02 {
						display: flex;
						align-items: center;
						.round {
							position: static;
							margin-right: 60px;
							height: 100%;
							.asterisk_wrapper {
								position: relative;
								.asterisk {
									position: absolute;
									right: -30px;
									top: -14px;
								}
							}
						}
						h3 {
							margin-bottom: 15px;
						}
						p {
							margin-bottom: 10px;
							line-height: 1.4 !important;
							&:last-child {
								margin-bottom: 0px;
								color: #7c6146;
							}
						}
						figure {
							max-width: 240px;
						}
					}
				}
			}
		}
	}

	#info {
		.wrapper_01 {
			padding: 100px 0px;
			.wrapper_01_01 {
				max-width: 724px;
				height: 100px;
				border-radius: 50px;
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: white;
				margin: 0px auto 40px !important;
				position: relative;
				&:hover {
					opacity: 0.7;
					transition: all 0.25s;
				}
				&:last-child {
					margin-bottom: 0px !important;
				}
				.fas {
					position: absolute;
					right: 30px;
					top: 42%;
					font-size: 2rem;
				}
				h2 {
					letter-spacing: 0.3em;
					font-weight: 500;
				}
			}
		}
		.acd-check {
			display: none;
		}

		.acd-check:checked + .acd-label + .acd-content {
			max-width: 724px;
			height: 240px;
			border-radius: 0px 0px 50px 50px;
			background-color: white;
			margin: -90px auto 40px;
			opacity: 1;
			padding: 80px 0px 40px;
			visibility: visible;
			text-align: center;
		}

		.acd-check:checked + .wrapper_01_01 {
			&:hover {
				opacity: 1;
			}
		}

		.acd-check:checked + .acd-label .fa-play {
			transform: rotateZ(90deg) !important;
		}

		.acd-content {
			height: 0;
			opacity: 0;
			visibility: hidden;
			h3 {
				border-bottom: 1px solid black;
				width: 410px;
				margin: 0px auto 20px;
				padding-bottom: 20px;
				letter-spacing: 0.3em;
				font-weight: 500;
			}
			ul {
				letter-spacing: 0.3em;
				font-weight: 500;
				line-height: 2;
			}
		}

		.acd-label {
			display: block;
			margin-bottom: 0px !important;
		}
	}

	#contact {
		.page_title_sub2 {
			padding: 60px 0px;
		}
		.wrapper_01 {
			text-align: center;
			background-color: #fdfaf2;
			padding: 100px 0px;
			article {
				margin-bottom: 60px;
				&:last-child {
					margin-bottom: 0px;
				}
			}
			figure {
				margin-bottom: 20px !important;
			}
			p {
				letter-spacing: 0.1em;
				line-height: 1;
				margin: 15px 0px 25px;
			}
			.button_google {
				width: 320px;
				height: 50px;
				border-radius: 25px;
				font-family: "Asap";
				font-size: 2rem;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 0px auto 20px;
				.fas {
					font-size: 1.4rem;
					margin-left: 10px;
				}
			}
			.mail_contact {
				font-size: 1.6rem;
				font-family: "Asap";
			}
		}
		.wrapper_02 {
			padding: 70px 0px;
			text-align: center;
			h2 {
				margin-bottom: 70px;
				letter-spacing: 0.5em;
				font-weight: 500;
			}
			.wrapper_02_01 {
				width: 820px;
				text-align: center;
				padding: 80px 0px;
				margin: auto;
				background-color: white;
				h3 {
					line-height: 2;
					margin-bottom: 40px;
					letter-spacing: 0.3em;
					font-weight: 500;
				}
			}
		}
	}

	#blog {
		h1 {
			display: flex;
			align-items: center;
			justify-content: center;
			& img {
				margin-right: 20px;
			}
		}
		.wrapper_02 {
			display: flex;
			justify-content: center;
			align-items: flex-start;
			padding-bottom: 150px;
			.wrapper_02_01 {
				width: 520px;
				display: flex;
				justify-content: space-between;
				margin-right: 80px;
				flex-wrap: wrap;
				article {
					width: 47%;
					margin-bottom: 40px;
					&:last-of-type {
						margin-bottom: 100px;
					}
					& img {
						width: 100%;
						max-height: 170px;
						object-fit: cover;
					}
					.wrapper_02_01_01 {
						padding: 20px;
						background-color: white;
						.wrapper_02_01_02 {
							display: flex;
							flex-wrap: wrap;
							margin: 15px 0px 10px;
							.category {
								background-color: #ede4d3;
								padding: 5px 15px;
								border-radius: 5px;
								margin: 0px 5px 5px 0px;
								font-size: 0.7rem;
								letter-spacing: 1px;
							}
						}
						h2 {
							letter-spacing: 0.2em;
							line-height: 1.5;
							font-weight: 500;
						}
					}
				}
			}
			.wrapper_02_02 {
				width: 220px;
				.wrapper_02_02_01 {
					margin-bottom: 30px;
					h2 {
						width: 100%;
						background-color: #ede4d3;
						padding: 25px;
						font-weight: 500;
					}
					.wrapper_02_02_02 {
						background-color: white;
						padding: 25px;
						li {
							letter-spacing: 0.3em;
							margin-bottom: 17px;
							font-weight: 500;
							&:last-child {
								margin-bottom: 0px;
							}
						}
					}
				}
			}
		}
	}

	#single {
		.wp-block-gallery,
		.blocks-gallery-grid {
			width: 100%;
		}
		figure {
			width: 100%;
			& img {
				width: 100%;
				height: auto;
			}
		}
		h1 {
			display: flex;
			align-items: center;
			justify-content: center;
			& img {
				margin-right: 20px;
			}
		}
		.wrapper_02 {
			display: flex;
			justify-content: center;
			.wrapper_02_01 {
				width: 570px;
				background-color: white;
				padding: 50px;
				margin: 0px 30px 30px 0px;
				figure {
					& img {
						width: 100%;
						height: auto;
						margin-bottom: 30px !important;
					}
				}
				p {
					margin-bottom: 20px;
				}
				.wrapper_02_01_01 {
					display: flex;
					align-items: center;
					margin-bottom: 30px;
					time {
						margin-right: 30px;
					}
					h1 {
						display: contents;
						line-height: 1.5;
						letter-spacing: 0.3em;
					}
				}
				.category {
					background-color: #ede4d3;
					padding: 5px 30px;
					border-radius: 5px;
					margin-bottom: 50px;
					font-size: 1rem;
					letter-spacing: 1px;
					display: inline-block;
				}
			}
			.wrapper_02_02 {
				width: 220px;
				.wrapper_02_02_01 {
					margin-bottom: 30px;
					h2 {
						width: 100%;
						background-color: #ede4d3;
						padding: 25px;
						font-weight: 500;
					}
					.wrapper_02_02_02 {
						background-color: white;
						padding: 25px;
						li {
							letter-spacing: 0.3em;
							margin-bottom: 17px;
							font-weight: 500;
							&:last-child {
								margin-bottom: 0px;
							}
						}
					}
				}
			}
		}
		.single_pn {
			width: 570px;
			display: flex !important;
			justify-content: space-between;
			display: block;
			margin: 0px 30px 100px 0px;
			background-color: #ede4d3;
			padding: 10px 20px;
			p {
				font-size: 1.2rem;
				margin-bottom: 0px !important;
				.fa-play {
					margin-right: 10px;
					margin-left: 0px;
					display: inline-block;
					transform: scaleX(-1);
				}
				&:last-of-type {
					.fa-play {
						margin-right: 0px;
						margin-left: 10px;
						transform: none;
					}
				}
			}
		}
	}

	#kodomoen {
		& img {
			mix-blend-mode: multiply;
		}
		.wrapper_01 {
			background-color: white;
			width: 820px;
			text-align: center;
			border-radius: 20px;
			padding: 50px 40px;
			margin: 0px auto 100px;
			.title_img_01 {
				position: relative;
				margin: 0px auto 30px;
				width: 350px;
				.img_01 {
					position: absolute;
					left: -10px;
					bottom: -10px;
				}
				.img_02 {
					position: absolute;
					right: 10px;
					bottom: -10px;
				}
			}
			p {
				letter-spacing: 0.2em;
				line-height: 2;
				font-weight: 500;
			}
			.f_20 {
				letter-spacing: 0.5em;
				font-weight: bold;
			}
			.button {
				margin-top: -15px !important;
			}
		}

		.wrapper_02 {
			.title_03 {
				max-width: 515px;
				width: 100%;
				white-space: nowrap;
			}
			.notes {
				margin: -80px auto 100px;
				width: 880px;
			}
			.title_img_02 {
				position: relative;
				margin: 0px auto 30px;
				width: 515px;
				& img {
					position: absolute;
					left: -15px;
					bottom: 7px;
				}
			}
			.title_img_03 {
				position: relative;
				margin: 0px auto 30px;
				width: 515px;
				& img {
					position: absolute;
					left: -50px;
					bottom: 0px;
				}
			}
			.title_img_04 {
				position: relative;
				margin: 0px auto 30px;
				width: 515px;
				& img {
					position: absolute;
					left: -30px;
					bottom: 0px;
				}
			}
			.title_img_05 {
				position: relative;
				margin: 0px auto 30px;
				width: 515px;
				& img {
					position: absolute;
					left: -8px;
					bottom: -6px;
				}
			}
			table {
				margin: 0px auto 100px;
				max-width: 880px;
				width: 100%;
				.bg_pink {
					background-color: #fcc1b8;
				}
				.bg_orange {
					background-color: #f8d99c;
				}
				.bg_morebrown {
					background-color: #472705;
					color: white;
					font-size: 1.6rem;
					padding: 5px 0px !important;
					border-right: 1px solid #fbf6f2;
				}
				.bg_lightbrown {
					background-color: #ede4d3;
				}
				th {
					width: 260px;
					border-bottom: 1px solid #fbf6f2;
					border-right: 1px solid #fbf6f2;
					text-align: center;
					font-size: 1.8rem;
					line-height: 1.5;
				}
				td {
					width: 620px;
					background-color: white;
					border-bottom: 1px solid #fbf6f2;
					border-right: 1px solid #fbf6f2;
					padding: 30px 28px;
					font-size: 1.8rem;
					line-height: 1.5;
				}
				&:nth-of-type(4) {
					th {
						width: 170px;
					}
				}
				&:last-of-type {
					th {
						width: auto;
						padding: 30px;
					}
					td {
						width: auto;
						padding: 30px;
					}
				}
			}
		}

		.wrapper_03 {
			text-align: center;
			padding-bottom: 100px;
			p {
				font-size: 3rem;
				margin: -50px 0px 50px;
				font-weight: bold;
				letter-spacing: 0.1em;
			}
			figure {
				margin-bottom: 30px !important;
			}
			.button {
				width: 340px;
				height: 68px;
				border-radius: 39px;
				font-family: "Asap";
				font-size: 3rem;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: auto;
				background-color: #472705;
				color: #ede4d3;
				font-weight: bold;
			}
		}
	}

	footer {
		.contact {
			display: flex;
			justify-content: center;
			padding: 50px 0px;
			background-color: white;
			text-align: center;
			line-height: 1;
			h2 {
				letter-spacing: 0.3em;
				margin-bottom: 15px;
				font-weight: 500;
				line-height: 1.6;
			}
			p {
				letter-spacing: 0.2em;
				line-height: 1;
				margin-bottom: 18px;
				font-weight: 500;
			}
			.button_google {
				width: 220px;
				height: 50px;
				border-radius: 25px;
				font-family: "Asap";
				font-size: 2rem;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: auto;
				.fas {
					font-size: 1.4rem;
					margin-left: 10px;
				}
				& img {
					width: 20px;
					height: auto;
					margin-right: 10px;
				}
				span {
					font-family: "Noto Sans JP";
					font-weight: bold;
					font-weight: 500;
					font-size: 1.6rem;
				}
			}
			figure {
				margin-bottom: 20px !important;
			}
			.wrapper {
				margin-top: 24px;
			}
		}
		.footer_menu {
			display: flex;
			justify-content: center;
			padding: 55px 0px;
			.wrapper_01 {
				margin-right: 40px;
				&:nth-child(4) {
					margin: 0px !important;
				}
			}
			.footer_menu_list {
				font-size: 1.2rem;
				margin-bottom: 15px;
				font-weight: 700;
				letter-spacing: 0.3rem;
				ul {
					margin: 1rem 0px 0px 2rem;
					line-height: 1.6;
					letter-spacing: 0.1rem;
					font-size: 1.2rem;
					font-weight: 700;
				}
			}
		}
		.go_top {
			position: fixed;
			bottom: 50px;
			right: 50px;
			text-align: center;
			font-size: 2rem;
			z-index: 9;
			opacity: 0;
			font-weight: 500;
			.fas {
				display: block;
				transform: rotate(-90deg);
				margin-bottom: 10px;
			}
		}
	}
}

/*電話番号発信スマホのみ*/
@media (min-width: 751px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

@media screen and (max-width: 1260px) {
	#header {
		.header_menu {
			flex-wrap: wrap;
			height: fit-content !important;
			padding: 20px 0px;
			align-items: center;
			figure {
				width: 100%;
				& img {
					margin: 0px auto 25px;
				}
			}
		}
	}
}

/*ipad*/
@media screen and (max-width: 1024px) {
	img {
		backface-visibility: hidden;
	}
	#header {
		.header_menu_wrapper {
			.header_menu_list {
				margin-right: 15px;
				letter-spacing: 0.1em;
			}
		}
	}
}

/*ipad*/
@media screen and (max-width: 820px) {
	body {
		.f_13 {
			font-size: 1.2rem !important;
		}

		.f_24 {
			font-size: 2.2rem !important;
		}

		.f_20 {
			font-size: 1.8rem !important;
		}

		.tb_none {
			display: none;
		}

		.tab_content {
			width: 100% !important;
			padding: 30px !important;
			& img {
				width: 100%;
			}
		}

		.tabs {
			width: 100% !important;
			.tab_item_01,
			.tab_item_02 {
				width: 40%;
			}
		}

		.page_title_sub2 {
			text-align: center;
			letter-spacing: 0.2em;
		}
	}

	#important {
		h2 {
			letter-spacing: 0.4rem !important;
		}
		.cate_hoiku,
		.cate_nyuji {
			margin-bottom: 10px !important;
		}
		.wrapper_01 {
			padding: 70px 40px;
			.wrapper_01_01 {
				margin: 0px 0px 120px;
				figure {
					margin-right: 30px !important;
				}
				.bg {
					top: -26%;
				}
			}
			.wrapper_01_02 {
				padding: 0px;
				margin-bottom: 100px;
				figure {
					margin: 0px 0px 0px 30px !important;
				}
				.bg {
					top: -10%;
				}
			}
			.wrapper_01_03 {
				padding: 0px;
				margin-bottom: 100px;
				figure {
					margin: 0px 30px 0px 0px !important;
				}
				.bg {
					top: 0%;
				}
			}
		}
		.wrapper_02 {
			padding: 80px 30px;
		}
	}

	#about {
		.page_title_sub {
			margin-bottom: 30px;
		}
		.wrapper_01 {
			flex-direction: column;
			padding: 0px 40px;
			.wrapper_01_01 {
				width: 100%;
				margin: 0px 0px 50px;
			}
			ul {
				text-align: center;
			}
		}

		.wrapper_02,
		.wrapper_05 {
			padding: 0px 40px;
			td {
				padding: 30px;
			}
		}
		.wrapper_03 {
			padding: 0px 40px;
			.wrapper_03_01 {
				width: 100%;
				padding: 50px;
				.title_img_01 {
					& img {
						left: 6%;
					}
				}
			}
		}
		.wrapper_04 {
			padding: 0px 40px 100px;
		}
	}

	#life {
		.wrapper_01 {
			padding: 0px 40px;
		}
		.wrapper_02 {
			.wrapper_02_01,
			.wrapper_02_03 {
				margin-left: 60px;
			}
			.wrapper_02_02 {
				margin-right: 60px;
			}
			.wrapper_02_04 {
				margin-right: 60px;
				& img {
					right: -17px;
					top: -25px;
				}
			}
		}
	}

	#meal {
		.wrapper_01 {
			padding: 70px 40px;
			.wrapper_01_01 {
				margin: 0px 0px 120px;
				figure {
					margin-right: 30px !important;
				}
				.bg {
					top: -16%;
				}
			}
			.wrapper_01_02 {
				padding: 0px;
				margin-bottom: 100px;
				figure {
					margin: 0px 0px 0px 30px !important;
				}
				.bg {
					top: -30%;
				}
			}
			.wrapper_01_03 {
				padding: 0px;
				margin-bottom: 100px;
				figure {
					margin: 0px 30px 0px 0px !important;
				}
				.bg {
					top: -40%;
				}
			}
		}

		.wrapper_02 {
			padding: 80px 40px;
			.wrapper_02_01 {
				article {
					width: 29vw;
					height: 29vw;
				}
				div {
					width: 65%;
					& img {
						width: 100%;
					}
				}
			}
		}
	}

	#blog,
	#single {
		.wrapper_02 {
			padding: 0px 40px 100px;
			.wrapper_02_01 {
				width: 100% !important;
				max-width: 520px !important;
				margin-right: 40px !important;
			}
			.wrapper_02_02 {
				.wrapper_02_02_01 {
					h2 {
						padding: 15px;
					}
					.wrapper_02_02_02 {
						padding: 15px;
					}
				}
			}
		}
		.single_pn {
			max-width: 520px !important;
			width: 100% !important;
		}
	}

	#picoclub {
		.wrapper_01 {
			.img_01 {
				left: -10%;
				top: -50px;
			}
			.img_02 {
				right: -2%;
				bottom: 50px;
			}
		}
		.wrapper_02,
		.wrapper_05 {
			padding: 0px 40px 100px;
			table {
				th {
					padding: 25px 30px;
				}
				td {
					padding: 25px 30px;
				}
			}
		}
		.img_09 {
			top: 380px !important;
			right: -140px !important;
		}
		.img_10 {
			bottom: -70px !important;
			left: -120px !important;
		}
		.wrapper_04 {
			padding: 50px;
		}
	}

	#kodomoen {
		padding: 0px 40px;
		.tb_on {
			display: block !important;
		}
		h1 {
			width: 100vw;
			position: relative;
			left: 50%;
			transform: translateX(-50%);
		}
		.page_title_sub {
			letter-spacing: 0.3em;
		}
		.wrapper_01 {
			max-width: 100%;
		}
		.wrapper_02 {
			.notes {
				width: 100%;
			}
			table {
				th,
				td {
					padding: 15px !important;
					letter-spacing: 0em;
				}
			}
		}
	}
}

/*ipadmini*/
@media screen and (max-width: 768px) {
	#top {
		#top #top_news {
			padding: 90px 40px 100px;
		}
		#top_main {
			article {
				margin: 0px 40px 80px;
				max-width: 100%;
			}
		}
	}

	#about {
		.wrapper_01 {
			padding: 0px 20px;
			.wrapper_01_01 {
				ul {
					padding: 25px 80px;
					text-align: center;
				}
			}
		}
		td,
		th {
			width: 100% !important;
			display: block;
			padding: 20px 10px !important;
			text-align: center;
			font-size: 1.6rem !important;
		}
		.radius {
			border-radius: 0px 0px 10px 10px;
		}
		.wrapper_01 {
			.wrapper_01_01 {
				width: 100%;
				margin: 0px 0px 0px;
				ul {
					border-radius: 0px;
				}
			}
		}
		.wrapper_02 {
			padding: 0px 20px;
			table {
				width: 100%;
				.left {
					width: 100%;
					text-align: center;
					font-size: 1.8rem;
					padding: 10px 0px;
				}
			}
		}
		.wrapper_03 {
			padding: 0px 20px;
			.wrapper_03_01 {
				width: 100%;
				padding: 40px 20px;
				margin-bottom: 50px;
				.title_img_01 {
					& img {
						display: none;
					}
				}
				p {
					text-align: justify;
				}
				.f_20 {
					text-align: center;
				}
				.button {
					width: 100%;
					font-size: 2.6rem;
				}
			}
		}
		.wrapper_04 {
			padding: 0px 20px 50px;
			.tab_content {
				padding: 10px 10px 15px !important;
			}
		}
		.wrapper_05 {
			padding: 0px 20px;
			.title_img_02,
			.title_img_03 {
				width: 100%;
				h2 {
					padding-left: 0px;
				}
			}
			.page_title_sub3 {
				padding: 0px;
			}
			table {
				margin: 0px auto 50px;
			}
		}
	}
}

@media (min-width: 750px) {
	.fullscreenmenu {
		display: none;
	}
}

/*スマホ*/

@media screen and (max-width: 749px) {
	.tabs {
		.tab_item_01,
		.tab_item_02 {
			width: 41% !important;
			font-size: 1.6rem;
			padding: 10px 0px 0px;
			margin: 0px 3px;
			line-height: 2.5rem;
			.f_20 {
				font-size: 1.4rem !important;
			}
		}
	}

	.start p {
		width: 260px !important;
	}
	main {
		padding-top: 73px;
	}
	body {
		#header {
			display: none !important;
		}
		.f_12 {
			font-size: 1.1rem !important;
		}

		.f_14 {
			font-size: 1.2rem !important;
		}

		.f_15 {
			font-size: 1.3rem !important;
		}

		.f_16 {
			font-size: 1.4rem !important;
		}

		.f_18 {
			font-size: 1.6rem !important;
		}

		.f_20 {
			font-size: 1.8rem !important;
		}

		.f_22 {
			font-size: 2rem !important;
		}

		.f_24 {
			font-size: 2.2rem !important;
		}

		.f_30 {
			font-size: 2.4rem !important;
		}

		.f_32 {
			font-size: 2.4rem !important;
		}

		.sp_none {
			display: none !important;
		}

		.sp_only {
			display: block !important;
		}

		.page_title {
			letter-spacing: 0.3em;
			padding: 30px 20px;
		}

		.page_title_sub {
			text-align: justify;
			letter-spacing: 0.2em;
			line-height: 2;
			padding: 40px 20px 0px;
		}

		.page_title_sub2 {
			text-align: justify;
			letter-spacing: 0.1em;
			line-height: 2;
			padding: 40px 20px 0px;
		}

		.page_title_sub3 {
			text-align: justify;
			margin-bottom: 40px;
			letter-spacing: 0.1em !important;
			line-height: 2;
			padding: 0px 20px;
		}

		.title_03 {
			font-size: 2.6rem;
			width: 100%;
			margin: 0px 0px 30px;
			letter-spacing: 0.1em;
		}
	}

	#header_sp {
		width: 100%;
		padding: 20px 0px 20px 15px;
		position: fixed;
		top: 0;
		background-image: url(https://sk-kai.com/wp-content/themes/seikoukai/images/bg_green.png);
		background-size: cover;
		z-index: 9;
		display: block !important;
		& img {
			width: 280px;
		}
	}

	.page-id-1183 {
		#header_sp {
			background-image: url(https://sk-kai.com/wp-content/themes/seikoukai/images/bg_orange.png);
		}
	}

	.wrapper_instagram {
		padding: 0px 40px 50px;
		figure {
			margin-bottom: 20px !important;
			& img {
				width: 100%;
				height: auto;
			}
		}
	}

	#top {
		#top_slider {
			.slider-item {
				height: 210px;
			}
			.slider {
				position: relative;
				z-index: 10;
				height: 210px;
			}
			.slick-track {
				height: 210px;
			}
		}
	}

	menu,
	.menu span {
		display: inline-block;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		box-sizing: border-box;
	}

	.menu {
		position: fixed;
		top: 20px;
		right: 15px;
		width: 30px;
		height: 22px;
		z-index: 18;
		outline: none;
	}

	.menu span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #472705;
		z-index: 10;
	}

	.menu span:nth-of-type(1) {
		top: 0px;
	}

	.menu span:nth-of-type(2) {
		top: 10px;
	}

	.menu span:nth-of-type(3) {
		bottom: 0px;
	}

	.menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}

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

	.menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-10px) rotate(-45deg);
	}

	#nav_sp {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 10;
		width: 100%;
		height: 100vh;
		opacity: 0;
		background-color: #fff;
		transition: all 0.3s ease-in-out;
		visibility: hidden;
		background-image: url(https://sk-kai.com/wp-content/themes/seikoukai/images/bg_green.png);
		background-size: cover;
	}

	#nav_sp.active {
		right: 0;
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}

	#nav_sp ul {
		padding: 60px 40px 0px;
		height: 85%;
		text-align: left;
		font-size: 1.6rem;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		figure {
			margin-bottom: 30px !important;
		}
	}

	#nav_sp ul li {
		list-style-type: none;
	}

	#nav_sp ul li a {
		display: inline-block;
		transition: all 0.2s ease-in-out;
		text-align: center;
		text-decoration: none;
		color: #472705;
		font-weight: 500;
	}

	#top {
		#top_news {
			padding: 30px 0px;
			.title_01 {
				margin-bottom: 40px;
			}
			time {
				margin-right: 10px;
				font-size: 1.4rem;
			}
			.category {
				width: auto;
				height: auto;
				padding: 5px 20px;
			}
			li {
				flex-wrap: wrap;
				padding: 0px 20px 20px;
				h3 {
					font-size: 1.6rem !important;
					margin-top: 5px;
					line-height: 1.6;
					width: 100%;
				}
			}
		}
		#top_main {
			padding: 20px 0px 50px;
			article {
				margin: 80px 10px 20px;
				padding: 25px 15px;
				h2 {
					letter-spacing: 0.2em;
					margin-bottom: 20px;
				}
				p {
					text-align: justify;
					letter-spacing: 0.1em;
					text-justify: inter-ideograph;
					line-height: 1.8;
					font-size: 1.4rem !important;
				}
				.title_img_01,
				.title_img_02,
				.title_img_03 {
					img {
						width: 44px;
						left: 50%;
						margin-bottom: 60px;
						margin-left: -22px;
					}
				}
				.title_img_02 {
					img {
						width: 50px;
						left: 50%;
						margin-bottom: 60px;
						margin-left: -25px;
					}
				}
				.title_img_03 {
					img {
						width: 50px;
						left: 50%;
						margin-bottom: 60px;
						margin-left: -25px;
					}
				}
				ul {
					font-size: 1.4rem !important;
					padding-left: 1.3em;
					text-indent: -1.3em;
					line-height: 2;
				}
			}
		}
	}

	footer {
		.contact {
			flex-direction: column;
			padding: 20px 0px 0px;
			figure {
				width: 170px;
				margin: 0px auto 20px !important;
				& img {
					width: 100%;
					height: auto;
				}
			}
			.wrapper {
				margin: 0px 0px 10px;
			}
			.button_google {
				margin: 0px auto 20px;
				width: 150px;
				height: 30px;
				font-size: 1.4rem;
				.fas {
					font-size: 1.1rem;
					margin-left: 5px;
				}
				& img {
					width: 15px;
					margin-right: 5px;
				}
				span {
					font-size: 1.2rem;
				}
			}
			.tel {
				font-size: 1.5rem !important;
				margin-bottom: 10px;
			}
		}
		.footer_menu {
			padding: 30px 30px 15px;
			flex-direction: column;
			.wrapper_01 {
				margin-right: 0px;
			}
			.footer_menu_list {
				font-size: 1.4rem;
				margin-bottom: 15px;
				letter-spacing: 0.2rem;
				ul {
					display: flex;
					margin: 5px 0px 0px 0px;
					flex-wrap: wrap;
					li {
						margin-right: 10px;
						&:last-child {
							margin-right: 0px;
						}
					}
				}
			}
		}
		.go_top {
			bottom: 30px;
			right: 20px;
			font-size: 1.4rem;
		}
	}

	#important {
		h2 {
			letter-spacing: 0.3rem !important;
			margin-bottom: 15px !important;
		}
		.bg_tree {
			padding: 0px;
			margin-top: 10px;
			width: 130%;
			& img {
				margin-left: -50px;
			}
		}
		.wrapper_01 {
			padding: 50px 20px;
			.cate_nyuji,
			.cate_hoiku {
				span {
					padding: 6px 10px;
				}
			}
			.wrapper_01_01 {
				flex-direction: column;
				margin: 0px 0px 50px;
				.bg {
					display: none;
				}
				figure {
					margin: 0px 0px 30px 0px !important;
					& img {
						width: 100%;
						height: auto;
					}
				}
				p {
					letter-spacing: 0.1em;
				}
			}
			.wrapper_01_02 {
				flex-direction: column-reverse;
				margin: 0px 0px 50px;
				figure {
					margin: 0px 0px 30px 0px !important;
					& img {
						width: 100%;
						height: auto;
					}
				}
				.bg {
					display: none;
				}
				p {
					letter-spacing: 0.1em;
				}
			}
			.wrapper_01_03 {
				flex-direction: column;
				margin: 0px 0px 0px;
				.bg {
					display: none;
				}
				figure {
					margin: 0px 0px 30px 0px !important;
					& img {
						width: 100%;
						height: auto;
					}
				}
				p {
					letter-spacing: 0.1em;
				}
			}
		}
		.wrapper_02 {
			padding: 30px 20px;
			margin-bottom: 50px;
			h2 {
				margin-bottom: 30px !important;
				line-height: 1.8 !important;
			}
			.wrapper_02_01 {
				article {
					width: 47%;
					margin-bottom: 20px;
					h3 {
						text-align: justify;
					}
				}
			}
		}
	}

	#life {
		.wrapper_01 {
			padding: 0px 20px;
			margin: 50px 0px;
			table {
				margin: 40px auto 10px;
				th,
				td {
					display: block;
					width: 100%;
					text-align: center;
					padding: 10px 10px;
					font-size: 1.4rem;
				}
			}
			.f_center {
				text-align: justify !important;
				padding: 10px 10px 0px;
			}
			p {
				margin-bottom: 20px;
				font-size: 1.4rem;
			}
			.tab_content {
				padding: 10px 10px 15px !important;
			}
		}
		.wrapper_02 {
			padding: 50px 0px;
			margin-bottom: 50px;
			ul {
				flex-direction: column;
				font-size: 1.4rem !important;
			}
			.wrapper_02_01,
			.wrapper_02_03 {
				margin-left: 20px;
				padding: 20px;
				h3 {
					margin-right: 0px;
				}
			}
			.wrapper_02_02,
			.wrapper_02_04 {
				margin-right: 20px;
				padding: 20px;
				h3 {
					margin-left: 0px;
				}
			}
			/*
			.wrapper_02_01 {
				& img {
					left: auto;
					right: 30px;
					top: 20%;
					width: 90px;
				}
			}
			.wrapper_02_02 {
				& img {
					left: 30px;
					right: auto;
					top: 26%;
					width: 90px;
				}
			}
			.wrapper_02_03 {
				& img {
					left: auto;
					right: 20px;
					top: 55%;
					width: 90px;
					z-index: 10;
				}
			}
			.wrapper_02_04 {
				& img {
					left: 30px;
					right: auto;
					top: 20%;
					width: 90px;
				}
			}*/
			.wrapper_02_01 {
				& img {
					left: -25px;
					top: 115px;
					width: 50px;
					z-index: 10;
					margin-left: 30px;
				}
			}
			.wrapper_02_02 {
				& img {
					right: -25px;
					top: 125px;
					width: 50px;
					z-index: 10;
					margin-right: 30px;
				}
			}
			.wrapper_02_03 {
				& img {
					left: -25px;
					top: 105px;
					width: 50px;
					z-index: 10;
					margin-left: 30px;
				}
			}
			.wrapper_02_04 {
				& img {
					right: -20px;
					top: 150px;
					width: 50px;
					z-index: 10;
					margin-right: 30px;
				}
			}
		}
	}

	#meal {
		.title_03 {
			margin-top: 100px !important;
		}
		.wrapper_01 {
			padding: 50px 20px;
			.wrapper_01_01 {
				flex-direction: column;
				margin: 0px 0px 50px;
				.bg {
					display: none;
				}
				figure {
					width: 100%;
					margin: 0px 0px 30px 0px !important;
					& img {
						width: 100%;
						height: auto;
					}
				}
				p {
					letter-spacing: 0.1em;
				}
				h2 {
					padding: 5px 30px;
					margin-bottom: 20px;
				}
			}
			.wrapper_01_02 {
				flex-direction: column-reverse;
				margin: 0px 0px 50px;
				figure {
					margin: 0px 0px 30px 0px !important;
					& img {
						width: 100%;
						height: auto;
					}
				}
				.bg {
					display: none;
				}
				p {
					letter-spacing: 0.1em;
				}
				h2 {
					padding: 5px 30px;
					margin-bottom: 20px;
				}
			}
			.wrapper_01_03 {
				flex-direction: column;
				margin: 0px 0px 0px;
				.bg {
					display: none;
				}
				figure {
					margin: 0px 0px 30px 0px !important;
					& img {
						width: 100%;
						height: auto;
					}
				}
				p {
					letter-spacing: 0.1em;
				}
				h2 {
					padding: 5px 30px;
					margin-bottom: 20px;
				}
			}
		}

		.wrapper_02 {
			padding: 50px 20px;
			margin-bottom: 50px;
			.page_title_sub3 {
				padding: 0px;
			}
			.wrapper_02_01 {
				article {
					width: 43vw;
					height: 43vw;
					text-align: justify;
					padding: 0px 15px;
					margin-bottom: 30px;
					p {
						line-height: 1.4;
						font-size: 1.2rem !important;
					}
					figure {
						top: -20px;
					}
				}
				div {
					width: 100%;
				}
			}
		}

		.wrapper_03 {
			margin-bottom: 80px;
			padding: 0px 20px;
			.title_img_01 {
				width: 100%;
				& img {
					left: 50%;
					margin-bottom: 60px;
					margin-left: -40px;
				}
			}
			.page_title_sub3 {
				padding: 0px;
			}
			.wrapper_03_01 {
				padding: 50px 20px;
				.wrapper_03_02 {
					justify-content: space-between;
					article {
						width: 48%;
						margin: 0px 0px 40px;
					}
				}
				.button_more {
					margin: 0px auto 0px;
				}
			}
		}

		.wrapper_04 {
			margin-bottom: 50px;
			padding: 0px 20px;
			.title_img_01 {
				width: 100%;
				img {
					left: 50%;
					margin-bottom: 50px;
					margin-left: -39px;
				}
			}
			.wrapper_04_01 {
				letter-spacing: 0.1em;
				margin: 50px 0px 20px;
				.f_30 {
					font-size: 1.6rem !important;
				}
				.button_menu {
					height: auto;
					padding: 15px 0px;
					letter-spacing: 0em;
					margin: 0px 5px;
					border-radius: 20px;
					span {
						margin-top: 10px;
						font-size: 1.4rem !important;
					}
				}
			}
			.page_title_sub3 {
				margin-bottom: 0px;
				padding: 0px;
				letter-spacing: 0px !important;
				text-align: center;
			}
		}
	}

	#blog,
	#single {
		.sp_category {
			width: 80%;
			margin: auto;
			padding: 20px 0px 10px;
			ul {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				text-align: center;
				text-decoration: underline;
				li {
					margin: 10px;
				}
			}
		}
		.wrapper_01 {
			.page_title_sub {
				text-align: center;
				margin-bottom: 20px;
				padding: 0px 20px;
			}
		}
		.wrapper_02 {
			padding: 0px 20px 50px;
			flex-direction: column;
			.wrapper_02_01 {
				article {
					&:last-of-type {
						margin-bottom: 50px;
					}
					& img {
						max-height: 120px;
					}
					.wrapper_02_01_01 {
						padding: 15px;
					}
				}
			}
			.wrapper_02_02 {
				margin-top: 50px;
				width: 100%;
				h2 {
					font-size: 1.6rem !important;
				}
			}
		}
	}

	#single {
		.wrapper_02 {
			.wrapper_02_01 {
				padding: 20px;
				.wrapper_02_01_01 {
					align-items: flex-start;
					margin-bottom: 20px;
					flex-direction: column;
					time {
						margin: 0px 0px 10px 0px;
					}
				}
				.category {
					margin-bottom: 30px;
				}
			}
		}
		.single_pn {
			margin: 0px 30px 0px 0px;
		}
	}

	#picoclub {
		th,
		td {
			width: 100%;
			display: block;
			padding: 10px !important;
			text-align: center;
			line-height: 1.8;
		}
		.picoclub_slider {
			height: 250px;
			& img {
				height: 250px;
			}
		}
		.wrapper_01 {
			padding: 0px 20px;
			.img_01 {
				width: 50%;
				left: -13%;
				top: -40px;
			}
			.img_02 {
				bottom: 90px;
				width: 50%;
			}

			h1 {
				padding-top: 50px;
				margin-bottom: 50px;
				z-index: 9;
				position: relative;
			}
			h2 {
				margin-bottom: 30px;
				line-height: 1.8;
				letter-spacing: 0.2em;
				font-size: 2rem !important;
				text-align: justify;
			}
			.page_title_sub2 {
				padding: 0px;
				z-index: 9;
				position: relative;
				padding-bottom: 0px;
			}
		}
		.wrapper_02 {
			padding: 0px 20px 50px;
			.wrapper_02_01 {
				.button_more {
					margin: 0px 10px;
					.fas {
						margin-left: 10px;
					}
				}
			}
			table {
				margin: 0px auto 20px;
			}
		}
		.wrapper_03 {
			padding: 50px 0px;
			.wrapper_03_01 {
				flex-direction: column;
				padding: 0px 20px;
				margin-bottom: 30px;
				.wrapper_03_02 {
					width: 100%;
					margin: 0px 0px 30px;
					h3 {
						padding: 10px 0px !important;
					}
				}
			}
			.img_03 {
				width: 13%;
				top: -75px !important;
			}

			.img_09 {
				top: 348px !important;
				right: -230px !important;
				& img {
					width: 50% !important;
				}
			}
			.img_10 {
				bottom: -40px !important;
				left: -60px !important;
				& img {
					width: 50% !important;
				}
			}
			.wrapper_03_03 {
				padding: 0px 20px;
				margin: 0px auto 25px;
				p {
					margin: 0px;
					line-height: 1.8;
				}
				h3 {
					margin-bottom: 10px;
					line-height: 1.5;
				}
				.img_04 {
					right: 37px;
					top: 35px;
				}
				.img_06 {
					right: 50px;
					top: 25px;
					width: 13%;
				}
				.img_07 {
					right: 50px;
					width: 13%;
				}
				.img_08 {
					display: none;
				}
			}
			.reserve,
			.non_reserve {
				padding: 5px 20px;
				margin-top: 10px;
				margin-left: 0px !important;
				display: table;
				width: auto;
			}
		}
		.wrapper_04 {
			padding: 30px 20px;
			.page_title_sub2 {
				padding: 0px;
			}
		}
		.wrapper_05 {
			padding: 30px 20px;
			.page_title_sub2 {
				padding: 0px;
			}
			th,
			td {
				width: 100%;
				display: block;
				text-align: left;
			}
			.f_center {
				text-align: justify;
			}
			table {
				margin: 30px auto;
			}
			.table_sub {
				padding: 0px;
				text-align: center;
				width: 100%;
				th {
					padding: 0px !important;
				}
				td {
					padding: 10px 0px 0px !important;
				}
				.mt_30 {
					margin-top: 30px;
				}
			}
			.sp_only {
				display: flex !important;
				justify-content: center;
				td {
					padding: 10px 0px 0px !important;
				}
			}
		}
	}

	/*ピコクラブ追加ページ分*/
	.pico_addition {
		.round {
			top: -25px;
			left: -15px;
			width: 75px;
			font-size: 1.6rem;
			span {
				display: block;
				margin-top: 5px;
				&:last-child {
					margin-top: 2px;
				}
			}
		}
		.img_04,
		.img_05,
		.img_06,
		.img_07,
		.img_08 {
			display: none;
		}
		.wrapper_03_02 {
			border-radius: 20px 20px 50px 50px !important;
			&:nth-child(9) {
				span {
					display: block;
				}
				ul {
					flex-direction: column;
					text-align: center;
					margin-top: 0px !important;
					line-height: 1.6;
				}
			}
			.emphasis {
				margin: 10px 0px -30px !important;
			}
		}
		.wrapper_06 {
			article {
				flex-direction: column;
				.wrapper_06_02 {
					flex-direction: column;
					text-align: center;
					p {
						letter-spacing: 0em;
						line-height: 1.6rem;
					}
					.round {
						margin: 0px 0px 30px 0px !important;
					}
				}
				figure {
					margin-top: 30px !important;
					width: 100%;
				}
			}
		}
	}

	#info {
		.wrapper_01 {
			padding: 50px 20px;
			.wrapper_01_01 {
				height: 60px;
				margin-bottom: 20px !important;
				h2 {
					letter-spacing: 0.1em !important;
					font-size: 1.4rem !important;
				}
				.fas {
					right: 15px;
					top: 36%;
				}
			}
		}
		.acd-content {
			h3 {
				width: 100%;
			}
		}
		.acd-check:checked + .acd-label + .acd-content {
			height: auto;
			margin: -50px auto 40px;
			padding: 50px 0px 20px;
		}
	}

	#contact {
		.page_title_sub2 {
			padding: 50px 20px;
		}
		.wrapper_01 {
			padding: 50px 0px;
		}
		.wrapper_02 {
			padding: 50px 0px;
			.wrapper_02_01 {
				width: 100%;
				padding: 30px 0px;
			}
		}
		.f_40 {
			font-size: 2.8rem !important;
		}
	}

	.page-template-contact {
		footer {
			.contect {
				display: none !important;
			}
		}
	}

	#about {
		#about_slider {
			.slider_02 {
				height: 125px;
			}

			.slick-track {
				height: 125px;
			}

			.slider-item {
				height: 125px;
			}
		}

		.acd-check {
			display: none;
		}
		.acd-label {
			display: block;
		}
		.acd-content {
			height: 0;
			opacity: 0;
			transition: 0.5s;
			visibility: hidden;
		}
		.acd-check:checked + .acd-label + .acd-content {
			height: auto;
			opacity: 1;
			visibility: visible;
			margin-top: -10px;
		}
		.kodomoen_link {
			text-align: justify;
			padding: 0px 20px;
		}
		.wrapper_01 {
			.wrapper_01_01 {
				margin-bottom: 10px;
				h2 {
					border-radius: 10px 10px 10px 10px;
					padding: 20px 0px;
				}
			}
		}
		.wrapper_02 {
			table {
				margin: 0px auto 50px;
			}
		}
		.wrapper_03 {
			.wrapper_03_01 {
				margin-top: 0px;
				padding: 20px;
				h2 {
					margin-bottom: 0px;
				}
			}
		}
		.wrapper_05 {
			.title_img_02,
			.title_img_03 {
				& img {
					left: 50%;
					margin-bottom: 50px;
					margin-left: -24px;
				}
				h2 {
					padding-top: 60px;
				}
			}
			h3 {
				font-size: 1.8rem;
				line-height: 1.6;
			}
		}
		td,
		th {
			padding: 10px !important;
		}
	}

	.modal-wrapper {
		.modal-window {
			padding: 0px !important;
			height: auto !important;
			margin-top: 0px !important;
		}
		.modal-close {
			top: 0px !important;
			right: 0px !important;
			width: 40px !important;
			font-size: 20px !important;
			line-height: 40px !important;
		}
		.modal-next,
		.modal-prev {
			top: 40% !important;
			width: 40px !important;
			height: 40px !important;
			font-size: 1.4rem !important;
		}
	}

	#kodomoen {
		padding: 0px 20px;
		.page_title_sub {
			margin-bottom: 50px;
		}
		.tb_on {
			display: none !important;
		}
		.title_img_01,
		.title_img_02,
		.title_img_03,
		.title_img_04,
		.title_img_05,
		.title_03 {
			width: 100% !important;
			max-width: 100% !important;
		}

		.wrapper_01 {
			padding: 20px;
			p {
				text-align: justify;
			}
		}
		.wrapper_02 {
			.notes {
				margin: 30px auto 50px;
			}
			table {
				th,
				td {
					display: block;
					width: 100%;
					padding: 15px !important;
					letter-spacing: 0em;
					font-size: 1.6rem;
				}
			}
			.table_02 {
				margin-bottom: 0px;
				th,
				td {
					display: revert;
				}
			}
			.container {
				margin-inline: auto;
				overflow-x: auto;
				white-space: nowrap;
				width: 100%;
			}
			.title_img_02 {
				& img {
					top: 0px;
					left: 50%;
					margin-top: -70px;
					margin-left: -35px;
				}
			}
			.title_img_03 {
				& img {
					top: 0px;
					left: 50%;
					margin-top: -70px;
					margin-left: -27px;
				}
			}
			.title_img_04 {
				& img {
					top: 0px;
					left: 50%;
					margin-top: -75px;
					margin-left: -31px;
				}
			}
			.title_img_05 {
				margin-top: 90px;
				& img {
					top: 0px;
					left: 50%;
					margin-top: -85px;
					margin-left: -34px;
				}
			}
		}
		.wrapper_03 {
			padding-bottom: 50px;
			p {
				font-size: 2rem;
				margin-top: 30px;
			}
			figure {
				width: 170px;
				margin: 0px auto 20px !important;
				& img {
					width: 100%;
					height: auto;
				}
			}
			.button {
				font-size: 2rem;
				width: 250px;
				height: 50px;
				border-radius: 30px;
			}
		}
	}
}