/* WordPressのcssと既存cssとの衝突を改善するため */ body{ /* font-family:'Noto Sans Japanese','Lucida Grande', "Helvetica Neue" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-family:'Lucida Grande', "Helvetica Neue" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-family:'Lucida Grande', "Helvetica Neue" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; */ font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif; background-image: none; line-height: 2.0em; font-size: 16px; color: #333 !important; word-wrap: break-word; } /*--------------------------------------------------------------------------*/ /* 共通 */ * { font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif; margin: 0; padding: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .post-content p, .post-content ul, .post-content ol, .post-content dl, .post-content blockquote, .post-content pre, .post-content table { margin-bottom: 20px; } .floatLeft{ float: left; } .floatRight{ float: right; } .alignLeft{ text-align:left !important;} .alignRight{ text-align:right !important;} .alignCenter{ text-align:center !important;} .clear{ clear: both; } .clearfix:before, .clearfix:after { content: ""; clear: both; display: block; } h1.header-description{ color: #666 !important; font-size: 12px; line-height: 1.2em; text-align: right; margin-bottom: 10px; margin-top: 5px; } ul,ol{ margin: 0px; } li { list-style-type: none; margin: 0px; } ul.disc li{ list-style-type: disc; } ol.deci li{ list-style-type: decimal; } .marginTopNone{ margin-top: 0px !important; } .mb0, .marginBottomNone { margin-bottom: 0px !important;} .mb50 { margin-bottom: 50px !important;} .mb30 { margin-bottom: 30px !important;} .mb20 { margin-bottom: 20px !important;} .mb10 { margin-bottom: 10px !important;} .borderNone{ border: none !important; } p{ font-size: 16px; /* text-align: justify; /* */ text-justify: inter-ideograph; } p .imgRight{ float: right; margin-left: 2em; margin-bottom: 1em; } .main-navigation a, /* グローバルナビのアニメーション */ a{ color: #00f; text-decoration: none; /* アニメーション */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } a:hover{ text-decoration: none; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; } /* WordPress/css/common.cssを取り消す */ a:link, a:visited, a:active { /* color: #444;*/ text-decoration: none; } /* a:hover p{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; } a:hover img{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; } */ a.noOpacity:hover{ /* オレンジはっきり出すため透過しない */ filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity:1.00; opacity:1.00; } /* の下層要素が透過動作しない場合の対処 */ a.noOpacity img, a.noOpacity h1, a.noOpacity h2, a.noOpacity h3, a.noOpacity h4, a.noOpacity h5, a.noOpacity h6, a.noOpacity span, a.noOpacity p{ /* アニメーション */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } a.noOpacity:hover img, a.noOpacity:hover h1, a.noOpacity:hover h2, a.noOpacity:hover h3, a.noOpacity:hover h4, a.noOpacity:hover h5, a.noOpacity:hover h6, a.noOpacity:hover span, a.noOpacity:hover p{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; } img{ margin: 10px 5px; /* HamachanLandの設定 */ vertical-align: bottom; /* アスペクト比固定のまま最大自幅で伸縮 */ max-width: 100%; height: auto; /* 角丸標準装備 */ /* border-radius: 5px; /* CSS3草案 */ /* -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ /* -moz-border-radius: 5px; /* Firefox用 */ } img[border="1"]{ border: 1px solid #888; } .dispPC{display:inline-block !important;} .dispTB{display:none !important;} .dispSP{display:none !important;} /*
の切り替え */ .wsnw { white-space:nowrap;} /* と併用　firefox効かない？ */ .brNonePC br{ display:none;} .brNoneSP br{ display:block;} .Kadomaru10{ border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .KadomaruNone{ border-radius: 0px; /* CSS3草案 */ -webkit-border-radius: 0px; /* Safari,Google Chrome用 */ -moz-border-radius: 0px; /* Firefox用 */ } /* 画像hoverで拡大 */ .imageBoyoyon img { -moz-transition: -moz-transform 0.5s linear; -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; transition: transform 0.5s linear; } .imageBoyoyon img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } hr { -moz-float-edge: margin-box; border: 1px inset; box-sizing: border-box; color: #eee; display: block; margin-block-end: 0.5em; margin-block-start: 0.5em; margin-inline-end: auto; margin-inline-start: auto; } /* サイドのアドセンス */ .mobile_only{ display: none; } /*--------------------------------------------------------------------------*/ /* テストサイトの区別用 */ /*--------------------------------------------------------------------------*/ .testHead{ position: absolute; right: 10px; color: red; } .testFoot{ font-size: 25px; color: red; margin: 0px; text-align: center; } /*--------------------------------------------------------------------------*/ /* 最上部 */ /*--------------------------------------------------------------------------*/ /* ヘッダー */ header #headbox-bg{ } /* 右上のアイコン「Contact」「Sitemap」 */ header #header-r.smanone ul.menu li{ border: none; /* height: 1.5em;*/ } header #header-r.smanone ul.menu li a { color: #555 !important; /* line-height: 1.5em;*/ } header #header-r.smanone ul.menu li a img { height: 50px; width: 50px; } /*--------------------------------------------------------------------------*/ /* recaptcha v3 */ /*--------------------------------------------------------------------------*/ .grecaptcha-badge{ bottom: 80px !important; /* */ } #page-top{ /* bottom: 80px !important; /* */ } /*--------------------------------------------------------------------------*/ /* マネタイザーという広告　位置や形状を変更して表示するので、最下部に張り付ける　邪魔なので透過 */ /* 参考のため残し 2023.10.5 */ /*--------------------------------------------------------------------------*/ /* div[id^="sas_iframe_fixed_26328"], #sas_iframe_fixed_26328, #sas_iframe_fixed_26328-1{ top: auto !important; bottom: 0px !important; left: 0px !important; right: 0px !important; margin-left: auto !important; margin-right: auto !important; z-index: 1 !important; } /* */ /*--------------------------------------------------------------------------*/ /* グローバルナビ */ /*--------------------------------------------------------------------------*/ /* トップページ画像 */ /* 共通 */ header{ position: relative; } /* PCグロナビ */ header #gazou-wide{ position: fixed; width: 100%; top: 0px; /* border-bottom: 1px solid #ccc;*/ z-index: 100; /* 【重要】アドセンスやらが前面に出るのを抑える */ /* filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; */ /* box-shadow: 0 2px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4); */ background-color: #fff; border-bottom: solid 1px #f3f3f3; } header #gazou-wide #st-menubox{ } header #gazou-wide #st-menubox #st-menuwide { /* width: 100%; max-width: 1058px; */ background-color: #FFFFFF !important;　 } nav.smanone { background-color:#E6FFFE !important; } /* メニュー項目 */ header .smanone ul.menu li{ height: 50px; /* ###001-4 同じにすること */ width: auto; } header .smanone ul#menu-gloval-navigation-winversion li{ width: 20%; /* Win11Office2021 */ } header .smanone ul.menu li a { line-height: 50px; /* ###001-4 同じにすること */ /* padding: 0px 13px; /* はじめてのMAC */ /* padding: 0px 14.7px; /* Office2019 */ /* padding: 0px 13.3px; /* Office2019 2019.10.30 imac chromeでレイアウト崩れ */ padding: 0px 12px; /* Office2019 2019.10.30 imac chromeでレイアウト崩れ chrome=NG ipad=OK */ /* padding: 0px 11px; /* Office2019 2019.10.30 imac chromeでレイアウト崩れ chrome=OK ipad=ng */ } /* カレント */ header .smanone ul.menu li.current-menu-item a{ /* background-color: #aaa; color: #fff; */ text-decoration: underline; } /* ヘッダーロゴ画像部 */ header #headbox-bg{ margin-top: 50px; /* ###001-1 ###001-4 */ } header #headbox-bg #headbox { max-width: 1060px; padding: 0px !important; /* ###001-3 */ padding-top: 20px !important; /* ###001-2 */ } /* 上でpadding:0にしたらこれも0 */ #s-navi { margin: 0px; /* ###001-3 */ } /* ロゴ */ header #header-l .sitename{ padding: 0px; } /* ★ HumbergerMenu用 */ #top-head{ display: none; /* filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; */ padding-left: 10px; padding-right: 10px; /* shadow */ box-shadow: 0 2px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4); } #top-head.fixed{ /* height: 80px; padding-top: 10px; */ } #top-head .inner { width: 100%; margin: 0 auto; } #top-head .logo img{ width: 100px; } #top-head .logo img.text{ width: 200px; } #top-head.fixed #global-nav{ /* height: 20px; /* logoをコメントアウトしたときの高さ確保 */ } #top-head.fixed #global-nav ul li a{ /* メニュー項目の左右のスペースを小さく */ padding-left: 10px; padding-right: 10px; } /* 最初非表示 */ #global-nav ul li.menu-item-425, /* Facebook */ #global-nav ul li.menu-item-51, #global-nav ul li.menu-item-47, #global-nav ul li.menu-item-46{display:none;} /* 表示中 */ #top-head #global-nav ul li.current-page-ancestor a, /* 子が表示中 */ #top-head #global-nav ul li.current-menu-item a{ /* 自身が表示中 */ color: #d39329 !important; /* 金色 */ } /* スマホ時のメニュー */ #top-head #mobile-head{ /* filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; */ } /*--------------------------------------------------------------------------*/ /* サブメニュー */ /*--------------------------------------------------------------------------*/ /* サブメニュータイトル表示 */ .disp_sm_PC{display:none !important;} .disp_sm_SP{display:inline-block !important;} .SubMenu{ margin: 20px auto; width: 100%; max-width: 720px; } body.submenu-mac .SubMenu{ max-width: 320px !important; } .SubMenu a{ float: left; color: #333; border: 1px solid #ccc; /* 長方形で幅がテキスト長に依存する形式の場合に適用 */ /* padding: 0px 5px; margin: 0px 5px 5px 0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; */ /* 円または正方形で上下中央の場合に適用 */ padding: 0px; margin: 5px; /* 円　一辺より大きくすれば円になるような */ width: 70px; height: 70px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; /* 角丸矩形 */ /* width: 75px; height: 60px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; */ } /* 複数行のテキストを上下中央に配置するための制御 */ .SubMenu a div{ display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; line-height: 1.2em; /* height がこれがないとtable-cell効かない */ /* 円　一辺より大きくすれば円になるような */ width: 70px; height: 70px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; /* 角丸矩形 */ /* width: 75px; height: 60px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; */ } .SubMenu a.currenr-menu{ border: 3px solid #888; } .SubMenu a.currenr-menu div span{ text-decoration: underline; } /* サブメニューの配列の制御は、コンテナの幅で実行する */ /* やnth-child(){float:none}での制御はヤメル */ /* .SubMenu span.gyou:before, .SubMenu span.gyou:after { content: ""; clear: both; display: block; } .SubMenu a:nth-child(6){ float:left; } .SubMenu a:nth-child(4):after, .SubMenu a:nth-child(7):after{ content: ""; clear: both; display: block; .SubMenu a:nth-child(4), .SubMenu a:nth-child(7){ float:none; } } */ /*--------------------------------------------------------------------------*/ /* パンくずリスト */ #breadcrumb{ } #breadcrumb ol li, #breadcrumb ol li a { color: #888 !important; } /*--------------------------------------------------------------------------*/ /* 各ページ共通 */ /* AFFINGER4の要素 */ .sns li a{ -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; -o-box-sizing: content-box !important; -ms-box-sizing: content-box !important; box-sizing: content-box !important; } /* アドセンス */ /* コンテンツ半ばのAdsense */ .ad_m{ /* width: 100%; /* /* max-width: 360px; /* 正方形の広告が表示 */ margin-bottom: 20px; } .ad_m .ad_m{ /* 二重になった場合の内側は無効にする */ margin: 0px; padding: 0px; border: none; } .adsbygoogle.ad_kirikae{ max-width: 336px; } /* AMP広告 2019.8.23 */ .i-amphtml-element{ margin-bottom: 20px; } /* 更新日 */ .blogbox p{ color: #888 !important; } /* Print Friendly & PDF ボタン右寄せ */ div.printfriendly { text-align: right; } div.printfriendly img{ margin: 0px; } h2 { font-size: 22px; line-height: 32px; margin: 20px 0; padding-top: 10px !important; padding-bottom: 10px !important; border-top: 4px solid #008000; border-bottom: 4px solid #008000; color: #212121; } h3{ font-size: 20px; line-height: 30px; padding-top: 5px !important; padding-bottom: 5px !important; padding-left: 10px !important; color: #212121; border-bottom-color: #81d742; border-bottom-style: solid; background-color: transparent; } h4 { color: #212121; background-color: #eef7ee; padding: 10px 15px; font-size: 16px; line-height: 26px; } /*--------------------------------------------------------------------------*/ /* 背景色 */ /* .catname.st-catid7 { background:#ff0000; } */ /* singleやcategoryカテゴリーリンク形状 */ .sciCategory{ border: 1px solid #ccc; padding: 2px 7px; line-height: 1.2em; border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */ color: #888; } body.category .sciCategory{ padding: 0px 5px; margin: 0px 2px; } #byCategory.cat_off .cat{ margin-top: 0px !important; margin-bottom: 10px !important; } /* 背景色 */ .sciCat_mac{ background-color: #FFEAD7 !important; } .sciCat_i-appli { background-color: #d5ffea !important; } .sciCat_mail { background-color: #d5d5ff !important; } .sciCat_mavericks { background-color: #d5ffd5 !important; } .sciCat_office-mac { background-color: #FFF35C !important; } /* sub menu */ .sciCat_lion { background-color: #3BFFAA !important; } /* sub menu */ .sciCat_safari { background-color: #ffead5 !important; } .sciCat_sierra { background-color: #ffd5d5 !important; } .sciCat_yosemite { background-color: #ffd5ff !important; } .sciCat_kotoeri { background-color: #d5eaff !important; } .sciCat_appli { background-color: #FFFA99 !important; } .sciCat_system { background-color: #aaffd5 !important; } .sciCat_trouble { background-color: #aaaaff !important; } .sciCat_kyouyu { background-color: #aaffaa !important; } .sciCat_kihon { background-color: #ffd5aa !important; } .sciCat_zakki { background-color: #ffaaaa !important; } .sciCat_profile-mac{ background-color: #EEEEFF !important; } /* sub menu */ .sciCat_link-mac{ background-color: #ffaaff !important; } /* sub menu */ .sciCat_winxp-and-office2003{ background-color: #E6FFFE !important; } .sciCat_access2003 { background-color: #fff5f5 !important; } .sciCat_excel2003 { background-color: #fafffa !important; } .sciCat_ime2003 { background-color: #fff5ff !important; } .sciCat_ie6 { background-color: #fffaf9 !important; } .sciCat_office2003 { background-color: #fafffa !important; } .sciCat_outlook-express { background-color: #f5faff !important; } .sciCat_powerpoint2003 { background-color: #fffaf5 !important; } .sciCat_windowsxp { background-color: #fbfbff !important; } .sciCat_word2003 { background-color: #f5f5ff !important; } .sciCat_winvista-and-office2007 { background-color: #FFEAD7 !important; } .sciCat_access2007 { background-color: #ffebeb !important; } .sciCat_excel2007 { background-color: #efffef !important; } .sciCat_ime2007 { background-color: #fce4fc !important; } .sciCat_ie7 { background-color: #fffcc3 !important; } .sciCat_office2007 { background-color: #e9fff4 !important; } .sciCat_outlook2007 { background-color: #eaf4fe !important; } .sciCat_powerpoint2007 { background-color: #fef4e9 !important; } .sciCat_windows-vista { background-color: #EEEEFF !important; } .sciCat_word2007 { background-color: #ebebff !important; } .sciCat_win7-and-office2010 { background-color: #EEEEFF !important; } .sciCat_access2010 { background-color: #ffd5d5 !important; } .sciCat_excel2010 { background-color: #d5ffd5 !important; } .sciCat_ime2010 { background-color: #ffd5ff !important; } .sciCat_ie8 { background-color: #FFFA99 !important; } .sciCat_office2010 { background-color: #d5ffea !important; } .sciCat_outlook2010 { background-color: #d5eaff !important; } .sciCat_powerpoint2010 { background-color: #ffead5 !important; } .sciCat_windows7 { background-color: #EEEEFF !important; } .sciCat_word2010 { background-color: #d5d5ff !important; } .sciCat_win8-and-office2013 { background-color: #FFEEEE !important; } .sciCat_access2013 { background-color: #ffaaaa !important; } .sciCat_excel2013 { background-color: #aaffaa !important; } .sciCat_ime2012 { background-color: #ffaaff !important; } .sciCat_ie10 { background-color: #FFFC8D !important; } .sciCat_office2013 { background-color: #aaffd5 !important; } .sciCat_outlook2013 { background-color: #aad5ff !important; } .sciCat_powerpoint2013 { background-color: #ffd5aa !important; } .sciCat_windows8 { background-color: #FFEEEE !important; } .sciCat_word2013 { background-color: #aaaaff !important; } .sciCat_win10-and-office2016{ background-color: #E3FFC5 !important; } .sciCat_access2016 { background-color: #ff8080 !important;color:#fff !important; } .sciCat_excel2016 { background-color: #80ff80 !important; } .sciCat_ime2016 { background-color: #ff80ff !important; } .sciCat_edge2016 { background-color: #FFFF80 !important; } .sciCat_office2016 { background-color: #80ffbf !important; } .sciCat_outlook2016 { background-color: #80bfff !important; } .sciCat_powerpoint2016 { background-color: #ffbf80 !important; } .sciCat_windows10 { background-color: #E3FFC5 !important; } .sciCat_word2016 { background-color: #8080ff !important;color:#fff !important; } .sciCat_win-and-office2019 { background-color: #FFF6C7 !important; } .sciCat_access2019 { background-color: #ff5555 !important;color:#fff !important; } .sciCat_excel2019 { background-color: #55ff55 !important; } .sciCat_ime2019 { background-color: #ff55ff !important;color:#fff !important; } .sciCat_edge2019 { background-color: #ffff55 !important; } .sciCat_office2019 { background-color: #55ffaa !important; } .sciCat_outlook2019 { background-color: #55aaff !important;color:#fff !important; } .sciCat_powerpoint2019 { background-color: #ffaa55 !important;color:#fff !important; } .sciCat_windows10 { background-color: #FFF6C7 !important; } .sciCat_word2019 { background-color: #5555ff !important;color:#fff !important; } /* 2016と同じ */ /* .sciCat_win11-and-office2021{ background-color: #EEEEFF !important; } .sciCat_access2021 { background-color: #ffd5d5 !important; } .sciCat_excel2021 { background-color: #d5ffd5 !important; } .sciCat_ime2021 { background-color: #ffd5ff !important; } .sciCat_edge2021 { background-color: #FFFA99 !important; } .sciCat_office2021 { background-color: #d5ffea !important; } .sciCat_outlook2021 { background-color: #d5eaff !important; } .sciCat_powerpoint2021 { background-color: #ffead5 !important; } .sciCat_windows11 { background-color: #EEEEFF !important; } .sciCat_word2021 { background-color: #d5d5ff !important; } /* */ /* 2003と同じ */ /* .sciCat_win11-and-office2021{ background-color: #E6FFFE !important; } .sciCat_access2021 { background-color: #ff2b2b !important;color:#fff !important; } .sciCat_excel2021 { background-color: #2bff2b !important; } .sciCat_ime2021 { background-color: #ff2bff !important;color:#fff !important; } .sciCat_edge2021 { background-color: #ffff2b !important; } .sciCat_office2021 { background-color: #2bff95 !important; } .sciCat_outlook2021 { background-color: #2b95ff !important;color:#fff !important; } .sciCat_powerpoint2021 { background-color: #ff952b !important;color:#fff !important; } .sciCat_windows11 { background-color: #E6FFFE !important; } .sciCat_word2021 { background-color: #2b2bff !important;color:#fff !important; } /* */ /* さらに薄く */ /* */ .sciCat_win11-and-office2021{ background-color: #E0F8F7 !important; } .sciCat_access2021 { background-color: #ff2b2b !important;color:#fff !important; } .sciCat_excel2021 { background-color: #2bff2b !important; } .sciCat_ime2021 { background-color: #ff2bff !important;color:#fff !important; } .sciCat_edge2021 { background-color: #ffff2b !important; } .sciCat_office2021 { background-color: #2bff95 !important; } .sciCat_outlook2021 { background-color: #2b95ff !important;color:#fff !important; } .sciCat_powerpoint2021 { background-color: #ff952b !important;color:#fff !important; } .sciCat_windows11 { background-color: #E0F8F7 !important; } .sciCat_word2021 { background-color: #2b2bff !important;color:#fff !important; } /* */ .sciCat_quize{ background-color: #FFF35C !important; } .sciCat_quiz-a { background-color: #fff !important; } .sciCat_quiz-e { background-color: #fff !important; } .sciCat_quiz-p { background-color: #fff !important; } .sciCat_quiz-w { background-color: #fff !important; } .sciCat_biruda{ background-color: #F9C4B4 !important; } .sciCat_profile{ background-color: #FFE1E1 !important; } /* original .sciCat_product_access { background-color: #a13538; } .sciCat_product_excel { background-color: #206f43; } .sciCat_product_ime { background-color: #7b3776; } .sciCat_product_ie { background-color: #d5d501; } .sciCat_product_office { background-color: #00d569; } .sciCat_product_outlook { background-color: #006ec4; } .sciCat_product_powerpoint { background-color: #d04525; } .sciCat_product_word { background-color: #2a5597; } */ /* 濃いので下に変更 .sciCat_product_access { background-color: #A13538 !important; } .sciCat_product_excel { background-color: #217245 !important; } .sciCat_product_ime { background-color: #7b3776 !important; } .sciCat_product_ie { background-color: #D5D500 !important; } .sciCat_product_office { background-color: #00d56a !important; } .sciCat_product_outlook { background-color: #006ec4 !important; } .sciCat_product_powerpoint { background-color: #d04525 !important; } .sciCat_product_word { background-color: #2a5597 !important; } /* 2021　ちょっと薄めに調整 */ .sciCat_product_access { background-color: #DF0101 !important; } .sciCat_product_excel { background-color: #01DF3A !important; } .sciCat_product_ime { background-color: #DF01D7 !important; } .sciCat_product_ie { background-color: #F7FE2E !important; color:#00f !important; } .sciCat_product_office { background-color: #2EFE9A !important; color:#00f !important;} .sciCat_product_outlook { background-color: #0080FF !important; } .sciCat_product_powerpoint { background-color: #DF7401 !important; } .sciCat_product_word { background-color: #2E2EFE !important;} /* */ /* デフォルトメニュー */ .sciDefault_{ background-color: #fff !important; } /*#a23538*/ /*#217345*/ /*#d500d6*/ /*#d5d501*/ /*#00d569*/ /*#0072c8*/ /*#d14524*/ /*#2b569a*/ /* .sciCategory.sciCat_mac{ background-color: #fff; } .sciCategory.sciCat_i-appli { background-color: #fff; } .sciCategory.sciCat_mail { background-color: #fff; } .sciCategory.sciCat_mavericks { background-color: #fff; } .sciCategory.sciCat_office-mac { background-color: #fff; } .sciCategory.sciCat_lion { background-color: #fff; } .sciCategory.sciCat_safari { background-color: #fff; } .sciCategory.sciCat_sierra { background-color: #fff; } .sciCategory.sciCat_yosemite { background-color: #fff; } .sciCategory.sciCat_kotoeri { background-color: #fff; } .sciCategory.sciCat_appli { background-color: #fff; } .sciCategory.sciCat_system { background-color: #fff; } .sciCategory.sciCat_trouble { background-color: #fff; } .sciCategory.sciCat_kyouyu { background-color: #fff; } .sciCategory.sciCat_kihon { background-color: #fff; } .sciCategory.sciCat_zakki { background-color: #fff; } .sciCategory.sciCat_winxp-and-office2003{ background-color: #fff; } .sciCategory.sciCat_access2003 { background-color: #fff; } .sciCategory.sciCat_excel2003 { background-color: #fff; } .sciCategory.sciCat_ime2003 { background-color: #fff; } .sciCategory.sciCat_ie6 { background-color: #fff; } .sciCategory.sciCat_office2003 { background-color: #fff; } .sciCategory.sciCat_outlook-express { background-color: #fff; } .sciCategory.sciCat_powerpoint2003 { background-color: #fff; } .sciCategory.sciCat_windowsxp { background-color: #fff; } .sciCategory.sciCat_word2003 { background-color: #fff; } .sciCategory.sciCat_winvista-and-office2007{ background-color: #fff; } .sciCategory.sciCat_access2007 { background-color: #fff; } .sciCategory.sciCat_excel2007 { background-color: #fff; } .sciCategory.sciCat_ime2007 { background-color: #fff; } .sciCategory.sciCat_ie7 { background-color: #fff; } .sciCategory.sciCat_office2007 { background-color: #fff; } .sciCategory.sciCat_outlook2007 { background-color: #fff; } .sciCategory.sciCat_powerpoint2007 { background-color: #fff; } .sciCategory.sciCat_windows-vista { background-color: #fff; } .sciCategory.sciCat_word2007 { background-color: #fff; } .sciCategory.sciCat_win7-and-office2010 { background-color: #fff; } .sciCategory.sciCat_access2010 { background-color: #fff; } .sciCategory.sciCat_excel2010 { background-color: #fff; } .sciCategory.sciCat_ime2010 { background-color: #fff; } .sciCategory.sciCat_ie8 { background-color: #fff; } .sciCategory.sciCat_office2010 { background-color: #fff; } .sciCategory.sciCat_outlook2010 { background-color: #fff; } .sciCategory.sciCat_powerpoint2010 { background-color: #fff; } .sciCategory.sciCat_windows7 { background-color: #fff; } .sciCategory.sciCat_word2010 { background-color: #fff; } .sciCategory.sciCat_win8-and-office2013 { background-color: #fff; } .sciCategory.sciCat_access2013 { background-color: #fff; } .sciCategory.sciCat_excel2013 { background-color: #fff; } .sciCategory.sciCat_ime2013 { background-color: #fff; } .sciCategory.sciCat_ie10 { background-color: #fff; } .sciCategory.sciCat_office2013 { background-color: #fff; } .sciCategory.sciCat_outlook2013 { background-color: #fff; } .sciCategory.sciCat_powerpoint2003 { background-color: #fff; } .sciCategory.sciCat_windows8 { background-color: #fff; } .sciCategory.sciCat_word2013 { background-color: #fff; } .sciCategory.sciCat_win10-and-office2016{ background-color: #fff; } .sciCategory.sciCat_access2016 { background-color: #fff; } .sciCategory.sciCat_excel2016 { background-color: #fff; } .sciCategory.sciCat_ime2016 { background-color: #fff; } .sciCategory.sciCat_edge2016 { background-color: #fff; } .sciCategory.sciCat_office2016 { background-color: #fff; } .sciCategory.sciCat_outlook2016 { background-color: #fff; } .sciCategory.sciCat_powerpoint2016 { background-color: #fff; } .sciCategory.sciCat_windows10 { background-color: #fff; } .sciCategory.sciCat_word2016 { background-color: #fff; } .sciCategory.sciCat_quize{ background-color: #fff; } .sciCategory.sciCat_quiz-a { background-color: #fff; } .sciCategory.sciCat_quiz-e { background-color: #fff; } .sciCategory.sciCat_quiz-p { background-color: #fff; } .sciCategory.sciCat_quiz-w { background-color: #fff; } .cat.sciCat_product_access { background-color: #a13538; } .cat.sciCat_product_excel { background-color: #206f43; } .cat.sciCat_product_ime { background-color: #7b3776; } .cat.sciCat_product_ie { background-color: #d5d501; } .cat.sciCat_product_office { background-color: #00d569; } .cat.sciCat_product_outlook { background-color: #006ec4; } .cat.sciCat_product_powerpoint { background-color: #d04525; } .cat.sciCat_product_word { background-color: #2a5597; } */ /*--------------------------------------------------------------------------*/ /* コンテンツ部基礎共通 */ /* ▼ サイト骨組み */ main{ padding: 0px; padding-right: 20px; border-radius: 0px; /* CSS3草案 */ -webkit-border-radius: 0px; /* Safari,Google Chrome用 */ -moz-border-radius: 0px; /* Firefox用 */ } /* タイトル */ /* #page #content article header h1.entry-title-page, #page #content article header h2.entry-title-page{ background-image: url('../images/h1title_back_image.png'); background-position: right top; background-repeat:no-repeat; background-size: cover; font-size: 25px; text-align: right; padding-top: 75px; padding-right: 20px; line-height: 1.2em; color: #ddd; height: 170px; margin-bottom: 10px; } */ main .post h1#h1_index, main .post h1.entry-title{ padding-bottom: 5px !important; border-bottom: 1px solid #ccc; margin-bottom: 20px !important; } main h2{ background: none !important; padding-left: 0px; padding-right: 0px; } main .post h3{ padding: 10px 0px; } /* 一般的リンクボタン */ .buttonLinkOuter{ text-align: right; margin: 20px auto; } .buttonLink{ background-color: #ccc; /* */ background-image: url("../images/arrowMail.png"); background-position: 96% center; background-repeat: no-repeat; background-size: 9px 15px; color: #fff !important; display: block; font-size: 13px; margin: 0 auto; padding: 5px 0; text-align: center !important; width: 100%; max-width: 300px; float: right; } .entry-content img{ /* display: block; /*

[ のパターンでは

タグが消えて改行されなくなるの現象の対策 2018.4.22 */ } /*--------------------------------------------------------------------------*/ /* ジャンプ先　固定メニュー分のマージン */ /* SUGOI MOKUJI の遷移先調整 */ /* 【重要】固定グロナビオフセット調整は"C:\Project\Scitech\WordPressImporter\Job\初心者のためのOFFICE講座 - 浜本好子\WordPress\Now\plugins\st-toc\assets\js\script.js" */ /* ▼ 以下効果なし h1[class*="toc-h"], h2[class*="toc-h"], h3[class*="toc-h"], h4[class*="toc-h"], h5[class*="toc-h"], h6[class*="toc-h"], h1[id*="st-toc-h-"], h2[id*="st-toc-h-"], h3[id*="st-toc-h-"], h4[id*="st-toc-h-"], h5[id*="st-toc-h-"], h6[id*="st-toc-h-"], ▲ 以上効果なし */ /* 見出しのborder-topを非表示にしないと見栄えが悪い */ /* body:(.home) .mainbox .entry-content h1, body:(.home) .mainbox .entry-content h2, body:(.home) .post .mainbox .entry-content h3, body:(.home) .post .mainbox .entry-content h3:not(.rankh3):not(#reply-title), body:(.home) .mainbox .entry-content h4, body:(.home) .mainbox .entry-content h5:not(.st-cardbox-t), body:(.home) .mainbox .entry-content h6, */ a[name], /* でジャンプ先指定 */ .jumpTarget{ /* position: relative; top: -80px; display: block; */ padding-top: 50px !important; /* 固定するもののheightと同じpx値 */ margin-top: -50px !important; /* 固定するもののheightと同じpx値 */ position: relative; display: block; } .zindexMinus{ z-index: -1; } /* SUGOI MOKUJI の「目次」部分が被さるのを防止 */ /* #st_toc_container{ margin-bottom: 20px; } */ /* 2018.10.23 改行が発生すると数字とテキストが改行される　→　数字にテキストが引き続くように修正 */ #st_toc_container .st_toc_list li{ flex-wrap: nowrap; align-items: normal; } /* 2021.6.1 プラグインWP Rocktをバージョンアップで、目次テキストが複数行になると微妙に崩れるのを修正 */ #st_toc_container .st_toc_list li::before { width: auto; } /*--------------------------------------------------------------------------*/ /* トップページ */ body.home #content{ padding-top: 0px; } /* スライダー */ body.home .metaslider{ margin-bottom: 50px; } body.home .metaslider .caption-wrap{ display: none; } /* 更新履歴 */ /* [sci_newpost_post]に変えたので未使用 body.home #news_index_top li.listNew{ padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } body.home #news_index_top li.listNew a{ border: none; display: inline; } body.home #news_index_top li.listNew time{ float: left; width: 20%; } body.home #news_index_top li.listNew span.cate{ float: left; width: 30%; } body.home #news_index_top li.listNew span.title{ float: right; width: 50%; } */ /* ようこそ */ main .post h1#h1_index, main .post h2#h1_index{ background: rgba(0, 0, 0, 0) url("/item/icon_title.png") no-repeat scroll right top !important; padding-right: 20px !important; border-top: none !important; padding-bottom: 5px !important; border-bottom: 1px solid #ccc !important; margin-bottom: 20px !important; font-size: 32px !important; padding-top: 0px !important; margin-top: 0px !important; } #main_index .welcome-text{ font-size: 140%; } #main_index .welcome-text img { float: right; margin: 0px 10px 0 0; } #main_index .attention-text{ font-size: 12px; color: #555; border: 1px dotted #ccc; padding: 10px; } /* 新着記事 */ /* AFFINGER4がつけてるタイトルを非表示 */ body.home #news_index_top .n-entry-t{ display: none; } /* 一覧タイトル上部のスペースを除去 */ body.home #news_index_top .kanren h5{ padding-top: 0px !important; } .kanren .blog_info p{ text-align: left; text-justify: auto; line-height: 1.2em; } /* カテゴリーが改行時に重なるのを防止　これ効かない */ .kanren .blog_info .pcone a{ margin-bottom: 10px !important; } /* トップページのメニュー */ .row::after { clear: both; content: ""; display: table; } .sm-1-div, .sm-2-div, .sm-3-div, .sm-4-div { display: block; float: left; padding: 2px; } .sm-2-div { width: 50%; } /* ３列 */ .bg-3-div { width: 32%; margin-right: 1.33%; margin-bottom: 20px; } .bg-4-div { width: 25%; } /* win & office バージョン別 */ h2.ver{ border: none; text-align: center; font-size: 18px; font-weight: normal; padding: 0px !important; margin: 0px !important; } h2.ver a{ border: 1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: block; } /* officeカテゴリー */ h2.cat{ border: 1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #888; background-image: none; color: #fff; text-align: center; font-size: 16px; font-weight: normal; } .cat_off p a { border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: block; margin: 10px auto; padding: 10px 0; text-align: center; width: 95%; font-size: 14px; /* ie 600pxでギリ */ } /* リンクの矢印 */ .cat_off a, .cat_off a h2.cat{ background-image: url('../../../images/icon/arrowRight-black.png') !important; background-position: 98% center !important; background-repeat: no-repeat !important; background-size: 9px 15px !important; } .cat_off a.fWhite, .cat_off a.fWhite h2.cat{ background-image: url('../../../images/icon/arrowRight-white.png') !important; } .cat_off a.Nonexistent{ background-image: none !important; pointer-events: none; } body.home #content .descList li a{ display: block; display: table-cell; /* 上下中央揃えのため ###vertical-middle */ vertical-align: middle; /* 上下中央揃えのため ###vertical-middle */ /* background-image: url('../images/tri-ccc.png'); background-position: right bottom; background-repeat: no-repeat; background-size: 6px 6px; */ border: 1px solid #eee; background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5)); background-image: -webkit-linear-gradient(top, #FFFFFF, #E5E5E5); background-image: -moz-linear-gradient(top, #FFFFFF, #E5E5E5); background-image: -ms-linear-gradient(top, #FFFFFF, #E5E5E5); background-image: -o-linear-gradient(top, #FFFFFF, #E5E5E5); background-image: linear-gradient(to bottom, #FFFFFF, #E5E5E5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#E5E5E5); max-height: 120px; height: 120px; text-align: center; } body.home #content .descList li a:hover{ border: 1px solid #ccc; } /*--------------------------------------------------------------------------*/ /* 下層ページ共通 */ /* Searchページの検索窓 */ body.search article #search{ margin-top: 40px; } /* Googleの検索窓 */ #search form#cse-search-box div:before, #search form#cse-search-box div:after{ content: ""; clear: both; display: block; } #search input[name="q"]{ max-width: 400px; width: 70%; float: left; margin-right: 10px; border: 1px solid #7e9db9; } #search input[name="sa"]{ float: left; padding: 2px; border: 1px solid #7e9db9; /* アニメーション */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #search input[name="sa"]:hover{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; } /* 2018.10.5　新しいgoogle検索 */ .customSearch-area{ max-width: 600px; margin-left: auto; /* 右寄せ　###Win11Office2021 */ } .customSearch-area table, .customSearch-area td, .customSearch-area th { border: none; line-height: 1 !important; } .customSearch-area .gsc-input-box table{ margin-bottom: 0px; } .customSearch-area input.gsc-input, .customSearch-area .gsc-input-box, .customSearch-area .gsc-input-box-hover, .customSearch-area .gsc-input-box-focus{ border-color: #aaa; } .customSearch-area .gsc-search-button-v2{ border-color: #aaa; background-color: #ccc; } .customSearch-area .gsc-search-button-v2:hover, .customSearch-area .gsc-search-button-v2:focus { border-color: #aaa !important; background-color: #ddd; } /*--------------------------------------------------------------------------*/ /* はじめに　Welcom */ body.info table.tbl_con th{ background-color: #eee; } /*--------------------------------------------------------------------------*/ /* プロフィール */ body.profile #contentsbox dl dt { background-color: #f7f5f0; clear: both; font-weight: bold; padding: 0px 0px 0px 10px; text-align: left; height: 25px; } body.profile #contentsbox dl dd { float: none; margin-bottom: 5px; padding: 5px 0 5px 20px; } /*--------------------------------------------------------------------------*/ /* RSS */ .blogsRss{ margin: 50px auto; } .blogsRss h2{ margin-bottom: 30px; } .blogsRss .blogBox{ margin-bottom: 30px; } .blogsRss .blogBox .blogName{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 20px; background-color: #FFFA99; /* edge2016 */ padding: 0px 5px; } .blogsRss .blogBox ul{ padding: 0px; margin: 0px; content: ""; clear: both; display: block; } .blogsRss .blogBox ul li{ content: ""; clear: both; display: block; } .blogsRss .blogBox ul li a{ float: right; width: 80%; } .blogsRss .blogBox ul li small{ /* プラグイン「RssImport」使用時 */ float: left; width: 25%; text-align: right; } .blogsRss .blogBox ul li .date{ float: left; width: 17%; } /* サイドバーのblogsRss */ #side .blogsRss{ margin: 0px; } #side .blogsRss .blogBox ul li a{ float: none; width: 100%; padding-left: 5%; display: block; } #side .blogsRss .blogBox ul li .date{ float: none; width: 100%; display: block; } #side .blogsRss h2{ padding: 5px 0px !important; border: none; background: none; border-bottom: 1px solid #aaa; margin-bottom: 5px; font-size: 14px; line-height: 24px; } /* Windows目次ページ */ .entry-content .news li a{ display: block; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } /* 2020.3.20 「クリック可能な要素同士が近すぎます」 */ body.rireki .entry-content .news li{ padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; } body.rireki .entry-content .news li a{ padding-bottom: 0px; border-bottom: none; margin-bottom: 0px; } /* Office目次ページ */ .entry-content .index_link a{ display: block; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .entry-content .index_link a[href^="https://hamay.blogspot"] { background: rgba(0, 0, 0, 0) url("//hamachan.info/item/link.png") no-repeat scroll right center; margin-right: 5px; padding-right: 18px; } /* 更新履歴 */ .su-spoiler-title { cursor: pointer; font-size: 16px !important; font-weight: normal !important; color: #333; } #news_index ul li a:before, #news_index ul li a:after{ content: ""; clear: both; display: block; } #news_index ul li a { display: block; } #news_index ul li time { width: 20%; } .news time { color: #888888; float: left; } #news_index ul li br { display: none; } #news_index span { color: #000000; display: block; margin: 3px auto; text-align: left; float: left; width: 75%; } /*--------------------------------------------------------------------------*/ /* はじめてのMacのTOP */ .mac_navi h2 { clear: both; margin: 20px auto; padding-top: 20px; } .mac_navi a { background: #eee none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 5px; color: #333; display: block; float: left; /* height: 40px; /* */ height: auto; margin: 5px 10px 5px 0; padding: 5px 15px; text-decoration: none; } .mac_navi strong { background: #fff none repeat scroll 0 0; display: block; float: left; font-weight: bold; height: 40px; margin: 5px 10px 5px 0; padding: 5px 15px; } /*--------------------------------------------------------------------------*/ /* 動画 */ /* 個別ページもスクロールバー内もFancyBoxも共通 */ /*html, body.postid-376 {width: 100%; height: 100%}*/ #swiffycontainer{ width: 100% !important; /* height: 710px; /* これは個別設定 */ } #swiffycontainer canvas{ width: 100% !important; } /*--------------------------------------------------------------------------*/ /* プライバシーポリシー */ /* FancyBox */ #fancybox-wrap #fancybox-outer{ /* 効かない */ /* border-radius: 10px; /* CSS3草案 */ /* -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ /* -moz-border-radius: 10px; /* Firefox用 */ } #fancybox-wrap #fancyboxID-1{ padding: 80px 50px !important; } #fancybox-wrap #fancybox-close { /* background-image: url("../images/contact/close_icon.png"); background-size: 40px 40px; cursor: pointer; display: none; height: 40px; position: absolute; right: -10px; top: -10px; width: 40px; z-index: 11103; */ } /* 閉じるボタン */ #fancybox-wrap a.closeFancybox{ background-color: #888; /* デザイン画像からスポイト */ color: #fff !important; cursor: pointer; padding: 5px 10px; border-radius: 5px; /* CSS3草案 */ -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ } /*--------------------------------------------------------------------------*/ /* クイズ */ body.quize-main .entry-content{ margin-bottom: 30px; } body.quize-main .boxQuize{ padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 50px; } body.quize-main .boxQuize .question{ border: 1px solid #ccc; } body.quize-main .boxQuize table th, body.quize-main .boxQuize table td{ width: 33%; } body.quize-main img{ margin: 0px; } body.quize-main span.big{ font-size: 30px; } body.quize-main ul.answer li{ list-style-type: circle; /* disc;*/ } /* 2017.6.5 の幅がcssでのclass定義通りにならない。!importantつけてもダメ。 */ body.quize-main table{ width: 95%; margin-left: 5%; border: none; } body.quize-main table td{ border: none; padding: 5px 0px; background-color: #fff; border-bottom: 1px solid #ccc; } /* Googleカスタム検索 */ body.quize-main table.gsc-input{ margin-left: 0px; } body.quize-main table.gsc-search-box td{ border: none !important; } body.quize-main table.gsc-search-box td.gsib_a{ padding: 5px 9px 4px 9px; } body.quize-main table td.title{ width: 40px !important; } body.quize-main table td.mark{ width: 30px !important; text-align: center; } /* 2017.6.5 tableの代わりにdiv/spanで実現 */ body.quize-main .Answer{ width: 95%; margin-left: 5%; border: none; margin-bottom: 20px; } body.quize-main .Answer .row{ border-bottom: 1px solid #ccc; } body.quize-main .Answer .row div{ float: left; padding: 5px 0px; width: 83%; } body.quize-main .Answer .row div.title{ width: 12%; max-width: 40px; } body.quize-main .Answer .row div.mark{ width: 5%; max-width: 30px; text-align: center; } body.quize-main p.submit{ text-align: center; } body.quize-main p.submit input[type="submit"]{ padding: 5px 30px; /* アニメーション */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } body.quize-main p.submit input[type="submit"]:hover{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; } /*--------------------------------------------------------------------------*/ /* 投稿一覧　aechive.php */ /* サムネイル画像 */ .thumbnailBackground{ background-repeat: no-repeat; /* background-position: center center;*/ background-position: left top; background-size: cover; width: 100px; height: 100px; border: 1px solid #ccc; } /* ページネーション */ body.archive .breadcrumbs{ margin-bottom: 20px; } body.archive .page-title{ padding-bottom: 10px; border-bottom: 1px solid #ccc; } body.archive .postLists{ margin-bottom: 65px; /* ###Big-Space */ } body.search .st-pagelink, body.archive .st-pagelink{ /* padding: 35px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; */ text-align: center; } body.search .st-pagelink .page-numbers, body.archive .st-pagelink .page-numbers{ padding: 0px 10px; margin-right: 5px; color: #fff; background-color: #ccc; height: auto; display: block; /* border-radius: 5px; /* CSS3草案 */ /* -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ /* -moz-border-radius: 5px; /* Firefox用 */ } body.search .st-pagelink .page-numbers.current, body.archive .st-pagelink .page-numbers.current{ background-color: #999; filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity:1.00; opacity:1.00; } /* カテゴリーページでの関連記事見出しの装飾 */ .textwidget h4.point { margin-bottom: 40px; position: relative; border-bottom: solid 1px #212121; padding: 20px 15px 10px; background-color: transparent; } .textwidget .point-in{ background-color: #212121 !important; color: #ffffff !important; } .textwidget h4 .point-in { padding: 3px 20px; margin: 0; font-size: 15px; font-weight: bold; background: #f3f3f3; color: #000; position: absolute; top: 15px; left: 0; } /*--------------------------------------------------------------------------*/ /* 一覧ボックス */ /* 共通 */ .archive-box{ /* float: left; width: 31.81%; margin-right: 2.12%; height: 195px; overflow: hidden; */ /* border-top: 1px solid #ccc;*/ padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 30px; } .archive-box:nth-child(3){ /* margin-right: 0px; /* 20/660 */ } .archive-box .row{ clear: both; } .archive-box h3{ font-size: 20px; margin-bottom: 10px; } .archive-box h3 a{ color: #a26214; /* 濃い金（黄土色） */ } .archive-box p{ margin-bottom: 10px; } .archive-box p.meta, .archive-box p.content{ margin-bottom: 0px; } /* 上部のカラーライン */ .archive-box .cate-orthodontic{ border-top: 3px solid #82b42a;} .archive-box .cate-implant{ border-top: 3px solid #d3ae23;} .archive-box .cate-whitening{ border-top: 3px solid #64bee2;} .archive-box .cate-aesthetic{ border-top: 3px solid #9c9bc6;} .archive-box .cate-caries{ border-top: 3px solid #9c9bc6;} .archive-box .cate-perio{ border-top: 3px solid #9c9bc6;} .archive-box.cate-orthodontic-bc{ background-color: #82b42a;} .archive-box.cate-implant-bc{ background-color: #d3ae23;} .archive-box.cate-whitening-bc{ background-color: #64bee2;} .archive-box.cate-aesthetic-bc{ background-color: #9c9bc6;} .archive-box.cate-caries-bc{ background-color: #9c9bc6;} .archive-box.cate-perio-bc{ background-color: #9c9bc6;} .archive-box.separator{ /* height: 199px; padding-top: 30px; text-align: center; */ } .archive-box .Left{ float: left; width: 25%; } .archive-box .Right{ float: right; width: 70%; } .archive-box .CatchCopy{ font-size: 11px; font-weight: bold; height: 35px; line-height: 1.2em; margin: 5px; } .archive-box .CatchCopy a:hover{ zindex: -1; /* overflow:hiddenが効かないので */ } .archive-box .imgCover { display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: cover; /* max-width: 228px; max-height: 174px; width: 100%; height: auto; */ padding-left: 100%; /* width:100%効かない */ height: 149px; /* 縦は固定 */ height: 142px; /* 縦は固定 */ /* padding-top: 100%; /* 正方形になる */ } .archive-box .nameCompany{ background-color: #000000; display: block; height: 18px; opacity: 0.7; margin: 0px; padding-left: 3px; padding-right: 3px; text-align: center; /* position: relative; top: -18px; */ margin-top: -18px; z-index: 3; } .archive-box .nameCompany a{ color: #ffffff; /* height: 18px; overflow: hidden; */ } /*--------------------------------------------------------------------------*/ /* 投稿ページ */ body.single{ } body.single .inside-article{ padding-bottom: 0px; margin-bottom: 65px; /* ###Big-Space */ } body.single #page #content header.entry-header{ margin-bottom: 10px; } body.single #page #content header.entry-header .breadcrumbs{ margin-bottom: 65px; /* ###Big-Space */ } body.single #page #content header.entry-header .entry-title{ font-size: 20px; font-size: 30px; color: #a26214; /* 濃い金（黄土色） */ padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 0px; } body.single #page #content .entry-content{ margin-top: 0px; } /* カスタムフィールドによるコンテンツ */ body.single #page #content .entry-content section.Paragraph{ margin-bottom: 20px; } /* 大見出し */ body.single #page #content .entry-content section.Paragraph h2{ margin-top: 40px; /* ある場合は上とのスペースとる */ margin-bottom: 40px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; font-size: 25px; border-left: 3px solid #b6d8dd; /* 青 */ border-bottom: none; background-color: #f8f6f2; } /* 小見出し */ body.single #page #content .entry-content section.Paragraph h3{ margin-top: 20px; /* ある場合は上とのスペースとる */ font-size: 18px; font-size: 23px; padding-bottom: 10px; border-bottom: 1px solid #b6d8dd; /* 青 */ margin-bottom: 20px; } /* 画像中央寄せ */ body.single #page #content .entry-content section.Paragraph .imgCenter{ text-align: center; margin-bottom: 30px; } /* 画像の周りに罫線 */ body.single #content .entry-content img{ border: 1px solid #ccc; } /* ページリンク */ body.single .linkNextPrev{ text-align: center; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 30px; } body.single .linkNextPrev a{ color: #80a300; } /* メタ情報　タイトルの上　日付、カテゴリー、タグ */ body.single .entry-meta{ } /* アイキャッチ */ body.single .post-thumbnail{ margin-bottom: 50px; text-align: center; } body.single .post-thumbnail img{ max-width: 100%; width: auto; } /* インフィード広告 */ .Infeed{ padding-bottom: 20px; border-bottom: 1px dotted #ccc; margin-bottom: 20px; } /* 管理人一押しのテキストです。 ボタンテキスト中央揃え */ /* div.yyi-rinker-contents div.yyi-rinker-title p{ text-align: center; } div.yyi-rinker-contents ul.yyi-rinker-links li a{ padding: 0px; } */ /* Rinker カスタマイズ ###RinkerHamamoto */ div.yyi-rinker-contents div.yyi-rinker-image { /* width: 100%; /* これが効くとダメ */ } div.yyi-rinker-contents div.yyi-rinker-info { text-align: center; } div.yyi-rinker-contents ul.yyi-rinker-links { justify-content: center; } div.yyi-rinker-contents ul.yyi-rinker-links li { width: 48%; margin: 0.7% 0.7%; font-size:90%; } div.yyi-rinker-contents ul.yyi-rinker-links li a{ padding: 0px; } /*---タイトル---*/ div.yyi-rinker-contents div.yyi-rinker-title a { border-bottom: 1px solid; color:#285EFF; font-weight: bold; } div.yyi-rinker-contents div.yyi-rinker-title p{ text-align: center; } div.yyi-rinker-contents ul.yyi-rinker-links li a { padding-left: 3.5px !important; /* ボタン文字 位置調整 */ font-size: 1.1em; } /*--------------------------------------------------------------------------*/ /* Rinker カスタマイズ ###RinkerHamamoto */ div.yyi-rinker-contents div.yyi-rinker-box{ background-color: #EEF7EE; } /* 文字を大きく */ /* div.yyi-rinker-contents div.yyi-rinker-box .credit-box{ margin: 10px 0px; padding: 5px 0px; font-size: 17px; } */ /* Rinkerをボタンにする */ /* div.yyi-rinker-contents div.yyi-rinker-box .credit-box a{ padding: 0px 20px; border: 1px solid #ddd; background-color: #EEF7EE; text-decoration: none; } */ /*--------------------------------------------------------------------------*/ /* 投稿ページ　個別対応 */ /* ショートカット一覧（1） */ body.mac-zakki-syo-to1 table.tbl_mac{ border: none; } body.mac-zakki-syo-to1 table.tbl_mac th, body.mac-zakki-syo-to1 table.tbl_mac td{ border-left: none; border-bottom: 1px dotted #ccc; width: 50%; } body.mac-zakki-syo-to1 table.tbl_mac th{ text-align: left; } body.mac-zakki-syo-to1 .post table.tbl_mac tr:nth-child(2n){ /* background-color: transparent;*/ } /*--------------------------------------------------------------------------*/ /* 広告レイアウト崩れ修正 */ /*--------------------------------------------------------------------------*/ div.yyi-rinker-contents div.yyi-rinker-info{ /* 2018.9.3 メディアクエリスマホでの以下を無効化 width: calc(100% - 175px); width: calc(100% - 125px); */ width: 100% !important; } /*--------------------------------------------------------------------------*/ /* SNSボタン */ /* 2023.6.23 「はてぶ」と「Pocket」は非表示 */ .mainbox .kizi-under-box .sns .pocket, .mainbox .kizi-under-box .sns .hatebu, .mainbox .kizi-under-box .sns .googleplus, .mainbox .kizi-under-box .sns .line{ display: none; } /* 4個一列 */ .mainbox .kizi-under-box .sns li{ width: 25%; } /*--------------------------------------------------------------------------*/ /* Affinger オーバーライド */ /* 2021.12.2 フリーボックス 「ウィジェット」→「投稿記事の下に一括表示」*/ /* 「バージョン確認」と「ほかの記事も検索してみませんか？」 */ .freebox.backCustom{ background-color: #fff6c7; border-bottom: 1px solid #212121 } .freebox.backCustom .p-entry-f{ color: #fff6c7; } /*--------------------------------------------------------------------------*/ /* AMP */ /*--------------------------------------------------------------------------*/ /* サイドメニュー */ #side{ } #side aside{ } #side aside .menu_underh2{ padding: 5px 0px; border-bottom: 1px solid #aaa; margin-bottom: 5px; } #side aside p{ margin-bottom: 5px; } #side aside .small{ font-size: 12px; } /* SNS */ #side aside .follow li a { border-radius: 3px; color: #fff; cursor: pointer; display: block; font-size: 15px; height: 30px; line-height: 30px; margin-bottom: 5px; padding: 0px; position: relative; text-decoration: none; vertical-align: middle; } #side aside .follow a.follow-tw { background: #55acee none repeat scroll 0 0; } #side aside .follow a.follow-fb { background: #3b5998 none repeat scroll 0 0; } #side aside .follow a.follow-gp { background: #dc4e41 none repeat scroll 0 0; } #side aside .follow .fa-fw { margin-left: 15px; padding-right: 25px; margin-right: 15px; } #side aside .follow .fa-twitter { border-right: 1px solid #9acff4; } #side aside .fa-facebook { border-right: 1px solid #607bb2; } #side aside .fa-google-plus { border-right: 1px solid #e0776d; } /* よく読まれている記事 */ /* 人気記事 */ /* コンピュータが選出した関連記事 */ .listRelative li, #side aside #mybox .ad li, #side aside .wpp-list li, #side aside .listRelative li, .mainbox .listRelative li{ border-bottom: 1px dotted #ccc; } #side aside #mybox .ad li a, #side aside .wpp-list li a, #side aside .listRelative li a, .mainbox .listRelative li a{ display: block; padding: 5px 0px; } .mainbox .listRelative li{ padding-bottom: 0px !important; } /* 固定ウィジェット 固定グロナビの分下へ */ /* 効かない ここをターゲットにラッパーの