@charset "UTF-8";
/* CSS Document */


/*--------------------
共通
---------------------*/
img {
 width:100%;
}

/*#top h2,*/#top h3 {
 -webkit-font-smoothing: antialiased;
}

/*--------------------
トップページ
---------------------*/
/*ファーストビュー（メインイメージ）*/
#top div#first-view {
 width:100%;
 min-width:1100px;
 position:relative;
 overflow:hidden;
 line-height:0em;
}
#top div#first-view p {
 display:block;
 width:100%;
 padding-bottom:56.6%;
 background:url(/wp-content/themes/konosekai/images/top/mainimage.jpg) no-repeat left center;
 background-size:100% auto;
 min-width:1100px;
 margin:0px auto;
 background-color:#ccc;
}
@media screen and (max-width: 1099px) {
#top div#first-view p {
 position:relative;
 left:0%;
}
}

#top div#first-view h1 {
 width:25%;
 padding-bottom:23.25%;
 position:absolute;
 top:8%;
 left:14%;
 background:url(/wp-content/themes/konosekai/images/common/logo-main.png) no-repeat left top;
 background-size:100% auto;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}
#top div#first-view span.copy {
 display:block;
 width:32%;
 height:0px;
 padding-bottom:8.5%;
 position:absolute;
 left:55%;
 bottom:2%;
 background:url(/wp-content/themes/konosekai/images/top/copy.png) no-repeat left top;
 background-size:100% auto;
 text-indent:100%;
 white-space: nowrap;
 overflow: hidden;
}

#top div#first-view a.scroll-down {
 display:block;
 width:88px;
 height:52px;
 position:absolute;
 left:50%;
 bottom:5px;
 margin-left:-44px;
 background:url(/wp-content/themes/konosekai/images/top/scroll-down.png) no-repeat left top;
 background-size:100% auto;
 text-indent:100%;
 white-space: nowrap;
 overflow: hidden;
}
#top div#first-view a.scroll-down:hover {
 bottom:2px;
}

/*ツイート一覧*/
#top #tw-box {
 width:36%;
 padding: 0px 5px;
 margin:0px;
 background-color:rgba(255,255,255,0.5);
 -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#ddffffff,EndColorStr=#ddffffff)"
 box-sizing:border-box;
 border-radius:5px;
 position:absolute;
 left:7%;
 bottom:3%;
 height:auto;
}
#top #tw-box iframe {
 height:130px !important;
 min-height:230px !important;
}
/*utility.jsのset_tw_tl()に記述。*/
#top .SandboxRoot.env-bp-430 .timeline-Header-title {
 font-size:18px !important;
 line-height:1em !important;
}
#top .SandboxRoot.env-bp-430 .timeline-Tweet-text {
 font-size:14px !important;
}

/*お詫び*/
#top div#first-view span.owabi {
 display:block;
 width:36%;
 position:absolute;
 left:7%;
 bottom:42%;
 text-align:center;
}
#top div#first-view span.owabi a {
 display:block;
 width:100%;
 padding:10px 0px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 background:#fff;
 /*background:rgba(255,255,255,0.8);*/
 color:#ff0000;
 font-size:14px;
 line-height:1em;
 font-weight:bold;
}
#top div#first-view span.owabi a:hover {
 opacity:0.7;
}
#top div#first-view span.owabi a i {
 font-style:normal;
}

/*サイドバナー*/
#top ul.inner-bnr-space {
 position:absolute;
 top:70px;
 right:30px;
 z-index:1001;
}
@media screen and (max-width: 1099px) {
#top ul.inner-bnr-space {
 position:absolute;
 top:70px;
 right:auto;
left:972px;
}
}
#top ul.inner-bnr-space li {
 width:98px;
 height:143px;
 margin-bottom:10px;
}
#top ul.inner-bnr-space li:last-of-type {
 margin-bottom:0px;
}
#top ul.inner-bnr-space li a {
 display:block;
 width:98px;
 height:143px;
 position:relative;
}
#top ul.inner-bnr-space li a {
/*#top div.inner-bnr-space li:nth-of-type(1) a {*/
 background:url(../images/top/book/test2/book2.png) no-repeat;
 background-size:98px auto;
}
#top ul.inner-bnr-space li.bk-disc a {
 background:url(../images/top/book/disc/book2.png) no-repeat;
 background-size:98px auto;
}
#top ul.inner-bnr-space li.bk-ouen a {
 background:url(../images/top/book/campaign/book2.png) no-repeat;
 background-size:98px auto;
}
#top ul.inner-bnr-space li.bk-staffroom a {
 background:url(../images/top/book/staffroom/book2.png) no-repeat;
 background-size:98px auto;
}
#top ul.inner-bnr-space li.bk-timeline a {
 background:url(../images/top/book/timeline/book2.png) no-repeat;
 background-size:98px auto;
}
#top ul.inner-bnr-space li.bk-media a {
 background:url(../images/top/book/media/book2.png) no-repeat;
 background-size:98px auto;
}
#top ul.inner-bnr-space li.bk-overseas a {
 background:url(../images/top/book/overseas/book2.png) no-repeat;
 background-size:98px auto;
}
#top ul.inner-bnr-space li.bk-online a {
 background:url(../images/top/book/online/book2.png) no-repeat;
 background-size:98px auto;
}
#top ul.inner-bnr-space li.bk-ikutsumono a {
 background:url(../images/top/book/ikutsumono/book2.png) no-repeat;
 background-size:98px auto;
}

#top ul.inner-bnr-space li.bk-comment a {
 width:138px;
 height:138px;
 margin-left:-20px;
 background:url(../images/top/book/aud200/bomb.png) no-repeat center top;
 background-size:100% auto;
}
#top ul.inner-bnr-space li.bk-yokoku a {
 width:120px;
 height:90px;
 margin-left:-11px;
 background:url(../images/top/book/yokoku/yokoku.png) no-repeat center top;
 background-size:100% auto;
}
#top ul.inner-bnr-space li.bk-tokuten1 a {
 width:138px;
 height:138px;
 margin-left:-20px;
 background:url(../images/top/book/tokuten1/tokuten1.png) no-repeat center top;
 background-size:100% auto;
}
#top ul.inner-bnr-space li.bk-tokuten2 a {
 width:138px;
 height:138px;
 margin-left:-20px;
 background:url(../images/top/book/tokuten2/tokuten2.png) no-repeat center top;
 background-size:100% auto;
}

#top ul.inner-bnr-space li.bk-yokoku a:hover {
 background-position:center bottom !important;
}
#top ul.inner-bnr-space li.bk-comment a:hover,#top ul.inner-bnr-space li.bk-tokuten1 a:hover,#top ul.inner-bnr-space li.bk-tokuten2 a:hoverr {
 background-position:center bottom !important;
}
#top ul.inner-bnr-space li a img.book1 {
 display:inline-block;
 width:91px;
 height:143px;
 position:absolute;
 left:8px;
 bottom:0px;
 transform:			scale( 1, 1);
	-o-transform:			scale( 1, 1);
	-ms-transform:			scale( 1, 1);
	-moz-transform:			scale( 1, 1);
	-webkit-transform:		scale( 1, 1);
 transition:All 0.5s ease;
 -o-transition:All 0.3s ease;
 -ms-transition:All 0.3s ease;
 -moz-transition:All 0.3s ease;
 -webkit-transition:All 0.3s ease;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}

#top ul.inner-bnr-space li a span {
 display:none;
}

#top ul.inner-bnr-space li a:hover img.book1 {
 transform:			scale( -0.7, 1);
	-o-transform:			scale( -0.7, 1);
	-ms-transform:			scale( -0.7, 1);
	-moz-transform:			scale( -0.7, 1);
	-webkit-transform:		scale( -0.7, 1);
 left:-70px;
 transition:All 0.6s ease;
 -o-transition:All 0.6s ease;
 -ms-transition:All 0.6s ease;
 -moz-transition:All 0.6s ease;
 -webkit-transition:All 0.6s ease;
}





/*-------------------------------
プロモーションムービー
-------------------------------*/
.movie-base {
 width:100%;
 height:100%;
 background-color:rgba(255,255,255,0.8);
 position:fixed;
 top:0px;
 left:0px;
 z-index:1020;
 cursor:pointer;
}
.movie-cont {
 width:720px;
 height:423px;
 border:solid 1px #0099ff;
 padding:4px;
 position:absolute;
 top:200px;
 left:50%;
 margin-left:-365px;
 z-index:1021;
 line-height:1em;
 overflow:hidden;
}
.movie-box {
 width:720px;
 height:405px;
}
p.movie-close {
 float:right;
 margin-bottom:4px;
 cursor:pointer;
 width:14px;
 height:14px;
}
p.movie-close:hover {
 opacity:0.7;
}







/*溢れたサイト内バナースペース*/
#top div.inner-bnr-space-2 {
 width:100%;
 padding:10px;
 line-height:1em;
 text-align:left;
 background:rgba(255,255,255,0.8);
 letter-spacing: -.40em;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
}
#top div.inner-bnr-space-2 ul {
 width:800px;
 margin:auto;
}
#top div.inner-bnr-space-2 ul li {
 display:inline-block;
 width:180px;
 height:auto;
 padding:10px;
 letter-spacing: normal;
}

/*「劇場情報」は隠す*/
#top div.inner-bnr-space-2 ul li.inner-bnr-theater {
 display:none;
}

#top div.inner-bnr-space-2 ul li a{
 display:block;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 overflow:hidden;
 line-height:0em;
}
#top div.inner-bnr-space-2 ul li a:hover {
 opacity:0.7;
}



#top div.utility-space {
 position:relative;
 z-index:1000;
}

