/* ----------------------------------------------------------------

	Clearfix

----------------------------------------------------------------- */
.tab-view-switch:before,
.search-result .search-result-sort:before,
.tab-view-switch:after,
.search-result .search-result-sort:after{
content:'';
display:table;
}

.tab-view-switch:after,
.search-result .search-result-sort:after{
clear:both;
}

/* ----------------------------------------------------------------

	Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  font,cursor control
----------------------------------------------------------------- */
button,
select{
cursor:pointer;
}

button[disabled],
select[disabled]{
cursor:default;
}

/* ----------------------------------------------------------------
  HTML5 display definitions
----------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{
display:block;
}

audio,
canvas,
progress,
video{
display:inline-block;
}

audio:not([controls]){
display:none;
height:0;
}

progress{
vertical-align:baseline;
}

/* ----------------------------------------------------------------

	Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Heading
----------------------------------------------------------------- */
/* .menu-header-container
----------------------------------------------- */
.menu-header-container{
padding:14px 20px 12px;
margin-bottom:23px;
color:#fff;
position:relative;
background-color:#287ac4;
}

.box-bg-img-ctrl .menu-header-container{
background-color:rgba(16, 92, 169, 0.6);
}

/* .menu-header-container > .menu-header
----------------------------------------------- */
.menu-header-container .menu-header{
padding-right:150px;
display:block;
line-height:1.45;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
}
.menu-header-container .menu-header a{
color:#fff;
}
.menu-header-container .menu-header a:active,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:focus{
text-decoration:none;
}

/* .menu-header-container > .menu-header-sup
----------------------------------------------- */
.menu-header-container .menu-header-sup{
font-size:15px;
}

/* .menu-header-container > .menu-header-agt
----------------------------------------------- */
.menu-header-container .menu-header-agt{
margin-top:5px;
padding:2px 10px;
background-color:#fff;
}

/* .menu-header-container > .menu-header-agt-catch
----------------------------------------------- */
.menu-header-container .menu-header-agt-catch{
margin-right:10px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:12px;
display:inline-block;
}

/* .menu-header-container > .menu-header-agt-list
----------------------------------------------- */
.menu-header-container .menu-header-agt-list{
display:inline-block;
}
.menu-header-container .menu-header-agt-list > li{
margin-left:10px;
display:inline-block;
vertical-align:middle;
}
.menu-header-container .menu-header-agt-list > li:first-child{
margin-left:0;
}
.menu-header-container .menu-header-agt-list > li img{
vertical-align:middle;
}

/* .menu-header-container > .menu-header-utility
----------------------------------------------- */
.menu-header-container .menu-header-utility{
border:1px solid rgba(255, 255, 255, 0.5);
position:absolute;
top:16px;
right:25px;
display:table;
font-size:12px;
}
.menu-header-container .menu-header-utility > li{
border-left:1px solid rgba(255, 255, 255, 0.5);
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:first-child{
border-left:none;
}
.menu-header-container .menu-header-utility > li > a{
color:#fff;
display:block;
padding:4px 15px;
}
.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
background-color:rgba(0, 0, 0, 0.1);
text-decoration:none;
}

/* .menu-header-note
----------------------------------------------- */
.menu-header-container .menu-header-note{
position:absolute;
top:58px;
right:20px;
font-size:12px;
}

.menu-header-container .menu-header-note::before{
margin-right:4px;
content:"\203b";
display:inline-block;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
padding:8px 20px;
color:#fff;
background-color:#333;
font-size:18px;
}

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* .list-bullet
----------------------------------------------- */
/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link
----------------------------------------------- */
/* ----------------------------------------------------------------
  Button
----------------------------------------------------------------- */
/* .btn-close
----------------------------------------------- */
/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .pager
----------------------------------------------- */
.pager{
line-height:1;
font-size:14px;
white-space:nowrap;
}
.pager li{
display:inline-block;
text-align:center;
}
.pager li > a,
.pager li > b{
color:#555;
padding:6px 2px 4px 2px;
background-color:#ececec;
display:block;
min-width:24px;
box-sizing:border-box;
}
.pager li > a:active,
.pager li > a:hover,
.pager li > a:focus,
.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
background-color:#fff;
text-decoration:none;
}
.pager li > b{
color:#fff;
background-color:transparent;
}
.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
background-color:transparent;
}
.pager .first,
.pager .last,
.pager .prev,
.pager .next{
font-size:12px;
}
.pager .first > a,
.pager .last > a,
.pager .prev > a,
.pager .next > a{
padding:7px 5px 5px;
}
.pager .prev{
margin-right:3px;
}
.pager .next{
margin-left:3px;
}
.pager .ellipsis{
margin-left:-3px;
padding-left:16px;
position:relative;
}
.pager .ellipsis:before{
content:'...';
display:block;
position:absolute;
color:#ececec;
left:0;
bottom:0;
speak:none;
font-weight:normal;
}

