@charset "UTF-8";
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

.container { width: 1200px; padding: 20px inherit; }

a:hover img { opacity: 0.6; }

a { color: #e50b85; }
a:hover { color: #e50b85; }

h1 { margin: 30px 15px 25px; padding: 20px; background: #f52e9d; border-radius: 6px; font-size: 2rem; font-weight: bold; color: #FFF; }

h2 a { color: #f52e9d; }

ul { padding: 0 15px; }

li { list-style-type: none; padding: .5em 0; border-top: 1px dotted #CCC; }
li:first-child { border: none; }

.ccm-block-ust-displayer-item { margin: 0 0 30px; }
.ccm-block-ust-displayer-item .ccm-block-ust-displayer-item-title a { color: #f52e9d; }
.ccm-block-ust-displayer-item .ccm-block-ust-displayer-item-title a:hover { color: #f52e9d; }
.ccm-block-ust-displayer-item .ccm-block-ust-displayer-item-date { margin: 0 0 .25em; }
.ccm-block-ust-displayer-item .ccm-block-ust-displayer-item-date img { margin: 0 .25em 0 0; vertical-align: text-bottom; }

.button { display: block; position: absolute; top: 50%; right: 20px; margin-top: -1.2rem; padding: 0; background: transparent; font-size: 1.2rem; }
.button a { display: block; padding: 5px 10px; border-radius: 5px; background: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
.button a:hover { background: #f3f3f3; text-decoration: none; box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); }

body { background: #fff0f0; }

header { padding: 0; }
header .header-top { padding: 5px; background: #f52e9d; }
header .header-top h1 { margin: 0; padding: 0; font-size: 100%; color: #FFFFFF; }
header .header-top .update { margin: 0; padding: 0; color: #FFFFFF; }
header .page-logo { margin: 20px auto; text-align: center; }
header nav { background: #f52e9d; text-align: center; }
header nav ul { margin: 0 auto; padding: 0; list-style-type: none; }
header nav ul li { margin: 0; padding: 0; padding-right: 0 !important; padding-left: 0 !important; }
header nav ul li a { display: block; margin: 0; padding: 15px 5px; border-right: 1px solid #e50b85; border-left: 1px solid #f75fb4; font-size: 110%; font-weight: bold; color: #FFF; }
header nav ul li a:visited, header nav ul li a:hover, header nav ul li a:active { background: #e50b85; text-decoration: none; color: #FFF691; }

.menu-box { background: #f52e9d; }
.menu-box ul { margin: 0; padding: 0; list-style-type: none; }
.menu-box ul li { padding: 10px 0; border-right: 1px solid #e50b85; border-left: 1px solid #f75fb4; }
.menu-box ul li:hover { background: #e50b85; }
.menu-box ul li a { font-size: 1.5em; color: #FFF; }
.menu-box ul li a:hover { color: #fff691; text-decoration: none; }

main { margin: 20px auto; padding: 20px; background: #FFF; border-radius: 15px; }
main #contents .container-box { padding: 0 15px; }

footer { margin: 0; padding: 5px 0; background: #f52e9d; text-align: center; color: #FFF; }
footer p { margin: 0; }

#banner-box { margin: 0 0 30px; }
#banner-box .banner-item { margin: 0 0 20px; }

#attention-box p { font-weight: bold; color: #ff3300; }

#member-blog article { margin-bottom: 30px; }
#member-blog article h2 { margin: 0 0 10px; padding: .5em .5em; border-width: 1px 1px 1px 10px; border-style: solid; }
#member-blog article h2 a { font-size: 120%; font-weight: bold; color: #666666; }
#member-blog article h2 span { display: block; margin-top: .5em; font-size: 90%; color: #666; }
#member-blog article.kanako { /* 夏菜子 */ }
#member-blog article.kanako .article-header h2 { border-color: #ff3300; }
#member-blog article.kanako .article-header h2 a:visited { color: #ff3300; }
#member-blog article.kanako a { color: #ff3300; }
#member-blog article.ayaka { /* 彩夏 */ }
#member-blog article.ayaka .article-header h2 { border-color: #FFABEF; }
#member-blog article.ayaka .article-header h2 a:visited { color: #FFABEF; }
#member-blog article.ayaka a { color: #f52e9d; }
#member-blog article.shiori { /* 詩織 */ }
#member-blog article.shiori .article-header h2 { border-color: #ffcc33; }
#member-blog article.shiori .article-header h2 a:visited { color: #ffcc33; }
#member-blog article.shiori a { color: #ffcc33; }
#member-blog article.reni { /* れに */ }
#member-blog article.reni .article-header h2 { border-color: #cc66ff; }
#member-blog article.reni .article-header h2 a:visited { color: #cc66ff; }
#member-blog article.reni a { color: #cc66ff; }
#member-blog article.momoka { /* 杏果 */ }
#member-blog article.momoka .article-header h2 { border-color: #28c35e; }
#member-blog article.momoka .article-header h2 a:visited { color: #28c35e; }
#member-blog article.momoka a { color: #28c35e; }
#member-blog article.matome { /* まとめ */ }
#member-blog article.matome .ccm-block-rss-displayer-wrapper { padding: 0 20px; }
#member-blog article.matome .article-header h2 { border-width: 0 0 2px 0; border-color: #e50b85; }
#member-blog article a:visited { color: #CCC; }

#ustream h1, #youtube h1, #line-live h1, #pickup h1 { position: relative; }
#ustream .list-block, #youtube .list-block, #line-live .list-block, #pickup .list-block { margin-bottom: 15px; border: none; text-align: center; }
#ustream .article-item, #youtube .article-item, #line-live .article-item, #pickup .article-item { width: 100%; max-width: 320px; margin: 0 auto; }
#ustream .article-item-thumb img, #youtube .article-item-thumb img, #line-live .article-item-thumb img, #pickup .article-item-thumb img { width: 100%; }
#ustream .article-item-date .date, #youtube .article-item-date .date, #line-live .article-item-date .date, #pickup .article-item-date .date { float: left; text-align: left; }
#ustream .article-item-date .time, #youtube .article-item-date .time, #line-live .article-item-date .time, #pickup .article-item-date .time { float: right; text-align: left; }
#ustream .article-item-title, #youtube .article-item-title, #line-live .article-item-title, #pickup .article-item-title { text-align: left; }

#matome .list-block { margin-bottom: 30px; }
#matome h2 { margin: 0 0 10px; padding: .5em .5em; border-width: 1px 1px 1px 10px; border-style: solid; border-color: #e50b85; }
#matome h2 a { font-size: 120%; font-weight: bold; color: #666666; }
#matome h2 a:visited { color: #666666; text-decoration: none; }
#matome a:visited { color: #CCC; text-decoration: none; }

.pagetop { margin: 30px; text-align: right; }
.pagetop a { display: inline-block; padding: 10px 15px; border-radius: 5px; background: #e50b85; font-size: 3rem; color: #fff; text-decoration: none; }
.pagetop a:visited, .pagetop a:hover, .pagetop a:active { color: #FFF691; text-decoration: none; }

@media screen and (max-width: 768px) { header .page-logo { width: 100%; margin: 0; padding: 10px; }
  header .page-logo img { width: 100%; }
  main { border-radius: 0; }
  .container { width: 100%; padding: 0; } }

/*# sourceMappingURL=main.css.map */