@charset "UTF-8";

/*
Theme Name: elixir
Theme URI: http://sexpeas.com
Author: Geki Fujiwara
Author URI: http://sexy-hacks.com
Description: <a href="http://sexpeas.com">SEXPEAS</a> 専用テンプレート
Version: 1.0
*/




/*
Color Palette
#000; - Black
#e16; - Pink
#fff; - White (Text)
#666; - Light Gray
#333; - Medium Gray (border)
#181818; - Dark Gray (Background)
*/

/* font-size : 24,20,15,14 */

/******************/
/******************/
/* reset **********/

* {
border:0;
margin:0;
outline:0;
padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}

html {font-size:62.5%;}


body {
background-color:#000;
color:#fff;
font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
font-size:15px;
font-size:1.5rem;
font-style:normal;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
/*-moz-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
-o-font-smoothing:antialiased;*/
font-smoothing:antialiased;
/* text-rendering:optimizeLegibility; まだ使わないほうが無難 */
}

article, aside, dialog, figure, footer, header, main, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

input,
select {vertical-align:middle;}

/******************/
/******************/
/* html format ****/

a,
a:link,
a:visited,
a:active {
color:#e07;
text-decoration:none;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

a:hover {color:#e07;}



b {color:#e07;}
i {color:#e07;}
u {text-decoration:underline;}
em {color:#e07;}
strong {color:#e07; font-weight:bold; font-size:1.2em;}
mark {background:transparent;}

q {}
q:before,
q:after {content:'"';}
s {text-decoration:underline;}
del {text-decoration:line-through; padding:0 5px;}

ins {}
iframe {}

ruby {}
rt {font-size:0.5em;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}

details {margin:0 0 40px 0;}

hr {clear:both; margin:0 0 30px 0; border-bottom:1px solid #333;}

table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; max-width:100%; margin:0 0 2em 0;}
table th,
table td {padding:8px; vertical-align:top; border:1px solid;}
table caption {text-align:left; padding:8px;}


/******************/
/******************/
/* shortcodes *****/

.pc {display:block;}
.tb {display:none;}
.sp {display:none;}
.pc.tb {display:block;}
.pc.sp {display:block;}
.tb.sp {display:none;}

.alignright,
.align-right {text-align:right;}
.alignleft,
.align-left {text-align:left;}
.center,
.aligncenter,
.align-center {text-align:center; display:block; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden; zoom:1;}
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.static {position:static;}
.fixed {position:fixed;}
.nowrap {white-space:nowrap;}
.small {font-size:0.8em;}

img.left,
img.floatleft,
img.float-left {margin:0 20px 20px 0;}
img.right,
img.floatright,
img.float-right {margin:0 0 20px 20px;}

img.full {width:100%; max-width:100%; height:auto;}

/*
::-moz-selection {background:#1aa; color:#fff;}
::selection {background:#1aa; color:#fff;}
*/

.table {display:table; table-layout:fixed; width:100%;}
.table .cell {display:table-cell; vertical-align:top;}

table.border,
table.border th,
table.border td {border:1px solid #ccc;}

table.hover tbody tr:hover,
table.hover tbody tr:nth-child(odd):hover,
table.hover tbody tr:nth-child(even):hover {background:#999; color:#fff; cursor:text;}

table.stripe tbody tr:nth-child(even) {background-color:#f8f8f8;}
table thead th {vertical-align:bottom; font-weight:bold;}


.color-black {color:#414141;}
.color-gray  {color:#999999;}
.color-light {color:#f0f0f0;}
.color-green {color:#55cdcd;}
.color-white {color:#ffffff;}

.color-success {color:blue;}
.color-error {color:red;}
.color-warning {color:yellow;}

/******************/
/******************/
/* WordPress Tags */

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
max-width:100%;
width:100%;
height:auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
#wpstats {display:none;}


.wp-embedded-content {max-width:100%; width:100%;}

/******************/
/* layout *********/


#to,
#bo {clear:both; display:block; height:0; overflow:hidden;}

#to {height:20px; background:#e07; display:block;}

.inner {
min-width:280px;
width:100%;
max-width:1120px;
clear:both;
line-height:1.6;
margin:0 auto;
padding:0 12px;
position:relative;
}

.inner:after {content:""; display:block; clear:both;}


#sidebar {
width:300px;
float:left;
line-height:1.6;
margin:0 0 40px 0;
position:relative;
text-align:left;
}

#main {
float:right;
text-align:left;
	width:-webkit-calc(100% - 360px);
	width:-moz-calc(100% - 360px);
	width:-ms-calc(100% - 360px);
	width:-o-calc(100% - 360px);
	width:calc(100% - 360px);
position:relative;
}



/******************/
/******************/
/* header *********/


#header {display:none; text-align:left; position:relative;}

#h-logo {background:#e07; margin:0 0 40px 0; padding:4px 0;}

#header h1 {height:40px; width:160px; margin:0; overflow:hidden; display:block;}

#header h1 a {
background:url("images/logo.png") center top no-repeat;
	-webkit-background-size:160px 40px;
	-moz-background-size:160px 40px;
	-ms-background-size:160px 40px;
	-o-background-size:160px 40px;
	background-size:160px 40px;
display:block;
padding-top:80px;
	-webkit-transition:0;
	-moz-transition:0;
	-ms-transition:0;
	-o-transition:0;
	transition:0;
}


#header h1 a {display:block;}

#header h2 {font-size:10px; font-size:1.0rem; padding:4px 0; display:none;}


#footer {
padding:30px 0;
clear:both;
background-color:#e07;
background:-webkit-gradient(
	linear, left top, left bottom,
	color-stop(0, rgb(238,0,119)),
	color-stop(1, rgb(180,0,90))
	);
background:-moz-linear-gradient(
    center top,
    rgb(238,0,119),
    rgb(180,0,90)
	);
background:-ms-linear-gradient(
	rgb(238,0,119),
	rgb(180,0,90)
	);
background:-o-linear-gradient(
	rgb(238,0,119),
	rgb(180,0,90)
	);
background:linear-gradient(
	rgb(238,0,119),
	rgb(180,0,90)
	);
text-align:left;
}



/******************/
/******************/
/* control ********/

.control {font-size:13px; font-size:1.3rem;}

#h-control {margin:0 0 80px 0;}
#f-control {clear:both;}

#h-control:after {content:""; clear:both; display:block;}

.control a,
#footer a {color:#fff;}

.control a:hover,
#footer a:hover {color:#000;}

#h-control ul {float:right; font-size:13px; font-size:1.3rem; text-align:center;}
#f-control ul:first-child {float:left;}
#f-control ul:last-child {float:right;}

#h-control ul li,
#f-control ul li {float:left; display:block; margin:0 0 0 4px; height:30px; overflow:hidden;}

#h-control ul li:first-child,
#f-control ul li:first-child {margin:0;}

#h-control ul li a,
#f-control ul li a {display:block;  margin:0; padding:0 16px;}

#h-control ul li a {
background-color:#e07;
border:2px solid #e07;
line-height:26px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	border-radius:0 0 8px 8px / 0 0 8px 8px;
background:-webkit-gradient(
    linear, left bottom, left top,
    color-stop(0, rgb(180,0,90)),
    color-stop(0.5, rgb(238,0,119)),
    color-stop(1, rgb(238,00,119))
	);
background:-moz-linear-gradient(
    center bottom,
    rgb(180,0,90) 0%,
    rgb(238,0,119) 50%,
    rgb(238,0,119) 100%
	);
background:-o-linear-gradient(
	rgb(238,0,119),
	rgb(180,0,90)
	);
}

#f-control ul li a {
background-color:#e07;
border:2px solid #e07;
line-height:36px;   
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px; 
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	border-radius:8px 8px 0 0 / 8px 8px 0 0;
background:-webkit-gradient(
	linear, left bottom, left top,
    color-stop(0, rgb(238,0,119)),
    color-stop(0.5, rgb(238,0,119)),
    color-stop(1, rgb(170,0,85))
	);
background:-moz-linear-gradient(
    center bottom,
    rgb(238,0,119) 0%,
    rgb(238,0,119) 50%,
    rgb(170,0,85) 100%
	);
background:-o-linear-gradient(
	rgb(180,0,90),
	rgb(238,0,119)
	);
}

/******************/
/******************/
/* footer *********/

#h-logo hr,
#s-logo hr,
#footer hr {
border:none;
border-top:1px solid rgba(0,0,0,0.5);
border-bottom:1px solid rgba(255,255,255,0.5);
opacity:0.5;
clear:both;
margin:0;
padding:0;
}

#footer hr {margin:10px 0;}

#footer h4 {font-size:19px; font-size:1.9rem;}
#footer h4 i {color:#fff; display:block; font-size:13px; font-size:1.3rem;}

#f-1 ul li a {padding-left:1.5em; text-indent:-1.5em; display:block;}
#f-1 ul li a:before {content:"■"; margin-right:0.5em;}

#f-2 p {font-size:9px; font-size:0.9rem;}
#f-2 a {white-space:nowrap;}

#f-3 ul {list-style:none; padding:0; margin:0;}
#f-3 ul li {margin:0 0 12px 0 0; list-style:none;}
#f-3 ul li a {display:block;}
#f-3 ul li img {width:100%; height:auto;}



#f-navi {display:block; text-align:center; clear:both; line-height:1;}
#f-navi ul {display:block; font-size:13px; font-size:1.3rem;}
#f-navi ul li {margin:0 10px; display:inline;}

#copy small {clear:both; display:block; font-size:11px; font-size:1.1rem; text-align:center;}

/******************/
/******************/
/* sidebar ********/

#s-logo {
line-height:1;
margin:0 0 20px 0;
padding:4px 18px 20px;
background-color:#e17;
border:2px solid #e07;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:10px;
	border-radius:0 0 8px 8px / 0 0 8px 8px;
background:-webkit-gradient(
	linear, left top, left bottom,
    color-stop(0, rgb(238,0,119)),
    color-stop(0.5, rgb(238,0,119)),
    color-stop(1, rgb(180,0,90))
	);
background:-moz-linear-gradient(
    center top,
    rgb(238,0,119) 0%,
    rgb(238,0,119) 50%,
    rgb(180,0,90) 100%
	);
background:-o-linear-gradient(
	rgb(238,0,119),
	rgb(180,0,90)
	);
}

#s-logo h3 {
margin:0 auto;
padding:0;
padding-top:8px;
width:240px;
height:70px;
overflow:hidden;
	-webkit-transition:0;
	-moz-transition:0;
	-ms-transition:0;
	-o-transition:0;
	transition:0;
}

#s-logo h3 a {
background:url("images/logo.png") center top no-repeat;
	-webkit-background-size:240px 60px;
	-moz-background-size:240px 60px;
	-ms-background-size:240px 60px;
	-o-background-size:240px 60px;
	background-size:240px 60px;
display:block;
padding-top:80px;
	-webkit-transition:0;
	-moz-transition:0;
	-ms-transition:0;
	-o-transition:0;
	transition:0;
}

#s-logo h3 a:hover {opacity:0.5;}

#s-logo p {
margin:0;
padding:4px 0;
text-align:center;
font-size:1.3px;
font-size:1.3rem;
color:#fff;
}

#s-logo input { /* padding と合わせて、横幅 240px になるように */
margin:12px 0 0 0;
padding:2px 12px 2px 36px;
height:30px;
line-height:30px;
width:260px;
background: url("images/bg-search.png") top left no-repeat;
	-webkit-background-size:260px 30px;
	-moz-background-size:260px 30px;
	-ms-background-size:260px 30px;
	-o-background-size:260px 30px;
	background-size:260px 30px;
/*color: #e380a2;*/
color:rgba(255,255,255,0.5);
font-size:13px;
font-size:1.3rem;
overflow:hidden;
}

#s-logo input:focus {color:#fff;}


/******************/
/* mark ***********/

#mark {
clear:both;
display:block;
margin:0 auto;
margin-bottom:20px;
background-image:url(images/icon-320.png);
background-repeat:no-repeat;
	-webkit-background-size:40px 40px;
	-moz-background-size:40px 40px;
	-ms-background-size:40px 40px;
	-o-background-size:40px 60px;
	background-size:40px 40px;
width:40px;
height:40px;
overflow:hidden;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform:rotate(0deg);}
	100% {-ms-transform:rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform:rotate(0deg);}
	100% {-o-transform:rotate(360deg);}
}
@keyframes spin {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

#mark p {padding-top:60px;}

/******************/
/******************/
/* s-navi *********/

#sidebar {}

.navi-toggle {display:none;}

#h-navi ul,
#s-navi ul {
margin:0 0 40px 0; padding:0;
font-family:Optima, Arial, Helvetica, Sans-serif;
font-size:17px;
font-size:1.7rem;
}

