@charset "UTF-8";
/* line 12, ../../compass/sass/main.scss */
html * {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* line 16, ../../compass/sass/main.scss */
html {
  -webkit-text-size-adjust: none;
}

/* line 24, ../../compass/sass/main.scss */
img {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* iOS Safari */
  touch-callout: none;
}

/* タイトル画像とかを入れるもの */
/* line 33, ../../compass/sass/main.scss */
.image-container {
  width: 100%;
}
/* line 35, ../../compass/sass/main.scss */
.image-container img {
  max-width: 100%;
  max-height: 100%;
}

/* line 41, ../../compass/sass/main.scss */
.ui-btn {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 49, ../../compass/sass/main.scss */
.ui-corner-all,
.ui-btn-corner-all {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

/* line 87, ../../compass/sass/main.scss */
div[data-role='page'].ui-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  border: 0px;
  display: absolute;
}

/* line 291, ../../compass/sass/main.scss */
img.fluid-image {
  max-width: 98%;
}

/* line 108, ../../compass/sass/main.scss */
div#game div[data-role="content"] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
  overflow: hidden;
}
/* line 124, ../../compass/sass/main.scss */
div#game div.button-area {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  width: 100%;
  max-width: 100%;
  height: 12%;
  max-height: 12%;
  cursor: pointer;
}
/* line 131, ../../compass/sass/main.scss */
div#game div.button-area div.menu-container {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/main_icon_l.png?1399311184');
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  box-align: stretch;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
/* line 145, ../../compass/sass/main.scss */
div#game div.button-area div.menu-container div.menu-contents {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  height: 100%;
  max-height: 100%;
  padding: 2px;
}
/* line 151, ../../compass/sass/main.scss */
div#game div.button-area div.menu-container div.menu-contents img {
  max-width: 100%;
  max-height: 100%;
}
/* line 256, ../../compass/sass/main.scss */
div#game .capture-selected {
  background-color: cyan;
}
/* line 257, ../../compass/sass/main.scss */
div#game .capture-piece-image {
  display: inline-block;
  vertical-align: bottom;
}
/* line 263, ../../compass/sass/main.scss */
div#game div.area-capture {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/main_koma_l.png?1399311184');
  text-align: center;
  width: 100%;
  max-width: 100%;
  height: 8%;
  max-height: 8%;
  padding-top: 1%;
  padding-bottom: 1%;
}
/* line 275, ../../compass/sass/main.scss */
div#game div.area-capture div.capture-item {
  display: inline-block;
  max-width: 7%;
  width: 7%;
}
/* line 279, ../../compass/sass/main.scss */
div#game div.area-capture div.capture-item img {
  max-width: 100%;
  max-height: 100%;
}
/* line 284, ../../compass/sass/main.scss */
div#game div.area-capture span.capture-piece-num {
  color: #ccc;
}
/* line 162, ../../compass/sass/main.scss */
div#game .game-teban-hum {
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 3;
  width: 10%;
  max-width: 10%;
}
/* line 169, ../../compass/sass/main.scss */
div#game .game-teban-hum img {
  width: 100%;
  max-width: 100%;
}
/* line 174, ../../compass/sass/main.scss */
div#game .game-teban-com {
  position: absolute;
  right: 0%;
  top: 0%;
  z-index: 3;
  width: 10%;
  max-width: 10%;
}
/* line 181, ../../compass/sass/main.scss */
div#game .game-teban-com img {
  width: 100%;
  max-width: 100%;
}
/* line 187, ../../compass/sass/main.scss */
div#game .board-area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  box-align: stretch;
  width: 100%;
  max-width: 100%;
  height: 70%;
  max-height: 70%;
  cursor: pointer;
}
/* line 196, ../../compass/sass/main.scss */
div#game .board-area div.board-tatami-left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-image: url('../images/main_tatami_left_l.png?1399311184');
  width: 5%;
  max-width: 5%;
}
/* line 203, ../../compass/sass/main.scss */
div#game .board-area div.board-tatami-right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-image: url('../images/main_tatami_right_l.png?1399311184');
  width: 5%;
  max-width: 5%;
}
/* line 211, ../../compass/sass/main.scss */
div#game .board-area div.board-container {
  -webkit-box-flex: 8;
  -moz-box-flex: 8;
  -ms-box-flex: 8;
  box-flex: 8;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/main_ban_l.png?1399311184');
  width: 90%;
  max-width: 90%;
  position: relative;
}
/* line 220, ../../compass/sass/main.scss */
div#game .board-area div.board-container div.hline {
  position: absolute;
  background-color: rgba(255, 99, 30, 0.75);
  width: 100%;
  height: 2px;
}
/* line 226, ../../compass/sass/main.scss */
div#game .board-area div.board-container div.vline {
  position: absolute;
  background-color: rgba(255, 99, 30, 0.75);
  width: 2px;
  height: 100%;
}
/* line 234, ../../compass/sass/main.scss */
div#game .board-area div.board-container table.board {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  z-index: 2;
}
/* line 242, ../../compass/sass/main.scss */
div#game .board-area div.board-container table.board td.cursor-active {
  background-color: rgba(115, 255, 0, 0.9);
}
/* line 303, ../../compass/sass/main.scss */
div#game div.ui-content {
  padding: 0px;
}

