/*
Theme Name: mitsuboshi-anime
Description: TVアニメ三ツ星カラーズ
Author: mitsuboshi-anime
*/

html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{*font-size:108%;line-height:100%} 

 /* =======================================================
    HTML, Body
========================================================== */
* {
box-sizing:border-box;
margin:0;
padding:0;
}
body{
background:url(images/background/next-bg.png) repeat;
color:#000;
font-family:"Rounded Mplus 1c";
font-size:87.5%;
line-height:1.42857;
text-align:center;
word-break:break-all;
}
img{vertical-align:bottom;}
a{color:#300;text-decoration:none;}
a:link,a:visited,a:focus {color:#300;outline:0;text-decoration:none;}
a:hover,a:active {color:#300;text-decoration:none;}

/* global Navigation
*********************************/
.inner{
width:1100px;
margin:0 auto;
}
.inner:after{
content: "";
clear: both;
display: block;
}
#top-head {
background: url(images/header/header-bg.png) repeat-x bottom left;
-moz-background-size:cover;
background-size:cover;
top: 0;
position: absolute;
width:100%;
margin:0 auto;
padding:10px 0 80px;
line-height:1;
z-index:999;
}
#top-head a,#top-head{color:#fff;text-decoration:none;}
#top-head .inner{position:relative;}
#top-head .logo{float:left; width:30%; text-align:left;}
#top-head .inner .logo img{width:120%;height:auto;}
#nav-toggle {
display:none;
position:absolute;
right:12px;
top:10px;
width:34px;
height:36px;
cursor:pointer;
z-index:101;
}
#nav-toggle div{position:relative;}
#nav-toggle span{
display:block;
position:absolute;
height:5px;
width:100%;
background:#00a3ca;
left:0;
-webkit-transition:.35s ease-in-out;
-moz-transition:.35s ease-in-out;
transition:.35s ease-in-out;
}
#nav-toggle span:nth-child(1){top:0;}
#nav-toggle span:nth-child(2){top:11px;}
#nav-toggle span:nth-child(3){top:22px;}
.menu{
color:#069;
margin:30px 0 0 2px; 
font-size:.7rem; 
font-family:Arial, Helvetica, sans-serif;
} 
#global-nav {
margin:0 auto;
}
#global-nav ul {
width:61%;
float:right;
position: absolute;
right: 0;
bottom: 0;
}
#global-nav ul li {
float:left;
margin-left:10px;
margin-top:8px;
}
#global-nav ul li a{
overflow:hidden;
display:block;
padding-top:40px;
height:0!important;
line-height: 3.0em;
background:url(images/header/nav/nav-n.svg) no-repeat 0 0;
text-indent: 100%;
white-space: nowrap;
}
#global-nav li.gnav01 a {background-position: 0 0; width:78px;}
#global-nav li.gnav02 a {background-position: -95px 0; width:163px;}
#global-nav li.gnav03 a {background-position: -274px 0; width:150px;}
#global-nav li.gnav04 a {background-position: -441px 0; width:87px;}
#global-nav li.gnav05 a {background-position: -544px 0; width:141px;}
#global-nav li.gnav06 a {background-position: 0 -50px; width:90px;}
#global-nav li.gnav07 a {background-position: -105px -50px; width:77px;}
#global-nav li.gnav08 a {background-position: -199px -50px; width:144px;}
#global-nav li.gnav09 a {background-position: -358px -50px; width:51px;}
#global-nav li.gnav10 a {background-position: -424px -50px; width:94px;}
#global-nav li.gnav11 a {background-position: -533px -50px; width:105px;}

/* footer
========================================= */
#footer{clear:both;background:#00a3c9 url(images/footer/footer-bg.svg) repeat;}
#footer .banner{padding-top:15px; margin-bottom:10px;}
#footer .banner img{border:solid 1px #ccc;}
#footer ul li{ display:inline-block; margin:0 .3%;}
#footer .copyright{color:#FFF; font-weight:bold; font-size:.8rem; padding-bottom:5px;}
#page-top {
position:fixed;
bottom:0;
right:5px;
}

/* contents
======================================= */
#wrapper {
margin:0 auto;
padding:0;
box-sizing:border-box;
}
#mainContents{
width:1000px;
margin:24vh auto 10vh;
margin:180px auto 10vh;
font-family:"Rounded Mplus 1c";
}
#wrapper #main-Col{margin:0 auto;}
#mainContents #main{
text-align:left;
background-color:#FFF;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
line-height:1.6;
padding:50px;
overflow:hidden;
_zoom:1;
margin-top:50px;
}
.goodsBox{
float:left;
background-color:#FFF;
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
}
.photo{
margin-bottom:5px;
}
.photo img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}
body.error404 .errorBox{
background:#fff;
border:solid 5px #f1c229;
margin:10px auto;
width:700px;
padding:35px;
border-radius:18px;
-webkit-border-radius:18px;
-moz-border-radius:18px;
font-size:1.2rem;
text-align:center;
}
.coming{
margin:100px auto;
font-size:2rem;
}
.links{
width:26%;
background-color:#d53926;
font-size:1.2em;
text-align:center;
margin:1em auto 0;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
.links a{
color:#FFF;
display:block;
text-decoration:none;
padding:11px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
.links a:hover{
background-color:#c12517;
text-decoration:none;
}
body.single #mainContents #main .goodsBox{
float:right;
width:67%;
text-align:left;
font-size:1rem;
line-height:1.6rem;
}
body.single #mainContents #main .photo{
float:left;
width:30%;
}
body.single #mainContents #main .goodsBox .date{
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
width:13%;
padding:2px 10px;
text-align:center;
color:#FFF;
margin-bottom:20px;
font-size:.8rem;
}
body.single #mainContents #main .goodsBox h3{
margin-bottom:15px;
padding-bottom:7px;
font-size:1.4rem;
}
.post{
font-size:1.3rem;
min-height:100px;
text-align:center;
margin-top:50px;
}

/* HOME
*********************************/
body.home{background:#f7fbfc url(images/background/bg.png) no-repeat top center;}
body.home #top-head{
background:none;
top:-100px;
margin:100px auto 0;
}
body.home #top-head .inner{
width:auto;
}
body.home #top-head .inner .logo{
text-align:right;
}
body.home #wrapper #mainContents{
width:1350px;
margin:0 auto;
text-align:right;
height:1100px;
overflow:hidden;
_zoom:1;
}
body.home #wrapper #main-Col{
position:relative;
float:right;
width:1020px;
text-align:left;
}
body.home #wrapper #main-Col .logo{
display:none;
position:absolute;
top:0;
right:0;
}
/* global Navigation */
body.home #wrapper #main-Col #global-nav{
float:right;
width:235px;
padding:230px 0 0;
}
body.home #global-nav ul{
width:auto;
float:none;
position:inherit;
}
body.home #global-nav ul li{
float:left;
margin-left:0;
margin-bottom:1px;
}
body.home #global-nav ul li a{
overflow:hidden;
display:block;
padding-top:43px;
width:193px;
height:0!important;
line-height:3.0em;
}
body.home #global-nav li.gnav01 a {background:url(images/header/nav/gnav01.png) no-repeat top center;}
body.home #global-nav li.gnav01 a:hover{animation: gnav01  3s ease infinite; transform-origin: 50% 50%;}
@keyframes gnav01 {0% { transform:translate(0,0) } 4.41177% { transform:translate(5px,0) } 8.82353% { transform:translate(0,0) } 13.23529% { transform:translate(5px,0) } 17.64706% { transform:translate(0,0) } 22.05882% { transform:translate(5px,0) } 26.47059% { transform:translate(0,0) } 100% { transform:translate(0,0) } }
body.home #global-nav li.gnav02 a {background:url(images/header/nav/gnav02.png) no-repeat top center;}
body.home #global-nav li.gnav02 a:hover{animation: gnav02  3s ease infinite; transform-origin: 50% 50%;}
@keyframes gnav02 {0% { transform:translate(0,0) } 4.41177% { transform:translate(5px,0) } 8.82353% { transform:translate(0,0) } 13.23529% { transform:translate(5px,0) } 17.64706% { transform:translate(0,0) } 22.05882% { transform:translate(5px,0) } 26.47059% { transform:translate(0,0) } 100% { transform:translate(0,0) } }

