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

*{
box-sizing:border-box;
}
body{
padding:0;
margin:0;
font-size: 14px;
line-height:1.6;
color:#f5f5f5;
font-family: "M PLUS 1p";
background:#454545;
/*background-size: auto auto;
background-color: rgba(69, 69, 69, 1);
background-image: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255, 255, 255, 0.13) 3px, rgba(255, 255, 255, 0.13) 4px );
*/
}
img{
width: 100%;
vertical-align: bottom;
}
a{
transition: all 0.3s ease 0s;
color:#f5f5f5;
}
a:hover{
transition: all 0.3s ease 0s;
color:#ff7aff;
}


#main{
width:980px;
margin:15px auto 0;
}
.myname{
  margin: 10px auto;
  text-align: center;
  width: 70%;
}
.item{
margin-bottom:15px;
background: -moz-linear-gradient(top,#1e90ff,#0000cd);
background: -webkit-linear-gradient(top,#1e90ff,#0000cd);
background: linear-gradient(to bottom,#1e90ff,#0000cd);
padding:15px;
color:#f5f5f5;
border-radius:10px;
border:4px ridge #f5f5f5;
}

h3{
margin-top:0;
font-size:120%;
border-bottom:2px solid #f5f5f5;
}

h4{
margin-top:0;
}

.pagetop{
clear: both;
position: fixed;
right: 20px;
bottom: 50px;
}

.footerarea{
width:980px;
margin:10px auto;
font-size:80%;
text-align:center;
color:#f5f5f5;
}

/* フッター位置固定 */
body,.wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}

/* フッター */
footer{
background: #4d79ff;
width: 100%;
height: auto;
box-sizing: border-box;
/* 固定用 */
margin-top: auto;
}

ol{
margin:0;
padding:0 0 0 1.5em;
}
ul{
padding-left: 1em;
margin: 0;
}
ul li{
list-style-type: none;
text-indent: -1em;
}
ul.kome li:before{
display: inline;
content: "※";
}
ul.dot li:before{
display: inline;
content: "・";
}
.bold{
font-weight:bold;
}
.under{
text-decoration:underline;
}
.pink{
color:#ffc1e0;
}
.center{
text-align:center;
}
.pcnone{
display:none;
}
.pagetop a img{
    width:100%;max-width:150px;
}
@media screen and (max-width: 979px){
#main,.footerarea,.topimg{
width:100%;
}
body{
font-size: 80%;
}
.item{
margin:0 10px 15px;
}
.menu ul{
width:100%;
}
.pcnone{
display:inline-block;
}
.menu ul li a{
font-size:75%;
}

.item{
  padding-bottom: 10px;
}

.pagetop{
  right: 10px;
  bottom: 10px;
}
.pagetop a img{
    max-width: 90px;
}
.myname{
  width: 90%;
}
}