@charset "UTF-8";

@media screen and (min-width: 641px), print {
	/* ------------------  pc   ------------------   */
	.page_header img {
		width: 270px;
    margin-top: 1px;
	}
	
	.crosstalk_top_lead {
		width: 810px;
		margin: 0 auto 43px;
		font-size: 16px;
	}
	
  .crosstalk_top_list {
    width: 980px;
    margin: 0 auto;
  }
  
  .crosstalk_top_list > li {
    margin-bottom: 20px;
  }

  .crosstalk_top_list > li a {
    display: block;
    padding: 10px;
    line-height: 0;
    background: url("../../cmn/images/pattern/dot_bg_blue.png");
    box-sizing: border-box;
    position: relative;
  }
  
  .crosstalk_top_list > li a .talk_item_inner {
    padding: 1px;
    background: #fff;
  }

  .crosstalk_top_list > li a .talk_item_inner .item_thumb {
    width: 100%;
  }

  .crosstalk_top_list > li a:hover .talk_item_inner .item_thumb {
    opacity: .8;
  }
  
  .crosstalk_top_list > li a .talk_item_inner .item_body {
    position: absolute;
    bottom: 30px;
    right: 11px;
  }
  
}
@media screen and (max-width: 640px){
	/* ------------------  sp   ------------------   */	
	.page_header img {
		width: 270px;
    margin-top: 1px;
	}
		
	.crosstalk_top_lead {
		margin: 0 auto 17px;
		font-size: 14px;
	}

  .crosstalk_top_list {
    margin: 0 auto;
  }
  
  .crosstalk_top_list > li {
    margin-bottom: 20px;
  }

  .crosstalk_top_list > li a {
    display: block;
    padding: 10px;
    line-height: 0;
    background: url("../../cmn/images/pattern/dot_bg_blue.png");
    box-sizing: border-box;
  }
  
  .crosstalk_top_list > li a .talk_item_inner {
    padding: 1px;
    background: #fff;
  }

  .crosstalk_top_list > li a .talk_item_inner .item_thumb {
    width: 100%;
  }
  
  .crosstalk_top_list > li a .talk_item_inner .item_body img {
    width: 100%;
    max-width: inherit;
  }
  
  
}