TOPICS | crèam fraise génoise -クレーム･フレーズ･ジェノワーズWEBサイト

/* ----------------------------------------- */ /* ビュースラッグ: topics_pc_all - 開始 */ /* ----------------------------------------- */ .pagination > .active > span{ background-color: #00a2eb; border-color: #00a2eb; } .pagination > .active > span:hover{ background-color: #fcff52; color: #000; } .pagination > li > a{color:#00a2eb;} .pagination > li > a:hover{background-color: #fcff52; border-color: #00a2eb;} /* ----------------------------------------- */ /* ビュースラッグ: topics_pc_all - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* ビュースラッグ: topics_mobile_all - 開始 */ /* ----------------------------------------- */ .container{ padding-left: 0px; padding-right: 0px; } .pagination > .active > span{ background-color: #00a2eb; border-color: #00a2eb; } .pagination > .active > span:hover{ background-color: #fcff52; color: #000; } .pagination > li > a{color:#00a2eb;} .pagination > li > a:hover{background-color: #fcff52; border-color: #00a2eb;} /* ----------------------------------------- */ /* ビュースラッグ: topics_mobile_all - 終了 */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: topics_pc_all - 開始 */ /* ----------------------------------------- */ li{ list-style: none; } /*News_Topics*/ .news_topics { display: table; width: 100%; padding: 20px 0; border-radius: 10px; } ul.news_topics { margin :0px !important; display: flex; font-size:80%; } li.news_date{ color: #00a2eb; width: 80px; font-size:90%; font-weight:700; letter-spacing:0.1em; line-height:1.3; text-align: left; margin-top: auto !important; margin-bottom: auto !important; } li.news_cat{ color: #000; background-color: #fcff52; border: 1px solid #fcff52; width: 100px; font-size:100%; font-weight:700; letter-spacing:0.1em; line-height:1.3; text-align: center; vertical-align: middle; padding: 5px; margin-top: auto !important; margin-bottom: auto !important; display: block; } li.news_title{ color: #00a2eb; font-size:100%; font-weight:700; letter-spacing:0.1em; line-height:1.3; text-align: left; padding-left:10px; margin-top: auto !important; margin-bottom: auto !important; display: block; width: calc(100% - 180px); } hr.topics_brand{ width: 40px; height: 3px !important; background-color: #00a2eb; border-color: #00a2eb; margin:0px; } /* ----------------------------------------- */ /* Content Template: topics_pc_all - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: topics_mobile_all - 開始 */ /* ----------------------------------------- */ li{ list-style: none; } /*News_Topics*/ .news_topics_mobile { display: table; width: 100%; padding: 0px 0; border-radius: 10px; } ul.news_topics_mobile { margin :0px !important; display: flex; font-size:80%; } li.news_date_mobile{ color: #00a2eb; width: 90px; font-size:100%; font-weight:700; letter-spacing:0.1em; line-height:1.3; text-align: left; margin-top: auto !important; margin-bottom: auto !important; } li.news_cat_mobile{ color: #000; background-color: #fcff52; border: 1px solid #fcff52; width: 100px; font-size:100%; font-weight:700; letter-spacing:0.1em; line-height:1.3; text-align: center; vertical-align: middle; padding: 5px; margin-top: auto !important; margin-bottom: auto !important; display: block; } li.news_title_mobile{ color: #00a2eb; font-size:100%; font-weight:700; letter-spacing:0.1em; line-height:1.3; text-align: left; padding-top:10px; padding-left:0px; margin-top: auto !important; margin-bottom: auto !important; display: block; width: 100%; } hr.topics_mobile{ width: 40px; height: 3px !important; background-color: #00a2eb; border-color: #00a2eb; margin:20px 0 0; } /* ----------------------------------------- */ /* Content Template: topics_mobile_all - 終了 */ /* ----------------------------------------- */

TOP	トップページ

TOPICS	トピックス

CAKES	商品

PROFILE	プロフィール

SHOP	店舗情報

TOPICS 新着情報

TOPICS
新着情報