/* カスタムcss  */
@media(min-width:992px){
.col-md-4 {
 width: 500px;
}
}
@media(min-width:992px){
.col-md-8,
.col-sm-4,
.col-xs-12 {
 width: ５５%;
 text-shadow: 0px 0px 3px #888;
}
@media(min-width:992px){
.header-wrap h1,
.header-wrap h2 {
 text-shadow: 0 0 8px #000;
}
}
.site-description {
 margin:0;
 padding:0;
}
}
@media only screen and (max-width: 460px) {
.entry-content h2 {
font-size:24px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
ol,
ul {
padding-left: 1em;
}
}
@media only screen and (min-width : 460px)  {
.entry-content h2 {
background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/09/sys_icon029.png) no-repeat 10px center;
background-size:auto 50px;
line-height: 120%;
text-indent: 2.5em;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 28px;
}
ol,
ul {
margin:0px;
padding-left: 1em;
}
}


.clear {
clear:both;
}


/* character 共通 */
.chara_wrap {
background: #ecd9be;
border: double 4px #856e58;
padding: 8px;
color: #402912;
margin-bottom: 20px;
overflow: hidden;
}
.chara_discri h3 {
 margin: 0px;
 padding:0;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 31px;
line-height: 180%;
border-bottom: solid 1px #402912;
text-indent: .3em;
}
.kokka {
text-align:right;
font-size:0.8em;
margin:5px 5px 20px auto;
}




/* character PC */
@media only screen and (min-width : 1200px) {
.chara_wrap {
width: 49%;
margin: .4%;
float:left;
}
.mt_box {
margin-rignt:1%;
}
.chara_imgl,
.chara_imgr {
float: left;
height:406px;
width:176px;
}
.discri_r,
.discri_l {
 margin-left:200px;
}

/* 各キャラクターPC用 */
.chara01 {
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-01.png) no-repeat center center;
background-size: auto 406px;
}
.chara02 {
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-02.png) no-repeat center center;
background-size: auto 406px;
}
.chara03 {
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-03.png) no-repeat center center;
background-size: auto 406px;
}
.chara04 {
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-04.png) no-repeat center center;
background-size: auto 406px;
}
.chara05 {
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-05-1.png) no-repeat center center;
background-size: auto 406px;
}
.chara06 {
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-06.png) no-repeat center center;
background-size: auto 406px;
}
}


/* character Tablet Landscape */
@media only screen and (min-width : 760px) and (max-width : 1200px)  {
.chara_wrap {
width: 100%;
}
.chara_imgl {
float: left;
width: 25%;
}
.chara_imgr {
float: right;
width: 25%;
}
.chara_discri {
 width: 67%;
}
.discri_r {
float : right;
margin-right: 20px;
}
.discri_l {
float : left;
margin-left: 20px;
}
/* 各キャラクタータブレット用 */
.chara01 {
height:406px;
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-01.png) no-repeat center center;
background-size: auto 406px;
}
.chara02 {
height:406px;
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-02.png) no-repeat center center;
background-size: auto 406px;
}
.chara03 {
height:406px;
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-03.png) no-repeat center center;
background-size: auto 406px;
}
.chara04 {
height:406px;
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-04.png) no-repeat center center;
background-size: auto 406px;
}
.chara05 {
height:406px;
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-05-1.png) no-repeat center center;
background-size: auto 406px;
}
.chara06 {
height:406px;
background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/character-img-06.png) no-repeat center center;
background-size: auto 406px;
}
}


/* character Mobile Portrait Size */
@media only screen and (max-width: 760px)  {
.chara_wrap {
}
.chara01,
.chara02,
.chara03,
.chara04,
.chara05,
.chara06 {
background-size:contain:
width: 100%;
height: 300px;
}
.chara01 {
background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/09/chara01-1.png) no-repeat center center;
}
.chara02 {
background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/09/chara02-1.png) no-repeat center center;
}
.chara03 {
background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/09/chara03.png) no-repeat center center;
} 
.chara04 {
background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/09/chara04.png) no-repeat center center;
}
.chara05 {
background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/09/chara05.png) no-repeat center center;
}
.chara06 {
background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/09/chara06.png) no-repeat center center;
}
.discri_r,
.discri_l {
margin: 0 10px 30px 10px;
}
}


