﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
#Middle
{
    width: 1000px;
    margin: 0 atuo;
    padding-bottom: 40px;
    display: flex;
}

#ContentPane
{
    background: #ffffff;
}

#ContentPane .ModuleReference
{
    width: 100%;
}

/* ===== ページタイトル ===== */
.Lmenu_title .Title_text
{
    background-color: #004D99;
    color: #ffffff;
    display: block;
    font-size: xx-large;
    font-weight: bold;
    padding: 30px 25px 30px;
    margin-top: 30px;
    border-bottom: 6px solid #E9EDF7;
    border-radius: 15px 15px 0 0;
}

.Lmenu_title .Title_text:before
{
    content: url(../../../images/matsuri/i_h2.png);
    display: inline-block;
    margin: 0.35em 5px 0 0;
    position: relative;
    vertical-align: middle;
}


/* ===== 標準タイトルつきモジュール ===== */
.Item_Standard_Title .outside_b,
.NewsList_Standard .outside_b,
.PickUp_Standard .outside_b,
.LinkList_Standard .outside_b,
.ItemList_Standard .outside_b
{
    background: #ffffff;
    border-top: 3px solid #A30818;
    padding: 14px 10px 8px 15px;
    text-align: center;
    min-height: 50px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.Item_Standard_Title .outside_b:before,
.Item_Standard_Title .outside_b:after,
.NewsList_Standard .outside_b:before,
.NewsList_Standard .outside_b:after,
.PickUp_Standard .outside_b:before,
.PickUp_Standard .outside_b:after,
.LinkList_Standard .outside_b:before,
.LinkList_Standard .outside_b:after,
.ItemList_Standard .outside_b:before,
.ItemList_Standard .outside_b:after
{
    content: "";
    background: url(../../../images/matsuri/firework.png) no-repeat center center;
    display: table-cell;
    height: 50px;
    width: 70px;
}

.Item_Standard_Title .outside_b h2,
.NewsList_Standard .outside_b h2,
.PickUp_Standard .outside_b h2,
.LinkList_Standard .outside_b h2,
.ItemList_Standard .outside_b h2
{
    background: none;
    border-radius: 0;
    color: #000;
    font-size: x-large;
    font-weight: bold;
    margin: 0;
    padding: 0 !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.Item_Standard_Title .inside_b,
.NewsList_Standard .inside_b,
.PickUp_Standard .inside_b,
.LinkList_Standard .inside_b,
.ItemList_Standard .inside_b
{
    background: #ffffff;
}

.NewsList_Standard .inside_b .list_type > li,
.PickUp_Standard .inside_b ul > li,
.LinkList_Standard .inside_b ul > li,
.ItemList_Standard .content_block > article
{
    border-top: 3px dotted #A09C5B;
    padding: 10px 0;
}

.NewsList_Standard .inside_b .list_type > li:last-child,
.PickUp_Standard .inside_b ul > li:last-child,
.LinkList_Standard .inside_b ul > li:last-child,
.ItemList_Standard .content_block > article:last-child
{
    border-bottom: 3px dotted #A09C5B;
}

.NewsList_Standard .inside_b .list_type .DateTitle,
.PickUp_Standard .inside_b ul .DateTitle,
.LinkList_Standard .inside_b ul .DateTitle,
.ItemList_Standard .inside_b ul .DateTitle
{
    background: url(../../../images/matsuri/arrow_01.png) no-repeat left 5px top 50%;
}

.NewsList_Standard .list_type .TitleLink,
.PickUp_Standard ul .TitleLink,
.LinkList_Standard ul .TitleLink,
.ItemList_Standard ul .TitleLink
{
    display: inline-block !important;
    font-size: large;
    padding: 5px 5px 5px 25px;
}

.ModuleSet_Standard .SetContentPane .inside_b .page_control
{
    clear: both;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
    display: table;
    border-spacing: 5px 0;
}

.ModuleSet_Standard .SetContentPane .inside_b .page_control a
{
    margin: 0 5px 10px;
    padding: 10px 20px;
    color: #ffffff;
    border-radius: 20px 20px / 20px 20px;
    overflow: hidden;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    min-width: 160px;
}

.ModuleSet_Standard .SetContentPane .inside_b .page_control .PrevList_Ltab
{
    background: url(../../../Images/matsuri/arrow_03l.png) no-repeat left 10px top 50% #A30818;
}

.ModuleSet_Standard .SetContentPane .inside_b .page_control .PrevList_Rtab
{
    background: url(../../../Images/matsuri/arrow_03r.png) no-repeat right 10px top 50% #A30818;
}

.NewsList_Standard .Title {
    margin: 0px 0 10px;
    padding: 5px 100px 10px 15px;
}


/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* ===== ページタイトル ===== */
.Lmenu_title .Title_text
{
    background-color: #004D99;
    color: #ffffff;
    display: block;
    font-size: xx-large;
    font-weight: bold;
    padding: 30px 25px 30px;
    margin-top: 30px;
    border-bottom: 6px solid #E9EDF7;
    border-radius: 15px 15px 0 0;
}

.Lmenu_title .Title_text:before
{
    content: url(../../../images/matsuri/i_h2.png);
    display: inline-block;
    margin: 0.35em 5px 0 0;
    position: relative;
    vertical-align: middle;
}

/* ===== 標準タイトルつきモジュール ===== */
.Item_Standard_Title .outside_b,
.NewsList_Standard .outside_b,
.PickUp_Standard .outside_b,
.LinkList_Standard .outside_b,
.ItemList_Standard .outside_b
{
    background: #ffffff;
    border-top: 3px solid #A30818;
    padding: 14px 10px 8px 15px;
    text-align: center;
    min-height: 50px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.Item_Standard_Title .outside_b:before,
.Item_Standard_Title .outside_b:after,
.NewsList_Standard .outside_b:before,
.NewsList_Standard .outside_b:after,
.PickUp_Standard .outside_b:before,
.PickUp_Standard .outside_b:after,
.LinkList_Standard .outside_b:before,
.LinkList_Standard .outside_b:after,
.ItemList_Standard .outside_b:before,
.ItemList_Standard .outside_b:after
{
    content: "";
    background: url(../../../images/matsuri/firework.png) no-repeat center center;
    display: table-cell;
    height: 20px;
    width: 40px;
    background-size: 100%;
}

.Item_Standard_Title .outside_b h2,
.NewsList_Standard .outside_b h2,
.PickUp_Standard .outside_b h2,
.LinkList_Standard .outside_b h2,
.ItemList_Standard .outside_b h2
{
    background: none;
    border-radius: 0;
    color: #000;
    font-size: x-large;
    font-weight: bold;
    margin: 0;
    padding: 0 !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.Item_Standard_Title .inside_b,
.NewsList_Standard .inside_b,
.PickUp_Standard .inside_b,
.LinkList_Standard .inside_b,
.ItemList_Standard .inside_b
{
    background: #ffffff;
}

.NewsList_Standard .inside_b .list_type > li,
.PickUp_Standard .inside_b .list_type > li,
.LinkList_Standard .inside_b .list_type > li,
.ItemList_Standard .content_block > article
{
    border-top: 3px dotted #A09C5B;
    padding: 10px 0;
}

.NewsList_Standard .inside_b .list_type > li:last-child,
.PickUp_Standard .inside_b .list_type > li:last-child,
.LinkList_Standard .inside_b .list_type > li:last-child,
.ItemList_Standard .content_block > article:last-child
{
    border-bottom: 3px dotted #A09C5B;
}

.NewsList_Standard .inside_b .list_type .DateTitle,
.PickUp_Standard .inside_b .list_type .DateTitle,
.LinkList_Standard .inside_b .list_type .DateTitle,
.ItemList_Standard .inside_b .list_type .DateTitle
{
    background: url(../../../images/matsuri/arrow_01.png) no-repeat left 5px top 50%;
}

.NewsList_Standard .list_type .TitleLink,
.PickUp_Standard .list_type .TitleLink,
.LinkList_Standard .list_type .TitleLink,
.ItemList_Standard .list_type .TitleLink
{
    display: inline-block !important;
    font-size: large;
    padding: 5px 5px 5px 25px;
}

.ModuleSet_Standard .SetContentPane .inside_b .page_control
{
    clear: both;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
    display: table;
    border-spacing: 5px 0;
}

.ModuleSet_Standard .SetContentPane .inside_b .page_control a
{
    margin: 0 5px 10px;
    padding: 10px 20px;
    color: #ffffff;
    border-radius: 20px 20px / 20px 20px;
    overflow: hidden;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    min-width: 160px;
}

.ModuleSet_Standard .SetContentPane .inside_b .page_control .PrevList_Ltab
{
    background: url(../../../Images/matsuri/arrow_03l.png) no-repeat left 10px top 50% #A30818;
}

.ModuleSet_Standard .SetContentPane .inside_b .page_control .PrevList_Rtab
{
    background: url(../../../Images/matsuri/arrow_03r.png) no-repeat right 10px top 50% #A30818;
}

.NewsList_Standard .Title {
    margin: 0px 0 10px;
    padding: 5px 100px 10px 15px;
}
}
