body {
    background-color: #FFFFFF;
    background-image: none;
    color: #444444;
    -webkit-font-smoothing: antialiased;
  }
  
  a {
    color: #444444;
  }
  a:visited {
    color: #5C5C5C;
    text-decoration: none;
  }
  
  a:link { 
      color:#444444; 
      text-decoration:none;
  }
  a:hover {
    color: #b0b0b0;
    /* text-decoration:underline; */
  }
  
  a:active { 
      color:#444444; 
      text-decoration:none; 
  }
  
  a:hover img {
      transition: 0.8s ;
      }
  a:hover img {
    opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
  
  .btn {
    border-radius: 0;
  }
  
  ul, ol, form, p {
    margin: 0;
  }
  
  /*
   * layout
   */
  .container {
    width: 1000px;
    margin: 0 auto;
  }
  
  /* header */
  .promo__seciton {
    background-color: #F2F2F2;
    width: 100%;
    min-height: 40px;
  }
  
  .promo {
    background: #F2F2F2;
  }
  
  .promo__text {
    font-size:11px;
    font-weight:100;
    color: #333333;
    text-align: center;
    padding: 11px 0;
    letter-spacing: 1px;
    background: #F2F2F2;
  }
  
  #header {
      margin: 0;
      padding-bottom: 5px;
      border-bottom: solid 1px #f1cfc6; 
      width:100%;
  }
  .header__section {
    text-align: center;
  }
  .header__section .container{
      margin-bottom: 0;
  }
  
  .header-search {
    position: relative;
    float: left;
    margin-top: 25px;
    width: 310px;
  }
  .header-search i {
    position: absolute;
    top: 15px;
    left: 25px;
  }
  
  .header-search__box {
    min-width: 230px;
    padding: 10px 10px 10px 50px;
    background: none;
    border: 1px solid #f1cfc6;
    border-radius: 3px;
    color: #333;
  }
  .header-search__box:focus {
    padding: 10px 10px 10px 50px;
    background: #fff;
    /*border: 1px solid #e5e5e5;*/
    border: 1px solid #f1cfc6;
  }
  
  .footer-search {
    position: relative;
    margin: 20px auto;
    width: 60%;
  }
  .footer-search i {
    position: absolute;
    top: 16px;
    left: 15px;
  }
  .footer-search__box {
    width: 100%;
    padding: 15px 11px 17px 51px;
    /* background: none;
    border: none; */
    background: #fff;
    /*border: 1px solid #e5e5e5;*/
    border: 1px solid #f1cfc6;
    border-radius: 3px;
    color: #333;
  }
  .footer-search__box:focus {
    padding: 15px 11px 17px 51px;
    background: #fff;
    border: 1px solid #e5e5e5;
  }
  
  
  .header-tools {
    float: right;
    margin: 25px 0 0;
    width: 465px;
    text-align: right;
  }
  
  .header-tools__unit {
    display: inline;
    margin-left: 45px;
    line-height: 1.4;
  }
  
  .header-tools__unit-cart {
    margin-left: 21px;
  }
  
  .header-tools__btn {
    position: relative;
    padding: 7px 15px 7px 34px;
    font-size: 12px;
  }
  .header-tools__btn i {
    position: absolute;
    top: 9px;
    left: 6px;
    font-size: 14px;
  }
  
  .header-tools__count {
    padding: 0 2px;
    font-size: 14px;
  }
  
  .header-tools__unit-cart a {
    color: #FFFFFF;
    text-decoration: none;
  }
  .header-tools__unit-cart a:visited {
    color: #FFFFFF;
    text-decoration: none;
  }
  
  .header-tools__unit-cart a:link { 
      color:#FFFFFF; 
      text-decoration:none;
  }
  .header-tools__unit-cart a:hover {
    color: #FFFFFF;
    text-decoration:underline;
  }
  .header-tools__unit-cart a:active { 
      color:#FFFFFF; 
      text-decoration:none; 
  }
  
  .header__logo-img {
    margin: 90px 0;
  }
  
  .header__logo {
    margin: 20px auto;
  }
  
  .header-gnavi {
    /* width:100%; */
    margin: 5px auto 0;
    list-style-type: none;
    position: relative;
    text-align:left;
  }
  
  .header-gnavi__unit {
    font: size 14px;
    display: inline;
    border-left: solid 1px #f1cfc6;
    padding-left:2px;
  }
  
  .header-gnavi__unit:last-child{
      border-right: solid 1px #f1cfc6;
  }
  
  .header-gnavi__link {
    padding: 15px 5px 15px 15px;
   font-weight:bold;
  }
  
  .header-gnavi__link--menu {
    position: relative;
    border: 1px solid #f1cfc6;
    border-bottom: none;
    padding: 14px 29px 15px;
    background: #fff;
    z-index: 55;
  }
  
  .mega-navi {
    display: none;
    list-style-type: none;
    border: 1px solid #f1cfc6;
    width: 920px;
    position: absolute;
    top: 32px;
    left: 0;
    padding: 39px;
    background: #fff;
    z-index: 50;
    text-align: left;
   filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity:0.9;
  }
  
  .mega-navi__unit {
    padding: 10px 5px;
    text-align: left;
    width: 31%;
    display: inline-block;
    vertical-align: top;
  }
  
  .mega-navi__link {
    display: block;
    width: 100%;
  }
  
  /* slider */
  #slider div {
  
   width: 100%; 
    height: auto;
  }
  
  .slider {
    width: 100%;
  }
  
  /*.slider img {
      width:100%;
      height:auto;
  }
  */
  .slider .bx-wrapper {
    z-index: 0;
    margin-bottom: 0;
  }
  .slider .bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    left: 0 !important;
    border: none !important;
  }
  .slider .bx-wrapper .bx-caption {
    background: #000;
    background: rgba(0, 0, 0, 0.6);
  }
  .slider .bx-wrapper .bx-caption span {
    font-size: 18px;
    padding: 30px;
  }
  .slider .bx-wrapper .bx-pager {
    padding-top: 20px !important;
    bottom: -30px !important;
  }
  
  
  /* main */
  .main__section {
    /*  border-top: 1px solid #CCCCCC; */
    /*border-bottom: 1px solid #f1cfc6; */
    /* margin-bottom: 60px;*/
    padding: 60px 0 0;
    overflow: hidden;
  }
  
  .main__section--product {
    padding: 20px 0 60px;
  }
  
  /* sidebar */
  .sidebar__section {
    float: left;
    /* width: 270px;
    margin-right: 60px; */
    width: 0px;
    margin-right: 0px;
    display: none; /* sidebar 表示ナシに設定 */
  }
  
  .menu__section {
    margin-bottom: 60px;
  }
  
  .more-prd span {
    cursor: pointer;
  }
  
  /* breadcrumb.sort */
  .breadcrumb__section {
    padding-bottom: 10px;
  }
  
  .breadcrumb-list__unit {
    background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
  }
  
  .sort__section {
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .sort--sub-layer {
    min-width: 200px;
    width: 100%;
  }
  
  /* contents */
  
  .contents__section {
    /* float: right;
    width: 970px;*/
    width: 1000px;
    margin-top: 120px;
    margin-bottom: 40px;
  }
  
  .info__section, .recommend__section, .seller__section, .together__section, .product-list__section, .free-space__section, .product__image, .delivery__section, .payment__section, .cancel__section {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  
  .product-list__section {
    position: relative;
  }
  
  .free-space__section {
    background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
  }
  
  .recommend-list, .seller-list, .together-list .contents {
    margin-top: 40px;
  }
  
  .sub-list {
    padding-bottom: 60px;
    font-size: 0;
  }
  
  .sub-list__unit {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 20px;
    width: 32.3%;
    font-size: 14px;
  }
  
  .sub-list__img {
    padding-bottom: 10px;
  }
  
  .sub-list__link {
    display: block;
  }
  
  .sub-list__name {
    display: block;
  }
  
  .product-list__freespace-top {
    padding-bottom: 60px;
    background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
  }
  
  .product-list__freespace-bottom {
    padding-top: 60px;
    background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
  }
  
  /* information */
  .info {
    margin-top: 20px;
  }
  
  .info-list {
    list-style-type: none;
  }
  
  .info-list__unit {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: dotted 1px #CCCCCC;
  
  }
  
  .info-list__date {
    display: block;
    padding-bottom: 10px;
    font-weight: bold;
  }
  
  /* history */
  .history__section {
    clear: both;
    border-top: 1px solid #f1cfc6;
    padding-top: 40px;
  }
  
  /* footer */
  .footer__section {
  width: 100%;
  background-color: #F2F2F2;
  border-bottom: 1px solid #CCCCCC;
  }
  
  .footer__guide {
    padding-bottom: 30px;
    margin-bottom: 60px;
    border-bottom: 1px solid #DDDDDD;
  }
  
  .guide__col {
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
  }
  
  .guide__col--one-third {
    width: 307px;
  }
  
  .guide__col--half {
    width: 460px;
  }
  
  .guide__h2 {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 16px;
  }
  
  .guide__list {
    margin: 0;
  }
  
  .guide li {
   list-style-type: none;
   padding-bottom: 10px;
   margin-left: 10px;
  
  
  }
  
  .guide li:last-child {
   padding-bottom: 20px;
  }
  
  .guide__name {
    padding-bottom: 10px;
    font-weight: 700;
  }
  
  .guide__other {
    margin: 0;
    padding-bottom: 30px;
    color: #666666;
  }
  
  .itemlist li {
   list-style-type: none;
   padding-bottom: 5px;
   margin-left: 7px;
   text-align: left;
   width: 47%;
   display: inline-block;
   vertical-align: top;
  }
  
  .itemlist li:last-child {
   padding-bottom: 20px;
  }
  
  .footer__navi {
    margin-bottom: 40px;
  }
  
  .footer__navi .map{
    background-color: #FFFFFF;
      border: solid 1px #444444; 
      border-radius: 3px; 
      padding:0 5px; 
      margin-left:5px; 
      vertical-align: middle;
  }
  .footer__navi .bg-w{
      width: 100% ;
      background-color: #FFFFFF; 
      border:solid 1px #444444; 
      vertical-align: middle; 
      padding: 0 20px;
  }
  
  
  .shop-owner {
    overflow: hidden;
  }
  
  .shop-owner__img {
    float: left;
    width: 200px;
    margin-right: 20px;
  }
  
  .shop-owner__info {
    float: left;
    width: 290px;
  }
  
  .shop-owner__name {
    margin-bottom: 16px;
    font-weight: bold;
  }
  
  .shop-owner__memo {
    line-height: 1.8;
  }
  
  .sns-list {
    list-style-type: none;
    /* padding-bottom: 60px; */
  }
  
  .sns-list__unit {
    display: table-cell;
    padding-right: 5px;
  }
  
  .footer-navi__col {
      width: 33%;
  }
  
  .footer-navi__col li{
    list-style-type: none;
    line-height: 2.0;
    margin-bottom: 10px;
    margin-left: 1.5em;
  }
  
  .footer-navi__col img{
      max-width: 100%;
      margin-bottom: 10px;
  }
  
  .pagetop__btn {
    display: block;
    padding: 18px 0;
    width: 100%;
    max-width: 50px;
    float: right;
  }
  
  /* copyright */
  .copyright__section {
    padding: 20px 0;
    font-size: 10px;
  }
  
  .copyright {
    margin: 0 0 10px;
      text-align: center;
  }
  
  .copyright__img {
    width: 200px;
    height: 18px;
    margin: 0 0 5px 5px;
  }
  
  /* menu-list */
  .menu-list {
    margin: 10px 0 0;
    list-style-type: none;
  }
  
  .menu-list--more-prd {
    margin: 10px 0 20px;
  }
  
  .menu-list__link {
    display: table;
    padding: 10px 0;
    width: 100%;
  }
  
  .menu-list__text {
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle;
    width: 90%;
  }
  
  .menu-list__icon {
    display: table-cell;
    vertical-align: middle;
    width: 10%;
    text-align: right;
  }
  
  .category-list__unit {
    position: relative;
  }
  
  /* calender */
  .cal {
    margin: 20px 0 60px;
    text-align: center;
  }
  
  .tbl_calendar {
    margin-bottom: 20px;
    width: 100%;
  }
  .tbl_calendar caption {
    text-align: center;
    padding: 6px 0;
  }
  .tbl_calendar th {
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
  }
  .tbl_calendar td {
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
  }
  
  /* qrcode */
  .qrcode {
    margin: 20px 0 60px;
    text-align: center;
  }
  
  /* product-list */
  .product-list {
    list-style-type: none;
    font-size: 0;
  }
  
  .product-list__unit {
    display: inline-block;
    font-size: 14px;
    margin: 0 5px 40px;
    vertical-align: top;
    position: relative;
    text-align: center;
  }
  
  .product-list__unit-sm {
    width: 90px;
  }
  .product-list__unit-sm .product-list__image{
    width:90px;
    height:90px;
  }
  .product-list__unit-md {
    width: 115px;
  }
  .product-list__unit-md .product-list__image{
    width:110px;
    /* height:145px; */
  }
  
  .product-list__unit-lg {
    width: 190px;
  }
  
  .product-list__unit-lg .product-list__image{
    width:190px;
    /* height:190px; */
  }
  
  .product-list__unit--sidebar {
    display: block;
    margin: 0 0 20px;
  }
  
  .product-list__image:hover {
    opacity: 0.8;
  }
  
  .product-list__image--sm {
    max-width: 90px;
  }
  
  .product-list__text {
    display: block;
  }
  
  .product-list__name {
    /* font-weight: bold; */
    margin-top: 18px;
    text-align: left;
  }
  
  .product-list__name--sidebar {
    margin-top: 0;
    margin-left: 10px;
  }
  
  .product-list__expl {
    margin-top: 20px;
    text-align: left;
  }
  
  .product-list__prices {
    margin-top: 10px;
    text-align: left;
  }
  
  .product-list__prices--sidebar {
    margin-left: 10px;
  }
  
  .product-list__price-regular {
    text-decoration: line-through;
  }
  
  .product-list__price-soldout {
    color: #ff0000;
  }
  
  .product-list__discount-rate {
    color: #ff0000;
  }
  
  .rank-box {
    position: absolute;
    top: 20px;
    left: 10px;
    z-index: 5;
  }
  
  .rank-box--sidebar {
    top: 10px;
  }
  
  /* ランキングの順位表示部分 */
  .rank-number {       
    padding: 8px 0 0;
    background: #fff;
    color: #000;
    font-weight: bold;
    border-radius: 50%;
    width: 40px;
    height: 32px;
    display: block;
    text-align: center;
  }
  
  .rank-number--sidebar {
    padding: 4px 0 0;
    width: 22px;
    height: 18px;
  }
  
  /* ランキング1-3位の背景色指定　*/
  .rank-number-color--1 {
      background: #d9a300;
  }
  
  /* ランキング星型(5点) 
  .rank-number-color--1{
     background: #d9a300;
     position: relative;
  　 display: block;
     width: 0px;
     height: 0px;
     border-right:  25px solid transparent;
     border-bottom: 18px  solid #d9a300;
     border-left:   25px solid transparent;
     -moz-transform:    rotate(35deg);
     -webkit-transform: rotate(35deg);
     -ms-transform:     rotate(35deg);
     -o-transform:      rotate(35deg);
  }
  
  .rank-number-color--1:before {
     border-bottom: 20px solid #d9a300;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     position: absolute;
     height: 0;
     width: 0;
     top: -11px;
     left: -16px;
     display: block;
     content: '';
     -webkit-transform: rotate(-35deg);
     -moz-transform:    rotate(-35deg);
     -ms-transform:     rotate(-35deg);
     -o-transform:      rotate(-35deg);
  }
  .rank-number-color--1:after {
     position: absolute;
     display: block;
     color: #d9a300;
     top: 1px;
     left: -26px;
     width: 0px;
     height: 0px;
     border-right: 25px solid transparent;
     border-bottom: 18px solid #d9a300;
     border-left: 25px solid transparent;
     -webkit-transform: rotate(-70deg);
     -moz-transform:    rotate(-70deg);
     -ms-transform:     rotate(-70deg);
     -o-transform:      rotate(-70deg);
     content: '';
  }
  */
  
  /* 
  .rank-number-color--2 {
    background: #cbcbcb;
  }
  
  .rank-number-color--3 {
    background: #d9a300;
  }
  */
  
  /* pagenation */
  .pagenation {
    position: relative;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
  }
  .pagenation .disabled {
    color: #ccc;
  }
  
  .pagenation-prev {
    position: absolute;
    left: 0;
  }
  
  .pagenation-pos {
    line-height: 0.8;
  }
  .pagenation-pos__number {
    margin: 0 5px;
    font-size: 22px;
  }
  
  .pagenation-next {
    position: absolute;
    right: 0;
  }
  
  /* product */
  .product__section {	
    margin-bottom: 60px;
  }
  .product__section h2 {
    border-bottom: none;
    font-size: 20px;
      font-weight: normal;
  }
  
  .product__explain {
    padding: 40px 0;
    background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
    border-top:solid 1px #DDDDDD;
    width:670px; 
    margin: 0; 
  }
  
  .product__model {
    color: #666666;
  }
  
  .product__image-main {
    text-align: center;
  }
  
  .product__image-thumb{
      width: 375px;
  }
  
  .product__image-thumb ul li {
    cursor: pointer;
    margin-bottom: 20px;
    padding: 0 5px;
  }
  
  .image__thumb {
    padding: 2px;
    border: 2px solid #fff;
  }
  
  .image__thumb--active {
    border: 2px solid #DDDDDD;
  }
  
  .product__guide {
    padding: 0 0 20px;
  }
  
  .product__price-part {
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: solid 1px #CCCCCC;
  }
  
  .product__price-regular {
    padding-bottom: 5px;
  }
  
  .product__price-establish {
    padding-bottom: 5px;
    color: #666666;
  }
  
  .product__discount {
    color: #ff0000;
  }
  
  .product__stock-str {
    padding-top: 30px;
    font-size: 18px;
  }
  
  .product__related-list__link {
    display: block;
    padding: 5px 0;
  }
  .product__related-list__link span {
    padding-left: 15px;
  }
  
  .product__order {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 20px 0 20px;
  }
  
  .option-list__name, .init-list__name, .text-titles-list__name {
    padding-bottom: 5px;
    font-weight: normal;
  }
  
  .option-list__detail, .init-list__detail, .text-titles-list__detail {
    margin: 0;
  }
  
  
  .option-list__select {
    height: 50px;
    border: 2px solid #DDDDDD;
  }
  
  .text-titles-list__detail-text {
    height: 50px;
    border: 2px solid #DDDDDD;
  }
  
  .init-list__detail-num {
   /* width: 200px;*/
    width: 38px;
    height: 38px;
    border: 2px solid #DDDDDD;
    display: inline-block;
  }
  
  .init-list__detail-updw {
    margin: 0;
    padding-left: 10px;
    vertical-align: middle;
    display: inline-block;
  }
  
  .init-list__detail-unit {
    padding-left: 10px;
  }
  
  .order-btn-list {
    margin: 0;
    padding-top: 30px;
  }
  
  .stock_error {
    text-align: center;
    color: #cf0400;
  }
  
  .option-table {
    /*margin: 40px 0;*/
    margin: 5px 0;
  }
  .option-table table {
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
  }
  .option-table table th, .option-table table td {
    /*padding: 11px 7px;*/
    padding: 5px 2px;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
  }
  .option-table table th {
    text-align: center;
  }
  .option-table table td {
    vertical-align: top;
    text-align: center;
  }
  
  .related-list {
    text-align: right;
    padding-right: 15px;
  }
  
  .related-list__unit {
    display: inline-block;
  }
  
  /* option detail */
  .option-detail__section {
    padding: 20px;
    text-align: center;
  }
  
  .option-detail__table th {
    text-align: center;
  }
  .option-detail__table td {
    text-align: center;
  }
  
  .option-detail__price--regular {
    text-decoration: line-through;
  }
  
  .option-detail__discount {
    color: #ff0000;
  }
  
  /* privacy.shopkeeper */
  .shop-info__lead {
    margin: 40px 0 20px;
  
    line-height: 1.8;
  }
  
  .shop-info-list__title {
    padding: 20px 0 5px;
  }
  .shop-info-list__title:first-child {
    padding: 0 0 5px;
  }
  
  .shop-info-list__note {
    margin: 0;
    line-height: 1.8;
  }
  
  /*
   * Module
   */
  .section__title-h2 {
    margin: 0;
    padding: 10px 0;
    border-bottom: 3px solid #f1cfc6;
    font-size: 16px;
    /*background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;*/
    text-align: center;
  }
  
  .btn-primary {
    /*background: #333333;
    border: 1px solid #333;
    color: #fff;*/
    background: #f1cfc6;
    border: 1px solid #f1cfc6;
    color: #fff;
  }
  
  .btn-primary:hover {
    /*background: #333333;*/
    background:#f1cfc6;
    color: #fff;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    zoom: 1;
  }
  
  .btn-secondary {
    background: #48A3FF;
    border: 1px solid #48A3FF;
    color: #fff;
  }
  .btn-secondary:hover {
    background: #48A3FF;
    color: #fff;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    zoom: 1;
  }
  
  .btn-tertiary {
    background: #cf0400;
    border: 1px solid #cf0400;
    color: #fff;
  }
  .btn-tertiary:hover {
    background: #cf0400;
    color: #fff;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    zoom: 1;
  }
  
  .btn__addcart, .btn__quick, .btn__soldout {
    padding: 20px 0 22px 0;
   border-radius: 30px;
  }
  .btn__addcart i, .btn__quick i, .btn__soldout i {
    margin-right: 10px;
  }
  .btn__addcart span, .btn__quick span, .btn__soldout span {
    vertical-align: middle;
  }
  
  .btn__soldout.disabled,
  .btn__soldout[disabled] {
    background-color: #cf0400;
    color: #fff;
  }
  
  .txt--sm {
    font-size: 10px;
  }
  
  .txt--md {
    font-size: 12px;
  }
  
  .txt--lg {
    font-size: 16px;
  }
  
  .txt--c {
    text-align: center;
  }
  
  .txt--r {
    text-align: right;
  }
  
  .txt--red {
    color: #ff0000;
  }
  
  .txt--gray {
    color: #999;
  }
  
  .border--none {
    border: none;
  }
  
  .mar-t--20 {
    margin-top: 20px;
  }
  
  .mar-b--20 {
    margin-bottom: 20px;
  }
  
  .mar-b--60 {
    margin-bottom: 60px;
  }
  
  .width--110 {
    width: 110px;
  }
  
  .width--160 {
    width: 160px;
  }
  
  .hide {
    display: none;
  }
  
  /* textarea input */
  textarea,
  input[type="text"],
  
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
    outline: none;
  }
  
  /* slider */
  #slider-area .slider {
      padding-top: 25px;
      width:65%;
      margin: 10px auto ;
  }
    #slider-area .slider img {
      width:100%;
      height:auto;
  }
  /* slider end */
  
  
  /* pagetop */
  .pagetop {
      display: none;
      position: fixed;
      bottom: 80px;
      right: 30px;
  }
  .pagetop a {
      display: block;
      text-align: center;
      color: #222;
      font-size: 12px;
      text-decoration: none;
      padding: 5px 10px;
      filter:alpha(opacity=80);
      -moz-opacity: 0.8;
      opacity: 0.8;
  }
  
  .pagetop a:hover {
      display: block;
      text-align: center;
      color: #fff;
      font-size: 12px;
      text-decoration: none;
      padding:5px 10px;
      filter:alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5;
  }
  
  .pagetop img {
      width: 50px;
      height: 50px;    
      filter:alpha(opacity=80);
      -moz-opacity: 0.8;
      opacity: 0.8;
  }
  /* pagetop end */
  
  .search_btn {
      position: absolute;
    right:20px;
    top: 6px;  
      height: 30px;
      padding: 2px 3px;
      background-color: #f1cfc6;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#f1cfc6),to(#f1cfc6));
      color: #6f5932;
      border:1px solid #f1cfc6;
      width: auto;
      -webkit-appearance: none;
  }
  
  
  
  /*　20180224　*/
  
  #header
  {
      position: fixed;            /* ヘッダーの固定 */
      top: 0px;                   /* 位置(上0px) */
      left: 0px;                  /* 位置(右0px) */
      width: 100%;                /* 横幅100%　*/
      height: 120px;              /* 縦幅175px */
      z-index: 999;
      background-color: #FFFFFF;
  }
  
  #slider-area{ 
  margin-top: 101px;
  }
  
  
  .mincho {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;	
  }
  
  .sawarabi {
        font-family: "Sawarabi Mincho";
  }
  
  /**　20180224　**/
  
  /* youtube */
  .youtube{
    position:relative;
    width:100%;
    padding-top:56.25%;
  }
  .youtube iframe{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
  }
  /** youtube **/
  
  /*フリーページ*/
  #freepage{
      margin: 100px auto 0;
  }
  .adjust{
      margin-top: -100px;
      padding-top: 140px;
  }
  /*フリーページ*/
  
 
  /* 矢印とページネーションの色 */
  .swiper-button-next, .swiper-button-prev {
    --swiper-navigation-color: #eee; /* 矢印の色 */
  }
  .swiper-pagination-bullet-active {
    --swiper-pagination-color: #000; /* ページネーション、アクティブの色 */
  }
  
  
  <script>
  const swiper = new Swiper('.swiper', {
    // Optional parameters
    direction: 'horizontal',
    loop: true,
    slidesPerView: 1, // 左右なし
    breakpoints: {
      // 800px以上
      800: {
        centeredSlides: true, // 中央を大きく  
        slidesPerView: 1.5, // 0.25ずつ左右に
        spaceBetween: 10,
      },
    },
    autoplay: {
     delay: 5000, //5000ミリ秒停止
     pauseOnMouseEnter: true,
    },  
    // If we need pagination
    pagination: {
      el: ".swiper-pagination",
    },
    // Navigation arrows
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    }, 
  });
  </script>