/*
Theme Name: PD_new
Theme URI: https://www.nagasaki-u.ac.jp/pandemic/
Author: ProDevice
Author URI: https://www.nagasaki-u.ac.jp/
Description: Official WordPress theme for Pro Device. Features responsive design, custom news post type, and accessibility compliance.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Pro-Device
Tags: education, research, government-office, accessibility-ready, custom-colors, custom-menu, featured-images, flexible-header, responsive-layout, translation-ready
*/

/*
==========================================================================
Base Styles - Import main stylesheet
==========================================================================
*/

/* Main styles are loaded via functions.php for better organization */

/* デザイン案２ */
.idea2_top_background_body {
    background-repeat: no-repeat;       /* 繰り返しを無効化 */
    background-size: cover;             /* 画面全体にフィット */
    background-position: center center; /* 中央に配置 */
    background-image: url('/wp-content/uploads/2026/05/image-51.png');
    margin: 0 auto;        /* 左右のマージンを自動で均等に */
}

.idea2_top_tableRadius1 {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #FFFFFF8A;/*#8ed1fcBD; /* 背景色の指定 */
	border:solid 4px #8ed1fc; /* 枠の指定 */
	
}

.idea2_top_tableRadius2 {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #FFFFFF8A; /* 背景色の指定 */
	border:solid 4px #00d084; /* 枠の指定 */
}

.idea2_top_tableRadius3 {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #FFFFFF8A; /* 背景色の指定 */
	border:solid 4px #ff0000fc; /* 枠の指定 */
}

.idea2_top_tableRadius4 {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #FFFFFF8A; /* 背景色の指定 */
	border:solid 4px #fcb900; /* 枠の指定 */
}

.top_background_body {
    background-repeat: no-repeat;       /* 繰り返しを無効化 */
    background-size: cover;             /* 画面全体にフィット */
    background-position: center center; /* 中央に配置 */
    background-image: url('/wp-content/uploads/2026/05/image-2.png');
    margin: 0 auto;        /* 左右のマージンを自動で均等に */
}

.top_table_radius {
    border-radius: 20px; /* 角丸の指定 */
    background-color: #F40E0E; /* 背景色の指定 */
    margin-left: 20px;
}

.top_text_deco1 {
  text-decoration: underline;           /* 下線を引く */
  text-decoration-color: #F40E0E;           /* 下線の色を赤に */
}

.top_margin_left1 {
  margin-left: 20px;           /* 左に余白 */
}

.profile_table_radius1 {
    border-radius: 20px; /* 角丸の指定 */
    background-color: #000000; /* 背景色の指定 */
}

.profile_idea3_background {
    border-radius: 5px; /* 角丸の指定 */
	background-repeat: no-repeat;       /* 繰り返しを無効化 */
    background-size: cover;             /* 画面全体にフィット */
    background-position: center center; /* 中央に配置 */
	background-image: url('/wp-content/uploads/2026/06/image-6.png');
}

.science_background_body1 {
    border-radius: 10px; /* 角丸の指定 */
    background-repeat: no-repeat;       /* 繰り返しを無効化 */
    background-size: cover;             /* 画面全体にフィット */
    background-position: center center; /* 中央に配置 */
    background-image: url('/wp-content/uploads/2026/05/image-30.png');
}

.science_background_body2 {
    border-radius: 10px; /* 角丸の指定 */
    background-repeat: no-repeat;       /* 繰り返しを無効化 */
    background-size: cover;             /* 画面全体にフィット */
    background-position: center center; /* 中央に配置 */
    background-image: url('/wp-content/uploads/2026/05/image-31-e1779942235542.png');
}

.science_idea3_background {
    border-radius: 5px; /* 角丸の指定 */
	background-repeat: no-repeat;       /* 繰り返しを無効化 */
    background-size: cover;             /* 画面全体にフィット */
    background-position: center center; /* 中央に配置 */
	background-image: url('/wp-content/uploads/2026/06/image-7.png');
}

.science_table_radius1 {
    border-radius: 10px; /* 角丸の指定 */
    background-color: #e4e4e427; /* 背景色の指定 */
    border:solid #ffffff27; /* 枠の指定 */
}

.science_table_radius2 {
    border-radius: 20px; /* 角丸の指定 */
    background-color: #e4e4e427; /* 背景色の指定 */
    border:solid #ffffff27; /* 枠の指定 */
}

