@charset "utf-8";
/* CSS Document */

#wrap{
    padding-top:80px;
}

#container h3{
    background:#eee;
    font-size:120%;
    font-weight:bold;
    padding:1.3% 1% 1% ;
    margin:12px 0 0;
    clear:both;
    border-left:8px solid #d7000f;
}

#container #shop, #container #shop ol {
    margin: 0;
    padding : 0;
}

#container #search {
    width: 100%;
    padding:3% 6%;
    font-size:120%;
    background:url(../images/access/search_bg.png) no-repeat right bottom #fff;
}

#container #search ol{
    overflow:hidden;
    margin:0;
}

#container #search ol li{
    float:left;
    margin-right:2em;
}

#container #search ol li select {
    background: #faf5e8;
    border: 2px solid #ffbf00;
    border-radius: 6px;
    line-height: 40px;
    text-align: left;
    vertical-align: middle;
    padding:10px 24px 10px 8px;
}

#container #search ol li input {
    background: #009944;
    border-radius: 6px;
    color: #fff;
    line-height: 32px;
    text-align: left;
    vertical-align: middle;
    padding:5px 24px;
    font-weight:bold;
    border:none;
    cursor:pointer;
    margin-left:1em;
}

#container #search ol li input:hover{
    background: #29c166;
}

#container #search ol li input.resetBtn{
    background:#444;
}

#container #search ol li input.resetBtn:hover{
    background: #666;
}

#container ul#shop {
    width: 100%;
    background:#fff;
    padding:1% 6%;
}

#container ul#shop p#note{
    padding:2% 0;
}

#container ul#shop a{
    color:#444;
}

#container ul#shop ol{
    border: solid 1px #ccc;
    padding: 1.5em 1.5em 0.8em;
    position: relative;
    width: 98%;
    margin: 2% auto 3%;
    background:url(../images/access/search_ol_bg.png) no-repeat right center #fff;
    background-size:auto;
}

#container ul#shop a:hover ol{
    background:url(../images/access/search_ol_bg_on.png) no-repeat right center #faf5e8;
    background-size:auto;
    border:#7c6b79 solid 1px;
}

#container ul#shop ol li{
    margin-bottom:0.8%;
    padding-top:0.8%;
    padding-bottom:0.4%;
    font-size:90%;
    animation-duration: 0.5s;
    animation-name: fade-in;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fade-in;
}

@keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      5% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

@-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      5% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

@-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      5% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
}

#container ul#shop ol li.name{
    font-size:90%;
    overflow:hidden;
    padding-top:0;
    padding-bottom:1.5%;
    margin-bottom:2%;
    border-bottom: dashed 1px #ccc;
}

#container ul#shop ol li.name{
    font-weight:bold;
    color:#0068b7;
}

#container ul#shop a:hover ol li.name{
    color:#00a0e9;
}

#container ul#shop ol li.name span{
    background-color:#ff6536;
    color:#FFFFFF;
    padding:1px 5px 0;
    display:block;
    float:left;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size:11px;
    margin-right:8px;
}

#container ul#shop ol li.name span.kt{
    background-color:#e4007f;
}

#container ul#shop ol li.add{
    clear:both;
    background:url(../images/access/search_add_bg.png) no-repeat left top;
    min-height:32px;
    padding-left:100px;
    overflow:hidden;
    line-height:1.8em;
}

#container ul#shop ol li.add span{
    font-weight:bold;
    font-size:0.9em;
}

#container ul#shop ol li.add span.LS_txt{
    color:#ed0000;
}

#container ul#shop ol li.add span.yasu_txt{
    color:#00883d;
}

#container ul#shop ol li.add span.sen_txt{
    color:#b50000;
}

#container ul#shop ol li.add span.poro_txt{
    color:#00a0e8;
}


#container ul#shop ol li.tel{
    clear:both;
    background:url(../images/access/search_tel_bg.png) no-repeat left top;
    min-height:32px;
    padding-left:100px;
    overflow:hidden;
}

