@charset 'utf-8';

/*==============================================*/
/* 夜Cha!王(やっちゃおう)スマートフォン用CSS    */
/*                                              */
/* Top Page                                     */
/*==============================================*/
/* Age Caution Box */
div.age-caution-box {
  margin: 0 auto;
  padding: 10px 20px;
  width: 640px;
  text-align: center;
  color: #ef3d56;
  font-weight: bold;
  background-color: #e6ecf0;
}
a.escape-link {
  margin: 10px auto 0 auto;
  width: 320px;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  font-weight: bold;
  color: #ffffff;
  display: block;
  vertical-align: middle;
  text-align: center;
  background-color: #ef3d55;
}
a.escape-link img {
  margin-right: 12px;
  vertical-align: middle;
}

/* Slide Box */
div.slide-box {
  margin: 0 auto;
  padding: 0;
  width: 640px;
  text-align: center;
  color: #ef3d56;
  font-weight: bold;
}
div.slide-box img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Tile Menu */
div.tile-menu-box {
  margin: 10px auto;
  padding: 10px;
  width: 640px;
}
p.tile-menu-title {
  margin: 0 auto 20px auto;
  width: 580px;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background-color: #50a1f3;
}
.title {
  margin: 20px auto;
  padding: 2px 5px 2px 60px;
  position: relative;
  background: #ffd98a;
  color: #cc0101;
  border-radius: 0 10px 10px 0;
  width: 580px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
}
.title svg {
  margin: 5px 10px 5px 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  fill: #cc0101 !important;
  vertical-align: middle;
}
.title:after {
  padding: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  content: 'OPEN';
  white-space: pre;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  position: absolute;
  background: #ffa337;
  text-align: center;
  left: -1.35em;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  border: solid 3px #ffffff;
  animation: flash 1s linear infinite;
}
.title-close:after {
  content: 'CLOSE';
}
@keyframes flash {
  0%   { opacity: 0.8; }
  100%  { opacity: 1; }
}
ul.tile-menu {
  margin: 0 auto;
  width: 580px;
}
ul.tile-menu li {
  width: 130px;
  float: left;
}
ul.tile-menu li:not(:first-child) {
  margin-left: 20px;
}
ul.tile-menu li:nth-child(5),
ul.tile-menu li:nth-child(9),
ul.tile-menu li:nth-child(13),
ul.tile-menu li:nth-child(17),
ul.tile-menu li:nth-child(21),
ul.tile-menu li:nth-child(25) {
  margin-left: 0;
}
ul.tile-menu li:nth-child(n + 5) {
  margin-top: 20px;
}
.tile {
  width: 130px;
  height: 130px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  font-size: 28px;
  font-weight: bold;
  color: #000000;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
}
.menu-button1 {
  background: #f2f5f6;
  background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
  background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
  border: 1px solid #b7c1ca;
}
.menu-button2 {
  font-size: 26px;
  background: #e9f6fd;
  background: -moz-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%);
  background: -webkit-linear-gradient(top, #e9f6fd 0%,#d3eefb 100%);
  background: linear-gradient(to bottom, #e9f6fd 0%,#d3eefb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb',GradientType=0 );
  border: 1px solid #b7c1ca;
}
.back-menu-button {
  color: #ffffff;
  font-size: 26px;
  background: #7d7e7d;
  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
  background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
  border: 1px solid #b7c1ca;
}
.gps-menu-button {
  font-size: 26px;
  background: #cdeb8e;
  background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
  background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
  background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
  border: 1px solid #b7c1ca;
}
.no-select-button {
  background: #f2f5f6;
  background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
  background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
  border: 1px solid #b7c1ca;
}
.select-button {
  background: #ffc578;
  background: -moz-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
  background: -webkit-linear-gradient(top, #ffc578 0%,#fb9d23 100%);
  background: linear-gradient(to bottom, #ffc578 0%,#fb9d23 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 );
  border: 1px solid #f38d03;
}
.tile svg {
  margin: 0 auto;
  width: 36px;
  height: 36px;
  display: block;
  fill: #000000 !important;
}

/* Page Comments */
div.page-comments {
  margin: 10px auto;
  padding: 20px;
  width: 640px;
  background-color: #eaeaea;
  text-align: center;
}
div.page-comments p span {
  font-size: 18px;
  font-weight: bold;
  color: #fb6e81;
}

/* Counter Box */
div.counter-box {
  margin: 20px auto;
  padding: 20px;
  width: 640px;
  background-color: #e4e5e7;
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
}
div.counter-box dl {
  margin: 0 auto;
  width: 580px;
}
div.counter-box dl dt {
  width: 140px;
  background-color: #ffffff;
  font-weight: bold;
  text-align: center;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  height: 30px;
  line-height: 30px;
  float: left;
  clear: left;
  font-size: 18px;
}
div.counter-box dl dd {
  width: 440px;
  padding-left: 20px;
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
}
div.counter-box dl dd span {
  font-size: 24px;
  font-weight: bold;
  color: #ff00aa;
}

/* Yacha Search Box */
div#yacha-search-box {
  margin: 10px auto;
  padding: 5px 2px;
  width: 600px;
  background-color: #ffffff;
  position: relative;
}
input#search-text {
  margin: 0;
  width: 100%;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  border: 2px solid #50a1f3;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-indent: 20px;
}
div#search-button {
  width: 120px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 5px;
  _top: 1px;
  right: 2px;
  border: none;
  background-color: #50a1f3;
  color: #ffffff;
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
}

