/*Global*/
p,
dl, dt, dd,
ul, ol, li{
	line-height: 2em;
}

body{
	background-color: #FFF;
	color:#505050;
	/*font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	text-transform: none;
	/*	line-height:2em;*/
}

a{
	color: #2695D0;
}

h2,
h3,
h4{
	/*line-height: 1em;*/
	/*line-height: 10%;*/
}

h2,
h3{
	/*赤っぽいやつ*/
	color:#d65154;
	/*margin-bottom: 20px;*/
	margin-bottom: 15px;
	font-size: 16px;

}

h4{
	margin-bottom: 15px;
	font-size: 16px;
}


p{
	font-size: 12px;
	/*margin-top: 15px;*/
	margin-bottom: 15px;
	/*line-height:1.5em;*/
}

section{
	/*border: 1px solid red;*/
}


/*dl*/
dl.dl-horizontal {
	font-size:12px;
	/*margin-left: 10px;*/
}

dl.dl-horizontal dt {
	float:left;
	text-align: left;
	white-space: nowrap;
	padding:0;
	color:#d65154;
	font-weight: bold;
}

dl.dl-horizontal dd {
	padding-left:10px;
}


/*section*/
nav#nav{
	background: url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr.png) repeat-x top center scroll;
	padding-top: 2px;
}

/* for Retina */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	nav#nav{
		background: url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr@2x.png) repeat-x top center scroll;
		background-size:56px 2px
	}
}

nav#nav img{
	margin-top: 3px;
}

nav#nav li a{
	color: #000;
	text-transform: none;
	/*border: 1px solid red;*/
}

nav#nav a:hover,
nav#nav a:active,
nav#nav a.active{
	color: #FFF;
}

nav#nav a.home:hover,
nav#nav a.home:active,
nav#nav a.home.active{
	background-color: #c4182d;
}

nav#nav a.makers:hover,
nav#nav a.makers:active,
nav#nav a.makers.active{
	background-color: #3b90ab;
}

nav#nav a.program:hover,
nav#nav a.program:active,
nav#nav a.program.active{
	background-color: #da7242;
}

nav#nav a.floor-guide:hover,
nav#nav a.floor-guide:active,
nav#nav a.floor-guide.active{
	background-color: #c6c479;
}

nav#nav a.sponsor:hover,
nav#nav a.sponsor:active,
nav#nav a.sponsor.active{
	background-color: #e3d83a;
}

nav#nav a.want:hover,
nav#nav a.want:active,
nav#nav a.want.active{
	background-color: #78a028;
}

nav#nav a.lang:hover,
nav#nav a.lang:active{
	/*color: #000;*/
	color: #2695D0;
}

/*intro*/
.intro img{
	max-width: 100%;
	max-height: 100%;
}

@media (min-width: 768px){
	.negative-margin{
		margin-top: -52px;
		background-color: #FFF !important;
	}
}

/*#about*/
#about{
	float: none;
}

#about #about-logo{
	margin-top: 30px;
	margin-bottom: 30px;
}

#about #about-logo img{
	display:block;
	margin:auto;
}

#about #lead p{
	font-size: 13px;
	font-weight: bold;
}


#about dt{
	width: 3em;
}
#about dd{
	margin-left: 3em;
	margin-bottom: 15px;
}

.en #about dt{
	width: 5em;
}
.en #about dd{
	margin-left: 5em;
	margin-bottom: 15px;
}


#slidebox{
	margin: 0;
	padding: 0;
	float: none;
}

#slide{
	width:100%;
	/*margin-top: -15%;*/
	margin-top: -13%;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	float: none;
}

/* #related-events */
#related-events{
	margin-top: 20px;
}

#related-events .thumbnail{
	border: #d65154 1px solid;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	/*border:none;*/
}
#related-events .thumbnail img{
	width:100%;
}

#related-events .thumbnail p{
	padding: 0;
}

#related-events .thumbnail div:first-child{
	padding: 0;
}

