@charset "UTF-8";

/* Update_Details's_css*/
/* 説明:メモ　クリップＡ */
.ag_product_des {
position:relative;
margin: 30px 0 0 2px;/* ボックス調整 */
padding: 35px 40px;
background-color:#fdfdfd;
font-size:15px;/* 文字サイズ */
font-size:1.5rem;
color:#444;/* 文章色 */
border:1px solid #ccc;/* 枠線 */
box-shadow:1px 1px 2px #eee;/* 影の色 */
}
.ag_product_des::before {/*クリップ */
position:absolute;
content:'';
top:-15px;
right:10px;
height:55px;
width:15px;
border:1px solid #777;
border-radius:12px;
box-shadow:1px 1px 2px #d0d0d0;
transform:rotate(10deg);
z-index:1;
}
.ag_product_des::after {
position:absolute;
content:'';
top:0;
width:10px;
right:20px;
border:solid 5px #fdfdfd;/*背景色と同じ色にする*/
z-index:2;
}

/* スマートフォンの場合 */
@media screen and (max-width: 480px) { 
.ag_product_des {
/* ボックス幅 */
padding: 18px 20px;
/* 文字サイズ */
font-size:12px !important;
font-size:1.2rem !important;
}
.ag_product_des::before {
top:-15px;
right:10px;
height:27px;
width:8px;
border-radius:6px;
}
.ag_product_des::after {
position: absolute;
width: 4px;
right: 16px;
border: solid 2.5px #fdfdfd;/*背景色と同じ色にする*/
z-index: 2;
}
}