@charset "UTF-8";

/*
Theme Name: SankoJutaku2016
Theme URI: http://www.sanko-jutaku.com/
Author: SankoJutaku
Author URI: http://www.sanko-jutaku.com/
Description: 三幸住宅のテーマ2016
Version: 1.0
*/

/* common */
html {
  background: url("images/bg.png") repeat;
  color: #e3e3e3;
  font-size: 62.5%;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, Meiryo, serif;
}

body {
  background: url("images/bg_higaki.png") repeat-x;
  padding-top: 35px;
  font-size: 1.4rem;
}

figure {
  margin: 30px auto;
}

p {
  margin: 1rem 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.text-big {
  color: #00f;
  font-family: sans-serif;
  font-size: 3rem;
  font-weight: bold;
}
.text-big-1 {
  color: #efefef;
}

/* others */
.header {
  margin: 0 auto;
  height: 200px;
  width: 1200px;
}

.eye-catch-1 {
  background: url("images/eye_catch_1.jpg") no-repeat;
  height: 700px;
}
.eye-catch-1 a {
  height: 700px;
}
.eye-catch-2 {
  background: url("images/eye_catch_2.png") no-repeat;
  height: 200px;
}
.eye-catch-2 a {
  height: 200px;
}
.eye-catch a {
  display: block;
}

.wrapper {
  margin: 10px auto 0;
  width: 1200px;
}

.main {
  display: block;
  float: right;
  padding: 0 25px;
  width: 1000px;
}

.main-half {
  float: left;
  width: 450px;
}

.main-menu {
  margin: 10px auto 0;
  padding: 0 30px;
  float: left;
  height: 360px;
  width: 950px;
}

.main-menu > .item {
  float: left;
  height: 360px;
  width: 40px;
}

.main-menu > .item:hover {
  -ms-filter: brightness(1.5);
  -moz-filter: brightness(1.5);
  -o-filter: brightness(1.5);
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
}

.main-menu > .spacer {
  width: 25px;
}

.main-line {
  float: left;
  margin: 20px auto;
  height: 50px;
  width: 950px;
}

.main h1 {
  margin-top: 10px;
}

.main h3 {
  margin: 20px 0 10px 0;
}

.main h4 {
  margin: 16px 0 8px 0;
}

.main > p {
  font-size: 2rem;
}

.main dl {
  margin: 10px;
}

.main dl dl {
  margin: 0;
}

.main dl dt {
  font-size: 2.2rem;
}

.main dl dd {
  font-size: 2rem;
  margin: 0 20px 20px;
}

.main dl ul {
  margin-left: 20px;
}

.note {
  color: #ff0;
}

.sidebar {
  float: left;
  width: 200px;
}

.master-diary-banner {
  background: url("images/banner_master_1.png") no-repeat;
  height: 55px;
  width: 200px;
}

.master-diary-banner > a {
  color: #ff0;
  display: block;
  font-size: 2rem;
  padding-top: 20px;
  text-align: center;
  height: 55px;
  width: 200px;
}

.content {
  float: left;
  font-size: 2rem;
  margin: 25px 50px;
  width: 1100px;
}

.content p {
  margin: 10px 50px;
}

.content p strong {
  font-size: 2em;
}

.content ul {
  margin-left: 50px;
}

.content section {
  margin: 25px 0;
}

.content .images {
  margin: 20px 0;
}

.content .images-2 img {
  margin: 25px 50px;
  height: 450px;
  width: 450px;
}

.content .images-3 img {
  margin-left: 50px;
  height: 300px;
  width: 300px;
}

.content .images-4 img {
  margin: 0 0 25px 50px;
  height: 200px;
  width: 200px;
}

.content .images-4-wide img {
  margin: 0 25px 10px 0;
  height: 200px;
  width: 250px;
}

.footer {
  padding: 20px 0;
  text-align: center;
  width: 100%;
}

.hello-world .header {
  height: 700px;
}

.policy .header {
  height: 300px;
}

.policy .eye-catch-2 {
  background: url("images/policy/policy_eye_catch.png") no-repeat;
  height: 300px;
}
.policy .eye-catch-2 a {
  height: 300px;
}

.kikurasu_collection .image-main {
  float: left;
  margin-bottom: 30px;
  width: 400px;
}

.kikurasu_collection .description {
  float: left;
  margin: 0 0 30px 50px;
  width: 650px;
}

.wagura .header {
  height: 10px;
}

.wagura .eye-catch-2 {
  background: none;
  height: 10px;
}

.kikurasu .header {
  height: 10px;
}

.kikurasu .eye-catch-2 {
  background: none;
  height: 10px;
}

.required {
  color: #f00;
}

ol.list {
  font-size: 2rem;
  margin: 25px 100px;
}

table.list {
  font-size: 2rem;
  margin: 50px;
}

table.list-small {
  font-size: 1.5rem;
}

table.list input[type="email"], table.list input[type="text"], table.list textarea {
  background-color: #fff;
  color: #000;
  font-family: "Hiragino Maru Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  padding: 10px;
}

table.list textarea {
  height: 20rem;
}

table.list th {
  font-weight: bold;
}

table.list th, table.list td {
  border: 1px solid #666;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

table.list td.big_button {
  text-align: center;
}

table.list td.big_button input[type="submit"] {
  background-color: #fff;
  color: #000;
  height: 50px;
  width: 200px;
}

.banner_three { float: left; display: block; height: 475px; background: url("images/banner_three.png") top left no-repeat; }
.banner_three_left { width: 316px; background-position: -10px -1950px; }
.banner_three_left:hover { background-position: -10px -2435px; }
.banner_three_center { width: 318px; background-position: -10px -10px; }
.banner_three_center:hover { background-position: -10px -495px; }
.banner_three_right { width: 316px; background-position: -10px -980px; }
.banner_three_right:hover { background-position: -10px -1465px; }

.article {
}
.article .article-header {
}
.article .article-title {
  background: url("images/kuginuki.png") no-repeat;
  line-height: 50px;
  padding-left: 50px;
}
.article .article-body {
  font-size: 1.8rem;
  padding: 25px;
}
.article .article-footer {
}
.article .article-footer > a {
  color: #fff;
  display: block;
  font-size: 2rem;
  text-align: right;
}
.article .images-1 figure {
  margin: 25px 225px;
  width: 450px;
}
.article .images-1 figure img {
  width: 450px;
}
.article .images-2 figure {
  display: inline-block;
  margin-left: 30px;
  width: 400px;
}
.article .images-2 figure img {
  width: 400px;
}
.article-index {
  list-style-type: none;
  margin: 30px 25px;
  width: 900px;
}
.article-index > li {
  border-left: 1px dotted #fff;
  display: inline-block;
  margin-top: 10px;
  padding-left: 10px;
  text-align: center;
  width: 146px;
}
.article-index > li > a {
  color: #fff;
}

.tag {
  border: solid 1px;
  display: inline-block;
  margin: 0.5rem;
  padding: 0.5rem 1rem;
}

.sdgs h2 {
  margin-top: 50px;
}

.sdgs h1 img, .sdgs h1 span, .sdgs h2 img, .sdgs h2 span {
  vertical-align: middle;
}

.sdgs .text-center {
  text-align: center;
}

.sdgs .sdg-icons img {
  margin: 0 20px;
  height: 150px;
  width: 150px;
}