@charset "Shift_JIS";


/*- main.htmのみ非表示- - - - - - - - - - - - - - - - - - - - - - - - - -*/
#newopen{
	display: none;
}

/*- 北海道地震 節電について- - - - - - - - - - - - - - - - - - - - - - - - - -*/
.information{
width:956px; 
margin:0px auto 10px; 
padding:10px; 
color:#444;
border:solid 2px #006192;
background-color:#fff;
}
.information div{
margin-bottom:5px;
font-size:16px;
line-height:22px;
}
.information p{
font-size:14px;
line-height:20px;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>メインイメージ - Hero
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#hero_container {
	width: 100%;
	padding: 20px 0;
	box-shadow: 0 10px 10px -10px #999;
	background-image: url("/sapporo/images2015/mainscreen/mainscreen_bg.png");
	background-size: 4px 4px;
}
.flexslider{
	position:relative;
	width:980px;
	height:420px;
	margin:0 auto;
}
.slides{
	overflow:hidden;
	width:980px;
	height:400px;
}
.slides li{
	width:980px;
	height:400px;
}
.slides li.doubleslide a{
	display:block;
	position:relative;
	float: left;
	width:490px;
}
.slides a{
	display:inline-block;
	position:relative;
	width:980px;
	height:400px;
	z-index:10;
}
.slides a img{
	position:absolute;
	top:0;
	left:0;
}

/*画像下ナビゲーション*/
.flex-control-nav{
	overflow:hideen;
	width:980px;
	height:10px;
	margin-top:5px;
	text-align:center;
}
.flex-control-paging li{
	display:inline-block;
}
.flex-control-paging li a{
	display:block;
	width:10px;
	height:10px;
	margin:0 5px;
	text-indent:-99999px;
	border-radius:50%;
	background-color:#dbdbdb;
	transition-property: background;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	transition-delay: 0s;
}
.flex-control-paging li a:hover{
	background-color:#96eee4;
}
.flex-control-paging li a.flex-active{
	background-color:#6fcec3;
}
/*左右ナビゲーション*/
.flex-direction-nav{
	z-index:30;
}
.flex-direction-nav a{
	display:block;
	width:40px;
	height:400px;
	transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	transition-delay: 0s;
	opacity:0;
}
div.flexslider:hover .flex-direction-nav a{
	opacity:0.8;
}
.flex-direction-nav .flex-next{
	position:absolute;
	top:0;
	right:0;
}
.flex-direction-nav .flex-next:before{
	position:absolute;
	content:"";
	width:20px;
	height:20px;
	top:50%;
	right:15px;
	border-top: 5px solid #fff;
	border-right: 5px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

}
.flex-direction-nav .flex-prev{
	position:absolute;
	top:0;
	left:0
}
.flex-direction-nav .flex-prev:before{
	position:absolute;
	content:"";
	width:20px;
	height:20px;
	top:50%;
	left:15px;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>店舗一覧 - Shoplist
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#shoplist_container {
	width: 100%;
	padding: 20px 0;
	box-shadow: 0 -10px 10px -10px #333 inset;
}
#shoplist_container h2 {
	width: 980px;
	margin: 0 auto 10px auto;
	line-height: 44px;
	color: #71bcb5;
	font-size: 30px;
	text-align: center;
	letter-spacing: 0.2em;
	background-image: url(/sapporo/images2015/shopthum_h2_bg.png);
	background-position: center center;;
	text-shadow:2px -2px 0px #fff,
		2px -2px 0px #fff,
		2px 2px 0px #fff,
		-2px 2px 0px #fff;
}
#shoplist_container h2 span {
	font-size: 24px;
}
#shoplist_container ul {
	width: 980px;
	margin: 0 auto;
}
#shoplist_container ul li {
	float: left;
	position:relative;
	width: 155px;
	height: 172px;
	margin: 0 10px 10px 0;
}
#shoplist_container ul li:nth-child(6n+6) {
	margin: 0 0 10px 0;
}
#shoplist_container ul li > a {
	display: block;
	width: 155px;
	height: 172px;
}
#shoplist_container ul li > a > img {
	position:absolute;
	top:0;
	left:0;
	width: 155px;
	height:134px;
}
#shoplist_container ul li > a > img.shoplogo {
	position: absolute;
	padding: 3px;
	border-radius: 3px;
	top: 91px;
	left: 112px;
	width: 35px;
	height: 35px;
	background-color: rgba(245,245,245,0.5);
}
#shoplist_container ul li a > span {
	display: block;
	position:absolute;
	top:134px;
	left:0;
	line-height:18px;
	width: 155px;
	height: 36px;
	padding: 2px 0 0 0;
	color: #333;
	font-size: 14px;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
}
#shoplist_container ul li a > span > em {
	letter-spacing: 0;
	font-size: 12px;
	color: #333;
	vertical-align: bottom;
}
#shoplist_container ul li a > div{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	line-height:1.4;
	width: 155px;
	height: 172px;
	color:#fff;
	text-align:center;
	font-size:12px;