/*外部サイトバナースペース*/
#top div.bnr-space {
 width:100%;
 padding:15px;
 line-height:1em;
 text-align:left;
 background:rgba(223,244,255,0.8);
 letter-spacing: -.40em;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
}
#top div.bnr-space ul {
 width:880px;
 margin:auto;
}
#top div.bnr-space ul li {
 display:inline-block;
 width:210px;
 height:auto;
 padding:5px;
 letter-spacing: normal;
}

/*ニュ−ス*/
#top div.news-picup {
 width:100%;
 height:50px;
 padding:0px 120px;
 line-height:50px;
 min-width:1000px;
 background:rgba(255,255,255,0.8);
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 box-shadow:0px 0px 7px rgba(0,0,0,0.15) inset;
 font-size:14px;
 font-weight:bold;
}

#top div.news-picup p {
 display:none;
 position:relative;
}
#top div.news-picup p.news_dsp {
 display:block;
}
#top div.news-picup a {
 position:absolute;
 top:0px;
 left:0px;
white-space: nowrap;
overflow:hidden;
}
#top div.news-picup a span {
 display:inline-block;
 padding:5px 10px 2px;
 margin-right:10px;
 background:#0099ff;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 -ms-border-radius:3px;
 border-radius:3px;
 line-height:1em;
 font-weight:bold;
 color:#fff;
}

/*コンテンツ*/
#top div#content {
 width:100%;
 margin:0px auto;
}

#top div#content section {
 width:100%;
 padding:70px 0px 80px;
 margin:auto;
 position:relative;
 opacity:0;
 background:rgba(255,255,255,0.8);
 z-index:1001;
}
#top div#content section.pic-l {
 height:0px;
 padding-top:0px;
 padding-bottom:54%;
 line-height:0em;
 overflow:hidden;
 position:relative;
 background:none;
 z-index:999;
}
#top div#content section .txt-space {
 width:900px;
 padding:0px 50px;
 margin:auto;
}

#top h2 {
 width:100%;
 height:35px;
 font-size:30px;
 margin:auto;
 margin-bottom:50px;
 font-family:"FP-ヒラギノ明朝 ProN W6", serif;
 text-align:center;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}
#top section#movie h2 {
 background:url(../images/top/ti-sec-01.png) no-repeat center center;
 background-size:auto 35px;
}
#top section#intro h2 {
 background:url(../images/top/ti-sec-02.png) no-repeat center center;
 background-size:auto 35px;
}
#top section#story h2 {
 background:url(../images/top/ti-sec-03.png) no-repeat center center;
 background-size:auto 35px;
}
#top section#character h2 {
 background:url(../images/top/ti-sec-04.png) no-repeat center center;
 background-size:auto 35px;
}
#top section#staff h2 {
 background:url(../images/top/ti-sec-05.png) no-repeat center center;
 background-size:auto 35px;
}


/*スライダー*/
#top div#content section .slider-cont {
 width:100%;
 height:460px;
 position:relative;
}
#top div#content section#character .slider-cont {
 height:430px;
}
#top div#content section .slider-cont ul.slider-box {
 overflow:hidden;
 position:absolute;
 top:0px;
 left:0px;
}

/*スライダー前後ボタン*/
#top div#content section ul.scroll-allow li{
 position: absolute;
 top: 220px;
 width: 38px;
 height: 57px;
 margin-top: -19px;
 cursor: pointer;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 opacity:0.7;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px;
 z-index:1100;
 }

#top div#content section ul.scroll-allow li.prv {
background:url(/wp-content/themes/konosekai/images/common/prev_l.png) center center no-repeat;
background-size:28px 47px;
left:-45px;
display:none;
}
#top div#content section ul.scroll-allow li.nxt {
background:url(/wp-content/themes/konosekai/images/common/next_l.png) center center no-repeat;
background-size:28px 47px;
right:-45px;
}
#top div#content section ul.scroll-allow li:hover {
 opacity:1;
}



/*ムービー*/
#top div#content section#movie {
 width:100%;
 background:rgba(255,255,255,0.8);
}
#top div#content section#movie ul {
 width:864px;
 padding:0px 68px;
 margin:auto;
 text-align:center;
 overflow:hidden;
}
#top div#content section#movie ul li {
float:left;
 line-height:1em;
 padding:5px;
 margin:0px 10px 30px;
 border:solid 1px #666;
 position:relative;
 width:400px;
}
#top div#content section#movie ul li p {
 margin-top:3px;
 line-height:1.3em;
}
#top div#content section#movie ul li p span {
 display:inline-block;
}
#top div#content section#movie ul li img.mov-arrow {
 width:26px;
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-13px;
 margin-top:-15px;
}
#top div#content section#movie ul li a:hover img.mov-arrow {
 opacity:0.7;
}


/*作品について*/
#top div#content section#intro {
 overflow:hidden;
 position:relative;
}
#top div#content section#intro .txt-space .txt-inner li {
 margin-bottom:30px;
}
#top div#content section#intro .txt-space .txt-inner li:last-of-type {
 margin-bottom:0px;
}
#top div#content section#intro .txt-space .txt-inner li h3 {
 font-size:20px;
 font-weight:bold;
 margin-bottom:5px;
}

/*ものがたり*/
#top div#content section#story {
 padding-top:0px;
}

#top div#content section#story ul.pic-space {
 width:100%;
 min-width:1000px;
 margin:0px auto 70px;
 padding-top:50px;
 padding-left:1px;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 overflow:hidden;
 line-height:1em;
}
#top div#content section#story ul.pic-space li {
 width:25%;
 padding-bottom:13.5%;
 border-right:solid 1px #fff;
 float:left;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 position:relative;
}
#top div#content section#story ul.pic-space li p {
 width:100%;
 padding-bottom:54%;
 display:none;
 position:absolute;
}
#top div#content section#story ul.pic-space li p:first-of-type {
 display:block;
}

#top div#content section#story .txt-box {
   font-size:14px;
}

#top div#content section#story .sto-pic-space {
 width:333px;
 margin-bottom:1px;
 line-height:0;
 float:right;
}
#top div#content section#story .sto-pic-space li {
 margin-bottom:1px;
}
#top div#content section#story .sto-pic-space li:last-of-type {
 margin-bottom:0px;
}
#top div#content section#story .sto-pic-space li img {
 width:100%;
}

/*登場人物・キャスト（汎用）*/
#top div#content section#character {
 width:100%;
 overflow:hidden;
}
#top div#content section#character li.chara-block {
 width:900px;
 margin-right:30px;
 float:left;
 opacity:0.1;
}
#top div#content section#character li.chara-block:first-of-type {
 opacity:1;
}
#top div#content section#character li.chara-block .cc-cont {
 width:435px;
 margin-right:30px;
 text-align:justify;
 text-justify:inter-ideograph;
 float:left;
}
#top div#content section#character li.chara-block .cc-cont:last-of-type {
 margin-right:0px;
}
#top div#content section#character li.chara-block .cc-cont .chara-box {
 border-bottom:solid 1px #ccc;
 padding-bottom:15px;
 margin-bottom:15px;
 overflow:hidden;
}
#top div#content section#character li.chara-block .cc-cont .chara-box .chara-pic {
 width:220px;
 height:auto;
 float:left;
 line-height:1em;
 margin-right:20px;
}
#top div#content section#character li.chara-block .cc-cont .chara-box h3 {
 font-size:26px;
 margin-bottom:15px;
 line-height:1.3em;
}
#top div#content section#character li.chara-block .cc-cont .chara-box h3 span {
 display:inline-block;
}

#top div#content section#character li.chara-block .cc-cont .cast-box {
 overflow:hidden;
 position:relative;
 margin-bottom:10px;
}
#top div#content section#character li.chara-block .cc-cont div.cast-box:last-of-type {
 margin-bottom:0px;
}
#top div#content section#character li.chara-block .cc-cont .cast-box h3 {
 width:100%;
 font-size:22px;
 margin-bottom:5px;
}
#top div#content section#character li.chara-block .cc-cont .cast-box h3 span {
 font-size:16px;
}
#top div#content section#character li.chara-block .cc-cont .cast-box p.cast-txt {
 font-size:14px;
 line-height:1.5em;
}


/*ワイド共通（すず、周作、すみ）*/
#top div#content section#character li.chara-block .cc-cont.w-block {
 width:900px;
}
#top div#content section#character li.chara-block .cc-cont.w-block .chara-box .chara-pic {
 width:300px;
 height:auto;
 margin-right:30px;
}


/*すずさん専用*/
#top div#content section#character li.chara-block .cc-cont#chara-suzu .cast-box .cast-pic {
 width:180px;
 height:auto;
 float:left;
 line-height:1em;
 margin-right:15px;
 margin-bottom:5px;
}

#top div#content section#character li.chara-block .cc-cont#chara-suzu .cast-box h3 {
 font-size:26px;
 margin-bottom:15px;
 line-height:1.3em;
 text-align:left;
}
#top div#content section#character li.chara-block .cc-cont#chara-suzu .chara-box h3 span {
 display:inline-block;
 font-size:18px;
 margin-left:10px;
}
#top div#content section#character li.chara-block .cc-cont#chara-suzu .cast-box span.btn-comment {
 display:inline-block;
 padding:10px 20px;
 background:rgba(255,255,255,0.8);
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 cursor:pointer;
 color:#0099FF;
 margin-top:20px;
 font-size:14px;
}
#top div#content section#character li.chara-block .cc-cont#chara-suzu .cast-box span.btn-comment:hover {
 background:rgba(255,255,255,1);
}
#top .cast-commnet-cont {
 display:none;
 width:100%;
 height:100%;
 position:fixed;
 left:0px;
 top:0px;
 z-index:9000;
 cursor:pointer;
}
#top div.cast-comment {
 width:435px;
 border:solid 1px #8bd8ff;
 background-color:#fff;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 float:right;
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-217px;
 margin-top:-140px;
}
#top div.cast-comment h4 {
 font-size:20px;
 padding:5px 20px;
 border-bottom:solid 1px #8bd8ff;
 font-weight:bold;
 overflow:hidden;
}
#top div.cast-comment p {
 padding:12px 20px;
 font-size:14px;
}
#top span.comment-close {
 float:right;
 margin-bottom:4px;
 cursor:pointer;
 width:14px;
 height:14px;
}
#top span.commnet-close:hover {
 opacity:0.7;
}

