@charset "utf-8";
/* 初期設定 */
html {
  font-size: 62.5%
}
body {
  font-size: 1.7em;
  color: #222;
	margin: 0px;
font-family: Yu Gothic, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: normal;
line-height: 1.5em;
}
.spbr {
  display: none;
}
.spf {
  display: none;
}
.sp_plan_img {
  display: none;
}
h1{
  font-size: 2.6em;
	margin: 0;
  font-family: 'Shippori Mincho', serif;
}
h2 {
  font-size: 2.3em;
  font-family: 'Shippori Mincho', serif;
}
h3 {
  font-size: 1.6em;
  font-family: 'Shippori Mincho', serif;
  margin-bottom: 0.5em;
}
h4 {
  font-size: 1.5em;
  font-family: 'Shippori Mincho', serif;
  margin-bottom: 1em;
}
.sptop , .hamburger , .globalMenuSp {
  display:none;
}
.content {
  width:100%;
  margin: 0 auto;
}
ul {
  padding: 0;
}
li {
	list-style: none;
}
a {
	text-decoration:none;
  color: #222;
}
a:hover {
  color:#ab8a00;
  transition-duration: 0.3s;
}
a.anchor {
  display: block;
  padding-top: 70px;
  margin-top: -70px;
}

/* ヘッダーメニュー設定 */
.top {
  width: 100%;
  height:100px;
position: fixed;
display: inline-block;
top: 0;
z-index: 100;
background-color: #fff;
}

.top.scroll {
  background-color: #fff;
transition-duration: 0.3s;
box-shadow: 0px -2px 13px gray;
  }
.topwrap {
	max-width: 1200px;
margin: 0 auto;
}

.logo img {
	width: auto;
	height: 100px;
	float: left;
}
.menu {
  max-width: 780px;
  float: right;
margin-top: 0px;
}
.menu div {
margin-left: 0em;
}
.navigation {
  float: right;
	margin-top: 5px;
	background-color: #6B911D;
	height: 60px;
	width: 320px;
  white-space: nowrap;
}
.navi_tel {
  display: inline-block;
  font-size: 1.9em;
  font-weight: bold;
  text-align:center;
line-height: 0.8em;
color: #fff;
padding-left: 15px;
position: relative;
top: -7px;
}
.navi_tel span {
  font-size:0.36em;
  font-weight: normal;
}
.tel_img img {
  width: 40px;
	padding-left: 15px;
	padding-right: 12px;
	border-right: #fff 1px solid;
	position: relative;
top: -8px;
}
.sample01 {
	margin-bottom: 0em;
	position: relative;
	width: 100%;
	clear: both;
}
.sample01 ul {
	margin-bottom: 0px;
	margin-top: 6px;
	padding-left:0;
	display: inline-block;
}

.sample01 ul > li{
	display: inline-block;
}
.sample01 ul > li > a{
	padding: 0px 0.6em;
	display: block;
	font-size: 0.95em;
	text-transform: uppercase;
	letter-spacing: .2em;
}
.sample01 ul > li > span{
	margin-left: 1.2em;
}
.sample01 ul > li:last-child > a{
	padding-right: 0px;
}


/* Submenu */
 
