@charset "utf-8";

/* ################################################################################################ */
/* ## 共通スタイル ################################################################################ */
/* ################################################################################################ */
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,
.col-xlg-1,.col-xlg-2,.col-xlg-3,.col-xlg-4,.col-xlg-5,.col-xlg-6,.col-xlg-7,.col-xlg-8,.col-xlg-9,.col-xlg-10,.col-xlg-11,.col-xlg-12,
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	float:left;
	/*padding:10px;*/
}

.col-1 {width:8.3333%}
.col-2 {width:16.6667%}
.col-3 {width:25%}
.col-4 {width:33.3333%}
.col-5 {width:41.6667%}
.col-6 {width:50%}
.col-7 {width:58.3333%}
.col-8 {width:66.6666%}
.col-9 {width:75.0000%}
.col-10{width:83.3333%}
.col-11{width:91.6666%}
.col-12{width:100%}

.col-margin-0 {margin-left:0%}
.col-margin-1 {margin-left:8.3333%}
.col-margin-2 {margin-left:16.6667%}
.col-margin-3 {margin-left:25%}
.col-margin-4 {margin-left:33.3333%}
.col-margin-5 {margin-left:41.6667%}
.col-margin-6 {margin-left:50%}
.col-margin-7 {margin-left:58.3333%}
.col-margin-8 {margin-left:66.6666%}
.col-margin-9 {margin-left:75.0000%}
.col-margin-10{margin-left:83.3333%}
.col-margin-11{margin-left:91.6666%}
.col-margin-12{margin-left:100%}

/* ################################################################################################ */
/* ## パソコンサイト用スタイル(大画面) ############################################################ */
/* ################################################################################################ */
@media screen and (max-width: 9999px) {
	.col-xlg-1 {width:8.3333%}
	.col-xlg-2 {width:16.6667%}
	.col-xlg-3 {width:25%}
	.col-xlg-4 {width:33.3333%}
	.col-xlg-5 {width:41.6667%}
	.col-xlg-6 {width:50%}
	.col-xlg-7 {width:58.3333%}
	.col-xlg-8 {width:66.6666%}
	.col-xlg-9 {width:75.0000%}
	.col-xlg-10{width:83.3333%}
	.col-xlg-11{width:91.6666%}
	.col-xlg-12{width:100%}

	.col-xlg-margin-0 {margin-left:0%}
	.col-xlg-margin-1 {margin-left:8.3333%}
	.col-xlg-margin-2 {margin-left:16.6667%}
	.col-xlg-margin-3 {margin-left:25%}
	.col-xlg-margin-4 {margin-left:33.3333%}
	.col-xlg-margin-5 {margin-left:41.6667%}
	.col-xlg-margin-6 {margin-left:50%}
	.col-xlg-margin-7 {margin-left:58.3333%}
	.col-xlg-margin-8 {margin-left:66.6666%}
	.col-xlg-margin-9 {margin-left:75.0000%}
	.col-xlg-margin-10{margin-left:83.3333%}
	.col-xlg-margin-11{margin-left:91.6666%}
	.col-xlg-margin-12{margin-left:100%}
}

/* ################################################################################################ */
/* ## パソコンサイト用スタイル #################################################################### */
/* ################################################################################################ */
@media screen and (max-width: 1600px) {
	.col-lg-1 {width:8.3333%}
	.col-lg-2 {width:16.6667%}
	.col-lg-3 {width:25%}
	.col-lg-4 {width:33.3333%}
	.col-lg-5 {width:41.6667%}
	.col-lg-6 {width:50%}
	.col-lg-7 {width:58.3333%}
	.col-lg-8 {width:66.6666%}
	.col-lg-9 {width:75.0000%}
	.col-lg-10{width:83.3333%}
	.col-lg-11{width:91.6666%}
	.col-lg-12{width:100%}

	.col-lg-margin-0 {margin-left:0%}
	.col-lg-margin-1 {margin-left:8.3333%}
	.col-lg-margin-2 {margin-left:16.6667%}
	.col-lg-margin-3 {margin-left:25%}
	.col-lg-margin-4 {margin-left:33.3333%}
	.col-lg-margin-5 {margin-left:41.6667%}
	.col-lg-margin-6 {margin-left:50%}
	.col-lg-margin-7 {margin-left:58.3333%}
	.col-lg-margin-8 {margin-left:66.6666%}
	.col-lg-margin-9 {margin-left:75.0000%}
	.col-lg-margin-10{margin-left:83.3333%}
	.col-lg-margin-11{margin-left:91.6666%}
	.col-lg-margin-12{margin-left:100%}
}

