@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul {  list-style: none; }
blockquote, q {  quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
vertical-align: bottom;
max-width: 100%;
height:auto;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
/*-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;*/
text-size-adjust: 100%;
}
body {
position: relative;
width: 100%;
font-weight: 400;
color:#544e4c;
text-align: center;
line-height: 2;
background:#ffeea2 url(images/background/bg.gif) repeat;
background-attachment: fixed;
background-size:3.1%;
background-size: contain;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
}
/* link */
a { 
color: inherit;
transition: color 0.3s;
text-decoration: none;
}
a:hover{ color:#22add6;}

/* ------- common ------- */
#wrapper {
position: relative;
width: 100%;
}
#container:before {
content:"";
position:absolute;
top:0;
left:0;
display: block;
width: 100%;
height: 300px;
background: url(images/background/upper_left.png) no-repeat  top left;
/*background-size: 11.3%;*/
}
#container:after {
content:"";
position: absolute;
bottom: 0;
right: 0;
display: block;
width: 100%;
height: 400px;
background: url(images/background/lower_right.png)  no-repeat  bottom right;
/*background-size: 24.3%;*/
z-index: 0;
}
#mainContents {
width: 100%;
background: url(images/background/star2.png) repeat  bottom right;
/*background-size: 80%;*/
}
#allContents {
width: 100%;
max-width: 1200px;
height: 100%;
padding: 0;
margin: 0 auto;
/*display: -webkit-flex;*/
display: flex;
/*-webkit-box-pack: justify;
-ms-flex-pack: justify;*/
justify-content: space-between;
/*background: url(images/background/bg_icon.svg) repeat-x;*/
}
@media screen and (max-width: 896px) {
#container:before { background-size: 25%; }
#container:after { background-size: 45%; }
#mainContents { background-size:200%; }
#allContents { max-width: inherit; display: block; }
}
/* ------- img ------- */
img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }
img.float-left { float:left; }
img.float-right { float:right; }

/* ------- header ------- */
#header {
width: 280px;
z-index: 10;
}
h1 {
width:350px;
margin: 2.2% auto 6%;
}
h1 img {
filter: drop-shadow(0px 0px 4px #FFFFFF);
-webkit-filter: drop-shadow(0px 0px 4px #FFFFFF);
-moz-filter: drop-shadow(0px 0px 4px #FFFFFF);
}
#global-nav ul {
font-family: 'Share Tech', sans-serif;
line-height: 1.1;
} 
#global-nav ul li {
letter-spacing: .025em;
text-align: left;
font-size:1.8rem;
margin-bottom:2.2222vh ;
margin-bottom:21px ;
color:#1d5884;
font-weight:bold;
text-shadow:0px 3px 1px #FFFFFF,0px 2px 1px #FFFFFF,1px 2px 1px #FFFFFF,2px 2px 1px #FFFFFF,2px 1px 1px #FFFFFF,2px 0px 1px #FFFFFF,3px 0px 1px #FFFFFF,2px -1px 1px #FFFFFF,2px -2px 1px #FFFFFF,2px -3px 1px #FFFFFF,1px -3px 1px #FFFFFF,0px -3px 1px #FFFFFF,-1px -3px 1px #FFFFFF,-2px -3px 1px #FFFFFF,-3px -3px 1px #FFFFFF,-3px -2px 1px #FFFFFF,-3px -1px 1px #FFFFFF,-3px 0px 1px #FFFFFF,-3px 1px 1px #FFFFFF,-3px 2px 1px #FFFFFF,-2px 2px 1px #FFFFFF,-1px 2px 1px #FFFFFF;
filter:dropshadow(color=#FFFFFF,offx=0,offy=3,positive=1),dropshadow(color=#FFFFFF,offx=2,offy=1,positive=1),dropshadow(color=#FFFFFF,offx=2,offy=-1,positive=1),dropshadow(color=#FFFFFF,offx=1,offy=-3,positive=1),dropshadow(color=#FFFFFF,offx=-2,offy=-3,positive=1),dropshadow(color=#FFFFFF,offx=-3,offy=-2,positive=1),dropshadow(color=#FFFFFF,offx=-3,offy=1,positive=1),dropshadow(color=#FFFFFF,offx=-1,offy=2,positive=1);
}
#global-nav ul li p,
#global-nav ul li a {
padding-left: 3.5vw;
padding-left: 20%;
}
#global-nav ul li a:hover {
color:#1d5884;
background: url(images/common/icon_on.png)  no-repeat  left -1% top -4% ;
}
body.post-type-archive-post #global-nav ul li:nth-child(2) a,
body.single-post #global-nav ul li:nth-child(2) a,
body.page-id-155 #global-nav ul li:nth-child(3) a,
body.page-id-2 #global-nav ul li:nth-child(4) a,
body.post-type-archive-story #global-nav ul li:nth-child(5) a,
body.single-story #global-nav ul li:nth-child(5) a,
body.page-id-7 #global-nav ul li:nth-child(6) a,
body.page-id-87 #global-nav ul li:nth-child(7) a,
body.page-id-137 #global-nav ul li:nth-child(8) a,
body.page-id-276 #global-nav ul li:nth-child(8) a,
body.page-id-294 #global-nav ul li:nth-child(9) a,
body.page-id-299 #global-nav ul li:nth-child(9) a,
body.post-type-archive-goods #global-nav ul li:nth-child(10) a,
body.single-goods #global-nav ul li:nth-child(10) a,
body.post-type-archive-special #global-nav ul li:nth-child(11) a,
body.tax-special_category #global-nav ul li:nth-child(11) a,
body.single-special #global-nav ul li:nth-child(11) a {
color:#e60012;
background: url(images/common/icon.png)  no-repeat  left -1% top -4% ;
}
.smlogo{ display: none; }
.nav-button { display: none; }
.nav-wrap.open { display: block; }
.nav-wrap.close { display: none; }
@media screen and (min-width: 897px) {
.nav-wrap {
display: block !important;
}
}
@media screen and (max-width: 896px) {
body { 
position: inherit; 
/*background:#47b3c3 url(images/background/bg.jpg) repeat left top;
background-size: 10.1% auto;*/
}
#header { width: 100%; }
h1 {
width:55%;
text-align: left;
margin: 0;
z-index:12;
/*position: relative;*/
}
.smlogo{
display: block;
width:45%;
margin: 1% auto ;
}
.smlogo img {
filter: drop-shadow(0px 0px 4px #FFFFFF);
-webkit-filter: drop-shadow(0px 0px 4px #FFFFFF);
-moz-filter: drop-shadow(0px 0px 4px #FFFFFF);
}
#global-nav ul {
display:flex;
flex-wrap: wrap; 
justify-content:flex-start; 
margin: 3% auto 0;
position:relative;
}
#global-nav ul li {
width:48%;
text-align: left;
font-size: 6vw;
margin : 2% 1% 2% 0;
padding-bottom: 3%;
letter-spacing: 0;
border-bottom: dashed 3px #0069af;
}
#global-nav ul li p,
#global-nav ul li a {
padding-left: 11vw;
}
#global-nav ul li a:hover {
background: url(images/common/icon_on.png)  no-repeat  left -1% top -4% ;
background-size: contain; }	
body.archive #global-nav ul li:nth-child(2) a,
body.single #global-nav ul li:nth-child(2) a,
body.page-id-155 #global-nav ul li:nth-child(3) a,
body.page-id-2 #global-nav ul li:nth-child(4) a,
body.post-type-archive-story #global-nav ul li:nth-child(5) a,
body.single-story #global-nav ul li:nth-child(5) a,
body.page-id-7 #global-nav ul li:nth-child(6) a,
body.page-id-87 #global-nav ul li:nth-child(7) a,
body.page-id-137 #global-nav ul li:nth-child(8) a,
body.page-id-276 #global-nav ul li:nth-child(8) a,
body.page-id-294 #global-nav ul li:nth-child(9) a,
body.page-id-299 #global-nav ul li:nth-child(9) a,
body.post-type-archive-goods #global-nav ul li:nth-child(10) a,
body.single-goods #global-nav ul li:nth-child(10) a,
body.post-type-archive-special #global-nav ul li:nth-child(11) a,
body.tax-special_category #global-nav ul li:nth-child(11) a,
body.single-special #global-nav ul li:nth-child(11) a { background-size: contain; }	
	
.nav-buttonArea {
display: block;
cursor: pointer;
background-color: #ffdd7f;
border-radius: 3px;
width: 11vw;
height: 11vw;
padding: 3.5vw 0 0;
position: fixed;
right: 0;
top: 0;
z-index:12;
}
.nav-wrap {
position: fixed;
left: 0;
top: 0;
display: none;
width: 100%;
height: 100%;
background:#ffeea2 url(images/background/bg.gif) repeat-x;
/*background:#47b3c3 url(images/background/bg.jpg) repeat left top;
background-size: 10.1% auto;*/
z-index:11;
}
.nav {
position: relative;
overflow-x: hidden;
overflow-y: auto;
}   

  /*メニューボタン*/
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.8s;
    box-sizing: border-box;
  }
  .nav-button {
    z-index: 20;
    position: relative;
    width: 30px;
    height: 28px;
  }
  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
  }
  .nav-button span:nth-of-type(1) {
    top: 0;
  }
  .nav-button span:nth-of-type(2) {
    top: 12px;
  }
  .nav-button span:nth-of-type(3) {
    bottom: 0;
  }
  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(12px) rotate(-45deg);
    transform: translateY(12px) rotate(-45deg);
  }
  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }
  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg);
  }
}
@media screen and (max-width: 600px) {
.nav-buttonArea { width: 13vw; height: 13vw; }
}
@media screen and (max-width: 480px) {
.nav-buttonArea { width: 15vw; height: 15vw; }
}
@media screen and (max-width: 414px) {
.nav-buttonArea { width: 16vw; height: 16vw; }
}
/* ------- main ------- */
#contents {
position: relative;
min-width:920px;
padding-top: 4.5%;
margin-bottom: 6vh;
z-index:10;
}
_:-ms-fullscreen, :root #contents  {
width:920px;
}
.contentsArea{
border-radius: 8px;
background: rgba(255, 255, 255, 0.9)url('images/introduction/bg.svg') no-repeat left 10% top 10%; 
box-shadow: 0 0 10px 2px rgba(32,47,85,.2);
padding: 4.2rem 2rem 2rem;
font-family: 'Kosugi Maru', sans-serif;
margin: 0 auto 3vh;
/*min-height: 70vh;*/
word-break: break-all; 
}
@media screen and (max-width: 896px) {
#contents { min-width:inherit; }
.contentsArea { width: 96%; background: none;  background: rgba(255, 255, 255, 1);  padding: 2rem 1rem 1rem; min-height: inherit; }
}

