

/* --------------------------------------*/
/* shogi_INFO_HOWTOPLAY                    */
/* --------------------------------------*/
@media(min-width:740px){
#header_shogi_howtoplay {
  background: url("https://eacache.s.konaminet.jp/game/shogi/eacloud/p/images/howtoplay/game_shogi_howtoplay_title.png") no-repeat scroll transparent;
  width:740px; 
}
#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;
}

#contents_shogi_howtoplay {
  background: url("https://eacache.s.konaminet.jp/game/shogi/eacloud/p/images/howtoplay/game_shogi_howtoplay_01.jpg") no-repeat scroll transparent;
  height: 590px;
  width:740px;
}
}
@media(max-width:739px){
#header_shogi_howtoplay {
  background: url("https://eacache.s.konaminet.jp/game/shogi/eacloud/p/images/howtoplay/game_shogi_howtoplay_title.png") no-repeat scroll transparent;
  width:100%; 
}
#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;
}

#contents_shogi_howtoplay {
  /*background: url("https://eacache.s.konaminet.jp/game/shogi/eacloud/p/images/howtoplay/game_shogi_howtoplay_01.jpg") no-repeat scroll transparent;*/
  height: auto;
  width:100%;
}
}.main_box {
  width:100%;
  height:auto;
}
.main_box_popup {
  width:100%;
  height:auto;
}

#explain , .shogi_howtoplay {
  position: relative;
  width: 100%;
  height: auto;
  background:#fff;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
}

.shogi_howtoplay {width:auto;}
.shogi_howtoplay  #pisetA { position:relative; background:url("https://eacache.s.konaminet.jp/game/shogi/eacloud/s/images/how/shogi_howto_komaS.png") no-repeat center top scroll transparent; width:200px; height:224px; margin:0 auto 10px;}
.shogi_howtoplay  #pisetB { position:relative; background:url("https://eacache.s.konaminet.jp/game/shogi/eacloud/s/images/how/shogi_howto_komaE.png") no-repeat center top scroll transparent; width:200px; height:224px; margin:0 auto 10px;}
.shogi_howtoplay  #pisetT { position:relative; background:url("https://eacache.s.konaminet.jp/game/shogi/eacloud/s/images/how/shogi_howto_triY.png") no-repeat center scroll transparent; width:34px; height:24px; margin:0 auto;}
.shogi_howtoplay  #yajiA { position:relative; background:url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/howto_yaji.png") no-repeat center scroll transparent; width:54px; height:54px; top:176px; left:88px;}
.shogi_howtoplay  #yajiB { position:relative; background:url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/howto_yaji.png") no-repeat center scroll transparent; width:48px; height:54px; top:100px; left:88px;}
.shogi_howtoplay  #yubiA { position:relative; background:url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/howto_yubi.png") no-repeat center scroll transparent; width:48px; height:54px; top:176px; left:88px;}
.shogi_howtoplay  #yubiB { position:relative; background:url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/howto_yubi.png") no-repeat center scroll transparent; width:48px; height:54px; top:100px; left:88px;}

@media(min-width:480px){
.shogi_howtoplay  #pi_select_case {
  position:relative;
  background-color:#fff;
  width:440px;
  height:auto;
  border:solid 1px #e60;
  padding:2px;
  text-align:center;
  color:#e60; margin:4px auto;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  box-sizing:border-box;
}}
@media(max-width:479px){
.shogi_howtoplay  #pi_select_case {
  position:relative;
  background-color:#fff;
  width:100%;
  height:auto;
  border:solid 1px #e60;
  padding:2px;
  text-align:center;
  color:#e60; margin:4px auto;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  box-sizing:border-box;
}}

.shogi_howtoplay #midashi { width:98%; height:60px; margin:4px auto;}
.shogi_howtoplay #midashi2 { width:98%; height:20px; margin:4px auto;}
.shogi_howtoplay #midashi_title { font-size:12pt; font-weight:bold; width:auto;}
.shogi_howtoplay #midashi_txt { font-size:10pt; font-weight:none; width:96%; margin-left:11px;}