#related-events .thumbnail .caption{
	/*padding: 15px;*/
	position: relative;
	/*border: 1px solid blue;*/
	margin-left: 0;
	/*ボタンの高さ分を追加*/
	padding-bottom: 34px;
}

#related-events .thumbnail .caption h3{
	padding: 0;
	margin-top: 5px;
	margin-bottom: 10px;
	/*margin-left: 20px;*/
}


#related-events .thumbnail .caption p:last-child{
	margin-bottom: 0;
}

#related-events .date{
	font-weight: bold;
	color: #d65154;
}

#related-events .thumbnail .caption h3,
#related-events .sumally,
#related-events .date
{
	margin-left: 15px;
}

@media(max-width:767px) {
	#related-events .thumbnail .caption h3,
	#related-events .sumally,
	#related-events .date
	{
		margin-left: 5px;
	}
}

#related-events .btn{
	-webkit-border-radius: 0;
	border-radius: 0;
	width:100%;
}

#related-events .button{
	margin-bottom: 0;
	width:100%;
}

#related-events .thumbnail .button{
	position: absolute;
	bottom: 0px;
	left: 0px;

}

#related-events .btn{
	text-transform: none;
}


/*#access*/
#access dt{
	width: 6em;
}

#access dd{
	margin-left: 6em;
}

.en #access dt{
	width: 10em;
}

.en #access dd{
	margin-left: 10em;
}


#access h3{
	/*margin-top: 20px;*/
}

/*#contact*/
#contact h2{
	border-bottom: 1px solid #d65154;
	margin-top: 40px;
	padding-bottom: 5px;
}


/*#credit*/
#credit h2{
	border-bottom: 1px solid #d65154;
	margin-top: 40px;
	padding-bottom: 5px;
}

#credit dt{
	width: 2em;
}

#credit dd{
	margin-left: 2em;
	margin-bottom: 20px;
}

.en #credit dt{
	width: 7em;
}

.en #credit dd{
	margin-left: 7em;
	margin-bottom: 20px;
}

#credit .breadcrumb{
	padding: 0;
	margin: 0;
	background-color: #FFF;
}

#credit .breadcrumb > li + li:before {
	padding: 0;
	content: "";
}

#credit .breadcrumb > li:after {
	padding: 0 0px;
	/*color: #ccc;*/
	color: #505050;
	/*content: "\00a0\00a0/";*/
	/*	content: "\00a0／";*/
	content: "\00a0／";

}

#credit .breadcrumb > li:last-child:after {
	/*border-bottom: 1px solid red;*/
	content: "";
}





/*footer*/
footer{
	background: url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr.png) repeat-x top center scroll;
	padding-top: 2px;
	margin-top: 20px;
}

/* for Retina */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	footer{
		background: url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr@2x.png) repeat-x top center scroll;
		background-size:56px 2px;
		padding-top: 2px;
	}
}

#copyright{
	margin-top: 0;
	/*border: 1px solid red;*/
}

footer .thumbnail {
	margin-bottom: 0;
	padding-bottom: 0;
	border:none;
	border-radius:0;
}



/* header */
header.page-header{
	padding: 30px 0;
	margin: 0;
	margin-bottom: 30px;
}

header.page-header h2{
	padding: 0;
	margin: 0;
}

header.page-header h2 img{
	margin: 0 auto;
}

body#makers header.page-header{
	background-color: #3b90ab;
}


/* Maker page*/

#makers ol.breadcrumb {
	-webkit-border-radius: 0;
	border-radius: 0;
	/*background-color:#D4D4C3;*/
	margin-bottom: 30px;
}

#makers #filters li{
	cursor: pointer;
	color: #2695D0;
}

#makers #filters li.active{
	cursor: pointer;
	color:#d65154;
}


#makers #grid .thumbnail{
	border: none;
	padding: 0;
	background: url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr.png) repeat-x bottom center scroll;
}

/* for Retina */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#makers #grid .thumbnail{
		background: url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr@2x.png) repeat-x bottom center scroll;
		background-size:56px 2px
	}
}

#makers .thumbnail .caption{
	padding-left: 0;
	padding-right: 0;
}