/* ------- title ------- */
.title_head {
width: 100%;
background: url(images/common/stamp.png)  no-repeat  center center;
background-size:10%;
margin-bottom:2.3vh ;
}
h2.title{
position: relative;
font-family: 'Share Tech', sans-serif;
font-size:50px;
color:#1d5884;
font-weight : bold;
line-height: 1.2;
padding:2% 0;
letter-spacing: 0.05em;
text-shadow:0px 4px 1px #FFFFFF,0px 3px 1px #FFFFFF,1px 3px 1px #FFFFFF,2px 3px 1px #FFFFFF,2px 2px 1px #FFFFFF,3px 2px 1px #FFFFFF,3px 1px 1px #FFFFFF,3px 0px 1px #FFFFFF,4px 0px 1px #FFFFFF,3px -1px 1px #FFFFFF,3px -2px 1px #FFFFFF,3px -3px 1px #FFFFFF,2px -3px 1px #FFFFFF,2px -4px 1px #FFFFFF,1px -4px 1px #FFFFFF,0px -4px 1px #FFFFFF,-1px -4px 1px #FFFFFF,-2px -4px 1px #FFFFFF,-3px -4px 1px #FFFFFF,-3px -3px 1px #FFFFFF,-4px -3px 1px #FFFFFF,-4px -2px 1px #FFFFFF,-4px -1px 1px #FFFFFF,-4px 0px 1px #FFFFFF,-4px 1px 1px #FFFFFF,-4px 2px 1px #FFFFFF,-3px 2px 1px #FFFFFF,-3px 3px 1px #FFFFFF,-2px 3px 1px #FFFFFF,-1px 3px 1px #FFFFFF;
filter:dropshadow(color=#FFFFFF,offx=0,offy=4,positive=1),dropshadow(color=#FFFFFF,offx=3,offy=2,positive=1),dropshadow(color=#FFFFFF,offx=3,offy=-1,positive=1),dropshadow(color=#FFFFFF,offx=1,offy=-4,positive=1),dropshadow(color=#FFFFFF,offx=-2,offy=-4,positive=1),dropshadow(color=#FFFFFF,offx=-4,offy=-2,positive=1),dropshadow(color=#FFFFFF,offx=-4,offy=2,positive=1),dropshadow(color=#FFFFFF,offx=-1,offy=3,positive=1);
}
h2.title>span::after {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:0.9rem;
font-weight : bold;
color:#22add6;
display: block;
margin: 0;
letter-spacing: 0.03em;
text-shadow:0px 2px 1px #FFFFFF,0px 1px 1px #FFFFFF,1px 1px 1px #FFFFFF,1px 0px 1px #FFFFFF,2px 0px 1px #FFFFFF,1px -1px 1px #FFFFFF,1px -2px 1px #FFFFFF,0px -2px 1px #FFFFFF,-1px -2px 1px #FFFFFF,-2px -2px 1px #FFFFFF,-2px -1px 1px #FFFFFF,-2px 0px 1px #FFFFFF,-2px 1px 1px #FFFFFF,-1px 1px 1px #FFFFFF;
filter:dropshadow(color=#FFFFFF,offx=0,offy=2,positive=1),dropshadow(color=#FFFFFF,offx=1,offy=1,positive=1),dropshadow(color=#FFFFFF,offx=1,offy=-1,positive=1),dropshadow(color=#FFFFFF,offx=0,offy=-2,positive=1),dropshadow(color=#FFFFFF,offx=-1,offy=-2,positive=1),dropshadow(color=#FFFFFF,offx=-2,offy=-1,positive=1),dropshadow(color=#FFFFFF,offx=-2,offy=1,positive=1),dropshadow(color=#FFFFFF,offx=-1,offy=1,positive=1);
}
.news_title::after { content: "\6700\65B0\60C5\5831"; }
.stream_title::after { content: "\914D\4FE1\60C5\5831"; }
.introduction_title::after { content: "\30A4\30F3\30C8\30ED\30C0\30AF\30B7\30E7\30F3"; }
.story_title::after { content: "\3042\3089\3059\3058"; }
.staffcast_title::after { content: "\30B9\30BF\30C3\30D5\2605\30AD\30E3\30B9\30C8"; }
.character_title::after { content: "\30AD\30E3\30E9\30AF\30BF\30FC"; }
.music_title::after { content: "\97F3\697D"; }
.bd_title::after { content: "\30D6\30EB\30FC\30EC\30A4\&DVD"; }
.goods_title::after { content: "\5546\54C1\60C5\5831"; }
.special_title::after { content: "\30B9\30DA\30B7\30E3\30EB"; }
h3 {
font-family: 'Share Tech', sans-serif;
font-size:38px;
color:#1d5884;
font-weight : bold;
line-height: 1;
margin-bottom: 3vh;
/*  letter-spacing: 0.05em;
text-shadow:0px 3px 1px #1d5884,0px 2px 1px #1d5884,1px 2px 1px #1d5884,2px 2px 1px #1d5884,2px 1px 1px #1d5884,2px 0px 1px #1d5884,3px 0px 1px #1d5884,2px -1px 1px #1d5884,2px -2px 1px #1d5884,2px -3px 1px #1d5884,1px -3px 1px #1d5884,0px -3px 1px #1d5884,-1px -3px 1px #1d5884,-2px -3px 1px #1d5884,-3px -3px 1px #1d5884,-3px -2px 1px #1d5884,-3px -1px 1px #1d5884,-3px 0px 1px #1d5884,-3px 1px 1px #1d5884,-3px 2px 1px #1d5884,-2px 2px 1px #1d5884,-1px 2px 1px #1d5884;
filter:dropshadow(color=#1d5884,offx=0,offy=3,positive=1),dropshadow(color=#1d5884,offx=2,offy=1,positive=1),dropshadow(color=#1d5884,offx=2,offy=-1,positive=1),dropshadow(color=#1d5884,offx=1,offy=-3,positive=1),dropshadow(color=#1d5884,offx=-2,offy=-3,positive=1),dropshadow(color=#1d5884,offx=-3,offy=-2,positive=1),dropshadow(color=#1d5884,offx=-3,offy=1,positive=1),dropshadow(color=#1d5884,offx=-1,offy=2,positive=1);*/
}
@media screen and (max-width: 896px) {
.title_head { background-size:15%; margin-bottom:1vh; }
h2.title { font-size:10vw; padding: 2% 0 1%; letter-spacing: 0em;}
h3 { font-size: 11vw; margin-bottom: 2vh;}
}
@media screen and (max-width: 550px) {
h2.title { 
text-shadow:0px 3px 1px #FFFFFF,0px 2px 1px #FFFFFF,1px 2px 1px #FFFFFF,2px 2px 1px #FFFFFF,2px 1px 1px #FFFFFF,2px 0px 1px #FFFFFF,3px 0px 1px #FFFFFF,2px -1px 1px #FFFFFF,2px -2px 1px #FFFFFF,2px -3px 1px #FFFFFF,1px -3px 1px #FFFFFF,0px -3px 1px #FFFFFF,-1px -3px 1px #FFFFFF,-2px -3px 1px #FFFFFF,-3px -3px 1px #FFFFFF,-3px -2px 1px #FFFFFF,-3px -1px 1px #FFFFFF,-3px 0px 1px #FFFFFF,-3px 1px 1px #FFFFFF,-3px 2px 1px #FFFFFF,-2px 2px 1px #FFFFFF,-1px 2px 1px #FFFFFF;
filter:dropshadow(color=#FFFFFF,offx=0,offy=3,positive=1),dropshadow(color=#FFFFFF,offx=2,offy=1,positive=1),dropshadow(color=#FFFFFF,offx=2,offy=-1,positive=1),dropshadow(color=#FFFFFF,offx=1,offy=-3,positive=1),dropshadow(color=#FFFFFF,offx=-2,offy=-3,positive=1),dropshadow(color=#FFFFFF,offx=-3,offy=-2,positive=1),dropshadow(color=#FFFFFF,offx=-3,offy=1,positive=1),dropshadow(color=#FFFFFF,offx=-1,offy=2,positive=1);
}
}
.post{
position: relative;
font-family: 'Share Tech', sans-serif;
font-size:40px;
margin: 20% auto 10%;
color:#1d5884;
font-weight : bold;
line-height: 1.2;
letter-spacing: 0.05em;
opacity:0.3;
}
@media screen and (max-width: 896px) {
.post{
 font-size: 7vw; 
}
}

/* ------- footer ------- */
.copyright { 
font-size:0.75rem; 
line-height: 2;
position: relative; 
z-index:15;
}
@media screen and (max-width: 896px) {
.copyright { 
font-size: 3vw; 
text-shadow:0px 2px 1px #FFFFFF,0px 1px 1px #FFFFFF,1px 1px 1px #FFFFFF,1px 0px 1px #FFFFFF,2px 0px 1px #FFFFFF,1px -1px 1px #FFFFFF,1px -2px 1px #FFFFFF,0px -2px 1px #FFFFFF,-1px -2px 1px #FFFFFF,-2px -2px 1px #FFFFFF,-2px -1px 1px #FFFFFF,-2px 0px 1px #FFFFFF,-2px 1px 1px #FFFFFF,-1px 1px 1px #FFFFFF;
filter:dropshadow(color=#FFFFFF,offx=0,offy=2,positive=1),dropshadow(color=#FFFFFF,offx=1,offy=1,positive=1),dropshadow(color=#FFFFFF,offx=1,offy=-1,positive=1),dropshadow(color=#FFFFFF,offx=0,offy=-2,positive=1),dropshadow(color=#FFFFFF,offx=-1,offy=-2,positive=1),dropshadow(color=#FFFFFF,offx=-2,offy=-1,positive=1),dropshadow(color=#FFFFFF,offx=-2,offy=1,positive=1),dropshadow(color=#FFFFFF,offx=-1,offy=1,positive=1);
}
}
/* ------- Btn ------- */
.backBtn a {
border-radius: 100px;
background: #22add6;
width:23%;
margin: 0 auto;
padding: 0 4px;
font-family: 'Share Tech', sans-serif;
font-size:26px;
display:block;
color:#ffffff;
}
.backBtn a:hover{ 
background: #1d5884;
} 
@media screen and (max-width: 896px) {
.backBtn a { width:50vw; font-size: 5.5vw;  line-height: 2; }
}
body.single .contentsArea iframe{
max-width: 100%;
}

/* ------- news ------- */
body.post-type-archive-post .contentsArea,
body.single .contentsArea{
min-height: 650px;
}
body.post-type-archive-post .news_inner,
body.single .news_inner{
width: 90%;
margin: 0 auto ;
text-align: left;
position: relative;
line-height: 1.8rem;
}
body.post-type-archive-post .contentsArea dl,
body.single .contentsArea dl{
padding: 0 0 2%;
margin: 0 auto 2%;
text-align: left;
position: relative;
line-height: 1.6rem;
}
body.post-type-archive-post .contentsArea dl:after,
body.single .contentsArea dl:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
background: repeating-linear-gradient(-45deg, #0069af, #0069af 3px, white 3px, white 6px);
}
body.post-type-archive-post .contentsArea dl dt,
body.single .contentsArea dl dt{
color:#1d5884;
}
body.single .contentsArea {
padding: 3rem 1rem ;
}
body.single .contentsArea .newsContents{
margin: 3% auto 10px;
}
.share {
text-align: right;
margin-right:-30px;
}
.share a {
opacity: .6;
transition: all 0.3s ease;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.share a:hover {
transform: scale(1.1);
filter:alpha(opacity=1);
-moz-opacity: 1;
opacity: 1;
}
@media screen and (max-width: 896px) {
body.post-type-archive-post #allContents,
body.single #allContents{ min-height:90vh;}
body.post-type-archive-post .contentsArea,
body.single .contentsArea{ min-height: initial; }
body.post-type-archive-post .contentsArea,
body.single .contentsArea{ padding: 1rem; }	
body.post-type-archive-post .news_inner,
body.single .news_inner { width: 98%; }
body.post-type-archive-post .contentsArea dl,
body.single .contentsArea dl { font-size: 1.1rem;  line-height: 1.3;  padding-bottom:5%;}
body.post-type-archive-post .contentsArea dl:after,
body.single .contentsArea dl:after{ height: 6px; }
body.post-type-archive-post .contentsArea dl dt,
body.single .contentsArea .newsContents { font-size: 1.1rem;  line-height: 1.6; }
.share { margin-right:0; }	
}
/* ------- STREAM ------- */
body.page-id-155 .contentsArea {
padding: 0 0 3rem;
min-height: 650px;
}
body.page-id-155 .contentsArea .flag_left {
width:100%;
background: url('images/special/flag_left.png') no-repeat left top; 
background-size: 20%;
}
body.page-id-155 .contentsArea .flag_right {
width:100%;
background: url('images/special/flag_right.png') no-repeat right top; 
background-size: 20%;
}
body.page-id-155 .contentsArea .stream_inner { 
margin: 0 auto; 
padding:5%;
text-align: center;
}
body.page-id-155 .contentsArea .stream_inner>h2 {
color:#005ba0;
font-size:30px;
font-weight: 600;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.stream_inner .tex {
font-size: 26px;	
margin:1% auto;
color:#e60012;
}
body.page-id-155 table {
width:100%;
margin: 0 auto 3%;
font-size:16px;
}
body.page-id-155 table thead tr:first-child th:first-child { border-radius: 5px 0 0 5px; }
body.page-id-155 table thead tr:first-child th:last-child { border-radius: 0 5px 5px 0 ; }
body.page-id-155 table thead th {
color:#FFFFFF;
background-color: #005ba0;
font-size:14px;
padding:5px 0;
}
body.page-id-155 table tr {
border-bottom: solid 1px rgba(189,184,180,0.8);
}
body.page-id-155 table thead tr {
border-bottom: solid 1px rgba(189,184,180,0);
}
body.page-id-155 table td {
padding:10px;
}
body.page-id-155 table td:nth-of-type(1) {
text-align: left;
color:#005ba0;
font-weight:900;
}
body.page-id-155 table.broadcast td {
text-align: left;
}
body.page-id-155 table td:nth-of-type(1) {
text-align: left;
color:#005ba0;
font-weight:900;
}
.stream_inner .sm {
font-size: 0.9rem;
line-height:1.2rem;	
text-align: left;
}
body.page-id-155 table td.abema{
	padding-left:10.5em;
}
body.page-id-155 table.broadcast td:nth-of-type(1) {
width:50%;
}
@media screen and (max-width:896px) { 
body.page-id-155 table.broadcast td:nth-of-type(1) {
width:30%;
}
}
@media screen and (max-width:768px) { 
body.page-id-155 .contentsArea { min-height: inherit; }
.stream_inner .tex { line-height:2rem; }
body.page-id-155 table { margin: 2% auto 4%; }
body.page-id-155 table td.abema{ padding-left:0; }
}
@media screen and (max-width:480px) { 
.stream_inner .tex { font-size: 1.4rem; }
body.page-id-155 table thead { display: none; }
body.page-id-155 table tr {margin-bottom: 3% ; }
body.page-id-155 table td {display: block; padding:0; font-size:1.2rem;}
body.page-id-155 table td:nth-of-type(1) { text-align: center; font-size:1rem; color:#FFFFFF; background-color: #005ba0;}
body.page-id-155 table.broadcast td:nth-of-type(1) { width:100%; }
.stream_inner .sm { text-align: center; }
}

/* ------- introduction ------- */
.introduction_inner {
font-size: 21px;
line-height: 2em;
}
body.page-id-2 .contentsArea .introduction_inner p {
margin-top: 5.5%;
margin-bottom: 2%;
}
body.page-id-2 .contentsArea .ws {
background: url('images/introduction/ita.png') no-repeat left top; 
padding-left:8vw;
padding-left:18%;
}
body.page-id-2 .contentsArea ul {
width: 90%;
padding: 0;
margin: 5% auto 0;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.page-id-2 .contentsArea ul li {
text-align: center;
margin: 0 -15px;
}
body.page-id-2 .contentsArea ul li img {
width: 100%;
}
body.page-id-2 .contentsArea ul li:nth-child(1) {
display:none;
}
body.page-id-2 .contentsArea ul li:nth-child(3),
body.page-id-2 .contentsArea ul li:nth-child(5),
body.page-id-2 .contentsArea ul li:nth-child(7),
body.page-id-2 .contentsArea ul li:nth-child(9) {
margin-top: 50px;
}
@media screen and (max-width: 896px) {
.introduction_inner { font-size: 3vw; line-height: 2; }
body.page-id-2 .contentsArea .introduction_inner p {
margin-top: 3vw;
margin-bottom: 1vw;
}
body.page-id-2 .contentsArea .ws { background: none;  padding-left:0; }
body.page-id-2 .contentsArea ul { flex-wrap: wrap; justify-content: flex-start; }
body.page-id-2 .contentsArea ul li { width: 33%; margin: 0 auto; text-align: center; }
body.page-id-2 .contentsArea ul li:nth-child(1) { display:block; text-align: center; }
body.page-id-2 .contentsArea ul li:nth-child(3),
body.page-id-2 .contentsArea ul li:nth-child(5),
body.page-id-2 .contentsArea ul li:nth-child(7),
body.page-id-2 .contentsArea ul li:nth-child(9) { margin-top: 0; }
}
@media screen and (max-width: 600px) {
.introduction_inner { font-size: 4vw; }
}
@media screen and (max-width: 480px) {
.introduction_inner { font-size: 5vw; line-height: 1.5; }
}

/* ------- STORY ------- */
body.post-type-archive-story .contentsArea {
padding:2.8rem ;
min-height:650px;
}
body.post-type-archive-story .contentsArea ul {
width: 100%;
margin: 0 auto ;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
body.post-type-archive-story .contentsArea ul li {
width: 31%;
margin-right: 3.5%;
margin-bottom: 2%;
text-align:center;
}
body.post-type-archive-story .contentsArea ul li:nth-child(3n) {
margin-right: 0;
}
body.post-type-archive-story .contentsArea ul li .story_list {
border :solid 6px #ffaa35;
border-radius: 6px;
text-align:center;
position:relative;
width: 100%;
}
body.post-type-archive-story .contentsArea ul li .story_list img {
width: auto;
height: auto;
}
body.post-type-archive-story .contentsArea ul li dl{
display: flex;
justify-content: flex-start;
}
body.post-type-archive-story .contentsArea ul li dl dt{
font-size:1.1rem;
line-height: 2rem;
color:#ffaa35;
}
body.post-type-archive-story .contentsArea ul li dl dd{
color:#544e4c;
line-height: 1.4;
margin-top: 5px;
text-align:left;
}
body.post-type-archive-story .contentsArea ul li dl dt{
font-size:1.1rem;
line-height: 1.4rem;
color:#ffaa35;
margin-top:1vh;
text-align:center;
flex:1;
}
body.post-type-archive-story .contentsArea ul li dl dd{
color:#544e4c;
line-height: 1.4rem;
text-align:left;
margin-top:1vh;
flex:8;
}
@media screen and (max-width: 896px) {
body.post-type-archive-story .contentsArea {
padding:6.7vw ;
}
body.post-type-archive-story .contentsArea ul li {
width: 48.5%;
margin-right: 0;
margin-bottom: 2%;
text-align:center;
}
body.post-type-archive-story .contentsArea ul li:nth-child(odd) {
margin-right: 3%;
}
body.post-type-archive-story .contentsArea ul li dl{
justify-content: center;
}
body.post-type-archive-story .contentsArea ul li dl dt{
font-size: 3vw;
line-height:2;
}
body.post-type-archive-story .contentsArea ul li dl dd{
font-size: 3vw;
line-height:2;
}
}
@media screen and (max-width: 640px) {
body.post-type-archive-story .contentsArea ul li {
width: 100%;
margin-right: 0;
margin-bottom: 2%;
text-align:center;
}
body.post-type-archive-story .contentsArea ul li:nth-child(odd) {
margin-right: 0;
}
body.post-type-archive-story .contentsArea ul li dl dt,
body.post-type-archive-story .contentsArea ul li dl dd{
font-size: 4.69vw;
line-height:2;
}
}
body.single-story .contentsArea {
padding:0;
}
body.single-story .contentsArea .flag_left {
width:100%;
background: url('images/special/flag_left.png') no-repeat left top; 
background-size: 20%;
}
body.single-story .contentsArea .flag_right{
width:100%;
background: url('images/special/flag_right.png') no-repeat right top; 
background-size: 20%;
}
body.single-story .contentsArea .flag_right .story_inner{
padding: 3rem 9.6rem 4rem;
}
body.single-story .contentsArea #l-nav ul {
width: 100%;
margin: .5rem auto 1.5rem;
display: -webkit-flex;
display: flex;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
text-align:center;
}
body.single-story .contentsArea #l-nav ul li {
margin: 0 .5% ;
}
body.single-story .contentsArea #l-nav ul li span{
display:none;
}
body.single-story .contentsArea #l-nav ul li a,
body.single-story .contentsArea #l-nav ul li a:hover{
padding: 4px 8px;
}
body.single-story .contentsArea #l-nav ul li a:hover{
color:#ffaa35 !important;
}
body.postid-204 .contentsArea #l-nav ul li:nth-child(1) a,
body.postid-204 .story_inner #l-nav ul li:nth-child(1) a:hover,
body.postid-337 .contentsArea #l-nav ul li:nth-child(2) a,
body.postid-337 .story_inner #l-nav ul li:nth-child(2) a:hover,
body.postid-346 .contentsArea #l-nav ul li:nth-child(3) a,
body.postid-346 .story_inner #l-nav ul li:nth-child(3) a:hover,
body.postid-348 .contentsArea #l-nav ul li:nth-child(4) a,
body.postid-348 .story_inner #l-nav ul li:nth-child(4) a:hover,
body.postid-350 .contentsArea #l-nav ul li:nth-child(5) a,
body.postid-350 .story_inner #l-nav ul li:nth-child(5) a:hover,
body.postid-352 .contentsArea #l-nav ul li:nth-child(6) a,
body.postid-352 .story_inner #l-nav ul li:nth-child(6) a:hover,
body.postid-354 .contentsArea #l-nav ul li:nth-child(7) a,
body.postid-354 .story_inner #l-nav ul li:nth-child(7) a:hover,
body.postid-356 .contentsArea #l-nav ul li:nth-child(8) a,
body.postid-356 .story_inner #l-nav ul li:nth-child(8) a:hover,
body.postid-358 .contentsArea #l-nav ul li:nth-child(9) a,
body.postid-358 .story_inner #l-nav ul li:nth-child(9) a:hover,
body.postid-360 .contentsArea #l-nav ul li:nth-child(10) a,
body.postid-360 .story_inner #l-nav ul li:nth-child(10) a:hover,
body.postid-362 .contentsArea #l-nav ul li:nth-child(11) a,
body.postid-362 .story_inner #l-nav ul li:nth-child(11) a:hover,
body.postid-364 .contentsArea #l-nav ul li:nth-child(12) a,
body.postid-364 .story_inner #l-nav ul li:nth-child(12) a:hover,
body.postid-646 .contentsArea #l-nav ul li:nth-child(13) a,
body.postid-646 .story_inner #l-nav ul li:nth-child(13) a:hover,
body.postid-648 .contentsArea #l-nav ul li:nth-child(14) a,
body.postid-648 .story_inner #l-nav ul li:nth-child(14) a:hover,
body.postid-650 .contentsArea #l-nav ul li:nth-child(15) a,
body.postid-650 .story_inner #l-nav ul li:nth-child(15) a:hover{
background-color:#ffaa35;
border-radius: 100px;
box-sizing: border-box;
color:#ffffff;
}
body.single-story .contentsArea #l-nav ul li:nth-child(10) a,
body.single-story .contentsArea #l-nav ul li:nth-child(10) a:hover,
body.single-story .contentsArea #l-nav ul li:nth-child(11) a,
body.single-story .contentsArea #l-nav ul li:nth-child(11) a:hover,
body.single-story .contentsArea #l-nav ul li:nth-child(12) a,
body.single-story .contentsArea #l-nav ul li:nth-child(12) a:hover,
body.single-story .contentsArea #l-nav ul li:nth-child(13) a,
body.single-story .contentsArea #l-nav ul li:nth-child(13) a:hover,
body.single-story .contentsArea #l-nav ul li:nth-child(14) a,
body.single-story .contentsArea #l-nav ul li:nth-child(14) a:hover,
body.single-story .contentsArea #l-nav ul li:nth-child(15) a,
body.single-story .contentsArea #l-nav ul li:nth-child(15) a:hover{
padding: 5px;
}
body.single-story .contentsArea .storyNamber {
font-size:64px;
line-height: 1.2;
font-weight:900;
color:#ffaa35;
}
body.single-story .contentsArea .storyNamber span {
font-size:48px;
}
body.single-story .contentsArea .storyTitle {
font-size:30px;
line-height: 1.6;
font-weight:900;
}
body.single-story .contentsArea .txt {
font-size:1.2rem;
line-height: 2rem;
text-align:center;
margin: 1% auto 2%;
}
body.single-story .contentsArea h3 {
font-size:2.4rem;
color: #ffaa35;
margin:8% auto 1%;
}
@media screen and (max-width: 896px) {
body.single-story .contentsArea .flag_right .story_inner{
padding: 7.81vw  ;
}
body.single-story .contentsArea #l-nav ul {
margin: 0 auto 2.23vw;
font-size:4.46vw;
}
body.single-story .contentsArea #l-nav ul li {
margin: 0 .4% ;
}
body.single-story .contentsArea #l-nav ul li a,
body.single-story .contentsArea #l-nav ul li a:hover{
padding: 4px 1.67vw;
}
body.single-story .contentsArea .storyNamber {
font-size:8.93vw;
}
body.single-story .contentsArea .storyNamber span {
font-size: 6.7vw;
}
body.single-story .contentsArea .storyTitle {
font-size:5.58vw;
}
body.single-story .contentsArea .txt {
font-size: 2.9vw;
line-height: 2;
}
body.single-story .contentsArea h3 {
font-size:7.41vw;
}
}
@media screen and (max-width: 600px) {
body.post-type-archive-story .contentsArea .txt,
body.single-story .contentsArea .txt {
text-align:left;
}
}
@media screen and (max-width: 540px) {
body.single-story .contentsArea #l-nav ul li a,
body.single-story .contentsArea #l-nav ul li a:hover{
padding: 4px 2.01vw;
}
body.single-story .contentsArea .storyNamber {
font-size:9.26vw;
}
body.single-story .contentsArea .storyNamber span {
font-size: 7.41vw;
}
body.single-story .contentsArea .storyTitle {
font-size: 6.14vw;
}
}
@media screen and (max-width: 480px) {
body.single-story .contentsArea #l-nav ul li a,
body.single-story .contentsArea #l-nav ul li a:hover{
padding: 4px 2.01vw;
}
body.single-story .contentsArea .txt {
font-size:1rem;
line-height: 1.6rem;
}
body.single-story .contentsArea h3 {
font-size:8.93vw;
}
}
@media screen and (max-width: 414px) {
body.single-story .contentsArea #l-nav ul li a,
body.single-story .contentsArea #l-nav ul li a:hover{
padding: 4px 2.23vw;
}
}