/*キャラ名一覧*/
ul.chara-link-list {
 width:100%;
 margin-top:20px;
 text-align:center;
}
ul.chara-link-list li {
 font-size:18px;
 display:inline-block;
 margin:0px 5px 10px;
}
ul.chara-link-list li a {
 display:block;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 width:50px;
 height:50px;
 line-height:1em;
 -webkit-border-radius:25px;
 -moz-border-radius:25px;
 -ms-border-radius:25px;
 border-radius:25px;
}
ul.chara-link-list li a:hover {
 opacity:0.7;
}

ul.chara-link-list li a#th-suz {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-01.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-shu {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-02.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-kei {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-05.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-har {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-03.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-ent {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-09.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-san {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-07.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-tet {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-06.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-rin {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-08.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-sum {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-04.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-ura {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-10.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-ito {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-11.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-kob {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-12.jpg) no-repeat center center;
 background-size:cover;
}
ul.chara-link-list li a#th-chi {
 background:url(/wp-content/themes/konosekai/images/top/img-chara-13.jpg) no-repeat center center;
 background-size:cover;
}



/*スタッフ*/
#top div#content section#staff {
 width:100%;
 overflow:hidden;
 background:rgba(255,255,255,0.8);
}
#top div#content section#staff li.staff-block {
 width:900px;
 margin-right:30px;
 float:left;
 opacity:0.1;
}
#top div#content section#staff li.staff-block:first-of-type {
 opacity:1;
}
#top div#content section#staff li.staff-block .cc-cont {
 width:435px;
 margin-right:30px;
 text-align:justify;
 text-justify:inter-ideograph;
 float:left;
}
#top div#content section#staff li.staff-block .cc-cont:last-of-type {
 margin-right:0px;
}
#top div#content section#staff li.staff-block .cc-cont .staff-box {
 width:435px;
 float:left;
}
#top div#content section#staff li.staff-block .cc-cont .staff-box .staff-pic {
 width:180px;
 height:auto;
 float:left;
 line-height:1em;
 margin-right:20px;
}
#top div#content section#staff li.staff-block .cc-cont .staff-box h3 {
 font-size:26px;
 margin-bottom:15px;
 line-height:1.3em;
 text-align:left;
}
#top div#content section#staff li.staff-block .cc-cont .staff-box h3 span {
 display:inline-block;
 font-size:18px;
 margin-left:10px;
}
#top div#content section#staff li.staff-block .cc-cont .staff-box .staff-profile {
 font-size:14px;
}
#top div#content section#staff li.staff-block .cc-cont .staff-work {
 width:435px;
 float:right;
}
#top div#content section#staff li.staff-block .cc-cont .staff-comment {
 width:435px;
 border:solid 1px #8bd8ff;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 float:right;
}

/*写真入りスタッフ専用*/
#top div#content section#staff li.staff-block .cc-cont.w-block {
 width:900px;
}
#top div#content section#staff li.staff-block .cc-cont div.staff-comment h4 {
 font-size:20px;
 padding:5px 20px;
 border-bottom:solid 1px #8bd8ff;
 font-weight:bold;
 margin-bottom:5px;
}
#top div#content section#staff li.staff-block .cc-cont div.staff-comment p {
 padding:12px 20px;
 font-size:14px;
}

/*クレジット*/
#top div#content section#credit {
 background:none;
}
#top div#content section#credit span {
 display:block;
 width:70%;
 height:0px;
 margin:auto;
 padding-bottom:15.12%;
 background:url(/wp-content/themes/konosekai/images/top/credit-sp.png) no-repeat center top;
 background-size:100% auto;
 text-indent:100%;
 white-space: nowrap;
 overflow: hidden;
}

/*------------------------
下層ページ
------------------------*/
/*-----共通-----*/
.under #content {
 position:relative;
}
.under #main {
 width:100%;
 margin-bottom:40px;
 position:relative;
 line-height:0em;
}
.under #main .mainimage {
 width:100%;
}
.under div.article {
 max-width:1000px;
 margin: 0px 30px 100px 300px;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative;
}
/*ページ下部劇場情報（スマホ用）*/
a.theater-info {
 display:none;
}
/*--------------------
記事ボックス
--------------------*/
p.kiji-box-margin {
 width:100%;
 height:0px;
 padding-bottom:80px;
}
.under div.article section.kiji-box {
 width:100%;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 overflow:hidden;
}
.under div.article section.kiji-box:last-of-type {
 margin-bottom:0px;
}
.under div.article section.kiji-box p.kiji-date {
 font-size:14px;
 padding:8px 20px;
}
.under div.article section.kiji-box h2 {
 font-size:18px;
 font-weight:bold;
 padding:15px 20px;
}
.under div.article section.kiji-box div.kiji-txt {
 padding:0px 20px 40px;
 overflow:hidden;
}
.under div.article section.kiji-box div.kiji-txt:first-of-type {
 padding-top:20px;
}
#comment.under div.article section.kiji-box div.kiji-txt,#award.under div.article section.kiji-box div.kiji-txt,#words.under div.article section.kiji-box div.kiji-txt {
 padding:0px;
}
#interview.under div.article section.kiji-box div.kiji-txt {
 background:rgba(255,255,255,0.5);
}


.under div.article section.kiji-box .kiji-txt img {
 width:auto;
 height:auto;
 max-width:100%;
 margin:10px 0px;
}
/*--------------------
記事ボックス内 レイアウト
--------------------*/
.under div.article section.kiji-box p.pic-box-all {
 width:100%;
 text-align:left;
 line-height:1em;
}
.under div.article section.kiji-box p.pic-box-L1 {
 width:305px;
 float:left;
 margin:0px 20px 20px 0px;
}
.under div.article section.kiji-box p.pic-box-R1 {
 width:305px;
 float:right;
 margin:0px 0px 20px 20px;
}
.under div.article section.kiji-box p.pic-box-L2 {
 width:220px;
 float:left;
 margin:0px 20px 20px 0px;
}
.under div.article section.kiji-box .pic-box-L1 img {
 margin:0px;
}
.under div.article section.kiji-box p.pic-box-L1 img,
.under div.article section.kiji-box p.pic-box-L2 img,
.under div.article section.kiji-box p.pic-box-R1 img {
 width:100%;
}

/*プロダクションノート用*/
#production-note.under div.article section.kiji-box p.pic-box-all {
 line-height:0em;
 margin-bottom:20px;
}
#production-note.under div.article section#pn-meeting.kiji-box p.pic-box-all,
#production-note.under div.article section#pn-afreco.kiji-box p.pic-box-all {
 text-align:center;
}
#production-note.under div.article section.kiji-box p.pic-box-all img {
 width:100%;
}
#production-note.under div.article section#pn-meeting.kiji-box p.pic-box-all img,
#production-note.under div.article section#pn-afreco.kiji-box p.pic-box-all img {
 width:auto;
}

/*応援コメント用*/
#comment.under div.article section.kiji-box p.pic-box-all {
 text-align:center;
 margin-bottom:40px;
}
#comment.under div.article section.kiji-box p.pic-box-all img {
 width:400px;
}

/*汎用センター 幅オート*/
.under div.article section.kiji-box p.pic-box-all-auto {
 text-align:center;
}
.under div.article section.kiji-box p.pic-box-all-auto img {
 width:auto;
}



