@charset "UTF-8";

@media print {
  a[href]:after {
    content: "" !important;
  }
  abbr[title]:after {
    content: "" !important;
  }
}

/*---------- 共通 ----------*/

.contents{
	margin-bottom:100px;
}

.contents_sub{
	margin-top:30px;
	margin-bottom:100px;
}

.contents_sub img{
	max-width:100%;
}

.sub_com1{
	text-indent: 1em;
	font-size:16px;
}

.sub_com1{
	text-indent: 1em;
	font-size:16px;
}

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

.sub_com1{
	text-indent: 1em;
	font-size:14px;
}

}


.sub_com2{
	color: #0071bc;
}

.contents_sub p{
	line-height: 2.0em;
	font-size:16px;
}

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

.contents_sub p{
	line-height: 2.0em;
	font-size:14px;
}

}


.contents_sub .sub_photo1{
	text-align: center;
	padding-top:30px;
}

.contents_sub .sub_block1{
	margin-bottom:50px;
}

.contents_sub h2{
	font-size:28px;
}

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

.contents_sub h2{
	font-size:22px;
}

}

.contents_sub h2 small{
	color:#000;
}

.contents_sub .table{
	font-size:16px;
}

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

.contents_sub .table{
	font-size:14px;
}

}

a:hover img {FILTER: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65;}


/*---------- ヘッダー ----------*/

.header_bg1{
	background-image: url("../img/header/header_bg1.gif");
	background-repeat: repeat-x;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.header_navmenu1 ul{
	list-style-type: none;
}

.header_navmenu1 ul li{
	float: left;
	list-style-image: url("../img/header/header_icon1.png");
	margin-right:3em;
}

.header_title1 img{
	max-width:100%;
}

.header_navmenu2{
	background-image: url(../img/header/header_bg2.jpg);
	background-repeat: repeat;
	background-position: center top;
}

.header_navmenu2 ul {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: white;
}

.header_navmenu2 ul li.h_nm2l{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: white;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: white;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-image: url(../img/header/header_bg2.jpg);
	background-repeat: repeat;
	background-position: center top;
}

.header_navmenu2 ul li{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: white;
	padding:0 8px;
	background-image: url("../img/header/header_bg2.jpg");
	background-repeat: repeat;
	background-position: center top;
}

.header_navmenu2 .navbar-header{
	background-image: url("../img/header/header_bg2.jpg");
	background-repeat: repeat;
	background-position: center top;
}

.header_navmenu2 .navbar-header .navbar-brand {
	color:white;
}


.header_box1 .navbar{
	margin-bottom:0;
}


/*---------- フッター ----------*/

.footer_menu1 {
	margin-bottom:30px;
}

.footer_menu1 .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
	background-color: transparent;
  border-radius: 4px;
	text-align: center;
	font-size:14px;
}

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

.footer_menu1 .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
	background-color: transparent;
  border-radius: 4px;
	text-align: center;
	font-size:12px;
}

}

.footer_menu1 .breadcrumb > li {
  display: inline-block;
}
.footer_menu1 .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #000;
  content: "/\00a0";
}
.footer_menu1 .breadcrumb > .active {
  color: #777;
}

.footer_menu1 .breadcrumb > li a:link,
.footer_menu1 .breadcrumb > li a:visited{
  color: #000;
  text-decoration: none;
}

.footer_menu1 .breadcrumb > li a:hover{
  color: #000;
  text-decoration: underline;
}

.footer_menu1 .footer_title1{
	font-size:28px;
}

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

.footer_menu1 .footer_title1{
	font-size:24px;
}

}

.footer_bg1{
	background-image: url("../img/footer/footer_bg1.jpg");
	background-repeat: repeat-x;
	background-position: center bottom;
}



/*---------- パンくず ----------*/


.contents_sub .pankuzu .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
	background-color: transparent;
  border-radius: 4px;
	text-align: left;
	font-size:14px;
}

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

.contents_sub .pankuzu .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
	background-color: transparent;
  border-radius: 4px;
	text-align: left;
	font-size:12px;
}

}

.contents_sub .pankuzu .breadcrumb > li {
  display: inline-block;
}
.contents_sub .pankuzu .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #000;
  content: "\003e";
}
.contents_sub .pankuzu .breadcrumb > .active {
  color: #777;
}






/*---------- トップページ ----------*/


.top_main1{
	background-color: #07111b;
	text-align: center;
	margin:0;
	padding:0;
}

.top_main1 img{
	max-width:100%;
}

.top_subtitle1{
	font-size:18px;
}

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

.top_subtitle1{
	font-size:14px;
}

}

.top_box1{
	padding: 20px 20px 0;
	border-width: 2px;
	border-style: solid;
	border-color: #999999;
}

.top_box1 .dl-horizontal dt,
.top_box1 .dl-horizontal dd{
	padding:5px 0;
	font-size:14px;
}

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

