@charset "UTF-8";
body{
	font-size : 1em;
	font-family: 'qMmpS Pro W3','Hiragino Kaku Gothic Pro','CI', Meiryo,sans-serif;
	line-height: 1.75em;
	
	scrollbar-darkshadow-color: #454545;
	scrollbar-3dlight-color: #454545;
	scrollbar-highlight-color: #454545;
	scrollbar-arrow-color: #454545;
	scrollbar-shadow-color: #454545;
	scrollbar-track-color: white;
	scrollbar-face-color: white;
	scrollbar-base-color: white;
}


.tomo{
	padding: 12px;
}


@media screen and (max-width:599px) {
.pic{
	padding: 12px;
}

img{
	margin : auto auto auto 0px;
max-width:100%;
height:auto;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color : #454545;
display: block;
padding-left : 0px;
}
}
/* ==========================================
↑画面上下左右の余白＆スマホの場合の設定
========================================== */

@media(min-width:751px){
div{
	width: 700px;
margin : 16px auto 0px;
    border-top-width : 1px;
    border-top-style : solid;
    border-top-color : gray;
  
    border-left-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : solid;
    border-left-color : gray;
    border-right-color : gray;
    border-bottom-color : gray;
  
    padding-top : 16px;
  }
p{
    width : 500px;
    padding-top : 16px;
    padding-left : 16px;
    padding-right : 16px;
    padding-bottom : 16px;
    margin-left : auto;
    margin-right : auto;
  }  

h2{
    margin-left : auto;
    margin-right : auto;
    width : 500px;
}

img{
	margin : auto auto auto 0px;
max-width:100%;
height:auto;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color : #454545;
display: block;
padding-left : 0px;
}
}


ul{
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 1em auto;
  max-width: 600px;
list-style:none;
}

ul li{
  margin-bottom: .3em;
}

ul li a{
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: initial;
	color: #333333;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	text-decoration: none;
}

ul li a:hover{
  background: #65676d;
  color: #ffffff;
}


ul li:not(:last-of-type){
  margin-right: 10px;
}