/*	background:rgba(135, 135, 135, 0.9);*/
	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>店舗一覧(4行4列ver) - Shoplist
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#shoplist_container16 {
	width: 100%;
	padding: 20px 0;
	box-shadow: 0 -10px 10px -10px #333 inset;
}
#shoplist_container16 h2 {
	width: 980px;
	margin: 0 auto 10px auto;
	line-height: 44px;
	color: #234794;
	font-size: 30px;
	text-align: center;
	letter-spacing: 0.2em;
	background-image: url(/sapporo/images2015/shopthum_h2_bg.png);
	background-position: center center;
}
#shoplist_container16 h2 span {
	font-size: 24px;
}
#shoplist_container16 ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 980px;
	margin: 0 auto;
	column-gap:12px;
	row-gap:12px;
	grid-column-gap: 12px;
	grid-row-gap: 12px;
}
/*
#shoplist_container16 ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 980px;
	margin: 0 auto;
}
*/
#shoplist_container16 ul li {
	position:relative;
	height: 170px;
}
#shoplist_container16 ul li > a {
	display: block;
}
#shoplist_container16 ul li > a > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 236px;
	height: 135px;
}

#shoplist_container16 ul li > a > img.shoplogo {
	position: absolute;
	padding: 3px;
	border-radius: 3px;
	top: 90px;
	left: 190px;
	width: 35px;
	height: 35px;
	background-color: rgba(245,245,245,0.5);
}


#shoplist_container16 ul li a > span,
#shoplist_container16 ul li.group > span {
	display: block;
	position:absolute;
	top:135px;
	left:0;
	line-height:16px;
	width: 100%;
	height: 33px;
	padding: 2px 0 0 0;
	color: #333;
	font-size: 14px;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
}
#shoplist_container16 ul li a > span > em,
#shoplist_container16 ul li.group > span > em {
	letter-spacing: 0;
	font-size: 12px;
	color: #333;
	vertical-align: bottom;
}


#shoplist_container16 ul li a > div{
 	opacity:0;
	position:absolute;
	top:0;
	left:0;
	line-height:1.4;
	width: 100%;
	height: 100%;
	color:#fff;
	text-align:center;
	font-size:12px;
	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
#shoplist_container16 ul li a:hover > div{
	opacity:1;
}
#shoplist_container16 ul li a > div span{
	display:block;
	padding:20px 0 0;
	margin-bottom: 10px;
	font-size:14px;
	font-weight: bold;
}


#shoplist_container16 ul li.group > span,
#shoplist_container16 ul li.group > span > em{
	color:#71bcb5;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>店舗一覧(3行5列ver) - Shoplist
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#shoplist_container15 {
	width: 100%;
	padding: 20px 0;
	box-shadow: 0 -10px 10px -10px #333 inset;
}
#shoplist_container15 h2 {
	width: 980px;
	margin: 0 auto 10px auto;
	line-height: 44px;
	color: #234794;
	font-size: 30px;
	text-align: center;
	letter-spacing: 0.2em;
	background-image: url(/sapporo/images2015/shopthum_h2_bg.png);
	background-position: center center;
}
#shoplist_container15 h2 span {
	font-size: 24px;
}
#shoplist_container15 ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 980px;
	margin: 0 auto;
}
#shoplist_container15 ul li {
	position:relative;
	width: 192px;
	height: 145px;
	margin: 0 5px 5px 0;
}
#shoplist_container15 ul li:nth-child(5n) {
	margin: 0 0 5px 0;
}
#shoplist_container15 ul li > a,
#shoplist_container15 ul li > span {
	display: block;
	width: 192px;
	height: 145px;
}
#shoplist_container15 ul li > a > img,
#shoplist_container15 ul li> span > img {
	position:absolute;
	top:0;
	left:0;
	width: 192px;
	height:110px;
}
#shoplist_container15 ul li > a > img.shoplogo,
#shoplist_container15 ul li > span > img.shoplogo {
	position: absolute;
	padding: 3px;
	border-radius: 3px;
	top: 66px;
	left: 148px;
	width: 35px;
	height: 35px;
	background-color: rgba(245,245,245,0.5);
}
#shoplist_container15 ul li a > span,
#shoplist_container15 ul li > span > span,
#shoplist_container15 ul li.group > span {
	display: block;
	position:absolute;
	top:110px;
	left:0;
	line-height:16px;
	width: 192px;
	height: 33px;
	padding: 2px 0 0 0;
	color: #333;
	font-size: 14px;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
}
#shoplist_container15 ul li a > span > em,
#shoplist_container15 ul li > span > span > em,
#shoplist_container15 ul li.group > span > em {
	letter-spacing: 0;
	font-size: 12px;
	color: #333;
	vertical-align: bottom;
}
#shoplist_container15 ul li a > div,
#shoplist_container15 ul li span > div{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	line-height:1.4;
	width: 192px;
	height: 145px;
	color:#fff;
	text-align:center;
	font-size:12px;
