/*
Theme Name: wk_2nd-spirits
Theme URI:
Description: セカンドスピリッツ テーマ
Author: webkikaku
Author URI: none
Version: 1.0
*/

@charset "utf-8";

/* =============================================================================
   WordPress用
   ========================================================================== */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin-right: 20px;
}

.alignright {
   float: right;
   margin-left: 20px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* ========================================================================
selector
======================================================================== */
body,
html{
  overflow-x: hidden;
}

a:hover img {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

p {
  background: url(images/common/spacer.png);
}

/*a {
  display: block;
}*/

a:hover{
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity:0.8;
  zoom:1;
}

/* ========================================================================
#wrapper
======================================================================== */
#wrapper {
  padding: 190px 0 0 0;
  overflow: hidden;
}

#home #wrapper {
  padding: 0 0 0 0;
}

/* ========================================================================
#header
======================================================================== */
#header {
  width: 100%;
  height: 190px;
  background: url(images/common/header-back.png) repeat-x 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
}

#home #header {
  height: 140px;
}

#header .wrap {
  margin: 0 auto 0 auto;
  width: 800px;
  height: 190px;
  text-align: left;
  position: relative;
}

#home #header .wrap {
  height: 140px;
  overflow: hidden;
}

#header .wrap h1 {
  margin: 0 0 0 20px;
  line-height: 40px;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
}

#header .wrap .title-text {
  margin: 0 0 0 20px;
  line-height: 40px;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
}

#header .wrap .tel {
  position: absolute;
  top: 0;
  right: 0;
}

#header .wrap .logo {
  position: absolute;
  top: 57px;
  left: 20px;
}

#header .wrap .link {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  position: absolute;
  top: 40px;
  right: 130px;
}

#header .wrap .link li {
  border-left: 2px solid #d1d1d1;
  float: left;
  display: inline;
}

#header .wrap .link li img {
  display: block;
}

#header .wrap .link li.sp-disp img {
  display: none;
}

#header .wrap .navi-switch {
  position: absolute;
  top: 40px;
  right: 0;
}

#header .wrap .navi-switch .close {
  display: none;
}

#header .wrap .shop-pr {
  position: absolute;
  top: 140px;
  left: 0;
}

.shop-pr a {
  display: block;
  width: 800px;
  margin: 0 auto;
}

/* ========================================================================
#main-image
======================================================================== */
.main-image {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 632px;
  background: #333333 url(images/index/main-image.png) no-repeat center 0;
  position: relative;
  overflow: hidden;
}

html.webp .main-image {
  background-image: url(images/index/main-image.png.webp);
}

.main-image .catch {
  margin: 0 0 0 -347px;
  padding: 0 0 0 0;
  position: absolute;
  top: 281px;
  left: 50%;
  z-index: 1;
}

.main-image .purchase-link {
  margin: 0 0 0 -208px;
  padding: 0 0 0 0;
  position: absolute;
  top: 451px;
  left: 50%;
  z-index: 1;
}

.main-image .shop-pr {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 50px;
  text-align: center;
  background: #f0bb02;
  position: absolute;
  top: 582px;
  left: 0;
  z-index: 1;
}

.main-image .shop-pr img {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  display: block;
}


/* ========================================================================
#navi
======================================================================== */
#navi {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 370px;
  height: 100%;
  background: #444444;
  position: fixed;
  top: 190px;
  right: -370px;
  z-index: 1000;
}

#home #navi {
  top: 140px;
}

#navi .link-box,
.btm-navi .link-box {
  margin: 0 0 0 0;
  padding: 30px 0 0 0;
}

#navi .link-box .title,
.btm-navi .link-box .title  {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#navi .link-box .title img,
.btm .link-box .title img {
  display: block;
}

#navi .link-box .link-01,
.btm .link-box .link-01 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#navi .link-box .link-01 ul,
.btm-navi .link-box .link-01 ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  border-top: 2px solid #555555;
}

#navi .link-box .link-01 ul li,
.btm-navi .link-box .link-01 ul li {
  list-style: none;
  border-bottom: 2px solid #555555;
}

#navi .link-box .link-01 ul li a,
.btm-navi .link-box .link-01 ul li a {
  padding: 18px 0 18px 60px;
  line-height: 1.2em;
  color: #ffffff;
  text-decoration: none;
  background: url(images/common/link-arrow-02.png) no-repeat 29px center;
  display: block;
}

#navi .link-box .link-02 ul,
.btm-navi .link-box .link-02 ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  border-top: 2px solid #555555;
}

#navi .link-box .link-02 ul li,
.btm-navi .link-box .link-02 ul li {
  list-style: none;
  border-bottom: 2px solid #555555;
}

#navi .link-box .link-02 ul li a,
.btm-navi  .link-box .link-02 ul li a {
  padding: 18px 0 18px 60px;
  line-height: 1.2em;
  color: #ffffff;
  text-decoration: none;
  background: url(images/common/link-blank-02.png) no-repeat 29px center;
  display: block;
}

/* .overlay */
.menu-overlay {
  width: 100%;
  height: 100%;
  background: url(images/common/menu-overlay-back.png);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

/* ========================================================================
#page-title
======================================================================== */
#page-title {
  width: 100%;
  height: 120px;
  background: #333333;
  display: table;
}

#page-title h1,
#page-title h2 {
  width: 100%;
  height: 120px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  font-size: 52px;
  font-weight: bold;
  color: #fff;
}

#page-title p {
  width: 100%;
  height: 120px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}


/* ========================================================================
#breadcrumb
======================================================================== */
#breadcrumb-wrap {
  width: 100%;
  background: #eeeeee;
}

#breadcrumb {
  margin: 0 auto 0 auto;
  padding: 10px 0 10px 0;
  width: 760px;
  line-height: 1.2em;
  font-size: 14px;
  color: #333333;
  text-align: left;
  background: #eeeeee;
}

#breadcrumb a {
  color: #999999;
  display: inline-block;
}

#breadcrumb a:hover {
  text-decoration: none;
}

#breadcrumb span:before {
  margin: 0 5px 0 5px;
  content: "＞";
}

#breadcrumb span span:before {
  margin: 0 0 0 0;
  content: "";
}

#breadcrumb span:nth-child(1):before {
  margin: 0 0 0 0;
  content: "";
}


/* ========================================================================
#contents
======================================================================== */
#contents {
  width: 100%;
  background: #eeeeee;
  overflow: hidden;
}


/* ========================================================================
#footer
======================================================================== */
#footer {
  width: 100%;
}

#footer .shop-pr {
  text-align: center;
  background: #f0bb02;
}

#footer .shop-pr img {
  margin: 0 auto;
  display: block;
}

#footer .shop-contact {
  width: 100%;
  color: #ffffff;
  background: #333333 url(images/common/shop-contact-back.png) no-repeat center 0;
}

#footer .shop-contact .wrap {
  margin: 0 auto 0 auto;
  width: 760px;
  /*height: 510px;*/
  position: relative;
  text-align: left;
  overflow: hidden;
}

#footer .shop-contact .wrap .catch {
  margin: 49px 0 39px 31px;
  padding: 0 0 0 0;
}

#footer .shop-contact .wrap .link {
  float: left;
  margin-bottom: 20px;
}

#footer .shop-contact .wrap .link02 {
  float: right;
  margin-bottom: 20px;
}

#footer .shop-contact .wrap .tel {
  clear: both;
  text-align: center;
}

#footer .shop-contact .wrap .tel a {
  cursor: default;
}

#footer .shop-contact .wrap .tel .text-01 {
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  text-align: center;
}

#footer .shop-contact .wrap .text-02 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.2em;
  font-size: 16px;
  position: absolute;
  top: 118px;
  left: 520px;
}

#footer .site-link {
  margin: 0 0 0 0;
  padding: 50px 0 30px 0;
  background: #eeeeee;
  overflow: hidden;
}

#footer .site-link .link-box {
  margin: 0 auto 50px auto;
  padding: 0 0 0 0;
  width: 760px;
  overflow: hidden;
}

#footer .site-link .link-box .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  background: #333333;
}

#footer .site-link .link-box .link-01 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
}

#footer .site-link .link-box .link-01 ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  overflow: hidden;
}

#footer .site-link .link-box .link-01 ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 50%;
  border-bottom: 2px solid #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

#footer .site-link .link-box .link-01 ul li:nth-child(2n) {
  border-left: 2px solid #eeeeee;
}

#footer .site-link .link-box .link-01 ul li a {
  height: 70px;
  line-height: 70px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  background: #ffffff url(images/common/link-arrow-01.png) no-repeat 20px center;
  text-decoration: none;
  display: block;
}

#footer .site-link .link-box .link-02 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
}

#footer .site-link .link-box .link-02 ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  overflow: hidden;
}

#footer .site-link .link-box .link-02 ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  border-bottom: 2px solid #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#footer .site-link .link-box .link-02 ul li a {
  padding: 0 0 0 57px;
  height: 70px;
  line-height: 70px;
  font-size: 24px;
  color: #333333;
  text-align: left;
  background: #ffffff url(images/common/link-blank-01.png) no-repeat 18px center;
  text-decoration: none;
  display: block;
}

#footer .site-link .link-box .linktxt_s {
  letter-spacing: -2px;
}

#footer .shop-info {
  margin: 0 auto 0 auto;
  padding: 40px 0 40px 0;
  width: 760px;
  text-align: left;
  overflow: hidden;
}

#footer .shop-info .logo {
  margin: 0 20px 0 0;
  float: left;
  display: inline;
}

#footer .shop-info .text {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 20px;
  color: #000000;
  overflow: hidden;
}

#footer .shop-info .shop-name {
  font-weight: bold;
}

#footer .copyright{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  background: #333333;
}

/* ========================================================================
.page-top
======================================================================== */
.page-top {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 500;
  display: none;
  cursor: pointer;
}

.page-top img {
  display: block;
}


/* ========================================================================
home
======================================================================== */
.home-brand-wrap {
  width: 100%;
  overflow: hidden;
}

.home-brand-wrap .wrap {
  margin: 0 auto 0 auto;
  padding: 98px 0 90px 0;
  width: 800px;
  text-align: left;
  overflow: hidden;
}


.home-brand-wrap#cat-01 {
  background: #ffffff url(images/index/brand-back-01.png) no-repeat center 0;
}

.home-brand-wrap#cat-02 {
  background: url(images/index/brand-back-02.png) no-repeat center 0;
}

.home-brand-wrap#cat-03 {
  background: #ffffff url(images/index/brand-back-03.png) no-repeat center 0;
}

.home-brand-wrap#cat-04 {
  background: url(images/index/brand-back-04.png) no-repeat center 0;
}

.home-brand-wrap#cat-05 {
  background: #ffffff url(images/index/brand-back-05.png) no-repeat center 0;
}

.home-brand-wrap#cat-06 {
  background: url(images/index/brand-back-06.png) no-repeat center 0;
}


html.webp .home-brand-wrap#cat-01 {
  background-image: url(images/index/brand-back-01.png.webp);
}

html.webp .home-brand-wrap#cat-02 {
  background-image: url(images/index/brand-back-02.png.webp);
}

html.webp .home-brand-wrap#cat-03 {
  background-image: url(images/index/brand-back-03.png.webp);
}

html.webp .home-brand-wrap#cat-04 {
  background-image: url(images/index/brand-back-04.png.webp);
}

html.webp .home-brand-wrap#cat-05 {
  background-image: url(images/index/brand-back-05.png.webp);
}

html.webp .home-brand-wrap#cat-06 {
  background-image: url(images/index/brand-back-06.png.webp);
}

.home-brand-wrap .wrap .title {
  margin: 0 0 20px 40px;
  padding: 0 0 0 0;
}

.home-brand-wrap .wrap .title img {
  display: block;
}

.home-brand-wrap .wrap .message-text {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 22px;
  color: #333333;
  clear: both;
}

.home-brand-wrap#cat-02 .wrap .title {
  margin: 0 45px 20px 0;
  float: right;
  display: inline;
}

.home-brand-wrap#cat-04 .wrap .title {
  margin: 0 45px 20px 0;
  float: right;
  display: inline;
}

.home-brand-wrap#cat-06 .wrap .title {
  margin: 0 45px 20px 0;
  float: right;
  display: inline;
}

.home-brand-wrap .wrap .message-text {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 22px;
  color: #333333;
  clear: both;
}

.home-brand-wrap#cat-01 .wrap .message-text {
  margin: 0 0 35px 50px;
  width: 430px;
}

.home-brand-wrap#cat-02 .wrap .message-text {
  margin: 0 20px 35px 0;
  width: 460px;
  float: right;
  display: inline;
}

.home-brand-wrap#cat-03 .wrap .message-text {
  margin: 0 0 35px 50px;
  width: 460px;
}

.home-brand-wrap#cat-04 .wrap .message-text {
  margin: 0 20px 35px 0;
  width: 440px;
  float: right;
  display: inline;
}

