@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html {
	scroll-behavior: smooth;
	height: 100%;
}

body {
	background-repeat: repeat;
	background-image: url(../images/png/seigaiha.png);
	background-attachment: fixed;
	margin: auto;
	font-family: "Arial", "Helvetica", sans-serif;
	height: 100%;
}

blockquote {
	font-size: 16px;
	line-height: 200%;
	margin: 1em 5em;
	padding: 1.5em 2em;
	border: 2px solid #0066CC;
}

sub {
	vertical-align: sub;
	font-size: 70%;
}

sub.coment {
	color: #F00;
}

sup {
	vertical-align: super;
	font-size: 70%;
}

em {
	font-style: italic;	
}

.siddham {
	width: 4%;
	vertical-align: middle;
}

.siddham_rt {
	width: 40px;
	vertical-align: middle;
	object-fit: cover;
}

.rt-siddham {
	font-size: 0.8em;
}

blockquote sub {
	color: #F00;
}

.solo {
	margin: 1em 5em 0;
}

.rendering {
	margin: 1em 5em 0;
	border: 2px solid #666666;
}

.translation {
	margin: 1em 5em 0;
	border: 2px dotted #666666;
}

.pali {
	font-size: 16px;
	line-height: 230%;
	margin: 1em 5em;
}

.note {
	color: #000;
}

p {
	font-size: 16px;
	line-height: 200%;
}

.siddham {
	width: 4%;
	vertical-align: middle;
}

.siddham_R {
	width: 8%;
	vertical-align: middle;
}

.devanagari {
	font-size: 120%;
}

.indent {
	padding-left: 2em;
}

.indent1 {
	padding-left: 1em;
}

.indent3 {
	padding-left: 3em;
}

.justified_R {
	text-align: right;
}

.justified_C {
	text-align: center;
}

.underline_Y {
	background: linear-gradient(transparent 70%, yellow 70%);
}

.underline_R {
	border-bottom: solid 1px #FF0000;
}

p.alignment_R {
	text-align: right;
	margin: 0 2em;
}

.container_L p{
	margin: 1em 5em;
}

.container_L p.signature {
	text-align: right;
	margin: 0 80px 1.5em;
}

.container_L p.source {
	text-align: right;
	margin: 0 5em 1.5em;
}

h1 {
	font-size: 30px; 
	line-height: 100%;
	margin: 0 10px;
	padding: 15px 0 5px;
}

h1.title {
	color: #FFFFFF;
	margin-bottom: 5px;
}

h1.CR {
	font-size: 18px; 
	line-height: 100%;
	margin: 0 25px 20px;
	text-align: left;
	border-bottom: 1px solid #999999;
}

h2 {
	font-size: 25px; 
	line-height: 100%;
}

h2.book {
	font-size: 18px; 
	margin: 1em 1.5em 0 2em;
	padding: 0 0 5px;
	border-bottom: #999999 solid 1px;
}

.container_L h2 {
	margin: 1em 70px 0;
}

h3 {
	font-size: 18px;	
	line-height: 100%;
	margin: 1em 1.5em 0 2em;
}

h3.book {
	margin: 1.5em 70px 1em;
	padding-left: 0.5em;
	border-left: #1A60BF solid 0.5em; 
}

ul {
	padding : 0;
	margin : 0 0 20px;
}

ul.FT {
	text-align: center;
	list-style-type: none;
	margin : 30px 0;
}

ul.pagination {
	font-size: 16px;
	line-height: 180%;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
    display: inline-block;
    margin: 0;
}

ul.pagination li {
	display: inline;
	width: 1em;
	height: 1em;
}

ul.pagination li a {
	color: #FFFFFF;
    padding: 5px 15px;
    text-decoration: none;
    border-radius: 30px;
    transition: .3s;
}

ul.pagination li a.active {
    background-color: #06C;
    border-radius: 30px;
}

ul.pagination li a:hover:not(.active) {
    color: #1A60BF;
    background-color: #D0E2FB;
}

ul.navi {
	font-size: 16px;
	line-height: 160%;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
    display: inline-block;
    margin: 0;
}

ul.navi li {
	display: inline;
	width: 1em;
	height: 1em;
}

