@charset "UTF-8";

/*
  Designed by Creative Planning All Rights Reserved.
  product design : kaetenWP_JOY_css_layout_3c
  version        : 2016-12-01
*/

/*----------------------------------------------------------
●基本レイアウト(全体の幅・余白) 3カラム
------------------------------------------------------------*/
/*全体幅 1220px:

【左サイド240px:10+(10+200px+10)+10】+15px+【メイン710px:10+(20+650px+20)+10】+15px+【右サイド240px:10+(10+200px+10)+10】*/

#container-in {
    max-width: 1220px;
}

/*ベース幅(全体幅－20pxで設定)*/
#header-in,#globalmenu-in,#footer2,#footerinfo {
    max-width: 1200px;
}

/*バグ対策(全体幅で設定)*/
body {
    min-width: 1220px;
}

/*メインカラム*/
#wrapper1 {
    float: left;
    width: 100%;
}
#content1,#content2,#content3 {
    margin: 0 255px 0 255px; /*サイド幅＋余白幅*/
}

/*左サイドバー*/
#sidebar1-l,#sidebar2-l,#sidebar3-l {
    float: left;
    margin: 0 0 0 -100%;
    width: 240px;
}
/*右サイドバー*/
#sidebar1-r,#sidebar2-r,#sidebar3-r {
    float: left;
    margin: 0 0 0 -240px;
    width: 240px;
}

/*max1249px(全体幅1220px＋29px(10+20-1))*/
@media screen and (max-width: 1249px) {
body {min-width: 100%;}
#container1,#container2,#container3,#container-in,
#header-in,#globalmenu-outer,#globalmenu-in,#footer2,#footerinfo {max-width: 100%;}
#header-in,#footer2,#footerinfo,.eyecatchbanner {width: auto; margin: 0 10px;}
#header-in,.eyecatchbanner {background-size: 100% 100%;}
#container1,#container2,#container3 {border: none; box-shadow: none;}
#globalmenu {border-left: none;}
.text00 {overflow: visible;}
}

/*----------------------------------------------------------
●フッターフリースペースの幅
------------------------------------------------------------*/
/*ベース幅 1200px:
【左側640px:(5+630px+5)】+20px+【中央260px:(5+250px+5)】+20px+【右側260px:(5+250px+5)】*/

.fi-l {margin: 0 560px 0 0;}        /*左側(全体-左側)*/
.fi-c {width: 260px; float: left;}  /*中央*/
.fi-r {width: 260px; float: right;} /*右側*/

.fi-wrapper1 {float: left; width: 100%; }
.fi-wrapper2 {float: left; margin: 0 0 0 -540px; width: 540px;} /*中央＋余白幅＋右幅*/