@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : base.css
Description : 共通ベースラインCSS
===================================================================== */

/* =====================================================================
*    共通・大枠
* =================================================================== */
html {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;
	font-size: 10px;
	line-height: 1.4;
}

.wrapper {
    position: relative;
    overflow: hidden;
	background-color: black;
}

.wrapper > .inner {
	width: 100%;
    position: relative;
}

@media screen and (min-width:700px){
	.wrapper {
		
	}

	.wrapper > .inner {
		max-width: 1020px;
	}

	/* コンテンツ枠 */
	.contents {
		width: 100%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-o-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	box-sizing: border-box;
		padding-right: 300px;
	}

	/* 右カラム枠 */
	#right_column {
		position: absolute;
		top: 0;
		right: 0;
	}
}

@media screen and (min-width:1040px){
	/* 右カラム枠 */
	#right_column {
		right: 50%;
		margin-right: -520px;
	}
}

.inner {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

img {
	width: 100%;
	height: auto;
	display: block;
}



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

@media screen and (min-width:700px){
	.sp {
		display: none;
	}
}