@charset "UTF-8";
/* home css */
/*------------------------------------------------------------------------
Basic Layout (PC Layout)
------------------------------------------------------------------------*/
/* !h2_homeXX
---------------------------------------------------------- */
.h2_home01 {
  width: 920px;
  height: 64px;
  margin: 0 auto;
  line-height: 64px;
  padding-left: 45px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../../home/images/ico_h2_basic_cat01.gif") no-repeat left center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #002746; }

.h2_home01 a {
  color: #002746 !important; }

.h2_home03 {
  height: 60px;
  line-height: 60px;
  margin: 0 10px -5px;
  padding-left: 55px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px 4px 0 0;
  background: url("../../home/images/ico_h2_basic_cat03.gif") no-repeat 10px center #fff;
  font-size: 1.8rem;
  font-weight: bold;
  color: #002746; }

.h2_home02,
.h2_home04,
.h2_home05 {
  height: 50px;
  line-height: 50px;
  margin-bottom: 20px;
  padding-left: 55px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px 4px 0 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: #002746; }

.h2_home02 {
  background: url("../../home/images/ico_h2_basic_cat02.gif") no-repeat 10px center #f7f8fa; }

.h2_home04 {
  background: url("../../home/images/ico_h2_basic_cat04.gif") no-repeat 10px center #f7f8fa; }

.h2_home05 {
  background: url("../../home/images/ico_h2_basic_cat05.gif") no-repeat 10px center #f7f8fa; }

.h2_home01 img,
.h2_home02 img,
.h2_home03 img,
.h2_home04 img,
.h2_home05 img {
  display: inline;
  vertical-align: middle;
  margin-left: 0.5em; }

/* !mainVisual
---------------------------------------------------------- */
html.ie8 #mainVisual,
html.ie9 #mainVisual {
  height: 405px;
  overflow: hidden; }

.sectionSlider01 {
  width: 100%;
  background: url("../images/bg_slider01.gif") repeat; }

ul#slider01 {
  position: relative; }

ul#slider01 li {
  float: left; }

/* !topItemCategory
---------------------------------------------------------- */
#topItemCategory {
  padding-bottom: 40px;
  background: url("../../home/images/bg_item_category01.gif") repeat-x center bottom #f7f8fa; }

.topItemCategoryList {
  width: auto;
  margin: 0 auto;
  padding: 20px 0 0 0;
  letter-spacing: -.4em;
  /*20151031：float⇒display:inline-block;*/
  text-align: center; }

.topItemCategoryList li {
  width: 180px;
  /*20151031：float⇒display:inline-block;*/
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  border-left: 2px solid #e7eef8; }

.topItemCategoryList li:first-child {
  border-left: none; }

.topItemCategoryList li a {
  display: block;
  position: relative;
  width: 180px;
  height: 160px;
  background-color: #fff;
  text-align: center; }

.topItemCategoryList li a .img img {
  display: inline; }

.topItemCategoryList li a .txt {
  font-size: 1.2rem;
  font-weight: bold;
  color: #005bac; }

/* !ssTabWrap 20151031追加
---------------------------------------------------------- */
#topItemCategory .ssTabWrap {
  width: 940px;
  margin: 0 auto; }

#topItemCategory .ssTabWrap > dl {
  background: none; }

#topItemCategory .ssTabWrap > dl.active {
  padding-top: 64px; }

#topItemCategory .ssTabWrap > dl > dt {
  border: 1px solid transparent; }

#topItemCategory .ssTabWrap > dl > dt:hover {
  border: 1px solid #cdd7e5;
  border-bottom: 1px solid transparent; }

#topItemCategory .ssTabWrap > dl.active > dt {
  border: 1px solid #cdd7e5;
  border-bottom: 1px solid transparent; }

#topItemCategory .ssTabWrap > dl > dt a {
  background: #e7eef8;
  border: none;
  border-bottom: 1px solid #cdd7e5;
  box-shadow: inset 0 5px 0 0 #f5f7f9;
  -webkit-box-shadow: inset 0 5px 0 0 #f5f7f9;
  -moz-box-shadow: inset 0 5px 0 0 #f5f7f9;
  -o-box-shadow: inset 0 5px 0 0 #f5f7f9;
  -ms-box-shadow: inset 0 5px 0 0 #f5f7f9; }

#topItemCategory .ssTabWrap > dl > dt a:hover:after,
#topItemCategory .ssTabWrap > dl > dt a:hover,
#topItemCategory .ssTabWrap > dl.active > dt a {
  background: #fff;
  border: none;
  border-bottom: 1px solid transparent;
  color: #002746;
  box-shadow: inset 0 5px 14px 0 rgba(236, 242, 250, 0.7);
  -webkit-box-shadow: inset 0 5px 14px 0 rgba(236, 242, 250, 0.7);
  -moz-box-shadow: inset 0 5px 14px 0 rgba(236, 242, 250, 0.7);
  -o-box-shadow: inset 0 5px 14px 0 rgba(236, 242, 250, 0.7);
  -ms-box-shadow: inset 0 5px 14px 0 rgba(236, 242, 250, 0.7);
  z-index: 900; }