ul.navi li a {
	color: #FFFFFF;
    padding: 5px 15px;
    text-decoration: none;
    border-radius: 30px;
    transition: .3s;
}

ul.navi li a.active {
	color: #1A0066;
    background-color: #FFF;
    border-radius: 30px;
}

ul.navi li a:hover:not(.active) {
    color: #1A0066;
    background-color: #D0E2FB;
}

ul.page {
	font-size: 16px;
	line-height: 160%;
	justify-content: center;
	align-items: center;
	color: #000;
    display: inline-block;
    margin: 0;
}

ul.page li {
	display: inline;
	width: 1em;
	height: 1em;
}

ul.page li a {
	color: #000;
    padding: 5px 15px;
    text-decoration: none;
    border-radius: 30px;
    transition: .3s;
}

ul.page li a.active {
	color: #1A0066;
    background-color: #D0E2FB;
    border-radius: 30px;
}

ul.page li a:hover:not(.active) {
    color: #1A0066;
    background-color: #D0E2FB;
}

li.CL {
	line-height: 2;
	margin: 10px 45px;
}

li.CR {
	line-height: 1.6;
	margin: 15px 20px 15px 45px;
	padding-left: 10px;
	list-style-image: url(../images/png/list_svastika_12_orange.png);
}

li.CR a {
	color: #000;
    text-decoration: none;
    border-radius: 20px;
    transition: .2s;
}

li.CR a.active {
	color: #FFF;
	padding: 5px 10px;
    background-color: #1A60BF;
    border-radius: 30px;
}

li.CR a:hover:not(.active) {
    color: #1A0066;
	padding: 5px 10px;
    background-color: #D0E2FB;
}

li.CR1 {
	line-height: 1.6;
	margin: 15px 20px 15px 45px;
	padding-left: 10px;
	list-style-image: url(../images/png/list_svastika_12_red.png);
}

li.CR1 a {
	color: #000;
    text-decoration: none;
    border-radius: 20px;
    transition: .2s;
}

li.CR1 a.active {
	color: #FFF;
	padding: 5px 10px;
    background-color: #1A60BF;
    border-radius: 30px;
}

li.CR1 a:hover:not(.active) {
    color: #1A0066;
	padding: 5px 10px;
    background-color: #D0E2FB;
}

.toggle {
	border: 2px solid #d9d9d9;
}

h1.toggle_title {
	font-size: 18px; 
	position: relative;
	cursor: pointer;
	line-height: 100%;
	margin: 0 25px 20px;
	text-align: left;
	border-bottom: 1px solid #999999;
	transition: 0.3s;
}

.toggle_title:hover {
	color: #fd7e00;
}

.toggle_title:after {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	background:url(btn_arrow.png) no-repeat right top;
	position:absolute;
	top: 50%;
	right: 7px;
	transform: translateY(-50%);
	transition: 0.2s;
}

.toggle_title.selected:after {
	transform: translateY(-50%) rotate(180deg);
	transition: 0.2s;
}

.toggle_txt {
	display: none;
}

ol.contents li {
	line-height: 1.6;
	margin: 15px 20px 15px 50px;
	padding-left: 5px;
}

ol.contents li a {
	color: #000;
    text-decoration: none;
    border-radius: 20px;
    transition: .2s;
}

ol.contents li a.active {
	color: #FFF;
	padding: 5px 10px;
    background-color: #1A60BF;
    border-radius: 30px;
}

ol.contents li a:hover:not(.active) {
    color: #1A0066;
	padding: 5px 10px;
    background-color: #D0E2FB;
}

ol.sub_contents li {
	list-style: upper-roman;
	line-height: 1.6;
	margin: 15px 20px 15px 70px;
	padding-left: 5px;
}

ol.sub_contents li a {
	color: #000;
    text-decoration: none;
    border-radius: 20px;
    transition: .2s;
}

ol.sub_contents li a.active {
	color: #000;
	padding: 5px 10px;
    background-color: #D0E2FB;
    border-radius: 30px;
}

ol.sub_contents li a:hover:not(.active) {
    color: #1A0066;
	padding: 5px 10px;
    background-color: #D0E2FB;
}

li.FT {
	line-height: 1.6;
	color: #FFFFFF;
	margin: 20px 0;
}

