@charset "utf-8";

/*  SmartPhone
======================= */
.pcOnly { display:none;}
#main a[href$=".pdf"] { display:inline; }
#main .ir-news dl dd.text img { width: 15px; margin-left: 5px;}


#siteWrap .h1{ border-top:5px solid #FF8400; height:63px; line-height:60px; font-size:18px; padding-left: 12px; border-bottom:1px solid #DDD; color:#000; margin-bottom:20px; font-weight:bold; }
#siteWrap .h2{ height:52px; line-height:52px; text-indent: 30px; font-weight:bold; background:#F7F7F7 url(../img/h2bg.gif?) no-repeat 1px 1px; border:1px solid #DDD; margin-bottom:20px; margin-right: 3%; margin-left: 3%;}
#siteWrap .h3{ height:40px; line-height:30px; font-weight:bold; background:url(../img/h3bg.gif?) no-repeat bottom left; margin-bottom:20px; padding-bottom:10px; font-size:14px; margin-right: 3%; margin-left: 3%;}

#siteHeader { height: 89px; border-top: 3px solid #FF9300;}
#siteHeader p,
#siteHeader h1{ margin-left: 15px; float:left; margin-top: 6px; margin-bottom: 8px;}
#siteHeader p a,
#siteHeader h1 a{ background:url(../img/header/logoSP.gif) no-repeat; background-size: contain; width: 70px; height: 38px; text-indent:100%; overflow:hidden; display:block; }
#siteHeader div.menuSp{ padding: 7px 10px 10px; z-index:10000; position:relative; }
#siteHeader div.menuSp a.menu{ background:url(../img/header/menuSp.gif) no-repeat; background-size: contain; display:block; width: 47px; height: 38px; text-indent:100%; float:right; overflow:hidden; }
#siteHeader div.menuSp nav.menu { position:absolute; top: 51px; background:#FFF; width:100%; display:none; margin-left:-10px; }
#siteHeader div.menuSp nav.menu table{ width:100%; border-collapse:collapse; table-layout: fixed;}
#siteHeader div.menuSp nav.menu table td{ width:50%; background: #FF8400; border: 8px solid #FF8400; border-left: 10px solid #FF8400; border-right: 10px solid #FF8400;}
#siteHeader div.menuSp nav.menu table td a{ color:#333; font-size: 13px; padding-left: 25px; background: #FFF url(../img/header/arrowSp.gif) no-repeat 12px center; text-decoration:none; display:block; height: 36px; padding-top: 9px; vertical-align: middle;}
#siteHeader nav.navi ul{ clear:both; overflow:hidden; height: 34px; border-top:1px solid #DDD; }
#siteHeader nav.navi ul li{ float:left; height: 34px; width:25%; }
#siteHeader nav.navi ul li a{ display:block; height: 34px; line-height: 34px; color:#333; text-decoration:none; text-align:center; font-size: 12px; overflow:hidden; }
#siteHeader nav.navi ul li a:hover{ color:#FF8400; }
#siteHeader nav.navi ul li.about{ padding-right:0; }
#siteHeader nav.navi ul li.ir { border-left:1px solid #DDD; }
#siteHeader nav.navi ul li.ir a { letter-spacing: -0.5px;}
#siteHeader nav.navi ul li.csr{ border-right:1px solid #DDD; border-left:1px solid #DDD; }
#siteHeader nav.navi ul li.recruit{}
#siteHeader nav.navi ul li.english { width: 120px;}
#siteHeader nav.navi ul li.en { display:none; }

#container ul.breadcrumbs{ clear:left; overflow:hidden; border-top:1px solid #DDD; padding: 12px 12px 8px; }
#container ul.breadcrumbs li{ float:left; margin-right:10px; font-size:12px; }
#container ul.breadcrumbs li span{ margin-left:5px; color:#CCC; }
#container ul.breadcrumbs li a{ color:#FF8400; text-decoration:none; }
#container ul.breadcrumbs li a:hover{ text-decoration:underline; }

#siteFooter { background:#F4F4F4; }
#siteFooter a.pagetop{ background:#FFF url(../img/footer/pagetop.gif) no-repeat center center; text-indent:100%; overflow:hidden; display:block; border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; height: 46px; line-height: 46px; text-align:center; }
#siteFooter div.naviWrap{ overflow:hidden; padding:10px; }
#siteFooter nav.navi a{ color:#333; text-decoration:none; }
#siteFooter nav.navi a:hover{ text-decoration:underline; }

