/*===================================
知識とマナーの全体
=====================================*/
	
/*知識とマナーページの冒頭解説文*/
#manners .manners-title-text {
	display: flex;
	font-size: 1.4rem;
	justify-content: center;
	align-items: center;
	line-height: 43px;
	text-align: center;
	margin: 50px 0 35px;
}
/*-- タイトルの下の小さいテキスト --*/
#manners .manners-sub-read-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	/* display: flex; */
	font-size: 1.18rem;
	/* justify-content: center; */
	align-items: center;
	line-height: 35px;
	text-align: left;
	margin: 5px 0 0;
	letter-spacing: 0.1rem;
	}
/*タイトル（青線付き）*/
#manners .manners-border-title {
	text-align: center;
	font-size: 2rem;
	display: block;
	width: 100%;
	margin: 100px 0 50px;
	line-height: 37px;
}
#manners .manners-border-title::before {
	content: '';
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 10px auto 30px auto;
	background-color: #008286;
	white-space: nowrap;
	height: 1px;
}
/*知識とマナーのページのバナー指定*/
#manners .bnr-left-box-pc {
	padding: 35px 5px 35px 0px;
	width: 100%;
}
#manners .bnr-right-box-pc {
	padding: 35px 0px 35px 5px;
	width: 100%;
}
/*#manners .bnr-right-box-sp {
	padding: 10px 10px 10px 5px;
	width: 98%;
}
#manners .bnr-left-box-sp {
	padding: 10px 5px 10px 10px;
	width: 98%;
}*/
#manners .bnr-box-sp {
	padding: 10px 10px 0;
	width: 100%;
}

/*-- 焼香・献花タブのテキスト --*/
#manners .tab-wrap01 a, .tab-wrap02 a {
	flex: 0 0 326px;
	background-color: #E6E6E6;
	border-radius: 0px;
	border: none;
	/*margin: 0 4px;*/
	text-align: center;
	/* padding: 20px 0; */
	color: #000;
	text-decoration: none;
}
#manners ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
/* アコーディオン部分 アコーディオン部分（香典のグラフ）ここから*/
#manners .graph-wrap {
	position: relative;
	margin: 10px;
	font-family: "ryo-gothic-plusn", sans-serif;
}
#manners .graph-wrap label {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}
#manners .graph-wrap input:checked + label {
	background: inherit; /* 開いた時には背景グラデーションを消す*/
}
#manners .graph-wrap label:after {
	content: "金額の目安グラフ"; /* ラベルの文字 */
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1rem;
	padding: 15px;
	position: absolute;
	color: #fff;
	background-color: #de6977;
	width: 100%;
	font-weight: normal;
}
#manners .graph-wrap label::before {
	font-family: "Font Awesome 5 Free";
	content: "\f067";
	color: #fff;
	font-size: 1.2rem;
	position: absolute;
	bottom: -36px;
	right: 15px;
	z-index: 1;
}
#manners .graph-wrap input {
	display: none;
}
#manners .graph-wrap .accordion-container {
	overflow: hidden;
	height: 0px;
	border: solid 1px #ccc;
}
#manners .graph-wrap .accordion-container2 {
	overflow: hidden;
	height: 0px;
	border: solid 1px #ccc;
}
#manners .graph-wrap input:checked + label:after {
	content: "とじる";
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1rem;
	padding: 15px;
}
#manners .graph-wrap input:checked + label::before {
	font-family: "Font Awesome 5 Free";
	content: "\f068";
}
#manners .graph-wrap input:checked ~ .accordion-container {
	height: auto;
	max-height: none;
	padding: 20px; /* とじるボタンからの位置 */
}
#manners .graph-wrap input:checked ~ .accordion-container2 {
	height: auto;
	max-height: none;
	padding: 10px;
}
/* ----------アコーディオン部分（香典のグラフ） ー ここまで*/