.top_box1 .dl-horizontal dt,
.top_box1 .dl-horizontal dd{
	padding:5px 0;
	font-size:12px;
}

}



/*---------- 東北新幹線とは ----------*/



.contents_sub .whats_rosen1 .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
	background-color: transparent;
  border-radius: 4px;
	text-align: center;
	font-size:16px;
}

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

.contents_sub .whats_rosen1 .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
	background-color: transparent;
  border-radius: 4px;
	text-align: center;
	font-size:14px;
}

}

.contents_sub .whats_rosen1 .breadcrumb > li {
  display: inline-block;
}
.contents_sub .whats_rosen1 .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #000;
  content: "\FF5C";
}
.contents_sub .whats_rosen1 .breadcrumb > .active {
  color: #777;
}

.contents_sub .whats_rosen1 .breadcrumb > li a:link,
.contents_sub .whats_rosen1 .breadcrumb > li a:visited{
  color: #000;
  text-decoration: none;
}

.contents_sub .whats_rosen1 .breadcrumb > li a:hover{
  color: #000;
  text-decoration: underline;
}




/*---------- 効果・機能・特性 ----------*/

.effect_photo1{
	max-width: 50%;
	margin:0 auto;
}





/*---------- 北陸新幹線のあゆみ ----------*/

.step_box1 .table th {
	text-align: center;
}

.step_box1 .table th,
.step_box1 .table td{
	font-size:16px;
}


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

.step_box1 .table th,
.step_box1 .table td{
	font-size:14px;
}

}

.step_box1 .table .sub_table_day1 {
	background-color: #eee8e0;
}




/*---------- リンク集 ----------*/

.contents_sub .sub_block1 .link_icon1{
	background-image: url("../img/link/link_icon1.png");
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 16px;
	padding:30px 0 30px 1em ;
}

.contents_sub .sub_block1 .link_icon2{
	background-image: url("../img/link/link_icon1.png");
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 16px;
	padding:10px 0 10px 1em ;
}

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

.contents_sub .sub_block1 .link_icon1{
	background-image: url("../img/link/link_icon1.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:1em;
	font-size: 14px;
}

}

.contents_sub .sub_block1 .link_icon1 a:link,
.contents_sub .sub_block1 .link_icon1 a:visited{
	color: #000000;
	text-decoration: none;
}

.contents_sub .sub_block1 .link_icon1 a:hover{
	color: #000000;
	text-decoration: underline;
}

.contents_sub .sub_block1 .link_icon2 a:link,
.contents_sub .sub_block1 .link_icon2 a:visited{
	color: #000000;
	text-decoration: none;
}

.contents_sub .sub_block1 .link_icon2 a:hover{
	color: #000000;
	text-decoration: underline;
}

.contents_sub .sub_block1 .link_box1{
	font-size: 16px;
	list-style-type: disc;
	list-style-position: outside;
}

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

.contents_sub .sub_block1 .link_box1{
	font-size: 14px;
	list-style-type: disc;
	list-style-position: outside;
}

}

.contents_sub .sub_block1 .link_box1 li{
	float: left;
	width: 50%;
	margin-bottom: 1em;
}

.contents_sub .sub_block1 .link_box1 li a:link,
.contents_sub .sub_block1 .link_box1 li a:visited{
	color: #000000;
	text-decoration: none;
}

.contents_sub .sub_block1 .link_box1 li a:hover{
	color: #000000;
	text-decoration: underline;
}

.contents_sub .sub_block1 .link_box2{
	font-size: 16px;
	list-style-type: disc;
	list-style-position: outside;
}

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

.contents_sub .sub_block1 .link_box2{
	font-size: 14px;
	list-style-type: disc;
	list-style-position: outside;
}

}

.contents_sub .sub_block1 .link_box2 li{
	width: 100%;
	margin-bottom: 1em;
}

.contents_sub .sub_block1 .link_box2 li a:link,
.contents_sub .sub_block1 .link_box2 li a:visited{
	color: #000000;
	text-decoration: none;
}

.contents_sub .sub_block1 .link_box2 li a:hover{
	color: #000000;
	text-decoration: underline;
}







/*---------- お問合わせ ----------*/

.contact_list1 ul {
	list-style-type: none;
}

.contact_list1 ul li {
  display: inline-block;
	font-size:14px;
	padding-bottom:10px;
}

.contact_list1 ul li:before {
	padding: 0px 5px;
	color: #2e66b1;
	content: "\25CF";
}


/*---------- お問合わせ（メールフォームPRO） ----------*/

.must {
	display: block;
	background-color: #C00;
	border: solid 2px #C00;
	text-shadow: 0px 1px 2px #933;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	float: right;
	margin: 0px 5px;
	border-radius: 4px;
	box-shadow: 0px 0px 5px #CCC;
	background-image: url(_images/mfp_header.png);
	background-size: 100% 100%;
}