@charset "UTF-8";
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  }

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

img {
  vertical-align: bottom;
  border: none;
}

button,
input,
select,
textarea {
  }

input {
  outline: 0;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

.syuttyoua {font-size:18px;color:#fe2554;line-height:0.2em;}

textarea {
  overflow: auto;
  vertical-align: top;
  font-family: sans-serif;
}
h1 {text-shadow:5px 5px 5px #bbaabb;}
.locals {background:#c358c6;
		width:100%;display:block;
		}

.local {background:#c358c6;
		width:580px;margin:0 auto;
		}
		
.local  h1 {height:100%;text-align:center;color:#ffffff;
		vertical-align:middle;
		font-size:30px;
		display:table-cell;
		height:90px;margin:0 10px 0 10px;}
h1 span{font-size:38px;}
/*color*/
/*mixin*/
@font-face {
  font-family: 'Rounded';
  src: url("../css/genjyu-m.eot");
  src: url("../css/genjyu-m?#iefix") format("embedded-opentype"), url("../css/genjyu-m.woff") format("woff"), url("../css/genjyu-m.ttf") format("truetype");
}
/*base*/
html {
  font-size: 62.5%;
}

body {
  background: url(../images/common/bg01.png) #fbf1d9;
}

body,
input,
textarea {
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
}

a {
  color: #333;
  text-decoration: none;
}
a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: all .2s;
}
.kuiki {font-weight:bold;color:#cc2233;}
strong {
  font-weight: bold;
}

em {
  font-style: oblique;
}

.l-contents {
  width: 1000px;
  margin: 0 auto;
}

.spOnly {
  display: none !important;
}

@media screen and (max-width: 980px) {
  .l-contents {
    width: auto;
    margin: 0 15px;
  }
}
@media screen and (max-width: 640px) {
  a:hover {
    opacity: 1 !important;
  }
  a:hover img {
    opacity: 1 !important;
  }

  .spOnly {
    display: inherit !important;
  }

  .pcOnly {
    display: none !important;
  }

  .br {
    display: block;
  }
  

h1 {text-shadow:2px 2px 2px #bbaabb;}
.locals {background:#c358c6;
		width:100%;display:block;
		}

.local {background:#c358c6;
		width:300px;margin:0 auto;
		}
		
.local  h1 {height:100%;text-align:center;color:#ffffff;
		vertical-align:middle;
		font-size:15px;
		display:table-cell;
		height:30px;margin:0 10px 0 10px;}
h1 span{font-size:20px;}
  
  
}
/*header*/
header {
  overflow: hidden;
  *zoom: 1;
  background: #fff;
}
header .left {
  float: left;
  margin-top: 5px;
}
.hukidashi img{height:68px;}
header .hukidashi {
  float: right;
  margin-top: 5px;
  margin-left: 95px;
}
header .left h2 {
  display: inline-block;
    margin-right: 20px;
}
header .left h2 a img {
  width: auto;
  height: 75px;
}
header .left .btn {
  display: inline-block;
    font-size: 11px;
  font-size: 1.1rem;
}
header .left .btn .br {
  margin-right: 5px;
}
header .right {
  float: right;
  margin: 10px 0;
  line-height: 1.4;
}
header .right .description {
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 4px;
}
header .right .tel {
  text-align: right;
  line-height: 1;
}
header .right .tel a {
  font-family: 'Rounded';
  font-size: 37px;
  font-size: 3.7rem;
  pointer-events: none;
}
header .right .tel a .image {
  display: inline;
}
header .right .tel a .image img {
  margin-right: -5px;
  margin-top: -5px;
}
header .right .tel a .text {
  display: inline;
}
header .right .tel a .text .line {
  margin-left: -0.23em;
}
header .right .tel a .text ruby {
  display: inline-table;
  vertical-align: bottom;
  margin-left: -0.23em;
}
header .right .tel a .text ruby rt {
  display: table-header-group;
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  header .left {
    margin-top: 10px;
  }
  header .left h2 {
    display: block;
    margin-bottom: 10px;
  }
  header .left .btn {
    margin-bottom: 10px;
  }
  header .right {
    margin-top: 15px;
  }
  header .right .description {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 780px) {
  header {
    position: relative;
    height: 45px;
  }
  header .l-contents {
    margin: 0;
  }
  header .left {
    float: none;
    margin-top: 5px;
  }
  header .left h2 {
    display: inline-block;
    margin: 0 0 0 10px;
  }
  #pans span{font-size:5px;line-height:0;}
  header .hukidashi {width:35%;margin:0 22px 0 0;}
  .hukidashi img{height:35px;}
  header .left h2 a img {
    width: auto;
    height: 35px;
    vertical-align: top;
  }
  header .left .btn {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2;
  }
  header .left .btn a {
    position: relative;
    text-align: left;
    padding: 5px 5px 5px 15px !important;
  }
  header .left .btn a:before {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -3px;
  }
  header .left .btn a .br {
    margin-right: 0;
  }
  header .right {
    float: none;
    margin: 0;
    line-height: 1.4;
  }
  header .right .description {
    display: none;
  }
  header .right .tel {
    position: absolute;
    top: 0;
    right: 0;
  }
  header .right .tel a {
    pointer-events: inherit;
    display: block;
    width: 35px;
    height: 35px;
    background: #d4a8e4;
    font-size: 10px;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    padding: 5px;
  }
  header .right .tel a .image {
    display: block;
  }
  header .right .tel a .image img {
    width: 20px;
    height: 20px;
    margin: 0 0 2px;
  }
}
/*footer*/
footer {
  margin-top: 60px;
  background: url(../images/common/bg02.png);
}
footer #page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1;
}
footer #page-top .image img{
  width: 310px;
}
footer .linkArea {
  overflow: hidden;
  *zoom: 1;
  padding: 35px 0 25px;
}
footer .linkArea li {
  float: left;
  width: 32.8%;
  margin: 0 0.8% 10px 0;
}
footer .linkArea li:nth-child(3n) {
  margin-right: 0;
}
footer .linkArea li a {
  display: block;
  background: #fff;
  padding: 10px;
  overflow: hidden;
  *zoom: 1;
}
footer .linkArea li a .image {
  float: left;
  margin-right: 15px;
  width: 60px;
}
footer .linkArea li a .image img {
  width: 100%;
  height: auto;
}
footer .linkArea li a .text {
  padding: 9px 0;
  overflow: hidden;
  width: auto;
  font-size: 12px;
  font-size: 1.2rem;
}
footer .linkArea li a .text .ar {
  display: block;
  color: #d4a8e4;
  font-weight: bold;
  font-size: 13px;
  font-size: 1.3rem;
}
footer .linkArea li a .text .ar:before {
  content: "";
  display: inline-block;
  background: url(../images/common/ar01.png) no-repeat;
  background-size: cover;
  width: 6px;
  height: 6px;
  margin-right: 10px;
    background: url(../images/common/ar02.png) no-repeat;
  background-size: cover;
  margin-right: 5px;
}
footer .bottomArea {
  overflow: hidden;
  *zoom: 1;
  background: #d4a8e4;
  color: #fff;
  padding: 30px 0 40px;
}
footer .bottomArea a {
  color: #fff;
  text-decoration: none;
}
footer .bottomArea .corporate {
  float: left;
}
footer .bottomArea .corporate a {
  display: block;
}
footer .bottomArea .corporate a .logo {
  display: inline-block;
    width: 200px;
  height: 30px;
  margin-right: 15px;
  padding: 10px;
  background: #fff;
}
footer .bottomArea .corporate a .logo img {
  width: 100%;
  height: auto;
}
footer .bottomArea .corporate a .text {
  display: inline-block;
    font-size: 13px;
  font-size: 1.3rem;
}
footer .bottomArea .copyright {
  float: right;
  text-align: right;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 2.4;
}
footer .bottomArea .copyright a {
  text-decoration: underline;
}
footer .bottomArea .copyright a:hover {
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  footer .bottomArea {
    padding: 30px 0;
  }
  footer .bottomArea .corporate a .text {
    display: block;
    margin-top: 10px;
  }
  footer .bottomArea .copyright {
    margin-top: 20px;
  }
}
.spmenu {display:none;}
#top .contentsArea .interview .onecal .box .right .name ,#top .contentsArea .interview .onecal .box .right .text{;font-size:15px;padding:10px;}
@media screen and (max-width: 640px) {
.spmenu {display:block;
		margin:0 0 20px;;
		width:100%;}
.spmenu li { margin:0 0 3px 3px;padding:0;width:48%;float:left;border:1px #676767 solid;border-radius:3px 3px;}
.spmenu li img{vertical-align:middle;}
  footer {
    margin-top: 20px;
  }
  footer #page-top {
  margin:0 auto;
    bottom: 0px;
    left: 0px;
    width:100%;
  }
  footer #page-top .image img{
  width: 97%;
}
  footer #page-top img {
    width: 40px;
    height: auto;
  }
  footer #page-top .call {
  margin-bottom:3px;
    width: 98%;
    height: auto;
  }
  footer .linkArea {
    padding: 15px 0 5px;
  }
  footer .linkArea li {
    float: none;
    width: auto;
  }
  footer .linkArea li a {
    padding: 5px;
  }
  footer .linkArea li a .text .ar {
    font-size: 12px;
    font-size: 1.2rem;
  }
  footer .bottomArea {
    padding: 15px 0 120px 0;
  }
  footer .bottomArea .corporate {
    float: none;
    text-align: center;
  }
  footer .bottomArea .corporate a .logo {
    width: auto;
    height: auto;
    margin-right: 0;
  }
  footer .bottomArea .copyright {
    margin-top: 10px;
    text-align: center;
    line-height: 1.8;
  }
  
}
/*top*/
#top .anchorArea {
  background: #c358c6;
}
#top .anchorArea ul {
  overflow: hidden;
  *zoom: 1;
}
#top .anchorArea ul li {
  float: left;
  box-sizing: border-box;
  border-right: 1px solid #A3A1C2;
}
#top .anchorArea ul li a {
  display: block;
  color: #fff;
  padding: 0 35px;
  line-height: 90px;
  font-family: 'Rounded';
  font-size: 19px;
  font-size: 1.9rem;
}
#top .anchorArea ul li a img {
  margin-right: 12px;
  }