#siteFooter dl.menu { background:#FFF; width:100%; margin-bottom:10px; font-size:16px; }
#siteFooter dl.menu dt { font-size: 14px; line-height: 44px; border:1px solid #DDD; height: 44px; background: url(../img/footer/menuSpIcon.gif) no-repeat 97% 14px; text-indent:15px; color:#666; cursor:pointer; }
#siteFooter dl.menu dt a{ color:#666; }
#siteFooter dl.menu dt.open { background: url(../img/footer/menuSpIcon.gif) no-repeat 97% -46px; }
#siteFooter dl.menu dd { display:none; border:1px solid #DDD; background:#FFF; margin-top:-2px; padding: 10px 3px 10px 20px; }
#siteFooter dl.menu dd a{ display:block; font-size: 14px; line-height: 32px; color:#666; }
#siteFooter ul.spHide,
#siteFooter dl.spHide{ display:none; }
#siteFooter ul.menuSp{ text-align:center; margin-bottom:20px; padding: 0 15%;}
#siteFooter ul.menuSp li{ display:inline-block; }
#siteFooter ul.menuSp li span,
#siteFooter ul.menuSp li a{ color:#666; text-decoration:none; font-size:12px; }
#siteFooter ul.menuSp li a:hover{ text-decoration:underline; }
#siteFooter div.copyright{ background:#FF8400; color:#FFF; text-align:center; font-size:9px; padding: 15px 0;}

#siteFooter .changeView {text-align:center; margin-bottom: 10px;}
#siteFooter .changeView a { font-size: 14px; line-height: 44px; border:1px solid #DDD; padding: 11px 15px; color: #333; padding-left: 25px; background: #FFF url(../img/header/arrowSp.gif) no-repeat 12px center; text-decoration: none; display:inherit;}

#main { margin-bottom:20px; }

/*
	#sidebar
*/
#sidebar { padding:10px; }
#sidebar dl.menu{ margin-bottom:20px; }
#sidebar dl.menu dt{ background: #FF8400 url(../img/about/sidebar/menuSpIcon.gif) no-repeat 97% 14px; cursor:pointer; }
#sidebar dl.menu dt span,
#sidebar dl.menu dt a{ height: 44px; line-height: 44px; display:block; color:#FFF; font-size: 15px; padding-left: 20px; text-decoration:none; }
#sidebar dl.menu dt.open{ background: #FF8400 url(../img/about/sidebar/menuSpIcon.gif) no-repeat 97% -46px; }
#sidebar dl.menu dd{ display:none; border:2px solid #DDD; border-top:none; margin-bottom:1px; background:#FFF; font-size: 15px; padding: 15px 3px 10px 10px; }
#sidebar dl.menu dd a{ height:35px; display:block; color:#333; text-decoration:none; }
#sidebar dl.menu dd ul{ margin-left:-27px; }
#sidebar dl.menu dd ul li{ padding-left:40px; }
#sidebar dl.menu dd ul li a{ height: 32px; display:block; color:#333; text-decoration:none; }

/*
	#pageHome
*/
#pageHome {}
#pageHome div.welcome { margin-bottom:1%; }

#pageHome div.welcome ul.slide { }
#pageHome div.welcome ul.slide li{}
#pageHome div.welcome ul.slide li img.spHide{ display:none; }

/* main slider */
#pageHome .bx-wrapper {
  position: relative;
  margin: 0 auto 3% auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
