@charset "UTF-8";

html {

	font-size: 62.5%;
}

*,
*::befor,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0;
	width: 100%;
	height: 100%;
}

/*スマホ用。画面サイズが481px以下の場合。*/
@media screen and (max-width:480px) {

	html,
	body {
		overflow-x: hidden;
		overflow-y: auto;
	}

	/*【SP】ヘッダー*/
	header {
		display: block;
		position: fixed;
		top: 0px;
		z-index: 10000;
		background-color: rgb(116, 97, 116);
		width: 100%;
		height: 13vw;
	}

	/*【SP】ヘッダーのフレックスボックス*/
	.headWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	/*【SP】ロゴ*/
	.logoNav {
		display: block;
		position: absolute;
		height: 85%;
		top: 6%;
		left: 29%;
	}

	/*【SP】ロゴとハンバーガーの位置揃え*/
	#nav-drawer {
		display: table;
		position: fixed;
		top: 0;
		width: 30%;
		height: 13vw;
		right: 0;
		z-index: 10000;
	}

	/*【SP】アイコンのスペース*/
	#nav-open {
		display: table-cell;
		position: fixed;
		top: 0;
		width: 30%;
		height: 13vw;
		right: 0;
		z-index: 10000;
	}

	.hamburger {
		position: absolute;
		top: 10%;
		left: 25%;
		height: 80%;
		z-index: 10000;
		visibility: visible;
	}

	/*【SP】チェックボックス非表示に*/
	.nav-unshown {
		display: none;
	}

	/*【SP】ハンバーガーOFF時のメニュー位置*/
	#nav-content {
		display: none;
	}

	.nav-content {
		display: none;
	}

	/*【SP】ハンバーガーON時のメニュー位置*/
	#nav-input:checked ~ #nav-content {
		top: 13vw;
	}

	/*【SP】メニューのレイアウト*/
	#nav-input:checked ~ .nav-content {
		display: block;
		position: fixed;
		left: 0;
		width: 100%;
		height: 150px;
	}

	/*【SP】メニューのフレックスボックス*/
	.menuWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 150px;
		background-color: rgb(178, 121, 191);
		opacity: 0.9;
		visibility: visible;
	}

	/*【SP】メニューのセル*/
	.menuList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 50%;
		-ms-flex-preferred-size: 24%;
		flex-basis: 24%;
		list-style: none;
		border: 0.5px solid #fff;
		border-collapse: collapse;
	}

	/*【SP】メニューの文字配置など*/
	.menuLink {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		text-decoration: none;
		width: 100%;
		margin-top: auto;
		margin-bottom: auto;
		text-align: center;
		font-size: 1.6rem;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
		color: #fff;
	}

	.menuLink:visited {
		color: #fff;
	}

	/*【SP】ヘッダーここまで*/

	/*【SP】ページトップ*/
	.pageTop {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		margin-top: 13vw;
		font-family: yu-mincho-pr6, serif;
	}

	/*【SP】製品コンセプト*/
	.concept {
		display: block;
		width: 95%;
		padding-top: 3vw;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 4.3vw;
	}

	/*【SP】コンセプトタイトル*/
	.productTitle {
		margin: 0;
		line-height: 1.5;
		font-weight: 500;
		font-size: 8vw;
		text-align: center;
		text-shadow:
			white 2px 0px, white -2px 0px,
			white 0px -2px, white 0px 2px,
			white 2px 2px, white -2px 2px,
			white 2px -2px, white -2px -2px,
			white 1px 2px, white -1px 2px,
			white 1px -2px, white -1px -2px,
			white 2px 1px, white -2px 1px,
			white 2px -1px, white -2px -1px,
			#ff4673 1px 1px 15px, #ff4673 -1px 1px 15px,
			#ff4673 1px -1px 15px, #ff4673 -1px -1px 15px;
	}

	/*【SP】タイトル画像*/
	.titleImg {
		display: block;
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.titleImgPc {
		display: none;
	}

	/*【SP】製品要約*/
	.titleOrnTop {
		display: block;
		width: 50%;
		margin-top: 2vw;
		margin-left: auto;
		margin-right: auto;
	}

	.productText {
		display: block;
		width: 90%;
		margin-top: 3vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1vw;
		line-height: 1.5;
		font-weight: 600;
		font-size: 5vw;
		text-align: center;
	}

	.titleOrnBottom {
		display: block;
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	/*【SP】製品詳細*/
	.conceptText {
		display: block;
		margin: 3vw 0 3vw 0;
		line-height: 1.5;
		font-size: 4vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
	}



	/*【SP】詳細１タイトル*/
	.articleTitle1 {
		margin: 10vw 0 5vw 0;
		font-weight: 500;
		font-size: 7vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
		text-decoration: underline;
		text-shadow: #ffdf8e 1px 1px 7px, #ffdf8e -1px 1px 7px,
			#ffdf8e 1px -1px 7px, #ffdf8e -1px -1px 7px;
	}

	/*【SP】詳細内容*/
	.articleText {
		display: block;
		margin: 3vw 0 3vw 0;
		line-height: 1.6;
		font-size: 4.3vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
	}

	/*【SP】詳細１画像*/
	.articleImg1 {
		display: block;
		position: relative;
		width: 100%;
		padding-bottom: 3vw;
	}

	.articleImg1Pc {
		display: none;
	}

	/*【SP】詳細２タイトル*/
	.articleTitle2 {
		margin: 9vw 0 5vw 0;
		font-weight: 500;
		font-size: 7vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
		text-decoration: underline;
		text-shadow: #8ec8ff 1px 1px 3px, #8ec8ff -1px 1px 3px,
			#8ec8ff 1px -1px 3px, #8ec8ff -1px -1px 3px;
	}

	/*【SP】詳細２画像*/
	.articleImg2 {
		display: block;
		position: relative;
		width: 100%;
		padding-bottom: 4vw;
	}

	.articleImg2Pc {
		display: none;
	}

	/*【SP】詳細３タイトル*/
	.articleTitle3 {
		margin: 9vw 0 5vw 0;
		font-weight: 500;
		font-size: 7vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
		text-decoration: underline;
		text-shadow: #ffa6c4 1px 1px 3px, #ffa6c4 -1px 1px 3px,
			#ffa6c4 1px -1px 3px, #ffa6c4 -1px -1px 3px;
	}

	.link {
		color: rgb(171, 99, 204);
	}

	/*【SP】詳細３画像*/
	.articleImg3 {
		display: block;
		position: relative;
		width: 100%;
		padding-bottom: 4vw;
	}

	.articleImg3Pc {
		display: none;
	}

	/*【SP】公式とメニューへの外部リンク*/
	.linkToOfficial {
		display: block;
		width: 95%;
		margin-top: 7vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 7vw;
		text-align: center;
		line-height: 1.6;
		font-size: 4vw;
		font-family: yu-mincho-pr6, serif;
	}

	/*【SP】画面固定された連絡先*/
	.parentLink {
		display: block;
		position: fixed;
		width: 100%;
		height: 8%;
		left: 8%;
		bottom: 3%;
		z-index: 100;
		/*白ぼかし*/
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	/*【SP】電話画像*/
	.telImg {
		width: 50%;
		margin: 0 2% 0 0;
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	/*【SP】メール画像*/
	.mailImg {
		width: 14%;
		margin: 0 2% 0 0;
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	/*【SP】ライン画像*/
	.lineAppImg {
		width: 14%;
		margin: 0;
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	.campaignImg {
		display: block;
		position: absolute;
		top: 16px;
		width: 60%;
	}


	/*【SP】ここからお問い合わせ・ご予約*/
	.contact {
		font-family: zen-maru-gothic, sans-serif;
	}

	/*【SP】お問い合わせ・ご予約*/
	.contactHeader {
		display: block;
		width: 100%;
	}

	/*【SP】上のオーナメント*/
	.ornamentTop {
		display: block;
		width: 20%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}

	/*【SP】上オーナメンド除くタイトル*/
	.titleWrapper {
		display: block;
		position: relative;
		width: 100%;
	}

	/*【SP】両サイドのオーナメント*/
	.left {
		display: inline-block;
		width: 19%;
	}

	.right {
		display: inline-block;
		width: 19%;
	}

	/*【SP】タイトル*/
	.contactTitle {
		display: inline-block;
		width: 60%;
		margin: 0;
		text-align: center;
		font-size: 1.5rem;
		font-weight: 500;
	}

	.contactText {
		margin: 0;
		font-size: 1.5rem;
		text-align: center;
		line-height: 2;
		font-weight: 500;
	}

	/*【SP】電話番号*/
	.telA {
		text-decoration: none;
		font-family: zen-maru-gothic, sans-serif;
		font-size: 3.6rem;
		color: #000;
	}

	/*【SP】シェアボタンのflexbox*/
	.buttonWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}

	/*【SP】シェアボタンとバナーの縦flexbox*/
	.buttonColumn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		width: 100%;
	}

	/*【SP】各アイコン*/
	.mailButton {
		display: block;
		position: relative;
		width: 50%;
		margin-left: auto;
		margin-right: 7vw;
	}

	.mailBanner {
		display: block;
		position: relative;
		width: 40%;
		padding: 2vw 0;
		margin-left: auto;
		margin-right: 9vw;
	}

	.lineQr {
		display: block;
		position: relative;
		width: 50%;
		margin-left: 7vw;
		margin-right: auto;
	}

	.lineBanner {
		display: block;
		position: relative;
		width: 40%;
		padding: 2vw 0;
		margin-left: 10vw;
		margin-right: auto;
	}

	.productNote {
		display: block;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 1.1rem;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
	}

	/*【SP】ここからフッター*/
	.footer {
		display: block;
		background-color: rgb(255, 217, 229);
		width: 100%;
		height: 75vw;
		padding-top: 10px;
	}

	/*【SP】フッター*/
	.parentFooter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		width: 100%;
		height: 55vw;
	}

	/*【SP】ロゴと住所*/
	.footLogoWrap {
		display: block;
		width: 25%;
		height: 100%;
		padding: 0;
		margin: 0;
	}

	.footerLogo {
		width: 100%;
	}

	/*【SP】住所*/
	.logoAddress {
		margin: 0;
		font-family: yu-mincho-pr6, serif;
		font-size: 0.9rem;
		color: rgb(128, 128, 128);
		text-align: center;
	}

	/*【SP】フッターの位置と高さ*/
	.footerMenu {
		display: block;
		position: absolute;
		width: 75%;
		height: 55vw;
		left: 25%;
		/*↓グローバルナビフッターがおさまるサイズ↓*/
		padding-bottom: 20vw;
	}

	/*【SP】フッターメニューの並び順*/
	.footerList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}

	/*【SP】メニューセルの幅*/
	.footerCell {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		list-style: none;
	}

	/*【SP】セル内の文字の配置など*/
	.footerLink {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		text-decoration: underline;
		width: 100%;
		margin-top: auto;
		margin-bottom: auto;
		text-align: center;
		font-size: 1.5rem;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
		color: #000;
	}

}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

/*タブレット用。画面サイズが481px以上768px以下の場合*/
@media screen and (min-width: 481px) and (max-width: 768px) {


	html,
	body {
		overflow-x: hidden;
		overflow-y: auto;
	}

	/*【TB】ヘッダー*/
	header {
		display: block;
		position: fixed;
		top: 0px;
		z-index: 10000;
		background-color: rgb(116, 97, 116);
		width: 100%;
		height: 100px;
	}

	/*【TB】ヘッダーのフレックスボックス*/
	.headWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	/*【TB】ロゴ*/
	.logoNav {
		display: block;
		position: absolute;
		height: 8.5vw;
		bottom: 1.5vw;
		left: 1%;
	}

	/*【TB】ハンバーガー隠す*/
	#nav-input,
	#nav-open,
	#nav-close {
		display: none;
	}

	/*【TB】メニューの配置*/
	#nav-content {
		display: block;
		position: fixed;
		width: 100%;
		height: 100px;
		left: 0;
	}

	/*【TB】メニューのフレックスボックスの位置*/
	.navWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		/*        display: block;*/
		width: 70vw;
		height: 65%;
		right: 1%;
		;
		bottom: 0;
	}

	/*【TB】メニューのフレックスボックス*/
	.menuWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-line-pack: distribute;
		align-content: space-around;
		margin: 0;
		padding: 0;

	}

	/*【TB】メニューのセル*/
	.menuList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 15vw;
		list-style: none;
	}

	/*【TB】メニューの文字配置など*/
	.menuLink {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		text-decoration: none;
		text-align: center;
		font-size: 1.8vw;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
		color: #fff;
		padding: 0;
	}

	.menuLink:visited {
		color: #fff;
	}

	/*【TB】ヘッダーここまで*/

	/*【TB】画面固定された連絡先*/
	.parentLink {
		display: block;
		position: fixed;
		width: 100%;
		top: 110px;
		z-index: 100;
		/*白ぼかし*/
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	/*【TB】電話画像*/
	.telImg {
		display: inline-block;
		position: absolute;
		width: 150px;
		top: 5px;
		right: 130px;
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	/*【TB】メール画像*/
	.mailImg {
		display: inline-block;
		position: absolute;
		width: 50px;
		right: 60px;
		margin-right: 10px;
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	/*【TB】ライン画像*/
	.lineAppImg {
		display: inline-block;
		position: absolute;
		width: 50px;
		right: 10px;
		margin: 0;
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	/*【TB】スマホ版改行*/
	.mbBr {
		display: none;
	}

	/*【TB】ページトップ*/
	.pageTop {
		display: block;
		position: relative;
		width: 50%;
		height: 100%;
		margin-top: 100px;
		font-family: yu-mincho-pr6, serif;
		background: linear-gradient(-130deg, #fff, #fff, #ffdfff)
	}

	/*【TB】製品コンセプト*/
	.concept {
		display: block;
		width: 95%;
		padding-top: 1vw;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 2vw;
	}

	/*【TB】コンセプトタイトル*/
	.productTitle {
		margin: 0;
		line-height: 1.5;
		font-weight: 500;
		font-size: 4vw;
		text-align: center;
		text-shadow:
			white 2px 0px, white -2px 0px,
			white 0px -2px, white 0px 2px,
			white 2px 2px, white -2px 2px,
			white 2px -2px, white -2px -2px,
			white 1px 2px, white -1px 2px,
			white 1px -2px, white -1px -2px,
			white 2px 1px, white -2px 1px,
			white 2px -1px, white -2px -1px,
			#ff4673 1px 1px 15px, #ff4673 -1px 1px 15px,
			#ff4673 1px -1px 15px, #ff4673 -1px -1px 15px;
	}

	/*【TB】タイトル画像*/
	.titleImgPc {
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		right: -100%;
	}

	.titleImg {
		display: none;
	}

	/*【TB】製品要約*/
	.titleOrnTop {
		display: block;
		width: 45%;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.productText {
		display: block;
		width: 80%;
		margin-top: 1vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1vw;
		line-height: 1.5;
		font-weight: 600;
		font-size: 2vw;
		text-align: center;
	}

	.titleOrnBottom {
		display: block;
		width: 45%;
		margin-left: auto;
		margin-right: auto;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	/*【TB】製品詳細*/
	.conceptText {
		display: block;
		margin: 1vw 0;
		padding-bottom: 2vw;
		line-height: 1.7;
		font-size: 1.5vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
	}

	/*【TB】詳細１*/
	.proArticle1 {
		display: block;
		position: relative;
		width: 50%;
		height: 100%;
		margin-left: auto;
		font-family: yu-mincho-pr6, serif;
		background: linear-gradient(130deg, #fff, #fff, #ffffe1)
	}

	/*【TB】詳細１タイトル*/
	.articleTitle1 {
		margin: 0;
		padding: 1vw 0;
		font-weight: 500;
		font-size: 2.8vw;
		text-align: center;
		text-decoration: underline;
		text-shadow: #ffdf8e 1px 1px 7px, #ffdf8e -1px 1px 7px,
			#ffdf8e 1px -1px 7px, #ffdf8e -1px -1px 7px;
	}

	/*【TB】詳細内容*/
	.articleText {
		display: block;
		margin: 0;
		padding-bottom: 2vw;
		line-height: 1.6;
		font-size: 1.8vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
	}

	/*【TB】詳細１画像*/
	.articleImg1Pc {
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		left: -100%;
	}

	.articleImg1 {
		display: none;
	}

	/*【TB】詳細2*/
	.proArticle2 {
		display: block;
		position: relative;
		width: 50%;
		height: 100%;
		margin-right: auto;
		font-family: yu-mincho-pr6, serif;
		background: linear-gradient(-130deg, #fff, #fff, #dfdfff)
	}

	/*【TB】詳細２タイトル*/
	.articleTitle2 {
		margin: 0;
		padding: 1vw 0;
		font-weight: 500;
		font-size: 2.8vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
		text-decoration: underline;
		text-shadow: #8ec8ff 1px 1px 3px, #8ec8ff -1px 1px 3px,
			#8ec8ff 1px -1px 3px, #8ec8ff -1px -1px 3px;
	}

	/*【TB】詳細２画像*/
	.articleImg2Pc {
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		right: -100%;
	}

	.articleImg2 {
		display: none;
	}

	/*【TB】詳細3*/
	.proArticle3 {
		display: block;
		position: relative;
		width: 50%;
		height: 100%;
		padding-bottom: 2vw;
		margin-left: auto;
		font-family: yu-mincho-pr6, serif;
		background: linear-gradient(130deg, #fff, #fff, #fff, #ffc2d0)
	}

	/*【TB】詳細３タイトル*/
	.articleTitle3 {
		margin: 0;
		padding: 1vw 0;
		font-weight: 500;
		font-size: 2.8vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
		text-decoration: underline;
		text-shadow: #ffa6c4 1px 1px 3px, #ffa6c4 -1px 1px 3px,
			#ffa6c4 1px -1px 3px, #ffa6c4 -1px -1px 3px;
	}

	.link {
		color: rgb(171, 99, 204);
	}

	/*【TB】詳細３画像*/
	.articleImg3Pc {
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		left: -100%;
	}

	.articleImg3 {
		display: none;
	}

	/*【TB】公式とメニューへの外部リンク*/
	.linkToOfficial {
		display: block;
		width: 95%;
		margin-top: 5vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3vw;
		text-align: center;
		line-height: 1.6;
		font-size: 2.3vw;
		font-family: yu-mincho-pr6, serif;
	}


	/*【TB】ここからお問い合わせ・ご予約*/
	.contact {
		font-family: zen-maru-gothic, sans-serif;
	}

	/*【TB】お問い合わせ・ご予約*/
	.contactHeader {
		display: block;
		width: 100%;
	}

	/*【TB】上のオーナメント*/
	.ornamentTop {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		height: 3vw;
	}

	/*【TB】上オーナメンド除くタイトルのフレックスボックス*/
	.titleWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}

	/*【TB】両サイドのオーナメント*/
	.left {
		display: block;
		margin-left: auto;
		height: 5vw;
	}

	.right {
		display: block;
		margin-right: auto;
		height: 5vw;
	}

	/*【TB】タイトル*/
	.contactTitle {
		margin-top: auto;
		font-size: 2.5vw;
		font-weight: 500;
	}

	.contactText {
		margin-top: 0;
		font-size: 2.2vw;
		text-align: center;
		line-height: 2;
		font-weight: 500;
	}

	/*【TB】電話番号*/
	.telA {
		text-decoration: none;
		font-family: zen-maru-gothic, sans-serif;
		font-size: 4.5vw;
		color: #000;
	}

	/*【TB】シェアボタンのflexbox*/
	.buttonWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}

	/*【TB】シェアボタンとバナーの縦flexbox*/
	.buttonColumn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		width: 100%;
	}

	/*【TB】各アイコン*/
	.mailButton {
		display: block;
		position: relative;
		width: 35%;
		margin-left: auto;
		margin-right: 3vw;
	}

	.mailBanner {
		display: block;
		position: relative;
		width: 30%;
		padding: 2vw 0;
		margin-left: auto;
		margin-right: 4vw;
	}

	.lineQr {
		display: block;
		position: relative;
		width: 35%;
		margin-left: 3vw;
		margin-right: auto;
	}

	.lineBanner {
		display: block;
		position: relative;
		width: 30%;
		padding: 2vw 0;
		margin-left: 4vw;
		margin-right: auto;
	}

	.productNote {
		display: block;
		text-align: center;
		font-size: 1.4vw;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
	}

	/*【TB】ここからフッター*/
	.footer {
		display: block;
		background-color: rgb(255, 217, 229);
		width: 100%;
		height: 240px;
		padding-top: 10px;
	}

	/*【TB】フッターのフレックスボックス*/
	.parentFooter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		width: 100%;

	}

	/*【TB】ロゴと住所*/
	.footLogoWrap {
		display: block;
		width: 25%;
	}

	.footerLogo {
		display: block;
		width: 150px;
		margin-left: auto;
		margin-right: auto;
	}

	/*【TB】住所*/
	.logoAddress {
		margin: 0;
		font-family: yu-mincho-pr6, serif;
		font-size: 2vw;
		color: rgb(128, 128, 128);
		text-align: center;
	}

	/*【TB】フッターメニューの位置*/
	.footerMenu {
		display: block;
		position: absolute;
		width: 75%;
		height: 200px;
		right: 0;
	}

	/*【TB】フッターメニューの並び順*/
	.footerList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}

	/*【TB】メニューセルの幅と高さ*/
	.footerCell {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 25vw;
		-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
		list-style: none;
	}

	/*【TB】セル内の文字の配置など*/
	.footerLink {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		text-decoration: underline;
		width: 100%;
		margin-top: auto;
		margin-bottom: auto;
		text-align: center;
		font-size: 2.3vw;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
		color: #000;
	}


}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

/*PC用。画面サイズが769px以上の場合*/
@media screen and (min-width:769px) {

	/*【PC】ヘッダー*/
	header {
		display: block;
		position: fixed;
		top: 0px;
		z-index: 10000;
		background-color: rgb(116, 97, 116);
		width: 100%;
		height: 100px;
	}

	/*【PC】ヘッダーのフレックスボックス*/
	.headWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	/*【PC】ロゴ*/
	.logoNav {
		display: block;
		position: absolute;
		height: 65%;
		bottom: 10px;
		left: 1%;
	}

	/*【PC】ハンバーガー隠す*/
	#nav-input,
	#nav-open,
	#nav-close {
		display: none;
	}

	/*【PC】メニューの配置*/
	#nav-content {
		display: block;
		position: fixed;
		width: 100%;
		height: 100px;
		left: 0;
	}

	/*【PC】メニューのフレックスボックスの位置*/
	.navWrapper {
		display: block;
		position: absolute;
		width: 73%;
		height: 48%;
		right: 0;
		bottom: 0;
	}

	/*【PC】メニューのフレックスボックス*/
	.menuWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin: 0;
		padding: 0;
		margin-top: 10px;
	}

	/*【PC】メニューのセル*/
	.menuList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		list-style: none;
	}

	/*【PC】メニューの文字配置など*/
	.menuLink {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		text-decoration: none;
		width: 100%;
		margin-top: auto;
		margin-bottom: auto;
		text-align: center;
		font-size: 1.3vw;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
		color: #fff;
		padding: 0.5vw;
		padding-bottom: 5px;
		border-radius: 10px;
	}

	.menuLink:visited {
		color: #fff;
	}

	.menuLink:hover {
		background-color: rgb(178, 121, 191);
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	/*【PC】ヘッダーここまで*/

	/*【PC】ページトップ*/
	.pageTop {
		display: block;
		position: relative;
		width: 50%;
		height: 100%;
		margin-top: 100px;
		font-family: yu-mincho-pr6, serif;
		background: linear-gradient(-130deg, #fff, #fff, #ffdfff)
	}

	/*【PC】製品コンセプト*/
	.concept {
		display: block;
		width: 95%;
		padding-top: 1vw;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 1.5vw;
	}

	/*【PC】コンセプトタイトル*/
	.productTitle {
		margin: 0;
		line-height: 1.5;
		font-weight: 500;
		font-size: 3vw;
		text-align: center;
		text-shadow:
			white 2px 0px, white -2px 0px,
			white 0px -2px, white 0px 2px,
			white 2px 2px, white -2px 2px,
			white 2px -2px, white -2px -2px,
			white 1px 2px, white -1px 2px,
			white 1px -2px, white -1px -2px,
			white 2px 1px, white -2px 1px,
			white 2px -1px, white -2px -1px,
			#ff4673 1px 1px 15px, #ff4673 -1px 1px 15px,
			#ff4673 1px -1px 15px, #ff4673 -1px -1px 15px;
	}

	/*【PC】タイトル画像*/
	.titleImgPc {
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		right: -100%;
	}

	.titleImg {
		display: none;
	}

	/*【PC】製品要約*/
	.titleOrnTop {
		display: block;
		width: 30%;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.productText {
		display: block;
		width: 50%;
		margin-top: 1vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1vw;
		line-height: 1.5;
		font-weight: 600;
		font-size: 1.3vw;
		text-align: center;
	}

	.titleOrnBottom {
		display: block;
		width: 30%;
		margin-left: auto;
		margin-right: auto;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	/*【PC】製品詳細*/
	.conceptText {
		display: block;
		margin: 1vw 0 0;
		padding-bottom: 2vw;
		line-height: 1.7;
		font-size: 1vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
	}

	/*【PC】詳細１*/
	.proArticle1 {
		display: block;
		position: relative;
		width: 50%;
		height: 100%;
		margin-left: auto;
		font-family: yu-mincho-pr6, serif;
		background: linear-gradient(130deg, #fff, #fff, #ffffe1)
	}

	/*【PC】詳細１タイトル*/
	.articleTitle1 {
		margin: 0;
		padding: 1vw 0;
		font-weight: 500;
		font-size: 2vw;
		text-align: center;
		text-decoration: underline;
		text-shadow: #ffdf8e 1px 1px 7px, #ffdf8e -1px 1px 7px,
			#ffdf8e 1px -1px 7px, #ffdf8e -1px -1px 7px;
	}

	/*【PC】詳細内容*/
	.articleText {
		display: block;
		margin: 0;
		padding-bottom: 2vw;
		line-height: 1.6;
		font-size: 1.2vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
	}

	/*【PC】詳細１画像*/
	.articleImg1Pc {
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		left: -100%;
	}

	.articleImg1 {
		display: none;
	}

	/*【PC】詳細2*/
	.proArticle2 {
		display: block;
		position: relative;
		width: 50%;
		height: 100%;
		margin-right: auto;
		font-family: yu-mincho-pr6, serif;
		background: linear-gradient(-130deg, #fff, #fff, #dfdfff)
	}

	/*【PC】詳細２タイトル*/
	.articleTitle2 {
		margin: 0;
		padding: 1vw 0;
		font-weight: 500;
		font-size: 2vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
		text-decoration: underline;
		text-shadow: #8ec8ff 1px 1px 3px, #8ec8ff -1px 1px 3px,
			#8ec8ff 1px -1px 3px, #8ec8ff -1px -1px 3px;
	}

	/*【PC】詳細２画像*/
	.articleImg2Pc {
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		right: -100%;
	}

	.articleImg2 {
		display: none;
	}

	/*【PC】詳細3*/
	.proArticle3 {
		display: block;
		position: relative;
		width: 50%;
		height: 100%;
		padding-bottom: 2vw;
		margin-left: auto;
		font-family: yu-mincho-pr6, serif;
		background: linear-gradient(130deg, #fff, #fff, #fff, #ffc2d0)
	}

	/*【PC】詳細３タイトル*/
	.articleTitle3 {
		margin: 0;
		padding: 1vw 0;
		font-weight: 500;
		font-size: 2vw;
		text-align: center;
		font-family: yu-mincho-pr6, serif;
		text-decoration: underline;
		text-shadow: #ffa6c4 1px 1px 3px, #ffa6c4 -1px 1px 3px,
			#ffa6c4 1px -1px 3px, #ffa6c4 -1px -1px 3px;
	}

	.link {
		color: rgb(171, 99, 204);
	}

	/*【PC】詳細３画像*/
	.articleImg3Pc {
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		left: -100%;
	}

	.articleImg3 {
		display: none;
	}

	/*【PC】公式とメニューへの外部リンク*/
	.linkToOfficial {
		display: block;
		width: 95%;
		margin-top: 5vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3vw;
		text-align: center;
		line-height: 1.6;
		font-size: 1.5vw;
		font-family: yu-mincho-pr6, serif;
	}


	/*【PC】画面固定された連絡先*/
	.parentLink {
		display: block;
		position: fixed;
		width: 100%;
		top: 110px;
		z-index: 100;
		/*白ぼかし*/
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	/*【PC】電話画像*/
	.telImg {
		display: inline-block;
		position: absolute;
		width: 180px;
		top: 10px;
		right: 200px;
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	/*【PC】メール画像*/
	.mailImg {
		display: inline-block;
		position: absolute;
		width: 70px;
		right: 100px;
		margin-right: 10px;
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	/*【PC】ライン画像*/
	.lineAppImg {
		display: inline-block;
		position: absolute;
		width: 70px;
		right: 10px;
		margin: 0;
		-webkit-filter: drop-shadow(0px 0px 7px #fff);
		filter: drop-shadow(0px 0px 7px #fff);
	}

	/*【PC】スマホ版改行*/
	.mbBr {
		display: none;
	}

	.campaignImg {
		display: block;
		position: absolute;
		top: 0;
		width: 25%;
	}


	/*【PC】ここからお問い合わせ・ご予約*/
	.contact {
		font-family: zen-maru-gothic, sans-serif;
	}

	/*【PC】お問い合わせ・ご予約*/
	.contactHeader {
		display: block;
		width: 100%;
	}

	/*【PC】上のオーナメント*/
	.ornamentTop {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}

	/*【PC】上オーナメンド除くタイトルのフレックスボックス*/
	.titleWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}

	/*【PC】両サイドのオーナメント*/
	.left {
		display: block;
		margin-left: auto;
	}

	.right {
		display: block;
		margin-right: auto;
	}

	/*【PC】タイトル*/
	.contactTitle {
		margin-top: auto;
		font-size: 1.8vw;
		font-weight: 500;
	}

	.contactText {
		margin-top: 0;
		font-size: 1.5vw;
		text-align: center;
		line-height: 2;
		font-weight: 500;
	}

	/*【PC】電話番号*/
	.telA {
		text-decoration: none;
		font-family: zen-maru-gothic, sans-serif;
		font-size: 3vw;
		color: #000;
	}

	/*【PC】シェアボタンのflexbox*/
	.buttonWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}

	/*【PC】シェアボタンとバナーの縦flexbox*/
	.buttonColumn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		width: 100%;
	}

	/*【PC】各アイコン*/
	.mailButton {
		display: block;
		position: relative;
		width: 20%;
		margin-left: auto;
		margin-right: 3vw;
	}

	.mailBanner {
		display: block;
		position: relative;
		width: 15%;
		padding: 1vw 0;
		margin-left: auto;
		margin-right: 4vw;
	}

	.lineQr {
		display: block;
		position: relative;
		width: 20%;
		margin-left: 3vw;
		margin-right: auto;
	}

	.lineBanner {
		display: block;
		position: relative;
		width: 15%;
		padding: 1vw 0;
		margin-left: 4vw;
		margin-right: auto;
	}

	.productNote {
		display: block;
		text-align: center;
		font-size: 1.1vw;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
	}

	/*【PC】ここからフッター*/
	.footer {
		display: block;
		background-color: rgb(255, 217, 229);
		width: 100%;
		height: 240px;
		padding-top: 10px;
	}

	/*【PC】フッターのフレックスボックス*/
	.parentFooter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		width: 100%;

	}

	/*【PC】ロゴと住所*/
	.footLogoWrap {
		display: block;
		width: 25%;
	}

	.footerLogo {
		display: block;
		width: 150px;
		margin-left: auto;
		margin-right: auto;
	}

	/*【PC】住所*/
	.logoAddress {
		margin: 0;
		font-family: yu-mincho-pr6, serif;
		font-size: 1.5rem;
		color: rgb(128, 128, 128);
		text-align: center;
	}

	/*【PC】フッターメニューの位置*/
	.footerMenu {
		display: block;
		position: absolute;
		width: 75%;
		height: 200px;
		right: 0;
	}

	/*【PC】フッターメニューの並び順*/
	.footerList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}

	/*【PC】メニューセルの幅と高さ*/
	.footerCell {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 25%;
		-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
		list-style: none;
	}

	/*【PC】セル内の文字の配置など*/
	.footerLink {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		text-decoration: underline;
		width: 100%;
		margin-top: auto;
		margin-bottom: auto;
		text-align: center;
		font-size: 1.7rem;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
		color: #000;
	}

}