@charset "UTF-8";

body	{
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    background-color: #e9e8dd;
    /*フッターを常に下部に固定する*/
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}


/* Ａ: ナビゲーションバー */
.menu	{margin: 0;
background-color: #0000cd;} 

.menu .navbar-brand	{font-family: 'Francois One', sans-serif;
    color:#000;}

/*    ナビゲーションバー */
/*button[aria-expanded="true"] > span {
  position: relative;
  display: none;
}*/
 
/*button[aria-expanded="true"]::after {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 28px;
  content: "X";
}*/



/* Ｂ: ヘッダー */
.header	{padding: 100px 0 0 0;
	background-color: #dfe3e8;
    color:#fff;}
    
.header img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 100px auto 0 auto;
	vertical-align: bottom;}

.header h1	{margin: 0 0 20px 0;
	font-size: 60px;
	font-family: 'Francois One', sans-serif;
	line-height: 1.2;
    }

.header p	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.6;}


/* 背景画像の設定 */
.header	{background-image: url(img/top_img.jpg);
	background-position: 30% 50%;
	background-size: cover;
	color: #fff;
	text-shadow: 2px 2px 5px #000;}

.header .button	{text-shadow: none;}


/* メディアクエリの設定 */
@media (max-width: 450px) {

	.header	{padding: 60px 0 0 0;}
	.header h1	{font-size: 40px;}
	.header p	{font-size: 14px;}

} /* @media */




/* Ｃ: パンくずリスト */
.menu-bc	{padding: 0; 
	background-color: #0c5a94;}

.menu-bc .breadcrumb	{background-color: transparent;}

.menu-bc ul,
.menu-bc ol	{margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.menu-bc li a	{display: inline-block;
	padding: 10px 0 10px 0;
	color: #fff;
	text-decoration: none;}

.menu-bc li a[href]:hover	{text-decoration: underline;}

.menu-bc li a:not([href])	{color: #888;}

.menu-bc li+li:before	{content: '\003e';
	color: #ccc;}

.menu-bc ul:after,
.menu-bc ol:after	{content: "";
	display: block;
	clear: both;}
.menu-bc ul,
.menu-bc ol	{*zoom: 1;}




/* Ｄ: 記事 */
.entry	{padding: 20px 0 80px 0;
	/*background-color: #e9e8dd;*/
}

.entry img	{max-width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	vertical-align: bottom;}

.entry h2	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.2;}

.entry p	{max-width: 700px;
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}

/* テーブル */
th	{background-color: #d9d8cc;}

tr > :nth-child(n+3)	{text-align: left;}


/* Ｅ: フッター大 */
.footer-info	{padding: 80px 0 40px 0;
	background-color: #0c5a94;
	color: #fff;}

.footer-info > h1	{margin: 0 0 20px 0;
	font-size: 36px;}



/* Ｅ１: プロモーション情報 */
.promo	{margin-bottom: 40px;
	padding: 20px;
	border: solid 1px #fff;}

.promo img	{float: left;
	max-width: 30%;
	height: auto;
	margin: 0 20px 10px 0;
	vertical-align: bottom;}

.promo h3	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.promo p	{margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 1.6;}

.promo:after	{content: "";
	display: block;
	clear: both;}
.promo	{*zoom: 1;}



/* Ｅ２: 画像付きメニュー */
.menu-pickup	{margin-bottom: 40px;
	padding: 0; }

.menu-pickup h3	{margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 1.2;}

.menu-pickup ul,
.menu-pickup ol	{margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.menu-pickup li a	{display: block;
	padding: 10px 5px 10px 5px;
	color: #fff;
	text-decoration: none;}

.menu-pickup li a:hover	{background-color: #048;}

.menu-pickup img	{float: left;
	border: none;
    margin-right: 20px;}

.menu-pickup p	{margin: 0 0 0 110px;}

.menu-pickup .title	{font-size: 16px;}

.menu-pickup .desc	{color: #ccc;
	font-size: 12px;}

.menu-pickup li a:after	{content: "";
	display: block;
	clear: both;}
.menu-pickup li a	{*zoom: 1;}



/* Ｅ３: 画像なしメニュー */
.menu-recent	{margin-bottom: 40px;
	padding: 0;}

.menu-recent h3	{margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 1.2;}

.menu-recent ul,
.menu-recent ol	{margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.menu-recent li a	{display: block;
	padding: 10px 5px 10px 5px;
	color: #fff;
	text-decoration: none;}

.menu-recent li a:hover	{background-color: #048;}

/*#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3fefee;
  opacity: 0.6;
  border-radius: 50%;
  }
#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: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}*/

/* ページTOPに戻る */
.pagetop{
    display: none;
    position: fixed;
    right: 15px;
    bottom: 60px;
}
.pagetop a{
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #7db4e6;
    border-radius: 50%;
    line-height: 50px;
}
.pagetop a i{
    font-size: 20px;
    color:#fff;
    line-height: 50px;
}

/* Ｆ: フッター */
.footer	{padding: 20px 0 20px 0;
	background-color: #000;
	color: #fff;
    margin-top: auto;   /*フッターを常に下部に固定する*/
}

.footer p	{margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;}

.footer a	{color: #666;
	text-decoration: none;}

/* フラットカレンダー */
table.calender_column{
    width: 100%;
}

table.calender_column td{
    padding: 5px;
    border: 1px solid #CCC;
}

/* 日曜日 */
table.calender_column tr.week0{
    background-color: #ffefef;
    color: #FF0000;
}

/* 土曜日 */
table.calender_column tr.week6{
    background-color: #ededff;
    color: #0000FF;
}

/* 今日 */
table.calender_column tr.today{
    /*background-color: #fbffa3;*/
    font-weight: normal;
}

table.calender_column td:first-child{
    width: 20%;
    text-align: center;
}

table.calender_column td:last-child{
    width: 80%;
    color: #111111;
}
/*RSC 定義　本日の執行用　ここから
/*このディレクトリに適用されるCSSを記述する*/
/* RSC　cssを一時記述するファイル */

/* 本日の執行 */

.funeral-sched-table {
    width: 1550px;
    table-layout: fixed;
    background-color: #fff;
}

#container-timeschedule {
    box-sizing: content-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.select_block.select_block_inq_080 {
    min-width: 249px;
    background-color: #bdbdbd;
    padding: 15px 45px;
}
.select_block.select_block_inq_080 .select_item {
    width: 100%;
}

table.funeral-sched-table td {
    height: 80px;
    padding: 0 5px;
}

table.funeral-sched-table tr:nth-child(1) td,
table.funeral-sched-table td.sched-td-header {
    font-weight: bold;
    text-align: center;
}

table.funeral-sched-table tr:nth-child(1) td {
    height: 40px;
    text-align: center;
}

table.funeral-sched-table td.sched-td-header {
    padding: 0 1em;
    background-color: #e3e3e3;
    text-align: center;
}

td.sched-td-item {
    color: blue;
    background-color: #a9dfff;
    text-align: left;
}

td.reian-td-item {
    color: blue;
    background-color: #a9dfff;
    text-align: center;
}



/* PC */
@media (min-width: 992px) {
    #container-timeschedule {
        max-width: 1550px;
    }
}

/* スマホ */
@media (max-width: 991px) {
    #container-timeschedule {
        margin-top: 30px;
    }

    .content-block-timeschedule {
        overflow-x: auto;
    }
}

/* PC */
@media (min-width: 781px) {
    .select_block.select_block_inq_080 .search_date_block {
        width: 74%;
        display: inline-block;
    }
    .select_block.select_block_inq_080 .button_block {
        width: 25%;
        display: inline-block;
        text-align: right;
    }    
}

/* スマホ */
@media (max-width: 780px) {
    .select_block.select_block_inq_080 .search_date_block {
        text-align: center;
        margin-bottom: 10px;
    }
    .select_block.select_block_inq_080 .button_block button{
        width: 100%;
        margin: 5px 0;
    }    
}
/* RSC ここまで