#topItemCategory .ssTabWrap > dl > dd {
  border: 1px solid #cdd7e5;
  background: #fff;
  padding: 0 0 20px; }

/* !pickupContent
---------------------------------------------------------- */
#pickupContent {
  clear: both;
  width: 940px;
  margin: 40px auto 0; }

/*============================= BREAK POINT ===============================
Tablet Layout
=============================== BREAK POINT =============================*/
@media screen and (max-width: 768px) {
  /* !h2_homeXX
============================================================ */
  .h2_home01 {
    width: 86%; }

  .h2_home02 {
    margin: 0 auto 20px; }

  /* !mainVisual
============================================================ */
  .sectionSlider01 {
    width: 90%;
    padding: 0 4.5%;
    margin: 0 auto; }

  /* !topItemCategory
============================================================ */
  .topItemCategoryList {
    width: 91%;
    padding: 0;
    text-align: left; }

  .topItemCategoryList li {
    width: 33.3%;
    margin: 0;
    border: none; }

  .topItemCategoryList li a {
    width: 100%;
    height: auto; }

  .topItemCategoryList li a .img img {
    display: inline; }

  .topItemCategoryList li a .txt {
    font-size: 1.2rem;
    font-weight: bold;
    color: #005bac; }

  /* !ssTabWrap 20151031追加
============================================================ */
  #topItemCategory .ssTabWrap {
    width: 90.6%; }

  #topItemCategory .ssTabWrap > dl.active {
    padding-top: 61px; }

  /* !pickupContent
============================================================ */
  #pickupContent {
    clear: both;
    width: 90.6%;
    margin: 40px auto 0; } }
/*============================= BREAK POINT ===============================
Tablet Layout2
=============================== BREAK POINT =============================*/
@media screen and (max-width: 568px) {
  /* !ssTabWrap 20151031追加
============================================================ */
  #topItemCategory .ssTabWrap > dl.active {
    padding-top: 58px; } }
/****************************** BREAK POINT *******************************
SP Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 480px) {
  /* !h2_homeXX
************************************************************ */
  .h2_home01 {
    width: 90.6%;
    height: 50px;
    margin: 0 auto -7px;
    line-height: 50px;
    padding-left: 45px;
    font-size: 1.6rem;
    -o-background-size: auto 70%;
    -ms-background-size: auto 70%;
    -moz-background-size: auto 70%;
    -webkit-background-size: auto 70%;
    background-size: auto 70%; }

  .h2_home02 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
    border-radius: 0;
    font-size: 1.6rem;
    -o-background-size: auto 70%;
    -ms-background-size: auto 70%;
    -moz-background-size: auto 70%;
    -webkit-background-size: auto 70%;
    background-size: auto 70%; }

  .h2_home03 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0 0 -5px;
    padding-left: 45px;
    border-radius: 0;
    font-size: 1.6rem;
    background-color: #f7f8fa;
    -o-background-size: auto 70%;
    -ms-background-size: auto 70%;
    -moz-background-size: auto 70%;
    -webkit-background-size: auto 70%;
    background-size: auto 70%; }

  .h2_home04 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
    border-radius: 0;
    font-size: 1.6rem;
    -o-background-size: auto 70%;
    -ms-background-size: auto 70%;
    -moz-background-size: auto 70%;
    -webkit-background-size: auto 70%;
    background-size: auto 70%; }

  /* !mainVisual
************************************************************ */
  .sectionSlider01 {
    width: 100%;
    padding: 0; }

  /* !topItemCategory
************************************************************ */
  .topItemCategoryList {
    width: 91%; }

  .topItemCategoryList li {
    width: 50%;
    margin: 0; }

  .topItemCategoryList li a:before {
    top: 4%;
    left: 4%; }

  /* !ssTabWrap 20151031追加
************************************************************ */
  #topItemCategory .ssTabWrap > dl.active {
    padding-top: 10px; }

  #topItemCategory .ssTabWrap > dl > dt {
    margin: 2px 0 0;
    border: none;
    width: auto; }

  #topItemCategory .ssTabWrap > dl > dt:hover {
    border: none; }

  #topItemCategory .ssTabWrap > dl.active > dt {
    border: 1px solid #cdd7e5;
    border-bottom: none; }

  #topItemCategory .ssTabWrap > dl > dt a {
    background: #e7eef8;
    border: none;
    border-bottom: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none; }

  #topItemCategory .ssTabWrap > dl > dt a:hover:after,
  #topItemCategory .ssTabWrap > dl > dt a:hover,
  #topItemCategory .ssTabWrap > dl.active > dt a {
    background: #e7eef8;
    border: none;
    color: #002746;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none; }

  #topItemCategory .ssTabWrap > dl > dd {
    border: 1px solid #cdd7e5;
    background: #fff;
    padding: 0 0 10px;
    margin: 0; }

  /* !pickupContent
************************************************************ */
  #pickupContent {
    clear: both;
    margin: 15px auto 0; } }