/* CSS Document */ #student.content .visual_navi dl dd.p_02 a span{color:red;} #student.content{width:1140px;margin:0 auto;padding:0;background:#fff;} #student.content *{font-size:13px;line-height:180%;color:#323232;} #student.content .c_inner{width:1040px;margin:0 auto;} #student.content .fl_l{display:inline;float:left;} #student.content .fl_r{display:inline;float:right;} #student.content .visual{margin-bottom:30px;} #student.content .visual_navi {text-align:center;padding:0 4.38% 16px;background:url(../images/visual_navi_bg.png);} #student.content .visual_navi ul {display:flex;align-items:center;justify-content:space-between;} #student.content .visual_navi li {width:24.13%;} #student.content .visual_navi li a {display:flex;align-items:center;text-align:left;padding:0 10px 0 15px;background:url(../images/visual_navi.png) center center / 100% auto no-repeat;height:76px;} #student.content .visual_navi li span {font-size:17px;font-weight:bold;color:#000;line-height:1.5;} #student.content .visual_navi li strong {color:red;font-size:100%;line-height:1.5;} #student.content .c_box{padding-bottom:50px;} #student.content .c_box h2{font-size:30px;font-weight:bold;line-height:75px;width:1040px;height:72px;padding-left:200px;color:#fff;background:url(../images/bl_01_tit_bg.png) no-repeat;} #student.content #bl_02.c_box h2{background-image:url(../images/bl_03_tit_bg.png);} #student.content #bl_03.c_box h2{background-image:url(../images/bl_04_tit_bg.png);} #student.content #bl_04.c_box h2{background-image:url(../images/bl_02_tit_bg.png);} #student.content .c_box .c_box_note{padding:20px 0;} #student.content #bl_01 .tour_list{padding:20px 20px 15px 20px;background:#ffff64;} #student.content #bl_01 .tour_list dl dt, #student.content #bl_01 .tour_list dl dd{display:inline;float:left;margin-right:35px;} #student.content #bl_01 .tour_list dl dd a{font-size:16px;line-height:32px;text-decoration:underline;color:#0160e0;} #student.content #bl_02 .bl_sp h4{padding-left:13px;} #student.content #bl_02 .bl_sp{position:relative;width:1040px;padding:5px 0 40px 0;border:solid 1px #92e6df;border-radius:10px;background:url(../images/bl_02_bord_bg.png);} #student.content #bl_02 .bl_sp .bl_btn,#student.content #bl_02 .bl_sp p{position:absolute;} #student.content #bl_02 .bl_sp .bl_btn{top:525px;left:320px;width:340px;height:45px;} #student.content #bl_02 .bl_sp .bl_btn a{position:relative;display:block;width:100%;height:100%;text-align:center;border-radius:10px;background:#ff81b1;} #student.content #bl_02 .bl_sp .bl_btn a:after{position:absolute;top:0;right:10px;display:block;width:10px;height:100%;content:'';background:url(../images/tokute_btn_arrow.png)no-repeat center;} #student.content #bl_02 .bl_sp .bl_btn a span{font-size:16px;font-weight:bold;line-height:45px;color:#fff;} #student.content #bl_02 .bl_sp p{font-size:11px;top:600px;left:20px;} #student.content #bl_03 .bl_box{display:inline;float:left;width:240px;margin-right:26px;} #student.content #bl_03 .bl_box:last-child{float:right;margin-right:0;} #student.content #bl_03 .bl_box p{margin-bottom:20px;} #student.content #bl_03 .bl_btn{width:100%;height:35px;} #student.content #bl_03 .bl_btn a{position:relative;display:block;width:100%;height:100%;text-align:center;border-radius:5px;background:#0e81e0;box-shadow:0 3px 0 #0064dc;} #student.content #bl_03 .bl_btn a span{font-size:14px;font-weight:bold;position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff;} #student.content #bl_03 .bl_btn a span:after{position:absolute;top:50%;right:10px;display:block;width:8px;height:11px;content:'';-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);background:url(../images/arrow_right.png) no-repeat;background-size:100%;} #student.content #bl_04 .img_wrap {overflow:hidden;padding-top:20px;} #student.content #bl_04 .img_wrap .img {float:left;width:55.76%;max-width:580px;} #student.content #bl_04 .img_wrap p {padding-left:60%;} #student.content #c_footer{padding-bottom:50px;} #student.content #c_footer p{font-size:11px;} /*----------------------------------------------- .bl_tour ------------------------------------------------*/ #student.content .bl_tour .bl_tour_box{position:relative;display:inline;float:left;width:330px;margin-right:25px;margin-bottom:30px;padding:0 0 180px 0;border:solid 1px #c8c8c8;} #student.content .bl_tour .bl_tour_box:nth-child(3n){margin-right:0;} #student.content .bl_tour .bl_tour_box .bl_tour_header{padding:0;text-align:center;background:#00c2b1;} #student.content .bl_tour .bl_tour_box .bl_tour_header p{font-size:15px;font-weight:bold;color:#fff;} #student.content .bl_tour .bl_tour_box .bl_tour_box_inner{width:286px;margin:10px auto;} #student.content .bl_tour .bl_tour_box .bl_tour_tit{margin-bottom:10px;} #student.content .bl_tour .bl_tour_box .bl_tour_tit a{font-weight:bold;line-height:140%;} #student.content .bl_tour .bl_tour_box .bl_tour_pic{display:inline;float:left;width:140px;} #student.content .bl_tour .bl_tour_box .bl_tour_pic img{width:100%;} #student.content .bl_tour .bl_tour_box .bl_tour_stuff{display:inline;float:right;width:140px;} #student.content .bl_tour .bl_tour_box .bl_tour_stuff dt{font-size:11px;font-weight:bold;margin-bottom:4px;padding:0 0 0 5px;color:#fff;background:#fda01e;} #student.content .bl_tour .bl_tour_box .bl_tour_stuff dd{font-size:11px;color:#646464;} #student.content .bl_tour .bl_tour_box .bl_tour_info{position:absolute;bottom:10px;left:50%;width:286px;margin:10px auto;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);transform:translate(-50%, 0);} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn{font-size:11px;font-weight:bold;line-height:13px;display:inline;float:left;width:34px;height:35px;margin-right:2px;padding-top:5px;cursor:pointer;text-align:center;color:#fff;border-bottom:solid 1px #fff;border-radius:5px 5px 0 0;background:#9bcdc5;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn span{font-size:9px;line-height:16px;display:block;color:#fff;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn:nth-child(8){float:right;margin-right:0;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn:hover,#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn.active{border-bottom:solid 1px #46b89f;background:#46b89f;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel{position:relative;padding:10px 5px;border:solid 2px #46b89f;border-top:solid 5px #46b89f;background:#fff;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon{position:absolute;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon{font-size:9px;line-height:110%;top:10px;left:0;width:70px;height:30px;padding:5px 0 0 5px;color:#fff;background:url(../images/tour_det_icon.png);background-size:100%;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon span{font-size:9px;line-height:11px;display:block;color:#fff;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn{width:100%;height:35px;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a{position:relative;display:block;width:100%;height:100%;text-align:center;border-radius:5px;background:#0e81e0;box-shadow:0 3px 0 #0064dc;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a span{font-size:14px;font-weight:bold;position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a span:after{position:absolute;top:50%;right:10px;display:block;width:8px;height:11px;content:'';-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);background:url(../images/arrow_right.png) no-repeat;background-size:100%;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_note{margin-bottom:10px;padding:0 0 0 75px;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_price{font-size:17px;font-weight:bold;line-height:110%;color:#fa3734;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_price span{font-size:12px;color:#fa3734;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt{font-size:10px;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt span{font-size:11px;margin-right:10px;color:#fa3734;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt a{font-size:11px;margin-left:10px;text-decoration:underline;color:#0064d2;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt a:before{position:relative;top:3px;margin-right:3px;content:url(../images/tour_icon_important.png);} .content_wrapper{overflow:visible;} @media (max-width:1024px){ #student.content{width:100%;} #student.content .visual h1 img{width:100%;} #student.content .visual_navi {padding:10px 0 20px 0;} #student.content .visual_navi h2 {margin:0 3%;} #student.content .visual_navi ul {width:98%;margin:10px auto 0;} #student.content .visual_navi img {width:100%;height:auto;} #student.content .visual_navi li {width:24.75%;} #student.content .visual_navi li a {position:relative;max-height:70px;height:20vw;background:#ffff64;padding:0 6%;} #student.content .visual_navi li span {font-size:13px;} #student.content .visual_navi li a::after{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%); display:block;width:0;height:0;content:'';border-top:10px solid #ffff64;border-right:15px solid transparent;border-left:15px solid transparent;} #student.content .visual{margin-bottom:0;} #student.content .c_inner{width:100%;} #student.content .c_box h2{font-size:1.4em;font-weight:bold;line-height:1.4em;width:100%;height:auto;padding:13px 20px;text-align:center;color:#fff;border-top:1px solid #ff6200;border-bottom:1px solid #ff6200;background:#fda01e;} #student.content #bl_02.c_box h2, #student.content #bl_03.c_box h2, #student.content #bl_04.c_box h2{background-image:none;} #student.content #bl_04 .img_wrap, #student.content .c_box .c_box_note{padding:15px 20px 10px;} /* ▼ツアー要素 */ #student.content .bl_tour .bl_tour_box .bl_tour_box_inner{width:auto;margin:0;padding:10px;} #student.content .bl_tour .bl_tour_box .bl_tour_info{position:relative;bottom:unset;left:unset;width:100%;margin:0;padding:0 10px;-webkit-transform:translate(0%, 0);-moz-transform:translate(0%, 0);transform:translate(0%, 0);} #student.content .bl_tour .bl_tour_box .bl_tour_stuff{width:55%;} #student.content .bl_tour .bl_tour_box .bl_tour_pic{width:42%;} #student.content .bl_tour{padding:0 20px;} #student.content #bl_01 .tour_list dl {text-align:center;} #student.content #bl_01 .tour_list dl dt {display:block;float:none;margin:0 0 5px;} #student.content #bl_01 .tour_list dl dt img {width:100%;max-width:370px;} #student.content #bl_01 .tour_list dl dd{display:inline;float:none;margin-right:0;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn{font-size:16px;width:19%;height:36px;cursor:pointer;border-radius:8px 8px 0 0;} /* ▲ツアー要素 */ #student.content .c_box{padding-bottom:20px;} #student.content #bl_02 .bl_sp{position:relative;width:100%;padding:10px 0 0 0;border:none;background:none;} #student.content #bl_02 .bl_sp img{width:100%;height:auto;} #student.content #bl_02 .bl_sp .bl_btn{position:relative;top:unset;left:unset;display:block;width:90%;height:45px;margin:20px auto 20px;} #student.content #bl_02 .bl_sp p{font-size:11px;position:relative;top:unset;left:unset;padding:0 20px;} #student.content #bl_03 .bl_box img{width:100%;height:auto;margin-bottom:10px;} #student.content #c_footer{padding:0 20px 20px 20px;} #student.content #bl_03 .bl_btn{width:100%;height:45px;margin:0 auto;} #student.content #bl_03 .bl_btn a{border-radius:10px;box-shadow:none;} #student.content #bl_03 .bl_btn a span{font-size:16px;} #student.content #bl_01 .tour_list{padding:10px 10px 5px 10px;border-radius:10px;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a{border-radius:10px;box-shadow:none;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn{height:45px;} #student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a span{font-size:16px;} #student.content #bl_01 .tour_list dl dd a{font-size:1em;margin-right:3px;} /* ipad 専用 */ #student.content .bl_tour .bl_tour_box{display:block;float:left;width:48%;height:auto !important;margin-bottom:15px;padding:0 0 10px;border:solid 1px #00c2b1;} #student.content .bl_tour .bl_tour_box:nth-child(3n){margin-right:25px;} #student.content .bl_tour .bl_tour_box:nth-child(2n){margin-right:0;} #student.content .bl_tour{padding:0 20px 0 20px;} .content_wrapper{background:none !important;} .content_wrapper .content_bg:before{display:none;} /* ipad オプショナル2段 */ #student.content #bl_03 .bl_box{display:block;float:left;width:50%;margin-right:0;margin-bottom:20px;padding:0 20px;} } @media (max-width:767px){ /* ipad以下 ツアー1段 */ #student.content .bl_tour .bl_tour_box{display:block;float:none;width:100%;height:auto !important;margin-bottom:15px;padding:0 0 10px;border:solid 1px #00c2b1;} #student.content .bl_tour .bl_tour_box:nth-child(3n){margin-right:0;} #student.content .bl_tour .bl_tour_box:nth-child(2n){margin-right:0;} #student.content .bl_tour{padding:0 20px 0 20px;} /* ipad 以下 オプショナル1段 */ #student.content #bl_03 .bl_box{display:block;float:none;width:100%;margin-right:0;margin-bottom:20px;padding:0 20px;} #student.content #bl_04 .img_wrap .img {float:none;width:100%;margin:0 auto 15px;} #student.content #bl_04 .img_wrap p {padding-left:0;} } @media screen and (max-width:640px) { #student.content .visual_navi li span {font-size:3.25vw;line-height:1.3;} #student.content .visual_navi li strong {line-height:1.3;} #student.content .visual_navi li br {display:none;} #student.content .c_box h2 {font-size:4.4vw;} }