/*top news*/
@media only screen and (min-width : 1000px) {
.news_container {
float:left;
width:60%;
background:#fffcf5;
border-radius:10px;
box-shadow: 1px 1px 5px #888;
margin:3px;
padding: 10px 15px;
height: 390px;
overflow:scroll;
}
.tweet_container {
float:right;
height: 390px;
overflow: scroll;
width:38%;
background:#fff;
border-radius:10px;
box-shadow: 1px 1px 5px #888;
margin:3px;
margin-bottom:20px;
}
}

/* Tablet Landscape */
@media only screen and (min-width : 760px) and (max-width : 1000px)  {
.news_container {
background:#fffcf5;
border-radius:10px;
box-shadow: 1px 1px 5px #888;
margin:3px;
padding: 10px 15px;
height: 390px;
}
.whatsnew {
height: 390px;
overflow: scroll;
}
.tweet_container {
height: 390px;
overflow: scroll;
background:#fff;
border-radius:10px;
box-shadow: 1px 1px 5px #888;
margin:3px;
margin-bottom:20px;
}
}

/* Mobile Portrait Size */
@media only screen and (max-width: 760px)  {
.news_container {
background:#fffcf5;
margin:3px;
padding: 10px 15px;
}
.tweet_container {
height: 390px;
overflow:scroll;
border-radius: 5px;
}
}

.news {
 background: #00a7db;
}
.import {
 background: #e5171f;
}
.mente {
 background: #00ada9;
}




/*lets play*/
@media only screen and (min-width : 800px) {
.letsplay_container {
 clear:both;
 mragin-top:20px;
 background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/09/letsplay.png)no-repeat center center;
 background-size: cover;
 padding-top:20px;
 overflow: hidden;
 box-shadow: 0 0 5px rgba(0,0,0,0.4) inset;
 border-radius:8px;
}
.discri_text {
 clear:both;
 margin-top:20px;
}
.letsplay {
 width:50%;
 float:right;
 margin-right:10px;
}
.play_container ul {
 width:100%;
 list-style-type:none;
 margin:0;
 overflow: hidden;
}
.play_container li {
 margin:10px;
}
.play_container li a {
 float:left;
 width:190px;
 height: 54px;
 margin-right:20px;
 margin-bottom:10px;
 text-indent:-9999px;
}
a.apple {
 background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/banner_02.png) no-repeat top center;
background-size: cover;
}
a.google {
 background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/banner_03.png) no-repeat top center;
 background-size: cover;
}
.sub {
 font-size:0.8em;
}
}

/* lets play Tablet */
@media only screen and (min-width : 460px) and (max-width : 800px)  {
.letsplay_container {
 clear:both;
 mragin-top:20px;
 background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/09/letsplay.png)no-repeat center center;
 background-size: cover;
 padding-top:20px;
 overflow: hidden;
 box-shadow: 0 0 5px rgba(0,0,0,0.4) inset;
 border-radius:8px;
}
.discri_text {
 clear:both;
 margin-top:20px;
}
.letsplay {
 width:50%;
 float:right;
 margin-right:10px;
}
.play_container ul {
 width:100%;
 list-style-type:none;
 margin:0;
 overflow: hidden;
}
.play_container li {
 margin-bottom:10px;
}
.play_container li a {
 display:block;
 text-indent:-9999px;
 width:190px;
 height: 53px;
}
a.apple {
 background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/banner_02.png) no-repeat top center;
background-size: cover;
}
a.google {
 background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/banner_03.png) no-repeat top center;
 background-size: cover;
}
.sub {
 font-size:0.8em;
}
}