.system_table_radius1 {
    border-radius: 10px; /* 角丸の指定 */
    background-color: #ffffff; /* 背景色の指定 */
    border:solid #cacaca91; /* 枠の指定 */
}

.system_background_body1 {
    border-radius: 10px; /* 角丸の指定 */
    background-repeat: no-repeat;       /* 繰り返しを無効化 */
    background-size: cover;             /* 画面全体にフィット */
    background-position: center center; /* 中央に配置 */
    background-image: url('/wp-content/uploads/2026/05/image-17.png');
}

.system_background_body2 {
    border-radius: 10px; /* 角丸の指定 */
    background-repeat: no-repeat;       /* 繰り返しを無効化 */
    background-size: cover;             /* 画面全体にフィット */
    background-position: center center; /* 中央に配置 */
    background-image: url('/wp-content/uploads/2026/05/image-18.png');
}

.handy_table_radius1 {
    border-radius: 10px; /* 角丸の指定 */
    background-color: #ffffff; /* 背景色の指定 */
    border:solid #cacaca91; /* 枠の指定 */
}

.handy_table_radius2 {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #f1f1f17d; /* 背景色の指定 */
    border:solid #cacaca91; /* 枠の指定 */
}

.handy_footer {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #000000; /* 背景色の指定 */
}

a.handy_link {
    text-decoration: none; /* 下線を消す */
    color: white;
}

a.handy_link:hover {
    text-decoration: none; /* 下線を消す */
    color: rgb(165, 165, 165);
}

.ai_table_radius1 {
    border-radius: 10px; /* 角丸の指定 */
    background-color: #ffffff; /* 背景色の指定 */
    border:solid #cacaca91; /* 枠の指定 */
}

.ai_table_radius2 {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #f1f1f17d; /* 背景色の指定 */
    border:solid #cacaca91; /* 枠の指定 */
}

a.ai_link {
    text-decoration: none; /* 下線を消す */
    color: white;
}

.sp_table_line {
    border-left: 5px solid #c24f22; 
}

.sp_table_radius1 {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #ffffff; /* 背景色の指定 */
    border:solid #cacaca91; /* 枠の指定 */
}

.sp_table_radius2 {
    border-radius: 10px; /* 角丸の指定 */
    background-color: #ffffff; /* 背景色の指定 */
    border:solid #cacaca91; /* 枠の指定 */
    border-top: 5px solid #000000; 
}

.sp_table_radius3 {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #fc760054; /* 背景色の指定 */
    border: 4px solid #fc7600; /* 枠の指定 */
}

.sp_table_radius4 {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #cacaca21; /* 背景色の指定 */
    border: 4px solid #cacaca91; /* 枠の指定 */
}

.sp_table_radius5 {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #000000; /* 背景色の指定 */
    /* border: 4px solid #000000; /* 枠の指定 */
}

.sp_table_radius6 {
    border-radius: 30px; /* 角丸の指定 */
    background-color: #f1f1f17d; /* 背景色の指定 */
    border:solid #cacaca91; /* 枠の指定 */
}

.contact_table_radius1 {
    border-radius: 5px; /* 角丸の指定 */
    background-color: #ffffff27; /* 背景色の指定 */
    border-top: 4px solid #000000; /* 枠の指定 */
}

.contact_table_radius2 {
    border-radius: 5px; /* 角丸の指定 */
    background-color: #ffffff27; /* 背景色の指定 */
    border-top: 4px solid #fc7600; /* 枠の指定 */
}

.contact_table_line {
    border-radius: 5px; /* 角丸の指定 */
    background-color: #f4f4f4; /* 背景色の指定 */
    border-left: 4px solid #000000; /* 枠の指定 */
}

.advanced {
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);

  opacity: 0;
  translate: 0 13%;

  &.isActive {
    opacity: 1;
    translate: 0;
    transition-timing-function:
      opacity var(--ease-out-cubic),
      translate var(--ease-out-quint);
    transition-duration: 1.8s;
  }
}

/* フェードイン用の初期状態 */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* 表示時の状態 */
.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}


.idea2_contact_table_line {
    border-radius: 5px; /* 角丸の指定 */
    border-left: 4px solid red; /* 枠の指定 */
}

a.idea2_link {
    text-decoration: none; /* 下線を消す */
    color: black;
}

html { scroll-behavior: smooth;}