/*
Theme Name: AMATERASU
Description: Easy,SimpleDesign
Version: simple 1.1
Base Color: red
Author: AMATERASU
Author URI: http://www.seo-amaterasu.com/
*/

@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 769px){

  /* layout */
  body {
    min-width: 1140px;
    margin: 0; 
    padding: 0;
  }

  #header {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: #ff6600;
  }

  .page-template-landing_page-php #header {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
  }

  #header_in {
    width: 1140px;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding: 20px 20px 15px 20px;
    display: table;
  }

  .page-template-landing_page-php #header_in {
    width: 1140px;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
    display: table;
  }

  #nav_header {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }

  #nav {
    width: 78.18181818%;
    height: 50px;
    margin: 0;
    padding: 10px 0 0 0;
    float: right;
  }

  #wrapper {
    width: 100%;
    height: auto;
    max-width: 1060px;
    margin: 0 auto;
    padding: 15px 20px 0px 20px;
    display: block;
    overflow: hidden;
  }

  .breadcrumbs{
    margin-bottom: 15px;
  }

  #content_out {
    width: 740px;
    height: auto;
    margin: 0 auto;
    padding: 0 5px;
    float: right;
  }

  #onecolumn_content_out,
  #landing_content_out {
    width: 1100px;
    height: auto;
    margin: 0;
    padding: 0 5px;
  }

  #main_visual {
    width: 740px;
    height: auto;
    margin: 0 auto 10px auto;
    padding: 5px;
  }

  #content {
    width: 730px;
    height: auto;
    margin: 0;
    background-color: #ffffff;
  }

  #onecolumn_content {
    width: 1090px;
    height: auto;
    margin: 0;
    padding: 15px;
    background-color: #ffffff;
    box-shadow: 0 0 4px #cccccc;
  }

  #landing_content {
    width: 1090px;
    height: auto;
    margin: 0;
    padding: 15px 60px;
    background-color: #ffffff;
    box-shadow: 0 0 4px #cccccc;
  }

  #sidebar {
    width: 250px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
  }

  #footer {
    width: 100%;
    height: auto;
    display: table;
    clear: both;
    background: linear-gradient(white,#d9fbd8);
  }

  #footer_in {
    width: 1140px;
    height: auto;
    margin: 0 auto;
    padding: 40px 20px 20px;
    display: table;
  }

  #copyright_out {
    width: 100%;
    height: auto;
    background: #2e90b9;
    padding: 10px 0 10px 0;
    border-top: 1px solid #195fdc;
    display: table;
  }

  #copyright_in {
    max-width: 1140px;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
  }

  #footer_nav {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
  }
  #footer_nav .menu ul {
      overflow: hidden;
      max-width: 1100px;
      margin: 0 auto;
      padding: 8px 0;
  }

  #footer_nav .menu {
      width: 100%;
  }

  #footer_nav .menu ul li {
      float: left;
      width: 20%;
      text-align: center;
  }

  #footer_nav .menu ul li a {
      display: block;
      text-align: center;
      color: #ccc;
      text-decoration: none;
  }
}
.subpage_box {
    width: 94%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.order-area .subpage_box_left {
    width: 40%;
}
.subpage_box_left {
    float: left;
    width: 68%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.order-area .subpage_box_right {
    width: 60%;
    padding-left: 10px;
    line-height: 1.5em;
    font-size: 17px;
}
.subpage_box_right {
    float: right;
    width: 32%;
}

div#sidebar ul#menu-g_nav-2 li {
    border-bottom: dotted 2px #007baf;
    padding: 5px;
}
div#sidebar ul#menu-g_nav-2 li a {
    text-decoration: none;
    color: #645034;
}
.side-top-list ul li a {
    display: block;
    text-decoration: none;
    color: white;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    border-radius: 50px;
    background: linear-gradient(#84bcf7, #1c8aff);
    box-shadow: 0 0 5px 0 #1c8aff inset;
    text-shadow: 0 2px 0 rgba(0,0,0,0.2), 0 0 10px #1c8aff;
    border: 1px #1c8aff solid;
    margin-bottom: 10px;
}
#sidebar li.widget-container:nth-child(2) {
    border: solid 3px #007baf;
    margin-bottom:20px;
    padding: 0 0px 16px;
}
#sidebar li.widget-container:nth-child(2) .contents_title h3 {
    background: #007baf;
    text-align: center;
    padding: 9px;
    color: #fff;
}

#sidebar li.widget-container:nth-child(2) .menu-g_nav-container {
    padding: 0 8px;
}
#sidebar li.widget-container:nth-child(3) .contents_title h3 {
    background:#007baf;
    text-align: center;
    padding: 15px;
    color: #fff;
    border-radius: 0px;
}

#content .post h1{
  clear: both;
  -webkit-box-shadow: 1px 2px 5px #CCC; 
  box-shadow: 1px 2px 5px #CCC; 
  font-size : 21px;
  text-align: left;
  color : #fff;    /*æ–‡å­—è‰²*/
  padding: 15px 15px 15px 24px;  /*å·¦ã‹ã‚‰ä¸Šä¸‹ã€å·¦å³ã¸ã®ä½™ç™½*/
  border-radius: 0; /*è§’ä¸¸ã®ã‚µã‚¤ã‚ºã€‚å·¦ä¸Šã€å³ä¸Šã€å³ä¸‹ã€å·¦ä¸‹ã¸ã®è¨­å®šã€‚*/
  border-top: none;
  border-bottom : none;background:
  rgb(191,146,73);
  background: linear-gradient(0deg, rgb(73, 152, 191) 0%, rgb(73, 152, 191) 80%, rgb(69, 143, 179) 100%);
  line-height: 1.45em;
  letter-spacing: 1px;
  position: relative;
}
#content .post h1:before {
    content: '';
    position: absolute;
    height: 50%;
    width: 6px;
    background: #fff;
    top: 25%;
    left: 10px;
    border-radius: 125px;
}

#content .post h2{
    background: #ffffec;
    border: 3px solid #008ac3;
    border-radius: 12px;
    padding: 8px 15px;
    margin: 16px 0 32px;
    font-size: 16px;
    overflow: hidden;
    width: 100%;
}

h2{
    background: #ffffec;
    border: 3px solid #008ac3;
    border-radius: 12px;
    padding: 8px 15px;
    margin: 16px 0 32px;
    font-size: 16px;
    overflow: hidden;
    width: 100%;	
}
div#header ul.menu li:hover {
    opacity: 0.5;
}
.side-top-list ul li a:hover {
    opacity: 0.5;
}
div#sidebar ul#menu-g_nav-2 li:hover {
    opacity: 0.5;
}
