/*
Theme Name: G30:Waste Management Expert Course
Description: Tsukuba G30:Original Theme
Author: WIngspan Inc.
*/


/* Reset */
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,span,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

/* Base */
body {background-color: white; background-position: 0 top; background-repeat: repeat-x; background-image: url(images/bg.png); color: #444; line-height: 150%; font:14px/1.23 arial,helvetica,clean,sans-serif}

#wrapper {margin-bottom: 0px; margin-right: auto; margin-left: auto; margin-top: 0px; width: 960px;}
#header_wrapper {margin-top: 20px; margin-bottom: 20px; clear: both; height: 250px; width: 960px;}
#sidebar_wrapper {float: left; width: 280px;}
#content_wrapper {margin-bottom: 100px; float: right; width: 680px;}
#footer_wrapper {clear: both; width: 960px; margin-right: auto; margin-left: auto; height: 10px;}

/* Header */
.logo { float: left; background-position: left; background-repeat: no-repeat; height: 250px; width: 690px; background-image: url(images/logo.png); }
.symbol {background-image: url(images/symbol.png); float: right; height: 250px; width: 270px;}

/* search */
#search { margin-bottom: 30px;}
#search input[type="text"] {
    background: url(images/search-white.png) no-repeat 10px 6px #fff;
    border: 1px solid #d1d1d1;
    font: 12px Arial,Helvetica,Sans-serif;
    color: #666;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }
#search input[type="text"]:focus { width: 200px;}

/* gnavi */
#menu-globalnavi li{width: 270px; margin-left: 10px; margin-bottom: 30px;}
#menu-globalnavi li a{color: #444444; font-weight: bold; text-decoration: none; font-size: 13px;}
#menu-globalnavi li a:hover{ color: #cccccc; text-decoration: none;}
#menu-globalnavi li.current_page_item a{color: #408000; }

#menu-globalnavi2 li{width: 270px; margin-left: 10px; margin-bottom: 30px;}
#menu-globalnavi2 li a{color: #444444; font-weight: bold; text-decoration: none; font-size: 13px;}
#menu-globalnavi2 li a:hover{ color: #cccccc; text-decoration: none;}
#menu-globalnavi2 li.current_page_item a{color: #408000; }
#menu-globalnavi2 li .sub-menu li{margin-top: 10px; width: 270px; margin-left: 20px; margin-bottom: 10px;}
#menu-globalnavi2 li .sub-menu li a{color: #444444; font-weight: bold; text-decoration: none; font-size: 13px;}
#menu-globalnavi2 li .sub-menu li a:hover{ color: #cccccc; text-decoration: none;}
#menu-globalnavi2 li .sub-menu li.current_page_item a{color: #408000; }

/* sns */
#snsbtn_wrapper {height: 50px; margin-left: 10px; width: 270px;}
#snsbtn_wrapper a{float: left; margin-right: 30px;}

/* credit */
.copy {margin-left: 10px; font-size: 11px;}

/* contents */
#page_title { margin-bottom: 40px;}
#page_content {line-height: 150%; font-size: 13px;}
#page_content p {margin-bottom: 20px;}

/* event */
#event_title {margin-bottom: 10px;}
#event_content {margin-bottom: 20px; padding-bottom: 30px; line-height: 150%; font-size: 13px;}
#event_content p {margin-bottom: 20px;}

/* md-table */
#md-table th{border-color: #cccccc; border-width: 1px; border-style: solid; line-height: 30px; text-align: center; height: 30px;}
#md-table td{ border-left-color: #cccccc; border-left-width: 1px; border-left-style: solid; border-right-style: solid; border-right-color: #cccccc; border-right-width: 1px; padding: 10px; border-bottom-color: #cccccc; border-bottom-style: solid; border-bottom-width: 1px; height: 30px;}

/* search.php */
#search_result {  margin-bottom: 30px;  font-size: 16px;  }
.red {color: red;}
#search_wrapper p{line-height: 150%; margin-bottom: 30px;}
#search_wrapper a{color: #444444; text-decoration: none;}
#search_wrapper a:hover{color: #cccccc; text-decoration: underline;}

/* h */
h1 { font-size: 24px; }
h2 { margin-bottom: 5px; font-size: 20px; }
h3 { font-weight: bold; font-size: 17px; }
h4 { color: #408000; margin-bottom: 10px; font-size: 16px; }
h5 { font-weight: bold; font-size: 14px; }
h6 { font-size: 12px; }
/* Static archive refinements */
.logo { display:block; }
#content_wrapper { min-width:0; }
#page_content img { max-width:100%; height:auto; }
#page_content a { color:#408000; }
#page_content table { max-width:100%; }
#page_content ul, #page_content ol { margin: 0 0 20px 24px; }
#page_content li { list-style: disc; margin-bottom: 5px; }
#page_content ol li { list-style: decimal; }
#page_content h2 { margin: 0 0 10px; }
#page_content h3 { margin: 0 0 10px; }
#page_content h4 { margin-top: 15px; }
#page_content p { margin-bottom: 20px; }
#page_content .aligncenter { display:block; margin-left:auto; margin-right:auto; }
#page_content .alignleft { float:left; margin:0 15px 10px 0; }
#page_content .alignright { float:right; margin:0 0 10px 15px; }
#page_content:after { content:""; display:block; clear:both; }
#menu-globalnavi2 .sub-menu { margin-top: 10px; }
#menu-globalnavi2 .sub-menu li { list-style:none; }
@media (max-width: 980px) {
  #wrapper { width: calc(100% - 32px); max-width:960px; }
  #header_wrapper { width:100%; height:auto; min-height:140px; display:flex; align-items:center; margin-top:12px; margin-bottom:20px; }
  .logo { width:72%; height:auto; aspect-ratio:690 / 250; background-size:contain; }
  .symbol { width:28%; height:auto; aspect-ratio:270 / 250; background-size:contain; }
  #sidebar_wrapper { width:29%; }
  #content_wrapper { width:69%; }
  #footer_wrapper { width:100%; }
  #menu-globalnavi2 li, #menu-globalnavi2 li .sub-menu li { width:auto; margin-right:8px; overflow-wrap:anywhere; }
}
@media (max-width: 640px) {
  #wrapper { width: calc(100% - 24px); }
  #header_wrapper { min-height:0; }
  #sidebar_wrapper, #content_wrapper { float:none; width:100%; }
  #sidebar_wrapper { margin-bottom:28px; }
  #content_wrapper { margin-bottom:40px; }
  #menu-globalnavi2 li { margin-bottom:12px; }
  #menu-globalnavi2 li .sub-menu { display:flex; flex-wrap:wrap; gap:10px; }
  #menu-globalnavi2 li .sub-menu li { margin:5px 8px 5px 0; }
  #page_title { margin-bottom:24px; }
}


/* Notice for this archived program */
#page_content .archive-notice { margin: 0 0 24px; padding: 12px 15px; border-left: 4px solid #408000; background: #f3f7ee; color: #333; font-size: 14px; line-height: 1.5; }
#page_content .archive-notice strong { font-weight: bold; }