@charset  "utf-8";
/*
  BASE
========================================================================================================*/
body{
position: relative;
min-width: 980px;
background: url(/common2/images/bg_body.png) repeat left top;
color: #2c2c2c;
-webkit-text-size-adjust: 100%;
word-wrap : break-word;
font-size: 12px;
font-family: "新ゴ R","Shin Go Regular","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
overflow-wrap : break-word;
}
section{
position: relative;
min-width: 980px;
}
section.bg-white{
margin-top: 20px;
}
.container{
position: relative;
margin: 0 auto;
padding: 20px 0 0;
width: 980px;
}
.headline + section > .container{
margin-top: 40px;
}
section > .container{
overflow: hidden;
}
a:link{
color: #039;
text-decoration: none;
}
a:hover,
a:active{
color: #09f;
text-decoration: underline;
}
a:visited{
text-decoration: none;
color:#c651d2;
}
a:visited:hover{
color: #09f;
text-decoration: underline;
}
:disabled{
background-color: #ccc
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder{
color: #aaa
}
input[type=text]{
font-family: Helvetica, sans-serif;
}
input{
outline: none;
}
label{
cursor: pointer
}
img{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.visible-fnav2 #fnav{
display: none;
}

/*
  header
========================================================================================================*/
header{
position: relative;
border-bottom: 1px solid #c1c1c1;
background: #fff;
z-index: 9999;
}
body.is-glnav-active header{
z-index: 400;
}
header .head{
position: relative;
margin: 0 auto;
padding: 20px 0 0;
width: 980px;
}
header .logo{
margin: 0;
margin-bottom: 24px;
padding: 0;
text-align: center;
font-size: 1em;
}
header .head-copy{
position: absolute;
top: 40px;
left: 0;
font-weight: 400;
font-size: 11px;
line-height: 100%;
}
header .logo-10th{
position: absolute;
top: 13px;
left: 106px;
}
header .head-copy.type-10th{
top: 32px;
left: 177px;
line-height: 1.4;
}
header .head-link{
position: absolute;
top: 20px;
right: 0;
display: table;
}
header .head-link li{
display: table-cell;
padding-left: 15px;
}
header .head-search{
position: absolute;
top: 50px;
right: 0;
display: table;
}
header .head-search form{
display: table-cell;
}
header .head-search form input[type=text]{
box-sizing: border-box;
padding: 7px 12px;
width: 150px;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border-radius: 30px;
font-size: 11px;
line-height: 120%;
-webkit-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
}
header .head-search form input[type=text]:focus{
width: 220px;
}
header .head-search form input[type=submit]{
position: absolute;
top: 6px;
right: 11px;
overflow: hidden;
width: 16px;
height: 16px;
border: none;
background: url(/common2/images/search_btn.png) no-repeat left top;
text-indent: -9999px;
white-space: nowrap;
}
header .head-search .cp-link{
display: table-cell;
padding-right: 10px;
vertical-align: middle;
}

/* Global navi */
header #glnav{
text-align: center;
}
header #glnav > ul{
float: left;
margin: 0;
margin-bottom: -1px;
padding: 0;
width: 806px;
background: url(/common2/images/bg_nav_dot.png) no-repeat right top;
}
header #glnav > ul > li{
float: left;
margin: 0;
padding: 0;
width: 20%;
background: url(/common2/images/bg_nav_dot.png) no-repeat left top;
vertical-align: top;
font-size: 13px;
}
header #glnav > ul > li > a{
position: relative;
display: block;
box-sizing: border-box;
padding-top: 27px;
height: 57px;
color: #2c2c2c !important;
text-decoration: none !important;
}
header #glnav > ul > li > a.current{
background: url(/common2/images/bg_gnav_hover.png) no-repeat center bottom;
}
header #glnav > ul > li > a .text{
position: relative;
display: block;
box-sizing: border-box;
margin: 0 10px;
padding: 0 15px;
text-align: center;
}
header #glnav > ul > li > a:hover .text,
header #glnav > ul > li > a.is-active .text{
border-radius: 30px;
background: #e8e8e8;
}
header #glnav > ul > li > a.is-toggleable .text::after{
position: absolute;
top: -2px;
right: 10px;
bottom: 0;
margin: auto;
width: 5px;
height: 5px;
border-top: 2px solid #999;
border-right: 2px solid #999;
content: "";
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
header #glnav > ul > li > a.is-toggleable.is-active .text::after{
top: 2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header #glnav > ul > li > a img{
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
}
header #glnav > .glnav-entry-block{
position: relative;
float: left;
box-sizing: border-box;
padding-top: 10px;
width: 174px;
height: 57px;
vertical-align: middle;
text-align: right;
}
header #glnav > .glnav-entry-block .btn-green{
padding: 5px 10px;
min-width: 160px;
min-height: 30px;
font-size: 11px;
}
header .glnav-entry-block .btn-green.is-active{
border-color: #039;
background-color: #039;
}
header .glnav-entry-block .btn-green::before{
content: none;
}
header .glnav-entry-block .entry-window{
position: absolute;
top: 52px;
right: -0;
z-index: 110;
display: none;
padding: 15px;
border: 2px solid #039;
border-radius: 8px;
background: #fff;
}
header .glnav-entry-block .entry-window::before{
position: absolute;
top: -8px;
right: 0;
left: 0;
margin: auto;
width: 10px;
height: 9px;
border-top: 2px solid #039;
border-right: 2px solid #039;
background: #fff;
content: "";
-webkit-transform: rotate(-60deg) skew(-30deg, 0);
-ms-transform: rotate(-60deg) skew(-30deg, 0);
transform: rotate(-60deg) skew(-30deg, 0);
}
header .glnav-entry-block .entry-window::after{
display: block;
clear: both;
content: "";
}
header .glnav-entry-block .entry-window li{
float: left;
margin-left: 5px;
}
header .glnav-entry-block .entry-window li:first-child{
margin-left: 0;
}
header .glnav-menu{
position: absolute;
left: 0;
z-index: 101;
display: none;
box-sizing: border-box;
padding: 20px 0;
width: 100%;
background: url(/common2/images/bg_glnav-menu-inner.png) repeat left bottom;
}
header .glnav-menu .glnav-menu-box{
box-sizing: border-box;
margin: 0 auto;
padding: 0 20px;
width: 980px;
border-radius: 6px;
background-color: #fff;
text-align: left;
}
header .glnav-menu .glnav-menu-box-title{
position: relative;
margin: 0 -20px;
border-bottom: 1px solid #c2c2c2;
border-radius: 6px 6px 0 0;
background-color: #f2f2f2;
}
header .glnav-menu .glnav-menu-box-title .title-link{
display: block;
padding: 8px 40px 8px 20px;
color: #2b2b2b;
text-decoration: none;
font-size: 16px;
}
header .glnav-menu .glnav-menu-box-title .title-link .icon{
margin-right: 13px;
max-height: 20px;
vertical-align: middle;
}
header .glnav-menu .glnav-menu-box-title .title-link span{
vertical-align: middle;
display: inline-block;
}
header .glnav-menu .glnav-menu-box-title .title-link span::after{
position: relative;
top: -2px;
display: inline-block;
width: 7px;
height: 7px;
margin-left: 8px;
border-top: 2px solid #666;
border-right: 2px solid #666;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
header .glnav-menu .btn-glnav-close{
position: absolute;
top: 0;
right: 0px;
bottom: 0;
margin: auto;
padding: 0 6px;
border: none;
background: none;
}
header .glnav-menu .glnav-menu-box-content{
padding: 20px 0;
}
header .glnav-menu .glnav-menu-box-content + .glnav-menu-box-content{
border-top: 1px solid #e0e0e0;
}
header .glnav-menu .list-menu{
float: left;
box-sizing: border-box;
width: 460px;
}
header .glnav-menu .list-menu + .list-menu{
margin-left: 20px;
}
header .glnav-menu .list-menu > .item-top{
float: left;
width: 140px;
height: 140px;
}
header .glnav-menu .list-menu > .item-top .link-boxw{
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
header .glnav-menu .list-menu > .item-top .link-box{
display: table-cell;
width: 100%;
color: #fff !important;
vertical-align: middle;
text-align: center;
font-size: 15px;
font-family: "新ゴ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
header .glnav-menu .list-menu > .item-top .link-box .link-boxi{
display: inline-block;
line-height: 1.4;
}
header .glnav-menu .list-menu > .item-top .link-box:hover .link-boxi{
margin: 0 !important;
}
header .glnav-menu .list-menu > .item-top .link-box .icon{
display: block;
margin: 5px auto 10px;
}
header .glnav-menu .list-menu > .item-top .link-box span{
display: block;
font-size: 12px;
}
header .glnav-menu .list-menu > .item-full{
float: left;
box-sizing: border-box;
margin-left: 6px;
padding: 15px 18px 10px;
min-height: 140px;
width: 314px;
border: 1px solid #c2c2c2;
border-radius: 5px;
}
header .glnav-menu .list-menu > .item-col1{
position: relative;
float: left;
box-sizing: border-box;
margin-left: 6px;
min-height: 140px;
width: 103px;
border-radius: 5px;
}
header .glnav-menu .list-menu > .item-col2{
position: relative;
float: left;
box-sizing: border-box;
margin-left: 6px;
min-height: 140px;
width: 205px;
border-radius: 5px;
}
header .glnav-menu .list-menu > .item-col1 .title,
header .glnav-menu .list-menu > .item-col2 .title{
display: block;
box-sizing: border-box;
width: 100%;
height: 28px;
border: 1px solid #c2c2c2;
border-bottom: none;
border-radius: 5px 5px 0 0;
background-color: #f2f2f2;
text-align: center;
font-weight: normal;
font-size: 11px;
line-height: 28px;
}
header .glnav-menu .list-menu > .item-col2 .title.title-link {
  color: #2c2c2c;
  text-decoration: none;
  position: relative;
}
header .glnav-menu .list-menu > .item-col2 .title.title-link::before {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 8px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .glnav-menu .list-menu > .item-col1 .title.type-iphone{
position: absolute;
top: 0;
left: 0;
background: none;
}
header .glnav-menu .list-menu > .item-col1 .link-boxw .link-img,
header .glnav-menu .list-menu > .item-col2 .link-boxw .link-img{
width: 20px;
height: auto;
}
header .glnav-menu .list-menu > .item-col1 .link-boxw,
header .glnav-menu .list-menu > .item-col1 .link-boxw .link-box{
border-radius: 0 0 5px 5px;
}
header .glnav-menu .list-menu > .item-col1 .title.type-iphone + .link-boxw,
header .glnav-menu .list-menu > .item-col1 .title.type-iphone + .link-boxw .link-box{
border-radius: 5px;
}
header .glnav-menu .list-menu > .item-col2 .link-boxw{
float: left;
width: 103px;
border-radius: 0 0 0 5px;
}
header .glnav-menu .list-menu > .item-col2 .link-boxw .link-box{
border-right-color: #e0e0e0;
border-radius: 0 0 0 5px;
}
header .glnav-menu .list-menu > .item-col2 .link-boxw .link-img{
border-radius: 0;
}
header .glnav-menu .list-menu > .item-col2 .link-boxw + .link-boxw{
width: 102px;
border-radius: 0 0 5px 0;
}
header .glnav-menu .list-menu > .item-col2 .link-boxw + .link-boxw .link-box.border:hover .link-boxi{
margin-left: -3px;
}
header .glnav-menu .list-menu > .item-col2 .link-boxw + .link-boxw .link-box{
border-right-color: #c2c2c2;
border-left: none;
border-radius: 0 0 5px 0;
}
header .glnav-menu .list-menu.type-wimax > .item-top .link-box{
background-color: #46bbf2;
}
header .glnav-menu .list-menu.type-mobile > .item-top .link-box{
background-color: #f354a4;
}
header .glnav-menu .list-menu.type-mobile > .item-top.reset-btn .link-box,
header .glnav-menu .list-menu.type-wimax > .item-top.reset-btn .link-box{
background-color: #ffffff;
color: #2c2c2c !important;
border: 1px solid #c2c2c2;
}
header .glnav-menu .list-menu.type-mobile.ls-reset > .item-top.reset-btn,
header .glnav-menu .list-menu.type-wimax.ls-reset > .item-top.reset-btn{
margin-left: 6px;
width: 154px;
}
header .glnav-menu .list-menu.type-mobile.ls-reset > .item-top.reset-btn .txt,
header .glnav-menu .list-menu.type-wimax.ls-reset > .item-top.reset-btn .txt{
padding-bottom: 10px;
font-size: 13px;
}
header .glnav-menu .list-menu.type-mobile.ls-reset > .item-top.reset-btn .link-boxw .link-img,
header .glnav-menu .list-menu.type-wimax.ls-reset > .item-top.reset-btn .link-boxw .link-img{
width: 20px;
height: auto;
}
header .glnav-menu .list-menu .list-link > li{
margin-bottom: 3px;
}
header .glnav-menu .list-menu .list-link > li:last-child{
margin-bottom: 0;
}
header .glnav-menu .list-menu .list-link > li a{
position: relative;
padding-left: 22px;
color: #2c2c2c;
display: inline-block;
}
header .glnav-menu .list-menu .list-link > li a span{
font-size: 12px;
}
header .glnav-menu .list-menu .list-link > li a::before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: 13px;
height: 13px;
border-radius: 50%;
background-color: #666;
content: "";
}
header .glnav-menu .list-menu .list-link > li a::after{
position: absolute;
top: 0;
bottom: 0;
left: 3px;
margin: auto;
width: 3px;
height: 3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
header .glnav-menu .list-menu.type-wimax .list-link > li a::before{
background-color: #46bbf2;
}
header .glnav-menu .list-menu.type-mobile .list-link > li a::before{
background-color: #f354a4;
}
header .glnav-menu .list-menu > .item-full .list-link._2col-lyt {
display: flex;
flex-wrap: wrap;
}
header .glnav-menu .list-menu > .item-full .list-link._2col-lyt li {
width: 133px;
}
header .glnav-menu .list-menu > .item-full .list-link._2col-lyt li:nth-child(2n+1) {
margin-right: 10px;
}
header .glnav-menu .list-link-box li{
float: left;
margin-left: 20px;
width: 460px;
}
header .glnav-menu .list-link-box li:first-child{
margin-left: 0;
}
header .glnav-menu .list-link-box.col3 li{
width: 300px;
}
header .glnav-menu .list-link-box li .link-box{
display: table;
width: 100%;
height: 72px;
border-color: #c2c2c2;
background-color: #f7f7f7;
}
header .glnav-menu .list-link-box li .link-box.type-wimax{
border-color: #46bbf2;
background-color: #f2fbff;
}
header .glnav-menu .list-link-box li .link-box.type-wimax:hover{
border-color: #46bbf2 !important;
}
header .glnav-menu .list-link-box li .link-box.type-mobile{
border-color: #f354a4;
background-color: #fff2f9;
}
header .glnav-menu .list-link-box li .link-box.type-mobile:hover{
border-color: #f354a4 !important;
}
header .glnav-menu .list-link-box li .link-box .link-boxi{
display: table-cell;
vertical-align: middle;
text-align: center;
}
header .glnav-menu .list-link-box li .link-box .icon{
margin-right: 20px;
vertical-align: middle;
}
header .glnav-menu .list-link-box li .link-box .title{
display: inline-block;
vertical-align: middle;
font-size: 15px;
font-family: "新ゴ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
header .glnav-menu .list-link-box li .link-box .title span{
display: block;
font-size: 12px;
}
header .glnav-menu .list-link-box li .link-box{
margin-right: 10px;
vertical-align: middle;
}
header #glnav > ul > li > a.is-active + .glnav-menu{
z-index: 102;
}
header #glnav.is-fixed > ul > li > a.is-active + .glnav-menu{
position: fixed;
}
header #site-nav{
margin: 0 auto;
width: 980px;
}

/* Fixed global navi */
header .glnav-fixed{
position: fixed;
top: 0;
left: 0;
z-index: 300;
width: 100%;
border-bottom: 1px solid #c1c1c1;
background: #fff;
}
header .glnav-fixed .wrap{
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 6px 0;
width: 980px;
}
header .glnav-fixed .wrap::after{
display: block;
clear: both;
content: "";
}
header .glnav-fixed .logo{
float: left;
margin: 0 25px 0 0;
}
header .glnav-fixed .logo a{
display: table-cell;
height: 48px;
vertical-align: middle;
}
header .glnav-fixed .logo img{
width: 56px;
height: auto;
}
header .glnav-fixed .wrap > ul{
float: left;
box-sizing: border-box;
width: 739px;
border-right: 1px dotted #c1c1c1;
}
header .glnav-fixed .wrap > ul > li{
display: table;
float: left;
width: 146px;
border-left: 1px dotted #c1c1c1;
}
header .glnav-fixed .wrap > ul > li > a{
position: relative;
display: table-cell;
width: 100%;
height: 46px;
color: #2c2c2c;
vertical-align: middle;
text-align: center;
text-decoration: none;
}
header #glnav > .wrap > ul > li > a.is-active + .glnav-menu{
z-index: 102;
}
header .glnav-fixed .wrap > ul > li > a .text{
margin-left: 3px;
font-size: 11px;
}
/*header .glnav-fixed .wrap > ul > li > a.is-toggleable .text::after{
position: absolute;
right: 50%;
bottom: 0;
margin: auto;
width: 5px;
height: 5px;
border-top: 2px solid #999;
border-right: 2px solid #999;
content: "";
-webkit-transform: rotate(135deg) translateX(-50%);
-ms-transform: rotate(135deg) translateX(-50%);
transform: rotate(135deg) translateX(-50%);
}
header .glnav-fixed .wrap > ul > li > a.is-toggleable.is-active .text::after{
bottom: -3px;
-webkit-transform: rotate(-45deg) translateX(50%);
-ms-transform: rotate(-45deg) translateX(50%);
transform: rotate(-45deg) translateX(50%);
}*/
header .glnav-fixed .wrap > ul > li > a img{
max-height: 20px;
width: auto;
vertical-align: middle;
}
header .glnav-fixed .wrap > ul > li:nth-child(1) img{
max-height: 14px;
}
header .glnav-fixed .wrap > ul > li:nth-child(2) img{
max-height: 16px;
}
header .glnav-fixed .wrap > ul > li:nth-child(5) img{
max-height: 17px;
}
header .glnav-fixed .wrap > ul > li:nth-child(6) img{
max-height: 18px;
}
header .glnav-fixed .wrap > ul > li > a:hover .text{
box-sizing: border-box;
border-radius: 30px;
background: #e8e8e8;
color: #2c2c2c;
}
header .glnav-fixed .wrap > ul > li .glnav-menu{
display: none;
}
header .glnav-fixed .glnav-entry-block{
position: relative;
float: left;
width: 160px;
text-align: right;
}
header .glnav-fixed .glnav-entry-block .btn-green{
margin-top: 9px;
padding: 6px 15px;
font-size: 10px;
}
header .glnav-fixed .glnav-entry-block .entry-window{
right: -7;
}

/* -------------------------------------
 slim header
 ※通常ヘッダーを継承。影響範囲を切り分ける場合は別途上書きをする必要あり
-------------------------------------- */
header.slim-header .head{
padding: 10px 0;
}
header.slim-header .logo{
float: left;
margin: 3px 25px 0 0;
}
header.slim-header .head-utility-group{
text-align: right;
}
header.slim-header .head-link{
position: static;
display: inline-table;
}
header.slim-header .head-search{
position: static;
display: inline-table;
margin-left: 15px;
vertical-align: bottom;
}
header.slim-header .head-search form{
position: relative;
}
header.slim-header .head-search form input[type=text]{
padding: 4px 7px 3px;
width: 110px;
border: 1px solid #999;
border-radius: 3px;
line-height: 120%;
}
header.slim-header .head-search form input[type=text]:focus{
width: 170px;
}
header.slim-header .head-search form input[type=submit]{
top: 3px;
right: 11px;
}
header.slim-header .head-sns {
display: inline-table;
margin-left: 15px;
vertical-align: text-bottom;
}
header.slim-header .head-sns > .title{
display: table-cell;
}
header.slim-header .head-sns > .list-sns{
display: inline-table;
vertical-align: bottom;
}
header.slim-header .head-sns > .list-sns > li{
display: table-cell;
padding-left: 5px;
vertical-align: middle;
}
/* slim header内グロナビ */
header.slim-header #glnav > ul{
width: 690px;
background: none;
}
header.slim-header #glnav > ul > li{
background: none;
box-sizing: border-box;
}
header.slim-header #glnav > ul > li > a{
box-sizing: border-box;
padding: 0 0 11px;
height: auto;
vertical-align: middle;
}
header.slim-header #glnav > ul > li > a.is-toggleable .text::after{
display: none;
}
header.slim-header #glnav > ul > li > a.current{
background: none;
}
header.slim-header #glnav > ul > li > a.current::after{
position: absolute;
left: 5%;
bottom: 0;
content: '';
width: 90%;
display: block;
height: 4px;
background: #666;
}
header.slim-header #glnav > ul > li > a .inner{
display: block;
width: 100%;
padding: 0 4px;
border-left: 1px dotted #c1c1c1;
box-sizing: border-box;
}
header.slim-header #glnav > ul > li > a .text{
margin: 0;
padding: 3px 7px 2px;
}
header.slim-header #glnav > ul > li > a img{
position: static;
vertical-align: text-bottom;
margin-right: 5px;
}
header.slim-header #glnav > .glnav-entry-block{
padding: 0;
width: 180px;
height: auto;
border-left: 1px dotted #c1c1c1;
}
header.slim-header #glnav > .glnav-entry-block .icon{
margin-right: 5px;
vertical-align: sub;
}
header.slim-header #glnav > .glnav-entry-block .btn-green em{
font-weight: normal;
color: #ffff4c;
}
header .glnav-entry-block .entry-window{
top: 41px;
}
/* slim header 固定ナビゲーション */
header.slim-header .glnav-fixed .logo{
margin-top: 0;
}
header.slim-header .glnav-fixed .wrap{
padding: 2px 0;
}
header.slim-header .glnav-fixed .wrap > ul{
margin-top: 6px;
}
header.slim-header .glnav-fixed .wrap > ul > li > a{
padding: 0 5px;
height: 36px;
}
header.slim-header .glnav-fixed .wrap > ul > li > a .text{
display: block;
}
header.slim-header .glnav-fixed .wrap > ul > li > a img{
margin-right: 5px;
}
header.slim-header .glnav-fixed .glnav-entry-block .btn-green{
margin-top: 9px;
padding: 6px 10px;
font-size: 10px;
}
header.slim-header .glnav-fixed .glnav-entry-block .icon{
margin-right: 5px;
vertical-align: sub;
}
header.slim-header .glnav-fixed .glnav-entry-block .btn-green em{
font-weight: normal;
color: #ffff4c;
}
header.slim-header .glnav-fixed .glnav-entry-block .entry-window{
top: 52px;
}

