@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------------------------------------------
	Common
---------------------------------------------------------------------------------------------*/
.Mt005 { margin-top: 0.5em!important; }
.Mt010 { margin-top: 1em!important; }
.Mt015 { margin-top: 1.5em!important; }
.Mt020 { margin-top: 2em!important; }
.Mt025 { margin-top: 2.5em!important; }
.Mt030 { margin-top: 3em!important; }
.Mt040 { margin-top: 4em!important; }
.Mt050 { margin-top: 5em!important; }
.Mt060 { margin-top: 6em!important; }
.Mt070 { margin-top: 7em!important; }
.Mt080 { margin-top: 8em!important; }
.Mt120 { margin-top: 12em!important; }


.Mb005 { margin-bottom: 0.5em!important; }
.Mb010 { margin-bottom: 1em!important; }
.Mb015 { margin-bottom: 1.5em!important; }
.Mb020 { margin-bottom: 2em!important; }
.Mb025 { margin-bottom: 2.5em!important; }
.Mb030 { margin-bottom: 3em!important; }
.Mb040 { margin-bottom: 4em!important; }
.Mb050 { margin-bottom: 5em!important; }
.Mb060 { margin-bottom: 6em!important; }
.Mb070 { margin-bottom: 7em!important; }
.Mb080 { margin-bottom: 8em!important; }
.Mb120 { margin-bottom: 12em!important; }

.Mr005 { margin-right: .5em!important; }
.Mr010 { margin-right: 1em!important; }
.Mr015 { margin-right: 1.5em!important; }

.Ml-05 { margin-left: -0.5em!important; }
.Ml000 { margin-left: 0!important; }
.Ml005 { margin-left: .5em!important; }
.Ml010 { margin-left: 1em!important; }
.Ml015 { margin-left: 1.5em!important; }
.Ml020 { margin-left: 2em!important; }
.Ml025 { margin-left: 2.5em!important; }
.Ml030 { margin-left: 3em!important; }
.Ml040 { margin-left: 4em!important; }


.Pl-05 { padding-left: -0.5em!important; }
.Pl000 { padding-left: 0!important; }
.Pl005 { padding-left: .5em!important; }
.Pl010 { padding-left: 1em!important; }
.Pl015 { padding-left: 1.5em!important; }
.Pl020 { padding-left: 2em!important; }
.Pl025 { padding-left: 2.5em!important; }
.Pl030 { padding-left: 3em!important; }
.Pl040 { padding-left: 4em!important; }

aaa {
padding-left: 	
}

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


/* ---------------------------------------------------------------------------------------------
	Font
---------------------------------------------------------------------------------------------*/

.Fs05 { font-size: .5em!important; }
.Fs06 { font-size: .6em!important; }
.Fs07 { font-size: .7em!important; }
.Fs08 { font-size: .8em!important; }
.Fs085 { font-size: .85em!important; }

.Fs09 { font-size: .9em!important; }
.Fs10 { font-size: 1em!important; }
.Fs11 { font-size: 1.1em!important; }
.Fs12 { font-size: 1.2em!important; }
.Fs15 { font-size: 1.5em!important; }
.Fs90 { font-size: 9em!important; }

/*-------------------------------------------------------------------------*/
/*カラム設定*/
/*-------------------------------------------------------------------------*/

.cols2 ,
.cols3 ,
.cols4 ,
.cols5 ,
.cols6 {
    clear: both;
    margin-left: auto;
    margin-right: auto;
	list-style-type: none;
}

.cols2::after ,
.cols3::after ,
.cols4::after ,
.cols5::after ,
.cols6::after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

.cols2>* ,
.cols3>* ,
.cols4>* ,
.cols5>* ,
.cols6>* {
    margin-left: auto;
    margin-right: auto;
	list-style-type: none;
}

/*-------------------------------------------------------------------------*/
/*画面幅599px以下*/
/*-------------------------------------------------------------------------*/

@media screen and (max-width:599px) {
    .cols2>* ,
    .cols3>* {
        float: none;
        clear: both;
        width: 100%;
    }

    .cols4>* ,
    .cols5>* {
        float: left;
        width: 47.5%;
        margin-right: 0;
        margin-bottom: 5%;
    }

    .cols4>*:nth-child(2n) ,
    .cols5>*:nth-child(2n) {
        float: right;
    }

    .cols4>*:nth-child(2n+1) ,
    .cols5>*:nth-child(2n+1) {
        clear: both;
    }

    .cols6>* {
        float: left;
        width: 31.33%;
        margin-right: 3%;
        margin-bottom: 3%;
    }

    .cols6>*:nth-child(3n) {
        float: right;
        margin-right: 0;
    }

    .cols6>*:nth-child(3n+1) {
        clear: both;
    }
	
}



