@charset "utf-8";


/*
	topindex
-----------------------------------------------------------------------------------------*/
.topindex header {
	width:1920px;
	position: relative;
	z-index: 5;
	margin:0 auto;
	/*overflow:hidden;*/
}
.topindex .slider {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.topindex .slider-text {
	width: 100%;
	margin: 0 auto 0;
	height:668px;
}
.next_arrow{
	text-align: center;
    margin:10px auto;
    width: 980px;
}
.topindex .slider-text .icn_fb{
	position:absolute;
	bottom:10px;
	left:25%;
	z-index:999;
}
.topindex .slider-text .icn_tw{
	position:absolute;
	bottom:10px;
	left:27.5%;
	z-index:999;
}
.topindex .slider-text .news_text{
	position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    width: 300px;
    text-align: center;
    z-index: 999;
    word-break: break-all;
    padding-bottom: 10px;
	margin:0 auto;
	font-size: 10px;
	letter-spacing:4px;
}
.topindex .slider-text .news_text a{
	color:#fff;
}
.topindex .slider-text .news_text p{
	margin:0 auto 8px auto;
}

/* news
----------------------------------------------------*/
#news{
	width:980px;
	margin:0 auto;
	padding:20px;
}
#news ul li{
	display:inline-block;
	vertical-align:text-top;
	color:#003559;
	text-align:left;
}
#news ul li.news_nav{
	width:300px;
	font-weight:bold;
	font-size:14px;
}
#news ul li.news_nav p{
	text-align:left;
	margin-bottom:10px;
}
#news ul li.news_nav p.facility_txt{
	line-height:30px;
}
#news ul li.news_nav div{
	margin-top:20px;
	margin-bottom:10px;
}
#news ul li.news_nav img{
	margin-bottom:5px;
}
#news ul li.news_nav span{
	font-size: 11px;
    letter-spacing: -1px;
}
#news ul li.news_nav p.facility_txt .caution{
	color: #e30000;
    line-height: 19px;
    display: inline-block;
}
#news ul li.news_nav p.facility_txt .line{
	text-decoration:line-through red;
	font-size: 100%;
}
#news ul li.news_nav .font18{
	font-size:18px;
}
#news ul li.news_nav p a{
	color:#003559;
}
#news ul li.topics{
	width:620px;
	padding-top:20px;
}
#news h2.topics_ttl{
	position:relative;
	padding-bottom:5px;
	border-bottom:1px solid #003559;
	margin-bottom:20px;
}
#news h2.topics_ttl p{
	background: #b1184b;
    padding: 10px 45px;
    position: absolute;
    top: -12px;
    right: 0;
    color: #fff;
    font-size: 13px;
}
#news h2.topics_ttl p a{
	color:#fff;
}

#news ul li.topics .news_list li{
	width:190px;
	height:190px;
	overflow:hidden;
	display:inline-block;
	position:relative;
	margin-left:18px;
	margin-bottom:20px;
	
}
#news ul li.topics .news_list li:first-child,
#news ul li.topics .news_list li:nth-child(4){
	margin-left:0;
}
#news ul li.topics .news_list li img{
	width:auto;
	height:100%;
}
#news ul li.topics .news_list li .txt,
#news ul.bxslider li .txt{
	position:absolute;
	bottom:0;
	background-color:rgba(255,255,255,0.5);
	padding:10px;
	width:100%;
}
#news ul li.topics .news_list li p,
#news ul.bxslider li p{
	font-weight:bold;
	text-align:left !important;
}
#news ul.bxslider li p{
	font-size:16px;
	text-align:left !important;
}
#news ul li.topics .news_list li span,
#news ul.bxslider li span{
	font-size:12px;
	letter-spacing:-1px;
	line-height:15px;
	display:block;
}
#news ul.bxslider li span{
	font-size:14px;
	text-align:left !important;
}
#news .fb_news {
	margin-bottom:40px;
}
#news .fb_news p{
	width: 127px;
    margin: 0;
    padding: 0;
    float: left;
}
#news .fb_news .facebook-wrapper{
	display: flex;
    margin: 0;
    padding: 0;
    max-height: 292px;
}





/* access
----------------------------------------------------*/
#access{
	width:800px;
	margin:80px auto 50px;
}
#access p{
	margin-bottom:50px;
}
#access p span{
	float:right;
	color:#003559;
	font-weight:bold;
}
#access iframe{
	margin:0 auto 50px auto;
	display:block;
}
#access .bnr_area{
	width:765px;
	margin:0 auto;
}
#access .bnr_area li{
	display:inline-block;
	margin-bottom:10px;
	margin-right:20px;
}
#access .bnr_area li:nth-child(3),
#access .bnr_area li:nth-child(6){
	margin-right:0;
}
#access a{
	color:#003559;
}

/* section.contents
----------------------------------------------------*/
section .inner{
	width:980px;
	text-align:center;
}
section .txt_area p{
	font-size:15px;
	color:#003559;
	letter-spacing:5px;
	line-height:50px;
}
section.contents .left_txt{
	text-align:left;
	margin-bottom:50px;
	line-height:normal;
}
section.contents .btn_more{
	background:#b1184b;
	padding:10px 30px;
	width:170px;
	color:#fff;
	font-size:14px;
	margin:80px auto 60px auto;
	text-align:center;
	letter-spacing:0;
	line-height:25px;
}
section.contents .btn_more a{
	color:#fff;
}
section .txt_area h3{
	color:#b1184b;
	font-size:28px;
	letter-spacing:5px;
	margin-bottom:40px;
	font-weight:normal;
}
section .txt_area h3 a,
section .txt_area h3 a:link,
section .txt_area h3 a:visited,
section .txt_area h3 a:hover,
section .txt_area h3 a:active{
	color:#b1184b;
	text-decoration:none;
}
section .txt_area h3 span{
	font-size:33px;
	letter-spacing:10px;
	display:inline-block;
	vertical-align:middle;
}
section .txt_area h3 span.mini{
	font-size:20px !important;
	letter-spacing:5px;
}
section .txt_area h3 span.en{
	letter-spacing:0;
	font-weight:bold;
	margin-right:10px;
	font-size:36px;
}
	



