@charset "utf-8";

/*共通要素*/
/*font*/
* {
  font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, /* 'Source Sans Pro',Arial,Helvetica,sans-serif, */ 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif , serif;
}

html, body { height:100%; margin:0; }


/*リセット*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,small,weight,dl,dt,dd,figure {
  border:0;
  margin:0;
  padding:0;
  font-size:14px;
  outline:0;
  vertical-align: baseline;
}

/*タグ*/
body {
  color:#333;
  -webkit-text-size-adjust:100%;
  position:relative;
  height: 100%;
}

body > img {
  position:absolute;
  right:0;
  bottom:0;
}

a {
  border:0;
  outline:none;
  color:#333;
  text-decoration: none;
  word-break: break-all;
}

a:hover {
  color:#aaa;
  text-decoration: underline;
}

ul,ol	{
  list-style:none;
}

img {
  border-style:none;
  vertical-align:bottom;
  line-height:1.0;
}

header,section,article,aside,figure {
  display:block;
}

/*ポジション*/
.clear {
  clear:both;
  font-size:0px;
  line-height:0px;
  height:0px;
  width:0px;
}

.f_left	{ float:left; }
.f_right{ float:right; }

.a_left		{ text-align:left; }
.a_center	{ text-align:center;}
.a_right	{ text-align:right;}

.d_block { display:block; }
.d_inline { display:inline; }
.d_i_block { display:inline-block; }

/*サイズ*/
@media screen and (max-width: 768px) {
  .auk_size { width:100px; }
  .np_size { width: 100%;}
  .w_m { width:120px; }
  .w_l { width:132px; }
}

.dis_no_sp { display: inline-block;}
@media screen and (max-width: 768px) {
  .dis_no_sp { display: none;}
}

.disp_pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .disp_pc { display: none;}
}

.disp_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .disp_sp { display: block;}
}

.img_spfull {
  width: auto;
}
@media screen and (max-width: 768px) {
  .img_spfull {
    width: 100%;
  }
}

