/*画像に影をつける*/
.img-waku{
    box-shadow: 0 0 5px #333;
}



/*リンクにマウスが乗ったら背景色を変更する*/
.navbar .nav > li:hover {
  background-color: #15947C;
}

/*メインコンテンツのリンク色等を変更する*/
.main-content a:hover{
  text-decoration: underline;
   color: #CC3434;
}


/*全体の変更*/
.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: 979px) {  
    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;
}