/* ------- character ------- */
body.page-id-87 #container:after { content: none; }
body.page-id-87 #character_container { background: url(images/background/lower_right.png)  no-repeat  bottom right; }
@media screen and (max-width: 896px) {
body.page-id-87 #character_container { background-size: 40%; }
}
body.page-id-87 #contents { z-index: auto; }
body.page-id-87 .contentsArea {
padding: 0 0 3rem;
min-height: 650px;
}
body.page-id-87 .contentsArea .flag_left {
width:100%;
background: url('images/special/flag_left.png') no-repeat left top; 
background-size: 20%;
}
body.page-id-87 .contentsArea .flag_right {
width:100%;
background: url('images/special/flag_right.png') no-repeat right top; 
background-size: 20%;
}
body.page-id-87 .contentsArea ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
:-webkit-flex-wrap: wrap; 
-ms-flex-wrap: wrap; 
flex-wrap: wrap; 
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
padding-top:7%;
width:90%;
}
body.page-id-87 .contentsArea ul li {
width:20%;
padding: 0 0 7% ;
position: relative;
text-align:center;
}
body.page-id-87 .contentsArea ul li:nth-child(1) {
margin-left:20%;
}body.page-id-87 .contentsArea ul li:nth-child(3) {
margin-right:20%;
}
body.page-id-87 .contentsArea ul li a {
display:block;
}
@media screen and (max-width: 896px) {
body.page-id-87 .contentsArea ul {
padding-top:10%;
width:100%;
}
body.page-id-87 .contentsArea ul li { width:33.3333%; }
body.page-id-87 .contentsArea ul li:nth-child(1) { margin-left:0; }
body.page-id-87 .contentsArea ul li:nth-child(3) { margin-right:0; }
}
body.page-id-87 .contentsArea ul li .name {
font-family: 'Handlee', cursive;
font-size:40px;
position: absolute;
left: 0;
right:0;
bottom:90px;
}
@media screen and (max-width: 896px) {
body.page-id-87 .contentsArea ul li .name { bottom:25%; }
}
@media screen and (max-width: 600px) {
body.page-id-87 .contentsArea ul li .name img { width:80%; }
}
body.page-id-87 .contentsArea .modal-content .flag_left {
width:100%;
background: url('images/special/flag_left.png') no-repeat left top; 
background-size: 15%;
}
body.page-id-87 .contentsArea .modal-content .flag_right {
width:100%;
background: url('images/special/flag_right.png') no-repeat right top; 
background-size: 15%;
width: 100%;
height: 100%;
padding:50px 0 0;
}
#btn-close-modal {
text-align: right;
cursor:pointer;
margin-top:2%;
z-index:2000;
}
.pop_contents {
margin: -1% auto 0;
width:100%;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex-direction: row-reverse;
}
@media screen and (max-width: 896px) {
#btn-close-modal { margin-top:0; }
#btn-close-modal img { width:16%;}
body.page-id-87 .contentsArea .modal-content .flag_left { background-size: 30%; }
body.page-id-87 .contentsArea .modal-content .flag_right { background-size: 30%; }
.pop_contents {
display:block;
}
}
.pop_contents .left {
max-width:600px;
position: relative;
margin-top:5%;
margin-left:60px;
}
.pop_contents .left .stamp {
position:absolute;
top:-60px;
left:-60px;
}
.pop_contents .left .stamp img {
max-width: 187px;
}
@media screen and (max-width: 896px) {
.pop_contents .left {
max-width: inherit;
width: 100%;
margin-top:0;
margin-left:0;
}
.pop_contents .left .stamp {
top: 2%;
right: 0;
text-align: right;
}
}
@media (min-width: 320px) {
  .pop_contents .left .stamp img  {
    width: calc(6.25rem + ((1vw - 3.2px) * 15.1042));
    min-height: 0vw;
  }
}
@media screen and (max-width: 319px) {
.pop_contents .left .stamp img {
width: 80px;
}
}
.pop_contents .left .nameBox {
background:#FFFFFF;
padding:25px;
border-radius: 3px;
box-shadow: 0 0 8px 1px rgba(32,47,85,.1);
}
.pop_contents .left .nameBox .namelist {
background:#f1f7f8;
padding:30px 10px 30px 50px;
text-align: left;
font-family: "M PLUS Rounded 1c";
font-weight:bold;
line-height:2.3rem;
}
@media screen and (max-width: 896px) {
.pop_contents .left .nameBox {
padding:10px;
}
.pop_contents .left .nameBox .namelist {
padding:10px;
}
}
.pop_contents .left .nameBox .namelist .name {
font-size:66px;
line-height:1.2;
font-feature-settings: "palt" 1;
font-family: "M PLUS Rounded 1c";
font-weight:900;
}
.pop_contents .left .nameBox .namelist .cv {
line-height:2rem;
font-size:24px;
color:#FFFFFF;
text-shadow:0px 2px 1px #da001e,0px 1px 1px #da001e,1px 1px 1px #da001e,1px 0px 1px #da001e,2px 0px 1px #da001e,1px -1px 1px #da001e,1px -2px 1px #da001e,0px -2px 1px #da001e,-1px -2px 1px #da001e,-2px -2px 1px #da001e,-2px -1px 1px #da001e,-2px 0px 1px #da001e,-2px 1px 1px #da001e,-1px 1px 1px #da001e;
filter:dropshadow(color=#da001e,offx=0,offy=2,positive=1),dropshadow(color=#da001e,offx=1,offy=1,positive=1),dropshadow(color=#da001e,offx=1,offy=-1,positive=1),dropshadow(color=#da001e,offx=0,offy=-2,positive=1),dropshadow(color=#da001e,offx=-1,offy=-2,positive=1),dropshadow(color=#da001e,offx=-2,offy=-1,positive=1),dropshadow(color=#da001e,offx=-2,offy=1,positive=1),dropshadow(color=#da001e,offx=-1,offy=1,positive=1);
}
@media (min-width: 320px) {
  .pop_contents .left .nameBox .namelist .cv {
    font-size: calc(1.25rem + ((1vw - 3.2px) * 0.6944));
    min-height: 0vw;
  }
}
@media (min-width: 320px) {
  .pop_contents .left .nameBox .namelist .name {
    font-size: calc(3.25rem + ((1vw - 3.2px) * 2.4306));
    min-height: 0vw;
  }
}
@media screen and (max-width: 319px) {
.pop_contents .left .nameBox .namelist .name {
font-size:40px;
}
}
body.page-id-87 .contentsArea #modal-italy .pop_contents .left .nameBox .namelist .name {
color:#0d9043;
letter-spacing: -0.15em
}
body.page-id-87 .contentsArea #modal-germany .pop_contents .left .nameBox .namelist .name  {
color:#ffd100;
letter-spacing: -0.1em
}
body.page-id-87 .contentsArea #modal-japan .pop_contents .left .nameBox .namelist .name  {
color:#ff8a9d;
}
body.page-id-87 .contentsArea #modal-america .pop_contents .left .nameBox .namelist .name  {
color:#007db2;
letter-spacing: -0.15em
}
body.page-id-87 .contentsArea #modal-england .pop_contents .left .nameBox .namelist .name  {
color:#00712a;
letter-spacing: -0.15em
}
body.page-id-87 .contentsArea #modal-france .pop_contents .left .nameBox .namelist .name  {
color:#ff5958;
letter-spacing: -0.15em
}
body.page-id-87 .contentsArea #modal-russia .pop_contents .left .nameBox .namelist .name  {
color:#8badc4;
letter-spacing: -0.05em
}
body.page-id-87 .contentsArea #modal-china .pop_contents .left .nameBox .namelist .name  {
color:#ff0000;
letter-spacing: 0em
}
body.page-id-87 .contentsArea #modal-china .pop_contents .left .nameBox .namelist .cv {
text-shadow:0px 2px 1px #fbbe06,0px 1px 1px #fbbe06,1px 1px 1px #fbbe06,1px 0px 1px #fbbe06,2px 0px 1px #fbbe06,1px -1px 1px #fbbe06,1px -2px 1px #fbbe06,0px -2px 1px #fbbe06,-1px -2px 1px #fbbe06,-2px -2px 1px #fbbe06,-2px -1px 1px #fbbe06,-2px 0px 1px #fbbe06,-2px 1px 1px #fbbe06,-1px 1px 1px #fbbe06;
filter:dropshadow(color=#fbbe06,offx=0,offy=2,positive=1),dropshadow(color=#fbbe06,offx=1,offy=1,positive=1),dropshadow(color=#fbbe06,offx=1,offy=-1,positive=1),dropshadow(color=#fbbe06,offx=0,offy=-2,positive=1),dropshadow(color=#fbbe06,offx=-1,offy=-2,positive=1),dropshadow(color=#fbbe06,offx=-2,offy=-1,positive=1),dropshadow(color=#fbbe06,offx=-2,offy=1,positive=1),dropshadow(color=#fbbe06,offx=-1,offy=1,positive=1);
}
body.page-id-87 .contentsArea #modal-japan .pop_contents .left .nameBox .namelist .cv,
body.page-id-87 .contentsArea #modal-france .pop_contents .left .nameBox .namelist .cv {
text-shadow:0px 2px 1px #0d3286,0px 1px 1px #0d3286,1px 1px 1px #0d3286,1px 0px 1px #0d3286,2px 0px 1px #0d3286,1px -1px 1px #0d3286,1px -2px 1px #0d3286,0px -2px 1px #0d3286,-1px -2px 1px #0d3286,-2px -2px 1px #0d3286,-2px -1px 1px #0d3286,-2px 0px 1px #0d3286,-2px 1px 1px #0d3286,-1px 1px 1px #0d3286;
filter:dropshadow(color=#0d3286,offx=0,offy=2,positive=1),dropshadow(color=#0d3286,offx=1,offy=1,positive=1),dropshadow(color=#0d3286,offx=1,offy=-1,positive=1),dropshadow(color=#0d3286,offx=0,offy=-2,positive=1),dropshadow(color=#0d3286,offx=-1,offy=-2,positive=1),dropshadow(color=#0d3286,offx=-2,offy=-1,positive=1),dropshadow(color=#0d3286,offx=-2,offy=1,positive=1),dropshadow(color=#0d3286,offx=-1,offy=1,positive=1);
}
.pop_contents .left .nameBox .namelist .exposition {
line-height:1.8rem;
font-size:1.2rem;
margin-top: 5%;
}
@media screen and (max-width: 867px) {
.pop_contents .left .nameBox .namelist .exposition {
margin-top: 2%;
}
}
@media screen and (max-width: 480px) {
.pop_contents .left .nameBox .namelist .exposition {
font-size:1rem;
margin-top: 1%;
line-height:1.3rem;
}
}
body.page-id-87 .contentsArea .pop_contents .left ul {
margin:0 auto ;
padding: 3% 0 0;
width:100%;
}
body.page-id-87 .contentsArea .pop_contents .left ul li  {
margin:0 1%;
width:48%;
}
body.page-id-87 .contentsArea .pop_contents .left ul li img{
max-height:auto;
}
.pop_contents .right {
text-align: left;
z-index:1000;
}
body.page-id-87 .contentsArea #modal-italy .pop_contents .right {
margin-left: -40px;
}
@media screen and (max-width: 896px) {
.pop_contents .right {
text-align: center;
}
body.page-id-87 .contentsArea #modal-germany .pop_contents .right img,
body.page-id-87 .contentsArea #modal-japan .pop_contents .right img,
body.page-id-87 .contentsArea #modal-america .pop_contents .right img {
width:65%;
}
body.page-id-87 .contentsArea #modal-england .pop_contents .right img,
body.page-id-87 .contentsArea #modal-france .pop_contents .right img {
width:63%;
}
body.page-id-87 .contentsArea #modal-china .pop_contents .right img {
width:90%;
}
}
@media screen and (max-width: 896px) {
body.page-id-87 .contentsArea .pop_contents .left ul {
margin:0 auto 5% ;
}
body.page-id-87 .contentsArea .pop_contents .left ul li {
padding: 0;
margin:0;
width:50%;
}
body.page-id-87 .contentsArea #modal-italy .pop_contents .right {
margin-left: 0;
}
}
@media screen and (max-width: 896px) {
body.page-id-87 .contentsArea .pop_contents .left ul li  {
margin:0 4%;
width:30%;
}
body.page-id-87 .contentsArea #modal-italy .pop_contents .left ul li:nth-child(1) {
width:33%;
}
body.page-id-87 .contentsArea #modal-italy .pop_contents .left ul li:nth-child(2) {
width:35%;
}
body.page-id-87 .contentsArea #modal-germany .pop_contents .left ul li:nth-child(2) {
width:29%;
}
body.page-id-87 .contentsArea #modal-germany .pop_contents .left ul li:nth-child(2) {
width:27%;
}
body.page-id-87 .contentsArea #modal-japan .pop_contents .left ul li:nth-child(1) {
width:37%;
}
body.page-id-87 .contentsArea #modal-america .pop_contents .left ul li:nth-child(2) {
width:31%;
}
body.page-id-87 .contentsArea #modal-england .pop_contents .left ul li:nth-child(2) {
width:33%;
	margin-top:2%;
}
body.page-id-87 .contentsArea #modal-russia .pop_contents .left ul li:nth-child(1) {
width:34%;
}
}

