@charset "UTF-8";

/* Update_Details's_css*/
/* 説明:メモ ホワイトボード風 */
.ag_product_des {
position: relative;
margin: 0.8em auto !important;
padding: 2.0em;
width: 98%;
background-color: #fff;
font-size: 15px;
font-size: 1.5rem;
color: #555;
border: 2px solid #C0C0C0;
border-radius: 7px;
box-shadow: 0 0 3px #222, 0 0 3px #5b5b5b inset;
}
.ag_product_des::before,
.ag_product_des::after {
 position: absolute;
 content: '';
 bottom: 3px;
 width: 25px; 
 border-radius: 2px;
 box-shadow: 1px 1px 3px #666;
} 
.ag_product_des::before {
 right: 55px;
 border: solid 3px #ff0000; /*飾ペン赤 */
}
.ag_product_des::after {
 right: 20px;
 border: solid 3px #333; /*飾ペン黒 */
 transform: rotate(8deg); /*飾ペン角度 */
}
@media screen and (max-width: 480px) { /* スマートフォンの場合 */
.ag_product_des {
margin: 0.8em auto !important;
padding: 2.0em;
font-size:12px !important;/* 文字サイズ */
font-size:1.2rem !important;
border: 1px solid #C0C0C0;
box-shadow: 0 0 2px #222, 0 0 3px #5b5b5b inset;
} 
.ag_product_des::before,
.ag_product_des::after {
 position: absolute;
 width: 20px; 
 box-shadow: 1px 1px 2px #666;
} 
.ag_product_des::before {
 right: 50px;
 border: solid 2px #ff0000; /*飾ペン赤 */
}
.ag_product_des::after {
 right: 20px;
 border: solid 2px #333; /*飾ペン黒 */
 transform: rotate(8deg); /*飾ペン角度 */
}
}