@charset "UTF-8";
/*
 * cmn_layout.css
 *
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 12px;
	-webkit-text-size-adjust: none;
	line-height: 1.66;
	color: #444;
	background: #fff;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#header,
#footer,
#footerShare,
#contents,
section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#header:after,
#footer:after,
#footerShare:after,
#contents:after,
section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* !Layout
---------------------------------------------------------- */
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 1000px;
	padding: 0;
	text-align: left;
}
	#wrapperIn {
		width: 840px;
		padding: 46px 0 0 150px;
	}
/* !header
---------------------------------------------------------- */
#header {
	width: 100%;
	/*min-width: 1024px;*/
	background: #0a0a0a url(//www.mcdonalds.co.jp/newcommon/images/header/bg_header01.png) 0 0 repeat-x;
	color: #d1d0d0;
	box-shadow:rgba(51, 51, 51, 0.2) 0px 0px 6px 4px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.2) 0px 0px 6px 4px;
	-moz-box-shadow:rgba(51, 51, 51, 0.2) 0px 0px 6px 4px;
	position: relative;
	z-index: 5000;
}
	#header a {
		color: #a6a6a3;
	}
	#headerIn {
		margin: 0 auto;
		width: 1000px;
		padding: 0;
		text-align: left;
		position: relative;
	}
		#headerIn > .inner {
			height: 32px;
			margin: 0 0 0 113px;
		}
		#headerLogo {
			position: absolute;
			left: 0;
			top: 0;
			width: 113px;
			text-align: center;
		}
		#headerUtility {
			float: right;
			overflow: hidden;
		}
			#headerUtility .news {
				float: left;
				overflow: hidden;
				padding: 6px 13px 0 15px;
				height: 26px;
				background: url(//www.mcdonalds.co.jp/newcommon/images/header/bg_header_line01.png) 0 0 repeat-y;
			}
				#headerUtility .news h2 {
					float: left;
					margin: 1px 18px 0 0;
					font-family: Arial;
					font-size: 11px;
					font-weight: bold;
				}
				#headerUtility .news ul {
					float: left;
					overflow: hidden;
				}
					#headerUtility .news ul li {
						float: left;
					}
						#headerUtility .news ul li a {
							font-size: 11px;
						}
						#headerUtility .news ul li a:hover {
							color: #fff;
						}
			#headerUtility .lang {
				background: url(//www.mcdonalds.co.jp/newcommon/images/header/bg_header_line01.png) 0 0 repeat-y;
				float: right;
				font-size: 11px;
				margin: 0 24px 0 0;
				padding: 8px 0 0 15px;
				height: 24px;
			}