/* ------- staffcast ------- */
.staffcast_inner .staff_contents,
.staffcast_inner .cast_contents  {
display:flex;
:-webkit-flex-wrap: wrap; 
-ms-flex-wrap: wrap; 
flex-wrap: wrap; 
-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
margin-bottom: 5vh;
margin-bottom: 5%;
width: 90%;
margin: 0 auto 10% ;
}
.staffcast_inner dl{
width: 33%;
text-align: center;
margin-bottom: 2vh;
margin-bottom: 3%;
}
.staffcast_inner .staff_contents dl:nth-child(4),
.staffcast_inner .staff_contents dl:nth-child(5),
.staffcast_inner .staff_contents dl:nth-child(6),
.staffcast_inner .staff_contents dl:nth-child(7){
width: 38%;
}
.staffcast_inner dl > dt {
color: #00bff8;
font-size: 1rem;
 }
.staffcast_inner dl > dd {
font-size: 1.1rem;
line-height: 1.6rem;
}
.staffcast_inner .original_contents {
margin-bottom: 5%;
}
.staffcast_inner .original_contents h3 {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:33px;
font-weight : 500;
margin-bottom: 2%;
}
.staffcast_inner .original_contents dl{
width: 100%;
text-align: center;
margin-bottom: 0;
}
.staffcast_inner .cast_contents  {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
/*justify-content: space-between;*/
	justify-content: flex-start;
width: 95%;
}
.staffcast_inner .cast_contents .sm{
font-size:.9rem;
}
@media screen and (max-width: 600px) {
.staffcast_inner .staff_contents,
.staffcast_inner .cast_contents  { display:block; }
.staffcast_inner dl,
.staffcast_inner .staff_contents dl:nth-child(4),
.staffcast_inner .staff_contents dl:nth-child(5),
.staffcast_inner .staff_contents dl:nth-child(6),
.staffcast_inner .staff_contents dl:nth-child(7){ width: 100%; margin-bottom: 1vh;}
.staffcast_inner dl > dt,
.staffcast_inner dl > dd { font-size: 1.1rem; }
}
/* ------- special ------- */
body.post-type-archive-special .contentsArea,
body.single-special .contentsArea,
body.tax-special_category .contentsArea {
padding: 0 0 3rem;
min-height: 650px;
}
body.post-type-archive-special .contentsArea .flag_left,
body.single-special .contentsArea .flag_left,
body.tax-special_category .contentsArea .flag_left{
width:100%;
background: url('images/special/flag_left.png') no-repeat left top; 
background-size: 20%;
}
body.post-type-archive-special .contentsArea .flag_right,
body.single-special .contentsArea .flag_right,
body.tax-special_category .contentsArea .flag_right {
width:100%;
background: url('images/special/flag_right.png') no-repeat right top; 
background-size: 20%;
}
body.post-type-archive-special .contentsArea .special_l-nav,
body.single-special .contentsArea .special_l-nav,
body.tax-special_category .contentsArea .special_l-nav{
width:100%;
background:  url('images/special/line.png') no-repeat center top; 
background-size: 80%;
}
body.post-type-archive-special .contentsArea .special_l-nav ul,
body.single-special .contentsArea .special_l-nav ul,
body.tax-special_category .contentsArea .special_l-nav ul {
display: flex;
justify-content: center;
margin: 0 auto 3%;
padding-top:5.5%;
}
body.post-type-archive-special .contentsArea .special_l-nav ul>li,
body.single-special .contentsArea .special_l-nav ul>li,
body.tax-special_category .contentsArea .special_l-nav ul>li{
width:170px;
}
body.post-type-archive-special .contentsArea .special_l-nav ul>li:nth-child(1),
body.single-special .contentsArea .special_l-nav ul>li:nth-child(1),
body.tax-special_category .contentsArea .special_l-nav ul>li:nth-child(1){
transform: rotateX(0deg) rotateY(0deg) rotateZ(9deg);
-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(9deg);
}
body.post-type-archive-special .contentsArea .special_l-nav ul>li:nth-child(2),
body.single-special .contentsArea .special_l-nav ul>li:nth-child(2),
body.tax-special_category .contentsArea .special_l-nav ul>li:nth-child(2){
margin-top: 1.5%;
}
body.post-type-archive-special .contentsArea .special_l-nav ul>li:nth-child(3),
body.single-special .contentsArea .special_l-nav ul>li:nth-child(3),
body.tax-special_category .contentsArea .special_l-nav ul>li:nth-child(3){
transform: rotateX(0deg) rotateY(0deg) rotateZ(-9deg);
-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-9deg);
}
body.post-type-archive-special .contentsArea .special_l-nav ul>li p {
background-color:#0976ca;
}
body.post-type-archive-special .contentsArea .special_l-nav ul>li p a {
color:#fff;
}
body.post-type-archive-special .contentsArea .specialContents,
body.single-special .contentsArea .specialContents,
body.tax-special_category .contentsArea .specialContents{
width:85%;
margin: 0 auto ;
}
body.post-type-archive-special .contentsArea .specialContents h3,
body.single-special .contentsArea .specialContents h3,
body.tax-special_category .contentsArea .specialContents h3 {
position: relative;
font-size: 38px;
margin-bottom: 5%;
padding-bottom: 13px;
}
@media (min-width: 320px) {
  body.post-type-archive-special .contentsArea .specialContents h3, body.single-special .contentsArea .specialContents h3, body.tax-special_category .contentsArea .specialContents h3 {
    font-size: calc(1.25rem + ((1vw - 3.2px) * 11.25));
    min-height: 0vw;
  }
}
@media (min-width: 480px) {
  body.post-type-archive-special .contentsArea .specialContents h3, body.single-special .contentsArea .specialContents h3, body.tax-special_category .contentsArea .specialContents h3 {
    font-size: 38px;
  }
}
body.post-type-archive-special .contentsArea .specialContents h3:after,
body.single-special .contentsArea .specialContents h3:after,
body.tax-special_category .contentsArea .specialContents h3:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
background: repeating-linear-gradient(-45deg, #0069af, #0069af 3px, white 3px, white 6px);
}
body.post-type-archive-special .contentsArea .specialContents a>dl,
body.tax-special_category .contentsArea .specialContents a>dl {
position: inherit;
margin: 0 auto 3%;
background-color:#e4eeee;
border-radius: 4px;
padding: 1.5%;
box-shadow: 0 0 8px 1px rgba(32,47,85,.2);
text-align:left;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
color:#075a99;
font-family: 'Noto Sans JP', sans-serif;
font-weight:900;
font-size:18px;
}
body.post-type-archive-special .contentsArea .specialContents a>dl,
body.tax-special_category .contentsArea .specialContents a>dl {
position: inherit;
margin: 0 auto 3%;
background-color:#e4eeee;
border-radius: 4px;
padding: 1.5%;
box-shadow: 0 0 8px 1px rgba(32,47,85,.2);
text-align:left;
display:flex;
align-items: center;
color:#075a99;
}
body.post-type-archive-special .contentsArea .specialContents a:hover>dl,
body.tax-special_category .contentsArea .specialContents a:hover>dl {
background-color:#0976ca;
color:#FFFFFF;
}
body.post-type-archive-special .contentsArea .specialContents dl:after,
body.tax-special_category .contentsArea .specialContents dl:after{
content: none;
}
body.post-type-archive-special .contentsArea .specialContents dl>dt,
body.tax-special_category .contentsArea .specialContents dl>dt{
width:80px;
text-align: center;
}
body.post-type-archive-special .contentsArea .specialContents dl>dt .box,
body.tax-special_category .contentsArea .specialContents dl>dt .box {
display: block;
position: relative;
padding-bottom: 100%;
background-color:#ffffff;
border-radius: 4px;
}
body.post-type-archive-special .contentsArea .specialContents dl>dt .box .image,
body.tax-special_category .contentsArea .specialContents dl>dt .box .image{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
}
body.post-type-archive-special .contentsArea .specialContents dl>dt .box .image>img,
body.tax-special_category .contentsArea .specialContents dl>dt .box .image>img{
width: 100%;
height: 100%;
vertical-align: middle;
border-radius: 4px;
}
body.post-type-archive-special .contentsArea .specialContents dl>dd,
body.tax-special_category .contentsArea .specialContents dl>dd {
width:670px;
margin-left:2%;
font-family: 'Noto Sans JP', sans-serif;
font-weight:900;
font-size:18px;
}
@media (min-width: 320px) {
  body.post-type-archive-special .contentsArea .specialContents dl>dd, body.tax-special_category .contentsArea .specialContents dl>dd {
    font-size: calc(0.9375rem + ((1vw - 3.2px) * 0.3125));
    min-height: 0vw;
  }
}
@media (min-width: 1280px) {
  body.post-type-archive-special .contentsArea .specialContents dl>dd, body.tax-special_category .contentsArea .specialContents dl>dd {
    font-size: 18px;
  }
}
body.single-special .title_special_single {
border-bottom:3px solid #0976ca;
padding-bottom: .5%;
margin-bottom:2%;
text-align:left;
color:#075a99;
font-family: 'Noto Sans JP', sans-serif;
font-weight:900;
font-size:1.2rem;
line-height:1.8rem;
}
body.single-special .contentsArea .specialContents dl{
position:  inherit;
border-bottom:3px solid #0976ca;
padding-bottom: .5%;
margin-bottom:2%;
text-align:left;
color:#075a99;
font-family: 'Noto Sans JP', sans-serif;
font-weight:900;
line-height:1.8rem;
}
body.single-special .contentsArea .specialContents dl:after{
content:none;
}
body.single-special .contentsArea .specialContents dl>dt {
text-align:left;
font-size:1rem;
}
body.single-special .contentsArea .specialContents dl>dd {
font-size:1.2rem;
}
body.single-special .contentsArea .specialContents .special-news {
text-align:left;
}
@media screen and (max-width: 896px) {
body.post-type-archive-special .contentsArea,
body.single-special .contentsArea,
body.tax-special_category .contentsArea { min-height: initial; }
	body.post-type-archive-special .contentsArea .specialContents a>dl,
body.tax-special_category .contentsArea .specialContents a>dl {
margin: 0 auto 4%;
}	
body.post-type-archive-special .contentsArea .specialContents dl>dt,
body.tax-special_category .contentsArea .specialContents dl>dt{
width:15%;
}
body.post-type-archive-special .contentsArea .specialContents dl>dd,
body.tax-special_category .contentsArea .specialContents dl>dd {
width:83%;
}
}
@media screen and (max-width: 600px) {
body.post-type-archive-special .contentsArea .flag_left,
body.single-special .contentsArea .flag_left,
body.tax-special_category .contentsArea .flag_left{
background-size: 28%;
}
body.post-type-archive-special .contentsArea .flag_right,
body.single-special .contentsArea .flag_right,
body.tax-special_category .contentsArea .flag_right {
background-size: 28%;
}
body.post-type-archive-special .contentsArea .special_l-nav,
body.single-special .contentsArea .special_l-nav,
body.tax-special_category .contentsArea .special_l-nav { background: none; }
body.post-type-archive-special .contentsArea .special_l-nav ul,
body.single-special .contentsArea .special_l-nav ul,
body.tax-special_category .contentsArea .special_l-nav ul { padding-top:10%; width:96%; margin:0 auto 5%;}
body.post-type-archive-special .contentsArea .special_l-nav ul>li:nth-child(1),
body.single-special .contentsArea .special_l-nav ul>li:nth-child(1),
body.tax-special_category .contentsArea .special_l-nav ul>li:nth-child(1){
transform: none;
-webkit-transform: none;
}
body.post-type-archive-special .contentsArea .special_l-nav ul>li:nth-child(2),
body.single-special .contentsArea .special_l-nav ul>li:nth-child(2),
body.tax-special_category .contentsArea .special_l-nav ul>li:nth-child(2){
margin-top: 0
}
body.post-type-archive-special .contentsArea .special_l-nav ul>li:nth-child(3),
body.single-special .contentsArea .special_l-nav ul>li:nth-child(3),
body.tax-special_category .contentsArea .special_l-nav ul>li:nth-child(3){
transform: none;
-webkit-transform: none;
}
body.post-type-archive-special .contentsArea .specialContents a>dl,
body.tax-special_category .contentsArea .specialContents a>dl {
margin: 0 auto 5%;
}
body.post-type-archive-special .contentsArea .specialContents dl>dt,
body.tax-special_category .contentsArea .specialContents dl>dt{
width:20%;
}
body.post-type-archive-special .contentsArea .specialContents dl>dd,
body.tax-special_category .contentsArea .specialContents dl>dd {
width:78%;
line-height:1rem;
font-size:14px;
}
}
@media screen and (max-width: 320px) {
body.post-type-archive-special .contentsArea .specialContents h3, 
body.single-special .contentsArea .specialContents h3, 
body.tax-special_category .contentsArea .specialContents h3 {
font-size:20px;
}
body.post-type-archive-special .contentsArea .specialContents a>dl,
body.tax-special_category .contentsArea .specialContents a>dl {
display:block;
padding: 4%;
margin: 6% auto ;
}
body.post-type-archive-special .contentsArea .specialContents dl>dt,
body.tax-special_category .contentsArea .specialContents dl>dt{
width:40%;
margin:0 auto 2%;
}
body.post-type-archive-special .contentsArea .specialContents dl>dd,
body.tax-special_category .contentsArea .specialContents dl>dd {
width:100%;
text-align:center;
}
}
body.tax-special_category .contentsArea .specialContents .movie_inner,
body.single-special .contentsArea .specialContents .movie_inner {
margin: 0 0 3%;
text-align:center;
display:flex;
-webkit-flex-wrap: wrap;
  -ms-flex-wrap : wrap;
flex-wrap : wrap;
justify-content: flex-start;
}
body.tax-special_category .contentsArea .specialContents .movie_inner dl,
body.single-special .contentsArea .specialContents .movie_inner dl {
width:46%;
margin: 0 2% ; 
margin: 0 auto ; 
border-bottom:none;
}
body.tax-special_category .contentsArea .specialContents .movie_inner dl dt,
body.single-special .contentsArea .specialContents .movie_inner dl dt {
border:solid 7px #fdd000;
border-radius: 3px;
min-height: 56.25%;
min-width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
margin: 0 auto 3%; 
}
body.tax-special_category .contentsArea .specialContents .movie_inner dl dd,
body.single-special .contentsArea .specialContents .movie_inner dl dd{ 
text-align:center;
margin: 5px auto; 
font-family: 'Noto Sans JP', sans-serif;
font-weight:900;
line-height:1.6rem;
}
body.term-movie .contentsArea .specialContents .movie_inner dl>dd {
width:100%;
}
body.tax-special_category .contentsArea .specialContents .movie_inner .mov a,
body.single-special .contentsArea .specialContents .movie_inner .mov a{
display: block;
position: relative;
vertical-align:bottom;
}
body.tax-special_category .contentsArea .specialContents .movie_inner .mov a:before,
body.single-special .contentsArea .specialContents .movie_inner .mov a:before {
content: '';
position: absolute;
width: 57px;
height: 57px;
left: 50%;
top: 50%;
margin-left: -26px;
margin-top: -30px;
background: url(images/common/btn.png) no-repeat;
background-size:100%;
transition: all 0.3s ease;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
body.tax-special_category .contentsArea .specialContents .movie_inner .mov a:hover:before,
body.single-special .contentsArea .specialContents .movie_inner .mov a:hover:before{
transform: scale(1.1);
filter:alpha(opacity=1);
-moz-opacity: 1;
opacity: 1;
}
body.tax-special_category .contentsArea .specialContents .movie_inner .mov img,
body.single-special .contentsArea .specialContents .movie_inner .mov img{
width: 100%;
}
body.tax-special_category .contentsArea .specialContents .movie_inner .trailer-video,
body.single-special .contentsArea .specialContents .movie_inner .trailer-video{ display: none; }
@media screen and (max-width: 869px) {
body.tax-special_category .contentsArea .specialContents .movie_inner dl { display: none; }
body.tax-special_category .contentsArea .specialContents .movie_inner .trailer-video { display:block; }	
body.tax-special_category .contentsArea .specialContents .movie_inner .trailer-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
margin-bottom: 3%;
border:solid 7px #fdd000;
border-radius: 3px;
}
body.tax-special_category .contentsArea .specialContents .movie_inner .trailer-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
}

