@charset "UTF-8";
.article-Header_Logo-chie { display: block; width: 100px; }
.article-Header_Logo-chie:hover { opacity: 0.8; transition: all 0.2s; }

.article-Header_Icon-chie { color: #333333; }
.article-Header_Icon-chie:hover { color: #595959; transition: color 0.2s; }

.article-SubBox_Title-chie { color: #fd6914; font-size: 20px; font-weight: bold; }

.article-SubBox_StampCount-chie { margin-top: 15px; padding: 10px 0; border-radius: 2px; background: #fd6914; color: #ffffff; font-size: 15px; font-weight: bold; text-align: center; }

.article-SubBox_StampCountTextEmphasis-chie { padding: 0 2px; color: #ffee99; }

.articleList-About_Inner-chie { width: 100%; height: 224px; box-sizing: border-box; background: url("/images/pc/default/chie/single/bg_howto.png") top center/100% no-repeat; }

.articleList-About_Text-chie { padding-top: 12px; color: #333333; font-size: 40px; font-weight: bold; text-shadow: #ffffff 2px 0 0, #ffffff -2px 0 0, #ffffff 0 -2px 0, #ffffff 0 2px 0, #ffffff 2px 2px 0, #ffffff -2px 2px 0, #ffffff 2px -2px 0, #ffffff -2px -2px 0, #ffffff 1px 2px 0, #ffffff -1px 2px 0, #ffffff 1px -2px 0, #ffffff -1px -2px 0, #ffffff 2px 1px 0, #ffffff -2px 1px 0, #ffffff 2px -1px 0, #ffffff -2px -1px 0, #ffffff 1px 1px 0, #ffffff -1px 1px 0, #ffffff 1px -1px 0, #ffffff -1px -1px 0; filter: drop-shadow(2px 3px 0 #ffffff); }

.articleList-About_Item-chie { position: relative; width: 290px; height: 120px; border: 2px solid #333333; border-radius: 2px; box-sizing: border-box; background-color: #ffffff; box-shadow: 2px 4px #333333; }
.articleList-About_Item-chie:nth-of-type(-n+2) { margin-right: 30px; }
.articleList-About_Item-chie:nth-of-type(-n+2):before { content: ""; display: block; position: absolute; inset: 0 -26px 0 auto; width: 0; height: 0; margin: auto; border-style: solid; border-width: 10px 0 10px 14px; border-color: transparent transparent transparent #333333; }

.articleList-About_ItemText-chie { margin: 8px auto 5px; color: #333333; font-size: 18px; font-weight: bold; }

.articleList-About_ItemTextEmphasis-chie { color: #f23d3d; }

.articleList-Info_TitleIcon-chie { display: inline-block; margin-right: 10px; padding: 2px 13px; border-radius: 3px; background: #f23d3d; color: #ffffff; font-size: 15px; font-weight: bold; text-align: center; vertical-align: middle; }

.articleDetail-ArticleInfo_Image { width: auto; max-width: 827px; min-width: 500px; }

.articleDetail-StampGetButton_Chie { display: block; position: relative; z-index: 1000; width: 80%; height: 70px; margin: auto; padding: 0; border: 2px solid #f23d3d; border-radius: 6px; box-sizing: border-box; background: #f23d3d; color: #ffffff; font-size: 22px; font-weight: bold; line-height: 1.5; text-align: center; transition: all 0.2s; cursor: pointer; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.articleDetail-StampGetButton_Chie:hover { padding-top: 6px; }

.articleStamp-Container_Chie { width: 100%; margin-bottom: 15px; border: 20px solid #ffcc9c; border-radius: 10px; box-sizing: border-box; }

.articleStamp-Container_Inner-chie { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-evenly; padding: 20px 20px 20px 10px; background-color: #ffe2c7; }

.articleStamp-GetText_TitleEmphasis-chie { color: #f23d3d; }

.articleStamp-NextButton_Chie { display: block; position: relative; z-index: 1000; width: 80%; height: 70px; margin: auto; padding-top: 17px; border: 2px solid #f23d3d; border-radius: 6px; box-sizing: border-box; background: #f23d3d; color: #ffffff; font-size: 22px; font-weight: bold; line-height: 1.5; text-align: center; transition: all 0.2s; cursor: pointer; width: 322px; margin: 0; }
.articleStamp-NextButton_Chie:hover { padding-top: 20px; }