@charset "UTF-8";

html {
background:#231916;
}

body {
background:url(img/bg_contents.jpg) 50% 0 repeat-y;
}

body#bl {
background:url(img/bg_bl.jpg) 50% 0 repeat-y;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// popup */

body#pop {
background:none;
background-color:#231916;
}

body#pop #whBg {
background:url(img/bg_top_pop.jpg) #fff repeat-x;
width:900px;
margin:0 auto;
padding-top:15px;
}

body#pop #whBgIn {
background:url(img/bg_btm_pop.jpg) #fff repeat-x bottom;
width:900px;
margin:0 auto;
padding-bottom:15px;
}

body#pop #blBg {
background:none;
background-color:#000000;
width:900px;
margin:0 auto;
padding-top:15px;
}

body#pop #blBgIn {
background:none;
background-color:#000000;
width:900px;
margin:0 auto;
padding-bottom:15px;
}

#headerPop {
background:url(img/bg_header_pop.gif) no-repeat;
width:900px;
margin:0 auto;
}

#headerPop h1 {
padding:10px 0 30px 20px;
}

#footerPop {
background:url(img/bg_footer_pop.gif) no-repeat;
width:900px;
margin:0 auto;
}

#footerPop img {
padding:39px 0 19px 20px;
}

#contentsPop {
width:900px;
margin:15px auto;
text-align:center;
padding-bottom:15px;
}

p#closePop {
text-align:left;
margin-left:338px;
margin-bottom:15px;
}




/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// header */

#header {
	background:url(img/bg_header.jpg) 50% 0 no-repeat;
	height:219px;
	margin:0 auto;
	_zoom:1;
}

#footer {
	background:url(img/bg_footer.jpg) 50% 0 no-repeat;
}

#headerIn{
	width:960px;
	height:219px;
	margin:0 auto;
	position:relative;
}

#headerIn #utility{
	/*float:right;*/
	letter-spacing:-.40em;
	padding-top:11px;
	text-align:right;
	/*width:310px;*/
}

#headerIn #utility li{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	margin-left:30px;
	/*display:inline;*/
}

#headerIn h1 {
	position:absolute;
	top:100px;
	left:355px;
}


@media all and (max-width: 767px) {

	#header{
		background:url(img/sp/bg_header.jpg) no-repeat center top !important;
		background-size:100% auto !important;
		height:0;
		padding-top:28.125%;
		position:relative;
	}

	#headerIn{
		position:static;
		top:0;
		width:100%;
		height:100%;
	}

	#headerIn h1{
		top:58.3%;
		left:auto;
		/*padding-top:52px;*/
		text-align:center;
		width:100%;

	}

	#headerIn h1 img{
		height:auto;
		width:39%;
	}

	#headerIn #utility{
		float:none;
		padding-top:0;
		text-align:left;
	}

	#headerIn #utility li{
		display:block;
		margin-left:0;
	}

	/* グローバルナビ */
	#header-nav-wrap{
		display:none;
		background-color:#FFF;
	}

	/* MENUボタン */
	#sp-header-menu {
		//height: 25px;
		height:33.3%;
		position: absolute;
		right: 5px;
		top: 55.5%;
		width: 23.4%;
	}

	#sp-header-menu span {
		background: url(img/sp/header_menu.png) no-repeat left top;
		background-size: 100% auto;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		zoom: 1;
		height: 100%;
		width: 100%;
	}

	#sp-header-menu.close span {
		background: url(img/sp/header_menu_close.png) no-repeat left top;
		background-size: 100% auto;
	}

	#footer{
		background:url(img/sp/bg_footer.gif) no-repeat center top !important;
		background-size:cover !important;
	}
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// navi */

#nav {
	position:absolute;
	top:151px;
	left:0;
}

#nav li,
#r_nav li {
	margin-right:5px;
	position:relative;
	height:37px;
}

#nav a,
#nav li,
#r_nav a,
#r_nav li{
	background-repeat:no-repeat;
	display:block;
	height:37px;
	position:relative;
}
#nav a,
#utility a,
#r_nav a
{
	opacity:0;
}

#r_nav {
	position:absolute;
	top:110px;
	left:754px;
}

#r_nav li li.corporation {
	margin-right:0px;
	margin-left:11px;
}

#r_nav li li.recruit {
	margin-right:0px;
	margin-left:7px;
}