/* アコーディオン部分 （ポイント）ー ここから*/
#manners .point-wrap {
	position: relative;
	margin: 10px;
	font-family: "ryo-gothic-plusn", sans-serif;
}
#manners .point-wrap label {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}
#manners .point-wrap input:checked + label {
	background: inherit; /* 開いた時には背景グラデーションを消す*/
}
#manners .point-wrap label:after {
	content: "ポイント"; /* ラベルの文字 */
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1rem;
	padding: 15px;
	position: absolute;
	color: #fff;
	background-color: #de6977;
	width: 100%;
	font-weight: normal;
}
#manners .point-wrap label::before {
	font-family: "Font Awesome 5 Free";
	content: "\f067";
	color: #fff;
	font-size: 1.2rem;
	position: absolute;
	bottom: -36px;
	right: 15px;
	z-index: 1;
}
#manners .point-wrap input {
	display: none;
}
#manners .point-wrap .accordion-container {
	overflow: hidden;
	height: 0px;
	border: solid 1px #ccc;
}
#manners .point-wrap .accordion-container2 {
	overflow: hidden;
	height: 0px;
	border: solid 1px #ccc;
}
#manners .point-wrap input:checked + label:after {
	content: "とじる";
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1rem;
	padding: 15px;
}
#manners .point-wrap input:checked + label::before {
	font-family: "Font Awesome 5 Free";
	content: "\f068";
}

#manners .point-wrap input:checked ~ .accordion-container {
	height: auto;
	max-height: none;
	padding: 20px; /* とじるボタンからの位置 */
}

#manners .point-wrap input:checked ~ .accordion-container2 {
	height: auto;
	max-height: none;
	padding: 10px;
}
/* --------アコーディオン部分 （ポイント）ここまで*/

/*焼香と献花　タブメニュー*/
#manners .tab-wrap01 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	border: none;
	border-bottom: solid 2px #008285;
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.2rem;
	list-style: none;
	padding: 10px 95px 0;
}
#manners .tab-wrap02 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	border: none;
	border-top: solid 2px #008285;
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	list-style: none;
	padding: 0 40px;
}
#manners .tab-wrap01 a, #manners .tab-wrap02 a {
	flex: 0 0 32%;
	/* background-color: #7ac4c5; */
	border-radius: 0px;
	border: none;
	/*margin: 0 4px;*/
	text-align: center;
	/* padding: 20px 0; */
	color: #000;
	background-color: none;
	text-decoration: none;
}
#manners .tab-wrap01 a li {
	padding: 15px;
	letter-spacing: 0;
	background-color: #efefef;
	border-right: solid 2px #FFF;
	border-top: solid 2px #fff;
}
#manners .tab-wrap02 a li {
	padding: 15px;
	letter-spacing: 0;
	background-color: #efefef;
	border-right: solid 2px #FFF;
	border-bottom: solid 2px #fff;
}
#manners .tab-wrap01 a li::before, #manners .tab-wrap02 a li::before {
	display: inline-block;
	margin: 0 10px;
	color: #008285;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: bold;
}
#manners .tab-wrap01 a li.active, #manners .tab-wrap01 a li:hover {
	background-color: #7ac4c5;
	color: #FFF;
	border: none;
	border-radius: 0px;
	border-right: solid 2px #FFF;
	border-top: solid 2px #fff;
}
#manners .tab-wrap02 a li.active, #manners .tab-wrap02 a li:hover {
	background-color: #7ac4c5;
	color: #FFF;
	border: none;
	border-radius: 0px;
	border-right: solid 2px #FFF;
	border-bottom: solid 2px #fff;
}
#manners .tab-wrap01 a:hover li::before, #manners .tab-wrap02 a:hover li::before {
	color: #FFF;
}
#manners .tab-wrap01 a li.active::before {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: bold;
	color: #FFF;
}
#manners .tab-wrap02 a li.active::before {
	font-family: "Font Awesome 5 Free";
	content: "\f106";
	font-weight: bold;
	color: #FFF;
}
#sankotsu .accordion {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.3rem;
	color: #fff;
	line-height: 2.125rem;
	margin-bottom: 0;
}
/*服装　タブメニュー ここから*/
/*タブメニュー*/
#manners .tab-wrap05 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	border: none;
	border-bottom: solid 3px #008285;
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	list-style: none;
	padding-left: 10px;
}
#manners .tab-wrap06 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	border: none;
	border-top: solid 3px #008285;
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	list-style: none;
	padding-left: 10px;
}
#manners .tab-wrap05 a, #manners .tab-wrap06 a {
	flex: 0 0 272px;
	background-color: #E6E6E6;
	border-radius: 0px;
	border: none;
	margin: 0 4px;
	text-align: center;
	/*padding: 20px 0;*/
	color: #000;
	text-decoration: none;
}
#manners .tab-wrap05 a li, #manners .tab-wrap06 a li {
	padding: 15px 0;
	letter-spacing: 0;
}
#manners .tab-wrap05 a li::before, #manners .tab-wrap06 a li::before {
	display: inline-block;
	margin: 0 10px;
	color: #008285;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: bold;
}
#manners .tab-wrap05 a li.active, #manners .tab-wrap05 a li:hover, #manners .tab-wrap06 a li.active, #manners .tab-wrap06 a li:hover {
	background-color: #7ac4c5;
	color: #FFF;
	border: none;
	border-radius: 0px;
	width: -webkit-fill-available;
}
#manners .tab-wrap05 a:hover li::before, #manners .tab-wrap06 a:hover li::before {
	color: #FFF;
}
#manners .tab-wrap05 a li.active::before {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: bold;
	color: #FFF;
}
#manners .tab-wrap06 a li.active::before {
	font-family: "Font Awesome 5 Free";
	content: "\f106";
	font-weight: bold;
	color: #FFF;
}
/*---服装　タブメニュー ここまで---*/

