.cf{
	zoom: 1;
}
.cf:before,
.cf:after{
	content: "";
	display: table;
}
.cf:after{
	clear: both;
}

/* ---------------------------------------------------------------------------------------------- */
/* 関連記事 */
.geo_add{
	margin: 1.8em 0;
}
.geo_add .ttl{
	font-size: 1.5em;
}
.geo_add .txt{
	font-size: 0.9em;
}
.geo_add .inbox{
    padding-left: 1em;
}
.geo_add figure {
    margin-bottom: 0px;
}
.geo_add p.ttl{
	margin: 0 0 0.1em;
	font-size:1em;
	font-weight: bold;
}
.geo_add .ttl:before{
	content:'関連記事';
	font-size:0.7em;
	font-weight:bold;
	color:#fff;
	background:#ff6600;
	width:5em;
	display:inline-block;
	padding:0.2em;
	position:relative;
	top:-2px;
	text-align:center;
	margin-right:0.5em;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.geo_add .date{
	font-size:0.8em;
}
.geo_add .thum{
	width: 22%;
	float:left;
    margin-right: 10px;
}
.geo_add .thum img{
	width:100%;
	margin-bottom: 0;
}
.geo_add a{
	color:#333;
	background: #FFF;
	border: 1px solid #eee;
	box-shadow:1px 1px 0 #efefef;
	text-decoration: none!important;
	display:block;
	padding:0.9em;
}
.geo_add a:hover{
	color:#666;
	background:lightyellow;
}

/* ---------------------------------------------------------------------------------------------- */
/* 関連記事2 */
.geo_add2_container{
	width: 100%;
	margin: 1.5em 0;
}
.geo_add2_wrap{
	display: inline-block;
	width: 32%;
    vertical-align: top;
}
.geo_add2_wrap:nth-child(n + 2){
	margin-left: 2%;
}
.geo_add2{
	background-color: #fff;
	padding: 10px;
    border: 1px solid #ddd;
}
.geo_add2_img{
	padding-top: 67%;
    vertical-align: top;
	margin-bottom: 10px;
}
.geo_add2_img img{
	width: 100%;
}
.geo_add2_ttl{
    font-weight: bold;
}

/* 別記事シンプル */
.add_voice .ttl{
	margin-bottom: 0px!important;
	line-height: 1.1em!important;
	color: #00F!important;
}
.add_voice .ttl a{
	text-decoration: none!important;
	font-weight: bold;
}
	
.add_voice .url{
	font-size: 0.8em;
	color: #6C0;
}

/* ---------------------------------------------------------------------------------------------- */
/* グリッド */
.geo_colmun{
}

.geo_col2{
	float: left;
	padding-right: 0.33%;
	width: 49.5%;
}

.geo_col3{
	float: left;
	padding-right: 0.33%;
	width: 33%;
}



/* ---------------------------------------------------------------------------------------------- */
/* 説明 */
.geo_addcom{
	background: #f7f7f7;
	font-size: 0.92em;
	padding: 1em;
	margin: 1.5em 0 2em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(237, 237, 237, 0.5);
}
.geo_addcom p:last-child{
	margin-bottom: 0;
}
.geo_addcom:before{
	font-family: "fontawesome";
	content: '\f0e6';
	float: left;
	margin-right: 2px;
}

.geo_addcom.geo_warning{
	background: pink;
	background: rgba(255, 0, 45, 0.18);color:#333;
}
.geo_addcom.geo_warning:before{
	font-family: "fontawesome";
	content: '\f071';
	float: left;
	margin-right: 2px;
}

.geo_addcom.geo_otrsite{
	background: #cccccc;
}
.geo_addcom.geo_otrsite:before{
	font-family: "fontawesome";
	content: '\f279';
	float: left;
	margin-right: 2px;
}

.geo_addcom.geo_shop{
	background: #fafee1;
}
.geo_addcom.geo_shop:before{
	font-family: "fontawesome";
	content: '\f0f7';
	float: left;
	margin-right: 2px;
}

.geo_addcom.geo_map{
	background: #e0f4f6;
}
.geo_addcom.geo_map:before{
	font-family: "fontawesome";
	content: '\f279';
	float: left;
	margin-right: 2px;
}

.geo_addcom.geo_car{
	background: #f5fbf2;
}
.geo_addcom.geo_car:before{
	font-family: "fontawesome";
	content: '\f1b9';
	float: left;
	margin-right: 2px;
}

.geo_addcom.geo_public{
	background: #e7f6e0;
}
.geo_addcom.geo_public:before{
	font-family: "fontawesome";
	content: '\f239';
	float: left;
	margin-right: 2px;
}

.geo_addcom.geo_meal{
	background: #f1ebe1;
}
.geo_addcom.geo_meal:before{
	font-family: "fontawesome";
	content: '\f0f5';
	float: left;
	margin-right: 2px;
}




/* ---------------------------------------------------------------------------------------------- */
/* ボタン */
.geo_btn{
	margin:1.5em 0 2em;
	text-align:center;
}
.geo_btn a{
	display:inline-block;
	text-decoration: none!important;
	border:1px solid #4993AF;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	color:#fff!important;
	background: #4993AF;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
	font-size:1.1em;
	padding:1.1em 2em;
	width:400px;
	max-width:90%;
}
.geo_btn a:hover{
	background:#4993AF;
	color:#fff!important;
	-webkit-transform: translate3d(0px, 3px, 1px);
	-moz-transform: translate3d(0px, 3px, 1px);
	transform: translate3d(0px, 3px, 1px);
	box-shadow:none;
}
.geo_btn a:before{
	font-family: "fontawesome";
	content: '\f08e';
	float: left;
	margin-right: 2px;
}

/* シンプルなボタン */
.geo_btn.simple a{
	background:none;
	border:1px solid #4993AF;
	color:#4993AF!important;
	-webkit-box-shadow: 0 3px 5px #eee;
	-moz-box-shadow: 0 3px 5px #eee;
	box-shadow: 0 3px 5px #eee;
	-webkit-box-shadow: 0 3px 5px rgba(45, 45, 45, 0.05);
	-moz-box-shadow: 0 3px 5px rgba(45, 45, 45, 0.08);
	box-shadow: 0 3px 5px rgba(45, 45, 45, 0.08);
}


/* 目立つボタン */
.geo_btn.lightning a{
	background: #C81C1C;
	border-color: #C81C1C;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.geo_btn.lightning a:hover{
	background: #EC7373;
}

/* 背景付きボタン */
.geo_btn.bg{
	background: #efefef;
	background: rgba(0,0,0,.1);
	padding: 1.5em 1em;
	margin: 2.5em 0;
}
.geo_btn.bg-yellow{
	background: lightyellow;
	background: rgba(255, 255, 0, 0.2);
	padding: 1.5em 1em;
	margin: 2.5em 0;
}

/* ボタンアニメーション */
.anim a {
	animation: jiggle 3s ease-in infinite;
}

@keyframes jiggle {
	48%, 62% {
		transform: scale(1.0, 1.0)
	}
	50% {
		transform: scale(1.1, 0.9)
	}
	56% {
		transform: scale(0.9, 1.1) translate(0, -5px)
	}
	59% {
		transform: scale(1.0, 1.0) translate(0, -3px)
	}
}

/* Animatecss */
.rubberBand {
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* ---------------------------------------------------------------------------------------------- */
/* ふきだし */
.geo_voice{
	margin:1em 0 1.3em;
	font-size:0.9em;
}
.geo_voice figure{
	margin:0;
}

.geo_voice .voicecomment{
	border:3px solid #eee;
	background-color: #fff;
	color: #444;
	padding: 2.5%;
	position:relative;
	width:82%;
	border-radius:5px;
}
.geo_voice.l .voicecomment{
	float:right;
}
.geo_voice.r .voicecomment{
float:left;
}

.geo_voice.l .voicecomment:before{
	content: '';
	position: absolute;
	border-right: 8px solid #eee;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	top: 10px;
	left: -11px;
}
.geo_voice.l .voicecomment:after{
	content: '';
	position: absolute;
	border-right: 10px solid #fff;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	top: 10px;
	left: -7px;
}
.geo_voice.r .voicecomment:before{
	content: '';
	position: absolute;
	border-left: 8px solid #eee;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	top: 10px;
	right: -11px;
}
.geo_voice.r .voicecomment:after{
	content: '';
	position: absolute;
	border-left: 10px solid #fff;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	top: 10px;
	right: -7px;
}

.geo_voice .voicecomment h2,
.geo_voice .voicecomment h3,
.geo_voice .voicecomment h4,
.geo_voice .voicecomment h5{
	margin:10px 0!important;
	padding:0;
}
.geo_voice .voicecomment p{
	margin-bottom:1em;
}
.geo_voice .voicecomment p:last-child{
	margin-bottom:0;
}
.geo_voice .icon{
	width:10%;
	text-align:center;
}
.geo_voice.l .icon{
	float:left;
}
.geo_voice.r .icon{
	float:right;
}
.geo_voice .icon img{
	border-radius:50%;
	margin:0;
	box-shadow: 0 0 8px #ccc;
	border: 2px solid #fff;
}
.geo_voice .icon .name{
	font-size: 0.65em;
	padding:0.4em 0;
}
.geo_voice.big .icon{
	width:18%;
}
.geo_voice.big .voicecomment{
	width:79%;
}





/* ---------------------------------------------------------------------------------------------- */
/* イベント */
.event_month{
	text-align:center;
}
.event_month a{
	display:block;
	text-decoration:none;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	color:#fff!important;
	background: #FF9900;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
	font-size:1.1em;
	padding:1.1em 2em;
}
.event_month a:hover{
	background:#ffcc33;
	color:#fff!important;
	-webkit-transform: translate3d(0px, 3px, 1px);
	-moz-transform: translate3d(0px, 3px, 1px);
	transform: translate3d(0px, 3px, 1px);
	box-shadow:none;
}
.event_month a:before{
	font-family: "fontawesome";
	content: '\f073';
	float: left;
	margin-right: 2px;
}



.event_day{
	text-align:center;
}
.event_day a{
	display:block;
	text-decoration:none;
	
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	color:#fff!important;
	background: #FF6600;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
	font-size:1.1em;
	padding:1.1em 2em;

}
.event_day a:hover{
	background:#FF9900;
	color:#fff!important;
	-webkit-transform: translate3d(0px, 3px, 1px);
	-moz-transform: translate3d(0px, 3px, 1px);
	transform: translate3d(0px, 3px, 1px);
	box-shadow:none;
}
.event_day a:before{
	font-family: "fontawesome";
	content: '\f274';
	float: left;
	margin-right: 2px;
}



/* ---------------------------------------------------------------------------------------------- */
/* YouTube */
.geo_youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 1em 0;
}
.geo_youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


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

	/* ---------------------------------------------------------------------------------------------- */
	/* グリッド */
	.geo_col2,
	.geo_col3{
		float: left;
		padding-right: 0.75em;
		width: 100%;
		padding-right: 0;
		margin-bottom: 0.5em;
	}
}

/* ---------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {

	/* ---------------------------------------------------------------------------------------------- */
	/* ボタン */
	.geo_btn a{
		font-size:0.9em;
		padding:0.9em 1.5em;
	}
	.geo_btn.big a{
		font-size:0.9em;
		padding:0.9em 1.5em;
		min-width:80%;
		max-width:90%;
	}
	.geo_btn.bg {
		padding: 0.9em 0.8em;
		margin: 2.5em 0;
	}
	.geo_voice .icon{
		width:15%;
	}
	.geo_voice .voicecomment{
		width:75%;
		font-size:0.95em;
	}

	/* ---------------------------------------------------------------------------------------------- */
	/* 関連記事 */
	.geo_add{
		font-size:0.8em;
	}
	.geo_add .inbox{
		padding-left: 32%;
	}
	.geo_add .ttl:before{
		content:'関連';
		width:3em;
	}
	.geo_add .thum{
		width: 30%;
	}
	.geo_add a{
		padding:0.6em;
	}

	.geo_add2_wrap{
		width: 100%;
	}
	.geo_add2_wrap:nth-child(n + 2){
		margin-left: 0%;
		margin-top: 10px;
	}

}