@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

/* ***********************************************************************************************************
　　　　　　全体
*********************************************************************************************************** */
body {
	font: 12px/2.0 "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #626262;
}

/* 画像 */
img {
	vertical-align: bottom;
}

/* 段落 */
p {
	padding-bottom: 1em;
}

/* リンク */
a {
	color: #ae7f94;
}

a:hover {
	color: #aa9aa1;
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* 段落 */
.center {
	text-align: center;
}

/* ***********************************************************************************************************
　　　　　　レイアウト
*********************************************************************************************************** */
body,
html {
	width: 100%;
	height: 100%;
}

.innerbox {
	width: 100% !important;
	max-width: 1165px !important;
	box-sizing: border-box !important;
	padding: 0 10px !important;
	margin: 0 auto !important;
	position: relative !important;
}

#header {
	width: 100%;
	height: 90px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

#footer {
	width: 100%;
	position: relative;
	margin: 100px 0 0 0;
	padding: 0;
}

#lineup #footer {
	margin-top: 0;
}

@media screen and (max-width:550px) {
	#footer {
		padding-bottom: 50px;
		/*fixバナーが1枚の場合、コピーライトが隠れないよう追加*/
	}
}

@media screen and (max-width:950px) {

	body,
	html {
		height: inherit;
	}
}

/* ***********************************************************************************************************
　　　　　　ヘッダー
*********************************************************************************************************** */
#header {
	background: #ae7f94;
}

/* ロゴ */
h1 {
	text-align: center;
	padding: 18px 0 0 0;
	z-index: 9999;
}

@media screen and (max-width:550px) {
	h1 {
		text-align: left;
	}
}

/* グローバルナビゲーション----------------------------------------------------------- */
#header ul {
	list-style: none inside;
	position: absolute;
	/* top: 43px; */
	top: 28px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	a {
		font-family: "Hina Mincho", serif;
		font-size: 16px;
		font-weight: 400;
		font-style: normal;
		color: #fff;
		text-decoration: none;
	}
}

.gnavleft {
	right: 63%;
	/* width: 36.77%; */
	width: 28%;
	box-sizing: border-box;
	padding-left: 10px;
}

.gnavright {
	left: 63%;
	/* width: 15.81%; */
	width: 16%;
}

/* ボタン----------------------------------------------------------- */
.headerbtn {
	position: absolute;
	top: 10px;
	right: 10px;
}

.headerbtn img {
	padding-left: 20px;
}

@media screen and (max-width:550px) {
	.headerbtn {
		right: 90px;
	}

	.headerbtn img {
		padding-left: 10px;
	}
}

@media screen and (max-width:450px) {
	.headerbtn {
		display: none;
	}
}

/* ***********************************************************************************************************
　　　　　　FIXボタン
*********************************************************************************************************** */
.fix_btn {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 10;
}

.fix_btn div:last-child {
	display: none;
}

.fix_btn a {
	display: block;
	width: 200px;
}

.fix_btn a img {
	width: 100%;
}

@media screen and (max-width:550px) {
	.fix_btn {
		width: 100%;
	}

	.fix_btn div:first-child {
		display: none;
	}

	.fix_btn div:last-child {
		display: flex;
	}

	.fix_btn div:last-child a {
		width: 100%;
	}
}



/* ***********************************************************************************************************
　　　　　　格納ナビ
*********************************************************************************************************** */
#mainNav ul {
	list-style: none inside;
}

@media screen and (min-width:1001px) {
	#mainNav {
		display: none;
	}
}

@media screen and (max-width:1000px) {
	#header ul {
		display: none;
	}
}

/* メニューボタン */
.menubt {
	width: 90px;
	height: 90px;
	text-indent: -9999px;
	background: url(http://www.pasapasmarie.jp/images/menu.jpg) no-repeat 0 0;
	background-size: contain;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
}

@media screen and (max-width:550px) {
	.menubt {
		left: inherit;
		right: 0;
	}
}

/* ポップアップ領域定義 */
#openmenu {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}

.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: fixed;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 999999999;
}

.modal_window {
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	width: 100%;
	display: block;
	padding-top: 100px;
	background: #AE7F94;
	position: absolute;
	z-index: 999999999;
}

/* 閉じるボタン */
.closebt {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 90px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	zoom: 1;
}

.closebt a {
	display: block;
	width: 90px;
	height: 90px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(http://www.pasapasmarie.jp/images/close.jpg) no-repeat 0 0;
	background-size: contain;
	float: left;
}

@media screen and (max-width:550px) {
	.closebt a {
		float: right;
	}
}

/* 予約・問合わせボタン */
@media screen and (min-width:451px) {
	#mainNav .headerbtn {
		display: none;
	}
}

@media screen and (max-width:450px) {
	#mainNav .headerbtn {
		display: block;
		right: inherit;
		left: 0;
	}
}

/* メニュー */
#mainNav ul li {
	border-top: rgba(255, 255, 255, 0.20) dashed 1px;
}

#mainNav ul li a {
	display: block;
	text-align: center;
	padding: 15px 0 20px 0;

	font-family: "Hina Mincho", serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}