#top .anchorArea ul li a p {
  display: inline;
}
#top .anchorArea ul li a:after {
  content: "";
  display: inline-block;
  background: url(../images/common/ar01.png) no-repeat;
  background-size: cover;
  width: 6px;
  height: 6px;
  margin-right: 10px;
    background-image: url(../images/common/ar01_b.png);
  margin-right: 0;
  margin-left: 11px;
}
#top .anchorArea ul li:first-child {
  border-left: 1px solid #A3A1C2;
}
#top .contentsArea {
  padding-bottom: 30px;
}
#top .contentsArea .section {
  margin-bottom: 200px;
}
#top .contentsArea .section:last-child {
  margin-bottom: 0;
}
#top .contentsArea .section_title {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: 'Rounded';
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
#top .contentsArea .section_title img {
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
    margin: 0 15px 10px 0;
}
#top .contentsArea .mind .text {
  margin-bottom: 35px;
}

.twitterd {padding: 20px;
}


#top .contentsArea .mind .subtitle {
  background: #eeeffd;
  padding: 40px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#top .contentsArea .mind .subtitle .title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 30px;
  display: table;
  line-height: 1.6;
}
#top .contentsArea .mind .subtitle .title span {
  margin-left: 15px;
}
#top .contentsArea .mind .subtitle .title:before {
  content: "";
  display: table-cell;
  width: 5px;
  background: #d4a8e4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#top .contentsArea .mind .subtitle .text {
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 30px;
}
#top .contentsArea .mind .subtitle .image img {
  float: right;
  width: 280px;
  height: auto;
  margin: 0 0 20px 40px;
}
#top .contentsArea .mind .subtitle .btn {
  font-size: 15px;
  font-size: 1.5rem;
  display: block;
  text-align: center;
}
#top .contentsArea .mind .subtitle .btn a {
  display: inline-block;
  padding: 8px 35px;
}
#top .contentsArea .cat .catArea {
  background: #F1EBFC;
  padding: 25px 35px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  *zoom: 1;
}
#top .contentsArea .cat .catArea .left {
  display: inline-block;
    margin-right: 40px;
  text-align: center;
}
#top .contentsArea .cat .catArea .left li {
  display: inline-block;
  margin-right: 19px;
}
#top .contentsArea .cat .catArea .left li:last-child {
  margin-right: 0;
}
#top .contentsArea .cat .catArea .left li .image {
  margin-bottom: 5px;
}
#top .contentsArea .cat .catArea .left li .image img {
  -moz-border-radius: 110px;
  -webkit-border-radius: 110px;
  border-radius: 110px;
  border: 5px solid #fff;
  box-sizing: border-box;
  width: 110px;
  height: auto;
}
#top .contentsArea .cat .catArea .left li .text {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.4;
}
#top .contentsArea .cat .catArea .left li .text strong {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
}
#top .contentsArea .cat .catArea .right {
  display: inline-block;
    width: 230px;
}
#top .contentsArea .cat .catArea .right .text {
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 15px;
}
#top .contentsArea .cat .catArea .right .btn {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
#top .contentsArea .interview {
  margin-bottom: 50px;
}
#top .contentsArea .interview .contentsArea {
  overflow: hidden;
  *zoom: 1;
}
#top .contentsArea .interview .contentsArea .box {
padding:20px;
  position: relative;
  float: left;
  width: 100%;
  padding: 1%;
  margin: 0 4% 40px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#top .contentsArea .interview .contentsArea .box:nth-child(2n) {
  margin-right: 0;
}
#top .contentsArea .interview .contentsArea .box .left {
  float: left;
  width: 43.5%;
  margin-right: 25px;
}
#top .contentsArea .interview .contentsArea .box .left img {
  width: 100%;
  height: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#top .contentsArea .interview .contentsArea .box .right {
  overflow: hidden;
  width: auto;
  line-height: 1.6;
  padding: 10px 5px 5px 0;
}
#top .contentsArea .interview .contentsArea .box .right .position {
  font-size: 12px;
  font-size: 1.2rem;
  color: #d4a8e4;
  margin-bottom: 5px;
}
#top .contentsArea .interview .contentsArea .box .right .name {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 5px;
}
#top .contentsArea .interview .contentsArea .box .right .sns {
  margin-bottom: 10px;
}
#top .contentsArea .interview .contentsArea .box .right .text {
padding:20px;
  font-size: 14px;
  font-size: 1.4rem;
}
#top .contentsArea .interview .contentsArea .box .right .btn {
  display: block;
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 230px;
  font-size: 14px;
  font-size: 1.4rem;
}
#top .contentsArea .interview .contentsArea .box.soon .left {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#top .contentsArea .interview .contentsArea .box.soon .right .btn {
  background: #d4a8e4;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
