@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/



/* 共通 ------------------------------------------------------------------ */

html {
 overflow: auto;
}
body,td, th {
    line-height: 1.7;
    font-size: 1em; 
}
.siteContent,.siteContent p {line-height: 1.7;}
p { margin-bottom:0;}
a,a:hover{transition: .5s;}
a img {
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
a:hover,a:hover img {
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    /* IE lt 8 */
    -ms-filter: “alpha(opacity=80)”;
    /* IE 8 */
}
a.tel {
    font-size:2.5rem; color: #F60; font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none!important;
    line-height: 1;
}
a.tel:before {
    content: "\f098";
    font-family: "Font Awesome 5 Free";
    margin-right: 8px;
}
.whole-link{
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
}
.whole-link:hover{background-color: #fff;opacity: 0.3;}

/* コンテナ幅調整 */
.site-header-container.container,.header-top .container,
.global-nav--layout--penetration .global-nav-list{ max-width:1400px!important;width:100%!important;}


/* ヘッダー */
.header-top {
	background-color:transparent;border-bottom:none;
	color:#F60; font-weight:bold; padding-bottom:0;
	}
.header-top .header-top-description {
	padding-bottom:0;
	}
/*.site-header-logo:after {
    content: "〒330-0834 埼玉県さいたま市大宮区天沼町1-621-141 天沼南ビル2階";
	font-size:12px; font-weight:normal;
	font-family:Lato,"Noto Sans JP","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}*/
.site-header-logo:after {
    content: "〒330-0834 埼玉県さいたま市大宮区天沼町1-621-141 天沼南ビル2階";
	font-size:12px; font-weight:normal;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.site-header-sub {
    margin-top:-.5rem;
    margin-bottom:0;
    float: right;
    display: flex;
    padding-left: 0;　/*max-width:600px;*/
	max-width: 750px;
	}
.site-header-sub .widget {
    margin-bottom:0;
	}
.contactBt .col{
	padding-left:0;
	}
.contactBt a.bttn.s {
    padding: 8px 10px;
	}
.device-pc .global-nav-list>li>a {
    padding: 1.5em;
	}
.global-nav-list>li .global-nav-name {
    font-size: 16px;
	}
.global-nav-list>li .global-nav-name i{
	color: var(--vk-color-primary);
	/*color: #66cdaa;*/
	}
	

/* Top ------------------------------------------------------------------ */
.full {
    margin: 0em calc(50% - 50vw) 0em;
    padding: 1em calc(50vw - 50%);
	}
.full1 {
    width: 100vw;
	margin: 0 calc(50% - 50vw);
	}
	
/* ウジェットのタイトルを消す */
.home .widget_media_posts_bs4 h2,.home .widget_text h2{ display:none;}

/* 納棺の儀式を大切にしています */
.noukan{
	background: url(https://www.sougi-saitama.jp/wp/wp-content/uploads/bg_flower.jpg) 20%;
	background-size:cover;padding:20px 10px 50px;
	}
	
.bgLogo{
	background: url(https://www.sougi-saitama.jp/wp/wp-content/uploads/bg_logo.png) no-repeat top center;
	background-size:70%;padding-top:30px; padding-bottom:50px;
	}

/* 葬儀プラン */
.card .title{ padding:15px 10px;}
.card .title h3{ text-align:center; color:#fff; margin:5px 0px;}
.card .label{ margin:10px 0px;text-align:center; }
.card .su-label{ width:32%;display: inline-block; padding:8px 0px; height:26px;}
.btn.sincerely{
	position:relative; display:block; padding:10px 3px; margin-top:15px;
	background: url(https://www.sougi-saitama.jp/wp/wp-content/uploads/bg_logo.png) no-repeat center;
	background-size:80%; text-align:center; background-color:#ffffee; border:2px solid;
	}
.btn.simple{
	position:relative; display:block; padding:10px 3px;margin-top:15px;
	text-align:center; background-color:#f3f3f3; border:2px #999 solid;
	}
._plan{
	margin-left:10px;
	vertical-align:middle;
}


/* お知らせ */
.news .col-md-4,.news .col-md-8{ padding-top:50px; padding-bottom:50px;
	}
.su-posts-default-loop .su-post {
    margin-bottom:20px!important; margin-left:20px;
	}
.su-posts-default-loop .su-post-thumbnail {
    width: 100px;
    height:auto!important;
	}
.su-post-excerpt{ display:none;}

.card .vk_post .vk_post_title {font-size: 1.5em;}
.vk_post .vk_post_title a{color: #630;}


/* コンタクトボックス */
/*.contactBox{	
	background: url(https://www.sougi-saitama.jp/wp/wp-content/uploads/contactBox.jpg) ;
	background-size:cover; padding-top:3em; padding-bottom:3em;
	}*/
.contactBox{	
	background: url(https://www.sougi-saitama.jp/wp-test/wp-content/uploads/footer_banner_01.png) ;
	background-size:cover; padding-top:3em; padding-bottom:3em;
	}


/* 葬儀の流れのアンカーボタン ------------------------------------------------------------------ */

ul.flow{ /*height:300px;*/ height:400px; padding:0; width:880px; margin:auto;}
ul.flow li{
	float:left; width:50px; position:relative; background-color:#f5f5f5; border:2px solid #F60; border-radius:5px;
	/*height:300px;*/ height:400px; list-style:none; margin:0px 30px 10px 0px;
	}
ul.flow li:after {
    font-family: "Font Awesome 5 Free"; color: #C96; font-size:24px;
    content: "\f061";
    font-weight: 900;
    margin: 5px; position:absolute; right:-32px; top:30%;
}
ul.flow li:last-child:after { display:none;
}
/*ul.flow a.btn{
	width:50px; font-weight:bold; color: #630;
        writing-mode: vertical-lr !important;position: absolute; top:0; left:-2px; height:280px; vertical-align:top; text-align:inherit;
	}*/
ul.flow a.btn{
	width:50px;
	font-weight:bold;
	color: #630;
	writing-mode: vertical-lr;
	position: absolute;
	top:0;
	left:-2px;
	height:225px;
	vertical-align:top;
	text-align:inherit;
}
ul.flow a.btn:before {
    font-family: "Font Awesome 5 Free"; color: #F90;
    content: "\f13a";
    font-weight: 900;
    margin-bottom: 3px;
}
ul.flow span{position: absolute; bottom:0px;writing-mode: horizontal-tb; width:96%; display:block; text-align:center; height:17px; font-size:11px; padding-top:4px; margin:1px;}
/*ul.flow span.bgPurple{bottom:38px;}
ul.flow span.bgBlue{bottom:19px;}*/
ul.flow span.bgPurple{bottom:152px;}
ul.flow span.bgBlue{bottom:133px;}
ul.flow span.bgPink{bottom:114px;}
ul.flow span.bgZitaku{bottom:95px;}
ul.flow span.bgShinsousai{bottom:76px;}
ul.flow span.bgYuzin{bottom:57px;}
ul.flow span.bgOmakase{bottom:38px;}
ul.flow span.bgOwakare{bottom:19px;}
ul.flow span.flow-fs{font-size:9px!important;}

.su-box span.su-label{ padding:3px 5px; margin-bottom:15px;}


/* 見出し ------------------------------------------------------------------ */

.widget-title.subSection-title,.archive-header-title {
	font-size:1.7em; margin:0px 0px 30px;
	color: #630;
}

.tlIcon {
	font-size:1.3em; font-weight:bold; padding:0; margin:50px 0px 20px;background-color:transparent; border-radius:0; color: #C60;
}
.tlIcon:before {
	font-family: "Font Awesome 5 Free";font-size:150%;
    content: "\f06c"; font-weight:700; margin-right:5px; color:#66cdaa;
}
.tlBd{
	color: #630; font-weight:bold; margin:50px 0px 20px; border-left:4px solid #f60; padding:10px 0px 10px 12px; background-color:transparent; border-radius:0;
}


.box{background:rgba(255,255,255,0.9); padding:30px; border-radius:5px; }
.bd{ border:1px solid #ccc;}
.bgGray{ background-color:#eee;}
.bgBeige{ background-color: #F2EADC;}
.bgOrange{ background-color: #F90!important; color:#FFF;}
.bgOrange1{ background-color: #F60!important; color:#FFF;}
.bgOrange2{ background-color: #F9D9A8;}
.bgPurple{ background-color:#7970CF!important; color:#FFF;}
.bgBlue{ background-color: #30A6DE!important; color:#FFF;}
.bgPink{ background-color: #F37272!important; color:#FFF;}
.bgGreen{ background-color: var(--vk-color-primary); color:#FFF;}
.bgGreen{ background-color: #66cdaa!important; color:#FFF;}
.bgBrown{ background-color: #897441;}

.bdPurple{border-color:#7970CF!important;}
.bdBlue{ border-color: #30A6DE!important;}
.bdPink{ border-color: #F37272!important;}



/* 投稿ページ調整 */
.entry-header h1.entry-title{ color:#630;font-size: 1.5rem;border-left:4px solid #f60; padding:5px 0px 5px 18px;}
.entry-footer,.vk_posts.next-prev{ margin-top:30px;}
.postListText_title{font-size: 1em;}
.sub-section li a{ font-size: 1rem;color: #630;}
.sub-section .vk_post .vk_post_title {font-size: 1em;}


/* btn ------------------------------------------------------------------ */
a.bttn{
    letter-spacing:1px;
    border-radius:5px; margin-top:15px;
	background-color:var(--vk-color-primary);/0
	background-color:#66cdaa; 
    color:#FFF!important;font-weight:bold;
    line-height: 1.4; text-decoration:none; text-align:center;padding:15px 40px 15px 30px; display:inline-block;
}
/*ヘッダーボタン*/
a.header-bttn{
    letter-spacing:1px;
	border: 2px solid #ff6600;
    border-radius:5px; margin-top:15px;
	/*background-color:var(--vk-color-primary);/0
	background-color:#66cdaa; */
    color:#ff6600!important;font-weight:bold;
    line-height: 1.4; text-decoration:none; text-align:center;padding:10px 20px 10px 20px; display:inline-block;
}
a.bttn:before{
	font-family: "Font Awesome 5 Free"; 
    content: "\f105"; font-weight: 900; margin-right: 10px;
	}
a.bttn.s{padding:5px 20px 5px 15px; font-size:14px;
	}
a.bttn.blue{ background-color:#1d2088!important;border:border:none; color:#FFF!important;
	}
a.bttn.dl:before{content: "\f019";}
a.bttn.none:before,.rightBtn a.bttn:before{ display:none;}
a.bttn:hover{opacity:0.7;}
a.bttn.block{display: block;}


/* table ------------------------------------------------------------------ */
.table,.table td, .table th,
.table tbody tr td, .table tbody tr th, .table td, .table th, .table thead tr td, .table thead tr th,
.table-bordered td, .table-bordered th{ border-color: #ccc; font-size:1em;}
.table-bordered th{ background-color:#F2EADC; text-align:left;}
table{ margin-bottom:20px;}

/* contact */
.post-name-contact form{ max-width:100%; margin:auto;}
.post-name-contact form label{ display:block;}
.wpcf7-submit.btn { margin:auto;
}
.post-name-contact form th{
	background-color:#F2EADC;text-align:left;
	}
input[type=submit] { font-size:1.5em;padding: .4em 2em; }


/* footer ------------------------------------------------------------------ */
.site-footer {
	font-size:.9em;border-top:none;
}
.site-footer .su-list ul {
    margin:10px 0px 10px 0px!important;
}
.site-footer .su-list ul li {
    margin: 0px 0px 10px 0px!important;}
.site-footer .su-list ul.fzS li {
    margin: 0!important;}


/* Font ------------------------------------------------------------------ */
.fzSS  { font-size:  75%;}
.fzS   { font-size:  85%;}
.fzM   { font-size: 100%;}
.fzL   { font-size: 113%;}
.fzLL  { font-size: 130%;}
.fzLLL { font-size: 180%;}

.fcOrange { color: #F60;}
.fcPurple { color: #7970CF;}
.fcBlue { color: #30A6DE;}
.fcPink { color: #F37272;}
.fcSky {color: #3799D6;}
.fcGreen { color: #390;}
.fcRed {color: #ff0000;}
.fcBrown { color: #630;}
.fcWhite { color: #FFF!important;}

.taL{ text-align: left;}
.taC{ text-align: center;}
.taR{ text-align: right;}

/* Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flL.img{ margin:0px 20px 20px 0px;}
.flR.img{ margin:0px 0px 20px 20px;}

/* Width ------------------------------------------------------------------ */
.w10    { width:10%;}
.w20    { width:20%;}
.w30    { width:30%;}
.w35    { width:35%;}
.w40    { width:40%;}
.w50    { width:50%;}
.w60    { width:60%;}
.w70    { width:70%;}
.w80    { width:80%;}
.w90    { width:90%;}

/* Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0!important;}
.mt05 { margin-top: 5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px ;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px ;}
.mt30 { margin-top:30px ;}
.mt35 { margin-top:35px ;}
.mt40 { margin-top:40px ;}
.mt45 { margin-top:45px ;}
.mt50 { margin-top:50px ;}
.mr00 { margin-right: 0 ;}
.mr05 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr40 { margin-right:40px ;}
.mr45 { margin-right:45px ;}
.mr50 { margin-right:50px ;}
.mb00 { margin-bottom: 0   ;}
.mb05 { margin-bottom: 5px ;}
.mb10 { margin-bottom:10px ;}
.mb15 { margin-bottom:15px ;}
.mb20 { margin-bottom:20px ;}
.mb25 { margin-bottom:25px ;}
.mb30 { margin-bottom:30px ;}
.mb35 { margin-bottom:35px ;}
.mb40 { margin-bottom:40px ;}
.mb45 { margin-bottom:45px ;}
.mb50 { margin-bottom:50px ;}
.ml00 { margin-left: 0  ;}
.ml05 { margin-left: 5px ;}
.ml10 { margin-left:10px ;}
.ml15 { margin-left:15px ;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml35 { margin-left:35px;}
.ml40 { margin-left:40px;}
.ml45 { margin-left:45px;}
.ml50 { margin-left:50px;}

.mg-auto { margin:auto;}

/* Padding ------------------------------------------------------------------ */
.pd00 { padding:0px;}
.pd05 { padding:5px;}
.pd10 { padding:10px;}
.pd15 { padding:15px;}
.pd20 { padding:20px;}
.pd30 { padding:30px;}
.pd50 { padding:50px;}

.pchidden,.iphidden,.sponly{display:none!important;}
.pconly{display:block!important;}