/* ポップアップ動作 */
div#modal div:target {
	opacity: 1;
	display: block;
	z-index: 999999999;
	-webkit-animation: modalFadeIn 0.5s ease-in-out 1;
	-moz-animation: modalFadeIn 0.5s ease-in-out 1;
	-ms-animation: modalFadeIn 0.5s ease-in-out 1;
	-o-animation: modalFadeIn 0.5s ease-in-out 1;
}

@-webkit-keyframes modalFadeIn {
	0% {
		opacity: 0;
		display: block;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes modalFadeIn {
	0% {
		opacity: 0;
		display: block;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes modalFadeIn {
	0% {
		opacity: 0;
		display: block;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes modalFadeIn {
	0% {
		opacity: 0;
		display: block;
	}

	100% {
		opacity: 1;
	}
}

div#modal div:target .modal_window {
	-webkit-animation: modalSlidein 0.5s ease-in-out 1;
	-moz-animation: modalSlidein 0.5s ease-in-out 1;
	-ms-animation: modalSlidein 0.5s ease-in-out 1;
	-o-animation: modalSlidein 0.5s ease-in-out 1;
	opacity: 1;
	display: block;
}

@-webkit-keyframes modalSlidein {
	0% {
		opacity: 0;
		display: block;
		-webkit-transform: translateY(-600px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes modalSlidein {
	0% {
		opacity: 0;
		display: block;
		-moz-transform: translateY(-600px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes modalSlidein {
	0% {
		opacity: 0;
		display: block;
		-ms-transform: translateY(-600px);
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@-o-keyframes modalSlidein {
	0% {
		opacity: 0;
		display: block;
		-o-transform: translateY(-600px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}


/* ***********************************************************************************************************
　　　　　　フッター
*********************************************************************************************************** */
#footer {
	background: #dad1d5;
	text-align: center;
	color: #898989;
}

/* バナーエリア */
.home #footer .bnarea {
	display: none;
}

/* 会社情報 */
.footerinner {
	padding: 40px 0 5px 0;
}

@media screen and (max-width:550px) {
	.footerinner {
		padding-bottom: 105px;
	}
}

.footerinner h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.8em;
	padding-bottom: 10px;
}

.footerinner h2 span {
	display: block;
	font-weight: bold;
	font-size: 18px;
}

.footerinner p {
	font-size: 11px;
}

.footerinner ul {
	list-style: none inside;
	padding-bottom: 10px;

}

/* コピーライト */
.footerinner p.copyright {
	font-size: 10px;
	color: #aa9aa1;
	padding-bottom: 0;
	padding-top: 30px;
}

/* ***********************************************************************************************************
　　　　　　トップページメインコンテンツ
*********************************************************************************************************** */

/* メインビジュアル----------------------------------------------------------- */
#topmain {
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
}

/* スライダー --------------------------------- */
#topmain ul {
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
}

#topmain ul li {
	position: absolute;
	top: 90px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	box-sizing: border-box;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#topmain ul li span {
	display: none;
}

/* スライドショー画像 */
#topmain ul li.slideimg1 {
	background-image: url(http://www.pasapasmarie.jp/images/slider01.jpg);
	background-position: left top;
}

#topmain ul li.slideimg2 {
	background-image: url(http://www.pasapasmarie.jp/images/slider02.jpg);
	background-position: left top;
	-webkit-animation: sliderbg2 15s linear infinite;
	-moz-animation: sliderbg2 15s linear infinite;
	-ms-animation: sliderbg2 15s linear infinite;
	-o-animation: sliderbg2 15s linear infinite;
	animation: sliderbg2 15s linear infinite;
}

@-webkit-keyframes sliderbg2 {
	0% {
		opacity: 0;
	}

	28% {
		opacity: 0;
	}

	33% {
		opacity: 1;
	}

	66% {
		opacity: 1;
	}

	71% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes sliderbg2 {
	0% {
		opacity: 0;
	}

	28% {
		opacity: 0;
	}

	33% {
		opacity: 1;
	}

	66% {
		opacity: 1;
	}

	71% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@-ms-keyframes sliderbg2 {
	0% {
		opacity: 0;
	}

	28% {
		opacity: 0;
	}

	33% {
		opacity: 1;
	}

	66% {
		opacity: 1;
	}

	71% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@-o-keyframes sliderbg2 {
	0% {
		opacity: 0;
	}

	28% {
		opacity: 0;
	}

	33% {
		opacity: 1;
	}

	66% {
		opacity: 1;
	}

	71% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes sliderbg2 {
	0% {
		opacity: 0;
	}

	28% {
		opacity: 0;
	}

	33% {
		opacity: 1;
	}

	66% {
		opacity: 1;
	}

	71% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

#topmain ul li.slideimg3 {
	background-image: url(http://www.pasapasmarie.jp/images/slider03.jpg);
	background-position: left 50%;
	-webkit-animation: sliderbg3 15s linear infinite;
	-moz-animation: sliderbg3 15s linear infinite;
	-ms-animation: sliderbg3 15s linear infinite;
	-o-animation: sliderbg3 15s linear infinite;
	animation: sliderbg3 15s linear infinite;
}

@-webkit-keyframes sliderbg3 {
	0% {
		opacity: 0;
	}

	61% {
		opacity: 0;
	}

	66% {
		opacity: 1;
	}

	95% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes sliderbg3 {
	0% {
		opacity: 0;
	}

	61% {
		opacity: 0;
	}

	66% {
		opacity: 1;
	}

	95% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-ms-keyframes sliderbg3 {
	0% {
		opacity: 0;
	}

	61% {
		opacity: 0;
	}

	66% {
		opacity: 1;
	}

	95% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-o-keyframes sliderbg3 {
	0% {
		opacity: 0;
	}

	61% {
		opacity: 0;
	}

	66% {
		opacity: 1;
	}

	95% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes sliderbg3 {
	0% {
		opacity: 0;
	}

	61% {
		opacity: 0;
	}

	66% {
		opacity: 1;
	}

	95% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@media screen and (max-width:950px) {
	#topmain {
		height: inherit;
		min-height: inherit;
		position: relative;
		margin-top: 90px;
	}

	#topmain:before {
		content: "";
		display: block;
		padding-top: 62.5%;
	}

	#topmain ul {
		height: inherit;
		min-height: inherit;
		bottom: 0;
		right: 0;
	}

	#topmain ul li {
		top: 0;
	}
}

/* よもぎ蒸し----------------------------------------------------------- */
#about {
	padding: 100px 0;
}

#about h2 {
	text-align: center;
	font-size: 36px;
	font-weight: normal;
}

#about p {
	text-align: center;
}

#about p span {
	display: block;
}

.abouttxt {
	padding-bottom: 50px;
}

/* ボタン */
.aboutbtn {
	overflow: hidden;
	zoom: 1;
}

.aboutbtn p {
	width: 50%;
	box-sizing: border-box;
	padding: 0 15px;
	margin: 0;
	float: left;
	text-align: center;
}

.aboutbtn img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width:700px) {
	#about p span {
		display: inline;
	}
}

@media screen and (max-width:500px) {
	#about {
		padding: 50px 0;
	}

	#about h2 {
		font-size: 24px;
	}

	.abouttxt {
		padding-bottom: 20px;
	}
}

@media screen and (max-width:450px) {
	.aboutbtn p {
		width: 100%;
		padding: 0 15px 15px 15px;
		float: none;

	}
}

@media screen and (max-width:400px) {
	#about h2 {
		font-size: 18px;
	}
}

/* バナー */
#about .aboutbn {
	width: 100%;
	max-width: 923px;
	margin: 50px auto 0;
}

@media screen and (max-width:450px) {
	#about .aboutbn {
		margin: 20px auto 0;
	}
}

/* 記事----------------------------------------------------------- */
#newsarea {
	width: 100%;
	padding: 0;
	margin: 0;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
}

.newsbox1,
.newsbox2 {
	width: 50%;
	box-sizing: border-box;
	padding: 100px;
	margin: 0;
}

.newsbox1 {
	background: #dad1d5;
}

.newsbox2 {
	background: #ebe5e3;
}

/* 見出し */
#newsarea h2 {
	padding: 0 0 30px 0;
}

#newsarea h2 img {
	max-width: 100%;
	height: auto;
}

/* 投稿エリア */
#newsarea ul {
	list-style: none inside;
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
}