/* drop down overlay */
.overlay{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 300;
display: none;
background-color: #000;
opacity: 0.8;
}

/*
  fnav
========================================================================================================*/
#fnav .pc-menu{
position: fixed;
top: 100px;
right: 0;
z-index: 200;
border-radius: 12px 0 0 12px;
background: #fff;
}
#fnav .pc-menu ul,
#fnav .pc-menu ul li{
list-style: none;
}
#fnav .pc-menu .menu-btn{
display: block;
overflow: hidden;
margin-right: 3px;
width: 70px;
height: 70px;
border-top: 3px solid #fff;
border-bottom: 2px solid #fff;
border-left: 4px solid #fff;
border-radius: 12px 0 0 12px;
background: #039;
color: #fff !important;
text-decoration: none !important;
background-clip: padding-box;
}
#fnav .pc-menu .menu-bread,
#fnav .pc-menu .menu-bread span{
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all .4s;
}
#fnav .pc-menu .menu-bread{
position: relative;
display: block;
margin: 18px auto 8px;
width: 26px;
height: 18px;
}
#fnav .pc-menu .menu-bread.active{
margin-bottom: 6px;
}
#fnav .pc-menu .menu-bread span{
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
}
#fnav .pc-menu .menu-bread span:nth-of-type(1){
top: 0;
}
#fnav .pc-menu .menu-bread span:nth-of-type(2){
top: 8px;
}
#fnav .pc-menu .menu-bread span:nth-of-type(3){
bottom: 0;
}
#fnav .pc-menu .menu-bread.active span:nth-of-type(1){
-webkit-transform: translateY(10px) rotate(-45deg);
-ms-transform: translateY(10px) rotate(-45deg);
transform: translateY(10px) rotate(-45deg);
}
#fnav .pc-menu .menu-bread.active span:nth-of-type(2){
left: 50%;
opacity: 0;
-webkit-animation: bread-bar .8s forwards;
animation: bread-bar .8s forwards;
}
@-webkit-keyframes bread-bar{

100%{
height: 0
}

}
@keyframes bread-bar{

100%{
height: 0
}

}
#fnav .pc-menu .menu-bread.active span:nth-of-type(3){
-webkit-transform: translateY(-6px) rotate(45deg);
-ms-transform: translateY(-6px) rotate(45deg);
transform: translateY(-6px) rotate(45deg);
}
#fnav .pc-menu .menu-btn:hover{
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70) !important;
}
#fnav .pc-menu .menu-btn .text{
display: block;
text-align: center;
}
#fnav .pc-menu .menu-list{
overflow: hidden;
padding: 3px 3px 3px 4px;
border-radius: 12px 0 0 12px;
background: #fff;
}
#fnav .pc-menu .menu-list ul{
overflow: hidden;
border-radius: 12px 0 0 12px;
}
#fnav .pc-menu .menu-list ul li{
margin-bottom: 1px
}
#fnav .pc-menu .menu-list ul li:nth-of-type(3){
margin-bottom: 5px;
}
#fnav .pc-menu .menu-list ul li a{
display: block;
overflow: hidden;
width: 70px;
height: 80px;
background: #ccc;
}
#fnav .pc-menu .menu-list ul li a:hover{
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70) !important;
}
#fnav .fnav-window{
position: absolute;
top: 0;
right: 77px;
display: none;
}
#fnav #fnav-window-myuq{
top: -86px;
}
#fnav #fnav-window-onlineshop{
top: 57px;
}
#fnav #fnav-window-salesshop{
top: 138px;
}
#fnav .fnav-window-ind{
overflow: hidden;
padding: 25px;
border: 4px solid #039;
border-radius: 5px;
background: #fff;
}
#fnav .fnav-window-ind ul li{
margin-bottom: 25px;
list-style-type: none;
}
#fnav .fnav-window-ind ul li:last-child{
margin-bottom: 0;
}
#fnav .fnav-window-ind ul li a:hover{
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70) !important;
}
#fnav .fnav-window .fnav-window-btn{
position: absolute;
top: 0;
right: -74px;
bottom: 0;
display: block;
margin: auto;
width: 78px;
height: 80px;
}

