@charset "UTF-8";

@import "./normalize.css";

html, body, div, header, nav, img, time, table, th, td {margin: 0;
padding: 0;}

h1, h2, h3, h4, ul, li {margin: 0;
padding: 0;
border: 0;} 



body {
	background-color: #fcfcfa;
	color: #010101;
	font-size: 13.5px;
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, 'Yu Gothic Custom', 'Yu Gothic', 'YuGothic', '游ゴシック', 'メイリオ', 'Meiryo', 'Noto Sans CJK JP', 'Noto Sans JP', '源ノ角ゴシック', '源ノ角ゴシック JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}


body > article,
body > section {
	position: relative;
	width: 98%;
	min-width: 700px;
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 2em;
	height: auto;
	min-height: 46%;
}

body > section > article {
	position: relative;
	top: 40px;
	left: 28%;
	min-width: 500px;
	max-width: 700px;
	padding-right: 2em;
	margin-bottom:7em;
}


body > section > article .main-quote-article {
	position: relative;
	top: 20px;
	left: 28%;
	min-width: 500px;
	max-width: 700px;
	padding-right: 2em;
	border-left-style: 20px;
	border-left-style:solid;
}


footer {
	clear: both;
	width: 100%;
	min-width: 700px;
	max-width: 1000px;
	margin: 2em auto 1em auto;
	padding: 0;
}
/*
footer > hr {
	width: 70%;
	text-align: right;
	margin-right: 0;
	}
*/

.copyright {
	font-family: "Cormorant Garamond", serif;
	font-size: 15px;
}


@media screen and (max-width: 1024px) {
	#content {
		left: 28%;
		width: 72%;
		min-width: 550px;
		max-width: 700px;
	}
}




body {background-position: 0;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover}

@media screen and (max-width: 1024px) {
body {background-position: center top;
background-repeat: no-repeat;
background-size:contain}
}



h1 {
	position: relative;
	padding: 40px 0 0 0;
	margin: 0 auto;
	font-size: 20px;
	max-width: 700px;
}



h2, h3, h4, h5, h6 {
	clear: both;
}

h2 {
	font-size: 2.4em;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	/*border-top: 1px solid #141414; */
	margin: 0;
	padding: 0;
	line-height: 1.35em;
	text-align: left;
	max-height: 100%;
}


h3 {
	font-size: 1.6em;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	/*border-top: 1px solid #141414; */
	margin: 2em 0 3em 0;
	padding: 0;
	padding-top: 3em;
	line-height: 1.35em;
	text-align: left;
	max-height: 100%;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	/* border-top: 1px dotted #131313; */
	margin: 3em 0 1em 0;
	padding: 0.5em 0 0 0;
	line-height: 1.48em;
	max-height: 100%;
}

h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 2em 0 0.5em 0;
	max-height: 100%;
}

h6 {
	font-size: 0.95em;
	font-weight: bold;
	margin: 1em 0 0 0;
	max-height: 100%;
}

.indent {
	margin: 0.2em 0 0 0;
	padding: 0;
	line-height: 1.9em;
	text-indent: 1em;
}

.non-indent {
	margin: 0,2em 0 0 0;
	padding: 0;
	line-height: 1.9em;
	text-indent: 0em;
}

.waka-indent {
	margin: 0,2em 0 0 0;
	padding: 0;
	line-height: 1.9em;
	text-indent: 3em;
}



p {
	margin: 1em 0 0 0;
	line-height: 1.9em;
	max-height: 100%;
}



footer p {
	margin: 0;
	margin-right: 0;
	padding: 0;
	text-align: right;
}



ul, ol {	
	margin: 1em 0 1em 1em;
	padding: 0;
	line-height: 1.9em;
	max-height: 100%;
}

ol {
	padding-left: 2em;
}

ul {
	list-style-type: none;
	list-style-image: none;
}


.reference {
	list-style-type: disc;
	list-style-image: disc;
	padding-left: 2em;
}



ul > li > ul,
ul > li > ol,
ol > li > ul,
ol > li > ol {
	margin-left: 1.5em;
}

