@charset "UTF-8";

body{

background-image: url("img/bg.png");
background-attachment: fixed;

/*
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;
*/
font-size: 100%;
height:100%;
color:#111;
font-family: 'Noto Sans JP', sans-serif;

/*font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;line-height: 1.8em;
*/
padding: 0px;
margin: 0px auto;
word-wrap: break-word;
}
/*リンク*/
a:link { color: #727ece; text-decoration:underline;font-weight:bold;}
a:visited { color: #727ece; text-decoration:none;font-weight:bold;}
a:hover { color: #aaa; text-decoration:none;font-weight:bold;}
a:active { color:#727ece; text-decoration:none;font-weight:bold;}

/*ログ部分*/
.MAIN{
background: rgba(255,255,255,0.9);
opacity: 1;
margin: 0px auto;
width: 100%; max-width: 52em;
padding: 3%;

}



h1 {
padding-bottom: 20px;
font-size: 180%;
text-align:center;
font-weight:bold;
color:#000088;

}

h2 {
font-size: 1.5em;
margin-bottom: 1.5em; margin-top:2em;
color: #97684B;
border-bottom: double 5px #FFC778;
}

hr{
width:100%;
margin-bottom: 3em; margin-top:3em;
/*border: dashed 2px #4B7DD1;*/
border:0px;
height:12px;
background-image: url(img/hr.png);
background-repeat: no-repeat;
background-position:center;
}


.info{
width:90%;
background-color: #FAF3DA;
border-radius: 10px;
padding:1em;
margin:2.5em auto;
}

.tip{
width:75%;
background-color: #D9CABF;
border-radius: 10px;
padding:10px;
margin:2.5em auto;
}

.textbg
{
background-color: #FAC2AF;
}




.img_s{
text-align:center;
padding-top:1.5em;
padding-bottom:1.5em;
}

.b{
margin:10px;
padding:0px;
text-align:center;
font-weight: bolder; 
}
/*ステータス*/
.introduction{
width:50%;
 position: relative;
 margin: 2.5em auto;
 padding: 35px 30px 20px 30px;
 color: #770000;
 background-color: #e8ddbd;
 box-shadow: inset 0 0 40px rgba(204, 186, 136,1), 0 2px 2px #ccc;
padding:10px;
}
.introduction::before {
 display: block;
 position: absolute;
 content: "";
 width: 140px;
 height: 35px;
 left: 35%;
 top: -16px;
 background-color: rgba(204, 186, 136,0.3);
 box-shadow: 0 0 3px rgba(0,0,0,0.1);
 transform: rotate( -3deg ); 
}
.introduction p{
text-align:center;
margin: 0px;
}

.introduction p{
text-align:center;
margin: 0px;
}
.introduction hr{
width:90%;
margin-bottom: 0.5em; margin-top:0.5em;
border: dashed 1px #6c3524 ;
}

.kyarasesu{
text-align:left;
color:#192f60 ;
}

b.ao{color:#FE2EC8;}


.map{text-align:center;margin-top:1em;margin-bottom:1em;}


/*アイコン*/
.PC_img {
float: left;
width: 57px;
height:100%;
padding:5px;
margin: 0px;

} 

/*PC1*/
.PC1_name{
color: #6F537F;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}
.PC1_txt{
color: #6F537F;
padding: 0px;
margin: 0px;
}


/*PC2*/
.PC2_name{
color: #17A9AE;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}
.PC2_txt{
color: #17A9AE;
padding: 0px;
margin: 0px;
}


/*PC3*/
.PC3_name{
color: #2D61E6;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}
.PC3_txt{
color: #2D61E6;
padding: 0px;
margin: 0px;
}

/*PC4*/
.PC4_name{
color: #811CCA;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}
.PC4_txt{
color: #811CCA;
padding: 0px;
margin: 0px;
}

/*PC5*/
.PC5_name{
color: #D34D05;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}
.PC5_txt{
color: #D34D05;
padding: 0px;
margin: 0px;
}

/*PC6*/
.PC6_name{
color: #C21805;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}
.PC6_txt{
color: #C21805;
padding: 0px;
margin: 0px;
}


.kh{text-align:center;padding:0.5em;}




/*NPC*/
.NPC_name{
color: #0C217F;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}
.NPC_txt{
color: #0C217F;
padding: 0px;
margin: 0px;
}

/*NPC1*/
.NPC_name1{
color: #ff0099;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}
.NPC_txt1{
color: #ff0099;
padding: 0px;
margin: 0px;
}


/*改行しろ*/
.cl {
clear: left;
border-style: dashed; border-color:#ccc; border-width: 1px;
margin:10px;
} 



/* スマホ用*/
@media screen and (max-width:600px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

body{
font-family: 'Noto Sans JP', sans-serif;
font-size:100%;
height:50%;
color:#111;
padding: 0px;
margin: 0px;
word-wrap: break-word;
}

.MAIN{
background-color: #fff;
margin: 0px auto;
width: 90%;max-width: 31em;
padding: 3%;
}

h1 {
padding-bottom: 5px;
font-size: 180%;
text-align:center;
font-weight:bold;
color:#880000;

}

h2 {
font-size: 1.5em;
margin-bottom: 1.5em; margin-top:2em;
color: #97684B;
border-bottom: double 5px #FFC778;
}

hr{
width:100%;
margin-bottom: 3em; margin-top:3em;
border: dashed 0px #FFC778;
}


/*ステータス*/
.introduction{
width:90%;
 position: relative;
 margin: 2.5em auto;
 padding: 35px 30px 20px 30px;
 color: #770000;
 background-color: #e8ddbd;
padding:10px;
}
.introduction p{
text-align:center;
margin: 0px;
}

.introduction p{
text-align:center;
margin: 0px;
}
.introduction hr{
width:90%;
margin-bottom: 0.5em; margin-top:0.5em;
border: dashed 1px #6c3524 ;
}




.PC_img {
width: 32px;
height:100%;
padding:0px;
margin: 0px;
} 


/*PC1*/
.PC1_name{float: left;

color: #6F537F;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}


/*PC2*/
.PC2_name{
color: #17A9AE;float: left;

font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}



/*PC3*/
.PC3_name{float: left;

color: #2D61E6;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}


/*PC4*/
.PC4_name{float: left;

color: #811CCA;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}


/*PC5*/
.PC5_name{
color: #D34D05;float: left;

font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}

/*PC6*/
.PC6_name{
color: #C21805;float: left;

font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}





.kh{text-align:center;padding:0.5em;}




/*NPC*/
.NPC_name{
color: #0C217F;float: left;

font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}
/*NPC1*/
.NPC_name1{
float: left;
color: #ff0099;
font-size: 105%;
font-weight: bolder; 
letter-spacing:0em;
padding: 0px;
margin: 0px;
}
.NPC_txt1{
color: #ff0099;
padding: 0px;
margin: 0px;
}


/*改行しろ*/
.cl {
clear: left;
border-style: dashed; border-color:#ccc; border-width: 1px;
margin:5px;
} 


}