@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
}
:focus {
  outline: 0;
}
body {
  font-size: 15px;
  font-family: verdana, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  line-height: 1.6;
  background: #fff;
  -webkit-text-size-adjust: none;
}
html {
  background: #fff;
}
#header, #wrapper, .inner {
  max-width: 1080px;
  padding: 0;
  margin: 0 auto;
}
#wrapper {
  clear: both;
  padding: 4px 0;
}
/** 1 
************************/
.one {
  display: flex;
  width: 90%;
    margin: 0 auto;
}
.one-left {
  width: 45%;
 margin: 0 0 0 20px;
}
.one-left img {
  width: 90%;
  height: auto;
  margin: 5px auto -5px -10px;
}
.one-left h1 {
  text-align: center;
  margin: -3px auto 15px 3px;
  font-size: 16px;
  color: #363CAF;
  border-bottom: 2px dotted #FF5F00;
  width: 85%;
}
.one-left p {
  text-indent: 10px;
  color: #57592F;
  font-size: 16px;
  margin: 0 auto;
  padding: 0 20px 0 0;
}
.one-right {
  width: 55%;
}
.one-right img {
  width: 100%;
  height: auto;
  border-radius: 10px;
    margin: 20px 0 0;
}
/** 3 
************************/
.three {
  display: block;
  width: 95%;
    margin: 0 auto;
}
.three h2 {
  background-color: #268696;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding: 5px 5px 5px 30px;
  border-radius: 20px;
  margin: 20px 0 0;
}
.three h3 {
  background-color: #E44629;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding: 5px 5px 5px 30px;
  border-radius: 20px;
  margin: 20px 0 15px;
}

