@charset "utf-8";

/* CSS Document */

html body{
	background-color: #000;
	color: #fff;
}

big{
	font-size: 2rem;
	font-size: bold;
}
.font-serif{
	font-family: 'Lato', serif!important;
	line-height: 1.5;
	font-size:0.9rem;
}

.title-header {
	background-image:url("../images/title_back.jpg");
    background-position: top center;
    color: #fff;
		background-size: cover;
	border:none!important;
	margin-bottom: 3rem;
}

.bg-header2{
	background-image: url("../images/hero_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding-top: 10rem;
}
.title-header h1{
	    margin-top: 70px!important;
	font-family: 'Teko', sans-serif!important;
	padding:4rem 0rem;
	font-size: 6rem;
	font-weight: 100;
}
.title-header h1 img{
filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.9));
}
.container h2{
	font-family: 'Teko', sans-serif!important;
	font-size:3rem;
	font-weight: 100;
	color:#EC6C00;
	padding:0;
}
.container h2 small{
	font-size:0.8rem;
	line-height: 0.2;
}
.container h3{
	font-family: 'Teko', sans-serif!important;
	font-size:2rem;
	color:#EC6C00;
	font-weight:bold;
}
.container h3+p{
	font-size:1.2rem
}
.container h2 span,
.container h3 span{
	color:#fff
}
.font{
		font-family: 'Teko', sans-serif!important;
	font-size:2rem!important
}

.title-header small{
	font-size:0.8rem;
	line-height: 0.2;
}
.title-header-news{
	background-image: url("../images/new_title_bg2.jpg");
}
.title-header-shop{
	background-image: url(img/new_title_bg2.jpg)
}
.title-header-event{
	background-image: url(img/new_title_bg2.jpg)
}
.title-header-motor{
	background-image: url(img/new_title_bg2.jpg)
}
.title-header-info{
	background-image: url(img/new_title_bg2.jpg)
}

body nav{
background-color:  rgba(7, 8, 8, 0.7)!important;
	font-family: 'Teko', sans-serif!important;
	font-size: 1.2em;
}
.opening_block .row h2 {
    font-size: 2.2rem;
    font-weight: bold;
}

.opening_block .row h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 1em;
}

.opening_block .days {
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 3px solid #fff;
    padding: 0.5em 0.5em;
    display: inline-block;
}
/* 小デバイス（横向きモバイル, 576px 以上）*/
@media (min-width: 576px) { 
.container h2{font-size:4rem;}
.container h3{font-size:3rem;}
.font-serif{
	line-height: 2
	font-size:1rem
}

}

/* 中デバイス（タブレット, 768px 以上）*/
@media (min-width: 768px) { ... }

/* 大デバイス（デスクトップ, 992px 以上）*/
@media (min-width: 992px) { ... }

/* 特大デバイス（ワイド・デスクトップ, 1200px 以上）*/
@media (min-width: 1200px) { ... }