@charset "UTF-8";

/* ------------------------------------------------------
	utility
------------------------------------------------------ */
a {
	color: #000;
	text-decoration: none;
}
img {
	display: block;
}
.pcOnly, .spHide {
	display: none !important;
}

/* structure
-----------------------------*/
html {
	font-size: 87.5%;
	overflow-x: hidden;
}
body {
	width: 100%;
	min-width: 320px;
	height: 100%;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, MS PGothic, sans-serif;
}
#container {
	width: 100%;
	background: 0;
}

/* header
-----------------------------*/
#header {
	width: 100%;
	height: 60px;
}
#header .inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#logo a {
    position: absolute;
    left: 44%;
    top: 20px;
    z-index: 1;
    display: block;
    width: 39px;
    height: 29px;
    padding: 0;
    /* ↓http→https に変更 2024/09/12 SYSTEM */
    background: url(https://www.mcdonalds.co.jp/recruit/crew_recruiting/common_amp/img/logo_v2.png) no-repeat scroll 0 0 transparent;
    background-size: 39px 29px;
    border: none;
    text-align: center;
    text-indent: -9999px;
}

#globalNavigation {
    position: relative;
    height: 59.5px;
	
}
#globalNavigation::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4.5px;
    background: #000 none;
}
/* SP menu in header */
.sliderHead {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 47px;
}
.sliderHead ul li {
	float: right;
}
.sliderHead ul li a {
	display: block;
}
.sliderHead ul li.menu a,
.sliderHead ul li.menu a:hover {
	width: 59px;
	height: 30px;
	margin: 0;
	padding: 17px 0 0 25px;
	background: url(../img/search/bg_btn_head_menu_2x.png) 0 0 no-repeat;
	background-size: 84px 47px;
	color: #BD9674;
	font-size: 85.7%;
	line-height: 1.2;
	text-decoration: none;
}
.sliderHead ul li.apply a,
.sliderHead ul li.apply a:hover {
	width: 72px;
	height: 27px;
	margin: 4px 4px 0 0;
	padding: 13px 0 0;
	background: url(../img/search/bg_btn_head_apply_2x.png) 0 0 no-repeat;
	background-size: 72px 40px;
	color: #FFF;
	font-size: 85.7%;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px -1px 0 #333;
}

/* SP menu nav in header */
.sliderNavTtl {
	display: block;
	height: 48px;
	margin: 0 14px;
}
.sliderNav {
	display: none;
}
.spMenuTtl {
	height: 48px;
	background: rgba(0, 0, 0, 0.7) none;
	color: #FFF;
	font-weight: bold;
	line-height: 48px;
}
.spMenuClose {
	position: absolute;
	top: 7px;
	right: 14px;
}
.sliderNav {
	position: absolute;
	width: 100%;
}
.sliderNav ul {
	margin: 0 14px;
	background: #FFF;
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
}
.sliderNav li {
	display: block;
	padding: 0;
	border-top: #CCC solid 1px;
	border-right: #CCC solid 1px;
	background: 0;
}
.sliderNav li a {
	display: block;
	width: auto;
	height: auto;
	padding: 8px 15px;
	font-weight: bold;
	line-height: 1.8;
	text-decoration: none;
	background: url(../img/search/bg_slide_menu_2x.gif) 100% 50% no-repeat;
	background-size: 18px 13px;
}
.sliderNav .shop {
	display: none;
}
.sliderNav .entry {
	border-right: #CCC solid 1px;
	font-size: 71.4%;
	background-size: 1px 5px;
}
.sliderNav .faq {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 50%;
	border: none;
	border-right: 1px solid #ccc;
}
.sliderNav .firsttime {
	float: left;
	width: 50%;
	background: url(../img/search/bg_slide_menu_2x.gif) 100% 50% no-repeat;
	background-size: 18px 13px;
	border: none;
}
#layBg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.8) none;
}

/* topicPath */
.topicPath {
	width: 100%;
	min-width: 0;
	padding: 0;
	border-bottom: #CCC solid 1px;
}
.topicPath .inner {
	width: 100%;
	margin: auto;
	font-size: 72%;
	color: #666;
}
.topicPath ul {
	overflow: hidden;
}
.topicPath li {
	float: left;
	margin: 0 0 0 10px;
	padding: 5px 20px 5px 0;
	background: url(../img/search/bg_topics_2x.gif) 100% 50% no-repeat;
	background-size: 16px 29px;
}
.topicPath li:last-child {
	padding: 5px 5px 5px 0;
	background: transparent none;
}
.topicPath a {
	text-decoration: none;
}

/* contents */
.contents h1 {
    font-size: 15px;
    padding: 10px 10px 13px;
    color: #572815;
    font-weight: bold;
    letter-spacing: -1px;
}

