@charset "UTF-8";

/* ----------------------------------------  ■ 固定幅の設定 ------------------------------------------------*/

.wrapper {
	width: 1000px;
	margin: 0 auto;
}
@media only screen and (max-width: 999px) {
.wrapper {
	width: 100%;
}
}

/* ----------------------------------------  ■ 左右の余白の設定------------------------------------------------*/
.container, .container-fluid {
	padding: 0;
}
@media only screen and (max-width: 999px) {
.container-fluid {
	padding: 0 0.4em;
}
}

/* ----------------------------------------  ■ ガター幅を０------------------------------------------------*/
.row {
    margin-left:0px;
    margin-right:0px;
}
.row [class^="col-"] {
	padding: 0;
	margin:0;
}
/* ----------------------------------------  ■ ガター幅を調整------------------------------------------------*/
.row-2 {
    margin-left:-1px;
    margin-right:-1px;
}	
.row-2 [class^="col-"] {
    padding-right:1px;
    padding-left:1px;
}
.row-4 {
    margin-left:-2px;
    margin-right:-2px;
}	
.row-4 [class^="col-"] {
    padding-right:2px;
    padding-left:2px;
}
.row-6 {
    margin-left:-3px;
    margin-right:-3px;
}	
.row-6 [class^="col-"] {
    padding-right:3px;
    padding-left:3px;
}
.row-8 {
    margin-left:-4px;
    margin-right:-4px;
}	
.row-8 [class^="col-"] {
    padding-right:4px;
    padding-left:4px;
}
.row-10 {
    margin-left:-5px;
    margin-right:-5px;
}	
.row-10 [class^="col-"] {
    padding-right:5px;
    padding-left:5px;
}
.row-12 {
    margin-left:-6px;
    margin-right:-6px;
}	
.row-12 [class^="col-"] {
    padding-right:6px;
    padding-left:6px;
}
.row-16 {
    margin-left:-8px;
    margin-right:-8px;
}
.row-16 [class^="col-"] {
    padding-right:8px;
    padding-left:8px;
}
.row-20 {
    margin-left:-10px;
    margin-right:-10px;
}
.row-20 [class^="col-"] {
    padding-right:10px;
    padding-left:10px;
}
.row-30{
    margin-left:-15px;
    margin-right:-15px;
 }
.row-30 [class^="col-"] {
    padding-right:15px;
    padding-left:15px;
}
.row-40{
    margin-left:-20px;
    margin-right:-20px;
}
.row-40 [class^="col-"] {
    padding-right:20px;
    padding-left:20px;
}
.row-50{
    margin-left:-25px;
    margin-right:-25px;
}
.row-50 [class^="col-"] {
    padding-right:25px;
    padding-left:25px;
}
.row-60{
    margin-left:-30px;
    margin-right:-30px;
}
.row-60 [class^="col-"] {
    padding-right:30px;
    padding-left:30px;
}
.row-80{
    margin-left:-40px;
    margin-right:-40px;
}
.row-80 [class^="col-"] {
    padding-right:40px;
    padding-left:40px;
}
.row-100{
    margin-left:-50px;
    margin-right:-50px;
}
.row-100 [class^="col-"] {
    padding-right:50px;
    padding-left:50px;
}
/* ----------------------------------------  ■ containerサイズを変更する場合------------------------------------------------*/

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
 @media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
 @media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
 @media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}