
@charset 'utf-8';
#preload-postholder{background:url(../img/postholder.gif) no-repeat -9999px -9999px}
.social-share{width:100%;margin-left:15px;}
.nhksocialbtn_sicon_style{width:100%}
.social_ts_style a,.social_ms_style a,.social_gs_style a,.social_hs_style a,.social_ys_style a,.social_fs_style a{display:block}
.nhksocialbtn_sicon_style ul{width:100%;height:34px;line-height:30px;margin:0;padding:0 10px}
.nhksocialbtn_sicon_style li{margin:0;padding:2px}
.socialbookmark_sicon_style{position:relative;width:100%}
.socialbookmark_sicon_style li{list-style-type:none;float:left}
.social_ts_style{position:relative}
.social_fs_style{position:relative}
.social_ms_style{position:relative}
.social_ys_style{position:relative}
.social_hs_style{position:relative}
.social_gs_style{position:relative}
#social-share-nomal{width:100%;max-width:175px;text-align:center;line-height:20px;height:66px;margin:0 auto}
#wrapper.busy{opacity:0;visibility:hidden}
#wrapper{width:100%;opacity:1;visibility:visible;padding-left:0;padding-top:81px;position:absolute;width:100%;top:0;left:0;z-index:1}
#wrapper-inner{background:#eee;min-height:100vh;}
#wrapper-inner .section-heading{position:relative;font-size:24px;width:100%;padding:15px 0;margin:0;border:0;border-top:1px solid rgb(249,249,249);box-shadow:0 4px rgba(0,0,0,.1);text-align:center;background:rgb(249,249,249);z-index:500}
#header{position:fixed;display:block;width:100%;top:0;left:0;right:0;z-index:501;}
#nol_header{padding:0!important;}
#nol_headerGroup{display:none;}
.toggle-menu{display:block;width:44px;height:44px;position:absolute;padding:15px 10px 10px;background-image:url(../img/menuopen_off.png);background-repeat:no-repeat;background-position:center;right:0;}
.toggle-menu:hover{background-color:rgb(78,157,193);background-image:url(../img/menuopen_on.png)}
.overlay{width:100%;height:100%;height:100vh;overflow:hidden;position:fixed;top:0;background:rgba(0,0,0,.5);right:260px;z-index:99999;}
.close-menu{display:block;width:44px;height:44px;position:absolute;padding:15px 10px 10px;background-repeat:no-repeat;background-position:center;right:0;left:auto;top:0;background-color:#ffffff;background-image:url(../img/menuclose_off.png);}
.close-menu:hover{background-color:rgb(78,157,193);background-image:url(../img/menuclose_on.png)}
#sidebar.fixed .overlay .close-menu{top:0;}
.back-history{display:block;width:44px;height:44px;position:absolute;padding:15px 10px 10px;background-image:url(../img/menuback_off.png);background-repeat:no-repeat;background-position:center;left:0;}
.back-history:hover{background-color:rgb(78,157,193);background-image:url(../img/menuback_on.png)}
#sidebar{position:fixed;background:#fff;width:260px;margin-left:-260px;bottom:0;z-index:500;}
#sidebar.menuopen{margin-left:0px;right:0;z-index:502;}
#sidebar.menuopen #sidebar-inner{height:100%;width:260px;overflow:hidden;overflow-y:auto;position:fixed;top:0px;background:#fff;right:0;}
#sidebar a img{opacity:1}
#sidebar a:hover img{opacity:.7}
#sidebar .logo-wrapper{display:none;width:100%;height:160px;padding-top:10px;text-align:center;}
#sidebar a.logo-wrapper:hover img{opacity:1}
#sidebar #menu > ul > li.special-banner,#sidebar #menu > ul > li.pc-banner{margin:0;padding:0;border:none}
#sidebar #menu > ul > li.special-banner img,#sidebar #menu > ul > li.pc-banner img{width:100%;}
#sidebar #menu > ul > li.special-banner > a,#sidebar #menu > ul > li.pc-banner > a{display:block;width:100%;margin:0;padding:0;background:rgb(74,74,74);border:none;}
#sidebar #menu > ul > li.special-banner > a:hover,#sidebar #menu > ul > li.pc-banner > a:hover{background:rgb(0,0,0);}
#sidebar #menu > ul > li.special-wrapper .holder::after{top:40px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
#sidebar #menu,#sidebar #menu ul,#sidebar #menu ul li,#sidebar #menu ul li a{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#sidebar #menu{width:250px;}
#sidebar #menu ul ul{display:none}
#sidebar #menu > ul > li > a{padding:15px 20px 14px 20px;border-bottom:1px solid #eee;cursor:pointer;z-index:2;font-size:15px;text-decoration:none;color:rgb(51,51,51);background:rgb(255,255,255)}
#sidebar #menu > ul > li > a:hover{color:rgb(255,255,255);background:rgb(78,157,193)}
#sidebar #menu > ul > li > a:hover .holder::after{border-top:1px solid rgb(255,255,255);border-left:1px solid rgb(255,255,255)}
#sidebar #menu > ul > li.has-sub.open > a:hover .holder::after{border-top:1px solid rgb(155,155,155);border-left:1px solid rgb(155,155,155)}
#sidebar #menu > ul > li.open > a,#sidebar #menu > ul > li.active > a{color:rgb(51,51,51);background:rgb(255,255,255);}
#sidebar #menu > ul > li.open > a{border-bottom:1px solid #eee;}
#sidebar .holder{width:0;height:0;position:absolute;top:0;right:0}
#sidebar .holder::after,#sidebar .holder::before{display:block;position:absolute;content:"";width:6px;height:6px;right:10px;z-index:10}
#sidebar .holder::after{top:19px;border-top:1px solid rgb(155,155,155);border-left:1px solid rgb(155,155,155);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#sidebar #menu ul ul li.more a{background:rgb(249,249,249);padding:10px 20px!important;text-align:right;margin-top:-1px;}
#sidebar #menu ul ul li.more .holder::after{top:14px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
#sidebar .more:hover .holder::after,#sidebar .more.active .holder::after{border-top:1px solid rgb(255,255,255);border-left:1px solid rgb(255,255,255)}
#sidebar #menu > ul > li > a:hover > span::after,#sidebar #menu > ul > li.active > a > span::after,#sidebar #menu > ul > li.open > a > span::after{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
#sidebar #menu ul ul li a{cursor:pointer;padding:15px 25px;z-index:1;text-decoration:none;color:rgb(51,51,51);background:#ededed;}
#sidebar #menu ul li.pr-list ul li a{border-bottom:none;}
#sidebar #menu ul ul li:hover > a:hover,#sidebar #menu ul ul li.open > a,#sidebar #menu ul ul li.active > a{color:rgb(249,249,249);background:rgb(78,157,193)}
#sidebar #menu ul li.pr-list ul li a{padding:5px}
#sidebar #menu ul li.pr-list ul li a .pr-avatar img{width:40px;height:40px;border-radius:21px;border:1px solid rgb(255,255,255)}
#sidebar #menu ul li.pr-name{padding:0;padding-left:5px}
#sidebar .banner-wrapper{padding:10px 10px 0 10px;background:rgb(255,255,255)}
#sidebar .banner-wrapper .sm-title{border-bottom:1px solid rgb(241,241,241);margin:0 0 10px;text-align:center;padding:10px 0 0}
#sidebar .banner-link{padding-bottom:10px;display:block}
#sidebar .banner-link img{width:100%}
#sidebar .social-wrapper{text-align:center;padding:0 10px}
#sidebar .about-banner{display:block;border:1px solid rgb(51,51,51);text-align:center;font-weight:bold;border-radius:10px;margin-bottom:10px;margin:10px 10px 0}
#sidebar .about-banner a{padding:10px;display:block;color:rgb(51,51,51)}
#sidebar .about-banner:hover{background:rgb(51,51,51)}
#sidebar .about-banner:hover a{color:rgb(255,255,255)}
#sidebar .social-wrapper .social-link{display:block;border:1px solid rgb(51,51,51);padding:10px;border-radius:10px;margin-bottom:10px}
#sidebar .social-wrapper .social-link span{padding-left:5px}
#sidebar .social-wrapper .social-link.facebook{color:rgb(49,97,153);border-color:rgb(49,97,153)}
#sidebar .social-wrapper .social-link.facebook:hover{color:rgb(255,255,255);background:rgb(49,97,153)}
#sidebar .social-wrapper .social-link.twitter{color:rgb(78,157,193);border-color:rgb(78,157,193)}
#sidebar .social-wrapper .social-link.twitter:hover{color:rgb(255,255,255);background:rgb(78,157,193)}
#sidebar .links-wrapper ul{padding:0;margin:10px;list-style:none}
#sidebar .links-wrapper ul li{color:rgb(74,74,74);font-size:12px;text-indent:2px}
#sidebar .links-wrapper ul li:last-child{padding:10px 0;text-indent:0}
#sidebar .links-wrapper ul li a{color:rgb(74,74,74);line-height:25px}
#sidebar .links-wrapper ul li i{padding-right:5px}
#pages{display:none}
#loader{display:none;width:100%;height:60px;text-align:center;padding:20px;background-color:transparent}
.form-box{max-width:794px;margin:20px auto;padding:10px;background:rgb(255,255,255)}
.form-group{padding:10px;border-bottom:1px solid #f5f5f5;margin:0}
.form-group label{font-weight:bold}
#form-intro{max-width:794px;margin:20px auto;padding:15px;background-color:#fff;background-image:url(../img/catbody.gif);}
.form-intro-title{text-align:center}
.form-intro-title img{max-width:700px;width:100%;padding:10px}
#form-intro a{color:#ff4d00;text-decoration:underline;}
#form-intro p,#form-intro h2{padding:0 10px;}
#form-intro h2 span img{padding-left:10px;padding-top:5px;}
#cat-thanks{max-width:794px;margin:20px auto;text-align:center}
#cat-thanks img{max-width:580px;width:100%;margin:20px auto;}
#cat-error{max-width:794px;margin:20px auto;text-align:center}
#cat-error img{max-width:580px;width:100%;margin:20px auto;}
#cat-error #msg{margin:20px}
#cat-error .btnCancel{width:120px;margin:20px auto}
#thanks-message{text-align:center;background:#fff;padding:5px;max-width:96%;margin:2%;border-color:rgb(78,157,193);border-width:5px;border-style:double}
.sp-menubar{position:fixed;background:rgb(255,255,255);background:rgba(255,255,255,.98);border-bottom:2px solid #ccc;left:0;width:100%;height:45px;}
.sp-menubar.fixed{top:0px}
.sp-menubar .sp-logo{position:absolute;top:5px;left:48px;}
.sp-menubar .sp-logo img{width:100px;}
.sp-menubar .sp-logo img:hover{opacity:1!important}
#indexPage .sp-logo{left:5px;}
#indexPage .back-history{display:none;}
#pagetitle-area{display:table;width:100%;text-align:center;color:rgb(255,255,255);background-color:rgb(255,255,255);background-image:none;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#pagetitle-area-inner{display:table-cell;vertical-align:middle;padding:0px 20px;font-weight:bold;}
.pagetitle,.pagetitle-lead{max-width:880px;margin:0 auto;text-shadow:0px 1px 2px rgba(0,0,0,1)}
.pagetitle{font-size:24px;padding:10px 20px;}
.pagetitle-lead{font-size:20px;line-height:30px;padding:0 20px 10px;}
.pagetitle small{font-size:20px}
#pagetitle-area.prs .pr-image{max-width:100%;padding:10px 0;}
#pagetitle-area.prs .pr-image img{border-radius:50%;width:100%;max-width:80px}
#pagetitle-area.prs .pr-profile-box{max-width:880px;margin:0 auto}
#pagetitle-area.prs .pr-name{text-align:center;font-size:30px;margin:0;padding-top:10px;padding-bottom:0px;text-shadow:0px 1px 2px rgba(0,0,0,1)}
#pagetitle-area.prs .pr-desc{text-align:center;font-size:16px;text-shadow:0px 1px 2px rgba(0,0,0,1);padding-bottom:10px}
#pagetitle-area.prs .pr-lead{text-align:center;font-size:20px;line-height:30px;padding-bottom:10px;text-shadow:0px 1px 2px rgba(0,0,0,1)}
.pr-panel{display:block;position:relative;margin:0;padding:0;background:#fff;margin-bottom:15px!important;}
.pr-panel .pr-panel-inner{padding:10px;text-align:center}
.pr-panel .pr-color{display:block;width:120px;height:4px;margin:0 auto -4px;background:transparent}
.pr-panel .pr-image{text-align:center;max-width:100%;padding:20px}
.pr-panel .mens-image{text-align:center;max-width:100%;padding:20px}
.pr-panel .pr-image img{border-radius:50%;width:100%;max-width:140px}
.pr-panel .pr-name{color:rgb(51,51,51);text-align:center;font-size:20px;font-weight:bold;padding-bottom:10px}
.pr-panel .pr-desc{color:rgb(155,155,155);text-align:center;font-size:16px;padding:0 30px 30px}
.pr-links{width:100%;background:#fff}
.pr-links a{width:45%;max-width:160px;background:#333;display:inline-block}
.pr-links a:hover{opacity:.5}
.pr-links a img{width:100%}
ul.tabs{margin:0;margin-top:-4px;padding:0;list-style:none;background:#f5f5f5}
ul.tabs li a{font-size:16px;line-height:20px;font-weight:bold;padding:5px;color:#333;width:100%;display:inline-block;cursor:pointer;-webkit-transition:all ease-in .3s;-o-transition:all ease-in .3s;transition:all ease-in .3;text-align:center;border-right:1px solid rgba(0,0,0,.2);border-bottom:4px solid rgba(0,0,0,.2);border-left:1px solid rgba(0,0,0,.2);background:#fff;float:left;height:54px}
ul.tabs li a span{font-size:70%}
ul.tabs.mens-tabs li a{width:50%}
ul.tabs li:hover a,ul.tabs li.current a{color:#fff;background:#999}
ul.tabs li:last-child a{border-right:none}
ul.tabs li:first-child a{border-left:none}
.cat-bg{background-position:center;min-height:1200px;background-color:#fff;background-image:url(../img/wood.gif);}
.cat-bg .cat-box{max-width:640px;margin:20px auto;padding:10px;background-color:#fff;background-image:url(../img/catbody.gif);background-position:center}
.cat-bg .cat-head{text-align:center;margin:0 auto}
.cat-bg .cat-head h2{font-size:16px;width:230px;margin:20px auto;position:relative}
.cat-bg .cat-head h2:before,.cat-bg .cat-head h2:after{content:" ";display:block;width:25px;height:25px}
.cat-bg .cat-head h2:before{position:absolute;top:10px;left:-35px;background-image:url(../img/moustache-left.gif)}
.cat-bg .cat-head h2:after{position:absolute;top:10px;right:-35px;background-image:url(../img/moustache-right.gif)}
.cat-bg .cat-image img{width:100%;max-width:300px}
.cat-bg .cat-head-sub img{width:100%;max-width:445px}
.cat-bg .cat-body{max-width:500px;margin:0 auto;}
.cat-bg .cat-box dl{width:100%;font-size:15px;max-width:500px;margin:10px auto;min-height:32px;float:left;}
.cat-bg .cat-box dl dt{padding:0;margin:0;display:block;width:90px;height:32px;}
.cat-bg .cat-box dl dd{padding:0;margin:0;display:block;margin-left:90px;margin-top:-32px;padding-left:10px;padding-top:5px;}
.error-box{text-align:center;background:#fff;padding:0 5px;max-width:96%;margin:2%;border-color:rgb(78,157,193);border-width:5px;border-style:double;line-height:300px}
.error-text{line-height:40px;font-size:20px;font-weight:bold}
#about{text-align:center;background:#fff;padding:5px;max-width:96%;margin:2%;border-color:rgb(78,157,193);border-width:5px;border-style:double}
#about h2{font-size:16px}
#about p{font-size:14px;line-height:20px}
#about .awsome{color:rgb(78,157,193);padding:16px;display:block;font-weight:bold;font-size:100%}
#post-area{border-bottom:1px solid rgb(233,233,233);padding-bottom:20px;}
#post-header{background-color:#1A4559;width:100%;border-bottom:4px solid #4E9DC1;}
#post-header #main-visual{max-width:794px;margin:0 auto;}
#post-body,#post-footer{max-width:794px;margin:0 auto;background:#fff;}
#post-header #main-visual ul,#post-header #main-visual ul li{list-style:none;margin:0;padding:0}
#post-header #main-visual ul li img{width:100%}
#post-header #main-visual{min-height:180px;text-align:center;background:#000}
.preview-post #post-header #main-visual ul li img{max-width:640px;margin:0 auto;}
iframe{width:320px;height:180px}
#social_sns_notice{margin-top:5px;padding:0 10px 2px;background:#fff;width:100%}
#post-body{background-color:rgb(255,255,255);}
#post-body .pr-box{padding:10px;text-align:center;display:block}
#post-body .pr-box .pr-image img{width:100%;max-width:100px;border-radius:50%}
#post-body .pr-name{color:rgb(74,74,74);font-size:10px;font-weight:bold;padding-top:10px}
#post-body .pr-desc{color:rgb(74,74,74);font-size:9px;padding-top:5px}
#post-body .post-intro-box{padding:10px}
#post-body .post-intro-box .post-date{width:100%;text-align:right;color:rgb(155,155,155);font-size:12px;padding:0 0 5px;}
#post-body .post-title{color:#333;font-size:22px;font-weight:bold;margin:0}
#post-body .post-subtitle{font-size:16px;color:#666;}
#post-body .post-lead{color:rgb(74,74,74);font-size:16px;margin:10px 0}
#post-footer .tag-area{padding:10px 10px 0}
#post-footer .tag-area ul{list-style:none;margin:0;padding:0;width:100%;text-align:center}
#post-footer .tag-area li{margin-right:20px;margin-bottom:10px;display:inline-block}
#post-footer .tag-area li a{color:#ffffff;position:relative;display:inline-block;padding:0 10px;height:30px;line-height:30px;text-align:center;background:#4e9dc1;border-left:1px solid rgb(155,155,155);-webkit-box-shadow:0px 1px 0px 1px #fff;-moz-box-shadow:0px 1px 0px 1px #fff;box-shadow:0px 1px 0px 1px #fff;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
#post-footer .tag-area li a:after{content:'';position:absolute;border-style:solid;border-width:15px 0 15px 19px;border-color:transparent #4e9dc1;display:block;width:0;z-index:1;right:-19px;top:0px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
#post-footer .tag-area li a:hover{color:rgb(255,255,255);background:rgb(74,74,74);border-left:1px solid rgb(0,0,0);}
#post-footer .tag-area li a:hover:after{border-color:transparent rgb(74,74,74)}
#post-footer .search-area{padding:10px;}
#post-footer .search-area-inner{background:#fff;border:4px solid #eee;}
#post-footer .search-area-inner h3{text-align:center;font-size:20px;}
#post-footer .search-area-inner ul{list-style:none;margin:0;padding:0;width:100%;text-align:center}
#post-footer .search-area-inner li{margin-bottom:5px;display:inline-block}
#post-footer .search-area-inner li a{position:relative;display:inline-block;padding:0 5px;height:30px;line-height:30px;text-align:center;background:#fff;}
#post-footer .search-area-inner li a:before{content:"▶︎ ";}
.show-panel{width:100%;padding:0px 10px 10px}
.show-panel .show-panel-inner{background:#fff;border:1px solid #eee;border-left:4px solid #eee;border-bottom:4px solid #eee;}
#post-body h4.show-heading{font-size:20px;text-align:center;padding:10px;margin:0;background:#4e9dc1;color:#fff;margin-bottom:10px}
.show-header-box{display:block;width:100%}
.show-thumb{width:100%;display:block}
.show-panel .show-panel-inner .show-thumb img{width:100%;display:block}
.show-panel .show-intro-box{display:block;width:100%;border-bottom:1px solid #eee;padding:10px;background:#f5f5f5;}
.show-panel .show-title{display:block;color:rgb(74,74,74);padding:0 0 10px;font-size:16px;margin:0;text-align:center;}
.show-panel .show-links{}
.show-panel .show-links ul{list-style:none;padding:0;width:100%;margin:0;text-align:center;}
.show-panel .show-links li{display:inline-block;text-align:center;margin:5px;}
.show-panel .show-links li a{display:block;margin:0 auto;}
.show-panel .show-links li a img{width:100%;max-width:130px;}
.show-panel .show-info{padding:0 10px 10px;}
.show-panel .show-info h4{margin:0;margin-top:5px;font-size:14px}
.show-panel .show-info p{margin:0;margin-top:5px;font-size:12px}
.channel-thumb{width:80px}
.channel-date{line-height:40px}
.post-content{padding:10px 10px 20px;margin:0;}
.post-content img{width:100%}
.post-content p{margin-top:10px;color:rgb(74,74,74);font-size:16px}
.post-content figcaption{margin-top:5px;color:rgb(74,74,74);font-size:12px;}
.post-content .video-caption{margin-top:10px;color:rgb(74,74,74);font-size:18px}
.video-panel{width:100%;border-left:4px solid #eee;border-bottom:4px solid #eee;padding:10px 20px;}
.video-panel .video-panel-inner{}
.video-panel .video-info{padding-bottom:10px}
.video-panel .video-info h4{margin:0;margin-top:5px;font-size:20px}
.video-panel .video-info p{margin:0;margin-top:5px;font-size:16px}
.cats-post #post-body{background:transparent}
.cats-post #post-header #main-visual{background-color:transparent}
.cats-post #post-body .cat-guest-box{width:100%}
.cats-post #post-body .cat-guest-box h4{margin:0;padding:5px;}
.cats-post #post-body .cat-guest-box h4 img{width:100%;}
.footprint-box img{padding:2px 5px 5px;width:27px}
.guest-body{background:#fff}
.guest-body-inner{margin:10px auto}
.cats-post #post-body .guest-image{text-align:center;position:relative;text-align:center}
.cats-post #post-body .guest-image img{width:100%;max-width:290px;padding:10px}
.cats-post #post-body .guest-cat-bubble img{width:151px;height:50px;position:absolute;bottom:5px;left:50%;margin-left:-150px;padding:0}
.cats-post #post-body .guest-info{text-align:center;background:#fff;border-radius:10px}
.cats-post #post-body .guest-name{font-size:28px;color:rgb(243,81,1);font-weight:bold;padding:10px 10px 0}
.cats-post #post-body .guest-profile{font-size:16px;color:rgb(55,44,31);padding:10px}
.cats-post #post-body .guest-link{display:block;margin:0 auto 10px;max-width:141px;}
.cats-post #post-body .guest-link:hover{background:#fff;color:rgb(78,157,193)}
.cats-post #post-body .cats-talk{width:100%;background:transparent}
.cats-post #post-body .bubble-box{padding:0 20px 10px;margin-top:20px;display:table}
.cats-post #post-body .bubble-image{padding:0 20px 0 0;display:table-cell;vertical-align:middle}
.cats-post #post-body .bubble-image img{width:60px;height:60px;border-radius:50%}
.cats-post #post-body .bubble-guest-image{padding:0 10px 0 0;display:table-cell;vertical-align:middle}
.cats-post #post-body .bubble-guest-image img{width:60px}
.cats-post #post-body .bubble-comment{display:table-cell;vertical-align:middle;padding:15px;background:#fff;border-radius:20px;font-size:16px;position:relative;border:1px solid rgb(55,44,31);}
.cats-post #post-body .bubble-comment:after{border-width:17px 15px 15px 0;border-color:transparent red;left:0px;top:50%;margin-top:-15px}
.cats-post #post-body h4.show-heading{font-size:20px;text-align:center;padding:10px;margin:0;background:rgb(243,81,1);color:#fff;margin-bottom:10px}
.cats-post #post-body .show-panel{background:transparent}
#post-body{background:#fff;}
.mens-post #post-body .mens-guest-box{width:100%;margin-bottom:10px}
#mens-more-images{text-align:center;margin-bottom:10px}
#mens-more-images img{width:100%}
.mens-post #post-body .mens-guest-box h4{margin:0 auto;padding:10px;font-size:20px;background-color:rgb(228,136,106);background-image:url(../img/pattern1.jpg);color:#fff;text-align:center}
.mens-post #post-body .mens-image{padding:10px;margin:0 auto;padding:10px;text-align:center}
.mens-post #post-body .mens-image img{width:50%}
.mens-post #post-body .mens-info{padding:10px}
.mens-post #post-body .mens-name{font-size:24px;color:rgb(228,136,106);font-weight:bold}
.mens-post #post-body .mens-profile,.mens-post #post-body .mens-time{font-size:16px;padding-bottom:20px}
.mens-post #post-body .mens-sub{font-size:18px;color:rgb(228,136,106);padding-bottom:20px;font-weight:bold}
.mens-more{width:100%;padding:10px 0}
.mens-more a{display:block;color:#fff;text-align:center;margin:0 auto;padding:10px;text-align:center;font-size:20px;background-color:rgb(228,136,106);border-radius:40px;font-weight:bold;width:70%}
.mens-more a:hover{background:rgb(193,96,65)}
.mens-post #post-body .mens-link{display:block;margin:0 auto;max-width:260px;padding:10px;background:rgb(228,136,106);color:#fff;border-radius:20px;border:1px solid rgb(228,136,106)}
.mens-post #post-body .mens-link:hover{background:rgb(193,96,65)}
.mens-post #post-body .mens-talk{width:100%;padding:20px;margin-bottom:10px}
.mens-post #post-body .mens-talk .question{color:rgb(228,136,106);font-size:18px;font-weight:bold;padding:5px}
.mens-post #post-body .mens-talk .reply{font-size:16px;padding:5px}
.mens-post #post-body .bubble-box{padding:5px;display:table}
.mens-post #post-body .bubble-image{padding:10px;display:table-cell;vertical-align:middle}
.mens-post #post-body .bubble-image img{width:60px;height:60px;border-radius:50%}
.mens-post #post-body .bubble-comment{display:table-cell;vertical-align:middle;padding:20px;background:#fff;border-radius:20px;font-size:16px}
.mens-post #post-body .bubble-comment:after{border-width:17px 15px 15px 0;border-color:transparent #fff;left:0px;top:50%;margin-top:-15px}
.mens-post #post-body h4.show-heading{font-size:20px;text-align:center;padding:20px;margin:0;background:#f9f9f9}
.mens-post #post-body .show-panel{background:transparent}
.mens-post .mens-question-box{width:100%;margin:10px auto;background:#FFF4F8}
.mens-post .mens-question-box h4{margin:0 auto;padding:10px;font-size:25px;font-weight:bold;text-align:center;background:#fc6ca6;color:#fff}
.mens-post .mens-question-inner{margin:0 auto;padding:10px 40px 0;text-align:left}
.mens-post .mens-question-inner .question{color:#fc6ca6;font-size:14px;font-weight:bold;padding:10px 0 5px;border-top:2px dashed #fff}
.mens-post .mens-question-inner .question:first-child{border:none}
.mens-post .mens-question-inner .reply{font-size:16px;padding:0 5px 10px;color:#333}
.form-box{background-color:#fff;background-image:url(../img/catbody.gif);}
.form-btn-box{width:100%;padding:0 20px 20px}
.form-btn-box a{display:block}
.form-btn-box a img{width:100%}
.form-btn-box a:hover img{opacity:0.8}
.cats-question-box .form-btn-box{background:transparent;padding:0 10px 10px}
.pr-panel{display:block;position:relative;margin:0;padding:0}
.pr-panel .pr-panel-inner{padding:10px;text-align:center}
.pr-panel .pr-color{display:block;width:120px;height:4px;margin:0 auto -4px;background:transparent}
.pr-panel .pr-image{text-align:center;max-width:100%;padding:20px}
.pr-panel .mens-image{text-align:center;max-width:100%;padding:20px}
.pr-panel .pr-image img{border-radius:50%;width:100%;max-width:140px}
.pr-panel .pr-image.pr-cats img{border-radius:0;width:100%;max-width:200px}
.pr-panel .pr-name{color:rgb(51,51,51);text-align:center;font-size:20px;font-weight:bold;padding-bottom:10px;height:60px}
.pr-panel .pr-desc{color:rgb(155,155,155);text-align:center;font-size:16px;padding:0 30px 30px;height:60px}
.pr-links{width:100%;background:#fff}
.pr-links a{width:45%;max-width:160px;background:#333;display:inline-block}
.pr-links a:hover{opacity:.5}
.pr-links a img{width:100%}
#form-header{background-color:rgb(233,233,233);width:100%}
#form-header #main-visual{max-width:794px;margin:0 auto}
#form-header #main-visual img{width:100%}
.mens-post{background-color:rgb(241,195,180)}
.mens-post #post-header{background-color:rgb(228,136,106);border-color:rgb(228,136,106);background-image:url(../img/pattern1.jpg)}
.cats-post{background-color:#d8efff;background-image:url(../img/wood.gif);}
.cats-post #post-header{background-color:#d8efff;border-color:rgb(243,81,1);background-image:url(../img/catheader.gif);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.cats-post #post-body .intro-box{border-color:rgb(55,44,31);}
.cats-post #post-body{background-color:#fff;background-image:url(../img/catbody.gif)}
.cats-post #post-footer{background-color:#fff;background-image:url(../img/catbody.gif)}
.cats-post .back-btn a{display:block;padding:10px;width:100%;color:#fff;background:rgb(55,44,31);border-radius:40px;font-size:18px;font-weight:bold;border:1px solid rgb(55,44,31);}
.cats-post .back-btn a:hover{background:#fff;color:rgb(55,44,31);}
.mens-post #post-body{background-color:rgb(253,250,246)}
.show-post #post-body,.original-post #post-body,.preview-post #post-body,.trailer-post #post-body{background-color:#fff}
.catBasicInfo{border-bottom:1px solid rgb(249,249,249);}
.formTtl{background:rgba(255,255,255,0)}
.formTtl p{font-size:18px;color:rgb(243,81,1);padding:10px;border-bottom:2px solid rgb(243,81,1);}
.ownerInfo{margin-bottom:10px}
.btnArea{padding:10px}
.mensQuestion{margin-bottom:10px}
.form-group{border-bottom:none}
input[type="text"],input[type="email"],textarea,select{width:100%;padding:5px;border:1px solid #cccccc}
select{color:#555555;height:30px;line-height:30px;background-color:#ffffff}
input[type="text"].year,input[type="text"].month{width:95%}
input.year::-webkit-input-placeholder{text-align:right;padding-right:5px;color:#333}
input.year:-moz-placeholder{text-align:right;padding-right:5px;color:#333}
input.month::-webkit-input-placeholder{text-align:right;padding-right:5px;color:#333}
input.month:-moz-placeholder{text-align:right;padding-right:5px;color:#333}
input.day::-webkit-input-placeholder{text-align:right;padding-right:5px;color:#333}
input.day:-moz-placeholder{text-align:right;padding-right:5px;color:#333}
.requiredTxt{font-size:12px;color:#bc3e2e;padding-left:10px}
.note{font-size:12px;font-weight:normal}
input[type="submit"]{-webkit-appearance:none;border-radius:0;padding:10px;color:#fff;width:100%}
.formCat input[type="submit"]{background-color:rgb(243,81,1);border:2px solid rgb(243,81,1);}
.formCat input[type="submit"]:hover{background-color:rgba(243,81,1,.5);border:2px solid rgba(243,81,1,.5);}
.formMens input[type="submit"]{background-color:rgb(228,136,106);border:2px solid rgb(228,136,106);}
.formMens input[type="submit"]:hover{background-color:rgba(228,136,106,.5);border:2px solid rgba(228,136,106,.5);}
.btnCancel a{background-color:#fff;border:2px solid #cbcbcb;color:#333;padding:10px;width:100%;display:block;text-align:center}
.btnCancel{padding-right:5px}
.btnSubmit{padding-left:5px}
.red{color:#ce8c6d}
.black{color:#333}
.mens-back-btn{display:block;width:100%;padding:20px;text-align:center}
.mens-back-btn a{display:block;color:#fff;text-align:center;width:100%;margin:0 auto;padding:10px;text-align:center;font-size:20px;background-color:rgb(228,136,106);border-radius:40px;font-weight:bold}
.mens-back-btn a:hover{background:rgb(193,96,65)}
.back-btn{display:block;width:100%;padding:20px;text-align:center}
.back-btn a{display:block;padding:10px;width:100%;color:#fff;background:#337ab7;border-radius:40px;font-size:18px;font-weight:bold;border:1px solid #337ab7}
.back-btn a:hover{background:#fff;color:#337ab7}
@media (max-width:767px){

	/*  #sidebar #menu {
		margin-top:37px;
	} */
	.requiredTxt{text-align:right;display:block;padding-top:5px}
	.note p{-webkit-margin-before:0;-webkit-margin-after:0}
	#pagetitle-area.prs .pr-name{font-size:20px;}
	#pagetitle-area.prs .pr-desc{font-size:12px;}
	#pagetitle-area.prs .pr-lead{font-size:14px;line-height:1.42857;}
	#post-body .post-title{font-size:16px;}
	#post-body .post-lead{font-size:12px;}
	.post-content p{font-size:14px}
	.post-content figcaption{font-size:12px;}
	.video-panel .video-info p{font-size:14px}
	.mens-post #post-body .mens-talk .question{font-size:14px}
	.mens-post #post-body .mens-talk .reply{font-size:16px;margin:0}
	.mens-post #post-body .mens-name{font-size:20px}
	.mens-post #post-body .mens-profile,.mens-post #post-body .mens-time{font-size:14px}
	.mens-post .mens-question-box h4{font-size:18px}
	.mens-post .mens-question-inner{padding:10px 30px 0}
	.cats-post #post-body .cat-guest-box h4 img{width:80%}
	.cats-post #post-body .guest-profile{font-size:14px}
	.cats-post #post-body .guest-name{padding:0px 10px 0}
	.cats-post #post-body .bubble-comment{font-size:14px}
	.cats-post #post-body h4.show-heading{font-size:18px}
}
.error-block{border-color:rgb(78,157,193);background:#fff;border-width:5px;border-style:double;padding:20px;margin:15px auto;width:100%;max-width:710px;}
.error-text{text-align:center;line-height:25px;font-size:16px;font-weight:bold;padding-top:15px;}
@media (min-width:768px){
	#nol_headerGroup{display:block;}
	iframe{width:640px;height:360px}
	#pagetitle-area.prs .pr-name,#pagetitle-area.prs .pr-desc,#pagetitle-area.prs .pr-lead{text-align:left;padding-left:25px}
	#about{margin:20px auto;max-width:640px;padding:20px}
	#about h2{font-size:26px}
	#about p{font-size:20px;line-height:36px}
	#about .awsome{font-size:140%}
	.mens-post #post-body .mens-image img{width:100%}
	.form-box{padding:20px;}
	.show-thumb{width:160px;display:table-cell;vertical-align:middle;background:#f5f5f5;padding:0 4px 0 0;}
	.show-panel .show-panel-inner .show-thumb img{width:160px}
	.show-panel .show-title{display:table-row;vertical-align:bottom;color:#333;font-size:20px;padding:0;margin:0 0 10px 0;float:left;width:100%;text-align:left;}
	.show-panel .show-links ul{text-align:left;}
	.show-panel .show-intro-box{padding-left:10px;}
	.show-panel .show-links li{display:inline;margin-right:5px;}
	.show-panel .show-links li a{display:inline-block;width:160px}
	.show-panel .show-links li a img{max-width:160px}
	.show-header-box{display:table;background:#fff;padding:0;border-bottom:1px solid #eee;}
	ul.tabs li a{font-size:18px;line-height:23px;height:63px;width:33.33%}
	#pagetitle-area{min-height:120px;}
	.pagetitle{font-size:35px;padding:10px 20px;}
	.mens-post #post-body .mens-talk .question{font-size:14px}
	.mens-post #post-body .mens-talk .reply{font-size:16px;margin:0}
	.error-block{padding:30px 10px 10px;}
	.error-text{line-height:40px;font-size:20px;font-weight:bold;padding-top:15px;}
}
.site-desc{text-align:center;display:block;margin:0;padding:10px 0;border-bottom:1px solid #f5f5f5;display:none;}
.sp-banners{display:block;}
@media (min-width:768px){
	.sp-banners{display:none;}
}
@media (min-width:992px){
	#header{border-bottom:2px solid #ccc;}
	.site-desc{text-align:center;display:block;margin:0;padding:10px 0;border-bottom:1px solid #f5f5f5;}
	.sp-menubar{display:none;border-bottom:none;}
	.toggle-menu{display:none}
	#sidebar .logo-wrapper{display:block}
	#wrapper{padding-left:265px;}
	#sidebar{background:transparent;margin-left:0px;overflow:hidden;overflow-y:auto;position:fixed;width:265px;}
	#sidebar-inner{width:250px;overflow:hidden;background:#fff;}
	#sidebar.fixed{		/* top: 0; */}
}
#backtop{display:none;cursor:pointer;position:fixed;width:50px;height:50px;bottom:5px;left:5px;z-index:20;text-align:center;line-height:43px;font-size:25px;color:rgb(78,157,193);background:rgb(250,250,250);border:1px solid rgb(230,230,230);}
#backtop:hover,#backtop:active{color:rgb(255,255,255);background:rgb(78,157,193);border:1px solid rgb(255,255,255);}
@media (min-width:768px){
	#backtop{right:5px;left:auto;}
}

/* new */
.panel{position:relative;background:#fff;margin-bottom:10px;border-left:4px solid #ddd;border-bottom:4px solid #ddd;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.panel:hover{border-left:4px solid #4e9dc1!important;border-bottom:4px solid #4e9dc1!important;-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2);}
.panel .panel-img:hover img{cursor:pointer!important;}
.panel .pr-img img:hover{opacity:.65;filter:"alpha(opacity=65)";-ms-filter:"alpha(opacity=65)";cursor:pointer!important;}
.panel .panel-img{display:block;}
.panel .panel-img img{width:100%;}
.panel .panel-caption{height:120px;position:relative;}
.panel .panel-caption .pr-img{position:absolute;top:5px;left:5px;width:40px;height:40px;z-index:2;}
.panel .panel-caption .panel-title-box{position:absolute;top:0;left:0;width:100%;height:65px;background:transparent;padding:5px;padding-left:50px;font-weight:bold;}
.panel .panel-caption .panel-title{font-size:14px;line-height:20px;max-height:60px;color:#000;width:100%;display:block;overflow:hidden;}
.panel .panel-caption .panel-subtitle{font-size:12px;font-weight:normal;color:#666;width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.panel .panel-caption .panel-title-box:hover .panel-title{color:#444;cursor:pointer!important;}
.panel .panel-caption .panel-title-box:hover .panel-subtitle{color:#888;cursor:pointer!important;}
.panel .panel-caption .pr-img img{width:100%;border-radius:50%;}
.panel .panel-caption .panel-tags{position:absolute;bottom:10px;left:10px;text-align:right;padding:0;}
.panel .panel-caption .panel-tags ul{padding:0;margin:0;}
.panel .panel-caption .panel-tags ul li{display:inline-block;width:55px;padding:0;margin:0;margin-right:2px;float:left;}
.panel .panel-caption .panel-tags ul li img{width:100%;padding:0;margin:0;float:left;}
#wrapper-inner .section-heading{background:#fff;margin:10px 0;}
.sp-banners a{display:block;margin-bottom:10px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.sp-banners a:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);box-shadow:0 0 5px rgba(0,0,0,0.5);}
#sidebar #menu > ul > li.pc-banner{display:none;}
.panel .panel-img .badge{position:absolute;width:60px;bottom:10px;left:-10px;}
.panel.big .panel-img .badge{width:80px;}
.panel .panel-img .badge img{border-radius:0 40px 40px 0;}
@media (min-width:768px){
	.panel .panel-img .badge{width:60px;}
	.panel.big .panel-img .badge{width:100px;}
	#sidebar #menu > ul > li.pc-banner{display:block;}
	.panel.big .panel-caption{height:247px;overflow:hidden;}
	.panel.big .panel-caption .pr-img{top:10px;left:10px;width:80px;height:80px;}
	.panel.big .panel-caption .panel-title-box{height:130px;padding:10px;padding-left:100px;}
	.panel.big .panel-caption .panel-title{font-size:28px;line-height:40px;max-height:80px;}
	.panel.big .panel-caption .panel-subtitle{font-size:20px;line-height:40px;max-height:40px;}
	.panel.big .panel-caption .panel-tags{right:6px;bottom:10px;}
	.panel.big .panel-caption .panel-tags ul li{width:80px;margin-right:4px;}
}
@media (max-width:767px){
	#pickup-area .panel.small:before,#pickup-area .panel.small:after,#firstload-area .panel:before,#firstload-area .panel:after,#scroll-area .panel:before,#scroll-area .panel:after{content:" ";display:table;}
	#pickup-area .panel.small,#firstload-area .panel,#scroll-area .panel{display:table;width:100%;}
	#pickup-area .panel.small .panel-img,#firstload-area .panel .panel-img,#scroll-area .panel .panel-img{display:table-cell;vertical-align:top;background:#fff;margin:0px;}
	#pickup-area .panel.small .panel-caption,#firstload-area .panel .panel-caption,#scroll-area .panel .panel-caption{display:table-cell;width:50%;min-width:160px;height:120px;border:none;/* border-right: 4px solid #fff; */}
	#pickup-area .panel.small .panel-caption .pr-img,#firstload-area .panel .panel-caption .pr-img,#scroll-area .panel .panel-caption .pr-img{vertical-align:top;width:30px;height:30px;}
	#pickup-area .panel.small .panel-caption .panel-title,#pickup-area .panel.small .panel-caption .panel-subtitle,#firstload-area .panel .panel-caption .panel-title,#firstload-area .panel .panel-caption .panel-subtitle,#scroll-area .panel .panel-caption .panel-title,#scroll-area .panel .panel-caption .panel-subtitle{font-size:13px;}
	#scroll-area{padding-bottom:15px;}
	#pickup-area .panel.small .panel-caption .panel-tags ul li,#firstload-area .panel .panel-caption .panel-tags ul li,#scroll-area .panel .panel-caption .panel-tags ul li{width:45px;}
	#sidebar.fixed #menu{margin-top:0;}
	#pickup-area .panel .panel-caption .panel-title-box,#firstload-area .panel .panel-caption .panel-title-box,#scroll-area .panel .panel-caption .panel-title-box{padding-left:40px;}
	#pickup-area .panel.small .panel-img .badge,#firstload-area .panel .panel-img .badge,#scroll-area .panel .panel-img .badge{bottom:7px;}
	#pickup-area .panel.big .panel-caption .panel-title-box{padding-left:50px;}
}
.panel .panel-img{position:relative;}
#top-area{background:#fff;}
#top-area .col-sm-4,#top-area .row,#top-area .container-fluid{padding:0;margin:0;}
#top-area .section-heading{margin:0;}
.rank-box{padding:20px 10px;margin:0;background-color:transparent;border-bottom:4px solid #ccc;}
.rank-box .rank{height:55px;width:100%;text-align:left;}
#prlist-area,#common-scroll-area,#pickup-area,#container-fluid,#firstload-area{padding-top:10px;}
.animate{display:none;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.fadeInUp{display:block;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@keyframes fadeInUp{
	from{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInLeft{display:none;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block;-webkit-animation-name:fadeInleft;animation-name:fadeInleft;}
@keyframes fadeInleft{
	from{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
.icon-search{display:inline-block;vertical-align:text-top;width:20px;}

/* 追加CSS */
#sp-banner-nav{display:none;}
#sp-banner-nav,#sp-banner-nav ul,#sp-banner-nav ul li{padding:0;margin:0;}
#sp-banner-nav ul{list-style:none;width:100%;}
#sp-banner-nav ul li{display:block;float:left;width:33.33%;}
#sp-banner-nav ul li.three{width:33.33%;}
#sp-banner-nav ul li a{display:block;}
#sp-banner-nav ul li img{width:100%;}
#header-banner{margin-top:45px;}
#wrapper{-webkit-transition:padding-top .2s ease-in-out;-moz-transition:padding-top .2s ease-in-out;-ms-transition:padding-top .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:padding-top .2s ease-in-out;}
@media (max-width:992px){
	#wrapper{padding-top:250px;}
	#sp-banner-nav{display:block;}
	#sp-banner-nav ul li.three{width:16.666666666666668%;}
	#sidebar #menu > ul > li.pc-banner{display:none;}
}
@media (max-width:767px){
	#wrapper{padding-top:120px;}
	#sp-banner-nav ul li.three{width:33.33%;}
	#sp-banner-nav ul li.three,#sp-banner-nav ul li.two{display:block;}
	#sp-banner-nav ul li.five,#sp-banner-nav ul li.six{display:none;}
}



