@charset "utf-8";

/* Adobe社のIllustrator形式… */
.top_text {
    margin-bottom: 40px;
}
#data li,
#color li {
	list-style:outside disc;
	margin: 0 0 10px 20px;
}
#data .box_att {
	background:#FFEEEE;
	padding:16px 20px;
	margin-bottom: 30px;
}
#data .box_att dt {
	font-weight:bold;
	margin-bottom:6px;
}
#data .box_att dd {
	padding:0;
}
#data .price,
#trace .price {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    background: #009900;
    margin: 20px 0;
    padding: 0.2em 1em;
    color: #FFFFFF;
}
#data dt,
#trace dt {
    font-weight: bold;
    margin:24px 0 6px;
}
#data dt:first-child,
#trace dt:first-child {
    margin:0 0 6px;
}
/* 清刷り、パンフレット等に印刷された… */
#trace .price_box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 20px;
}
#trace .price {
    margin: 0 10px 0 0;
}
/* ロゴのカラー印刷について */
#main table.common_table {
    width: 600px;
    margin-top:20px; 
}
#main table caption {
    font-weight: bold;
    text-align: left;
}
#main table .-price {
    font-size: 18px;
    font-weight: bold;
}
.layout_box-inner > ul {
    margin-top: 30px;
}
#color dl {
    margin-top: 30px;
}
#color dt {
    font-weight: bold;
}
/* 画像と解像度について */
#box_resolution dl {
    padding: 16px 20px;
    background: #EEE;
}
#box_resolution dt {
    font-weight: bold;
    margin-bottom: 10px;
}
#box_resolution dd {
    margin-bottom: 6px;
}
/* 共通 */
.f_line {
    margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
/* Adobe社のIllustrator形式… */
.top_text {
    margin: 0 calc(30*100vw/750) calc(60*100vw/750);
}    
#data li,
#color li {
	margin: 0 0 calc(16*100vw/750) calc(36*100vw/750);
}
#data .box_att {
	padding:calc(20*100vw/750) calc(30*100vw/750);
	margin-bottom: calc(40*100vw/750);
}
#data .box_att dt {
	margin-bottom: calc(12*100vw/750);
}    
#data .price,
#trace .price {
    font-size: calc(36*100vw/750);
    margin: calc(36*100vw/750) 0;
}
#data dt,
#trace dt {
    font-weight: bold;
    margin:calc(50*100vw/750) 0 calc(12*100vw/750);
}
#data dt:first-child,
#trace dt:first-child {
    margin:0 0 calc(12*100vw/750);
}
/* 清刷り、パンフレット等に印刷された… */
#trace .price_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: calc(36*100vw/750);
}
#trace .price {
    margin: 0;
}
/* ロゴのカラー印刷について */
#main table.common_table {
    width: 100%;
    margin-top:calc(36*100vw/750);
}
#main table caption {
    text-align: center;
}
#main table .-price {
    font-size: calc(36*100vw/750);
}
.layout_box-inner > ul {
    margin-top: calc(60*100vw/750);
}
#color dl {
    margin-top: calc(60*100vw/750);
}
/* 画像と解像度について */
#box_resolution dl {
    padding: calc(20*100vw/750) calc(30*100vw/750);
}
#box_resolution dt {
    margin-bottom: calc(16*100vw/750);
}
#box_resolution dd {
    margin-bottom: calc(20*100vw/750);
}
/* 共通 */
.f_line {
    margin-bottom: calc(36*100vw/750);
}
}

/*#main table.common_table {
    width: 600px;
}
#main td.price {
    width: 35%;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}
#main h4 {
	margin-bottom:15px;
	padding: 5px;
	color:#003366;
	font-weight:bold;
	font-size:116%;
	background: #F0F0F0;
	border-left:#BBB solid 4px;
}
#main h4 span.font_r {
	font-size:87%;
	font-weight: normal;
}
#main p {
	margin-bottom:5px;
}
#main p.price {
	margin-bottom:10px;
	font-weight:bold;
	font-size:116%;
}
#data ul, #color ul {
	padding-left:25px;
}
#data li, #color li {
	list-style: outside disc;
	margin-bottom: 5px;
}
#data, #trace {
	margin-bottom:30px;
}
#data dt, #trace dt {
	font-weight:bold;
	margin-bottom:5px;
	color: #006600;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#data dd, #trace dd {
	margin-bottom:10px;
	padding-left:1.5em;
}
#data .box_att {
	background:#FFFFDE;
	padding:10px;
	margin-bottom: 20px;
}
#data .box_att dt {
	color:#333333;
	font-weight:bold;
	border-bottom:#999999 dotted 1px;
	margin-bottom:5px;
}
#data .box_att dd {
	padding:0;
}
#color {
	margin-bottom:30px;
}
#address {
	margin-bottom:30px;
}
#box_resolution {
	margin-bottom:50px;
	padding: 10px;
	background: #FFFFDE;
	border: #CCCCCC solid 1px;
}
#box_resolution dt {
	margin-bottom:10px;
	font-weight:bold;
	font-size: 116%;
}
#box_resolution dd {
	margin-bottom:10px;
}
#box_resolution p {
	margin:0;
	padding-left:1.5em;
	text-indent:-1.5em;
}
.lh {
	line-height:3em;
}*/