@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------
　global-navigation
------------------------------------------------ */

.top-global-navigation{
	width:980px;
	margin:0 auto;
}

.top-global-navigation li{
	float:left;
}

/* ---------------------------------------------
　keyvisual
------------------------------------------------ */

.keyvisual {
	width:100%;
	margin-bottom:20px;
	position:relative;
}

.keyvisual-sakura {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	z-index:100;
}

.keyvisual-sakura-l {
	position:absolute;
	bottom:0;
	left:6%;
	z-index:100;
}

.keyvisual-sakura-r {
	position:absolute;
	top:0;
	right:6%;
	z-index:100;
}

@media screen and (max-width:1150px){
.keyvisual-sakura-l {
	left:0;
}

.keyvisual-sakura-r {
	right:0;
}
}

.swiper {
	position: relative;
	width: 100%;
	height: 480px;
}
.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 825px !important;
}
.swiper-slide img {
	width: 825px;
	height: 480px;
	object-fit: cover; 
}
.swiper-button-wrap {
    position: absolute;
    top: 235px;
    left: 0;
    right: 0;
	width: 100%;
	max-width: 825px;
	margin: 0 auto;
}
.swiper-navigation-icon {
	fill: #fff;
	color: #fff;
}

/* ---------------------------------------------
　content
------------------------------------------------ */

/* modelcourse-area */
.modelcourse-area{
	background:url(../images/bg_model.png) 0 0 repeat #fff;
	margin:60px 0 0;
	padding:35px 0 50px;
	position:relative;
}

.modelcourse-area h2{
	position:absolute;
	top:-22px;
	left:0;
	right:0;
	margin:auto;
	width:211px;
}

.modelcourse-area .modelcourse-inner{
	width:980px;
	margin:0 auto;
}

.modelcourse-area li{
	float:left;
	margin-right:6px;
}

.modelcourse-area li.last{
	margin-right:0;
}

/* blog-area */
.blog-area{
	width:100%;
	margin:0 auto;
}

.blog-area li{
	float:left;
	border-bottom:1px solid #fff;
}

.pic-box img{
	max-width:100%;
	height:auto;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	min-height:138px;
	opacity:1 !important;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}

.pic-box{
	width:16.6666666%;
	height:138px;
	position:relative;
	overflow:hidden;
}

.pic-box span{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:138px;
	left:0;
	border:1px solid #fff;
	border-top:none;
}
.pic-box p{
	color:#fff;
	text-align:center;
	margin:30px 15px 0;
}

.pic-box .detail{
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	padding:5px 0;
	position:absolute;
	width:100px;
	left:0;
	right:0;
	bottom:15px;
	margin:auto;
}

/* ふらっとさくらちゃん */
.blog-area li.bn-all-blog{
	width:33.3333333%;
	position:relative;
}

.blog-area li.bn-all-blog .sakurachan{
	position:absolute;
	top:24px;
	right:60px;
}
@media screen and (max-width:1150px){
.blog-area li.bn-all-blog .sakurachan{
	right:10px;
}
}

/* 多度津を一緒に盛り上げよう */
li.bn-tadotsu{
	position:relative;
	width:16.5707235%;
	height:138px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	border-left:1px solid #fff;
}

li.bn-tadotsu p{
	position:absolute;
	left:50%;
	width:100%;
	margin:0 0 0 -411px;
}

li.bn-tadotsu img{
}

/* event-area */
.event-area{
	background:#47cfdf;
	margin-top:70px;
	padding:35px 0 20px;
	position:relative;
	text-align:left;
}

.event-area h2{
	position:absolute;
	top:-25px;
	left:0;
	right:0;
	margin:auto;
	width:214px;
}

.event-inner{
	width:1029px;
	margin:0 0 0 -49px;
}

.entry-unit{
	width:294px;
	float:left;
	margin-left:49px;
}

.entry-unit .entry-thumb{
	width:294px;
	height:150px;
	overflow:hidden;
	vertical-align:middle;
	position:relative;
}

.entry-unit .entry-thumb img{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}

.entry-unit .entry-date{
	font-size:12px;
	color:#fff;
	margin:7px 0 0;
	text-align:left;
}

.entry-unit .entry-title a{
	color:#fff;
}

.event-area .btn{
	float:right;
	margin:10px 0 0;
}

/* bottom-area */
.bottom-area{
	background:#fefbf6;
	padding:65px 0 60px;
}

/* news-area */
.news-area{
	float:left;
	width:630px;
	margin-right:30px;
	position:relative;
	min-height:453px;
}

.news-title{
	position:relative;
	margin-bottom:20px;
}

.news-area .btn {
	margin:0;
}

.news-area .btn .list {
	position:absolute;
	top:0;
	right:0;
}
.news-area .btn .rss {
	position:absolute;
	top:0;
	left:130px;
}
.news-area .btn li img {
	vertical-align:top;
}

.news-area dt {
  font-size:12px;
}

.news-area dd {
	margin-bottom:17px;
}

.news-area dd a {
	color:#333;
}

.sakurachan{
	position:absolute;
	right:0;
	bottom:0;
}

/* fb-area */
.fb-area{
	float:left;
	width:320px;
}