/* -- ﾌﾞﾚｰｸﾎﾟｲﾝﾄ 未満 -- */
@media screen and (max-width: 639px) {
div.color-box {
         border: solid 1px;
         border-color: #cacaca;
         padding: 10px;
         line-height: 2;
}

div.touko-box {
          margin: 0 10px;
}
div.top-column{
         background-color: #ffe890;
         padding:8px 0px 8px 20px;
         margin-bottom:20px;
}
 div.category_title {
        padding-top:35px;
        right:5px;
        position: absolute;
        font-weight: bold;
}
}

/* -- ﾌﾞﾚｰｸﾎﾟｲﾝﾄ 以上 -- */
@media screen and (min-width: 640px), print {
div.color-box {
         border: solid 1px;
         border-color: #cacaca;
         padding: 10px;
         width: 25em;
         line-height: 2;
}
div.top-column{
         background-color: #ffe890;
         padding:8px 0px 8px 20px;
         margin-bottom:20px;
}
 div.category_title {
        position: relative;
        font-weight: bold;
}
 div.category_intitle {
        position: absolute;
        padding-top:60px;
        right:0px;
}
}