#sankotsu .accordion {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.3rem;
	color: #fff;
	line-height: 2.125rem;
	margin-bottom: 0;
}
/*--------------------------------------
焼香・献花
--------------------------------------*/
/*イラストの調整枠文*/
#manners .img-syoukou-box {
	width: 100%;
	padding: 0 15px;
}
#manners .service-description-wrap-01, #manners .service-description-wrap-02 {
	position: relative;/*width: 95%;*/
}
/*手順の説明文*/
#manners .syoukou-sub-read-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1rem;
	align-items: center;
	line-height: 30px;
	text-align: left;
	height: 110px;
	width: 100%;
	padding:15px 15px 0;
	letter-spacing: -0.5px;
}
/*焼香と献花の冒頭の見出し文*/
#manners .syoukou-normal-text {
	text-align: center;
	font-size: 1.4rem;
	font-family: "ryo-gothic-plusn", sans-serif;
	margin: 70px 0;
	line-height: 40px;
}
/*手順説明文字（青）*/
#manners .sub-title-blue {
	text-align: left;
	font-size: 1.5rem;
	font-family: "ryo-gothic-plusn", sans-serif;
	color: #008286;
	margin: 50px 0 30px;
}
/*香典のページ　見出し（青）*/
#manners .kouden-title-blue {
	text-align: left;
	font-size: 1.5rem;
	font-family: "ryo-gothic-plusn", sans-serif;
	color: #008286;
	margin: 50px 0px 30px;
}
/*服装のページ　見出し（青）*/
#manners .fukusou-title-blue {
	text-align: left;
	font-size: 1.5rem;
	font-family: "ryo-gothic-plusn", sans-serif;
	color: #008286;
	margin: 50px 0 30px;
}
/*ポイント文字（赤）*/
#manners .sub-title-red {
	text-align: left;
	font-size: 1.4rem;
	font-family: "ryo-gothic-plusn", sans-serif;
	color: #DE6977;
	margin: 0 0 20px;
}

