@charset "UTF-8";

/*!
Theme Name: TasukuWeb
Template:   simplicity2
*/

/* Simplicity子テーマ用のスタイルを書く */

/**
 * シングルカラム用設定
 */
#sidebar {
  display: none;
}
.home div#body-in {
  width: 100%;
}
.home #main {
  width: 100%;
}
.archive #main,
.single #main,
.page #main {
  width: 1070px;
}
#main {
  border: none;
  padding: 0;
  margin-bottom: 0;
}
.ad-right {
  float: left;
}

@media screen and (max-width:1110px) {
  .archive #main,
  .single #main,
  .page #main {
    width: 740px;
  }
}
@media screen and (max-width:740px) {
  .archive #main,
  .single #main,
  .page #main {
    width: 100%;
  }
}
@media screen and (max-width:639px) {
  /**
   * 共通
   */
  div#main {
    padding: 0;
  }
}

/**
 * 共通
 */
body {
  font-family: "Cabin", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  color: #352421;
}

dl dt {
  line-height: 200%;
  font-size: 2rem;
}
dl dt a {
  text-decoration: none;
  color: #352421;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
dl dt a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #f08ebc;
}
dl dd {
  line-height: 150%;
  text-indent: 1rem;
  font-size: 1.8rem;
}
dl dd a {
  text-decoration: none;
  color: #352421;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
dl dd a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #f08ebc;
}

#body {
  margin-top: 0;
}
@media screen and (max-width:740px) {
  #body {
    margin: 0 15px;
  }
  .home #body {
    margin: 0;
  }
}
#breadcrumb {
  margin-top: 15px;
}
.glyphicon {
  padding-right: 0.5rem;
}

header {
  background-color: #ffffff;
  width: 100%;
  z-index: 100;
}
header #header .alignleft {
  margin-left: 0;
}
@media screen and (max-width:740px) {
  header #header .alignleft {
    margin-left: 30px;
  }
}
footer {
  text-align: center;
  margin: 12px 0 0;
}

a:hover {
  text-decoration: none;
}

#copyright {
  font-size: 100%;
}

/**
 * フロントページ用
 */
#information {
  padding: 12px;
}
#information .caption {
  text-align: center;
}
#information dt {
  float: left;
  clear: both;
}
#information dd {
  float: right;
}
#information_nav {
  margin: 16px 0;
  text-align: right;
}
#information_button {
  padding: 6px 12px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 20px;
  border-radius: 6px;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
#information_button {
  background-color: #9e9e9f;
}
#information_button:hover {
  background-color: #fff;
  color: #9e9e9f;
  border-color: #9e9e9f;
}

#web {
}

#web .col-xs-12,
#company .col-xs-12,
#faq .col-xs-12,
#inquiry .col-xs-12 {
  padding: 0px;
}

#web .bg,
#company .bg,
#faq .bg,
#inquiry .bg {
  height: 100vh;
  margin-top: -20px;
}
#web .bg a,
#company .bg a,
#faq .bg a,
#inquiry .bg a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#web .bg .active,
#company .bg .active,
#faq .bg .active,
#inquiry .bg .active {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
}
#web .bg .active .content,
#company .bg .active .content,
#faq .bg .active .content,
#inquiry .bg .active .content {
  position: relative;
  top: 43%;
  color: #ffffff;
  text-align: center;
  display: block;
}
#web .bg .active .content:hover,
#company .bg .active .content:hover,
#faq .bg .active .content:hover,
#inquiry .bg .active .content:hover {
  color: #ccc;
}

#web .bg {
  background-image: url('./images/compressed/bg_web.jpg');
  background-size: cover;
}
#company .bg {
  background-image: url('./images/compressed/bg_company.jpg');
  background-size: cover;
}
#faq .bg {
  background-image: url('./images/compressed/bg_faq.jpg');
  background-size: cover;
}
#inquiry .bg {
  background-image: url('./images/compressed/bg_inquiry.jpg');
  background-size: cover;
}

/**
 * お問い合わせ用
 */
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea {
  display: block;
}

/**
 * Bootstrap変更用
 */
div.col-sm-12 {
  padding: 0;
}

/**
 * 各個別ページ用
 */
/* Webサイト制作 */
#post-12 .page-title {
  border-left: 12px solid #1d2087;
  padding-left: 12px;
}
/* よくある質問 */
#post-14 .page-title {
  border-left: 12px solid #e64290;
  padding-left: 12px;
}
/* 会社概要 */
#post-16 .page-title {
  border-left: 12px solid #8d0982;
  padding-left: 12px;
}
/* お問い合わせ */
#post-19 .page-title {
  border-left: 12px solid #9e9e9f;
  padding-left: 12px;
}
/* デフォルト */
.page-title {
  border-left: 12px solid #9e9e9f;
  padding-left: 12px;
}
/* お知らせ用 */
.article h1 {
  line-height: 200%;
  font-size: 2rem;
  font-weight: 700;
}
.article h1 a {
  text-decoration: none;
  color: #352421;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.article h1 a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #f08ebc;
}
.article h1 .date {
  float: right;
  line-height: 150%;
  text-indent: 1rem;
  font-size: 1.8rem;
  font-weight: normal;
}

/* ページャー */
.navigation .prev {
  text-align: left;
  border: none;
}
.navigation .prev a {
  color: #352421;
}
.navigation .prev a span {
  color: #352421;
  padding-left: 10px;
  margin-top: -8px;
  clear: left;
}
.navigation .prev a:hover {
  color: #f08ebc;
  background-color: transparent;
}
.navigation .next {
  text-align: right;
  border: none;
}
.navigation .next a {
  color: #352421;
}
.navigation .next a span {
  color: #352421;
  padding-right: 10px;
  margin-top: -8px;
  clear: left;
}
.navigation .next a:hover {
  color: #f08ebc;
  background-color: transparent;
}

a.page-numbers {
  background-color: transparent;
  color: #352421;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.page-numbers:hover {
  text-decoration: none;
  background-color: transparent;
  color: #f08ebc;
}