@charset "UTF-8";
@media screen and (max-width:640px) {
	/* 共通
	--------------------------------------------------------*/
	.pc{
		display: none !important;
	}
	.sp{
		display: block;
	}
img,
img.sp {
	max-width: 100%;
	text-decoration: none;
	vertical-align: bottom;
	box-shadow: none !important;
	border: 0;
	display:inline;
}

	/* ヘッダー
	--------------------------------------------------------*/
	#header_dms_ovr {
		display: none;
	}
	#header990 {
		padding: 0 0 5px 0;
		width: 100% !important;
		max-width: 100%;
		background: #fff;
	}
	#headerSP {
		border-bottom: none;
		padding: 0;
		position: relative;
		margin-bottom: 5px;
		display: block;
	}
	.catch, #campaign {
		display: none;
	}
	.cS {
		background-image: url(/assets/img/common/sitetitle.png);
		background-repeat: no-repeat;
	}
	.logoL {
		background-position: 0 0;
		display: block;
		width: 90px;
		height: 35px;
		text-indent: -9999px;
		background-size: 214px auto;
	}
	.headerIcons {
		overflow: hidden;
		float: right;
		margin-top: 1px;
		font-size: 0;
		text-align: right;
	}
	.headerIcons li {
		display: inline-block;
	}
	.headerIcons li > a {
		display: block;
		width: 40px;
		height: 34px;
	}
	.header_icon_help {
		overflow: hidden;
		background: url(/assets/img/pages/smart/2x/btn_helpinfo_l.png) no-repeat 0 0;
		background-size: 40px 34px;
		-webkit-background-size: 40px 34px;
		text-indent: 100%;
		white-space: nowrap;
	}
	#topicpath {
		float: none;
		line-height: 1;
	}
	#header990 #pankuzu {
		padding: 0 10px !important;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		font-size: 10px !important;
	}
/* コンテンツ全体
---------------------------------------------------------*/
#allContainer {
	width:100%;
	overflow:hidden;
}
section{
	display:block;
}
#mainContents{
	margin-top:0;
	position:relative;
}
.socialIcon{
	margin-left:0;
	top:38px;
	left:auto;
	right:2px;
}
/*トップイメージ*/
div.topImg{
	position: static;
	top:0;
	left:0;
	margin-left:0;
}
.topSlider{
}
.mainImg{
	background:none;
}
/*toTop*/
#toTop a{
	background:rgba(63,64,66,0.55);
	display:block;
	width:80px;
	height:50px;
	padding:15px 0;
	box-sizing:border-box;
	position:fixed;
	bottom:10px;
	right:10px;
	text-align:center;
	color:#fff;
	border-radius:4px;
	cursor:pointer;
}
/*nav*/
nav{
	margin-top:-55px;
}
nav .mapimg{
	background:#f9fcfd;
	padding:20px 0 35px 15px;
}
nav ul{
	display:flex;
	margin-bottom:45px;
}
/*firstCatch
--------------------*/
h2{
	display:block;
	margin-bottom:20px;
}
.firstCatch{
	width:95%;
	margin:0 auto;
	box-sizing:border-box;
}
.firstCatch .lead{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	letter-spacing:0.1em;
	padding-bottom:10px;
	font-size:13px;
}
.firstCatch .lead p{
	margin-bottom:20px;
}
/*sapporo===*/
#sapporo .firstCatch,
#hakodate .firstCatch,
#ishikari .firstCatch,
#abashiri .firstCatch,
#kushiro .firstCatch{
	background:none;
	padding:0;
	margin-top:60px;
}
#sapporo .firstCatch .lead{
	width:100%;
	color:#2c315e;
}

#hakodate .firstCatch .lead{
	width:100%;
	color:#7b7b7b;
	line-height:1.5;
}

#ishikari .firstCatch .lead{
	width:100%;
	color:#466867;
	line-height:1.5;
	letter-spacing:0.1em;
}