.home-brand-wrap#cat-05 .wrap .message-text {
  margin: 0 0 35px 50px;
  width: 495px;
}

.home-brand-wrap#cat-06 .wrap .message-text {
  margin: 0 20px 35px 0;
  width: 460px;
  float: right;
  display: inline;
}

.home-brand-wrap .wrap .brand-list {
  margin: 0 20px 25px 20px;
  padding: 10px 10px 10px 10px;
  list-style: none;
  background: #e7e7e7;
  overflow: hidden;
  clear: both;
}

.home-brand-wrap .wrap .brand-list li {
  margin: 0 1px 1px 0;
  width: 245px;
  height: 182px;
  background: #ffffff;
  float: left;
  display: inline;
}

.home-brand-wrap .wrap .brand-list li a {
  margin: 0 1px 1px 0;
  width: 245px;
  height: 182px;
  text-decoration: none;
  text-align: center;

  background: #ffffff url(images/index/brand-list-back.png) no-repeat right bottom;
  display: block;
}

.home-brand-wrap .wrap .brand-list li a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.home-brand-wrap .wrap .brand-list li .logo {
  width: 100%;
  height: 100px;
  display: table;
}

.home-brand-wrap .wrap .brand-list li .logo .cell {
  width: 100%;
  height: 100px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.home-brand-wrap .wrap .brand-list li .name {
  margin: 0 10px 0 10px;
  padding: 0 0 0 0;
  line-height: 1.4em;
  font-size: 20px;
  color: #333333;
}

.home-brand-wrap .wrap .brand-list li .eng {
  margin: 0 10px 0 10px;
  padding: 0 0 0 0;
  line-height: 1.7em;
  font-size: 16px;
  color: #df4921;
}

.home-brand-wrap .wrap .more-link {
  text-align: center;
  font-size: 24px;
}

.home-brand-wrap .wrap .more-link a {
  padding: 0 0 0 30px;
  color: #999999;
  background: url(images/common/link-arrow-01.png) no-repeat 0 center;
  display: inline-block;
}

.home-brand-wrap .wrap .more-link a:hover {
  text-decoration: none;
}

.link-bnr-wrap {
  margin: 0 0 0 0;
  background: #ffffff;
  overflow: hidden;
}

.link-bnr-wrap .wrap {
  margin: 0 auto 0 auto;
  padding: 50px 0 50px 0;
  width: 760px;
  overflow: hidden;
}

.link-bnr-wrap .wrap .item-link {
  float: left;
}

.link-bnr-wrap .wrap .brand-link {
  float: right;
}

.home-reviews-list {
  margin: 0 auto 90px auto;
  padding: 80px 0 0 0;
  width: 800px;
  overflow: hidden;
}

.home-reviews-list .box {
  margin: 0 auto 30px auto;
  padding: 0 0 0 0;
  width: 760px;
  overflow: hidden;
}

.home-reviews-list .box a {
  width: 760px;
  height: 145px;
  text-decoration: none;
  color: #333333;
  background: #ffffff url(images/reviews/reviews-list-back.png) no-repeat right bottom;
  display: block;
}

.home-reviews-list .box a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.home-reviews-list .box a .image {
  margin: 0 30px 0 0;
  width: 145px;
  height: 145px;
  background: url(images/reviews/image-back.png) no-repeat 0 0;
  float: left;
  display: inline;
}

.home-reviews-list .box a .image img {
  display: block;
  width: 145px;
  height: 145px;
}

.home-reviews-list .box a .reviews-title {
  margin: 0 0 0 0;
  padding: 20px 25px 10px 0;
  line-height: 1.3em;
  font-size: 22px;
}

.home-reviews-list .box a .user {
  margin: 0 0 0 0;
  padding: 0 25px 0 0;
  line-height: 1.5em;
  font-size: 16px;
  text-align: right;
}

.home-reviews-list .title {
  margin: 0 0 30px 0;
  padding: 0 0 0 0;
  text-align: center;
}

.home-reviews-list .title img {
  margin: 0 auto 0 auto;
}

.home-reviews-list .more-link {
  text-align: center;
  font-size: 24px;
}

.home-reviews-list .more-link a {
  padding: 0 0 0 30px;
  color: #999999;
  background: url(images/common/link-arrow-01.png) no-repeat 0 center;
}

.home-reviews-list .more-link a:hover {
  text-decoration: none;
}

.home-blog-list {
  background: #ffffff;
  overflow: hidden;
}

.home-blog-list .wrap {
  margin: 0 auto 0 auto;
  padding: 80px 0 0 0;
  width: 800px;
  text-align: left;
  overflow: hidden;
}

.home-blog-list .wrap .title {
  margin: 0 0 35px 0;
  padding: 0 0 0 0;
  text-align: center;
}

.home-blog-list .wrap .title img {
  margin: 0 auto 0 auto;
}

.home-blog-list .wrap .box {
  margin: 0 5px 25px 20px;
  width: 236px;
  float: left;
  display: inline;
}

.home-blog-list .wrap .box a {
  text-decoration: none;
  display: block;
}

.home-blog-list .wrap .box .image {
  margin: 0 0 10px 0;
  width: 236px;
  height: 236px;
  background: url(images/index/image-back.png) no-repeat 0 0;
}

.home-blog-list .wrap .box .entry-title {
  margin: 0 15px 5px 15px;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 20px;
  color: #000000;
}

.home-blog-list .wrap .box .update {
  margin: 0 15px 0 15px;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 16px;
  color: #999999;
}

.home-blog-list .more-link {
  text-align: center;
  font-size: 24px;
  margin: 0 0 90px;
}

.home-blog-list .more-link a {
  padding: 0 0 0 30px;
  color: #999999;
  background: url(images/common/link-arrow-01.png) no-repeat 0 center;
}

.home-blog-list .more-link a:hover {
  text-decoration: none;
}



/* ========================================================================
privacy
======================================================================== */
.privacy-head {
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}

.privacy-head .wrap {
  margin: 0 auto 0 auto;
  padding: 50px 35px 50px 35px;
  width: 800px;
  line-height: 1.5em;
  font-size: 20px;
  text-align: left;
  background: #ffffff url(images/privacy/head-back.png) no-repeat 19px 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.privacy-head .wrap .message-text {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  -webkit-text-shadow: 0 0 2px #ffffff;
  -moz-text-shadow: 0 0 2px #ffffff;
  text-shadow: 0 0 2px #ffffff;
}

.privacy-content {
  margin: 0 auto 90px auto;
  width: 760px;
  text-align: left;
  overflow: hidden;
}

.privacy-content .line {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 0;
  line-height: 0px;
  border: none;
  border-top: 2px solid #dddddd;
  clear: both;
}

.privacy-content .box {
  margin: 0 0 0 0;
  padding: 50px 20px 50px 20px;
  line-height: 1.5em;
  font-size: 20px;
}

.privacy-content .box .tit {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  line-height: 2.2em;
  font-size: 22px;
  font-weight: bold;
  color: #333333;
  background: url(images/common/spacer.png);
}

.privacy-content .box .message {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.privacy-content .company {
  margin: 0 0 0 0;
  padding: 25px 20px 0 20px;
  line-height: 1.5em;
  font-size: 20px;
  text-align: right;
}


/* ========================================================================
blog
======================================================================== */
.blog-list {
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}

.blog-list .wrap {
  margin: 0 auto 0 auto;
  padding: 50px 0 100px 0;
  width: 800px;
  text-align: left;
  overflow: hidden;
}

.blog-list .wrap .box {
  margin: 0 0 30px 20px;
  width: 240px;
  height: 396px;
  float: left;
  display: inline;
}

.blog-list .wrap .box a {
  width: 236px;
  height: 392px;
  text-decoration: none;
  color: #333333;
  background: #ffffff url(images/blog/blog-list-back.png) no-repeat right bottom;
  border: 2px solid #dddddd;
  display: block;
}

.blog-list .wrap .box a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.blog-list .wrap .box a .image {
  width: 236px;
  height: 235px;
  background: url(images/blog/image-back.png) no-repeat 0 0;
  display: block;
}

.blog-list .wrap .box a .image img {
  display: block;
}

.blog-list .wrap .box a .blog-title {
  margin: 0 0 0 0;
  padding: 10px 15px 10px 15px;
  line-height: 1.5em;
  font-size: 18px;
}

.blog-list .wrap .box a .update {
  margin: 0 0 0 0;
  padding: 0 15px 0 15px;
  line-height: 1.5em;
  font-size: 14px;
  color: #999999;
}

.wp-pagenavi {
  margin: 0 auto 0 auto;
  width: 760px;
  height: 60px;
  text-align: center;
  position: relative;
  clear: both;
}

.wp-pagenavi a[rel="prev"] {
  width: 240px;
  height: 60px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(images/common/prev-link.png) no-repeat 0 0;
}

.wp-pagenavi span.previouspostslink {
  width: 240px;
  height: 60px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(images/common/prev-link-active.png) no-repeat 0 0;
}

.wp-pagenavi a[rel="next"] {
  width: 240px;
  height: 60px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: url(images/common/next-link.png) no-repeat 0 0;
}

.wp-pagenavi span.nextpostslink {
  width: 240px;
  height: 60px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: url(images/common/next-link-active.png) no-repeat 0 0;
}

.wp-pagenavi span.pages {
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  display: block;
}

.wp-pagenavi a.pages {
  padding: 0 0 0 20px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: #999999;
  background: url(images/common/link-arrow-01.png) no-repeat 0 center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.wp-pagenavi a.pages:hover {
  text-decoration: none;
}

/* ========================================================================
post-wrap
======================================================================== */

.post-wrap {
  padding: 50px 0 100px 0;
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}

.post-wrap .return {
  margin: 0 auto;
  padding: 0 0 0 80px;
  width: 240px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  background: #ffffff url(images/blog/return-arrow.png) no-repeat 50px center;
  text-decoration: none;
  border: 2px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.post-wrap .return:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.post-wrap .product-image {
  margin: 0 auto 68px auto;
  padding: 0 0 0 0;
  width: 760px;
  text-align: center;
  position: relative;
}

.post-wrap .product-image img {
  margin: 0 auto 0 auto;
  display: block;
}

.post-wrap .product-image .state {
  position: absolute;
  top: 11px;
  left: 11px;
  z-index: 1;
}

.post-wrap .data {
  margin: 0 auto 70px auto;
  width: 760px;
}

.post-wrap .data th {
  padding: 15px 15px 15px 15px;
  width: 190px;
  line-height: 1.4em;
  font-size: 20px;
  text-align: center;
  color: #ffffff;
  background: #434343;
  border-bottom: 2px solid #ffffff;
}

.post-wrap .data td {
  padding: 15px 15px 15px 15px;
  font-weight: normal;
  background: #ededed;
  border-bottom: 2px solid #ffffff;
}

.post-wrap .data td.price {
  color: #df4921;
}

.post-wrap .post-title {
  margin: 0 auto 48px auto;
  padding: 0 0 0 25px;
  width: 760px;
  text-align: left;
  border-left: 6px solid #df4921;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.post-wrap .post-title .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.2em;
  font-size: 40px;
  font-weight: bold;
  background: url(images/common/spacer.png);
  -ms-word-break: break-all;
      word-break: break-all;
}

.post-wrap .user {
  margin: 0 auto 40px auto;
  padding: 15px 15px 15px 15px;
  width: 760px;
  line-height: 1.4em;
  font-size: 22px;
  text-align: left;
  background: #ededed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.post-wrap .post {
  margin: 0 auto 0 auto;
  padding: 0 20px 0 20px;
  width: 800px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.post-wrap .post h2 {
  margin: 0 0 20px 0;
  padding: 10px;
  line-height: 1.3em;
  font-size: 34px;
  font-weight: bold;
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
  background: url(images/common/spacer.png);
}

.post-wrap .post h3 {
  background: #eee;
  padding: 15px;
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: bold;
}

.post-wrap .post h4 {
  margin: 20px 0 10px 0;
  font-weight: bold;
  font-size: 24px;
}

.post-wrap .post li {
  margin-bottom: 10px;
}

.post-wrap .post table {
  margin-bottom: 20px;
}

.post-wrap .post .image {
  margin: 0 0 15px 0;
  width: 756px;
/*  border: 2px solid #eeeeee;*/
}

.post-wrap .post .image img {
  margin: 0 auto 0 auto;
  max-width: 756px;
  display: block;
  border: 2px solid #eeeeee;
}

.post-wrap .post p {
  margin: 0 0 40px 0;
  line-height: 1.3em;
  font-size: 22px;
}

.post-wrap .post a {
  color: #219ddf;
}

.post-wrap .post a:hover {
  text-decoration: none;
}

.post-wrap .post p img {
  max-width: 100%;
  height: auto;
}


.post-wrap .about-link {
  margin: 65px 0 0 0;
  text-align: center;
}

.post-wrap .about-link img {
  margin: 0 auto 0 auto;
}


/* ========================================================================
faq
======================================================================== */
.faq-head {
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}

.faq-head a {
  color: #219ddf;
  display: inline-block;
}

.faq-head a:hover {
  text-decoration: none;
}

.faq-head .wrap {
  margin: 0 auto 0 auto;
  padding: 50px 35px 50px 35px;
  width: 800px;
  line-height: 1.5em;
  font-size: 20px;
  text-align: left;
  background: #ffffff url(images/faq/head-back.png) no-repeat 19px 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.faq-head .wrap .message-text {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  -webkit-text-shadow: 0 0 2px #ffffff;
  -moz-text-shadow: 0 0 2px #ffffff;
  text-shadow: 0 0 2px #ffffff;
}

.faq-content {
  margin: 0 auto 90px auto;
  padding: 30px 0 0 0;
  width: 760px;
  text-align: left;
  overflow: hidden;
}

.faq-content a {
  color: #219ddf;
}

.faq-content a:hover {
  text-decoration: none;
}

.faq-content .title {
  margin: 0 0 0 0;
  padding: 40px 0 35px 0;
  line-height: 1.4em;
  font-size: 40px;
  font-weight: bold;
  background: url(images/common/spacer.png);
}

.faq-content .box {
  margin: 0 0 30px 0;
  padding: 0 0 0 0;
  background: #ffffff;
  overflow: hidden;
}

.faq-content .box .question {
  margin: 0 0 0 0;
  padding: 15px 45px 15px 90px;
  line-height: 1.6em;
  font-size: 24px;
  color: #ffffff;
  background: #333333 url(images/faq/icon-q.png) no-repeat 30px 14px;
  overflow: hidden;
}

.faq-content .box .auestion {
  margin: 0 0 0 0;
  padding: 15px 45px 15px 90px;
  line-height: 1.6em;
  font-size: 22px;
  background: #ffffff url(images/faq/icon-a.png) no-repeat 30px 14px;
  overflow: hidden;
}

.faq-content .box .auestion .text {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
}

.faq-content .box .auestion a.link {
  padding: 0 0 0 15px;
  line-height: 1.6em;
  font-size: 22px;
  background: url(images/faq/arrow-link.png) no-repeat top 10px left 0px;
  display: inline-block;
}

.faq-content .box .auestion .none {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 22px;
}

.faq-content .box .auestion ul.none li {
  margin: 0 0 0 0;
  padding: 0 0 0 1em;
  position: relative;
}

.faq-content .box .auestion ul.none li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}


/* ========================================================================
reviews
======================================================================== */
.reviews-head {
  width: 100%;
  height: 362px;
  background: #ffffff url(images/reviews/head-back.png) no-repeat center 0;
  overflow: hidden;
}

.reviews-head .wrap {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  width: 800px;
  height: 362px;
  position: relative;
}

.reviews-head .wrap .tit {
  margin: 0 0 0 0;
  padding: 57px 0 20px 0;
  text-align: center;
}

.reviews-head .wrap .tit img{
  margin: 0 auto;
  display: block;
}

.reviews-head .wrap .message {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  width: 750px;
  line-height: 1.3em;
  font-size: 22px;
  color: #333333;
  text-align: left;
  -webkit-text-shadow: 0 0 2px #ffffff;
  -moz-text-shadow: 0 0 2px #ffffff;
  text-shadow: 0 0 2px #ffffff;
}

.reviews-head .wrap .note {
  margin: 0 0 0 200px;
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 16px;
  color: #333333;
  text-align: left;
  -webkit-text-shadow: 0 0 2px #ffffff;
  -moz-text-shadow: 0 0 2px #ffffff;
  text-shadow: 0 0 2px #ffffff;
  position: absolute;
  top: 97px;
  left: 50%;
}

.reviews-list {
  margin: 0 auto 100px auto;
  padding: 90px 0 0 0;
  width: 800px;
  background: url(images/reviews/head-back-02.png) no-repeat 0 20px;
  overflow: hidden;
}

.reviews-list .box {
  margin: 0 auto 30px auto;
  padding: 0 0 0 0;
  width: 760px;
  overflow: hidden;
}

.reviews-list .box a {
  width: 760px;
  height: 145px;
  text-decoration: none;
  color: #333333;
  background: #ffffff url(images/reviews/reviews-list-back.png) no-repeat right bottom;
  display: block;
}

.reviews-list .box a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.reviews-list .box a .image {
  margin: 0 30px 0 0;
  width: 145px;
  height: 145px;
  background: url(images/reviews/image-back.png) no-repeat 0 0;
  float: left;
  display: inline;
}

.reviews-list .box a .image img {
  display: block;
  width: 145px;
  height: 145px;
}

.reviews-list .box a .reviews-title {
  margin: 0 0 0 0;
  padding: 20px 25px 10px 0;
  line-height: 1.3em;
  font-size: 22px;
}

.reviews-list .box a .user {
  margin: 0 0 0 0;
  padding: 0 25px 0 0;
  line-height: 1.5em;
  font-size: 16px;
  text-align: right;
}

.reviews-list .wp-pagenavi {
  margin: 40px auto 0 auto;
}


/* ========================================================================
shop
======================================================================== */
.shop-head {
  width: 100%;
  /*height: 391px;*/
  height: 680px;
  background: #ffffff url(images/shop/head-back.png) no-repeat center 0;
  overflow: hidden;
}

.shop-head .wrap {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  width: 800px;
  height: 391px;
  position: relative;
}

.shop-head .wrap .tit {
  margin: 0 0 0 0;
  padding: 70px 0 25px 0;
  text-align: center;
}

.shop-head .wrap .tit img{
  margin: 0 auto;
  display: block;
}

.shop-head .wrap .message {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  width: 750px;
  line-height: 1.3em;
  font-size: 22px;
  color: #333333;
  text-align: left;
  -webkit-text-shadow: 0 0 2px #ffffff;
  -moz-text-shadow: 0 0 2px #ffffff;
  text-shadow: 0 0 2px #ffffff;
}

.shop-data {
  margin: 0 auto 0 auto;
  padding: 49px 0 58px 0;
  width: 800px;
  text-align: left;
  background: url(images/shop/shop-data-back.png) no-repeat 565px 31px;
  overflow: hidden;
}

.shop-data .tit {
  margin: 0 0 20px 20px;
  padding: 0 0 0 0;
}

.shop-data .tit img {
  display: block;
}

.shop-data .data {
  margin: 0 0 0 20px;
  width: 760px;
  line-height: 1.4em;
  font-size: 20px;
  border-bottom: 2px solid #eeeeee;
  display: table;
}

.shop-data .data .label {
  padding: 15px 20px 15px 30px;
  width: 220px;
  color: #ffffff;
  background: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
}

.shop-data .data .detail {
  padding: 15px 20px 15px 20px;
  width: 540px;
  color: #333333;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
}

.shop-buyer {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}

.shop-buyer .wrap {
  margin: 0 auto 0 auto;
  padding: 70px 0 95px 0;
  width: 800px;
  background: url(images/shop/shop-buyer-back.png) no-repeat 433px 70px;
  overflow: hidden;
}

.shop-buyer .wrap .image {
  margin: 0 30px 0 20px;
  padding: 0 0 0 0;
  float: left;
  display: inline;
}

.shop-buyer .wrap .detail {
  margin: 0 0 0 0;
  padding: 70px 0 0 0;
  overflow: hidden;
}

.shop-buyer .wrap .detail img {
  display: block;
}

.shop-buyer .wrap .detail .tit {
  margin: 0 0 30px 0;
  padding: 0 0 0 0;
}

.shop-buyer .wrap .detail .text-01 {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

.shop-buyer .wrap .detail .job {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.5em;
  font-size: 20px;
}

.shop-buyer .wrap .detail .name {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.5em;
  font-size: 24px;
  font-weight: bold;
}

.shop-buyer .wrap .desc {
  margin: 0 20px 0 20px;
  padding: 15px 0 0 0;
  line-height: 1.3em;
  font-size: 22px;
  clear: both;
}

.shop-buyer .wrap .desc h4 {
  margin: 40px 0 20px 0;
  padding: 10px;
  line-height: 1.3em;
  font-size: 34px;
  font-weight: bold;
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
  background: url(images/common/spacer.png);
}


/* ========================================================================
inquiry
======================================================================== */
.inquiry-head {
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}

.inquiry-head .wrap {
  margin: 0 auto 0 auto;
  padding: 55px 0 70px 0;
  width: 800px;
  text-align: left;
  background: url(images/inquiry/head-back.png) no-repeat 19px 19px;
  overflow: hidden;
}

.inquiry-head .wrap .message-text {
  margin: 0 0 25px 40px;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 22px;
}

.inquiry-head .wrap .link {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
  text-align: center;
}

.inquiry-head .wrap .link li {
  margin: 0 0 0 20px;
  padding: 0 0 0 0;
  display: inline-block;
}

.inquiry-head .wrap .link li img {
  display: block;
}
.cashup_campaign_bnr{
  padding-top: 50px;
}
#inquiry-tel {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  overflow: hidden;
}

#inquiry-tel .wrap {
  margin: 0 auto 0 auto;
  padding: 70px 20px 100px 20px;
  width: 800px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

#inquiry-tel .wrap .tel-info {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  overflow: hidden;
}

#inquiry-tel .wrap .tel-info img {
  display: block;
}

#inquiry-tel .wrap .tel-info dt {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
}

#inquiry-tel .wrap .tel-info dd {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
}

