/* CSS Document */

/*2023.2.2*/

/*=========================================================
 standard body
===========================================================*/

@media screen and ( max-width:959px) {
	
	.u-fullWidth{
		width: 106.2% !important;
		margin-left: -3.1% !important;
		margin-right: -3.1% !important;
	}
	.c-inner--bodyWidth{
		width: 100%;
		padding-left: 3%;
		padding-right: 3%;
	}
	
	#body.full-width .content .inner{
		width: 100%;
	}
	
	#main{
		width: 100%;
	}
	#snav,
	#snav.is-fixed,
	#snav.is-fit{
		position: static;
	}
	
	#sub,#snav{
		width: 100%;
	}
	#snav{
		font-size: 1rem;
	}
	#snav h2{
		font-size: 1.25rem;
	}
	
	.c-flex--between,
	.c-flex--start,
	.c-flex--start,
	.c-flex--end,
	.c-flex--center{
		flex-wrap: wrap;
	}
	

.col2 .col,
.full-width .col2 .col,
.col6 .col2 .col,
.full-width .col6 .col2 .col,
.col5 .col2 .col,
.full-width .col5 .col2 .col,
.col4 .col2 .col,
.full-width .col4 .col2 .col,
.col3 .col2 .col,
.full-width .col3 .col2 .col{
	/*width: calc((100% - 20px)/2);*/
	width: 100%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.col3 .col,
.full-width .col3 .col,
.col2 .col3 .col,
.full-width .col2 .col3 .col,
.col4 .col3 .col,
.full-width .col4 .col3 .col,
.col5 .col3 .col,
.full-width .col5 .col3 .col,
.col6 .col3 .col,
.full-width .col6 .col3 .col{ width: calc((100% - 40px)/3); }
.col3 .col.span-2,
.full-width .col3 .col.span-2{ width: calc((100% - 40px)*2/3 + 20px); }

.col4 .col,
.full-width .col4 .col { width: calc((100% - 60px)/4); }
.col4 .col.span-2,
.full-width .col4 .col.span-2{ width: calc((100% - 60px)*2/4 + 20px); }
.col4 .col.span-3,
.full-width .col4 .col.span-3{ width: calc((100% - 60px)*3/4 + 40px); }

.col5 .col,
.full-width .col5 .col{ width: calc((100% - 80px)/5); }
.col5 .col.span-2,
.full-width .col5 .col.span-2{ width: calc((100% - 80px)*2/5 + 20px); }
.col5 .col.span-3,
.full-width .col5 .col.span-3{ width: calc((100% - 80px)*3/5 + 40px); }
.col5 .col.span-4,
.full-width .col5 .col.span-4{ width: calc((100% - 80px)*4/5 + 60px); }

.col6 .col,
.full-width .col6 .col{ width: calc((100% - 100px)/6); }
.col6 .col.span-2,
.full-width .col6 .col.span-2{ width: calc((100% - 100px)*2/6 + 20px); }
.col6 .col.span-3,
.full-width .col6 .col.span-3{ width: calc((100% - 100px)*3/6 + 40px); }
.col6 .col.span-4,
.full-width .col6 .col.span-4{ width: calc((100% - 100px)*4/6 + 60px); }
.col6 .col.span-5,
.full-width .col6 .col.span-5{ width: calc((100% - 100px)*5/6 + 80px); }

}

@media screen and ( max-width:759px) {
	
/*	.full-width .c-inner--bodyWidth,
	#main{
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}*/

	.c-inner--bodyWidth{
		max-width: 740px !important;
	}
	
	.col2 .col,
	.full-width .col2 .col,
	.col3 .col.span-2,
	.full-width .col3 .col.span-2,
	.col4 .col.span-2,
	.full-width .col4 .col.span-2,
	.col4 .col.span-3,
	.full-width .col4 .col.span-3,
	.col5 .col.span-3,
	.full-width .col5 .col.span-3,
	.col5 .col.span-4,
	.full-width .col5 .col.span-4,
	.col6 .col.span-3,
	.full-width .col6 .col.span-3,
	.col6 .col.span-4,
	.full-width .col6 .col.span-4,
	.col6 .col.span-5,
	.full-width .col6 .col.span-5,
	.col.c-narrow,.col .c-narrow{
		width: 100%;
		max-width: inherit;
	}
	
	.col3 .col,
	.full-width .col3 .col,
	.col5 .col.span-2,
	.full-width .col5 .col.span-2,
	.col6 .col.span-2,
	.full-width .col6 .col.span-2,
	.col.c-narrow--60, .col .c-narrow--60{
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.col3 .col2 .col,
	.full-width .col3 .col2 .col,
	.col4 .col2 .col,
	.full-width .col4 .col2 .col,
	.col5 .col2 .col,
	.full-width .col5 .col2 .col,
	.col6 .col2 .col,
	.full-width .col6 .col2 .col,
	.col2 .col3 .col,
	.full-width .col2 .col3 .col,
	.col4 .col3 .col,
	.full-width .col4 .col3 .col,
	.col5 .col3 .col,
	.full-width .col5 .col3 .col,
	.col6 .col3 .col,
	.full-width .col6 .col3 .col,
	.col4 .col,
	.full-width .col4 .col,
	.col5 .col,
	.full-width .col5 .col,
	.col6 .col,
	.full-width .col6 .col{
		width: calc((100% - 30px)/2);
		/*margin-left: 0;
		margin-right: 0;*/
	}
	
	.u-spView{
		display: block;
	}
	.u-spNone{
		display: none;
	}
	br.u-spBr{
		display: inline;
	}

}


@media print{
	#logo_sp,
	#search_icon_sp,
	.search_sp,
	#gnav_icon,
	.gnav_smart_bg,
	#gnav_smart,
	#footer_sp{
		display: none;
	}
}