#abashiri .firstCatch .lead{
	width:100%;
	color:#437288;
	line-height:1.5;
	letter-spacing:0.1em;
}
#kushiro .firstCatch .lead{
	width:100%;
	color:#716c94;
	line-height:1.5;
	letter-spacing:0.1em;
	text-align:left;
}
/*plans
--------------------*/
.plans h3{
	width:100%;
	margin:0 auto;
	padding:25px 10px;
	text-align:center;
}
#sapporo .plans,
#hakodate .plans,
#ishikari .plans,
#abashiri .plans,
#kushiro .plans{
	margin-top:0;
}
.planContents{
	margin-top:0;
	padding:0;
}
#sapporo .plans{
	background:url(../images/pc_sapporo_plans_bg01.png) repeat-x center top;
}
#hakodate .plans{
	background:url(../images/pc_hakodate_plans_bg01.png) repeat-x center top;
	margin-top:0;
}
#ishikari .plans{
	background:url(../images/pc_ishikari_plans_bg01.png) repeat-x center top;
	margin-top:0;
}
#abashiri .plans{
	background:url(../images/pc_abashiri_plans_bg01.png) repeat-x center top;
}
#kushiro .plans{
	background:url(../images/pc_kushiro_plans_bg01.png) repeat-x center top;
}
.planContents ul{
	width:100%;
	margin:0 auto 25px;
}
#sapporo .planContents,
#hakodate .planContents,
#ishikari .planContents,
#abashiri .planContents,
#kushiro .planContents{
	padding-bottom:20px;
	margin-top:0;
}
.planContents li{
	float:left;
	width:354px;
	margin-left:1%;
	background:#595959;
	padding-top:30px;
	box-sizing:border-box;
	position:relative;
	box-shadow:3px 5px 22px 2px rgba(63,64,66,0.55);
}
.planContents li:first-child{
	margin-left:0.5%;
}
.planContents dt{
	font-size:15px;
	display:block;
	width:102%;
	height:auto;
	text-align:center;
	vertical-align:middle;
	position:relative;
	top:-30px;
	left:-1%;
	padding:8px 0;
	margin-bottom:140px;
}
.planTtl{
	background:#fff;
	padding:8px 15px;
	height:100px;
	box-sizing:border-box;
}
.facility{
	color:#737373;
	font-size:13px;
	margin-bottom:2px;
}
.planName{
	color:#000000;
	font-size:14px;
	font-weight:bold;
}
.review{
	color:#ffffff;
	padding:8px 15px;
}
.review h4{
	font-size:12px;
	margin-bottom:4px;
	letter-spacing:0.05em
}
.reviewContents,
.parson,
.link{
	font-size:11px;
	margin-bottom:3px;
}
.reviewContents{
	height:65px;
}
.parson,
.link{
	text-align:right;
}
.link{
	margin-top:5px;
}
.link a{
	color:#000000;
	text-decoration:underline;
}
.prise{
	color:#ffffff;
	font-size:30px;
	text-align:right;
	margin:0 15px 10px;
	border-top:dotted 1px #fff;
	border-bottom:dotted 1px #fff;
}
.prise .priceRange{
	font-size:14px;
	font-weight:normal;
}
.prise .unit{
	font-size:20px;
}
.plans .btn{
	width:90%;
	margin:0 auto 15px;
}
.plans .btn a{
	display:block;
	width:100%;
	height:auto;
	padding:8px 0;
	border:solid 1px #fff;
	background:#000;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	box-shadow:1px 2px 7px rgba(158,158,148,0.68);
}
.plans .btnBox{
	width:90%;
	margin:0 auto;
	position:static;
}
.plans .btnBox p{
	float:none;
}
.plans .btnBox .coupon{
	margin-top:5px;
}
#sapporo .planContents dt{
	color:#3f669d;
	background:url(../images/pc_sapporo_plans_img01.png) no-repeat center center;
	background-size:cover;
}
#hakodate .planContents dt{
	color:#818181;
	background:url(../images/pc_hakodate_plans_img01.png) no-repeat center center;
	background-size:cover;
}
#ishikari .planContents dt{
	color:#638b8a;
	background:url(../images/pc_ishikari_plans_img01.png) no-repeat center center;
	background-size:cover;
}
#abashiri .planContents dt{
	color:#567683;
	background:url(../images/pc_abashiri_plans_img01.png) no-repeat center center;
	background-size:cover;
}
#kushiro .planContents dt{
	color:#6f7298;
	background:url(../images/pc_kushiro_plans_img01.png) no-repeat center center;
	background-size:cover;
}
/*event
------------------*/
.event{
	width:100%;
	margin:0 auto 15px;
	padding:15px 10px 25px;
}
.event h3{
	position:static;
	border-bottom:solid 3px #d4d7de;
	padding-bottom:5px;
	margin-bottom:10px;
}
.event h3 img{
	width:80%;
}
.event ul{
	display: -webkit-flex;
    display: flex;
	flex-flow: column nowrap; 
}
.event li{
	margin:0 0 15px;
	background:none;
	width:100%;
	height:auto;
	box-shadow: none;
	padding-left:77px;
}
.event li dl{
	background:none;
	width:100%;
	height:60px;
	position:static;
}
.event li dt{
	position:static;
	font-weight:normal;
	border-bottom:solid 1px #aeaeae;
}
.event li dt span{
	display:block;
}
.event li dd{
	height:auto;
	opacity:1;
	font-size:12px;
	overflow: visible;
}
.event li dd p{
	text-align:left;
}
.event li dd p:last-child{
	display:none;
}
.event li a{
	color:#4d4f64;
	height:auto;
}
.event p{
	text-align:right;
	margin:2px 0 0;
}
.event p a{
	color:#000;
	text-decoration:underline;
	font-size:13px;
	font-size:1.3rem;
}
.event p a img{
	width:60%;
}
	