/*
  fnav2
========================================================================================================*/
#fnav2 .pc-menu{
position: fixed;
top: 100px;
right: 0;
z-index: 200;
border-radius: 12px 0 0 12px;
background: #fff;
}

/*
  sec01
========================================================================================================*/
#sec01 .btn1 {
	width:90px;
	list-style-type:none;
	margin:0;
	padding:0;
	border-top:solid 2px #fff;
	z-index:100;
	position:fixed;
	top:182px;
	right:0;
}
#sec01 .btn1 li {
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;
	border-left:solid 2px #fff;
	border-bottom:solid 2px #fff;
}
#sec01 .btn1 li a {
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#003399;
	display:block;
	transition:all 0.3s ease;
}
#sec01 .btn1 li a.ico1 {
	background-image:url(/common2/images/nav_onlineshop_over.png);
}
#sec01 .btn1 li a.ico2 {
	background-image:url(/common2/images/nav_phone_over.png);
}
#sec01 .btn1 li a.ico3 {
	background-image:url(/common2/images/nav_mail_over.png);
}
#sec01 .btn1 li a:hover {
	background-color:#fff;
	opacity:1;
}
#sec01 .btn1 li a:hover img {
	opacity:0;
}

/*
  topicpath
========================================================================================================*/
#topicpath{
margin: 0 auto;
padding: 12px 0;
width : 980px;
font-size: 12px;
font-size: 11px;
}
#topicpath ul li{
position: relative;
display: inline-block;
margin-right: 5px;
}
#topicpath ul li:before{
position: absolute;
top: 0;
right: 0px;
bottom: 0;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #2c2c2c;
border-right: 1px solid #2c2c2c;
content: "";
vertical-align: middle;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#topicpath ul li a{
margin-right: 15px;
color: #2c2c2c;
text-decoration: underline;
}
#topicpath ul li:last-child:before{
display: none;
}
#topicpath ul li strong{
font-weight: normal;
}