#newsarea ul li {
	line-height: 4em;
	height: 4em;
	overflow: hidden;
}

#newsarea ul .date {
	display: inline-block;
	padding-right: 1em;
}

#newsarea ul a {
	color: #626262;
}

#newsarea ul a:hover {
	color: #ae7f94;
}

@media screen and (max-width:1000px) {

	.newsbox1,
	.newsbox2 {
		padding: 50px;
	}
}

@media screen and (max-width:800px) {

	.newsbox1,
	.newsbox2 {
		width: 100%;
		padding: 50px 100px;
	}
}

@media screen and (max-width:600px) {

	.newsbox1,
	.newsbox2 {
		padding: 50px 50px;
	}
}

@media screen and (max-width:480px) {

	.newsbox1,
	.newsbox2 {
		padding: 50px 15px;
	}
}

/* バナーエリア --------------------------------- */
.bnarea {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

}

.bnarea a {
	width: 25%;
	margin: 0;
	padding: 0;
}

.bnarea img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

@media screen and (max-width:1000px) {
	.bnarea a {
		width: 50%;
	}
}

@media screen and (max-width:480px) {
	.bnarea a {
		width: 100%;
	}
}

/* SNSエリア --------------------------------- */
#snsarea {
	width: 100%;
	padding: 100px 0;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.instabox {
	width: 80%;
}

/* instagram */
.instabox p {
	text-align: right;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}

.instabox p img {
	max-width: 100%;
	height: auto;
}

#sbi_images {
	margin-top: -10px;
}

@media screen and (max-width:1000px) {
	/*#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item {
	width: 50%;
}*/
}

@media screen and (max-width:1300px) {
	/*#sb_instagram.sbi_col_5 #sbi_images .sbi_item {
	width: 25%;
}
#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item {
	width: 25%;
}*/
}

