/* =========================================================
		common
========================================================= */




body {
 
	
	font-family: "Noto Sans Japanese", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;

	font-size:15px;
	line-height:1.6;
	color: #333;
	
	-webkit-text-size-adjust:none;
	margin:0;
	padding:0;
	min-width:100%;
	letter-spacing:0.8px;
	overflow-x:hidden;
	


}

.en {
font-family: 'Montserrat', sans-serif !important;
    
}
 .hd_style span {
      display: none;
    }



.pc_br{
	display:block;



	}
	
.pc_br2{
	display: inline-block;



	}
.sp_br{
	display: none;

	}

.sp_br2{
	display: none;

	}

#arrow {
		position: fixed;
		bottom: 13%;
		right: 2%;
		cursor: pointer;
		z-index: 990;
	}
	
.nomargin{
	margin-right:0 !important;
	
	
	
	}
.wh{
	width: 100%;
	
	
	
}
	






.detail_btn{
	text-align: center;
	
	
}


.detail_btn a{
	display: block;
width: 73%;
padding: 8px 0;
margin: 4% auto 0;
color: #fff;
letter-spacing: 1px;
background-color: #f7604a;
	border-radius: 30px;

	text-decoration: none;
	font-size: 14px;
	position: relative;
	font-weight: bold;
	
	
}



.detail_btn a:hover {


}


.detail_btn a::after{
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 52%;
	right: 8%;
margin-top: -5px;
}


.accordion dt span{
	color: #005bac;
	
	
} 
.accordion dt span:hover{
	color: #3d83c1;
	
	
} 
.accordion dd{
  display: none;

  padding: 0 0 0;

}

.accordion dt {
  display: block;
 
  cursor: pointer;
 
 
}



.accordion .clicked span{
  display: none;
 
 
}


	

img{
	width: 100%;
}

.detail_btn1 a{
   display: block;
width: 300px;
	line-height: 2;
margin: 25px auto 15px;
padding: 10px;
color: #0068cc;
text-align: center;
background: #fff;
	text-decoration: none;

border-radius: 5px;
text-shadow: none;
font-size: 16px;
	font-weight: bold;
	  border: 2px solid #0068cc !important;
	transition: all .3s;
	

}

.detail_btn1 a:hover{
	
	 color: #fff;
  border: 2px solid #0068cc;
  background-color: #0068cc;
	
	
}
.detail_btn1 a i{
	
	padding: 0 10px 8px;
	
	
}
.detail_btn1b a{margin: 10px auto 35px;}
/* =========================================================
		header
========================================================= */
#header{
	
background: #fff;


width: 100%;


box-sizing: border-box;
z-index: 99;
line-height: 1;

	opacity: 1;
	
}
.headerin{
	position: relative;
	width: 1000px;

	margin: 0 auto;
	
	
	
}

#header h1 {
    float: left;
    padding: 21px 0 15px 0;
	width: 245px;
}


#header .header_r{
    float: right;
    margin: 12px 0 0 0;
	
}




#header .header_r .search_btn{
    float:right;
	
}


#header .header_r .contact{
    float: right;
	padding-left: 10px;
	
}


#header .header_r .contact a{
   text-decoration: none;
    color: #fff;
    display: block;
    width: 125px;
    line-height: 14px;
    text-align: center;
    background: #0068cc;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    padding: 9.5px 0;
    cursor: pointer;

	
}

#header .header_r .contact a i{
	padding: 0 5px;
	font-size: 14px;
}
#header .header_r .language{
	margin-top: 11px;
	
}

#header .header_r .language li{
float: left;
padding:0 0 0 10px;
	margin: 0 0 0 10px;
	border-left: 1px solid #666;
	display: block;
}
#header .header_r .language li:first-child{

padding:0 0 0 0;
	margin: 0 0 0 0;
	border-left: none;
	
}

#header .header_r .language li a{
	color: #666;
	text-decoration: none;
	font-size: 13px;
	    letter-spacing: 0;
	
	
	
	
	
}
#header .header_r .language li a:hover{
	color: #428dd1;
	text-decoration: underline;
	
	
	
	
	
}
.search_btn{
 position: relative;
    background: #f6f6f6;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #ddd;
}

