/* tab */
.content-tab{margin: 0 10px 20px;}
.content-tab .tabs { list-style: none;}
.content-tab .tabs li { color:#FFF; display: inline-block; text-align: center; cursor: pointer; font-weight: bold; background: #88d3ff; margin-left: 5px;
    border-top-left-radius: 10px; border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;}
.content-tab .tabs li a{
	color:#FFF !important;
	display:block;
	padding: 13px 60px;
	font-size:16px;
	font-weight:normal;

}
.content-tab .tabs li.current { background: #28aefd; color: #fff;}
.content-tab .tab-pane {display: none; margin: 0 auto;}
.content-tab .tab-pane.current { display: block;}
.content-tab .tab-contents{ border-top: 5px solid #28aefd; padding: 12px 0; background: #fff; font-weight: normal;}

/* tab content */
.highlight-tab{background: url(../images/bg-yellow.png); border-radius:20px; padding:20px; overflow:hidden; margin: 0 0 20px; position:relative;}
.highlight-tab div{float: left; width: 50%; line-height:18pt;}
.highlight-tab div h2{
	color: #06348b; 
	font-weight: bold; 
	font-size:26px; 
	text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83333px 0.983333px 0px, rgb(255, 255, 255) 2.35px 1.85px 0px, rgb(255, 255, 255) 1.61667px 2.51667px 0px, rgb(255, 255, 255) 0.7px 2.91667px 0px, rgb(255, 255, 255) -0.283333px 2.98333px 0px, rgb(255, 255, 255) -1.25px 2.73333px 0px, rgb(255, 255, 255) -2.06667px 2.16667px 0px, rgb(255, 255, 255) -2.66667px 1.36667px 0px, rgb(255, 255, 255) -2.96667px 0.416667px 0px, rgb(255, 255, 255) -2.95px -0.566667px 0px, rgb(255, 255, 255) -2.6px -1.5px 0px, rgb(255, 255, 255) -1.96667px -2.26667px 0px, rgb(255, 255, 255) -1.11667px -2.78333px 0px, rgb(255, 255, 255) -0.133333px -3px 0px, rgb(255, 255, 255) 0.85px -2.88333px 0px, rgb(255, 255, 255) 1.75px -2.43333px 0px, rgb(255, 255, 255) 2.45px -1.73333px 0px, rgb(255, 255, 255) 2.88333px -0.833333px 0px;
    position: absolute;
    top: 26px;
}
.highlight-tab div img{width: 100%;}
.highlight-tab .highlight_txt{ padding:50px 0 0 0;}

.contact-box{width:100%!important; border-radius: 20px; overflow: hidden; background: #FFF; padding: 15px; margin: 0px 0 0;}
.contact-box figure{width: 60%; float: left;}
.contact-box figure{width: 60%; float: left;}
.contact-box .box-button{width: 40%; display: flex; flex-wrap: wrap;}
.contact-box .box-button a {
	display:block; 
	float: right; 
	width: 96%; 
	background: #ffb01f; 
	padding: 15px; 
	border-radius: 6px; 
	text-align: center; 
	font-weight: bold; 
	color: #FFF; 
	font-size: 18px;     
	border-bottom: 3px solid #b5b3b3;
}
#content-01 .box-button a{background: #ff8100; border-bottom: 3px solid #bd0003;}
#content-02 .box-button a{background: #15a8f9; border-bottom: 3px solid #375194;}
.contact-box .box-button a img{width: 35px;}
.contact-box .box-button a:hover{background: #ff881f;}
.contact-box .box-button a.facebook{ display: block; float: right; width: 18%; background: #4b6dad !important; padding: 20px 0; border-radius: 10px; text-align: center; font-weight: bold; color: #FFF; font-size: 45px; border-bottom: 3px solid #284daf !important; margin-left: 2%;}
.contact-box p{width: 100%; display: block; float: left; padding: 10px 0 0;}
.contact-box p a{ color:#505050 !important;}

/* SNS */
#sns {
	margin: 20px 0;
}

#sns ul {
	display: inline-flex;
}

#sns li:first-child {
	margin-right: 10px;
}

#sns li:last-child {
	margin-left: 10px;
}

.bg-blue{background: url(../images/bg-blue.png)!important;}

.gallery-map{overflow: hidden; margin: 0 0 40px;}
.gallery-map div{width: 100%;}
.gallery-map div hidari{float: left; width: 49%;}
.gallery-map div migi{float: right; width: 49%;}
.gallery-map div img{width:100%;}
.gallery-map div p{padding: 10px 0;}
.gallery-map iframe{width: 100%; height: 500px;}

.howtogo h2{border-bottom: 1px solid #353c96; color: #353c96; font-weight: bold; margin: 0 0 30px;    padding: 0 0 5px;    font-size: 16px;}
.howtogo div{margin: 0 0 20px; overflow: hidden; line-height: 18pt;}
.howtogo div strong{float: left; display: block; width: 30%; padding: 0 0 0 20px;}
.howtogo div strong span{display: block; border-left:5px solid #28aefd; padding: 0 10px;}
.howtogo div ul{float: left; display: block; width: 70%; list-style: disc; padding: 0 20px;}

.fukidashi{
	font-size: 22px;
	font-weight: bold;
	color: #06348b;
	text-align: center;
	padding: 0 7px;
	border-top: solid 2px #28aefd;
	border-bottom: solid 2px #28aefd;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	margin:10px 0 -16px 0;
}
@media( max-width:580px){
	.fukidashi{
	line-height: 1.5;
	}
	#sns ul {
		display: inline-block;
	}
	#sns li {
		margin-bottom: 10px;
	}
	#sns li:first-child {
		margin-right: 0;
	}
	
	#sns li:last-child {
		margin-left: 0;
	}
	#sns li img {
		width: 100%;
	}
}

.gallery-map p{
	line-height: 1.7;
}

.under{
	font-weight: bold;
	border-bottom: solid 3px #fff600;
	padding: 1px 1px;
}

.neo{padding: 50px 0 20px 0 !important;}

@media( max-width:768px){
.content-tab{margin: 0 3px 20px;}

	.highlight-tab div{width: 100%!important;}
	.contact-box{padding:5px;}
	.contact-box a{width: 100%;}
	.contact-box figure {width: 100%;margin:0 0 5px;}
	.content-tab .tabs li a{ padding: 12px 40px;}
	.contact-box .box-button a{ padding:20px 5px;}
	.contact-box .box-button a.facebook{ padding:10px 5px;}
	.contact-box .box-button a img{width: 20px;}
	.highlight-tab{ padding:10px;}
	.highlight-tab .highlight_txt{ padding:10px 0 0 0;}
	.highlight-tab div h2{
    font-size: 24px;
	position: static !important;
    top: 26px; margin:10px 0 0 0;}

	.neo{padding: 20px 0 20px 0!important;}

  }

 

@media( max-width:480px){
	.gallery-map div{float: none; width: 100%!important;}
  .content-tab .tabs li a{ padding: 12px 20px;}
}
@media( max-width:428px){
  .contact-box .box-button a.facebook{ padding:20px 5px;}
  .contact-box .box-button a{ width: 100%;}
  .contact-box .box-button a.facebook{ width: 20%;}

}
@media( max-width:380px){
  .content-tab .tabs li a{ padding: 12px 10px;}

}