@charset "utf-8";

/* //////////////////////////////////////////////////// for All */
/*
.info #dm .mlddm li.information > a, .event #dm .mlddm li.information > a{
	background-color:rgba(223,211,141,0.5);
}

.informationList #dm .mlddm li li.informationList > a, .eventList #dm .mlddm li li.eventList > a, .tv #dm .mlddm li li.mediaList > a, .magazine #dm .mlddm li li.mediaList > a, .newspaper #dm .mlddm li li.mediaList > a, .seminar #dm .mlddm li li.mediaList > a, .book #dm .mlddm li li.mediaList > a, .internet #dm .mlddm li li.mediaList > a{
	background-color:rgba(223,211,141,0.3);
}


.info #dm .mlddm li.information > a:hover, .event #dm .mlddm li.information > a:hover, .informationList #dm .mlddm li li.informationList > a:hover, .eventList #dm .mlddm li li.eventList > a:hover, .tv #dm .mlddm li li.mediaList > a:hover, .magazine #dm .mlddm li li.mediaList > a:hover, .newspaper #dm .mlddm li li.mediaList > a:hover, .seminar #dm .mlddm li li.mediaList > a:hover, .book #dm .mlddm li li.mediaList > a:hover, .internet #dm .mlddm li li.mediaList > a:hover{
	color:#fff;
}
*/


.info #dm .mlddm li.information > a, .event #dm .mlddm li.information > a{
	background-color:rgba(223,211,141,0.5);
}

.informationList #dm .mlddm li li.informationList > a, .eventList #dm .mlddm li li.eventList > a, .tv #dm .mlddm li li.mediaList > a, .magazine #dm .mlddm li li.mediaList > a, .newspaper #dm .mlddm li li.mediaList > a, .seminar #dm .mlddm li li.mediaList > a, .book #dm .mlddm li li.mediaList > a, .internet #dm .mlddm li li.mediaList > a{
	background-color:rgba(223,211,141,0.3);
}


.info #dm .mlddm li.information > a:hover, .event #dm .mlddm li.information > a:hover, .informationList #dm .mlddm li li.informationList > a:hover, .eventList #dm .mlddm li li.eventList > a:hover, .tv #dm .mlddm li li.mediaList > a:hover, .magazine #dm .mlddm li li.mediaList > a:hover, .newspaper #dm .mlddm li li.mediaList > a:hover, .seminar #dm .mlddm li li.mediaList > a:hover, .book #dm .mlddm li li.mediaList > a:hover, .internet #dm .mlddm li li.mediaList > a:hover{
	color:#fff;
}


.infoList article, .mediaList article, .pickupItem article{
	margin-bottom:20px;
}

.infoList, .mediaList, .pickupItem{
	padding-top:30px;	
}

section.pickupItem + section.mediaList{
	padding-top:0;	
}

.informationCategory {
	text-align:center;
}

.informationCategory ul{
	padding:15px 0;
}

.informationCategory li{
	display:inline-block;
	margin: 0 5px 10px 0;
}

.mediaList h1, .mediaList h2, .pickupItem h1, .pickupItem h2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* category */

	.informationCategory a.all .sticky{
		background-color:#999;
	}

	.informationCategory a.housing .sticky{
		background-color:#46a51c;
	}

	.informationCategory a.reform .sticky{
		background-color:#c2b015;	
	}

	.informationCategory a.mansion .sticky, .informationCategory .apartment .sticky{
		background-color:#1e68c4;
	}

	.informationCategory a.commerce .sticky{
		background-color:#c70397;
	}

	.informationCategory a.company .sticky{
		background-color:#cc1014;
	}

	.informationCategory a.realestate .sticky{
		background-color:#389eed;
	}

	.informationCategory a.medical .sticky{
		background-color:#7349d0;
	}


/* //////////////////////////////////////////////////// for infoList */

	.infoList a{
		display:block;
		padding:0 10px 10px;
		transition:0.5s;
		color:#555;
	}

	.infoList2 a{
		display:block;
		padding:0 10px 10px;
		transition:0.5s;
		color:#555;
	}

		.infoList a.housing:hover{
			background-color:#b4dfa1;
		}
		
		.infoList a.reform:hover{
			background-color:#e0d890;
		}

		.infoList a.company:hover{
			background-color:#f6c2c3;
		}

		.infoList a.mansion:hover, .infoList a.apartment:hover{
			background-color:#9cb7d8;
		}

		.infoList a.commerce:hover{
			background-color:#dfa4d1;
		}

		.infoList a.realestate:hover{
			background-color:#b8dcf8;
		}

		.infoList a.medical:hover{
			background-color:#c7b6ec;
		}

	.infoList h2{
		font-weight:bold;
		font-size:14px;
		padding:0;
		border-bottom:1px #777 solid;
		margin-bottom:7px;
		line-height:1.4em;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color:#555;
	}

		.infoList p{
			line-height:1.4em;
		}

		.infoList .update{
			font-size:10px;
			background-color:rgba(255,255,255,0.5);
			margin-bottom:5px;	
		}

