/* Global Styles */

html, body {
	height: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
small{
	font-size:11px;
}
.font-wa{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.vsl {
	max-width:970px;
	margin:0 auto;
	color:#666;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.container {
	max-width: 970px;
}
.container p{
	line-height:200%;
	letter-spacing:1px;
}
.img-portfolio {
	margin-bottom: 30px;
}
.img-hover:hover {
	opacity: 0.8;
}
/* Home Page Carousel */

header.carousel {
	height: 50%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
	height: 100%;
}
header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
/* 404 Page Styles */

.error-404 {
	font-size: 100px;
}
/* Pricing Page Styles */

.price {
	display: block;
	font-size: 50px;
	line-height: 50px;
}
.price sup {
	top: -20px;
	left: 2px;
	font-size: 20px;
}
.period {
	display: block;
	font-style: italic;
}
/* Footer Styles */

footer {
	margin: 50px 0;
	font-size:11px;
	opacity:0.7;
}


/*==================================================
=            Bootstrap 3 メディア・クエリ             =
==================================================*/

/*==========  モバイル・ファーストの場合  ==========*/

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (min-width : 320px) {
    
}

/* XSサイズ : Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {
body{
	font-size: 16px;
}
footer {
	font-size:11px;
}
.cta {
	 font-size:30px;
}
.alert {
	font-size:12px;
}
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
body{
	font-size: 16px;
}
footer {
	font-size:11px;
}
.cta {
	 font-size:30px;
}
.alert {
	font-size:12px;
}
}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
body{
	font-size: 16px;
}
footer {
	font-size:11px;
}
.cta {
	 font-size:30px;
}
.alert {
	font-size:12px;
}
}


/*==========  非モバイル・ファーストの場合  ==========*/

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
body{
	font-size: 16px;
}
footer {
	font-size:12px;
}
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
body{
	font-size: 16px;
}
footer {
	font-size:11px;
}
.alert {
	font-size:12px;
}
}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {
body{
	font-size: 16px;
}
footer {
	font-size:11px;
}
.alert {
	font-size:12px;
}

}

/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 480px) {
body,blockquote{
	font-size: 14px;
}
footer {
	font-size:9px;
}
h4 {
	font-size:12px;
}
h2.page-header{
	font-size:16px;
}
.alert {
	font-size:10px;
}
}

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {
body,blockquote{
	font-size: 14px;
}
footer {
	font-size:9px;
}
h4 {
	font-size:12px;
}
h2.page-header{
	font-size:16px;
}
.alert {
	font-size:10px;
}
}

/* Responsive Styles */

@media(max-width:991px) {

.customer-img,  .img-related {
	margin-bottom: 30px;
}
}

@media(max-width:767px) {
.img-portfolio {
	margin-bottom: 15px;
}
header.carousel .carousel {
	height: 70%;
}
}