@charset "utf-8";

/* =========================================================================

■gneralスペーシング■

============================================================================ */

/* スペーシング（マージンとパディングは同じ値にすること）
---------------------------------------------- */
.mt-m {margin-top:30px !important;}/* 追加 */
.pt-l {padding-top:40px !important;}/* 追加 */
.mr-0 {margin-right:0 !important;}
.mr-m {margin-right:20px !important;}
.mr-l {margin-right:40px !important;}/* 追加 */
.pr-0 {padding-right:0 !important;}
.pr-m {padding-right:20px !important;}
.pr-l {padding-right:40px !important;}/* 追加 */
.ml-0 {margin-left:0 !important;}
.ml-m {margin-left:20px !important;}/* 追加 */
.pl-0 {padding-left:0 !important;}
.pl-m {padding-left:20px !important;}/* 追加 */
.mb-0 {margin-bottom:0 !important;}
.mb-xs {margin-bottom:5px !important;}
.mb-s {margin-bottom:10px !important;}/* 使用 */
.mb-xm {margin-bottom:20px !important;}/* 使用 */
.mb-m {margin-bottom:30px !important;}/* 使用 */
.mb-l {margin-bottom:40px !important;}/* 使用 */
.mb-xl {margin-bottom:70px !important;}/* 使用 */
.pb-0 {padding-bottom:0 !important;}
.pb-xs {padding-bottom:5px !important;}
.pb-s {padding-bottom:10px !important;}/* 使用 */
.pb-xm {padding-bottom:20px !important;}/* 使用 */
.pb-m {padding-bottom:30px !important;}/* 使用 */
.pb-l {padding-bottom:40px !important;}/* 使用 */
.pb-xl {padding-bottom:70px !important;}/* 使用 */

@media only screen and (min-width: 601px) and (max-width: 960px) {
	.mt-m {margin-top:30px !important;}/* 追加 */
	.pt-l {padding-top:40px !important;}/* 追加 */
	.mb-xs {margin-bottom:5px !important;}
	.mb-s {margin-bottom:10px !important;}/* 使用 */
	.mb-xm {margin-bottom:20px !important;}/* 使用 */
	.mb-m {margin-bottom:30px !important;}/* 使用 */
	.mb-l {margin-bottom:40px !important;}/* 使用 */
	.mb-xl {margin-bottom:50px !important;}/* 使用 */
	.pb-0 {padding-bottom:0 !important;}
	.pb-xs {padding-bottom:5px !important;}
	.pb-s {padding-bottom:10px !important;}/* 使用 */
	.pb-xm {padding-bottom:20px !important;}/* 使用 */
	.pb-m {padding-bottom:30px !important;}/* 使用 */
	.pb-l {padding-bottom:40px !important;}/* 使用 */
	.pb-xl {padding-bottom:50px !important;}/* 使用 */
}

@media screen and (max-width: 600px) {
	.mt-m {margin-top:15px !important;}/* 追加 */
	.pt-l {padding-top:20px !important;}/* 追加 */
	.mb-xs {margin-bottom:5px !important;}
	.mb-s {margin-bottom:10px !important;}/* 使用 */
	.mb-xm {margin-bottom:15px !important;}/* 使用 */
	.mb-m {margin-bottom:15px !important;}/* 使用 */
	.mb-l {margin-bottom:20px !important;}/* 使用 */
	.mb-xl {margin-bottom:20px !important;}/* 使用 */
	.pb-xs {padding-bottom:5px !important;}
	.pb-s {padding-bottom:10px !important;}/* 使用 */
	.pb-xm {padding-bottom:15px !important;}/* 使用 */
	.pb-m {padding-bottom:15px !important;}/* 使用 */
	.pb-l {padding-bottom:20px !important;}/* 使用 */
	.pb-xl {padding-bottom:20px !important;}/* 使用 */
}

