@charset "utf-8";
/* CSS Document */

/*
Theme Name: AMATERASU
Description: Easy,SimpleDesign
Version: simple 1.1
Base Color: red
Author: AMATERASU
Author URI: http://www.seo-amaterasu.com/
*/

@media screen and (max-width: 768px){

/* layout */
body {
  margin: 0;
  padding: 0;
  padding-top: 21%;
}

#header {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999;
}

#header_in {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 3%;
  display: flex; /*table*/
  justify-content: space-between;
  overflow: hidden;
  background: #fff;
  z-index:999;
  position: relative;
}

#main_visual {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: linear-gradient(180deg, #fff7f7 0%, #fff7f7 580px, #20b7bc 580px, #20b7bc 100%);
}

#main_visual_in {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.home #wrapper {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

#wrapper {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 5.208333333% 2.604166666% 7.8125% 2.604166666%;
  display: table;
}

#content {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  float: none;
}

.home #sidebar {
  display: none;
}

#sidebar {
  width: 100%;
  height: auto;
  margin: 0;
  padding-top: 3.90625%;
  float: none;
}

#footer {
  width: 100%;
  height: auto;
  margin: 0;
  padding-bottom: 13.02083333%;
  background-color: var(--main-color);/*#ffab6b*/
}

#footer_in {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 6.510416666% 2.604166666%;
  display: table;
}
}