@charset "shift_jis";
/* CSS Document */
/* リンク */
a:link {color: #2b4eca;}
a:visited {color: #00a7df;}
a:hover, a:active {color: #0f9b37; background-color: #eeeeee;}
#logo a:hover, #logo a:active {background-color: transparent;}
#header-menu a, #footer-menu a, #branch-list a:link, #branch-list a:active {color: #333333; text-decoration: none;}
/* 罫線 */
#version-area, #branch-list, #related-link ul, #category-menu {border: 1px solid #c2c3c5;}
/* 罫線（点線） */
#branch-list li, #related-link li, #category-menu li, footer { border-top: 1px dotted #c2c3c5;}
#related-link li:first-child {border-top: none;}
/* 角丸 */
h1, h2, #version-area, .version, #branch-list, .case, .key, #related-link ul, #category-menu {border-radius: 6px;}
#related-link li:first-child {border-top-left-radius: 6px; border-top-right-radius: 6px;}
#related-link li:last-child, #branch-list li:last-child {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
/* 背景色（薄いグレー） */
#branch-list li:nth-child(odd), #related-link li:nth-child(odd), .bg-gray, footer {background-color: #f8f9fa;}
/* メイン */
h2 + .operate, h2 + .no2, h2 + h3, h3 + .operate, h3 + .no2, h4 + .operate, h4 + .no2 {margin-top: 1.5rem;}
h2 + p.only, h3 + p.only, h4 + p.only {margin-top: 2rem;}
h3, h4 {margin-top: 6rem; border-left: solid 4px #333333; border-right: solid 4px #333333; padding: 0.4rem 1rem;}
h3 {background-color: #f4f4f4;}
h4 {background-color: #f7fcfe;}
strong {background: linear-gradient(rgba(255, 255, 255, 0) 40%, #ffff66 70%);}
.mini {font-size: 0.9rem; line-height: 1.3rem;}
.red {background: linear-gradient(rgba(255, 255, 255, 0) 40%, #9afef6 90%); font-weight: bold;}
.point {border: 1px solid orange; padding: 1rem; background-color: lightyellow;}
.summary {list-style-position: inside; padding-left: calc(1rem + 30px + 0.5rem);}
.summary li:before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: contain;
  position: relative;
  top: 9px;
  background-image: url(https://www.becoolusers.com/img/icon-check-box.svg);
  margin-right: 0.5rem;
  margin-left: 1rem;
}
.summary li {text-indent: calc(-1rem - 30px - 0.5rem); margin-top: 0.5rem;}
.summary li:first-child {margin-top: 0;}
#branch-list li.h3branch:nth-child(odd) {padding-left: 4rem; background-color: #fffffb;}
#branch-list li.h3branch:nth-child(even) {padding-left: 4rem; background-color: #ffffff;}
#branch-list li.h4branch:nth-child(odd) {padding-left: 6rem; background-color: #f7fcfe;}
#branch-list li.h4branch:nth-child(even) {padding-left: 6rem; background-color: #ffffff;}
.key {border: 2px solid #333333; padding: 0.2rem 0.6rem 0.18rem; margin-right: 0.3rem; margin-left: 0.3rem; white-space: nowrap;}
.case {padding: 0.16rem 0.5rem; font-size: 0.88rem;}
.shorts {aspect-ratio: 9 / 16;}
.movie {aspect-ratio: 16 / 9; width: 100%; height: auto; max-width: 690px;}
.ranking2 {font-weight: bold;}
.mt0 {margin-top: 0;}
.mt16 {margin-top: 1rem;}
.mt32 {margin-top: 2rem;}
.mt56 {margin-top: 3.5rem;}
.mb16 {margin-bottom: 1rem;}
.mb32 {margin-bottom: 2rem;}
.up120{font-size: 1.2rem;}
.new {font-size: 0.8125rem; font-weight: bold; color: #ff9900;}
#related-link {margin-top: 3rem;}
#related-link p {font-size: 0.8125rem; font-weight: bold; line-height: 1; margin-bottom: 0.2rem;}
#related-link li {padding: 0.4rem 1rem 0.5rem 1rem;}
#membership720 {margin-top: 5rem;}
/* 検索ボックス */
.gsc-control-cse {padding: 0!important;}
table.gsc-search-box td.gsc-input {padding-right: 0!important;}
div#gsc-iw-id1.gsc-input-box {height: 2.9rem!important; border-radius: 6px 0 0 6px;}
button.gsc-search-button.gsc-search-button-v2 {margin-left: 0!important; height: 2.9rem!important; padding: 6px 20px; border-radius: 0 6px 6px 0;}
button.gsc-search-button.gsc-search-button-v2 svg {width: 1rem; height: 1rem;}
/* AdSense */
#area-branch, #area-article-bottom, .area-in-article {margin-top: 3rem;}
/* フッター */
/* パンくず（フッター） */
#footer-breadcrumb {height: 6.85rem; font-size: 0.85rem; line-height: 1; padding-top: 4rem; padding-bottom: 2rem; width: 100%;}
#footer-breadcrumb a {padding-right: 1rem; padding-left: 1rem;}
#footer-breadcrumb a:first-child {padding-left: 0;}
footer {margin-top: 5rem; font-size: 0.9rem;}
#footer-menu {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
#footer-menu a {display: block; padding: 1rem 1rem;}
/* 目次へ移動とスクロールトップ */
#gobranch {position: fixed; bottom: 70px; right: 5px;}
#gotop {position: fixed; bottom: 10px; right: 5px;}
#gotop a, #gobranch a {display: block; width: 46px; height: 46px; background-color: #616161; border-radius: 50px;}
#gobranch img {margin: 7px 0 0 7px; }
html { scroll-behavior: smooth; scroll-padding-top: 140px;}
footer p {text-align: center;}
footer p:before {content: "\00a9 2026 "}
/* 表 */
#tutor01 table, #tutor02 table {border-collapse: collapse;}
#tutor01 th, #tutor01 td, #tutor02 th, #tutor02 td { border-width: 1px 0px; border-style: dotted; border-color: #c2c3c5; padding: 0.5rem 1.5rem;}
/* チップ用ボタン */
.tip-container { margin: 40px 0; padding: 24px; background: linear-gradient(135deg, #e8f4fd 0%, #d0e8ff 100%); border: 2px solid #7ab8f5; border-radius: 12px;}
.tip-header { text-align: center; margin-bottom: 10px;}
.tip-powered { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 13px; color: #5a6978; margin: 0;}
.tip-powered img { height: 22px; width: auto; vertical-align: middle;}
.tip-title { font-size: 18px; font-weight: 700; color: #1a5fb4; margin: 0 0 4px 0; text-align: center;}
.tip-buttons { display: flex; gap: 12px; justify-content: center;}
.tip-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; max-width: 140px; min-width: 80px; padding: 14px 8px; background: #fff; border: 2px solid #3d8bdb; border-radius: 10px; cursor: pointer; transition: all 0.2s ease; text-decoration: none;}
.tip-btn:hover { background: #1a73e8; border-color: #1a73e8; transform: translateY(-3px); box-shadow: 0 6px 16px rgba(26, 115, 232, 0.4);}
.tip-btn:hover .tip-amount, .tip-btn:hover .tip-label { color: #fff;}
.tip-btn:active { transform: translateY(0);}
.tip-amount { font-size: 20px; font-weight: 700; color: #1a73e8; transition: color 0.2s ease; line-height: 1.2;}
.tip-label { font-size: 12px; color: #5a6978; margin-top: 6px; transition: color 0.2s ease; line-height: 1.2;}
    /* 真ん中のボタンを強調 */
 .tip-btn.recommended { border-color: #1a73e8; border-width: 3px; background: linear-gradient(180deg, #fff 0%, #f0f7ff 100%);}
 .tip-btn.recommended .tip-amount { color: #0d5bbd;}
 	/* PayPalロゴ */
.tip-paypal-logo { margin-top: 16px; text-align: center;}
.tip-paypal-logo img { max-width: 203px; height: auto;}
/* チップ用ボタン終了 */