@charset "UTF-8";

body {
  height: 100%;
  margin: 0;
  padding: 0;
	letter-spacing: 0.1em;
  line-height: 1.7;
  color: #594a2a;
  font-size: 1.5rem;
  font-family: "Noto Sans JP","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	word-break: break-all;
}

/*
font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 */

a{
  outline: none;
	color: #594a2a;
  -webkit-transition: ease-in .3s;
  transition: ease-in .3s;
}

*:focus {
  outline: none;
}

*{ box-sizing: border-box;}

.noPC{ display: none!important;}
.al_c{ text-align: center;}
.al_r{ text-align: right;}
.al_l{ text-align: left;}
.bold{ font-weight: bold;}

.mt0{ margin-top: 0!important;}
.mt1{ margin-top: 1rem!important;}
.mt2{ margin-top: 2rem!important;}
.mt3{ margin-top: 3rem!important;}
.mt4{ margin-top: 4rem!important;}
.mt5{ margin-top: 5rem!important;}

.inner{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
	.inner{
	  padding-left: 2rem;
	  padding-right: 2rem;
	}
}

a[href^="tel:"] {
    pointer-events: none;
}

.txtlink{
  text-decoration: underline;
  color: #eb6d74;
}

.txtlink:hover{
  text-decoration: none;

}
.flex{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.bg{
	background: #f7f4ed;
}

.btn{
  margin-top: 4rem;
  text-align: center;
}

.btn a{
  display: inline-block;
  width: 230px;
  padding: 1rem 0;
  color: #a68b62;
  background: #fff;
  font-size: 1.8rem;
  border: 2px solid #a68b62;
  position: relative;
}

.btn_l a{
	width: auto;
	padding: 1rem 40px 1rem 20px;
}

.btn a::after{
  content: "\f061";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  padding: 1rem 0;
  position: absolute;
  top: 0;
  right: 1.5rem;
  -webkit-transition: ease-in .3s;
  transition: ease-in .3s;
}

.btn a:hover{
  color: #fff;
  background-color: #a68b62;
  border: 2px solid #a68b62;
}

.btn a:hover::after{
  right: 1rem;
}

.p p{
	margin-bottom: 2rem;
}








.eff_fade{
  opacity: 0;
  transition: 2s;
}

.eff_up{
  opacity: 0;
  transform: translate(0, 40px);
  -webkit-transform: translate(0, 40px);
  transition: 0.5s;
  transition-delay: 0.1s;
}

.ac{
  opacity: 1;
  transform: translate(0, 0)!important;
  -webkit-transform: translate(0, 0)!important;
}

/* header
-------------------------------------------------- */
header{
	height: 75px;
	padding: 10px 60px 10px 20px;
	font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	align-items: center;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
  z-index: 1000;
	box-shadow: 0 32px 30px -30px rgba(53, 47, 47, 0.15);
}

header .logo{
	flex: 0 1 140px;
}

.head_contact{
	letter-spacing: 0;
	line-height: 1;
	font-size: 1rem;
	padding: 5px;
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background: #b7282e;
}

.head_contact > *:first-child{
	text-align: right;
	margin-right: 1rem;
	line-height: 1.3;
	letter-spacing: 0.1em;
}

.head_contact a{
	display: block;
	color: #fff;
	font-size: 2.4rem;
}

.head_contact a .fas{
	margin-right: 3px;
}


#gnav ul {
  text-align: center;
}

#gnav ul > *{
	flex: 1 1 0%;
  display: -webkit-box;
  display: flex;
	align-items: center;
	margin-left: 3rem;
}

#gnav ul li a{
  display: block;
  padding: 10px 0;
  color: #333;
  white-space: nowrap;
  position: relative;
}

@media screen and (max-width: 1150px) {
	header{
		padding: 10px 50px 10px 10px;
	}
	header .logo{
	  flex: 0 1 120px;
	}
	#gnav ul > *{
	 margin-left: 2rem;	
  }
	#gnav ul li a{
	 font-size: 1.3rem;	
  }
}
@media screen and (max-width: 950px) {
	#gnav ul > *:first-child{
		display: none;
	}
  #gnav ul > *{
   margin-left: 1rem; 
  }
}

#gnav li a:hover,
.page-about #gnav li.about a,
.page-menu #gnav li.menu a,
.page-faq #gnav li.faq a,
.page-column #gnav li.column a,
.page-access #gnav li.access a,
.page-contact #gnav li.contact a{
  color: #eb6d74;
}

#gnav li a::before{
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background: #eb6d74;
	position: absolute;
	bottom: 0;
	left: 50%;
	opacity: 0;
  -webkit-transition: ease-in .3s;
  transition: ease-in .3s;
}

#gnav li a:hover::before,
.page-about #gnav li.about a::before,
.page-menu #gnav li.menu a::before,
.page-faq #gnav li.faq a::before,
.page-column #gnav li.column a::before,
.page-access #gnav li.access a::before,
.page-contact #gnav li.contact a::before{
	width: 100%;
	left: 0;
	opacity: 1;
}

