﻿@media only screen and (min-width: 769px){.sp-only{display:none !important}}@media only screen and (max-width: 768px){.pc-only{display:none !important}}@media only screen and (min-width: 769px){.home-page #main #photo.owl-carousel *{text-align:center}.home-page #main #photo.owl-carousel img{width:auto;max-width:900px;margin:0 auto}}@media only screen and (min-width: 769px){.home-page #main #banners.two.two{max-width:1100px;margin:0 auto}.home-page #main #banners.two.two .item a{padding:20px 40px !important}}.home-page #main #banner.owl-carousel{position:relative;padding:20px 0}@media only screen and (max-width: 768px){.home-page #main #banner.owl-carousel{padding:10px 0}}.home-page #main #banner.owl-carousel .owl-dot.active span{background:#0097a7}.home-page #main #banner.owl-carousel .item a{padding:20px;display:block}@media only screen and (max-width: 768px){.home-page #main #banner.owl-carousel .item a{padding:10px}}@media only screen and (max-width: 768px){.home-page #main #banner.owl-carousel .item a img{box-shadow:0 0 8px rgba(180,181,174,0.5)}}.home-page #main #banner.owl-carousel .owl-nav{font-size:40px;line-height:1;text-shadow:0 0 10px black;background:none}.home-page #main #banner.owl-carousel .owl-nav button{position:absolute;bottom:10px;width:50px;height:28px;display:block;opacity:0.5}.home-page #main #banner.owl-carousel .owl-nav button:hover{opacity:0.5}.home-page #main #banner.owl-carousel .owl-nav .owl-prev{left:10%;background:url(/National_Library/oe_/https://kotoneofficial.com/img/arrow-dot-left-1.png) no-repeat center/contain !important}.home-page #main #banner.owl-carousel .owl-nav .owl-next{right:10%;background:url(/National_Library/oe_/https://kotoneofficial.com/img/arrow-dot-right-1.png) no-repeat center/contain !important}.home-page #main #topics{overflow:hidden;clear:both;text-align:left}@media only screen and (min-width: 769px){.home-page #main #topics{padding:20px 0}}@media only screen and (max-width: 768px){.home-page #main #topics{background:#222;color:white}}.home-page #main #topics h1{font-weight:normal;border-bottom:1px dotted}@media only screen and (max-width: 768px){.home-page #main #topics h1{display:none}}.home-page #main #topics #topics-nav a{width:25%;text-align:center;padding:14px 0;font-weight:normal;font-size:20px;background:url(/National_Library/oe_/https://kotoneofficial.com/img/photo-2.jpg) 0 -10px/300%;color:#333}.home-page #main #topics #topics-nav a.active{background:none;box-shadow:none;color:white}.home-page #main #topics .box{position:relative}@media only screen and (max-width: 768px){.home-page #main #topics .box{padding:5%}}.home-page #main #topics .info li.commingsoon{border:0;padding:1em 0}@media only screen and (max-width: 768px){.home-page #main #topics #topics-media,.home-page #main #topics #topics-live,.home-page #main #topics #topics-note{display:none}}.home-page #main #topics li{border-bottom:1px dotted gray}.home-page #main #topics li *{display:block}.home-page #main #topics li a{padding:1em 0}.home-page #main #topics li.more{border:0;color:#0097a7}@media only screen and (max-width: 768px){.home-page #main #topics li.more{color:#00bcd4}}.home-page #main #topics li.more a{text-align:right}@media only screen and (min-width: 769px){.home-page #main #topics li.more a{position:absolute;top:0;right:0}}.home-page #main #topics li.more a *{display:inline-block;margin-left:0.5em}@media only screen and (max-width: 768px){.home-page #main #topics #topics-twitter,.home-page #main #topics .topics-disco{background:#f6f6f3}.home-page #main #topics #topics-twitter h1,.home-page #main #topics .topics-disco h1{display:block;color:black;border:0}.home-page #main #topics #topics-twitter img,.home-page #main #topics .topics-disco img{width:70%}.home-page #main #topics #topics-twitter *,.home-page #main #topics .topics-disco *{color:black}.home-page #main #topics #topics-twitter li,.home-page #main #topics .topics-disco li{border:0}.home-page #main #topics .topics-disco{background:white}.home-page #main #topics #topics-video{color:#333;background:#f6f6f3}.home-page #main #topics #topics-video h1{display:block;border:0}.home-page #main #topics #topics-video li{border:0}.home-page #main #topics #topics-video li+li{padding:5px 0 0}.home-page #main #topics #topics-video li.more{padding-top:0}}@media only screen and (max-width: 768px) and (max-width: 768px){.home-page #main #topics #topics-video li.more{color:#0097a7}}@media only screen and (min-width: 769px){.home-page #main #topics .box{float:left;width:22%;padding-bottom:5%;overflow:hidden;display:block !important}.home-page #main #topics #topics-media.box,.home-page #main #topics #topics-live.box,.home-page #main #topics #topics-note.box,.home-page #main #topics #topics-twitter.box,.home-page #main #topics #topics-video.box{margin-left:4%}.home-page #main #topics #topics-video{width:48%}.home-page #main #topics .topics-disco.sp-only{display:none !important}}.home-page #main #topics .topics-disco{clear:both}.home-page #main #topics .topics-disco img{margin:0 0 10px}.home-page #main #topics .topics-disco span{background:url(/National_Library/oe_/https://kotoneofficial.com/img/bg-blue.jpg) center 0/300%;border-radius:2px;font-size:80%;color:white;padding:0 5px;display:inline-block;margin-right:1em}.home-page #main #topics #topics-video h1,.home-page #main #topics .topics-disco h1,.home-page #main #topics #topics-twitter h1{margin-bottom:10px;border:0}.home-page #main #topics #topics-video li,.home-page #main #topics .topics-disco li,.home-page #main #topics #topics-twitter li{border:0}.sub-page.category #main #posts{border-top:1px solid rgba(0,151,167,0.2)}.sub-page #main{position:relative}.sub-page #main:before{position:absolute;top:0;left:0;right:0;bottom:0;content:'';opacity:0.1;z-index:-1;background:rgba(0,0,0,0.3)}.sub-page #main .wrap{max-width:900px;padding:40px 40px 100px;margin:0 auto;text-align:left}@media only screen and (max-width: 768px){.sub-page #main .wrap{padding:5% 5% 15%}}.sub-page #main .wp-caption{max-width:100%}.sub-page #main h2{padding:14px 0;font-size:40px;font-weight:300;font-family:'Caveat';font-weight:normal}@media only screen and (min-width: 769px){.sub-page #main h2{font-size:56px}}.sub-page #main img{width:auto;height:auto;max-width:100%}.sub-page #main #category{height:60px}.sub-page #main #category ul{overflow:hidden}@media only screen and (max-width: 768px){.sub-page #main #category ul{display:none}}.sub-page #main #category ul li{float:left}.sub-page #main #category ul a{padding:5px 14px;background:white;border:1px solid #e0f7fa;margin-right:10px}.sub-page #main #category ul a.active{color:#0097a7;font-weight:bold}.sub-page #main #category select{background:white;padding:10px;border:2px solid}@media only screen and (min-width: 769px){.sub-page #main #category select{display:none}}.sub-page #main #posts .post{border-bottom:1px solid rgba(0,151,167,0.2)}.sub-page #main #posts .post.archive{display:none}.sub-page #main #posts .post.archive p{padding:10px 0}.sub-page #main #posts .post.archive p span+span{margin-left:2em}.sub-page #main #posts .post h3 a{display:block;padding:1.4em 0}.sub-page #main #posts .post h3 span.date{font-weight:normal;font-size:12px;color:#0097a7}.sub-page #main #posts .post h3 span.title{display:block;font-size:18px}@media only screen and (max-width: 768px){.sub-page #main #posts .post h3 span.title{font-size:16px}}.sub-page #main #posts .post h3 span.category{font-weight:bold;font-size:10px;background:#0097a7;color:white;padding:2px 5px;margin-right:1em;line-height:1;border-radius:2px}.sub-page #main #posts .post div{padding:56px 0;padding-top:14px}.sub-page #main #posts .post div span,.sub-page #main #posts .post div a{display:inline}.sub-page #main #posts .post div a{color:#0097a7;text-decoration:underline}.sub-page #main #pagination{padding-top:1em;text-align:center}.sub-page #main #pagination a{padding:1em;color:#0097a7}.disco-page #main .jk{padding-bottom:10px}.disco-page #main .content .button{padding-top:3em !important}.disco-page #main .content .button a{background:url(/National_Library/oe_/https://kotoneofficial.com/img/bg-blue.jpg) left bottom/640px;border:1px solid rgba(0,0,0,0.1);color:white !important;text-decoration:none !important;font-size:125%;border-radius:10px}@media only screen and (min-width: 769px){.disco-page #main .content .button a{padding:.7em 2em}}@media only screen and (max-width: 768px){.disco-page #main .content .button a{padding:.7em 0;display:block;text-align:center}}@media only screen and (max-width: 768px){.disco-page.single #main #posts .post img{width:50% !important}}@media only screen and (min-width: 769px){.disco-page.single #main #posts .post img{max-width:400px !important}}.disco-page.category #posts{overflow:hidden}.disco-page.category #posts .post{border:0 !important;float:left}@media only screen and (max-width: 768px){.disco-page.category #posts .post{width:45%;padding-right:5%}}@media only screen and (min-width: 769px){.disco-page.category #posts .post{width:29.333%;padding-right:4%}}.bio-page #main p+p{padding-top:2em}@media only screen and (min-width: 769px){.bio-page #main img{width:70%}}.bio-page #main .c{text-align:center}.bio-page #main .r{text-align:right}.video-page #main #posts .post{padding:2em 0}.video-page #main #posts .post .title{padding:0.5em 0 0}.contact-page #main form{text-align:left;display:inline-block}.contact-page #main form p{font-weight:bold;padding:1em 0}.contact-page #main form input,.contact-page #main form textarea{border:2px solid #0097a7;border-radius:5px;font-size:20px;padding:10px;display:block;width:90%;margin:0 auto}.contact-page #main form input[type="submit"]{width:60%;margin:0 20%;background:#0097a7;color:white !important;font-weight:bold;border-radius:100px}.contact-page #main ul.note{text-align:left;display:inline-block}.contact-page #main h3 ~ h3{margin-top:2em}.contact-page #main h3 ~ h3+p{background:white;padding:3% 5%;display:inline-block;margin-top:10px;border:3px double #b2ebf2}.contact-page #main .screen-reader-response{display:none}.contact-page #main .wpcf7-not-valid-tip{color:red}.contact-page #main .wpcf7-validation-errors{color:red}.single.sub-page #main #posts .post{border-top:0 !important}.single.sub-page #main #posts .post h3 span.date{font-size:14px}.single.sub-page #main #posts .post h3 span.title{font-size:28px}@media only screen and (max-width: 768px){.single.sub-page #main #posts .post h3 span.title{font-size:20px}}*{margin:0;padding:0;border:0;outline:0;list-style:none;font-style:normal;-webkit-text-size-adjust:100%}body{text-align:center;line-height:1.7;font-size:12px}@media only screen and (min-width: 769px){body{font-size:14px}}span{display:inline-block}a{display:inline-block;color:inherit;text-decoration:none}img,iframe{vertical-align:middle;width:100%}ul.note li{text-indent:-1em;padding-left:1em}body{color:#333;font-family:'Noto Sans JP', 'メイリオ', Hiragino Sans, sans-serif;background:#f6f6f3}a.hover{opacity:0.7}#wrap{max-width:1280px;margin:0 auto;position:relative}@media only screen and (min-width: 769px){#wrap{border:20px solid #f6f6f3;border-top:0}}#header{background:url(/National_Library/oe_/https://kotoneofficial.com/img/bg-blue.jpg) top/100%;padding-top:10px}#header .line{background:#f6f6f3;overflow:hidden}@media only screen and (min-width: 1301px){#header{text-align:right}#header .line{height:130px}}#header h1{padding:20px}#header h1 img{width:40%}@media only screen and (max-width: 1300px){#header h1 span{font-size:12px;font-weight:normal;padding-left:5px}}@media only screen and (min-width: 1301px){#header h1{position:absolute;top:5px;left:0;z-index:1000}#header h1 *{vertical-align:bottom}#header h1 span{font-weight:normal;font-size:12px;padding:7px 0}#header h1 img{width:160px}}#header p{position:absolute;top:0;right:0;padding:20px;font-size:20px}@media only screen and (min-width: 1301px){#header p{display:none}}#header ul{display:inline-block;display:none;overflow:hidden}#header ul img{width:auto;vertical-align:baseline;height:16px}@media only screen and (min-width: 1301px){#header ul{padding:0 10px;display:block !important}}@media only screen and (max-width: 1300px){#header ul{background:url(/National_Library/oe_/https://kotoneofficial.com/img/bg-blue.jpg) top/200%;padding:5%}}@media only screen and (min-width: 1301px){#header ul li{font-size:20px;display:inline-block;padding:20px 10px}}@media only screen and (max-width: 1300px){#header ul li{font-size:16px;float:left;width:50%}#header ul li.sns{width:20%}#header ul li.twitter{clear:both}#header ul li a{padding:7px;background:rgba(255,255,255,0.5);margin:4px;display:block}}@media only screen and (max-width: 768px){#footer{margin:0 20px 10px}}#footer:before{content:'';height:2px;display:block;background:url(/National_Library/oe_/https://kotoneofficial.com/img/bg-blue.jpg) top/cover}.sub-page #footer:before{display:none}#footer ul{padding:20px 0 0}#footer ul li{display:inline-block}#footer ul li a{font-size:200%;padding:0 10px}#footer ul li img{width:auto;height:16px;vertical-align:baseline}@media only screen and (min-width: 769px){#footer ul li img{height:22px}}#footer p{padding:20px}