#utility a,
#utility li{
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	height:13px;
	position:relative;
}

#utility a:hover{
	min-height:inherit;
}

.nav_ttl{
	display:block;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	zoom:1;
}

/* キャンペーン */
#nav_campaign,
#nav_campaign a{
	background-image:url(img/gnavi01.gif);
	width:115px;
}

#nav_campaign{
	background-position:left top ;
}

#nav_campaign a{
	background-position:left -37px;
}


/* 店舗検索 */
#nav_store,
#nav_store a{
	background-image:url(img/gnavi02.gif);
	width:93px;
}

#nav_store a{
	background-position:left -37px;
}

/* メニュー */
#nav_menu,
#nav_menu a{
	background-image:url(img/gnavi03.gif);
	width:92px;
}

#nav_menu a{
	background-position:left -37px;
}

/* お持ち帰り寿司 */
#nav_takeout,
#nav_takeout a{
	background-image:url(img/gnavi04.gif);
	width:133px;
}

#nav_takeout a{
	background-position:left -37px;
}

/* くら寿司のこだわり */

#nav_quality,
#nav_quality a{
	background-image:url(img/gnavi05.gif);
	width:158px;
}

#nav_quality a{
	background-position:left -37px;
}

/* ファンコーナー */
#nav_fan,
#nav_fan a{
	background-image:url(img/gnavi06.gif);
	width:128px;
}

#nav_fan a{
	background-position:left -37px;
}

/* 企業情報 */
#nav_corporation,
#nav_corporation a{
	background-image:url(img/gnavi07.gif);
	width:95px;
	top:46px;
}

#nav_corporation a{
	top:0px;
	background-position:left -37px;
}

/* 採用情報 */
#nav_recruit,
#nav_recruit a{
	background-image:url(img/gnavi08.gif);
	width:94px;
	top:46px;
}

#nav_recruit a{
	top:0px;
	background-position:left -37px;
}

/* 中文 */
#nav_chinese,
#nav_chinese a{
	background-image:url(img/gnavi09.gif);
	width:94px;
	top:-32px;
	right:0px;
}

#nav_chinese a{
	top:0px;
	right:0px;
	background-position:left -37px;
}

/* ENGLISH */
#nav_english,
#nav_english a{
	background-image:url(img/gnavi10.gif);
	width:94px;
	top:-32px;
	right:-1px;
}

#nav_english a{
	top:5px;
	right:0px;
	background-position:left -42px;
}




/* English */
#utility_eng,
#utility_eng a{
	background-image:url(img/unavi01.gif);
	width:66px;
}

#utility_eng a{
	background-position:left -13px;
}

/* サイトマップ */
#utility_sitemap,
#utility_sitemap a{
	background-image:url(img/unavi02.gif);
	width:79px;
}

#utility_sitemap a{
	background-position:left -13px;
}

/* お問い合わせ */
#utility_contact,
#utility_contact a{
	background-image:url(img/unavi03.gif);
	width:81px;
}

#utility_contact a{
	background-position:left -13px;
}


@media all and (max-width: 767px) {

	#nav,
	#r_nav{
		position:relative;
		top:auto;
		left:auto;
		right:auto;
	}

	#nav li,
	#r_nav li{
		border-bottom:1px solid #ccc;
		display:block;
		float:none;
		margin:0 !important;
	}
	
  .nav-under {
		border-top:1px solid #ccc;
    background:#f0f0f0;
  }

  .nav-under li span {
    padding-left:3em !important;
  }


  .nav-under li:last-child {
    border-bottom:none !important;
  }

	#utility li{
		border-bottom:1px solid #ccc;
	}

	#utility a,
	#nav a,
	#r_nav a
	{
		opacity:1 !important;
	}

	#utility a,
	#utility span,
	#nav a,
	#r_nav a,
	#nav span,
	#r_nav span
	{
		display:block;
	}

	#utility span,
	#nav span,
	#r_nav span
	{
		padding:15px 10px;
	}

	#utility li,
	#nav li,
	#r_nav li,
	#utility a,
	#nav a,
	#r_nav a
	{
		background:none;
		display:block;
		color:#353535;
		height:auto;
		width:auto;
		text-decoration:none;
	}

	.nav_ttl{
		text-indent:inherit;
		white-space:normal;
		overflow:auto;
		position:relative;
	}

	.nav_ttl:after{
		content:'▶︎';
		display:block;
		font-size:10px;
		position:absolute;
		right:10px;
		top:40%;
	}

	#nav_campaign a{

	}

	#nav_campaign a:hover{
	}
	
	
	/* 企業情報 */
	#nav_corporation,
	#nav_corporation a{
		top:auto;
		left:auto;
	}

	/* 採用情報 */
	#nav_recruit,
	#nav_recruit a{
		top:auto;
		left:auto;
	}
	
	/* 中文 */
	#nav_chinese,
	#nav_chinese a{
		top:auto;
		left:auto;
	}
	
	/* ENGLISH */
	#nav_english,
	#nav_english a{
		top:auto;
		left:auto;
	}

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// footer */

