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

/*フォント指定関連*/
@font-face{ 
	font-family: 'dejima'; 
	src:url('../font/dejima-sub.eot');
	src: url('../font/dejima-sub.eot?#iefix') format('embedded-opentype'),
		url('../font/dejima-sub.woff') format('woff'),
		url('../font/dejima-sub.ttf') format('truetype');
	font-weight: normal; 
	font-style: normal;
}
.dejima {
	font-family: 'dejima';
}

/*テキストリンク*/
a {
 text-decoration:none;
 color:#333;
}
#top #content a, #report.under .article a,#news.under .article a,#staffroom.under .article a,#goods.under .article a,#comment.under .article a {
 text-decoration:underline;
}
#top #content a:hover, .under .article a:hover {
 text-decoration:underline;
}

/*マージン指定*/
.mgt20 {
 margin-top:20px !important;
}
.mgb30 {
 margin-bottom:30px !important;
}

/*注意書き*/
.attention {
 font-size:12px;
 line-height:1.3em;
}

/*画像置換用*/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

/*テキスト関連*/
.txtb {
 font-weight:bold;
}
.txt12 {
 font-size:12px !important;
}
.txt14 {
 font-size:14px !important;
}
.copylight-box {
 display:inline-block;
 width:100%;
 text-align:right;
 font-size:12px !important;
}
.ta-justify {
 text-align:justify !important;
 text-justify:inter-ideograph !important;
}

/*PC用要素の非表示*/
.pc-hide {
 display:none !important;
}

/*PC、スマホ共通要素の非表示*/
.common-hide {
 display:none !important;
}

body {
 font-size:16px;
 line-height:1.7em;
 width:100%;
 min-width:1000px;
 color:#222;
 background:url(../images/common/back.jpg) fixed no-repeat left bottom;
 background-size:cover;
}


/*ナビゲーション（共通）*/
header {
  width:100%;
  min-width:1000px;
  position:fixed;
  z-index:2000;
 text-align:center;
}
nav div.main-nav {
 width:100%;
 background-color: rgba(255,255,255,0.7);
 line-height:1em;
}
nav div.main-nav li a img {
 width:auto;
 height:16px;
}
nav div.main-nav ul {
 text-align:center;
}
nav div.main-nav li {
 display:inline-block;
}
nav div.main-nav li a {
 display:block;
 width:80px;
 padding:0px 7px;
 text-indent: -9999px;
 white-space: nowrap;
 overflow: hidden;
}
 /*メインナビげ−ション内の画像（トップ、下層共通）*/
nav div.main-nav li:nth-of-type(1) a {
 width:76px;
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-01.png) no-repeat center center;
 background-size:auto 16px;
}
nav div.main-nav li:nth-of-type(2) a {
 width:74px;
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-02.png) no-repeat center center;
 background-size:auto 16px;
}
nav div.main-nav li:nth-of-type(3) a {
 width:94px;
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-03.png) no-repeat center center;
 background-size:auto 16px;
}
nav div.main-nav li:nth-of-type(4) a {
 width:76px;
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-04.png) no-repeat center center;
 background-size:auto 16px;
}
nav div.main-nav li:nth-of-type(5) a {
 width:65px;
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-05.png) no-repeat center center;
 background-size:auto 16px;
}
nav div.main-nav li:nth-of-type(6) a {
 width:84px;
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-06.png) no-repeat center center;
 background-size:auto 16px;
}
nav div.main-nav li:nth-of-type(1) a:hover, nav div.main-nav li.current-menu-item:nth-of-type(1) a {
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-01-on.png) no-repeat center center;
 background-size:auto 16px;
}
nav div.main-nav li:nth-of-type(2) a:hover, nav div.main-nav li.current-menu-item:nth-of-type(2) a {
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-02-on.png) no-repeat center center;
 background-size:auto 16px;
}
nav div.main-nav li:nth-of-type(3) a:hover, nav div.main-nav li.current-menu-item:nth-of-type(3) a {
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-03-on.png) no-repeat center center;
 background-size:auto 16px;
}
nav div.main-nav li:nth-of-type(4) a:hover, nav div.main-nav li.current-menu-item:nth-of-type(4) a {
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-04-on.png) no-repeat center center;
 background-size:auto 16px;
}
nav div.main-nav li:nth-of-type(5) a:hover, nav div.main-nav li.current-menu-item:nth-of-type(5) a {
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-05-on.png) no-repeat center center;
 background-size:auto 16px;
}
nav div.main-nav li:nth-of-type(6) a:hover, nav div.main-nav li.current-menu-item:nth-of-type(6) a {
 background:url(/wp-content/themes/konosekai/images/common/nav-main/nav-06-on.png) no-repeat center center;
 background-size:auto 16px;
}