@media screen and (max-width:950px) {

	.facebookbox,
	.bn_ameblo {
		width: 25%;
	}

	/*.instabox{
	width: 35%;
}*/
	/*#sb_instagram.sbi_col_5 #sbi_images .sbi_item {
	width: 33%;
}
#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item {
	width: 33%;
}*/
}

@media screen and (max-width:750px) {
	#snsarea {
		padding: 100px 0 0 0;
	}

	.facebookbox {
		width: 100%;
		height: 400px;
		padding-bottom: 100px;
		max-width: none;
		position: relative;
	}

	.fb_iframe_widget {
		width: 380px;
		height: 400px;
		position: absolute !important;
		right: 0;
		left: 0;
		margin: auto;
	}

	.instabox {
		width: 100%;
		padding: 10px 90px 100px 90px;
	}

	/*#sb_instagram.sbi_col_5 #sbi_images .sbi_item {
	width: 20%;
}
#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item {
	width: 20%;
}*/
}

@media screen and (max-width:600px) {
	.instabox {
		width: 100%;
		padding: 10px 40px 100px 40px;
	}
}

@media screen and (max-width:480px) {
	.instabox {
		width: 100%;
		max-width: 390px;
		padding: 10px 5px 100px 5px;
	}
}

@media screen and (max-width:410px) {
	.facebookbox {
		padding: 0 15px 100px 15px;
	}

	.fb_iframe_widget {
		width: 100%;
		position: relative !important;
	}
}

/* バナー */
.topbn_area {
	width: 17%;
	max-width: 380px;
	position: relative;
}

.topbn_area img {
	width: 100%;
	max-width: 380px;
	height: auto;
}

.bn_ameblo {
	width: 100%;
	max-width: 380px;
	position: relative;
}

.bn_ameblo img {
	max-width: 100%;
	height: auto;
}

.bn_ameblo a {
	height: 310px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	/* background: url(http://www.pasapasmarie.jp/images/.jpg) 50% 50%; */
	background-size: cover;
}

@media screen and (max-width:750px) {
	.topbn_area {
		width: 100%;
		margin: 0 auto;
	}

	.topbn_area p {
		padding: 0 15px 20px 15px;
		margin: 0 auto 20px auto;
		box-sizing: border-box;
	}

	.bn_ameblo {
		padding: 0 100px 0 100px;
		margin: 0 auto 20px auto;
		box-sizing: border-box;
	}

	.bn_ameblo a {
		display: block;
		width: 100%;
		height: inherit;
		text-align: center;
	}
}

@media screen and (max-width:600px) {
	.bn_ameblo {
		padding: 0 50px 0 50px;
	}
}

@media screen and (max-width:480px) {
	.bn_ameblo {
		max-width: 370px;
		padding: 0 15px 0 15px;
	}
}


/* ***********************************************************************************************************
　　　　　　下層ページ
*********************************************************************************************************** */
.wrap {
	margin: 90px 0 0 0;
}

header.entry-header {
	padding: 50px 0;
	color: #ae7f94;
	text-align: center;
}

/* 中寄せ */
.alcenter {
	text-align: center;
}

.alcenter span {
	display: block;
}

/* 横並び二分割幅100%フレックスボックス --------------------------------- */
.leftimgbox100,
.rightimgbox100 {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}

.box50text {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	min-height: 500px;
	font-size: 14px;
}

.box50text,
.box50img {
	width: 50%;
}

.box50img img {
	display: none;
	max-width: 100%;
	height: auto;
}

.box50inner {
	box-sizing: border-box;
	width: 100%;
	padding: 50px 20px;
}

@media screen and (max-width:1800px) {
	.box50text {
		font-size: 13px;
	}
}

@media screen and (max-width:1500px) {
	.box50text {
		font-size: 12px;
	}
}

@media screen and (max-width:1200px) {

	.box50text,
	.box50img {
		width: 100%;
	}

	.box50text {
		min-height: inherit;
	}

	.box50img img {
		display: inherit;
	}
}

/* 左画像 */
.leftimgbox100 {
	-ms-flex-direction: row-reverse;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/* 投稿ページ----------------------------------------------------------- */
.single .wrap,
.archive .wrap {
	width: 100%;
	max-width: 1165px;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 90px auto 0 auto;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.single .wrap #primary,
.archive .wrap #primary {
	width: 70%;
	box-sizing: border-box;
	padding-right: 20px;
}

.single .wrap #secondary,
.archive .wrap #secondary {
	width: 30%;
	padding-top: 50px;
}

.single .wrap #secondary ul,
.archive .wrap #secondary ul {
	list-style: none inside;
}

.single .wrap #secondary section,
.archive .wrap #secondary section {
	padding-bottom: 30px;
}

.single header.entry-header,
.archive header.entry-header {
	text-align: left;
}

.single .entry-content,
.archive .entry-content {
	border-bottom: #ccc solid 1px;
}

.single .entry-content ul,
.archive .entry-content ul {
	list-style: inside;
}

.nav-subtitle,
.nav-title-icon-wrapper,
.nav-title,
.cat-tags-links,
.post-navigation h2,
.pagination svg,
h2.screen-reader-text {
	display: none;
}

