@charset "utf-8";

/* ****************************************************************************************************
   * ビジュアルスライド
**************************************************************************************************** */
#visual div.body{
  /*border-bottom: 8px solid #823700;*/
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 265px;
}

#visual .cycle-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#visual .cycle-slide,
#visual .cycle-slide img {
  width: 100%;
}
@media screen and (max-width:736px) {
  #visual div.body {
    padding-top: 62.5%;
}
}
/* ****************************************************************************************************
   * 全体
**************************************************************************************************** */

body {
  /*color: #444;*/
  font: 18px/1.5 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  /*background: #ede6cc;*/
}

a {
  color: #fff;
}

div.body {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.section ~ .section {
  /*margin-top: 10%;*/
  margin-top: 70px;
}

.column ~ .column {
  margin-top: 2em;
}

.sp-content {
  display: none;
}

.pc-content {
  display: block;
}

.inq{
  margin-top:2em;
  margin-bottom: 2em;
}
.inq p{
  text-align: center;
}
.inq p span.tel-link-f img{
  /*width: 85%;*/
  margin: 0 auto;
}

@media screen and (max-width:736px) {

.section ~ .section {
  /*margin-top: 10%;*/
  margin-top: 30px;
}

.column ~ .column {
  margin-top: 1em;
}

  body {
    font-size: 16px;
  }
  .pc-content {
    display: none !important;
  }
  .sp-content {
    display: block;
  }
  div.body {
    width: 100%;
  }

.inq p span.tel-link-f img{
  width: 100%;
  margin: 0 auto;
}

}

/* ****************************************************************************************************
   * header
**************************************************************************************************** */

#header .text {
  font-size: 0.8em;
  color: #fff;
  line-height: 1.4;
  padding: 0.25em 1em;
  /*background: #823700;*/
}

@media screen and (max-width:736px) {
  #header .text {
    font-size: 0.7em;
  }
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * header
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header .header {
  background: #fff;
  /*padding: 0.5em 1em 1em;*/
  padding: 0.5em 1em 0.5em;
}

/*
  #menu-trigger {
    display: none !important;
  }
*/

#header .header div.body {
  display: table;
}

#header .header div.body > * {
  /*display: table-cell;
  vertical-align: top;*/
}

#header .header .logo {
  float: left;
  margin-top: 0px;
  padding: 0;
}
#header .header .logo img{
  /*width: 272px;*/
  width: 330px;
}
#header .header .syuugou{
margin-top: 0;
float: left;
}
#header .header .tel {
  float: right;
  margin: 0;
/*margin-top: 10px;*/
/*margin-top: 0;*/
margin-top: 0.6em;
}
#header .header .tel img{
  /*width:346px;*/
  width:300px;
}

#header .header .bnr{
float: right;
/*margin: 2px 1em 0 0;*/
/*margin: 2px 3.2em 0 0;*/
margin: 0.8em 1.5em 0 0;
}

@media screen and (max-width:736px) {
  #header .header .logo img{
    width: 70%;
  }

  #header .header div.body > * {
  display: table-cell;
}
  #header .header {
    position: relative;
    padding: 0.5em;
  }

.sp{
display: flex !important;
justify-content: left;
align-items: center;
}
#header .header .logo{
width: 100%;
float: left;
margin-top: 0;
padding: 0.3em 0;
}
#header .header .syuugou{
float: left;
width: 20%;
margin-right: 3%;
}
#header .header .syuugou img{
vertical-align: middle;
}

  #header .header .sp-tel {
    margin-top: 25px;
    text-align: center;
  }
}

/* ****************************************************************************************************
   * nav
**************************************************************************************************** */

#nav {
  /*background: #823700;*/
}

#nav ul,
#nav ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#nav ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  /*border-left: 1px solid #fff;*/
  /*border-right: 1px solid #fff;*/
}

#nav ul li {
  display: table-cell;
  vertical-align: top;
}

#nav ul li ~ li {
  /*border-left: 1px solid #fff;*/
}

#nav ul li a {
  font-size: 0.9em;
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  padding: 0.8em 0;
  /*background: #823700;*/
}

#nav ul li{
  position: relative;
}
#nav ul li:first-child::before{
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
/* right: 0; */
height: 90%;
width: 1px;
margin: auto auto;
/* text-align: center; */
/*background: #ffffff;*/
background-position: center;
background-repeat: no-repeat;
background-image: -webkit-linear-gradient(bottom, transparent, #ffffff 25%, #ffffff 75%, transparent);
background-image: linear-gradient(to top, transparent, #ffffff 25%, #ffffff 75%, transparent);
}
#nav ul li ~ li::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
/* right: 0; */
height: 90%;
width: 1px;
margin: auto auto;
/* text-align: center; */
/*background: #ffffff;*/
background-position: center;
background-repeat: no-repeat;
background-image: -webkit-linear-gradient(bottom, transparent, #ffffff 25%, #ffffff 75%, transparent);
background-image: linear-gradient(to top, transparent, #ffffff 25%, #ffffff 75%, transparent);
}
#nav ul li:last-child::after{
content: '';
position: absolute;
top: 0;
bottom: 0;
/*left: 0;*/
right: 0;
height: 90%;
width: 1px;
margin: auto auto;
/* text-align: center; */
/*background: #ffffff;*/
background-position: center;
background-repeat: no-repeat;
background-image: -webkit-linear-gradient(bottom, transparent, #ffffff 25%, #ffffff 75%, transparent);
background-image: linear-gradient(to top, transparent, #ffffff 25%, #ffffff 75%, transparent);
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * メニューアイコン
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@media screen and (max-width:736px) {
  .icon-menu-trigger {
  /*width: 40px;*/
  margin: 0;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
  }
  .icon-menu-trigger:hover{
    opacity: 0.8;
    transition: all 0.2s;
  }

  .icon-menu-trigger .title {
  color: #fff;
  font-size: 10px;
  margin-top: 0;
  font-style: normal;
  }

  .icon-menu-trigger .title + * {
    margin-top: 0;
  }

  .icon-menu-trigger i.icon {
  padding: 8px 12px;
  border-radius: 5px;
  /*background: #004898;*/
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  }

  .icon-menu-trigger i.icon span {
  width: 30px;
  height: 0;
  margin: 5px auto;
  display: block;
  border-bottom: 2px solid #fff;
  transition: all 0.3s ease-out 0.0s, left 0.0s ease-out 0.0s;
  position: relative;
  left: 0;
  }

  .icon-menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
  }
  .icon-menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .icon-menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
  }

  .icon-menu {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    left: 0;
    transition: all 0.3s ease-out 0.0s;
  }
  
  .icon-menu.active {
    opacity: 1;
    visibility: visible;
    z-index: 999;
  }
  
  .icon-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #004898;
  }
  
  .icon-menu-list {
    width: 100%;
    position: absolute;
  }
  
  #icon-menu-list > li ~ li {
    border-top: dotted 1px #fff;
  }
  
  #icon-menu-list > li > a.active {
    background: rgba(0,0,0,0);
  }
  
  .icon-menu ul li span {
    font-size: 12px;
  }
  
  .icon-menu ul li a {
    color: #fff;
    padding: 0.75em 46px 0.75em 1em;
    display: block;
    text-decoration: none;
    position: relative;
  }
  
  .icon-menu ul li a:after {
    content: '＋';
    position: absolute;
    right: 1em;
  }
  
  .icon-menu ul li a[href]:after {
    content: '>';
  }
  
  .icon-menu ul li a.active:after {
    content: '－';
  }
  
  .icon-menu ul ul {
    background: rgba(255,255,255,0.25);
    padding-left: 1.25em;
  }
}

/* ****************************************************************************************************
   * visual
**************************************************************************************************** */

#visual div.body {
  background: #fff;
}

#visual div.body img {
  width: 100%;
}

/* ****************************************************************************************************
   * main-base
**************************************************************************************************** */

#main-base div.body {
  background: #fff;
  /*box-shadow: 0px 3px 15px rgba(0,0,0,0.1);*/
}

/* ****************************************************************************************************
   * main
**************************************************************************************************** */

#main {
  width: 75%;
  float: left;
  padding: 20px 20px 50px;
}

#main .section .title img {
  width: 100%;
}

#main div.content img[class] {
  padding: 3px;
  border: 1px solid #ede6cc;
}

@media screen and (max-width:736px) {
  #main {
    width: 100%;
    float: none;
    padding: 1em 3.125%;
  }
}

/* ****************************************************************************************************
   * side
**************************************************************************************************** */

#side {
  width: 25%;
  float: right;
  padding: 20px;
  margin-bottom: 60px;
}

#side .column ~ .column {
  margin-top: 0.5em;
}

#side .bnr img {
  width: 100%;
}

#side .nav ul,
#side .nav ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#side .nav ul li {
  margin: 0.25em 0;
}

#side .nav ul li a {
  display: block;
  font-size: 0.9em;
  line-height: 37px;
  color: inherit;
  text-decoration: none;
  padding-left: 1.8em;
  background: url(../../_images/_common/nav_bg.gif) no-repeat;
}

#side .nav ul li a:hover,
#side .nav ul li.current a {
  background-position: 0 -37px;
}

#side .nav.example ul li a:hover,
#side .nav.example ul li.current a {
  background-position: 0 -40px;
}
#side .nav.example ul li a {
  background-image: url(../../_images/_common/case_bg.gif);
}

#side .nav.example .title {
  font-size: 1.1em;
  font-weight: bold;
  color: #fff;
  padding: 0.25em;
  background: #e76600;
}

#side .blog {
  padding-top: 1px;
  border: 1px solid #333;
}

@media screen and (max-width:736px) {
#side {
  margin-bottom: 0px;
}

#side .blog {
  border-bottom: 0;
}
}

#side .blog .content {
  padding: 0 0.5em;
  margin-top: 0.5em;
}

#side .blog .content ul,
#side .blog .content ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#side .blog .content ul li {
  position: relative;
  margin: 0.5em 0;
}

#side .blog .content ul li:before {
  content: '';
  position: absolute;
  top: 25%;
  left: 0;
  display: block;
  width: 0.2em;
  height: 0.2em;
  /*background: #060;*/
  border-radius: 50%;
  margin-top: -0.1em;
}

#side .blog .content ul li a {
  display: block;
  /*color: #060;*/
  text-decoration: none;
  padding-left: 0.5em;
}

#side .blog .content ul li a:hover {
  text-decoration: underline;
}

#side .example:not(.nav) {
  border: 1px solid #060;
}

#side .example .content {
  padding: 0 0.5em;
  margin-top: 0.5em;
}

#side .example .content ul,
#side .example .content ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#side .example .content ul li {
  position: relative;
  margin: 0.5em 0;
}

#side .example .content ul li:before {
  content: '';
  position: absolute;
  top: 25%;
  left: 0;
  display: block;
  width: 0.2em;
  height: 0.2em;
  background: #060;
  border-radius: 50%;
  margin-top: -0.1em;
}

#side .example .content ul li a {
  display: block;
  color: #060;
  text-decoration: none;
  padding-left: 0.5em;
}

#side .example .content ul li a:hover {
  text-decoration: underline;
}


#side .area .title,#side .example .title {
  font: 1.5em "游明朝", YuMincho, "ヒラギノ明朝 Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
  font-weight: bold;
  color: #fff;
  padding: 0.4em 0.25em;
  /*background: #004898;*/
  text-align: center;
}
#side .example .link {
color: #fff;
cursor: pointer;
}
#side .example .link a{
text-decoration:none;
}
#side .example .link:hover {
opacity: 0.6;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
}
/*
#side .area {
  border: 1px solid #004898;
}
*/

#side .area .content {
  padding: 0.5em;
  margin-top: 0;
}

#side .area dl,
#side .area dl > * {
  padding: 0;
  margin: 0;
}

#side .area .content dl dt {
  color: #fff;
  text-align: center;
  /*background: #004898;*/
  margin-bottom: 0.5em;
}

#side .area .content dl dd {
  margin-bottom: 0.5em;
  font-size: 16px;
}

@media screen and (max-width:736px) {
  #side {
    width: 100%;
    float: none;
    padding: 1em 3.125%;
  }
  #side .blog .title img {
    width: 100%;
  }
  #side .example .title {
    text-align: center;
    /*background: #060;*/
  }

  #side .nav ul li a {
    position: relative;
    background: #e7e7e7;
    background: -moz-linear-gradient(top,  #e7e7e7 0%, #cecece 100%);
    background: -webkit-linear-gradient(top,  #e7e7e7 0%,#cecece 100%);
    background: linear-gradient(to bottom,  #e7e7e7 0%,#cecece 100%);
  }
  #side .nav ul li a:before {
    content: '';
    position: absolute;
    top: 0.7em;
    left: 0.5em;
    display: block;
    width: 0.1em;
    height: 0.1em;
    background: #e76600;
    box-shadow: 0 0 0 0.12em #e76600,
                0 0.4em 0 0.12em #e76600,
                0 0.8em 0 0.12em #e76600,
                0 1.25em 0 0.12em #e76600,
                0.4em 0 0 0.12em #e76600,
                0.4em 0.4em 0 0.12em #e76600,
                0.4em 0.8em 0 0.12em #e76600,
                0.4em 1.25em 0 0.12em #e76600;
  }

  #side .nav.example ul li a {
    background-image: none;
    background: #e7e7e7;
    background: -moz-linear-gradient(top,  #e7e7e7 0%, #cecece 100%);
    background: -webkit-linear-gradient(top,  #e7e7e7 0%,#cecece 100%);
    background: linear-gradient(to bottom,  #e7e7e7 0%,#cecece 100%);
  }
  #side .nav.example ul li a:before {
    background: #e76600;
    box-shadow: 0 0 0 1.5px #e76600,
                0 0.4em 0 1.5px #e76600,
                0 0.7em 0 1.5px #e76600,
                0 1.1em 0 1.5px #e76600,
                0.4em 0 0 1.5px #e76600,
                0.4em 0.4em 0 1.5px #e76600,
                0.4em 0.7em 0 1.5px #e76600,
                0.4em 1.1em 0 1.5px #e76600;
  }

  #side .area .title {
    font: 1.6em "游明朝", YuMincho, "ヒラギノ明朝 Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
    padding: 0.4em 0;
    text-align: center;
  }

#side .nav.example ul li a:hover,
#side .nav.example ul li.current a {
  background-position: 0 -37px;
}
}

/*サイドメニューボタン*/
#side .navbtn ul {
list-style: none;
padding: 0;
margin: 0;
}

#side .navbtn ul li {
display: block;
padding: 4px 8px;
background: #b3b3b3;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#b3b3b3));
background: -webkit-linear-gradient(top, #ededed, #b3b3b3);
background: -moz-linear-gradient(top, #ededed, #b3b3b3);
background: -ms-linear-gradient(top, #ededed, #b3b3b3);
background: -o-linear-gradient(top, #ededed, #b3b3b3);
background-image: -ms-linear-gradient(top, #ededed 0%, #b3b3b3 100%);
border: 1px solid #d2d2d2;
margin-bottom: 0.5em;
font-size: 16px;
}

#side .navbtn ul li a {
padding-left: 0.5em;
/*border-left: 8px solid #00132d;*/
/*color: #00132d;*/
text-decoration: none;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
display: block;
}

#side .navbtn ul li:hover,#side .navbtn ul li.current{
cursor: pointer;
   background: #cccccc;
   background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#cccccc));
   background: -webkit-linear-gradient(top, #fafafa, #cccccc);
   background: -moz-linear-gradient(top, #fafafa, #cccccc);
   background: -ms-linear-gradient(top, #fafafa, #cccccc);
   background: -o-linear-gradient(top, #fafafa, #cccccc);
   background-image: -ms-linear-gradient(top, #fafafa 0%, #cccccc 100%);
}

/* ****************************************************************************************************
   * common
**************************************************************************************************** */

#common {
  text-align: center;
  background: #fff;
  /*margin-top: 2em;*/
  margin-top: 10%;
}

#common .contact {
  padding: 1em 0;
  /*border-top: 2px solid #060;
  border-bottom: 2px solid #060;*/
  margin-top: 1em;
}

#common .contact .reserve {
  letter-spacing: -0.4em;
  margin-left: -6.338%;
}

#common .contact .reserve > * {
  position: relative;
  width: 43.662%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  text-decoration: none;
  color: inherit;
  height: 0;
  overflow: hidden;
  padding-top: 21.127%;
  margin-left: 6.338%;
}

#common .contact .reserve > * img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

#common .contact .reserve .btn1 {
  margin-top: 2.3%;
}

#common .contact .reserve .btn2 {
  padding-top: 25.634%;
}

#common .contact .reserve > *:hover img {
  top: -100%;
}

#common .contact .tel {
  padding-top: 1em;
  /*border-top: 2px solid #060;*/
  margin-top: 1em;
}

#common h2.title-2{
font: 1.5em "游明朝", YuMincho, "ヒラギノ明朝 Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}
@media screen and (max-width:736px) {
#common h2.title-2{
font: 1.1em "游明朝", YuMincho, "ヒラギノ明朝 Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}
}

#footer {
  font-size: 0.75em;
  color: #fff;
  /*background: #060;*/
  padding-bottom: 0;
}

#footer div.body {
  /*background: #060;*/
}

#footer .nav {
  padding: 4em 0 3em;
}

#footer .nav ul,
#footer .nav ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .nav {
  width: 90%;
  display: table;
  table-layout: fixed;
  margin: 0 auto;
}

#footer .nav ul.item {
  display: table-cell;
  vertical-align: top;
  line-height: 1.7;
  padding-bottom: 1em;
  border-left: 1px solid #fff;
}

#footer .nav ul.item.sp-content {
  display: none;
}

#footer .nav ul.item:last-child {
  border-right: 1px solid #fff;
}

#footer .nav ul.item li a {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 0 1em;
}

#footer .nav ul.item li a:hover {
  text-decoration: underline;
}

#footer .nav ul.item .hp {
  margin-top: 1em;
}

#footer .info {
  display: table;
  table-layout: fixed;
  width: 80%;
  margin: 0 auto;
}

#footer .info > * {
  display: table-cell;
  vertical-align: top;
}

#footer .info .logo {
  vertical-align: middle;
  text-align: center;
  width: 55%;
}
#footer .info .logo img {
/*width: 270px;*/
width: 330px;
}

#footer .info .address {
  padding-left: 1em;
  vertical-align: middle;
  width: 60%;
}

#footer .info .address a {
  color: #fff;
}

#footer .copyright {
  font-size: 0.9em;
  text-align: center;
  padding: 1em 0;
  margin: 0;
}


#bottom-contents .floating-tel-bnr{
position: fixed !important;
z-index: 999;
right: 0px;
margin: 0px;
padding: 16px;
width: 450px;
}
#bottom-contents .floating-tel-bnr #cancel{
display: inline-block;
position: relative;
margin: 0 20px 0 7px;
padding: 0;
width: 4px;
height: 20px;
background: #c590ba;
transform: rotate(45deg);
}
#bottom-contents .floating-tel-bnr #cancel:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: -8px;
width: 20px;
height: 4px;
margin-top: -2px;
background: #c590ba;
}

@media screen and (max-width:736px) {
#bottom-contents .tel-bnr{
position: fixed;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: 999;
}
#bottom-contents .tel-bnr img{
width: 100%;
}

#footer{
padding-bottom: 20.38%;
}
  #footer .nav {
    width: 100%;
    padding: 0;
  }
  #footer .nav ul.item {
    display: block;
    border: 0;
    padding-bottom: 0;
  }
  #footer .nav ul.item.sp-content {
    display: block;
  }
  #footer .nav ul.item:last-child {
    border: 0;
  }
  #footer .nav ul.item li {
    border-bottom: 1px dotted #fff;
  }
  #footer .nav ul.item li a {
    position: relative;
    padding: 1em;
  }
  #footer .nav ul.item li a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    display: block;
    width: 0;
    height: 0;
    border: 0.5em solid transparent;
    border-left-color: inherit;
    margin-top: -0.5em;
  }
  #footer .nav ul.item .hp {
    margin-top: 0;
  }
  #footer .info {
    width: 100%;
    padding-left: 3.125%;
    padding-right: 3.125%;
    margin-top: 1em;
  }
  #footer .info > * {
    display: block;
    margin-top: 1em;
  }

  #footer .info .logo {
    text-align: left;
    width: 100%;
  }
  #footer .info .logo img {
  /*width: 474px;*/
  width:100%;
  }
  #footer .info .address{
    width: 100%;
    text-align: center;
  }
}


#afterservice .voice .photo img{
border: 1px solid #c2c2c2;
}

div.catch{
font-size: 16px;
/*font-weight: bold;*/
/*color: #1e6724;*/
line-height: 2.5em;
margin-bottom: 3em;
}

/*ページトップ*/
.page-top{
  margin: 0 ;
  padding: 0 ;
  cursor: pointer;
}
 
.page-top p{
  margin: 0 ;
  padding: 0 ;

  position: fixed ;
  right: 16px ;
  bottom: 140px ;
z-index: 9999;
}
 
.move-page-top{
display: block;
width: 50px;
height: 35px;
color: #fff;
line-height: 35px;
text-decoration: none;
text-align: center;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
border-radius: 15px;
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.4);
}

.move-page-top a{
  text-decoration: none;
}
.move-page-top:hover{
  opacity: 0.8;
  transition: all 0.2s;
}
@media screen and (max-width:736px) {
.page-top p{
position: absolute;
right: 16px ;
top: -3em;
}
}

/*スライドショー*/
.sp-slides-container{
/*border-bottom: 8px solid #c590ba;*/
}
.sp-slide .pc{
display: block;
}
.sp-slide .sp{
display: none;
}
.sp-horizontal .sp-arrows{
width: 1000px !important;
left: 50% !important;
top: 50% !important;
margin-left: -500px !important;
}

@media screen and (max-width:736px) { 
.sp-horizontal .sp-arrows{
width: 100% !important;
left: 0 !important;
top: 50% !important;
margin-top: -15px !important;
}

.sp-slide .pc{
display: none;
}
.sp-slide .sp{
display: block;
}

.sp-hide{display:none !important;}  
.sp-show{display:block !important;} 
}

/*ページナビ*/
.wp-pagenavi
{
font-size:12px;
display:block;
clear:both;
padding:20px 10px 20px 10px;
}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active {
    padding: 4px 8px !important;
    margin: 3px !important;
    text-decoration: none !important;
    border: 1px solid #C8C8C2 !important;
    background: #FCFCFC !important;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    color: #999 !important;
}

.wp-pagenavi a:hover {
    border: 1px solid #a7a7a3 !important;
    color: #444 !important;
}

.wp-pagenavi span.pages {
    padding: 4px 8px !important;
    margin: 3px !important;
    font-family: Georgia,serif !important;
    font-style: italic !important;
    color: #999 !important;
}

.wp-pagenavi span.current {
    padding: 4px 8px !important;
    margin: 3px !important;
    text-decoration: none !important;
    border: 1px solid #a7a7a3 !important;
    background: #FCFCFC !important;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    font-weight: bold !important;
    color: #444 !important;
}

.wp-pagenavi span.extend {
    padding: 4px 8px !important;
    margin: 3px !important;
    text-decoration: none !important;
    border: 1px solid #C8C8C2 !important;
    background: #FCFCFC !important;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
}

/*お墓のお悩み*/
#onayami{
margin-top: 3em;
}
#onayami h3{
font: 1.45em "游明朝", YuMincho, "ヒラギノ明朝 Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
color: #FFF;
font-weight: bold;
/*background-color: #004898;*/
border-radius: 10px;
padding: 15px 20px;
margin-bottom: 0.6em;
}
#onayami h3 br{
display: block;
}
#onayami ul{
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: stretch;
padding: 0;
}
#onayami ul li{
border-radius: 9px;
width: 49%;
list-style: none;
margin-bottom: 1em;
padding: 1em;
background: #faf7ee;
border-bottom: solid 6px #b2b0a9;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
#onayami ul li h4{
font: 1.4em "游明朝", YuMincho, "ヒラギノ明朝 Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
font-weight: bold;
text-align: center;
padding: 0 0 15px 0;
}
#onayami ul li figure{
width: 80%;
margin: 0 auto;
}
#onayami ul li p{
font-size: 1.2em;
font-weight: bold;
text-align: center;
padding: 5px 0 0 0;
}
@media screen and (max-width:736px) {
#onayami h3 br{
display: none;
}
}

/*下部固定*/
#footer{
padding-bottom: 65px;
}
@media screen and (max-width:736px) {
  #footer{
    padding-bottom: 20.38%;
  }
}
#bottom-contents .fixed-box{
bottom: 0;
height: 65px;
margin: 0;
padding: 0;
position: fixed !important;
right: 0;
width: 100%;
z-index: 999;
background: #fff;
box-shadow: 0 -1px 5px #888;
}
#bottom-contents .fixed-box .body {

}
#bottom-contents .fixed-box .body .l-box{
float: left;
}
#bottom-contents .fixed-box .body .r-box {
float: right;
}


#reason h2{
  margin-bottom: 1em;
}

.notification{
/*border: 1px solid #000;*/
margin-bottom: 2em;
padding: 1em;
}
h2.title-2.big{
font-size: 2em;
line-height: 1.8;
}
@media screen and (max-width:768px) {
h2.title-2.big{
font-size: 1.6em;
line-height: 1.6;
}
}

/*ホバーテキスト表示*/
.imgbox {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.imgbox .caption {
  font-size: 1.6em;
  color: #444;
  letter-spacing: normal;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  text-align: center;
}
.imgbox .mask {
  width:      100%;
  height:     100%;
  position:   absolute;
  top:      0;
  left:     0;
  opacity:    0;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-transition: all 0.2s ease;
  transition:   all 0.2s ease;
}
.imgbox:hover .mask {
  opacity:    1;
  transition: opacity 0.5s ease 0s;
  cursor: pointer;
}