/*kunidaruma
-------------------*/
.kunidaruma{
	width:97%;
	margin:0 auto 30px;
	text-align:center;
	padding:70px 15px 30px;
	height:170px;
	box-sizing:border-box;
}
.kunidaruma h3{
	display:none;
}
.kunidaruma p{
	padding:0;
	width:100%;
	float:none;
	line-height:1.5;
	font-size:12px;
	text-align:left;
}
#sapporo .kunidaruma{
	background:url(../images/sp_sapparo_kunidaruma_bg01.png) no-repeat 0 0;
	background-size: cover;
}
#hakodate .kunidaruma{
	background:url(../images/sp_hakodate_kunidaruma_bg01.png) no-repeat 0 0;
	background-size: cover;
}
#ishikari .kunidaruma{
	background:url(../images/sp_ishikari_kunidaruma_bg01.png) no-repeat 0 0;
	background-size: cover;
}
#abashiri .kunidaruma{
	background:url(../images/sp_abashiri_kunidaruma_bg01.png) no-repeat 0 0;
	background-size: cover;
	padding-top:35px;
}
#kushiro .kunidaruma{
	background:url(../images/sp_kushiro_kunidaruma_bg01.png) no-repeat 0 0;
	background-size: cover;
}
#sapporo .kunidaruma p,
#hakodate .kunidaruma p,
#ishikari .kunidaruma p,
#abashiri .kunidaruma p,
#kushiro .kunidaruma p{
	background:none;
	text-align:left;
}
/*genre
--------------------------------------------*/
#genre{
	background:url(../images/pc_genre_bg01.png) repeat 0 0;
	margin-top:80px;
	padding-bottom:50px;
}
#genre h3{
	text-align:center;
	padding:30px 20px 22px;
}
#genre ul{
	width:100%;
	margin:0 10px;
}
#genre li{
	float:left;
	width:30%;
	margin:0 3px 10px;
}

#sapporo .planContents li.no1,
#sapporo .planContents li.no2,
#sapporo .planContents li.no3,
#hakodate .planContents li.no1,
#hakodate .planContents li.no2,
#hakodate .planContents li.no3,
#ishikari .planContents li.no1,
#ishikari .planContents li.no2,
#ishikari .planContents li.no3,
#abashiri .planContents li.no1,
#abashiri .planContents li.no2,
#abashiri .planContents li.no3,
#kushiro .planContents li.no1,
#kushiro .planContents li.no2,
#kushiro .planContents li.no3{
	background-position:0 43%;
	}
/*eventImg
-------------------------*/
#sapporo .event li{
	background:url(../images/sp_sapporo_event_img1.jpg) no-repeat 0 0;
	background-size: contain;
}
#sapporo .event li.second{
	background:url(../images/sp_sapporo_event_img2.jpg) no-repeat 0 0;
	background-size: contain;
}
#sapporo .event li.last{
	background:url(../images/sp_sapporo_event_img3.jpg) no-repeat 0 0;
	background-size: contain;
}
#hakodate .event li{
	background:url(../images/sp_hakodate_event_img1.jpg) no-repeat 0 0;
	background-size: contain;
}
#hakodate .event li.second{
	background:url(../images/sp_hakodate_event_img2.jpg) no-repeat 0 0;
	background-size: contain;
}
#hakodate .event li.last{
	background:url(../images/sp_hakodate_event_img3.jpg) no-repeat 0 0;
	background-size: contain;
}
#ishikari .event li{
	background:url(../images/sp_ishikari_event_img1.jpg) no-repeat 0 0;
	background-size: contain;
}
#ishikari .event li.second{
	background:url(../images/sp_ishikari_event_img2.jpg) no-repeat 0 0;
	background-size: contain;
}
#abashiri .event li{
	background:url(../images/sp_abashiri_event_img1.jpg) no-repeat 0 0;
	background-size: contain;
}
#abashiri .event li.second{
	background:url(../images/sp_abashiri_event_img2.jpg) no-repeat 0 0;
	background-size: contain;
}
#abashiri .event li.last{
	background:url(../images/sp_abashiri_event_img3.jpg) no-repeat 0 0;
	background-size: contain;
}
#kushiro .event li{
	background:url(../images/sp_kushiro_event_img1.jpg) no-repeat 0 0;
	background-size: contain;
}

