body{
background: #232323;
color: #484848;
font-family: 'Raleway','ヒラギノ角ゴ ProN W3',メイリオ,sans-serif;
font-size: 13px;
line-height: 1.8;
word-wrap : break-word;}
a{
color: #666;
-webkit-tap-highlight-color: rgba(0,0,0,0);
tap-highlight-color: rgba(0,0,0,0);}
a:hover, a:active{
color: #ccc;
text-decoration: none;}
header{
background: #232323;
color: #fff;
text-align: center;
padding: 5px 0 20px;
position: relative;
z-index: 0;}
hr{
border: none;
height: 13px;
background-image: repeating-linear-gradient(#90a090,#90a090 2px,#232323 2px,#232323 4px);}
.main{
max-width: 800px;
margin: auto;
padding: 0 2%;}
.box{
padding: 20px 2%;
background: #90a090;}
.box:nth-child(odd){ background: #eff8df;}
h1{
font-family: 'Barrio','ヒラギノ角ゴ ProN W3',メイリオ,sans-serif;
font-size: 200%;
color: #fff;}
h2{
font-family:'Kavivanar','ヒラギノ角ゴ ProN W3',メイリオ,sans-serif;
font-size: 150%;
color: #000;
text-align: center;}
h3{
display: inline-block;
width: 75px;
background: #809080;
font-weight: normal;
text-align: center;
opacity: 0.9;}
ul{
list-style-type: none;
max-width: 500px;
margin: 0 auto;
display: -webkit-box;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
font-size: 110%;}
li{ display: inline-block;}
li a{
display: inline-block;
text-decoration: none;
color: #dfc8b0;
text-align: center;}
.new dt{
display: inline-block;
width: 70px;
background: #d3dfd3;
text-align: center;
transform: rotate(-5deg);
opacity: 0.9;}
.new dd{
border-bottom: 1px solid #cfcfcf;
margin-bottom: 6px;}
p.bkm{ margin-bottom: 6px;}
footer{
position: relative;
color: #fff;
text-align: center;}
-->