.js-globalSearchInput{
	display: block;
    width: 100%;
    height: 30px;
    padding: 0 40px 0 10px;
    background: 0 0;
    border: none;
    appearance: none;
    font-size: 13px;
   
	
	outline: 0;
}




.search-button {
    width: 24px;
    height: 24px;
   
    position: absolute;
    top: 7px;
    right: 4px;
    background: url(/img/search.png) no-repeat;
    background-size: 17px;
    border: 0;
    font-size: 0;
    color: transparent;
	outline: 0;
	cursor: pointer;
}






.gnaviarea{
	background: #0068cc;
	
	
	
	
}

.gnaviarea ul{
	width: 1000px;
    text-align: center;
    display: block;
    margin: 0 auto;
	
	
	
}
.gnaviarea li{
	float: left;
	width: 165.5px;
	
	
	padding: 5px 0;
	
	
}

.gnaviarea li .hicon {
	width: 17%;
	margin: 0 auto;
	padding: 3% 0 2%;
}




.gnaviarea li a {
    width: 100%;
   border-left:1px dotted #6fa2d4;
    padding: 3px 0 5px;
    text-decoration: none;
    color: #333;
    text-align: center;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
	
	
}
.line_r{
	border-right:1px dotted #6fa2d4;
	
	
}
.gnaviarea li:hover{
  
	background: #1b79d4;
	
}


.gnaviarea li a .menu_name{
   letter-spacing: 2px;
   
    font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.translste a i{
padding: 5px 3px;
	
	
}
.translste{
	
	float:right !important;
	margin-top: 5px !important;
}
.translste a{
	display: block;
    color: #0068cc !important;
    background-color: #fff;
	border: 1px solid #0068cc;
    text-decoration: none;
    line-height: 1.5rem;
    padding: 0 1.5em 0 1.6em;
    border-radius: 30px;
    position: relative;
   transition: all .3s;
    letter-spacing: 0;
	
	
}
.translste a:hover{
	
	 color: #fff !important;
  border: 1px solid #0068cc;
  background-color: #0068cc;
	text-decoration: none;
	
}
/* =========================================================
		top main
========================================================= */
.slider_root{
    background: url(/img/slider_root.jpg?id=210427) no-repeat center;
}
.slider_movie{
    background: url(/img/slider_movie.jpg?id=230927) no-repeat center;
}
.slider_delay{
    background: url(/img/slider_delay.jpg?id=210427) no-repeat center;
}
.slider_etcx{
    background: url(/img/slider_etcx3.jpg?id=210427) no-repeat center;
}
.slider_autu{
    background: url(/img/slider_autumun2.jpg?id=210427) no-repeat center;
}

.slider_new1{
    background: url(/img/slider_new1.jpg?id=211225) no-repeat center;
}

.slider_new2{
    background: url(/img/slider_new2.jpg?id=211227) no-repeat center;
}
.slider_new3{
    background: url(/img/slider_new3.jpg?id=211229) no-repeat center;
}

.slider_spot1{
    background: url(/img/slider_spot1.jpg?id=211229) no-repeat center;
}
.slider_pc1{
    background: url(/img/main1.jpg) no-repeat center;
}
.slider_pc2{
    background: url(/img/main2.jpg) no-repeat center;
}

.slider_pc3{
    background: url(/img/main3.jpg) no-repeat center;
}

.slides li {
    background-size: cover;
	height: 520px;
}

/* =========================================================
		FV2
========================================================= */

.road_fv {
   background-image: url(/img/road/fv_road.jpg);
}
.hakone_fv {
   background-image: url(/img/road/fv_hakone.jpg);
}

.icyuo_fv{
	
	 background-image: url(/img/road/fv_icyuo.jpg);
	
	
}

.shuzen_fv{
	
	 background-image: url("/img/road/fv_shuzen.jpg");
	
	
}


.hamayu_fv{
	
	 background-image: url("/img/road/fv_hamayu.jpg");
	
	
}
.parking_fv{
	background-image: url("/img/road/fv_kokudo.jpg");
	
	
}

.price_fv{
	
	 background-image: url("/img/fv_price.jpg");
	
	
	
}

.delay_fv{
	
	 background-image: url("/img/fv_delay.jpg");
	
	
	
}

.regu_fv{
	
	 background-image: url("/img/fv_regulate.jpg");
	
	
	
}

.bid_fv{
	background-image: url("/img/bid/fv_bid.jpg");
	
	
}

.kanko_fv{
	background-image: url("/img/kanko/fv_kanko.jpg");
	
	
}
.about_fv{
	background-image: url("/img/fv_about.jpg");
	
	
}
.news_fv{
	background-image: url("/img/fv_news.jpg");
	
	
}
.event_fv{
	background-image: url("/img/fv_event.jpg");
	
	
}

.torikumi_fv{
	background-image: url("/img/fv_torikumi.jpg");
	
	
}


.camera_fv{
	background-image: url("https://camera.siz-road.or.jp/img/fv_camera.jpg");
	
	
}

.faq_fv{
	background-image: url("/img/faq/fv_faq.jpg");
	
	
}

.night_fv{
	background-image: url("/img/night/fv_night.jpg");
	
	
}

.panf_fv{
	background-image: url("../img/panf/fv_panf.jpg");
	
	
}
.link_fv{
	background-image: url("../img/fv_link.jpg");
	
	
}
.movie_fv{
	background-image: url("../img/fv_movie.jpg");
	
	
}
.fv_main {
    height: 180px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}




.fv_main h2 {
    text-align: center;
    padding-top: 62px;
    color: #fff;
    font-size: 29px;
    letter-spacing: 3px;
    line-height: 0.9;
    font-weight: bold;
	font-style:italic;
}




.fv_main h2 span{
    text-align: center;
    
    color: #fff;
    font-size: 14px;
   	font-weight:normal;
letter-spacing: 0.5px;
	font-style:normal;
}



.breadarea {
    padding: 7px 0;
   
}
.breadareain {
    width: 980px;
    margin: 0 auto;
}



#breadcrumb li {
    display: inline-block;
    box-sizing: border-box;
    padding-right: 1px;
    color: #666;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 22px;
	
}

