@charset  "utf-8";

/* PCトップページ専用スタイル
----------------------------------------------------------------- */

/* 要素 */
#top article ul,
#top article ol{
margin-bottom: 0;
list-style: none;
}

/* 重要なお知らせ */
#top #emergency{
margin: 0 auto;
padding: 10px 0;
width: 980px;
}
#top #emergency dl{
display: table;
overflow: hidden;
box-sizing: border-box;
width: 100%;
border: 2px solid #003399;
border-radius: 5px;
}
#top #emergency dl dt{
display: table-cell;
box-sizing: border-box;
padding: 15px 10px;
width: 180px;
background: #003399;
color: #fff;
vertical-align: middle;
font-size: 16px;
}
#top #emergency dl dt img{
display: inline-block;
margin-right: 10px;
width: 25px;
vertical-align: middle;
}
#top #emergency dl dd{
padding: 0 20px 5px;
background: #fff;
vertical-align: middle;
font-size: 14px;
}
#top #emergency dl dd:first-of-type{
padding-top: 15px;
}
#top #emergency dl dd:last-of-type{
padding-bottom: 15px;
}
#top #emergency dl dd span.date{
float: left;
width: 108px;
}
#top #emergency dl dd span.text{
padding-left: 108px;
}
#top #emergency dl dd span.date,
#top #emergency dl dd span.text{
display: block;
}
.news-top{
margin: 0 auto;
padding: 10px 0;
width: 980px;
}
.news-top dl.news-list{
display: table;
width: 100%;
border: 1px solid #c1c1c1;
border-radius: 5px;
background-color: #fff;
}
.news-top dl.news-list dt{
display: table-cell;
padding: 10px;
width: 304px;
border-right: 1px solid #c1c1c1;
color: #333;
vertical-align: middle;
text-align: center;
}
.news-top dl.news-list dd{
display: table-cell;
padding: 10px;
vertical-align: middle;
}
.news-top dl.news-list li{
display: inline-block;
margin-left: 50px;
}
.news-top dl.news-list li + li{
margin-left: 60px;
}
.news-text{
box-sizing: border-box;
margin: 0 auto;
padding: 10px 10px 10px 30px;
width: 980px;
border: 1px solid #c1c1c1;
border-radius: 5px;
background-color: #fff;
}

/* メインビジュアル */
#top #visual{
position: relative;
overflow: hidden;
margin-top: 0;
margin-bottom: 15px;
}
#top #emergency + #visual,
#top .news-top + #visual{
margin-top: 0;
}
#top #visual .slider{
padding-bottom: 30px;
max-width: 2000px;
margin: 0 auto;
}
#top #visual .slider .arrow-wrapper{
position: absolute;
top: 50%;
right: 0;
left: 0;
z-index: 100;
margin: 0 auto;
width: 950px;
text-align: center;
}
#top #visual .slider .slick-track{
background-color: #fff;
}
#top #visual .slider .arrow-wrapper .prev,
#top #visual .slider .arrow-wrapper .next{
position: absolute;
top: -55px;
bottom: 30px;
margin: auto;
width: 35px;
height: 35px;
border-radius: 50%;
background: #039;
text-indent: -9999px;
cursor: pointer;
}
#top #visual .slider .arrow-wrapper .prev{
left: -17px;
}
#top #visual .slider .arrow-wrapper .next{
right: -17px;
}
#top #visual .slider .arrow-wrapper .prev:before,
#top #visual .slider .arrow-wrapper .next:before{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
content: "";
vertical-align: middle;
}
#top #visual .slider .arrow-wrapper .prev:before{
left: 14px;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
#top #visual .slider .arrow-wrapper .next:before{
right: 14px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#top #visual .slider .slick-slide{
margin: 0 auto;
}
#top #visual .slider .slick-dots{
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
margin: 0 auto;
width: 880px;
text-align: center;
}
#top #visual .slider .slick-dots li{
display: inline-block;
margin: 0 5px;
}
#top #visual .slider .slick-dots li button{
display: inline-block;
padding: 0;
width: 8px;
height: 8px;
border: 0;
border-radius: 50%;
background: #666;
color: transparent;
font-size: 0;
}
#top #visual .slider .slick-dots li.slick-active button{
background: #039
}