#pageHome .bx-wrapper img {
  max-width: 100%;
  display: block;
}
#pageHome .bxslider {
  margin: 0;
  padding: 0;
}
#pageHome .bxslider {
  list-style: none;
}
#pageHome .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
#pageHome .bx-wrapper {
  background: #fff;
}
#pageHome .bx-wrapper .bx-pager,
#pageHome .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
#pageHome .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../js/bxslider/images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
#pageHome .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
#pageHome .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#pageHome .bx-wrapper .bx-pager.bx-default-pager a:hover,
#pageHome .bx-wrapper .bx-pager.bx-default-pager a.active,
#pageHome .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
#pageHome .bx-wrapper .bx-pager-item,
#pageHome .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
#pageHome .bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
#pageHome .bx-wrapper .bx-prev {
  left: 0px;
  background: url('../img/home/slideBtnLeftSp.png') no-repeat 0px 0px;
}
#pageHome .bx-wrapper .bx-prev:hover,
#pageHome .bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
#pageHome .bx-wrapper .bx-next {
  right: 0px;
  background: url('../img/home/slideBtnRightSp.png') no-repeat 0px 0px;
}
#pageHome .bx-wrapper .bx-next:hover,
#pageHome .bx-wrapper .bx-next:focus {
}
#pageHome .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -29px;
  outline: 0;
  width: 33px;
  height: 57px;
  text-indent: -9999px;
  z-index: 9999;
}
#pageHome .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
#pageHome .bx-wrapper .bx-controls-auto {
  text-align: center;
}
#pageHome .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('../js/bxslider/images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
#pageHome .bx-wrapper .bx-controls-auto .bx-start:hover,
#pageHome .bx-wrapper .bx-controls-auto .bx-start.active,
#pageHome .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
#pageHome .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('../js/bxslider/images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
#pageHome .bx-wrapper .bx-controls-auto .bx-stop:hover,
#pageHome .bx-wrapper .bx-controls-auto .bx-stop.active,
#pageHome .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
#pageHome .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
#pageHome .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
#pageHome .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
#pageHome .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}



#pageHome div.welcome dl.navi{ overflow:hidden; display:table; overflow:hidden; padding-right:10px; margin:5% 0;}
#pageHome div.welcome dl.navi dt{
	display:table-cell;
	width:36%;
	vertical-align:middle;
	background:url(../img/home/slideBannerHokkaHokkaTeiSearchSp.gif?) no-repeat center center;
	background-size:89% auto;
	-webkit-background-size:89% auto;
	-moz-background-size:89% auto;
	-o-background-size:89% auto;
	-ms-background-size:89% auto;
}
#pageHome div.welcome dl.navi dt a{
	overflow:hidden;
	display:block;
	padding-top:65%;
	width:90%;
	height:30px;
	margin:0px auto;
}
#pageHome div.welcome dl.navi dt a:hover{
}
#pageHome div.welcome dl.navi dd{
	display:table-cell;
	width:64%;
	vertical-align:middle;
}
#pageHome div.welcome dl.navi ul{
	display:table;
	width:100%;
	table-layout:fixed;
}
#pageHome div.welcome dl.navi ul.n1{
	border-bottom:1px solid #DDD;
	padding-bottom:2%;
	margin-bottom:2%;
}
#pageHome div.welcome dl.navi ul.n2{
}
#pageHome div.welcome dl.navi li{
	width:50%;
	display:table-cell;
	vertical-align:middle;
}
#pageHome div.welcome dl.navi li a{
	overflow:hidden;
	text-indent:100%;
	display:block;
	padding-top:35%;
	width:90%;
	height:30px;
	margin:0px auto;
	border-bottom:2px solid #FFF;
}
#pageHome div.welcome dl.navi li a:hover{
	border-bottom:2px solid #FFF;
}
#pageHome div.welcome dl.navi li.b2{
	background:url(../img/home/slideBannerHokkaHokkaTeiSp.gif?) no-repeat center center;
	background-size:92% auto;
	-webkit-background-size:92% auto;
	-moz-background-size:92% auto;
	-o-background-size:92% auto;
	-ms-background-size:92% auto;
}
#pageHome div.welcome dl.navi li.b3{
	background:url(../img/home/slideBannerAsahiSp.gif?) no-repeat center center;
	background-size:92% auto;
	-webkit-background-size:92% auto;
	-moz-background-size:92% auto;
	-o-background-size:92% auto;
	-ms-background-size:92% auto;
	border-left:1px solid #DDD;
}
#pageHome div.welcome dl.navi li.b4{
	background:url(../img/home/slideBannerHokuoSp.gif?) no-repeat center center;
	background-size:92% auto;
	-webkit-background-size:92% auto;
	-moz-background-size:92% auto;
	-o-background-size:92% auto;
	-ms-background-size:92% auto;
}
#pageHome div.welcome dl.navi li.b5{
	background:url(../img/home/slideBannerTenpoSp.gif?) no-repeat center center;
	background-size:92% auto;
	-webkit-background-size:92% auto;
	-moz-background-size:92% auto;
	-o-background-size:92% auto;
	-ms-background-size:92% auto;
	border-left:1px solid #DDD;
}


ul.bnr {
    display: block;
    padding: 0;
    margin: 10px;
    /* width: 90%; */
    color: black;
}

