@charset "UTF-8";
/* =============================================================
モバイル：骨格	mobframework
============================================================= */
* {
  zoom: 1;
}

html {
  width: 375px;
  height: 100%;
  font-size: 16px;
  margin: 0 auto;
  padding: 0;
}

body {
  width: 320px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  margin: 0 auto;
  padding: 10px 0;
  background-color: #fff;
}

/* =============================================================
モバイル：基本レイアウト	mobframework
============================================================= */
header, nav, main, aside, section, article, footer {
  display: block;
  margin: 0;
  padding: 0;
}

/* =============================================================
モバイル：画像 基本	mobframework
============================================================= */
img {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}

figcaption {
  font-size: 14px;
  text-align: center;
  white-space: wrap;
}

/* =============================================================
モバイル：テキスト 基本	mobframework
============================================================= */
p {
  display: block;
  width: 100%;
  font-size: 16px;
  white-space: wrap;
  margin: 0;
  padding: 0;
}
p.center {
  text-align: center;
  margin: 0 auto;
}
p.honbun {
  width: 100%;
  font-size: 16px;
  font-feature-settings: "palt";
  text-align: justify;
  letter-spacing: 0.1em;
  line-height: 1.65em;
  word-break: break-all;
  margin: 0 0 5px 0;
  padding: 0;
}
p.honbun span.redbelt {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: #ff7f7f;
  padding: 3px 2px;
}
p.listed {
  font-size: 15px;
  text-align: left;
  margin: 5px 0;
}
p.itemized {
  width: 100%;
  font-size: 14px;
  text-align: center;
  margin: 5px auto;
}

/* =============================================================
モバイル：リスト 基本	mobframework
============================================================= */
ul, li {
  list-style-type: none;
  text-decoration: none;
}

/* =============================================================
モバイル：リンク 基本	mobframework
============================================================= */
a {
  color: #444;
  text-decoration: none;
  border: none;
}

span.new {
  display: inline;
  width: 50px;
  font-size: 100%;
  color: #fff;
  text-align: center;
  list-style-type: none;
  margin: 0 5px 0 5px;
  background-color: #ff7f7f;
  padding: 3px;
}
span.new::before {
  content: none;
}

span.red {
  color: #ff0000;
}
span.red br {
  line-height: 1.2em;
}

/* =============================================================
モバイル：H　基本	mobframework
============================================================= */
h1 {
  width: 100%;
  text-align: center;
  line-height: 1.3em;
  overflow: visible;
  margin: 0 0 4px 0;
  padding: 5px 0;
}
h1.withLineBreak {
  font-size: 18px;
  line-height: 1.3em;
}
h1 span {
  display: block;
  font-size: 70%;
  line-height: 1.3em;
}

h2 {
  clear: both;
  display: block;
  width: 100%;
  height: auto;
  color: #000;
  font-size: 16px;
  text-align: center;
  line-height: 1.5em;
  margin: 0 auto 5px auto;
  padding: 3px 0;
  border: none;
  background-color: #ddd;
}

body.korobanu h2 {
  color: #fff;
  background-color: #00b1a9;
}

h3 {
  display: block;
  width: 100%;
  font-size: 18px;
  text-align: center;
  margin: 5px 0;
  padding: 0 0 3px 0;
  border-bottom: 1px solid #888;
}
h3.noborder {
  border: none;
}

h4 {
  clear: both;
  display: block;
  font-size: 18px;
  text-align: center;
  margin: 0 0 -5px 0;
  padding: 5px 0 0 0;
  border: none;
  border-bottom: 1px solid #888;
}