#footer{
	padding-top:42px;
	height:128px;
	margin:0 auto;
}

#footerIn {
	width:960px;
	margin:0 auto;
	position:relative;
}

.under_nav {
	color:#FFFFFF;
	letter-spacing: -0.4em;
	text-align: center;
	margin-bottom:10px;
}

.under_nav li {
	display: inline;
	letter-spacing: normal;
}

.under_nav li a,
.under_nav li a:visited {
	color:#FFFFFF;
}

.under_nav li a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.copyright {
	position:absolute;
	top:72px;
	left:0px;
}

@media all and (max-width: 767px) {

	#footer{
		height:auto;
		padding-bottom:15px;
		padding-top:30px;
	}

	#footerIn{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		padding-left:10px;
		padding-right:10px;
		width:100%;
	}

	.under_nav li{
		display:inline-block;
		font-size:14px;
		margin-top:5px;
	}

	.copyright{
		margin-top:20px;
		position:relative;
		top:auto;
    text-align: center;
	}

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 404 */

#error {
background:#FFFFFF;
padding:30px;
}

#error h3 {
font-size:138.5%;
font-weight:bold;
color:#000000;
margin-top:30px;
}

#error p {
margin-top:15px;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// index */

/*プロモーションエリア*/

div#promotion_area{
	padding-top:10px;
	width:1020px;
	height:630px;
	overflow:hidden;
	position:relative;
	background:url(img/bg_mainvisual_line.jpg) no-repeat right bottom;
	margin:0 auto;
}

div#promotion_area ul.mainVisual li {
	width: 700px;
	height: 300px;
	display: block;
	float:left;
	margin-left:-20px;
	margin-right:40px;
}

/*サムネイル*/

/* 2016-03-07 change css for mainvisual count changing 6 -> 7 */
div#promotion_area .thum_nav {
	width:1020px;
	overflow: hidden;
	height:70px;
	position:absolute;
	top:327px;
	left:0px;
	letter-spacing: -0.4em;
	text-align: center;
}

/* 2016-03-07 change css for mainvisual count changing 6 -> 7 */
div#promotion_area .thum_nav li {
	margin-right: 10px;
	margin-left: 10px;
	display:inline-block;
	letter-spacing: normal;
	width:120px;

	_display:inline;
	_zoom: 1;
}


/*次へ前へ*/

div#promotion_area .back,
div#promotion_area .next {
	position:absolute;
	z-index:1;
	top:108px;
}

div#promotion_area .back { left:10px; }
div#promotion_area .next { right:10px; }

#pagination{
	display: none;
}

div#promotion_area .manzokudo {
	position:absolute;
	z-index:2;
	top:392px;
}

/*carouFredSel*/

@media all and (max-width: 767px) {

	.caroufredsel_wrapper{
		height: auto;
		width: 100% !important;
	}

	div#promotion_area{
		background:none;
		height: auto;
		padding: 0 !important;
		width:100% !important;
	}

	div#promotion_area ul.mainVisual{
		opacity: 0;
	}

	div#promotion_area ul.mainVisual li{
		height: auto;
		margin: 0;
		width: 100%;
	}

	div#promotion_area ul.mainVisual li a{
		display: block;
	}

	div#promotion_area ul.mainVisual li img{
		height:auto;
		width:100%;
	}

	div#promotion_area .back,
	div#promotion_area .next,
	div#promotion_area .thum_nav{
		display: none !important;
	}
	
	
	div#promotion_area .manzokudo{
		height:auto;
		width:100%;
		position:relative;
		top:auto
	}

	#pagination{
		display: block;
		padding: 10px 0;
		text-align: center;
	}

	#pagination a{
		border: 1px solid #b2b2b2;
		border-radius: 50%;
		box-sizing: border-box;
		display: inline-block;
		background-color: #fff;
		height: 15px;
		margin: 0 4px 0 4px;
		width: 15px;
	}

	#pagination a.selected{
		background-color: #000;
		border: none;
	}

	#pagination a span{
		display: none;
	}

}


