/* Common stylesheets below
-------------------------------------------------- */

body {font-family: Meiryo, 'Lucida Fax', Gergia, Serif; }
h1, h2, h3 {font-family: 'MS PGothic', 'Lucida Fax', Gergia, Serif; text-transform: none;}
.navbar .nav > li > a, .panel-content-title, .thumb-title-inner li h4 {font-family: 'MS PGothic', 'Lucida Fax', Gergia, Serif;}

p {line-height: 1.25em}

.clear {clear: both; height: 1px; line-height: 0px; font-size: 0px;}

.no_m {margin-left: 0px}
.m_l_1 {margin-left:1px}
.m_t_10 {margin-top: 10px}
.m_t_15 {margin-top: 15px}
.m_t_20 {margin-top: 20px}
.m_t_30 {margin-top: 30px}
.m_b_10 {margin-bottom: 10px}
.m_b_20 {margin-bottom: 20px}
.m_b_30 {margin-bottom: 30px}

.p_20 {padding: 20px}
.h_160 {height: 160px}
.h_200 {height: 200px}
.h_300 {height: 300px}

.posrel {position: relative;}

/*********************** COMPONENT STYLES *********************/

/* Flexslider customization */
.flexslider {margin: 0 0 10px; position: relative; zoom: 1; border: 0px solid white;}
.flexslider:hover {cursor: pointer;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../img/01/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 0px; }
.flex-direction-nav .flex-prev {left: 0px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 0px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 0px;}

@media (max-width: 480px) {.flex-caption, .flex-control-nav {display: none;}}
@media (min-width: 481px) and (max-width: 767px) {
.thumb-title-inner.cols-1-vert li {height: 500px; min-height: 500px;}
.thumb-title-inner.cols-2-vert li {height: 210px; min-height: 210px;}
.thumb-title-inner.cols-3-vert li {height: 160px; min-height: 160px;}
.thumb-title-inner.cols-4-vert li {height: 110px; min-height: 110px;}
}

/*******************************************************************/

h2 {font-size: 24px; font-weight:normal; line-height: 30px}
h3 {font-size: 15px; line-height: 20px;}

.content-body {background: white; color:black; padding-bottom:10px; margin-top:0px /* 25px */; display:none;}

.bar-breadcrumb {margin-left: 20px;}
@media (max-width: 767px) {.bar-breadcrumb {margin-left: 0;}}
@media (min-width: 768px) and (max-width:979px) {.bar-breadcrumb {margin-left: 20px;}}
@media (min-width: 1200px) {.bar-breadcrumb {margin-left: 30px;}}

