@charset "UTF-8";

.now #content .inner{width:970px; color:#333333; padding:0 0 40px 0;}
.now #content #main{background:#f5f5f5; margin:0; padding:0;}
.now #content #main #pan .inner{padding:0 30px 20px 30px;}

.now #content #main{margin: 0 auto;}
.now #content #main:after {content:''; display:block; clear:both;}

.now #content #visual{background:url(/assets/images/top/img-pc-now.jpg) 0% 70% no-repeat;/* 50% 50% */ background-size:cover; width:100%; height:470px; display:block; position:relative; margin:0; padding:0;background-position: center center !important;}
.now #content ._h1_r{font-size:41px;}

.now #content input[type="text"] {border:1px solid #fff;}
.now #content input[type="text"]:focus,
.now #content input[type="submit"]:focus,
.now #content input[type="image"]:focus{border: 1px solid #fff; outline: 0;}
.now #content input[type="text"]{width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.now #content .box-date{padding-top: 10px;padding-bottom: 15px;font-size: 14px;color: #333;width: 570px;margin: 0 auto;}
.now #content .box-date p{float: left;margin-right: 10px;}
.now #content .box-date p span{margin: 2px 4px;display: inline-block;font-size: 12px;position: relative;top:4px;}
.now #content .box-date .datepicker{padding: 7px;display: inline;width: 230px;font-size: 14px;margin-top: 5px;border-radius: 20px;text-align: center;}
.now #content .box-date .btn{text-decoration: none; padding:10px 20px; background:#181878; color:#fff;display: inline-block;cursor: pointer;font-size: 12px;margin-top: 5px;}
.now #content .box-date .btn:hover{opacity: 0.7;}
.now #content #menu .box-date .form input{background: url(/assets/images/now/icon-calendar-pc.png) no-repeat 200px center; background-color: #FFF;letter-spacing: 1px;}
.now #content #menu{position:relative; border-bottom:2px #d9d9d9 solid; margin:0 30px 30px 30px;}
.now #content #menu #search{width:230px; background:#fff; display: block; height:40px; position:absolute; border-radius:20px; right:0; top:0;}
.now #content #menu #keyword{width:190px; position:absolute; top:6px; left:6px; line-height:28px; height:28px;}  
.now #content #menu #btn-search{position:absolute; top:6px; right:6px;} 
.now #content #menu ul.filter{border-bottom: 2px solid #ddd;}
.now #content #menu ul.filter li{cursor: pointer;width:100px; font-size:14px; padding:10px 20px; background:none; color:#333333; display:inline-block; text-align:center; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; border-radius:10px; margin-bottom:15px;}
.now #content #menu ul.filter li.all{background:rgba(255,255,255,0.5); color:#666666; border-radius:10px;}
.now #content #menu ul.filter li.life{background:rgba(202,99,214,0.1); color:#ca63d6; border-radius:10px;}
.now #content #menu ul.filter li.event{background:rgba(45,143,243,0.1); color:#2d8ff3; border-radius:10px;}
.now #content #menu ul.filter li.club{background:rgba(70,202,89,0.1); color:#46ca59; border-radius:10px;}
.now #content #menu ul.filter li.all.active{background:#ffffff; color:#666666; border-radius:10px;}
.now #content #menu ul.filter li.life.active{background:#ca63d6; color:#fff; border-radius:10px;}
.now #content #menu ul.filter li.event.active{background:#2d8ff3; color:#fff; border-radius:10px;}
.now #content #menu ul.filter li.club.active{background:#46ca59; color:#fff; border-radius:10px;}

.now #content ._h2{font-size:14px; padding:8px 20px; line-height:1; color:#fff; margin-bottom:0; border:none; position:relative; font-weight:normal;}
.now #content ._h2.h_life{background:#ca63d6;}
.now #content ._h2.h_event{background:#2d8ff3;}
.now #content ._h2.h_club{background:#46ca59;}
.now #content ._h3{font-size:16px; font-weight:normal;}
.now #content ._h3 .date{font-size:12px; color:#999; display:block; margin-bottom:5px;}
.now #content .lead{font-size:14px; line-height:1.4;display: inline;}
.now #content  .box-link{list-style: none;}
.now #content  .box-link li{float: left;list-style: none;margin: 10px 0;}
.now #content  .box-link li a{background: #181878;color: #fff;border-radius: 20px;text-align: center;padding: 8px 10px;font-size: 12px;margin-right: 10px;display: inline-block;text-decoration: none;}
.now #content  .box-link li.blank a{background: #F6A900;}