ul > li > ul ul,
ul > li > ul ol,
ul > li > ol ul,
ul > li > ol ol,
ol > li > ul ul,
ol > li > ul ol,
ol > li > ol ul,
ol > li > ol ol {
	margin-left: 1em;
}

ul > li > dl {
	padding-left: 1em;
}

ul > li > dl > dd > ol,
ul > li > dl > dd > ol > li > ol {
	padding-left: 1em;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin: 0;
	margin-left: 1em;
	padding: 0;
}

dl ul,
dl ol {
	margin: 0;
	padding: 0;
}

dl {
	margin: 1em 0;
	padding: 0;
	line-height: 1.9em;
	max-height: 100%;
}

dt {
	margin: 0.5em 0 0 1em;
	padding: 0;
}

dd {
	margin: 0 0 0 2em;
	padding: 0;
}


table {
	/*border-top: 1px solid #006400;
	border-left: 1px solid #006400;
	border-spacing: 0;*/
	margin: 1em 0em;
}

/*
tr {
	background-color: #fefefe;
}
*/

td, th {
	/*border-bottom: 1px solid #006400;
	border-right: 1px solid #006400;*/
	vertical-align: top;
	text-align: left;
	padding: 0.5em;
}

th {
	/*background-color: #c7ddae;*/
	text-align: left;
	font-size: 0.9em;
	font-weight: normal;
}





address {
	font-style: normal;
	margin-right: 0em;
	padding: 0.2em 0 1.2em 0;
	text-align: right;
}


blockquote {
	font-family: -apple-system, BlinkMacSystemFont, 'Yu Gothic Custom', 'Yu Gothic', 'YuGothic', '游ゴシック', 'メイリオ', 'Meiryo', 'Noto Sans CJK JP', 'Noto Sans JP', '源ノ角ゴシック', '源ノ角ゴシック JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;;
	font-size: 0.97em;
	font-weight: normal;
	line-height: 1.9;
	text-align: justify;
	padding: 0.2em 0 0.2em 0;
	margin-right: 0;
}

.temporary-quote {
	font-family: -apple-system, BlinkMacSystemFont, 'Yu Gothic Custom', 'Yu Gothic', 'YuGothic', '游ゴシック', 'メイリオ', 'Meiryo', 'Noto Sans CJK JP', 'Noto Sans JP', '源ノ角ゴシック', '源ノ角ゴシック JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;;
	font-size: 0.98em;
	font-weight: 500;
	line-height: 1.9;
	text-align: justify;
	padding: 0.2em 0 0.2em 0;
	margin-right: 0;
} 

.in-main-quote {
	font-family: "Cormorand Garamond", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", "メイリオ", Meiryo, serif;
	font-size: 0.98em;
	font-weight: normal;
	line-height: 1.9;
	text-align: justify;
	padding: 0.2em 0 0.2em 0;
	margin-right: 0;
}



blockquote > p {
	margin: 0;
	padding: 0;
}

blockquote > p.indent {
	text-indent: 1em;
}

blockquote > p.non-indent {
	text-indent: 0em;
	}

blockquote > p.waka-indent {
	text-indent: 3em;
	}


video {
	padding: 1.5em 0 1em 0;
}


.forprint {
	display: none;
}

.forscreen {
	display: block;
}


@media print {
	video {display: none;}
	.forprint {display: block;}
}

@media print {
	.forscreen {display: none;}
	.forprint {display: block;}
}


figure {
	margin-left: 0;
	padding: 1em 0 1em 0;
}

figure.left,
.figure-left {
	float: left;
	font-size: 0.9em;
	margin: 1em;
	margin-top: 0.25em;
	margin-left: 0;
}

figure.right,
.figure-right {
	float: right;
	font-size: 0.9em;
	margin: 1em;
	margin-top: 0.25em;
	margin-right: 0;
}


figcaption {
	font-size: 0.8em;
	}
/*
#content figure ~ figure.left,
#content figure ~ figure.right,
#content figure ~ figure-left,
#content figure ~ figure-right {
	clear: both;
}
*/

a {
	outline: 0;
	text-decoration: none;
}

a:link {
	color: inherit;
}

a:visited {
	color: inherit;
}

a:hover {
	text-decoration: underline;
}

#content a {
	border-bottom: dotted;
	border-width: 1.5px;
}