/*テキスト*/
.green	{ color:#17a996; }
.or { color: #ff982b;}
.red { color: #d00;}

.w_b { word-wrap:break-word; }
.nomal	{ font-weight:400; }
.bold	{ font-weight:700; }
.under	{ text-decoration:underline; }
.through{ text-decoration:line-through; }
.no_line a { text-decoration:none; }
.no_line a:hover { text-decoration:underline; }

.fs_24	{ font-size:24px; line-height:36px; }
.fs_20	{ font-size:20px; line-height:30px; }
.fs_18	{ font-size:18px; line-height:24px; }
.fs_16	{ font-size:16px; line-height:21px; }
.fs_14	{ font-size:14px; line-height:18px; }
.fs_12	{ font-size:12px; line-height:14px; }
.fs_10	{ font-size:10px; line-height:12px; }

.ls_1 { letter-spacing:1px; }
.ls_m1 { letter-spacing:-1px; }

/*カラー*/
.gd_white {
  background:#f5f5f5;
}

.ca_color { background:#e9e9e9; height:1px; overflow:hidden; }
#member_s .ca_color { background:none; }

@media screen and (max-width: 768px) { .ca_color { background:#333; } }

/*price*/
.price { font-weight:700; color:#333; }
.price_f { font-size:10px; text-decoration:line-through; color:#666; }


/*header*/
#header { display: block; width: 100%;}

#header .inner_box { position: relative; width: 980px; padding: 0 10px;}

#h_logo {
  margin: 20px auto;
  text-align: center;
}
#h_logo img { width: 100px;}

.gm {
  padding: 10px 0;
  position: relative;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}

#header_sp { display: none;}

.h_left, .h_right {
  position: absolute;
  top: 16px;
}

.h_left {
  width: auto;
  top: 1px;
}
#goods .h_left {
  top: 10px;
}


/*news slider*/
.news_slide {
  width: 300px;
  height: 26px;
  position: relative;
  border-bottom: 1px solid #333;
  overflow: hidden;
}
.news_slide ul {
  display: inline-block;
}
.news_slide ul li {
  width: 280px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 30px;
  letter-spacing: -0.4px;
}
.news_slide ul li a {
  font-size: 14px;
}
.news_slide ul li a:hover {
  text-decoration: none;
}
.news_slide ul li span {
  display: block;
  font-size: 10px;
  margin: 0 0 4px 88px;
}
.news_slide .news_label {
  font-size: 10px;
  color: #17a996;
  border: 1px solid #17a996;
  background: #fff;
  line-height: 17px;
  padding: 0 2px;
  letter-spacing: -0.8px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.news_slide_box {
  display: none;
}
@media screen and (max-width: 768px) {
  .news_slide {
    width: 96%;
    padding: 0 2%;
    height: 30px;
    border: none;
  }
  .news_slide ul li {
    width: 100%;
    line-height: 30px;
  }
  .news_slide ul li span {
    display: none;
  }
  .news_slide .news_label {
    top: 6px;
    left: 6px;
  }
  .news_slide_box {
    display: block;
  }
}

.h_right {
  width: 240px;
  float: right;
  position: absolute;
  top: -8px;
  right: 10px;
  margin: 0;
}

.h_right > div {
  float: right;
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  margin-left: 20px;
}

.header_info {
  position: absolute;
  top: -12px;
  font-size: 11px;
  color: #888;
  width: 420px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*login*/
.login, .my_page, .shopbag { width: auto; float: right; font-size: 12px;}

/*shopping bag*/
.shopbag a {
  background: url(../img/shopping_bag_icon_sp.png) no-repeat center center;
  background-size: 22px;
  background-position: 0px 2px;
  width: 22px;
  height: 34px;
  overflow: hidden;
  display: block;
  text-indent: 100%;
}


/*検索*/
.h_right > .saerch {
  float: none;
  text-align: right;
  padding: 0;
  margin: 0;
}

.saerch .search_area {
  border: none;
  border-bottom: 1px solid #333;
  width: 240px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 2px 30px 2px 4px;
  background-size: auto 16px;
  background-position: 10px 5px;
  position: relative;
}

.search_button {
  background: url(../img/search_icon.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px;
  border: none;
  position: absolute;
  top: 12px;
  right: 2px;
  padding: 0;
  cursor: pointer;
}

.saerch fieldset { border: none; padding: 0;}

.saerch_scroll { display: none;}

/*sns*/
.sns { width: auto; float: left;}
.sns img { width: 28px;height: auto; margin-right: 20px;}


@media screen and (max-width: 768px) {
  #top header { height: 50px;}
  #header { display: none;}
  #header_sp { display: block; height: 10px;}
  #header_sp .gm { background: #f5f5f5; height: 50px; padding: 0; margin: 0;  position: fixed; top: 0; width: 100%; z-index: 100;}
  #header_sp .h_logo { width: 100%; min-width: 320px; margin: 0 auto;height: 50px; line-height: 50px; position: absolute; top: 0; z-index: 12;background: #f5f5f5;}
  #header_sp .h_logo a { display: block;text-align: center;}
  #header_sp .h_logo img { width: 70px; vertical-align: middle;}
  #gnavi_sp {  position: fixed; top: 0; height: 100%; overflow: auto;}
  #header_sp .gm .shopbag { position: absolute; top: 7px; right: 15px; z-index: 13;}
  .header_info { display: none;}


  /*メニューボタン*/
  #header_sp aside{
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 20px;
    background: #333;
    line-height: 48px;
    text-align: center;
    position: relative;
    right: 100%;
    z-index: 12;
    overflow: overlay;
    top: 50px;
  }
  #menuButton {
    display: block;
    width: 48px;
    height:48px;
    position: relative;
    z-index: 13;
  }
  #menuButton span {
    display: block;
    background: #666;
    width: 24px;
    height: 1px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
  }
  #menuButton span:first-child {
    top: 16px;
  }
  #menuButton span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
  }
  #menuButton span:last-child {
    bottom: 16px;
  }
  #menuButton.active span:first-child {
    -webkit-transform: translateY(6px) rotate(45deg);
    -moz-transform: translateY(6px) rotate(45deg);
    -ms-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
  }
  #menuButton.active span:nth-child(2) {
    opacity: 0;
  }
  #menuButton.active span:last-child {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }

  /*検索窓*/
  .saerch{ height: 48px; line-height: 48px;}
  .saerch .search_area { height: 30px; width: 90%; margin: 0 4%; padding: 2%; vertical-align: middle;}
  .search_button { top: 15px; right: 8%;}

  #header_sp a {
    color: #fff;
  }
  #header_sp a:hover { text-decoration: none;}

  #header_sp .memb_re {
    border-bottom: 1px solid #555;
    border-top: 1px solid #555;
  }
  #header_sp .memb_re a { display: block;}
  #header_sp .memb_re p { width: 49.8%; float: left;}
  #header_sp .memb_re p:first-child { border-right: 1px solid #555;}


  /*アコーディオン*/
  .ac-container {
    width: 100%;
    text-align: left;
  }
  .ac-container label, .list_menu2 > ul > li, .ac-container div > p {
    background: #333;
    border-bottom: 1px solid #555;
    color: #fff;
    display: block;
    margin: 0;
    text-align: left;
    height: 48px;
    line-height: 48px;
    padding-left: 10px;
    position:relative;
  }
  .ac-container label:hover, .list_menu2 ul li:hover {
    background: #555;
  }

  .list_menu > span, .list_menu2 > span {
    background: #444;
    color: #fff;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    display: block;
    text-align: left;
  }

  .ac-container input:checked + label,
  .ac-container input:checked + label:hover,
  .ac-container div > p:hover {
    background: #555;
    color: #fff;
  }

  .ac-container label::after,
  .ac-container label:hover:after,
  .ac-container input:checked + label:hover:after{
    content:" + ";
    position: absolute;
    height: 48px;
    top: 0;
    right: 16px;
    z-index: 1000;
    color: #fff;
    font-size: 16px;
  }
  .ac-container input:checked + label::after,
  .ac-container input:checked + label:hover:after {
    content:" - ";
    position: absolute;
    height: 48px;
    top: -2px;
    right: 18px;
    font-size: 17px;
  }

  .ac-container label h3 {
    font-weight: normal;
  }

  .ac-container div > p a { display: block;}

  .ac-container input{ display: none;}

  .ac-container article {
    background: #888;
    border-bottom: 1px solid #555;
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  }
  .ac-container article ul li {
    color: #fff;
    width: 50%;
    float: left;
    margin: 0 0 0 -1px;
  }
  .ac-container article ul li a , .list_menu2 ul li a {
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 0 0 0 10px;
    display: block;
    width: auto;
    font-size: 12px;
  }

  .ac-container article ul li.blank_col {
    height: 49px;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
  }

  .ac-ss li.full-width {
    width: 100%;
  }

  .ac-ss li.full-width > a > span {
    display: block;
    line-height: 2;
  }


  .list_menu2 ul li a {
    border: none;
    padding: 0;
  }

  .ac-container input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
  }
  .ac-container input:checked ~ article.ac-ss {
    height: 48px;
  }
  .ac-container input:checked ~ article.ac-mini {
    height: 97px;
  }
  .ac-container input:checked ~ article.ac-small {
    /*height: 146px;*/
    height: 97px;
  }
  .ac-container input:checked ~ article.ac-medium_5 {
    /*height: 244px;*/
    height: 195px;
  }
  .ac-container input:checked ~ article.ac-medium_s {
    /*height: 342px;*/
    height: 195px;
  }
  .ac-container input:checked ~ article.ac-medium {
    /*height: 930px;*/
    height: 440px;
  }
  .ac-container input:checked ~ article.ac-large {
    /*height: 685px;*/
    height: 489px;
  }

  .list_menu2 ul.sns_list {
    padding: 20px 0;
  }
  .list_menu2 ul.sns_list li {
    border: none;
    display: inline-block;
    width: 30px;
    height: 30px;
  }
  .list_menu2 ul.sns_list li img {
    width: 100%;
  }

  /*SNS*/
  .sns_list a { display: inline-block; width: 30px; padding-left: 20px;}
  .sns_list a:first-child { padding-left: 0;}
  .sns_list a  img{ width: 100%;}
}

@media screen and (max-width: 500px) {
  #header_sp article ul li.db_li span { display: block;}
  #header_sp ul li.db_li a { line-height: 18px; height: 34px; padding: 6px 4px 8px 10px;}
}


/*ナビゲーション*/
#gnavi {
  text-align: center;
  width: 980px;
  padding: 0 10px;
  margin: 0 auto;
}

#gnavi nav > ul > li {
  display: inline-block;
  padding-left: 32px;
  /*padding-left: 60px;*/
  /*padding-left: 52px;*/

  line-height: 1.2;
  vertical-align: middle;
}

#gnavi nav > ul > li:first-child {
  padding-left: 0;
}

