//@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&family=Roboto:wght@100&display=swap');
//@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

//body { background-color: #FFF !important; font-family: 'Raleway', sans-serif; font-size: 100%; } 
//body { background-color: #FFF !important; font-family: 'Noto Sans JP', sans-serif; font-size: 100%; } 

//h1 { font-size: 1.8em; margin: 0px; padding: 0px 0px 10px 0px; color: #000; font-weight: normal; line-height: 1.4em; } h1 a { } 
//h2 { font-size: 1.6em; margin: 0px; padding: 0px 0px 10px 0px; color: #000; font-weight: normal; line-height: 1.4em; } h2 a { } 
//p  { font-size: 1em; margin: 0px; padding: 0px 0px 10px 0px; font-weight: normal; line-height: 1.6em; } p a { text-decoration: underline ; }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { }



.breadcrumb { padding: 10px; }
.breadcrumb-item.active { color: black; }

.hero-notice { background-color: #d2f4ea; }
.bi { font-size: 1rem; }
.bi-star, .bi-star-fill { color: yellow; text-shadow: 0 0 3px #000; }

.bg-dark { background-color: #37363B!important; }


@media (min-width: 540px)
.hero-notice {
    border-radius: 5em !important;
}

$breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");

h2 { font-size: 1.4em; } h2 a { } 
h3 { font-size: 1.35em; } h3 a { } 

.review h3 { font-size: 1.6em; } h3 a { }