/*	background:rgba(135, 135, 135, 0.9);*/
	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
#shoplist_container15 ul li a:hover > div,
#shoplist_container15 ul li > span:hover > div{
	opacity:1;
}
#shoplist_container15 ul li a > div span,
#shoplist_container15 ul li > span > div span{
	display:block;
	padding:15px 0 0;
	margin-bottom: 10px;
	font-size:14px;
	font-weight: bold;
}
#shoplist_container15 ul li.pucho a > div span{
	letter-spacing: -0.1em;
}

#shoplist_container15 ul li.group > span,
#shoplist_container15 ul li.group > span > em{
	color:#71bcb5;
}


#shoplist_container15 ul li.sentai a > span{
	font-size: 12px;
}
#shoplist_container15 ul li.sentai a > div span{
	font-size: 12px;
}
#shoplist_container15 .closed-shop{
	background-color: #e6e6e6;
	color: #898989;
}
#shoplist_container15 .closed-shop em{
	color: #be2525;
}

/*NEWマーク*/
/*#shoplist_container15 ul li.tamahiyo > a > span::after,
#shoplist_container15 ul li.nurse > a > span::after{
	content: "";
	display: block;
	width: 192px;
	height: 110px;
	position: absolute;
	top: -110px;
	left: 0;
	background-image: url(/sapporo/images2015/shopthum/192_new.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}*/
/*14店舗の場合---------------------------
#shoplist_container ul li {
	float: left;
	position:relative;
	width: 134px;
	height: 172px;
	margin: 0 7px 7px 0;
}
#shoplist_container ul li:nth-child(7n+7) {
	margin: 0 0 7px 0;
}
#shoplist_container ul li > a {
	display: block;
	width: 134px;
	height: 172px;
}
#shoplist_container ul li > a > img {
	position:absolute;
	top:0;
	left:0;
	width: 134px;
	height:	134px;
}

#shoplist_container ul li a > span {
	display: block;
	position:absolute;
	top:134px;
	left:0;
	line-height:1.2;
	width: 134px;
	height: 36px;
	padding: 2px 0 0 0;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background-color: #A99D91;
}
#shoplist_container ul li a > span > em {
	letter-spacing: 0;
	font-size: 12px;
	color: #fff;
	vertical-align: bottom;
}
#shoplist_container ul li a > div{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	line-height:1.4;
	width: 134px;
	height: 172px;
	color:#fff;
	text-align:center;
	font-size:12px;
	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
*/
#shoplist_container ul li a:hover > div{
	opacity:1;
}
#shoplist_container ul li a > div span{
	display:block;
	font-size:14px;
	padding:18px 0 8px 0;
}
#shoplist_container ul li.pucho a span
{
	letter-spacing:-0.2em;
/*	font-size:12px;*/
}

