@charset "UTF-8";

body{
 background: linear-gradient(to top, #fff, 10%, #fff1bd);
	color: #630;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
img{
	border: 0;
	max-width:100%;
	height:auto;
}
p{
margin-bottom:1em;
}
h2{
	color: #85479f;
	font-weight:bold;
	font-size:1.5em;
}
h3{
	font-weight:bold;
	font-size:1.2em;
}
ol{
margin:5px auto 10px;
text-align:left;
}
a{
	font-weight: bold;
	text-decoration: none;
}
a:link{
	color: #33b4ff;
}
a:visited{
	color: #33b4ff;
}
a:hover{
	color: #ffeb00;
}
a:active{
	color: #fc9;
}
a.buttonw{
	display:inline-block;
	padding:10px;
	font-size:1.2em;
	background:#fff;
	border-radius:10px;
	margin:5px;
}
@media screen and (max-width: 767px) {
	article a{
	display:inline-block;
	padding:10px;
	background:#fff;
	border-radius:10px;
	margin:5px;
	}
	article a:link,article a:visited,article a:hover,article a:active{
		color: #33b4ff;
	}
	article a:hover{
	opacity:0.7;
	}
}

header{
	background: #c76638;
	text-align:center;
	padding-top:10px;
}
header section{
	width: 80%;
	overflow:hidden;
	max-width: 870px;
	margin: auto;
}
header #navi a,header #navi a:link,header #navi a:visited{
color:#33b4ff;
}
header #navi li a:hover{
color:#ffeb00;
}
header #navi div#h_menu{
max-width: 1000px;
margin: auto;
}
main{
background: linear-gradient(to top, #ffe9e9, 20%, #ffbbbb);
	text-align: center;
	width: 80%;
	margin: 5px auto;
	border: 5px outset #85479f;
	overflow:hidden;
	max-width: 870px;
}
main > article{
	text-align: center;
	padding:10px;
}
main article a:hover img{
opacity:0.7;
}

footer{
background:#f99;
border-top:5px double #72cbff;
font-size:0.8em;
padding:5px;
}
footer nav ul.nav{
overflow:hidden;
margin:0 auto;
}
footer nav ul.nav li{
float:left;
}
	footer nav ul.nav li a{
	display:inline-block;
	padding:10px;
	background:#fff;
	border-radius:10px;
	margin:5px;
	}
	footer nav ul.nav li a:link,
	footer nav ul.nav li a:visited,
	footer nav ul.nav li a:hover,
	footer nav ul.nav li a:active{
		color: #33b4ff;
	}
	footer nav a:hover{
	opacity:0.7;
	}


/*基本スタイル*/
article strong{
font-weight:bold;
}

/*---TOP-----*/
aside ol{
max-width:initial;
max-width:auto;
}
ol li time,aside ol li span{
width:100px;
font-weight:bold;
text-align:right;
display:inline-block;
margin-right:10px;
}
aside ol li span{
	color: #f00;
	font-weight: bold;
	text-align:left;
}
#gallery_feed{
	border-top: solid 2px;
}
#gallery_feed .list_thumb{
    overflow:hidden;
    display: flex;
    flex-wrap:wrap;
}
#gallery_feed dl{
	display: inline-flex;
	flex-direction: column;
	width:16.5%;
}
#gallery_feed dl dt{
    
}
#gallery_feed dl dd{
    
}
#gallery_feed dl dd time{
font-weight:bold;
text-align:center;
display:block;
}
@media screen and (max-width: 1023px) {
	#gallery_feed dl{
	width:33%;
	}
}
@media screen and (max-width: 455px) {
	#gallery_feed dl{
	width:50%;
	}
    aside ol li span{
    display:block;
    }
}
#bbs_newimg{
	border-top:dotted 2px;
	border-bottom: solid 2px;
}

/*年齢制限説明*/
#about-nsfw{
    margin-bottom:130px;
}
@media screen and (max-width: 469px) {
       #about-nsfw{
        margin-bottom:200px;
    } 
}
#about-nsfw h1{
	color: #fff;
	font-size: 1.5em;
}
#about-nsfw h2{
	font-size: 1.2em;
}
#about-nsfw main h3{
	background:#85479f;
	color:#fff;
}
#about-nsfw main p{
	text-align: left;
}
#about-nsfw dl{
	margin:0 auto 1em;
	text-align:left;
}
#about-nsfw dl dt{
	font-weight:bold;
}
#about-nsfw dl dd{
	margin-left:1em;
	display:inline-block;
}
#about-nsfw main,#about-nsfw footer nav {
    overflow: hidden;
    max-width: 870px;
    margin: 0 auto;
}
#about-nsfw footer {
text-align: center;
    position: fixed;
    width: 100%;
    bottom: 0;
}