header#navi{margin:0 auto;max-width:1000px;line-height:1}@media screen and (max-width: 1024px){header#navi{padding:0 20px}}@media screen and (max-width: 480px){header#navi{padding:0}}header#navi .inner{position:relative;margin:60px auto 80px}@media screen and (max-width: 768px){header#navi .inner{margin:40px auto 80px}}@media screen and (max-width: 480px){header#navi .inner{margin:0 auto 60px}}header#navi .inner h1{margin:0 auto 50px;width:150px}@media screen and (max-width: 480px){header#navi .inner h1{margin:0 auto 20px;padding:0;width:100px}}header#navi .inner #global-nav ul{margin:0 auto;font-size:0;line-height:1;text-align:center}@media screen and (max-width: 480px){header#navi .inner #global-nav ul{position:static;right:0;bottom:0}}header#navi .inner #global-nav ul li{display:inline-block;font-size:2.2rem;line-height:3.96rem;font-weight:bold;letter-spacing:0.1em;text-align:center}@media screen and (max-width: 1024px){header#navi .inner #global-nav ul li{font-size:2rem;line-height:3.6rem}}@media screen and (max-width: 768px){header#navi .inner #global-nav ul li{margin-bottom:5px;font-size:1.8rem;line-height:3.24rem}}@media screen and (max-width: 480px){header#navi .inner #global-nav ul li{font-size:1.6rem;line-height:2.88rem}}header#navi .inner #global-nav ul li a{padding:0 1em;color:#91BFE3;text-decoration:none}@media screen and (max-width: 1024px){header#navi .inner #global-nav ul li a{padding:0 0.8em}}@media screen and (max-width: 768px){header#navi .inner #global-nav ul li a{margin:10px 0.1em}}header#navi .inner #global-nav ul li a:hover{color:#125}header#navi .inner #global-nav ul li.open{background:url(/wp-content/themes/title2016c/img/webshop-open.svgz) no-repeat top right}@media screen and (max-width: 768px){header#navi .inner #global-nav ul li.open{background:url(/wp-content/themes/title2016c/img/webshop-open-sp.svgz) no-repeat top right}}header#navi .inner #copy{position:absolute;top:0;left:0;width:115px}header#navi .inner #copy img{width:100%;height:auto}@media screen and (max-width: 480px){header#navi .inner #copy{top:15px;left:10px;width:70px}}header#navi .inner #sns{position:absolute;top:0;right:0;width:30px;font-size:1.8rem;line-height:1.8rem;line-height:1;text-align:center}@media screen and (max-width: 480px){header#navi .inner #sns{top:10px;right:10px}}header#navi .inner #sns a{display:block;height:30px;color:#FFF;text-align:center;border-radius:1em;background-color:#00ACEE}header#navi .inner #sns a:hover{background-color:#0092CA}header#navi .inner #sns a i{margin-top:7px}@media screen and (max-width: 768px){header#navi .top-att{margin:80px auto 40px}}@media screen and (max-width: 480px){header#navi .top-att{margin-top:100px auto 40px}}#top-bg{position:absolute;width:100%;height:570px;background:url(/img/bg-top-nakaban.jpg) no-repeat scroll center center/cover;z-index:-1}@media screen and (max-width: 768px){#top-bg{height:450px}}@media screen and (max-width: 480px){#top-bg{height:380px}}#top-bg p.note{padding:15px 15px 15px;font-size:1.3rem;line-height:1.82rem;color:#FFF;text-align:center;background-color:#125}@media screen and (max-width: 480px){#top-bg p.note{padding:15px 15px 15px;font-size:1.2rem;line-height:1.68rem;text-align:left}}@media screen and (max-width: 480px){main#top{margin-bottom:50px}}main#top #head{position:relative;margin:30px auto 70px;max-width:1000px;min-height:563px}@media screen and (max-width: 1024px){main#top #head{margin:70px 20px 70px 0}}@media screen and (max-width: 768px){main#top #head{margin:30px 20px 50px 0}}@media screen and (max-width: 480px){main#top #head{margin:60px 0 50px;height:auto}}main#top #head article#today{position:absolute;top:80px;right:0;width:200px;z-index:100}@media screen and (max-width: 480px){main#top #head article#today{position:static;margin:0 0 30px;padding:0 30px;width:100%}}main#top #head article#today h2{margin:0 auto 20px;width:82px}main#top #head article#today div.border{margin-bottom:15px;padding:0 13px 15px;border:2px solid #91BFE3;background-color:#FFF}main#top #head article#today div.border p.date{margin:-15px auto 10px;padding:0 5px;width:135px;font-size:1.6rem;line-height:1.6rem;letter-spacing:.1em;color:#91BFE3;text-align:center;background-color:#FFF}main#top #head article#today div.border p.date .month,main#top #head article#today div.border p.date .day{font-size:3.4rem;line-height:3.4rem}main#top #head article#today div.border p.text{margin-bottom:10px;padding:0 0 15px;font-size:1.2rem;line-height:1.7;border-bottom:1px dotted #91BFE3}main#top #head article#today div.border p.credit{font-size:1.1rem;line-height:1.54rem;text-align:center}main#top #head article#today div.border p.credit .book-title{font-weight:bold}main#top #head article#today>span{display:block;font-size:1.2rem;line-height:1.2rem;color:#91BFE3;text-align:center}main#top #head article#panel{position:absolute;top:0;left:0;width:75%;height:563px;overflow:hidden;z-index:90}@media screen and (max-width: 480px){main#top #head article#panel{position:static;width:100%;height:auto}}main#top #head article#panel>div{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}@media screen and (max-width: 480px){main#top #head article#panel>div{position:static;margin:0 -10%;width:120%;height:auto}}main#top #head article#panel>div p{width:100%}main#top #head article#panel>div p img{width:750px}@media screen and (max-width: 480px){main#top #head article#panel>div p img{width:100%;height:auto}}main#top #headline{margin:0 auto 70px}main#top #headline .news-wrapper{margin:0 auto 80px;max-width:1000px;font-size:0;overflow:hidden}@media screen and (max-width: 768px){main#top #headline .news-wrapper{padding:0 15px 0 30px}}@media screen and (max-width: 480px){main#top #headline .news-wrapper{padding:0}}main#top #headline .news-wrapper .news{display:inline-block;vertical-align:top;margin-right:5%;width:65%}@media screen and (max-width: 768px){main#top #headline .news-wrapper .news{width:60%}}@media screen and (max-width: 480px){main#top #headline .news-wrapper .news{display:block;margin:0 auto 40px;padding:0 20px;width:100%}}main#top #headline .news-wrapper .news h3.holidays-ym{margin:0 auto 1em;padding:.5em .3em .4em;width:7em;font-size:2rem;line-height:2rem;color:#FFF;text-align:center;background-color:#91BFE3}main#top #headline .news-wrapper .news div.holidays-date{margin-bottom:20px}main#top #headline .news-wrapper .news div.holidays-date h3{margin-bottom:0.4em;padding-bottom:0.4em;font-size:1.4rem;line-height:1.4rem;font-weight:bold;color:#91BFE3;border-bottom:1px solid #91BFE3}main#top #headline .news-wrapper .news div.holidays-date ul{overflow:hidden}main#top #headline .news-wrapper .news div.holidays-date ul li{float:left;margin:.5em 1.5em 0 0;font-size:1.2rem;line-height:2.16rem}main#top #headline .news-wrapper .news div.holidays-date ul li span.date-number{font-size:2.4rem;line-height:2.4rem}main#top #headline .news-wrapper .news div.holidays-other{margin-bottom:60px}main#top #headline .news-wrapper .news div.holidays-other h3{margin-bottom:0.4em;padding-bottom:0.4em;font-size:1.4rem;line-height:1.4rem;font-weight:bold;color:#91BFE3;border-bottom:1px solid #91BFE3}main#top #headline .news-wrapper .news div.holidays-other ul{overflow:hidden}main#top #headline .news-wrapper .news div.holidays-other ul li{float:left;margin:.5em 2em .5em 0;font-size:1.2rem;line-height:2.16rem}main#top #headline .news-wrapper .news div.holidays-other ul li span.date-number{font-size:2.4rem;line-height:2.4rem}main#top #headline .news-wrapper .news h2{margin-top:40px;padding-top:0}main#top #headline .news-wrapper .news table{width:100%;font-size:1.3rem;line-height:1.82rem;border-spacing:0;border-bottom:1px solid #91BFE3}main#top #headline .news-wrapper .news table tr:hover{background-color:#EEF3F5;cursor:pointer}main#top #headline .news-wrapper .news table th{vertical-align:top;padding:1em 2em;width:8em;font-weight:normal;text-align:left;border-top:1px solid #91BFE3}@media screen and (max-width: 480px){main#top #headline .news-wrapper .news table th{padding:.8em 0 .8em 1em;width:7em}}main#top #headline .news-wrapper .news table td{padding:1em 1em 1em 0;border-top:1px solid #91BFE3}@media screen and (max-width: 480px){main#top #headline .news-wrapper .news table td{padding:0.8em 1em 0.6em 0}}main#top #headline .news-wrapper .news table a{display:block;width:100%;height:100%}main#top #headline .news-wrapper .pickup{display:inline-block;vertical-align:top;width:30%}main#top #headline .news-wrapper .pickup a{display:block;margin-bottom:15px}main#top #headline .news-wrapper .pickup a img{width:100%}@media screen and (max-width: 768px){main#top #headline .news-wrapper .pickup{width:34%}}@media screen and (max-width: 480px){main#top #headline .news-wrapper .pickup{display:block;margin:0 auto 30px;width:70%}main#top #headline .news-wrapper .pickup a{width:100%}}main#top #headline .headline-wrapper{margin:0 auto;width:100%;font-size:0;overflow:hidden}main#top #headline .headline-wrapper div.cafe{display:inline-block;vertical-align:top;margin-bottom:-1000px;padding-bottom:1000px;width:50%;height:100%;background-color:#F6EDE9}@media screen and (max-width: 480px){main#top #headline .headline-wrapper div.cafe{display:block;margin:0;padding:0 20px;width:100%;height:auto}}main#top #headline .headline-wrapper div.cafe>div ul{margin:0 auto;max-width:540px;font-size:0}main#top #headline .headline-wrapper div.cafe>div ul li{display:inline-block;width:33.33%}main#top #headline .headline-wrapper div.cafe>div ul li img{width:100%;height:auto}@media screen and (max-width: 768px){main#top #headline .headline-wrapper div.cafe>div ul li{width:50%}}main#top #headline .headline-wrapper div.event{display:inline-block;vertical-align:top;margin-bottom:-1000px;padding-bottom:1000px;width:50%;height:100%;background-color:#EEF3F5}@media screen and (max-width: 480px){main#top #headline .headline-wrapper div.event{display:block;margin:0;padding:0;width:100%;height:auto}}main#top #headline .headline-wrapper div.event ul{margin:0 auto;max-width:600px;font-size:0}main#top #headline .headline-wrapper div.event ul li{display:inline-block;vertical-align:top;margin-bottom:30px;padding:0 20px;width:50%}main#top #headline .headline-wrapper div.event ul li img{width:100%;height:auto}@media screen and (max-width: 1024px){main#top #headline .headline-wrapper div.event ul li{padding:0}}@media screen and (max-width: 768px){main#top #headline .headline-wrapper div.event ul li{display:block;margin:0 auto 20px;width:auto;max-width:300px}}main#top #headline .headline-wrapper div.event ul li .main-photo{margin-bottom:10px;width:100%;height:auto}main#top #headline .headline-wrapper div.event ul li .main-photo img{width:100%;height:auto}main#top #headline .headline-wrapper div.event ul li .main-photo-tate{margin-bottom:10px;max-width:260px;height:195px;text-align:center;background-color:#EEF3F5}@media screen and (max-width: 1024px){main#top #headline .headline-wrapper div.event ul li .main-photo-tate{max-width:252px;height:189px}}@media screen and (max-width: 768px){main#top #headline .headline-wrapper div.event ul li .main-photo-tate{max-width:300px;height:225px}}main#top #headline .headline-wrapper div.event ul li .main-photo-tate img{width:auto;height:100%}main#top #headline .headline-wrapper div.event ul li div.wrapper{overflow:hidden}main#top #headline .headline-wrapper div.event ul li div.wrapper .date{display:block;margin:0 10px 5px 0;font-size:1.6rem;line-height:1.3;float:left}main#top #headline .headline-wrapper div.event ul li div.wrapper .cat{margin:11px 0 0;padding:2px 4px 1px;font-size:1rem;line-height:1.3;color:#666;border-radius:2px;background-color:#FFF;float:left}main#top #headline .headline-wrapper div.event ul li div.wrapper .status{display:block;margin:0;padding:2px 4px 1px;font-size:1rem;line-height:1.3;color:#FFF;border-radius:2px;background-color:#125;float:left}main#top #headline .headline-wrapper div.event ul li p.title{margin:0;font-size:1.2rem;line-height:1.3}main#top #headline .headline-wrapper div.event ul li a{display:block}main#top #headline .headline-wrapper div.event ul li a:hover{opacity:0.7}main#top #headline h2{margin:0 auto;padding:40px 0 20px;font-size:3rem;line-height:3rem;letter-spacing:0.2em;color:#91BFE3;text-align:center}main#top #headline p.more-link{margin:0 auto;padding:20px 0 30px;font-size:1.6rem;line-height:1.6rem;text-align:center}@media screen and (max-width: 768px){main#top #headline p.more-link{font-size:1.3rem;line-height:1.3rem}}main#top #headline p.more-link a{color:#91BFE3;border:none}main#top #headline p.more-link a:hover{color:#125}main#top #banner{margin:0 auto 70px;max-width:320px}main#top #banner img{width:100%;height:auto}@media screen and (max-width: 480px){main#top #banner{padding:0 20px}}main#top .share-button{margin:0 auto;line-height:0;text-align:center}main#top .share-button li{display:inline-block;vertical-align:top;width:80px}footer{padding:40px 0 120px;background-color:#EEF3F5}footer a:hover{padding-bottom:0.1em;border-bottom:1px solid #125}footer ::selection{color:#FFF;background:#125}footer ::-moz-selection{color:#FFF;background:#125}footer ul{margin:0 auto 40px;max-width:1000px;font-size:0}@media screen and (max-width: 480px){footer ul{margin-bottom:10px}}footer ul li{display:inline-block;vertical-align:top;margin:0;width:33.3%;font-size:1.3rem;line-height:2.34rem;text-align:center}@media screen and (max-width: 480px){footer ul li{display:block;padding:0 10px 30px;width:100%;font-size:1.2rem;line-height:2.16rem}}footer ul li:nth-child(1) span{display:block;margin:0 auto 30px;width:80px}footer ul li:nth-child(1) span img{width:100%;height:auto}footer ul li:nth-child(1) span.engAll{display:inline;margin:0;width:auto}footer ul li:nth-child(2){padding-bottom:0;font-size:1.8rem;line-height:2;letter-spacing:0.1em;font-weight:bold}@media screen and (max-width: 480px){footer ul li:nth-child(2){padding-bottom:10px;font-size:1.6rem;line-height:1.8}}footer ul a.twitter{display:block;margin-top:10px;font-size:2rem;line-height:3.6rem;text-align:center}footer ul a.twitter:hover{color:#00ACEE;border:none}footer p{font-size:1.3rem;line-height:2.34rem;text-align:center}@media screen and (max-width: 480px){footer p{font-size:1.1rem;line-height:1.98rem}}