/*/////////////////////////////////////////////:::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>店舗一覧13店舗(3行5列ver) - Shoplist
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#shoplist_container13 {
	width: 100%;
	padding: 20px 0;
	box-shadow: 0 -10px 10px -10px #333 inset;
}
#shoplist_container13 h2 {
	width: 980px;
	margin: 0 auto 10px auto;
	line-height: 44px;
	color: #234794;
	font-size: 30px;
	text-align: center;
	letter-spacing: 0.2em;
	background-image: url(/sapporo/images2015/shopthum_h2_bg.png);
	background-position: center center;
}
#shoplist_container13 h2 span {
	font-size: 24px;
}
#shoplist_container13 ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 980px;
	margin: 0 auto;
}
#shoplist_container13 ul li {
	position:relative;
	width: 192px;
	height: 145px;
	margin: 0 5px 5px 0;
}

#shoplist_container13 ul li:nth-child(5n) {
	margin: 0 0 5px 0;
}

#shoplist_container13 ul li > a {
	display: block;
	width: 192px;
	height: 145px;
}
#shoplist_container13 ul li > a > img {
	position:absolute;
	top:0;
	left:0;
	width: 192px;
	height:110px;
}
#shoplist_container13 ul li > a > img.shoplogo {
	position: absolute;
	padding: 3px;
	border-radius: 3px;
	top: 66px;
	left: 148px;
	width: 35px;
	height: 35px;
	background-color: rgba(245,245,245,0.5);
}
#shoplist_container13 ul li a > span,
#shoplist_container13 ul li.group > span {
	display: block;
	position:absolute;
	top:110px;
	left:0;
	line-height:16px;
	width: 192px;
	height: 33px;
	padding: 2px 0 0 0;
	color: #333;
	font-size: 14px;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
}
#shoplist_container13 ul li a > span > em,
#shoplist_container13 ul li.group > span > em {
	letter-spacing: 0;
	font-size: 12px;
	color: #333;
	vertical-align: bottom;
}
#shoplist_container13 ul li a > div{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	line-height:1.4;
	width: 192px;
	height: 145px;
	color:#fff;
	text-align:center;
	font-size:12px;
/*	background:rgba(135, 135, 135, 0.9);*/
	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
#shoplist_container13 ul li a:hover > div{
	opacity:1;
}
#shoplist_container13 ul li a > div span{
	display:block;
	padding:15px 0 0;
	margin-bottom: 10px;
	font-size:14px;
	font-weight: bold;
}
#shoplist_container13 ul li.pucho a > div span,
#shoplist_container13 ul li.okusama a > div span{
	letter-spacing: -0.1em;
}
#shoplist_container13 ul li.group > span,
#shoplist_container13 ul li.group > span > em{
	color:#71bcb5;
}
#shoplist_container13 ul li.clark{order: 1;}
#shoplist_container13 ul li.matty{order: 2;}
#shoplist_container13 ul li.maid2{order: 3;}
#shoplist_container13 ul li.nurse{order: 4;}
#shoplist_container13 ul li.bully{order: 5;}
#shoplist_container13 ul li.kamen{order: 6;}
#shoplist_container13 ul li.suteki{order: 7;}
#shoplist_container13 ul li.okusama{order: 8;}
#shoplist_container13 ul li.para{order: 9;}
#shoplist_container13 ul li.pucho{order: 10;}
#shoplist_container13 ul li.saman{order: 11;margin-left: 197px;}
#shoplist_container13 ul li.harejo{order: 12;}
#shoplist_container13 ul li.marimo{order: 13;}
/*/////////////////////////////////////////////:::::::::::::::::::::::*/