#content .back a {
	border-bottom: none;
}

nav > h1 a:hover {
	text-decoration: none;
}

/*
.notation {
	text-align: right;
	font-size: 0.98em;
	margin-top: 0.6em;
}
*/

.source {
	text-align: right;
	font-size: 0.94em;
	margin-top: 0;
	padding-left: 4em;
}




/*
#header {width: 350px}

#header2 {width: 350px}

#headerhid {width: 380px;
margin-right: 30px;}

#header2hid {width: 350px}



@media screen and (min-width: 1025px) {
.lo {position: fixed;
        top: 0;
        left: 0;}
.lu {position: fixed;
     bottom: 0;
     left: 0;}
.ro {position: fixed;
     top: 0;
     right: 0;
     }
.ru {position: fixed;
     bottom: 0;
     right: 0;}
}


.melauniversa2 {font-family: "EB Garamond", serif;
               font-size: 28px;
               font-weight: normal;
               line-height: 1;
               margin: 0 20px 50px 25px; }


.nombre2 {font-family: "EB Garamond", serif;
         font-size: 128px;
         font-weight: normal;
         line-height: 1;
         margin: 50px 20px 0 20px;}

.chapter {font-family: "EB Garamond", serif;
          font-size: 30px;
          font-weight: normal;
          line-height: 1;
          padding: 0;
          margin: 7px 0 40px 25px;}

.chapter2 {font-family: "EB Garamond", serif;
           font-size: 22px;
           font-weight: normal;
           line-height: 1;
           margin: 20px 0 10px 25px;}

 #ind {width: 350px;}

.melauniversahid {font-family: "EB Garamond", serif;
                  font-size: 28px;
                  font-weight: normal;
                  line-height: 1;
                  margin: 50px 20px 0 25px; }

.melauniversa2hid {font-family: "EB Garamond", serif;
                   font-size: 22px;
                   font-weight: normal;
                   line-height: 1;
                   margin: 0 20px 50px 25px; }

.nombrehid {font-family: "EB Garamond", serif;
            font-size: 128px;
            font-weight: normal;
            line-height: 1;
            margin: 0 20px 0 20px;}

.nombre2hid {font-family: "EB Garamond", serif;
             font-size: 128px;
             font-weight: normal;
             line-height: 1;
             margin: 50px 20px 0 20px;}

.chapterhid {font-family: "EB Garamond", serif;
             font-size: 22px;
             font-weight: normal;
             line-height: 1;
             margin: 17px 0 20px 25px;}

.chapter2hid {font-family: "EB Garamond", serif;
              font-size: 30px;
              font-weight: normal;
              line-height: 1;
              margin: 20px 0 10px 25px;}

#indhid {width: 350px;
margin-right: 30px;}



@media screen and (max-width: 1024px) {
.melauniversahid {display: none; }
.melauniversa2hid {display: none;}
.nombrehid {display: none;}
.nombre2hid {display: none;}
.nombre3hid {display: none;}
.chapter1hid {display: none;}
.chapter1bhid {display: none;}
.chapter2hid {display: none;}
.indhid {display: none;}
#indhid {display: none;}
#headerhid {display: none;}
#header2hid {display: none;}
}




@media screen and (min-width: 1025px) {
.navlo {position: fixed;
     top: 370px;
     left: 0; 
     padding-right: 30px; }
.navlu {position: fixed;
     bottom: 200px;
     left: 0; }
.navro {position: fixed;
        top: 300px;
        right: 0; }
.navru {position: fixed;
        bottom: 200px;
        right: 0;}
}


@media screen and (max-width: 1024px) {
.navlo { max-width: 800px;}
} 


@media screen and (max-width: 1024px) {
.hid {font-size: 6px;
      margin: 0 0 0 0;}
}



.ornament1 {width:40px;
margin-left: 25px;
}

*/





/*
.cap_article {max-width: 750px}

}

*/


.title {
font-family: "Cormorand Garamond", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", "メイリオ", Meiryo, serif;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: none;
	line-height: 60px;
	text-align: justify;
	top: 2.1em;
	padding-top: 0;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-top: solid 1px;
       -ms-text-justify: inter-ideograph;
       -ms-text-justify: ideograph-alpha;
}




