﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.btn,header h1,.btn2{-moz-transition:all .15s ease-in;-o-transition:all .15s ease-in;-webkit-transition:all .15s ease-in;transition:all .15s ease-in}img{max-width:100%}a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8}body{font-size:16px;color:#222;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.8;background:#f2f2f2;overflow-x:hidden}.column{max-width:980px;margin:0px auto;padding:30px 5px}#spmenu{cursor:pointer;display:none}.col_2 li{float:left;width:47%;padding:1%}.col_2:after{content:" ";display:block;clear:both}.col_3 li{float:left;width:32%;padding:0.5%}.col_3:after{content:" ";display:block;clear:both}.col_4 li{float:left;width:24%;padding:0.5%}.col_4:after{content:" ";display:block;clear:both}.btn{font-weight:bold;position:relative;background:#059;border:1px solid #222;border-bottom:5px #222 solid;color:#f2f2f2;padding:10px;text-decoration:none;display:block;margin:15px;text-align:center}.btn:hover{background:#f2f2f2;color:#059}.btn.orange{background:#710000}.btn.orange:hover{background:#f2f2f2;color:#710000}.right{text-align:right}.kv{padding:10px;background-image:url("/wp-content/themes/cocoon-child-master/images/top/kv01.jpg");padding:100px 10px;background-position:center center;background-size:cover;font-weight:bold;text-shadow:1px 1px 1px #f2f2f2;color:#444;text-align:center}.tag{font-size:12px;color:#f2f2f2;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;padding:0 2px;margin-right:5px;border-radius:2px}.tag.gsu{background:navy}.tag.fantia{background:#eb5939}header{display:-webkit-flex;display:flex;padding:10px;background:#222}header a{color:#f2f2f2;text-decoration:none}header a:hover{color:#f2f2f2}header h1{-webkit-flex:2;flex:2;margin:0 20px;font-weight:bold;text-shadow:1px 1px 1px #81beec}header h1 a:hover{text-shadow:1px 1px 1px #ff6a00}header nav{text-align:center;-webkit-flex:5;flex:5}nav ul li{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin:0 20px}nav ul li a{color:#f2f2f2}nav ul li a:hover{color:#81beec}h3{font-size:30px;font-weight:bold;margin:20px;text-align:center;color:#059;text-shadow:rgba(0,0,0,0.3) 0px 10px 0px,rgba(0,0,0,0.3) 2px 2px 2px}h3 span{font-size:14px;width:200px;border-bottom:solid #059 1px;margin:5px auto 5px auto;padding:5px;display:block}h4{font-size:18px;font-weight:bold;margin:20px;text-align:center;color:#059}.btn2{background:#81beec;color:#f2f2f2;display:block;text-align:center;padding:3px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;margin-bottom:20px}a:hover .btn2{background:#ddd;color:#81beec}.mainText{text-align:center;margin:10px 10px 30px 10px}#hotContents{background:#81beec}#hotContents a{color:#f2f2f2}#hotContents a:hover{color:#c03}#activity li{position:relative}#activity li a{color:#222;text-decoration:none}#activity li a:hover{color:#059}#activity li img{margin-bottom:20px}#activity li a h3{position:absolute;top:15%;left:5%;-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);transform:rotate(-3deg);font-weight:bold;font-size:26px;text-shadow:2px 2px 0px #059,3px 3px 0px #059;text-decoration:none;color:#fff}#blog{background:#ededed}#d-novel{background:#ededed}#d-novel figure img{width:100%}.rouletteArea{overflow:hidden;max-width:980px;margin:0 auto;padding:5px}.rouletteArea .slides{width:2600px;-moz-animation:roulette 40s infinite linear;-webkit-animation:roulette 40s infinite linear;animation:roulette 40s infinite linear}.rouletteArea .slides li{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline}@-moz-keyframes roulette{0%{-moz-transform:translateX(-20px);transform:translateX(-20px)}100%{-moz-transform:translateX(-1220px);transform:translateX(-1220px)}}@-webkit-keyframes roulette{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(-1220px);transform:translateX(-1220px)}}@keyframes roulette{0%{-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{-moz-transform:translateX(-1220px);-ms-transform:translateX(-1220px);-webkit-transform:translateX(-1220px);transform:translateX(-1220px)}}footer{position:relative;background:#222;color:#f2f2f2;font-size:80%}footer #pageTop{font-size:100%;position:fixed;right:20px;bottom:20px}footer #pageTop a{font-size:20px;display:block;padding:12px 20px;background:#059;text-decoration:none;color:#f2f2f2;border-radius:30px}footer #pageTop a:hover{color:#f2f2f2}footer .footmenu{text-align:center}footer .footmenu li{margin:0 10px}footer .copyright{text-align:center;padding:10px}footer .copyright a{text-decoration:none;color:#f2f2f2}@media screen and (max-width: 767px){#spmenu{display:block;position:absolute;top:0;right:0;color:#f2f2f2;padding:10px;background:#509}.open{display:block}.col_2 li,.col_3 li,.col_4 li{float:none;width:100%}.mainText{text-align:left}.btn{margin:20px}.kv{padding:80px 10px;text-align:left}header{display:block}header nav{display:none}header nav ul li{display:block}header nav ul li a{width:100%;padding:10px;text-align:center;display:block}#activity li img{margin:0 0 0 0}#activity a{margin-bottom:20px}.rouletteArea .slides{width:1300px;-moz-animation:roulette 20s infinite linear;-webkit-animation:roulette 20s infinite linear;animation:roulette 20s infinite linear}.rouletteArea .slides li{width:150px}@-moz-keyframes roulette{0%{-moz-transform:translateX(-10px);transform:translateX(-10px)}100%{-moz-transform:translateX(-610px);transform:translateX(-610px)}}@-webkit-keyframes roulette{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(-610px);transform:translateX(-610px)}}@keyframes roulette{0%{-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-moz-transform:translateX(-610px);-ms-transform:translateX(-610px);-webkit-transform:translateX(-610px);transform:translateX(-610px)}}}
