@charset "utf-8";
/*--------------------
	wrapper wrapper_inner
	Header
	gNav
	footerNav
	footer
	contentWrap
	content
	breadcrumb
	snsArea
	pageTop
--------------------*/

/* wrapper wrapper_inner
--------------------------------------------------------------*/
#wrapper{
	margin-top: 85px;
}
#wrapper_inner{
	position: relative;
	width: 960px;
	margin: 0 auto 30px;
}
@media screen and (max-width: 750px){
	#wrapper{
		margin-top: 21px;
	}
	#wrapper_inner{
		position: relative;
		width: 93.75%;
		margin: 0 auto 15px;
	}
}
/* Header
--------------------------------------------------------------*/
header{
	padding: 0 10px;
	background: url(/brand/itamekun/common/img/gnav_line.gif) repeat-x right bottom;
}
.siteLogo{
	position: absolute;
	top: -72px;
	left: 0;
}
.pageLogo{
	float: left;
	margin: 26px 0 0 31px;
}
@media screen and (max-width: 750px){
	header{
		background: #fff url(/brand/itamekun/common/img/gnav_line.gif) repeat-x right bottom;
		background-size: auto 12px;
		padding: 0 0 12px;
	}
	.siteLogo{
		width: 11.09%;
		top: 12px;
		left: 3%;
	}
	.pageLogo{
		float: none;
		width: 43%;
		margin: 10px auto 15px;
	}
}
/* gnav
--------------------------------------------------------------*/
#gnav{
	margin: 10px 30px 24px 0;
	width: 660px;
	float: right;
}
#gnav li{
	float: left;
	margin: 0 0 10px 10px;
	background: #fff url(/brand/itamekun/common/img/icon/gnav_icon.png) no-repeat right bottom;
	border: 4px solid #fffae4;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
	display: table;
}
#gnav a{
	text-decoration: none;
	color: #977855;
	display: block;
	width: 136px;
	height: 51px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
}
#gnav li a span{
	color: #977855;
	text-decoration: none;
	font-weight: bold;
}
#gnav li a:hover span{
	color: #efa052;
}
#gnav li a.active span {
	color: #efa052;
}
#gnav a:hover{
	color: #efa052;
}
#gnav a.active {
	color: #efa052;
}
#gnav li a sub{
	color: #977855;
	text-decoration: none;
	font-weight: bold;
}

@media screen and (max-width: 750px){
	#gnav{
		margin: 0;
		width: 100%;
		padding: 3% 0 1%;
		float: none;
		font-size: 91%;
		background: #d5c3ae;
	}
	#gnav li{
		margin: 0 1% 2%;
		background-size: 20.93%;
		border: 2px solid #fffae4;
		width: 23%;
		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
		display: block;
	}
	#gnav a{
		height: 47px;
		padding: 0 7%;
		font-size: 9px;
	}
	#gnav a br{
		display: inline;
	}
}
@media screen and (max-width: 320px){
	#gnav a{
		padding: 0;
	}
}
/* contentWrap
--------------------------------------------------------------*/
#contentWrap{
	background: #d5c3ae;
	margin-bottom: 30px;
	border-radius: 20px;
	overflow: hidden;
	padding: 10px 0;
}
@media screen and (max-width: 750px){
	#contentWrap{
		padding: 0;
		border: 5px solid #d5c3ae;
		background: #fff;
		border-radius: 10px;
	}
}
/* breadcrumb
--------------------------------------------------------------*/
#breadcrumb{
	margin: 4px 0 9px 15px;
	background: #d5c3ae;
}
#breadcrumb li{
	float: left;
}
#breadcrumb li a,
#breadcrumb li a *{
	color: #f3ebc0;
}
#breadcrumb li{
	color: #fff;
	font-size: 109%;
}
#breadcrumb li:last-child,
#breadcrumb li a{
	margin: 0 3px;
	vertical-align: baseline;
}
@media screen and (max-width: 750px){
	#breadcrumb{
		margin: 0;
		padding: 5px 0 7px 10px;
	}
	#breadcrumb li{
		font-size: 91%;
	}
}
/* content
--------------------------------------------------------------*/
#content{
	width: 940px;
	margin: 0 auto;
	border-radius: 10px;
	background: #fff;
}
@media screen and (max-width: 750px){
	#content{
		width: 100%;
		padding: 0 10px;
	}
}
/* bottomBnrArea
--------------------------------------------------------------*/
#bottomBnrArea ul{
	padding: 20px 10px 20px 30px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