#gnavi nav > ul > li > h3 {
  font-weight: normal;
  font-size: 16px;
}

#gnavi nav > ul > li > h3 > a {
  text-decoration: none;
  padding: 0 0 40px;
}

#gnavi nav > ul > li a:hover {
  text-decoration: none;
}

#gnavi nav > ul > li > h3 > a > span {
  position: relative;
  font-family: 'Hind Vadodara', sans-serif;
  font-size: 16px;
  padding-bottom: 4px;
}

#gnavi nav > ul > li > h3 > a .drop_d {
  background: url(../img/nav_arrow.png) no-repeat right;
  padding: 0 14px 4px 0;
}

#gnavi nav > ul > li > h3 > a > span:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: #555;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#gnavi nav > ul > li > h3 > a > span:hover::after {
  width: 100%;
}

#gnavi > nav > ul > li .navi_hv {
  position: absolute;
  z-index: 11;
  top: 70px;
  left: 0;
  overflow: hidden;
  height: 0;
  width: 100%;
  cursor: auto;
  -webkit-transition: height 500ms ease-out;
  -moz-transition: height 500ms ease-out;
  -o-transition: height 500ms ease-out;
  transition: height 500ms ease-out;
  transition-delay: 0.1s;
  background: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .1);
  box-shadow: 0 4px 5px rgba(0, 0, 0, .1);
}


#gnavi > nav > ul > li .navi_hv .navi_inner_box {
  margin: 0 auto;
  width: 980px;
  height: 100%;
}


#gnavi > nav > ul > li:hover .navi_hv {
  height: 420px;
  width: 100%;
  opacity: 1;
  border-top: 1px solid #ccc;
  z-index: 100;
  background: #fff;
}
#gnavi > nav > ul > li.drop_iphone:hover .navi_hv { height: 540px;}

#gnavi > nav > ul > li.drop_ipad:hover .navi_hv {
  /*height: 540px;*/
  height: 420px;
}

#gnavi > nav > ul > li:hover .navi_ss {
  height: 96px;
}

.navi_ss > .navi_inner_box > a > p {
  padding: 40px 0;
  font-weight: 600;
}

/*#gnavi > nav > ul > li:hover .navi_lg { height: 500px;}*/

#gnavi > nav > ul > li .navi_hv .navi_inner_box > ul {
  width: 580px;
  padding: 30px 0;
  display: inline-block;
  float: left;
}

#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li {
  width: 172px;
  /*min-height: 92px;*/
  float: left;
  margin: 0 20px 20px 0;
  text-align: left;
}

#gnavi > nav > ul > li.drop_ipad > .navi_hv .navi_inner_box > ul,
#gnavi > nav > ul > li.drop_iphone > .navi_hv .navi_inner_box > ul {
  width: 100%;
  position: relative;
}
#gnavi > nav > ul > li.drop_ipad > .navi_hv .navi_inner_box > ul {
  padding-bottom: 50px;
}
#gnavi > nav > ul > li.drop_ipad > .navi_hv .navi_inner_box > ul > li {
  width: 182px;
  float: left;
  margin: 0 14px 20px 0;
  text-align: left;
}
#gnavi > nav > ul > li.drop_ipad > .navi_hv .navi_inner_box .n_img {
  width: 352px;
}

#gnavi > nav > ul > li .navi_lg .navi_inner_box > ul > li  {
  width: 173px;
  /*height: 90px;*/
  margin: 0 20px 20px 0;
}

#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_ipad,
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_imac {
  padding-top: 60px;
  text-align: right;
  height: auto;
  width: 394px;
  min-height: auto;
}
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_ipad {
  width: 394px;
  position: absolute;
  bottom: 0;
  right: 0;
}
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_imac {
  width: 366px;
}
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_ipad a,
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_imac a {
  text-decoration: underline;
}

#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li > a > span,
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li .under_line {
  font-size: 14px;
  /*border-bottom: 1px #ccc solid;*/
  display: block;
  font-weight: 600;
  height: 36px;
  line-height: 36px;
  color: #111;
}

#gnavi .n_img {
  width: 400px;
  float: right;
  margin: 0;
}

#gnavi .n_img img {
  width: 100%;
}

#gnavi .n_img_iphone {
  margin-top: -90px;
}

#gnavi .fixed_br {
  display: none;
}

.fixed #gnavi .fixed_br {
  display: block;
}

.navi_hv .navi_inner_box > ul > li > ul > li { padding: 8px 0 0 0; line-height: 18px;}
.navi_hv .navi_inner_box > ul > li > ul > li a { font-size: 13px; color: #666;}
.navi_hv .navi_inner_box > ul > li > ul > li.txt_sh a { letter-spacing: -1px; font-size: 12px;}
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li > a > span:hover,
.navi_hv .navi_inner_box > ul > li a:hover{
  text-decoration: none;
  color: #aaa;
}

@media screen and (max-width: 800px) {
  #gnavi .n_img img { margin-top: 30px;}
  .navi_hv .navi_inner_box > ul > li > ul > li.ov_txt { letter-spacing: -1.2px;}
}
@media screen and (max-width: 700px) {
  .navi_hv .navi_inner_box > ul > li > ul > li { padding: 4px 0 0 6px;}
  .navi_hv .navi_inner_box > ul > li > ul > li a { font-size: 12px;}
}



/*スクロール時ヘッダー固定*/
header > .fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 60px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  background: #fff;
}

header > .fixed #h_logo {
  margin: 14px 0;
  width: 70px;
  z-index: 100;
  position: absolute;
  left: 0;
}

header > .fixed #h_logo img {
  width: 70px;
}

header > .fixed .h_left {
  display: none;
}

header > .fixed .h_right {
  top: 0;
  height: 60px;
}

header > .fixed .h_right > div {
  height: 60px;
  line-height: 60px;
}


header > .fixed .gm {
  height: 60px;
}

header > .fixed #gnavi {
  width: 100%;
  top: 0;
  position: fixed;
  height: 60px;
  line-height: 60px;
  padding: 0;
}

header > .fixed #gnavi > nav > ul > li > .navi_hv {
  top: 60px;
}
header > .fixed #gnavi nav > ul > li:first-child {
  padding-left: 0;
}
header > .fixed #gnavi nav > ul > li {
  padding-left: 25px;
}

header > .fixed .shopbag, header > .fixed .my_page {
  z-index: 100;
}

header > .fixed .shopbag a {
  background-position: 0 14px;
  width: 24px;
  height: 60px;
  overflow: hidden;
  display: block;
  text-indent: 100%;
}

