@charset "utf-8";

#main .content .end-caption{ margin-top: 10px; font-size: 0.8rem; }
#main .content{ background-color: #f0edec; border: solid #cccccc; border-width: 0 1px; }
#main .content .content-body{ box-sizing: border-box; width: 100%; padding: 10% 5%; }
#main .content .content-body .intro .txt{ margin-top: 10px; font-size: 1rem; font-weight: bold; }
#main .content .content-body .skin{ background-color: #ffffff; padding: 7% 5%; margin-top: 7%; }
#main .content .content-body .skin .list-item{  }
#main .content .content-body .skin .list-item .item{  }
#main .content .content-body .skin .list-item .item:nth-child(n+2){ margin-top: 10%; }
#main .content .content-body .skin .list-item .item .person-split{ display: flex; display: -ms-flex; align-items: center; margin-top: 3%; }
#main .content .content-body .skin .list-item .item .person-split .photo{ width: 35.7143%; }
#main .content .content-body .skin .list-item .item .person-split .txt-body{ flex: 1; }
#main .content .content-body .skin .list-item .item .person-split .txt-body .bubble{ font-size: 0.9rem; }
#main .content .content-body .skin .list-item .item .txt{ font-size: 1rem; margin-top: 5px; }
#main .content .content-body .skin .list-item .item .marker{ color: #1d2088; }
#main .content .content-body .skin .list-item .item .marker .icon{ color: #231815; padding: 2px 5px; border: 1px solid #666666; font-size: 80%; background-color: #ffffff; margin-left: 0.2em; display: inline-block; }
#main .content .content-body .skin .list-item .item .copy{ font-size: 1rem; }
#main .content .content-body .skin .list-item .item .caption{ font-size: 0.8rem; margin-top: 5px; }

#main .content .content-body .skin .list-item .item01 .person-split .photo{ margin-right: 3%; }
#main .content .content-body .skin .list-item .item01 .person-split .txt-body{ background-color: #c1dc8d; box-sizing: border-box; padding: 2%; border: 1px solid #333333; position: relative; }
#main .content .content-body .skin .list-item .item01 .person-split .txt-body::before{ content: ""; position: absolute; top: 10%; right: 100%; border: solid transparent; border-right-color: #333333; border-width: 6px 12px; }
#main .content .content-body .skin .list-item .item01 .person-split .txt-body::after{ content: ""; position: absolute; top: 10%; right: 100%; border: solid transparent; border-right-color: #c1dc8d; border-width: 5px 10px; margin-top: 1px; }
#main .content .content-body .skin .list-item .item02 .copy,
#main .content .content-body .skin .list-item .item03 .copy{ background:linear-gradient(transparent 40%, #c1dc8d 40%); display: inline; }
#main .content .content-body .skin .list-item .item02 .photo{ margin-bottom: -7%; }
#main .content .content-body .skin .list-item .item03 .photo{ margin-bottom: -7%; }

#main .content .content-body .skin .list-item .item04 .person-split{ flex-direction: row-reverse; }
#main .content .content-body .skin .list-item .item04 .person-split .photo{ margin-left: 2%; }
#main .content .content-body .skin .list-item .item04 .person-split .txt-body{ background-color: #fdd876; box-sizing: border-box; padding: 2%; border: 1px solid #333333; position: relative; }
#main .content .content-body .skin .list-item .item04 .person-split .txt-body::before{ content: ""; position: absolute; top: 10%; left: 100%; border: solid transparent; border-left-color: #333333; border-width: 6px 12px; }
#main .content .content-body .skin .list-item .item04 .person-split .txt-body::after{ content: ""; position: absolute; top: 10%; left: 100%; border: solid transparent; border-left-color: #fdd876; border-width: 5px 10px; margin-top: 1px; }
#main .content .content-body .skin .list-item .item05 .copy,
#main .content .content-body .skin .list-item .item06 .copy{ background:linear-gradient(transparent 40%, #fdd876 40%); display: inline; }
#main .content .content-body .skin .list-item .item05 .photo{ margin-bottom: -5%; }
#main .content .content-body .skin .list-item .item06 .photo{ margin-bottom: -13%; }

#main .content .content-body .netshop-btn{ margin-top: 10px; }
#main .content .content-body .netshop-btn a{ display: block; background-color: #000000; padding: 10px 0; font-size: 1rem; text-align: center; color: #ffffff; text-decoration: none; border-radius: 22px; }
#main .content .content-body .store-list{ display: flex; display: -ms-flex; margin-top: 5px; }
#main .content .content-body .store-list .store{ font-size: 0.8rem; border: 1px solid #666666; padding: 0 3px; border-radius: 3px; }
#main .content .content-body .store-list .store:nth-child(n+2){ margin-left: 2px; }



@media screen and (max-width: 780px){ /*780px以下のcss*/
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}