@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      style.css
Created:        2018.01.10
Style Info:     初売り第二弾　CSS
----------------------------------------------------------- */
#campaign-wifi-family {background:#fff564;}
#campaign-wifi-family a{text-decoration:none;color:#0068e1;}
#campaign-wifi-family a:hover {opacity:.75;text-decoration:none;}
#campaign-wifi-family a:active,
#campaign-wifi-family a:focus {outline:none;text-decoration:none;}
#campaign-wifi-family ul,
#campaign-wifi-family ol,
#campaign-wifi-family li {list-style:none;margin:0;padding:0;}
#campaign-wifi-family p {font-size:14px;line-height:1.8;}
#campaign-wifi-family dl,
#campaign-wifi-family dd {margin:0;padding:0;}
#campaign-wifi-family img {vertical-align:bottom;width:100%;height:auto;}
#campaign-wifi-family h1,
#campaign-wifi-family h2,
#campaign-wifi-family h3,
#campaign-wifi-family h4 {margin:0;padding:0;}
#campaign-wifi-family .content {background:#fff;overflow:hidden;max-width:640px;margin:0 auto;}

/*-----------------------------------------------
  COMMON
------------------------------------------------*/
/* visual */
#campaign-wifi-family .visual {text-align:center;}
#campaign-wifi-family .visual img {max-width:640px;}
#campaign-wifi-family .visual .txt_02 {background:#0072ed;}
#campaign-wifi-family .visual .txt_03 {background:url(../../../campaign-wifi-family/sp/img/common/bg_star_01.png) left top repeat;}

/* nav */
#campaign-wifi-family .hnav {margin-bottom:20px;}
#campaign-wifi-family .hnav ul {overflow:hidden;}
#campaign-wifi-family .hnav li {text-align:center;}
#campaign-wifi-family .hnav li a {background:#ff999b;border-bottom:5px solid #ff797c;border-left:1px solid #fff;}
#campaign-wifi-family .hnav li a,
#campaign-wifi-family .hnav li span {position:relative;display:block;padding:0 2px;line-height:1.1;font-weight:bold;}
#campaign-wifi-family .hnav li span {background:#ff3d41;border-bottom:5px solid #f20000;border-left:1px solid #fff;}
#campaign-wifi-family .hnav li small {color:#fff;}
#campaign-wifi-family .hnav li:first-child a,
#campaign-wifi-family .hnav li:first-child span {border-left:0;}
#campaign-wifi-family .fnav {padding:0 3% 20px 3%;margin:0 auto;max-width:640px;background:#fff;}
#campaign-wifi-family .fnav ul {overflow:hidden;}
#campaign-wifi-family .fnav li {margin-bottom:10px;}
#campaign-wifi-family .fnav li a {background:#fff;}
#campaign-wifi-family .fnav li a,
#campaign-wifi-family .fnav li span {display:block;border:2px solid #ff905b;}
#campaign-wifi-family .fnav li span {background:#f6ede4}