body.home #global-nav li.gnav03 a {background:url(images/header/nav/gnav03.png) no-repeat top center;}
body.home #global-nav li.gnav03 a:hover{animation: gnav03  3s ease infinite; transform-origin: 50% 50%;}
@keyframes gnav03 {0% { transform:translate(0,0) } 4.41177% { transform:translate(5px,0) } 8.82353% { transform:translate(0,0) } 13.23529% { transform:translate(5px,0) } 17.64706% { transform:translate(0,0) } 22.05882% { transform:translate(5px,0) } 26.47059% { transform:translate(0,0) } 100% { transform:translate(0,0) } }

body.home #global-nav li.gnav04 a {background:url(images/header/nav/gnav04.png) no-repeat top center;}
body.home #global-nav li.gnav04 a:hover{animation: gnav04  3s ease infinite; transform-origin: 50% 50%;}
@keyframes gnav04 {0% { transform:translate(0,0) } 4.41177% { transform:translate(5px,0) } 8.82353% { transform:translate(0,0) } 13.23529% { transform:translate(5px,0) } 17.64706% { transform:translate(0,0) } 22.05882% { transform:translate(5px,0) } 26.47059% { transform:translate(0,0) } 100% { transform:translate(0,0) } }

body.home #global-nav li.gnav05 a {background:url(images/header/nav/gnav05.png) no-repeat top center;}
body.home #global-nav li.gnav05 a:hover{animation: gnav05  3s ease infinite; transform-origin: 50% 50%;}
@keyframes gnav05 {0% { transform:translate(0,0) } 4.41177% { transform:translate(5px,0) } 8.82353% { transform:translate(0,0) } 13.23529% { transform:translate(5px,0) } 17.64706% { transform:translate(0,0) } 22.05882% { transform:translate(5px,0) } 26.47059% { transform:translate(0,0) } 100% { transform:translate(0,0) } }

body.home #global-nav li.gnav06 a {background:url(images/header/nav/gnav06.png) no-repeat top center;}
body.home #global-nav li.gnav06 a:hover{animation: gnav06  3s ease infinite; transform-origin: 50% 50%;}
@keyframes gnav06 {0% { transform:translate(0,0) } 4.41177% { transform:translate(5px,0) } 8.82353% { transform:translate(0,0) } 13.23529% { transform:translate(5px,0) } 17.64706% { transform:translate(0,0) } 22.05882% { transform:translate(5px,0) } 26.47059% { transform:translate(0,0) } 100% { transform:translate(0,0) } }

body.home #global-nav li.gnav07 a {background:url(images/header/nav/gnav07.png) no-repeat top center;}
body.home #global-nav li.gnav07 a:hover{animation: gnav07  3s ease infinite; transform-origin: 50% 50%;}
@keyframes gnav07 {0% { transform:translate(0,0) } 4.41177% { transform:translate(5px,0) } 8.82353% { transform:translate(0,0) } 13.23529% { transform:translate(5px,0) } 17.64706% { transform:translate(0,0) } 22.05882% { transform:translate(5px,0) } 26.47059% { transform:translate(0,0) } 100% { transform:translate(0,0) } }

body.home #global-nav li.gnav08 a {background:url(images/header/nav/gnav08.png) no-repeat top center;}
body.home #global-nav li.gnav08 a:hover{animation: gnav08  3s ease infinite; transform-origin: 50% 50%;}
@keyframes gnav08 {0% { transform:translate(0,0) } 4.41177% { transform:translate(5px,0) } 8.82353% { transform:translate(0,0) } 13.23529% { transform:translate(5px,0) } 17.64706% { transform:translate(0,0) } 22.05882% { transform:translate(5px,0) } 26.47059% { transform:translate(0,0) } 100% { transform:translate(0,0) } }

body.home #global-nav li.gnav09 a {background:url(images/header/nav/gnav09.png) no-repeat top center;}
body.home #global-nav li.gnav09 a:hover{animation: gnav09  3s ease infinite; transform-origin: 50% 50%;}
@keyframes gnav09 {0% { transform:translate(0,0) } 4.41177% { transform:translate(5px,0) } 8.82353% { transform:translate(0,0) } 13.23529% { transform:translate(5px,0) } 17.64706% { transform:translate(0,0) } 22.05882% { transform:translate(5px,0) } 26.47059% { transform:translate(0,0) } 100% { transform:translate(0,0) } }

body.home #global-nav li.gnav10 a {background:url(images/header/nav/gnav10.png) no-repeat top center;}
body.home #global-nav li.gnav10 a:hover{animation: gnav10  3s ease infinite; transform-origin: 50% 50%;}
@keyframes gnav10 {0% { transform:translate(0,0) } 4.41177% { transform:translate(5px,0) } 8.82353% { transform:translate(0,0) } 13.23529% { transform:translate(5px,0) } 17.64706% { transform:translate(0,0) } 22.05882% { transform:translate(5px,0) } 26.47059% { transform:translate(0,0) } 100% { transform:translate(0,0) } }

body.home #global-nav li.gnav11 a {background:url(images/header/nav/gnav11.png) no-repeat top center;}
body.home #global-nav li.gnav11 a:hover{animation: gnav11  3s ease infinite; transform-origin: 50% 50%;}
@keyframes gnav11 {0% { transform:translate(0,0) } 4.41177% { transform:translate(5px,0) } 8.82353% { transform:translate(0,0) } 13.23529% { transform:translate(5px,0) } 17.64706% { transform:translate(0,0) } 22.05882% { transform:translate(5px,0) } 26.47059% { transform:translate(0,0) } 100% { transform:translate(0,0) } }

body.home #wrapper #main-Col #colorsslash{
position:absolute;
top:-10px;
right:20px;
text-align:center;
animation: colorsslash 3s ease infinite;
}
@keyframes colorsslash {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-10px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-10px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

/* PV
================================ */
body.home #wrapper #main-Col #pv{
position:absolute;
top:820px;
right:10px;
width:242px;
}
body.home #wrapper #main-Col #pv .pvbox{
position:relative;
}
body.home #wrapper #main-Col #pv .pvbox .title{
position:absolute;
top:0;
right:0;
left:0;
z-index:10;
text-align:center;
}
body.home #wrapper #main-Col #pv .pvbox .mov{
position:absolute;
top:30px;
right:0;
left:0;
z-index:0;
}
body.home #wrapper #main-Col #pv .mov img{
width:100%;
height:auto;
border:solid 5px #00a3ca;
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
}
body.home #wrapper #main-Col #pv .pvmov {
width:263px;
height:auto;
}
body.home #wrapper #main-Col #pv .pvmov img {
width:100%;
height:auto;
vertical-align: bottom;
}
body.home #wrapper #main-Col #pv .pvmovsm{display:none;}