#contents {
	margin:0 auto;
	width:960px;
}

#top2column {
	padding:0px;
	margin-top:20px;
}

/*お知らせ*/

.columnL {
	width:700px;
	float:left;
	position:relative;
}

.columnL p#infoBtn {
	position:absolute;
	top:0;
	right:0;
}

.columnL p#campaignBtn {
	position:absolute;
	top:0;
	right:0;
}

#top_newswrap{
	position:relative;
}

#top_news_ttl{
	background:url(img/news_ttl.gif) no-repeat left top;
	height:24px;
	width:563px;
}

.columnL dl.dlStyle01 {
	margin:15px 10px 0;
	letter-spacing:-.40em;
	width:680px;
	overflow:hidden;
}

.columnL dl.dlStyle01 dt,
.columnL dl.dlStyle01 dd {
	margin-top:5px;
	display:inline-block;
	_display:inline;
	_zoom:1;
	letter-spacing:normal;
	vertical-align:top;
	font-weight:bold;
	line-height:1.6;
}

.columnL dl.dlStyle01 dt {
	padding-right:20px;
	width:90px;
}

.columnL dl.dlStyle01 dd {
	position:relative;
	width:480px;
	padding-left:90px;
}

.columnL dl.dlStyle01 dd a {
	vertical-align:baseline !important;
}

.columnL dl.dlStyle01 dd img {
	position:absolute;
	top:3px;
	left:0;
}

@media all and (max-width: 767px) {

	/* トップの2カラムバナー */
	#top_2bnr{
		background:url(img/sp/top_2bnr.gif) no-repeat left top;
		background-size:100% auto;
		padding:3.3% 10px;
	}

	#top_2bnr li{
		margin-left:3.3%;
		width:48.3%;
	}

	#top_2bnr li img{
		height:auto;
		width:100%;
	}

	#top_2bnr li:first-child{
		margin-left:0;
	}

	#contents {
		width:100%;
	}

	.columnL{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float:none;
		padding-left:10px;
		padding-right:10px;
		width:100%;
	}

	/* お知らせ */
	#top_newswrap{
		margin-top:18px;
	}

	#top_news_ttl{
		background:none;
		height:auto;
		width:auto;
	}

	.columnL p#infoBtn{
		right:10px;
	}

	.columnL dl.dlStyle01{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		margin:10px auto 0;
		width:100%;
	}

	.columnL dl.dlStyle01 dt,
	.columnL dl.dlStyle01 dd{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		display:block;
		font-size:14px;
		width:100%;
	}

	.columnL dl.dlStyle01 dt{
		margin-top:15px;
		padding-right:0;
	}

	.columnL dl.dlStyle01 dt:first-child{
		margin-top:0;
	}

	.columnL dl.dlStyle01 dd{
		margin-top:0;
		padding-left:0;
	}

	.columnL dl.dlStyle01 dd img{
		top:-1.5em;
		left:100px;
	}

}

/*カテゴリーバナー*/

.columnL .contents_nav {
	width:724px;
	margin-right:-22px;
	overflow: hidden;
	margin-top:20px;
}

*:first-child+html .columnL .contents_nav {
	margin-bottom:22px;
}

.columnL .contents_nav li {
	width:339px;
	float:left;
	margin-right:22px;
	margin-bottom:22px;
}

/*キャンペーンバナー*/

#top_campaign_ttl{
	background:url(img/campaign_ttl.png) no-repeat left top;
	height:24px;
	width:237px;
}

.columnL ul.campaign_area {
	width:720px;
	margin-right:-20px;
	overflow: hidden;
	margin-top:10px;
}

.columnL ul.campaign_area li {
	margin-right:20px;
	float:left;
}

.top_ttl{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	zoom:1;
}