#makers .thumbnail .caption .author{
	color: #2695D0;
	margin-bottom: 0;
	margin-top: 10px;
}

#makers .thumbnail .caption .title{
	color:#d65154;
	font-size: 16px;
	font-weight: bold;
}

#makers .thumbnail .caption .summary{
}



/*Program page*/
#program header.page-header{
	background-color: #da7242;
}

#program ol.breadcrumb {
	-webkit-border-radius: 0;
	border-radius: 0;
	/*background-color:#D4D4C3;*/
	margin-bottom: 30px;
}


#program th{
	color:#d65154;
}

#program thead th{
	text-align: center;
}

#program tbody th{
	text-align: center;
	vertical-align: middle;
	min-width:7em;
}

#program .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #f6dcdd;
}

#program hr{
	width:100%;
	background: url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr.png) repeat-x top center scroll;
	margin-top: 20px;
	padding-top: 2px;
	padding-bottom: 20px;
	/*display: none;*/
}

/* for Retina */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#program hr{
		background: url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr@2x.png) repeat-x top center scroll;
		background-size:56px 2px;
	}
}


/* Floor Guid Page */

#floor-guide header.page-header{
	background-color: #c6c479;
}




/* Sponsers Page */
#sponsors header.page-header{
	background-color: #e3d83a;
}

#sponsors h3{
	/*border-top: 1px solid red;*/
	font-size: 16px;
	/* padding-top = スポンサー画像高さ（30px）+HR高さ（2px）+HR下のマージン（5px）*/
	padding-top: 37px;
}

#sponsors #platinum h3{
	background-image:
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/platinum.png),
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr.png);

	background-repeat:
	no-repeat,
	repeat-x;

	background-position:
	top left,
	0px 30px;

	background-attachment:
	scroll,
	scroll;
}

#sponsors #gold h3{
	background-image:
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/gold.png),
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr.png);

	background-repeat:
	no-repeat,
	repeat-x;

	background-position:
	top left,
	0px 30px;

	background-attachment:
	scroll,
	scroll;
}

#sponsors #silver h3{
	background-image:
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/silver.png),
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr.png);

	background-repeat:
	no-repeat,
	repeat-x;

	background-position:
	top left,
	0px 30px;

	background-attachment:
	scroll,
	scroll;
}

#sponsors #bronze h3{
	background-image:
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/bronze.png),
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr.png);

	background-repeat:
	no-repeat,
	repeat-x;

	background-position:
	top left,
	0px 30px;

	background-attachment:
	scroll,
	scroll;
}

#sponsors #creative h3{
	background-image:
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/creative.png),
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr.png);

	background-repeat:
	no-repeat,
	repeat-x;

	background-position:
	top left,
	0px 30px;

	background-attachment:
	scroll,
	scroll;
}

#sponsors #media h3{
	background-image:
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/media.png),
	url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr.png);

	background-repeat:
	no-repeat,
	repeat-x;

	background-position:
	top left,
	0px 30px;

	background-attachment:
	scroll,
	scroll;
}



/* for Retina */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#sponsors #platinum h3{
		background-image:
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/platinum@2x.png),
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr@2x.png);

		background-repeat:
		no-repeat,
		repeat-x;

		background-position:
		top left,
		0px 30px;

		background-size:
		232px 30px,
		56px 2px;
	}

	#sponsors #gold h3{
		background-image:
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/gold@2x.png),
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr@2x.png);

		background-repeat:
		no-repeat,
		repeat-x;

		background-position:
		top left,
		0px 30px;

		background-size:
		232px 30px,
		56px 2px;
	}

	#sponsors #silver h3{
		background-image:
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/silver@2x.png),
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr@2x.png);

		background-repeat:
		no-repeat,
		repeat-x;

		background-position:
		top left,
		0px 30px;

		background-size:
		232px 30px,
		56px 2px;
	}

	#sponsors #bronze h3{
		background-image:
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/bronze@2x.png),
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr@2x.png);

		background-repeat:
		no-repeat,
		repeat-x;

		background-position:
		top left,
		0px 30px;

		background-size:
		232px 30px,
		56px 2px;
	}

	#sponsors #creative h3{
		background-image:
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/creative@2x.png),
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr@2x.png);

		background-repeat:
		no-repeat,
		repeat-x;

		background-position:
		top left,
		0px 30px;

		background-size:
		232px 30px,
		56px 2px;
	}

	#sponsors #media h3{
		background-image:
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/media@2x.png),
		url(https://www.iamas.ac.jp/ommf2014/wp-content/themes/ommf/img/hr@2x.png);

		background-repeat:
		no-repeat,
		repeat-x;

		background-position:
		top left,
		0px 30px;

		background-size:
		232px 30px,
		56px 2px;
	}
}