/*
  article
========================================================================================================*/
article .headline{
background: #fff;
}
article .headline .inner{
position: relative;
margin: 0 auto;
width : 980px;
}
article .headline h1{
padding: 15px 360px 15px 0px;
font-size: 24px;
}
article .headline h1 > .sub{
font-size: 17px;
}
article .headline .support{
position: absolute;
top: 0;
right: 0;
padding-top: 13px;
width: 365px;
text-align: right;
}
article .headline .print-btn{
display: inline-block;
box-sizing: border-box;
margin: 5px 0 0 15px;
padding: 5px 25px;
width: 135px;
border: 1px solid #039;
border-radius: 30px;
color: #039 !important;
text-align: center;
text-decoration: none !important;
font-size: 12px;
background-color: #fff;
}
article .headline .print-btn:hover{
text-decoration: none !important;
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
article .headline .print-btn img{
margin-right: 10px;
vertical-align: middle;
}
article .headline .sns-btn{
display: inline-block;
margin: 5px 0;
color: #039;
vertical-align: middle;
}
article .headline .sns-btn li{
display: table-cell;
padding-left: 10px;
vertical-align: middle;
}
article .headline .sns-btn dd a:hover{
text-decoration: none !important;
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
article a:link,
article a:visited{
text-decoration: underline;
}
article .h1{
margin-bottom: 20px;
font-size: 16px;
}
article .h2,
article .h2-lightblue,
article .h2-lightblue,
article .h2-pink{
position: relative;
margin-top: 30px;
margin-bottom: 20px;
padding-bottom: 5px;
padding-left: 17px;
border-bottom: 3px solid #039;
color: #585858;
font-size: 15px;
font-family: "新ゴ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
article .h2:before,
article .h2-lightblue:before,
article .h2-lightblue:before,
article .h2-pink:before{
position: absolute;
top: 0;
bottom: 5px;
left: 0;
overflow: hidden;
width: 8px;
border-radius: 5px;
background: #039;
content: "";
}
article .h2-lightblue{
border-bottom: 3px solid #0099ff;
}
article .h2-lightblue:before{
background: #0099ff;
}
article .h2-lightblue{
border-bottom: 3px solid #0099ff;
}
article .h2-lightblue:before{
background: #0099ff;
}
article .h2-pink{
border-bottom: 3px solid #e4007f;
}
article .h2-pink:before{
background: #e4007f;
}
article .h3,
article .h3-lightblue,
article .h3-lightblue,
article .h3-pink{
margin-top: 30px;
margin-bottom: 20px;
padding: 7px 0 3px;
border-bottom: 2px solid #039;
font-size: 14px;
font-family: "新ゴ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
article .h3-lightblue{
border-bottom: 2px solid #0099ff;
}
article .h3-lightblue{
border-bottom: 2px solid #0099ff;
}
article .h3-pink{
border-bottom: 2px solid #e4007f;
}
article .h4{
margin: 20px 0 20px 0 !important;
padding: 0 0 5px 0 !important;
border-bottom: 1px solid #c1c1c1 !important;
color: #585858;
text-align: left !important;
font-size: 13px !important;
font-family: "新ゴ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
article .heading-01{
margin: 40px 0 20px;
padding: 7px 20px 5px;
border-radius: 5px;
color: #2b2b2b;
font-size: 17px;
font-family: "新ゴ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
article .fields-layout .field .heading-01:first-child{
margin-top: 0;
}
article .heading-01.type-wimax{
background-color: #def1fe;
}
article .heading-01.type-mobile{
background-color: #fcedf4;
}
article ul,
article ol{
margin-bottom: 15px;
list-style-position: outside;
}
article ul{
list-style: disc;
}
article ol{
list-style: decimal;
}
article li{
margin-bottom: 5px;
margin-left: 20px;
line-height: 150%;
}
article p{
margin-bottom: 15px;
line-height: 170%;
}
article table{
overflow: hidden;
margin-bottom: 15px;
border: 1px solid #c1c1c1;
border-collapse: collapse;
border-radius: 5px;
background: #c1c1c1;
}
article table th,
article table td {
padding: 10px;
padding: 10px;
border: 1px solid #c1c1c1;
background: #fff;
vertical-align: top;
}
article table th,
article table td.empty-cell{
background: #efefef;
font-family: "新ゴ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
article .subline{
position: relative;
padding: 10px 0;
}
article .subline .text-tax{
position: absolute;
top: -9px;
right: 0;
}

/*
  footer
========================================================================================================*/
#order-nav{
display: none;
}
body.fixed-pc #order-nav{
display: none !important;
}
#move-top{
position: absolute;
top: 57px;
right: 0;
overflow: hidden;
margin-top: 15px;
margin-bottom: 20px;
font-size: 11px;
}
#move-top a,
#move-top a:hover,
#move-top a:visited,
#move-top a:visited:hover{
color: #666;
text-align: center;
text-decoration: none;
}
#move-top a{
display: inline-block;
line-height: 120%;
}
#move-top a:hover{
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
#move-top .icon-arrow-up{
display: block;
margin-bottom: 5px;
width: 40px;
height: 40px;
cursor: pointer;
}
#move-top .icon-arrow-up:before{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-sizing: border-box;
margin: 0;
width: 40px;
height: 40px;
border: 1px solid #666;
-webkit-border-radius: 50%;
border-radius: 50%;
content: "";
vertical-align: middle;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#move-top .icon-arrow-up:after{
position: absolute;
top: 17px;
right: 0;
bottom: 0;
left: 0;
margin: 0 auto;
width: 10px;
height: 10px;
border-top: 1px solid #666;
border-right: 1px solid #666;
content: "";
vertical-align: middle;
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}