.under div.article section.kiji-box ul.kiji-txt-inner-3col {
 overflow:hidden;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li {
 width:32%;
 float:left;
 margin:0px 2% 10px 0%;
 line-height:1.3em;
 text-align:center;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li:nth-of-type(3n) {
 margin-right:0px;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li:nth-of-type(3n+1) {
 clear:left;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li > a {
 display:block;
 text-decoration:none !important;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li > a:hover {
 opacity:0.8;
}

@media screen and (max-width: 1199px) {
.under div.article section.kiji-box ul.kiji-txt-inner-3col li {
 width:48%;
 float:left;
 margin:0px 4% 10px 0px;
 line-height:1.3em;
 text-align:center;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li:nth-of-type(3n) {
 margin-right:4%;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li:nth-of-type(2n) {
 margin-right:0%;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li:nth-of-type(3n+1) {
 clear:none;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li:nth-of-type(2n+1) {
 clear:left;
}
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li.col1 {
 width:94%;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li p.kiji-txt-inner-pic {
 width:70%;
 margin:auto;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li img {
 width:100%;
}

.under div.article section.kiji-box .kiji-txt-inner-01 {
 overflow:hidden;
 margin-bottom:20px;
 line-height:1.3em;
}

.under div.article section.kiji-box ul.kiji-txt-inner-3col li.kiji-txt-inner-cell {
 margin-bottom:30px;
 line-height:1em;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -webkit-border-radius:10px;
 border-radius:10px;
 overflow:hidden;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li.kiji-txt-inner-cell p.inner-cell-pic {
 width:100%;
 height:0px;
 line-height:0em;
 padding-bottom:80%;
 margin:auto;
 background:rgba(255,255,255,0.7);
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li.kiji-txt-inner-cell h3 {
 width:90%;
 padding:20px 5%;
 background-color:#fff;
 line-height:1.5em;
}
.under div.article section.kiji-box ul.kiji-txt-inner-3col li.kiji-txt-inner-cell p.inner-cell-txt {
 width:90%;
 padding:20px 5%;
 background:rgba(255,255,255,0.7);
 line-height:1.6em;
}



.under section {
 margin:0px auto 80px;
}
.under section:last-of-type {
 margin-bottom:0px;
}

/*-----ニュース-----*/
#news.under #main {
 width:100%;
 height:180px;
 overflow:hidden;
 position:relative;
 margin-bottom:0px;
}
#news.under #main h1 {
 width:148px;
 height:auto;
 position:absolute;
 left:50%;
 top:50%;
 margin-top:20px;
 margin-left:-74px;
}

#news.under div.article {
 width:900px;
 margin: 0px auto 100px;
 padding:0px 50px; 
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}
#news.under div.article section.kiji-box {
 border:solid 1px #fff;
 margin-bottom:0px;
}
#news.under div.article section.kiji-box h2 {
 background:rgba(255,255,255,0.7);
}


/*-----スペシャル扉-----*/
#special #content {
 padding-top:130px;
}
#special #content .content-inner {
 width:930px;
 margin:auto;
 margin-bottom:100px;
 padding:50px 0px;
 background:rgba(255,255,255,0.5);
 background-size:200px;
 overflow:hidden;
 border:solid 1px #fff;
 outline: solid 10px rgba(255,255,255,0.5);
  -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;

}
#special h1 {
 width:100%;
 height:35px;
 margin:0px 0px 40px;
 background:url(/wp-content/themes/konosekai/images/under/special/ti-01.png) center center no-repeat;
 background-size:auto 35px;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}
#special nav.nav-sp-inner {
 width:100%;
 margin:auto;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 letter-spacing: -.40em;
 text-align:center;
}
#special nav.nav-sp-inner ul {
 width:700px;
 margin:auto;
 text-align:left;
}

#special nav.nav-sp-inner ul li {
 display:inline-block;
 margin:0px 10px 10px;
 width:210px;
 text-align:center;
}
#special nav.nav-sp-inner ul li a {
 display:block;
 width:210px;
 height:50px;
 line-height:50px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 border:solid 1px #fff;
 background:rgba(255,255,255,0.8);
 background-size:150px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 letter-spacing:normal;
 font-size:18px;
 font-weight:bold;
 opacity:0.8;
}
#special nav.nav-sp-inner ul li a:hover {
 color:#0099ff;
 opacity:1;
 background:rgba(255,255,255,0.7);
}


#special .article {
 width:800px;
 padding:0px;
 margin:0px auto 50px;
}
#special section {
 padding:90px 0px 0px;
 margin-bottom:0px;
 text-align:center;
}

#special section h2 {
 min-width:300px;
 display:inline-block;
 margin-bottom:15px;
 background:rgba(255,255,255,0.5);
 border: solid 1px #993399;
 outline: solid 7px rgba(255,255,255,0.5);
 padding:10px 25px;
 font-size:26px;
} 
#special section h2 span {
 font-size:0.75em;
}

#special section ul.bnr-box li {
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 border-radius:10px;
 overflow:hidden;
 margin-bottom:20px;
}
#special section#campaign ul.bnr-box li {
 margin-bottom:20px;
}
#special section#campaign ul.bnr-box li:last-of-type {
 margin-bottom:0px;
}
#special section#timeline ul.bnr-box {
 overflow:hidden;
}
#special section#timeline ul.bnr-box li {
 width:390px;
 float:left;
 margin-right:20px;
}
#special section#timeline ul.bnr-box li:last-of-type {
 margin-right:0px;
}
#special section ul.bnr-box li a {
 display:block;
 width:100%;
 height:0px;
 padding-bottom:21.25%;
 text-indent: 100%;
 white-space: nowrap;
 overflow:hidden;
}
#special section#timeline ul.bnr-box li a {
 padding-bottom:43.6%;
}
#special section ul.bnr-box li a:hover {
 opacity:0.8;
}
#special section#campaign ul.bnr-box li.sp-aud200 a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-aud.jpg) center center no-repeat;
 background-size:100%;
}
#special section#campaign ul.bnr-box li.sp-aud200-open a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-aud-open.jpg) center center no-repeat;
 background-size:100%;
}
#special section#campaign ul.bnr-box li.sp-ouen a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-cam.jpg) center center no-repeat;
 background-size:100%;
}
#special section#campaign ul.bnr-box li.sp-newspaper a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-np.jpg) center center no-repeat;
 background-size:100%;
}
#special section#staffroom ul.bnr-box li a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-stf.jpg) center center no-repeat;
 background-size:100%;
}
#special section#timeline ul.bnr-box li.sp-timeline a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-tl.jpg) center center no-repeat;
 background-size:100%;
}
#special section#timeline ul.bnr-box li.sp-words a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-wo.jpg) center center no-repeat;
 background-size:100%;
}
#special section#overseas ul.bnr-box li a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-ovs.jpg) center center no-repeat;
 background-size:100%;
}
#special section#media ul.bnr-box li a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-md.jpg) center center no-repeat;
 background-size:100%;
}
#special section#goods ul.bnr-box li a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-gd.jpg) center center no-repeat;
 background-size:100%;
}
#special section#production ul.bnr-box li a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-pn.jpg) center center no-repeat;
 background-size:100%;
}
#special section#comment ul.bnr-box li a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-cmn.jpg) center center no-repeat;
 background-size:100%;
}
#special section#interview ul.bnr-box li a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-int.jpg) center center no-repeat;
 background-size:100%;
}
#special section#award ul.bnr-box li a {
 background:url(/wp-content/themes/konosekai/images/under/special/bnr-awa.jpg) center center no-repeat;
 background-size:100%;
}

/*スペシャル扉 記事一覧*/
#special section ul.sp-list-box {
 width:100%;
 overflow:hidden;
}
#special section ul.sp-list-box li {
 width:32%;
 float:left;
 margin-right:2%;
 margin-bottom:20px;
}
#special section ul.sp-list-box li:hover {
 opacity:0.8;
}
#special section ul.sp-list-box li a {
 display:block;
}
#special section ul.sp-list-box li:nth-of-type(3n) {
 margin-right:0px;
}
#special section ul.sp-list-box li:nth-of-type(3n + 1) {
 clear:left;
}
#special section ul.sp-list-box li p.sp-list-img {
 width:100%;
 padding-bottom:70%;
}
#special section ul.sp-list-box li p.sp-list-txt {
 width:100%;
 min-height:125px;
 padding:20px;
 background:rgba(255,255,255,0.8);
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 text-align:center;
 font-size:14px;
 line-height:1.5em;
}
#special section ul.sp-list-box li p.sp-list-txt span {
 display:inline-block;
}
#special section ul.sp-list-box li p.sp-list-txt span.sp-list-ti {
 font-weight:bold;
 text-align:left;
}
/*スペシャル扉 記事一覧「一覧はこちら」*/
#special section p.list-link {
 text-align:right; 
}
#special section p.list-link a {
 display:inline-block;
 padding:10px 30px;
 background:rgba(255,255,255,0.8);
 font-weight:bold;
 color:#0099cc;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
}
#special section p.list-link a:hover {
 opacity:0.7;
}



/*-----応援キャンペーン-----*/
#campaign.under .ouen #main h1 {
 width:31.6%;
 position:absolute;
 right:6%;
 top:35%;
}
#campaign.under .ouen #main h1 img {
 width:100%;
 position:absolute;
 top:0px;
 right:0px;
 z-index:1000;
}

#campaign.under .ouen section {
 text-align:center;
}
#campaign.under .ouen p.lead {
 width:100%;
 text-align:center;
 font-size:22px;
 padding:0px 0px 40px;
 line-height:1.5em;
 font-weight:bold;
}

#campaign.under .ouen p.link-tweet {
 width:100%;
 text-align:center;
 margin-bottom:30px;
}
#campaign.under .ouen p.link-tweet a {
 display:inline-block;
 background:rgba(255,255,255,0.8);
 padding:20px 60px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 font-size:20px;
 font-weight:bold;
 color:#0099ff;
}
#campaign.under .ouen p.link-tweet a:hover {
 background:rgba(255,255,255,1);
 text-decoration:none;
}
#campaign.under .ouen .tweet-list p.link-tweet a {
 padding:10px 20px;
 margin-top:30px;
 font-size:16px;
}
#campaign.under .ouen section h2 {
 display:inline-block;
 margin:auto;
 background:#ffec96;
 border: solid 2px #cc6600;
 outline: solid 7px #ffec96;
 padding:10px 25px;
 font-size:26px;
 -moz-box-shadow:3px 3px 5px 5px rgba(0,0,0,0.5);
 -webkit-box-shadow:3px 3px 5px 5px rgba(0,0,0,0.5);
 box-shadow:3px 3px 5px 5px rgba(0,0,0,0.5);
} 
#campaign.under .ouen section .ouen-box {
 width:100%;
 margin:0px;
 background:#dff6ff;
 padding:40px 20px;
 text-align:left;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}
#campaign.under .ouen section#method .ouen-box li {
 padding:25px 30px;
 margin-bottom:20px;
 background:#fff;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 font-size:18px;
 overflow:hidden;
}
#campaign.under .ouen section#method .ouen-box li:last-of-type {
 margin-bottom:0px;
}

#campaign.under .ouen section#method .ouen-box li > div {
 width:100%;
 float:left;
}
#campaign.under .ouen section#method .ouen-box li:first-of-type > div {
 width:600px;
 float:left;
}
#campaign.under .ouen section#method .ouen-box li > div > p {
 line-height:1.3;
}
#campaign.under .ouen section#method .ouen-box li:first-of-type > div > p {
 width:550px;
}

