@charset "UTF-8";

/* 共通部分
------------------------------- */
html {
    font-size: 100%;
	scroll-behavior: smooth;
}
body{
	font-family: 'Noto Serif JP', serif;
    color: #432;
  font-size: 1.1rem;
  line-height: 1.85;
	background-color: #fbc27e47;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
.wrapper {
    max-width: 1400px;
    margin: 0 auto;
	padding: 5% 4%;
    /*padding: 0 4%;*/
}

/* 大きな背景画像 */
.big-bg {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

/* パソコンのみ表示 */
@media only screen and (max-width: 560px) {
  .hideSp,
  .dispTab,
  .dispPc {
    display: none !important; 
	}
}

/* タブレット向けのレイアウトの指定  ------------*/
@media only screen and (min-width: 561px) and (max-width: 959px) {
  .dispSp,
  .dispPri,
  .dispPc,
  .hideTab {
    display: none !important; } }

/* スマホのみ表示 */
/* PC向けのレイアウトの指定  ------------*/
@media only screen and (min-width: 960px) {
  .hidePc,
  .dispTab,
  .dispSp,
  .dispPri {
    display: none !important; } }

/* フォント */
.white {
  color: #FFFFFF; }

.red {
  color: #C6265B; }

.purple {
  color: #7c5dbb; }

.blue {
  color: #477fb4; }

.green {
	color: #776937;
	font-style: italic;
}
.greenL {
	font-size: 140%;
	color: #776937;
}
.pink {
	color: #fb7b8c;
}
.bold {
  font-weight: bold; }

.cc1 {
  color: #730524; }

.size-ss {
  font-size: 80% !important; }

.size-s {
  font-size: 88% !important; }

.size-l {
  font-size: 120% !important; }

.size-ll {
  font-size: 140% !important; }

.anno {
  color: #FF0000; }

.anno-s {
  color: #FF0000;
  font-size: 88%; }

.anno-l {
  color: #FF0000;
  font-size: 120%;
  font-weight: bold; }

.anno-ll {
  color: #FF0000;
  font-size: 150%;
  font-weight: bold; }

.anno2 {
  margin: 1em 0em; }
  .anno2 li {
    margin-bottom: 0em;
    color: #44494c;
    font-size: 90%; }
    .anno2 li .red {
      color: #ce0a4c; }
    .anno2 li:before {
      content: "※ "; }

time{
	color: #7c5dbb;
}

em{
	font-style: italic;
	display: inline;
    font-weight: bold;
    /*background: rgba(255, 255, 255, 0) linear-gradient(transparent 60%, #fd7c8d8c 0%) repeat scroll 0 0;*/
    color: #ae212f;
    font-size: 100%;
}

strong{
display: inline;
    font-weight: bold;
    background: rgba(255, 255, 255, 0) linear-gradient(transparent 60%, #fd7c8d8c 0%) repeat scroll 0 0;
    color: #000000;
    font-size: 100%;
}

.point1 {
display: inline;
    font-weight: bold;
    background: rgba(255, 255, 255, 0) linear-gradient(transparent 60%, #fd7c8d8c 0%) repeat scroll 0 0;
    color: #000000;
    font-size: 120%;
}

.point2 {
  display: inline;
  font-weight: bold;
  background: rgba(255, 255, 255, 0) linear-gradient(transparent 60%, #E2659D 0%) repeat scroll 0 0;
  color: #000000; }

.balloon {
position: relative;
background-color: #ffc4c4;
padding: 20px;
color: #333;
border-radius: 10px;
box-shadow: 6px 6px 0px 0px #f05b5b;
	margin-bottom: 50px;
}

.balloon::before {
content: "";
position: absolute;
border: 12px solid transparent;
border-top: 12px solid #ffc4c4;
left: 30px;
bottom: -30px;
border-top: 18px solid #f05b5b;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
}

.balloon::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: 22px;
bottom: -15px;
border-top: 16px solid #ffc4c4;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
}

/* レイアウト */

.w10 {
  width: 10%;
  height: auto; }

.w15 {
  width: 15%;
  height: auto; }

.w20 {
  width: 20%;
  height: auto; }

.w25 {
  width: 25%;
  height: auto; }

.w30 {
  width: 30%;
  height: auto; }

.w35 {
  width: 35%;
  height: auto; }

.w40 {
  width: 40%;
  height: auto; }

.w45 {
  width: 45%;
  height: auto; }

.w50 {
  width: 50%;
  height: auto; }

.w55 {
  width: 55%;
  height: auto; }

.w60 {
  width: 60%;
  height: auto; }

.w65 {
  width: 65%;
  height: auto; }

.w70 {
  width: 70%;
  height: auto; }

.w75 {
  width: 75%;
  height: auto; }

.w80 {
  width: 80%;
  height: auto; }

.w85 {
  width: 85%;
  height: auto; }

.w90 {
  width: 90%;
  height: auto; }

.w100 {
  width: 100%;
  height: auto; }

.w31 img {
  max-width: 30px; }

.w51 img {
  max-width: 50px; }

.w81 img {
  max-width: 80px; }

.w101 img {
  max-width: 100px; }

.w130 img {
  max-width: 130px; }

.w120 img {
  max-width: 120px; }

.w140 img {
  max-width: 140px; }

.w150 img {
  max-width: 150px; }

.w160 img {
  max-width: 160px; }

.w180 img {
  max-width: 180px; }

.w200 img {
  max-width: 200px; }

.w220 img {
  max-width: 220px; }

.w230 img {
  max-width: 230px; }

.w240 img {
  max-width: 230px; }

.w250 img {
  max-width: 250px; }

.w260 img {
  max-width: 260px; }

.w280 img {
  max-width: 280px; }

.w300 img {
  max-width: 300px; }

.w310 img {
  max-width: 310px; }

.w320 img {
  max-width: 320px; }

.w330 img {
  max-width: 330px; }

.w350 img {
  max-width: 350px; }

.w360 img {
  max-width: 360px; }

.w370 img {
  max-width: 370px; }

.w380 img {
  max-width: 380px; }

.w400 img {
  max-width: 400px; }

.w410 img {
  max-width: 410px; }

.w420 img {
  max-width: 420px; }

.w430 img {
  max-width: 430px; }

.w440 img {
  max-width: 440px; }

.w450 img {
  max-width: 450px; }

.w470 img {
  max-width: 470px; }

.w480 img {
  max-width: 480px; }

.w500 img {
  max-width: 500px; }

.w530 img {
  max-width: 530px; }

.w550 img {
  max-width: 550px; }

@media only screen and (max-width: 560px) {
.w550 img {
  max-width: 100%;
	}
}
.w560 img {
  max-width: 560px; }

.w570 img {
  max-width: 570px; }

.w580 img {
  max-width: 580px; }

.w600 img {
  max-width: 600px; }

.w620 img {
  max-width: 620px; }

.w630 img {
  max-width: 630px; }

.w640 img {
  max-width: 640px; }

.w650 img {
  max-width: 650px; }

.w670 img {
  max-width: 670px; }

.w680 img {
  max-width: 680px; }

.w700 img {
  max-width: 700px; }

.w720 img {
  max-width: 720px; }

.w750 img {
  max-width: 750px; }

.w780 img {
  max-width: 780px; }

.w800 img {
  max-width: 800px; }

.w840 img {
  max-width: 840px; }

.w860 img {
  max-width: 860px; }

.w960 img {
  max-width: 960px; }

.w1000 img {
  max-width: 1000px; }

.w1200 img {
  max-width: 1200px; }

.h250 {
  max-height: 250px;
  width: auto; }

/*.block {
  display: block; }*/

.ind1 {
  text-indent: -1em;
  margin-left: 1em; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.left {
  text-align: left; }

.posR {
  float: right; }

.posL {
  float: left; }

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

.imgR {
  float: right;
  margin: 0 0 15px 5%; }

.imgL {
  float: left;
  margin: 0 5% 15px 0; }

.imgC img {
  display: block;
  margin: 0 auto; }

.posR img,
.imgR img {
  margin-right: 0;
  margin-left: auto; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb2e {
  margin-bottom: 2em !important; }

.mb1e {
  margin-bottom: 1em !important; }

.mb15e {
  margin-bottom: 1.5em !important; }

.mb2e {
  margin-bottom: 2em !important; }

.mb3e {
  margin-bottom: 3em !important; }

.ml20 {
  margin-left: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr5 {
  margin-right: 5% !important; }

.mr30 {
  margin-right: 30px !important; }

.mr1e {
  margin-right: 1em !important; }

.mt1e {
  margin-top: 1em !important; }

.mt05e {
  margin-top: 0.5em !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }
.mt40 {
  margin-top: 40px !important; }
.mt50 {
  margin-top: 50px !important; }
/* リスト */
.list1 {
    padding: 20px;
    border-top: solid 2px #f79a6b;
    border-bottom: solid 2px #f79a6b;
    margin-bottom: 30px;
    margin-top: 30px;
}
.list1 li::marker {
    color: #fb7b8c;
    font-size: 1.1em;
}
ol {
    counter-reset: number;/*数字をリセット*/
    list-style-type: none!important;/*数字を一旦消す*/
    /* padding: 0; */
    padding: 20px;
    border-top: solid 2px #f79a6b;
    border-bottom: solid 2px #f79a6b;
    margin-bottom: 30px;
    margin-top: 30px;
}
ol li {
  padding: 0.5em 0;
  position: relative;
  padding-left: 1.4em;
  line-height: 1.5em;
}
ol li:before{
  counter-increment: number;
  content: counter(number) ".";
  position: absolute;
  left: 0;
  font-family: 'Bradley Hand','Segoe Script','Segoe Print',sans-serif;/*手書き風のフォント*/
  font-size: 1.3em;/*フォントサイズ*/
	color: #fb7b8c;
}
/* faq */
.Qa-Box {
  width: 80%;
  margin: 0 auto;
}

.Qa-Box .Qa dt,
.Qa-Box .Qa dd {
  display: flex;
  align-items: baseline;
  margin: 15px 0;
  padding: 15px;
}

.Qa-Box .Qa dt {
  background: #fff;
}

.Qa-Box .Qa dt p {
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
  width: 100%;
}

.Qa-Box .Qa dd p {
  margin: 0;
  padding-left: 15px;
  width: 100%;
}

.Qa-Box .Qa dt::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
 background: #fac37c;
  width: 2em;
  height: 2em;
}

.Qa-Box .Qa dd::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #D65556;
  width: 2em;
  height: 2em;
}

@media screen and (max-width: 960px) {
  .Qa-Box {
    width: 95%;
  }
}
/* 見出し */
.page-title {
    font-size: 5rem;
    /*text-transform: uppercase;大文字*/
	font-family: 'Alex Brush', cursive, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: normal;
	 letter-spacing : 2px;                /* 文字間 */
  text-shadow    : 
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;        /* 文字の影 */
}
.sub-title {
    font-size: 1.375rem;
    padding: 0 8px 8px;
    border-bottom: 2px #f8996c solid;
    font-weight: normal;
}

/* ボタン */
.button {
    font-size: 1.375rem;
    background: #0bd;
    color: #fff;
    border-radius: 5px;
    padding: 18px 32px;
}
.button:hover {
    background: #0090aa;
}

/* iframe */
iframe {
    width: 100%;
}

/* HEADER
------------------------------- */
.page-header {
    display: flex;
    justify-content: space-between;
}
.logo {
    width: 210px;
    margin-top: 14px;
}
.main-nav {
    display: flex;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-top: 34px;
    list-style: none;
	letter-spacing: 0.1em;
	padding-top: 80px;
}
.main-nav li {
    /*margin-left: 36px;*/
}
.main-nav a {
    color: #432;
}
.main-nav a:hover {
    color: #0bd;
}

/* HOME
------------------------------- */
#home {
    background-image: url(../images/main-bg.jpg);
    min-height: 100vh;
}
#home .page-title {
    text-transform: none;
}
.home-content {
    text-align: center;
    margin-top: 10%;
}
.home-content p {
    font-size: 1.125rem;
    margin: 10px 0 42px;
}

/* NEWS
------------------------------- */
#news {
    background-image: url(../bio/images/news-bg.jpg);
    height: 400px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 560px) {
#news {
    background-image: url(../bio/images/news-bg.jpg);
    height: 200px;
    margin-bottom: 40px;
}
}

#news .page-title {
    text-align: center;
	padding: 100px;
}
.news-contents {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

/* 記事部分 */
article {
    width: 74%;
}
/* 記事部分 */
article100 {
    width: 100%;
}
article100 p {
    margin-bottom: 3em;
}
.post-info {
    position: relative;
    padding-top: 4px;
   /* margin-bottom: 40px;*/
}
.post-date {
    background: #0bd;
    border-radius: 50%;
    color: #fff;
    width: 100px;
    height: 100px;
    font-size: 1.625rem;
    text-align: center;
    position: absolute;
    top: 0;
    padding-top: 10px;
}
.post-date span {
    font-size: 1rem;
    border-top: 1px rgba(255,255,255,.5) solid;
    padding-top: 6px;
    display: block;
    width: 60%;
    margin: 0 auto;
}
.post-title {
    font-family: "Yu Mincho", "YuMincho", serif;
    font-size: 2rem;
    font-weight: 600;
	text-align: center;
	color: #fc7c8d;
}
/*.post-title,
.post-cat {
    margin-left: 120px;
}*/

.post-title {
    /* margin-left: 120px; */
    margin: 0 auto;
    height: 90px;
    /* padding-left: 30px; */
    line-height: 0px;
    background-image: url(../img/title.png);
    background-position: center;
}

.post-cat {
    /* margin-left: 120px; */
    margin: 0 auto;
    height: 90px;
    /* padding-left: 30px; */
    line-height: 0px;
	text-align: center;
	font-size: 1.2em;
    /*background-image: url(../img/title.png);
    background-position: center;*/
}



.post-title2 {
    /* margin-left: 120px; */
    /* margin: 0 auto; */
    height: 90px;
    /* padding-left: 30px; */
    line-height: 0px;
    background-image: url(../img/title2.png);
    /* background-position: center; */
}
.post-title2 {
    font-family: "Yu Mincho", "YuMincho", serif;
    font-size: 1.8rem;
    font-weight: 600;
    /* text-align: center; */
    color: #fc7c8d;
    padding-left: 30px;
}

.post-title3 {
    /* margin-left: 120px; */
    margin: 0 auto;
    height: 200px;
    /* padding-left: 30px; */
    line-height: 0px;
    background-image: url(../img/title.png);
    background-position: center;
    line-height: 1.3em;
}
.post-title3 {
    font-family: "Yu Mincho", "YuMincho", serif;
    font-size: 1.8rem;
    font-weight: 600;
     text-align: center; 
    color: #fc7c8d;
    padding-left: 30px;
}
.heading-decoration {
	font-size:1.7em;
	/*font-size: clamp(30px, 3vw, 40px);*/
	min-height: 0vw;
	font-weight: 400;
    color: #8e8667;
}

.heading-decoration::after {
padding-bottom: 3px;
    font-size: 6px;
    background-image: repeating-linear-gradient(90deg, #f9cb69 0, #fc7b8c 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px);    background-size: 4px 4px;
    background-repeat: repeat-x;
    background-position: center bottom;
    display: block;
    content: '';
    width: 160px;
    height: 0px;
    /*border-top: solid 1px #ec6fa6;*/
    margin-top: 0.6em;
}

.heading-decoration + p {
	margin-top: 1em;
	margin-bottom: 2em;
    color: #8e8667;
    font-family: 'Philosopher', serif;
	font-size: 18px;
}

@media screen and (max-width:768px) {
.heading-decoration {
    font-size: 1.3em;
    /* font-size: clamp(30px, 3vw, 40px); */
    min-height: 0vw;
    font-weight: 400;
    color: #8e8667;
}
}

.heading-decoration2 {
	font-size:1.5em;
	/*font-size: clamp(30px, 3vw, 40px);*/
	min-height: 0vw;
	font-weight: 400;
    color: #8e8667;
	margin-bottom: 30px;
}

.heading-decoration2::after {
padding-bottom: 3px;
    font-size: 6px;
    background-image: repeating-linear-gradient(90deg, #f9cb69 0, #fc7b8c 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px);    background-size: 4px 4px;
    background-repeat: repeat-x;
    background-position: center bottom;
    display: block;
    content: '';
    width: 160px;
    height: 0px;
    /*border-top: solid 1px #ec6fa6;*/
    margin-top: 0.6em;
}

/*.heading-decoration2 + p {
	margin-top: 1em;
	margin-bottom: 2em;
    color: #776937;
    font-family: 'Philosopher', serif;
	font-size: 18px;
}

@media screen and (max-width:768px) {
.heading-decoration2 {
    font-size: 1.3em;
    /* font-size: clamp(30px, 3vw, 40px); */
    /*min-height: 0vw;
    font-weight: 400;
    color: #776937;
}
}*/


article img {
    margin-bottom: 20px;
	box-shadow: 15px 15px 0 #ea987e69;
	margin-bottom: 40px;
}
article p {
    margin-bottom: 1rem;
}

/*h3{
	font-size: 1.3em;
display: inline;
    font-weight: bold;
    background: rgba(255, 255, 255, 0) linear-gradient(transparent 60%, #fd7c8d8c 0%) repeat scroll 0 0;
color: #fc7c8d;
	font-size: 120%;
}*/



/* サイドバー */
aside {
    width: 22%;
}
.sub-menu {
    margin-bottom: 60px;
    list-style: none;
}
.sub-menu li {
    border-bottom: 1px #ddd solid;
}
.sub-menu a {
    color: #432;
    padding: 10px;
    display: block;
}
.sub-menu a:hover {
	color: #fb7b8c;
    /*color: #0bd;*/
}
.sub-menu li span {
    /* background-color: #fc7c8d; */
    border-radius: 5px;
    color: #fc7c8d;
    /* margin: 0 20px; */
    padding: 5px 10px;
    text-decoration: none;
}

aside p {
    padding: 12px 10px;
    line-height: 20px;
}

/* MENU
------------------------------- */
#menu {
    background-image: url(../images/menu-bg.jpg);
    min-height: 100vh;
}
.menu-content {
    max-width: 560px;
    margin-top: 10%;
}
.menu-content .page-title {
    text-align: center;
}
.menu-content p {
    font-size: 1.125rem;
    margin: 10px 0 0;
}

.grid {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  margin-top: 6%;
  margin-bottom: 50px;
}

/* CONTACT
------------------------------- */
#contact {
    background-image: url(../images/contact-bg.jpg);
    min-height: 100vh;
}

/* フォーム */
form div {
    margin-bottom: 14px;
}
label {
    font-size: 1.125rem;
    margin-bottom: 10px;
    display: block;
}
input[type="text"],
input[type="email"],
textarea {
    background: rgba(255,255,255,.5);
    border: 1px #fff solid;
    border-radius: 5px;
    padding: 10px;
    font-size: 1rem;
}
input[type="text"],
input[type="email"] {
    width: 100%;
    max-width: 240px;
}
textarea {
    width: 100%;
    max-width: 480px;
    height: 6rem;
}
input[type="submit"] {
    border: none;
    cursor: pointer;
    line-height: 1;
}

/* 店舗情報・地図 */
#location {
    padding: 4% 0;
}
#location .wrapper {
    display: flex;
    justify-content: space-between;
}
.location-info {
    width: 22%;
}
.location-info p {
    padding: 12px 10px;
}
.location-map {
    width: 74%;
}

/* SNS */
#sns {
    background: #FAF7F0;
    padding: 4% 0;
}
#sns .wrapper {
    display: flex;
    justify-content: space-between;
}
#sns .sub-title {
    margin-bottom: 30px;
}
.sns-box {
    width: 30%;
}

/* フッター
------------------------------- */
footer {
    /*background: #432;*/
	background-color: #FBAB7E;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
    text-align: center;
    padding: 26px 0;
}
footer p {
    color: #fff;
    font-size: 0.875rem;
}
footer p a {
    color: #fff;
    font-size: 0.875rem;
}

footer p a:hover {
  color: #683f80a1;
}

footer #page-top {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*right: 0;*/
    width: 80px;
    height: 80px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
	position: fixed;
    bottom: 10px;
    right: 20px;
	
}

@media (max-width: 600px) {
footer #page-top {width: 60px;
	}
}

/*フッターのメニュー表示　スマホ表示なし*/
/*footer .footer-link{
    font-size: 0.9rem;
    padding: 0 0 0 50px;
}

footer .footer-link li{
     display: inline-block;
}

footer .footer-link a{
    color: #fff;
}

footer .footer-link a::after{
    content:'/';
    padding: 0 10px;
}

footer .footer-link li:last-child a::after{
    content:'';
    padding: 0;
}

footer .footer-link{
    text-align: center;
}


@media screen and (max-width:768px) {
    footer .footer-link{
        display: none;
    }*/
	
/* モバイル版
------------------------------- */
@media (max-width: 600px) {
    .page-title {
        font-size: 2.5rem;
    }
    .page-header {
        flex-direction: column;
        align-items: center;
    }

    /* HEADER */
    .main-nav {
        font-size: 1rem;
        margin-top: 10px;
    }
    .main-nav li {
        margin: 0 20px;
    }

    /* HOME */
    .home-content {
        margin-top: 20%;
    }

    /* NEWS */
    .news-contents {
        flex-direction: column;
    }
    #news .page-title {
		margin: auto ;
		/*margin-top: 100px;*/
        /*margin-top: 30px;*/
    }
    article,
    aside {
        width: 100%;
    }
    aside {
        margin-top: 60px;
    }
    .post-info {
        /*margin-bottom: 30px;*/
    }
    .post-date {
        width: 70px;
        height: 70px;
        font-size: 1rem;
    }
    .post-date span {
        font-size: 0.875rem;
        padding-top: 2px;
    }
    .post-title {
        font-size: 1.375rem;
		background-image: url(../img/title_sp.png);
    }
	
	.post-title3 {
    margin: 0 auto;
    height: 160px;
    line-height: 0px;
    background-image: url(../img/title_sp.png);
    background-position: center;
    line-height: 1.3em;
}
	.post-title3 {
    font-family: "Yu Mincho", "YuMincho", serif;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    color: #fc7c8d;
		padding: inherit;
    /* padding-left: 30px; */
}
    .post-cat {
        font-size: 1rem;
        /*margin-top: 10px;*/
    }
    .post-title,
    .post-cat {
        /*margin-left: 80px;*/
		text-align: center;
		line-height: 2em;
    }

    /* MENU */
    .menu-content {
        margin-top: 20%;
    }

    /* CONTACT */
    #contact .page-title {
        margin-top: 40px;
    }

    /* フォーム */
    input[type="text"],
    input[type="email"],
    textarea {
        max-width: 100%;
    }

    /* 店舗情報・地図 / SNS */
    #location .wrapper,
    #sns .wrapper {
        flex-direction: column;
    }
    .location-info,
    .location-map,
    .sns-box {
        width: 100%;
    }
    .sns-box {
        margin-bottom: 30px;
    }
}
	
