/* CSS Document */

#student.content {max-width: 640px; width: 100%; margin: 0 auto; padding: 0;}

#student.content dt {line-height: 140%;}

#student.content img {width: 100%;    height: auto;}
#student.content a:hover {text-decoration: none;}


#student.content .c_inner {width: 92%; margin: 0 auto;}


#student.content .visual {}

.linkset {
/*    display: block;
    width: 100%;
    height: 70px;
    background-color: #00c1df;*/
}
li.link01 {float: left;display: block;height:auto;width: 40%;}
li.link01 a {
    display: block;
    padding: 10px;
    height: auto;
        background-color: #c4ebff;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    border-radius: 30px;
    margin-top: 10px;
    width: 90%;
    margin: 10px auto;
	color: #0093ff;
}

li.link02 {float: right;display: block;height: auto;width: 60%;}
li.link02 a {
    display: block;
    padding: 10px;
    height: auto;
    background-color: #ff7303;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    border-radius: 30px;
    margin-top: 10px;
    width: 90%;
    margin: 10px auto;
    color: #fff;
}

#student.content .c_box {
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
}

#student.content .c_box h2 {margin-bottom: 5px;
    margin-top: 25px;}
/*#student.content #bl_02.c_box h3 {margin-bottom: 10px;}*/


#student.content #bl_01,#student.content #bl_02 {/*padding-bottom: 35px; *//*background: #f5f5f5; */ margin-top:0;}


/*#student.content #bl_02 ul li {width: 50%; float: left; display: inline;}*/
/*#student.content #bl_02 p {color: #666; padding: 10px 0; font-size: 80%;}*/


#student.content #c_footer p {color: #666; padding: 20px 0 20px;font-size: 80%;}


#student.content .btn_list li {margin-bottom: 10px;}
#student.content .btn_other_tour a {background:#00b1bb; border-radius: 50px; display: block; width:100%; text-align: center; color: #fff; font-weight: bold; padding: 3%; position: relative;}
#student.content .btn_other_tour a span:after {content: ""; display: block; width:2.7%; padding-top:3.6%; background: url(../images/arrow_right.png) no-repeat; background-size: 100%; position: absolute; top: 50%; right: 3%; transform: translate(0,-50%);}


#student.content .bl_tour {background: #fff; padding-bottom: 0 !important;}
#student.content .bl_tour .tub_departure { letter-spacing: -0.4em; margin-bottom: 5px; }
#student.content .bl_tour .tub_departure .tub_departure_btn {width: 32%; margin-right: 2%; display: inline-block; letter-spacing:0em; position: relative; margin-bottom: 12px; cursor: pointer;}
#student.content .bl_tour .tub_departure .tub_departure_btn:nth-child(3n) {margin-right: 0;}
#student.content .bl_tour .tub_departure .tub_departure_btn span { display: block; background: #00c2b1; border-radius: 5px; color: #fff; text-align: center; font-weight: bold; padding: 5% 0;}
#student.content .bl_tour .tub_departure .tub_departure_btn.active span {background: #323232;}
#student.content .bl_tour .tub_departure .tub_departure_btn.active:after {content: ""; display: block; width: 10px; border:8px solid transparent; border-top:8px solid #323232; position: absolute;  left: 50%; top:99%; transform: translate(-50%,0);}



#student.content .bl_tour .bl_tour_cnt { padding: 0; }
#student.content .bl_tour .bl_tour_box {border-top: solid #ccc 1px;
    background: #fff;
    padding: 20px 0px 20px 0;}
/*#student.content .bl_tour .bl_tour_box:after {content: ""; display: block; width: 100%; height: 30px;
	background: linear-gradient(top, #e7e7e7, #f5f5f5);
	background: -moz-linear-gradient(top, #e7e7e7, #f5f5f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#f5f5f5));
}*/
/*#student.content .bl_tour .bl_tour_box:last-child:after {content: ""; height: 5px;}*/

#student.content .bl_tour .bl_tour_wrap {margin-bottom: 10px;}
#student.content .bl_tour .bl_tour_wrap .bl_tour_img {float: left; margin-right: 10px; width: 40%; max-width: 180px;}
#student.content .bl_tour .bl_tour_wrap .bl_tour_tit a {color: #000;
    text-decoration: underline;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 120% !important;}

#student.content .bl_tour .bl_tour_info_tub {}
#student.content .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn {
	width: 16%;
    margin-right: 1px;
    background: #b3d9d3;
    display: inline;
    float: left;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 5px 0px 0px 0px;
    font-size: 1.8rem;
    line-height: 100%;
    border-radius: 10px 10px 0 0;
    cursor: pointer;}
