body {
	margin: 0px;
	font-family:serif;
	background-color: #6F1316; 
	color:#ffffff;
}
a {
	 color:#0000ff;
}
.pict {
	text-align:center;
}

.common_menu { 
	text-align:center; 
	margin: 0px; 
	width:100%; 
	background-color: #00000000; 
	padding : 0.5em;
}
.common_menu img{
	padding : 0px 0.5em ;
	max-width: 100%;
}

h2 {
	background-color: #B61F24; 
	color:#ffffff ; 
	padding : 1.0em;
}
h3 {
	 background-color: #B61F24; 
	color:#ffffff ; 
	padding : 0.5em;
}
h4 {
	 background-color: #303030; 
	color:#ffffff ; 
	padding : 0.5em;
}

ol {
	text-align:left;
}

.main	 {
	margin: 0px auto 0px;
	display: table;
	width:90%;
}
.main img	{
	max-width: 100%;
	height:auto;
}


.jd01r_box {
	background-color: #131370; 
	width:100%;
	height:100vh;
	background-position: center,center;
	position:relative;
}

.jd01r_box .item{
	position: absolute;
	text_align:center;
	height: 100vh;
	width: 100vw;
	top: 50%;
	left: 0;
	right: 0;
  margin: auto;
}

.jd01r_box .text{
	position: absolute;
	text_align:left;
	width: 90vw;
	bottom: 10vh;
	left:5vw;
	font-size:1.5em;
	text-shadow: #000 0.1em 0.1em 0.1em;
}

.text_left {
	writing-mode: vertical-rl;
	position: absolute;
	text_align:left;
	width: 10vw;
	left: 10vw;
	top:5vh;
	margin: auto;
	font-size:3em;
	text-shadow: #000 0.1em 0.1em 0.1em;
}
.text_right {
	writing-mode: vertical-rl;
	position: absolute;
	text_align:right;
	width: 10vw;
	right: 10vw;
	top:5vh;
	margin: auto;
	font-size:3em;
	text-shadow: #000 0.1em 0.1em 0.1em;
}


.jd01r_box .picttext_left{
	position: absolute;
	height: 100vh;
	width: auto;
	bottom: 0;
	left: 5%;
}
.jd01r_box .picttext_right{
	position: absolute;
	height: 100vh;
	width: auto;
	bottom: 0;
	right: 5%;
}
.jd01r_box .picttext_cemter{
	position: absolute;
	height: auto;
	width: 100vw;
	bottom: 0;
}
.jd01r_box .chara_left{
	z-index : 1;
	position: absolute;
	height: 100vh;
	width: auto;
	max-width : 70vw;
	bottom: 0;
	left: 10%;
	object-fit: cover;
}
.jd01r_box .chara_right{
	z-index : 1;
	position: absolute;
	height: 100vh;
	width: auto;
	max-width : 70vw;
	bottom: 0;
	right: 10%;
	object-fit: cover;
}

.jd01r_box_text {
	z-index : 2;
	font-size : 2.5vh;
	position: absolute;
	bottom: 1vh;
	padding : 1vh;
	background-color: #00000080; 
}

.jd01r_box_text .chara_name {
	font-size : 5vh;
}
.ssw	 { border:none; max-height:240px; cursor:zoom-in;}

.copy	 { text-align:right; margin: 8px;}
.dlicon	 { margin:0.5em; max-height:3em;}