@charset "utf-8";
/* =========================================================================
 * ⚡️ 【最優先】初期表示用スタイル (initial.css)
 * =========================================================================
 * このファイルは、ブラウザがレンダリングをブロックして「最優先」で読み込みます。
 * ページ表示速度（LCP/FCPスコア）に直結するため、容量は最小限に抑えてください。
 *
 * 【記述すべきもの】
 * - ファーストビュー（画面上部）のレイアウトと装飾。
 * - ヘッダー、ロゴ、メインビジュアル、主要なナビゲーション。
 * - ページ全体の基本フォント設定やリセットCSS。
 *
 * 【注意】
 * ここに不要な（画面下部や下層ページ専用の）スタイルを記述すると、
 * ページの表示開始が遅れる原因になります。
 * ========================================================================= */
/* 共通 */
.txt_yel{ color: #fefb00;}
.txt_grn { color: #2bb100!important;}
.txt_org { color: #f99601!important;}
.txt_red { color: #cc0000!important;}
.txt_blue { color: #133d94!important;}
.txt_wht { color: #fff !important;}
.txt_org a { color: #f13f2b !important;}
.small {
    font-size: 78%;
    line-height: 1.2;
    display: inline-block;
}

p .txt_yel,
p .txt_grn,
p .txt_org,
p .txt_red,
p .txt_blue,
p .bold,
.text .txt_yel,
.text .txt_grn ,
.text .txt_org ,
.text .txt_red ,
.text .txt_blue,
.text .bold{
    font-weight: bold;
    font-size: 2.0rem;
}
p .small .txt_yel,
p .small .txt_grn,
p .small .txt_org,
p .small .txt_red,
p .small .txt_blue,
p .small .bold { font-size: 110%;}

.box_grn {
    background: #008726;
    border-radius: 5px;
    padding: 2px 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
}

.btn_org a {
    color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 10px 25px;
    background: -moz-linear-gradient(top, #e46f11, #faa61c);
    background: -webkit-linear-gradient(top, #e46f11, #faa61c);
    background: linear-gradient(to top, #e46f11, #faa61c);
    display: inline-block;
    line-height: 1;
    position: relative;
}
.btn_org2 a {
    color: #fff;
    display: inline-block;
    background: url("https://yutakani.club/sankotsu-funkotsu/images/bnr_org_bg.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 25px;
    position: relative;
}
.btn_grn2 a {
    color: #fff;
    display: inline-block;
    background: url("https://yutakani.club/sankotsu-funkotsu/images/bnr_grn_bg.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 25px;
    position: relative;
}
.btn_org2 a::after {
    margin-top: -9px;
}
.btn_grn a {
    display: inline-block;
    background: #008726;
    color: #fff;
    padding: 10px 25px 10px 15px;
    margin-top: 10px;
    position: relative;
}
/* .btn_grn a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 8px;
    font-size: 1.0rem;
    margin-top: -10px;
} */
.btn_grn a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background-color: #fff;
    -webkit-mask-image: url('/sankotsu-funkotsu/images/arrow.svg');
    mask-image: url('/sankotsu-funkotsu/images/arrow.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.btn_white a {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 8px 8px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6;
    display: block;
    position: relative;
    background: -moz-linear-gradient(top, #f4f4f4, #fff);
    background: -webkit-linear-gradient(top, #f4f4f4, #fff);
    background: linear-gradient(to top, #f4f4f4, #fff);
}
.btn_white a:hover { color: #065a19;}
/* .btn_org a::after, .btn_org2 a::after, .btn_txt_org a::after, .btn_grn2 a::after, .btn_red a::after, .btn_white a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 8px;
    font-size: 1.4rem;
    margin-top: -6px;
} */
.btn_org a::after, .btn_org2 a::after, .btn_txt_org a::after, .btn_grn2 a::after, .btn_red a::after, .btn_white a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background-color: #fff;
    -webkit-mask-image: url('/sankotsu-funkotsu/images/arrow.svg');
    mask-image: url('/sankotsu-funkotsu/images/arrow.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn_white a::after {
    color: #065a19;
    margin-top: -10px;
    margin-right: -4px;
}

/* 他titleは contents.css 遅延読み込み */
.ttl_style01 {
    background: url("https://yutakani.club/sankotsu-funkotsu/images/ttl_bg.jpg") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 20px;
    font-weight: bold;
    width: 100%;
    color: #005a19;
}
.ttl_h3 {
    background: url("/sankotsu-funkotsu/images/ttl_bg_grn.jpg");
    padding: 15px;
    color: #fff;
    font-weight: bold;
}
.ttl_h3 span {
    border-left: 4px solid #fff;
    padding-left: 15px;
}
.ttl_h4 {
    border: 1px solid #c1c1c1;
    background: -moz-linear-gradient(top, #f1f1f1, #fff);
    background: -webkit-linear-gradient(top, #f1f1f1, #fff);
    background: linear-gradient(to top, #f1f1f1, #fff);
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px 20px;
    color: #005a19;
    font-weight: bold;
}
.ttl_h5 {
    border-left: 4px solid #005a19;
    color: #005a19;
    font-weight: bold;
    padding: 5px 10px;
}

/* SPフロートバナー */
.bnr_h a {
    border-radius: 0 !important;
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    font-size: 1.5rem;
    height: 100%;
}
/* 共通 btn_org のアイコンサイズ・位置調整 */
.bnr_h a::after {
    width: 10px;
    height: 10px;
    margin-top: -5px;
    right: 4px;
}
.bnr_h .btn_org a {
    padding: 10px 18px 10px 30px;
}
.bnr_h .btn_red a {
    padding: 10px 18px 10px 22px;
}
.bnr_h .btn_grn a {
    margin-top: 0;
    border: 1px solid #e2e2e2;
    border-bottom: solid 3px #066119;
    line-height: 1;
}
.bnr_h .btn_org a {
    background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_mail.png") no-repeat center left 5px #e46f11;
    background-size: 20px auto;
    border-bottom: solid 3px #91460a;
}
.bnr_h .btn_red a {
    background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_tel.png") no-repeat center left 5px #df0202;
    background-size: 12px auto;
    border-bottom: solid 3px #860606;
}
.bnr_h .icon_mail a {
    background-image: url("https://yutakani.club/sankotsu-funkotsu/images/icon_mail.png");
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 20px auto;
    padding: 10px 18px 10px 30px;
}
.bnr_h .icon_tel a {
    background-image: url("https://yutakani.club/sankotsu-funkotsu/images/icon_tel.png");
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 12px auto;
    padding: 10px 18px 10px 20px;
}
.bnr_h {
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.bnr_h .flex-container.col2 > div {
    width: 50%;
    margin: 0%;
}
.bnr_h .flex-container > div.w60 {
    width: 60%;
    margin: 0%;
}
.bnr_h .flex-container > div.w40 {
    width: 40%;
    margin: 0%;
}
.bnr_h .flex-container.col2 div.open_hours a,
.bnr_h .flex-container.col2 div.open_hours_24 a,
.bnr_h .flex-container.col2 div.open24_mukyu a,
.bnr_h .flex-container.col2 div.application_time a {
    padding-top: 4px;
    padding-bottom: 16px;
}
.bnr_h .flex-container.col2 div.open_hours a::before ,
.bnr_h .flex-container.col2 div.open_hours_24 a::before,
.bnr_h .flex-container.col2 div.open24_mukyu a::before,
.bnr_h .flex-container.col2 div.application_time a::before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 5%;
    padding-top: 14px;
    width: 90%;
    background: url(/sankotsu-funkotsu/images/bnr_h_open_hours_2btn.png) no-repeat center bottom;
    background-size: contain;
}
.bnr_h .flex-container.col2 div.open_hours_24 a::before {
    background: url(/sankotsu-funkotsu/images/bnr_h_open_hours_24.png) no-repeat center bottom;
    background-size: contain;
}
.bnr_h .flex-container.col2 div.open24_mukyu a::before {
    background: url(/sankotsu-funkotsu/images/bnr_h_open24_mukyu.png) no-repeat center bottom;
    background-size: contain;
}
.bnr_h .flex-container.col2 div.application_time a::before {
    background: url(/sankotsu-funkotsu/images/bnr_h_application_time_2btn.png) no-repeat center bottom;
    background-size: contain;
}
/* 直接入力フロートバナー用 */
div.contents .bnr_h p.eigyo { display: block;}

/* サイドメニュー */
.btn_side li {
    background: -moz-linear-gradient(top, #f1f1f1, #fff);
    background: -webkit-linear-gradient(top, #f1f1f1, #fff);
    background: linear-gradient(to top, #f1f1f1, #fff);
    margin-bottom: 10px;
}
.btn_side li a {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    border-left: 8px solid #005a19;
    display: inline-block;
    padding: 20px;
    padding-left: 12px;
    box-sizing: border-box;
    width: 100%;
    font-size: 1.8rem;
    color: #005a19;
    font-weight: bold;
}
.btn_side li a .small { font-weight: bold; font-size: 92%;}
.btn_side li a .small .small { font-size: 78%;}
.btn_side li:nth-child(1) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_about.png") no-repeat right 12px center;}
.btn_side li:nth-child(2) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_flow.png") no-repeat right 12px center;}
/*.btn_side li:nth-child(3) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_monitor.png") no-repeat right 15px center;}*/
.btn_side li:nth-child(3) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_yes.png") no-repeat right 8px center; letter-spacing: -1.0px; padding-left: 0;}
.btn_side li:nth-child(4) a { background: url("https://yutakani.club/eitaikuyou-jumokusou/images/icon_yutakani.png") no-repeat right 6px center; letter-spacing: -1.0px; padding-left: 6px;}
.btn_side li:nth-child(5) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_memorial_service.png") no-repeat right 12px center;}
.btn_side li:nth-child(6) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_shop.png") no-repeat right 12px center;}
.btn_side li:nth-child(7) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_home.png") no-repeat right 12px center;}
.btn_side li:nth-child(8) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_flow_sea_cremation_scattering.png") no-repeat right 12px center;}
.btn_side li:nth-child(9) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_sutra.png") no-repeat right 12px center; letter-spacing: -0.5px;}
.btn_side li:nth-child(10) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_after_sales_service.png") no-repeat right 12px center;}
.btn_side li:nth-child(11) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_memorial.png") no-repeat right 12px center;}
.btn_side li:nth-child(12) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_powder.png") no-repeat right 12px center;}
.btn_side li:nth-child(13) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_sea.png") no-repeat right 12px center; letter-spacing: -0.8px;}
.btn_side li:nth-child(14) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_boarding.png") no-repeat right 10px center; letter-spacing: -1.0px;}
.btn_side li:nth-child(15) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_joint.png") no-repeat right 10px center; letter-spacing: -1.0px;}
.btn_side li:nth-child(16) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_sea_at-home.png") no-repeat right 12px center; letter-spacing: -1.0px;}
.btn_side li:nth-child(17) a .small .small { display: block; text-align: right;}
.btn_side li:nth-child(17) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_at-home.png") no-repeat right 12px center; letter-spacing: -0.8px;}
/*.btn_side li:nth-child(14) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_home-grave.png") no-repeat right 15px center;}*/
.btn_side li:nth-child(18) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_small.png") no-repeat right 12px center; letter-spacing: -1.0px;}
.btn_side li:nth-child(19) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_hawaii.png") no-repeat right 12px center;}
/* .btn_side li:nth-child(20) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_boarding.png") no-repeat right 12px center; letter-spacing: -0.8px;} */
.btn_side li:nth-child(20) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_reserv.png") no-repeat right 12px center;}
.btn_side li:nth-child(21) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_grave.png") no-repeat right 12px center;}
.btn_side li:nth-child(22) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_soul.png") no-repeat right 12px center;}
.btn_side li:nth-child(23) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_urn.png") no-repeat right 12px center;}
.btn_side li:nth-child(24) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_pet.png") no-repeat right 12px center;}
.btn_side li:nth-child(25) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_charge.png") no-repeat right 12px center;}
.btn_side li:nth-child(26) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_cansell.png") no-repeat right 12px center;}
.btn_side li:nth-child(27) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_voice.png") no-repeat right 12px center;}
.btn_side li:nth-child(28) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_packing.png") no-repeat right 12px center;}
.btn_side li:nth-child(29) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_document.png") no-repeat right 12px center;}
.btn_side li:nth-child(30) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_profile.png") no-repeat right 12px center;}
.btn_side li:nth-child(31) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_faq.png") no-repeat right 12px center;}
.btn_side li:nth-child(32) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_access.png") no-repeat right 12px center;}
.btn_side li:nth-child(33) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_guideline.png") no-repeat right 12px center; padding: 10px 42px 10px 20px;}
.btn_side li:nth-child(34) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_euthanasia.png") no-repeat right 12px center;}
.btn_side li:nth-child(35) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_illegal.png") no-repeat right 12px center;}
.btn_side li:nth-child(36) a { background: url("https://yutakani.club/sankotsu-funkotsu/images/icon_partnership.png") no-repeat right 12px center;}

.box_greet {
    background: -moz-linear-gradient(top, #f1f1f1, #fff);
    background: -webkit-linear-gradient(top, #f1f1f1, #fff);
    background: linear-gradient(to top, #f1f1f1, #fff);
    border-radius: 5px;
    border: 1px solid #c1c1c1;
}
.box_greet .ttl {
    color: #fff;
    text-align: center;
    background: #005a19;
    padding: 10px;
}
.box_greet .txt_grn { font-size: 1.2rem;}
/* サイドメニューここまで */

#page_top {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #005a19;
    opacity: 0.9;
    z-index: 2;
}
#page_top a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
}
/* #page_top a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f106';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
} */
#page_top a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 25px;
    height: 25px;
    background-color: #fff;
    -webkit-mask-image: url('/sankotsu-funkotsu/images/arrow.svg');
    mask-image: url('/sankotsu-funkotsu/images/arrow.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* サイドメニュー・メインコンテンツ レイアウト */
.w26 {
    width: 26%;
    box-sizing: border-box;
}
.w74 {
    width: 74%;
    box-sizing: border-box;
}
.box_shadow > div {
    box-shadow: 0 0 5px #ccc;
    padding: 15px;
    box-sizing: border-box;
}
.box_shadow > div p:last-child { margin-bottom: 0;}
img.img_shadow {
    box-shadow: 1px 2px 5px #acacac;
    box-sizing: border-box;
}
a.link_txt ,
span.link_txt {
    text-decoration: underline;
    color: #166edc;
}

@media screen and (max-width:768px) {
    /* コンテンツ全体 */
    .space { padding-top: 72px; } /* SPフロートバナー分余白 */

    /* TODO：何用なのか確認 */
    .flex-container.sp_cl.box_shadow > div {
        padding: 20px !important;
    }

    #page_top {
        right: auto;left: 0;
        bottom: 65px;
    }
    /* SPでは下部なので初期表示不要だがメンテ上移動 */
    .btn_org2 a, .btn_grn2 a {
        padding: 10px 15px 10px 10px;
        font-size: 74% !important;
    }
    .btn_org2 a span, .btn_grn2 a span {
        display: block;
    }
    .btn_org2 a span.txt_m, .btn_grn2 a span.txt_m {
        font-size: 1.3rem;
    }
}

/* bager menu */
/* header
-------------------------------------------------------------*/
#header {
    background: #fff;
}
#header > .inner {
    padding: 20px 0;
}
.head_response .box_grn:first-child {
    margin-right: 5px;
}
#header h1 a:hover {
    opacity: .7;
}
#header nav {
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    background: -moz-linear-gradient(top, #f1f1f1, #fff);
    background: -webkit-linear-gradient(top, #f1f1f1, #fff);
    background: linear-gradient(to top, #f1f1f1, #fff);
}
#header #navi {
    display: flex;
    align-items: center;
    padding: 10px 0;
}
#header #navi li {
    line-height: 100%;
    border-right: 1px solid #e7e7e7;
    flex: 1;
    white-space: nowrap;
}
#header #navi li:last-child {
    margin: 0 0 0 5px;
}
#header #navi li a {
    color: #000;
    display: block;
    text-align: center;
    padding: 0 12px;
}
#header #navi li:first-child a {
    border-left: 1px solid #e7e7e7;
}
#header #navi li a:hover {
    text-decoration: none;
    color: #d8ad19;
}
#header #navi li.sns a {
    font-size: 25px;
}
#header #navi li.sns a:hover {
    color: inherit;
}
#header #navi li.fb a:hover {
    color: #3b5998;
}
#header #navi li.ig a:hover {
    color: #262626;
}
/* ヘッダー 追加 */
#logo h1 img { height: 89px;}
#header #logo + div .box_grn { padding: 2px 2px;}
#header .head_response > p { font-size: 1.1rem;}
#header .head_response > p .txt_org , #header .head_response > p .txt_grn { font-size: 1.2rem;}
#header .head_response .w100 div:first-child { -ms-flex-negative: 1.4; flex-shrink: 1.4;}
#header .head_response .txt_xxl { font-size: 3.7rem !important;}
.head_response_tel {
    font-size: 3.7rem;
    padding-right: 10px;
    line-height: 1;
}
.head_response_eigyo {
    font-size: 1.2rem;
    line-height: 1.0;
}
.head_response_eigyo span { display: block; font-weight: bold;}

#header .btn_org a { padding: 8px 14px 6px 6px;}
#header .btn_org a::after { right: 2px;}
.payment { width: 42px;}
.payment .flex-container li {
    width: 50%;
    padding-bottom: 2px;
    padding-right: 2px;
    box-sizing: border-box;
}

@media screen and (max-width:768px) {
/* header
-------------------------------------------------------------*/
    #header {
        padding: 1% 3%;
        width: 100%;
        height: auto;
        z-index: 9999999;
        top: 0;
        left: 0;
        background: #fff;
        position: fixed;
        box-sizing: border-box;
    }
    header .inner {
        width: 100% !important;
        padding: 0 !important;
    }
    header .flex-container {
        justify-content: space-between!important;
        align-items: inherit !important;
    }
    #header nav {
        border: none !important;
    }
    #header h1 {
        height: auto;
    }
    #header h1 img {
        height: 47px;
    }
    #header #navi li {
        padding: 15px;
        border-bottom: 1px solid #ccc;
        border-right: none;
        width: 100%;
        box-sizing: border-box;
    }
    #header #navi li:last-child {
        margin: 0;
    }
    #header #navi li:first-child {
        padding-top: 40px;
    }
    #header #navi li a {
        font-weight: 500;
        color: #000;
        display: block;
        border: none !important;
    }
    #header #navi li.sns {
        display: block;
        border-bottom: none;
        margin: 20px auto 0;
        padding: 0;
        width: 97%;
    }
    #header #navi li.sns a {
        font-size: 16px;
        color: #fff;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        display: block;
    }
    #header #navi li.sns a i {
        font-size: 20px;
        margin: 0 5px 0 0;
    }
    #header #navi li.fb a {
        background: #3b5998;
        padding: 20px 10px;
        text-align: center;
    }
    #header #navi li.ig a {
        background: #262626;
        padding: 20px 10px;
    }
    /* bager menu */

    #header #navi {
        transition: all .6s;
        overflow-y: auto;
        margin-top: 40px;
        width: 300px;
        height: 100vh;
        z-index: 200;
        top: 0;
        right: -320px;
        background-color: #fff;
        position: fixed;
        display: inherit;
        margin-top: 0;
    }
    #header .nav_btn {
        width: 44px;
        height: 44px;
        z-index: 300;
        top: 7px;
        right: 7px;
        cursor: pointer;
        position: absolute;
        text-align: center;
    }
    #header .nav_btn .txt_ss {
        letter-spacing: -0.8px;
        padding-top: 38px;
        display: inline-block;
    }

    .hamburger_line {
        transition: all .6s;
        width: 34px;
        height: 2px;
        left: 5px;
        background-color: #000;
        position: absolute;
    }
    .hamburger_line1 {
        top: 10px;
    }
    .hamburger_line2 {
        top: 21px;
    }
    .hamburger_line3 {
        top: 32px;
    }
    .nav_bg {
        opacity: 0;
        transition: all .6s;
        width: 100vw;
        height: 100vh;
        z-index: 100;
        top: 0;
        left: 0;
        visibility: hidden;
        background-color: #000;
        cursor: pointer;
        position: fixed;
    }
    /* 表示された時用のCSS */
    .nav_open #header #navi {
        right: 0;
    }
    .nav_open .nav_bg {
        opacity: .8;
        visibility: visible;
    }
    .nav_open .hamburger_line1 {
        transform: rotate(45deg);
        top: 20px;
    }
    .nav_open .hamburger_line2 {
        width: 0;
        left: 50%;
    }
    .nav_open .hamburger_line3 {
        transform: rotate(-45deg);
        top: 20px;
    }

    .bnr_contact .eigyo span { display: inline-block; margin-right: 12px;}
    .bnr_contact .flex-end { -ms-flex-pack: distribute; justify-content: space-around;}
    .bnr_contact .txt_xxl { font-size: 2.8rem !important;}
    .payment { width: 22px;}
    .payment .flex-container li { width: auto!important;padding: 0 0!important;}
    .payment li img { width: 22px; height: 22px;}
    .btn_line { margin-right: 42px;}
    .btn_side li:nth-child(5) a { letter-spacing: -0.8px;}
    .contents .slick-arrow {
        background: #fff;
        border-radius: 22px;
        width: 22px;
        height: 22px;
    }
    .contents .slick-prev { left: -15px; z-index: 1;}
    .contents .slick-next { right: -15px; z-index: 1;}
}
@media screen and (max-width:414px) {
    #header { padding: 2% 3%;}
}