#campaign.under .ouen section#method .ouen-box li > div > p.method-num {
 width:40px;
 height:40px;
 margin-right:10px;
 float:left;
}

#campaign.under .ouen section#method .ouen-box li > div > p.method-num span {
 display:table-cell;
 width:40px;
 height:40px;
 background:#ccc;
 color:#fff;
 font-size:24px;
 text-align:center;
 vertical-align:middle;
}

#campaign.under .ouen section#method .ouen-box li > div > p span.attention {
 display:inline-block;
 line-height:1.5em;
}

#campaign.under .ouen section#method .ouen-box li > p.method-r {
 width:205px;
 display:block;
 float:right;
}

#campaign.under .ouen section#method .ouen-box li > p.method-r a.btn-tw {
 display:block;
 width:100%;
 text-align:center;
 margin-top:15px;
 padding:15px 0px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 font-size:24px;
	color:#fff;
 text-decoration:none;
 background-color:#1B95E0;
 border-bottom:solid 3px #0066a4;
}
#campaign.under .ouen section#method .ouen-box li > p.method-r a.btn-tw:hover {
 text-decoration:none;
 padding:15px 0px 13px;
 border-bottom-width:5px !important;
}

#campaign.under .ouen section#method .ouen-box li > p.method-r > iframe {
 margin-top:15px;
}

#campaign.under .ouen section .card-list-box {
 width:100%;
 margin:0px;
 background:#dff6ff;
 padding:40px 20px 20px;
 text-align:left;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 overflow:hidden;
}
#campaign.under .ouen section .card-list-box li {
 width:32%;
 float:left;
 margin:10px 2% 10px 0px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 line-height:0em;
 overflow:hidden;
}
#campaign.under .ouen section .card-list-box li:nth-of-type(3n) {
 margin-right:0px;
}
#campaign.under .ouen section .card-list-box li:nth-of-type(3n + 1) {
 clear:left;
}
@media screen and (max-width: 1199px) {
#campaign.under .ouen section .card-list-box li {
 width:49%;
}
#campaign.under .ouen section .card-list-box li:nth-of-type(3n) {
 margin-right:2%;
}
#campaign.under .ouen section .card-list-box li:nth-of-type(3n + 1) {
 clear:none;
}
#campaign.under .ouen section .card-list-box li:nth-of-type(2n) {
 margin-right:0px;
}
#campaign.under .ouen section .card-list-box li:nth-of-type(2n + 1) {
 clear:left;
}
}

#campaign.under .ouen section .card-list-box li:hover {
 opacity:0.8;
}

#campaign.under .ouen section#present .ouen-box ul {
 padding:25px 30px;
 margin:20px 0px 0px;
 background:#fff;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 font-size:18px;
 line-height:1;
 position:relative;
}
#campaign.under .ouen section#present .ouen-box li {
 margin-bottom:15px;
}
#campaign.under .ouen section#present .ouen-box li:last-of-type {
 margin-bottom:0px;
}
#campaign.under .ouen section#present .ouen-box li span img {
 width:0.8em;
 vertical-align:top;
}
#campaign.under .ouen section#present .ouen-box li.prize {
 position:absolute;
 right:30px;
 bottom:-30px;
 width:220px;
}
#campaign.under .ouen section#present .ouen-box li span.present-name {
 display:block;
 margin-top:5px;
}


#campaign.under .ouen section#notes {
 margin-bottom:30px;
}
#campaign.under .ouen section#notes::last-of-type {
 margin-bottom:0px;
}
#campaign.under .ouen section#notes .notes-box {
 width:100%;
 padding:0px;
 background:#fff;
 text-align:left;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:solid 2px #e2e2e2;
 line-height:1.2em;
}
#campaign.under .ouen section#notes.shikaku .notes-box {
 border:solid 2px #AEDFFF;
}
#campaign.under section#notes.privacy .notes-box {
 border:solid 2px #F4D0FF;
}

#campaign.under .ouen section#notes .notes-box h3 {
 background:#e2e2e2;
 font-size:18px;
 font-weight:bold;
 padding:10px 0px;
 text-align:center;
}
#campaign.under .ouen section#notes.shikaku .notes-box h3 {
 background:#AEDFFF;
}
#campaign.under section#notes.privacy .notes-box h3 {
 background:#F4D0FF;
}

#campaign.under .ouen section#notes .notes-box ul {
 padding:20px;
 font-size:14px;
}
#campaign.under .ouen section#notes .notes-box ul li {
 padding-left:0.8em;
 background:url(../images/common/list01.png) no-repeat left 0.6em;
 background-size:0.3em;
 line-height:1.7em;
}

#campaign.under section#notes.privacy .notes-box ul li {
 padding-left:0px;
 background:none;
}
#campaign.under .ouen section#notes .notes-box a {
 display:block;
 padding:0px 20px 20px;
 font-size:14px;
 text-decoration:none;
}
#campaign.under .ouen section#notes .notes-box a:hover {
 font-weight:bold;
}
#campaign.under .ouen section#notes .notes-box a img {
 width:auto;
 height:0.8em;
 vertical-align:baseline;
}

/*応援ツイートページ*/
body.under .tweet-list section .inner-box ul#twt-cont {
 margin-top:20px;
 overflow:hidden;
}
body.under .tweet-list section .inner-box ul#twt-cont li {
 width:32%;
 min-height:383px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 background:#f2e1b9;
 float:left;
 margin:0px 2% 20px 0px;
 position:relative;
}
body.under .tweet-list section .inner-box ul#twt-cont li:nth-of-type(3n) {
 margin-right:0px;
}
body.under .tweet-list section .inner-box ul#twt-cont li:nth-of-type(3n + 1) {
 clear:left;
}
@media screen and (max-width: 1199px) {
body.under .tweet-list section .inner-box ul#twt-cont li {
 width:49%;
 margin:0px 2% 20px 0px;
}
body.under .tweet-list section .inner-box ul#twt-cont li:nth-of-type(3n) {
 margin-right:2%;
}
body.under .tweet-list section .inner-box ul#twt-cont li:nth-of-type(3n + 1) {
 clear:none;
}
body.under .tweet-list section .inner-box ul#twt-cont li:nth-of-type(2n) {
 margin-right:0px;
}
body.under .tweet-list section .inner-box ul#twt-cont li:nth-of-type(2n + 1) {
 clear:left;
}
}

body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-u {
 margin:18px 20px;
 overflow:hidden;
}
body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-u .thumb {
 width:36px;
 float:left;
 margin-right:10px;
}
body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-u .thumb img {
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
}
body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-u .meta {
 float:left;
 font-size:13px;
 line-height:1.5em;
 width:70%;
}
body.under .tweet-list section .inner-box ul#twt-cont li .img a {
 display:block;
 width:100%;
 padding-bottom:56%;
}


body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-u .meta span {
 font-weight:bold;
}

body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-u .logo-tw {
 width:20px;
 float:right;
}

body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-b {
 margin:18px 20px;
 font-size:16px;
 line-height:1.5em;
 position:relative;
}
body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-b .tweet {
 margin-bottom:50px;
}

body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-foot {
 width:100%;
 padding:0px  20px;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:absolute;
 bottom:10px;
 right:0px;
 overflow:hidden;
 line-height:1em;
}
body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-foot .retweet,
body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-foot .favorite {
 width:22px;
 float:left;
}
body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-foot .retweet img,
body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-foot .favorite img {
 width:100%;
}


body.under .tweet-list section .inner-box ul#twt-cont li div.twt-box-foot .date {
 font-size:13px;
 float:right;
}

/*新聞抜刷キャンペーン*/
#campaign.under .newspaper section .np-box {
 width:100%;
 margin:0px;
 padding:0px 20px 20px;
 text-align:left;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}

#campaign.under .newspaper section {
 margin-bottom:30px;
}

#campaign.under .newspaper section.kiji-box {
 background:rgba(255,255,255,0.5)
}

#campaign.under .newspaper section::last-of-type {
 margin-bottom:0px;
}

#campaign.under .newspaper section .np-box ul {
 padding:25px 30px;
 background:#fff;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 font-size:18px;
 line-height:1;
 position:relative;
}
#campaign.under .newspaper section .np-box li {
 margin-bottom:15px;
}
#campaign.under .newspaper section .np-box li:last-of-type {
 margin-bottom:0px;
}
#campaign.under .newspaper section .np-box li span img {
 width:0.8em;
 vertical-align:top;
}


#campaign.under .newspaper div.article section.kiji-box .kiji-txt img {
 width:100%;
 margin:10px 0px;
}

#campaign.under .newspaper section .notes-box {
 width:100%;
 padding:0px;
 background:#fff;
 text-align:left;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:solid 2px #AEDFFF;
 line-height:1.2em;
}

#campaign.under .newspaper section .notes-box h3 {
 background:#AEDFFF;
 font-size:18px;
 font-weight:bold;
 padding:10px 0px;
 text-align:center;
}

#campaign.under .newspaper section .notes-box ul {
 padding:20px;
 font-size:14px;
}
#campaign.under .newspaper section .notes-box ul li {
 padding-left:0.8em;
 background:url(../images/common/list01.png) no-repeat left 0.6em;
 background-size:0.3em;
 line-height:1.7em;
}
#campaign.under .newspaper section .notes-box a {
 display:block;
 padding:0px 20px 20px;
 font-size:14px;
 text-decoration:none;
}
#campaign.under .newspaper section .notes-box a:hover {
 font-weight:bold;
}
#campaign.under .newspaper section .notes-box a img {
 width:auto;
 height:0.8em;
 vertical-align:baseline;
}