/* main
=========================== */	
body.home #wrapper #main-Col #imgArea {
position:absolute;
top:15px;
left:0;
}
body.home #wrapper #main-Col #imgArea #main {
position:relative;
float:left;
width:755px;
height:1067px;
text-align:center;
border:none;
background-color:none;
padding:0;
margin-top:0;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}
body.home #wrapper #main-Col #imgArea #main #logo{
position:absolute;
top:15px;
left:0;
right:0;
z-index:1;
}
body.home #wrapper #main-Col #imgArea #main #logo img{width:78%;}
body.home #wrapper #main-Col #imgArea #main #catch{
position:absolute;
top:190px;
left:0;
right:0;
z-index:1;
}
body.home #wrapper #main-Col #imgArea #main #yui{
position:absolute;
top:215px;
left:258px;
z-index:10;
}
body.home #wrapper #main-Col #imgArea #main #sacyan{
position:absolute;
top:190px;
left:9px;
z-index:9;
}
body.home #wrapper #main-Col #imgArea #main #kotoha{
position:absolute;
top:205px;
right:25px;
z-index:1;
}
body.home #wrapper #main-Col #imgArea #main #main-img{
position:absolute;
top:0;
left:0;
z-index:0;
}
body.home #wrapper #main-Col #imgArea #main #main-imgsm{
	display:none;
}
body.home #wrapper #main-Col #imgArea #main #main-img img{
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
}
body.home #wrapper #main-Col #imgArea #main #colorsslashsm{
display:none;
}
/* left-Col
=========================== */	
body.home #wrapper #left-Col {
position:relative;
float:left;
width:320px;
text-align:left;
margin:30px 0 0;
color:#ad9466;
}
body.home #wrapper #left-Col .title {
margin-top:-40px;
text-align:center;
}
/* news */
body.home #wrapper #left-Col #news {
position:absolute;
top:130px;
left:0;
background-color:#FFF;
border:solid 5px #00a3ca;
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
margin:40px auto;
width:300px;
}
body.home #wrapper #left-Col #news .scroll_area {
margin:7px 20px 20px;
height:240px;
overflow:auto;
}
body.home #wrapper #left-Col #news .jspContainer {
overflow:hidden;
position:relative;
}
body.home #wrapper #left-Col #news .jspPane{position:absolute;}
body.home #wrapper #left-Col #news .jspVerticalBar {
position:absolute;
top:0;
right:0;
height:10%;
width:10px;
}
body.home #wrapper #left-Col #news .jspHorizontalBar {
position:absolute;
bottom:0;
left:0;
width:100%;
height:10px;
}
body.home #wrapper #left-Col #news .jspTrack {
background:#ccc;
position:relative;
}
body.home #wrapper #left-Col #news .jspDrag {
background:#00a3ca;
cursor:pointer;
position:relative;
top:0;
left:0;
}
body.home #wrapper #left-Col #news .jspHorizontalBar .jspTrack,
body.home #wrapper #left-Col #news .jspHorizontalBar .jspDrag {
float:left;
height:90%;
}
body.home #wrapper #left-Col #news dl{
border-bottom: dotted 2px #00a3ca;
font-family: "Sawarabi Mincho";
font-size:0.75rem;
line-height:1.0rem;
margin-top:5px;
margin-right:10px;
padding-bottom:10px;
text-align:left;
}
body.home #wrapper #left-Col #news dl dt{
float:none;
color:#00a3ca;
font-size:0.8rem;
margin-bottom:.2%;
}
body.home #wrapper #left-Col #news a{color:#000;}
body.home #wrapper #left-Col #news a:hover{
color:#000;
text-decoration:underline;
}
/* twitter */
body.home #wrapper #left-Col .twitterArea {
position:absolute;
top:450px;
left:0;
z-index: 0;
height:350px;
background-color:#00a3ca;
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
margin-top:80px;
width:300px;
}
body.home #wrapper #left-Col .timeline{padding:0 15px 0;}
body.home #wrapper #left-Col ul.sns{
position:absolute;
top:910px;
left:0;
right:0;
text-align:center;
width:300px;
}
body.home #wrapper #left-Col .sns li{
display:inline-block;
margin:0 5px;
}
body.home #footer{margin-top:20px;}


/* news
*********************************/
body.page-template-default #mainContents #main,
body.single-post #mainContents #main,
body.archive #mainContents #main{
border:solid 5px #d53926;
overflow:inherit;
}
body.single-post #mainContents #main{
margin-bottom:20px;
}
body.page-template-default #mainContents #main .title,
body.single-post #mainContents #main .title,
body.archive #mainContents #main .title{
margin-top:-80px;
}
body.page-template-default #mainContents #main .newsContents,
body.single-post #mainContents #main .newsContents,
body.archive #mainContents #main .newsContents{
margin-top:50px;
overflow:hidden;
_zoom:1;
}
body.page-template-default #mainContents #main .newslist,
body.single-post #mainContents #main .newslist,
body.archive #mainContents #main .newslist{
float:right;
width:72%;
font-size:1.1rem;
}
body.single-post #mainContents #main .newslist img,
body.archive #mainContents #main .newslist img{
max-width:100%;
height:auto;
margin:10px;
}
body.page-template-default #mainContents #main .newslist .day,
body.single-post #mainContents #main .newslist .day,
body.archive #mainContents #main .newslist .day{
background-color:#d53926;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
width:16%;
padding:3px 0;
text-align:center;
color:#FFF;
margin-bottom:5px;
font-size:.8rem;
}
body.page-template-default #mainContents #main .newslist .newstitle,
body.single-post #mainContents #main .newslist .newstitle,
body.archive #mainContents #main .newslist .newstitle{
font-size:1.2rem;
border-bottom:solid 2px #d53926;
padding-bottom:10px;
margin-bottom:25px;
margin-top:20px;
}
body.single-post #mainContents #main .newslist .newstitle{
font-size:1.4rem;
}
body.archive #mainContents #main .newslist .pagetitle{
font-size:1.6rem;
margin-bottom:25px;
}
body.page-template-default #mainContents #main #side,
body.single-post #mainContents #main #side,
body.archive #mainContents #main #side{
float:left;
width:20%;
}
body.page-template-default #mainContents #main #side ul li,
body.single-post #mainContents #main #side ul li,
body.archive #mainContents #main #side ul li{
background:url(images/news/newslist-icon.svg) no-repeat left 3px;
background-size:5%;
border-bottom: dotted 1px #d53926;
padding:0 0 10px 15px;
margin-bottom:10px;
line-height:1.1rem;
}
body.page-template-default #mainContents #side .newsListside,
body.single-post #mainContents #side .newsListside,
body.archive #mainContents #side .newsListside{
margin:0 auto 40px;
}
body.page-template-default #mainContents #side h2.backnumber,
body.single-post #mainContents #side h2.backnumber,
body.archive #mainContents #side h2.backnumber{
overflow:hidden;
display:block;
padding-top:68px;
height:0!important;
line-height: 3.0em;
background: url(images/news/b.png) no-repeat center center;
text-indent: 100%;
width:160px;
margin:0 auto 20px;
}
body.page-template-default #mainContents #side h2.new-new,
body.single-post #mainContents #side h2.new-new,
body.archive #mainContents #side h2.new-new{
overflow:hidden;
display:block;
padding-top:68px;
height:0!important;
line-height: 3.0em;
background: url(images/news/side-news-title.png) no-repeat center center;
text-indent: 100%;
width:159px;
margin:0 auto 20px;
}
body.single-post .links{
font-size:1em;
margin-top:30px;
}
body.single-post .pageLink ul li{
display:inline-block;
margin-left:.5%;
margin-right:.5%;
}
body.single-post .pageLink ul li a{
background-color:#d53926;
color:#FFF;
display:block;
text-decoration:none;
padding:11px 20px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
body.single-post .pageLink ul li a:hover{
background-color:#c12517;
text-decoration:none;
}

/* INTRODUCITON
*********************************/
body.page-id-64 #mainContents #main{
text-align:center;
background: none;
border:none;
font-size:1.4rem;
font-weight:500;
line-height:2;
padding:0px 45px 0;
}
body.page-id-64 #mainContents #main ul{
margin:20px auto;
}
body.page-id-64 #mainContents #main ul li{
display:inline-block;
width:30%;
margin: .8% .5%;
}
body.page-id-64 #mainContents #main ul li img{
width:100%;
height:auto;
border:solid 6px #00a3c9;
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;
}