#inquiry-tel .wrap .tel-info dd a {
  cursor: default;
}

#inquiry-tel .wrap .text-01 {
  margin: 0 0 30px 0;
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 20px;
  text-align: center;
}

#inquiry-tel .wrap .text-02 {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 22px;
}

#inquiry-tel .wrap .text-02 a {
  color: #219ddf;
  text-decoration: underline;
  display: inline-block;
}

#inquiry-tel .wrap .text-02 a:hover {
  color: #219ddf;
  text-decoration: none;
}

#inquiry-tel .wrap .contact-info {
  background: #ffffff;
  border: 2px solid #ffffff;
  overflow: hidden;
}

#inquiry-tel .wrap .contact-info .wrap {
  margin: 0 0 0 0;
  padding: 25px 25px 25px 25px;
  width: auto;
  text-align: left;
  background: #ffffff;
  border: 10px solid #e2e2e2;
}

#inquiry-tel .wrap .contact-info .wrap .info-text {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.5em;
  font-size: 24px;
}

#inquiry-line {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}

#inquiry-line .wrap {
  margin: 0 auto 0 auto;
  padding: 100px 20px 100px 20px;
  width: 800px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

#inquiry-line .wrap .title {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  text-align: center;
}

#inquiry-line .wrap .title img {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  display: block;
}

#inquiry-line .wrap .message-text {
  margin: 0 0 40px 0;
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 22px;
}

#inquiry-line .wrap .flow {
  margin: 0 0 50px 0;
  padding: 0 0 0 0;
  list-style: none;
  overflow: hidden;
}

#inquiry-line .wrap .flow li {
  margin: 0 0 0 0;
  padding: 0 35px 0 0;
  background: url(images/inquiry/flow-arrow.png) no-repeat 243px center;
  float: left;
  display: inline;
}

#inquiry-line .wrap .flow li.step-03 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: none;
}

#inquiry-line .wrap .flow li img {
  display: block;
}

#inquiry-line .wrap .box-id {
  width: 365px;
  height: 289px;
  float: left;
  border: 12px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

#inquiry-line .wrap .box-id img {
  display: block;
}

#inquiry-line .wrap .box-id .text {
  margin: 26px 0 57px 20px;
  padding: 0 0 0 0;
}

#inquiry-line .wrap .box-id .account {
  margin: 0 0 0 20px;
  padding: 0 0 0 0;
}

#inquiry-line .wrap .box-qr {
  width: 365px;
  height: 289px;
  float: right;
  display: block;
}

#inquiry-line .wrap .box-qr a {
  width: 365px;
  height: 289px;
  border: 12px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

#inquiry-line .wrap .box-qr a .text {
  margin: 26px 0 29px 20px;
  padding: 0 0 0 0;
}

#inquiry-line .wrap .box-qr a .qr {
  margin: 0 0 0 109px;
  padding: 0 0 0 0;
}

#inquiry-line .wrap .box-qr a .qr_txt {
  width: 278px;
  margin: 0 auto;
  padding: 0 0 0 0;
}

#inquiry-mail {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  overflow: hidden;
}

#inquiry-mail .wrap {
  margin: 0 auto 0 auto;
  padding: 80px 20px 100px 20px;
  width: 800px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

#inquiry-mail .wrap .title {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  text-align: center;
}

#inquiry-mail .wrap .title img {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  display: block;
}

#inquiry-mail .wrap .message-text {
  margin: 0 0 40px 0;
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 22px;
}

#inquiry-mail .wrap .flow {
  margin: 0 0 70px 0;
  padding: 0 0 0 0;
  list-style: none;
  overflow: hidden;
}