/* line 310, ../../compass/sass/main.scss */
div#dialog-furikoma {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  box-align: stretch;
  width: 100%;
  height: 100%;
}
/* line 317, ../../compass/sass/main.scss */
div#dialog-furikoma .logo {
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-box-flex: 4;
  box-flex: 4;
  max-width: 100%;
  width: 100%;
  padding-top: 4px;
}
/* line 322, ../../compass/sass/main.scss */
div#dialog-furikoma .logo img {
  max-width: 70%;
}
/* line 326, ../../compass/sass/main.scss */
div#dialog-furikoma .pieces {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-box-flex: 2;
  box-flex: 2;
  max-width: 100%;
  width: 100%;
  padding-top: 4px;
}
/* line 331, ../../compass/sass/main.scss */
div#dialog-furikoma .pieces table {
  max-width: 100%;
  width: 100%;
}
/* line 336, ../../compass/sass/main.scss */
div#dialog-furikoma .result-label {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-box-flex: 2;
  box-flex: 2;
  max-width: 100%;
  width: 100%;
  padding-top: 4px;
}
/* line 341, ../../compass/sass/main.scss */
div#dialog-furikoma .result-label img {
  max-width: 70%;
}
/* line 345, ../../compass/sass/main.scss */
div#dialog-furikoma .result {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-box-flex: 2;
  box-flex: 2;
  max-width: 100%;
  width: 100%;
  padding-top: 4px;
}
/* line 350, ../../compass/sass/main.scss */
div#dialog-furikoma .result img {
  max-width: 50%;
}

/* line 360, ../../compass/sass/main.scss */
div#dialog-resign-com,
div#dialog-resign {
  padding: 2.5%;
}

/* line 366, ../../compass/sass/main.scss */
div#dialog-promote > [data-role="content"] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  width: 100%;
  height: 100%;
}
/* line 372, ../../compass/sass/main.scss */
div#dialog-promote > [data-role="content"] div.logo {
  max-width: 100%;
  width: 100%;
}
/* line 377, ../../compass/sass/main.scss */
div#dialog-promote > [data-role="content"] div.confirm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  max-width: 100%;
  width: 100%;
}
/* line 382, ../../compass/sass/main.scss */
div#dialog-promote > [data-role="content"] div.confirm div.space {
  width: 10%;
}
/* line 386, ../../compass/sass/main.scss */
div#dialog-promote > [data-role="content"] div.confirm div.confirm-block {
  width: 45%;
  position: relative;
}
/* line 390, ../../compass/sass/main.scss */
div#dialog-promote > [data-role="content"] div.confirm div.confirm-block div.promote-piece-image-container {
  width: 50%;
  position: absolute;
  top: 15%;
  left: 50%;
  margin-left: -25%;
}