#container ul#shop ol li.open{
    clear:both;
    background:url(../images/access/search_open_bg.png) no-repeat left top;
    min-height:32px;
    padding-left:100px;
    margin-bottom:0;
}

#container ul#shop ol li.open span{
    font-size:80%;
    display:block;
    margin-top:3px;

}

#container ul#shop ol li.service{
    position:absolute;
    top:0.5%;
    right:4%;
}

#container ul#shop ol li.service span{
    background:no-repeat;
    display:inline-block;
    width:40px;
    height:40px;
    text-indent:-9999px;
}

#container ul#shop ol li.service span.karaoke{
    background:url(../images/icon/karaoke01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.karaoke_LS{
    background:url(../images/icon/karaoke03.png);
    background-size:100%;
}


#container ul#shop ol li.service span.karaoke_no{
    background:url(../images/icon/karaoke02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.kidspark{
    background:url(../images/icon/kids01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.kidspark_LS{
    background:url(../images/icon/kids03.png);
    background-size:100%;
}

#container ul#shop ol li.service span.kidspark_no{
    background:url(../images/icon/kids02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.studio{
    background:url(../images/icon/studio01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.studio_LS{
    background:url(../images/icon/studio03.png);
    background-size:100%;
}

#container ul#shop ol li.service span.studio_no{
    background:url(../images/icon/studio02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.cafe{
    background:url(../images/icon/cafe01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.cafe_LS{
    background:url(../images/icon/cafe03.png);
    background-size:100%;
}


#container ul#shop ol li.service span.cafe_no{
    background:url(../images/icon/cafe02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.medal{
    background:url(../images/icon/medal01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.medal_LS{
    background:url(../images/icon/medal03.png);
    background-size:100%;
}

#container ul#shop ol li.service span.medal_no{
    background:url(../images/icon/medal02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.game{
    background:url(../images/icon/game01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.game_LS{
    background:url(../images/icon/game03.png);
    background-size:100%;
}


#container ul#shop ol li.service span.game_no{
    background:url(../images/icon/game02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.darts{
    background:url(../images/icon/darts01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.darts_LS{
    background:url(../images/icon/darts03.png);
    background-size:100%;
}

#container ul#shop ol li.service span.darts_yasu{
    background:url(../images/icon/darts04.png);
    background-size:100%;
}

#container ul#shop ol li.service span.darts_no{
    background:url(../images/icon/darts02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.comic{
    background:url(../images/icon/comic01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.comic_LS{
    background:url(../images/icon/comic03.png);
    background-size:100%;
}

#container ul#shop ol li.service span.comic_yasu{
    background:url(../images/icon/comic04.png);
    background-size:100%;
}

#container ul#shop ol li.service span.comic_no{
    background:url(../images/icon/comic02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.net{
    background:url(../images/icon/net01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.net_LS{
    background:url(../images/icon/net03.png);
    background-size:100%;
}

#container ul#shop ol li.service span.net_yasu{
    background:url(../images/icon/net04.png);
    background-size:100%;
}

#container ul#shop ol li.service span.net_no{
    background:url(../images/icon/net02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.billiards{
    background:url(../images/icon/billiards01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.billiards_LS{
    background:url(../images/icon/billiards03.png);
    background-size:100%;
}

#container ul#shop ol li.service span.billiards_no{
    background:url(../images/icon/billiards02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.bowling{
    background:url(../images/icon/bowling01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.bowling_LS{
    background:url(../images/icon/bowling03.png);
    background-size:100%;
}

#container ul#shop ol li.service span.bowling_no{
    background:url(../images/icon/bowling02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.table-tennis{
    background:url(../images/icon/table-tennis01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.table-tennis_LS{
    background:url(../images/icon/table-tennis03.png);
    background-size:100%;
}

#container ul#shop ol li.service span.table-tennis_no{
    background:url(../images/icon/table-tennis02.png);
    background-size:100%;
}

#container ul#shop ol li.service span.ls{
    background:url(../images/icon/ls01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.porocky{
    background:url(../images/icon/porocky01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.sen{
    background:url(../images/icon/sen01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.yasuragi{
    background:url(../images/icon/yasuragi01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.gacha{
    background:url(../images/icon/gatcha01.png);
    background-size:100%;
}

#container ul#shop ol li.service span.gacha_no{
    background:url(../images/icon/gatcha02.png);
    background-size:100%;
}


#container ul#shop li.areaTitle h4{
    line-height:30px;
    font-size:110%;
    font-weight:bold;
    padding-left:3%;
    padding-top: 3px;
    margin:16px 0 0;
    clear:both;
    background: url(../images/icon/etc_h3.png) no-repeat left center;
    background: url(../images/icon/etc_h3_ie.png) no-repeat left center \9;
    background-size: auto 60%;
}
#container ul#shop li.areaTitle a {
    pointer-events: none;
}

#container ul#shop li.areaTitle a ol{
    background-color: #fff;
    border:none;
    padding:0;
    width: 100%;
    margin: 0 auto 0%;
    background-image:none;
}

#container ul#shop li.areaTitle a:hover ol{
    background-color:#fff;
}

#container ul#shop li.areaTitle a ol li{
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    font-size:100%;
}

/* game
========================================================================== */
#container ul#game {
    width: 100%;
    background:#fff;
    padding:1% 6%;
}

#container ul#game p#note {
    padding: 2% 0;
}

#container ul#game a{
    color:#444;
}

#container ul#game ol{
    border: solid 1px #ccc;
    padding: 0.6em 1.5em 0.6em;
    position: relative;
    width: 98%;
    margin: 2% auto 3%;
    background-size:auto;
}

#container ul#game a:hover ol{
    background-size:auto;
    border:#7c6b79 solid 1px;
}

#container ul#game ol li{
    margin-bottom:0.8%;
    font-size:90%;
    animation-duration: 0.5s;
    animation-name: fade-in;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fade-in;
}

@keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      5% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

@-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      5% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

@-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      5% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
}

#container ul#game ol li.image{
    width:20%;
    float:left;
    padding:0;
    margin:0.6em 0 1em;
}

#container ul#game li.tounament ol li.image span{
    display:none;
}

#container ul#game ol li.image img{
    width:100%;
    border:0;
    margin-bottom: 0.4em;
}


#container ul#game ol li.game{
    font-size:115%;
    overflow:hidden;
    padding: 0;
    margin-bottom:0.6em;
    float:right;
    width:76%;
    font-weight:bold;
    line-height:1.2em;
}

#container ul#game ol li.game span{
    background-color:#e50012;
    color:#FFFFFF;
    padding:1px 5px 0;
    display:block;
    float:left;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size:11px;
    margin-right:8px;
    line-height:1.6em;
}

#container ul#game ol li.game span.video{
    background-color:#e50012;
}

#container ul#game ol li.game span.music{
    background-color:#6f35b8;
}


#container ul#game ol li.game span.virtual{
    background-color:#009844;
}

#container ul#game ol li.game span.card{
    background-color:#0068b6;
}

#container ul#game ol li.game span.medal{
    background-color:#ff6536;
}

#container ul#game ol li.game span.kids{
    background-color:#009fe8;
}

#container ul#game ol li.game span.puri{
    background-color:#e4007e;
}

#container ul#game ol li.game span.mahjong{
    background-color:#444;
}

#container ul#game ol li.game img{
    vertical-align:baseline;
    padding: 0 0 0 0.6em;
}

#container ul#game ol li.game a{
    color:#0068b7;
    text-decoration:none;
    font-size:70%;
    padding-left:1em;
}

#container ul#game ol li.game a:hover{
    text-decoration: none;
    color:#00a0e9;
}

#container ul#game ol li.game dl dt{
    overflow:hidden;
    margin:0.6em 0;
    font-weight:bold;
}

#container ul#game ol li.game dl dd,
#container ul#game ol li.game2 dl dd{
    font-size:75%;
    background:url(../images/game/search/arrow.png) no-repeat left 2px;
    padding-left:16px;
    margin-bottom:0.3em;
    line-height: 1.6em;
}


#container ul#game ol li.shop{
    clear:both;
    border-top: dashed 1px #ccc;
    width:100%;
    padding:0.6em 0 0;
    margin:0;
    font-size: 85%;
}

#container ul#game li.Title a {
    pointer-events: none;
}

#container ul#game li.Title a ol{
    background-color: #fff;
    border:none;
    padding:0;
    width: 100%;
    margin: 0 auto 0%;
    background-image:none;
}

#container ul#game li.Title a:hover ol{
    background-color:#fff;
}

#container ul#game li.Title a ol li{
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    font-size:100%;
}

#container #table_disp{
    width:100%;
}