#gnav li.reservation a::before{
	display: none!important;
}

#gnav li.reservation a:hover{
	opacity: 0.8;
}

#gnav li.reservation a{
	padding: 6px 15px;
	color: #fff;
	background: #f54336;
	border-radius: 0px;
}

/* footer
-------------------------------------------------- */
footer{
  position: relative;
	color: #fff;
	font-size: 1.3rem;
	padding: 4rem 2rem 3rem 2rem;
	background: #a58f64;
}

footer address span{
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
}

footer address a{
	color: #fff;
	text-decoration: underline;
}

footer address a:hover{
	text-decoration: none;
}

#foot_sns{
  display: -webkit-box;
  display: flex;
  justify-content: center;
}

#foot_sns > *{
	margin: 0 1rem;
}

#foot_sns > * a{
	display: block;
  line-height: 1;
	font-size: 3rem;
	color: #fff;
}

footer .link > *{
  margin-right: 2rem;
}

footer .link > * a{
	color: #fff;
}

footer .link > * a:hover{
  text-decoration: underline;
}

footer .link > * a::before{
	display: inline-block;
	margin-right: 5px;
  content: "\f105";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
}

footer small{
	display: block;
	text-align: center;
	color: #e2d9d4;
	font-size: 1.1rem;
}

#pagetop{
  bottom: 10px;
  right: 0;
  padding-right: 10px;
  z-index: 1000;
}

#pagetop.fixed{
	position: fixed;
}

#pagetop a{
  display: block;
  margin: 0 0 0 auto;
  width: 50px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
  background: #a58f64;
  -webkit-transition: .6s;
  transition: .6s;
}

#pagetop a:hover{
	color: #a58f64;
  background: #e2d9d4;
}

/* TOP
-------------------------------------------------- */
#mv{
	width: 100%;
	margin-top: 75px;
	position: relative;
}

#mv .inner{
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 500px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
}

#mv .catch{
	color: #fff;
	letter-spacing: 0.2em;
	font-size: 5rem;
	font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-shadow: 0 0 3px rgba(0,0,0,0.8), 0 0 5px rgba(0,0,0,0.8);
}

#mv .sns_btn{
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 30px;
}

@media screen and (max-width: 1000px) {
	#mv .sns_btn{
	  right: 2rem;
	}
}

#slider .slick-slide div{
	height: 500px;
}

#slider .mv1{ background: url(../img/home/mv1.jpg) no-repeat center center / cover; }
#slider .mv2{ background: url(../img/home/mv2.jpg) no-repeat center center / cover; }
#slider .mv3{ background: url(../img/home/mv3.jpg) no-repeat center center / cover; }

.home main{
  margin-top: 0;
}

.covid19{
	padding-top: 30px;
	text-align: center;
}

.covid19 a{
	display: inline-block;
	padding: 10px 30px;
	color: #594a2a;
	border: 1px solid #594a2a;
}

.covid19 a:hover{
	color: #fff;
	background: #a58f64;
}

.mente{
	padding: 0 10px;
  margin: 20px auto;
  width: 100%;
  max-width: 1000px;
}

.mente p{
	padding: 10px;
	color: #ff0000;
	background: #fff;
	border: 2px solid #ff0000;	
}

#news_wrap{
	padding: 30px 0;
}

#news_wrap h2{
	font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 2.4rem;
	font-weight: bold;
	margin-right: 5rem;
}

#news_wrap ul{
	flex: 1 1 0%;
}

.news_list li{
	padding: 1rem 0;
}

.news_list li a{
	display: block;
	line-height: 1.3;
}

.news_list li a:hover{
	color: #a22041;
}

.news_list li a time{
	display: inline-block;
	font-size: 1.3rem;
	color: #a68b62;
}

.news_list li span:nth-child(2){
	display: inline-block;
	margin: 0 2rem;
	vertical-align: middle;
	padding: 2px;
	width: 5em;
  text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0;
	color: #594a2a;
	border: 1px solid #594a2a;
}

#message{
  padding: 50px 0;
}

#message .img{
	order: 1;
	flex: 0 1 200px;
  font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 2.4rem;
  font-weight: bold;
  margin-right: 5rem;
}

#message .txt{
	order: 2;
  flex: 1 1 0%;
}

.home section.about{
	padding-top: 100px;
	padding-bottom: 100px;
}

.home section.about h2{
	margin-bottom: 3rem;
	color: #a58f64;
	font-size: 3.6rem;
	font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.home section.about .img{
  flex: 0 1 45%;
	margin-left: 5rem;
}

.home section.about .txt{
   flex: 1 1 0%;
}

#insta{
  padding: 100px 10px;
}

.top_btn{
  flex-wrap: wrap;
}

