@charset "UTF-8";
/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
最小サイズ 想定端末　iphone SE 縦構え(Portrait）320×568 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

div.explicacion div.contenido p{
font-size: 1.6rem;
text-align: left;
font-weight: 600;
}


h3.info_title_in,.itinerario_title_in{
font-size: 1.8rem;
line-height: 1.6;
padding: 0.4em 0.5em;
color: #f7f3e9;
background: #20425f;
border-left: solid 5px #f7b32d;
border-bottom: solid 3px #003d72;
border-bottom: solid 3px #d7d7d7;
margin-bottom: 2ex;
margin-top: 2ex;
font-weight: bold;
}

h4{
font-size: 1.6rem;
line-height: 1.6;
}

article#razon section{
margin-bottom: 3em;
}

article#razon{
padding-bottom: 2em;
font-size: 1.6rem;
line-height: 1.6;
}

section.itinerario{
height: 100%;
}
ul#razon_compas{
height: 100%!important;
list-style-type: none;
padding: 0px;
}

ul#itinerario_detalle{
height: 100%!important;
list-style-type: none;
padding: 0px;
}

ul#itinerario_detalle{
height: 100%!important;
list-style-type: none;
padding: 0px;
}

ul#itinerario_detalle li{
height: 100%!important;
width: auto;
}

table{
border-collapse: collapse;
max-width: 100%;
width: 100%;
margin: 20px auto;
}

table td{
border: solid 1px #cccccc;;
padding: 0.2em;
font-size: 1.6rem;
line-height: 1.6;
}

table td strong{
display: block;
font-weight: inherit;
}

table th{
border: solid 1px #cccccc;
background-color: #f7f6f5;
padding: 0.5em 0em;
width: 20%;
font-size: 1.6rem;
line-height: 1.6;
font-weight: 400;
}

table th.table{
width: 30%;
background-color: #f7f6f5;
}

h4.importante{
color: #ce4e41;
font-weight: bold;
}

h4.ojo_in{
color: #ce4e41;
font-weight: bold;
font-size: 2.1rem;
}

div.ojo p{
font-weight: bold;
font-size: 1.8rem;
}

div.ojo{
padding: 2rem 0rem 2rem;
}

h4.ojo_in::before{
content: "/";
}

h4.ojo_in::after{
content: "/";
}

div.ojo p{
margin: 1rem 0rem 1rem;
}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　小型Androidの縦構え（Portrait)　360×640 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (min-width:360px){





}



/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　Zen Pone Androidの縦構え（Portrait)　360×720 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (min-width:360px) and (min-height:720px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i-phone6〜8の縦構え（Portrait)　375×667 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:375px){

	


}




/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i-phone X, 11 proの縦構え（Portrait)　375×812 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:375px) and (min-height:812px){





}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Xperia Androidの縦構え（Portrait)　412×732 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:412px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　One S5 Androidの縦構え（Portrait)　412×892 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:412px) and (min-height:892px){





}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone XR, 11 XsMaxの縦構え　414×896 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:414px){





}






/*
↑ここまでスマホ縦（portrait)
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからスマホ横（Landscape)
*/

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone SEの横構え（Landscape) 568×320 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:568px){


}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 小型のAndroidの横構え（Landscape)  640×360 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:640px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone6〜8の横構え（Landscape)  667×375 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:667px){




}

/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Zen Phoneの横構え（Landscape) 720×360px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:720px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Xperiaの横構え（Landscape) 732×412px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:732px){

	

	

}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 X Xs, 11proの横構え（Landscape) 812×375px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:812px){



}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　One S5 androidの横構え（Landscape)　892×412 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:892px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone XR, 11 XsMaxの横構え（Landscape) 896×414px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:896px){





}


/*
↑ここでスマ横構え
ーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからタブレット縦構え
*/
/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad 9.7 inch, 10.2 inchの縦構え（Portrate) 768×1024px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:768px) and (orientation:portrait){




}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad Air, ipad pro 10.5 inchの縦構え（Portrate) 834×1112px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:834px) and (orientation:portrait){



	



	}


	

/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 11inchの縦構え（Portrate) 834×1169px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:834px) and (orientation:portrait){

}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 12.9inchの縦構え（Portrate) 1024×1366px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1024px) and (orientation:portrait){




}



/*
↑こまでタブレット縦
ーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからタブレット横
*/


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad 9.7inch, 10.2inchの横構え（Landscape) 1024×768px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1024px) and (orientation: landscape){


}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad Air, i pad pro 10.5inchの横構え（Landscape) 1112×834px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1112px){



}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 11inchの横構え（Landscape) 1169×834px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/


@media screen and (min-width:1169px){



}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 112.9inchの横構え（Landscape) 1366×1024px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1366px){




}





/*
↑ここまでタブレット横
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからPC=マウスポインターがあるという前提、hoverの発想あり
*/

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　小型のモニター幅 1367px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:1367px){

	



}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　中型のモニター幅 1440px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:1440px){




}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　大型のモニター幅 1920px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1920px){




}