@charset "utf-8";

/**
 *
 *  メニュー共通css
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/

/* @SP */
@media all and (max-width: 767px) {
	#Content{
		padding-bottom: 15px;
	}
}


/*--------------------------------------------------------------------------
  	page-ttl　アレルギー/原産地共通ページタイトル
---------------------------------------------------------------------------*/

.page-ttl .sp{
	display: none;
}

/* @SP */
@media all and (max-width: 767px) {
	.page-ttl .sp{
		display: inline;
	}
}


/*--------------------------------------------------------------------------
  	nav-tab　アレルギー/原産地共通サイドナビ
---------------------------------------------------------------------------*/

/* @SP */
@media all and (max-width: 767px) {
	.nav-tab{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
		width: 100%;
	}
	.nav-tab ul{
		overflow: hidden;
		padding: 0 7px;
	}
	.nav-tab li{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: 50%;
		padding: 0 5px;
	}
	.nav-tab li a,
	.nav-tab li.active .inner{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 2px 2px 0 0;
		border-radius: 2px 2px 0 0;
		display: block;
		padding: 8px 9px 7px;
		font-size: 14px;
		border-bottom: none;
		text-decoration: none;
		text-align: center;
	}
	.nav-tab li a{
		color: #FFF;
		background: #000;
	}
	.nav-tab li a:hover,
	.nav-tab li.active .inner{
		width: 100%;
		color: #000;
		background: #E6E4DD;
	}	
	/* tp
	-----------------------------------------------------------------*/
	.nav-tab._tp{
		padding-top: 18px;
	}
	/* bt
	-----------------------------------------------------------------*/
	.nav-tab._bt{
		padding-bottom: 10px;
	}
	.nav-tab._bt li a,
	.nav-tab._bt li.active .inner{
		-webkit-border-radius: 0 0 2px 2px;
		border-radius: 0 0 2px 2px;
	}
}

/*--------------------------------------------------------------------------
  	btn-back  アレルギー/原産地共通メニューへ戻るボタン
---------------------------------------------------------------------------*/

#Main .btn-back{
	margin-top: 30px;
}

/* @SP */
@media all and (max-width: 767px) {	
	#Main .btn-back{
		margin-top: 15px;
		padding-bottom: 0;
	}
	#Main .btn-back a{
		background: #A9151A;
		border-color: #A9151A;
		color: #FFF;
	}
	#Main .btn-back a span{
		padding-left: 19px;
		background: url(/shared/images/ico_arw02.png) no-repeat 0 50%; 
		background-size: 7px auto;
	}
}


/*--------------------------------------------------------------------------
  	tab-cont-sp アレルギー/原産地共通タブ
---------------------------------------------------------------------------*/

/* @SP */
@media all and (max-width: 767px) {
	.tab-cont-sp{
		padding: 6px 0;
		background: #E6E4DD;
	}
	.tab-cont-inner{
		padding-bottom: 15px;
		background: #F7F7F5;
	}
}

	
/*--------------------------------------------------------------------------
  	Side　アレルギー/原産地共通サイドナビ
---------------------------------------------------------------------------*/

/* bnr
-----------------------------------------------------------------*/
#Side .bnr-wrap{
	margin-top: 30px;
}

/* @SP */
@media all and (max-width: 767px) {
	#Side{
		margin-top: 0;
	}
	/* bnr
	-----------------------------------------------------------------*/
	#Side .bnr-wrap{
		width: 100%;
		max-width: 375px;
		margin: 0 auto;
	}
	#Side .bnr-wrap{
		overflow: hidden;
	}
	#Side .bnr{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		margin: 9px auto 0;
	}
	#Side .bnr:nth-child(odd){
		padding-right: 4px;
	}
	#Side .bnr:nth-child(even){
		padding-left: 4px;
	}
	#Side .bnr img{
		width: 100%;
		height: auto;
	}	
}