#h-navi ul li,
#s-navi ul li {margin:0 0 8px 0; padding:0;}
/*
#s-navi ul li a {
background-color:#191919;
background-image:url(images/bg-navi.png) !important;
	-webkit-background-size:280px 140px;
	-moz-background-size:280px 140px;
	-ms-background-size:280px 140px;
	-o-background-size:280px 140px;
	background-size:280px 140px;
background-repeat:no-repeat;
background-position:0 0;
color:#fff;
display:block;
height:40px;
margin:0 0 5px 0;
padding:0 10px 0 30px;
line-height:41px;
overflow:hidden;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}
*/

#h-navi ul li a,
#s-navi ul li a {
font-family:Optima, Arial, Helvetica, Sans-serif;
background-color:#191919;
border:2px solid #333;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
display:block;
height:40px;
margin:0;
padding:0 4px 0 20px;
line-height:38px;
overflow:hidden;
color:#fff;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

#h-navi ul li a:hover,
#s-navi ul li a:hover {
border:2px solid #e07;
	background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(158,17,54)),
    color-stop(0.5, rgb(238,0,119))
	);
	background:-moz-linear-gradient(
    center bottom,
    rgb(237,17,102) 0%,
    rgb(99,11,33)
	);
/*background-position:0 -100px !important;*/
}