#inquiry-mail .wrap .flow li {
  margin: 0 0 0 0;
  padding: 0 35px 0 0;
  background: url(images/inquiry/flow-arrow.png) no-repeat 243px center;
  float: left;
  display: inline;
}

#inquiry-mail .wrap .flow li.step-03 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: none;
}

#inquiry-mail .wrap .flow li img {
  display: block;
}

#inquiry-mail .wrap .line {
  margin: 0 0 70px 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 0;
  line-height: 0px;
  border: none;
  border-top: 2px solid #333333;
  clear: both;
}

:placeholder-shown {
  color: #999999;
}
::-webkit-input-placeholder {
  color: #999999;
}
:-moz-placeholder {
  color: #999999;
  opacity: 1;
}
::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #999999;
}

.inquiry-form {
/*  display: none;*/
}


#inquiry-mail .wrap .form {
  margin: 0 0 40px 0;
  padding: 0 0 0 0;
  width: 100%;
}

#inquiry-mail .wrap .form .form-title {
  margin: 0 0 16px 0;
  padding: 0 0 0 0;
  width: 100%;
  overflow: hidden;
}

#inquiry-mail .wrap .form .form-title .icon {
  margin: 0 8px 0 0;
  padding: 0 0 0 0;
  float: left;
  display: inline;
}

#inquiry-mail .wrap .form .form-title .label {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 30px;
  font-size: 24px;
  font-weight: normal;
  float: left;
  display: inline;
}

#inquiry-mail .wrap .form .form-title .label .link {
  line-height: 30px;
  font-size: 20px;
  color: #219ddf;
  display: inline-block;
}

#inquiry-mail .wrap .form .form-title .label .link:hover {
  text-decoration: none;
}

#inquiry-mail .wrap .form .form-title .label .note {
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #df4921;
}

#inquiry-mail .wrap .form .input-part {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.5em;
  font-size: 20px;
}

#inquiry-mail .wrap .form .input-part .note {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
}

#inquiry-mail .wrap .form .input-part .text-01 {
  margin: 0 0 0 0;
  padding: 0 30px 0 30px;
  width: 700px;
  height: 68px;
  line-height: normal;
  font-size: 32px;
  background: #ffffff;
  border: 1px solid #ffffff;
}

#inquiry-mail .wrap .form .input-part .area-select {
  margin: 0 0 25px 0;
}

#inquiry-mail .wrap .form .input-part .textarea-01 {
  margin: 0 0 0 0;
  padding: 15px 30px 15px 30px;
  width: 700px;
  height: 110px;
  line-height: 1.4em;
  font-size: 18px;
  background: #ffffff;
  border: 1px solid #ffffff;
}

#inquiry-mail .wrap .form .input-part .check-box {
  margin: 0 0 15px 0;
  padding: 13px 17px 13px 17px;
  line-height: 39px;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
  background: #999999;
  border: 1px solid #ffffff;
  display: block;
}

#inquiry-mail .wrap .form .input-part .check-box .check {
  margin: 0 10px 0 0;
}

#inquiry-mail .check_style input[type=checkbox]{
  display: none;
}
#inquiry-mail .check_style input[type=checkbox] + .wpcf7-list-item-label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 55px;
  vertical-align: middle;
  cursor: pointer;
}

#inquiry-mail .check_style .wpcf7-list-item-label:after {
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  background: #fff;
  content: '';
}
#inquiry-mail .check_style .wpcf7-list-item-label:before {
  position: absolute;
  top: 8px;
  left: 10px;
  display: block;
  width: 15px;
  height: 15px;
  border-right: 3px solid #333;
  border-bottom: 3px solid #333;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 9;
}
#inquiry-mail .check_style input[type=checkbox]:checked + .wpcf7-list-item-label:before {
  opacity: 1;
}

.select_box_wrap + .note{
  clear: both;
}
.select_box_wrap .wpcf7-form-control-wrap{
  display: inline-block;
  float: left;
  width: 48%;
  margin: 0 0 15px 0;
}
.select_box_wrap .wpcf7-form-control-wrap + .wpcf7-form-control-wrap{
  margin-left: 2%;
}
.select_box_wrap .esb-displayer{
  font-size: 25px;
}
#inquiry-mail .wrap .form .input-part .menu-321 + .note{
  margin-top: 15px;
}

#inquiry-mail .wrap .form .bank-input {
}

#inquiry-mail .wrap .form .bank-input .bank-title {
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
  line-height: 1.5em;
  font-size: 20px;
  font-weight: bold;
  color: #999999;
}

#inquiry-mail .wrap .form .bank-input .bank-part{
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
}

#inquiry-mail .wrap .send-btn {
  text-align: center;
}

#inquiry-mail .wrap .send-btn input[type="submit"] {
  text-align: center;
  background: url(images/inquiry/send-btn.png) no-repeat;
  width: 560px;
  height: 120px;
  color: #fff;
  font-weight: bold;
  font-size: 36px;
  padding: 6px 0 0 61px;
}

.easy-select-box{
  display:inline-block;
  position:relative;
}

.easy-select-box .esb-dropdown{
  position:absolute;
  top:100%;
  left:0;
  z-index:99;
  display:none;
}

.easy-select-box{
  width: 100%!important;
  height: 70px;
  line-height: 1.4em;
  text-align:left;
  font-size: 32px;
  color: #999999;
  background: #ffffff;
}

.easy-select-box .esb-displayer{
  width: calc(100% - 100px)!important;
  background: #ffffff;
  color: #999999;
  padding:0 70px 0 30px;
  height: 70px;
  line-height: 70px;
  cursor: default;
  background: url(images/inquiry/select-arrow.png) no-repeat right 0;
}
.easy-select-box:hover .esb-displayer{
  text-decoration:none;
}
.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer{
}
.easy-select-box .esb-dropdown{
  width: 100%!important;
  border:1px solid #cccccc;
  max-height:200px;
  overflow:auto;
  background:#FFFFFF;
}
.easy-select-box .esb-dropdown .esb-item{
  padding:3px;
  background:#FFFFFF;
  color:#0c2245;
  cursor:default;
}
.easy-select-box .esb-dropdown .esb-item:hover{
  background:#3399ff;
  color:#FFFFFF;
  text-decoration:none;
}

.easy-select-box-nice{
  text-align:left;
  color: #999999;
}
.easy-select-box-nice .esb-displayer{
}
.easy-select-box-nice:hover .esb-displayer{

}
.easy-select-box-nice.disabled .esb-displayer,
.easy-select-box-nice:hover.disabled .esb-displayer{
}
.easy-select-box-nice .esb-dropdown{
  border: 1px solid #cccccc;
  background:#FFFFFF;
}
.easy-select-box-nice .esb-dropdown .esb-item{
  padding: 0 0 0 0;
  cursor:default;
}
.easy-select-box-nice .esb-dropdown .esb-item:hover{
  background: #3399ff;
  color: #FFFFFF;
}

.file-uploder{
  margin: 0 auto 20px auto;
  position: relative;
  width: 562px;
  height: 70px;
  background: url(images/inquiry/file-back.png) no-repeat right 0;
  overflow: hidden;
}

.file-uploder:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.file-uploder .txt{
  margin: 24px 0 0 195px;
  padding: 0 0 0 0;
  width: 354px;
  vertical-align:top;
  color: #ffffff;
  background: #999999;
  border: none;
  border-radius: 0x;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.fileUploder .btn{
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  display:block;
  width:0;
  height:0;
  text-indent:-99999px;
  overflow:hidden;
  border:none;
}

.file-uploder .file01a,
.file-uploder .file01b,
.file-uploder .file01c,
.file-uploder .file02a,
.file-uploder .file02b,
.file-uploder .file02c {
  position:absolute;
  top:0;
  right:0;
  z-index:99;
  width: 562px;
  height: 70px;
}

.file-uploder .uploader {
  width:562px;
  height:70px;
/*  font-size:315px;*/
  opacity:0;
  filter:alpha(opacity=0);
  -ms-filter:"alpha(opacity=0)";
  cursor: pointer;
}


/* ========================================================================
service
======================================================================== */
.service-head {
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}

.service-head .wrap {
  margin: 0 auto 0 auto;
  padding: 65px 0 100px 0;
  width: 800px;
  text-align: left;
  background: url(images/service/head-back.png) no-repeat 18px 19px;
  overflow: hidden;
}

.service-head .wrap .tit {
  margin: 0 0 32px 0;
  padding: 0 0 0 0;
  text-align: center;
}

.service-head .wrap .tit img {
  margin: 0 auto 0 auto;
  display: block;
}

.service-head .wrap .step-list {
  margin: 0 0 28px 20px;
  padding: 0 0 0 0;
  list-style: none;
  overflow: hidden;
}

.service-head .wrap .step-list li {
  margin: 0 0 0 0;
  padding: 0 20px 0 0;
  background: url(images/service/step-back-02.png) no-repeat right 0;
  float: left;
}

.service-head .wrap .step-list li.last {
  padding: 0 0 0 0;
}

.service-head .wrap .step-list li .box {
  width: 240px;
  height: 240px;
  background: url(images/service/step-back-01.png) no-repeat 0 0;
}

.service-head .wrap .step-list li .box img {
  display: block;
}

.service-head .wrap .step-list li .box .label {
  margin: 0 0 25px 0;
}

.service-head .wrap .step-list li .box .step-tit {
  margin: 0 0 20px 0;
  text-align: center;
}

.service-head .wrap .step-list li .box .step-tit img {
  margin: 0 auto 0 auto;
}

.service-head .wrap .step-list li .box .text {
  margin: 0 30px 0 30px;
  line-height: 1.4em;
  font-size: 22px;
}

.service-head .wrap .contact-info {
  margin: 0 20px 0 20px;
  padding: 30px 30px 30px 30px;
  border: 1px solid #e3e3e3;
  overflow: hidden;
}

.service-head .wrap .contact-info dt {
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #e3e3e3;
}

.service-head .wrap .contact-info dt img {
  display: block;
}

.service-head .wrap .contact-info dd {
  margin: 0 0 0 0;
  padding: 15px 0 0 0;
  line-height: 1.6em;
  font-size: 22px;
  color: #333333;
  background: #ffffff;
}

.service-head .wrap .contact-info dd a {
  color: #219ddf;
  display: inline-block;
}

.service-head .wrap .contact-info dd a:hover {
  text-decoration: none;
}

.service-head .wrap .more-link {
  text-align: center;
  font-size: 24px;
}

.service-head .wrap .more-link a {
  padding: 0 0 0 30px;
  color: #999999;
  background: url(images/common/link-arrow-01.png) no-repeat 0 center;
  display: inline-block;
}

.service-head .wrap .more-link a:hover {
  text-decoration: none;
}

.service-step-01 {
  width: 100%;
  overflow: hidden;
}

.service-step-01 .wrap {
  margin: 0 auto 0 auto;
  padding: 79px 0 100px 0;
  width: 800px;
  text-align: left;
  background: url(images/service/step-01-back.png) no-repeat 18px 19px;
  overflow: hidden;
}

.service-step-01 .wrap .tit {
  margin: 8px 0 20px 40px;
  padding: 0 0 0 0;
}

.service-step-01 .wrap .message-text {
  margin: 0 0 40px 48px;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 22px;
  color: #333333;
}

.service-step-01 .wrap .image-01 {
  margin: 0 34px 40px 50px;
  padding: 0 0 0 0;
  float: right;
  display: inline;
}

.service-step-01 .wrap .line {
  margin: 0 0 45px 20px;
  padding: 0 0 0 0;
  width: 760px;
  height: 0;
  line-height: 0px;
  border: none;
  border-top: 2px solid #dddddd;
  clear: both;
}

.service-step-01 .wrap .image-02 {
  margin: 0 0 40px 50px;
  padding: 0 0 0 0;
}

.service-step-01 .wrap .note {
  margin: 0 50px 40px 50px;
  padding: 0 0 0 0;
  line-height: 1.8em;
  font-size: 22px;
  color: #000000;
}

.service-step-01 .wrap .note dt {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-weight: bold;
  background: url(images/common/spacer.png);
}

.service-step-01 .wrap .note dd {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: url(images/common/spacer.png);
}

.service-step-01 .wrap .note a {
  color: #219ddf;
  font-weight: normal;
  display: inline-block;
}

.service-step-01 .wrap .note a:hover {
  text-decoration: none;
}

.service-step-01 .wrap .kit {
  margin: 0 20px 0 20px;
  padding: 25px 25px 25px 25px;
  background: #ffffff;
  border: 10px solid #dddddd;
  overflow: hidden;
}

.service-step-01 .wrap .kit dt {
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #dddddd;
}

.service-step-01 .wrap .kit dt img {
  display: block;
}

.service-step-01 .wrap .kit dd {
  margin: 0 0 0 0;
  padding: 15px 0 0 0;
  line-height: 1.6em;
  font-size: 22px;
  color: #333333;
  overflow: hidden;
}

.service-step-01 .wrap .kit dd .image {
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
  float: right;
  display: inline;
}

.service-step-01 .wrap .kit dd .text {
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

.service-step-02 {
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}

.service-step-02 .wrap {
  margin: 0 auto 0 auto;
  padding: 85px 0 100px 0;
  width: 800px;
  text-align: left;
  background: url(images/service/step-02-back.png) no-repeat 18px 19px;
  overflow: hidden;
}

.service-step-02 .wrap .tit {
  margin: 0 0 20px 40px;
  padding: 0 0 0 0;
}

.service-step-02 .wrap .message-text {
  margin: 0 55px 30px 50px;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 22px;
  color: #333333;
}

.service-step-02 .wrap .pay {
  color: #df4921;
}

.service-step-02 .wrap .note {
  margin: 0 0 25px 0;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 22px;
  text-align: center;
  color: #333333;
}

.service-step-02 .wrap .note a {
  color: #219ddf;
  font-weight: normal;
  display: inline-block;
}

.service-step-02 .wrap .note a:hover {
  text-decoration: none;
}

.service-step-02 .wrap .yamato-link {
  margin: 0 0 5px 0;
  text-align: center;
}

.service-step-02 .wrap .yamato-link img {
  margin: 0 auto 0 auto;
}

.service-step-02 .wrap .yamato-tel {
  margin: 0 0 5px 0;
  text-align: center;
}

.service-step-02 .wrap .yamato-tel img {
  margin: 0 auto 0 auto;
}

.service-step-02 .wrap .yamato-tel a {
  cursor: default;
}

.service-step-02 .wrap .send-info {
  margin: 0 20px 0 20px;
  padding: 25px 25px 25px 25px;
  background: #eeeeee;
  border: 10px solid #e3e3e3;
  overflow: hidden;
}

.service-step-02 .wrap .send-info dt {
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  background: #eeeeee;
  border-bottom: 1px solid #e3e3e3;
}

.service-step-02 .wrap .send-info dt img {
  display: block;
}

.service-step-02 .wrap .send-info dd {
  margin: 0 0 0 0;
  padding: 15px 0 0 0;
  line-height: 1.6em;
  font-size: 22px;
  color: #333333;
  background: #eeeeee;
  overflow: hidden;
}

.secoflow_box {
  margin: 50px 20px 0 20px;
  border: 10px solid #e3e3e3;
}

.secoflow_box h5 {
  margin: 5px 5px 25px 5px;
}

.secoflow_box h6 {
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  padding: 18px 30px 18px 30px;
  margin: 0 5px;
  clear: both;
}

.secoflow_txtbox {
  margin-bottom: 50px;
}

.secoflow_txtbox p {
  padding: 25px 0 0 25px;
  float: left;
  width: 525px;
  font-size: 22px;
  line-height: 1.6em;
}

.secoflow_txtbox img {
  padding: 25px 30px 0 0 ;
  float: right;
}

.secoflow_txtbox a {
  float: left;
  background: url(images/common/link-arrow-01.png) no-repeat 0 center;
  padding: 0 0 0 30px;
  margin: 0 20px 0 0;
  display: inline-block;
  font-size: 22px;
  color: #219edf;
}






.service-step-03 {
  width: 100%;
  overflow: hidden;
}

.service-step-03 .wrap {
  margin: 0 auto 0 auto;
  padding: 80px 0 80px 0;
  width: 800px;
  text-align: left;
  background: url(images/service/step-03-back.png) no-repeat 18px 19px;
  overflow: hidden;
}

.service-step-03 .wrap .tit {
  margin: 7px 0 20px 40px;
  padding: 0 0 0 0;
  float: left;
  display: inline;
}

.service-step-03 .wrap .label {
  margin: 0 0 0 50px;
  padding: 0 0 0 0;
  float: left;
  display: inline;
}

.service-step-03 .wrap .message-text {
  margin: 0 55px 0 50px;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 22px;
  color: #333333;
  clear: both;
}

.service-attention {
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}

.service-attention .wrap {
  margin: 0 auto 0 auto;
  padding: 60px 0 80px 0;
  width: 800px;
  text-align: left;
  overflow: hidden;
}

.service-attention .wrap .note {
  margin: 0 20px 0 20px;
  padding: 0 0 0 0;
  line-height: 1.4em;
  font-size: 22px;
  color: #000000;
}

.service-attention .wrap .note dt {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-weight: bold;
  background: #ffffff;
}

.service-attention .wrap .note dd {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: #ffffff;
}

.service-attention .wrap .note dd ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  background: #ffffff;
}

.service-attention .wrap .note dd ul li {
  background: #ffffff;
}


/* ========================================================================
brands
======================================================================== */
.brands-head {
  padding: 30px 0 0 0;
  width: 100%;
  /*height: 310px;*/
  background: url(images/brands/head-back.png) no-repeat center 0;
  background-size: cover;
  overflow: hidden;
}

.brands-search-box {
  margin: 0 auto 0 auto;
  width: 760px;
  text-align: left;
  overflow: hidden;
}

#other .brands-search-box {
  margin-top: 160px;
}