/*ナビゲーション（トップ専用）*/
#top nav div.main-nav ul {
 height:40px;
}
#top nav div.main-nav li a {
 height:40px;
 line-height:40px;
}


/*ナビゲーション（下層専用）*/
.under header > a {
 display:block;
 width:64px;
 position:absolute;
 left:100px;
 top:10px;
}
.under header > a:hover {
 opacity:0.7;
}

.under nav div.main-nav ul {
 height:80px;
}
.under nav div.main-nav li a {
 height:80px;
 line-height:80px;
 }


/*ページ内アンカー*/
nav div.top-page-anc {
 width:100%;
 height:50px; 
 display:none;
}
nav div.top-page-anc ul {
 text-align:center;
}
nav div.top-page-anc li {
 display:inline-block;
}
nav div.top-page-anc li a {
 display:block;
 height:50px;
 line-height:50px;
 padding:0px 10px;
 text-indent: -9999px;
 white-space: nowrap;
 overflow: hidden;
}
nav div.top-page-anc li a#sub-movie {
 width:133px;
 background:url(/wp-content/themes/konosekai/images/top/nav-sub/nav-01.png) no-repeat;
 background-position:center top;
 background-size:133px auto;
}
nav div.top-page-anc li a#sub-intro {
 width:146px;
 background:url(/wp-content/themes/konosekai/images/top/nav-sub/nav-02.png) no-repeat;
 background-position:center top;
 background-size:146px auto;
}
nav div.top-page-anc li a#sub-story {
 width:127px;
 background:url(/wp-content/themes/konosekai/images/top/nav-sub/nav-03.png) no-repeat;
 background-position:center top;
 background-size:127px auto;
}
nav div.top-page-anc li a#sub-chara {
 width:216px;
 background:url(/wp-content/themes/konosekai/images/top/nav-sub/nav-04.png) no-repeat;
 background-position:center top;
 background-size:216px auto;
}
nav div.top-page-anc li a#sub-staff {
 width:120px;
 background:url(/wp-content/themes/konosekai/images/top/nav-sub/nav-05.png) no-repeat;
 background-position:center top;
 background-size:120px auto;
}
nav div.top-page-anc li a:hover {
 background-position:center bottom !important;
}


/*フッター*/
footer {
 width:100%;
 font-size:11px;
 text-align:center;
 padding:10px;
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 background-color:rgba(255,255,255,0.8);
 position:relative;
 z-index:1001;
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#ddffffff,EndColorStr=#ddffffff)";
}


/*サイドナビ*/
.under nav#nav-side {
 width:270px;
 line-height:1.2em;
 position:absolute;
 top:0px;
 left:0px;
}
#news nav#nav-side,#staffroom nav#nav-side,#media nav#nav-side,#goods nav#nav-side,#overseas nav#nav-side {
top:80px;
}
.under nav#nav-side .sub-menu {
 display:none;
}

.under nav#nav-side > ul > li > a {
 display:block;
 font-size:16px;
 font-weight:bold;
 padding:15px 20px;
 margin-bottom:1px;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 background:rgba(255,255,255,0.8);
}
.under nav#nav-side > ul > li > a > span {
 font-size:13px;
 font-weight:bold;
}
.under nav#nav-side > ul > li#menu-item-575 > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-cam.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-549 > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-stf.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-576 > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-rp.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-545 > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-tl.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-577 > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-gd.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-578 > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-md.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-579 > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-pn.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-580 > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-cmn.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-int > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-int.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-aw > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-aw.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-wo > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-wo.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-ovs > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-ovs.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-aud > a {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-aud.jpg) center top no-repeat;
 background-size:100% auto;
}

.under nav#nav-side > ul > li#menu-item-575 > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-cam-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-549 > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-stf-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-576 > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-rp-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-545 > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-tl-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-577 > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-gd-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-578 > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-md-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-579 > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-pn-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-580 > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-cmn-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-int > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-int-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-aw > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-aw-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-wo > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-wo-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-ovs > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-ovs-on.jpg) center top no-repeat;
 background-size:100% auto;
}
.under nav#nav-side > ul > li#menu-item-aud > a:hover {
 background:url(/wp-content/themes/konosekai/images/under/special/side-nav/nav-aud-on.jpg) center top no-repeat;
 background-size:100% auto;
}

.under nav#nav-side > ul > li > ul > li a {
 display:block;
 font-size:14px;
 padding:15px 20px;
 margin-bottom:1px;
 background:rgba(255,255,255,0.5);
}
.under nav#nav-side > ul > li > ul > li a:hover {
 color:#0099ff;
}
.text-box-01 {
 text-align:justify;
 text-justify:inter-ideograph;
}