/* footer
--------------------------------------------*/
  /* sp fotter */
  .listTopicPath{border-top: 1px solid #d2d2d2; display:block;}
  .to_pagetop { border-top: 1px solid #d2d2d2; width: 100%; overflow: hidden; }
  .to_pagetop a { box-sizing: content-box; display: block; float: right; padding: 10px; color: #2489CE; background: none; font-size: 12px; font-weight: bold; text-align: right; text-decoration: none !important; white-space:nowrap; }
  .to_pagetop a:before { content: "▲"; padding-right: 5px; color: #676767; font-size: 14px; }
  .footerMenu { width: 100%; }
  .footerMenu tr { height: auto; }
  .footerMenu td { display: none; }
  .footerMenu td.logoFooter { padding: 10px; display: block; }
  .footerMenu td.logoFooter a { display: block; text-decoration: none !important; }
  .footerMenu td.logoFooter a:first-child { margin-bottom: 0px; }
  .listTopicPath { border-top:0; display: block; }
  .listTopicPath li a { background-color: #fff; border-top: 1px solid #ccc; box-sizing: border-box; color: #595757 !important; cursor: pointer; display: block; font-size: 14px; font-weight: bold; line-height: 1.2; overflow: hidden; padding: 13px 20px 13px 15px; position: relative; text-overflow: ellipsis; white-space: normal; text-decoration:none !important; }
  .listTopicPath > li > a::after { content: ''; position: absolute; top: 50%; right: 0; width: 20px; height: 30px; margin-top: -6px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNpiZgCCyPBwA10dnetA/PLK1asXGIgAzCBNQHo/EAsAcQBQ80eg5hOENDIhaYKBfqBh84nRWIhFPIGQZmaQn4DOewhyJpocyN8KQPmNWDWCCHI0M8MYpGpmRuaQopkZ3QnEambG5nFiNDPjCm6oZkYg0wGL5o9MuDRCU1Q+FilQklzAiEcTeoqCaXJcvnLlB0ZyNIE4jORoQtFIiia4RlI1gTWSowlXfiSoCVd+JKgJW34kShN6/DkwkAAAAgwAccyKhLCQKvoAAAAASUVORK5CYII=) no-repeat; background-size: 7px 11px; -webkit-background-size: 7px 11px; }
  .listTopicPath > li:last-child > a { border-bottom: 1px solid #ccc; }
  .listTopicPath > li > a.btnActive { background-color: #d9d9d9; }
  #abTypeApopup .noneCheckDate{min-width:120px; width:100% !important;white-space:nowrap !important;}
  #abTypeApopup .noneCheckDate label{width:100% !important; white-space:nowrap !important;}
  #category{background:no-repeat #FDE700; padding:10px 0;}
  
.footerMenu {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

.footerMenu ul {
	*zoom: 1;
	list-style:none;
	padding:0;
	margin:0;
}

.footerMenu ul:after {
	content: "";
	display: block;
	clear: both;
}

.footerMenu ul li {
	float: left;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #ccc;
	font-size: 10px;
}

.footerMenu ul li a {
	white-space: nowrap;
}

.footerMenu .deviceChange{
	display:none;
}


.footerMenu .recruitArea {
	width: 100%;
	margin: 10px auto 30px;
	padding-top: 30px;
	border-top: 2px solid #ccc;
}
.footerMenu .recruitArea .logo {
	margin-bottom:-8px;
	width:50%;
}
.footerMenu .recruitArea img{
	vertical-align:bottom;
	line-height:1;
}
.footerMenu .recruitArea a {
	color: #435B67;
	text-decoration: underline;
	font-family: Meiryo;
	font-size: 10px;
	font-weight: bold;
}
#info {
    width: 100%;
}
.topicpath{
	margin: 10px;
	margin-bottom: 25px;
}
.pankuzu li, .index_h1 {
	font-size: 10px;
}
}
@media screen and (min-width:640px) {
.tabBox{
	display:none;
}
}
@media only screen and (max-width:738px) {
	#siteHeader {
	  display:none !important;
	}  
}