.title01 {
  position: relative;
  padding: .5em .75em;
  background-color: #f6f6f6;
  font-size:150%;
  text-align:center;
}
.title01::before,
.title01::after {
  position: absolute;
  bottom: 8px;
  z-index: -1;
  content: '';
  width: 30%;
  height: 50%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
.title01::before {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  left: .3em;
}
.title01::after {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  right: .3em;
}

.stripe01 {
  padding: .5em .75em;
  background: -webkit-repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
  background: repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  font-size:150%;
  text-align:center;
}

.stripe02 {
  padding: .5em .75em;
  background: -webkit-repeating-linear-gradient(45deg, #CDCDCD, #CDCDCD 7px, #F0F0F0 7px, #F0F0F0 14px);
  background: repeating-linear-gradient(45deg, #CDCDCD, #CDCDCD 7px, #F0F0F0 7px, #F0F0F0 14px);
  color: #000;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  font-size:150%;
  text-align:center;
}

.stripe002 {
  padding: .5em .75em;
  background: -webkit-repeating-linear-gradient(45deg, #E8550C, #E8550C 5px, #ed9061 5px, #ed9061 10px);
  background: repeating-linear-gradient(45deg, #E8550C, #E8550C 5px, #ed9061 5px, #ed9061 10px);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  font-size:calc(150% + 0.5vw);
  text-align:center;
}

.stripe003 {
  padding: .5em .75em;
  background: -webkit-repeating-linear-gradient(45deg, #95c137, #95c137 5px, #d3ed9a 5px, #d3ed9a 10px);
  background: repeating-linear-gradient(45deg, #95c137, #95c137 5px, #d3ed9a 5px, #d3ed9a 10px);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  font-size:calc(150% + 0.5vw);
  text-align:center;
}

.fukidasimidasi {
  position: relative;
  padding: .5em .75em;
  background-color: #f0f0f0;
  border-radius: 6px;
  font-size:150%;
  padding:15px;
  text-align:center;
}
.fukidasimidasi::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f0f0f0;
}

.gradientmidasi {
  padding: 1rem 1rem;
  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(linear, right top, left top, from(#F0F0F0), to(#CDCDCD));
  background-image: -webkit-linear-gradient(right, #F0F0F0 0%, #CDCDCD 100%);
  background-image: linear-gradient(to left, #F0F0F0 0%, #CDCDCD 100%);
  font-size:150%;
  color:#999;
  text-align:center;
}

.kasen {
  padding-bottom: .1em;
  border-bottom: 5px double #ccc;
  font-size:150%;
  color:#000;
  text-align:center;
}

.checkgara {
  padding: 0.65rem 0.5rem;
  color: #e5004f;
  background-color: transparent;
  background-image: linear-gradient(45deg, #f9dbdc 25%, transparent 25%, transparent 75%, #f9dbdc 75%, #f9dbdc),
    linear-gradient(45deg, #f9dbdc 25%, transparent 25%, transparent 75%, #f9dbdc 75%, #f9dbdc);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
}

.center_midasi {
  font-size: 30px;
  font-size: 3rem;
  position: relative;
  padding: 0.5rem;
  text-align: center;
}

.center_midasi span {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  line-height: 80%;
}

.center_midasi:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 100px);
  width: 200px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #fa4141;
}

/* メモ　クリップ　Ａ */
.clip-box-a {
 position: relative;
 margin: 2em auto;
 padding: 15px 35px 15px 25px;
 width: 90%; /* ボックス幅 */
 background-color: #fff; /* ボックス背景色 */
 color: #555555; /* 文章色 */
 border: 1px solid #ccc; /* 枠線 */
 box-shadow: 1px 1px 1px #acacac; /* 影の色 */
}
.clip-box-a::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #555555; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #999;
 transform: rotate(10deg);
 z-index: 1;
}
.clip-box-a::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px; 
 right: 20px;
 border: solid 5px #fff; /*背景色と同じ色にする*/
 z-index: 2;
}

/* メモ　クリップ　Ｂ */
.clip-box-b {
 position: relative;
 margin: 2em auto;
 padding: 15px 35px 15px 25px;
 width: 90%; /* ボックス幅 */
 background-color: #FFE4E1; /* ボックス背景色 */
 color: #666666; /* 文章色 */
 box-shadow: 4px 4px 1px #FFB6C1; /* 影の色 */
}
.clip-box-b::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #C0C0C0; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #ccc; /*クリップ影*/
 transform: rotate(10deg);
 z-index: 1;
}
.clip-box-b::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px; 
 right: 20px;
 border: solid 5px #FFE4E1; /*背景色と同じ色に！*/
 z-index: 2;
}

/*　テープ　枠　3 */
.kakomi-tape3 {
 position:relative;
 padding: 35px 20px 15px;
 margin: 2.5em auto;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #e8ddbd;
 box-shadow: inset 0 0 40px rgba(204, 186, 136,1), 0 2px 2px #ccc;
}
.title-tape3 {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #555555; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.4);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-5deg);
}


.mizutama_midasi {
  padding: 0.5rem 1rem;
  color: #fff;
  background: #015dac;
  background-image: radial-gradient(#0175d5 13%, transparent 13%), radial-gradient(#0175d5 13%, transparent 13%);
  background-size: 50px 50px;
  background-position: 0 0, 25px 25px;
  text-align: center;
  font-size:200%;
  font-weight]bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}


/*下に小さな下線*/
.kasen_midasi {
  font-size: 30px;
  font-size: 3rem;
  position: relative;
  padding: 1.5rem;
  text-align: center;
}

.kasen_midasi span {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
}

.kasen_midasi:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #C9A746;
}

.grade_midasi2{
  position: relative;
  padding: 0.1em 0.5em;
  background: -webkit-linear-gradient(144deg, rgba(255,130,1,1) 56%, rgba(244,241,150,1) 95%);
  background: linear-gradient(144deg, rgba(255,130,1,1) 56%, rgba(244,241,150,1) 95%);
  /*color: #545454;*/
  font-size:calc(1rem + 2vw);
  color:#FFF;
  font-weight:bold;
}	

.grade_midasi{
  position: relative;
  padding: 0.1em 0.5em;
  background: -webkit-linear-gradient(to right, rgb(255, 186, 115), transparent);
  background: linear-gradient(to right, rgb(255, 186, 115), transparent);
  /*color: #545454;*/
  font-size:calc(0.8rem	+ 2.1vw);
  color:#000;
  font-weight:bold;
}

/*グラデーション斜め見出し*/
.grade_naname_midasi{
	padding: 1rem 2rem;
	color: #fff;
	transform: skew(-15deg);
	background-image: linear-gradient(to right, #27acd9 0%, #b4e12b 100%);
}

/*下線のみ吹き出し見出し*/
.kasenmidasi {
	position: relative;
	padding: 1rem 0.5rem;
	border-bottom: 3px solid #27acd9;
	color: #27acd9;
}
.kasenmidasi:before, .kasenmidasi:after {
	position: absolute;
	content: '';
	left: 1em;/*calc(50% - 14px);にすると下向き矢印を中央に配置*/
	width: 0;
	height: 0;
	border-width: 14px 12px 0;
	border-style: solid;
}
.kasenmidasi:before {	
	bottom: -14px;    
	border-color: #27acd9 transparent transparent;
}
.kasenmidasi:after {
	bottom: -10px;
	border-color: #fff transparent transparent;
}

/*シンボル見出し*/
.simbolmidasi {
  position: relative;
  padding: 1.5rem;
  text-align: center;
  border: 2px solid #000;
  background: #fff;
	margin-top:60px;
}

.simbolmidasi:before,
.simbolmidasi:after {
  position: absolute;
  content: '';
}

.simbolmidasi:before {
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #fff;
}

.simbolmidasi:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.simbolmidasi i {
  font-size: 30px;
  font-size: 3rem;
  line-height: 60px;
  position: absolute;
  z-index: 1;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 60px;
  text-align: center;
}

.simbolmidasi span {
  position: relative;
  z-index: 1;
}

.uesitasen {
  color: #000;/*文字色*/
  padding: 10px 0;/*上下の余白*/
  border-top: solid 3px #C9A746;/*上線*/
  border-bottom: solid 3px #C9A746;/*下線*/
  text-align:center;
  font-size:calc(1rem + 0.9vw);
  max-width:640px;  
}


.haikeikasen {
  padding: 0.5rem 2rem;
  border-bottom: 3px dashed #000;
  background: #f4f4f4;
  font-size:calc(1rem + 0.9vw);
}

.midasi_sideline {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  font-size: calc(1.5rem + 1vw);
  font-weight:bold;
}

.midasi_sideline:before, .midasi_sideline:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 65px;
  height: 6px;
  border-top: solid 1px #32CD32;
  border-bottom: solid 1px #32CD32;
}

.midasi_sideline:before {
  left: -20px;
}
.midasi_sideline:after {
  right: -20px;
}

/*見出しに下線*/
.center_midasi2 {
  font-size: 3rem;
  position: relative;
  padding: 0.5rem;
  text-align: center;
}

.center_midasi2 span {
  font-size: 1.8rem;
  display: block;
  line-height: 80%;
}

.center_midasi2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 100px);
  width: 200px;
  height: 10px;
  content: '';
  border-radius: 5px;
  background: #000;
}	

/*見出し下部が浮き上がっている*/
.curl {
  position: relative;
  padding: .5em .75em;
  background-color: #FDE5FD;/*#F6F6F6*/
}
.curl::before,
.curl::after {
  position: absolute;
  bottom: 8px;
  z-index: -1;
  content: '';
  width: 30%;
  height: 50%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
.curl::before {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  left: .3em;
}
.curl::after {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  right: .3em;
}

.goldsenmidasi {
  font-family: 'Noto Serif JP','Sawarabi Mincho',serif,'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro' !important;
  position: relative;
  padding: 1.5rem 2rem;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  font-size:calc(1.1rem + 0.5vw);
}

.goldsenmidasi:before,
.goldsenmidasi:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

.goldsenmidasi:before {
  top: 0;
}

.goldsenmidasi:after {
  bottom: 0;
}

.goldhaikeimidasi {
  font-family: 'Noto Serif JP','Sawarabi Mincho',serif,'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro' !important;
  padding: 1rem 2rem;
  color: #fff;
  background: #000;
  font-size:calc(1.1rem + 0.5vw);
  font-weight:bold;
}

.goldhaikeimidasi span {
  background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.goldgrademidasi {
  padding: 1rem 2rem;
  color: #fff;
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  font-family: 'Noto Serif JP','Sawarabi Mincho',serif,'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro' !important;
  font-size:calc(1.1rem + 0.5vw);
  font-weight:bold;
}


/*両脇線見出し*/
.midasi-wakisen{
  margin: 1em 0;
  padding: 1.5em 1em 1em;
  position: relative;
  border-top: 1px solid #552C23;
}

.midasi-wakisen .midasi-title{
  position: absolute;
  top: -0.8em;
  left: 50%;
	transform:translatex(-50%);
 ?font-weight: normal;
  font-size: 2.0em !important;
  background-color: #FFF;
  color: #552C23;
  padding: 0 0.5em;
}

.address {
    background-color: #1E73BE;
    color: #FFF;
    padding: 0 5px;
    border-radius: 3px;
}

/*両脇花見出し*/
 .mtitle.wide {
    text-align: center;
    max-width: 600px;
    line-height: 1.2;
    font-size:calc(0.8rem + 0.7vw);
}
.mtitle {
    -webkit-filter: drop-shadow(0 0 10px rgba(51, 51, 51, 0.1));
    filter: drop-shadow(0 0 10px rgba(51, 51, 51, 0.1));
}
.mtitle {
    text-align: left;
    max-width: 457px;
}
.mtitle {
    margin: 0 auto 40px;
    position: relative;
    text-align: center;
}
.mtitle .ja {
    display: block;
    width: fit-content;
    /*font-size: 3rem;*/
    margin: 0 auto;
}
.mtitle .ja {
    position: relative;
    z-index: 2;
    /*font-size: 2.4rem;*/
    color: #58462c;
    font-weight: 600;
    background-color: #EBE4E2;
    padding: 8px 40px 12px;
    border-radius: 50px;
}
.mtitle .ja .mini {
    font-size: 80%;
}
.mtitle .ja:before {
    position: absolute;
    content: "";
    width: 56px;
    height: 78px;
    background: url(https://merry-headspabeauty.net/wp-content/uploads/2024/08/title-deko-left.png) no-repeat;
    background-size: cover;
    bottom: -20px;
    left: -30px;
    z-index: -1;
}
.mtitle .ja:after {
    position: absolute;
    content: "";
    width: 51px;
    height: 68px;
    background: url(https://merry-headspabeauty.net/wp-content/uploads/2024/08/title-deko-right.png) no-repeat;
    background-size: cover;
    top: -16px;
    right: -35px;
    z-index: -1;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}


/*ズレタイトル*/
.zuretitle {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff100;
	font-size:calc(1rem + 0.9vw);
	text-align:center;
}

.zuretitle:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 2px solid #000;
}
/*キャライメージ*/
.charaimage01{
  width:calc(40px + 6vw);
  position:absolute;
  z-index:1;
  margin-left:10%;
  margin-top:-20px;
}
.charaimage02{
  width:calc(40px + 6vw);
  position:absolute;
  z-index:1;
  margin-left:80%;
  margin-top:-100px;
}
@media screen and (max-width: 480px) {
/*スマホ縦*/
.charaimage01{
  width:calc(40px + 6vw);
  position:absolute;
  z-index:1;
  margin-left:-5%;
  margin-top:0px;
}
.charaimage02{
  width:calc(40px + 6vw);
  position:absolute;
  z-index:1;
  margin-left:85%;
  margin-top:-80px;
}
}

//-->

