@charset "utf-8";



.item_list>div>.text{ display: flex; flex-wrap: wrap; align-items: center;}
.item_list>div>.text>.name{ width: 100%; margin-top: 5px;}


.tokuhyou{ background-color: black; color: white; margin: 0; padding: .05em .5em; margin-right: .25em; border-radius: .25em;}
.tokuhyou>span{ font-weight: bold; font-family: "Arial Black", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
.tokuhyou>small{ font-weight: bold; margin-left: .25em;}

.item_list.ct01 .tokuhyou{ background-color: #a1567c;}
.item_list.ct02 .tokuhyou{ background-color: #eb6d8e;}
.item_list.ct03 .tokuhyou{ background-color: #ef845c;}
.item_list.ct04 .tokuhyou{ background-color: #5eabbc;}
.item_list.ct05 .tokuhyou{ background-color: #77b323;}
@media (min-width: 768px) {
.tokuhyou{ font-size: 14px;}
.tokuhyou>span{}
.tokuhyou>small{ font-size: 10px;}
}
@media (max-width: 767.98px) {
.tokuhyou{ font-size: 12px;}
.tokuhyou>small{ font-size: 9px;}
.item_list>div>.text>.shop{ margin-top: 3px;}
}



.twitter_item{}
.twitter_item>img{ display: block; margin: 0 auto;}
@media (min-width: 768px) {
.twitter_item>img{ width: 600px;}
}
@media (max-width: 767.98px) {}




@media (min-width: 768px) {
.item_list>div:nth-child(2){ width: calc(66.66% - 30px);}
.item_list>div:nth-child(n+3){ width: calc(50% - 30px);}

.item_list>div>.text>.shop{ font-size: 16px;}
.item_list>div .tokuhyou{ font-size: 18px;}
.item_list>div .tokuhyou>small{ font-size: 14px;}
.item_list>div>.text>.name{ font-size: 22px;}
.item_list>div>.text>.price{ font-size: 16px;}
.no1{ width: 90px; left: -30px;}

}
@media (max-width: 767.98px) {
.item_list>div:first-child{ width: calc(100% - 10px);}
.item_list>div:first-child>img{ width: 40%;}
.item_list>div:nth-child(2){ width: calc(100% - 10px);}
.item_list>div:nth-child(2)>.text>.shop{ font-size: 16px;}
.item_list>div:nth-child(2) .tokuhyou{ font-size: 18px;}
.item_list>div:nth-child(2) .tokuhyou>small{ font-size: 14px;}
.item_list>div:nth-child(2)>.text>.name{ font-size: 22px;}
.item_list>div:nth-child(2)>.text>.price{ font-size: 16px;}
.no1{ width: 60px;}

.item_list>div:nth-child(2)>.text>.name>br{ display: none;}
}




.an_item.an_link>a:nth-child(6){ background-color: #458cc3; background-image:url("../../common/img/sns/twitter.svg");}
@media (min-width: 768px) {
.an_item.an_link>a:nth-child(6){ background-position: 12px center;}
}
@media (max-width: 767.98px) {
.an_item.an_link>a:nth-child(6){ background-position: right calc(50% + 54px) center;}
}



.item_list>div>.pake{ position: absolute;}
.item_list>div>.text{ position: relative; z-index: 10;}
@media (min-width: 768px) {
.item_list>div>.pake{ right: 10px; bottom: 10px; width: 150px;}
.item_list.ct01>div:nth-child(3)>.pake{ width: 75px;}
.item_list.ct02>div:nth-child(5)>.pake{ width: 100px;}
.item_list.ct02>div:nth-child(6)>.pake{ bottom: 80px;}
.item_list.ct03>div:nth-child(3)>.pake{ width: 95px; bottom: 80px;}
.item_list.ct03>div:nth-child(4)>.pake{ width: 95px;}
.item_list.ct03>div:nth-child(5)>.pake{ width: 95px; bottom: 80px;}
.item_list.ct03>div:nth-child(6)>.pake{ width: 110px;}
.item_list.ct04>div:nth-child(2)>.pake{ width: 100px;}
.item_list.ct04>div:nth-child(3)>.pake{ bottom: 50px;}
.item_list.ct05>div:nth-child(3)>.pake{ bottom: 50px;}

}
@media (max-width: 767.98px) {
.item_list>div:nth-child(n+3)>.pake{ display: none;}
.item_list>div:nth-child(2)>.pake{ right: 10px; bottom: 10px; width: 120px;}
.item_list.ct02>div:nth-child(2)>.pake{ width: 75px;}
.item_list.ct03>div:nth-child(2)>.pake{ width: 60px; bottom: 60px;}
.item_list.ct04>div:nth-child(2)>.pake{ width: 80px;}

}



.chui{}
@media (min-width: 768px) {
.chui{ margin-top: 30px;}
}
@media (max-width: 767.98px) {
.chui{ margin-top: 30px;}
}







.tsuiki{ text-align: center; font-weight: bold; margin-bottom: 1em; background-color: black; color: white; padding: .6em .5em .5em;}
@media (min-width: 768px) {
.tsuiki{ font-size: 20px;}
}
@media (max-width: 767.98px) {
.tsuiki{ font-size: 12px;}

}