.FT li a {
	text-decoration: none;
	color: #FFFFFF;
 }

.FT li a:hover {
	text-decoration: underline;
}

table {
	width: 730px;
	font-size: 1em;
	line-height: 2;
	margin: 2em 80px;
	border-collapse: collapse;
	border-spacing: 0px 1px;
}

table th {
	padding: 0.7em;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	border-top: #1A0066 1px solid;
	border-bottom: #1A0066 1px solid;
	color: #000;
}

.nowrap {
	white-space: nowrap;
}

th.lineR {
	border-left: #1A0066 1px solid;
	border-right: #1A0066 1px solid;	
}

td.lineR {
	border-left: #1A0066 1px solid;
	border-right: #1A0066 1px solid;	
}

th.lineB2 {
	border-bottom: #1A0066 5px double;
}

td.lineB2 {
	border-bottom: #1A0066 5px double;
}

th.NLB {
	white-space: nowrap;
	text-align: center;
	border-bottom: #1A0066 3px double;
}

td.NLB {
	white-space: nowrap;
	text-align: center;
}

table td {
	padding: 0.7em;
	vertical-align: middle;
	text-align: left;
	border-top: #1A0066 1px solid;
	border-bottom: #1A0066 1px solid;
}

table td.center {
	text-align: center;
	white-space: nowrap;
}

table th.R1,
table td.R1, {
	border-right: #999 1px solid;
}

table th.R2,
table td.R3, {
	border-left: #999 1px solid;
	border-right: #999 1px solid;
}

table th.R2,
table th.R3,
table th.R4 {
	text-align: center;
}

table th.R3,
table td.R3, {
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	white-space: nowrap;
}

table th.R4
table td.R3, {
	border-left: #fff 1px solid;
}

header {
	background: #1A0066;
	width: auto;
	min-height: 60px;
	padding-top: 5px;
	filter: drop-shadow(0px 8px 6px rgba(0,0,0,0.7));
	background: rgba(26,0,102,0.85);
}

.breadcrumb_band_up {
	width: 1200px;
	margin: 10px auto 0;
	min-height: 30px;
	background: rgba(26,0,102,0.8);
	filter: drop-shadow(0px 4px 3px rgba(0,0,0,0.7));	
}

.breadcrumb_band_bottom {
	width: 1200px;
	margin: 0 auto;
	min-height: 30px;
	background: rgba(26,0,102,0.8);
	filter: drop-shadow(0px -4px 3px rgba(0,0,0,0.7));	
}

.breadcrumb {
	padding: 5px 20px 0;
	list-style: none;
}

.breadcrumb li {
	display: inline;
	list-style: none;
	font-weight: normal;
}

.breadcrumb li:after {
	content: '>';
	padding: 0 0.2em;
	color: #FFFFFF;
}

.breadcrumb li:last-child:after {
	content: '';
}

.breadcrumb li a {
	text-decoration: none;
	color: #FFFFFF;
 }

.breadcrumb li a:hover {
	text-decoration: underline;
}

.title_band {
	width: 1200px;
	margin: 10px auto 0;
	padding: 10px 0;
	text-align: center;
	min-height: 60px;
	background: rgba(26,0,102,0.8);
	filter: drop-shadow(0px 4px 3px rgba(0,0,0,0.7));	
}

.pagenation_band_up {
	width: 1200px;
	margin: 10px auto 0;
	min-height: 30px;
	text-align: center;
	background: rgba(26,0,102,0.8);
	filter: drop-shadow(0px 4px 3px rgba(0,0,0,0.7));	
}

.pagenation_band_bottom {
	width: 1200px;
	margin: 0 auto 10px;
	padding: 10px 0;
	min-height: 30px;	
	text-align: center;
	background: rgba(26,0,102,0.8);
	filter: drop-shadow(0px -4px 3px rgba(0,0,0,0.7));	
}

.band_navi {
	width: 1200px;
	margin: 10px auto 0;
	padding: 10px 0;
	text-align: center;
	background: rgba(26,96,191,0.9);
	filter: drop-shadow(0px 4px 3px rgba(0,0,0,0.7));
    border-radius: 30px;
}