header > .fixed .my_page a {
  background: url(../img/mypage_icon.png) no-repeat;
  background-size: 22px;
  background-position: 0 15px;
  width: 24px;
  height: 60px;
  overflow: hidden;
  display: block;
  text-indent: 100%;
}

header > .fixed .login, header > .fixed .saerch { display: none;}


/*パン屑*/
.l_box_bc {
  margin-bottom: 20px;
  width: auto;
  overflow: hidden;
}

.l_box_bc a.member_bc_top {
  background-image: url("../img/home.png");
  background-position: 20px 3px;
  background-size: 22px;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  padding: 24px 0 0;
  height: 0;
  width: 44px;
  overflow: hidden;
}

.l_box_bc a, .l_box_bc span, .l_box_bc h1 {
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  line-height: 24px;
  display: inline-block;
  height: 24px;
}

@media screen and (max-width: 768px) {
  .l_box_bc {
    border: 0;
    border-radius: 0;
    background: #ddd;
    padding: 2px 12px;
    height: auto;
    margin-bottom: 0;
  }
  .l_box_bc a.member_bc_top {
    background-position: left;
    width: 21px;
  }
}


/*横幅*/
#contents {
  width: 100%;
  margin:0 auto;
}

.inner_box {
  width: 980px;
  padding: 0 10px;
  margin:0 auto;
}

#top #contents h2, .c_title {
  border-top: 1px solid #aaa;
  text-align: center;
  height: 80px;
  font-size: 300%;
}

#top #contents h2 > span, .c_title p {
  position: relative;
  top: -20px;
  padding: 0 60px;
  background: #fff;
  font-family: 'Hind Vadodara', sans-serif;
  font-weight: normal;
  display: inline-block;
  line-height: 28px;
}

#top #contents h2 > span > span, .c_title p span {
  font-size: 16px;
  background: none;
  color: #aaa;
}

#contents a > img:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  #top #contents h2 { font-size: 26px; height: 50px;}
  #top #contents h2 > span { padding: 0 6%; line-height: 22px;}
  #top #contents h2 > span > span { font-size: 14px;}
  .inner_box { width: 100%; padding: 0; min-width:320px;}
  .inbox { padding: 0 2%;}
}

/*top*/
#top #contents .inner_box > div { margin-bottom: 120px;}

/*トップバナーfade*/
.bnr_fade {
  width: 100%;
  border: 0;
  position: relative;
  margin: 0 auto 150px;
}

.bnr_fade .flex-control-nav { bottom: -50px;}

.bnr_fade img { width: 100%;}

@media screen and (max-width: 768px) {
  #top #contents .inner_box > div { margin-bottom: 70px; padding: 0;}
  .bnr_fade { width: auto; padding: 0 0 10px; margin: 0 0 70px; min-width: 320px;}
  .bnr_fade a, .bnr_fade a img { width: 100%;}
  .flexslider .slides img { width: 90%; margin: 0 auto;}
  .bnr_fade .flex-control-nav { bottom: -5%;}
}

/*緊急お知らせ*/
.attention_content {
  width: 510px;
  margin: -50px auto;
}
.attention_content .date {
  margin-bottom: 8px;
  vertical-align: top;
  line-height: initial;
}
.attention_content .main_txt .title {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 4px;
}
.attention_content .main_txt a {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .attention_content { width: 100%; margin: 70px auto;}
  .attention_content .attention_inner_box { padding: 0 2%;}
}
@media screen and (max-width: 320px) {
  .attention_content .main_txt p.title { font-size: 14px;}
  .attention_content .main_txt p { font-size: 12px;}
  .attention_content { margin: -30px auto -10px;}
}

