@charset "utf-8";
@media only screen and (max-width: 750px) {
	/*--------------------*/
	/*---- sp_cont.css ----*/
	/*--------------------*/

	/*----- common ------*/
	html {
		font-size: 620%;
		overflow: auto;
	}

	body {
		-webkit-text-size-adjust: 100%;
		font-size: 0.13em;
		overflow: hidden;
		background: #fff;
	}

	img {
		width: 100%;
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
	}

	.spNone {
		display: none;
	}

	.menuBtn {
		position: relative;
		margin-bottom: 20px;
		border-radius: 10px;
		background: -moz-linear-gradient(left, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		background: -webkit-linear-gradient(left, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		background: linear-gradient(to right, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa8632', endColorstr='#aa8632', GradientType=1);
	}
	.menuBtn a {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		border-radius: 5px;
	}

	.pageScroll {
		text-align: center;
	}
	.pageScroll img {
		width: 9px;
		height: 61.5px;
		margin-bottom: 30px;
	}

	.title {
		text-align: center;
		margin-bottom: 44px;
	}

	/*----- header -----*/
	.headerContainer {
		position: relative;
		width: 100%;
		background-color: #fff;
	}
	.fixedHeaderContainer {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 1;
		box-shadow: 0px 8px 14px -15px #595959;
		z-index: 900;
	}
	.headerWrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 55px;
		margin: 0 auto;
		background-color: #fff;
	}

	.logoImg {
		width: 80px;
		height: auto;
		margin-left: 20px;
	}
	.logoImg a {
		display: block;
	}

	.iconBox {
		display: flex;
		align-items: center;
		height: 55px;
	}
	.menuOpenIcon {
		width: 55px;
		height: 55px;
		display: block;
		cursor: pointer;
		background-image: url(../img/common/sp/menu_btn_sp.svg);
		background-position: center;
		background-size: 60px;
		background-repeat: no-repeat;
		background-color: #fff;
	}
	.telBtn a {
		display: block;
		width: 55px;
		height: 55px;
		cursor: pointer;
		background-image: url(../img/common/sp/header_telBtn_sp.svg);
		background-position: center;
		background-size: 22.5px;
		background-repeat: no-repeat;
	}
	.mailBtn a {
		display: block;
		width: 55px;
		height: 55px;
		cursor: pointer;
		background-image: url(../img/common/sp/header_mailBtn_sp.svg);
		background-position: center;
		background-size: 27px auto;
		background-repeat: no-repeat;
	}

	/*----- menu -----*/
	.menuWrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 999;
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.3s linear;
	}
	.menuWrapper.is-active {
		pointer-events: auto;
		opacity: 1;
	}
	.menuOuter {
		height: 100%;
		background-color: #fff;
		overflow: auto;
	}
	.menuContents {
		background-color: #d6b371;
	}
	.menuContentsInner {
		width: 60%;
		min-height: 60vh;
		height: auto;
		margin: 0 auto;
		background-color: #d6b371;
		/* background-color: #fff; */
	}

	.menuClose {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 73px;
		height: 23.5px;
		cursor: pointer;
		background: url(../img/common/sp/menu_icon_close_sp.png) no-repeat center / contain;
	}

	.menuLogo {
		display: block;
		width: 100px;
		height: auto;
		/* padding-top: 159px;
		padding-top: 40%; */
		padding-top: 23%;
		margin-bottom: 49px;
	}
	.menuLogo a {
		display: block;
	}
	.menuContents nav {
		margin-bottom: 39.5px;
	}
	.menuContents li {
		font-size: 0.14rem;
		line-height: 0.21rem;
		margin-bottom: 28px;
	}
	.menuContents li:last-child {
		margin-bottom: 0;
	}
	.menuContents li a {
		letter-spacing: 0.1em;
		font-weight: bold;
	}
	.menuContents li a::before {
		content: "";
		display: inline-block;
		width: 44px;
		height: 6px;
		background: url(../img/common/sp/keyboard_sp.svg) no-repeat center / contain;
		padding-top: 5px;
		margin-right: 17px;
	}
	.menuBtnBox .menuInnerBtn {
		display: flex;
		justify-content: center;
	}
	.menuBtnBox .menuInnerBtn a {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		min-height: 55px;
		margin-bottom: 23px;
		border-radius: 5px;
		color: #fff;
		font-size: 0.18rem;
		line-height: 0.25rem;
		text-align: center;
		border: 2px solid #000;
	}
	.menuBtnBox .btnTxt1 a {
		background: url(../img/common/sp/btn_txt1_sp.svg) no-repeat center / contain;
		background-size: 144.5px auto;
	}
	.menuBtnBox .btnTxt2 a {
		background: url(../img/common/sp/btn_txt2_sp.svg) no-repeat center / contain;
		background-size: 162.5px auto;
	}
	/* ブログアイコン */
	.menuBtnBox .blogBtn a {
		width: calc(69.21px * 1.3);
		height: calc(24.02px * 1.3);
		background-image: url(../img/blog/sp/blog_icon_sp.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.menuBtnBox .menuInnerBtn.blogBtn a {
		min-height: unset;
		margin-bottom: 26.5px;
		border: 0;
	}

	.menuFooterSp {
		width: 100%;
		background-color: #000;
	}
	.menuFooterSpInner {
		width: 60%;
		height: 40vh;
		text-align: center;
		background-color: #000;
		margin: 0 auto;
		color: #d6b371;
		padding-top: 25.5px;
	}
	.menuFooterSpInner p:first-child {
		font-size: 0.13rem;
		margin-bottom: 7px;
	}
	.menuTellNum {
		margin: 0 auto;
		margin-bottom: 14px;
	}
	.menuContactBtn a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 55px;
		background-color: #fff;
		border-radius: 5px;
	}
	.menuContactBtn img {
		width: 169px;
		height: auto;
	}

	/*----- eyeCatch -----*/
	.eyeCatchContentsSp {
		position: relative;
		margin-bottom: 50px;
	}
	.eyeCatchContentsSpInner {
		position: relative;
		min-height: 100vh;
		background-image: url(../img/top/sp/top_eyecatch_sp.jpg);
		background-size: cover;
	}
	@supports (-webkit-touch-callout: none) {
		.eyeCatchContentsSp {
			height: -webkit-fill-available;
		}
		.eyeCatchContentsSpInner {
			min-height: 100vh;
			min-height: -webkit-fill-available;
		}
	}
	.topMenuIcon {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 73.5px;
		height: auto;
		cursor: pointer;
		z-index: 1;
	}
	.topEyecatchLogoSp {
		width: 46.6%;
		margin-top: 37.5%;
	}
	.eyecatchCopySp {
		display: inline-block;
		width: 100%;
		margin-top: 50.7%;
		text-align: center;
	}
	.eyecatchCopySp img {
		width: 78.2%;
	}
	.scrollIconSp {
		position: absolute;
		display: inline-block;
		left: 0%;
		bottom: 6%;
		width: 100%;
		text-align: center;
	}
	.scrollIconSp img {
		width: 12.3%;
	}
	.scrollIconSp {
		animation-name: scrollIconSpAnimation;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-duration: 1.5s;
	}
	@keyframes scrollIconSpAnimation {
		0% {
			transform: translate(0, 0px);
		}

		100% {
			transform: translate(0, -15px);
		}
	}

	@media screen and (min-width: 418px) {
		.eyeCatchContentsSpInner {
			position: relative;
			min-height: auto;
			min-height: -webkit-fill-available;
			height: auto;
			background-image: url(../img/top/sp/top_eyecatch_sp.jpg);
			background-size: cover;
		}
		.scrollIconSp {
			position: relative;
			display: inline-block;
			width: 100%;
			margin-top: 12%;
			margin-bottom: 5%;
			text-align: center;
		}
	}

	/*----- service -----*/
	.serviceContainer h2 img {
		width: 145px;
		height: auto;
	}

	#serviceBg {
		width: 100%;
		min-height: 692px;
		margin-bottom: 47px;
		padding: 45px 0;
		background: url(../img/top/sp/service_bd_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.serviceBox {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		min-height: 306px;
		margin: 0 auto 40px;
	}
	.serviceBox:last-child {
		margin-bottom: 0;
	}
	.serviceTextBox {
		width: 100%;
	}
	.serviceTextBox a {
		position: relative;
		display: block;
		width: 100%;
		padding: 21px 30px;
		color: #fff;
		font-size: 0.13rem;
		line-height: 0.23rem;
		background-color: #000;
	}
	.serviceTextBox a::after {
		content: "";
		position: absolute;
		right: 21px;
		top: 50%;
		bottom: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 16.5px;
		height: 58.5px;
		background: url(../img/top/sp/service_arrow_sp.svg) no-repeat center center / contain;
	}
	.serviceText {
		width: 90%;
	}

	.serviceBox .serviceTextBox .serviceTextTitle > img {
		margin-bottom: 21px;
	}
	.serviceBox:nth-child(1) .serviceTextBox .serviceTextTitle img {
		width: 151px;
		height: auto;
	}
	.serviceBox:nth-child(2) .serviceTextBox .serviceTextTitle img {
		width: 174px;
		height: auto;
	}

	/*----- information -----*/
	.informationContainer {
		margin-bottom: 70.5px;
		height: 100%;
	}
	.informationContainer .title {
		margin-bottom: 47px;
	}
	.informationContainer h2 img {
		width: 132.38px;
		height: auto;
		margin-bottom: 15px;
	}
	.informationContainer h2::after {
		content: "";
		display: block;
		width: 135px;
		height: 5px;
		margin: 0 auto;
		background-color: #d7d7d7;
	}
	/* 各行の大枠 */
	.infoBox a {
		display: flex;
		flex-wrap: wrap;
		/* min-height: 144px; */
		border-top: 0.37px solid #222;
		padding: 30px 15px 26px;
	}
	.infoBox:last-child {
		border-bottom: 0.37px solid #222;
	}
	/* テキスト設定 */
	#top .infoBox .blogTitle {
		margin-bottom: 0px;
		color: #aa8632;
		font-size: 0.15rem;
		line-height: 1.9;
	}
	/* 日付とタグを囲うBox */
	#top .infoBox .blogInfoBox {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 0px;
		margin-bottom: 15px;
		width: 100%;
	}
	/* 日付 */
	#top .infoBox .blogDate {
		font-size: 0.15rem;
		margin-right: 10px;
		padding-bottom: 0px;
		word-wrap: break-word;
	}
	/* タグ */
	#top .infoBox .blogTag {
		margin-top: -3px;
	}
	/* 一覧ページへボタン */
	.blogListBtn {
		text-align: center;
		margin-top: 35px;
	}
	.blogListBtn a {
		padding: 5px;
		font-size: 0.15rem;
	}

	/*----- Facebook -----*/
	#top .snsSection {
		margin-bottom: 141px;
	}
	#top .snsSection h2 img {
		width: 103.01px;
		height: auto;
		margin-bottom: 15px;
	}
	#top .snsSection .title {
		margin-bottom: 47px;
	}
	#top > article > section.snsSection > div.snsWrapper > div > div > div > div {
		width: 100% !important;
		max-width: 500px !important;
		height: 600px !important;
	}
	.snsBox {
		display: flex;
		justify-content: center;
	}
	.facebook {
		padding: 0 20px;
		display: flex;
		justify-content: center;
		width: 100%;
		max-width: 500px;
		height: 600px;
		margin-bottom: 50px;
	}

	/*----- footer -----*/
	.footerContainer {
		padding: 0 20px;
		padding-top: 51px;
		padding-bottom: 54px;
		background-color: #000;
		color: #fff;
		letter-spacing: 0.15em;
	}
	.footerWrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		text-align: center;
	}

	.footerLogoSp {
		width: 100%;
	}
	.footerLogoSp img {
		width: 100px;
		height: auto;
		margin-bottom: 40px;
	}

	.footerBtnBox {
		order: 2;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		margin-bottom: 41.5px;
	}
	.footerBtnBox .menuBtn {
		width: 100%;
		height: 77.5px;
		margin-bottom: 20.5px;
		border-radius: 5px;
	}
	.footerBtnBox .menuBtn:last-child {
		margin-bottom: 0;
	}

	.footerBtnBox .menuBtn:nth-child(1) img {
		width: 80%;
		max-width: 184px;
		height: auto;
	}

	.footerBtnBox .menuBtn:nth-child(2) img {
		width: 80%;
		max-width: 225px;
		height: auto;
	}

	.footerBtnBox .menuBtn a::after {
		position: absolute;
		right: 2%;
		top: 50%;
		bottom: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		content: "";
		width: 10px;
		height: 38.5px;
		background: url(../img/common/sp/btn_footer_parts_sp.svg) no-repeat center center / contain;
	}

	.footerInfoBox {
		order: 3;
		width: 100%;
	}
	.footerInfoBox > p:nth-child(2) {
		font-size: 0.14rem;
		font-weight: 500;
		margin-bottom: 32px;
	}
	.footerInfoBox > p:nth-child(3) {
		font-size: 0.19rem;
		font-weight: 600;
		margin-bottom: 22.5px;
	}
	.footerInfoBox p.addressNum {
		margin-bottom: 14.5px;
	}
	.footerInfoBox p.addressTxt {
		margin-bottom: 25.5px;
	}

	.footerContact {
		margin-bottom: 22px;
	}
	.footerContact p {
		margin-right: -20px;
	}
	.footerContact p a {
		position: relative;
		font-size: 0.18rem;
		color: #d6b371;
	}
	.footerContact .footerTell {
		margin-bottom: 17.5px;
	}
	.footerContact .footerTell a:before {
		content: "";
		position: absolute;
		left: -20px;
		width: 17.5px;
		height: 17px;
		background: url(../img/common/sp/footer_tell_icon_sp.svg) no-repeat center center / contain;
		text-indent: 0.3rem;
	}
	.footerContact .footerMail a:before {
		content: "";
		position: absolute;
		left: -24px;
		top: 2px;
		width: 18px;
		height: 13px;
		z-index: 0;
		background: url(../img/common/sp/footer_mail_icon_sp.svg) no-repeat center center / contain;
	}

	.footerInfoBox .businessHours {
		margin-bottom: 39.5px;
	}

	.footerInfoBox .privacyPolicy {
		margin-bottom: 39px;
		margin-left: 18px;
		font-size: 0.13rem;
	}
	.footerInfoBox .privacyPolicy a {
		position: relative;
		color: #fff;
	}
	.footerInfoBox .privacyPolicy a::before {
		content: "";
		position: absolute;
		left: -15px;
		top: 4px;
		width: 6px;
		height: 7px;
		background: url(../img/common/pc/footer_policy_icon.svg) no-repeat center center / contain;
	}

	.footerBottom {
		color: #fff;
		text-align: center;
	}
	.footerBottom ul.pagination {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		row-gap: 20px;
		margin-bottom: 51.5px;
	}
	.footerBottom .pagination li {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-left: 1px solid #fff;
		width: 50%;
		padding: 4px 0px;
		text-align: center;
	}
	.footerBottom .pagination li:nth-child(even) {
		border-right: 1px solid #fff;
	}
	.footerBottom .pagination li a {
		color: #d6b371;
		font-size: 0.13rem;
		line-height: 0.21rem;
	}

	.footerBottom .copyright {
		font-size: 0.13rem;
		line-height: 0.23rem;
		letter-spacing: 0;
	}

	#gPagetop {
		position: fixed;
		right: 20px;
		margin-bottom: 18.5px;
		z-index: 500;
	}
	.scrollTopIcon img {
		width: 42.5px;
		height: auto;
	}

	/*--------------------------
	|       コンサートページ        |
	---------------------------*/
	/*----- header -----*/
	.concertHeaderContainer .concertHeaderBg {
		width: 100%;
		height: 175px;
		background: rgb(235, 228, 187);
		background: url(../img/concert/sp/header_bg_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left bottom;
	}
	.concertHeaderContainer .headerTitle img {
		width: 228.5px;
		height: auto;
		margin-left: 17px;
		margin-top: -55px;
		margin-bottom: 42px;
	}

	/*----- concertAbout -----*/
	.concertAboutContents {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 20px;
	}

	.concertAboutImg {
		width: 100%;
		height: auto;
	}
	.concertImg {
		width: 100%;
		padding-top: 107.46%;
		margin-bottom: 42px;
		background: url(../img/concert/sp/concert_img_sp.jpg);
		background-size: cover;
		background-position: top center;
	}

	.message {
		margin-bottom: 34.5px;
	}
	.message h2 img {
		width: 239px;
		height: auto;
		margin-bottom: 34.5px;
	}
	.message p {
		font-size: 0.14rem;
		line-height: 0.25rem;
		font-weight: 500;
		letter-spacing: 0.1em;
	}
	.message .nameSign {
		/* margin-top: 30px; */
		margin-bottom: 30px;
		padding-right: 5px;
		text-align: right;
	}
	.message .nameSign > img {
		width: 120px;
		height: auto;
	}

	.profile {
		margin-bottom: 31px;
	}
	.profile h2 {
		font-size: 0.15rem;
		font-weight: 600;
		letter-spacing: 0.1em;
		color: #aa8632;
		padding-left: 10px;
		padding-top: 2.5px;
		padding-bottom: 8.5px;
		border-left: 5px solid #aa8632;
		border-bottom: 1.5px solid #aa8632;
		margin-bottom: 20px;
	}
	.profile p {
		font-size: 0.13rem;
		line-height: 0.23rem;
		letter-spacing: 0.1em;
	}

	.concertAboutBtnBox .menuBtn {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 235px;
		height: 55px;
		margin: 0 auto 49px;
		border-radius: 4px;
		background: #aa8632;
		background: -moz-linear-gradient(left, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		background: -webkit-linear-gradient(left, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		background: linear-gradient(to right, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa8632', endColorstr='#aa8632', GradientType=1);
		transition: background-color 0.9s linear;
	}
	.concertAboutBtnBox .menuBtn img {
		width: 54.5px;
		height: auto;
	}

	.concertAboutBg {
		width: 100%;
		height: auto;
		margin-bottom: 50px;
	}

	/*----- schedule -----*/
	.scheduleContainer .title {
		margin-bottom: 45.5px;
	}
	.scheduleContainer .title h2 img {
		width: 162.5px;
		height: auto;
	}

	.scheduleBox {
		width: 100%;
		padding: 0 20px;
	}

	.scheduleBox::before {
		content: "";
		display: block;
		width: 100%;
		height: 46px;
		background: url(../img/concert/sp/schedule_line_sp.svg) no-repeat center / contain;
		margin: 0 auto 34px;
	}

	.scheduleBox .textArea {
		text-align: center;
	}

	.scheduleBox .endOfPerformance {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 150px;
		height: 22.5px;
		margin: 0 auto 20px;
		background-color: #000;
		border-radius: 4px;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	}

	.scheduleBox .endOfPerformance p {
		font-size: 0.13rem;
		color: #fff;
	}

	.scheduleBox .concertDate {
		font-size: 0.16rem;
		font-weight: 600;
		letter-spacing: 0.1em;
		margin-bottom: 15px;
	}

	.scheduleBox .concertTitle {
		font-size: 0.17rem;
		font-weight: 600;
		line-height: 0.25rem;
		letter-spacing: 0.1em;
		margin-bottom: 19px;
	}

	.scheduleBox .concertTime {
		font-size: 0.14rem;
		font-weight: 600;
		letter-spacing: 0.2em;
		margin-bottom: 35.5px;
	}

	.scheduleBox .concertExplanation {
		font-size: 0.13rem;
		line-height: 0.23rem;
		letter-spacing: 0.1em;
		text-align: left;
		margin-bottom: 35px;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	}

	.downloadBtnBox .menuBtn {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		min-width: 235px;
		width: 60%;
		height: 55px;
		margin: 0 auto 35px;
		border-radius: 4px;
		background: #aa8632;
		background: -moz-linear-gradient(left, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		background: -webkit-linear-gradient(left, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		background: linear-gradient(to right, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa8632', endColorstr='#aa8632', GradientType=1);
		transition: background-color 0.9s linear;
	}
	.downloadBtnBox .menuBtn img {
		width: 175.5px;
		height: auto;
	}

	.overview {
		width: 100%;
		margin-bottom: 25px;
		font-size: 0.13rem;
	}
	.overview a {
		color: #aa8632;
	}
	.overview table {
		width: 100%;
		word-break: break-all;
	}
	.overview table caption {
		letter-spacing: 0.3em;
		color: #aa8632;
		margin-bottom: 22.5px;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	}
	.overview table th,
	.overview table td {
		display: block;
		width: 100%;
	}
	.overview th {
		width: 100%;
		padding: 14.5px 11px;
		margin-bottom: 5px;
		background-color: #e7d7b3;
		border-radius: 10px;
		vertical-align: middle;
		text-align: left;
		letter-spacing: 0.2em;
	}
	.overview th p::before {
		content: "";
		display: inline-block;
		width: 12px;
		height: 12px;
		margin-right: 10px;
		margin-bottom: -1px;
		background: url(../img/concert/sp/overview_parts.svg) no-repeat center / contain;
	}
	.overview td {
		width: 100%;
		padding: 23px 11px;
		margin-bottom: 5px;
		background-color: #f8f4eb;
		border-radius: 10px;
		line-height: 0.21rem;
		letter-spacing: 0.1em;
	}
	.overview td p {
		line-height: 0.22rem;
		margin-bottom: 11.5px;
	}
	.overview td p:last-child {
		margin-bottom: 0;
	}

	.reserveBtnBox .menuBtn a::after {
		position: absolute;
		right: 5%;
		top: 50%;
		bottom: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		content: "";
		width: 11.5px;
		height: 39.5px;
		background: url(../img/common/sp/btn_footer_parts_sp.svg) no-repeat center center / contain;
	}
	.reserveBtnBox .menuBtn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 77.5px;
		margin: 0 auto 40px;
		border-radius: 5px;
		position: relative;
		background: #aa8632;
		background: -moz-linear-gradient(left, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		background: -webkit-linear-gradient(left, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		background: linear-gradient(to right, #aa8632 0%, #d5b271 50%, #aa8632 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa8632', endColorstr='#aa8632', GradientType=1);
		transition: background-color 0.9s linear;
	}
	.reserveBtnBox .menuBtn img {
		width: 184px;
		height: auto;
	}

	.pastConcert.hideConcert {
		overflow: hidden;
	}
	.pastConcertInfoBtn {
		position: relative;
		width: 100%;
		margin: 0px auto -41.6px;
		pointer-events: none;
		z-index: 1;
	}
	.pastConcertInfoBtn p {
		display: block;
		width: 157.5px;
		margin: 0 auto;
		cursor: pointer;
		pointer-events: auto;
	}
	.pastConcertInfoBtn img {
		width: 157.5px;
		height: auto;
	}

	.scheduleContactBox {
		width: 100%;
		padding: 0 20px;
		margin: 50px auto 50px;
	}
	.scheduleContactBoxInner {
		width: 100%;
		margin: 0 auto;
		padding: 28.5px;
		text-align: center;
		font-size: 0.14rem;
		color: #aa8632;
		border: 1px solid #aa8632;
		background-color: #fff;
	}
	.scheduleContactBoxInner > p:nth-child(1) {
		margin-bottom: 14px;
		letter-spacing: 0.1em;
		font-weight: 500;
	}
	.scheduleContactBoxInner > p:nth-child(2) {
		margin-bottom: 19px;
		font-weight: 500;
	}
	.scheduleContactBoxInner a {
		color: #aa8632;
	}
	.scheduleContact {
		display: inline-block;
		margin-bottom: 19px;
		font-size: 0.18rem;
		text-align: left;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	}
	.scheduleTell {
		position: relative;
		margin-bottom: 17px;
		letter-spacing: 0.2em;
	}
	.scheduleTell a::before {
		content: "";
		display: inline-block;
		width: 17.5px;
		height: 17px;
		margin-right: 5px;
		margin-bottom: -1px;
		background: url(../img/common/tell_icon.svg) no-repeat center / contain;
	}
	.scheduleMail {
		position: relative;
		letter-spacing: 0.19em;
	}
	.scheduleMail a::before {
		content: "";
		display: inline-block;
		width: 18px;
		height: 13px;
		margin-right: 6px;
		margin-bottom: -1px;
		background: url(../img/common/mail_icon.svg) no-repeat center / contain;
	}
	.scheduleContactBoxInner .scheduleTime {
		font-size: 0.13rem;
		letter-spacing: 0.1em;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	}

	.scheduleBg {
		width: 100%;
		height: auto;
		margin-bottom: 55.5px;
	}

	/*----- impressions -----*/
	.impressionsContainer {
		position: relative;
	}
	.impressionsContainer .title {
		margin-bottom: 35px;
	}
	.impressionsContainer .title h2 img {
		width: 258.5px;
		height: auto;
	}
	.impressionsWrapper {
		padding: 0 20px;
		margin-bottom: 51.5px;
	}
	.impressionsWrapper::after {
		content: "";
		position: absolute;
		top: 580px;
		left: 50%;
		right: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		transform: translate(-38%, 0);
		width: 441.5px;
		height: 150.5px;
		background: url(../img/concert/pc/impressions_parts_thankyou.png) no-repeat center / contain;
		background-position: center;
		background-size: 441.5px 150.5px;
		z-index: -1;
	}
	.impressionsContentsInner::before {
		content: "";
		display: block;
		width: 100%;
		height: 68px;
		background: url(../img/concert/pc/impressions_parts.svg) no-repeat center / contain;
		margin: 37px auto 25.5px;
	}

	#impressionsMore {
		position: relative;
		width: 100%;
		text-align: center;
		z-index: 1;
	}
	#impressionsMore img {
		position: absolute;
		right: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 43.5px;
		height: 30.5px;
		cursor: pointer;
	}
	.impressionsContentsInner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		background-color: rgba(255, 255, 255, 0.7);
		box-shadow: 0px 0px 15px -5px #777777;
		padding: 0 20px;
		border-radius: 5px;
	}
	.impressionsContentsInner .hideComent {
		overflow: hidden;
	}
	.impressionsContentsInner .readMore {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.impressionsBox {
		width: 100%;
		margin-bottom: 48px;
	}

	.impressionsBox h3 {
		font-size: 0.16rem;
		font-weight: 600;
		line-height: 0.26rem;
		letter-spacing: 0.1em;
		font-family: "Shippori Mincho", serif;
		margin-bottom: 25px;
	}
	.impressionsBox .coment {
		font-size: 0.13rem;
		line-height: 0.23rem;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
	}
	.impressionsBox .name {
		font-size: 0.13rem;
		letter-spacing: 0.1em;
		text-align: right;
	}

	/*----- FAQ -----*/
	.faqContainer .pageScroll {
		padding-top: 50px;
	}
	.faqContents {
		padding-bottom: 94px;
	}
	.faqContainer .title {
		margin-bottom: 45px;
	}
	.faqContainer .title h2 img {
		width: 124.5px;
		height: auto;
	}
	.faqContainer {
		background: url(../img/concert/sp/faq_bg_sp.jpg) no-repeat top center / cover;
	}

	.faqContentsInner {
		position: relative;
		margin: 0 auto 0 auto;
		padding: 0 10px;
		text-align: left;
	}
	.faqBox {
		margin: 0 0 10px 0;
		padding: 11px 18px 3px 11px;
		background: #ffffff;
		border-radius: 6px;
		box-shadow: 1px 3.5px 5px 2.5px rgba(0, 0, 0, 0.07);
	}
	.faqBox .question {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 47px;
		margin: 0 0 10px 0;
		padding: 3px 25px 0 65px;
		font-size: 0.13rem;
		letter-spacing: 0.2em;
		line-height: 0.23rem;
		background-image: url(../img/concert/faq_icon_q.png);
		background-repeat: no-repeat;
		background-size: 52.5px 47px;
		cursor: pointer;
	}
	.faqBox .question::after {
		content: "";
		position: absolute;
		top: 23px;
		right: 0px;
		display: inline-block;
		width: 16px;
		height: 14px;
		margin: -5px 0 0 0;
		background-image: url(../img/concert/faq_arrow_open.svg);
		background-repeat: no-repeat;
		background-size: 16px 14px;
	}
	.faqBox .question.close::after {
		content: "";
		position: absolute;
		top: 23px;
		right: 0px;
		display: inline-block;
		width: 16px;
		height: 14px;
		margin: -5px 0 0 0;
		background-image: url(../img/concert/faq_arrow_close.svg);
		background-repeat: no-repeat;
		background-size: 16px 14px;
	}

	.faqBox .answer {
		padding: 0 25px 0 0;
		font-size: 0.12.5rem;
		letter-spacing: 0.2em;
		line-height: 0.23rem;
		color: #656ccb;
		background-image: url(../img/concert/faq_icon_a.png);
		background-repeat: no-repeat;
		background-size: 52.5px 47px;
	}
	.faqBox .answer p {
		position: relative;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		min-height: 47px;
		margin: 0 0 11px 0;
		padding: 3px 0 0 65px;
	}
	.faqBox .answer p a {
		color: #656ccb;
		text-decoration: underline;
		text-underline-offset: 5px;
	}

	/*--------------------------
	|       レッスンページ        |
	---------------------------*/
	/*----- header -----*/
	.lessonHeaderContainer .lessonHeaderBg {
		width: 100%;
		height: 175px;
		background: rgb(235, 228, 187);
		background: url(../img/lesson/sp/header_bg_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left bottom;
	}
	.lessonHeaderContainer .headerTitle img {
		width: 231px;
		height: auto;
		margin-left: 17px;
		margin-top: -35px;
		margin-bottom: 42px;
	}

	/*----- lessonAbout -----*/
	.lessonAboutContents {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 20px;
	}

	.lessonAboutImg {
		width: 100%;
		height: auto;
	}
	.lessonImg {
		width: 100%;
		padding-top: 107.46%;
		margin-bottom: 42px;
		background: url(../img/lesson/sp/lesson_img_sp.jpg);
		background-size: cover;
		background-position: top center;
	}

	.lessonAboutTxt .message h2 img {
		width: 297.5px;
		height: auto;
		margin-bottom: 20px;
	}

	.lessonAboutTxt .message h3 {
		margin-bottom: 34.5px;
		font-size: 0.14rem;
	}
	.lessonAboutTxt .message h3 span {
		font-weight: 600;
	}

	/*----- characteristic -----*/
	.characteristicWrapper {
		margin-bottom: 45.5px;
	}
	.characteristicContainer .title {
		margin-bottom: 45.5px;
	}
	.characteristicContainer .title h2 img {
		width: 213.7px;
		height: auto;
	}

	.characteristicContents {
		text-align: center;
		padding: 0 29px;
		margin-bottom: 45.5px;
	}
	.characteristicBox {
		margin-bottom: 17px;
	}
	.characteristicBox:nth-child(3) {
		margin-bottom: 28px;
	}
	.characteristicBox:last-child {
		margin-bottom: 0px;
	}
	.characteristicBox h3 {
		margin-bottom: 15px;
		border-bottom: 4px dotted #aa8632;
	}
	.characteristicBox h3:last-child {
		margin-bottom: 0;
	}
	.characteristicBox h3 img {
		margin-bottom: 15px;
	}
	.characteristicBox:nth-child(1) h3 img {
		width: 161.85px;
		height: auto;
	}
	.characteristicBox:nth-child(2) h3 img {
		width: 170.5px;
		height: auto;
	}
	.characteristicBox:nth-child(3) h3 img {
		width: 296.55px;
		height: auto;
	}
	.characteristicBox:nth-child(4) h3 img {
		width: 259.3px;
		height: auto;
	}
	.characteristicBox p {
		font-size: 0.125rem;
		font-weight: 500;
		line-height: 0.23rem;
		letter-spacing: 0.1em;
		text-align: left;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	}
	.characteristicBox .fontBold {
		font-size: 0.14rem;
		font-weight: bold;
	}

	.characteristicBg {
		padding-top: 28.25%;
		margin: 0 auto;
		background-image: url(../img/lesson/sp/characteristicBg_sp.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}

	/*----- コース -----*/
	.courseContainer {
		margin-bottom: 26px;
		padding: 0 20px;
	}
	.courseWrapper {
		margin-bottom: 65px;
	}
	.courseContainer .title {
		margin-bottom: 33px;
	}
	.courseContainer .title h2 img {
		width: 246.3px;
		height: auto;
	}
	.courseContents {
		text-align: center;
	}
	.courseContents .courseImg {
		margin-bottom: 37px;
	}
	.courseContents .courseImg img {
		width: 670px;
		margin-bottom: 17.5px;
	}
	.courseContents .courseImg p {
		font-size: 0.125rem;
	}
	.courseBoxWrap {
		display: grid;
		grid-template-columns: repeat(1, 100%);
		gap: 20px;
		margin-bottom: 40px;
	}
	.courseBoxWrap .courseBox {
		display: grid;
		grid-template-rows: subgrid;
		grid-row: span 5;
		gap: 0;
		padding: 14px;
		border: 9px solid #e7d7b3;
		border-radius: 9px;
	}
	.courseBoxWrap .courseBox .courseIcon {
		content: "";
		display: inline-block;
		width: 27px;
		height: 51px;
		margin: 0 auto 5px;
		background-image: url(../img/lesson/course_icon.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.courseBoxWrap .courseBox h3 {
		margin-bottom: 2px;
		font-size: 0.225rem;
		font-weight: 500;
		color: #aa8632;
		line-height: 1.5;
		letter-spacing: 0.3em;
	}
	.courseBoxWrap .courseBox h4 {
		margin-bottom: 10px;
		font-size: 0.14rem;
		color: #aa8632;
		line-height: 1.6;
		letter-spacing: 0.1em;
	}
	.courseBoxWrap .courseLine {
		display: block;
		width: 100%;
		height: 2.5px;
		background-image: url(../img/lesson/course_line_dot.svg);
		background-repeat: repeat;
		background-position: center;
		background-size: contain;
	}
	.courseBoxWrap .courseLine {
		margin-bottom: 15px;
	}
	.courseBoxWrap .courseBox p {
		margin-top: -2px;
		font-size: 0.125rem;
		line-height: 1.7;
		text-align: left;
	}

	/* 料金プラン */
	.ratePlanTitle {
		margin-bottom: 22px;
		font-size: 0.125rem;
		font-weight: 500;
		color: #aa8632;
		letter-spacing: 0.3em;
	}
	.ratePlanBox {
		display: grid;
		grid-template-columns: repeat(1, 100%);
		row-gap: 5px;
	}
	.planNamae {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 40px;
		padding: 10px 10px 10px 30px;
		background-color: #e7d7b3;
		border-radius: 5px;
		font-size: 0.125rem;
		line-height: 1.5;
		letter-spacing: 0.3em;
		text-align: left;
	}
	.planNamae > span {
		display: inline-block;
		margin-bottom: -1px;
	}
	.planNamae::before {
		content: "◆";
		position: absolute;
		top: 11px;
		left: 10px;
		transform: translate(0%, 0%);
		display: inline-block;
		margin-right: 5px;
		margin-bottom: -1px;
		color: #aa8632;
		font-size: 0.125rem;
	}
	.planDescription {
		display: grid;
		place-items: center start;
		width: 100%;
		min-height: 60px;
		padding: 10px 10px;
		background-color: #f8f4eb;
		border-radius: 5px;
		font-size: 0.125rem;
		line-height: 1.6;
		letter-spacing: 0.3em;
		text-align: left;
	}

	/*----- voice -----*/
	.voiceBgSp {
		position: relative;
		display: flex;
		padding: 15% 10px;
		justify-content: center;
		align-items: center;
		background: url(../img/lesson/sp/voiceBg_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	.voiceInner {
		width: 100%;
		/* min-height: 840px; */
		padding: 8% 20px 10%;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 5px;
	}

	.voiceInner h2 {
		margin-bottom: 28.5px;
	}
	.voiceInner h2 img {
		width: 176.05px;
		height: auto;
	}

	.voiceBox {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		color: #fff;
		margin-bottom: 33px;
	}
	.voiceBox:last-child {
		margin-bottom: 0;
	}
	.voiceBox .voiceName {
		margin-bottom: 16px;
		font-size: 0.125rem;
		letter-spacing: 0.1em;
		order: 2;
	}
	.voiceBox .voiceTxt {
		width: 100%;
		font-size: 0.125rem;
		line-height: 0.26rem;
		letter-spacing: 0.1em;
		order: 3;
	}

	.voiceImg {
		width: 100%;
		/* padding-top: 94.7368%; */
		padding-top: 71.43%;
		margin-bottom: 19px;
		order: 1;
	}
	.voiceImg1 {
		background: url(../img/lesson/voice_img1.jpg);
		background-size: cover;
		background-position: top center;
	}
	.voiceImg2 {
		background: url(../img/lesson/sp/voice_img2_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
	}

	/*--------------------------
	|     スライダー設定      |
	---------------------------*/
	.swiperContainer {
		position: relative;
	}

	/* ページネーション設定 */
	/* 大きさ */
	/* 間隔 */
	.swiper-pagination-bullet {
		width: 9px;
		height: 9px;
		margin: 0 10px !important; /* 追加 */
	}
	/* カラー変更 */
	.swiper-pagination-bullet {
		border-radius: 0;
		opacity: 1;
		background-color: #acacac;
	}
	.swiper-pagination-bullet-active {
		background-color: #d6b371;
	}
	/* ページネーション */
	.swiper-pagination-bullets.swiper-pagination-horizontal {
		bottom: -20px;
	}

	/* 矢印 */
	.swiperContainer [class^="swiper-button-"] {
		display: none;
	}

	/*----- flow -----*/
	.flowContainer {
		background-image: url(../img/lesson/sp/flowBg_sp.jpg);
		background-repeat: no-repeat;
		background-position: top 270px right;
		background-size: contain;
		padding: 0 10px;
	}
	.flowWrapper {
		width: 100%;
		margin: 0 auto;
		padding: 60px 0 70px;
		background-color: rgba(255, 255, 255, 0.6);
	}
	.flowContainer .title h2 {
		margin-bottom: 45px;
	}
	.flowContainer .title h2 img {
		width: 198.75px;
		height: auto;
	}
	.flowContainer .title p {
		margin-bottom: 42.5px;
		font-size: 0.14rem;
		font-weight: 600;
		line-height: 0.23rem;
		letter-spacing: 0.1em;
		color: #aa8632;
	}

	.stepBoxOuter {
		text-align: center;
	}
	.stepBox {
		padding: 0 10px;
		margin-bottom: 21px;
	}
	.stepBox .stepTxt {
		margin-bottom: 13px;
	}
	.stepBox:nth-child(1) .stepTxt img {
		width: 67.8px;
		height: auto;
	}
	.stepBox:nth-child(2) .stepTxt img {
		width: 70px;
		height: auto;
	}
	.stepBox:nth-child(3) .stepTxt img {
		width: 69.8px;
		height: auto;
	}
	.stepBox:nth-child(3) {
		margin-bottom: 0;
		margin-bottom: 88px;
	}
	.stepBox h3 {
		font-size: 0.165rem;
		font-weight: 600;
		line-height: 0.23rem;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
	}
	.stepBox:nth-child(3) h3 {
		margin-bottom: 0;
	}
	.stepBox p {
		font-size: 0.125rem;
		line-height: 0.23rem;
		letter-spacing: 0.1em;
		text-align: left;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	}

	.flowBtnBox {
		padding: 0 10px;
	}
	.flowBtnBox > p {
		text-align: center;
		color: #aa8632;
	}
	.flowBtnBox .flowBtnBoxTxt1 {
		font-size: 0.165rem;
		font-weight: 600;
		letter-spacing: 0.1em;
		margin-bottom: 18px;
	}
	.flowBtnBox .flowBtnBoxTxt2 {
		position: relative;
		font-size: 0.14rem;
		font-weight: 600;
		letter-spacing: 0.1em;
		margin-bottom: 58px;
	}
	.flowBtnBox .flowBtnBoxTxt2::after {
		content: "";
		position: absolute;
		top: 44.5px;
		left: 50%;
		right: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 68.1px;
		height: 10.95px;
		background-image: url(../img/lesson/flowBtn_arrow.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	.flowBtnBox .menuBtn {
		width: 100%;
		height: 77.5px;
		margin: 0 auto;
		border-radius: 5px;
	}
	.flowBtnBox .menuBtn a {
		border-radius: 5px;
	}
	.flowBtnBox .menuBtn::before {
		border-radius: 5px;
	}
	.flowBtnBox .menuBtn img {
		width: 80%;
		max-width: 225px;
		height: auto;
	}
	.flowBtnBox .menuBtn a::after {
		position: absolute;
		right: 2%;
		top: 50%;
		bottom: 50%;
		-webkit-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		content: "";
		width: 11.9px;
		height: 39.6px;
		background-image: url(../img/lesson/sp/btn_flow_parts_sp.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}

	/*--------------------------
	|    Privacy Policyページ    |
	---------------------------*/
	/*----- header -----*/
	.policyHeaderContainer .headerTitle {
		margin: 40px auto 35px;
		text-align: center;
	}
	.policyHeaderContainer .headerTitle img {
		width: 236.2px;
		height: auto;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	/* コンテンツ 本文 */
	/* 共通設定↓ */
	.policyContainer {
		width: 100%;
		margin: 0 auto 130px;
		padding: 0 20px;
		line-height: 2;
		letter-spacing: 0.05em;
	}
	.policyContainer p {
		/* line-height打ち消し↓ */
		margin-top: -0.5em;
		margin-bottom: 0.5em;
	}
	.policyContainer p.pIndent {
		padding-left: 1.8em;
		text-indent: -1.8em;
	}
	.policyContainer p:last-child {
		margin-bottom: 0;
	}
	/* 共通設定↑ */

	.policyIntroduction {
		margin-bottom: 50px;
	}
	.policyIntroduction p {
		margin-bottom: 30px;
	}
	.policyIntroduction p:last-child {
		margin-bottom: 0;
	}

	.policyText h2 {
		font-size: 0.17rem;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		letter-spacing: 0.3em;
		/* line-height打ち消し↓ */
		margin-top: -0.6em;
		margin-bottom: 20px;
		padding-left: 1.5em;
		text-indent: -1.5em;
	}
	.policyText h3 {
		font-size: 0.14rem;
		letter-spacing: 0.3em;
		/* line-height打ち消し↓ */
		margin-top: -0.5em;
		margin-bottom: 10px;
		padding-left: 2.3em;
		text-indent: -2.3em;
	}

	.policyTextGroup {
		margin-bottom: 32px;
	}
	.policyTextGroup:last-child {
		margin-bottom: 0px;
	}
	.policyTextGroup .textGroupIntroduction {
		margin-bottom: 32px;
	}
	.policyTextGroup .textGroupIndent {
		margin-left: 2.1em;
	}
	.textBoxH3 {
		margin-bottom: 26px;
	}

	.textBoxList p {
		padding-left: 1em;
		text-indent: -1em;
	}

	.addressBox {
		display: inline-block;
		margin-top: 25px;
		margin-bottom: 20px;
		padding: 20px;
		border: 0.7px solid #000000;
	}

	.enactment {
		text-align: right;
	}

	/*--------------------------
	|          フォーム           |
	---------------------------*/
	.contactHeaderContainer {
		display: flex;
		justify-content: center;
		text-align: center;
		padding: 0 20px;
	}
	.contactHeaderContainer .headerTitle {
		margin-top: 101px;
	}
	.contactHeaderContainer .headerTitle img {
		width: 286px;
		height: auto;
		margin-bottom: 0px;
	}
	.contactHeaderContainer .headerTitle p {
		text-align: left;
		font-size: 0.14rem;
		font-weight: 500;
		line-height: 0.23rem;
		margin-top: 30.5px;
		margin-bottom: 38.5px;
	}

	/* お問い合わせ窓口 */
	.inquiryContactContainer {
		padding: 0 20px;
		margin-bottom: 54px;
	}
	.inquiryContactBox {
		width: 100%;
		margin: 0 auto;
		background-color: #fff;
		letter-spacing: 0.1em;
	}
	.inquiryContactBoxInner {
		width: 100%;
		margin: 0 auto;
		padding: 28.5px;
		text-align: center;
		color: #aa8632;
		border: 1px solid #aa8632;
		background-color: #fff;
	}
	.inquiryContactBoxInner > p:nth-child(1) {
		font-size: 0.14rem;
		letter-spacing: 0.1em;
		font-weight: 500;
		margin-bottom: 14px;
	}
	.inquiryContactBoxInner > p:nth-child(2) {
		font-size: 0.14rem;
		font-weight: 500;
		margin-bottom: 19px;
	}
	.scheduleContactBoxInner a {
		color: #aa8632;
	}
	.inquiryContact {
		display: flex;
		justify-content: center;
		font-size: 0.18rem;
		font-weight: 500;
		margin-bottom: 19px;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	}
	.inquiryContactTell {
		position: relative;
		letter-spacing: 0.2em;
	}
	.inquiryContactTell a {
		color: #aa8632;
	}
	.inquiryContactTell a::before {
		content: "";
		display: inline-block;
		width: 17.5px;
		height: 17px;
		margin-right: 5px;
		margin-bottom: -1px;
		background: url(../img/common/tell_icon.svg) no-repeat center / contain;
	}
	.inquiryContactTime {
		font-size: 0.13rem;
		letter-spacing: 0.1em;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	}

	/*----- フォーム部分 -----*/
	.formContainer {
		padding: 0 20px;
	}
	.formTitle {
		text-align: center;
	}
	.formTitle h2 {
		font-size: 0.17rem;
		font-weight: 600;
		letter-spacing: 0.2em;
		color: #aa8632;
		margin-top: 43px;
	}
	.formTitle h2::before {
		display: inline-block;
		content: "";
		background: url(../img/contact/form_icon.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 29px;
		height: 17px;
		margin-right: 10px;
		margin-bottom: -2px;
	}
	.formTitle .requiredTxt {
		font-size: 0.13rem;
		text-align: right;
		color: #aa8632;
		margin-top: 30px;
		margin-bottom: 32.5px;
	}
	.formTitle .requiredTxt::before {
		display: inline-block;
		content: "";
		background: url(../img/contact/required_icon.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 10.5px;
		height: 11.5px;
		margin-right: 10px;
	}

	.formGroup {
		width: 100%;
		margin: 0 0 30px;
	}
	.confirm .formGroup {
		margin: 0 0 32px;
	}
	.formGroup:last-child {
		margin-bottom: 0;
	}
	.formLabel {
		position: relative;
		font-size: 0.13rem;
		line-height: 0.23rem;
	}

	.formLabel.required:after {
		display: inline-block;
		content: "";
		background: url(../img/contact/required_icon.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 10.5px;
		height: 11.5px;
		margin-left: 9px;
		margin-bottom: -0.5px;
	}

	.formItem {
		margin: 13px 0 0;
	}
	.confirm .formItem {
		margin: 12px 0 0;
	}

	.formControl {
		display: inline-block;
		width: 100%;
		padding: 12px 20px;
		font-size: 0.13rem;
		background: #f9f5ef;
		line-height: 1.8;
		border: solid 1px #aa8632;
		transition: 0.2s;
	}
	.formControl:focus {
		background-color: #fff;
		border: solid 1px #aa8632;
		outline: 0;
	}
	.ageGroup .formControl {
		width: 50%;
		min-width: 100px;
	}
	.ageGroup .formItem span {
		font-size: 0.13rem;
		line-height: 0.23rem;
		margin-left: 10px;
	}

	::placeholder,
	::-ms-input-placeholder,
	:-ms-input-placeholder {
		color: #bebebe;
	}

	textarea.formControl {
		height: 210px;
	}

	.textBoxDiv {
		position: relative;
	}

	.textBoxDiv .placeholderDiv {
		position: absolute;
		top: 15px;
		left: 15px;
		font-size: 0.13rem;
		line-height: 1.8;
		color: #bebebe;
		pointer-events: none;
	}
	.textBoxDiv .placeholderDiv.none {
		display: none;
	}

	.formCheckLabel {
		display: inline-block;
		margin: 8px 0;
		padding: 0 0 0 40px;
		position: relative;
		font-size: 0.13rem;
		cursor: pointer;
	}

	.formCheckLabel:before {
		content: "";
		display: block;
		width: 26px;
		height: 26px;
		position: absolute;
		top: -7px;
		left: 0;
		background: #fff;
		border: solid 2px #aa8632;
	}

	.formCheckboxWrap {
		margin: 18px 0 0;
	}

	.formCheckboxWrap div {
		margin: 0 0 15px;
	}
	.formCheckboxWrap div:last-child {
		margin-bottom: 0;
	}

	.formCheckbox:checked + .formCheckLabel:before {
		background: #aa8632;
		border-color: #aa8632;
	}

	.formCheckbox:checked + .formCheckLabel:after {
		content: "";
		display: block;
		width: 18px;
		height: 14px;
		position: absolute;
		top: 2px;
		left: 5px;
		background: url(../img/contact/form_check.svg) no-repeat;
		background-size: 18px 14px;
	}

	.formRadioWrap div {
		margin: 0 0 19px;
	}
	.formRadioWrap div:last-child {
		margin-bottom: 0;
	}

	.formRadio {
		display: none;
	}

	.formRadioLabel {
		display: inline-block;
		position: relative;
		font-size: 0.13rem;
		cursor: pointer;
	}

	.formRadioLabel:before {
		content: "";
		display: inline-block;
		width: 28px;
		height: 28px;
		margin: 0 8px 0 0;
		background: #fff;
		border: solid 1.86px #aa8632;
		border-radius: 50%;
		vertical-align: -12px;
	}

	.formRadio:checked + .formRadioLabel:after {
		content: "";
		display: block;
		width: 17px;
		height: 17px;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 7px;
		background: #aa8632;
		border-radius: 50%;
	}

	.formBottom {
		width: 100%;
	}

	.formBottom p {
		color: #aa8632;
		font-size: 0.12rem;
		margin-bottom: 0px;
	}

	.formCheckbox {
		display: none;
	}

	.formButtonWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		margin: 30px 0 0;
		text-align: center;
	}

	.confirm .formText {
		font-size: 0.13rem;
		line-height: 0.23rem;
	}
	.confirm .lessonDateGroup .formText:first-child {
		margin-bottom: 5px;
	}
	.confirm .formTopText {
		margin: 30px auto 0px;
		padding: 18.5px 15px;
		font-size: 0.13rem;
		line-height: 1.4;
		text-align: left;
		background: #ffffff;
		border: 2px solid #aa8632;
		color: #aa8632;
	}
	.formTopText.error {
		margin: 30px auto 0px;
		padding: 18.5px 15px;
		font-size: 0.13rem;
		line-height: 1.4;
		text-align: left;
		background: #ffe6dc;
		color: #db1b07;
	}

	.formError {
		width: 100%;
		margin: 10px 0 0;
		padding: 10px 15px;
		background: #ffe6dc;
		font-size: 0.13rem;
		font-weight: bold;
		line-height: 1;
		color: #db1b07;
	}

	.formError:before {
		content: "";
		display: inline-block;
		width: 21px;
		height: 21px;
		margin: 0 6px 0 0;
		background: url(../img/contact/form_error.svg) no-repeat;
		background-size: 21px;
		vertical-align: -6px;
		/* -webkit-animation: blink .8s ease-in-out infinite alternate;
		-moz-animation: blink .8s ease-in-out infinite alternate;
		animation: blink .8s ease-in-out infinite alternate; */
	}

	/* @-webkit-keyframes blink {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	@-moz-keyframes blink {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	@keyframes blink {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	} */

	.formButton {
		border: none;
		cursor: pointer;
		outline: none;
	}
	.formBottom p {
		color: #aa8632;
		font-style: 0.18rem;
		line-height: 2;
		margin-bottom: 26px;
	}
	.formButtonWrap {
		margin-bottom: 111.5px;
	}
	.formButtonWrap .menuBtn {
		width: 100%;
		min-height: 70px;
		border-radius: 5px;
		font-size: 0.18rem;
		font-weight: 600;
		letter-spacing: 0.3em;
		color: #000000;
	}
	.formButtonWrap .menuBtn::after {
		position: absolute;
		right: 20px;
		top: 50%;
		bottom: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		content: "";
		width: 10px;
		height: 35px;
		background: url(../img/contact/form_btn_parts.svg) no-repeat center center / contain;
	}

	.confirm .formButtonWrap .menuBtn {
		margin-bottom: 31px;
	}
	.confirm .formButtonWrap .menuBtn.back {
		position: relative;
		margin-bottom: 0;
		border-radius: 5px;
		background: -moz-linear-gradient(left, #d0c2a2 0%, #e9dbbf 50%, #d0c2a2 100%);
		background: -webkit-linear-gradient(left, #d0c2a2 0%, #e9dbbf 50%, #d0c2a2 100%);
		background: linear-gradient(to right, #d0c2a2 0%, #e9dbbf 50%, #d0c2a2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0c2a2', endColorstr='#d0c2a2', GradientType=1);
	}
	.confirm .formButtonWrap .menuBtn.back::after {
		position: absolute;
		left: 20px;
		top: 25%;
		bottom: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		transform: rotateY(180deg);
		content: "";
		width: 10px;
		height: 35px;
		background: url(../img/contact/form_btn_parts.svg) no-repeat center center / contain;
	}

	/*----- サンクスページ -----*/
	.thanksHeaderContainer {
		display: flex;
		justify-content: center;
		text-align: center;
	}
	.thanksWrap {
		padding: 0 20px;
	}
	.thanksHeaderContainer .headerTitle {
		margin-top: 102px;
		margin-bottom: 40px;
	}
	.thanksHeaderContainer .headerTitle img {
		width: 227.5px;
		height: auto;
		margin-bottom: 0;
	}
	#lessonThanks .thanksHeaderContainer .headerTitle img {
		width: 265.5px;
		height: auto;
		margin-bottom: 0;
	}

	.thanksTxt {
		text-align: left;
		margin-bottom: 68.5px;
	}
	.thanksTxt p {
		font-size: 0.12rem;
		line-height: 0.23rem;
		margin-bottom: 15px;
	}
	.thanksTxt p:last-child {
		margin-bottom: 0;
	}
	.thanksTxt p.thanksMessage {
		font-size: 0.14rem;
		font-weight: 500;
		line-height: 0.3rem;
		margin-bottom: 42.5px;
	}
	.thanksTxt .txtIndent p {
		padding-left: 1em;
		text-indent: -1em;
	}

	.thanksButtonWrap {
		text-align: center;
		margin-bottom: 111.5px;
	}
	.thanksButtonWrap .menuBtn {
		position: relative;
		width: 100%;
		height: 70px;
		margin-bottom: 0px;
		border-radius: 5px;
	}
	.thanksButtonWrap .menuBtn a {
		font-size: 0.18rem;
		font-weight: 600;
		letter-spacing: 0.1em;
	}
	.thanksButtonWrap .menuBtn a::after {
		position: absolute;
		right: 20px;
		top: 50%;
		bottom: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		content: "";
		width: 10px;
		height: 35px;
		background: url(../img/contact/form_btn_parts.svg) no-repeat center center / contain;
	}

	/*----- レッスン申し込みページ -----*/
	.formGroup.formSubTitle {
		margin: 50px 0 54.5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #aa8632;
		text-align: center;
	}
	.formGroup.formSubTitle > p {
		margin: 0 auto;
		font-size: 0.18rem;
		font-weight: 600;
		line-height: 0.3rem;
		letter-spacing: 0.2em;
		color: #aa8632;
	}

	.formGroup.formTxt {
		margin: 0;
	}
	.formGroup.formTxt > p {
		font-size: 0.13rem;
		line-height: 0.23rem;
		margin: 49.5px auto 58px;
		color: #aa8632;
		padding-left: 1em;
		text-indent: -1em;
	}

	.formRadioWrap.lessonArea {
		margin-top: 25px;
	}

	.formSelectWrap {
		position: relative;
	}
	.formSelectWrap select {
		cursor: pointer;
		color: #222;
	}
	.formSelectWrap input {
		cursor: pointer;
	}
	.formSelectWrap:after {
		content: "";
		position: absolute;
		top: 20px;
		bottom: 5px;
		right: 18px;
		width: 43px;
		height: 12px;
		background: url(../img/contact/form_select_parts.svg);
		background-repeat: no-repeat;
		background-size: 43px 12px;
		background-position: center;
		pointer-events: none;
	}
	.lessonDateGroup .formSelectWrap::after {
		content: "";
		position: absolute;
		top: 11px;
		right: 14px;
		width: 34.25px;
		height: 25.45px;
		background: url(../img/contact/form_calendar_icon.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	.confirm .formSelectWrap::after {
		content: none;
	}

	/*--------------------------
	|       ブログ共通パーツ        |
	---------------------------*/
	/*----- セクション共通幅 -----*/
	.sectionCommon {
		width: 100%;
		margin: 0 auto;
		padding: 0 5.3vw;
	}
	.blogInner {
		display: block;
		justify-content: space-between;
	}

	/* 前後にページがない時にボタンを非表示用のクラス */
	.pagerBoxWrap .hidden {
		visibility: hidden;
	}

	/*--------------------------
	|        ブログページ          |
	---------------------------*/
	/*----- header -----*/
	.blogHeaderContainer .blogHeaderBg {
		width: 100%;
		height: 175px;
		background: rgb(235, 228, 187);
		background: url(../img/blog/sp/header_bg_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left bottom;
	}
	/* メインタイトル */
	.blogHeaderContainer .headerTitle {
		margin-bottom: 15px;
	}
	.blogHeaderContainer .headerTitle img {
		width: 195.12px;
		height: auto;
		margin-top: -55px;
		margin-bottom: 15px;
	}
	/* サブタイトル */
	.subTitle {
		margin-left: -9px;
		font-size: 0.14rem;
		letter-spacing: 0.03rem;
	}

	.blogInner {
		padding-bottom: 87px;
	}

	/*--- 各ブログコンテンツ ---*/
	.blogContentsBox {
		padding-bottom: 60px;
	}
	.blogContentsBoxInner {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		grid-auto-rows: auto;
		gap: 40px;
		grid-auto-flow: row;
		margin-bottom: 51px;
	}
	.blogContentBox {
		width: 100%;
	}
	.blogContentBox a {
		display: block;
	}

	/*--- インフォボックス ---*/
	.blogInfoBox {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 10px;
	}
	/* 日付 */
	.blogDate {
		width: 50%;
		font-size: 0.15rem;
		margin-right: 10px;
		padding-bottom: 0px;
		display: inline-block;
	}

	/*--- タグ ---*/
	.blogTag {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 113px;
		max-width: 50%;
		min-height: 25px;
		padding: 3px 15px 2px;
		font-size: 0.14rem;
		line-height: 1.5;
		color: #fff;
		border-radius: 6px;
	}
	.blogTag.info {
		background-color: #d18f78;
	}
	.blogTag.lesson {
		background-color: #a3a577;
	}
	.blogTag.blog {
		background-color: #9e8ab2;
	}
	.blogTag.blog {
		background-color: #9e8ab2;
	}
	.blogTag.concert {
		background-color: #829aa8;
	}
	.blogTag.freedom {
		background-color: #aa8632;
	}

	/*--- 画像部分 ---*/
	.blogImgBox {
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.blogImg {
		width: 100%;
		padding-top: 56.21%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.5s;
		pointer-events: none;
	}

	/*--- youtube動画 ---*/
	.blogMovieBox {
		width: 100%;
		height: calc(100vw * 0.484);
	}
	.blogMovieBox > iframe {
		width: 100% !important;
		height: 100% !important;
	}

	/*--- 記事テキスト部分 ---*/
	.blogDetailBox {
		position: relative;
		padding: 18px 0px 20px;
		transition: 0.4s;
	}
	.blogDetailBox::after {
		content: "→続きを読む";
		position: absolute;
		bottom: -5px;
		right: 0;
		font-size: 0.15rem;
	}
	/* テキスト設定 */
	.blogTitle {
		margin-bottom: 8px;
		color: #aa8632;
		font-size: 0.18rem;
		line-height: 1.7;
		font-weight: 500;
	}
	.blogSentence {
		font-size: 0.15rem;
		line-height: 1.7;
	}
	/* 行指定で3点リーダーを出す方法 */
	.blogSentence {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	/*--------------------------
	|           pager           |
	---------------------------*/
	.pagerBox {
		display: grid;
		grid-template-columns: 0fr auto auto auto 0fr;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 40px;
		margin-top: 0px;
		text-align: center;
	}

	/*--- 共通設定 ---*/
	.pagerBox li {
		position: relative;
		display: inline-block;
		letter-spacing: normal;
		margin: 0px;
	}
	.pagerBox li a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border: 1px solid #aae0b4;
		border-radius: 5px;
		color: #333333;
		text-align: center;
		background: #ffffff;
	}
	.pagerBox li a::before {
		content: "";
		pointer-events: none;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	/* border無し */
	.pagerBox li.borderNone a {
		border: 0px;
	}
	.pagerBox li.borderNone a:hover {
		background-color: unset;
		border: 0;
	}

	/* sp用ページャー */
	.pagerBox li.spNum {
		justify-self: center;
		width: 100%;
		font-size: 0.14rem;
		color: #aa8632;
		word-break: break-all;
	}

	/* PC用のページャー非表示 */
	.pagerBox .num {
		display: none;
	}

	/* ページャーアイコン共通設定 */
	.pagerBox li a::after {
		content: "";
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		pointer-events: none;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.3s;
	}

	/*--- 各種ボタン設定 ---*/
	/* トップボタン */
	.pagerBox li.top {
		margin-right: 10px;
	}
	.pagerBox li.top a::after {
		width: 20.06px;
		height: 15.6px;
		background-image: url(../img/blog/common/pager_top.svg);
	}

	/* プレフボタン */
	.pagerBox li.pref {
		margin-right: 22px;
	}
	.pagerBox li.pref a::after {
		width: 9.06px;
		height: 15.6px;
		background-image: url(../img/blog/common/pager_pref.svg);
		right: 3px;
	}

	/* ネクストボタン */
	.pagerBox li.next {
		margin-left: 22px;
	}
	.pagerBox li.next a::after {
		width: 9.06px;
		height: 15.6px;
		background-image: url(../img/blog/common/pager_next.svg);
		left: 3px;
	}

	/* エンドボタン */
	.pagerBox li.end {
		margin-left: 10px;
	}
	.pagerBox li.end a::after {
		width: 20.06px;
		height: 15.6px;
		background-image: url(../img/blog/common/pager_end.svg);
	}

	/*--------------------------
	|           aside           |
	---------------------------*/
	/* 各リストの大枠のBox */
	.sidebarBox {
		margin-bottom: 28px;
		border: 0.3px solid #000;
	}
	.sidebarBox:last-child {
		margin-bottom: 0;
	}

	/* 各リストのulのBox */
	.sidebarBox .sidebarItemBox {
		padding: 18px 26px 19px;
		letter-spacing: 0.1em;
	}

	/* 各リストのタイトル */
	.sidebarTitle {
		display: flex;
		align-items: center;
		padding: 16px 20px;
		font-size: 0.16rem;
		color: #d5b771;
		background-color: #000;
		letter-spacing: 0.1em;
	}
	.sidebarTitle::before {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		margin-right: 9px;
		background-color: #d5b771;
	}

	/* 各リストのアイテム */
	.sidebarItem {
		margin-bottom: 10px;
	}
	.sidebarItem:last-child {
		margin-bottom: 0px;
	}
	.sidebarItem a {
		display: flex;
		align-items: center;
		font-size: 0.15rem;
		line-height: 1.8;
		color: #aa8632;
	}
	.sidebarItem a::before {
		content: "";
		display: block;
		align-self: flex-start;
		min-width: 8.4px;
		min-height: 12.76px;
		margin-top: 6.5px;
		margin-right: 13px;
		background-image: url(../img/blog/common/blog_arrow_icon.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	/*--------------------------
	|       ブログ個別ページ        |
	---------------------------*/
	/* 	#blogArticle .blogInner {
		padding-bottom: 90px;
	} */
	/* 記事大枠の設定 */
	#blogArticle .blogArticleBox {
		display: block;
		width: 100%;
		margin-bottom: 0px;
	}

	#blogArticle .blogContentsBox {
		padding-bottom: 50px;
	}

	/* 記事内ヘッダー */
	#blogArticle .articleHead {
		margin-top: -18px;
		margin-bottom: 35px;
	}
	/* 記事内ボディー */
	#blogArticle .articleBody {
	}

	/* タグ */
	#blogArticle .blogTag {
		display: inline-flex;
		margin-bottom: 11px;
	}
	/* タイトル */
	#blogArticle .blogArticleBox .articleTitle {
		font-size: 0.18rem;
		line-height: 1.7;
		font-weight: 500;
		color: #aa8632;
		text-align: left;
		margin-bottom: 15px;
	}

	/*--------------------------
	|       ブログパーツ類         |
	---------------------------*/
	/* 記事内全体設定 */
	#blogArticle .articleBody {
		text-align: center;
	}
	#blogArticle .articleBody > *:last-child {
		margin-bottom: 0;
	}

	/* 記事内画像 */
	#blogArticle .articleBody img {
		width: auto;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	/*--- youtube動画 ---*/
	/* .articleBody内に平打ちの場合の設定 */
	#blogArticle .articleBody > iframe {
		width: 100% !important;
		height: calc(100vw * 0.489) !important;
		margin-bottom: 40px;
	}

	/* .blogMovieBoxの入れた場合の設定 */
	#blogArticle .blogMovieBox {
		width: 100%;
		height: calc(100vw * 0.489);
		margin-bottom: 20px;
	}
	#blogArticle .blogMovieBox > iframe {
		width: 100% !important;
		height: 100% !important;
	}

	/* 記事内ノーマルテキスト */
	#blogArticle .articleBody p {
		margin-bottom: 20px;
		font-size: 0.15rem;
		line-height: 1.9;
		text-align: left;
		text-align: justify;
	}

	/* アンカー */
	#blogArticle .articleBody a {
		color: #aa8632;
	}

	/* 見出し */
	#blogArticle .articleBody h2 {
		margin-bottom: 15px;
		font-size: 0.18rem;
		line-height: 1.7;
		color: #aa8632;
		text-align: left;
	}

	/*--------------------------
	|         SNSボックス         |
	---------------------------*/
	#blogArticle .snsBox {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 28px;
		margin-top: 62px;
		margin-bottom: 39px;
		padding-bottom: 63px;
		border-bottom: 1px solid #d5b771;
	}
	#blogArticle .snsBox > .txt {
		width: 100%;
		margin-top: 1px;
		margin-bottom: -10px;
		font-size: 0.125rem;
		color: #aa8632;
		text-align: center;
	}
	#blogArticle .snsBox > .icon {
		width: 44.35px;
		height: 44.35px;
		border-radius: 100%;
	}
	#blogArticle .snsBox > .icon > a {
		display: block;
		width: 44.35px;
		height: 44.35px;
		border-radius: 100%;
	}

	/*--- 各種アイコン ---*/
	/* URLコピーボタンの設定 */
	#blogArticle .snsBox .copyIcon {
		position: relative;
		display: block;
	}
	#blogArticle .snsBox .copyIcon::before {
		content: "";
		position: absolute;
		display: block;
		width: 44.35px;
		height: 44.35px;
		border-radius: 100%;
		transition: 0.3s;
		background-image: url(../img/blog/common/copy_icon.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	/* コピー完了後メッセージ吹き出しの設定 */
	#blogArticle .snsBox .copyIcon .clipboardSuccess {
		display: none;
		position: absolute;
		left: 50%;
		bottom: -28px;
		padding: 4px 7px 5px 10px;
		font-size: 0.11rem;
		color: #fff;
		text-align: center;
		transform: translate(-50%, 0);
		background: #000;
		border-radius: 100px;
		pointer-events: none;
	}
	#blogArticle .snsBox .copyIcon .clipboardSuccess::before {
		content: "";
		position: absolute;
		top: -5px;
		left: 50%;
		transform: translate(-50%, 0);
		display: block;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #000;
		border-left: 5px solid transparent;
	}
	/* Facebookボタン */
	#blogArticle .snsBox .facebookIcon a {
		background-image: url(../img/blog/common/facebook_icon.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	/* LINEボタン */
	#blogArticle .snsBox .lineIcon a {
		background-image: url(../img/blog/common/line_icon.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	/* Twitterボタン */
	#blogArticle .snsBox .twitterIcon a {
		background-image: url(../img/blog/common/twitter_icon.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	/*--------------------------
	|           pager           |
	---------------------------*/
	#blogArticle .pagerBoxWrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
	}

	/* 共通設定 */
	#blogArticle .pagerBtn a {
		display: inline-block;
		font-size: 0.15rem;
		line-height: 1.5;
		color: #aa8632;
	}
	#blogArticle .pagerBtnTxt {
		padding: 10px 0px;
	}

	/*--- プレフボタン ---*/
	#blogArticle .prefTxt {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	#blogArticle .prefTxt p {
		margin-left: 20px;
		text-align: justify;
		letter-spacing: 0.1em;
	}
	#blogArticle .prefTxt::before {
		content: "";
		position: absolute;
		left: 0;
		display: block;
		min-width: 11.46px;
		height: 38.71px;
		pointer-events: none;
		background-image: url(../img/blog/common/pager_prefBtn.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.3s;
	}

	/*--- ネクストボタン ---*/
	#blogArticle .nextTxt {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	#blogArticle .nextTxt p {
		/* ↓右側はデフォルトで左側に比べて2pxマイナスにしておくこと */
		margin-right: 18px;
		text-align: justify;
		letter-spacing: 0.1em;
	}
	#blogArticle .nextTxt::after {
		content: "";
		position: absolute;
		right: 0;
		display: block;
		min-width: 11.46px;
		height: 38.71px;
		pointer-events: none;
		background-image: url(../img/blog/common/pager_nextBtn.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.3s;
	}

	/*--------------------------
	|     記事一覧へ戻るボタン      |
	---------------------------*/
	#blogArticle .articleListBtn {
		width: 100%;
		height: 55px;
		margin: 0 auto;
		margin-top: 35px;
		border: 1px solid #aa8632;
		border-radius: 4px;
	}
	#blogArticle .articleListBtn a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 53px;
		font-size: 0.17rem;
		font-weight: 600;
		color: #aa8632;
		border-radius: 4px;
		transition: 0.3s;
		letter-spacing: 0.1em;
	}
}
