@charset "UTF-8";

/* ------------------------------------------------------------ */
/* init styles */
/* ------------------------------------------------------------ */

/* reset styles */
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img,object,table,caption,tbody,tfoot,thead,tr,th,td,address,iframe,code,pre,strong,em,small,fieldset,form,input,select,optgroup,option,textarea,button,legend,label,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{margin:0;padding:0;border:0;background:none;outline:0;font-size:100%;font-weight:normal;font-style:normal;}
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
header,footer,aside,section,article,nav,figure,figcaption,div,dl,ul,ol,form,iframe{zoom:1;}
body{line-height:1;}
ul,ol{list-style:none;}
img{vertical-align:bottom;}
a,object{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
input,select,button{vertical-align:middle;}
th,td{text-align:left;}

/* sub reset styles */
html{overflow-y:scroll;}
body{width:100%;background:#ffffff url(bg_body.jpg) center top repeat;background-attachment:fixed;font-size:16px;line-height:1.4;}
body,th,td,input,textarea,select,option{color:#333333;font-family:Verdana,'メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ＭＳ Ｐゴシック',sans-serif;}
a{color:#e5175c;text-decoration:none;}a:hover{color:#ff0055;text-decoration:underline;}
li,dt,dd,h1,h2,h3,h4,h5,h6,p{line-break:strict;}
header,footer,aside,section,article,nav,div,dl,ul,ol,form{position:relative;zoom:1;}
header:after,footer:after,aside:after,section:after,article:after,nav:after,div:after,dl:after,ul:after,ol:after,form:after{height:0;display:block;clear:both;content:"";}
::-moz-selection{background:rgba(229,69,229,0.1);}
::selection{background:rgba(229,69,229,0.1);}

/* ------------------------------------------------------------ */
/* layout styles */
/* ------------------------------------------------------------ */

#wrapper{padding:20px 0 0 0;overflow:hidden;}
#wrap{width:1000px;margin:0 auto;background:#ffffff;border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 0 20px 1px rgba(229,69,229,0.5);}
#header{margin:0 0 -10px 0;z-index:100;}
#header h1 img{margin:-20px 0 0 0;}

.content_right{width:760px;margin:0 20px 0 0;padding:40px 0 0 0;float:right;padding-bottom:32767px;margin-bottom:-32767px;}
.content_left{
    width:200px;padding:0 0 0 0;float:left;padding-bottom:32767px;margin-bottom:-32767px;
    background:#fff5f8;background:-webkit-linear-gradient(left,#fff5f8 0%,#ffebf1 100%);background:linear-gradient(to right,#fff5f8 0%,#ffebf1 100%);
}
.content_left .menu{position:absolute;left:0;top:0;width:100%;margin:-1px 0 0 0;}
.content_left .menu li{margin:-1px 0 0 0;}
.content_left .menu li a{
    padding:9px 0 10px 0;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;display:block;overflow:hidden;
    background:#ffd6e4;background:-webkit-linear-gradient(left,#fff5f8 0%,#ffd6e4 100%);background:linear-gradient(to right,#fff5f8 0%,#ffd6e4 100%);
}
.content_left .menu li:nth-of-type(2n) a{background:#ffccdd;background:-webkit-linear-gradient(left,#ffebf1 0%,#ffccdd 100%);background:linear-gradient(to right,#ffebf1 0%,#ffccdd 100%);}

.content_left .detail{width:120px;margin:0 0 0 10px;padding:2px 0 0 0;float:left;}
.content_left .detail dt{font-size:16px;font-weight:bold;line-height:1.4;}
.content_left .detail dd{margin:0 10px 0 0;color:#666666;font-size:12px;line-height:1.4;}
.content_left .detail dd.en{margin:-2px 0 4px 0;color:#999999;font-size:10px;}
.content_left .pic-thumb{margin:0 10px 0 0;float:right;box-shadow:1px 2px 2px 0 rgba(0,0,0,0.2);}

.section{
    margin:0 0 40px 0;padding:0 0 1px 0;border-radius:10px;box-shadow:inset 0 0 10px 0 rgba(255,0,85,0.1);
    background:#ffe0eb;background:-webkit-linear-gradient(left top,#ffe0eb 0%,#ffffff 50%,#ffe0eb 100%);background:linear-gradient(to right bottom,#ffe0eb 0%,#ffffff 50%,#ffe0eb 100%);
}
.section h2 img{margin:-30px 0 0 -10px;}
.section>.inner{ }
.section figure{text-align:center;}
.section figure a{margin:0 auto;background:#ffffff;display:block;position:relative;}
.section figure a img{width:100%;}

.section .pic-main a{border:1px solid #ff0055;box-shadow:1px 2px 4px 0 rgba(0,0,0,0.3);}
.section .pic-main a img{position:absolute;left:0;top:0;}
.section .pic-main a img:first-child{position:relative;}
.section .pic-thumb a{box-shadow:1px 2px 2px 0 rgba(0,0,0,0.2);}

.typ-large .comic{margin:0 0 30px 0;}
.typ-large .pic-main{margin:0 0 0 20px;float:left;}
.typ-large .pic-main a{width:420px;border-width:1px;}
.typ-large .detail{width:278px;margin:0 20px 0 0;float:right;}
.typ-large .detail dt{padding:0 0 15px 0;font-size:24px;font-weight:bold;line-height:1.4;}
.typ-large .detail dd{font-size:14px;line-height:1.8;}
.typ-large .bt-group{position:absolute;right:10px;bottom:-10px;}
.typ-large .bt-group li{margin-top:-5px;}

.typ-small .menu{margin:0 0 0 20px;}
.typ-small .comic{width:96px;margin:0 8px 30px 0;float:left;}
.typ-small .pic-thumb{margin:0 0 7px 0;}
.typ-small .title{display:block;margin:0 0 2px 0;font-size:12px;font-weight:bold;line-height:1.4;}
.typ-small .bt-read{margin:0 0 -4px -4px;display:block;}

.typ-small.typ-8column .menu{margin:0 0 0 7px;}
.typ-small.typ-8column .comic{width:88px;margin:0 6px 30px 0;float:left;}
.typ-small.typ-8column .bt-read img{width:94px;height:auto;}
.typ-small.typ-8column .bt-read{margin:0 0 0 -3px;display:block;}

.typ-middle .comic{margin:0 0 30px 0;}
.typ-middle .pic-main{position:absolute;left:20px;top:0;}
.typ-middle .pic-main a{width:360px;}
.typ-middle .right{width:338px;min-height:200px;margin:0 0 0 402px;}
.typ-middle .pic-thumb{position:absolute;left:0;bottom:0;}
.typ-middle .pic-thumb a{width:110px;}
.typ-middle .bt-group{position:absolute;right:-4px;bottom:-4px;}
.typ-middle .detail{top:-4px;}
.typ-middle .detail dt{padding:0 0 15px 0;font-size:24px;font-weight:bold;line-height:1.4;}
.typ-middle .detail dd{margin:0 0 0 134px;font-size:12px;line-height:1.8;}

.typ-banner .menu{margin:0 0 0 20px;padding:0 0 10px 0;}
.typ-banner .menu li{margin:0 0 20px 0;}

#footer{padding:22px 0 24px 0;clear:both;background:#ffccdd;background:-webkit-linear-gradient(top,#ffd9e5 0%,#ffccdd 100%);background:linear-gradient(to bottom,#ffd9e5 0%,#ffccdd 100%);}
#footer .menu{padding:0 15px;float:left;}
#footer .menu li{margin:0 5px 0 0;float:left;font-size:12px;}
#footer .menu li a{padding:5px 5px;color:#80666e;display:block;}
#footer .cr{padding:6px 20px 0 0;color:#80666e;float:right;font-size:10px;}

.bt-fade{transition:0.2s linear;}
.bt-fade:hover{opacity:0.6;}
.bt-anime:hover img{
    animation: btanime 0.4s ease-out;
    -webkit-animation: btanime 0.4s ease-out;
    -moz-animation: btanime 0.4s ease-out;
}
@keyframes btanime {
    0%   { transform: scale(0.95); }
    40%  { transform: scale(1.05); }
    60%  { transform: scale(0.98); }
    80%  { transform: scale(1.01); }
    100% { transform: scale(1); }
}
@-webkit-keyframes btanime {
    0%   { -webkit-transform: scale(0.95); }
    40%  { -webkit-transform: scale(1.05); }
    60%  { -webkit-transform: scale(0.98); }
    80%  { -webkit-transform: scale(1.01); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes btanime {
    0%   { -moz-transform: scale(0.95); }
    40%  { -moz-transform: scale(1.05); }
    60%  { -moz-transform: scale(0.98); }
    80%  { -moz-transform: scale(1.01); }
    100% { -moz-transform: scale(1); }
}