@charset "UTF-8";


/*-------------------------------------------------------------
col1
-------------------------------------------------------------*/
.col1 .box1 .containerInner { margin: 0; }

/*-------------------------------------------------------------
col2-1（2カラム：50%｜50%）
-------------------------------------------------------------*/
.col2-1 { }
.col2-1 .box1 .containerInner { margin: 0 12px 0 0; }
.col2-1 .box2 .containerInner { margin: 0 0 0 12px; }

/*-------------------------------------------------------------
col2-2（2カラム：33%｜67%）
-------------------------------------------------------------*/
.col2-2 .box1 .containerInner { margin: 0 10px 0 0; }
.col2-2 .box2 .containerInner { margin: 0 0 0 10px; }

/*-------------------------------------------------------------
col2-3（2カラム：67%｜33%）
-------------------------------------------------------------*/
.col2-3 .box1 .containerInner { margin: 0 10px 0 0; }
.col2-3 .box2 .containerInner { margin: 0 0 0 10px; }

/*-------------------------------------------------------------
col2-4（2カラム：23%｜77%）
-------------------------------------------------------------*/
.col2-4 .box1 .containerInner { margin: 0 10px 0 0; }
.col2-4 .box2 .containerInner { margin: 0 0 0 10px; }

/*-------------------------------------------------------------
col2-5（2カラム：77%｜23%）
-------------------------------------------------------------*/
.col2-5 .box1 .containerInner { margin: 0 10px 0 0; }
.col2-5 .box2 .containerInner { margin: 0 0 0 10px; }

/*-------------------------------------------------------------
col2-6（2カラム：38%｜62%）
-------------------------------------------------------------*/
.col2-6 .box1 .containerInner { margin: 0 10px 0 0; }
.col2-6 .box2 .containerInner { margin: 0 0 0 10px; }

/*-------------------------------------------------------------
col2-7（2カラム：62%｜38%）
-------------------------------------------------------------*/
.col2-7 .box1 .containerInner { margin: 0 10px 0 0; }
.col2-7 .box2 .containerInner { margin: 0 0 0 10px; }

/*-------------------------------------------------------------
col2-8（2カラム：固定｜可変）
-------------------------------------------------------------*/
.col2-8 .box1 .containerInner { margin-left: 220px; }
.col2-8 .box2 .containerInner { margin: 0 20px 0 0; }

/*-------------------------------------------------------------
col2-9（2カラム：可変｜固定）
-------------------------------------------------------------*/
.col2-9 .box1 .containerInner { margin-right: 220px; }
.col2-9 .box2 .containerInner { margin: 0 0 0 20px; }

/*-------------------------------------------------------------
col3-1（3カラム：33%｜34%｜33%）
-------------------------------------------------------------*/
.col3-1 .box1 .containerInner { margin: 0 13px 0 0; }
.col3-1 .box2 .containerInner { margin: 0 13px; }
.col3-1 .box3 .containerInner { margin: 0 0 0 13px; }
.col3-1 .box1 { width: calc(100% / 3); }
.col3-1 .box2 { width: calc(100% / 3); }
.col3-1 .box3 { width: calc(100% / 3); }

/*-------------------------------------------------------------
col3-2（3カラム：25%｜50%｜25%）
-------------------------------------------------------------*/
.col3-2 .box1 .containerInner { margin: 0 7px 0 0; }
.col3-2 .box2 .containerInner { margin: 0 13px; }
.col3-2 .box3 .containerInner { margin: 0 0 0 7px; }

/*-------------------------------------------------------------
col3-3（3カラム：25%｜25%｜50%）
-------------------------------------------------------------*/
.col3-3 .box1 .containerInner { margin: 0 10px 0 0; }
.col3-3 .box2 .containerInner { margin: 0 10px 0 0; }
.col3-3 .box3 .containerInner { margin: 0 0 0 10px; }

/*-------------------------------------------------------------
col3-4（3カラム：50%｜25%｜25%）
-------------------------------------------------------------*/
.col3-4 { margin-right: -24px; overflow: hidden; }
.adminView .col3-4 { overflow: visible; }
.col3-4 .box1 {}
.col3-4 .box1 .containerInner { margin: 0 24px 0 0 !important; }
.col3-4 .box2 {}
.col3-4 .box2 .containerInner { margin: 0 24px 0 0 !important; }
.col3-4 .box3 {}
.col3-4 .box3 .containerInner { margin: 0 24px 0 0 !important; }

/*-------------------------------------------------------------
col3-5（3カラム：固定｜可変｜固定）
-------------------------------------------------------------*/
.col3-5 .box2 { width: 240px !important; }
.col3-5 .box3 { width: 240px !important; margin-left: -240px !important; }
.col3-5 .box1 .containerInner { margin: 0 240px; }
.col3-5 .box2 .containerInner { margin: 0 20px 0 0; }
.col3-5 .box3 .containerInner { margin: 0 0 0 20px; }

/*-------------------------------------------------------------
col4（4カラム：25%｜25%｜25%｜25%）
-------------------------------------------------------------*/
.col4 { margin-right: -24px; overflow: hidden; }
.col4 .box1 .containerInner { margin: 0 24px 0 0; }
.col4 .box2 .containerInner { margin: 0 24px 0 0; }
.col4 .box3 .containerInner { margin: 0 24px 0 0; }
.col4 .box4 .containerInner { margin: 0 24px 0 0; }

/*-------------------------------------------------------------
col5
-------------------------------------------------------------*/
.col5 { overflow: hidden; }
.col5 .inner { position: relative; margin-right: -20px; /zoom: 1; }
.col5 .box1 .containerInner { margin: 0 20px 0 0; }
.col5 .box2 .containerInner { margin: 0 20px 0 0; }
.col5 .box3 .containerInner { margin: 0 20px 0 0; }
.col5 .box4 .containerInner { margin: 0 20px 0 0; }
.col5 .box5 .containerInner { margin: 0 20px 0 0; margin-left: -1px; }