/* ツアー　日別タブ */
#campaign-wifi-family .tour_info_tab_nav {overflow:hidden;table-layout:fixed;display:table;width:100%;}
#campaign-wifi-family .tour_info_tab_nav li {display:table-cell;}
#campaign-wifi-family .tour_info_tab_nav li span {display:block;cursor:pointer;margin:0 2px;border-radius:4px 4px 0 0;color:#fff;
    text-align:center;border-bottom:3px solid #62b0a4;font-size:10px;font-weight:normal;line-height:1.2;padding:3px 0;border:0;
    background: #c0dfdb;
    background: -moz-linear-gradient(top, #c0dfdb 0%,  #9bcdc5 50%, #9bcdc5 100%);
    background: -webkit-linear-gradient(top, #c0dfdb 0%,#9bcdc5 50%,#9bcdc5 100%);
    background: linear-gradient(to bottom, #c0dfdb 0%,#9bcdc5 50%,#9bcdc5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0dfdb', endColorstr='#9bcdc5',GradientType=0 );}
#campaign-wifi-family .tour_info_tab_nav li.active span {color:#fa3734;background:#fff;border-bottom:3px solid #fff;}
#campaign-wifi-family .tour_info_tab_nav li:first-child span {margin-left:0;}
#campaign-wifi-family .tour_info_tab_nav li:last-child span {margin-right:0;}
#campaign-wifi-family .tour_info_tab_nav li span:hover {opacity:.65;}
#campaign-wifi-family .tour_info_tab_nav li.active span {color:#fff;background:#46b89f;border:0;}
#campaign-wifi-family .tour_info_tab_nav li.active span:hover {opacity:1;}
#campaign-wifi-family .tour_info_tab_nav li span strong {display:block;font-size:12px;font-weight:bold;}
#campaign-wifi-family .tour_info_tab_panel {background:#fff;padding:10px;position:relative;border:solid 2px #46b89f;border-top:solid 5px #46b89f;}
#campaign-wifi-family .tour_info_tab_panel .tour_price {overflow:hidden;width:100%;margin:0 0 10px -10px;}
#campaign-wifi-family .tour_info_tab_panel .tour_price_txt {width:80px;float:left;}
#campaign-wifi-family .tour_info_tab_panel .tour_price_txt span {position:relative;display:block;line-height:1.3;width:64px;height:40px;background:#323232;color:#fff;font-size:10px;padding:7px 0 0 5px;}
#campaign-wifi-family .tour_info_tab_panel .tour_price_txt span:after {content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-style:solid;border-width:20px 0 20px 8px;border-color:transparent transparent transparent #323232;}
#campaign-wifi-family .tour_info_tab_panel .tour_price_txt span strong {display:block;font-weight:normal;}
#campaign-wifi-family .tour_info_tab_panel .tour_price_note {padding-left:80px;}
#campaign-wifi-family .tour_info_tab_panel .tour_price_note .price {color:#fa3734;font-weight:bold;line-height:1.32;font-size:16px;}
#campaign-wifi-family .tour_info_tab_panel .tour_price_note .min_price {font-size:20px;margin-right:3px;}
#campaign-wifi-family .tour_info_tab_panel .tour_price_note .max_price {margin-left:3px;}
#campaign-wifi-family .tour_info_tab_panel .tour_price_note .att {font-size:12px;line-height:1.3;}
#campaign-wifi-family .tour_info_tab_panel .tour_price_note .att span {color:#fa3734;margin-right:5px;}
#campaign-wifi-family .tour_info_tab_panel .tour_link_btn a{font-size:14px;position:relative;background:#0e81e0;color:#fff;border-radius:5px;border-bottom:4px solid #0060de;display:block;text-align:center;font-weight:bold;line-height:40px;height:40px;}
#campaign-wifi-family .tour_info_tab_panel .tour_link_btn a:after {position:absolute;top:0;right:10px;content:"\f105";font-family:FontAwesome;font-weight:normal;}
@media (max-width:640px) {
  #campaign-wifi-family .tour_info_tab_panel .tour_price_note .att {font-size:11px;}
}

/* contact */
#campaign-wifi-family .sec_contact {margin:0 0 5px 0;}
#campaign-wifi-family .sec_contact .contact_time {background:#0072ed;}
#campaign-wifi-family .sec_contact .contact_wrap {padding:15px 3%;}
#campaign-wifi-family .sec_contact .contact_tel {overflow:hidden;margin-bottom:15px;}
#campaign-wifi-family .sec_contact .contact_tel span,
#campaign-wifi-family .sec_contact .contact_tel a {display:block;text-align:center;}
#campaign-wifi-family .sec_contact .contact_tel img {max-width:590px;}
#campaign-wifi-family .sec_contact .contact_tel small {display:block;font-size:14px;line-height:1.8;margin-top:10px;text-align:center;}
#campaign-wifi-family .sec_contact .contact_txt {color:#ff2d91;font-size:12px;font-weight:bold;line-height:1.6;}
@media (max-width:640px) {
  #campaign-wifi-family .sec_contact .contact_txt br {display:none;}
}

/* guide */
#campaign-wifi-family .sec_guide {overflow:hidden;margin-bottom:50px;}
#campaign-wifi-family .sec_guide .guide_tit {color:#ff2d91;font-size:20px;font-weight:bold;padding:15px 0;margin:0;line-height:1.6;text-align:center;
  background:url(../../../campaign-wifi-family/sp/img/common/bg_star_01.png) left top repeat;
  -webkit-background-size:125px auto;
  background-size:125px auto;}
#campaign-wifi-family .sec_guide .guide_wrap {}
#campaign-wifi-family .sec_guide .guide_txt_01 {margin:0 0 10px 0;}
#campaign-wifi-family .sec_guide .guide_txt_02 {text-align:center;font-size:15px;font-weight:bold;line-height:1.6;margin:0 5px 10px 5px;}
#campaign-wifi-family .sec_guide .guide_txt_02 span {color:#fb3490;}
#campaign-wifi-family .sec_guide .guide_txt_03 {color:#116cdd;font-size:13px;font-weight:bold;line-height:1.6;margin:0 3% 15px 3%;}
#campaign-wifi-family .sec_guide .guide_box {padding:0 3%;}
#campaign-wifi-family .sec_guide .guide_box .tit_01 {font-size:16px;line-height:1.6;font-weight:bold;color:#fff;padding:5px 15px;background:#ff2d91;text-align:center;margin:0 -4% 10px -4%;}
#campaign-wifi-family .sec_guide .guide_box .tit_01.blue {background:#0072ed;text-align:left;}
#campaign-wifi-family .sec_guide .guide_box .tit_02 {color:#ff2d91;font-size:13px;line-height:1.6;font-weight:bold;margin:0;}
#campaign-wifi-family .sec_guide .guide_box p {font-weight:bold;font-size:13px;line-height:1.6;margin-bottom:15px;}
#campaign-wifi-family .sec_guide .guide_box p + p {margin-top:10px;}
#campaign-wifi-family .sec_guide .guide_box p + .tit_01,
#campaign-wifi-family .sec_guide .guide_box p + .tit_02 {margin-top:15px;}
#campaign-wifi-family .sec_guide .guide_box .text.blue {color:#0068e1;}
#campaign-wifi-family .sec_guide .guide_box .text.pink {color:#fb3490;}
#campaign-wifi-family .sec_guide .guide_box .ex_txt {font-size:13px;margin-bottom:20px;}
#campaign-wifi-family .sec_guide .guide_box .ex_txt dt {line-height:1.6;}
#campaign-wifi-family .sec_guide .guide_box .ex_txt dd {color:#0068e1;line-height:1.6;}
@media (max-width:480px) {
  #campaign-wifi-family .sec_guide .guide_tit {font-size:19px;}
}
@media (max-width:360px) {
  #campaign-wifi-family .sec_guide .guide_tit {font-size:17px;}
  #campaign-wifi-family .sec_guide .guide_txt_02 {text-align:left;}
}

/* Page top */
.pagetop {cursor:pointer;width:44px;height:44px;right:5px;text-indent:-9999px;z-index:300;
  background:rgba(0,0,0,0.6) url(../../../campaign-wifi-family/sp/img/common/pagetop.png) center center no-repeat;
  -webkit-background-size:100% auto;
  background-size:100% auto;}

/*-----------------------------------------------
  TOP
------------------------------------------------*/
/* sec_items  */
#campaign-wifi-family .sec_items.top {padding:0 3%;}
#campaign-wifi-family .sec_items.top .hnav li {float:left;width:20%;display:table;}
#campaign-wifi-family .sec_items.top .hnav li a,
#campaign-wifi-family .sec_items.top .hnav li span {display:table-cell;vertical-align:middle;height:70px;padding-bottom:10px;}
#campaign-wifi-family .sec_items.top .hnav li a {background:#ff3d41;border-bottom:5px solid #f20000;}
#campaign-wifi-family .sec_items.top .hnav li a::after,
#campaign-wifi-family .sec_items.top .hnav li span::after {content:"";position:absolute;bottom:3px;left:0;width:100%;height:6px;
  background:url(../../../campaign-wifi-family/sp/img/common/arr_btm_01.png) center center no-repeat;
  -webkit-background-size:7px auto;
  background-size:7px auto;}
#campaign-wifi-family .sec_items.top .item_area {margin:0 0 15px 0;}
#campaign-wifi-family .sec_items.top .item_wrap {overflow:hidden;}
#campaign-wifi-family .sec_items.top .item_cnt {overflow:hidden;margin-bottom:10px;border:2px solid #642f05;padding:3%;background:#fff;}
#campaign-wifi-family .sec_items.top .item_cnt .inner {overflow:hidden;}
#campaign-wifi-family .sec_items.top .item_name {position:relative;margin-bottom:15px;background:#0095ff;}
#campaign-wifi-family .sec_items.top .item_name img {z-index:20;position:relative;width:100%;height:auto;}
#campaign-wifi-family .sec_items.top .item_name .dep {z-index:10;position:absolute;top:5%;left:0;width:100%;color:#fff;text-align:center;font-size:16px;}
#campaign-wifi-family .sec_items.top .pop_link {margin:0 0 15px 15px;}
#campaign-wifi-family .sec_items.top .pop_link a {display:inline-block;border-radius:12px;font-size:13px;height:20px;line-height:20px;color:#fff;padding:0 10px;background:#0095ff;font-weight:bold;}
#campaign-wifi-family .sec_items.top .link_btn {margin:0 0 30px 0;}
#campaign-wifi-family .sec_items.top .link_btn a {position:relative;display:block;color:#fff;font-size:14px;border-radius:10px;line-height:1.6;
  padding:10px 5% 10px 2%;background:#ff2d91;text-align:center;font-weight:bold;border-bottom:4px solid #ca0060;}
#campaign-wifi-family .sec_items.top .link_btn a::after {position:absolute;content:"\f105";font-family:FontAwesome;top:50%;margin-top:-10px;height:20px;right:15px;}
#campaign-wifi-family .sec_items.top .link_btn br {display:none;}
@media (max-width:640px) {
  #campaign-wifi-family .sec_items.top .item_name .dep {font-size:14px;top:3.5%;}
  #campaign-wifi-family .sec_items.top .link_btn br {display:block;}
}



/*-----------------------------------------------
  SUB
------------------------------------------------*/
/* sec_items  */
#campaign-wifi-family .sec_items.sub {padding:15px 3% 0 3%;}
#campaign-wifi-family .sec_items.sub .hnav ul {display:table;width:100%;}
#campaign-wifi-family .sec_items.sub .hnav li {width:18%;display:table-cell;vertical-align:top;}
#campaign-wifi-family .sec_items.sub .hnav li:first-child {width:10%;}
#campaign-wifi-family .sec_items.sub .hnav li a,
#campaign-wifi-family .sec_items.sub .hnav li span {padding-top:45px;display:table;width:100%;}
#campaign-wifi-family .sec_items.sub .hnav li img {position:absolute;top:8px;left:50%;margin-left:-17.5px;width:35px;height:35px;display:block;}
#campaign-wifi-family .sec_items.sub .hnav li small {display:table-cell;height:45px;vertical-align:middle;width:100%;}
#campaign-wifi-family .sec_items.sub .items_head {text-align:center;margin-bottom:10px;}
#campaign-wifi-family .sec_items.sub .items_head .tit {margin:0 0 15px 0;}
#campaign-wifi-family .sec_items.sub .items_head .local_nav {text-align:center;}
#campaign-wifi-family .sec_items.sub .items_head .local_nav li {margin:0 5px 5px 5px;display:inline-block;}
#campaign-wifi-family .sec_items.sub .items_head .local_nav a {font-size:13px;line-height:1.6;text-decoration:underline;color:#0095ff;font-weight:bold;}
#campaign-wifi-family .sec_items.sub .items_head .local_nav a::before {content:"▼";}
#campaign-wifi-family .sec_items.sub .items_list {border:1px solid #642f05;margin-bottom:30px;}
#campaign-wifi-family .sec_items.sub .items_area {color:#642f05;font-size:20px;font-weight:bold;line-height:1.4;text-align:center;margin:0;background:#fff564;padding:10px 10px 8px 10px;}
#campaign-wifi-family .sec_items.sub .item_wrap {overflow:hidden;}
#campaign-wifi-family .sec_items.sub .item_cnt {padding:15px 10px;border-bottom:1px solid #c7c7c7;}
#campaign-wifi-family .sec_items.sub .item_info {overflow:hidden;margin-bottom:10px;}
#campaign-wifi-family .sec_items.sub .item_info_01 {float:left;width:30%;}
#campaign-wifi-family .sec_items.sub .item_info_02 {padding-left:32%;}
#campaign-wifi-family .sec_items.sub .item_dep {background:#00c2b0;color:#fff;text-align:center;font-weight:bold;font-size:13px;line-height:1.6;}
#campaign-wifi-family .sec_items.sub .item_photo img {width:100%;height:auto;}
#campaign-wifi-family .sec_items.sub .item_name {font-size:13px;line-height:1.6;}
#campaign-wifi-family .sec_items.sub .item_name a {color:#323232;}
#campaign-wifi-family .sec_items.sub .tour_info_tab_panel {padding:8px 65px 8px 0;}
#campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_price {margin:0;}
#campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_price_txt {width:75px;}
#campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_price_txt span {width:60px;padding:3px 0 0 3px;height:32px;}
#campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_price_txt span:after {border-width:16px 0 16px 8px;}
#campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_price_note {padding-left:75px;}
#campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_price_note .min_price {font-size:17px;margin:0;}
#campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_price_note .max_price {font-size:13px;margin:0;}
#campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_link_btn {position:absolute;top:8px;right:8px;width:55px;}
#campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_link_btn a {font-size:13px;padding-right:10px;height:35px;line-height:35px;}
#campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_link_btn a:after {right:5px;content: "\f101";}
#campaign-wifi-family .sec_items.sub .item_link {background:#f6ede4;padding:10px;text-align:center;}
#campaign-wifi-family .sec_items.sub .item_link p {font-size:15px;line-height:1.6;font-weight:bold;color:#642f05;margin-bottom:5px;}
#campaign-wifi-family .sec_items.sub .item_link li {display:inline-block;margin:0 5px;}
#campaign-wifi-family .sec_items.sub .item_link li a {text-decoration:underline;color:#005be3;font-size:13px;line-height:1.6;}
@media (max-width:400px) {
  #campaign-wifi-family .sec_items.sub .hnav li small {height:50px;font-size:11px;}
  #campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_price_txt {width:70px;}
  #campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_price_note {padding-left:70px;}
  #campaign-wifi-family .sec_items.sub .tour_info_tab_panel .tour_price_note .att {font-size:10px;}
}
/*-----------------------------------------------
  add-wifi
------------------------------------------------*/
.add-wifi {
  width: 100%;
  border: solid 1px #FE2E90;
  padding: 1em;
  margin-bottom: 2em;
  text-align: center;
}
.add-wifi b {  
  color: #FE2E90;
}

#campaign-wifi-family .sec_items.cwf {padding:15px 3% 0 3%;}
#campaign-wifi-family .sec_items.cwf .hnav ul {display:table;width:100%;}
#campaign-wifi-family .sec_items.cwf .hnav li {width:18%;display:table-cell;vertical-align:top;}
#campaign-wifi-family .sec_items.cwf .hnav li:first-child {width:10%;}
#campaign-wifi-family .sec_items.cwf .hnav li a,
#campaign-wifi-family .sec_items.cwf .hnav li span {padding-top:45px;display:table;width:100%;}
#campaign-wifi-family .sec_items.cwf .hnav li img {position:absolute;top:8px;left:50%;margin-left:-17.5px;width:35px;height:35px;display:block;}
#campaign-wifi-family .sec_items.cwf .hnav li small {display:table-cell;height:45px;vertical-align:middle;width:100%;}

#campaign-wifi-family .sec_items.cwf .items_head {text-align:center;margin-bottom:10px;}
#campaign-wifi-family .sec_items.cwf .items_head .tit {margin:0 0 15px 0;}
#campaign-wifi-family .sec_items.cwf .items_head .local_nav {text-align:center;}
#campaign-wifi-family .sec_items.cwf .items_head .local_nav li {margin:0 5px 5px 5px;display:inline-block;}
#campaign-wifi-family .sec_items.cwf .items_head .local_nav a {font-size:13px;line-height:1.6;text-decoration:underline;color:#0095ff;font-weight:bold;}
#campaign-wifi-family .sec_items.cwf .items_head .local_nav a::before {content:"▼";}

@media (max-width:400px) {
  #campaign-wifi-family .sec_items.cwf .hnav li small {height:50px !important;font-size:11px;}
  #campaign-wifi-family .sec_items.cwf .tour_info_tab_panel .tour_price_txt {width:70px;}
  #campaign-wifi-family .sec_items.cwf .tour_info_tab_panel .tour_price_note {padding-left:70px;}
  #campaign-wifi-family .sec_items.cwf .tour_info_tab_panel .tour_price_note .att {font-size:10px;}
}