/*お知らせ 商品*/
.attention_item {
  margin-bottom: 50px;
}
.attention_item .attention_item_img {
  display: inline-block;
  vertical-align: middle;
  width: 16%;
  margin-right: 4%;
}
.attention_item img {
  width: 100%;;
}
.attention_item .item-txt {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-size: 13px;
}
.attention_item .item-txt b {
  margin-bottom: 4px;
  display: block;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .attention_item .attention_item_img {
    vertical-align: top;
    width: 20%;
    margin-right: 4%;
  }
  .attention_item .item-txt {
    vertical-align: top;
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .attention_item .item-txt b {
    font-size: 13px;
  }
}

/*カテゴリ*/
/*カテゴリスライド*/
.mi-slider {
  position: relative;
  min-height: 410px;
}

.mi-slider ul {
  list-style-type: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 40px;
  overflow: hidden;
  text-align: center;
  pointer-events: none;
}

.no-js .mi-slider ul {
  position: relative;
  left: auto;
  bottom: auto;
  margin: 0;
  overflow: visible;
}

.mi-slider ul.mi-current {
  pointer-events: auto;
}

.mi-slider ul li {
  display: inline-block;
  padding: 18px;
  width: 200px;
  vertical-align: top;
  -webkit-transform: translateX(600%);
  transform: translateX(600%);
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.no-js .mi-slider ul li {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.mi-slider ul li a,
.mi-slider ul li img {
  display: block;
  margin: 0 auto;
}

.mi-slider ul li a {
  outline: none;
  cursor: pointer;
  word-break: break-word;
}

.mi-slider ul li img {
  max-width: 100%;
  border: none;
  margin-bottom: 20px;
}

.mi-slider ul li:hover {
  opacity: 0.7;
}

.mi-slider ul li span {
  color: #555;
  display: block;
  font-weight: 700;
}

.mi-slider nav {
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 100%;
}

.no-js nav {
  display: none;
}

.mi-slider nav a {
  display: inline-block;
  padding: 0 30px;
  position: relative;
  color: #888;
  outline: none;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  border-left: 1px solid #ccc;
  font-size:18px;
}

.mi-slider nav a:first-child { border: none;}


.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {
  color: #111;
  font-weight: 700;
}

/* Move classes and animations */

.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
  -webkit-animation: scaleUp 350ms ease-in-out both;
  animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp {
  0% { -webkit-transform: translateX(0) scale(0); }
  100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
  0% { -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); }
  100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
}

.mi-slider ul:first-child li:nth-child(2) {
  -webkit-animation-delay: 180ms;
  animation-delay: 180ms;
}

.mi-slider ul:first-child li:nth-child(3) {
  -webkit-animation-delay: 270ms;
  animation-delay: 270ms;
}

.mi-slider ul:first-child li:nth-child(4) {
  -webkit-animation-delay: 360ms;
  animation-delay: 360ms;
}

/* moveFromRight */

.mi-slider ul.mi-moveFromRight li {
  -webkit-animation: moveFromRight 350ms ease-in-out both;
  animation: moveFromRight 350ms ease-in-out both;
}

/* moveFromLeft */

.mi-slider ul.mi-moveFromLeft li {
  -webkit-animation: moveFromLeft 350ms ease-in-out both;
  animation: moveFromLeft 350ms ease-in-out both;
}

/* moveToRight */

.mi-slider ul.mi-moveToRight li {
  -webkit-animation: moveToRight 350ms ease-in-out both;
  animation: moveToRight 350ms ease-in-out both;
}

/* moveToLeft */

.mi-slider ul.mi-moveToLeft li {
  -webkit-animation: moveToLeft 350ms ease-in-out both;
  animation: moveToLeft 350ms ease-in-out both;
}

/* Animation Delays */

.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
  -webkit-animation-delay: 180ms;
  animation-delay: 180ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
  -webkit-animation-delay: 270ms;
  animation-delay: 270ms;
}
.mi-slider ul li.categ_link {
  display: block;
  margin: 0 auto;
}
.mi-slider ul li.categ_link a {
  text-decoration: underline
}
@media screen and (max-width: 768px) {
  .mi-slider ul li.categ_link {
    width: 100%;
  }
}

/* Animations */

@-webkit-keyframes moveFromRight {
  0% { -webkit-transform: translateX(600%); }
  100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
  0% { -webkit-transform: translateX(-600%); }
  100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
  0% { -webkit-transform: translateX(0%); }
  100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
  0% { -webkit-transform: translateX(0%); }
  100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
  0% { -webkit-transform: translateX(600%); transform: translateX(600%); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveFromLeft {
  0% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveToRight {
  0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { -webkit-transform: translateX(600%); transform: translateX(600%); }
}

@keyframes moveToLeft {
  0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
}

.mi-slider {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mi-slider .c_footer {
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 300px;
  margin: 20px auto 0;
  border: 0;
  padding: 0;
}

.mi-slider .c_footer a {
  font-family:  'Helvetica Neue', Helvetica, Arial, Verdana, /* 'Source Sans Pro',Arial,Helvetica,sans-serif, */ 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif , serif;;
}


/*.mi-slider .categ_oth { display: block; margin: 0 auto;}
.mi-slider .categ_oth a { color: #17a996;}*/

@media screen and (max-width: 768px){
  .mi-slider { min-height: 314px;}
  .mi-slider nav a { padding: 0 3%;}
  .mi-slider ul li { padding: 2% 1% 4%; width: 22%;}
  .mi-slider ul li span { font-size: 11px;}
  .mi-slider nav a { padding: 0 10px;}
  .mi-slider nav a:hover { text-decoration: none;}
  .mi-slider nav a > span > span { display: none;}
  .mi-slider ul li img { margin-bottom: 10px;}
  .mi-slider .categ_oth { width: auto;}
}

@media screen and (max-width: 500px){
  .mi-slider { min-height: 282px;}
}
@media screen and (max-width: 400px){
  .mi-slider { min-height: 248px;}
  .mi-slider ul li span { font-size: 10px;}
}
@media screen and (max-width: 320px){
  .mi-slider nav a { padding: 0 6px;}
}
/*もっと見るボタン*/
.c_footer {
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 300px;
  margin: 20px auto 0;
  border: 0;
}
.c_footer:hover {
  background: #aaa;
}


.c_footer a {
  color: #fff;
  background-color:#333;
  font-weight: 700;
  font-family: 'Hind Vadodara', sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  text-decoration: none;
  display: block;
}
.c_footer a:hover {
  color: #fff;
}

/* グリーンボタン */
.reg_btn a {
  display: block;
  width: 380px;
  color: #fff;
  background: #17a996;
  text-align: center;
  font-size: 16px;
  border: 1px solid #17a996;
  margin: 20px auto;
  height: 44px;
  line-height: 44px;
  border-radius: 3px;
}
.reg_btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .reg_btn a {
    width: 100%;
    height: auto;
    line-height: initial;
    padding: 10px 0;
  }
}

/*新商品*/
#new_products a {
  word-break: break-word;
  word-wrap: normal;
}
#new_products p {
  width: 32%;
  float: left;
  padding: 0 0.66% 2%;
  text-align: center;
  min-height: 194px;
}

#new_products p img { width: 100%;}

#new_products p span {
  display: block;
  padding: 0 50px;
  height: 40px;
  overflow: hidden;
}

/*goods_box*/
/*新商品 goods_box*/
.new_inbox .goods_box {
  width: 300px;
  float: left;
  padding: 0 10px 30px;
  text-align: center;
}

.new_inbox .goods_box .r_txt {
  display: block;
  width: 200px;
  margin: 10px auto;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 40px;
}

.new_inbox .goods_box img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .new_inbox .goods_box { width: 42%; padding: 0 4% 4%;}
  .new_inbox .goods_box .r_txt { width: 100%; max-height: 34px; font-size: 12px; line-height: 18px;}
  .c_footer { width: 90%;}
}


/*おすすめ商品*/
#featured_products .inbox > div {
  display: table;
  width: 100%;
  position: relative;
  /*height: 720px;*/
}

#featured_products .inbox > div .f_box_txt {
  /*display: table-cell;
    vertical-align: middle;
    width: 50%;
    line-height: 24px;*/
}


#featured_products .f_box_f p img { width: 900px; margin: 0 auto; display: block;}
#featured_products .f_box_f .f_box_txt { width: 500px; text-align: center; margin: 0 auto 50px;}


#featured_products .f_box_s { margin: 0 0 200px;}
#featured_products .f_box_s .f_box_txt {
  position: absolute;
  top: 10px;
  z-index: 10;
  width: 300px;
}
#featured_products .f_box_s p img { width: 730px; float: right;}


#featured_products .f_box_t { height: 700px; margin: 100px 0 200px;}
#featured_products .f_box_t .f_box_txt {
  float: right;
  width: 440px;
  margin-top: 230px;
}
#featured_products .f_box_t .f_box_img {
  position: absolute;
  top: 10px;
  left: 0;
  width: 500px;
}
#featured_products .f_box_t .f_box_img img { width: 100%;}


#featured_products div p span { color: #555;}

