@charset "UTF-8"; <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet"> /*Customized by LycksTill ©︎ ======================================= */ /* ----------------------------------------- 【CSS編集 目次】 (1)基本のスタイル (2)ヘッダーエリアのスタイル (3)メインエリアのスタイル (4)サイドエリアのスタイル (5)ボタン設定 (6)その他、拡張 ※CSS編集で広告を修正しないでください （規約違反に該当する可能性があります） ----------------------------------------- */ /* ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ 　(1)基本のスタイル ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ */ /* (1-1) 基本テキスト全体 --------------------------------------------*/ body{color: #1c1e1d; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } /* 地色テキスト */ html {color: #1c1e1d; } /* リンク＋ */ a {color: #b8d58d; } /* 訪問済みリンク＋ */ a:visited {color: #b8d58d; } /* 淡色テキスト */ .skin-textQuiet {color: #727675; } /* 強調色テキスト */ .skin-textLoud {color: #b8d58d; } [data-uranus-component="entryBody"] h2{font-size:20px; border-left:6px solid #b8d58d; border-bottom:1px solid #b8d58d; padding-left:8px; } [data-uranus-component="entryBody"] h3{font-size:18px; border-left:1px solid #b8d58d; border-bottom:1px solid #b8d58d; padding-left:8px; } [data-uranus-component="entryBody"] h4{font-size:17px; border-left:1px solid #b8d58d; border-bottom:1px dashed #b8d58d; padding-left:8px; } .skin-entryBody p{padding-left:10px; padding-right:10px; } /* (1-2) 基本背景 --------------------------------------------*/ /* コンテンツ背景、ヘッダー以下の背景色 */ .skin-blogBody, .skin-blogBodyInner {background-color:#f7f7f7; } /* 淡色背景, 自分のコメントエリアの背景色 */ .skin-bgQuiet {background-color: #fff; } /* (1-3) 基本境界線 --------------------------------------------*/ /* 境界線（強） */ .skin-borderLoud {border-color: #b8d58d; } /* 境界線（弱） */ .skin-borderQuiet {border-color: rgb(230,230,230); } /* ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ 　(2)ヘッダーエリアのスタイル ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ */ /* (2-1) ヘッダー背景 --------------------------------------------*/ /* ヘッダー背景 */ .skin-bgHeader {background-image:url("https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/43/Cd/p/o02000750blancheur-ef1526971485036.png"); background-position:top center; background-repeat:repeat-x; width:100%; height:745px; overflow:hidden; } .skin-bgHeader>div{width:100%; } /* (2-2) ヘッダータイトル、説明文 --------------------------------------------*/ /* ブログタイトルエリア、ヘッダー画像の下にテキストを隠す */ .skin-blogTitle {z-index: -1; } /* ブログタイトル */ .skin-blogMainTitle {display:block; position:absolute; top:5px; left:5px; font-family: 'Playfair Display', serif; font-size: 18px; color: #1c1e1d; } /* ブログ説明文 */ .skin-blogSubTitle {display:block; position:absolute; top:8px; right:5px; color: #1c1e1d; font-size: 14px; } /* ヘッダータイトル */ .skin-headerTitle {max-width:2000px; text-align: right; display:block; height:35px; } [data-uranus-layout="headerInner"] a{height:635px;/*Header+Topinfo*/ z-index: 999999; } /*＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ 　(3)メインエリアのスタイル ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ */ [data-uranus-layout="content"]{padding-top:0 !important; } /* (3-1-a) メイン背景 --------------------------------------------*/ /* メインエリア背景 */ .skin-bgMain {border-bottom:1px solid #e6e6e6; } /* (3-1-b) メイン背景 内側 --------------------------------------------*/ /* メインエリア背景 内側 レイアウト */ .skin-blogMainInner {padding: 0px; border-radius:6px; margin-top:10px; margin-bottom:0; } .skin-entryInner{padding:30px 50px; background-repeat: no-repeat, no-repeat,repeat-y; background-position: center top, center bottom, center top; background-image:url(https://stat.ameba.jp/user_images/20180517/11/blancheur-ef/c0/40/p/o0721007014192646371.png),url(https://stat.ameba.jp/user_images/20180518/11/blancheur-ef/40/b4/p/o0721022814193254142.png),url(https://stat.ameba.jp/user_images/20180517/11/blancheur-ef/9c/0e/p/o0721004114192645839.png); background-color:#fff; display:block; } /* (3-2) メインタイトル --------------------------------------------*/ /* 記事タイトル */ [data-uranus-layout="columnA"] [data-uranus-layout="mainInner"]{padding:0; } .skin-entryHead{margin-top:20px; } .skin-entryTitle{background-image:url(https://stat.ameba.jp/user_images/20180516/17/blancheur-ef/40/d8/p/o0050005014192177585.png); background-repeat:no-repeat; background-position:center left; border-bottom: solid 3px #e3eed1; position: relative; font-size:18px; padding-top:20px; padding-bottom:5px; padding-left:60px; margin-bottom:5px; min-height:50px; letter-spacing:0.07em; line-height:2em; } .skin-entryTitle h2{display:inline; vertical-align:bottom; } .skin-entryTitle :after{position: absolute; content: " "; display: block; border-bottom: solid 3px #b8d58d; left:0px; bottom: -3px; width: 30%; } .skin-entryBody{font-size:15px; line-height:1.75; letter-spacing:0.03em; margin-bottom:0; } .skin-entryBody img{display:block; text-align: center; margin:0 auto; } /* 「画像付き記事」「同じテーマの記事」などの見出し */ [data-uranus-component="mainWidget"]{margin-bottom:100px; } .skin-mainWidgetTitle {color: #1c1e1d; } .skin-entryFooter{margin:0 10px; } /* (3-3) ブログナビ --------------------------------------------*/ /* (3-3-a) ブログナビ上部 --------------------------------------------*/ [data-uranus-component="blogNav"]>li{font-size:12px; } [data-uranus-component="blogNav"]>li+li{margin-left:25px; } /* 背景、境界線 */ .skin-blogHeaderNav {border:none; background-color: #f7f7f7; height:auto; } /* 背景 */ .skin-blogHeaderNavInner {background-color:#f7f7f7; padding-right:0; padding-left:0; } /* テキスト */ .skin-topNavText, .skin-topNavText:hover, .skin-topNavText:visited {color: #727675; } /* アイコン */ .skin-topNavIcon {color: #727675; } [data-uranus-component="search"]>input{border:1px solid color: #727675; color:#727675; } [data-uranus-component="search"]>input::placeholder{color:#727675; } /* (3-3-b) ブログナビ下部 --------------------------------------------*/ /* 背景、境界線　*/ .skin-blogFooterNavInner {border-color: #e4e4e4; background-color: #f7f7f7; } /* テキスト */ .skin-bottomNavText, .skin-bottomNavText:hover, .skin-bottomNavText:visited {color: #727675; } /* アイコン */ .skin-bottomNavIcon {color: #727675; } /* ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ 　(4)サイドエリアのスタイル ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ */ /* (4-1) サイドテキスト全体 --------------------------------------------*/ [data-uranus-layout="columnA"] [data-uranus-layout="subAInner"]{margin-left:0; } /* サイドモジュールタイトル */ .skin-widgetTitle {color: #1c1e1d; } .skin-sideLink, .skin-sideLink a, .skin-sideLink a:visited{color:#1c1e1d !important; } /* 2カラムサイドバー,3カラム:広いサイドバー */ /* 3カラム:狭いサイドバー */ /* サイド基本テキスト */ .skin-blogSubA, .skin-blogSubB {} /* サイド強調色テキスト */ .skin-sideTextLoud {color: #1c1e1d; } /* サイドリンク色（基本） */ .skin-calendar a, .skin-linkListToggle, .skin-linkList a, .skin-linkChildList a, .skin-rankingList a, .skin-sideLink {color:#1c1e1d; } /* サイドリンク色（マウスオーバー） */ .skin-calendar a:hover, .skin-linkList a:hover, .skin-linkChildList a:hover, .skin-rankingList a:hover, .skin-sideLink:hover {background-color:#f7f7f7; } /* サイドリンク色（マウスオーバー） */ .skin-calendar a:visited, .skin-linkList a:visited, .skin-linkChildList a:visited, .skin-rankingList a:visited, .skin-sideLink:visited {} /* (4-2) サイド境界線 --------------------------------------------*/ /* 境界線 */ .skin-sideBorder {border:none; } /* (4-3) サイドモジュール --------------------------------------------*/ /* (4-3-a) カレンダー --------------------------------------------*/ /* 記事が存在するカレンダー日付背景 */ .skin-calendarDate.is-active {background-color: #727675; color:#fff; } /* カレンダー */ #calendar .skin-widgetInner{background-image:url('https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/6d/Sm/p/o03010060blancheur-ef1526971518782.png'); background-repeat:no-repeat; background-position:top left; } #calendar .skin-widgetInner:before{display:block; font-family: 'Playfair Display', serif; content:'Calendar'; line-height:60px; vertical-align:middle; text-align:center; letter-spacing:0.1em; height:80px; } /* (4-3-b) アーカイブナビ --------------------------------------------*/ /* アーカイブナビ */ #archive .skin-widgetInner{background-image:url('https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/6d/Sm/p/o03010060blancheur-ef1526971518782.png'); background-repeat:no-repeat; background-position:top left; } #archive .skin-widgetInner:before{display:block; font-family: 'Playfair Display', serif; content:'Archive'; line-height:60px; vertical-align:middle; text-align:center; letter-spacing:0.1em; height:80px; } .skin-archiveNavTabs a, .skin-archiveNavTabs a:hover, .skin-archiveNavTabs a:visited {color: #1c1e1d; } /* アーカイブナビ 選択時 */ .skin-archiveNavTabs a.is-active, .skin-archiveNavTabs a.is-active:hover, .skin-archiveNavTabs a.is-active:visited {color: #1c1e1d; background:#f7f7f7; } /* (4-3-c) プロフィール --------------------------------------------*/ /* プロフィール */ #profile .skin-widgetInner{background-image:url('https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/6d/Sm/p/o03010060blancheur-ef1526971518782.png'); background-repeat:no-repeat; background-position:top left; } #profile .skin-widgetInner:before{display:block; font-family: 'Playfair Display', serif; content:'Profile'; line-height:60px; vertical-align:middle; text-align:center; letter-spacing:0.1em; height:80px; } .side_profile{margin-bottom:20px; padding:20px 10px 20px 10px; background-image:url('https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/6d/Sm/p/o03010060blancheur-ef1526971518782.png'); background-repeat:repeat-y; background-position:top left; border-bottom:1px solid rgb(230, 230, 230); border-radius:6px; text-align:center; } .side_profile img{border-bottom:1px solid #b8d58d; margin-bottom:10px; } /* (4-3-d) 最近の記事 --------------------------------------------*/ #recentEntries .skin-widgetInner{background-image:url('https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/6d/Sm/p/o03010060blancheur-ef1526971518782.png'); background-repeat:no-repeat; background-position:top left; } #recentEntries .skin-widgetInner:before{display:block; font-family: 'Playfair Display', serif; content:'Recent Entries'; line-height:60px; vertical-align:middle; text-align:center; letter-spacing:0.1em; height:80px; } /* (4-3-e) 最近の記事 --------------------------------------------*/ #theme .skin-widgetInner{background-image:url('https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/6d/Sm/p/o03010060blancheur-ef1526971518782.png'); background-repeat:no-repeat; background-position:top left; } #theme .skin-widgetInner:before{display:block; font-family: 'Playfair Display', serif; content:'Theme'; line-height:60px; vertical-align:middle; text-align:center; letter-spacing:0.1em; height:80px; } /* (4-3-f) 読者 --------------------------------------------*/ #readers .skin-widgetInner{background-image:url('https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/6d/Sm/p/o03010060blancheur-ef1526971518782.png'); background-repeat:no-repeat; background-position:top left; } #readers .skin-widgetInner:before{display:block; font-family: 'Playfair Display', serif; content:'Readers'; line-height:60px; vertical-align:middle; text-align:center; letter-spacing:0.1em; height:80px; } /* (4-3-g) Favorite --------------------------------------------*/ #favorites .skin-widgetInner{background-image:url('https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/6d/Sm/p/o03010060blancheur-ef1526971518782.png'); background-repeat:no-repeat; background-position:top left; } #favorites .skin-widgetInner:before{display:block; font-family: 'Playfair Display', serif; content:'Favorites'; line-height:60px; vertical-align:middle; text-align:center; letter-spacing:0.1em; height:80px; } /* (4-3-h) Bookmark --------------------------------------------*/ #bookmarks .skin-widgetInner{background-image:url('https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/6d/Sm/p/o03010060blancheur-ef1526971518782.png'); background-repeat:no-repeat; background-position:top left; } #bookmarks .skin-widgetInner:before{display:block; font-family: 'Playfair Display', serif; content:'Bookmarks'; vertical-align:middle; line-height:60px; text-align:center; letter-spacing:0.1em; height:80px; } /* (4-3-i) Recentcomment --------------------------------------------*/ #recentComments .skin-widgetInner{background-image:url('https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/6d/Sm/p/o03010060blancheur-ef1526971518782.png'); background-repeat:no-repeat; background-position:top left; } #recentComments .skin-widgetInner:before{display:block; font-family: 'Playfair Display', serif; content:'Recent Comments'; vertical-align:middle; line-height:60px; text-align:center; letter-spacing:0.1em; height:80px; } /* (4-3-x) side-common --------------------------------------------*/ .skin-widgetTitle {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; display:none; } [data-uranus-component="linkList"]>li>a, [data-uranus-component="linkList"]>li>div{border-left:1px solid #1c1e1d; padding:2px 4px 2px 6px; margin-bottom:6px; font-size:13px; } /*footer*/ .entry_footer{background:url(https://stat.ameba.jp/user_images/20180516/18/blancheur-ef/89/36/p/o0321020614192207037.png); width:320px; height:205px; margin:10px auto; padding: 80px: 20px 10px 20px; overflow:hidden; } /* ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ (5)ボタン設定 ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ */ /* (5-1) ボタン全体 --------------------------------------------*/ /* 通常ボタン */ .skin-btn {border:none; color: #1c1e1d; } /* 通常ボタン（マウスオーバー、訪問済み） */ .skin-btn:hover{border-color:#1c1e1d; background-color:#1c1e1d; color: #fff; } .skin-btn:visited {border:none; color: #1c1e1d; } /* 強調ボタン */ .skin-btnPrimary, .skin-btnPrimary:visited {background-color:#fff; color: #1c1e1d; position:relative; } /* 強調ボタン（マウスオーバー、訪問済み） */ .skin-btnPrimary:hover {border-color:#1c1e1d; background-color:#fff; color: #1c1e1d; } .skin-btn, .skin-btnPrimary:after{position:absolute; } [data-uranus-component="button"], [data-uranus-component="buttonSmall"]{letter-spacing:0.1em; font-size:15px; } /* (5-2) ページ送りボタンの  << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン --------------------------------------------*/ [data-uranus-component="paging"]{margin-bottom:0; } [data-uranus-component="pagingItem"]{font-size:12px; color:rgb(114, 118, 117); } /* 前後ページ送りボタン */ .skin-btnPaging {color: #727675; } /* 前後ページ送りボタン（マウスオーバー、訪問済み） */ .skin-btnPaging:hover, .skin-btnPaging:visited {color: #727675; background-color:#f7f7f7; } /* ページ送りの矢印アイコン*/ .skin-btnPagingIcon {color: #727675; } /* 記事中ページ送りの次 */ .skin-entryPagingNext, .skin-entryPagingNext:hover, .skin-entryPagingNext:visited {color: #727675; } /* 記事中ページ送りの前 */ .skin-entryPagingPrev, .skin-entryPagingPrev:hover, .skin-entryPagingPrev:visited {color: #727675; } /* (5-3) 目次ナビゲーション --------------------------------------------*/ /* 目次ナビゲーション */ .skin-btnIndex, .skin-btnIndex:visited{background-color: #ffffff; color: #1c1e1d; } /* 目次ナビゲーション（マウスオーバー、訪問済み） */ .skin-btnIndex:hover {color: #1c1e1d; } /* 目次ナビゲーション 選択時 */ .skin-btnIndex.is-active {color: #1c1e1d; } /* 目次ナビゲーション 無効時 */ .skin-btnIndex.is-disabled {background-color: rgba(255,255,255,0); } /* (5-4) サイドボタン --------------------------------------------*/ /* サイド通常ボタン */ .skin-btnSide {border: none; color: #727675; } /* サイド通常ボタン（マウスオーバー、訪問済み） */ .skin-btnSide:hover, .skin-btnSide:visited {color: #727675; } /* サイド強調ボタン */ .skin-btnSidePrimary, .skin-btnSidePrimary:visited {border-color: #1c1e1d; background-color: #1c1e1d; color: #ffffff; } /* サイド強調ボタン（マウスオーバー、訪問済み） */ .skin-btnSidePrimary:hover{background-color:#fff; color: #1c1e1d; } /* (5-5) 記事一覧 月別 --------------------------------------------*/ /* 記事一覧 月別 ボタンテキスト */ .skin-btnArchive {border-color: #f7f7f7; background-color: #ffffff; color: #000; } /* 記事一覧 月別 ボタンテキスト（マウスオーバー、訪問済み） */ .skin-btnArchive:hover, .skin-btnArchive:visited {color: #000; } /* 記事一覧 月別 ボタンテキスト 選択時 */ .skin-btnArchive.is-active {background-color: #727675; color: #000; } /* 記事一覧 月別 ボタンテキスト 0件 */ .skin-btnArchive.is-disabled {background-color: #fff; color: #cccccc; } /* ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ (6) その他、拡張 ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ */ /* (6-1) 記事一覧 --------------------------------------------*/ /* 記事一覧 背景 レイアウト */ .skin-blogArchiveBody {padding: 30px 30px 0 30px; } .skin-entryPubdate{float:right; margin-left:10px; } .skin-entryThemes{text-align:right; } /* (6-2) メッセージ --------------------------------------------*/ /* メッセージ 背景 レイアウト */ .skin-message {padding: 70px 60px; border-radius:6px; margin-bottom:10px; background-repeat: no-repeat, no-repeat,repeat-y; background-position: center top, center bottom, center top; background-image:url(https://stat.ameba.jp/user_images/20180517/11/blancheur-ef/4a/3a/p/o0721007014192641132.png),url(https://stat.ameba.jp/user_images/20180517/11/blancheur-ef/88/47/p/o0721007014192641123.png),url(https://stat.ameba.jp/user_images/20180517/11/blancheur-ef/9f/76/p/o0721004114192641129.png); display:block; } /*===================*/ /*スライドショー*/ #lycks{width: 2000px; height: 600px; position: absolute; top: -785px; left:-440px; margin:0 auto; overflow:hidden; } .slide {position: absolute; width: 2000px; height: 600px; top: 0px; left: -0px; right:0; z-index: 0; } /* .slide:after {content: ''; background: transparent url() repeat top left; }*/ .slide li span {width: 2000px; height: 600px; position: absolute; top:0; left:0; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: 0; animation: imageAnimation 24s linear infinite 0s; } .slide li:nth-child(1) span {background-image: url(https://stat.blogskin.ameba.jp/blogskin_images/20180522/16/f1/Zi/p/o20000600blancheur-ef1526974638848.png); background-position:top center; background-size:cover; overflow:hidden; } .slide li:nth-child(2) span {background-image: url(https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/02/QB/p/o20000600blancheur-ef1526971395015.png); background-position:top center; background-size:cover; animation-delay: 8s; overflow:hidden; } .slide li:nth-child(3) span {background-image: url(https://stat.blogskin.ameba.jp/blogskin_images/20180522/15/b1/0a/p/o20000600blancheur-ef1526971408988.png); background-position:top center; background-size:cover; animation-delay: 16s; overflow:hidden; } .slide li:nth-child(2) div {animation-delay: 8s; } .slide li:nth-child(3) div {animation-delay: 16s; } -webkit-keyframes imageAnimation {0% { opacity: 0 } 16% { opacity: 1 } 33% { opacity: 1 } 49% { opacity: 0 } 100% { opacity: 0 } } @-moz-keyframes imageAnimation {0% { opacity: 0 } 16% { opacity: 1 } 33% { opacity: 1 } 49% { opacity: 0 } 100% { opacity: 0 } } @keyframes imageAnimation {0% { opacity: 0 } 16% { opacity: 1 } 33% { opacity: 1 } 49% { opacity: 0 } 100% { opacity: 0 } } @media screen and (max-width: 1024px){#lycks{left:0px; width:1120px; margin:0 auto; } .slide{width:1120px; } .slide li span {width:1120px; } } /* global menu */ #globalnavi{position:absolute; margin:0 auto; padding: 0; width: 1120px; height: 80px; top:-168px; left:0px; overflow:hidden; } #globalnavi ul{width:1120px; height:80px; list-style-type: none; padding: 0 ; } #globalnavi li{text-indent: -9999px; float:left; margin: 0; padding: 0; } #globalnavi a{display: block; height: 80px; background:url(https://stat.ameba.jp/user_images/20180518/10/blancheur-ef/f2/3a/p/o1120016014193225274.png); background-repeat: no-repeat; } #menu1 a{background-position: 0 0;width:196px;} #menu2 a{background-position: -196px 0;width:196px;} #menu3 a{background-position: -392px 0;width:196px;} #menu4 a{background-position: -588px 0;width:200px;} #menu5 a{background-position: -788px 0;width:332px;} #globalnavi a:hover{background:url(https://stat.ameba.jp/user_images/20180518/10/blancheur-ef/f2/3a/p/o1120016014193225274.png); background-repeat: no-repeat; } #menu1 a:hover{background-position: 0 -80px;width:196px;} #menu2 a:hover{background-position: -196px -80px;width:196px;} #menu3 a:hover{background-position: -392px -80px;width:196px;} #menu4 a:hover{background-position: -588px -80px;width:200px;} #menu5 a:hover{background-position: -788px -80px;width:332px;} /*Menu*/ .side_menu {width:300px; height:300px; background-color:#fff; position:relative; border-bottom:1px solid rgb(230, 230, 230); border-radius:6px; } .side_menu a{width:300px; height:300px; color:#1c1e1d; text-decoration:none; z-index:9999; } .side_menu img{border-radius:6px 6px 0 0; } .side_menu .original a:hover:after{content:url(https://stat.ameba.jp/user_images/20180514/21/blancheur-ef/40/15/p/o0300030014191063331.png); position:absolute; top:0; left:0; } .side_menu .fej a:hover:after{content:url(https://stat.ameba.jp/user_images/20180514/21/blancheur-ef/ea/93/p/o0300030014191068624.png); position:absolute; top:0; left:0; } .side_menu .ca a:hover:after{content:url(https://stat.ameba.jp/user_images/20180514/21/blancheur-ef/66/e3/p/o0300030014191068626.png); position:absolute; top:0; left:0; } .side_menu .ruvery a:hover:after{content:url(https://stat.ameba.jp/user_images/20180514/21/blancheur-ef/37/dd/p/o0300030014191068627.png); position:absolute; top:0; left:0; } .side_menu .leelbon a:hover:after{content:url(https://stat.ameba.jp/user_images/20180514/21/blancheur-ef/89/ae/p/o0300030014191068631.png); position:absolute; top:0; left:0; } .side_menu .gluedeco a:hover:after{content:url(https://stat.ameba.jp/user_images/20180514/21/blancheur-ef/95/fd/p/o0300030014191068632.png); position:absolute; top:0; left:0; } .side_menu .herbarium a:hover:after{content:url(https://stat.ameba.jp/user_images/20180514/21/blancheur-ef/3a/40/p/o0300030014191069124.png); position:absolute; top:0; left:0; } .side_content{width:280px; margin:0 auto; padding-top:5px; background:#fff; position:relative; } .side_content h2{font-size:17px !important; letter-spacing:0.1em; font-family: 'Playfair Display', serif; border-bottom:1px solid #b8d58d; margin-bottom:10px; } .side_content p{line-height:1.5; } .side_content span{display:inline-block; float:right; font-size:13px; padding-top:6px; text-align:right; color:#b8d58d; text-decoration:underline; } .side_menu .mark{position:absolute; top:-19px; right:-10px; background:#b8d58d; padding:3px 10px; border-radius:8px 8px 0 0; font-size:13px; letter-spacing:0.1em; line-height:1; color:#fff; } .side_menu .mark2{position:absolute; top:90px; left:0px; background:#727675; padding:3px 10px; border-radius:6px; font-size:12px; letter-spacing:0.1em; line-height:1; color:#fff; } [data-uranus-component="profileName"]{font-size:16px; }