#campaign.under .newspaper #main h1 {
 width:15%;
 position:absolute;
 right:6%;
 top:20%;
}
#campaign.under .newspaper #main h1 img {
 width:100%;
 position:absolute;
 top:0px;
 right:0px;
 z-index:1000;
}

#campaign.under .newspaper div.article section.kiji-box > h3 {
 width:100%;
 background:#fff;
 font-size:20px;
 font-weight:bold;
 padding:8px 0px;
 text-align:center;
}


/*-----スタッフルーム-----*/
#staffroom.under #main {
 position:relative;
 margin-bottom:0px;
}
#staffroom.under #main h1 {
 width:44.8%;
 position:absolute;
 left:10%;
 top:40%;
}
#staffroom.under div.article section.kiji-box {
 border:solid 1px #1c97ca;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 border-radius:10px;
 margin-bottom:0px;
}
#staffroom.under div.article section.kiji-box p.kiji-date {
 border-top:solid 1px #1c97ca;
 border-bottom:solid 1px #1c97ca;
}
#staffroom.under div.article section.kiji-box h2 {
 background:rgba(3,163,228,0.7);
}

 
/*-----イベント情報一覧-----*/
#report ul.sp-list-box {
 width:100%;
 overflow:hidden;
}
#report ul.sp-list-box li {
 width:32%;
 float:left;
 margin-right:2%;
 margin-bottom:20px;
}
#report ul.sp-list-box li:hover {
 opacity:0.8;
}
#report ul.sp-list-box li a {
 display:block;
}
#report ul.sp-list-box li:nth-of-type(3n) {
 margin-right:0px;
}
#report ul.sp-list-box li:nth-of-type(3n + 1) {
 clear:left;
}
#report ul.sp-list-box li p.sp-list-img {
 width:100%;
 padding-bottom:70%;
}
#report ul.sp-list-box li p.sp-list-txt {
 width:100%;
 min-height:125px;
 padding:20px;
 background:rgba(255,255,255,0.8);
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 text-align:center;
 font-size:14px;
 line-height:1.5em;
}
#report ul.sp-list-box li p.sp-list-txt span {
 display:inline-block;
}
#report ul.sp-list-box li p.sp-list-txt span.sp-list-ti {
 font-weight:bold;
 text-align:left;
}
@media screen and (min-width: 1200px) {
#report ul.sp-list-box li {
 width:24%;
 margin-right:1%;
}
#report ul.sp-list-box li:nth-of-type(3n) {
 margin-right:1%;
}
#report ul.sp-list-box li:nth-of-type(3n + 1) {
 clear:none;
}
#report ul.sp-list-box li:nth-of-type(4n) {
 margin-right:0px;
}
#report ul.sp-list-box li:nth-of-type(4n + 1) {
 clear:left;
}
}

/*-----イベント情報-----*/
#report.under #main {
 position:relative;
}
#report.under #main h1 {
 width:19.9%;
 position:absolute;
left:67%;
 top:47%;
}
#report.under div.article section.kiji-box {
 border:solid 1px #cc99cc;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 border-radius:10px;
}
#report.under div.article section.kiji-box p.kiji-date {
 border-top:solid 1px #cc99cc;
 border-bottom:solid 1px #cc99cc;
}
#report.under div.article section.kiji-box h2 {
 background:rgba(255,153,255,0.7);
}

 
 /*すずさんの生きた時代*/
#timeline.under #main h1 {
 width:40%;
 position:absolute;
left:5%;
 top:55%;
}

 
#timeline table#tm-sf {
 display:none;
}
#timeline table#tm-pc,#timeline table#tm-sf {
	border-collapse: collapse;
}
#timeline table#tm-pc th,#timeline table#tm-sf th,#timeline table#tm-pc td,#timeline table#tm-sf td {
 border: solid 1px #fff;
 border: solid 1px rgba(255,255,255,0.3);
	padding: 0.5em;
 vertical-align:middle;
 line-height:1.3em;
 font-size:13px;
}
 
#timeline table#tm-pc td.year-j, #timeline table#tm-pc td.tl-m-u, #timeline table#tm-pc td.tl-d-u, #timeline table#tm-pc td.tl-m-s, #timeline table#tm-pc td.tl-o {
 text-align:right;
}
#timeline table#tm-pc tr:nth-of-type(2n + 1) td {
 background:rgba(51,153,204,0.5);
}
#timeline table#tm-pc tr:nth-of-type(2n + 1) td.tl-m-s,#timeline table#tm-pc tr:nth-of-type(2n + 1) td.tl-e-s,#timeline table#tm-pc tr:nth-of-type(2n + 1) td.tl-o {
 background:rgba(204,51,204,0.3) !important;
}
#timeline table#tm-pc th {
 text-align:center;
 background:rgba(255,255,255,0.7);
 font-weight:bold;
}

#timeline table#tm-pc tr:nth-of-type(n) td.no-back {
 background:none !important;
}

/*-----商品情報-----*/
#goods.under #main {
 position:relative;
 margin-bottom:0px;
}
#goods.under #main h1 {
 width:17.5%;
 position:absolute;
left:67%;
 top:47%;
}
#goods.under div.article section.kiji-box {
 border:solid 1px #fff;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 border-radius:10px;
 margin-bottom:0px;
}
#goods.under div.article section.kiji-box h2 {
 background:rgba(255,255,255,1);
 color:#3f90c8;
}
#goods h3 {
 font-size:16px;
 font-weight:bold;
}
#goods h3 span {
 display:inline-block;
 font-weight:bold;
}

/*-----メディア-----*/
#media.under #main {
 position:relative;
 margin-bottom:0px;
}
#media.under #main h1 {
 width:26.4%;
 position:absolute;
left:75%;
 top:50%;
}
#media.under div.article section.kiji-box {
 border:solid 1px #007057;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 border-radius:10px;
 margin-bottom:0px;
}
#media.under div.article section.kiji-box p.kiji-date {
 border-top:solid 1px #007057;
 border-bottom:solid 1px #007057;
}
#media.under div.article section.kiji-box h2 {
 background:rgba(0,140,109,0.7);
}


/*-----プロダクションノート-----*/
#production-note.under #main {
 position:relative;
}
#production-note.under #main h1 {
 width:26.4%;
 position:absolute;
left:5%;
 top:50%;
}
#production-note.under div.article section.kiji-box {
}
#production-note.under div.article section.kiji-box p.kiji-date {
 border:solid 1px #fff;
 border-top:none;
 background:rgba(255,255,255,0.5);
}
#production-note.under div.article section.kiji-box h2 {
 border:solid 1px #fff;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
}

/*------------------------------
  応援コメント
---------------------------------*/
#comment.under #main {
 position:relative;
}
#comment.under #main h1 {
 width:18.9%;
 position:absolute;
left:5%;
 top:50%;
}
#comment.under div.article section.kiji-box .kiji-txt div.comment-box {
 width:85%;
 background:rgba(255,255,255,0.8);
 padding:20px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin-bottom:40px;
 overflow:hidden;
}
#comment.under div.article section.kiji-box .kiji-txt div.comment-box:nth-of-type(odd) {
 margin-right:15%;

}
#comment.under div.article section.kiji-box .kiji-txt div.comment-box:nth-of-type(even) {
 margin-left:15%;
}
#comment.under div.article section.kiji-box .kiji-txt div.comment-box:last-of-type {
 margin-bottom:0px;
}
#comment.under div.article section.kiji-box .kiji-txt div.comment-box p.comment-name {
 margin-top:10px;
 font-size:18px;
 font-weight:bold;
 text-align:right;
}
#comment.under div.article section.kiji-box .kiji-txt div.comment-box p.comment-name span {
 font-weight:bold;
 display:inline-block;
 font-size:16px;
}

/*-----インタビュー-----*/
#interview.under #main {
 position:relative;
}
#interview.under #main h1 {
 width:29.5%;
 position:absolute;
left:5%;
 top:50%;
}
#interview.under div.article section.kiji-box h2 {
 background-color:rgba(255,255,255,0.8);
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
}
#interview.under div.article section.kiji-box .kiji-txt ul li {
 margin-bottom:20px;
}
#interview.under div.article section.kiji-box .kiji-txt ul li.interviewer {
 margin-bottom:5px;
 font-weight:bold;
}



/*------------------------------
  フォーム
---------------------------------*/
#form #content {
 padding-top:130px;
}
#form.under div.article {
 width:630px;
 padding:0px;
 margin-left:auto;
 margin-right:auto;
}
#form #content .form-space {
 width:570px;
 margin:auto;
 position:relative;
 background:rgba(255,255,255,0.7);
 padding:30px;
}
#form h1 {
 width:485px;
 padding-bottom:14%;
 background:url(/wp-content/themes/konosekai/images/under/form/title-aud-pc.png) no-repeat center center;
 background-color:transparent;
 margin-bottom:20px;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 line-height:0em;
}
#form h3 {
 font-size:25px;
 font-weight:bold;
 color:#db7fc0;
 margin-bottom:40px;
 letter-spacing:0;
}
#form #content .form-space .lead {
 font-size:16px;
 margin-bottom:20px;
 line-height:1.6em;
}
#form .lead dl dt {
 font-weight:bold !important;
}
#form .lead dl dd {
 font-size:14px;
 margin-bottom:5px;
}
#form form ul {
}
#form form ul li{
 margin-bottom:5px;
 overflow:hidden;
 margin-bottom:20px;
}

#form form ul li.hanken p {
 line-height:1.2em;
}


#form form ul li > p {
 display:block;
 float:left;
 font-weight:bold;
}
#form form ul li > p:first-of-type {
 width:220px;
}
#form form ul li span.wpcf7-form-control-wrap,#form form ul li p:nth-of-type(2) {
 width:350px;
 float:right;
}


