@charset "utf-8";

/*
************************************************************************
* 文章レイアウト
* @copyright Revolme Inc.
************************************************************************
*/

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */
.grid
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap ;
	justify-content:flex-start;
	align-items:stretch;
	align-content:stretch;
	
	margin:-1.0em;
}
.grid.grid-item-center
{
	align-items:center;
}
.grid > .col
{
	margin:1em;
	width:calc(100% - 2em);
}
.grid > .col.col-12{width:calc(100.00000% - 2em);}
.grid > .col.col-11{width:calc( 91.66667% - 2em);}
.grid > .col.col-10{width:calc( 83.33333% - 2em);}
.grid > .col.col-9 {width:calc( 75.00000% - 2em);}
.grid > .col.col-8 {width:calc( 66.66667% - 2em);}
.grid > .col.col-7 {width:calc( 58.33333% - 2em);}
.grid > .col.col-6 {width:calc( 50.00000% - 2em);}
.grid > .col.col-5 {width:calc( 41.66667% - 2em);}
.grid > .col.col-4 {width:calc( 33.33333% - 2em);}
.grid > .col.col-3 {width:calc( 25.00000% - 2em);}
.grid > .col.col-2 {width:calc( 16.66667% - 2em);}
.grid > .col.col-1 {width:calc(  8.33333% - 2em);}

.grid.grid-input
{
	margin:-0.75em:
}
.grid.grid-input > .col
{
	margin:0.75em;
	width:calc(100% - 1.5em);
}
.grid.grid-input > .col.col-12{width:calc(100.00000% - 1.5em);}
.grid.grid-input > .col.col-11{width:calc( 91.66667% - 1.5em);}
.grid.grid-input > .col.col-10{width:calc( 83.33333% - 1.5em);}
.grid.grid-input > .col.col-9 {width:calc( 75.00000% - 1.5em);}
.grid.grid-input > .col.col-8 {width:calc( 66.66667% - 1.5em);}
.grid.grid-input > .col.col-7 {width:calc( 58.33333% - 1.5em);}
.grid.grid-input > .col.col-6 {width:calc( 50.00000% - 1.5em);}
.grid.grid-input > .col.col-5 {width:calc( 41.66667% - 1.5em);}
.grid.grid-input > .col.col-4 {width:calc( 33.33333% - 1.5em);}
.grid.grid-input > .col.col-3 {width:calc( 25.00000% - 1.5em);}
.grid.grid-input > .col.col-2 {width:calc( 16.66667% - 1.5em);}
.grid.grid-input > .col.col-1 {width:calc(  8.33333% - 1.5em);}

.grid > .col.order-0{order: 0;}
.grid > .col.order-1{order: 1;}
.grid > .col.order-2{order: 2;}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1100px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.grid > .col.col-12{width:calc(100.00000% - 2em);}
	.grid > .col.col-11{width:calc(100.00000% - 2em);}
	.grid > .col.col-10{width:calc(100.00000% - 2em);}
	.grid > .col.col-9 {width:calc(100.00000% - 2em);}
	.grid > .col.col-8 {width:calc(100.00000% - 2em);}
	.grid > .col.col-7 {width:calc(100.00000% - 2em);}
	.grid > .col.col-6 {width:calc(100.00000% - 2em);}
	.grid > .col.col-5 {width:calc(100.00000% - 2em);}
	.grid > .col.col-4 {width:calc(100.00000% - 2em);}
	.grid > .col.col-3 {width:calc(100.00000% - 2em);}
	.grid > .col.col-2 {width:calc(100.00000% - 2em);}
	.grid > .col.col-1 {width:calc(100.00000% - 2em);}
	.grid.grid-input > .col.col-12{width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-11{width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-10{width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-9 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-8 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-7 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-6 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-5 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-4 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-3 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-2 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-1 {width:calc(100.00000% - 1.5em);}

	.grid > .col.order-0{order: 0;}
	.grid > .col.order-1{order: 0;}
	.grid > .col.order-2{order: 0;}
	
	.grid > .col.sp-col-12{width:calc(100.00000% - 2em);}
	.grid > .col.sp-col-11{width:calc( 91.66667% - 2em);}
	.grid > .col.sp-col-10{width:calc( 83.33333% - 2em);}
	.grid > .col.sp-col-9 {width:calc( 75.00000% - 2em);}
	.grid > .col.sp-col-8 {width:calc( 66.66667% - 2em);}
	.grid > .col.sp-col-7 {width:calc( 58.33333% - 2em);}
	.grid > .col.sp-col-6 {width:calc( 50.00000% - 2em);}
	.grid > .col.sp-col-5 {width:calc( 41.66667% - 2em);}
	.grid > .col.sp-col-4 {width:calc( 33.33333% - 2em);}
	.grid > .col.sp-col-3 {width:calc( 25.00000% - 2em);}
	.grid > .col.sp-col-2 {width:calc( 16.66667% - 2em);}
	.grid > .col.sp-col-1 {width:calc(  8.33333% - 2em);}
	.grid.grid-input > .col.sp-col-12{width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.sp-col-11{width:calc( 91.66667% - 1.5em);}
	.grid.grid-input > .col.sp-col-10{width:calc( 83.33333% - 1.5em);}
	.grid.grid-input > .col.sp-col-9 {width:calc( 75.00000% - 1.5em);}
	.grid.grid-input > .col.sp-col-8 {width:calc( 66.66667% - 1.5em);}
	.grid.grid-input > .col.sp-col-7 {width:calc( 58.33333% - 1.5em);}
	.grid.grid-input > .col.sp-col-6 {width:calc( 50.00000% - 1.5em);}
	.grid.grid-input > .col.sp-col-5 {width:calc( 41.66667% - 1.5em);}
	.grid.grid-input > .col.sp-col-4 {width:calc( 33.33333% - 1.5em);}
	.grid.grid-input > .col.sp-col-3 {width:calc( 25.00000% - 1.5em);}
	.grid.grid-input > .col.sp-col-2 {width:calc( 16.66667% - 1.5em);}
	.grid.grid-input > .col.sp-col-1 {width:calc(  8.33333% - 1.5em);}
	
	.grid > .col.sp-order-0{order: 0;}
	.grid > .col.sp-order-1{order: 1;}
	.grid > .col.sp-order-2{order: 2;}
}