/*ページャー*/
.wp-pagenavi {
 width:100%;
 text-align:center;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}
.wp-pagenavi:first-of-type {
 position:absolute;
 left:0px;
 top:16px
}
.wp-pagenavi:last-of-type {
 margin-top:20px;
}
.wp-pagenavi span.pages {
 display:none;
}
body div.wp-pagenavi a, body div.wp-pagenavi a:link, body div.wp-pagenavi a:visited, body div.wp-pagenavi a:active {
 border:solid 1px #fff !important;
 color:#fff !important;
 background:none !important;
}
body div.wp-pagenavi a:hover {
 background:rgba(255,255,255,0.5) !important;
}
body .wp-pagenavi span.extend {
 border:solid 1px #fff !important;
 color:#fff !important;
 background:none !important;
}

/*------------------------------
  ページトップ
---------------------------------*/
a.pagetop {
 display:none;
 width:70px;
 height:70px;
 position:absolute;
 position:fixed;
 right:20px;
 bottom:50px;
 z-index:1199;
 background:url(/wp-content/themes/konosekai/images/common/pagetop.png) center center no-repeat;
 background-size:70px;
 cursor:pointer;
 opacity:0.7;
}

a.pagetop:hover {
 opacity:1;
}

/*ソーシャル関連*/
div.sns-space {
 width:270px;
 overflow:hidden;
 margin:5px 0px 0px 40px;
 line-height:1em;
 position:absolute;
 top:3px;
 right:5px;
}
.under div.sns-space {
 margin-top:24px;
}

ul.sns-share {
 width:146px;
 float:right;
 text-align:right;
 letter-spacing: -.40em;
}
ul.sns-share li {
 display:inline-block;
 width:75px;
 margin-left: 3px;
 letter-spacing: normal;
}
ul.sns-share li.share-fb {
 width:63px;
}
ul.sns-share li a{
 display:block;
 width:63px;
 padding:6px 5px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 -ms-border-radius:3px;
 border-radius:3px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 font-size:12px;
 font-weight:bold;
 letter-spacing:-0.1em;
 line-height:1em;
 overflow:hidden;
}

ul.sns-share li.share-tw a {
 width:75px;
 background:rgba(255,255,255,0.7) url(/wp-content/themes/konosekai/images/top/sns/tw.png) no-repeat 5px 3px;
 background-size:15px;
}
ul.sns-share li.share-fb a {
 background:rgba(255,255,255,0.7) url(/wp-content/themes/konosekai/images/top/sns/fb.png) no-repeat 5px 3px;
 background-size:15px;
}
ul.sns-share li.share-tw a:hover {
 background:rgba(255,255,255,1) url(/wp-content/themes/konosekai/images/top/sns/tw.png) no-repeat 5px 3px;
 background-size:15px;
}
ul.sns-share li.share-fb a:hover {
 background:rgba(255,255,255,1) url(/wp-content/themes/konosekai/images/top/sns/fb.png) no-repeat 5px 3px;
 background-size:15px;
}

ul.sns-page {
 width:112px;
 float:right;
 text-align:right;
 letter-spacing: -.40em;
}
ul.sns-page li {
 display:inline-block;
 width:53px;
 margin-left: 3px;
 letter-spacing: normal;
}
ul.sns-page li a{
 display:block;
 width:53px;
 padding:6px 5px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 -ms-border-radius:3px;
 border-radius:2px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 font-size:12px;
 font-weight:bold;
 text-indent:18px;
 letter-spacing:-0.1em;
 line-height:1em;
 overflow:hidden;
 color:#fff;
}

ul.sns-page li.page-tw a {
 background:rgba(0,172,237,0.7) url(/wp-content/themes/konosekai/images/top/sns/tw_w.png) no-repeat 5px center;
 background-size:15px;
}
ul.sns-page li.page-fb a {
 background:rgba(59,89,152,0.7) url(/wp-content/themes/konosekai/images/top/sns/fb.png) no-repeat 2px 3px;
 background-size:15px;
}
ul.sns-page li.page-tw a:hover {
 background:rgba(0,172,237,1) url(/wp-content/themes/konosekai/images/top/sns/tw_w.png) no-repeat 5px center;
 background-size:15px;
}
ul.sns-page li.page-fb a:hover {
 background:rgba(59,89,152,1) url(/wp-content/themes/konosekai/images/top/sns/fb.png) no-repeat 2px 3px;
 background-size:15px;
}