@charset "UTF-8";
/* =============================================================
	trllc.biz用 css：デスクトップ by kuwatsu
============================================================= */
@media screen and (min-width: 1024px) {
  html {
    width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
  }
  body {
    width: 1280px;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    text-align: center;
  }
  body *, body *:before, body *:after {
    box-sizing: border-box;
  }
  input, select {
    font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
  }
  acronym {
    /* タイトル 大文字になるのをヤメ */
    text-transform: none;
  }
  ul, li {
    list-style-type: none;
    text-decoration: none;
  }
  li, p {
    line-height: 1.5em;
  }
  p {
    display: block;
    width: 100%;
    color: #000;
    margin: 0;
    padding: 0;
  }
  p.center {
    text-align: center;
    margin: 0 auto;
  }
  p.honbun {
    margin: 0 10px 10px 20px;
  }
  p.honbun span.redBelt {
    padding: 3px;
  }
  p.listed {
    font-size: 15px;
    padding: 5px 0 5px 20px;
  }
  p.itemized {
    font-size: 15px;
  }
  a {
    text-decoration: none;
    border: none;
  }
  a:visited, a:focus {
    color: #444;
  }
  a:hover, a:active {
    color: #fff;
  }
  /* =============================================================
  基本レイアウト
  ============================================================= */
  header {
    float: right;
    text-align: right;
    max-width: 320px;
    height: 70px;
    margin: 0 0 4px 0;
    padding: 0 0 0 960px;
    background: url("/imgTop/headerLogo320x50px.png") right center no-repeat;
  }
  header#kenkoMahjong {
    float: right;
    text-align: right;
    max-width: 320px;
    height: 70px;
    margin: 0 0 4px 0;
    padding: 0 0 0 960px;
    background: url("/imgTop/headerKnekoMahjong320x50px.png") right center no-repeat;
  }
  /* =============================================================
  メインナビ ヨコ並びリンク
  ============================================================= */
  nav {
    display: block;
    float: left;
    width: 75%; /*	960px	*/
    height: 75px;
    margin: -75px -5px 0 0;
    padding: 0;
  }
  nav ul {
    display: flex;
    justify-content: start;
    width: 75%; /*	960px	*/
    margin: 0;
    padding: 0;
  }
  nav ul li {
    width: 104px;
    height: 70px;
    margin: 0;
    padding: 0;
  }
  nav ul li a {
    width: 100px;
    height: 70px;
    color: #444;
    line-height: 4.15em;
    margin: 0 5px 5px 0;
    padding: 0;
    /*
    				&:hover	{
    					background-position: center center;
    				}
    				&.current,
    				&.current:hover,
    				&.void	{
    					cursor: default;
    					background-position: center center;
    				}
    */
  }
  nav ul li a.home {
    background: #fdebc8;
    border: 2px solid #fdebc8;
  }
  nav ul li a.home:hover {
    font-size: 125%;
    color: #fff;
    line-height: 3.3em;
    background: #ffbf7f;
  }
  nav ul li a.schedule, nav ul li a.access, nav ul li a.profile, nav ul li a.inquiry {
    background: #e7c8b8;
    border: 2px solid #e7c8b8;
  }
  nav ul li a.schedule:hover, nav ul li a.access:hover, nav ul li a.profile:hover, nav ul li a.inquiry:hover {
    font-size: 125%;
    color: #fff;
    line-height: 3.3em;
    background: #d3aca1;
  }
  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;
    font-size: 125%;
    color: #d3aca1;
    line-height: 3.3em;
    background: #fff;
  }
  /* =============================================================
  	フッタ
  ============================================================= */
  footer {
    clear: both;
    width: 1280px;
    text-align: center;
    margin: 0 auto;
    border-top: 2px solid #888888;
    /*	フッタナビ	*/
  }
  footer ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    list-style-type: none;
    margin: 5px auto 10px auto;
    padding: 0;
    white-space: nowrap;
    border-left: solid 1px #eee;
  }
  footer ul li {
    width: 11.11%; /*	9分割	*/
    /*	width: 12.5%;	8分割	*/
    text-align: center;
    margin: 0 auto;
    padding: 0;
    /*			padding: 5px 10px 3px 10px;	*/
    border-right: solid 1px #eee;
  }
  footer ul li :first-child {
    border-left: solid 1px #eee;
  }
  footer ul li a {
    width: 100%;
    color: #888;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    text-indent: 0%;
    white-space: nowrap;
    margin: 0;
    padding: 10px;
  }
  footer ul li a.class {
    background-image: none;
    background: none;
  }
  footer ul li a.comingsoon, footer ul li a.schedule {
    background-color: #ffcccc; /* m29.3 y13.6	*/
  }
  footer ul li a.comingsoon:hover, footer ul li a.comingsoon:active, footer ul li a.schedule:hover, footer ul li a.schedule:active {
    color: #fff;
    background-color: #ff7f7f;
  }
  footer ul li a.home:hover, footer ul li a.home:active, footer ul li a.temporary:hover, footer ul li a.temporary:active, footer ul li a.cultureschool:hover, footer ul li a.cultureschool:active {
    color: #fff;
    background-color: #ffbf7f;
  }
  footer ul li a.korobanu:hover, footer ul li a.korobanu:active {
    color: #fff;
    background-color: #4bbbb3;
  }
  footer ul li a.topic, footer ul li a.topicsection {
    background-color: #cce5ff; /*	c25	*/
  }
  footer ul li a.topic:hover, footer ul li a.topic:active, footer ul li a.topicsection:hover, footer ul li a.topicsection:active {
    color: #fff;
    background-color: #7fbfff;
  }
  footer ul li a.rentalSpace:hover, footer ul li a.rentalSpace:active {
    color: #fff;
    background-color: #6bbb63;
  }
  footer ul li a.concert:hover, footer ul li a.concert:active {
    color: #fff;
    background-color: #006a6c; /*	c20 m40	*/
  }
  footer ul li a.access:hover, footer ul li a.access:active, footer ul li a.profile:hover, footer ul li a.profile:active, footer ul li a.inquiry:hover, footer ul li a.inquiry:active {
    color: #fff;
    background-color: #d3aca1;
  }
  footer ul li a.tsue:hover, footer ul li a.tsue:active {
    color: #fff;
    background-color: #cfa7cc;
  }
  footer ul li a:hover {
    color: #fff;
    background-color: #f7c17b;
  }
  footer ul li a.current, footer ul li a.current:hover {
    cursor: default;
    background-color: none;
  }
  footer ul li a.karaoke, footer ul li a.cafemenu {
    margin: -4px auto 4px auto;
  }
  footer ul li a.karaoke h3, footer ul li a.karaoke span, footer ul li a.cafemenu h3, footer ul li a.cafemenu span {
    display: none;
  }
  footer div.credit {
    clear: both;
    width: 1280px;
    font-size: 14px;
    color: #444;
    text-align: right;
    vertical-align: top;
    padding: 10px 0 10px 0;
  }
  footer div.credit span {
    font-size: 18px;
    text-align: right;
  }
  footer div.credit p {
    font-size: 12px;
    text-align: right;
  }
  /*	footer	*/
  /* =============================================================
  モバイル：H　基本	mobframework
  ============================================================= */
  h2 {
    background-color: #eee;
  }
  /* =============================================================
  モバイル：body	mobframework
  ============================================================= */
  body main aside div a:hover, body main aside div a:active,
  body main section div a:hover,
  body main section div a:active,
  body main article div a:hover,
  body main article div a:active {
    color: #fff;
    transition: all 0.3s ease;
  }
  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 section div.comingsoon img,
  body main section div.topic img,
  body main section div.topicsection img,
  body main section div.cafemenu 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 {
    width: 244px;
    max-height: 138.3px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px;
    margin: 4px auto 4px auto;
  }
  body main aside div.comingsoon.void,
  body main section div.comingsoon.void,
  body main article div.comingsoon.void {
    display: block;
    background-color: #ffe0e0; /* m29.3 y13.6	*/
  }
  body main aside div.comingsoon.void:hover, body main aside div.comingsoon.void:active,
  body main section div.comingsoon.void:hover,
  body main section div.comingsoon.void:active,
  body main article div.comingsoon.void:hover,
  body main article div.comingsoon.void:active {
    cursor: default;
  }
  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: none;
  }
  body main article div.rental,
  body main article div.tsue {
    display: none;
  }
  body main article figcaption {
    font-size: 12px;
    text-align: center;
    margin: 0 auto 10px auto;
  }
  body main aside div.rental {
    background-color: #d6e8b9;
  }
  body main aside div.rental:hover, body main aside div.rental:active {
    background-color: #6bbb63;
  }
  body main aside div.rental:hover a, body main aside div.rental:hover h3, body main aside div.rental:active a, body main aside div.rental:active h3 {
    color: #fff;
  }
  body main aside div.tsue {
    display: block;
    background-color: #cfa7cc;
  }
  body main aside div.tsue:hover, body main aside div.tsue:active {
    color: #fff;
    background-color: #a5559d;
  }
  body main aside div.tsue img {
    width: 100%;
  }
  /*	aside,section,article	*/
  /* =============================================================
  	table 基本
  ============================================================= */
  table {
    float: left;
    width: calc(100% - 4px);
    margin: 0 15px 20px 15px;
    padding: 0;
  }
  table.summary {
    border: none;
  }
  table th {
    width: 0%;
    height: auto;
    line-height: 1.4em;
    margin: 0;
  }
  table th.red {
    color: red;
    font-size: 14px;
  }
  table th.title {
    width: 100%;
    height: 2em;
  }
  table td {
    min-width: 60px;
    height: auto;
    line-height: 1.4em;
    white-space: normal;
    vertical-align: middle;
  }
  table td:last-child {
    width: 100%;
  }
  table td span {
    font-size: 12px;
    line-height: 1.3em;
  }
  table td span.red {
    font-size: 18px;
    color: red;
  }
  table td span.bigger {
    font-size: 18px;
  }
  table td span.red.bigger {
    font-size: 18px;
    color: red;
  }
  table td span.price {
    font-size: 18px;
  }
  table td.btmNoborder {
    border-bottom: none;
  }
  table.new {
    line-height: 1em;
  }
  /* =============================================================
  表示・非表示、間隔とか
  ============================================================= */
  .pconly {
    display: block;
  }
  body.toppage .mobonly {
    display: none;
  }
  body.toppage .pageonly {
    display: none;
  }
  body:not(.toppage) .mobonly {
    display: none;
  }
  body:not(.toppage) .mobonly.topicsection {
    display: block;
  }
  body:not(.toppage) .toponly {
    display: none;
  }
  body:not(.toppage) .pageonly {
    display: block;
  }
  .mobonly + span,
  span.inline::after {
    display: inline;
  }
} /*	@media screen and (min-width: 1024px)	*//*# sourceMappingURL=pc-framework.css.map */