@charset "UTF-8"; 
/*--------------------------------------
goldetc top 
---------------------------------------*/

/* main */

#content #main_ttl{
  height:370px;
  margin:0 0 50px;
  background:url(/goldetc/img/top/main_bg.webp) center center no-repeat;
  position:relative;
}
#content #main_ttl img{
  position:absolute;
  bottom:0;
  right:80px;
}
#content #main_ttl .htxt{
  height:1.6em;
  margin: auto;
  font-family: "Yu Mincho", YuMincho, serif;
  color:#fff;
  font-size:30px;
  position:absolute;
  top:0;
  bottom:0;
  left:70px;
}

  
#content .htxt02{
  font-size:30px;
}

/* top_box01 */
#content .top_box01{
  margin:0 0 50px;
}
#content .top_box01_left{
  width:729px;
  float:left;
}
#content .top_box01_right{
  width:358px;
  float:right;
}

#content .top_market_table_ttl{
  margin:0 0 10px;
  position:relative;
}
#content .top_market_table_ttl .htxt{
  padding:5px 0 3px;
  font-family: "Yu Mincho", YuMincho, serif;
  font-size:21px;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}
#content .top_market_table_ttl .btn02{
  position:absolute;
  top:6px;
  right:0;
}

#content .top_box01_left .notes_list02 li{
  font-size:12px;
}

/* top_box_info */

#content .top_box_info{
  width:358px;
  height:270px;
  margin:0 13px 13px 0;
  float:left;
  background:#fff;
  border:1px solid #cccccc;
}
#content .top_box_info .htxt{
  font-family: "Yu Mincho", YuMincho, serif;
  font-size:21px;
  line-height:120%;
}
#content .top_box_info .htxt a{
  font-size:21px;
}
#content .top_box_info .htxt a:hover{
  text-decoration:underline;
}

#content .top_box_info{
  padding:10px;
  position:relative;
}
#content .top_box_info .htxt{
  padding-bottom:8px;
  margin-bottom:10px;
  border-bottom:1px solid #cccccc;
}
#content .top_box_info .time{
  font-size:10px;
  position:absolute;
  top:18px;
  right:20px;
}

#content .top_box_info .notes_list li{
  font-size:11px;
  margin-bottom:2px;
}
#content .top_box_info #canvas{
  width: 340px;
  height: 170px;
}


/* top_box02 */

#content .top_box02{
  padding: 10px 0 0;
  border-top:1px solid #cccccc;
}
#content .top_box02_left{
  width:729px;
  float:left;
}
#content .top_box02_right{
  width:358px;
  float:right;
}

#content .top_box02_left ul:first-child{
  width:372px;
  float:left;
}
#content .top_box02_left ul:nth-child(2){
	padding-left: 372px;
}
#content .top_box02_left li{
  float:left;
}
#content .top_box02_left .top_listlink01{
  width:171px;
  height:134px;
  margin:0 15px 15px 0;
}
#content .top_box02_left .top_listlink02{
  width:171px;
  height:134px;
  margin:0 15px 15px 0;
}
#content .top_box02_left .top_listlink03{
  width:171px;
  height:134px;
  margin:0 15px 15px 0;
}
#content .top_box02_left .top_listlink04{
  width:171px;
  height:134px;
  margin:0 15px 15px 0;
}
#content .top_box02_left .top_listlink05{
  width:358px;
  height:134px;
  margin:0 15px 15px 0;
}
#content .top_box02_left .top_listlink06{
  width:356px;
  height:208px;
  margin:0 0 15px;
}
#content .top_box02_left .top_listlink07{
  width:356px;
  height: 97px;
  /*height:208px;*/
  margin-bottom: 15px;
}
#content .top_box02_left .top_listlink08{
	width: 358px;
	height: 97px;
}
#content .top_box02_left li a,
#content .top_box02_left li a img{
  display:block;
}