.brands-search-box .form-box {
  margin: 0 0 30px 0;
  width: 760px;
  height: 100px;
  background: #444444;
  overflow: hidden;
}

.brands-search-box .form-box .text {
  margin: 10px 0 0 10px;
  padding: 0 30px 0 30px;
  width: 585px;
  height: 78px;
  line-height: normal;
  font-size: 28px;
  background: #ffffff;
  border: 1px solid #ffffff;
  float: left;
  display: inline;
}

.brands-search-box .form-box .search-btn {
  float: right;
  display: inline;
  width: 99px;
  height: 100px;
  background: url(images/brands/search-btn.png) no-repeat;
  border: 0;
}

.brands-search-box .form-box .search-btn:active,
.brands-search-box .form-box .search-btn:focus {
  border: none;
  outline: none;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity:0.8;
  zoom:1;
}

.brands-search-box .link-list {
  margin: 0 0 0 -20px;
  padding: 0 0 0 0;
  list-style: none;
  overflow: hidden;
}

.brands-search-box .link-list img {
  display: block;
}

.brands-search-box .link-list li {
  margin: 0 0 20px 20px;
  padding: 0 0 0 0;
  float: left;
  display: inline;
}

.brand-list-wrap {
  width: 100%;
  overflow: hidden;
}

.brand-list-wrap .wrap {
  margin: 0 auto 0 auto;
  padding: 40px 0 0 0;
  width: 800px;
  text-align: left;
  overflow: hidden;
}

.brand-list-wrap#enhance-brand{
  background: #444;
}

.brand-list-wrap#enhance-brand .wrap{
  padding: 35px 0 0 0;
}

.brand-list-wrap#enhance-brand .wrap .list-wrap{
  margin: 0 0 45px 0;
}

.brand-list-wrap#enhance-brand .wrap .list{
  border-left: none;
}

.brand-list-wrap#enhance-brand .wrap .list li{
  border: 2px solid #bbbbbb;
  border-top: none;
}

.brand-list-wrap#enhance-brand .wrap .list li:nth-child(-n+3){
  border-top: 2px solid #bbbbbb;
}

.brand-list-wrap#enhance-brand .wrap .list li:nth-child(1n){
  border-right: none;
}

.brand-list-wrap#enhance-brand .wrap .list li a{
  background: #FFF5AD url(images/brands/brands-list-back.png) no-repeat right bottom;
}

.brand-list-wrap#a-e .wrap {
  background: url(images/brands/list-back-01.png) no-repeat 18px 19px;
}

.brand-list-wrap#f-j {
  background: #ffffff;
}

.brand-list-wrap#f-j .wrap {
  background: url(images/brands/list-back-02.png) no-repeat 18px 19px;
}

.brand-list-wrap#k-o .wrap {
  background: url(images/brands/list-back-03.png) no-repeat 18px 19px;
}

.brand-list-wrap#p-t {
  background: #ffffff;
}

.brand-list-wrap#p-t .wrap {
  background: url(images/brands/list-back-04.png) no-repeat 18px 19px;
}

.brand-list-wrap#u-z .wrap {
  background: url(images/brands/list-back-05.png) no-repeat 18px 19px;
}

.brand-list-wrap#other {
  background: #ffffff;
}

.brand-list-wrap#other .wrap {
  padding: 40px 0 100px 0;
  background: url(images/brands/list-back-06.png) no-repeat 18px 19px;
}

.brand-list-wrap .wrap .title {
  display: block;
  margin: 0 0 30px 0;
  padding: 0 0 0 0;
  text-align: center;
  text-decoration: none;
  position: relative;
}

.name-order .title span {
  display: block;
  background-color: #df4921;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}

.name-order .title span::before {
  content: '';
  display: block;
  position: absolute;
  width: 40%;
  height: 40%;
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  left: 30%;
  top: 20%;
  transform: rotate(-45deg);
  box-sizing: border-box;
}

.name-order .title.is-open span::before {
  display: none;
}

.name-order .title span::after {
  content: '';
  display: none;
  position: absolute;
  width: 40%;
  height: 40%;
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  left: 30%;
  top: 40%;
  transform: rotate(-225deg);
  box-sizing: border-box;
}

.name-order .title.is-open span::after {
  display: block;
}

/*
.brand-list-wrap .wrap .title span::after {
  content: '';
  display: block;
  position: absolute;
  width: 40%;
  height: 40%;
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  left: 30%;
  top: 40%;
  transform: rotate(-225deg);
  box-sizing: border-box;
}*/

.brand-list-wrap .wrap .title img {
  margin: 0 auto 0 auto;
  display: block;
}

.brand-list-wrap .wrap .list-wrap {
  margin: 0 0 65px 0;
  padding: 0 0 2px 0;
  overflow: hidden;
}

.brand-list-wrap .wrap .list {
  margin: 0 20px -2px 20px;
  padding: 0 0 0 0;
  border-left: 2px solid #eeeeee;
  list-style: none;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.brand-list-wrap .wrap .list li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 33.33%;
  border: 2px solid #eeeeee;
  border-left: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* float: left; */
  /*display: table;*/
  display: block;
  min-height: 100%;
  box-sizing: border-box;
}

.brand-list-wrap .wrap .list li a {
  display: block;
  margin: 0 0 0 0;
  padding: 20px 0 20px 0;
  width: 100%;
  /* height: 80px; */
  height: 100%;
  text-align: center;
  text-decoration: none;
  background: #ffffff url(images/brands/brands-list-back.png) no-repeat right bottom;
  vertical-align: middle;
  /*display: table-cell;*/
  box-sizing: border-box;
}

.brand-list-wrap .wrap .list li a.is-disabled {
  pointer-events: none;
  background-image: none;
  background-color: #f7f6f6;
}

.brand-list-wrap .wrap .list li a .name {
  margin: 0 10px 0 10px;
  padding: 0 0 0 0;
  line-height: 1.4em;
  font-size: 20px;
  color: #333333;
}

.brand-list-wrap .wrap .list li a .eng {
  margin: 0 10px 0 10px;
  padding: 0 0 0 0;
  line-height: 1.7em;
  font-size: 16px;
  color: #df4921;
}

.search-results {
  width: 100%;
  overflow: hidden;
}

.search-results.purchase-results {
  background: #ffffff;
}

.search-results .wrap {
  margin: 0 auto 0 auto;
  padding: 70px 0 90px 0;
  width: 800px;
  text-align: left;
  overflow: hidden;
}

.search-results .wrap .title {
  margin: 0 0 50px 120px;
  padding: 0 0 0 0;
}

.search-results .wrap .catch {
  margin: 0 0 25px 0;
  padding: 0 0 0 0;
  text-align: center;
}

.search-results .wrap .catch img {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
}

.search-results .wrap .title-wrap {
  margin: 0 0 40px 0;
  padding: 0 0 0 0;
  text-align: center;
}

.search-results .wrap .title-wrap .title {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  text-align: center;
}

.search-results .wrap .title-wrap img {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  display: block;
}

.search-results .wrap .title-wrap .brand-name {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.2em;
  font-size: 24px;
  font-weight: bold;
  color: #bbbbbb;
  text-align: center;
}

.search-results .wrap .list {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  overflow: hidden;
}

.search-results .wrap .list li {
  margin: 0 20px 40px 20px;
  padding: 0 0 0 0;
  width: 360px;
  float: left;
  display: inline;
}

.search-results .wrap .list li a {
  margin: 0 0 0 0;
  padding: 30px 0 20px 0;
  width: 100%;
  text-align: center;
  text-decoration: none;
  background: #ffffff url(images/brands/brands-list-back.png) no-repeat right bottom;
  border: 2px solid #eeeeee;
  display: block;
}

.search-results .wrap .list li a .image {
  margin: 0 auto 20px auto;
  padding: 0 0 0 0;
  width: 180px;
  height: 180px;
  background: #ffffff url(images/brands/image-back-01.png) no-repeat 0 0;
  text-align: center;
}

.search-results .wrap .list li a .image img {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  display: block;
}

.search-results .wrap .list li a .name {
  margin: 0 30px 10px 30px;
  padding: 0 0 15px 0;
  line-height: 1.3em;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  text-align: left;
  border-bottom: 2px solid #dddddd;
}

.search-results .wrap .list li a .data {
  margin: 0 30px 0 30px;
  padding: 0 0 0 0;
  line-height: 1.7em;
  font-size: 20px;
  color: #333333;
  text-align: left;
}

.search-results .wrap .list li a .price {
  margin: 0 30px 0 30px;
  padding: 0 0 0 0;
  line-height: 1.7em;
  font-size: 20px;
  color: #df4921;
  text-align: left;
}

.search-results .wrap .more-link {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}

.search-results .wrap .more-link a {
  padding: 0 0 0 25px;
  line-height: 1.2em;
  font-size: 24px;
  color: #999999;
  background: url(images/brands/link-arrow.png) no-repeat left center;
  display: inline-block;
}

.search-results .wrap .more-link a:hover {
  text-decoration: none;
}

.search-results .wrap .link-wrap {
  margin: 60px auto 40px auto;
  width: 760px;
  overflow: hidden;
}

.search-results .wrap .link-wrap .item-link {
  float: left;
}

.search-results .wrap .link-wrap .brand-link {
  float: right;
}

.contact-pr {
  width: 100%;
  height: 327px;
  color: #333333;
  background: #8d7e75 url(images/common/contact-pr-back.png) no-repeat center 0;
}

html.webp .contact-pr {
  background-image: url(images/common/contact-pr-back.png.webp);
}

.contact-pr .wrap {
  margin: 0 auto 0 auto;
  width: 760px;
  height: 327px;
  position: relative;
  text-align: left;
  overflow: hidden;
}

.contact-pr .wrap .catch {
  margin: 35px 0 25px 0;
  padding: 0 0 0 0;
  text-align: center;
}

.contact-pr .wrap .catch img {
  margin: 0 auto 0 auto;
  display: block;
}

/* .contact-pr .wrap .link {
  float: left;
}

.contact-pr .wrap .tel {
  float: right;
} */
.contact-pr .wrap .link {
  display: block;
  width: 100%;
  text-align: center;
}


.contact-pr .wrap .tel a {
  cursor: default;
}

.contact-pr .wrap .tel .text-01 {
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  text-align: center;
  -webkit-text-shadow: 0 0 2px #ffffff;
  -moz-text-shadow: 0 0 2px #ffffff;
  text-shadow: 0 0 2px #ffffff;
}

.contact-pr .wrap .text-02 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.2em;
  font-size: 16px;
  -webkit-text-shadow: 0 0 2px #ffffff;
  -moz-text-shadow: 0 0 2px #ffffff;
  text-shadow: 0 0 2px #ffffff;
  position: absolute;
  top: 105px;
  left: 570px;
}