.title2 {font-family: "EB Garamond", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", "メイリオ", Meiryo, serif;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: none;
	line-height: 40px;
	text-align: justify;
	top: 2.1em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	margin-bottom: 2em;
	border-top: solid 1px;
} 

.title3 {font-family: Helvetica, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
       font-size: 20px;
       font-weight: bold;
       letter-spacing: 0;
       line-height: 60px;
       text-align: justify;
       -ms-text-justify: inter-ideograph;
       -ms-text-justify: ideograph-alpha;
       padding: 43px 50px 0 0; }


.chapter {font-family: "EB Garamond", "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", "メイリオ", Meiryo, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 2;
	text-align: justify;
	padding: 50px 50px 15px 0;
}

.main-quote-chapter {
	font-family: -apple-system, BlinkMacSystemFont, 'Yu Gothic Custom', 'Yu Gothic', 'YuGothic', '游ゴシック', 'メイリオ', 'Meiryo', 'Noto Sans CJK JP', 'Noto Sans JP', '源ノ角ゴシック', '源ノ角ゴシック JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size:13.5px;
	font-weight: bold;
	line-height: 2;
	text-align: justify;
	padding: 50px 50px 15px 0;
}

.main {font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", "メイリオ", Meiryo, serif;
       font-size: 14px;
       font-weight: normal;
       line-height: 2;
       text-align: justify;
       -ms-text-justify: inter-ideograph;
       -ms-text-justify: ideograph-alpha;
       padding: 1em 1em 0 0;
       margin-bottom: 1em;
 }

.main > p,
.main > blockquote {
	line-height:2;
}


.main-quote {font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", "メイリオ", Meiryo, serif;
       font-size: 14px;
       font-weight: normal;
       line-height: 2;
       text-align: justify;
       -ms-text-justify: inter-ideograph;
       -ms-text-justify: ideograph-alpha;
       padding: 1em 4em 0 1.8em;
       margin-bottom: 1em;
 }

.main-quote > p,
.main-quote > blockquote {
	line-height:2;
}


.main-quote-article {
	left:25%;
	z-index: 1;
	background-color: #fffdfd;
	border-left: 20px;
	padding-right:40px;
	max-width: 740px;
	border-left-style:solid;
	border-left-color: #fffdfd;		
}


.manifest {font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", "メイリオ", Meiryo, serif;
       font-size: 14px;
       font-weight: normal;
       line-height: 2;
       text-align: justify;
       -ms-text-justify: inter-ideograph;
       -ms-text-justify: ideograph-alpha;
       padding: 1em 1em 0 0;
       margin-bottom: 1em;
 }


.dot-text {
	position: relative;
	padding-top: 0.2em;
}
 