/* line 108, ../../compass/sass/main.scss */
div#replay div[data-role="content"] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
  overflow: hidden;
}
/* line 124, ../../compass/sass/main.scss */
div#replay div.button-area {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  width: 100%;
  max-width: 100%;
  height: 12%;
  max-height: 12%;
  cursor: pointer;
}
/* line 131, ../../compass/sass/main.scss */
div#replay div.button-area div.menu-container {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/main_icon_l.png?1399311184');
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  box-align: stretch;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
/* line 145, ../../compass/sass/main.scss */
div#replay div.button-area div.menu-container div.menu-contents {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  height: 100%;
  max-height: 100%;
  padding: 2px;
}
/* line 151, ../../compass/sass/main.scss */
div#replay div.button-area div.menu-container div.menu-contents img {
  max-width: 100%;
  max-height: 100%;
}
/* line 256, ../../compass/sass/main.scss */
div#replay .capture-selected {
  background-color: cyan;
}
/* line 257, ../../compass/sass/main.scss */
div#replay .capture-piece-image {
  display: inline-block;
  vertical-align: bottom;
}
/* line 263, ../../compass/sass/main.scss */
div#replay div.area-capture {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/main_koma_l.png?1399311184');
  text-align: center;
  width: 100%;
  max-width: 100%;
  height: 8%;
  max-height: 8%;
  padding-top: 1%;
  padding-bottom: 1%;
}
/* line 275, ../../compass/sass/main.scss */
div#replay div.area-capture div.capture-item {
  display: inline-block;
  max-width: 7%;
  width: 7%;
}
/* line 279, ../../compass/sass/main.scss */
div#replay div.area-capture div.capture-item img {
  max-width: 100%;
  max-height: 100%;
}
/* line 284, ../../compass/sass/main.scss */
div#replay div.area-capture span.capture-piece-num {
  color: #ccc;
}
/* line 162, ../../compass/sass/main.scss */
div#replay .game-teban-hum {
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 3;
  width: 10%;
  max-width: 10%;
}
/* line 169, ../../compass/sass/main.scss */
div#replay .game-teban-hum img {
  width: 100%;
  max-width: 100%;
}
/* line 174, ../../compass/sass/main.scss */
div#replay .game-teban-com {
  position: absolute;
  right: 0%;
  top: 0%;
  z-index: 3;
  width: 10%;
  max-width: 10%;
}
/* line 181, ../../compass/sass/main.scss */
div#replay .game-teban-com img {
  width: 100%;
  max-width: 100%;
}
/* line 187, ../../compass/sass/main.scss */
div#replay .board-area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  box-align: stretch;
  width: 100%;
  max-width: 100%;
  height: 70%;
  max-height: 70%;
  cursor: pointer;
}
/* line 196, ../../compass/sass/main.scss */
div#replay .board-area div.board-tatami-left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-image: url('../images/main_tatami_left_l.png?1399311184');
  width: 5%;
  max-width: 5%;
}
/* line 203, ../../compass/sass/main.scss */
div#replay .board-area div.board-tatami-right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-image: url('../images/main_tatami_right_l.png?1399311184');
  width: 5%;
  max-width: 5%;
}
/* line 211, ../../compass/sass/main.scss */
div#replay .board-area div.board-container {
  -webkit-box-flex: 8;
  -moz-box-flex: 8;
  -ms-box-flex: 8;
  box-flex: 8;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/main_ban_l.png?1399311184');
  width: 90%;
  max-width: 90%;
  position: relative;
}
/* line 220, ../../compass/sass/main.scss */
div#replay .board-area div.board-container div.hline {
  position: absolute;
  background-color: rgba(255, 99, 30, 0.75);
  width: 100%;
  height: 2px;
}
/* line 226, ../../compass/sass/main.scss */
div#replay .board-area div.board-container div.vline {
  position: absolute;
  background-color: rgba(255, 99, 30, 0.75);
  width: 2px;
  height: 100%;
}
/* line 234, ../../compass/sass/main.scss */
div#replay .board-area div.board-container table.board {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  z-index: 2;
}
/* line 242, ../../compass/sass/main.scss */
div#replay .board-area div.board-container table.board td.cursor-active {
  background-color: rgba(115, 255, 0, 0.9);
}
/* line 412, ../../compass/sass/main.scss */
div#replay div.ui-content {
  padding: 0px;
}

/* line 420, ../../compass/sass/main.scss */
div#dialog-replay-confirm,
div#dialog-save,
div#dialog-save-finish {
  padding: 1em;
}

