@charset "utf-8";
@media screen and (max-width: 640px){
  /*==========================================
  * ブラウザのデフォルトのスタイルをリセット 
  *========================================== */
  html,
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  ul,
  ol,
  dl,
  li,
  dt,
  dd,
  p,
  header,
  hgroup,
  section,
  article,
  aside,
  hgroup,
  footer,
  figure,
  figcaption,
  nav {
  margin: 0;
  padding: 0;
  font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, "メイリオ", sans-serif;
  }
  .l-content p{
    color:#3b3b3b;
    font-size: 12px;
  }

  body {
  line-height: 1.0;
  -webkit-text-size-adjust: none;
  }

  iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }

  article,
  aside,
  canvas,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  summary { display: block; }

  img {
  border: 0;
  vertical-align: bottom;
  }

  ul,
  ol { list-style: none; }

  table {
  border-spacing: 0;
  empty-cells: show;
  }

  /*==========================================



  * CLEARFIX CLASS

  

  *========================================== */





  .clearfix:after {
  display : block;
  clear : both;
  height : 0;
  visibility : hidden;
  content : ".";
  line-height : 0;
  }

  .clearfix {
  display : inline-table;
  min-height : 1%;
  }

  /*==========================================



  * サイト全体の基本スタイル 

  

  *========================================== */

  

  .Fleft { float: left; }

  .Fright { float: right; }

  /*==========================================

  * CONTENTS-HEADER

  *========================================== */
  body {
  margin:0;
  padding:0;
  background-color:#fff;
  }

  a { color:#01398E; text-decoration:underline; }

  header.pana_logo {
  display:block;
  margin:0 auto;
  padding:0 0 0px;
  background-color:#0059CB;
  height: 47px;
  }

  header.pana_logo DIV#pana_logo {
  float: left;
  width: 120px;
  }

  header.pana_logo DIV#pc_btn {
  float: right;
  width: 80px;
  padding-right: 6px;
  }

  header.pana_logo h1 {
  background-image: url(/layout/store/_smp/common/img/h1.jpg);
  background-repeat: no-repeat;
  height: 47px;
  width: 120px;
  text-indent: -9999px;
  display: block;
  }

  header.pana_logo a#header_btn {
  text-indent: -9999px;
  display: block;
  margin-top: 6px;
  height: 34px;
  width: 80px;
  background-image: url(/layout/store/_smp/common/img/header_btn.jpg);
  background-repeat: no-repeat;
  }

  header.mall_logo {
  display:block;
  margin:0 auto;
  padding:0 0 0px;
  height: 60px;
  text-align: center;
  }

  /* =====================================================



            Globalnavi CSS



  ===================================================== */



  nav.global-nav {
  background-color: #B2C3DD;
  height: 58px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  }

  nav.global-nav ul {
  margin: 0px auto;
  padding: 0px;
  height: 58px;
  width: 319px;
  }

  nav.global-nav ul li { float: left; }

  nav.global-nav ul li a {
  display: block;
  height: 58px;
  text-indent: -9999px;
  background: url(/layout/store/_smp/common/img/gr_navi.jpg) no-repeat;
  }

  /* Default */

  nav.global-nav ul li a#gnav01 {
  background-position: left top;
  width: 96px;
  }

  nav.global-nav ul li a#gnav02 {
  background-position: -96px 0;
  width:115px;
  }

  nav.global-nav ul li a#gnav03 {
  background-position: -211px 0;
  width:108px;
  }

  /* =====================================================



            Globalログインnavi CSS



  ===================================================== */



  DIV#gr_login_nav {
  background-color: #D9E1EE;
  padding-top: 5px;
  padding-bottom: 11px;
  background-image: url(/layout/store/_smp/common/img/gr_login_navi_bk.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  }

  nav.login-nav { height: 42px; }

  nav.login-nav ul {
  margin: 0px auto;
  padding: 0px;
  height: 42px;
  width: 307px;
  }

  nav.login-nav ul li { float: left; }

  nav.login-nav ul li a {
  display: block;
  height: 42px;
  text-indent: -9999px;
  background: url(/layout/store/_smp/common/img/gr_login_navi.jpg) no-repeat;
  }

  /* Default */

  nav.login-nav ul li a#lnav01 {
  background-position: left top;
  width: 153px;
  }

  nav.login-nav ul li a#lnav02 {
  background-position: -153px 0;
  width:154px;
  }

  /* =====================================================



            商品検索 CSS



  ===================================================== */





  DIV#search {
  padding-top: 9px;
  padding-bottom: 7px;
  height: 75px;
  width: 310px;
  margin-right: auto;
  margin-left: auto;
  }

  DIV#search_L {
  width: 44px;
  float: left;
  }

  DIV#search_L p#gr_search1 {
  height: 71px;
  width: 44px;
  background-image: url(/layout/store/_smp/common/img/gr_search_btn01.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  }

  DIV#search_L a#gr_search1:hover {
  background-image: url(/layout/store/_smp/common/img/gr_search_btn01_on.jpg);
  background-repeat: no-repeat;
  }

  DIV#search_R_top { margin-bottom:1px; }

  DIV#search input#textbox {
  padding:5px;
  width:250px;
  font-size:100%;
  }

  DIV#search select#pulldown_01,
  DIV#search select#pulldown_02,
  DIV#search select#pulldown_03 {
  width:200px;
  height:30px;
  margin-top:4px;
  font-size:90%;
  background:#FFFFFF;
  }

  /* =====================================================



  * Category CSS



  ===================================================== */





  DIV#search_btn { padding: 10px 3px 0 3px; }

  DIV#searchCategory_btn { display:block; }

  DIV#searchCategory_btn_Open { display:none; }

  DIV#searchCategory_btn a {
  height: 25px;
  padding: 8px 0 0 6px;
  margin: 0 0 10px 0;
  background-color: #CCD7E8;
  border-radius: 3px;        /* CSS3草案 */
  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;   /* Firefox用 */
  cursor: pointer;
  display: block;
  }

  DIV#searchcampaign_btn a {
  height: 25px;
  padding: 8px 0 0 6px;
  margin: 0 0 10px 0;
  background-color: #CCD7E8;
  border-radius: 3px;        /* CSS3草案 */
  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;   /* Firefox用 */
  cursor: pointer;
  display: block;
  }

  DIV#searchOther_btn a {
  height: 25px;
  padding: 8px 0 0 6px;
  margin: 0 0 10px 0;
  background-color: #FFE0CC;
  border-radius: 3px;        /* CSS3草案 */
  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;   /* Firefox用 */
  cursor: pointer;
  display: block;
  }

  DIV#searchCategory_btn_Open a {
  height: 25px;
  padding: 8px 0 0 6px;
  margin: 0;
  background-color: #CCD7E8;
  border-radius: 3px 3px 0 0;        /* CSS3草案 */
  -webkit-border-radius: 3px 3px 0 0;    /* Safari,Google Chrome用 */
  -moz-border-radius: 3px 3px 0 0;   /* Firefox用 */
  cursor: pointer;
  display: block;
  }

  DIV#search_btn table {
  border-top: 1px solid #CCD7E8;
  border-left: 1px solid #CCD7E8;
  width: 313px;
  margin: 0 0 10px 0;
  display:none;
  }

  DIV#search_btn table td {
  width: 156px;
  text-align: left;
  border-bottom: 1px solid #CCD7E8;
  border-right: 1px solid #CCD7E8;
  background: url(/layout/store/_smp/common/img/search_category_bk.gif) right center no-repeat;
  }

  DIV#search_btn table td.none { background: none; }

  DIV#search_btn table td a {
  padding: 20px 20px 20px 5px;
  font-size: 80%;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  display: block;
  }

  /* =====================================================



  * CONTENTS-FOOTER



  ===================================================== */



  DIV#info_nav {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #999999;
  }

  DIV.info_nav_box {
  padding-right: 8px;
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  height: 22px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  }

  footer {
  padding-top: 10px;
  }


  #globalfooter {
    background-color: #434343;
    color: #c5c5c5;
    border-top: #616161 solid 1px;
    padding-bottom: 10em;
    /*max-width: 1200px;
    min-width: 976px;
    margin: 0 auto;*/
  }
  #globalfooter a {
    color: #fff!important;
    text-decoration: none;
  }
  #globalfooter-nav {
    zoom:1;
  }
  #globalfooter-nav:after {
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
  }
  #globalfooter-nav a {
    font-family: 'Open Sans Condensed' , sans-serif;
    font-size:13px;
    font-weight:bold;
  }

  #globalfooter-nav .print {
    width:312px;
    margin-right:20px;
    float:left;
  }
  #globalfooter-nav .print a {
    display:inline-block;
    padding:18px 0 18px 20px;
    background:url(/layout/store/_smp/common/img/icn-print.gif) no-repeat 0 50%;
  }
  #globalfooter-nav .links {
    float:right;
    font-size:0;
  }
  #globalfooter-nav .links li {
    margin-left:35px;
    display:inline-block;
    vertical-align:top;
  }
  #globalfooter-nav .links li a {
    margin:0 -10px;
    padding:18px 10px 18px;
    display:inline-block;
  }
  #globalfooter-nav .links li a.active {
    background-color:#616161;
  }
  #globalfooter-nav .pagetop {
    padding-top:8px;
    text-align:center;
    width:312px;
    clear:none;
    margin:0 auto;
  }
  #globalfooter-nav .pagetop a {
  display:inline-block;
  padding:10px 0 0 0;
  background:url(/layout/store/_smp/common/img/icn-footer-arrow-up.gif) no-repeat center top;
  }

  #globalfooter-terms {
    padding-top:10px;
    font-size: 11px;
  }
  #globalfooter-terms .copyright {
  color:#fff;
    text-align:center;
  clear:both;
  }
  #globalfooter-terms .links {
    margin-top:5px;
    text-align:center;
    font-size: 0;
  }
  #globalfooter-terms .links li {
    display:inline-block;
    border-left:1px solid #c5c5c5;
    padding:0 5px;
  }
  #globalfooter-terms .links li:first-child {
    border-left:none;
  }
  #globalfooter-terms .links li a {
    font-size: 11px;
  }

  #globalfooter-socialmedia {
    margin-top:30px;
    font-size:0;
    text-align:center;
  }
  #globalfooter-socialmedia li {
    display:inline-block;
    padding:0 5px;
  }

  #globalfooter-expanded {
  }
  #globalfooter-expanded .hide {
    display:none;
  }
  #globalfooter-expanded .inpannel {
    height:400px;
    border-bottom:1px solid #616161;
    border-top:1px solid #616161;
    margin-bottom:20px;
  }
  #globalfooter-expanded .panhead {
    margin-top:15px;
    overflow:hidden;
    zoom:1;
  }
  #globalfooter-expanded .panhead .closeit {
    float:right;
  }

  #globalfooter-expanded #contactus {
    margin-top:80px;
    display:none;
  }
  #globalfooter-expanded #contactus .contacol {
    float:left;
    width:229px;
    margin-right:104px;
  }
  #globalfooter-expanded #contactus .contacol:last-child {
    margin-right:0;
  }
  #globalfooter-expanded #contactus h3 {
    margin-bottom:15px;
    font-family: 'Open Sans Condensed' , sans-serif;
    font-size:30px;
    font-weight:bold;
    line-height:1.3;
    color:#fff;
  }
  #globalfooter-expanded #contactus p.link a {
    font-size:12px;
    font-weight:bold;
    line-height:14px;
  }
  #globalfooter-expanded #contactus p.text {
    min-height:40px;
    margin-bottom:15px;
    font-size:11px;
    line-height:14px;
  }
  #globalfooter-expanded #contactus p.link a:hover {
    text-decoration:underline;
  }


  #globalfooter-expanded #areacountry {
    margin-top:20px;
    display:none;
  }
  #globalfooter-expanded #areacountry .area-country-menu {
    margin-bottom:25px;
    font-size:0;
  }
  #globalfooter-expanded #areacountry .area-country-menu form {
    display:none;
  }
  #globalfooter-expanded #areacountry .area-country-menu  ul {
    margin:0 -6px;
    zoom:1;
  }
  #globalfooter-expanded #areacountry .area-country-menu  ul:after {
    content:"";
    display:block;
    height:0;
    clear:both;
  }
  #globalfooter-expanded #areacountry .area-country-menu li {
    height:46px;
    float:left;
    vertical-align:top;
  }
  #globalfooter-expanded #areacountry .area-country-menu li div {
    padding:4px 0 8px;
    display:inline-block;
    background:url(/layout/store/_smp/common/img/tab-footer-off-1px.png) repeat-x;
  }
  #globalfooter-expanded #areacountry .area-country-menu li a {
    display:block;
    border-left:1px solid #838383;
    padding-top:11px;
    width:161px;
    height:23px;
    text-align:center;
    font-family: 'Open Sans Condensed' , sans-serif;
    font-weight:bold;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    /*outline:none;*/
  }
  #globalfooter-expanded #areacountry .area-country-menu li:first-child {
    background:url(/layout/store/_smp/common/img/tab-footer-off-cap-left.png) no-repeat;
    padding-left:16px;
  }
  #globalfooter-expanded #areacountry .area-country-menu li:first-child a {
    border-left:none;
    margin-left:-8px;
  }
  #globalfooter-expanded #areacountry .area-country-menu li:last-child {
    background:url(/layout/store/_smp/common/img/tab-footer-off-cap-right.png) no-repeat 100% 0;
    padding-right:16px;
  }
  #globalfooter-expanded #areacountry .area-country-menu li:last-child a {
    margin-right:-8px;
  }
  #globalfooter-expanded #areacountry .area-country-menu li:hover div,
  #globalfooter-expanded #areacountry .area-country-menu li.ui-tabs-active div {
    background-image:url(/layout/store/_smp/common/img/tab-footer-on-1px.png);
  }
  #globalfooter-expanded #areacountry .area-country-menu li:hover a,
  #globalfooter-expanded #areacountry .area-country-menu li.ui-tabs-active a,
  #globalfooter-expanded #areacountry .area-country-menu li.ui-state-active a  {
    color: #b9b9b9;
  }
  #globalfooter-expanded #areacountry .area-country-menu li:first-child:hover,
  #globalfooter-expanded #areacountry .area-country-menu li:first-child.ui-tabs-active {
    background-image:url(/layout/store/_smp/common/img/tab-footer-on-cap-left.png);
  }
  #globalfooter-expanded #areacountry .area-country-menu li:last-child:hover,
  #globalfooter-expanded #areacountry .area-country-menu li:last-child.ui-tabs-active {
    background-image:url(/layout/store/_smp/common/img/tab-footer-on-cap-right.png);
  }
  #globalfooter-expanded #areacountry .area-country-list {
    height:210px;
    overflow:hidden;
  }
  #globalfooter-expanded #areacountry .area-country-list ul {
    margin-right:-20px;
  }
  #globalfooter-expanded #areacountry .area-country-list li {
    width: 136px;
    height:27px;
    margin: 0 20px 10px 0;
    padding-left:10px;
    float: left;
    font-size: 12px;
  }
  #globalfooter-expanded #areacountry .area-country-list li a:hover {
    text-decoration: underline;
  }
  #global_site_link {
    margin-top:30px;
    text-align: right;
    font-size: 13px;
  }
  #global_site_link a {
    padding-left:10px;
    background:url(/layout/store/_smp/common/img/icn-footer-arrow-right.gif) no-repeat 0 50%;
  }
  #global_site_link a:hover {
    text-decoration: underline;
  }

  .pankuzu {
  width:100%;
  font-size:12px;
  clear:both;
  padding:20px 10px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  }

  .pankuzu ul li {
  float:left;
  line-height:1.1;
  margin:0 10px 0 0;
  }

  .pankuzu ul li a {
  font-size:10px;
  font-weight:bold;
  color:#666666;
  background:url(/layout/store/_smp/common/img/pankuzu.png) no-repeat 0 center;
  background-size:auto 19px;
  -moz-background-size:auto 22px;
  -ms-background-size:auto 22px;
  -o-background-size:auto 22px;
  -webkit-background-size:auto 22px;
  padding:5px 12px 5px 12px;
  text-decoration:none;
  }





  /* Carousel */
  #carousel {
  width:965spx;
  border:1px solid #c6c6c5;
  min-height:150px;
  height: auto !important;
  height: 160px;
  margin:0 0 40px 0;
  overflow:hidden;
  background:#fafafa;
  }

  #carousel ul {
  float:left;
  }

  #carousel ul li {
  width:150px;
  float:left;
  text-align:center;
  border-right:1px solid #ebebeb;
  zoom:1;
  font-size:93%;
  line-height:1.25;
  }

  #carousel ul li a {
  width:150px;
  height:140px;
  padding:10px 0 0 0;
  margin-bottom: -1000px;
  padding-bottom: 1000px;
  display:block;
  background:#ffffff;
  position:relative;
  overflow:hidden;
  }

  #carousel ul li a.bnr {
  padding:0;
  height:150px;
  }

  #carousel ul li img { width:100%; clear:both; }

  #carousel.iconType ul li img { width: 75%; margin:0 0 3px 0; }

  #carousel.iconType ul li img.icon { width:auto; margin:0 0 7px 0; }

  #carousel ul li strong {
  display:block;
  padding:0 8px;
  font-weight:normal;
  overflow:hidden;
  height:70px;
  line-height:1;
  }

  #carousel .prev,
  #carousel .next {
  text-indent:-9999px;
  display:block !important;
  cursor:pointer;
  cursor:hand;
  width:31px;
  height:150px;
  position:absolute;
  z-index:100;
  }

  #carousel .prev { float:left; background:#d4d4d4 url(/layout/store/common/img/arrow_prev.gif) no-repeat center 70px; left:0; }
  #carousel .next { float:right; background:#d4d4d4 url(/layout/store/common/img/arrow_next.gif) no-repeat center 70px; right:0; }

  #carousel ul li,
  #carousel ul li a { width:128px; }

  #carousel.iconType ul li span { display:inline-block; height:70px; }

  #carousel.iconType ul li img { width:auto; margin:5px 0; }

  #carousel .list_carousel { margin:0 31px 0 32px; }

  #carousel .caroufredsel_wrapper { height:150px !important; width:903px !important; }

  .column2 #carousel .caroufredsel_wrapper { width:706px !important; }
  .column2 #carousel ul li,
  .column2 #carousel ul li a { width:141px; }
  .column2 #carousel .list_carousel { margin:0 31px; }


  /* 追加　0623 */
  h3 + p img.size-medium.alignnone {
    width: 300px;
  }
  .pd_bread-crumb.pd_mediaSP{
    margin: 20px 10px 10px;
  }
  .pd_bread-crumb.pd_mediaSP li{
    line-height: 19px;
  }
  .maillmagaBlock dd p {
    text-align: center;
  }
  figure.leobox.leobox_inline{
    display: block;
    float: none;
  }
}