/* body */
body {
	color:#7b6459;
	margin:0px;
	padding:0px;
	background:#fff6fa url(bg1.gif) repeat-y;
	background-position:center;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;myfont;
}

/* テーブル・段落 */
td { font-size:18px; line-height:150%; color:#7b6459; }
p  { margin:8px 12px; line-height:140%; }


/* 画像 */
img { max-width:100%; height:auto; }



/* リンク */
a       { color:#ff66b3; text-decoration:none; }
a:hover { color:#ff007f; text-decoration:none; background-color:none; }



/* fontawesome 文字色*/
.my-color{ 
    color:#00a497;
 }
.fa-large{ 
    font-size:40px;
 }

/* fontawesome 文字を左寄せに*/
.left{ 
    color:#00a497;
 }



/* ■通常のリストタグ■ */
ul {
  color: #7b6459;
  padding: 0 0.5em 0 1em; /* 左にできる隙間を消す 上・右・下・左  */
  line-height:120%;
}

/* ■特定■のリストタグ１（左寄せ） */
.list1 {
    text-align: left;
    color:#7b6459;
    font-weight:bold;
     }

/* ■特定■のリストタグ2（タグ・無し） */
.list2 {
  list-style-type: none;
  padding: 0; /* 左にできる隙間を消す */
  color: #7b6459;
}

/* ■特定■のリストタグ3（※米印・左寄せ） */
.list3 {
  color: #7b6459;
  text-align: left;/* （左寄せ） */
  list-style-type: none;
  text-indent: -1em;
}
ul.list3 li:before {
  display: inline;
  content: "※";
}



/* リストタグでQ&AのA */
ol{
    list-style :upper-alpha;
   padding-left:40px;/* インデント狭く） */
   padding-right:20px;/* インデント狭く） */
   color:#00a497;
}

/* ☆【Q＆A】 */
dl.faq dt:before,
}
dl.faq dt:before{
  content:"A.";
  color: #7b6459;
}


/* ■タイトル画像の上に文字!■ */
.t-mozi {
  position: relative;
  }

.t-mozi li{
  position: absolute;
  list-style:none;
  padding:0.5em;
  }

.t-mozi .mozi {
  color:#00a497;
  font-size:1em;
  font-weight:bold;
  text-align:right;
  bottom: 0.3em;
  left: 30%;
  margin:0.5em;
  padding:0.5em;
  }

.t-mozi .buttom {
  color:#00a497;
  font-size:1em;
  font-weight:bold;
  bottom: 0.3em;
  right: 1.5em;
  margin:0.5em;
  padding:0.5em;
  }

.t-mozi  img {
  width: 100%;
  }


/* ---------------------------むらさき２重線--------------------------- */
/* ●box4むらさき２重線囲み枠（ふとい線・中せまい）● */
.box4 {
    padding: 0.1em 0.1em;
    margin: 0.1em 1em 1em 1em;
    border: double 15px #ddbcff;
　　background:#ffffff;
}
.box5 p {
    margin: 0; 
    padding: 0;
}


/* ●むらさき２重線囲み枠（細い線）● */
.box5 {
    padding: 0.5em 1em;
    margin: 0.5em 1em;
    border: double 5px #ddbcff;
　　background:#ffffff;
}
.box5 p {
    margin: 0; 
    padding: 0;
}


/* ●むらさき２重線囲み枠(料金ページ）● */
.box6 {
    padding: 1em 0.5em;
    margin: 1em 1em;
    border: double 15px #ddbcff;
　　background:#ffffff;
}
.box6 p {
    margin: 0; 
    padding: 0;
}


/* ---------------------------緑ステッチワク--------------------------- */
/* ●box13・緑ステッチ丸ワク・文章左寄せ(お知らせ)● */
.box13 {
    font-size:18px;
    text-align: left;
    line-height:130%;
    color: #7b6459;
    font-weight:bold;
    padding: 0.5em 1.2em;
    padding-top:0.5em;
    margin: 0.7em 1em 1em 1em;/* ふきだし外白い余白 */
    color: #565656;
    background: #fff6fa;
    box-shadow: 0px 0px 0px 10px #fff6fa;/* 縁取り外のピンク余白 */
    border: dashed 4px #ff4da6;
    border-radius: 15px;
}


/* ●box14・緑ステッチ丸ワク・文章中央(せまい)● */
.box14 {
    font-size:18px;
    text-align: center;
    line-height:130%;
    color: #7b6459;
    font-weight:bold;
    padding: 0.5em 1.2em;
    padding-top:1.5em;
    margin: 1em 1em;
    color: #565656;
    background: #fff6fa;
    box-shadow: 0px 0px 0px 20px #fff6fa;
    border: dashed 4px #ff4da6;
    border-radius: 15px;
}



/* ●box15・緑ステッチ丸ワク・文章中央(indexページ)● */
.box15 {
    font-size:20px;
    text-align: center;
    line-height:130%;
    color: #7b6459;
    font-weight:bold;
    padding: 0.7em 3em;
    padding-top:1.5em;
    margin: 1em 1em;
    color: #565656;
    background: #fff6fa;
    box-shadow: 0px 0px 0px 20px #fff6fa;
    border: dashed 4px #ff4da6;
    border-radius: 15px;
}

/* ●box16・緑ステッチ丸ワク・box15の文章左よせ● */
.box16 {
    font-size:20px;
    text-align: center;
    line-height:130%;
    color: #7b6459;
    font-weight:bold;
    padding: 0.7em 0.7em;
    padding-top:1.5em;
    margin: 1em 1em;
    color: #565656;
    background: #fff6fa;
    box-shadow: 0px 0px 0px 20px #fff6fa;
    border: dashed 4px #ff4da6;
    border-radius: 15px;
}

.box16 p {
    text-align: left;
    line-height:130%;
}


/* ●box17・緑ステッチ丸ワク・文章中央(リスト左寄せ)● */
.box17 {
    font-size:20px;
    text-align: center;
    line-height:130%;
    color: #7b6459;
    font-weight:bold;
    padding: 0.7em 2.5em 0.7em 4em; /* 上・右・下・左 */
    padding-top:1.5em;
    margin: 1em 1em;
    color: #565656;
    background: #fff6fa;
    box-shadow: 0px 0px 0px 20px #fff6fa;
    border: dashed 4px #ff4da6;
    border-radius: 15px;
}

.box17 li {
    text-align: left;
    line-height:130%;
    padding: 0;
}





/* ---------------------------ミントグリーンワク--------------------------- */
/* ステッチ囲み文字大きめ・内側せまい・色うすい#33b6ab(Q＆A） */
.box19 {
    text-align: left;
    color: #7b6459;
    padding: 0.5em 1.7em;
    margin: 1em 1em;
    background: #f0fff0;/* ミント丸ステッチワク */
    box-shadow: 0px 0px 0px 20px #f0fff0;/* ミント丸ステッチワク */
    border: dashed 4px #33b6ab;/* ミント丸ステッチワク */
    border-radius: 15px;/* ミント丸ステッチワク */
}
.box19 p {
    font-size:22px;
    text-align: left;
    margin: 0; 
    padding: 0;
}


/* ステッチ囲み文字内側せまい（Q＆A） */
.box20 {
    font-size:20px;
    text-align: left;
    color: #7b6459;
    padding: 0.5em 1em;
    margin: 1em 1em;
    background: #f0fff0;/* ミント丸ステッチワク */
    box-shadow: 0px 0px 0px 20px #f0fff0;/* ミント丸ステッチワク */
    border: dashed 4px #00a497;/* ミント丸ステッチワク */
    border-radius: 15px;/* ミント丸ステッチワク */
}
.box20 p {

    text-align: left;
    margin: 0; 
    padding: 0;
}


/* ステッチ囲み文字内側ひろい（早朝料金無料） */
.box21 {
    text-align: left;
    color: #7b6459;
    padding: 2em 2em;
    margin: 1em 1em;
    background: #f0fff0;/* ミント丸ステッチワク */
    box-shadow: 0px 0px 0px 20px #f0fff0;/* ミント丸ステッチワク */
    border: dashed 4px #00a497;/* ミント丸ステッチワク */
    border-radius: 15px;/* ミント丸ステッチワク */
}
.box21 p {
    text-align: left;
    margin: 0; 
    padding: 0;
}

/* ●box22・緑ステッチ丸ワク中ひろい・文章中央・色うすい#7fd1cb（）● */
.box22 {
    font-size:22px;
    text-align: center;
    color: #7b6459;
    padding: 1.5em 1.5em;
    margin: 1em 1em;
    background: #f0fff0;
    box-shadow: 0px 0px 0px 20px #f0fff0;
    border: dashed 4px #7fd1cb;
    border-radius: 15px;
}
.box22 .text {
    text-align: left;
   line-height:120%;
}

/* ●box23・緑ステッチ丸ワク中せまい・文章中央・色うすい#3fbab1（）● */
.box23 {
    font-size:22px;
    text-align: center;
    color: #7b6459;
    padding: 0.5em 0.5em;
    margin: 1em 1em;
    background: #f0fff0;
    box-shadow: 0px 0px 0px 20px #f0fff0;
    border: dashed 4px #3fbab1;
    border-radius: 15px;
}
.box23 .text {
    text-align: left;
   line-height:120%;
}


/* ●box24・緑ステッチ丸ワク中せまい・文章中央・色うすい#7fd1cb（）● */
.box24 {
    font-size:22px;
    text-align: center;
    color: #7b6459;
    padding: 0.1em 0.1em;
    margin: 0.1em 0.1em;
    background: #f0fff0;
    box-shadow: 0px 0px 0px 20px #f0fff0;
    border: dashed 4px #7fd1cb;
    border-radius: 15px;
}
.box24 .text {
    text-align: center;
   line-height:120%;
}

/* ステッチ囲み文字内側ひろい文字センター（3流れ） */
.box25 {
    text-align: center;
    color: #7b6459;
    padding: 1.1em 2em;
    margin: 0.5em 0.5em;
    background: #f0fff0;/* ミント丸ステッチワク */
    box-shadow: 0px 0px 0px 20px #f0fff0;/* ミント丸ステッチワク */
    border: dashed 4px #00a497;/* ミント丸ステッチワク */
    border-radius: 15px;/* ミント丸ステッチワク */
}
.box25 p {
    text-align: center;
    margin: 0; 
    padding: 0;
}

/* ステッチ囲み文字内側ひろい文字センター（3流れ） */
.box26 {
    text-align: center;
    color: #7b6459;
    padding: 2em 2em;
    margin: 0.5em 0.5em;
    background: #f0fff0;/* ミント丸ステッチワク */
    box-shadow: 0px 0px 0px 20px #f0fff0;/* ミント丸ステッチワク */
    border: dashed 4px #00a497;/* ミント丸ステッチワク */
    border-radius: 15px;/* ミント丸ステッチワク */
}
.box26 p {
    text-align: left;
    margin: 0; 
    padding: 0;
}



/* ★【本文】バルーン */
.balloon1 {
   position: relative;
  display: inline-block;
  margin: 0.9em 0;
  padding: 1.3em 1.3em;
  min-width: 120px;
  max-width: 100%;
  color:#7b6459;
  font-size: 20px;
  background: #FFF;
  border: solid 3px #f0fff0;
  box-sizing: border-box;
  border-radius:15px;
  text-align:center;
}
.balloon1 .text {
    text-align: left;
    display: inline-block;
}

/* ★バルーン2 */
.balloon2 {
    padding:1em 1em;/* 枠の中の余白「上下」「左右」 */
    margin:1em 1em;/* 枠の外の余白「上・右・下・左」 */
    color: #7b6459;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    border-radius: 15px;
    text-align:center;
    font-size:1.2em;
}
.balloon2 .text {
    text-align: left;
    display: inline-block;
}




/* ---------------------------文字--------------------------- */
/* 文字45 */
.mozi45 {
   font-size:45px;
   font-weight:bold;
   color:#7b6459;
   line-height:55px;
}

/* 文字35 */
.mozi35 {
   font-size:35px;
   font-weight:bold;
   color:#7b6459;
   line-height:38px;
}

/* 文字33 */
.mozi33 {
   font-size:33px;
   font-weight:bold;
   color:#7b6459;
   line-height:35px;
}

/* 文字33ピンク */
.mozi33c {
   font-size:33px;
   font-weight:bold;
   color:#ff66b3;
   line-height:35px;
}

/* 文字31 */
.mozi31 {
   font-size:31px;
   font-weight:bold;
   color:#7b6459;
   line-height:35px;
}

/* 文字30 */
.mozi30 {
   font-size:30px;
   font-weight:bold;
   color:#7b6459;
   line-height:120%;
}

/* 文字30ピンク */
.mozi30c {
   font-size:30px;
   font-weight:bold;
   color:#ff66b3;
   line-height:120%;
}


/* 文字28 */
.mozi28 {
   font-size:28px;
   font-weight:bold;
   color:#7b6459;
   line-height:120%;
}

/* 文字28ピンク */
.mozi28c {
   font-size:28px;
   font-weight:bold;
   color:#ff66b3;
   line-height:120%;
}


/* 文字27ボールド */
.mozi27 {
   font-size:28px;
   font-weight:bold;
   color:#7b6459;
   line-height:120%;
}


/* 文字25ボールド */
.mozi25b {
   font-size:25px;
   font-weight:bold;
   color:#7b6459;
   line-height:120%;
}

/* 文字22 */
.mozi22 {
   font-size:22px;
   line-height:120%;
   color:#7b6459;
}

/* 文字22ボールド */
.mozi22b {
   font-size:22px;
   line-height:120%;
   font-weight:bold;
   color:#7b6459;
}

/* 文字22ピンクボールド */
.mozi22c {
   font-size:22px;
   line-height:120%;
   font-weight:bold;
   color:#ff66b3;
}

/* 文字21ボールド */
.mozi21b {
   font-size:21px;
   line-height:120%;
   font-weight:bold;
   color:#7b6459;
}


/* 文字20ボールド */
.mozi20b {
   font-size:20px;
   line-height:120%;
   font-weight:bold;
   color:#7b6459;
}

/* 文字20 */
.mozi20 {
   font-size:20px;
   line-height:120%;
   color:#7b6459;
}

/* 文字20赤色ボールド */
.mozi20c {
   font-size:20px;
   line-height:120%;
   font-weight:bold;
   color:#ff66b3;
}

/* 文字18 */
.mozi18 {
   font-size:18px;
   line-height120%;
   color:#7b6459;
}

/* 文字18ボールド */
.mozi18b {
   font-size:18px;
   line-height:120%;
   font-weight:bold;
   color:#7b6459;
}

/* 文字15 */
.mozi15 {
   font-size:15px;
   color:#7b6459;
   line-height:120%;
}


/* 文字15ボールド */
.mozi15b {
   font-size:15px;
   color:#7b6459;
   font-weight:bold;
   line-height:120%;
}

/* ---------------------------文字かざり--------------------------- */
/* 緑の基本囲み文字 */
.kihon {
   font-size:20px;
   line-height:24px;
   font-weight:bold;
   color:#00a497;
   border:3px solid #00a497;
   border-radius:5px;
}


/* 地図タイトル文字 */
.tchizu {
   font-size:27px;
   line-height:40px;
   font-weight:bold;
   text-align: center;
}

/* 地図本文文字 */
.chizu {
   font-size:20px;
   line-height:30px;
   color:#000000;
}



/* ▲【ストライプ】直接問合せボタン▲ */
.box2 {
    font-size:2.0em;
    padding: 0.1em 0.3em;/* ボタンの中の余白「上下」「左右」 */
    margin: 0.1em 2.5em;/* ボタンの外の余白「上下」「左右」 */
    color: #ff007f;
    text-align:center;
    font-weight:bold;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    border-radius: 35px;
    background: -webkit-repeating-linear-gradient(-45deg, #f5edfd, #f5edfd 5px, #fdfcff 5px, #fdfcff 10px);
    background: repeating-linear-gradient(-45deg, #f5edfd, #f5edfd 5px, #fdfcff 5px, #fdfcff 10px);
}



/* ▲【ストライプ】ピンク大文字▲ */
.stripe1 {
    font-size:1.9em;
    margin: 0.1em 0;
    color: #ff66b3;
    font-weight:bold;
    background: -webkit-repeating-linear-gradient(-45deg, #f5edfd, #f5edfd 5px, #fdfcff 5px, #fdfcff 10px);
    background: repeating-linear-gradient(-45deg, #f5edfd, #f5edfd 5px, #fdfcff 5px, #fdfcff 10px);
    text-align:center;
}



/* ♪【下部分】ストライプ枠 */
.stripe2 {
    font-size:1.9em;
    margin: 0.1em 0;
    padding: 0.3em;
    color: #ff66b3;
    font-weight:bold;
    background: -webkit-repeating-linear-gradient(-45deg, #f5edfd, #f5edfd 5px, #fdfcff 5px, #fdfcff 10px);
    background: repeating-linear-gradient(-45deg, #f5edfd, #f5edfd 5px, #fdfcff 5px, #fdfcff 10px);
}

/* --------------▲上下メニューバー・サイドバー-------------- */
/* ▼上部トップメニューバー▼ */
.top1  {
    font-size:1.3em;
    color: white;
    text-align:center;
   font-weight:bold;
   background:#ff4da6;
}

/* ▲下部メニューバー▲ */
.hyou  {
    font-size:18px;
    color: #7b6459;
    text-align:center;
    font-weight:bold;
    border:1px solid #;
   line-height:20px;
   background: white;
}


/* ▲下部メニューバー▲ */
.menu2  {
    padding: 0.1em 0.1em;/* 枠の中の余白「上下」「左右」 */
    font-size:20px;
    color: #7b6459;
    align: center;
   line-height:24px;
   font-weight:bold;
   background: white;
}


/* ▲サイドバー下部▲ */
.side1  {
    padding: 0.1em 0.1em;/* 枠の中の余白「上下」「左右」 */
    font-size:16px;
    color: #9d35b2;
    text-align:left;
   line-height:20px;
   font-weight:bold;
   background: -webkit-repeating-linear-gradient(-45deg, #f5edfd, #f5edfd 5px, #fdfcff 5px, #fdfcff 10px);
}


/* ●トップバーむらさきドット枠● */
.girly_btn_1 {
    background: #e8d1ff;/* 背景色 */
    font-size:1.3em;
    padding: 0.1em 0.1em;/* 余白 */
    position: relative;
    width:95%;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: 0;
    color: white;/* 文字の色 */
    box-shadow: 0 0 0 2px #ffffff, 0 2px 3px 4px rgba(0,0,0,0.2);/* 縁取り・影 */
    border: 2px dashed #fff;/* 点線の色・サイズ */
}


table.dashed1 { 
     border:6px dashed white;
     border-collapse:collapse;
}

tr.dashed1 { 
     border:6px dashed white;
     border-collapse:collapse;
}

td.dashed1 { 
     border:6px dashed white;
     border-collapse:collapse;
}

table.dotted1 { 
     border:6px dotted white;
     border-collapse:collapse;
}

tr.dotted1 { 
     border:6px dotted white;
     border-collapse:collapse;
}
td.dotted1 { 
     border:6px dotted white;
     border-collapse:collapse;
     width:20%;

}



/* ■■■画像２つ並べる■■■ */
.top2-banner{
	display: flex;
	flex-wrap:wrap;
        list-style:none;
}
.top2-banner li {
	width: calc(100%/2);/*←画像を横に2つ並べる場合*/
	padding:0 10px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
        list-style:none;
}
.top2-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
        list-style:none;
}


/* ■■■画像３つ並べる■■■ */
.top3-banner{
	display: flex;
	flex-wrap:wrap;
        list-style:none;
}
.top3-banner li {
	width: calc(100%/3);/*←画像を横に3つ並べる場合*/
	padding:0 15px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
        list-style:none;
}
.top3-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
        list-style:none;
}


/* 画像5つ並べる */
.top5-banner{
	display: flex;
	flex-wrap:wrap;
        list-style:none;
}
.top5-banner li {
	width: calc(100%/5);/*←画像を横に5つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
        list-style:none;
}
.top5-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
        list-style:none;
}



/* ▲▲▲ｈ１〜ｈ４▲▲▲ */
h1 { color:white;font-size:1.3em; margin:0px 0px;text-align:center; }

h2 {
  font-size:1.6em;
  margin-top:5px;margin-bottom:10px;
  padding: 0.1em 0.1em;
  text-align:center;
  background: #ff4da6;
  color:white;
  box-shadow: 0px 0px 0px 5px #ff4da6;
  border: dashed 2px white;
  line-height: 150%;/*行高*/
}

h3{
  font-size: 1.6em;/*サイズ*/
  text-align:center;
  position: relative;/*相対位置*/
  padding: 0 0 0 1.2em;/*アイコン分のスペース*/
  line-height: 150%;/*行高*/
  color: #7b6459;/*文字色*/
  margin-top:0em;margin-bottom:0.2em;
  border-bottom: 10px solid #e8d1ff;

}

h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1fc";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.5em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #e8d1ff; /*アイコン色*/
}

h4 {
  color: #ff66b3;/*文字色*/
  font-size: 1.5em;/*サイズ*/
  font-weight:bold;
  border-top: solid 3px #ff66b3;/*上線*/
  border-bottom: solid 3px #ff66b3;/*下線*/
}