/*香典ポイント文字（赤）*/
#manners .kouden-title-red {
	text-align: left;
	font-size: 1.4rem;
	font-family: "ryo-gothic-plusn", sans-serif;
	color: #DE6977;
	margin: 0 0 20px;
}
/*宗派テーブル関連指定*/
#manners .sect-wrap {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.3rem;
	line-height: 34px
}
#manners .sect-wrap-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	line-height: 33px;
	color: #000;
	padding: 0;
}
#manners .sect-wrap table {
	width: 100%;
	border: solid 1px #C9C9C9;
	margin: 30px 0;
}
#manners .sect-wrap table tr {
	height: 76px;
}
#manners .sect-wrap table tr td, #manners .sect-wrap table tr th {
	text-align: center;
	font-weight: normal;
	border-left: solid 1px #ccc;
}
#manners .sect-wrap table tr td {
	border: solid 1px #C9C9C9;
}
#manners .sect-wrap table tr th {
	background-color: rgba(222,105,119,0.7);
}
/*香典・供花・供物　タブメニュー　ここから*/
#manners .tab-wrap03 a, .tab-wrap04 a {
	flex: 0 0 326px;
	background-color: #E6E6E6;
	border-radius: 0px;
	border: none;
	/*margin: 0 4px;*/
	text-align: center;
	/* padding: 20px 0; */
	color: #000;
	text-decoration: none;
}
#manners .tab-wrap03 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	border: none;
	border-bottom: solid 2px #008285;
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	list-style: none;
	padding: 10px 95px 0;
}
#manners .tab-wrap04 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	border: none;
	border-top: solid 2px #008285;
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	list-style: none;
	padding: 0 40px;
}
#manners .tab-wrap03 a, #manners .tab-wrap04 a {
	flex: 0 0 32%;
	/* background-color: #7ac4c5; */
	border-radius: 0px;
	border: none;
	/*margin: 0 4px;*/
	text-align: center;
	/* padding: 20px 0; */
	color: #000;
	background-color: none;
	text-decoration: none;
}
#manners .tab-wrap03 a li {
	padding: 15px;
	letter-spacing: 0;
	background-color: #efefef;
	border-right: solid 2px #FFF;
	border-top: solid 2px #fff;
}
#manners .tab-wrap04 a li {
	padding: 15px;
	letter-spacing: 0;
	background-color: #efefef;
	border-right: solid 2px #FFF;
	border-bottom: solid 2px #fff;
}
#manners .tab-wrap03 a li::before, #manners .tab-wrap04 a li::before {
	display: inline-block;
	margin: 0 10px;
	color: #008285;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: bold;
}
#manners .tab-wrap03 a li.active, #manners .tab-wrap03 a li:hover {
	background-color: #7ac4c5;
	color: #FFF;
	border: none;
	border-radius: 0px;
	border-right: solid 2px #FFF;
	border-top: solid 2px #fff;
}
#manners .tab-wrap04 a li.active, #manners .tab-wrap04 a li:hover {
	background-color: #7ac4c5;
	color: #FFF;
	border: none;
	border-radius: 0px;
	border-right: solid 2px #FFF;
	border-bottom: solid 2px #fff;
}
#manners .tab-wrap03 a:hover li::before, #manners .tab-wrap04 a:hover li::before {
	color: #FFF;
}
#manners .tab-wrap03 a li.active::before {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: bold;
	color: #FFF;
}
#manners .tab-wrap04 a li.active::before {
	font-family: "Font Awesome 5 Free";
	content: "\f106";
	font-weight: bold;
	color: #FFF;
}
/*-----香典・供花・供物　タブメニュー　ここまで----*/


/*香典についての枠*/
#manners .kouden-wrap01 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border: none;
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	list-style: none;
	/* padding: 10px 95px 0; */
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#manners .kouden-wrap01 li {
	padding: 15px 0;
	letter-spacing: 0;
	/* background-color: #efefef; */
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
}
#manners .kouden-wrap01 img {
	width: 100%;
	padding: 15px;
}
/*---香典・供花・供物　タブメニュー　ここまで---*/