/* .tab-view-switch
----------------------------------------------- */
.tab-view-switch{
margin-bottom:14px;
border-bottom:1px solid #bbb;
}
.tab-view-switch > li{
margin-right:5px;
float:left;
position:relative;
z-index:1;
}
.tab-view-switch > li a{
padding:10px 0 9px;
color:var(--cmn-font-color-base);
border-width:1px 1px 0;
border-style:solid;
border-color:#bbb;
display:block;
width:195px;
background-color:#f8f8f8;
font-size:13px;
text-align:center;
text-decoration:none;
box-sizing:border-box;
}
.tab-view-switch > li.is-active a{
position:relative;
background-color:#fff;
font-weight:bold;
}
.tab-view-switch > li.is-active a:after{
content:'';
display:block;
width:100%;
height:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
z-index:1;
background-color:#fff;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* .box-bg-img-ctrl
----------------------------------------------- */
.box-bg-img-ctrl{
margin:0 -10px -50px;
padding:0 10px 50px;
background:#ebf5f9 url(/element/w_wifi/index/images/bg-contents.png) 50% 0 no-repeat;
background-size:100% auto;
}

/* .panel
----------------------------------------------- */
.panel{
margin-top:25px;
padding:15px 20px 20px;
border-top:1px solid #e1e1e1;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.35);
background-color:#fff;
}

/* .panel > .panel-hdg
----------------------------------------------- */
.panel .panel-hdg{
margin-bottom:10px;
font-size:18px;
}

/* ----------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
/* .notice
----------------------------------------------- */
/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
border:1px solid #bebebe;
display:inline-block;
min-width:50px;
height:34px;
padding:0;
box-sizing:border-box;
background-color:#fff;
position:relative;
}
.form-custom-select:before{
margin-top:-2px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.form-custom-select select{
padding:5px 16px 5px 5px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
box-sizing:border-box;
background-color:transparent;
font-size:13px;
position: relative;
}

/* IE,Edge adjust */
.cmn-ms .form-custom-select:before{
display:none;
}

.cmn-ms .form-custom-select select{
padding:4px 4px 6px 5px;
}

.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}

/* ----------------------------------------------------------------
	Component Modules
----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Search Result
----------------------------------------------------------------- */
/* .search-result
----------------------------------------------- */
.search-result{
margin-top:10px;
padding:20px 15px 8px;
border-radius:6px;
background-color:#777;
}

/* .search-result-sort-container
----------------------------------------------- */
.search-result .search-result-sort-container{
position:relative;
min-height:26px;
margin-top:-10px;
}
.search-result .search-result-sort-container .form-search-result-select{
position:absolute;
right:0;
top:-1px;
height:30px;
}
.search-result .search-result-sort-container .form-search-result-select select{
height:30px;
}

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort{
color:#fff;
font-size:12px;
border-bottom:1px solid #999;
}
.search-result .search-result-sort > li{
padding-right:3px;
display:table;
position:relative;
float:left;
}
.search-result .search-result-sort > li a{
display:block;
color:#fff;
padding:7px 0 10px 8px;
}
.search-result .search-result-sort > li a > .num{
font-size:10px;
}
.search-result .search-result-sort > li:before{
margin-top:-9px;
content:'';
display:block;
width:1px;
height:14px;
overflow:hidden;
position:absolute;
top:50%;
right:0;
background-color:#c1c1c1;
}
.search-result .search-result-sort > li:last-child:before{
margin-right:0;
padding-right:0;
display:none;
}
.search-result .search-result-sort > li > span{
display:table-cell;
white-space:nowrap;
vertical-align:middle;
}
.search-result .search-result-sort > li > span:after{
margin-left:5px;
content:'\ff1a';
display:inline-block;
}
.search-result .search-result-sort > li.is-active a{
font-weight:bold;
}
.search-result .search-result-sort > li.is-active a:after{
content:'';
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
background-color:#fff;
}