/*	////////////////////////////////////////////////////////////////////////// 
// スマホ向けのレイアウトの指定 ------------
////////////////////////////////////////////////////////////////////////*/

	@media (max-width: 600px) {
	.hideSp,
	.dispTab,
	.dispPc {
		display: none !important;
	}
	
	.w10,
	.w15,
	.w20,
	.w25,
	.w30{width: 45%;height: auto;}
	
	.w35,
	.w40,
	.w45,
	.w50,
	.w55,
	.w60,
	.w65,
	.w70,
	.w75,
	.w80,
	.w85,
	.w90,
	.w100 {width: 100%;height: auto;}
	
}

/* PC向けのレイアウトの指定  ------------*/
@media only screen and (min-width: 960px) {
  .hidePc,
  .dispTab,
  .dispSp,
  .dispPri {
    display: none !important; } }

/*========= ナビゲーションのためのCSS ===============*/
@media screen and (max-width:1300px) {

/*アクティブになったエリア*/
#g-nav.panelactive{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
	top: 0;
	width:100%;
    height: 100vh;
}

/*丸の拡大*/
.circle-bg{
    position: fixed;
	z-index:3;
    /*丸の形*/
    width: 100px;
    height: 100px;
    border-radius: 50%;
    /*background: #182578;*/
	background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
    /*丸のスタート位置と形状*/
	transform: scale(0);/*scaleをはじめは0に*/
	right:-50px;
    bottom:-50px;
    transition: all .6s;/*0.6秒かけてアニメーション*/
}