/* top_box_menu */
#content .top_box_menu {
  background:none;
  border:none;
}
#content .top_box_menu #baybtn{
  margin:0 0 6px;
}
#content .top_box_menu #baybtn a{
  width:100%;
  height:64px;
  background:#C6C6C6;
  border:1px solid #cccccc;
  display:table;
  backface-visibility: hidden;
  -webkit-transition: 0.3s ease-out;
     -moz-transition: 0.3s ease-out;
       -o-transition: 0.3s ease-out;
          transition: 0.3s ease-out;
}
#content .top_box_menu #baybtn a:nth-child(2){
  height:63px;
  background:#E7E7E7;
  border-top:none;
}
#content .top_box_menu #baybtn a:hover{
  background:#aaa;
}
#content .top_box_menu #baybtn a:nth-child(2):hover{
  background:#ddd;
}
#content .top_box_menu #baybtn a > div{
  display:table-cell;
  vertical-align:middle;
}
#content .top_box_menu #baybtn a .catch{
  padding:0 0 0 25px;
}
#content .top_box_menu #baybtn a:nth-child(1) .catch{
  font-family: "Yu Mincho", YuMincho, serif;
  font-size:16px;
  color:#000;
  font-weight:bold;
  line-height:21px;
}
#content .top_box_menu #baybtn a:nth-child(1) .catch span{
  font-size:14px;
}
#content .top_box_menu #baybtn a:nth-child(2) .catch img{
  margin:-13px 0 -6px -15px;
}
#content .top_box_menu #baybtn a .img{
  display:table-cell;
  vertical-align:middle;
}
#content .top_box_menu #baybtn a .img img{
  display:block;
}
#content .top_box_menu #baybtn a .txt{
  width:150px;
  padding-right:20px;
  color:#555555;
  font-size:21px;
}
#content .top_box_menu #baybtn a:nth-child(2) .txt{
  letter-spacing:0.22em;
}
#content .top_box_menu #member_menu{
  margin:0 -2px;
}
#content .top_box_menu #member_menu h3{
  margin:0 2px 4px;
  padding:8px 0 5px;
  font-family: "Yu Mincho", YuMincho, serif;
  line-height:100%;
  font-size:13px;
  text-align:center;
  letter-spacing:0.2em;
  background:#B4B4B4;
}
#content .top_box_menu #member_menu > div{
  /*width:50%;*/
  width:33.3%;
  padding:0 2px;
  float:left;
}
#content .top_box_menu #member_menu p{
  padding:0 5px;
  color:#000;
  font-size:12px;
  line-height: 1.4;
  background:#B4B4B4;
  text-align:center;
}
#content .top_box_menu #member_menu ul{
  padding:0 0 5px;
  clear:both;
  background:#B4B4B4;
}
#content .top_box_menu #member_menu li{
  width:100%;
  height:36px;
  padding:2px 4px;
  display:table;
}
#content .top_box_menu #member_menu a,
#content .top_box_menu #member_menu span{
  height:100%;
  width:100%;
  color:#555555;
  /*font-size:18px;*/
  font-size: 11px;
  text-align:center;
  vertical-align:middle;
  background:#fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  display:table-cell;
  backface-visibility: hidden;
  -webkit-transition: 0.3s ease-out;
     -moz-transition: 0.3s ease-out;
       -o-transition: 0.3s ease-out;
          transition: 0.3s ease-out;
}
#content .top_box_menu #member_menu a:hover{
  background:#eee;
}
#content .top_box_menu #member_menu span{
  background:#e0e0e0;
  color:#9f9f9f;
}

