@charset "utf-8";

/**
 * 商品お問い合わせ定義
 *
 * CSS versions	3
 *
 * @category   Web Application
 * @package    Argus
 * @copyright  2016 Polaris, Inc.
 *
 */
.BLK10620
{
    clear:both;
	width:100%;
}
.BLK10620 .ttl1
{
    padding-left:0;
    text-indent:0;
}
.BLK10620 div.first p:first-of-type
{
    margin-top:0.5em;
    font-size:1.3rem;
    font-weight:bold;
}
.BLK10620 div.first p:nth-of-type(2)
{
    margin-top:0.5em;
    font-weight:bold;
}
.BLK10620 div.first p:nth-of-type(2) span
{
    color:#f00;
}
.BLK10620 div.first
{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}

.BLK10620 div.first a
{
	text-decoration:underline;
}
.BLK10620 .description_frame
{
	margin:0 auto;
	width:96%;
}
.BLK10620 .description_frame div
{
	float:left;
	margin-top:0.8rem;
	width:68%;
}
.BLK10620 .description_frame div p
{
	font-size:1.08rem;
	font-weight:bold;
}
.BLK10620 .description_frame img
{
	float:right;
	display:block;
	margin-top:0.8rem;
	width:30%;
	max-width: 100%;
}
.BLK10620 .description_frame div.caution
{
	padding:0.7rem 0;
	width:100%;
	text-align:center;
	font-size:1.1rem;
	font-weight:bold;
	background-color:#d5e2e7;
	color:#d80000;
	
	/* 角丸 */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
@media screen and (min-width:0px) and (max-width:450px)
{
    .BLK10620 div.description_frame div
    {
        width:95%;
    }
    .BLK10620 div.description_frame img
    {
        clear:both;
        float:none;
        margin:0 auto;
        width:100%;
        max-width:200px;
    }
}
.BLK10620 div.plactical_frame
{
	margin:0 auto 1rem;
	width:96%;
}
.BLK10620 div.plactical_frame p:first-of-type
{
    margin-top:0.5em;
    font-weight:bold;
}
.BLK10620 div.plactical_frame p:first-of-type span
{
    color:#f00;
}
.BLK10620 div.plactical_frame > div > div
{
	float:left;
	margin-top:0.9rem;
	padding-bottom:0.4rem;
	width:30%;
	height:8rem;
	border: 1px solid #1879ac;
	
    /* 角丸 */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	
}
.BLK10620 div.plactical_frame > div > div:not(:first-child)
{
	position:relative;
	margin-left:4.9%;
}
.BLK10620 div.plactical_frame > div > div:not(:first-child):before
{
	position:absolute;
	left:-2rem;
	top:2.5rem;
	content:url(/contents/block/10630/arrow.png);
}
.BLK10620 div.plactical_frame > div > div > label
{
	display:block;
	margin:0.1rem auto 0.6rem;
	text-align:center;
	height:2.2rem;
	width:98%;
	line-height:2.2rem;
	font-size:1.1rem;
	color:#fff;
	background-color:#1879ac;
	
    /* 角丸 */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	
}
.BLK10620 div.plactical_frame > div > div > p
{
	padding:0 0.6rem;
	text-align:center;
}
@media screen and (min-width:561px) and (max-width:920px)
{
	.BLK10620 div.plactical_frame > div > div > label
	{
		font-size:0.9rem;
	}
	.BLK10620 div.plactical_frame > div > div > p
	{
		font-size:0.8rem;
	}
}
@media screen and (min-width:0px) and (max-width:560px)
{
	.BLK10620 div.plactical_frame > div > div
	{
		width:100%;
		margin-bottom:1.5rem;
	}
	.BLK10620 div.plactical_frame > div > div:not(:first-child)
	{
		position:relative;
		margin-left:0;
	}
	.BLK10620 div.plactical_frame > div > div:not(:first-child):before
	{
		position:absolute;
		left:45%;
		top:-2rem;
		content:url(/contents/block/10630/arrow_bottom.png);
	}
}
.BLK10620 .main_frame .frame.entry
{
	margin-top:1rem;
	margin-bottom:2rem;
}
.BLK10620 .main_frame .frame.entry textarea
{
    width:95%;
}

/* 確認 */
.BLK10620 .message_confirm
{
    margin-top:0.8em;
}
.BLK10620 .confirm_frame .frame.entry
{
	margin-top:0.8rem;
}

/* 完了 */
.BLK10620 .message_complete p:nth-child(1)
{
	margin-top:0.8rem;
	font-size:1.2rem;
	font-weight:bold;
}