/* !gNavi
---------------------------------------------------------- */
#gNavi {
	display: block;
	position: absolute;
	left: 0;
	top: 95px;
	width: 113px;
	z-index: 1000;
}
	#gNavi > ul {
		width: 105px;
		margin: 0 auto;
	}
	#gNavi > ul > li {
		position: relative;
	}
		#gNavi > ul > li > a {
			display: block;
			height: 28px;
			background-image: url(//www.mcdonalds.co.jp/newcommon/images/navi/gnavi03.png);
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		#gNavi > ul > li#gnav01 > a {background-position: 0 0; height: 31px;}
		#gNavi > ul > li#gnav02 > a {background-position: 0 -31px;}
		#gNavi > ul > li#gnav03 > a {background-position: 0 -59px; height: 41px;}
		#gNavi > ul > li#gnav04 > a {background-position: 0 -100px;}
		#gNavi > ul > li#gnav05 > a {background-position: 0 -128px;}
		#gNavi > ul > li#gnav06 > a {background-position: 0 -156px;}
		#gNavi > ul > li#gnav07 > a {background-position: 0 -184px;}
		#gNavi > ul > li#gnav08 > a {background-position: 0 -212px;}
		#gNavi > ul > li#gnav09 > a {background-position: 0 -240px;}
		#gNavi > ul > li#gnav10 > a {background-position: 0 -268px;}
		#gNavi > ul > li#gnav11 > a {background-position: 0 -296px; height: 36px;}

		#gNavi > ul > li#gnav01:hover > a {background-position: -105px 0;}
		#gNavi > ul > li#gnav02:hover > a {background-position: -105px -31px;}
		#gNavi > ul > li#gnav03:hover > a {background-position: -105px -59px;}
		#gNavi > ul > li#gnav04:hover > a {background-position: -105px -100px;}
		#gNavi > ul > li#gnav05:hover > a {background-position: -105px -128px;}
		#gNavi > ul > li#gnav06:hover > a {background-position: -105px -156px;}
		#gNavi > ul > li#gnav07:hover > a {background-position: -105px -184px;}
		#gNavi > ul > li#gnav08:hover > a {background-position: -105px -212px;}
		#gNavi > ul > li#gnav09:hover > a {background-position: -105px -240px;}
		#gNavi > ul > li#gnav10:hover > a {background-position: -105px -268px;}
		#gNavi > ul > li#gnav11:hover > a {background-position: -105px -296px;}

		#gNavi > ul > li > .subMenu {
			display:none;
			overflow:hidden;
			position:absolute;
			top:1px;
			left:100px;
			white-space:nowrap;
			border-top:1px solid #fcfcfc;
			border-radius:0 3px 3px 3px;
			box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
			z-index:100;
			background: #fff;
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f5f4f4));
			background: -webkit-linear-gradient(#fff, #f5f4f4);
			background: -moz-linear-gradient(#fff, #f5f4f4);
			background: -ms-linear-gradient(#fff, #f5f4f4);
			background: -o-linear-gradient(#fff, #f5f4f4);
			background: linear-gradient(#fff, #f5f4f4);
			z-index: 9000;
		}

		#gNavi > ul > li:hover > .subMenu,
		#gNavi > ul > li > .subMenu.active {
			display: block;
		}
			#gNavi > ul > li > .subMenu .inner {
				display: block;
				padding: 20px 0;
			}
			#gNavi > ul > li > .subMenu ul {
				display: table-cell;
				padding: 0 20px;
				vertical-align: top;
			}
			#gNavi > ul > li > .subMenu ul {
				border-left: 1px solid #e6e4e4;
			}
			#gNavi > ul > li > .subMenu ul:first-child {
				border-left: none;
			}
				#gNavi > ul > li > .subMenu ul > li {
					margin-bottom: 5px;
				}
				#gNavi > ul > li > .subMenu ul > li:last-child {
					margin-bottom: 0;
				}
					#gNavi > ul > li > .subMenu ul > li > a {
						color: #373737;
						font-size: 13px;
					}
					#gNavi > ul > li > .subMenu ul > li > a:hover {
						color: #dc1212;
					}
					#gNavi > ul > li > .subMenu ul > li input {
						vertical-align: middle;
					}

			#gNavi > ul > li > .subMenu ul.bnr01 {
				padding: 0 2px;
			}
				#gNavi > ul > li > .subMenu ul.bnr01 > li {
					display: table-cell;
					vertical-align: top;
					padding-right: 2px;
					margin: 0;
				}
				#gNavi > ul > li > .subMenu ul.bnr01 > li:last-child {
					padding-right: 0;
				}
					#gNavi > ul > li > .subMenu ul.bnr01 > li > a {
						display: block;
						margin-top: 2px;
					}
					#gNavi > ul > li > .subMenu ul.bnr01 > li > a:first-child {
						margin-top: 0;
					}
				#gNavi > ul > li > .subMenu .inner ul li.search01 input {
					vertical-align: middle;
				}
				#gNavi > ul > li > .subMenu .inner ul li.search01 input[type="text"] {
					background: url(//www.mcdonalds.co.jp/newcommon/images/bg/bg_search01.gif) 0 0 no-repeat;
					border: none;
					color: #6f6f6f;
					font-size: 13px;
					line-height: 34px;
					height: 34px;
					padding: 0 10px;
					width: 201px;
				}


		/* !submenu unique */
		#gNavi > ul > li#gnav01 > .subMenu {
			top: 3px;
		}
			#gNavi > ul > li#gnav01 > .subMenu .inner {
				padding-right: 120px;
				background: url(//www.mcdonalds.co.jp/newcommon/images/navi/bg_gnavi_regular01_v2.png) right bottom no-repeat;
			}
				#gNavi > ul > li#gnav01 > .subMenu .inner ul:last-child {
					padding-right: 0;
				}

			#gNavi > ul > li#gnav02 > .subMenu .inner {
				padding: 1px 2px;
			}
			#gNavi > ul > li#gnav02 > .subMenu .inner ul {
				padding: 6px 10px;
			}
			#gNavi > ul > li#gnav02 > .subMenu .inner ul:first-child {
				padding: 0 2px 0 0;
			}
				#gNavi > ul > li#gnav02 > .subMenu .inner ul li {
					width: 170px;
					white-space: normal;
					line-height: 1.2;
				}

		#gNavi > ul > li#gnav05 > .subMenu .inner {
			background: url(//www.mcdonalds.co.jp/newcommon/images/navi/bg_gnavi_shop01.png) right bottom no-repeat;
		}
			#gNavi > ul > li#gnav05 > .subMenu .inner ul li {
				padding-right: 125px;
			}
			#gNavi > ul > li#gnav05 > .subMenu .inner ul li.search01 {
				margin-bottom: 13px;
				padding-right: 0;
			}


/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	float: left;
	margin: 8px 0 0 20px;
	overflow: hidden;
	*zoom: 1;
}
	#breadcrumb li {
		float: left;
		white-space: nowrap;
		color: #a6a6a3;
	}
	#breadcrumb li:last-child {
		color: #ffbd11;
	}

			#breadcrumb li.type01 {
			white-space: nowrap;
			}

			#breadcrumb li.type01:after {
			content: '/';
			margin: 0 0.5em
			}



		#breadcrumb li a {
			white-space: nowrap;
		}
		#breadcrumb li a:after {
			content: '/';
			margin: 0 0.5em
		}
		#breadcrumb li.home a:after {
			content: '';
		}