.nav-links {
	width: 200px;
	margin: 0 auto;
	padding-top: 20px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

/* 段落強制折り返し */
.entry-content p {
	word-wrap: break-word;
}

/* 画像幅 */
.single .wrap #primary .entry-content img,
.archive .wrap #primary .entry-content img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width:680px) {

	.single .wrap #primary,
	.single .wrap #secondary,
	.archive .wrap #primary,
	.archive .wrap #secondary {
		width: 100%;
		padding-right: 0;
	}
}

/* サイドバーカテゴリー ----------------------------------------------------------- */
.blogcate a {
	color: #626262;
}

.blogcate a:hover {
	color: #aa9aa1
}

/* カテゴリーページタイトル----------------------------------------------------------- */
.archive .page-title {
	font-size: 24px;
	padding: 50px 0 30px 0;
}

/* 固定ページタイトル----------------------------------------------------------- */
.entitle {
	font-size: 48px;
	font-weight: normal;
	line-height: 1em;
	padding: 0 0 10px 0;
	margin: 0;
	font-family: 'Parisienne', cursive;
	font-family: 'Average', serif;
	letter-spacing: 0.1em;
}

.pagetitle {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.1em;
}

/* 初めての方へ********************************************************************** */
#beginner #footer {
	margin: 200px 0 0 0;
}

#beginner #primary h3 {
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 0 0 50px 0;
}

#beginner #primary h3 span {
	display: block;
	font-size: 40px;
	line-height: 1em;
	padding: 0 0 10px 0;
	margin: 0;
	font-family: 'Parisienne', cursive;
	font-family: 'Average', serif;
}

.bgnsubtitle {
	padding: 120px 0 20px 0;
}

.strongtxt {
	font-size: 18px;
	line-height: 2.5em;
	letter-spacing: 0.1em;
}

#beginner .strongtxt.alcenter span {
	display: inline;
}

#beginner .box50text {
	line-height: 2.5em;
	letter-spacing: 0.1em;
}

@media screen and (max-width:680px) {
	.bgnsubtitle {
		padding: 70px 0 20px 0;
	}

	#beginner .strongtxt {
		font-size: 14px;
	}

	#beginner .box50text {
		line-height: 2.0em;
		letter-spacing: 0;
	}

	#beginner .box50inner {
		padding: 50px 20px 30px 20px;
	}
}

@media screen and (max-width:550px) {
	#beginner .strongtxt {
		font-size: 12px;
	}

	#beginner .strongtxt {
		letter-spacing: 0
	}
}

@media screen and (max-width:480px) {
	#beginner .strongtxt {
		font-size: 11px;
	}

	#beginner #primary h3 {
		padding: 0 0 20px 0;
	}
}

@media screen and (max-width:370px) {
	#beginner .strongtxt.alcenter span {
		display: block;
	}
}

/* ページトップエリア --------------------------------- */
.biginnertop {
	padding: 0;
	margin: 0;
}

/* 上 */
.bgntoptxt {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-bottom: 20px;
}

.bgntoptxt .strongtxt {
	text-align: right;
	width: 70%;
	line-height: 3em;
}

.bgtopimg {
	width: 30%;
}

.bgtopimg img {
	max-width: 100%;
	height: auto;
}

.kutouten {
	display: inline-block;
	padding-right: 1em;
}

@media screen and (max-width:1000px) {
	.bgntoptxt .txtbr {
		display: block;
	}
}

@media screen and (max-width:850px) {
	.bgntoptxt .strongtxt {
		font-size: 15px;
	}
}

@media screen and (max-width:680px) {
	.bgntoptxt .strongtxt {
		font-size: 13px;
		letter-spacing: 0;
	}
}

@media screen and (max-width:550px) {
	.bgntoptxt .strongtxt {
		font-size: 12px;
	}
}

@media screen and (max-width:480px) {
	.bgntoptxt .strongtxt {
		width: 75%;
		line-height: 2.5em;
	}

	.bgtopimg {
		width: 25%;
	}

	.bgntoptxt .strongtxt {
		font-size: 11px;
	}
}

@media screen and (max-width:400px) {
	.bgntoptxt .strongtxt {
		width: 80%;
		line-height: 2.0em;
	}

	.bgtopimg {
		width: 20%;
	}
}

@media screen and (max-width:380px) {
	.bgntoptxt .strongtxt {
		width: 100%;
		text-align: center;
	}

	.bgtopimg {
		display: none;
	}
}

/* 下 */
.bgnbtmtxt {
	background: #ebe5e3;
	padding: 50px 0;
	letter-spacing: 0.1em;
}

.bgnbtmtxt p {
	padding-bottom: 3em;
}

.bgnbtmtxt p:last-child {
	padding-bottom: 0;
}

.bgnbtmtxt strong {
	display: inline-block;
	padding: 10px 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #ae7f94;
}

@media screen and (max-width:850px) {
	.bgnbtmtxt {
		letter-spacing: 0;
	}

	.bgnbtmtxt strong {
		font-size: 1.3em;
		font-weight: bold;
	}
}