#h-navi ul li a.active,
#h-navi ul li[class*="current"] a,
#s-navi ul li a.active,
#s-navi ul li[class*="current"] a {
border:2px solid #e07;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(158,17,54)),
    color-stop(0.5, rgb(238,0,119))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(237,17,102) 0%,
    rgb(255,0,102) 50%
);
/*background-position:0 -100px !important;*/
}

#h-navi ul li a span,
#s-navi ul li a span {
visibility:hidden;
font-size:13px;
font-size:1.3rem;
padding-left:20px;
}

#h-navi ul li a:hover span,
#h-navi ul li.current-menu-item a span,
#s-navi ul li a:hover span,
#s-navi ul li.current-menu-item a span {
visibility:visible;
}

/******************/

#sidebar .module {
margin:0 0 40px 0;
clear:both;
}

#sidebar .module h4 {
font-size:19px;
font-size:1.9rem;
margin:0 0 12px 0;
}

#sidebar .module h4 i {display:block; font-size:13px; font-size:1.3rem;}

#sidebar .module select {
margin-bottom:10px;
width:100%;
background-color:#191919;
border:1px solid #333;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
font-size:13px;
font-size:1.3rem;
padding:5px 8px;
color:#fff;
	-webkit-appearance:button;
	-moz-appearance:button;
	-ms-appearance:button;
	-o-appearance:button;
	appearance:button;
}

