@charset "utf-8";
/*-------------------------------------------------------------------
	body, #wrap
-------------------------------------------------------------------*/
body h1.seotext {
  margin: 0 auto;
  font-weight: normal;
  text-align: center;
  line-height: 1.4;
  color: #fff;
}
#wrap {
  min-width: 960px;
  background: #fff;
}
/*-------------------------------------------------------------------
	#header
-------------------------------------------------------------------*/
#header .header {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 10px 15px 0;
}
#header .header .logo {
  float: left;
  padding-top: 34px;
}
#header .header .info {
  float: right;
}
#header .header .info p {
  margin-bottom: 26px;
  text-align: right;
  padding-top: 20px;
  line-height: 1.4;
}
#header .header .info ul {
  float: right;
  overflow: hidden;
}
#header .header .info ul li {
  float: left;
  margin-right: 15px;
}
#header .header .info ul li.none {
  margin-right: 0;
}
#header .header .info address {
  text-align: right;
}
/*-------------------------------------------------------------------
	#mainimg
-------------------------------------------------------------------*/
#mainimg {
  margin: 0 auto;
  text-align: center;
}
/*-------------------------------------------------------------------
	#nav
-------------------------------------------------------------------*/
#nav ul {
  width: 960px;
  margin: 0 auto;
}
#nav ul li {
  float: left;
}

#nav ul li img {
  display: block;
}

/* .slide
-------------------------------------------- */
#nav ul li.slide {
  position: relative;
  z-index: 999;
}
#nav ul li.slide img {
  cursor: pointer;
}
#nav ul li.slide ul {
  width: 192px;
  margin: 0;
  display: none;
  position: absolute;
}
#nav ul li.slide ul li {
  float: none;
  text-align: center;
}
#nav ul li.slide ul li a {
  background: #e1dace;
  border-bottom: 1px dotted #a7a5a1;
  color: #333;
  padding: 10px 10px 8px;
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1.4;
  text-decoration: none;
  display: block;
}
#nav ul li.slide ul li.last a {
  border-bottom: none;
}
#nav ul li.slide ul li a:hover {
  background: #f3f3f3;
}
#nav ul li.not ul {
  display: block;
}
.blogbtn,
#blogbtn {
  text-align: center;
  margin-bottom: 25px;
}
.blogbtn a,
#blogbtn a {
  width: 300px;
  display: inline-block;
  font-size: 1.21em;
  font-weight: bold;
  line-height: 2.5;
  text-decoration: none;
  background-color: #d1d1d1;
}
.blogbtn a:hover,
#blogbtn a:hover {
  background-color: #c9a980;
}
.blogbtn :hover,
#blogbtn :hover {
  position: relative;
  top: 3px;
  left: 3px;
}
/*-------------------------------------------------------------------
	#main
-------------------------------------------------------------------*/
#main {
  width: 900px;
  padding: 30px 30px 0;
  margin: 0 auto;
  overflow: hidden;
}
#pagetop {
  clear: both;
  padding: 30px 0 0;
  text-align: right;
}
/*-------------------------------------------------------------------
	#content
-------------------------------------------------------------------*/

#content {
  float: right;
  width: 640px;
  line-height: 1.8;
  font-size: 1.4em;
}
#content h3 {
  margin-bottom: 20px;
  font-size: 1.15em;
  line-height: 1;
  padding: 10px 0 6px 6px;
  font-weight: bold;
  background: url(../image/h3_bg.jpg) left bottom no-repeat;
}
#sec ul li {
  color: #c36527;
}

