/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=58e1c1cd1c0d0e47e433)
 * Config saved to config.json and https://gist.github.com/58e1c1cd1c0d0e47e433
 */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn-default {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-default:active,
.btn-default.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default{
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default .badge{
  text-shadow: none;
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}

/*.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}*/

.navbar-default {

}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  /*background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
  background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);*/
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}

.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
  background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
  border-color: #2b669a;
}
.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}


/*added*/

#top {
	position: relative;
	padding-top:80px;
}

/*#category,*/#rough,#mille,#slice,#venus,#about {
	position: relative;
	padding-top:60px;
}
/*.mainimage {
  margin-bottom: 30px;
}*/

.mainimage h1 +p{
	font-size:1.25rem;
}

.items .lead {
	font-size:1.25rem;
	color:#43220a;
font-family: "kozuka-gothic-pr6n",sans-serif;
font-style: normal;
font-weight: 700;
 padding: 10px;
	}
.items .container h4 {
  line-height: 1.5;
		font-size:1.25rem;
		font-weight:normal;
		color:#43220a;
		font-family: "kozuka-gothic-pr6n",sans-serif;
  font-style: normal;
  font-weight: 500;
}
.items .container .entry {
  padding: 10px;
}
.items .container .entry p {
  line-height: 2;
}
.items .entry .pull-right {padding-left:5px;}

.items .name {font-size:1rem;text-align:center;line-height:1.5}
.items .price {
 text-align:right;
}
.about .concept {width:90% auto;}
.about h2 {font-size:1.5rem;}
.about .container p {
  font-size: 18px;
  line-height: 1.5;
		font-size:1.125rem;
}
.about:before,
.about:after {
  content: " ";
  display: table;
}
.about:after {
  clear: both;
}

.about .features p {
line-height:1.75;
font-size:1rem;
}

.about .fea02,
.about .fea03 {
  width: 50%;
  float: left;
  margin: 20px 0;
}

.about .fea01 {
  width: 60%;
  margin: 0 auto;
}
.store .saiji {width:60%;}

@media (max-width: 720px) {
  .about .fea01,
  .about .fea02,
  .about .fea03 {
    display: block;
    width: 100%;
  }

}

@media (max-width: 480px) {
.store .container,
.items .container {
  width:98%;
		padding:0;
}	
.mainimage {width:100%;}
.img-min img {width:96%;}
.store .saiji {width:100%;}
.about .concept {width:100%;}
.contact li a {
	display:block;
	width:100%;
	padding:10px 5px;
}
}
.store img + p{
	margin-top:30px;
	font-size:1.125rem;
}
.store .saijibox {
	margin-top:45px;
}

.store .saijibox h2 {	
font-size:1.5rem;
font-family: "kozuka-gothic-pr6n",sans-serif;
font-style: normal;
font-weight: 500;
}

.store .saiji p {
 font-size:1.25rem;
}

.contact {
  color: #333;
  margin-top: 60px;
  padding: 40px;
  background: #f8f8f8;
  border-bottom: 1px solid #999;
}

footer {
  padding: 40px;
  color: #FFF;
  background: #222222;
  border-top: 1px solid #333333;
}

/*ページのトップへ戻る*/
.pagetop {
	position: fixed;
	bottom: 100px;
	right: 55px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-ms-transform: scale(0.3);
	-o-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
@media (max-width: 480px) {
.pagetop {
		bottom: 30px;
	right: 15px;
 }
	.contact {
		padding-top:20px;
	}
}

.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #595857;
 border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}
.pagetop.show {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.thumbnail {position:relative;}

.thumbnail a:hover:after {
position:absolute;
top:40%;
left:0;
width:100%;
padding:10px 0;
background-color:#efefef;
font-size:1rem;
text-align:center;
display:block;
}
#rough .thumbnail a:hover:after {
content:"ラフダイヤモンド一覧ページを見る";
}

#mille .thumbnail a:hover:after {
content:"ミルシャンテ一覧ページを見る";
}

#slice .thumbnail a:hover:after {
content:"インプレッシブダイヤモンド一覧ページを見る";
}

#venus .thumbnail a:hover:after {
content:"ヴィーナスアローダイヤモンド一覧ページを見る";
}

.thumbnail a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}

<!-- web font -->	

.kozukaGo_m {
font-family: "kozuka-gothic-pr6n",sans-serif;
font-style: normal;
font-weight: 500;
}

.kozukaMi_b {
font-family: "kozuka-mincho-pro",sans-serif;
font-style: normal;
font-weight: 700;
}

.kozukaMi_m {
font-family: "kozuka-mincho-pro",sans-serif;
font-style: normal;
font-weight: 500;
}