/* MV */
#mainimage {
    background-size: cover ;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 20px;
    position: relative;
}
.webp #mainimage.sea { background-image: url("/sankotsu-funkotsu/images/mv_bg_sea.webp");}
.no-webp #mainimage.sea , #mainimage.sea { background-image: url("/sankotsu-funkotsu/images/mv_bg_sea.png");}
#mainimage h2 { margin-bottom: 95px;}
/* #mainimage .bg_blue { z-index: 1;} */
/* #mainimage .bg p {
    position: absolute;
    top: 2%;
    right: 15%;
}
#mainimage .txt{
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 2px #005a19;

}
#mainimage .box > div{
    background: -moz-linear-gradient(top, #d1d2d2, #fff);
    background: -webkit-linear-gradient(top, #d1d2d2, #fff);
    background: linear-gradient(to top, #d1d2d2, #fff);
    border: 1px solid #386b47;
    box-shadow: 0 0 5px #fff;
}
#mainimage .box p{ padding: 15px;}
#mainimage .box img{ width: 100%;} */
/* boxでなく画像の場合（画像サイズ変わったら、適宜変更の必要アリ） */

#mainimage.mv_bnr .inner {
    max-width: 1300px;
    width: 90%;
    text-align: center;
}
#mainimage.mv_bnr h2 { margin-bottom: 40px;}
#mainimage.mv_bnr .flex-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#mainimage.mv_bnr .flex-container.align-e {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
#mainimage.mv_bnr .flex-container.justify-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#mainimage.mv_bnr .flex-container > div { margin: 0 1.5%;}
#mainimage.mv_bnr .flex-container > div.mb20 { margin-bottom: 20px;}
#mainimage.mv_bnr .flex-container > div p { margin-bottom: 0;}
#mainimage.mv_bnr.pet .flex-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#mainimage .open_hours.type_long {
    color: #fff;
    line-height: 1.2;
    padding: 12px;
    margin-bottom: 18px;
    background: #086191;
    font-weight: normal;
    border: solid 2px #fff;
    border-radius: 8px;
    display: inline-block;
}
#mainimage.mv_bnr.pet .flex-container > div { margin: 0;}
#mainimage.mv_bnr.pet .flex-container > div.mb20 { margin-bottom: 20px;}
#mainimage.mv_bnr .pc .area { margin-bottom: 60px;}
/* ランペ用 ～の近くに散骨できます */
.mv_area-near .open_hours {
    align-items: stretch;
    padding: 12px 6px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex !important;
    box-sizing: border-box;
}
.mv_area-near .open_hours .flex-container.col2 {
    margin-right: 12px!important;
}
.mv_area-near .open_hours .flex-container.col2 > div:first-child {
    margin-right: 12px!important;
}
.mv_area-near .open_hours .flex-container.col2 div img {
    border-radius: 12px;
    border: solid 4px #fff;
    max-height: 120px;
    box-sizing: border-box;
}
.mv_area-near .open_hours .flex-container.sp_cl {
    background: #fff;
    padding: 8px;
    border-radius: 12px;
}
.mv_area-near .open_hours .flex-container.sp_cl img {
    max-width: none;
}

