﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
#ContentPane .PickUp_Standard .ModuleReference 
{
/*    border: 10px solid #b1e9de; */
    width: 960px;
}
#ContentPane .PickUp_Standard .ModuleReference .outside_b
{
    text-align: center;
}
.PickUp_Standard .Fix_header2 
{
    background:  none repeat scroll 0 0;
    color: #000000;
}
.PickUp_Standard .Fix_header2 .info_title
{
    display: flex;
    align-items: center;
}
.PickUp_Standard .Fix_header2 .info_title:before,
.PickUp_Standard .Fix_header2 .info_title:after
{
    content: "";
    flex-grow: 1;
    height: 2px; /* 線の太さ */
    background: #DCD1AE; /* 線の色 */
    margin: 0 1em; /* 文字と線の余白 */
}
.PickUp_Standard h2 .info_link .info_link_contents a 
{
    color: #000000;
}

.PickUp_Standard .ModuleReference .outside_b h2> .info_link 
{
    font-size: small;
    padding: 15px 15px 10px;
    position: absolute;
    right: -10px;
    top: -10px;
}


.PickUp_Standard .inside_b
{
    background: transparent url("../../../Images/50nen/topic_bk2.png") no-repeat left bottom;
    background-position: left bottom;
    height: auto;
    padding: 0px;
    float: left;
    width: 960px;
}
.PickUp_Standard .inside_b ul
{
    background: url("../../../Images/50nen/topic_bk.png") no-repeat scroll center top;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#ContentPane .PickUp_Standard .ModuleReference 
{
/*    border: 10px solid #b1e9de; */
    width: 300px;
}

#ContentPane .PickUp_Standard .ModuleReference .outside_b
{
    text-align: center;
}
.PickUp_Standard .Fix_header2 
{
    background:  none repeat scroll 0 0;
    color: #000000;
}
.PickUp_Standard .Fix_header2 .info_title
{
    display: flex;
    align-items: center;
}
.PickUp_Standard .Fix_header2 .info_title:before,
.PickUp_Standard .Fix_header2 .info_title:after
{
    content: "";
    flex-grow: 1;
    height: 2px; /* 線の太さ */
    background: #DCD1AE; /* 線の色 */
    margin: 0 1em; /* 文字と線の余白 */
}

.PickUp_Standard h2 .info_link .info_link_contents a 
{
    color: #000000;
}

.PickUp_Standard .ModuleReference .outside_b h2> .info_link 
{
    font-size: small;
    padding: 15px 15px 10px;
    position: absolute;
    right: -10px;
    top: -10px;
}


.PickUp_Standard .inside_b
{
    background: transparent url("../../../Images/50nen/topic_bk2.png") no-repeat left bottom;
    background-position: left bottom;
    height: auto;
    padding: 0px;
    float: left;
    width: 310px;
}
.PickUp_Standard .inside_b ul
{
    background: url("../../../Images/50nen/topic_bk.png") no-repeat scroll center top;
}


.PickUp_Standard .ModuleReference .info_title 
{
    padding-right: 85px;
}

.PickUp .inside_b > ul li .CreatedDate 
{
    float: none;
}

.PickUp .inside_b > ul li .R_Contents
{
    margin-left: 0;
}
}