.bnr .b6 a {
    background: url(../img/home/bnr_franchise_sp.png) no-repeat;
    width: 100%;
    height:40px;
    line-height:80px;
    text-indent: 200%;
    overflow:hidden;
    display:block;
    text-align:center;
    margin:0 auto;
    background-size: contain;
}
.bnr .b7 a {
    background: url(../img/home/bnr_2018recruit_sp.png) no-repeat;
    width: 100%;
    height:92px;
    line-height:80px;
    text-indent: -9999px;
    overflow:hidden;
    display:block;
    text-align:center;
    margin:0 auto;
    background-size: contain;
}


#pageHome div.news{ margin-bottom:30px; }
#pageHome div.news ul.tabs{ overflow:hidden; padding:0px 2%; height:54px; }
#pageHome div.news ul.tabs li {
	height:57px;
	background:url(../img/home/newsTabsSpBg.gif) repeat-x 0px 0px;
}
#pageHome div.news ul.tabs li.tab1 { float:left; width:49%; }
#pageHome div.news ul.tabs li.tab2 { float:right; width:49%; }
#pageHome div.news ul.tabs li.select{
	background:url(../img/home/newsTabsSpBg.gif) repeat-x 0px -57px;
}
#pageHome div.news ul.tabs li.tab1 a{
	background:url(../img/home/newsTabsSpPR.png) no-repeat center center;
	background-size:90% auto;
	-webkit-background-size:90% auto;
	-moz-background-size:90% auto;
	-o-background-size:90% auto;
	-ms-background-size:90% auto;
	border:1px solid #DADADA;
	border-radius:3px 3px 0px 0px;
}
#pageHome div.news ul.tabs li.tab2 a{
	background:url(../img/home/newsTabsSpIR.png) no-repeat center center;
	background-size:90% auto;
	-webkit-background-size:90% auto;
	-moz-background-size:90% auto;
	-o-background-size:90% auto;
	-ms-background-size:90% auto;
	border:1px solid #DADADA;
	border-radius:3px 3px 0px 0px;
}
#pageHome div.news ul.tabs li.select a{
	border-bottom:1px solid #FFF2DC;
}

#pageHome div.news ul.tabs li a{ display:block; height:57px; line-height:57px; text-indent:100%; overflow:hidden; cursor:pointer; }

#pageHome div.news div.newsInner{ background:#FFF2DC; padding-top:30px; padding-bottom:30px; border-top:1px solid #EDD9C3; border-bottom:1px solid #EDD9C3; margin-top:-1px; }

#pageHome div.news div.newsInner ul.cnt1{ overflow:hidden; display:none; padding:0px 10px; }
#pageHome div.news div.newsInner ul.cnt1 li{ border-bottom:1px solid #F2E5D2; padding-bottom:10px; margin-bottom:10px; }
#pageHome div.news div.newsInner ul.cnt1 dt{ display:table-cell; vertical-align:middle; }
#pageHome div.news div.newsInner ul.cnt1 dt span{ border:2px solid #FF8400; background:#FFF; text-align:center; font-size:15px; display:block; height:36px; line-height:36px; width:85px; }
#pageHome div.news div.newsInner ul.cnt1 dd{ display:table-cell; vertical-align:middle; }
#pageHome div.news div.newsInner ul.cnt1 dd.image{ min-width:100px; }
#pageHome div.news div.newsInner ul.cnt1 dd.text{ line-height:18px; display: block; margin-top: 14px;}
#pageHome div.news div.newsInner ul.cnt2{ overflow:hidden; display:none; padding:0px 10px; }
#pageHome div.news div.newsInner ul.cnt2 li{ border-bottom:1px solid #F2E5D2; padding-bottom:10px; margin-bottom:10px; }
#pageHome div.news div.newsInner ul.cnt2 dt{ height:38px; display:table-cell; vertical-align:middle; }
#pageHome div.news div.newsInner ul.cnt2 dt span{ border:2px solid #FF8400; background:#FFF; text-align:center; font-size:15px; display:block; height:36px; line-height:36px; width:85px; }
#pageHome div.news div.newsInner ul.cnt2 dd{ display:table-cell; vertical-align:middle; }
#pageHome div.news div.newsInner ul.cnt2 dd.text{ line-height:18px; padding-left:10px; }
#pageHome div.news div.newsInner ul.select{ display:table; width:100%; }
#pageHome div.news div.newsInner dd a {text-decoration:none; color:inherit;}
#pageHome div.news div.newsInner dd a:hover {text-decoration:underline;}

