html,body{word-wrap:break-word}.pc{display:none}.sp{display:block}body,header,footer,#body,#fun>#body,#page-navi>.clearfix{width:100%;min-width:100%}img{width:100%;height:auto}.inner{width:95%;min-height:1px;display:inline-table}.inner:after{content:".";display:block;height:0;clear:both;visibility:hidden}*:first-child+html .inner{zoom:1}* html .inner{height:1%}.inner{display:block}header{height:auto;border:0}header>nav{display:none !important}header>h1{margin:0;padding:0;width:37%}header>h1>a{display:block;padding:6px 10px;padding-bottom:4px}header#index>h1>a{padding:9% 0 1% 10%}#sp-menu{display:block !important;float:right;width:60%}#sp-menu>li{float:left;line-height:100%;font-size:0;width:20%}#sp-menu>li>a{cursor:pointer}#sp-navigation{position:absolute;top:0;left:0;background:#ffcc00;width:100%;height:100%;z-index:9999}#sp-navigation a{cursor:pointer}#sp-navigation>#main>li{border-bottom:1px solid rgba(0,0,0,0.4);text-align:center;text-align:center;line-height:100%;font-size:0;padding:0;cursor:pointer}#sp-navigation>#main>li>a>img{max-width:70%;width:auto}#sp-navigation>#main>li:nth-child(1){text-align:right}#sp-navigation>#main>li:nth-child(1)>img{padding:0;display:inline;line-height:100%;margin:0;width:12%}#sp-navigation>#main>li>a{display:block;padding:20px 0}#sp-navigation>#main>li:nth-child(3)>a>img{width:35%}#sp-navigation>#main>li:nth-child(4)>a>img{width:26%}#sp-navigation>#main>li:nth-child(5)>a>img{width:21%}#sp-navigation>#main>li:nth-child(6)>a>img{width:32%}#sp-navigation>#main>li:nth-child(7){padding:0;text-align:center}#sp-navigation>#main input{margin:10px auto;border:none;width:85%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:10px 5%;background:#fff url(../img/smartphone/input_bg.png) 97% center no-repeat;background-size:auto 50%;font-size:12px}#sp-navigation>#main>li>ul{font-size:12px;line-height:100%;display:none}#sp-navigation>#main>li>ul>li{border-bottom:1px solid rgba(255,255,255,0.4)}#sp-navigation>#main>li>ul>li:last-child{border-bottom:none}#sp-navigation>#main>li>ul>li>a{display:block;padding:20px;background:url(../img/smartphone/sub_bg.png) 96% center no-repeat;color:#fff;background-size:auto 25%;text-decoration:none;text-align:left}#page-navi>.clearfix>section>div{width:42%;padding:0 4% 25px}#sp-navigation>#main>li>ul>li>a>img{width:28%;margin:0}#sp-navigation>#main>li:nth-child(4)>ul>li>a>img{width:19%}#sp-navigation>#main>li:nth-child(5)>ul>li>a>img{width:17%}#sp-navigation>#main>li:nth-child(6)>ul>li>a>img{width:25%}#sp-navigation>#main>li:nth-child(3)>ul{background:#3391ca}#sp-navigation>#main>li:nth-child(4)>ul{background:#f0606a}#sp-navigation>#main>li:nth-child(5)>ul{background:#1db162}#sp-navigation>#main>li:nth-child(6)>ul{background:#663399}#sp-navigation>#sub{background:#000}#sp-navigation>#sub>li{padding:0;border-bottom:1px solid rgba(255,255,255,0.4)}#sp-navigation>#sub>li>a{display:block;padding:20px;font-size:12px;background:url(../img/smartphone/sub_bg.png) 96% center no-repeat;color:#fff;background-size:auto 25%;text-decoration:none}#sp-langage{position:absolute;left:0;background:#302926;width:100%}#sp-langage>li{border-bottom:1px solid rgba(255,255,255,0.4)}#sp-langage>li>a{display:block;padding:20px;background:url(../img/smartphone/sub_bg.png) 96% center no-repeat;color:#fff;background-size:auto 25%;text-decoration:none;text-align:left;cursor:pointer}#sp-langage>li>a.active{color:#ffcc00}#search-modal>.search{width:84%;top:20px;left:4% !important;padding:4%}#search-modal>.search>a{width:18%;top:-20px;right:-19px}#search-modal>.search>.in{margin:10px}#search-modal>.search table td{padding:10px}#search-modal>.search h2{font-size:20px}#search-modal>.search h3{font-size:16px}#search-modal>.search td select{width:100%;display:block;font-size:12px}#search-modal>.search td .select{text-align:center}#search-modal>.search td .select img{width:auto;margin:10px 0}#search-modal>.search .form>input[type="text"]{width:46%}#search-modal>.search td input[type="submit"]{padding:10px 30px}#search-modal>.search td label{padding:6px 10px;font-size:13px;width:39%;margin:0 10px 10px 0}#search-modal>.search td label:nth-child(2n){margin-right:0}#page>#body{padding-top:30px}#page>#title h2{font-size:25px}#page>#body.schoolsearch>.inner>.school-box{width:47%}#page>#body.schoolsearch>.inner>.school-box:nth-child(2n){margin-right:0}#page>#body.schoolsearch>.inner>.school-box>.in{padding:10px}#page>#body.schoolsearch>.inner>.school-box>.in>h3{font-size:14px}#page>#body.schoolsearch>.inner>.school-box>.in>.btn>a{display:block;padding:10px 0 8px;font-size:12px;letter-spacing:1px}.sm-slider li span{height:74% !important}#top{height:auto}#top #top-banner a.guidebook-banner,#top #top-banner a.magazine-banner{display:none}#top>.inner{padding:0;width:100%;background-size:88%;background-position-y:22% !important}#top>.inner h2{width:95%;bottom:360px;left:2.5%}#top>.inner h2>img{width:90%;margin:0 auto}#top>.inner .inner-content{bottom:0;position:absolute;width:100%}#top>.inner #info{width:100%;position:static;background:#333333}#top>.inner #info>.news{width:50%;margin:0;background:#333333}#top>.inner #info>.news>.tit{margin:10px;padding:0}#top>.inner #info>.news>a{position:static;display:block;background:#000;padding:11px;text-align:center;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;margin:20px 10px}#top>.inner #info>.news>ul{margin:10px}#top .inner-content .guidebook-banner{display:block;width:82.82%;margin:0 auto 20px}#top .inner-content .magazine-banner{display:block;width:82.82%;margin:0 auto 30px}#top .pickup-wrap.pc{display:none}#top .pickup-wrap.sp{background:#fff;display:block;margin:0 auto;position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:15px solid #ffcc00;bottom:inherit;left:inherit;padding:0}#top .pickup-inner.sp a{margin:0}#top .pickup-wrap.sp:after{background-size:80%;left:-12px;top:-12px}#top .inner .pickup-inner{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;padding:2.5%}#top .inner .pickup-inner-left{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;margin:0 0 10px}#top .inner .pickup-inner-left img{margin:0;width:100%;padding:0}#top .inner .pickup-inner-right{width:100%}#top .inner .pickup-inner-right p{font-size:12px;margin-top:0;width:auto}#top .inner .pickup-inner-right a{font-size:12px;height:30px;line-height:30px}#top .inner .no-image .pickup-inner-left{display:none}#top .inner .no-image .pickup-inner-right{float:none;margin:10% auto 0;width:90%}#top .inner .no-image .pickup-inner-right a{width:50%;margin:0 auto}@media (max-width: 320px){#top .inner .pickup-inner-right p{font-size:10px}}#page-navi>.why-kyoto{padding-top:50px;background:#ffbe0f url(../img/smartphone/index/whykyoto_bg.png) center bottom no-repeat;background-size:100%}#page-navi>.why-kyoto h2>img{width:85%;margin:0 auto}#page-navi>.why-kyoto .img1,#page-navi>.why-kyoto .img2{display:none}#page-navi>.why-kyoto .btn>a{display:block;padding:20px 0 19px;margin:0 auto;width:85%}#page-navi>.why-kyoto .btn>a>span{position:absolute;top:-30px;left:-8%;width:50px;height:50px}#page-navi>.clearfix>section{height:auto !important}#page-navi>.clearfix>section>div>h3{margin:10px 0 15px;padding:20px 0 0}#page-navi>.clearfix>section>div>h3>img{width:60%}#page-navi>.clearfix>section.fun>div h3 img{width:40%}#page-navi>.clearfix>section:nth-child(2)>div>h3>img{width:50%}#page-navi>.clearfix>section:nth-child(3)>div>h3>img{width:45%}#page-navi>.clearfix>section>div>.com{margin:0;line-height:1.8}#page-navi>.clearfix>section>div>.btn{position:absolute;bottom:20px;left:40px}#page-navi>.clearfix>section:nth-child(2n)>.img{left:50%}#page-navi>.clearfix>section:nth-child(2n)>div{float:left}#page-navi>.clearfix>section>div>.bg{display:none}#page-navi>.clearfix>section>div>.btn{position:static;margin:20px 15px 5px}#page-navi>.clearfix>section>div>.btn>a{display:block;padding:10px 0 8px;font-size:12px}#index #interview>#nav>div>.btn{margin:0 25px}#index #interview>#nav>div>.btn>a{display:block;padding:12px 0 10px;text-align:center}#page-navi>.clearfix>section{width:100%;float:none}#page-navi>.clearfix>section>.img{width:50%;height:100%;overflow:hidden}#page-navi>.clearfix>section>.img>img{height:100%;width:auto;position:absolute;right:0}#interview h2>img{width:95%;margin:0 auto}#interview>.inner{padding:50px 0 30px}#interview .com{font-size:16px;letter-spacing:0;font-weight:normal}#interview>#nav{width:95%;padding-bottom:10px;margin-bottom:0}#interview>#nav>div{width:100%;float:none;min-height:auto !important;padding-bottom:20px}#interview>#nav>div>h3{padding:25px 0 0 25px;font-size:26px}#interview>#nav>div>.int-dec{font-size:18px;margin:0 0 20px 25px}#interview>#nav>div>.com{width:59%;margin:0 auto 25px 25px;font-size:13px;font-weight:normal}#interview>#nav>.study-int{background:url(../img/smartphone/index/interview_bg.png) right top no-repeat;background-size:cover;margin-bottom:10px}#interview>#nav>.obog-int{background:url(../img/smartphone/index/interview_obog_bg.jpg) right top no-repeat;background-size:cover}#interview>#nav>.obog-int>.com{width:63%}html[lang="en"] #interview>#nav>.obog-int>.com,html[lang="ko"] #interview>#nav>.obog-int>.com{margin-bottom:25px}#instagram>.inner>h2{margin-bottom:15px}#instagram>.inner>.com{margin-bottom:25px}#instagram #insta{width:95%;margin:0 auto 40px}#instagram #insta>.post{width:30%;margin-right:2%;margin-bottom:15px}#instagram #insta>.post:nth-child(3n){margin-right:0}#instagram #insta>.post>.thumb img{width:100%}#instagram #insta>.post>.title{display:none}#instagram>#hasstag>.inner>h3{font-size:20px}#instagram>#hasstag>.inner>.com{font-size:14px;line-height:160%}#instagram>.inner>.btn>a{display:block;padding:20px 0 19px}#community h2>img{width:70%;margin:0 auto}#community>.inner{padding-bottom:70px}#community .btn>a{display:block;padding:20px 0 19px;text-align:center}section#title{padding:25px 0}section#title p{font-size:12px !important}section#title h2>img{width:50%;margin:0 auto}#study>section#title h2,#life>section#title h2,#fun>section#title h2,#work>section#title h2{line-height:100%;margin-bottom:15px;padding:20px 0 0;font-size:20px}#study>section#title.index h2,#life>section#title.index h2,#fun>section#title.index h2,#work>section#title.index h2{padding:0}#life section#title h2>img{width:33%}#fun section#title h2>img{width:23%}section#navigation{padding:0}section#navigation>.inner{width:100%;border-bottom:1px solid rgba(0,0,0,0.2)}section#navigation>.inner>a{display:block;float:left;width:41.8%;padding:12px 2% 12px 6%;margin:0;text-align:left;font-size:10px;text-decoration:none;border:1px solid rgba(0,0,0,0.2);border-bottom:0;border-left:0;text-indent:-4%}section#navigation>.inner>a>i{width:4px;height:4px;margin-top:1px;margin-right:2px}section#navigation>.inner>a:nth-child(2n){border-right:0}#index>.inner>.icon{width:13%;margin:0 auto 10px}#index>.inner>h3{margin-bottom:10px;font-size:22px}#index>.inner>.com{font-size:14px}#index>.inner h4{font-size:15px !important}.color-box h4{font-size:15px !important}.w239{width:40% !important}.mr033{margin-right:10px !important}.color-box{padding:10px;border:2px solid #000}#index .color-box{padding:10px}#study #index .color-box:nth-child(2){margin-right:0 !important}#study #index .color-box:nth-child(3){height:auto !important;margin-left:25%}#study #index .clearfix.mb070>div{width:100% !important;float:none;margin:0 auto 30px !important}#study #index .clearfix.mb070 img{width:80%;margin:0 auto}#study #index>.inner>.btn>a{display:block;padding:13px 0 11px}#index ul li{font-size:14px !important}#study #body>#content .btn>a{padding-left:45px;padding-right:45px}#body>#content.interview .interview-box>.btn>a{padding-left:0 !important;padding-right:0 !important}#life section#navigation>.inner>a:last-child,#fun section#navigation>.inner>a:last-child,#work section#navigation>.inner>a:last-child{border-right:none}#fun>#index>ul>li{width:45.5%;margin-right:20px}#fun>#index>ul>li:nth-child(2n){margin-right:0}#side-navi{display:none}#body>#content{margin:10px auto 30px;width:95%;min-width:95%;padding:0;float:none}#body>#content p{font-size:14px}.info-box{width:98%}ul#tab>li{width:32.4%;font-size:14px}.info-box .in{margin:15px}.info-box div.active>.osusume{padding:7px 20px 27px}.info-box div.active>.osusume>p{letter-spacing:2px;font-size:13px}.info-box div.active>h4{font-size:16px}#study table tbody th{padding:5px 5px 5px 10px}#search-box{width:98%}#search-box .in,#search-box .in2{padding:15px}#search-box .in h4{background-position-y:3px;font-size:20px}#body>#content h3{font-size:20px;padding-bottom:10px;margin-bottom:10px}#search-box .in2 .search{width:36%;padding:15px;margin-right:15px}#search-box .in2 .search:nth-child(3n){margin-right:15px}#search-box .in2 .search:nth-child(2n){margin-right:0}#search-box .in2 .search h5{font-size:15px}#search-box .in2 .search .btn{margin:0}#search-box .in .check li label{font-size:12px;text-indent:-1.5em;margin-left:1.5em}#body>#content .btn>a>img{width:auto}#body>#content.interview{width:95%;min-width:95%}#body>#content.interview .interview-box{width:42%;margin:15px 4%}.w216{width:40% !important}table th,table td{font-size:12px}#fun .color-box{margin-right:10px !important;padding:10px}#fun .color-box:nth-child(2n){margin-right:0 !important}#fun .color-box p{line-height:140% !important}#fun #body>#content .btn>a{font-size:12px;padding:8px 0 7px}#body>#content.interview .interview-box>h4{font-size:16px}#body>#content.interview-child{margin:0;width:100%;min-width:100%}#body>#content.interview-child>.content{background:rgba(0,0,0,0.4)}#body>#content.interview-child>.content>.in{background:none;width:95%;margin:0 auto;padding:20px 0}#body>#content.interview-child>#movie>#spbg{position:fixed;z-index:0;top:0}#body>#content.interview-child>#movie>#spbg>img{width:auto;height:100%}#study #content.more>.img>li{width:100%;margin-right:0}#study #content.more table tbody tr{border-bottom:2px solid #e5e5e5}#study #content.more table tbody th,#study #content.more table tbody td{display:block}#study #content.more table tbody th{border-bottom:1px solid #e5e5e5}#study #content.more table td.table>table tbody tr{border:none}#study #content.more table td.table>table tbody tr>td{display:table-cell;border-bottom:1px solid #e5e5e5}#body>#content.oboginterview .interview{float:none;margin:auto auto 10px;width:95%}#body>#content.oboginterview .interview:nth-child(odd),#body>#content.oboginterview .interview:nth-child(even){float:none}#body>#content.oboginterview .interview>div:nth-child(even){width:50%}#body>#content.oboginterview .fancy_video img{height:145px;width:145px}.fancybox-wrap{left:0 !important;right:0 !important;margin:auto !important;width:94% !important;height:auto !important}#news>#body>.inner>ul>li>a{background:url(../img/news/bg.png) 98% 50% no-repeat}#news>#body>.inner>ul>li>a:hover{background:#fafafa url(../img/news/bg.png) 98% 50% no-repeat}#page>#body.contact p{font-size:16px}#page>#body.contact table{margin-bottom:30px}#page>#body.contact #btn{text-align:center}#page>#body.contact #btn input[type="submit"]{display:block;margin:0 auto 15px !important;padding:15px 0 12px;width:60%;text-align:center}#page>#body.contact th{padding:17px 10px 0 0;font-size:14px;text-indent:-1em;padding-left:1em}#page>#body.contact td{width:70%;font-size:14px}#page>#body.contact td input,#page>#body.contact td textarea{padding:5px;width:90%}#page>#body.contact td select{height:33px;width:90%}#page>#body.aboutus p img{width:18px}#page>#body h3{font-size:20px;padding-bottom:10px;margin-bottom:10px}#page>#body.contentslist>.inner>ul{width:100%;float:none}#page>#body.contentslist>.inner>ul:nth-child(2){margin-left:0}#page>#body.contentslist>.inner>ul>li{font-size:16px;margin:0}#page>#body.contentslist>.inner>ul>li>a{text-indent:-1em;padding-left:1em}#page>#body.contentslist>.inner>ul>li>ul{width:95%;margin:5px 0 10px 5%}#page>#body.contentslist>.inner>ul>li>ul>li>a{padding:10px 0 10px 15px}#page>#body.magazine-archive article>.img{width:auto;float:none;margin:0 auto 1em}#page>#body.magazine-archive article>.com{width:auto;float:none}#page>#body.magazine-archive article>.com>.link>a{display:block;color:#000;background:#ffbe0e;margin:0;padding:14px 0 12px;text-align:center;font-size:14px;line-height:160%;font-weight:bold;text-decoration:none;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}#page>#body.magazine-archive article>.com>.link>a>i:before,#page>#body.magazine-archive article>.com>.link>a>i:after{background:url(../img/arrow2.png) 0 0 no-repeat;top:0px;height:13px}#page>#body.magazine-single article>.conts iframe{width:100%;height:200px}@media (max-width: 537px){#page-navi>.clearfix>section.work>.img>img{right:0}}@media (max-width: 479px){#page-navi>.clearfix>section.study>.img>img{right:-70%}}@media (max-width: 450px){#page-navi>.clearfix>section.work>.img>img{right:-25%}}@media (max-width: 389px){#page-navi>.clearfix>section.study>.img>img{right:-100%}#page-navi>.clearfix>section.fun>.img>img{right:-10%}html[lang="en"] #page-navi>.clearfix>section.fun>.img>img{right:-30%}#page-navi>.clearfix>section.work>.img>img{right:-75%}}@media (max-width: 325px){#page-navi>.clearfix>section.work>.img>img{right:-90%}}