#container #table_disp table tr th{
    display:none;
}

/* tounament
========================================================================== */

#container ul#game li.tounament h5{
    background-color:#444;
    color:#fff;
    width:100%;
    text-align:left;
    padding:0.6em 1em 0.5em;
    margin-bottom:1.4em;
    font-size:110%;
    font-weight:bold;
}

#container ul#game li.tounament h5 span{
    font-size:80%;
}

#container ul#game li.tounament h5 img{
    vertical-align:middle;
    padding-right:0.8em;
}

#container ul#game li.tounament ol{
    padding:0;
}

#container ul#game li.tounament ol li{
    overflow:hidden;
}
#container ul#game li.tounament ol li a{
  color: #0068b7;
}

#container ul#game li.tounament ol li a:hover{
    text-decoration: none;
    color:#00a0e9;
}

#container ul#game li.tounament ol li.image{
    width:20%;
    margin:0;
    margin-left:1.6em;
}
#container ul#game li.tounament ol li dl{
    float:right;
    width:94%;
    margin-right:1.6em;
}

#container ul#game li.tounament ol li dl dt {
  float: left;
  width: 8em;
  line-height: 2em;
  color: #333333;
}

#container ul#game li.tounament ol li dl dd {
  line-height: 2em;
  padding-left: 8em;
  border-bottom:1px dotted #ccc;
  padding-bottom: 0.2em;
  margin-bottom: 0.4em;
}