#top .contentsArea .interview.about-kasou .contentsArea .box, #top .contentsArea .interview.priest .contentsArea .box {
  background: #e1f9fd;
}
#top .contentsArea .interview.price .contentsArea .box {
  background: #fceeeb;
}

@media screen and (max-width: 768px) {
  #top .anchorArea ul li a {
    padding: 0 17px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 60px;
  }
  #top .anchorArea ul li a img {
    margin-right: 12px;
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  #top .anchorArea ul li a:after {
    content: "";
    display: inline-block;
    background: url(../images/common/ar01.png) no-repeat;
    background-size: cover;
    width: 6px;
    height: 6px;
    margin-right: 10px;
        background-image: url(../images/common/ar01_b.png);
    margin-right: 0;
    margin-left: 11px;
  }
  #top .anchorArea ul li:first-child {
    border-left: 1px solid #A3A1C2;
  }
  #top .contentsArea .section {
    margin-bottom: 60px;
  }
  #top .contentsArea .mind .subtitle {
    padding: 30px;
  }
  #top .contentsArea .mind .subtitle .title {
    margin-bottom: 15px;
  }
  #top .contentsArea .cat .catArea .left {
    width: 100%;
    margin: 0 0 20px 0;
  }
  #top .contentsArea .cat .catArea .right {
    width: 100%;
  }
  #top .contentsArea .cat .catArea .right .text {
    text-align: center;
  }
  #top .contentsArea .cat .catArea .right .text .br {
    display: inline;
  }
  #top .contentsArea .cat .catArea .right .btn {
    text-align: center;
  }
  #top .contentsArea .cat .catArea .right .btn a {
    font-size: 15px;
    font-size: 1.5rem;
    display: inline-block;
    padding: 8px 35px;
  }
  #top .contentsArea .interview {
    margin-bottom: 50px;
  }
  #top .contentsArea .interview .contentsArea .box {
    margin: 0 4% 30px 0;
  }
  #top .contentsArea .interview .contentsArea .box .right .text {
    margin-bottom: 15px;
  }
  #top .contentsArea .interview .contentsArea .box .right .btn {
    display: block;
    position: relative;
    right: auto;
    bottom: auto;
    width: auto;
  }
}
@media screen and (max-width: 640px) {
  #top .btn a {
    font-size: 93.3% !important;
    padding: 7px 0 !important;
  }
  #top .anchorArea ul {
    margin: 0;
    display: table;
    width: 100%;
  }
  #top .anchorArea ul li {
    display: table-cell;
    width: 25%;
  }
  #top .anchorArea ul li a {
    width: 90%;
    height: 50px;
    position: relative;
    padding: 0 10% 0 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    text-align: center;
    display: table;
  }
  #top .anchorArea ul li a img {
    display: none;
  }
  #top .anchorArea ul li a .text {
    width: 100%;
    height: 100%;
    display: table-cell;
        text-align:center;
  }
  #top .anchorArea ul li a:after {
    position: absolute;
    right: 5px;
    top: 50%;
    content: "";
    display: inline-block;
    background: url(../images/common/ar01.png) no-repeat;
    background-size: cover;
    width: 6px;
    height: 6px;
    margin-right: 10px;
        background-image: url(../images/common/ar01_b.png);
    margin: -3px 0 0 15px;
  }
  #top .anchorArea ul li:first-child {
    border-left: 1px solid #A3A1C2;
  }
  #top .contentsArea {
    padding-bottom: 5px;
  }
  #top .contentsArea .section {
    margin-bottom: 20px;
  }
  #top .contentsArea .section_title {
    font-size: 20px;
    font-size: 2rem;
    margin: 10px 0 20px 0;
    line-height:0.2em;
  }
  #top .contentsArea .section_title img {
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    margin: 0 -5px 5px -15px;
  }
  #top .contentsArea .mind .text {
    margin-bottom: 20px;
  }
  #top .contentsArea .mind .subtitle {
    padding: 15px;
  }
  #top .contentsArea .mind .subtitle .image img {
    width: 100%;
    margin-bottom: 15px;
  }
  #top .contentsArea .mind .subtitle .text {
    margin-bottom: 15px;
  }
  #top .contentsArea .cat .catArea {
    padding: 15px;
  }
  #top .contentsArea .cat .catArea .left {
    margin-bottom: 5px;
    text-align: left;
  }
  #top .contentsArea .cat .catArea .left li {
    width: 29.9%;
    margin: 0 3% 10px 0;
  }
  #top .contentsArea .cat .catArea .left li .image img {
    width: 100%;
    height: auto;
    border: 4px solid #fff;
  }
  #top .contentsArea .cat .catArea .left li .text {
    font-size: 10px;
    font-size: 1rem;
  }
  #top .contentsArea .cat .catArea .left li .text strong {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #top .contentsArea .cat .catArea .left li:nth-child(3) {
    margin-right: 0;
  }
  #top .contentsArea .cat .catArea .right .text {
    text-align: left;
  }
  #top .contentsArea .interview .contentsArea .box {
    width: 100%;
    margin: 0 4% 15px 0;
    padding: 0;
  }
  #top .contentsArea .interview .contentsArea .box .left {
    width: 100%;
  }
  #top .contentsArea .interview .contentsArea .box .right {
    padding: 10px;
    background-size: 6px;
  }
  #top .contentsArea .interview .contentsArea .box .right .name {
    margin-bottom: 0;
    font-size: 17px;
    font-size: 1.7rem;
  }
  #top .contentsArea .interview .contentsArea .box .right .sns,
  #top .contentsArea .interview .contentsArea .box .right .text {
    font-size:12px;
  }
  #top .contentsArea .interview .contentsArea .box .right .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #top .contentsArea .interview .contentsArea .box .right .btn a {
    padding: 0 !important;
    width: 100%;
    height: 100%;
    background: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #top .contentsArea .interview .contentsArea .box.soon .right {
    background: none;
  }
  #top .contentsArea .interview .contentsArea .box.soon .right .btn {
    display: none;
  }
}
/*contents*/
/*共通
--------------------------------------*/
.kasou img {margin:6% 3%;width:92%;border-radius:10px 10px;}
.btn {
  display: inline-block;
}
.btn a {
  display: block;
  background: #c358c6;
  color: #fff;
  padding: 5px 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
}
.btn a:before {
  content: "";
  display: inline-block;
  background: url(../images/common/ar01.png) no-repeat;
  background-size: cover;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  }


.sns li {
  display: inline-block;vertical-align:middle;
}

.sns a img {
  width: 38px;
  height: auto;
  }
.blog { width: 32%;margin-bottom:4px;}
.blog a img {
  width: 100%;
    margin-bottom:5px;
}
.sns li.blog a {
  display: block;
  background: #B72752;
  color: #fff;
  font-family: 'Rounded';
  font-size: 11px;
  font-size: 1.1rem;
  padding: 0 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 20px;
}
.sns li.blog a:before {
  content: "";
  display: inline-block;
  background: url(../images/common/ar01.png) no-repeat;
  background-size: cover;
  width: 6px;
  height: 6px;
  margin-right: 10px;
    margin-right: 5px;
  width: 5px;
}
@media screen and (max-width: 640px) {
  .btn a {
    display: block !important;
  }
  .blog { width: 48%;margin-bottom:4px;}
}
.mainvisual {
  position: relative;
  overflow: hidden;
}
.mainvisual .image img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.mainvisual .text {
  position: absolute;
  top: 60%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .mainvisual .text img {
    width: 70%;
    height: auto;
  }
}
@media screen and (max-width: 640px) {
  .mainvisual .text {
    display: none;
  }
}
.breadcrumb {
  background: #d4a8e4;
  padding: 10px 0;
}
.breadcrumb ul {
  overflow: hidden;
  *zoom: 1;
}
.breadcrumb ul li {
  float: left;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
}
.breadcrumb ul li a {
  display: inline-block;
  color: #fff;
}
.breadcrumb ul li a img {
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  margin-right: 5px;
    margin-top: -6px;
}
.breadcrumb ul li:after {
  content: ">";
  display: inline-block;
  margin: 0 10px;
}
.breadcrumb ul li:last-child:after {
  display: none;
}