/* =============================================================
モバイル：テーブル：基本	mobframework
============================================================= */
table {
  border-collapse: collapse;
  width: 97%;
  font-size: 15px;
  margin: 7px auto 10px auto;
  padding: 0;
}
table th,
table td {
  margin: 0;
  border-bottom: 1px dotted #888;
}
table th {
  width: 0;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.5em;
  margin: 0;
  padding: 5px 10px;
  background-color: #eee;
}
table th.red {
  color: red;
  font-size: 12px;
}
table th.title {
  font-size: 17px;
}
table th.heading {
  max-width: 100%;
  text-align: right;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
table td {
  min-width: 60px;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  line-height: 1.5em;
  white-space: normal;
  margin: 0;
  padding: 5px 0 5px 5px;
}
table td.prof {
  text-align: center;
  line-height: 1em;
  padding: 0 0 7px 0;
}
table td:last-child {
  width: 316px;
}
table td span {
  font-size: 12px;
  line-height: 1.5em;
  margin: 0 5px 5px 10px;
  padding: 0;
}
table td span.red {
  display: inline;
  color: red;
  font-size: 14px;
  margin: 0 5px 5px 0;
  white-space: wrap;
}
table td span.bigger {
  font-size: 18px;
  margin: 0;
}
table td span.price {
  display: inline;
  width: 100%;
  text-align: right;
  line-height: 1.5em;
  font-size: 18px;
  margin: 3px 5px 10px 10px;
}
table td span.new {
  display: inline-block;
  width: 50px;
  color: #fff;
  text-align: center;
  list-style-type: none;
  margin: 0 5px 0 5px;
  background-color: #ff7f7f;
  padding: 3px;
}
table td span.new::before {
  content: none;
}
table td.btmNoborder {
  border-bottom: none;
}
table.withborder {
  border: 2px solid #888;
}
table.btmNoborder {
  border-bottom: none;
}
table.showcase td {
  width: 50%;
}
table.showcase td.blue {
  background-color: #eaf6fd;
}
table.showcase td.green {
  background-color: #ebf5ec;
}

/*	テーブル：基本	*/
h1 + table {
  border-top: none;
}

/*	=============================================================
モバイル：ヘッダロゴ 画像置換
============================================================= */
header {
  width: 320px;
  height: 50px;
  margin: 0 0 4px 0;
  padding: 0;
  background: url("/imgTop/headerLogo320x50px.png") no-repeat;
}

header#kenkoMahjong {
  width: 320px;
  height: 50px;
  margin: 0 0 4px 0;
  padding: 0;
  background: url("/imgTop/headerKnekoMahjong320x50px.png") no-repeat;
}

/* =============================================================
モバイル：ヘッダナビ
============================================================= */
nav {
  clear: both;
  width: 320px;
  margin: 0 0 4px 0;
  padding: 0;
}
nav ul {
  width: 320px;
  display: flex;
  justify-content: space-between;
  height: auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  margin: 0 4px 0 0;
  padding: 0;
}
nav ul li a {
  display: block;
  width: 77px; /*	４分割 */
  height: 44px;
  color: #fff;
  text-align: center;
  line-height: 2.55em;
  /*				overflow: hidden;
  				list-style-type: none;
  				white-space: nowrap;
  				text-indent: 100%;
  				text-decoration: none;
  				cursor: pointer;
  */
  margin: 0;
  padding: 0;
  border: none;
}
nav ul li a.home {
  background: #ffbf7f;
  border: 2px solid #ffbf7f;
}
nav ul li a.schedule {
  background: #d3aca1;
  border: 2px solid #d3aca1;
}
nav ul li a.access {
  background: #d3aca1;
  border: 2px solid #d3aca1;
}
nav ul li a.profile {
  background: #d3aca1;
  border: 2px solid #d3aca1;
}
nav ul li a.inquiry {
  background: #d3aca1;
  border: 2px solid #d3aca1;
}
nav ul li a.void {
  background: url("/imgMainNavi/footerNaviVoid.png") no-repeat center -7px;
}
nav ul li a:hover {
  background-position: center center;
}
nav ul li a.home + .current, nav ul li a.schedule + .current, nav ul li a.current, nav ul li a.current:hover, nav ul li a.void {
  cursor: default;
  color: #444;
  background: #fff;
}

