/*----------------------------------------------------------
  Designed by Creative Planning All Rights Reserved.
  product design : kaetenWP_JOY_css_layout_2l
  version        : 20160521
------------------------------------------------------------*/
@charset "UTF-8";

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

【左サイド290px:10+(10+250px+10)+10】+20px+【メインメイン710px:10+(20+650px+20)+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 0 0 310px; /*サイド幅＋余白幅*/
}

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

#sidebar1-r,#sidebar2-r,#sidebar3-r,#sidebarbody-r {
    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;} /*中央＋余白幅＋右幅*/


/*----------------------------------------------------------
●その他設定
------------------------------------------------------------*/
/*余白設定*/
#container-in {padding: 35px 0 15px;}
.article1,.article2,.article3,#error,.article-header,
.sidebar,.kijilist1,.kijilist2,.kijilist3,.kijilist4,
.post,#cms,.pagination,.ad1,.ad3,.ad4,.ad6 {margin-bottom: 30px;}
.pankuzu {margin-bottom: 15px;}
.page-footer,.ad2 {margin-top: 30px;}
.page-navi3 {margin: 60px 0 30px 0;}
.eyecatchbanner-outer {padding: 15px 0;}
.af {padding-top: 30px;}
.ftitle {margin: 30px -5px 0 -5px; padding: 10px 5px;}
.fbody {margin: 0 0 30px 0; padding: 0 5px;}

/*メインカラム*/
#content1,#content2,#content3 {padding: 10px 10px 1px 10px;}

/*サイドバー*/
#sidebarbody-l,#sidebarbody-r {padding: 10px 10px 1px 10px;}