#breadcrumb li  a{
    color: #0068cc;
	text-decoration: underline;

}
#breadcrumb li i{
    padding: 5px;

}
#breadcrumb li  a:hover{
    color: #666;
	text-decoration: none;

}
#breadcrumb li::after {

    font-family: FontAwesome;
    content: "\f101";
    color: #555;
    margin-left: 5px;

}

#breadcrumb li:last-child::after {

    content: "";

}

/* =========================================================
		traffic
========================================================= */
.traffic_bg{
	background-color: #fff0f1;
	
	
	
}
.traffic_topics{
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
	
	
	
	
}

.traffic_topics a{
text-decoration: none;
	
	
	
	
}

.traffic_topics .topics_label{
	padding: 8px 22px;
	background: #e60012;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	float: left;
	margin-right: 20px;

	
	
	
	
}
.traffic_topics .topics_label p i{
	    padding: 2px 0px 5px;
    font-size: 15px;
	
	
	
}

.traffic_topics .topics_con{

	float: left;
	

	
	
	
	
}



.traffic_topics .topics_con li i{
	padding: 5px 5px 5px;
	
font-size: 12px;
	
	
	
	
}

.traffic_topics .topics_con li{
	padding-bottom: 3px;

	
	
	
	
}

.traffic_topics .topics_con li a{
	color: #e60012;
	text-decoration: none;
	
font-size: 15px;
	
	letter-spacing: 0;
	
	
}

.traffic_topics .topics_con li a:hover{
	
	text-decoration: underline;
	

	
	
	
	
}
/* =========================================================
		road top
========================================================= */
.roadcon{
	
	    display: table;
    table-layout: fixed;
    width: 100%;
	
}

.roadcon .izu_road {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: top;
    color: #fff;
    background: url("/img/izu_top2.jpg") no-repeat center top;
    background-size: auto auto;
    background-size: cover;
    padding: 10% 4%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}