.top_btn li{
  flex: 0 1 50%;
  padding: 60px 0;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top_btn li:nth-child(1){
  background: url(../img/home/bg_menu.jpg) no-repeat center center / cover;
}

.top_btn li:nth-child(2){
  background: url(../img/home/bg_faq.jpg) no-repeat center center / cover;
}

.top_btn li:nth-child(3){
  flex: 0 1 100%;
  min-width: 100%;
  background: url(../img/home/bg_about.jpg) no-repeat center center / cover;
}

.top_btn li a{
  display: block;
  width: 95%;
  max-width: 400px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #333;
  height: 260px;
  padding: 0 30px;
  background: rgba(250,248,245,0.9);
  position: relative;
}

.top_btn li a::before{
  content: "";
  display: inline-block;
  content: "\f061";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  position: absolute;
  bottom: 20px;
  right: 20px;
  -webkit-transition: ease-in .3s;
  transition: ease-in .3s;
}

.top_btn li a:hover::before{
	right: 17px;
}

.top_btn li:nth-child(3) a{
  max-width: 580px;
}

.top_btn li a h3{
  margin-bottom: 20px;
  font-size: 2.8rem;
  font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1;
  color: #a58f64;
}

.top_btn li a:hover{
  opacity: 1;
  background: rgba(255,255,255,1);
  box-shadow: 0 0 15px rgba(0,0,0,0.8);
}

#top_column{
  padding: 100px 1rem 0 1rem;
}

.column_list li{
	border-bottom: 1px dotted #594a2a;
}

.column_list li a{
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 1rem;
}

.column_list li a time{
	flex: 0 1 8em;
	margin-right: 15px;
  color: #a68b62;
}

.column_list li a span{
   flex: 1 1 0%;
}

@media screen and (min-width: 768px){
	#top_column .column_list{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 40px;
	}
	.column_list li a{
		display: block;
	padding: 20px 20px 20px 30px;
	position: relative;
	}
	.column_list li a::before{
	  content: "";
	  display: inline-block;
	  position: absolute;
	  top: 50%;
	  left: 10px;
	  width: 4px;
	  height: 4px;
	  margin-top: -2px;
	  border-top: 1px solid #594a2a;
	  border-right: 1px solid #594a2a;
	  transform: rotate(45deg);
	}
}

.home main .btn a{
	margin: 0 auto;
}

.tb{
	width: 100%;
}

.tb th, .tb td{
	padding: 2rem;
	font-size: 1.8rem;
	vertical-align: middle;
	background: rgba(255,255,255,0.4);
	border-bottom: 1px dashed #a58f64;
}

.tb tr:last-child th, .tb tr:last-child td{
  border-bottom: none;
}

.tb th{
	text-align: left;
}

.tb td{
	text-align: right;
	background: rgba(255,255,255,0.6);
}

.sns_btn{
  width: 400px;
  margin: 4rem auto;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.sns_btn > *{
  flex: 0 1 47%;
  text-align: center;
}

.sns_btn > * a{
  display: block;
  padding: 1rem;
  border-radius: 4px;
  background: #fff;
  border: 2px dashed #a58f64;
  box-shadow: 0px 0px 0px 3px #f7f4ed;
}

.sns_btn a .fab{
  margin-right: 5px;
}

.sns_btn .insta a{
	border: 1px dashed #f89276;
	color: #f89276;
}

.sns_btn .insta a:hover{
	color: #fff;
	background: #c6529a;
}

.sns_btn .line a{
	border: 1px dashed #00c300;
	color:#00c300;
}

.sns_btn .line a:hover{
  color: #fff;
	background:#00c300;
}

/* 
-------------------------------------------------- */
main{
	margin-top: 80px;
	padding-bottom: 100px;
}

#breadcrumb{
  padding: 1rem;
  line-height: 1;
  background: #f7f4ed;
}

#breadcrumb ul{
  display: -webkit-box;
  display: flex;
  font-size: 1.3rem;
}

#breadcrumb ul li{
  margin-right: 0.5rem;
}

#breadcrumb ul li a{
  margin-right: 0.5rem;
}

#breadcrumb ul li a:hover{
  text-decoration: underline;
}

h1.title{
	text-align: center;
	padding: 50px 0; 
  font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 3rem;
	color: #fff;
	background: url(../img/title_bg.jpg) no-repeat center center / cover;
	position: relative;
	z-index: 0;
}

h1.title span{
	display: block;
	font-size: 1.2rem;
	letter-spacing: 0.2em;
}

h1.title::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/bg_over.gif) repeat center top;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.4;
}

.sec{
  padding: 80px 2rem;
}