/* STAFFCAST
*********************************/
body.page-id-69 #mainContents #main{
border:solid 5px #fcc81d;
text-align:center;
padding-top:30px;
}
body.page-id-69 #mainContents #main .mainCast{
margin:80px auto 80px;
}
body.page-id-69 #mainContents #main dl{
font-size:1.2rem;
margin:10px 10px 0;
}
body.page-id-69 #mainContents #main .mainStaff dl,
body.page-id-69 #mainContents #main .mainCast dl,
body.page-id-69 #mainContents #main .mainCastmain dl{
display:inline-block;
margin:20px auto 0;
}
body.page-id-69 #mainContents #main .mainStaff dl{
width:43%;
}
body.page-id-69 #mainContents #main .mainCast dl{
width:15%;
}
body.page-id-69 #mainContents #main dl dt{
color:#ffd22d;
font-weight:500;
font-size:1rem;
margin-bottom:2px;
}

/* STORY
*********************************/
body.post-type-archive-story #mainContents #main,
body.single-story #mainContents #main{
border:none;
text-align:center;
background: none;
margin-top:0;
padding:30px 55px 0;
}
body.post-type-archive-story #mainContents #main,
body.single-story #mainContents #main{
overflow:hidden;
}
body.post-type-archive-story #mainContents #main .storyBox,
body.single-story #mainContents #main .storyBox{
float:right;
width:550px;
text-align:left;
}
body.post-type-archive-story #mainContents #main .storyBox .Number,
body.single-story #mainContents #main .storyBox .Number{
color:#d53926;
font-weight:800;
margin-bottom:10px;
text-align:center;
font-size:1.4rem;
line-height:.8rem;
}
body.post-type-archive-story #mainContents #main .storyBox .storyTitle,
body.single-story #mainContents #main .storyBox .storyTitle{
margin-top:10px;
text-align:center;
font-size:1.8rem;
font-weight:500;
}
body.post-type-archive-story #mainContents #main .storyBox .storyText,
body.single-story #mainContents #main .storyBox .storyText{
margin-top:5px;
text-align:left;
}
body.post-type-archive-story #mainContents #main .storyBox .storyText img,
body.single-story #mainContents #main .storyBox .storyText img{
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
}
body.post-type-archive-story #mainContents #main .storylist,
body.single-story #mainContents #main .storylist{
float:left;
width:290px;
}
body.post-type-archive-story #mainContents #main .storylist .backnumber,
body.single-story #mainContents #main .storylist .backnumber{
width:auto;
text-align:center;
background-color:#FFF;
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border: solid 5px #d53926;
margin-top:68px;
padding:7px 10px 10px;
}
body.post-type-archive-story #mainContents #main .storylist .backnumber .title,
body.single-story #mainContents #main .storylist .backnumber .title{
margin:-40px 0 20px -10px;
}
body.post-type-archive-story #mainContents #main .storylist ul,
body.single-story #mainContents #main .storylist ul{
text-align:left;
}
body.post-type-archive-story #mainContents #main .storylist li,
body.single-story #mainContents #main .storylist li{
display:inline-block;
vertical-align: top;
width:46.5%;
margin-bottom:2%;
margin-left:1.5%;
margin-right:1%;
}
body.post-type-archive-story #mainContents #main .storylist .Number,
body.single-story #mainContents #main .storylist .Number{
background-color:#d53926;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
width:47%;
margin-bottom:5px;
font-size:.8rem;
line-height:1.3rem;
text-align:center;
}
body.post-type-archive-story #mainContents #main .storylist .photo,
body.single-story #mainContents #main .storylist .photo{
width:100%;
height:auto;
overflow:hidden;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px; 
}
body.post-type-archive-story #mainContents #main .storylist .photo img,
body.single-story #mainContents #main .storylist .photo img{
-moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
body.post-type-archive-story #mainContents #main .storylist .photo a:hover img,
body.single-story #mainContents #main .storylist .photo a:hover img{
    		-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
body.post-type-archive-story #mainContents .storylist .photo img,
body.single-story #mainContents #main .storylist .photo img{
width:100%;
height:auto;
}
body.post-type-archive-story #mainContents #main .storylist .storyTitle,
body.single-story #mainContents #main .storylist .storyTitle{
margin-top:5px;
text-align:center;
font-size:.9rem;
}
.flex-direction-nav a {
width: 50px !important;
height: 49px !important;
}
.flex-direction-nav .flex-prev {
background: url(images/story/arrowp.png) !important;
}
.flex-direction-nav .flex-next {
background: url(images/story/arrown.png) !important;
}

/* ONAIR
*********************************/
body.post-type-archive-onair #mainContents #main,
body.onair-template-default #mainContents #main{
border:solid 5px #fcc81d;
padding-bottom:0;
}
body.post-type-archive-onair #mainContents #main .subTitle,
body.onair-template-default #mainContents #main .subTitle{
color:#FFF;
padding:8px 30px;
font-weight:500;
width:140px;
margin:0 auto;
text-align:center;
background-color:#fcc81d;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
font-size:1.4rem;
}
body.post-type-archive-onair #mainContents #main .onairText,
body.onair-template-default #mainContents #main .onairText{
text-align:left;
margin-bottom:10px;
margin:30px auto 100px;
font-size:1.3rem;
line-height:2rem;
}
body.post-type-archive-onair #mainContents #main .onairText h3,
body.onair-template-default #mainContents #main .onairText h3{
font-size:1.4rem;
line-height:2.6rem;
font-weight:500;
}
.sm{
margin-top:10px;
font-size:1rem;
line-height:1.4rem;
}
.onair-title{
text-align:center;
margin-bottom:3vh;
}
.onairsm{
margin:10px auto;
width:70%;
}
.onairsm dl dt{
background-color:#fcc81d;
padding:5px 20px;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
margin-top:10px;
color:#fff;
}
.onairsm dl dd{
margin:2px 10px 10px;
}

