@charset "UTF-8";
html {
	box-sizing: border-box;
}

/*FlexBox*/
.container   {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap:wrap; /*100%超えたらフローさせる*/
	-ms-flex-wrap: wrap;
  	-webkit-box-pack: justify;
  	justify-content: space-between;
}

/*FlexBox（両端揃え無し）*/
.container2   {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
}

/*FlexBox（col-rowスマホ縦PC横）（col-colスマホとPC縦）（row-rowスマホとPC横）*/
/*--- スマホ ---*/
@media (max-width:767px){

.col-row, .col-col{ /*--- スマホ縦並び ---*/
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}

.row-row, .row-col{ /*--- スマホ横並び ---*/
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
  	-webkit-box-pack: justify;
  	justify-content: space-between;
}

.sm-1 { width: 1% !important; }
.sm-2 { width: 2% !important; }
.sm-3 { width: 3% !important; }
.sm-4 { width: 4% !important; }
.sm-5 { width: 5% !important; }
.sm-6 { width: 6% !important; }
.sm-7 { width: 7% !important; }
.sm-8 { width: 8% !important; }
.sm-9 { width: 9% !important; }
.sm-10 { width: 10% !important; }
.sm-11 { width: 11% !important; }
.sm-12 { width: 12% !important; }
.sm-13 { width: 13% !important; }
.sm-14 { width: 14% !important; }
.sm-15 { width: 15% !important; }
.sm-16 { width: 16% !important; }
.sm-17 { width: 17% !important; }
.sm-18 { width: 18% !important; }
.sm-19 { width: 19% !important; }
.sm-20 { width: 20% !important; }
.sm-21 { width: 21% !important; }
.sm-22 { width: 22% !important; }
.sm-23 { width: 23% !important; }
.sm-24 { width: 24% !important; }
.sm-25 { width: 25% !important; }
.sm-26 { width: 26% !important; }
.sm-27 { width: 27% !important; }
.sm-28 { width: 28% !important; }
.sm-29 { width: 29% !important; }
.sm-30 { width: 30% !important; }
.sm-31 { width: 31% !important; }
.sm-32 { width: 32% !important; }
.sm-33 { width: 33% !important; }
.sm-34 { width: 34% !important; }
.sm-35 { width: 35% !important; }
.sm-36 { width: 36% !important; }
.sm-37 { width: 37% !important; }
.sm-38 { width: 38% !important; }
.sm-39 { width: 39% !important; }
.sm-40 { width: 40% !important; }
.sm-41 { width: 41% !important; }
.sm-42 { width: 42% !important; }
.sm-43 { width: 43% !important; }
.sm-44 { width: 44% !important; }
.sm-45 { width: 45% !important; }
.sm-46 { width: 46% !important; }
.sm-47 { width: 47% !important; }
.sm-48 { width: 48% !important; }
.sm-49 { width: 49% !important; }
.sm-50 { width: 50% !important; }
.sm-51 { width: 51% !important; }
.sm-52 { width: 52% !important; }
.sm-53 { width: 53% !important; }
.sm-54 { width: 54% !important; }
.sm-55 { width: 55% !important; }
.sm-56 { width: 56% !important; }
.sm-57 { width: 57% !important; }
.sm-58 { width: 58% !important; }
.sm-59 { width: 59% !important; }
.sm-60 { width: 60% !important; }
.sm-61 { width: 61% !important; }
.sm-62 { width: 62% !important; }
.sm-63 { width: 63% !important; }
.sm-64 { width: 64% !important; }
.sm-65 { width: 65% !important; }
.sm-66 { width: 66% !important; }
.sm-67 { width: 67% !important; }
.sm-68 { width: 68% !important; }
.sm-69 { width: 69% !important; }
.sm-70 { width: 70% !important; }
.sm-71 { width: 71% !important; }
.sm-72 { width: 72% !important; }
.sm-73 { width: 73% !important; }
.sm-74 { width: 74% !important; }
.sm-75 { width: 75% !important; }
.sm-76 { width: 76% !important; }
.sm-77 { width: 77% !important; }
.sm-78 { width: 78% !important; }
.sm-79 { width: 79% !important; }
.sm-80 { width: 80% !important; }
.sm-81 { width: 81% !important; }
.sm-82 { width: 82% !important; }
.sm-83 { width: 83% !important; }
.sm-84 { width: 84% !important; }
.sm-85 { width: 85% !important; }
.sm-86 { width: 86% !important; }
.sm-87 { width: 87% !important; }
.sm-88 { width: 88% !important; }
.sm-89 { width: 89% !important; }
.sm-90 { width: 90% !important; }
.sm-91 { width: 91% !important; }
.sm-92 { width: 92% !important; }
.sm-93 { width: 93% !important; }
.sm-94 { width: 94% !important; }
.sm-95 { width: 95% !important; }
.sm-96 { width: 96% !important; }
.sm-97 { width: 97% !important; }
.sm-98 { width: 98% !important; }
.sm-99 { width: 99% !important; }
.sm-100 { width: 100% !important; }
.sm-33 {
    width:33.3%;
}
.sm-3-2 {
    width:66.7%;
}
.sm-4-3 {
    width:75%;
}
/*レスポンシブ設定ここまで*/

	
/*マージン設定*/
/*マージントップ*/
.mt-10 {margin-top:5px !important;}
.mt-20 {margin-top:10px !important;}
.mt-30 {margin-top:15px !important;}
.mt-40 {margin-top:20px !important;}
.mt-50 {margin-top:25px !important;}
.mt-60 {margin-top:30px !important;}
.mt-70 {margin-top:35px !important;}
.mt-80 {margin-top:40px !important;}
.mt-90 {margin-top:45px !important;}
.mt-100 {margin-top:50px !important;}
.mt-110 {margin-top:55px !important;}
.mt-120 {margin-top:60px !important;}
.mt-130 {margin-top:65px !important;}
.mt-140 {margin-top:70px !important;}
.mt-150 {margin-top:75px !important;}
.mt-160 {margin-top:80px !important;}
.mt-170 {margin-top:85px !important;}
.mt-180 {margin-top:90px !important;}
.mt-190 {margin-top:95px !important;}
.mt-200 {margin-top:100px !important;}
/*マージンボトム*/
.mb-10 {margin-bottom:5px !important;}
.mb-20 {margin-bottom:10px !important;}
.mb-30 {margin-bottom:15px !important;}
.mb-40 {margin-bottom:20px !important;}
.mb-50 {margin-bottom:25px !important;}
.mb-60 {margin-bottom:30px !important;}
.mb-70 {margin-bottom:35px !important;}
.mb-80 {margin-bottom:40px !important;}
.mb-90 {margin-bottom:45px !important;}
.mb-100 {margin-bottom:50px !important;}
.mb-110 {margin-bottom:55px !important;}
.mb-120 {margin-bottom:60px !important;}
.mb-130 {margin-bottom:65px !important;}
.mb-140 {margin-bottom:70px !important;}
.mb-150 {margin-bottom:75px !important;}
.mb-160 {margin-bottom:80px !important;}
.mb-170 {margin-bottom:85px !important;}
.mb-180 {margin-bottom:90px !important;}
.mb-190 {margin-bottom:95px !important;}
.mb-200 {margin-bottom:100px !important;}
/*マージン設定ここまで*/	
	
	
	
	
.sm-off {display: none !important;}
/*.md-off {display: inline-block;}*/
/*PC横30px スマホ0px*/
.f-padding {padding:0;}
	
}