.ttl_line{
  margin: 10rem 0 3rem 0;
  font-size: 2.4rem;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ttl_line::before, .ttl_line::after{
  content: "－";
  display: inline-block;
  margin: 0 1rem;
}

.ttl{
	margin-bottom: 8rem;
  text-align: center;
  color: #a58f64;
  font-size: 3.6rem;
  font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.ttl2{
	margin-bottom: 20px;
	padding: 5px 20px;
	font-size: 1.8rem;
	color: #fff;
	background: #a58f64;
}

.img_cat{
	margin-bottom: 8rem;
}

.img_cat .img{
	flex: 0 1 240px;
	margin-right: 5rem;
}

.img_cat .txt{
	 flex: 1 1 0%;
	font-size: 2rem;
}

dl.leaf dt{
	color: #91b423;
	padding-left: 25px;
	background: url(../img/leaf_green.png) no-repeat left center / 14px auto;
  margin-top: 2rem;
}

dl.leaf dd{
	padding-left: 25px;
	font-size: 1.4rem;
	font-family: "Noto Sans JP","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.tb_s{
  width: 100%;
}

.tb_s th, .tb_s td{
  padding: 2rem;
  font-size: 1.8rem;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #e2d9d4;
}

.tb_s th{
  text-align: left;
}

.tb_s td{
  text-align: right;
}

.con_wrap{
	max-width: 880px;
	margin: 10rem auto 0 auto;
	padding: 30px 40px;
	border: 2px dashed #a58f64;
	background: #f7f4ed;
	box-shadow: 0px 0px 0px 10px #f7f4ed;
}

.page-menu .con_wrap{
	margin-top: 0;
}

.con_wrap h2{
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 3rem;
}

.con_wrap .txt{
	flex: 0 1 420px;
	margin-right: 4rem;
}

.con_wrap .att{
	margin-top: 3rem;
	font-size: 1.2rem;
}

.con_wrap ul.disc{
	margin-top: 10px;
	color: red;
}

.con_wrap ul.disc li{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.2rem;
}

.con_wrap ul.disc + .att{
	margin-top: 20px;
}

.btn_wrap{
  width: 300px;
}

.btn_wrap li{
  margin-bottom: 12px;
}

.btn_wrap li a{
  display: block;
  color: #594a2a;
  padding: 1rem 0 1rem 2rem;
  font-size: 1.6rem;
  font-weight: 400;
  background: #fff;
  position: relative;
  text-align: left;
  border: 1px solid #594a2a;
}

.btn_wrap li a .far, .btn_wrap li a .fab{
	margin-right: 1rem;
}

.btn_wrap li a::after{
  content: "\f061";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  padding: 1rem 0;
  position: absolute;
  top: 0;
  right: 1.5rem;
  -webkit-transition: ease-in .3s;
  transition: ease-in .3s;
}

.btn_wrap li a:hover{
  background: #fff;
}

.btn_wrap li a:hover::after{
  right: 1rem;
}

.catch{
  text-align: center;
  margin-bottom: 6rem;
}

/* よくある質問（faq）
-------------------------------------------------- */
.faq_list dt{
	padding: 1rem 2rem;
	line-height: 1.4;
	font-size: 2rem;
  font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  background: #efe8d9;
  border-radius: 10px 10px 0 0;
}

.faq_list dt::before{
	content: "Q.";
	font-size: 2.8rem;
	display: inline-block;
	margin-right: 0.5em;
}

.faq_list dd{
  margin-bottom: 8rem;
  padding: 3rem;
  border: 1px solid #efe8d9;
  border-radius: 0 0 10px 10px;
}

/* よもぎ蒸しについて（about）
-------------------------------------------------- */
.page-about .about_wrap .img{
  flex: 0 1 45%;
  margin-right: 5rem;
}

.page-about .about_wrap .txt{
   flex: 1 1 0%;
}

.page-about .about_wrap .txt p{
	margin-bottom: 1em;
}

#oudo{
	padding-left: 0;
	padding-right: 0;
}

#oudo .zaki{
	max-width: 750px;
	display: block;
	margin: 5rem auto 3rem auto;
}
/* アクセス（access）
-------------------------------------------------- */
.page-access main{
	padding-bottom: 0;
	margin-bottom: 0;
}

.access_wrap{
	padding-left: 0!important;
	padding-right: 0!important;
}

.access_wrap .img{
	flex: 0 1 45%;
	margin-left: 4rem;
}

.access_wrap .txt{
	 flex: 1 1 0%;
}