#featured_products div p .f_g_name {
  font-family: 'Hind Vadodara', sans-serif, 'メイリオ', Meiryo, ;
  font-size: 32px;
  line-height: 44px;
  display: block;
  margin: 0 0 20px;
  color: #555;
  font-weight: 300;
  text-align: center;
}
#featured_products div p .f_g_name span {
  display: block;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  #featured_products div p .f_g_name span {
    font-size: 18px;
  }
}

#featured_products div p .f_g_txt {
  line-height: 24px;
  font-weight: normal;
  font-size: 16px;
  display: block;
  line-height: 26px;
  margin-bottom: 20px;
  font-size: 14px;
  text-align: center;
  /*overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;*/
}

#featured_products div p .c_footer { display: block;}

@media screen and (max-width: 768px) {
  #featured_products .inbox > div { display: block; height: auto;}
  #featured_products .f_box_s { margin: 60px 0;}
  #featured_products .f_box_t { margin: 80px 0;}
  #featured_products .f_box_f .f_box_txt,
  #featured_products .f_box_f p img,
  #featured_products .f_box_s p img,
  #featured_products .f_box_t .f_box_txt,
  #featured_products .f_box_t .f_box_img { width: 100%; position: relative; float: none;}
  #featured_products .f_box_t .f_box_txt { margin-top: 0;}

  #featured_products .f_box_f .f_box_txt,
  #featured_products .f_box_s .f_box_txt,
  #featured_products .f_box_t .f_box_txt { margin: 0 auto 30px;}

  #featured_products .f_box_s .f_box_txt {
    position: relative;
    top: 0;
    width: 100%;
  }


  #featured_products div p .f_g_name {
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 10px;
  }
  #featured_products div p .f_g_txt { font-size: 14px;}
}



/*こだわりの逸品*/
#selected_products p {
  width: 485px;
  float: left;
  padding-left: 10px;
}

#selected_products .inbox p:first-child { padding-left: 0;}

#selected_products p img {
  width: 100%;
}


/*notice*/
/*#press_release, #news {
	padding: 30px;
	width: 423px;
    height: 500px;
	border: 1px solid #ccc;
}*/

#press_release, #news {
  padding: 30px;
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#notice ul li {
  line-height: 24px;
  border-bottom: 1px #aaa dotted;
  padding: 10px;
  height: 110px;
}

#notice ul li > a > p {
  overflow: hidden;
}

#notice ul li > a > p > span {
  color: #888;
  display: block;
}

#notice .list_rink {
  font-size: 12px;
  height: auto;
  border: none;
  text-align: center;
  padding: 40px 0 0;
  display: block;
}

#notice .list_rink a { color: #17a996;}

#top #notice h2 { border: none; height: auto;}

#top #notice h2 span { background: none; position: static; padding: 0 0 14px; }

/*press*/
#press_release { /*float: left;*/ margin-right: 10px;}

#press_release ul li { height: 106px; clear: both;}

#press_release ul li img {
  width: 110px;
  float: left;
  margin-right: 4%;
}

#press_release ul li > a > p {
  height: 100px;
  float: left;
  /*width: 66%;*/
  width: 100%;
}

/*news*/
/*#news { float: right;}*/
#news { float: none; margin-top: 40px;}

#news ul li { height: auto;}



@media screen and (max-width: 768px) {
  #press_release, #news { width: 92%; margin: 0 2% 20px; height: auto; padding: 20px 2%;}
  #selected_products h3 > span { top: -18px;}
  #selected_products p { width: auto; padding-left: 0;}
  #selected_products .inbox p:first-child { margin-bottom: 20px;}

  #notice ul li { padding: 2%; clear: both;}
  #notice ul .list_rink { padding: 14px 0 0;}

  #press_release ul li { height: auto; display: inline-block;}
  #press_release ul li > a > p { height: auto; font-size: 12px; line-height: 18px;}
  #press_release ul li img { width: 30%;}

  #news ul li { height: auto;}
}


/*About Products*/
#about_products a { color: #17a996;}
#about_products .ap_top {
  background: #000 url(../img/ap/product_image.jpg) no-repeat center;
  height: 650px;
}
#about_products .ap_top .ap_top_txt {
  color: #fff;
  font-size: 16px;
  width: 500px;
  text-align: center;
  padding: 150px 0;
  margin: 0 auto;
  line-height: 28px;
}

#about_products .ap_top .ap_top_txt span {
  display: block;
  font-family: 'Hind Vadodara', sans-serif;
  font-size: 72px;
  margin-bottom: 40px;
  line-height: 60px;
}

#about_products .ap_top .ap_top_txt .ap_txt_s {
  font-size: 20px;
  font-weight: 700;
  display: block;
  line-height: 30px;
}


#about_products .ap_info { position: relative;}

#about_products .ap_info .ap_aj_info,
#about_products .ap_info .ap_fl_info,
#about_products .ap_info .ap_viewer {
  margin: 150px auto;
  position: relative;
}

#about_products h2 {
  border-top: 1px solid #aaa;
  text-align: center;
  height: 70px;
  font-size: 70px;
}
#about_products h2 > span {
  position: relative;
  top: -42px;
  padding: 0 60px;
  background: #fff;
  font-family: 'Hind Vadodara', sans-serif;
  font-weight: normal;
  display: inline-block;
  line-height: 54px;
}

#about_products h2 > span > span {
  display: block;
  font-size: 16px;
  background: none;
  color: #aaa;
}


#about_products .ap_info .page_link {
  padding: 150px 0 150px 0;
  margin: -150px 0 -150px 0;
}

#about_products .ap_info .ap_aj_info .aj_box { height: 1000px; position: relative;}
#about_products .ap_info .ap_aj_info .aj_box div { width: 400px; position: absolute; top: 390px; right: 0;}
#about_products .ap_info .ap_aj_info .aj_box .aj_txt img { width: 220px; margin: 0 auto 20px; display: block;}
#about_products .ap_info .ap_aj_info .aj_box img.aj_img { float: left; width: 700px;}

#about_products .ap_info .ap_fl_info .fl_txt { width: 600px; margin: 0 auto;}
#about_products .ap_info > img  { display: block; margin: 0 auto 30px;}

#about_products .ap_info > div p > span { display: block; margin: 20px auto 0; line-height: 30px; text-align: center; font-weight: normal;}

#about_products .ap_info > div p > span a { color: #17a996;}