/* BOOK
*********************************/
body.page-id-71 #mainContents #main{
padding-top:40px;	
}
body.page-template-default #mainContents #main .originalContents {
margin-top:30px;
overflow:hidden;
_zoom:1;
}
body.page-template-default #mainContents #main .originalbox{
margin:30px auto 10px;
border-bottom: dotted 5px #d53926;
padding-bottom:20px;
overflow:hidden;
_zoom:1;
}

body.page-id-71 .originalContents h3{
color:#d53926;
font-size:1.4rem;
}
body.page-id-71 .originalContents ul{
margin:10px auto 0;
}
body.page-id-71 .originalContents ul li{
display:inline-block;
width:23%;
margin-left:.5%;
margin-right:.5%;
}
body.page-id-71 .originalContents ul li img{
width:100%;
height:auto;
}

/* bdvd
*********************************/
body.post-type-archive-bdvd #mainContents #main{
border:none;
text-align:center;
background: none;
margin:0 auto;
padding-left:0;
padding-right:0;
}
body.single-bdvd #mainContents #main{
border:solid 5px #00a3c9;
text-align:center;
width:auto;
margin-bottom:0;
}
body.post-type-archive-bdvd #mainContents #main{
overflow:hidden;
width:100%;
}
body.post-type-archive-bdvd #mainContents #main .goodsBox{
float:none;
border: solid 5px #00a3c9;
display:inline-block;
width:24%;
margin:.55% .33%;
padding:1.1%;
}
body.post-type-archive-bdvd #mainContents #main .goodsBox .bdvdTitle{
margin:10px auto 5px;
background-color:#00a3c9;
color:#FFF;
padding:3px;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
font-weight:400;
font-size:.85rem;
}
body.post-type-archive-bdvd #mainContents #main .goodsBox dl{
width:100%;
margin:0 auto;
}
body.post-type-archive-bdvd #mainContents #main .goodsBox dl dt{
float:left;
width:30%;
text-align:left;
color:#00a3c9;
}
body.post-type-archive-bdvd #mainContents #main .goodsBox dl dd{
float:left;
width:70%;
text-align:left;
}
body.single-bdvd #mainContents #main .goodsBox .date{
background-color:#00a3c9;
}
body.single-bdvd #mainContents #main .goodsBox h3{
border-bottom: solid 3px #00a3c9;
}
body.postid-180 #mainContents #main .photo,
body.postid-181 #mainContents #main .photo,
body.postid-183 #mainContents #main .photo{
display:none;
}
body.postid-180 #mainContents #main .goodsBox,
body.postid-181 #mainContents #main .goodsBox,
body.postid-183 #mainContents #main .goodsBox{
width:100%;
}
body.single-bdvd #mainContents #main .goodsBox h4,
body.postid-180 #mainContents #main .goodsBox h4,
body.postid-181 #mainContents #main .goodsBox h4,
body.postid-183 #mainContents #main .goodsBox h4{
background-color:#00a3c9;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
padding:6px 20px;
color:#FFF;
margin-top:10px;
margin-bottom:10px;
font-weight:400;
font-size:1.2rem;
}

body.post-type-archive-bdvd #mainContents #main h2{
margin-bottom:20px;
}	
body.post-type-archive-bdvd #mainContents #main .blurayContents{
overflow:hidden;
}
body.post-type-archive-bdvd #mainContents #main .dvdelseContents{
clear:both;
border: solid 5px #00a3c9;
display:inline-block;
width:99.6%;
margin:.9% 0 .9% 0;
padding:2%;
background-color:#FFF;
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
}
body.post-type-archive-bdvd #mainContents #main .dvdelseContents .bdvdTitle{
color:#00a3c9;
font-size:1.4rem;
text-align:center;
}
body.single-bdvd .links{background-color:#00a3c9;}
body.single-bdvd .links a:hover{background-color:#0083a8;}
body.post-type-archive-bdvd #mainContents #main .bdvdBoxContents{
border: solid 5px #00a3c9;
width:94.1%;
margin:.9% 0 5% 0;
padding:4% 0;
background-color:#FFF;
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
text-align:center;
display:flex;
justify-content: center;
}	
body.post-type-archive-bdvd #mainContents #main .bdvdBoxContents .photo{
width:460px;
margin-right:20px;
}
body.post-type-archive-bdvd #mainContents #main .bdvdBoxContents .dvdContents{
width:390px;
}
body.post-type-archive-bdvd #mainContents #main .bdvdBoxContents .bdvdTitle{
margin: 0 auto 10px;
background-color:#00a3c9;
color:#FFF;
padding:10px 20px;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
font-weight:600;
font-size:1.3rem;
}
body.post-type-archive-bdvd #mainContents #main .bdvdBoxContents dl{
width:90%;
margin:0 auto;
font-size:1.2rem;
}
body.post-type-archive-bdvd #mainContents #main .bdvdBoxContents dl dt{
float:left;
width:30%;
text-align:left;
color:#00a3c9;
}
body.post-type-archive-bdvd #mainContents #main .bdvdBoxContents dl dd{
float:left;
width:70%;
text-align:left;
}
body.post-type-archive-bdvd #mainContents #main .bdvdBoxContents .bdvdbox-text{
width:96%;
margin:20px 0 20px 2%;
text-align:left;
font-size:1rem;
line-height:1.5rem;
}

/* CD
*********************************/
body.post-type-archive-cd #mainContents #main{
border:none;
text-align:center;
background:none;
padding:0;
}
body.post-type-archive-cd #mainContents #main{
overflow:hidden;
}
body.cd-template-default #mainContents #main{
border: solid 5px #fcc81d;
}
body.post-type-archive-cd #mainContents #main .goodsBox{
border: solid 5px #fcc81d;
width:23.8%;
margin:.6%;
padding:1.1%;
}
body.post-type-archive-cd #mainContents #main .goodsBox:nth-of-type(3){
margin-right:3%;
}
body.post-type-archive-cd #mainContents #main .goodsBox:nth-of-type(3){
margin-right:140px;
}
body.post-type-archive-cd .goodsBox .cdTitle{
font-size:1rem;
line-height:1.2;
margin-bottom:5px;
text-align:left;
}
body.post-type-archive-cd #mainContents #main .goodsBox dl dt{
background-color:#fcc81d;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
padding:3px;
text-align:center;
color:#FFF;
margin:8px auto 2px;
}
body.single-cd #mainContents .photo img{
margin:.100%;
}
body.single-cd #mainContents #main .goodsBox h3{
border-bottom: solid 3px #fcc81d;
}
body.postid-156 #mainContents #main .photo,
body.postid-155 #mainContents #main .photo{
display:none;
}
body.postid-156 #mainContents #main .goodsBox,
body.postid-155 #mainContents #main .goodsBox{
width:100%;
}
body.single-cd #mainContents #main .goodsBox h4,
body.postid-156 #mainContents #main .goodsBox h4,
body.postid-155 #mainContents #main .goodsBox h4{
background-color:#fcc81d;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
padding:6px 20px;
color:#FFF;
margin-top:10px;
margin-bottom:10px;
font-weight:400;
font-size:1.2rem;
}
body.post-type-archive-cd #mainContents #main .dvdelseContents{
clear:both;
border: solid 5px #fcc81d;
display:inline-block;
width:99%;
margin:.9% 0 .9% 0;
padding:2%;
background-color:#FFF;
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
}
body.post-type-archive-cd #mainContents #main .dvdelseContents .bdvdTitle{
color:#fcc81d;
font-size:1.4rem;
text-align:center;
}
body.single-cd .links{background-color:#fcc81d;}
body.single-cd .links a:hover{background-color:#fcc81d;}

/* goods
*********************************/
body.post-type-archive-goods #mainContents #main{
border:none;
text-align:center;
background: none;
padding:0;
}
body.post-type-archive-goods #mainContents #main{
overflow:hidden;
}
body.single-goods #mainContents #main{
border: solid 5px #d53926;
}
body.post-type-archive-goods #mainContents #main .goodsBox{
border: solid 5px #d53926;
width:22%;
margin:.7%;
}
body.post-type-archive-goods .goodsBox .photo{
margin:10% auto 0;
}
body.post-type-archive-goods .goodsBox .photo img,
body.single-goods .photo img{
max-width:90%;
max-height:90%;
}
body.post-type-archive-goods .goodsBox .goodsTitleBox{
background-color:#d53926;
color:#FFF;
padding:5px;
}
body.single-goods #mainContents #main .goodsBox h3{
border-bottom: solid 3px #d53926;
}

