@charset "utf-8";
/*
コンテナー：共通
---------------------------------------------------------*/
#container {
    overflow: hidden;
}
/*
コンテント：共通
---------------------------------------------------------*/
#content {
    margin-left: auto;
    margin-right: auto;
}
/*
マックスウィズインナー：共通
---------------------------------------------------------*/
.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;
}
/*
レスポンシブインナー：共通
---------------------------------------------------------*/
@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: -50px;
    z-index: 1;
    padding-bottom: 2em;
}
@media print,screen and (max-width: 860px)  {
    .l_sub-page #content{
        padding-bottom: 0em;
    }
}
/*
コンテント：シングルページ
---------------------------------------------------------*/
.l_single-page #content {
    padding-bottom: 2em;
}
@media print,screen and (max-width: 1024px)  {
    .l_single-page #content{
        padding-bottom: 0em;
    }
}
/*
メイン：サブページ、シングルページ
---------------------------------------------------------*/
.l_sub-page #main > .l_max-inner,
.l_single-page #main > .l_max-inner{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
/*
ワンカラム：コンテント
---------------------------------------------------------*/
.l_one-column > .l_max-inner{
    max-width: 950px;
    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_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: 1024px)  {
    .l_one-column.l_inside-inner{
        padding-left: 0;
        padding-right: 0;
    }
    .l_one-column #breadcrumb.l_inside-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@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;
    }
}
/*
ツーカラム：ラッパー
---------------------------------------------------------*/
#l_two-column__wrapper{
    display: flex;
}
@media print,screen and (max-width: 1024px)  {
    #l_two-column__wrapper{
        flex-flow: column;
    }
}
/*
ツーカラム：メインカラム
---------------------------------------------------------*/
.l_two-column #l_main-column{
    margin-right: 30px;
    flex: 1;
}
@media print,screen and (max-width: 1024px)  {
    .l_two-column #l_main-column{
        margin-right: 0px;
    }
}
/*
ツーカラム：サイドカラム
---------------------------------------------------------*/
.l_two-column #side-column{
    width: 310px;
    padding-bottom: 25px;
}
@media screen and (max-width: 1024px) {
    .l_two-column #side-column{
        padding-top: 5rem;
        width: 100%;
        max-width: 100%;
        padding-bottom: 1.5rem;
        background-color: #ecedf7;
        background-image: linear-gradient(90deg, rgb(248, 248, 248) 50%, rgba(255, 255, 255, 0) 50%),
            linear-gradient(rgb(248, 248, 248) 50%, rgba(255, 255, 255, 0) 50%);
        background-size:5px 5px;
    }
}
/*
ツーカラム：コンテント
---------------------------------------------------------*/
.l_two-column > .l_max-inner{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/*
ツーカラム：インサイドインナー
---------------------------------------------------------*/
.l_two-column.l_inside-inner,
.l_two-column #main.l_inside-inner{
    padding-left: 30px;
    padding-right: 30px;
}
.l_two-column #sideber.l_inside-inner,
.l_two-column #breadcrumb.l_inside-inner{
    padding-left: 0px;
    padding-right: 0px;
}
@media print,screen and (max-width: 1024px)  {
    .l_two-column.l_inside-inner{
        padding-left: 0;
        padding-right: 0;
    }
    .l_two-column #breadcrumb.l_inside-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .l_two-column #sideber.l_inside-inner{
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media print,screen and (max-width: 678px)  {
    .l_two-column #main.l_inside-inner,
    .l_two-column #sideber.l_inside-inner{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media print,screen and (max-width: 375px)  {
    .l_two-column #breadcrumb.l_inside-inner,
    .l_two-column #main.l_inside-inner,
    .l_two-column #sideber.l_inside-inner{
        padding-left: 8px;
        padding-right: 8px;
    }
}