@charset 'UTF-8';
#keyvisual section .slogan{font-size:2.4rem;}
#pickupContents{display: table; margin: 50px 0 0 0;}
#pickupContents a{display: block; color:#333;}
#pickupContents a:hover{opacity: 0.8; text-decoration:none;}
#pickupContents .slogan,
#pickupContents figure{display: table-cell; box-sizing: border-box;}
#pickupContents .slogan{width:50%; background-color: #eee; vertical-align: middle; padding:30px;}
#pickupContents .slogan h2{display:block; font-size: 2.8rem; font-weight: 600; margin-bottom: 10px; line-height: 1.2;}

#keyvisual section .advLink {
  position: absolute;
  bottom: 30px;
  right: 30px;
  border: #fff 1px solid;
  padding:8px 15px;
  color: #fff;
  font-weight: bold;
}
#keyvisual section .advLink:hover {
  text-decoration: none;
  opacity: 0.7;
}
#keyvisual section .advLink::before{
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin:-3px 12px 0 0;
  vertical-align: middle;
}
.videoCloudBox960{width:960px; position:relative; margin:0 auto;}

@media screen and (max-width:767px){
  #pickupContents,
  #pickupContents .slogan,
  #pickupContents figure{display: block; width: auto;}
  #pickupContents{margin:30px -10px 0;}
  #pickupContents .slogan{padding: 20px;}
  #pickupContents .slogan h2{font-size: 2rem;}
  #keyvisual section .advLink{
    display: inline-block;
    position: relative;
    bottom: inherit; right: inherit;
    margin-top:10px;
    padding:5px 10px;
    font-size: 1.4rem;
  }
  #keyvisual section .advLink::before{width:5px; height: 5px; margin:-3px 8px 0 0;}
  .videoCloudBox960{width:auto;margin:0;}
}


/*--------------------------------------------------
Our Business
--------------------------------------------------*/
#prodTop.gridBlock .listBoxInner{padding:21px 15px 21px 20px;}
#prodTop.gridBlock .listBoxInner [class*="icon-products"]{
  position:relative;
  padding-left:30px;
  font-family: Helvetica, Arial, Tahoma, sans-serif !important;
}
#prodTop.gridBlock .listBoxInner [class*="icon-products"]::before{
	margin:0 17px 0 0;
	color:#83979d;
	font-size: 3.2rem;
	font-weight: normal;
  font-family: 'svgicon' !important;
	vertical-align: middle;
	position: absolute;
	left:0;
	top:-8px;
}
#prodTop.gridBlock .listBoxInner .icon-products1{padding-left:36px;}
#prodTop.gridBlock .listBoxInner .icon-products2{padding-left:56px;}
#prodTop.gridBlock .listBoxInner .icon-products3{padding-left:48px;}
#prodTop.gridBlock .listBoxInner .icon-products4{padding-left:44px;}
#prodTop.gridBlock .listBoxInner .icon-products5{padding-left:39px;}
#prodTop.gridBlock .listBoxInner .icon-products2::before{font-size:2.8rem;}