@media screen and (max-width: 640px) {
  .breadcrumb {
    padding: 7px 0;
  }
  .breadcrumb ul li a img {
    margin: -3px 0 0 -5px;
  }
}
.contentsArea {
  background: #fff;
  max-width: 1140px;
  margin: 60px auto 0;
  padding: 70px 0;
}

@media screen and (max-width: 768px) {
  .contentsArea {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 640px) {
  .contentsArea {
    margin: 20px auto 0;
    padding: 20px 0;
  }
}
/*詳細
--------------------------------------*/
#detail .contentsArea {
  padding: 50px 0 70px;
}
#detail .catch_title {
  text-align: center;
  font-family: 'Rounded';
  font-size: 36px;
  font-size: 3.6rem;
  margin-bottom: 60px;
  padding: 20px 0;
  background: url(../images/common/detail_bg01.png) no-repeat;
  background-size: 100% 100%;
  line-height: 1.4;
  letter-spacing: 0.25rem;
}
#detail .section {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 60px;
}
#detail .section .profileArea {
  width: 36%;
  float: left;
}
#detail .section .profileArea .image {
  margin-bottom: 20px;
}
#detail .section .profileArea .image img {
  width: 100%;
  height: auto;
}
#detail .section .profileArea .position {
  font-size: 14px;
  font-size: 1.4rem;
  color: #d4a8e4;
  margin-bottom: 5px;
}
#detail .section .profileArea .name {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
#detail .section .profileArea .subtitle {
  background: #e1f9fd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 12px;
  margin-bottom: 15px;
}
#detail .section .profileArea .subtitle li {
  margin-left: 4em;
  text-indent: -4em;
}
#detail .section .profileArea .subtitle li span {
  color: #d4a8e4;
}
#detail .section .imageArea {
  width: 36%;
}
#detail .section .imageArea .box {
  margin-bottom: 25px;
}
#detail .section .imageArea .box:last-child {
  margin-bottom: 0;
}
#detail .section .imageArea .box .image img {
  width: 100%;
  height: auto;
}
#detail .section .imageArea .box .caption {
  margin-top: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}
#detail .section .textArea {
  width: 60%;
}
#detail .section .textArea .title {
  display: table;
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 40px;
  background: #f0f0f0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#detail .section .textArea .title span {
  display: block;
  padding: 10px 10px 10px 15px;
}
#detail .section .textArea .title:before {
  content: "";
  display: table-cell;
  width: 5px;
  background: #d4a8e4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


#detail .section .textArea .nyankom:before {
  content: "";
  display: table-cell;
  width: 25px;
  background: #ceceff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#detail .section .textArea .nyankow:before {
  content: "";
  display: table-cell;
  width: 25px;
  background: #ffcece;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


#detail .section .textArea .text p {
  margin-bottom: 30px;
}
#detail .section .textArea .text p:last-child {
  margin-bottom: 0;
}
#detail .section:nth-child(2n) .imageArea {
  float: left;
}
#detail .section:nth-child(2n) .textArea {
  float: right;
}
#detail .section:nth-child(2n+1) .imageArea {
  float: right;
}
#detail .section:nth-child(2n+1) .textArea {
  float: left;
}
#detail .other {
  background: #fceeeb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  *zoom: 1;
  padding: 3%;
}
#detail .other .title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  display: table;
  line-height: 1.6;
}
#detail .other .title span {
  margin-left: 15px;
}
#detail .other .title:before {
  content: "";
  display: table-cell;
  width: 5px;
  background: #d4a8e4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#detail .other .box {
  background: #fff;
  position: relative;
  float: left;
  width: 32%;
  margin-right: 2%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#detail .other .box:last-child {
  margin-right: 0;
}
#detail .other .box:after {
  content: "";
  display: inline-block;
  background: url(../images/common/ar01.png) no-repeat;
  background-size: cover;
  width: 6px;
  height: 6px;
  margin-right: 10px;
    background: url(../images/common/ar02.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -3px;
}
#detail .other .box a {
  display: block;
  padding: 5px;
}
#detail .other .box a img {
  display: inline-block;
    margin-right: 7%;
  width: 36%;
  height: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#detail .other .box a .text {
  display: inline-block;
    font-size: 12px;
  font-size: 1.2rem;
  width: 50%;
  color: #d4a8e4;
  margin-bottom: 5px;
}
#detail .other .box a .text span {
  display: block;
  color: #333;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
#detail .return {
  text-align: center;
  display: block;
  margin-top: 40px;
}
#detail .return a {
  padding: 12px 30px;
  display: inline-block;
}
#detail .return a:before {
  background: url(../images/common/ar01_l.png) no-repeat;
  background-size: cover;
}
.setsumei {font-size:15px;}
.setsumei td{vertical-align:top;}