/*-------------------------------------------------------------------------*/
/*画面幅600px以上 画面幅959px以下*/
/*-------------------------------------------------------------------------*/

@media screen and (min-width:599px) and (max-width:959px) {


    .cols2>* {
        float: none;
        clear: both;
        width: 100%;
    }

    .cols3>* ,
    .cols4>* {
        float: left;
        width: 47.5%;
        margin-right: 0;
    }

    .cols3>*:nth-child(odd) ,
    .cols4>*:nth-child(odd) {
        clear: both;
    }

    .cols3>*:nth-child(even) ,
    .cols4>*:nth-child(even) {
        float: right;
    }

    .cols5>* {
        float: left;
        width: 31.33%;
        margin-right: 3%;
        margin-bottom: 3%;
    }

    .cols5>*:nth-child(3n) {
        float: right;
        margin-right: 0;
    }

    .cols5>*:nth-child(3n+1) {
        clear: both;
    }

    .cols6>* {
        float: left;
        width: 23.125%;
        margin-right: 2.5%;
        margin-bottom: 2.5%;
    }

    .cols6>*:nth-child(4n) {
        float: right;
        margin-right: 0;
    }

    .cols6>*:nth-child(4n+1) {
        clear: both;
    }


}

/*-------------------------------------------------------------------------*/
/*画面幅959px以上*/
/*-------------------------------------------------------------------------*/

@media screen and (min-width:959px) {
	
	.cols {
		clear: both;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.cols::after {
		content: "";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
		font-size: 0;
	}

	.cols>* {
		display: block;
		margin-left: auto;
		margin-right: auto;
        float: left;
	}
	
	/* 2 cols */
	.cols>*:first-child:nth-last-child(2),
	.cols>*:first-child:nth-last-child(2) ~ .cols>* {
		width: calc( 100% / 2 );
	}

	/* 3 cols */
	.cols>*:first-child:nth-last-child(3),
	.cols>*:first-child:nth-last-child(3) ~ .cols>* {
		width: calc( 100% / 3 );
	}

	/* 4 cols */
	.cols>*:first-child:nth-last-child(4),
	.cols>*:first-child:nth-last-child(4) ~ .cols>* {
		width: calc( 100% / 4 );
	}

	/* 5 cols */
	.cols>*:first-child:nth-last-child(5),
	.cols>*:first-child:nth-last-child(5) ~ * {
		width: calc( 100% / 5 );
	}

	/* 6 cols */
	.cols>*:first-child:nth-last-child(6),
	.cols>*:first-child:nth-last-child(6) ~ * {
		width: calc( 100% / 6 );
	}

	/* 7 cols */
	.cols>*:first-child:nth-last-child(7),
	.cols>*:first-child:nth-last-child(7) ~ * {
		width: calc( 100% / 7 );
	}

	/* 8 cols */
	.cols>*:first-child:nth-last-child(8),
	.cols>*:first-child:nth-last-child(8) ~ * {
		width: calc( 100% / 8 );
	}

    .cols2>* {
        float: left;
        width: 47.5%;
    }

    .cols2>*:nth-child(odd) {
        clear: both;
    }

    .cols2>*:nth-child(even) {
        float: right;
    }

    .cols3>* {
        float: left;
        width: 31.33%;
        margin-right: 3%;
        margin-bottom: 3%;
    }

    .cols3>*:nth-child(3n) {
        float: right;
        margin-right: 0;
    }

    .cols3>*:nth-child(3n+1) {
        clear: both;
    }

    .cols4>* {
        float: left;
        width: 23.125%;
        margin-right: 2.5%;
        margin-bottom: 2.5%;
    }

    .cols4>*:nth-child(4n) {
        float: right;
        margin-right: 0;
    }

    .cols4>*:nth-child(4n+1) {
        clear: both;
    }

    .cols5>* {
        float: left;
        width: 18.8%;
        margin-right: 1.5%;
        margin-bottom: 1.5%;
    }

    .cols5>*:nth-child(5n) {
        float: right;
        margin-right: 0;
    }

    .cols5>*:nth-child(5n+1) {
        clear: both;
    }

    .cols6>* {
        float: left;
        width: 15.83%;
        margin-right: 1%;
        margin-bottom: 1%;
    }

    .cols6>*:nth-child(6n) {
        float: right;
        margin-right: 0;
    }

    .cols6>*:nth-child(6n+1) {
        clear: both;
    }
	
}