﻿.wrapper_{ text-align:left;}
.mT20{margin-top: 20px;}
@media screen and (max-width: 767px){
p.logo { display:block;padding:8px 0 0 8px;float:left;}
p.logo img { width:160px;}
.headerPageTop, #gNaviListUnder li a#a06 { display:none;}
.wrapper_ ul#headerBtnSet_sp{ display:block;float:right;padding: 4px 4px 0 0;width: 145px;}
.wrapper_ ul#headerBtnSet_sp li{ float:left;line-height: 1;padding: 0 0 0 2px;width: 45px;}
div#headerUtiArea,
#searchBlock form,
.wrapper_ #header{ display:none;}


body #footer{ display:none;}
.contents_ #logo_area,
.contents_ #global_content{ display:none;}
/* BREAD CRUM
----------------------------------------------- */
#beadCrum { clear:both;margin:0;font-size:80%;padding-top:0;}
#beadCrum li { float:left;color:#c9427c;font-weight:bold;}
#beadCrum li a { color:#696951;font-weight:normal;background:url(//img.e87.com/selection/images/breadCrumAllow.gif) no-repeat right center;padding: 0 10px 0 0;}
}
@media screen and (min-width: 768px) and (max-width:899px){
.wrapper_ #header{ display:none;}
.wrapper_ .contents_{ width:100%;}
#global_content{ float:right !important;width:45% !important;margin-right:10px;}
#logo_area{ width:45% !important;margin-left:10px;}
#logo_area p#sitelogo{ float:left;}

#logo_area_banner{ width: 30%;}
.wrapper_ p.logo{ display:none;}
body #footer{ display:none;}

/* BREAD CRUM
----------------------------------------------- */
#beadCrum { clear:both;margin:0;font-size:80%;padding-top:0;max-width:420px;}
#beadCrum li { float:left;color:#c9427c;font-weight:bold;}
#beadCrum li a { color:#696951;font-weight:normal;background:url(//img.e87.com/selection/images/breadCrumAllow.gif) no-repeat right center;padding: 0 10px 0 0;}
}

@media screen and (min-width:900px){
.wrapper_ .ipad_ #logo_area,
.wrapper_ .ipad_ #global_content{ display:none;}

.wrapper_ p.logo,
footer{ display:none;}


/* BREAD CRUM
----------------------------------------------- */
#beadCrum { clear:both;margin:0 0 5px 0;font-size:100%;padding-top:5px;max-width:520px;}
#beadCrum li { float:left;color:#c9427c;font-weight:bold;}
#beadCrum li a { color:#696951;font-weight:normal;background:url(//img.e87.com/selection/images/breadCrumAllow.gif) no-repeat right center;padding: 0 10px 0 0;}
}

