/* --------------------------------------*/
/* shogi_INFO_HOWMUCH                      */
/* --------------------------------------*/
#header_shogi_howmuch {
  background: url("https://eacache.s.konaminet.jp/game/shogi/eacloud/p/images/howmuch/game_shogi_howmuch_title.png") no-repeat scroll center transparent;
}
#header_shogi_title {
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/title/shogi/play_title_shogi.jpg") no-repeat center scroll transparent;
  width:100%;
  height:120px;
  display: block;
}

.eacloud_contents #shogi_howmuch {
  width:740px;
  margin: 0 auto;
}
.eacloud_contents_popup #shogi_howmuch {
  width:740px;
  margin: 0 auto;
}
#fotter_shogi_howmuch {
}

@media(min-width:780px){
.main_box {
  width:738px;
  height:auto;
}
.main_box_popup {
  width:738px;
  height:auto;
}
}
@media(max-width:779px){
.main_box {
  width:100%;
  height:auto;
}
.main_box_popup {
  width:100%;
  height:auto;
}
}

@media(min-width:690px){
.shogi_price {width:650px; height:30px; border:none; margin:10px auto;}
.shogi_price #base_price {width:210px; margin:4px auto;}
.shogi_price #cal_in_title {border:solid 1px #aaa; background:#bfbfbf; color:#000; width:100px; height:24px; text-align:center; padding:3px; float:left;}
.shogi_price #cal_in_title #text_top {margin-top:4px;}
.shogi_price #cal_in_price {border:solid 1px #aaa; background:#fff; color:#222; width:300px; height:24px; text-align:center; padding:3px; float:left;}

.shogi_mode {width:90%; height:auto; margin:4px auto;}
.shogi_mode #midashi_title {width:546px; height:20px; border-bottom:solid 1px #444; font-size:14px;}
.shogi_mode #case_top {background:#ffbfbf; text-align:center; width:90px; height:18px; margin:4px; padding:2px; float:left;}
.shogi_mode #case_btm {background:#ccccff; text-align:center; width:90px; height:18px; margin:4px; padding:2px; float:left;}
.shogi_mode #txt_mid_case {width:320px; height:120px; margin:4px; float:left;}
.shogi_mode #txt_btm_case {margin:4px; float:left;}
.shogi_mode #txt_mid_line {width:546px; height:30px; padding:4px 0; border-top:solid 1px #444; border-bottom:solid 1px #444;}
.shogi_mode #txt_mid_txt {width:430px; height:auto;}
.shogi_mode #txt_box {width:286px; height:auto; margin:4px 70px;}
.shogi_mode #txt_box_L {width:100px; height:46px; background:#bfbfbf; text-align:center; border:solid 1px #444; padding:2px; float:left; font-size:12pt;}
.shogi_mode #txt_box_L #text_top {margin-top:15px;}
.shogi_mode #txt_box_R {width:160px; height:46px; background:#fff; text-align:center; border:solid 1px #444; border-left:none; padding:2px; float:left; font-size:12pt;}

.shogi_table { border:solid 1px #444; text-align:center; font-size:11pt; box-sizing:border-box;}
.shogi_table #case_top_L {width:140px; background:#bfbfbf; border:solid 1px #444; float:left; padding:4px; box-sizing:border-box;}
.shogi_table #case_top_C {width:140px; background:#bfbfbf; border:solid 1px #444; float:left; padding:4px; box-sizing:border-box;}
.shogi_table #case_top_T {width:14px; height:116px; background:#bfbfbf; border:solid 1px #444; float:left; padding:4px; box-sizing:border-box;}
.shogi_table #case_top_R {width:368px; background:#bfbfbf; border:solid 1px #444; float:left; padding:4px; box-sizing:border-box;}
.shogi_table #case_mid_L {width:140px; height:242px; background:#ffbfbf; border:solid 1px #444; float:left; padding:4px; box-sizing:border-box;}
.shogi_table #case_mid_C {width:140px; height:242px; background:#fff; border:solid 1px #444; float:left; padding:4px; box-sizing:border-box;}
.shogi_table #case_mid_R {width:368px; height:196px; background:#fff; border:none; float:left; padding:0px;  box-sizing:border-box;}
.shogi_table #case_mid_R #life_left { width:max; height:44px; background:#ffbfbf; margin:0px; padding:0px; box-sizing:border-box;}
.shogi_table #case_mid_Rs {width:368px; height:121px; background:#fff; border:solid 1px #444; float:none; padding:0px; box-sizing:border-box;}
.shogi_table #case_btm_L {width:140px; height:255px; background:#ccccff; border:solid 1px #444; float:left; padding:4px; box-sizing:border-box;}
.shogi_table #case_btm_C {width:140px; height:255px; background:#fff; border:solid 1px #444; float:left; padding:4px; box-sizing:border-box;}
.shogi_table #case_btm_R {width:368px; height:216px; background:#fff; border:none; float:left; padding:0px; margin:0; box-sizing:border-box;}
.shogi_table #case_btm_R #life_left { width:max; height:44px; background:#ccccff; margin:0px; padding:0px; box-sizing:border-box;}
.shogi_table #case_btm_Rs {width:368px; height:85px; background:#fff; border:solid 1px #444; float:left; padding:0px; box-sizing:border-box;}

.shogi_table #txt_top_T {padding:4px;}
.shogi_table #txt_mid_L {padding:4px;}
.shogi_table #txt_mid_C {padding:4px;}
.shogi_table #txt_mid_R {padding:4px;}
.shogi_table #txt_btm_L {padding:4px;}
.shogi_table #txt_btm_C {padding:4px;}
.shogi_table #txt_btm_R {padding:4px;}

.shogi_main_midashi { width:720px; height:36px; margin:4px auto;}
.shogi_main_midashi #midashi_title { font-size:15pt; font-weight:bold; float:left; width:420px; height:20px; margin-top:6px; padding:2px;}
.shogi_sub_midashi { width:656px; margin:12px auto;}
.shogi_sub_midashi_title { width:656px; height:20px; font-weight:bold; font-size:12pt;}
.shogi_paseli_box { border:solid 1px #444; width:auto; height:38px; text-align:center; margin:0 auto;}
.shogi_paseli_box_txt { font-size:13pt; margin:8px auto;}
}
@media(max-width:689px){
.shogi_price {width:100%; height:auto; border:none; margin:10px auto; box-sizing:border-box;}
.shogi_price #base_price {width:100%; margin:4px auto; box-sizing:border-box;}
.shogi_price #cal_in_title {border:solid 1px #aaa; background:#bfbfbf; color:#000; width:25%; height:32px; text-align:center; padding:3px; float:left; box-sizing:border-box;}
.shogi_price #cal_in_title #text_top {margin-top:4px; box-sizing:border-box;}
.shogi_price #cal_in_price {border:solid 1px #aaa; background:#fff; color:#222; width:70%; height:32px; text-align:center; padding:3px; float:left; box-sizing:border-box;}

.shogi_mode {width:90%; height:auto; margin:4px auto; box-sizing:border-box;}
.shogi_mode #midashi_title {width:100%; height:auto; border-bottom:solid 1px #444; font-size:14px; box-sizing:border-box;}
.shogi_mode #case_top {background:#ffbfbf; text-align:center; width:14%; height:auto; margin:4px; padding:2px; float:left; box-sizing:border-box;}
.shogi_mode #case_btm {background:#ccccff; text-align:center; width:14%; height:auto; margin:4px; padding:2px; float:left; box-sizing:border-box;}
.shogi_mode #txt_mid_case {width:80%; height:auto; margin:4px; float:left; box-sizing:border-box;}
.shogi_mode #txt_btm_case {width:80%; height:auto; margin:4px; float:left; box-sizing:border-box;}
.shogi_mode #txt_mid_line {width:100%; height:auto; padding:0; border-top:solid 1px #444; border-bottom:solid 1px #444; box-sizing:border-box;}
.shogi_mode #txt_mid_txt {width:100%; height:auto; box-sizing:border-box;}
.shogi_mode #txt_box {width:100%; height:auto; margin:4px auto; box-sizing:border-box;}
.shogi_mode #txt_box_L {width:30%; height:50px; background:#bfbfbf; text-align:center; border:solid 1px #444; padding:2px; float:left; font-size:12pt; box-sizing:border-box;}
.shogi_mode #txt_box_L #text_top {margin:auto; box-sizing:border-box;}
.shogi_mode #txt_box_R {width:60%; height:50px; background:#fff; text-align:center; border:solid 1px #444; border-left:none; padding:2px; float:left; font-size:12pt; box-sizing:border-box;}

.shogi_table { width:100%; height:auto; border:solid 1px #444; text-align:center; font-size:10pt; box-sizing:border-box;}
.shogi_table #case_top_L {width:24%; background:#bfbfbf; border:solid 2px #444; padding:4px; box-sizing:border-box;}
.shogi_table #case_top_C {width:24%; background:#bfbfbf; border:solid 2px #444; padding:4px; box-sizing:border-box;}
.shogi_table #case_top_T {width:14px; height:auto; background:#bfbfbf; border:solid 1px #444; box-sizing:border-box;}
.shogi_table #case_top_R {width:48%; background:#bfbfbf; border:solid 2px #444; padding:4px; box-sizing:border-box;}
.shogi_table #case_mid_L {width:24%; height:100%; background:#ffbfbf; border:solid 2px #444; box-sizing:border-box;}
.shogi_table #case_mid_C {width:24%; height:100%; background:#fff; border:solid 2px #444; box-sizing:border-box;}
.shogi_table #case_mid_R {width:48%; height:100%; background:#fff; border:none; box-sizing:border-box;}
.shogi_table #case_mid_R #life_left { width:100%; height:auto; background:#ffbfbf; margin:0px; padding:4px; box-sizing:border-box;}

.shogi_table #case_mid_Rs {width:100%; height:108px; background:#fff; 
  border-right:solid 1px #444;
  border-bottom:solid 1px #444;
  box-sizing:border-box;}

.shogi_table #case_btm_L {width:24%; height:100%; background:#ccccff; border:solid 2px #444; box-sizing:border-box;}
.shogi_table #case_btm_C {width:24%; height:100%; background:#fff; border:solid 2px #444; box-sizing:border-box;}
.shogi_table #case_btm_R {width:48%; height:100%; background:#fff;
  border:solid 1px #444;
  box-sizing:border-box;}
  
.shogi_table #case_btm_R #life_left { width:100%; height:auto; background:#ccccff; margin:0px; padding:4px; box-sizing:border-box;}
.shogi_table #case_btm_Rs {width:100%; height:96px; background:#fff; 
  border-right:solid 1px #444;
  border-bottom:solid 1px #444;
  box-sizing:border-box;}

.shogi_table #txt_top_T {padding:4px; }
.shogi_table #txt_mid_L {padding:4px; }
.shogi_table #txt_mid_C {padding:4px; }
.shogi_table #txt_mid_R {padding:4px; }
.shogi_table #txt_btm_L {padding:4px; }
.shogi_table #txt_btm_C {padding:4px; }
.shogi_table #txt_btm_R {padding:4px; }

.shogi_main_midashi { width:100%; height:auto; margin:4px auto;}
.shogi_main_midashi #midashi_title { font-size:15pt; font-weight:bold; float:left; width:100%; height:auto; margin-top:6px; padding:2px;}
.shogi_sub_midashi { width:100%; margin:12px auto;}
.shogi_sub_midashi_title { width:100%; height:auto; font-weight:bold; font-size:12pt;}
.shogi_paseli_box { border:solid 1px #444; width:auto; height:auto; text-align:center; margin:0 auto;}
.shogi_paseli_box_txt { font-size:13pt; margin:8px auto;}
}

#paseli_table {
  width: 100%;
}

.shogi_paseli {
  width:98%;
  height:auto;
  border-top:solid 1px #444;
  border-bottom:solid 1px #444;
  margin:20px auto;
}

.shogi_paseli #btn_01 {
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/beginner/beginner_bt_paseli_no.png") no-repeat scroll 0 0 transparent;
  top: 0px;
  height: 64px;
  width: 224px;
  margin: 20px auto 0;
  position: relative;
}
.shogi_paseli #btn_01:hover {
  background-position: 0px -64px;
}
.shogi_paseli #btn_01 a {
  display: block;
  height: 64px;
  width: auto;
}

.shogi_paseli #btn_03 {
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/beginner/page_game_mfc_howmuch_bt_02.png") no-repeat scroll 0 0 transparent;
  top: 10px;
  height: 64px;
  width: 224px;
  margin: 0 auto 30px;
  position: relative;
}
.shogi_paseli #btn_03:hover {
  background-position: 0px -64px;
}
.shogi_paseli #btn_03 a {
  display: block;
  height: 64px;
  width: auto;
}

#btn_02 {
  position: relative;
  top: 1215px;
  height: 90px; 
}