.sample01 ul li ul{
  position: absolute;
  top: 1.0em;
}
.sample01 ul li ul li{
  display: block;
}
.sample01 ul li ul li a{
background-color: #918416;
color: #fff;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

.sample01 ul li ul li a:hover{
color:#7B0000;
}

.sample01 ul li ul{
  display: none;
}
.sample01 ul li:hover ul{
  display: block;
}

.sample01 ul > li > ul {
padding-left:0em;
padding-top:0.5em;
  padding-bottom:0.5em;
}

/* サイド固定メニュー */
.PC_side {
  width: 60px;
background-color: #BC9800;
display: block;
height: auto;
position: fixed;
right: 0;
top: 200px;
font-size: 1.8em;
font-weight: bold;
padding-top: 35px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 10px;
color: #fff;
}
.navi_mitumori .catch {
  font-size: 0.6em;
font-weight: normal;
}
.navi_mitumori .No {
  transform: rotate(-90deg);
  display: inline-block;
  position: relative;
  top: -10px;
}
.navi_mitumori {
writing-mode: vertical-rl;
line-height: 1em;
}
.mitumori_img img {
  width: 40px;
padding-left: 15px;
padding-right: 12px;
padding-bottom: 8px;
position: relative;
top: -22px;
border-bottom: 1px solid #fff;
}
.mitumori_a,.mitumori_a:hover {
  color: #fff;
}
.PC_side:hover {
  color: #fff;
  background-color: #A38500;
  transition: 0.3s
}




/* 全ページ共通項目-------------------------------------------------------------------- */
.mini {
  font-size: 0.8em;
}
.title,.title_sub {
  text-align: center;
}
.title {
  position: relative;
  padding: 80px 0 0.8em 0;
  margin-top: 0;
  margin-bottom: 0.5em;
  text-align: center;
}
.title_sub {
  font-size: 1.6em;
  font-family: 'Shippori Mincho', serif;
  margin-bottom: 1.5em;
}
.title:before {
  position: absolute;
  content: "";
  left: 0;
  right: 45px;
  bottom: 0;
  top: 50px;
  width: 45px;
  margin: auto;
  border-bottom: 1px solid #6B911D;
}
.title::after {
  position: absolute;
  content: "";
  left: 45px;
  right: 0;
  bottom: 0;
  top: 50px;
  width: 45px;
  margin: auto;
  border-bottom: 1px solid #918416;
}
.nosub {
  margin-bottom: 1.5em;
}
.flow_root {
  display: flow-root;
}
.float_l {
  float: left;
}
.float_r {
  float: right;
}
.clear {
  clear: both;
}
.bg {
  padding-bottom: 80px;
}
.wrap {
  width: 1080px;
  margin: 0 auto;
}
.y {
  display: block;
  width: 30px !important;
  height: auto;
  margin-left: auto;
margin-right: 0;
margin-top: 1.5em;
}
footer {
  margin-top: 30px;
}
.red {
  color: #8B0303;
}

/* トップページ-------------------------------------------------------------------- */
.sptop_img {
  display:none;
}
.top_img {
  clear: both;
  width: 100%;
  margin-top: 100px;
}
.top_img img{
  width: 100%;
}
.index_t {
  writing-mode: vertical-rl;
line-height: 1.5em;
text-align: right;
position: absolute;
color: #fff;
font-size: 3.5vw;
top: 3em;
left: 72%;
text-shadow: 0px 0px 8px #000,0px 0px 8px #000,0px 0px 5px #000;
}

/* ちぎりが大切にしていること */

.taisetu_bg li {
  width: 500px;
  text-align: center;
  font-size: 1.3em;
  background-color: #F2F2F2;
  padding-bottom: 1em;
}
.taisetu_bg li img {
  width: 100%;
}
.taisetu_bg li:nth-last-child(2),.taisetu_bg li:last-child{
	margin-top: 2em;
}
.taisetu_bg {
  font-family: 'Shippori Mincho', serif;
}
.taisetu_txt {
  margin-top: 0.5em;
}

/* 葬儀会館の紹介 */
.syoukai_bg {
  background-color: #F6FFE3;
}
.syoukai_bg li {
  width: 500px;
  text-align: center;
  padding-bottom: 0.5em;
}
.syoukai_bg li img {
  width: 100%;
}
.syoukai_li_wrap {
  background-color: #fff;
  padding: 1em 1em 1em 1em;
  margin-top: -3em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 80;
  width: 80%;
  text-align: left;
}

.syoukai_li_wrap h3 {
  margin-top: 0;
  margin-bottom:0.5em;
  font-size: 1.8em;
  text-align: center;
}

/* プランについて */

.plan_bg li {
  min-height: 485px;
  width: 500px;
  text-align: center;
  padding-bottom: 0.5em;
  color: #fff;
}
.plan_bg li img {
  width: 100%;
}
.plan_li_wrap {
  min-height: 165px;
  padding: 1em;
  padding-left: 3em;
  padding-right: 3em;
}
.plan_li_wrap .clear {
  border-top: 1px #707070 solid;
  padding-top: 0.5em;
  text-align: left;
}

.plan_li_wrap .float_r {
  font-size: 1.8em;
  line-height: 1em;
  padding-right: 1em;
  font-family: 'Shippori Mincho', serif;
}
.plan_li_wrap h3 {
  font-size: 1.8em;
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1em;
  padding-left: 1em;
}
.plan_li_wrap h3 span {
  font-size: 0.7em;
}
.plan_li3,.plan_li4 {
margin-top: 2em;
}
.plan_li1 {
  background-color: #266305;
}
.plan_li2 {
  background-color: #B04C23;
}
.plan_li3 {
  background-color: #63500A;
}
.plan_li4 {
  background-color: #0A4163;
}
/* ホバー時 */
.plan_li1:hover,.plan_li2:hover,.plan_li3:hover,.plan_li4:hover {
  color:#ab8a00;
  transition-duration: 0.3s;
}
.plan_li1 .float_r {
  padding-top: 0.5em;
}
.plan_li2 .float_r {
  padding-top: 0.5em;
}



/* ページ下部お問い合わせ-------------------------------------------------------------------- */
.toiawase_bg {
  padding-top: 2em;
  padding-bottom: 2.5em;
  background-color: #B9DE6F;
}
.toiawase_wrap {
  width: 800px;
}
.mark {
  width: 130px;
display: inline-block;
position: relative;
bottom: -1em;
}
.mark img {
  width: 100%;
}
.toiawase_txt {
  font-size: 1.7em;
  width: 21em;
text-align: center;
display: inline-block;
line-height: 1.6em;
}
.otoiawase_tel_bg {
  color: #fff;
  background-color: #6B911D;
  padding: 0.5em 0 1em 0;
}
.otoiawase_text_wrap {
  width: 750px;
  margin: 0 110px 1em auto;
}
.otoiawase_tel_wrap {
  width: 590px;
  margin: 0 auto;
  white-space: nowrap;
}
.tel {
  width: 60px;
  padding-left: 1em;
padding-right: 0.5em;
}
.mukyu {
  font-size: 1.8em;
  display: inline-block;
  line-height: 1.3em;
}
.tel_mini_txt {
  font-size: 0.4em;
  display: block;
font-weight: normal;
}
.tel_no {
  font-weight: bold;
  font-size: 3em;
  display: inline-block;
  line-height: 0.8em;
  text-align: center;
}

/* 施設案内-------------------------------------------------------------------- */
.h_top {
  text-align: center;
    top: 13vw;
    position: absolute;
    margin: 0 30%;
    width: 40%;
    display: inline-block;
    background-color: rgba(255,255,255,0.6);
    padding: 1.0em 0;
}
.h_top_k {
  top: 11.5vw;
}
.h_top span {
  display: block;
font-size: 0.7em;
margin-top: 0.8em;
font-weight: normal;
}
.facility h3 {
  border-left: 1px #727B00 solid;
padding-left: 0.5em;
}
.facility_minami li,.facility_kazoku li {
  width: 500px;
  margin-top: 3em;
}
.facility li:first-child {
  width: 100%;
  margin-top: 0;
}
.facility li img{
  width: 100%;
  }
.facility_minami li:nth-child(2) {
  width: 100%;
}
.facility_minami li:nth-child(2) .faiy{
  text-align: right;
  width: 500px;
  display: inline-block;
}
.facility_minami li:nth-child(2) .faiy:nth-child(2){
  float: right;
}
.facility_kazoku_bg {
  background-color: #F5F5F5;
}
.dim {
  margin-top: 1em;
}
.dif {
  margin-top: 0em;
}
/* リンク設定 */
.plan_a {
  background-color: #FFE4C9;
  font-family: 'Shippori Mincho', serif;
  font-size: 1.15em;
  text-align:center;
  display: block;
  width: 15em;
  margin: 2em auto 0 auto;
  border: 2px solid #FFE4C9;
  padding: 0.8em 1em;
}
.btn04:hover {
  background-color: transparent;
  border: 2px solid #CCBB8D;
  color: #CCBB8D !important;
}

/* ▲リンク設定終わり▲ */
/* 葬儀の流れ-------------------------------------------------------------------- */
.flow_li h3 {
  border-left: 1px #727B00 solid;
padding-left: 0.5em;
}
.flow_li {
  width: 100%;
  padding-top: 100px;
}
.flow_li:first-child {
  padding-top: 0px;
}
.flow_li img {
  width: 100%;
}
.flow_li .float_l {
  width: 60%;
}
.flow_li .float_r {
  width: 35%;
}
.flow_li::before {
content: "│";
position: relative;
top: -65px;
left: 220px;
font-size: 40px;
color: #999;
}
.flow_li:first-child:before {
  content: initial;
  }


/* 会員特典-------------------------------------------------------------------- */
.member h3 {
  font-size: 1.3em;
}
.nyukaikin_bg {
  font-size: 1.5em;
  line-height: 1.5em;
  width: 600px;
  margin: 0 auto;
  background-color: #FFFAD3;
  text-align: center;
  padding: 1em;
  margin-top: 60px;
  font-family: 'Shippori Mincho', serif;
}
.nyukaikin_bg h2 {
  font-size: 1.2em;
  margin-top: 0;
  margin-bottom: 0.5em;
  color: #800000;
}
.member li {
  min-height: 366px;
  width: 350px;
  display: inline-block;
  text-align: center;
  background-color: #F2F2F2;
  vertical-align: top;
}
.member li:nth-child(2) {
  margin-right: 10px;
margin-left: 10px;
}
.member li:nth-child(4) {
  margin-right: 5px;
margin-left: 190px;
margin-top: 2em;
}
.member li:nth-child(5) {
margin-left: 5px;
margin-top: 2em;
}
.margin {
  margin-top: 1.1em;
}
.long {
  margin-top: 0;
  margin-bottom: 0;
}
.midle {
  margin-top: 0.5em;
}
.member_kome {
  width: 700px;
margin: 0 auto;
}


/* 会社概要-------------------------------------------------------------------- */
.about .float_l {
  width: 45%;
}
.about .float_r {
  width: 50%;
}
.about_read_company {
  margin-top: 1em;
  font-size: 1.2em;
  display: block;
  text-align: right;
  font-family: 'Shippori Mincho', serif;
}
.about_sisetu_bg {
  background-color: #F5F5F5;
}
.co {
  padding-top: 1em;
}
.ti {
  width: 7em;
  display: inline-block;
  border-bottom: 1px #d0d0d0 solid;
  font-weight: bold;
}
.ni {
  width: 21em;
  display: inline-block;
  border-bottom: 1px #d0d0d0 solid;
}
.tis {
  border-bottom: 0px #d0d0d0 solid;
}
.nis {
  border-bottom: 1px #d0d0d0 solid;
  border-bottom: 1px #d0d0d0 solid;
}

/* お問い合わせ-------------------------------------------------------------------- */
.contact_tel_bg {
  background-color: #6B911D;
text-align: center;
color: #fff;
padding: 1em;
width: 550px;
margin: 0 auto;
}
.contact_tel_bg img {
  width: 55px;
}
.contact_txt {
  font-size: 2.8em;
font-weight: bold;
margin-top: 0.1em;
}
.contact_txt_sub {
  font-size: 1.2em;
}
.contact_txt span {
  position: relative;
top: -0.2em;
}
.contact_kumotu {
  text-align: center;
  font-size: 1.4em;
  margin-top: 1em;
  line-height: 1.4em;
}

/* 料金について(家族葬ホール) --------------------------------------------------------------------*/
.pickup {
  text-align: center;
  font-weight: bold;
}
.pickup li {
  display: inline-block;
}
.pickup img {
height: 150px;
width: auto;
margin-bottom: -7px;
}
.pickup div{
background-color: #F2F2F2;
}
.pickup div{
  padding: 0.2em 0.5em;
}
.pickup div span {
  font-size: 0.8em;
}
.price_bg:nth-child(2) {
  padding-top: 70px;
  background-color: #F0F6E3 !important;
}
.price_bg:nth-child(3) {
  padding-top: 70px;
  background-color: #FBE7DA;
}
.price_bg:nth-child(4) {
  padding-top: 70px;
  background-color: #DAEFF6;
}
.price_bg:nth-child(5) {
  padding-top: 70px;
  background-color: #E5D7E9;
}
.price_bg:nth-child(6) {
  padding-top: 70px;
  background-color: #F2F2D7;
}
.price_bg:nth-child(7) {
  background-color: #F5F5F5;
}

.plan_h3 {
  font-size: 2.3em;
  line-height: 1em;
  text-align: center;
}
.plan_h4 {
  font-size: 1.7em;
  border-left: 1px #727B00 solid;
padding-left: 0.5em;
}
.plan_text {
  margin-top: 90px;
  width: 20em;
}
.plan38 {
  border-bottom: 2px solid #9FCD72;
}
.plan45 {
  border-bottom: 2px solid #F7C27C;
}
.plan55 {
  border-bottom: 2px solid #7DB4E2;
}
.plan65 {
  border-bottom: 2px solid #A87DB6;
}
.plan75 {
  border-bottom: 2px solid #D0D87C;
}
.plan_title {
  padding-bottom: 0.5em;
  font-size: 1.1em;
}
.plan_title span {
font-size: 0.8em;
}
.plan_price {
  padding-top: 0.5em;
  font-size: 1em;
}
.plan_price span {
  font-size: 0.7em;
}
.plan_link {
  display: inline-block;
  width: 205px;
  padding: 1.5em 0;
  text-align: center;
  font-size: 1.5em;
  font-family: 'Shippori Mincho', serif;
}
.plan_link38 {
  border: #9FCD72 1px solid;
}
.plan_link45 {
  border: #F7C27C 1px solid;
}
.plan_link55 {
  border: #7DB4E2 1px solid;
}
.plan_link65 {
  border: #A87DB6 1px solid;
}
.plan_link75 {
  border: #D0D87C 1px solid;
}
/* ホバー時 */
.plan_link38:hover {
  border: #9FCD72 1px solid;
  color: #fff;
  background-color: #9FCD72;
}
.plan_link45:hover {
  border: #F7C27C 1px solid;
  color: #fff;
  background-color: #F7C27C;
}
.plan_link55:hover {
  border: #7DB4E2 1px solid;
  color: #fff;
  background-color: #7DB4E2;
}
.plan_link65:hover {
  border: #A87DB6 1px solid;
  color: #fff;
  background-color: #A87DB6;
}
.plan_link75:hover {
  border: #D0D87C 1px solid;
  color: #fff;
  background-color: #D0D87C;
}

.opwrap {
  width: 985px;
  position: relative;
}
.opt_box {
  display: inline-table;
  width: 480px;
}
.opt_box2 {
  position: relative;
  top: -1.5em;
}
.opt_box3 {
  position: absolute;
  left: 0;
  margin-top: -1.5em;
}
.opt_h {
  display: inline-block;
  font-weight: bold;
  width: 15em;
  text-align: left;
}
.opt_n {
  display: inline-block;
  width: 8em;
  text-align: right;
}
.nk {
  position: relative;
  right: -1em;
}
.tk {
  padding-left: 4em;
  width: 12em;
}
.tk2 {
  width: 7em;
}
.opt_h2 {
  width: 10em;
}
.opt_n2 {
  width: 14em;
}
.option_txt h3{
  border-left: 1px #7B0000 solid;
  padding-left: 0.5em;
}
.mitumori {
  border-collapse: collapse;
  margin: 0 auto;
}
.mitumori,.mitumori th,.mitumori td {
  border:1px solid #999;
  height: 1.7em;
}
.mitumori tbody {
  border-bottom:double 5px #999;
}
.mitumori tfoot td {
  height: 1.4em;
}
.mitumori tfoot td:nth-child(4){
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
}
.mitumori tfoot td:nth-child(3){
  font-size: 0.9em;
  vertical-align: bottom;
  }
.mitumori th {
  background-color: #B9DE6F;
}
.mitumori th:nth-child(1) {
  width: 17em;
}
.mitumori th:nth-child(2) {
  width: 4em;
}
.mitumori th:nth-child(3) {
  width: 8em;
}
.mitumori th:nth-child(4) {
  width: 8em;
}
.mitumori td:nth-child(1) {
  padding-left: 0.5em;
}
.mitumori td:nth-child(2) {
text-align: center;
}
.mitumori td:nth-child(3) {
text-align: right;
}
.mitumori td:nth-child(4) {
text-align: right;
}
.ta_plan {
  color: #6B911D;
}

/* 出張葬儀------------------------------------------ */
.price .bg {
padding-top: 70px;
}
.price .title {
padding-top: 0px;
}
.ov {
  margin-top: 130px;
}
.price .bg:nth-child(2) {
  background-color: whitesmoke;
}
.syuttyouplan {
  border-bottom: 2px solid #A6B5D8;
}
.styyou_list li {
  background-color: #F2F2F2;
  width: 260px;
  display: inline-block;
  text-align: center;
  padding-bottom: 8px;
}
.plan_n img {
  width: 100%;
  height: auto;
}
.s_mitumori th{
  background-color: #A6B5D8;
}
.s_mitumori .ta_plan {
  color: darkcyan;
}
.price_syuttyou_txt {
  background-color: #F6FFE3;
  padding: 20px;
  margin-top: 60px;
  box-sizing: border-box;
}
/* 直葬・火葬式---------------------------------------- */
.tyokusouplan {
  border-bottom: 2px solid #6B911D;
}
.kasouplan {
  border-bottom: 2px solid #91231d;
}
.ka_be .opt_h {
  display: inline-block;
  font-weight: bold;
  width: 22em;
  text-align: left;
}
.ka_be .opt_box {
  display: block;
  width: 100%;
  margin: 0.5em 0;
}
.ka_be .opt_box:first-child {
  margin-top: 0;
}
.ka_be .nk {
  right: initial;
}
.kaul li img {
  width: 100%;
  height: auto;
}
.kaul li {
  display: inline-block;
  width:250px;
  background-color: gainsboro;
}
.kaul li div {
  padding-left: 0.5em;
}
.ka_t {
  font-weight:bold;
}
.kaul li:nth-child(2),.kaul li:nth-child(6),.kaul li:nth-child(10){
  margin-left: 20px;
  margin-right: 10px;
}
.kaul li:nth-child(3),.kaul li:nth-child(7){
  margin-left: 10px;
  margin-right: 20px;
}
.kaul li:nth-child(5),.kaul li:nth-child(6),.kaul li:nth-child(7),.kaul li:nth-child(8) {
  margin-top:20px;
  margin-bottom: 20px;
}
.plan_n h4,.ka_be h4,.ka_op h4 {
  font-size: 1.7em;
  border-left: 1px #727B00 solid;
padding-left: 0.5em;
margin-top: 50px;
}

/* プライバシーポリシー-------------------------------------------------------------------- */
.privacy ul {
padding-left:2em;
}
.privacy li {
  list-style: initial;
}
.privacy h3 {
  border-left: 1px #727B00 solid;
  padding-left: 0.5em;
}
/* フッター -------------------------------------------------------------------- */
footer {
  font-size: 1.0em;
  width: 100%;
height: auto;
clear: both;
}
.f_wrap {
  width: 80%;
margin: 0 auto;
min-width: 1070px;
max-width: 1200px;
}
.f_left {
  width:40%;
  float: left;
  margin-top:-1em;
}
.f_img {
  width: 100%;
  max-width: 390px;
}
.ftlwrap {
  width:380px;
}
.ftxt {
  width: 25em;
float: left;
line-height:1.5em;
}
.ninteilogo {
  width: 85px;
float: right;
}
.ninteilogo img {
  width: 100%;
  padding-top: 3.3em;
}
.f_right {
  float: right;
  width:590px;
	margin-top: 90px;
}
.m {
  float:left;
  margin-left: 2em
}
.k {
  clear: both;
  float: left;
  margin-right: 0em;
}
.k2 {
  margin-top: 3em;
}
.mtitle {
  font-size:1.1em;
}
.fi {
  color: #ab8a00;
}
.copy {
  clear: both;
width: 100%;
display: inline-block;
margin-top: 3em;
padding: 1em 0;
border-top: #D9D9D9 1px solid;
text-align: center;
}