@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:   common.css
Created:     2018-10-15
Style Info:  学生限定！アメリカ・あいのりキャンピングカーの旅　CSS
----------------------------------------------------------- */

/* -------------------------------------------------------- */
/* common */
/* -------------------------------------------------------- */
.campcar_student .clearfix:after {content:" ";display:block;clear:both;}
.campcar_student .fl {float:left;}
.campcar_student .fr {float:right;}
.campcar_student p,
.campcar_student li,
.campcar_student dt,
.campcar_student dd {font-size:1.6rem;line-height:1.6;}
.campcar_student img {width:100%;height:auto;}
.campcar_student .dis_sp {display:none;}
.campcar_student .container {max-width:1100px;width:100%;margin:0 auto;padding:0;}
@media (max-width:1100px) {
	.campcar_student .container {padding:0 15px;}
}
@media (min-width:768px) {
	.campcar_student a:hover {opacity:.65;}
}
@media (max-width:767px) {
  .campcar_student .dis_pc {display:none;}
  .campcar_student .dis_sp {display:block;}
  .campcar_student .fl,
	.campcar_student .fr {float:none;}  
  .campcar_student p,
	.campcar_student li,
	.campcar_student dt,
	.campcar_student dd {font-size:1.4rem;}
	.campcar_student .container {max-width:640px;}
}