/* ------- music ------- */
body.page-id-137 .contentsArea,
body.page-id-276 .contentsArea{
padding:0;
}
body.page-id-137 .contentsArea .flag_left,
body.page-id-276 .contentsArea .flag_left{
width:100%;
background: url('images/special/flag_left.png') no-repeat left top; 
background-size: 20%;
}
body.page-id-137 .contentsArea .flag_right,
body.page-id-276 .contentsArea .flag_right{
width:100%;
background: url('images/special/flag_right.png') no-repeat right top; 
background-size: 20%;
}
.musicContents{
width:92%;
margin: 0 auto;
padding: 8% 0 6%;
font-size:16px;
}
.musicContents ul.music_nav{
display: -webkit-flex;
display:flex;
line-height: 1.6;
margin: 0 auto 3%;
width:100%;
}
.musicContents ul.music_nav li{
margin: 3% auto;
text-align:center;
text-indent: 0;
width:48%;
font-size:18px;
background-color:#005ca9;
color:#ffffff;
padding:10px 0;
border-radius: 8px;
}
.musicContents ul.music_nav li a{
display: block;
}
.musicContents ul.music_nav li.stay{
background-color:#b2eeff;
}
.title_line{
padding: 0 0 2%;
margin: 0 auto 3%;
text-align: center;
position: relative;
font-family: 'Kosugi Maru', sans-serif;
font-size:33px;
line-height: 1.6rem;
color:#0069af;
}
.title_line:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
background: repeating-linear-gradient(-45deg, #0069af, #0069af 3px, white 3px, white 6px);
}
.contentsArea .musicContents .jacket {
margin: 0 auto 2%;
}
.contentsArea .musicContents .jacket img {
border:5px solid #1d5884;
border-radius: 3px;
}
.contentsArea .musicContents h3 {
font-family: 'Kosugi Maru', sans-serif;
font-size:28px;
letter-spacing: -0.01em;
color:#1d5884;
line-height: 1.2;
margin-bottom: 0;
}
.contentsArea .musicContents .release {
font-family: 'Kosugi Maru', sans-serif;
font-size:22px;
letter-spacing: -0.01em;
line-height: 2.5;
margin-bottom: 2%;
}
.contentsArea .musicContents .txt {
font-family: 'Kosugi Maru', sans-serif;
font-size:15px;
margin: 0 auto ;
letter-spacing: -0.01em;
}
.contentsArea .musicContents h4 {
background:#0069af;
border-radius: 8px;
margin: 3% auto;
padding:5px 0;
color:#ffffff;
font-size:18px;
}
.contentsArea .musicContents .industry ul {
margin: 3% auto;
width:77%;
font-family: 'Kosugi Maru', sans-serif;
font-size:15px;
}
.contentsArea .musicContents .industry ul li {
padding-left:1em;
text-indent:-1.5em;
text-align:left;
}
.contentsArea .musicContents .music_product {
margin: 0 auto;
}
.musicContents .music_product .music_product_list .product_photo {
margin: 3% 0 5%;
width:92%;
}
.musicContents .music_product .music_product_list .product_photo img {
width:100%;
height:auto;
}
.contentsArea .musicContents .music_product .music_product_list {
margin: 0 0 0 10%;
}
.contentsArea .musicContents .music_product .music_product_list dl {
text-align:left;
display: -webkit-flex;
display:flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
justify-content: flex-start;
align-items: start;
line-height: 1.6;
margin: 0 auto 1%;
}
.contentsArea .musicContents .music_product .music_product_list dl dt {
width:13%;
color:#0069af;
font-size:18px;
}
.contentsArea .musicContents .music_product .music_product_list dl dt::after {
content: "\2605";
padding-left:3px;
}
.contentsArea .musicContents .music_product .music_product_list dl dd {
width:86%;
}
.contentsArea .musicContents .shop_special {
margin: 0 auto;
}
.contentsArea .musicContents .shop_special dl {
margin: 2% auto 0;
line-height: 1.6;
}
.contentsArea .musicContents .shop_special dl dt {
color:#0069af;
font-size:22px;
}
.contentsArea .musicContents .shop_special .note {
margin: .5% auto;
font-size: 12px;
line-height: 1.4;
}
.contentsArea .musicContents .em {
margin: 3% auto;
font-size:14px;
line-height: 1.6;
}
.contentsArea .musicContents ul li dl.original_drama{
text-align:left;
display: -webkit-flex;
display:flex;
padding-left:0;
text-indent:0;
}
@media screen and (max-width: 896px) {
.musicContents ul.music_nav{
display:block;
}
.contentsArea .musicContents ul.music_nav li{
width:80%;
font-size:18px;
padding:15px 0;
}
.title_line{
padding: 0 0 5%;
margin: 7% auto ;
font-size:28px;
}
.contentsArea .musicContents .jacket {
margin: 4% auto 2%;
width:85%;
}
.contentsArea .musicContents .industry ul {
width:96%;
margin: 0 0 0 2%;
}
.contentsArea .musicContents .music_product .music_product_list {
margin: 0;
}
.contentsArea .musicContents .music_product .music_product_list dl {
text-align:center;
display:block;
}
.contentsArea .musicContents .music_product .music_product_list dl dt {
width:100%;
}
.contentsArea .musicContents .music_product .music_product_list dl dt::before {
content: "\2605";
padding-right:3px;
}
.contentsArea .musicContents .music_product .music_product_list dl dd {
width:100%;
}
}
@media screen and (max-width: 780px) {
.contentsArea .musicContents .industry ul {
margin: 0 3%;
}
}
@media screen and (max-width: 672px) {
.contentsArea .musicContents ul.music_nav li{
width:94%;
}
.contentsArea .musicContents h3 {
font-size: 24px;
}
.contentsArea .musicContents .txt {
line-height: 1.5rem;
}
.contentsArea .musicContents .industry ul {
margin-bottom: 2%;
 line-height: 1.5rem;
width:90%;
}
.contentsArea .musicContents ul li dl.original_drama{
display:block;
}
.contentsArea .musicContents ul li dl.original_drama dd br{
display:none;
}
/*.contentsArea .musicContents .shop_special .note,
.contentsArea .musicContents .em {
text-align:left;
}*/
}
@media screen and (max-width: 480px) {
.contentsArea .musicContents ul.music_nav li{
padding: 8px 0;
}
}