.box1 {	padding: 3px;width:31%;height:720px;
  margin: 10px 0 40px 0;float:left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;background:#fae5fa;}
.box2 {	padding: 3px;width:31%;height:720px;
  margin: 10px 15px 40px 0;float:left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;background:#e5fafa;}
.box3 {	padding: 3px;width:31%;height:720px;
  margin: 10px 15px 40px 0;float:left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;background:#fafac5;}


@media screen and (max-width: 768px) {
  #detail .catch_title br,
  #detail .textArea .title br {
    display: none;
  }
  
 
}
@media screen and (max-width: 640px) {
.box1 {	padding: 1%;width:95%;height:100%;
  margin: 10px 4% 40px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;background:#fae5fa;}
.box2 {	padding: 1%;width:95%;height:100%;
  margin: 20px 4% 40px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;background:#e5fafa;}
.box3 {	padding: 1%;width:95%;height:100%;
  margin: 20px 4% 40px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;background:#fafac5;}
.setsumei {font-size:8px;}
  #detail .sns {
    margin-bottom: 10px;
  }
  #detail .sns li a img {
    width: 30px;
    height: auto;
  }
  #detail .sns li.blog a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 12px;
    line-height: 30px;
  }
  #detail .contentsArea {
    padding: 10px 0 20px;
  }
  #detail .catch_title {
    font-size: 21px;
    font-size: 2.1rem;
    margin-bottom: 10px;
  }
  #detail .catch_title br {
    display: none;
  }
  #detail .section {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 20px;
  }
  #detail .section .profileArea,
  #detail .section .imageArea {
    width: 100%;
    margin-bottom: 15px;
  }
  #detail .section .profileArea .position,
  #detail .section .profileArea .name {
    text-align: center;
  }
  #detail .section .textArea {
    width: 100%;
  }
  #detail .section .textArea .title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  #detail .section .textArea .title br {
    display: none;
  }
  #detail .section .textArea .text p {
    margin-bottom: 15px;
  }
  #detail .section .textArea .text p:last-child {
    margin-bottom: 15px;
  }
  #detail .other {
    padding: 20px 15px 5px;
  }
  #detail .other .box {
    width: 100%;
    margin-bottom: 10px;
  }
  #detail .return {
    margin-top: 20px;
  }
}

#map1 {position:relative;}
#map2 {position:absolute;
		left:0;
		top:0;
		
		}
.popup{
	cursor:pointer;
	transition:		all 0.2s ease;
}
.popup:hover {
	opacity:0.3;
	border-radius:25px 25px;
	-webkit-transform:	scale(1.1);
	transform:		scale(1.1);
	box-shadow:5px 5px 5px 0px #aaa;
}

.pricer {color:#ff8888;font-size:25px;font-weight:bold;}


#top .contentsArea .interview .onecal .box {
  position: relative;
  float: left;
  width: 100%;
  padding: 1%;
  margin: 0 4% 40px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#top .contentsArea .interview .onecal .box:nth-child(2n) {
  margin-right: 0;
}
#top .contentsArea .interview .onecal .box .left {
  float: left;
  width: 43.5%;
  margin-right: 25px;
}
#top .contentsArea .interview .onecal .box .left img {
  width: 100%;
  height: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#top .contentsArea .interview .onecal .box .right {
  overflow: hidden;
  width: auto;
  line-height: 1.6;
  padding: 10px 5px 5px 0;
}
#top .contentsArea .interview .onecal .box .right .position {
  font-size: 12px;
  font-size: 1.2rem;
  color: #d4a8e4;
  margin-bottom: 5px;
}
#top .contentsArea .interview .onecal .box .right .name {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 5px;
}
#top .contentsArea .interview .onecal .box .right .sns {
  margin-bottom: 10px;
}
#top .contentsArea .interview .onecal .box .right .text {
  font-size: 14px;
  font-size: 1.4rem;
}
#top .contentsArea .interview .onecal .box .right .btn {
  display: block;
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 230px;
  font-size: 14px;
  font-size: 1.4rem;
}
#top .contentsArea .interview .onecal .box.soon .left {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#top .contentsArea .interview .onecal .box.soon .right .btn {
  background: #d4a8e4;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
#top .contentsArea .interview.about-kasou .onecal .box, #top .contentsArea .interview.priest .onecal .box {
  background: #e1f9fd;
}
#top .contentsArea .interview.price .onecal .box {
  background: #fceeeb;
}

/***************TOP火葬*******************************/
h5 {border-radius:5px 5px;font-size:35px;font-weight:bold;
	text-align:center;
color: #ffffff;
padding: 0.3em 0.5em;
/*background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);*/
}