.circle-bg.circleactive{
	transform: scale(50);/*クラスが付与されたらscaleを拡大*/
}

/*ナビゲーションの縦スクロール*/
#g-nav-list{
    display: none;/*はじめは表示なし*/
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#g-nav.panelactive #g-nav-list{
     display: block; /*クラスが付与されたら出現*/
}

/*ナビゲーション*/
#g-nav ul {
	opacity: 0;/*はじめは透過0*/
    /*ナビゲーション天地中央揃え※レイアウトによって調整してください。不必要なら削除*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

/*背景が出現後にナビゲーションを表示*/
#g-nav.panelactive ul {
    opacity:1;
}

/* 背景が出現後にナビゲーション li を表示※レイアウトによって調整してください。不必要なら削除*/
#g-nav.panelactive ul li{
animation-name:gnaviAnime;
animation-duration:1s;
animation-delay:.2s;/*0.2 秒遅らせて出現*/
animation-fill-mode:forwards;
opacity:0;
}


/*リストのレイアウト設定*/
#g-nav li{
	text-align: center; 
	list-style: none;
    margin: 0 0 10px 0;
}

#g-nav li a{
	color: #fff;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}

    
}

@keyframes gnaviAnime{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

/*========= ナビゲーションのためのCSS ===============*/
@media screen and (max-width:1300px) {

/*アクティブになったエリア*/
#g-nav.panelactive{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
	top: 0;
	width:100%;
    height: 100vh;
}

/*丸の拡大*/
.circle-bg{
    position: fixed;
	z-index:3;
    /*丸の形*/
    width: 100px;
    height: 100px;
    border-radius: 50%;
    /*background: #182578;*/
	background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
    /*丸のスタート位置と形状*/
	transform: scale(0);/*scaleをはじめは0に*/
	right:-50px;
    bottom:-50px;
    transition: all .6s;/*0.6秒かけてアニメーション*/
}

.circle-bg.circleactive{
	transform: scale(50);/*クラスが付与されたらscaleを拡大*/
}

/*ナビゲーションの縦スクロール*/
#g-nav-list{
    display: none;/*はじめは表示なし*/
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#g-nav.panelactive #g-nav-list{
     display: block; /*クラスが付与されたら出現*/
}