/* .panz
-------------------------------------------- */
#content .panz {
  margin-bottom: 22px;
  font-size: 0.85em;
}
#content .panz li {
  display: inline-block;
}
/* .imgleft, .imgright
-------------------------------------------- */
#content .imgleft,
#content .imgright {
  overflow: hidden;
}
#content .imgleft .image {
  float: left;
  margin-right: 20px;
  text-align: center;
}
#content .imgright .image {
  float: right;
  margin-left: 20px;
}
#content .imgleft .image li,
#content .imgright .image li {
  margin-bottom: 10px;
}
#content .imgleft .image li.last,
#content .imgright .image li.last {
  margin-bottom: 0;
}
/* float
-------------------------------------------- */
#content .floatleft {
  float: left;
}
#content .floatright {
  float: right;
}
/* .aside
-------------------------------------------- */
#content .aside {
  overflow: hidden;
  margin-bottom: 30px;
}
#content .aside dl {
  float: left;
  width: 310px;
  margin: 0 20px 30px 0;
}
#content .aside dl.none {
  margin-right: 0;
}
#content .aside dl dt {
  margin-bottom: 5px;
}
#content .aside dl dd {
  font-size: 0.85em;
}
#content .aside dl dd.last {
  margin-top: 13px;
  padding: 0;
}
#content .aside li {
  float: left;
  margin: 0 20px 0 0;
}
#content .aside li.none {
  margin-right: 0;
}
/* table
-------------------------------------------- */
#content table {
  width: 100%;
}
#content table th,
#content table td {
  vertical-align: top;
  border: 1px solid #d5d5d5;
}
#content table th {
  font-weight: normal;
  text-align: left;
  background: #ebeded;
}
/* pagebute
-------------------------------------------- */
#content ul.page {
  clear: both;
  margin-bottom: 30px;
  text-align: center;
  font-size: 0.85em;
  line-height: 1;
  overflow: hidden;
}
#content ul.page li {
  margin: 0 1px;
  display: inline;
}
#content ul.page li a.link_page,
#content ul.page li span {
  background: #5b4a44; /* color */
  border: 1px solid #5b4a44; /* color */
  width: 18px;
  padding: 4px 0 2px;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  display: inline-block;
}
#content ul.page li .current_page,
#content ul.page li a:hover {
  background: none;
  width: 18px;
  color: #5b4a44; /* color */
  text-decoration: none;
  text-align: center;
}
#content ul.page li a.link_next {
  margin-left: 5px;
}
#content ul.page li a.link_before {
  margin-right: 5px;
}
#content ul.page li a.link_next,
#content ul.page li a.link_before {
  border: none;
  background: none;
  color: #5b4a44; /* color */
  text-decoration: underline;
}
#content ul.page li a.link_next:hover,
#content ul.page li a.link_before:hover {
  text-decoration: none;
}
/*-------------------------------------------------------------------
	#side
-------------------------------------------------------------------*/
#side {
  float: left;
  width: 230px;
}

#side .nav li,
.sp-side .nav li {
  margin-bottom: 20px;
}

#side .info dl,
.sp-side .info dl {
  font-size: 1.2em;
  line-height: 1.6;
  padding: 8px 10px 0 10px;
}
#side .info dl dt,
.sp-side .info dl dt {
  font-weight: bold;
}
#side .info p,
.sp-side .info p {
  font-size: 0.95em;
  line-height: 1.4;
  border-bottom: 1px dotted #d3c9b8;
  padding: 10px 15px 16px 10px;
  margin-bottom: 15px;
}
#side .info ul.contact li,
.sp-side .info ul.contact li {
  margin-bottom: 10px;
}
#side .info ul.contact li.tel,
.sp-side .info ul.contact li.tel {
  margin-left: 10px;
}
#side .info ul.contact li.mail,
.sp-side .info ul.contact li.mail {
  text-align: center;
  border-bottom: 1px dotted #d3c9b8;
  padding-bottom: 15px;
}
#side .sns,
.sp-side .sns {
  margin-top: 16px;
  text-align: center;
}

#side .sns .btns,
.sp-side .sns .btns {
  margin-bottom: 5px;
  text-align: left;
  margin-top: 10px;
  margin-left: 58px;
}

#side .sns .last,
.sp-side .sns .last {
  margin-top: 5px;
}