.access_wrap .txt h2{
  margin-bottom: 2rem;
  color: #a58f64;
  font-size: 2.4rem;
  font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.img_list{
	flex-wrap: wrap;
	background: #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
}

.img_list li{
  flex: 0 1 calc(100% / 4);
  position: relative;
  text-align: center;
}

.access_img li{
	flex: 0 1 calc(100% / 3);
}

.img_list li img{
	display: block;
	border-left: 5px solid #fff;
}

.img_list li:first-child img{
  border-left: none;
}

.img_list li p{
  padding-top: 1rem;
  line-height: 1.4;
  font-size: 1.3rem;
 background: #fff;
}


/* メニュー・料金（price）
-------------------------------------------------- */
.smenu{
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 5rem 0 0 0;
}

.smenu > *{
	margin: 0 2rem;
}

.smenu > * a{
  display: inline-block;
}

.smenu > * a::after{
  content: "\f107";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .smenu{
  	display: block;
  	text-align: center;
  }
	.smenu > *{
	  margin: 10px 0;
	}
}

.disc{
  margin-left: 1em;
	list-style-type: disc;
}

.disc li{
	margin: 2rem 0;
}

ul.flow{
	margin-bottom: 5rem;
}

ul.flow > *{
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
	position: relative;
	margin-bottom: 80px;
	border: 1px solid #a58f64;
}

ul.flow > *:last-child{
	margin-bottom: 0;
}

ul.flow > *::after{
  content: "\f063";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -50px;
}

ul.flow > *:last-child::after{
  display: none;
}

ul.flow > * h3{	
  flex: 0 1 15em;
	padding: 1rem 2rem;
	color: #fff;
	background: #a58f64;
}

ul.flow > * p{
   flex: 1 1 0%;
	padding: 1rem 2rem;
}

.coupon{
	color: #eb6d74;
}

.pickup{
	display: inline-block;
	margin-right: 1rem;
	color: #fff;
	background: #eb6d74;
	padding: 0 1rem;
}

/* お客様の声（impression）
-------------------------------------------------- */
.impression_list li{
	padding: 2rem;
	margin-bottom: 2rem;
	border: 1px solid #a58f64;
}

.impression_list li .type{
	
	color: #eb6d74;
}

/* 投稿（single.php）
-------------------------------------------------- */
.article_wrap{
	overflow: hidden;
}

.article_wrap h2{
	font-size: 2.4rem;
	font-weght: bold;
  line-height: 1.4;
	padding-left: 10px;
	border-left: 5px solid #594a2a;
	margin-bottom: 5rem;
}

.article_wrap h2 time{
	display: block;
	font-weight: normal;
	font-size: 1.4rem;
	color: #a58f64;
}

.article_wrap p{
	margin-bottom: 1.5em;
}

.article_wrap img{
	width: auto;
	height: auto;
}

.article_wrap img.alignright{
	float: right;
}

.article_wrap ol{
	list-style-type: decimal;
	margin-left: 1.5em;
}

.article_wrap a{
	text-decoration: underline;
	color: #f54336;
}

.article_wrap a:hover{
	text-decoration: none;
}

.pager{
	margin-top: 8rem;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pager > *{
	padding: 0 1rem;
	margin: 0 1rem;
  display: block;
  border: 1px solid #a58f64;
}

.pager > a.prev,
.pager > a.next{
	border: none;
}

.pager > span{
	color: #fff;
	background: #a58f64;
}

.pager_txt.noSP{
	margin-top: 8rem;
  display: -webkit-box!important;
  display: flex!important;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-top: 1px solid #a58f64;
  border-bottom: 1px solid #a58f64;
  align-items: center!important;
  font-size: 1.4rem;
  line-height: 1.3;
}

.pager_txt > *.back{
  flex: 0 1 9em;
  padding: 1rem 0;
  margin: 0 2rem;
  text-align: center;
  border-left: 1px solid #a58f64;
  border-right: 1px solid #a58f64;
}

.pager_txt > *.prev{
	 flex: 1 1 0%;
	padding: 1rem 0;
}

.pager_txt > *.next{
   flex: 1 1 0%;
  padding: 1rem 0;
  text-align: right;
}

.pager_txt > * a:hover{
	opacity: 0.7;
}

.pager_txt > *.prev a,
.pager_txt > *.next a{
  display: block;
  position: relative;
}

.pager_txt > *.prev a{
	padding-left: 3rem;
}

.pager_txt > *.next a{
  padding-right: 3rem;
}

.pager_txt > *.prev a::before,
.pager_txt > *.next a::before{
  content: "\f053";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0,-50%);
}

.pager_txt > *.next a::before{
  content: "\f054";
  left: auto;
  right: 0;
}

/* お問合せ
-------------------------------------------------- */
.form_wrap{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem 0 3rem 0;
}

.form_att{
  text-align: center;
  margin-bottom: 5rem;
}

.red{ color: red;}

.form_wrap .tb_v td{
	text-align: left;
}

th.req::after {
  content: "※";
  display: inline-block;
  margin-left: 1rem;
  font-size: 1.2rem;
  color: red;
}

.thanks_wrap{
  text-align: center;
}

.submit_wrap{
  margin-top: 5rem;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.submit_wrap > *{
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.submit_wrap > * button{
  display: block;
  width: 250px;
  margin: 0 10px;
  height: 60px;
  line-height: 60px;
  padding: 0 2rem;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  background: #da0a17;
  border: none;
  cursor: pointer;
  -webkit-transition: ease .3s;
  transition: ease .3s;
}

.submit_wrap > * button::after{
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 3rem;
  margin-top: -6px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: ease .3s;
  transition: ease .3s;
}

.submit_wrap > * button:hover{
  opacity: 0.7;
}

.submit_wrap > * button[name="submitBack"]{
  background: #999;
}

input[type="text"], input[type="email"] {
  width: 100%;
  padding: 0 1rem;
  height: 48px;
  line-height: 48px;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
  background: #fff;
}

textarea {
  width: 100%;
  height: 250px;
  padding: 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
  background: #fff;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 48px;
  line-height: 48px;
  border-radius: 5px;
  margin: 0;
  background: transparent;
  position: relative;
  z-index: 1;
  padding: 0 40px 0 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.select_wrap {
  position: relative;
  display: inline-block;
  background: #eee;
}

.select_wrap::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  background: #eee;
  height: 100%;
  width: 30px;
}

.select_wrap::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 18px;
  right: 9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #666 transparent transparent transparent;
}

input::-webkit-input-placeholder {
  color: #b2b2b2;
}

input::-moz-placeholder {
  color: #b2b2b2;
}

input:-ms-input-placeholder {
  color: #b2b2b2;
}

input::-ms-input-placeholder {
  color: #b2b2b2;
}

input::placeholder {
  color: #b2b2b2;
}

input:-ms-input-placeholder {
  color: #b2b2b2;
}

input::-ms-input-placeholder {
  color: #b2b2b2;
}

/* よもぎ蒸しセット
-------------------------------------------------- */
.sall_wrap .catch{
	font-size: 2rem;
}

.sall_wrap .flex .img{
	flex: 0 1 350px;
	margin-right: 40px;
}

.sall_wrap .flex .txt{
	flex: 1 1 0%;
}

.sall_wrap .flex .txt h3{
	font-weight: bold;
	font-size: 2.4rem;
	margin-bottom: 20px;
}

.sall_wrap .flex .txt .price{
	text-align: right;
	font-weight: bold;
	font-size: 1.8rem;
}

/*スケジュール*/
@media screen and (max-width:767px){
	.day-calendar table {
	    width: 100%!important;
	}
}

.day-calendar th, .day-calendar td {
	padding: 10px!important;
	font-size: 1.6rem!important;
}

.calendar-mark {
    color: #000;
    font-size: 2rem!important;
}

#booking-form{
	margin-top: 50px!important;
}

.content-form th, .content-form td{
	vertical-align: middle!important;
}
.content-form th, .content-form td,
.content-form input, .content-form textarea {
	font-size: 1.6rem!important;
}

.monthly-calendar{
	margin-top: 30px!important;
}
.monthly-calendar caption {
    font-size: 2.6rem!important;
    font-weight: bold!important;
    margin-bottom: 20px!important;
    color: #fff!important;
    background: #594a2a!important;
}

.day-box{
	border: 1px solid #594a2a!important;;
}

.content-form input, .content-form textarea{
	padding: 0 10px!important;
}

.monthly-prev::before{
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 1px solid #1b1b1b;
  border-right: 1px solid #1b1b1b;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.monthly-next::after{
  content: "";
  display: inline-block;
  margin-left: 5px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 1px solid #1b1b1b;
  border-right: 1px solid #1b1b1b;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.page-booking-form .monthly-calendar{
  display: none!important;
}
  
@media screen and (max-width:767px){
#booking-form{
  margin-top: 0px!important;
}

	.content-form th {
	    font-size: 1.4rem!important;
	}
}