/*ナビゲーション*/
#g-nav ul {
	opacity: 0;/*はじめは透過0*/
    /*ナビゲーション天地中央揃え※レイアウトによって調整してください。不必要なら削除*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

/*背景が出現後にナビゲーションを表示*/
#g-nav.panelactive ul {
    opacity:1;
}

/* 背景が出現後にナビゲーション li を表示※レイアウトによって調整してください。不必要なら削除*/
#g-nav.panelactive ul li{
animation-name:gnaviAnime;
animation-duration:1s;
animation-delay:.2s;/*0.2 秒遅らせて出現*/
animation-fill-mode:forwards;
opacity:0;
}


/*リストのレイアウト設定*/
#g-nav ul {
    display: flex;
    padding: 80px 0 0 1%;
}

#g-nav li{
	text-align: center; 
	list-style: none;
    margin: 0 0 10px 0;
}

#g-nav li a{
	color: #fff;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}

    
}

@keyframes gnaviAnime{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

/*===========================================================*/
/*機能編  5-2-1　3本線が×に*/
/*===========================================================*/


.openbtn{
    display: none;
}


@media screen and (max-width:1300px) {

.openbtn{
    display: block;
	position:fixed;
	top:0;
	left:0;
	z-index: 9999;/*ボタンを最前面に*/
	cursor: pointer;
    width: 94px;
    height:94px;
	background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
    /*background:#182578;*/
}
	
/*×に変化*/	
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 23px;
    height: 3px;
    border-radius: 2px;
	background-color: #fff;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:33px;	
}

.openbtn span:nth-of-type(2) {
	top:46px;
}

.openbtn span:nth-of-type(3) {
	top:58px;
}

.openbtn.active span:nth-of-type(1) {
    top: 41px;
    left: 28px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 52px;
    left: 28px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}
}