@media (max-width:768px){
/*スマホで順番入れ替え設定*/	
.order1{order: 1; }
.order2{order: 2; }
.order3{order: 3; }
.order4{order: 4; }	
.order5{order: 5; }
.order6{order: 6; }
.order7{order: 7; }
.order8{order: 8; }
.order9{order: 9; }
.order10{order: 10; }
}



@media (min-width:768px){
/*レスポンシブ設定*/

.col-row, .row-row{ /*--- PC・タブレット横並び ---*/
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
}

.col-col, .row-col{ /*--- PC縦並び ---*/
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}

	
.md-1 { width: 1% !important; }
.md-2 { width: 2% !important; }
.md-3 { width: 3% !important; }
.md-4 { width: 4% !important; }
.md-5 { width: 5% !important; }
.md-6 { width: 6% !important; }
.md-7 { width: 7% !important; }
.md-8 { width: 8% !important; }
.md-9 { width: 9% !important; }
.md-10 { width: 10% !important; }
.md-11 { width: 11% !important; }
.md-12 { width: 12% !important; }
.md-13 { width: 13% !important; }
.md-14 { width: 14% !important; }
.md-15 { width: 15% !important; }
.md-16 { width: 16% !important; }
.md-17 { width: 17% !important; }
.md-18 { width: 18% !important; }
.md-19 { width: 19% !important; }
.md-20 { width: 20% !important; }
.md-21 { width: 21% !important; }
.md-22 { width: 22% !important; }
.md-23 { width: 23% !important; }
.md-24 { width: 24% !important; }
.md-25 { width: 25% !important; }
.md-26 { width: 26% !important; }
.md-27 { width: 27% !important; }
.md-28 { width: 28% !important; }
.md-29 { width: 29% !important; }
.md-30 { width: 30% !important; }
.md-31 { width: 31% !important; }
.md-32 { width: 32% !important; }
.md-33 { width: 33% !important; }
.md-34 { width: 34% !important; }
.md-35 { width: 35% !important; }
.md-36 { width: 36% !important; }
.md-37 { width: 37% !important; }
.md-38 { width: 38% !important; }
.md-39 { width: 39% !important; }
.md-40 { width: 40% !important; }
.md-41 { width: 41% !important; }
.md-42 { width: 42% !important; }
.md-43 { width: 43% !important; }
.md-44 { width: 44% !important; }
.md-45 { width: 45% !important; }
.md-46 { width: 46% !important; }
.md-47 { width: 47% !important; }
.md-48 { width: 48% !important; }
.md-49 { width: 49% !important; }
.md-50 { width: 50% !important; }
.md-51 { width: 51% !important; }
.md-52 { width: 52% !important; }
.md-53 { width: 53% !important; }
.md-54 { width: 54% !important; }
.md-55 { width: 55% !important; }
.md-56 { width: 56% !important; }
.md-57 { width: 57% !important; }
.md-58 { width: 58% !important; }
.md-59 { width: 59% !important; }
.md-60 { width: 60% !important; }
.md-61 { width: 61% !important; }
.md-62 { width: 62% !important; }
.md-63 { width: 63% !important; }
.md-64 { width: 64% !important; }
.md-65 { width: 65% !important; }
.md-66 { width: 66% !important; }
.md-67 { width: 67% !important; }
.md-68 { width: 68% !important; }
.md-69 { width: 69% !important; }
.md-70 { width: 70% !important; }
.md-71 { width: 71% !important; }
.md-72 { width: 72% !important; }
.md-73 { width: 73% !important; }
.md-74 { width: 74% !important; }
.md-75 { width: 75% !important; }
.md-76 { width: 76% !important; }
.md-77 { width: 77% !important; }
.md-78 { width: 78% !important; }
.md-79 { width: 79% !important; }
.md-80 { width: 80% !important; }
.md-81 { width: 81% !important; }
.md-82 { width: 82% !important; }
.md-83 { width: 83% !important; }
.md-84 { width: 84% !important; }
.md-85 { width: 85% !important; }
.md-86 { width: 86% !important; }
.md-87 { width: 87% !important; }
.md-88 { width: 88% !important; }
.md-89 { width: 89% !important; }
.md-90 { width: 90% !important; }
.md-91 { width: 91% !important; }
.md-92 { width: 92% !important; }
.md-93 { width: 93% !important; }
.md-94 { width: 94% !important; }
.md-95 { width: 95% !important; }
.md-96 { width: 96% !important; }
.md-97 { width: 97% !important; }
.md-98 { width: 98% !important; }
.md-99 { width: 99% !important; }
.md-100 { width: 100% !important; }
.md-33 {
    width:33.3%;
}
.md-3-2 {
    width:66.7%;
}
/*レスポンシブ設定ここまで*/


/*マージン設定*/
/*マージントップ*/
.mt-10 {margin-top:10px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-40 {margin-top:40px !important;}
.mt-50 {margin-top:50px !important;}
.mt-60 {margin-top:60px !important;}
.mt-70 {margin-top:70px !important;}
.mt-80 {margin-top:80px !important;}
.mt-90 {margin-top:90px !important;}
.mt-100 {margin-top:100px !important;}
.mt-110 {margin-top:110px !important;}
.mt-120 {margin-top:120px !important;}
.mt-130 {margin-top:130px !important;}
.mt-140 {margin-top:140px !important;}
.mt-150 {margin-top:150px !important;}
.mt-160 {margin-top:160px !important;}
.mt-170 {margin-top:170px !important;}
.mt-180 {margin-top:180px !important;}
.mt-190 {margin-top:190px !important;}
.mt-200 {margin-top:200px !important;}
/*マージンボトム*/
.mb-10 {margin-bottom:10px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-50 {margin-bottom:50px !important;}
.mb-60 {margin-bottom:60px !important;}
.mb-70 {margin-bottom:70px !important;}
.mb-80 {margin-bottom:80px !important;}
.mb-90 {margin-bottom:90px !important;}
.mb-100 {margin-bottom:100px !important;}
.mb-110 {margin-bottom:110px !important;}
.mb-120 {margin-bottom:120px !important;}
.mb-130 {margin-bottom:130px !important;}
.mb-140 {margin-bottom:140px !important;}
.mb-150 {margin-bottom:150px !important;}
.mb-160 {margin-bottom:160px !important;}
.mb-170 {margin-bottom:170px !important;}
.mb-180 {margin-bottom:180px !important;}
.mb-190 {margin-bottom:190px !important;}
.mb-200 {margin-bottom:200px !important;}
/*マージン設定ここまで*/	




/*.sm-off {display: inline-block;}*/
.md-off {display: none !important;}
/*PC横30px スマホ0px*/	
.f-padding {padding:0 30px;}
	
}