@media screen and (max-width: 640px) {
.isPC{
display:none;
}

#body{
width:100% !important;
}
}

@media screen and (min-width: 641px) {
.isSP{
display:none;
}

#body{
width:950px;
}


/*----------------------------------------

明治共通フッターのCSSを調整

----------------------------------------*/

div#footer a:link, div#footer a:visited {
color: #838383 !important;
}

#footer #footer-inner{
  width:100% !important;
}

/*閉じるボタン：初期状態は非表示*/
#footer #footer-inner p.close-btn {
    background: rgba(0, 0, 0, 0) url("/common/images/footer_ec_003.gif") no-repeat scroll left center;
    display: block;
    padding: 2px 0 1px;
    position: absolute;
    right: 10px;
    top: 49px;
	font-family: "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	display:none;
}

#footer #footer-inner p.close-btn a{
    display: inline-block;
    padding-left: 19px;
	vertical-align: baseline;
	font-size: 10px;
	line-height: 11px;    
    text-decoration: none;
}


/*明治ロゴ：初期状態はテキストロゴを表示*/
#footer #footer-inner .imgLogo{
	display:none;
}

#footer #footer-inner .txtLogo{
	display:block;
}

}

/*SPへッダー*/
#global-nav-wrap{
  display:block !important;
  height: auto;
  max-height: 0 !important;
  transition: max-height 0.8s ease;
  overflow: hidden;
}

.opened + #global-nav-wrap{
  max-height: 800px !important;
}

/*SPフッター*/
#f-nav-wrap{
  display:block !important;
  height: auto;
  max-height: 0 !important;
  transition: max-height 0.5s ease;
  overflow: hidden;
  border: 1px solid #fff !important;
}

.opened + #f-nav-wrap{
  max-height: 500px !important;
  border: 1px solid #c6c9cc !important;
}

@media screen and (max-width: 640px) {
	div:after{
		font-size:0;
	}
}