/* just before footer - boxSubmit */
.boxSubmit {
	padding: 15px 0 0;
	background: #FCF3F3;
	border-top: #F9E7E7 solid 1px;
	text-align: left;
}
.boxSubmit h3.tit,
.boxBtmArea02 .block h3,
.boxBtmArea02 .txt p {
	text-align: center;
}
.boxSubmit h3.tit {
	margin: 0 10px 10px;
	padding: 0;
	background: none;
	border: none;
	font-weight: bold;
	line-height: 1.3;
}
.btnStore {
	display: block;
	height: 46px;
	margin: 0 8px 15px;
	background: 0;
}
.btnStore a,
.boxBtmArea02 .tel a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 46px;
	background: #c5151c;
	background: -moz-linear-gradient(top, #c5151c 0%, #870a0d 100%);
	background: -webkit-linear-gradient(top, #c5151c 0%,#870a0d 100%);
	background: linear-gradient(to bottom, #c5151c 0%,#870a0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5151c', endColorstr='#870a0d',GradientType=0 );
	border: 1px solid #9f0e13;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	color: #fff;
	text-align: center;
	line-height: 46px;
	text-decoration: none;
	-webkit-text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}
.btnStore a:before,
.boxBtmArea02 .tel a:before {
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 0 5px 0 0;
	background: transparent url(../img/search/bg_btn_icon.png) left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.boxBtmArea02 .tel a:before {
	background-position: left bottom;
}

/* boxBtmArea01 - bottom link group */
.boxBtmArea01 {
	border-bottom: 1px solid #ccc;
}
.boxBtmArea01 .block {
	padding: 15px 0 0;
	line-height: 1.6em;
	background: #FFFFFF url(../img/search/bg_box_btm_area01_block_2x.gif) 0 0 no-repeat;
	background-size: 100% 2px;
}
.boxBtmArea01 .pic01,
.boxBtmArea01 .pic02,
.boxBtmArea01 .pic03,
.boxBtmArea01 .pic04 {
	display: none;
}
.boxBtmArea01 .block h3 {
	padding: 0 0 0 15px;
	font-weight: bold;
	color: #333333;
	line-height: 1.3em;
}
.boxBtmArea01 .txt {
	font-size: 86%;
}
.boxBtmArea01 .txt p {
	margin-bottom: 10px;
	padding: 0 15px;
	font-size: 71.4%;
	line-height: 1.3;
}
.ulLink {
	margin-top: 5px;
	letter-spacing: -0.1em;
}
.ulLink li {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
  background: url(../img/search/bg_slide_menu_2x.gif) 100% 50% no-repeat;
  background-size: 18px 13px;
	line-height: 1.5;
}
.ulLink li a {
	display: block;
	padding: 12px 15px;
	text-decoration: none;
}

/* boxBtmArea02 - bottom link group */
.boxBtmArea02 .block {
	margin: 0 0 15px;
	padding: 15px 0 5px;
	border-top: 1px solid #F9E7E7;
	border-bottom: 1px solid #F9E7E7;
	line-height: 1.6em;
	background: #FCF3F3;
}
.boxBtmArea02 .block h3 {
	margin: 0px 9px 5px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
.boxBtmArea02 .txt {
	font-size: 86%;
	margin: 0 9px;
}
.boxBtmArea02 .tel {
	width: 100%;
	padding: 0;
	line-height: 1.2;
	background: 0;
}
.boxBtmArea02 .tel a {
	margin: 10px 0 0;
	font-size: 116.666667%;
}
.boxBtmArea02 .cld2,
.boxBtmArea02 .cld3 {
	display: none;
}

/* pagetop */
#pagetop {
	width: 100%;
	margin: auto;
	padding: 0;
	border-top: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	font-size: 71.4%;
	text-align: center;
}
#pagetop a {
	display: block;
	padding: 10px 0;
	color: #8E7054;
	text-decoration: none;
	background: 0;
}
#pagetop a span {
	padding-left: 15px;
	background: url(../img/search/ico_pagetop_2x.png) 0 50% no-repeat;
	background-size: 8px 7px;
}

/* footer */
#footer {
	display: none;
}
#footerBtm {
	font-size: 72%;
}
#footerBtm .inner {
	width: 100%;
}
#footerBtm .inner ul li {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 33%;
	padding: 10px 0;
	border-left: 1px dotted #ccc;
}
#footerBtm .inner ul li:first-child {
	border-left: none;
}
#footerBtm .inner ul li a[target="_blank"] {
	display: block;
	padding: 0 0 0 20px;
	background: url(../img/search/ico_tri_gray_r_2x.png) 10px 50% no-repeat;
	background-size: 4px 8px;
	text-decoration: none;
	line-height: 1.2;
	color: #595959;
}
.icoPc {
	display: block;
	margin: 0 10px 0 0;
	padding: 0 15px 0 0;
	background: url(../img/search/ico_pc_2x.png) 100% 50% no-repeat;
	background-size: 10px 9px;
}
.copyright {
	padding: 2px 0;
	text-align: center;
	color: #BD9675;
	background: #280400;
}