@charset "UTF-8";


/* index
==========================================================*/

#ind_mainImage { background:url(../images/index/bg.gif) 0 0 repeat; margin:0 0 50px; overflow: hidden; text-align: center;}
	#ind_mainImageInner { max-width: 910px; width: 100%; margin:0 auto; position:relative;}
	#ind_mainImageInner ul {}
	#ind_mainImageInner li {}
	#ind_mainImageInner img { vertical-align: middle;}

#contentIndex { width: 910px; margin:0 auto 100px;}
	#contentIndex #mainBlock { float:left; width: 600px; }
	#contentIndex #sideNav { float:right; width:260px; }

#toppages .illust_box { margin: 50px auto 0; width: 300px; }

.ind_lead_txt { font-size: 17px; text-align: center; margin-bottom: 30px; }
.ind_lead_txt span.elm01  { font-size: 23px; display: inline-block; margin: 8px 0; line-height: 1.65; color: #182955;}

.ind_lead_txt .ind_lead_time {  margin-top: 30px; color: #fff; background: #000; line-height: 44px; font-size: 24px; text-align: center; padding: 0; letter-spacing: .08em; height: 44px; font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif;}

.ind_lead_txt .ind_lead_time span.elm02{ position: relative;}
.ind_lead_txt .ind_lead_time span.elm02:before,
.ind_lead_txt .ind_lead_time span.elm02:after { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: red; height: 1px; width: 100%; transform: translateY(-3px);}
.ind_lead_txt .ind_lead_time span.elm02:after { transform: translateY(3px);}

.goshuin_oshirase { margin: -15px auto 50px; border: 1px solid #f40d0d; font-size: 16px; padding: 16px 10px; letter-spacing: .08em; box-sizing: border-box; width: 100%; color: #f40d0d;}
  .goshuin_oshirase ul { text-align: left; display: inline-block; width: auto; margin: 10px auto;}
  .goshuin_oshirase span { font-size: 20px; display: inline-block; margin-right: 0; line-height: 1.4;}
  .goshuin_oshirase img{ width: 100%; max-width: 100%; height: auto; border: 1px solid #ddd;}
@media screen and (max-width: 860px) {
  .goshuin_oshirase span { font-size: 18px;}
}

.goshuin_oshirase .ind_goshuin_halfimg { margin-top: 20px; margin-bottom: -20px;}
.goshuin_oshirase .ind_goshuin_halfimg div { width: 32%;}
.goshuin_oshirase .ind_goshuin_halfimg p { font-size: 13px; line-height: 1.4;}


/* ind_Moushikomi_btn */
.ind_Moushikomi_btn a { display: block; padding: 20px; box-sizing: border-box; margin: 30px auto 60px; text-decoration: none; background: #ec422a; color: #fff; border-radius: 5px; border: 1px solid #ec422a; -webkit-transition:all .3s;transition:all .3s;}
  .ind_Moushikomi_btn a p:first-child { font-size: 1.5em;}
  .ind_Moushikomi_btn a p.ind_Moushikomi_btn_arrow { display: inline-block; padding-left: 1em;}
  .ind_Moushikomi_btn a p.ind_Moushikomi_btn_arrow::before,
  .ind_Moushikomi_btn a p.ind_Moushikomi_btn_arrow::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
  .ind_Moushikomi_btn a p.ind_Moushikomi_btn_arrow::before { position: absolute; left: 0; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #fff;-webkit-transition:all .3s;transition:all .3s;}
  @media screen and (min-width: 769px) {
    .ind_Moushikomi_btn a:hover { background: #fff; color: #ec422a;}
    .ind_Moushikomi_btn a:hover p.ind_Moushikomi_btn_arrow::before { border-left: 4px solid #ec422a;}
  }
  @media screen and (max-width: 768px) {
    .ind_Moushikomi_btn a { margin: 0px auto 50px; padding: 16px;}
    .ind_Moushikomi_btn a p:first-child { font-size: 1.2em; margin-bottom: 0 !important;}
  }


.ind_nav {}
	.ind_nav .ind_navBlock { width:284px; margin-bottom: 30px;}


.ind_detail { text-align:right; margin: 20px 0 0;}


#ind_news {}

	#ind_news ul {}
	#ind_news li { margin:10px 0 5px; padding:0 5px 5px; border-bottom:dotted 1px #ccc; font-size:13px; letter-spacing:none; line-height:1.5;}
	#ind_news li span { font-weight:bold;line-height: 25px;}
	#ind_news li a { text-decoration:none;}
	#ind_news li a:hover { text-decoration:underline;}

#sidebnr_box { margin-top: 40px;}
  #sidebnr_box ul li { margin-bottom: 5px;}
  #sidebnr_box ul li:last-child { margin-bottom: 0; margin-top: 20px;}
  #sidebnr_box img { vertical-align: middle;}


.ind_btn_moreread a { display: block; line-height: 50px; height: 50px; padding: 0 5%; background: #000; color: #fff; text-decoration: none; max-width: 300px; margin: 20px auto 50px;}


/* blog
==========================================================*/

.blogTitle { background:url(../images/blog/h2_bg.png) 0 0 repeat-y;}
.blogTitle p { font-family: "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; margin-left: .8em; font-size: 1.4em; color: #000; padding: 8px 5px 8px 0; letter-spacing: .1em; line-height: 1.3;}

.blogTitle a { text-decoration:none; color: #000; transition: .3s;}
.blogTitle a:hover { color: rgba(0, 0, 0, 0.6);}

.post-metaInner { padding:5px 5px; border-top:dotted 1px #ccc; text-align:right;}

.blogPost { margin:20px 0 0; text-align:right; font-size:13px; padding-right: 10px;}
.blogBody { margin:0 0 10px; text-align: justify; text-justify: inter-ideograph;}


#content #sideNavBlog { width: 260px; float:right; margin: 20px 15px 0 0; }

.blogSideTitle { background:url(../images/blog/side_bg.png) 0 0 repeat-y;}
.blogSideTitle p { padding:5px 12px; font-weight:bold; font-size:13px; letter-spacing:0.1em;}


#sideNavBlog .pageLink { margin:0 0 40px;}
	#sideNavBlog .pageLink li { margin:10px 0 5px; padding:0 5px 5px 25px; border-bottom:dotted 1px #ccc; line-height:1.5; background:url(../images/common/side_nav_list.png) 10px 4px no-repeat;}
	#sideNavBlog .pageLink li:hover { background:url(../images/common/side_nav_list.png) 13px 4px no-repeat;}
	#sideNavBlog .pageLink li a { text-decoration:none;}

#blogpages #content { max-width: 910px; width: 92%;  margin: 20px auto 100px; min-height: 650px; }




/* about
==========================================================*/

#aboutpages #content #sideNav { border-top:none; margin-top: -20px;}


/* place
==========================================================*/

#placepages .contElemOuter { margin:0px 0 40px;}

#placepages #cnt01 .sp-imgBox, #placepages #cnt02 .sp-imgBox { display: none;}



/* goshuin
==========================================================*/

.goshuin_halfimg div { width: 47%;}
p.illust_date { font-size: 18px; letter-spacing: .1em; margin-bottom: 15px;}
p.illust_date span { font-size: 1.4em; line-height: 1.4; display: inline-block; margin-right: 15px;}
.goshuinimgBox img { max-width: 420px; }


/* service
==========================================================*/

#servicepages h3 { font-weight: bold; font-size: 1.05em; margin-bottom: 15px;}
#servicepages h3::before { content: "●"; margin-right: .5em; color: #9B88A8; font-size: .9em;}

#servicepages .nenkitable_Container { margin-bottom: 30px;}
#servicepages table { text-align: center; width: 100%; min-width: 420px;}
#servicepages table th{text-align: center; background-color: #9B88A8; color: #fff; }
#servicepages table .year {background-color: #EAE4EF;}
#servicepages .nenkitable_Container p { display: none;}


/* bochi
==========================================================*/

.haiku { font-weight: bold; margin-bottom: 20px; font-size: 1.2em; }
.haiku span { display: inline-block;}

#bochipages #cnt02 .sp-imgBox { display: none;}

#bochipages h3 { font-weight: bold; font-size: 1.05em; margin-bottom: 15px;}
#bochipages h3::before { content: "●"; margin-right: .5em; color: #9B88A8; font-size: .9em;}




/* ouen
==========================================================*/

#ouenpages h3 { font-weight: bold; font-size: 1.05em; margin-bottom: 15px;}
#ouenpages h3::before { content: "●"; margin-right: .5em; color: #9B88A8; font-size: .9em;}

#ouenpages h4 { font-size: 1.2em; margin-bottom: 25px; border-bottom: 1px solid #9B88A8; padding-bottom: 5px; padding-left: .5rem; background: #f4edf9; padding: 7px 25px; line-height: 1.4; position: relative; border-radius: 2px 2px 0 0; overflow: hidden;}
#ouenpages h4::before { content: "■"; margin-right: .5em; color: #9B88A8; font-size: .5em; position: absolute; top: .8rem; margin: auto; left: .6rem;}

.sarana_image_box { margin: 20px auto;}
.sarana_image_box .sarana_image_top { margin-bottom: 15px;}
.sarana_image_box .sarana_image_bottom div:first-child { width: 56.7%;}
.sarana_image_box .sarana_image_bottom div:nth-child(2) { width: 40%;}

.sarana_memo { width: 100%; padding: 20px 30px; box-sizing: border-box; border: 3px solid #9B88A8; border-radius: 10px; margin: 20px 0 20px;}
.sarana_memo p:first-child { font-weight: bold; text-align: center; margin-bottom: 15px; font-size: 1.1em;}

.sarana_memo dl { margin-bottom: 10px; line-height: 1.9;}
.sarana_memo dt { float: left; clear: left; width: 80px;}
.sarana_memo dd { float: left; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px);}


.oyatsu_box .imgBox { max-width: 260px; width: 40%;}

.contact_btn { text-align: center; width: 200px; margin: 20px auto 0;}
.contact_btn a { background: #9B88A8; display: block; padding: 10px 0; color: #fff; text-decoration: none; font-weight: bold; letter-spacing: .1em;}

.illust_box { width: 260px; margin: 50px auto 20px;}
.illust_box p { font-size: 10px; margin-top: 10px; }

.btn_ouen_link { margin-bottom: 20px; width: 260px;}
.btn_ouen_link_border img { border: 2px solid #CFCFCF; box-sizing: border-box;}

.sumita_box { margin-top: 40px;}
.sumita_box_txt p { margin-bottom: 5px;}
/* access
==========================================================*/

.googleMap { width: 100%; margin:10px 0 0; line-height:normal; text-align:right;}
dl.accessPage {margin:30px 0;}
	dl.accessPage dt { border-top:solid 1px #dddddd; padding:15px 0 0; font-weight:bold;}
	dl.accessPage dd { margin:10px 0 30px;  border: none;}

.googleMap iframe {pointer-events: none; width: 100%;}
dd.indent {padding-left: 1em; text-indent: -1em;  }

/* contact
==========================================================*/

#contactpages #content #sideNav { border-top:none; margin-top: -20px;}

.contfrm { margin: 0 10px; }
table.inqtable { width: 100%; margin: 0 0 40px; border-top: solid 1px #e0e0e0; }
table.inqtable th { padding: 20px 20px; border-bottom: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0; background: #f5f5f5; width: 125px;}
table.inqtable td { padding: 20px 20px; margin: 0 auto; border-bottom: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; vertical-align: middle;}
table.inqtable th span, .contfrm .note span {color: #E84649; }

  table.inqtable td input[type="text"] , table.inqtable td textarea { border: solid 1px #ccc; padding: 5px 7px; width: 360px; width: 100%; box-sizing: border-box;}
  table.inqtable td input[type="text"]::-webkit-input-placeholder , table.inqtable td textarea::-webkit-input-placeholder { color: #D5D5D5; }
  table.inqtable td input[type="text"]::-moz-placeholder , table.inqtable td textarea::-moz-placeholder { color: #D5D5D5; }
  table.inqtable td input[type="text"]:-moz-placeholder , table.inqtable td textarea:-moz-placeholder { color: #D5D5D5; }
  table.inqtable td input[type="text"]:-ms-input-placeholder , table.inqtable td textarea:-ms-input-placeholder { color: #D5D5D5; }

table.inqtable td input#postcode { max-width: 341px; width: 80%;}
table.inqtable td input.nenrei { max-width: 40px;}
table.inqtable td .addbox {margin:1em 0;}

table.inqtable td.yuusouchk ul li { margin-bottom: 15px;}
table.inqtable td.yuusouchk ul li label { display: block;}

.submitbtm { margin: 40px auto; text-align: center;  }
.submitbtm button { border: solid 2px #e0e0e0; margin: 0; padding: 10px; width: 200px; color: #383838; background: #e0e0e0; font-size: 17px; cursor: pointer; text-align: center; transition: .4s;}
.submitbtm button:hover { background: #383838; color: #fff; border: 2px solid #383838;}

.error_box {
width:86%;
text-align:left;
background:#FFF;
border:1px solid #C50000;
color:#C50000;
display:none;
margin:35px 0;
padding:8px 12px;
}

.sendcomplete {margin: 30px 0; }

.fontgray_cmt p { margin-left: 1em; text-indent: -1em;}

.mr15{margin-right: 15px;}





/* 2512追加 */
.place_imgBox-yoko2,.place_imgBox-yoko3{display: flex; margin-block-end: 15px; gap: 5px;}
.place_imgBox-yoko2 img{width: calc(50% - calc(5px / 2)) !important;}
.place_imgBox-yoko3 img{width: calc(calc(100% / 3) - calc(5px / 1.5)) !important;}
@media screen and (max-width: 768px){
  .place_imgBox-yoko2,.place_imgBox-yoko3{flex-flow: column;}
  .place_imgBox-yoko2 img,.place_imgBox-yoko3 img{width: 100% !important;}
}