@charset "UTF-8";
/* 共通 */
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
* { margin: 0; padding: 0; box-sizing: border-box; }

/* BootStrapのBOX幅を変更する */
.row-0 { margin-left: 0px; margin-right: 0px; }
.row-0 > div { padding-right: 0px; padding-left: 0px; }

.row-10 { margin-left: -5px; margin-right: -5px; }
.row-10 > div { padding-right: 5px; padding-left: 5px; }

.row-20 { margin-left: -10px; margin-right: -10px; }
.row-20 > div { padding-right: 10px; padding-left: 10px; }

.row-30 { margin-left: -15px; margin-right: -15px; }
.row-30 > div { padding-right: 15px; padding-left: 15px; }

.row-40 { margin-left: -20px; margin-right: -20px; }
.row-40 > div { padding-right: 20px; padding-left: 20px; }

.row-50 { margin-left: -25px; margin-right: -25px; }
.row-50 > div { padding-right: 25px; padding-left: 25px; }

/* ------------------ 溝の幅を変える
---------------------*/
/*溝なし*/
.no-gutter > [class*="col-"] { padding-right: 0; padding-left: 0; }

.gutter-30 { margin-left: -15px; margin-right: -15px; }

.gutter-30 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }

.gutter-20 { margin-left: -10px; margin-right: -10px; }

.gutter-20 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }

.gutter-10 { margin-left: -5px; margin-right: -5px; }

.gutter-10 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }

body, tooltip, popover { font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; letter-spacing: .1em; color: #333; }

@media all and (-ms-high-contrast: none) { body, tooltip, popover { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 300; letter-spacing: .1em; color: #333; } }
.main-item-top { /*  margin-top: 60px; */ clear: both; }

.main-item { /*  margin-top: 80px; */ clear: both; }

/* ヘッダー */
.header-fixed { position: fixed; width: 100%; z-index: 999; top: 0; }

header { height: auto; background: #fff; }

.header-top { display: none; }

.header-h1 { font-size: 14px; margin: 0; padding: 2px 0; }

.header-info { height: 90px; width: 100%; position: relative; }
.header-info .logo { position: absolute; left: 0; padding: 2px 0; }
.header-info .tel { position: absolute; right: 0; padding: 2px 0; }
.header-info .tel img { width: 100%; }

/* サイドナビゲーション */
.sub-menu { border: 4px solid #8D7A4A; border-radius: 0.43rem; }

.top-pr-wrapper, .top-information-wrapper { margin-bottom: 20px; margin-top: 40px; }

/* Informaion */
/* drawerの調整用 */
/* スマホの横幅 */
.drawer-navbar .drawer-navbar-header { display: block; }

.drawer-brand { display: block; }
.drawer-brand img { height: 40px; }

.drawer-hamburger { background: rgba(0, 0, 0, 0.3); color: #fff; }

.drawer-hamburger:hover { background: rgba(0, 0, 0, 0.3); cursor: pointer; }

.drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before { background-color: #fff; height: 2px; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; width: 100%; }

/*
.drawer-dropdown-menu-item{ line-height:3rem;
}
*/
.header-main { display: none; }

.unit-a { margin-bottom: 1rem; width: 100%; }

.unit-b { margin-bottom: 3rem; width: 100%; }

footer { margin-top: 2rem; font-size: 0.75rem; margin-bottom: 3.75rem; }

@media (max-width: 539px) { body { font-size: 0.875rem; } }
@media (max-width: 1139px) { .container { width: 100%; } }
.footer-fixed-menu { bottom: 0; display: block; height: 3rem; padding-top: 0.3rem; position: fixed; width: 100%; z-index: 50; background: #12317E; border-top: 2px solid #8D7A4A; }

.footer-fixed-menu .btn { padding: 0.5rem 0.2rem; font-size: 0.875rem; }

.footer-fixed-menu .footer-fixed-tel { color: #fff; font-weight: bold; position: absolute; width: 100%; top: 0.2rem; font-size: 1.2rem; }

.footer-fixed-menu .footer-fixed-tel i { margin-right: 0.2rem; }

/* PCの横幅 */
@media (min-width: 64em) { .main-item-top { /*    margin-top: 160px; */ clear: both; }
  .main-item { /*    margin-top: 170px;*/ clear: both; }
  .header-top { background: #092979; color: #fff; display: block; }
  .drawer-brand { display: none !important; }
  .header-main { display: block; }
  .drawer-container { max-width: 56rem; }
  .drawer-navbar { height: 3rem; background: #8D7A4A; border-bottom: 1px solid #e4d19b; border-top: 1px solid #e4d19b; box-sizing: content-box; }
  .drawer-navbar .drawer-nav { height: 3rem; }
  .drawer-navbar .drawer-menu-item { height: 3rem; line-height: 3rem; }
  .drawer-navbar .drawer-navbar-header { display: none; }
  .drawer-nav { background: #8D7A4A; color: #fff; }
  .drawer-nav a { color: #fff; }
  .drawer-nav a:hover { background: #092979; color: #fff; }
  .drawer-dropdown-menu a { color: #222; }
  .footer-fixed-menu { display: none; }
  footer { margin-bottom: 0; } }
/* パンくず */
.breadcrumb-wrapper .breadcrumb { margin-bottom: 0; background: 0; padding: 0 0 0.6rem 0; }

.breadcrumb-wrapper .breadcrumb-item + .breadcrumb-item::before { content: ">"; }

.card-img-top { width: 100%; max-width: 100%; flex-shrink: 0; }

.title-a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent linear-gradient(to bottom, #fff 0%, #f0f0f0 100%) repeat scroll 0 0; border-color: #092979 #ccc #ccc; border-image: none; border-style: solid; border-width: 3px 1px 1px; box-shadow: 0 -1px 0 white inset; padding: 0.4em 1em 0.4em 1.4em; position: relative; font-size: 1rem; color: #092979; text-align: left; }
.title-a:after { border: 3px solid #092979; border-radius: 100%; content: ""; height: 12px; left: 0.6em; position: absolute; top: 0.8em; width: 12px; z-index: 2; }

.title-b { position: relative; padding-bottom: .5em; border-bottom: 4px solid #4951a9; font-size: 0.8rem; color: #092979; text-align: left; }
.title-b:after { position: absolute; bottom: -4px; left: 0; z-index: 2; content: ''; width: 20%; height: 4px; background-color: #092979; }

.footer-soudan-banner { margin-bottom: 1rem; }

.footer-soudan-banner .card-header { background: #092979; color: #fff; font-weight: bold; }

.footer-soudan-banner .card-header .point { font-size: 1.2rem; color: #ff0000; font-weight: bold; }

.footer-soudan-banner a.btn { background: #092979; color: #fff; }

.footer-soudan-banner a.btn:hover { background: #092979; color: #fff; }

.footer-soudan-banner .soudan-title { margin-bottom: 0.5rem; font-weight: bold; }

.footer-soudan-banner .soudan-tel { margin-bottom: 0.5rem; }

.footer-soudan-banner .soudan-tel a { font-size: 1.4rem; color: #ff0000; font-weight: bold; }

.footer-soudan-banner .soudan-time { margin-bottom: 0.5rem; }

.sub-menu .list-group-item { display: block; }

.sub-menu a { text-decoration: none; color: #222222; display: block; }

.sub-menu a i { color: #8D7A4A; margin-right: 0.1875rem; }

.media { margin-bottom: 1rem; }

/* PCの横幅 */
@media (min-width: 64em) { .title-a { font-size: 1.5rem; }
  .title-b { font-size: 1.2rem; } }
.text-xs-left { text-align: left; }

.text-xs-right { text-align: right; }

.text-xs-center { text-align: center; }

.text-xs-justify { text-align: justify; }

@media (min-width: 576px) { .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; } }
@media (min-width: 768px) { .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; } }
@media (min-width: 992px) { .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; } }
.plan-parts-font1 { font-size: 1rem; }

.plan-parts-font2 { font-size: 0.75rem; }

.mosimo-banner { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent linear-gradient(to bottom, #F7D8E0 0%, #fff 100%) repeat scroll 0 0; border-image: none; padding: 0.4em 1em 0.4em 1.4em; position: relative; border: 1px solid #ccc; }

.mosimo-banner .title { font-size: 1.6rem; font-weight: bold; text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff; }

.mosimo-banner .price { font-size: 2rem; color: #ff0000; font-weight: bold; text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff; }

.mosimo-banner .price2 { font-size: 1.25rem; }

.mosimo-banner .btn { background: #AB3F63; color: #fff; }

.mosimo-banner .btn:hover { background: #AB3F63; }

.plan-list .card { margin-bottom: 1.875rem; }

.plan-parts-font1 { font-size: 0.75rem; }

.plan-parts-font2 { font-size: 0.625rem; }

.plan-example { background: #E9779A; width: 100%; height: 100%; color: #fff; border-radius: 0.43rem; }

.plan-example1 .title { background: #E9779A; }

.plan-example2 { background: #E9779A; width: 100%; }

/* 新花で送る家族葬 */
.unit-sougi-family-2 .plan-list .card .card-block { padding: 0.4rem; }

.unit-sougi-family-2 .plan-list a { color: #222222; }

.unit-sougi-family .media .media-body h3 { font-size: 1.25rem; }

/* プラン58 */
.unit-sougi-58-3 .card { margin-bottom: 1rem; }

.btn-other-plan a { white-space: normal; }

/* プラン78 */
/* プラン98 */
/* プラン128 */
/* プラン148 */
@media screen and (max-width: 980px) { .unit-shisetsu-top-5 table { width: 100%; }
  .unit-shisetsu-top-5 .scroll { overflow: auto; /*tableをスクロールさせる*/ white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/ }
  .unit-shisetsu-top-5 .scroll::-webkit-scrollbar { /*tableにスクロールバーを追加*/ height: 5px; }
  .unit-shisetsu-top-5 .scroll::-webkit-scrollbar-track { /*tableにスクロールバーを追加*/ background: #F1F1F1; }
  .unit-shisetsu-top-5 .scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/ background: #BCBCBC; } }
.unit-mosimo-top .sanatorium-unit .sanatorium-unit-title { background: #135A6D; padding: 0.25rem; color: #fff; font-weight: bold; }

.unit-mosimo-top .sanatorium-unit .sanatorium-unit-title span { margin-right: 0.25rem; }

.unit-mosimo-top .sanatorium-unit .sanatorium-unit-tel { color: #135A6D; font-weight: bold; }

/*# sourceMappingURL=style.css.map */