/* .search-result-area
----------------------------------------------- */
.search-result .search-result-area{
position:relative;
margin:17px 0;
color:#fff;
overflow:hidden;
}
.search-result .search-result-area > b{
float:left;
padding:2px 8px 1px;
margin-right:15px;
font-size:11px;
background-color:#999;
display:inline-block;
}
.search-result .search-result-area > ul{
margin-top:1px;
}
.search-result .search-result-area > ul > li{
margin-right:13px;
font-size:12px;
display:inline-block;
}
.search-result .search-result-area > ul > li label{
position:relative;
padding-left:15px;
}
.search-result .search-result-area > ul > li label > input[type='checkbox']{
position:absolute;
left:0;
top:2px;
margin:0;
padding:0;
}

/* .search-result-hdg
----------------------------------------------- */
.search-result .search-result-hdg{
margin:0 -8px;
padding:9px 0 8px 15px;
font-size:15px;
border-bottom:2px solid #ccc;
border-radius:6px 6px 0 0;
background-color:#f2f2f2;
}
.search-result .search-result-hdg + .search-result-item,
.search-result .search-result-hdg + .search-result-item-error{
margin-top:0;
border-radius:0 0 6px 6px;
}

/* .search-result-hdg-01
----------------------------------------------- */
.search-result .search-result-hdg-01{
padding-left:15px;
margin:17px -8px 0;
padding-bottom:4px;
color:#fff;
font-size:15px;
border-bottom:1px solid #fff;
}

/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item,
.search-result .search-result-item-error{
margin:7px -8px 0;
border-radius:6px;
position:relative;
background-color:#fff;
font-size:12px;
overflow:hidden;
}
.search-result .search-result-item:after,
.search-result .search-result-item-error:after{
content:'';
width:1px;
height:100%;
background-color:#ddd;
position:absolute;
left:183px;
top:0;
}
.search-result .search-result-item .search-result-item-col,
.search-result .search-result-item-error .search-result-item-col{
padding:0 10px;
box-sizing:border-box;
}
.search-result .search-result-item .search-result-item-col.right,
.search-result .search-result-item-error .search-result-item-col.right{
float:right;
width:533px;
padding-left:13px;
}
.search-result .search-result-item .search-result-item-col.left,
.search-result .search-result-item-error .search-result-item-col.left{
float:left;
width:183px;
}
.search-result .search-result-item:first-child,
.search-result .search-result-item-error:first-child{
margin-top:11px;
}