/*PCオンリー*/
@media screen and (min-width: 961px) {
	.mr-0_pc {margin-right:0 !important;}
	.pr-0_pc {padding-right:0 !important;}
	.mr-m_pc {margin-right:20px !important;}
	.mr-l_pc {margin-right:40px !important;}/* 追加 */
	.pr-m_pc {padding-right:20px !important;}
	.pr-l_pc {padding-right:40px !important;}/* 追加 */
	.ml-0_pc {margin-left:0 !important;}
	.pl-0_pc {padding-left:0 !important;}
	.mb-0_pc {margin-bottom:0 !important;}
	.mb-xs_pc {margin-bottom:5px !important;}
	.mb-s_pc {margin-bottom:10px !important;}
	.mb-xm_pc {margin-bottom:20px !important;}
	.mb-m_pc {margin-bottom:30px !important;}
	.mb-l_pc {margin-bottom:40px !important;}
	.mb-xl_pc {margin-bottom:70px !important;}
	.pb-0_pc {padding-bottom:0 !important;}
	.pb-xs_pc {padding-bottom:5px !important;}
	.pb-s_pc {padding-bottom:10px !important;}
	.pb-xm_pc {padding-bottom:20px !important;}
	.pb-m_pc {padding-bottom:30px !important;}
	.pb-l_pc {padding-bottom:40px !important;}
	.pb-xl_pc {padding-bottom:70px !important;}
}

/*タブレットオンリー*/
@media only screen and (min-width: 601px) and (max-width: 960px) {
	.mr-0_tb {margin-right:0 !important;}
	.pr-0_tb {padding-right:0 !important;}
	.mr-m_tb {margin-right:10px !important;}
	.pr-m_tb {padding-right:10px !important;}
	.ml-0_tb {margin-left:0 !important;}
	.pl-0_tb {padding-left:0 !important;}
	.mb-0_tb {margin-bottom:0 !important;}
	.mb-xs_tb {margin-bottom:5px !important;}
	.mb-s_tb {margin-bottom:10px !important;}
	.mb-xm_tb {margin-bottom:15px !important;}/* 使用 */
	.mb-m_tb {margin-bottom:15px !important;}
	.mb-l_tb {margin-bottom:20px !important;}
	.mb-xl_tb {margin-bottom:30px !important;}
	.pb-0_tb {padding-bottom:0 !important;}
	.pb-xs_tb {padding-bottom:5px !important;}
	.pb-s_tb {padding-bottom:10px !important;}
	.pb-xm_tb {padding-bottom:15px !important;}
	.pb-m_tb {padding-bottom:15px !important;}
	.pb-l_tb {padding-bottom:20px !important;}
	.pb-xl_tb {padding-bottom:30px !important;}
}

/*スマホオンリー*/
@media screen and (max-width: 600px) {
	.mr-0_sp {margin-right:0 !important;}
	.pr-0_sp {padding-right:0 !important;}
	.mr-m_sp {margin-right:10px !important;}
	.pr-m_sp {padding-right:10px !important;}
	.ml-0_sp {margin-left:0 !important;}
	.pl-0_sp {padding-left:0 !important;}
	.mb-0_sp {margin-bottom:0 !important;}
	.mb-xs_sp {margin-bottom:5px !important;}
	.mb-s_sp {margin-bottom:10px !important;}/* 使用 */
	.mb-xm_sp {margin-bottom:15px !important;}
	.mb-m_sp {margin-bottom:15px !important;}
	.mb-l_sp {margin-bottom:20px !important;}
	.mb-xl_sp {margin-bottom:30px !important;}
	.pb-0_sp {padding-bottom:0 !important;}
	.pb-xs_sp {padding-bottom:5px !important;}
	.pb-s_sp {padding-bottom:10px !important;}
	.pb-xm_sp {padding-bottom:15px !important;}
	.pb-m_sp {padding-bottom:15px !important;}
	.pb-l_sp {padding-bottom:20px !important;}
	.pb-xl_sp {padding-bottom:30px !important;}
}



/* =========================================================================

■左右margin設定（パーセント指定）■

============================================================================ */

