@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト
------------------------------------------------------*/

@media(max-width : 640px){

  #container,
  #top,
  #header,
  #global-nav,
  #breadcrumbs,
  #main-image,
  #main,
  #footer,
  #footer .area02,
  #footer-banner,
  .copyright{
   width: 100%!important;
   min-width: 100%!important;
 }

 #main {
  margin-top: 0;
}

#global-nav {
  display: none;
}

#top-in,
#header-in,
#breadcrumbs ol,
#global-nav-in,
#sidebar-in,
#footer-in,
#footer-banner ul,
.newpost-excerpt,
.copyright p{
	width: 98%!important;
	margin: 0 1%!important;
}


.col2 #header, .col2 #header-in{
  width:100% !important;
}

#global-nav{
  display: none;
}

#sub-contents,
#sidebar,
#main-and-sub,
#main-contents{
	float: none!important;
	width: 100%!important;
}

#main-image {
  margin: 0 0 .5rem 0;
}

#main-image img{ 
  width: 100%!important; 
}

#main-in  {
  margin: 0 !important;
  padding:0;
  width: 100% !important;
  border:none;
  box-shadow: none;
}

#main-contents .contents {
  padding-bottom: 1rem;
}

.post{
  margin: 0 auto!important;
  padding:0;
  width: 98% !important;
  border:none;
  box-shadow: none;
}

.contents-container {
  width: 100%;
  border-radius:0;
  border:none;
}

#sidebar {
  padding:0 !important;
}

#footer {
  margin: 0;
  padding: 10px;
  font-size: 10px;
}

#footer .area01 {
  padding: 0;
}

.copyright{
  text-align:center;
}
}/* media query close*/