/* ---------------------------------------------------- reset setting ---------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.6;
}

fieldset,img,abbr {
	border: 0;
}

caption,th {
	text-align: left;
}

table {
	font-size: inherit;
	font: 100%;
}

img {
	vertical-align: top;
}


/* clear float */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

@font-face {
	font-family: 'icons';
	src: url('../fonts/icons.eot');
	src: url('../fonts/icons.ttf') format('truetype'), url('../fonts/icons.woff') format('woff'), url('../fonts/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* ---------------------------------------------------- Container ---------------------------------------------------- */

#ga2012_content {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

#Contents_all {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible;
}

#sections .sectionContents.container{
	max-width: 100%;
	padding:0;
}

#Container {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Meiryo", "Hiragino Kaku Gothic Pro", Sans-Serif;
	font-weight: 400;
	background-color: #000;
}

.basic-page .pagesection{ padding:0 !important; }

.bgblack { background-color: #000 }
.bgwhite { background-color: #fff }
.bglblue { background-color: #bae3f9 }
.bgblue { background-color: #18b2d6 }
.bgblblack { background-color: #1c283a }
.bgorange { background-color: #e55927 }
.bggray { background-color: #d7e0e2 }

.white { color: #fff; }
.orange { color: #e55927; }

.w25 { width: 25%; }
.w50 { width: 50%; }
.w100 { width: 100%; }


.of_hd { overflow: hidden;}
.cr_bo {clear: both;}
.fl_no {float: none;}
.mt15 {margin-top: 15px;}

.en {
	font-family: 'Oswald';
	letter-spacing: 0.05em;
	font-weight: 700;
}

.emphasis {
	color: #ff2626;
}
.empBlock {
    background: #ff2626;
    color: #fff;
    padding: 0 5px;
    margin-right: 5px;
}

.textC{ text-align: center !important; }
.textL{ text-align: left !important; }
.textR{ text-align: right !important; }

.new {
	background-color: #e55927;
	padding: 0.1em 0.5em;
	margin-right: 0.6em;
	line-height: 1em;
}

.flex{
    display: flex;
    flex-flow:row wrap;
    justify-content: space-between;
}

@media screen and (min-width:641px) {
	.forPC {
		display: block;
	}
	.forSP {
		display: none;
	}
}


@media screen and (max-width:640px) {
	.w25 {
		width: 100%;
		box-sizing: border-box
	}
	.w50 {
		width: 100%;
		box-sizing: border-box
	}
	.w100 {
		width: 100%;
		box-sizing: border-box
	}

	.forPC {
		display: none;
	}
	.forSP {
		display: block;
	}
    

    .flex{
        flex-flow:column wrap;
    }
}