.price_change{
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #f54336;
}

.price_change .ttt{
	color: #f54336;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

.fee_tb td{
	white-space: nowrap;
}

.fee_tb td span{
	display: inline-block;
	line-height: 1;
	padding: 6px;
	font-size: 80%;
	white-space: nowrap;
	border: 1px solid #ccc;
}

@media screen and (max-width:767px){
	.fee_tb tr{
		display: block;
		margin-bottom: 30px;
	}
	.fee_tb th, .fee_tb td{
		display: block;
		width: 100%;
		font-size: 1.5rem!important;
		text-align: center;
	}
	.fee_tb th{
		border: none;
		border: none;
		background: #f7f4ed;
	border: 1px solid #e2d9d4;
	}
	.fee_tb td{
		border-top: none;
	text-align: center!important;
	}
	.fee_tb td span{
		margin-right: 10px;
	}
}

#footer_fit_btn{
	display: none;
}
@media screen and (max-width:767px){
	#footer_fit_btn{
	  display: flex;
	  justify-content: space-between;
	  width: 100%;
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  text-align: center;
	  line-height: 1;
	  border-top: 1px solid #a58f64;
	  z-index: 1000;
	}
	#footer_fit_btn > *{
		flex: 0 1 calc(100% / 4);
		border-left: 1px solid #a58f64;
	}
	#footer_fit_btn > *:first-child{
		border-left: none;
	}
	#footer_fit_btn > * a{
		display: block;
		padding: 5px;
		font-feature-settings: "palt";
		background: #fff;
	}
	#footer_fit_btn > *.insta a{ color: #c6529a;}
	#footer_fit_btn > *.line a{ color: #00c300;}
	#footer_fit_btn > *.res a{ background: orange;}
	#footer_fit_btn > *.con a{ background: green;}
	#footer_fit_btn > * a .fab, #footer_fit_btn > * a .far{
		font-size: 3.5vw;
		line-height: 1;
	}
	#footer_fit_btn > * a span{
		display: block;
	margin-top: 2px;
		font-size: 3vw;
	}
}