@media all and (max-width: 767px) {

	.top_ttl{
		font-size:16px;
		font-weight:bold;
		text-indent:inherit;
		white-space:normal;
		overflow:auto;
		height:auto !important;
		width:auto !important;
	}

	/* バナー */
	.columnL .contents_nav{
		margin:20px 0 -3.3% 0;
		overflow: hidden;
		width: 100%;
	}

	.columnL .contents_nav li{
		margin-bottom:3.3%;
		margin-right:3.3%;
		width:48.3%;
	}

	.columnL .contents_nav li img{
		height:auto;
		width:100%;
	}

	.columnL .contents_nav li:nth-child(2n){
		margin-right:0;
	}

	/* キャンペーンバナー */
	#top_campaign_ttl{
		background:none;
		margin-top:15px;
	}

	#top_campaign_ttl img{
		height:auto;
		width:131px;
	}
	.columnL ul.campaign_area {
		margin-right: 0;
		margin-top: 10px;
		overflow: hidden;
		width: 100%;
	}

	.columnL ul.campaign_area li {
		margin-right:3.5%;
		float:left;
		width:31%;
	}

	.columnL ul.campaign_area li:last-child{
		margin-right:0;
	}

	.columnL .campaign_area li img{
		height:auto;
		width:100%;
	}

}

/*右カラム*/

.columnR {
	width:220px;
	float:right;
	text-align:left;
}

.top_side_bnr li {
	margin-bottom:20px;
}

.top_side_sttl {
	display:block;
	font-weight:bold;
	margin-bottom:10px;
	position:relative;
	padding-left:1em;
}

.top_side_sttl:before{
	content:'■';
	position:absolute;
	left:0;
	top:0;
}

.sns .fb {
	float:left;
	margin-bottom:10px;
}

.sns .tw {
	float:right;
	margin-bottom:10px;
}

#safety {
	width:100%;
	height:110px;
	text-align:center;
	background:url(img/bg_mainvisual_line.jpg) top no-repeat;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 25px;
}

@media all and (max-width: 767px) {

	.columnR{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float:none;
		margin-top:15px;
		padding-left:10px;
		padding-right:10px;
		position:relative;
		width:100%;
	}

	.top_side_sttl {
		margin-bottom:5px;
	}

	.top_side_bnr{
		letter-spacing:-.40em;
	}

	.top_side_bnr li{
		display:inline-block;
		letter-spacing:normal;
		margin-right:3.3%;
		/*margin-bottom:3.3%;*/
		margin-bottom:15px;
		vertical-align:bottom;
		*display:inline;
		*zoom:1;
		width:48.33%;
	}

	.top_side_bnr li:nth-child(2n){
		margin-right:0;
	}
	
	.top_side_bnr li img{
		height:auto;
		width:100%;
	}

	.sns{
		/*
		bottom:0;
		position:absolute;
		*/
		left:51.63%;
		width:27.5%;
	}

	.sns .fb,
	.sns .tw {
		float:none;
		width:100%;
	}

	.sns .tw{
		margin-bottom:0;
	}

	.sns .fb img,
	.sns .tw img{
		height:auto;
		width:100%;
	}
}

@media screen and (max-device-width: 480px) {

.top_side_bnr li span { font-size:80%; }

}

.safety_inner {
	width:950px;
	margin:0 auto;
}

