@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-10 {
    width:10%;
}
.sm-15 {
    width:15%;
}
.sm-20 {
    width:20%;
}
.sm-25 {
    width:25%;
}
.sm-30 {
    width:30%;
}
.sm-35 {
    width:35%;
}
.sm-40 {
    width:40%;
}
.sm-45 {
    width:45%;
}
.sm-50 {
    width:50%;
}
.sm-55 {
    width:55%;
}
.sm-60 {
    width:60%;
}
.sm-65 {
    width:65%;
}
.sm-70 {
    width:70%;
}
.sm-75 {
    width:75%;
}
.sm-80 {
    width:80%;
}
.sm-85 {
    width:85%;
}
.sm-90 {
    width:90%;
}
.sm-95 {
    width:95%;
}
.sm-100 {
    width:100%;
}
.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;}
/*.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-10 {
    width:10%;
}
.md-15 {
    width:15%;
}
.md-20 {
    width:20%;
}
.md-25 {
    width:25%;
}
.md-30 {
    width:30%;
}
.md-35 {
    width:35%;
}
.md-40 {
    width:40%;
}
.md-45 {
    width:45%;
}
.md-50 {
    width:50%;
}
.md-55 {
    width:55%;
}
.md-60 {
    width:60%;
}
.md-65 {
    width:65%;
}
.md-70 {
    width:70%;
}
.md-75 {
    width:75%;
}
.md-80 {
    width:80%;
}
.md-85 {
    width:85%;
}
.md-90 {
    width:90%;
}
.md-95 {
    width:95%;
}
.md-100 {
    width:100%;
}
.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;}
/*PC横30px スマホ0px*/	
.f-padding {padding:0 30px;}
	
}