#manners .kouden-normal-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	list-style: none;
	line-height: 33px;
}
#manners .kyoka-normal-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	list-style: none;
	line-height: 33px;
	margin: 0;
}
/*--------------------------------------
微調整関連
--------------------------------------*/
/*微調整 スマホ 左余白*/
#manners .pdg-l-10 {
	padding: 0;
}
/*微調整 左右幅*/
#manners .pdg-10 {
	padding: 0 10px;
}
#manners .pdg-15 {
	padding: 0 15px;
}
/*微調整 文字（赤）*/
#manners .color-red {
	color: #DE6977;
}
/*微調整 背景色（赤）*/
#manners .bgcolor-red {
	background-color: #EBA5AD;
}
/*微調整 文字中央寄せ（赤）*/
#manners .text-center {
	text-align: center;
	margin: 20px 0;
}
/*微調整 下1行*/
.Blank-a {
	margin-bottom: 2em;
}
.Blank-b {
	margin-bottom: 5em;
}
/*微調整　ゴシック*/
#manners .gothic {
	font-family: "ryo-gothic-plusn", sans-serif;
}
/*微調整　枠調整*/
#manners .img-box-control {
	padding: 0 15px;
}
/*微調整　枠調整*/
#manners .img-box-control2 {
	padding: 0;
}
/*微調整　服装画像調整*/
#manners .fukusou-img {
	width: 70%;
	margin: 30px 0 0 30px;
}
/*微調整　その他のみだしなみマナー調整*/
#manners .other-manners-img {
	display: block;
}



/*--------------------------------------
知識とマナー　フッターバナー素材
--------------------------------------*/
#manners .bnr-manners-wrap {
	display: table;
	border: solid 1px #C9C9C9;
	width: 100%;
}
#manners .bnr-manners-wrap > ul, #manners .bnr-manners-wrap > div {
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
}
#manners .bnr-manners-wrap .manners-title-wrap {
	width: 300px;
	font-size: 1.9rem;
	text-shadow: 1px 1px 4px #FFF, 1px -1px 4px #FFF, -1px 1px 4px #FFF, -1px -1px 4px #FFF;
	background: url(/themes/www.ceremo117.jp_2017/manners/img/bnr_manners_pc.jpg) no-repeat left;
	background-size: 100% auto;
	text-align: center;
	font-weight: 700;
}
#manners .bnr-manners-wrap > ul {
	font-size: 1rem;
	background-color: #fff;
}
#manners .bnr-manners-wrap > ul > li {
	display: inline-block;
	width: 24%;
	list-style: none;
	padding: 15px 5px;
	font-family: "ryo-gothic-plusn", sans-serif;
}
#manners .bnr-manners-wrap > ul > li a {
	color: #000;
	font-size: 1.1rem;
}
#manners .bnr-manners-wrap > ul > li a::before {
	content: '\f105';
	font-weight: bold;
	font-family: "Font Awesome 5 free";
	display: inline-block;
	padding: 0 10px;
	color: #008286;
}
/*お申し込みボタン*/
#manners .btn01 {
	display: block;
	width: 100%;
	padding: 15px 0;
	background-color: #FFF;
	border: solid 1px #CACACA;
	color: #141414;
	text-align: center;
	margin: 60px 0;
	position: relative;
	font-family: "ryo-gothic-plusn", sans-serif;
	letter-spacing: 0.2em;
	font-size: 1.1rem;
}

/*--------------------- 表示領域 ---------------------*/
@media screen and (max-width:1920px) {
}

@media screen and (max-width:1199px) {
/*服装　タブメニュー*/
#manners .tab-wrap05 a, #manners .tab-wrap06 a {
	flex: 0 0 220px;
}
#manners .tab-wrap05, #manners .tab-wrap06 {
	font-size: 1rem;
	padding-left: 15px;
}
#manners .tab-wrap05 a, #manners .tab-wrap06 a {
	flex: 0 0 220px;
}
/*タブメニュー*/
#manners .tab-wrap01 {
	border: none;
	border-bottom: none;
	padding: 10px 65px 0;
}
#manners .tab-wrap02 {
	border: none;
	border-bottom: none;
	padding: 10px 65px 0;
}

}

@media screen and (max-width:991px) {
/*服装　タブメニュー*/
#manners .tab-wrap05 a, #manners .tab-wrap06 a {
	flex: 1 0 45%;
	margin: 2px 2px;
}
#manners .tab-wrap05, #manners .tab-wrap06 {
	padding-left: 0;
	border-bottom: none;
	border-top: none;
	margin-bottom: 0;
	font-size: 1rem;
}

