/*H2見出しデザイン*/ .entry-content h2{ background: #5997BC;/*背景色*/ padding: 0.5em;/*文字まわり(上下左右)の余白*/ color: white; border-radius: 7px; } /*ハンバーガーメニューのホームボタン*/ .bc-home { display: inherit;/*引き継ぐよ*/ width: 90%;/*長さ*/ height: 60px;/*高さ*/ line-height: 60px;/*文字の高さ*/ margin: 0 auto;/*中央揃え*/ padding-right: 10px;/*内側右の余白*/ border-radius: 5px;/*角丸*/ text-align: center;/*文字中央揃え*/ letter-spacing: .05em;/*文字の間隔*/ background: #5997bc;/*背景色*/ color: white;/*文字の色*/ } .bc-home .fa {/*アイコーン*/ vertical-align: -11%;/*縦方向の位置調整*/ padding-right: 10px;/*右側の余白*/ } /*-------------------------------------- モバイル用フッター固定メニュー --------------------------------------*/ .fixed-menu ul {/*メニュー部分*/ width: auto;/*幅調整*/ padding: 0.2em 1.1em;/*内側の余白設定*/ right: 10px;/*位置調整(右からの距離)*/ left: auto;/*位置調整(左からの距離)*/ bottom: 10px;/*位置調整(下からの距離)*/ border-radius: 50%;/*円にする*/ background: #5997bc!important;/*背景色(強制)*/ } .fixed-menu a {/*メニューの文字*/ color: #fff!important;/*文字の色(強制)*/ } .fixed-menu ~ .totop {/*上に戻るボタンの位置*/ bottom: 80px;/*位置調整(下からの距離)*/ } .totop {/*上に戻るボタン*/ background: #fff!important;/*背景色(強制)*/ border: 1px solid #424242;/*枠線*/ width: 64px;/*幅調整*/ height: 64px;/*高さ調整*/ } .totop .fa {/*上に戻るボタンのアイコン*/ line-height: 58px;/*行の高さ*/ font-size: 1.15em;/*アイコンの大きさ*/ color: #424242;/*アイコンの色*/ } .fixed-menu {/*フッターメニューの余白設定*/ margin-bottom: 0;/*下の余分な余白を削除*/ } /*-------------------------------------- スマホヘッダーメニュー固定 --------------------------------------*/ /*-------------------------------------- SNSボタンカスタマイズ --------------------------------------*/ /*-----ボタンが入る枠の設定です-----*/ .prof-sns{ text-align: center;/*中央揃え*/ padding-top: 5%;/*上の余白(内側)*/ border-top: 2px dotted #eee;/*上線はドッと*/ font-size: 0.6em;/*文字の大きさ*/ } /*-----Twitter部分-----*/ .prof-sns .pf-tw {/*クラス名を指定*/ display: inline-block;/*縦横を調整できるように*/ width: 43%;/*ボタンの幅*/ height: 60px;/*ボタンの高さ*/ margin: 0% 1.5% 5%;/*余白(外側) 上0 左右1.5% 下5%*/ padding-top: 6px;/*上の余白(内側)アイコンの位置調整用*/ border-radius: 5px;/*ボタンを角丸にする*/ text-align: center;/*ボタン内を中央揃えに*/ letter-spacing: .05em;/*字間をちょい広く*/ background: #474F59;/*ボタンの背景*/ color: #fff;/*文字の色*/ } .pf-tw:hover{/*カーソルをのせたときの変化*/ background: #232F3E;/*背景色*/ text-decoration: none;/*文字の下線が出ないように*/ transition: all ease-in-out .3s;/*ゆっくり変化していくように*/ } /*-----プロフィール部分-----*/ .prof-sns .pf-pf { display: inline-block; width: 43%; height: 60px; margin: 0% 1.5% 5%; padding-top: 6px; border-radius: 5px; text-align: center; letter-spacing: .05em; background: #828282;/*ここの色はお好きな色に*/ color: #fff; } .pf-pf:hover{ background: #424242;/*ここの色はお好きな色に*/ text-decoration: none; transition: all ease-in-out .3s; } /*-----FEEDLY部分-----*/ .prof-sns .pf-fd { display: inline-block; width: 43%; height: 60px; margin: 0% 1.5% 5%; padding-top: 6px; border-radius: 5px; text-align: center; letter-spacing: .05em; background: #80CF93;/*ここの色はお好きな色に*/ color: #fff; } .pf-fd:hover{ background: #2BB24C;/*ここの色はお好きな色に*/ text-decoration: none; transition: all ease-in-out .3s; } /*-----amazonほしいものリスト部分-----*/ .prof-sns .pf-amazon { display: inline-block; width: 43%; height: 60px; margin: 0% 1.5% 5%; padding-top: 6px; border-radius: 5px; text-align: center; letter-spacing: .05em; background: #474F59;/*ここの色はお好きな色に*/ color: #fff; } .pf-amazon:hover{ background: #232F3E;/*ここの色はお好きな色に*/ text-decoration: none; transition: all ease-in-out .3s; } /*-----ブログランキング部分-----*/ .prof-sns .pf-br{ display: inline-block; width: 43%; height: 60px; margin: 0% 1.5% 5%; padding-top: 6px; border-radius: 5px; text-align: center; letter-spacing: .05em; background: #DB86B3;/*ここの色はお好きな色に*/ color: #fff; } .pf-br:hover{ background: #BB1F72;/*ここの色はお好きな色に*/ text-decoration: none; transition: all ease-in-out .3s; } /*-----アイコンの大きさ調整-----*/ .prof-sns i { font-size: 3em;/*全部のアイコンの大きさ*/ } /*-------------------------------------- 記事カードに余白を追加 --------------------------------------*/ .cardtype__img img {/*カード記事の画像*/ padding: .45em .45em 0 .45em;/*上 右 下 左の余白*/ } /*-----こちらはお好みで-----*/ .osusume-card .cardtype__link {/*カード記事全体に対して*/ padding-bottom: 15px;/*下の余白(内側)*/ text-align: center;/*文字中央揃え*/ } /*-------------------------------------- NEW部分の位置調整(記事カード余白追加用) --------------------------------------*/ .newmark {/*NEWの部分*/ right: 1.05em;/*右からの距離*/ top: 1.05em;/*上からの距離*/ } /*カスタマイズ用*/ .p-box.p-custom{border: 2px solid #6bb6ff;/*枠線の色*/} div.p-box.p-custom .p-box-title{background-color: #6bb6ff;/*吹き出しの色*/} div.p-box.p-custom .p-box-title:after{border-top: 12px solid #6bb6ff;/*吹き出しの色*/} .p-box.p-custom ul li:before {color: #6bb6ff;/*チェックの色*/} /*内部リンク*記事ページ*/ .entry-content a.linkto.table{ margin:2em 0; border:solid 1px #555; background:none; transition: .3s; } .entry-content a.linkto.table img{ box-shadow:none; } .entry-content a.linkto.table:hover{ -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); opacity: 0.7 ; } .entry-content a.linkto { position: relative; max-width: 100%; } .entry-content a.linkto:before { position: absolute; content: " \check/"; top: -17px; left: 5px; display: inline-block; width: 75px; height: 27px; text-align: center; vertical-align: middle; background: #fff; font-size: 11px; line-height: 28px; color: #333; letter-spacing: 3px; padding-left: 3px; border-radius: 0px; } .entry-content a.linkto:after { position: absolute; display: flex; height: 15%; padding: 2px 15px; content: "続きを読む"; bottom: 5px; right: 5px; font-size: 12px; color: #fff; background:#333; font-weight:bold; text-decoration:none; align-items: center; } .entry-content a.linkto .tbtext { padding: 15px 0px 0px 10px; vertical-align: top; font-size: 14px!important; color:#333; } /*-------------------------------------- 記事下のカテゴリーとタグ部分 --------------------------------------*/ .footer-meta {/*カテゴリーとタグを含めた全体*/ padding: 10px 5% 10px;/*内側の余白*/ font-size: .9em;/*文字の大きさ*/ font-weight: 500;/*文字の太さ*/ background: #f4f4f5;/*背景色*/ margin-bottom: 15px;/*外側下の余白*/ } .footer-meta_title {/*CATEGORYとTAG部分*/ display: inline-block;/*幅と高さを調整できるように*/ width: 100px;/*幅*/ padding-right: 0px;/*内側右の余白を削除*/ background: white;/*背景色*/ text-align: center;/*中央揃え*/ margin-right: 5px;/*外側右の余白*/ } .meta-tag {/*TAG部分のみの設定*/ margin-top: 8px;/*外側上の余白*/ } @media only screen and (min-width: 768px){/*PCでの設定*/ .meta-tag {/*TAG部分のみの設定*/ margin-top: 0px;/*外側上の余白*/ display: inline-block;/*幅と高さを調整できるように*/ margin-left: 20px;/*外側左の余白*/ }} /*-------------------------------------- 検索欄 枠線ヒュッと出てくるver --------------------------------------*/ input#s {/*検索欄*/ border-bottom: none;/*下線削除*/ box-shadow: none;/*ドロップシャドウ削除*/ border-radius: 0;/*角丸削除*/ transition: .1s ease-in-out;/*変化にかかる時間*/ } input#s:focus {/*入力している時*/ box-shadow: none;/*影削除*/ border: 3px solid #5997bc;/*枠線追加*/ } /*----------------------------  プロフィール背景削除 ----------------------------*/ .yourprofile { padding: 10px 0; } .yourprofile .profile-img { margin: 10px auto 0; } /*-------------------------- ウィジェットタイトル中央揃え ----------------------------*/ .widgettitle { text-align: center;/*中央揃え*/ font-size:18px;/*文字サイズ*/ } /*-------------------------- プロフィール文字サイズ ----------------------------*/ .profile-content { font-size:15px;/*文字サイズ*/ } /*-------------------------------------- 追尾型の目次をスクロールに変更 --------------------------------------*/ #fixed_sidebar .widget h4 + * { max-height: 250px;/* 縦の幅 */ overflow-y: auto; } /*-------------------------------------- フッターの装飾 --------------------------------------*/ .footer-links.cf, .privacy-policy-link { font-weight: bold; } /*-------------------------------------- サイドバー広告の余白 --------------------------------------*/ #custom_html-17 { background-color: transparent; }