@media screen and (max-width:680px) {
	.bgnbtmtxt .alcenter {
		text-align: left;
	}

	.bgnbtmtxt .alcenter span {
		display: inline;
	}
}

@media screen and (max-width:480px) {
	.bgnbtmtxt strong {
		font-size: 1.2em;
	}
}

/* トリートメント --------------------------------- */
.treatment .leftimgbox100 {
	background: #DAD1D5;
}

.treatment .box50img {
	background: url(http://www.pasapasmarie.jp/images/bg_bgn01.jpg) no-repeat 50% 50%;
	background-size: cover;
}

@media screen and (max-width:680px) {
	.treatment .leftimgbox100 .alcenter {
		text-align: left;
	}

	.treatment .leftimgbox100 .alcenter span {
		display: inline;
	}
}

/* 材料のこだわり --------------------------------- */
.material h4 {
	font-size: 16px !important;
	padding-bottom: 40px !important;
	text-align: center;
}

.material h4 strong {
	display: block;
	font-size: 2em;
	font-family: 'Parisienne', cursive;
	font-family: 'Average', serif;
	font-weight: normal;
}

/* フェイシャル化粧品 */
.material .rightimgbox100 {
	background: #ae7f94;
	color: #fff;
}

.material .rightimgbox100 .box50img {
	background: url(http://www.pasapasmarie.jp/images/bg_bgn02.jpg) no-repeat right 50%;
	background-size: contain;
}

/* アロマボディ */
.material .leftimgbox100 {
	background: #ebe5e3;
}

.material .leftimgbox100 .box50img {
	background: url(http://www.pasapasmarie.jp/images/bg_bgn03.jpg) no-repeat right 50%;
	background-size: contain;
}

@media screen and (max-width:1200px) {
	.materialct {
		width: 100%;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
	}

	.material .rightimgbox100,
	.material .leftimgbox100 {
		width: 50%;
	}

	.material .leftimgbox100 {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-direction: column-reverse;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.materialct p.alcenter {
		text-align: left;
	}

	.materialct p.alcenter span {
		display: inline;
	}
}

@media screen and (max-width:900px) {
	.material h4 strong {
		font-size: 1.5em;
	}
}

@media screen and (max-width:680px) {
	.material h4 {
		font-size: 14px !important;
	}
}

@media screen and (max-width:500px) {

	.material .rightimgbox100,
	.material .leftimgbox100 {
		width: 100%;
	}

	.material .leftimgbox100 {
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
}


/* 備品・衛生面のこだわり --------------------------------- */
.sanitary .rightimgbox100 {
	background: #DAD1D5;
}

.sanitary .box50img {
	background: url(http://www.pasapasmarie.jp/images/bg_bgn04.jpg) no-repeat 50% 50%;
	background-size: cover;
}

@media screen and (max-width:680px) {
	.sanitary .rightimgbox100 p.alcenter {
		text-align: left;
	}

	.sanitary .rightimgbox100 p.alcenter span {
		display: inline;
	}
}

/* おもてなしのこだわり --------------------------------- */
.hospitality .leftimgbox100 {
	background: #ae7f94;
	color: #fff;
}

.hospitality .box50img {
	background: url(http://www.pasapasmarie.jp/images/bg_bgn05.jpg) no-repeat 50% 50%;
	background-size: cover;
}

@media screen and (max-width:680px) {
	.hospitality .leftimgbox100 p.alcenter {
		text-align: left;
	}

	.hospitality .leftimgbox100 p.alcenter span {
		display: inline;
	}
}

/* よもぎ蒸しとは********************************************************************** */
#v-steam #primary h3 {
	font-weight: normal;
	font-size: 30px;
	text-align: center !important;
	padding: 0 0 30px 0;
	width: 100%;
}

#v-steam .innerbox {
	max-width: 1205px !important;
	padding: 0 30px !important;
}

.text_subtitle {
	font-size: 0.6em;
}

.trouble {
	margin-top: 2em;
}

@media screen and (max-width:900px) {
	#v-steam #primary h3 {
		font-size: 18px;
		padding: 0 0 20px 0;
		font-weight: bold;
	}

	#v-steam .strongtxt {
		font-size: 15px;
		line-height: 2em;
	}
}

@media screen and (max-width:480px) {
	#v-steam #primary h3 {
		font-size: 14px;
		padding: 0 0 10px 0;
	}

	#v-steam .innerbox {
		padding: 0 10px !important;
	}

	#v-steam p.alcenter {
		text-align: left;
	}

	#v-steam p.strongtxt {
		font-size: 13px;
		text-align: center;
		letter-spacing: 0;
	}
}

/* トップエリア --------------------------------- */
.vsteamtop {
	padding: 0;
}

.vstoptxt {
	line-height: 3em;
	padding: 100px;
	box-sizing: border-box;
}