/* タブ内（WIMAX）バナーカルーセル */
#top #wimax,
#top #mobile{
position: relative;
overflow: hidden;
margin-top: 0;
margin-bottom: 15px;
}
#top #emergency + #wimax,
#top .news-top + #wimax,
#top #emergency + #mobile,
#top .news-top + #mobile{
margin-top: 0;
}
#top #wimax .slider-wimax,
#top #mobile .slider-wimax{
padding-bottom: 30px;
}
#top #wimax .slider-wimax .arrow-wrapper,
#top #mobile .slider-wimax .arrow-wrapper{
position: absolute;
top: 225px;
right: 0;
left: 0;
z-index: 100;
margin: 0 auto;
width: 649px;
text-align: center;
}
#top #wimax .slider-wimax._fix-arw-height .arrow-wrapper,
#top #mobile .slider-wimax._fix-arw-height .arrow-wrapper{
top: 308px;
}
#top #wimax .slider-wimax .slick-track,
#top #mobile .slider-wimax .slick-track{
background-color: #fff;
}
#top #wimax .slider-wimax .arrow-wrapper .prev,
#top #wimax .slider-wimax .arrow-wrapper .next,
#top #mobile .slider-wimax .arrow-wrapper .prev,
#top #mobile .slider-wimax .arrow-wrapper .next{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 24px;
height: 24px;
border-radius: 50%;
background: #ffffff;
text-indent: -9999px;
cursor: pointer;
}
#top #wimax .slider-wimax .arrow-wrapper .prev,
#top #mobile .slider-wimax .arrow-wrapper .prev{
left: 0;
top: 0;
}
#top #wimax .slider-wimax .arrow-wrapper .next,
#top #mobile .slider-wimax .arrow-wrapper .next{
right: 0;
top: 0;
}
#top #wimax .slider-wimax .arrow-wrapper .prev:before,
#top #wimax .slider-wimax .arrow-wrapper .next:before,
#top #mobile .slider-wimax .arrow-wrapper .prev:before,
#top #mobile .slider-wimax .arrow-wrapper .next:before{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 8px;
height: 8px;
border-top: 2px solid #999;
border-right: 2px solid #999;
content: "";
vertical-align: middle;
}
#top #wimax .slider-wimax .arrow-wrapper .prev:before,
#top #mobile .slider-wimax .arrow-wrapper .prev:before{
left: 10px;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
#top #wimax .slider-wimax .arrow-wrapper .next:before,
#top #mobile .slider-wimax .arrow-wrapper .next:before{
right: 10px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#top #wimax .slider-wimax .slick-slide,
#top #mobile .slider-wimax .slick-slide{
margin: 0 auto;
}
#top #wimax .slider-wimax .slick-dots,
#top #mobile .slider-wimax .slick-dots{
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
margin: 0 auto;
width: 500px;
text-align: center;
}
#top #wimax .slider-wimax .slick-dots li,
#top #mobile .slider-wimax .slick-dots li{
display: inline-block;
margin: 0 5px;
}
#top #wimax .slider-wimax .slick-dots li button,
#top #mobile .slider-wimax .slick-dots li button{
display: inline-block;
padding: 0;
width: 8px;
height: 8px;
border: 0;
border-radius: 50%;
background: #999;
color: transparent;
font-size: 0;
}
#top #wimax .slider-wimax .slick-dots li.slick-active button,
#top #mobile .slider-wimax .slick-dots li.slick-active button{
background: #039
}