#about_products .ap_info .fl_info_b { padding: 40px 0;}
#about_products .ap_info .fl_info_b p {
  width: 430px;
  float: left;
  margin: 0 30px 30px;
  line-height: 22px;
  text-align: left;
  height: 600px;
}
#about_products .ap_info .fl_info_b p img { display: block; width: 100%;}
#about_products .ap_info .fl_info_b p span {
  font-family: 'Hind Vadodara', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  text-align: center;
}
#about_products .ap_info .fl_acce p {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 20px;
}
#about_products .ap_info .fl_acce div { width: 450px; float: left; margin: 20px;}
#about_products .ap_info .fl_acce div img { width: 100%; margin-bottom: 20px;}

#about_products .ap_viewer div p { text-align: center; font-weight: 700; font-size: 16px;}
#about_products .ap_viewer div span { text-align: center; display: block; padding: 20px 0; line-height: 26px;}

#about_products .ap_inst_guide > div { width: 233px; float: left; padding-left: 15px;}
#about_products .ap_inst_guide > div:first-child { padding-left: 0;}
#about_products .ap_inst_guide div img { width: 100%;}
#about_products .ap_inst_guide > div h2 { font-size: 20px;  padding: 20px 0; margin-bottom: 30px; height: auto; border-top: 0; border-bottom: 1px solid #aaa;}
#about_products .ap_inst_guide > div span { display: block;}

#about_products .ap_inst_guide ul li { height: auto; clear: both; margin-bottom: 20px;}
#about_products .ap_inst_guide ul li img { width: 70px; display: inline-block; vertical-align: top;}
#about_products .ap_inst_guide ul li p {
  display: inline-block;
  width: 163px;
  text-align: left;
  height: auto;
  border: none;
  margin-bottom:10px;
  font-weight: 700;
}
#about_products .ap_inst_guide ul li p span {
  display: block;
  margin: 6px 0 0;
  line-height: 18px;
  font-size: 13px;
  text-align: left;
}
#about_products .ap_inst_guide ul li p span a { color: #555;}





@media screen and (max-width: 768px) {
  #about_products .ap_info { padding: 2%; overflow: hidden;}
  #about_products .ap_top .ap_top_txt { width: 80%; padding: 90px 10%;}
  #about_products .ap_info .ap_aj_info, #about_products .ap_info .ap_fl_info { margin: 80px auto;}
  #about_products h2 { font-size: 38px; height: 50px;}
  #about_products h2 span { padding: 0 6%; line-height: 36px; top: -26px;}


  #about_products .ap_info .ap_aj_info .aj_box div, #about_products .ap_info .ap_fl_info .fl_txt { margin: 0 auto 20px; width: 90%; position: relative; top: 0; right: 0;}
  #about_products .ap_info .ap_aj_info .aj_box .aj_txt img { width: 160px; margin: 0 auto 10px;}
  #about_products .ap_info .ap_aj_info .aj_box img.aj_img { position: relative; top: 0; width: 100%;}
  #about_products .ap_info .ap_aj_info .aj_box p img { width: 200px;}
  #about_products .ap_info .ap_aj_info > img { width: 100%;}
  #about_products .ap_info .ap_aj_info .aj_box { height: auto;}
  #about_products .ap_info .ap_fl_info > img { margin-right: -320px;}
  #about_products .ap_info .fl_info_b p, #about_products .ap_info .fl_acce div { width: 94%; margin: 4%; height: auto;}
  #about_products .ap_info .page_link {
    padding: 80px 0 80px 0;
    margin: -80px 0 -80px 0;
  }
  #about_products .ap_inst_guide > div { width: 100%; margin-bottom: 30px; padding-left: 0;}
  #about_products .ap_inst_guide ul li p { width: auto;}
  #about_products h2 > span > span { font-size: 14px; line-height: 18px;}
  #about_products .ap_inst_guide div img { width: 70%; margin: 0 auto; display: block;}
  #about_products .ap_inst_guide ul li img { width: 30%;}
  #about_products .ap_inst_guide ul li p { width: 70%;}
}


/*footer*/
.pagetop {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 20px;
  width: 50px;
  height: 50px;
  z-index: 100;
}

.pagetop a {
  display: block;
  width: 50px;
  height: 60px;
  color: #555;
  font-size: 16px;
  text-align: center;
  font-family: 'Hind Vadodara', sans-serif;
  text-decoration: none;
}

.pagetop a:hover {
  display: block;
  width: 50px;
  height: 60px;
  background: #eee;
}

.pagetop span {
  display: block;
  padding-top: 34px;
  background: url(../img/toppage_ar.png) no-repeat;
  background-position: 10px 10px;
  background-size: 30px;
}

/*footer {
	width: 100%;
	position: absolute;
	bottom: 0;
}*/

#footer {
  background: #f9f9f9;
  padding: 20px;
  margin-top: 70px;
}

/*footer info*/
.f_inbox { width: 980px; margin: 0 auto; padding: 0 10px;}
.f_info { padding: 40px 0;}

.f_info p {
  width: 300px;
  padding: 0 10px;
  display: inline-block;
}

.f_info p a:hover {
  text-decoration: none;
}

.f_info p img {
  width: 120px;
	height: auto;
  margin: 0 auto;
  display: block;
}

.f_info p span {
  display: block;
  text-align: center;
}
@media screen and (max-width: 768px) {

  .f_info p img {
    width: 20%;
	height: auto;
    margin-right:10px;
    float:left;
    display: block;
  }
  .f_info p span{
    display:block;
    float:right;
    padding-top:25px;
    width:70%;
    text-align:left;
  }
}
.ft_l p {
  font-size: 15px;
  font-weight: 700;
}

.ft_l .ac-container > div {
  width: 16%;
  float: left;
  margin: 2%;
  line-height: 22px;
}

.ft_l .ac-container input {
  display: none;
}

.ft_l .ac-container ul {
  margin: 4px 0 0 8px;
}

.ft_r {
  width: 436px;
  float: right;
  position: absolute;
  bottom: 20px;
  right: 0;
}

.ft_r .ft_saerch { margin: 20px 0; width: 280px; display: inline-block;}

.ft_r .ft_saerch fieldset { border: none; padding: 0;}

.ft_r .ft_saerch input.search_area {
  border: 1px #ccc solid;
  border-radius: 20px;
  height: 30px;
  padding: 2px 10px 0 30px;
  background: #fff url(../img/search_icon.png) no-repeat left;
  background-size: auto 18px;
  background-position: 10px 6px;
  width: 250px;
  box-shadow: none;
  -webkit-appearance:none;
}

.ft_r .sns { width: auto; display: inline-block; float: none;}

.ft_b {
  background: #333;
  padding: 6px 0;
  text-align: center;
}