/* =============================================================
モバイル：body
============================================================= */
body {
  /*	main	*/
}
body main {
  /*	aside,section,article	*/
}
body main aside,
body main section,
body main article {
  width: 320px;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  /*
  			h1+div.x2	{
  				flex-grow: 2;
  				clear: both;
  				width: 310px;
  				margin: -4px 0 4px 0;
  				img.x2	{
  					width: 310px;
  				}
  			}
  */
}
body main aside h1,
body main section h1,
body main article h1 {
  clear: both;
  color: #fff;
  font-size: 20px;
}
body main aside h1.comingsoon, body main aside h1.schedule,
body main section h1.comingsoon,
body main section h1.schedule,
body main article h1.comingsoon,
body main article h1.schedule {
  background-color: #ff7f7f; /* m64.4 y38.7	*/
}
body main aside h1.temporary, body main aside h1.cultureschool,
body main section h1.temporary,
body main section h1.cultureschool,
body main article h1.temporary,
body main article h1.cultureschool {
  background-color: #ffbf7f; /* m34.2 y51.9	*/
}
body main aside h1.concert,
body main section h1.concert,
body main article h1.concert {
  background-color: #006a6c; /*	c20 m40	*/
}
body main aside h1.topic, body main aside h1.topicsection,
body main section h1.topic,
body main section h1.topicsection,
body main article h1.topic,
body main article h1.topicsection {
  background-color: #7fbfff; /*	c75 m10	*/
}
body main aside h1.rental,
body main section h1.rental,
body main article h1.rental {
  background-color: #6bbb63;
}
body main aside h1.marche,
body main section h1.marche,
body main article h1.marche {
  background-color: #6bbb63;
}
body main aside h1.salesevent,
body main section h1.salesevent,
body main article h1.salesevent {
  background-color: #a9cf5e;
}
body main aside h1.tsue,
body main section h1.tsue,
body main article h1.tsue {
  background-color: #cfa7cc; /*	c65 y35	*/
}
body main aside h1.access, body main aside h1.profile, body main aside h1.inquiry, body main aside h1.cafemenu, body main aside h1.karaoke,
body main section h1.access,
body main section h1.profile,
body main section h1.inquiry,
body main section h1.cafemenu,
body main section h1.karaoke,
body main article h1.access,
body main article h1.profile,
body main article h1.inquiry,
body main article h1.cafemenu,
body main article h1.karaoke {
  background-color: #d3aca1;
}
body main aside div,
body main section div,
body main article div {
  width: 158px;
  height: auto;
  color: #444;
  text-align: center;
  list-style-type: none;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  margin: 0 0 4px 0;
  padding: 0;
}
body main aside div.comingsoon img, body main aside div.topic img, body main aside div.topicsection img, body main aside div.cafemenu img, body main aside div.karaoke img,
body main section div.comingsoon img,
body main section div.topic img,
body main section div.topicsection img,
body main section div.cafemenu img,
body main section div.karaoke img,
body main article div.comingsoon img,
body main article div.topic img,
body main article div.topicsection img,
body main article div.cafemenu img,
body main article div.karaoke img {
  width: 150px;
  height: 84px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3px;
  margin: 4px auto 4px auto;
}
body main aside div.comingsoon, body main aside div.schedule,
body main section div.comingsoon,
body main section div.schedule,
body main article div.comingsoon,
body main article div.schedule {
  background-color: #ffcccc; /* m29.3 y13.6	*/
}
body main aside div.comingsoon:hover, body main aside div.comingsoon:active, body main aside div.schedule:hover, body main aside div.schedule:active,
body main section div.comingsoon:hover,
body main section div.comingsoon:active,
body main section div.schedule:hover,
body main section div.schedule:active,
body main article div.comingsoon:hover,
body main article div.comingsoon:active,
body main article div.schedule:hover,
body main article div.schedule:active {
  color: #fff;
  background-color: #ff7f7f;
}
body main aside div.comingsoon.void,
body main section div.comingsoon.void,
body main article div.comingsoon.void {
  display: none;
}
body main aside div.temporary, body main aside div.cultureschool,
body main section div.temporary,
body main section div.cultureschool,
body main article div.temporary,
body main article div.cultureschool {
  background-color: #ffe5cc; /* m20 y40	*/
}
body main aside div.temporary:hover, body main aside div.temporary:active, body main aside div.cultureschool:hover, body main aside div.cultureschool:active,
body main section div.temporary:hover,
body main section div.temporary:active,
body main section div.cultureschool:hover,
body main section div.cultureschool:active,
body main article div.temporary:hover,
body main article div.temporary:active,
body main article div.cultureschool:hover,
body main article div.cultureschool:active {
  color: #fff;
  background-color: #ffbf7f;
}
body main aside div.topic, body main aside div.topicsection,
body main section div.topic,
body main section div.topicsection,
body main article div.topic,
body main article div.topicsection {
  background-color: #cce5ff; /*	c25	*/
}
body main aside div.topic:hover, body main aside div.topic:active, body main aside div.topicsection:hover, body main aside div.topicsection:active,
body main section div.topic:hover,
body main section div.topic:active,
body main section div.topicsection:hover,
body main section div.topicsection:active,
body main article div.topic:hover,
body main article div.topic:active,
body main article div.topicsection:hover,
body main article div.topicsection:active {
  color: #fff;
  background-color: #7fbfff;
}
body main aside div.rental,
body main section div.rental,
body main article div.rental {
  background-color: #6bbb63;
}
body main aside div.concert,
body main section div.concert,
body main article div.concert {
  background-color: #82d8d3; /*	c10 m20	*/
}
body main aside div.concert:hover, body main aside div.concert:active,
body main section div.concert:hover,
body main section div.concert:active,
body main article div.concert:hover,
body main article div.concert:active {
  color: #fff;
  background-color: #006a6c; /*	c20 m40	*/
}
body main aside div.salesevent,
body main section div.salesevent,
body main article div.salesevent {
  background-color: #cce198;
}
body main aside div.salesevent:hover, body main aside div.salesevent:active,
body main section div.salesevent:hover,
body main section div.salesevent:active,
body main article div.salesevent:hover,
body main article div.salesevent:active {
  color: #fff;
  background-color: #a9cf5e;
}
body main aside div.tsue,
body main section div.tsue,
body main article div.tsue {
  background-color: #a5559d; /*	c40 m75	*/
}
body main aside div.cafemenu, body main aside div.karaoke,
body main section div.cafemenu,
body main section div.karaoke,
body main article div.cafemenu,
body main article div.karaoke {
  background-color: #e7c8b8;
}
body main aside div.cafemenu:hover, body main aside div.cafemenu:active, body main aside div.karaoke:hover, body main aside div.karaoke:active,
body main section div.cafemenu:hover,
body main section div.cafemenu:active,
body main section div.karaoke:hover,
body main section div.karaoke:active,
body main article div.cafemenu:hover,
body main article div.cafemenu:active,
body main article div.karaoke:hover,
body main article div.karaoke:active {
  color: #fff;
  background-color: #d3aca1;
}
body main aside div h3,
body main section div h3,
body main article div h3 {
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  padding: 4px 0 0 0;
  border: none;
}
body main aside div h3 span,
body main section div h3 span,
body main article div h3 span {
  font-size: 14px;
  padding: 0;
}
body main aside div a,
body main section div a,
body main article div a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  text-align: center;
  line-height: 1.2em;
  margin: 0;
  padding: 0 0 3px 0;
}
body main aside div.mobonly.x2,
body main section div.mobonly.x2,
body main article div.mobonly.x2 {
  flex-grow: 2;
  clear: both;
  width: 310px;
}
body main aside div.mobonly.x2 h1,
body main section div.mobonly.x2 h1,
body main article div.mobonly.x2 h1 {
  clear: both;
  width: 100%;
  margin: 0;
}
body main aside div.mobonly.x2 img,
body main section div.mobonly.x2 img,
body main article div.mobonly.x2 img {
  width: 310px;
  max-height: 113px;
}
body main aside div.mobonly.x4,
body main section div.mobonly.x4,
body main article div.mobonly.x4 {
  flex-grow: 2;
  clear: both;
  width: 310px;
}
body main aside div.mobonly.x4 h1,
body main section div.mobonly.x4 h1,
body main article div.mobonly.x4 h1 {
  clear: both;
  width: 100%;
  margin: 0;
}
body main aside div.mobonly.x4 img,
body main section div.mobonly.x4 img,
body main article div.mobonly.x4 img {
  width: 310px;
  height: 173px;
}
body main aside div.banner,
body main section div.banner,
body main article div.banner {
  width: 320px;
  height: 65px;
}
body main aside div.banner a,
body main section div.banner a,
body main article div.banner a {
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 17px;
  text-align: left;
  vertical-align: middle;
  white-space: wrap;
  padding: 4px;
}
body main aside div.banner a h3,
body main section div.banner a h3,
body main article div.banner a h3 {
  display: none;
}
body main aside div.banner a img,
body main section div.banner a img,
body main article div.banner a img {
  float: left;
  width: 100px;
  height: auto;
  margin: 0 8px 0 0;
  padding: 0;
  border-radius: 5px;
}
body main aside div.banner a span.mobonly,
body main section div.banner a span.mobonly,
body main article div.banner a span.mobonly {
  font-size: 17px;
  text-align: left;
  line-height: 3.2em;
  margin: 0 0 5px 0;
  padding: 5px;
}
body main aside div.banner a span.small,
body main section div.banner a span.small,
body main article div.banner a span.small {
  line-height: 1em;
  white-space: wrap;
}
body main aside div.mobonly.rental,
body main aside div.mobonly.tsue,
body main section div.mobonly.rental,
body main section div.mobonly.tsue,
body main article div.mobonly.rental,
body main article div.mobonly.tsue {
  clear: both;
  display: block;
  width: 320px;
  height: 70px;
  margin: 0 0 4px 0;
  padding: 0;
}
body main aside div.mobonly.rental h3,
body main aside div.mobonly.rental span,
body main aside div.mobonly.tsue h3,
body main aside div.mobonly.tsue span,
body main section div.mobonly.rental h3,
body main section div.mobonly.rental span,
body main section div.mobonly.tsue h3,
body main section div.mobonly.tsue span,
body main article div.mobonly.rental h3,
body main article div.mobonly.rental span,
body main article div.mobonly.tsue h3,
body main article div.mobonly.tsue span {
  display: none;
}
body main aside div.mobonly.rental a,
body main aside div.mobonly.tsue a,
body main section div.mobonly.rental a,
body main section div.mobonly.tsue a,
body main article div.mobonly.rental a,
body main article div.mobonly.tsue a {
  margin: 0;
  padding: 0;
}
body main aside div.mobonly.rental a img,
body main aside div.mobonly.tsue a img,
body main section div.mobonly.rental a img,
body main section div.mobonly.tsue a img,
body main article div.mobonly.rental a img,
body main article div.mobonly.tsue a img {
  width: 100%;
  height: 70px;
  margin: 0 auto;
  padding: 0;
}
body main aside div.mobonly.schedule,
body main aside div.mobonly.access,
body main aside div.mobonly.profile,
body main aside div.mobonly.inquiry,
body main section div.mobonly.schedule,
body main section div.mobonly.access,
body main section div.mobonly.profile,
body main section div.mobonly.inquiry,
body main article div.mobonly.schedule,
body main article div.mobonly.access,
body main article div.mobonly.profile,
body main article div.mobonly.inquiry {
  display: flex;
  justify-content: left;
  width: 158px; /*	３分割	*/
  height: 65px;
}
body main aside div.mobonly.schedule a,
body main aside div.mobonly.access a,
body main aside div.mobonly.profile a,
body main aside div.mobonly.inquiry a,
body main section div.mobonly.schedule a,
body main section div.mobonly.access a,
body main section div.mobonly.profile a,
body main section div.mobonly.inquiry a,
body main article div.mobonly.schedule a,
body main article div.mobonly.access a,
body main article div.mobonly.profile a,
body main article div.mobonly.inquiry a {
  display: block;
  font-size: 17px;
  text-align: center;
  white-space: wrap;
  margin: 0;
  padding: 24px 4px;
  background-color: #e7c8b8;
}
body main aside li.disc,
body main section li.disc,
body main article li.disc {
  display: block;
  width: 90%;
  text-align: left;
  margin: 0 auto;
  padding: 0;
  background-color: #eee;
}
body main aside li.disc::before,
body main section li.disc::before,
body main article li.disc::before {
  margin-left: -18.5px;
  content: "・";
}
body main aside h1, body main section h1 {
  font-size: 16px;
}

