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

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

/* layout */
body {
  margin: 0; 
  padding: 0;
}

#header {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
}

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

#header_top_in {
  width: 100%;
  height: 20px;
  margin: 0 auto;
  padding: 2px 2.604166666% 0 2.604166666%;
  position: relative;
}

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

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

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

#col_1 #wrapper {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 20px 2.604166666% 30px 2.604166666%;
}

#col_1 #core_area {
  width: 100%;
  float: none;
}

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

#col_1 #left_sidebar {
  display: none;
}

#col_1 #right_sidebar {
  display: none;
}

#col_2_left #wrapper {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 20px 2.604166666% 10px 2.604166666%;
}

#col_2_left #core_area {
  width: 100%;
  float: none;
}

#col_2_left #content {
  width: 100%;
  heightt: atuo;
  margin-bottom: 20px;
  padding: 0;
  float: none;
}

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

#col_2_left #right_sidebar {
  display: none;
}

#col_2_right #wrapper {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 20px 2.604166666% 30px 2.604166666%;
}

#col_2_right #core_area {
  width: 100%;
  float: none;
}

#col_2_right #content {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 0;
  float: none;
}

#col_2_right #left_sidebar {
  display: none;
}

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

#col_3 #wrapper {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 20px 2.604166666% 30px 2.604166666%;
}

#col_3 #core_area {
  width: 100%;
  margin-bottom: 20px;
  float: none;
}

#col_3 #content {
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  float: none;
}

#col_3 #left_sidebar {
  width: 100%;
  margin: 0;
  padding: 0;
  float: none;
}

#col_3 #right_sidebar {
  width: 100%;
  margin: 0;
  padding: 0;
  float: none;
}

#footer {
  width: 100%;
  height: auto;
  margin: 0;
  float: left;
  clear: both;
}

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

.copyright_out {
  width: 100%;
  height: auto;
  padding: 13px 0;
  display: table;
}
}