@charset "UTF-8";

h5 {margin-bottom: 8px; font-size: 15px; font-size: 1.5rem; text-align: left;}
h5:before {content: "●";}
#pageinfo{margin-top:30px; padding:0 20px;}
#pageinfo .date{margin-top:6px; font-size:13px; font-size:1.3rem; text-align:right; color:#666;}
#pageinfo p{margin-top:20px; text-align:left; font-weight:400;}
@media only screen and (min-width:1090px) {
#pageinfo{padding:0;}
}

#sns{max-width:1090px; margin:0 20px; margin-top:16px; padding:8px 0 4px 0; background:#eee; }
#sns.snslist{margin:0 auto; margin-bottom:30px;}
#sns ul{text-align: right;}
#sns ul li{display:inline-block; margin-left:8px; vertical-align:top; height:20px;}
@media only screen and (min-width:640px) {
}
@media only screen and (min-width:1090px) {
#sns{margin:16px auto 0 auto;}
}

#pageinfo .credit{text-align:right;}

#main{max-width:1090px; margin:0 auto; text-align:left;}
#main .box{padding:20px;}
#main h4{margin-bottom:8px; font-size:17px; font-size:1.7rem; color:#00758C;}
#main h4:before {content:"━"; margin-right:8px;}
#main p{margin-bottom:24px;}
#main p .pink {color:#FF3366; font-weight:600; padding-right: 8px;}
#main p .blue {color:#3366FF; font-weight:600; padding-right: 8px;}
#main p .orange {color:#f26e00; font-weight:600; padding-right: 8px;}
#main .cf{text-align:center;}
#main .cf h4,#main .cf p{text-align:left;}
#main img.rightdef{margin:0 auto; margin-bottom:16px; max-width:400px; text-align:center;}
#main img.leftdef{margin:0 auto; margin-bottom:16px; max-width:400px; text-align:center;}
#main img.height{max-height:400px; width:auto;}
@media only screen and (min-width:800px) {
#main img.rightdef{float:right; padding:3px 0 3px 10px; max-width:300px;}
#main img.leftdef{float:left; padding:3px 30px 3px 0px; max-width:300px;}
}
@media only screen and (min-width:1090px) {
#main .box{padding:20px 0;}
#main img.rightdef{float:right; padding:3px 0 3px 10px; max-width:400px;}
#main img.leftdef{float:left; padding:3px 30px 3px 0px; max-width:400px;}
}

#profile{max-width:1090px; margin:0 20px; text-align:left; border:1px solid #666;}
#profile .box{padding:20px;}
#profile .profilename{background:#666; color:#fff; padding:4px 8px;}
#profile .name{display:inline-block; padding-right:8px; font-size:19px; font-size:1.9rem;}
#profile .group{display:inline-block; font-size:15px; font-size:1.5rem; font-weight:100;}
#profile .image{max-width:160px; margin-bottom:20px;}
#profile .web,#profile .bio{color:#666; font-weight:500;}
#profile .mb30{margin-bottom:30px;}
#profile .text a{text-decoration:underline; color:#007799;}
#profile p{margin-bottom: 15px;}

@media only screen and (min-width:640px) {
#profile{margin:0 auto;}
#profile .image{display:inline-block; width:16%; margin-right:2%; vertical-align:top; text-align:left;}
#profile .text{display:inline-block; width:79%;}
}

#gallery{padding:0 0;}
#gallery p.right{max-width:1200px; margin:20px auto; text-align:right;}
#gallery ul{max-width:1200px; margin:20px auto; display:flex; justify-content:flex-start; flex-wrap:wrap;}
#gallery ul li{max-width:250px; width: calc(33% - 8px); margin:4px;}
@media only screen and (min-width:740px) {
#gallery ul{max-width:1200px; margin:20px auto;}
#gallery ul li{max-width:250px; width: calc(16.6% - 16px); margin:8px;}
}

.content-nav {margin:15px 0 25px 0; font-family: 'Oswald', sans-serif; font-size:14px;}
.content-nav ul li {display: inline;}
.content-nav ul span.current_page{margin: 2px; padding:0 7px; border-right:1px solid #666;}
.content-nav ul li a {margin: 2px; padding:0 7px; border-right:1px solid #666; color: #000;}
.content-nav ul li a.link_next{border:none;}
.content-nav ul li a:hover {}
.content-nav ul li a:visited {}
.content-nav li.nextnavi{font-size:12px; font-weight:600;}
.content-nav li.nextnavi a{ padding:0; margin-left:0; border:none;}