/* LetsPlay Mobile Portrait Size */
@media only screen and (max-width: 460px) {
.letsplay_container {
 clear:both;
 mragin-top:20px;
 padding: 15px;
 overflow: hidden;
 box-shadow: 0 0 5px rgba(0,0,0,0.4) inset;
 border-radius:8px;
}
.discri_text {
 clear:both;
 margin-top:20px;
}
.letsplay  p {
 text-align:center;
}
.play_container ul {
 width: 200px;
 list-style-type:none;
 margin:0 auto;
}
.play_container li a {
 padding:0;
 margin:0;
 display:block;
 width: 200px;
 height: 55px;
 text-indent:-9999px;
 margin-left: -40px;
 margin-bottom: 10px;
}
a.apple {
 background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/banner_02.png) no-repeat top center;
background-size: cover;
}
a.google {
 background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/08/banner_03.png) no-repeat top center;
 background-size: cover;
}
.sub {
 font-size:0.8em;
}
}


/* privacy　*/
@media only screen and (max-width: 460px) {
#pp {
margin: 10px 0px;
}
#pp h3 {
font-size: 16px;
line-height: 140%;
}
}
@media only screen and (min-width : 460px)  {
#pp {
margin: 10px 20px;
}
#pp h3 {
font-size: 20px;
text-indent: .8em;
line-height: 200%;
}
}
#pp h3{
position: relative;
padding: 1.2em 0;
margin-top: 2em;
margin-bottom: .5em;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#pp h3:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}

.footer-link ul {
 border-left: 2px solid #444;
 margin-bottom: 1em;
}
.footer-link ul li {
 display:inline-block;
 border-right: 2px solid #444;
 line-height: 120%;
 padding: 5px 10px !important;
}

@media only screen and (min-width : 460px)  {
.mail_body {
width:60%;
margin:10px auto;
}
.mail_body input[type="submit"] {
width:100%;
}
.mailbox select,
.mailbox textarea,
.mailbox input[type="text"],
.mailbox input[type="txt"],
.mailbox input[type="email"],
.mailbox input-group {
 width: 100%;
 padding: .3em .8em;
 border: solid 1px #ccc;
 -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
 -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
 box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: .5em;
}
.mailbox input[type="text"]:focus,
.mailbox input[type="email"]:focus,
.mailbox input[type="password"]:focus,
.mailbox input[type="txt"]:focus, 
.mailbox textarea:focus,
.mailbox select:focus {
 background: #feffe6;
}
}



@media only screen and (max-width : 460px)  {
.mail_body {
width:100%;
}
.mail_body input[type="submit"] {
width:100%;
}
.mailbox select,
.mailbox textarea,
.mailbox input[type="text"],
.mailbox input[type="txt"],
.mailbox input[type="email"],
.mailbox input-group {
 width:100%;
 border: solid 1px #ccc;
 -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
 -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
 box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: .5em;
}
}


.widget_recent_entries ul {
border-top: dotted 1px #444;
font-size:.8em;
}
.widget_recent_entries li {
border-bottom: dotted 1px #444;
padding:.8em .3em !important;
}

#boxArea>div {
  margin-bottom: 1em;
  margin-right: 1em;
}


