@charset "UTF-8";

/* 全体 ----------------------------------------------- */
html {
}
img {
	/* 保存禁止 */
	pointer-events: none;
}
body {
	font-family: "Noto Sans JP", 'Kosugi Maru', sans-serif;
	color: #333;
	background-color: #fff;
}

.dis-pc{display: block}
.dis-md{display: none}
@media (max-width: 768px) {
.dis-pc{display: none}
.dis-md{display: block}
}

a{color:#333;text-decoration:none;}
a:hover {
	opacity: 0.7 ;
}
.text-red {
	color: #F36;
}
.text-gray {
	color: #999;
}

.bgwhite {
	background:rgba(255,255,255,0.8);
} 
.bggray {
	background:rgba(240,240,240,1);
} 

.btn {
	margin:25px 0;
}
.btn-secondary {
	background-color:#7f7f7f;
	color: #ffffff;
}
.btn-secondary:hover {
	background-color:#9f9f9f;
	border-color:#9f9f9f;
	color: #ffffff;
}

.info {
	font-size: 0.9em;
	line-height: 1.8em;
}

.hidden{display: none;}

.list-group {
	margin-bottom:70px;
}
.nav-fixed {
	position: absolute;
	z-index: 2;
	width: 100%;
}

a.scroll_point {
	height: 1px;
	margin-top: 0px;
	padding-top: 0px;
	display: block;
}

.text-small {
	font-size: 0.8em;
}

.text-big {
	font-size: 1.4em;
}



#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	background: #333;
	border-radius: 50%;
}

#page_top a{
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 30px;
	top: -5px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
.news {list-style: none;margin: 0;padding: 0;}
.news a{color:#333;text-decoration:none;}
.news a li{margin: 0.5em 0;padding: 0;}
.store{width: 100%;
    max-width: 700px;
    height: auto;}
/* ナビゲーションバー ----------------------------------------------- */


.navbar{
	font-size:1.4em;font-weight: bold;height: 120px;z-index: 1000;
}
@media (max-width: 960px) {
.navbar{height: 60px;}
}

.navbar-brand{position:relative; top: -30px;left: 0px;z-index:100;font-size:0.6em;}
@media (max-width: 960px) {
.navbar-brand{top:-5px;}
}

/* nav-itemの文字色 */
.navbar .navbar-nav .nav-link {
	color: #333;position:relative;top:-2em;left:0em;z-index:150;padding-right: 0;white-space:nowrap;
}
@media (max-width: 960px) {
.navbar .navbar-nav .nav-link {position:relative;top:0px;left:0;z-index:150;padding-left: 0;}
}
/* nav-item activeの文字色 */
.navbar .navbar-nav .active > .nav-link {
	color: #333;
}
/* nav-item:focus、nav-item:hoverの文字色 */
.navbar .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: #666;
}
/* ドロップダウンアイテムの文字色 */
.dropdown-item {
	color: #333;
}
.SNS{position:relative; top:-1.7em;left: 0px;z-index:100;white-space:nowrap;padding-left: 0.5em;}
@media (max-width: 960px) {
.SNS{position:static;padding-left: 0em;}
}

.navbar-toggler{
  border-color: #ffffff;
}


/* 見出し ----------------------------------------------- */
h1 {margin: 0;padding: 0;
	font-size: 2em;
	line-height: 1.8em;
	font-weight: bold;
	white-space:nowrap;
}
h2 {margin: 0;
	margin-top:2em;
	font-size: 1.8em;
	line-height: 1.8em;
	font-weight: bold;
	white-space:nowrap;
}
h2.h2-top{
	margin-top:0.8em;
}
@media (max-width: 720px) {
h2 span{font-size: 0.8em;
}
h2.h2-top{
	margin-top:1.2em;
}
}
h3 {margin: 0;
	font-size: 1em;
	line-height: 1em;
	height: 1.5em;
	color: #fff;
	border-bottom: solid 1px #666;
	white-space:nowrap;
}

h3 span{background: #666;padding:0.2em 0.8em;
}
@media (max-width: 720px) {
h3 span{font-size: 0.8em;padding:0.3em 0.7em;
}
}
.GT1{font-family: Futura;}
.GT2{font-family: Futura;}
h4 {
	font-size: 1.4em;
	margin-top: 0.2em;
	font-weight: bold; 
	color: #333;
}
@media (max-width: 720px) {
h4 span{font-size: 0.8em;
}
}
.name-en{font-size: 0.7em;}

.carousel-control-prev{background: #333; width: 30px;}
.carousel-control-next{background: #333; width: 30px;}

.accordion-item{border:0;}



.cform{width:93%;}
@media (max-width: 720px) {
.cform{width:82%;
}}
/* footer ----------------------------------------------- */

footer.nb-footer .copyright {
	margin: 0 auto;
	background: #fff;
	padding: 1em 0;
	text-align: center;
}

footer.nb-footer .copyright .text-small {
	color: #333;
}

@media (max-width: 720px) {
.copy {
    font-size: 0.6em;
}}