.vstopimg {
	background: url(http://www.pasapasmarie.jp/images/vsteamtop.jpg) no-repeat center top;
	background-size: cover;
}

.vstopimg img {
	max-width: 100%;
	height: auto;
}

@media screen and (min-width:2000px) {
	.vstoptxt {
		padding: 200px;
	}
}

@media screen and (min-width:1500px) {
	.vstopimg {
		background: url(http://www.pasapasmarie.jp/images/vsteamtop2.jpg) no-repeat right top;
		background-size: cover;
	}
}

@media screen and (max-width:1200px) {

	.box50text.vstoptxt,
	.box50img.vstopimg {
		width: 50%;
	}

	.box50img.vstopimg img {
		display: none;
	}

	.vstoptxt {
		line-height: 2em;
		padding: 100px 50px;
	}
}

@media screen and (max-width:900px) {
	.vstoptxt {
		padding: 50px 30px;
	}
}

@media screen and (max-width:680px) {
	.vstoptxt {
		padding: 50px 30px 20px 30px;
	}

	.box50text.vstoptxt,
	.box50img.vstopimg {
		width: 100%;
	}

	.box50img.vstopimg img {
		display: block;
	}
}

@media screen and (max-width:480px) {
	.vstoptxt {
		padding: 20px 10px;
	}
}

/* 生薬 --------------------------------- */
.herbal_medicine {
	width: 100%;
	background: #ae7f94;
	color: #fff;
	padding: 70px 0 0 0;
}

.hb2box {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 50px 0;
	font-size: 16px;
}

.hb2box div {
	width: 30%;
	color: #ae7f94;
	background: #ebe5e3;
	box-sizing: border-box;
	padding: 35px;
	border-radius: 5px;
}

.hb3box div {
	width: 30%;
}

.hb2box div h4 {
	font-size: 24px;
	font-weight: normal;
	padding: 0 0 20px 0;
}

@media screen and (max-width:1200px) {
	.hb2box {
		font-size: 14px;
	}

	.hb2box div {
		padding: 30px 50px;
	}
}

@media screen and (max-width:1000px) {
	.hb2box {
		font-size: 12px;
	}

	.hb2box div {
		width: 48%;
		padding: 15px 30px;
	}

	.hb2box div h4 {
		font-size: 18px;
		padding: 0 0 10px 0;
	}
}

@media screen and (max-width:550px) {
	.hb2box {
		padding: 20px 0 0 0;
	}

	.hb2box div {
		width: 100%;
		margin-bottom: 50px;
	}
}

/* オリジナルブレンド */
.orgbr {
	width: 100%;
	box-sizing: border-box;
	padding: 50px 100px;
	border: #fff solid 1px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.20);
	color: #fff;
	font-size: 14px;
}

.orgbr h4 {
	font-size: 18px;
	padding: 0 0 15px 0;
}

.notetxt {
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 12px;
}

@media screen and (max-width:900px) {
	.orgbr {
		padding: 30px 50px;
	}
}

@media screen and (max-width:680px) {
	.orgbr {
		padding: 15px 30px;
	}
}

@media screen and (max-width:480px) {
	.orgbr {
		padding: 15px 20px;
		font-size: 11px;
	}

	.orgbr h4 {
		font-size: 13px;
		padding: 0 0 10px 0;
	}

	.notetxt {
		font-size: 9px;
	}
}

/* 画像 */
.vsteam01 img {
	padding: 50px 0 0 0;
	max-width: 100%;
	height: auto;
}

/* 黄土座器 --------------------------------- */
.zaki {
	width: 100%;
	padding: 100px 0;
	background: #ebe5e3;
}

.zakict {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.zakict div {
	width: 46%;
}

.zakict div img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width:680px) {
	.zaki {
		padding: 50px 0;
	}

	.zakict div {
		width: 100%;
	}
}

/* 取扱商品 */
.wrapper_left_center {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}

.left_center {
	display: inline-block;
	text-align: left;
}

.bn_color {
	color: #626262;
	background: rgba(255, 255, 255, 0.5);
	border: #626262 1px solid !important;
}

.txt_left {
	text-align: left;
}

.txt_left figcaption {
	margin-bottom: 1em;
}

.title_0 {
	padding-bottom: 0;
}

/* 来店頻度 --------------------------------- */
.frequency {
	width: 100%;
	padding: 100px 0;
	background: #DAD1D5;
}

.frequency ul {
	list-style: none inside;
	text-align: center;
	font-size: 18px;
	padding: 0 0 50px 0;
}

.frequencyct {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	padding: 50px;
	border: #fff solid 1px;
	border-radius: 5px;
}

.frctimg {
	width: 25%;
}

.frctimg img {
	max-width: 100%;
	height: auto;
}

.frcttxt {
	width: 70%;
	font-size: 14px;
	line-height: 2.5em;
}

@media screen and (max-width:900px) {
	.frequency ul {
		font-size: 14px;
		padding: 0 0 20px 0;
	}

	.frequencyct {
		padding: 15px 30px;
	}

	.frcttxt {
		font-size: 12px;
		line-height: 2em;
	}
}

@media screen and (max-width:680px) {
	.frequency {
		padding: 50px 0;
	}

	.frequencyct {
		padding: 10px 20px;
	}
}

@media screen and (max-width:550px) {

	.frctimg,
	.frcttxt {
		width: 100%;
	}

	.frctimg {
		padding-bottom: 15px;
	}
}

/* 販売やレンタル --------------------------------- */
.shopping_rnt {
	width: 100%;
	padding: 100px 0 50px 0;
}

#v-steam #primary .shopping_rnt h3 {
	font-size: 24px;
}

@media screen and (max-width:900px) {
	#v-steam #primary .shopping_rnt h3 {
		font-size: 18px;
	}
}

