@charset "utf-8";
/* 点滅 */
.blinking{
	color: #FF1115;
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.flexbox{
　　display:-webkit-box;
　　display: -webkit-flex;
　　display:-ms-flexbox;
　　display: flex;
　　-webkit-flex-wrap:wrap;
　　-ms-flex-wrap:wrap;
　　flex-wrap:wrap;
}



.facebook-wrapper {
    max-width: 500px; /* Facebook Page Plugin の最大幅 */
    margin:20px auto 60px auto;
}
 
.facebook-wrapper > .fb-page {
    width: 100%;
}
 
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

.facebook-wrappe:after{content:"";}
 /*767px以下（スマホ用）*/
    @media screen and (max-width: 991px) {

			
				.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
	
			
			.entry{}
			
}



.centerbw{
	margin-bottom:20px;}

@media(min-width:960px){
.centerbw{
	margin-top:20px;}



.centerbw:after{
	content:"";}

}
@media(max-width:960px){
	.centerbw li{margin-bottom:20px;}
}
.center-b {
	margin-bottom: 15px;
font-size: 12px;
	text-align:center;
	display:block;
	font-weight:bold;
	color: #ffffff !important;
	text-decoration:none;
	padding: 10px;
	background:#029b02;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.center-b:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;}

.center-b2 {
	margin-bottom: 15px;
font-size: 12px;
	text-align:center;
	display:block;
	font-weight:bold;
	color: #ffffff !important;
	text-decoration:none;
	padding: 10px;
	background:#62AFF7 ;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.center-b2:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;}


/*info*/

#ribbonw{width:220px;
	height:10px;
position:absolute;

z-index:1;
display: block;
top:5px;
left:0;
right:0;
bottom:0;}
#ribbon{
	font-size:17px;
	font-weight:bold;
	width:220px;
	color:#fff;
	height:50px;
	position:relative;
	padding:10px;
	background:#DF72A2;
	
}

#ribbon:after{
	content:" ";
	position:absolute;
	top:0px;
	left:100%;
	width:0;
	height:0;
	border-width:25px 10px;
	border-style:solid;
	border-color:#DF72A2;
	border-right-color:transparent;
}

.exw{position:relative;

z-index:2;
	width:100%;
	padding:20px;
	margin:0 auto;
	padding:0;
	background:#fff;
	border:1px solid #ccc;
	margin-bottom:50px;
}

.exnak li{
	padding:10px 0;
	border-bottom:1px solid #ccc;}
.exnak li span{
display:block;
width:70px;
color:#fff;
font-weight:bold;
margin-right:15px;
font-size:12px;
padding:5px;
text-align:center;
}
.exnak li a{
text-decoration:none;
}
.exnak li div{
	display:block;
padding-top:2px;}

.exnak li:after{
	content:"";}
.exw:after{
	content:"";}
.exw a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;}
@media(min-width:960px){/*PC*/

.exnak{

width:690px;
height:500px;
margin:60px 10px 10px 10px;
overflow-x: hidden;
overflow-y: scroll;

	
	
}
.exnak li span{
float:left;}

.exnak li div{width:550px;
float:left;}
.exnak li{width:650px;}

	
	
	
.exp{position:relative; 
z-index:2;
width:550px;
vertical-align:top;
border-collapse: separate;}

.exp th{vertical-align:top;
	width:100px;
padding-left:10px;
	
}
.exp th img{max-width:100px;}
.exp td{vertical-align:top;
	width:430px;
	padding-left:10px;
}
.exp li:after{content:"";}
}

@media(max-width:960px){/*SP*/
.exp{position:relative; 
z-index:2;
width:95%;
vertical-align:top;
border-collapse: separate;}

.exp th{vertical-align:top;
	width:100%;
	display: block;
	
}
.exp th img{max-width:200px;
display:block;
margin:10px auto;}
	
	.exp td img{max-width:200px;
display:block;
margin:10px auto;}
	
	
.exp td{vertical-align:top;
width:100%;

	display: block;
}
.exp li:after{content:"";}

	
	
	
	
	
	
	
	
	
	
.exnak{

width:95%;
height:300px;
margin:60px 10px 10px 10px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}


}







/*map*/


#ribbon2w{width:220px;
position:absolute;
display: block;
top:5px;
left:-5px;
right:0;
bottom: 0;
}
#ribbon2{
	font-size:17px;
	font-weight:bold;
	width:220px;
	color:#fff;
	height:50px;
	position:relative;
	padding:10px;
	background:#599900;
	
}

#ribbon2:after{
	content:" ";
	position:absolute;
	top:0px;
	left:100%;
	width:0;
	height:0;
	border-width:25px 10px;
	border-style:solid;
	border-color:#599900;
	border-right-color:transparent;
}



