.article-Header_Logo-dogheart { display: block; width: 120px; }
@container headerContainer (max-width: 350px) { .article-Header_Logo-dogheart { width: 117px; } }

.article-Header_Icon-dogheart { color: #393332; }

.articleList-About_Inner-dogheart { width: 100%; height: 34vw; box-sizing: border-box; background-color: #ebf1f5; }

.articleList-About_Text-dogheart { padding-top: 1.5vw; color: #3e3a39; font-size: 4.3vw; font-weight: bold; text-shadow: #ffffff 0.3vw 0 0, #ffffff -0.3vw 0 0, #ffffff 0 -0.3vw 0, #ffffff 0 0.3vw 0, #ffffff 0.3vw 0.3vw 0, #ffffff -0.3vw 0.3vw 0, #ffffff 0.3vw -0.3vw 0, #ffffff -0.3vw -0.3vw 0, #ffffff 0.15vw 0.3vw 0, #ffffff -0.15vw 0.3vw 0, #ffffff 0.15vw -0.3vw 0, #ffffff -0.15vw -0.3vw 0, #ffffff 0.3vw 0.15vw 0, #ffffff -0.3vw 0.15vw 0, #ffffff 0.3vw -0.15vw 0, #ffffff -0.3vw -0.15vw 0, #ffffff 0.15vw 0.15vw 0, #ffffff -0.15vw 0.15vw 0, #ffffff 0.15vw -0.15vw 0, #ffffff -0.15vw -0.15vw 0; filter: drop-shadow(1px 1px 0 #ffffff); }

.articleList-About_Item-dogheart { position: relative; width: 30.4vw; height: 21.4vw; border: 1px solid #3e3a39; border-radius: 10px; box-sizing: border-box; background-color: #ffffff; }
.articleList-About_Item-dogheart:nth-of-type(-n+2) { margin-right: 1.8vw; }
.articleList-About_Item-dogheart:nth-of-type(-n+2):before { content: ""; display: block; position: absolute; inset: 0 -2.3vw 0 auto; width: 0; height: 0; margin: auto; border-style: solid; border-width: 3.2vw 0 3.2vw 2.3vw; border-color: transparent transparent transparent #3e3a39; }

.articleList-About_ItemText-dogheart { margin: 2vw auto 0.6vw; color: #3e3a39; font-size: 3.2vw; font-weight: bold; line-height: 1.2; }

.articleList-About_ItemTextEmphasis-dogheart { display: inline-block; margin: 0 0.5vw; color: #f09918; }

.articleList-Info_TitleIcon-dogheart { display: inline-block; margin-right: 8px; padding: 2px 6px; border-radius: 3px; background: #f09918; color: #ffffff; font-size: 10pt; font-weight: bold; text-align: center; vertical-align: middle; }

.article-SubBox_StampCount-dogheart { padding: 5px 0; border-radius: 30px; background: #525252; color: #ffffff; font-size: 11pt; font-weight: bold; text-align: center; }

.article-SubBox_StampCountTextEmphasis-dogheart { padding: 0 2px; color: #ffe047; }

.articleList-ArticleList_Item { width: auto; margin: 15px 10px; padding: 0; border: 1px solid #eeeeee; }

.articleList-ArticleList_ItemInner { display: block; }

.articleList-ArticleList_ImageWrapper { width: auto; height: auto; margin: auto; }

.articleList-ArticleList_Image { height: 250px; object-position: 0 0; border-radius: 0; vertical-align: top; }

.articleList-ArticleList_Title { position: absolute; bottom: 0; width: 100%; max-height: 250px; padding: 10px; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); line-height: 1.6; text-overflow: ellipsis; }

.articleList-ArticleList_TitleInner { -webkit-line-clamp: 2; }

.articleDetail-StampGetButton_Dogheart { display: block; position: relative; z-index: 1000; width: 90%; margin: 0 auto 15px; padding: 6px 0; border: 1px solid #f09918; border-radius: 6px; box-sizing: border-box; background: #f09918; color: #ffffff; font-size: 13pt; font-weight: bold; line-height: 2.1; text-align: center; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.articleStamp-Container_Dogheart { width: 100%; padding-top: 5px; border-radius: 10px; box-sizing: border-box; }
.articleStamp-Container_Dogheart:before { content: ""; display: block; width: 100%; height: 9vw; background: url("/images/sp/default/dogheart/obj_stampnoteHead.png") top center/100% no-repeat; }

.articleStamp-Container_Inner-dogheart { position: relative; width: 100%; padding-bottom: 15px; background-color: #ebf1f5; }

.articleStamp-GetText_TitleEmphasis-dogheart { display: inline-block; margin-right: 0.5vw; color: #ee2b2b; }

.articleStamp-NextButton_Dogheart { display: block; position: relative; z-index: 1000; width: 90%; margin: 0 auto 15px; padding: 6px 0; border: 1px solid #f09918; border-radius: 6px; box-sizing: border-box; background: #f09918; color: #ffffff; font-size: 13pt; font-weight: bold; line-height: 2.1; text-align: center; width: 48%; margin: 0; }

.articleError-Frame_Dogheart { width: 90%; margin: 40px auto 0; padding: 20px 18px; border-radius: 6px; box-sizing: border-box; background-color: #f0f0f0; }