/* line 425, ../../compass/sass/main.scss */
div#index {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/base_back.png?1399311184');
  background-repeat: repeat-y;
  /* fix bug:012 */
}
/* line 430, ../../compass/sass/main.scss */
div#index div.ui-content {
  padding: 0px;
}
/* line 435, ../../compass/sass/main.scss */
div#index .ui-btn-up-c,
div#index .ui-btn-hover-c,
div#index .ui-btn-down-c {
  border: 1px solid #bbb;
  box-shadow: none;
}
/* line 439, ../../compass/sass/main.scss */
div#index .ui-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
}
/* line 443, ../../compass/sass/main.scss */
div#index .ui-btn-active {
  background: none;
  border: 0;
}
/* line 447, ../../compass/sass/main.scss */
div#index .ui-btn-inner {
  font-size: 0px;
  /* 画像ボタンの隙間を埋める */
  padding: 0;
  border: 0;
}
/* line 451, ../../compass/sass/main.scss */
div#index .ui-btn-inner img {
  max-width: 80%;
  max-height: 50%;
}
/* line 456, ../../compass/sass/main.scss */
div#index .ui-btn {
  width: 100%;
  max-width: 100%;
}
/* line 460, ../../compass/sass/main.scss */
div#index .titlelogo {
  width: 60%;
  margin: auto;
  padding-top: 2.5%;
  padding-bottom: 2.5%;
}
/* line 465, ../../compass/sass/main.scss */
div#index .titlelogo img {
  max-width: 100%;
}
/* line 469, ../../compass/sass/main.scss */
div#index div.version {
  padding-top: 2.5%;
  padding-right: 2.5%;
  color: #000;
  text-shadow: 0px 0px 0px black, 0px 0px 0px 2px black;
  text-shadow: 0px 0px 0px 2px black, 0px 0px 0px 2px black;
}
/* line 474, ../../compass/sass/main.scss */
div#index div.version span.version-code {
  padding: 0.5em;
  background: #fff;
}
/* line 480, ../../compass/sass/main.scss */
div#index .for_yahoo_premium {
  width: 40%;
  margin: auto;
  padding-bottom: 2.5%;
}
/* line 484, ../../compass/sass/main.scss */
div#index .for_yahoo_premium img {
  display: block;
  max-width: 100%;
}
/* line 489, ../../compass/sass/main.scss */
div#index a.button {
  display: block;
  width: 65%;
  margin: auto;
}
/* line 493, ../../compass/sass/main.scss */
div#index a.button img {
  display: block;
  max-width: 100%;
}
/* line 498, ../../compass/sass/main.scss */
div#index .rights {
  padding-top: 2.5%;
}

/* line 504, ../../compass/sass/main.scss */
div#config {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/base_back.png?1399311184');
  /* 戻るボタン */
  /* FIXME mixin で整理したい */
}
/* line 98, ../../compass/sass/main.scss */
div#config .ui-bar-a {
  background: none;
  border: none;
}
/* line 508, ../../compass/sass/main.scss */
div#config div.ui-content {
  padding: 0px;
}
/* line 513, ../../compass/sass/main.scss */
div#config div.back {
  width: 20%;
  margin-left: 5%;
  margin-top: 5%;
}
/* line 517, ../../compass/sass/main.scss */
div#config div.back img {
  display: block;
  max-width: 100%;
}
/* line 525, ../../compass/sass/main.scss */
div#config div.item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  box-align: stretch;
  padding-left: 5%;
  padding-right: 5%;
}
/* line 532, ../../compass/sass/main.scss */
div#config div.item div.label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  width: 50%;
  vertical-align: middle;
}
/* line 536, ../../compass/sass/main.scss */
div#config div.item div.label img {
  display: block;
}
/* line 540, ../../compass/sass/main.scss */
div#config div.item div.label-illegal-move img {
  max-width: 100%;
}
/* line 541, ../../compass/sass/main.scss */
div#config div.item div.label-last-move img {
  max-width: 86%;
}
/* line 542, ../../compass/sass/main.scss */
div#config div.item div.label-theme img {
  max-width: 85%;
}
/* line 543, ../../compass/sass/main.scss */
div#config div.item div.label-se img {
  max-width: 55%;
}
/* line 546, ../../compass/sass/main.scss */
div#config div.item div.method {
  /* ここの名前はルール設定と違うので注意 */
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-box-flex: 4;
  box-flex: 4;
  width: 40%;
  padding-left: 5%;
}
/* line 551, ../../compass/sass/main.scss */
div#config div.item div.method ol.inline-button,
div#config div.item div.method ul.inline-button {
  width: 100%;
  padding: 0;
  list-style: none;
  max-width: 100%;
}
/* line 556, ../../compass/sass/main.scss */
div#config div.item div.method ol.inline-button li,
div#config div.item div.method ul.inline-button li {
  max-width: 49%;
  width: 49%;
  display: inline-block;
}
/* line 560, ../../compass/sass/main.scss */
div#config div.item div.method ol.inline-button li a,
div#config div.item div.method ul.inline-button li a {
  max-width: 100%;
  width: 100%;
  display: block;
}

