﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 外枠 == */
.PickUp_Urgent
{
	background: #B91619;
        width: 100%;
}

.PickUp_Urgent .ModuleReference {
	background: linear-gradient(90deg, #B91619 0px,#B91619 330px, #F4F4F4 330px, #F4F4F4 960px);
	background: transparent;
	padding: 0px;
}

#HeaderPane .PickUp_Urgent .ModuleReference {
	width: 960px;
	margin: 0px auto 40px auto;
}

#ContentPane .PickUp_Urgent .ModuleReference
{
	width: 960px;
	margin: 0px auto 40px auto;
}

#LeftPane .PickUp_Urgent .ModuleReference,
#RightPane .PickUp_Urgent .ModuleReference
{
    width: 180px;
}


/* == 見出しブロック == */
.PickUp_Urgent h2 {
	color: #ffffff;
	font-size: medium;
	font-weight: bold;
	margin: 0px;
	padding: 30px 10px 30px 10px;
	position: absolute;
	width: 310px;
	text-align: center;
    position: relative;
    width: 35%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;    
}

.PickUp_Urgent .info_link
{
    top: 10px;
}

.PickUp_Urgent .Urgent_contents {
    background: #f4f4f4;
    display: inline-block;
    width: 64.5%;
    box-sizing: border-box;
    position: relative;
}

/* == リスト == */
.PickUp_Urgent .Urgent_contents ul {
	background: #f4f4f4;
	list-style: none;
	margin: 0;
	width: 580px;
	position: relative;
	top: 0px;
	left: 330px;
	padding: 30px 20px;
        left: 0;
    background: #f4f4f4;
    display: inline-block;
    width: 64.5%;
    box-sizing: border-box;
    position: relative;
}

.PickUp_Urgent .Urgent_contents li
{
    background: url("../../../Images/icon.png") no-repeat left 4px;
    display: block;
    padding: 2px 0 2px 20px;
}


/* == リスト2 == */
.PickUp_Urgent .ExtraordinaryInfo {
	/* background: #ffffff; */
	list-style: none;
	margin: 0;
	padding: 30px 10px;
	position: relative;
	width: 610px;
	left: 330px;
    background: #ffffff;
    display: inline-block;
    width: 64.5%;
    left: 0;
    box-sizing: border-box;
    position: relative;
}

.PickUp_Urgent .ExtraordinaryInfo li
{
    margin: 0;
    padding: 0;
}

.PickUp_Urgent .ExtraordinaryInfo li a
{
    background: url("../../../Images/icon.png") no-repeat left 4px;
    display: block;
    padding: 2px 0 2px 20px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 外枠 == */
.PickUp_Urgent
{
}

.PickUp_Urgent .ModuleReference
{
    background: #b2081e;
    padding: 10px;
    width: 300px;
}


/* == 見出しブロック == */
.PickUp_Urgent h2
{
    background: none;
    color: #ffffff;
    font-size: medium;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 0 5px;
    position: relative;
}

.PickUp_Urgent .info_link
{
    top: 10px;
}



/* == リスト == */
.PickUp_Urgent .Urgent_contents ul
{
    background: #ffffff;
    list-style: none;
    margin: 0;
    padding: 10px;
    position: relative;
}

.PickUp_Urgent .Urgent_contents li
{
    background: url("../../../Images/icon.png") no-repeat left 4px;
    display: block;
    padding: 2px 0 2px 20px;
}


/* == リスト2 == */
.PickUp_Urgent .ExtraordinaryInfo
{
    background: #ffffff;
    list-style: none;
    margin: 0;
    padding: 10px;
    position: relative;
}

.PickUp_Urgent .ExtraordinaryInfo li
{
    margin: 0;
    padding: 0;
}

.PickUp_Urgent .ExtraordinaryInfo li a
{
    background: url("../../../Images/icon.png") no-repeat left 4px;
    display: block;
    padding: 2px 0 2px 20px;
}
}
