/* CSS Document ランドページのみ*/

/* ランドのみに適用
------------------------------------------------------------------------------------------------------------------------------*/
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}

/*旧本サイト用css打ち消し処理
------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float:none;
	margin-left: auto;
	}
}
@media screen and (max-width: 768px) {
.grid1 {width: auto;}
.grid2 {width: auto;}
.grid3 {width: auto;}
.grid4 {width: auto;}
.grid5 {width: auto;}
.grid6 {width: auto;}
.grid7 {width: auto;}
.grid8 {width: auto;}
.grid9 {width: auto;}
.grid10 {width: auto;}
.grid11 {width: auto;}
.first {margin-left: 0px;clear: left;}
}

#contentsOut{
	background-image:none;
	}
@media screen and (max-width: 640px)  {
.pageMainContents {
	margin-bottom:20px;
	padding:0px 0%;
	width:100%;
	}
}


/*ソフトクリームランド 共通タイトルバー（公園風 イラスト部分）
------------------------------------------------------------------------------------------------------*/
#landHeader{
	margin:0 auto;
	padding:0px;
	width:100%;
	background:url(../images/bk_slHeader_01.png) repeat-x;
	background-size:auto;
	background-position:center top;
	background-color:#FFF;
}
/*
@media screen and (max-width:768px){
	#landHeader{
		background:url(../images/bk_slHeader_01.png) repeat-x;
		background-position:-130px top;
		background-size:auto 100%;
		height:80px;
	}
}*/
@media screen and (max-width:640px){
	#landHeader{
		background:url(../images/bk_slHeader_01.png) repeat-x;
		background-position:0px bottom;
		background-size:auto 100%;
		height:76px;
	}
}
@media screen and (max-width:480px){
	#landHeader{
		background:url(../images/bk_slHeader_01.png) repeat-x;
		background-position:0px bottom;
		background-size:auto 100%;
		height:54px;
	}
}

#landHeader .container {
	position:relative;
}

.slLandHeadLogo{
	padding:1% 0 10.5% 0;
}
.slLandHeadLogo a{
	display:block;
}
@media screen and (max-width:640px){
	.slLandHeadLogo{
		padding:1% 2%;
	}
}

.spLandLogo{
	width:30%;
	margin-left:1%;
}
/*
@media screen and (max-width:768px){
	.spLandLogo{
		width:240px;
		margin-left:0;
	}
}*/
@media screen and (max-width:640px){
	.spLandLogo{
		width:240px;
		margin-left:0;
	}
}
@media screen and (max-width:480px){
	.spLandLogo{
		width:160px;
	}
}



.slLandHeadCharaPosition{
	position:absolute;
	left:486px;
	bottom:0px;
	pointer-events:none;
}
/*
@media screen and (max-width:768px){
	.slLandHeadCharaPosition{
		position:absolute;
		left:50%;
		top:14px;
		pointer-events:none;
		width:180px;
	}
}*/
@media screen and (max-width:640px){
	.slLandHeadCharaPosition{
		position:absolute;
		left:55%;
		top:16px;
		pointer-events:none;
		width:170px;
	}
}
@media screen and (max-width:480px){
	.slLandHeadCharaPosition{
		pointer-events:none;
		width:110px;
	}
}
@media screen and (max-width:360px){
	.slLandHeadCharaPosition{
		pointer-events:none;
		width:100px;
	}
}
@media screen and (max-width:310px){
	.slLandHeadCharaPosition{
		display: none;
	}
}
.slLandHeadCharaPosition img{
	width: 100%;
}


/*mainContents
------------------------------------------------------------------------------------------------------*/
#mainContents {
	position:relative;
	width:1040px;
	margin:0px auto 0 auto;
	display:block;
	/*min-height:800px;*/
}

@media screen and (max-width:768px){
	#mainContents {
		margin:0 auto;
		width:100%;
	}
}

#mainContents:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* fit-sidebar */
.fit-sidebar-fixed{
	margin-top:0!important;
	margin-bottom:0!important;
	position:fixed;
}
.fit-sidebar-blank{
	z-index:0;
	background-color:transparent;
	visibility:hidden;
}


/* ランド Pc SideMenu
------------------------------------------------------------------------------------------------------*/
#sideWrap {
	position:relative;
	width:234px;
	float: left;
}
@media screen and (max-width:768px){
	#sideWrap {
		width:100%;
		/*display:none;*/
	}
}


/* ランド内 サイドメニュー common sideMenu
------------------------------------------------------------------------------------------------------*/
.sideMenuTittle{
	margin:12px 0px 10px 0px;
}

@media screen and (max-width:768px){
	.sideMenuTittle{
	display:none;
	} 
}

#sidebar{
	width:100%;
	height:100%;
	position:relative;
	background:#FFFFFF;
}

@media screen and (max-width:768px){
	#sidebar{
	width:96%;
	margin:0px auto 12px auto;
	padding-top:16px;
	} 
}