/* line 573, ../../compass/sass/main.scss */
div#result .logo {
  margin-bottom: 10%;
}
/* line 576, ../../compass/sass/main.scss */
div#result .ui-btn-active {
  background: none;
  border: 0;
}
/* line 580, ../../compass/sass/main.scss */
div#result .ui-btn-inner {
  font-size: 0px;
  /* 画像ボタンの隙間を埋める */
  padding: 0;
  border: 0;
}
/* line 584, ../../compass/sass/main.scss */
div#result .ui-btn-inner img {
  max-width: 80%;
  max-height: 50%;
}
/* line 589, ../../compass/sass/main.scss */
div#result .ui-btn {
  width: 100%;
  max-width: 100%;
}

/* line 596, ../../compass/sass/main.scss */
div#score {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/base_back.png?1399311184');
  background-repeat: repeat-y;
}

/* line 603, ../../compass/sass/main.scss */
div#rule-set {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/base_back.png?1399311184');
  /* ボタン類 */
  /* FIXME mixin で整理したい */
}
/* line 98, ../../compass/sass/main.scss */
div#rule-set .ui-bar-a {
  background: none;
  border: none;
}
/* line 607, ../../compass/sass/main.scss */
div#rule-set div.ui-content {
  padding: 0px;
  height: 70%;
}
/* line 613, ../../compass/sass/main.scss */
div#rule-set div.buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  width: 100%;
  height: 15%;
  /* 設定をリセット・このルールで開始 */
  /* 戻るボタン */
}
/* line 618, ../../compass/sass/main.scss */
div#rule-set div.buttons div.left {
  width: 25%;
  height: 100%;
  margin-left: 10%;
}
/* line 623, ../../compass/sass/main.scss */
div#rule-set div.buttons div.right {
  width: 55%;
  height: 100%;
  margin-right: 10%;
}
/* line 630, ../../compass/sass/main.scss */
div#rule-set div.buttons div.start {
  margin-top: 2.5%;
}
/* line 632, ../../compass/sass/main.scss */
div#rule-set div.buttons div.start,
div#rule-set div.buttons div.reset {
  text-align: right;
  display: inline-block;
  width: 90%;
  height: 100%;
}
/* line 637, ../../compass/sass/main.scss */
div#rule-set div.buttons div.start img,
div#rule-set div.buttons div.reset img {
  max-width: 100%;
}
/* line 643, ../../compass/sass/main.scss */
div#rule-set div.buttons div.back {
  width: 100%;
  height: 100%;
}
/* line 646, ../../compass/sass/main.scss */
div#rule-set div.buttons div.back img {
  max-width: 100%;
  display: block;
}
/* line 655, ../../compass/sass/main.scss */
div#rule-set div.item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  width: 100%;
  padding-bottom: 1em;
}
/* line 662, ../../compass/sass/main.scss */
div#rule-set div.item div.label {
  width: 25%;
  margin-left: 10%;
  vertical-align: middle;
}
/* line 666, ../../compass/sass/main.scss */
div#rule-set div.item div.label img.level {
  max-width: 100%;
}
/* line 667, ../../compass/sass/main.scss */
div#rule-set div.item div.label img.turn {
  max-width: 65%;
}
/* line 668, ../../compass/sass/main.scss */
div#rule-set div.item div.label img.handicap {
  max-width: 80%;
}
/* line 670, ../../compass/sass/main.scss */
div#rule-set div.item div.ui {
  width: 50%;
  margin-right: 10%;
  margin-left: 5%;
}
/* line 674, ../../compass/sass/main.scss */
div#rule-set div.item div.ui div.turn {
  display: block;
  width: 33%;
  max-width: 33%;
}
/* line 680, ../../compass/sass/main.scss */
div#rule-set div.item div.ui div.over-image-text-container {
  position: relative;
  display: block;
}
/* line 684, ../../compass/sass/main.scss */
div#rule-set div.item div.ui div.over-image-text-container div.over-image-text {
  pointer-events: none;
  position: absolute;
  display: table-cell;
  text-align: center;
  top: 2.5em;
  margin-top: -1.25em;
  width: 100%;
  height: 100%;
}
/* line 694, ../../compass/sass/main.scss */
div#rule-set div.item div.ui div.over-image-text-container div.over-image-text span {
  font-weight: bold;
  font-size: 2.5em;
}

