@media(min-width: 1041px){
	.fcr{color: red;}
/** biz.html page**/

.bizinfo {
	margin-top:10px;
	line-height:1.6;
}
.bizinfo dl {	
}
.bizinfo dl dt{
	float:left;
	width:200px;
	margin-bottom:10px;	
}
.bizinfo dl dt img{
	width:100%;
	height:auto;
}
.bizinfo dl dd{
	margin-left:220px;
	margin-bottom:10px;	
}

.bizcommenttitle{
	font-size:120%;
	color:#039;
	font-weight:bolder;
	}
.step {
	border: 1px solid #51ffff;
	width:94%;
	padding: 3%;
	margin-bottom: 10px;
	margin-left: 0;
	  display: inline-block;

}
.step_num {
	font-size: 120%;
	width:100%;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #005e8a;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;

}

.arrow{
	text-align:center;
	}

/*行程表------------*/

.endline{
	padding-bottom:10px;
	border-bottom:1px solid #666;
}
.mark{
	font-size:13px;
}

.optour dl dt{
	float:left;
	width:300px;
	margin-bottom:10px;
	}
.optour dl dt img{
	width:100%;
	height:auto;
	}
.optour dl dd{
	margin-left:220px;
	margin-bottom:10px;
	line-height:1.4em;
	
	}
.optitle{
  position: relative;
  color: #FFFFFF;
  font-size: 17px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:1%;
  margin-top:1%;
  width:93%;
  line-height: 1;
  padding: 12px 5px 11px 50px;
  border-radius: 19px;
  font-weight:bold;
}
.optitle:before {
  content: "";
  position: absolute;
  background: #eee;
  top: 50%;
  left: 14px;
  margin-top :-10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 1px 1px 1px #777 inset;
}
	
.submenu ul li{
	border-left:#100A1D 10px solid;
	background-color:#D993C2/*#64C3EF*/;/*background-color:#AEE2E6;*//*background-color:#8FE9E7;*/
	color:#100A1D;
/*	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;*/
height:40px;
line-height: 40px;
width: 100%;

	border-bottom:1px #100A1D dotted;
	}
    .submenu ul li a{
padding-left: 15px;
height:40px;
line-height: 40px;
width: calc(100% - 15px);
display: block;
position:relative;
text-decoration: none;
color: #100A1D;
	}
.submenu ul li a:after{
position:absolute;
content: "";
    color:#000;
    font-style:normal;
    text-decoration:none;
    left: 0;
}
.submenu ul lia:link {/*未訪問のリンク*/
    color:#000;
    font-style:normal;
    text-decoration:none;
}
.submenu ul li a:visited {/*訪問後のリンク*/
    color:#000;
    font-style:normal;
    text-decoration:none;
}
.submenu ul li a:hover {/*マウスをのせたとき*/
background-color:#988EC3 ;/*color:#FF0;*/
    font-style:normal;
    text-decoration:none;
}
.submenu ul li a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

.submenutitle{
	background-color:#003;
	font-size:120%;
	font-weight:bolder;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;

	}


.moushikomi{
	position:relative;
	
	padding-top:8px;
	padding-bottom:5px;
	background-color:#F00;
	text-align:center;
	color:#FFF;
	font-weight:bolder;
	border:1px solid #CCC;

		
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	
	-pie-border-radius: 10px;
	

	
	-webkit-box-shadow:1px 2px 5px #666;/* webkit */
	-moz-box-shadow:1px 2px 5px #666;/* fx */
	-pie-box-shadow:1px 2px 5px #666;
	-o-box-shadow: 1px 2px 5px #666;
	box-shadow: 1px 2px 5px  #666;
	

	background: -webkit-gradient(linear, left top, left bottom, from(#C00), to(#7B0000));/* webkit */
	background: -moz-linear-gradient(top,  #C00,  #7B0000);/* fx */
    -pie-background:linear-gradient(top,  #C00,  #7B0000);/* PIE */
	background: linear-gradient(to bottom, #C00, #7B0000);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.moushikomi a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.moushikomi a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomi a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomi a:hover {/*マウスをのせたとき*/
    color:#FF0;
    font-style:normal;
    text-decoration:none;
}
.moushikomi a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}


.moushikomikakunin{
	position:relative;
	
	padding-top:15px;
	padding-bottom:15px;
	background-color:#F00;
	text-align:center;
	color:#FFF;
	font-weight:bolder;
	border:1px solid #CCC;
	font-size:130%;
	width:50%;
	margin:0 auto;		
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	
	-pie-border-radius: 10px;
	

	
	-webkit-box-shadow:1px 2px 5px #666;/* webkit */
	-moz-box-shadow:1px 2px 5px #666;/* fx */
	-pie-box-shadow:1px 2px 5px #666;
	-o-box-shadow: 1px 2px 5px #666;
	box-shadow: 1px 2px 5px  #666;
	

	background: -webkit-gradient(linear, left top, left bottom, from(#06C), to(#036));/* webkit */
	background: -moz-linear-gradient(top,  #06C,  #036);/* fx */
    -pie-background:linear-gradient(top,  #06C,  #036);/* PIE */
	background: linear-gradient(to bottom, #06C, #036);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.moushikomikakunin a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.moushikomikakunin a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomikakunin a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomikakunin a:hover {/*マウスをのせたとき*/
    color:#FF0;
    font-style:normal;
    text-decoration:none;
}
.moushikomikakunin a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

.yoko dl dt{
	float:left;
	width:200px;
	padding-bottom:5px;
	}
.yoko dl dd{
	margin-left:220px;
	padding-bottom:5px;
	}


.kaisai{}

.kaisai dl dt{
	float:left;
	width:300px;
	}

.kaisai dl dd{
	padding-left:320px;
	}


}





/** RESPONSIVE BREAKPOINTS
========================================================================================================================================================================**/

@media(min-width: 721px) and (max-width: 1040px){

/** biz.html page**/

.bizinfo {	
	margin-top:10px;
	line-height:1.6;
}
.bizinfo dl {	
}
.bizinfo dl dt{
	float:left;
	width:200px;
	margin-top:10px;
	margin-bottom:10px;	
}
.bizinfo dl dt img{
	width:100%;
	height:auto;
}
.bizinfo dl dd{
	margin-left:220px;
	margin-bottom:10px;	
}

.bizcommenttitle{
	font-size:120%;
	color:#039;
	font-weight:bolder;
	}

.step {
	border: 1px solid #51ffff;
	width:94%;
	padding: 3%;
	margin-bottom: 10px;
	margin-left: 0;
	  display: inline-block;

}
.step_num {
	font-size: 120%;
	width:100%;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #51ffff;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;

}
.arrow{
	text-align:center;
	}


/*行程表------------*/

.endline{
	padding-bottom:10px;
	border-bottom:1px solid #666;
}
.mark{
	font-size:13px;
}
optour dl dt{
	float:left;
	width:200px;
	margin-bottom:10px;
	}
.optour dl dt img{
	width:100%;
	height:auto;
	}
.optour dl dd{
	margin-left:220px;
	margin-bottom:10px;
	
	}
.optitle{
	font-size:110%;
	font-weight:bolder;
	color:#1104B7;
	clear:both;
	}

.submenu ul li{
	border-left:#ff00ff 10px solid;
	background-color:#8FE9E7;
	color:#000;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;

	}	

.submenu ul li a{/*リンクされた文字*/
    color:#000;
    font-style:normal;
    text-decoration:none;
}
.submenu ul lia:link {/*未訪問のリンク*/
    color:#000;
    font-style:normal;
    text-decoration:none;
}
.submenu ul li a:visited {/*訪問後のリンク*/
    color:#000;
    font-style:normal;
    text-decoration:none;
}
.submenu ul li a:hover {/*マウスをのせたとき*/
    color:#FF0;
    font-style:normal;
    text-decoration:none;
}
.submenu ul li a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

.submenutitle{
	background-color:#003;
	font-size:120%;
	font-weight:bolder;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;

	}


.moushikomi{
	position:relative;
	
	padding-top:8px;
	padding-bottom:5px;
	background-color:#F00;
	text-align:center;
	color:#FFF;
	font-weight:bolder;
	border:1px solid #CCC;

		
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	
	-pie-border-radius: 10px;
	

	
	-webkit-box-shadow:1px 2px 5px #666;/* webkit */
	-moz-box-shadow:1px 2px 5px #666;/* fx */
	-pie-box-shadow:1px 2px 5px #666;
	-o-box-shadow: 1px 2px 5px #666;
	box-shadow: 1px 2px 5px  #666;
	

	background: -webkit-gradient(linear, left top, left bottom, from(#C00), to(#7B0000));/* webkit */
	background: -moz-linear-gradient(top,  #C00,  #7B0000);/* fx */
    -pie-background:linear-gradient(top,  #C00,  #7B0000);/* PIE */
	background: linear-gradient(to bottom, #C00, #7B0000);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.moushikomi a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.moushikomi a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomi a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomi a:hover {/*マウスをのせたとき*/
    color:#FF0;
    font-style:normal;
    text-decoration:none;
}
.moushikomi a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}


.moushikomikakunin{
	position:relative;
	
	padding-top:15px;
	padding-bottom:15px;
	background-color:#F00;
	text-align:center;
	color:#FFF;
	font-weight:bolder;
	border:1px solid #CCC;
	font-size:130%;
	width:50%;
	margin:0 auto;		
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	
	-pie-border-radius: 10px;
	

	
	-webkit-box-shadow:1px 2px 5px #666;/* webkit */
	-moz-box-shadow:1px 2px 5px #666;/* fx */
	-pie-box-shadow:1px 2px 5px #666;
	-o-box-shadow: 1px 2px 5px #666;
	box-shadow: 1px 2px 5px  #666;
	

	background: -webkit-gradient(linear, left top, left bottom, from(#06C), to(#036));/* webkit */
	background: -moz-linear-gradient(top,  #06C,  #036);/* fx */
    -pie-background:linear-gradient(top,  #06C,  #036);/* PIE */
	background: linear-gradient(to bottom, #06C, #036);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.moushikomikakunin a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.moushikomikakunin a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomikakunin a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomikakunin a:hover {/*マウスをのせたとき*/
    color:#FF0;
    font-style:normal;
    text-decoration:none;
}
.moushikomikakunin a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

.kaisai{}

.kaisai dl dt{
	float:left;
	width:300px;
	}

.kaisai dl dd{
	padding-left:320px;
	}



}


/** RESPONSIVE BREAKPOINTS
========================================================================================================================================================================**/
@media(max-width: 720px){
	.fcr{color: red;}
/** biz.html page**/

.bizinfo {	
}
.bizinfo dl {	
}
.bizinfo dl dt{
	width:30%;
	margin-bottom:2%;	
}
.bizinfo dl dt img{
	width:100%;
	height:auto;
}
.bizinfo dl dd{
	margin-left:32%;
	margin-bottom:2%;	
}
.bizcommenttitle{
	font-size:120%;
	color:#039;
	font-weight:bolder;
	}

.step_num {
	font-size: 120%;
	width:100%;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #51ffff;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
	float:center;
	border-left:0px solid #51ffff;
}
.step {
	border: 1px solid #51ffff;

	
	margin:0;
	/*スマホ向け*/
    float:none;
	clear:both;
	width:97%;
	text-align:left;
	padding:2% 1% 2% 2% ;
	/*/スマホ向け*/
    font-size:90%;
    display:block;
	margin-bottom:2%;

}
.arrow{
	text-align:center;
	}



/*行程表------------*/

.endline{
	padding-bottom:10px;
	border-bottom:1px solid #666;
}
.mark{
	font-size:50%;
}
table.sch td img{
	width:100%;
	height:auto;	
}
table.sch td.mark img{
	width:3%;
	height:auto;
}

.submenu ul li{
	border-left:#ff007f 5% solid;
	background-color:#8FE9E7;
	color:#000;
	padding-left:10%;
	padding-bottom:2%;
	padding-top:2%;
	margin-bottom:1%;
	}	

.submenu ul li a{/*リンクされた文字*/
	color:#000;
    font-style:normal;
    text-decoration:none;
}
.submenu ul lia:link {/*未訪問のリンク*/
	color:#000;
    font-style:normal;
    text-decoration:none;
}
.submenu ul li a:visited {/*訪問後のリンク*/
	color:#000;
    font-style:normal;
    text-decoration:none;
}
.submenu ul li a:hover {/*マウスをのせたとき*/
	color:#000;
    font-style:normal;
    text-decoration:none;
}
.submenu ul li a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

.submenutitle{
	background-color:#003;
	font-size:120%;
	font-weight:bolder;
	color:#FFF;
	padding-top:1%;
	padding-bottom:1%;
	text-align:center;
	margin-bottom:1%;
	}
	
	.kaisai{}

.kaisai dl dt{
	float:left;
	width:40%;
	}

.kaisai dl dd{
	padding-left:42%;
	}


}
.jata{
position: relative;
padding-left: 1.5rem!important;
}
.jata:before{
position: absolute;
  content: '';
  top: 0;
  left:0;
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url("../img/logo_JATA.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 100;
}
.yellow_mark{
  background: linear-gradient(transparent 0%, #f6ff5f 0%);
}