.roadcon .izu_road2 {
   display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: top;
    color: #fff;
    background: url("/img/izu_top.jpg") no-repeat center top;
    background-size: auto auto;
    background-size: cover;
    padding: 10% 4%;
    position: relative;
    z-index: 0;
    overflow: hidden;

}
.roadcon .hakone_road {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: top;
    color: #fff;
    background: url("/img/hakone_top.jpg") no-repeat center top;
    background-size: auto auto;
    background-size: cover;
    padding: 10% 4%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.roadcon .motion2::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 600px;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(16, 47, 111, 0.2);
    -webkit-transition: background-color .5s linear;
    -moz-transition: background-color .5s linear;
    -ms-transition: background-color .5s linear;
    transition: background-color .5s linear;
}






.roadcon .motion2b::before {
   
    background-color: rgba(183, 6, 20, 0.1);
    -webkit-transition: background-color .5s linear;
    -moz-transition: background-color .5s linear;
    -ms-transition: background-color .5s linear;
    transition: background-color .5s linear;
}



.roadcon .motion2:hover:before {
  background-color: transparent;
}


.roadcon .izu_road h3, .roadcon .hakone_road h3, .roadcon .izu_road2 h3{
       position: relative;
    z-index: 10;
    margin: 0 auto;
    width: 300px;
}


/* =========================================================
		news top
========================================================= */

.newscon{
	width: 1000px;
	margin: 70px auto 80px;
	
	
	
	
}

.newscon .newsarea{
	width: 630px;
	float: left;
	
	
	
	
}

.newscon .newsarea h3{
font-size: 44px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #0068cc;
	margin-bottom: 30px;
	line-height: 1;
	
	
	
}


.newscon .newsarea li{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	
	margin-bottom: 22px;
	
	
}


.newscon .newsarea dt .date{
	float: left;
	
	font-size: 14px;
	margin-right: 10px;
	
	
	
}
.newscon .newsarea dt{
	margin-bottom: 9px;
	
	
	
}


.newscon .newsarea dt .icon{
	float: left;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 10px;
	width: 85px;
	background: #0068cc;
	text-align: center;
	
	
	
}
.newscon .newsarea dt .cp_icon{

	background: #00b7ee;
	
	
	
	
}
.newscon .newsarea dd a{
	
	color: #0068cc;
	font-size: 15px;
	text-decoration: none;
	
	
	
}

.newscon .newsarea dd a:hover{
	

	text-decoration: underline;
	
	
	
}
.newscon .newsarea .eng{
	
   
    vertical-align: middle;
	letter-spacing: 4px;
    
}
.newscon .newsarea .mintxt {
	color: #666;
	font-weight: 600;
    
    font-size: 14px;
    vertical-align: middle;
    padding: 0 0 0 0;
}
.newscon .facebook{
	width: 300px;
	float: right;
	
	margin-top: 15px;
	
	
}

.newscon .morebtn{

	    float: right;
    margin-left: 18px;
	
}
.newscon .morebtn a{
	color: #0068cc;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0;
	
}


.newscon .morebtn a i{
	padding: 4px 2px;
	
	font-size: 12px;
	
	
	
}
/* =========================================================
		category top
========================================================= */


.category_area{
	display: table;
table-layout: fixed;
width: 100%;
	
	
	
}





.category_area ul{
	
	overflow: hidden;
	
}

.category_area li{
	
	float: left;
position: relative;
	width: 25%;

}

.category_area li:nth-child(3n){
	

margin-right: 0;
}
.category_area li a{
	
	display: block;
overflow: hidden;
text-decoration: none;
}

.category_area ul li :hover .wrp_txt {
  background: rgba(255, 255, 255, 0.5);
}
.category_area ul li a:hover .wrp_img img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -moz-transition: -moz-transform 2000ms ease-out;
  -o-transition: -o-transform 2000ms ease-out;
  -webkit-transition: -webkit-transform 2000ms ease-out;
  transition: transform 2000ms ease-out;
}