/* ------- GOODS ------- */
body.post-type-archive-goods .contentsArea,
body.single-goods .contentsArea {
padding:2.8rem;
min-height:650px;
}
body.single-goods .contentsArea {
padding-left:4.8rem;
padding-right:4.8rem;
}
body.post-type-archive-goods .contentsArea ul {
width: 100%;
margin: 0 auto ;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
body.post-type-archive-goods .contentsArea ul li {
width: 31%;
margin: 0 3.5% 3.5% 0;
padding:15px;
text-align:center;
border-radius: 8px;
background-color:#ffeea2;
box-shadow: 0 0 5px 1px rgba(32,47,85,.2);
}
/* link */
body.post-type-archive-goods .contentsArea ul li a:hover{ color:#fb7803;}

body.post-type-archive-goods .contentsArea ul li:nth-child(even){
background-color:#ffc068;
}
body.post-type-archive-goods .contentsArea ul li:nth-child(3n) {
margin-right: 0;
}
body.post-type-archive-goods .contentsArea ul li dl dt .goodsImg {
border-radius: 8px;
background-color : #FFFFFF;
width: 100%;
height:178px;
}
body.post-type-archive-goods .contentsArea ul li dl dt .goodsImg img {
max-width: 90%;
max-height: 100%;
height: auto;
}
body.post-type-archive-goods .contentsArea ul li dl dd {
margin-top: 3% ;
line-height:1.4rem;
text-align:left;
}
body.single-goods .contentsArea .goods_inner .title {
font-size:26px;
line-height:2rem;
text-align:left;
}
body.single-goods .contentsArea .goods_inner .photo {
width: 100%;
border-radius: 12px;
background-color : #FFFFFF;
border : solid 7px #ffaa35; 
padding : 2%;
margin: 1% auto 2%;
}
body.single-goods .contentsArea .goods_inner .photo img {
width: 70%;
height : auto;
margin: 0 auto;
}
body.single-goods .contentsArea .goods_inner .detail {
font-size:16px;
line-height:1.6rem;
text-align:left;
}
body.single-goods .contentsArea .goods_inner .detail a { color:#ff6600; }
body.single-goods .contentsArea .goods_inner .detail a:hover{ color:#ffaa35;}

body.single-goods .contentsArea .goods_inner .description {
margin: 0 auto 3%;
font-size:16px;
line-height:1.6rem;
text-align:left;
}
body.single-goods .contentsArea .goods_inner dl {
font-size:16px;
line-height:1.6rem;
padding: 0;
margin: 0 0 1% 0;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
body.single-goods .contentsArea .goods_inner dl:after{
content: none;
}
body.single-goods .contentsArea .goods_inner dl dt {
color:#ffaa35; 
flex:1;
}
body.single-goods .contentsArea .goods_inner dl dd {
flex:5;
}
@media screen and (max-width: 896px) {
body.post-type-archive-goods .contentsArea ul li {
width: 100%;
margin-right: 0;
padding:15px;
}
body.post-type-archive-goods .contentsArea ul li dl {
width: 100%;
margin: 0 auto ;
display: -webkit-flex;
display: flex;
justify-content:space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
body.post-type-archive-goods .contentsArea ul li dl dt {
width: 35%;
}
body.post-type-archive-goods .contentsArea ul li dl dt .goodsImg {
max-height:160px;
}
body.post-type-archive-goods .contentsArea ul li dl dd {
width: 60%;
}
body.single-goods .contentsArea .goods_inner .title {
font-size:1.6rem;
line-height:2.2rem;
}
body.post-type-archive-goods .contentsArea,
body.single-goods .contentsArea {
padding: 1.5rem;
min-height: inherit;
}
body.single-goods .contentsArea .goods_inner .photo {
padding : 3%;
}
body.single-goods .contentsArea .goods_inner .photo img {
width: 100%;
}
body.single-goods .contentsArea .goods_inner .description {
font-size:1.2rem;
line-height:2rem;
margin: 0 auto 2% ;
}
body.single-goods .contentsArea .goods_inner dl {
font-size:1.2rem;
line-height:2rem;
margin: 0 auto 2% ;
display: block;
}
}
@media screen and (max-width: 480px) {
body.post-type-archive-goods .contentsArea ul li dl { display: block; }
body.post-type-archive-goods .contentsArea ul li dl dt { width: 100%; }
body.post-type-archive-goods .contentsArea ul li dl dt .goodsImg { max-height: 200px; }
body.post-type-archive-goods .contentsArea ul li dl dd { width: 100%; }
}


/* ------- BD ------- */
body.page-id-294 .contentsArea,
body.page-id-299 .contentsArea{
padding:0;
}
body.page-id-294 .contentsArea .flag_left,
body.page-id-299 .contentsArea .flag_left{
width:100%;
background: url('images/special/flag_left.png') no-repeat left top; 
background-size: 20%;
}
body.page-id-294 .contentsArea .flag_right,
body.page-id-299 .contentsArea .flag_right{
width:100%;
background: url('images/special/flag_right.png') no-repeat right top; 
background-size: 20%;
}
.bdContents{
width:92%;
margin: 0 auto;
padding: 8% 0 6%;
font-size:16px;
}
.bdContents ul.bd_nav{
display: -webkit-flex;
display:flex;
line-height: 1.6;
margin: 0 auto 3%;
width:100%;
}
.bdContents ul.bd_nav li{
margin: 3% auto;
text-align:center;
text-indent: 0;
width:48%;
font-size:18px;
background-color:#fa9c2d;
color:#ffffff;
padding:10px 0;
border-radius: 8px;
}
.bdContents ul.bd_nav li a{
display: block;
}
.bdContents ul.bd_nav li a:hover{
color:#ffffff;
}
.bdContents ul.bd_nav li.stay{
background-color:#ffeea2;
}
.bdContents ul.bd_nav li.stay a{
color:#ffffff;
}
.bdContents ul.bd_nav li.stay a:hover{
color:#fa9c2d;
}
.bdContents .title_line{
color:#fa9c2d;
}
.bdContents .title_line:after{
background: repeating-linear-gradient(-45deg, #fa9c2d, #fa9c2d 3px, white 3px, white 6px);
}
.bdContents .jacket{
margin: 0 auto 2%;
width:55%;
}
.bdContents .jacket img{
border:5px solid #fa9c2d;
border-radius: 3px;
width:100%;
}
.bdContents h3{
font-family: 'Kosugi Maru', sans-serif;
font-size:28px;
letter-spacing: -0.01em;
color:#fa9c2d;
line-height: 1.2;
margin-bottom: 0;
}
.bdContents .release{
font-family: 'Kosugi Maru', sans-serif;
font-size:22px;
letter-spacing: -0.01em;
margin: 2% auto 0;
line-height: 1.4;
}
.bdContents .txt{
font-family: 'Kosugi Maru', sans-serif;
font-size:15px;
margin: 0 auto ;
letter-spacing: -0.01em;
}
.bdContents h4{
background:#fa9c2d;
border-radius: 8px;
margin: 3% auto;
padding:5px 0;
color:#ffffff;
font-size:18px;
}
.bdContents .bd_product_list {
margin: 0 auto;
}
.bdContents .bd_product_list dl {
line-height: 1.6;
text-align:left;
margin: 0 auto 1%;
text-align:center;
}
.bdContents .bd_product_list dl dt{
color:#fa9c2d;
font-size:18px;
margin: 0 auto 1%;
}
.bdContents .bd_product_list dl dt::after{
content: "\2605";
padding-left:3px;
}
.bdContents .bd_product_list dl dt::before{
content: "\2605";
padding-right:3px;
}
.bdContents .bd_product_list dl dd ul {
margin: 0 auto 1%;
}
.bdContents .bd_product_list dl dd ul li{
margin-bottom: .5%;
font-size:18px;
}
.bdContents .em{
margin: 0 auto;
font-size:14px;
line-height: 1.5;
}
.bdContents .bd_product_list .distribution{
	margin:5% auto;
}
.bdContents .bd_product_list .distribution .jacket{
	margin:1% auto;
}
.bdContents .bd_product_list .distribution dl {
margin: 0 auto;
}
.bdContents .bd_product_list .distribution dl dt{
color:#544e4c;
font-size:22px;
margin: 0 auto;
font-weight:bold;
}
.bdContents .bd_product_list .distribution dl dt::after{
content: none;
}
.bdContents .bd_product_list .distribution dl dt::before{
content: none;
}
.bdContents .bd_product_list .distribution .print{
width:55% !important;
}
.bdContents .bd_product_list .distribution .animate01{
width:35% !important;
}
.bdContents .bd_product_list .distribution .animate02{
width:40% !important;
}
.bdContents .bd_product_list .distribution .animate02 img {
background-color:#FFFFFF; 
padding:18px;
}
@-webkit-keyframes sheen {
  0% {
    transform: skewY(-45deg) translateX(0);
  }
  100% {
    transform: skewY(-45deg) translateX(20.5em);
  }
}
@keyframes sheen {
  0% {
    transform: skewY(-45deg) translateX(0);
  }
  100% {
    transform: skewY(-45deg) translateX(20.5em);
  }
}
.button {
  padding: 0.5em 2em;
	margin:2% auto;
	font-size:1.2em;
	font-weight:bold;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #fa9c2d;
  display: inline-block;
  border-radius: 0.3em;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
}
.button:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  transform: skewX(-45deg) translateX(0);
  transition: none;
}
.button:hover {
  background-color: #fa732d;
  color: #fff;
}
.button:hover:before {
  transform: skewX(-45deg) translateX(22.5em);
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 896px) {
.bdContents ul.bd_nav{
display:block;
}
.bdContents ul.bd_nav li{
width:80%;
font-size:18px;
}
.bdContents .jacket {
margin: 0 auto 2%;
width:80%;
}
.bdContents ul {
width:100%;
margin: 0 0 0 2%;
}
.bdContents .bd_product_list {
margin: 0;
}
.bdContents .bd_product_list dl {
text-align:center;
display:block;
}
.bdContents .bd_product_list dl dt {
width:100%;
}
.bdContents .bd_product_list dl dd {
width:100%;
}
.bdContents .bd_product_list .distribution .print{
width:100% !important;
}
.bdContents .bd_product_list .distribution .animate01,
.bdContents .bd_product_list .distribution .animate02{
width:80% !important;
}
}

.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
.wp-pagenavi  {
margin: 3vw auto 2vw; 
}
.wp-pagenavi .current { 
margin: 0 .5%;
padding:5px 9px;
font-weight:bold;
background-color:#0069af; 
border-radius: 100px;
box-sizing: border-box;
color: #ffffff; 
}
.wp-pagenavi .page { 
padding:6px 8px;
}
body.post-type-archive-goods .wp-pagenavi .current { 
background-color:#ffc068; 
}
body.post-type-archive-goods .wp-pagenavi a:hover {
color:#ffc068 !important;
}

body.page-id-276 .musicContents .jacket {
width: min(80%, 500px);
}
body.page-id-276 .musicContents .music_product .music_product_list .product_photo {
margin-left: min(10%, 50px);
width: min(92%, 550px);
text-align:center;
}
body.page-id-276 .musicContents .shop_special .product_photo {
margin: 1% auto ;
width: min(80%, 500px);
text-align:center;
}
body.page-id-276 .musicContents .shop_special .product_photo img {
border:2px solid #cccccc;
}

body.page-id-276 .musicContents .charactersong_clearfile{
width: min(80%, 500px); 
	margin:0 auto;
}