.dot-text::before {
	position: absolute;
	content: "";
	width: 0.2em;
	height: 0.2em;
	border-radius: 50%;
	background-color: #000;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}


.note {font-size: 12px;}

.null {letter-spacing: -2px;}

.emph {font-weight: bold;}

.emphdec1 {
	border-bottom: solid;
	border-width: 1px;
}

.emphdec2 {
	border-bottom: dashed;
	border-width: 1px;
}







.obliq {font-style: italic;}


.epigraph {
	font-family: Helvetica, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 2;
	text-align: left;
	padding: 10px 0 10px 200px;
}

.dialog {
	margin: 0.2em 0 0 0;
	padding: 0;
	line-height: 1.9em;
	text-indent: 0;
}


.speaker {
	font-weight: bold;
	padding-right: 1em;
}




.date {
	font-size: 11px;
	text-align: right;
	padding: 1em 1em 6em 0;
}

.annotation {
       font-size: 0.95em;
       font-weight: normal;
       line-height: 2;
       text-align: justify;
       padding: 1em 0 1em 2em;
}

.notation {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	padding-top:2em;
/*	padding-right:4em;*/
	padding-left: 10em;
}


.notation-sutras {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding:5em 3em 2em 10em;
}



/*
@media screen and (min-width: 1025px) {
.image0 {margin:40px 40px 40px 40px;}
.image1 {position: absolute;
         top: 30px;
         left:350px;
         margin: 0 0 0 20px ;
         border-left: 30px solid;}
.image2 {position: absolute;
         top: 10px;
         left:380px;}
.image3 {position: absolute;
         top:10px;
         left: 10px;
         padding: 0 350px 0 0;}

.image4 {position:absolute;
         top: 0;
         left: 0;}


.image610 {position: absolute;
         top: 200px;
         left:350px;
         margin: 0 0 0 20px ;
         border-left: 30px solid;}
.image900 {position: absolute;
         top: 100px;
         left:350px;
         margin: 0 0 0 20px ;
         border-left: 30px solid;}
.image621_1 {position:absolute;
             top: 0;
             left: 1800px;
             padding:40px 40px 40px 0;}
.image621_2 {position:absolute;
             top: 2030px;
             left: 1800px;
             padding:40px 40px 40px 0;}
}


@media screen and (max-width: 1024px) {
.image0 {margin-left: auto;
         margin-right: auto;}
.image1 {margin: 0 0 0 20px ;}
.image2 {}
.image3 {padding: 0 350px 0 0;}

.image610 {margin: 0 0 0 20px ;}
.image900 {margin: 0 0 0 20px ;}

.image621_1 {margin:40px 40px 40px 40px;}
.image621_2 {margin:40px 40px 40px 40px;}
}




.image_line {margin: 0;
             padding: 0;
             border: 0;}


@media screen and (min-width: 1025px) {
.column1 {text-align: left;
padding:10px 40px 5px 0;
float: left;}
.column2 {text-align: left;
padding:10px 40px 5px 0;
float: left;}
.column3 {text-align: left;
padding:10px 40px 5px 0;
float: left;}
.column4 {text-align: left;
padding:10px 40px 5px 0;
float: left;}
}

@media screen and (max-width: 1024px) {
.column1 {text-align: left;
padding:10px 20px 5px 0;}
.column2 {text-align: left;
padding:10px 20px 5px 0;}
.column3 {text-align: left;
padding:10px 20px 5px 0;}
.column4 {text-align: left;
padding:10px 20px 5px 0;}
}

*/

.cap1 {font-family: Helvetica, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
       font-size: 13px;
       font-weight: normal;
       line-height:2;
       text-align: justify;
       -ms-text-justify: inter-ideograph;
       padding: 0 0 0 0;
       max-width: 750px; }

.cap1 a:link {border-bottom:1px dotted; }

.main-caption {font-family: Helvetica, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
       font-size: 13px;
       font-weight: normal;
       line-height:2;
       text-align: justify;
       -ms-text-justify: inter-ideograph;
       padding: 0 50px 20px 0;
       margin-right: 10px;
       max-width: 650px;}

.main-caption a:link {border-bottom:1px dotted; }

.cap3 {
	font-family: Helvetica, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height:1.2;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	padding: 0 0 1.2em 0;
	margin: 0 0 10px 0;
	max-width: 500px;
}

.cap3 a:link {border-bottom:1px dotted; }



@media screen and (max-width: 999px) {
.cap1 {padding: 0 0 0 0;}
.cap2 {padding: 0 10px 0 10px;}
}

/*
#table1 {width: auto;
}

#tbhead1 {width: 300px;
padding: 0 0 50px 0; 
}

#tbdata1 {width: auto;
          padding: 10px 0 0 20px;
}

#tbhead2 {width: 300px;
padding: 0 0 0 0; 
}





@media screen and (max-width: 1024px) {
.back1 {font-family: Garamond, "EB Garamond", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", "メイリオ", Meiryo, serif;
        font-size: 24px;
        font-weight: normal;
        padding:30px 0 30px 30px;
        margin: 0 0 0 0;}
.back2 {font-family: Garamond, "EB Garamond", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", "メイリオ", Meiryo, serif;
        font-size: 24px;
        font-weight: normal;
        padding:0 0 30px 60px;
        margin: 0 0 0 0;}
}

@media screen and (min-width: 1025px) {
.back1 {display: none; }
.back2 {display: none; }
}
*/

.back {	
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 2.5em;
	right: 30px;
}

.back-to-paneltop {
	font-size: 16px;
	font-weight: normal;
	text-align: right;
	padding:1em 2em 0.5em 0;
	margin: 0;
}
}