.p1 {	background:#ba75ba;}
.p2 {	background:#75baba;}
.p3 {	background:#baba75;}

  
  
.prices {font-size:25px;
color:#fe7878;
font-weight:bold;
display:block;
text-align:center;
width:330px;
margin:0 10px 10px 0;
position: relative;
padding: 0.6em;
background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
border-radius: 7px;
}

.prices:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #ffebbe;
width: 0;
height: 0;
}
.flo-text .position {margin-top:20px;padding-left:18px;
			color:459945;
			font-weight:bold;}
.flo-text .text {
		padding:18px;
		background:rgba(255,255,255,0.6);
		margin:20px 0;
		border-radius:5px 5px;}
/***************TOP火葬*******************************/
#maps { display: none;}

.footbtn {  display:block;
			margin-left:2px;
			position:relative;
			float:left;
			line-height:1em;
			text-align:center;
			vertical-align:middle;
			text-align:center;
			width:60px;
			height:60px;
			border-radius:5px;
			background:#c358c6;
			font-size:10px;color:#ffffff;
			}
.footbtn .menubtn{display:table-cell;
			position:absolute;
			top:30%;
			left:20%;
			
			}
.flo-icons {margin:20px 0 20px 0;}
.flo-icon{width:200px;}
.flo-icons .flo-r {margin-left:-25px;
					vertical-align:top;}
.flo-icons .flo-rs { display: none;}


/*************テーブル**********************/
.tbox {padding:50px 10px;background: #ffffff;
margin-bottom:20px;}
table.brwsr2 {background: #ffffff;
	padding:20px;
    margin: 0 auto;
    width: 100%;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
}
 
table.brwsr2 th {
        height: 85px;
    width: 15%;
    
 
    border-right: solid 3px #666;
    margin: 0;
    text-align: center;
    color: #333;
    font-size: 22px;
    
    font-weight:bold;
}
.uline{
   border-bottom: solid 1px #666;
 }
.bgn  {background:#f0f0f0;}
.bggn {background:#fff0f5;}
.bgkn {background:#f5fff5;}
.bghk {background:#f0f5ff;}
.sct {opacity:0;}
.tds {
	color: #000;
    font-size: 32px;
    font-weight:bold;
    line-height: 1.25em;
    text-align: center;
        white-space: nowrap;
    overflow: hidden;
	
	}
table.brwsr2 td.data {
    padding: 0;
    margin: 0;
    height: 85px;
    width: 25%;
    color: #000;
    font-size: 22px;
    line-height: 1.25em;
    text-align: center;
        white-space: nowrap;
    overflow: hidden;
}

.ttt:hover {opacity:0.5;cursor:pointer;}
 
table.brwsr2 td:fst-child {
    padding: 0 0 0 10px;
    }
 
table.brwsr2 td.bar {
    height: 0px;
    width: 100%;
    border-top: solid 3px #34495e;
}
.ig {background:#ffffc5;}
.ik {background:#c5ffff;}
.tk {background:#ffc5ff;}

.igd {background:#fafae5;}
.ikd {background:#e5fafa;}
.tkd {background:#fae5fa;}

.ige {background:#fafad5;}
.ike {background:#d5fafa;}
.tke {background:#fad5fa;}


#kasousim {
			width:300px;
			height:100px;
			bottom:380px;
			right:200px;
			}
#bonesim {
			width:300px;
			height:100px;
			bottom:380px;
			right:200px;
			}
#callsim {
			width:300px;
			height:120px;
			bottom:380px;
			right:200px;

			}

.disparea {padding:20px;
			border-radius:5px;
			position:fixed;
			display:none;
			color:#aaaaaa;
			background:#ffffff;
			border:1px #000000 solid;
			box-shadow:5px 5px 5px #dddddd;
			}
			
			

#simarea { 
			display:none;
			
			width:300px;
			height:240px;
			bottom:100px;
			right:200px;
			
			}			
#simarea table {
			
			margin:15px;
			width:290px;
			
			}
			
			
#simarea table td,#simarea table th{
			width:50%;
			height:30px;
			padding:3px;
			border:1px solid #aaaaaa;
			
			}
			
#sump {font-weight:bold;font-size:22px;}

table.brwsr2 .textc{color:#ffffff;}

/**#footcall {display:none;}
/******************************
シェアボタン
 [li]要素

******************************/
ul.social-button-syncer li {
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px ;
	padding:0 ;
}


/******************************

 各種ボタン

******************************/
/* [Twitter] */
.sc-tw {
	width: 71px ;
}

.sc-tw svg {
	width: 30px ;
	height: 30px ;
 }

.sc-tw a {
	height: 56px ;
	margin: 0 auto ;
	padding-top: 6px ;
	display: block ;
	background: #1B95E0 ;
	font-size: 12px ;
	color: #fff ;
	font-weight: 700 ;
	text-decoration: none ;
	letter-spacing: .5px ;
	border-radius: 2px ;
}

.sc-tw a:hover {
	color: #fff ;
	background: #0c7abf ;
}

.sc-tw span:before {
	white-space: pre ;
	content: '\A' ;
}

/* [Facebook] */
.sc-fb {
	z-index: 99 ;
	width: 69px ;
}

/* [LINE] */
.sc-li {
	width: 50px ;
}

.sc-li-img {
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}


#bonet {
		opacity:0.5;
		pointer-events:none;}
#prices {display: none;}
.discri {display: none;}
/************アコーディオン1*********/
#panel {
  width: 100%;
}
 
.pricec{background:#226acc;}
.pricet{font-size:15px;line-height:0;}
#panel > dt {display:block;vertical-align:middle;
width:100%;
border-radius:5px 5px;
  border-bottom: solid 1px white;
 text-align:center;
  color: white;
  cursor: pointer;
  padding: 3px;
  font-weight: bold;
  font-size:26px;
  height:45px;
}
 
#panel > dd {
  border: solid 1px Silver;
  margin: 0px;
  padding: 35px 12px;
  line-height:1.5em;
  font-size:25px;
}

@media screen and (max-width: 768px) {
/************アコーディオン2*********/
.discri1 {display:block;
margin:0;
padding:0;
font-size:10px;
text-align:center;}
.accordion-box {
    position: relative;
    margin-top:0;
}
.accordion-box label {
    height: 100px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;

    /* 以下グラデーションは「背景が白」に併せて設定しています */ 
    background: -webkit-linear-gradient(top, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.95) 90%);
    background: -moz-linear-gradient(top, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.95) 90%);
    background: linear-gradient(to bottom, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.95) 90%);
}
.accordion-box input:checked + label {
    background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box label:after {
    content: "開く"; /* ラベルの文字 */
    letter-spacing: .05em;
    line-height: 2.5rem;
    position: absolute;
    bottom: 20px;
    padding:5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    background-color: #b594c2;
    box-shadow:4px 4px 8px #777;
    width: 18.75rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.accordion-box label:before {
    content: "↓";
    font-weight: 700;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    background-color: rgba(275,275,275,0.5);
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.accordion-box input {
    display: none;

}
.accordion-box .accordion-container {
    overflow: hidden;
    height: 60px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}


.accordion-box input:checked + label {
    /* display: none ; 閉じるボタンは要らないとき */
}
.accordion-box input:checked + label:after {
    content: "閉じる";
}
.accordion-box input:checked + label:before {
    content: "↑";
}
.accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}


/************アコーディオン2*********/
}
#maps a {color:#777777;}

.kantou { background-color: #fac4c5;}
.tyuubu { background-color: #bdcdef;}
.kansai { background-color: #bde6b5;}
@media screen and (max-width: 768px) {
#top .contentsArea .interview .onecal .box .right .name ,#top .contentsArea .interview .onecal .box .right {float:both;width:90%;display:block;font-size:20px;margin:10px;}
#top .contentsArea .interview .onecal .box .right .name ,#top .contentsArea .interview .onecal .box .left{width:90%;display:block;}
.section .text, #top .contentsArea .mind .subtitle .text {font-size:12px;}
#footcall {display:block;}
.flo-icons {width:60%;margin:20px auto;}
 .flo-icons img{width:100%}
.flo-icons .flo-r { display: none;}
.flo-icons .flo-rs { display:inline;margin-top:-5px;}

#nshelf { display: block;}
#nplace { display: block;}
#bonet {display: none;
		}
		#prices {display: block;}
#kasout {display: none;}
#nplace .data,#nshelf .data,#inviewT .data,#bonet .data{width:250px;overflow:hidden;font-size:10px;}
.prices {width:250px;font-size:20px;margin:0 auto;}
.footbtn {  display:block;
			margin-left:2px;
			position:relative;
			float:left;
			line-height:1em;
			text-align:center;
			vertical-align:middle;
			text-align:center;
			width:19%;
			border-radius:5px;
			background:#c358c6;
			font-size:12px;color:#ffffff;}

}

/* グリッド全体 */
	.gridWrapper{
	width:960px;
	margin:0 0 0 -20px;
	}
	
	/* グリッド共通 ベース:トップページ4カラム */
	.grid{
	float:left;
	width:200px;
	margin-left:20px;
	}
			/* グリッド共通 ベース:トップページ2カラム */
	.grid2{
	float:left;
	width:440px;
	margin-left:20px;
	}
	
			/* グリッド共通 ベース:トップページ3カラム */
	.grid3{
	float:left;
	width:280px;
	margin-left:20px;
	}
	
			/* グリッド共通 ベース:トップページ6カラム */
	.grid6{
	float:left;
	width:130px;
	margin-left:10px;
	}
	
.sponly {display:none;}
@media screen and (max-width: 768px) {
.sponly {display:block;}
.ksst {display:block;color:#7e1212;font-size:14px;line-height:1.2em;}
	.grid6{
	float:left;
	width:33%;
	margin:0px;
	font-size:14px;
	}
	
	
#top .contentsArea .interview .onecal .box .left img {
  width: 100%;
  height: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin:10px;
}
	}
	.gridkyoto{
	font-size:10px;
	float:left;
	width:130px;
	margin-left:10px;
	}
		/* グリッド共通 ベース:トップページ3カラム */
	.grid-area1 , .grid-area2 ,.grid-area3 {
	margin-top:50px;
	width:300px;
	margin-left:10px;
	}
	.grid-area1 {color:#333333;}
	.grid-area2 {color:#00dd00;}
	.grid-area3 {color:#ee4444;}
	.grid-area3 a {color:#ee4444;}
	/* サブコンテンツ + フッター グリッド(3カラム) */
	#sub .grid, #footer .grid{width:298px;}
	#footer .grid{border:0;}
	.ttk {font-weight:bold;color:#ba75ba;}
	.tik {font-weight:bold;color:#75baba;}
	.tig {font-weight:bold;color:#baba75;}
}



	
.grid6 a {
  margin: 2px 2px 0 0;
  display: block;
  background: #B72752;
  color: #fff;
  font-family: 'Rounded';
  font-size: 16px;
  padding: 3px 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 20px;
}
.grid6 a:before {
  content: "";
  display: inline-block;
  background: url(../images/common/ar01.png) no-repeat;
  background-size: cover;
  width: 6px;
  height: 6px;
    margin-right: 5px;
  width: 5px;
}

.grid0 a {
  margin: 2px 2px 0 2px;
  display: block;
  background: #B72752;
  color: #fff;
  font-family: 'Rounded';
  font-size: 12px;
  padding: 3px 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 20px;
}
.grid0 a:before {
  content: "";
  display: inline-block;
  background: url(../images/common/ar01.png) no-repeat;
  background-size: cover;
  width: 6px;
  height: 6px;
    margin-right: 5px;
  width: 5px;
}
	
	
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
body #main{margin:0 auto;background:#ffffff;width:60%;padding:20px;}
table {width:100%;padding:10px;}
.tbb {border:#000000 solid 2px;}

td,th {padding:10px;}
.tbb td,.tbb th {border:#cccccc solid 1px;padding:10px;}
.tmn{border:#000000 solid 2px;background:#ffffff;}
.sdm {width:%;}
.tmn td,.tmn th {padding:3px;}

img {width:100%;height:auto;}
@media screen and (max-width: 768px) {
body #main{width:100%;padding:10px;}
.PConly {display:none;}
}