@charset "utf-8";

/* モバイルレイアウト : 768 px およびそれ以下. */
/***************************************
 スマホ
***************************************/
body {
  background: #ffefef;
}
#top h2 {
  border-top: none;
}
#top h2 .h2-single {
  border-left: 6px solid #ec618a;
  font-size: 20px;
  position: relative;
  padding: 5px 0 5px 10px;
  font-weight: bold;
  text-align: left;
}
.single-content {
  width: 96%;
  margin: 0 2% 20px;
}
p.single-date {
  font-size: 14px;
  text-align: left;
}
.single-blog-content {
  text-align: left;
  margin-bottom: 20px;
}
ul.page_prenext {
  font-size: 0;
  text-align: center;
}
ul.page_prenext li {
  font-size: 14px;
  display: inline-block;
  width: 33%;
  border: 2px solid #ec618a;
  box-sizing: border-box;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffde 83%, #ffffa7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffde 83%,#ffffa7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#ffffde 83%,#ffffa7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffa7',GradientType=0 ); /* IE6-9 */
}
li.blog-link-prev {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: none !important;
}
li.blog-link-next {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: none !important;
}
ul.page_prenext li a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: #ec618a;
}
.consult_tpl_box {
  background: #fff;
  padding: 10px 0;
}
.blog-archive-box {
  background: #fff;
}

/* まずは相談しませんか？ */
.top-consult-box {
  border: 4px solid #ff5514;
  box-sizing: border-box;
  margin: 5px 2% 5px;
  padding: 2%;
  font-size: 0;
}
.top-consult-box p {
  text-align: left;
  margin: 5px 2%;
  font-size: 14px;
}
.top-consult-title {
  width: 96%;
  margin: 5px 2%;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 5px double #ff5514;
  text-align: left;
  line-height: 1.5em;
}
.top-consult-orange {
  color: #ff5514;
  font-size: 26px;
}
.top-consult-box ul {
  display: inline-block;
  width: 65%;
  margin-left: 1%;
  font-size: 0;
}
.top-consult-box ul li {
  display: inline-block;
  width: 46%;
  margin: 3px 1%;
  background: #ffd46f;
  color: #ff3828;
  padding: 3px 1%;
  font-size: 14px;
  border-radius: 14px;
}
.top-consult-img {
  display: inline-block;
  width: 33%;
  vertical-align: bottom;
}
.top-consult-img img {
  vertical-align: bottom;
}
.top-consult-box ul li.top-consult-li-wide {
  width: 96%;
}

/* デスクトップレイアウト : 769 px ～ */
@media screen and (min-width: 769px) {
/***************************************
 PC
***************************************/
  body {
    background: none;
  }
  #main {
    background: #ffefef;
  }
  #top {
    display: inline-block;
    font-size: 14px;
    width: 1000px;
    margin: 10px auto;
    background: none;
  }
  .blog-list li {
    font-size: 0;
    margin-bottom: 10px;
    text-align: left;
  }
  .blog-list-month li {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
  }
  .blog-list-title {
    display: inline-block;
    width: 46%;
    margin: 0 2%;
    font-size: 14px;
  }
  .blog-list-date-sp {
    display: none;
  }
  .blog-list-date {
    display: inline-block;
    width: 46%;
    margin: 0 2%;
    font-size: 14px;
    vertical-align: top;
    text-align: right;
  }
  .blog-archive-box {
    display: inline-block;
    width: 48%;
    margin: 0 1%;
    vertical-align: top;
  }
  .blog-archive-waku {
    font-size: 0;
  }

  /* まずは相談しませんか？ */
  .top-consult-box {
    width: 900px;
    border: 4px solid #ff5514;
    box-sizing: border-box;
    margin: 5px auto 20px;
    padding: 1%;
    font-size: 0;
  }
  .top-consult-box p {
    text-align: left;
    margin: 5px 2%;
    font-size: 14px;
  }
  .top-consult-title {
    width: 56%;
    margin: 5px 22% 10px;
    font-size: 36px;
    font-weight: bold;
    border-bottom: 8px double #ff5514;
    text-align: center;
    line-height: 1.5em;
  }
  .top-consult-orange {
    color: #ff5514;
    font-size: 50px;
  }
  .top-consult-box ul {
    display: inline-block;
    width: 80%;
    margin: 10px 0 0 1%;
    font-size: 0;
    vertical-align: top;
  }
  .top-consult-box ul li {
    display: inline-block;
    width: 120px;
    height: 120px;
    margin: 3px 1%;
    background: #ffd46f;
    color: #ff3828;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    border-radius: 50%;
    line-height: 120px;
  }
  .top-consult-box ul li.top-consult-li-wide {
    width: 120px;
  }
  .top-consult-img {
    display: inline-block;
    width: 18%;
    vertical-align: bottom;
  }
  .top-consult-img img {
    vertical-align: bottom;
  }
  .top-consult-btn img {
    display: inline-block;
    width: 450px;
  }
  .top-consult-btn {
    margin-top: 20px;
  }
}