.safety_inner .insert01 {
	width:300px;
	float:left;
	height: auto;
	margin-left: 25px;
	_margin-left: 35px;
	background-image: url(../../image/line.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-right: 24px;
	margin-top: 35px;
}

.safety_inner .insert01 #link01 a {
	width:143px;
	height: 40px;
	background-image: url(../../image/pdf01_bg.jpg);
	background-repeat: no-repeat;
	display: block;
}
.safety_inner .insert01 #link01 a:hover {
	width:143px;
	height: 40px;
	background-image: url(../../image/pdf01_bg_on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.safety_inner .insert01 #link02 a {
	width:143px;
	height: 40px;
	background-image: url(../../image/pdf02_bg.jpg);
	background-repeat: no-repeat;
	display: block;
}
.safety_inner .insert01 #link02 a:hover {
	width:143px;
	height: 40px;
	background-image: url(../../image/pdf02_bg_on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.safety_inner .insert01 #link03 a {
	width:143px;
	height: 40px;
	background-image: url(../../image/pdf03_bg.jpg);
	background-repeat: no-repeat;
	display: block;
}
.safety_inner .insert01 #link03 a:hover {
	width:143px;
	height: 40px;
	background-image: url(../../image/pdf03_bg_on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.safety_inner .insert01 #link04 a {
	width:143px;
	height: 40px;
	background-image: url(../../image/pdf04_bg.jpg);
	background-repeat: no-repeat;
	display: block;
}
.safety_inner .insert01 #link04 a:hover {
	width:143px;
	height: 40px;
	background-image: url(../../image/pdf04_bg_on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.safety_inner .insert02 {
	width:208px;
	float:left;
	height: auto;
	margin-left: 23px;
	margin-top:55px;
}
.safety_inner .insert02 a {
	width:208px;
	height: 60px;
	background-image: url(../../image/eiseikanri_off.jpg);
	background-repeat: no-repeat;
	display: block;
}
.safety_inner .insert02 a:hover {
	width:208px;
	height: 60px;
	background-image: url(../../image/eiseikanri_on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.safety_inner .insert02-2 {
	width:208px;
	height: auto;
	margin-left: 23px;
	margin-top:35px;
}
.safety_inner .insert02-2 a {
	width:208px;
	height: 37px;
	background-image: url(../../image/eiseikanri02_off.jpg);
	background-repeat: no-repeat;
	display: block;
}
.safety_inner .insert02-2 a:hover {
	width:208px;
	height: 37px;
	background-image: url(../../image/eiseikanri02_on.jpg);
	background-repeat: no-repeat;
	display: block;
}
.safety_inner .insert02-3 {
	width:208px;
	height: auto;
	margin-left: 23px;
	margin-top:5px;
	margin-bottom:5px;
}
.safety_inner .insert02-3 a {
	width:208px;
	height: 37px;
	background-image: url(../../image/housyasen_off.jpg);
	background-repeat: no-repeat;
	display: block;
}
.safety_inner .insert02-3 a:hover {
	width:208px;
	height: 37px;
	background-image: url(../../image/housyasen_on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.top_safety_gensanchi{
	background:url(img/title_gensanchi.png) no-repeat left top;
	height:24px;
	margin:0 auto;
	width:207px;
}

.top_safety_alle{
	background:url(img/title_alle.png) no-repeat left top;
	height:25px;
	margin:0 auto;
	width:300px;
}

.insert01_other{
	float:left;
}

/* 原材料、アレルゲンなど */
@media all and (max-width: 767px) {

	#safety{
		background:none !important;
		height:inherit;
		text-align:left;
		margin-top:0;
	}

	.safety_inner {
		width:100%;
		margin:0 auto;
	}

	.top_safety_gensanchi,
	.top_safety_alle{
		background:none;
		height:inherit;
		width:100%;
	}

	.safety_inner .insert01{
		background:none;
		border-bottom:1px dashed #b4b5b7;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float:none;
		margin-top:10px;
		margin-left:0;
		padding:15px 10px 10px;
		width:100%;
	}

	.insert01_other{
		float:none;
		padding:15px 10px 10px;
	}

	.safety_inner .insert02-2,
	.safety_inner .insert02-3{
		margin:0 auto 10px;
		width:208px;
	}

}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// common */

#contents.fBox {
	margin-bottom:30px;
}

#main {
	width:730px;
	float:left;
}

.sttl {
	background:#000000;
	padding-left:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(/common/css/PIE.htc);
	_zoom:1;
	position:relative;
}

a.pdf {
	background:url(img/icon_pdf.gif) no-repeat right;
	padding-right:17px;
}

a.blank {
	background:url(img/icon_blank.gif) no-repeat right;
	padding-right:15px;
}

#side {
	width:210px;
	float:right;
}

#sideTtl {
	margin-bottom:15px;
}

#sideNavi {
	background:#FFFFFF;
	width:210px;
	border-top:5px solid #000000;
	padding-bottom:15px;
	margin-bottom:20px;
}

#sideNavi ul {
	margin:0 18px 70px;
	_zoom:1;
}

#sideNavi ul li {
	border-bottom:1px solid #d3d1d0;
}

#sideNavi p {
	text-align:right;
	margin:0 18px;
}

#wide {
	width:960px;
}

.shadow {
	-moz-box-shadow:0px 0px 6px #b3b3b3;
	-webkit-box-shadow:0px 0px 6px #b3b3b3;
	box-shadow:0px 0px 6px #b3b3b3;
	position:relative;
	_zoom:1;
	behavior:url(/common/css/PIE.htc);
}