@media screen and (max-width:767px) {
#manners .kouden-title-red {
	font-size: 1.2rem;
	margin: 0 15px 20px;
}
#manners .kouden-title-blue {
	font-size: 1.2rem;
	margin: 50px 15px 30px;
}
/*微調整 スマホ 左余白*/
#manners .pdg-l-10 {
	padding: 0 0 0 10px;
}	
#manners .tab-wrap05 a li.active, #manners .tab-wrap05 a li:hover, #manners .tab-wrap06 a li.active, #manners .tab-wrap06 a li:hover {
	height: 70px;
	vertical-align: middle;
	width: -moz-available;
	align-items: center;
	justify-content: center;
	display: flex;
}
#manners .tab-wrap05 a, #manners .tab-wrap06 a {
	text-align: center;
	height: 70px;
	vertical-align: middle;
	width: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
}
	
#manners .tab-wrap05, #manners .tab-wrap06 {
	font-size: 1rem;
}

/*スマホの時のみ横幅10pxの余白*/
#manners .img-box-control2 {
	padding: 0 10px;
}
#manners .fukusou-title-blue {
	font-size: 1.1rem;
	margin: 40px 0 30px;
}
/*香典テーブル内の文字*/
#manners .kouden-wrap01 {
	font-size: 1rem;
}
/*香典*/
#manners .kouden-normal-text {
	font-size: 1rem;
	line-height: 19px;
}

/*供花*/
#manners .kyoka-normal-text {
	font-size: 1rem;
	line-height: 22px;
	padding: 0;/*display: contents;*/
}
/*お申し込みボタン*/	
#manners .btn01 {
	padding: 15px 0;
	letter-spacing: -0.05em;
	font-size: 1rem;
	margin: 30px 0;
}
#manners .bnr-manners-wrap {
	display: block;
	width: calc(100% - 20px);
	margin: auto 10px;
}
#manners .bnr-manners-wrap > div {
	display: block;
}
#manners .bnr-manners-wrap .other-title-wrap {
	width: 100%;
	text-shadow: none;
	background-image: none;
	background-color: #FFF;
	position: relative;
	font-size: 1.25rem;
}
#manners .bnr-manners-wrap .other-title-wrap::after {
	display: block;
	content: '';
	width: 100%;
	max-width: 100px;
	margin-top: 10px;
	height: 1px;
	background-color: #008285;
	white-space: nowrap;
	position: absolute;
	left: calc(50% - 50px);
}
#manners .bnr-manners-wrap > ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
}
#manners .bnr-manners-wrap > ul > li {
	-webkit-flex: 1 1 50%;
	-moz-flex: 1 1 50%;
	-ms-flex: 1 1 50%;
	-o-flex: 1 1 50%;
	flex: 1 1 50%;
	padding: 5px;
	text-align: left;
}
#manners .bnr-manners-wrap > ul > li a {
	white-space: nowrap;
	font-size: 1rem;
}
#manners .manners-title-text {
	font-size: 1rem;
	line-height: 29px;
	margin: 20px 0 10px;
	letter-spacing: 0px;
}
#manners .sub-title-blue {
	font-size: 1.1rem;
	margin: 50px 15px 0;
	letter-spacing: 0px;
}
#manners .manners-border-title::before {
	display: none;
}
/*タブメニュー*/
#manners .tab-wrap01 {
	font-size: 1.1rem;
	list-style: none;
	padding: 10px 45px 0;
}
#manners .tab-wrap02 {
	font-size: 1.1rem;
	list-style: none;
	padding: 10px 45px 0;
}
#manners .tab-wrap03 {
	font-size: 1.1rem;
	list-style: none;
	padding: 10px 45px 0;
	border-bottom: solid 0px #008285;
}
#manners .tab-wrap04 {
	font-size: 1.1rem;
	list-style: none;
	padding: 10px 45px 0;
	border-top: solid 0px #008285;
}
#manners .manners-sub-read-text {
	font-size: 1.1rem;
	line-height: 30px;
	padding: 0 15px;
}
/*焼香・献花---------------*/
#manners .manners-border-title {
	font-size: 1.5rem;
	margin: 40px 0;
	line-height: 37px;
}
#manners .syoukou-sub-read-text {
	font-size: 1rem;
	line-height: 19px;
	margin: 0 0 0;
	height: 65px;
}
#manners .syoukou-normal-text {
	font-size: 1rem;
	margin: 20px 0;
	line-height: 25px;
}
#manners .window {
	margin: 0;
	padding: 0 15px;
}
#manners .advice {
	font-size: 1rem;/*line-height: 46px;*/
}
#manners .child01 {
	padding: 15px;
}
#manners .tab-wrap01 {
	padding: 0 15px;
}
#manners .tab-wrap02 {
	padding: 0px 15px 10px;
}
#manners .tab-wrap03 {
	padding: 0 15px;
}
#manners .tab-wrap04 {
	padding: 0px 15px 10px;
}
#manners .sect-wrap table tr {
	height: 60px;
}
#manners .img-box-control {
	padding: 7.5px;
}
#manners .img-syoukou-box {
	padding: 7.5px;
}
#manners .sect-wrap-text {
	font-size: 1rem;
	padding: 0 0 0px;
	line-height: 24px;
	letter-spacing: 0px;
}
#manners .sect-wrap {
	font-size: 1rem;
	line-height: 26px;
}
#manners .kouden-normal-text {
	padding: 0 15px;
}
#manners .fukusou-img {
	width: 80%;
	margin: 30px 0 0 30px;
}
#manners .sect-wrap table {
	margin:0;
}
}

