@charset "utf-8";

/*==============================

tour.css

*==============================*/

/*-------------------------------------------------------
main_visual
-------------------------------------------------------*/
#main_visual { background-color:#333; }
#main_visual #main_visual_cont { margin:0 auto; text-align:center; width:1080px; }

/*-------------------------------------------------------
tour
-------------------------------------------------------*/
#tour { padding:0 50px 80px; }
#tour ul.outline { border-top:1px solid #17388b; }

#tour #tour_cont { margin:0 auto; padding:0; text-align:center; }

#tour #tour_cont .lead { align-items:center; border-bottom:1px dotted #ccc; display:flex; justify-content:flex-start; }
#tour #tour_cont .lead img { max-width:260px; height:auto; }
#tour #tour_cont .lead p { font-weight:600; line-height:1.8; padding-left:30px; text-align:left; }

#tour #tour_cont .no_plan { background-color:#17388b; margin-top:20px; padding:3px; }
#tour #tour_cont .no_plan p { background-color:#fff; padding:15px; text-align:center; }
#tour #tour_cont .no_plan p span { font-size:100%; color:#17388b; }

#tour #tour_cont ul { display:flex; justify-content:space-between; padding:20px 0 0; }
#tour #tour_cont ul li { flex:0 1 30%; }
#tour #tour_cont ul li a { text-decoration:none; }
#tour #tour_cont ul li a dl {}
#tour #tour_cont ul li a dl dt {}
#tour #tour_cont ul li a dl dt img { width:100%; height:auto; }
#tour #tour_cont ul li a dl dd { background-color:#fff; padding:10px 0 20px; }
#tour #tour_cont ul li a dl dd p { color:#125687; font-size:85%; font-weight:600; line-height:1.6; text-align:left; }
#tour #tour_cont ul li a dl dd .btn { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; background-color:#fff; margin-top:10px; padding:10px 10px 10px 20px; }
#tour #tour_cont ul li a dl dd .btn span { border-radius:3px; color:#125687; display:block; font-size:79%; font-weight:600; line-height:1.6; }
#tour #tour_cont ul li a dl dd .btn i { color:#999; font-size:79%; line-height:1.6; }

#tour #tour_cont ul li a:hover dl dd p { text-decoration:underline; }
#tour #tour_cont ul li a:hover dl dd .btn { background-color:#e7368e; }
#tour #tour_cont ul li a:hover dl dd .btn span { color:#fff; }
#tour #tour_cont ul li a:hover dl dd .btn i { color:#fff; }


.btn {
margin: 40px auto 20px;
text-align: center;
}

.btn ul {
display: inline-block;
margin: 0 auto;
text-align: center;
}

.btn ul li {
background-color: #f1f1f1;
border-radius: 2px;
box-shadow: 0 0 2px 1px #dddddd inset;
-moz-box-shadow: 0 0 2px 1px #dddddd inset;
-webkit-box-shadow: 0 0 2px 1px #dddddd inset;
margin: 0 20px;
padding: 5px;
display: inline-block;
}

.btn ul li span {
border: 2px solid #4a9baa;
border-radius: 2px;
display: block;
position: relative;
}

.btn ul li a {
background: #5ec5d7;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlYzVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOGEwYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #5ec5d7 0%, #28a0b6 100%);
background: -webkit-linear-gradient(top, #5ec5d7 0%, #28a0b6 100%);
background: linear-gradient(to bottom, #5ec5d7 0%, #28a0b6 100%);
border-radius: 2px;
border: none;
box-shadow: 0 0 2px 0 #ffffff inset;
-moz-box-shadow: 0 0 2px 0 #ffffff inset;
-webkit-box-shadow: 0 0 2px 0 #ffffff inset;
display: block;
font-size: 100%;
font-weight: 600;
padding: 15px 80px;
text-decoration:none;
text-shadow: none;
color: #fff;
position: relative;
width: auto;
}

.btn ul li a:hover {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlYzVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOGEwYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #28a0b6 0%, #5ec5d7 100%);
background: -webkit-linear-gradient(top, #28a0b6 0%, #5ec5d7 100%);
background: linear-gradient(to bottom, #28a0b6 0%, #5ec5d7 100%);
}

.btn ul li span:before {
content: url(../images/common/i_ar_link_white.png);
position: absolute;
background-size: 8px 12px;
width: 8px;
height: 12px;
right: 15px;
top: 50%;
margin-top: -12px;
z-index: 3;
}