#student.content .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn.active {background: #46b89f;}
#student.content .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn:nth-child(8) {margin-right: 0; float: right;}
#student.content .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn span {display: block; font-weight: normal; font-size: 0.9rem;}


#student.content .bl_tour .bl_tour_info_panel {border: solid 3px #46b89f; padding: 10px 0 15px; margin-bottom: 0px; position: relative;}
#student.content .bl_tour .bl_tour_info_icon {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 85px;
    height: 38px;
    background: url(../images/tour_det_icon.png);
    background-size: 100%;
    color: #fff;
    font-size: 0.8rem;
    line-height: 120%;
    padding: 7px 10px;
}
#student.content .bl_tour .bl_tour_info_icon p {line-height: 120%; /*font-size: 0.9rem;*/}
#student.content .bl_tour .bl_tour_info_icon p span {display: block; font-size: 0.8rem;}

#student.content .bl_tour .bl_tour_info_note {padding: 0 10px 10px 95px;}
#student.content .bl_tour .bl_tour_info_note .bl_tour_info_price {font-size: 2rem; color:#fa3734; font-weight: bold; line-height: 110%;}
#student.content .bl_tour .bl_tour_info_note .bl_tour_info_price span {font-size: 1.2rem;}
#student.content .bl_tour .bl_tour_info_txt {font-size: 0.9rem;}
#student.content .bl_tour .bl_tour_info_txt span {color: #fa3734; display: block; font-size: 0.9rem;}
#student.content .bl_tour .bl_tour_info_btn {margin: 0 10px;}

#student.content .bl_tour .bl_tour_info_btn a {text-decoration: none;background:#0e81e0; border-radius: 10px; /*box-shadow: 0 3px 0 #0064dc;*/ display: block; width:100%; text-align: center; color: #fff; font-weight: bold; padding: 3%; position: relative;}
#student.content .bl_tour .bl_tour_info_btn a span:after {content: ""; display: block; width:2.7%; padding-top:3.6%; background: url(../images/arrow_right.png) no-repeat; background-size: 100%; position: absolute; top: 50%; right: 3%; transform: translate(0,-50%);}


ul {
	padding-left: 0px;
    list-style-type: none;
}

#student.content { background: #fff;}


#student.content .c_box h3 {
	text-align: center;
    font-size: 23px;
    font-weight: bold;
    line-height: 50px;
    background: #fff600;
    color: #000;
}




#student.content #bl_01 .tour_list, 
#student.content #bl_02 .tour_list 
{background: #f4f4f4; padding: 10px 10px 5px 10px; margin: 0 15px 10px;    border-radius: 10px;}
#student.content #bl_01 .tour_list dl dd ,
#student.content #bl_02 .tour_list dl dd 
{float: left;  display: inline;  margin-right: 5px;    font-size: 12px;    font-weight: normal;}
#student.content #bl_01 .tour_list dl dt ,#student.content #bl_02 .tour_list dl dt
{clear: both;font-weight: normal;font-size:12px;}


#student.content #bl_01 .tour_list dl dd a ,
#student.content #bl_02 .tour_list dl dd a 
{color: #0160e0; font-size: 14px; line-height: 32px; text-decoration: underline;}

#content_footer {
    background: #f5f5f5;
    padding: 3% 0;
}
#content_footer .txt_01 {
    padding-bottom: 6%;
}
#content_footer p .txt_01 {
	list-style: none;
    margin: 10px auto  10px auto;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
}
#content_footer .content_footer_btn {
    width: 80%;
    margin: 0 auto 20px;
}
#content_footer .content_inner {
    width: 93%;
    padding: 6% 0;
    margin: 0 auto;
    text-align: left;
}
#content_footer .content_footer_btn a {
    background: #ff6600;
    border-radius: 10px;
/*    box-shadow: 0 3px 0 #0064dc;*/
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 3%;
    position: relative;
	font-weight: bold;
}

#content_footer .bl_info {
    border: soli 2px #e9e9e9;
    background: #fff;
    padding: 3% 0;
}
#content_footer .bl_info h2 {
    background: #00b4aa;
    color: #fff;
    font-weight: bold;
    width: 85%;
    border-radius: 50px;
    text-align: center;
    margin: 0 auto 10px;
    padding: 5px 0 3px;
	    font-size: 1.2em;
}
#content_footer .bl_info p {
    padding-left: 6%;
}