@charset "utf-8";

/*
#container {
}

#content {
}
*/
/*
マックスウィズインナー：共通
---------------------------------------------------------*/
.l_max-inner{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.l_max-inner_800{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.l_max-inner_500{
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
/*
レスポンシブインナー：共通
---------------------------------------------------------*/
@media print,screen and (max-width: 1024px)  {
    .l_re-inner_800{
        width: 100%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
    .l_re-inner_600{
        width: 100%;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    .l_re-inner_400{
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
}
/*
インサイドインナー：共通
---------------------------------------------------------*/
.l_inside-inner {
    padding-left: 30px;
    padding-right: 30px;
}
@media print,screen and (max-width: 678px)  {
    .l_inside-inner{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media print,screen and (max-width: 375px)  {
    .l_inside-inner{
        padding-left: 8px;
        padding-right: 8px;
    }
}
/*
コンテント：サブページ
---------------------------------------------------------*/
/*
.l_sub-page #content{
    position: relative;
    margin-top: 100px;
    z-index: 1;
    padding-bottom: 2em;
}
@media print,screen and (max-width: 860px)  {
    .l_sub-page #content{
        padding-bottom: 0em;
    }
}
*/

/*
ワンカラム：コンテント
---------------------------------------------------------*/
.l_one-column > .l_max-inner{
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}
/*
@media print,screen and (max-width: 1024px)  {
    .l_one-column > .l_max-inner{
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
*/
/*
メイン：サブページ
---------------------------------------------------------*/
/*
.l_sub-page #main .l_max-inner{
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}
*/
/*
ワンカラム：インサイドインナー
---------------------------------------------------------*/
.l_one-column.l_inside-inner {
    padding-left: 30px;
    padding-right: 30px;
}
.l_one-column #breadcrumb.l_inside-inner {
    padding-left: 0;
    padding-right: 0;
}
.l_one-column #main .l_inside-inner {
    padding-left: 30px;
    padding-right: 30px;
}
@media print,screen and (max-width: 860px)  {
    .l_one-column.l_inside-inner{
        padding-left: 0;
        padding-right: 0;
    }
    .l_one-column #breadcrumb.l_inside-inner {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media print,screen and (max-width: 678px)  {
    .l_one-column #main .l_inside-inner{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media print,screen and (max-width: 375px)  {
    .l_one-column #breadcrumb.l_inside-inner,
    .l_one-column #main .l_inside-inner{
        padding-left: 8px;
        padding-right: 8px;
    }
}