/*/////////////////////////////////////////////:::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>店舗一覧12店舗(3行4列ver) - Shoplist
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#shoplist_container12 {
	width: 100%;
	padding: 20px 0;
	box-shadow: 0 -10px 10px -10px #333 inset;
}
#shoplist_container12 h2 {
	width: 783px;
	margin: 0 auto 10px auto;
	line-height: 44px;
	color: #234794;
	font-size: 30px;
	text-align: center;
	letter-spacing: 0.2em;
	background-image: url(/sapporo/images2015/shopthum_h2_bg.png);
	background-position: center center;
}
#shoplist_container12 h2 span {
	font-size: 24px;
}
#shoplist_container12 ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 783px;
	margin: 0 auto;
}
#shoplist_container12 ul li {
	position:relative;
	width: 192px;
	height: 145px;
	margin: 0 5px 5px 0;
}

#shoplist_container12 ul li:nth-child(4n) {
	margin: 0 0 5px 0;
}

#shoplist_container12 ul li > a {
	display: block;
	width: 192px;
	height: 145px;
}
#shoplist_container12 ul li > a > img {
	position:absolute;
	top:0;
	left:0;
	width: 192px;
	height:110px;
}
#shoplist_container12 ul li > a > img.shoplogo {
	position: absolute;
	padding: 3px;
	border-radius: 3px;
	top: 66px;
	left: 148px;
	width: 35px;
	height: 35px;
	background-color: rgba(245,245,245,0.5);
}
#shoplist_container12 ul li a > span,
#shoplist_container12 ul li.group > span {
	display: block;
	position:absolute;
	top:110px;
	left:0;
	line-height:16px;
	width: 192px;
	height: 33px;
	padding: 2px 0 0 0;
	color: #333;
	font-size: 14px;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
}
#shoplist_container12 ul li a > span > em,
#shoplist_container12 ul li.group > span > em {
	letter-spacing: 0;
	font-size: 12px;
	color: #333;
	vertical-align: bottom;
}
#shoplist_container12 ul li a > div{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	line-height:1.4;
	width: 192px;
	height: 145px;
	color:#fff;
	text-align:center;
	font-size:12px;
/*	background:rgba(135, 135, 135, 0.9);*/
	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
#shoplist_container12 ul li a:hover > div{
	opacity:1;
}
#shoplist_container12 ul li a > div span{
	display:block;
	padding:15px 0 0;
	margin-bottom: 10px;
	font-size:14px;
	font-weight: bold;
}
#shoplist_container12 ul li.pucho a > div span{
	letter-spacing: -0.1em;
}
/*#shoplist_container12 ul li.group{
	order: 8;
}*/
#shoplist_container12 ul li.group > span,
#shoplist_container12 ul li.group > span > em{
	color:#71bcb5;
}
/*/////////////////////////////////////////////:::::::::::::::::::::::*/


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>インフォバナー - infobanner
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#infobanner_block {
	margin-bottom:10px;;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>年末年始営業時間 - Newyearsyukkin
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#newyearsyukkin_block {
	padding:20px;
	background-color:#fff;
}
#newyearsyukkin_block h1 {
  padding:0 0 10px 0;
	font-weight: bold;
	font-size: 1.2em;
}
#newyearsyukkin_block img {
	float:right;
	margin:0;
	padding:0;
}
#newyearsyukkin_block table {
  border-top:1px solid #999;
  border-left:1px solid #999;
}
#newyearsyukkin_block table th{
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  color:#fff;
  width:165px;
  padding:10px 0;
}
#newyearsyukkin_block table td{
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  text-align:center;
  vertical-align:middle;
  padding:10px 0;
  height:40px;
}
#newyearsyukkin_block table td span{
	font-size:12px;
}
#newyearsyukkin_block table td.annotation{
	font-size:12px;
	line-height:1.4;
	background-color:#efefef;
}
#newyearsyukkin_block h2 {
  padding:20px 0 10px 0;
}
#newyearsyukkin_block li {
	float:left;
	margin:0;
	padding:0 0 5px 0;
  font-size:14px;
}
#newyearsyukkin_block li:nth-child(3n+2) {
/*	width:162px;*/
	width:236px;
}
#newyearsyukkin_block li:nth-child(3n+1) {
/*	width:142px;*/
	width:186px;
}*/
#newyearsyukkin_block li:nth-child(3n+3) {
/*	width:212px;*/
	width:226px;
}
/*#newyearsyukkin_block li:nth-child(4n+4) {
	width:132px;
}*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>期間限定出勤表 - Specialsyukkin
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#specialsyukkin_block {
	background-image:url("/sapporo/images2015/specialsyukkin/background.png");
	width:585px;
	height:71px;
	margin:0 0 10px 0;
	padding:29px 0 0 105px;
	background-size: 690px 100px;
}
#specialsyukkin_block li {
	float:left;
	margin:0;
	padding:0;
}
#specialsyukkin_block li img {
	float:left;
	margin:0;
	padding:0;
}

/*-- 背景画像なしテキストリンク1(GW) --*/
#specialsyukkin_block1{
	display:flex;
	margin-bottom:20px;
	padding:10px;
	border:3px solid #ff9f00;
	color:#fff;
	background-color: #2ea2ff;
}
#specialsyukkin_block1 .h1_wrap{
	flex-basis:120px;
	margin-right:10px;
	border:3px solid #FFF280;
	line-height:1.2;
}
#specialsyukkin_block1 h1{
	padding:10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}