.wrp_img img {
    -moz-transition: -moz-transform 400ms linear;
    -o-transition: -o-transform 400ms linear;
    -webkit-transition: -webkit-transform 400ms linear;
    transition: transform 400ms linear;
	width: 100%;
}






.category_area .txt_area{
	position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    background: rgba(16, 47, 111, 0.3);
    color: #FFF;
    text-align: center;
    -moz-transition: background 400ms ease;
    -o-transition: background 400ms ease;
    -webkit-transition: background 400ms ease;
    transition: background 400ms ease;
    width: 100%;
    height: 100%;
	
	
}

.category_area .txt_area .icon{
	width: 18%;
    margin: 0 auto;
    padding: 20.5% 0 4%;
	
	
	
}

.category_area .txt_area .cate_name{
	font-size: 17px;
	font-weight: bold;
	
	color: #fff;
	
}




.category_area a:hover .txt_area{
	
	
	 background: rgba(16, 47, 111, 0.1);
	
	
}












/* =========================================================
		footer
========================================================= */
#foot_pic {
    min-width: 1000px;
    background-image: url(/img/footerpic.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat !important;
    z-index: 0;
    padding: 170px 0;
}

#footer{

	background: #0068cc;
	}

.footerin{
	margin: 0 auto 0;
	width: 1000px;
	
	padding: 55px 0 40px;
	color: #fff;
	
	
	
}
.footerin .company{
float: left;
	width: 340px;
	font-size: 13px;
	line-height: 1.75;
	
	
	
}

.footerin .f_link{
float: right;
	
	
	
}
.footerin .company .flogo{
	width: 230px;
	padding-bottom: 13px;
	
	
	
}
.footerin .company .date1{
	font-size: 12px;
	
	padding-top: 10px;
	
	
	
}


.footerin .sitemap1{
	float: left;
	margin-right: 40px;
	
	
	
}

.footerin .sitemap1b{
	
	margin-right: 0;
	
	
	
}
.footerin .sitemap1 .cap1{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 15px;
	
	
}

.footerin .sitemap1 .cap1 ul{

	padding-top: 6px;
	
	
}

.footerin .sitemap1 .cap2{
	font-size: 13px;
	list-style-type: none;
    text-indent: 0.3em;
    font-weight: 300;
	padding-bottom: 5px;
	
	
	
}

.footerin .sitemap1 a{
	color: #fff;
	text-decoration: none;
	
	
	
}

.footerin .sitemap1 a:hover{
	color: #fff;
	text-decoration: underline;
	
	
	
}


.sus_btn ul{
margin: 10px auto 30px;
	display: table;
	
	
}
.sus_btn li{
	
	padding: 0 8px;
	width: 40px;
	float: left;
	
	
}

.sus_btn li:nth-child(2){
	
	padding: 0 0;
	
}

#footer .copyw{
	font-size: 12px;
	color: #fff;
text-align: center;
	letter-spacing: 0.6px;
	
	font-weight: 300;
	}
	
	



.totop {
    background: #0b4889;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 2%;
    z-index: 999;
    text-align: right;
    right: 0;
    bottom: 0;
    position: relative;
    opacity: 1;
    position: fixed;
    bottom: 30px;
    opacity: 0.8;
}
.totop a {
    display: inline-block;
    position: relative;
    width: 41px;
    height: 40px;
}

.totop a::after {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    vertical-align: middle;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    vertical-align: middle;
    /*right: 31%;*/
    left: 0;
    right: 0;
    margin: auto;
    top: 15px;
}

/* =========================================================
		pager
========================================================= */




.list_pager {
    margin: 30px auto 80px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    font-family: 'arial', sans-serif;
}



.list_pager .page-numbers {
    padding: 0 5px;
}
.list_pager span {
    color: #bbb;
}

.list_pager a {
    color: #0068cc;
    text-decoration: none;
}
.list_pager a:hover{
color: #bbb;
   
    text-decoration: underline;
	
	
}
.list_pager .next, .list_pager .prev {
    font-size: 14px;
}




.newsbtn{
	margin: 0 auto 130px;
	
	
	
}


.photo_banner{
	
  width: 200px;
    position: absolute;
    top: 18px;
    left: 420px;
	
}