/* line 705, ../../compass/sass/main.scss */
div#game-menu {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/base_back.png?1399311184');
  /* FIXME mixin で整理したい */
  /* 戻る・中断・新規対局 */
}
/* line 98, ../../compass/sass/main.scss */
div#game-menu .ui-bar-a {
  background: none;
  border: none;
}
/* line 709, ../../compass/sass/main.scss */
div#game-menu div.ui-content {
  padding: 0px;
}
/* line 715, ../../compass/sass/main.scss */
div#game-menu div.item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  box-align: stretch;
  padding-left: 10%;
  padding-right: 10%;
}
/* line 722, ../../compass/sass/main.scss */
div#game-menu div.item div.label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  width: 50%;
  vertical-align: middle;
}
/* line 726, ../../compass/sass/main.scss */
div#game-menu div.item div.label img.illegal-move {
  max-width: 100%;
}
/* line 727, ../../compass/sass/main.scss */
div#game-menu div.item div.label img.last-move {
  max-width: 86%;
}
/* line 728, ../../compass/sass/main.scss */
div#game-menu div.item div.label img.theme {
  max-width: 85%;
}
/* line 729, ../../compass/sass/main.scss */
div#game-menu div.item div.label img.se {
  max-width: 55%;
}
/* line 731, ../../compass/sass/main.scss */
div#game-menu div.item div.method {
  /* ここの名前はルール設定と違うので注意 */
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-box-flex: 4;
  box-flex: 4;
  width: 40%;
  padding-left: 5%;
}
/* line 736, ../../compass/sass/main.scss */
div#game-menu div.item div.method ol.inline-button,
div#game-menu div.item div.method ul.inline-button {
  width: 100%;
  padding: 0;
  list-style: none;
  max-width: 100%;
}
/* line 741, ../../compass/sass/main.scss */
div#game-menu div.item div.method ol.inline-button li,
div#game-menu div.item div.method ul.inline-button li {
  max-width: 49%;
  width: 49%;
  display: inline-block;
}
/* line 745, ../../compass/sass/main.scss */
div#game-menu div.item div.method ol.inline-button li a,
div#game-menu div.item div.method ul.inline-button li a {
  max-width: 100%;
  width: 100%;
  display: block;
}
/* line 757, ../../compass/sass/main.scss */
div#game-menu div.buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  width: 100%;
  margin-top: 2.0%;
}
/* line 763, ../../compass/sass/main.scss */
div#game-menu div.buttons div.left {
  width: 30%;
  margin-left: 10%;
}
/* line 767, ../../compass/sass/main.scss */
div#game-menu div.buttons div.right {
  width: 45%;
  margin-left: 5%;
  margin-right: 10%;
}
/* line 772, ../../compass/sass/main.scss */
div#game-menu div.buttons div.newgame {
  margin-top: 2.5%;
}

/* line 776, ../../compass/sass/main.scss */
div#score {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/base_back.png?1399311184');
}
/* line 98, ../../compass/sass/main.scss */
div#score .ui-bar-a {
  background: none;
  border: none;
}
/* line 780, ../../compass/sass/main.scss */
div#score div.ui-content {
  padding: 0px;
}
/* line 783, ../../compass/sass/main.scss */
div#score a.ui-link {
  color: #222222;
}
/* line 786, ../../compass/sass/main.scss */
div#score div.back {
  margin-left: 5%;
  margin-top: 5%;
  width: 25%;
}
/* line 792, ../../compass/sass/main.scss */
div#score div.listview-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
}
/* line 795, ../../compass/sass/main.scss */
div#score div.listview-container div.score-list-item {
  padding-top: 1.0%;
  padding-bottom: 1.0%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  background: rgba(204, 204, 204, 0.75);
}