/* bg
----------------------------------------------------*/
section#bg-01 {
	background: url(../img/bg_shopping.png) no-repeat center center;
	/*background-size: cover;*/
	height: 491px !important;
	margin: 0 auto 187px;
	/*min-width: 100%;*/
	width:1920px;
	position:relative;
	margin-bottom:50px;
}
section#bg-01 .cont_ttl{
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width:508px;
	height:147px;
}
section#bg-02 {
	background: url(../img/bg_food.png) no-repeat center center;
	/*background-size: cover;*/
	height: 491px !important;
	margin: 0 auto 187px;
	/*min-width: 100%;*/
	width:1920px;
	position:relative;
	margin-bottom:50px;
}
section#bg-02 .cont_ttl{
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width:521px;
	height:141px;
}
section#bg-03 {
	background: url(../img/bg_cafe.png) no-repeat center center;
	/*background-size: cover;*/
	height: 491px !important;
	margin: 0 auto 187px;
	/*min-width:100%;*/
	width:1920px;
	position:relative;
	margin-bottom:50px;
}
section#bg-03 .cont_ttl{
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width:484px;
	height:137px;
}
section#bg-04 {
	background: url(../img/bg_sweets.png) no-repeat center center;
	/*background-size: cover;*/
	height: 491px !important;
	margin: 0 auto 187px;
	/*min-width: 100%;*/
	width:1920px;
	position:relative;
	margin-bottom:50px;
}
section#bg-04 .cont_ttl{
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width:551px;
	height:136px;
}
@media screen and (max-width: 1920px){
	section#bg-01,
	section#bg-02,
	section#bg-03,
	section#bg-04{
		width:100%;
	}
}
@media screen and (max-width: 670px){
	.sp_main{
		display:block !important;
	}
	.topindex header,
	.next_arrow,
	#news,
	#news ul li.topics,
	#news ul li.news_nav,
	.topindex section#news,
	.topindex section#facebook,
	section#bg-01,
	section#bg-02,
	section#bg-03,
	section#bg-04,
	section#bg-01 .cont_ttl,
	section#bg-02 .cont_ttl,
	section#bg-03 .cont_ttl,
	section#bg-04 .cont_ttl,
	#access .bnr_area,
	#facebook,
	iframe,
	.contents img,
	section .inner,
	h2 img,
	.topindex header img,
	section p img,
	#news ul li.news_nav .photo img,
	section .innder,
	#news h2.topics_ttl img{
		width:100%;
	}
	#news ul li{
		display:block;
		width:100%;
	}
	#news ul li.topics .news_list li{
		width: calc(58vmin - 60px);
		height: calc(58vmin - 60px);
		margin-left:0;
		margin-bottom:15px;
	}
	#news ul li.topics .news_list li:nth-child(even){
		margin-left:2vw;
	}
	section#bg-01 .cont_ttl,
	section#bg-02 .cont_ttl,
	section#bg-03 .cont_ttl,
	section#bg-04 .cont_ttl{
		height:100px;
	}
		
	
	section#bg-01 .cont_ttl img,
	section#bg-02 .cont_ttl img,
	section#bg-03 .cont_ttl img,
	section#bg-04 .cont_ttl img{
		width:80%;
		margin: 0 auto;
		display: block;
	}
	#access{
		width:90%;
	}
	section#bg-01,
	section#bg-02,
	section#bg-03,
	section#bg-04{
		height:160px !important;
		background-size:190%;
	}
	
	section .txt_area p{
	font-size:0.8em;
	letter-spacing:0;
	line-height:25px;
	width:90%;
	margin:0 auto !important;
	}
	section .txt_area h3{
	font-size:1.2em;
	margin-bottom:3vh;
	width:90%;
	margin:2vh auto 3vh auto;
	text-align:center;
	letter-spacing:0;
	}
	section .txt_area h3 span{
	font-size:1.4em;
	}
	section .txt_area h3 span.mini{
	font-size:0.8em !important;
	}
	section .txt_area h3 span.en{
		line-height:1em;
	}
	section .txt_area .btn_more{
		margin:3vh auto 5vh auto !important;
	}
	
	.next_arrow img{
		width:auto;
	}
	.left_txt img{
		width:103px;
	}
	#access p img{
		width:218px;
	}
	.btn_more{
		margin:6vh auto 10vh auto !important;
	}
	#news ul li.topics{
		padding-top:10px;
	}
	#news ul li.topics .news_list li .txt, #news ul.bxslider li .txt{
		padding:1%;
	}
	#news h2.topics_ttl{
		margin-bottom:60px;
	}
	#news h2.topics_ttl p{
		    top: 40px;
	}
	#access p span{
		float:none;
		display:block;
	}
	#access p{
		margin-bottom:2vh;
	}
	#pageTop {
		position:absolute;
		padding:0;
		bottom: 240px;
		text-align:right;
		right: 2%;
	}
	#news .fb_news p{
		display:none;
	}

		
		

}