/* SPECIAL
*********************************/
body.page-id-73 #mainContents #main,
body.tax-specialcat #mainContents #main{
border:none;
text-align:center;
background: none;
overflow:hidden;
padding:0;
}
body.tax-specialcat #mainContents{
min-height:500px;
}
body.single-special #mainContents #main{
border: solid 5px #00a3c9;
margin:0 auto 5px;
width:91%;
font-size:1.1rem;
}
body.page-id-73 #l-nav li,
body.tax-specialcat #l-nav li,
body.single-special #l-nav li{
display:inline-block;
margin:50px .5% 0;
font-size:1.1rem;
}
body.page-id-73 #l-nav li a,
body.tax-specialcat #l-nav li a,
body.single-special #l-nav li a{
color:#FFF;
display:block;
padding:8px 20px;
background-color:#00a3c9;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
}
body.page-id-73 #l-nav li a:hover,
body.tax-specialcat #l-nav li a:hover,
body.single-special #l-nav li a:hover{
color:#FFF;
background-color:#0083a8;
}
.specialBox{
border:solid 5px #00a3c9;
background-color:#FFF;
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
padding:20px;
text-align:left;
font-size:1.2rem;
margin-bottom:10px;
}
body.page-id-73 #mainContents #main h2.movies{
overflow:hidden;
display:block;
padding-top:86px;
height:0!important;
line-height: 3.0em;
background: url(images/special/movies-title.png) no-repeat center center;
text-indent: 100%;
width:187px;
margin:0 auto 20px;
}
body.tax-specialcat #mainContents #main h2.event,
body.single-special #mainContents h2.event{
overflow:hidden;
display:block;
padding-top:85px;
height:0!important;
line-height: 3.0em;
background: url(images/special/event-title.png) no-repeat center center;
text-indent: 100%;
width:197px;
margin:0 auto 20px;
}
body.page-id-73 #mainContents #main dl{
margin:30px auto 0;
}
body.page-id-73 #mainContents #main dl dt{
font-size:1.2rem;
font-weight:500;
margin-bottom:5px;
}
body.page-id-73 #mainContents #main dl dd iframe{
border:solid 8px #00a3c9;
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
}
body.tax-specialcat #mainContents #main h2.campaign,
body.single-special #mainContents h2.campaign{
overflow:hidden;
display:block;
padding-top:86px;
height:0!important;
line-height: 3.0em;
background: url(images/special/campaign-title.png) no-repeat center center;
text-indent: 100%;
width:196px;
margin:0 auto 20px;
}
body.tax-specialcat #mainContents #main h2.else,
body.single-special #mainContents h2.else{
overflow:hidden;
display:block;
padding-top:85px;
height:0!important;
line-height: 3.0em;
background: url(images/special/else-title.png) no-repeat center center;
text-indent: 100%;
width:166px;
margin:0 auto 20px;
}
body.page-id-73 #mainContents h2.movies,
body.single-special #mainContents h2.event,
body.single-special #mainContents h2.campaign,
body.single-special #mainContents h2.else{
margin-top:48px;
}
.times{margin-top:50px;}
.times li{ display:inline-block;}
body.single-special #mainContents .day{
background-color:#00a3c9;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
width:13%;
padding:5px 10px;
text-align:center;
color:#FFF;
font-size:.8rem;
}
body.single-special #mainContents #main h3{
font-size:1.3rem;
border-bottom: solid 3px #00a3c9;
margin-bottom:10px;
margin-top:10px;
padding-bottom:5px;
}
body.single-special .links{background-color:#00a3c9;}
body.single-special .links a:hover{background-color:#0083a8;}
body.single-special #mainContents #main img{
max-width:100%;
height:auto;
margin:10px;
}

/* CHARACTER
*********************************/
body.page-id-67 #mainContents #main{
text-align:center;
background: none;
border:none;
padding-top:0;
}
body.page-id-67 ul{position: relative;}
.character ul{height:570px; margin-bottom:70px;}
.characterelse ul{height:540px;}
body.page-id-67 li{display:inline-block;}
body.page-id-67 #mainContents #main .text{
font-weight:500;
margin-top:10px;
margin-left:20px;
}
.sachan h2,
.sachan .chara,
.yui h2,
.yui .chara,
.kotoha h2,
.kotoha .chara,
.saito h2,
.saito .chara,
.oyaji h2,
.oyaji .chara,
.mother h2,
.mother .chara,
.nonoka h2,
.nonoka .chara,
.momoka h2,
.momoka .chara{position: absolute;}

.sachan h2{
top:20px;
left:-10px;
}
.sachan .chara{
bottom:0;
left:60px;
z-index:10;
}
.yui h2{
top:0;
left:250px;
}
.yui .chara{
bottom:0;
left:0;
right:0;
}
.kotoha h2{
top:50px;
right:0;
}
.kotoha .chara{
bottom:0;
right:110px;
}
.saito h2{
top:30px;
left:-50px;
}
.saito .chara{
bottom:0;
left:5px;
}
.oyaji h2{
top:0;
left:315px;
}
.oyaji .chara{
bottom:0;
left:175px;
}
.mother h2{
top:65px;
right:290px;
}
.mother .chara{
bottom:0;
right:340px;
}
.nonoka h2{
top:60px;
right:120px;
}
.nonoka .chara{
bottom:0;
right:190px;
}
.momoka h2{
top:45px;
right:-52px;
}
.momoka .chara{
bottom:0;
right:25px;
}
.saito .chara img{width:70%; height:auto;}
.oyaji .chara img{width:92%; height:auto;}
.mother .chara img{width:93%; height:auto;}
.nonoka .chara img{width:82%; height:auto;}
.momoka .chara img{width:85%; height:auto;}
.sachan .chara img{width:87%; height:auto;}
.kotoha .chara img{width:87%; height:auto;}
.yui .chara img{width:24.3%; height:auto;}
.saito h2 img,
.oyaji h2 img,
.mother h2 img,
.nonoka h2 img,
.momoka h2 img{width:87%; height:auto;}