.s-info {
  width: 100%;
  max-width: 210px;
  margin: auto;
  font-weight: 700;
}
.s-info-tel {
  margin: 0 auto 10px;
  font-size: 15px;
  line-height: 1;
}
.s-info-telNum {
  font-size: 19px;
}
.s-info-telNum a {
  color: inherit;
  text-decoration: none;
}
.s-info-block {
  padding: 0!important;
}
.s-info-block:not(:last-child) {
  margin-bottom: 10px;
}
.s-info-label {
  margin-bottom: 1px;
  font-size: 11px;
  color: #6C4833;
  line-height: 1;
  letter-spacing: 0.1em;
}
.s-info-label-inner {
  display: inline-block;
  padding: 3px 5px 2px;
  border: 1px solid #DFDFDF;
  background: #F8F5F3;
}
.s-info-text {
  padding: 6px 8px 3px;
  border: 1px solid #DFDFDF;
  font-size: 12px;
  line-height: 1.8;
}
.s-info-text-small {
  font-size: 10px;
}
/*-------------------------------------------------------------------
	#fnav
-------------------------------------------------------------------*/
#fnav {
  background: #d7e0e1;
}

#fnav ul {
  width: 900px;
  padding: 10px 30px 8px;
  margin: 0 auto;
  font-size: 1.2em;
  text-align: right;
  line-height: 1;
  overflow: hidden;
  text-align: right;
}
#fnav ul.last {
  padding: 0 30px 9px;
}
#fnav ul li {
  border-right: 2px solid #5b4a44;
  padding: 0 4px 0 3px;
  display: inline-block;
  font-weight: bold;
  color: #594a44;
}
#fnav ul li.none {
  border-right: none;
}
/*-------------------------------------------------------------------
	#footer
-------------------------------------------------------------------*/
#footer {
  background: #584b2c;
}
#footer .footer {
  width: 900px;
  margin: 0 auto;
  padding: 9px 30px 25px;
  font-size: 1em;
  line-height: 1.4;
  color: #fff;
}
#footer .footer p {
  text-align: right;
  margin-bottom: 5px;
}
#footer .footer address {
  text-align: right;
}


.cta {
  background: url('../image/cta_bg.jpg') no-repeat;
  background-size: cover;
  padding: 10px;
  font-weight: 700;
}
.cta.-contact {
  margin-bottom: 30px;
}
.cta-inner {
  background: url('../image/pattern1.png');
  padding: 20px 20px 15px;
}
@media screen and (max-width: 680px) {
  .cta-inner {
    padding: 20px 15px 15px;
  }
}
.cta-title {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 680px) {
  .cta-title {
    margin-bottom: 10px;
    font-size: 15px;
    text-align: center;
  }
}
.cta-body {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 680px) {
  .cta-body {
    flex-direction: column;
    gap: 10px;
  }
}
.cta-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 680px) {
  .cta-right {
    flex-direction: column-reverse;
  }
}
.cta-tel {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 7px;
  font-size: 31px;
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.cta-tel.-orange {
  color: #B86426;
}
@media screen and (max-width: 680px) {
  .cta-tel {
    justify-content: center;
    font-size: 20px;
  }
}
.cta-telNum {
  position: relative;
  bottom: 3px;
  font-size: 43px;
  letter-spacing: 0.05em;
}
.cta-telNum a {
  color: inherit!important;
  text-decoration: none;
  line-height: 1;
}
@media screen and (max-width: 680px) {
  .cta-telNum {
    bottom: 1px;
    font-size: 30px;
  }
}
.cta-table {
  border: 1px solid #836F41;
  border-collapse: collapse;
}
.cta-table-head {
  width: 50px!important;
  padding: 0!important;
  position: relative;
}
.cta-table-head-text {
  display: flex;
	justify-content: center;
	align-items: center;
  height: 50px;
  background: url('../image/pattern2.png')!important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  line-height: calc(15 / 12);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 680px) {
  .cta-table-head-text {
    height: auto;
  }
}
.cta-table-data {
  background: #EDEDED;
  padding: 3px 5px 0px!important;
  font-size: 12px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 681px) {
  .cta-table-data.-center {
    height: 46px;
    text-align: center;
  }
}
@media screen and (max-width: 680px) {
  .cta-table-data br {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  .cta-mail.-logo {
    display: none;
  }
}

.h-tel {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.h-telNum {
  font-size: 30px;
}

.dib {
  display: inline-block;
}