@charset "UTF-8";

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

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

【メイン710px:10+(20+650px+20)+10】+20px+【右サイド290px:10+(10+250px+10)+10】*/

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

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

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

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

/*右サイドバー*/
#sidebar1-r,#sidebar2-r,#sidebar3-r {
    float: left;
    margin: 0 0 0 -290px;
    width: 290px;
}
#sidebar1-l,#sidebar2-l,#sidebar3-l,#sidebarbody-l {
    display: none;
}

/*max1049px(全体幅1020px＋29px(10+20-1))*/
@media screen and (max-width: 1049px) {
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;}
}

/*----------------------------------------------------------
●フッターフリースペースの幅
------------------------------------------------------------*/
/*ベース幅 1000px:
【左側540px:(5+530px+5)】+20px+【中央210px:(5+200px+5)】+20px+【右側210px:(5+200px+5)】*/

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

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