/*  tips  */
#tips {
  width: 100%;
  margin: 0 auto;   /*中央寄せ*/
  position: relative;
}
.item {
  margin: 5px;
  width: 250px;
  padding: 8px;
  border: 2px solid #a59781;
  border-radius: 8px;
  box-shadow: 0 0 5px 1px rgba(0,0,0,0.2) inset;
  overflow:hidden;
}
.tips_num {
  font-size:24px;
  font-weight:bold;
  color:#685e4d;
  text-align:center;
  font-family:Impact;
}
.tips_txt {
  border: dashed 3px #a59781;
  border-radius:10px;
  padding:.8em 1em 0;
  width:95%;
  margin: 5px auto;
  background:#fffcef;
  color:#5e4423;
  overflow:hidden;
}
.tips_txt p:first-letter{
  font-size: 2.5em;
  font-weight:bold;
  line-height: 1;
  float: left;
  margin: 0 .2em 0 0;
  padding: .1em 0;
}
.tips_txt_comming {
  border: dashed 3px #a59781;
  border-radius:10px;
  padding:.8em 1em 0;
  width:95%;
  margin: 5px auto;
  background:#fffcef;
  color:#5e4423;
  text-align:center;
}
.tips_img {
  height:150px;
  margin:5px auto;
  overflow:hidden;
}
.germany1 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Germany1.png) no-repeat center;
  background-size:contain;
} 
.germany2 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Germany2.png) no-repeat center;
  background-size:contain;
} 
.germany3 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Germany3.png) no-repeat center;
  background-size:contain;
}  
.finland1 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Finland1.png) no-repeat center;
  background-size:contain;
}
.finland2 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Finland2.png) no-repeat center;
  background-size:contain;
}
.finland3 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Finland3.png) no-repeat center;
  background-size:contain;
}
.britain1 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Britain1.png) no-repeat center;
  background-size:contain;
}
.britain2 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Britain2.png) no-repeat center;
  background-size:contain;
}
.britain3 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Britain3.png) no-repeat center;
  background-size:contain;
}
.italy1 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Italy1.png) no-repeat center;
  background-size:contain;
}
.italy2 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Italy2.png) no-repeat center;
  background-size:contain;
}
.italy3 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Italy3.png) no-repeat center;
  background-size:contain;
}
.soviet1 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Soviet1.png) no-repeat center;
  background-size:contain;
}
.soviet2 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Soviet2.png) no-repeat center;
  background-size:contain;
}
.soviet3 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Soviet3.png) no-repeat center;
  background-size:contain;
}
.france1 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/France1.png) no-repeat center;
  background-size:contain;
}
.france2 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/France2.png) no-repeat center;
  background-size:contain;
}
.france3 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/France3.png) no-repeat center;
  background-size:contain;
}


/* invasion*/
.invasion h3 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/medaru.png) no-repeat 8px center, #846d4a;
  color:#fff;
  padding: .5em 1em .5em 2.3em;
  text-shadow: -1px -1px 0 #422d0d;
  font-size:1.3em;
  line-height: 32px;
}
.invasion h4 {
  clear:both;
  position: relative;
  padding: 0.6em;
  background: #d1c4b1;
  font-size:1.3em;
}
.invasion h4:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #d1c4b1;
  width: 0;
  height: 0;
}
.item_start_01 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_start_01.png) no-repeat;
  background-size: cover;
}
.item_start_02 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_start_02.png) no-repeat;
  background-size: cover;
}
.item_start_03 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_start_03.png) no-repeat;
  background-size: cover;
}
.item_ing_01 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_ing_01.png) no-repeat;
  background-size: cover;
}
.item_ing_02 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_ing_02.png) no-repeat;
  background-size: cover;
}
.item_ing_03 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_ing_03.png) no-repeat;
  background-size: cover;
}
.item_ing_04 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_ing_04.png) no-repeat;
  background-size: cover;
}
.item_ing_05 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_ing_05.png) no-repeat;
  background-size: cover;
}
.item_ing_06 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_ing_06.png) no-repeat;
  background-size: cover;
}
.item_ing_07 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_ing_07.png) no-repeat;
  background-size: cover;
}
.item_ing_08 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_ing_08.png) no-repeat;
  background-size: cover;
}
.item_ing_09 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_ing_09.png) no-repeat;
  background-size: cover;
}
.item_over_01 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_over_01.png) no-repeat;
  background-size: cover;
}
.item_over_02 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_over_02.png) no-repeat;
  background-size: cover;
}
.item_over_03 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/item_over_03.png) no-repeat;
  background-size: cover;
}
.kome {
 margin: 0 1em .3em 2em;
 text-indent: -1.2em;
 line-height: 120%;
}
.kome:before {
 content: "※";
 margin-right: .2em;
 font-weight: bold;
}
.red {
  color: #e60000;
}
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}
.mb50 {
  margin-bottom: 50px;
} 
.invasion_box strong {
  color:#bf2f20;
  font-weight:bold;
  margin-left: .5em;
  margin-right: .5em;
  font-size: 1.1em;
}
.heart {
  margin: 0 20px 30px;
}
.heart dt {
  font-weight: bold;
  color:#e60000;
  float:left;
  clear: left;
  width: 4em;
  text-align: right;
}
.heart dd {
  margin-left: 4.5em;
}

