1<!doctype html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="HandheldFriendly" content="True"> 7 <meta name="MobileOptimized" content="320"> 8 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> 9 <meta name="msapplication-TileColor" content="#97cfd9"> 10 <meta name="theme-color" content="#97cfd9"> 11 <link rel="pingback" href="https://syundoku.jp/xmlrpc.php"> 12 <title>ãåãåã | æ ªå¼ä¼ç¤¾ ç¬èª</title> 13<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 14<link rel='dns-prefetch' href='//use.fontawesome.com' /> 15<link rel='dns-prefetch' href='//s.w.org' /> 16<link rel="alternate" type="application/rss+xml" title="æ ªå¼ä¼ç¤¾ ç¬èª » ãã£ã¼ã" href="https://syundoku.jp/feed" /> 17<link rel="alternate" type="application/rss+xml" title="æ ªå¼ä¼ç¤¾ ç¬èª » ã³ã¡ã³ããã£ã¼ã" href="https://syundoku.jp/comments/feed" /> 18<link rel='stylesheet' id='mw-wp-form-css' href='https://syundoku.jp/wp-content/plugins/mw-wp-form/css/style.css' type='text/css' media='all' /> 19<link rel='stylesheet' id='sng-stylesheet-css' href='https://syundoku.jp/wp-content/themes/sango-theme/style.css?ver2_0_7' type='text/css' media='all' /> 20<link rel='stylesheet' id='sng-option-css' href='https://syundoku.jp/wp-content/themes/sango-theme/entry-option.css?ver2_0_7' type='text/css' media='all' /> 21<link rel='stylesheet' id='sng-googlefonts-css' href='https://fonts.googleapis.com/css?family=Quicksand%3A500%2C700&display=swap' type='text/css' media='all' /> 22<link rel='stylesheet' id='sng-fontawesome-css' href='https://use.fontawesome.com/releases/v5.11.2/css/all.css' type='text/css' media='all' /> 23<link rel='stylesheet' id='sango_theme_gutenberg-style-css' href='https://syundoku.jp/wp-content/plugins/sango-theme-gutenberg/dist/build/style-blocks.css?version=1.69.14' type='text/css' media='all' /> 24<style id='sango_theme_gutenberg-style-inline-css' type='text/css'> 25.is-style-sango-list-main-color li:before { background-color: #97cfd9; }.is-style-sango-list-accent-color li:before { background-color: #ffb36b; }.sgb-label-main-c { background-color: #97cfd9; }.sgb-label-accent-c { background-color: #ffb36b; } 26</style> 27<link rel='stylesheet' id='whats-new-style-css' href='https://syundoku.jp/wp-content/plugins/whats-new-genarator/whats-new.css' type='text/css' media='all' /> 28<link rel='stylesheet' id='passster-public-css' href='https://syundoku.jp/wp-content/plugins/content-protector/assets/public/passster-public.min.css' type='text/css' media='all' /> 29<link rel='stylesheet' id='ez-icomoon-css' href='https://syundoku.jp/wp-content/plugins/easy-table-of-contents/vendor/icomoon/style.min.css' type='text/css' media='all' /> 30<link rel='stylesheet' id='ez-toc-css' href='https://syundoku.jp/wp-content/plugins/easy-table-of-contents/assets/css/screen.min.css' type='text/css' media='all' /> 31<style id='ez-toc-inline-css' type='text/css'> 32div#ez-toc-container p.ez-toc-title {font-size: 120%;}div#ez-toc-container p.ez-toc-title {font-weight: 500;}div#ez-toc-container ul li {font-size: 95%;} 33</style> 34<link rel='stylesheet' id='poripu-style-css' href='https://syundoku.jp/wp-content/themes/sango-theme-poripu/poripu-style.css' type='text/css' media='all' /> 35<link rel='stylesheet' id='child-style-css' href='https://syundoku.jp/wp-content/themes/sango-theme-poripu/style.css' type='text/css' media='all' /> 36<link rel='stylesheet' id='ofi-css' href='https://syundoku.jp/wp-content/themes/sango-theme-poripu/library/css/ofi.css' type='text/css' media='all' />
37<script type='text/javascript' src='https://syundoku.jp/wp-includes/js/jquery/jquery.js'></script>
vendor: 1 bytes, line 37
37
38<script type='text/javascript' src='https://syundoku.jp/wp-includes/js/jquery/jquery-migrate.min.js'></script>
vendor: 1 bytes, line 38
38
39<script type='text/javascript' src='https://syundoku.jp/wp-content/plugins/content-protector/assets/public/cookie.js'></script>
vendor: 1 bytes, line 39
39
40<script type='text/javascript' src='https://syundoku.jp/wp-content/plugins/content-protector/assets/public/captcha.js'></script>
vendor: 1 bytes, line 40
40
41<script type='text/javascript'> 42/* <![CDATA[ */ 43var ps_ajax = {"ajax_url":"https:\/\/syundoku.jp\/wp-admin\/admin-ajax.php","days":"2","use_cookie":"on","no_ajax":"off","nonce":"65ffa97935","post_id":"46","captcha_error":"Sorry, your captcha solution was wrong.","recaptcha_key":"","shortcodes":[],"disable_encryption":""}; 44/* ]]> */ 45</script>
vendor: 1 bytes, line 45
45
46<script type='text/javascript' src='https://syundoku.jp/wp-content/plugins/content-protector/assets/public/passster-public.min.js'></script>
vendor: 1 bytes, line 46
46
47<script type='text/javascript' src='https://syundoku.jp/wp-content/themes/sango-theme-poripu/library/js/ofi.min.js'></script>
vendor: 1 bytes, line 47
47
48<script type='text/javascript' src='https://syundoku.jp/wp-content/themes/sango-theme-poripu/library/js/prp-ofi.js'></script>
48 49<link rel='https://api.w.org/' href='https://syundoku.jp/wp-json/' /> 50<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://syundoku.jp/xmlrpc.php?rsd" /> 51<link rel="canonical" href="https://syundoku.jp/contact" /> 52<link rel='shortlink' href='https://syundoku.jp/?p=46' /> 53<link rel="alternate" type="application/json+oembed" href="https://syundoku.jp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsyundoku.jp%2Fcontact" /> 54<link rel="alternate" type="text/xml+oembed" href="https://syundoku.jp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsyundoku.jp%2Fcontact&format=xml" /> 55 56<style type="text/css"> 57/* <![CDATA[ */ 58.sns-btn { 59 display: none; 60} 61 62 63.cform th { 64 font-size: 15px; 65 width: 35%; 66 border-bottom: solid 1px #d6d6d6; 67 padding: 10px 15px 10px 15px; 68 font-weight: normal; 69} 70 71.cform td { 72 font-size: 14px; 73 line-height: 150%; 74 border-bottom: solid 1px #d6d6d6; 75 padding: 10px 5px; 76} 77 78.cform { 79 width: 100%; 80 margin: auto; 81} 82 83.cform [type=submit] { 84 display: inline-block; 85 font-size: 20px; 86 padding: 10px 30px; 87 text-decoration: none; 88 background: #ff8f00; 89 color: #FFF; 90 border-bottom: solid 4px #B17C00; 91 border-radius: 3px; 92} 93 94.cform option, 95.cform textarea, 96.cform input[type=text], 97.cform input[type=email], 98.cform input[type=search], 99.cform input[type=url] { 100 width: 100%; 101} 102 103.required-srt { 104 font-size: 8pt; 105 padding: 5px; 106 background: #ce0000; 107 color: #fff; 108 border-radius: 3px; 109 margin-left: 10px; 110 vertical-align: middle; 111} 112 113@media only screen and (max-width:767px) { 114 .cform th, 115 .cform td { 116 width: 100%; 117 display: block; 118 border-top: none; 119 } 120} 121 122.submit-btn input { 123 background: #00142c; 124 width: 60%; 125 max-width: 550px; 126 min-width: 220px; 127 margin: 30px auto; 128 display: block; 129 border: 1px #00142c solid; 130 text-align: center; 131 padding: 5px; 132 color: #fff; 133 transition: all 0.4s ease; 134} 135 136.submit-btn input:hover { 137 background: #fff; 138 color: #00142c; 139} 140/* ]]> */ 141</style> 142<!-- 20190508_ç¬èª_GTM_headç´ä¸è¨ç½® --> 143<!-- Google Tag Manager -->
144<script>
vendor: 331 bytes, lines 144-148
144(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 145new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 146j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 147'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 148})(window,document,'script','dataLayer','
148GTM-PNB64CG
vendor: 3 bytes, line 148
148');
148</script>
148 149<!-- End Google Tag Manager --> 150<!-- 20190508_ç¬èª_GTM_headç´ä¸è¨ç½® --> 151 <style> 152 .passster-form { 153 background: #F9F9F9; 154 padding: 10px; 155 margin: 0px; 156 } 157 .passster-form h4 { 158 font-size: 20px; 159 font-weight: 700; 160 color: #4998b3; 161 } 162 .passster-form p { 163 font-size: 14px; 164 font-weight: 400; 165 color: #000000; 166 } 167 .passster-submit, .passster-submit-recaptcha, .passster-submit-captcha { 168 color: #FFFFFF !important; 169 background: #4998b3 !important; 170 } 171 .passster-submit:hover, .passster-submit-recaptcha:hover, .passster-submit-captcha:hover { 172 color: #FFFFFF !important; 173 background: #aa1100 !important; 174 } 175 </style> 176 <meta name="description" content="å³è³éèªæ³ãç¬èªããååããã©ã¼ã ã§ãããååã»ããªã¬ãã»ãé»è©±çªå·ã»ã¡ã¼ã«ã¢ãã¬ã¹ã»ä»¶åã»ãåãåããå 容ã¯å¿ é ã«ãªãã¾ãã" /><meta property="og:title" content="ãåãåã" /> 177<meta property="og:description" content="å³è³éèªæ³ãç¬èªããååããã©ã¼ã ã§ãããååã»ããªã¬ãã»ãé»è©±çªå·ã»ã¡ã¼ã«ã¢ãã¬ã¹ã»ä»¶åã»ãåãåããå 容ã¯å¿ é ã«ãªãã¾ãã" /> 178<meta property="og:type" content="article" /> 179<meta property="og:url" content="https://syundoku.jp/contact" /> 180<meta property="og:image" content="https://syundoku.jp/wp-content/uploads/2019/06/05.jpeg" /> 181<meta name="thumbnail" content="https://syundoku.jp/wp-content/uploads/2019/06/05.jpeg" /> 182<meta property="og:site_name" content="æ ªå¼ä¼ç¤¾ ç¬èª" /> 183<meta name="twitter:card" content="summary_large_image" /> 184<style type="text/css" id="custom-background-css"> 185body.custom-background { background-color: #ffffff; } 186</style> 187 <style type="text/css"> 188.no-js .native-lazyload-js-fallback { 189 display: none; 190} 191</style> 192 <link rel="icon" href="https://syundoku.jp/wp-content/uploads/2019/06/logo_navy_l_fix-125x125.png" sizes="32x32" /> 193<link rel="icon" href="https://syundoku.jp/wp-content/uploads/2019/06/logo_navy_l_fix-300x300.png" sizes="192x192" /> 194<link rel="apple-touch-icon" href="https://syundoku.jp/wp-content/uploads/2019/06/logo_navy_l_fix-300x300.png" /> 195<meta name="msapplication-TileImage" content="https://syundoku.jp/wp-content/uploads/2019/06/logo_navy_l_fix-300x300.png" /> 196 <style type="text/css" id="wp-custom-css"> 197 @import url("/wp-content/themes/sango-theme-poripu/user-style.css?v=20260810"); 198 199.youtube { 200 width: 100%; 201} 202.youtube iframe { 203 width: 100%; 204 height: 100%; 205} 206 207.entry-content p { 208 z-index: 50; 209} 210span.disc_txt { 211 font-weight: 300; 212 font-size: 80%; 213} 214/* floating-banner */ 215.fixed_btn{ 216 position: fixed; 217 bottom:1px; 218 margin:0 auto; 219 z-index:99; 220 border:none; 221 background-color: #97cfd94d; 222 border: 1px solid #97cfd9; 223 width:100%; 224} 225/*#footer-menu { 226 padding: 20px 10px 30px; 227} */ 228 229#footer-menu { 230 padding: 20px 10px 10px; 231 text-align: center; 232   height:200px; 233} 234button.fixed_btn { 235   height: 80px; 236} 237 238.pcnone{display:none} 239 240h1.entry-title.single-title { 241 font-size: 1.5rem; 242} 243 244/* å³ã«ã©ã èª¿æ´ */ 245p.w-img { 246 width: 98%; 247 box-shadow: 2px 2px 4px #c6c6c6; 248} 249 250button#searchsubmit { 251 display: none; 252} 253 254/* æ¨è¦è ã®å£° */ 255.r-text { 256 margin-top: 30px; 257 width: 88%; 258 margin: 0 auto; 259} 260p.p-text { 261 font-size: 16px; 262 margin-top: 20px; 263} 264 265ul#my_sidebar_widget { 266 margin-top: -40px; 267} 268a.btn.raised.accent-bc.strong { 269 color: #fff; 270 background-color: #FFB36B; 271} 272 273.post, .sidebar .widget { 274 border: none!important; 275} 276 277/*ããã¿ã¼ã®ã«ã¹ã¿ãã¤ãº */ 278footer.footer { 279 background-color: #f2f2f2; 280} 281.footer .widget ul:not(.my-widget) li a:before { 282 content:none; 283} 284ul li a .n-txt2 { 285 font-size: 14px; 286} 287 288/** brã¿ã°ãã©ããªå ´åã§ã表示 */ 289br{ 290ãdisplay: block !important; 291} 292 293.pcnone{display:none;} 294.spnone{display:block;} 295 296/* 297time.updated.entry-time { 298 display: none; 299} 300*/ 301h1 img { 302 width: 14%; 303} 304 305/*ããããã¼ã¸ã®æ¡å ãªã³ã¯ 306---------------*/ 307.header-info2 a { 308 color: #FFF; 309 background: linear-gradient(95deg,#f88080ad,#f88080ad); 310} 311.header-info2 a { 312 display: block; 313 padding: 10px; 314 font-weight: bold; 315 border-top: solid 1px rgba(255, 255, 255, 0.3); 316 text-align: center; 317 animation: fadeHeader 0.7s ease 0s 1 normal; 318 text-decoration:none; 319} 320/*ããã¾ã§----------*/ 321 322/*Experience----*/ 323.row.e-block { 324 margin-top: 100px !important; 325} 326p.eb-text { 327 line-height: 1.8; 328} 329p.eb-title { 330 font-size: 1.5rem; 331 font-weight: 600; 332 margin-bottom: 20px; 333} 334 335/*ããã¾ã§----------*/ 336 337.spOnly{display:none} 338 339h2.center.n-title { 340 padding-top: 90px; 341} 342 343label.fab-btn.accent-bc { 344 display: none; 345} 346 347h1#logo { 348 width: 29% !important; 349} 350 351 352#logo a:hover { 353 text-decoration: none; 354 font-weight: 600; 355} 356 357#logo a { 358 text-decoration: none; 359 font-weight: 600; 360} 361 362/*.wrap { 363 overflow: hidden; 364}*/ 365 366h1#logo { 367 width: 50%; 368} 369 370 371*{ 372 margin : 0; 373 padding : 0; 374} 375 376 377div#respond { 378 display: none; 379} 380 381.header-image__text p { 382 color: #0D0D0D; 383} 384 385p.hh.hh7.pastel-bc.main-bdr { 386 color: #fff !important; 387} 388 389p.a-text { 390 background-color: #97CFD9; 391 color: #ffff; 392 padding: 10px; 393 font-weight: 600; 394} 395 396.hh11 { 397 background: #97CFD9 !important; 398 color:#ffff; 399} 400 401.hh11:after { 402 border-top: 15px solid #97CFD9 !important; 403} 404 405.hh15 { 406 background: #97CFD9 !important; 407} 408 409h1.page-title { 410 font-size: 200%; 411} 412 413#footer-menu { 414 background-color: #97CFD9 !important; 415} 416 417#logo { 418 font-size: 16px; 419} 420
421#inner-content .hh7 { 422 padding: 6px 3px 3px 11px; 423} 424 425.fa-envelope:before { 426 color: #fff; 427} 428 429.fa-book-open:before { 430 color: #fff; 431} 432 433i.fa.fa-list-ul { 434 color: #fff; 435} 436 437.fa-home:before { 438 color: #fff; 439} 440 441.fixed-menu a { 442 color: #fff !important; 443} 444 445a:hover { 446 opacity: 0.7; 447} 448 449#footer-menu a, .copyright, #drawer__open, .header-search__open, .drawer__title { 450 color: #fff !important; 451} 452 453i.fas.fa-bars { 454 color: #000000e0; 455} 456 457img.center { 458 margin-left: 32px; 459 } 460 461.sns-btn { 462 display: none; 463} 464 465input[type="text"] ,input[type="email"],textarea{ 466 background-color: white; 467} 468#header img { 469 position: absolute; 470 z-index: -1; 471 top: 0; 472 left: 0; 473 padding: 3em 0; 474} 475 476.submit-btn { 477 text-align: center; 478} 479 480section#message2 { 481 background-color: #FFB36B; 482 padding-bottom: 100px; 483 color: #ffff; 484} 485 486section#sec05 { 487 background-color: #f2f2f2; 488 padding-bottom: 110px; 489} 490 491section#experience { 492   margin-bottom: 200px; 493} 494 495 496.wow.fadeInUp { 497 text-align: center; 498 font-size: 30px; 499 font-weight: 600; 500 color: #6bc2d2; 501} 502 503 504.entry-content ul, .entry-content ol { 505 padding: 0; 506 border: none; 507} 508 509li.t-txt a { 510 color: #636363; 511} 512 513li.n-txt a { 514 color: #636363; 515} 516 517 518.col-sm-3 { 519 flex: 0 0 25%; 520} 521 522section.entry-content.cf { 523 margin-bottom: 100px; 524} 525 526 527 528element.style { 529 height: 100%; 530 position: absolute; 531 top: 0px; 532 width: 100%; 533 opacity: 1; 534 background-color: rgba(0, 0, 0, 0); 535} 536 537.linkto { 538 max-width: 550px; 539 width: 100%; 540 margin: 1em 0 1.5em; 541 padding: 10px; 542 border: solid 2px #fff; 543 border-bottom:solid 1px #c7c7c7; 544 border-radius: 3px; 545 background: #fff; 546 color: #555; 547 font-weight: bold; 548 text-decoration: none !important; 549} 550 551li.t-txt { 552 line-height: 2.5; 553} 554 555li.n-txt { 556 line-height: 2; 557} 558 559/* 代表ã¡ãã»ã¼ã¸ 560---------------*/ 561#message { 562   margin-bottom: 10px; 563} 564img.bimg2 { 565 margin-top: 20px; 566} 567 568.me-text { 569 padding: 28px; 570 border: 4px solid #b3b3b3; 571 margin: 35px 0px; 572 position: absolute; 573 top: -8px; 574 left: 17px; 575 letter-spacing: 0.04em; 576 font-size: 15px; 577 color:#5e626a; 578} 579.y-title { 580font-size: 1.5rem; 581 margin-top: 2rem; 582 font-weight: 600; 583 584} 585 586h2.y-title { 587 padding-top: 44px; 588} 589 590/*.row.r01 { 591 background-image: url(https://syundoku.jp/wp-content/uploads/2019/09/bg-o.png); 592 background-repeat: no-repeat; 593 background-size: contain; 594}*/ 595 596img.bimg { 597 margin-top: 12px; 598 width: 83%; 599 margin-left: 48px; 600 margin-bottom: -50px; 601 border-radius: 4px; 602} 603 604section#message3 { 605 background-color: #ffb36b2b; 606 background-image: url(https://syundoku.jp/wp-content/uploads/2019/09/me-bg03.png); 607 background-repeat: no-repeat; 608 background-size: contain; 609 margin-bottom: 150px; 610 611} 612 613section#message4 { 614 background-color: #ffb36b2b; 615 background-image: url(https://syundoku.jp/wp-content/uploads/2019/09/me-bg03.png); 616 background-repeat: no-repeat; 617 background-size: contain; 618 margin-bottom: 150px; 619 margin-top:200px; 620 621} 622img.ye { 623 width: 80%; 624 margin-left: 72px; 625 border-radius: 5px; 626} 627 628.message04 { 629 padding-top: 65px; 630} 631 632 633/*ä½é¨ä¼ 634---------------*/ 635h2.exp { 636 padding-top: 270px; 637 text-align: left; 638 font-size: 3em; 639 color: #90949c; 640} 641h2.exp2 { 642 font-size: 3em; 643 color: #90949c; 644 text-align: left; 645 padding: 0; 646} 647 648/*CONTACT 649---------------*/ 650section.entry-content.cf.contact-us { 651 background-image: url(https://syundoku.jp/wp-content/uploads/2020/10/contactus1.jpg); 652 background-size: cover; 653 background-repeat: no-repeat; 654 background-attachment: fixed; 655 height: 500px; 656 margin-bottom:0px; 657} 658h2.con-txt { 659 padding-top: 225px; 660} 661 662h2.contact-t { 663 padding-top: 220px; 664} 665 666/*footerã¡ãã¥ã¼ 667---------------*/ 668h4.as-name { 669 font-size: 18px; 670 padding: 0; 671 margin-top: 16px; 672} 673 674 675@media only screen and (max-width: 1024px){ 676#page_top { 677 width: 90px; 678 height: 90px; 679 position: fixed; 680 right: 0; 681 bottom: 56px; 682 background: #F88080; 683 opacity: 0.6; 684 border-radius: 50%; 685 z-index: 999; 686} 687 688.message .message_1 { 689 padding: 0 0 2%; 690 margin-top: 0; 691} 692 693 p.fv-text { 694 width: 80%; 695 margin: 0 auto; 696 font-size: 12px; 697} 698 699h4.fnt_pop_sb { 700 margin-top: 0; 701} 702 703 704/*代表ã¡ãã»ã¼ã¸ 705---------------*/ 706section#message { 707 margin-top: 200px; 708} 709 710p.y-title { 711 font-size: 1.3rem; 712 margin-top: 1rem; 713} 714 715.me-text { 716 padding: 13px; 717} 718 719h2.as-tit { 720 padding-top: 70px; 721 padding-bottom: 40px; 722} 723 724} 725 726 727@media only screen and (max-width: 768px){ 728.col-sm-3 { 729 flex: 0 0 20%; 730} 731 732 h1#logo { 733 width: 90%; 734} 735 736/*#header { 737 height: 337px; 738}*/ 739 740#slogan h1 { 741 font-size: 33px; 742 } 743 744section#message { 745 margin-top: 66px; 746} 747 .spOnly{display:block} 748 749/*代表ã¡ãã»ã¼ã¸ 750---------------*/ 751img.ye { 752 width: 90%; 753 margin-left: 3px; 754} 755 756p.y-title { 757 margin-top: -22px; 758} 759 760.me-text { 761 padding: 6px; 762 margin: 45px 0px; 763 top: -50px; 764 left: -24px; 765 letter-spacing: 0.04em; 766 font-size:15px; 767} 768 769section#message3 { 770 margin-bottom: 220px; 771} 772 773img.bimg { 774 margin-top: 12px; 775 width: 83%; 776 margin-left: 30px; 777} 778 779img.bimg2 { 780 margin-top: 44px; 781} 782 783.message .message_1 { 784 margin-top: 75px; 785} 786 787h2.exp { 788 font-size: 2em; 789 margin-bottom: 0; 790} 791 #movie2 { 792 height: 344px; 793} 794} 795 796 797 798@media only screen and (max-width: 414px){ 799 .pcnone{display:block;} 800 .spnone{display:none !important;} 801 802 div.fl_btn.spnone{ 803 display:none !important; 804 } 805 806img.bimg2 { 807 margin-top: 490px !important; 808} 809 810/* èª¿æ´ */ 811h2.top_menu.title-border { 812 padding-top: 1px; 813} 814 815shtb2 { 816 margin: 0; 817} 818.shtb2.tbrsp, .shtb2.tbrsp .cell, .shtb2.tbrsp .cell, .shtb3.tbrsp, .shtb3.tbrsp .cell, .shtb3.tbrsp .cell { 819 margin-bottom: 0; 820} 821section#message4 { 822 margin-bottom: 60px; 823 margin-top:10px; 824} 825h2.center.n-title { 826 padding-top: 1px; 827} 828/* 調æ´ããã¾ã§ */ 829 830 831/* æ¨è¦è ã®å£° */ 832.r-text { 833 margin-top: 30px; 834 width: 88%; 835 margin: 0 auto; 836} 837p.p-text { 838 font-size: 16px; 839 margin-top: 20px; 840} 841 842/*Experience----*/ 843.row.e-block-sp { 844 margin-top: 50px !important; 845} 846p.eb-text { 847 line-height: 1.8; 848} 849p.eb-title { 850 font-size: 1.2rem !important; 851 margin-top: 20px; 852 font-weight:600; 853} 854 855/*ããã¾ã§----------*/ 856 857 858p.eb-title { 859 font-size: 1.3rem; 860 margin-top: 20px; 861} 862 863 864#header { 865 height:315px; 866} 867 868 869p.fv-text { 870 width: 95%; 871 } 872 873h1#logo { 874 width: 100% !important; 875} 876 877 878#movie2 { 879 background: url(https://syundoku.jp/wp-content/uploads/2019/08/back.jpg) no-repeat; 880 background-size: cover; 881 height: 200px; 882 margin-top: 50px; 883 margin-bottom: 40px; 884} 885 886 887/*ä½é¨ä¼ 888---------------*/ 889.me-text { 890 padding: 35px 13px 17px; 891 border: 3px solid #b3b3b3; 892 margin: 30px 37px; 893 position: absolute; 894 top: -18px; 895 left: 10px; 896 letter-spacing: 0.04em; 897 font-size: 15px; 898 width: 95%; 899} 900.me-text2 { 901 padding: 35px 13px 17px; 902 border: 3px solid #b3b3b3; 903 /* margin: 30px 37px; */ 904 position: absolute; 905 /* top: -18px; */ 906 left: 10px; 907 /* letter-spacing: 0.04em; */ 908 /* font-size: 15px; */ 909 width: 95%; 910} 911 912/* img.bimg { 913 margin-top: 374px; 914 width: 62%; 915 margin-left: 113px; 916 margin-bottom: -50px; 917}*/ 918 919 h2.exp { 920 padding-top: 0px; 921 font-size: 2em; 922 margin: 0; 923} 924 925 926 h1#logo { 927 width: 100%; 928} 929 930 931.col-sm-3 { 932 margin: 20px; 933 flex: auto; 934} 935 936 .col-sm-4 { 937 margin: 20px; 938 flex: auto; 939} 940 941 .col-sm-2 { 942 margin: 20px; 943 flex: auto; 944} 945 946 947div#footer-menu { 948 display: none; 949} 950 951div#page_top { 952 display: none; 953} 954 955p#logo { 956 width: 100%; 957} 958 959 #slogan h1 { 960 font-size: 30px ; 961 line-height: 1.5 !important; 962} 963 964 p.fv-text {
965 padding: 0 30px; 966} 967 968.movie-inner{ 969 margin: 20px auto; 970 height: 9rem; 971 padding: 20px 0px 0px; 972} 973 974 h4.fnt_pop_sb { 975 margin-top: 0; 976} 977 978.wow.fadeInUp { 979 width: 100%; 980 margin: 0 auto; 981} 982 983 .message .message_1 p { 984 padding: 0; 985 line-height: 150%; 986 letter-spacing: .1em; 987 width: 87%; 988 margin: 0 auto; 989 padding-bottom: 40px; 990 text-align: center; 991} 992 993.message03 h2 { 994 padding-top: 35px; 995 padding-bottom: 14px; 996} 997 998.massage01 { 999 margin-left: 0; 1000} 1001 1002.shtb2.tbrsp, .shtb2.tbrsp .cell, .shtb2.tbrsp .cell, .shtb3.tbrsp, .shtb3.tbrsp .cell, .shtb3.tbrsp .cell { 1003 padding: 5px; 1004} 1005 1006 section#experience { 1007 margin-bottom: 0; 1008} 1009 1010 .wow.fadeInUp { 1011 text-align: center; 1012 font-size: 20px; 1013 padding-bottom: 20px; 1014} 1015 1016 1017 1018 div#map { 1019 margin-top: 30px; 1020} 1021 1022/*æ¦è¦ 1023---------------*/ 1024 1025section#message { 1026 margin-top: 5px; 1027} 1028 1029 /*代表ã¡ãã»ã¼ã¸ 1030---------------*/ 1031img.ye { 1032 width: 50%; 1033 margin-left: 20px; 1034 margin-top: -38px; 1035} 1036 1037p.y-title { 1038 margin-top: -140px; 1039 font-size: 12px; 1040 margin-left: 226px; 1041} 1042 1043img.bimg2 { 1044 margin-top: 470px; 1045} 1046 1047h2.as-tit { 1048 padding-top: 30px; 1049 padding-bottom: 30px; 1050} 1051 1052 p.me-text2 { 1053 font-size: 14px; 1054} 1055a.btn.raised.accent-bc.strong { 1056 margin-bottom: 30px; 1057 margin-top: 30px; 1058} 1059 1060section#category-list { 1061 margin-bottom: 0; 1062} 1063 1064section.mb-5 { 1065 width: 95%; 1066 margin: 0 auto; 1067} 1068 1069} 1070 1071 1072 1073@media only screen and (max-width: 375px){ 1074#slogan h1 { 1075 font-size: 25px; 1076 } 1077.header-info2 a { 1078 font-size: 14px; 1079} 1080p.fv-text { 1081 width: 100%; 1082 font-size: 14px; 1083} 1084 1085/*#header { 1086 height: 244px; 1087}*/ 1088.message .message_1 p { 1089 font-size: 14px; 1090} 1091/*代表ã¡ãã»ã¼ã¸ 1092---------------*/ 1093p.me-text2 { 1094 font-size: 14px; 1095} 1096 .message .message_1 { 1097 margin-top: 40px; 1098} 1099.wow.fadeInUp { 1100 font-size: 18px; 1101} 1102img.bimg2 { 1103 margin-top: 500px; 1104} 1105
1106 img.bimg { 1107 margin-top: 443px; 1108 margin-left: 130px; 1109} 1110 1111img.ye { 1112 width: 49%; 1113 margin-left: 10px; 1114} 1115 1116p.y-title { 1117 margin-top: -89px; 1118 font-size: 11px; 1119 margin-left: 198px; 1120} 1121 1122.message04 { 1123 padding-top: 27px; 1124} 1125 1126img.bimg { 1127 margin-top: 602px; 1128} 1129 1130.me-text { 1131 margin: 24px 22px; 1132 1133} 1134 1135.me-text { 1136 top: -17px; 1137} 1138 1139} 1140 1141 1142@media only screen and (max-width: 360px){ 1143 1144a.btn.raised.accent-bc.strong { 1145 font-size: 15px; 1146} 1147 1148span.tbcell.tbtext { 1149 font-size: 12px; 1150} 1151 1152p.y-title { 1153 margin-top: -83px; 1154} 1155 1156} 1157 1158 1159@media only screen and (max-width: 320px){ 1160 1161#header { 1162 height: 322px; 1163} 1164 1165a.btn.raised.accent-bc.strong { 1166 font-size: 12px; 1167} 1168 1169p.y-title { 1170 margin-top: -73px; 1171 font-size: 11px; 1172 margin-left: 157px; 1173} 1174 1175img.bimg { 1176 margin-top: 515px; 1177 margin-left: 110px; 1178} 1179 1180.me-text { 1181 font-size: 13px; 1182} 1183 1184.wow.fadeInUp { 1185 font-size: 22px; 1186 width: 90%; 1187} 1188img.bimg2 { 1189 margin-top: 606px; 1190} 1191 h2.exp2 { 1192 font-size: 22px; 1193 } 1194} 1195 1196/* ã¹ããã§ã¯ããã¼ãã£ã³ã°ããã¼ã絶対ã«é表示ã«ãã */ 1197@media screen and (max-width: 768px){ 1198 body div.fl_btn.spnone, 1199 body div.spnone.fl_btn { 1200 display: none !important; 1201 visibility: hidden !important; 1202 opacity: 0 !important; 1203 height: 0 !important; 1204 overflow: hidden !important; 1205 } 1206} 1207 1208 1209/* ================================================== 1210 Syundoku FV â SANGO 追å CSS 1211 ================================================== */ 1212 1213/* FVã®å ¨ä½ï¼èæ¯ã»ä½ç½ï¼ */ 1214.sy-fv{ 1215 --main:#152549; 1216 --ink:#0b1220; 1217 --muted:rgba(15, 23, 42, .72); 1218 --bgimg:url("https://syundoku.jp/wp-content/uploads/2026/02/book1.jpg"); 1219 1220 position: relative !important; 1221 overflow: hidden !important; 1222 1223 /* â ããéè¦ï¼FVãâæ£è¦ã®ã³ã³ãã³ãå¹ âã«æããï¼ãã«å¹ è§£é¤ï¼ */ 1224 width: auto !important; 1225 margin-left: 0 !important; 1226 margin-right: 0 !important; 1227 1228 padding: clamp(28px, 4vw, 56px) 0 !important; 1229} 1230 1231/* èæ¯ï¼FVã®å å´ã«æ·ãï¼ */ 1232.sy-fv .sy-fv__bg{ 1233 position:absolute !important; 1234 inset:0 !important; 1235 background: var(--bgimg) center/cover no-repeat !important; 1236 transform: scale(1.02); 1237} 1238.sy-fv .sy-fv__overlay{ 1239 position:absolute !important; 1240 inset:0 !important; 1241 background: linear-gradient(90deg, 1242 rgba(255,255,255,.92) 0%, 1243 rgba(255,255,255,.86) 45%, 1244 rgba(255,255,255,.68) 100% 1245 ) !important; 1246} 1247 1248/* ä¸èº«ã®æå¤§å¹ ï¼ããã¯å¥½ã¿ã§ 1100ã1240ãããï¼ */ 1249.sy-fv .sy-fv__inner{ 1250 position: relative !important; 1251 max-width: 1180px !important; 1252 margin: 0 auto !important; 1253 padding: 0 22px !important; 1254} 1255 1256/* 2ã«ã©ã ï¼å³ï¼åç»ï¼ãåºå®å¹ ã«ãã¦å¤§ãããªããããªãããã«ãã */ 1257.sy-fv .sy-fv__grid{ 1258 display: grid !important; 1259 grid-template-columns: minmax(0, 1fr) 520px !important; /* âå³å¹ (調æ´å¯) */ 1260 gap: 28px !important; 1261 align-items: center !important; 1262} 1263 1264/* å·¦å´ */ 1265.sy-fv .sy-fv__title{ 1266 margin: 0 0 14px !important; 1267 font-weight: 900 !important; 1268 letter-spacing: .02em !important; 1269 line-height: 1.18 !important; 1270 color: var(--ink) !important; 1271 font-size: clamp(30px, 3.2vw, 46px) !important; 1272} 1273.sy-fv .sy-fv__lead{ 1274 margin: 0 0 12px !important; 1275 color: var(--muted) !important; 1276 font-size: 14px !important; 1277  line-height: 1.5 !important; 1278} 1279.sy-fv .sy-fv__btn{ 1280 display: inline-flex !important; 1281 align-items: center !important; 1282 justify-content: center !important; 1283 margin-top: 14px !important; 1284 padding: 14px 20px !important; 1285 background: var(--main) !important; 1286 color: #fff !important; 1287 font-weight: 800 !important; 1288 text-decoration: none !important; 1289 box-shadow: 0 14px 26px rgba(21,37,73,.22) !important; 1290} 1291.sy-fv .sy-fv__btn:hover{ 1292 transform: translateY(-1px); 1293 opacity: .98; 1294} 1295 1296/* å³å´ï¼åç»ï¼ */ 1297.sy-fv .sy-fv__right{ 1298 display: flex !important; 1299 justify-content: center !important; 1300} 1301.sy-fv .sy-fv__videoWrap{ 1302 width: 520px !important; /* âããã 480ã560 ã§èª¿æ´OK */ 1303 max-width: 100% !important; 1304 aspect-ratio: 16 / 9 !important; 1305 overflow: hidden !important; 1306 border: 1px solid rgba(15,23,42,.12) !important; 1307 box-shadow: 0 18px 40px rgba(15, 23, 42, .12) !important; 1308 background: rgba(255,255,255,.6) !important; 1309} 1310.sy-fv video.sy-fv__video{ 1311 width: 100% !important; 1312 height: 100% !important; 1313 max-width: 100% !important; 1314 display: block !important; 1315 object-fit: cover !important; 1316} 1317 1318/* SPã¯1ã«ã©ã */ 1319@media (max-width: 900px){ 1320 .sy-fv .sy-fv__grid{ 1321 grid-template-columns: 1fr !important; 1322 } 1323 .sy-fv .sy-fv__videoWrap{ 1324 width: 100% !important; 1325 } 1326} 1327/* FVï¼èæ¯ã ãç»é¢æ¨ªå¹ ãã£ã±ãã«ããï¼ä¸èº«ã¯æ£è¦å¹ ã
1327®ã¾ã¾ï¼ */ 1328 1329/* èæ¯ãã¯ã¿åºããããã«ããï¼ã¯ãªããè§£é¤ï¼ */ 1330.sy-fv{ 1331 overflow: visible !important; 1332} 1333 1334/* èæ¯ç»åã¬ã¤ã¤ã¼ã 100vw ã«ãã¦ä¸å¤®åºæºã§é ç½® */ 1335.sy-fv .sy-fv__bg{ 1336 left: 50% !important; 1337 right: auto !important; 1338 width: 100vw !important; 1339 top: 0 !important; 1340 bottom: 0 !important; 1341 transform: translateX(-50%) scale(1.02) !important; 1342 z-index: 0 !important; 1343} 1344 1345/* ãªã¼ãã¼ã¬ã¤ãèæ¯ã¨åããå ¨å¹ ã« */ 1346.sy-fv .sy-fv__overlay{ 1347 left: 50% !important; 1348 right: auto !important; 1349 width: 100vw !important; 1350 top: 0 !important; 1351 bottom: 0 !important; 1352 transform: translateX(-50%) !important; 1353 z-index: 1 !important; 1354} 1355 1356/* ä¸èº«ã¯åé¢ã« */ 1357.sy-fv .sy-fv__inner{ 1358 position: relative !important; 1359 z-index: 2 !important; 1360} 1361 1362 1363 1364/* FV å¼·å¶ä¸æ¸ãï¼å³ä¸ã®è¶è²ãå®å ¨ã«æ¶ã ï¼èæ¯ã»ãªã¼ãã¼ã¬ã¤ã»ä½ç½ã¾ã§ã¾ã¨ãã¦âç½ãã¼ã«âã§è¦ãï¼*/ 1365 1366/* FVæ¬ä½ãåºæºã« */ 1367.sy-fv{ 1368 position: relative !important; 1369 overflow: visible !important; 1370 background: transparent !important; 1371} 1372 1373/* FVã®âèé¢âã«èæ¯ç»åï¼100vwï¼ãå¼·å¶ */ 1374.sy-fv::after{ 1375 content:"" !important; 1376 position:absolute !important; 1377 top:0 !important; 1378 bottom:0 !important; 1379 left:50% !important; 1380 width:100vw !important; 1381 transform:translateX(-50%) !important; 1382 background: url("https://syundoku.jp/wp-content/uploads/2026/02/book1.jpg") center/cover no-repeat !important; 1383 z-index:0 !important; 1384} 1385 1386/* FVã®âå ¨é¢âã«ç½ãã¼ã«ï¼100vwã»å ¨é«ï¼ãå¼·å¶ â è¶è²ã®é²åºãç©ççã«ä¸å¯ã«ãã */ 1387.sy-fv::before{ 1388 content:"" !important; 1389 position:absolute !important; 1390 top:0 !important; 1391 bottom:0 !important; 1392 left:50% !important; 1393 width:100vw !important; 1394 transform:translateX(-50%) !important; 1395 background: linear-gradient(90deg, 1396 rgba(255,255,255,.96) 0%, 1397 rgba(255,255,255,.90) 45%, 1398 rgba(255,255,255,.80) 100% 1399 ) !important; 1400 z-index:1 !important; 1401 pointer-events:none !important; 1402} 1403 1404/* æ¢åã®èæ¯/ãªã¼ãã¼ã¬ã¤è¦ç´ ã¯ç¡å¹åï¼ãºã¬åå ãæé¤ï¼ */ 1405.sy-fv .sy-fv__bg, 1406.sy-fv .sy-fv__overlay{ 1407 display:none !important; 1408} 1409 1410/* ä¸èº«ãæåé¢ã¸ */ 1411.sy-fv .sy-fv__inner, 1412.sy-fv .sy-fv__grid, 1413.sy-fv .sy-fv__left, 1414.sy-fv .sy-fv__right{ 1415 position: relative !important; 1416 z-index: 2 !important; 1417} 1418 1419/* FVã®ç´å¾è¦ç´ ã®èæ¯ãè¦ãã±ã¼ã¹å¯¾çï¼FVã«ä½ç½ãæããã¦ä¸ç«¯ã¾ã§è¦ã */ 1420.sy-fv{ 1421 padding-bottom: clamp(34px, 4.5vw, 64px) !important; 1422} 1423 1424/* FVï¼èæ¯ã¯å ¨é¢ãã³ã³ãã³ãã ãå¹ ãçã */ 1425.sy-fv{ 1426 position: relative; 1427 overflow: hidden; 1428} 1429 1430/* èæ¯ã¬ã¤ã¤ã¼ã¯ãã«å¹ */ 1431.sy-fv__bg, 1432.sy-fv__overlay{ 1433 position: absolute; 1434 inset: 0; 1435 width: 100%; 1436} 1437 1438/* â ãããæ¬å½ï¼ã³ã³ãã³ãå¹ ãçããã¦ä¸å¤®å¯ã */ 1439.sy-fv__inner{ 1440 max-width: 980px; /* â 好ã¿ã§ 880ã1040 ãããã§èª¿æ´OK */ 1441 margin: 0 auto; 1442 padding: 0 22px; 1443 position: relative; /* èæ¯ããæåã« */ 1444 z-index: 1; 1445} 1446 1447/* FVãå ã container ã ããå¹ å¶ç´ãè§£é¤ï¼ä»ã®ãã¼ã¸ã¯è§¦ããªãï¼ */ 1448.container > .sy-fv{ 1449 width: 100%; 1450} 1451 1452 1453/* FVã®ã³ã³ãã³ãå¹ ãçãããï¼æçµä¸æ¸ã */ 1454.sy-fv .sy-fv__inner{ 1455 max-width: 980px !important; /* ããã§ç¢ºå®ã«å㤠*/ 1456} 1457 1458/* ã¤ãã§ã«å³ï¼åç»ï¼ãå°ãå°ãããããªã */ 1459.sy-fv .sy-fv__grid{ 1460 grid-template-columns: minmax(0, 1fr) 460px !important; 1461} 1462.sy-fv .sy-fv__videoWrap{ 1463 width: 460px !important; 1464} 1465@media (max-width: 900px){ 1466 .sy-fv .sy-fv__grid{ 1467 grid-template-columns: 1fr !important; 1468 } 1469 .sy-fv .sy-fv__videoWrap{ 1470 width: 100% !important; 1471 } 1472} 1473 1474 1475 1476/* ========================= 1477 Syundoku Stats section 1478æ°åãèªãæ°ããéèªæ³ãç¬èªãã®å 1479 ========================= */ 1480.sy-stats{ 1481 --main:#152549; 1482 --bg:#97CFD9; /* ç»åã®æ·¡ããã«ã¼ã«å¯ãã */ 1483 --card:#ffffff; 1484 --ink:#0b1220; 1485 --muted:rgba(11,18,32,.72); 1486 --accent:#f29aa0; /* æ·¡ããã³ã¯ï¼æ°åï¼ */ 1487 1488 background: var(--bg); 1489 padding: clamp(34px, 4.8vw, 62px) 0; 1490} 1491 1492/* SANGOã®h2ä½ç½/è£ é£¾ã®å½±é¿ãåãã«ãããã */ 1493.sy-stats__title{ 1494 margin: 0 0 clamp(18px, 3vw, 30px) !important; 1495 text-align: center; 1496 color: var(--ink); 1497 font-weight: 900; 1498 letter-spacing: .02em; 1499 line-height: 1.3; 1500 font-size: clamp(20px, 2.2vw, 28px); 1501} 1502 1503.sy-stats__inner{ 1504 max-width: 1180px; 1505 margin: 0 auto; 1506 padding: 0 22px; 1507} 1508 1509.sy-stats__grid{ 1510 display: grid; 1511 grid-template-columns: repeat(3, minmax(0, 1fr)); 1512 gap: clamp(14px, 2.2vw, 22px); 1513 align-items: stretch; 1514} 1515 1516/* Card */ 1517.sy-statCard{ 1518 background: var(--card); 1519 border: 1px solid rgba(21,37,73,.28); 1520 border-radius: 10px; 1521 overflow: hidden; 1522 box-shadow: 0 10px 26px rgba(11,18,32,.08); 1523 padding: 18px 18px 16px; 1524 position: relative; 1525} 1526
1527/* ä¸é¨ã®ãã¤ãã¼ã©ã¤ã³ */ 1528.sy-statCard::before{ 1529 content:""; 1530 position:absolute; 1531 top:0; left:0; right:0; 1532 height: 5px; 1533 background: var(--main); 1534} 1535 1536.sy-statCard__eyebrow{ 1537 margin: 6px 0 12px !important; 1538 text-align: center; 1539 color: rgba(21,37,73,.82); 1540 font-weight: 800; 1541 font-size: 13px; 1542 letter-spacing: .02em; 1543} 1544 1545.sy-statCard__value{ 1546 margin: 0 !important; 1547 text-align: center; 1548 line-height: 1.05; 1549} 1550 1551.sy-statCard__num{ 1552 font-weight: 900; 1553 color: var(--accent); 1554 font-size: clamp(34px, 4.2vw, 58px); 1555 letter-spacing: .02em; 1556} 1557 1558.sy-statCard__unit{ 1559 margin-left: 6px; 1560 font-weight: 900; 1561 color: rgba(21,37,73,.85); 1562 font-size: clamp(18px, 2vw, 28px); 1563} 1564 1565.sy-statCard__rule{ 1566 height: 1px; 1567 background: rgba(21,37,73,.25); 1568 width: 76%; 1569 margin: 14px auto 12px; 1570} 1571 1572.sy-statCard__caption{ 1573 margin: 0 !important; 1574 text-align: center; 1575 color: var(--muted); 1576 font-weight: 700; 1577 font-size: 13px; 1578 letter-spacing: .02em; 1579} 1580 1581/* ã¬ã¹ãã³ã·ã */ 1582@media (max-width: 900px){ 1583 .sy-stats__grid{ grid-template-columns: 1fr; } 1584 .sy-statCard{ padding: 18px 16px 16px; } 1585} 1586 1587/* æ°åã»ã¯ã·ã§ã³ï¼ä¸ã®ä½ç½ãè©°ãã */ 1588body .entry-content .sy-stats{ 1589  padding-top: 25px !important;  /* âããã§ä¸ãè©°ããï¼ä¾ï¼18pxï¼ */ 1590 padding-bottom: 52px !important; 1591} 1592 1593/* è¦åºãã®ä¸ä¸ä½ç½ãè©°ãã */ 1594body .entry-content .sy-stats h2{ 1595 margin: 0 0 18px !important; /* ä¸ã ãå°ãæ®ã */ 1596 padding: 0 !important; 1597 line-height: 1.25 !important; 1598} 1599 1600.sy-stats__inner{ 1601 max-width: 980px; /* âFVã«åããããªã980 */ 1602 margin: 0 auto; 1603 padding: 0 22px; /* âFVã¨åãä½ç½ã« */ 1604} 1605 1606 1607/* ========================= 1608 Syundoku Method Section 1609 ========================= */ 1610body .entry-content .sy-method{ 1611 padding: 64px 0 !important; 1612 background: #fff; 1613} 1614 1615body .entry-content .sy-method__inner{ 1616 max-width: 1180px; 1617 margin: 0 auto; 1618 padding: 0 22px; 1619} 1620 1621body .entry-content .sy-method__grid{ 1622 display: grid !important; 1623 grid-template-columns: minmax(0, 1fr) 420px !important; /* å³ç»åå¹ */ 1624 gap: 44px !important; 1625 align-items: center !important; 1626} 1627 1628/* left */ 1629body .entry-content .sy-method__kicker{ 1630 margin: 0 0 10px !important; 1631 font-size: 12px !important; 1632 letter-spacing: .14em !important; 1633 color: rgba(11,18,32,.55) !important; 1634} 1635/* è¦åºãï¼ãã¼ãã¼åé¤ï¼å·¦å¯ã */ 1636body .entry-content .sy-method__title{ 1637 border: none !important; 1638 padding: 0 !important; 1639 border-radius: 0 !important; 1640 display: block !important; 1641 text-align: left !important; 1642 1643 margin: 0 0 18px !important; 1644 font-weight: 900 !important; 1645 color: #0b1220 !important; 1646 line-height: 1.25 !important; 1647 letter-spacing: .02em !important; 1648 font-size: clamp(22px, 2.2vw, 30px) !important; 1649} 1650 1651body .entry-content .sy-method__lead{ 1652 margin: 0 0 12px !important; 1653 color: rgba(15, 23, 42, .78) !important; 1654 line-height: 2 !important; 1655 font-size: 14px !important; 1656} 1657 1658/* right image */ 1659/* ããã¹ãå ¨ä½ãå·¦å¯ãã«åºå® */ 1660body .entry-content .sy-method__text{ 1661 text-align: left !important; 1662} 1663 1664body .entry-content img.sy-method__img{ 1665 width: 100% !important; 1666 max-width: 315px !important; 1667 height: auto !important; 1668 border-radius: 10px !important; 1669 display: block !important; 1670 box-shadow: 0 18px 40px rgba(11,18,32,.12) !important; 1671} 1672 1673/* kicker ã¨æ¬æãå·¦å¯ããæç¤ºï¼å¿µã®ããï¼ */ 1674body .entry-content .sy-method__kicker, 1675body .entry-content .sy-method__lead{ 1676 text-align: left !important; 1677} 1678/* SP */ 1679@media (max-width: 900px){ 1680 body .entry-content .sy-method{ 1681 padding: 44px 0 !important; 1682 } 1683 body .entry-content .sy-method__grid{ 1684 grid-template-columns: 1fr !important; 1685 gap: 18px !important; 1686 } 1687 body .entry-content img.sy-method__img{ 1688 max-width: 520px !important; 1689 } 1690} 1691/* å³ã«ã©ã ã®figureä½ç½ãå¿ ãæ¶ãï¼éè¦ï¼ */ 1692body .entry-content .sy-method__media{ 1693 margin: 0 !important; 1694 display: flex !important; 1695 justify-content: center !important; 1696} 1697/* ãã¼ãã®h2ä¸å¤®å¯ãã䏿¸ã */ 1698body .entry-content .sy-method h2{ 1699 text-align: left !important; 1700} 1701 1702/* ========================= 1703  Syundoku Strength Section 1704ç¬èªã®å¼·ã¿ 1705========================= */ 1706body .entry-content .sy-strength{ 1707 background: #e1f2f2; /* 004ã®æ·¡ãæ°´è² */ 1708 padding: 56px 0 !important; 1709} 1710 1711body .entry-content .sy-strength__inner{ 1712 max-width: 1180px; 1713 margin: 0 auto; 1714 padding: 0 22px; 1715} 1716 1717body .entry-content .sy-strength__grid{ 1718 display: grid !important; 1719 grid-template-columns: minmax(0, 1fr) 460px !important; 1720 gap: 52px !important; 1721 align-items: center !important; 1722} 1723 1724/* left */ 1725body .entry-content .sy-strength__text{ 1726 text-align: left !important; 1727} 1728 1729body .entry-content .sy-strength__kicker{ 1730 margin: 0 0 10px !important; 1731 font-size: 12px !important; 1732 letter-spacing: .14em !important; 1733 color: rgba(11,18,32,.55) !important; 1734} 1735 1736body .entry-content .sy-strength__title{ 1737 margin: 0 0 16px !important; 1738 font-weight: 900 !important; 1739 color: #0b1220 !important; 1740 line-height: 1.22 !important; 1741 letter-spacing: .02em !important; 1742 font-size: clamp(22px, 2.4vw, 34px) !important; 1743 text-align: left !important; 1744} 1745 1746body .entry-content .sy-strength__lead{ 1747 margin: 0 0 12px !important; 1748 color: rgba(15, 23, 42, .78) !important; 1749 line-height: 2 !important; 1750 font-size: 14px !important; 1751} 1752 1753/* right */ 1754body .entry-content .sy-strength__media{ 1755 margin: 0 !important; /* figureã®ããã©ä½ç½å¯¾ç */ 1756 display: flex !important; 1757 justify-content: center !important; 1758} 1759 1760body .entry-content img.sy-strength__img{ 1761 width: 100% !important; 1762 max-width: 460px !important; 1763 height: auto !important; 1764 display: block !important; 1765} 1766 1767/* SP */ 1768@media (max-width: 900px){ 1769 body .entry-content .sy-strength{ 1770 padding: 42px 0 !important; 1771 } 1772 body .entry-content .sy-strength__grid{ 1773 grid-template-columns: 1fr !important; 1774 gap: 18px !important; 1775 } 1776 body .entry-content img.sy-strength__img{ 1777 max-width: 520px !important; 1778 } 1779} 1780 1781/* sy-strength__title ã®ä¸ä½ç½ï¼padding/marginï¼ãå¼·å¶ãªã»ãã */ 1782body .entry-content .sy-strength__title{ 1783 padding-top: 0 !important; 1784 margin-top: 0 !important; 1785} 1786 1787/* ãã title ã h2/h3 ãªã©è¦åºãã¿ã°ãªãããã£ã¡ã«ãå½ã¦ã */ 1788body .entry-content .sy-strength .sy-strength__title:is(h1,h2,h3,h4){ 1789 padding-top: 0 !important; 1790 margin-top: 0 !important; 1791} 1792 1793/* 念ã®ããï¼SANGOã®ãentry-contentç´ä¸ã®è¦åºãä½ç½ããç¡å¹å */ 1794body .entry-content .sy-strength :is(h1,h2,h3,h4).sy-strength__title{ 1795 padding-top: 0 !important; 1796 margin-top: 0 !important; 1797} 1798 1799/* kickerï¼å¼·ã¿ï¼ã¨ã¿ã¤ãã«éã ãã¯é©æ£ã« */ 1800body .entry-content .sy-strength__kicker{ 1801 margin: 0 0 8px !important; 1802 padding: 0 !important; 1803 line-height: 1.2 !important; 1804} 1805/* ========================= 1806 Syundoku "宿" Section 1807 ========================= */ 1808body .entry-content .sy-real{ 1809 padding: 64px 0 !important; 1810 background: #fff !important; 1811} 1812 1813body .entry-content .sy-real__inner{ 1814 1815 margin: 0 auto !important; 1816 padding: 0 22px !important; 1817} 1818 1819/* å·¦ããã¹ã / å³ç»åï¼ç·æ§ã¨åã 420pxï¼ */ 1820body .entry-content .sy-real__grid{ 1821 display: grid !important; 1822 grid-template-columns: minmax(0, 1fr) 420px !important; 1823 gap: 56px !important; 1824 align-items: center !important; 1825} 1826 1827/* text */ 1828body .entry-content .sy-real__text{ 1829 text-align: left !important; 1830} 1831 1832/* SANGOã®h2ä¸å¤®å¯ãã確å®ã«ä¸æ¸ã */ 1833body .entry-content .sy-real h2.sy-real__title{ 1834 margin: 0 0 18px !important; 1835 padding: 0 !important; 1836 font-weight: 900 !important; 1837 color: #0b1220 !important; 1838 line-height: 1.25 !important; 1839 letter-spacing: .02em !important; 1840 font-size: clamp(22px, 2.3vw, 32px) !important; 1841 text-align: left !important; /* âããéè¦ */ 1842 border: none !important; 1843} 1844 1845body .entry-content .sy-real__kicker{ 1846 margin: 0 0 10px !important; 1847 padding: 0 !important; 1848 font-size: 12px !important; 1849 letter-spacing: .14em !important; 1850 color: rgba(11,18,32,.55) !important; 1851 line-height: 1.2 !important; 1852 text-align: left !important; 1853} 1854 1855body .entry-content .sy-real__lead{ 1856 margin: 0 !important; 1857 padding: 0 !important; 1858 color: rgba(15,23,42,.78) !important; 1859 line-height: 2 !important; 1860 font-size: 14px !important; 1861 text-align: left !important; 1862} 1863 1864body .entry-content .sy-real__lead--mt{ 1865 margin-top: 18px !important; 1866} 1867 1868/* image */ 1869body .entry-content .sy-real__media{ 1870 display: flex !important; 1871 justify-content: center !important; 1872} 1873 1874body .entry-content img.sy-real__img{ 1875 width: 100% !important; 1876 max-width: 315px !important; /* âç·æ§ã¨åããµã¤ãº */ 1877 height: auto !important; 1878 display: block !important; 1879 border-radius: 10px !important; 1880 box-shadow: 0 18px 40px rgba(11,18,32,.12) !important; 1881 object-fit: cover !important; 1882} 1883 1884/* responsive */ 1885@media (max-width: 900px){ 1886 body .entry-content .sy-real{ 1887 padding: 44px 0 !important; 1888 } 1889 body .entry-content .sy-real__grid{ 1890 grid-template-columns: 1fr !important; 1891 gap: 18px !important; 1892 } 1893 body .entry-content img.sy-real__img{ 1894 max-width: 520px !important; 1895 } 1896} 1897/* ========================= 1898  Syundoku Zoom Experience 1899ç¡æZoomä½é¨ä¼CTA 1900========================= */ 1901body .entry-content .sy-zoom{ 1902 position: relative !important; 1903 overflow: hidden !important; 1904 padding: 56px 0 64px !important; 1905} 1906 1907/* èæ¯ç»å */ 1908body .entry-content .sy-zoom__bg{ 1909 position: absolute !important; 1910 inset: 0 !important; 1911 background: url("https://syundoku.jp/wp-content/uploads/2026/02/bk1.jpg") center/cover no-repeat !important; 1912 transform: scale(1.02) !important; 1913 z-index: 0 !important; 1914} 1915 1916/* èªã¿ãããç¨ã®èããã¼ã«ï¼å¿ è¦ãªãæ¿ã調æ´OKï¼ */ 1917body .entry-content .sy-zoom__overlay{ 1918 position: absolute !important; 1919 inset: 0 !important; 1920 background: rgba(255,255,255,.02) !important; 1921 z-index: 1 !important; 1922} 1923 1924/* å å´å¹ */ 1925body .entry-content .sy-zoom__inner{ 1926 position: relative !important; 1927 z-index: 2 !important; 1928 1929 margin: 0 auto !important; 1930 padding: 0 22px !important; 1931} 1932 1933/* è¦åºã */ 1934body .entry-content .sy-zoom__head{ 1935 text-align: center !important; 1936 margin: 0 0 22px !important; 1937} 1938body .entry-content h2.sy-zoom__h{ 1939 margin: 0 0 6px !important; 1940 padding: 0 !important; 1941 font-weight: 900 !important; 1942 color: #0b1220 !important; 1943 font-size: clamp(24px, 2.4vw, 34px) !important; 1944 line-height: 1.2 !important; 1945 border: none !important; 1946 text-align: center !important; 1947} 1948body .entry-content .sy-zoom__sub{ 1949 margin: 0 auto !important; 1950 padding: 0 !important; 1951 color: rgba(11,18,32,.75) !important; 1952 font-size: 14px !important; 1953 display: inline-block !important; 1954 position: relative !important; 1955} 1956body .entry-content .sy-zoom__sub::after{ 1957 content: "" !important; 1958 display: block !important; 1959 height: 1px !important; 1960  width: 200px !important; 1961 max-width: 70vw !important; 1962 margin: 10px auto 0 !important; 1963 background: rgba(11,18,32,.25) !important; 1964} 1965 1966/* ã«ã¼ã */ 1967body .entry-content .sy-zoom__card{ 1968 background: rgba(255,255,255,.92) !important; 1969 border-radius: 14px !important; 1970 padding: 22px !important; 1971 box-shadow: 0 18px 50px rgba(11,18,32,.16) !important; 1972 border: 1px solid rgba(21,37,73,.10) !important; 1973} 1974 1975/* 2ã«ã©ã */ 1976body .entry-content .sy-zoom__grid{ 1977 display: grid !important; 1978 grid-template-columns: 420px minmax(0, 1fr) !important; 1979 gap: 26px !important; 1980 align-items: center !important; 1981} 1982 1983/* å·¦ï¼ç»å */ 1984body .entry-content .sy-zoom__media{ 1985 display: flex !important; 1986 justify-content: center !important; 1987} 1988body .entry-content img.sy-zoom__img{ 1989 width: 100% !important; 1990 max-width: 420px !important; 1991 height: auto !important; 1992 display: block !important; 1993 border-radius: 10px !important; 1994 object-fit: cover !important; 1995} 1996 1997/* å³ï¼ããã¹ã */ 1998body .entry-content .sy-zoom__text{ 1999 text-align: left !important; 2000} 2001body .entry-content h3.sy-zoom__title{ 2002 margin: 0 0 12px !important; 2003 padding: 0 !important; 2004 border: none !important; 2005 font-weight: 900 !important; 2006 color: #0b1220 !important; 2007 font-size: clamp(18px, 2.0vw, 26px) !important; 2008 line-height: 1.25 !important; 2009 text-align: left !important; 2010} 2011body .entry-content .sy-zoom__lead{ 2012 margin: 0 0 16px !important; 2013 padding: 0 !important; 2014 color: rgba(15,23,42,.78) !important; 2015 line-height: 2 !important; 2016 font-size: 14px !important; 2017 text-align: left !important; 2018} 2019 2020/* ãã¿ã³ */ 2021body .entry-content a.sy-zoom__btn{ 2022 display: inline-flex !important; 2023 align-items: center !important; 2024 justify-content: center !important; 2025 padding: 14px 20px !important; 2026 background: #152549 !important; 2027 color: #fff !important; 2028 font-weight: 800 !important; 2029 text-decoration: none !important; 2030 box-shadow: 0 12px 26px rgba(21,37,73,.25) !important; 2031} 2032body .entry-content a.sy-zoom__btn:hover{ 2033 filter: brightness(1.05) !important; 2034 text-decoration: none !important; 2035} 2036 2037/* SP */ 2038@media (max-width: 900px){ 2039 body .entry-content .sy-zoom{ 2040 padding: 44px 0 52px !important; 2041 } 2042 body .entry-content .sy-zoom__grid{ 2043 grid-template-columns: 1fr !important; 2044 gap: 16px !important; 2045 } 2046 body .entry-content img.sy-zoom__img{ 2047 max-width: 520px !important; 2048 } 2049 body .entry-content .sy-zoom__head{ 2050 margin-bottom: 16px !important; 2051 } 2052} 2053 2054/* ========================= 2055  Syundoku Voice (Testimonial) 2056åè¬çã®å£° 2057========================= */ 2058body .entry-content .sy-voice{ 2059 padding: 56px 0 64px !important; 2060 background: #fff !important; 2061} 2062 2063body .entry-content .sy-voice__inner{ 2064 2065 margin: 0 auto !important; 2066 padding: 0 22px !important; 2067} 2068 2069body .entry-content .sy-voice__head{ 2070 text-align: center !important; 2071 margin: 0 0 28px !important; 2072} 2073 2074body .entry-content h2.sy-voice__h{ 2075 margin: 0 0 8px !important; 2076 padding: 0 !important; 2077 border: none !important; 2078 font-weight: 900 !important; 2079 color: #0b1220 !important; 2080 font-size: clamp(22px, 2.4vw, 30px) !important; 2081 line-height: 1.2 !important; 2082} 2083 2084body .entry-content .sy-voice__sub{ 2085 margin: 0 !important; 2086 padding: 0 !important; 2087 display: inline-block !important; 2088 color: rgba(11,18,32,.72) !important; 2089 font-size: 13px !important; 2090 position: relative !important; 2091} 2092body .entry-content .sy-voice__sub::after{ 2093 content:"" !important; 2094 display:block !important; 2095  width: 235px !important; 2096 max-width: 72vw !important; 2097 height: 1px !important; 2098 background: rgba(11,18,32,.18) !important; 2099 margin: 10px auto 0 !important; 2100} 2101 2102/* 2åÃ2段 */ 2103body .entry-content .sy-voice__grid{ 2104 display: grid !important; 2105 grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 2106 gap: 26px 34px !important; 2107} 2108 2109/* ã«ã¼ã */ 2110body .entry-content .sy-voice__card{ 2111 display: grid !important; 2112 grid-template-columns: 170px minmax(0,1fr) !important; 2113 gap: 18px !important; 2114 align-items: start !important; 2115} 2116 2117/* ç»å */ 2118body .entry-content .sy-voice__thumb{ 2119 width: 170px !important; 2120} 2121body .entry-content .sy-voice__thumb img{ 2122 width: 170px !important; 2123 max-width: 170px !important; 2124 height: auto !important; 2125 display: block !important; 2126rgba(11,18,32,.10) !important; 2127} 2128 2129/* ããã¹ã */ 2130body .entry-content .sy-voice__body{ 2131 text-align: left !important; 2132} 2133 2134body .entry-content .sy-voice__name{ 2135 margin: 20px 0 8px !important; 2136 padding: 0 !important; 2137 border: none !important; 2138 font-weight: 800 !important; 2139 color: #0b1220 !important; 2140 font-size: 14px !important; 2141 line-height: 1.5 !important; 2142} 2143 2144body .entry-content .sy-voice__text{ 2145 margin: 0 0 10px !important; 2146 padding: 0 !important; 2147 color: rgba(15,23,42,.72) !important; 2148 font-size: 13px !important; 2149 line-height: 2 !important; 2150} 2151 2152body .entry-content a.sy-voice__more{ 2153 display: inline-flex !important; 2154 align-items: center !important; 2155 gap: 6px !important; 2156 color: #152549 !important; 2157 font-weight: 700 !important; 2158 font-size: 13px !important; 2159 text-decoration: none !important; 2160} 2161body .entry-content a.sy-voice__more::after{ 2162 content: "▶" !important; 2163 font-size: 11px !important; 2164 line-height: 1 !important; 2165 opacity: .9 !important; 2166} 2167body .entry-content a.sy-voice__more:hover{ 2168 text-decoration: underline !important; 2169} 2170 2171/* ä¸ã®ãã¿ã³ */ 2172body .entry-content .sy-voice__cta{ 2173 text-align: center !important; 2174 margin-top: 26px !important; 2175} 2176
2177body .entry-content a.sy-voice__btn{ 2178 display: inline-flex !important; 2179 align-items: center !important; 2180 justify-content: center !important; 2181 padding: 14px 22px !important; 2182 border-radius: 0 !important; /* ç»åã«åããã¦è§ä¸¸ãªã */ 2183 background: #f4a261 !important; /* ãªã¬ã³ã¸ */ 2184 color: #fff !important; 2185 font-weight: 800 !important; 2186 text-decoration: none !important; 2187 min-width: 260px !important; 2188} 2189body .entry-content a.sy-voice__btn:hover{ 2190 filter: brightness(1.03) !important; 2191 text-decoration: none !important; 2192} 2193 2194/* SP */ 2195@media (max-width: 900px){ 2196 body .entry-content .sy-voice{ 2197 padding: 44px 0 52px !important; 2198 } 2199 body .entry-content .sy-voice__grid{ 2200 grid-template-columns: 1fr !important; 2201 gap: 22px !important; 2202 } 2203 body .entry-content .sy-voice__card{ 2204 grid-template-columns: 140px minmax(0,1fr) !important; 2205 } 2206 body .entry-content .sy-voice__thumb, 2207 body .entry-content .sy-voice__thumb img{ 2208 width: 140px !important; 2209 max-width: 140px !important; 2210 } 2211} 2212/* Syundoku Voice: "ç¶ããèªã" ãã¿ã³é¢¨ */ 2213.sy-voice__more{ 2214 display: inline-flex; 2215 align-items: center; 2216 gap: .45em; 2217 padding: 10px 14px; 2218 border: 1px solid rgba(21, 37, 73, .22); 2219 border-radius: 999px; 2220 background: #fff; 2221 color: #152549 !important; 2222 font-weight: 800; 2223 font-size: 13px; 2224 line-height: 1; 2225 text-decoration: none !important; 2226 box-shadow: 0 6px 16px rgba(11,18,32,.06); 2227 transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease; 2228} 2229 2230body .entry-content .sy-books__sub::after{ 2231 content:"" !important; 2232 display:block !important; 2233  width: 220px !important; 2234 max-width: 71vw !important; 2235 height: 1px !important; 2236 background: rgba(11,18,32,.18) !important; 2237 margin: 10px auto 0 !important; 2238} 2239 2240.sy-voice__more::after{ 2241 content: "▶"; 2242 font-size: .95em; 2243 line-height: 1; 2244 transform: translateY(-0.02em); 2245 opacity: .9; 2246} 2247 2248/* hover / focus */ 2249.sy-voice__more:hover, 2250.sy-voice__more:focus{ 2251 background: rgba(21, 37, 73, .04); 2252 border-color: rgba(21, 37, 73, .35); 2253 box-shadow: 0 10px 24px rgba(11,18,32,.10); 2254 transform: translateY(-1px); 2255} 2256 2257.sy-voice__more:active{ 2258 transform: translateY(0); 2259 box-shadow: 0 6px 16px rgba(11,18,32,.06); 2260} 2261/* ========================= 2262 Syundoku Voice: ç»åãªã³ã¯ï¼ãµã ãï¼ãã¯ãªãã¯å¯è½ã« 2263 ========================= */ 2264.sy-voice__thumb{ 2265 display: block; 2266 text-decoration: none !important; 2267 overflow: hidden; /* è§ä¸¸ã«åããã */ 2268rgba(11,18,32,.08); 2269 transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; 2270} 2271 2272.sy-voice__thumb img{ 2273 display: block; 2274 width: 100% !important; 2275 height: auto !important; 2276} 2277 2278/* hover */ 2279.sy-voice__thumb:hover, 2280.sy-voice__thumb:focus{ 2281 transform: translateY(-2px); 2282 box-shadow: 0 16px 34px rgba(11,18,32,.14); 2283} 2284 2285.sy-voice__thumb:hover img{ 2286 filter: saturate(1.03) contrast(1.02); 2287} 2288/* ========================= 2289 Voice cards: ç»åã¨ååã®éå§ä½ç½®ãæãã 2290 ========================= */ 2291 2292/* ã«ã¼ãã®1è¡ï¼ç»åï¼ããã¹ãï¼ã䏿ãã§åºå® */ 2293.sy-voice__item, 2294.sy-voice__card, /* 念ã®ããå¥åã«ãå¯¾å¿ */ 2295.sy-voice__row{ 2296 display: flex !important; 2297 align-items: flex-start !important; /* â ããã䏿ãã®æ±ºãæ */ 2298 gap: 18px !important; 2299} 2300 2301/* ç»åï¼å·¦ï¼ */ 2302.sy-voice__thumb{ 2303 flex: 0 0 220px; /* ç»åã®åå¹ ï¼å¿ è¦ãªã 200ã260 ã§èª¿æ´ */ 2304 max-width: 220px; 2305 align-self: flex-start !important; 2306 margin: 0 !important; 2307} 2308 2309/* ç»åã®ä¸ã«ãã«ã¼ãå ã®ååããç½®ãã¦ããå ´åã®ä½ç½æ½°ãï¼å¿µã®ããï¼ */ 2310.sy-voice__thumb *{ 2311 margin-top: 0 !important; 2312} 2313 2314/* å³å´ããã¹ãï¼ååã»æ¬æï¼ */ 2315.sy-voice__body, 2316.sy-voice__text, 2317.sy-voice__content{ 2318 flex: 1 1 auto; 2319 min-width: 0; 2320 margin: 0 !important; 2321 padding-top: 0 !important; 2322 text-align: left !important; 2323} 2324 2325/* ååï¼è¦åºãï¼ã®ä¸ä½ç½ã殺ãï¼ç»åã®ä¸ç«¯ã¨æã */ 2326.sy-voice__name, 2327.sy-voice__title, 2328.sy-voice__body h3, 2329.sy-voice__body h4{ 2330 margin-top: 0 !important; 2331 padding-top: 0 !important; 2332 text-align: left !important; 2333 line-height: 1.35 !important; 2334} 2335 2336/* æ¬æã®ä½ç½ãæ´ãã */ 2337.sy-voice__excerpt, 2338.sy-voice__body p{ 2339 margin-top: 6px !important; 2340} 2341 2342/* SPï¼ç¸¦ä¸¦ã³ã«ãã */ 2343@media (max-width: 900px){ 2344 .sy-voice__item, 2345 .sy-voice__card, 2346 .sy-voice__row{ 2347 flex-direction: column !important; 2348 gap: 12px !important; 2349 } 2350 .sy-voice__thumb{ 2351 flex: none; 2352 max-width: 100%; 2353 width: 100% !important; 2354 } 2355} 2356/* ========================= 2357 "ç¶ããèªã" ã® ▶ ãæåã§ã¯ãªãCSSå³å½¢ã§æãï¼ç¢ºå®çï¼ 2358 ========================= */ 2359/* ãç¶ããèªãããã¿ã³ã®æ«å°¾ã«ç¢å°ãèªåä»ä¸ */
2360.sy-voice .sy-voice__btn::after{ 2361 content: "▶"; 2362 margin-left: .5em; 2363 font-size: .9em; 2364} 2365 2366/* ========================= 2367 Syundoku Books Section 2368ã·ãªã¼ãºç´¯è¨40ä¸é¨çªç ´ 2369 ========================= */ 2370.sy-books{ 2371 background:#F9EDE3; 2372 padding: clamp(28px, 4vw, 54px) 0; 2373} 2374/* h2/h3 ã«SANGOç³»ã®å¤§ãã padding-top ãå ¥ãã®ãæ¬ã»ã¯ã·ã§ã³ã ãç¡å¹å */ 2375.sy-books h2, 2376.sy-books h3{ 2377 padding-top: 0 !important; 2378 margin-top: 0 !important; 2379} 2380.sy-books__inner{ 2381 max-width: 1120px; 2382 margin: 0 auto; 2383 padding: 0 22px; 2384} 2385 2386.sy-books__title{ 2387 margin: 0 0 6px !important; 2388 text-align:center !important; 2389 font-weight: 900 !important; 2390 letter-spacing: .02em !important; 2391 color:#0b1220 !important; 2392 font-size: clamp(22px, 2.2vw, 30px) !important; 2393} 2394.sy-books__sub{ 2395 margin: 0 0 22px !important; 2396 text-align:center !important; 2397 color: rgba(11,18,32,.68) !important; 2398 font-size: 13px !important; 2399 2400} 2401/* ãµãè¦åºãï¼Amazonãï¼ãæåå¹ ã´ã£ããä¸ç·ã«ãã */ 2402.sy-books .sy-books__sub{ 2403 display: inline-block !important; /* æåå¹ ã«åããã */ 2404 position: relative !important; 2405 padding-bottom: 10px !important; 2406 margin: 0 auto 22px !important; 2407} 2408 2409/* ãã¾å ¥ã£ã¦ãä¸ç·ã border-bottom ãªãæ¶ãï¼å¿µã®ããï¼ */ 2410.sy-books .sy-books__sub{ 2411 border-bottom: none !important; 2412 2413} 2414 2415/* ä¸ç·ï¼ããã¹ãå¹ ã¨åãï¼ */ 2416.sy-books .sy-books__sub::after{ 2417 content:""; 2418 position:absolute; 2419 left:0; 2420 bottom:0; 2421 width:100%; 2422 height:1px; 2423 background: rgba(11,18,32,.25); 2424} 2425 2426 2427 2428/* grid */ 2429.sy-books__grid{ 2430 display: grid !important; 2431 grid-template-columns: 1fr 1fr !important; 2432 gap: 22px 34px !important; 2433} 2434 2435/* item */ 2436.sy-books__item{ 2437 display: grid !important; 2438 grid-template-columns: 150px 1fr !important; 2439 gap: 16px !important; 2440 align-items: start !important; 2441} 2442 2443.sy-books__imgLink{ display:block; } 2444.sy-books__img{ 2445 width: 150px !important; 2446 max-width: 150px !important; 2447 height: auto !important; 2448 display:block !important; 2449 box-shadow: 0 10px 26px rgba(11,18,32,.12) !important; 2450} 2451 2452.sy-books__text{ min-width: 0; } 2453 2454.sy-books__name{ 2455 margin: 0 0 8px !important; 2456 font-weight: 900 !important; 2457 color:#0b1220 !important; 2458 line-height: 1.35 !important; 2459 font-size: 15px !important; 2460 text-align: left !important; 2461} 2462.sy-books__desc{ 2463 margin: 0 0 12px !important; 2464 color: rgba(11,18,32,.75) !important; 2465 line-height: 1.9 !important; 2466 font-size: 12px !important; 2467 text-align: left !important; 2468} 2469 2470/* ãèªãããã¿ã³é¢¨ */ 2471.sy-books__btn{ 2472 display: inline-flex !important; 2473 align-items: center !important; 2474 justify-content: center !important; 2475 gap: 6px !important; 2476 padding: 8px 12px !important; 2477 border-radius: 999px !important; 2478 background: #ffffff !important; 2479 border: 1px solid rgba(21,37,73,.18) !important; 2480 color: #152549 !important; 2481 font-weight: 800 !important; 2482 font-size: 12px !important; 2483 text-decoration: none !important; 2484 box-shadow: 0 6px 16px rgba(11,18,32,.08) !important; 2485 transition: transform .15s ease, box-shadow .15s ease, background .15s ease; 2486} 2487 2488/* ▶ ãæåã§ã¯ãªãCSSä¸è§å½¢ã§æãï¼æ°åååé¿ï¼ */ 2489.sy-books__btn::after{ 2490 content: "" !important; 2491 display: inline-block !important; 2492 width: 0 !important; 2493 height: 0 !important; 2494 border-left: 8px solid currentColor !important; 2495 border-top: 5px solid transparent !important; 2496 border-bottom: 5px solid transparent !important; 2497 transform: translateY(1px) !important; 2498 opacity: .9 !important; 2499} 2500 2501.sy-books__btn:hover{ 2502 background: rgba(255,255,255,.92) !important; 2503 transform: translateY(-1px); 2504 box-shadow: 0 10px 24px rgba(11,18,32,.12) !important; 2505} 2506 2507/* bottom CTA */ 2508.sy-books__cta{ 2509 margin-top: 22px; 2510 text-align:center; 2511} 2512.sy-books__all{ 2513 display:inline-flex !important; 2514 align-items:center !important; 2515 justify-content:center !important; 2516 padding: 14px 22px !important; 2517 min-width: 220px; 2518 border-radius: 0 !important; 2519 background: #F3A86A !important; 2520 color:#fff !important; 2521 font-weight: 900 !important; 2522 text-decoration:none !important; 2523 box-shadow: 0 12px 28px rgba(11,18,32,.10) !important; 2524} 2525.sy-books__all:hover{ 2526 filter: brightness(.97); 2527} 2528 2529/* responsive */ 2530@media (max-width: 900px){ 2531 .sy-books__grid{ 2532 grid-template-columns: 1fr !important; 2533 gap: 18px !important; 2534 } 2535 .sy-books__item{ 2536 grid-template-columns: 120px 1fr !important; 2537 } 2538 .sy-books__img{ 2539 width: 120px !important; 2540 max-width: 120px !important; 2541 } 2542} 2543/* Syundoku Booksï¼h3å·¦ã®ç¸¦æ£ããªã¬ã³ã¸ã«ï¼SANGO対çï¼ */ 2544.sy-books .sy-books__name{ 2545 position: relative !important; 2546 padding-left: 14px !important; /* æ£ã®åã ãå·¦ã«ä½ç½ */ 2547 border-left: 4px solid #F3A86A !important; /* âãªã¬ã³ã¸ */ 2548} 2549 2550/* ãã¼ãå´ã§ ::before ã®æ£ãåºã¦ããå ´åã¯æ¶ã */ 2551.sy-books .sy-books__name::before{ 2552 content: none !important; 2553} 2554 2555/* --- Syundoku Books è¦åºãä¸å¤®å¯ãã®ç¢ºå®ä¸æ¸ã --- */ 2556.sy-books .sy-books__head{ 2557 text-align: center !important;
2557 /* âããããªã㨠inline-block ã¯ä¸å¤®ã«ãªããªã */ 2558} 2559 2560/* Amazonè¡ï¼æåå¹ ã®ã¾ã¾ä¸å¤®ã«é ç½®ï¼ */ 2561.sy-books .sy-books__sub{ 2562 display: inline-block !important; /* æåå¹ ã«ãã */ 2563 margin: 0 0 22px !important; /* â auto ã¯ä½¿ããªãï¼inline-blockã§ã¯å¹ããªãï¼ */ 2564  padding-bottom: 5px !important; 2565 border-bottom: none !important; 2566 position: relative !important; 2567} 2568 2569/* ä¸ç·ï¼æåå¹ ã¨åãï¼ */ 2570.sy-books .sy-books__sub::after{ 2571 content:""; 2572 position:absolute; 2573 left:0; 2574 bottom:0; 2575 width:100%; 2576 height:1px; 2577 background: rgba(11,18,32,.25); 2578} 2579 2580.sy-books .sy-books__head{ 2581 display: flex !important; 2582 flex-direction: column !important; 2583 align-items: center !important; /* ããã§ä½ãæ¥ã¦ãä¸å¤®åºå® */ 2584} 2585 2586 2587/* ========================= 2588 Syundoku Media Section 2589ãã¬ããã¡ãã£ã¢ã§ãè©±é¡æ²¸é¨°ä¸ 2590 ========================= */ 2591body .entry-content .sy-media{ 2592 padding: 56px 0 !important; 2593 background: #fff !important; 2594} 2595 2596body .entry-content .sy-media__inner{ 2597 max-width: 1100px; 2598 margin: 0 auto; 2599 padding: 0 22px; 2600} 2601 2602/* heading */ 2603body .entry-content .sy-media__head{ 2604 text-align: center !important; 2605 margin: 0 0 22px !important; 2606} 2607 2608body .entry-content .sy-media__title{ 2609 margin: 0 0 10px !important; 2610 font-weight: 900 !important; 2611 color: #0b1a33 !important; 2612 letter-spacing: .02em !important; 2613 line-height: 1.25 !important; 2614 font-size: clamp(22px, 2.2vw, 30px) !important; 2615 2616 /* SANGOã®h2è£ é£¾ãæ½°ã */ 2617 border: none !important; 2618 padding: 0 !important; 2619 background: transparent !important; 2620} 2621 2622body .entry-content .sy-media__sub{ 2623 margin: 0 auto !important; 2624 display: inline-block !important; 2625 color: rgba(11, 26, 51, .72) !important; 2626 font-size: 13px !important; 2627 line-height: 1.8 !important; 2628 padding-bottom: 8px !important; 2629 border-bottom: 1px solid rgba(11, 26, 51, .2) !important; 2630} 2631 2632/* banner */ 2633body .entry-content .sy-media__banner{ 2634 margin: 26px auto 22px !important; 2635} 2636 2637body .entry-content a.sy-media__bannerLink{ 2638 display: block !important; 2639 text-decoration: none !important; 2640} 2641 2642body .entry-content img.sy-media__bannerImg{ 2643 width: 100% !important; 2644 max-width: 860px !important; 2645 height: auto !important; 2646 display: block !important; 2647 margin: 0 auto !important; 2648 border-radius: 10px !important; 2649 box-shadow: 0 16px 36px rgba(11,18,32,.12) !important; 2650} 2651 2652/* logos */ 2653body .entry-content .sy-media__logos{ 2654 margin: 0 auto !important; 2655} 2656 2657body .entry-content img.sy-media__logosImg{ 2658 width: 100% !important; 2659 max-width: 860px !important; 2660 height: auto !important; 2661 display: block !important; 2662 margin: 0 auto !important; 2663 border-radius: 8px !important; 2664} 2665 2666/* SP */ 2667@media (max-width: 900px){ 2668 body .entry-content .sy-media{ 2669 padding: 42px 0 !important; 2670 } 2671 body .entry-content img.sy-media__bannerImg, 2672 body .entry-content img.sy-media__logosImg{ 2673 max-width: 100% !important; 2674 border-radius: 8px !important; 2675 } 2676} 2677 2678/* ========================= 2679 Syundoku CEO Message Section 2680æ ªå¼ä¼ç¤¾ ç¬èª 代表åç· å½¹ 2681山䏿µç¾å 2682 ========================= */ 2683body .entry-content .sy-ceo{ 2684 background: #fbf2e8 !important; /* ããããã¼ã¸ã¥ */ 2685 padding: 56px 0 !important; 2686} 2687 2688body .entry-content .sy-ceo__inner{ 2689 max-width: 1100px; 2690 margin: 0 auto; 2691 padding: 0 22px; 2692} 2693 2694body .entry-content .sy-ceo__grid{ 2695 display: grid !important; 2696 grid-template-columns: 360px minmax(0, 1fr) !important; 2697 gap: 40px !important; 2698 align-items: start !important; 2699} 2700 2701/* left */ 2702body .entry-content .sy-ceo__photo{ 2703 width: 100% !important; 2704 max-width: 360px !important; 2705 display: block !important; 2706 border-radius: 8px !important; 2707 box-shadow: 0 18px 40px rgba(11,18,32,.12) !important; 2708} 2709 2710body .entry-content .sy-ceo__btnWrap{ 2711 margin-top: 18px !important; 2712 display: flex !important; 2713 justify-content: center !important; /* âä¸å¤®å¯ã */ 2714} 2715 2716body .entry-content a.sy-ceo__btn{ 2717 display: inline-flex !important; 2718 align-items: center !important; 2719 justify-content: center !important; 2720 width: auto !important; 2721 max-width: 320px !important; 2722 padding: 14px 16px !important; 2723 background: #f3a66f !important; /* ãªã¬ã³ã¸ */ 2724 color: #fff !important; 2725 font-weight: 800 !important; 2726 border-radius: 4px !important; 2727 text-decoration: none !important; 2728 box-shadow: 0 12px 26px rgba(11,18,32,.10) !important; 2729} 2730 2731body .entry-content a.sy-ceo__btn:hover{ 2732 opacity: .92 !important; 2733 text-decoration: none !important; 2734} 2735 2736/* right */ 2737body .entry-content .sy-ceo__kicker{ 2738 margin: 0 0 8px !important; 2739 font-size: 12px !important; 2740 letter-spacing: .12em !important; 2741 color: rgba(11,18,32,.65) !important; 2742} 2743 2744body .entry-content .sy-ceo__title{ 2745 margin: 0 0 16px !important; 2746 font-weight: 900 !important; 2747 line-height: 1.25 !important; 2748 color: #0b1a33 !important; 2749 font-size: clamp(22px, 2.2vw, 30px) !important; 2750 2751 /* SANGOã®è¦åºãè£ é£¾ãæã¡æ¶ã */ 2752 border: none !important; 2753 padding: 0 !important; 2754 background: transparent !important; 2755 text-align: left !important; 2756} 2757 2758body .entry-content .sy-ceo__text{ 2759 margin: 0 !important; 2760 color: rgba(11,18,32,.78) !important; 2761 line-height: 2 !important; 2762 font-size: 14px !important; 2763 text-align: left !important; 2764} 2765 2766/* SP */ 2767@media (max-width: 900px){ 2768 body .entry-content .sy-ceo{ 2769 padding: 42px 0 !important; 2770 } 2771 body .entry-content .sy-ceo__grid{ 2772 grid-template-columns: 1fr !important; 2773 gap: 18px !important; 2774 } 2775 body .entry-content .sy-ceo__photo{ 2776 max-width: 520px !important; 2777 margin: 0 auto !important; 2778 } 2779 body .entry-content .sy-ceo__btnWrap{ 2780 text-align: center !important; 2781 } 2782 body .entry-content a.sy-ceo__btn{ 2783 max-width: 320px !important; 2784 } 2785} 2786/* ========================= 2787 Syundoku Instructors 2788ç¬èªè¬å¸«é£ã®ãç´¹ä» 2789 ========================= */ 2790
2791/* æ¢åãã¼ãã®å½±é¿ãåãã«ãããããã body .entry-content ã§éå® */ 2792body .entry-content .sy-instructors{ 2793 padding: 56px 0 !important; 2794 background: #fff !important; 2795} 2796 2797body .entry-content .sy-instructors__inner{ 2798 max-width: 1180px; 2799 margin: 0 auto; 2800 padding: 0 22px; 2801} 2802 2803body .entry-content .sy-instructors__title{ 2804 margin: 0 0 10px !important; 2805 text-align: center !important; 2806 font-weight: 900 !important; 2807 letter-spacing: .03em !important; 2808 color: #0b1220 !important; 2809 font-size: clamp(22px, 2.4vw, 32px) !important; 2810 border: none !important; /* SANGOã®h2è£ é£¾ãæ¶ãããå ´å */ 2811} 2812 2813body .entry-content .sy-instructors__sub{ 2814 margin: 0 auto 12px !important; 2815 text-align: center !important; 2816 color: rgba(15, 23, 42, .72) !important; 2817 font-size: 13px !important; 2818} 2819 2820body .entry-content .sy-instructors__rule{ 2821 width: min(380px, 92%); 2822 height: 1px; 2823 background: rgba(2, 6, 23, .18); 2824 margin: 0 auto 34px; 2825} 2826 2827/* grid */ 2828body .entry-content .sy-instructors__grid{ 2829 display: grid !important; 2830 grid-template-columns: repeat(3, minmax(0, 1fr)) !important; 2831 gap: 26px !important; 2832 align-items: start !important; 2833} 2834 2835/* card */ 2836body .entry-content .sy-instructors__card{ 2837 text-align: center !important; 2838} 2839 2840/* image: 3æã®é«ããæãã */ 2841body .entry-content .sy-instructors__imgWrap{ 2842 width: 100%; 2843 max-width: 260px; 2844 margin: 0 auto 14px; 2845 aspect-ratio: 4 / 3; /* è¦æ¬ã«è¿ãæ¯ç */ 2846 overflow: hidden; 2847 border-radius: 0; /* è§ä¸¸ä¸è¦ãªã0ãå¿ è¦ãªã10px */ 2848 background: #f3f4f6; 2849} 2850 2851body .entry-content img.sy-instructors__img{ 2852 width: 100% !important; 2853 height: 100% !important; 2854 object-fit: cover !important; 2855 display: block !important; 2856 margin: 0 !important; 2857} 2858 2859/* name */ 2860body .entry-content .sy-instructors__name{ 2861 margin: 0 0 10px !important; 2862 font-weight: 800 !important; 2863 color: #0b1220 !important; 2864 font-size: 16px !important; 2865 line-height: 1.4 !important; 2866 2867 /* h3ã®ç¸¦æ£/è£ é£¾ããã¼ãã§å ¥ãå ´åãç¡å¹å */ 2868 border: none !important; 2869 padding: 0 !important; 2870 text-align: center !important; 2871} 2872 2873/* text */ 2874body .entry-content .sy-instructors__text{ 2875 margin: 0 auto !important; 2876 max-width: 320px; 2877 text-align: left !important; 2878 color: rgba(15, 23, 42, .78) !important; 2879 font-size: 13px !important; 2880 line-height: 2 !important; 2881} 2882 2883/* SP */ 2884@media (max-width: 900px){ 2885 body .entry-content .sy-instructors{ 2886 padding: 44px 0 !important; 2887 } 2888 body .entry-content .sy-instructors__grid{ 2889 grid-template-columns: 1fr !important; 2890 gap: 22px !important; 2891 } 2892 body .entry-content .sy-instructors__imgWrap{ 2893 max-width: 320px; 2894 aspect-ratio: 16 / 10; 2895 } 2896 body .entry-content .sy-instructors__text{ 2897 max-width: 520px; 2898 } 2899} 2900/* ========================= 2901 Syundoku Recommendation 2902æ¨è¦ã³ã¡ã³ã 2903 ========================= */ 2904body .entry-content .sy-rec{ 2905 background: #e1f2f2 !important; /* ç»åã®èæ°´è² */ 2906 padding: 72px 0 !important; 2907} 2908 2909body .entry-content .sy-rec__inner{ 2910 max-width: 1180px; 2911 margin: 0 auto; 2912 padding: 0 22px; 2913 text-align: center; 2914} 2915 2916body .entry-content .sy-rec__head{ 2917 margin: 0 0 10px !important; 2918 font-weight: 900 !important; 2919 color: #0b1220 !important; 2920 letter-spacing: .02em !important; 2921 font-size: clamp(22px, 2.2vw, 34px) !important; 2922 line-height: 1.2 !important; 2923} 2924 2925body .entry-content .sy-rec__sub{ 2926 margin: 0 !important; 2927 color: rgba(15,23,42,.75) !important; 2928 font-size: 13px !important; 2929 line-height: 1.9 !important; 2930} 2931 2932body .entry-content .sy-rec__line{ 2933 width: min(390px, 92%); 2934 height: 1px; 2935 background: rgba(15,23,42,.18); 2936 margin: 10px auto 0; 2937} 2938 2939/* card */ 2940body .entry-content .sy-rec__card{ 2941 margin: 34px auto 0; 2942 background: transparent; 2943 display: grid !important; 2944 grid-template-columns: 320px minmax(0, 1fr) !important; 2945 gap: 34px !important; 2946 align-items: center !important; 2947 text-align: left !important; 2948} 2949 2950/* image */ 2951body .entry-content .sy-rec__imgLink{ 2952 display: block !important; 2953 width: 100%; 2954 max-width: 320px; 2955} 2956 2957body .entry-content img.sy-rec__img{ 2958 width: 100% !important; 2959 max-width: 320px !important; 2960 height: auto !important; 2961 display: block !important; 2962 border-radius: 0 !important; 2963 box-shadow: none !important; 2964} 2965 2966/* text */ 2967body .entry-content .sy-rec__name{ 2968 margin: 0 0 6px !important; 2969 font-weight: 900 !important; 2970 color: #0b1220 !important; 2971 font-size: 20px !important; 2972 letter-spacing: .02em !important; 2973} 2974 2975body .entry-content .sy-rec__role{ 2976 margin: 0 0 10px !important; 2977 color: rgba(15,23,42,.75) !important; 2978 font-size: 13px !important; 2979 line-height: 1.8 !important; 2980} 2981 2982body .entry-content .sy-rec__text{ 2983 margin: 0 0 16px !important; 2984 color: rgba(15,23,42,.72) !important; 2985 font-size: 12px !important; 2986 line-height: 2 !important; 2987} 2988 2989/* button */ 2990body .entry-content a.sy-rec__btn{ 2991 display: inline-flex !important; 2992 align-items: center !important; 2993 justify-content: center !important; 2994 padding: 12px 18px !important; 2995 background: #f4a261 !important; /* ãªã¬ã³ã¸ç³» */ 2996 color: #fff !important; 2997 font-weight: 800 !important; 2998 border-radius: 6px !important; 2999 text-decoration: none !important; 3000 box-shadow: 0 14px 30px rgba(11,18,32,.12) !important; 3001} 3002 3003body .entry-content a.sy-rec__btn:hover{ 3004 filter: brightness(.97); 3005 text-decoration: none !important; 3006} 3007 3008/* responsive */ 3009@media (max-width: 900px){ 3010 body .entry-content .sy-rec{ 3011 padding: 56px 0 !important; 3012 } 3013 body .entry-content .sy-rec__card{ 3014 grid-template-columns: 1fr !important; 3015 gap: 18px !important; 3016 justify-items: center !important; 3017 text-align: left !important; 3018 } 3019 body .entry-content .sy-rec__imgLink{ 3020 max-width: 320px; 3021 } 3022 body .entry-content .sy-rec__body{ 3023 width: 100%; 3024 } 3025} 3026/* æ¨è¦ã³ã¡ã³ãï¼è¦åºãã®ä¸ä½ç½ï¼ãã¼ãh2ã®padding-topï¼ãç¡å¹å */ 3027body .entry-content .sy-rec__head{ 3028 padding-top: 0 !important; 3029 margin-top: 0 !important; 3030} 3031 3032/* 念ã®ããï¼ã»ã¯ã·ã§ã³èªä½ã®ä¸ä½ç½ãè©°ãããå ´åï¼å¥½ã¿ã§æ°å¤èª¿æ´ï¼ */ 3033body .entry-content .sy-rec{ 3034 padding-top: 56px !important; /* 72pxãåºããªããããä¸ãã */ 3035} 3036 3037/* ========================= 3038 Syundoku Brain Training App 3039ç¬èªå¼è³ãã¬ã¢ã㪠3040 ========================= */ 3041body .entry-content .sy-app{ 3042 padding: 56px 0 !important; 3043 background: #fff !important; 3044} 3045 3046body .entry-content .sy-app__inner{ 3047 max-width: 1180px !important; 3048 margin: 0 auto !important; 3049 padding: 0 22px !important; 3050 text-align: center !important; 3051} 3052 3053/* è¦åºãï¼ãã¼ãã®h2 padding-top ãç¡å¹åï¼ */ 3054body .entry-content .sy-app__head{ 3055 margin: 0 0 6px !important; 3056 padding-top: 0 !important; 3057 font-weight: 900 !important; 3058 letter-spacing: .02em !important; 3059 color: #0b1220 !important; 3060 font-size: clamp(22px, 2.2vw, 32px) !important; 3061 text-align: center !important; 3062} 3063body .entry-content .sy-app__head::before{ 3064 content: none !important; 3065 display: none !important; 3066} 3067 3068/* ãµã */ 3069body .entry-content .sy-app__sub{ 3070 margin: 0 auto 18px !important; 3071 color: rgba(11,18,32,.72) !important; 3072 font-size: 14px !important; 3073 border-bottom: 1px solid rgba(15, 23, 42, .18); 3074 width:150px; 3075 padding-bottom:5px; 3076} 3077 3078 3079 3080/* ããã¼ï¼ã¯ãªãã¯ã§ããã«ã¼ãï¼ */ 3081body .entry-content a.sy-app__banner{ 3082 display: block !important; 3083 width: min(920px, 100%) !important; /* PCã¯ãã以ä¸åºããªã */ 3084 margin: 0 auto 18px !important; 3085 border-radius: 14px !important; 3086 overflow: hidden !important; 3087 box-shadow: 0 18px 40px rgba(11,18,32,.10) !important; 3088 text-decoration: none !important; 3089} 3090 3091body .entry-content img.sy-app__img{ 3092 width: 100% !important; 3093 height: auto !important; 3094 display: block !important; 3095} 3096 3097/* èª¬ææ */ 3098body .entry-content .sy-app__text{ 3099 max-width: 920px !important; 3100 margin: 0 auto !important; 3101 text-align: left !important; 3102} 3103body .entry-content .sy-app__text p{ 3104 margin: 0 !important; 3105 line-height: 2 !important; 3106 color: rgba(15,23,42,.78) !important; 3107 font-size: 14px !important; 3108} 3109 3110/* SPèª¿æ´ */ 3111@media (max-width: 900px){ 3112 body .entry-content .sy-app{ 3113 padding: 42px 0 !important; 3114 } 3115 body .entry-content .sy-app__sub{ 3116 margin-bottom: 14px !important; 3117 } 3118} 3119 3120/* ========================= 3121 Syundoku Taiken Section 3122ç¬èªä½é¨ä¼ 3123 ========================= */ 3124body .entry-content .sy-taiken{ 3125 background: #fff5f6 !important; 3126 padding: 56px 0 !important; 3127} 3128 3129body .entry-content .sy-taiken__inner{ 3130 3131 margin: 0 auto !important; 3132 padding: 0 22px !important; 3133} 3134 3135body .entry-content .sy-taiken__head{ 3136 margin: 0 0 6px !important; 3137 padding-top: 0 !important; /* ãã¼ãh2ã®ä¸ä½ç½å¯¾ç */ 3138 text-align: center !important; 3139 font-weight: 900 !important; 3140 color: #0b1220 !important; 3141 font-size: clamp(22px, 2.2vw, 32px) !important; 3142} 3143body .entry-content .sy-taiken__head::before{ 3144 content: none !important; 3145 display: none !important; 3146} 3147 3148body .entry-content .sy-taiken__sub{ 3149 margin: 0 auto 26px !important; 3150 text-align: center !important; 3151 color: rgba(11,18,32,.72) !important; 3152 font-size: 14px !important; 3153 position: relative !important; 3154 padding-bottom: 14px !important; 3155} 3156body .entry-content .sy-taiken__sub::after{ 3157 content: "" !important; 3158 position: absolute !important; 3159 left: 50% !important; 3160 bottom: 0 !important; 3161 width: 170px !important; 3162 height: 1px !important; 3163 background: rgba(11,18,32,.25) !important; 3164 transform: translateX(-50%) !important; 3165 3166} 3167 3168/* 2ã«ã©ã */ 3169body .entry-content .sy-taiken__grid{ 3170 display: grid !important; 3171 grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 3172 gap: 34px !important; 3173 align-items: start !important; 3174} 3175 3176/* ã¢ã¤ãã */ 3177body .entry-content .sy-taiken__item{
3178 min-width: 0 !important; 3179} 3180 3181/* ç»åãªã³ã¯ */ 3182body .entry-content a.sy-taiken__imgLink{ 3183 display: block !important; 3184 text-decoration: none !important; 3185 border-radius: 6px !important; 3186 overflow: hidden !important; 3187 background: #fff !important; 3188 box-shadow: 0 12px 30px rgba(11,18,32,.08) !important; 3189} 3190 3191body .entry-content img.sy-taiken__img{ 3192 display: block !important; 3193 width: 100% !important; 3194 height: auto !important; 3195} 3196 3197/* æ¬æ */ 3198body .entry-content .sy-taiken__text{ 3199 margin-top: 14px !important; 3200} 3201body .entry-content .sy-taiken__text p{ 3202 margin: 0 !important; 3203 text-align: left !important; 3204 line-height: 2 !important; 3205 font-size: 13px !important; 3206 color: rgba(15,23,42,.78) !important; 3207} 3208 3209/* SPï¼ç¸¦ä¸¦ã³ */ 3210@media (max-width: 900px){ 3211 body .entry-content .sy-taiken{ 3212 padding: 42px 0 !important; 3213 } 3214 body .entry-content .sy-taiken__grid{ 3215 grid-template-columns: 1fr !important; 3216 gap: 22px !important; 3217 } 3218} 3219 3220/* ========================= 3221 Syundoku FAQ Section 3222ãããã質å 3223 ========================= */ 3224body .entry-content .sy-faq{ 3225 padding: 70px 0 !important; 3226 background: #fff !important; 3227} 3228 3229body .entry-content .sy-faq__inner{ 3230 max-width: 980px; 3231 margin: 0 auto; 3232 padding: 0 22px; 3233} 3234 3235body .entry-content .sy-faq__head{ 3236 text-align: center !important; 3237 margin: 0 0 28px !important; 3238} 3239 3240body .entry-content .sy-faq__title{ 3241 margin: 0 0 10px !important; 3242 font-weight: 900 !important; 3243 letter-spacing: .02em !important; 3244 color: #0b1220 !important; 3245 font-size: clamp(22px, 2.4vw, 32px) !important; 3246} 3247 3248body .entry-content .sy-faq__sub{ 3249 margin: 0 !important; 3250 color: rgba(15,23,42,.75) !important; 3251 font-size: 14px !important; 3252 line-height: 1.9 !important; 3253} 3254 3255body .entry-content .sy-faq__line{ 3256 width: min(385px, 92%); 3257 height: 1px; 3258 background: rgba(2,6,23,.18); 3259 margin: 8px auto 0; 3260} 3261 3262/* list */ 3263body .entry-content .sy-faq__list{ 3264 display: grid; 3265 gap: 12px; 3266} 3267 3268/* details reset-ish */ 3269body .entry-content .sy-faq__item{ 3270 border: 1px solid rgba(2,6,23,.18) !important; 3271 border-radius: 4px !important; 3272 background: #fff !important; 3273 overflow: hidden; 3274} 3275 3276body .entry-content .sy-faq__item > summary{ 3277 list-style: none; 3278} 3279body .entry-content .sy-faq__item > summary::-webkit-details-marker{ 3280 display:none; 3281} 3282 3283/* question row */ 3284body .entry-content .sy-faq__q{ 3285 cursor: pointer; 3286 display: grid !important; 3287 grid-template-columns: 34px 1fr 36px; 3288 align-items: center; 3289 gap: 12px; 3290 padding: 16px 16px !important; 3291 user-select: none; 3292} 3293 3294body .entry-content .sy-faq__qicon{ 3295 width: 24px; 3296 height: 24px; 3297 border-radius: 50%; 3298 display: inline-flex; 3299 align-items: center; 3300 justify-content: center; 3301 background: #76a9ff; /* å·¦ã®éã丸 */ 3302 color: #fff; 3303 font-weight: 900; 3304 font-size: 13px; 3305} 3306 3307body .entry-content .sy-faq__qtext{ 3308 color: #0b1220 !important; 3309 font-size: 14px !important; 3310 line-height: 1.6 !important; 3311} 3312 3313/* plus icon (CSSã§æç»ï¼æååãåé¿) */ 3314body .entry-content .sy-faq__plus{ 3315 width: 18px; 3316 height: 18px; 3317 position: relative; 3318 justify-self: end; 3319 opacity: .55; 3320} 3321body .entry-content .sy-faq__plus::before, 3322body .entry-content .sy-faq__plus::after{ 3323 content:""; 3324 position:absolute; 3325 inset: 50% auto auto 50%; 3326 transform: translate(-50%,-50%); 3327 background: rgba(2,6,23,.55); 3328 border-radius: 1px; 3329} 3330body .entry-content .sy-faq__plus::before{ width: 14px; height: 2px; } 3331body .entry-content .sy-faq__plus::after{ width: 2px; height: 14px; } 3332 3333/* answer */ 3334body .entry-content .sy-faq__a{ 3335 padding: 0 16px 16px 62px !important; /* Qã¢ã¤ã³ã³åã¤ã³ãã³ã */ 3336 color: rgba(15,23,42,.78) !important; 3337 font-size: 14px !important; 3338 line-height: 1.95 !important; 3339} 3340body .entry-content .sy-faq__a p{ 3341 margin: 0 !important; 3342} 3343 3344/* open state */ 3345body .entry-content .sy-faq__item[open] .sy-faq__q{ 3346 background: rgba(151, 207, 217, .14); 3347} 3348body .entry-content .sy-faq__item[open] .sy-faq__plus::after{ 3349 opacity: 0; /* éããã + ã®ç¸¦æ£ãæ¶ãã¦ãâãã« */ 3350} 3351 3352/* CTA button */ 3353body .entry-content .sy-faq__cta{ 3354 text-align: center !important; 3355 margin-top: 26px !important; 3356} 3357body .entry-content a.sy-faq__btn{ 3358 display: inline-flex !important; 3359 align-items: center; 3360 justify-content: center; 3361 padding: 16px 28px !important; 3362 background: #f2a35c !important; /* ãªã¬ã³ã¸ç³» */ 3363 color: #fff !important; 3364 font-weight: 800 !important; 3365 border-radius: 3px !important; 3366 text-decoration: none !important; 3367 box-shadow: 0 10px 26px rgba(11,18,32,.12) !important; 3368} 3369body .entry-content a.sy-faq__btn:hover{ 3370 filter: brightness(0.96); 3371 text-decoration: none !important; 3372} 3373 3374/* SP */ 3375@media (max-width: 640px){ 3376 body .entry-content .sy-faq{ 3377 padding: 52px 0 !important; 3378 } 3379 body .entry-content .sy-faq__q{ 3380 grid-template-columns: 30px 1fr 30px; 3381 padding: 14px 14px !important; 3382 } 3383 body .entry-content .sy-faq__a{ 3384 padding: 0 14px 14px 52px !important; 3385 } 3386} 3387 3388/* ========================= 3389 FIX: FAQã®ä¸ã空ããããåé¡ï¼h2ã®padding-topæã¡æ¶ãï¼ 3390 ========================= */ 3391body .entry-content .sy-faq{ 3392 padding-top: 40px !important; /* âã好ã¿ã§ 24ã56 ã§èª¿æ´ */ 3393 margin-top: 0 !important; 3394} 3395 3396body .entry-content .sy-faq__head{ 3397 margin-top: 0 !important; 3398 padding-top: 0 !important; 3399} 3400 3401/* ãã¼ãå´ã® h2/h3 padding ãFAQå ã ãç¡å¹å */ 3402body .entry-content .sy-faq h2, 3403body .entry-content .sy-faq h3{ 3404 padding-top: 0 !important; 3405 margin-top: 0 !important; 3406} 3407 3408/* ========================= 3409 Syundoku News (æ·»ä»ãã¶ã¤ã³å¯ã) 3410 ========================= */ 3411body .entry-content .sy-news{ 3412 max-width: 1180px; 3413 margin: 0 auto; 3414 padding: 10px 22px 40px; 3415} 3416 3417body .entry-content .sy-news__list{ 3418 border-top: 1px solid rgba(11,18,32,.18); 3419} 3420 3421body .entry-content .sy-news__item{ 3422 border-bottom: 1px solid rgba(11,18,32,.18); 3423} 3424 3425body .entry-content .sy-news__link{ 3426 display: grid; 3427 grid-template-columns: 120px 1fr 160px; /* æ¥ä» / ã¿ã¤ãã« / ãã¿ã³ */ 3428 gap: 22px; 3429 align-items: center; 3430 padding: 26px 8px; 3431 text-decoration: none !important; 3432 color: inherit; 3433} 3434 3435body .entry-content .sy-news__date{
3436 width: 110px; 3437 height: 110px; 3438 border: 1px solid rgba(11,18,32,.35); 3439 display: grid; 3440 place-content: center; 3441 text-align: center; 3442 line-height: 1.1; 3443} 3444 3445body .entry-content .sy-news__dow{ 3446 font-size: 14px; 3447 letter-spacing: .1em; 3448} 3449 3450body .entry-content .sy-news__day{ 3451 font-size: 40px; 3452 font-weight: 900; 3453 margin: 10px 0 8px; 3454} 3455 3456body .entry-content .sy-news__ym{ 3457 font-size: 14px; 3458 opacity: .85; 3459} 3460 3461body .entry-content .sy-news__title{ 3462 margin: 20px 0 !important; 3463 padding: 0 !important; /* ãã¼ãã®h3è£ é£¾ãæã¡æ¶ã */ 3464 border: none !important; 3465 text-align: left !important; 3466 font-size: clamp(18px, 5vw, 24px); 3467 font-weight: 900; 3468 line-height: 1.5; 3469 color: #0b1220; 3470} 3471 3472body .entry-content .sy-news__detailBtn{ 3473 justify-self: end; 3474 display: inline-flex; 3475 align-items: center; 3476 justify-content: center; 3477 border: 1px solid rgba(11,18,32,.55); 3478 padding: 12px 18px; 3479 min-width: 140px; 3480 background: #fff; 3481 font-weight: 700; 3482 color: #0b1220; 3483 transition: .18s ease; 3484} 3485 3486/* hover */ 3487body .entry-content .sy-news__link:hover .sy-news__detailBtn{ 3488 transform: translateY(-1px); 3489} 3490 3491/* ããã®ã«ãã´ãªããã£ã¨èªãã */ 3492body .entry-content .sy-news__more{ 3493 text-align: center; 3494 margin-top: 22px; 3495} 3496body .entry-content .sy-news__moreBtn{ 3497 display: inline-flex; 3498 align-items: center; 3499 justify-content: center; 3500 padding: 14px 26px; 3501 border-radius: 0; 3502 background: #f6a96b; /* ã好ã¿ã§ */ 3503 color: #fff !important; 3504 font-weight: 800; 3505 text-decoration: none !important; 3506} 3507 3508/* SP */ 3509@media (max-width: 860px){ 3510 body .entry-content .sy-news__link{ 3511 grid-template-columns: 92px 1fr; 3512 grid-template-areas: 3513 "date title" 3514 "date btn"; 3515 gap: 14px 16px; 3516 padding: 18px 6px; 3517 } 3518 body .entry-content .sy-news__date{ width: 86px; height: 86px; 3519} 3520 body .entry-content .sy-news__day{ font-size: 30px; margin: 7px 0 6px; } 3521 body .entry-content .sy-news__detailBtn{ 3522 justify-self: start; 3523 min-width: 0; 3524 padding: 10px 14px; 3525 } 3526} 3527 3528/* ========================= 3529 Syundoku Mini Zoom CTA 3530ç¡æZoomä½é¨ä¼ 3531 ========================= */ 3532.sy-zm-mini{ 3533 background:#e1f2f2; /* ç»åã®èãæ°´è²ã«åããã */ 3534 padding: 44px 0 !important; 3535} 3536 3537.sy-zm-mini__inner{ 3538 max-width: 1180px; 3539 margin: 0 auto; 3540 padding: 0 22px; 3541} 3542 3543.sy-zm-mini__grid{ 3544 display: grid !important; 3545 grid-template-columns: minmax(0,1fr) 360px !important; 3546 gap: 44px !important; 3547 align-items: center !important; 3548} 3549 3550/* left */ 3551.sy-zm-mini__title{ 3552 padding-top: 0 !important; /* SANGOã®h2 padding-top対ç */ 3553 margin: 0 0 14px !important; 3554 font-weight: 900 !important; 3555 color: #0b1220 !important; 3556 letter-spacing: .02em !important; 3557 line-height: 1.25 !important; 3558 font-size: clamp(22px, 2.2vw, 30px) !important; 3559 text-align: left !important; 3560} 3561 3562.sy-zm-mini__lead{ 3563 margin: 0 0 18px !important; 3564 color: rgba(15, 23, 42, .78) !important; 3565 line-height: 2 !important; 3566 font-size: 14px !important; 3567 text-align: left !important; 3568} 3569 3570.sy-zm-mini__btn{ 3571 display: inline-flex !important; 3572 align-items: center !important; 3573 justify-content: center !important; 3574 padding: 12px 18px !important; 3575 border-radius: 0 !important; /* ç»åã®è§ä¸¸ãªãã«å¯ãã */ 3576 background: #f2a15b !important; /* ãªã¬ã³ã¸ */ 3577 color: #fff !important; 3578 font-weight: 800 !important; 3579 text-decoration: none !important; 3580 box-shadow: 0 10px 22px rgba(11,18,32,.12) !important; 3581} 3582 3583.sy-zm-mini__btn:hover{ 3584 filter: brightness(0.98); 3585} 3586 3587/* right image */ 3588.sy-zm-mini__right{ 3589 display: flex !important; 3590 justify-content: flex-end !important; 3591} 3592 3593.sy-zm-mini__img{ 3594 width: 100% !important; 3595 max-width: 360px !important; 3596 height: auto !important; 3597 display: block !important; 3598 border-radius: 0 !important; 3599 box-shadow: 0 14px 30px rgba(11,18,32,.10) !important; 3600} 3601 3602/* SP */ 3603@media (max-width: 900px){ 3604 .sy-zm-mini{ 3605 padding: 32px 0 !important; 3606 } 3607 .sy-zm-mini__grid{ 3608 grid-template-columns: 1fr !important; 3609 gap: 18px !important; 3610 } 3611 .sy-zm-mini__right{ 3612 justify-content: flex-start !important; 3613 } 3614 .sy-zm-mini__img{ 3615 max-width: 520px !important; 3616 } 3617} 3618 3619/* ========================= 3620 æ°çæ å ± 3621Syundoku Newsï¼ã³ã³ãã³ãå¹ ã«åºå®ï¼ãã«å¹ 対çï¼ 3622 ========================= */ 3623
3624/* ã»ã¯ã·ã§ã³èªä½ããä¸å¤®ã®ã³ã³ãã³ãå¹ ãã«åºå® */ 3625body .entry-content .sy-news{ 3626 width: min(1180px, calc(100% - 44px)) !important; /* 1180px 以å ï¼å·¦å³22px */ 3627 margin-left: auto !important; 3628 margin-right: auto !important; 3629 padding-left: 0 !important; /* å å´ä½ç½ã¯ width å´ã§æ ä¿ãã */ 3630 padding-right: 0 !important; 3631} 3632 3633/* ãªã¹ãã®æ¨ªç·ãã³ã³ãã³ãå¹ å ã« */ 3634body .entry-content .sy-news__list{ 3635 width: 100% !important; 3636 margin: 0 auto !important; 3637} 3638 3639/* ãã親è¦ç´ ã flex / justify-content ã§å´©ãã¦ããå ´åã®ä¿éº */ 3640body .entry-content .sy-news, 3641body .entry-content .sy-news *{ 3642 box-sizing: border-box; 3643} 3644 3645/* âãã£ã¨èªãâ ãã¿ã³ã®ä½ç½®ãä¸å¤®ã³ã³ãã³ãå¹ å ã« */ 3646body .entry-content .sy-news__more{ 3647 width: 100% !important; 3648 margin-left: auto !important; 3649 margin-right: auto !important; 3650} 3651/* æ°çæ å ±ã®âç·ã ãâããã«å¹ ã«ãªãå ´åã®ä¿éºï¼sy-newså ã ãï¼ */ 3652body .entry-content .sy-news__list{ 3653 border-top: 1px solid rgba(11,18,32,.18) !important; 3654} 3655/* ========================================= 3656 æ°çæ å ±ï¼ãã«å¹ ãããã¦ã³ã³ãã³ãå¹ ã«æ»ãï¼HOMEéå®ï¼ 3657 ========================================= */ 3658 3659/* ã¾ãâç®±(box11)âèªä½ãã³ã³ãã³ãå¹ ã«åºå® */ 3660body.home .entry-content .box11{ 3661 width: min(1180px, calc(100% - 44px)) !important; 3662 margin-left: auto !important; 3663 margin-right: auto !important; 3664 padding-left: 22px !important; 3665 padding-right: 22px !important; 3666 box-sizing: border-box !important; 3667} 3668 3669/* catpost æ¬ä½ã念ã®ããåºå®ï¼ãã©ã°ã¤ã³/ãã¼ãã§ class ãéãå ´åã«åãã¦è¤æ°æå®ï¼ */ 3670body.home .entry-content .box11 .catpost, 3671body.home .entry-content .box11 .catpost-list, 3672body.home .entry-content .box11 .catpost-wrap, 3673body.home .entry-content .box11 .catpost_item, 3674body.home .entry-content .box11 .catpost-item{ 3675 max-width: 100% !important; 3676} 3677 3678/* ç»åã¨ã¿ã¤ãã«è¡ãâæ¨ªã«ä¼¸ã³ãâã®ãæãã */ 3679body.home .entry-content .box11 img{ 3680 max-width: 100% !important; 3681 height: auto !important; 3682} 3683 3684/* ããã®ã«ãã´ãªããã£ã¨èªãããã¿ã³ãã³ã³ãã³ãå¹ å ã®ä¸å¤®ã« */ 3685body.home .entry-content .box11 .btn, 3686body.home .entry-content .box11 .sng-btn, 3687body.home .entry-content .box11 .wp-block-button__link{ 3688 display: inline-block !important; 3689} 3690body.home .entry-content .box11 .center{ 3691 text-align: center !important; 3692} 3693 3694/* ========================= 3695 Popular content section (scoped) 3696 ========================= */ 3697.sy-popular{ 3698 padding: 48px 0; 3699 background: #fff; 3700} 3701 3702/* ããã§ãã³ã³ãã³ãå¹ ãã«åããï¼ãã®ã»ã¯ã·ã§ã³ã ãï¼ */ 3703.sy-popular__inner{ 3704 3705 margin: 0 auto; 3706 padding: 0 22px; 3707} 3708 3709/* è¦åºã2è¡ */ 3710.sy-popular__head{ 3711 margin: 0 0 22px; 3712 text-align: center; 3713 font-weight: 900; 3714 color: #0b1220; 3715 font-size: clamp(22px, 2.3vw, 30px); 3716 line-height: 1.25; 3717} 3718 3719.sy-popular__sub{ 3720 display: block; 3721 margin-top: 10px; 3722 font-weight: 500; 3723 font-size: 13px; 3724 color: rgba(15, 23, 42, .68); 3725 padding-bottom: 7px; 3726 border-bottom: 1px solid rgba(15, 23, 42, .18); 3727 width: fit-content; 3728 margin-left: auto; 3729 margin-right: auto; 3730} 3731 3732/* box11 ãå¤ã«æ¨ªå¹ ãã£ã±ãã«ãªããã¼ã対çï¼ãã®ä¸ã ãï¼ */ 3733.sy-popular .box11{ 3734 max-width: 100% !important; 3735 margin: 0 auto !important; 3736} 3737 3738/* mycardlink ã®ä¸ãæ¨ªå¹ ãã£ã±ãã«åºããã®ãæããä¿éº */ 3739.sy-popular .box11 > *, 3740.sy-popular .box11 .catpost, 3741.sy-popular .box11 .catpost *{ 3742 max-width: 100%; 3743} 3744 3745/* SP */ 3746@media (max-width: 900px){ 3747 .sy-popular{ padding: 36px 0; } 3748 .sy-popular__inner{ padding: 0 16px; } 3749} 3750 3751/* 人æ°ã®éèªã³ã³ãã³ãï¼è¦åºãã®ä¸ä½ç½ï¼SANGOã®h2 padding-topï¼ãç¡å¹å */ 3752.sy-popular .sy-popular__head{ 3753 padding-top: 0 !important; 3754 margin-top: 0 !important; 3755} 3756 3757/* ãã section èªä½ã«ãä¸ã空ãå ´åã®ä¿éº */ 3758.sy-popular{ 3759 padding-top: 36px !important; /* 好ã¿ã§ 24ã48 ã§èª¿æ´OK */ 3760} 3761 3762/* ========================= 3763 Syundoku News Section 3764 ========================= */ 3765#news.sy-news{ 3766 background:#fff; 3767 padding: clamp(36px, 4.5vw, 64px) 0; 3768} 3769 3770/* ã³ã³ãã³ãå¹ ãåºå®ï¼ãã«å¹ åãé²ãï¼ */ 3771#news.sy-news .sy-news__inner{ 3772 3773 margin: 0 auto; 3774 padding: 0 22px; 3775} 3776 3777/* è¦åºã */ 3778#news.sy-news .sy-news__head{ 3779 margin: 0 0 18px; 3780} 3781#news.sy-news .sy-news__title{ 3782 margin: 0 !important; 3783 padding: 0 !important; /* ãã¼ãç±æ¥ã®padding-top対ç */ 3784 font-weight: 900; 3785 font-size: clamp(26px, 3vw, 44px); 3786 letter-spacing: .02em; 3787 color:#0b1220; 3788 text-align: left; 3789} 3790 3791/* --- [showwhatsnew] ã®åºåããè¡ãã«æ´å½¢ --- */ 3792/* ããããªåºåå½¢å¼(ul/li, div, table)ã«å¼·ãã«å¯¾å¿ */ 3793#news.sy-news .sy-news__list :is(ul,ol){ 3794 list-style:none !important; 3795 margin: 0 !important; 3796 padding: 0 !important; 3797} 3798 3799/* 1è¡ï¼liæ³å®ï¼ */ 3800#news.sy-news .sy-news__list :is(li,.showwhatsnew-item,.whatsnew-item){ 3801 display: grid; 3802 grid-template-columns: 140px 1fr 160px; /* æ¥ä» / ã¿ã¤ãã« / ãã¿ã³ */ 3803 gap: 22px; 3804 align-items: center; 3805 padding: 22px 0; 3806 border-top: 1px solid rgba(11,18,32,.85); 3807} 3808 3809/* æçµè¡ã ãä¸ç· */ 3810#news.sy-news .sy-news__list :is(li,.showwhatsnew-item,.whatsnew-item):last-child{ 3811 border-bottom: 1px solid rgba(11,18,32,.85); 3812} 3813 3814/* æ¥ä»ããã¯ã¹ï¼ãã©ã°ã¤ã³å´ã®classãéã£ã¦ãæ¾ããããã«ï¼ */ 3815#news.sy-news .sy-news__list :is(.date,.post-date,.whatsnew-date,time){ 3816 display: grid; 3817 place-items: center; 3818 width: 140px; 3819 height: 140px; 3820 border: 1px solid rgba(11,18,32,.85); 3821 color:#0b1220; 3822 background:#fff; 3823 line-height: 1.1; 3824 text-align:center; 3825 padding: 10px; 3826 font-weight: 800; 3827} 3828 3829/* ã¿ã¤ãã«ãªã³ã¯ */ 3830#news.sy-news .sy-news__list :is(a){ 3831 color:#0b1220; 3832 text-decoration: none; 3833} 3834#news.sy-news .sy-news__list :is(.title,.post-title,a.title,a.post-title){ 3835 font-weight: 900; 3836 font-size: 20px; 3837 line-height: 1.35; 3838} 3839 3840/* å³ã®ã詳細ã¯ãã¡ãããã¿ã³ï¼ãã©ã°ã¤ã³ã®ãªã³ã¯ããã¿ã³åï¼ */ 3841#news.sy-news .sy-news__list :is(.more,a.more,a.more-link,a.read-more,a.detail,a.btn){ 3842 justify-self: end; 3843 display: inline-flex; 3844 align-items: center; 3845 justify-content: center; 3846 min-width: 140px; 3847 padding: 12px 16px; 3848 border: 1px solid rgba(11,18,32,.85); 3849 background: #fff; 3850 color:#0b1220; 3851 font-weight: 800; 3852 font-size: 14px; 3853 transition: transform .15s ease, background .15s ease; 3854} 3855#news.sy-news .sy-news__list :is(.more,a.more,a.more-link,a.read-more,a.detail,a.btn):hover{ 3856 background: rgba(11,18,32,.04); 3857 transform: translateY(-1px); 3858} 3859 3860/* ã¹ãã */ 3861@media (max-width: 900px){ 3862 #news.sy-news .sy-news__list :is(li,.showwhatsnew-item,.whatsnew-item){ 3863 grid-template-columns: 120px 1fr; 3864 grid-template-rows: auto auto; 3865 gap: 14px 16px; 3866 } 3867 #news.sy-news .sy-news__list :is(.more,a.more,a.more-link,a.read-more,a.detail,a.btn){ 3868 grid-column: 2 / 3; 3869 justify-self: start; 3870 min-width: 160px; 3871 } 3872 #news.sy-news .sy-news__list :is(.date,.post-date,.whatsnew-date,time){ 3873 width: 120px; 3874 height: 120px; 3875 } 3876} 3877/* ========================= 3878 Syundoku News (ææ°3ä»¶) FIX 3879 ========================= */ 3880
3881/* ã³ã³ãã³ãå¹ ãåºå®ï¼æ¨ªå¹ ãã£ã±ãåé¡ãããã§æ¢ããï¼ */ 3882.sy-news{ 3883 padding: 40px 0; 3884} 3885.sy-news__inner{ 3886 3887  margin: 30px auto; 3888 padding: 0 22px; 3889} 3890 3891 3892 3893/* è¡ããæ¨ªä¸¦ã³ãã«å¼·å¶ */ 3894.sy-news__row{ 3895 display: grid !important; 3896 grid-template-columns: 110px 1fr 160px !important; /* å·¦:æ¥ä» / ä¸:ã¿ã¤ãã« / å³:ãã¿ã³ */ 3897 gap: 22px !important; 3898 align-items: center !important; 3899 3900 padding: 18px 0 !important; 3901 border-top: 1px solid rgba(11,18,32,.18) !important; 3902} 3903.sy-news__row:last-child{ 3904 border-bottom: 1px solid rgba(11,18,32,.18) !important; 3905} 3906 3907/* ãããã¼ãå´ã dt/dd ã block ã margin ã§å´©ãã¦ãè² ããªãããã« */ 3908.sy-news__date, 3909.sy-news__text, 3910.sy-news__cta{ 3911 margin: 0 !important; 3912 padding: 0 !important; 3913 min-width: 0 !important; 3914} 3915 3916/* æ¥ä»ã®åè§ */ 3917.sy-news__date{ 3918 border: 1px solid rgba(11,18,32,.35) !important; 3919 width: 110px !important; 3920 height: 110px !important; 3921 display: grid !important; 3922 place-items: center !important; 3923 text-align: center !important; 3924 background: #fff !important; 3925} 3926 3927/* ææ¥ / æ¥ / æã»å¹´ */ 3928.sy-news__dow{ 3929 font-size: 12px !important; 3930 font-weight: 700 !important; 3931 letter-spacing: .12em !important; 3932} 3933.sy-news__day{ 3934 font-size: 44px !important; 3935 font-weight: 900 !important; 3936 line-height: 1 !important; 3937} 3938.sy-news__ym{ 3939 font-size: 13px !important; 3940 color: rgba(11,18,32,.75) !important; 3941} 3942 3943/* ã¿ã¤ãã« */ 3944.sy-news__link{ 3945 display: inline-block !important; 3946 font-size: 20px !important; 3947 font-weight: 800 !important; 3948 line-height: 1.6 !important; 3949 color: #0b1220 !important; 3950 text-decoration: none !important; 3951} 3952.sy-news__link:hover{ 3953 text-decoration: underline !important; 3954} 3955 3956/* å³ç«¯ã®ãã¿ã³ */ 3957.sy-news__cta{ 3958 display: flex !important; 3959 justify-content: flex-end !important; /* å³ç«¯åºå® */ 3960} 3961.sy-news__btn{ 3962 display: inline-flex !important; 3963 align-items: center !important; 3964 justify-content: center !important; 3965 width: 160px !important; 3966 height: 44px !important; 3967 border: 1px solid rgba(11,18,32,.55) !important; 3968 background: rgb(214 230 232) !important; 3969 color: #0b1220 !important; 3970 font-weight: 800 !important; 3971 text-decoration: none !important; 3972} 3973.sy-news__btn:hover{ 3974 filter: brightness(.98); 3975} 3976 3977/* SPï¼ã¹ããï¼ã¯ç¸¦ã« */ 3978@media (max-width: 900px){ 3979 .sy-news__row{ 3980 grid-template-columns: 92px 1fr !important; 3981 grid-template-areas: 3982 "date title" 3983 "date btn" !important; 3984 align-items: start !important; 3985 } 3986 .sy-news__date{ width: 92px !important; height: 92px !important; } 3987 .sy-news__day{ font-size: 36px !important; } 3988 .sy-news__text{ grid-area: title !important; } 3989 .sy-news__cta{ 3990 grid-area: btn !important; 3991 justify-content: flex-start !important; 3992 margin-top: 10px !important; 3993 } 3994 .sy-news__btn{ width: 150px !important; } 3995} 3996/* 詳細ã¯ãã¡ãï¼ãã¿ã³æUP */ 3997.sy-news__btn{ 3998 background: #e1f2f2 !important; 3999 border: 1px solid rgba(21,37,73,.35) !important; 4000 border-radius: 8px !important; 4001 font-weight: 900 !important; 4002 letter-spacing: .02em !important; 4003 box-shadow: 0 8px 18px rgba(11,18,32,.08) !important; 4004 transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important; 4005} 4006 4007.sy-news__btn:hover{ 4008 background: rgba(255,255,255,.95) !important; 4009 transform: translateY(-1px) !important; 4010 box-shadow: 0 12px 26px rgba(11,18,32,.12) !important; 4011} 4012 4013/* å³ç«¯ã®æ¼ããæããå°ãå¼·ãããå ´åï¼ä»»æï¼ */ 4014.sy-news__btn:active{ 4015 transform: translateY(0) !important; 4016 box-shadow: 0 6px 14px rgba(11,18,32,.10) !important; 4017} 4018 4019/* ããã®ã«ãã´ãªããã£ã¨èªããã ãããã¿ã³åï¼æååã§çãæã¡ï¼ */ 4020.sy-news a{ 4021 /* ãã£ããä»ã®ãªã³ã¯ã«å½±é¿ããªãããã«ä½ãããªã */ 4022} 4023 4024/* ãããæ¬å½ï¼ãªã³ã¯ã®ä¸èº«ããã®æåã®ã¨ãã ã */ 4025.sy-news a:has(> span):has(> i){} /* äºåï¼ä½ãèµ·ããªããªãç¡è¦ãã¦OKï¼ */ 4026 4027/* WordPressç°å¢åãï¼ãªã³ã¯ããã¹ãã§å¤å®ï¼ã»ã¼ç¢ºå®ã«å¹ãï¼ */ 4028.sy-news a[href*="/category/information/"], 4029.sy-news a[href*="/category/information"], 4030.sy-news a[href*="syundoku.jp/category/information"]{ 4031 display: inline-flex !important; 4032 align-items: center !important; 4033 justify-content: center !important; 4034 4035 /* æåéç¨åº¦ã®å¹ */ 4036 width: auto !important; 4037 min-width: 0 !important; 4038 4039 padding: 12px 18px !important; 4040 margin: 18px auto 0 !important; 4041 4042 background: #F3A86A !important; 4043 color: #fff !important; 4044 font-weight: 900 !important; 4045 text-decoration: none !important; 4046 4047 border: none !important; 4048 border-radius: 6px !important; 4049 box-shadow: 0 12px 28px rgba(11,18,32,.10) !important; 4050} 4051 4052/* hover */ 4053.sy-news a[href*="/category/information/"]:hover, 4054.sy-news a[href*="/category/information"]:hover, 4055.sy-news a[href*="syundoku.jp/category/information"]:hover{ 4056 filter: brightness(.97); 4057} 4058 4059/* #news å ã®ããã®ã«ãã´ãªããã£ã¨èªãããå²ãè¦ç´ ã div/center/p ã®å ´åã®ä
4059¿éº */ 4060#news .container .row .col-sm-10{ 4061 position: relative; 4062} 4063 4064.sy-news__footer{text-align:center} 4065 4066/* ========================= 4067 å ±éï¼ã³ã³ãã³ãå¹ 980 4068 ========================= */ 4069.sy-container{ 4070 max-width: 980px !important; 4071 margin: 0 auto !important; 4072 padding: 0 22px !important; 4073} 4074 4075/* å ±éï¼ä¸èº«ã®å¹ ã980ã«çµ±ä¸ */ 4076.sy-container{ 4077 max-width: 980px !important; 4078 width: 100% !important; 4079 margin-left: auto !important; 4080 margin-right: auto !important; 4081 padding-left: 22px !important; 4082 padding-right: 22px !important; 4083 box-sizing: border-box !important; 4084} 4085 4086 4087/* ã¹ããï¼ãã´ã®æ¯çå´©ãï¼æ¨ªé·åï¼ãé²ã */ 4088@media (max-width: 768px){ 4089a.header-logo__link{ 4090 width: auto !important; /* ãããéè¦ï¼100%ãæã¡æ¶ã */ 4091 height: 34px !important; /* 好ã¿ã§ 28ã40px ã§èª¿æ´ */ 4092 max-width: 160px !important; /* ã¯ã¿åºã鲿¢ï¼å¥½ã¿ã§èª¿æ´ï¼ */ 4093 object-fit: contain !important; 4094 } 4095} 4096 4097/* ããã¿ã¼ã¡ãã¥ã¼ï¼ã¹ããã§ã䏿®µã2ã«ã©ã 表示ã«ãã */ 4098@media (max-width: 767px){ 4099 4100 /* ä½ç½èª¿æ´ï¼å¥½ã¿ï¼ */ 4101 #f-menu{ 4102 padding: 18px 0; 4103 } 4104 4105 /* Bootstrapã®rowãã¹ããã ã2åã®flexã« */ 4106 #f-menu .row{ 4107 display: flex; 4108 flex-wrap: wrap; 4109 margin-left: -10px; 4110 margin-right: -10px; 4111 } 4112 4113 /* 4ã¤ã®ã«ã©ã ãã2åãã«ä¸¦ã¹ã */ 4114 #f-menu .col-sm-2, 4115 #f-menu .col-sm-3, 4116 #f-menu .col-sm-4{ 4117 flex: 0 0 50%; 4118 max-width: 50%; 4119 padding-left: 10px; 4120 padding-right: 10px; 4121 margin-bottom: 16px; 4122 } 4123 4124 /* ä¼ç¤¾åã®åï¼col-sm-2ï¼ã ãã¯æ¨ªå¹ ãã£ã±ãã«ãããå ´åã¯ON */ 4125 #f-menu .col-sm-2{ 4126 flex: 0 0 100%; 4127 max-width: 100%; 4128 margin-bottom: 10px; 4129 } 4130 4131 /* ãªã¹ãã®è¦ãç®ãæ´ããï¼å´©ã鲿¢ï¼ */ 4132 #f-menu ul{ 4133 margin: 0; 4134 padding-left: 0; 4135 list-style: none; 4136 } 4137 #f-menu li{ 4138 line-height: 1.5; 4139 margin: 6px 0; 4140 word-break: break-word; 4141 } 4142 4143 /* æåãé·ããªã³ã¯ãã¯ã¿åºãã®ãé²ã */ 4144 #f-menu a{ 4145 display: inline-block; 4146 max-width: 100%; 4147 overflow-wrap: anywhere; 4148 } 4149} 4150 4151/* ããã¿ã¼ï¼ã¹ããã¯1åï¼ç¸¦ç©ã¿ï¼ã«ãã */ 4152@media (max-width: 767px){ 4153 #f-menu .row{ 4154 display: block !important; /* flexãããã */ 4155 } 4156 4157 #f-menu .col-sm-2, 4158 #f-menu .col-sm-3, 4159 #f-menu .col-sm-4{ 4160 max-width: 100% !important; 4161 width: 100% !important; 4162 flex: none !important; 4163 padding-left: 0 !important; 4164 padding-right: 0 !important; 4165 margin-bottom: 16px; 4166 } 4167} 4168 4169/* ========================= 4170 ãããã¼ï¼ã¹ããï¼ 4171 ãã´ãå¹ ãåãããã¦ã¡ãã¥ã¼ãæ¶ããã®ãé²ã 4172 ========================= */ 4173@media (max-width: 768px){ 4174 4175 /* ãããã¼å ãæ¨ªä¸¦ã³ã«ãã¦âæ¼ãåºãâã鲿¢ */ 4176 header.header, 4177 .header{ 4178 display: flex !important; 4179 align-items: center !important; 4180 justify-content: space-between !important; 4181 gap: 10px !important; 4182 } 4183 4184 /* ãã´ã100%å¹ ãåããªãããã«ãã */ 4185 #logo.header-logo, 4186 .header-logo{ 4187 flex: 0 1 auto !important; 4188 max-width: calc(100% - 70px) !important; /* âå·¦ã®ãã¿ã³åãç¢ºä¿ */ 4189 min-width: 0 !important; 4190 } 4191 4192 /* ãã´ãªã³ã¯ã¯æãè¿ããªãã»ã¯ã¿åºããªã */ 4193 #logo.header-logo .header-logo__link, 4194 .header-logo .header-logo__link{ 4195 display: inline-flex !important; 4196 align-items: center !important; 4197 gap: 8px !important; 4198 white-space: nowrap !important; 4199 overflow: hidden !important; 4200 text-overflow: ellipsis !important; 4201 } 4202 4203 /* ç»åãã´ã®ãµã¤ãºï¼å°ãããªããã対çï¼ */ 4204 #logo.header-logo .header-logo__img, 4205 .header-logo .header-logo__img{ 4206   height: 40px !important;  /* 32ã40ã§å¥½ã¿ã«èª¿æ´OK */ 4207 width: auto !important; 4208 max-width: none !important; 4209 display: block !important; 4210 } 4211 4212 /* =============================== 4213 SPãããã¼ï¼ãã´ï¼ç»åï¼ç¤¾åï¼ã確å®ã«å¤§ãã 4214 =============================== */ 4215@media (max-width: 767px){ 4216 4217 /* ãã´è¦ç´ ãã®ãã®ï¼h1/#logo/.header-logoç ã¾ã¨ãã¦ï¼ */ 4218 #logo,
4219 h1#logo, 4220 .header-logo{ 4221 margin: 0 !important; 4222 padding: 0 !important; 4223 font-size: 18px !important; /* â社åãµã¤ãºï¼16ã20ã§èª¿æ´ï¼ */ 4224 line-height: 1.2 !important; 4225 } 4226 4227 /* ãªã³ã¯ã横並ã³ã« */ 4228 #logo a, 4229 .header-logo a, 4230 a.header-logo__link{ 4231 display: inline-flex !important; 4232 align-items: center !important; 4233 justify-content: center !important; 4234 gap: 10px !important; 4235 font-size: 18px !important; /* â社åãµã¤ãº */ 4236 font-weight: 700 !important; 4237 line-height: 1.2 !important; 4238 white-space: nowrap !important; 4239 padding: 6px 0 !important; 4240 } 4241 4242 /* ãã´ç»åï¼ãã¼ãã max-height ãåºå®ãã¦ã¦ãçªç ´ */ 4243 #logo img, 4244 .header-logo img, 4245 img.header-logo__img{ 4246 height: 36px !important; /* âãã´é«ãï¼32ã44ã§èª¿æ´ï¼ */ 4247 width: auto !important; 4248 max-height: none !important; 4249 max-width: none !important; 4250 } 4251} 4252 4253 4254 /* =============================== 4255 SPãããã¼ï¼ãã´ãä¸å¤®åºå®ï¼å·¦ï¼ãã³ãã¼ã¬ã¼ï¼ 4256 =============================== */ 4257@media (max-width: 767px){ 4258 4259 /* ãããã¼å ã®æ¨ªä¸¦ã³ã³ã³ããåè£ãã¾ã¨ãã¦ã°ãªããå */ 4260 header.header, 4261 header.header .header__inner, 4262 header.header .header-inner, 4263 header.header .header-in, 4264 header.header .container{ 4265 position: relative !important; 4266 } 4267 4268 header.header .header__inner, 4269 header.header .header-inner, 4270 header.header .header-in{ 4271 display: grid !important; 4272 grid-template-columns: 52px 1fr 52px !important; /* å·¦ï¼ã¡ãã¥ã¼ / ä¸å¤®ï¼ãã´ / å³ï¼ä½ç½ */ 4273 align-items: center !important; 4274 } 4275 4276 /* ãã´ãä¸å¤®åã«åºå® */ 4277 #logo, 4278 .header-logo{ 4279 grid-column: 2 !important; 4280 justify-self: center !important; 4281 text-align: center !important; 4282 } 4283 4284 /* ãã³ãã¼ã¬ã¼ï¼ãã¿ã³ï¼ã®åè£ï¼å·¦åã«å¯ãã */ 4285 .nav-drawer, 4286 .nav-drawer__btn, 4287 .nav-drawer__toggle, 4288 .drawer-toggle, 4289 .menu-trigger, 4290 .header__menu, 4291 .header-menu{ 4292 grid-column: 1 !important; 4293 justify-self: start !important; 4294 } 4295} 4296 4297 4298 /* ãã³ãã¼ã¬ã¼/ããã¯ã¼ãã¿ã³ãæ¶ããã¦ããå ´åã®ä¿éº */ 4299 .nav-drawer, 4300 .nav-drawer__toggle, 4301 .nav-drawer__btn, 4302 .navbtn, 4303 .menu-btn, 4304 .drawer-btn{ 4305 display: block !important; 4306 visibility: visible !important; 4307 opacity: 1 !important; 4308 position: relative !important; 4309 z-index: 9999 !important; 4310 } 4311} 4312/* ã¹ããã§ã¯PCã¡ãã¥ã¼ãæ¶ãã¦ããã³ãã¼ã¬ã¼ï¼ããã¯ã¼ï¼ã ãã«ãã */ 4313@media (max-width: 991px){ 4314 /* PCå´ã®æ¨ªä¸¦ã³ã¡ãã¥ã¼åè£ */ 4315 .header .header-nav, 4316 .header .global-nav, 4317 .header .pc-nav, 4318 .header nav:not(.nav-drawer):not(.header-nav-drawer), 4319 .header .menu, 4320 .header .gnav{ 4321 display:none !important; 4322 } 4323} 4324@media (max-width: 991px){ 4325 .header-logo__link{ 4326 display:flex !important; 4327 align-items:center !important; 4328 gap:8px !important; 4329 white-space:nowrap !important; 4330 } 4331 .header-logo__img{ 4332 height:26px !important; /* 24ã32ã§å¥½ã¿èª¿æ´ */ 4333 width:auto !important; 4334 max-width:none !important; 4335 } 4336} 4337 4338/* =============================== 4339 ã¹ããï¼ãã´ï¼ç»åï¼ç¤¾åï¼ã確å®ã«å¤§ãããã 4340 =============================== */ 4341@media (max-width: 767px){ 4342 4343 /* h1 / .h1 / dfont ã®å½±é¿ãå¼·å¶ãªã»ãã */ 4344 #logo.header-logo.h1.dfont{ 4345   font-size: 20px !important;   /* â社åãµã¤ãºï¼16ã20ã§èª¿æ´OK */ 4346 line-height: 1.2 !important; 4347 margin: 0 !important; 4348 } 4349 4350 /* ãªã³ã¯ã横並ã³ï¼ä¸å¤®æã */ 4351 #logo .header-logo__link{ 4352 display: inline-flex !important; 4353 align-items: center !important; 4354 gap: 10px !important; 4355 font-size: 18px !important; /* â社åãµã¤ãº */ 4356 font-weight: 700 !important; 4357 line-height: 1.2 !important; 4358 white-space: nowrap !important; 4359 padding: 6px 0 !important; 4360 } 4361 4362 /* ç»åã大ããï¼ãããä¸çªå¹ãï¼ */ 4363 #logo .header-logo__img{ 4364   height: 71px !important;     /* âãã´é«ãï¼30ã38ã§èª¿æ´OK */ 4365 width: auto !important; 4366 max-height: none !important; 4367 } 4368
4369 /* ãã親è¦ç´ ã§ç¸®å°ããã¦ãããç¡å¹å */ 4370 #logo, 4371 #logo *{ 4372 transform: none !important; 4373 } 4374} 4375@media (max-width: 767px){ 4376 header.header{ 4377 transform: none !important; 4378 } 4379} 4380 4381/* =============================== 4382 SPãããã¼ï¼ãã´ã大ããï¼ä¸ä¸ä¸å¤®ã« 4383 =============================== */ 4384@media (max-width: 767px){ 4385 4386 /* ãããã¼ã®âä¸èº«âãä¸ä¸ä¸å¤®ã«æããï¼ã©ã®ã©ããã¼ã§ãå¹ãããã«åè£ãè¤æ°ï¼ */ 4387 header.header, 4388 header.header .header__inner, 4389 header.header .header-inner, 4390 header.header .header-in, 4391 header.header .container{ 4392 min-height: 64px !important; /* âãããã¼é«ãï¼60ã72ã§èª¿æ´ï¼ */ 4393 } 4394 4395 header.header .header__inner, 4396 header.header .header-inner, 4397 header.header .header-in, 4398 header.header .container{ 4399 display: flex !important; 4400 align-items: center !important; /* âä¸ä¸ä¸å¤® */ 4401 } 4402 4403 /* ãã´ãããã¯ï¼h1ï¼ãä¸ä¸ä¸å¤®ï¼ä½ç½ãªã»ãã */ 4404 #logo, 4405 h1#logo, 4406 .header-logo{ 4407 margin: 0 !important; 4408 padding: 0 !important; 4409 line-height: 1 !important; 4410 display: flex !important; 4411 align-items: center !important; /* âä¸ä¸ä¸å¤® */ 4412 } 4413 4414 /* ãã´ãªã³ã¯ï¼ç»åï¼ããã¹ãï¼ãæ´å */ 4415 a.header-logo__link, 4416 #logo a, 4417 .header-logo a{ 4418 display: inline-flex !important; 4419 align-items: center !important; /* âä¸ä¸ä¸å¤® */ 4420 gap: 10px !important; 4421 padding: 0 !important; 4422 line-height: 1 !important; 4423 } 4424 4425 /* ãã´ç»åã大ããï¼ãããã¡ã¤ã³ï¼ */ 4426 img.header-logo__img, 4427 #logo img, 4428 .header-logo img{ 4429 height: 44px !important; /* âãã´ç»åã®é«ãï¼40ã52ã§èª¿æ´ï¼ */ 4430 width: auto !important; 4431 max-height: none !important; 4432 max-width: none !important; 4433 display: block !important; 4434 } 4435 4436 /* ãæ ªå¼ä¼ç¤¾ ç¬èªãã®æåãå°ã大ãã */ 4437 a.header-logo__link{ 4438 font-size: 18px !important; /* âæåãµã¤ãºï¼17ã20ã§èª¿æ´ï¼ */ 4439 font-weight: 700 !important; 4440 white-space: nowrap !important; 4441 } 4442} 4443 4444/* =============================== 4445 SPãããã¼ï¼ãã´ç»åãå¿ ãè¡¨ç¤ºï¼æååã対çï¼å®å ¨çï¼ 4446 =============================== */ 4447@media (max-width: 767px){ 4448 4449 /* ãããã¼ã®ã¯ã¿åºãã§åããªãããã« */ 4450 header.header{ 4451 overflow: visible !important; 4452 } 4453 4454 /* ãã´h1ãâæ®éã®é ç½®âã«æ»ãï¼absoluteãç¡å¹åï¼ */ 4455 #logo, 4456 h1#logo, 4457 .header-logo{ 4458 position: static !important; 4459 transform: none !important; 4460 margin: 0 !important; 4461 padding: 0 !important; 4462 display: flex !important; 4463 align-items: center !important; 4464 min-width: 0 !important; /* çç¥è¡¨ç¤ºã®ãã */ 4465 } 4466 4467 /* ãã´ãªã³ã¯ï¼ãã³ãã¼ã¬ã¼å(å·¦)ã®ä½ç½ãèæ ®ãã¦å¹ ãç¢ºä¿ */ 4468 a.header-logo__link, 4469 #logo a, 4470 .header-logo a{ 4471 display: inline-flex !important; 4472 align-items: center !important; 4473 gap: 8px !important; 4474 4475 /* ãããéè¦ï¼ç»é¢å¹ ããå·¦ã¡ãã¥ã¼åãå¼ãã¦âåããªãå¹ âã«ãã */ 4476 max-width: calc(100vw - 72px) !important; 4477 4478 overflow: hidden !important; 4479 white-space: nowrap !important; 4480 text-overflow: ellipsis !important; 4481 4482 font-size: 16px !important; 4483 line-height: 1.2 !important; 4484 font-weight: 700 !important; 4485 } 4486 4487 /* ãã´ç»åï¼ãã¼ãã§display:noneã«ãªã£ã¦ã¦ãå¼·å¶è¡¨ç¤º */ 4488 img.header-logo__img, 4489 #logo img, 4490 .header-logo img{ 4491 display: inline-block !important; 4492   height: 71px !important;  /* â大ããããããã° 38ã44 */ 4493 width: auto !important; 4494 max-width: none !important; 4495 max-height: none !important; 4496 } 4497} 4498 4499@media (max-width: 782px){ 4500 /* ãã´ã¨ãªã¢ã¯å¹ ãã£ã±ã使ã */ 4501 #inner-header{ 4502 position: relative !important; 4503 display: flex !important; 4504 align-items: center !important; 4505 justify-content: center !important; 4506 min-height: 64px !important; 4507 padding: 10px 12px !important; /* âå·¦å³ã®ä½ç½ãæ¸ãã */ 4508 } 4509 4510 /* ãã³ãã¼ã¬ã¼ãå·¦ã«çµ¶å¯¾é ç½®ï¼ãã´ã¨åãåããªãï¼ */ 4511 .header .nav-drawer, 4512 .header .nav-drawer__toggle, 4513 .header .drawer-toggle, 4514 .header .menu-btn, 4515 .header .sp-menu-btn{ 4516 position: absolute !important; 4517 left: 12px !important; 4518 top: 50% !important; 4519 transform: translateY(-50%) !important; 4520 z-index: 5 !important; 4521 } 4522 4523 #logo.header-logo{ margin:0 !important; padding:0 !important; } 4524 4525 /* â ãããéè¦ï¼å¹ å¶éãå¤ãã¦åºãã */ 4526 #logo.header-logo .header-logo__link{ 4527 display: inline-flex !important;
4528 align-items: center !important; 4529 justify-content: center !important; 4530 gap: 10px !important; 4531 4532 width: calc(100% - 64px) !important; /* âãã³ãã¼ã¬ã¼åã ãå¼ã */ 4533 max-width: none !important; /* âå¶éè§£é¤ */ 4534 white-space: nowrap !important; /* 1è¡åºå® */ 4535 overflow: visible !important; /* åããªã */ 4536 text-overflow: clip !important; /* â¦ãããã */ 4537 } 4538 4539 #logo.header-logo .header-logo__img{ 4540 width: 44px !important; 4541 height: auto !important; 4542 display:block !important; 4543 max-height:none !important; 4544 } 4545 4546 #logo.header-logo .header-logo__link{ 4547 font-size: 16px !important; 4548 font-weight: 800 !important; 4549 line-height: 1.1 !important; 4550 color:#0b1220 !important; 4551 } 4552} 4553 4554/* ãç¶ããèªãããã¿ã³ã®æ«å°¾ã«▶ãCSSã§è¿½å ï¼ãã©ã³ãä¾åããªãä¸è§å½¢ï¼ */ 4555a.sy-voice__more::after{ 4556 content: "" !important; 4557 display: inline-block !important; 4558 width: 0 !important; 4559 height: 0 !important; 4560 margin-left: 8px !important; 4561 border-left: 7px solid currentColor !important; 4562 border-top: 5px solid transparent !important; 4563 border-bottom: 5px solid transparent !important; 4564 transform: translateY(1px) !important; 4565 opacity: .9 !important; 4566} 4567 4568/* æ¢åã®ã▶ã表示ãå¼·å¶çã«æ¶ã */ 4569.sy-voice__more::after, 4570.sy-voice__btn::after{ 4571 content: "" !important; 4572} 4573 4574/* ãç¶ããèªããããã¹ã¦ã®åè¬è ã®å£°ãè¦ããæ«å°¾ã«▶ãCSSã§è¿½å */ 4575.sy-voice__more, 4576.sy-voice__btn{ 4577 white-space: nowrap !important; /* å¤ãªæãè¿ã鲿¢ */ 4578} 4579 4580.sy-voice__more::after, 4581.sy-voice__btn::after{ 4582 content: "" !important; 4583 display: inline-block !important; 4584 width: 0 !important; 4585 height: 0 !important; 4586 margin-left: 8px !important; 4587 border-left: 8px solid currentColor !important; 4588 border-top: 5px solid transparent !important; 4589 border-bottom: 5px solid transparent !important; 4590 transform: translateY(1px) !important; 4591 opacity: .9 !important; 4592} 4593 4594/* ãç¶ããèªããããã¹ã¦ã®åè¬è ã®å£°ãè¦ããæ«å°¾ã«▶ãCSSã§è¿½å */ 4595.sy-voice__more, 4596.sy-voice__btn{ 4597 white-space: nowrap !important; /* å¤ãªæãè¿ã鲿¢ */ 4598} 4599 4600.sy-voice__more::after, 4601.sy-voice__btn::after{ 4602 content: "" !important; 4603 display: inline-block !important; 4604 width: 0 !important; 4605 height: 0 !important; 4606 margin-left: 8px !important; 4607 border-left: 8px solid currentColor !important; 4608 border-top: 5px solid transparent !important; 4609 border-bottom: 5px solid transparent !important; 4610 transform: translateY(1px) !important; 4611 opacity: .9 !important; 4612} 4613 4614/* content ãå¼·å¶ç¡å¹åï¼ç¶ããèªãã»ãã¿ã³ä¸¡æ¹ï¼ */ 4615body .entry-content a.sy-voice__more::after, 4616body .entry-content a.sy-voice__btn::after{ 4617 content: none !important; 4618 display: none !important; 4619} 4620 4621 4622 4623 4624 4625 4626#i-19{ 4627 margin-top: 0 !important; 4628} 4629 4630#i-19{ 4631 scroll-margin-top: 24px; /* ã¢ã³ã«ã¼ç¨ã«ä½ç½æ®ããªã */ 4632} 4633 4634/* h2ãå«ã親è¦ç´ ã®ä¸paddingã大ããå ´åã«åã㦠*/ 4635#i-19{ 4636 padding-top: 0 !important; /* h2èªä½ã«paddingãããã±ã¼ã¹å¯¾ç */ 4637} 4638 4639/* ========================= 4640 æ°çæ å ±ï¼ã¹ããå·¦å³ä½ç½ãå¼·å¶çã«è©°ãã 4641 ========================= */ 4642@media (max-width: 600px){ 4643 4644 /* â ã»ã¯ã·ã§ã³å ¨ä½ã®å·¦å³ä½ç½ï¼æåªå ã§æ½°ãï¼ */ 4645 body .entry-content .sy-news__inner{ 4646 padding-left: 12px !important; 4647 padding-right: 12px !important; 4648 } 4649 4650 /* ãã .sy-news__inner ã« padding ãç¡ãã®ã«ä½ç½ãããå ´å㯠4651 ããã«å¤å´ï¼ã»ã¯ã·ã§ã³ï¼ã«å ¥ã£ã¦ã padding ãæ½°ã */ 4652 body .entry-content .sy-news{ 4653 padding-left: 0 !important; 4654 padding-right: 0 !important; 4655 } 4656 4657 /* â¡ è¡ã®ä¸ã®ä½ç½/ééãè©°ãã */ 4658 body .entry-content .sy-news__row{ 4659 padding-left: 0 !important; 4660 padding-right: 0 !important; 4661 gap: 12px !important; /* grid/flex ã®ééãåºãå ´åã«å¹ã */ 4662 } 4663 4664 /* ⢠æ¥ä»ããã¯ã¹ãå°ãå°ãããã¦ãæ¨ªå¹ ãç¯ç´ */ 4665 body .entry-content .sy-news__date{
4666 width: 92px !important; /* 好ã¿ã§ 86ã100 */ 4667 min-width: 92px !important; 4668 } 4669 4670 body .entry-content .sy-news__day{ 4671 font-size: 32px !important; 4672 line-height: 1 !important; 4673 } 4674 4675 /* ⣠ãã¿ã³ãã§ãããã/ä½ç½ãé£ãã®ãé²ã */ 4676 body .entry-content .sy-news__btn{ 4677 padding: 10px 14px !important; 4678 border-radius: 12px !important; 4679 white-space: nowrap !important; 4680 } 4681} 4682 4683/* PCã§ã¯æ¹è¡ããªã */ 4684.sp-br{ display:none; } 4685 4686/* ã¹ããã ãæ¹è¡ãã */ 4687@media (max-width: 600px){ 4688 .sp-br{ display:inline; } 4689} 4690 4691/* ã¹ãã:ããã¿ã¼ */ 4692@media (max-width: 600px){ 4693section#f-menu { 4694 padding-left: 20px; 4695} 4696} 4697 4698.sy-popular { 4699 padding: 48px 0; 4700 background: #e1f2f2; 4701} 4702 4703.sy-news__btn { 4704 background: #e1f2f2;!important; 4705 } 4706 4707 4708/* PCã ãé«ããæå® */ 4709@media (min-width: 901px){ 4710 .sy-fv .sy-fv__videoWrap{ 4711 height: 420px !important; /* âããã好ããªé«ãã« */ 4712 width: auto !important; /* å¹ ã¯èªå */ 4713 aspect-ratio: 4 / 3 !important; /* 960Ã720 ã«åããã */ 4714 } 4715 4716 .sy-fv video.sy-fv__video{ 4717 width: 100% !important; 4718   height: auto !important; 4719 object-fit: contain !important; /* âä¸ä¸å·¦å³ãåããªã */ 4720 } 4721} 4722/* åç»ã®ä¸ä¸ã®ç½ãä½ç½ãæ¶ãï¼æ ãåç»(4:3)ã«åããã */ 4723.sy-fv .sy-fv__videoWrap{ 4724 aspect-ratio: 4 / 3 !important; /* 960Ã720 = 4:3 */ 4725 padding: 0 !important; 4726 background: transparent !important; 4727 overflow: hidden !important; 4728} 4729 4730.sy-fv video.sy-fv__video{ 4731 width: 100% !important; 4732 height: 100% !important; 4733 object-fit: contain !important; /* 4:3å士ãªã®ã§ä½ç½ãåºãªã */ 4734 display: block !important; 4735} 4736 4737/* åç»ã®ä¸ä¸ä½ç½ï¼ã¬ã¿ã¼ããã¯ã¹é¨åï¼ãéæã«ãã */ 4738.sy-fv .sy-fv__videoWrap{ 4739 background: transparent !important; /* âç½ã®åå ãæ¶ã */ 4740 border: none !important; 4741 box-shadow: none !important; 4742 padding: 0 !important; 4743 overflow: hidden !important; 4744} 4745 4746/* 念ã®ããvideoèªä½ãèæ¯éæ */ 4747.sy-fv video.sy-fv__video{ 4748 background: transparent !important; 4749 display: block !important; 4750} 4751/* åç»ä¸ã®é»ãç·ï¼ãã¼ã¹ã©ã¤ã³ééã»å¢çç·ï¼ãæ¶ã */ 4752.sy-fv .sy-fv__videoWrap{ 4753 line-height: 0 !important; /* ãã¼ã¹ã©ã¤ã³éé対ç */ 4754 font-size: 0 !important; /* 念ã®ãã */ 4755 border: 0 !important; 4756 box-shadow: none !important; 4757 overflow: hidden !important; 4758} 4759 4760/* åç»ä¸ã«åºã 1pxç·ï¼æç»ã«ãã¿ï¼ãå¼·å¶çã«æ¶ã */ 4761.sy-fv .sy-fv__videoWrap{ 4762 overflow: hidden !important; 4763 background: transparent !important; 4764 line-height: 0 !important; 4765} 4766 4767.sy-fv .sy-fv__video{ 4768 display: block !important; 4769 width: 100% !important; 4770 height: 100% !important; 4771 4772 /* â ãããå¹ãï¼ç«¯ã®1pxã«ãã¿ãå å´ã¸ */ 4773 transform: scale(1.02) translateZ(0) !important; 4774 transform-origin: center center !important; 4775} 4776 4777/* ãããã¼ãã´ã®æ¯çå´©ã鲿¢ */ 4778.site-logo img, 4779.logo-image img, 4780.header-logo img { 4781 width: auto !important; 4782 height: auto !important; 4783 max-height: 60px; /* 好ã¿ã§èª¿æ´ï¼50ã70pxãããï¼ */ 4784 max-width: 100%; 4785 object-fit: contain; 4786} 4787 4788.drawer-menu, 4789.drawer-nav,
4790.drawer-container { 4791 display: block !important; 4792 visibility: visible !important; 4793 opacity: 1 !important; 4794} 4795 4796.drawer-menu li a { 4797 color: #333 !important; 4798} 4799 4800 4801/* ===== SY Drawer Menu (Mobile) ===== */ 4802.sy-drawerBtn{ 4803 position: fixed; 4804 top: 14px; 4805 left: 14px; 4806 z-index: 100000; 4807 width: 44px; 4808 height: 44px; 4809 border: 0; 4810 border-radius: 10px; 4811 background: rgba(255,255,255,.92); 4812 box-shadow: 0 6px 20px rgba(0,0,0,.12); 4813} 4814 4815.sy-drawerIcon{ 4816 position: absolute; 4817 top: 50%; 4818 left: 50%; 4819 width: 20px; 4820 height: 2px; 4821 background: #111; 4822 transform: translate(-50%,-50%); 4823} 4824.sy-drawerIcon::before, 4825.sy-drawerIcon::after{ 4826 content:""; 4827 position:absolute; 4828 left:0; 4829 width: 20px; 4830 height: 2px; 4831 background:#111; 4832} 4833.sy-drawerIcon::before{ top:-6px; } 4834.sy-drawerIcon::after { top: 6px; } 4835 4836.sy-drawerBackdrop{ 4837 position: fixed; 4838 inset: 0; 4839 background: rgba(0,0,0,.45); 4840 z-index: 99998; 4841} 4842 4843.sy-drawer{ 4844 position: fixed; 4845 top: 0; 4846 left: 0; 4847 height: 100vh; 4848 width: min(88vw, 360px); 4849 background: #fff; 4850 z-index: 99999; 4851 transform: translateX(-102%); 4852 transition: transform .25s ease; 4853 overflow: auto; 4854 -webkit-overflow-scrolling: touch; 4855 padding-bottom: 16px; 4856} 4857 4858.sy-drawer.is-open{ 4859 transform: translateX(0); 4860} 4861 4862.sy-drawerHead{ 4863 display:flex; 4864 align-items:center; 4865 justify-content: space-between; 4866 padding: 16px 16px 12px; 4867 border-bottom: 1px solid rgba(0,0,0,.08); 4868} 4869.sy-drawerTitle{ 4870 font-weight: 700; 4871 letter-spacing: .08em; 4872} 4873.sy-drawerClose{ 4874 border:0; 4875 background: transparent; 4876 font-size: 24px; 4877 line-height: 1; 4878 padding: 6px 10px; 4879 border-radius: 10px; 4880} 4881 4882.sy-drawer .sy-drawerMenu{ 4883 list-style:none; 4884 margin: 0; 4885 padding: 10px 0; 4886} 4887 4888.sy-drawer .sy-drawerMenu li a{ 4889 display:block; 4890 padding: 14px 16px; 4891 color:#111; 4892 text-decoration:none; 4893 border-bottom: 1px solid rgba(0,0,0,.06); 4894} 4895 4896/* PCã§ã¯é表示ï¼å¿ è¦ãªãæ¶ãã¦OKï¼ */ 4897@media (min-width: 1024px){ 4898 .sy-drawerBtn, 4899 .sy-drawerBackdrop, 4900 .sy-drawer{ display:none !important; } 4901} 4902 4903/* ããã¯ã¼å ã®ã¡ãã¥ã¼ãå°ãä¸ãã */ 4904.sy-drawer .sy-drawerMenu{ 4905 padding-top: 18px; /* â ããã墿¸ï¼12ã32pxãããï¼ */ 4906} 4907 4908.sy-drawer{ 4909 padding-top: 18px; /* â ããã¯ã¼å ¨ä½ã®ä¸ä½ç½ */ 4910} 4911 4912.sy-drawerTitle{ 4913 display:none; 4914} 4915 4916/* Ããã¿ã³ãå°ãä¸ãã */ 4917.sy-drawerClose{ 4918  margin-top: 20px;  /* â æ°å¤ãå¢ããã¨ããã«ä¸ãã */ 4919} 4920 4921.sy-drawerHead{ 4922 padding-top: 28px; /* â 20ã40pxãããã§èª¿æ´ */ 4923} 4924 4925.sy-drawerHead{ 4926 padding-top: calc(16px + env(safe-area-inset-top)); 4927} 4928 4929.sy-drawerClose{ 4930 position: absolute; 4931 right: calc(12px + env(safe-area-inset-right)); 4932 top: calc(20px + env(safe-area-inset-top)); 4933} 4934.sy-drawerHead{ 4935 position: relative; 4936} 4937 4938 4939/* å·¦ä¸ã«æ®ãèãå ãã¿ã³ãâè¦ããªãããâæçµææ®µï¼å¿ è¦ãªå ´åã®ã¿ï¼ */ 4940header{ 4941 position: relative; 4942} 4943header::before{ 4944 content:""; 4945 position:absolute; 4946 left: 0; 4947 top: 0; 4948 width: 70px; 4949 height: 70px; 4950 background: #fff; 4951 z-index: 9999; 4952} 4953
4954/* å·¦ä¸ã«æ®ãèãå ãã¿ã³ãâè¦ããªãããâæçµææ®µï¼å¿ è¦ãªå ´åã®ã¿ï¼ */ 4955header{ 4956 position: relative; 4957} 4958header::before{ 4959 content:""; 4960 position:absolute; 4961 left: 0; 4962 top: 0; 4963 width: 70px; 4964 height: 70px; 4965 background: #fff; 4966 z-index: 9999; 4967} 4968 4969/* éããããããã¼ç·ããä¸ã«æµ®ããã */ 4970.sy-drawerHead{ 4971 position: relative; 4972} 4973 4974.sy-drawerClose{ 4975 position: absolute; 4976 right: 16px; 4977 top: -10px; /* â ããããã¤ã³ãããã¤ãã¹ã§ä¸ã«ç§»å */ 4978 z-index: 10; 4979} 4980 4981.sy-drawerClose{ 4982 position: absolute; 4983 right: 16px; 4984 top: -20px; 4985} 4986 4987.sy-drawerClose{ 4988 position: absolute; 4989 right: calc(16px + env(safe-area-inset-right)); 4990 top: calc(-10px + env(safe-area-inset-top)); 4991} 4992 4993 4994/* åºå®ãã¼ã¸ã¿ã¤ãã«ã®è£ 飾ãæåã«ãã¶ãã®ãé²ã */ 4995header.article-header.entry-header.page-header { 4996 position: relative; 4997} 4998 4999header.article-header.entry-header.page-header::before, 5000header.article-header.entry-header.page-header::after { 5001 z-index: 0 !important; 5002 pointer-events: none; 5003} 5004 5005header.article-header.entry-header.page-header .entry-title, 5006header.article-header.entry-header.page-header h1 { 5007 position: relative; 5008 z-index: 2 !important; 5009} 5010 5011/* ãããã¼å·¦ä¸ã®ç½ãåè§è£ é£¾ãæ¶ã */ 5012header.header::before { 5013 display: none !important; 5014} 5015 5016 5017.program-wrapper { 5018margin: 100px auto 10px; 5019} 5020 5021/* è¨äºã¿ã¤ãã«ãå·¦ã«é ããã»ãã¶ã対ç */ 5022.entry-title, 5023.single .entry-title, 5024.article-header .entry-title, 5025.header-title { 5026 position: relative; 5027 z-index: 10; 5028 overflow: visible; 5029 text-indent: 0 !important; 5030 padding-left: 0 !important; 5031 margin-left: 0 !important; 5032 white-space: normal; 5033} 5034/* ã¿ã¤ãã«åã®è£ 飾ãçä¼¼è¦ç´ ããã¶ãå ´å */ 5035.entry-title::before, 5036.entry-title::after, 5037.article-header .entry-title::before, 5038.article-header .entry-title::after { 5039 display: none !important; 5040} 5041/* ãµã¤ããã¼ãåºåãæ¬æã¿ã¤ãã«ã«éãªã対ç */ 5042header.article-header.entry-header::before { 5043 display: none !important; 5044 content: none !important; 5045} </style> 5046 <style> a{color:#97cfd9}.main-c, .has-sango-main-color{color:#97cfd9}.main-bc, .has-sango-main-background-color{background-color:#97cfd9}.main-bdr, #inner-content .main-bdr{border-color:#97cfd9}.pastel-c, .has-sango-pastel-color{color:#97cfd9}.pastel-bc, .has-sango-pastel-background-color, #inner-content .pastel-bc{background-color:#97cfd9}.accent-c, .has-sango-accent-color{color:#ffb36b}.accent-bc, .has-sango-accent-background-color{background-color:#ffb36b}.header, #footer-menu, .drawer__title{background-color:#ffffff}#logo a{color:#0d0d0d}.desktop-nav li a , .mobile-nav li a, #footer-menu a, #drawer__open, .header-search__open, .copyright, .drawer__title{color:#0d0d0d}.drawer__title .close span, .drawer__title .close span:before{background:#0d0d0d}.desktop-nav li:after{background:#0d0d0d}.mobile-nav .current-menu-item{border-bottom-color:#0d0d0d}.widgettitle{color:#97cfd9;background-color:#97cfd9}.footer{background-color:#ffffff}.footer, .footer a, .footer .widget ul li a{color:#0d0d0d}#toc_container .toc_title, .entry-content .ez-toc-title-container, #footer_menu .raised, .pagination a, .pagination span, #reply-title:before, .entry-content blockquote:before, .main-c-before li:before, .main-c-b:before{color:#97cfd9}.searchform__submit, #toc_container .toc_title:before, .ez-toc-title-container:before, .cat-name, .pre_tag > span, .pagination .current, .post-page-numbers.current, #submit, .withtag_list > span, .main-bc-before li:before{background-color:#97cfd9}#toc_container, #ez-toc-container, h3, .li-mainbdr ul, .li-mainbdr ol{border-color:#97cfd9}.search-title i, .acc-bc-before li:before{background:#ffb36b}.li-accentbdr ul, .li-accentbdr ol{border-color:#ffb36b}.pagination a:hover, .li-pastelbc ul, .li-pastelbc ol{background:#97cfd9}body{font-size:95%}@media only screen and (min-width:481px){body{font-size:107%}}@media only screen and (min-width:1030px){body{font-size:107%}}.totop{background:#97cfd9}.header-info a{color:#FFF;background:linear-gradient(95deg, #97cfd9, #97cfd9)}.fixed-menu ul{background:#97cfd9}.fixed-menu a{color:#0d0d0d}.fixed-menu .current-menu-item a, .fixed-menu ul li a.active{color:#6bb6ff}.post-tab{background:#FFF}.post-tab > div{color:#a7a7a7}.post-tab > div.tab-active{background:linear-gradient(45deg, #97cfd9, #97cfd9)}body{font-family:"Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "ã¡ã¤ãªãª", Meiryo, sans-serif;}.dfont{font-family:"Quicksand","Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "ã¡ã¤ãªãª", Meiryo, sans-serif;}.post, .sidebar .widget{border:solid 1px rgba(0,0,0,.08)}.sidebar .widget{border-radius:4px;overflow:hidden}.sidebar .widget_search{border:none}.sidebar .widget_search input{border:solid 1px #ececec}.sidelong__article{box-shadow:0 1px 4px rgba(0,0,0,.18)}.archive-header{box-shadow:0 1px 2px rgba(0,0,0,.15)}.body_bc{background-color:ffffff}</style><style> 5047/* å¹ãåºãå³ */ 5048.right .sc { 5049 background:#97cfd9; /* ãµãã ãã®ä¸ã®è² */ 5050 border: solid 2px #97cfd9; /* ãµãã ãã®ç·ã®è² */ 5051 color: #fff; /* æåã®è² */ 5052} 5053.right .sc:before, 5054.right .sc:after { 5055 border-left-color:#97cfd9; 5056} 5057/* ãµãã ãå·¦ */ 5058.sc { 5059 background: #f2f2f2; /* ãµãã ãã®ä¸ã®è² */ 5060 border: solid 2px #f2f2f2; /* ãµãã ãã®ç·ã®è² */ 5061 color: #0d0d0d; /* æåã®è² */ 5062} 5063.sc:before, 5064.sc:after { 5065 border-right: 12px solid #f2f2f2; /* ãµãã ãã®ç·ã®è² */ 5066} 5067/* wppã®ã©ã³ãã³ã°ã«ã©ã¼ãã¢ã¯ã»ã³ãã«ã©ã¼ã« */ 5068.my-widget.show_num li:nth-child(-n+3):before { 5069 background: #ffb36b; 5070} 5071/* topãªã¹ã¹ã¡ã®ä¸ç·ãã¢ã¯ã»ã³ãã«ã©ã¼ã« */ 5072div.osusume-b { 5073 border-bottom: solid 3px #ffb36b; 5074} 5075div.shinchaku-b { 5076 border-bottom: solid 3px #97cfd9; 5077} 5078</style> 5079<link rel="stylesheet" id="prp-fontawesome5-all" href="//use.fontawesome.com/releases/v5.2.0/css/all.css" type="text/css" media="all"> 5080<link rel="stylesheet" id="prp-fontawesome5-v4-shims" href="//use.fontawesome.com/releases/v5.2.0/css/v4-shims.css" type="text/css" media="all"> 5081</head> 5082<body class="page-template-default page page-id-46 custom-background fa5 elementor-default elementor-kit-9340"> 5083 <div id="container"> 5084 <header class="header"> 5085 <div id="inner-header" class="wrap cf"> 5086  <div id="logo" class="header-logo dfont"> 5087 <a href="https://syundoku.jp" class="header-logo__link"> 5088 <img src="/wp-content/uploads/2019/06/logo_navy_l_fix.png" alt="æ ªå¼ä¼ç¤¾ ç¬èª" class="header-logo__img"> 5089 æ ªå¼ä¼ç¤¾ ç¬èª </a> 5090 </div> 5091 <div class="header-search"> 5092 <label class="header-search__open" for="header-search-input"><i class="fas fa-search"></i></label> 5093 <input type="checkbox" class="header-search__input" id="header-search-input" onclick="document.querySelector('.header-search__modal .searchform__input').focus()"> 5094 <label class="header-search__close" for="header-search-input"></label> 5095 <div class="header-search__modal"> 5096 <form role="search" method="get" id="searchform" class="searchform" action="https://syundoku.jp/"> 5097 <div> 5098 <input type="search" placeholder="ãµã¤ãå æ¤ç´¢" id="s" name="s" value="" /> 5099 <button type="submit" id="searchsubmit" ><i class="fa fa-search"></i> 5100 </button> 5101 </div> 5102</form> </div> 5103</div> <nav class="desktop-nav clearfix"><ul id="menu-%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc" class="menu"><li id="menu-item-7149" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7149"><a href="https://syundoku.jp/about">
5103å³è³éèªæ³âç¬èªâã¨ã¯</a> 5104<ul class="sub-menu"> 5105 <li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="https://syundoku.jp/recommendation">æ¨è¦ã³ã¡ã³ã</a></li> 5106 <li id="menu-item-2760" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2760"><a href="https://syundoku.jp/syundoku-book">æ¸ç±ç´¹ä»</a></li> 5107</ul> 5108</li> 5109<li id="menu-item-2714" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2714"><a href="https://syundoku.jp/syundoku-training">ç¬èªãã¬ã¼ãã³ã°</a> 5110<ul class="sub-menu"> 5111 <li id="menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64"><a href="https://syundoku.jp/education">伿¥ç ä¿®/è¬æ¼</a></li> 5112 <li id="menu-item-18571" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18571"><a href="https://syundoku.jp/s-teacher">ç¬èªè¬å¸«ã®ãç´¹ä»</a></li> 5113 <li id="menu-item-1941" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1941"><a href="https://trainer.syundoku.jp/trainer_list/">ç¬èªãã¬ã¼ãã¼</a></li> 5114 <li id="menu-item-11107" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11107"><a href="https://syundoku.jp/child-lesson">åã©ãç¬èª</a></li> 5115</ul> 5116</li> 5117<li id="menu-item-5769" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5769"><a href="https://syundoku.jp/student-introduction">åè¬çã®ã声紹ä»</a></li> 5118<li id="menu-item-7821" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7821"><a href="https://syundoku.jp/category/media">ã¡ãã£ã¢å®ç¸¾</a></li> 5119<li id="menu-item-4679" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-4679"><a href="https://syundoku.jp/category/information">æ°çæ å ±</a> 5120<ul class="sub-menu"> 5121 <li id="menu-item-10229" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10229"><a href="https://syundoku.jp/category/speed-reading">éèªè¨äºä¸è¦§</a></li> 5122</ul> 5123</li> 5124<li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-68"><a href="https://syundoku.jp/association">ä¼ç¤¾æ¦è¦</a> 5125<ul class="sub-menu"> 5126 <li id="menu-item-10221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10221"><a href="https://syundoku.jp/profile">代表åç· å½¹ 山䏿µç¾å ãããã£ã¼ã«</a></li> 5127</ul> 5128</li> 5129<li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-46 current_page_item menu-item-has-children menu-item-66"><a href="https://syundoku.jp/contact" aria-current="page">ãåãåã</a> 5130<ul class="sub-menu"> 5131 <li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="https://syundoku.jp/faq">ãããã質å</a></li> 5132</ul> 5133</li> 5134<li id="menu-item-10493" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10493"><a href="https://syundoku.jp/english-about-syundoku">English</a></li> 5135</ul></nav></div> 5136 </header> 5137 <div class="header-info "> 5138 <a href="https://syundoku.com/zm-dc/?banner=2929de7366c943a6ada7fa17e4733e6e"> 5139 ãèªå® ã§åè¬ã§ãããZoomä½é¨ä¼ãç¡æãã§éå¬ä¸ï¼ </a> 5140 </div> 5141 <div id="content"> 5142 <div id="inner-content" class="wrap cf"> 5143 <main id="main" class="m-all t-2of3 d-5of7 cf"> 5144 <article id="entry" class="cf post-46 page type-page status-publish nothumb"> 5145 <header class="article-header entry-header page-header"> 5146 <nav id="breadcrumb" class="breadcrumb"><ul itemscope itemtype="http://schema.org/BreadcrumbList"><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="https://syundoku.jp" itemprop="item"><span itemprop="name">ãã¼ã </span></a><meta itemprop="position" content="1" /></li></ul></nav> <h1 class="page-title">ãåãåã</h1> 5147 </header> 5148 <section class="entry-content page-content cf"> 5149 <p>æè²æ©é¢ãæ å½è æ§åã ãåãåããçªå£ã¯<a href="https://syundoku.jp/contact-2">ãã¡ã</a></p> 5150<div id="mw_wp_form_mw-wp-form-422" class="mw_wp_form mw_wp_form_input "> 5151 <form method="post" action="" enctype="multipart/form-data"><table class="cform"> 5152<tbody> 5153<tr> 5154<th>ãåå<span class="required-srt">å¿ é </span></th> 5155<td> 5156<input type="text" name="yourname" size="0" value="" /> 5157</td> 5158</tr> 5159<tr> 5160<th>ããªã¬ã<span class="required-srt">å¿ é </span></th> 5161<td> 5162<input type="text" name="hurigana" size="0" value="" /> 5163</td> 5164</tr> 5165<tr> 5166<th>御社å</th> 5167<td> 5168<input type="text" name="company-name" size="0" value="" /> 5169</td> 5170</tr> 5171<tr> 5172<th>
5172御社åï¼ããªã¬ãï¼</th> 5173<td> 5174<input type="text" name="company-name-furigana" size="0" value="" /> 5175</td> 5176</tr> 5177<tr> 5178<th>ãé»è©±çªå·<span class="required-srt">å¿ é </span></th> 5179<td> 5180<input type="text" name="telnum" size="0" value="" /> 5181</td> 5182</tr> 5183<tr> 5184<th>ã¡ã¼ã«ã¢ãã¬ã¹<span class="required-srt">å¿ é </span></th> 5185<td> 5186<input type="email" name="email" size="0" value="" data-conv-half-alphanumeric="true"/> 5187</td> 5188</tr> 5189<tr> 5190<th>ã¡ã¼ã«ã¢ãã¬ã¹ï¼ç¢ºèªï¼<span class="required-srt">å¿ é </span></th> 5191<td> 5192<input type="text" name="chk_mail" size="30" maxlength="40" value="" /> 5193</td> 5194</tr> 5195<tr> 5196<th>ä»¶å<span class="required-srt">å¿ é </span></th> 5197<td> 5198<input type="text" name="kenmei" size="0" value="" /> 5199</td> 5200</tr> 5201<tr> 5202<th>ãåãåããå 容<span class="required-srt">å¿ é </span></th> 5203<td> 5204<textarea name="content" cols="40" rows="15" ></textarea> 5205</td> 5206</tr> 5207</tbody> 5208</table> 5209<div class="submit-btn"> 5210<input type="submit" name="submitConfirm" value="確èªç»é¢ã¸é²ã" /> 5211</div> 5212<p style="text-align: center;"></p><input type="hidden" name="mw-wp-form-form-id" value="422" /><input type="hidden" name="mw_wp_form_token" value="690b1ac13286c9c865c026bdce1d5e25ffeea2a6faffe11cab65560bd9e6ecc2" /></form> 5213 <!-- end .mw_wp_form --></div> 5214<p><!--[pc] 5215<div class="sampleBox btn"> 5216 <a href="http://syundoku.com/lp/of/"><br /> 5217     <img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¬èªä½é¨ä¼ã¯ãã¡ã" loading="lazy" class="native-lazyload-js-fallback" data-src="/wp-content/uploads/2019/07/new-entry.png"/><noscript><img loading="lazy" src="/wp-content/uploads/2019/07/new-entry.png" alt="ç¬èªä½é¨ä¼ã¯ãã¡ã" /></noscript><br /> 5218 </a> 5219</div> 5220<style> 5221.sampleBox {<br /> 5222 position: relative;<br /> 5223}<br /> 5224.sampleBox img {<br /> 5225 width:25%;<br /> 5226 position: fixed;<br /> 5227 right: 0;<br /> 5228 bottom: 0;<br /> 5229 opacity:0.9;<br /> 5230z-index:99;<br /> 5231}</p> 5232</style> 5233[/pc]--></p> </section> 5234 <footer class="article-footer"> 5235 <aside> 5236 <div class="footer-contents"> 5237 <div class="sns-btn"> 5238 <span class="sns-btn__title dfont">SHARE</span> <ul> 5239 <!-- twitter --> 5240 <li class="tw sns-btn__item"> 5241 <a href="https://twitter.com/share?url=https%3A%2F%2Fsyundoku.jp%2Fcontact&text=%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%81%9B%EF%BD%9C%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE+%E7%9E%AC%E8%AA%AD" target="_blank" rel="nofollow noopener noreferrer"> 5242 <i class="fab fa-twitter"></i> <span class="share_txt">ãã¤ã¼ã</span> 5243 </a> 5244 </li> 5245 <!-- facebook --> 5246 <li class="fb sns-btn__item"> 5247 <a href="https://www.facebook.com/share.php?u=https%3A%2F%2Fsyundoku.jp%2Fcontact" target="_blank" rel="nofollow noopener noreferrer"> 5248 <i class="fab fa-facebook"></i> <span class="share_txt">ã·ã§ã¢</span> 5249 </a> 5250 </li> 5251 <!-- ã¯ã¦ãªããã¯ãã¼ã¯ --> 5252 <li class="hatebu sns-btn__item"> 5253 <a href="http://b.hatena.ne.jp/add?mode=confirm&url=https%3A%2F%2Fsyundoku.jp%2Fcontact&title=%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%81%9B%EF%BD%9C%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE+%E7%9E%AC%E8%AA%AD" target="_blank" rel="nofollow noopener noreferrer"> 5254 <i class="fa fa-hatebu"></i> 5255 <span class="share_txt">ã¯ã¦ã</span> 5256 </a> 5257 </li> 5258 <!-- LINE --> 5259 <li class="line sns-btn__item"> 5260 <a href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fsyundoku.jp%2Fcontact&text=%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%81%9B%EF%BD%9C%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE+%E7%9E%AC%E8%AA%AD" target="_blank" rel="nofollow noopener noreferrer"> 5261 <i class="fab fa-line"></i> 5262 <span class="share_txt share_txt_line dfont">LINE</span> 5263 </a> 5264 </li> 5265 <!-- Pocket --> 5266 <li class="pkt sns-btn__item"> 5267 <a href="http://getpocket.com/edit?url=https%3A%2F%2Fsyundoku.jp%2Fcontact&title=%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%81%9B%EF%BD%9C%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE+%E7%9E%AC%E8%AA%AD" target="_blank" rel="nofollow noopener noreferrer"> 5268 <i class="fab fa-get-pocket"></i>
5268 <span class="share_txt">Pocket</span> 5269 </a> 5270 </li> 5271 </ul> 5272 </div> 5273 </div> 5274 </aside> 5275 </footer> 5276
5276<script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":"https://syundoku.jp/contact","headline":"ãåãåã","image":{"@type":"ImageObject","url":"https://syundoku.jp/wp-content/uploads/2019/06/05-520x300.jpeg","width":520,"height":300},"datePublished":"2019-06-10T14:53:51+0900","dateModified":"2021-06-04T15:47:28+0900","author":{"@type":"Person","name":"syundoku"},"publisher":{"@type":"Organization","name":"","logo":{"@type":"ImageObject","url":""}},"description":"æè²æ©é¢ãæ
å½è
æ§åã ãåãåããçªå£ã¯ãã¡ã"}</script>
5276 <div id="comments"> 5277 </div> </article> 5278 </main> 5279 <div id="sidebar1" class="sidebar m-all t-1of3 d-2of7 last-col cf" role="complementary"> 5280 <aside class="insidesp"> 5281 <div id="notfix" class="normal-sidebar"> 5282 <div id="text-2" class="widget widget_text"> <div class="textwidget"><p><a href="https://syundoku.jp/contact-2"><img class="alignnone size-full wp-image-9861 native-lazyload-js-fallback" src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="æè²æ©é¢ãååãçªå£" width="1200" height="300" loading="lazy" data-src="https://syundoku.jp/wp-content/uploads/2021/06/contact2.jpg"/><noscript><img loading="lazy" class="alignnone size-full wp-image-9861" src="https://syundoku.jp/wp-content/uploads/2021/06/contact2.jpg" alt="æè²æ©é¢ãååãçªå£" width="1200" height="300" /></noscript></a></p> 5283</div> 5284 </div><div id="custom_html-14" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><p class="hh hh3 main-bdr"> 5285 ç¬èªå¼ è³ãã¬ã¢ã㪠5286</p> 5287<p class="w-img"> 5288 <a href="https://brain-training.syundoku.online/?banner=59153e863a664fbeaca32111740b6e16"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¬èªå¼è³ãã¬ã¢ããª" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2023/09/brain-apli.jpg"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2023/09/brain-apli.jpg" alt="ç¬èªå¼è³ãã¬ã¢ããª"></noscript></a> 5289</p> 5290 5291<!-- <p class="hh hh3 main-bdr"> 5292ç¬èªå¼ ç¥ã¡ã¢ 5293</p> 5294<p class="w-img"> 5295 <a href="https://kamimemo.net/lphp/"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¬èªå¼ ç¥ã¡ã¢" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2024/11/km-widget.png"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2024/11/km-widget.png" alt="ç¬èªå¼ ç¥ã¡ã¢"></noscript></a> 5296</p> --> 5297 5298<!-- <p class="hh hh3 main-bdr"> 5299ç¬èªè±ä¼è©± ç¹å¥Zoomä½é¨ä¼ 5300</p> 5301<p class="w-img"> 5302 <a href="https://eng.syundoku.online/lphp/"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¬èªè±ä¼è©± ç¹å¥Zoomä½é¨ä¼" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2025/01/English-syndoku.png"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2025/01/English-syndoku.png" alt="ç¬èªè±ä¼è©± ç¹å¥Zoomä½é¨ä¼"></noscript></a> 5303</p> --> 5304 5305<p class="hh hh3 main-bdr"> 5306 ç¬èªä½é¨ä¼ 5307</p> 5308<p class="w-img"> 5309 <a href="https://syundoku.online/l/c/w83EjR6a/0BAqzeNL"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¡æWebä½é¨ä¼" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2020/10/online-w4.jpg"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2020/10/online-w4.jpg" alt="ç¡æWebä½é¨ä¼"></noscript></a> 5310</p></div></div><div id="custom_html-17" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><p class="w-img"><a href="https://syundoku.com/zm-dc/?banner=2929de7366c943a6ada7fa17e4733e6e"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¬èªZoomä½é¨ä¼" style="box-shadow: 2px 2px 4px #c6c6c6;" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2026/07/zoom-w6c.png"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2026/07/zoom-w6c.png" alt="ç¬èªZoomä½é¨ä¼" style="box-shadow: 2px 2px 4px #c6c6c6;"></noscript></a></p></div></div><div id="custom_html-16" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><p class="w-img"><a href="https://trainer.syundoku.jp/trainer-experience/"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¬èªä¸ç´ãã¬ã¼ãã¼ç¬èªä½é¨ä¼" style="box-shadow: 2px 2px 4px #c6c6c6;" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2020/10/trainer-w4.jpg"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2020/10/trainer-w4.jpg" alt="ç¬èªä¸ç´ãã¬ã¼ãã¼ç¬èªä½é¨ä¼" style="box-shadow: 2px 2px 4px #c6c6c6;"></noscript></a></p></div></div><div id="custom_html-11" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><p class="hh hh3 main-bdr"> 5311 åã©ãç¬èªæå®¤ä½é¨ä¼ 5312</p> 5313<p class="w-img"><a href="https://syundoku.jp/syundoku-training/#kodomo"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="åã©ãç¬èªæå®¤" style="box-shadow: 2px 2px 4px #c6c6c6;" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2021/02/kodomo-web.jpg"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2021/02/kodomo-web.jpg" alt="åã©ãç¬èªæå®¤" style="box-shadow: 2px 2px 4px #c6c6c6;"></noscript></a></p></div></div><div id="custom_html-23" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><p class="hh hh3 main-bdr"> 5314 ç¬èªSNS 5315</p> 5316<p class="w-img"><a href="https://line.me/R/ti/p/%40054zfyno"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¬èªLINEå ¬å¼ã¢ã«ã¦ã³ã" style="box-shadow: 2px 2px 4px #c6c6c6;" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2022/06/LINEv2.jpg"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2022/06/LINEv2.jpg" alt="ç¬èªLINEå ¬å¼ã¢ã«ã¦ã³ã" style="box-shadow: 2px 2px 4px #c6c6c6;"></noscript></a></p> 5317</div></div><div id="custom_html-22" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><p class="w-img"><a href="https://www.youtube.com/channel/UCcdH6RhzXdeXxkDtyHx9m8g"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¬èªYoutubeãã£ã³ãã«" style="box-shadow: 2px 2px 4px #c6c6c6;" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2022/04/Youtube.jpg"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2022/04/Youtube.jpg" alt="ç¬èªYoutubeãã£ã³ãã«" style="box-shadow: 2px 2px 4px #c6c6c6;"></noscript></a></p></div></div><div id="custom_html-15" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><!--<a href="https://syundoku.com/lp/of/?argument=9Vx2eSsy&dmai=HP_002"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¬èªé常ä½é¨ä¼" style="box-shadow: 2px 2px 4px #c6c6c6;" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2020/07/taiken.jpg"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2020/07/taiken.jpg" alt="ç¬èªé常ä½é¨ä¼" style="box-shadow: 2px 2px 4px #c6c6c6;"></noscript></a>--></div></div><div id="search-2" class="widget widget_search"><form role="search" method="get" id="searchform" class="searchform" action="https://syundoku.jp/"> 5318 <div> 5319 <input type="search" placeholder="ãµã¤ãå æ¤ç´¢" id="s" name="s" value="" /> 5320 <button type="submit" id="searchsubmit" ><i class="fa fa-search"></i> 5321 </button> 5322 </div> 5323</form></div><div id="nav_menu-8" class="widget widget_nav_menu"><div class="menu-%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-container"><ul id="menu-%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7149"><a href="https://syundoku.jp/about">
5323å³è³éèªæ³âç¬èªâã¨ã¯</a> 5324<ul class="sub-menu"> 5325 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="https://syundoku.jp/recommendation">æ¨è¦ã³ã¡ã³ã</a></li> 5326 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2760"><a href="https://syundoku.jp/syundoku-book">æ¸ç±ç´¹ä»</a></li> 5327</ul> 5328</li> 5329<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2714"><a href="https://syundoku.jp/syundoku-training">ç¬èªãã¬ã¼ãã³ã°</a> 5330<ul class="sub-menu"> 5331 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64"><a href="https://syundoku.jp/education">伿¥ç ä¿®/è¬æ¼</a></li> 5332 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18571"><a href="https://syundoku.jp/s-teacher">ç¬èªè¬å¸«ã®ãç´¹ä»</a></li> 5333 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1941"><a href="https://trainer.syundoku.jp/trainer_list/">ç¬èªãã¬ã¼ãã¼</a></li> 5334 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11107"><a href="https://syundoku.jp/child-lesson">åã©ãç¬èª</a></li> 5335</ul> 5336</li> 5337<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5769"><a href="https://syundoku.jp/student-introduction">åè¬çã®ã声紹ä»</a></li> 5338<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7821"><a href="https://syundoku.jp/category/media">ã¡ãã£ã¢å®ç¸¾</a></li> 5339<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-4679"><a href="https://syundoku.jp/category/information">æ°çæ å ±</a> 5340<ul class="sub-menu"> 5341 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10229"><a href="https://syundoku.jp/category/speed-reading">éèªè¨äºä¸è¦§</a></li> 5342</ul> 5343</li> 5344<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-68"><a href="https://syundoku.jp/association">ä¼ç¤¾æ¦è¦</a> 5345<ul class="sub-menu"> 5346 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10221"><a href="https://syundoku.jp/profile">代表åç· å½¹ 山䏿µç¾å ãããã£ã¼ã«</a></li> 5347</ul> 5348</li> 5349<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-46 current_page_item menu-item-has-children menu-item-66"><a href="https://syundoku.jp/contact" aria-current="page">ãåãåã</a> 5350<ul class="sub-menu"> 5351 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="https://syundoku.jp/faq">ãããã質å</a></li> 5352</ul> 5353</li> 5354<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10493"><a href="https://syundoku.jp/english-about-syundoku">English</a></li> 5355</ul></div></div> </div> 5356 </aside> 5357 </div> 5358 </div> 5359 </div> 5360 <ul id="my_sidebar_widget"> 5361 <li id="custom_html-20" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> 5362 5363<div class="container"> 5364<div class="row"> 5365 <div class="col-sm-12"> 5366 <a href="https://syundoku.com/zm-dc/?banner=2929de7366c943a6ada7fa17e4733e6e"> 5367 <img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¬èªZoomä½é¨ä¼" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2026/07/Zoom-banner2.jpg"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2026/07/Zoom-banner2.jpg" alt="ç¬èªZoomä½é¨ä¼"></noscript></a> 5368 </div> 5369</div> 5370<div class="row"> 5371 <div class="col-sm-4 tile"><p class="center"><a href="https://syundoku.jp/faq/"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ããããã質å" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2020/11/QA-banner.jpg"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2020/11/QA-banner.jpg" alt="ããããã質å"></noscript></a></p></div> 5372 <div class="col-sm-4 tile"><p class="center"><a href="https://syundoku.jp/contact/"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ãååã" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2020/11/Contact-banner.jpg"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2020/11/Contact-banner.jpg" alt="ãååã"></noscript></a></p></div> 5373 <div class="col-sm-4 tile"><p class="center"><!--<a href="https://syundoku.jp/contact-2"><img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="æè²æ©é¢ãæ å½è æ§åã ãåãåããçªå£" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2021/06/Contact2-banner.jpg"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2021/06/Contact2-banner.jpg" alt="æè²æ©é¢ãæ å½è æ§åã ãåãåããçªå£"></noscript></a>--></p></div> 5374 5375<div class="row"> 5376 <div class="col-sm-12"> 5377 <a href="https://syundoku.jp/syundoku-book"> 5378 <img src="https://syundoku.jp/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt="ç¬èªæ¸ç±" loading="lazy" class="native-lazyload-js-fallback" data-src="https://syundoku.jp/wp-content/uploads/2026/08/ruikei47.png"><noscript><img loading="lazy" src="https://syundoku.jp/wp-content/uploads/2026/08/ruikei47.png" alt="ç¬èªæ¸ç±"></noscript></a> 5379</div> 5380</div> 5381 5382 <div class="row" style="margin: 0 auto;"> 5383 <div class="col-sm-12"> 5384 <p class="s-img" ><p> <a href="https://syundoku.jp/syundoku-book/" class="btn raised accent-bc strong">ç¬èªã®æ¸ç±</a></p></p> 5385 </div> 5386 </div> 5387</div> 5388</div></div></li> 5389 </ul> 5390 5391<footer class="footer"> 5392 <div id="inner-footer" class="wrap cf"> 5393 <a href="#container" class="fab-btn accent-bc"> 5394 <i class="fa fa-angle-up"></i> 5395 </a> 5396 <div class="fblock first"> 5397 <div class="widget_text ft_widget widget widget_custom_html"><div class="textwidget custom-html-widget"><ul> 5398 <li class="t-txt2"><a href="https://syundoku.jp/about/">
5398å³è³éèªæ³âç¬èªâã¨ã¯</a></li> 5399 <li class="n-txt2"><a href="https://syundoku.jp/recommendation/"><i class="fas fa-chevron-right"></i> æ¨è¦ã³ã¡ã³ã</a></li> 5400 <li class="n-txt2"><a href="https://syundoku.jp/syundoku-book/"><i class="fas fa-chevron-right"></i> æ¸ç±ç´¹ä»</a></li> 5401 <li class="t-txt2"><a href="https://syundoku.jp/syundoku-training/">ç¬èªãã¬ã¼ãã³ã°</a></li> 5402 <!--<li class="n-txt2"><a href="https://syundoku.jp/educational-institution"><i class="fas fa-chevron-right"></i> æè²æ©é¢åãã®ç¬èªå°å ¥</a></li>--> 5403 <li class="n-txt2"><a href="https://syundoku.jp/education/"><i class="fas fa-chevron-right"></i> 伿¥ç ä¿®/è¬æ¼</a></li> 5404 <li class="n-txt2"><a href="https://trainer.syundoku.jp/trainer_list/"><i class="fas fa-chevron-right"></i> ç¬èªãã¬ã¼ãã¼</a></li> 5405 <li class="n-txt2"><a href="https://trainer.syundoku.jp/trainer-experience/"><i class="fas fa-chevron-right"></i> ç¬èªï¼ç´ãã¬ã¼ãã¼ä¸»å¬ä½é¨ä¼</a></li> 5406</ul></div></div> </div> 5407 <div class="fblock"> 5408 <div class="widget_text ft_widget widget widget_custom_html"><div class="textwidget custom-html-widget"><ul> 5409 <li class="t-txt2"><a href="https://syundoku.jp/student-introduction/">åè¬çã®ã声紹ä»</a></li> 5410 <li class="n-txt2"><a href="https://syundoku.jp/category/interview/"><i class="fas fa-chevron-right"></i> åè¬è ã¤ã³ã¿ãã¥ã¼</a></li> 5411 <li class="n-txt2"><a href="https://trainer.syundoku.jp/student-books/"><i class="fas fa-chevron-right"></i> åè¬è æ¸ç±ç´¹ä»</a></li> 5412 <li class="t-txt2"><a href="https://syundoku.jp/category/media/">ã¡ãã£ã¢å®ç¸¾</a></li> 5413 <li class="t-txt2"><a href="https://syundoku.jp/category/information/">æ°çæ å ±</a></li> 5414<li class="n-txt2"><a href="https://syundoku.jp/category/speed-reading"><i class="fas fa-chevron-right"></i> éèªè¨äºä¸è¦§</a></li> 5415 <li class="t-txt2"><a href="https://syundoku.jp/association/">ç¬èªä¼ç¤¾æ¦è¦</a></li> 5416 <li class="n-txt2"><a href="https://syundoku.jp/profile"><i class="fas fa-chevron-right"></i> 代表åç· å½¹å±±ä¸æµç¾åãããã£ã¼ã«</a></li> 5417</ul> 5418 5419</div></div> 5420 </div> 5421 <div class="fblock last"> 5422 <div class="widget_text ft_widget widget widget_custom_html"><div class="textwidget custom-html-widget"><ul> 5423 <li class="t-txt2"><a href="https://syundoku.jp/contact/">ãåãåã</a></li> 5424 <li class="n-txt2"><a href="https://syundoku.jp/faq/"><i class="fas fa-chevron-right"></i> ãããã質å</a></li> 5425 <!--<li class="n-txt2"><a href="https://syundoku.jp/contact-2"><i class="fas fa-chevron-right"></i> æè²æ©é¢ãæ å½è æ§åã ãåãåããçªå£</a></li>--> 5426</ul> 5427<br> 5428<ul> 5429 <li class="t-txt2">ãä½é¨ä¼</li> 5430 5431 <li class="n-txt2"><a href="https://syundoku.online/l/c/w83EjR6a/0BAqzeNL"><i class="fas fa-chevron-right"></i>ãç¡æãWebãªã³ã©ã¤ã³ç¬èªä½é¨ä¼</a></li> 5432 <li class="n-txt2"><a href="https://syundoku.com/zm-dc/?banner=2929de7366c943a6ada7fa17e4733e6e"><i class="fas fa-chevron-right"></i>ãç¡æãç¬èªZoomä½é¨ä¼ï¼ç¬èªä¸»å¬ï¼</a></li> 5433<!-- <li class="n-txt2"><a href="https://trainer.syundoku.jp/trainer-experience/"><i class="fas fa-chevron-right"></i>ãç¬èªï¼ç´ãã¬ã¼ãã¼ä¸»å¬ãç¬èªä½é¨ä¼</a></li>--> 5434 <li class="n-txt2"><a href="https://syundoku.jp/syundoku-training/#kodomo"><i class="fas fa-chevron-right"></i>ãç¬èªä¸»å¬ãåã©ãç¬èªæå®¤ä½é¨ä¼</a></li> 5435<li class="n-txt2"><a href="https://brain-training.syundoku.online/?banner=59153e863a664fbeaca32111740b6e16"><i class="fas fa-chevron-right"></i>ãç¬èªå¼ãè³ãã¬ã¢ããª</a></li> 5436<!-- <li class="n-txt2"><a href="https://kamimemo.net/lphp/"><i class="fas fa-chevron-right"></i>ãç¬èªå¼ãç¥ã¡ã¢</a></li> --> 5437<!-- <li class="n-txt2"><a href="https://eng.syundoku.online/lphp/"><i class="fas fa-chevron-right"></i>ãç¬èªè±ä¼è©±ãç¹å¥Zoomä½é¨ä¼</a></li> --> 5438</ul> 5439</div></div> </div> 5440 </div> 5441 <div id="footer-menu"> 5442 <div> 5443 <a class="footer-menu__btn dfont" href="https://syundoku.jp/"><i class="fa fa-home fa-lg"></i> HOME</a> 5444 </div> <nav> 5445 <a class="privacy-policy-link" href="https://syundoku.jp/privacypolicy">ãã©ã¤ãã·ã¼ããªã·ã¼</a> </nav> 5446 <p class="copyright dfont"> 5447© 2026 æ ªå¼ä¼ç¤¾ ç¬èª All Rights Reserved. 5448 </p> 5449 5450<p> </p> 5451<p> </p> 5452<p> </p> 5453<p> </p> 5454 5455 </div> 5456 5457 5458 5459 5460 </footer> 5461 </div> 5462 <!-- 20201012é¢è±ãããè¨ç½® -->
5463<script src="https://pop.unitedgate.co.jp/core/v4/sgs.js?m=client&d=syundoku.jp&c=real-net/syundoku_jp" type="text/javascript" async></script>
5463 5464 5465<!-- 20190508_ç¬èª_GTM_bodyç´ä¸è¨ç½® --> 5466<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 5466-5467
5466 5467<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
5467GTM-PNB64CG
vendor: 85 bytes, lines 5467-5468
5467" 5468height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
5469<!-- End Google Tag Manager (noscript) --> 5470<!-- 20190508_ç¬èª_GTM_bodyç´ä¸è¨ç½® -->
5471<script type="text/javascript"> 5472( function() { 5473 var nativeLazyloadInitialize = function() { 5474 var lazyElements, script; 5475 if ( 'loading' in HTMLImageElement.prototype ) { 5476 lazyElements = [].slice.call( document.querySelectorAll( '.native-lazyload-js-fallback' ) ); 5477 lazyElements.forEach( function( element ) { 5478 if ( ! element.dataset.src ) { 5479 return; 5480 } 5481 element.src = element.dataset.src; 5482 delete element.dataset.src; 5483 if ( element.dataset.srcset ) { 5484 element.srcset = element.dataset.srcset; 5485 delete element.dataset.srcset; 5486 } 5487 if ( element.dataset.sizes ) { 5488 element.sizes = element.dataset.sizes; 5489 delete element.dataset.sizes; 5490 } 5491 element.classList.remove( 'native-lazyload-js-fallback' ); 5492 } ); 5493 } else if ( ! document.querySelector( 'script#native-lazyload-fallback' ) ) { 5494 script = document.createElement( 'script' ); 5495 script.id = 'native-lazyload-fallback'; 5496 script.type = 'text/javascript'; 5497 script.src = 'https://syundoku.jp/wp-content/plugins/native-lazyload/assets/js/lazyload.js'; 5498 script.defer = true; 5499 document.body.appendChild( script ); 5500 } 5501 }; 5502 if ( document.readyState === 'complete' || document.readyState === 'interactive' ) { 5503 nativeLazyloadInitialize(); 5504 } else { 5505 window.addEventListener( 'DOMContentLoaded', nativeLazyloadInitialize ); 5506 } 5507}() ); 5508</script>
5508 5509
5509<script type='text/javascript' src='https://syundoku.jp/wp-content/plugins/mw-wp-form/js/form.js'></script>
vendor: 1 bytes, line 5509
5509
5510<script type='text/javascript'> 5511/* <![CDATA[ */ 5512var sgb_client_options = {"site_url":"https:\/\/syundoku.jp","is_logged_in":""}; 5513/* ]]> */ 5514</script>
vendor: 1 bytes, line 5514
5514
5515<script type='text/javascript' src='https://syundoku.jp/wp-content/plugins/sango-theme-gutenberg/dist/client.build.js?version=1.69.14'></script>
vendor: 1 bytes, line 5515
5515
5516<script type='text/javascript' src='https://syundoku.jp/wp-includes/js/wp-embed.min.js'></script>
5516 5517 <!-- SY Drawer Menu --> 5518 <button class="sy-drawerBtn" type="button" 5519 aria-label="ã¡ãã¥ã¼ãéã" aria-controls="syDrawer" aria-expanded="false"> 5520 <span class="sy-drawerIcon" aria-hidden="true"></span> 5521 </button> 5522 5523 <div class="sy-drawerBackdrop" id="syDrawerBackdrop" hidden></div> 5524 5525 <nav class="sy-drawer" id="syDrawer" aria-hidden="true"> 5526 <div class="sy-drawerHead"> 5527 <span class="sy-drawerTitle">MENU</span> 5528 <button class="sy-drawerClose" type="button" aria-label="ã¡ãã¥ã¼ãéãã">Ã</button> 5529 </div> 5530 5531 <ul id="menu-%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-2" class="sy-drawerMenu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7149"><a href="https://syundoku.jp/about">å³è³éèªæ³âç¬èªâã¨ã¯</a> 5532<ul class="sub-menu"> 5533 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="https://syundoku.jp/recommendation">æ¨è¦ã³ã¡ã³ã</a></li> 5534 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2760"><a href="https://syundoku.jp/syundoku-book">æ¸ç±ç´¹ä»</a></li> 5535</ul> 5536</li> 5537<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2714"><a href="https://syundoku.jp/syundoku-training">ç¬èªãã¬ã¼ãã³ã°</a> 5538<ul class="sub-menu"> 5539 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64"><a href="https://syundoku.jp/education">伿¥ç ä¿®/è¬æ¼</a></li> 5540 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18571"><a href="https://syundoku.jp/s-teacher">ç¬èªè¬å¸«ã®ãç´¹ä»</a></li> 5541 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1941"><a href="https://trainer.syundoku.jp/trainer_list/">ç¬èªãã¬ã¼ãã¼</a></li> 5542 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11107"><a href="https://syundoku.jp/child-lesson">åã©ãç¬èª</a></li> 5543</ul> 5544</li> 5545<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5769"><a href="https://syundoku.jp/student-introduction">åè¬çã®ã声紹ä»</a></li> 5546<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7821"><a href="https://syundoku.jp/category/media">ã¡ãã£ã¢å®ç¸¾</a></li> 5547<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-4679"><a href="https://syundoku.jp/category/information">æ°çæ å ±</a> 5548<ul class="sub-menu"> 5549 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10229"><a href="https://syundoku.jp/category/speed-reading">éèªè¨äºä¸è¦§</a></li> 5550</ul> 5551</li> 5552<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-68"><a href="https://syundoku.jp/association">ä¼ç¤¾æ¦è¦</a> 5553<ul class="sub-menu"> 5554 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10221"><a href="https://syundoku.jp/profile">代表åç· å½¹ 山䏿µç¾å ãããã£ã¼ã«</a></li> 5555</ul> 5556</li> 5557<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-46 current_page_item menu-item-has-children menu-item-66"><a href="https://syundoku.jp/contact" aria-current="page">ãåãåã</a> 5558<ul class="sub-menu"> 5559 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="https://syundoku.jp/faq">ãããã質å</a></li> 5560</ul> 5561</li> 5562<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10493"><a href="https://syundoku.jp/english-about-syundoku">English</a></li> 5563</ul> </nav> 5564 5565
5565<script> 5566 (function(){ 5567 const btn = document.querySelector('.sy-drawerBtn'); 5568 const drawer = document.getElementById('syDrawer'); 5569 const backdrop = document.getElementById('syDrawerBackdrop'); 5570 const closeBtn = drawer ? drawer.querySelector('.sy-drawerClose') : null; 5571 if(!btn || !drawer || !backdrop || !closeBtn) return; 5572 5573 function lockScroll(){ 5574 document.documentElement.style.overflow = 'hidden'; 5575 document.body.style.overflow = 'hidden'; 5576 document.body.style.touchAction = 'none'; 5577 } 5578 function unlockScroll(){ 5579 document.documentElement.style.overflow = ''; 5580 document.body.style.overflow = ''; 5581 document.body.style.touchAction = ''; 5582 } 5583 5584 function openDrawer(){ 5585 drawer.classList.add('is-open'); 5586 backdrop.hidden = false; 5587 drawer.setAttribute('aria-hidden','false'); 5588 btn.setAttribute('aria-expanded','true'); 5589 lockScroll(); 5590 } 5591 function closeDrawer(){ 5592 drawer.classList.remove('is-open'); 5593 backdrop.hidden = true; 5594 drawer.setAttribute('aria-hidden','true'); 5595 btn.setAttribute('aria-expanded','false'); 5596 unlockScroll(); 5597 } 5598 5599 btn.addEventListener('click', openDrawer); 5600 closeBtn.addEventListener('click', closeDrawer); 5601 backdrop.addEventListener('click', closeDrawer); 5602 document.addEventListener('keydown', function(e){ 5603 if(e.key === 'Escape') closeDrawer(); 5604 }); 5605 })(); 5606 </script>
5606 5607
5607<script>jQuery(document).ready(function(){jQuery(window).scroll(function(){if(jQuery(this).scrollTop()>700){jQuery('.totop').fadeIn(300)}else{jQuery('.totop').fadeOut(300)}});jQuery('.totop').click(function(event){event.preventDefault();jQuery('html, body').animate({scrollTop:0},300)})});</script>
5607 <a href="#" class="totop" rel="nofollow"><i class="fa fa-chevron-up"></i></a> 5608 5609 5610<div class="fl_btn spnone"> 5611<a href="https://syundoku.com/zm-dc/?banner=2929de7366c943a6ada7fa17e4733e6e"><button class="fixed_btn"> 5612<img src="https://syundoku.jp/wp-content/uploads/2025/11/floating-zoom-v3.jpg" width="100%" alt="Zoomä½é¨ä¼"> 5613</button></a> 5614</div> 5615 5616 5617 </body> 5618</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.