.opt-sol-h4 { font-size: 100%; font-weight: bold; text-align: left; color: #486bb3; padding: 1px; padding-left: 5px; width: 100%; margin: 0px; margin-top: 5px; } .opt-sol-h3 { font-size: 110%; font-weight: bold; text-align: left; background: transparent; color: #000080; padding: 5px 5px; width: 100%; margin: 0; margin-top: 10px; border-bottom: 2px solid #000080; } .opt-sol-h2 { font-size: 130%; font-weight: bold; text-align: left; background: #4A4A8F; color: #FFFFFF; padding: 5px 10px; width: 100%; margin: 0; margin-top: 18px; padding-top: 6px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .opt-sol-toc { list-style-type: none; padding: 0; margin: 0; } .opt-sol-toc li { display: flex; align-items: stretch; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .opt-sol-toc a { display: flex; align-items: center; text-decoration: none; color: inherit; width: 235px; flex-shrink: 0; background-color: #f8f8f8; padding: 10px; } .opt-sol-toc-icon { width: 80px; height: 80px; margin-right: 20px; border-radius: 5px; } .opt-sol-toc-title { font-weight: bold; font-size: 1.1em; } .opt-sol-toc-summary { flex: 1; padding: 15px 20px; font-size: 1.05em; line-height: 1.6; display: flex; align-items: center; background-color: #ffffff; } #body-content p { font-size: 1.0rem; line-height: 1.45; } #body-content li { font-size: 1.0rem; line-height: 1.30; } /* �違���颷遵���私信罩c�����鴻�帥�ゃ�� */ #body-content { display: flex; flex-direction: column; align-items: flex-start; margin-top: 0px; margin-bottom: 10px; } .opt-sol-icon-text-wrapper { display: flex; align-items: flex-start; /* Changed from center to flex-start */ width: 100%; margin-bottom: 0px; margin-top: 10px; } .opt-sol-icon { width: 160px; height: 160px; margin-right: 30px; flex-shrink: 0; border-radius: 10px; } .opt-sol-text-content { flex: 1; min-width: 0; margin-top: -10px; /* Added padding to align with the top of the icon */ } .opt-sol-additional-content { width: 100%; } /* 絨�����嶓�√��������� */ @media (max-width: 600px) { .opt-sol-icon-text-wrapper { flex-direction: column; } .opt-sol-icon { margin-right: 0; margin-bottom: 20px; } .opt-sol-text-content { width: 100%; padding-top: 0; /* Remove top padding for small screens */ } } /* #body-content �������潟�����≪�����違�����鴻�帥�ゃ�� */ #body-content a { color: #3365fd; /* ����羶������蚊�ц�茯��с����筝� */ text-decoration: none; /* 筝�膩���菴遵�� */ transition: background-color 0.2s ease, color 0.2s ease; /* �鴻���若�冴���欠Щ�号�� */ } #body-content a:hover { background-color: #f0f0f0; /* �����惹�������������蚊��菴遵�� */ } .feature-image { float: right; max-width: 280px; max-height: 180px; width: auto; height: auto; object-fit: contain; border-radius: 10px; margin-left: 20px; margin-top: 7px; margin-bottom: 10px; } .feature-image-top { float: right; margin-left: 20px; max-width: 300px; border-radius: 10px; object-fit: contain; margin-left: 40px; margin-top: 1px; } .feature-image-fortran-ml { float: right; margin-left: 20px; max-width: 50%; border-radius: 10px; object-fit: contain; margin-left: 40px; margin-top: 10px; } .top-description { margin-top: 10px; } .opt-sol-menu { background: #f0f0f0; border-bottom: 1px solid #ddd; padding: 0 0; /* 筝�筝�����純��膰�� */ } .opt-sol-menu table { width: 100%; border-collapse: separate; border-spacing: 0 0; /* 綏�劻����純��膰�� */ } .opt-sol-menu td { text-align: center; padding-top: 3px; } .opt-sol-menu a { display: flex; align-items: center; justify-content: center; color: #333 !important; text-decoration: none; font-family: Arial, sans-serif; font-size: 13px; padding: 1px 2px 1px 2px; border-radius: 3px; transition: background-color 0.2s ease; } .opt-sol-menu a:hover { background-color: #e0e0e0; } .opt-sol-menu a:active { background-color: #d0d0d0; } .opt-sol-menu a:visited { color: #333 !important; /* visited���蚊����絽吾������������ */ } /* ������������������純���ャ�若�激�с�鰹�������綣決� */ .opt-sol-menu td:first-child a { color: #333 !important; justify-content: flex-start; padding-left: 1em; } .menu-icon { width: 16px; height: 16px; margin-right: 4px; /* �≪�ゃ�潟�潟�����㏍�鴻����������膰�� */ } /*====================================================================*/ .opt-sol-query { background: linear-gradient(to bottom, #fbfbfb, #f4f4f4); border: 1px double #55555588; border-radius: 8px; padding: 0.5rem; margin-top: 7rem; text-align: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } .opt-sol-query h2 { color: #333333; font-size: 1.5rem; margin-bottom: 0.8rem; } .opt-sol-query p { font-size: 1.1rem; color: #111111; margin-bottom: 1.2rem; } .opt-sol-query-button { display: inline-block; background-color: #D10658; color: #ffffff !important; padding: 0.7rem 1.4rem; border-radius: 4px; font-size: 1rem; font-weight: bold; transition: background-color 0.3s ease, transform 0.2s ease; margin-bottom: 0.7rem; } .opt-sol-query-button:hover, .opt-sol-query-button:visited, .opt-sol-query-button:active { background-color: #D10658; color: #ffffff !important; /* ���鴻�����倶���х�処�蚊��篆��� */ transform: translateY(-2px); } .opt-sol-tbl { border-collapse: collapse; width: 100%; margin-bottom: 1em; font-family: Arial, sans-serif; } .opt-sol-tbl th, .opt-sol-tbl td { border: 1px solid #ddd; padding: 8px; text-align: left; } .opt-sol-tbl th { background-color: #f2f2f2; color: #333; font-weight: bold; } .opt-sol-tbl tr:nth-child(even) { background-color: #f9f9f9; } .opt-sol-tbl tr:hover { background-color: #f5f5f5; } .opt-sol-tbl td:first-child { font-weight: bold; } .opt-sol-tbl td:nth-child(3), .opt-sol-tbl td:nth-child(4), .opt-sol-tbl td:nth-child(5) { text-align: right; } .opt-sol-tbl td:nth-child(6), .opt-sol-tbl td:nth-child(7) { text-align: center; } .opt-sol-toc-details { margin-left: 5px; /* �≪�ゃ�潟�潟��������������� */ } .opt-sol-toc-subtitle { display: block; margin-top: 7px; margin-left: 3px; }