@media screen and (max-width: 1350px) {
    #mainimage.mv_bnr .open_hours { bottom: auto; top: 1%;}
}
@media screen and (max-width: 820px) {
    .mv_area-near .open_hours .flex-container.sp_cl img { max-width: 100%;}
}
@media screen and (max-width: 768px) {
    /* #mainimage::before { content: none;} */
    #mainimage.mv_bnr { padding: 0;}
    .webp #mainimage.sea { background-image: url("/sankotsu-funkotsu/images/mv_bg_sea_sp.webp");}
    .no-webp #mainimage.sea { background-image: url("/sankotsu-funkotsu/images/mv_bg_sea_sp.png");}
    .webp #mainimage.pet {
        background-image: url("/sankotsu-funkotsu/images/mv_bg_pet_sp.webp") !important;
        background-position: left bottom;
        padding-bottom: 274px;
    }
    .no-webp #mainimage.pet { background-image: url("/sankotsu-funkotsu/images/mv_bg_pet_sp.png") !important;}
    #mainimage.mv_bnr.pet > .inner { width: 100%;}
    #mainimage.mv_bnr .inner {
        width: 100%!important;
        padding-right: 0;
        padding-left: 0;
    }
    #mainimage.mv_bnr h2 { margin-bottom: 0;}
    #mainimage.mv_bnr .flex-container.sp_cl > div:nth-child(2) {
            margin-top: 0!important;
            padding-top: 1px!important;
    }
