@charset "UTF-8";
/* CSS Document */
ul {
	padding: 0;
	margin: 0;
	list-style: none;

}
ul li {
	margin: 0;
	padding: 0;
}
body{
	margin: 0;
	color: #222;
	font-family :
		YuMincho,    /* Mac用 */		'Yu Mincho', /* Windows用 */		serif;
		font-size: 16px;
}
/* navbar */

.navbar{
	border-radius: 0px;
	border: none;
	min-height: 0px;
}
.navbar-header{
	float: none;
}
.navbar-collapse{
	padding-left:0px;
	padding-right:0px;
}
.navbar-toggle{
	margin-top: 17px;
}
.glyphicon-play{
	color: #4c1d86;
}
#site-title{
	margin: 0;
	background-color: #ffffff;
}
.main-logo{
	display: block;
	text-align: center;
}
.head-btn{
	margin: 50px 0;
}
.header-btn{
	margin: 30px 0;
}
.donate-btn,.join-btn,.info-btn{
	font-size: 1.3em;
	text-decoration: none;
	font-weight: bold;
  display: block;
  padding: 15px 20px;
  text-align: center;
	max-width: 200px;
}
.header-btn .donate-btn,
.header-btn .join-btn{
	font-size: 1.2em;
	padding: 7px 30px;
}
.donate-btn{
  color: #4c1d86;
	border:3px solid #4c1d86;
	background-color: #ffffff;
}
.donate-btn:hover{
  color: #ffffff;
	border:3px solid #4c1d86;
  background-color: #4c1d86;
	text-decoration: none;
}
.join-btn{
	border:3px solid #4c1d86;
  background-color: #4c1d86;
	color: #ffffff;
}
.join-btn:hover{
  color: #4c1d86;
	border:3px solid #4c1d86;
  background-color: #ffffff;
	text-decoration: none;
}
@media (max-width: 368px) {
	#site-title img{
		width: 240px;
	}
	.navbar-toggle{
		margin-top: 13px;
	}
}
#site-title .navbar-nav>li>a{
	color: #111 ;
	font-weight: bold;
	padding-top: 24px;
}
#site-title .navbar-nav>li>a:hover{
	color: #999999;
}
#global-menu{
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	margin-bottom:0;
}
#global-menu .navbar-nav{
	width: 955px;
	margin: 0 auto;
	float: none;
}
#global-menu .navbar-nav li{
}
#global-menu .navbar-nav>li>a{
	font-size: 1.1em;
	color: #111;
	padding-left:50px;
	padding-right:50px;
}
#global-menu .navbar-nav>li>a:hover{
	opacity: 0.6;
}
.mainvisual .picture {
	font-size: 0;
	width: 100%;
	height: 550px;
	margin-top: 0;
	margin-bottom:50px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
@media (max-width: 1600px) {
.mainvisual .picture {
	height: 490px;
	}
}
@media (max-width: 1200px) {
.mainvisual .picture {
	height: 400px;
	}
}
@media (max-width: 1100px) {
.mainvisual .picture {
	height: 350px;
	}
}
@media (max-width: 767px) {
.mainvisual .picture {
	height: 250px;
	}
}
@media (max-width: 565px) {
.mainvisual .picture {
	height: 150px;
	}
}
.mainvisual .h1 {
	font-size: 0;
}

.mainvisual .message {
	position: absolute;
	bottom:0;
	left:50%;
	width: 800px;
	margin-left: -400px;
	}
	.mainvisual .message .message-name {
		font-size: 22px;
		font-weight: bold;
		/*background: rgba(0,0,0,0.6);*/
		color: rgb(255,255,255);
		text-shadow: 0  0  6px  rgb(0,0,0);
		padding-left: 4px;
		padding-right: 4px;
		line-height: 38px;
	}
	.mainvisual .message .message-body {
		font-size: 36px;
		font-weight: bold;
		/*background: rgba(0,0,0,0.6);*/
		color: rgb(255,255,255);
		text-shadow: 0 0 6px rgb(0,0,0);
		padding-left: 4px;
		padding-right: 4px;
		line-height: 52px;
	}
.mainvisual .pic1 {
	background-image: url(../img/main1.jpg);
	background-position:top center;
}

.mainvisual .pic2 {
	background-image: url(../img/main2.jpg);
	background-position:center 40%;
}
.mainvisual .pic3 {
	background-image: url(../img/main3.jpg);
	background-position:center 20%;
}
.mainvisual .pic4 {
	background-image: url(../img/main4.jpg);
	background-position:top center;
}
/* content */
.section-content{
	margin: 90px 0;
}
.section-content-top{
	margin: 0 0 90px 0;
}
.section-content a{
	text-decoration: none;
}
.section-content h2{
	text-align: center;
	margin-bottom: 40px;
}
@media (max-width: 565px) {
.section-content h2{
	font-size:1.5rem;
	}
}

.news a{
	color: #000000;
}
hr{
	border-color: #999;
}
.place{
	margin-bottom: 0;
}
.place .container-fluid{
	padding-left: 0;
	padding-right: 0;
}
.place .row{
	margin: 0;
}
.place .row .season{
	padding: 0;
}
.spring,
.summer,
.autumn,
.winter{
	color: #ffffff;
	height: 350px;
	text-align: center;
	padding: 120px 100px;
	display: block;
}
.spring-head,
.summer-head,
.autumn-head,
.winter-head{
	font-size: 3em;
	font-weight: bold;
}
@media (max-width: 768px) {
}
.spring{
	background-color: #FF8578;
}
.summer{
	background-color: #BCC800;
}
.autumn{
	background-color: #FFA000;
}
.winter{
	background-color: #5FC1FF;
}
.local,.local img{
	max-height: 700px;
}
.person{
	margin-top: 0;
	margin-bottom: 0;
	background-color: #f0f0f0;
}
.person h3{
	margin-top: 30px;
	text-align: center;
}





.person-hero {
	width: 100%;
	height: 60px;
	position: relative;
}
.person-hero-element {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	display: none;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
}
.person-hero-element:first-child {
	display: block;
}
.hero-img{
	margin: 0 auto
}
.hero-text{
	text-align: center;
}
.person-text{
	padding: 60px 0 0 0;
}
.person-img{
	padding: 	0;
}
.person .donate-btn,
.person .join-btn,
.support .donate-btn,
.support .join-btn{
	max-width: 400px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 1.2em;
}
.person .head-btn{
	margin-top: 30px;
	margin-bottom: 0;
}
.luminarie{
	margin-top: 0;
	background-color:#e9f0ff;
}
.luminarie .container-fluid{
	padding: 0;
}
.luminarie .person-text{
	text-align: center;
}
.luminarie .donate-btn{
	max-width: 400px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 1.2em;
}
.support-text{
	text-align: center;
}
.row{
	margin: 0;
}
.row-min{
	margin: 0 auto 0 175px;
}
.support .join-btn,
.support .donate-btn {
	margin-right: auto;
	margin-left: auto;
}
.support-content-element {
	float: left;
	height: auto;
	height: 300px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: table;
	vertical-align: middle;
}
.support-content-for-patient {
	width: 800px;
	margin: auto;
}
	.support-content-for-patient
	.support-content-element{
		width: 50%;
	}
.support-content-for-overcoming {
	width: 1200px;
	margin: auto;

}
	.support-content-for-overcoming
	.support-content-element{

		width: 33.33%;
	}
	.support-content-element-event{
		background-image: url(../img/relay.jpg);
	}
	.support-content-element-soudan{
		background-image: url(../img/soudan.jpg);
	}
	.support-content-element-feature{
		background-image: url(../img/feature.jpg);
	}
	.support-content-element-training{
		background-image: url(../img/training.jpg);
	}
	.support-content-element-up{
		background-image: url(../img/up.jpg);
	}

.support-content-element .caption{
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 1.9em;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	text-shadow: 0 0 5px #000;
}

	.support-content-element .caption:hover{
		background-color:rgba(0,0,0,0.6);
		transition: background-color 3s glinear 0;
	}
.support-action {
	clear: both;
}

.contact{
	font-size: 1.3em;
	display: block;
	text-align: center;
	margin-top:50px;
	color: #111;
}

/* footer */

.footer-top{
	background-color: #4c1d86;
	color: #ffffff;
	padding: 30px;
}
.access{
	text-align: center;
	font-size: 1.3em;
}
.tel{
	margin-top: 30px;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
}
.footer-bottom{
	background-color: #555;
	padding: 30px 0 0 0;
}
.footer-bottom a{
	display: block;
	text-align: center;
	color: #ffffff;
}
.copyright{
	color: #ffffff;
	text-align: center;
	padding-bottom: 20px;
	margin-top: 50px;
	margin-bottom: 0;
}







.support-content-header {
	font-size: 20px;
	line-height: 20px;
	height: 20px;
	padding: 20px 0;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
	clear: both;
}
	.support-content-header:before {
		content: " ";
		/*border-top:1px solid #000;*/

		background: radial-gradient(#000,#fff);
		display: block;
		width: 250px;
		height: 1px;
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -125px;
	}
	.support-content-header .span {
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 4px;
		height: 24px;
		width: 170px;
		background: #fff;
		z-index: 1;
		position: relative;
		border-bottom: 1px solid #999;
		display: inline-block;
	}

	.support-content-header .span:before {
		content: " ";
		border-left: 1px solid #999;
		display: block;
		position: absolute;
		bottom: -1px;
		left: 0;
		height: 9px;
		width: 1px;
	}
	.support-content-header .span:after {
		content: " ";
		border-right: 1px solid #999;
		display: block;
		position: absolute;
		bottom: -1px;
		right: 0;
		height: 9px;
		width: 1px;
	}



@media (max-width: 1199px) {
	.support-content-element {
		height: 240px;
	}
	.support-content-for-patient {
		width: 600px;
		margin: auto;
	}
	.support-content-for-overcoming {
		width: 900px;
		margin: auto;

	}
}


@media (max-width: 991px) {

	.support-content-element .caption{
		font-size: 1.4em;
	}
	.support-content-element {
		height: 160px;
	}
	.support-content-for-patient {
		width: 400px;
		margin: auto;
	}
	.support-content-for-overcoming {
		width: 600px;
		margin: auto;
	}
}

@media (max-width: 768px) {

	.support-content-for-patient {
		width: 100%;
	}

	.support-content-for-overcoming {
		width: 100%;
	}

	.support-content-for-patient .support-content-element,
	.support-content-for-overcoming .support-content-element {
		width: 100%;
		height: 260px;
	}
}

.loop-general-sponsor li {
	display: table !important;
	height: 100px;
}

.loop-general-sponsor a {
	display: table-cell;
	height: 100px;
}
.loop-local-sponsor a.image {
	display: block;
	width: 350px;
	height: 100px;
}
.loop-local-sponsor a.image {
	font-size: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.loop-local-sponsor li {
	display: table;
}

.loop-local-sponsor li span{
	display: table-cell;
	vertical-align: middle;
	height: 100px;
}