.ft_b ul li {
  width: auto;
  display: inline-block;
  color: #fff;
  padding: 0 10px;
  border-left: 1px #555 solid;
  font-size: 11px;
}

.ft_b ul li:first-child { border: none;}

.ft_b ul li.f_copy {
  padding-left: 20px;
  border: none;
}

.ft_b ul li a { color: #fff;}

@media screen and (min-width: 1280px) {
  #footer .inner_box { width: 1480px;}
  .f_inbox { width: 1280px;}
  .f_info p { width: 160px; padding: 0 132px;}
  .f_info p img { width: 100%;height: auto;}
}

@media screen and (max-width: 768px) {
  #member .footer_b_box nav div {position: relative; bottom: 0;}
  #footer { padding: 0; margin-top: 30px;}
  .f_inbox { width: 100%; margin: 0 auto; padding: 0;}
  .f_info { padding: 4%; margin-bottom: 0; border: none;}
  .f_info p { width: 96%; padding: 0 2% 4%;}
  .ft_l .ac-container > div { width: 100%; margin: 0;}
  .ft_r { width: 100%; padding: 20px 0 0; position: relative; top: 0;}
  .ft_r .ft_saerch, .ft_r .sns { margin: 10px auto 20px; text-align: center; float: none; display: block;}
}

/*footer category*/
.footer_category { padding: 40px 0; position: relative;}

.footer_category p.footer_title, .footer_b_box p.footer_title {
  padding:0 0 12px 12px;
  display:block;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  height:20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 14px;
}

.footer_category .footer_category_inbox { width: 760px; float: left; margin-bottom: 0;}

.footer_info_inbox { width: 200px; float: left; margin-left: 20px;}

#member .footer_b_box p.footer_title { padding-left:0; }

.footer_category_block {
  float:left;
  margin: 0 10px;
  width: 130px;
}

.footer_info_inbox .footer_category_block {
  width: 190px;
}

.footer_category_block_h {
  float:left;
  width:20%;
}

.footer_category_block p.footer_s_title,
.footer_category_block_h p.footer_s_title {
  border-radius:4px;
  margin:0 0 4px;
  padding:0 0 0 13px;
  display:block;
  font-size:14px;
  font-weight:700;
  line-height:24px;
  height:24px;
  color:#555;
}

.footer_category_block ul {
  display:block;
}

.footer_category_block ul li,
.footer_category_block_h ul li {
  display:block;
  float:left;
  height:20px;
  width: 100%;
  overflow:hidden;
}

.footer_category_block ul li a,
.footer_category_block_h ul li a {
  padding:0 0 0 12px;
  font-size:12px;
  line-height:20px;
  text-decoration:none;
  color:#666;
}
.footer_category_block ul li a:hover,
.footer_category_block_h ul li a:hover {
  text-decoration:underline;
  color:#888;
}

.pc_disp_n { display: none;}


@media screen and (min-width: 1280px) {
  .footer_category .footer_category_inbox { width: 1060px;}
  .footer_category_block p.footer_s_title, .footer_category_block_h p.footer_s_title { margin:0 0 12px;}
  .footer_category_block ul li, .footer_category_block_h ul li { height:24px; }
  .footer_category_block ul li a, .footer_category_block_h ul li a {
    margin:0 12px 4px 0;
    padding:0 0 0 12px;
    display:block;
    font-size:13px;
    line-height:20px;
    text-decoration:none;
    height:20px;
    width:100%;
    color:#666;
    overflow:hidden;
  }
  .footer_category_block ul li a:hover, .footer_category_block_h ul li a:hover {
    text-decoration:none;
    color: #aaa;
  }
  .footer_category_block { margin: 0 30px 0 10px; width: 172px;}
}

@media screen and (max-width: 768px) {
  .footer_category { border:0; }
  .footer_category { padding:0; }
  .footer_category .footer_category_inbox { width: 100%; border-top: 1px solid #ddd;}
  .footer_category_block, .footer_category_block_h { width:100%; margin: 0; position: relative;}
  .footer_top, .footer_category_block p.footer_s_title, .footer_category_block p.footer_title, .footer_b_box p.footer_title {
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin: 0;
    padding: 0 0 0 5%;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 42px;
    height: 42px;
    color: #333;
    cursor: pointer;
  }
  .footer_category .footer_category_inbox p.footer_title { display: none;}


  .trigger:after {
    content: " + ";
    position: absolute;
    height: 48px;
    top: 0;
    right: 16px;
    z-index: 10;
    color: #555;
    font-size: 16px;
  }

  .trigger.active:after{
    content:" - ";
    position: absolute;
    height: 48px;
    top: -2px;
    right: 18px;
    font-size: 17px;
  }

  .footer_b_box .f_menu, .footer_top {
    padding:0;
    cursor:default;
  }
  .footer_category_block ul, .footer_category_block_h ul, .footer_b_box ul {
    padding:0;
    display:block;
    height:auto;
  }
  .footer_category_block ul li, .footer_category_block_h ul li, .footer_b_box ul li, .footer_b_box ul li.footer_n_r {
    border-top:1px solid #e7e8ea;
    background:#fff;
    margin:0;
    display:block;
    float:none;
    text-align:left;
    height:42px;
    width:auto;
  }
  .footer_category_block ul li a, .footer_category_block_h ul li a, .footer_b_box ul li a {
    border:0;
    padding:0 5%;
    display:block;
    font-size:14px;
    line-height:42px;
    text-align:left;
    height:42px;
    color:#666;
    overflow:hidden;
  }

  .footer_info_inbox { width: 100%; margin: 0;}
  .footer_info_inbox .footer_category_block { width: 100%;}
  .footer_info_inbox .one_bl {
    width:  95%;
    height: 42px;
    line-height: 42px;
    padding-left: 5%;
    border-bottom: 1px solid #ddd;
  }
  .footer_category_goods:hover { background: #ccc;}
  .footer_info_inbox .one_bl a:hover { text-decoration: none; color: #333;}
  .footer_info_inbox .one_bl a, .pc_disp_n { display: block;}
}

/* cart_count badge */
.cart_count {
  position: absolute;
  top: 0;
  right: -12px;
  display: block;
  background: #e94c1b;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  font-size: 11px;
  color: #fff;
  text-indent: 0;
}

header > .fixed .shopbag .cart_count {
  top: 8px;
  right: -8px;
}

#gnavi > nav > ul > li > .drop_d {
  cursor: pointer;
}