#specialsyukkin_block1 h1 span{
	color:#fff;
	font-size:12px;
	font-weight:normal;
}
#specialsyukkin_block1 h1 em{
	color:#FFF280;
	font-size:44px;
}
#specialsyukkin_block1 .link_wrap{
	flex-grow:1;
}
#specialsyukkin_block1 .link_wrap p{
	color:#fff;
	font-size:14px;
	line-height:20px;
}
#specialsyukkin_block1 ul{
	display:grid;
	width:100%;
	grid-template-columns:1fr 1fr 1fr;
	font-size:12px;
	line-height:18px;
}
#specialsyukkin_block1 ul li a{
	position:relative;
	display:inline-block;
	padding-left:8px;
	vertical-align:middle;
	color:#fff;
}
#specialsyukkin_block1 ul li a::before{
	position:absolute;
	content:"";
	box-sizing:border-box;
	width:5px;
	height:5px;
	top:4px;
	left:0;
	vertical-align:middle;
	border:5px solid transparent;
	border-left:5px solid #FFF280;
}

/*-- 背景画像なしテキストリンク2(お盆) --*/
#specialsyukkin_block2{
	display:flex;
	margin-bottom:20px;
	padding:10px;
	border:3px solid #FF632A;
	color:#fff;
	background: url("/sapporo/images2015/specialsyukkin/background_obon.png") no-repeat right top/120px 96px #000;
	background:url("/sapporo/images2015/specialsyukkin/background_obon.png") no-repeat right top / 120px 96px , -moz-linear-	gradient(top,  #101963 0%, #000000 100%);
	background: url("/sapporo/images2015/specialsyukkin/background_obon.png") no-repeat right top / 120px 96px , -webkit-linear-gradient(top,  #101963 0%,#000000 100%);
	background: url("/sapporo/images2015/specialsyukkin/background_obon.png") no-repeat right top / 120px 96px , linear-gradient(to bottom,  #101963 0%,#000000 100%) ,;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101963', endColorstr='#000000',GradientType=0 );
}
#specialsyukkin_block2 .h1_wrap{
	flex-basis:120px;
	margin-right:10px;
	border:3px solid #FF8255;
	line-height:1.2;
}
#specialsyukkin_block2 h1{
	padding:10px;
	text-align:center;
	color:#FFF280;
	font-weight:bold;
	font-size:18px;
}
#specialsyukkin_block2 h1 span{
	color:#fff;
	font-size:14px;
	font-weight:normal;
}
#specialsyukkin_block2 h1 em{
	color:#FF8255;
	font-size:44px;
}
#specialsyukkin_block2 .link_wrap{
	flex-grow:1;
}
#specialsyukkin_block2 .link_wrap p{
	color:#FFF280;
	font-size:14px;
	line-height:20px;
}
#specialsyukkin_block2 ul{
	display:grid;
	width:100%;
	grid-template-columns:1fr 1fr 1fr;
	font-size:12px;
	line-height:18px;
}
#specialsyukkin_block2 ul li a{
	position:relative;
	display:inline-block;
	padding-left:8px;
	vertical-align:middle;
	color:#fff;
}
#specialsyukkin_block2 ul li a::before{
	position:absolute;
	content:"";
	box-sizing:border-box;
	width:5px;
	height:5px;
	top:4px;
	left:0;
	vertical-align:middle;
	border:5px solid transparent;
	border-left:5px solid #FF632A;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>新人情報 - Shinjin
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#sinjin_block {
	background-color: #fff;
	padding: 20px;
}
#sinjin_block ul li{
	float:left;
	width: 115px;
	height: 204px;
	margin:0 5px 5px 0;
}
#sinjin_block ul li:nth-child(4),
#sinjin_block ul li:nth-child(7){
	margin:0 0 5px 0;
}
#sinjin_block ul li a{
	position:relative;
	display:block;
	width: 115px;
	height: 204px;
}
#sinjin_block ul li img{
	position:absolute;
	top:0;
	left:0;
	width:115px;
	height:173px;
}
#sinjin_block ul li strong {
	position:absolute;
	right:2px;
	bottom:38px;
	width:44px;
	height:38px;
	line-height:1.5;
	padding:6px 0 0 0;
	color:#fff;
	border-radius:23px;
	text-align:center;
	font-size:10px;