/* タブ内 */
.category-block + .category-block{
padding: 40px 0;
border-top: 1px solid #dbdbdb;
}
.category-block + .category-block:last-child{
padding-bottom: 10px;
}
.category-block .container{
padding: 0;
}
.category-block .fields-layout .fields.block2{
margin-right: 30px;
width: 649px;
}
.category-block .fields-layout .fields.block1{
width: 300px;
}
.category-block .fields-layout .fields.nohead > .content{
padding: 0;
}
.category-block .fields-layout .fields .field{
padding: 20px 25px;
text-align: center;
font-size: 12px;
}
#content-mobile .category-block .fields-layout .fields .field:first-child{
padding: 10px 25px 15px;
border-bottom: 1px solid #c1c1c1;
}
#content-mobile .category-block .fields-layout .fields .field.border-none:first-child{
padding: 20px 25px;
border-bottom: none;
}
#content-mobile .category-block .fields-layout .fields .field .title{
margin-bottom: 0;
}
#content-mobile .category-block .fields-layout .fields .field .btn-area{
line-height: 1;
}
#content-mobile .category-block .fields-layout .fields .field:last-child{
padding: 10px 20px 21px;
}
#content-mobile .category-block .fields-layout .fields .field:last-child .title{
font-size: 14px;
}
#content-wimax .category-block .fields-layout .fields .field:first-child{
padding: 10px 25px 15px;
border-bottom: 1px solid #c1c1c1;
}
#content-wimax .category-block .fields-layout .fields .field:last-child .title{
font-size: 14px;
}
#content-wimax .category-block .fields-layout .fields .field:last-child{
padding: 10px 20px 15px;
}
#content-wimax .category-block .fields-layout .fields .field .title{
margin-bottom: 0;
}
.category-block .fields-layout .fields > .head{
border: 1px solid #c1c1c1;
background: none;
}
.category-block .fields-layout .fields > .head .title{
padding: 20px;
color: #2c2c2c;
font-size: 20px;
font-family: "新ゴ M","Shin Go Medium";
}
.category-block .fields-layout .fields .field .title{
margin-bottom: 5px;
font-size: 16px;
}
.category-block .fields-layout .fields .field .title2{
font-size: 18px;
margin-bottom: 5px;
}
.category-block .fields-layout .fields .field .text-support{
text-align: left;
margin-bottom: 6px;
letter-spacing: -0.5px;
margin-left: -2px;
margin-right: -15px;
line-height: 1.65;
}
.category-block .fields-layout .fields .field .text-support .btn-area a{
line-height: 42px;    
}
.category-block .fields-layout .fields .field .text-support2 .btn-area a{
line-height: 42px;    
}
.category-block .fields-layout .fields .field .text-support2{
text-align: center;
margin-bottom: 6px;
line-height: 1.65;
}
.mheight{
max-height: 144px;
height: 100%;
padding-top: 8px !important;
}
.category-block .fields-layout .fields .field .btn-area{
margin-bottom: 0;
font-size: 11px;
}
.category-block .fields-layout .fields .field .btn-area [class^="btn-"]{
margin-top: 5px;
max-width: 180px;
font-size: 15px;
}
.category-block .fields-layout .fields h4{
margin-bottom: 10px;
padding: 10px 5px;
text-align: left;
font-weight: normal;
font-size: 16px;
font-family: "新ゴ R","Shin Go Regular";
}
.category-block .fields-layout .fields .link-list{
margin-bottom: 20px;
}
.category-block .fields-layout .fields .link-list li{
margin: 0 0 10px 5px;
text-align: left;
font-size: 12px;
}
.category-layout{
font-size: 14px;
}
.category-layout .title{
margin: 15px 0 30px;
font-weight: normal;
font-size: 32px;
line-height: 1;
}
.category-layout .title .icon{
margin-top: -5px;
vertical-align: middle;
}
.category-layout .fields-left{
position: relative;
float: left;
margin-right: 90px;
min-height: 240px;
width: 270px;
}
.category-layout .fields-right{
float: right;
width: 620px;
}
.category-layout .btn-area{
position: absolute;
bottom: 0;
width: 100%;
}
.category-layout .btn-area  [class^="btn-"]{
width: 100%;
}
.category-layout .mark-area{
position: absolute;
bottom: -60px;
width: 100%;
display: table;
}
.category-layout .mark-area img{
padding-right: 10px;
}
.category-layout .mark-area p{
margin: 0;
display: table-cell;
vertical-align: middle;
}
.category-layout .link-box-list li{
position: relative;
float: left;
margin-bottom: 10px;
margin-left: 10px;
width: 200px;
text-align: center;
font-size: 12px;
}
.category-layout .link-box-list li:nth-child(3n+1){
margin-left: 0;
}
.category-layout .link-box-list li img{
border-radius: 0;
}
.category-layout .link-box-list li.wide{
width: 305px;
}
.category-layout .link-box-list li.short .link-boxi{
display: table;
}
.category-layout .link-box-list li.short .link-box{
max-height: 113px;
}
.category-layout .link-box-list li.short .content{
display: table-cell;
width: 100%;
vertical-align: middle;
}
.category-layout .link-box-list li.short b{
font-size: 16px;
line-height: 1.2;
}
.category-layout .link-box-list li.short b span{
display: block;
font-size: 14px;
}
.category-layout .link-box-list .balloon{
position: absolute;
top: -23px;
right: 0;
left: 0;
z-index: 1;
margin: auto;
}
.category-layout .link-box-list .content{
display: block;
padding: 15px 10px;
}
.category-layout .link-box-list .content_box1{
display: block;
padding: 8px 10px;
}
.category-layout .link-box-list .content.pad-01{
padding: 25px 15px;
}
.category-layout .link-box-list .content.pad-02{
padding: 45px 15px;
}
.category-layout .link-box-list b{
display: block;
margin-bottom: 5px;
font-size: 18px;
}