/*    #mainimage.mv_bnr .flex-container.sp_cl > div:nth-child(2) img { opacity: 0.9;}*/
    #mainimage.mv_bnr .flex-container.sp_cl > div { padding: 4px 0 0!important;}
    #mainimage.mv_bnr .flex-container.sp_cl > div:last-child {
            margin: 0 1.5%!important;
            padding: 0 0 0!important;
    }
    #mainimage.mv_bnr .open_hours { top: auto; bottom: 1%;}
    #mainimage.campaign .flex-container.sp_cl > div { padding: 0px 0!important;}

    /* ランペ用 ～の近くに散骨できます */
    #mainimage .inner .open_hours.type_long {
        width: 98%;
        margin: 0 1% 8px;
        box-sizing: border-box;
    }
    .mv_area-near { padding-bottom: 2px;}
    .mv_area-near .open_hours {
        display: block !important;
    }
    .mv_area-near .open_hours .flex-container.col2 {
        margin-right: 0!important;
        margin-bottom: 12px;
        justify-content: center;
        width: 100%;
    }
    .mv_area-near .open_hours .flex-container.col2 div { text-align: center;}
    .mv_area-near .open_hours .flex-container.sp_cl {
        padding: 8px 4px;
        width: 100%;
        justify-content: center;
    }
    .lp #mainimage .inner .open_hours.type_long {
        font-size: 12px; font-size: 1.2rem;
        padding: 8px 8px;
    }
}