#sponsors h4{
	color: #2695D0;
}

#sponsors #bronze .thumbnail,
#sponsors #media .thumbnail{
	border: none;
	padding: 0;
}

#platinum,
#gold,
#silver,
#bronze,
#creative,
#media
{
	margin-bottom: 30px;
}

#platinum .row,
#gold .row,
#silver .row,
#bronze .row,
#creative .row,
#media .row
{
	margin-bottom: 20px;
}

#platinum .row:first-child,
#gold .row:first-child,
#silver .row:first-child,
#bronze .row:first-child,
#creative .row:first-child,
#media .row:first-child{
	margin-bottom: 0;
	/*border-bottom: 1px solid red;*/
}

#platinum .row:last-child,
#gold .row:last-child,
#silver .row:last-child,
#bronze .row:last-child,
#bronze .col-xs-6.col-sm-4.col-md-4.col-lg-4:last-child .thumbnail,
#creative .row:last-child,
#media .row:last-child,
#media .col-xs-6.col-sm-4.col-md-4.col-lg-4:last-child .thumbnail
{
	margin-bottom: 0;
	/*border-bottom: 1px solid red;*/
}

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

/*全体*/
ol.breadcrumb {
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-bottom: 30px;
}

/* Debug */
.border{
	border: 1px solid red;
}

.border2{
	border: 1px solid blue;
	/*background-color: red;*/
}
.border3{
	border: 1px solid #CCC;
}



/* Isotope */


.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}


@media(max-width:767px) {
	.navbar{
		background-color: transparent;
		border:none;
	}

	.navbar-nav{
		background-color:rgba(255,255,255,0.9);
		padding-top: 0;
		border: none;
	}

	.navbar-brand{
		display: none;
	}

	#about h3,
	#related-events h2,
	#access h2,
	#contact h2,
	#credit h2
	{
		text-align: center;
	}

	#about-logo{
		display: none;
	}

	#lead{
		margin-top: 20px;
	}
}



@media (min-width: 768px){

	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		/* 画像分をずらす?*/
		margin-left: -110px;
		/*line-height設定に対するネガティブマージン*/
		margin-bottom: -0.4em;
		/*border: 1px solid red;*/
	}

	.navbar .navbar-collapse {
		text-align: center;
	}
}


ol {
	font-size: 12px;
	/*line-height: 24px;*/
	/*border: 1px solid red;*/
}


/*  Selected Text
----------------------------------------------- */

::-moz-selection {
	text-shadow: none;
	background: #2695D0;
	/*background: rgba(255,255,255,.2);*/
}

::selection {
	text-shadow: none;
	background: #2695D0;
	/*background: rgba(255,255,255,.2);*/
}

p.title{
	line-height: 1.2em;
}

p.url{
	line-height: 1.2em;
}

/**/
#nav.affix {
	position: fixed;
	top: 0;
	width: 100%;
	z-index:10;
	margin-top: 0;
	padding-bottom: 0;
	/*background-color: red;*/
}


/* Flexible iFrame */
.google-maps {
	position: relative;
	padding-bottom: 45%;
	/*padding-top: 30px;*/
	margin-bottom: 20px;
	height: 0;
	overflow: hidden;
}

.google-maps iframe,
.google-maps object,
.google-maps embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media(max-width:767px) {
	.google-maps {
		padding-bottom: 95%;
	}
}