/*共通*/
#wrapper{
  width:95%;
  margin: 2% auto;
}
#MenuList{
  padding:10px 0px 10px 10px;
  list-style-type: none;
}
#MenuList>a{
  display: block;
  width:200px;
}
#MenuContainer{
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
span.MenuBtn{
  color:#CCBF33;
  font-size:14px;
	font-style:italic;
  display: block;
  width:90%;
  line-height: 28px;
  height:30px;
}

/* ----- 新しいお知らせスタイル ----- */
/* --------------------------------- */
/* メインページ・お知らせ */
/* --------------------------------- */
ul.WhatsNew{
	list-style-type: none;
	list-style-position: outside;
	padding-left:5px;
	margin: 2px 0px;
	border:1px solid #c899cd;
	height:110px;
	overflow-y:auto;
	width:200px;
	text-align:left;
}
span.Date{
  font-size: 9px;
  color:#c899cd;
}
span.Content{
  font-size: 9px;
  color:#cccccc;
  margin-bottom:5px;
}

/* レイアウト調整 */

/*PC・タブレット版*/
/*@media screen and (min-width:1024px) {*/
@media screen and (min-width:768px) {
  #TitleImageArea{
    padding-left:5%;
  }
  #MenuContainer{
    display:none;
  }
  #MenuList.menu{
      display:block;
  }
  #ContentsArea{
    float:right;
    width:44%;
  }
  #MainImageArea{
    text-align: right;
    padding-right: 5%;
    width:50%;
    float:left;
  }
  #NewsArea{
    float:right;
    width:44%;
  }
  #CopyrightArea{
    clear:both;
    width:100%;
    text-align: center;
  }
  #FooterLine{
    width:500px;
    height: 9px;
  }
}

/*タブレット版*/
/*  @media screen and (min-width:768px) and (max-width:1023px) {
}*/

/*スマホ版*/
@media screen and (max-width:767px) {
  #TitleImageArea{
    width:100%;
    text-align: center;
  }
  #MenuArea{
    width:100%;
  }
  #MenuList.menu{
    display:none;
  }
  #MenuList.openmenu{
    display:block;
  }
  #MainImageArea{
    width:100%;
    text-align: center;
  }
  #NewsArea{
    width:97%;
    padding-left: 3%;
    padding-bottom: 3%;
  }
  #CopyrightArea{
    text-align: center;
  }
  #FooterLine{
    width:100%;
    height: 9px;
  }
  ul.WhatsNew{
    width:95%;
  }
}