/********************************************************
*　目次															
*　1. ナビゲーションバーの設定							
*　2. フッターを設定する						
*　3. スマホだけ余白を無くす				
*　4. トップへ戻るボタンを設置			
*　5. サイドバナーを付ける際の設定　
*　6. margin&padding設定	
********************************************************/
/*
navbar default: #4a148c
navbar active: #9c27b0
font default: #ffffff
font active: white
*/
.navbar-default {
  background-color: #4a148c;
  border-color: #9c27b0;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: white;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: white;
	background-color: #9c27b0;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #4a148c;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: white;
  background-color: #9c27b0;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #9c27b0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: white;
  background-color: #9c27b0;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: white;
  background-color: #9c27b0;
}
.navbar-default .navbar-toggle {
  border-color: #9c27b0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #9c27b0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: white;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: white;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: white;
    background-color: #9c27b0;
  }
}

body{
	font-size: 20px;
	margin: 0px;
}

@media screen and (max-width: 991px) {
	body{
		font-size: 18px;
	}
}

@media screen and (max-width: 767px) {
	body{
		font-size: 16px;
	}
}

hr{
	border: none;
	margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
	hr{
		margin-bottom: 20px;
	}
}

.main-contents{
	background-color: #fff;
	margin-bottom: 20px;
	margin-top: 30px;
	padding: 15px;
}

h1 {
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #105b87;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

h2 {
	border-left: 7px solid #105b87;
	border-bottom: 1px solid rgba(0,51,110,0.5);
	padding: 10px;
	margin-bottom: 15px;
}

.thumbnail{
	padding: 0px;
}
.thumbnail-title{
  border-bottom: 1px solid #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	background: #f5f5f5;
	font-size: 1.2em;
}

.font10{
	font-size: 12px;
}
/*******************************************
*　1. ナビゲーションバーの設定　
*******************************************/
/* ナビゲーションを中央配置*/
/*@media (min-width: 992px){
	.navbar-nav{
		margin: 0 auto;
		display: table;
		table-layout: fixed;
		float: none;
	}
}*/

/*  ブランドをロゴに変更する
.navbar-brand{
  padding: 0px;
	background: url('../images/logo-white.png') no-repeat left top;
	background-size: contain;
	width: 187px;
	height: 50px;
}*/

/* ロゴをimgで入れる際の設定方法（大きければ下へはみ出すようになっている） */
.navbar-brand img{
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 10px;
	overflow: visible
}

/****************************************************
*　2. ヘッダーの設定
****************************************************/
#shop-info{
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 12px;

}
/**********************************************
*　3. フッターを設定する　
***********************************************/
footer{
	padding: 10px;
}

/******************************
*　4. スマホだけ余白を無くす　*
******************************/
/* スマホ横画面用 */
@media screen and (max-width: 480px) {
  .container{padding:0}
  div[class^="col-"] {padding:0}
  .row {margin:0;}
}
/* スマホ縦画面用 */
@media screen and (max-width: 320px) {
  .container{padding:0}
  div[class^="col-"] {padding:0}
  .row {margin:0;}
}

/**********************************************
*　5. サイドバナーを付ける際の設定　
**********************************************/
.main-content .content-area {
  padding: 20px 15px;
}
.sidebar aside {
  background: #f0f0f0;
  padding: 20px;
  margin-bottom: 20px;
}	

/**********************************************
*　6. 余白の設定　
**********************************************/
.padding5 {
	padding: 5px;
}

.padding10 {
	padding: 10px;
}

.padding15 {
	padding: 15px;
}

.margin10{
	margin: 10px;
}

.margin-bottom15{
	margin-bottom: 15px;
}

.margin-top20{
	margin-top: 10px;
}

.side-margin-auto{
	margin-right: auto;
	margin-left: auto;
}

/******************************************
*  7. マーキングページ用設定 
******************************************/
#font-number ul li{
	background-color: rgba(0,0,0,0.05);
}

#font-number ul li.active{
	font-weight: bold;
}

.panel-body p{
	font-size: 14px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
}

.font-list{
	clear: both;
  border-top: solid 10px #ff3300;
  border-bottom: solid 5px #ff3300;
  border-left: solid 5px #ff3300;
  border-right: solid 5px #ff3300;
}
/*************************************
*  8. 価格表テーブルの設定
*************************************/
.price thead th:not(:first-child),
.price tbody td{
	text-align: center;
}

.item-list{
	font-size: 1.5em;
	font-weight: bold;
	color: #00336e;
}

nav ul{
	list-style: none;
}