/* ========================================================================
items
======================================================================== */
.items-head {
  padding: 70px 0 100px 0;
  width: 100%;
  background: #ffffff url(images/items/head-back.png) no-repeat center 0;
  overflow: hidden;
}

.items-head .wrap {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  width: 760px;
  text-align: left;
}

.items-head .wrap .title-wrap {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 760px;
  height: 130px;
  position: relative;
}

.items-head .wrap .title-wrap .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}

.items-head .wrap .title-wrap .title img {
  margin: 0 auto 0 auto;
}

.items-head .wrap .title-wrap .note {
  margin: 0 0 0 290px;
  padding: 0 0 0 0;
  min-width: 120px;
  line-height: 1.2em;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  -webkit-text-shadow: 0 0 2px #ffffff;
  -moz-text-shadow: 0 0 2px #ffffff;
  text-shadow: 0 0 2px #ffffff;
  position: absolute;
  top: 90px;
  left: 50%;
}


.items-head .wrap .message-text {
  margin: 0 0 40px 0;
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 22px;
  color: #333333;
  -webkit-text-shadow: 0 0 2px #ffffff;
  -moz-text-shadow: 0 0 2px #ffffff;
  text-shadow: 0 0 2px #ffffff;
}

.items-head .wrap .link-list {
  margin: 0 0 10px -20px;
  padding: 0 0 0 0;
  list-style: none;
  overflow: hidden;
}

.items-head .wrap .link-list img {
  display: block;
}

.items-head .wrap .link-list li {
  margin: 0 0 20px 20px;
  padding: 0 0 0 0;
  float: left;
  display: inline;
}

.items-head .wrap .can-not-buy {
  margin: 0 0 0 0;
  padding: 25px 25px 25px 25px;
  background: #ffffff;
  border: 2px solid #e3e3e3;
  overflow: hidden;
}

.items-head .wrap .can-not-buy dt {
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  border-bottom: 2px solid #e3e3e3;
}

.items-head .wrap .can-not-buy dd {
  margin: 0 0 0 0;
  padding: 15px 0 0 0;
  line-height: 1.6em;
  font-size: 22px;
  color: #333333;
  background: url(images/common/spacer.png);
  overflow: hidden;
}

.item-list-wrap {
  width: 100%;
  overflow: hidden;
}

.item-list-wrap .wrap {
  margin: 0 auto 0 auto;
  padding: 98px 0 90px 0;
  width: 800px;
  text-align: left;
  overflow: hidden;
}


.item-list-wrap#cat-01 {
  background: url(images/items/list-back-01.png) no-repeat center 0;
}

.item-list-wrap#cat-01 .wrap {
  background: url(images/items/list-back-07.png) no-repeat 18px 40px;
}

.item-list-wrap#cat-02 {
  background: #ffffff url(images/items/list-back-02.png) no-repeat center 0;
}

.item-list-wrap#cat-02 .wrap {
  background: url(images/items/list-back-08.png) no-repeat 488px 40px;
}

.item-list-wrap#cat-03 {
  background: url(images/items/list-back-03.png) no-repeat center 0;
}

.item-list-wrap#cat-03 .wrap {
  background: url(images/items/list-back-09.png) no-repeat 18px 40px;
}

.item-list-wrap#cat-04 {
  background: #ffffff url(images/items/list-back-04.png) no-repeat center 0;
}

.item-list-wrap#cat-04 .wrap {
  background: url(images/items/list-back-10.png) no-repeat 515px 40px;
}

.item-list-wrap#cat-05 {
  background: url(images/items/list-back-05.png) no-repeat center 0;
}

.item-list-wrap#cat-05 .wrap {
  background: url(images/items/list-back-11.png) no-repeat 18px 40px;
}

.item-list-wrap#cat-06 {
  background: #ffffff url(images/items/list-back-06.png) no-repeat center 0;
}

.item-list-wrap#cat-06 .wrap {
  background: url(images/items/list-back-12.png) no-repeat 532px 40px;
}

.item-list-wrap .wrap .title {
  margin: 0 0 20px 40px;
  padding: 0 0 0 0;
}

.item-list-wrap .wrap .title img {
  display: block;
}

.item-list-wrap#cat-02 .wrap .title {
  margin: 0 45px 20px 0;
  float: right;
  display: inline;
}

.item-list-wrap#cat-04 .wrap .title {
  margin: 0 45px 20px 0;
  float: right;
  display: inline;
}

.item-list-wrap#cat-06 .wrap .title {
  margin: 0 45px 20px 0;
  float: right;
  display: inline;
}

.item-list-wrap .wrap .message-text {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 22px;
  color: #333333;
  clear: both;
}

.item-list-wrap#cat-01 .wrap .message-text {
  margin: 0 0 35px 50px;
  width: 430px;
}

.item-list-wrap#cat-02 .wrap .message-text {
  margin: 0 20px 35px 0;
  width: 425px;
  float: right;
  display: inline;
}

.item-list-wrap#cat-03 .wrap .message-text {
  margin: 0 0 35px 50px;
  width: 495px;
}

.item-list-wrap#cat-04 .wrap .message-text {
  margin: 0 20px 35px 0;
  width: 425px;
  float: right;
  display: inline;
}

.item-list-wrap#cat-05 .wrap .message-text {
  margin: 0 0 35px 50px;
  width: 495px;
}

.item-list-wrap#cat-06 .wrap .message-text {
  margin: 0 20px 35px 0;
  width: 540px;
  float: right;
  display: inline;
}

.item-list-wrap .wrap .list {
  margin: 0 0 10px 20px;
  padding: 0 0 0 0;
  width: 760px;
  clear: both;
}

.item-list-wrap .wrap .list th {
  padding: 10px 15px 10px 15px;
  line-height: 1.2em;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  background: #333333;
  border-right: 2px solid #dddddd;
}

.item-list-wrap .wrap .list th.item {
  width: 162px;
}

.item-list-wrap .wrap .list th.brand {
  width: 334px;
}

.item-list-wrap .wrap .list th.price {
  border-right: none;
  width: 168px;
}

.item-list-wrap .wrap .list td {
  padding: 10px 15px 10px 15px;
  line-height: 1.2em;
  font-size: 20px;
  text-align: center;
  background: #ffffff;
  border-top: 2px solid #dddddd;
  border-right: 2px solid #dddddd;
  vertical-align: top;
}

.item-list-wrap .wrap .list td.price {
  border-right: none;
  color: #df4921;
}

.item-list-wrap .wrap .list td.brand {
  text-align: left;
}

.item-list-wrap .wrap .list td.brand a {
  color: #219ddf;
}

.item-list-wrap .wrap .list td.brand a:hover {
  text-decoration: none;
}

.item-list-wrap#cat-02 .wrap .list th {
  border-right: 2px solid #ffffff;
}

.item-list-wrap#cat-04 .wrap .list th {
  border-right: 2px solid #ffffff;
}

.item-list-wrap#cat-06 .wrap .list th {
  border-right: 2px solid #ffffff;
}

.item-list-wrap#cat-02 .wrap .list td {
  background: #eeeeee;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.item-list-wrap#cat-04 .wrap .list td {
  background: #eeeeee;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.item-list-wrap#cat-06 .wrap .list td {
  background: #eeeeee;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.item-list-wrap .wrap .list th.price {
  border-right: none;
}

.item-list-wrap .wrap .note {
  margin: 0 0 20px 20px;
}

.item-list-wrap .wrap .more-link {
  text-align: center;
  font-size: 24px;
  margin-top: 20px;
}

.item-list-wrap .wrap .more-link a {
  padding: 0 0 0 30px;
  color: #999999;
  background: url(images/common/link-arrow-01.png) no-repeat 0 center;
  display: inline-block;
}

.item-list-wrap .wrap .more-link a:hover {
  text-decoration: none;
}


/* ========================================================================
purchase
======================================================================== */
.purchase-head {
  padding: 70px 0 0 0;
  width: 100%;
  height: 300px;
  background: #ffffff url(images/purchase/head-back.png) no-repeat center 0;
  overflow: hidden;
}

.purchase-head .wrap {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  width: 760px;
  text-align: left;
}

.purchase-head .wrap .title {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  text-align: center;
}

.purchase-head .wrap .title img {
  margin: 0 auto 0 auto;
  display: block;
}

.purchase-head .wrap .message-text {
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 22px;
  color: #333333;
  -webkit-text-shadow: 0 0 2px #ffffff;
  -moz-text-shadow: 0 0 2px #ffffff;
  text-shadow: 0 0 2px #ffffff;
}

.purchase-head .wrap .tit {
  margin: 1.17em 0;
}

.purchase-merits {
  width: 100%;
  overflow: hidden;
}

.purchase-merits .wrap {
  margin: 0 auto 0 auto;
  padding: 85px 0 70px 0;
  width: 800px;
  text-align: left;
  background: url(images/purchase/merits-back.png) no-repeat 20px 40px;
  overflow: hidden;
}

.purchase-merits .wrap .tit {
  margin: 0 0 45px 115px;
  padding: 0 0 0 0;
}

.purchase-merits .wrap .box {
  margin: 0 0 30px 20px;
  padding: 0 0 0 0;
  width: 780px;
  overflow: hidden;
}

.purchase-merits .wrap .box .image {
  float: left;
  display: inline;
}

.purchase-merits .wrap .box .detail {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 532px;
  float: right;
  display: inline;
}

.purchase-merits .wrap .box .detail .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.purchase-merits .wrap .box .detail .title img {
  display: block;
}

.purchase-merits .wrap .box .detail .message {
  margin: 0 0 0 0;
  padding: 15px 10px 0 10px;
  line-height: 1.3em;
  font-size: 22px;
  color: #333333;
  background: url(images/common/spacer.png);
}

.purchase-merits .wrap .box .detail .message .up {
  color: #df4921;
}

.purchase-merits .wrap .box .detail .message .cost {
  color: #df4921;
}

.purchase-review {
  width: 100%;
  overflow: hidden;
}

