@charset "utf-8";

/*=====================================================
COMMON-LAYOUT
======================================================*/

.innew_wrap{
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
}


.in_conw{
	
}


.inner_page_nav{
	max-width: 1140px;
	padding: 0 20px;
	margin: 0 auto 75px;
}

.inner_page_nav ul{
	text-align: center;
	letter-spacing: -0.40em;
	padding: 14px 0;
	padding\0: 22px 0 8px;
	background-image: url(../images/common/f_line.png),url(../images/common/f_line.png);
	background-repeat: repeat-x,repeat-x;
	background-position: center top,center bottom;
}

.inner_page_nav ul li{
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
}

.inner_page_nav ul li:after{
	letter-spacing: normal;
	display: inline-block;
	vertical-align: 0.5em;
	content: "";
	height: 0;
	width: 3em;
	line-height: 0;
	margin: 0 0.5em;
	border-bottom: 1px dotted #393736;
}

.inner_page_nav ul li:last-child:after{
	content: none;
}

.inner_page_nav ul li a{
	font-family: "小塚ゴシック Pro","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 18px;
	color: #38301f;
	font-weight: bold;
	display: inline-block;
}

.inner_page_nav ul li a:hover{
	opacity: 0.5;
}


@media screen and (max-width: 1340px){
}


@media screen and (max-width: 1160px){
}


@media screen and (max-width: 1100px){
}


@media screen and (max-width: 920px){
}


@media screen and (max-width: 750px){
	
	.inner_page_nav {
		margin: 0 auto 35px;
	}
	.inner_page_nav ul{
		padding: 5px 0;
	}
	.inner_page_nav ul:after{
		clear: both;
		content: "";
		display: block;
	}
	.inner_page_nav ul li{
		width: 50%;
		display: block;
		border-bottom: dotted #393736 1px;
		float: left;
	}
	.inner_page_nav ul li:nth-child(2n+1){
		border-right: dotted #393736 1px;
		clear: both;
	}
	
	
	
	
	.inner_page_nav ul li:nth-last-child(-n+2){
		border-bottom: 0;
	}
	
	.inner_page_nav ul li a {
		font-size: 14px;
		display: block;
		padding: 5px;
		position: relative;
	}
	
	.inner_page_nav ul li a:before{
		display: block;
		content: "";
		
		
		position: absolute;
		top: 50%;
		left: 5px;
		
		
		
		width: 0;
		height: 0;

		
		margin-top: -5px;
		border-top: 5px solid transparent;
		border-left: 6px solid #38301f;
		border-right: 0px solid transparent;
		border-bottom: 5px solid transparent;
	}
	
	
	.inner_page_nav ul li:after {
		content: none;
	}
}


@media screen and (max-width: 600px){
	
	
	.inner_page_nav ul li a {
		font-size: 12px;
		letter-spacing: -0.05em;
	}
}