/* .search-result-item-error
----------------------------------------------- */
.search-result .search-result-item-error{
text-align:center;
padding:40px 0;
}
.search-result .search-result-item-error:after{
display:none;
}
.search-result .search-result-item-error .error-wording{
font-size:17px;
font-weight:bold;
color:var(--cmn-font-color-base);
margin-bottom:14px;
}
.search-result .search-result-item-error .error-link{
display:inline-block;
font-size:14px;
font-weight:bold;
color:#555;
margin-top:42px;
}
.search-result .search-result-item-error .error-link:before{
display:inline-block;
vertical-align:middle;
content:'';
border-right:1px solid #777;
border-bottom:1px solid #777;
width:4px;
height:4px;
margin:-1px 6px 0 0;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .search-result-item-sold
----------------------------------------------- */
.search-result .search-result-item-sold{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(203, 203, 203, 0.8);
z-index:1;
}
.search-result .search-result-item-sold > span{
display:block;
position:absolute;
left:50%;
top:50%;
margin:-25px 0 0 -83px;
padding:7px 33px 3px;
color:#e30707;
line-height:1.5;
font-size:24px;
background-color:#fff;
border:2px solid #e30707;
box-sizing:border-box;
}
.search-result .search-result-item-sold > span:before{
content:'';
display:block;
position:absolute;
top:2px;
left:2px;
width:158px;
height:42px;
border:1px solid #e30707;
box-sizing:border-box;
}

/* .search-result-item-hdg
----------------------------------------------- */
.search-result .search-result-item-hdg{
font-size:15px;
margin:12px 0 6px;
line-height:1.53;
}

/* .search-result-item-description
----------------------------------------------- */
.search-result .search-result-item-description{
margin:0 0 8px;
line-height:1.68;
}

/* .search-result-agt
----------------------------------------------- */
.search-result .search-result-item-date{
font-size:12px;
}
.search-result .search-result-item-date > span{
display:inline-block;
margin-right:13px;
font-size:11px;
padding:2px 9px;
border:1px solid #ddd;
background-color:#fff;
box-sizing:border-box;
}

/* .search-result-item-footer
----------------------------------------------- */
.search-result .search-result-item-footer{
overflow:hidden;
margin-top:8px;
padding:10px 0;
border-top:1px solid #ddd;
}
.search-result .search-result-item-footer .search-result-sns{
float:left;
}
.search-result .search-result-item-footer .search-result-sns > li{
display:inline-block;
vertical-align:top;
}
.search-result .search-result-item-footer .search-result-sns > li > a{
width:60px;
height:20px;
display:block;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
color:transparent;
overflow:hidden;
}
.search-result .search-result-item-footer .search-result-sns > li.facebook > a{
background-image:url(/element/final/shared/images/icon-facebook-share.svg);
}
.search-result .search-result-item-footer .search-result-sns > li.twitter > a{
background-image:url(/element/final/shared/images/icon-twitter-tweet.svg);
}
.search-result .search-result-item-footer .search-result-cv{
float:right;
margin-right:2px;
box-sizing:border-box;
}
.search-result .search-result-item-footer .search-result-cv-inner{
position:relative;
}
.search-result .search-result-item-footer .search-result-tbl-plan .search-result-cv{
padding:0;
border:none;
width:auto;
position:static;
}

/* .search-result-cv-btn
----------------------------------------------- */
.search-result .search-result-cv-btn,
.search-result .search-result-cv-btn-01{
padding:8px 10px 11px;
border-radius:4px;
color:#fff;
display:table;
width:210px;
box-sizing:border-box;
text-shadow:0 1px rgba(0, 0, 0, 0.2);
font-size:18px;
font-weight:bold;
line-height:1.0;
background-color:#72ba00;
text-align:center;
box-shadow:inset 0 -3px rgba(0, 0, 0, 0.2);
}
.search-result .search-result-cv-btn:active,
.search-result .search-result-cv-btn-01:active,
.search-result .search-result-cv-btn:hover,
.search-result .search-result-cv-btn-01:hover,
.search-result .search-result-cv-btn:focus,
.search-result .search-result-cv-btn-01:focus{
background-color:#67a700;
text-decoration:none;
}

/* .search-result-cv-sup
----------------------------------------------- */
.search-result .search-result-cv-sup{
position:relative;
display:table-cell;
padding:3px 12px 0 28px;
vertical-align:middle;
}
.search-result .search-result-cv-sup:before{
content:'';
display:block;
position:absolute;
left:10px;
top:-2px;
height:27px;
width:1px;
background-color:#5a9200;
}

/* .search-result-cv-logo
----------------------------------------------- */
.search-result .search-result-cv-logo{
display:table-cell;
width:60px;
height:21px;
background-color:#fff;
vertical-align:middle;
}
.search-result .search-result-cv-logo img{
max-width:60px;
max-height:21px;
vertical-align:top;
}

/* .search-result-cv-btn-01
----------------------------------------------- */
.search-result .search-result-cv-btn-01{
background-color:#bfbfbf;
box-shadow:inset 0 -3px rgba(0, 0, 0, 0.2);
}
.search-result .search-result-cv-btn-01:active,
.search-result .search-result-cv-btn-01:hover,
.search-result .search-result-cv-btn-01:focus{
background-color:#bfbfbf;
text-decoration:none;
}
.search-result .search-result-cv-btn-01 .search-result-cv-sup:before{
background-color:#999;
}

/* .search-result-item-category
----------------------------------------------- */
.search-result .search-result-item-category{
margin:0 -10px 10px;
padding:13px 0 7px;
text-align:center;
font-size:12px;
font-weight:bold;
border-bottom:1px solid #d9d9d9;
}

/* .search-result-item-price
----------------------------------------------- */
.search-result .search-result-item-price{
position:relative;
line-height:1.36;
margin-bottom:12px;
font-size:11px;
text-align:center;
}
.search-result .search-result-item-price .num{
font-size:22px;
font-family:Arial;
}
.search-result .search-result-item-price .sup{
display:block;
color:#555;
margin-top:1px;
}

/* .search-result-item-status
----------------------------------------------- */
.search-result .search-result-item-status{
display:block;
padding:3px 0 2px;
margin-bottom:9px;
text-align:center;
color:var(--cmn-font-color-base);
font-size:13px;
font-weight:bold;
background-color:#f7efdf;
}
.search-result .search-result-item-status.is-active{
background-color:#e1f3f8;
}
.search-result .search-result-item-status.is-disabled{
background-color:#e5e5e5;
}

/* .search-result-item-period
----------------------------------------------- */
.search-result .search-result-item-period{
display:block;
color:var(--cmn-font-color-base);
font-size:11px;
line-height:1.36;
}
.search-result .search-result-item-period > span{
display:block;
}

/* .ranking-appeal-hdg
----------------------------------------------- */
.ranking-appeal .ranking-appeal-hdg{
padding:12px 0;
font-size:12px;
border-width:1px 0;
border-style:solid;
border-color:#d2d2d2;
}

/* .ranking-appeal-list
----------------------------------------------- */
.ranking-appeal .ranking-appeal-list > li{
padding:8px 0;
border-bottom:1px dotted #ccc;
overflow:hidden;
}
.ranking-appeal .ranking-appeal-list > li .ranking-appeal-rank{
font-weight:bold;
font-size:12px;
margin-bottom:4px;
}
.ranking-appeal .ranking-appeal-list > li .ranking-appeal-rank > b{
display:inline-block;
padding:2px 3px 1px;
margin-right:7px;
color:var(--cmn-font-color-base);
background-color:#e4e4e4;
font-size:10px;
vertical-align:top;
}
.ranking-appeal .ranking-appeal-list > li .ranking-appeal-rank > b .num{
font-family:Arial;
font-size:12px;
}
.ranking-appeal .ranking-appeal-list > li:first-child .ranking-appeal-rank > b{
color:#fff;
background-color:#f5b733;
}
.ranking-appeal .ranking-appeal-list > li:nth-child(2) .ranking-appeal-rank > b{
color:#fff;
background-color:#999;
}
.ranking-appeal .ranking-appeal-list > li:nth-child(3) .ranking-appeal-rank > b{
color:#fff;
background-color:#b48350;
}

/* .ranking-appeal-rank
----------------------------------------------- */
/* .ranking-appeal-item
----------------------------------------------- */
.ranking-appeal .ranking-appeal-item{
color:#555;
font-size:11px;
display:block;
margin-bottom:5px;
}

/* .ranking-appeal-logo
----------------------------------------------- */
.ranking-appeal .ranking-appeal-logo{
float:right;
display:block;
width:60px;
height:21px;
border:1px solid #ccc;
text-align:center;
}
.ranking-appeal .ranking-appeal-logo a{
display:block;
}
.ranking-appeal .ranking-appeal-logo img{
vertical-align:top;
max-width:60px;
max-height:21px;
}

/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* .loading
----------------------------------------------- */
.loading{
margin:80px 0;
text-align:center;
font-weight:bold;
font-size:16px;
position:relative;
}
.loading > span{
opacity:0;
position:absolute;
left:0;
top:0;
}
.loading:before{
content:'';
display:block;
width:48px;
height:48px;
overflow:hidden;
position:static;
margin:0 auto;
background:url(/element/shared/images/icon/ic_load_l.gif) 0 0 no-repeat;
}

/* ----------------------------------------------------------------
  Notfound
----------------------------------------------------------------- */
/* .error-item
----------------------------------------------- */
.error-item{
text-align:center;
}
.error-catch{
margin:40px 0 20px;
font-size:18px;
}
.error-desc {
padding-bottom:120px;
}
.search-result .search-result-item-error .error-desc {
padding-bottom:0;
}
.search-result .search-result-item-error .error-catch{
margin:0 0 20px;
}
.error-desc p:not([class]){
font-size:14px;
}
.error-btn {
margin-top:32px;
font-size:14px;
}
.error-btn>a {
padding:9px 20px;
border:1px solid #c5c5c5;
border-radius: 3px;
color:#666;
display:inline-block;
background-color:#fff;
text-decoration:none;
min-width:202px;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size: 14px;
}