/*	background:#333;*/
}
#sinjin_block ul li:nth-child(n+2) strong {
	background:#333;
}
#sinjin_block ul li strong em {
	color:#fff;
	font-size:12px;
}
#sinjin_block ul li p{
	position:absolute;
	top:169px;
	left:0;
	width:100%;
	height:33px;
	padding: 2px 0 0 0;
	line-height:1.3;
	font-size:12px;
	color:#000;
	text-align:center;
}
#sinjin_block ul li p span{
	font-size:10px;
	vertical-align: baseline;
}
#sinjin_block ul li.pucho p.theme_bg01 span{
  letter-spacing:-0.2em;
}
#sinjin_block ul li.okusama p.theme_bg01 span{
  letter-spacing:-0.2em;
}
#sinjin_block ul li.sentai p.theme_bg01 span{
  letter-spacing:-0.2em;
}

#sinjin_block ul li:nth-child(1){
	width:280px;
	height:415px;
	background:#f2f2f2;
}
#sinjin_block ul li:nth-child(1) a{
	width:280px;
	height:415px;
}
#sinjin_block ul li:nth-child(1) img{
	top:5px;
	left:5px;
	width:270px;
	height:auto;
}
#sinjin_block ul li:nth-child(1) img.sinjinimg_cover{
	width:270px;
	height:405px;
}
#sinjin_block ul li:nth-child(1) strong {
	right:3;
	bottom:52px;
	width:55px;
	height:45px;
	padding:10px 0 0 0;
	color:#000;
	border-radius:30px;
	text-align:center;
	font-size:10px;
/*	background:#d7d7d7;*/
}
#sinjin_block ul li:nth-child(1) strong em {
	color:#000;
	font-size:14px;
}
#sinjin_block ul li:nth-child(1) p{
	top:auto;
	bottom:0;
	padding:6px 0 8px 0;
	color:#fff;
/*	background-color: rgba(144, 144, 144, 0.8);*/
	font-size:14px;
	font-weight:bold;
}
#sinjin_block ul li:nth-child(1) p span{
	font-size:12px;
	vertical-align: baseline;
}
#sinjin_block ul li:nth-child(1) p span:nth-child(1){
	padding:0 5px 0 0;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>面接・入店先取り情報 - Newsflash
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#newsflash_block {
	background-color: #fff;
	padding: 20px;
}
#newsflash_block ul li {
	position: relative;
	float: left;
	width: 214px;
	height: 78px;
	margin: 0 4px 4px 0;
}
#newsflash_block ul li:nth-child(3n+3) {
	margin: 0 0 4px 0;
}
#newsflash_block ul li a {
	display:block;
	width: 214px;
	height: 78px;
	color: #000;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	transition: background .2s linear;
}
#newsflash_block ul li a:hover {}
#newsflash_block ul li h2 {
	position: absolute;
	width: 50px;
	height: 43px;
	padding:12px 0 0 0 ;
	margin: 4px 0 0 0;
	text-align: center;
	top: 6px;
	left: 6px;
	border:solid 2px #333;
	border-top:solid 4px #c1272d;
	color:#444;
	background:#fff;
	font-weight:bold;
	font-size:14px;
	box-shadow: 2px 2px 0 #aaa;
}
#newsflash_block ul li h2 em{
	display:block;
	margin:0 0 5px 0 ;
	color:#000;
	font-weight:bold;
	font-size:16px;
}
#newsflash_block ul li p {
	position: absolute;
	top: 6px;
	left: 66px;
	line-height: 1.3;
	width: 147px;
	height: 5.5em;
	font-size:12px;
	color: #444;
	overflow:hidden;
}
#newsflash_block ul li p span {
	line-height:1.5;
	color: #000;
	font-weight:bold;
	font-size:14px;
}
#newsflash_block ul li.pucho p span{
	letter-spacing:-0.1em;
	font-size:12px;
}
#newsflash_block ul li.sentai p span,
#newsflash_block ul li.okusama p span {
	line-height:1;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>出勤情報 - Syukkin
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#syukkin_block {
	background-color: #fff;
	padding: 20px;
}
#syukkin_block ul li {
	float: left;
	width: 158px;
	height: 257px;
	margin: 0 6px 6px 0;
	position: relative;
}
#syukkin_block ul li:nth-child(4n) {
	margin: 0 0 6px 0;
}
#syukkin_block ul li a {
	position:relative;
	display:block;
	width: 157px;
	height: 256px;
	color: #000;
}
#syukkin_block ul li img{
	position:absolute;
	top:0;
	left:0;
	width:157px;
	height:236px;
}
#syukkin_block ul li img.shoplogo{
	position: absolute;
	padding: 2px;
	border-radius: 3px;
	top: 172px;
	left: 120px;
	width: 30px;
	height: 30px;
	background-color: rgba(245,245,245,0.5);
}
#syukkin_block ul li p {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height:1.3;
/*	background-color: #eee;*/
	font-size: 14px;
	text-align: center;
	padding: 5px 0;
}
#syukkin_block ul li p span {
	font-size: 12px;
}
#syukkin_block ul li.pucho p span,
#syukkin_block ul li.okusama p span,
#syukkin_block ul li.sentai p span{
	letter-spacing:-0.1em;
	font-size: 10px;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>イベントカレンダー - Calendar
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#calendar_block {
	background-color: #fff;
	padding: 20px;
}
#calendar_block ul li {
	float: left;
	width: 150px;
	height: 205px;
	background-color: #ddd;
	margin: 0 3px 3px 0;
	padding: 5px;
}
#calendar_block ul li:nth-child(4n+4) {
	margin: 0 0 3px 0;
}
#calendar_block ul li a {
	position:relative;
	display:block;
	width: 150px;
	height: 205px;
	color: #000;
	overflow: hidden;
}
#calendar_block ul li img{
	position:absolute;
	top:0;
	left:0;
	width:150px;