footer{
margin-top: 30px;
}
footer .footer-nav{
margin: 0 auto;
padding: 50px 0;
width: 980px;
}
footer .footer-nav .footer-nav-title{
display: none;
}
footer .footer-nav .col-mobile,
footer .footer-nav .col-wimax{
float: left;
width: 367px;
}
footer .footer-nav .col-wimax{
margin-left: 27px;
}
footer .footer-nav .col{
float: left;
margin-left: 27px;
width: 170px;
}
footer .footer-nav > .col{
margin-top: 60px;
}
footer .footer-nav .col:first-of-type{
margin-left: 0;
}
footer .footer-nav .title{
color: #039;
}
footer .footer-nav .col-mobile .title{
border-color: #e4007f !important;
color: #e4007f;
}
footer .footer-nav .col-wimax .title{
border-color: #09f !important;
color: #09f;
}
footer .footer-nav .col-mobile > .title,
footer .footer-nav .col-wimax > .title{
margin-bottom: 30px;
min-height: 30px;
font-size: 16px;
}
footer .footer-nav .col .title{
margin-top: 0;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #039;
font-size: 14px;
}
footer .footer-nav > .col > :last-child .title{
margin-top: 20px;
}
footer .footer-nav .col .link-block{
margin-bottom: 5px;
}
footer section.footer-main{
background: url(/common2/images/bg_footer.png) repeat-x left 20px
}
footer section.footer-main .container{
background: url(/common2/images/bg_footer_section.png) no-repeat center 20px;
}
footer .footer-main .head{
display: table;
margin: 0 auto 25px;
width: 430px;
height: 140px;
}
footer .footer-main .head .inner{
display: table-cell;
width: 100%;
vertical-align: middle;
text-align: center;
}
footer .footer-main .head .company-name{
font-weight: 400;
font-size: 18px;
}
footer .footer-main .head .lead{
letter-spacing: 1.5px;
font-size: 12px;
}