/* !mainimg
---------------------------------------------------------- */
#mainimg {
}
/* !contents
---------------------------------------------------------- */
#contents {
}
/* !pageTop
---------------------------------------------------------- */
.pageTop {
}
/* !footer
---------------------------------------------------------- */
#footer {
	border-top: 1px solid #757576;
	clear: both;
	font-size: 11px;
	margin: 70px 0 0 0;
	padding: 10px 0 55px;
	color: #757576;
}
	#footer a {
		color: #757576;
	}
	#footerShare {
		float: left;
	}
		#footerShare li {
			float: left;
			margin-right: 11px;
		}
	#footerUtility {
		float: right;
	}
		#footerLinks {
			overflow: hidden;
		}
			#footerLinks li {
				float: left;
				border-left: 1px solid #757576;
				padding-left: 13px;
				margin-left: 13px;
				line-height: 1.1;
				line-height: 1.2\9; /* IE8 */
			}
			#footerLinks li:first-child {
				border-left: none;
			}
		#copyright {
			margin-top: 3px;
			text-align: right;
		}
/* !h(n)eading
---------------------------------------------------------- */
.tit_basic01 {
	color: #be1c10;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 25px;
	line-height: 1.2;
}
.tit_basic01.type01 {
	font-size: 30px;
	margin-bottom: 20px;
}

/* !Listing
---------------------------------------------------------- */
.ul_basic01 {
}
	.ul_basic01 li {
	}
.ul_notes01 {
	margin-top: 25px;
}
	.ul_notes01 li {
		text-indent: -1em;
		margin-left: 1em;
	}

.ol_basic01 {
}
	.ol_basic01 li {
	}

.dl_basic01 {
}
	.dl_basic01 dt {
	}
	.dl_basic01 dd {
	}
/* !Table
---------------------------------------------------------- */
.table_basic01 {
}
	.table_basic01 th,
	.table_basic01 td {
	}
	.table_basic01 th {
	}
	.table_basic01 td {
	}
		.table_basic01 th div,
		.table_basic01 td div {
		}
/* !Section
---------------------------------------------------------- */
.section01       { /* Basic Section */ }


/* !Btn
---------------------------------------------------------- */
.btn_basic01 {
	display: inline-block;
	padding: 3px 22px;
	background-color: #be1c10;
	border-radius: 20px;
	color: #fff;
	font-weight: bold;
}
	.btn_basic01 .ico01 {
		vertical-align: -0.1em;
		margin: 0 8px 0 -5px;
	}
.btn_basic01.close {
	margin-right: 76px;
	padding: 3px 52px 3px 11px;
}
	.btn_basic01.close .ico01 {
		margin: 0 31px 0 0;
	}

/* !Box
---------------------------------------------------------- */
.box_bnr_slide01 {
	position: relative;
	z-index: 1;
}
.box_bnr_slide01.borderT01 {
	margin-top: 30px;
	padding: 25px 0 20px;
	border-top: 1px solid #d7d4d4;
	border-bottom: 1px solid #d7d4d4;
}
	.box_bnr_slide01 .bx-prev,
	.box_bnr_slide01 .bx-next {
		display: block;
		position: absolute;
		top: 16px;
		width: 29px;
		height: 116px;
		text-indent: -9999px;
		margin-top: -16px;
		overflow: hidden;
	}
	.box_bnr_slide01 .bx-prev {
		left: 0;
		background: url(//www.mcdonalds.co.jp/newcommon/images/btn/btn_prev01.png) 0 0 no-repeat;
	}
	.box_bnr_slide01 .bx-next {
		right: 0;
		background: url(//www.mcdonalds.co.jp/newcommon/images/btn/btn_next01.png) 0 0 no-repeat;
	}
	.box_bnr_slide01 .bx-prev.disabled,
	.box_bnr_slide01 .bx-next.disabled {
		display: none;
	}

/* menu type */
.box_bnr_slide01 .listMenu01 {
	margin-top: 0;
}
	.box_bnr_slide01 .listMenu01 li {
		margin-top: 0;
	}
	.box_bnr_slide01 .listMenu01 li:nth-child(4n+1) {
		clear: none;
	}
		.box_bnr_slide01 .listMenu01 li a {
			display: block;
		}
		.box_bnr_slide01 .listMenu01 li .btn01 {
			position: static;
			padding-left: 27px;
			margin-top: 8px;
		}

/* !Txt
---------------------------------------------------------- */
.txt_link01 {
	background: url(//www.mcdonalds.co.jp/newcommon/images/ico/ico_arrow_r01.png) 0 0.4em no-repeat;
	padding-left: 12px;
	color: #be1c10;
}