/* colors-slash
======================================= */
body.page-template-colors-slash,
body.single-slash {
font-family:"Rounded Mplus 1c";
font-size:100%;
line-height:1.5;
text-align:center;
word-break:break-all;
width: 100%;
}
body.page-template-colors-slash,
body.slash-template-default{
background:none;
background-color:#FFF;
box-sizing:border-box;
}
body.page-template-colors-slash #wrap{
margin:0 auto;
overflow:hidden;
text-align:center;
}

body.page-template-colors-slash #main,
body.single-slash #main{
position: relative;
z-index:0;
}
body.page-template-colors-slash #main h1,
body.single-slash #main h1{
z-index:100;
position: absolute;
left: 0;
right:0;
top: 20px;
}
body.page-template-colors-slash #topbg,
body.single-slash #topbg{
background: url(images/colorsslash/top-kumo.png) repeat-x top center;
z-index:10;
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height:240px;
}
body.page-template-colors-slash #bottombg {
background: url(images/colorsslash/kumo-bottom.svg) repeat-x top center;
z-index:100;
display: block;
width: 100%;
padding-top:70px;
z-index:20;
position: absolute;
left: 0;
bottom: -255px;
}
body.page-template-colors-slash .visual{
margin-top:-15px;
}
body.page-template-colors-slash .visual img{
width:100%;
height:auto;
vertical-align:bottom;
}
body.page-template-colors-slash .top-text{
font-size:1.3rem;
line-height:2rem;
padding-top:10px ; 
padding-bottom:20px ; 
}

#Informationarea{
margin:260px auto 0; 
max-width:1000px; 
min-height:500px;
background:#154326 url(images/colorsslash/kokuban.svg) no-repeat right bottom;
}
#Informationarea .InformationBox{
background: url(images/colorsslash/star.png) no-repeat 16px 16px;
border-top: solid 20px #65461a;
padding:30px 30px 100px;
border-left: solid 20px #896630;
border-right: solid 20px #896630;
}
#Informationarea .InformationBox .InformationTitle{
margin-bottom:3%;
}
body.single-slash #Informationarea{
margin:0px auto 0; 
color:#FFF;
text-align:left;
}
body.single-slash #Informationarea .InformationBox{
padding:30px 60px 100px;
margin-bottom:30px;
font-size:1.2rem;
}
body.single-slash #Informationarea .InformationBox .InformationTitle{
text-align:center;
}
body.single-slash #Informationarea .InformationBox .title {
padding-bottom:6px;
border-bottom: solid 2px #ec3035;
font-size:1.4rem;
margin-bottom:10px;
}
body.single-slash #Informationarea .InformationBox a{
color:#ec3035;
}
#Informationarea .InformationBox dl{
border: 6px solid #ec3035; 
background-color:#FFF; 
padding:10px; 
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px; 
text-align:left;
color:#ec3035; 
margin-top:15px;
}
#Informationarea .InformationBox dt .event-data{
background-color:#ec3035; 
padding:3px 10px; 
color:#FFF; 
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px; 
text-align:center; 
line-height:1; 
display:inline; 
font-size:.8rem;
}
#Informationarea .InformationBox dt span{
color:#000; 
margin-left:10px; 
}
#Informationarea .InformationBox dd{
margin-top:10px; 
font-size:1.5rem; 
font-weight:700; 
line-height:1.8rem;
}
#Informationarea .InformationBox dd a{
color:#ec3035; 
}

#Informationarea .InformationBox dl:nth-child(2){
border: 6px solid #007f41; 
color:#007f41; 
 }
#Informationarea .InformationBox dl:nth-child(2) dt .event-data{
background-color:#007f41; 
}
#Informationarea .InformationBox dl:nth-child(2) dd a{
color:#007f41; 
}
#Informationarea .InformationBox dl:nth-child(4),
#Informationarea .InformationBox dl.yellow{
border: 6px solid #f7b926; 
color:#f7b926; 
 }
#Informationarea .InformationBox dl:nth-child(4) dt .event-data,
#Informationarea .InformationBox dl.yellow dt{
background-color:#f7b926; 
}
#Informationarea .InformationBox dl:nth-child(4) dd a,
#Informationarea .InformationBox dl.yellow dd a{
color:#f7b926; 
}
#Informationarea .InformationBox dl:nth-child(5),
#Informationarea .InformationBox dl.blue{
border: 6px solid #0098b9; 
color:#0098b9; 
 }
#Informationarea .InformationBox dl:nth-child(5) dt .event-data,
#Informationarea .InformationBox dl.blue dt{
background-color:#0098b9; 
}
#Informationarea .InformationBox dl:nth-child(5) dd a,
#Informationarea .InformationBox dl.blue dd a{
color:#0098b9; 
}

body.page-template-colors-slash #header{
background:url(images/colorsslash/yellowbg.png) repeat;
}
body.page-template-colors-slash #header #headerContents{
height:930px;
background: url(images/colorsslash/header-bg.png) repeat-x center bottom;
-webkit-background-size:98% auto;
-moz-background-size:98% auto;
-o-background-size:98% auto;
background-size:98% auto;
}
body.page-template-colors-slash #header #headerContents #headermain{
position:relative;
width:1045px;
margin:0 auto;
}
body.page-template-colors-slash #header .logo{
position: absolute;
top:0;
left:0;
right:0;
z-index:10;
}
body.page-template-colors-slash #header .main-img{
position:absolute;
top:180px;
left:20px;
right:0;
}
body.page-template-colors-slash .satchan{
position:absolute;
top:207px;
left:40px;
width:211px;
height:246px;
background:url("images/colorsslash/yellowstar.png")no-repeat left bottom;
}
body.page-template-colors-slash .kotoha{
position:absolute;
top:307px;
right:0;
width:273px;
height:193px;
text-align:left;
background:url("images/colorsslash/bluestar.png") no-repeat right bottom;
}
body.page-template-colors-slash .yui{
position:absolute;
top:30px;
right:80px;
width:162px;
height:266px;
padding-top:105px;
text-align:left;
background:url("images/colorsslash/redstar.png") no-repeat right top;
}
body.page-template-colors-slash .headerText{
position:absolute;
top:660px;
left:0;
right:0;
font-family: "Rounded Mplus 1c";
font-weight:Bold;
color:#d53726;
font-size:26px;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
}
body.page-template-colors-slash .headerText .copy span{
font-size:45px;
}
body.page-template-colors-slash .headerText .text{
line-height:1.8;
font-size:1.6rem;
}



body.page-template-colors-slash .mainarea{
background-color:#ffffff;
padding:40px 30px 20px;
text-align:left;
}
body.page-template-colors-slash .mainarea .title{
margin-top:-100px;
margin-bottom:40px;
text-align:center;
}
body.page-template-colors-slash .text{
margin-top:5px;
font-size:1.2rem;
}