.breadcrumb {
	font-size: 12px; 
	background: rgba(255,255,255,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#30ffffff,endcolorstr=#30ffffff,gradienttype=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}
.breadcrumb li {text-shadow: 0 0 0 #fff;}
.breadcrumb li, .breadcrumb li a, .breadcrumb a:hover, .breadcrumb .divider {color: #000;}

.panel-content {
	background: #fff;
	padding: 10px 20px;
	color: #000;
	overflow:hidden;
}
@media (max-width: 480px) {.panel-content {padding: 10px 10px;}}

.panel-content-title {
	display: none;
	position: relative;
  	color: #314357;
	font-size: 18px;
	white-space:nowrap;
	font-weight: bold;
	padding-left: 10px;
	overflow: hidden;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=120, strength=1, enabled=true)";	
}
.panel-content-title #content-date {
	display: block; 
	position: absolute; right: 10px; bottom: 10px; 
	text-align: right; 
	text-shadow: 0px 0px 0px;
	font-size: 14px;
	line-height: 20px;
}

.content-more {display: none;}

.panel-subtitle {
	font-size: 11px;
	font-weight: normal;
	text-shadow: 0 0 0;
}
.panel-banner {
	background: #fff;
	padding: 20px 20px;
    max-width: 270px;
}
.panel-banner img {margin-bottom:10px}
.panel-banner h3 {margin-top:0; text-indent: 10px;}
.panel-banner h4 {font-size: 14px; font-weight: normal; }

.panel-item {clear:both;}

.link-banner ul {list-style-type:none; margin: 0 0 10px 0;}
.link-list ul{list-style-image: url('../img/next.png'); margin: 0 0 10px 20px;}

.thumb-wrapper {height: 100%; text-align: center; overflow:hidden;}
.photo-title {text-align: center;}

/************** calendar **************/

/************** entry list views **************/
.content-view		{padding: 0;}
.content-view ul	{list-style-type:none; margin-left:0;}
.content-view h4 	{font-size:14px; margin-top:0}
.content-view li	{float:left; font-size:12px; margin-right:3%; margin-bottom:10px;}
.content-view li:last-child {margin-right:0}
.content-view:after {content:""; clear:both; display:block;}
.content-view a, .content-view a:hover 	{color: #000;}

.cols-1-horz li {width: 96%; position: relative;}
.cols-2-horz li {width: 46%; position: relative;}
.cols-3-horz li {width: 30%; position: relative;}
.cols-4-horz li {width: 22%; position: relative;}
.cols-1-horz .thumb-wrapper {width: 30%;float: left; margin:0 3% 3% 0;}
.cols-2-horz .thumb-wrapper {width: 30%;float: left; margin:0 3% 3% 0;}
.cols-3-horz .thumb-wrapper {width: 30%;float: left; margin:0 3% 3% 0;}
.cols-4-horz .thumb-wrapper {width: 30%;float: left; margin:0 3% 3% 0;}
.cols-1-horz .text-wrapper {width: 64%; float: left;}
.cols-2-horz .text-wrapper {width: 64%; float: left;}
.cols-3-horz .text-wrapper {width: 64%; float: left;}
.cols-4-horz .text-wrapper {width: 64%; float: left;}

.cols-1-vert li {width: 96%!important; float: none; margin:0 0 10px 0}
.cols-2-vert li {width: 45%!important; float: left; margin:0 2% 10px 2%}
.cols-3-vert li {width: 30%!important; float: left; margin:0 1.5% 10px 1.5%}
.cols-4-vert li {width: 22%!important; float: left; margin:0 1.5% 10px 1.5%}

.thumb-title-inner li {position: relative;}
.thumb-title-inner li .thumb-wrapper {position:absolute; bottom: 0; left:0; width: 100%; height: auto;}
.thumb-title-inner li img {width:100%; height: auto;}
.thumb-title-inner li h4 {
	position: absolute; 
	bottom: 0;	/* 2%; */
	background: rgba(0,0,0,0.4);
	margin: 0;
	padding: 5px 0;
	left: 0; 
	font-size: 16px; 
	max-height: 16px;
	overflow: hidden;
	width: 100%; 
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=120, strength=1, enabled=true)";	
}

.cols-1-horz li,
.cols-2-horz li,
.cols-3-horz li,
.cols-4-horz li {min-height:160px}

/* .cols-1-vert li {min-height: 800px} */
.cols-2-vert li {min-height: 400px}
.cols-3-vert li {min-height: 250px}
.cols-4-vert li {min-height: 200px}


.thumb-title-inner.cols-1-vert li {height: 460px; min-height: 460px;}
.thumb-title-inner.cols-2-vert li {height: 240px; min-height: 240px;}
.thumb-title-inner.cols-3-vert li {height: 180px; min-height: 180px;}
.thumb-title-inner.cols-4-vert li {height: 160px; min-height: 160px;}

@media (max-width: 480px) {

.thumb-title-inner.cols-1-vert li,
.thumb-title-inner.cols-2-vert li ,
.thumb-title-inner.cols-3-vert li,
.thumb-title-inner.cols-4-vert li
{height: 100px!important; min-height: 100px; overflow: hidden;}

.cols-2-vert li,
.cols-3-vert li,
.cols-4-vert li
{width: 45%!important; float: left; margin:0 2% 10px 2%}
}
@media (min-width: 481px) and (max-width: 767px) {
.thumb-title-inner.cols-1-vert li {height: 500px; min-height: 500px;}
.thumb-title-inner.cols-2-vert li {height: 210px; min-height: 210px;}
.thumb-title-inner.cols-3-vert li {height: 160px; min-height: 160px;}
.thumb-title-inner.cols-4-vert li {height: 110px; min-height: 110px;}
}
@media (min-width: 768px) and (max-width:979px) {
.thumb-title-inner.cols-1-vert li {height: 350px; min-height: 350px;}
.thumb-title-inner.cols-2-vert li {height: 160px; min-height: 160px;}
.thumb-title-inner.cols-3-vert li {height: 160px; min-height: 160px;}
.thumb-title-inner.cols-4-vert li {height: 120px; min-height: 120px;}
}
@media (min-width: 1200px) {
.thumb-title-inner.cols-1-vert li {height: 600px; min-height: 600px;}
.thumb-title-inner.cols-2-vert li {height: 300px; min-height: 300px;}
.thumb-title-inner.cols-3-vert li {height: 180px; min-height: 180px;}
.thumb-title-inner.cols-4-vert li {height: 160px; min-height: 160px;}
}

ul.masonry {list-style: none;}
.masonry-view .masonry-item {width: 180px;}
.masonry-view h4 {font-size: 14px; margin:5px;}

/*************************** single entry view ****************************/
.entryDesc {
	width: auto;
	margin: 5px 0 20px 0;
	padding: 0 10px;
	overflow: hidden;
	/*
	padding: 15px 10px 8px 10px;
	border: 1px solid #D2D2D2;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	 */
}
.entryDetails {
	width: auto;
	margin: 5px 0 20px 0;
	padding: 15px 10px 8px 10px;
	/* border: 1px solid #D2D2D2; */
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
}
@media (max-width: 480px) {
	.entryDetails {
		padding-left: 0px!important; padding-right:0px!important;
		margin-left: 0px!important; margin-right:0px!important;
	}
}

#entry-info .entryDesc {border-width: 0}

.entryDetails table {width:100%; border: 1px solid #d2d2d2;}
.entryDetails table th {border-right: 1px solid #d2d2d2;}
.entryDetails table th, td {padding: 4px 10px;}
.entryDetails table tr { border-bottom: 1px solid #d2d2d2;}
.entryDetails table tr:last-child { border-bottom:0;}
.entryDetails th {width: 20%; font-weight: bold; text-align: left;}
/*
.entryDetails span {display: block; border-right: 1px solid #d2d2d2; margin-right: 20px; width:25%; text-align: center; font-weight:bold; float:left}
.entryDetails p {width:100%; }
.entryDetails li {border-bottom: 1px solid #d2d2d2; margin-bottom: 10px; float:none;}
.entryDetails li:last-child {border-bottom:0;}
*/
.nomap {font-size: 20px; text-align:center; margin-top:110px;}



#entry-header.content-view {height: 180px; background:white; padding: 0;}
#entry-header .entrySubImage .cols-4t.rows-2 {height:100%;}

@media (max-width: 480px) {
	#entry-header.content-view { /* 2014.05.07 height: auto; */ height:240px;}
	#entry-header .entryPhotos {width:100%; height: 30%;}
	#entry-header .entrySubImage {width:100%; height: 70%;}
	#entry-header .entrySubImage .cols-4t .swiper-slide li {width:12.5%;}
	#entry-header .entryMap {width:100%; height: 70%;}
}
@media (min-width: 481px) and (max-width: 767px) {
	#entry-header.content-view {/* height: auto; */ height: 240px;}
	#entry-header .entryPhotos {width:100%; height: 50%;}
	#entry-header .entrySubImage {width:100%; height: 50%;}
	#entry-header .entrySubImage .cols-4t .swiper-slide li {width:12.5%;}
	#entry-header .entryMap {width:100%; height: 50%;}
}
@media (min-width: 768px) and (max-width:979px) {
	#entry-header.content-view { height:145px}
}
@media (min-width: 1200px) {
	#entry-header.content-view {height:230px}
}

.entryPhotos {width:60%; float:left; overflow:hidden;}
.entrySubImage {width:40%; height:100%; overflow:hidden;}
.entryMap {width: 40%;float:left; background:white;}
.entryMainImage {float:left;width:100%; overflow: hidden; /* margin-bottom:20px; */}
/* .entryMainImage img {height: 100%} */
.entryDesc {clear:both; margin-top:20px;}
.entryPhotos, .entryMap, #map-canvas {height: 100%;}
.entryDesc li {float:none;}

#contest .entryDesc {margin-bottom: 10px;}

#map-canvas {z-index: 30; /* margin-top: 3px; */}
.entryMapDetails {margin-top: 10px; width: 35%; height:240px!important; float:right;}
.entryTable {width: 63%;}
@media (max-width: 480px) {.entryMapDetails {width: 100%; margin-bottom: 10px;} .entryTable {width: 100%;}}

.blog-content ul li {height:auto;}
/*
.panel-banner {min-height: 711px}
.archive-list {min-height: 681px}
.blog-list {min-height: 741px;}
.event-list {min-height:711px;}
 */
 
#event-list li {position: relative;}
.date-wrapper {position: absolute; right: 0; top: -20px; text-align: right;}
.entry-date {text-align: right; margin-bottom: 10px;}

/************** swiper views **************/
.swiper-pagination .swiper-active-switch {background: none repeat scroll 0 0 #555;}

.gallery-view {margin-top: 10px; padding: 20px; }
.gallery-view .swiper-container, .swiper-slide { position:relative; width:100%;}
.gallery-view .swiper-pagination {position:absolute; left:0px; bottom:0px; padding: 10px;width:100%; z-index:30;}
.gallery-view .swiper-pagination .swiper-active-switch {background: none repeat scroll 0 0 #555;}
.gallery-view ul {margin-left:0}
.gallery-view li {list-style-type:none; float:left; margin-right:3%; margin-bottom:30px; overflow:hidden;}
.gallery-view li img { margin: 0;}
.gallery-view .thumb-wrapper a:hover {text-decoration: none;}

#gallery .gallery-view .swiper-container {height:500px}
#gallery .gallery-view .swiper-next {position: absolute; top: -65px; right:0px}
#gallery .gallery-view .swiper-prev {position: absolute; top: -65px; right:30px}
#gallery .gallery-view li {width:22%; height: 200px;}
#gallery .gallery-view li .thumb-wrapper img {max-height: 100%; width: auto; vertical-align: bottom;}
#gallery .gallery-view li .thumb-frame {width: 1px; overflow: visible; }
/*
@media (max-width: 480px) {.gallery-view li {width:96px; height:96px}}
@media (min-width: 481px) and (max-width: 767px) {.gallery-view li {width:120px; height:120px}}
@media (min-width: 768px) and (max-width:979px) {.gallery-view li {width:140px; height:140px}}
@media (min-width: 1200px) {.gallery-view li {width:240px; height:240px}}
*/
@media (max-width: 480px) {
#gallery .gallery-view .swiper-container {height:1210px; /* auto; */}
#gallery .gallery-view li {height: 120px; width: 100%;}
}
@media (min-width: 481px) and (max-width: 767px) {
#gallery .gallery-view .swiper-container {height:500px}
#gallery .gallery-view li {height: 200px;}
}
@media (min-width: 768px) and (max-width:979px) {
#gallery .gallery-view .swiper-container {height:360px}
#gallery .gallery-view li {height: 140px;}
}
@media (min-width: 1200px) {
#gallery .gallery-view .swiper-container {height:520px}
#gallery .gallery-view li {height: 220px;}
}

/* image/text vertical layout */
.carousel-view {margin-top: 10px; margin-left:30px; margin-right:30px}
.carousel-view .swiper-container, .swiper-slide { position:relative; width:100%; height:250px}
.carousel-view .swiper-pagination {display:none}
.carousel-view ul {margin-left:0; list-style-type:none;}
.carousel-view li {list-style-type:none; float:left; margin-right:3%; margin-bottom:20px; overflow:hidden; }
.carousel-view li {width:165px; height: 220px; font-size:12px;}
.carousel-view li img {width:100%;} 
.carousel-view li .thumb-wrapper {width:100%; /* max-height:120px; */height: auto; overflow:hidden}
.carousel-view h4 {font-size: 14px; margin: 5px 0 0 0;}

/* image thumbnail */
.thumb-view {padding: 10px 10px; width:100%;}
.thumb-view .swiper-container, .swiper-slide {width:100%; }
.thumb-view .swiper-container {position: relative}
.thumb-view .swiper-pagination {position:absolute; left:0px; bottom:0px;z-index:30;}
.thumb-view ul {margin-left:0; list-style-type:none;}
.thumb-view li {margin: 0 2px 0 0!important; padding: 0!important; list-style-type:none; float:left; overflow:hidden; }
.thumb-view li {width:165px; height: 120px; font-size:12px;}
.thumb-view .thumb-wrapper {max-width:100%; max-height:120px; overflow:hidden}
.thumb-view h4 {font-size: 14px; margin: 5px 0 0 0;}
.thumb-view .swiper-prev {display:none}
.thumb-view .swiper-next {display:none}

/* tiled view */
.tile-view {width:100%;}
.tile-view .swiper-container, .swiper-slide {width:100%; height:100% }
.tile-view .swiper-container {position: relative}
.tile-view .swiper-pagination {position:absolute; left:10px; bottom:10px;z-index:30;}
.tile-view ul {margin-left:0; list-style-type:none;}
.tile-view li {margin-right:0; margin-bottom:0; list-style-type:none; float:left; overflow:hidden; }
.tile-view li {width:120px; height: 100%; font-size:12px;}
.tile-view .thumb-wrapper {max-width:100%; max-height:100%; overflow:hidden}
.tile-view h4 {font-size: 14px; margin: 5px 0 0 0;}
.tile-view .swiper-prev {display:none}
.tile-view .swiper-next {display:none}

/* tiled vertical view */
.gmap-view {width:100%; position: relative;}
.gmap-view .swiper-container, .tile-view-vert .swiper-slide {width: 15%; height:700px; float:right; }
.gmap-view .swiper-container {position: relative; margin-top: 20px;}
.gmap-view .swiper-pagination {position:absolute; left:0px; bottom:0px;z-index:30;}
.gmap-view ul {margin-left:0; list-style-type:none;}
.gmap-view li {margin-right:0; margin-bottom:0; list-style-type:none; float:left; overflow:hidden; }
.gmap-view li {width:100%; height: auto; font-size:12px;}
.gmap-view .thumb-wrapper {/* max-width:97%; */ height: auto; overflow:hidden;}
.gmap-view .thumb-wrapper img {padding-left: 3%; background: #ffffff;}
/* .gmap-view .thumb-wrapper img {border: 3px solid #ffffff; max-width: 96%; max-height: 96%;} */
.gmap-view h4 {font-size: 12px; margin: 0; color: #ffffff; font-weight: normal;}
.gmap-view .swiper-navigation {position:absolute; right:0; top:0; width: 15%; height: 100%;  z-index:0; background: #fff;}
.gmap-view .swiper-prev, .gmap-view .swiper-next {
    display: block;
    position: absolute; z-index: 2;
    background-image: none;
    background-color: #fff;
    width: 97.5%;
    padding-top: 3px;
    margin: 0;
    margin-left: 3%;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.5);
    background-image: none;
    background-position: 0;
    background-repeat: no-repeat;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    vertical-align: baseline;
    height: 20px;
    border: none;

}
.green .gmap-view .swiper-prev, .green .gmap-view .swiper-next {
    background-image: none;
}

.gmap-view .swiper-prev {top:0; left:0; right: auto; bottom: auto;}
.gmap-view .swiper-prev:before {content:"\f0aa"; }
.gmap-view .swiper-next {bottom: 0; left:0; top: auto; right: auto;}
.gmap-view .swiper-next:before {content:"\f0ab"; }

.gmap-view .entry-xmap {width: 85%; float:left;}
.entry-xmap img {width: 100%;}
.entry-xmap .icon-map-marker {
	text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=120, strength=1, enabled=true)";	
}
.gmap-view .swiper-pagination .swiper-active-switch {background: none repeat scroll 0 0 #555;}
/* 2014.5.59 */
.gmap-view  .swiper-pagination {display: none;}
.gmap-view .text-wrapper {
	text-align: center; margin-top: -25px;
	height: 25px; 
	overflow: hidden;
	color: #fff;
	text-shadow: 0px 0px 7px rgba(0,0,0,0.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=120, strength=1, enabled=true)";	
}
.gmap-view .nav-tabs > li {width: auto; min-height:1px; margin-top: 10px;}
.gmap-view .tab-content {overflow: visible;}
.gmap-view .swiper-slide li {position: relative;}
.xmap-num {
    color: #000;
    position: absolute;
    top: 0; left: 20px;
    padding: 2px 5px;
    cursor: pointer;
    font-size:18px; font-weight:bold;
    min-width: 18px; width: auto; text-align:center;
    background-color: #fff; border: 1px solid #aaaa;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; 
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}
.gmap-view .swiper-slide .xmap-num {
    font-size:12px; padding: 2px 2px; background-color: rgba(255,255,255,0.7); left:10px; top:5px; text-shadow: 0 0 0 rgba(0,0,0,0);
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 

}

.gmap-view:after {content:""; clear:both; display:block;}

.gmap-view .popover h3,
.gmap-view .popover h4,
.gmap-view .popover p {color: #000!important;}

.gmap-course {
    min-height: 1px!important;
    height: auto; margin-top:30px; padding: 30px;
    border: solid 1px #ddd;
    -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;	

}
.gmap-course>ul>li {width: 46%; height: 130px; position: relative; float:none; display: inline-block; vertical-align: top;}
.gmap-course:after {content:""; clear:both; display:block;}
.gmap-course .thumb-wrapper {width: 30%; float: left; margin: 0 3% 3% 0;}
.gmap-course .text-wraper {width: 64%; float:left;}
.gmap-course .text-wrapper h4 {font-size:14px;}
.gmap-course .text-wrapper {margin-left: 30%; text-align: left; margin-top: 0; height: auto; color: #000; text-shadow: 0 0 0;}
.gmap-course .thumb-wrapper img {padding-left:0;}
.gmap-course .thumb-wrapper .xmap-num {left:5px; top:5px; font-size:12px; font-weight: normal;}
#map-title {position:relative;}
.gmap-title, .gmap-blog {display:block;}
.gmap-title-small, .gmap-blog-small {display:none;}
.gmap-blog {width: 15.5%; position: absolute; bottom: 10px; left: 30%;}
@media (max-width: 480px) {
.gmap-title, .gmap-blog {display:none;}
.gmap-title-small, .gmap-blog-small {display:block;}
.gmap-blog-small {position: absolute; bottom: 5px; right: 10px;}
.gmap-view .text-wrapper h4 {display:none;}
.gmap-view .swiper-slide .xmap-num {font-size:10px; padding:0; left: 5px;}
}
@media (max-width: 767px) {
.gmap-course>ul>li {width: 100%!important;}
}

/* image/text horizontal layout */
.list-view {margin-top: 10px; padding-top: 20px; }
.list-view .swiper-container, .swiper-slide { width:100%; height: 590px; position:relative;}
.list-view .swiper-pagination {position:absolute; left:0px; bottom:0px; padding: 10px; width:100%; z-index:30;}
.list-view .swiper-pagination .swiper-active-switch {background: none repeat scroll 0 0 #555;}
.list-view .swiper-next {position: absolute; top: -50px; right:30px}
.list-view .swiper-prev {position: absolute; top: -50px; right:60px}
.list-view .swiper-slide ul {margin-left:0}
.list-view .swiper-slide li {width: 100%; height: 160px; list-style-type:none; float:left; margin-bottom:30px; overflow:hidden; position: relative;}
.list-view .swiper-slide li .thumb-wrapper {width: 40%; max-height:120px; position: absolute; margin:0 20px 20px 0; overflow:hidden;}
.list-view .swiper-slide li .text-wrapper {margin-left: 45%;}
.list-view li {width:22%; height: 200px; }
.list-view .swiper-slide li img {width: 100%; padding-left:20px;}

.content-caption {padding: 10px 0px 20px 0px;}
.caption-image-r, .caption-image-l {width: 40%;}
.caption-image-t, .caption-image-b {width: 100%; text-align: center;}
.caption-image-t img, .caption-image-b img {width: 100%;}
#contest-results .caption-image-t img, .caption-image-b img {max-height: 600px; width: auto; /* width: 100%; */}
.caption-image-r {float: right; margin: 0 0px 20px 20px; }
.caption-image-l {float: left; margin: 0 20px 20px 0px; }
.caption-image-t {margin: 0 0px 20px 0px; }
.caption-image-t:after {clear: both }
.caption-image-b {margin: 20px 0px 20px 0px; }
.caption-image-b:before {clear:both}

.cols-2 .swiper-slide li {width:47%;}
.cols-3 .swiper-slide li {width:30%;}
.cols-3 .swiper-slide li:last-child {width:31%}
.cols-4 .swiper-slide li {width:22%;}
.cols-5 .swiper-slide li {width:17%;}
.cols-6 .swiper-slide li {width:13.5%;}
.rows-1 {height:140px}
.rows-1 .swiper-container, .swiper-slide {height:140px}
.rows-2 {height:240px}
.rows-3 {height:380px}
.rows-4 {height:500px}
.rows-5 {height:620px}
.rows-6 {height:740px}

.cols-2t .swiper-slide li {width:50%}
.cols-3t .swiper-slide li {width:33%}
.cols-3t .swiper-slide li:last-child {width:34%}
.cols-4t .swiper-slide li {width:25%}
.cols-5t .swiper-slide li {width:20%}
.cols-6t .swiper-slide li {width:16.6%}

/*
@media (max-width: 480px) {.list-view-2cols li {width:240px; height:120px}}
@media (max-width: 767px) {.list-view-2cols li {width:320px; height:140px}}
@media (max-width: 768px) {.list-view-2cols li .thumb-wrapper {width:120px; height:120px}}
@media (min-width: 768px) and (max-width:979px) {.list-view-2cols li {width:430px; height:160px}}
@media (min-width: 1200px) {.list-view-2cols li {width:540px; height:160px}}
*/

.meePopover {
	text-align: left; 
	padding: 0; 
	width: 100%;
	position: absolute; 
	bottom:0; 
	left:0; 
	overflow: hidden; 
	display: none;
	background: rgba(0,0,0,0.3);
}
.meePopover p {
	font-size: 10px; 
	line-height: 12x; 
	padding: 0 5px;
	margin-bottom: 5px;
	color:#fff;
	/*
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=120, strength=2, enabled=true)";	
	 */
}
.meePopover h4 {
	font-size:12px; 
	padding: 0 5px;
	margin-bottom: 3px;
	ine-height: 14px; 
	color:#fff;
	/*
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=120, strength=2, enabled=true)";	
	 */
}

/* #sub-slider #photo-slider {max-height: 240px; overflow: hidden;} */
#sub-slider #map-canvas {max-height: 240px}

.footer ul li {list-style-type: none; float: left; padding: 10px;}

.archive-list ul li {min-height:1px; float: none}
.blog-content.cols-1-horz li {min-height:1px;}

.pagination {clear: both; height: 40px; margin: 20px 0; text-align: center;}
.pagination li {min-height: 1px; width: auto; float: none; font-size: 14px;}

#entry-course.cols-1-horz li {position: relative; margin-bottom: 60px;}
#entry-course.cols-1-horz .distance {position: absolute; top: -60px; left: 30%; padding: 10px 0; background: url(../img/next-vertical.png) 50% repeat-y ; }
#entry-course.cols-1-horz .course-details {background: #fff; padding: 5px 20px; border: 1px solid #777; }

#top-banner.thumb-title-inner li {margin: 0; min-height: 160px; height: 160px;}
#bottom-banner.cols-2-vert.thumb-title-inner li {min-height: 200px; height: 200px;}
#bottom-banner.cols-3-vert.thumb-title-inner li {min-height: 150px; height: 150px;}
#top-banner.thumb-title-inner li .thumb-wrapper, #bottom-banner.thumb-title-inner li .thumb-wrapper {height:100%;}
#top-banner.thumb-title-inner li img, #bottom-banner.thumb-title-inner li img {width: 100%; height:auto;}
#top-banner.thumb-title-inner.cols-1-vert li {width: 100%!important;}
#top-banner.thumb-title-inner.cols-2-vert li {width: 50%!important;}
#top-banner.thumb-title-inner.cols-3-vert li {width: 33.3%!important;box-sizing:border-box;}
/* #top-banner.thumb-title-inner.cols-3-vert li:last-child {width: 33.3%!important; } */
#top-banner.thumb-title-inner.cols-4-vert li {width: 25%!important;} 

#contest-mypage.content-view.cols-4-vert .thumb-wrapper {height: 120px;}
#contest-mypage.content-view.cols-4-vert .thumb-wrapper img {height: 100%;}

.photo-view.cols-2-vert ul li img {max-height: 520px;}
.photo-view.cols-3-vert ul li img {max-height: 360px;}

@media (max-width: 480px) {
	.logo {margin-left: 20px; max-width: 100%;}
	header {padding-bottom: 0px}
	header form{ margin-bottom: 0;}
	#whats-new li, #from-members li {width:auto; min-height:1px; padding-left: 10px; float: none;}
	.cols-2 .swiper-slide li,
	.cols-2 .swiper-slide li:last-child,
	.cols-4 .swiper-slide li,
	.cols-4 .swiper-slide li:last-child,
	.cols-3 .swiper-slide li,
	.cols-3 .swiper-slide li:last-child {width: 100%!important; height: 120px!important; margin-bottom: 10px!important;}
	.swiper-slide li p {font-size: 10px;}
	.swiper-slide li h4{font-size: 14px;}
	#entry-list.rows-2, #entry-list.rows-3,
	#entry-list.cols-4 .swiper-container, 
	#entry-list.cols-4 .swiper-slide,
	#entry-list.cols-3 .swiper-container, 
	#entry-list.cols-4 .swiper-slide,
	#entry-list.cols-2 .swiper-container, 
	#entry-list.cols-4 .swiper-slide {height: 760px!important;}
	.carousel-view.cols-4 .swiper-container,
	.carousel-view.cols-4 .swiper-slide { height:550px}
	.carousel-view.cols-3 .swiper-container,
	.carousel-view.cols-3 .swiper-slide { height:400px}
	.carousel-view.cols-2 .swiper-container,
	.carousel-view.cols-2 .swiper-slide { height:280px}
	.carousel-view li .thumb-wrapper {max-height: 160px;}
	.cols-3-vert li {min-height: 160px}
	.cols-4-vert li {min-height: 120px}
    /*
	#top-banner.thumb-title-inner li {height: 60px!important; min-height: 60px!important;}
	#top-banner {height: 60px; min-height: 60px!important;}
     */
    #top-banner.thumb-title-inner.cols-4-vert>ul>li,
    #top-banner.thumb-title-inner.cols-3-vert>ul>li,
    #top-banner.thumb-title-inner.cols-3-vert>ul>li:last-child
     {width: 100%!important;}
	.thumb-title-inner li h4 {font-size: 80%;}
	.footer p {clear:both;}
	#entry-course.cols-1-horz li {min-height: 200px;}
	#entry-course.cols-1-horz .distance {top: -85px; }
	.bar-breadcrumb {margin-left: 0;}
	.breadcrumb {margin-bottom: 0;}
	#bottom-banner.cols-2-vert.thumb-title-inner li {min-height: 120px; height: 120px;}
	#bottom-banner.cols-3-vert.thumb-title-inner li {min-height: 120px; height: 120px;}
	.navbar-inner {padding-left:10px; padding-right:10px;}
}
@media (min-width: 481px) and (max-width: 767px) {
	.logo {margin-left: 20px;}
	header {padding-bottom: 0;}
	#whats-new li,
	#from-members li {width:auto; min-height:1px; float:none}
	.carousel-view li .thumb-wrapper {max-height: 160px;}
	#top-banner.thumb-title-inner li {height: 90px!important; min-height: 90px!important;}
	.thumb-title-inner li h4 {font-size: 80%;}
	#top-banner {height: 90px; min-height: 90px!important;}
	#bottom-banner.cols-2-vert.thumb-title-inner li {min-height: 140px; height: 140px;}
	#bottom-banner.cols-3-vert.thumb-title-inner li {min-height: 90px; height: 90px;}
	.navbar-inner {padding-left:10px; padding-right:10px;}
}
@media (min-width: 768px) and (max-width:979px) {
	.cols-1-vert li {min-height: 800px}
	.cols-2-vert li {min-height: 400px}
	.cols-3-vert li {min-height: 200px}
	.cols-4-vert li {min-height: 160px}
	#top-banner.thumb-title-inner li {height: 120px!important; min-height: 120px!important;}
	#top-banner {height: 120px; min-height: 120px!important;}
	.thumb-title-inner li h4 {font-size: 80%;}
	#bottom-banner.content-view {min-height: 120px!important;}
	#bottom-banner.cols-2-vert.thumb-title-inner li {min-height: 150px; height: 150px;}
	#bottom-banner.cols-3-vert.thumb-title-inner li {min-height: 110px; height: 110px;}
}
@media (min-width: 1200px) {
	#top-banner.thumb-title-inner li {height: 180px!important; min-height: 180px!important;} 
	#bottom-banner.cols-2-vert.thumb-title-inner li {min-height: 250px; height: 250px;}
	#bottom-banner.cols-3-vert.thumb-title-inner li {min-height: 170px; height: 170px;}
}

.lightbox-content .carousel-control {
	background: transparent;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px;
	color: #fff;
	font-size: 80px;
}

.calendar-target {position: absolute; right: 10px; bottom:5px; font-size: 14px; line-height: 20px; width: 200px; text-align: right;}
.social {height: 31px;}

#social-tw img, #social-fb img {display: none;}

.weather {margin-bottom: 20px; font-size: 10px; width: 100%; min-height: 260px;}
.weather h4 {font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; width: 100%;}
.weather .today {font-size: 14px; font-weight: bold; float: left; text-align: left; padding: 16px 10px;}
.weather .t-weather {float: left; width: 50%; font-size: 12px; text-align: center;}
.weather .t-weather img {margin-bottom: 0!important; width: 70%; padding-right: 10px; }
@media (max-width: 480px) {.weather .today {font-size: 16px;padding: 24px 10px}}
@media (min-width: 481px) and (max-width: 767px) {.weather .today {font-size: 24px;padding: 24px 10px; line-height: 24px;}}
@media (min-width: 768px) and (max-width:979px) {.weather .t-weather {font-size: 11px;} .weather .today {font-size: 11px; padding: 16px 8px;}}
@media (min-width: 1200px) {.weather .today {font-size: 18px; padding: 24px 10px;}}
.weather ul {margin: 0; clear: both; width: 100%;  border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;  }
.weather .min-temp {color: blue; line-height: 14px;}
.weather .max-temp {color: red; line-height: 14px;}
.weather li {list-style-type: none; display: inline-block; padding: 1%; width: 12%;}
.weather li .date-title {text-align: center; line-height: 14px;}
.weather li .temp {text-align: center;}
.weather li img {margin-bottom: 5px!important; width: 100%;}

.masonry-item {
	width: 174px;
	margin: 5px;
	padding: 10px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}
.masonry-item p {color: #000; text-align: center; font-size: 12px;margin: 10px 0 0 0;}

#mitte-gallery { display: inline-block; width: 100%; height: auto;}
#mitte-gallery:after {content: ""; display: block; clear: both;}
.gallery-item {
	float: left; width: auto; 
	padding-bottom: 32767px; margin-bottom: -32767px;
}
.gallery-item img {
	margin: 5px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}

.distance .course-details {color: #000;}

/* 2013.6.18 */
.lightbox-content {position: relative;}
.lightbox-text {text-align: left; padding: 10px 10px; max-width: 700px;
	position: absolute; bottom: 10px; left:10px; 
	background: rgba(255,255,255,0.5);
}

.logo img {display: none;}

.category-title { clear: both; font-weight: bold; margin: 20px 0px 10px 0px; border-bottom: 1px solid #eee;}
.category-description {margin-bottom: 20px;}

.lightbox-content p, .lightbox-content h4 {color: #000!important;}

#event-list.content-view li {margin-top: 20px;}

.contact dl {}
.contact dt {width: 140px; float: left; text-align: right;}
.contact dd {clear: right; display: block; margin-left: 160px;}
.contact dd input, .contact dd textarea {width: 95%;}
.contact {margin-bottom: 20px;}
.contact .btn-area {text-align: center;}
.contact button {width: 120px; margin:8px;}
.contact #contact-confirm dd p {border: 1px solid #ccc; padding: 4px;}
.contact .contact-completed {padding: 30px 30px;}

@media (max-width: 480px) {
.contact dt {font-size: 10px; width: 140px; float: none; text-align: left;}
.contact dd {\margin-left: 0px;}
}

.goto-top {clear: both; text-align: right; padding: 8px;}
.goto-top span { font-size: 12px; line-height: 16px; padding-right: 10px;}
.edit-a .icon-edit, .edit-b .icon-edit {position: absolute; right: 0px; top:0px; color:#0088cc; display: none;}

#lang-setting {width: auto; float: right; line-height: 16px; font-size: 12px; margin-bottom: 10px;}
#lang-setting .btn-group {margin-left: 8px; margin-top: 0;}

.CP {display: none; position: fixed; bottom: 0px; left: 0; z-index: 100; width: 100%; height: auto; padding: 10px; background: rgba(0,0,0,0.7); /* text-align: center; */ overflow: hidden;}
.CP .mitteX-settings li {list-style-type: none; display: inline-block; float: right;}
.CP .groupDesign {width: 38%;}
.CP .groupSlider {width: 32%;}
.CP .groupEntry {width: 32%;}
.CP .mitteX-design li {list-style-type: none; display: inline-block; width: auto; float: left}
.CP .mitteX-design li span {display: block; width: 22px; border: 1px solid #eee; text-align: center;}
.CP .mitteX-design li span.active {background: rgba(128,0,0,0.7);}
.CP, .CP a {color: #fff}
.CP .mitteX-design li span:hover {color:#000; background: #fff;}
/* 
.CP .options {position: relative; line-height: 35px;}
.CP .options .btn-group {position: absolute; top: 0; left: 150px;}
*/
.CP .groupDesign .btn-group{margin-left: 27px; margin-top: 5px;}
.CP input {text-align: right;}
.CP #slide-interval-btn {margin-top: -8px;}
.btn-settings {
-webkit-backface-visibility:hidden; -webkit-transform: translateZ(0);
background: rgba(128,0,0,0.7); color: #fff; Z-index: 1000; width: 25px; height: 20px; padding: 15px 15px; position: fixed; right:0; bottom:0px;
}

#categorized-list .nav-tabs>li {float: left; margin-bottom: 4px; width: auto; height: auto; min-height: 1px; margin-top: 10px;}

.search-results { display: inline-block; width: 100%; height: auto;}
.search-results:after {content: ""; display: block; clear: both;}
#search-results.content-view {margin-top: 20px;}
#search-results.content-view.cols-2-horz li {width: 46%; min-height: 130px;}

ul.social-panel {clear: both; padding: 10px 20px; display:inline-block; height:auto; width:100%; list-style-type: none; margin-left: 0;}
.social-panel li {float:left;}

#pageLoading {
	background: rgba(0,0,0,0.7); color: #fff; text-align: center;
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#70000000,endcolorstr=#70000000,gradienttype=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000)";
}
#pageLoading .loading{ width: 200px; margin: 0 auto;}
.lightbox {z-index: 1050;}

.entry-xmap .icon-map-marker {color: #e81125;}
.xmap-content {tex-align: center;}
.xmap-text {text-align: left; font-size: 12px;padding-top: 10px; /* max-height: 90px; overflow-y: scroll; */}
.xmap-more { text-align: right;}

.meeList:after {content:""; clear:both; display:block;}

ol.level-2 li {
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}
ol.level-2.li:before {display: marker; content: "(" counter(cnt) ")";}

.meeList:after {content:""; display:block; clear:both;}

/* 2016.07.13 */
.navbar .btn-navbar .icon-bar {background-color: #555;}
.btn-navbar .icon-bar+.icon-bar {margin-top: 3.5px;}