@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, 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;
	font-family: "Arial", "Helvetica", sans-serif;
	margin: auto;
	counter-reset: kazu;
}

sub {
	font-size: 70%;
}

sup {
	font-size: 70%;
}

sub.coment {
	color: #F00;
}

em {
	font-style: italic;
}

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

.rt-Devasiddham {
	font-size: 1em;
	font-family: ApDevaSiddham;
}

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

.smaller {
	font-size: 80%;
}

.indent {
	padding-left: 2em;
}

.indent1 {
	padding-left: 1em;
}

.indent3 {
	padding-left: 3em;
}

.red_character {
	color: #F00;	
}

.correction {
	color: #F00;
	font-weight: bolder;
}

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

p.signature {
	text-align: right;
	margin-bottom: 2em;
}

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

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

.siddham_S {
	width: 6%;
	vertical-align: middle;
}

.siddham_S5 {
	width: 5%;
	vertical-align: middle;
}

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

.siddham_J {
	width: 9%;
	vertical-align: middle;
	display: inline-block;
}

.devanagari {
	font-size: 120%;
}

.center {
	text-align: center;
}

.container_L p, .container_C p {
	margin: 1em 30px 1em 40px;
}

.container_R p.legend {
	margin: 1em 30px 1em 40px;
	font-size: 80%;
}

.container_L a {
	text-decoration: none;
	counter-increment: kazu 1;
}

.container_L a:hover {
	text-decoration: underline;
}

.container_L a:after {
	content: "[" counter(kazu) "]";
	vertical-align: super;
	font-size: 70%;
}

.container_C a {
	text-decoration: none;
	counter-increment: num 1;
}

.container_C a:hover {
	text-decoration: underline;
}

.container_C a:after {
	content: "[" counter(num) "]";
	vertical-align: super;
	font-size: 70%;
}

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

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

h1.summary {
	font-size: 20px; 
	line-height: 100%;
	margin: 0 25px 15px;
}

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

h2 {
	font-size: 18px; 
	line-height: 100%;
	margin: 1em 30px 0 40px;
}

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

h2.DTL {
	font-size: 18px; 
	line-height: 100%;
	margin: 1em 1.5em 0;
	padding: 0 0 5px;
	border-bottom: solid #999 1px;
}

h2.CR {
	font-size: 18px; 
	line-height: 100%;
	margin: 0 1.5em 20px;
	padding: 15px 0 5px;
	text-align: left;
	border-bottom: 1px solid #999999;
}

summary {
	font-size: 16px;
	line-height: 100%;
	margin: 0;
	text-align: left;
}

summary:hover {
	background: #DADADA;
	border-radius: 10px;
}

details {
	margin-bottom: 0.5em;
	text-align: left;
	transition: .5s;
}

details p {
	font-size: 95%;
	line-height: 180%;	
}

li summary {
	line-height: 100%;
	margin-bottom: 0.5em;
	text-align: left;
}

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

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

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

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

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;
}

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;
}

ol.DTL {
	margin: 1em 2em 1em 1.5em;	
}

ol.breadcrumb li {
	font-size: 16px;
}

li.CR {
	line-height: 1.6;
	margin: 15px 20px 15px 50px;
	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 50px;
	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;
}

li.DTL {
	margin-left: 2em;
	line-height: 200%;
}

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

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

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

.pic-siddham_L {
	margin: 0 auto 0 2em;
	text-align: left;
	border: 0;
}

.pic-siddham_R {
	margin: 0 auto 0 3em;
	text-align: left;
	border: 0;
}

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

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;
	text-align: center;
	margin: 10px auto 0;
	padding: 10px 0;
	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;
}

.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: 410px;
	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);
}

.container_C {
	float: left;
	width: 410px;
	border: 1px solid #1A0066;
	padding: 20px 0;
	margin: 0 auto;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5));
	background: rgba(255,255,255,1);
	counter-reset: num;
}

.container_R {
	float: left;
	width: 350px;
	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));
}

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

.footer {
	background: #1A0066;
	clear: both;
	flex: 1;
	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;
}