#container ul#game li.tounament ol li dl dd:last-child{
    border:none;
}

#container ul#game p.txt{
    margin-bottom:1.6em;
}

#container ul#shop ol li.add span.end {
    font-size: 2.5em;
    line-height: 2em;
    color: #ff0000;
}

p.notournament{
	text-align: center;
	font-size: 2em;
	line-height: 10em;
}


/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media screen and (max-width: 770px) {
#wrap{
    padding-top:45px;
}

#container h3{
    font-size:100%;
    margin:24px 0 0;
    border-left:6px solid #d7000f;
    padding:1.2% 2% ;
}

#container #search{
    width: 100%;
    padding:4% 4% 0;
    font-size:90%;
    line-height:1.2em;
    background-position:right 0 top 0;
    background-size:40%;
}

#container ul#shop ol{
    border: solid 1px #ccc;
    padding: 0.6em 1.6em 0.6em 0.6em;
    position: relative;
    width: 100%;
    margin: 2% auto 3%;
    background:url(../images/access/search_ol_bg.png) no-repeat right center #fff;
    background-size:auto;
    font-size:90%;
}

#container ul#shop a:hover ol{
    background:url(../images/access/search_ol_bg_on.png) no-repeat right center #faf5e8;
    background-size:auto;
    border:#7c6b79 solid 1px;
}


#container #search ol li{
    float:none;
    margin-right:0;
    margin-bottom:1em;
}