/* -------------------------------------------------------- */
/* 背景カラー */
/* -------------------------------------------------------- */
.campcar_student .wrapper {background:#fff;}
.campcar_student .wrapper.bg_01 {background:#fdf1d9;}
.campcar_student .wrapper.bg_02 {background:#f8f3ef;}

/* -------------------------------------------------------- */
/* リンクボタン */
/* -------------------------------------------------------- */
.campcar_student .more_btn a {display:block;position:relative;border:4px solid #ce0000;border-radius:70px;line-height:65px;font-size:2rem;color:#ce0000;text-align:center;text-decoration:none;background:#fff;font-weight:bold;}
.campcar_student .more_btn a::after {position:absolute;content:"\f054";font-family:FontAwesome; position:absolute;top:0;right:20px;font-size:1.5rem;}
@media (max-width:767px) {
	.campcar_student .more_btn a {font-size:1.6rem;border-width:2px;line-height:1.6;font-size:1.4rem;padding:10px 10px 10px 0;}
	.campcar_student .more_btn a::after {right:10px;font-size:1.3rem;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
}

/* -------------------------------------------------------- */
/* ヘッダー（PC） */
/* -------------------------------------------------------- */
.campcar_student .page_head {background:#ce0000;}
.campcar_student .page_head .wrap {height:77px;margin:0 auto;max-width:1100px;display:table;}
.campcar_student .page_head .title {display:table-cell;width:16.8%;max-width:185px;vertical-align:middle;}
.campcar_student .page_head .title a {display:block;}
.campcar_student .page_head nav {display:table-cell;vertical-align:middle;}
.campcar_student .page_head ul {display:table;width:100%;}
.campcar_student .page_head li {display:table-cell;height:77px;vertical-align:middle;text-align:center;}
.campcar_student .page_head li a {text-decoration:none;}
.campcar_student .page_head li a:hover {opacity:1;}
.campcar_student .page_head .page_list {padding:0 20px;}
.campcar_student .page_head .page_list li a {display:table;width:100%;font-size:1.4rem;color:#fff;}
.campcar_student .page_head .page_list li.current a,
.campcar_student .page_head .page_list li a:hover {background:#a00000;}
.campcar_student .page_head .page_list li span {display:table-cell;height:77px;vertical-align:middle;}
.campcar_student .page_head .link_list {width:28.1%;background:#f8f3ef;padding:0 15px;}
.campcar_student .page_head .link_list li {width:50%;}
.campcar_student .page_head .link_list li span {display:block;font-size:1.1rem;margin:0 4px 4px 4px;}
.campcar_student .page_head .link_list li a {display:block;border:2px solid #ce0000;border-radius:30px;height:28px;line-height:24px;text-align:center;font-size:1.3rem;position:relative;color:#ce0000;font-weight:bold;padding-right:10px;margin:0 4px;}
.campcar_student .page_head .link_list li a::after {position:absolute;content:"\f054";font-family:FontAwesome; position:absolute;top:0;right:10px;font-size:1rem;}
.campcar_student .page_head .link_list li a:hover {background:#ce0000;color:#fff;}
@media (max-width:1100px) {
	.campcar_student .page_head .title {padding-left:15px;}
	.campcar_student .page_head .page_list {padding:0 10px;}
	.campcar_student .page_head .link_list li a {font-size:1.1rem;}
	.campcar_student .page_head .link_list li a::after {right:3px;font-size:1rem;}
}

/* -------------------------------------------------------- */
/* 看板 */
/* -------------------------------------------------------- */
.campcar_student .page_visual {position:relative;}
.campcar_student .page_visual .page_title {width:100%;display:table;}
.campcar_student .page_visual .page_title span {display:table-cell;width:100%;text-align:center;vertical-align:middle;}
@media (max-width:767px) {
	.campcar_student .page_visual .link_menu {z-index:300;position:absolute;width:56px;top:10px;right:10px;}
	.campcar_student .page_visual .link_menu a {display:block;color:#fff;text-align:center;height:56px;line-height:50px;border:3px solid #fff;border-radius:30px;background:#ce0000;position:relative;font-weight:bold;font-size:1.1rem;text-decoration:none;}
	.campcar_student .page_visual .link_menu a::after {content:"\f078";font-family:FontAwesome;font-size:1.2rem;position:absolute;font-weight:normal;bottom:6px;left:0;width:100%;line-height:1;font-size:1rem;}
}


/* -------------------------------------------------------- */
/* 特別な思い出ができました */
/* -------------------------------------------------------- */
.campcar_student .sec_voice {background:url(../img/common/voice_bg.jpg) center center no-repeat;}
.campcar_student .sec_voice .container {position:relative;height:600px;}
.campcar_student .sec_voice .sec_tit {position:absolute;top:25px;left:-12px;max-width:232px;}
.campcar_student .sec_voice .voice_list li {position:absolute;max-width:260px;}
.campcar_student .sec_voice .voice_01 {top:55px;left:306px;}
.campcar_student .sec_voice .voice_02 {top:90px;left:583px;}
.campcar_student .sec_voice .voice_03 {top:43px;right:-13px;}
.campcar_student .sec_voice .more_btn {position:absolute;bottom:50px;right:0;width:280px;}
@media (min-width:1600px) {
	.campcar_student .sec_voice {-webkit-background-size:cover;background-size:cover;}
}
@media (max-width:1100px) {
	.campcar_student .sec_voice {padding:30px 0 40px 0;background-image:url(../img/sp/common/voice_bg.png);background-position:center top;-webkit-background-size:100% auto;background-size:100% auto;}
	.campcar_student .sec_voice .container {height:auto;max-width:550px;}
	.campcar_student .sec_voice .sec_tit {top:-10px;left:2%;width:30%;}
	.campcar_student .sec_voice .voice_list {overflow:hidden;margin:0 auto;}
	.campcar_student .sec_voice .voice_list li {position:static;width:50%;text-align:center;}
	.campcar_student .sec_voice .voice_list .voice_01 {float:right;margin-right:10px;}
	.campcar_student .sec_voice .voice_list .voice_02 {clear:right;float:left;}
	.campcar_student .sec_voice .voice_list .voice_03 {float:right;margin-top:10px;}
	.campcar_student .sec_voice .more_btn {position:static;margin:20px auto 0 auto;}
}
@media (max-width:767px) {
	.campcar_student .sec_voice {padding-top:25px;margin:0 -15px;}
	.campcar_student .sec_voice .sec_tit {width:30%;left:6%;top:-15px;}
	.campcar_student .sec_voice .voice_list .voice_03 {margin-top:0;}
	.campcar_student .sec_voice .more_btn {width:45%;min-width:160px;}
}

/* -------------------------------------------------------- */
/* ツアーリスト */
/* -------------------------------------------------------- */
.campcar_student .sec_tour {margin-bottom:80px;}
.campcar_student .sec_tour .sec_tit {margin:0 auto;font-size:3.8rem;text-align:center;position:relative;line-height:144px;height:144px;background:#ce0000;color:#fff;font-weight:bold;}
.campcar_student .sec_tour .sec_tit::after {width:26px;height:26px;content:"";position:absolute;bottom:-13px;left:50%;margin-left: -13px;background:#ce0000;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.campcar_student .sec_tour .sec_head {max-width:800px;margin:80px auto 50px auto;}
.campcar_student .sec_tour .sec_head .tit {max-width:793px;margin:0 auto 25px auto;}
.campcar_student .sec_tour .sec_head p a {color:#ff4844;}
@media (min-width:768px) {
	.campcar_student .sec_tour .sec_head p {line-height:1.8;}
}
@media (max-width:980px) {
	.campcar_student .sec_tour .sec_tit {height:100px;line-height:100px;font-size:3rem;}
}
@media (max-width:767px) {
	.campcar_student .sec_tour {margin-bottom:0;}
	.campcar_student .sec_tour .sec_tit {font-size:2rem;line-height:1.6;height:auto;padding:15px 0;}
	.campcar_student .sec_tour .sec_tit::after {width:12px;height:12px;bottom:-6px;margin-left:-6px;}
	.campcar_student .sec_tour .sec_head {margin:40px auto 20px auto;}
	.campcar_student .sec_tour .sec_head .tit {margin-bottom:15px;}
}
@media (max-width:480px) {
	.campcar_student .sec_tour .sec_tit {font-size:1.8rem;}
}
@media (max-width:360px) {
	.campcar_student .sec_tour .sec_tit {font-size:1.6rem;}
}

/* カラー・スタイル変更 */
.tourlist.tabpanel .tour_tab li.selected {border-color:#ce0000;}
.tourlist.tabpanel .tour_tab li.selected span {background:#ce0000;}
.tourlist .tour_cnt_head .cnt_head_01 {border-color:#ce0000;}
.tourlist .tour_cnt_head .cnt_head_01 .tour_dep {color:#ce0000;border-bottom:2px solid #ce0000;}
.tourlist .tour_cnt_head .tour_comment_tit {background:#ce0000;}
.tourlist .tour_cnt_wrap .tour_info_list .tit {background:#ce0000;}
.tourlist .tour_cnt_wrap .tour_info_list .txt .direct {color:#0086e8;border-color:#0086e8;}
.tourlist .tour_cnt_wrap .tour_info_tab_nav li span {background:#ce0000;border-bottom: 3px solid #ce0000;}
.tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span {background:#f4f4f4;}
.tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_btn a {background:#0086e8;}
@media (min-width:768px) {
	.tourlist.tabpanel .tour_tab li.selected span::after {border-top:20px solid #ce0000;}
	.tourlist.tabpanel .tour_panel .link_btn {max-width:796px;}
	.tourlist.tabpanel .tour_panel .link_btn a {height:88px;line-height:88px;background:#0086e8;border-radius:44px;font-size:2rem;}
	.tourlist.tabpanel .tour_panel .link_btn a:after {right:30px;line-height:88px;}
}
@media (max-width:1100px) and (min-width:768px) {
	.tourlist.tabpanel .tour_panel .link_btn {max-width:640px;}
}
@media (max-width:767px) {
	.tourlist.tabpanel .tour_panel {background:#fff;padding-bottom:40px;}
	.tourlist.tabpanel .tour_tab li.selected span::after {border-color:#ce0000 transparent transparent transparent;}
	.tourlist .tour_cnt {margin-bottom:15px;}
	.tourlist .tour_cnt_head {background:#fff;padding-bottom:5px;}
	.tourlist .tour_cnt_head .cnt_head_01 {border-color:#ce0000;}
	.tourlist .tour_cnt_head .cnt_head_01 .tour_dep {border-right:1px solid #ce0000;}
	.tourlist .tour_cnt_wrap .tour_info_tab_nav li span {background:#ffcccc;}
	.tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span {background:#ce0000;}
	.tourlist .tour_cnt_wrap .tour_info_tab_panel {border-color:#ce0000;}
	.tourlist.tabpanel .tour_panel .link_btn a {border:0;color:#fff;background:#0086e8;line-height:1.6;padding:15px 10px;border-radius:44px;font-size:1.5rem;}
	.tourlist.tabpanel .tour_panel .link_btn a::after {top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);line-height:1.6;}
}


/* -------------------------------------------------------- */
/* フリーオーダー */
/* -------------------------------------------------------- */
.campcar_student .contact_box {border:solid 1px #c8c8c8;background:#fff;max-width:1100px;margin:100px auto;}
.campcar_student .contact_box p {color:#787878;}
.campcar_student .contact_box .link_btn a {background:#ce0000;}
.campcar_student .contact_box .link_btn a::after {font-size:1.4rem;right:10px;}
@media (min-width:768px) {
	.campcar_student .contact_box {overflow:hidden;border:1px solid #c8c8c8;padding:35px 40px 28px 40px;}
	.campcar_student .contact_box p {font-size:1.5rem;line-height:1.6;}
	.campcar_student .contact_box .tit_01 {font-size:3rem;margin-bottom:30px;text-align:center;font-weight:bold;}
	.campcar_student .contact_box .tit_01 br {display:none;}
	.campcar_student .contact_box .tit_02 {font-size:3rem;margin-bottom:15px;text-align:left;}
	.campcar_student .contact_box .wrap_01 {float:left;width:55%;}
	.campcar_student .contact_box .wrap_02 {float:right;width:45%;max-width:400px;margin-top:10px;}
	.campcar_student .contact_box .contact_tel {color:#0086e8;font-weight:bold;font-size:5.6rem;line-height:1;font-family:'arial',sans-serif;margin:0 auto;letter-spacing:-0.02em;}
	.campcar_student .contact_box .contact_tel:before {content:"\f095";font-family:FontAwesome;transform:rotate(10deg);margin-right: 10px;}
	.campcar_student .contact_box .link_btn {margin-top:10px;}
	.campcar_student .contact_box .link_btn a {font-weight:bold;font-size:1.4rem;height:40px;line-height:40px;background:#ce0000;}
	.campcar_student .contact_box .link_btn a::after {font-weight:normal;font-size:1.4rem;right:10px;}
}
@media (max-width:1100px) and (min-width:768px) {
	.campcar_student .contact_box {padding:30px 20px;max-width:640px;}
	.campcar_student .contact_box .wrap_01,
	.campcar_student .contact_box .wrap_02 {float:none;width:100%;margin:0 auto;text-align:center;}
	.campcar_student .contact_box .wrap_01 {margin-bottom:20px;}
	.campcar_student .contact_box .tit_01 {font-size:2.7rem;margin-bottom:20px;}
	.campcar_student .contact_box .tit_02 {font-size:2.4rem;text-align:center;}
}
@media (max-width:767px) {
	.campcar_student .contact_box {text-align:center;margin:40px 15px 25px 15px;overflow:hidden;border:none;}
	.campcar_student .contact_box p {font-size:1.2rem;}
  .campcar_student .contact_box p span {display:inline;}
	.campcar_student .contact_box .tit_01 {line-height:1.4;font-size:1.8rem;margin-bottom:10px;}
	.campcar_student .contact_box .tit_02 {line-height:1.4;font-size:1.8rem;margin-bottom:10px;}
	.campcar_student .contact_box .btn_wrap {overflow:hidden;margin:15px 0;}
	/*.campcar_student .contact_box .btn_wrap li {float:left;width:50%;}*/
	.campcar_student .contact_box .btn_wrap li a {display:block;/*margin:0 3px;*/border-radius:5px;font-size:1.6rem;position:relative;height:44px;line-height:42px;text-decoration:none;font-weight:bold;}
	.campcar_student .contact_box .btn_wrap li a::before {position:absolute;height:100%;top:0;}
	.campcar_student .contact_box .btn_wrap li.tel a {border:2px solid #0086e8;color:#0086e8;padding-left:10px;background:#fff;position:relative;}
	.campcar_student .contact_box .btn_wrap li.tel a::before {content:"\f095";font-family:FontAwesome;position:absolute;left:5px;font-size:3rem;transform:rotate(10deg);}
	/*.campcar_student .contact_box .btn_wrap li.order a {border:1px solid #ce0000;color:#fff;background:#ce0000;padding-right:5px;}
	.campcar_student .contact_box .btn_wrap li.order a::before {right:10px;content:"\f054";font-size:1.1rem;font-family:FontAwesome;}*/
}
@media (max-width:640px) {
	.campcar_student .contact_box p {text-align:left;}
}
@media (max-width:360px) {
	.campcar_student .contact_box .btn_wrap li.order a::before {right:5px;}
}

/* -------------------------------------------------------- */
/* フォーム */
/* -------------------------------------------------------- */
.campcar_student .bl_form {padding:70px 0 80px 0;background:#f4f4f4;color:#533723;}
.campcar_student .bl_form .sec_tit {font-size:3rem;font-weight:bold;text-align:center;margin-bottom:30px;}
.campcar_student .bl_form .sec_tit:before {content:"";background:url(../img/common/form_title.png) center center no-repeat;
	-webkit-background-size:100%;background-size:100%;display:block;max-width:488px;width:76.25vw;max-height:90px;height:14.6875vw;margin:0 auto 35px;}
.campcar_student .bl_form p,
.campcar_student .bl_form dl dt,
.campcar_student .bl_form dl dd,
.campcar_student .bl_form label {text-align:center;}
.campcar_student .bl_form .note,
.campcar_student .bl_form .caution {margin-bottom:25px;}
.campcar_student .bl_form .caution a {color:#533723;}
.campcar_student .bl_form dl {margin-bottom:40px;}
.campcar_student .bl_form dl dt {padding:25px 0 10px;}
.campcar_student .bl_form dl dt span {background: #ce0000; border-radius: 5px; padding: 0 10px; font-size: 12px; margin-left: 10px; color: #fff;}
.campcar_student .bl_form input,
.campcar_student .bl_form textarea {border:1px solid #c8c8c8;background:#fff;border-radius:5px;}
.campcar_student .bl_form input.input_txt {width:100%;max-width:490px;height:40px;line-height:40px;padding:0 20px;}
.campcar_student .bl_form textarea {width:100%;max-width:796px;height:150px;padding:15px 30px;}
.campcar_student .bl_form .input_check {display:none;}
.campcar_student .bl_form .agree {text-align:center;margin-bottom:40px;}
.campcar_student .bl_form .input_check_txt {padding-left:30px;position:relative;margin-right:20px;font-size:16px;}
.campcar_student .bl_form .input_check_txt:before{content:"";display:block;position:absolute;top:50%;left:0;margin-top:-8px;width:17px;height:17px;border:1px solid #c8c8c8;background:#fff;}
.campcar_student .bl_form .input_check:checked + .input_check_txt:after{content:"";display:block;position:absolute;top:50%;left:5px;margin-top: -8px;width:7px;height:14px;transform:rotate(40deg);border-bottom:3px solid #533723;border-right:3px solid #533723;}
.campcar_student .bl_form .bl_btn {max-width:796px;margin:0 auto;position:relative;}
.campcar_student .bl_form .btn_submit {display:block;color:#fff;text-align:center;font-weight:bold;background:#ce0000;border-radius:8px;text-decoration:none;font-size:20px;height:72px;line-height:72px;width:100%;border:0;}
.campcar_student .bl_form .bl_btn:after {content:"\f054";font-family:FontAwesome;font-size:1.8rem;position:absolute;top:0;right:20px;font-weight:normal;color:#fff;line-height:72px;}
.campcar_student .bl_form .bl_btn:hover {opacity:0.65;cursor:pointer;}
.campcar_student .bl_form .send_after_txt{display: none;}
.campcar_student .bl_form .send_after_txt p{font-size: 2.4rem; text-align: center; font-weight: bold; color: #ce0000;}
@media (max-width:1100px) and (min-width:768px) {
	.campcar_student .bl_form .container {max-width:640px;}
	.campcar_student .bl_form p {text-align:left;}
}
@media (max-width:767px) {
	.campcar_student .bl_form {padding:25px 0 40px;}
	.campcar_student .bl_form .sec_tit {line-height:1.4;margin-bottom:20px;font-size:2.2rem;}
	.campcar_student .bl_form .send_after_txt p{font-size: 2.0rem; }
	.campcar_student .bl_form .sec_tit:before {margin-bottom:25px;}
	.campcar_student .bl_form dl {margin-bottom:0;}
	.campcar_student .bl_form dl dt {padding-top:0;}
	.campcar_student .bl_form dl dd,
	.campcar_student .bl_form .agree {margin-bottom:25px;}
	.campcar_student .bl_form textarea {height:150px;padding:15px;}
	.campcar_student .bl_form .note,
	.campcar_student .bl_form .caution {margin-bottom:15px;}
	.campcar_student .bl_form .btn_submit {height:44px;line-height:44px;font-size:1.6rem;border-radius:5px;}
	.campcar_student .bl_form .bl_btn:after {right:15px;line-height:44px;}
}
@media (max-width:480px) {
	.campcar_student .bl_form .btn_submit {font-size:1.4rem;padding-right:20px;}
	.campcar_student .bl_form .bl_btn:after {right:10px;}
}


/* -------------------------------------------------------- */
/* メニュー （スマホ）*/
/* -------------------------------------------------------- */
.campcar_student .ft_menu {background:#fff;}
.campcar_student .ft_menu .menu_tit {background:#ce0000;color:#fff;text-align:center;line-height:50px;font-size:1.6rem;}
.campcar_student .ft_menu li {border-top:solid 1px #c8c8c8;}
.campcar_student .ft_menu li a {position:relative;display:block;text-decoration:none;padding:12px 30px 12px 15px;font-size:1.3rem;}
.campcar_student .ft_menu li a::after {content:"";position:absolute;top:50%;}
.campcar_student .ft_menu .menu_list li:first-child {border-top:0;}
.campcar_student .ft_menu .menu_list li a::after {width:8px;height:8px;border:2px solid;border-color:#787878 #787878 transparent transparent;transform:rotate(45deg);margin-top:-4px;right:15px;}
.campcar_student .ft_menu .link_list li a {background:#f4f4f4;}
.campcar_student .ft_menu .link_list li a::after {background:url(../img/common/ft_menu_icon.png) center center no-repeat;-webkit-background-size:15px auto;background-size:15px auto;width:15px;height:12px;margin-top:-6px;right:10px;}