/* Pref Top Menu */
ul.pref-top-menu {
  margin: 0 auto 10px auto;
  width: 630px;
}
ul.pref-top-menu li {
  padding: 10px 5px;
  width: 150px;
  line-height: 24px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  float: left;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #fb6e81;
}
ul.pref-top-menu li.blue {
  background-color: #90c3fa;
}
ul.pref-top-menu li.red {
  background-color: #fb6e81;
}
ul.pref-top-menu li:not(:first-child) {
  margin-left: 5px;
}
ul.pref-top-menu li a {
  width: 100%;
  display: block;
}
ul.pref-top-menu li a, ul.pref-top-menu li a:visited {
  color: #ffffff;
}

/* Contents Menu */
div.contents-menu-box {
  margin: 10px auto;
  padding: 0;
  width: 640px;
  border-top: 2px solid #3d98f5;
  border-bottom: 2px solid #3d98f5;
}
ul.contents-menu {
  width: 100%;
  height: 96px;
}
ul.contents-menu li {
margin: 0;
  width: 128px;
  height: 96px;
  float: left;
  border: 1px solid #e5e5e5;
}

/* Pick-Up Box */
div.pickup-box {
  margin: 10px auto;
  padding: 0;
  width: 640px;
  height: 160px;
  background: url('../images/pickup_bg.png') no-repeat center center;
  position: relative;
  opacity: 0;
  transition: opacity .3s linear;
}
div.pickup-box.slick-initialized{
  opacity: 1;
}
div.pickup-banner-box {
  margin: 0;
  width: 640px;
  height: 160px;
}
div.pickup-banner-area {
  margin: 0;
  width: 640px;
  height: 160px;
}
table.pickup-banner {
  margin: 5px;
  width: 640px;
  height: 150px;
}
table.pickup-banner th, table.pickup-banner td {
  padding: 0;
}
table.pickup-banner th {
  width: 150px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
table.pickup-banner td h3 {
  margin-top: 0;
  margin-left: 5px;
  padding: 0 10px 5px 10px;
  position: relative;
  height: 36px;
  line-height: 36px;
  background-color: #cc0101;
  color: #ffffff;
}
span.pickup-shop {
  margin-right: 10px;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  color: #cc0101;
  background-color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.pickup-banner td p {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  width: 455px;
}
span.pickup-icon {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  background-color: #dc0101;
  display: inline-block;
  text-align: center;
}
span.pickup-icon svg {
  margin-top: -3px;
  width: 16px;
  height: 16px;
  fill: #ffffff !important;
  vertical-align: middle;
}
p.pickup-state {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  color: #cc0101;
}
p.pickup-price {
  font-size: 32px;
  font-weight: bold;
  color: #000000;
}
p.pickup-no-price {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}
p.pickup-no-price span {
  color: #cc0101;
}
span.min-title, span.yen-title {
  margin-left: 5px;
  margin-right: 10px;
  font-size: 16px;
  width: 24px;
  height: 24px;
  background-color: #dc0101;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
span.kara-title {
  font-size: 18px;
}

/* Yacha News Box */
div.yacha-news-box {
  margin: 10px auto;
  width: 630px;
}
ul.news-list {
  margin: 0;
  width: 100%;
}
ul.news-list li {
  width: 630px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #e5e5e5;
}
p.news-title {
  padding: 0;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: #31b22b;
  color: #ffffff;
}
p.news-title span {
  margin: 0 16px 0 1px;
  padding: 0 10px;
  height: 33px;
  line-height: 36px;
  background-color: #1a5f16;
  font-size: 16px;
  display: inline-block;
}
ul.news-list li table {
  width: 100%;
}
ul.news-list li table th {
  width: 80px;
  height: 80px;
}
td.news-msg {
  height: 50px;
  vertical-align: top;
}
td.news-msg p {
  padding: 5px;
  width: 100%;
  height: 60px;
  position: relative;
  /*max-height: calc(18 * 1.2 * 2 * 1px);*/
  font-size: 18px;
  line-height: 27px;
  word-break: break-all;
  overflow: hidden;
  background-color: #eaeaea;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
td.news-category {
  height: 30px;
  text-align: right;
  vertical-align: middle;
}
td.news-category p {
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  color: #ffffff;
}
p.c0, p.c1 {
  background-color: #1a5f16;
}
p.c2 {
  background-color: #c140e0;
}
p.c3 {
  background-color: #ff3e97;
}
p.c4 {
  background-color: #f5823a;
}
div.yacha-news-message {
  margin: 0;
  padding: 10px;
  width: 600px;
  text-align: justify;
  text-justify: inter-ideograph;
}
table.yacha-news-shop-box {
  margin: 10px auto;
  padding: 0;
  width: 590px;
  height: 150px;
}
table.yacha-news-shop-box th {
  width: 150px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
table.yacha-news-shop-box td.rank-detail {
  position: relative;
  vertical-align: top;
}
table.yacha-news-shop-box td p {
  width: 480px;
}
div.yacha-news-image {
  margin: 0;
  padding: 10px;
  width: 600px;
  text-align: center;
}

/* Yacha Ranking Box */
div.yacha-ranking {
  margin: 0 auto;
  width: 630px;
}
div.yacha-ranking-select {
  margin: 10px auto;
  width: 630px;
}
div.yacha-ranking-select ul li {
  width: 310px;
  display: inline-block;
}
div.yacha-ranking-select ul li a {
  width: 310px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  display: block;
  background-color: #eaeaea;
  font-weight: bold;
  color: #888888;
}
div.yacha-ranking-select ul li a svg {
  margin-right: 10px;
  fill: #888888 !important;
  vertical-align: middle;
}
div.yacha-ranking-select ul li a:visited {
  color: #888888;
}
div.yacha-ranking-select ul li a.ranking-active {
  color: #f84e7c;
  background-color: #ffffff;
  border-bottom: 5px solid #f84e7c;
}
div.yacha-ranking-select ul li a.ranking-active svg {
  fill: #f84e7c !important;
}
div.yacha-ranking-box {
  margin: 10px auto;
  width: 630px;
}
div.ranking-wrapper-box {
  margin: 0;
  padding: 0;
  width: 630px;
}
div.ranking-view-box {
  margin: 0 0 10px 0;
  padding: 0;
  width: 630px;
}
div.ranking-view-box table {
  width: 630px;
  height: 150px;
}
div.ranking-view-box table td.rank {
  width: 40px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
}
div.ranking-view-box table td.rank svg {
  width: 32px;
  height: 32px;
  fill: #ffffff !important;
}
div.ranking-view-box table td.rank1 {
  background: #fceabb;
  background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
  background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
}
div.ranking-view-box table td.rank2 {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}
div.ranking-view-box table td.rank3 {
  background: #f3e2c7;
  background: -moz-linear-gradient(top, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%);
  background: -webkit-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%);
  background: linear-gradient(to bottom, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 );
}
div.ranking-view-box table td.rank0 {
  background-color: #333333;
}
div.ranking-view-box table th {
  width: 150px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
div.ranking-view-box table td.rank-detail {
  width: 440px;
  position: relative;
  vertical-align: top;
}
div.ranking-view-box table td p {
  width: 440px;
}
p.rank-shop {
  padding: 0 5px;
  background-color: #ef9c02;
  height: 36px;
  line-height: 36px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  font-weight: bold;
}
p.rank-state {
  padding: 0 10px;
  width: 210px;
  height: 20px;
  line-height: 20px;
  text-align: right;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  background-color: #333333;
}
p.rank-time {
  margin-top: 5px;
  padding: 0 10px;
  width: 210px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
p.rank-price {
  margin-top: 5px;
  padding: 0 10px;
  width: 210px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
p.rank-message {
  margin-top: 5px;
  padding: 0 10px;
  width: 210px;
  height: 40px;
  max-height: 40px;
  line-height: 20px;
  text-align: left;
  color: #000000;
  font-size: 14px;
  position: relative;
  word-break: break-all;
  overflow: hidden;
}
p.rank-message::before,
p.rank-message::after {
  position: absolute;
  background: #ffffff;
}
p.rank-message::before {
  content: '...';
  top: calc(14 * 1.2 * 1px);
  right: 0;
  width: 30px;
}
p.rank-message::after {
  content: '';
  width: 100%;
  height: 100%;
}
span.rank-icon {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  background-color: #f84e7c;
  display: inline-block;
  text-align: center;
}
span.rank-icon svg {
  width: 14px;
  height: 14px;
  fill: #ffffff !important;
  vertical-align: middle;
}
span.rank-yen-title {
  margin-left: 5px;
  margin-right: 10px;
  font-size: 14px;
  width: 20px;
  height: 20px;
  background-color: #f84e7c;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
span.rank-kara-title {
  font-size: 14px;
}
a.rank-telephone {
  width: 48px;
  height: 48px;
  background-color: #f84e7c;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  text-align: center;
  display: block;
}
a.rank-telephone svg {
  margin-top: 4px;
  width: 40px;
  height: 40px;
  fill: #ffffff !important;
}
a.rank-link {
  width: 48px;
  height: 48px;
  background-color: #f84e7c;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  text-align: center;
  display: block;
}
a.rank-link svg {
  margin-top: 10px;
  width: 28px;
  height: 28px;
  fill: #ffffff !important;
}
a.rank-sub-link {
  width: 48px;
  height: 48px;
  background-color: #f84e7c;
  position: absolute;
  bottom: 0;
  right: 60px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  text-align: center;
  display: block;
}
a.rank-sub-link svg {
  margin-top: 10px;
  width: 28px;
  height: 28px;
  fill: #ffffff !important;
}
p.rank-gals {
  padding: 0 5px;
  background-color: #f84e7c;
  height: 36px;
  line-height: 36px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  font-weight: bold;
}
p.rank-profile {
  padding: 0 10px;
  width: 210px;
  height: 20px;
  line-height: 20px;
  text-align: right;
  color: #ffffff;
  font-size: 14px;
  background-color: #c2073a;
}
p.rank-gals-shop {
  padding: 0 10px;
  width: 210px;
  height: 36px;
  line-height: 36px;
  text-align: left;
  color: #f84e7c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

/* Yacha Blog Box */
div.yacha-blog-box {
  margin: 10px auto;
  width: 630px;
}
table.blog-square-box {
  border-collapse: separate;
  border-spacing: 1px;
}
table.blog-square-box td {
  width: 210px;
  height: 210px;
  text-align: center;
  position: relative;
  border: 1px solid #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: bottom;
}
table.blog-square-box td.all-view {
  border: 5px solid #cccccc;
  background-color: #eaeaea;
  vertical-align: middle;
}
p.blog-message {
  padding: 0 5px;
  width: 210px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  font-size: 18px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, .8);
}
p.blog-date {
  padding: 0 5px;
  width: 210px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  color: #ffffff;
  font-size: 14px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, .8);
}
p.blog-shop {
  padding: 0 5px;
  width: 210px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  color: #f84e7c;
  font-size: 14px;
  background-color: #eaeaea;
  background-color: rgba(255, 255, 255, .8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
p.blog-gals {
  padding: 0 5px;
  width: 210px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  color: #f84e7c;
  font-size: 14px;
  font-weight: bold;
  background-color: #eaeaea;
  background-color: rgba(255, 255, 255, .8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Button Box */
div.button-box {
  margin: 10px auto 30px auto;
  width: 630px;
}
a.all-view-button {
  margin: 0 auto;
  width: 500px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  display: block;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #50a1f3;
  font-weight: bold;
  color: #ffffff;
}

/* Next Button Box */
div.next-button-box {
  margin: 30px auto 30px auto;
  width: 630px;
}
a.next-view-button {
  margin: 0 auto;
  width: 500px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  display: block;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #50a1f3;
  font-weight: bold;
  color: #ffffff;
}
a.next-view-button svg {
  margin-right: 10px;
  width: 28px;
  height: 28px;
  fill: #ffffff !important;
  vertical-align: middle;
}

/* Search Result */
div.search-menu-box {
  margin: 10px auto;
  width: 600px;
}
div.search-menu-box ul {
  margin-top: 30px;
}
div.search-menu-box ul li {
  margin-bottom: 30px;
}
div.search-menu-box ul li a {
  width: 600px;
  height: 60px;
  line-height: 60px;
  background: #f2f5f6;
  background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
  background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
  border: 1px solid #b7c1ca;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  font-size: 28px;
  font-weight: bold;
  color: #000000;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  display: block;
}
div.search-result-box {
  margin: 0 auto;
  width: 630px;
}
div.search-result-view-box {
  margin: 0 0 10px 0;
  padding: 0;
  width: 630px;
}
div.search-result-view-box table {
  width: 630px;
  height: 150px;
}
div.search-result-view-box table th {
  width: 150px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
div.search-result-view-box table td.search-result-detail {
  position: relative;
  vertical-align: top;
}
div.search-result-view-box table td p {
  width: 100%;
}
p.search-result-shop {
  padding: 0 5px;
  background-color: #4499f7;
  height: 36px;
  line-height: 36px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  font-weight: bold;
}
p.search-result-state {
  padding: 0 10px;
  width: 210px;
  height: 20px;
  line-height: 20px;
  text-align: right;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  background-color: #333333;
}
p.search-result-time {
  margin-top: 5px;
  padding: 0 10px;
  width: 210px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
p.search-result-price {
  margin-top: 5px;
  padding: 0 10px;
  width: 210px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
p.search-result-message {
  margin-top: 5px;
  padding: 0 10px;
  width: 210px;
  height: 40px;
  max-height: 40px;
  line-height: 20px;
  text-align: left;
  color: #000000;
  font-size: 14px;
  position: relative;
  word-break: break-all;
  overflow: hidden;
}
p.search-result-message::before,
p.search-result-message::after {
  position: absolute;
  background: #ffffff;
}
p.search-result-message::before {
  content: '...';
  top: calc(14 * 1.2 * 1px);
  right: 0;
  width: 30px;
}
p.search-result-message::after {
  content: '';
  width: 100%;
  height: 100%;
}
span.search-result-icon {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  background-color: #f84e7c;
  display: inline-block;
  text-align: center;
}
span.search-result-icon svg {
  width: 14px;
  height: 14px;
  fill: #ffffff !important;
  vertical-align: middle;
}
span.search-result-yen-title {
  margin-left: 5px;
  margin-right: 10px;
  font-size: 14px;
  width: 20px;
  height: 20px;
  background-color: #f84e7c;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
span.search-result-kara-title {
  font-size: 14px;
}
a.search-result-telephone {
  width: 48px;
  height: 48px;
  background-color: #f84e7c;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  text-align: center;
  display: block;
}
a.search-result-telephone svg {
  margin-top: 4px;
  width: 40px;
  height: 40px;
  fill: #ffffff !important;
}
a.search-result-link {
  width: 48px;
  height: 48px;
  background-color: #f84e7c;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  text-align: center;
  display: block;
}
a.search-result-link svg {
  margin-top: 10px;
  width: 28px;
  height: 28px;
  fill: #ffffff !important;
}
div.search-no-result-view-box {
  margin: 20px auto 30px auto;
  padding: 30px;
  width: 600px;
  background-color: #f8a3ad;
  border: 1px solid #fb6e81;
  text-align: center;
}
table.search-bottom-box {
  margin: 0;
  width: 620px;
}
table.search-bottom-box th,
table.search-bottom-box td {
  height: 60px;
  vertical-align: middle;
  color: #ffffff;
}
a.search-start-button {
  padding: 5px 0;
  width: 80px;
  height: 60px;
  line-height: 20px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  background-color: #f8a3ad;
  text-align: center;
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
a.search-start-button svg {
  width: 24px;
  height: 24px;
  fill: #ffffff !important;
}
span#search-hit-count {
  margin: 0 5px;
  font-size: 28px;
  color: #ffee4c;
}
span.search-result-count {
  margin: 0 5px;
  color: #f84e7c;
}
p.search-result-gals {
  padding: 0 5px;
  background-color: #f84e7c;
  height: 36px;
  line-height: 36px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  font-weight: bold;
}
p.search-result-profile {
  padding: 0 10px;
  width: 210px;
  height: 20px;
  line-height: 20px;
  text-align: right;
  color: #ffffff;
  font-size: 14px;
  background-color: #c2073a;
}
p.search-result-gals-shop {
  padding: 0 10px;
  width: 210px;
  height: 36px;
  line-height: 36px;
  text-align: left;
  color: #f84e7c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

/* Fusum */
div#yacha-fusum {
  margin: 0 auto;
  padding: 5px 2px;
  width: 640px;
  background-color: #ffffff;
  position: relative;
  clear: fixed;
}
div#fusum-button {
  margin: 0 auto;
  width: 100%;
}
div#fusum-button img {
  width: 100%;
  height: auto;
}