@charset "UTF-8";
/***********************************************/
/* 目次 */
/*=============================================*/
/*   00.setting                               */
/*   01.common                                */
/*   02.botton                                */
/*   03.list                                  */
/*   04.content                               */
/*   05.animation                             */
/*   99.other                                 */
/*=============================================*/
/***********************************************/
/*=============================================*/
/*00.setting*/
/*=============================================*/
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

/*=============================================*/
/*01 common*/
/*=============================================*/
/*header*/
/*footer*/
html {
	font-size: 62.5%;
}

/* commons */
body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
    background: #F6FBDA;
	top: 0;
	left: 0;
}

p, span, li, dt, dd, th, td, .common-text {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.8;
}

a {
	color: black;
}
a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration: none;
}
.users-input a{
	color: #197087;
	text-decoration: underline;
}

.users-input a:hover{
	text-decoration: none;
}

/*=============================================*/
/*04 content*/
/*=============================================*/
.section-title01 {
	margin: 0 0 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
}
.section-title01 span {
	padding: 5px 3px 5px 15px;
	display: block;
	color: #FFF;
	background: url("../img/common/bg_title.png") 0 0;
    border-left: 10px solid #638734;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}

.section-title02 {
	margin: 0 0 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
}
.section-title02 span {
	padding: 1px 3px 0px 30px;
	display: block;
	color: #FFF;
	background: url("../img/common/icn_title02.png") 0 0 no-repeat #608c00;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
}
.section-title03 {
    margin: 0 0 20px;
    padding: 5px 0 5px 30px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    background: url(../img/common/ico_tree.png) 10px center no-repeat;
    -webkit-background-size: 12px;
         -o-background-size: 12px;
            background-size: 12px;
    border-bottom: 2px solid #7d4d22;
    /*color: #608c00;*/
}

.section-inner p.checktext {
    padding: 0;
    /*color: #0c6a19;*/
    font-size: 20px;
    font-size: 2rem;   
}
.section-inner .checkimg {
    margin-bottom: 30px;
}

.section-inner .img-w img {
    width: 100%;
    height: auto;
}
.photoframe {
	　　margin: 1px;
}
.photoframe img {
	border: 3px solid #FFF;
	outline: 1px solid #000;
}

.one-list {
	margin: 0 0 5px;
	display: table;
	background: #608c00;
	width: 100%;
}
.one-list .title {
	margin: 0;
	padding: 1px 1px 1px 25px;
	display: table-cell;
	width: 25%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFF;
	vertical-align: middle;
	background: url("../img/common/icn_table.png") 12px center no-repeat;
}
.one-list .title .title-name {
	margin: 0;
	padding: 5px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.one-list .text {
	margin: 0;
	padding: 5px 5px 5px 15px !important;
	display: table-cell;
	width: 75%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #e7e7e7;
	line-height: 1.6;
	vertical-align: middle;
}

.category-list ul {
	overflow: hidden;
	margin: 0 0 15px -14px;
}
.category-list li {
	margin: 0 8px 8px 0;
	background-color: #eaeaea;
	float: left;
}
.category-list a {
	padding: 3px;
}

.ranking-list li {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #aaaaaa;
}
.ranking-list li div {
	padding: 8px 8px;
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ranking-list li img {
	float: left;
}
.ranking-list li .text {
	float: left;
	width: 65%;
	padding: 3px 0 3px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.6;
}
.ranking-list li .text a {
	transition: all 0.2s linear 0;
	-moz-transition: all 0.2s linear 0;
	-webkit-transition: all 0.2s linear 0;
}
.ranking-list li .text a:hover {
	color: #197087;
}

.page-footer {
	padding: 18px 0 0;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.page-footer .copy {
	padding: 10px 0 5px;
	text-align: center;
    background: #a4ba32;
}
.page-footer small {
	color: #fff;
}
.page-footer .btn-contact img {
	width: 254px;
	height: 49px;
}

.footer-inner {
	background-color: #fff;
	width: 100%;
}

.footer-nav {
	margin: 15px 0 0 0;
}
.footer-nav li {
	border-bottom: 1px solid #5e5e5e;
}
.footer-nav a {
	color: #0c6a19;
	display: block;
	padding: 3px 3px 3px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url("../img/common/icn_tri02.png") 5px center no-repeat;
}

.link-bnr {
	margin: 10px 0 30px;
}
.link-bnr li {
	text-align: center;
}

.about {
	min-height: 190px;
	background: url("../img/common/pic_photo.jpg") no-repeat 95% bottom #fff;
}
.about .about-text {
	display: block;
	margin: 20px 0 10px 0;
	padding: 0 0 0 25px;
	background: url("../img/common/icn_home.png") no-repeat 0 0;
}
.about .about-tel {
	margin: 0 0 10px;
	display: block;
	padding: 0 0 0 25px;
	background: url("../img/common/icn_tel.png") no-repeat 0 2px;
}
.about .about-mail {
	display: block;
	padding: 0 0 0 25px;
	background: url("../img/common/icn_mail.png") no-repeat 0 5px;
}

.pc {
	display: none;
}

.sp {
	display: block;
}

.page-header {
    background: #FFF;
}

.main-head-text {
	padding: 10px 0 0 5px;
	margin: 0 0 15px;
	font-size: 8px;
	font-size: 0.8rem;
	line-height: 1.3;
	font-weight: normal;
	color: #000;
}

.header-tel-text {
	margin: 0 auto;
	padding: 0 0 10px;
	display: block;
	text-align: center;
	width: 100%;
}

.header-tel-text a {
	display: inline-block;
	color: #777;
    font-size: 17px;
    font-size: 1.7rem;
}

.logo {
	display: block;
	width: 171px;
	height: 44px;
	margin: 0 auto 10px;
}
.logo img {
	width: 157px;
	height: 30px;
}

.sp-menu-btn {
	width: 100%;
	text-align: center;
	background-color: #343838;
	border-bottom: 2px solid #343838;
}
.sp-menu-btn a {
	padding: 10px 0;
	display: block;
	color: #FFF;
	border-bottom: 2px solid #FFF;
}

.btn-contact img {
    margin-top: 10px;
    width: 254px;
    height: 49px;
}

.tel-text {
	margin: 10px 0;
}

.main-image .bg {
	width: 100%;
}

.main-image img{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main-content {
	margin: 25px auto 0;
	width: 100%;
}

.section-inner {
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.service-image {
	text-align: center;
	margin: 0 0 15px;
}

.service-list {
	margin: 15px 0 50px;
}

.post-article {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #aaaaaa;
}
.post-article .post-tile {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
}
.post-article .thm {
	margin: 10px 0;
	text-align: center;
}
.post-article .thm img {
	width: 92px;
	height: 92px;
}

.article-data {
	margin: 10px 0 0 0;
}
.article-data .post-categpry {
	margin: 5px 0 0 0;
	overflow: hidden;
}
.article-data .post-categpry li {
	float: left;
	margin: 0 0 0 10px;
}
.article-data .post-categpry li:first-child {
	margin: 0;
}
.article-data .post-categpry .name {
	padding: 2px 0 0 21px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url("../img/common/icn_category.png") 0 0 no-repeat;
	color: #197087;
}

.article-detaile .article-detaile-title {
	margin: 20px 0 20px;
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.5;
}
.article-detaile .article-data {
	padding: 0 0 0 5px;
	margin: 0 0 15px;
}
.article-detaile .main-article-content {
	margin: 0 0 30px;
	padding: 30px 5px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.article-detaile .main-article-inner {
	margin: 25px 0;
}

.article-detaile .main-article-content .sns-box {
	overflow: hidden;
}
.article-detaile .main-article-content .sns-box img {
	width: 100%;
}

div.social4i {
	height: auto !important;
}

div.social4in {
	height: auto !important;
}

div.socialicons {
	min-height: 26px !important;
	max-width: 100px !important;
}

div.s4plusone {
	max-width: 70px !important;
}

.recommend-list {
	overflow: hidden;
}
.recommend-list li {
	padding: 0 0 0 5px;
	margin: 0 0 25px;
	float: left;
	overflow: hidden;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.recommend-list .thm {
	float: left;
}
.recommend-list .txt {
	padding: 0 0 0 10px;
	float: left;
	width: 70%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
}

.right-content .inner {
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.right-content .map-area p {
	margin: 0 auto;
	width: 90%;
}
.right-content .map-area p iframe {
	width: 100%;
}

.footer-head {
	text-align: center;
}
.footer-head .logo {
	text-align: center;
	margin: 0 auto 10px;
	width: 272px;
	height: 34px;
}
.footer-head .logo img {
	width: 147px;
	height: 30px;
}
.footer-head .contact-bnr {
	margin: 0 0 15px;
}

/*.page-section*/
.page-section {
    margin-bottom: 30px;
}
.page-section .price {
    width: 225px;
    height: auto;
}
.page-section ol.step {
    list-style: none;
}
.post-article .page-section ol.step li {
    margin-bottom: 20px;
}
.page-section ol.step li:first-child .step_txt {
    background: url(../img/service/img_step01.png) 0 center no-repeat;
}
.page-section ol.step li:nth-child(2) .step_txt {
    background: url(../img/service/img_step02.png) 0 center no-repeat;
}
.page-section ol.step li:nth-child(3) .step_txt {
    background: url(../img/service/img_step03.png) 0 center no-repeat;
}
.page-section ol.step li:nth-child(4) .step_txt {
    background: url(../img/service/img_step04.png) 0 center no-repeat;
}
.page-section ol.step li:nth-child(5) .step_txt {
    background: url(../img/service/img_step05.png) 0 center no-repeat;
}
.page-section ol.step li:nth-child(6) .step_txt {
    background: url(../img/service/img_step06.png) 0 center no-repeat;
}
.post-article .page-section ol.step li .step_txt {
    margin-bottom: 10px;
    padding-left: 40px;
    -webkit-background-size: 28px;
         -o-background-size: 28px;
            background-size: 28px;
}
.post-article .page-section ol.step li .step_img img {
    margin-bottom: 5px;
    width: 100%;
    height: auto;
}

.page-section .caution {
    padding: 10px;
    background: #96BF24;    
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #FFF;
}
.page-section .caution .title {
    padding: 0;
    margin: 0;
    font-size: 15px;
}
.page-section .caution ul {
    margin: 0;
    list-style-type: disc;
    padding-left: 20px;
}
.page-section .caution li {
    list-style-type: disc;
}

@media screen and (min-width: 1024px) {
  .one-list .text {
	background-size: 8px 14px;
  }

  .pc {
	display: block;
  }

  .sp {
	display: none;
  }

  .section-title03 {
    padding: 7px 7px 7px 40px;
    -webkit-background-size: 24px;
         -o-background-size: 24px;
            background-size: 24px;
      background-position: 3px 3px;
  }

  .ranking-list li .text {
	width: 180px;
  }

  .section-inner {
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }

  .one-list .title .title-name {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
  }
  .section-inner .btn-list {
    padding: 0;
    margin: 0 0 40px;
    width: 110%;
  }
  .section-inner .btn-list li {
    float: left;
    list-style-type: none;
  }


	/*
	.btn-contact{
	  img{
	    width:246px;
	    height:42px;
	  }
	}
	
	
	.tel-text{
	  img{
	
	     width:222px;
	     height:44px;
	  }
	}
	*/
  .main-head-text {
	padding: 10px 0 0 0;
	margin: 0 auto 0;
	width: 1024px;
	font-size: 13px;
	font-size: 1.3rem;
  }

  .btn-contact-warp {
	background-color: #fff;
  }

  .header-menu-sub {
	overflow: hidden;
	margin: 0 auto 0;
	width: 1024px;
  }
  .header-menu-sub .logo {
	float: left;
	width: 342px;
	height: 65px;
  }
  .header-menu-sub .logo img {
	width: 319px;
	height: 65px;
  }
  .header-menu-sub .header-contact {
	margin: 10px 0 0 0;
	overflow: hidden;
	float: right;
  }
  .header-menu-sub .header-contact .btn-contact,
  .header-menu-sub .header-contact .tel-text {
	float: left;
	margin: 0 0 0 15px;
  }

  .header-menu-main {
	width: 100%;
	background: #a4ba32;
  }
  .header-menu-main .global-nav {
	margin: 0 auto;
	width: 1024px;
  }
  .header-menu-main .global-nav > li {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	z-index: 150;
	transition: all 0.2s linear 0;
	-moz-transition: all 0.2s linear 0;
	-webkit-transition: all 0.2s linear 0;
  }
  .header-menu-main .global-nav > li > a {
	display: block;
	padding: 8px 13px 6px;
	height: 30px;
	color: #FFF;
	font-size: 16px;
	font-size: 1.4rem;
	line-height: 30px;
	background: url("../img/common/bg_line.png") right 5px no-repeat;
  }
  .header-menu-main .global-nav > li:hover {
	background: #557314;
  }
  .header-menu-main .global-nav .global-nav-child {
	overflow: hidden;
	height: 0;
	position: absolute;
	top: 44px;
	left: 0;
	width: 200px;
  }
  .header-menu-main .global-nav .global-nav-child > li {
	background: url("../img/common/bg_menu.png") 0 0 repeat-x;
	border-bottom: 1px solid #000;
  }
  .header-menu-main .global-nav .global-nav-child > li > a {
	padding: 0 10px;
	display: block;
	height: 30px;
	color: #FFF;
	font-size: 16px;
	font-size: 1.4rem;
	line-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.2s linear 0;
	-moz-transition: all 0.2s linear 0;
	-webkit-transition: all 0.2s linear 0;
  }
  .header-menu-main .global-nav .global-nav-child > li > a:hover {
	text-decoration: underline;
  }

  .breadcrumbs {
	margin: 0 0 10px;
	overflow: hidden;
  }
  .breadcrumbs .pagePath li {
	margin: 0 5px 0 0;
	float: left;
  }
  .breadcrumbs .pagePath a:hover {
	text-decoration: underline;
  }

  .main-image {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 250px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 0%, #ffffff 3%, #bace56 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(0%,#ffffff), color-stop(3%,#ffffff), color-stop(100%,#bace56)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#ffffff 3%,#bace56 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#ffffff 3%,#bace56 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#ffffff 3%,#bace56 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 0%,#ffffff 3%,#bace56 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bace56',GradientType=0 ); /* IE6-9 */
  }
  .main-image .main-image-inner {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -512px;
	width: 1024px;
  }
  .main-image .photo-text {
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 40;
  }
  .main-image .photo {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
  }
  .main-image .bg-warp {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 260px;
  }
  .main-image .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	z-index: 1;
	width: 100%;
	min-width: 1200px;
  }

  .main-content-warp {
	/*background: url("../img/common/bg_header_bottom.png") repeat-x;*/
  }

  .main-content {
	padding: 35px 10px 0;
	margin: 0 auto 0;
	width: 1020px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }

  .left-content {
	float: left;
	width: 700px;
  }

  .right-content {
	float: right;
	width: 280px;
  }
  .right-content .inner {
	padding: 15px 13px 60px;
	margin: 0 0 20px;
  }
  .right-content .map-area p {
	margin: 0;
	width: 280px;
  }
  .right-content .map-area p iframe {
	width: 280px;
  }

  .service-image {
	float: left;
	text-align: left;
	margin: 0 0 0 1px;
    padding: 0 10px 10px 0;
  }

  .service-text {
  }

  .service-info {
	padding: 5px 0;
	overflow: hidden;
  }

  .post-article .post-tile {
	margin: 0 0 10px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: normal;
  }
  .post-article .article-content {
	float: left;
	width: 470px;
/*	background: url("../img/list/icn_tri.jpg") right center no-repeat;*/
  }
  .post-article .article-extracta {
	min-height: 165px;
  }
  .post-article .article-extracta a {
	display: block;
	min-height: 165px;
	padding: 0 45px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.2s linear 0;
	-moz-transition: all 0.2s linear 0;
	-webkit-transition: all 0.2s linear 0;
  }
  .post-article .article-extracta a:hover {
	color: #197087;
  }
  .post-article .thm {
	margin: 0 10px 0 0;
	text-align: left;
	float: left;
  }
  .post-article .thm img {
	width: 184px;
	height: 184px;
  }

  .article-data {
	margin: 0;
	padding: 0;
	overflow: hidden;
  }
  .article-data .date {
	margin: 7px 25px 0 0;
	float: left;
  }
  .article-data .post-categpry {
	float: left;
  }
  .article-data .post-categpry li:first-child {
	margin: 0 15px 0 0;
  }
  .article-data .post-categpry li {
	margin: 0 15px 0 0;
  }
  .article-data .post-categpry a:hover {
	text-decoration: underline;
  }

  .article-detaile {
	border-top: 5px solid #777777;
  }
  .article-detaile .article-data {
	padding: 0 0 0 0px;
  }
  .article-detaile .main-article-content {
	margin: 0 0 60px;
	padding: 30px 0 20px;
  }

  .article-detaile .main-article-content .sns-box img {
	width: auto;
  }

  .recommend-list li {
	width: 50%;
  }
  .recommend-list li a {
	display: block;
	overflow: hidden;
	padding: 5px;
  }
  .recommend-list li a:hover .txt {
	text-decoration: underline;
  }
  .recommend-list .txt {
	width: 200px;
  }

  .ranking-list li .text {
	width: 150px;
  }

  .category-list ul {
	margin: 0 0 0 -14px;
  }
  .category-list .inner {
	padding: 0;
  }
  .category-list a {
	display: block;
	transition: all 0.2s linear 0;
	-moz-transition: all 0.2s linear 0;
	-webkit-transition: all 0.2s linear 0;
  }
  .category-list a:hover {
	background-color: #666;
	color: #FFF;
  }

  .page-footer {
	margin: 110px 0 0 0;
  }

  .footer-head {
	margin: 0 auto 15px;
	width: 1024px;
	text-align: left;
  }
  .footer-head .logo {
	float: left;
	text-align: left;
	margin: 5px 0 0;
  }
  .footer-head .btn-contact {
	float: right;
	margin: 0 0 15px;
  }

  .footer-nav {
	margin: 0 auto;
	width: 1024px;
	overflow: hidden;
  }
  .footer-nav li {
	float: left;
	border-bottom: none;
  }
  .footer-nav a:hover {
	text-decoration: underline;
  }

    /*.page-section*/
    .page-section {
        margin-bottom: 40px;
    }
    .page-section .price {
        width: auto;
    }
    .post-article .page-section ol.step li .step_txt {
        margin-bottom: 10px;
        padding: 20px 65px;
        -webkit-background-size: 56px;
             -o-background-size: 56px;
                background-size: 56px;
    }
    .post-article .page-section ol.step li .step_img img {
        width: 300px;
    }

}
/*=============================================*/
/*99.other*/
/*=============================================*/
#post-area .leftImageText,
.post-area .leftImageText {
	margin: 1.2em 0;
	*zoom: 1;
}
#post-area .leftImageText:after,
.post-area .leftImageText:after {
	content: "";
	display: table;
	clear: both;
}
#post-area .leftImageText .photo,
.post-area .leftImageText .photo {
	padding: 0 1em 1em 20px;
	float: left;
}
#post-area .rightImageText,
.post-area .rightImageText {
	margin: 1.2em 0;
	*zoom: 1;
}
#post-area .rightImageText:after,
.post-area .rightImageText:after {
	content: "";
	display: table;
	clear: both;
}
#post-area .rightImageText .photo,
.post-area .rightImageText .photo {
	padding: 0 20px 1em 1em;
	float: right;
}
#post-area .one-section,
.post-area .one-section {
	margin: 2em 0 3em;
}
#post-area .text,
.post-area .text {
	line-height: 1.8;
	padding: 0 35px;
}
#post-area .text > p,
.post-area .text > p {
	margin: 0 0 1em 0;
	padding: 0;
}
#post-area a,
.post-area a {
	color: #197087;
	text-decoration: underline;
}
#post-area a:hover,
.post-area a:hover {
	text-decoration: none;
}
#post-area p,
.post-area p {
	display: block;
	margin: 1em 0;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.8;
}
#post-area blockquote,
.post-area blockquote {
	margin: 0 10px;
	padding: 30px 65px;
	background: url("../img/detail/pre.gif") no-repeat 15px 18px #eeeeee;
	border: 1px solid #aaaaaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
	line-height: 1.8;
}
#post-area h2:not(.section-title01):not(.section-title02):not(.section-title03),
.post-area h2:not(.section-title01):not(.section-title02):not(.section-title03) {
	margin: 0 0 1em;
	padding: 10px 15px;
	font-size: 14px;
	font-size: 1.4rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #ededed;
	border-bottom: 1px solid #197087;
	font-weight: normal;
}
#post-area h3:not(.section-title01):not(.section-title02):not(.section-title03),
.post-area h3:not(.section-title01):not(.section-title02):not(.section-title03) {
	margin: 0 0 1em;
	padding: 10px 15px;
	border-bottom: 1px solid #197087;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}
#post-area h4:not(.section-title01):not(.section-title02):not(.section-title03),
.post-area h4:not(.section-title01):not(.section-title02):not(.section-title03) {
	margin: 0;
	padding: 10px 15px;
	background: transparent url("../img/detail/icn_detaile.gif") 5px center no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}
#post-area table,
.post-area table {
	margin: 0 auto 2em;
	width: 96.875%;
	border: 1px solid #aaaaaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#post-area table th,
.post-area table th {
	padding: 5px;
	text-align: left;
	background: #eeeeee;
	border: 1px solid #aaaaaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#post-area table td,
.post-area table td {
	padding: 5px;
	border: 1px solid #aaaaaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#post-area ul,
.post-area ul {
	margin: 0 auto 2em;
	width: 93.75%;
}
#post-area ul li,
.post-area ul li {
	list-style-type: inherit;
}
#post-area ol,
.post-area ol {
	margin: 0 auto 2em;
	width: 93.75%;
}
#post-area ol li,
.post-area ol li {
	list-style-type: inherit;
}
#post-area hr,
.post-area hr {
	display: block;
	border: 0;
	height: 1px;
	border-bottom: 1px dashed #ccc;
}
#post-area strong,
.post-area strong {
	font-weight: bold;
}
#post-area em,
.post-area em {
	font-style: italic;
}
#post-area blockquote,
.post-area blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px;
}
#post-area .aligncenter,
.post-area .aligncenter {
	display: block;
	margin: 0 auto;
}
#post-area .alignright,
.post-area .alignright {
	float: right;
}
#post-area .alignleft,
.post-area .alignleft {
	float: left;
}
#post-area img[class*="wp-image-"],
#post-area img[class*="attachment-"],
.post-area img[class*="wp-image-"],
.post-area img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}
#post-area .clearfix,
.post-area .clearfix {
	overflow: hidden;
	zoom: 1;
}
#post-area .clearfix:after,
.post-area .clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.pageNavi {
	display: inline-block;
	margin: 20px 0 10px;
	width: 100%;
	text-align: center;
}

.pageNavi li {
	margin: 0 5px;
	display: inline-block;
	width: auto;
	min-width: 15px;
	min-height: 15px;
	border: 1px solid #fff;
	text-align: center;
	transition: all 0.2s linear 0;
	-moz-transition: all 0.2s linear 0;
	-webkit-transition: all 0.2s linear 0;
}

.pageNavi li:hover {
	border: 1px solid #d5d5d5;
	background-color: #f9f9f9;
}

.pageNavi li.on {
	border: 1px solid #d5d5d5;
	background-color: #f9f9f9;
}

.pageNavi li:hover {
	border: 1px solid #d5d5d5;
	background-color: #f9f9f9;
}

.pageNavi li.first,
.pageNavi li.last,
.pageNavi li.prev
.pageNavi li.next {
	margin: 0 1px;
}

.pageNavi li.first a,
.pageNavi li.last a,
.pageNavi li.prev a,
.pageNavi li.next a {
	padding: 3px 0px;
}

.pageNavi li a,
.pageNavi li p {
	padding: 3px 6px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 15px;
	color: #000;
}

#btn-menu-close {
	margin: 5px 5px 5px 0;
	position: relative;
	top: 0;
	left: 0;
	float: right;
}

#btn-menu-close a {
	display: block;
}

#btn-menu-close span {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 55px;
	font-size: 5.5rem;
	line-height: 1;
	color: #FFF;
	z-index: 3;
}

#nav-sp-menu {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 150;
	background-color: rgba(0, 0, 0, 0.9);
}

#nav-sp-menu-inner {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#nav-sp-menu-inner .sp-nav {
	padding: 170px 0 0 0;
	margin: 0px auto 0;
	width: 87.5%;
}
#nav-sp-menu-inner .sp-nav > li {
	margin: 0 0 5px;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#nav-sp-menu-inner .sp-nav .sp-parent-name,
#nav-sp-menu-inner .sp-nav a {
	padding: 5px 15px;
	display: block;
	color: #000;
}
#nav-sp-menu-inner .sp-nav .sp-global-nav-child {
	margin: 0px auto 0;
	width: 90%;
	padding: 0 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#nav-sp-menu-inner .sp-nav .sp-global-nav-child > li {
	border-bottom: 1px solid #aaa;
	background: url("../img/common/icn_tri02.png") 2px center no-repeat;
}

.submit-error {
	display: block;
	color: #FF0000;
}

.cat-item-none {
	display: none;
}

#toc-list ol {
	margin: 25px 0 50px;
	padding: 20px 10px;
	width: 100%;
	background: #f2f2f2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#toc-list ol:empty {
	display: none;
}
#toc-list li:first-child {
	padding: 5px 15px 0;
}
#toc-list li {
	list-style-type: none;
	margin: 5px 0;
	padding: 5px 15px 0;
	background: url("../img/detail/icn_detaile.gif") 5px 15px no-repeat;
}
#toc-list li.h_01 {
	margin: 0 0 0 0;
}
#toc-list li.h_02 {
	margin: 0 0 0 1em;
}
#toc-list li.h_03 {
	margin: 0 0 0 2em;
}
#toc-list li a {
	text-decoration: underline;
}
#toc-list li a:hover {
	text-decoration: none;
}

/* form */
.form-content {
	margin: 0 0 30px;
	padding: 0 0 0 5px;
}

.form-content .info-text {
	margin: 0 0 25px;
}

.form-content dt {
	color: #197087;
}

.form-content dd {
	margin: 0 0 15px;
	padding: 0 0 0 5px;
}

.form-content dd input {
	width: 70%;
}

.form-content .reservation input {
    width: 30%;
}

.form-content dd textarea {
	width: 80%;
}

.mw_wp_form_preview .info-text {
	display: none;
}

.form-btn {
	display: inline-block;
}

.form-btn input {
	padding: 6px 0;
	margin: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #555;
	outline: none;
	background: #555;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	width: 132px;
	cursor: pointer;
}

.form-btn input:hover {
	border: 1px solid #bbb;
	background: #bbb;
	color: #FFF;
}

.submit-area {
	text-align: center;
}

.submit-area .form-btn {
	margin: 0 14px;
}

.main-bnr{
	margin: 60px 0 30px 0;
}

.main-bnr img{
	max-width: 700px;
	width: 100%;
}