/*---------------------------------------------------------------------------*/
/* line 807, ../../compass/sass/main.scss */
.cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px auto;
  border: solid 1px #000000;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}
/* line 819, ../../compass/sass/main.scss */
.cell img {
  position: relative;
  border: 0px;
  padding: 0px;
  margin: 0px;
  vertical-align: bottom;
  width: 90%;
  max-width: 90%;
  z-index: 2;
}

/* line 830, ../../compass/sass/main.scss */
.cell-inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  margin: none;
  width: 100%;
  height: 100%;
  position: relative;
}

/* line 839, ../../compass/sass/main.scss */
.board-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 0.75em;
}

/* line 846, ../../compass/sass/main.scss */
.board-row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 0.75em;
}

/* line 853, ../../compass/sass/main.scss */
.board-corner {
  width: 5%;
  max-width: 5%;
  height: 5%;
  max-height: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}

/* line 861, ../../compass/sass/main.scss */
div.cell-hilight {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

/* 最終手表示 */
/* line 873, ../../compass/sass/main.scss */
div.cell-hum-lastmove-from {
  border: 3px solid #ec2e00;
}

/* line 874, ../../compass/sass/main.scss */
div.cell-hum-lastmove-to {
  border: 3px solid #ec2e00;
}

/* line 875, ../../compass/sass/main.scss */
div.cell-com-lastmove-from {
  border: 3px solid #ec2e00;
}

/* line 876, ../../compass/sass/main.scss */
div.cell-com-lastmove-to {
  border: 3px solid #ec2e00;
}

/* line 879, ../../compass/sass/main.scss */
div.cell-hint {
  border: 3px solid #06bae6;
}
/* line 881, ../../compass/sass/main.scss */
div.cell-hint img {
  opacity: 0.5;
}

/* line 886, ../../compass/sass/main.scss */
.capture-hint {
  border: 3px solid #06bae6;
}

/* 選択した駒・移動範囲表示 */
/* line 892, ../../compass/sass/main.scss */
div.cell-selected,
div.cell-movable {
  border: 3px solid rgba(255, 99, 30, 0.5);
  background-color: rgba(255, 131, 154, 0.5);
}

/* line 898, ../../compass/sass/main.scss */
.base-title {
  width: 100%;
  max-width: 100%;
  max-height: 360px;
}

/* line 904, ../../compass/sass/main.scss */
.vcenter {
  vertical-align: middle;
}

/* line 906, ../../compass/sass/main.scss */
.hcenter,
.center {
  text-align: center;
}

/* line 907, ../../compass/sass/main.scss */
.right {
  text-align: right;
}

/* line 908, ../../compass/sass/main.scss */
.left {
  text-align: left;
}

/* 各種ページタイトル表示用 */
/* line 912, ../../compass/sass/main.scss */
.page-title {
  width: 100%;
}
/* line 914, ../../compass/sass/main.scss */
.page-title .page-title-logo {
  width: 100%;
}
/* line 916, ../../compass/sass/main.scss */
.page-title .page-title-logo img {
  position: absolute;
  top: 39%;
  left: 50%;
  width: 50%;
  margin-left: -25%;
  text-align: center;
}
/* line 925, ../../compass/sass/main.scss */
.page-title .page-title-logo-sub {
  width: 100%;
}
/* line 927, ../../compass/sass/main.scss */
.page-title .page-title-logo-sub img {
  position: absolute;
  top: 70%;
  left: 50%;
  width: 50%;
  margin-left: -25%;
  text-align: center;
}
/* line 936, ../../compass/sass/main.scss */
.page-title .page-title-back {
  width: 100%;
}
/* line 938, ../../compass/sass/main.scss */
.page-title .page-title-back img {
  width: 100vw;
}

/* line 945, ../../compass/sass/main.scss */
div#replay-common-alert {
  padding: 1em;
}

/* vim: set sw=2: */
/* vim: set ts=2: */