.boxsizing{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.content{width:1200px; margin:0 auto; overflow:hidden;}

.traffic_map{ display:inline-block; width:calc(100%/2 - 20px); margin-right:20px; margin-bottom:25px; border:1px solid #bbbbbb; font-family:'微軟正黑體'; vertical-align:top;}
.traffic_map:nth-child(2n){ margin-right:0;}

.traffic_map_tit{ display:block; padding:6px 0 6px 50px; background:#000 url(../img/traffic_pic/icon_01.jpg) 8px 50% no-repeat; font-size:23px; color:#fff;}

.traffic_map ul{ display:block; padding:15px; min-height:130px;}
.traffic_map li{ display:inline-block; width:calc(100%/2 - 4px); margin-bottom:6px; vertical-align:top;}


.traffic_map li span{ display:inline-block;/* width:15px; height:15px; border-radius:50em;*/ margin-right:6px; vertical-align:top;/* margin-top:6px;*/}
.traffic_map li span.c_01{ color:#14eb0a;}
.traffic_map li span.c_02{ color:#ff5603;}
.traffic_map li span.c_03{ color:#450cf7;}
.traffic_map li span.c_04{ color:#d909ff;}
.traffic_map li span.c_05{ color:#984849;}
.traffic_map li span.c_06{ color:#fe0000;}
.traffic_map li span.c_07{ color:#7d872e;}
.traffic_map li span.c_08{ color:#0ffef8;}

.traffic_map li b.point{ display:inline-block; vertical-align:top; font-size:18px; margin-right:10px; }
.traffic_map li p.stxt{ display:inline-block; vertical-align:top; font-size:16px; line-height:24px;}

.traffic_map_pic{ display:block; }		
.traffic_map_pic img{display:block; width:100%; height:auto; vertical-align:middle;}



.traffic_header{width: 1200px;margin: auto;;height: 45px;padding: 0 0 10px 0;}

.header-list {width: 168px;background-color: #ff7c54;display: inline-block;margin: 0 4px 0 0;}
.header-list:nth-child(7){margin: 0}
.header-list a{;color: #FFFFFF;font-size: 24px;font-family:'微軟正黑體';display: block;text-align: center;height: 45px;line-height: 45px}




/*Hokkaidoairport*/

/*content*/
.Hokkaidoairport_content{width:1200px; margin:0 auto; overflow:hidden;position: relative;}
.Hokkaidoairpor__airport_img img{width: 100%;height: auto;}
.Hokkaidoairport_icon{display: inline-block;}
.Hokkaidoairport_icon img{width: 32px;height: auto;margin: 0px 0 4px 0;}
.Hokkaidoairport_title{font-size: 30px;font-weight: bold;color: #2f93e1;display: inline-block;vertical-align:bottom;margin: 0px 0px 3px 0px;}
.Hokkaidoairport_title::after{content: "";position: absolute;width: 100%;height: 2px;background-color: #2f93e1;left: 0;top: 48px;}
.Hokkaidoairport_inner{width: 100%;height: auto;background-color: #d0e9fd;}
.Hokkaidoairport_inner__text{display: inline-block;width:  calc(100% - 567px);padding: 15px;color: #1e1a32;font-size: 22px;line-height: 2.0em;}
.Hokkaidoairport_inner__img{display: inline-block;vertical-align: top;background-color: #829cb1;padding: 10px 10px;width: auto;height: auto;}
.Hokkaidoairport_inner__img img{width: 100%;height: 100%;display: block;}
.Hokkaidoairport_time__title{text-align: center;font-size: 30px;color: #2f93e1;font-weight: bold;margin: 15px 0;}
.Hokkaidoairport_time__ps{color: #FF0004;text-align: center;margin:5px 0;}
.Hokkaidoairport_time__box{width: 100%;height: auto;text-align: center;}
.Hokkaidoairport_table{width: 100%;height: auto; border-collapse:collapse; border:1px solid #e5e5e5;}
.Hokkaidoairport_table th{height: 60px;background-color: #2f93e1;color: #FFFFFF; border:1px solid #e5e5e5;font-size: 20px;}
.Hokkaidoairport_table td{height: 50px; border:1px solid #e5e5e5;}
.Hokkaidoairport_table__color{background-color: #ddf0ff;}
.Hokkaidoairport_supplement{margin: 30px 0;font-size: 18px;}
.Hokkaidoairport_supplement a{color: #1F9AFF;margin: 20px;}
/*content*/
 

/*RWD*/
.Hokkaidoairport_rwd__title{position: relative;width: 100%;cursor: pointer;}
.Hokkaidoairport_rwd__title::after{content: "";width: 100%;height: 1px;background-color:#AAAAAA;position: absolute;bottom: 0;left: 0;margin: 0px 0 -10px 0;}
.Hokkaidoairport_rwd__title::before{content: "";background-image: url(../images/edit/01.png);background-repeat: no-repeat;width: 100%; height:10px;position: absolute ;left: 0;margin: 7px 0px 0px 3px;}
.Hokkaidoairport_title__name{margin: 0 0 0 20px;}
.Hokkaidoairport_rwd__title p{display: inline-block;}
.Hokkaidoairport_open{right: 0;position: absolute;color: #FF0004;}
.Hokkaidoairport_rwd__table{width: 100%;text-align: center;background-color: #ddf0ff;margin: 15px 0 0 0;border-collapse:collapse;}
.Hokkaidoairport_rwd__table td{border:1px solid #FFFFFF;padding: 10px;}
.Hokkaidoairport_rwd__content{display:none;}
.Hokkaidoairport_rwd__list{margin: 30px 0;}
.Hokkaidoairport_rwd__time__box{display: none;}
/*RWD*/





/*Hokkaidoairport*/
.Hokkaidoairport_content__list{position: relative;width:calc(100%/3 - 15px);text-align: center;display:inline-block;margin:  10px 6px 15px ;vertical-align: top;}
.Hokkaidoairport_content__list:nth-child(3n+1){margin:10px 0px 15px 6px;}
.Hokkaidoairport_content__icon{display: inline-block;}
.Hokkaidoairport_content__title{display: inline-block;vertical-align:bottom;color: #3063f2;font-size: 24px;font-weight: bold;}
.Hokkaidoairport_content__title::after{content: "";width: 80%;height: 3px;background-color: #3063f2;position: absolute;left: 0;top: 40px;margin: 0 0 0 38px;}
.Hokkaidoairport_content__text{background-color: #e9f5ff;margin: 20px 0 0 0;border: 2px solid #0068b7;border-radius: 10px;}
.Hokkaidoairport_text__box{text-align: left;min-height: 300px;padding: 10px;line-height: 1.8em;}
.Hokkaidoairport_text__box p{font-size: 16px;color: #333a50;}
.Hokkaidoairport_text{min-height: 170px;}
.Hokkaidoairport_text a{color:#333a50 ;}
.Hokkaidoairport_text a:hover{color:#3063f2 ;}
.Hokkaidoairport_content__inner{position: absolute;bottom: 0;text-align: left;padding: 10px;background-color: #c1e3fe;border-radius:  0 0 10px 10px;width: calc(100% - 5px);margin-bottom: 2px; min-height: 140px;}
.Hokkaidoairport_content__inner p{font-size: 16px;color: #153b5c;}





.jr__content{width:1200px; margin:0 auto; overflow:hidden;position: relative;}
.jr__title{font-size: 30px;font-weight: bold;text-align: center;position: relative;margin: 15px 0;}
.jr__title a{color: #3063f2;}
.jr__title a:hover{color: #57C3FF;}
.jr__title--border::after{content: "";height: 3px;width: 100px;position: absolute;background-color: #dcba1c;bottom: 0;margin: 0 0 0 -80px;}
.jr__about_list{width: 100%;min-height: 10px;border: 2px solid #3063f2;position: relative;margin: 20px 0  0 0;}
.jr__about_list_text{color: #465069;font-size: 18px;padding: 5px;}
.jr__about_list_img{width: calc(105% - 60px);}
.jr__about_list_img img{width:100%;height: auto;display: block;}
.jr__detail__list{width: calc(100%/2 - 12px);border: 2px solid #3063f2;display: inline-block;margin: 20px 18px 0 0px;vertical-align: top;}
.jr__detail__list:nth-child(2n){margin: 20px 0px 0 0px;}
.jr__detail__title{background-color: #3063f2;padding: 10px 15px;}
.jr__detail__title img{display: inline-block;width: 30px;height: auto;}
.jr__detail__title p{display: inline-block;vertical-align: top;margin:2px 0 0 6px ;font-size: 24px;}
.jr__detail__title a{color: #FFFFFF;}
.jr__detail__title a:hover{color: #F8FF00;}
.jr__detail__box{}
.jr__detail__context{width: calc(100% - 280px);padding: 10px;}
.jr__detail__img img{display: block;width: 100%;height: auto;}
.jr__detail__text__title{margin: 5px 0;font-size: 20px;color: #3063f2;font-weight: bold;}
.jr__detail__text{color: #465069;margin: 10px 0 30px 0;font-size: 16px;}
.jr__detail__context .jr__detail__text:nth-child(4){margin: 10px 0 0 0;}

.jr__title--dd{width:  calc(100%/2 - 12px);display: inline-block;margin: 20px 0;}
.jr__title--border2::after{content: "";height: 3px;width: 100px;position: absolute;background-color: #dcba1c;bottom: 0;margin: 0 0 0 -94px;}
.jr__title--border3::after{content: "";height: 3px;width: 250px;position: absolute;background-color: #dcba1c;bottom: 0;margin: 0 0 0 -230px;}
.jr__detail__context-width{width:100%;}
.jr__detail__list_special{width: calc(100%/2 - 12px);border: 2px solid #3063f2;display: inline-block;margin: 20px 18px 20px 0px;vertical-align: top;}
.jr__detail__list_special:nth-child(14){margin: 20px 0px 0 0px;}
.jr__detail__list:nth-child(11){margin: 20px 0px 0 0px;}
.title-rwd{display: none;}





/*ferry*/

.ferry__content{width:1200px; margin:0 auto; overflow:hidden;position: relative;}
.ferry__title{margin: auto;text-align: center;}
.ferry__title h1{color: #3063f2;font-size: 30px;font-weight: bold;}
.ferry_url a{color: #3063f2;font-size: 20px;font-weight: bold;}
.ferry_url a:hover{color: #00B3FF; }
.ferry_time{color: #FF0004;margin: 5px 0;text-align: center;}
.ferry___content_title-border, .ferry___content_title{text-align: center;font-size:30px;font-weight: bold;color:#3063f2 ;position: relative;padding: 5px 0;margin: 20px 0;}
.ferry___content_title::after{content: "";height: 3px;width: 250px;position: absolute;background-color: #dcba1c;bottom: 0;margin: 0 0 0 -200px;}
.ferry_table{width: 100%; text-align: center;table-layout: fixed;border-collapse:collapse; border:1px solid #D3D3D3;margin: 20px 0;}
.ferry_table th{text-align: center;height: 50px; border:1px solid #D3D3D3;background-color: #3063f2;color: #FFFFFF;font-size: 24px;font-weight: bold;line-height: 30px;padding: 5px 0;}
.ferry_table__color{background-color: #dee7ff;color: #3063f2!important;font-size: 20px!important;font-weight: bold;}
.ferry_table td{border:1px solid #D3D3D3;height: 40px;font-size: 18px;color: #414141;}
.ferry__ps_title{color: #3063f2;font-size: 22px;font-weight: bold;}
.ferry___content_title-border::after{content: "";height: 3px;width: 250px;position: absolute;background-color: #dcba1c;bottom: 0;margin: 0 0 0 -230px;}

.ferry__sunflower__box{width: 100%;height: auto;border: 2px solid #3063f2;margin: 20px 0;}
.ferry__sunflower__context{padding: 10px;line-height: 2; }
.ferry__sunflower__context a{color: #353535;}
.ferry__sunflower__context a:hover{color: #3063f2;}
.ferry__sunflower__data{background-color: #d0dcff;}
.ferry__sunflower__data h2{color: #3063f2;padding: 10px;}
.ferry__sunflower__data__list{padding: 0px 30px 15px ;font-size: 22px;color: #3063f2;font-weight: bold;line-height: 1.8;display: inline-block;text-align: left;}
.ferry__sunflower__data__box{margin: auto;text-align: center;}






/*rwd*/

/*RWD*/

.ferry_rwd__title{position: relative;width: 100%;cursor: pointer;}
.ferry_rwd__title::after{content: "";width: 100%;height: 1px;background-color:#AAAAAA;position: absolute;bottom: 0;left: 0;margin: 0px 0 -10px 0;}
.ferry_rwd__title::before{content: "";background-image: url(../images/edit/01.png);background-repeat: no-repeat;width: 100%; height:10px;position: absolute ;left: 0;margin: 7px 0px 0px 3px;}
.rwd__ferry___content_title{background-color:#6A92FD;color: #fff;text-align: center;font-size: 20px;padding: 10px 0;margin: 10px 0;}
.ferry_title__name{margin: 0 0 0 20px;}
.ferry_rwd__title p{display: inline-block;}
.ferry_open{right: 0;position: absolute;color: #FF0004;}
.ferry_rwd__table{width: 100%;text-align: center;background-color: #ddf0ff;margin: 15px 0 0 0;border-collapse:collapse;}
.ferry_rwd__table th{border:1px solid #FFFFFF;padding: 10px;background-color: #0074FF;color: #fff;}
.ferry_rwd__table td{border:1px solid #FFFFFF;padding: 2px;}
.ferry_rwd__content{display:none;}
.ferry__rwd__list{margin: 30px 0;}
.ferry_rwd__time__box{display: none;}
.ferry__ps{margin: 20px 0;}
.rwd__ferry__content{display: none;}


/*RWD*/






/*menu*/
.jr__Features__content, .ferry__Features__content{width:1200px; margin:auto; overflow:hidden;text-align: center}
.ferry__Features__title{font-size: 24px;font-weight: bold;text-align: center;}
.ferry__Features__list{width: 200px;height: auto;background-color: #2279ff;margin:  10px;padding: 8px;border-radius:14px;text-align: center;font-size: 25px;display: inline-block;vertical-align: top}
 .ferry__Features__list_time a, .ferry__Features__list a{color: #fff;display: block;}
.Features__border_box{margin: 10px 0}
.ferry__Features__list_border{width: 320px;height: auto;margin:  5px;padding: 5px;border-radius:10px;text-align: center;font-size: 22px;display: inline-block;border: 2px solid #2279ff;vertical-align: top;}
.ferry__Features__list_border a{color: #000;display: block;}
.ferry__Features__list_time{width: 300px;height: auto;background-color: #2279ff;margin:  auto;padding: 8px;border-radius:14px;text-align: center;font-size: 18px;}
.jr__Features__title{font-size: 20px;font-weight: bold;text-align: center;color: #0078ff}
.jr__Features__list_border{width: 300px;height: auto;margin:  5px;padding: 5px;border-radius:10px;text-align: center;font-size: 25px;display: inline-block;border: 2px solid #2279ff;vertical-align: top;}
.jr__Features__list_border a{color: #2279ff;font-weight: bold;display: block;}



















@media only screen and (max-width:1200px)
{

.Hokkaidoairport_content{width:calc(100% - 20px);}
.Hokkaidoairport_inner__text{width:  calc(100% - 568px);font-size: 18px;}
.Hokkaidoairport_content__list{width:calc(100%/3 - 15px);margin: 6px;}
.Hokkaidoairport_content__list:nth-child(3n){margin: 6px;}
.Hokkaidoairport_text__box{min-height: 360px;}
.Hokkaidoairport_content__inner{min-height: 190px;}
}

@media only screen and (max-width:980px)
{
.Hokkaidoairport_text__box{min-height: 340px;}
.Hokkaidoairport_inner__text{width:  calc(100% - 460px);font-size: 16px;}
.Hokkaidoairport_inner__img{width: 450px;height: auto;}	
.Hokkaidoairport_content__list{width: calc(100%/2 - 15px);}
		
}

@media only screen and (max-width:768px)
{

.Hokkaidoairport_inner__text{width: 100%;font-size: 18px;text-align: left;}
.Hokkaidoairport_inner{text-align: center;}	
.Hokkaidoairport_time__title{font-size: 24px;}
.Hokkaidoairport_content__list{width:calc(100%/2 - 15px);}	

.Hokkaidoairport_text__box p{font-size: 14px;}
}
@media only screen and (max-width:610px)
{

.Hokkaidoairport_content__list{width:calc(100% - 8px);}	
.Hokkaidoairport_text__box p{font-size: 15px;}
	
	}
@media only screen and (max-width:490px)
{
.Hokkaidoairport_time__box{display: none;}
.Hokkaidoairport_inner__img{width: calc(100% - 0px);height: auto;}
.Hokkaidoairport_rwd__time__box{display: block;}
.Hokkaidoairport_content__inner{width: calc(100% - 5px);margin: 0px 1px 2px;}
	
}
	

/*Hokkaidoairport*/



@media only screen and (max-width:1200px)
{
.content{width:calc(100% - 40px); padding:0 20px; margin:0 auto; overflow:hidden;}
	
.traffic_header{width:calc(100% - 40px);}	
.header-list{width: 13.9%;}
	
}

@media only screen and (max-width:980px)
{
.traffic_map ul{ height:auto; min-height:inherit;}
.traffic_map li p.stxt{ display:block; margin-left:20px; }
.header-list{width: 13.8%;}
	}


@media only screen and (max-width:768px)
{
.traffic_map{ display:block; width:100%; margin-right:0; }
.traffic_map li p.stxt{ display:inline-block;  margin-left:0px; }
.traffic_map li b.point{ display:inline-block; vertical-align:top; font-size:17px; margin-right:10px; }
.traffic_header{min-height: 45px; height:auto;}	
.header-list{width: 13.5%;}
.header-list a{min-height: 45px; height:auto;}	
	
	}



@media only screen and (max-width:490px)
{

.header-list{width: 13%;}
	
	}


@media only screen and (max-width:1220px)
{
.jr__detail__list_special, .jr__detail__list{position: relative;}
.jr__detail__context{width:100%;padding: 10px;}
.jr__content{width: calc(100% - 20px);}	
.jr__detail__text{color: #465069;margin: 10px 0 0px 0;}
.jr__detail__img{text-align: center;margin: auto;width: 100%;}
.jr__detail__img img{width: 50%;float: left;}
.special-img img{width: 100%;}	
.jr__about_list_img{width: calc(100% - 20px);}
.ferry__sunflower__data__list{font-size: 16px;}		
	
.ferry__content{width: 100%;}
.jr__Features__content, .ferry__Features__content{width:100%}
	

	
}
@media only screen and (max-width:980px)
{

		
}

@media only screen and (max-width:768px)
{
.jr__detail__list_special, .jr__detail__list{width: 100%;}


}
@media only screen and (max-width:610px)
{


	}
@media only screen and (max-width:490px)
{
.jr__title--dd{width: 100%;margin:10px 0 5px 0;}	
.title-rwd{display: block;}	
.title-hidden{display: none;}	
.jr__detail__title p{font-size: 22px;}
.ferry__sunflower__data__list{font-size: 16px;}	
.ferry__content__box{display: none;}	
.rwd__ferry__content{display: block;}	
	
}