/*	max-height:205px;*/
}
#calendar_block ul li a > div {
	opacity:0;
	position:absolute;
	width:130px;
	height:165px;
	line-height:1.4;
	padding:30px 10px 10px 10px;
	color:#fff;
	text-align:center;
	font-size:12px;
/*	background:rgba(135, 135, 135, 0.9);*/
	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
#calendar_block ul li a > div em{
	display:block;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#fff;
}
#calendar_block ul li a > div span{
	display:block;
	margin:10px 0 5px 0 ;
}
#calendar_block ul li a:hover > div{
	opacity:1;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>お楽しみコンテンツ - Fun
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*--//////////////(^-^)ハレスタ消すときここからコピペ！！！///////////////--*/
#fun_block {
	margin: 20px 0;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#fun_block > section {
	padding: 15px;
	width:660px;
}
#fun_block section h1 {
	position:relative;
	width:100%;
	margin:0 0 10px 0;
	color: #000;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.1em;
}
#fun_block section h1::before {
	font-weight:normal;
	font-size:22px;
}
#fun_block section h1 span {
	position:absolute;
	top:0;
	right:0;
	line-height:20px;
	font-size: 14px;
	letter-spacing:0;
}
#fun_block > section > ul li{
	width: 128px;
	float: left;
	margin: 0 5px 0 0;
}
#fun_block > section > ul li:nth-child(5){
	margin:0;
}
#fun_block > section > ul li a{
	display:block;
	width: 128px;
	color: #000;
}
#fun_block > section > ul li a > div{
	position:relative;
	width:118px;
	height:118px;
	margin:0 0 5px 0;
	border: 5px #ddd solid;
	background:#fff;
	overflow:hidden;
}
#fun_block > section > ul li a > div > img{
	position:absolute;
	top:0;
	left:0;
	width:118px;
}
#fun_block > section > ul li a >p{
	font-size:12px;
	line-height:1.4;
}
#fun_block > section > ul li a >p > span{
	display:block;
}
#fun_block > section > ul li a >p > em{
	display:block;
	color:#000;
}
#fun_block > section#medialink_group > ul li a > div > img{
	width:auto;
	height:118px;
}
#fun_block > section#medialink_group > ul li a > div > img:nth-child(1){
	position:absolute;
	top:0;
	left:-52px;
}
#fun_block > section > ul li.pucho a >p > em{
  letter-spacing:-0.2em;
}

/*+++Pshot Area+++*/
#fun_block #pshot_group {
	background-color:#ffa5d0;
}
/*+++Movie Area+++*/
#fun_block #medialink_group {
	margin-top: 20px;
	background-color:#ece48f;
}
/*--//////////////(^-^)ハレスタ消すときここまでコピペ！！！///////////////--*/



/*+++右カラムの店舗一覧トップだけ非表示+++*/
#sub_shoplist_block{
	display: none;
}