/* salon
-------------------------------------------------- */
@media screen and (max-width: 767px){
	.page-yomogi-salon h1.title{
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
		padding: 0;
		aspect-ratio: 1 / 1;
		background: url(../img/salon_mv.webp) no-repeat center center / cover;
		text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
	}
	h1.title span{
		margin-top: 10px;
	}
	.page-yomogi-salon h1.title::before{
		
	}
}

.salon_area{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.salon_area li{
	flex: 0 1 auto;
	margin: 5px 15px;
}

.salon_area li a{
  display: block;
  position: relative;
  padding: 3px 22px 3px 15px;
  color: #fff;
  background: #594a2a;
  border: 1px solid #594a2a;
}

.salon_area li a:hover{
  color: #594a2a;
  background: #fff;
}

.salon_area li a::after{
	content: "";
	display: inline-block;
	width:0;
	height:0;
	border-style:solid;
	border-width: 6px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	transition: ease-in .3s;
}

.salon_area li a:hover::after{
	border-color: #594a2a transparent transparent transparent;
}

.tax-area .salon_area{
	margin-bottom: 40px;
}

.tax-area .salon_area li a::after{
	display: none;
}

.tax-area .salon_area li a{
  color: #594a2a;
  background: #fff;
}

.term-aichi .salon_area li.aichi a,
.term-mie .salon_area li.mie a,
.term-gifu .salon_area li.gifu a,
.term-shiga .salon_area li.shiga a{
  color: #fff;
  background: #594a2a;
}

@media screen and (max-width: 767px){
	.salon_wrap + .salon_area{
		margin-top: 60px;
	}
	.salon_area li{
		flex: 0 1 auto;
		margin: 5px 7px;
	}
}

.salon_wrap{
	padding: 80px 0 0 0;
}

.salon_wrap h2{
	text-align: center;
	margin-bottom: 20px;
	padding: 5px 20px;
	font-size: 4rem;
	font-weight: normal;
	color: #594a2a;
	background: none;
}

.salon_info{
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 30px;
	padding: 60px 0;
	border-bottom: 3px dashed #a58f64;
}

@media screen and (max-width: 900px){
	.salon_info{
		grid-template-columns: 280px 1fr;
	}
}
@media screen and (max-width: 767px){
	.salon_wrap{
		padding-top: 40px;
	}
	.salon_wrap h2{
		font-size: 4rem;
	}
	.salon_info{
		display: block;
		border: 1px solid #a58f64;
		margin: 30px 0 0 0;
		padding: 0;
		border-radius: 8px;
	overflow: hidden;
	}
	.salon_info h3{
		margin: 0!important;
		padding: 7px 5vw;
		font-weight: bold;
		font-size: 1.7rem;
		color: #fff;
		background: #a58f64;
	}
	.salon_info .wrap{
		padding: 3vw 5vw 5vw 5vw;
	}
	.salon_info .img{
		order: 2;
	}
}

.salon_list .salon_info:last-child{
	border-bottom: none;
}

.salon_info .img{
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.salon_info .img img{
	display: block;
	width: 100%!important;
	height: 100%!important;
	object-fit: cover!important;
	margin: 0!important;
}

.salon_info .img .area_ribbon{
	padding: 3px 10px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background: rgba(89,74,42,0.8);
}

.salon_info table{
	width: 100%;
}

@media screen and (min-width: 768px){
	.salon_info th,
	.salon_info td{
		vertical-align: middle;
		padding: 10px 10px;
		border: 1px solid #dddad0;
	}
	.salon_info th{
		width: 140px;
		text-align: right;
		white-space: nowrap;
	}
	.salon_info td{
		word-break: break-all;
	}
}
@media screen and (min-width: 768px){
	.salon_message.sp{
		display: none;
	}
}

@media screen and (max-width: 767px){
	.salon_info th,
	.salon_info td{
		padding: 7px 0;
		line-height: 1.4;
	}
	.salon_info th{
		width: 10px;
		white-space: nowrap;
		padding: 7px 7px 7px 0;
		font-weight: bold;
		color: #a58f64;
		font-size: 1.3rem;
		text-align: right;
	}
	.salon_message.pc{
		display: none;
	}
	.salon_info .img{
		margin-top: 5vw;
	border-radius: 10px;
	}
}

.salon_reservation_method{
	display: flex;
	flex-wrap: wrap;
}

.salon_reservation_method li{
	margin: 2px 5px 3px 0;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	overflow: hidden;
}

.salon_reservation_method li a{
  display: flex;
  align-items: center;
  white-space: nowrap;
	padding: 3px 12px;
	font-size: 1.4rem;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

.salon_reservation_method li a:hover{
	opacity: 0.7;
}

.salon_reservation_method li a::before{
	content: "";
	display: inline-block;
	margin-right: 6px;
	width: 16px;
	height: 16px;
	background: url(../img/icon_line.svg) no-repeat 0 0 / contain;
}

.salon_reservation_method li.line a{
	background: #3acd01;
}

.salon_reservation_method li.line a::before{
	background-image: url(../img/icon_line.svg);
}

.salon_reservation_method li.insta a{
	background: linear-gradient(45deg, rgba(254, 212, 117, 1) 0%, rgba(229, 61, 93, 1) 50%, rgba(194, 49, 134, 1) 70%, rgba(156, 56, 187, 1) 100%);
}

.salon_reservation_method li.insta a::before{
	background-image: url(../img/icon_insta.svg);
}

.salon_reservation_method li.url a{
	background: #4cb5f5;
}

.salon_reservation_method li.url a::before{
	background-image: url(../img/icon_globe.svg);
}

.salon_reservation_method li.tel a{
	background: #375e97;
}

.salon_reservation_method li.tel a::before{
	background-image: url(../img/icon_tel.svg);
}

@media screen and (max-width: 767px){
	.salon_reservation_method{
		justify-content: center;
		margin: 20px 0;
	}
	.salon_reservation_method li{
		margin: 3px 4px 3px 4px;
	}
	.salon_reservation_method li a{
		padding: 4px 12px;
		font-size: 1.6rem;
	}
}

.res_att{
	margin-inline: auto;
	width: -moz-fit-content;
	width: fit-content;
	text-align: center;
	border: 1px solid #cc6633;
	margin-bottom: 50px;
}

.res_att h3{
	margin: 0;
	padding: 5px;
	color: #fff;
	background: #cc6633;
}

.res_att .wrap{
	padding: 10px 20px 20px 20px;
}

.res_att p{
	margin-top: 25px;
}

.res_att p .red{
	font-weight: bold;
}

a.txtlink,
.res_att a{
	text-decoration: underline!important;
	color: #cc6633!important;
}

a.txtlink:hover,
.res_att a:hover{
	text-decoration: none!important;
}

@media screen and (max-width: 767px){
	.res_att p{
		text-align: left;
	}
}

.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking .am-confirm-booking-form .am-confirmation-booking-details, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking .am-confirm-booking-form .am-confirmation-booking-details {
	justify-content: flex-start!important;
}
.am-confirmation-booking-details div{
		margin-right: 20px!important;
		padding: 10px 20px!important;
		font-weight: bold!important;
		border: 1px solid #0454a2!important;
		border-radius: 5px;
}
.am-confirmation-booking-details div p.am-semi-strong{
	font-size: 2rem!important;
	font-weight: bold!important;
}
.am-confirmation-booking-details div:nth-child(1),
.am-confirmation-booking-details div:nth-child(4){
	display: none!important;
	border: 1px solid red;
}


/* ===== Notice Page ===== */
.notice-page{
  max-width: 820px;
  margin: 0 auto;
  padding: 24px 16px;
}

.notice-box{
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 18px;
  margin: 0 0 18px;
  background: #fff;
}

.notice-box--important{
  border-color: #e6b800;
  background: #fff8d6;
}

.notice-title{
  margin: 0 0 10px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}

.notice-subtitle{
  margin: 0 0 10px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}

.notice-text{
  margin: 0 0 10px;
  line-height: 1.8;
}

.notice-text:last-child{
  margin-bottom: 0;
}

.notice-text--strong{
  margin-top: 8px;
}

.notice-highlight{
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.notice-list{
  margin: 0;
  padding-left: 1.2em;
  line-height: 1.8;
  list-style-type: disc;
}

.notice-list__item{
  margin: 6px 0;
}

.notice-link{
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.notice-btn{
  text-align: center;
}

.notice-btn a{
  display: inline-block;
  margin-top: 10px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid #C47A4A;
  background: #C47A4A;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.3;
}

.notice-btn:hover{
  opacity: 0.88;
}

@media (max-width: 600px){
  .notice-page{
    padding: 18px 14px;
  }
  .notice-box{
    padding: 16px;
  }
  .notice-title{
    font-size: 1.6rem;
  }
}

.notice-box--stop{
  border-color: #d9534f;
  background: #fff0f0;
}

.notice-stop__text{
  margin-top: 14px;
  padding-top: 12px;
  color: #d9534f;
  font-weight: bold;
  border-top: 1px dashed #d9534f;
}