/*	body	*/
/* =============================================================
モバイル：フッタ	mobfooter
============================================================= */
footer {
  clear: both;
  width: 320px;
  border-top: 1px solid #444;
}
footer ul {
  width: 321px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}
footer ul li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}
footer ul li a {
  display: block;
  width: 79.25px; /*	４列		*/
  height: 44px;
  overflow: hidden;
  list-style-type: none;
  white-space: nowrap;
  text-indent: 100%;
  text-decoration: none;
  cursor: pointer;
  margin: 0 1px 1px 0;
}
footer div.credit {
  clear: both;
  width: 320px;
  font-size: 12px;
  color: #444;
  text-align: center;
  vertical-align: top;
  padding: 10px 0 10px 0;
  width: 100%;
}
footer div.credit span {
  font-size: 16px;
}
footer div.credit p {
  font-size: 12px;
}

/* =============================================================
モバイル：いろいろなところにボーダー、背景色	mobframework
============================================================= */
.bdrTopDot888 {
  width: 100%;
  padding-top: 10px;
  border-top: 1px dotted #888;
}

.bdrBtmDot888 {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px dotted #888;
}

.bdrBthDot888 {
  width: 100%;
  border-top: 1px dotted #888;
  border-bottom: 1px dotted #888;
}

.bdrTopSld888 {
  width: 100%;
  border-top: 1px solid #888;
}