/* おススメコンテンツ、キャンペーンおトク情報 */
#top .pickups{
overflow: hidden;
}
#top .pickups .hline{
margin-top: 25px;
}
#top .pickups .recommend-list{
margin-bottom: 50px;
}
#top .pickups .col-3{
margin: 0 0 10px 10px;
width: 320px;
}
#top .pickups .col-3 .link-box{
background-color: #fff;
}
#top .pickups .col-3 .link-boxi{
display: table;
}
#top .pickups .col-3 .link-box .image{
border-radius: 0;
}
#top .pickups .col-3 .link-box .title{
display: table-cell;
width: 100%;
vertical-align: middle;
text-align: center;
font-size: 16px;
font-family: "新ゴ M","Shin Go Medium";
}
#top .pickups .infos{
margin: 20px 10px 60px;
border-radius: 5px;
}
#top .pickups .infos h2{
position: relative;
margin: 0 0 20px;
color: #2c2c2c;
text-align: center;
font-weight: normal;
font-size: 22px;
}
#top .pickups .infos h2 .btn-rss{
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
height: 19px;
}
#top .pickups .infos h2 .btn-rss img{
vertical-align: top;
}
#top .pickups .infos .list-infos{
margin-bottom: 30px;
}
#top .pickups .infos .list-infos li{
margin: 0 0 10px;
}
#top .pickups .infos .list-infos li .link-box{
position: relative;
box-sizing: border-box;
padding: 25px 25px 25px 95px;
border-radius: 5px;
background-color: #fff;
}
#top .pickups .infos .list-infos li .link-box::before{
position: absolute;
top: 0;
bottom: 0;
left: 20px;
display: inline-block;
margin: auto;
width: 60px;
height: 60px;
content: "";
}
#top .pickups .infos .list-infos li .link-box:hover::before{
left: 17px;
}
#top .pickups .infos .list-infos li.type-mobile .link-box::before{
background-image: url(/common2/images/icon_infos_01_pc.png);
}
#top .pickups .infos .list-infos li.type-mobile-wimax .link-box::before{
background-image: url(/common2/images/icon_infos_02_pc.png);
}
#top .pickups .infos .list-infos li.type-wimax .link-box::before{
background-image: url(/common2/images/icon_infos_03_pc.png);
}
#top .pickups .infos .list-infos li.type-annai .link-box::before{
background-image: url(/common2/images/icon_infos_04_pc.png);
}
#top .pickups .infos .list-infos li.type-other .link-box::before{
background-image: url(/common2/images/icon_infos_05_pc.png);
}
#top .pickups .infos .list-infos li .date{
display: inline-block;
margin-right: 5px;
}
#top .pickups .infos .list-infos li .category{
display: inline-block;
box-sizing: border-box;
margin-right: 5px;
padding: 0 5px;
min-width: 75px;
border: 1px solid;
text-align: center;
height: 21px;
}
#top .pickups .infos .list-infos li .category.type-mobile{
border-color: #e4007f;
color: #e4007f;
}
#top .pickups .infos .list-infos li .category.type-wimax{
border-color: #09f;
color: #09f;
}
#top .pickups .infos .list-infos li .category.type-annai{
border-color: #039;
color: #039;
}
#top .pickups .infos .list-infos li .category.type-other{
border-color: #c1c1c1;
color: #2b2b2b;
}
#top .pickups .infos .list-infos li .text{
display: block;
margin-top: 5px;
min-height: 38px;
}
#top .pickups .infos .btn{
margin: 0 auto 40px;
width: 260px;
font-size: 14px;
}

#top .pickups .foot{
margin-bottom: 50px;
}
#top .pickups .foot ul{
overflow: hidden;
border-radius: 5px;
}
#top .pickups .foot ul li{
float: left;
margin-bottom: 0;
margin-left: 0;
width: 326px;
border-right: 1px solid #c1c1c1;
border-top: 1px solid #c1c1c1;
background: #fff;
vertical-align: middle;
font-size: 15px;
line-height: 0;
}
#top .pickups .foot ul li:nth-child(3n){
border-right: 0
}
#top .pickups .foot ul li:nth-child(-n+3){
border-top: 0
}
#top .pickups .foot ul li a{
display: block;
color: #2c2c2c !important;
}
#top .pickups .foot ul li:nth-child(3n+1) a{
padding-left: 105px
}
#top .pickups .foot ul li:nth-child(3n+2) a{
padding-left: 85px
}
#top .pickups .foot ul li:nth-child(3n) a{
padding-left: 80px
}
#top .pickups .foot ul li a img{
position: absolute;
margin-right: 12px;
padding: 27px 0;
}
#top .pickups .foot ul li a span{
display: table-cell;
padding-left: 38px;
height: 81px;
vertical-align: middle;
line-height: 130%;
}
#top .pickups .foot .link-boxw,
#top .pickups .foot .link-boxw .link-box,
#top .pickups .foot ul li .link-img{
border-radius: 0
}

#top .list-banner-static{
text-align: center;
font-size: 0;
}
#top .list-banner-static > li{
margin: 0 5px;
width: 225px;
font-size: initial;
}