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

body
{background-color:#1D0D00;

color:white;
	font-family:クレー, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	white-space: pre-line;
}

h1
{font-size: 70px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: bolder;
	writing-mode: vertical-rl;
	margin-left: auto;
	margin-right: auto;
}

h2
{font-size: 15px;
	font-family:time"serif";
font-weight:lighter;
	word-break:break-all;
	margin-left: auto;
	margin-right: auto;
}

h3
{font-size: 30px;
font-family: 'Noto Serif JP', serif;
color:white;
font-weight: 600;
writing-mode: vertical-rl;
	display: flex;
	margin-top: 60px;
	justify-content:center;
}

h4
{font-size: 35px;
	font-weight: 500;
	writing-mode: vertical-rl;
	margin-left: auto;
	margin-right: auto;
}

h5
{font-weight: 300;
	font-size: 13px;
color: white;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"
}

p
{font-size: 13px;
font-weight: 200;
}

h6
{font-size:25px;
font-family:'Noto Serif JP', serif;
font-weight:500;
}
.migi {
  display: flex;
  justify-content: flex-end;
}

.hidari{display: flex;
justify-content: flex-start;
}

.yoko{display: flex;
	flex-direction: row-reverse;}

.mannaka{display: flex;
	justify-content:center;}
	
li{color: rgba(52,38,39,1.00);}

a{text-decoration: none;}


.chuuouzoroe{text-align:center;}

#details2 summary::-webkit-details-marker
{display: none;}

.menubar3{
background-color: rgba(255,255,255,0.56);
position: fixed;
width:200px;
height:270px;
margin-top:-180px;
float: right;
}

.menubar2{
margin:-130px 0px 0px 180px;
list-style: none;
list-style: none;
}

.menubar{
margin:0px 0px -20px 330px;
position: fixed;
top: 0px;
}

.menutop{
margin-top: -340px;
}

.menu{
margin-top:px;
}

.sounyuubunn{margin-top:-40px;}

.midashitop{margin-top:-65px;
margin-bottom:70px;
margin-left: -45px;
}

.rogomark{margin-top:-100px;}

.ptop{margin-top:-150px;}
.pleft{margin-left:130px;}

.h5top{margin-top:-50px;}

.ptop2{margin-top:-140px;}
.pleft2{margin-left:130px;}

.h5top2{margin-top:-50px;}

.ptop3{margin-top:-120px;}
.pleft3{margin-left:130px;}

.h5top3{margin-top:-65px;}

.kommephoto{margin-top:-10px;
margin-bottom:-50px;
}
.midashia1{
	margin:-50px 0px 0px 0px;
}
.p2{margin:0px 20px 0px auto;
}

.wazaphoto{margin-top:30px;}
.midashia2{margin-right:60px;
margin-top:-90px;
}
.p2a{margin-top:-65px;
margin-right:10px;}

.kokorophoto{margin-top:20px;}

.midashia3{
margin:-100px 120px 0px auto;
}

.p2b{margin:-45px 32px 0px auto;
}

.rogomark2{
margin:-50px 0px 0px 0px;	
}

.h6{
margin:-65px 0px 0px 0px;
}

.p3{
margin:-170px 0px 20px 0px;	
}

.h6a{
	margin:-40px 0px 0px 0px;
}

.p3a{
	margin:-125px 10px 0px 0px;
}

.rogomark3{
	margin:-30px 0px 0px 0px;
}

.midashitop2{
	margin-top:-80px;
	margin-bottom:50px;
	margin-left: -45px;
}

.p4{
margin:-60px 0px -10px 0px;
}

.p4-1{
margin:-60px 0px -10px 80px;
}

.p4-2{
margin:-80px 0px 0px 0px;
}

.futter{
margin-top:-20px;
background-color:white;
width:375px;
height:200px;
}
.imsta{
margin:-60px 330px 0px 0px;

}
.tuitter{
margin:-55px -80px 0px auto;
}
.facebook{
margin:-63px -175px 0px auto;
}

.iwatuka{
margin:-20px 0px 0px 170px;
}

.anime_test {
    display:  block;                /* ブロック要素にする */
    margin: 0 auto;                 /* 要素中央揃え */
    position:  relative;            /* 位置指定 */
    animation: anime1 1s ease;      /* アニメーション指定 */
}
 
@keyframes anime1 {
    0% {
        opacity:  0;                /* 透明度指定 */
        top: 50px;                  /* 位置指定 */
    }
    100% {
        opacity:  1;                /* 透明度指定 */
        top: 0;                     /* 位置指定 */
    }
}