@charset "UTF-8";
/* ====================================================
reset style
==================================================== */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext,vietnamese");
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500&display=swap');

/**************common***************/

.copyRight{
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
}

.head-sightseeing:before {
    background: #ccc4a9;
}

#main-footer .flex-ft .nav-ft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 600px;
}

#main-footer .flex-ft .nav-ft li {
    width: 20%;
    margin-right: 5%;
    margin-bottom: 8px;
}

.breadcrumbs{
	border-top: 1px solid #f1f1f1;
	padding: 10px 0;
}

.breadcrumbs a{
	color: #000;
}

@media screen and (max-width: 767px){
.breadcrumbs{
    display: none;
}
}

/**************top***************/


.sec-access .flex-access .gg-map iframe {
    width: 100%;
    height: 520px;
}

.sec-access .flex-access .text-access .link-map {
    margin-bottom: 36px;
}

.accessDetail{
	margin-bottom: 56px;
}

.accessDetail li {
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
    padding-left: 1em;
    text-indent: -1em;
}

@media screen and (max-width: 767px){
.sec-access .flex-access .gg-map iframe {
    height: 250px;
}
}

/**************404***************/

.page-404 .sec-404-main {
    padding-top: 36px;
    padding-bottom: 165px;
}

.box-404 .ttl-404 {
    font-family: "�⥴���å���", YuGothic, "�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å�", "Yu Gothic", "�ᥤ�ꥪ", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    padding-bottom: 46px;
    margin-bottom: 37px;
    position: relative;
    letter-spacing: 4px;
}

.box-404 .ttl-404:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), color-stop(50%, black), to(rgba(0, 0, 0, 0.3)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, black 50%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, black 50%, rgba(0, 0, 0, 0.3) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.box-404 p{
	font-size: 15px;
    font-size: 1.5rem;
	margin-bottom: 50px;
	text-align: center;
}


/**************sitemap***************/

.page-sitemap .sec-sitemap-main {
    padding-top: 36px;
    padding-bottom: 165px;
}

.sec-sitemap-main .ttl-sitemap {
    font-family: "�⥴���å���", YuGothic, "�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å�", "Yu Gothic", "�ᥤ�ꥪ", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    padding-bottom: 46px;
    margin-bottom: 37px;
    position: relative;
    letter-spacing: 4px;
}

.sec-sitemap-main .ttl-sitemap:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), color-stop(50%, black), to(rgba(0, 0, 0, 0.3)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, black 50%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, black 50%, rgba(0, 0, 0, 0.3) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.sec-sitemap-main .col{
	float: left;
	width: 50%;
}

.sec-sitemap-main ul{
	margin-bottom: 20px;
}

.sec-sitemap-main ul li{
	padding: 10px 0;
}

.sec-sitemap-main ul li a{
	color: #000;
	font-size: 15px;
    font-size: 1.5rem;
}

.sec-sitemap-main ul li a .fa.fa-arrow-right{
	color: #888888;
	font-size: 13px;
	font-size: 1.3rem;
	margin-right: 5px;
}

/**************top_sec_bnr***************/

.sec_bnr {
width: 90%;
max-width: 800px;
margin: 0 auto;
padding: 80px 0;
}
.sec_bnr ul li {
margin-bottom: 20px;
}

/**************top_sec-news-index***************/
.sec-news-index{
	background: #f5f5f5;
	padding: 120px 0;
}

.sec-news-index .inner-800{	
	margin: 0 auto;
	max-width: 800px;
	padding: 0 15px;
	width: 100%;
}
.newsbox {
margin-bottom: 50px;
}
.newsbox dl {
display: flex;
border-bottom: 1px dashed #ccc;
padding: 15px 0;
justify-content: flex-start;
flex-wrap: wrap;
}

.newsbox dl dt,
.newsbox dl dd {
font-size: 16px; 
font-size: 1.6rem;
}
.newsbox dl dt {
margin-right: 40px;
}
.newsbox dl dd a {
color: #333;
}

@media screen and (max-width: 767px){
.newsbox dl dt,
.newsbox dl dd {
width: 100%;
}
}