.shadowBk {
	-moz-box-shadow:0px 0px 6px #000;
	-webkit-box-shadow:0px 0px 6px #000;
	box-shadow:0px 0px 6px #000;
	position:relative;
	_zoom:1;
	behavior:url(/common/css/PIE.htc);
}

body#bl .shadow {
	-moz-box-shadow:0px 0px 6px #000;
	-webkit-box-shadow:0px 0px 6px #000;
	box-shadow:0px 0px 6px #000;
	position:relative;
	_zoom:1;
	behavior:url(/common/css/PIE.htc);
}

p#pagetop {
	text-align:right;
	margin:0 auto;
	width:960px;
}

#whBg,
#blBg {
	padding:35px 0 0;
}

#blBg {
	background:url(img/bg_bl_top.jpg) 50% top no-repeat;
}

#blBgIn {
	padding-bottom:30px;
	background:url(img/bg_bl_btm.jpg) 50% bottom no-repeat;
}

#whBg {
	background:url(img/bg_wh_top.jpg) 50% top no-repeat;
}

body#top #whBg {
	padding:0;
}

#whBgIn {
	padding-bottom:30px;
	background:url(img/bg_wh_btm.jpg) 50% bottom no-repeat;
}

body#top #whBgIn {
	padding-bottom:10px;
}

/*firefoxとchormeのみ*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body{background:url(img/bg_contents_webkit.jpg) 50% 0 repeat-y;}
	body#bl {background:url(img/bg_bl_webkit.jpg) 50% 0 repeat-y;}
	#header {background:url(img/bg_header_webkit.jpg) 50% 0 no-repeat;}
	#footer {background:url(img/bg_footer_webkit.jpg) 50% 0 no-repeat;}
	#promotion_area {background:url(img/bg_mainvisual_line.jpg) no-repeat right bottom;}
	#safety {background:url(img/bg_mainvisual_line_webkit.jpg) 50% top no-repeat;}
	#blBg {background:url(img/bg_bl_top_webkit.jpg) 50% top no-repeat;}
	#blBgIn {background:url(img/bg_bl_btm_webkit.jpg) 50% bottom no-repeat;}
	#whBg {background:url(img/bg_wh_top_webkit.jpg) 50% top no-repeat;}
	#whBgIn {background:url(img/bg_wh_btm_webkit.jpg) 50% bottom no-repeat;}
}

@media all and (max-width: 767px) {

	#main {
		box-sizing: border-box;
		padding: 0 10px;
		width: 100%;
		float: none;
	}

	#side {
		width: 100%;
		float: none;
	}

	#contents.fBox {
		margin-bottom:0;
	}

	#wide {
		width:100%;
	}

	#whBg,
	#blBg {
		padding:10px 0 0;
	}

	p#pagetop {
		display:none;
	}

}

/* ==========================================================================
   Parts
   ========================================================================== */

/* display
   ========================================================================== */

.block{
	display:block;
}

.sp-item{
	display:none;
}

.pc-block{
	display:block;
}

@media all and (max-width: 767px) {

	.sp-item{
		display:block;
	}

	.pc-item{
		display:none !important;
	}

	.pc-block{
		display:inline;
	}

	.sp-block{
		display:block;
	}

	img {
		height: auto;
		max-width: 100%;
	}

  #sp-bnr {
    background:url(img/bg_sp.jpg);
	  -moz-box-shadow:0px 0px 6px #000 inset;
	  -webkit-box-shadow:0px 0px 6px #000 inset;
	  box-shadow:0px 0px 6px #000 inset;
	  position:relative;
	  _zoom:1;
	  behavior:url(/common/css/PIE.htc);
  }
  #sp-bnr ul {
    padding:10px;
  }
  #sp-bnr ul li.fl {
    width:48%;
  }
  #sp-bnr ul li.fr {
    width:48%;
    float:right;
  }
  #sideNavi {
    margin-bottom:0;
  }

  #sideNavi ul {
    margin-bottom:30px;
  }

  #searching {
    padding:10px;
    background:#fff;
    border:1px solid #b2b2b2;
    text-align:center;
    margin:20px 50px;
  }
  #searching span {
 	  -webkit-animation:blink .4s ease-in-out infinite alternate;
    -moz-animation:blink .4s ease-in-out infinite alternate;
    animation:blink .4s ease-in-out infinite alternate;
  }
  @-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
  }
  @-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
  }
  @keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
  }

}