@charset "utf-8";

/* -------------------------------------------------------------------------
/* global_content
------------------------------------------------- */



.gnav_pull{
	display: none;
}


.global_nav{
	text-align: left;
	margin:0 30px;
}
.global_nav ul.gnav{
	margin:0;
}
.global_nav .gnav li{
	height:32px;
	background-repeat:no-repeat;
	background-position:0 50%;
	margin-bottom:5px;
	clear:both;
}
.global_nav .gnav li i{
	float:right;
	margin-right:2%;
}
.global_nav .gnav li i.icon-home{
	float:none;
	margin-right:1%;
}
.global_nav .gnav li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 -150%;
}

.global_nav .gnav li a:hover{
	background-position:0 50%;
}

.hnav{
	margin-top:20px;
}
.hnav li{
	height:15px;
	background-repeat:no-repeat;
	background-position:left center;
	margin-bottom:10px;
}
.hnav li a{
	display:block;
	height:100%;
	text-indent:-9999px;
}

.hnav_about{
	width:139px;
	background-image:url(/img/common/gnavi_about.gif);
}
.hnav_contact{
	width:59px;
	background-image:url(/img/common/gnavi_contact.gif);
}


@media screen and (min-width: 743px) and (max-width: 980px){
}
@media screen and (min-width: 481px) and (max-width: 742px){
	.global_content{
		margin: 0;
	}
}

@media screen and (max-width: 768px){ /* 726 + 16（スクロールバーの幅）*/
	.global_content{
		display: block;
		float: none;
		width: auto;
		margin-bottom:0;
		position: relative;
		z-index: 200;
	}
	.global_content .inner{
		height: 200px;
	}
	.gnav_pull{
		display:block;
		cursor: pointer;
		height:28px;
		width:21px;
		background:url(https://www.cocoromachi.jp/img/common/gnav_push.gif) no-repeat;
		background-size:21px auto;
		position:relative;
		left:50%;
		margin-left:-10px;
		margin-bottom:10px;
	}

	.gnav_pull.open img{
		visibility:hidden;
	}

	.global_nav{
		display: none;
		border-bottom: none;
		position: absolute;
		width: 100%;
		background:rgba(0,0,0,0.8);
		border-top: 1px solid #e5e5e5;
		margin:0;
		top:58px;
		z-index:9999;
	}

	.global_nav .gnav li{
		background:none;
	}

	.global_nav .gnav li a{
		text-indent:0;
		text-decoration:none;
		text-align:center;
		background:none;
	}

	.global_nav .gnav li,
	.global_nav .hnav li{
		background:none;
		float: none;
		text-align: left;
		width: 100%;
		height:auto;
		border: none;
		border-bottom:1px solid #ccc;
	}

	.global_nav .gnav li a,
	.global_nav .hnav li a{
		padding:10px;
		line-height:inherit;
		text-indent:0;
		text-decoration:none;
		text-align:left;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
		color: #fff;
	}
	.global_nav .gnav li:last-child{
		border-bottom: none;
	}
	.global_nav .gnav .gnavi_home a{
		background-position:10px center;
		padding:10px 10px 10px 35px;
		text-indent:0;
	}

	.global_nav .hnav{
		display: block;
		width: 100%;
		margin-top:0;
	}


	.global_nav .hnav li{
		margin-top:0;
		margin-bottom:0;
	}

	.global_nav .hnav_about{
		border-right: 0;
		padding-right: 0;
		margin-right: 0;
	}

	.top_main_content{
		margin-left: 0;
	}
	.top_main{
		margin: 0 0 4px 0;
		padding-bottom: 54px;
	}
	.top_main .anav{
		display:block;
		position: absolute;
		bottom: 0;
		width:100%;
	}
	.top_main .anav li:nth-child(1) {
		width: 100%;
		border-bottom: 1px solid #ef8952;
		background-image:none;
	}
	.top_main .anav .anav_register a {
		border-right: none;
	}

	.top_main .anav li:nth-child(2),
	.top_main .anav li:nth-child(3) {
		width: 50%;
		background-image:none;
	}

	.top_main .anav li a{
		text-indent:0;
		text-align:center;
		color:#fff;
		text-decoration:none;
		line-height:31px;
	}
	.global_nav .top_anav{
		display:block;
	}
	.global_nav .top_anav li {
		background-image: none;
		height: 31px;
		text-align: center;
		width: 50%;
	}
	.global_nav .top_anav li a{
		text-indent:0;
		text-align:center;
		color:#fff;
		text-decoration:none;
		line-height:31px;
	}
	.article_item,
	.other_item{
		height:auto;
	}

		.global_nav .top_anav li:nth-child(1){
			width:100%;
			border-bottom: 1px solid #ef8952;
		}

		.global_nav .top_anav .anav_register a{
			border-right:none;
		}

		.global_nav .top_anav li:nth-child(2){
			width:50%;
		}
		.global_nav .top_anav li:nth-child(3){
			width:50%;
		}

		.global_nav .top_anav li:nth-child(3) img{
			vertical-align: middle;
			margin-right: 5px;
		}
	}

	@media screen and (max-width: 480px){
		.top_container{
			right: 0;
		}

		.top_main,.global_content,.box_content{
			width: 100%;
		}

	}