/* All Styles
============================================================ */
html{position:relative;min-height:100%;font-size:62.5%;}
body{font-family:Helvetica, YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;font-size:1.4rem;color:#222 !important;background-color:#f2f2f2;margin-bottom:60px;word-wrap:break-word;overflow-wrap:break-word;}
li{font-size:1.0rem;}
html,
body{height:100%;}
body>.container{background-color:#fff;padding-bottom:20px;}
a{color:#448acb;}
a:hover{color:#3D94FF;text-decoration:underline;}
nav{text-align:center;}
.well{padding:8px;text-align:center;border-radius:0px;margin-bottom:10px;}

.mgn-top-12 {margin-top:12px;}

/* Alert Styles
============================================================ */
.sweet-alert {  padding: 12px;}
.sweet-alert h2{font-size: 26px;margin: 12px 0;}
.sweet-alert p {font-size: 14px;}
.sweet-alert .sa-icon {
  margin: 8px auto;
  width: 40px;
  height: 40px;}
.sweet-alert .sa-icon.sa-warning .sa-body {  height: 24px;top: 3px;}
.sweet-alert .sa-icon.sa-warning .sa-dot {  bottom: 3px;}
.sweet-alert button {padding: 6px 22px; margin: 14px 5px 0 5px;}
.sa-icon.sa-success{display: none !important;}
/* Footer Styles
============================================================ */
footer{box-shadow:1px 3px 0 rgba(0,0,0,0.1);box-shadow:1px 0 0 0 rgba(0,0,0,0.4);height:60px;line-height:30px;background-color:#575757;color:#f2f2f2;}
footer .footer_sitemap{background-color:#575757;padding:16px 0 32px 0;}
.footer_sitemap_title{font-size:1.6rem;margin:0 0 10px 0;}
.footer_sitemap_list{width:50%;list-style:none;padding:0;margin:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.footer_sitemap_list a{color:#ffffff;font-size:1.2rem;font-weight:lighter;}
.footer_sitemap_list a:hover,
.footer_sitemap_list a:focus{color:#ffffff;}
footer .footer_copyright{text-align:center;padding:16px 0;background-color:#2d2d2d;font-size:1.2rem;}


/* Button Styles
============================================================ */
.btn{font-size:12px;border-radius:0px;box-shadow:1px 1px 1px #333;padding:6px 12px;}
button>a{color:#FFFFFF;}
button>a:hover{color:#FFFFFF;text-decoration:none;}

.btn-thread{width:278px;padding:8px 12px;font-size:14px;}
.btn-thread:before{color:#FFFFFF;content:"\f040";font-family:FontAwesome;font-size:18px;font-style:normal;font-weight:normal;margin-right: 2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:color .25s linear;transition:color .25s linear;}

/* Alert Styles
============================================================ */
.alert{font-size:1.2rem;padding:4px 4px 4px 8px;margin-bottom:12px;border-radius:0px;}
.alert-info{color:#2a617c;background-color:#eef7fb;border-color:#eef7fb;}
.alert-warning p{font-size: 1.4rem; }


/* パンくずリスト Styles （旧）
============================================================ */
.breadcrumb{font-size:10px;background-color:#eceff1;border-radius:0px;margin-top:10px;margin-bottom:10px;}
.breadcrumb > li + li:before{content:">";}
.breadcrumb > li > a{font-weight:bold;}
.breadcrumb>.active{color:#34495e;font-weight:bold;}

/** Title Styles
============================================================ */
h1.title,
h2.title,
h3.title{font-size:1.6rem;margin-top:16px;margin-bottom:10px;border-bottom:1px solid #e5e5e5;padding:0px 0 8px 4px;}


/** List Styles
============================================================ */

/** Genre List Half
============================= */
ul.genre_list_half{padding:0;margin-bottom:0;}
ul.genre_list_half:after{content:"";display:block;clear:both;}
ul.genre_list_half li{list-style:none;float:left;width:50%;height:92px;min-width:130px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul.genre_list_half li:hover{background-color:#ecf2fa;}
ul.genre_list_half li a{display:block;padding:8px;color:#333;font-weight:bold;text-decoration:none;}
ul.genre_list_half li:nth-child(even){border-right:none;}
ul.genre_list_half li:nth-last-child(1),
ul.genre_list_half li:nth-last-of-type(2){border-bottom:none;}
ul.genre_list_half li:nth-last-of-type(2):nth-child(even){border-bottom:1px solid #ddd;}
ul.genre_list_half li .genre_list_thumbnail{display:table-cell;width:68px;}
ul.genre_list_half li .genre_list_contents{display:table-cell;width:100%;margin:0;padding:0 4px;vertical-align:top;overflow:hidden;}
ul.genre_list_half li .genre_list_contents .genre_title{font-size:1.4rem;line-height:1.7rem;margin:0;color:#3D94FF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
ul.genre_list_half li:hover .genre_list_contents .genre_title{text-decoration:underline;}
ul.genre_list_half li .genre_list_contents .genre_title_description{font-size:1.2rem;margin:4px 0 0 0;color:#686868;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;font-weight:500;}
ul.genre_list_full li .genre_list_contents .badge{margin-top:2px;}
ul.genre_list_half li .genre_list_right{display:table-cell;width:10px;vertical-align:middle;text-align:center;font-size:14px;}

/** Genre List Full
============================= */
ul.genre_list_full{padding:0;margin-bottom:0;}
ul.genre_list_full:after{content:"";display:block;clear:both;}
ul.genre_list_full li{list-style:none;float:left;width:100%;min-width:130px;border-bottom:1px solid #ddd !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul.genre_list_full li:hover{background-color:#ecf2fa;}
ul.genre_list_full li a{display:block;padding:8px;color:#333;font-weight:bold;text-decoration:none;}
ul.genre_list_full li .genre_list_thumbnail{display:table-cell;width:68px;}
ul.genre_list_full li .genre_list_contents{display:table-cell;width:100%;margin:0;padding:0 4px;vertical-align:top;overflow:hidden;}
ul.genre_list_full li .genre_list_contents .genre_title{font-size:1.4rem;line-height:1.7rem;margin:0;color:#3D94FF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
ul.genre_list_full li:hover .genre_list_contents .genre_title{text-decoration:underline;}
ul.genre_list_full li .genre_list_contents .genre_title_description{font-size:1.2rem;margin:4px 0 0 0;color:#686868;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;font-weight:500;}
ul.genre_list_full li .genre_list_right{display:table-cell;width:10px;vertical-align:middle;text-align:center;font-size:14px;}
ul.genre_list_full li .genre_list_contents .badge{margin-top:2px;}


/** Thread List Full
============================= */
ul.thread_list_full{padding:0;margin-bottom:0;}
ul.thread_list_full:after{content:"";display:block;clear:both;}
ul.thread_list_full li{list-style:none;float:left;width:100%;min-width:130px;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul.thread_list_full li:last-child{border-bottom:none;}
ul.thread_list_full li:hover{background-color:#ecf2fa;}
ul.thread_list_full li a{display:block;padding:8px;color:#333;font-weight:bold;text-decoration:none;word-break:break-all;}
ul.thread_list_full li .thread_list_contents{display:table-cell;width:100%;margin:0;padding:0 2px;vertical-align:top;overflow:hidden;}
ul.thread_list_full li .thread_list_contents .thread_title{font-size:1.4rem;line-height:1.7rem;margin:0;color:#3D94FF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
ul.thread_list_full li:hover .thread_list_contents .thread_title{text-decoration:underline;}
ul.thread_list_full li .thread_list_contents .thread_time{color:#5e5e5e;font-weight:normal;font-size:1.2rem;margin-top:4px;}
ul.thread_list_full li .thread_list_right{display:table-cell;width:10px;vertical-align:middle;text-align:center;font-size:14px;}

/** Tag List Half
============================= */
ul.tag_list_half{padding:0;margin-bottom:0;}
ul.tag_list_half:after{content:"";display:block;clear:both;}
ul.tag_list_half li{list-style:none;float:left;width:50%;min-width:130px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul.tag_list_half li:hover{background-color:#ecf2fa;}
ul.tag_list_half li a{display:block;padding:8px;color:#333;font-weight:bold;text-decoration:none;}
ul.tag_list_half li:nth-child(even){border-right:none;}
ul.tag_list_half li:nth-last-child(1),
ul.tag_list_half li:nth-last-of-type(2){border-bottom:none;}
ul.tag_list_half li:nth-last-of-type(2):nth-child(even){border-bottom:1px solid #ddd;}
ul.tag_list_half li .tag_list_thumbnail{display:table-cell;width:10px;vertical-align:middle;text-align:center;font-size:18px;color:#ffd014;}
ul.tag_list_half li .tag_list_contents{display:table-cell;width:100%;margin:0;padding:0 4px;vertical-align:middle;overflow:hidden;}
ul.tag_list_half li .tag_list_contents .tag_title{font-size:1.4rem;line-height:1.7rem;margin:0;color:#3D94FF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
ul.tag_list_half li:hover .tag_list_contents .tag_title{text-decoration:underline;}
ul.tag_list_full li .tag_list_contents .badge{margin-top:2px;}
ul.tag_list_half li .tag_list_right{display:table-cell;width:10px;vertical-align:middle;text-align:center;font-size:14px;}

/** Platform List Half
============================= */
.panel-platform{border:none;-webkit-box-shadow:none;box-shadow:none;}
ul.platform_list_half{padding:0;margin-bottom:0;}
ul.platform_list_half:after{content:"";display:block;clear:both;}
ul.platform_list_half li{list-style:none;float:left;width:32%;min-width:130px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px dashed #ccc;}
ul.platform_list_half li:hover{background-color:#ecf2fa;}
ul.platform_list_half li a{display:block;padding:8px;color:#333;font-weight:bold;text-decoration:none;}
ul.platform_list_half li:nth-child(3n+1){margin-right:2%;}
ul.platform_list_half li:nth-child(3n+2){margin-right:2%;}
ul.platform_list_half li .platform_list_thumbnail{display:table-cell;width:10px;vertical-align:middle;text-align:center;font-size:18px;color:#333;}
ul.platform_list_half li .platform_list_contents{display:table-cell;width:100%;margin:0;padding:0 4px;vertical-align:middle;overflow:hidden;}
ul.platform_list_half li .platform_list_contents .platform_title{font-size:1.4rem;line-height:1.7rem;margin:0;color:#3D94FF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
ul.platform_list_half li:hover .platform_list_contents .platform_title{text-decoration:underline;}
ul.platform_list_full li .platform_list_contents .badge{margin-top:2px;}
ul.platform_list_half li .platform_list_right{display:table-cell;width:10px;vertical-align:middle;text-align:center;font-size:14px;}

/** Category List Full
============================= */
ul.category_list_full{padding:0;margin-bottom:0;}
ul.category_list_full:after{content:"";display:block;clear:both;}
ul.category_list_full li{list-style:none;float:left;width:100%;min-width:130px;border-bottom:1px solid #ddd !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul.category_list_full li:hover{background-color:#ecf2fa;}
ul.category_list_full li a{display:block;padding:8px;color:#333;font-weight:bold;text-decoration:none;}
ul.category_list_full li .category_list_thumbnail{display:table-cell;width:68px;}
ul.category_list_full li .category_list_contents{display:table-cell;width:100%;margin:0;padding:0 4px;vertical-align:middle;overflow:hidden;}
ul.category_list_full li .category_list_contents .category_title{font-size:1.4rem;line-height:1.7rem;margin:0;color:#3D94FF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
ul.category_list_full li:hover .category_list_contents .category_title{text-decoration:underline;}
ul.category_list_full li .category_list_contents .category_title_description{font-size:1.2rem;margin:4px 0 0 0;color:#686868;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;font-weight:500;}
ul.category_list_full li .category_list_right{display:table-cell;width:10px;vertical-align:middle;text-align:center;font-size:14px;}
ul.category_list_full li .category_list_contents .badge{margin-top:2px;}



/** Panel Styles
============================================================ */
.panel{border-radius:1px;margin-top:10px;margin-bottom:6px;}
.panel-heading{padding:6px 8px;font-size:1.3rem;}
.panel-default>.panel-heading{color:#fff;background-color:#222;border-radius:0px;font-weight:bold;}
.panel-default>.panel-heading>i{font-size:18px;}

/** Description Style
============================= */
.panel-site-description{border:1px solid #ddd;padding:8px;box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.panel-site-description .description-title{margin:0;font-size:1.6rem;}
.panel-site-description .description-detail{margin:8px 0 0 0;font-size:1.3rem;color:#686868;font-weight:500;}

/** Child Form Description Style
============================= */
.panel-childform-description{border:1px solid #bef6ff;padding:8px;box-shadow:0 1px 1px rgba(0,0,0,0.1);background-color:#F1FDFF;}
.panel-childform-description .description-title{margin:0;font-size:1.6rem;}
.panel-childform-description .description-detail{margin:0;font-size:1.3rem;color:#686868;font-weight:500;}

/** Category Style
============================= */
.panel-site-category{background-color:#f4fdff;border:2px solid #93ddf0;padding:8px;border-radius:8px;color:#67cfea;}
.panel-site-category .category-title{margin:0;font-size:1.5rem;border-bottom:2px solid #93ddf0;padding:0px 0 8px 4px;}
.panel-site-category .category-title:before{font-family:FontAwesome;font-size:16px;margin-right:6px;content:"\f0a4";}
.panel-site-category .category-detail{margin:8px 0 0 0;font-size:1.2rem;color:#333;font-weight:700;}

/** Panle Other Style
============================= */
h2.panel-title,
h3.panel-title{color:#fff;background-color:#333;border-radius:0;font-weight:bold;font-size:1.3rem;padding:10px 6px;margin:0;}
.panel-default h2.fa-commenting:before,
.panel-default h3.fa-commenting:before{font-family:FontAwesome;font-size:16px;margin-right:6px;content:"\f27a";}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{background-color:#ecf2fa;}
.panel-footer{margin:0;padding:0;background-color:#FFFFFF;text-align:right;text-decoration:none;}
.panel-footer a{font-size:1.2rem;padding:4px;cursor:pointer;display:block;color:#3D94FF;}
.panel-footer a:hover{cursor:pointer;text-decoration:underline;background-color:#ecf2fa;}


/** Form Style
============================================================ */
label{font-weight:normal;font-size:12px;line-height:2.3;margin-bottom:0px;}
.form-control, .select2-search input[type="text"]{border:1px solid #ccc;color:#34495e;font-family:"Lato", Helvetica, Arial, sans-serif;font-size:12px;line-height:1.467;padding:8px 12px;height:32px;border-radius:0px;box-shadow:none;}
.btn-wrap{text-align:center;margin-bottom:20px;}
.panel>form{margin-left:6px;margin-right:6px;}

/** Pager Style
============================================================ */
.pager_sub{font-size:1.2rem;margin:0;}
.pagination{margin:4px 0;background:#ccc;}
.pagination li > a, .pagination li > span{min-height:32px;min-width:32px;padding:10px;}
.pagination li > a:hover, .pagination li > span:hover, .pagination li > a:focus, .pagination li > span:focus{background-color:#5e5e5e;color:#ffffff;}
.badge{border-radius:0px;background-color:#5e5e5e;font-size:1.2rem;font-weight:normal;}
.input-group-btn .btn{line-height:10px;height:32px;box-shadow:none;padding:6px 15px;}

/** Frame Style
============================================================ */
.post-frame{font-size:1.3rem;padding:10px 10px 4px 10px;margin-bottom:2px;border:1px solid #ccc;}
.post-frame>.post-id, .post-frame>.post-time{color:#5e5e5e;}
.post-frame>.post-nickname{color:#1abc9c;}
.post-frame>.post-reply{float:right;}
.post-frame>.post-reply>.btn{font-size:1.1rem;background:#fff;box-shadow:1px 1px 1px #ccc;border:1px #ccc solid !important;padding:4px 6px;border-radius:2px;color:#5e5e5e;}
.post-frame>.post-reply>.btn:active{background:#e3e3e3;box-shadow:none;}
.post-frame>.post-reply>.btn span{color:#5e5e5e;}
.post-frame>.post-reply>.btn a:hover{text-decoration:none;}
.post-frame hr{margin-top:4px;margin-bottom:4px;}
.post-msg-body{word-wrap:break-word;}
.glyphicon{color:#999;}
.col-md-4 > form> .input-group{margin-top:10px;}
.help-block{font-size:1.2rem;}
.list-group-item{padding:8px;}
a.list-group-item .list-group-item-heading>span{font-size:1.4rem;color:#3D94FF;font-weight:bold;}
a.list-group-item:hover .list-group-item-heading>span{text-decoration:underline;}
.well-comment{margin-bottom:2px;font-size:1.2rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.well-comment>i{font-size:1.5rem;}


/** File Style
============================================================ */
.file_preview_area{width:100%;margin-bottom:10px;border:1px solid #ccc;text-align:center;padding:8px;}
.file_preview_area>button{padding:6px 30px;}
.file_upload{display:inline-block;overflow:hidden;position:relative;padding-top:0.5em;padding-right:0.5em;padding-bottom:0.5em;padding-left:1.5em;background-color:#eee;border-radius:4px;font-size:14px;width:240px;}
.file_upload input[type="file"]{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);position:absolute;right:0;top:0;margin:0;font-size:100px;cursor:pointer;}
.file-block{margin-bottom:0;font-size:14px;}
.form-group{margin-bottom:10px;}
.post-msg-body-image{max-width:50%;}

/** Report Style
============================================================ */
.btn-report{font-size:1.1rem;background:#fff;box-shadow:1px 1px 1px #ccc;border:1px #ccc solid !important;padding:4px 6px;border-radius:2px;color:#ccc;}

/** 記事 Footer Style
============================================================ */
.post-msg-footer{margin-top:8px;margin-bottom:4px;position:relative;min-height:30px;}
.post-footer-button-area{width:80%;text-align:right;position:absolute;right:0;top:0;}
.post-footer-btn{min-width:80px;border:1px solid #eceff1;padding:0 1em;text-align:center !important;font-size:18px !important;font-weight:700!important;display:inline-block;border-radius:3px;cursor:pointer;min-height: 32px;vertical-align: middle;}
.post-footer-btn i{    margin: 6px;}
.post-footer-btn:hover{border-color:#43B8D2;color:#43B8D2;opacity:0.7;}
.post-footer-btn.is-btn-active{color:#ffffff;background:#43B8D2;border-color:#43B8D2;}

/** 記事 Block Style
============================================================ */
.btn-post-block{background-color:#fff;color:#d4d7d9;border-bottom:1px solid #eceff1;padding:0 1em;text-align:center;font-size:1.2rem;box-shadow:none;cursor:pointer;}

/** Like Button Style
============================================================ */
/** Like Button
============================= */
.div-like-btn{color:#43B8D2;}
.div-like-btn span{margin-left:4px;font-size:18px;margin-left: 2px;}

/** Dislike Button
============================= */
.div-dislike-btn{color:#d4d7d9;}
.div-dislike-btn span{margin-left:4px;font-size:18px;}



/** App WebView  Style
============================================================ */
.webview-image-link{display:inline-block;overflow:hidden;position:relative;padding-top:0.5em;padding-right:0.5em;padding-bottom:0.5em;padding-left:1.5em;background-color:#eee;border-radius:4px;font-size:14px;width:240px;color:#222;text-decoration:none;}

/** Header Smartphone Style
============================================================ */
.navbar-toggle:before{color:#34495e;content:"\f0c9";font-family:FontAwesome;font-size:22px;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:color .25s linear;transition:color .25s linear;}
.navbar-toggle:hover:before, .navbar-toggle:focus:before{color:#34495e;}
.navbar-default .navbar-toggle:hover:before, .navbar-default .navbar-toggle:focus:before {
  color: #34495e;
}
/** Contact Style
============================================================ */
.panel-default>.panel-heading-contact{padding:6px 8px;border-color:#777B7D;border-width:0 0 1px 0;border-style:solid;background:#f5f5f5;color:#222;height:33px;}
.panel-body-contact{padding:8px;}
.panel-body-contact>dl>dt:first-child{margin-top:-8px;}
.panel-body-contact>dl>dt{background-color:#f5f5f5;font-size:12px;line-height:36px;padding-left:8px;margin-right:-8px;margin-left:-8px;}
.panel-body-contact>dl>dd{background-color:#ffffff;font-size:14px;line-height:36px;padding-left:8px;}
.panel-body-contact>dl>dd>p{font-size:14px;}
.board-description{border:1px solid #ccc;padding:8px;font-size:1.3rem;}
.board-description-title{margin:0;font-size:1.6rem;margin-bottom:10px;}
dl{margin-bottom:10px;}
.dl-horizontal dt{width:110px;text-align:left;margin-bottom:4px;}
.dl-horizontal dd{margin-left:110px;text-align:left;margin-bottom:4px;}
.dl-horizontal dd a{cursor:pointer;color:#3D94FF;}


/* Header nav-bar Styles
============================================================ */
.navbar-default .navbar-toggle:before{color:#34495e;}
.navbar .container, .navbar .container-fluid{padding-left:21px;padding-right:21px;}
.navbar{margin-bottom:0px;}
.navbar-default{background:#FFF;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.navbar-default .navbar-brand{color:#000;}
.navbar-brand{font-size:20px;font-weight:normal;height:auto;padding:0;padding-top:18px;}
.navbar-brand-logo{padding-top:8px !important;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{color:#000;}
.navbar-nav li{display:inline-block;}
.navbar-nav > li > a{font-size:1.4rem;padding:18px 10px;line-height:20px;font-weight:700;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#3D94FF;text-decoration:underline;background-color:#fff;}
.nav-search{position:relative;padding-left:10px;padding:16px 0 10px;}
.nav-search-text{border:1px solid #ccc;color:#34495e;font-family:"Lato", Helvetica, Arial, sans-serif;font-size:12px;line-height:1.467;width:260px;padding:8px 12px;height:32px;border-radius:0px;box-shadow:none;}
.nav-search-btn{position:relative;line-height:10px;height:32px;box-shadow:none;padding:6px 15px;border-left-width:0;margin-top:-3px;margin-left:-3px;}
.navbar-toggle-search:before{content:"\f002" !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}


/** Header Jumbotron Styles
============================================================ */
/** Top Header Jumbotron Styles ( Platform など )
============================= */
/** Forum Jumbotron All
-------------------- */
.jumbotron_top{width:100%;background:rgba(0,0,0,0.7);color:#fff;overflow:hidden;padding:0;margin-bottom:0;}
/** Top Header Jumbotron パンくず
-------------------- */
.jumb_breadcrumb_ol{font-size:10px;background-color:transparent;margin:0 -10px;}
.jumb_breadcrumb_ol > li + li:before{content:">";}
.jumb_breadcrumb_ol > li > a{font-weight:normal;color:#F2F2F2;}
.jumb_breadcrumb_ol>.active{color:#F2F2F2;font-weight:normal;}

/** Forum Header Jumbotron Styles
============================= */
/** Forum Jumbotron All
-------------------- */
.jumbotron_top_forum{position:relative;width:100%;background:#fff;color:#fff;overflow:hidden;padding:0;margin-bottom:0;}
.jumbotron_background_forum{height:175px;background-size:cover;background-position:center;-webkit-filter:blur(8px);-ms-filter:blur(8px);filter:blur(8px);}
.jumbotron_container_forum{position:absolute;top:0;left:0;width:100%;overflow:hidden;background:rgba(0,0,0,0.3);}
.jumbotron_bread_forum{background-color:rgba(0,0,0,0.5);padding:0;margin:0;}
/** Forum Header Jumbotron Main
-------------------- */
.jumb_contant_main_forum{display:block;padding:16px 8px;color:#333;}
.jumb_contant_main_forum_thumbnail{display:table-cell;width:110px;}
.jumb_contant_main_forum_thumbnail img{border:5px solid #ffffff;background-color:#ffffff;border-radius:25px;width:110px;height:110px;}
.jumb_contant_main_forum_contents{display:table-cell;width:100%;margin:0;padding:0 4px;vertical-align:top;overflow:hidden;color:#fff;}
.jumbotron h1{font-size:2.5rem;margin-top:30px;margin-left:20px;font-weight:normal;}
.jumbotron h1>a{color: #FFFFFF}
.jumb_contant_main_forum_contents_title{margin:0;color:#3D94FF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
.jumbotron p{font-size:1.3rem;margin-top:12px;}
.jumb_contant_main_forum_contents_discription{margin-left:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;}
/** Forum Header Jumbotron パンくず
-------------------- */
.jumb_breadcrumb_forum_ol{font-size:10px;background-color:transparent;margin:0 -10px;}
.jumb_breadcrumb_forum_ol > li + li:before{content:">";}
.jumb_breadcrumb_forum_ol > li > a{font-weight:normal;color:#F2F2F2;}
.jumb_breadcrumb_forum_ol>.active{color:#F2F2F2;font-weight:normal;}

/** Child Forum Header Jumbotron Styles
============================= */
/** Child Forum Jumbotron All
-------------------- */
.jumbotron_top_childforum{position:relative;width:100%;background:#fff;color:#fff;overflow:hidden;padding:0;margin-bottom:0;}
.jumbotron_background_childforum{height:136px;background-size:cover;background-position:center;-webkit-filter:blur(8px);-ms-filter:blur(8px);filter:blur(8px);}
.jumbotron_container_childforum{position:absolute;top:0;left:0;width:100%;overflow:hidden;background:rgba(0,0,0,0.3);}
.jumbotron_bread_childforum{background-color:rgba(0,0,0,0.5);padding:0;margin:0;}
/** Child Forum Header Jumbotron Main
-------------------- */
.jumb_contant_main_childforum{display:block;padding:12px 8px;color:#333;}
.jumb_contant_main_childforum_thumbnail{display:table-cell;width:110px;}
.jumb_contant_main_childforum_thumbnail img{border:5px solid #ffffff;background-color:#ffffff;border-radius:18px;width:80px;height:80px;}
.jumb_contant_main_childforum_contents{display:table-cell;width:100%;margin:0;padding:16px 20px;vertical-align:top;overflow:hidden;color:#fff;}
.jumb_contant_main_childforum_contents_title{font-size:2.5rem;margin-top:30px;margin-left:20px;font-weight:normal;margin:0;color:#ffffff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
.jumb_contant_main_childforum_contents_title>a{color:#ffffff;}
.jumbotron p{font-size:1.3rem;margin-top:12px;}

.navbar-toggle.open:before {color: #ffffff;}
.navbar-toggle-search.open {background-color: #0bc7e3;color: #ffffff !important;border-radius:0;}
.navbar-toggle-search.open:before{color: #ffffff  !important;}
.navbar-toggle-search.open:hover {background-color: #0bc7e3;color: #ffffff !important;border-radius:0;}
.navbar-toggle-search.open:focus {background-color: #0bc7e3;color: #ffffff !important;border-radius:0;}
.navbar-toggle-search.open:active{background-color: #0bc7e3;color: #ffffff !important;border-radius:0;}


/** Child Forum Header Jumbotron パンくず
-------------------- */
.jumb_breadcrumb_childforum_ol{font-size:10px;background-color:transparent;margin:0 -10px;}
.jumb_breadcrumb_childforum_ol > li + li:before{content:">";}
.jumb_breadcrumb_childforum_ol > li > a{font-weight:normal;color:#F2F2F2;}
.jumb_breadcrumb_childforum_ol>.active{color:#F2F2F2;font-weight:normal;}


/** Top Header Jumbotron Styles
============================= */
.header-jumbotron {background-color: #00b6d1;margin: 0;padding: 0;}
.header-jumbotron>.container {padding: 0;}
.header-jumb-title {font-size: 1.2rem !important;margin: 4px 0 !important;margin-left: 0px !important;font-weight: lighter !important;color: #ffffff !important;line-height: 1.0 !important;}



/** Panel Share Styles
============================================================ */
.panel-share-2btn,.panel-share-3btn{margin:20px 0;text-align:center;}
.panel-share-2btn img{width:104px;height: 44px;}
.panel-share-3btn img{width:92px;height: 39px;}

.mail-res-form {font-size:90%;color:#222;margin: 10px 0 10px auto;width: 420px;display: inherit;}


/** Panel App Main Styles
============================================================ */
.panel_app {border-radius: 1px;margin-top:4px;margin-bottom:4px;border-color: #ddd;}
.thread_list_full_app{padding: 0;margin-bottom: 0;}
.thread_list_full_app{padding:0;margin-bottom:0;}
.thread_list_full_app:after{content:"";display:block;clear:both;}
.thread_list_full_app li{list-style:none;float:left;width:100%;min-width:130px;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.thread_list_full_app li:last-child{border-bottom:none;}
.thread_list_full_app li:hover{background-color:#ecf2fa;}
.thread_list_full_app li a{display:block;padding:11px;color:#333;font-weight:normal;text-decoration:none;word-break:break-all;}
.thread_list_contents_app{display:table-cell;width:100%;margin:0;padding:0 2px;vertical-align:top;overflow:hidden;}
.thread_list_full_app li .thread_list_contents_app .thread_title{font-size:1.3rem;line-height:1.7rem;margin:0;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;width: 96%;}
.thread_list_full_app li:hover .thread_list_contents_app .thread_title{text-decoration:underline;}
.thread_list_right_app{position: relative;display:table-cell;vertical-align:middle;text-align:center;width: 42px;}
.thread_list_right_app img {width: 42px;}
.thread_list_right_app .badge-no {position: absolute;width: 40px;margin: 0;left: 2px;top: 6px;font-size:16px;color:#fff;font-weight:200;}
.input-group-addon {padding: 6px 12px;background-color: #eef7fb;border: 1px solid #cccccc;}

/** Mail Relative Styles
============================================================ */
.mail_title {font-size: 2.2rem !important;}
.mail_title_a {padding-top: 0 !important;}
.mail_dd_ul {margin-left:0;padding-left:0;list-style-type:none;font-size:18px;}
.mail_dd_ul>li {font-size: 14px;}
.mail_btn_danger {border: 1px solid #000;box-shadow:none;margin-bottom: 2px;box-shadow: 1px 1px 0 #ccc;}
.mail_btn_danger:hover, .mail_btn_danger:focus {  color: #ff0000;}

/**
========================================================================================================================
--- RESPONSIVE STYLE ---
========================================================================================================================
*/
@media (max-width: 992px) {

  /** Forum Header Jumbotron パンくず
  -------------------- */
  .jumb_breadcrumb_forum_ol li:last-child{display:none;}
  .jumb_breadcrumb_forum_ol li.mobile-li:last-child{display:inherit;}
  /** Child Forum Header Jumbotron パンくず
  -------------------- */
  .jumb_breadcrumb_childforum_ol li:last-child{display:none;}
  .jumb_breadcrumb_childforum_ol li.mobile-li:last-child{display:inherit;}

  .mail-res-form {width: 420px;}

  /** Post App Main Styles
  -------------------- */
  .col-md-8 {padding: 0;border-right: 1px solid #ccc;border-left: 1px solid #ccc;}
  .post-frame-main-app {border: none;border-top: 1px solid #ccc;}
  .border-ccc{border-top: 1px solid #ccc;    margin-top: 0;}
  .post-frame-no-border{background-color: #f5f5f5;margin-bottom: 0;border: none;}
  .well-no-border{border: none}
}
@media (max-width: 767px) {
  /** All Style
  ============================= */
  /* http://blog.shuffleee.com/2990/ */
  div[class^="col-"]{padding:0}
  .row{margin:0;}
  .pagination{height:36px;padding:0;overflow:auto;white-space:nowrap;border-radius:6px;}
  .container{padding:0;padding-left:0;padding-right:0;}
  h1.title, h2.title, h3.title {padding: 0px 0 8px 8px;}

  /** Panel Style
  ============================= */
  h2.panel-title, h3.panel-title {padding-left:8px;}
  .panel-childform-description {margin: 0 4px;}

  /** Nav Style
  ============================= */
  .navbar-brand{font-size:17px;}
  .pagination{height:36px;padding:0;overflow:auto;white-space:nowrap;border-radius:6px;}
  .navbar-nav > li > a{font-size:1.4rem;padding:12px 16px;}
  .navbar-nav > li{border-bottom:1px solid #ddd;width: 100%;}
  .navbar-nav > li:first-child{border-top:1px solid #ddd;}
  .navbar-nav-search > li{border:none;}
  .navbar-nav-search > li:first-child{border:none;}
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#3D94FF;text-decoration:none;background-color:#ecf2fa;}

  /** Genre List Style
  ============================= */
  ul.genre_list_half li,
  ul.genre_list_full li{width:100%;height:auto;}
  ul.genre_list_half li,
  ul.genre_list_full li{border-right:none;border-bottom:1px solid #ddd !important;height:auto;}
  ul.genre_list_half li:last-child,
  ul.genre_list_full li:last-child{border-right:none;border-bottom:none !important;height:auto;}
  ul.genre_list_half li .genre_list_contents .genre_title_description,
  ul.genre_list_full li .genre_list_contents .genre_title_description{-webkit-line-clamp:1;}

  /** Tag List Style
  ============================= */
  ul.tag_list_half li{width:100%;height:auto;}
  ul.tag_list_half li,
  ul.tag_list_full li{border-right:none;border-bottom:1px solid #ddd !important;height:auto;}
  ul.tag_list_half li:last-child,
  ul.tag_list_full li:last-child{border-right:none;border-bottom:none !important;height:auto;}
  ul.tag_list_half li .tag_list_contents .tag_title_description,
  ul.tag_list_full li .tag_list_contents .tag_title_description{-webkit-line-clamp:1;}

  /** Platform List Style
  ============================= */
  ul.platform_list_half li{width:100%;height:auto;}
  ul.platform_list_half li:nth-child(2n+1){margin-right:0;}
  ul.platform_list_half li:nth-child(3n+1){margin-right:0;}
  ul.platform_list_half li:nth-child(3n+2){margin-right:0;}
  ul.platform_list_half li .platform_list_contents .platform_title_description,
  ul.platform_list_full li .platform_list_contents .platform_title_description{-webkit-line-clamp:1;}

  /** Other Style
  ============================= */
  .footer_sitemap>.container{margin: 0 4px;}
  .post-msg-body-image{max-width:80%;}
  .dl-horizontal dt{margin-bottom:0;}
  .dl-horizontal dd{margin-left:0;}
  .footer_sitemap_list{width:100%;}
  .post-footer-button-area{width:100%;}
  .nav-search{width:100%;text-align:center;}


  /** Forum Header Jumbotron Styles
  ============================= */
  /** Forum Jumbotron All
  -------------------- */
  .jumbotron_top_forum{height:102px;}
  .jumbotron_background_forum{height:102px;}
  /** Forum Header Jumbotron Main
  -------------------- */
  .jumb_contant_main_forum{padding: 2px 8px;}
  .jumb_contant_main_forum_thumbnail{display:table-cell;vertical-align: middle;}
  .jumb_contant_main_forum_thumbnail img{border:2px solid #ffffff;border-radius:10px;width: 50px;height: 50px;}
  .jumb_contant_main_forum_contents{display:table-cell;width:100%;margin:0;padding:0 4px;vertical-align:middle;overflow:hidden;color:#fff;height:74px;}
  .jumbotron h1{font-size:1.6rem;margin-top:8px;margin-left:10px;font-weight:normal;}
  .jumb_contant_main_forum_contents_title{margin:0;color:#3D94FF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
  .jumbotron p{margin-top:5px;margin-bottom: 5px;}
  .jumb_contant_main_forum_contents_discription{    margin: 8px 0 0px 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;}
  /** Forum Header Jumbotron パンくず
  -------------------- */
  .jumb_breadcrumb_forum_ol{font-size:10px;background-color:transparent;margin:0 -10px;padding:3px 15px;height: 24px;vertical-align: middle;}
  .jumb_breadcrumb_forum_ol li:last-child{display:none;}
  .jumb_breadcrumb_forum_ol li.mobile-li:last-child{display:inherit;}

  /** Child Forum Header Jumbotron Styles
  ============================= */
  /** Child Forum Jumbotron All
  -------------------- */
  .jumbotron_top_childforum{height:82px;}
  .jumbotron_background_childforum{height:82px;}

  /** Child Forum Header Jumbotron Main
  -------------------- */
  .jumb_contant_main_childforum{padding: 9px 8px;}
  .jumb_contant_main_childforum_thumbnail{display:table-cell;vertical-align: middle;}
  .jumb_contant_main_childforum_thumbnail img{border:2px solid #ffffff;border-radius:10px;width: 40px;height: 40px;}
  .jumb_contant_main_childforum_contents{display:table-cell;width:100%;margin:0;padding:0 4px;vertical-align:middle;overflow:hidden;color:#fff;}
  .jumb_contant_main_childforum_contents_title{font-size:1.6rem;margin-top:0;margin-left:10px;font-weight:normal;margin:0;color:#ffffff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;padding-left: 8px;}
  .jumb_contant_main_childforum_contents_discription{display: none;}

  /** Child Forum Header Jumbotron パンくず
  -------------------- */
  .jumb_breadcrumb_childforum_ol{font-size:10px;background-color:transparent;margin:0 -10px;padding:4px 15px;height: 24px;vertical-align: middle;width: 100%;}
  .navbar-search {background-color:#0bc7e3;}
  .header-jumb-title {font-size: 1.1rem !important;}
  .mail-res-form {width: auto;}
}

/* YouTubeのIframe部分 */
.iframe_youtube {
  display: none;
  margin-top: 16px;
}

.open_youtube {
  display: block;
  margin-top: 16px;
}