@charset "utf-8";
/* =========================================================
◆RESPONSIVE CSS
========================================================= */

@media screen and (min-width: 668px){
  #sidebarScroll { display: block !important; }
  #mainInner.noBreadCrumb { padding-top: 76px; }
  .onlySP_important { display: none!important;}
  .onlyPC_lastListItem { padding: 0!important; border: 0!important; }
}



/* screens SMALLER than 667
******************************************/
@media screen and (max-width:667px){
  .SP { display:block; }
  .SP_inline { display:inline; }
  .PC { display:none; }
  .PC_inline { display:none; }
  
  /* =========================================================
  ◆基本
  ========================================================= */
  body { background:#fff; line-height:1.7; font-size:11px;}
  img { width:100%; vertical-align:top; display:block; }
  .spWidth { width: 87.5%; margin: 0 auto; }
  /* =========================================================
  head
  ========================================================= */
  #head { padding-top: 0; }
  #headWrap { height:auto !important; margin-bottom:27px; }
  #headWrap.active { height:100% !important; background:#F0F0F0; position:fixed; top:0; left:0; width:100%; overflow-y: scroll;overflow-x:hidden;z-index: 101;}
  #head { }
  #headInner { width:auto; }
  #head .logo {width: 132px;margin-right:0;}
  #head .headTxt { width:47.1875%; }
  #spMenu {width: 44px;float:right;}
  #spMenu img.openBtn{ display: block;}
  #spMenu img.closeBtn{ display: none;}
  
  #spMenu .active img.openBtn{ display:none;}
  #spMenu .active img.closeBtn{ display: block;}
  /* =========================================================
  gnav
  ========================================================= */
  #gnav { display:none; background:none; }
  #gnav.active { }
  #gnavInner { width:auto; padding:6px 0 20px;}
  
  
  #gnav .cFix { background:none; }
  #gnav .cFix li { float:none; text-align:left; background:none; }
  #gnav .cFix li.gnav01,
  #gnav .cFix li.gnav02,
  #gnav .cFix li.gnav03,
  #gnav .cFix li.gnav04,
  #gnav .cFix li.gnav05,
  #gnav .cFix li.gnav06,
  #gnav .cFix li.gnav07 {
    width: 93.75%;
    background: #ffffff;
    position: relative;
    margin: 0 auto 5px;
  }
  #gnav .cFix li .gnavMegaBtn{ position:absolute; top:0; right:0; width:45px; height:45px; background:url(../images/sp_mega_ac.gif) left top no-repeat; background-size:45px 90px;}
  #gnav .cFix li.open .gnavMegaBtn{ background-position: right bottom;}
  #gnav .cFix .gnav01>a,
  #gnav .cFix .gnav02>a,
  #gnav .cFix .gnav03>a,
  #gnav .cFix .gnav04>a,
  #gnav .cFix .gnav05>a,
  #gnav .cFix .gnav06>a {
    display: block;
    font-size: 18px;
    line-height: 45px;
    padding: 0 4.66666666666667%;
  }
  
  #gnav .cFix li .gnavMega{ display:none;}
  #gnav .cFix li .gnavMega ul{ padding:5px 0 14px;}
  #gnav .cFix li .gnavMega ul li{ width:100%; line-height:260%; }
  #gnav .cFix li .gnavMega ul li a { display:block; padding:0 15px;line-height:260%; font-size:12px; }
  #gnav .cFix li .gnavMega ul li.twoLine a { line-height:170%; padding:6px 15px;}
  #gnav .cFix li a span.PC { display:none; }
  #gnav .cFix li a span.SP { display:block; }
  
  #gnav .cFix li.gnav07 {
    display: block;
    font-size: 16px;
    letter-spacing: -.5em;
    margin-top: 15px;
  }
  .gnav07 form {
    display: inline-block;
    height: 45px;
    padding: 0 4.66666666666667%;
    width: 100%;
  }
  .gnav07 input {
    display: inline-block;
    vertical-align: bottom;
  }
  .gnav07 .search {
    border: none;
    box-sizing: border-box;
    display: inline-block;
    font-family: 'Droid Sans', sans-serif;
    letter-spacing: 0;
    padding: 11px 0 10px;
    vertical-align: bottom;
    width: 72%;
  }
  .android .gnav07 .search {
    padding-top: 15px;
  }
  .other .gnav07 .search {
    padding-top: 16px;
  }
  
  .gnav07 .search:placeholder-shown {
    color: #ccc;
  }
  .gnav07 .search::-webkit-input-placeholder {
    color: #ccc;
  }
  .gnav07 .search:-moz-placeholder {
    color: #ccc;
    opacity: 1;
  }
  .gnav07 .search::-moz-placeholder {
    color: #ccc;
    opacity: 1;
  }
  .gnav07 .search:-ms-input-placeholder {
    color: #ccc;
  }
  .gnav07 .search.default {
    color: #d6d6d6;
  }
  
  .gnav07 .btnWrap {
    box-sizing: border-box;
    height: 100%;
    position: absolute; right: 4.66666666666667%; top: 0;
  }
  .gnav07 .delete {
    display: inline-block;
    height: 25%;
    margin-top: 5px;
    margin-bottom: 2px;
    margin-left: 5px;
    vertical-align: bottom;
    width: auto;
  }
  .android .gnav07 .delete {
    margin-bottom: 1px;
  }
  .other .gnav07 .delete {
    margin-bottom: 1px;
  }
  
  .gnav07 .submit {
    -webkit-background-size: 25px auto;
    background-image: url(/common/images/sp_icon_search.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px auto;
    border: none;
    display: inline-block;
    font-size: 12px;
    height: 60%;
    letter-spacing: 0;
    line-height: 1;
    margin-left: 10px;
    margin-top: 5px;
    padding-left: 27px;
    padding-top: 14px;
    vertical-align: bottom;
  }
  
  /* =========================================================
  breadcrumb
  ========================================================= */
  .breadcrumb { display: none; width:92%; margin:0 auto 25px; }
  
  /* =========================================================
  main
  ========================================================= */
  #main { overflow: hidden; }
  #mainInner { width:auto; padding:0px 0 67px; }
  #mainInner.news { width:auto; padding:0px 10% 67px; }
  
  /* =========================================================
  cont
  ========================================================= */
  #cont,
  #cont.wauto{ width:87.5%; float:none; margin:0 auto; }
  
  /* =========================================================
  sidebar
  ========================================================= */
  #sidebar { width:auto; float:none; padding-top: 75px; margin-bottom: 0; }
  #sidebarInner { padding-left:0; }
  #sidebar .sidetit { display: block; padding: 5px 13% 4px 9.5%; position: relative; background: #F3F3F3; cursor: pointer; font-size: 11px; line-height: 146%;}
  #sidebar.typeProducts .sidetit { display: none !important; }
  #sidebar .sidetit:after { content: ""; display: block; width: 16px; height: 15px; position: absolute; right: 6%; top: 50%; margin-top: -7px; background: url(/common/images/icon_accordion_L.png) left top no-repeat; -webkit-background-size: 16px auto; background-size: 16px auto; }
  #sidebar .sidetit.active:after { background-position: left bottom; }
  
  #sidebar #sidebarScroll { display: none; }
  #sidebar.typeProducts #sidebarScroll { display:block; }
  #sidebar .sidenavWrap { background: #fff ; padding: 7px 6% 0 9.5%; }
  #sidebar .sideNav { padding-bottom:0; margin-bottom: 10px;}
  #sidebar .sideNav:last-child { margin-bottom: 0; }
  #sidebar .sideNav a { font-size: 9px; line-height: inherit; }
  #sidebar .sideNav a.spRow01 { line-height:260%; padding:0; }
  #sidebar .sideNav .tit { font-size: 10px; margin: 0; line-height: 250%;}
  #sidebar .sideNav .acoList > li { padding-bottom:0; }
  #sidebar .sideNav .acoList li .acoHead { padding: 0; line-height: 250%;}
  #sidebar .sideNav .acoList li .acoHead:after { width:16px; height:15px; top: 50%; margin-top: -7px; background-image:url(/common/images/icon_accordion_L.png); -webkit-background-size: 16px auto; background-size: 16px auto; }
  #sidebar .sideNav .acoList li .acoHead.active:after { background-position:left bottom; }
  #sidebar .sideNav > .links { margin-bottom:0px; }
  #sidebar .sideNav .links li { line-height:210%;}
  #sidebar .sideNav .links li a.active:before,
  #sidebar .sideNav .links li a.active.spRow01:before{ top:0; }
  
  /* ▼ SIDEBAR CURRENT PAGE ▼ */
  body.currentLinkTransferUsb #sidebar a.TransferUsb.spRow01:before { top:0; }
  /* ▲ SIDEBAR CURRENT PAGE ▲ */
  
  #sidebar.supportSide .sidetit { padding-bottom: 4px; }
  
  /* =========================================================
  page top
  ========================================================= */
  #goTop { width:56px; height: 53px; position:fixed; right: 6px; bottom:10px; }
  #goTop .inner a span { display: none; }
  
  /* =========================================================
  foot
  ========================================================= */
  #footInner01 {padding: 0;}
  #foot .footSitemap { width:87.5%; margin:0 auto; }
  #foot .footSitemap .block { width:auto !important; float:none; padding-right:0; margin-bottom:27px; }
  #foot .footSitemap .block:last-child { margin-bottom:0; }
  #foot .footSitemap .block h3  {margin-bottom:8px; font-size:109%; letter-spacing: 0.5px; }
  #foot .footSitemap .block h3 a { color:#000; display:block; text-decoration:none; }
  #foot .footSitemap .block ul { padding:0; list-style:none; }
  #foot .footSitemap .block ul li { font-size: 9px; letter-spacing: 0.3px; }
  #foot .footSitemap .block ul li a { font-size: 9px; }
  #foot .footSitemap .block ul li.row02 { padding:4px 0 3px; }
  #foot .footSitemap .block ul li.row02.spRow01 { padding:0; }
  
  #foot .footSitemap .block.second h3 { margin-bottom:8px;}
  #foot .footSitemap .block.first li.nav05 a .txtPar,
  #foot .footSitemap .block.third li.nav03 a .txtPar { margin-left:0.55em; margin-right:0.55em;}
  
  
  #foot .backTop { width:87.5%; margin:0 auto 32px; }
  #foot .backTop h3 { font-size: 128.5%; letter-spacing: 0;}
  
  .noScriptTxt { width: 100%; }
  
  #foot .identifier { margin-bottom:5px; }
  #foot .subNav .noteBlank { position: relative; margin: 50px 0 45px; float: none; }
  #foot .subNav .noteBlank:before { content:""; display: block; width: 15px; height: 14px; position:absolute; left:0; top: 0; -webkit-background-size: 15px auto; background-size: 15px auto; }
  #footInner02 .identifier .footSiteName img { width: auto; height: 20px; opacity: 1!important }
  
  
  #footInner02 .footBnr a { line-height: 1.7; display: inline-block; padding-right: 22px; }
  
  #foot .subNav { width:87.5%; margin:0 auto; padding-top: 30px; }
  #foot .subNav ul { float: none; }
  #foot .subNav li {display: block;float: none;border-right: none;margin-bottom: 6px;line-height: 1.7;}
  #foot .subNav li.last { border-right: none; margin-bottom: 0; }
  #foot .subNav li a { font-size: 90.9%; padding: 0; }
  #foot .subNav li.nav01 { letter-spacing: 0.5px; }
  #foot .subNav li.nav02 { letter-spacing: 0.5px; }
  #foot .subNav li.nav03 { letter-spacing: 0.5px; }
  #foot .subNav li.nav04 { letter-spacing: 0.2px; }
  #foot .subNav li.nav01 a { padding: 0; }
  #foot .subNav li.nav02 a { padding: 0; }
  #foot .subNav li.nav03 a { padding: 0; }
  #foot .subNav li.nav04 a { padding: 0; }
  #foot .subNav li.nav05 a { letter-spacing: normal; }
  #foot .subNav li.last a { padding-left: 0; }
  
  
  #footInner02{width:87.5%;margin:0 auto;padding: 9px 0 15px;font-size: 81.8%;}
  #footInner02 a {  display:block; text-decoration:none; }
  #footInner02 .footBnr {margin-bottom: 11px;}
  #footInner02 .footBnr p {line-height: 1.7;letter-spacing: 0.6px;}
  #footInner02 .footBnr p a { font-size: 114.3%; }
  #footInner02 .footBnr p a::after { top: -0.2em; }
  #foot .footNav { padding:0; clear:both; }
  #foot .footNav ul { width:auto; float:none; line-height:normal;; }
  #foot .footNav li { display:block; padding:0; margin:0; border:none; }
  #foot .footNav li.nav01 { letter-spacing: 0.5px; }
  #foot .footNav li.nav02 { letter-spacing: 0.5px; }
  #foot .footNav li.nav03 { letter-spacing: 0.5px; }
  #foot .footNav li.last { border:0; padding:0; margin-bottom:30px; }
  #foot .footNav li a { display:block; letter-spacing:inherit; font-size: 114.3%; margin-bottom: 11px; line-height: 154.5%;}
  #foot .footNav .copy { line-height:17px; width:auto; float:none; text-align:left; padding:0; font-size: 100%; }
  #foot .footNav .copy span.block { display:block; }
  
}