#container ul#shop ol li.name {
      font-size: 105%;
}

#container ul#shop ol li.name span{
    padding:1px 5px 0;
    font-size:10px;
    margin-right:8px;
    margin-bottom:4px;
    display: block;
    float: none;
    width: 30%;
    text-align: center;
}

#container #search ol li select {
    background: #faf5e8;
    border: 2px solid #ffbf00;
    border-radius: 6px;
    line-height: 30px;
    height: 30px;
    text-align: left;
    vertical-align: middle;
    padding:0px 16px 0px 4px;
}

#container #search ol li select.area{
    margin-left:22px;
    width:50%;
}

#container #search ol li select.genre{
    margin-left:8px;
    width:50%;
}

#container #search ol li select.shop{
    margin-left:8px;
    width:50%;
}

#container #search ol li input {
    background: #009944;
    border-radius: 6px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    font-weight:bold;
    border:none;
    cursor:pointer;
    margin-left:1em;
    -webkit-appearance: none;
    width:55%;
}

#container #search ol li input.resetBtn{
    background:#444;
    width:30%;
}


#container ul#shop {
    width: 100%;
    background:#fff;
    padding:1% 3%;
}

#container ul#shop li.areaTitle h4{
    line-height:30px;
    font-size:110%;
    font-weight:bold;
    padding-left:8%;
    padding-top: 1px;
    margin:8px 0 0;
    clear:both;
    background: url(../images/icon/etc_h3.png) no-repeat left center;
    background-size: auto 60%;
}

#container ul#shop ol li.service{
    position:initial;
    padding:0;
    width:100%;
}

#container ul#shop ol li.service span{
    background:no-repeat;
    display:inline-block;
    width:38px;
    height:38px;
    text-indent:-9999px;
    margin-top:0.4em;
}

#container ul#shop ol li.add{
    clear:both;
    background:none;
    min-height:32px;
    padding-left:0;
    overflow:hidden;
    line-height:1.8em;
}



/* game
========================================================================== */
#container ul#game ol{
    padding:0.6em;
}

#container ul#game ol li.game{
    width:100%;
    float:none;
}


#container ul#game ol li.image {
  width: 70%;
  float: none;
  margin:0 auto;

}

#container ul#game ol li.game span{
    font-size:65%;
    display:block;
    float:none;
    width:40%;
    text-align:center;
    margin-bottom:0.4em;
}

#container ul#game ol li.game dl dt{
    font-size:90%;
}

#container ul#game ol li.game dl dd{
    font-size:80%;
    margin-bottom: 0.5em;
    background:url(../images/game/search/arrow.png) no-repeat left 4px;
}

#container ul#game ol li.shop{
    font-size:80%;
    line-height:1.6em;
}



/* tounament
========================================================================== */

#container ul#game li.tounament h5{
    font-size:100%;
    margin:1em;
    width: 100%;
    margin:0 0 1em;
}

#container ul#game li.tounament h5 span{
    font-size:75%;
}

#container ul#game li.tounament h5 img{
    vertical-align:middle;
    padding-right:0.8em;
}

#container ul#game li.tounament ol{
    padding:0;
}

#container ul#game li.tounament ol li.image{
    float: none;
    margin: 0 auto;
    width: 70%;
}
#container ul#game li.tounament ol li dl{
    float:none;
    width:90%;
    margin: 0.6em auto 0;
}

#container ul#game li.tounament ol li dl dt {
  float: none;
  width: 100%;
  line-height: 2em;
  color: #333333;
  background-color:#eee;
  padding-left:0.4em;
  margin:0.4em 0;
}

#container ul#game li.tounament ol li dl dd {
  line-height: 1.4em;
  padding-left:0.4em;
  border-bottom:none;
  padding-bottom: 0.2em;
  margin-bottom: 0.4em;
}

#container ul#game p.txt{
    margin-bottom:1.6em;
}

p.notournament{
	text-align: center;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 2em 0;
}


}