/* お客様の声PICKUP ボタンは遅延読み込み base.css */
#voice_pickup li {
    margin-right: 8px;
    box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.1);
    border-radius: 6px;
    overflow: hidden;
    padding-bottom: 0!important;
    padding-top: 0!important;
}
#voice_pickup li > div { position: relative;}
#voice_pickup li h1 {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 8px 4px 17px;
    width: 100%;
    box-sizing: border-box;
}
#voice_pickup li h1 a {
    color: #fff;
    font-weight: bold;
}
#voice_pickup li span {
    position: absolute;
    left: 0; top: 8px;
    background: rgba(10,106,101,0.8);
    color: #fff;
    padding: 2px 6px 1px;
    font-size: 13px; font-size: 1.3rem;
}
#voice_pickup li img {
    border-radius: 6px 6px 0 0;
}
/* #voice_pickup li .txt_R {
    font-size: 13px; font-size: 1.3rem;
    padding-right: 4px;
} */
#voice_pickup li .btn_org {
    position: absolute;
    width: auto;
    bottom: 2px;
    right: 2px;
    line-height: 1.0;
}
#voice_pickup li .btn_org a {
    padding: 2px 14px 2px 6px;
    font-size: 12px; font-size: 1.2rem;
    border: none;
}
#voice_pickup li .btn_org a::after {
    width: 10px;
    height: 10px;
    right: 2px;
    margin-top: -5px;
}

@media screen and (max-width:768px) {
    #voice_pickup .flex-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: wrap;
    }
    #voice_pickup .flex-container li {
        margin-bottom: 12px;
        margin-right: 0;
    }
}