/* margin-right設定
---------------------------------------------- */
.size-mr1 { margin-right: 0.833333333%; }
.size-mr2 { margin-right: 1.666666667%; }
.size-mr3 { margin-right: 2.5%; }
.size-mr4 { margin-right: 3.333333333%; }
.size-mr5 { margin-right: 4.166666667%; }
.size-mr6 { margin-right: 5%; }
.size-mr7 { margin-right: 5.833333333%; }
.size-mr8 { margin-right: 6.666666667%; }
.size-mr9 { margin-right: 7.5%; }
.size-mr10 { margin-right: 8.333333333%; }
.size-mr11 { margin-right: 9.166666667%; }
.size-mr12 { margin-right: 10%; }
.size-mr13 { margin-right: 10.83333333%; }
.size-mr14 { margin-right: 11.66666667%; }
.size-mr15 { margin-right: 12.5%; }
.size-mr16 { margin-right: 13.33333333%; }
.size-mr17 { margin-right: 14.16666667%; }
.size-mr18 { margin-right: 15%; }
.size-mr19 { margin-right: 15.83333333%; }
.size-mr20 { margin-right: 16.66666667%; }

/*スマホ*/
@media screen and (max-width: 600px) {
	.size-mr1:not(.size-fixed), .size-mr2:not(.size-fixed), .size-mr3:not(.size-fixed), .size-mr4:not(.size-fixed), .size-mr5:not(.size-fixed), .size-mr6:not(.size-fixed), .size-mr7:not(.size-fixed), .size-mr8:not(.size-fixed), .size-mr9:not(.size-fixed), .size-mr10:not(.size-fixed), .size-mr11:not(.size-fixed), .size-mr12:not(.size-fixed), .size-mr13:not(.size-fixed), .size-mr14:not(.size-fixed), .size-mr15:not(.size-fixed), .size-mr16:not(.size-fixed), .size-mr17:not(.size-fixed), .size-mr18:not(.size-fixed), .size-mr19:not(.size-fixed), .size-mr20:not(.size-fixed) {margin-right: 0;}
}


/* margin-left設定
---------------------------------------------- */
.size-ml1 { margin-left: 0.833333333%; }
.size-ml2 { margin-left: 1.666666667%; }
.size-ml3 { margin-left: 2.5%; }/* 使用 */
.size-ml4 { margin-left: 3.333333333%; }
.size-ml5 { margin-left: 4.166666667%; }
.size-ml6 { margin-left: 5%; }/* 使用 */
.size-ml7 { margin-left: 5.833333333%; }
.size-ml8 { margin-left: 6.666666667%; }
.size-ml9 { margin-left: 7.5%; }
.size-ml10 { margin-left: 8.333333333%; }
.size-ml11 { margin-left: 9.166666667%; }
.size-ml12 { margin-left: 10%; }
.size-ml13 { margin-left: 10.83333333%; }
.size-ml14 { margin-left: 11.66666667%; }
.size-ml15 { margin-left: 12.5%; }
.size-ml16 { margin-left: 13.33333333%; }
.size-ml17 { margin-left: 14.16666667%; }
.size-ml18 { margin-left: 15%; }
.size-ml19 { margin-left: 15.83333333%; }
.size-ml20 { margin-left: 16.66666667%; }

/*スマホ*/
@media screen and (max-width: 600px) {
	.size-ml1:not(.size-fixed), .size-ml2:not(.size-fixed), .size-ml3:not(.size-fixed), .size-ml4:not(.size-fixed), .size-ml5:not(.size-fixed), .size-ml6:not(.size-fixed), .size-ml7:not(.size-fixed), .size-ml8:not(.size-fixed), .size-ml9:not(.size-fixed), .size-ml10:not(.size-fixed), .size-ml11:not(.size-fixed), .size-ml12:not(.size-fixed), .size-ml13:not(.size-fixed), .size-ml14:not(.size-fixed), .size-ml15:not(.size-fixed), .size-ml16:not(.size-fixed), .size-ml17:not(.size-fixed), .size-ml18:not(.size-fixed), .size-ml19:not(.size-fixed), .size-ml20:not(.size-fixed) {margin-left: 0;}
	
	.size-ml3 { margin-left: 1.333333333%; }/* 追加 */
}