.bnrBlock.column3{margin-bottom:20px; padding:0 19px 19px 0; overflow:hidden; zoom:1;}
.bnrBlock .bnrBox{float:left; width:294px; margin:19px 0 0 19px;}
.bnrBlock .bnrBox a{text-decoration:none; color:#333;}
.bnrBlock .bnrBox a:hover{opacity:0.8;}
.bnrBlock .bnrBox .heading{font-size:114%; font-weight:bold; margin:10px 0 3px;}
.bnrBlock .bnrBox .heading span{font-size:100%;}
.bnrBlock .bnrBox .outline{font-size:85%;}

	@media screen and (max-width:599px){
		#prodTop.gridBlock .listBoxInner .icon-products1{padding-left:26px;}
		#prodTop.gridBlock .listBoxInner .icon-products2{padding-left:36px;}
		#prodTop.gridBlock .listBoxInner .icon-products3{padding-left:38px;}
		#prodTop.gridBlock .listBoxInner .icon-products4{padding-left:34px;}
		#prodTop.gridBlock .listBoxInner .icon-products5{padding-left:29px;}
		#prodTop.gridBlock .listBoxInner [class*="icon-products"]{font-size: 1.6rem;}
		#prodTop.gridBlock .listBoxInner [class*="icon-products"]::before{font-size: 2.5rem; top:-6px;}
		#prodTop.gridBlock .listBoxInner .icon-products2::before{font-size:2rem; top:-3px;}
		.bnrBlock.column3{padding:10px;}
		.bnrBlock .bnrBox{float:none; width:100%; margin:10px 0 0 0; display:table;}
		.bnrBlock .bnrBox:first-child{margin-top:0;}
		.bnrBlock .bnrBox .thumb{display:table-cell; width:95px;}
		.bnrBlock .bnrBox .thumb img{width:85px; padding-right:10px;}
		.bnrBlock .bnrBox .heading{margin-top:0; display:table-cell; font-size:12px; vertical-align:middle;}
		.bnrBlock .bnrBox .heading span{font-size:12px;}
		.bnrBlock .bnrBox .outline{display:none;}
	}


/*--------------------------------------------------
Category top
--------------------------------------------------*/
.prodLower{padding-top:260px;}
.prodLower .intro{padding: 30px 30px 0; background-color: #fff;}
.prodLower .intro h2{
	color: #000;
	font-size: 1.8rem;
	margin-bottom:20px;
	font-weight: bold;
	line-height: 1;
}
.prodLower .intro p{
	color: #000;
}

#kvProd001{background:url(../../products/images/kv_prod_001.jpg) 0 0 no-repeat; position:relative; zoom:1;}
#kvProd002{background:url(../../products/images/kv_prod_002.jpg) 0 0 no-repeat; position:relative; zoom:1;}
/*#kvProd003{background:url(../../products/images/kv_prod_003.jpg) 0 0 no-repeat; position:relative; zoom:1;}*/
#kvProd004{background:url(../../products/images/kv_prod_004.jpg) 0 0 no-repeat; position:relative; zoom:1;}
#kvProd005{background:url(../../products/images/kv_prod_005.jpg) 0 0 no-repeat; position:relative; zoom:1;}
#kvProd006{background:url(../../products/images/kv_prod_006.jpg) 0 0 no-repeat; position:relative; zoom:1;}

	@media screen and (max-width: 767px){
		.prodLower{
			padding-top:200px;
			margin:0 -10px;
			background-size:230% auto;
			-moz-background-size:230% auto;
			-webkit-background-size:230% auto;
			background-position: 50% 0!important;
		}
		.prodLower .intro{padding:15px;}
		.prodLower .intro h2{margin-bottom:10px;}
	}


/*--------------------------------------------------
notes iframe Height
--------------------------------------------------*/
.iframeSubTop{height:280px;}
.iframeTop{height:500px;}
.iframeIRyear{height:600px;}
.iframeSegment{height:700px;}
.iframePress{height:3400px;}
.iframeProducts{height:300px;}
.iframeCsrNews{height:2000px; min-height: 600px;}
.iframeCsrtop{height:450px;}

@media screen and (max-width:767px){
	.iframePress{height:1500px;}
}


/*--------------------------------------------------
aboutus
--------------------------------------------------*/
#philosophySlogan {
  font-size: 3.2rem;
  font-weight: bold;
  padding: 60px 100px;
  background-color: #eee;
  line-height: 1.3;
}

  @media screen and (max-width:767px){
    #philosophySlogan{padding:20px; font-size:1.8rem;}
    #philosophySlogan br{display: none;}
  }



/*--------------------------------------------------
News
--------------------------------------------------*/
/* newsSegment
--------------------------------*/
.newsSegment{margin-bottom:20px; padding:15px 20px 20px; border:#e9e9e9 1px solid;}
.newsSegment dt{font-size:114%; font-weight:bold;}
.newsSegment dd ul{overflow:hidden; zoom:1; margin-left:-9px;}
.newsSegment dd ul li{float:left; width:220px; margin:10px 0 0 9px;}
.newsSegment dd ul li a{display:block; padding:10px; text-align:center;}
.newsSegment dd ul li a:hover{text-decoration:none;}
.newsSegment dd ul li.seg1 a{border:#c0392b 2px solid; color:#c0392b;}
.newsSegment dd ul li.seg1 a:hover,
.newsSegment dd ul li.seg1.current a{background-color:#c0392b; color:#fff;}
.newsSegment dd ul li.seg2 a{border:#2ecc71 2px solid; color:#2ecc71;}
.newsSegment dd ul li.seg2 a:hover,
.newsSegment dd ul li.seg2.current a{background-color:#2ecc71; color:#fff;}
.newsSegment dd ul li.seg3 a{border:#9b59b6 2px solid; color:#9b59b6}
.newsSegment dd ul li.seg3 a:hover,
.newsSegment dd ul li.seg3.current a{background-color:#9b59b6; color:#fff;}
.newsSegment dd ul li.seg4 a{border:#2c3e50 2px solid; color:#2c3e50}
.newsSegment dd ul li.seg4 a:hover,
.newsSegment dd ul li.seg4.current a{background-color:#2c3e50; color:#fff;}
.newsSegment dd ul li.seg5 a{border:#3498db 2px solid; color:#3498db}
.newsSegment dd ul li.seg5 a:hover,
.newsSegment dd ul li.seg5.current a{background-color:#3498db; color:#fff;}
.newsSegment dd ul li.seg6 a{border:#f39c12 2px solid; color:#f39c12}
.newsSegment dd ul li.seg6 a:hover,
.newsSegment dd ul li.seg6.current a{background-color:#f39c12; color:#fff;}
.newsSegment dd ul li.seg7 a{border:#ddd 2px solid; color:#333}
.newsSegment dd ul li.seg7 a:hover,
.newsSegment dd ul li.seg7.current a{background-color:#ddd; color:#333;}

@media screen and (max-width:767px){
  .newsSegment{padding:10px;}
  .newsSegment dt{display:none;}
  .newsSegment dd ul{margin:0;}
  .newsSegment dd ul li{float:none; width:auto; margin:5px 0 0 0;}
}

/* newsCategory
--------------------------------*/
.newsCategory{margin-bottom:20px; padding:15px 20px 20px; border:#e9e9e9 1px solid;}
.newsCategory ul{overflow:hidden; zoom:1;}
.newsCategory ul li{float:left; width:49%; margin:5px 0 0 0;}
.newsCategory ul li a{display:inline-block; padding:2px 5px;}
.newsCategory ul li a:hover,
.newsCategory ul li.current a{text-decoration:none; background-color:#014099; color:#fff;}

.newsCategory ul.yearList li{width:auto; margin-right:30px;}
.newsCategory ul.yearList li a{padding:2px 8px;}

@media screen and (max-width:767px){
  .newsCategory{padding:10px;}
  .newsCategory ul{margin:0;}
  .newsCategory ul li{width:50%; margin:2px 0 0 0;}
  .newsCategory ul li a{font-size:11px; display:block; padding:4px 5px;}
  .newsCategory ul.yearList li{margin-right:10px;}
}

/*--------------------------------------------------
custom for toray.com
--------------------------------------------------*/
#footerNav > ul.parentNav > li{width:30%!important; margin-left:2%;}
#footerNav > ul.parentNav > li:nth-child(3n+1){clear:both;}
#footerNav > ul.parentNav > li:nth-child(n+4){margin-top:30px;}


/*--------------------------------------------------
Mars finder
--------------------------------------------------*/
/* window */
#searchSet .mf_finder_container{background-color: #eee;}
#searchSet .mf_finder_searchBox{padding:10px; margin: 0;}
#searchSet form input[type="text"]{width: 100%!important;}
.mf_finder_searchBox_form {}
.mf_finder_searchBox_doctype:after { top: 2px!important; }
.mf_finder_searchBox_doctype_select,
.mf_finder_searchBox_selects select { font-size: 1.6rem!important; }
.mf_finder_searchBox_suggest_items li a { color: #fff !important; }
.mf_finder_searchBox_selects label:before {width:2rem!important; font-size: 1.4rem!important; }
.mf_finder_searchBox_selects select{
  border-bottom-width:1px!important;
  border-radius: 0!important;
  padding-right:2rem!important;
}
.mf_finder_searchBox_selects label:after{top:5px!important;}
.mf_finder_searchBox_submit{
  background-color: #014099!important;
  border-radius: 0!important;
  /*width:50px!important;*/
}
.mf_finder_searchBox_submit:before{display:inline-block!important; margin-left:6px!important; font-size:2rem!important;}
.mf_finder_searchBox_query_input {
  display: inline-block!important;
  outline: none!important;
  font-size: 2rem!important;
  height: 45px!important;
  line-height: 45px!important;
  padding: 5px 10px!important;
}

/* result */
html:lang(ja) .mf_finder_searchBox .mf_finder_searchBox_query_input,
html :lang(ja) .mf_finder_searchBox .mf_finder_searchBox_query_input,
html:lang(ja-JP) .mf_finder_searchBox .mf_finder_searchBox_query_input,
html :lang(ja-JP) .mf_finder_searchBox .mf_finder_searchBox_query_input{background-image: none!important;}
.mf_finder_searchBox .mf_finder_searchBox_query_input::placeholder{opacity:.5;}
#mf_Result .mf_finder_searchBox{padding:25px; margin: 0 0 30px; background-color: #eee;}
#mf_Result .mf_finder_searchBox_submit{border-radius: 0;}
#mf_Result .mf_finder_searchBox_items{padding:0 0 10px;}
#mf_Result .mf_finder_searchBox_misc{display: inline-block; vertical-align:top;}
#mf_Result .mf_finder_searchBox_misc label{margin-left:10px;}
#mf_Result .mf_finder_searchBox_misc label::before{vertical-align: middle;}
#mf_Result .mf_finder_zubaken{padding:20px;}
#mf_Result .mf_finder_organic_doc{cursor: pointer; transition: all 0.3s;}
#mf_Result .mf_finder_organic_doc:hover{background-color:#f0f0f0;}
#mf_Result .mf_finder_organic_doc_body_wrapper *{font-size:1.4rem; color:#666; line-height: 1.4;}
#mf_Result .mf_finder_organic_doc_url_wrapper *{font-size:1.2rem;}
#mf_Result .mf_finder_organic_doc_title_wrapper *{font-size:1.6rem;}
html:not([lang="ja"]) #mf_Result .mf_finder_query{margin:0 0.25rem 0 1.5rem;}
#mf_Result .mf_finder_organic_doc_contents_wrapper{margin-left: 20px;}
#mf_Result .mf_finder_query,
#mf_Result .mf_finder_query::before,
#mf_Result .mf_finder_query::after{font-size:2rem;}
#mf_Result .mf_finder_query span{font-size:2.8rem; vertical-align: top; display: inline-block; margin-top:-5px;}
#mf_Result .mf_finder_organic_nums *{font-size:2rem;}
#mf_Result .mf_finder_organic_total::after,
#mf_Result .mf_finder_organic_range_from::after,
#mf_Result .mf_finder_organic_range_to::after,
#mf_Result .mf_finder_organic_total::before,
#mf_Result .mf_finder_organic_range_from::before,
#mf_Result .mf_finder_organic_range_to::before{font-size:1.6rem;}
#mf_Result .mf_finder_organic_pager{margin:2em 0;}
#mf_Result .mf_finder_pager_items li a{border-radius: 0; padding:.25rem 1rem;}
#mf_Result .mf_finder_pager_items li a:hover{opacity: 0.8;}

  @media screen and (max-width:767px){
    #searchSet form{float:none;}
    #searchSet form{width:100%; margin:0; height:inherit;}
    #searchSet form::before{display: none!important;}
    #searchSet form input[type="text"],
    #mf_Result .mf_finder_searchBox_query_input{
      font-size:16px!important;
      height:40px!important;
      line-height: 35px!important;
      padding: 7px 5px!important;
    }
    #searchSet form input[type="text"]{border:none!important;}
    #searchSet .mf_finder_container{background: transparent;}
    .mf_finder_searchBox_doctype_select{background-color: #fff; font-size:16px!important;}
    #searchSet .mf_finder_searchBox_selects label:before{color:#fff!important;}
    #searchSet .mf_finder_searchBox{padding:0; background-color: transparent!important;}
    #searchSet .mf_finder_searchBox_items{padding:0 0 10px;}
    #searchSet .mf_finder_searchBox_submit{
      background-color: #022b66!important;
      height: 40px;
      width:auto!important;
    }
    #searchSet .mf_finder_searchBox_imgsize{display: none;}
    /* for iOS8 iphone5s */
    #searchSet .mf_finder_searchBox_items{align-items: stretch; display: flex; }
    #searchSet .mf_finder_searchBox_doctype{}
    #searchSet .mf_finder_searchBox_query_wrap{width:71%;}

    #mf_Result .mf_finder_searchBox{padding:15px;}
    #mf_Result .mf_finder_searchBox_submit{width:; height: 38px!important; margin-top: 1px!important;}
    #mf_Result .mf_finder_searchBox_useSelects .mf_finder_searchBox_category_select{width: auto!important;}
    #mf_Result .mf_finder_searchBox_category{padding-left: 0;}
    #mf_Result .mf_finder_searchBox_category:before{top:1px; left:2px;}
    #mf_Result .mf_finder_searchBox_misc label:nth-of-type(1){margin-left:0;}
    #mf_Result .mf_finder_searchBox_misc .mf_finder_searchBox_imgsize{display: none;}
    #mf_Result .mf_finder_searchBox_selects select,
    #mf_Result .mf_finder_searchBox_selects input{font-size:16px!important;}
    #mf_Result .mf_finder_searchBox_useToggle_show .mf_finder_searchBox_misc label select{width:inherit!important;}
    #mf_Result .mf_finder_searchBox_selects label:after{top:0.7rem!important;}
    #mf_Result .mf_finder_zubaken{padding:10px;}
    #mf_Result .mf_finder_organic_header_wrapper{margin-left: 0;}
    #mf_Result .mf_finder_organic_wrapper *{max-width: 100%;}
    #mf_Result .mf_finder_query span{font-size:2rem;}
    #mf_Result .mf_finder_organic_nums *{font-size:1.6rem;}
    #mf_Result .mf_finder_organic_doc_contents_wrapper{margin-left: 0;}
    #mf_Result .mf_finder_organic_doc_body_wrapper *{font-size:1.4rem; line-height: 1.4;}
    #mf_Result .mf_finder_organic_doc_img_wrapper{display: none;}
    #mf_Result .mf_finder_organic_doc_url_wrapper span{
      width: 300px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }