body{
	/*background:red;*/
	margin: 0;
}

#background{
	/*background:yellow;*/
	width: 100%;
	height:100%;
	position: absolute;
	z-index: -1;
}

#body_container{
	width:100%;
	/*background:green;*/
	position: absolute;
}

#content{
	background:blue;
	max-width:1200px;
	margin: 0 auto;	  
    position: relative;
}


body.darktheme .strip.left, body.darktheme .strip.right{
	background: #060606;
}

.strip.left{
	background: #F9F9F9;
	width:100%;
}

.strip.right{
	background: #F9F9F9;
	width:100%;	
}

.strip.center{
	width:100%;
	margin : 0 auto;	
}

.strip.full{
	width:100%;
	margin : 0 auto;	
}

@media(min-width:1200px){
	.strip.left{		
		padding-left: calc((100% - 1200px)/2 )!important;
		width: calc( 1200px + (100% - 1200px)/2 );
	}
	.strip.right{		
		margin-left :  calc((100% - 1200px)/2 );
		width:1200px;
		padding-right: calc((100% - 1200px)/2 );
	}
	.strip.center{
		width:1200px;
		margin-left :  calc((100% - 1200px)/2 );
		
	}
	.strip.full{		
		padding-left :  calc((100% - 1200px)/2 );
		padding-right: calc((100% - 1200px)/2 );
	}
}

.content-area{
	z-index:5;	
}

.strip-content{
	width : 100%;	
	max-width: 1200px;
	display: flex;
	flex-direction:row;
	    position: relative;

}


.line_test{	width: 	100%; }

.w1, .w2, .w3, .w4, .w6, .w8, .w10 ,.w9 ,.w10 ,.w12{
	/*background: white;*/
	/*float:left;	*/
}

.w1{width: 8.33%;}
.w2{width: 16.66%;}
.w3{width: 25%;}
.w4{width: 33.33%;}
.w6{width: 50%;}
.w8{width: 66.66%;}
.w9{width: 75.00%;}
.w10{width: 83.33%;}
.w12{width: 100%;}

.empty_block:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
}



.padding_right_w8{
	padding-right: 12.5%;
}


	.desktop_hidden{
		display:none;		
	}



@media screen and (max-width: 640px) {
	.empty_block, .mobile_hidden {
		display:none;   
	}
  
	.mw2{width: 16.66%;}
	.mw4{width: 33.33%;}
	.mw6{width: 50%;}
	.mw8{width: 66.66%;}
	.mw12{width: 100%;}
	.mw10{width: 83.33%;}
	
	
	.desktop_hidden{
		display: block;	
	}
	
	
	
}





/*Calendaiku*/