.now #content .now-more{font-size:12px; color:#999999; text-align:center;margin: 15px 0;display: block; border:none;}
.now #content .now-more span{background:url(/assets/images/now/icon-more-pc.png) 0% 50% no-repeat; padding-left:35px; cursor:pointer;}
.now #content section.comment{background:#f9f6f1; box-sizing:border-box; width:100%;}
.now #content #section-pickup section.comment{margin-top:20px;}
.now #content .section-flow section.comment{margin-top:0;}
.now #content section.comment .comment-form{position: relative;padding-bottom: 10px;}
.now #content section.comment ._h4{padding:10px 0 7px 0; margin:0 15px 0 15px;}
.now #content section.comment h4{margin:0 15px 15px 15px; padding-top:15px; line-height:1.5; border-bottom:1px #dbdbdb solid;font-size: 14px;}
.now #content section.comment .post{width:100%; display:block; height:50px; position:relative; box-sizing:border-box; padding:0 5px; margin-bottom:5px;}
.now #content section.comment .post-txt{width:100%; font-size:13px; padding:0 15px 0 15px; box-sizing:border-box; display:block; border:none;margin: 0px;}
.now #content section.comment .post-txt textarea{font-size: 13px;color: #333;width: 100%;border: none;padding:10px 60px 10px 10px;}
.now #content section.comment .form-submit{padding: 0px;margin: 0px;}
.now #content section.comment .form-submit input{position:absolute; top:15px; right:15px; width:50px; background:#fff; border:none; border-left:#f9f6f1 1px solid; color:#efa300; font-size:13px; cursor:pointer;}
.now #content section.comment .comment-respond p{border-bottom: none;border:none;}
.now #content section.comment textarea{height:50px; box-sizing:border-box; width:100%;}
.now #content section.comment textarea::-webkit-input-placeholder,
.now #content section.comment textarea:-ms-input-placeholder,
.now #content section.comment textarea::-moz-placeholder{color:#bfbfbf; font-weight:normal;}
.now #content section.comment .massage{display: none;text-align: center;font-size: 12px; color:#333; padding:0 10px 10px 10px; line-height:1.2; margin-bottom:15px;}
.now #content section.comment textarea:focus {outline:none;}
.now #content section.comment p{font-size:13px; color:#333; line-height:1.2; margin:0 15px; padding:15px 0; border-bottom:1px #dbdbdb solid;}
.now #content section.comment .now-more,
.now #content section.comment p:nth-last-child(1){border-bottom:none; padding-bottom:0;}
/*.now #content section.comment #reply-title{display:none;}*/

.now #content #section-pickup{margin-top: 50px;}
.now #content .grid-item{background:#fff; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); padding:0;}
.now #content .grid-item .inside{padding:20px; box-sizing:border-box;}
.now #content .grid-item .image{width:425px;}
.now #content .grid-item .image li{list-style:none;}
.now #content .grid-item .image li span{width:136px; height:90px; float:left; margin:0 4px 4px 0; /*text-indent:100%; white-space:nowrap; overflow:hidden;*/ display:block; cursor:pointer;}
.now #content .grid-item .image li:nth-child(1) span{width:425px; height:280px; margin:0 0 3px 0;}
.now #content .grid-item .image li:nth-child(2) span{margin-left:4px; width:137px;}
.now #content .grid-item .image li:nth-last-child(1) span{margin-right:0;}
.now #content .grid-item .image li span img{width:100%; height:100%;}
.now #content .grid-item .txt{width:425px;}

.now #content #section-pickup{padding:30px 30px 0 30px;}
.now #content #section-pickup ._h3{font-size:24px;}
.now #content #section-pickup .lead{font-size:15px;}
.now #content #section-pickup .box-link{list-style: none;}
.now #content #section-pickup .box-link li{float: left;list-style: none;margin: 10px 0;}
.now #content #section-pickup .box-link li a{background: #181878;color: #fff;border-radius: 20px;text-align: center;padding: 8px 10px;font-size: 12px;margin-right: 10px;display: inline-block;text-decoration: none;}
.now #content #section-pickup .box-link li.blank a{background: #F6A900;}
.now #content #section-pickup .lead.hide{margin-bottom: 20px;display: none;}
.now #content #section-pickup{margin:0 auto 30px auto;}
.now #content #section-pickup .box .image{width:425px; float:left;}
.now #content #section-pickup .box .txt{width:425px; float:right;}

.now #content .section-flow{margin:0 auto 50px auto; width:970px;}
.now #content .section-flow .year{background:#a0a5b8; border-radius:5px; width:130px; height:30px; line-height:30px; font-size:13px; text-align:center; margin:0 auto; color:#fff; text-shadow: 1px 1px 3px #000;}
.now #content .section-flow .flow-more{background:#a0a5b8; border-radius:15px; width:130px; height:30px; line-height:30px; font-size:13px; text-align:center; margin:0 auto; color:#fff; text-shadow: 1px 1px 3px #000; cursor:pointer;}

.now #content .section-flow .wrapper-flow{display:block; position:relative; background:url(/assets/images/now/flow-line-pc.png) 50% 0 repeat-y; padding:30px 0 0 0;}
.now #content .section-flow .wrapper-flow.first{padding-top: 0px;}
.now #content .section-flow .box{width:425px; padding:0; margin:0 30px 30px 30px; box-sizing:border-box;}
.now #content #section-pickup .hide,
.now #content .section-flow .hide{display: none;}

.now .section-flow .grid{width:970px;}
.now .section-flow .grid-sizer,
.now .section-flow .grid-item{width:485px;}
.now .section-flow .gutter-sizer {width:0;}

.now #footer{background:#f5f5f5; padding-bottom:20px;}
.now .pagetop{position: fixed;right: 0px; bottom: 30px;cursor: pointer;}
.now .pagetop:hover{opacity: 0.7;}


/*datepicker*/
.ui-datepicker{z-index: 9999 !important;}