.band_navi_bottom {
	width: 1200px;
	margin: 0 auto 10px;
	padding: 10px 0;
	text-align: center;
	background: rgba(26,96,191,0.9);
	filter: drop-shadow(0px -4px 3px rgba(0,0,0,0.7));
    border-radius: 30px;
}

.band_page {
	margin: 10px 70px 0;
	padding: 10px 0;
	text-align: center;
}

.band_page_bottom {
	margin: 0 70px 10px;
	padding: 10px 0;
	text-align: center;
}

.wrapper_head {
	display: flex;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	justify-content:space-between;
	clear: both;
	width: 1200px;
	margin: 0 auto;
}

.head_L {
	float: left;
	width: 300px;
}

.head_C {
	float: left;
	width: 100px;
	text-align : center;
}

.head_R {
	float: left;
	width: 300px;
}

.wrapper_main {
	display: flex;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
	clear: both;
	width: 1200px;
	margin: 15px auto;
	min-height: 50%;
}

.container_L {
	float: left;
	width: 880px;
	border: 1px solid #1A0066;
	padding: 20px 0 40px;
 	margin-right: auto;
	filter: drop-shadow(3px 0px 5px rgba(0,0,0,0.5));
	background: rgba(255,255,255,1);
}

.container_LW {
	width: 880px;
	display: flex;
}

.container_LL {
	float: left;
	width: 360px;
	border: 2px solid #0066CC;
	padding: 1em 0 ;
	margin: 0 5px 1em 72px;
}

.container_LL p{
	margin: 1em 1.5em 1em 2em;
	font-size: 16px;
	line-height: 220%;

}
.container_LR {
	float: right;
	width: 360px;
	border: 2px dotted #666666;
	padding: 1em 0;
	margin: 0 48px 1em 5px;
}

.container_LR p{
	margin: 1em 2em;
}

.container_R {
	float: left;
	width: 300px;
	border: 1px solid #1A0066;
	padding: 20px 0;
	filter: drop-shadow(-5px 0px 5px rgba(0,0,0,0.5));
	background: rgba(255,255,255,1);
}

.box_L {
	margin: 30px 1em;
}

.box_LB {
	border: solid 1px #5F4D94;
	border-radius: 5px;
	margin: 20px 15px;
	padding: 5px 5px 20px;
}

.signboard {
	filter: drop-shadow(0px 0px 9px rgba(0,0,0,0.8));
}

.logo {
	filter: drop-shadow(0px 0px 15px rgba(0,0,0,0.9));
}

.pic-left {
	float: left;
	margin: 1em 20px 3em 80px;
	border: 0;
}

.pic-leftM {
	float: left;
	margin: 0.5em 3em 3em 80px;
	border: 0;
}

.pic-right {
	float: right;
	margin: 1.5em 70px 2em 2em;
	border: 0;
}

.pic-rightM {
	float: right;
	margin: 0.5em 5em 2em 2em;
	border: 0;
}

.pic-center {
	margin: 0 auto;
	text-align: center;
	border: 0;
}

footer {
	color: #FFFFFF;
	text-align: center;
	padding: 0 0 20px;
}

.footer {
	background: #1A0066;
	clear: both;
	filter: drop-shadow(0px -8px 6px rgba(0,0,0,0.7));
	background: rgba(26,0,102,0.9);
}

.wrapper_foot {
	display: flex;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	justify-content:center;
	width: 1200px;
	margin: 20px auto 20px;
	padding: 30px 0 0;
}

.footer_L {
	float: left;
	width: 270px;
	outline : 2px solid #1A0066; 
	outline-offset : -7px;
	background: rgba(35,0,140,0.7);
	filter: drop-shadow(5px -5px 5px rgba(0,0,0,0.5));
}

.footer_C {
	float: left;
	width: 300px;
    display: flex;
    align-items: center;
	justify-content: center;
}

.footer_R {
	float: left;
	width: 270px;
	outline : 2px solid #1A0066; 
	outline-offset : -7px;
	background: rgba(35,0,140,0.7);
	filter: drop-shadow(-5px -5px 5px rgba(0,0,0,0.5));
}

.push {
    width: auto;
	height: auto;
	text-align: center;
	clear: both;
}

.sticky {
	position: sticky;
    top: 1em;
}

.red_character {
	color: #F00;	
}