@media screen and (max-width:768px) {
    .openbtn{
        width:70px;
        height: 70px;
    }
/*×に変化*/	
.openbtn span{
    left: 17px;
 }

.openbtn span:nth-of-type(1) {
	top:20px;	
}

.openbtn span:nth-of-type(2) {
	top:33px;
}

.openbtn span:nth-of-type(3) {
	top:45px;
}

.openbtn.active span:nth-of-type(1) {
    top: 28px;
    left: 22px;
}

.openbtn.active span:nth-of-type(3){
    top: 40px;
    left: 22px;
}
    
}

.nav05b li{
    /*線の基点とするためrelativeを指定*/
  position: relative;
	margin: 0 5px;
  /*margin: 0 15px;*/
	/*padding: 5px;*/
	margin-bottom: 20px
}

@media (max-width: 600px){
.nav05b li{
    /*線の基点とするためrelativeを指定*/
  margin: 0 4px;
}
}

/*線の基点位置*/
.nav05b li::before,
.nav05b li::after{
  content:"";
    /*絶対配置で線の位置を決める*/
  position: absolute;
    /*線の形状*/
  width: 0;
  height:2px;
	background-color: #fb7e7e;
    background-image: linear-gradient(62deg, #fb7e7e 0%, #f7a068 100%);
  /*background:#182578;*/
/*アニメーションの指定*/
  transition: all 0.2s linear;
  transition-delay: 0.2s;
}
@media screen and (max-width:1300px) {
/*線の基点位置*/
.nav05b li::before,
.nav05b li::after{
  background:#fff;
    }
}

.nav05b li::before{
  right: 0;
  top: 0;
}
.nav05b li::after{
  left: 0;
  bottom: 0;
}

/*線の基点位置2 spanタグ*/

.nav05b li span{
  display: block;
    color: #9d72a6;
    /*font-weight: bold;*/
	font-weight: inherit;
	padding: 5px;
	font-size: 0.9em;
}

.nav05b li span::before,
.nav05b li span::after{
  content:"";
    /*絶対配置で線の位置を決める*/
  position: absolute;
    /*線の形状*/
  width:1px;
  height:0;
	background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
  /*background: #182578;*/
/*アニメーションの指定*/
  transition: all 0.2s linear;
}

.nav05b li span::before{
  left: 0;
  top: 0;
}
.nav05b li span::after{
  right: 0;
  bottom: 0;
}

/*現在地とhoverした際の線の変化*/

.nav05b li.current::before,
.nav05b li.current::after,
.nav05b li:hover::before,
.nav05b li:hover::after{
  width: 100%;/*横幅を100%に*/
}

.nav05b li.current span::before,
.nav05b li.current span::after,
.nav05b li:hover span::before,
.nav05b li:hover span::after{
  height: 100%;/*縦幅を100%に*/
}



.menu-btn {
    position: fixed;
    top: 0px;
	left: 0px;
    /*right: 10px;*/
    display: flex;
    height: 70px;
    width: 70px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #FBAB7E;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #3584bb;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    list-style: none;
    animation-name: gnaviAnime;
    animation-duration: 1s;
    animation-delay: .2s;
    animation-fill-mode: forwards;
    width: 250px;
    opacity: 0;
    /* text-align: center; */
    margin: 0 auto;
}

/*.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}*/
.menu-content ul li a {
    /*display: block;*/
    width: 100%;
    font-size: 20px;
    box-sizing: border-box;
    /*color: #ffffff;*/
    /*text-decoration: none;
    padding: 9px 15px 10px 0;*/
    position: relative;
    text-align: center;
    list-style: none;
    /*margin: 0 0 10px 0;*/
    color: #9d72a6;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
}
/*.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}*/

.menu-content {
    width: 100%;
	height: 800px;
    /*height: 100%;*/
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #FBAB7E;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
    transition: all 0.5s;/*アニメーション設定*/
	margin-top: 70px;/*上のすきまをうめる*/
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

/* header */
/*英語、コンタクトボタン*/

#header{
    background:#fff;
}

#header h1{
	font-family: 'Alex Brush', cursive, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	    font-size: 3rem;
    /*font-size: 1.5rem;*/
    /*letter-spacing: 0.1em;*/
    position: absolute;
    top: 1px;
    left:50%;
    transform: translateX(-50%);
    color:#fb7c8d;
}