#form form ul li > span {
 display:inline-block;
 width:100%;
 font-size:13px;
}
#form form ul li > p > span {
 font-size:12px;
}
#form form input[type="text"],#form form input[type="email"] {
 width:350px;
 height:32px;
	background-color:#fff;
	padding:3px;
	-moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 background-color:#fff;
 border:none;
 font-size:18px;
 text-indent:10px;
}

#form form ul li span.wpcf7-form-control-wrap span.wpcf7-list-item {
 display:inline-block;
 margin-right:20px;
}

#form form span.text-120,#form form span.text-130 {
 width:170px !important;
 float:left !important;
}
#form form span.text-121,#form form span.text-131 {
 width:170px !important;
 display:inline-block;
}
#form form span.text-120 input,#form form span.text-130 input,#form form span.text-121 input,#form form span.text-131 input {
 width:100%;
}

#form form ul li select {
 width:350px;
 height:32px;
 padding:3px;
 margin: 0px;
 border:none;
	-moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background: none transparent;
 background-color:#fff !important; 
 vertical-align: middle;
 color: inherit;
	-moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 font-size:18px;
 background:url(/wp-content/themes/konosekai/images/under/form/select_arrow.png) 325px center no-repeat;
 text-indent:10px;
}

#form form ul li select option{
 display:inline-block;
 font-size:16px;
 margin:10px 0px;
}

#form form ol {
 list-style-position:inside;
 font-size:14px;
 margin-bottom:30px;
 list-style-type:none;
}


#form form input[type="submit"],#form form input[type="button"] {
  padding: 10px 45px;
  font-size:16px;
  background-color: #55cc55;
  color: #fff;
  border-style: none;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  margin:20px auto;
  display:block;
  font-size:18px;
  font-weight:bold;
}
#form form input[type="submit"]:hover,#form form input[type="button"]:hover {
 opacity:0.7;
}
#form form p.input_dummy {
 width:100%;
 text-align:center;
 margin-bottom:0px !important;
}
#form form p.input_dummy span {
  padding: 10px 45px;
  font-size:16px;
  background-color: #999;
  color: #fff;
  border-style: none;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  margin:0px 0px 20px;
  display:inline-block;
  font-size:18px;
  font-weight:bold;
}
#form .formcourse .attention {
 color:#ff0000;
 font-size:13px !important;
 width:auto;
 text-indent:10px;
 font-weight: normal !important;
}
#form .formcourse p.form-dl-annotate {
 font-size:13px;
 margin-bottom:15px;
 line-height:1.5em;
 color:#ff0000;
}

#form #content .form-space .mail-important {
 color:#ff0000;
 font-size:16px;
 font-weight:bold;
}
#form #content .form-space .mail-important p {
 font-size:16px;
 font-weight:bold;
}

#form #content .form-space .close-greeeting {
 font-size:16px;
 line-height:2em;
}
#form #content .form-space .close-greeeting a{
 color:#0086D5;
 text-decoration:underline;
}

#form li.cre_elm {
 display:none;
}
#form li.rel_elm {
 display:none;
}
#form li.credit_change > span, li.relation_change > span {
 width:100% !important;
 margin-bottom:10px;
}

#form form img.ajax-loader {
 display:block;
 width:auto;
 margin:auto;
}


#form .screen-reader-response ul li {
 display:none;
}
#form .screen-reader-response ul li:first-of-type {
 display:block;
}
#form .wpcf7-not-valid-tip {
 color:#ff0000;
}

/*------------------------------
  受賞・ノミネート
---------------------------------*/
#award.under #main {
 position:relative;
}
#award.under #main h1 {
 width:23.95%;
 position:absolute;
left:5%;
 top:50%;
}
#award.under div.article section.kiji-box .kiji-txt .ti-aw-award {
 width:100%;
 padding:10px 20px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 background:rgba(255,255,255,0.8);
 margin-bottom:10px;
 font-size:18px;
 letter-spacing:0.2em;
}
#award.under div.article section.kiji-box .kiji-txt div.award-box {
 width:100%;
 padding:20px;
 border:solid 1px #fff;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin-bottom:40px;
 overflow:hidden;
}
#award.under div.article section.kiji-box h2 {
 font-size:20px;
 padding: 0px;
 margin-bottom:10px;
}
#award.under div.article section.kiji-box .kiji-txt div.award-box dl.aw-dep-list {
 overflow:hidden;
 margin-bottom:10px;
}
#award.under div.article section.kiji-box .kiji-txt div.award-box dl.aw-dep-list dt {
 float:left;
 clear:left;
 color:#333;
 font-weight:bold;
 margin-bottom:10px;
 margin-right:20px;
}
#award.under div.article section.kiji-box .kiji-txt div.award-box dl.aw-dep-list dt:last-of-type {
 margin-bottom:0px;
} 
#award.under div.article section.kiji-box .kiji-txt div.award-box dl.aw-dep-list dd {
 width:300px;
 float:left;
 margin-bottom:10px;
}
#award.under div.article section.kiji-box .kiji-txt div.award-box dl.aw-dep-list dd:last-of-type {
 margin-bottom:0px;
}

#award.under div.article section.kiji-box .kiji-txt div.award-box a {
 font-size:13px;
 text-decoration:underline;
}
#award.under div.article section.kiji-box .kiji-txt div.award-box a:hover {
 text-decoration:none;
}
#award.under div.article section.kiji-box .kiji-txt div.award-box .aw-about {
 width:94%;
 background:rgba(255,255,255,0.8);
 padding:3%;
 margin-top:10px;
 font-size:14px;
}
#award.under div.article section.kiji-box .kiji-txt div.award-box .aw-about-ti {
 font-size:16px;
 font-weight:bold;
}

/*------------------------------
  登場ワード解説
---------------------------------*/
#words.under #main {
 position:relative;
}
#words.under #main h1 {
 width:28%;
 position:absolute;
left:5%;
 top:50%;
}
#words.under div.article section.kiji-box .kiji-txt div.words-box {
 margin-bottom:30px;
}
#words.under div.article section.kiji-box .kiji-txt div.words-box h2 {
 width:100%;
 padding:0px;
 padding-bottom:5px;
 margin-bottom:5px;
 border-bottom:solid 1px #000;
}
#words.under div.article section.kiji-box .kiji-txt div.words-box h2 span {
 display:inline-block;
 margin-left:10px;
 font-size:14px;
}
#words.under div.article section.kiji-box .kiji-txt div.words-box p {
 overflow:hidden;
}
#words.under div.article section.kiji-box .kiji-txt div.words-box p img {
 width:45%;
 float:right;
 margin-left:2%;
 margin-bottom:5px;
}
#words.under div.article section.kiji-box .kiji-txt div.words-box:nth-of-type(odd) p img {
 float:left;
 margin-left:0px;
 margin-right:2%;
}



/*------------------------------
  ディスク情報
---------------------------------*/
#disc.under #main {
 width:100%;
 height:auto;
 overflow:hidden;
 position:relative;
 margin-bottom:0px;
}

#disc.under #main .disc-copy {
 width:477px;
 margin:150px auto 60px;
}
#disc.under #main h1 {
 width:421px;
 height:auto;
 position:relative;
 margin:0px auto 20px;
}

#disc.under div.article {
 width:900px;
 margin: 0px auto 100px;
 padding:0px 50px; 
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}

#disc.under div.article section.kiji-box {
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 background:rgba(255,255,255,0.5);
 margin-bottom:30px;
}
#disc.under div.article section.kiji-box h2 {
 background:rgba(255,255,255,0.8);
 color:#3f90c8;
 text-align:center;
 font-size:30px;
 font-weight:normal;
 margin-bottom:30px;
}
#disc.under div.article section.kiji-box h2 span {
 font-size:18px;
 color:#fff;
 background:#3f90c8;
 padding:5px 10px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 margin:0px 10px;
}

#disc.under div.article section.kiji-box div.kiji-txt {
 padding:0px 30px 30px;
 overflow:hidden;
}

#disc.under div.article section.kiji-box div.kiji-txt .disc-L {
 width:250px;
 margin-right:30px;
 float:left;
}
#disc.under div.article section.kiji-box div.kiji-txt .txt-R {
 width:460px;
 float:right;
}
#disc.under div.article section.kiji-box div.kiji-txt .lead {
 color:#3f90c8;
 font-size:22px;
 line-height:1.3em;
 margin-bottom:15px;
}
#disc.under div.article section.kiji-box div.kiji-txt .price {
 width:100%;
 color:#3f90c8;
 font-size:40px;
 border-bottom:solid 1px #3f90c8;
 padding-bottom:10px;
 margin-bottom:20px;
}
#disc.under div.article section.kiji-box div.kiji-txt .price span {
 font-size:14px;
}
#disc.under div.article section.kiji-box div.kiji-txt ul.disc-spec {
 font-size:13px;
}
#disc.under div.article section.kiji-box div.kiji-txt ul.disc-spec li {
 line-height:1.4em;
 margin-bottom:7px;
}
#disc.under div.article section.kiji-box div.kiji-txt .disc-spec span {
 font-weight:bold;
}
#disc.under div.article section.kiji-box div.kiji-txt .bonus-content {
}
#disc.under div.article section.kiji-box div.kiji-txt .bonus-content h3 {
 font-size:30px;
 margin-bottom:10px;
 color:#3f90c8;
 letter-spacing:0.2em;
}
#disc.under div.article section.kiji-box div.kiji-txt .bonus-content h4 {
 width:100%;
 color:#3f90c8;
 font-size:16px;
 font-weight:bold;
 padding:10px 20px;
 margin-bottom:10px;
 background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)) fixed;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}

