1<!DOCTYPE html> 2<!--BEGIN html--> 3<html dir="ltr" lang="ja" 4 prefix="og: https://ogp.me/ns#" > 5 <!--BEGIN head--> 6 <head> 7 <meta charset="UTF-8"> 8 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"> 10 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 11 12 <title>ãåãåãã | ã¹ã¿ã¤ã«ãã¼ã</title> 13 <!-- Favicon --> 14 <!-- Firefox, Chrome, Safari, IE 11+ and Opera. --> 15 <link href="/wp/wp-content/uploads/201706StylenoteFavicon500x500.png" rel="icon" type="image/x-icon" /> 16 <!--link rel="shortcut icon" href="/image/favicon.ico" /--> 17 18 <!-- Meta Tags --> 19 20 <!-- All in One SEO 4.2.2 --> 21 <meta name="robots" content="max-image-preview:large" /> 22 <meta property="og:locale" content="ja_JP" /> 23 <meta property="og:site_name" content="ã¹ã¿ã¤ã«ãã¼ã | 鳿¥½ãçã¿ã ãåºç社" /> 24 <meta property="og:type" content="article" /> 25 <meta property="og:title" content="ãåãåãã | ã¹ã¿ã¤ã«ãã¼ã" /> 26 <meta property="article:published_time" content="2016-11-30T08:38:37+00:00" /> 27 <meta property="article:modified_time" content="2017-06-22T11:02:50+00:00" /> 28 <meta property="article:publisher" content="https://www.facebook.com/stylenote.co.jp/" /> 29 <meta name="twitter:card" content="summary" /> 30 <meta name="twitter:site" content="@stylenote" /> 31 <meta name="twitter:title" content="ãåãåãã | ã¹ã¿ã¤ã«ãã¼ã" /> 32 <meta name="twitter:creator" content="@stylenote" /> 33 <meta name="twitter:label1" content="Written by" /> 34 <meta name="twitter:data1" content="sd_admin" /> 35 <!-- All in One SEO --> 36 37<link rel='dns-prefetch' href='//www.google.com' /> 38<link rel='dns-prefetch' href='//s.w.org' /> 39<link rel="alternate" type="application/rss+xml" title="ã¹ã¿ã¤ã«ãã¼ã » ãã£ã¼ã" href="/feed/" /> 40<link rel="alternate" type="application/rss+xml" title="ã¹ã¿ã¤ã«ãã¼ã » ã³ã¡ã³ããã£ã¼ã" href="/comments/feed/" />
41<script type="text/javascript"> 42window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.stylenote.co.jp\/wp\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.9"}}; 43/*! This file is auto-generated */ 44!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([10084,65039,8205,55357,56613],[10084,65039,8203,55357,56613])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); 45</script>
45 46<style type="text/css"> 47img.wp-smiley, 48img.emoji { 49 display: inline !important; 50 border: none !important; 51 box-shadow: none !important; 52 height: 1em !important; 53 width: 1em !important; 54 margin: 0 0.07em !important; 55 vertical-align: -0.1em !important; 56 background: none !important; 57 padding: 0 !important; 58} 59</style> 60 <link rel='stylesheet' id='fontawesomecss-css' href='/wp/wp-content/themes/evolve/library/media/js/fontawesome/css/font-awesome.css?ver=5.9' type='text/css' media='all' /> 61<link rel='stylesheet' id='maincss-css' href='/wp/wp-content/themes/evolve/style.css?ver=5.9' type='text/css' media='all' /> 62<link rel='stylesheet' id='bootstrapcss-css' href='/wp/wp-content/themes/evolve/library/media/js/bootstrap/css/bootstrap.css?ver=5.9' type='text/css' media='all' /> 63<link rel='stylesheet' id='bootstrapcsstheme-css' href='/wp/wp-content/themes/evolve/library/media/js/bootstrap/css/bootstrap-theme.css?ver=5.9' type='text/css' media='all' /> 64<link rel='stylesheet' id='wp-block-library-css' href='/wp/wp-includes/css/dist/block-library/style.min.css?ver=5.9' type='text/css' media='all' /> 65<style id='global-styles-inline-css' type='text/css'> 66body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
66--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
66.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 67</style> 68<link rel='stylesheet' id='contact-form-7-css' href='/wp/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.6' type='text/css' media='all' /> 69<link rel='stylesheet' id='dynamic-css-css' href='/evolve_dynamic_css/admin-ajax.php?action=evolve_dynamic_css&ver=5.9' type='text/css' media='all' /> 70<link rel='stylesheet' id='cf7cf-style-css' href='/wp/wp-content/plugins/cf7-conditional-fields/style.css?ver=2.2' type='text/css' media='all' />
71<script type='text/javascript' src='/wp/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script>
vendor: 1 bytes, line 71
71
72<script type='text/javascript' src='/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script>
vendor: 1 bytes, line 72
72
73<script type='text/javascript' src='/wp/wp-content/themes/evolve/library/media/js/tipsy.js?ver=5.9' id='tipsy-js'></script>
vendor: 1 bytes, line 73
73
74<script type='text/javascript' src='/wp/wp-content/themes/evolve/library/media/js/fields.js?ver=5.9' id='fields-js'></script>
vendor: 1 bytes, line 74
74
75<script type='text/javascript' src='/wp/wp-content/themes/evolve/library/media/js/jquery.scroll.pack.js?ver=5.9' id='jquery_scroll-js'></script>
vendor: 1 bytes, line 75
75
76<script type='text/javascript' src='/wp/wp-content/themes/evolve/library/media/js/supersubs.js?ver=5.9' id='supersubs-js'></script>
vendor: 1 bytes, line 76
76
77<script type='text/javascript' src='/wp/wp-content/themes/evolve/library/media/js/superfish.js?ver=5.9' id='superfish-js'></script>
vendor: 1 bytes, line 77
77
78<script type='text/javascript' src='/wp/wp-content/themes/evolve/library/media/js/hoverIntent.js?ver=5.9' id='hoverIntent-js'></script>
vendor: 1 bytes, line 78
78
79<script type='text/javascript' src='/wp/wp-content/themes/evolve/library/media/js/buttons.js?ver=5.9' id='buttons-js'></script>
vendor: 1 bytes, line 79
79
80<script type='text/javascript' src='/wp/wp-content/themes/evolve/library/media/js/ddslick.js?ver=5.9' id='ddslick-js'></script>
vendor: 1 bytes, line 80
80
81<script type='text/javascript' src='/wp/wp-content/themes/evolve/library/media/js/bootstrap/js/bootstrap.js?ver=5.9' id='bootstrap-js'></script>
81 82<link rel="https://api.w.org/" href="/wp-json/" /><link rel="alternate" type="application/json" href="/wp-json/wp/v2/pages/58" /><link rel='shortlink' href='/?p=58' /> 83<link rel="alternate" type="application/json+oembed" href="/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.stylenote.co.jp%2Fcontact%2F" /> 84<link rel="alternate" type="text/xml+oembed" href="/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.stylenote.co.jp%2Fcontact%2F&format=xml" /> 85<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><style type="text/css" id="custom-background-css"> 86body.custom-background { background-color: #f3f2f2; } 87</style> 88 <link rel="icon" href="/wp/wp-content/uploads/201706StylenoteFavicon500x500-50x50.png" sizes="32x32" /> 89<link rel="icon" href="/wp/wp-content/uploads/201706StylenoteFavicon500x500-300x300.png" sizes="192x192" /> 90<link rel="apple-touch-icon" href="/wp/wp-content/uploads/201706StylenoteFavicon500x500-300x300.png" /> 91<meta name="msapplication-TileImage" content="https://www.stylenote.co.jp/wp/wp-content/uploads/201706StylenoteFavicon500x500-300x300.png" /> 92 <style type="text/css" id="wp-custom-css"> 93 /* ============================================================================ 94 ã¹ã¿ã¤ã«ãã¼ãããã¼ãã追å CSSãã2026-09-18 æ¹è¨ç 95 ---------------------------------------------------------------------------- 96 ã»ç¾å¨ã®ã追å CSS_20260918.txtãã®ä¸èº«ããããã§å ¨é¨ç½®ãæãã¾ãã 97 ã»ä¸ããé ã«ãå ¨ãã¼ã¸å ±éãâãããããã¼ã¸å°ç¨ãã®ä¸¦ã³ã§ãã 98 ã»è²ãæåãµã¤ãºãå¤ãããã¨ãã¯ããã¡ã°ãä¸ã®ã1ãã®å¤ãæ¸ãæããã° 99 å ¨ä½ã«ã¾ã¨ãã¦åæ ããã¾ãã 100 ============================================================================ */ 101 102@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap'); 103 104/* ============================================================================ 105 ã1ãè²ã¨æ¸ä½ã®å®ç¾©ï¼ããã ãæ¸ãæããã°å ¨ä½ã«åæ ããã¾ãï¼ 106 ============================================================================ */ 107:root{ 108 --sn-text:#201e1d; /* å¢¨ï¼æ¬æã»ç½«ç·ï¼ */ 109 --sn-ink:#1b1a19; /* æ¿è²å°ï¼ã¡ãã¥ã¼å¸¯ã»ABOUTå¸¯ï¼ */ 110 --sn-bg:#f3f2f2; /* ãã¼ã¸ã®å° */ 111 --sn-accent:#ec3013; /* ã¢ã¯ã»ã³ãã®èµ¤ï¼é¢ã»ãã¿ã³ã»2pxã®ç·ï¼ */ 112 --sn-accent-600:#dd2b0f; /* èµ¤ã®æ¼ä¸ç¶æ */ 113 --sn-accent-700:#ae1800; /* æããå°ã®ä¸ã®å°ãã赤æåç¨ */ 114 --sn-hero:#e4e0da; /* ããã¼å¸¯ã®å° */ 115 --sn-line:#bdb9b2; /* ã«ã¼ãæ ï¼1.5pxï¼ */ 116 --sn-hair:#ddd9d3; /* ãªã¹ãã®ç´°ç½«ï¼1pxï¼ */ 117 --sn-sub:#6b6560; /* 坿 */ 118 --sn-mute:#8a8580; /* æ³¨è¨ */ 119 --sn-onink:#e6e3dd; /* æ¿è²å°ã®ä¸ã®æå */ 120 --sn-onink-sub:#a8a29b; /* æ¿è²å°ã®ä¸ã®å¯æ */
121 --sn-jp:'Zen Kaku Gothic New','ãã©ã®ãè§ã´ ProN W3','Hiragino Sans','Yu Gothic',Meiryo,sans-serif; 122 --sn-en:'Archivo','Zen Kaku Gothic New','ãã©ã®ãè§ã´ ProN W3','Hiragino Sans',sans-serif; 123} 124 125/* ============================================================================ 126 ã2ãå ¨ãã¼ã¸å ±éï¼ãããã¼ï¼ãã´å¸¯ã»ã¡ãã¥ã¼å¸¯ï¼ 127 ---------------------------------------------------------------------------- 128 ãã´å¸¯ã¯ç½ã®ã¾ã¾ãç´ä¸ã®ã¡ãã¥ã¼å¸¯ã墨è²ã«ããå¢çã«èµ¤2pxãå ¥ãã¾ãã 129 ============================================================================ */ 130 131/* --- ãã´å¸¯ï¼ç½å°ã»é«ããè©°ãã --- */ 132.header-pattern, 133.header-border, 134.header{ 135 background:#fff !important; 136 background-image:none !important; 137} 138.header{ padding:12px 0 !important; } 139.header-border{ border-bottom:2px solid var(--sn-text) !important; } 140 141/* --- ããã¹ãã®ç¤¾åãããã´ç»åã«å·®ãæ¿ãã --- */ 142.title-container{ overflow:hidden; } 143#logo{ 144 float:left !important; 145 /* ãã¼ãã #logo ãæ¨ªå¹ ãã£ã±ãï¼100%ï¼ã«ãã¦ãã¾ãããã 146 ãã´ã®å¹ ã¶ãã ãã«æ»ãããããããªãã¨ã¿ã°ã©ã¤ã³ã次ã®è¡ã«è½ã¡ã */ 147 width:auto !important; 148 max-width:none !important; 149 margin:0 !important; 150 padding:0 !important; 151 line-height:1 !important; 152 text-align:left !important; 153} 154#logo a{ 155 display:block; 156 width:170px; 157 height:26px; 158 padding:0 !important; 159 margin:0 !important; 160 background:url("/data/web%E7%94%A8%E3%83%AD%E3%82%B4_stylenote_logo_web.png") no-repeat left center; 161 background-size:contain; 162 overflow:hidden; 163 white-space:nowrap; 164 text-indent:-9999px; 165} 166/* --- ã¿ã°ã©ã¤ã³ã¯ãã´ã®å³æ¨ªã«å°ãã --- 167 #logo ã¨åããããã¼ãã #tagline ãæ¨ªå¹ ãã£ã±ãã«ãã¦ãã¾ãã®ã§ 168 width:auto ã«æ»ããããã§ãã´ã®å³æ¨ªã«ä¸¦ã¶ */ 169#tagline{ 170 float:left !important; 171 display:block !important; 172 width:auto !important; 173 max-width:none !important; 174 clear:none !important; 175 padding:0 0 0 14px !important; 176 margin:0 !important; 177 font:500 11px/26px var(--sn-jp) !important; 178 letter-spacing:.06em !important; 179 color:#55504c !important; 180} 181/* --- å³ä¸ã®SNSã¢ã¤ã³ã³ã¯æ§ããã«ï¼æ¶ãããã¨ã㯠display:none ã«ããï¼ --- */ 182#righttopcolumn{ margin-top:2px !important; } 183#righttopcolumn #social ul.sc_menu li a{ color:var(--sn-sub) !important; } 184#righttopcolumn #social ul.sc_menu li a:hover{ color:var(--sn-accent) !important; } 185 186/* --- ã¡ãã¥ã¼å¸¯ï¼å¢¨è² --- */ 187.menu-header, 188body #header.sticky-header, 189body #header.sticky-header.sticky{ 190 background:var(--sn-ink) !important; 191 background-image:none !important; 192 border:0 !important; 193 box-shadow:none !important; 194} 195.menu-header .container-menu{ min-height:0 !important; } 196ul.nav-menu{ padding:0 !important; } 197ul.nav-menu > li{ 198 border-left:0 !important; 199 border-right:0 !important; 200 padding:0 !important; 201 margin:0 24px 0 0 !important; 202 background:none !important; 203} 204ul.nav-menu > li > a, 205ul.nav-menu > li > a span{ 206 font:500 13px/1 var(--sn-jp) !important; 207 letter-spacing:.02em !important; 208 color:var(--sn-onink-sub) !important; 209 text-shadow:none !important; 210} 211ul.nav-menu > li > a{ padding:12px 0 !important; } 212ul.nav-menu > li:hover > a, 213ul.nav-menu > li:hover > a span, 214ul.nav-menu > li.current-menu-item > a, 215ul.nav-menu > li.current-menu-item > a span, 216ul.nav-menu > li.current-menu-parent > a, 217ul.nav-menu > li.current-menu-parent > a span{ 218 color:#fff !important; 219} 220ul.nav-menu > li:hover > a{ box-shadow:inset 0 -2px 0 var(--sn-accent) !important; } 221/* ãã¼ãã®ãæåã2ã¤éãªã£ã¦å ¥ãæ¿ãããããã¼å¹æãæ¢ãã 222 ï¼å¸¯ãä½ãããã¨ãé ãã¦ãã2ã¤ç®ã®æåãè¦ãã¦ãã¾ãããï¼ 223 â» å¿ ã ul.nav-menu ã®ä¸ã ãã«éå®ãããã¨ã 224 ã .link-effect ã ãã§æå®ããã¨ãã¹ããã®ãã³ãã¼ã¬ã¼ã¢ã¤ã³ã³ 225 ã ï¼åãå ¥ãç©ã®ä¸ã«ããï¼ã¾ã§æ¶ãã¦ãã¾ãã¾ãã */ 226.link-effect ul.nav-menu a span::before, 227.link-effect ul.nav-menu a span::after{ 228 display:none !important; 229 content:none !important; 230} 231.link-effect ul.nav-menu a span{ 232 transition:none !important; 233 transform:none !important; 234} 235.link-effect ul.nav-menu > li > a{ 236 height:auto !important; 237 line-height:1 !important; 238} 239 240/* --- ãããããã¦ã³ï¼ç¬¬2éå±¤ï¼ --- */ 241ul.nav-menu ul.sub-menu{ 242 background:#141312 !important; 243 border:0 !important; 244 border-top:2px solid var(--sn-accent) !important; 245 box-shadow:none !important; 246 padding:4px 0 !important; 247} 248ul.nav-menu ul.sub-menu li{ 249 border:0 !important; 250 background:none !important; 251} 252ul.nav-menu ul.sub-menu li a, 253ul.nav-menu ul.sub-menu li a span{ 254 font:400 12px/1 var(--sn-jp) !important; 255 color:var(--sn-onink-sub) !important; 256 text-shadow:none !important; 257}
258ul.nav-menu ul.sub-menu li:hover > a, 259ul.nav-menu ul.sub-menu li:hover > a span{ 260 color:#fff !important; 261 background:#26241f !important; 262} 263 264/* --- ãããã¼æ¤ç´¢ï¼ã¡ãã¥ã¼å¸¯ã®å³ç«¯ï¼ --- 265 #search-text-top ã¯ãæ ãã§ããã®ä¸ã«å ¥åæ¬ã¨ 266 ãæ¸åï¼èè åï¼è¨äºãã®åæ¿ãã¿ã³ãå ¥ã£ã¦ãã¾ãã */ 267.menu-header .searchform{ margin:0 0 9px !important; } 268.menu-header #search-text-top{ 269 width:240px !important; 270 height:auto !important; 271 padding:0 !important; 272 margin:0 !important; 273 border:0 !important; 274 border-radius:0 !important; 275 background:transparent !important; 276 box-shadow:none !important; 277 text-indent:0 !important; 278} 279.menu-header #search-text-top .form-control, 280.menu-header #search-text-top input[type="text"]{ 281 height:30px !important; 282 padding:0 9px !important; 283 border:1.5px solid var(--sn-line) !important; 284 border-right:0 !important; 285 border-radius:0 !important; 286 background:#fff !important; 287 box-shadow:none !important; 288 font:400 12px/1 var(--sn-jp) !important; 289 color:#000 !important; 290} 291.menu-header #search-text-top .btn, 292.menu-header #search-text-top button{ 293 height:30px !important; 294 padding:0 9px !important; 295 border:1.5px solid var(--sn-line) !important; 296 border-radius:0 !important; 297 background:#fff !important; 298 background-image:none !important; 299 box-shadow:none !important; 300 text-shadow:none !important; 301 color:var(--sn-sub) !important; 302} 303.menu-header #search-text-top .btn:hover, 304.menu-header #search-text-top button:hover{ 305 background:var(--sn-accent) !important; 306 border-color:var(--sn-accent) !important; 307 color:#fff !important; 308} 309.menu-header #search-text-top .dropdown-menu{ 310 border-radius:0 !important; 311 border:1.5px solid var(--sn-text) !important; 312 box-shadow:none !important; 313 padding:4px 0 !important; 314} 315.menu-header #search-text-top .dropdown-menu a{ 316 font:400 12px/1.6 var(--sn-jp) !important; 317 color:var(--sn-text) !important; 318} 319.menu-header #search_label_top span{ display:none !important; } 320 321/* --- ã¡ãã¥ã¼å¸¯ã¨ã³ã³ãã³ãã®å¢çã«èµ¤2px --- */ 322.menu-back{ 323 height:2px !important; 324 min-height:2px !important; 325 background:var(--sn-accent) !important; 326 background-image:none !important; 327 border:0 !important; 328} 329 330/* --- ã¹ã¯ãã¼ã«æã«åºãåºå®ãããã¼ --- */ 331#sticky-logo a{ 332 display:block; 333 width:150px; 334 height:22px; 335 background:url("/data/web%E7%94%A8%E3%83%AD%E3%82%B4_stylenote_logo_web.png") no-repeat left center; 336 background-size:contain; 337 overflow:hidden; 338 white-space:nowrap; 339 text-indent:-9999px; 340 filter:brightness(0) invert(1); /* æ¿è²å°ã®ä¸ãªã®ã§ç½ã§è¡¨ç¤º */ 341} 342 343/* ============================================================================ 344 ã3ãå ¨ãã¼ã¸å ±éï¼ã¹ããã®ã¡ãã¥ã¼ 345 ---------------------------------------------------------------------------- 346 evolveãã¼ãã¯ã¹ããã§ãã¡ãã¥ã¼ããdd-ãã¨ããå¥ã®å½¢ã«ä½ãæ¿ãã¾ãã 347 ãã®è¦ãç®ãã墨è²ã»ã¿ããããããé«ãã«æ´ãã¾ãã 348 ============================================================================ */ 349#wrapper .dd-container{ width:100% !important; } 350/* ãã³ãã¼ã¬ã¼ã¯å¢¨è²ã®å¸¯ã®ä¸ã«åºãã®ã§ãç½ãç·ã®ã¢ã¤ã³ã³ã«ãã 351 ï¼ãã¼ãã¯æ¢å®ã§æ¿ç´ºã®åè§ãç®±ãæãã®ã§ããããæ¶ãã¦ããï¼ */ 352#wrapper .dd-select{ 353 background:transparent !important; 354 background-image:none !important; 355 border:0 !important; 356 border-radius:0 !important; 357 box-shadow:none !important; 358} 359#wrapper a.dd-selected{ 360 padding:0 2px !important; 361 min-height:46px !important; 362 display:flex !important; 363 align-items:center !important; 364 color:#fff !important; 365 text-decoration:none !important; 366} 367#wrapper .dd-container .dd-selected-text, 368#wrapper a.dd-selected label.dd-selected-text{ 369 background:transparent !important; 370 background-image:none !important; 371 border:0 !important; 372 border-radius:0 !important; 373 box-shadow:none !important; 374 padding:0 !important; 375 margin:0 !important; 376 line-height:1 !important; 377 color:#fff !important; 378 font-size:22px !important; 379 font-weight:400 !important; 380} 381#wrapper a.dd-selected .t4p-icon-menu{ 382 color:#fff !important; 383 font-size:22px !important; 384 line-height:1 !important; 385} 386/* ã¢ã¤ã³ã³ã ãã ã¨åããã«ããã®ã§ãå³ã«å°ãã MENU ã¨æ·»ãã */ 387#wrapper a.dd-selected::after{ 388 content:"MENU"; 389 margin-left:9px; 390 font:600 11px/1 var(--sn-en); 391 letter-spacing:.14em; 392 color:#fff; 393} 394#wrapper ul.dd-options{ 395 background:var(--sn-ink) !important; 396 border:0 !important; 397 border-top:2px solid var(--sn-accent) !important; 398 border-radius:0 !important; 399 box-shadow:none !important; 400 max-height:78vh !important; 401} 402#wrapper ul.dd-options li{ border:0 !important; } 403#wrapper ul.dd-options li a.dd-option{ 404 min-height:46px !important; 405 display:flex !important; 406 align-items:center !important; 407 padding:0 14px !important; 408 border:0 !important; 409 border-bottom:1px solid #2b2926 !important; 410 background:none !important; 411} 412#wrapper ul.dd-options li a.dd-option label{ 413 font:400 14px/1.4 var(--sn-jp) !important; 414 color:var(--sn-onink) !important; 415 margin:0 !important; 416 cursor:pointer; 417} 418#wrapper ul.dd-options li a.dd-option:hover, 419#wrapper ul.dd-options li a.dd-option.dd-option-selected{ 420 background:#26241f !important; 421} 422#wrapper ul.dd-options li a.dd-option:hover label{ color:#fff !important; } 423/* å é ã®ãã³ãã¼ã¬ã¼ã ãã®è¡ã¯é ã */ 424#wrapper ul.dd-options li:first-child{ display:none !important; } 425/* åé ç®ï¼å é ãã- ãã§å§ã¾ãè¡ï¼ã¯ãä¸ã®ãä»»æãã®ã¹ã¯ãªãããå ¥ãã㨠426 䏿®µä¸ãã¦è¡¨ç¤ºããã¾ã */ 427#wrapper ul.dd-options li a.dd-option.sn-lv2{ 428 background:#141312 !important; 429 padding-left:26px !important; 430 min-height:40px !important; 431 box-shadow:inset 2px 0 0 #4a4744 !important; 432} 433#wrapper ul.dd-options li a.dd-option.sn-lv2 label{ 434 font-size:13px !important; 435 color:var(--sn-onink-sub) !important; 436} 437#wrapper ul.dd-options li a.dd-option.sn-lv3{ 438 background:#0f0e0e !important; 439 padding-left:40px !important; 440 min-height:38px !important; 441 box-shadow:inset 2px 0 0 #4a4744 !important; 442} 443#wrapper ul.dd-options li a.dd-option.sn-lv3 label{ 444 font-size:12px !important; 445 color:var(--sn-onink-sub) !important; 446} 447 448/* ============================================================================ 449 ã4ãå ¨ãã¼ã¸å ±éï¼ããã¿ã¼ 450 ============================================================================ */ 451div.footer{ 452 background:var(--sn-ink) !important; 453 background-image:none !important; 454 border-top:2px solid var(--sn-accent) !important; 455 color:var(--sn-onink-sub) !important; 456} 457div.footer p, 458div.footer span, 459div.footer li, 460div.footer td, 461div.footer div{ color:var(--sn-onink-sub) !important; } 462div.footer .widget-title, 463div.footer h1, div.footer h2, 464div.footer h3, div.footer h4{ 465 color:#fff !important; 466 font:700 11px/1 var(--sn-en) !important; 467 letter-spacing:.14em !important; 468 text-transform:uppercase; 469}
470div.footer .before-title .widget-title-background{ display:none !important; } 471div.footer a{ color:var(--sn-onink) !important; text-decoration:none !important; } 472div.footer a:hover, 473div.footer a:focus{ color:var(--sn-accent) !important; text-decoration:underline !important; } 474div.footer #copyright, 475div.footer .credits, 476div.footer .credits a{ color:rgba(255,255,255,.45) !important; } 477/* ç½ãç®±ï¼ãã´ã®ããã«ï¼ã®ä¸ã¯æ¿ãæåã®ã¾ã¾ */ 478div.footer .panel, div.footer .panel *, 479div.footer .btn, div.footer .btn *{ color:#333 !important; } 480div.footer .panel a, div.footer .btn a{ color:#1e5fa8 !important; } 481/* SNSãã¿ã³ã®å¸¯ã®æ°´è²ãæ¶ã */ 482div.footer .stylenote-social-links{ background-color:transparent !important; } 483/* --- ããã¿ã¼ã¦ã£ã¸ã§ããã®ä¸èº«ï¼ããã¿ã¼ã®ã½ã¼ã¹_20260918.txt ç¨ï¼ --- */ 484div.footer .sn-foot{ font-family:var(--sn-jp); } 485div.footer .sn-foot p{ margin:0 0 14px !important; } 486div.footer .sn-foot p:last-child{ margin-bottom:0 !important; } 487div.footer .sn-foot-logo{ 488 display:block; 489 width:150px; 490 max-width:100%; 491 height:auto; 492 margin:0 0 16px; 493 filter:brightness(0) invert(1); /* æ¿ãå°ã®ä¸ãªã®ã§ç½æãã«ãã */ 494} 495div.footer .sn-foot-title{ 496 font:700 10px/1 var(--sn-en) !important; 497 letter-spacing:.14em !important; 498 color:#fff !important; 499 margin:0 0 12px !important; 500} 501div.footer .sn-foot-title-2{ margin-top:22px !important; } 502div.footer .sn-foot-addr{ 503 font:400 13px/1.9 var(--sn-jp) !important; 504 color:var(--sn-onink-sub) !important; 505} 506div.footer .sn-foot-note{ 507 font:400 12px/1.9 var(--sn-jp) !important; 508 color:var(--sn-onink-sub) !important; 509} 510div.footer .sn-foot-links{ display:flex; flex-direction:column; gap:9px; } 511div.footer .sn-foot-links a{ 512 font:400 13px/1.4 var(--sn-jp) !important; 513 color:var(--sn-onink) !important; 514} 515div.footer .sn-foot-sns{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; } 516div.footer .sn-foot-sns a{ 517 display:inline-flex !important; 518 align-items:center; 519 justify-content:center; 520 width:34px; 521 height:34px; 522 border:1.5px solid #5c5752; 523 color:var(--sn-onink) !important; 524 transition:background .15s ease, border-color .15s ease; 525} 526div.footer .sn-foot-sns a:hover, 527div.footer .sn-foot-sns a:focus{ 528 background:var(--sn-accent) !important; 529 border-color:var(--sn-accent) !important; 530 color:#fff !important; 531 text-decoration:none !important; 532} 533div.footer .sn-foot-2col, 534div.footer .sn-foot-wide{ 535 display:grid; 536 gap:26px 32px; 537} 538div.footer .sn-foot-2col{ grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); } 539div.footer .sn-foot-wide{ grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); } 540div.footer .sn-foot-box{ min-width:0; } 541 542/* ============================================================================ 543 ã5ãããããã¼ã¸ï¼å ±éã®ãã¼ã 544 ============================================================================ */ 545 546/* --- ãã¼ããå ¥ãã¦ãã¾ãä½ç½ã¨ãèªåã§å ¥ãç©ºã®æ®µè½ãæã¡æ¶ã --- */ 547.sn-top{ 548 margin:-25px 0 0 !important; 549 padding:0 !important; 550 background:var(--sn-bg); 551 color:var(--sn-text); 552 font-family:var(--sn-jp); 553 line-height:1.8; 554 font-size:14px; 555} 556.sn-top *{ box-sizing:border-box; } 557.sn-top > p{ margin:0 !important; padding:0 !important; } 558.sn-top > p:empty{ display:none !important; } 559.sn-top img{ border:0 !important; padding:0 !important; box-shadow:none; } 560.sn-top ul, 561.sn-top ol, 562.sn-top li{ list-style:none !important; margin:0 !important; padding:0 !important; } 563.sn-top a{ text-decoration:none !important; } 564/* ãªã³ã¯ã®åºæ¬è²ããã¿ã³ãABOUT帯ãªã©è²ãå¤ãããé¨åã¯ã 565 ãã®ãã¨ã§ã.sn-top a.ã:linkãã®å½¢ã§å¼·ãæå®ãç´ãã¦ãã¾ãã */ 566.sn-top a:link, 567.sn-top a:visited{ color:var(--sn-text) !important; } 568.sn-top a:hover, 569.sn-top a:focus{ color:var(--sn-accent-700) !important; } 570.sn-top :focus-visible{ outline:2px solid var(--sn-accent); outline-offset:2px; } 571 572/* --- ã»ã¯ã·ã§ã³ï¼åºåãã¯å¿ ã2pxã®æ°´å¹³ç½« --- */ 573.sn-sec{ 574 border-bottom:2px solid var(--sn-text); 575 background:#fff; 576 padding:28px 22px; 577} 578.sn-sec.sn-sec-bg{ background:var(--sn-bg); } 579.sn-sec.sn-sec-flush{ padding:0; } 580 581/* --- ã»ã¯ã·ã§ã³è¦åºãï¼åæï¼è±åï¼ç½«ç·ï¼ --- 582 è¦åºã㯠h2.sn-head ã²ã¨ã¤ã®ä¸ã«ãä¸èº«ã横並ã³ã§å ¥ãã¦ãã¾ãã
583 ï¼WordPressãåæã«æ®µè½ã¿ã°ãå ¥ãã¦ãã¾ãã®ãé¿ããããã®å½¢ã§ãï¼ 584 â» ãã®è¿½å CSSã®æ¬ã«ã¯ãã¿ã°ã®ãããªæ¸ãæ¹ï¼å±±ãã£ãï¼ã 585 ã ã³ã¡ã³ãã®ä¸ã«ãæ¸ãã¾ãããæ¸ãã¨ä¿åãæå¦ããã¾ãã */ 586.sn-top h2.sn-head{ 587 display:flex !important; 588 align-items:center; 589 gap:14px; 590 margin:0 0 20px !important; 591 padding:0 !important; 592 border:0 !important; 593 flex-wrap:wrap; 594 font-weight:400 !important; 595 font-size:inherit !important; 596 line-height:1 !important; 597 color:var(--sn-text) !important; 598} 599.sn-top h2.sn-head .sn-h2{ 600 font:700 21px/1 var(--sn-jp); 601 color:var(--sn-text); 602 flex:none; 603 letter-spacing:0; 604} 605.sn-top h2.sn-head.sn-head-en .sn-h2{ 606 font:700 13px/1 var(--sn-en); 607 letter-spacing:.16em; 608} 609.sn-head > p{ display:contents; } 610.sn-head .sn-en{ 611 font:600 10px/1 var(--sn-en); 612 letter-spacing:.14em; 613 color:var(--sn-accent-700); 614 flex:none; 615} 616.sn-head .sn-rule{ height:2px; background:var(--sn-text); flex:1 1 40px; min-width:20px; } 617.sn-head .sn-more{ font:500 12px/1 var(--sn-jp); flex:none; } 618.sn-head .sn-navbtns{ display:flex; gap:6px; flex:none; } 619 620/* --- ãã¿ã³é¡ --- */ 621.sn-btn{ 622 display:inline-block; 623 padding:12px 18px; 624 font:600 13px/1 var(--sn-jp); 625 text-align:left; 626 border:1.5px solid var(--sn-text); 627 background:#fff; 628 transition:background .15s ease, color .15s ease, border-color .15s ease; 629} 630.sn-top a.sn-btn-fill, 631.sn-top a.sn-btn-fill:link, 632.sn-top a.sn-btn-fill:visited{ 633 background:var(--sn-accent); 634 border-color:var(--sn-accent); 635 color:#fff !important; 636} 637.sn-top a.sn-btn-fill:hover, 638.sn-top a.sn-btn-fill:focus{ background:var(--sn-accent-600) !important; border-color:var(--sn-accent-600); color:#fff !important; } 639.sn-top a.sn-btn-line:hover, 640.sn-top a.sn-btn-line:focus{ background:var(--sn-text) !important; border-color:var(--sn-text); color:#fff !important; } 641.sn-btn-quiet{ border-color:var(--sn-line); } 642.sn-top a.sn-btn-quiet:hover, 643.sn-top a.sn-btn-quiet:focus{ border-color:var(--sn-accent-700); color:var(--sn-accent-700) !important; background:#fff !important; } 644.sn-sqbtn{ 645 width:32px; height:32px; 646 border:1.5px solid var(--sn-text); 647 background:transparent; 648 font:400 14px/1 var(--sn-en); 649 color:var(--sn-text); 650 cursor:pointer; 651 border-radius:0; 652 padding:0; 653} 654.sn-sqbtn:hover{ background:var(--sn-text); color:#fff; } 655.sn-note{ font:400 11px/1.7 var(--sn-jp); color:var(--sn-mute); margin:14px 0 0 !important; } 656 657/* ============================================================================ 658 ã6ãããããã¼ã¸ï¼ããã¼ã¹ã©ã¤ãã¼ 659 ============================================================================ */ 660.sn-hero{ 661 background:var(--sn-hero) !important; 662 padding:22px 22px 18px; 663 overflow:hidden; 664} 665/* â ããã¼ã®å¤§ããã¯ã次㮠max-width ã®æ°åã ãã§æ±ºã¾ãã¾ãã 666 ãå°ãããããã¨ãã¯æ°åãæ¸ããã¦ãã ããï¼åä½ã¯pxï¼ã 667 ãã560 ⦠ããªãå°ãã 668 ãã720 â¦ æ¨æºï¼ãã¾ããï¼ 669 ãã840 ⦠ãã大ãã 670 ãã1000 â¦ æ¬æã®å¹ ãã£ã±ãã«è¿ã 671 ãããã¼ç»åã1200Ã630ã®ã¨ããé«ãã¯æ¨ªå¹ ã®ç´ååã«ãªãã¾ãã 672 ãï¼720pxãªãé«ãç´378pxï¼ */ 673.sn-slider{ max-width:720px; margin:0 auto; } 674/* ã¹ã¯ãªãããèªã¿è¾¼ã¾ãã¦ããªãã¨ãã§ããæ¨ªã¹ã¯ã¤ãã§ 675 ãã¹ã¦ã®ããã¼ãè¦ãããããã«ãã¦ãã */ 676.sn-viewport{ 677 overflow-x:auto; 678 overflow-y:hidden; 679 scroll-snap-type:x mandatory; 680 -webkit-overflow-scrolling:touch; 681 scrollbar-width:none; 682} 683.sn-viewport::-webkit-scrollbar{ display:none; } 684/* ã¹ã¯ãªãããåã㨠sn-js ãä»ãããã¿ã³æä½ã«åãæ¿ãã */ 685.sn-slider.sn-js .sn-viewport{ 686 overflow:hidden; 687 scroll-snap-type:none; 688} 689.sn-track{ 690 display:flex; 691 width:100%; 692 transition:transform .55s cubic-bezier(.4,0,.2,1); 693} 694.sn-slide{ flex:0 0 100%; min-width:0; scroll-snap-align:start; } 695.sn-slide-img{ display:block; } 696.sn-slide-img img{ 697 display:block; 698 width:100%; 699 height:auto; 700 border:1.5px solid #a9a39c !important; 701 box-shadow:7px 7px 0 rgba(32,30,29,.13); 702} 703.sn-slide-foot{ 704 display:flex; 705 gap:10px; 706 flex-wrap:wrap; 707 margin:16px 0 0; 708} 709.sn-slider-nav{ 710 display:flex; 711 gap:8px; 712 align-items:center; 713 flex-wrap:wrap; 714 margin:16px 0 0; 715} 716.sn-slider-nav .sn-gap{ flex:1 1 10px; min-width:10px; } 717.sn-dot{ 718 width:34px; height:34px; 719 border:1.5px solid var(--sn-text); 720 background:transparent; 721 font:600 11px/1 var(--sn-en); 722 color:var(--sn-text); 723 cursor:pointer; 724 border-radius:0; 725 padding:0; 726} 727.sn-dot:hover{ background:var(--sn-text); color:#fff; } 728.sn-dot[aria-current="true"]{ background:var(--sn-text); color:#fff; } 729@media (prefers-reduced-motion:reduce){ 730 .sn-track{ transition:none; } 731} 732 733/* ============================================================================ 734 ã7ãããããã¼ã¸ï¼æ¤ç´¢ãã¼ 735 ============================================================================ */ 736.sn-search{ padding:20px 22px; } 737.sn-search-row{ display:flex; gap:16px; align-items:center; flex-wrap:wrap; } 738.sn-search-row .sn-en{ font:700 13px/1 var(--sn-en); letter-spacing:.14em; flex:none; } 739.sn-searchform{ display:flex; flex:1 1 240px; min-width:240px; margin:0; } 740.sn-top .sn-searchform input[type="text"]{ 741 flex:1 1 auto; 742 min-width:0; 743 height:46px; 744 padding:0 14px; 745 border:2px solid var(--sn-text) !important; 746 border-right:0 !important; 747 border-radius:0 !important; 748 background:#fff !important; 749 box-shadow:none !important; 750 font:400 14px/1 var(--sn-jp); 751 color:#000 !important; 752} 753.sn-top .sn-searchform button{ 754 height:46px; 755 padding:0 22px; 756 border:0 !important; 757 border-radius:0 !important; 758 background:var(--sn-accent) !important; 759 background-image:none !important; 760 color:#fff !important; 761 font:600 14px/1 var(--sn-jp); 762 text-shadow:none !important; 763 box-shadow:none !important; 764 cursor:pointer; 765} 766.sn-top .sn-searchform button:hover{ background:var(--sn-accent-600) !important; } 767.sn-chips{ display:flex; gap:8px; flex-wrap:wrap; } 768.sn-chip{ 769 display:inline-block; 770 padding:8px 12px; 771 border:1.5px solid var(--sn-line); 772 font:400 12px/1 var(--sn-jp); 773} 774.sn-top a.sn-chip:hover, 775.sn-top a.sn-chip:focus{ border-color:var(--sn-accent-700); color:var(--sn-accent-700) !important; } 776 777/* ============================================================================ 778 ã8ãããããã¼ã¸ï¼è¿åï¼çå ãããã³ã ã®åºåãCSSã ãã§çµã¿æ¿ãï¼ 779 ----------------------------------------------------------------------------
780 0ä»¶ã®ã¨ãã¯ãè¦åºããã¨ã»ã¯ã·ã§ã³å ¨ä½ãé ãã¾ãã 781 ============================================================================ */ 782.sn-kinkan{ background:var(--sn-bg) !important; } 783.sn-kinkan:not(:has(.stylenote-books-soon li)){ display:none !important; } 784.sn-top .stylenote-books{ margin:0 !important; } 785.sn-top .stylenote-books > p{ display:none !important; } 786 787.sn-kinkan .stylenote-books-soon > ul{ 788 display:grid !important; 789 /* auto-fill ã«ãã¦ããã®ã§ã1åã®ã¨ããæ¨ªãã£ã±ãã«ã¯åºããã¾ãã 790 ï¼2åã®ã¨ãã¯èªåã§æ¨ªã«2åã«ä¸¦ã³ã¾ãï¼ */ 791 grid-template-columns:repeat(auto-fill,minmax(420px,1fr)); 792 gap:18px; 793 margin:0 !important; 794 padding:0 !important; 795} 796.sn-kinkan .stylenote-books-soon > ul > li{ 797 position:relative; 798 display:block !important; 799 width:auto !important; 800 min-height:192px; 801 margin:0 !important; 802 padding:20px 20px 20px 144px !important; 803 border:1.5px solid var(--sn-text); 804 background:#fff; 805 text-align:left !important; 806 vertical-align:top !important; 807 transition:border-color .15s ease, background .15s ease; 808} 809.sn-kinkan .stylenote-books-soon > ul > li:hover{ 810 border-color:var(--sn-accent); 811 background:#fffdfc; 812} 813.sn-kinkan .stylenote-books-soon > ul > li::before{ content:none !important; } 814.sn-kinkan .stylenote-books-soon > ul > li > a:first-child{ 815 position:absolute; 816 left:20px; 817 top:20px; 818 display:block !important; 819 width:104px; 820} 821.sn-kinkan .stylenote-books-soon img{ 822 display:block; 823 width:104px !important; 824 max-width:104px !important; 825 height:auto !important; 826 max-height:none !important; 827 border:1.5px solid var(--sn-line) !important; 828 box-shadow:5px 5px 0 rgba(32,30,29,.13) !important; 829} 830.sn-kinkan .stylenote-books-soon > ul > li > a:first-child br{ display:none; } 831.sn-kinkan .stylenote-books-soon > ul > li > br{ display:none; } 832/* ãæ¸åºçºå£²äºå®æ¥ 2026å¹´09æ25æ¥ãã赤ã®å°ããããã«ã¼ã« */ 833.sn-kinkan .stylenote-books-soon span.h6{ 834 display:block !important; 835 font:600 11px/1.5 var(--sn-en) !important; 836 letter-spacing:.08em !important; 837 color:var(--sn-accent-700) !important; 838 margin:0 0 9px !important; 839 order:-1; 840} 841.sn-kinkan .stylenote-books-soon span.h6 br{ display:none; } 842.sn-kinkan .stylenote-books-soon span.h6 strong{ 843 font-weight:600 !important; 844 font-family:var(--sn-jp) !important; 845} 846.sn-kinkan .stylenote-books-soon span.h6 strong::after{ content:"ã"; } 847/* æ¸å */ 848.sn-kinkan .stylenote-books-soon strong.h5{ 849 display:block !important; 850 margin:0 !important; 851 font:700 19px/1.5 var(--sn-jp) !important; 852 text-align:left !important; 853} 854.sn-kinkan .stylenote-books-soon strong.h5 a{ color:var(--sn-text) !important; } 855/* ä¾¡æ ¼ */ 856.sn-kinkan .stylenote-books-soon strong.text-danger{ 857 display:inline !important; 858 font:400 13px/1.8 var(--sn-jp) !important; 859 color:var(--sn-sub) !important; 860} 861.sn-kinkan .stylenote-books-soon span.small{ 862 font:400 13px/1.8 var(--sn-jp) !important; 863 color:var(--sn-sub) !important; 864} 865 866/* ============================================================================ 867 ã9ãããããã¼ã¸ï¼æ°åã»æ¢åï¼æ¨ªã¹ã¯ãã¼ã«ã®æ£ï¼ 868 ============================================================================ */ 869.sn-shelf{ padding-right:0; }
870.sn-shelf .sn-head{ padding-right:22px; } 871.sn-shelf .stylenote-books-new > ul{ 872 display:flex !important; 873 gap:20px; 874 overflow-x:auto; 875 overflow-y:hidden; 876 scroll-snap-type:x mandatory; 877 -webkit-overflow-scrolling:touch; 878 scrollbar-width:none; 879 margin:0 !important; 880 padding:0 22px 6px 0 !important; 881} 882.sn-shelf .stylenote-books-new > ul::-webkit-scrollbar{ display:none; } 883.sn-shelf .stylenote-books-new > ul > li{ 884 flex:0 0 auto; 885 display:block !important; 886 width:168px !important; 887 margin:0 !important; 888 padding:0 !important; 889 text-align:left !important; 890 vertical-align:top !important; 891 scroll-snap-align:start; 892} 893.sn-shelf .stylenote-books-new > ul > li::before{ content:none !important; } 894.sn-shelf .stylenote-books-new > ul > li > a:first-child{ display:block !important; } 895.sn-shelf .stylenote-books-new img{ 896 display:block; 897 width:100% !important; 898 max-width:100% !important; 899 height:auto !important; 900 max-height:none !important; 901 border:1.5px solid var(--sn-line) !important; 902 box-shadow:6px 6px 0 rgba(32,30,29,.13) !important; 903 transition:transform .15s ease; 904} 905.sn-shelf .stylenote-books-new > ul > li > a:first-child br{ display:none; } 906.sn-shelf .stylenote-books-new > ul > li > br{ display:none; } 907.sn-shelf .stylenote-books-new > ul > li:hover img{ transform:translate(-2px,-2px); } 908.sn-shelf .stylenote-books-new strong.h5{ 909 display:block !important; 910 margin:14px 0 0 !important; 911 font:500 13px/1.6 var(--sn-jp) !important; 912 text-align:left !important; 913} 914.sn-shelf .stylenote-books-new strong.h5 a{ color:var(--sn-text) !important; } 915.sn-shelf .stylenote-books-new span.h6{ 916 display:block !important; 917 margin:5px 0 0 !important; 918 font:400 11px/1.7 var(--sn-jp) !important; 919 color:var(--sn-sub) !important; 920} 921/* ãæ¸åºçºå£²æ¥ãã®ã©ãã«ã¯æ£ã§ã¯åºããªãï¼æ¥ä»ã ãè¦ããï¼ */ 922.sn-shelf .stylenote-books-new span.h6 > strong{ display:none !important; } 923.sn-shelf .stylenote-books-new strong.text-danger, 924.sn-shelf .stylenote-books-new span.small{ 925 font:400 11px/1.7 var(--sn-jp) !important; 926 color:var(--sn-sub) !important; 927 display:inline !important; 928} 929/* æ°åã®1åç®ã«ã ããæ°åãã®æ */ 930.sn-shelf .stylenote-books-new > ul > li:first-child{ position:relative; }
931.sn-shelf .stylenote-books-new > ul > li:first-child::after{ 932 content:"æ°å"; 933 position:absolute; 934 top:0; left:0; 935 z-index:2; 936 background:var(--sn-accent); 937 color:#fff; 938 font:700 10px/1 var(--sn-jp); 939 letter-spacing:.08em; 940 padding:5px 8px; 941} 942 943/* ============================================================================ 944 ã10ãããããã¼ã¸ï¼ã¸ã£ã³ã«ããæ¢ã 945 ============================================================================ */ 946.sn-genre{ background:var(--sn-bg) !important; } 947.sn-genre ul{ 948 display:grid !important; 949 grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); 950 gap:12px; 951} 952.sn-genre li a{ 953 display:flex; 954 flex-direction:column; 955 justify-content:space-between; 956 /* height:100% ã«ãã¦ããã¨ãåãè¡ã®ã¿ã¤ã«ãåãé«ãã«ãããã¾ãã 957 ï¼æåã2è¡ã«ãªãã¿ã¤ã«ãããã¨ãããããªãã¨1æã ãä½ããªãã¾ãï¼ */ 958 min-height:100px; 959 height:100%; 960 padding:13px; 961 border:1.5px solid var(--sn-text); 962 background:#fff; 963 transition:background .15s ease, color .15s ease, border-color .15s ease; 964} 965.sn-top .sn-genre li a:hover, 966.sn-top .sn-genre li a:focus{ 967 background:var(--sn-accent) !important; 968 border-color:var(--sn-accent-600); 969 color:#fff !important; 970} 971.sn-genre li a svg{ flex:none; } 972.sn-genre .sn-genre-name{ font:500 14px/1.4 var(--sn-jp); } 973.sn-genre li.sn-genre-all a{ border-color:var(--sn-line); background:#eeebe6; } 974.sn-genre li.sn-genre-all a:hover{ 975 background:#fff !important; 976 border-color:var(--sn-accent-700); 977 color:var(--sn-accent-700) !important; 978} 979 980/* ============================================================================ 981 ã11ãããããã¼ã¸ï¼ç¹éï¼ãç¥ãã 982 ============================================================================ */ 983.sn-two{ 984 display:grid; 985 grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); 986} 987.sn-two-col{ padding:28px 22px; min-width:0; } 988.sn-two-col:first-child{ border-right:2px solid var(--sn-text); } 989@media (max-width:719px){ 990 .sn-two-col:first-child{ 991 border-right:0; 992 border-bottom:2px solid var(--sn-text); 993 } 994} 995/* --- ç¹éï¼æåã ãã®ããã¼ï¼ --- */ 996.sn-feature{ 997 display:block; 998 border:1.5px solid var(--sn-text); 999 background:var(--sn-hero); 1000 padding:26px; 1001 transition:background .15s ease; 1002} 1003.sn-feature:hover{ background:#dcd7ce; } 1004.sn-feature .sn-kicker{ 1005 display:block; 1006 font:700 10px/1 var(--sn-en); 1007 letter-spacing:.16em; 1008 color:var(--sn-accent-700); 1009 margin:0 0 14px; 1010} 1011.sn-feature .sn-feature-title{ 1012 display:block; 1013 font:700 25px/1.4 var(--sn-jp); 1014 margin:0 0 12px; 1015} 1016.sn-feature .sn-feature-lead{ 1017 display:block; 1018 font:400 13px/1.85 var(--sn-jp); 1019 color:#413d3a; 1020 margin:0; 1021 max-width:36ch; 1022} 1023.sn-feature .sn-feature-more{ 1024 display:block; 1025 font:600 12px/1 var(--sn-jp); 1026 color:var(--sn-accent-700); 1027 margin:20px 0 0; 1028} 1029/* --- ç¹éï¼ç»åããã¼ã使ãå ´åï¼ --- */ 1030.sn-feature-img{ display:block; border:1.5px solid var(--sn-text); } 1031.sn-feature-img img{ display:block; width:100%; height:auto; } 1032/* --- ãç¥ãã --- */ 1033.sn-news li{ border-bottom:1px solid var(--sn-hair); } 1034.sn-news li a{ display:block; padding:13px 0; } 1035.sn-news .sn-news-date{ 1036 display:block; 1037 font:600 11px/1 var(--sn-en); 1038 letter-spacing:.06em; 1039 color:var(--sn-mute); 1040 margin-bottom:7px; 1041} 1042.sn-news .sn-news-title{ 1043 display:block; 1044 font:400 14px/1.7 var(--sn-jp); 1045} 1046.sn-news-btns{ display:flex; gap:10px; flex-wrap:wrap; margin:20px 0 0; } 1047.sn-news-btns .sn-btn{ padding:11px 16px; font-size:12px; } 1048 1049/* ============================================================================ 1050 ã12ãããããã¼ã¸ï¼ABOUT帯 1051 ============================================================================ */ 1052.sn-about{ 1053 background:var(--sn-ink) !important; 1054 color:var(--sn-bg); 1055 border-bottom:2px solid var(--sn-text); 1056 padding:44px 22px; 1057} 1058.sn-about-text{ min-width:0; } 1059.sn-about-grid{ 1060 display:grid; 1061 grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); 1062 gap:32px; 1063} 1064.sn-about .sn-kicker{ 1065 display:block; 1066 font:700 11px/1 var(--sn-en); 1067 letter-spacing:.16em; 1068 color:var(--sn-accent); 1069 margin:0 0 18px; 1070} 1071.sn-top h2.sn-about-h2{ 1072 display:block !important; 1073 margin:0 0 18px !important; 1074 padding:0 !important; 1075 border:0 !important; 1076 font-weight:400 !important; 1077 font-size:inherit !important; 1078 line-height:1.4 !important; 1079} 1080.sn-top h2.sn-about-h2 .sn-h2{ 1081 display:block; 1082 font:700 30px/1.4 var(--sn-jp); 1083 color:#fff; 1084} 1085.sn-about p{ 1086 font:400 14px/1.95 var(--sn-jp); 1087 color:#c9c4bd; 1088 max-width:46ch; 1089 margin:0; 1090} 1091.sn-about-links{ 1092 display:flex; 1093 flex-direction:column; 1094 gap:12px; 1095 justify-content:center; 1096} 1097.sn-top .sn-about-links a, 1098.sn-top .sn-about-links a:link, 1099.sn-top .sn-about-links a:visited{ color:var(--sn-bg) !important; } 1100.sn-top .sn-about-links a:hover, 1101.sn-top .sn-about-links a:focus{ color:#fff !important; } 1102.sn-about-links a{ 1103 display:flex; 1104 align-items:center; 1105 justify-content:space-between; 1106 gap:12px; 1107 padding:15px 18px; 1108 border:1.5px solid #5c5752; 1109 color:var(--sn-bg) !important; 1110 font:500 14px/1 var(--sn-jp); 1111 transition:background .15s ease, border-color .15s ease; 1112} 1113.sn-about-links a:hover, 1114.sn-about-links a:focus{ 1115 border-color:var(--sn-accent); 1116 background:#252321; 1117 color:#fff !important; 1118} 1119.sn-about-links a .sn-arrow{ font:400 14px/1 var(--sn-en);
1119 color:var(--sn-accent); } 1120 1121/* ============================================================================ 1122 ã13ãããããã¼ã¸ï¼FOLLOWï¼SNSï¼ 1123 ============================================================================ */ 1124.sn-follow .sn-follow-lead{ 1125 font:400 14px/1.8 var(--sn-jp); 1126 color:#413d3a; 1127 margin:0 0 22px !important; 1128} 1129.sn-follow ul{ 1130 display:grid !important; 1131 grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); 1132 gap:14px; 1133} 1134.sn-follow li a{ 1135 display:flex; 1136 flex-direction:column; 1137 gap:10px; 1138 padding:18px; 1139 border:1.5px solid var(--sn-text); 1140 height:100%; 1141 transition:background .15s ease, color .15s ease, border-color .15s ease; 1142} 1143.sn-top .sn-follow li a:hover, 1144.sn-top .sn-follow li a:focus{ 1145 background:var(--sn-accent) !important; 1146 border-color:var(--sn-accent-600); 1147 color:#fff !important; 1148} 1149.sn-follow .sn-sns-name{ font:700 15px/1 var(--sn-en); } 1150.sn-follow .sn-sns-desc{ font:400 12px/1.7 var(--sn-jp); opacity:.85; } 1151 1152/* ============================================================================ 1153 ã14ãã¹ããï¼å¹ 719px以ä¸ï¼ã®èª¿æ´ 1154 ============================================================================ */ 1155@media (max-width:719px){ 1156 /* --- ãããã¼ï¼ãã´ãå°ãå°ãããå³ä¸ã®SNSã¢ã¤ã³ã³ã¯çã --- */ 1157 #righttopcolumn{ display:none !important; } 1158 .header{ padding:10px 0 !important; } 1159 #logo a{ width:132px; height:20px; } 1160 #tagline{ font:500 10px/20px var(--sn-jp) !important; padding:0 0 0 10px !important; } 1161 /* æ¤ç´¢æ¬ã¯ã¹ããã§ã¯å¸¯ã®æ¨ªå¹ ãã£ã±ãã«ã 1162 ï¼ãã¼ãã 170px å¹ ã§ä¸å¤®ã«å¯ãã¦ããã®ã§ããããè§£é¤ããï¼ */ 1163 .menu-header #search-text-box{ width:100% !important; margin:8px 0 0 !important; } 1164 .menu-header #search_label_top{ width:100% !important; margin:0 !important; } 1165 .menu-header #search-text-top{ width:100% !important; } 1166 .menu-header #search-text-top .form-control, 1167 .menu-header #search-text-top input[type="text"]{ height:38px !important; font-size:14px !important; } 1168 .menu-header #search-text-top .btn, 1169 .menu-header #search-text-top button{ height:38px !important; } 1170 .menu-header .searchform{ margin:0 0 10px !important; } 1171 #wrapper .dd-container{ margin:0 !important; } 1172 /* --- ããããã¼ã¸ --- */ 1173 .sn-sec{ padding:22px 14px; } 1174 .sn-hero{ padding:14px 14px 12px; } 1175 .sn-two > div{ padding:22px 14px; } 1176 .sn-about{ padding:32px 14px; }
1177 .sn-shelf .sn-head{ padding-right:14px; } 1178 .sn-shelf .stylenote-books-new > ul{ padding-right:14px !important; gap:14px; } 1179 .sn-shelf .stylenote-books-new > ul > li{ width:calc(24vw + 26px) !important; min-width:116px !important; } 1180 .sn-top h2.sn-head .sn-h2{ font-size:18px; } 1181 .sn-top h2.sn-about-h2 .sn-h2{ font-size:24px; } 1182 .sn-feature .sn-feature-title{ font-size:20px; } 1183 .sn-genre ul{ grid-template-columns:repeat(2,1fr) !important; } 1184 .sn-genre li a{ min-height:76px; height:100%; gap:10px; } 1185 .sn-kinkan .stylenote-books-soon > ul{ grid-template-columns:1fr; } 1186 .sn-kinkan .stylenote-books-soon > ul > li{ padding-left:112px !important; } 1187 .sn-kinkan .stylenote-books-soon > ul > li > a:first-child{ left:14px; top:16px; width:84px; } 1188 .sn-kinkan .stylenote-books-soon img{ width:84px !important; max-width:84px !important; } 1189 .sn-kinkan .stylenote-books-soon > ul > li{ padding:16px 14px 16px 112px !important; min-height:156px; } 1190 .sn-kinkan .stylenote-books-soon strong.h5{ font-size:16px !important; } 1191 .sn-slide-img img{ box-shadow:4px 4px 0 rgba(32,30,29,.13); } 1192 .sn-follow ul{ grid-template-columns:1fr !important; } 1193 .sn-follow li a{ flex-direction:row; align-items:center; min-height:52px; } 1194 .sn-follow li a svg{ flex:none; } 1195 .sn-follow .sn-sns-desc{ display:none; } 1196 .sn-follow .sn-sns-name{ flex:1; } 1197 .sn-top .sn-follow li a::after{ 1198 content:"â"; 1199 margin-left:auto; 1200 font:400 14px/1 var(--sn-en); 1201 color:var(--sn-accent); 1202 } 1203 .sn-top .sn-follow li a:hover::after{ color:#fff; } 1204 .sn-btn{ padding:13px 16px; } 1205 .sn-about-links a{ min-height:48px; } 1206} 1207 1208/* ============================================================================ 1209 ã15ãæ§CSSããå¼ãç¶ãè£æ£ï¼ä¸å±¤ãã¼ã¸ç¨ã»è§¦ããªãã§ãã ããï¼ 1210 ============================================================================ */ 1211/* IEã§ã®æ¸å½±ãªãµã¤ãºã®ãã°ãè£æ£ */ 1212@media all and (-ms-high-contrast:none){ 1213 *::-ms-backdrop, .img-thumbnail{ width:100%; } 1214} 1215/* ç»åããã«paddingãã¨ããªã */ 1216.img-thumbnail{ 1217 padding:0 !important; 1218 border-radius:0 !important; 1219} 1220.entry-content img{ 1221 padding:0 !important; 1222 border:0 !important; 1223} 1224/* ã¦ã£ã¸ã§ããå ã§ãªã³ã¯ãåãããªã */ 1225#secondary a, 1226#secondary-2 a, 1227.footer-widgets a, 1228.headder-widgets a{ padding:0 !important; } 1229/* å ¥åæ¬ã®æåè² */ 1230input[type="text"], input[type="password"], input[type="email"], textarea{ color:#000 !important; } 1231/* ä¸å±¤ãã¼ã¸ã®è¦åºãã»æ¬æ */ 1232.entry-title{ font-family:var(--sn-jp); font-size:30px; line-height:1.4; } 1233.entry-title a{ font-family:var(--sn-jp); font-size:20px; line-height:1.5; } 1234.entry-sub-title{ font-family:var(--sn-jp); font-size:20px; } 1235.entry-content h1{ font-size:32px; line-height:1.4; } 1236.entry-content h2{ font-size:26px; line-height:1.4; } 1237.entry-content h3{ font-size:21px; line-height:1.5; } 1238.entry-content h4{ font-size:18px; line-height:1.5; } 1239/* ä¸å±¤ãã¼ã¸ã®æ¬æãªã³ã¯ */ 1240.entry-content a:link, 1241.entry-content a:visited{ color:#1c4fb0; } 1242.entry-content a:hover, 1243.entry-content a:focus{ color:var(--sn-accent-700); } 1244/* æ¸å½±ã®ãªã¹ããå·¦ã«ã¯ã¿åºãã®ãæ¢ããï¼ä¸å±¤ãã¼ã¸ï¼ */ 1245.stylenote-books ul.list-inline{ 1246 margin-left:0 !important; 1247 margin-right:0 !important; 1248} 1249/* ãç¶ããèªãããªã©ãã¼ãå´ã®ãã¿ã³ */ 1250a.read-more, 1251a.t4p-button-default, 1252.entry-content a.read-more, 1253.entry-content a.t4p-button-default{ 1254 background:var(--sn-accent) !important; 1255 background-image:none !important; 1256 border:0 !important; 1257 border-radius:0 !important; 1258 color:#fff !important; 1259 text-shadow:none !important; 1260 box-shadow:none !important; 1261 font-weight:600 !important; 1262} 1263a.read-more:hover, 1264a.t4p-button-default:hover, 1265.entry-content a.read-more:hover, 1266.entry-content a.t4p-button-default:hover{ 1267 background:var(--sn-accent-600) !important; 1268 color:#fff !important; 1269} 1270/* å ¨ä½ã®ãã©ã¼ã«ã¹ãªã³ã° */ 1271a:focus-visible, 1272button:focus-visible, 1273input:focus-visible, 1274select:focus-visible, 1275textarea:focus-visible{ 1276 outline:2px solid var(--sn-accent); 1277 outline-offset:2px; 1278} 1279 1280/* ============================================================================ 1281 ã16ãä»»æï¼ABOUT帯ãç»é¢ã®ç«¯ã¾ã§åºãã 1282 ---------------------------------------------------------------------------- 1283 ä¸ã®3è¡ã®ã³ã¡ã³ãï¼ ã®è¨å·ï¼ãå¤ãã¨ãABOUT帯ãç»é¢ã®å·¦å³ãã£ã±ãã« 1284 åºããã¾ããæ¨ªã¹ã¯ãã¼ã«ãã¼ãåºã¦ãã¾ãå ´åã¯ãã¾ãæ»ãã¦ãã ããã 1285 ============================================================================ */ 1286/* 1287.sn-about{ margin-left:calc(50% - 50vw + 8px) !important; margin-right:calc(50% - 50vw + 8px) !important; } 1288*/ 1289 1290/* ============================================================================ 1291 ã17ãã¹ããï¼ãããã¼ã®ãæ¸åã®æ¤ç´¢ããé»ã帯ã®ä¸ã«åãã 1292 ---------------------------------------------------------------------------- 1293 2026-09-22 追å ã 1294 ãã¼ããæ¤ç´¢æ¬ã®å ¥ãç©ï¼id=search_label_topï¼ã« position:relative 㨠top:6px ã 1295 å½ã¦ã¦ãããããæ¤ç´¢æ¬ã ããé»ã帯ãã 6px ã»ã©ä¸ã«ããã帯ã®å¤ï¼èµ¤ãç·ã®ä¸ï¼ã« 1296 ã¯ã¿åºãã¦ãã¾ãããiOSã®Safariã¯å ¥åæ¬ãå°ãé«ãæãã®ã§ãããç®ç«ã¡ã¾ãã 1297 ããã§ã¯ããã®ãºã¬ãæã¡æ¶ããããã§ãæ¤ç´¢æ¬ã帯ã®ä¸ã§ä¸ä¸ã«ä½ç½ãåã£ã¦ 1298 ç½®ããªããã¦ãã¾ãããã½ã³ã³å¹ ï¼769px以ä¸ï¼ã«ã¯å½±é¿ãã¾ããã 1299 ============================================================================ */ 1300@media (max-width:768px){ 1301 .menu-header .searchform{ margin:0 !important; } 1302 .menu-header #search-text-box{ 1303 float:none !important; 1304 width:100% !important; 1305 height:auto !important; 1306 margin:8px 0 10px !important; 1307 } 1308 .menu-header #search_label_top{ 1309 position:static !important; 1310 top:0 !important; 1311 float:none !important; 1312 width:100% !important; 1313 height:auto !important; 1314 margin:0 !important; 1315 } 1316 .menu-header #search-text-top{ 1317 float:none !important; 1318 width:100% !important; 1319 height:auto !important; 1320 } 1321} 1322 1323/* ============================================================================
1324 ã18ãçå ãããã³ã ããæ£ãåããªãã£ãã¨ãã«ãè¦åºããã¨é ã 1325 ---------------------------------------------------------------------------- 1326 2026-09-22 追å ã 1327 ãè¿åãã«ã¯åãæå®ããã§ã«å ¥ã£ã¦ããï¼691è¡ç®ï¼ãããæ°åã»æ¢åãã«ã¯ 1328 å ¥ã£ã¦ããªãã£ããçå ãããã³ã å´ãè½ã¡ã¦æ£ã®ä¸èº«ã空ã«ãªãã¨ã 1329 è¦åºãã¨å·¦å³ã®ç¢å°ãã¿ã³ã ããæ®ã£ã¦ãã¾ãã®ã§ãã»ã¯ã·ã§ã³ãã¨é ãã 1330 `:has()` ã«å¯¾å¿ãã¦ããªãå¤ããã©ã¦ã¶ã§ã¯ããã®è¡ãã¨ç¡è¦ãã㦠1331 ããã¾ã§ã©ãã表示ãããã ããªã®ã§ãè¶³ãã¦ãå±éºã¯ãªãã 1332 ============================================================================ */ 1333.sn-shelf:not(:has(.stylenote-books-new li)){ display:none !important; } 1334 1335/* ============================================================================ 1336 ã20ãPCã®ã¡ãã¥ã¼ï¼é ç®ã¨é¸æè¢ã®éã®ééã§ã¡ãã¥ã¼ãéããªãããã«ã2026-09-26 1337 ---------------------------------------------------------------------------- 1338 ã»è²¼ãå ´æï¼è¿½å CSSã®ã19ãã®ããä¸ï¼ã19ãã¯ããã®ã³ã¡ã³ãããæå¾ã¾ã§ãã 1339 å·®ãæ¿ããæ±ºã¾ããªã®ã§ãä¸ã«ç½®ãã¨æ¬¡ã®å·®ãæ¿ãã§ä¸ç·ã«æ¶ããããï¼ 1340 ã»åå ï¼ã¡ãã¥ã¼å¸¯ã®é ç®ï¼æ¸ç±ä¸è¦§ã»ã¸ã£ã³ã«â¦ï¼ã®ä¸ç«¯ã¨ãåºã¦ãã鏿è¢ã®ä¸ç«¯ã® 1341 éã« 15px ã®ééãããããã¼ãã®ã¡ãã¥ã¼ï¼superfishï¼ã¯ãã«ã¼ã½ã«ãé ç®ãã 1342 å¤ãã㨠0 ç§ã§éããè¨å®ãªã®ã§ãééãéãéã«éãã¦ãã¾ã 1343 ã»ç´ãæ¹ï¼é¸æè¢ã®ä¸ã«ãè¦ããªã 16px ã®ãæ©ããè¶³ããæ©ã¯é¸æè¢ã®ä¸é¨ãªã®ã§ã 1344 ã«ã¼ã½ã«ãæ©ã®ä¸ã«ããéã¯ãé ç®ã®ä¸ã«ãããæ±ãã®ã¾ã¾éããªã 1345 ã»3段ç®ï¼ã¸ã£ã³ã«ã®ä¸ã®å°åé¡ï¼ã¯2段ç®ã®ããå³ã«åºãã®ã§ãééã¯ãªã 1346 ã»ã¹ããã®ã¡ãã¥ã¼ï¼MENU ãæ¼ãã¦éãä¸è¦§ï¼ã¯å¥ã®ä»çµã¿ãªã®ã§å½±é¿ããªã 1347 ============================================================================ */ 1348ul.nav-menu > li > ul.sub-menu::before{ 1349 content:""; 1350 position:absolute; 1351 left:0; 1352 right:0; 1353 bottom:100%; 1354 height:16px; 1355} 1356 1357/* ============================================================================ 1358 ã21ãæ¸ç±ä¸è¦§ã»ã¸ã£ã³ã«å¥ã»æ¤ç´¢çµæã»è©³ç´°æ¤ç´¢ãæ°ãã¶ã¤ã³ã2026-09-27 1359 ---------------------------------------------------------------------------- 1360 ã»è²¼ãå ´æï¼è¿½å CSSã®ã19ãã®ããä¸ï¼ã20ãã®ä¸ï¼ã 1361 ã19ãã¯ããã®ã³ã¡ã³ãããæå¾ã¾ã§ããå·®ãæ¿ããæ±ºã¾ããªã®ã§ãä¸ã«ç½®ã㨠1362 次ã®ã19ãã®å·®ãæ¿ãã§ä¸ç·ã«æ¶ããããã 1363 ã»å¹ããã¼ã¸ 1364 /bd/search/â¦ï¼åè¡æ¸ç±ä¸è¦§ã»ã¸ã£ã³ã«å¥ã»æ¤ç´¢çµæï¼ 1365 ⦠æ¸èªãã¼ã¸ã¨åã body.page-id-4ãæ¸èªãã¼ã¸ã¨åããããã 1366 ãæ¬ã®æ¡ä»¶ããã©ã¼ã #search_area ãå«ã #content ã ãã«å½ã¦ã 1367 ï¼æ¸èªãã¼ã¸ã® #content ã«ã¯ #search_area ãç¡ãï¼ 1368 /book-search/ï¼æ¬ã®è©³ç´°æ¤ç´¢ï¼ ⦠body.page-id-68 1369 ã»ã19ãã® body.page-id-4 ã®æå®ã¯ä¸è¦§ã«ãå½ãã£ã¦ããï¼æåè²ã»ãªã³ã¯è²ã» 1370 .btn 㨠.badge ã®æ ã»è§ä¸¸ã¼ãï¼ãããã¯ã19ãããä¸ã«è²¼ãã®ã§ã 1371 åãå¼·ãã ã¨ã19ããåã¤ãä¸è¦§å´ã¯ã»ã¬ã¯ã¿ã« #search_area ãå ¥ãã¦å¼·ããã¦ããã 1372 ã»ä¸¦ã³ 1373 21-0 ãã¼ã¯ã³ 1374 21-1ã21-6 åå°ï¼ãã¾ã® HTML ã«å½ã¦ãåï¼JS ãåããªãã¦ãããã§èªããï¼ 1375 21-7ã21-12 ä¸ä¹ãï¼booklist.js ã #content ã« .bl-js ãä»ããã¨ãã ãå¹ã 1376 ã»!important ãä»ãã¦ããã®ã¯æ¬¡ã®2種é¡ã ãã 1377 (a) HTML ã® style 屿§ï¼ãæ¬ã調ã¹ããã®è§ä¸¸ã»æåè²ï¼ãæã¡æ¶ãæ 1378 (b) Bootstrap ã® .hideï¼display:none !importantï¼ããJS ãçµãã æã§ã ãåºãæ 1379 ============================================================================ */ 1380 1381 1382/* ============================================================================ 1383 21-0 ãã¼ã¯ã³ï¼READMEããã¶ã¤ã³ãã¼ã¯ã³ãã®å¤ï¼ 1384 ============================================================================ */ 1385:root{ 1386 --bl-bg:#f3f2f2; /* å°ã»å ¥åæ¬ã®å° */ 1387 --bl-surface:#eae9e9; /* é¢ï¼æ¤ç´¢æ¡ä»¶ããã«ï¼ */ 1388 --bl-ink:#201e1d; /* å¢¨ï¼æ¬æã»2pxã®ç½«ç·ï¼ */ 1389 --bl-accent:#ec3013; /* 赤ï¼ãªã³ã¯ã»å®å¡ããã¿ã³ã»ç¾å¨ãã¼ã¸ï¼ */ 1390 --bl-accent-d:#dd2b0f; /* 赤㮠hoverï¼æ¼ä¸ */ 1391 --bl-accent-t:#ae1800; /* å°ããªèµ¤æåï¼è±åã©ãã«ã»è©¦ãèªã¿ï¼ */ 1392 --bl-sub:#605d5d; /* è£å©ããã¹ã */ 1393 --bl-sub2:#444141; /* å¯é¡ï¼æ¤ç´¢çµæï¼ */ 1394 --bl-line:#d7d3d3; /* èã罫ç·ï¼è¡éã®1pxï¼ */ 1395 --bl-cover-ratio:600 / 847; /* æ¸å½±ã®ç¸¦æ¨ªæ¯ï¼ã19ãã® --bd-cover-ratio ã¨åãï¼ */
1396 --bl-font:'Archivo','Zen Kaku Gothic New','ãã©ã®ãè§ã´ ProN W3','Hiragino Sans','Yu Gothic',Meiryo,sans-serif; 1397} 1398 1399 1400/* ============================================================================ 1401 21-1 ä¸è¦§ã®åå°ï¼è¦åºãã»å°ã®æåï¼/bd/search/â¦ï¼ 1402 ============================================================================ */ 1403body.page-id-4 #content:has(#search_area){ 1404 color:var(--bl-ink); 1405 font-family:var(--bl-font); 1406} 1407body.page-id-4 #content:has(#search_area) :focus-visible{ 1408 outline:2px solid var(--bl-accent); 1409 outline-offset:2px; 1410} 1411body.page-id-4 #content:has(#search_area) a:hover, 1412body.page-id-4 #content:has(#search_area) a:focus{ 1413 color:var(--bl-accent-d); 1414} 1415 1416/* ãã¼ã¸è¦åºãï¼h3ãåè¡æ¸ç±ä¸è¦§ããæ¤ç´¢çµæãï¼ã¨ããã®ä¸ã® hr ã 2px ã®å¢¨ç½«ã« */ 1417body.page-id-4 #content:has(#search_area) > .container-fluid > .row > h3{ 1418 margin:32px 0 0; 1419 padding:0 15px; 1420 font:700 52px/1.1 var(--bl-font); 1421 letter-spacing:-.02em; 1422 color:var(--bl-ink); 1423} 1424body.page-id-4 #content:has(#search_area) > .container-fluid > .row > hr{ 1425 margin:24px 15px 0; 1426 border:0; 1427 border-top:2px solid var(--bl-ink); 1428} 1429 1430/* ã¹ããã ãåºããæ¬ã調ã¹ããï¼style 屿§ã®è§ä¸¸15pxã»midnightblue ãæã¡æ¶ãï¼ */ 1431body.page-id-4 #content:has(#search_area) > .container-fluid > .row > a.btn[href="#search_area"]{ 1432 display:inline-flex; 1433 align-items:center; 1434 min-height:44px; 1435 margin:20px 15px 0 !important; 1436 padding:0 14px; 1437 border:2px solid var(--bl-ink); 1438 border-radius:0 !important; 1439 background:transparent; 1440 color:var(--bl-ink) !important; 1441 font:600 13px/1 var(--bl-font); 1442} 1443 1444 1445/* ============================================================================ 1446 21-2 ä¸è¦§ã®åå°ï¼ãã¼ã¸éãï¼ä¸ä¸2ãæãJS ã®ãã¨ãåãè¦ãç®ï¼ 1447 ============================================================================ */ 1448body.page-id-4 #content:has(#search_area) .col-md-9 > .col-md-8.text-center{ 1449 float:none; 1450 width:auto; 1451 margin:0; 1452 padding:16px 15px; 1453 text-align:left; 1454} 1455body.page-id-4 #content:has(#search_area) .col-md-9 > .col-md-8.text-center:empty{ 1456 display:none; 1457} 1458body.page-id-4 #content:has(#search_area) ul._pagination{ 1459 display:flex; 1460 flex-wrap:wrap; 1461 margin:0; 1462 padding:0; 1463 list-style:none; 1464} 1465body.page-id-4 #content:has(#search_area) ul._pagination > li{ 1466 display:block; 1467 float:none; 1468 margin:0 0 0 -1px; 1469} 1470body.page-id-4 #content:has(#search_area) ul._pagination > li:first-child{ margin-left:0; } 1471body.page-id-4 #content:has(#search_area) ul._pagination > li > a, 1472body.page-id-4 #content:has(#search_area) ul._pagination > li > span{ 1473 display:flex; 1474 align-items:center; 1475 justify-content:center; 1476 float:none; 1477 min-width:40px; 1478 height:40px; 1479 padding:0 12px; 1480 border:1px solid var(--bl-ink); 1481 border-radius:0; 1482 background:transparent; 1483 color:var(--bl-ink); 1484 font:600 13px/1 var(--bl-font); 1485} 1486body.page-id-4 #content:has(#search_area) ul._pagination > li > a:hover, 1487body.page-id-4 #content:has(#search_area) ul._pagination > li > a:focus{ 1488 background:var(--bl-ink); 1489 color:var(--bl-bg); 1490} 1491body.page-id-4 #content:has(#search_area) ul._pagination > li.active > span{ 1492 position:relative; 1493 border-color:var(--bl-accent); 1494 background:var(--bl-accent); 1495 color:#fff; 1496} 1497 1498 1499/* ============================================================================ 1500 21-3 ä¸è¦§ã®åå°ï¼1ååï¼æ¸å½± 84px ï½ æ¸èªï¼ãJS ãåããªãã¨ãã®å½¢ï¼1d ã®è¡ã«è¿ã 1501 ============================================================================ */ 1502body.page-id-4 #content:has(#search_area) .col-md-9 > .row{ 1503 display:grid; 1504 grid-template-columns:84px minmax(0,1fr); 1505 gap:24px; 1506 margin:0; 1507 padding:20px 15px; 1508} 1509/* Bootstrap ã® .row ã® clearfixï¼::beforeã»::afterï¼ãã°ãªããã®åãåããªãããã« */ 1510body.page-id-4 #content:has(#search_area) .col-md-9 > .row::before, 1511body.page-id-4 #content:has(#search_area) .col-md-9 > .row::after{ 1512 display:none; 1513} 1514body.page-id-4 #content:has(#search_area) .col-md-9 > .row > [class*="col-"]{ 1515 float:none; 1516 width:auto; 1517 min-height:0; 1518 padding:0; 1519} 1520body.page-id-4 #content:has(#search_area) .col-md-9 > hr{ 1521 margin:0 15px; 1522 border:0; 1523 border-top:1px solid var(--bl-line); 1524} 1525 1526/* æ¸å½±ã®åï¼æ¸å½± â 試ãèªã¿ãããè³¼å ¥ããPaypal ã§æ¯æããã¯ä¸¸ãã¨é ã */ 1527body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-2{
1528 display:flex; 1529 flex-direction:column; 1530 align-items:flex-start; 1531 gap:8px; 1532 text-align:left; 1533} 1534body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-2 > .clearfix{ display:none; } 1535body.page-id-4 #content:has(#search_area) form[action*="paypal.com"]{ display:none; } 1536/* èªã¿è¾¼ã¿åãã縦横æ¯ã§æ ãåãã縦横æ¯ã®éãæ¬ã¯æ ã®ä¸ã«åããï¼åããªãï¼ã 1537 æ ã¯ãªã³ã¯ã®å´ã§åãï¼ç»åãèªãã alt ã®æåãåºãã¨ããæ ã®å¤§ãããå¤ããªãï¼ */ 1538body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-2 > a[href^="/bd/isbn/"]{ 1539 display:block; 1540 width:100%; 1541 aspect-ratio:var(--bl-cover-ratio); 1542 overflow:hidden; 1543 font-size:10px; 1544 line-height:1.4; 1545} 1546body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-2 img{ 1547 display:block; 1548 width:100%; 1549 height:100%; 1550 object-fit:contain; 1551 padding:0; 1552 border:0; 1553 border-radius:0; 1554 background:transparent; 1555} 1556/* 試ãèªã¿ï¼.hide ãä»ãã¦ããªãæ¬ã ã表示ãããï¼ï¼èµ¤ã®å°ããªæåãªã³ã¯ã« */ 1557body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-2 > a.badge{ 1558 margin:0; 1559 padding:0; 1560 border:0; 1561 background:none; 1562 color:var(--bl-accent-t); 1563 font:600 11px/1.4 var(--bl-font); 1564 white-space:nowrap; 1565} 1566body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-2 > a.badge::after{ content:" â"; } 1567 1568/* æ¸èªã®åï¼ã·ãªã¼ãºå â æ¸è©ãã â æ¸åã»å¯é¡ â èè ã»æ¸èª */ 1569body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10{ 1570 display:flex; 1571 flex-wrap:wrap; 1572 align-items:center; 1573 align-content:flex-start; 1574 gap:6px; 1575 font-size:12px; 1576 line-height:1.8; 1577} 1578body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > *{ flex:0 0 100%; } 1579body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > .sub_title{ 1580 order:-2; 1581 font-size:11px; 1582 line-height:1.4; 1583 color:var(--bl-sub); 1584} 1585body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > .sub_title br{ display:none; } 1586body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > .label{ 1587 order:-1; 1588 flex:0 0 auto; 1589 padding:4px 8px; 1590 border:1px solid var(--bl-accent); 1591 border-radius:0; 1592 background:var(--bl-accent); 1593 color:#fff; 1594 font:600 10px/1.2 var(--bl-font); 1595 letter-spacing:.02em; 1596} 1597body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > h2.h3{ 1598 margin:0; 1599 padding:0; 1600 font:700 18px/1.35 var(--bl-font); 1601 color:var(--bl-ink); 1602} 1603body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > h2.h3 > br{ display:none; } 1604body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > h2.h3 > a{ color:var(--bl-ink); } 1605body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > h2.h3 > a:hover, 1606body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > h2.h3 > a:focus{ color:var(--bl-accent); } 1607body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > h2.h3 > small{ 1608 display:block; 1609 margin-top:4px; 1610 font-size:13px; 1611 font-weight:400; 1612 line-height:1.5; 1613 color:var(--bl-sub2); 1614} 1615/* èè ã»ISBNã»å®ä¾¡ã»çºå£²æ¥ã®æ®µï¼ãã¾ã®ä¸¦ã³ã®ã¾ã¾ãè¦åºãã®èªã ãè£å©è²ã«ï¼ */ 1616body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > div strong{ 1617 font-weight:600; 1618 color:var(--bl-sub); 1619} 1620body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > div strong.text-danger{ 1621 font-size:14px; 1622 font-weight:700; 1623 color:var(--bl-ink); 1624} 1625body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > div .small{ 1626 font-size:11px; 1627 color:var(--bl-sub); 1628} 1629body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > div > span:first-child{ 1630 font-size:13px; 1631 font-weight:600; 1632} 1633body.page-id-4 #content:has(#search_area) .col-md-9 > .row > .col-md-10 > div .badge{ 1634 vertical-align:1px; 1635} 1636 1637/* å³ã«ã©ã ã®ãæ¬ã®æ¡ä»¶ãï¼JS ãåããªãã¨ããã¹ããã§ã¯æ¬æã®ä¸ã«æ¥ãï¼ */ 1638body.page-id-4 #content:has(#search_area) > .container-fluid > .row > .sidebar-widgets-area{ 1639 margin-top:16px; 1640 padding:20px 20px 24px; 1641 background:var(--bl-surface); 1642} 1643body.page-id-4 #content:has(#search_area) .sidebar-widgets-area > #search_area{ margin:0; } 1644 1645 1646/* ============================================================================ 1647 21-4 æ¤ç´¢ãã©ã¼ã ã®åå°ï¼ä¸è¦§ã®ãæ¬ã®æ¡ä»¶ãã»/book-search/ ã®2ã¤ã®ãã©ã¼ã å ±éï¼ 1648 ============================================================================ */ 1649body.page-id-4 #content #search_area .form-group, 1650body.page-id-68 #content form .form-group{ 1651 margin:0 0 14px; 1652} 1653body.page-id-4 #content #search_area label, 1654body.page-id-68 #content form label{ 1655 display:block; 1656 margin:0 0 6px; 1657 font:600 12px/1.4 var(--bl-font); 1658 color:var(--bl-ink); 1659} 1660body.page-id-4 #content #search_area .form-control, 1661body.page-id-68 #content form .form-control{ 1662 height:36px; 1663 padding:0 10px; 1664 border:1px solid var(--bl-ink); 1665 border-radius:0; 1666 background:var(--bl-bg); 1667 box-shadow:none; 1668 color:var(--bl-ink); 1669 font:400 13px/1.4 var(--bl-font); 1670} 1671body.page-id-4 #content #search_area .form-control:focus, 1672body.page-id-68 #content form .form-control:focus{ 1673 border-color:var(--bl-accent); 1674 box-shadow:0 0 0 1px var(--bl-accent); 1675} 1676body.page-id-4 #content #search_area .input-group-addon, 1677body.page-id-68 #content form .input-group-addon, 1678body.page-id-68 #content form .input-group-btn > .btn{ 1679 border:1px solid var(--bl-ink); 1680 border-radius:0; 1681 background:var(--bl-surface); 1682 color:var(--bl-ink); 1683} 1684/* åè¡å¹´æã®ãâã */ 1685body.page-id-4 #content #search_area .form-group > .text-center, 1686body.page-id-68 #content form .form-group > .text-center{ 1687 line-height:1.6; 1688 color:var(--bl-sub); 1689} 1690/* ãæ¬ã®æ¡ä»¶ããæ¸è©ã®æ¡ä»¶ãã®å°ããªã©ãã« â è±åã©ãã«ã¨åã赤ã®å°è¦åºã */ 1691body.page-id-4 #content #search_area small.text-muted, 1692body.page-id-68 #content form small.text-muted{ 1693 display:block; 1694 float:none !important; 1695 margin:0 0 14px; 1696 font:600 11px/1.2 var(--bl-font); 1697 letter-spacing:.14em; 1698 color:var(--bl-accent-t); 1699} 1700/* æ¤ç´¢ãã¿ã³ï¼èµ¤å°ã»ç½æåã»ã©ãã«å·¦å¯ãã»é«ã44pxãå³ç«¯ã« â */ 1701body.page-id-4 #content #search_area button[type="submit"],
1702body.page-id-68 #content form button[type="submit"].btn-lg{ 1703 display:block; 1704 width:100%; 1705 min-height:44px; 1706 padding:0 16px; 1707 border:0; 1708 border-radius:0; 1709 background:var(--bl-accent); 1710 box-shadow:none; 1711 color:#fff; 1712 font:600 14px/44px var(--bl-font); 1713 text-align:left; 1714 text-indent:-1em; /* æåã®é ã®å ¨è§ç©ºç½ã¶ããæ»ãã¦å·¦ç«¯ããããã */ 1715} 1716body.page-id-4 #content #search_area button[type="submit"]::after, 1717body.page-id-68 #content form button[type="submit"].btn-lg::after{ 1718 content:"â"; 1719 float:right; 1720 text-indent:0; 1721} 1722body.page-id-4 #content #search_area button[type="submit"]:hover, 1723body.page-id-4 #content #search_area button[type="submit"]:focus, 1724body.page-id-68 #content form button[type="submit"].btn-lg:hover, 1725body.page-id-68 #content form button[type="submit"].btn-lg:focus{ 1726 background:var(--bl-accent-d); 1727 color:#fff; 1728} 1729/* æ¸è©ã®æ¤ç´¢ã®å°ãããæ¤ç´¢ããã¿ã³ */ 1730body.page-id-68 #content form button[type="submit"].btn-xs{ 1731 min-height:36px; 1732 padding:0 14px; 1733 border:0; 1734 border-radius:0; 1735 background:var(--bl-accent); 1736 color:#fff; 1737 font:600 13px/36px var(--bl-font); 1738} 1739 1740 1741/* ============================================================================ 1742 21-5 /book-search/ ã®åå°ï¼è¦åºãã»2ã¤ã®ããã«ï¼ 1743 ============================================================================ */ 1744body.page-id-68 #content{ 1745 color:var(--bl-ink); 1746 font-family:var(--bl-font); 1747} 1748body.page-id-68 #content :focus-visible{ 1749 outline:2px solid var(--bl-accent); 1750 outline-offset:2px; 1751} 1752body.page-id-68 #content .entry-content a, 1753body.page-id-68 #content .breadcrumbs a{ color:var(--bl-accent); } 1754body.page-id-68 #content .entry-content a:hover, 1755body.page-id-68 #content .breadcrumbs a:hover{ color:var(--bl-accent-d); } 1756body.page-id-68 #content .breadcrumbs{ 1757 font-size:12px; 1758 color:var(--bl-sub); 1759} 1760body.page-id-68 #content .entry-content > h4{ 1761 margin:16px 0 28px; 1762 padding:0 0 28px; 1763 border-bottom:2px solid var(--bl-ink); 1764 font:700 52px/1.1 var(--bl-font); 1765 letter-spacing:-.02em; 1766 color:var(--bl-ink); 1767} 1768body.page-id-68 #content .entry-content .col-sm-8.col-sm-offset-2{ margin-left:0; } 1769body.page-id-68 #content .entry-content .panel{ 1770 border:2px solid var(--bl-ink); 1771 border-radius:0; 1772 background:transparent; 1773 box-shadow:none; 1774} 1775body.page-id-68 #content .entry-content .panel-heading{ 1776 padding:10px 16px; 1777 border:0; 1778 border-radius:0; 1779 background:var(--bl-ink); 1780 color:var(--bl-bg); 1781 font:600 13px/1.4 var(--bl-font); 1782} 1783body.page-id-68 #content .entry-content .panel-heading .h2{ font:inherit; } 1784body.page-id-68 #content .entry-content .panel-body{ padding:20px 16px; } 1785/* æ¬æã®èªåæ´å½¢ãå ¥ãã brã»pï¼ã©ãã«ã®ç´å¾ã®æ¹è¡ããã©ã¼ã ã®ä¸ã®æ®µè½ã®ä½ç½ï¼ãè©°ãã */ 1786body.page-id-68 #content form label + br{ display:none; } 1787body.page-id-68 #content form p{ margin:0; } 1788body.page-id-68 #content form hr{ 1789 margin:20px 0; 1790 border:0; 1791 border-top:1px solid var(--bl-line); 1792} 1793 1794 1795/* ============================================================================ 1796 21-6 åå°ã®ã¬ã¹ãã³ã·ã 1797 ============================================================================ */ 1798@media (max-width: 767px){ 1799 body.page-id-4 #content:has(#search_area) > .container-fluid > .row > h3, 1800 body.page-id-68 #content .entry-content > h4{ 1801 font-size:32px; 1802 } 1803 body.page-id-4 #content:has(#search_area) .col-md-9 > .row{ 1804 grid-template-columns:64px minmax(0,1fr); 1805 gap:16px; 1806 } 1807 body.page-id-4 #content:has(#search_area) ul._pagination > li > a, 1808 body.page-id-4 #content:has(#search_area) ul._pagination > li > span{ 1809 min-width:44px; 1810 height:44px; 1811 } 1812} 1813 1814 1815/* ============================================================================ 1816 21-7 ããããä¸ä¹ãï¼booklist.js ãçµãå½¢ 1817 ---------------------------------------------------------------------------- 1818 JS 㯠#content ã« .bl-js ã¨ãã¼ã¸ã®ç¨®é¡ï¼.bl-listï¼.bl-genreï¼.bl-resultï¼ 1819 .bl-searchï¼ãä»ããæ¬¡ã®å½¢ãçµãï¼æ¢åãã¼ãã¯ç§»åã¨ã¯ã©ã¹ã®ä»ãè¶³ãã ãï¼ã 1820 ãªã¹ãï¼ã°ãªããã®åæ¿ã¯ #content ã® .bl-grid ã®æç¡ã 1821 1822 .bl-page 1823 .bl-head è¦åºããããã¯ï¼ä¸ã«2pxã®å¢¨ç½«ï¼ 1824 .bl-head-main .bl-crumbsï¼ãã³ããï¼â .bl-kickerï¼BOOKS çï¼â .bl-hï¼è¦åºãï¼ 1825 .bl-tools .bl-countï¼1â20 ä»¶ã表示ï¼ã».bl-switchï¼ãªã¹ãï¼ã°ãªããï¼ 1826 .bl-tabs ã¸ã£ã³ã«ç´¢å¼ï¼ã¡ãã¥ã¼ã®ãªã³ã¯ã®è¤è£½ã鏿ä¸ã¯ aria-currentï¼ 1827 .bl-bar ä»¶æ°ã®è¡ï¼ã¸ã£ã³ã«ï¼ï¼ãæ¤ç´¢çµæ æ¡ä»¶ ä»¶æ°ãï¼æ¤ç´¢çµæï¼ 1828 .bl-layout æ¤ç´¢çµæã»è©³ç´°æ¤ç´¢ã ãï¼.bl-panelï¼æ¡ä»¶ï¼ï¼ .bl-resultsï¼çµæï¼
1829 .bl-thead 表çµã¿ã®è¦åºãè¡ï¼ãªã¹ã表示ã ãï¼ 1830 .bl-books 1831 .bl-book 1ååãåã¯æ¬¡ã®7ã¤ï¼ã©ããã°ãªããã®åï¼ 1832 .bl-cover æ¸å½±ã®æ ãä¸ã«å ã® a ï¼ imgï¼èªããªãã¨ã㯠.bd-cover-altï¼ 1833 a.bl-try 試ãèªã¿ï¼å ã® aã表示ããã¦ããæ¬ã ãç§»ãï¼ 1834 .bl-tags .bl-genre-tagï¼å ã®å¤§åé¡ span.label.hideï¼ã».bl-reviewï¼æ¸è©ããï¼ 1835 .bl-title å ã® h2.h3ï¼æ¸å a ï¼ br ï¼ å¯é¡ smallï¼ 1836 .bl-author å ã®èè ã®ãã¼ãï¼spanã»smallï¼ãå ãã ãã® 1837 .bl-pd .bl-priceï¼å ã® strong.text-dangerï¼ï¼ .bl-dateï¼çºå£²æ¥ã®è¡¨ç¤ºç¨ã®åãï¼ 1838 .bl-src å ã® .rowï¼æ®ãã®ãã¼ããé ãï¼ 1839 .bl-pager å ã®ä¸ã®ãã¼ã¸éãï¼è¦ãç®ã¯ 21-2 ã®ã¾ã¾ï¼ 1840 å ã®å ¥ãç©ï¼.container-fluid ãªã©ï¼ã¯ .bl-orig ãä»ãã¦é ãã 1841 ============================================================================ */ 1842body #content.bl-js .bl-orig, 1843body #content.bl-js .bl-src, 1844body #content.bl-js .bl-thead{ 1845 display:none; 1846} 1847/* ä¸ç«¯ã®ä½ç½ã¯ãã¼ã¸å ¨ä½ã§æã¤ï¼ãã¼ã¸éããç¡ããã¼ã¸ã§ãããã¿ã¼ã¨ãã£ã¤ããªãããã«ï¼ */ 1848body #content.bl-js .bl-page{ 1849 padding:0 15px 56px; 1850 color:var(--bl-ink); 1851 font-family:var(--bl-font); 1852} 1853/* /book-search/ ã¯å ¥ãç©ï¼#primaryï¼ã«å·¦å³15pxã®ä½ç½ãããã®ã§ãä¸è¦§ã¨å·¦ç«¯ããããã */ 1854body #content.bl-js.bl-search .bl-page{ padding:0 0 56px; } 1855 1856/* ---- è¦åºãããã㯠---- */ 1857body #content.bl-js .bl-head{ 1858 display:grid; 1859 grid-template-columns:minmax(0,1fr) auto; 1860 align-items:end; 1861 gap:24px; 1862 padding:8px 0 28px; /* ä¸ã¯ãã¼ãã®æ¬æã®ä½ç½ï¼35pxï¼ããã§ã«ããã®ã§å°ãã ã */ 1863 border-bottom:2px solid var(--bl-ink); 1864} 1865body #content.bl-js .bl-head-main{ 1866 display:flex; 1867 flex-direction:column; 1868 gap:10px; 1869 min-width:0; 1870} 1871body #content.bl-js .bl-crumbs{ 1872 font-size:12px; 1873 line-height:1.5; 1874 color:var(--bl-sub); 1875} 1876body #content.bl-js .bl-crumbs > * + *::before{ 1877 content:"ï¼"; 1878 margin:0 .5em; 1879 color:var(--bl-sub); 1880} 1881body #content.bl-js .bl-crumbs a{ color:var(--bl-sub); } 1882body #content.bl-js .bl-crumbs a:hover, 1883body #content.bl-js .bl-crumbs a:focus{ color:var(--bl-accent); } 1884body #content.bl-js .bl-kicker{ 1885 font:600 10px/1 var(--bl-font); 1886 letter-spacing:.14em; 1887 color:var(--bl-accent-t); 1888} 1889body #content.bl-js .bl-head .bl-h{ 1890 margin:0; 1891 padding:0; 1892 border:0; 1893 font:700 52px/1.05 var(--bl-font); 1894 letter-spacing:-.02em; 1895 color:var(--bl-ink); 1896} 1897body #content.bl-js .bl-tools{ 1898 display:flex; 1899 flex-wrap:wrap; 1900 align-items:center; 1901 justify-content:flex-end; 1902 gap:12px 20px; 1903 font-size:13px; 1904} 1905body #content.bl-js .bl-count{ color:var(--bl-sub); } 1906/* ãªã¹ãï¼ã°ãªããã®åæ¿ï¼è¡¨ç¤ºä»¶æ°ã® 20ï¼40ï¼60 ãåãå½¢ï¼ */ 1907body #content.bl-js .bl-switch{ 1908 display:flex; 1909 border:1px solid var(--bl-ink); 1910} 1911body #content.bl-js .bl-switch > button, 1912body #content.bl-js .bl-switch > a{ 1913 display:flex; 1914 align-items:center; 1915 min-height:32px; 1916 margin:0; 1917 padding:4px 12px; 1918 border:0; 1919 border-radius:0; 1920 background:transparent; 1921 color:var(--bl-ink); 1922 font:600 13px/1 var(--bl-font); 1923 cursor:pointer; 1924} 1925body #content.bl-js .bl-switch > * + *{ border-left:1px solid var(--bl-ink); } 1926body #content.bl-js .bl-switch > button:hover, 1927body #content.bl-js .bl-switch > a:hover{ color:var(--bl-accent); } 1928body #content.bl-js .bl-switch > [aria-pressed="true"], 1929body #content.bl-js .bl-switch > [aria-current="page"]{ 1930 background:var(--bl-ink); 1931 color:var(--bl-bg); 1932} 1933 1934/* ---- ã¸ã£ã³ã«ç´¢å¼ã¿ã ---- */ 1935body #content.bl-js .bl-tabs{ 1936 display:flex; 1937 flex-wrap:wrap; 1938 border-bottom:2px solid var(--bl-ink); 1939 font:600 13px/1.4 var(--bl-font); 1940} 1941body #content.bl-js .bl-tabs a{ 1942 display:block; 1943 margin-right:32px; 1944 padding:14px 0 11px; 1945 border-bottom:3px solid transparent; 1946 color:var(--bl-ink); 1947} 1948body #content.bl-js .bl-tabs a:hover, 1949body #content.bl-js .bl-tabs a:focus{ color:var(--bl-accent); } 1950body #content.bl-js .bl-tabs a[aria-current="page"]{ 1951 border-bottom-color:var(--bl-accent); 1952 color:var(--bl-accent-t); 1953} 1954 1955/* ---- ä»¶æ°ã®è¡ ---- */ 1956body #content.bl-js .bl-bar{ 1957 display:flex; 1958 flex-wrap:wrap; 1959 justify-content:space-between; 1960 align-items:center; 1961 gap:8px 16px; 1962 padding:12px 0; 1963 font-size:13px; 1964 color:var(--bl-sub); 1965} 1966body #content.bl-js .bl-bar b{ 1967 font-weight:700; 1968 color:var(--bl-ink); 1969} 1970 1971/* ---- ãã¼ã¸éã ---- */ 1972body #content.bl-js .bl-pager{ padding:28px 0 0; } 1973 1974 1975/* ============================================================================ 1976 21-8 ä¸ä¹ãï¼1ååã®é¨åï¼ã©ã®è¡¨ç¤ºã§ãå ±éï¼ 1977 ============================================================================ */ 1978body #content.bl-js .bl-book{ 1979 display:grid; 1980 min-width:0; 1981} 1982body #content.bl-js .bl-book > *{ min-width:0; } 1983 1984/* æ¸å½±ã®æ ï¼ç¸¦æ¨ªæ¯ã§å ã«å ´æãåããç»åã¯æ ã«åããï¼ã°ã¬ã¼ã¹ã±ã¼ã«ã«ããªãï¼ */ 1985body #content.bl-js .bl-cover{ 1986 position:relative; 1987 width:100%; 1988 aspect-ratio:var(--bl-cover-ratio); 1989 align-self:start; 1990} 1991body #content.bl-js .bl-cover > a{ 1992 display:block; 1993 width:100%; 1994 height:100%; 1995} 1996body #content.bl-js .bl-cover img{ 1997 display:block; 1998 width:100%; 1999 height:100%; 2000 object-fit:contain; 2001 padding:0; 2002 border:0; 2003 border-radius:0; 2004 background:transparent; 2005} 2006/* 代æ¿è¡¨ç´ï¼ã19ãã® .bd-cover-alt ãä¸è¦§ã®å¤§ããã«ç¸®ããï¼ */ 2007body #content.bl-js .bl-cover .bd-cover-alt{ 2008 position:absolute; 2009 inset:0; 2010 aspect-ratio:auto; 2011 padding:6px; 2012 border:2px solid var(--bl-ink); 2013 background:var(--bl-bg); 2014 color:var(--bl-ink); 2015} 2016body #content.bl-js .bl-cover .bd-cover-alt-brand{ 2017 font-size:6px; 2018 line-height:1; 2019 letter-spacing:.12em; 2020} 2021body #content.bl-js .bl-cover .bd-cover-alt-title{ 2022 display:-webkit-box; 2023 -webkit-line-clamp:4; 2024 -webkit-box-orient:vertical; 2025 overflow:hidden; 2026 font-size:10px; 2027 line-height:1.25; 2028} 2029body #content.bl-js .bl-cover .bd-cover-alt-foot{ 2030 font-size:6px; 2031 line-height:1.2; 2032 white-space:nowrap; 2033 overflow:hidden; 2034} 2035 2036/* 試ãèªã¿ï¼å 㯠.btn.badgeãã19ãã®æ ãå¤ãã¦èµ¤ã®å°ããªæåã«ï¼ */ 2037body #content.bl-js .bl-book > a.bl-try{ 2038 justify-self:start; 2039 margin:0; 2040 padding:0; 2041 border:0; 2042 background:none; 2043 color:var(--bl-accent-t); 2044 font:600 11px/1.4 var(--bl-font); 2045 white-space:nowrap; 2046} 2047body #content.bl-js .bl-book > a.bl-try:hover, 2048body #content.bl-js .bl-book > a.bl-try:focus{ color:var(--bl-accent); } 2049body #content.bl-js .bl-book > a.bl-try::after{ content:" â"; } 2050
2051/* ã¸ã£ã³ã«ï¼æ ç·ãããï¼ã»æ¸è©ããï¼èµ¤ãããï¼ */ 2052body #content.bl-js .bl-tags{ 2053 display:flex; 2054 flex-wrap:wrap; 2055 align-items:center; 2056 gap:6px; 2057} 2058body #content.bl-js .bl-tags > .label, 2059body #content.bl-js .bl-tags > .label.hide{ 2060 display:inline-block !important; 2061 padding:3px 8px; 2062 border:1px solid var(--bl-ink); 2063 border-radius:0; 2064 background:transparent; 2065 color:var(--bl-ink); 2066 font:600 10px/1.3 var(--bl-font); 2067 letter-spacing:.02em; 2068 white-space:nowrap; 2069} 2070body #content.bl-js .bl-tags > .label.bl-review{ 2071 border-color:var(--bl-accent); 2072 background:var(--bl-accent); 2073 color:#fff; 2074} 2075 2076/* æ¸åã»å¯é¡ï¼å ã® h2.h3ï¼ */ 2077body #content.bl-js .bl-book > .bl-title{ 2078 margin:0; 2079 padding:0; 2080 font:700 13px/1.4 var(--bl-font); 2081 color:var(--bl-ink); 2082} 2083body #content.bl-js .bl-book > .bl-title > br{ display:none; } 2084body #content.bl-js .bl-book > .bl-title > a{ color:var(--bl-ink); } 2085body #content.bl-js .bl-book > .bl-title > a:hover, 2086body #content.bl-js .bl-book > .bl-title > a:focus{ color:var(--bl-accent); } 2087body #content.bl-js .bl-book > .bl-title > small{ 2088 display:block; 2089 margin-top:2px; 2090 font-size:11px; 2091 font-weight:400; 2092 line-height:1.5; 2093 color:var(--bl-sub); 2094} 2095 2096/* èè ï¼1è¡ã§çç¥ï¼ */ 2097body #content.bl-js .bl-author{ 2098 overflow:hidden; 2099 font-size:12px; 2100 line-height:1.5; 2101 white-space:nowrap; 2102 text-overflow:ellipsis; 2103} 2104body #content.bl-js .bl-author small{ font-size:inherit; color:var(--bl-sub); } 2105body #content.bl-js .bl-author br{ display:none; } 2106 2107/* å®ä¾¡ã»çºå£²æ¥ */ 2108body #content.bl-js .bl-pd{ 2109 display:flex; 2110 justify-content:space-between; 2111 align-items:baseline; 2112 gap:6px; 2113} 2114body #content.bl-js .bl-pd > strong.bl-price{ 2115 font:700 13px/1.3 var(--bl-font); 2116 color:var(--bl-ink); 2117 white-space:nowrap; 2118} 2119body #content.bl-js .bl-pd > .bl-date{ 2120 font-size:10px; 2121 line-height:1.3; 2122 color:var(--bl-sub); 2123 white-space:nowrap; 2124} 2125 2126 2127/* ============================================================================ 2128 21-9 ä¸ä¹ãï¼2a ç®é²ãã¼ãã«ï¼åè¡æ¸ç±ä¸è¦§ã»ãªã¹ãè¡¨ç¤ºï¼ 2129 æ¸å½± 40 ï½ æ¸åï¼å¯é¡ 1fr ï½ èè 190 ï½ ã¸ã£ã³ã« 100 ï½ çºå£²æ¥ 90 ï½ å®ä¾¡ 80 2130 ============================================================================ */ 2131body #content.bl-js.bl-list:not(.bl-grid) .bl-thead, 2132body #content.bl-js.bl-list:not(.bl-grid) .bl-book{ 2133 grid-template-columns:40px minmax(0,1fr) 190px 100px 90px 80px; 2134 column-gap:20px; 2135} 2136body #content.bl-js.bl-list:not(.bl-grid) .bl-thead{ 2137 display:grid; 2138 padding:10px 0; 2139 border-bottom:2px solid var(--bl-ink); 2140 font:600 11px/1.4 var(--bl-font); 2141 letter-spacing:.06em; 2142 color:var(--bl-sub); 2143} 2144body #content.bl-js.bl-list:not(.bl-grid) .bl-thead > :last-child{ text-align:right; } 2145body #content.bl-js.bl-list:not(.bl-grid) .bl-book{ 2146 grid-template-areas: 2147 "cover title author tags date price" 2148 "cover try author tags date price"; 2149 align-items:center; 2150 row-gap:2px; 2151 padding:8px 0; 2152 border-bottom:1px solid var(--bl-line); 2153 font-size:12px; 2154} 2155body #content.bl-js.bl-list:not(.bl-grid) .bl-cover{ grid-area:cover; } 2156body #content.bl-js.bl-list:not(.bl-grid) .bl-try{ grid-area:try; } 2157body #content.bl-js.bl-list:not(.bl-grid) .bl-title{ grid-area:title; font-size:14px; } 2158body #content.bl-js.bl-list:not(.bl-grid) .bl-author{ grid-area:author; } 2159body #content.bl-js.bl-list:not(.bl-grid) .bl-tags{ grid-area:tags; } 2160body #content.bl-js.bl-list:not(.bl-grid) .bl-pd{ display:contents; } 2161body #content.bl-js.bl-list:not(.bl-grid) .bl-price{ grid-area:price; justify-self:end; font-size:12px; } 2162body #content.bl-js.bl-list:not(.bl-grid) .bl-date{ grid-area:date; font-size:12px; color:var(--bl-ink); } 2163/* æ¸åã»å¯é¡ã¯1è¡ã§çç¥ */ 2164body #content.bl-js.bl-list:not(.bl-grid) .bl-title > a, 2165body #content.bl-js.bl-list:not(.bl-grid) .bl-title > small{ 2166 display:block; 2167 overflow:hidden; 2168 white-space:nowrap; 2169 text-overflow:ellipsis; 2170} 2171/* ã¸ã£ã³ã«åã¯æåã ããæ¸è©ããã¯ãã®è¡¨ç¤ºã§ã¯åºããªã */ 2172body #content.bl-js.bl-list:not(.bl-grid) .bl-tags > .label{ 2173 padding:0; 2174 border:0; 2175 font:400 12px/1.4 var(--bl-font); 2176 letter-spacing:0; 2177 white-space:normal; 2178} 2179body #content.bl-js.bl-list:not(.bl-grid) .bl-tags > .label.bl-review{ display:none !important; }
2180/* 40px ã®ä»£æ¿è¡¨ç´ */ 2181body #content.bl-js.bl-list:not(.bl-grid) .bl-cover .bd-cover-alt{ padding:3px; } 2182body #content.bl-js.bl-list:not(.bl-grid) .bl-cover .bd-cover-alt-brand{ font-size:4px; } 2183body #content.bl-js.bl-list:not(.bl-grid) .bl-cover .bd-cover-alt-title{ font-size:6px; line-height:1.2; } 2184body #content.bl-js.bl-list:not(.bl-grid) .bl-cover .bd-cover-alt-foot{ display:none; } 2185 2186@media (max-width: 899px){ 2187 body #content.bl-js.bl-list:not(.bl-grid) .bl-thead{ display:none; } 2188 body #content.bl-js.bl-list:not(.bl-grid) .bl-book{ 2189 grid-template-columns:48px minmax(0,1fr); 2190 grid-template-areas: 2191 "cover title" 2192 "cover author" 2193 "cover pd" 2194 "cover try"; 2195 grid-template-rows:auto auto auto 1fr; 2196 column-gap:14px; 2197 align-items:start; 2198 padding:12px 0; 2199 } 2200 body #content.bl-js.bl-list:not(.bl-grid) .bl-tags{ display:none; } 2201 body #content.bl-js.bl-list:not(.bl-grid) .bl-pd{ 2202 display:flex; 2203 grid-area:pd; 2204 justify-content:flex-start; 2205 gap:12px; 2206 } 2207 body #content.bl-js.bl-list:not(.bl-grid) .bl-title > a, 2208 body #content.bl-js.bl-list:not(.bl-grid) .bl-title > small{ 2209 white-space:normal; 2210 } 2211} 2212 2213 2214/* ============================================================================ 2215 21-10 ä¸ä¹ãï¼2bï¼2c æ¸å½±ã°ãªããï¼åè¡æ¸ç±ä¸è¦§ã®ã°ãªãã表示ã»ã¸ã£ã³ã«å¥ï¼ 2216 4åãã»ã«ï¼æ¸å½± 64 ï½ æ¸èªãæ¸å½±ã®ä¸ã«è©¦ãèªã¿ãæ¸èªã®ä¸ç«¯ã« 2px 罫ï¼å®ä¾¡ï¼çºå£²æ¥ 2217 ============================================================================ */ 2218body #content.bl-js.bl-grid .bl-books, 2219body #content.bl-js.bl-genre .bl-books{ 2220 display:grid; 2221 grid-template-columns:repeat(4, minmax(0,1fr)); 2222 border-left:1px solid var(--bl-line); 2223} 2224body #content.bl-js.bl-genre .bl-books{ border-top:1px solid var(--bl-line); } 2225body #content.bl-js.bl-grid .bl-book, 2226body #content.bl-js.bl-genre .bl-book{ 2227 grid-template-columns:64px minmax(0,1fr); 2228 grid-template-rows:auto auto auto 1fr auto; 2229 grid-template-areas: 2230 "cover tags" 2231 "cover title" 2232 "cover author" 2233 "cover ." 2234 "try pd"; 2235 column-gap:12px; 2236 row-gap:4px; 2237 padding:16px 14px; 2238 border-right:1px solid var(--bl-line); 2239 border-bottom:1px solid var(--bl-line); 2240} 2241body #content.bl-js.bl-grid .bl-cover, 2242body #content.bl-js.bl-genre .bl-cover{ grid-area:cover; } 2243body #content.bl-js.bl-grid .bl-try, 2244body #content.bl-js.bl-genre .bl-try{ grid-area:try; align-self:end; font-size:10px; } 2245body #content.bl-js.bl-grid .bl-try::after, 2246body #content.bl-js.bl-genre .bl-try::after{ content:none; } 2247body #content.bl-js.bl-grid .bl-tags, 2248body #content.bl-js.bl-genre .bl-tags{ grid-area:tags; } 2249body #content.bl-js.bl-grid .bl-title, 2250body #content.bl-js.bl-genre .bl-title{ 2251 grid-area:title; 2252 display:-webkit-box; 2253 -webkit-line-clamp:3; 2254 -webkit-box-orient:vertical; 2255 overflow:hidden; 2256} 2257body #content.bl-js.bl-grid .bl-title > small, 2258body #content.bl-js.bl-genre .bl-title > small{ display:none; } 2259body #content.bl-js.bl-grid .bl-author, 2260body #content.bl-js.bl-genre .bl-author{ grid-area:author; font-size:11px; color:var(--bl-sub2); } 2261body #content.bl-js.bl-grid .bl-pd, 2262body #content.bl-js.bl-genre .bl-pd{ 2263 grid-area:pd; 2264 margin-top:4px; 2265 padding-top:5px; 2266 border-top:2px solid var(--bl-ink); 2267} 2268/* 2b ã¯ã¸ã£ã³ã«ãæåã§ã2c ã¯æ¸è©ããã®ãããã ã */ 2269body #content.bl-js.bl-grid .bl-tags > .label{ 2270 padding:0; 2271 border:0; 2272 color:var(--bl-sub); 2273 font:400 10px/1.4 var(--bl-font); 2274 letter-spacing:0; 2275} 2276body #content.bl-js.bl-grid .bl-tags > .label.bl-review{ display:none !important; } 2277body #content.bl-js.bl-genre .bl-tags > .label.bl-genre-tag{ display:none !important; } 2278body #content.bl-js.bl-genre .bl-tags:not(:has(.bl-review)){ display:none; } 2279/* 64px ã®ä»£æ¿è¡¨ç´ï¼ä¸ç«¯ã« ISBNï¼ */ 2280body #content.bl-js.bl-grid .bl-cover .bd-cover-alt, 2281body #content.bl-js.bl-genre .bl-cover .bd-cover-alt{ padding:5px; } 2282body #content.bl-js.bl-grid .bl-cover .bd-cover-alt-title, 2283body #content.bl-js.bl-genre .bl-cover .bd-cover-alt-title{ font-size:8px; } 2284body #content.bl-js.bl-grid .bl-cover .bd-cover-alt-foot, 2285body #content.bl-js.bl-genre .bl-cover .bd-cover-alt-foot{ font-size:5.5px; } 2286 2287@media (max-width: 1099px){ 2288 body #content.bl-js.bl-grid .bl-books, 2289 body #content.bl-js.bl-genre .bl-books{ grid-template-columns:repeat(3, minmax(0,1fr)); } 2290} 2291@media (max-width: 799px){ 2292 body #content.bl-js.bl-grid .bl-books, 2293 body #content.bl-js.bl-genre .bl-books{ grid-template-columns:repeat(2, minmax(0,1fr)); } 2294} 2295@media (max-width: 519px){ 2296 body #content.bl-js.bl-grid .bl-books, 2297 body #content.bl-js.bl-genre .bl-books{ grid-template-columns:minmax(0,1fr); } 2298} 2299 2300 2301/* ============================================================================ 2302 21-11 ä¸ä¹ãï¼1d æ¤ç´¢çµæã»è©³ç´°æ¤ç´¢ï¼å·¦ã«æ¤ç´¢æ¡ä»¶ãå³ã«çµæï¼ 2303 ============================================================================ */ 2304body #content.bl-js .bl-layout{ 2305 display:grid; 2306 grid-template-columns:300px minmax(0,1fr); 2307 align-items:start; 2308} 2309body #content.bl-js .bl-panel{ 2310 align-self:stretch; 2311 padding:28px 28px 40px; 2312 border-right:2px solid var(--bl-ink); 2313 background:var(--bl-surface); 2314} 2315body #content.bl-js .bl-panel .form-group{ margin-bottom:18px; } 2316/* ãã½ã³ã³å¹ ã§ã¯æãããã¿ã®è¦åºããåºããªãï¼JS ãéããã¾ã¾ã«ããï¼ */ 2317body #content.bl-js .bl-panel > details > summary{ display:none; } 2318/* æ¬ã®æ¡ä»¶ï¼æ¸è©ã®æ¡ä»¶ã®åæ¿ï¼/book-search/ ã ãï¼ */ 2319body #content.bl-js .bl-seg{ 2320 display:flex; 2321 margin:0 0 18px; 2322 border:2px solid var(--bl-ink); 2323} 2324body #content.bl-js .bl-seg > button{ 2325 flex:1; 2326 min-height:36px; 2327 margin:0; 2328 padding:8px 10px; 2329 border:0; 2330 border-radius:0; 2331 background:transparent; 2332 color:var(--bl-ink); 2333 font:600 12px/1.3 var(--bl-font); 2334 text-align:left;
2335 cursor:pointer; 2336} 2337body #content.bl-js .bl-seg > button + button{ border-left:2px solid var(--bl-ink); } 2338body #content.bl-js .bl-seg > button[aria-selected="true"]{ 2339 background:var(--bl-ink); 2340 color:var(--bl-bg); 2341} 2342/* æ¡ä»¶ãã¯ãªã¢ */ 2343body #content.bl-js .bl-clear{ 2344 display:inline-block; 2345 min-height:44px; 2346 margin:4px 0 0; 2347 padding:0; 2348 border:0; 2349 background:none; 2350 color:var(--bl-ink); 2351 font:400 12px/44px var(--bl-font); 2352 text-decoration:underline; 2353 cursor:pointer; 2354} 2355body #content.bl-js .bl-clear:hover{ color:var(--bl-accent); } 2356 2357body #content.bl-js .bl-results{ 2358 min-width:0; 2359 padding:0 0 0 32px; 2360} 2361body #content.bl-js.bl-result .bl-bar{ 2362 padding:16px 0; 2363 border-bottom:2px solid var(--bl-ink); 2364 color:var(--bl-ink); 2365} 2366/* æ¤ç´¢åã® /book-search/ï¼çµæãç¡ãã®ã§æ¡ä»¶ããã«ã ããåºãã« */ 2367body #content.bl-js.bl-search .bl-layout{ grid-template-columns:minmax(0,640px); } 2368body #content.bl-js.bl-search .bl-panel{ 2369 margin-top:28px; 2370 border-right:0; 2371} 2372 2373/* 1ååï¼æ¸å½± 84 ï½ æ¬æ 1fr ï½ ä¾¡æ ¼ 120 */ 2374body #content.bl-js.bl-result .bl-book{ 2375 grid-template-columns:84px minmax(0,1fr) 120px; 2376 grid-template-rows:auto auto 1fr auto; 2377 grid-template-areas: 2378 "cover tags pd" 2379 "cover title pd" 2380 "cover author pd" 2381 "try . pd"; 2382 column-gap:24px; 2383 row-gap:6px; 2384 padding:20px 0; 2385 border-bottom:1px solid var(--bl-line); 2386} 2387body #content.bl-js.bl-result .bl-cover{ grid-area:cover; } 2388body #content.bl-js.bl-result .bl-try{ grid-area:try; margin-top:2px; } 2389body #content.bl-js.bl-result .bl-tags{ grid-area:tags; } 2390body #content.bl-js.bl-result .bl-title{ grid-area:title; font-size:18px; line-height:1.35; } 2391body #content.bl-js.bl-result .bl-title > small{ 2392 margin-top:6px; 2393 font-size:13px; 2394 color:var(--bl-sub2); 2395} 2396body #content.bl-js.bl-result .bl-author{ 2397 grid-area:author; 2398 font-weight:600; 2399 white-space:normal; 2400} 2401body #content.bl-js.bl-result .bl-pd{ 2402 grid-area:pd; 2403 flex-direction:column; 2404 justify-content:flex-start; 2405 gap:6px; 2406 padding-left:16px; 2407 border-left:2px solid var(--bl-ink); 2408} 2409body #content.bl-js.bl-result .bl-pd > strong.bl-price{ font-size:18px; } 2410body #content.bl-js.bl-result .bl-pd > .bl-date{ font-size:12px; } 2411body #content.bl-js.bl-result .bl-pd > .bl-date::after{ content:" çºå£²"; } 2412body #content.bl-js.bl-result .bl-cover .bd-cover-alt-title{ font-size:10px; } 2413body #content.bl-js.bl-result .bl-cover .bd-cover-alt-brand, 2414body #content.bl-js.bl-result .bl-cover .bd-cover-alt-foot{ font-size:6.5px; } 2415 2416@media (max-width: 899px){ 2417 body #content.bl-js .bl-layout, 2418 body #content.bl-js.bl-search .bl-layout{ grid-template-columns:minmax(0,1fr); } 2419 body #content.bl-js .bl-panel{ 2420 margin-top:20px; 2421 padding:0; 2422 border-right:0; 2423 background:transparent; 2424 } 2425 /* ã¹ããã§ã¯æ¤ç´¢æ¡ä»¶ãæããããï¼æ¢å®ã¯éï¼ */ 2426 body #content.bl-js .bl-panel > details > summary{ 2427 display:flex; 2428 align-items:center; 2429 justify-content:space-between; 2430 min-height:44px; 2431 padding:0 14px; 2432 border:2px solid var(--bl-ink); 2433 font:600 13px/1 var(--bl-font); 2434 list-style:none; 2435 cursor:pointer; 2436 } 2437 body #content.bl-js .bl-panel > details > summary::-webkit-details-marker{ display:none; } 2438 body #content.bl-js .bl-panel > details > summary::after{ content:"â¾"; } 2439 body #content.bl-js .bl-panel > details[open] > summary::after{ content:"â´"; } 2440 body #content.bl-js .bl-panel > details[open] > summary + *{ 2441 padding:20px 14px 8px; 2442 border:2px solid var(--bl-ink); 2443 border-top:0; 2444 background:var(--bl-surface); 2445 } 2446 body #content.bl-js.bl-search .bl-panel > details > summary{ display:none; } 2447 body #content.bl-js.bl-search .bl-panel > details > summary + *{ 2448 padding:20px 16px 8px; 2449 border:0; 2450 background:var(--bl-surface); 2451 } 2452 body #content.bl-js .bl-results{ padding:0; } 2453} 2454@media (max-width: 599px){ 2455 body #content.bl-js.bl-result .bl-book{ 2456 grid-template-columns:72px minmax(0,1fr); 2457 grid-template-rows:auto auto auto auto 1fr; 2458 grid-template-areas: 2459 "cover tags" 2460 "cover title" 2461 "cover author" 2462 "cover pd" 2463 "try ."; 2464 column-gap:16px; 2465 } 2466 body #content.bl-js.bl-result .bl-title{ font-size:16px; } 2467 body #content.bl-js.bl-result .bl-pd{ 2468 flex-direction:row; 2469 align-items:baseline; 2470 gap:12px; 2471 margin-top:4px; 2472 padding-left:0; 2473 border-left:0; 2474 } 2475 body #content.bl-js.bl-result .bl-pd > strong.bl-price{ font-size:16px; } 2476} 2477 2478 2479/* ============================================================================
2480 21-12 ä¸ä¹ãï¼è¦åºããããã¯ã®ã¬ã¹ãã³ã·ã 2481 ============================================================================ */ 2482@media (max-width: 767px){ 2483 body #content.bl-js .bl-head{ 2484 grid-template-columns:minmax(0,1fr); 2485 align-items:start; 2486 padding:8px 0 20px; 2487 } 2488 body #content.bl-js .bl-head .bl-h{ font-size:32px; } 2489 body #content.bl-js .bl-tools{ justify-content:flex-start; } 2490 body #content.bl-js .bl-tabs{ 2491 flex-wrap:nowrap; 2492 overflow-x:auto; 2493 white-space:nowrap; 2494 -webkit-overflow-scrolling:touch; 2495 } 2496 body #content.bl-js .bl-tabs a{ 2497 min-height:44px; 2498 margin-right:24px; 2499 } 2500} 2501 2502/* ============================================================================ 2503 ã22ããã¥ã¼ã¹ï¼ãªãªã¼ã¹ã»åºåæ²è¼æ å ±ãæ°ãã¶ã¤ã³ã2026-09-27 2504 ---------------------------------------------------------------------------- 2505 ã»è²¼ãå ´æï¼è¿½å CSSã®ã19ãã®ããä¸ï¼ã21ãã®ä¸ï¼ã 2506 ã19ãã¯ããã®ã³ã¡ã³ãããæå¾ã¾ã§ããå·®ãæ¿ããæ±ºã¾ããªã®ã§ãä¸ã«ç½®ã㨠2507 次ã®ã19ãã®å·®ãæ¿ãã§ä¸ç·ã«æ¶ããããã 2508 ã»å¹ããã¼ã¸ 2509 ä¸è¦§ /news/ã»/adnews/ï¼ãã¼ã¸éããï¼ 2510 ⦠body.category-news ï¼ body.category-adnews 2511 è¨äº /news2026â¦ã»/adnews/ad2026⦠2512 ⦠body ã«ã«ãã´ãªãåºãªãã®ã§ã.content.s-category-news ï¼ 2513 .content.s-category-adnewsï¼ãã¼ããä»ããã¯ã©ã¹ï¼ã§è¦åãã 2514 æ¸èªãã¼ã¸ï¼body.page-id-4ï¼ã»æ¸ç±ä¸è¦§ã«ã¯å½ãããªãã 2515 ã»ä¸¦ã³ 2516 22-0 ãã¼ã¯ã³ 2517 22-1 å ±éï¼ãµã¤ããã¼ãå¤ãã¦å ¨å¹ ã«ã»æåã¨ãªã³ã¯ã®è² 2518 22-2 ä¸è¦§ï¼è¦åºã 2519 22-3 ä¸è¦§ï¼1ä»¶åï¼è¡å ¨ä½ããªã³ã¯ã«ï¼ 2520 22-4 ä¸è¦§ï¼ãã¼ã¸éã 2521 22-5 è¨äºï¼è¦åºãã»æ¬æ 2522 22-6 è¨äºï¼åºåã®æ¸ç±ï¼çå ãããã³ã ã®åãè¾¼ã¿ï¼ 2523 22-7 è¨äºï¼åå¾ã®è¨äºï¼å¥ã«ãã´ãªã¯é ãï¼ 2524 22-8 ã¹ããï¼719px以ä¸ï¼ 2525 ããã¾ã§ã§ãnews.js ãåããªãã¦ãèªããå½¢ã«ãªãã 2526 22-9ã22-13 ä¸ä¹ãï¼news.js ã #primary ã« .nw-js ãä»ããã¨ãã ãå¹ã 2527 ï¼.nw-news ï¼ãã¥ã¼ã¹ä¸è¦§ã.nw-adlist ï¼åºåä¸è¦§ã 2528 .nw-newsitem ï¼ãã¥ã¼ã¹è¨äºã.nw-aditem ï¼åºåè¨äº ãä¸ç·ã«ä»ãï¼ 2529 ã»!important ãä»ãã¦ããã®ã¯æ¬¡ã®5種é¡ã ãã 2530 (a) ãã¼ãã® .entry-metaï¼font-sizeã»line-heightï¼ã¨ .publishedï¼æ¥ä»ã®å³ã®ç¸¦ç·ï¼ã® 2531 !important ãæã¡æ¶ãæ 2532 (d) ãã¼ãã® .entry-titleã».page-title ã®æåè²ï¼#2c3e50 !importantï¼ãæã¡æ¶ãæ 2533 (b) Bootstrap ã® .hideï¼display:none !importantï¼ãä»ããä¸è¦§ã®è¦åºããåºãæ 2534 (c) HTML ã® style 屿§ï¼æ¸ç±åãè¾¼ã¿ã® ul ã® marginã»img ã® max-heightï¼ãæã¡æ¶ãæ 2535 (e) JS ãé ããå ã®ãã¼ãï¼.nw-srcï¼ããä¸ã®åå°ã® display æå®ããåªå ãã¦é ãæ 2536 ============================================================================ */ 2537 2538 2539/* ============================================================================ 2540 22-0 ãã¼ã¯ã³ï¼READMEããã¶ã¤ã³ãã¼ã¯ã³ãã®å¤ãã21ãã® --bl-* ã¨åãå¤ï¼ 2541 ============================================================================ */ 2542:root{ 2543 --nw-bg:#f3f2f2; /* å° */ 2544 --nw-ink:#201e1d; /* å¢¨ï¼æ¬æã»2pxã®ç½«ç·ï¼ */ 2545 --nw-accent:#ec3013; /* 赤ï¼ãªã³ã¯ã»ç¢å°ã»ç¾å¨ãã¼ã¸ï¼ */ 2546 --nw-accent-d:#dd2b0f; /* 赤㮠hoverï¼æ¼ä¸ */ 2547 --nw-accent-t:#ae1800; /* å°ããªèµ¤æåï¼è±åã©ãã«ï¼ã»è¡ã® hover */ 2548 --nw-sub:#605d5d; /* è£å©ããã¹ã */ 2549 --nw-line:#d7d3d3; /* èã罫ç·ï¼è¡éã®1pxï¼ */ 2550 --nw-col:140px; /* å·¦ã®æ¥ä»ã®å */ 2551 --nw-gap:28px; /* æ¥ä»ã®åã¨æ¬æã®é */ 2552 --nw-cover-ratio:600 / 847; /* æ¸å½±ã®ç¸¦æ¨ªæ¯ï¼ã19ãã21ãã¨åãï¼ */
2553 --nw-font:'Archivo','Zen Kaku Gothic New','ãã©ã®ãè§ã´ ProN W3','Hiragino Sans','Yu Gothic',Meiryo,sans-serif; 2554} 2555 2556 2557/* ============================================================================ 2558 22-1 å ±éï¼ãµã¤ããã¼ãå¤ãã¦å ¨å¹ ã«ã»æåã¨ãªã³ã¯ã®è² 2559 ---------------------------------------------------------------------------- 2560 #secondary ã¯ä¸èº«ã空ãªã®ã«å³ 3/12 ã®å¹ ãåã£ã¦ããã®ã§ããã®ãã¼ã¸ã ãå¤ãã 2561 ============================================================================ */ 2562body:is(.category-news,.category-adnews) #secondary, 2563.content:is(.s-category-news,.s-category-adnews) #secondary{ 2564 display:none; 2565} 2566body:is(.category-news,.category-adnews) #primary, 2567.content:is(.s-category-news,.s-category-adnews) #primary{ 2568 float:none; 2569 width:100%; 2570 color:var(--nw-ink); 2571 font-family:var(--nw-font); 2572} 2573body:is(.category-news,.category-adnews) #primary a, 2574.content:is(.s-category-news,.s-category-adnews) #primary a{ 2575 color:var(--nw-accent); 2576 text-decoration:none; 2577} 2578body:is(.category-news,.category-adnews) #primary a:hover, 2579body:is(.category-news,.category-adnews) #primary a:focus, 2580.content:is(.s-category-news,.s-category-adnews) #primary a:hover, 2581.content:is(.s-category-news,.s-category-adnews) #primary a:focus{ 2582 color:var(--nw-accent-d); 2583} 2584body:is(.category-news,.category-adnews) #primary :focus-visible, 2585.content:is(.s-category-news,.s-category-adnews) #primary :focus-visible{ 2586 outline:2px solid var(--nw-accent); 2587 outline-offset:2px; 2588} 2589 2590/* ãã³ããï¼12pxã»è£å©è²ãåºåãã¯ãã¼ãã®ã/ãããï¼ãã«ï¼ */ 2591body:is(.category-news,.category-adnews) #primary ul.breadcrumbs, 2592.content:is(.s-category-news,.s-category-adnews) #primary ul.breadcrumbs{ 2593 float:none; 2594 margin:0; 2595 padding:0; 2596 font-size:12px; 2597 line-height:1.6; 2598 color:var(--nw-sub); 2599} 2600body:is(.category-news,.category-adnews) #primary ul.breadcrumbs li, 2601.content:is(.s-category-news,.s-category-adnews) #primary ul.breadcrumbs li{ 2602 margin:0; 2603 padding:0; 2604 font-size:12px; 2605} 2606body:is(.category-news,.category-adnews) #primary ul.breadcrumbs li::after, 2607.content:is(.s-category-news,.s-category-adnews) #primary ul.breadcrumbs li::after{ 2608 content:'ï¼'; 2609 margin:0 .5em; 2610 font-size:12px; 2611 color:var(--nw-sub); 2612} 2613body:is(.category-news,.category-adnews) #primary ul.breadcrumbs li:last-child::after, 2614.content:is(.s-category-news,.s-category-adnews) #primary ul.breadcrumbs li:last-child::after{ 2615 content:none; 2616} 2617body:is(.category-news,.category-adnews) #primary ul.breadcrumbs li a, 2618.content:is(.s-category-news,.s-category-adnews) #primary ul.breadcrumbs li a{ 2619 padding:0; 2620 color:var(--nw-sub); 2621} 2622body:is(.category-news,.category-adnews) #primary ul.breadcrumbs li a:hover, 2623.content:is(.s-category-news,.s-category-adnews) #primary ul.breadcrumbs li a:hover{ 2624 color:var(--nw-accent-d); 2625} 2626 2627 2628/* ============================================================================ 2629 22-2 ä¸è¦§ï¼è¦åºã 2630 ---------------------------------------------------------------------------- 2631 h2.page-title 㯠Bootstrap ã® .hide ã§æ¶ãã¦ãããåºãã¦ã»ãã ãé ã 2632 ï¼æåã®å¤§ããã0ã«ãã¦ãä¸ã® span#category-title ã ãæ»ãï¼ã 2633 ä¸ã«è±åã©ãã« NEWS ãä»ãããä¸ã« 2px ã®å¢¨ç½«ã 2634 ============================================================================ */ 2635/* ä¸ã®ä½ç½ï¼ãã¼ãã® .content ã« padding-top 35px ãããã®ã§ãè¶³ãã®ã¯ 8px ã ã 2636 ï¼ã¡ãã¥ã¼ãã¼ãããã³ããã¾ã§ 43pxãæ¸ç±ä¸è¦§ã21ãã¨åãï¼ */ 2637body:is(.category-news,.category-adnews) #primary ul.breadcrumbs{ 2638 padding-top:8px; 2639} 2640body:is(.category-news,.category-adnews) #primary h2.page-title.archive-title{ 2641 display:block !important; 2642 margin:10px 0 0; 2643 padding:0 0 28px; 2644 border-bottom:2px solid var(--nw-ink); 2645 font-size:0; 2646 line-height:0; 2647} 2648body:is(.category-news,.category-adnews) #primary h2.page-title.archive-title::before{ 2649 content:'NEWS'; 2650 display:block; 2651 margin:0 0 10px; 2652 font:600 10px/1 var(--nw-font); 2653 letter-spacing:.14em; 2654 color:var(--nw-accent-t); 2655} 2656body:is(.category-news,.category-adnews) #primary h2.page-title #category-title{ 2657 display:block; 2658 font:800 52px/1 var(--nw-font); 2659 letter-spacing:-.02em; 2660 color:var(--nw-ink) !important; 2661} 2662 2663 2664/* ============================================================================ 2665 22-3 ä¸è¦§ï¼1ä»¶å 2666 ---------------------------------------------------------------------------- 2667 div.post.hentryï¼ãã¼ã㯠col-md-6 ã®2å並ã³ï¼ã1è¡ã®ã°ãªããã«çµã¿ç´ãã 2668 å·¦ 140px ï¼ æ¥ä»ï¼.entry-headerï¼
2669 ä¸ 1fr ï¼ ã¿ã¤ãã«ï¼h2.entry-titleï¼ï¼æç²1è¡ï¼.entry-content ã® pï¼ 2670 å³ 32px ï¼ ç¢å°ï¼::afterï¼ 2671 è¡å ¨ä½ã®ãªã³ã¯ï¼ã¿ã¤ãã«ã® a ã« ::after ã§è¡ãã£ã±ãã®é¢ãéããã 2672 ãæç¨¿è ããç¶ããèªããã¯é ãï¼è¡å ¨ä½ããªã³ã¯ã«ãªãã®ã§ä¸è¦ï¼ã 2673 ============================================================================ */ 2674body:is(.category-news,.category-adnews) #primary div.post.hentry{ 2675 position:relative; 2676 display:grid; 2677 grid-template-columns:var(--nw-col) minmax(0,1fr) 32px; 2678 grid-template-areas: 2679 "date title arrow" 2680 "date body arrow"; 2681 column-gap:var(--nw-gap); 2682 row-gap:6px; 2683 float:none; 2684 width:auto; 2685 margin:0 !important; 2686 padding:20px 0; 2687 border-bottom:1px solid var(--nw-line); 2688} 2689body:is(.category-news,.category-adnews) #primary div.post.hentry::after{ 2690 content:'â'; 2691 grid-area:arrow; 2692 font:800 18px/1.45 var(--nw-font); 2693 color:var(--nw-accent); 2694} 2695/* ã¿ã¤ãã« */ 2696body:is(.category-news,.category-adnews) #primary div.post.hentry h2.entry-title{ 2697 grid-area:title; 2698 margin:0; 2699 padding:0; 2700 font:800 18px/1.45 var(--nw-font); 2701} 2702body:is(.category-news,.category-adnews) #primary div.post.hentry h2.entry-title a{ 2703 font:inherit; 2704 color:var(--nw-ink) !important; 2705} 2706body:is(.category-news,.category-adnews) #primary div.post.hentry h2.entry-title a::after{ 2707 content:''; 2708 position:absolute; 2709 inset:0; 2710 z-index:1; 2711} 2712body:is(.category-news,.category-adnews) #primary div.post.hentry h2.entry-title a:focus-visible{ 2713 outline:0; 2714} 2715body:is(.category-news,.category-adnews) #primary div.post.hentry h2.entry-title a:focus-visible::after{ 2716 outline:2px solid var(--nw-accent); 2717 outline-offset:2px; 2718} 2719body:is(.category-news,.category-adnews) #primary div.post.hentry:hover h2.entry-title a{ 2720 color:var(--nw-accent-t) !important; 2721} 2722body:is(.category-news,.category-adnews) #primary div.post.hentry:hover::after{ 2723 color:var(--nw-accent-d); 2724} 2725/* æ¥ä»ï¼æç¨¿è ã¯é ãï¼ */ 2726body:is(.category-news,.category-adnews) #primary div.post.hentry .entry-header{ 2727 grid-area:date; 2728 margin:0; 2729 padding:0; 2730 font-size:15px !important; 2731 line-height:1.45 !important; 2732} 2733body:is(.category-news,.category-adnews) #primary div.post.hentry .entry-header a{ 2734 font-weight:800; 2735 letter-spacing:.02em; 2736 color:var(--nw-ink); 2737} 2738body:is(.category-news,.category-adnews) #primary div.post.hentry .entry-header .published{ 2739 margin:0; 2740 padding:0; 2741 border-right:0 !important; 2742 font-size:inherit; 2743 line-height:inherit; 2744} 2745body:is(.category-news,.category-adnews) #primary div.post.hentry .entry-header .author{ 2746 display:none; 2747} 2748/* æç²ï¼1è¡ã§çç¥ããç¶ããèªããã¯é ã */ 2749body:is(.category-news,.category-adnews) #primary div.post.hentry .entry-content{ 2750 grid-area:body; 2751 min-width:0; 2752 margin:0; 2753 padding:0; 2754} 2755body:is(.category-news,.category-adnews) #primary div.post.hentry .entry-content p{ 2756 margin:0; 2757 overflow:hidden; 2758 white-space:nowrap; 2759 text-overflow:ellipsis; 2760 font-size:13px; 2761 line-height:1.6; 2762 color:var(--nw-sub); 2763} 2764body:is(.category-news,.category-adnews) #primary div.post.hentry .entry-content .entry-footer, 2765body:is(.category-news,.category-adnews) #primary div.post.hentry .entry-content .clearfix{ 2766 display:none; 2767} 2768 2769 2770/* ============================================================================ 2771 22-4 ä¸è¦§ï¼ãã¼ã¸éãï¼40Ã40 ã®æ£æ¹å½¢ãç¾å¨ï¼èµ¤å°ç½æåãä»ï¼1px 墨æ ï¼ 2772 ============================================================================ */ 2773body:is(.category-news,.category-adnews) #primary .navigation-links.page-navigation{ 2774 margin:0; 2775 padding:32px 0 44px; 2776} 2777body:is(.category-news,.category-adnews) #primary .number-pagination{ 2778 text-align:left; 2779} 2780body:is(.category-news,.category-adnews) #primary ul.page-numbers{ 2781 display:flex; 2782 flex-wrap:wrap; 2783 margin:0; 2784 padding:0; 2785 list-style:none; 2786} 2787body:is(.category-news,.category-adnews) #primary ul.page-numbers li{ 2788 margin:0 0 0 -1px; 2789} 2790body:is(.category-news,.category-adnews) #primary ul.page-numbers li:first-child{ 2791 margin-left:0; 2792} 2793body:is(.category-news,.category-adnews) #primary ul.page-numbers .page-numbers{ 2794 display:flex; 2795 align-items:center; 2796 justify-content:center; 2797 min-width:40px; 2798 height:40px; 2799 margin:0; 2800 padding:0 12px; 2801 border:1px solid var(--nw-ink); 2802 background:transparent; 2803 font:600 13px/1 var(--nw-font); 2804 color:var(--nw-ink); 2805} 2806body:is(.category-news,.category-adnews) #primary ul.page-numbers a.page-numbers:hover, 2807body:is(.category-news,.category-adnews) #primary ul.page-numbers a.page-numbers:focus{ 2808 background:var(--nw-ink); 2809 color:var(--nw-bg); 2810} 2811body:is(.category-news,.category-adnews) #primary ul.page-numbers .page-numbers.current{ 2812 position:relative; 2813 border-color:var(--nw-accent); 2814 background:var(--nw-accent); 2815 color:#fff; 2816} 2817body:is(.category-news,.category-adnews) #primary ul.page-numbers .page-numbers.dots{ 2818 border-color:transparent; 2819} 2820/* ãæ¬¡ã¸ãã®ãã¨ã®ã¢ã¤ã³ã³ï¼ãã¼ãã®ãã©ã³ãï¼ã â ã« */ 2821body:is(.category-news,.category-adnews) #primary ul.page-numbers .page-numbers :is(.t4p-icon-chevron-right,.t4p-icon-chevron-left){ 2822 display:none; 2823} 2824body:is(.category-news,.category-adnews) #primary ul.page-numbers a.next::after{ 2825 content:'â'; 2826 margin-left:.6em; 2827} 2828body:is(.category-news,.category-adnews) #primary ul.page-numbers a.prev::before{ 2829 content:'â'; 2830 margin-right:.6em; 2831} 2832 2833 2834/* ============================================================================ 2835 22-5 è¨äºï¼è¦åºãã»æ¬æ 2836 ---------------------------------------------------------------------------- 2837 div.hentry ããå·¦ 140px ï¼ ã©ãã«ã¨æ¥ä» ï¼ å³ ï¼ ã¿ã¤ãã«ãã®ã°ãªããã«ã 2838 æ¬æï¼.entry-contentï¼ã¯2åã¶ã¡æãã«ãã¦ãå·¦ã«åãå¹ ã®ä½ç½ãã¨ã
2838ã 2839 ä¸ä¸ã 2px ã®å¢¨ç½«ã§åºåããæ¬æã¯æå¤§ 680pxã 2840 ã«ãã´ãªã®ãªã³ã¯ã¨ã·ã§ã¢ãã¿ã³ï¼.entry-footerï¼ãæç¨¿è ã¯é ãã 2841 ============================================================================ */ 2842.content:is(.s-category-news,.s-category-adnews) #primary ul.breadcrumbs{ 2843 padding:8px 0 10px; 2844} 2845.content:is(.s-category-news,.s-category-adnews) #primary div.hentry{ 2846 display:grid; 2847 grid-template-columns:var(--nw-col) minmax(0,1fr); 2848 column-gap:var(--nw-gap); 2849 margin:0; 2850 padding:0; 2851} 2852.content:is(.s-category-news,.s-category-adnews) #primary div.hentry h1.entry-title{ 2853 grid-column:2; 2854 grid-row:1; 2855 margin:0; 2856 font:800 40px/1.2 var(--nw-font); 2857 letter-spacing:-.01em; 2858 color:var(--nw-ink) !important; 2859} 2860.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-header{ 2861 grid-column:1; 2862 grid-row:1; 2863 align-self:end; 2864 margin:0; 2865 font-size:15px !important; 2866 line-height:1.5 !important; 2867} 2868.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-header::before{ 2869 content:'NEWS'; 2870 display:block; 2871 margin:0 0 10px; 2872 font:600 10px/1 var(--nw-font); 2873 letter-spacing:.14em; 2874 color:var(--nw-accent-t); 2875} 2876/* åºåè¨äºï¼JS ãåããªãã¨ãã«è¦ãã¦ããã®ã¯æç¨¿æ¥ãªã®ã§ãã©ãã«ããæç¨¿ãã«ãã¦ãã */ 2877.content.s-category-adnews #primary div.hentry .entry-header::before{ 2878 content:'æç¨¿'; 2879 letter-spacing:.06em; 2880} 2881.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-header a{ 2882 font-weight:800; 2883 letter-spacing:.02em; 2884 color:var(--nw-ink); 2885} 2886.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-header .published{ 2887 margin:0; 2888 padding:0; 2889 border-right:0 !important; 2890 font-size:inherit; 2891 line-height:inherit; 2892} 2893.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-header .author, 2894.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-footer{ 2895 display:none; 2896} 2897/* æ¬æ */ 2898.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-content{ 2899 grid-column:1 / -1; 2900 grid-row:2; 2901 margin:28px 0 0; 2902 padding:36px 0 40px calc(var(--nw-col) + var(--nw-gap)); 2903 border-top:2px solid var(--nw-ink); 2904 border-bottom:2px solid var(--nw-ink); 2905 font-size:15px; 2906 line-height:1.9; 2907 color:var(--nw-ink); 2908} 2909.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-content > *{ 2910 max-width:680px; 2911} 2912.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-content p{ 2913 margin:0 0 18px; 2914 font-size:15px; 2915 line-height:1.9; 2916} 2917.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-content p:last-of-type{ 2918 margin-bottom:0; 2919} 2920/* æ¸ç±åãè¾¼ã¿ã®åå¾ã«ã§ããä¸èº«ã®ãªãæ®µè½ */ 2921.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-content p:empty{ 2922 display:none; 2923} 2924/* æ¬æã®ãªã³ã¯ï¼ã15ãã®é #1c4fb0 ãæã¡æ¶ãï¼ */ 2925.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-content a:is(:link,:visited){ 2926 color:var(--nw-accent); 2927 text-decoration:underline; 2928 text-underline-offset:.2em; 2929} 2930.content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-content a:is(:hover,:focus){ 2931 color:var(--nw-accent-d); 2932} 2933 2934 2935/* ============================================================================ 2936 22-6 è¨äºï¼åºåã®æ¸ç±ï¼çå ãããã³ã ã®åãè¾¼ã¿ï¼ 2937 ---------------------------------------------------------------------------- 2938 1åãã¨ã« ul.list-inline.side_by_side ã1ã¤ãä¸ã« li.text-center ã1ã¤ã 2939 li ããæ¸å½± 96px ï¼ æ¸èªãã®ã«ã¼ãã«çµãã 2940 aï¼æ¸å½±ï¼â å·¦ã®å 2941 ::beforeãåºåæ²è¼æ¸ç±ãâ strong.h5ï¼æ¸åï¼â span.h6ï¼æ¸åºçºå£²æ¥ï¼ 2942 â strong.text-dangerï¼å®ä¾¡ï¼ï¼ span.smallï¼ç¨è¾¼ï¼ 2943 åããªãã£ãã¨ãï¼ul ã®ä¸ããå¯¾è±¡ã®æ¸ç±ã¯ã¿ã¤ããã¾ãããã® span ã ãï¼ã¯ã 2944 ãã® ul ãã¨é ãã 2945 ============================================================================ */
2946.content.s-category-adnews #primary .entry-content ul.side_by_side{ 2947 display:block; 2948 margin:24px 0 0 !important; 2949 padding:0; 2950 list-style:none; 2951} 2952.content.s-category-adnews #primary .entry-content ul.side_by_side + ul.side_by_side, 2953.content.s-category-adnews #primary .entry-content ul.side_by_side + p:empty + ul.side_by_side{ 2954 margin-top:16px !important; 2955} 2956.content.s-category-adnews #primary .entry-content ul.side_by_side > span.text-muted{ 2957 display:none; 2958} 2959.content.s-category-adnews #primary .entry-content ul.side_by_side:not(:has(li)){ 2960 display:none; 2961} 2962.content.s-category-adnews #primary .entry-content ul.side_by_side > li{ 2963 display:grid; 2964 grid-template-columns:96px max-content minmax(0,1fr); 2965 grid-template-rows:auto auto auto auto 1fr; 2966 align-items:baseline; 2967 width:auto; 2968 margin:0 !important; 2969 padding:20px; 2970 border:2px solid var(--nw-ink); 2971 text-align:left; 2972} 2973.content.s-category-adnews #primary .entry-content ul.side_by_side > li::before{ 2974 content:'åºåæ²è¼æ¸ç±'; 2975 grid-column:2 / -1; 2976 grid-row:1; 2977 margin:0 0 8px 20px; 2978 font:600 10px/1 var(--nw-font); 2979 letter-spacing:.14em; 2980 color:var(--nw-accent-t); 2981} 2982/* æ¸å½±ï¼style 屿§ã® max-height:200px ãå¤ãã96px å¹ ã»ç¸¦æ¨ªæ¯åºå®ï¼ */ 2983.content.s-category-adnews #primary .entry-content ul.side_by_side > li > a:first-child{ 2984 grid-column:1; 2985 grid-row:1 / -1; 2986 align-self:start; 2987 display:block; 2988 width:96px; 2989 line-height:0; 2990} 2991.content.s-category-adnews #primary .entry-content ul.side_by_side > li > a:first-child br{ 2992 display:none; 2993} 2994.content.s-category-adnews #primary .entry-content ul.side_by_side > li > a:first-child img{ 2995 display:block; 2996 width:96px; 2997 height:auto; 2998 max-height:none !important; 2999 aspect-ratio:var(--nw-cover-ratio); 3000 object-fit:cover; 3001 background:var(--nw-line); 3002} 3003/* æ¸å */ 3004.content.s-category-adnews #primary .entry-content ul.side_by_side > li > strong.h5{ 3005 grid-column:2 / -1; 3006 grid-row:2; 3007 margin:0 0 8px 20px; 3008 font:800 22px/1.3 var(--nw-font); 3009} 3010.content.s-category-adnews #primary .entry-content ul.side_by_side > li > strong.h5 a{ 3011 color:var(--nw-ink); 3012 text-decoration:none; 3013} 3014.content.s-category-adnews #primary .entry-content ul.side_by_side > li > strong.h5 a:hover{ 3015 color:var(--nw-accent-d); 3016} 3017/* æ¸åºçºå£²æ¥ï¼ä¸ã®æ¹è¡ãæ¶ãã¦1è¡ã«ï¼ */ 3018.content.s-category-adnews #primary .entry-content ul.side_by_side > li > span.h6{ 3019 grid-column:2 / -1; 3020 grid-row:3; 3021 margin:0 0 8px 20px; 3022 font:400 12px/1.5 var(--nw-font); 3023 color:var(--nw-sub); 3024} 3025.content.s-category-adnews #primary .entry-content ul.side_by_side > li > span.h6 strong{ 3026 margin-right:.5em; 3027 font-weight:400; 3028} 3029.content.s-category-adnews #primary .entry-content ul.side_by_side > li > span.h6 br, 3030.content.s-category-adnews #primary .entry-content ul.side_by_side > li > br{ 3031 display:none; 3032} 3033/* å®ä¾¡ï¼ï¼ç¨è¾¼ï¼ */ 3034.content.s-category-adnews #primary .entry-content ul.side_by_side > li > strong.text-danger{ 3035 grid-column:2; 3036 grid-row:4; 3037 margin:0 0 0 20px; 3038 font:800 18px/1.3 var(--nw-font); 3039 color:var(--nw-ink); 3040} 3041.content.s-category-adnews #primary .entry-content ul.side_by_side > li > span.small{ 3042 grid-column:3; 3043 grid-row:4; 3044 margin-left:2px; 3045 font-size:11px; 3046 color:var(--nw-ink); 3047} 3048 3049 3050/* ============================================================================ 3051 22-7 è¨äºï¼åå¾ã®è¨äº 3052 ---------------------------------------------------------------------------- 3053 ãã¼ãã¯ã«ãã´ãªãåºå¥ããã«åå¾ãåºãã®ã§ã 3054 ãã¥ã¼ã¹è¨äºã§ã¯ /adnews/ ã¸ã®ãªã³ã¯ããåºåè¨äºã§ã¯ãã以å¤ãé ãã 3055 両æ¹ã¨ãé ããããæ¬ãã¨é ãã2ã«ã©ã ï¼éã« 1px è罫ï¼ãä¸ã« 2px 墨罫ã 3056 ============================================================================ */ 3057.content:is(.s-category-news,.s-category-adnews) #primary .navigation-links.single-page-navigation{ 3058 display:grid; 3059 grid-template-columns:minmax(0,1fr) minmax(0,1fr); 3060 margin:0; 3061 border-bottom:2px solid var(--nw-ink); 3062} 3063/* ãã¼ãã»Bootstrap ã®ã¯ãªã¢ãã£ãã¯ã¹ï¼::beforeã»::afterï¼ãã°ãªããã®1ãã¹ãåããªãããã« */ 3064.content:is(.s-category-news,.s-category-adnews) #primary .navigation-links.single-page-navigation::before, 3065.content:is(.s-category-news,.s-category-adnews) #primary .navigation-links.single-page-navigation::after{ 3066 content:none; 3067} 3068.content:is(.s-category-news,.s-category-adnews) #primary .single-page-navigation :is(.nav-previous,.nav-next){ 3069 float:none; 3070 width:auto; 3071 min-width:0; 3072 padding:20px 24px 20px 0; 3073 text-align:left; 3074} 3075.content:is(.s-category-news,.s-category-adnews) #primary .single-page-navigation .nav-next{ 3076 padding:20px 0 20px 24px; 3077 border-left:1px solid var(--nw-line); 3078} 3079.content:is(.s-category-news,.s-category-adnews) #primary .single-page-navigation :is(.nav-previous,.nav-next) a{ 3080 display:flex; 3081 flex-direction:column; 3082 gap:6px; 3083 padding:0; 3084 font:800 15px/1.4 var(--nw-font); 3085 color:var(--nw-ink); 3086} 3087.content:is(.s-category-news,.s-category-adnews) #primary .single-page-navigation :is(.nav-previous,.nav-next) a:hover{ 3088 color:var(--nw-accent-t); 3089} 3090/* ãã¼ãã®ç¢å°ã¢ã¤ã³ã³ãå¤ããã©ãã«ãä»ãã */ 3091.content:is(.s-category-news,.s-category-adnews) #primary .single-page-navigation :is(.nav-previous,.nav-next) a::after{ 3092 content:none; 3093} 3094.content:is(.s-category-news,.s-category-adnews) #primary .single-page-navigation :is(.nav-previous,.nav-next) a::before{ 3095 margin:0; 3096 font:600 11px/1.4 var(--nw-font); 3097 color:var(--nw-sub); 3098} 3099.content.s-category-news #primary .single-page-navigation .nav-previous a::before{ content:'â åã®è¨äº'; } 3100.content.s-category-news #primary .single-page-navigation .nav-next a::before{ content:'次ã®è¨äº â'; } 3101.content.s-category-adnews #primary .single-page-navigation .nav-previous a::before{ content:'â åã®æ²è¼'; } 3102.content.s-category-adnews #primary .single-page-navigation .nav-next a::before{ content:'æ¬¡ã®æ²è¼ â'; } 3103/* å¥ã«ãã´ãªã¸ã®ãªã³ã¯ãé ã */ 3104.content.s-category-news #primary .single-page-navigation a[href*="/adnews/"], 3105.content.s-category-adnews #primary .single-page-navigation a:not([href*="/adnews/"]){ 3106 display:none; 3107} 3108.content.s-category-news #primary .single-page-navigation:not(:has(a:not([href*="/adnews/"]))), 3109.content.s-category-adnews #primary .single-page-navigation:not(:has(a[href*="/adnews/"])){ 3110 display:none; 3111} 3112 3113 3114/* ============================================================================ 3115 22-8 ã¹ããï¼719px以ä¸ï¼ 3116 ----------------------------------------------------------------------------
3117 ä¸è¦§ã»è¨äºã¨ããå·¦ã®æ¥ä»ã®åããããã¦ç¸¦ã«ç©ãï¼æ¥ä»ãè¦åºãã®ä¸ã«ï¼ã 3118 ============================================================================ */ 3119@media (max-width:719px){ 3120 body:is(.category-news,.category-adnews) #primary ul.breadcrumbs{ 3121 padding-top:8px; 3122 } 3123 body:is(.category-news,.category-adnews) #primary h2.page-title #category-title{ 3124 font-size:34px; 3125 } 3126 body:is(.category-news,.category-adnews) #primary div.post.hentry{ 3127 grid-template-columns:minmax(0,1fr) 24px; 3128 grid-template-areas: 3129 "date arrow" 3130 "title arrow" 3131 "body arrow"; 3132 row-gap:4px; 3133 padding:16px 0; 3134 } 3135 body:is(.category-news,.category-adnews) #primary div.post.hentry .entry-header{ 3136 font-size:13px !important; 3137 } 3138 body:is(.category-news,.category-adnews) #primary div.post.hentry h2.entry-title{ 3139 font-size:16px; 3140 } 3141 body:is(.category-news,.category-adnews) #primary ul.page-numbers .page-numbers{ 3142 min-width:44px; 3143 height:44px; 3144 } 3145 3146 .content:is(.s-category-news,.s-category-adnews) #primary ul.breadcrumbs{ 3147 padding:8px 0 10px; 3148 } 3149 .content:is(.s-category-news,.s-category-adnews) #primary div.hentry{ 3150 display:flex; 3151 flex-direction:column; 3152 } 3153 .content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-header{ 3154 order:-1; 3155 align-self:stretch; 3156 margin:0 0 8px; 3157 } 3158 .content:is(.s-category-news,.s-category-adnews) #primary div.hentry h1.entry-title{ 3159 font-size:28px; 3160 } 3161 .content:is(.s-category-news,.s-category-adnews) #primary div.hentry .entry-content{ 3162 margin-top:20px; 3163 padding:24px 0 28px; 3164 } 3165 .content.s-category-adnews #primary .entry-content ul.side_by_side > li{ 3166 grid-template-columns:80px max-content minmax(0,1fr); 3167 padding:16px; 3168 } 3169 .content.s-category-adnews #primary .entry-content ul.side_by_side > li > a:first-child, 3170 .content.s-category-adnews #primary .entry-content ul.side_by_side > li > a:first-child img{ 3171 width:80px; 3172 } 3173 .content.s-category-adnews #primary .entry-content ul.side_by_side > li > strong.h5{ 3174 font-size:18px; 3175 } 3176 .content:is(.s-category-news,.s-category-adnews) #primary .navigation-links.single-page-navigation{ 3177 grid-template-columns:minmax(0,1fr); 3178 } 3179 .content:is(.s-category-news,.s-category-adnews) #primary .single-page-navigation :is(.nav-previous,.nav-next){ 3180 padding:16px 0; 3181 border-left:0; 3182 } 3183 .content:is(.s-category-news,.s-category-adnews) #primary .single-page-navigation .nav-next{ 3184 border-top:1px solid var(--nw-line); 3185 } 3186 /* 縦ç©ã¿ã§ã¯ãåºããªã³ã¯ãç¡ãå´ã®æ¬ãè©°ãã */ 3187 .content.s-category-news #primary .single-page-navigation :is(.nav-previous,.nav-next):not(:has(a:not([href*="/adnews/"]))), 3188 .content.s-category-adnews #primary .single-page-navigation :is(.nav-previous,.nav-next):not(:has(a[href*="/adnews/"])){ 3189 display:none; 3190 } 3191} 3192 3193 3194 3195/* ============================================================================ 3196 22-9 ä¸ä¹ãï¼å ±é 3197 ---------------------------------------------------------------------------- 3198 news.js ãçµãå½¢ï¼ãã¹ã¦ #primary.nw-js ã®ä¸ï¼ 3199 .nw-src JS ã使ããªããªã£ãå ã®ãã¼ãï¼æç¨¿æ¥ã®å ã®è¡¨è¨ã»æç²ã®ï¼»â¦ï¼½ã» 3200 æ¸ç±åãè¾¼ã¿ã® ul ãªã©ï¼ãé ãã ãã§æ¶ãã¦ããªã 3201 .nw-date æ¥ä»ã®åãï¼YYYY.MM.DDï¼ 3202 .nw-tag ãæ²è¼äºå®ã 3203 ============================================================================ */ 3204.content #primary.nw-js.nw-item .nw-src, 3205body #primary.nw-js .nw-src{ 3206 display:none !important; 3207} 3208body #primary.nw-js .nw-tag{ 3209 display:inline-block; 3210 align-self:flex-start; 3211 padding:3px 8px; 3212 background:color-mix(in srgb, var(--nw-accent) 12%, transparent); 3213 font:600 11px/1.3 var(--nw-font); 3214 letter-spacing:.04em; 3215 color:var(--nw-accent-t); 3216} 3217 3218 3219/* ============================================================================ 3220 22-10 ä¸ä¹ãï¼ä¸è¦§ã®è¦åºãï¼ãã³ããï¼è¦åºãï¼2ãã¼ã¸ã®åæ¿ï¼ 3221 ---------------------------------------------------------------------------- 3222 .nw-head è¦åºããããã¯ï¼å·¦ .nw-head-mainãå³ .nw-segï¼ 3223 .nw-seg ããã¥ã¼ã¹ï¼ãªãªã¼ã¹ï¼åºåæ²è¼æ å ±ãã®åæ¿ãä»ã®ãã¼ã¸ã« aria-current 3224 ============================================================================ */ 3225body #primary.nw-js .nw-head{ 3226 display:grid; 3227 grid-template-columns:minmax(0,1fr) auto; 3228 align-items:end; 3229 gap:24px; 3230 padding:8px 0 28px; 3231 border-bottom:2px solid var(--nw-ink); 3232} 3233body #primary.nw-js .nw-head ul.breadcrumbs{ 3234 padding-top:0; 3235} 3236body #primary.nw-js .nw-head h2.page-title.archive-title{ 3237 padding-bottom:0; 3238 border-bottom:0; 3239} 3240body #primary.nw-js .nw-seg{ 3241 display:flex; 3242 border:2px solid var(--nw-ink); 3243} 3244body #primary.nw-js .nw-seg a{ 3245 display:flex; 3246 align-items:center; 3247 padding:8px 16px; 3248 font:600 13px/1.4 var(--nw-font); 3249 color:var(--nw-ink); 3250} 3251body #primary.nw-js .nw-seg a + a{ 3252 border-left:2px solid var(--nw-ink); 3253} 3254body #primary.nw-js .nw-seg a:hover{ 3255 color:var(--nw-accent-d); 3256} 3257body #primary.nw-js .nw-seg a[aria-current]{ 3258 background:var(--nw-ink); 3259 color:var(--nw-bg); 3260} 3261 3262 3263/* ============================================================================ 3264 22-11 ä¸ä¹ãï¼åºåä¸è¦§ï¼2bï¼ã®è¡¨ 3265 ---------------------------------------------------------------------------- 3266 .nw-thead è¦åºãè¡ï¼æ²è¼æ¥ï¼æ²è¼ï¼å¯¾è±¡æ¸ç±ï¼ 3267 .nw-ad-row 1ä»¶åï¼div.post.hentry ã«ä»ãï¼ãåï¼ 3268 .nw-ad-date æ²è¼æ¥ï¼æ²è¼äºå® ï½ h2 è¨äºã¿ã¤ãã« ï½ .nw-ad-books ããã®æ¸å ï½ â 3269 æç¨¿æ¥ï¼.entry-headerï¼ã¨æç²ï¼.entry-contentï¼ã¯é ã 3270 ============================================================================ */ 3271body #primary.nw-js.nw-adlist .nw-thead, 3272body #primary.nw-js.nw-adlist div.post.hentry.nw-ad-row{ 3273 display:grid; 3274 grid-template-columns:var(--nw-col) 280px minmax(0,1fr) 24px; 3275 column-gap:var(--nw-gap); 3276} 3277body #primary.nw-js.nw-adlist .nw-thead{ 3278 padding:10px 0; 3279 border-bottom:2px solid var(--nw-ink); 3280 font:600 11px/1.4 var(--nw-font); 3281 letter-spacing:.06em; 3282 color:var(--nw-sub); 3283} 3284body #primary.nw-js.nw-adlist div.post.hentry.nw-ad-row{ 3285 grid-template-areas:"date title books arrow"; 3286 align-items:baseline; 3287 padding:14px 0; 3288} 3289body #primary.nw-js.nw-adlist div.post.hentry.nw-ad-row::after{ 3290 font-size:15px; 3291 line-height:1.4; 3292} 3293body #primary.nw-js.nw-adlist .nw-ad-row .nw-ad-date{ 3294 grid-area:date; 3295 display:flex; 3296 flex-direction:column; 3297 gap:6px; 3298 font:800 15px/1.4 var(--nw-font); 3299 letter-spacing:.02em; 3300} 3301body #primary.nw-js.nw-adlist .nw-ad-row h2.entry-title{ 3302 font-size:15px; 3303 line-height:1.4; 3304} 3305body #primary.nw-js.nw-adlist .nw-ad-row .nw-ad-books{ 3306 grid-area:books; 3307 min-width:0; 3308 font-size:13px; 3309 line-height:1.6; 3310 color:var(--nw-ink); 3311} 3312body #primary.nw-js.nw-adlist .nw-ad-row .entry-header, 3313body #primary.nw-js.nw-adlist .nw-ad-row .entry-content{ 3314 display:none; 3315} 3316 3317 3318/* ============================================================================ 3319 22-12 ä¸ä¹ãï¼è¨äºï¼3aã»3bï¼ 3320 ---------------------------------------------------------------------------- 3321 è¨äºã®ã¨ãã ã #primary ã« .nw-item ãä»ãï¼ä¸è¦§ã®å ¥ãç©ã«ã .content ãããã®ã§ã 3322 ããã¨åããããï¼ã 3323 .nw-kicker è¦åºãã®å·¦ã®è±åã©ãã«ï¼NEWSï¼åºåæ²è¼ï¼ã
3323åå°ã® ::before ã®ä»£ãã 3324 .nw-side æ¬æã®å·¦ã®åï¼åºåã¯ãæç¨¿ YYYY.MM.DDãï¼ 3325 .nw-body æ¬æï¼å ã® .entry-content ã®ä¸èº«ããã®ã¾ã¾ç§»ãããã®ï¼ 3326 .nw-back-wrap æ«å°¾ã®ãä¸è¦§ã¸ âã 3327 åå¾ã®è¨äºã®ãªã³ã¯ã« data-nw-dateï¼åºåã®æ²è¼æ¥ï¼ãä»ããããã©ãã«ã®å¾ãã«åºãã 3328 ============================================================================ */ 3329.content #primary.nw-js.nw-item div.hentry .entry-header{ 3330 display:flex; 3331 flex-direction:column; 3332 align-items:flex-start; 3333 gap:10px; 3334} 3335.content #primary.nw-js.nw-item div.hentry .entry-header::before{ 3336 content:none; 3337} 3338.content #primary.nw-js.nw-item div.hentry .entry-header .nw-kicker{ 3339 font:600 10px/1 var(--nw-font); 3340 letter-spacing:.14em; 3341 color:var(--nw-accent-t); 3342} 3343.content #primary.nw-js.nw-item div.hentry .entry-header .nw-date{ 3344 font-weight:800; 3345 letter-spacing:.02em; 3346 color:var(--nw-ink); 3347} 3348.content #primary.nw-js.nw-item div.hentry .entry-content{ 3349 display:grid; 3350 grid-template-columns:var(--nw-col) minmax(0,1fr); 3351 column-gap:var(--nw-gap); 3352 padding-left:0; 3353} 3354.content #primary.nw-js.nw-item div.hentry .entry-content > .nw-side{ 3355 display:flex; 3356 flex-direction:column; 3357 gap:2px; 3358 font-size:12px; 3359 line-height:1.6; 3360 color:var(--nw-sub); 3361} 3362.content #primary.nw-js.nw-item div.hentry .entry-content > .nw-body{ 3363 min-width:0; 3364 max-width:680px; 3365} 3366/* åå¾ã®è¨äºï¼åºåã®æ²è¼æ¥ãã©ãã«ã®å¾ãã« */ 3367.content.s-category-adnews #primary.nw-js .single-page-navigation .nav-previous a[data-nw-date]::before{ 3368 content:'â åã®æ²è¼ã' attr(data-nw-date); 3369} 3370.content.s-category-adnews #primary.nw-js .single-page-navigation .nav-next a[data-nw-date]::before{ 3371 content:'æ¬¡ã®æ²è¼ âã' attr(data-nw-date); 3372} 3373/* æ«å°¾ã®ãä¸è¦§ã¸ âãï¼2px 墨æ ã»é«ã44pxã»ã©ãã«å·¦å¯ãï¼ */ 3374.content #primary.nw-js.nw-item .nw-back-wrap{ 3375 padding:24px 0 44px; 3376} 3377.content #primary.nw-js.nw-item a.nw-back{ 3378 display:inline-flex; 3379 align-items:center; 3380 gap:24px; 3381 min-height:44px; 3382 padding:0 16px; 3383 border:2px solid var(--nw-ink); 3384 font:600 13px/1.4 var(--nw-font); 3385 color:var(--nw-ink); 3386} 3387.content #primary.nw-js.nw-item a.nw-back:hover, 3388.content #primary.nw-js.nw-item a.nw-back:focus{ 3389 background:var(--nw-ink); 3390 color:var(--nw-bg); 3391} 3392 3393 3394/* ============================================================================ 3395 22-13 ä¸ä¹ãï¼åºåè¨äºã®æ¸ç±ã«ã¼ã 3396 ---------------------------------------------------------------------------- 3397 .nw-books ã«ã¼ãã®å ¥ãç©ï¼è¤æ°åã¯ç¸¦ã«ä¸¦ã¹ãï¼ 3398 .nw-book 1ååãå·¦ .nw-book-coverï¼æ¸å½± 96pxï¼ãå³ .nw-book-info 3399 .nw-book-info .nw-book-label â .nw-book-title â .nw-book-date â .nw-book-price 3400 â .nw-book-btnãæ¸èªãã¼ã¸ã¸ âã 3401 .nw-book-line ISBN ãåãããªãæ¬ï¼ãæ¸åãã®è¡ï¼æ¸åã®æ¤ç´¢ã¸ï¼ 3402 .nw-book-loading æ¸èªã®åããèªã¿è¾¼ãããã ã®ãèªã¿è¾¼ã¿ä¸ã 3403 åãè¾¼ã¿ãåºã¦ããã¨ãã¯ãä¸ã® strong.h5ã»span.h6ã»strong.text-dangerã» 3404 span.small ããã®ã¾ã¾ç§»ãã¦ä½¿ãã 3405 ============================================================================ */ 3406.content #primary.nw-js.nw-item div.hentry .entry-content .nw-books{ 3407 display:flex; 3408 flex-direction:column; 3409 gap:16px; 3410 margin:24px 0 0; 3411} 3412.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book{ 3413 display:grid; 3414 grid-template-columns:96px minmax(0,1fr); 3415 gap:20px; 3416 padding:20px; 3417 border:2px solid var(--nw-ink); 3418} 3419.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-cover a{ 3420 position:relative; 3421 display:block; 3422 width:96px; 3423 aspect-ratio:var(--nw-cover-ratio); 3424 line-height:0; 3425 background:var(--nw-line); 3426 text-decoration:none; 3427} 3428.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-cover a br{ 3429 display:none; 3430} 3431.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-cover img{ 3432 display:block; 3433 width:100%; 3434 height:100%; 3435 max-height:none !important; 3436 object-fit:cover; 3437} 3438/* 代æ¿è¡¨ç´ï¼ã19ãã® .bd-cover-alt ãã«ã¼ãã®å¤§ããã«ç¸®ããï¼ */ 3439.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-cover .bd-cover-alt{ 3440 position:absolute; 3441 inset:0; 3442 aspect-ratio:auto; 3443 padding:6px; 3444 background:var(--nw-bg); 3445 border:2px solid var(--nw-ink); 3446 line-height:1.3; 3447 color:var(--nw-ink); 3448} 3449.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-cover .bd-cover-alt-brand{ 3450 font-size:8px; 3451 letter-spacing:.12em; 3452 color:var(--nw-accent); 3453} 3454.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-cover .bd-cover-alt-title{ 3455 margin:0; 3456 font-size:11px; 3457 font-weight:700; 3458 line-height:1.35; 3459} 3460.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-cover .bd-cover-alt-foot{
3461 font-size:7px; 3462 color:var(--nw-sub); 3463} 3464.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-info{ 3465 display:flex; 3466 flex-direction:column; 3467 align-items:flex-start; 3468 gap:8px; 3469 min-width:0; 3470} 3471.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-label{ 3472 font:600 10px/1 var(--nw-font); 3473 letter-spacing:.14em; 3474 color:var(--nw-accent-t); 3475} 3476.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-title{ 3477 display:block; 3478 margin:0; 3479 font:800 22px/1.3 var(--nw-font); 3480} 3481.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-title a{ 3482 color:var(--nw-ink); 3483 text-decoration:none; 3484} 3485.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-title a:hover{ 3486 color:var(--nw-accent-d); 3487} 3488.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-date{ 3489 margin:0; 3490 font:400 12px/1.5 var(--nw-font); 3491 color:var(--nw-sub); 3492} 3493.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-date strong{ 3494 margin-right:.5em; 3495 font-weight:400; 3496} 3497.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-date br{ 3498 display:none; 3499} 3500.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-price{ 3501 display:flex; 3502 align-items:baseline; 3503 gap:2px; 3504} 3505.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-price strong{ 3506 font:800 18px/1.3 var(--nw-font); 3507 color:var(--nw-ink); 3508} 3509.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-price :is(.small,.nw-tax){ 3510 font-size:11px; 3511 color:var(--nw-ink); 3512} 3513.content #primary.nw-js.nw-item div.hentry .entry-content a.nw-book-btn{ 3514 display:inline-flex; 3515 align-items:center; 3516 gap:24px; 3517 min-height:40px; 3518 margin-top:4px; 3519 padding:0 14px; 3520 background:var(--nw-accent); 3521 font:600 13px/1.4 var(--nw-font); 3522 color:#fff; 3523 text-decoration:none; 3524} 3525.content #primary.nw-js.nw-item div.hentry .entry-content a.nw-book-btn:hover, 3526.content #primary.nw-js.nw-item div.hentry .entry-content a.nw-book-btn:focus{ 3527 background:var(--nw-accent-d); 3528 color:#fff; 3529} 3530.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-line{ 3531 margin:0; 3532 font:800 15px/1.5 var(--nw-font); 3533} 3534.content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-loading{ 3535 margin:0; 3536 font-size:11px; 3537 line-height:1.6; 3538 color:var(--nw-sub); 3539} 3540 3541 3542/* ============================================================================ 3543 22-14 ä¸ä¹ãï¼ã¹ããï¼719px以ä¸ï¼ 3544 ============================================================================ */ 3545@media (max-width:719px){ 3546 body #primary.nw-js .nw-head{ 3547 grid-template-columns:minmax(0,1fr); 3548 padding-top:8px; 3549 } 3550 body #primary.nw-js .nw-seg{ 3551 justify-self:start; 3552 } 3553 body #primary.nw-js .nw-seg a{ 3554 min-height:44px; 3555 } 3556 body #primary.nw-js.nw-adlist .nw-thead{ 3557 display:none; 3558 } 3559 body #primary.nw-js.nw-adlist div.post.hentry.nw-ad-row{ 3560 grid-template-columns:minmax(0,1fr) 24px; 3561 grid-template-areas: 3562 "date arrow" 3563 "title arrow" 3564 "books arrow"; 3565 row-gap:4px; 3566 } 3567 body #primary.nw-js.nw-adlist .nw-ad-row .nw-ad-date{ 3568 flex-direction:row; 3569 align-items:center; 3570 gap:10px; 3571 font-size:13px; 3572 } 3573 .content #primary.nw-js.nw-item div.hentry .entry-content{ 3574 display:block; 3575 } 3576 .content #primary.nw-js.nw-item div.hentry .entry-content > .nw-side{ 3577 flex-direction:row; 3578 gap:.5em; 3579 margin:0 0 12px; 3580 } 3581 .content #primary.nw-js.nw-item div.hentry .entry-content > .nw-side:empty{ 3582 display:none; 3583 } 3584 .content #primary.nw-js.nw-item div.hentry .entry-content .nw-book{ 3585 grid-template-columns:80px minmax(0,1fr); 3586 gap:16px; 3587 padding:16px; 3588 } 3589 .content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-cover a{ 3590 width:80px; 3591 } 3592 .content #primary.nw-js.nw-item div.hentry .entry-content .nw-book-title{ 3593 font-size:18px; 3594 } 3595 .content #primary.nw-js.nw-item a.nw-back{ 3596 width:100%; 3597 justify-content:space-between; 3598 } 3599} 3600 3601/* ============================================================================ 3602 ã22ãããã¾ã§ï¼å·®ãæ¿ããã¨ãã¯ãã22ãã®è¦åºããããã®è¡ã¾ã§ãæ¶ãã¦è²¼ãç´ãï¼ 3603 ============================================================================ */ 3604
3605/* ============================================================================ 3606 ã23ãããã¿ã¼ã® Advanced Text ã®è¦åºããããµã¤ãä¸ã§ã¯åºããªãã2026-09-29 3607 ---------------------------------------------------------------------------- 3608 ã»ç®çï¼ç®¡çç»é¢ã®ã¦ã£ã¸ã§ããä¸è¦§ã§è¦åããããããã«ãããã¿ã¼ã® 3609 Advanced Text ã«è¦åºãï¼ä¾ã1 使ã»é»è©±ï¼advanced_text-39ï¼ãï¼ãä»ããã 3610 è¦åºãã¯ãµã¤ãã®ããã¿ã¼ã«ãåºã¦ãã¾ãã®ã§ãããã§é ãã 3611 ã»è²¼ãå ´æï¼è¿½å CSSã®ã22ãããã¾ã§ ã®ä¸ã»ã19ãã®ããä¸ã 3612 ï¼ã19ãã¯ããã®ã³ã¡ã³ãããæå¾ã¾ã§ããå·®ãæ¿ããæ±ºã¾ãã®ããï¼ 3613 ã»è¦åºãã®åºæ¹ï¼2026-09-29 æ¬çªã§ç¢ºèªï¼ï¼æ¬æã®å ¥ãç© div.AdvancedText ã® 3614 ãã¡ã°ãå é ã« div.before-title ãå ¥ãããã®ä¸ã« 3615 div.widget-title-background 㨠h3.widget-title ãããã 3616 ãã® div.before-title ãã¨é ãã 3617 ============================================================================ */ 3618div.footer .widget.advanced_text .AdvancedText > .before-title{ 3619 display:none !important; 3620} 3621/* ============================================================================ 3622 ã23ãããã¾ã§ 3623 ============================================================================ */ 3624 3625/* ============================================================================ 3626 ã24ãåºå®ãã¼ã¸ï¼ä¼ç¤¾æ¦è¦ã»æ¸åºã»æ¥½å¨åºã®æ¹ã¸ã»ç¹å®åå弿³ã«åºã¥ã表示㻠3627 è«æçã®åºçã«ã¤ãã¦ï¼æ°ãã¶ã¤ã³ã2026-10-01 3628 ---------------------------------------------------------------------------- 3629 ã»è²¼ãå ´æï¼è¿½å CSSã®ã23ãããã¾ã§ ã®ä¸ã»ã19ãã®ããä¸ã 3630 ã19ãã¯ããã®ã³ã¡ã³ãããæå¾ã¾ã§ããå·®ãæ¿ããæ±ºã¾ãã®ããã 3631 ã»å¹ããã¼ã¸ï¼æ¬æã®ãã¡ã°ãå¤å´ã div.pg-page ã«ãªã£ã¦ããåºå®ãã¼ã¸ã ãã 3632 ï¼2026-10-01 æç¹ï¼ä¸ã®4ãã¼ã¸ï¼ãã©ã¤ãã·ã¼ããªã·ã¼ï¼ 3633 ãã¼ã¸çªå·ã§ã¯æå®ãã¦ããªãã®ã§ããã¨ã§ãè³¼å ¥æ¹æ³ããªã©ã 3634 åãæ¸ãæ¹ã§æ¬æãä½ãã°ããã®ã¾ã¾åãè¦ãç®ã«ãªãã 3635 ã»è²ã¨æ¸ä½ã¯ã1ãã¨ã22ãã¨åãå¤ã 3636 ã»ã¯ã©ã¹å㯠pg- ã§å§ããï¼sn- ã¯ããããã¼ã¸ã®ã5ããã14ãã使ã£ã¦ãã¦ã 3637 sn-noteã»sn-sec ãéãªã£ãããï¼ã 3638 ã»!important ã¯ããã¼ãã®æå®ãæã¡æ¶ã次ã®2ãæã ãã 3639 (a) assets/css/custom.css ã® h2 ã® margin-top:0 !important 3640 (b) ãã¼ãã® .entry-content h1ã»h2 ã®æåè²ï¼!importantï¼ 3641 ã»ä¸¦ã³ 3642 24-0 ãã¼ã¯ã³ 3643 24-1 ãµã¤ããã¼ãå¤ãã¦å ¨å¹ ã« 3644 24-2 è¦åºãï¼è±åã©ãã«ï¼å¤§è¦åºãï¼2pxã®å¢¨ç½«ï¼ 3645 24-3 æ¬æã»å°è¦åºãã»æ³¨ææ¸ã 3646 24-4 表ï¼dl.pg-dlï¼å·¦ã«é ç®åãå³ã«å å®¹ï¼ 3647 24-5 ä¸è¦§ï¼ul.pg-list ï¼ pg-cols ï¼ pg-bullets ï¼ pg-notesï¼ 3648 24-6 ã¹ããï¼719px以ä¸ï¼ 3649 ============================================================================ */ 3650 3651 3652/* ============================================================================ 3653 24-0 ãã¼ã¯ã³ 3654 ============================================================================ */ 3655:root{ 3656 --pg-ink:#201e1d; /* å¢¨ï¼æ¬æã»2pxã®ç½«ç·ï¼ */ 3657 --pg-accent:#ec3013; /* 赤ï¼ãªã³ã¯ï¼ */ 3658 --pg-accent-d:#dd2b0f; /* 赤㮠hover */ 3659 --pg-accent-t:#ae1800; /* å°ããªèµ¤æåï¼è±åã©ãã«ï¼ */ 3660 --pg-sub:#605d5d; /* è£å©ããã¹ã */ 3661 --pg-line:#d7d3d3; /* èã罫ç·ï¼è¡éã®1pxï¼ */ 3662 --pg-col:140px; /* 表ã®å·¦ã®åï¼ãã¥ã¼ã¹ã®æ¥ä»ã®åã¨åãï¼ */ 3663 --pg-gap:28px; /* å·¦ã®åã¨å 容ã®é */
3664 --pg-font:'Archivo','Zen Kaku Gothic New','ãã©ã®ãè§ã´ ProN W3','Hiragino Sans','Yu Gothic',Meiryo,sans-serif; 3665} 3666 3667 3668/* ============================================================================ 3669 24-1 ãµã¤ããã¼ãå¤ãã¦å ¨å¹ ã« 3670 ---------------------------------------------------------------------------- 3671 #secondary ã¯ä¸èº«ã空ãªã®ã«å³ 3/12 ã®å¹ ãåã£ã¦ããï¼ã¿ãã¬ããå¹ ã§ã¯ 3672 #primary ãååã®å¹ ã«ãªãï¼ã®ã§ãdiv.pg-page ã®ãããã¼ã¸ã ãå¤ãã 3673 ============================================================================ */ 3674.content:has(.pg-page) #secondary{ 3675 display:none; 3676} 3677#primary:has(.pg-page){ 3678 float:none; 3679 width:100%; 3680} 3681#primary .pg-page{ 3682 padding:8px 0 24px; 3683 color:var(--pg-ink); 3684 font-family:var(--pg-font); 3685 font-size:15px; 3686 line-height:1.9; 3687} 3688#primary .pg-page a:is(:link,:visited){ 3689 color:var(--pg-accent); 3690} 3691#primary .pg-page a:is(:hover,:focus){ 3692 color:var(--pg-accent-d); 3693} 3694 3695 3696/* ============================================================================ 3697 24-2 è¦åºã 3698 ============================================================================ */ 3699#primary .pg-page .pg-page-head{ 3700 margin:0 0 8px; 3701 padding:0 0 28px; 3702 border-bottom:2px solid var(--pg-ink); 3703} 3704#primary .pg-page p.pg-page-en{ 3705 margin:0 0 10px; 3706 font:600 10px/1 var(--pg-font); 3707 letter-spacing:.14em; 3708 color:var(--pg-accent-t); 3709} 3710#primary .pg-page h1.pg-page-title{ 3711 margin:0; 3712 padding:0; 3713 font:800 52px/1.15 var(--pg-font); 3714 letter-spacing:-.02em; 3715 color:var(--pg-ink) !important; /* (b) */ 3716} 3717 3718 3719/* ============================================================================ 3720 24-3 æ¬æã»å°è¦åºãã»æ³¨ææ¸ã 3721 ============================================================================ */ 3722#primary .pg-page .pg-body{ 3723 max-width:720px; 3724 padding:28px 0 0; 3725} 3726#primary .pg-page .pg-body > p{ 3727 margin:0 0 18px; 3728 font-size:15px; 3729 line-height:1.9; 3730} 3731#primary .pg-page h2.pg-sec{ 3732 margin:48px 0 18px; 3733 margin-top:48px !important; /* (a) */ 3734 padding:0 0 10px; 3735 border-bottom:1px solid var(--pg-line); 3736 font:800 20px/1.4 var(--pg-font); 3737 color:var(--pg-ink) !important; /* (b) */ 3738} 3739#primary .pg-page h2.pg-sec::before{ 3740 content:''; 3741 display:inline-block; 3742 width:8px; 3743 height:8px; 3744 margin:0 10px 0 0; 3745 background:var(--pg-accent); 3746 vertical-align:.15em; 3747} 3748/* æ³¨ææ¸ãï¼å·¦ã«èµ¤ã®ç·ï¼ */ 3749#primary .pg-page .pg-note{ 3750 margin:0 0 24px; 3751 padding:14px 18px; 3752 border-left:3px solid var(--pg-accent); 3753 background:#fff; 3754} 3755#primary .pg-page .pg-note p{ 3756 margin:0; 3757 font-size:15px; 3758 font-weight:500; 3759 line-height:1.8; 3760} 3761/* æ¹è¨æ¥ãªã©ï¼å³å¯ãã®å°ããªåï¼ */ 3762#primary .pg-page p.pg-date{ 3763 margin:16px 0 0; 3764 font-size:13px; 3765 color:var(--pg-sub); 3766 text-align:right; 3767} 3768 3769 3770/* ============================================================================ 3771 24-4 表ï¼å·¦ã«é ç®åãå³ã«å 容ãè¡ã®ããã ã«1pxã®ç½«ãæå¾ã«2pxã®å¢¨ç½«ï¼ 3772 ---------------------------------------------------------------------------- 3773 pg-dl-wide ⦠é ç®åãé·ã表ï¼ç¹å®åå弿³ï¼ãå·¦ã®åã 200px ã« 3774 pg-dl-short ⦠çã表ï¼é»è©±ã»FAXï¼ãå·¦ã®åãçããå 容ã大ãã 3775 æ¬æï¼div.pg-bodyï¼ã®ä¸ã«ç½®ãã表ã¯ãä¸ã«ã2pxã®å¢¨ç½«ãå¼ãã¦ä¸ã«ä½ç½ãã¨ã
3775 3776 ============================================================================ */ 3777#primary .pg-page dl.pg-dl{ 3778 margin:0; 3779 padding:0; 3780 border-bottom:2px solid var(--pg-ink); 3781} 3782#primary .pg-page dl.pg-dl .pg-row{ 3783 display:grid; 3784 grid-template-columns:var(--pg-col) minmax(0,1fr); 3785 column-gap:var(--pg-gap); 3786 padding:18px 0; 3787 border-top:1px solid var(--pg-line); 3788} 3789#primary .pg-page dl.pg-dl .pg-row:first-child{ 3790 border-top:0; 3791} 3792#primary .pg-page dl.pg-dl dt{ 3793 margin:0; 3794 font-size:14px; 3795 font-weight:700; 3796 line-height:1.9; 3797 color:var(--pg-ink); 3798} 3799#primary .pg-page dl.pg-dl dd{ 3800 margin:0; 3801 font-size:15px; 3802 line-height:1.9; 3803 overflow-wrap:anywhere; /* é·ãURLãã¹ããã§æãè¿ã */ 3804} 3805#primary .pg-page dl.pg-dl dd p{ 3806 margin:0; 3807} 3808#primary .pg-page dl.pg-dl.pg-dl-wide{ 3809 --pg-col:200px; 3810} 3811#primary .pg-page .pg-body dl.pg-dl{ 3812 margin:0 0 18px; 3813 border-top:2px solid var(--pg-ink); 3814} 3815#primary .pg-page dl.pg-dl.pg-dl-short .pg-row{ 3816 grid-template-columns:80px minmax(0,1fr); 3817 padding:12px 0; 3818} 3819#primary .pg-page dl.pg-dl.pg-dl-short dd{ 3820 font:700 20px/1.5 var(--pg-font); 3821 letter-spacing:.02em; 3822} 3823 3824 3825/* ============================================================================ 3826 24-5 ä¸è¦§ 3827 ---------------------------------------------------------------------------- 3828 pg-list ⦠å°ãªãã®ç¸¦ä¸¦ã³ 3829 pg-cols ⦠2åï¼ã¹ããã§ã¯1åï¼ 3830 pg-boxed â¦ æ¬æã®ä¸ã§ä½¿ãã¨ããä¸ä¸ã«ç½«ãå¼ãã¦ä½ç½ãã¨ã
3830 3831 pg-bullets ⦠å é ã«å°ããªèµ¤ãåè§ 3832 pg-notes ⦠表ã®ä¸ã®æ³¨è¨ï¼å°ããã»è£å©è²ï¼ 3833 ============================================================================ */ 3834#primary .pg-page ul:is(.pg-list,.pg-bullets,.pg-notes){ 3835 margin:0; 3836 padding:0; 3837 list-style:none; 3838} 3839#primary .pg-page ul:is(.pg-list,.pg-bullets,.pg-notes) > li{ 3840 margin:0; 3841 padding:0; 3842 list-style:none; 3843} 3844#primary .pg-page ul.pg-list.pg-cols{ 3845 display:grid; 3846 grid-template-columns:repeat(2,minmax(0,1fr)); 3847 column-gap:var(--pg-gap); 3848} 3849#primary .pg-page .pg-body ul.pg-list.pg-boxed{ 3850 margin:0 0 18px; 3851 padding:10px 0; 3852 border-top:1px solid var(--pg-line); 3853 border-bottom:1px solid var(--pg-line); 3854 font-weight:500; 3855} 3856#primary .pg-page ul.pg-bullets > li{ 3857 position:relative; 3858 padding-left:18px; 3859} 3860#primary .pg-page ul.pg-bullets > li + li{ 3861 margin-top:6px; 3862} 3863#primary .pg-page ul.pg-bullets > li::before{ 3864 content:''; 3865 position:absolute; 3866 left:0; 3867 top:.8em; 3868 width:6px; 3869 height:6px; 3870 background:var(--pg-accent); 3871} 3872#primary .pg-page .pg-body ul.pg-bullets{ 3873 margin:0 0 18px; 3874} 3875#primary .pg-page ul.pg-notes{ 3876 margin-top:6px; 3877 font-size:13px; 3878 line-height:1.8; 3879 color:var(--pg-sub); 3880} 3881 3882 3883/* ============================================================================ 3884 24-6 ã¹ããï¼719px以ä¸ï¼ 3885 ---------------------------------------------------------------------------- 3886 表ã¯å·¦ã®åãããã¦ãé ç®åãå 容ã®ä¸ã«ç½®ããä¸è¦§ã®2åã¯1åã«ã 3887 ============================================================================ */ 3888@media (max-width:719px){ 3889 #primary .pg-page h1.pg-page-title{ 3890 font-size:34px; 3891 } 3892 #primary .pg-page .pg-page-head{ 3893 padding-bottom:20px; 3894 } 3895 #primary .pg-page h2.pg-sec{ 3896 margin-top:36px !important; 3897 font-size:18px; 3898 } 3899 #primary .pg-page dl.pg-dl .pg-row, 3900 #primary .pg-page dl.pg-dl.pg-dl-wide .pg-row{ 3901 grid-template-columns:minmax(0,1fr); 3902 row-gap:2px; 3903 padding:14px 0; 3904 } 3905 #primary .pg-page dl.pg-dl dt{ 3906 font-size:13px; 3907 color:var(--pg-sub); 3908 } 3909 #primary .pg-page dl.pg-dl.pg-dl-short .pg-row{ 3910 grid-template-columns:64px minmax(0,1fr); 3911 align-items:baseline; 3912 } 3913 #primary .pg-page ul.pg-list.pg-cols{ 3914 grid-template-columns:minmax(0,1fr); 3915 } 3916} 3917 3918/* ============================================================================ 3919 ã24ãããã¾ã§ï¼å·®ãæ¿ããã¨ãã¯ãã24ãã®è¦åºããããã®è¡ã¾ã§ãæ¶ãã¦è²¼ãç´ãï¼ 3920 ============================================================================ */ 3921 3922/* ============================================================================ 3923 ã25ãåºå®ãã¼ã¸ã®è¿½å é¨åï¼è³¼å ¥æ¹æ³ã»ã¯ã¬ã¸ããã«ã¼ãã§ã®ãè³¼å ¥æé ï¼2026-10-01 3924 ---------------------------------------------------------------------------- 3925 ã»è²¼ãå ´æï¼è¿½å CSSã®ã24ãããã¾ã§ ã®ä¸ã»ã19ãã®ããä¸ã 3926 ã24ãã®é¨åï¼pg-pageã»pg-secã»pg-noteã»pg-dl ãªã©ï¼ãåæã«ãã¦ããã 3927 ã»å¹ããã¼ã¸ï¼ã24ãã¨åãããæ¬æã div.pg-page ã®ãã¼ã¸ã ãã 3928 ã»!important ã¯ããã¼ãã»custom.cssã»ã15ãã®æå®ãæã¡æ¶ãæã ã 3929 ï¼h3 ã®æåè²ãh2 ã®ä¸ä½ç½ãæ¬æã® img ã® borderï¼ã 3930 ã»ä¸¦ã³ 3931 25-1 å°è¦åºãï¼h3.pg-h3ï¼ã»å°ããªæ³¨è¨ï¼pg-smallï¼ã»èµ¤åã®æ³¨æï¼pg-attnï¼ 3932 25-2 ç»åï¼div.pg-figãpg-fig-m ï¼ å¹ 420pxã¾ã§ãpg-fig-l ï¼ å¹ 640pxã¾ã§ï¼ 3933 25-3 ãéããæ¬ â ã¯ãªãã¯ããã¨éãã¾ã â éããæ¬ãã®ä¸¦ã³ï¼div.pg-flowï¼ 3934 25-4 æé ã®çªå·ä»ããªã¹ãï¼ol.pg-stepsï¼ 3935 25-5 ã¹ããï¼719px以ä¸ï¼ 3936 ============================================================================ */ 3937 3938 3939/* ============================================================================ 3940 25-1 å°è¦åºãã»æ³¨è¨ 3941 ============================================================================ */ 3942#primary .pg-page h3.pg-h3{ 3943 margin:32px 0 12px; 3944 padding:0; 3945 font:700 17px/1.5 var(--pg-font); 3946 color:var(--pg-ink) !important; 3947} 3948#primary .pg-page h2.pg-sec + h3.pg-h3{ 3949 margin-top:0; 3950}
3951/* æ¬æããããªãå°è¦åºãã§å§ã¾ãã¨ãï¼è³¼å ¥æ¹æ³ï¼ã¯ãè¦åºãã®å¤ªç·ã¨ã®éãè©°ãã */ 3952#primary .pg-page .pg-body > h2.pg-sec:first-child{ 3953 margin-top:0 !important; 3954} 3955#primary .pg-page .pg-body > p.pg-small{ 3956 font-size:13px; 3957 line-height:1.8; 3958 color:var(--pg-sub); 3959} 3960#primary .pg-page .pg-body > p.pg-attn{ 3961 font-weight:500; 3962 color:var(--pg-accent-t); 3963} 3964 3965 3966/* ============================================================================ 3967 25-2 ç»åï¼ç»é¢ã®ãã£ããã£ãèã罫ã§å²ãï¼ 3968 ============================================================================ */ 3969#primary .pg-page .pg-fig{ 3970 margin:0 0 18px; 3971} 3972#primary .pg-page .pg-fig img{ 3973 display:block; 3974 max-width:100%; 3975 height:auto; 3976 margin:0; 3977 border:1px solid var(--pg-line) !important; 3978} 3979#primary .pg-page .pg-fig.pg-fig-m img{ 3980 max-width:min(100%,420px); 3981} 3982#primary .pg-page .pg-fig.pg-fig-l img{ 3983 max-width:min(100%,640px); 3984} 3985 3986 3987/* ============================================================================ 3988 25-3 éããæ¬ â éããæ¬ 3989 ============================================================================ */ 3990#primary .pg-page .pg-flow{ 3991 margin:0 0 18px; 3992 padding:16px; 3993 background:#fff; 3994 border:1px solid var(--pg-line); 3995} 3996#primary .pg-page .pg-flow .pg-fig{ 3997 margin:0; 3998} 3999#primary .pg-page .pg-flow .pg-fig img{ 4000 border:0 !important; 4001} 4002#primary .pg-page .pg-flow p.pg-flow-arrow{ 4003 margin:10px 0; 4004 font-size:12px; 4005 font-weight:700; 4006 line-height:1.4; 4007 color:var(--pg-sub); 4008} 4009#primary .pg-page .pg-flow p.pg-flow-arrow::before{ 4010 content:'â'; 4011 margin-right:6px; 4012 font-size:15px; 4013 color:var(--pg-accent); 4014} 4015 4016 4017/* ============================================================================ 4018 25-4 æé ã®çªå·ä»ããªã¹ãï¼å·¦ã«èµ¤ãåè§ã®çªå·ãæé ã®ããã ã«1pxã®ç½«ï¼ 4019 ============================================================================ */ 4020#primary .pg-page ol.pg-steps{ 4021 max-width:820px; 4022 margin:8px 0 0; 4023 padding:0; 4024 list-style:none; 4025 counter-reset:pg-step; 4026 border-bottom:2px solid var(--pg-ink); 4027} 4028#primary .pg-page ol.pg-steps > li{ 4029 position:relative; 4030 margin:0; 4031 padding:24px 0 8px 56px; 4032 border-top:1px solid var(--pg-line); 4033 list-style:none; 4034 counter-increment:pg-step; 4035} 4036#primary .pg-page ol.pg-steps > li:first-child{ 4037 border-top:2px solid var(--pg-ink); 4038} 4039#primary .pg-page ol.pg-steps > li::before{ 4040 content:counter(pg-step); 4041 position:absolute; 4042 left:0; 4043 top:24px; 4044 width:36px; 4045 height:36px; 4046 background:var(--pg-accent); 4047 color:#fff; 4048 font:800 18px/36px var(--pg-font); 4049 text-align:center; 4050} 4051#primary .pg-page ol.pg-steps > li > p{ 4052 margin:0 0 16px; 4053 font-size:15px; 4054 line-height:1.9; 4055} 4056 4057 4058/* ============================================================================ 4059 25-5 ã¹ããï¼719px以ä¸ï¼ 4060 ============================================================================ */ 4061@media (max-width:719px){ 4062 #primary .pg-page ol.pg-steps > li{ 4063 padding:20px 0 4px 44px; 4064 } 4065 #primary .pg-page ol.pg-steps > li::before{ 4066 top:20px; 4067 width:30px; 4068 height:30px; 4069 font-size:15px; 4070 line-height:30px; 4071 } 4072 #primary .pg-page .pg-flow{ 4073 padding:12px; 4074 } 4075} 4076 4077/* ============================================================================ 4078 ã25ãããã¾ã§ï¼å·®ãæ¿ããã¨ãã¯ãã25ãã®è¦åºããããã®è¡ã¾ã§ãæ¶ãã¦è²¼ãç´ãï¼ 4079 ============================================================================ */ 4080 4081/* ============================================================================ 4082 ã19ãæ¸èªãã¼ã¸ï¼/bd/isbn/â¦ï¼æ°ãã¶ã¤ã³ã2026-09-23ï¼2026-09-26 æ¹è¨ï¼ 4083 ---------------------------------------------------------------------------- 4084 ã»è¿½å CSSã®ãã¡ã°ãä¸ã«ããã19ãï¼ãã®ã³ã¡ã³ãããæå¾ã¾ã§ï¼ãã 4085 ãã®ãã¡ã¤ã«ã®ä¸èº«ã§ä¸¸ãã¨ç½®ãæãã¦ãã ããã 4086 ã»2026-09-25 ã®æ¹è¨ï¼ããã³ããEï¼ 4087 19-10 ã®æ«å°¾ã«ãL1 ã®ãã©ã¼ã«ããã¯è¡¨ç¤ºãã®2è¡ã追å 4088 19-12 ã®æ«å°¾ã«ãéçãã©ã¼ç¨ã® bd-mirror.css ããé¨åï¼é¢é£æ¸ç±ã»ãµã ãã¤ã«ã» 4089 ç¯ã®ã¢ã³ã¼ãã£ãªã³ã»ã¸ã£ã³ã«ä¸è¦§ãªã©ï¼ãç§»ãã 4090 ã»2026-09-26 ã®æ¹è¨ï¼ããã³ããGï¼ 4091 19-10 ã®æ«å°¾ã«ãä¸¦ã³æ¿ãï¼Gï¼ãã追å ãshoshi-page.js ã #content ã« 4092 .bd-g ãä»ããã¨ãã ãå¹ãï¼JS ãåããªãã¨ãã®è¦ãç®ã¯å¤ãããªãï¼ 4093 19-10 ã«ãæ¸å½±ãèªããªãã¨ã C ãç½®ã代æ¿è¡¨ç´ï¼2aï¼ã®
4093寸æ³ã»æ¸å¼ã追å 4094 19-12 ã® .bd-body ã® gap ã 22px â 56pxï¼æ¬æã¨ã¸ã£ã³ã«æ¬ãè¿ãããããï¼ 4095 19-12 ã®ç¯ï¼ãã½ã³ã³å¹ ã§ã¯ãé·ãç¯ã¯æåã®ç´10è¡ãè¦ãã¦ãâ¦ç¶ãã表示ããçãç¯ã¯éããã¾ã¾ 4096 19-12 ã®å°ããªæåãªã³ã¯ã®ä¸ç·ããããã«ã¼ã½ã«ãåãããã¨ãã ãã« 4097 19-12 ã®æ¸å½±ã®å¨ãã«ç´°ãã°ã¬ã¼ã®ç· 4098 ã»æ¸èªãã¼ã¸ï¼body.page-id-4ï¼ã ãã«å¹ãã¾ããæ¸è©ãã¼ã¸ /bs/ï¼page-id-6ï¼ 4099 ãããããã¼ã¸ã«ã¯å½±é¿ãã¾ããã 4100 ã»ä¸¦ã³ 4101 19-0 ãã¶ã¤ã³ãã¼ã¯ã³ï¼è²ã»ç½«ç·ãéçãã©ã¼ç¨ bd.css ã¨åãå¤ï¼ 4102 19-1ã19-10 ãã¾ã®æ¸èªãã¼ã¸ï¼ç¾è¡ã®HTMLï¼ã«å½ã¦ãå 4103 19-11 ã¦ã£ã¸ã§ããçªå·ï¼#advanced_text-NNï¼ã使ãæå®ãâ»ããã ã 4104 19-12 1a ã®ã³ã³ãã¼ãã³ãï¼ãã¨ã§JSã¨éçãã©ã¼ /books/ ã使ãï¼ 4105 ã»!important ãä»ãã¦ããã®ã¯æ¬¡ã®2種é¡ã ãã§ãã 4106 (a) ãã¼ãã®åçCSSã !important ã§æå®ãã¦ããæ 4107 ï¼.widget-title ã®æåãµã¤ãº19pxã»æåè² #2c3e50ï¼ 4108 (b) HTMLã«ç´æ¥æ¸ããã style 屿§ï¼è²ã»è§ä¸¸ï¼ãæã¡æ¶ãæ 4109 /assets/css/custom.cssï¼è¿½å CSSã®ãã¨ã«èªã¾ããï¼ã¨ã¯ã詳細度ã§åã¦ãã®ã§ 4110 !important ã¯è¦ãã¾ããã§ããï¼custom.css ã® h2 ã® margin-top 㨠4111 .btn-sns ã® line-heightï¼vertical-align ã® !important ã«ã¯è§¦ãã¦ãã¾ããï¼ã 4112 ============================================================================ */ 4113 4114 4115/* ============================================================================ 4116 19-0 ãã¶ã¤ã³ãã¼ã¯ã³ 4117 ============================================================================ */ 4118:root{ 4119 --bd-bg:#f3f2f2; /* ãã¼ã¸ã®å°ã»ä»£æ¿è¡¨ç´ã®å° */ 4120 --bd-ink:#201e1d; /* å¢¨ï¼æ¬æã»2pxã®ç½«ç·ï¼ */ 4121 --bd-accent:#ec3013; /* 赤ï¼ãªã³ã¯ã»ã©ãã«ã»å®å¡ããã¿ã³ï¼ */ 4122 --bd-accent-d:#b8240c; /* 赤㮠hoverï¼æ¼ä¸ */ 4123 --bd-sub:#6b6660; /* è£å©ããã¹ã */ 4124 --bd-line:#d8d4ce; /* èã罫ç·ï¼ç¯å ã®1pxï¼ */ 4125 --bd-rule:2px; /* ã»ã¯ã·ã§ã³éã®ç½«ç·ã®å¤ªã */ 4126 --bd-cover-ratio:600 / 847; /* æ¸å½±ã®ç¸¦æ¨ªæ¯ï¼çå ãããã³ã _600 ã®å®æ¸¬ 600x847ï¼ */
4127 --bd-font:'Archivo','Zen Kaku Gothic New','ãã©ã®ãè§ã´ ProN W3','Hiragino Sans','Yu Gothic',Meiryo,sans-serif; 4128} 4129 4130 4131/* ============================================================================ 4132 19-1 æ¬æé åã®å°ã®æå 4133 ============================================================================ */ 4134body.page-id-4 #content{ 4135 color:var(--bd-ink); 4136 font-family:var(--bd-font); 4137} 4138 4139 4140/* ============================================================================ 4141 19-2 ãªã³ã¯è²ï¼é #4a90e2 ãæ®ããªãï¼ 4142 ---------------------------------------------------------------------------- 4143 :where() ã§è©³ç´°åº¦ããa 1ã¤åãã¾ã§ä¸ãã¦ãã¾ãããã¼ãå´ã¯ aï¼a:hover 4144 ããæå®ãã¦ããªãã®ã§ããã¨ã«èªã¾ãããã¡ããåã¡ã¾ãã 4145 ä¸ãã¦ããçç±ï¼19-12 ã®ãã¿ã³ï¼.bd-btn-fill ã®ç½æåãªã©ï¼ãã 4146 ãã®æå®ã«è² ããªãããã«ããããã 4147 ============================================================================ */ 4148:where(body.page-id-4 #content) a, 4149:where(body.page-id-4 #content) a:link, 4150:where(body.page-id-4 #content) a:visited{ 4151 color:var(--bd-accent); 4152} 4153:where(body.page-id-4 #content) a:hover, 4154:where(body.page-id-4 #content) a:focus, 4155:where(body.page-id-4 #content) a:active{ 4156 color:var(--bd-accent-d); 4157} 4158 4159 4160/* ============================================================================ 4161 19-3 ãã©ã¼ã«ã¹ãªã³ã°ï¼ãã¼ãã¼ãæä½ã®ã¨ãã ãï¼ 4162 ============================================================================ */ 4163body.page-id-4 #content a:focus-visible, 4164body.page-id-4 #content button:focus-visible, 4165body.page-id-4 #content input:focus-visible, 4166body.page-id-4 #content summary:focus-visible, 4167body.page-id-4 #content .btn:focus-visible{ 4168 outline:2px solid var(--bd-accent); 4169 outline-offset:2px; 4170} 4171/* Bootstrap ã¯ã¯ãªãã¯ããã ãã§ã .btn ã«æ ãåºãã®ã§ãããã¯æ¶ã */ 4172body.page-id-4 #content .btn:focus:not(:focus-visible){ outline:0; } 4173 4174 4175/* ============================================================================ 4176 19-4 æ¸åã»å¯é¡ã»æ¸èªãã¼ã¿ï¼ä¸å¤®ã«ã©ã #bd-content ã®ä¸é¨ï¼ 4177 ---------------------------------------------------------------------------- 4178 custom.css ã #bd-content ã® h1ãh6 ã«ãç°è²ã»å½±ã¤ãããå½ã¦ã¦ããã®ã§ã 4179 ãããããã§æã¡æ¶ãã¦ãã¾ãï¼è©³ç´°åº¦ã§åã¤ã®ã§ !important ã¯ä¸è¦ï¼ã 4180 ============================================================================ */ 4181body.page-id-4 #bd-content p.sub_title{ 4182 margin:0 0 4px; 4183 font-size:13px; 4184 color:var(--bd-sub); 4185} 4186body.page-id-4 #bd-content h2[itemprop="name"]{ 4187 margin-bottom:14px; 4188 font-size:22px; 4189 font-weight:700; 4190 line-height:1.4; 4191 color:var(--bd-ink); 4192 text-shadow:none; 4193} 4194body.page-id-4 #bd-content h2[itemprop="name"] small{ 4195 display:block; 4196 margin-top:6px; 4197 font-size:13px; 4198 font-weight:400; 4199 line-height:1.6; 4200 color:var(--bd-ink); 4201} 4202body.page-id-4 #bd-content > p{ 4203 font-size:14px; 4204 line-height:1.9; 4205} 4206/* å®ä¾¡ï¼æ¸èªãã¼ã¿ã®è¡ã®ä¸ï¼ï¼èµ¤ã§ã¯ãªã墨ã®å¤ªåã« */ 4207body.page-id-4 #bd-content strong.text-danger{ 4208 font-size:16px; 4209 color:var(--bd-ink); 4210} 4211/* ãå¨åº«ãããã®æ°´è²ãã㸠â 墨ã®ç´°æ */ 4212body.page-id-4 #content .badge{ 4213 padding:2px 7px; 4214 background:transparent; 4215 border:1px solid var(--bd-ink); 4216 color:var(--bd-ink); 4217 font-size:11px; 4218 font-weight:500; 4219} 4220/* ãä¸è¨å å®¹ã¯æ¬æ¸åè¡æã®ãã®ã§ããã */ 4221body.page-id-4 #bd-content > small{ 4222 display:block; 4223 margin-top:24px; 4224 font-size:11px; 4225 color:var(--bd-sub); 4226} 4227 4228 4229/* ============================================================================ 4230 19-5 ç¯è¦åºãï¼è§£èª¬ã»ç´¹ä»ã»ç®æ¬¡ã»åæ¸ããªã©ã»çå ããä¸è¨ã»èè ãããã£ã¼ã«ï¼ 4231 ---------------------------------------------------------------------------- 4232 ã©ããã¯ã©ã¹ãªãã® h4 ã§ãã#bd-content ã®ãç´ä¸ã®ãh4 ã ãã«å½ã¦ã¦ãã¾ã 4233 ï¼JSã§ .bd-sec ã®ä¸ã¸ç§»ãããã®ã«ã¯å½ãããªãããã«ï¼ã 4234 å é ã®ç¯ã®ä¸ã ã 2px ã®å¢¨ç½«ï¼ä¸é¨ãããã¯ã¨ä¸é¨ãããã¯ã®
4234åºåãã 4235 ============================================================================ */ 4236body.page-id-4 #bd-content > h4{ 4237 margin:30px 0 12px; 4238 padding-top:16px; 4239 border-top:1px solid var(--bd-line); 4240 font-family:var(--bd-font); 4241 font-size:10px; 4242 font-weight:700; 4243 line-height:1.4; 4244 letter-spacing:.14em; 4245 text-transform:uppercase; 4246 color:var(--bd-accent); 4247 text-shadow:none; 4248} 4249body.page-id-4 #bd-content > h4:first-of-type{ 4250 margin-top:36px; 4251 border-top:var(--bd-rule) solid var(--bd-ink); 4252} 4253/* èè ãããã£ã¼ã«ã®æ°å */ 4254body.page-id-4 #bd-content h5{ 4255 margin:0 0 6px; 4256 font-size:15px; 4257 line-height:1.5; 4258 color:var(--bd-ink); 4259 text-shadow:none; 4260} 4261 4262 4263/* ============================================================================ 4264 19-6 ç½«ç· 4265 ---------------------------------------------------------------------------- 4266 ã»æ¸èªãããã¯å ¨ä½ï¼3ã«ã©ã ã®è¡ï¼ã®ä¸ã« 2px ã®å¢¨ç½« 4267 ã»ã¦ã£ã¸ã§ããéãè³¼å ¥ããã«å ã® hr 㯠1px ã®èã罫㫠4268 ============================================================================ */ 4269body.page-id-4 #content .row[itemtype="http://schema.org/Product"]{ 4270 margin-top:8px; 4271 padding-top:24px; 4272 border-top:var(--bd-rule) solid var(--bd-ink); 4273} 4274body.page-id-4 #content hr{ 4275 border-top:1px solid var(--bd-line); 4276} 4277 4278 4279/* ============================================================================ 4280 19-7 è§ä¸¸ã¼ãï¼å¯¾è±¡ãåæãå ¨é¨ããã¯ããªãï¼ 4281 ---------------------------------------------------------------------------- 4282 ã#content ã®ä¸ãå ¨é¨ãã«ããã¨ãSNSãã¿ã³ã®åãè¾¼ã¿çã¾ã§å·»ãè¾¼ãããã 4283 ============================================================================ */ 4284body.page-id-4 #content .btn, 4285body.page-id-4 #content .panel, 4286body.page-id-4 #content .panel-heading, 4287body.page-id-4 #content .img-thumbnail, 4288body.page-id-4 #content .alert, 4289body.page-id-4 #content .modal-content, 4290body.page-id-4 #content .badge, 4291body.page-id-4 #content .label, 4292body.page-id-4 #content .form-control{ 4293 border-radius:0; 4294} 4295 4296 4297/* ============================================================================ 4298 19-8 ãã¿ã³ã®å¤è¦³ 4299 ---------------------------------------------------------------------------- 4300 åºæ¬ï¼2px ã®å¢¨æ ã»éæå°ã»å¢¨æåã»ã©ãã«ã¯å·¦å¯ããhover ã§å¢¨ã®å®å¡ãã 4301 Bootstrap ã® ã°ã©ãã¼ã·ã§ã³ï¼å½±ï¼æåå½± ã¯å ¨é¨å¤ãã 4302 ============================================================================ */ 4303body.page-id-4 #content .btn, 4304body.page-id-4 #content .btn-default, 4305body.page-id-4 #content .btn-success{ 4306 background-color:transparent; 4307 background-image:none; 4308 border:2px solid var(--bd-ink); 4309 box-shadow:none; 4310 text-shadow:none; 4311 color:var(--bd-ink); 4312 font-weight:600; 4313} 4314body.page-id-4 #content .btn-block{ text-align:left; } 4315body.page-id-4 #content .btn:hover, 4316body.page-id-4 #content .btn:focus{ 4317 background-color:var(--bd-ink); 4318 border-color:var(--bd-ink); 4319 color:#fff; 4320} 4321/* å®å¡ãï¼èµ¤å°ã»ç½æåï¼ï¼ã¢ã¼ãã«ã®ãéããã */ 4322body.page-id-4 #content .btn-success{ 4323 background-color:var(--bd-accent); 4324 border-color:var(--bd-accent); 4325 color:#fff; 4326} 4327body.page-id-4 #content .btn-success:hover, 4328body.page-id-4 #content .btn-success:focus, 4329body.page-id-4 #content .btn-success:active{ 4330 background-color:var(--bd-accent-d); 4331 border-color:var(--bd-accent-d); 4332 color:#fff; 4333} 4334/* æ¸å½±ã»ãµã ãã¤ã«ãå ãã§ãã a.btnï¼ã¢ã¼ãã«ãéããªã³ã¯ï¼ã¯æ ãªã */ 4335body.page-id-4 #content a.btn[data-toggle="modal"], 4336body.page-id-4 #content a.btn[data-toggle="modal"]:hover, 4337body.page-id-4 #content a.btn[data-toggle="modal"]:focus{ 4338 display:block; 4339 padding:0; 4340 background:none; 4341 border:0; 4342} 4343/* ã·ã§ã¢ï¼èªæ¸ã¡ã¼ã¿ã¼ã»ãã¯ãã°ã»æ¬ãå¼ç¨ï¼ï¼æ§ãããª1pxæ */ 4344body.page-id-4 #content .btn-sns{ 4345 padding:3px 8px; 4346 background-color:transparent; 4347 border:1px solid var(--bd-line); 4348 color:var(--bd-ink); 4349 font-size:11px; 4350 font-weight:500; 4351} 4352body.page-id-4 #content .btn-sns:hover, 4353body.page-id-4 #content .btn-sns:focus{ 4354 background-color:transparent; 4355 border-color:var(--bd-ink); 4356 color:var(--bd-ink); 4357} 4358body.page-id-4 #bd-content #SNS_Button{ margin:18px 0 0; } 4359/* ãæ¬ãå¼ç¨ããéããã¨ãã®æ ï¼å ¥åæ¬ã®æ°´è²ã®æ 㯠style 屿§ãªã®ã§ !importantï¼ */ 4360body.page-id-4 #content #quotation{ 4361 border:1px solid var(--bd-line); 4362 background:var(--bd-bg); 4363} 4364body.page-id-4 #content #quotation input{ border:1px solid var(--bd-line) !important; } 4365body.page-id-4 #content .text-info{ color:var(--bd-sub); } 4366/* ã¹ããã ãã«åºããã«ã¼ãã«ç§»åãããï¼è§ä¸¸15pxã»ç´ºæå㯠style 屿§ãªã®ã§ !important */ 4367body.page-id-4 #content a.btn-warning[href="#cart_area"]{ 4368 border-radius:0 !important; 4369 color:var(--bd-ink) !important; 4370 background-color:transparent; 4371} 4372body.page-id-4 #content a.btn-warning[href="#cart_area"]:hover, 4373body.page-id-4 #content a.btn-warning[href="#cart_area"]:focus{ 4374 color:#fff !important; 4375 background-color:var(--bd-ink); 4376} 4377 4378 4379/* ============================================================================ 4380 19-9 è³¼å ¥ããã«ï¼å³ã«ã©ã #cart_areaï¼ 4381 ---------------------------------------------------------------------------- 4382 Bootstrap ã®ç·ï¼custom.css ã®æ°´è²ã°ã©ãã¼ã·ã§ã³ãå¤ãã2px ã®å¢¨æ ã«ã 4383 ============================================================================ */ 4384body.page-id-4 #cart_area .panel, 4385body.page-id-4 #cart_area .panel-success{ 4386 background:#fff; 4387 border:var(--bd-rule) solid var(--bd-ink); 4388 box-shadow:none; 4389} 4390body.page-id-4 #cart_area .panel-heading, 4391body.page-id-4 #cart_area .panel-success > .panel-heading{ 4392 padding:12px 16px; 4393 background:transparent; 4394 background-image:none; 4395 border-bottom:1px solid var(--bd-line); 4396 color:var(--bd-accent); 4397} 4398body.page-id-4 #cart_area .panel-title{ 4399 font-family:var(--bd-font); 4400 font-size:10px; 4401 font-weight:700; 4402 line-height:22px; 4403 letter-spacing:.14em; 4404 color:var(--bd-accent); 4405} 4406/* ã質åããã */ 4407body.page-id-4 #cart_area .panel-title .btn{ 4408 padding:1px 8px; 4409 border-width:1px; 4410 font-size:11px; 4411 letter-spacing:0; 4412} 4413body.page-id-4 #cart_area .panel-body{ 4414 padding:16px; 4415 text-align:left; 4416 font-size:13px; 4417 line-height:1.8; 4418} 4419/* å®ä¾¡ */ 4420body.page-id-4 #cart_area strong.h2{ 4421 font-family:var(--bd-font); 4422 font-size:20px; 4423 font-weight:700; 4424 color:var(--bd-ink); 4425} 4426body.page-id-4 #cart_area p.h4{ 4427 margin:6px 0 0; 4428 font-size:13px; 4429} 4430body.page-id-4 #cart_area .panel-body h4{ 4431 margin:18px 0 8px; 4432 font-size:14px; 4433 font-weight:700; 4434 line-height:1.5; 4435 color:var(--bd-ink); 4436} 4437/* ãéæç¡æãã®èµ¤ãã©ãã« â 赤ã®ç´°æ */ 4438body.page-id-4 #cart_area .label{ 4439 padding:1px 6px; 4440 background:transparent; 4441 border:1px solid var(--bd-accent); 4442 color:var(--bd-accent); 4443 font-size:11px; 4444 font-weight:600; 4445} 4446body.page-id-4 #cart_area .btn-lg{ font-size:14px; } 4447/* ã代éå¼æã§æ¬ãè³¼å ¥ãããï¼ç´ºæåã»ã¢ã¤ã³ã³è²ã¯ style 屿§ãªã®ã§ !important */ 4448body.page-id-4 #cart_area a.btn[href*="/order?"]{ color:var(--bd-ink) !important; } 4449body.page-id-4 #cart_area a.btn[href*="/order?"]:hover, 4450body.page-id-4 #cart_area a.btn[href*="/order?"]:focus{ color:#fff !important; } 4451body.page-id-4 #cart_area a.btn[href*="/order?"] i{ color:inherit !important; } 4452 4453 4454/* ============================================================================ 4455 19-10 æ¸å½±ã®å¯¸æ³åºå®ã»ã¦ã£ã¸ã§ããã®è¦ãç® 4456 ---------------------------------------------------------------------------- 4457 æ¸å½±ã¯ aspect-ratio ã§å ã«å ´æãåãã®ã§ãç»åãé ãã¦ãæ¬æãåãã¾ããã 4458 縦横æ¯ã®éãæ¬ï¼åå å¤ãªã©ï¼ã¯ object-fit:contain ã§æªã¾ããã«åãã¾ãã 4459 ============================================================================ */ 4460body.page-id-4 #content img[itemprop="image"], 4461body.page-id-4 #content .col-md-3 .col-xs-6 img{ 4462 display:block; 4463 width:100%; 4464 max-width:none; 4465 height:auto; 4466 aspect-ratio:var(--bd-cover-ratio); 4467 object-fit:contain; 4468 border:0; 4469} 4470/* æ¸å½±ãèªããªãã£ãã¨ã C ã a.btn ã®ä¸ã«ç½®ã代æ¿è¡¨ç´ï¼2aï¼ã 4471 .btn ã®ãæãè¿ããªãã»å¤ªåã»ä¸å¤®å¯ãããåãç¶ãã
4471ªãããã« */ 4472body.page-id-4 #content a[data-toggle="modal"] > .bd-cover-alt{ 4473 font-weight:400; 4474 line-height:1.8; 4475 text-align:left; 4476 white-space:normal; 4477} 4478/* å·¦ã«ã©ã ã®ã¦ã£ã¸ã§ãããå·¦å¯ãã«ï¼æ¸å½±ã®å㯠.text-center ãä»ãã¦ããï¼ */ 4479body.page-id-4 #content .col-md-3.text-center .widget{ text-align:left; } 4480/* ã¦ã£ã¸ã§ããã®è¦åºãï¼ã¸ã£ã³ã«ï¼æ¸åºã®åºé å¨åº«ã確èªï¼ãªã³ã©ã¤ã³æ¸åºã§è²·ãï¼ 4481 æåãµã¤ãºã¨è²ã¯ãã¼ãã®åçCSSã !important ãªã®ã§ããã¡ãã !important */ 4482body.page-id-4 #content .widget-title{ 4483 margin-top:14px; 4484 padding:0 0 8px; 4485 font-family:var(--bd-font); 4486 font-size:10px !important; 4487 font-weight:700; 4488 line-height:1.4; 4489 letter-spacing:.14em; 4490 color:var(--bd-accent) !important; 4491 text-shadow:none; 4492} 4493body.page-id-4 #content .widget-title-background{ display:none; } 4494body.page-id-4 #content .widget .AdvancedText{ 4495 font-size:13px; 4496 line-height:1.9; 4497} 4498 4499@media (max-width:991px){ 4500 /* 1ã«ã©ã ã«ç©ã¾ããã¨ããæ¸å½±ãç»é¢ãã£ã±ãã«ä¼¸ã³ãªãããã« 4501 ï¼.bd-cover-alt ã¯æ¸å½±ãèªããªãã£ãã¨ã C ã img ã¨ç½®ãæãã代æ¿è¡¨ç´ï¼ */ 4502 body.page-id-4 #content img[itemprop="image"], 4503 body.page-id-4 #content a[data-toggle="modal"] > .bd-cover-alt{ max-width:240px; } 4504 /* æã§æ¼ããã¿ã³ã¯é«ã44pxä»¥ä¸ */ 4505 body.page-id-4 #content .btn-block, 4506 body.page-id-4 #content .btn-lg{ min-height:44px; } 4507} 4508 4509 4510/* ---- L1 ã®ãã©ã¼ã«ããã¯è¡¨ç¤ºï¼shoshi-page.js ã® E ã #content ã«å·®ãè¾¼ã .bd-l1ï¼----
4511 çå ãããã³ã ããåããªãã£ãã¨ãã ãåºããé¨åã®è¦ãç®ã¯ 19-12 ã®ã¾ã¾ã 4512 ããã¯ãã©ã¼ï¼bd.cssï¼ã«ã¯å ¥ããªããæ¸èªãã¼ã¸ã®å¤æ ã«åãããåã ã */ 4513@media (max-width:899px){ 4514 /* ä¸ç«¯ã®è³¼å ¥ãã¼ãã夿 ã®å·¦å³ã®ä½ç½ï¼.container 15px ï¼ .col-md-12 15pxï¼ã 4515 æã¡æ¶ãã¦ç»é¢ã®å¹ ãã£ã±ãã« */ 4516 body.page-id-4 .bd-l1 .bd-bar{ margin:0 -30px; } 4517 /* ãã¼ãã®ããã¼ã¸ã®å é ã¸ããã¿ã³ï¼ç»é¢ä¸ãã20pxã«åºå®ï¼ãè³¼å ¥ãã¼ã« 4518 éãªãã®ã§ããã¼ã®ä¸ã¸éããï¼ãã¼ã®é«ã ç´62px ï¼ 20pxï¼ */ 4519 body.page-id-4:has(.bd-l1) #backtotop{ bottom:82px; } 4520} 4521 4522 4523/* ---- ä¸¦ã³æ¿ãï¼shoshi-page.js ã® Gï¼---- 4524 平常æã®ãã¼ã¸ã®ãã¼ããåãã㦠1a ã®å½¢ã«ããã¨ãã#content ã« .bd-g ãä»ãã 4525 ããã¯ãã®ä¸ã ãã§å¹ãï¼JS ãåããªãã¨ãã®è¦ãç®ã¯å¤ããªãï¼ã 4526 é¨åã®è¦ãç®ã¯ 19-12 ã®ã¾ã¾ãããã¯ãåãããå ã§ 19-1ã19-10 ããã¼ãã®æå®ã¨ 4527 ã¶ã¤ããæãæã¡æ¶ãåã¨ããã¾ã®ãã¼ã¸ã«ããç¡ããã®ï¼æ¸åã® h2 ãªã©ï¼ã®åã 4528 ãã©ã¼ï¼bd.cssï¼ã«ã¯å ¥ããªã */ 4529/* å ã®3åï¼ç§»ãããã¨ã®æ®ãï¼ã¨ãåã®éã® br ãé ãã.bd-page ã¨æ¡å¤§è¡¨ç¤ºã¯æ®ã */ 4530body.page-id-4 #content.bd-g .row[itemtype="http://schema.org/Product"] > :not(.bd-page):not(.modal){ display:none; } 4531/* 19-6 ã®è¡ã®ç½«ç·ã»ä½ç½ã¨ Bootstrap ã®è¡ã®å·¦å³ -15px ãå¤ãï¼.bd-hero ã®ç½«ç·ã¨éãªãããï¼ */ 4532body.page-id-4 #content.bd-g .row[itemtype="http://schema.org/Product"]{ 4533 margin:0; 4534 padding-top:0; 4535 border-top:0; 4536} 4537/* ç»é²æ¥ã»ä½ã£ãæ¹è¡ï¼G ã span ã§å ãã ãã®ï¼ */ 4538body.page-id-4 #content.bd-g .bd-g-hide{ display:none; } 4539 4540/* æ¸å½±ï¼ãã¾ã® img 㯠.img-thumbnailï¼ä½ç½4pxï¼ã§ã19-10 ã寸æ³ã決ãã¦ãã */ 4541body.page-id-4 #content.bd-g .bd-cover img[itemprop="image"]{ 4542 width:auto; 4543 max-width:100%; 4544 height:auto; 4545 max-height:100%; 4546 aspect-ratio:auto; 4547 padding:0; 4548 border:1px solid var(--bd-line); 4549 background:#fff; 4550} 4551body.page-id-4 #content.bd-g .bd-cover > .bd-cover-alt{ max-width:none; } 4552/* æ¸å½±ã® a 㯠.btnï¼å¤ªåã»ä¸å¤®å¯ãã»æãè¿ããªãï¼ã代æ¿è¡¨ç´ï¼2aï¼ã®æåã«å¹ããªãããã« */ 4553body.page-id-4 #content.bd-g a.bd-cover{ 4554 font-weight:400; 4555 line-height:inherit; 4556 text-align:left; 4557 white-space:normal; 4558} 4559/* ãµã ãã¤ã«ï¼æ¸å½±2ã»3ï¼ï¼19-8 ãã¢ã¼ãã«ã® a.btn ã®æ ãæ¶ãã¦ããã®ã§æ»ã */ 4560body.page-id-4 #content.bd-g a.bd-thumb, 4561body.page-id-4 #content.bd-g a.bd-thumb:hover, 4562body.page-id-4 #content.bd-g a.bd-thumb:focus{ 4563 display:flex; 4564 padding:0; 4565 border:1px solid var(--bd-line); 4566 background:#fff; 4567} 4568body.page-id-4 #content.bd-g .bd-thumb img{ 4569 width:100%; 4570 max-width:none; 4571 height:100%; 4572 padding:0; 4573 border:0; 4574} 4575 4576/* æ¸åï¼h1 ã§ã¯ãªã h2[itemprop="name"] ã®ã¾ã¾ï¼æ¸ãæããªãããï¼ã19-12 ã® .bd-meta h1 ã¨åãè¦ãç®ã«ã 4577 custom.css ã® h2 ã® margin-top:0 ã !important ãªã®ã§ããã¡ãã !important */ 4578body.page-id-4 #content.bd-g .bd-meta h2[itemprop="name"]{ 4579 margin:8px 0 0 !important; 4580 padding:0; 4581 font-family:var(--bd-font); 4582 font-size:22px; 4583 font-weight:700; 4584 line-height:1.4; 4585 color:var(--bd-ink); 4586 text-shadow:none; 4587} 4588body.page-id-4 #content.bd-g .bd-meta h2[itemprop="name"] > br{ display:none; } 4589/* å¯é¡ï¼h2 ã®ä¸ã® smallï¼â 19-12 ã® .bd-subtitle ã¨åãè¦ãç® */ 4590body.page-id-4 #content.bd-g .bd-meta h2[itemprop="name"] small{ 4591 display:block; 4592 margin:6px 0 0; 4593 font-size:13px; 4594 font-weight:400; 4595 line-height:1.6; 4596 color:var(--bd-ink); 4597} 4598body.page-id-4 #content.bd-g .bd-author > br:last-child{ display:none; } 4599/* å°ããªæåãªã³ã¯ï¼èè ã»è¿ãã®æ¸åºå¨åº«ã»ãåãåããã»çå ãããã³ã ã»å ±æã»ã»ãã®æ¸åºï¼ã¯ã 4600 ã«ã¼ã½ã«ãåãããã¨ãã ãä¸ç·ããã¼ãã® style.css ã a ã« text-decoration:none !important ã 4601 ä»ãã¦ããã®ã§ããã¡ãã !importantãL1 ã®ãã©ã¼ã«ããã¯è¡¨ç¤ºï¼.bd-l1ï¼ãåã */ 4602body.page-id-4 #content .bd-page .bd-author a:hover, 4603body.page-id-4 #content .bd-page .bd-buy-sub a:hover, 4604body.page-id-4 #content .bd-page .bd-buy-more a:hover, 4605body.page-id-4 #content .bd-page .bd-share a:hover{ text-decoration:underline !important; } 4606/* çºå£²æ¥ã® pï¼å¤åã»ISBN ã® p ã®ããä¸ã罫ç·ã¯å¤åã®ä¸ã ãï¼ */ 4607body.page-id-4 #content.bd-g .bd-meta .bd-spec-date{ 4608 margin-top:0; 4609 padding-top:0; 4610 border-top:0; 4611} 4612/* å®ä¾¡ï¼ãã¾ã®ã2,200åã㯠strong.text-dangerï¼Bootstrap ã®èµ¤ï¼ãã(å æ¶è²»ç¨â¦)ã㯠span.small */ 4613body.page-id-4 #content.bd-g .bd-price strong.text-danger{ 4614 font-size:inherit; 4615 color:inherit; 4616} 4617body.page-id-4 #content.bd-g .bd-price .small{ 4618 margin-left:4px; 4619 font-size:11px; 4620 font-weight:400; 4621} 4622 4623/* è³¼å ¥æ¬ã®è¦åºãï¼-2 ã®ããªã³ã©ã¤ã³æ¸åºã§è²·ã
4623ããç§»ãããã®ï¼ã 4624 19-10 ã® .widget-title ã®ä½ç½ã¨ãstyle 屿§ã® margin-bottom:0 ãæã¡æ¶ã */ 4625body.page-id-4 #content.bd-g .bd-buy > .widget-title{ 4626 margin:0 0 10px !important; 4627 padding:0; 4628 text-transform:uppercase; 4629} 4630/* å½ç¤¾ããç´æ¥è³¼å ¥ï¼éããä¸èº«ï¼ï¼19-9 ã® #cart_area åãã®æå®ããç§»ããå ã§ã */ 4631body.page-id-4 #content.bd-g .bd-direct h4{ 4632 margin:0 0 8px; 4633 padding:0; 4634 font-family:var(--bd-font); 4635 font-size:13px; 4636 font-weight:700; 4637 line-height:1.5; 4638 color:var(--bd-ink); 4639 text-shadow:none; 4640} 4641body.page-id-4 #content.bd-g .bd-direct .label{ 4642 padding:1px 6px; 4643 background:transparent; 4644 border:1px solid var(--bd-accent); 4645 color:var(--bd-accent); 4646 font-size:11px; 4647 font-weight:600; 4648} 4649body.page-id-4 #content.bd-g .bd-direct .btn-lg{ font-size:14px; } 4650body.page-id-4 #content.bd-g .bd-direct form{ margin:8px 0; } 4651/* 試ãèªã¿ï¼ãã¾ã¯ .btn .btn-block .btn-xs .alert-successã19-12 ã® .bd-btn-quiet ã¨åãè¦ãç®ã« */ 4652body.page-id-4 #content.bd-g .bd-try > a.btn{ 4653 display:flex; 4654 align-items:center; 4655 min-height:36px; 4656 margin:0; 4657 padding:10px 12px; 4658 border:1px solid var(--bd-line); 4659 background:transparent; 4660 color:var(--bd-ink); 4661 font:500 13px/1.3 var(--bd-font); 4662 text-align:left; 4663 white-space:normal; 4664} 4665body.page-id-4 #content.bd-g .bd-try > a.btn:hover, 4666body.page-id-4 #content.bd-g .bd-try > a.btn:focus{ 4667 background:transparent; 4668 border-color:var(--bd-ink); 4669 color:var(--bd-ink); 4670} 4671 4672/* ç¯ã®è¦åºãï¼ãã¾ã¯ h4ãéããç¯ï¼è§£èª¬ï¼ã¯ãã®ã¾ã¾ãã»ã㯠summary ã®ä¸ã«å ¥ãã¦ãã */ 4673body.page-id-4 #content.bd-g .bd-sec > h4.bd-sec-label, 4674body.page-id-4 #content.bd-g .bd-acc > summary > h4{ 4675 margin:0; 4676 padding:0; 4677 border:0; 4678 font-family:var(--bd-font); 4679 font-size:10px; 4680 font-weight:700; 4681 line-height:1.4; 4682 letter-spacing:.14em; 4683 text-transform:uppercase; 4684 color:var(--bd-accent); 4685 text-shadow:none; 4686} 4687body.page-id-4 #content.bd-g .bd-sec > h4.bd-sec-label{ margin-bottom:10px; } 4688/* èè ãããã£ã¼ã«ã®æ°åï¼h5ï¼â 19-12 ã® .bd-prof-nameï¼æ¬æã¨åã大ããã»æ°åã ã太åï¼ */ 4689body.page-id-4 #content.bd-g h5.bd-prof-name{ 4690 padding:0; 4691 font-family:inherit; 4692 font-size:inherit; 4693 font-weight:400; 4694 line-height:inherit; 4695 color:inherit; 4696 text-shadow:none; 4697} 4698body.page-id-4 #content.bd-g .bd-acc-body > p:empty{ display:none; } 4699body.page-id-4 #content.bd-g .bd-main > .bd-asof{ display:block; } 4700 4701/* ã¸ã£ã³ã«ï¼-13 ãå³ã®åã¸ç§»ãããã®ï¼â 19-12 ã® .bd-genres ã¨åãè¦ãç®ã« */ 4702body.page-id-4 #content.bd-g .bd-side .widget, 4703body.page-id-4 #content.bd-g .bd-side .before-title{ 4704 margin:0; 4705 padding:0; 4706 text-align:left; 4707} 4708body.page-id-4 #content.bd-g .bd-side .widget-title{ 4709 margin:0 0 10px !important; 4710 padding:0; 4711} 4712body.page-id-4 #content.bd-g .bd-side .AdvancedText{ 4713 font-size:13px; 4714 line-height:1.9; 4715} 4716body.page-id-4 #content.bd-g .bd-side .AdvancedText strong{ font-weight:600; } 4717body.page-id-4 #content.bd-g .bd-side .AdvancedText a{ 4718 color:var(--bd-ink); 4719 text-decoration:none; 4720} 4721body.page-id-4 #content.bd-g .bd-side .AdvancedText a:hover, 4722body.page-id-4 #content.bd-g .bd-side .AdvancedText a:focus{ color:var(--bd-accent); } 4723body.page-id-4 #content.bd-g .bd-side .AdvancedText .fa{ display:none; } 4724/* å°åé¡ã®åä¸ãï¼åã«ããå ¨è§ã¹ãã¼ã¹ï¼ç´1emï¼ã«è¶³ãã¦ããã©ã¼ã® 1.2em ã«ãããã */ 4725body.page-id-4 #content.bd-g .bd-side .AdvancedText > a{ margin-left:.2em; } 4726 4727@media (max-width:899px){ 4728 /* ä¸ç«¯ã®è³¼å ¥ãã¼ãç»é¢ã®å¹ ãã£ã±ãã«ï¼L1 ã¨åãï¼ */ 4729 body.page-id-4 #content.bd-g .bd-bar{ margin:0 -30px; } 4730 body.page-id-4:has(#content.bd-g) #backtotop{ bottom:82px; } 4731 body.page-id-4 #content.bd-g .bd-side .widget-title{ margin-top:18px !important; } 4732} 4733 4734 4735/* ============================================================================ 4736 19-11 ã¦ã£ã¸ã§ããçªå·ï¼#advanced_text-NNï¼ã使ãæå®ãâ»ãã®ç¯ã ã 4737 ---------------------------------------------------------------------------- 4738 ãæ³¨æããã®çªå·ã¯ WordPress ã®ã¦ã£ã¸ã§ããã®éãçªå·ã§ãã 4739 ãå¤è¦³ ï¼ ã¦ã£ã¸ã§ãããã§ä¸¦ã¹æ¿ãã»åé¤ã»è¿½å ãããã¨çªå·ãå¤ããã 4740 ãããå¹ããªããªãã¾ãããã®ã¨ãã¯ãã®ç¯ã ãç´ãã¦ãã ããã
4741 ï¼2026-09-23 ã®å®æ¸¬ï¼-34ï¼ä¸èº«ãã.ãã ãã-35ï¼å®å ¨ã«ç©ºã-13ï¼ã¸ã£ã³ã«ä¸è¦§ï¼ 4742 åãIDã2ååºãã®ã¯PCç¨ã¨ã¹ããç¨ã®å ¥ãæ¿ãã§ã両æ¹ã«å¹ãã¾ãã 4743 ============================================================================ */ 4744/* 空ã®ã¦ã£ã¸ã§ãã2ã¤ãé ãï¼-35 ã®ä¸ã® script ã¯ãã®ã¾ã¾åãã¾ãï¼ */ 4745body.page-id-4 #advanced_text-34, 4746body.page-id-4 #advanced_text-35{ display:none; } 4747/* é ããã¦ã£ã¸ã§ããã®ç´åã®åºåãç·ãä¸ç·ã«é ã */ 4748body.page-id-4 #content hr:has(+ #advanced_text-34), 4749body.page-id-4 #content hr:has(+ #advanced_text-35){ display:none; } 4750 4751/* ã¸ã£ã³ã«ä¸è¦§ï¼å¤§åé¡ã¯å¢¨ã®å¤ªåãå°åé¡ã¯èµ¤ãªã³ã¯ã®ã¾ã¾ãç¢å°ã¯èã */ 4752body.page-id-4 #advanced_text-13 strong a:link, 4753body.page-id-4 #advanced_text-13 strong a:visited{ color:var(--bd-ink); } 4754body.page-id-4 #advanced_text-13 strong a:hover, 4755body.page-id-4 #advanced_text-13 strong a:focus{ color:var(--bd-accent-d); } 4756body.page-id-4 #advanced_text-13 .fa{ color:var(--bd-line); } 4757 4758 4759/* ============================================================================ 4760 19-12 1a ã®ã³ã³ãã¼ãã³ãï¼éçãã©ã¼ /books/ 㨠JS ãã©ã¼ã«ããã¯ç¨ï¼ 4761 ---------------------------------------------------------------------------- 4762 ãã¾ã®æ¸èªãã¼ã¸ã«ã¯ããã®ç¯ã®ã¯ã©ã¹ãæã¤è¦ç´ ã¯ã¾ã ããã¾ããã 4763 ç¾è¡ã®HTMLã«é ¼ããã«æãç«ã¤ãããã¹ã³ã¼ãï¼page-id-4ï¼ãä»ããã«æ¸ãã¦ãã¾ãã 4764 éçãã©ã¼ç¨ã® bd.css ã«ã¯ã19-0 ã¨ãã®ç¯ããã®ã¾ã¾ã³ãã¼ãã¦ä½¿ãã¾ãã 4765 4766 æ³å®ãã¦ãããã¼ã¯ã¢ããã®çµã¿ç«ã¦ï¼ä¸ããé ï¼ 4767 .bd-crumbs ãã³ãããol ã® li ã並ã¹ãï¼åºåãã®ãï¼ãã¯CSSã§å ¥ããï¼ 4768 .bd-hero ä¸é¨ãããã¯ãåã¯2ã¤ï¼å·¦ï¼æ¸å½±ã®åï¼å³ï¼.bd-meta 4769 .bd-cover æ¸å½±ã®æ ï¼ä¸ã« imgï¼ã縦横æ¯ã¯ --bd-cover-ratio 4770 .bd-cover-alt æ¸å½±ãåããªãã¨ãã®ä»£æ¿è¡¨ç´ï¼2aï¼ã.bd-cover ã¨åãå¯¸æ³ 4771 .bd-cover-alt-brand / -title / -sub / -foot 4772 .bd-thumbs æ¸å½±2ã»æ¸å½±3ã»è©¦ãèªã¿ã®ãµã ã3æ 4773 .bd-meta æ¸èªã.bd-genre-chip â h1 â .bd-subtitle â .bd-author 4774 â .bd-spec â .bd-price â .bd-buy â .bd-share 4775 .bd-buy è³¼å ¥å°ç·ï¼ãã¼ã¸å ã§ãã1ãæã ãã2026-09-24 æ¹è¨ï¼ãä¸ãã 4776 .bd-sec-labelããªã³ã©ã¤ã³æ¸åºã§è³¼å ¥ã 4777 .bd-buy-gridï¼3åï¼ 4778 1è¡ç® .bd-btn-fill Ã3 4779 2è¡ç® .bd-btn-line Ã2 ï¼ .bd-buy-moreï¼detailsã6ã¤ç®ã®æ ã« 4780 ãã»ãã®ãªã³ã©ã¤ã³æ¸åºããã¿ã³ãéãã¨ä¸è¦§ããã¿ã³ç¾¤ã®å¹ ãã£ã±ãã«åºãï¼ 4781 .bd-buy-subï¼è¿ãã®æ¸åºå¨åº«ã調ã¹ãï¼ 4782 .bd-direct Ã2ï¼detailsãPayPalï¼ä»£é弿ãname 屿§ãããããï¼ 4783 .bd-buy-subï¼ãåãåããï¼ 4784 .bd-btn .bd-btn-fillï¼èµ¤ã®å®å¡ãï¼/ .bd-btn-lineï¼2pxæ ï¼/ .bd-btn-quiet 4785 .bd-btn-quietï¼è©¦ãèªã¿ï¼ã®ç´å¾ã« .bd-buy-subï¼çå ãããã³ã ã§è¦ãï¼ 4786 .bd-body ä¸é¨ãããã¯ãåã¯2ã¤ï¼å·¦ï¼æ¬æã®åï¼å³ï¼.bd-side 4787 .bd-sec ç¯ãå é ã« .bd-sec-labelãé·ãç®æ¬¡ã¯ details ã«å ¥ãã 4788 .bd-side å³ã«ã©ã ããã¸ã£ã³ã«ããæ¢ããã ãï¼æ ãªãã»è¿½å¾ãªãï¼ 4789 .bd-bar ã¹ããã®ä¸ç«¯ã«åºå®ããè³¼å ¥ãã¼ï¼1dï¼ãPCã§ã¯åºãªã 4790 ============================================================================ */ 4791 4792/* ---- å ±éã®å° ---- */ 4793.bd-crumbs, 4794.bd-hero, 4795.bd-body, 4796.bd-bar{ 4797 box-sizing:border-box; 4798 color:var(--bd-ink); 4799 font-family:var(--bd-font); 4800} 4801.bd-crumbs *, 4802.bd-hero *, 4803.bd-body *, 4804.bd-bar *{ box-sizing:border-box; } 4805:where(.bd-crumbs, .bd-hero, .bd-body, .bd-bar) a{ color:var(--bd-accent); text-decoration:none; } 4806:where(.bd-crumbs, .bd-hero, .bd-body, .bd-bar) a:hover, 4807:where(.bd-crumbs, .bd-hero, .bd-body, .bd-bar) a:focus{ color:var(--bd-accent-d); } 4808:where(.bd-crumbs, .bd-hero, .bd-body, .bd-bar) :focus-visible{ 4809 outline:2px solid var(--bd-accent); 4810 outline-offset:2px; 4811} 4812 4813/* ---- ãã³ãã ---- */ 4814.bd-crumbs{ 4815 display:flex; 4816 flex-wrap:wrap; 4817 margin:0 0 12px; 4818 padding:0; 4819 list-style:none; 4820 font-size:12px; 4821 line-height:1.6; 4822 color:var(--bd-sub); 4823} 4824.bd-crumbs li{ margin:0; } 4825.bd-crumbs li + li::before{ 4826 content:"\FF1E"; 4827 margin:0 .5em; 4828 color:var(--bd-line); 4829} 4830 4831/* ---- ä¸é¨ãããã¯ï¼å·¦38%ï¼æ¸å½±ï¼å³62%ï¼æ¸èªï¼è³¼å ¥ï¼ ---- */ 4832.bd-hero{ 4833 display:grid; 4834 grid-template-columns:38fr 62fr; 4835 gap:32px; 4836 padding:24px 0 28px; 4837 border-top:var(--bd-rule) solid var(--bd-ink); 4838} 4839.bd-hero > *{ min-width:0; } 4840 4841/* ---- æ¸å½± ---- */ 4842.bd-cover{ 4843 position:relative; 4844 display:flex; 4845 align-items:center; 4846 justify-content:center; 4847 width:100%; 4848 aspect-ratio:var(--bd-cover-ratio); 4849 overflow:hidden; 4850} 4851/* ç»åãã®ãã®ã®å¨ãã«ç´°ãç·ï¼ç½ãã«ãã¼ãå°ã®ç½ã¨ååããªãããã«ï¼ã 4852 æ ã®ä¸å¤®ã«ç½®ãã®ã§ã縦横æ¯ã®éãæ¬ï¼åå å¤ãªã©ï¼ã§ãç·ã¯è¡¨ç´ã«æ²¿ã */ 4853.bd-cover img{ 4854 display:block; 4855 width:auto; 4856 height:auto; 4857 max-width:100%; 4858 max-height:100%; 4859 border:1px solid var(--bd-line); 4860} 4861/* 代æ¿è¡¨ç´ï¼2aï¼ï¼åç¬ã§ã .bd-cover ã®ä¸ã§ãåã寸æ³ã«ãªã */ 4862.bd-cover-alt{ 4863 display:flex; 4864 flex-direction:column; 4865 justify-content:space-between; 4866 width:100%; 4867 aspect-ratio:var(--bd-cover-ratio); 4868 padding:12px; 4869 background:var(--bd-bg); 4870 border:var(--bd-rule) solid var(--bd-ink); 4871 text-align:left; 4872 overflow:hidden; 4873} 4874.bd-cover > .bd-cover-alt{ 4875 position:absolute; 4876 inset:0; 4877 aspect-ratio:auto; 4878} 4879.bd-cover-alt-brand{ 4880 font-size:11px; 4881 font-weight:700; 4882 letter-spacing:.12em; 4883 color:var(--bd-accent); 4884} 4885.bd-cover-alt-title{ 4886 margin:0; 4887 font-size:19px; 4888 font-weight:700; 4889 line-height:1.4; 4890} 4891.bd-cover-alt-sub{ 4892 margin:6px 0 0; 4893 font-size:11px; 4894 line-height:1.6; 4895} 4896.bd-cover-alt-foot{ 4897 font-size:11px; 4898 line-height:1.6; 4899 color:var(--bd-sub); 4900} 4901.bd-thumbs{ 4902 display:grid; 4903 grid-template-columns:repeat(3, 1fr); 4904 gap:6px; 4905 margin-top:6px; 4906} 4907 4908/* ---- æ¸èªï¼å³ï¼ ---- */ 4909.bd-meta h1{ 4910 margin:8px 0 0; 4911 font-size:22px; 4912 font-weight:700; 4913 line-height:1.4; 4914} 4915.bd-meta .bd-subtitle{ 4916 margin:6px 0 0; 4917 font-size:13px; 4918 line-height:1.6; 4919} 4920.bd-meta .bd-author{ 4921 margin:10px 0 0; 4922 font-size:14px; 4923} 4924.bd-meta .bd-spec{ 4925 margin:14px 0 0; 4926 padding-top:12px; 4927 border-top:1px solid var(--bd-line); 4928 font-size:13px; 4929 line-height:1.9; 4930} 4931.bd-meta .bd-price{ 4932 margin:10px 0 0; 4933 font-size:20px; 4934 font-weight:700; 4935 line-height:1.3; 4936} 4937.bd-price small{ 4938 margin-left:4px; 4939 font-size:11px; 4940 font-weight:400; 4941} 4942.bd-meta .bd-share{ 4943 display:flex; 4944 flex-wrap:wrap; 4945 gap:4px 14px; 4946 margin:16px 0 0; 4947 font-size:12px; 4948} 4949.bd-note{ 4950 font-size:11px; 4951 color:var(--bd-sub); 4952} 4953 4954/* ---- ã¸ã£ã³ã«ã®ãããï¼æ ç·ã ãï¼ ---- */ 4955.bd-genre-chip, 4956.bd-genre-chip:link, 4957.bd-genre-chip:visited{ 4958 display:inline-block; 4959 margin:0 4px 4px 0; 4960 padding:2px 8px; 4961 border:1px solid var(--bd-ink); 4962 font-size:11px; 4963 line-height:1.6; 4964 color:var(--bd-ink); 4965 text-decoration:none; 4966} 4967.bd-genre-chip:hover, 4968.bd-genre-chip:focus{ 4969 border-color:var(--bd-accent); 4970 color:var(--bd-accent); 4971} 4972 4973/* ---- è³¼å ¥å°ç· ---- */ 4974.bd-buy{ margin:16px 0 0; } 4975.bd-buy-grid{ 4976 --bd-buy-gap:6px; 4977 display:grid; 4978 grid-template-columns:repeat(3, 1fr); 4979 gap:var(--bd-buy-gap); 4980 align-items:start; /* ã»ãã®æ¸åºãéãã¦ããåãè¡ã®ãã¿ã³ã縦ã«ä¼¸ã³ãªãããã« */ 4981} 4982.bd-btn, 4983.bd-btn:link, 4984.bd-btn:visited{ 4985 display:flex; 4986 align-items:center; 4987 justify-content:flex-start; 4988 min-height:44px; 4989 margin:0; 4990 padding:10px 12px; 4991 border:var(--bd-rule) solid var(--bd-ink); 4992 border-radius:0; 4993 background:transparent; 4994 color:var(--bd-ink); 4995 font:600 13px/1.3 var(--bd-font); 4996 text-align:left; 4997 text-decoration:none; 4998 cursor:pointer; 4999} 5000.bd-btn:hover, 5001.bd-btn:focus{ 5002 background:var(--bd-ink); 5003 color:#fff; 5004} 5005.bd-btn-fill, 5006.bd-btn-fill:link, 5007.bd-btn-fill:visited{ 5008 background:var(--bd-accent); 5009 border-color:var(--bd-accent); 5010 color:#fff; 5011} 5012.bd-btn-fill:hover, 5013.bd-btn-fill:focus{ 5014 background:var(--bd-accent-d); 5015 border-color:var(--bd-accent-d); 5016 color:#fff; 5017} 5018.bd-btn-quiet, 5019.bd-btn-quiet:link, 5020.bd-btn-quiet:visited{ 5021 min-height:36px; 5022 border-width:1px; 5023 border-color:var(--bd-line); 5024 font-weight:500; 5025} 5026.bd-btn-quiet:hover, 5027.bd-btn-quiet:focus{ 5028 background:transparent; 5029 border-color:var(--bd-ink); 5030 color:var(--bd-ink); 5031} 5032.bd-buy-sub{ 5033 margin:8px 0 0; 5034 font-size:12px; 5035 line-height:1.8; 5036 color:var(--bd-sub); 5037} 5038/* å°ããªæåãªã³ã¯ã¯ä¸ç·ãªãï¼èµ¤ãæåã§è¦åããããï¼ãã«ã¼ã½ã«ãåãããã¨ãã ãä¸ç· */ 5039.bd-crumbs a:hover, 5040.bd-author a:hover, 5041.bd-buy-sub a:hover, 5042.bd-buy-more a:hover, 5043.bd-share a:hover, 5044.bd-direct > summary:hover{ text-decoration:underline; } 5045 5046/* ã»ãã®ãªã³ã©ã¤ã³æ¸åºï¼detailsï¼ï¼ãã¿ã³ç¾¤ã®6ã¤ç®ã®æ ã«ç½®ãæ ç·ãã¿ã³ã 5047 éãã¨ãä¸è¦§ã2è¡ç®ã®ä¸ã«ãã¿ã³ç¾¤ã®å¹ ãã£ã±ãã§åºã¦ãä¸ã®è¦ç´ ãæ¼ãä¸ãã 5048 ï¼3åã®å³ç«¯ã®æ ãããå·¦ã¸2åã¶ãï¼ããé2ã¤ã¶ãåºãã¦ããï¼ */ 5049.bd-buy-more{ margin:0; } 5050.bd-buy-more > summary{ 5051 display:flex; 5052 align-items:center; 5053 min-height:44px; 5054 padding:10px 12px; 5055 border:var(--bd-rule) solid var(--bd-ink); 5056 color:var(--bd-ink); 5057 font:600 13px/1.3 var(--bd-font); 5058 cursor:pointer; 5059 list-style:none; 5060} 5061.bd-buy-more > summary:hover, 5062.bd-buy-more[open] > summary{ 5063 background:var(--bd-ink); 5064 color:#fff; 5065} 5066.bd-direct > summary{ 5067 display:inline-block; 5068 font-size:12px; 5069 line-height:1.8; 5070 color:var(--bd-accent); 5071 cursor:pointer; 5072 list-style:none; 5073} 5074.bd-buy-more > summary::-webkit-details-marker, 5075.bd-direct > summary::-webkit-details-marker{ display:none; } 5076.bd-buy-more > summary::after, 5077.bd-direct > summary::after{ 5078 content:"\25BE"; 5079 display:inline-block; /* 親ã®ä¸ç·ã â¾ ã«ä»ããªããã */ 5080 margin-left:.3em; 5081 text-decoration:none; 5082} 5083.bd-buy-more[open] > summary::after, 5084.bd-direct[open] > summary::after{ content:"\25B4"; } 5085.bd-direct > summary:hover{ color:var(--bd-accent-d); } 5086.bd-buy-more > :not(summary){ 5087 display:flex; 5088 flex-wrap:wrap; 5089 gap:2px 16px; 5090 width:calc(300% + var(--bd-buy-gap) * 2); 5091 margin:var(--bd-buy-gap) 0 0 calc(-200% - var(--bd-buy-gap) * 2); 5092 padding:10px 12px; 5093 border:1px solid var(--bd-line); 5094 list-style:none; 5095 font-size:12px; 5096 line-height:1.8; 5097} 5098 5099/* å½ç¤¾ããç´æ¥è³¼å ¥ï¼PayPalï¼ä»£é弿ï¼ï¼ä¸ç·ä»ãã®å°ããããã¹ããªã³ã¯ã 5100 éãã¨æ³¨ææ¸ãã»ææ°æã¨è³¼å ¥ãã¿ã³ãåºãï¼èªã¾ãã«æ¯æãã¸é²ã¾ããªãï¼ */ 5101.bd-direct{ margin:0; } 5102.bd-direct[open]{ margin:0 0 8px; } 5103.bd-direct > :not(summary){ 5104 margin:6px 0 0; 5105 padding:12px 14px; 5106 background:var(--bd-bg); 5107 font-size:12px; 5108 line-height:1.8; 5109 text-align:left; 5110} 5111.bd-direct h4{ 5112 margin:0 0 8px; 5113 font-size:13px; 5114 font-weight:700; 5115 line-height:1.5; 5116 color:var(--bd-ink); 5117 text-shadow:none; 5118} 5119/* JSï¼ããã³ããGï¼ã§ç¾è¡ã®ä»£é弿ãã¿ã³ãããã¸ç§»ããã¨ãç¨ï¼ 5120 ç´ºã®æåè²ã¨ã¢ã¤ã³ã³è²ã style 屿§ã«æ¸ããã¦ããã®ã§ !important */ 5121.bd-direct a[href*="/order?"]{ color:var(--bd-ink) !important; } 5122.bd-direct a[href*="/order?"]:hover, 5123.bd-direct a[href*="/order?"]:focus{ color:#fff !important; } 5124.bd-direct a[href*="/order?"] i{ color:inherit !important; } 5125 5126/* ---- ä¸é¨ãããã¯ï¼å·¦66%ï¼æ¬æï¼å³34%ï¼ãµã¤ãï¼ ---- */ 5127.bd-body{ 5128 display:grid; 5129 grid-template-columns:66fr 34fr; 5130 gap:56px; 5131 padding:0 0 32px; 5132 border-top:var(--bd-rule) solid var(--bd-ink); 5133} 5134.bd-body > *{ min-width:0; } 5135 5136/* ---- ç¯ ---- */ 5137.bd-sec{ 5138 padding:18px 0 20px; 5139 border-top:1px solid var(--bd-line); 5140 font-size:14px; 5141 line-height:1.9; 5142} 5143.bd-sec:first-child{ border-top:0; } 5144.bd-sec p{ margin:0 0 .8em; } 5145.bd-sec-label{ 5146 margin:0 0 10px; 5147 font-family:var(--bd-font); 5148 font-size:10px; 5149 font-weight:700; 5150 line-height:1.4; 5151 letter-spacing:.14em; 5152 text-transform:uppercase; 5153 color:var(--bd-accent); 5154} 5155.bd-sec details > summary{ 5156 display:inline-block; 5157 margin-top:6px; 5158 font-size:13px; 5159 color:var(--bd-accent); 5160 cursor:pointer; 5161 list-style:none; 5162} 5163.bd-sec details > summary::-webkit-details-marker{ display:none; } 5164.bd-sec details > summary:hover{ color:var(--bd-accent-d); } 5165.bd-sec details[open] > summary{ display:none; }
5166/* èè ã®é¡åçï¼ä»»æï¼ï¼åçã¯ç½é»ãæ¸å½±ã¯ç½é»ã«ããªã */ 5167.bd-sec .bd-face{ 5168 float:left; 5169 width:64px; 5170 height:64px; 5171 margin:0 14px 6px 0; 5172 object-fit:cover; 5173 filter:grayscale(1); 5174} 5175.bd-sec::after{ content:""; display:block; clear:both; } 5176 5177/* ---- å³ã«ã©ã ï¼ã¸ã£ã³ã«ããæ¢ãï¼ï¼æ ãªãã»è¿½å¾ãªã ---- 5178 2026-09-24 æ¹è¨ï¼è³¼å ¥ããã«ï¼2px æ ã»stickyï¼ã¯ä¸é¨ãããã¯ã¨éè¤ããã®ã§å»æ¢ */ 5179.bd-side{ 5180 padding:18px 0 0; 5181 font-size:13px; 5182 line-height:1.9; 5183} 5184 5185/* ---- ã¹ããã®è³¼å ¥ãã¼ï¼1dï¼ ---- */ 5186.bd-bar{ display:none; } 5187 5188/* ---- 900px æªæºã¯1ã«ã©ã ---- */ 5189@media (max-width:899px){ 5190 .bd-hero, 5191 .bd-body{ 5192 grid-template-columns:1fr; 5193 gap:20px; 5194 } 5195 .bd-hero > :first-child{ max-width:320px; } 5196 .bd-buy-grid{ grid-template-columns:1fr; } 5197 /* æã§æ¼ãå°ãããªã³ã¯ã¯ãè¡ã®é«ããç´29pxã¾ã§åºãã */ 5198 .bd-buy-sub, 5199 .bd-buy-more > :not(summary), 5200 .bd-direct > summary{ 5201 font-size:13px; 5202 line-height:2.2; 5203 } 5204 /* 1åã®ã¨ãã¯ãã»ãã®æ¸åºã®ä¸è¦§ã¯èªåã®å¹ ã®ã¾ã¾ä¸ã«éã */ 5205 .bd-buy-more > :not(summary){ 5206 width:auto; 5207 margin-left:0; 5208 } 5209 .bd-side{ 5210 padding-top:0; 5211 border-top:1px solid var(--bd-line); 5212 } 5213 .bd-side .bd-sec-label{ margin-top:18px; } 5214 .bd-bar{ 5215 position:sticky; 5216 bottom:0; 5217 z-index:10; 5218 display:flex; 5219 align-items:center; 5220 justify-content:space-between; 5221 gap:12px; 5222 padding:8px 16px; 5223 background:#fff; 5224 border-top:var(--bd-rule) solid var(--bd-ink); 5225 } 5226 .bd-bar .bd-price{ 5227 margin:0; 5228 font-size:18px; 5229 font-weight:700; 5230 } 5231} 5232 5233 5234/* ---- é¢é£æ¸ç±ã»ãµã ãã¤ã«ã»ç¯ã®ã¢ã³ã¼ãã£ãªã³ã»ã¸ã£ã³ã«ä¸è¦§ãªã© ---- 5235 2026-09-25 bd-mirror.css ããç§»ããï¼E ã®ãã©ã¼ã«ããã¯ã§ã使ãããï¼ã 5236 ããããä¸ã bd.css ã«ãã®ã¾ã¾å ¥ãã¾ã */ 5237/* è¡ã®é«ãã¯ãã©ã¼ã®å°ï¼body ã® 1.8ï¼ã«ãããããæ¸èªãã¼ã¸ã§ã¯ãã¼ãã®å°ãç´1.43ã®ãã */ 5238.bd-page{ position:relative; line-height:1.8; } 5239/* ãã¼ãã® h1ã»h2 ã®ä¸ä¸ paddingï¼5pxï¼ãæã¡æ¶ã */ 5240.bd-hero h1, 5241.bd-body h2, 5242.bd-related h2{ padding:0; font-family:var(--bd-font); } 5243.bd-meta .bd-author small{ font-size:12px; } 5244.bd-price-label{ 5245 margin:0 4px 0 0 !important; 5246 font-size:12px !important; 5247 font-weight:600 !important; 5248} 5249.bd-try{ margin:14px 0 0; } 5250.bd-buy-more ul li{ margin:0; } 5251 5252/* æ¸å½±ã® imgï¼èªã¿è¾¼ã¿ä¸ãæ 㯠--bd-cover-ratio ã§ç¢ºä¿æ¸ã¿ï¼ */ 5253.bd-cover img{ background:#fff; } 5254/* æ¸å½±ããå寸ãè¦ãããªã³ã¯ã®ä¸ã«ããã¨ãã代æ¿è¡¨ç´ï¼2aï¼ã®æåããªã³ã¯ã®èµ¤ã«ãªããªãããã« */ 5255a.bd-cover, 5256a.bd-cover .bd-cover-alt{ color:var(--bd-ink); text-decoration:none; } 5257a.bd-cover .bd-cover-alt-brand{ color:var(--bd-accent); } 5258a.bd-cover .bd-cover-alt-foot{ color:var(--bd-sub); } 5259 5260/* ãµã ãã¤ã«ï¼æ¸å½±2ã»æ¸å½±3ã»è©¦ãèªã¿ï¼ãæ¸å½±ã¨åã縦横æ¯ã®æ */ 5261.bd-thumb{ 5262 display:flex; 5263 align-items:center; 5264 justify-content:center; 5265 aspect-ratio:var(--bd-cover-ratio); 5266 overflow:hidden; 5267 border:1px solid var(--bd-line); 5268 background:#fff; 5269} 5270.bd-thumb img{ display:block; width:100%; height:100%; object-fit:contain; } 5271.bd-thumb-text, 5272.bd-thumb-text:link, 5273.bd-thumb-text:visited{ 5274 font-size:12px; 5275 font-weight:600; 5276 color:var(--bd-ink); 5277 text-decoration:none; 5278} 5279.bd-thumb-text:hover, 5280.bd-thumb-text:focus{ border-color:var(--bd-ink); color:var(--bd-accent); } 5281 5282/* ç¯ã®ã¢ã³ã¼ãã£ãªã³ï¼1dï¼ãã¹ããã§ã¯éããç¶æ ã§å§ã¾ããæ¼ãã¨éã */ 5283.bd-acc > summary{ 5284 display:flex; 5285 align-items:center; 5286 justify-content:space-between; 5287 cursor:pointer; 5288 list-style:none; 5289} 5290.bd-acc > summary::-webkit-details-marker{ display:none; } 5291.bd-acc > summary::after{ 5292 content:"\25BE"; 5293 font-size:13px; 5294 letter-spacing:0; 5295} 5296.bd-acc[open] > summary::after{ content:"\25B4"; } 5297.bd-acc-body > :last-child{ margin-bottom:0; } 5298.bd-prof-name{ margin:0 0 .3em !important; } 5299.bd-prof-name ~ .bd-prof-name{ margin-top:1.2em !important; } 5300 5301/* ãã½ã³ã³å¹ ï¼2026-09-26 æ¹è¨ï¼ 5302 ã»çãç¯ã¯éããã¾ã¾ï¼æ¼ãã¦ãéããªãï¼ 5303 ã»é·ãç¯ï¼.bd-acc-longãbd-render.jsï¼shoshi-page.js ãæåæ°ããè¦ç©ãã£ã¦ä»ããï¼ã¯ã 5304 éãã¦ãã¦ãæåã®ç´10è¡ãè¦ãã¦ä¸ãã¼ããããã¡ã°ãä¸ã«ãâ¦ç¶ãã表示 â¾ãã 5305 éãã¨å ¨æã¨ãéãã â´ããæ¼ããæã¯ summary ã® ::afterï¼ç¯ã®ä¸ç«¯ã«ç½®ãã¦ããï¼
5306 ã»::details-content ã«å¯¾å¿ãã¦ããªãå¤ããã©ã¦ã¶ã§ã¯ãã¹ããã¨åãééå¼ã§åºã */ 5307@supports selector(::details-content){ 5308 @media (min-width:900px){ 5309 .bd-acc::details-content{ content-visibility:visible; display:block; } 5310 .bd-acc:not(.bd-acc-long) > summary{ pointer-events:none; cursor:default; } 5311 .bd-acc:not(.bd-acc-long) > summary::after{ content:none; } 5312 .bd-acc-long{ 5313 position:relative; 5314 padding-bottom:calc(20px + 2em); 5315 } 5316 .bd-acc-long:not([open]) .bd-acc-body{ 5317 position:relative; 5318 max-height:calc(1.9em * 10); 5319 overflow:hidden; 5320 } 5321 /* ã¼ããã®è²ã¯ãã¼ã¸ã®å°ã®è²ï¼æ¸èªãã¼ã¸ã¯ç½ããã©ã¼ã¯ bd-mirror.css ã§ --bd-fade ãå°ã®è²ã«ï¼ */ 5322 .bd-acc-long:not([open]) .bd-acc-body::after{ 5323 content:""; 5324 position:absolute; 5325 left:0; 5326 right:0; 5327 bottom:0; 5328 height:4em; 5329 background:linear-gradient(transparent, var(--bd-fade, #fff)); 5330 pointer-events:none; 5331 } 5332 .bd-acc-long > summary::after{ 5333 content:"\2026ç¶ãã表示 \25BE"; 5334 position:absolute; 5335 left:0; 5336 bottom:18px; 5337 font-size:13px; 5338 font-weight:400; 5339 letter-spacing:0; 5340 text-transform:none; 5341 color:var(--bd-accent); 5342 } 5343 .bd-acc-long[open] > summary::after{ content:"éãã \25B4"; } 5344 .bd-acc-long > summary:hover::after{ color:var(--bd-accent-d); text-decoration:underline; } 5345 } 5346} 5347 5348/* ã¸ã£ã³ã«ããæ¢ã */ 5349.bd-genres, 5350.bd-genres ul{ 5351 margin:0; 5352 padding:0; 5353 list-style:none; 5354} 5355.bd-genres > li > a{ font-weight:600; } 5356.bd-genres ul{ padding-left:1.2em; } 5357.bd-genres a, 5358.bd-genres a:link, 5359.bd-genres a:visited{ color:var(--bd-ink); text-decoration:none; } 5360.bd-genres a:hover, 5361.bd-genres a:focus{ color:var(--bd-accent); } 5362 5363/* é¢é£æ¸ç±ï¼æ¸å½±4ç¹ã®æ¨ªä¸¦ã³ï¼ */ 5364.bd-related{ 5365 padding:18px 0 24px; 5366 border-top:var(--bd-rule) solid var(--bd-ink); 5367 border-bottom:var(--bd-rule) solid var(--bd-ink); 5368 font-family:var(--bd-font); 5369} 5370.bd-related ul{ 5371 display:grid; 5372 grid-template-columns:repeat(4, 1fr); 5373 gap:16px; 5374 margin:0; 5375 padding:0; 5376 list-style:none; 5377} 5378.bd-related a, 5379.bd-related a:link, 5380.bd-related a:visited{ 5381 display:block; 5382 color:var(--bd-ink); 5383 text-decoration:none; 5384} 5385.bd-related a:hover .bd-related-title, 5386.bd-related a:focus .bd-related-title{ color:var(--bd-accent); } 5387.bd-related-img{ 5388 display:block; 5389 aspect-ratio:var(--bd-cover-ratio); 5390 background:#fff; 5391} 5392.bd-related-img img{ display:block; width:100%; height:100%; object-fit:contain; } 5393.bd-related-title{ 5394 display:block; 5395 margin-top:8px; 5396 font-size:12px; 5397 line-height:1.6; 5398} 5399.bd-asof{ margin:14px 0 0; } 5400/* é¢é£æ¸ç±ã®æ¸å½±ãèªãã img ãæ¶ããã¨ããåã大ããã®æ ã ãæ®ã */ 5401.bd-related-img:empty{ border:1px solid var(--bd-line); } 5402 5403@media (max-width:899px){ 5404 .bd-related ul{ grid-template-columns:repeat(2, 1fr); } 5405 /* ã¹ããã®ã¢ã³ã¼ãã£ãªã³ã¯ãæã§æ¼ããé«ãã« */ 5406 .bd-acc > summary{ min-height:44px; margin:-12px 0; font-size:12px; } 5407 .bd-acc[open] > summary{ margin-bottom:0; } 5408} 5409 </style> 5410 <link rel="stylesheet" media="screen" href="/assets/css/custom.css" /> 5411 5412 <!--[if lt IE 9]> 5413 <link rel="stylesheet" type="text/css" href="/wp/wp-content/themes/evolve/ie.css"> 5414 <![endif]--> 5415 5416
5416<script> 5417 var objTargetName = {}; 5418 objTargetName['title']='æ¸å'; 5419 objTargetName['author']='èè å'; 5420 objTargetName['kiji']='è¨äº'; 5421 function setTarget(targetName){ 5422 jQuery('.container-menu input.search').attr('name', targetName); 5423 jQuery('.container-menu input.search').attr('placeholder', objTargetName[targetName]+'ã®æ¤ç´¢'); 5424 } 5425 function searchTarget(elem){ 5426 var $form = jQuery(elem); 5427 var $text = $form.find('input[name]'); 5428 var sName = $text.attr('name'); 5429 var sVal = (''+($text.val()||'')).replace(/\//g, '-').replace(/^\s+|\s+$/, ''); 5430 var sUrl = '/'; 5431 if ( sVal === '' ) { 5432 alert('æ¤ç´¢ããæååãå ¥åãã¦ãã ããã'); 5433 return false; 5434 } 5435 if ( sName === 'title' || sName === 'author' ) { 5436 sUrl = '/bd/search/' + sName + '/' + encodeURIComponent(sVal); 5437 } else { 5438 sUrl = '/?s=' + encodeURIComponent(sVal); 5439 } 5440 location.href = sUrl; 5441 return false; 5442 } 5443 </script>
5443 5444 5445
5445<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
5445 5446 </head><!--END head--> 5447 5448 <!--BEGIN body--> 5449 <body class="page-template-default page page-id-58 custom-background"> 5450 <div id="wrapper"> 5451 <div id="top"></div> 5452 <!--BEGIN .header-pattern--> 5453 <div class="header-pattern"> 5454 <!--BEGIN .header-border--> 5455 <div class="header-border"> 5456 <!--BEGIN .header--> 5457 <div class="header"> 5458 <!--BEGIN .container-header--> 5459 <div class="container container-header"> 5460 <!--BEGIN #righttopcolumn--> 5461 <div id="righttopcolumn"> 5462 <!--BEGIN #subscribe-follow--> 5463 <div id="social"> 5464 5465 5466<ul class="sc_menu"> 5467 5468 5469<li><a target="_blank" href="/ci/bd/search/edate/today/limit/20/vw/rss20/hdt/%E5%87%BA%E7%89%88%E7%89%A9" class="tipsytext" id="r
5469ss" original-title="RSS"><i class="t4p-icon-social-rss"></i></a></li> 5470 5471 5472<li><a target="_blank" href="https://www.facebook.com/stylenote.co.jp/" class="tipsytext" id="facebook" original-title="Facebook"><i class="t4p-icon-social-facebook"></i></a></li> 5473<li><a target="_blank" href="https://x.com/stylenote" class="tipsytext" id="twitter" original-title="Twitter"><i class="t4p-icon-social-twitter"></i></a></li> 5474 5475<li><a target="_blank" href="https://www.instagram.com/stylenote__/" class="tipsytext" id="instagram" original-title="Instagram"><i class="t4p-icon-social-instagram"></i></a></li> 5476 5477<li><a target="_blank" href="https://www.youtube.com/user/stylenotebook/" class="tipsytext" id="youtube" original-title="Youtube"><i class="t4p-icon-social-youtube"></i></a></li> 5478 5479 5480 5481 5482</ul> </div> 5483 <!--END #subscribe-follow--> 5484 </div> 5485 <!--END #righttopcolumn--> 5486 <!--BEGIN .title-container--> 5487 <div class="title-container "> 5488 <div id="logo"><a href="/">ã¹ã¿ã¤ã«ãã¼ã</a></div> 5489 <div id="tagline">鳿¥½ãçã¿ã ãåºç社</div> </div> 5490 <!--END .title-container--> 5491 </div> 5492 <!--END .container-header--> 5493 </div> 5494 <!--END .header--> 5495 </div> 5496 <!--END .header-border--> 5497 </div> 5498 <!--END .header-pattern--> 5499 <div class="menu-container"> 5500 <div class="fluid-width"> 5501 <div class="menu-header"> 5502 <!--BEGIN .container-menu--> 5503 <div class="container nacked-menu container-menu"> 5504 <div class="primary-menu"> 5505 <nav id="nav" class="nav-holder link-effect"><div class="menu-nav-header-container"><ul id="menu-nav-header" class="nav-menu"><li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-14 dropdown"><a title="æ¸ç±ä¸è¦§" href="/bd/search/edate/today/hdt/åè¡æ¸ç±ä¸è¦§/"><span data-hover="æ¸ç±ä¸è¦§">æ¸ç±ä¸è¦§ <span class="arrow"></span></span></a> 5506<ul class="sub-menu"> 5507 <li id="menu-item-567" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-567"><a title="æ¸ç±ä¸è¦§" href="/bd/search/edate/today/hdt/%E5%88%8A%E8%A1%8C%E6%9B%B8%E7%B1%8D%E4%B8%80%E8%A6%A7/"><span data-hover="æ¸ç±ä¸è¦§">æ¸ç±ä¸è¦§</span></a></li> 5508 <li id="menu-item-697" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-697"><a title="è¿å" href="/bd/search/sdate/day/hdt/%E8%BF%91%E5%88%8A/order/ha/"><span data-hover="è¿å">è¿å</span></a></li> 5509 <li id="menu-item-87" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-87"><a title="詳細æ¤ç´¢" href="/book-search/"><span data-hover="詳細æ¤ç´¢">詳細æ¤ç´¢</span></a></li> 5510</ul> 5511</li> 5512<li id="menu-item-253" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-253 dropdown"><a title="ã¸ã£ã³ã«" href="/bd/search/genre1/"><span data-hover="ã¸ã£ã³ã«">ã¸ã£ã³ã« <span class="arrow"></span></span></a> 5513<ul class="sub-menu"> 5514 <li id="menu-item-247" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-247"><a title="ã¯ã©ã·ãã¯é³æ¥½" href="/bd/search/genre1/classic/"><span data-hover="ã¯ã©ã·ãã¯é³æ¥½">ã¯ã©ã·ãã¯é³æ¥½</span></a></li> 5515 <li id="menu-item-274" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-274"><a title="鳿¥½çè«" href="/bd/search/genre1/musictheory/"><span data-hover="鳿¥½çè«">鳿¥½çè«</span></a></li> 5516 <li id="menu-item-273" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-273"><a title="æ¼å¥æ³" href="/bd/search/genre1/performancemethod/"><span data-hover="æ¼å¥æ³">æ¼å¥æ³</span></a></li> 5517 <li id="menu-item-272" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-272"><a title="å¤å½èª" href="/bd/search/genre1/language/"><span data-hover="å¤å½èª">å¤å½èª</span></a></li> 5518 <li id="menu-item-270" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-270"><a title="鳿¥½ãã®ä»" href="/bd/search/genre1/generalmusic/"><span data-hover="鳿¥½ãã®ä»">鳿¥½ãã®ä»</span></a></li> 5519 <li id="menu-item-249" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-249"><a title="鳿¥½æè²" href="/bd/search/genre1/musiceducation/"><span data-hover="鳿¥½æè²">鳿¥½æè²</span></a></li> 5520 <li id="menu-item-248" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-248"><a title="æ°æé³æ¥½/æ°æå¦" href="/bd/search/genre1/ethnology/"><span data-hover="æ°æé³æ¥½/æ°æå¦">
5520æ°æé³æ¥½/æ°æå¦</span></a></li> 5521 <li id="menu-item-246" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-246"><a title="é»å鳿¥½/ã·ã³ã»ãµã¤ã¶ã¼" href="/bd/search/genre1/electronicmusic/"><span data-hover="é»å鳿¥½/ã·ã³ã»ãµã¤ã¶ã¼">é»å鳿¥½/ã·ã³ã»ãµã¤ã¶ã¼</span></a></li> 5522 <li id="menu-item-281" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-281"><a title="DTM" href="/bd/search/genre1/dtm/"><span data-hover="DTM">DTM</span></a></li> 5523 <li id="menu-item-250" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-250 dropdown"><a title="ã½ããã¬ã¤ãããã¯" href="/bd/search/genre1/software_guidebook/"><span data-hover="ã½ããã¬ã¤ãããã¯">ã½ããã¬ã¤ãããã¯</span></a> 5524 <ul class="sub-menu"> 5525 <li id="menu-item-257" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-257"><a title="DAW" href="/bd/search/genre1/software_guidebook/genre2/daw/"><span data-hover="DAW">DAW</span></a></li> 5526 <li id="menu-item-263" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-263"><a title="楽è使ã½ãã" href="/bd/search/genre1/software_guidebook/genre2/gakufu/"><span data-hover="楽è使ã½ãã">楽è使ã½ãã</span></a></li> 5527 <li id="menu-item-268" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-268"><a title="é³å£°ç·¨éã½ãã" href="/bd/search/genre1/software_guidebook/genre2/sound/"><span data-hover="é³å£°ç·¨éã½ãã">é³å£°ç·¨éã½ãã</span></a></li> 5528 <li id="menu-item-269" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-269"><a title="ãã®ä»é³æ¥½é¢é£ã½ãã" href="/bd/search/genre1/software_guidebook/genre2/musicsoftware/"><span data-hover="ãã®ä»é³æ¥½é¢é£ã½ãã">ãã®ä»é³æ¥½é¢é£ã½ãã</span></a></li> 5529 </ul> 5530</li> 5531 <li id="menu-item-2560" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2560"><a title="ã¢ã¼ã" href="/bd/search/genre1/art/"><span data-hover="ã¢ã¼ã">ã¢ã¼ã</span></a></li> 5532 <li id="menu-item-251" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-251"><a title="æè¸" href="/bd/search/genre1/literature/"><span data-hover="æè¸">æè¸</span></a></li> 5533 <li id="menu-item-252" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-252"><a title="楽è" href="/bd/search/genre1/score/"><span data-hover="楽è">楽è</span></a></li> 5534 <li id="menu-item-254" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-254"><a title="ãã®ä»" href="/bd/search/genre1/sonota/"><span data-hover="ãã®ä»">ãã®ä»</span></a></li> 5535 <li id="menu-item-566" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-566"><a title="詳細æ¤ç´¢" href="/bd/search/edate/today/hdt/%E6%96%B0%E5%88%8A/"><span data-hover="詳細æ¤ç´¢">詳細æ¤ç´¢</span></a></li> 5536</ul> 5537</li> 5538<li id="menu-item-434" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-434 dropdown"><a title="ãã¥ã¼ã¹ï¼ãªãªã¼ã¹" href="/news/"><span data-hover="ãã¥ã¼ã¹ï¼ãªãªã¼ã¹">ãã¥ã¼ã¹ï¼ãªãªã¼ã¹ <span class="arrow"></span></span></a> 5539<ul class="sub-menu"> 5540 <li id="menu-item-473" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-473"><a title="ãã¥ã¼ã¹ï¼ãªãªã¼ã¹" href="/news/"><span data-hover="ãã¥ã¼ã¹ï¼ãªãªã¼ã¹">ãã¥ã¼ã¹ï¼ãªãªã¼ã¹</span></a></li> 5541 <li id="menu-item-474" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-474"><a title="åºåæ²è¼æ å ±" href="/adnews/"><span data-hover="åºåæ²è¼æ å ±">åºåæ²è¼æ å ±</span></a></li> 5542</ul> 5543</li> 5544<li id="menu-item-540" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-540 dropdown"><a title="è³¼å ¥æ¹æ³" href="/buy/"><span data-hover="è³¼å ¥æ¹æ³">è³¼å ¥æ¹æ³ <span class="arrow"></span></span></a> 5545<ul class="sub-menu"> 5546 <li id="menu-item-551" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-551"><a title="è³¼å ¥æ¹æ³" href="/buy/"><span data-hover="è³¼å ¥æ¹æ³">è³¼å ¥æ¹æ³</span></a></li> 5547 <li id="menu-item-552" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-552"><a title="ã¯ã¬ã¸ããã«ã¼ãã§ã®ãè³¼å ¥æé " href="/how_to_buy/"><span data-hover="ã¯ã¬ã¸ããã«ã¼ãã§ã®ãè³¼å ¥æé ">ã¯ã¬ã¸ããã«ã¼ãã§ã®ãè³¼å ¥æé </span></a></li> 5548</ul> 5549</li> 5550<li id="menu-item-501" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-501"><a title="æ¸åºã»æ¥½å¨åºã®æ¹ã¸" href="/shoten/"><span data-hover="æ¸åºã»æ¥½å¨åºã®æ¹ã¸">æ¸åºã»æ¥½å¨åºã®æ¹ã¸</span></a></li> 5551<li id="menu-item-238" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-238 dropdown"><a title="ä¼ç¤¾æ¦è¦ç" href="/company/"><span data-hover="ä¼ç¤¾æ¦è¦ç">ä¼ç¤¾æ¦è¦ç <span class="arrow"></span></span></a> 5552<ul class="sub-menu"> 5553 <li id="menu-item-628" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-628"><a title="è«æçã®åºçã«ã¤ãã¦" href="/ronbun"><span data-hover="è«æçã®åºçã«ã¤ãã¦">è«æçã®åºçã«ã¤ãã¦</span></a></li> 5554 <li id="menu-item-446" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-446"><a title="ç¹å®åå弿³ã«åºã¥ã表示" href="/salerule/"><span data-hover="ç¹å®åå弿³ã«åºã¥ã表示">ç¹å®åå弿³ã«åºã¥ã表示</span></a></li> 5555 <li id="menu-item-3852" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3852"><a title="ãã©ã¤ãã·ã¼ããªã·ã¼" href="/privacypolicy"><span data-hover="ãã©ã¤ãã·ã¼ããªã·ã¼">ãã©ã¤ãã·ã¼ããªã·ã¼</span></a></li> 5556 <li id="menu-item-440" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-440"><a title="ä¼ç¤¾æ¦è¦" href="/company/"><span data-hover="ä¼ç¤¾æ¦è¦">ä¼ç¤¾æ¦è¦</span></a></li> 5557 <li id="menu-item-60" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-58 current_page_item menu-item-60 active"><a title="ãåãåãã" href="/contact/"><span data-hover="ãåãåãã">ãåãåãã</span></a></li> 5558</ul> 5559</li> 5560</ul></div> </nav> 5561 </div><!-- /.primary-menu --> 5562 <!--BEGIN #searchform--> 5563 <!--form action="/" method="post" class="searchform"--> 5564 <form action="/ci/bd/search/" method="post" class="searchform" onsubmit="return searchTarget(this);"> 5565 <div id="search-text-box"> 5566 <!--label class="searchfield" id="search_label_top" for="search-text-top"><input id="search-text-top" type="text" tabindex="1" name="s" class="search" placeholder="æ¬ã調ã¹ã" /></label--> 5567 <!--label class="searchfield" id="search_label_top" for="search-text-top"><input id="search-text-top" type="text" tabindex="1" _name="s" name="title" class="search" placeholder="æ¸åã®æ¤ç´¢" /></label--> 5568 <label class="searchfield" id="search_label_top" for="search-text-top"> 5569 <div id="search-text-top"> 5570 <div class="input-group"> 5571 <input type="text" tabindex="1" _name="s" name="title" class="search form-control" placeholder="æ¸åã®æ¤ç´¢" /> 5572 <div class="input-group-btn"> 5573 <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-caret-down text-muted" aria-hidden="true"></i></button> 5574 <ul class="dropdown-menu dropdown-menu-right" role="menu"> 5575 <li><a href="#" onClick="setTarget('title')">æ¸åã®æ¤ç´¢</a></li> 5576 <li><a href="#" onClick="setTarget('author')">èè åã®æ¤ç´¢</a></li> 5577 <li><a href="#" onClick="setTarget('kiji')">è¨äºã®æ¤ç´¢</a></li> 5578 </ul> 5579 </div> 5580 </div> </div> 5581 </label> 5582 </div> 5583 </form> 5584 <div class="clearfix"></div> 5585 <!--END #searchform--> 5586 </div><!-- /.container --> 5587 </div><!-- /.menu-header --> 5588 <div class="menu-back"> 5589 <div class="container"> 5590 </div><!-- /.container --> 5591 </div><!--/.menu-back--> 5592 </div><!-- /.fluid-width --> 5593 <!--BEGIN .content--> 5594 <div class="content singular page pageid-58"> 5595 <!--BEGIN .container--> 5596 <div class="container container-center row"> 5597 <!--BEGIN #content--> 5598 <div id="content"> 5599 5600<!--BEGIN #primary .hfeed--> 5601 5602<div id="primary" class=" col-xs-12 col-sm-6 col-md-9 col-md-9 col-single full-width col-single"> 5603 5604 5605 5606 <!--BEGIN .hentry--> 5607 <div id="post-58" class="post-58 page type-page status-publish hentry p publish first-page untagged"> 5608 5609 5610 5611 5612 <!--BEGIN .entry-content .article--> 5613 <div class="entry-content article"> 5614 5615 <div role="form" class="wpcf7" id="wpcf7-f57-p58-o2" lang="ja" dir="ltr"> 5616<div class="screen-reader-response">
5616<p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> 5617<form action="/contact/#wpcf7-f57-p58-o2" method="post" class="wpcf7-form init" novalidate="novalidate" data-status="init"> 5618<div style="display: none;"> 5619<input type="hidden" name="_wpcf7" value="57" /> 5620<input type="hidden" name="_wpcf7_version" value="5.6" /> 5621<input type="hidden" name="_wpcf7_locale" value="ja" /> 5622<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f57-p58-o2" /> 5623<input type="hidden" name="_wpcf7_container_post" value="58" /> 5624<input type="hidden" name="_wpcf7_posted_data_hash" value="" /> 5625<input type="hidden" name="_wpcf7cf_hidden_group_fields" value="[]" /> 5626<input type="hidden" name="_wpcf7cf_hidden_groups" value="[]" /> 5627<input type="hidden" name="_wpcf7cf_visible_groups" value="[]" /> 5628<input type="hidden" name="_wpcf7cf_repeaters" value="[]" /> 5629<input type="hidden" name="_wpcf7cf_steps" value="{}" /> 5630<input type="hidden" name="_wpcf7cf_options" value="{"form_id":57,"conditions":[],"settings":{"animation":"yes","animation_intime":200,"animation_outtime":200,"conditions_ui":"normal","notice_dismissed":false}}" /> 5631<input type="hidden" name="_wpcf7_recaptcha_response" value="" /> 5632</div> 5633<p><span style="display: none;"><br /> 5634<span class="wpcf7-form-control-wrap" data-name="h-name"><input type="text" name="h-name" value="ã¹ã¿ã¤ã«ãã¼ã" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" /></span><br /> 5635<span class="wpcf7-form-control-wrap" data-name="h-site"><input type="text" name="h-site" value="/" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" /></span><br /> 5636<span class="wpcf7-form-control-wrap" data-name="h-email"><input type="email" name="h-email" value="[email protected]" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" /></span><br /> 5637<span class="wpcf7-form-control-wrap" data-name="isbn13"><input type="text" name="isbn13" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" /></span><br /> 5638</span></p> 5639<div class="row"> 5640<div class="wpcf7-response-output" aria-hidden="true"></div> 5641<div class="col-md-offset-1 col-md-8"> 5642<div class="panel panel-success"> 5643<div class="panel-heading"> 5644<h5 class="panel-title"><i class="fa fa-paper-plane" aria-hidden="true"></i>ãåãåãã</h5> 5645</div> 5646<div class="panel-body"> 5647<label>ãåå</label><small>ï¼è¿ä¿¡ä¸è¦ã®å ´åã¯ç©ºæ¬ã§ãéä¿¡å¯è½ã§ãï¼</small><br /> 5648<span class="wpcf7-form-control-wrap" data-name="your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text form-control" aria-invalid="false" /></span></p> 5649<p><label>ã¡ã¼ã«ã¢ãã¬ã¹</label><small>ï¼è¿ä¿¡ä¸è¦ã®å ´åã¯ç©ºæ¬ã§ãéä¿¡å¯è½ã§ãï¼</small><br /> 5650<span class="wpcf7-form-control-wrap" data-name="your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-email form-control" aria-invalid="false" /></span><br /> 5651<small>â»æºå¸¯ã®ã¡ã¼ã«ã¢ãã¬ã¹ããè¨å ¥ã®å ´åããã¡ãããè¿ä¿¡ãããã¨ãã¦ãæºå¸¯é»è©±ä¼ç¤¾ã®è¨å®ã§PCããã®è¿ä¿¡ãèªåçã«æé¤ããè¨å®ã«ãªã£ã¦ãã¦å±ããªãå ´åãããã¾ããã§ããã ãPCã®ã¡ã¼ã«ã¢ãã¬ã¹ããè¨å ¥ãã ããããä»ã®PCçããã®ã¡ã¼ã«ãé常åä¿¡ã§ãã¦ããã¡ã¼ã«ã¢ãã¬ã¹ããè¨å ¥ãã ããã</small><br /> 5652<br><br /> 5653<label>ãåãåãã種å¥</label><br /> 5654<span class="wpcf7-form-control-wrap" data-name="toiawase_shubetsu"><select name="toiawase_shubetsu" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false"><option value="èè ã¸ã®ã¡ãã»ã¼ã¸">èè ã¸ã®ã¡ãã»ã¼ã¸</option><option value="誤åè±åç">誤åè±åç</option><option value="ãµã¤ãã«é¢ãããåãåãã">ãµã¤ãã«é¢ãããåãåãã</option><option value="æ¸ç±ã®ãè³¼å ¥ã«ã¤ãã¦">æ¸ç±ã®ãè³¼å ¥ã«ã¤ãã¦</option><option value="æ¸ç±ã«ã¤ãã¦">æ¸ç±ã«ã¤ãã¦</option><option value="ãã®ä»">ãã®ä»</option></select></span><br /> 5655<label>ç¹å®ã®æ¸ç±ãèè ã«é¢ãã¦ã®ãé£çµ¡ã®å ´åã¯ãæ¸åã¾ãã¯èè åããè¨å ¥ãã ãã</label><br /> 5656<span class="wpcf7-form-control-wrap" data-name="shomei-chosha"><input type="text" name="shomei-chosha" value="" size="50" maxlength="100" class="wpcf7-form-control wpcf7-text form-control" aria-invalid="false" /></span><br /> 5657<label>å 容</label><br /> 5658<span class="wpcf7-form-control-wrap" data-name="your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false"></textarea></span></p> 5659<div class="pull-right"><span class="wpcf7-form-control-wrap" data-name="isbn13"><input type="text" name="isbn13" value="" size="15" maxlength="15" class="wpcf7-form-control wpcf7-text form-control" readonly="readonly" aria-invalid="false" /></span></div> 5660<p><br><br /> 5661<br></p> 5662<div class="wpcf7-response-output" aria-hidden="true"></div> 5663<div class="row panel"> 5664<div class="col-sm-offset-4 panel" style="-webkit-box-shadow: none; box-shadow: none;"> 5665<small>ãé£çµ¡å çããè¨å ¥ããã ãã¦ãå¿ ãè¿ä¿¡ããéãã§ããã¨ã¯éãã¾ããã®ã§äºããæ¿ç¥ãããã ãããã¾ããè¿ä¿¡ã¾ã§ã
5665«æ¥æ°ã®ãããå ´åãããã¾ãã®ã§äºããæ¿ç¥ãããã ããã</small></p> 5666<p class="text-danger"><i class="fa fa-fw fa-key" aria-hidden="true"></i>ãåãåããå 容ã確èªãã¦ãã§ãã¯ãã</p> 5667<p><span class="wpcf7-form-control-wrap" data-name="checkbox"><span class="wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required"><span class="wpcf7-list-item first last"><input type="checkbox" name="checkbox[]" value="åãåããå 容ã確èªãã" /><span class="wpcf7-list-item-label">åãåããå 容ã確èªãã</span></span></span></span><br /> 5668<!--<br /> 5669âãããã鲿¢ã®ããããææ°ã§ããä¸ã®â¡ã«ããã§ãã¯ããé¡ããã¾ãã<br /> 5670--> 5671</div> 5672</div> 5673<p> <input type="submit" value="åãåãããéä¿¡ãã" class="wpcf7-form-control has-spinner wpcf7-submit pull-right form-control btn btn-lg" /></p> 5674<div class="wpcf7-response-output" aria-hidden="true"></div> 5675<div class="inv-recaptcha-holder"></div> 5676</div> 5677<p><!--/panel-body--> 5678</div> 5679<p><!--/panel--> 5680</div> 5681<p><!--/col-md-12--> 5682</div> 5683<p><!--/row--></p> 5684<div class="inv-recaptcha-holder"></div></form></div> 5685 5686 <div class="clearfix"></div> 5687 5688 </div><!--END .entry-content .article--> 5689 5690 <!-- Auto Discovery Trackbacks 5691 <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 5692 xmlns:dc="http://purl.org/dc/elements/1.1/" 5693 xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> 5694 <rdf:Description rdf:about="https://www.stylenote.co.jp/contact/" 5695 dc:identifier="https://www.stylenote.co.jp/contact/" 5696 dc:title="ãåãåãã" 5697 trackback:ping="https://www.stylenote.co.jp/contact/trackback/" /> 5698</rdf:RDF> --> 5699 <!--END .hentry--> 5700 </div> 5701 5702 5703 5704<div id="comments"> 5705 </div> 5706 5707 5708 5709 5710 <!--END #primary .hfeed--> 5711</div> 5712 5713 5714 5715<!--END #content--> 5716</div> 5717<!--END .container--> 5718</div> 5719<!--END .content--> 5720</div> 5721<!--BEGIN .content-bottom--> 5722<div class="content-bottom"> 5723 <!--END .content-bottom--> 5724</div> 5725<!--BEGIN .footer--> 5726<div class="footer"> 5727 <!--BEGIN .container--> 5728 <div class="container container-footer"> 5729 <div class="footer-widgets"> 5730 <div class="widgets-back-inside row"> 5731 <div class="col-sm-6 col-md-4"> 5732 <div id="advanced_text-39" class="widget advanced_text"><div class="widget-content"><div class='AdvancedText'><div class="before-title"><div class="widget-title-background"></div><h3 class="widget-title">1 使ã»é»è©±ï¼advanced_text-39ï¼</h3></div><meta name="format-detection" content="telephone=no"> 5733<div class="sn-foot"> 5734<img class="sn-foot-logo" src="/data/web%E7%94%A8%E3%83%AD%E3%82%B4_stylenote_logo_web.png" alt="ã¹ã¿ã¤ã«ãã¼ã" width="1590" height="370"> 5735<p class="sn-foot-addr">æ ªå¼ä¼ç¤¾ã¹ã¿ã¤ã«ãã¼ã<br>ã185-0021ãæ±äº¬é½å½å寺å¸åçº2-17-9-5F<br>é»è©±ï¼042-329-9288ï¼FAXï¼042-325-5781</p> 5736<p class="sn-foot-links"><a href="/company/">ä¼ç¤¾æ¦è¦</a><a href="/salerule/">ç¹å®åå弿³ã«åºã¥ã表示</a><a href="/privacypolicy">ãã©ã¤ãã·ã¼ããªã·ã¼</a><a href="/contact/">ãåãåãã</a></p> 5737</div></div></div></div> 5738 </div> 5739 <div class="col-sm-6 col-md-4"> 5740 <div id="advanced_text-40" class="widget advanced_text"><div class="widget-content"><div class='AdvancedText'><div class="before-title"><div class="widget-title-background"></div><h3 class="widget-title">2 BOOKSï¼advanced_text-40ï¼</h3></div><div class="sn-foot"> 5741<p class="sn-foot-title">BOOKS</p> 5742<p class="sn-foot-links"><a href="/bd/search/edate/today/hdt/æ°å/">æ°å</a><a href="/bd/search/sdate/day/hdt/è¿å/order/ha">è¿å</a><a href="/bd/search/genre1/">ã¸ã£ã³ã«ããæ¢ã</a><a href="/book-search/">詳細æ¤ç´¢</a><a href="/newbook/index.html">æ°åç¹éãã¼ã¸</a></p> 5743<p class="sn-foot-title sn-foot-title-2">FOR PROFESSIONALS</p> 5744<p class="sn-foot-links"><a href="/shoten/">æ¸åºã»æ¥½å¨åºã®æ¹ã¸</a><a href="/ronbun">è«æçã®åºçã«ã¤ãã¦</a><a href="/buy/">è³¼å ¥æ¹æ³</a></p> 5745</div> 5746</div></div></div> 5747 </div> 5748 <div class="col-sm-6 col-md-4"> 5749 <div id="advanced_text-41" class="widget advanced_text"><div class="widget-content"><div class='AdvancedText'><div class="before-title"><div class="widget-title-background"></div><h3 class="widget-title">3 NOTEï¼advanced_text-41ï¼</h3></div><div class="sn-foot"> 5750<p class="sn-foot-title">NOTE</p> 5751<p class="sn-foot-note">å¼ç¤¾çºè¡ã®æ¬ã®æ¸å½±ã»æ¸èªã»å 容紹ä»ãªã©ã®æ å ±ã¯ããèªç±ã«ãå©ç¨ãã ããããã®ãµã¤ãã¸ã®ãªã³ã¯ããèªç±ã«ã©ããã</p> 5752<p class="sn-foot-sns"><a href="https://x.com/stylenote" target="_blank" rel="noopener" aria-label="X"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://www.facebook.com/stylenote.co.jp" target="_blank" rel="noopener" aria-label="Facebook"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14 8h3V4h-3c-2.2 0-4 1.8-4 4v3H8v4h2v7h4v-7h3l1-4h-4V9c0-.6.4-1 1-1z"></path></svg></a><a href="https://www.instagram.com/stylenote__/" target="_blank" rel="noopener" aria-label="Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18"></rect><circle cx="12" cy="12" r="4"></circle><path d="M17 7h.01"></path></svg></a><a href="https://www.youtube.com/user/stylenotebook/" target="_blank" rel="noopener" aria-label="YouTube"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="5" width="20" height="14" rx="3"></rect><path d="m10 9 5 3-5 3z"></path></svg></a><a href="/ci/bd/search/edate/today/limit/20/vw/rss20/hdt/%E5%87%BA%E7%89%88%E7%89%A9" target="_blank" rel="noopener" aria-label="RSS"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19.03 7.38 20 6.18 20 5 20 4 19.03 4 17.82a2.18 2.18 0 0 1 2.18-2.18ZM4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44Zm0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93v-2.83Z"></path></svg></a></p> 5753</div></div></div></div> 5754<div id="advanced_text-38" class="widget advanced_text"><div class="widget-content"><div class='AdvancedText'><div class="before-title"><div class="widget-title-background"></div><h3 class="widget-title">4 ãããç¨JSï¼advanced_text-38ï¼</h3></div>
5754<script>(function(){'use strict';var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;function initSlider(root){var track=root.querySelector('.sn-track');if(!track){return;}var slides=track.querySelectorAll('.sn-slide');if(slides.length<1){return;}var viewport=root.querySelector('.sn-viewport');var index=0;var timer=null;var seconds=parseFloat(root.getAttribute('data-sn-seconds')||'6');root.className+=' sn-js';if(viewport){viewport.scrollLeft=0;}var nav=document.createElement('div');nav.className='sn-slider-nav';var dots=[];var i;for(i=0;i<slides.length;i++){var dot=document.createElement('button');dot.type='button';dot.className='sn-dot';dot.textContent=('0'+(i+1)).slice(-2);dot.setAttribute('aria-label',(i+1)+'æç®ã®ããã¼ã表示');dot.setAttribute('data-sn-go',String(i));nav.appendChild(dot);dots.push(dot);}var gap=document.createElement('span');gap.className='sn-gap';nav.appendChild(gap);var prev=document.createElement('button');prev.type='button';prev.className='sn-dot';prev.innerHTML='‹';prev.setAttribute('aria-label','åã®ããã¼');prev.setAttribute('data-sn-step','-1');var next=document.createElement('button');next.type='button';next.className='sn-dot';next.innerHTML='›';next.setAttribute('aria-label','次ã®ããã¼');next.setAttribute('data-sn-step','1');nav.appendChild(prev);nav.appendChild(next);if(slides.length>1){root.appendChild(nav);}function show(n){index=(n+slides.length)%slides.length;track.style.transform='translateX('+(-100*index)+'%)';for(var k=0;k<dots.length;k++){dots[k].setAttribute('aria-current',k===index?'true':'false');}}function start(){if(reduce||slides.length<2||timer){return;}timer=window.setInterval(function(){show(index+1);},seconds*1000);}function stop(){if(timer){window.clearInterval(timer);timer=null;}}nav.addEventListener('click',function(e){var b=e.target&&e.target.closest?e.target.closest('button'):null;if(!b){return;}if(b.hasAttribute('data-sn-go')){show(parseInt(b.getAttribute('data-sn-go'),10));}if(b.hasAttribute('data-sn-step')){show(index+parseInt(b.getAttribute('data-sn-step'),10));}stop();start();});root.addEventListener('mouseenter',stop);root.addEventListener('mouseleave',start);root.addEventListener('focusin',stop);root.addEventListener('focusout',start);document.addEventListener('visibilitychange',function(){if(document.hidden){stop();}else{start();}});var x0=null;root.addEventListener('touchstart',function(e){x0=e.touches[0].clientX;stop();},{passive:true});root.addEventListener('touchend',function(e){if(x0===null){return;}var dx=e.changedTouches[0].clientX-x0;if(Math.abs(dx)>40){show(index+(dx<0?1:-1));}x0=null;start();},{passive:true});show(0);start();}function initShelf(){var btns=document.querySelectorAll('.sn-top [data-sn-shelf]');for(var i=0;i<btns.length;i++){btns[i].addEventListener('click',function(){var sec=this.closest('.sn-sec');var list=sec?sec.querySelector('.stylenote-books ul'):null;if(!list){return;}var dir=parseInt(this.getAttribute('data-sn-shelf'),10);var step=Math.max(200,list.clientWidth*0.8);if(list.scrollBy){list.scrollBy({left:dir*step,behavior:reduce?'auto':'smooth'});}else{list.scrollLeft=list.scrollLeft+dir*step;}});}}function upgradeCovers(){var imgs=document.querySelectorAll('.sn-top .stylenote-books img[src*="_130.jpg"]');if(!imgs.length){return;}function apply(own){for(var i=0;i<imgs.length;i++){(function(img){var small=img.getAttribute('src');var li=img.closest?img.closest('li'):null;var a=li?li.querySelector('a[href^="/bd/isbn/"]'):null;var m=a?a.getAttribute('href').match(/^\/bd\/isbn\/(97[89]\d{10})/):null;var x1=small;var x2=small.replace('_130.jpg','_600.jpg');if(m&&own[m[1]]){x1='/data/bookimg/'+m[1]+'_250.jpg';x2='/data/bookimg/'+m[1]+'_600.jpg';}img.addEventListener('error',function back(){img.removeEventListener('error',back);img.removeAttribute('srcset');img.removeAttribute('sizes');if(img.getAttribute('src')!==small){img.setAttribute('src',small);}});img.removeAttribute('sizes');img.setAttribute('srcset',x1+' 1x, '+x2+' 2x');if(x1!==small){img.setAttribute('src',x1);}})(imgs[i]);}}
5754if(!window.fetch){apply({});return;}fetch('/data/bookimg/covers.json').then(function(r){return r.ok?r.json():{};}).catch(function(){return {};}).then(function(d){var own={};var list=(d&&d.isbn)||[];for(var k=0;k<list.length;k++){own[list[k]]=true;}apply(own);});}function initSearchFallback(){if(typeof window.searchTarget==='function'){return;}var forms=document.querySelectorAll('.sn-top .sn-searchform');for(var i=0;i<forms.length;i++){forms[i].removeAttribute('onsubmit');forms[i].addEventListener('submit',function(e){e.preventDefault();var f=this.querySelector('input[name]');var v=((f&&f.value)||'').replace(/\//g,'-').replace(/^\s+|\s+$/g,'');if(v===''){return;}window.location.href='/bd/search/title/'+encodeURIComponent(v);});}}function decorateMobileMenu(){var opts=document.querySelectorAll('#wrapper ul.dd-options a.dd-option');for(var i=0;i<opts.length;i++){var lab=opts[i].querySelector('label.dd-option-text');if(!lab){continue;}var m=lab.textContent.match(/^(-+)\s*/);if(!m){continue;}lab.textContent=lab.textContent.replace(/^(-+)\s*/,'');opts[i].className+=(m[1].length>=2?' sn-lv3':' sn-lv2');}}function boot(){var sliders=document.querySelectorAll('.sn-top .sn-slider');for(var i=0;i<sliders.length;i++){initSlider(sliders[i]);}initShelf();upgradeCovers();initSearchFallback();window.setTimeout(decorateMobileMenu,300);}if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',boot);}else{boot();}window.addEventListener('load',function(){window.setTimeout(decorateMobileMenu,300);});})();</script>
5754 5755</div></div></div> 5756<div id="advanced_text-42" class="widget advanced_text"><div class="widget-content"><div class='AdvancedText'><div class="before-title"><div class="widget-title-background"></div><h3 class="widget-title">5 æ¸èªãã¼ã¸ç¨JSï¼advanced_text-42ï¼</h3></div>
5756<script>(function () {'use strict';var OWN_IMG = '/data/bookimg/';var HANMOTO_IMG = 'https://www.hanmoto.com/bd/img/';var COVERS_JSON = '/data/bookimg/covers.json';var BOOK_JSON = '/data/books/';var HANMOTO_TIMEOUT = 3000;var INDEX_JSON = '/data/books/index.json';var MIRROR = '/books/';var RENDER_JS = '/books/assets/bd-render.js?v=9b8eb278';var SEL = {cover: '#content img[itemprop="image"]',title: '#content h2[itemprop="name"]',author: '#content a[href^="/bd/search/author/"]',info: '#content .row[itemtype="http://schema.org/Product"]',content: '#content',row: '#content .row[itemtype="http://schema.org/Product"]',coverCol: '.col-md-3.text-center',detail: '#bd-content',cart: '#cart_area',thumb: '.col-xs-6 a[data-toggle="modal"]',modal: '.modal',tameshi: 'a[href*="tameshiyo.me"]',price: 'strong.text-danger',paypal: '#paypal',order: 'a[href*="/order?"]',ask: '.panel-heading a[href^="/contact/"]',stock: '.badge',online: '.shoten-links-online',nearby: '.shoten-links-openbs',genre: 'advanced_text-13'};var STORE_FILL = ['amazon.co.jp', 'rakuten', 'yodobashi.com'];var STORE_LINE = ['e-hon.ne.jp', 'honyaclub.com'];var STORE_MORE = ['hmv.co.jp', 'omni7.jp', 'kinokuniya', 'tsutaya', 'maruzenjunkudo', 'shopping.yahoo'];var STORE_HANMOTO = 'hanmoto.com/bd/isbn';var SITE = 'https://www.stylenote.co.jp';var LONG_LINES = 12;var LINE_CHARS = 50;var ROLE = { A01: 'è', B01: 'ç·¨', B06: '訳', B20: 'ç£ä¿®' };var NO_DIRECT = /åå|éçä¸|çµ¶ç|å¨åº«ãªã/;var m = location.pathname.match(/^\/bd\/isbn\/(97[89][0-9]{10})(\/|$)/);if (!m) { return; }var ISBN = m[1];var coversWait = null, coversData;function loadCovers(done) {if (coversWait === null) {coversWait = [done];fetchCovers(function (d) {coversData = d;var list = coversWait;coversWait = false;for (var i = 0; i < list.length; i++) { list[i](d); }});} else if (coversWait) {coversWait.push(done);} else {done(coversData);}}function fetchCovers(done) {if (!window.fetch) { done(null); return; }fetch(COVERS_JSON).then(function (r) {return r.ok ? r.json() : null;}).catch(function () {return null;}).then(function (d) {var list = (d && d.isbn) || null;if (!list) { done(null); return; }var own = {};for (var i = 0; i < list.length; i++) { own[list[i]] = true; }done(own);});}function tryChain(img, list, onFail) {var i = -1;var timer = null;function next() {clearTimeout(timer);i++;if (i >= list.length) {img.onload = null;img.onerror = null;onFail();return;}var step = list[i];img.onload = function () { clearTimeout(timer); img.onload = null; img.onerror = null; };img.onerror = next;if (step.timeout) {timer = setTimeout(function () {if (!img.complete || !img.naturalWidth) { next(); }}, step.timeout);}img.src = step.url;}next();}function text(el) {return el ? (el.textContent || '').replace(/\s+/g, ' ').replace(/^\s+|\s+$/g, '') : '';}function roleName(r) {var codes = [].concat(r || []);var out = [];for (var i = 0; i < codes.length; i++) {var c = codes[i] && codes[i].value !== undefined ? codes[i].value : codes[i];if (ROLE[c]) { out.push(ROLE[c]); }}return out.join('ã»');}function infoFromPage(img) {var info = { title: '', sub: '', authors: '', isbn: '' };var h2 = document.querySelector(SEL.title);if (h2) {var small = h2.querySelector('small');info.sub = text(small);var clone = h2.cloneNode(true);var cs = clone.querySelector('small');if (cs) { cs.parentNode.removeChild(cs); }info.title = text(clone);}var as = document.querySelectorAll(SEL.author);var names = [];for (var i = 0; i < as.length; i++) {var role = as[i].nextElementSibling;names.push(text(as[i]) + (role && role.tagName === 'SMALL' ? text(role) : ''));}info.authors = names.join('ã');var hit = text(document.querySelector(SEL.info)).match(/ISBN(97[89][0-9-]{10,14})/);info.isbn = hit ? hit[1] : ISBN;if (!info.title) { info.title = (img.getAttribute('alt') || '').replace(/\s*ç»å[0-9ï¼-ï¼]+$/, ''); }return info;}function infoFromJson(d, info) {info.title = d.title || info.title;info.sub = d.subtitle || '';var cs = d.contributors || [];var names = [];for (var i = 0; i < cs.length; i++) {var n = cs[i].PersonName && cs[i].PersonName.value;if (!n) { continue; }var r = roleName(cs[i].ContributorRole);names.push(n + (r ? 'ï¼' + r + 'ï¼' : ''));}info.authors = names.join('ã');info.isbn = d.isbn13h || info.isbn;return info;}function el(cls, tag, str) {var e = document.createElement(tag);e.className = cls;e.textContent = str;return e;}function drawAlt(img, info) {var box = document.createElement('div');box.className = 'bd-cover-alt';box.setAttribute('role', 'img');box.setAttribute('aria-label', info.title + 'ï¼æ¸å½±ãªãï¼');box.appendChild(el('bd-cover-alt-brand', 'div', 'STYLENOTE'));var mid = document.createElement('div');mid.appendChild(el('bd-cover-alt-title', 'p', info.title));if (info.sub) { mid.appendChild(el('bd-cover-alt-sub', 'p', info.sub)); }box.appendChild(mid);var foot = el('bd-cover-alt-foot', 'div', info.authors);if (info.authors) { foot.appendChild(document.createElement('br')); }
5756foot.appendChild(document.createTextNode('ISBN' + info.isbn));box.appendChild(foot);if (img.parentNode) { img.parentNode.replaceChild(box, img); }}function toAlt(img) {var info = infoFromPage(img);if (document.querySelector(SEL.title) || !window.fetch) { drawAlt(img, info); return; }fetch(BOOK_JSON + ISBN + '.json').then(function (r) {return r.ok ? r.json() : null;}).catch(function () {return null;}).then(function (d) {drawAlt(img, d ? infoFromJson(d, info) : info);});}function getJson(url, done) {fetch(url).then(function (r) {return r.ok ? r.json() : null;}).catch(function () {return null;}).then(function (d) {done(d || null);});}function loadRender(done) {if (window.BdRender) { done(true); return; }var s = document.createElement('script');s.onload = function () { done(!!window.BdRender); };s.onerror = function () { done(false); };s.src = RENDER_JS;(document.head || document.documentElement).appendChild(s);}function toMirror() {var url = MIRROR + ISBN + '.html';fetch(url, { method: 'HEAD' }).then(function (r) {if (r.ok) { location.replace(url); }}).catch(function () {});}function jdate(d) {var m = String(d || '').replace(/-/g, '').match(/^(\d{4})(\d{2})(\d{2})/);return m ? m[1] + 'å¹´' + m[2] + 'æ' + m[3] + 'æ¥' : '';}function draw(content, book, index, own) {var related = index && index.books ? window.BdRender.pickRelated(book, index.books, 4) : [];var html = window.BdRender.render(book, { covers: own || {}, related: related, unknown: [] });var kids = content.children;for (var i = 0; i < kids.length; i++) { kids[i].style.display = 'none'; }var box = document.createElement('div');box.className = 'col-md-12 bd-l1';var gen = jdate(book._generated);box.appendChild(el('bd-note bd-l1-note', 'p',gen ? 'ï¼' + gen + ' æç¹ã®æ
å ±ã表示ãã¦ãã¾ãï¼' : 'ï¼ä¿åãã¦ããæ
å ±ã表示ãã¦ãã¾ãï¼'));var body = document.createElement('div');body.innerHTML = html;while (body.firstChild) { box.appendChild(body.firstChild); }content.appendChild(box);document.title = book.title + (book.subtitle ? ' ' + book.subtitle : '') + ' | ã¹ã¿ã¤ã«ãã¼ã';}function fallback() {var content = document.querySelector(SEL.content);if (!content) { return; }getJson(BOOK_JSON + ISBN + '.json', function (book) {if (!book || !book.title) { toMirror(); return; }var wait = 3, index = null, own = null, ok = false;function one() {wait--;if (wait) { return; }if (ok) { draw(content, book, index, own); } else { toMirror(); }}getJson(INDEX_JSON, function (d) { index = d; one(); });loadCovers(function (d) { own = d; one(); });loadRender(function (d) { ok = d; one(); });});}function kids(el) {var out = [];for (var n = el ? el.firstChild : null; n; n = n.nextSibling) { out.push(n); }return out;}function childEl(parent, test) {var c = parent ? parent.children : [];for (var i = 0; i < c.length; i++) { if (test(c[i])) { return c[i]; } }return null;}function hasClass(el, c) {return (' ' + (el.className || '') + ' ').indexOf(' ' + c + ' ') >= 0;}function addClass(el, c) {if (el && !hasClass(el, c)) { el.className = (el.className ? el.className + ' ' : '') + c; }return el;}function box(tag, cls) {var e = document.createElement(tag);if (cls) { e.className = cls; }return e;}function put(parent, list) {for (var i = 0; i < list.length; i++) { parent.appendChild(list[i]); }return parent;}function hideWrap(nodes) {if (!nodes.length || !nodes[0].parentNode) { return; }var s = box('span', 'bd-g-hide');nodes[0].parentNode.insertBefore(s, nodes[0]);put(s, nodes);}function isbn10(isbn13) {var b = isbn13.substr(3, 9), sum = 0;for (var i = 0; i < 9; i++) { sum += (10 - i) * parseInt(b.charAt(i), 10); }var c = (11 - sum % 11) % 11;return b + (c === 10 ? 'X' : String(c));}function linkTo(href, str) {var a = document.createElement('a');a.href = href;a.target = '_blank';a.rel = 'noopener';a.textContent = str;return a;}function shareLinks(title, sub, authors) {var page = SITE + '/bd/isbn/' + ISBN + '/';var msg = title + (sub ? ' ' + sub : '') + (authors ? ' - ' + authors : '') + 'ï½ã¹ã¿ã¤ã«ãã¼ã';var p = box('p', 'bd-share');p.appendChild(linkTo('https://twitter.com/intent/tweet?text=' + encodeURIComponent(msg) +'&url=' + encodeURIComponent(page) + '&via=stylenote', 'X'));p.appendChild(linkTo('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(page), 'Facebook'));p.appendChild(linkTo('https://b.hatena.ne.jp/entry/s/www.stylenote.co.jp/bd/isbn/' + ISBN + '/', 'ã¯ã¦ãª'));p.appendChild(linkTo('https://bookmeter.com/b/' + isbn10(ISBN), 'èªæ¸ã¡ã¼ã¿ã¼'));return p;}function details(cls, label, name) {var d = box('details', cls);if (name) { d.setAttribute('name', name); }var s = document.createElement('summary');if (typeof label === 'string') { s.textContent = label; } else { s.appendChild(label); }d.appendChild(s);return d;}function sortStores(links) {var r = { fill: [], line: [], more: [], hanmoto: null, other: [] };
5756var groups = [['fill', STORE_FILL], ['line', STORE_LINE], ['more', STORE_MORE]];var i, j, k, a, dh;for (i = 0; i < groups.length; i++) {var keys = groups[i][1];for (k = 0; k < keys.length; k++) {for (j = 0; j < links.length; j++) {a = links[j];dh = a.getAttribute('data-href') || a.getAttribute('href') || '';if (!a._bdUsed && dh.indexOf(keys[k]) >= 0) { a._bdUsed = true; r[groups[i][0]].push(a); }}}}for (j = 0; j < links.length; j++) {a = links[j];if (a._bdUsed) { continue; }dh = a.getAttribute('data-href') || a.getAttribute('href') || '';if (!r.hanmoto && dh.indexOf(STORE_HANMOTO) >= 0) { r.hanmoto = a; } else { r.other.push(a); }}return r;}function lineCount(nodes) {var buf = [''];function walk(n) {if (n.nodeType === 3) { buf[buf.length - 1] += n.nodeValue.replace(/\s+/g, ''); return; }if (n.nodeType !== 1 || n.tagName === 'SCRIPT') { return; }var block = /^(BR|P|DIV|H[1-6]|TR|LI|TABLE)$/.test(n.tagName);if (block) { buf.push(''); }for (var c = n.firstChild; c; c = c.nextSibling) { walk(c); }if (block && n.tagName !== 'BR') { buf.push(''); }}for (var i = 0; i < nodes.length; i++) { walk(nodes[i]); }var total = 0;for (i = 0; i < buf.length; i++) {if (buf[i]) { total += Math.ceil(buf[i].length / LINE_CHARS); }}return total;}function sections(detail) {var list = [], cur = null, note = null;var nodes = kids(detail);for (var i = 0; i < nodes.length; i++) {var n = nodes[i];if (n.nodeType === 1 && n.tagName === 'H4') {cur = { head: n, body: [] };list.push(cur);continue;}if (!cur) { continue; }if (n.nodeType === 1 && (n.tagName === 'SMALL' || n.tagName === 'DIV')) {if (n.tagName === 'SMALL' && !note) { note = n; }cur = null;continue;}cur.body.push(n);}return { list: list, note: note };}function arrange() {var row = document.querySelector(SEL.row);if (!row) { return false; }var coverCol = childEl(row, function (e) { return e.matches ? e.matches(SEL.coverCol) : hasClass(e, 'col-md-3'); });var detail = row.querySelector(SEL.detail);var cart = row.querySelector(SEL.cart);var h2 = document.querySelector(SEL.title);var online = document.querySelector(SEL.online);var genre = document.getElementById(SEL.genre);if (!coverCol || !detail || !cart || !h2 || !online || !genre) { return false; }if (!coverCol.contains(genre)) { return false; }if (typeof window._setShotenLinks !== 'function' || !window.jQuery) { return false; }var coverLink = childEl(coverCol, function (e) {return e.tagName === 'A' && e.getAttribute('data-toggle') === 'modal';});var priceStrong = detail.querySelector(SEL.price);var specP = priceStrong ? priceStrong.parentNode : null;var authorA = detail.querySelector('a[href^="/bd/search/author/"]');var authorP = authorA && authorA.parentNode.tagName === 'P' ? authorA.parentNode : null;if (!coverLink || !specP || specP.tagName !== 'P') { return false; }var stores = sortStores(online.querySelectorAll('a'));if (!stores.fill.length && !stores.line.length) { return false; }var labelH4 = online.parentNode.querySelector('.widget-title');var nearbyBox = document.querySelector(SEL.nearby);var nearbyA = nearbyBox ? nearbyBox.querySelector('a') : null;var priceLabel = priceStrong.previousElementSibling;var taxSpan = priceStrong.nextElementSibling;var priceNodes = [];var n, first = priceLabel && priceLabel.tagName === 'STRONG' ? priceLabel : priceStrong;var last = taxSpan && taxSpan.tagName === 'SPAN' ? taxSpan : priceStrong;for (n = first; n; n = n.nextSibling) { priceNodes.push(n); if (n === last) { break; } }var brAfterPrice = last.nextElementSibling && last.nextElementSibling.tagName === 'BR' ? last.nextElementSibling : null;var dateP = null;for (n = specP.nextElementSibling; n; n = n.nextElementSibling) {if (n.tagName === 'P' && /çºå£²/.test(n.textContent)) { dateP = n; break; }if (n.tagName !== 'P') { break; }}var thumbs = [];var ts = coverCol.querySelectorAll(SEL.thumb);for (var i = 0; i < ts.length; i++) {if (!hasClass(ts[i].parentNode, 'hide')) { thumbs.push(ts[i]); }}var modals = coverCol.querySelectorAll(SEL.modal);var tameshi = coverCol.querySelector(SEL.tameshi);var paypal = cart.querySelector(SEL.paypal);var orderA = cart.querySelector(SEL.order);var orderNodes = [];if (orderA) {for (n = orderA; n; n = n.previousSibling) {if (n.nodeType === 1 && (n.tagName === 'HR' || n === paypal)) { break; }orderNodes.unshift(n);}}var askA = cart.querySelector(SEL.ask);
5756var stockEl = specP.querySelector(SEL.stock) || cart.querySelector('p.h4');var direct = !(stockEl && NO_DIRECT.test(text(stockEl)));var sec = sections(detail);var sub = text(h2.querySelector('small'));var title = text(h2).replace(sub, '').replace(/\s+$/, '');var names = [];var as = authorP ? authorP.querySelectorAll('a[href^="/bd/search/author/"]') : [];for (i = 0; i < as.length; i++) {var role = as[i].nextElementSibling;names.push(text(as[i]) + (role && role.tagName === 'SMALL' ? text(role) : ''));}var page = box('div', 'bd-page');var hero = box('div', 'bd-hero');var coverBox = box('div', 'bd-cover-col');coverBox.appendChild(addClass(coverLink, 'bd-cover'));if (thumbs.length) {var tb = box('div', 'bd-thumbs');for (i = 0; i < thumbs.length; i++) { tb.appendChild(addClass(thumbs[i], 'bd-thumb')); }coverBox.appendChild(tb);}hero.appendChild(coverBox);var meta = box('div', 'bd-meta');meta.appendChild(h2);if (authorP) { meta.appendChild(addClass(authorP, 'bd-author')); }var priceP = box('p', 'bd-price');put(priceP, priceNodes);if (priceLabel === first) { addClass(priceLabel, 'bd-price-label'); }if (brAfterPrice) { hideWrap([brAfterPrice]); }meta.appendChild(addClass(specP, 'bd-spec'));if (dateP) {var dn = kids(dateP);for (i = 0; i < dn.length; i++) {if (dn[i].nodeType === 3 && /ç»é²æ¥/.test(dn[i].nodeValue)) {var hid = [dn[i]];var nx = dn[i].nextSibling;if (nx && nx.nodeType === 1 && nx.tagName === 'BR') { hid.push(nx); }hideWrap(hid);}}meta.appendChild(addClass(addClass(dateP, 'bd-spec'), 'bd-spec-date'));}meta.appendChild(priceP);var buy = box('div', 'bd-buy');buy.id = 'bd-buy';if (labelH4) { buy.appendChild(addClass(labelH4, 'bd-sec-label')); }var grid = box('div', 'bd-buy-grid shoten-links-online');for (i = 0; i < stores.fill.length; i++) { grid.appendChild(addClass(addClass(stores.fill[i], 'bd-btn'), 'bd-btn-fill')); }for (i = 0; i < stores.line.length; i++) { grid.appendChild(addClass(addClass(stores.line[i], 'bd-btn'), 'bd-btn-line')); }var more = stores.more.concat(stores.other);if (more.length) {var md = details('bd-buy-more', 'ã»ãã®ãªã³ã©ã¤ã³æ¸åº');md.appendChild(put(box('div', 'shoten-links-online'), more));grid.appendChild(md);}buy.appendChild(grid);if (nearbyA) {var np = box('p', 'bd-buy-sub shoten-links-openbs');np.appendChild(nearbyA);buy.appendChild(np);}if (paypal && direct) {var pd = details('bd-direct', 'å½ç¤¾ããPayPalã使ã£ã¦ç´æ¥è³¼å
¥ãã', 'bd-direct');pd.appendChild(paypal);buy.appendChild(pd);}if (orderNodes.length && direct) {var od = details('bd-direct', 'å½ç¤¾ãã代é弿ã§è³¼å
¥ãã', 'bd-direct');od.appendChild(put(box('div', 'bd-direct-body'), orderNodes));buy.appendChild(od);}if (askA && askA.getAttribute('href')) {var ap = box('p', 'bd-buy-sub');var ask = document.createElement('a');ask.href = askA.getAttribute('href');ask.textContent = 'ãåãåãã';ap.appendChild(ask);buy.appendChild(ap);}meta.appendChild(buy);if (tameshi && !hasClass(tameshi, 'hide')) {var tp = box('p', 'bd-try');tp.appendChild(addClass(addClass(tameshi, 'bd-btn'), 'bd-btn-quiet'));meta.appendChild(tp);}if (stores.hanmoto) {var hp = box('p', 'bd-buy-sub shoten-links-online');hp.appendChild(stores.hanmoto);meta.appendChild(hp);}meta.appendChild(shareLinks(title, sub, names.join('ã')));hero.appendChild(meta);page.appendChild(hero);var body = box('div', 'bd-body');var main = box('div', 'bd-main');for (i = 0; i < sec.list.length; i++) {if (i && text(sec.list[i].head) === '解説') { sec.list.unshift(sec.list.splice(i, 1)[0]); break; }}for (i = 0; i < sec.list.length; i++) {var s = sec.list[i];if (i === 0 && text(s.head) === '解説') {var open = box('section', 'bd-sec');open.appendChild(addClass(s.head, 'bd-sec-label'));main.appendChild(put(open, s.body));} else {var acc = details('bd-sec bd-acc' + (lineCount(s.body) > LONG_LINES ? ' bd-acc-long' : ''), s.head);addClass(acc.firstChild, 'bd-sec-label');var h5s = [];for (var j = 0; j < s.body.length; j++) {if (s.body[j].nodeType === 1 && s.body[j].tagName === 'H5') { h5s.push(s.body[j]); }}for (j = 0; j < h5s.length; j++) { addClass(h5s[j], 'bd-prof-name'); }acc.appendChild(put(box('div', 'bd-acc-body'), s.body));main.appendChild(acc);}}if (sec.note) { main.appendChild(addClass(addClass(sec.note, 'bd-note'), 'bd-asof')); }body.appendChild(main);var side = box('aside', 'bd-side');side.appendChild(genre);body.appendChild(side);page.appendChild(body);var bar = box('div', 'bd-bar');var bp = box('p', 'bd-price');bp.appendChild(document.createTextNode(text(priceStrong)));bp.appendChild(el('', 'small', 'ï¼ç¨è¾¼ï¼'));bar.appendChild(bp);var bb = box('a', 'bd-btn bd-btn-fill');bb.href = '#bd-buy';
5756bb.textContent = 'ãªã³ã©ã¤ã³æ¸åºã§è²·ã â¾';bar.appendChild(bb);page.appendChild(bar);row.insertBefore(page, row.firstChild);var after = page.nextSibling;for (i = 0; i < modals.length; i++) { row.insertBefore(modals[i], after); }addClass(document.querySelector(SEL.content), 'bd-g');thumbGuard(thumbs);return true;}function thumbGuard(list) {function hide(a) { a.style.display = 'none'; }for (var i = 0; i < list.length; i++) {var img = list[i].querySelector('img');if (!img) { continue; }if (img.complete && !img.naturalWidth) { hide(list[i]); continue; }img.addEventListener('error', (function (a) { return function () { hide(a); }; })(list[i]));}}function checkStores() {var bad = 0;var as = document.querySelectorAll('#content .bd-page .shoten-links-online > a, #content .bd-page .shoten-links-openbs > a');for (var i = 0; i < as.length; i++) { if ((as[i].getAttribute('href') || '#') === '#') { bad++; } }document.querySelector(SEL.content).setAttribute('data-bd-g', bad ? 'fixed' : 'ok');if (bad) {window._setShotenLinks('.shoten-links-online');window._setShotenLinks('.shoten-links-openbs');}}function addRelated() {if (!window.fetch) { return; }var index = null, own = null, ok = false, wait = 3;function one() {wait--;if (wait || !ok || !index || !index.books) { return; }var me = null;for (var i = 0; i < index.books.length; i++) {if (index.books[i].isbn13 === ISBN) { me = index.books[i]; break; }}if (!me) { return; }var cs = [];var mc = me.contributors || [];for (i = 0; i < mc.length; i++) { cs.push({ PersonName: mc[i].name }); }var book = { isbn13: ISBN, genre1: me.genre1, genre2: me.genre2, contributors: cs };var items = window.BdRender.pickRelated(book, index.books, 4);if (!items.length || !window.BdRender.related) { return; }var page = document.querySelector('#content .bd-page');var bar = page ? page.querySelector('.bd-bar') : null;if (!page) { return; }var tmp = document.createElement('div');tmp.innerHTML = window.BdRender.related(items, { covers: own || {} });while (tmp.firstChild) { page.insertBefore(tmp.firstChild, bar); }}getJson(INDEX_JSON, function (d) { index = d; one(); });loadCovers(function (d) { own = d; one(); });loadRender(function (d) { ok = d; one(); });}function runG() {if (/[?&]g=0(&|$)/.test(location.search)) { return; }if (!text(document.querySelector(SEL.title))) { return; }var done = false;try { done = arrange(); } catch (e) { done = false; }if (!done) { return; }window.jQuery(checkStores);addRelated();}function start() {if (!text(document.querySelector(SEL.title))) {if (window.fetch) { fallback(); }return;}var cover = document.querySelector(SEL.cover);if (!cover) { return; }var link = cover.parentNode && cover.parentNode.tagName === 'A' ? cover.parentNode : null;var href = link ? link.getAttribute('href') || '' : '';var modal = /^#modal-container-[0-9A-Za-z_-]+$/.test(href) ? document.querySelector(href) : null;var modalImg = modal ? modal.querySelector('.modal-body img') : null;var full = modal ? modal.querySelector('a[download]') : null;var ownUrl = OWN_IMG + ISBN + '_600.jpg';var hanUrl = HANMOTO_IMG + ISBN + '_600.jpg';loadCovers(function (own) {var chain = [];if (own && own[ISBN]) {chain.push({ url: ownUrl, timeout: 0 });if (modalImg) {var before = modalImg.getAttribute('src');modalImg.onerror = function () { modalImg.onerror = null; modalImg.setAttribute('src', before); };modalImg.setAttribute('src', ownUrl);}if (full) { full.setAttribute('href', OWN_IMG + ISBN + '.jpg'); }}chain.push({ url: hanUrl, timeout: HANMOTO_TIMEOUT });tryChain(cover, chain, function () { toAlt(cover); });});}runG();if (document.readyState === 'loading') {document.addEventListener('DOMContentLoaded', start);} else {start();}})();</script>
5756</div></div></div> 5757<div id="advanced_text-43" class="widget advanced_text"><div class="widget-content"><div class='AdvancedText'><div class="before-title"><div class="widget-title-background"></div><h3 class="widget-title">6 JSèªã¿è¾¼ã¿ booklistã»newsï¼advanced_text-43ï¼</h3></div>
5757<script src="/books/assets/booklist.js?v=20260927" defer></script>
vendor: 2 bytes, line 5757
5757
5758<script src="/books/assets/news.js?v=20260928" defer></script>
vendor: 2 bytes, line 5758
5758
5759<script>(function(){var a=document.querySelectorAll('a[href^="tel:"]');for(var i=0;i<a.length;i++){var p=a[i].parentNode;while(a[i].firstChild){p.insertBefore(a[i].firstChild,a[i]);}p.removeChild(a[i]);}})();</script>
vendor: 2 bytes, line 5759
5759
5760<script>jQuery(function($){$('ul.nav-menu').each(function(){var o=$(this).data('sf-options');if(o){o.delay=800;}});});</script>
5760 5761</div></div></div> 5762 </div> 5763 <div class="col-sm-6 col-md-4"> 5764 </div> 5765 </div> 5766 </div> 5767 <div class="clearfix"></div> 5768 <p id="copyright"><span class="credits"><a href="http://theme4press.com/evolve-multipurpose-wordpress-theme/">evolve</a> theme by Theme4Press • Powered by <a href="http://wordpress.org">WordPress</a></span></p> <!-- Theme Hook --> 5769 5770
5770<script type="text/javascript"> 5771 var $jx = jQuery.noConflict(); 5772 $jx("div.post").mouseover( 5773 function () { 5774 $jx(this).find("span.edit-post").css('visibility', 'visible'); 5775 } 5776 ).mouseout( 5777 function () { 5778 $jx(this).find("span.edit-post").css('visibility', 'hidden'); 5779 } 5780 ); 5781 $jx("div.type-page").mouseover( 5782 function () { 5783 $jx(this).find("span.edit-page").css('visibility', 'visible'); 5784 } 5785 ).mouseout( 5786 function () { 5787 $jx(this).find("span.edit-page").css('visibility', 'hidden'); 5788 } 5789 ); 5790 $jx("div.type-attachment").mouseover( 5791 function () { 5792 $jx(this).find("span.edit-post").css('visibility', 'visible'); 5793 } 5794 ).mouseout( 5795 function () { 5796 $jx(this).find("span.edit-post").css('visibility', 'hidden'); 5797 } 5798 ); 5799 $jx("li.comment").mouseover( 5800 function () { 5801 $jx(this).find("span.edit-comment").css('visibility', 'visible'); 5802 } 5803 ).mouseout( 5804 function () { 5805 $jx(this).find("span.edit-comment").css('visibility', 'hidden'); 5806 } 5807 );</script>
5807 5808 5809 5810 5811 5812 5813 5814 5815 5816
5816<script type="text/javascript"> 5817 /*----------------------*/ 5818 /* Bootstrap Slider 5819 /*---------------------*/ 5820 5821 var $carousel = jQuery.noConflict(); 5822 $carousel('#myCarousel').carousel( 5823 { 5824 interval: 7000 5825 } 5826 ) 5827 5828 $carousel('#carousel-nav a').click( 5829 function (q) { 5830 q.preventDefault(); 5831 targetSlide = $carousel(this).attr('data-to') - 1; 5832 $carousel('#myCarousel').carousel(targetSlide); 5833 $carousel(this).addClass('active').siblings().removeClass('active'); 5834 } 5835 ); 5836 $carousel('#bootstrap-slider').carousel( 5837 { 5838 interval: 7000 } 5839 ) 5840 5841 $carousel('#carousel-nav a').click( 5842 function (q) { 5843 q.preventDefault(); 5844 targetSlide = $carousel(this).attr('data-to') - 1; 5845 $carousel('#bootstrap-slider').carousel(targetSlide); 5846 $carousel(this).addClass('active').siblings().removeClass('active'); 5847 } 5848 ); 5849 // $('#carousel-rel a').click(function(q){ 5850 // console.log('Clicked'); 5851 // targetSlide = (parseInt($('#carousel-rel a.active').data('to')) + 1) % 3; 5852 // console.log('targetSlide'); 5853 // $('#carousel-rel a[data-to='+ targetSlide +']').addClass('active').siblings().removeClass('active'); 5854 // }); 5855 </script>
5855 5856 5857 5858 <!--END .container--> 5859 </div> 5860 <!--END .footer--> 5861</div> 5862<!--END body--> 5863 <a href="#top" id="top-link"><div id="backtotop"></div></a> 5864 5865 <!-- GA Google Analytics @ https://m0n.co/ga --> 5866
5866<script>
vendor: 349 bytes, lines 5866-5871
5866 5867 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 5868 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 5869 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 5870 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 5871 ga('create', '
5871UA-92309947-1
vendor: 41 bytes, lines 5871-5873
5871', 'auto'); 5872 ga('send', 'pageview'); 5873
5873</script>
5873 5874 5875
5875<script> 5876 if (jQuery(".posts-container-infinite").length == 1) { 5877 var ias = jQuery.ias({ 5878 container: ".posts-container-infinite", 5879 item: "div.post", 5880 pagination: "div.pagination", 5881 next: "a.pagination-next", 5882 }); 5883 5884 ias.extension(new IASTriggerExtension({ 5885 text: "Load more items", 5886 offset: 99999 5887 })); 5888 ias.extension(new IASSpinnerExtension({ 5889 src: "https://www.stylenote.co.jp/wp/wp-content/themes/evolve/library/media/images/loader.gif" 5890 })); 5891 ias.extension(new IASNoneLeftExtension()); 5892 } 5893 </script>
5893<script type='text/javascript' src='/wp/wp-content/themes/evolve/library/media/js/tabs.js?ver=5.9' id='tabs-js'></script>
vendor: 1 bytes, line 5893
5893
5894<script type='text/javascript' src='/wp/wp-content/themes/evolve/library/media/js/main.js?ver=5.9' id='main-js'></script>
vendor: 1 bytes, line 5894
5894
5895<script type='text/javascript' src='/wp/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9' id='regenerator-runtime-js'></script>
vendor: 1 bytes, line 5895
5895
5896<script type='text/javascript' src='/wp/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script>
vendor: 1 bytes, line 5896
5896
5897<script type='text/javascript' id='contact-form-7-js-extra'> 5898/* <![CDATA[ */ 5899var wpcf7 = {"api":{"root":"https:\/\/www.stylenote.co.jp\/wp-json\/","namespace":"contact-form-7\/v1"}}; 5900/* ]]> */ 5901</script>
vendor: 1 bytes, line 5901
5901
5902<script type='text/javascript' src='/wp/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.6' id='contact-form-7-js'></script>
vendor: 1 bytes, line 5902
5902
5903<script type='text/javascript' id='google-invisible-recaptcha-js-before'> 5904var renderInvisibleReCaptcha = function() { 5905 5906 for (var i = 0; i < document.forms.length; ++i) { 5907 var form = document.forms[i]; 5908 var holder = form.querySelector('.inv-recaptcha-holder'); 5909 5910 if (null === holder) continue; 5911 holder.innerHTML = ''; 5912 5913 (function(frm){ 5914 var cf7SubmitElm = frm.querySelector('.wpcf7-submit'); 5915 var holderId = grecaptcha.render(holder,{ 5916 'sitekey': '6LeTrSsaAAAAAKFGt0zqPi5V1l8aWIjiwPVkz1iI', 'size': 'invisible', 'badge' : 'inline', 5917 'callback' : function (recaptchaToken) { 5918 if((null !== cf7SubmitElm) && (typeof jQuery != 'undefined')){jQuery(frm).submit();grecaptcha.reset(holderId);return;} 5919 HTMLFormElement.prototype.submit.call(frm); 5920 }, 5921 'expired-callback' : function(){grecaptcha.reset(holderId);} 5922 }); 5923 5924 if(null !== cf7SubmitElm && (typeof jQuery != 'undefined') ){ 5925 jQuery(cf7SubmitElm).off('click').on('click', function(clickEvt){ 5926 clickEvt.preventDefault(); 5927 grecaptcha.execute(holderId); 5928 }); 5929 } 5930 else 5931 { 5932 frm.onsubmit = function (evt){evt.preventDefault();grecaptcha.execute(holderId);}; 5933 } 5934 5935 5936 })(form); 5937 } 5938}; 5939</script>
vendor: 199 bytes, lines 5939-5940
5939 5940<script type='text/javascript' async defer src='https://www.google.com/recaptcha/api.js?onload=renderInvisibleReCaptcha&render=explicit&hl=ja' id='google-invisible-recaptcha-js'></script>
5941<script type='text/javascript' id='wpcf7cf-scripts-js-extra'> 5942/* <![CDATA[ */ 5943var wpcf7cf_global_settings = {"ajaxurl":"https:\/\/www.stylenote.co.jp\/wp\/wp-admin\/admin-ajax.php"}; 5944/* ]]> */ 5945</script>
vendor: 1 bytes, line 5945
5945
5946<script type='text/javascript' src='/wp/wp-content/plugins/cf7-conditional-fields/js/scripts.js?ver=2.2' id='wpcf7cf-scripts-js'></script>
vendor: 84 bytes, lines 5946-5947
5946 5947<script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=
59476LfmKggtAAAAABGnm3EjlbkWT77rVdvIKmBwIE8w
vendor: 50 bytes, line 5947
5947&ver=3.0' id='google-recaptcha-js'></script>
5948<script type='text/javascript' id='wpcf7-recaptcha-js-extra'> 5949/* <![CDATA[ */ 5950var wpcf7_recaptcha = {"sitekey":"6LfmKggtAAAAABGnm3EjlbkWT77rVdvIKmBwIE8w","actions":{"homepage":"homepage","contactform":"contactform"}}; 5951/* ]]> */ 5952</script>
vendor: 1 bytes, line 5952
5952
5953<script type='text/javascript' src='/wp/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.6' id='wpcf7-recaptcha-js'></script>
5953 5954</body><!-- no feed --><!-- no feed --> 5955<!--END html(kthxbye)--> 5956</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.