#header ul#utility-navi{
    position: fixed;
    top:0;
    right:0;
    z-index: 999;
    display: flex;
    font-size: 0.8rem;
	font-family: serif;
}

#header ul#utility-navi li{
    text-align: center;
	list-style:none;
}

#header ul#utility-navi li span{
    display: block;
}

#header ul#utility-navi li a {
    color: #fff;
    padding: 39px 0;
    display: block;
    width: 120px;
    transition: all .5s;
}

#header ul#utility-navi li img{
    width:35%;
}  

#header ul#utility-navi li:first-child a{
	background: #d70f9c;
     /*background:#666;*/
}

#header ul#utility-navi li:first-child a:hover{
     background:#f4b4d6;   
}

#header ul#utility-navi li:last-child a{
	background-color: #fb7e7e;
    background-image: linear-gradient(62deg, #fb7e7e 0%, #f7a068 100%);
     /*background:#182578;*/
}

#header ul#utility-navi li:last-child a:hover{
	background: #fac27c;
     /*background:#1e2f98;*/
}

@media screen and (max-width:768px) {

#header h1{
    top:9px;
    transform: translateX(-70%);
}
 
#header ul#utility-navi li span{
    display:none;
}

#header ul#utility-navi li a{
    width: 70px;
    height: 70px;
    padding: 0;
}
    