@media only screen and (min-width : 1200px) {
.invasion h2 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/invasion.png) no-repeat top center;
  background-size: 100% auto;
  text-indent: -9999px;
  max-width:800px;
  height:200px;
  margin: 20px auto 30px;
}
.invasion_box {
  clear:both;
  overflow: hidden;
  margin: 0px 20px 30px 20px;
}
.in_box_menu {
  width:85%;
  margin:10px auto 30px;
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/00.png) no-repeat right top;
  background-size: 300px auto;
  padding-right:360px;
  min-height:300px;
}
.invasion_menu li {
  list-style-type: none;
  margin:0 0 0.1em 0;
}
.invasion_menu li a {
  display: block;
  background: #846d4a;
  color:#fff;
  font-weight:bold;
  line-height: 200%;
  padding: .4em 2em .2em 1em;
  text-shadow: -1px -1px 0 #49371c;
}
.invasion_menu li a:before {
  content: "◆";
  margin-right: .5em;
}
.invasion_menu li a:hover {
  background:#917c5b;
}
.item_list {
  float: left;
  width:60%;
}
.point_right {
  float: right;
  width:37%;
}
.invasion table {
  border: solid 1px #56401f;
  margin: 0 10px 20px;
}
.invasion table th {
  background: #846d4a;
  color: #fff;
  font-weight: bold;
  text-shadow: -1px -1px 0 #56401f;
}
.invasion table th,
.invasion table td {
  border: solid 1px #56401f;
  padding: .6em .8em .3em;
}
.box_r_m {
  float: right;
  width: 75%;
}
.box_l_s {
  float: left;
  width: 24%;
  height: 250px;
}
.Soviet2 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Soviet2.png) no-repeat center;
  background-size: auto 250px;
} 
.invasion_item {
  margin: 20px 0px;
  overflow: hidden;
  list-style-type: none;
}
.invasion_item .item_title {
  font-weight: bold;
  padding-top:3px;
  font-size: 1.1em;
} 
.invasion_item .item_text span {
  display: block;
  font-size: .9em;
}
.invasion_start li {
  float: left;
  width: 30%;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin-right: 3%;
  padding: .5em;
}
.invasion_item_img {
  width: 120px;
  height: 120px;
  float: left;
  margin-right:10px;
}
.invasion_ing li {
  float: left;
  width: 23%;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin-right: 2%;
  padding: .5em;
}
.invasion_ing .item_type,
.invasion_ings .item_type {
  display:block;
  text-align: center;
  padding: .3em 0 0;
  color:#fff;
  font-weight: bold;
  border-radius: 2em;
  margin-bottom: .5em;
}
.time {
  background: #077a6c;
}
.choice {
  background: #d88500;
}
.answer {
  background: #ff70a4;
}


.invasion_ings li {
  float: left;
  width: 19%;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin-right: 1%;
  padding: .5em;
}
.invasion_sweet_img {
  width: 120px;
  height: 120px;
  margin: 0px auto;
}

.over {
  width: 75%;
  float: left;
}
.over_r {
  width: 25%;
  float: right;
}
}

@media only screen and (min-width : 461px) and (max-width : 1199px)  {

.invasion h2 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/invasion.png) no-repeat top center;
  background-size: 100% auto;
  text-indent: -9999px;
  max-width:800px;
  height: 180px;
  margin: 20px auto 30px;
}
.in_box_menu {
  width:100%;
  margin:10px auto 30px;
}
.invasion_menu ul {
  padding: 0;
  margin: 0;
  }
.invasion_menu li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.invasion_menu li a {
  display: block;
  background: #846d4a;
  color:#fff;
  font-weight:bold;
  line-height: 200%;
  padding: .4em 2em .2em 1em;
  text-shadow: -1px -1px 0 #49371c;
  margin-bottom: 2px;
}
.invasion table {
  border: solid 1px #56401f;
  width: 100%;
}
.invasion table th {
  background: #846d4a;
  color: #fff;
  font-weight: bold;
  text-shadow: -1px -1px 0 #56401f;
}
.invasion table th,
.invasion table td {
  border: solid 1px #56401f;
  padding: .6em .8em .3em;
}
.invasion_item {
  margin: 20px 0px;
  overflow: hidden;
  list-style-type: none;
}
.invasion_item .item_title {
  font-weight: bold;
  padding-top:3px;
  font-size: 1.1em;
  text-align: center;
} 
.item_text {
  text-align: center;
  }