footer .footer-main dl{
margin: 0 auto 25px;
width: 700px;
text-align: center;
}
footer .footer-main dl.sns dt,
footer .footer-main dl.sns dd{
display: inline-block;
margin-right: 17px;
vertical-align: middle;
}
footer .footer-main dl.sns dd img{
width: 321px;
}
footer .footer-main dl.sns dd a:hover{
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
footer .footer-main ul{
margin-top: 15px;
margin-bottom: 25px;
padding-top: 25px;
border-top: 1px solid #c1c1c1;
text-align: center;
}
footer .footer-main ul li{
display: inline-block;
margin: 0 10px;
vertical-align: middle;
}
footer .footer-main .copyright{
padding: 10px;
background: #039;
color: #fff;
text-align: center;
font-size: 10px;
}
footer .footer-main .copyright span{
display: inline-block;
padding: 0 30px;
}
.footer-toggle ._icon{
display: none;
}

/*
  js-toggle
========================================================================================================*/
.js-toggle-hook{
position: relative;
display: block;
margin-bottom: 10px;
padding: 15px;
border: 1px solid #cccccc;
border-radius: 5px;
}
a.js-toggle-hook{
color: #2c2c2c;
text-decoration: none !important;
}
a.js-toggle-hook:hover{
opacity: .7;
}
.js-toggle-hook ._icon{
position: absolute;
top: 0;
right: 13px;
bottom: 0;
margin: auto;
width: 24px;
height: 24px;
}
.js-toggle-content{
width: 100%;
}

/*
  header_communications
========================================================================================================*/
.bg-image-none{
background-image: none;
}
.header-lyt{
border-bottom: none;
min-height: 108px;
background-color: #fff;
position: relative;
}
.bg-gradient .header-lyt:after{
content: "";
position: absolute;
top: 100%;
width: 100%;
height: 112px;
background: -webkit-linear-gradient(#f2f2f2, #fff);
background: linear-gradient(#f2f2f2, #fff);
}
.header-lyt .bgcolor{
background-color: #039;
height: 30px;
width: 100%;
}
.header-lyt .wrap{
width: 980px;
height: 108px;
margin: 0 auto;
position: relative;
}
.header-lyt .wrap .img{
position: absolute;
top: 0;
left: 0;
}
.header-lyt .wrap .mid_wrap{
position: absolute;
font-size: 92%;
top: 51px;
left: 193px;
margin: 0;
line-height: 130%;
}
/*
  signup footer
========================================================================================================*/

#footer{
background:#f6f6f6 url("/signup/common/css/images/footer/bg_footer_01.png") repeat-x 0 0;
margin-top:135px;
min-width:960px;
clear:both;
color:#0b2c6c;
font-size:92.8%;
}
#footer a{
color:#0b2c6c;
}
#footer a:hover,
#footer a:focus{
color:#0066ce;
}
#footer .inner{
position:relative;
margin:0 auto;
padding-top:16px;
width:980px;
}
#footer .pagetop{
position:absolute;
top:-26px;
right:0;
margin-top:0;
}
#footer .pagetop a{
background:none;
padding-left:0;
}
#copyright{
margin-bottom:0;
padding-bottom:70px;
color:#636363;
text-align:center;
}

/* プレス */
dl.press_top {
border: 1px solid #c1c1c1;
border-radius: 5px;
padding: 20px 44px;
margin: -20px 0 40px;
font-size: 16px;
}
dl.press_top dt {
float:left;
margin-right: 40px;
}

dl.press {
border: 1px solid #c1c1c1;
border-radius: 5px;
padding: 15px 20px 10px;
margin-top: 20px;
font-size: 12px;
background-color: #fff;
margin-bottom: 20px;
font-size: 16px;
}

dl.press dd {
line-height: 2.5;
}

dl.press ul,
dl.press ul li{
margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
dl.press {
margin: 3vw auto;
font-size: 12px;
}
dl.press dd {
line-height: 1.5;
}
.wdt{
width: 92%;
}
}

dl.press02 {
border: 1px solid #c1c1c1;
border-radius: 5px;
padding: 20px 50px;
margin: -33px 0 20px;
font-size: 16px;
}
dl.press02 dt {
float:left;
margin-right: 60px;
}

@media screen and (max-width: 768px) {
dl.press02 {
font-size: 12px;
}
dl.press02 dt {
float:none;
margin-right: 0;
}
}