#header ul#utility-navi li img {
    width: 45%;
    margin: 17px 0 0 0px;
}
   
}

@media screen and (max-width:530px) {
#header h1 {
    font-size: 1.3rem;
    line-height: 1em;
    top: 18px;
    transform: translateX(-64%);
}
	
#header ul#utility-navi li:first-child{
    /*display: none;*/    
}

#header ul#utility-navi li:last-child a{
     /*background:#666;*/
}

#header ul#utility-navi li:last-child a:hover{
         background: #fb7f7f;   
}
}

/*===========================================================*/
/*スクロール途中でヘッダーが消え、上にスクロールすると復活*/
/*===========================================================*/

#header{
    /*fixedで上部固定*/
	position: fixed;
	width:100%;
    height: 150px;
    z-index: 99;
	/*以下はレイアウトのためのCSS*/
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width:768px) {
#header{
    height:70px;    
}
    
}

/*　上に上がる動き　*/

#header.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

/*　下に下がる動き　*/

#header.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}


/*　囲み　*/
.box3 {
font-size: 1.2em;
    background-color: #fcf2b838;
    padding: 0.5em 1em;
    margin: 2em auto;
    border: double 5px #e6cdc2;
    width: 80%;
}

.box3 p {
    margin: 0; 
    padding: 0;
}

@media screen and (max-width:768px) {
.box3 {
font-size: 1.2em;
    width: 100%;
}
}


.box-design1 {
  margin: 20px auto;
  padding: 20px;
  background-color: #e1eef5;
  box-shadow: 7px -7px #4c9ac0;
}

