/* ##############################################################
#
#    base
#
############################################################## */
#header,
#footer {
	position: relative;
	z-index: 2;
}
#header {
	z-index: 3;
}
#contents {
	/* z-index: 1; */
	padding-bottom: 0;
}
/*#contents:before {
	content: '';
	position: absolute;
	z-index: 10;
	left: 50%;
	margin-left: -475px;
	top: -30px;
	display: block;
	width: 950px;
	height: 40px;
	background-color: #fff;
}*/
#contents .contents_inner {
	padding-top: 10px;
	overflow: visible;
}

#container {
    position: relative;
	display: block;
	z-index: 0;
    font-size: 14px;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
}

#container * {
    font-family:'Lucida Grande', 'Hiragino Maru Gothic ProN', 'ヒラギノ丸ゴ ProN W3', 'Yu Gothic', '游ゴシック', Meiryo, メイリオ, sans-serif;
    box-sizing: border-box;
}

#container img {
    vertical-align: top;
}

/* ##############################################################
#
#    layout
#
############################################################## */
#container {
}



/* ##############################################################
#
#    responsive
#
############################################################## */

/* --------------------------------------------------------------
    pc
-------------------------------------------------------------- */
@media print, screen and (min-width: 768px) {

    #container .sp {
        display: none;
    }

	#container a, #container .ov {
		cursor: pointer;
		opacity: 1;
		transition: opacity 0.2s ease;
		-webkit-transition: opacity 0.2s ease;
		-moz-transition: opacity 0.2s ease;
	}
	#container a:hover, #container .ov:hover {
		opacity: 0.5;
		text-decoration: none;
	}

	.snsBtn {
		position: absolute;
		/* right: 0; */
		/* top: -30px; */
		font-size: 0;
		right: 10px;
		top: 10px;
		z-index: 2;
	}
	.snsBtn li {
		display: inline-block;
		height: 21px;
		margin-left: 12px;
		vertical-align: top;
		overflow: hidden;
	}

	.snsBtn li:first-child > iframe {
		width: 92px;
	}

}



/* --------------------------------------------------------------
    sp
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {

	/* #header {
		z-index: auto;
	} */
	#header .header_gnavi {
		height: auto;
	}

	#contents {
		overflow: hidden;
	}
	#contents:before {
		content: none;
	}
	#contents .contents_inner {
		padding: 0;
	}

	#container {
		/*padding-top: 40px;*/
	}
    #container .pc {
        display: none;
    }

	#container img {
		width: 100%;
		height: auto;
	}


	.snsBtn {
		width: 90%;
		margin: 0 auto;
		padding-bottom: 12px;
		font-size: 0;
	}
	.snsBtn li {
		display: inline-block;
		height: 21px;
		margin-left: 12px;
		vertical-align: top;
		overflow: hidden;
	}

	.snsBtn li:first-child > iframe {
		width: 92px;
	}

}




/* ##############################################################
#
#    common
#
############################################################## */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}