.invasion_item .item_text span {
  display: block;
  font-size: .9em;
}
.invasion_start li {
  float: left;
  width: 30%;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin-right: 3%;
  padding: .5em;
  min-height: 270px;
}
.invasion_item_img {
  width: 120px;
  height: 120px;
  margin: 5px auto 10px;
}
.invasion_ing li {
  float: left;
  width: 23%;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin-right: 2%;
  padding: .5em;
}
.invasion_ing .item_type,
.invasion_ings .item_type {
  display:block;
  text-align: center;
  padding: .3em 0 0;
  color:#fff;
  font-weight: bold;
  border-radius: 2em;
  margin-bottom: .5em;
}
.time {
  background: #077a6c;
}
.choice {
  background: #d88500;
}
.answer {
  background: #ff70a4;
}


.invasion_ings li {
  float: left;
  width: 19%;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin-right: 1%;
  padding: .5em;
}
.invasion_sweet_img {
  width: 120px;
  height: 120px;
  margin: 5px auto 10px;
}
.box_l_s {
  width: 80%;
  height:200px;
  margin: 20px auto;
  }
.Soviet2 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Soviet2.png) no-repeat center;
  background-size: contain;
}
.point_right {
    text-align: center;
    margin: 10px auto;
  }
.over_r {
    width: 60%;
    margin: 0px auto;
  }
}
  
@media only screen and (max-width : 460px)  {
.invasion h2 {
  background:url(https://www.militaryacademy.jp/wp-content/uploads/2017/11/invasion.png) no-repeat top center;
  background-size: 100% auto;
  text-indent: -9999px;
  max-width:800px;
  height:100px;
  margin: 20px auto 30px;
}
.in_box_menu {
  width:100%;
  margin:10px auto 30px;
}
.invasion_menu ul {
  padding: 0;
  margin: 0;
  }
.invasion_menu li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.invasion_menu li a {
  display: block;
  background: #846d4a;
  color:#fff;
  font-weight:bold;
  line-height: 200%;
  padding: .4em 2em .2em 1em;
  text-shadow: -1px -1px 0 #49371c;
  margin-bottom: 2px;
}
.invasion table {
  border: solid 1px #56401f;
  width: 100%;
}
.invasion table th {
  background: #846d4a;
  color: #fff;
  font-weight: bold;
  text-shadow: -1px -1px 0 #56401f;
}
.invasion table th,
.invasion table td {
  border: solid 1px #56401f;
  padding: .6em .8em .3em;
}
.invasion_item,
.invasion_ings {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}
.invasion_item ul,
.invasion_ings ul {
  margin: 0;
  padding: 0;
  }
.invasion_item li,
.invasion_ings li {
  border: solid 1px #ccc;
  border-radius: 4px;
  padding: .5em;
  margin-bottom: 5px;
}
.invasion_item_img,
.invasion_sweet_img {
  width: 150px;
  height: 150px;
  margin: 5px auto;
}
.item_title,
.item_text {
  text-align: center;
  }
.item_title {
  font-weight: bold;
  }
.item_text span {
  display:block;
  font-size: 0.9em;
  }
.item_type {
  font-weight: bold;
  color:#fff;
  text-align: center;
  border-radius: 2em;
  padding-top: .2em;
  }
.time {
  background: #077a6c;
}
.choice {
  background: #d88500;
}
.answer {
  background: #ff70a4;
}
.box_l_s {
  width: 80%;
  height:200px;
  margin: 20px auto;
  }
.Soviet2 {
  background: url(https://www.militaryacademy.jp/wp-content/uploads/2017/10/Soviet2.png) no-repeat center;
  background-size: contain;
} 
}



/*END*/

/*  test  add : Tanigawa */


/*  test  add : Tanigawa */