@charset "utf-8";
/* CSS Document */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

/* table 16
----------------------------------------------- */
table.t16,th.t16,td.t16,td.t16a,td.t16v,td.t16av,td.t16b,td.t16c,td.t16x,td.t16ax,td.t16r {
  margin: 15px 0px 30px 0px;
  text-align: center;
  vertical-align: top;
  border-collapse: collapse;
  border-collapse:separate;
  border-spacing: 0;
  width: 100%;
}
table th.t16:last-child{
  border-radius: 8px 8px 0px 0px;
  border-top: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
}
table th.t16{
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  font-size:16px;
  color: #ffffff;
  background: #c763a2;
  text-align: left;
  vertical-align: top;
  width: 20%;
  padding: 28px 0px 28px 28px;
  border-top: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
}
table td.t16{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 26px;
  font-size:14px;
  color: #808073;
  background: #ffffff;
  text-align: left;
  vertical-align: top;
  width: 20%;
  padding: 21px 15px 20px 20px;
  border-top:none;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
table td.t16a{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 26px;
  font-size:14px;
  color: #808073;
  background: #fbfbf7;
  text-align: left;
  vertical-align: top;
  width: 20%;
  padding: 21px 15px 20px 20px;
  border-top:none;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
table td.t16b{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 26px;
  font-size:14px;
  color: #808073;
  background:#fbfbf7;
  text-align: left;
  vertical-align: top;
  width: 20%;
  padding: 21px 15px 20px 20px;
  border-top:none;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
table td.t16c{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 26px;
  font-size:14px;
  color: #808073;
  background: #ffffff;
  text-align: left;
  vertical-align: top;
  width: 20%;
  padding: 21px 15px 20px 20px;
  border-top:none;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
table tr.t16:last-child td:first-child {
  border-radius: 0px 0px 0px 8px;
}
table tr.t16:last-child td:last-child {
  border-radius: 0px 0px 8px 0px;
}
table tr.t16c:last-child td:first-child {
  border-radius: 0px 0px 0px 8px;
}
table td.t16:last-child{
  border-right: 1px solid #f5f5f5;
}
table td.t16a:last-child{
  border-right: 1px solid #f5f5f5;
}
table td.t16av:last-child{
  border-right: 1px solid #f5f5f5;
}
table td.t16v:last-child{
  border-right: 1px solid #f5f5f5;
}
table td.t16b:last-child{
  border-right: 1px solid #f5f5f5;
}
table td.t16c:last-child{
  border-right: 1px solid #f5f5f5;
}
table tr.t16c:last-child td.t16x:last-child {
  border-radius: 0px 0px 8px 8px;
}
table td.t16v{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.09em;
  line-height: 26px;
  font-size:14px;
  color: #808073;
  background: #ffffff;
  text-align: right;
  vertical-align: top;
  border-top:none;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  width: 20%;
  padding: 21px 20px 20px 20px;
}
table td.t16av{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.09em;
  line-height: 26px;
  font-size:14px;
  color: #808073;
  background: #fbfbf7;
  text-align: right;
  vertical-align: top;
  border-top:none;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  width: 20%;
  padding: 21px 20px 20px 20px;
}
table th.t16av:last-child{
  border-right: 1px solid #f5f5f5;
}
table td.t16v:last-child{
  border-right: 1px solid #f5f5f5;
}
table td.t16ax{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 26px;
  font-size:14px;
  color: #808073;
  background: #fbfbf7;
  text-align: left;
  vertical-align: top;
  border-top:none;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  width: 20%;
  padding: 21px 15px 20px 20px;
}
table td.t16ax:last-child{
  border-right: 1px solid #f5f5f5;
}
table tr.t16ax:last-child td.t16ax:last-child {
  border-radius: 0px 0px 8px 8px;
}
table td.t16x{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 26px;
  font-size:14px;
  color: #808073;
  background: #ffffff;
  text-align: left;
  vertical-align: top;
  border-top:none;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  width: 20%;
  padding: 21px 15px 20px 20px;
}
table td.t16x:last-child{
  border-right: 1px solid #f5f5f5;
}
table tr.t16x:last-child td.t16x:last-child {
  border-radius: 0px 0px 8px 8px;
}

/* 0
---------------------- */
table td.t16r{
  background: #fbfbf7;
  border-top:none;
  border-bottom:none;
  border-left: 1px solid #f5f5f5;
  width: 20%;
  padding: 0px 0px 0px 0px;
}
table td.t16r:last-child{
  border-right: 1px solid #f5f5f5;
}
/* table 20
----------------------------------------------- */
table.t20,td.t20,td.t20a,td.t20c,td.t20b,td.t20w,td.t20ww, {
  text-align: center;
  vertical-align: top;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  border: none;
}
table td.t20{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 25px;
  font-size:13px;
  color: #808073;
  background: #fbfbf7;
  text-align: right;
  vertical-align: top;
  padding: 5px 15px 0px 15px;
  margin: 0px 0px 0px 0px;
}
table td.t20c{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 25px;
  font-size:13px;
  color: #808073;
  background: #fbfbf7;
  text-align: left;
  vertical-align: top;
  padding: 5px 15px 0px 15px;
  margin: 0px 0px 0px 0px;
}
table td.t20a{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 13px;
  font-size:13px;
  color: #808073;
  background: #fbfbf7;
  text-align: left;
  vertical-align: top;
  padding: 15px 15px 0px 15px;
  margin: 0px 0px 0px 0px;
}
table td.t20b{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 13px;
  font-size:13px;
  color: #808073;
  text-align: left;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
table td.t20w{
  font-family: "Font Awesome 6 Free";
  line-height: 13px;
  text-align: left;
  vertical-align: top;
  padding: 15px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
table td.t20ww{
  font-family: "Font Awesome 6 Free";
  line-height: 13px;
  text-align: left;
  vertical-align: top;
  padding: 7px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
/* table 21
--------------------- */
table.t21,td.t21,td.t21a,td.t21b, {
  text-align: center;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 500px;
  border: none;
}
table td.t21{
  text-align: center;
  vertical-align: top;
  width: 60%;
  padding: 0px 10px 0px 0px;
  margin: 20px 0px 10px 0px;
}
table td.t21a{
  text-align: left;
  vertical-align: top;
  width: 40%;
  padding: 0px 0px 0px 10px;
  margin: 20px 0px 10px 0px;
}
table td.t21b{
  text-align: center;
  vertical-align: top;
  width: 500px;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 0px;
}
/* table 22
--------------------- */
table.t22,td.t22,td.t22a,td.t22b, {
  text-align: center;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}
table td.t22{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.05em;
  line-height: 25px;
  font-size:16px;
  color: #4d4d45;
  text-align: left;
  vertical-align: top;
  width: 100%;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
}
table td.t22a{
  text-align: left;
  vertical-align: top;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
table td.t22b{
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  font-weight: 600;
  letter-spacing : 0.5px;
  line-height: 25px;
  font-size:15px;
  color: #1a1a1a;
  text-align: left;
  vertical-align: top;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* blink
----------------------------------------------- */
@keyframes blink {
10% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.blink {
animation: blink 1s linear infinite;
}

/* icon
--------------------- */
.yj3{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #db4260;
  float:left;
  margin: 9px 5px 0px 0px;
}

.yj4{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #db8495;
  float:left;
  margin: 9px 5px 0px 0px;
}

/* 店名
--------------------- */
.re {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 13px;
  font-size:13px;
  color:#b3b3a1;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 10px;
}
.re2 {   
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  font-weight: 500;
  line-height: 11px;
  font-size:13px;
  color:#333329;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 10px;
}
.re3 {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 17px;
  font-size:13px;
  color:#b3b3a1;
  text-align: left;
  vertical-align: top;
  margin: 10px 0px 8px 20px;
}
.s0v {
  margin: 12px 0px 0px 0px;
}
.s0x {
  margin: 7px 0px 0px 0px;
}




/*
--------------------- */

.yj8{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #e6e6e6;
  float:left;
  margin: 10px 2px 0px 20px;
}

.fonts {
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  letter-spacing : 0.03em;
  font-size:18px;
  color:#66665c;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}

.s0z {
  margin: 15px 0px 0px 0px;
}

.s0z2 {
  margin: 2px 0px 0px 0px;
}

.s0z3 {
  margin: 3px 0px 0px 0px;
}

.s0z10 {
  margin: 10px 0px 0px 0px;
}

.imgv {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-align: left;
  vertical-align: top;
  width: 10px;
  margin: 0px 0px 0px 3px;
}

.fontv2 {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.03em;
  font-size:13px;
  color:#b3b3a1;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}


/* トップページ
--------------------------------------------------------------- */

h8 {
position: relative;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-size: 14px;
  letter-spacing : 2px;
  color: #ffffff;
  background: #c763a2;
  border-radius: 6px;
  padding: 10px 30px 10px 30px;
  margin: 10px 0px 3px 0px;
}

h8::before {
content: "";
position: absolute;
border: 12px solid transparent;
border-top: 12px solid #c763a2;
top: 100%;
left: 20px;
}

h8 p {
margin: 10px 0px 3px 0px;
padding: 0;
}


/* top ボタン
---------------- */

.Radius7 { 
    border-radius: 4px;        /* CSS3草案 */ 
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */ 
    -moz-border-radius: 4px;   /* Firefox用 */ 
}
/* ボタン共通 */
.Button {
    overflow: hidden;
    width: 100%;
    height: 88px;
    margin: 5px 0;
    padding: 0;
}

.Button a {
    display: block;
    position: relative;
    z-index: 100;
    background: #fbfbf9;
    color: #4d4d4d;
    font-size: 16px;
    line-height: 18px;
    text-decoration:none;
    padding: 25px 0 25px 40px;
}

.Button a:hover {
    background: #f9f9f7;        /* マウスオーバーカラー */ 
}

#IconList4 a:before {
    display: block;
    content: "";
    position: absolute;
    background: url("/sp/yo2.gif") no-repeat;
    top: 35%;
    right: 25px;
    width: 30px;
    height: 30px;
    margin-top: -5px;
    border-left: 5px;
}

#IconList4 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */ 
    border-left: 5px;
}

#IconList5 a:before {
    display: block;
    content: "";
    position: absolute;
    background: url("/sp/yo.gif") no-repeat;
    top: 35%;
    right: 25px;
    width: 30px;
    height: 30px;
    margin-top: -5px;
    border-left: 5px;
}

#IconList5 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */ 
    border-left: 5px;
}



/* link page
--------------------------------------------------------------- */

.textlines {
    border: 0.5px solid #b3b3a1;
    border-radius: 2px;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
    width: 400px;
    height: 70px;
    overflow: hidden;
    font-style: size: 9px; color: #b3b3a1;
    letter-spacing : 0,7px;
    line-height: 20px;
}

.linkim {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-align: left;
  vertical-align: top;
  margin: 10px 0px 10px 0px;
}




/* 
----------------------------------------------------------------------------------- */
/* アイコン フォント
--------------------------------------------------------------- */
/* 矢印
-------------------------------- */
/* タイトル矢印-ピンク-同じ
--------- */
.yj2{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #c763a2;
  float:left;
  margin: 9px 15px 0px 0px;
}
.yje2{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #c763a2;
  float:left;
  margin: 9px 2px 0px 0px;
}
.yj{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #c763a2;
  float:left;
  margin: 10px 15px 0px 0px;
}
/* 薄グレー矢印
--------- */
.yjf{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #e6e6e6;
  float:left;
  margin: 9px 5px 0px 0px;
}

/* font
-------------------------------- */

/* タイトル-黒-16
--------- */
.font0 {
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  letter-spacing : 0.03em;
  font-size:16px;
  color: #4d4d45;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}
/* タイトル-黒-17
--------- */
.font1 {
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  letter-spacing : 0.03em;
  font-size:17px;
  color:#4d4d45;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}
/* ピンク-14-同じ
--------- */
.ba1 {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 26px;
  font-size:14px;
  color: #c763a2;
  margin: 0px 6px 0px 6px;
}
.blu {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 26px;
  font-size:14px;
  color: #c763a2;
  margin: 0px 6px 0px 6px;
}
.ba2 {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 26px;
  font-size:14px;
  color: #c763a2;
  margin: 0px 6px 0px 6px;
}
.ba3 {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 26px;
  font-size:14px;
  color: #c763a2;
  margin: 0px 6px 0px 6px;
}
/* 黒
--------- */
.red {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 26px;
  font-size:14px;
  color: #808073;
  margin: 0px 6px 0px 6px;
}
.s0 {
  margin: 0px 0px 12px 0px;
}
/* 
----------------------------------------------------------------------------------- */
/* page-top5 新規メディア
----------------------------------------------------------------------------------- */
/*  上段
------------------------------------- */
/* 矢印 - ピンク - blink
--------------------- */
.yjea{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #c763a2;
  float:left;
  margin: 5px 17px 0px 0px;
}
/* 矢印 - ピンク
--------------------- */
.yjez{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #c763a2;
  float:left;
  margin: 3px 17px 0px 0px;
}
/* 矢印 - 薄グレー
--------------------- */
.yj9{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #e6e6e6;
  float:left;
  margin: 3px 17px 0px 0px;
}
/*  矢印 - 透明
--------------------- */
.yj9x{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ffffff;
  float:left;
  margin: 3px 17px 0px 0px;
}

/*  スペース
--------------------- */
.s0z5 {
  margin: 5px 0px 0px 0px;
}
.s0z7 {
  margin: 7px 0px 0px 0px;
}


/* font - 掲載広告数 全国 500社
--------------------- */
.fontx {
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  letter-spacing : 0.03em;
  font-size:17px;
  color:#808073;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}
/* font - お客様は 毎日 全国各
--------------------- */
.fontv {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.03em;
  font-size:14px;
  color:#4d4d45;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}
/* 貴女を指名してくれるお客 - ピンク
--------- */
.blv {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.02em;
  font-size:15px;
  color: #c763a2;
  margin: 0px 0px 0px 0px;
}
/* font - 貴女がいくら１人で頑張っ
--------------------- */
.fontw {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.01em;
  font-size:13px;
  color:#66665c;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}
/* img - 矢印
--------------------- */
.imgvv {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-align: left;
  vertical-align: top;
  width: 35px;
  margin: 6px 15px 0px 0px;
}
/*  下段
------------------------------------- */
/* 矢印
--------------------- */
.yj8x{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #c763a2;
  float:left;
  margin: 6px 2px 0px 20px;
}
.blx {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 20px;
  font-size:14px;
  color: #c763a2;
  margin: 10px 6px 0px 5px;
}
/* img
--------------------- */
.imgs {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: left;
  vertical-align: top;
  width: 100%;
  margin: 0px 0px 0px 0px;
}
.imgu {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 20px;
}
.imguv {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 20px;
}