.infoList .col-xs-8{
	padding-left:0;	
}


.infoList .sticky{
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	padding:0;
	box-shadow:none;
}

	.infoList a.housing .sticky{
		color:#46a51c;
	}

	.infoList a.reform .sticky{
		color:#c2b015;	
	}

	.infoList a.mansion .sticky, .infoList .apartment .sticky{
		color:#1e68c4;
	}

	.infoList a.commerce .sticky{
		color:#c70397;
	}

	.infoList a.company .sticky{
		color:#cc1014;
	}

	.infoList a.realestate .sticky{
		color:#389eed;
	}

	.infoList a.medical .sticky{
		color:#7349d0;
	}

	.infoList .sticky_new{
		font-size:7px;
		padding:0 5px;
		border-radius:3px;
	}
	


/* //////////////////////////////////////////////////// for meidaList */

.info div.update+div{
	line-height:1.6em;
}

.mediaList .innerFrame, .pickupItem .innerFrame{
	padding:10px;
	border:5px #eee solid;
}

.mediaList h2, .pickupItem h1{
	font-weight:bold;
	font-size:14px;
	margin:5px auto 5px;
	padding:5px 0 10px;
	border-bottom:1px #000 solid;
}

.mediaList .update, .pickupItem .update{
	padding:5px 0;
}

.pickupItem p, .pickupItem h1, .mt .thumb, .pickupItem .innerFrame .directLink, .pickupItem .update, .mediaList .col-xs-6 .update, .mediaList .col-xs-6 p{
	text-align:center;	
}

.mediaList .innerFrame .directLink, .pickupItem .innerFrame .directLink{
	margin:10px 0;
	width:100%;
}

.pickupItem .innerFrame .directLink li{
	margin-bottom:5px;	
}

.col-sm-6 .mt{
	display:table;
	width:100%;
}

.col-sm-6 .mt > div{
	display:table-cell;
}

.mt *{
	line-height:1.6em;
}

.mt > div.thumb{
	vertical-align:middle;
	width:100px;
}

.mt .thumb img{
	max-width:80px;
}

.pickupItem article.col-md-4 img{
	max-height:150px;	
}
/*これ何つかってるんだろう
.col-sm-4 h2{
	text-align:center;
}*/



/* //////////////////////////////////////////////////// for event template */

/*.event *{
	line-height:1.6em;
}*/

	.event h1{
		margin:0 auto 20px;
		font-size:26px;
		line-height:1.4em;
	}

			.event .col-sm-6 h1{
				margin:10px auto 20px;
			}

			.event h1+h2{
				font-size:18px;
				position:relative;top:-15px;
			}

.event .innerFrame{
	width:90%;
	margin:0 auto; 
}

.event .mainimg{
	margin-bottom:20px;	
}

.eventData {
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
	margin:0 auto;
	padding:20px 5px 15px 5px;
}

	.eventData ul{
		margin-top:15px
	}

		.eventData li{
			float:left;
			margin-right:45px;
		}

			.eventData label{
				color:#fff;
				border-radius:5px;
				margin-right:10px;
				padding:2px 10px;
				background-color:#000;	
			}


.event .outline{
	margin:30px auto;
}

.subimg h2{
	font-size:16px;
	margin:10px auto;
	text-align:center;
}

.subimg .col-sm-4, .subimg .col-md-3{
	margin-bottom:50px;
}

.event .col-sm-6 h1, .event .col-sm-6 h2, .event .col-sm-6 p, .event .col-sm-6 ul{
	max-width:600px;
	margin-right:auto;	
	margin-left: auto;
}



.event .map{
	width:90%;
	margin:0 auto 30px; 
}

.event .map h2{
	text-align:center;
	font-size:16px;
	margin-bottom:15px;	
}

.event .map{
	text-align:center;
}

.event .subimg p{
	padding-top:5px;
	text-align:left;
}

.ntc{
	margin-top:5px;
	font-size:11px;
	line-height:1.6em;
}


/* holiday template */