@media screen and (max-width:680px) {
	.shopping_rnt {
		padding: 50px 0 30px 0;
	}

	#v-steam #primary .shopping_rnt h3 span {
		display: block;
	}
}

@media screen and (max-width:480px) {
	#v-steam #primary .shopping_rnt h3 {
		font-size: 14px;
		line-height: 1.5em;
	}
}

/* お問合わせ --------------------------------- */

.innerbox .text_left {
	margin-bottom: 30px;
}

@media screen and (max-width:680px) {
	.innerbox .text_left {
		text-align: center;
	}

	.innerbox .text_left p {
		display: inline-block;
		text-align: left;
	}

	.bg03 .innerbox .new_line {
		display: block;
	}
}

/* ボタン --------------------------------- */
.vsteambtm {
	width: 100%;
}

.vsteambtm .innerbox {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-align: end;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.vsteambtm .innerbox p {
	width: 50%;
	box-sizing: border-box;
	padding: 0 15px;
	text-align: center;
}

.vsteambtm .innerbox p img {
	max-width: 100%;
	height: auto;
}

.vsteambtm .innerbox .btn {
	width: 70%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.vsteambtm .innerbox .btn p {
	width: 100%;
}

.btn img {
	max-width: 100%;
	height: auto;
}


@media screen and (max-width:900px) {
	.vsteambtm .innerbox p {
		font-size: 10px;
	}
}

@media screen and (max-width:680px) {
	.vsteambtm .innerbox p {
		width: 100%;
		padding-bottom: 30px;
	}
}

/* Youtube --------------------------------- */
.youtubewrap {
	padding-top: 50px;
	width: 100%;
	max-width: 923px;
	margin: 0 auto;
}

#menu .youtubewrap {
	/* メニューページ内 */
	padding-top: 2em;
	padding-bottom: 20px;
}

/* Youtubeの縦横比固定 */
.youtubebox {
	width: 100%;
	max-width: 923px;
	/* 動画サイズに応じて任意の最大幅を設定 */
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* FV下部バナーエリア --------------------------------- */
#fvbn_wrap {
	background: #ebe5e3;
	padding: 100px 0;
}

#fvbn {
	margin: 0 auto;
	width: 100%;
	max-width: 923px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.fvbn_box {
	right: 63%;
	/*width: 48%; ２枚横並びの際*/
	width: 100%;
	box-sizing: border-box;
	/*padding-left: 10px; ２枚横並びの際*/
}

.fvbn_box figure {
	width: 100%;
}

.fvbn_box figure img {
	width: 100%;
	height: auto;
}

.fvbn_box figcaption {
	text-align: left;
}

@media screen and (max-width:680px) {
	.fvbn_box {
		width: 100%;
		padding-left: 0;
	}

	.fvbn_box.lastbn {
		padding-top: 100px;
	}
}

@media screen and (max-width:500px) {
	#fvbn_wrap {
		padding: 50px 0;
	}

	.fvbn_box.lastbn {
		padding-top: 50px;
	}
}


/* よもぎ蒸しとはボタン */
.flexbtnbox .innerbox {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.flexbtnbox .innerbox .btn {
	width: 48%;
	text-align: center;
}

.flexbtnbox .innerbox .btn img {
	max-width: 100%;
	height: auto;
	margin-bottom: 1em;
}

@media screen and (max-width:550px) {
	.flexbtnbox .innerbox .btn {
		width: 100%;
	}

	.flexbtnbox .innerbox .btn:first-child {
		padding-bottom: 2em;
	}
}

/* よもぎ蒸し生薬 */
@media screen and (max-width: 1000px) {
	.herbal_medicine .hb2box {
		margin-top: -2em;
	}

	.herbal_medicine .hb2box div {
		width: 100%;
		margin-top: 2em;
	}
}

/* お問い合わせ --------------------------------- */
.ap_banner {
	max-width: 700px;
	margin: 0 auto 30px
}


/* リクルートバナーエリア --------------------------------- */
#recbn_wrap {
	background: #fff;
	padding: 100px 0 0;
}

.recbn_box {
	width: 80%;
	margin: 0 auto;
	box-sizing: border-box;
}

.recbn_box figure,
.recbn_box figure img {
	width: 100%;
	height: auto;
}

@media screen and (max-width:750px) {
	.recbn_box {
		width: 100%;
		padding: 0 90px;
	}
}

@media screen and (max-width:600px) {
	.recbn_box {
		width: 100%;
		padding: 0 40px;
	}
}

@media screen and (max-width:500px) {
	#recbn_wrap {
		padding: 50px 0 0;
	}
}

@media screen and (max-width:480px) {
	.recbn_box {
		width: 100%;
		max-width: 390px;
		padding: 0 5px;
	}
}