@media only screen and (max-width: 767px) {
body{
  margin:0px auto 50px auto;
  padding:0px;
  background-color:#ffffff;
  color:#404040;
  text-align:center;
  font-size:0.9em;
}
img{
  max-width:100%;
  height:auto;
}
.center img{
    display: block;
    margin: auto;
}
}



@media only screen and (min-width: 767px) {
body{
  margin:0px auto 100px auto;
  padding:0px;
  background-color:#ffffff;
  color:#404040;
  text-align:center;
  font-size:1em;
}
img{
  max-width:100%;
  height:auto;
}
.center img{
    display: block;
    margin: auto;
}
}



nav {
    /*stickyで固定*/
    position: -webkit-sticky;/*Safari*/
	position: sticky;
    /*固定したい位置*/
	top: 0px;
    /*ナビゲーションの形状*/
    background:#071b78;
  padding: 0px;
  margin:0px 0px 50px 0px ;
  overflow-x: auto;
  border: 1px solid #071b78;
}

nav ul{
list-style: none;
  padding: 0px;
  margin:0px auto;
    display: flex;
    width: max-content;
}
nav ul li{
text-decoration: none;
background-color:#071b78;
color: #fff;
padding:10px 20px;
  margin:0px;
}
nav ul li a{
text-decoration: none;
color: #fff;
}

nav ul li:hover {
text-decoration: none;
background-color:#fff;
color: #071b78;
}
nav ul li:hover a{
text-decoration: none;
color: #071b78;
}

nav ul li a:hover {
text-decoration: none;
color: #071b78;
}

.om_menu{
text-decoration: none;
background-color:#fff;
color: #071b78;
padding:10px 20px;
border-right: 1px solid #071b78;
border-left: 1px solid #071b78;
}




a{
  color:#a32548;
  text-decoration: underline;
}

a:hover {
  color: #a32548;
  text-decoration:none;
}

img{
  border:0px;
}

h1{
  margin:0px;
  background:url(img/back.png) no-repeat center center;
  background-size:contain;
  width:100%;
  height:150px;
}

p{
  margin:0px;
  padding:0px;
}



#apply a {
  color: #404040;
  text-decoration:none;
}

#apply a:hover {
  color: #404040;
  text-decoration:none;
}


#mail a {
  color: #404040;
  text-decoration:none;
}

#mail a:hover {
  color: #404040;
  text-decoration:none;
}




/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#971122;
	border-radius: 5px;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:1.2em;
	transition:all 0.3s;
}

#page-top a:hover{
	background: #b13546;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}



#footer{
  margin:0px auto 80px auto;
  padding:0px;
  width:90%;
  text-align:right;
  font-size:0.8em;
}


.h{
  margin:0px auto 30px auto;
  padding:10px;
  width:95%;
  font-size:1.5em;
  text-align:center;
  color: #ffffff;
  background-color:#a93644;
}


.t{
  margin:0px -30px;
  padding:5px 100px 5px 25px;
  width:aute;
  font-size:1.1em;
  text-align:left;
  line-height:3em;
  color: #ffffff;
  background-color:#d4a81d;
}

.p{
  margin:0px auto 50px auto;
  padding:10px 15px;
  width:90%;
  font-size:0.9em;
  text-align:left;
  line-height:2em;
  border: 1px solid #d4a81d;
}

.d{
  margin:0px auto 50px auto;
  padding:10px;
  width:90%;
  font-size:0.8em;
  text-align:left;
  line-height:2em;
  border: 1px solid #d4a81d;
}

.l{
  margin:0px auto 50px auto;
  padding:0px;
  width:90%;
  font-size:1.1em;
  text-align:center;
  line-height:2em;
}

.m{
  color: #1e50a0;
}

.n{
  color: #feda52;
}

.o{
  color: #c75078;
}

.s{
  color: #b13546;
}


dl{
     width:100%;
     margin:0px;
     padding: 0px;
     line-height:2em;
     font-size: 1em;
     overflow: hidden;
     _zoom: 1;
}

dl dd,
dl dt{
     text-indent: -2em;   
     padding: 0 0px 0px 25px;
}

dl dt{
     margin:10px 0px 0px 0px;
}

dl dd:first-letter,
dl dt:first-letter{
     font-size: 1em;
     font-weight: bold;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}

dl dd{
     margin: 5px 0 -1px 0;
     padding-bottom:10px;
     border-bottom: 1px #d4a81d dotted;
}

dl dt:first-letter{
     color: #0F78E1;
}
dl dd:first-letter{
     color: #ff6767;
}




.illust details {
  margin:10px 0px 0px 0px;
  padding: 0px;
  width:100%;
  text-align:left;
  line-height:2em;
  border: 0px;
  border:1px solid #abedbe;
  border-collapse: collapse;

}

.illust summary {
  margin:  0;
  padding: .3em;
  line-height:2em;
  color: #000000;
  background-color:#abedbe;
}



.comic details {
  margin:10px 0px 0px 0px;
  padding: 0;
  width:100%;
  text-align:left;
  line-height:2em;
  border: 0px;
  border:1px solid #e9afe7;
  border-collapse: collapse;

}

.comic summary {
  margin: 0;
  padding: .3em;
  line-height:2em;
  color: #000000;
  background-color:#e9afe7;
}


.text details {
  margin:10px 0px 0px 0px;
  padding: 0;
  width:100%;
  text-align:left;
  line-height:2em;
  border: 0px;
  border:1px solid #ffdbc2;
  border-collapse: collapse;

}

.text summary {
  margin: 0;
  padding: .3em;
  line-height:2em;
  color: #000000;
  background-color:#ffdbc2;
}





details {
  margin:10px 0px 0px 0px;
  padding: 0px;
  width:100%;
  text-align:left;
  line-height:2em;
  border: 0px;
}

summary {
  margin: -.5em -.5em 0;
  padding: .5em;
  line-height:2em;
  color: #a32548;
}

details[open] {
    margin-bottom: 30px;
    padding: 0;
}

details[open] summary {
    margin-bottom: 10px;
    padding: .3em;
}







form{
  margin:0px auto 50px auto;
  padding:0px;
  width:90%;
  text-align:left;
  line-height:2em;
  font-size:1em;
}



table{
  margin:10px auto -10px auto;
  padding:0px;
  width:100%;
  table-layout:auto;
  text-align:left;
  border-collapse: collapse;
  font-size:1em;
}

table tr{
  margin:0px;
  padding:0px;
}

table .header{
  margin:0px;
  padding:10px;
  background-color:#abdbb3;
  border-left:1px solid #abdbb3;
  border-right:1px solid #abdbb3;
  text-align:center;
  color:#ffffff;
}

table .footer{
  margin:0px;
  padding:0px;
  background-color:#ffffff;
  border-top:1px solid #abdbb3;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  text-align:center;
}

table td{
  margin:0px;
  padding:5px;
  text-align:center;
  border-left:1px solid #abdbb3;
  border-right:1px solid #abdbb3;
  border-bottom:1px dotted #abdbb3;
}

table a{
  text-decoration:none;
  color:#ac5c41;
}

table a:hover {
  color: #bd7d67;
  text-decoration: underline;
}