body.page-template-colors-slash #musicArea {
max-width:1000px;
margin:10vh auto 3vh;
background-image: linear-gradient(
-45deg,
#fff 25%,
#f7b926 25%, #f7b926 50%,
#fff 50%, #fff 75%,
#f7b926 75%, #f7b926
);
background-size: 12px 12px;
padding:10px;
}
body.page-template-colors-slash #musicArea .mainarea .musicBox,
body.page-template-colors-slash #musicArea .mainarea .musicBoxsm{
border:solid 5px #f1c229;
background:#FFF;
margin:0 1.1% 10px 0;
display:inline-block;
width:23.5%;
padding:9px;
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
font-size:.9rem;
vertical-align:top;
text-align:center;
}
body.page-template-colors-slash #musicArea .mainarea .musicBoxsm{
width:48.6%;
font-size:1.2rem;
}
body.page-template-colors-slash #musicArea .mainarea .musicBox:nth-child(4){
margin-right:20%;
}
body.page-template-colors-slash #musicArea .mainarea .musicBox h3{
text-align:left;
font-size:.8rem;
}
body.page-template-colors-slash #musicArea .mainarea .musicBox div.thumbnail{
margin:6px auto;
min-height:190px;
}
body.page-template-colors-slash #musicArea .mainarea .musicBox div.thumbnail img{
width:100%;
height:auto;
vertical-align: bottom;
}
body.page-template-colors-slash #musicArea .mainarea .musicBox dl dt{
background-color:#f1c229;
color:#FFF;
margin:3px auto;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}
body.single-slash .musicBox{
background:#fff;
border:solid 5px #f1c229;
margin:10px auto 30px;
width:980px;
padding:30px 35px;
border-radius:18px;
-webkit-border-radius:18px;
-moz-border-radius:18px;
font-size:1.2rem;
text-align:left;
}
body.single-slash .musicBox .title{
margin-bottom:20px;
padding-bottom:10px;
border-bottom:solid 3px #f1c229;
font-size:1.6rem;
}
body.single-slash .musicBox div.thumbnail img{
width:100%;
height:auto;
vertical-align: bottom;
}
body.postid-56 .musicBox dt div.thumbnail,
body.postid-57 .musicBox dt div.thumbnail{
display:none;
}
body.single-slash .musicBox dl{
overflow:hidden;
}
body.single-slash .musicBox dl dt{
float:left;
width:30%;
background-color:#f1f1f1;
min-height:90px;
margin:6px auto;
}
body.single-slash .musicBox dl dd{
float:right;
width:66%;
}
body.single-slash .musicBox dl dd dl{
margin-bottom:5px;
}
body.single-slash .musicBox dl dd dl dt{
float:left;
width:18%;
background-color:#fff;
min-height:auto;
margin:0;
}
body.single-slash .musicBox dl dd dl dd{
float:left;
width:81%;
margin:0;
}
body.postid-56 .musicBox dl dt,
body.postid-57 .musicBox dl dt{
float:none;
width:0;
min-height:0;
}
body.postid-56 .musicBox dl dd,
body.postid-57 .musicBox dl dd{
float:none;
width:100%;
}
body.single-slash .musicBox dl dd h3{
font-size: 14pt;
background-color:#f1c229;
padding:5px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin-top:20px;
margin-bottom:10px;
color:#FFF;
}
body.single-slash .musicBox dl dd th{
white-space: nowrap;
vertical-align: top;
}

body.page-template-colors-slash #broadcast{
background:#ffeba3;
padding:40px 0;
text-align:center;
}
body.page-template-colors-slash #broadcast .main{
max-width: 85%;
margin:0 auto;
font-family: "Rounded Mplus 1c";
font-size:1.8rem;
font-weight:Bold;
text-align:center;
}
body.page-template-colors-slash #broadcast .main dl{text-align:left;}
body.page-template-colors-slash #broadcast .main dl dt{color:#d53726;}
body.page-template-colors-slash #broadcast .main dl dd{margin-bottom:20px;}
body.page-template-colors-slash #broadcast .main .text{
margin-top:5px;
font-size:1.6rem;
text-align:center;
}

body.page-template-colors-slash #makingArea {
max-width:1000px;
margin:10vh auto 3vh;
background-image: linear-gradient(
-45deg,
#fff 25%,
#45a4cb 25%, #45a4cb 50%,
#fff 50%, #fff 75%,
#45a4cb 75%, #45a4cb
);
background-size: 12px 12px;
padding:10px;
}
body.page-template-colors-slash #makingArea .mainarea .title{
margin-top:-100px;
margin-bottom:40px;
}
body.page-template-colors-slash #makingArea .mainarea .makingBox{
border-bottom:solid 2px #00a3ca;
margin:10px auto  20px;
overflow:hidden;
}
body.page-template-colors-slash #makingArea .mainarea .leftarea{
float:left;
width:520px;
}
body.page-template-colors-slash #makingArea .mainarea .leftarea .makingtitle{
background-color:#09a3ca;
color:#FFF;
padding:5px 10px;
margin-bottom:10px;
font-size:1.2rem;
text-align:left;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
body.page-template-colors-slash #makingArea .mainarea .leftarea .makingImgtitle{
background :url(images/colorsslash/making-star.jpg) no-repeat left center;
font-size:1.1rem;
font-weight:Bold;
padding-left:14px;
text-align:left;
}
body.page-template-colors-slash ul.makingImg{
margin:0 auto;
box-sizing:border-box;
}
body.page-template-colors-slash ul.makingImg li{
display:inline-block;
width:31%;
margin-right:2%;
}
body.page-template-colors-slash ul.makingImg li:last-child{margin-right:0;}
body.page-template-colors-slash ul.makingImg li img.example-image{
border:solid 3px #00a3ca;
width:100%;
height:auto;
margin-bottom:10px;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
}
body.page-template-colors-slash #makingArea .mainarea .rightarea{
float:right;
width:360px;
text-align:right;
}
body.page-template-colors-slash #makingArea .mainarea .rightarea iframe{
border:solid 3px #00a3ca;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
}

body.page-template-colors-slash .mainarea .newsBox{
overflow:hidden;
}
body.page-template-colors-slash .mainarea .newsBox dl{
border-bottom:solid 3px #d53726;
padding-bottom:13px;
margin-bottom:13px;
text-align:left;
overflow:hidden;
}
body.page-template-colors-slash .mainarea .newsBox dl dt{
float:left;
width:15%;
}
body.page-template-colors-slash .mainarea .newsBox dl dd{
float:left;
width:85%;
}
body.single-slash .newsBox{
background:#fff;
border:solid 5px #ca3928;
margin:10px auto;
width:980px;
padding:35px;
border-radius:18px;
-webkit-border-radius:18px;
-moz-border-radius:18px;
font-size:1.2rem;
text-align:left;
}
body.single-slash .newsBox .title{
margin-bottom:20px;
padding-bottom:10px;
border-bottom:solid 3px #ca3928;
font-size:1.6rem;
}
body.single-slash .links,
body.single-slash .newslinks{
background:#f1c229;
width:330px;
margin:3px auto 20px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
body.single-slash .newslinks{
background:#ca3928;
}
body.single-slash .links a,
body.single-slash .newslinks a,
body.error404 .links a{
color:#FFF;
text-decoration:none;
}
body.single-slash .newslinks a{
color:#FFF;
display:block;
text-decoration:none;
padding:11px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
body.single-slash .newslinks a:hover{
background-color:#c12517;
text-decoration:none;
}
body.single-slash .links a:hover{
color:#FFF;
background:#deb00b;
text-decoration:none;
}
.times{margin-top:50px; text-align:center;}
.times li{display:inline-block;}
dl.newsdata{
margin-bottom:20px;
overflow:hidden;
}

.newsdata dt{
float:left;
width:20%;
}
.newsdata dd{
float:right;
width:77%;
}
.topback{
position:fixed;
right:0;
top:20px;
border-top-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
background:#ca3928;
margin-top:6px;
padding:10px 5px 10px 5px;
line-height: 2;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.topback a{
color:#FFF;
dsisplay:block;
text-decoration:none;
}