@media screen and (max-width:500px) {
#manners .kyoka-normal-text {
	font-size: 1rem;
	line-height: 22px;
	padding: 0;
	display: contents;
}
/*香典青文字*/
#manners .kouden-title-blue {
	font-size: 1rem;
	margin: 30px 15px 15px;
}
#manners .kouden-title-red {
	font-size: 1rem;
	margin: 30px 15px 15px;
}
#manners .other-manners-img {
	display: flex !important;
	align-items: baseline !important;
	text-align: left !important;
}
}

@media screen and (max-width:375px) {
/*供花*/
#manners .kyoka-normal-text {
	font-size: 0.9rem;
	line-height: 19px;
	margin: 0px;
	display: contents;
}
#manners .syoukou-normal-text {
	font-size: 1rem;
	margin: 20px 0;
	line-height: 25px;
	padding: 0 15px;
}
/*タブメニュー*/
#manners .tab-wrap01 {
	font-size: 1rem;
	padding: 0 15px;
	letter-spacing: -1px;
}
#manners .tab-wrap02 {
	font-size: 1rem;
	padding: 0px 15px 10px;
	letter-spacing: -1px;
}
#manners .tab-wrap03 {
	font-size: 1rem;
	padding: 0 15px;
	letter-spacing: -1px;
}
#manners .tab-wrap04 {
	font-size: 1rem;
	padding: 0px 15px 10px;
	letter-spacing: -1px;
}
#manners .tab-wrap01 a li, #manners .tab-wrap02 a li {
	padding: 10px 5px;
}
#manners .tab-wrap01 a li::before, #manners .tab-wrap02 a li::before {
	margin: 0 5px;
}
#manners .sub-title-blue {
	font-size: 1.1rem;
	margin: 50px 15px 0;
	/*letter-spacing: 0;*/
}
#manners .manners-sub-read-text {
	font-size: 1rem;
	line-height: 26px;
	padding: 0 15px;
}
/*焼香・献花-------------------*/
#manners .syoukou-sub-read-text {
	font-size: 1rem;
	line-height: 19px;
	height: 80px;
	letter-spacing: -1px;
	padding: 7.5px;
}
#manners .img-syoukou-box {
	width: 100%;
	padding: 7.5px;
}
/*-- アコーディオン--*/	
#manners .child01 {
	padding: 15px;
}
#manners .sect-wrap-text {
	font-size: 1.0rem;
	color: #000;
	padding: 0 0 20px;
}
#manners .sect-wrap {
	font-size: 1rem;
	letter-spacing: -1px
}
#manners .advice {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1rem;
	text-align: left;
	letter-spacing: 0px;
}
#manners .fukusou-img {
	width: 100%;
	margin: 30px 0 0;
}
#manners .fukusou-title-blue {
	margin: 10px 0 20px;
}
}