#bottomBnrArea li{
	width: 210px;
	margin-right: 20px;
}
#bottomBnrArea li.last {
    margin-top: 20px;
}
@media screen and (max-width: 750px){
	#bottomBnrArea ul{
		padding: 3% 0 0 2.9%;
	}
	#bottomBnrArea li{
		width: 47%;
		margin: 0 3% 3% 0;
	}
	#bottomBnrArea li.last {
    	margin-top: 0;
	}
}
#bottomBnrArea .box1 {
	background: #fff;
  -webkit-box-shadow: rgb(11 3 6 / 30%) 0 0 5px 0;
  -moz-box-shadow: rgba(11,3,6,.3) 0 0 5px 0;
	border-radius: 8px;
}

/* footer
--------------------------------------------------------------*/
footer{
	width: 100%;
	background: #f8efdb;
	color: #616161;
	font-size: 84%;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
}
footer .footer_inner{
	width: 960px;
	margin: 0 auto;
	padding: 21px 0;
}
footer .footer_logo{
	float: left;
}
footer small{
	float: right;
}
footer small br{
	display: none;
}

@media screen and (max-width: 750px){
	footer{
		box-shadow: none;
		background: #f8efdb url(/brand/itamekun/common/img/fotter_line.gif) repeat-x top;
		border-bottom: 1px solid #e0d1af;
	}
	footer .footer_inner{
		width: 76.56%;
		padding: 10px 0 7px;
	}
	footer .footer_logo,footer small{
		float: none;
	}
	footer .footer_logo{
		width: 41%;
		margin: 0 auto 9px;
	}
	footer p{
		text-align: center;

	}
	footer small br{
		display: inline;
	}
}
/* snsArea
--------------------------------------------------------------*/
#snsArea{
	position: absolute;
	top: -52px;
	right: 13px;
	margin-right: -10px;
	z-index: 10000;
}
#snsArea ul.sns_box{
	position: relative;
	bottom: 20px;
}
#snsArea li{
	display: table-cell;
	padding-right: 10px;
	line-height: 0;
}
@media screen and (max-width: 750px){
	#snsArea{
		position: relative;
		top: 0;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
		display: inline-block;
		margin: 12px 0 0 0;
	}
	#snsArea ul.sns_box{
		position: static;
  	padding: 5px 3px 5px 8px;
  	margin-top: 40px;
		background: #f8efdb;
		border-radius: 4px;
	}
	#snsArea ul{
  	padding: 5px 3px 5px 8px;
  	margin-top: 40px;
		background: #f8efdb;
		border-radius: 4px;
	}
	#snsArea li{
		width: 32px;
		padding-right: 5px;
	}
}
/* pageTop
--------------------------------------------------------------*/
#pageTop{
	width: 840px;
	margin: 0 auto;
	margin-top: 20px;
}
#pageTop a{
	text-decoration: none;
	color: #633a15;
	font-size: 109%;
	font-weight: bold;
	display: block;
	width: 111px;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 33px;
	border-radius: 10px 10px 0 0;
	background: #d5c3ae url(/brand/itamekun/common/img/icon/arrow_brown.png) no-repeat 13px center;
}
@media screen and (max-width: 750px){
	#pageTop{
		width: 100%;
		margin-top: 10px;
	}
	#pageTop a{
		font-size: 91%;
		width: 108px;
		height: 25px;
		padding-left: 24px;
		border-radius: 5px 5px 0 0;
		background: #d5c3ae url(/brand/itamekun/common/img/icon/arrow_brown.png) no-repeat 10px center;
	}
}