.mapw{position:relative;
	width:100%;
	padding:20px;
	margin:0 auto;
	padding:0;
	background:#fff;
	border:1px solid #ccc;
	margin-bottom:60px;
}


.mapn{
	background:#ECE1C4;
	margin:10px;
	padding:10px;
	overflow:auto;}


.mapw:after{
	content:"";}



.mapw ul{
	margin-top:50px;
	display: -webkit-flex;
-js-display: flex;
  display: flex;
flex-direction:row;
flex-wrap:wrap;
webkit-justify-content: flex-start; /* Safari */
  justify-content:flex-start;}

.mapw li{flex-basis:22%;margin-bottom:10px;
margin-right:3%;
}

.mapw a{display:block;
font-size:17px;
text-decoration:none;
color:#fff;
font-weight:bold;
padding:10px 5px 10px 20px;}
.mapb a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;}
	
.mapli{display:block;}

.mapli::before{
left: 3px;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.arm{
position: relative;
vertical-align: middle;
text-decoration: none;

}
.arm::before,
.arm::after{
position: absolute;
top: -1px;
bottom: 0;
left: 5px;
margin: auto;
content: "";
vertical-align: middle;
}


@media(min-width:960px){/*PC*/


.mapb{float:left;
width:300px;}
.mapn li:first-child{float:left;}
.mapn li:last-child{float:right;width:340px;}

}



@media(max-width:960px){/*SP*/



.mapn li:last-child{
	display:none;}


}



/*entry*/

.entry ul{
	display: -webkit-flex;
-js-display: flex;
  display: flex;
flex-direction:row;
flex-wrap:wrap;
webkit-justify-content: space-between; /* Safari */
  justify-content:space-between;}

.entry img{display:block;
width:88px;
margin:0 auto;}

.entn{
border-radius: 0 0 10px 10px/ 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
border-bottom:1px solid #ccc; 
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background:#fff;
padding:10px 10px 30px 10px;}


.entn li{
	padding:10px;
	border-bottom:1px solid #ccc; }



.entry li p{
	position: relative;
	display:block;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:15px 0;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;}

.entry li p span{display:block;
font-size:12px;}

.p1:before{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 48%;
	border: 12px solid transparent;
	border-top: 12px solid #66CC66;
}

.p2:before{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 48%;
	border: 12px solid transparent;
	border-top: 12px solid #2E84D8;
}


.p3:before{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 48%;
	border: 12px solid transparent;
	border-top: 12px solid #FF9900;
}


.p4:before{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 48%;
	border: 12px solid transparent;
	border-top: 12px solid #F69;
}



.entn li a{
	display:block;
	padding-left:20px;}

.entry a:hover{
	filter: alpha(opacity=50); 
	-moz-opacity:0.5;
	opacity:0.5;}
	
.nobr{display:inline !important;}
	
.nobr2{display:inline !important;padding-left:5px !important;}

.nobr:before{
		content: "";
	
	top: -20px !important;
    left: 2px !important;
position: absolute;}

.entry li {
    position: relative;
  }


.en1::before{
	

left: 3px;
width: 6px;
height: 6px;
border-top: 2px solid #66CC66;
border-right: 2px solid #66CC66;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	

}


.en2::before{
left: 3px;
width: 6px;
height: 6px;
border-top: 2px solid #2E84D8;
border-right: 2px solid #2E84D8;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.en3::before{
left: 3px;
width: 6px;
height: 6px;
border-top: 2px solid #FF9900;
border-right: 2px solid #FF9900;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.en4::before{
left: 3px;
width: 6px;
height: 6px;
border-top: 2px solid #F69;
border-right: 2px solid #F69;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.are{
position: relative;
vertical-align: top;
text-decoration: none;

}
.are::before,
.are::after{
position: absolute;
top: 0;
bottom: 0;
left: 0px;
margin: auto;
content: "";
vertical-align: top;
}








@media(min-width:960px){
.entn ul{

width:100%;
height:350px;

overflow-x: hidden;
overflow-y: scroll;

}


.entn ul li{width:96%;}

.entry li p{height:70px;}	
.entry li.entmain{flex-basis:45%;margin-bottom:30px;}
}

@media(max-width:960px){
.entn ul{

width:100%;
height:200px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.entn ul li{width:98%;}
.entry li.entmain{flex-basis:100%;margin-bottom:30px;}
}



.btn{
    margin: 8px 8px 0 0;
}



@media(min-width:640px){
	.kanren{display:none;}
}
@media(max-width:640px){
	.kanren{margin: 0 auto;
	text-align: center;}
	
}







.red{color: #F82A2D !important;}





.exw2 a{color:#ffffff;} 

.exw2{
	font-size:15px;
	width:100%;
	padding:20px;
	margin:0 auto;
color:#ffffff;
background: #7364D9;
font-weight:bold;
	margin-bottom:50px;
}