.purchase-review .wrap {
  margin: 0 auto 0 auto;
  padding: 75px 0 70px 0;
  width: 800px;
  text-align: left;
  overflow: hidden;
}

.purchase-review .wrap .title {
  margin: 0 0 32px 0;
  padding: 0 0 0 0;
  text-align: center;
}

.purchase-review .wrap .title img {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
}

.purchase-review .wrap .box {
  margin: 0 auto 20px auto;
  padding: 30px 30px 30px 30px;
  width: 760px;
  text-align: left;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.purchase-review .wrap .box .image {
  margin: 0 25px 0 0;
  float: left;
  display: inline;
}

.purchase-review .wrap .box .detail {
  overflow: hidden;
}

.purchase-review .wrap .box .detail .comment {
  margin: 0 0 25px 0;
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 22px;
  color: #333333;
}

.purchase-review .wrap .box .detail .user {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.3em;
  font-size: 16px;
  color: #333333;
  text-align: right;
}

.purchase-review .wrap .more-link {
  text-align: center;
  font-size: 24px;
}

.purchase-review .wrap .more-link a {
  padding: 0 0 0 30px;
  color: #999999;
  background: url(images/common/link-arrow-01.png) no-repeat 0 center;
  display: inline-block;
}

.purchase-review .wrap .more-link a:hover {
  text-decoration: none;
}


/*thanks*/

.thanks {
  background: #FFF;
}

.thanks .wrap {
  margin: 0 auto 0 auto;
  padding: 160px 0 140px 0;
  width: 800px;
  text-align: center;
}

.thanks_tit {
  margin: 0 0 40px;
}

.thanks_txt {
  font-size: 22px;
  margin: 0 0 40px;
}

.thanks_link {
}

.thanks_link a {
  color: #219edf;
}

.wpcf7-validation-errors {
  font-size: 26px;
  text-align: center;
}

.wpcf7-mail-sent-ok {
  font-size: 26px;
  text-align: center;
}

/* ========================================================================
bottom_menu
======================================================================== */

.btm-menu-overlay {
  display: none;
}

.btm-menu {
}

.file02a span.wpcf7-not-valid-tip {
  color: #f00;
  font-size: 1em;
  display: block;
  margin: -30px 0 0 0;
}

/* ========================================================================
top landing 2017.05.11
======================================================================== */

.home-landing {
  background: #fff;
  overflow: hidden;
}
.home-landing-in {
  width: 640px;
  padding: 60px 215px 185px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.home-landing-in:before {
  content: "";
  width: 286px;
  height: 287px;
  background-image: url(images/index/home-landing-bg-top.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -32px;
  left: -5px;
  z-index: 2;
}
.home-landing-in:after {
  content: "";
  width: 1043px;
  height: 1125px;
  background-image: url(images/index/home-landing-bg-btm.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  bottom: -190px;
  right: -45px;
  z-index: 1;
}
html.webp .home-landing-in:after {
  background-image: url(images/index/home-landing-bg-btm.jpg.webp);
}
.home-landing-ttl {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 30px;
  position: relative;
  z-index: 3;
}
.home-landing-sentence {
  font-size: 22px;
  line-height: 1.4;
  position: relative;
  z-index: 3;
}
.home-landing-sentence p {
  margin: 0 0 20px;
}

@media screen and (max-width: 800px) {
  .home-landing-in {
    padding: 60px 0px 185px;
  }
  .home-landing-in:before {
    left: -210px;
  }
  .home-landing-in:after {
    right: -260px;
  }
}

/*2017-06-14*/

.brand_mv {
  padding: 21px 0 19px;
  background-image: url(images/calee/calee_main_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  text-align: center;
  margin: -30px 0 20px;
}
.brand_mv img {
  display: inline-block;
}
.post-wrap .post-cat p {
  font-size: 20px;
}
.post-wrap .post .post_cv {
  margin: 0 0 20px;
}
.post-wrap .post .post_cv_ttl {
  font-size: 28px;
  font-weight: bold;
  color: #df4921;
  text-align: center;
  margin: 0 0 5px 0;
}
.post_cv_in {

}
.post_cv_item {
  float: left;
  margin: 0 0 0 20px;
}
.post_cv_item:first-child {
  margin: 0;
}
.post_h2box {
  background: #eee;
  padding: 21px 34px 19px;
  position: relative;
  margin: 0 0 40px;
}
.post_h2box_icon {
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
}
.post-wrap .post .post_h2box_ttl {
  font-size: 29px;
  color: #1c1713;
  background: #f0bb02;
  text-align: left;
  border: 0;
  padding: 10px 10px 4px 92px;
  margin: 0 0 35px;
}
.post-wrap .post .post_h2box_subttl {
  font-size: 28px;
  font-weight: bold;
  color: #df4921;
  text-align: center;
  padding: 0;
  margin: 0 0 25px;
}
.post_h2box_subttl .doubleline {
  position: relative;
  padding: 0 10px;
}
.post_h2box_subttl .doubleline:before {
  content: "";
  width: 95%;
  height: 4px;
  background: #f0e202;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.post_h2box_subttl .doubleline:after {
  content: "";
  width: 95%;
  height: 4px;
  background: #f0e202;
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.post_h2box p {
  padding: 0 0 0 20px;
  margin: 0 0 20px;
}
.post_h2box p:first-child {
  height: 0;
  margin: 0;
}
.post_h2box p:last-child {
  padding: 0 0 0 20px;
  margin: 0;
}
.post_item {
  padding: 17px 20px;
  background: #444;
  color: #fff;
  margin: 0 0 55px;
}
.post_item_top {
  display: table;
  margin: 0 0 18px;
}
.post_item_top_img {
  display: table-cell;
  vertical-align: middle;
  padding: 7px;
  background: #eee;
}
.post_item_top_txt {
  display: table-cell;
  vertical-align: middle;
  border: 0;
  background: none;
  padding: 0 0 0 20px;
  margin: 0 0 10px;
}
.post-wrap .post .post_item_top_txt_ttl {
  font-size: 38px;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: none;
}
.post_item_top_txt p {
  font-size: 18px;
  margin: 0 0 20px;
}
.post_item_top_txt p:last-child {
  margin: 0;
}
.post_item_in {
  margin: 0 0 15px;
}
.post_item_listbox {
  width: 316px;
  padding: 18px;
  float: left;
  background: #eee;
  color: #333;
}
.post_item_listbox+ .post_item_listbox {
  margin: 0 0 0 16px;
}
.post-wrap .post .post_item_listbox_ttl {
  font-size: 26px;
  font-weight: bold;
  color: #df4921;
  margin: 0 0 20px;
}
.post_item_listbox ul {

}
.post-wrap .post .post_item_listbox li {
  padding: 0 0 0 27px;
  font-size: 18px;
  position: relative;
  margin-bottom: 0 0 5px;
}
.post_item_listbox li:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #df4921;
  border-radius: 6px;
  position: absolute;
  top: 6px;
  left: 7px;
}
.post-wrap .post .post_item p:last-child {
  margin: 0;
}
.post-wrap .post .post_item p a {
  color: #fff;
}
.post-wrap .post .post_reason {
  background: #fff;
  padding: 0;
}
.post_for {
  background: #eee;
  padding: 25px 34px 30px;
  margin: 60px 0;
}
.post-wrap .post .post_for_ttl {
  background: #444;
  font-size: 26px;
  color: #fff;
  text-align: center;
  padding: 4px 0 0;
}
.post_for_label {
  font-size: 23px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin: 0 0 5px;
}
.post_for_label_left {
  display: inline-block;
  background: #898989;
  padding: 4px 25px 2px;
  border-radius: 16px;
  margin: 0 10px 12px 0;
}
.post_for_label_right {
  display: inline-block;
  background: #898989;
  padding: 4px 25px 2px;
  border-radius: 16px;
  margin: 0 0 12px 0;
}
.post_for_label_bottom {
  display: inline-block;
  background: #898989;
  padding: 4px 25px 2px;
  border-radius: 16px;
  margin: 0 auto 12px;
}
.post-wrap .post .post_for_txt {
  font-size: 27px;
  font-weight: bold;
  color: #444;
  margin: 0 0 5px;
}
.post_for_txt_m {
  color: #df4921;
}
.post-wrap .post .post_for_more {
  text-align: right;
}
.post-wrap .post .post_for_more a {
  display: inline-block;
  color: #444;
  font-size: 20px;
  background: #fff;
  border: 2px solid #444;
  padding: 10px 40px 7px;
  text-align: center;
  text-decoration: none;
  position: relative;
  margin: 0 -20px 0 0;
}
.post-wrap .post .post_for_more a:after {
  content: "";
  width: 11px;
  height: 14px;
  background-image: url(images/calee/item_arrow.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 14px;
  left: 15px;
}
.post-wrap .post .post_for p:last-child {
  margin: 0;
}
.post_no1 {
  margin: -30px 0 60px;
}
.post_no1_mv {
  margin: 80px 0 40px;
}
.post_no1_list {
  margin: 0 0 30px;
}
.post_no1_list li {

}
.post_no1_list li a {

}
.post_no1_campaign {
  text-align: center;
}
.post_no1_campaign img {
  display: inline-block;
  margin: 0 0 10px;
}
.post_no1_campaign a img {
  margin: 0;
}
.post-wrap .post .post_shop_ttl {
  background: #444;
  font-size: 26px;
  color: #fff;
  text-align: center;
  padding: 4px 0 0;
}
.post_shop {
  background: #eee;
  padding: 25px 34px 30px;
  margin: 60px 0;
}

.post_shop_top {
  display: table;
  margin: 0 0 20px;
}
.post_shop_top_icon {
  display: table-cell;
  vertical-align: top;
}
.post_shop_top_txt {
  display: table-cell;
  vertical-align: middle;
  font-size: 28px;
  color: #df4921;
  padding: 0 0 0 20px;
}
.post-wrap .post .post_shop p:last-child {
  margin: 0;
}
.post-wrap .post .post_cv_mid {
  margin: 0 0 100px;
}

@media (max-width: 800px) {
  .post-wrap .post .post_h2box p:first-child {
    height: 0;
    margin: 0;
  }
}

/* ========================================================================
シルバーアクセサリーの買取
======================================================================== */
/* common */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
.silver_accessories .txt_bold{
  font-weight: bold;
}
.silver_accessories .txt_red{
  color: #df4921;
}
.silver_accessories .txt_yellow{
  color: #f0bb02;
}
.silver_accessories .gray_title{
  background: #eee;
  padding: 15px;
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: bold;
}
.silver_accessories .border_link{
  text-align: right;
  margin-bottom: 25px;
}
.silver_accessories .border_link a{
  display: inline-block;
  border: solid 2px #333;
  padding: 10px 20px 7px;
  font-size: 22px;
  color: #333;
  text-decoration: none;
}
.silver_accessories .border_link a:before{
  content: url(images/silver/icon-link.png);
  display: inline-block;
  margin-right: 20px;
}
.silver_accessories p.item_read_txt{
  padding: 15px 15px 25px;
  box-sizing: border-box;
  margin-bottom: 0;
}
.silver_accessories .red_type li{
  list-style: none;
  background: url(images/silver/type_bg.png) no-repeat left center;
  padding-left: 25px;
  color: #333;
}
/* silver_accessories */
.silver_accessories .silver_mv{
  padding: 21px 0 19px;
  background-image: url(images/calee/calee_main_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  text-align: center;
  margin: -30px 0 20px;
}
.silver_accessories .read p{
  font-size: 18px;
  line-height: 1.6;
}
.silver_accessories h2.sec_title {
  border: none;
  font-size: 50px;
  text-align: center;
  line-height: 1.1;
  margin-bottom: 15px;
  padding: 0;
}
.silver_accessories h3.sec_sub_title {
  background: #333333;
  width: 100%;
  color: #fff;
  font-size: 32px;
  padding: 30px 35px 30px 84px;
  line-height: 1.2;
  position: relative;
  box-sizing: border-box;
}
.silver_accessories .sec_sub_title:before{
  position: absolute;
  top:50%;
  left: 18px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.silver_accessories .sec_sub_title.title01:before{
  content: url(images/silver/img-no01.png);
}
.silver_accessories .sec_sub_title.title02:before{
  content: url(images/silver/img-no02.png);
}
.silver_accessories .sec_sub_title.title03:before{
  content: url(images/silver/img-no03.png);
}
.silver_accessories .sec_sub_title.title04:before{
  content: url(images/silver/img-no04.png);
}
/* 理由1 */
.silver_accessories .sec_reason{
  margin-bottom: 95px;
}
.silver_accessories .sec_reason .sec_body{
  padding: 0 20px;
}
.silver_accessories .sec_reason .example_item{
  border-top: 2px #333 solid;
}
.silver_accessories .sec_reason .example_item.last{
  border-bottom: 2px #333 solid;
  margin-bottom: 25px;
}
.example_item{
  position: relative;
}
.example_item .item_meta {
  overflow: hidden;
  margin-bottom: 10px;
}
.example_item h4.meta_title{
  color: #fff;
  background: #333;
  display: inline-block;
  padding: 5px 22px 2px;
  border-radius: 22px;
  font-size: 18px;
}
.example_item p.meta_txt {
  display: inline;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: -0.1px;
}
.example_item_list_wrap{
  overflow: hidden;
  width: 100%;
}
.example_item_list_wrap .example_item_list{
  float: left;
  width: 20%;
}
.example_item_list_wrap.popular .example_item_list,
.example_item_list_wrap.indian .example_item_list{
  float: left;
  width: 25%;
}
.example_item_list dt{
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-bottom: 5px;
}
.example_item_list dt img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  height: auto;
}
.example_item_list dd{
  text-align: center;
  padding-bottom: 58px;
}
.example_item_list.popular01{
  width: 210px;
}
.example_item_list_wrap.popular dt{
  height: 90px;
}
.example_item_list_wrap.item dt{
  height: 110px;
}
.example_item_list_wrap.motif dt{
  height: 135px;
}
.example_item_list_wrap.indian dt{
  height: 115px;
}
.example_item_link{
  position: absolute;
  bottom: -23px;
  right: 0;
}
.example_item_link a:before{
  content: url(images/silver/icon_link_arrow.png);
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 50%;
  margin-top: -5px;
}
/* 理由2 */
.sec_reason p.appraise_item_read{
  margin: 0;
}
.sec_reason .appraise_item{
  margin-bottom: 48px;
}
.appraise_item_thumb{
  width: 400px;
  float: left;
}
.appraise_item_body{
  width: 340px;
  float: right;
}
.appraise_item_body_title{
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
.appraise_item_list li{
  list-style: none;
  background: url(images/silver/type_bg.png) no-repeat left center;
  font-size: 27px;
  padding-left: 25px;
}
.impact_item{
  width: 100%;
  display: table;
}
.impact_item_thumb{
  width: 35.52%;
  height: 230px;
  position: relative;
  border: solid 1px #333;
  border-bottom: none;
  box-sizing: border-box;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.impact_item_thumb img{

}
.impact_item_body{
  border: solid 1px #333;
  border-bottom: none;
  border-left: none;
  box-sizing: border-box;
  display: table-cell;
}
.impact_item_wrap .impact_item:last-child {
  border-bottom: solid 1px #333;
  margin-bottom: 25px;
}
.impact_item_body_title{
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  height: 52px;
  line-height: 52px;
  background: #333;
  padding-left: 25px;
  box-sizing: border-box;
}
.sec_reason p.impact_item_txt{
  padding: 20px 25px 0;
  box-sizing: border-box;
  margin-bottom: 15px;
  font-size: 20px;
}
.impact_item_list{
  padding: 0 25px 20px;
  box-sizing: border-box;
}
.impact_item_list dt{
  font-size: 22px;
  font-weight: bold;
}
.impact_item_list dd{
  font-size: 19px;
  line-height: 1.4;
}
.impact_item_list dd .txt_red{
  font-weight: bold;
}
.impact_item_bottom {
  padding: 15px 30px;
  box-sizing: border-box;
  background: #eeeeee;
  margin-bottom: 20px;
}
.impact_item_bottom_thumb{
  width: 140px;
  float: left;
}
.sec_reason p.impact_item_bottom_txt{
  width: 490px;
  float: right;
  padding-top: 25px;
  margin-bottom: 0;
}
.impact_item_bottom_txt .txt_red{
  font-weight: bold;
}
/* 理由3 */
.guaranteecard_item{
  margin: 25px 0 35px;
}
.guaranteecard_item_body{
  width: 430px;
  float: left;
}
.guaranteecard_item_thumb{
  width: 305px;
  float: right;
}
.guaranteecard_item_body_title{
  font-size: 25px;
  font-weight: bold;
  color: #003366;
  padding-left: 40px;
  position: relative;
  margin-bottom: 5px;
}
.guaranteecard_item_body_title:before{
  content: url(images/silver/title_bg.png);
  position: absolute;
  left: 8px;
  top: 6px;
}
.guaranteecard_item_txt{
  padding-left: 5px;
  font-size: 19px;
}
.guaranteecard_item_list{
  margin-bottom: 20px;
  padding-left: 15px;
}
.guaranteecard_item_list li{
  padding-left: 15px;
  font-size: 20px;
}
.silver_accessories table.gray_table{
  width: 100%;
  margin-bottom: 25px;
  border-collapse:collapse;
}
.gray_table th,
.gray_table td{
  width: 50%;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 1;
}
.gray_table th{
  text-align: center;
  color: #fff;
  background: #898989;
  padding: 15px 0;
  border-bottom: solid 1px #fff;
}
.gray_table td{
  color: #333;
  padding: 15px 0 15px 20px;
  border: solid 1px #333;
  border-left: none;
}
.silver_accessories .gray_table + p.item_read_txt{
  padding-bottom: 0;
}
.gray_table + .item_read_txt .txt_red{
  font-weight: bold;
}
.costreduction_item{
  margin-bottom: 40px;
}
/* 高価買取実績 */
.silver_accessories h2.sec_silver_title {
  line-height: 1;
  color: #008080;
  padding: 20px 10px 15px;
}
.purchase_record_table01{
  width: 50%;
  float: left;
  box-sizing: border-box;
  margin-bottom: 0!important;
  height: 415px;
  border-collapse:collapse;
}
.purchase_record_table01 th {
  background: #333;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
  padding: 5px 0 5px 30px;
  box-sizing: border-box;
  border-left: solid 1px #333;
  border-right: solid 1px #333;
  height: 51px;
}
.purchase_record_table01 td{
  border-left: solid 1px #333;
  border-right: solid 1px #333;
  box-sizing: border-box;
  font-size: 20px;
  padding: 25px;
}
.purchase_record_table01 td .txt_large{
  font-size: 34px;
}
.purchase_record_table01_wrap .thumb{
  width: 50%;
  height: 415px;
  position: relative;
  float: left;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  box-sizing: border-box;
}
.purchase_record_table01_wrap .thumb img{
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.purchase_record_table02{
  width: 100%;
  box-sizing: border-box;
  border-top: solid 1px #333!important;
  border-collapse:collapse!important;
  border-color: #333;
}
.purchase_record_table02 th{
  width: 24%;
  background: #333;
  color: #fff;
  text-align: center;
  font-size: 20px;
  padding: 15px 0;
  border-bottom: solid 1px #fff;
}
.purchase_record_table02 td {
  padding-left: 20px;
  font-size: 20px;
  border-bottom: solid 1px #333;
  border-right: solid 1px #333;
}
.purchase_record_bottom_body {
  width: 530px;
  float: right;
  font-size: 18px;
}
.purchase_record_bottom_body p.purchase_record_bottom_tiltle {
  margin-bottom: 15px;
  font-weight: bold;
}
.purchase_record_bottom_body p.purchase_record_bottom_txt{
  font-size: 20px;
  margin-bottom: 0;
}
.purchase_record_bottom_body p.purchase_record_bottom_txt .txt_red{
  font-weight: bold;
}
.sec_silver h3.purchase_record_title {
  background: none;
  padding: 0;
}
.silver_accessories h2.campaign_title {
  text-align: center;
  border: none;
  margin-top: 60px;
  line-height: 1.3;
}
.silver_accessories h2.campaign_title .campaign_txt_small{
  font-size: 30px;
}
.silver_accessories h2.campaign_title .campaign_txt_red{
  color: #df4921;
  background: linear-gradient(transparent 50%, #FCF035 50%);
}
.silver_accessories h2.campaign_title .campaign_txt_large{
  font-size: 50px;
}

.sec_purchase_up{
  padding: 25px 32px 35px;
  background: #eeeeee;
  margin-bottom: 30px;
}
.sec_purchase_up_in{
  margin-bottom: 25px;
}
.sec_purchase_up h3.sec_title{
  background: #444444;
  padding: 10px 0;
  text-align: center;
  color: #fff;
}
.sec_purchase_up_in .sec_list{
  padding-left: 10px;
  width: 430px;
  float: left;
}
.sec_purchase_up_in .sec_list li{
  font-size: 20px;
}
.sec_purchase_up_in .sec_thunb{
  float: right;
  width: 234px;
}
.sec_purchase_up_point{
  background: #fff;
  padding: 25px 25px 10px;
}
.sec_purchase_up_point p.sec_purchase_up_point_txt{
  margin-bottom: 10px;
}
.sec_purchase_up_point h4.sec_purchase_up_point_title{
  font-size: 22px;
  font-weight: normal;
  padding-bottom: 10px;
  border-bottom: solid 1px #333;
  margin-top: 0;
  margin-bottom: 15px;
}
.sec_purchase_up_point .dia_list li{
  font-size: 20px;
  margin-bottom: 5px;
}
.sec_purchase_up_point .dia_list li:before{
  content: url(images/silver/type_bg02.png);
  display: inline-block;
  margin-right: 3px;
}
.silver_accessories .post_no1{
  margin: 0 0 100px;
}
.silver_accessories .post_no1 .post_no1_txt{
  font-weight: bold;
  font-size: 38px;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 0;
}
.silver_accessories .post_no1 .post_no1_mv {
  margin: 10px 0 40px;
}
.sec_silver.sec_strengthening{
  margin-bottom: 100px;
  margin-top: 100px;
}
.sec_silver .strengthening_item h3.strengthening_item_title{
  background: #333;
  color: #fff;
}
.strengthening_item_in{
  padding: 0 15px;
}
.strengthening_item{
  margin-bottom: 80px;
}
.strengthening_item_list{
  margin-bottom: 15px;
  overflow: hidden;
}
.strengthening_item_list li{
  width: 33.33%;
  height: 170px;
  float: left;
  position: relative;
}
.strengthening_item_list li img{
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.strengthening_item_in p.strengthening_item_txt{
  margin-bottom: 20px;
}
.purchase_item_list_wrap{
  overflow: hidden;
  border-top: solid 1px #333;
  border-left: solid 1px #333;
  margin-bottom: 65px;
}
.purchase_item_list{
  width: 50%;
  float: left;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  box-sizing: border-box;
  padding: 15px;
  position: relative;
}
.purchase_item_list:nth-of-type(even){
}
.purchase_item_list dt{
  width: 125px;
}
.purchase_item_list dd{
  width: 200px;
  position: absolute;
  right: 15px;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.purchase_item .purchase_item_list dd a{
  font-size: 22px;
  text-decoration: underline;
  color: #071790;
}
.sec_silver.sec_indian{
  margin-bottom: 100px;
}
.sec_indian .indian_item .post_item_listbox li {
  font-size: 17px;
}
.indian_item .post_item_top_txt{
  display: block;
}
/* 現在のコンテンツを横並びエリア */
.material_item,
.popular_motif_item,
.purchase_target_item{
  margin-bottom: 50px;
  overflow: hidden;
}
.material_item_list,
.popular_motif_item_list,
.purchase_target_item_list_title{
  color: #003366;
}
.material_item_thumb,
.popular_motif_item_thumb,
.purchase_target_item_thumb {
  float: right;
  width: 300px;
  text-align: right;
}
.material_item_thumb img,
.popular_motif_item_thumb img,
.purchase_target_item_thumb img{
  width: 280px;
  height: auto;
}
.material_item_list .red_type,
.popular_motif_item_list .red_type,
.purchase_target_item_list .red_type{
  padding-left: 20px;
  margin-bottom: 40px;
}
.silver_accessories .material_item + .post_cv,
.silver_accessories .popular_motif_item + .post_cv,
.silver_accessories .purchase_target_item + .post_cv{
  margin-bottom: 80px;
}
.material_item_list_txt{
  color: #333;
}



.post_cv_in.cf {
  text-align: center;
}
.post_cv_item {
    float: none;
}

button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
}

.name-order .list-wrap {
  display: none;
}

/* 新検索画面 */
.link-list--new li a {
  display: block;
  position: relative;
  width: 100px;
  font-size: 18px;
  font-weight: bold;
  background-color: #444444;
  text-decoration: none;
  color: #fff;
  padding: 18px;
  line-height: 18px;
  text-align: center;
}

.link-list--new li a::before {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 4px solid #df4921;
  border-left: 4px solid #df4921;
  left: 20px;
  top: 50%;
  transform: rotate(-45deg);
  box-sizing: border-box;
  margin-top: -8px;
}

.link-list--reverse li a::before {
  transform: rotate(135deg);
  margin-top: -4px;
}

.link-list--new li .page-link--other {
  font-size: 14px;
}

.brand-list-wrap-new .title {
  color: #444;
  font-size: 46px;
  line-height: 1;
  text-decoration: none;
  font-weight: bold;
}
.brand-list-wrap-odd {
  background-color: #fff;
}
.brand-list-wrap-even {
  background-color: #eee;
}

.brand-list-wrap-new#other .wrap {
  background-image: none !important;
}