#pageHome div.news div.newsFooter{ background:url(../img/home/newsTabFooterBg.gif) repeat-x; height:50px; border-bottom:1px solid #D9D9D9; }
#pageHome div.news div.newsFooter ul{ overflow:hidden; }
#pageHome div.news div.newsFooter ul li{ display:none; padding-top:14px; }
#pageHome div.news div.newsFooter ul li.f1 a{ background: url(../img/home/newsFooterLinkPR.png) no-repeat center center; background-size: contain; max-width: 282px; width: 70%; height:20px; line-height:20px; text-indent:100%; margin:0px auto; display:block; }
#pageHome div.news div.newsFooter ul li.f2 a{ background:url(../img/home/newsFooterLinkIR.png) no-repeat; width:293px; height:19px; line-height:19px; text-indent:100%; margin:0px auto; display:block; }
#pageHome div.news div.newsFooter ul li.select{ display:block; }

div.banner { margin:0px auto 10px auto; overflow:hidden; }
div.banner ul.b2{ overflow:hidden; padding:0px 10px; }
div.banner ul.b2 li{ text-align:center; }
div.banner ul.b2 li a{ display:block; margin:0px auto 10px auto; border: 1px solid #ccc;  }
div.banner ul.b4{ overflow:hidden; padding:0px 10px; max-width:510px; margin:0px auto; }
div.banner ul.b4 li { width:50%; margin-bottom:10px; }
div.banner ul.b4 li a img{ width:97%; }
div.banner ul.b4 li.left{ float:left; text-align:left; }
div.banner ul.b4 li.right{ float:right; text-align:right; }

/* TABLE */
.table { padding:0 3%; margin-bottom: 7%;}
.table table { width:100%;}
.table table th { background:#676767; color:#FFF; }
.table table td { background:#f0f0f0; }
.table th ,
.table td {
  display:block;
  padding:5px 10px;
  border-bottom:1px solid #fff;
}
.table td {
  font-size: 12px;
  padding: 3%;
}

/* Category Index */

.catHeadline {
	background-color:#ff9300;
	overflow:hidden;
}
.catHeadline .catName {
	float: none;
	padding: 4% 3%;
}

.catHeadline .catName img {
	display: inline;
	vertical-align: bottom;
}
.catHeadline .catName img.japanese {
	margin-bottom: 0;
	margin-right: 4px;
}
.catHeadline .catImage {
	float:right;
  width: 100%;
}

.catContents {
	background-color:#f0f0f0;
	margin-top:6%;
}
.catContents .catspBG {
	background-color:#f0f0f0;
	background-repeat:no-repeat;
	background-size:contain;
	overflow:hidden;
}
.catContents ul {
	overflow:hidden;
	border-top: 2px solid #FFF;
}
.catContents ul li {
	width: 90%;
	margin: 4% auto;
}
.catContents ul li a {
    width: 100%;
    padding: 12px 0 12px 35px;
    color: #333;
    text-decoration: none;
    display: block;
    border: 1px solid #CCC;
    background: #FFF url(../img/common/iconArrow02.gif) no-repeat 18px center;
}

/* SECTION */

.menu02 ul li a {
  height: 70px;
  overflow:hidden;
  margin-bottom:6px;
  padding: 0 0 0 35px;
  line-height: 70px;
}
.menu02 ul li a img {
  float:right;
  border:1px solid #FFF;
  width: 108px;
}

.plr15_sp {
  padding: 0 15px;
}


/* pagenavi */

#news_release .wp-pagenavi {
  border:0;
  margin-top:8%;
  width:100%;
  text-align: center;
  padding:0;
  letter-spacing: -.4em;
}
.wp-pagenavi > a,
.wp-pagenavi > span {
  border-top:#e7e7e7 solid 1px;
  border-bottom:#e7e7e7 solid 1px;
  border-right: #e7e7e7 solid 1px;
  display:inline-block;
  letter-spacing: normal;
  padding:5%;
}
.wp-pagenavi .current {
  background: #ff9300;
  color: #FFF;
}
.wp-pagenavi *:first-child {
  border-left:#e7e7e7 solid 1px;
}
.wp-pagenavi a:active {
  background-color:#FFF2DC; 
  text-decoration: none !important;
}