/** 4 
************************/
.p1 {
  text-indent: 10px;
  color: #031C8F;
  font-size: 16px;
  margin: 25px 0 0;
}
.p11 {
  text-indent: 10px;
  color: #031C8F;
  font-size: 16px;
  margin: 5px 0 0;
}
.four {
  display: flex;
  width: 90%;
  margin: 0 auto;
}
.four-l {
  width: 55%;
  margin: 20px 40px 10px 20px;
  display: block;
}
.four-l img {
  width: 100%;
  border: #B7B7B7 1px solid;
}
.four-l-top {
  width: 100%;
  display: flex;
}
.four-l-top img {
  width: 95%;
  margin: 3px 0 0 8px;
  border: #B7B7B7 1px solid;
}
.four-r {
  width: 45%;
}
.fourtwo {
  display: flex;
  width: 90%;
  margin: 0 auto;
}
.four-ltwo {
  width: 50%;
  display: block;
  text-align: center;
    margin: 0;
}
.four-ltwo img {
  width: 97%;
  border: #B7B7B7 1px solid;
  margin: 0 auto 10px;
}
.four-rtwo {
  width: 50%;
  display: block;
  text-align: left;
  margin: 0;
}
.four-rtwo img {
  width: 97%;
  border: #B7B7B7 1px solid;
  margin: 0 auto 10px;
}
.four-l-price {
  width: 51%;
  display: block;
  text-align: left;
    margin: 10px;
}
.four-l-price p {
  color: #682706;
  font-size: 14px;
  margin: 0;
}
.four-l-price table {
  border: 0px solid #F67D7D;
  margin: 0 auto;
  padding: 5px 3px 12px;
  width: 100%;
}
.title {
  color: #D50056;
  font-size: 17px;
  text-indent: 15px;
  border-bottom: 3px dotted #928F8F;
  padding-top: 6px;

}
.price {
  color: #D50056;
  text-align: right;
  font-size: 17px;
  padding-right: 7px;
  border-bottom: 3px dotted #928F8F;
  padding-top: 6px;

}
.title21 {

  color: #2A730D;
  font-size: 14px;
  text-indent: 18px;
  border-bottom: 2px dotted #928F8F;
  padding-top: 11px;
}
.price21 {
  color: #2A730D;
  text-align: right;
  font-size: 14px;
  padding-right: 8px;
  border-bottom: 2px dotted #928F8F;
  padding-top: 11px;
}
.title2 {

  color: #2A730D;
  font-size: 14px;
  text-indent: 18px;
  border-bottom: 2px dotted #928F8F;
  padding-top: 6px;
}
.price2 {
  color: #2A730D;
  text-align: right;
  font-size: 14px;
  padding-right: 8px;
  border-bottom: 2px dotted #928F8F;
  padding-top: 6px;
}
.noborder {
  border-bottom: 0;
  text-align: right;
  color: #FF0000;
  font-size: 11px;
  padding-right: 1px;
}
.four-l-price img {
  width: 100%;
  margin: 0 auto;
    border-radius: 10px;
}
.four-rend {
  width: 49%;
  display: block;
  text-align: left;
  margin: 0 0 0 auto;
}
.kakko{font-size: 75%;
letter-spacing: -0.1em;
margin-left: 7px;}
/** 5 
************************/
.five {
  width: 88%;
  margin: 10px 0 0 auto;
  background: #D9F0DA;
  padding: 7px 20px;
  border-radius: 10px;
}
.five h3 {
  font-size: 15px;
  border-bottom: 2px dotted #ED0051;
  width: 100%;
  margin: 5px 0 7px;
  padding: 0 0 0 5px;
  color: #ED0051
}
.pfive {
  margin: 2px 0px 15px 5px;
}
.pfive p {
  color: #57592F;
  font-size: 14px;
  line-height: 24px;
}
.aera {
  margin: 15px auto 20px;
  text-align: left;
}
.exterior {
  display: block;
  width: 100%;
}
.ext {
  display: flex;
  width: 100%;
    margin: 0 0 0 auto;
}
.link {
  background: #B1679C;
  border-radius: 20px;
  padding: 3px 6px;
  margin: 11px 0 0 20px;
  width: 100%;
  max-width: 140px;
  text-align: center;
  font-size: 12px;
}
.link a {
  text-decoration: none;
  color: #FFFFFF;
}
.link a:hover {
  color: #37062B;
}
.ftsmall2 {
  font-size: 12px;
  color: #7DA600;
  text-align: right;
  width: 100%;
}
/** footer 
************************/
.footer {
  background: #D9F0DA;
  margin: 10px auto;
  padding: 10px 0;
  border-radius: 10px;
  max-width: 1000px;
}
.footer {
  display: block;
}
.footer1 {
  text-align: center;
}
.footer1 p {
  font-size: 13px;
  color: #8B796C;
  border-bottom: 1px dotted;
  display: inline-block;
  padding: 0 10px;
}
.footer1 strong {
  font-size: 15px;
  font-weight: 600;
  padding: 0 5px;
}
.footer2 {
  display: flex;
  padding: 20px;
}
.ftl {
  width: 50%;
  margin: auto 0;
}
.ftl img {
  width: 95%
}
.ftr {
  width: 50%;
  background: #E9E9E9;
  border-radius: 20px;
  padding: 20px 5px 10px 20px;
}
.ftr ul {
  display: flex;
  margin-bottom: 8px;
}
.ftr li {
  font-size: 80%;
  color: #556353;
  padding: 0;
  margin: 0 10px 0 30px;
  border-bottom: 1px dashed #FF9090;
}
.menubottom {
  width: 100%;
  margin: 0 auto 10px;
}
.menubottom table {
  width: 100%;
}
.menubottom td {
  width: 33%;
}
.mftr {
  border-bottom: 1px dotted #8E8E8E;
  width: 97%;
  padding: 0;
  font-size: 80%;
}
.mftr a {
  color: #474747;
  text-decoration: none;
  padding: 2px 5px 2px 3px;
  border-radius: 10px;
}
.mftr a:hover {
  text-decoration: none;
  background: #F0D5F0;
  padding: 0 5px 0 3px;
  border-radius: 10px;
  color: #A60000;
}
.mftr2 {
  border-bottom: 1px dotted #8E8E8E;
  width: 97%;
  padding: 0;
  font-size: 80%;
}
.mftr2 a {
  color: #474747;
  text-decoration: none;
  padding: 2px 5px 2px 3px;
  border-radius: 10px;
}
.mftr2 a:hover {
  text-decoration: none;
  background: #F0D5F0;
  padding: 0 5px 0 3px;
  border-radius: 10px;
  color: #A60000;
}
.ftsmall {
  font-size: 12px;
  color: #A86D6A;
  padding: 5px 0;
}
.copy {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #676767;
  margin: 10px 0;
}
.del {
  text-decoration: line-through;
}
.smallpd {
  font-size: 80%;
  letter-spacing: -1px;
  color: #FF0004;
  margin-top: 5px;
}