#globalNav {
	margin:0px;
	padding:0px;
	width:100%;
}

@media screen and (max-width:768px){
	#globalNav {
	width:96%;
	margin:0px auto 12px auto;
	} 
}

.sideTopLink {
	margin:0px 0px 12px 0px;
	padding:8px 20px 0 0;
	border-radius:4px;
	background:#54c2f0;
	width:100%;
	box-sizing:border-box;
	height:32px;
	font-weight:bold;
	display:block;
}
@media screen and (max-width:768px){
	.sideTopLink{
	margin:0px auto 12px auto;
	} 
}


.sideTopLink a {
	color:#FFF;
	display:block;
	width:100%;
	height:100%;
	margin:0px 0px 0px 8px;
	text-decoration:none;
}


.sideTopLink a i {
	float:right;
	padding-top:2px;
	vertical-align:middle;
}

.subMenu{
	position:relative
}

.sideCatTit {
	margin:0px 0px 4px 0px;	
	padding-left:4px;
	color:#00549E;
	font-size:120%;
	font-weight:bold;
}
.sideCatTit:after {
	margin-left:-4px;
	position:relative;
	top:-5px;
	z-index:1;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 4px;
	background:rgba(84,194,240,0.4);
}


ul.subMenuNav {
	list-style:none;
}

ul.subMenuNav li {
	margin:0px;
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
}
ul.subMenuNav li {
	border-bottom:#54beec 1px dashed;
}
ul.subMenuNav li:last-child {
	border-bottom:none;
	margin-bottom: 16px;
}

ul.subMenuNav li a {
	background-color:#454545;
	font-size: 12px;
	display:block;
	width:100%;
	height:100%;
	padding:0px 0px 0px 0px;
	background:#ffffff;
	text-decoration:none;

}

ul.subMenuNav li:hover {
	background:rgba(84,194,240,0.4);
}
ul.subMenuNav li a:hover {
	font-weight:bold;
}

img.sideMenuIcon {
	float:left;
	display:inline-block;
	width:30px;
	padding:5px 2px 5px 0px;
}
a img.sideMenuIcon {
	width:30px;
}
span.sideMenuTxt {
	float:left;
	width:200px;
	padding-top:14px;

}
span.sideMenuTxt02 {
	float:left;
	width:200px;
	padding-top:7px;
}

@media screen and (max-width:768px){
span.sideMenuTxt {
	width: calc(100% - 34px);
	}
span.sideMenuTxt02 {
	width: calc(100% - 34px);
	}
}




/*slMain（ランド用コンテンツエリア）
------------------------------------------------------------------------------------------------------*/
#contents {
	/*position:relative;*/
	-moz-transition:margin-left .25s linear;
	-webkit-transition:margin-left .25s linear;
	transition:margin-left .25s linear;
	/*z-index:900;*/
	width: 760px;
	float:right;
}
@media screen and (max-width:768px){
	#contents{
		margin-left:0;
		width:100%;
		padding: 0 3%;
	}
}


/*ソフトクリームランド用（ページ下部の島のイラスト） footer
------------------------------------------------------------------------------------------------------*/
#landFooter{
	margin-top:20px;
	background:url(../images/bk_footer_01.png) repeat-x;
	background-position:center bottom;
	height:285px;
	background-color:#53c1ef;
}
}
@media screen and (max-width:768px){
	#landFooter{
		height:auto;
		padding-top:28%;
		background:url(../images/bk_footer_01.png) repeat-x;
		background-position:center bottom;
		background-size:200%;
	}
}
@media screen and (max-width:640px){
	#landFooter{
		height:auto;
		padding-top:28%;
		background:url(../images/bk_footer_01.png) repeat-x;
		background-position:center bottom;
		background-size:200%;
	}
}


/*ランド用のpageTop（気球に乗ったニックンセイチャン）
------------------------------------------------------------------------------------------------------*/
/*全体用のpage-topをランドでは非表示*/
p#pageTop-Land + p#page-top , p#pageTop-Land + p#page-top a{
	display: none;
}

/*pageTopLnad*/
#pageTop-Land{
	position:fixed;
	bottom:20px;
	right:1%;
	z-index:2100;
}
@media screen and (max-width:768px){
	#pageTop-Land{
		bottom:5%;
		right:0%;
	}
	#pageTop-Land img{
		width:70px;
	}
}

#pageTop-Land img{
	position:relative;
}

@-webkit-keyframes yurayura {
	0% {
		position:relative;
		top:0px;
		}
	100% {
		position:relative;
		top:7px;
		}
}
@keyframes yurayura {
	0%{
		position:relative;
		top:0px;
		}
	100%{
		position:relative;
		top:7px;
		}
}
.yura {
	-webkit-animation-name:yurayura;
	-webkit-animation:neyurayuraw 1s infinite alternate linear;
	animation-name:yurayura;
	animation:yurayura 1s infinite alternate linear;
}