@media (max-width: 600px) {
  
  /* main */
  
  #content #main_ttl{
    height:auto;
    margin:0 -20px 50px;
    background:url(/goldetc/img/top/main_bg.webp) center center no-repeat;
    position:relative;
  }
  #content #main_ttl img{
    width:232px;
    margin:auto;
    position:static;
    display:block;
  }
  #content #main_ttl .htxt{
    height:auto;
    margin:auto;
    padding:20px 0;
    font-size:25px;
    text-align:center;
    position:static;
  }
  
  #content .htxt02{
    font-size:25px;
  }

  /* top_box01 */
  #content .top_box01{
  }
  #content .top_box01_left{
    margin:0 0 50px;
    width:auto;
    float:none;
  }
  #content .top_box01_right{
    width:auto;
    float:none;
  }
  
  #content .top_market_table_ttl{
    margin:0 0 10px;
    position:relative;
  }
  #content .top_market_table_ttl .htxt{
    font-size:17px;
  }
  #content .top_market_table_ttl .btn02{
    top:5px;
  }
  #content .top_market_table_ttl .btn02 a{
    font-size:10px;
  }
  #content .top_box01_left .f12{
    font-size:9px;
  }
  
  #content .top_box01_left .notes_list02 li{
    font-size:10px;
  }
  #content .top_box01 .bnr01 a span img {
    width: 80px;
    height:auto;
  }
  
  /* top_box_info */
  
  #content .top_box_info{
    width:100%;
    height:auto;
    margin:0 0 50px 0;
  }
  
  #content .top_box_info .htxt{
    font-size:17px;
  }
  #content .top_box_info .htxt a{
    font-size:17px;
  }
  
  #content .top_box_info{
    padding:10px;
    position:relative;
  }
  #content .top_box_info .htxt{
    padding-bottom:8px;
    margin-bottom:10px;
    border-bottom:1px solid #cccccc;
  }
  #content .top_box_info .time{
    font-size:9px;
    top:12px;
    right:12px;
  }
  
  #content .top_box_info .notes_list li{
    font-size:10px;
  }
  #content .top_box_info .notes_list li{
    font-size:10px;
  }
  
  #content .top_box_info #canvas{
    width:100%;
  }
  
  /* top_box02 */
  
  #content .top_box02{
    padding: 0;
    border-top:none;
  }
  #content .top_box02_left{
    width:auto;
    margin:0 -20px 50px;
    float:none;
    padding:50px 0 0;
    border-top:1px solid #cccccc;
  }
  #content .top_box02_right{
    width:auto;
    margin:0 0 50px;
    float:none;
  }
  
  #content .top_box02_left ul{
    width:auto;
    padding:0 15px;
    float:none;
  }
  #content .top_box02_left ul:first-child{
    width:auto;
    float:none;
  }
	#content .top_box02_left ul:nth-child(2){
		padding-left: 15px;
	}
  #content .top_box02_left .top_listlink01{
    width:50%;
    height:auto;
    margin:0 0 10px 0;
    padding:0 5px;
  }
  #content .top_box02_left .top_listlink02{
    width:50%;
    height:auto;
    margin:0 0 10px 0;
    padding:0 5px;
    float:right;
  }
  #content .top_box02_left .top_listlink03{
    width:50%;
    height:auto;
    margin:0 0 10px 0;
    padding:0 5px;
  }
  #content .top_box02_left .top_listlink04{
    width:50%;
    height:auto;
    margin:0 0 10px 0;
    padding:0 5px;
    float:right;
  }
  #content .top_box02_left .top_listlink05{
    width:100%;
    height:auto;
    margin:0 0 10px 0;
    padding:0 5px;
    float:none;
    clear:both;
  }
  #content .top_box02_left .top_listlink06{
    width:100%;
    height:auto;
    margin:0 0 10px 0;
    padding:0 5px;
    float:none;
  }
  #content .top_box02_left .top_listlink07{
    width:100%;
    height:auto;
    padding:0 5px;
    float:none;
  }
  #content .top_box02_left .top_listlink08{
    width:100%;
    height:auto;
    padding:0 5px;
    float:none;
  }
  #content .top_box02_left li a img{
    width:100%;
    height:auto;
  }
  
  /* top_box_menu */
  #content .top_box_menu{
    margin:0 0 50px !important;
  }
  #content .top_box_menu #baybtn{
    margin:0 0 5px;
  }
  #content .top_box_menu #baybtn a{
    min-height:68px;
  }
  #content .top_box_menu #baybtn a:nth-child(2){
    min-height:68px;
  }
  #content .top_box_menu #baybtn a .catch{
    padding:0 0 0 20px;
  }
  #content .top_box_menu #baybtn a:nth-child(1) .catch{
    font-family: "Yu Mincho", YuMincho, serif;
    font-size:15px;
    color:#000;
    font-weight:bold;
    line-height:21px;
  }
  #content .top_box_menu #baybtn a:nth-child(1) .catch span{
    font-size:13px;
  }
  #content .top_box_menu #baybtn a .img img{
    width:32px;
    height:auto;
  }
  #content .top_box_menu #baybtn a .txt{
    font-size:20px;
  }
  #content .top_box_menu #baybtn a:nth-child(2) .txt{
    letter-spacing:0.22em;
  }
  
  #content .top_box_menu #member_menu p{
    font-size:12px;
  }
  #content .top_box_menu #member_menu a,
  #content .top_box_menu #member_menu span{
    padding:20px 0;
    /*font-size:16px;*/
    font-size:11px;
  }
}

@media (max-width: 360px) {
  
  #content .top_box_menu #baybtn a .txt{
    width:110px;
    padding-right:10px;
    font-size:14px;
  }
  #content .top_box_menu #baybtn a:nth-child(2) .txt{
    letter-spacing: 0;
  }
  #content .top_box_menu #baybtn a:nth-child(1) .catch{
    font-size:13px;
  }
  #content .top_box_menu #baybtn a:nth-child(1) .catch span{
    font-size:11px;
  }
  #content .top_box_menu #baybtn a:nth-child(2) .catch img{
    width:100px;
    height:auto;
    margin-top:-10px;
  }
  #content .top_box_menu #member_menu p{
    font-size:10px;
  }
  #content .top_box_menu #member_menu a,
  #content .top_box_menu #member_menu span{
    font-size:10px;
    /*font-size:15px;*/
  }

}