.panel-body {font-size: 16px;}
.main-content p.panel-heading {font-size:16px!important;}
.main-content .panel-heading {font-size:14px!important;}

.panel-body p {padding-bottom:10px;}

body {
background-color:#fff;
width: 100%;
height:100%;
}

div#wrapper {
width: 100%;
max-width: 1200px;
height: 100%;
margin:0 auto;
padding: 0;
padding: 0 20px;
background-color: #FFF;
}

.sidebar-nav {
width: 300px;
}

.content {
margin-left: 300px;
}

div#wrapper:after {
content: "";
clear: both;
display: block;
}
.content img {
max-width: 100%;
}
.theme-10 .navbar {
background:-webkit-gradient(linear, 0 100%, 0 0%, from(#240C00), to(#000000));
}

.theme-10 h2 {
background:#240C00;
border-radius:2px;
color:#FFFFFF;
font-size:120.5%;
font-weight:bold;
line-height:1.5em;
padding:5px 20px;
}


@media only screen and (max-width: 768px) { 
div.sidebar-nav {
display:none;
float:none;
}
div.content {
float: none;
width: 100%;
margin: 0;
padding:0 10px;
}
div.head-logo,
div.head-logo div,
div#wrapper,
div#logo {
padding: 0;
margin: 0;
}

div.row {
width: 100%;
margin:0 !important;
}
div.col-xs-8,
input#nick_name,
div.input-group {
width: 100%;
}
div.input-group {
margin-bottom: 10px;
}
input#toukou_btn {
margin-top: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
div.sidebar-nav {
display:none;
float:none;
}
div.content {
float: none;
width: 100%;
padding:0 10px;
}
div.head-logo,
div.head-logo div,
div#wrapper,
div#logo {
padding: 0;
margin: 0;
}

div.row {
width: 100%;
margin:0 !important;
}
div.col-xs-8,
input#nick_name,
div.input-group {
width: 100%;
}
div.input-group {
margin-bottom: 10px;
}
input#toukou_btn {
margin-top: 10px;
}
div#footer {
display: block!important;
}
}
@media only screen and (max-width: 320px) {
div.content {
float: none;
width: 100%;
padding:0;
}


div.row {
width: 100%;
margin:0 !important;
}
div.col-xs-8,
input#nick_name,
div.input-group {
width: 100%;
}
div.input-group {
margin-bottom: 10px;
}
input#toukou_btn {
margin-top: 10px;
}
}

/*-------------------------------------
　サンプルコード
-------------------------------------*/
/*------ ボタン01 ------*/
.panel-body a.opt_btn_01 {
color: #FFF!important;
font-size: 40px;
font-weight: bold;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 20px 0;
margin: 20px 0;
width: 100%;
background: #2e9637;
border-radius: 10px;
}
.panel-body a.opt_btn_01:hover {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
border-bottom: none;
background: #dd3333;
}

/*------ ボタン02 ------*/
.panel-body a.opt_btn_02 {
color: #FFF!important;
font-size: 40px;
font-weight: bold;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 20px 0;
margin: 20px 0;
width: 100%;
background: #2e9637;
border-radius: 10px;
transition: .4s;
}
.panel-body a.opt_btn_02:hover {
background: #dd3333;
}

#license_det_15468 a {
display: none;
}



/* ===========
linkcard
 =============*/
.linkcard {
    padding: 5px;
}

.linkcard div[class^="col-"] {
    padding: 0 15px;
}

.linkcard-items {
    margin-bottom: 10px;
    border-radius: 10px;
}

.linkcard-items a {
    display: block;
}

.linkcard-items a:hover {
    background-color: #eaeaea;
    text-decoration: none;
}

.linkcard-items .glyphicon {
    display: block;
    font-size: 40px;
    margin: 5px 0;
    color: #20aee5;
}

.linkcard-items .panel-body span.linkcard-items-title {
    display: block;
    font-size: 15px;
    color: #aaa;
}

.linkcard-items .panel-body span.linkcard-items-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #333;
    font-weight: 700;
}

.linkcard-items .panel-body {
    min-height: 150px;
}

@media (min-width: 768px) {
    .linkcard-items .panel-body {
        min-height: 180px;
    }

    .linkcard-items .glyphicon {
        font-size: 60px;
        margin: 10px 0;
    }

    .linkcard-items .panel-body span.linkcard-items-title {
        font-size: 14px;
    }
}

.linkcard-items .panel-head {
    position: relative;
    height: 200px;
}

.linkcard-items .panel-head img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.linkcard-items .linkcard-items-icons {
    color: #333;
    font-size: 13px;
    margin: 7px 0;
    display: block;
}

.linkcard-items .label {
    font-size: 75%;
    font-weight: 100;
    margin: 0 2px 0 0;
    padding: .1em .5em .2em;
}

.label-white {
    color: #333;
    background-color: #fff;
    border: 1px solid #999;
}

.panel-head-icons {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-size: 12px;
    padding: 8px 10px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 38px;
}


/*------ メニューのアイコン類のカスタマイズ ------*/
.nav-header i.fa-collapse
 {
	transform:rotate(0deg); 
	animation-duration: 1.5s;
}

.nav-header.collapsed i.fa-collapse
{
	transform:rotate(-90deg); 
	animation-duration: 1.5s;
}

.btn-theme .glyphicon-chevron-down {

	transform:rotate(0deg); 
	animation-duration: 1.5s;

}

.btn-theme.collapsed .glyphicon-chevron-down {
	transform:rotate(-90deg); 
	animation-duration: 1.5s;
}

.sidebar-nav .nav-header i[class*="fa-"] {
	padding: .3em;
}

.nav-list .glyphicon-chevron-right {
	display: none;
}

/*------ フォルダを消して矢印を左に寄せる処理 ------*/
.nav-header .fa-collapse,
.nav-header .fa-collapse.pull-right {
    float: left !important;
}

/*フォルダアイコンを消す*/
.nav-header .glyphicon-folder-open {
    display: none;
}

.sidebar-nav .nav-list,
.sidebar-nav .nav-list li {
    width: 100%;
}