/*== ボタン共通設定 */
.btn{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
	overflow: hidden;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
   	border: 1px solid #333;/* ボーダーの色と太さ */
    padding: 40px 8px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
}

.btn.bgcenterout {
    border: 1px solid #f79b6b;
    padding: 8px 40px;
    background-color: #f79b6b;
	margin-bottom: 40px;
}

/*ボタン内spanの形状*/
.btn span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#333;
	font-size: 1.2em;
}


@media screen and (max-width:768px) {
.btn span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#333;
	font-size: 1.2em;
}
}

.btn:hover span{
	color:#fff;
}

.btn.bgcenterout span{
	color:#fff;
}

.btn.bgcenterout:hover span{
	color:#333;
}
/*== ボタン共通設定 */


/*== 中央から横全体 */
.bgcenterx:before {
	content: '';
    /*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
    /*色や形状*/
	background: #333;
	width: 100%;
	height: 100%;
    /*アニメーション*/
	transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform: scale(0, 1);
	transform-origin: top;
}

/*hoverした際の形状*/
.bgcenterx:hover:before{
	transform:scale(1, 1);
}


/*== 中央から外 */
.bgcenterout:before {
	content: '';
    /*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
    /*色や形状*/
	background: #fff;
	width: 100%;
	height: 100%;
    /*アニメーション*/
	transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform: scale(0, 0);
	transform-origin:center;
}

/*hoverした際の形状*/
.bgcenterout:hover:before{
	transform:scale(1, 1);
}

/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background: #fc7c8d;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}


/*コラム一覧　ボーダー付きの縦並びのリストです*/
.borderList {
  /*max-width: 700px;*/
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #777;
  list-style: none;
  padding-left: 0;}

.borderList:last-child {
    margin-bottom: 0;
  }
.borderList_item {
    border-bottom: 1px solid #777;
  }


/*コラム一覧　ページ送り（Pagination）のCSSです*/
.pagination {
   display: flex;
   justify-content: center;
   margin-top: 2.5em;
   /* border: solid 2px #111; */
   /* border-radius: 9999px; */
   overflow: hidden;
}
.pagination > * + * {
   border-left: solid 1px #FFF;
}
.pagination-item-link {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   width: 45px;
   height: 45px;
   background: #FFF;
   border: solid 2px #f8996c; 
   /* font-size: 14px; */
   color: #8e8667;
   font-weight: bold;
   transition: all 0.15s linear;
}
.pagination-item-link.is_before {
   border-radius: 20px 0px 0px 20px;
}
.pagination-item-link.is_after {
   border-radius: 0px 20px 20px 0px;
}
.pagination-item-link.is_active {
   background: #f8996c;
   color: #FFF;
   pointer-events: none;
}
.pagination-item-link:not(.is_active):hover {
   background: #f8996c;
   color: #FFF;
}


/*リストに使うカード（画像+テキストのセット）です*/
.listCard {
  display: grid;
  grid-template:
    "image title" 36px
    "image text " 1fr
    "image more " 20px/
    120px 1fr;
  margin-bottom: 0;
  padding: 10px;
  gap: 10px;
	  }

 .listCard:hover {
    background-color: #eee;
  }
 .listCard .listCard_title {
    grid-area: title;
    margin-bottom: 30px;
    margin-top: 50px;
    margin-left: 30px;
    align-self: center;
    font-size: 24px;
    font-weight: bold;
   color: #8e8667;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.listCard .listCard_title span {
    /* grid-area: title; */
    /* margin-bottom: 30px; */
    /* margin-top: 50px; */
    /* margin-left: 30px; */
    align-self: center;
    font-size: 20px;
    font-weight: bold;
    color: #fd7c8d;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    white-space: nowrap;
}
.listCard .listCard_text {
    grid-area: text;
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 14px;
    color: #443422;
    margin-left: 30px;
    overflow: hidden;
    max-height: 5.5em;
}
 .listCard .listCard_image {
grid-area: image;
    width: 100%;
    height: 120px;
    object-fit: cover;
    align-self: center;
    margin-top: 10px;
}
 .listCard .listCard_more {
    grid-area: more;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
    color: rebeccapurple;
  }
/*スマートフォン用のレイアウト指定*/
@media (max-width: 768px) {
  .listCard {
    grid-template:
      "image" 120px
      "title" 36px
      "text " 1fr
      "more " 20px/
      1fr;
	    }

  .listCard .listCard_image {
    width: auto;
    justify-self: center;
    margin-top: 50px;
	}
}

/*無難なフォント指定*/
/*body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
}*/
/*リンクのtext-decorationを消すやつ*/
a {
  text-decoration: none;
}


/* タブレット表示 */
@media screen and (min-width:561px) and ( max-width:959px) {
	.menu-btn{
		width: 130px;
		height: 150px;
	}

	.openbtn {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		cursor: pointer;
		width: 130px;
		height: 150px;
		background-color: #FBAB7E;
		background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
		/* background: #182578; */
	}
	#header h1 {
     font-size: 2.5rem; 
    letter-spacing: 0.1em;
    line-height: 1.1em;
    position: absolute;
    padding: 10px auto;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    color: #fb7c8d;
    height: 300px;
}
	#header {
    background: #fff;
    height: 150px;
	}
}