.bdrBtmSld888 {
  width: 100%;
  border-bottom: 1px solid #888;
}

.bdrBthSld888 {
  width: 100%;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}

.bdrSld888 {
  width: 100%;
  border: 1px solid #888;
}

.noborder {
  border: none;
}

.withborder {
  border: 2px solid #444;
}

.txtSmall {
  font-size: 80%;
}

.txtCtr {
  text-align: center;
}

.txtLft {
  text-align: left;
}

.txtRgt {
  text-align: right;
}

.bgeee {
  background-color: #eee;
}

/* =============================================================
表示・非表示、間隔とか	mobframework
============================================================= */
br {
  display: block;
  content: "　";
  margin: 0;
  padding: 0;
}
br.void {
  margin: 0 0 10px 0;
}

/*
	.center	{
		display:block;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.small	{
		font-size: 75%;
		white-space: wrap;
	}
*/
.bigger {
  font-size: 150%;
}

.biggest {
  font-size: 200%;
  line-height: 1.5em;
}

.phonecall {
  font-size: 270%;
  line-height: 1.5em;
}

.tLeft {
  text-align: left;
}

.fLeft {
  float: left;
}

.fRight {
  float: right;
}

.pconly {
  display: none;
}

.mobonly {
  display: block;
}

.noborder {
  border: none;
}

td.st-dtitle.st-dtitle-fr {
  background-color: #444;
}

table#footer1 {
  display: none;
}

span.te-s {
  word-break: break-all;
}

.widthmax {
  width: 100%;
}

.pageonly {
  display: none;
}

/*

*	{
	width: 100%;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.fc	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}
div div,
div table	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

*/
/* =============================================================
表示・非表示、間隔とか
============================================================= */
h1 + table {
  border-top: none;
}

.noborder {
  border: none;
}

.bdrtopsld888 {
  border-top: 1px solid #888;
}

.bdrbtmdot888 {
  border-bottom: 1px dotted #888;
}

.bgeee {
  background-color: #eee;
}

.mobonly {
  display: block;
}

.pconly {
  display: none;
}

body.toppage .pageonly {
  display: none;
}

body:not(.toppage) .mobonly.topicsection {
  display: block;
}
body:not(.toppage) .toponly {
  display: none;
}
body:not(.toppage) .pageonly {
  display: block;
}

.clboth {
  clear: both;
}

aside div.current, section div.current {
  display: none;
}/*# sourceMappingURL=mob-framework.css.map */