body.holiday, body.failure{
	background-color:#000;
}

	body.holiday > div, body.failure > div{
		background-color:#fff;
		padding-top:70px;
	}

		.holiday > div > div > h1, body.failure h1{
			margin:0 auto 20px;
			font-size:26px;
			line-height:1.4em;
		}
		
		.holiday > div > div > h1+p, body.failure h1+p{
			text-align:left;
		}

	.holiday .calendar {
		margin:30px 0 50px 0;
	}

	.holiday table.calendar{
		width:100%;
	}

		.holiday .calendar thead th{
			border-bottom:3px double #999;
		}

			.holiday .calendar td, .calendar th{
				text-align:center;
				vertical-align:middle;
				border:1px #999 solid;
				padding:5px 7px;
			}

			.holiday .calendar td{
				color:#f00;
				background-color:#fae8e8;
			}

			.holiday .calendar th{
				background-color:#ddd;
				font-weight:bold;
			}
		
			.holiday .calendar td.bd{
				color:#000;
				background-color:#fff;
			}

	.holiday .schedule{
		margin-bottom:30px;
		padding:10px 0 30px;
		border-top:1px #000 solid;
		border-bottom:1px #000 solid;
	}

		.holiday .schedule h2{
				font-weight:bold;
				line-height:1.6em;
				font-size:16px;
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				margin:20px 0 10px;
			}

			.holiday .schedule h2 span{
				display:block;
				font-weight:normal;
				margin-top:5px;
				font-size:14px;
				line-height:1.4em;
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			}

	.holiday .schedule strong{
		color:#f00;font-weight:bold;padding:0;
	}

	.holiday .ntc{
		font-size:10px;margin:10px;margin-bottom:30px;
	}

	.holiday .outline{
		text-align:left; margin-bottom:30px;
	}

/* //////////////////////////////////////////////////// @media */

@media screen and (min-width:768px){
}




@media screen and (max-width:767px){
/* information */

	.info .sticky{
		box-shadow:none !important;
	}

	.info > h1, .contentDetail > h1{
		font-size:36px;
	}
/*
	.infoList{
		padding:0;
	}
	
/* ここから */

.infoList > .container{
		padding: 0;
		margin:0;
	}

.infoList .row{
		padding: 0;
		margin:0;
	}

	.infoList a{
		padding:0;
	}

	.infoList > div > div{
		border-top:1px #ddd solid;
	}

		.infoList div.row > article{
			padding:10px 0 20px;
			margin:0;
			border-bottom:1px #ddd solid;
		}


			.infoList article .col-xs-4{
				padding:0;
			}
				.infoList article .detailFrame{
					padding: 0 15px;
				}

				.infoList article h2{
					border:none;
					color:#555;
					margin-bottom:5px;
				}

		.infoList .update{
			font-size:12px;
			color:#999;
		}

		.infoList .sticky{
			font-size:12px;
			padding:0;
			margin: 0 0 0 5px;
		}

	.media h1 small{
		padding-left:0;	
	}
	
	.mediaList .sticky, .pickupItem .sticky{
		position:absolute;top:-25px;left:15px;
	}

	.mediaList h1{
		margin-top:10px;	
	}
	
	.pickupItem{
		margin-bottom:20px;
	}
	
	.pickupItem .col-sm-6 img{
		max-height:200px;
	}
	
/* event template */

	.event .mainimg{
		margin-bottom:0;	
	}

	.eventData {
		max-width:600px;
		border-top:none;
	}

		.event h1, .event h2, .event h3{
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}

		.event h1{
			font-weight:bold;
			font-size:22px;
			line-height:1.2em;
			margin:0 auto;
			padding-left:10px;
			border-left:5px #abc5cc solid;
		}
	
			.event h1+h2{
				font-size:14px;
				line-height:1.2em;
				border-left:5px #abc5cc solid;
				position:relative;top:0px;
				padding:5px 0 0 10px;
			}

			.eventData li{
				float:none;
				margin:5px 0 10px;
			}

	.subimg p{
		text-align:center;	
	}

	.eventData, .event .map{
		width:100%;	
	}

	.subimg h2{
		font-weight:bold;
	}


	.holiday .schedule p{
		padding-bottom:0px;
	}




}


@media screen and (max-width:450px){
	.event .subimg .col-xs-6{
		width:100%;
	}
	
	.eventData li label{
		display:block;
		margin-right:10px;

	}
	
	.mediaList .innerFrame, .pickupItem .innerFrame{
		border:none;
		border-bottom:5px #ddd solid;
		padding:0;
	}
	
	.mediaList h2, .pickupItem h1{
		padding:0 0 5px;
	}
	
	.mediaList > .container > .row > article .innerFrame{
		padding:25px 0 ;
	}
	
	.mediaList > .container > .row > article .sticky{
		position:absolute;top:0;left:15px;
	}
	
	.mt > div.thumb{
		padding-bottom:15px;
		text-align:left;
		width:90px;
	}

	.pickupItem .directLink{
		padding-bottom:15px;
	}
	
	.mediaList .col-xs-6{
		width:100%;
		float:none;
	}


}