/* ################################################################################################ */
/* ## タブレットサイト用スタイル ################################################################## */
/* ################################################################################################ */
@media screen and (max-width: 1190px) {
	.col-md-1 {width:8.3333%}
	.col-md-2 {width:16.6667%}
	.col-md-3 {width:25%}
	.col-md-4 {width:33.3333%}
	.col-md-5 {width:41.6667%}
	.col-md-6 {width:50%}
	.col-md-7 {width:58.3333%}
	.col-md-8 {width:66.6666%}
	.col-md-9 {width:75.0000%}
	.col-md-10{width:83.3333%}
	.col-md-11{width:91.6666%}
	.col-md-12{width:100%}

	.col-md-margin-0 {margin-left:0%}
	.col-md-margin-1 {margin-left:8.3333%}
	.col-md-margin-2 {margin-left:16.6667%}
	.col-md-margin-3 {margin-left:25%}
	.col-md-margin-4 {margin-left:33.3333%}
	.col-md-margin-5 {margin-left:41.6667%}
	.col-md-margin-6 {margin-left:50%}
	.col-md-margin-7 {margin-left:58.3333%}
	.col-md-margin-8 {margin-left:66.6666%}
	.col-md-margin-9 {margin-left:75.0000%}
	.col-md-margin-10{margin-left:83.3333%}
	.col-md-margin-11{margin-left:91.6666%}
	.col-md-margin-12{margin-left:100%}

	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,
.col-xlg-1,.col-xlg-2,.col-xlg-3,.col-xlg-4,.col-xlg-5,.col-xlg-6,.col-xlg-7,.col-xlg-8,.col-xlg-9,.col-xlg-10,.col-xlg-11,.col-xlg-12,
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
		/*padding: 10px;*/
	}
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width: 640px) {
	.col-sm-1 {width:8.3333%}
	.col-sm-2 {width:16.6667%}
	.col-sm-3 {width:25%}
	.col-sm-4 {width:33.3333%}
	.col-sm-5 {width:41.6667%}
	.col-sm-6 {width:50%}
	.col-sm-7 {width:58.3333%}
	.col-sm-8 {width:66.6666%}
	.col-sm-9 {width:75.0000%}
	.col-sm-10{width:83.3333%}
	.col-sm-11{width:91.6666%}
	.col-sm-12{width:100%}

	.col-sm-margin-0 {margin-left:0%}
	.col-sm-margin-1 {margin-left:8.3333%}
	.col-sm-margin-2 {margin-left:16.6667%}
	.col-sm-margin-3 {margin-left:25%}
	.col-sm-margin-4 {margin-left:33.3333%}
	.col-sm-margin-5 {margin-left:41.6667%}
	.col-sm-margin-6 {margin-left:50%}
	.col-sm-margin-7 {margin-left:58.3333%}
	.col-sm-margin-8 {margin-left:66.6666%}
	.col-sm-margin-9 {margin-left:75.0000%}
	.col-sm-margin-10{margin-left:83.3333%}
	.col-sm-margin-11{margin-left:91.6666%}
	.col-sm-margin-12{margin-left:100%}
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,
.col-xlg-1,.col-xlg-2,.col-xlg-3,.col-xlg-4,.col-xlg-5,.col-xlg-6,.col-xlg-7,.col-xlg-8,.col-xlg-9,.col-xlg-10,.col-xlg-11,.col-xlg-12,
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
		padding: 10px;
	}
}