#disc.under div.article section.kiji-box div.kiji-txt .bonus-content dl {
 font-weight:bold;
 font-size:14px;
 margin:0px 20px 30px;
}
#disc.under div.article section.kiji-box div.kiji-txt .bonus-content dl dt span {
 color:#66a9d7;
}
#disc.under div.article section.kiji-box div.kiji-txt .bonus-content dl dd {
}

#disc.under div.article section.kiji-box div.kiji-txt .bonus-content dl dd ul {
 list-style-type:disc;
 list-style-position:outside;
 margin-left:20px;
 line-height:1.4em;
}
#disc.under div.article section.kiji-box div.kiji-txt .bonus-content dl dd ul li {
 margin-bottom:5px;
}
#disc.under div.article section.kiji-box div.kiji-txt .bonus-content dl dd ul li p {
 font-size:12px;
}
#disc.under div.article section.kiji-box div.kiji-txt .bonus-content dl dd ul li p span {
 display:inline-block;
}

#disc.under div.article section.kiji-box div.kiji-txt div.disc-box {
 width:360px;
 float:left;
}
#disc.under div.article section.kiji-box div.kiji-txt div.disc-box:last-of-type {
 float:right;
}
#disc.under div.article section.kiji-box div.kiji-txt div.disc-box img {
 display:block;
 width:190px;
 margin:0px auto 20px;
}
#disc.under div.article section.kiji-box div.kiji-txt .txt-B p.price span.disc-type {
 display:inline-block;
 font-size:20px;
 margin-right:5px;
}
#disc.under div.article section.kiji-box:nth-of-type(2) div.kiji-txt .bonus-content h3 {
 font-size:24px;
}
#disc.under div.article section.kiji-box:nth-of-type(2) div.kiji-txt .bonus-content h3 span {
 display:inline-block;
 font-size:18px;
}
 
#disc.under div.article section.kiji-box.bonus {
 border:solid 1px #fff;
 background:none;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}
#disc.under div.article section.kiji-box.bonus h2 {
 background:none;
 color:#000;
 font-size:28px;
 border-bottom:solid 1px #fff;
}
#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list {
 width:100%;
 overflow:hidden;
}
#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list li {
 width:359px;
 float:left;
 margin:0px 20px 20px 0px;
 border:solid 1px #3f90c8;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 text-align:center;
 background:#fff;
}
#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list li:nth-of-type(2n) {
 margin-right:0px;
}
#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list li:nth-of-type(2n+1) {
 clear:left;
}

#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list li a {
 display:block;
  -moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
 -o-transition: all 0.3s linear;
 -ms-transition: all 0.3s linear;
 transition: all 0.3s linear;

}
#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list li a:hover {
 text-decoration:none;
 opacity:0.7;
}


#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list li h5 {
 width:100%;
 background:#3f90c8;
 color:#fff;
 font-weight:bold;
 padding:10px 0px;
 margin-bottom:10px;
}
#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list li h5 span {
 display:inline-block;
 font-weight:bold;
}
#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list li p {
 width:100%;
 margin-bottom:10px;
}
#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list li p img {
 display:block;
 margin:auto;
 width:90%;
 margin-bottom:10px;
}

#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list li.rakuten {
 width:100%;
 float:none;
}
#disc.under div.article section.kiji-box div.kiji-txt ul.shop-list li.rakuten p {
 width:90%;
 padding-left:5%;
 padding-right:5%;
 margin-bottom:10px;
}

/*-----海外展開情報-----*/
#overseas.under #main {
 position:relative;
 margin-bottom:0px;
}
#overseas.under #main h1 {
 width:24.1%;
 position:absolute;
 left:10%;
 top:55%;
}

#overseas.under div.article section.kiji-box {
 border:solid 1px #ffc600;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 border-radius:10px;
 margin-bottom:0px;
}
#overseas.under div.article section.kiji-box p.kiji-date {
 border-top:solid 1px #ffc600;
 border-bottom:solid 1px #ffc600;
}
#overseas.under div.article section.kiji-box h2 {
 background:rgba(255,229,109,0.7);
}



/*-----200万人-----*/
#aud200.under #main {
 width:100%;
 height:200px;
 overflow:hidden;
 position:relative;
}
#aud200.under #main h1 {
 width:450px;
 height:auto;
 position:absolute;
 left:50%;
 top:43%;
 margin-top:20px;
 margin-left:-225px;
}
#aud200.under #main.aud200-open h1 {
 width:700px;
 margin-left:-350px;
 margin-top:3px;
}

#aud200.under div.article section.kiji-box {
 border:solid 1px #fff;
 margin-bottom:30px;
}
#aud200.under div.article section.kiji-box h2 {
 background:rgba(255,255,255,0.7);
}

#aud200.under div.article section.kiji-box a.formlink {
 display:block;
 width:200px;
 text-align:center;
  padding: 10px 45px;
  font-size:16px;
  background-color: #55cc55;
  color: #fff;
  border-style: none;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  margin:20px auto;
  display:block;
  font-size:18px;
  font-weight:bold;
}
#aud200.under div.article section.kiji-box a.formlink:hover {
 opacity:0.7;
 text-decoration:none;
}

#aud200.under section#notes {
 margin-bottom:30px;
}

#aud200.under section#notes .notes-box {
 width:100%;
 padding:0px;
 background:#fff;
 text-align:left;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:solid 2px #AEDFFF;
 line-height:1.2em;
}
#aud200.under section#notes#notes.method .notes-box {
 border:solid 2px #e2e2e2;
}
#aud200.under section#notes.privacy .notes-box {
 border:solid 2px #F4D0FF;
}

#aud200.under section#notes .notes-box h3 {
 background:#AEDFFF;
 font-size:18px;
 font-weight:bold;
 padding:10px 0px;
 text-align:center;
}
#aud200.under section#notes.method .notes-box h3 {
 background:#e2e2e2;
}
#aud200.under section#notes.privacy .notes-box h3 {
 background:#F4D0FF;
}


#aud200.under section#notes .notes-box ul {
 padding:20px;
 font-size:14px;
}
#aud200.under section#notes .notes-box ul li {
 padding-left:0px;
 background:none;
 background-size:0.3em;
 line-height:1.7em;
}

/*海外報告会フォーム*/
#form .cf2-g1 h1 {
 background:url(/wp-content/themes/konosekai/images/under/form/title-cf2-g1-pc.png) no-repeat center center;
}
#form .cf2-g2 h1 {
 background:url(/wp-content/themes/konosekai/images/under/form/title-cf2-g2-pc.png) no-repeat center center;
}
#form .cf2-g3 h1 {
 background:url(/wp-content/themes/konosekai/images/under/form/title-cf2-g3-pc.png) no-repeat center center;
}

#form form.sent .kiji-txt, #form form.sent .formcourse {
 display:none;
}
.cf_sent_msg {
 display:none;
}
#form form.sent .cf_sent_msg {
 display:block;
}
.screen-reader-response, .wpcf7-mail-sent-ok {
 display:none !important;
}



/*------------------------------
  ネット配信
---------------------------------*/
#online.under #main {
 width:100%;
 height:auto;
 overflow:hidden;
 position:relative;
 margin-bottom:0px;
}

#online.under #main .disc-copy {
 width:477px;
 margin:150px auto 60px;
}
#online.under #main h1 {
 width:536px;
 height:auto;
 position:relative;
 margin:150px auto 20px;
}

#online.under div.article {
 width:900px;
 margin: 0px auto 100px;
 padding:0px 50px; 
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}

#online.under div.article section.kiji-box {
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 background:rgba(255,255,255,0.5);
 margin-bottom:30px;
}
#online.under div.article section.kiji-box h2 {
 background:rgba(255,255,255,0.8);
 color:#3f90c8;
 text-align:center;
 font-size:30px;
 font-weight:normal;
 margin-bottom:30px;
}

#online.under div.article section.kiji-box div.kiji-txt {
 padding:0px 30px 30px;
 overflow:hidden;
}

 
#online.under div.article section.kiji-box.bonus {
 border:solid 1px #fff;
 background:none;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}
#online.under div.article section.kiji-box.bonus h2 {
 background:none;
 color:#000;
 font-size:28px;
 border-bottom:solid 1px #fff;
}
#online.under div.article section.kiji-box div.kiji-txt ul.shop-list {
 width:100%;
 overflow:hidden;
}
#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li {
 width:359px;
 float:left;
 margin:0px 20px 20px 0px;
 border:solid 1px #3f90c8;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 text-align:center;
 background:#fff;
}
#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li:nth-of-type(2n) {
 margin-right:0px;
}
#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li:nth-of-type(2n+1) {
 clear:left;
}

#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li a {
 display:block;
  -moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
 -o-transition: all 0.3s linear;
 -ms-transition: all 0.3s linear;
 transition: all 0.3s linear;

}
#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li a:hover {
 text-decoration:none;
 opacity:0.7;
}


#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li h5 {
 width:100%;
 background:#3f90c8;
 color:#fff;
 font-weight:bold;
 padding:10px 0px;
 margin-bottom:10px;
}
#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li h5 span {
 display:inline-block;
 font-weight:bold;
}
#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li p {
 width:60%;
 padding-top:18%;
 margin:30px 20%;
}

#online.under div.article section.kiji-box.bonus h3 {
 font-size:18px;
 font-weight:bold;
}
#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li.itunes {
 width:100%;
 float:none;
}
#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li.itunes dl {
 width:90%;
 padding-left:5%;
 padding-right:5%;
 margin-bottom:10px;
}
#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li.itunes dl dt {
 font-size:18px;
 font-weight:bold;
}
#online.under div.article section.kiji-box div.kiji-txt ul.shop-list li.itunes dl dd:first-of-type {
 margin-bottom:20px;