#sidebar .module select:hover {background-color:#666; cursor:pointer;}

#sidebar .module a {color:#666;}
#sidebar .module a:visited {color:#333;}
#sidebar .module a:active {color:#e07;}
#sidebar .module a:hover {color:#fff;}

#sidebar .module ul {clear:both; padding-left:4px;}
#sidebar .module ul li {margin:0 0 4px 0;}

#sidebar .module ul li a {
display:block;
margin:0;
padding-left:1em;
text-indent:-1.2em;
position:relative;
}

#sidebar .module ul li a:before {content:"■"; margin-right:0.2em;}


#sidebar #s-sns ul {list-style:none; margin:0; padding:0;}
#sidebar #s-sns ul li {width:49%;}
#sidebar #s-sns ul li:nth-child(odd) {float:left;}
#sidebar #s-sns ul li:nth-child(even) {float:right;}

#sidebar #s-sns ul li img {width:100%; max-width:100%; height:auto;}

#sidebar #s-sns ul li a {margin:0; padding:0; text-indent:0;}
#sidebar #s-sns ul li a:before {display:none;}

/******************/
/******************/
/* article ********/

.article {margin:0; padding:0; vertical-align:top;
/*word-break:break-all;
word-wrap:break-word;*/
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {margin:0 auto 2.0em auto;}

.article h1 {font-size:38px; font-size:3.8rem;}
.article h2 {font-size:34px; font-size:3.4rem;}
.article h3 {font-size:21px; font-size:2.1rem;}
.article h4 {font-size:21px; font-size:2.1rem;}
.article h5 {font-size:19px; font-size:1.9rem;}
.article h6 {font-size:17px; font-size:1.7rem;}

.article h3 {padding:0 0 8px 0; border-bottom:1px solid #333;}

.article p {margin:0 0 3.2em 0;}

.article ul,
.article ol {margin:0 0 3.2em 2em; padding:0; list-style:outside;}

.article ul ul, .article ul ol, .article ol ul, .article ol ol {margin-bottom:0;}

.article ul {list-style:disc;}
.article ul ul {list-style:circle;}
.article ol {list-style:decimal;}
.article ol ol {list-style:upper-roman;}


.article dl {margin:0 0 3.2em 0; padding:0;}
.article dl dt {margin:0; position:relative;}
.article dl dd {margin:0; padding-left:1em;}
.article dl dd:not(:last-child) {margin:0 0 1em 0;}

.article dt,
.article dt {
padding:0;
margin:0 0 15px 0;
padding-left:15px;
color:#e07;
background-image:url("images/bullet.gif");
background-position:left center;
background-repeat:no-repeat;
}

.article dd {padding:0 0 30px 15px;}


.article img {max-width:100%; height:auto;}
.article hr {margin:30px 0; height:0; border:0; border-top: 1px solid #333;}


.article blockquote {
/*border-left:5px solid #333;
border-right:5px solid #333;
padding-left:20px;
padding-right:20px;
margin-left:20px;
margin-right:20px;*/
background-color:#191919;
margin-bottom:40px;
border:1px solid #333;
padding:30px 30px 0.1em;
margin:0 0 30px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}



.article blockquote {}

.article blockquote > *:last-child,
.article blockquote > *:last-child > *:last-child,
.article blockquote > *:last-child > *:last-child > *:last-child {margin:0 0 20px 0;}

blockquote cite {font-size:0.8em;}
blockquote cite:before {content:"— "; margin:0 0 0 1em;}


/******************/
/******************/

.entry,
.type-post {
width:100%;
background-color:#191919;
border:1px solid #333;
clear:both;
display:block;
margin:0 0 40px 0;
padding:20px 20px 0.1em;
text-align:left;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
}

.post:after {content:""; clear:both; display:block;}

.a-thumbnail {float:left; display:block; width:80px; height:80px; border:1px solid #333; overflow:hidden; position:relative;}
.a-thumbnail a {display:block; width:100%; height:100%; position:relative;}
.a-thumbnail img {object-fit:cover;}

.a-image img:hover {
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.a-meta,
.a-date,
.a-title,
.a-description,
.a-summary {margin:0 0 0 100px; overflow:hidden; display:block;}

.a-date {font-size:13px; font-size:1.3rem;}
.a-title {font-size:21px; font-size:2.1rem; margin-bottom:8px;}

.a-summary {margin-bottom:12px;}

.meta {font-size:13px; font-size:1.3rem;}

.meta,
.published,
.updated {color:#e07; font-weight:lighter;}

.a-author {display:none;}
.a-more {float:right;}

.a-more {display:block; margin:0 0 20px 0;}

.a-more a {
background-color:#e07;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
color:#fff;
padding:8px 20px;
}

.a-more a:hover {margin-left:10px; opacity:0.5;}


.post-detail {clear:both; border-top:1px solid #333; padding:20px 0 0 0; margin:0 0 20px 0; font-size:12px; font-size:1.2rem;}
.post-detail span {display:block;}
.post-detail span.author {display:none;}

div[class*="meta"] {font-size:13px; font-size:1.3rem;}

/******************/
/******************/



/******************/
/******************/




.type-post ul,
.type-post ol {
padding:0;
margin:0 0 40px 10px;
}

.type-post ul li {
margin-bottom:15px;
list-style:url("images/bullet.gif");
margin-left:15px;
}

.type-post ul li {
margin-bottom:15px;
list-style:url("images/bullet.gif");
margin-left:15px;
font-size:13px;
font-size:1.3rem;
}
.type-post ol li {
margin-left:20px;
margin-bottom:15px;
list-style-type:decimal;
}


/******************/
/******************/

.page-title {}
.page-title h3 {padding:0 0 8px 0; margin:0 0 3.2em 0; border-bottom:1px solid #333; font-size:21px; font-size:2.1rem;}
.page-title h3 i {color:#e07; display:block; font-size:13px; font-size:1.3rem;}

.page-title h3 i:before {content:"Information";}

#post-about h3 i:before {content:"About";}
#post-blog h3 i:before {content:"Blog Archives";}
#post-character h3 i:before {content:"Character Profile";}

#post-advert h3 i:before {content:"Advertisement";}



#home {padding:40px 0 0 0;}
#home img {width:100%; height:auto;}




#post-blog ol {list-style:none; padding:0; margin:0;}
#post-blog ol li a {color:#fff; padding-left:2em; text-indent:-1.5em; display:block;}
#post-blog ol li a:before {content:"■"; margin-right:0.5em;}
#post-blog ol li a:hover {color:#e07;}




/******************/
/* form ***********/

.form,
#trackback {
background-color:#191919;
border:1px solid #333;
clear:both;
display:block;
margin:0 0 30px 0;
padding:30px 30px 0.1em;
text-align:left;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}



.form h3,
#commentslist h3,
#comments h3,
#trackback h3,
#respond h3 {
padding:0 0 2px 0;
margin:0;
font-size:20px;
font-size:2.0rem;
margin-bottom:40px;
}


/******************/
/* results ********/

#main ol.comments {padding:0 0 0.1em; margin:0; clear:both; display:block;}

#main ol.comments li {
clear:both;
display:block;
background-color:#222;
border:1px solid #333;
padding:30px 30px 0.1em;
margin: 0 0 30px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}


ol.comments li .comment-left {float:left; width:95px;}
ol.comments li .comment-right {float:right; width:430px;}
ol.comments li .comment-avatar {margin-bottom:0; float:left;}
ol.comments li .comment-author {display:none;}

#main ol.comments li .comment-title,


#main ol.comments li ul.children {padding:0; margin:0; clear:both; display:block;}
#main ol.comments li ul.children li {padding: 30px 30px 0.1em; margin:0 0 30px 0; clear:both; display:block; border:1px solid #333;}
#main ol.comments li ul.children li .entry {float:right; width:340px; padding-bottom:15px;}


#main ol.comments li .comment-text p {margin:0 0 30px 0; padding:0;}





#comments,
#trackback,
#respond {clear:both; margin:0 0 30px 0;}

#trackback {display:none;}

#main .form {clear:both; display:block;}
#main .field {padding:0; margin:0 0 30px 0; display:block; clear:both;}
#main .field p {margin:0; padding:0; margin-bottom:4px;}
#main .field p label em {color:#e07;}

#main .field input.text,
#main .field input.trackback,
#main .field select.text,
#main .field textarea.text {
background-color:#000;
width:300px;
border:1px solid #333;
padding:10px;
color:#fff;
font-size:15px;
font-size:1.5rem;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

#main .field input.trackback {width:480px;}
#main .field textarea.text {width:480px; height:120px; overflow:auto;}

#main .field input.submit:hover {
color:#e07;
background-color:#fff;
cursor:pointer;
}

#main .field input.submit {
width:99%;
font-size:15px;
font-size:1.5rem;
}

#main .click {margin:0; padding:0; line-height:1; clear:both; display:block;}

#main .click a,
#main .field input.submit {
background:#e17;
border:1px solid #e17;
color:#fff;
display:block;
padding:10px;
margin-bottom:40px;
text-align:center;/*
border:2px solid #e07;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(204,0,102)),
    color-stop(0.5, rgb(255,0,102)),
    color-stop(1, rgb(255,0,102))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(204,0,102) 0%,
    rgb(255,0,102) 50%,
    rgb(255,0,102) 100%
);*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

#main .click a:hover {background:#000; color:#e07;}


/******************/
/* Column System **/

.col {width:100%;}
.col:after {content:""; clear:both; display:block; height:0; visibility:hidden;}

.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {float:left; padding:0; margin:0 2% 2% 0;}

.col-2 {width:49%; /*47.5% - 49%*/}
.col-3 {width:32%; /*30% - 32%*/}
.col-4 {width:23.5%; /*20% - 23.5%*/}
.col-5 {width:18.4%; /*15% - 18.4%*/}
.col-6 {width:15%; /*12.5% - 15%*/}

.col-2:nth-child(even),
.col-3:nth-child(3), .col-3:nth-child(6),
.col-4:nth-child(4), .col-4:nth-child(8),
.col-5:nth-child(5), .col-5:nth-child(10),
.col-6:last-child {float:right; margin:0 0 2% 0;}

.col-2:nth-child(odd),
.col-3:nth-child(2), .col-3:nth-child(5),
.col-4:nth-child(3), .col-4:nth-child(7),
.col-5:nth-child(4), .col-5:nth-child(9),
.col-6:nth-child(5),
.col-7:nth-last-child(2) {margin:0 0 2% 0;}

.col-2:nth-child(3),
.col-3:nth-child(4),
.col-4:nth-child(5),
.col-5:nth-child(6),
.col-6:nth-child(7) {clear:both;}

/******************/
/* breadcrumbs ****/

#breadcrumbs {}


/******************/
/******************/
/* pagination *****/

.pagination {margin:0 auto 40px; clear:both;}
.pagination:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.pagination ul {text-align:center;}
.pagination ul li {display:inline-block; margin:0 4px;}
.pagination span,
.pagination ul li a {padding:8px 12px; background:#191919; color:#fff; border:1px solid #333;}
.pagination ul li a:hover {background:#333333; color:#fff;}
.pagination span.current {border:1px solid #e07; background-color:#e07; color:#fff;}

.pagination span.dots {border:0; background:0; color:#fff;}

/******************/
/* facebook-box ***/

#fb-root {border:none !important;}

.fb-comments {border:none !important;}

/******************/
/* .amazonjs ******/

.amazonjs_item {margin:0 0 2.4em 0; padding:20px 8px 20px 20px; border:1px solid #333; position:relative; display:block;
/*background: white url(../images/amazonjs.png) no-repeat right bottom;*/}
/*.amazonjs_item a {color:#e47911;}
.amazonjs_item a:hover {color:#996633;}*/
.amazonjs_item * {margin:0; padding:0; border:0;}
.amazonjs_item .amazonjs_indicator {margin:0 8px; clear:both;}
.amazonjs_item .amazonjs_indicator .amazonjs_indicator_img {float:left; display:block; width:32px; height:32px;
/*background: transparent url(../images/ajax-loader.gif) no-repeat center;*/
}
.amazonjs_item .amazonjs_indicator .amazonjs_indicator_title {display:block; margin-left:42px;}
.amazonjs_item .amazonjs_indicator .amazonjs_indicator_footer {clear:both;}
.amazonjs_item .amazonjs_image {display:block; float:left; margin-right:12px;}
.amazonjs_item .amazonjs_info {display:block;}
.amazonjs_item .amazonjs_info h4 {margin:0; padding:0; border:0;}

.amazonjs_item .amazonjs_info ul {list-style:none; margin:0; padding:0; font-size:12px; font-size:1.2rem;}
.amazonjs_item .amazonjs_info ul li {margin:0; padding:0; list-style:none;}
.amazonjs_item .amazonjs_info ul li b {margin-right:0.5em; font-weight:normal; color:#999;}

.amazonjs_item .amazonjs_info .amazonjs_price {color:#888888;}
.amazonjs_item .amazonjs_info .amazonjs_price span {margin-left:0.5em;}
.amazonjs_item .amazonjs_info .amazonjs_listprice {text-decoration:line-through;}
.amazonjs_item .amazonjs_review {padding:0; font-size:0.8em; position:absolute; right:34px; bottom:4px;}
#preview .amazonjs_item .amazonjs_review {display:none;}
.amazonjs_item .amazonjs_footer {clear:both;}

.amazonjs_book .amazonjs_info ul,
.amazonjs_music .amazonjs_info ul {margin-top:0.5em;}

.amazonjs_book .amazonjs_info ul li,
.amazonjs_music .amazonjs_info ul li {}

@media (max-width: 720px) {
	.amazonjs_item .amazonjs_info {margin-bottom:12px;}
}

@media (max-width: 480px) {
	.amazonjs_item img {width:60px; max-width:60px;}
	.amazonjs_item .amazonjs_info {margin-left:72px;}
	.amazonjs_item .amazonjs_info h4 a {font-size:0.8em;}
	.amazonjs_item .amazonjs_info ul li {font-size:0.8em;}
}


/******************/
/* Media Query ****/


@media screen and (max-width:940px) {
	.pc{display:none;}
	.tb{display:block;}
	.sp{display:none;}
	
	.inner {max-width:780px;}
	
	
	/******************/
	#to {display:none;}
	#header {display:block;}
	#header ul {display:none;}

	#h-control {display:none;}
	#mark {display:none;}
	#sidebar {width:100%; display:none;}
	#logo h3 {padding:0; width:160px; height:40px;}
	#logo h3 a {
	-webkit-background-size:160px 40px;
	-moz-background-size:160px 40px;
	-ms-background-size:160px 40px;
	-o-background-size:160px 40px;
	background-size:160px 40px;
	}
	
	
	#logo p {font-size:13px; font-size:1.3rem;}
	#logo hr,
	#logo form {display:none;}

	#sidebar .module {display:none;}
	
	
	
	#s-navi {}
	#s-navi ul {display:none;}
	
	.navi-toggle {
	overflow:hidden;
	position:absolute; top:0; right:20px;
	display:inline-block; width:36px; height:36px; cursor:pointer; background:transparent; color:transparent;
		-webkit-transition:0.2s ease-in-out;
		-moz-transition:0.2s ease-in-out;
		-ms-transition:0.2s ease-in-out;
		-o-transition:0.2s ease-in-out;
		transition:0.2s ease-in-out;
	z-index:999;
	}
	
	.navi-toggle span,
	.navi-toggle span:before,
	.navi-toggle span:after {display:block; width:100%; height:3px; background:#fff;}
	
	.navi-toggle span {position:relative;}
	
	.navi-toggle span:before,
	.navi-toggle span:after {position:absolute; content:"";}
	.navi-toggle span:before {top:-10px;}
	.navi-toggle span:after {top:10px;}
	
	.navi-toggle.on {
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		transform:rotate(-90deg);
	}
	
	
	#main {width:100%; clear:both; float:none;}

}

@media screen and (max-width:780px) {
	#footer .col-3 {display:block; float:none; width:100%;}
	#footer .col-3 .box {display:none;}
	#footer .col-3 h4 {cursor:pointer;}
	#footer .col-3 h4 i {display:none;}
}

@media screen and (max-width:640px) {
	#f-navi ul li {display:block;}
	#f-navi ul li a {padding:4px 0; display:block;}
	#f-control ul li:not(:last-child) {display:none;}

	.pagination ul {font-size:13px; font-size:1.3rem;}
	.pagination span,
	.pagination ul li a {padding:4px 8px; background:#191919; color:#fff; border:1px solid #333;}
}


@media screen and (max-width:360px) {

}



/* end ************/
/******************/
/******************/