@charset "UTF-8"; /*! Theme Name: Cocoon Child Description: Cocoon専用の子テーマ Theme URI: https://wp-cocoon.com/ Author: わいひら Author URI: https://nelog.jp/ Template: cocoon-master Version: 1.1.3 */ /************************************ ** 子テーマ用のスタイルを書く ************************************/ /*必要ならばここにコードを書く*/ /************************************ ** サイトタイトル非表示 ************************************/ .site-name-text{ display: none; } /*ヘッダーレイアウトがトップメニューのとき*/ .header-container-in.hlt-top-menu .site-name-text{ display: none; } /*ヘッダーレイアウトがトップメニュー（小）のとき*/ .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{ display: none; } /*端末幅が768px以下のとき*/ @media screen and (max-width: 768px){ #header .site-name-text{ display: none; } } /*端末幅が480px以下のとき*/ @media screen and (max-width: 480px){ #header .site-name-text{ display: none; } } /*マウスオーバー時にリンクを凹ませる*/ a:hover{ position:relative;top:3px ;left:3px; } /*マウスオーバー時にリンクを半透明に光らせる*/ a:hover img{ opacity:0.5; filter:alpha(opacity=50); -ms-filter: “alpha( opacity=50 )”; } /*枠線*/ .wakusen {border: solid 1px #c3c3c3;} /*メニュー文字の大きさ*/ #navi .navi-in > .menu-header .item-label{ font-size: 20px; } nav#navi, .menu-header .sub-menu{ font-weight: bold; } /*メニュー文字の色メニューマウスオーバー*/ #navi .navi-in a:hover{ color: #000000!important; background: #CCFFFF; transition: all 0.5s ease; } /*メニューをグラデーション化*/ #navi.navi.cf{ background: linear-gradient(#FFFFFF,#CCFFFF); } #header-container{ background: linear-gradient(#FFFFFF,#FFFFFF); } /*サブメニューの背景をグレーに*/ #navi .navi-in > .menu-header .sub-menu{ background: #CCFFFF ; } /*1番左と2番目の仕切り線*/ #navi .navi-in > ul li{ border-top:1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; } /*左から3番目以降の仕切り線*/ #navi .navi-in > ul li + li{ border-right: 1px solid #000000; border-left: none; } /*サブメニューの仕切り線は無し*/ #navi .navi-in > ul ul li{ border-right: none; border-left: none; } .go-to-top {  right: 50px; /*右から100px*/ bottom: 55px; /*下から55px*/ } .go-to-top-button { border-radius: 50%; /*丸くする*/ width: 60px; /*横幅*/ height: 60px; /*高さ*/ font-size: 30px; /*アイコンフォントのサイズ*/ opacity:0.9; /*透明度*/ box-shadow: 2px 2px 4px rgba(0, 0, 0, .2); /*影*/ } /*ホバー時*/ .go-to-top-button:hover { color: #333; /*アイコンフォントの色*/ background-color:#aaa; /*背景色*/ } /* 新着一覧をスクロール */ #recent-posts-2 ul{ height: 15em; /* 枠の高さ */ overflow: scroll; /* スクロールバー */ border: solid 1px #000000; /* 枠線 */ background-color: #ffffff; /* 背景色 */ padding-top: 12px;　/* 1行目を下げた */ margin-left: 0px;　　/* 枠を左いっぱいに */ } 見出しの上下の幅調整 .post h2, .post h3, .post h4, .post h5, .post h6 { margin:0px 0px 0px ; } 文書のタイトル

縦方向のスクロール

...
/************************************ ** レスポンシブデザイン用のメディアクエリ ************************************/ /*1023px以下*/ @media screen and (max-width: 1023px){ /*必要ならばここにコードを書く*/ } /*834px以下*/ @media screen and (max-width: 834px){ /*必要ならばここにコードを書く*/ } /*480px以下*/ @media screen and (max-width: 480px){ /*必要ならばここにコードを書く*/ }