@charset "utf-8";
/* CSS Document */
/* MODAL WINDOW WIDTH */

/*
  01-COMMON
  02-WEBFONT
  03-PAGE BEFORE LOADING (WHITE BG)
  04-04-CHANGING PC ←→ SP
  05-HEADER (LOGO...)
  06A-TOP MENU
  06B-TOP MENU (FIXED)
  06C-TOP MENU (SP)
  07-MAIN CONTENTS
  08-BREADCRUMBS
  09-FOOT INFORMATION
  10-FOOT BANNER
  11-FOOTER
  11A-FOOTER MENU
  11B-FOOTER LOGO
  11C-FOOTER SNS
  11D-FOOTER COPYRIGHT
  12-SEARCH FORM (TOP MENU - MODAL WINDOW)
*/


/***************************************************************
* 01-COMMON (TAG)
***************************************************************/
* {
    word-wrap:break-word;
    background-repeat:no-repeat;
    overflow-wrap:break-word
   }
   html {
			font-family:-apple-system,BlinkMacSystemFont,'Times New Roman',serif;
      font-size:62.5%;
   }
   body {
    line-height:1;
    overflow:visible;
    overflow-x:hidden;
    -ms-overflow-x:hidden;
    font-size:1.6rem;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-text-size-adjust:100%;
     letter-spacing: 0.05em;
     line-height: 1.75;
     height: 100vh;
   }
   .swal-button{
       background-color:#763f49!important;
       color: #fff!important;
   }
   .swal-footer{
       text-align:center;
   }
   @media screen and (max-width:768px) {
     body {
     line-height: 1.5;
     }
   }
   
   /* TEXT LINK */
   body, body a {
       color: #3d3025;
   }
   body a,
   body a:hover,
   body a:visited {
    text-decoration:none
   }
   a {
    transition:.2s ease-in-out;
   }
   a:hover {
    opacity:	0.5;
   }
   
   /* IMG HOVER */
   a:hover img {
       opacity: 0.8;
       filter: alpha(opacity=80);
       -ms-filter: "alpha( opacity=80 )";
   }
   input {
       font-family: inherit;
   }
   input::placeholder {
     color: #B2B2B2;
   }
   input:placeholder-shown {
     color: #B2B2B2;
   }
   /* Google Chrome, Safari, Opera 15+, Android, iOS */
   ::-webkit-input-placeholder {
     color: #B2B2B2;
   }
   
   /* IE */
   input:-ms-input-placeholder {
     color: #B2B2B2;
   }
   /* Edge */
   input::-ms-input-placeholder {
     color: #B2B2B2;
   }
   /* button HOVER */
   button {
       transition: background-color 1s;
   }
   
   button:hover {
    opacity:	0.5;
   }
   
   
   /***************************************************************
   * 02-WEBFONT
   ***************************************************************/
   /*@font-face {
       font-family: 'Sawarabi Gothic';
       src:  url('../font/SawarabiGothic-Regular.woff') format('woff');
       font-display: swap;
   }
   @font-face {
       font-family: 'Sawarabi Mincho';
       src:  url('../font/SawarabiMincho-Regular.woff') format('woff');
       font-display: swap;
   }*/
   /*
   @font-face {
	font-family:"Noto Serif JP";
	font-weight:400;
	src:local("Noto Serif JP Regular"),
	url("../fonts/NotoSerifJP-Regular.woff") format("woff");
	font-display: swap;
    }
    @font-face {
	font-family:"Noto Serif JP Bold";
	font-weight:700;
	src:local("Noto Serif JP Regular"),
	url("../fonts/NotoSerifJP-Bold.woff") format("woff");
	font-display: swap;
    }
    */

   
   
   /***************************************************************
   * 03-PAGE BEFORE LOADING (WHITE BG)
   ***************************************************************/
   .white_wrapper {
       display:block;
       position:fixed;
       width:100%;
       height:100%;
       background-color:#FFFFFF;
       top:0;
       z-index:999;
   }
   
   
   /***************************************************************
   * 04-CHANGING PC ←→ SP
   ***************************************************************/
   .pc-menu {
   }
   .sp-menu {
       display:none;
   }
   @media screen and (max-width:1049px) {
       .pc-menu {
           display:none;
       }
       .sp-menu {
           display:block;
       }
   }
   
   /***************************************************************
   * 05-HEADER (LOGO...)
   ***************************************************************/
   .global-header__wrapper {
   }
   .global-header {
   }
   .global-header_top__container {
       padding-top:20px;
       display: -webkit-flex;
       display: flex;
       -webkit-justify-content: space-between;
       justify-content:space-between;
     line-height: 1;
   }
   /* LOGO */
   .top-logo {
       margin-left:20px;
   }
   /* TOP MENU */
   .top-btns {
   
   }
   .top-btns ul {
       display: table;
       width:100%;
       max-width:640px;
   }
   .top-btns li {
       display: table-cell;
       vertical-align: middle;
       font-size:13px;
   }
   .top-btns li:first-child {
       padding-right:20px;
   }
   .top-btns li:nth-child(3),
   .top-btns li:nth-child(4) {
       padding-left:30px;
   }
   
   .top-btns > ul > li.contact_container{
       position:relative;
       display:block;
   }
   
   .contact_bnts{
       position:absolute;
       right: 0;
       display:none;
       background-color:#ffffff;
       /*border: 1px solid #777777;*/
       box-shadow: 0px 0px 2px 1px #dddddd;
       padding: 10px 8px;
       z-index: 100;
       width:310px;
   }
   .contact_bnts p a{
       cursor:pointer;
   }
   .pc-menu-category {
       background:#eeeeee;
       color:#777777;
       line-height: 35px;
   }
   .pc-menu-title__wrapper {
       margin-bottom: 10px;
       margin-top: 10px;
   }
   .pc-menu-title {
       font-size:1.6rem;
       margin-right:20px;
   }
   .pc-menu-text {
       font-size: 1.1rem;
       margin: 15px 0;
   }
   .pc-menu-button {
       text-align:center;
       margin-bottom: 15px;
   }
   .pc-menu-button .menu-button {
       line-height:55px;
       display: table;
       width: 100%;
   }
   .pc-menu-button .menu-button01 {
       background:#6B6952;
       font-size: 1.2rem;
   }
   .pc-menu-button .menu-button02 {
       background:#773F4A;
       font-size: 1.2rem;
   }
   .pc-menu-button .menu-button03 {
       background:#3A4D5E;
       font-size: 1.2rem;
   }
   .pc-menu-button span a {
       display: block;
   }
   .pc-menu-button span a:hover {
       color:#ffffff;
       opacity:5;
   }
   .pc-menu-button span a,
   .pc-menu-button span a:visited {
       color:#ffffff;
   }
   .pc-menu-icon-img {
       width:30px;
       padding-left:12px;
       display:table-cell;
       vertical-align: top;
       text-align: center;
   }
   .pc-menu-icon-text {
       width:312px;
       display:table-cell;
       vertical-align: top;
       text-align: center;
   }
   .pc-menu-icon-img img {
       width:18px;
       padding-right: 8px;
   }
   
   
   .top-btns-text {
       margin-top: 5px;
       display: block;
   }
   .top-btns__item-fav,
   .top-btns__item-cart {
       display: block;
       text-align: center;
   }
   .top-btns__item-fav,.top-btns__item-cart{
       position:relative;
       height:26px;
       margin:auto;
   }
   .cartCounter,.favItemCounter{
       /*display:none;*/
   }
   .top-btns__item-fav span.for_counter,.top-btns__item-cart span.for_counter{
       position:absolute;
       right:8px;
       top:-4px;
       background-color:#af1b07;
       font-size:1rem;
       height:15px;
       width:15px;
       border-radius:50%;
       text-align:center;
       color:#ffffff;
       line-height:17px;
       padding:1px;
   }
   .top-btns-right-wrap {
       display: block;
       background:#773f4a;
       color: #ffffff;
       line-height:48px;
       padding:0 15px;
       margin-left:30px;
       cursor:pointer;
   }
   .top-btns-right-wrap a {
       color: #fff;
       transition:.2s ease-in-out;
       cursor:pointer;
   }
   
   /***************************************************************
   * 06A-TOP MENU
   ***************************************************************/
   /* NAVI */
   .global-header-navi__container {
       width:100%;
       max-width:1050px;
       margin:auto;
   }
   .global-header-navi {
       padding-top: 15px;
   }
   .global-header-navi ul {
       width:100%;
       display: -webkit-flex;
       display: flex;
       -webkit-justify-content: space-between;
       justify-content:space-between;
       height:59px;
   }
   .global-header-navi li {
       font-size:15px;
       line-height:57px;
       font-size: 1.5rem;
   }
   .global-header-navi li:not(:last-child) {
   }
   .global-header-navi li a {
       display: block;
   }
   .global-header-navi li a:hover {
       color:#763f69;
       border-bottom:2px solid #763f69;
       opacity:1;
   }
   .global-header-navi li a,
   .global-header-navi li a:visited {
       color:#3d3025;
   }
   @media screen and (max-width:1080px) {
     .global-header-navi li {
         font-size:14px;
     }
   }
   /* SITE LINKS */
   .global-header-links__container {
       background: #edede5;
   }
   .global-header-links {
       width: 100%;
       max-width: 1050px;
       margin: auto;
       display: flex;
       display: -webkit-box;
       display: -ms-flexbox;
       justify-content: space-between;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
   }
   .global-header-link {
       position: relative;
       flex: 1;
       -webkit-box-flex: 1;
       -ms-flex: 1;
       text-align: center;
       font-size: 1.4rem;
       font-weight: 700;
   }
   .global-header-link a {
       display: block;
       padding: 12px 12px;
   }
   .global-header-link:not(:first-child)::before {
       content: "";
       display: block;
       position: absolute;
       top: 12px;
       bottom: 12px;
       left: 0;
       width: 1px;
       background: #FFF;
   }

  
   /***************************************************************
   * 06B-TOP MENU (FIXED)
   ***************************************************************/
   .fixed-menu {
       width:100%;
       background:#ffffff;
       height:58px;
       clear:both;
       display:none;
       position:fixed;
       top:0;
       z-index:1000;
     -moz-box-shadow: 10px 10px;
     -webkit-box-shadow: 10px 10px;
     -o-box-shadow: 10px 10px;
     -ms-box-shadow: 10px 10px;
     box-shadow: 0 0 3px 0 #777777;
   }
   .fixed-menu-logo {
       padding-left: 20px;
       width: 193px;
       display: table-cell;
       vertical-align: middle;
   }
   .fixed-menu-logo img {
       max-width:173px;
       width:100%;
   }
   .global-header-navi-fixed-menu__container {
   }
   .global-header-navi-fixed-menu {
       width:100%;
       max-width:790px;
       margin:auto;
       float: right;
       display: table-cell;
       vertical-align: middle;
   }
   .global-header-navi-fixed-menu ul {
       width:100%;
       display: -webkit-flex;
       display: flex;
       -webkit-justify-content: space-between;
       justify-content:space-between;
   }
   .global-header-navi-fixed-menu li {
       font-size:13px;
       line-height:56px;
   }
   .global-header-navi-fixed-menu li:not(:last-child) {
   }
   .global-header-navi-fixed-menu li a {
       display: block;
   }
   .global-header-navi-fixed-menu li a,
   .global-header-navi-fixed-menu li a:visited {
       color:#3d3025;
   }
   .global-header-navi-fixed-menu li a:hover {
       color:#763f69;
       border-bottom:2px solid #763f69;
       opacity:1;
   }
   .global-header-navi-fixed-menu li a,
   .global-header-navi-fixed-menu li a:visited {
       color:#3d3025;
   }
   .fixed-menu-button__wrapper {
       display: table-cell;
       text-align: right;
       vertical-align: middle;
     width: 130px;
   }
   .fixed-menu-button {
       display:inline-table;
       margin-right:20px;
       position:relative;
       vertical-align: top;
   }
   .fixed-menu-button span{
   }
   .fixed-menu-button span > .for_counter{
       position:absolute;
       right:-9px;
       top:-4px;
       background-color:#af1b07;
       height:15px;
       width:15px;
       border-radius:50%;
       text-align:center;
       color:#ffffff;
       line-height:15px;
       padding:1px;
   }
   
   .is-fixed {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 5;
     width: 100%;
   }
   @media screen and (max-width:768px) {
   }
   
   /***************************************************************
   * 06C-TOP MENU (SP)
   ***************************************************************/
   .global-header-sp {
       display:-webkit-box;
       display:-ms-flexbox;
       display:flex;
       -webkit-box-pack:justify;
       -ms-flex-pack:justify;
       justify-content:space-between;
   }
   @media screen and (max-width:1049px) {
       .global-header-sp {
           height:60px;
           border-bottom: 1px solid #D0D0D0;
           background:#ffffff;
       }
   }
   .global-header-sp__logo {
       padding:15px;
       max-width:183px;
   }
   .global-header-sp__logo img {
       width:100%;
       max-width:153px;
   }
   .global-header-sp__menu {
       max-width:178px;
   }
   .sp-menu-open {
       background: #773F4A;
   }
   .global-header-sp__menu ul {
   
   }
   .global-header-sp__menu li.sp-menu-list {
       display: table-cell;
       vertical-align: top;
       padding: 8px 0 0 0;
       background: #FFFFFF;
       width: 60px;
       height: 52px;
       text-align: center;
   }
   .sp-menu-open img {
       width: 61px;
       height: 61px;
       margin-top: -8px;
   }
   .sp-btns-text {
       font-size:0.9rem;
       font-family:'Noto Serif JP', -apple-system,BlinkMacSystemFont,'Times New Roman',serif;
       font-weight:700;
   }
   
   .menu-button {
       width: 50px;
       height: 50px;
   }
   .sp-menu {
       overflow: hidden;
       -webkit-overflow-scrolling: touch;
     line-height: 1;
   }
   .sp-menu-close-bottom {
       cursor: pointer;
   }
   .sp-menu-close-bottom {
       padding-bottom: 50px;
   }
   .sp-menu-close-left {
       position: fixed;
       top: 0;
       left: calc(20vw - 40px);
       width: 40px;
       height: 40px;
       z-index: 900;
       -webkit-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0);
       display: flex;
       justify-content: center;
       align-items: center;
       opacity: 0;
   }
   .sp-menu-close-left img {
       width: 20px;
       height: 20px;
   }
   .sp-menu li {
       padding: 0 10px;
       display: block;
   }
   .sp-menu-items__wrapper {
       position: fixed;
       left: 100vw;
       height: calc(100vh + 70px);
       width: 80vw;
       z-index: 900;
       -webkit-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0);
       overflow-y: scroll;
   }
   .overlay {
       position: fixed;
       top: 0;
       left: 0;
       z-index: 899;
       height: 100vh;
       width: 100vw;
       background-color: #000;
       opacity: 0;
   }
   .sp-menu-items {
       background-color: #fff;
       font-size:1.4rem;
       overflow: scroll;
       padding-bottom: 130px;
       position: relative;
   }
   .sp-menu-category {
       background:#eeeeee;
       color:#777777;
       line-height: 35px;
   }
   .sp-menu-item {
       border-bottom:1px solid #dddddd;
       line-height: 54px;
       position: relative;
   }
   .sp-menu-item::after {
       content: "";
       display: block;
       position: absolute;
       background:url('../img/common/ico-arrow-m.png') left top no-repeat;
       width: 10px;
       height: 19px;
       top:18px;
       right: 10px;
   }
   .sp-menu-item a {
       display: block;
   }
   .sp-menu-text {
       font-size: 1.1rem;
       margin: 15px 0;
   }
   .sp-menu-button {
       text-align:center;
       margin-bottom: 15px;
   }
   .sp-menu-button span {
       line-height:55px;
       display: block;
   }
   .sp-menu-button .menu-button01 {
       background:#6B6952;
       font-size: 1.2rem;
   }
   .sp-menu-button .menu-button02 {
       background:#773F4A;
       font-size: 1.2rem;
   }
   .sp-menu-button .menu-button03 {
       background:#3A4D5E;
       font-size: 1.2rem;
   }
   .sp-menu-button span a {
       display: block;
   }
   .sp-menu-button span a:hover {
       color:#ffffff;
       opacity:5;
   }
   .sp-menu-button span a,
   .sp-menu-button span a:visited {
       color:#ffffff;
   }
   .sp-menu-links-2col {
       line-height: 54px;
       float:left;
       width: calc(100% / 2 - 21px);
       border-bottom:1px solid #dddddd;
       position: relative;
   }
   .sp-menu-links-2col:nth-child(odd){
       border-left:1px solid #dddddd;
   }
   .sp-menu-links-1col {
       line-height: 54px;
       clear:left;
       border-bottom:1px solid #dddddd;
       position: relative;
   }
   .sp-menu-links-2col::after,
   .sp-menu-links-1col::after {
       content: "";
       display: block;
       position: absolute;
       background:url('../img/common/ico-arrow-m.png') left top no-repeat;
       width: 10px;
       height: 19px;
       top:18px;
       right: 10px;
   }
   .sp-menu-links-close {
       line-height: 108px;
       text-align:center;
   }
   .sp-menu-links-2col a,
   .sp-menu-links-1col a,
   .sp-menu-links-close a {
       display:block;
   }
   
   @media screen and (max-width:374px) {
       .sp-btns-text {
           font-size:0.7rem;
       }
   }
   
   
   /***************************************************************
   * 07-MAIN CONTENTS
   ***************************************************************/
   .main-content__wrapper {
       width: 100%;
   }
   @media screen and (max-width:1049px) {
       .main-content__wrapper {
           padding-top:60px;
       }
   }
   
   /***************************************************************
   * 08-BREADCRUMBS
   ***************************************************************/
   .breadcrumbs__wrapper {
       width:100%;
       height:40px;
       background:#F4F4F4;
   }
   .breadcrumbs {
       max-width:1050px;
       line-height: 40px;
       margin:auto;
       color:#777777;
       font-size:1.3rem;
   }
   .breadcrumbs ul {
       display:flex;
       -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
   }
   .breadcrumbs li {
       padding-right:20px;
   }
   .breadcrumbs li:not(:last-child) {
       position:relative;
       padding-right:40px;
   }
   .breadcrumbs li:not(:last-child)::after {
       content: "";
       display: block;
       position: absolute;
       background:url('../img/common/breadcrumbs-arrow.png') left top no-repeat;
       width: 9px;
       height: 15px;
       top: 12px;
       right: 15px;
   }
   .breadcrumbs li a,
   .breadcrumbs li a:visited {
       color:#777777;
   }
   @media screen and (min-width:768px) and (max-width:1024px) {
     .breadcrumbs {
           padding:0 20px;
       }
   }
   @media screen and (max-width:768px) {
       .breadcrumbs {
           padding:0 20px;
       }
       .breadcrumbs ul {
           display:block;
           overflow-x: auto;
           overflow-y: hidden;
           -webkit-overflow-scrolling: touch;
           overflow-scrolling: touch;
           overflow: auto;
           white-space: nowrap;
       }
       .breadcrumbs li {
           display:inline;
           padding-right:20px;
           flex: 0 0 40%;
       }
       .breadcrumbs li:not(:last-child)::after {
           background:url('../img/common/breadcrumbs-arrow-sp.png') left top no-repeat;
           width: 7px;
           height: 12px;
           top: 2px;
       }
   }
   
   
   /***************************************************************
   * 09-FOOT INFORMATION
   ***************************************************************/
   .foot-information-content__wrapper {
       width:100%;
   }
   .foot-information {
   
   }
   .foot-information-content {
       width:100%;
   }
   .foot-information-content ul {
       display:flex;
       flex-wrap:wrap;
       width:100%;
   }
   .foot-information-content li {
       border-left: 1px solid #DDDDDD;
       border-top: 1px solid #DDDDDD;
       border-bottom: 1px solid #DDDDDD;
       height:120px;
       position:relative;
       width:33%;
   }
   .foot-information-content li:last-child {
       border-left: 1px solid #DDDDDD;
       border-right: 1px solid #DDDDDD;
       border-top: 1px solid #DDDDDD;
       border-bottom: 1px solid #DDDDDD;
   }
   .foot-information-content li a {
       display: block;
       height: 120px;
   }
   .foot-guide-icon {
       position:absolute;
       top:42px;
       left:20px;
   }
   .foot-guide-icon img {
       width:100%;
       max-width:40px;
   }
   .foot-guide-title {
       padding: 14px 24px 0 75px;
   }
   .foot-guide-notes {
       padding: 10px 18px 0 73px;
       font-size: 1.4rem;
       line-height: 2.4rem;
   }
   @media screen and (max-width:1024px) {
       .foot-information-content ul {
           display:block;
           width:100%;
       }
       .foot-information-content li {
           border-left: 1px solid #DDDDDD;
           border-right: 1px solid #DDDDDD;
           border-top: 1px solid #DDDDDD;
           border-bottom: none;
           height:120px;
           width:100%;
       }
       .foot-information-content li:last-child {
           border-left: 1px solid #DDDDDD;
           border-right: 1px solid #DDDDDD;
           border-top: 1px solid #DDDDDD;
           border-bottom: 1px solid #DDDDDD;
       }
       .foot-guide-icon {
           position:absolute;
           top:32px;
           left:14px;
       }
       .foot-guide-icon img {
           width:100%;
           max-width:37px;
       }
       .foot-guide-title {
           padding: 22px 24px 0 60px;
       }
       .foot-guide-notes {
           padding: 10px 24px 0 60px;
           font-size:1.4rem;
           line-height:2.4rem;
           font-size:1.3rem;
       }
   }
   @media screen and (max-width: 320px) {
       .foot-guide-title {
           padding: 15px 24px 0 60px;
           font-size: 1.4rem;
       }
   }
   
   
   /***************************************************************
   * 11-FOOTER WRAPPER
   ***************************************************************/
   .global-footer__wrapper {
       background:#fff;
   }
   .global-footer__container {
       margin-top: 60px;
       text-align: center;
   }
   .scrolltop {
       bottom: 60px;
       right: 60px;
       position: fixed;
       opacity: 1;
       z-index: 9999;
   }
   @media screen and (max-width:768px) {
       .global-footer__container {
           margin-top: 30px;
           text-align: center;
           width:auto;
           padding:18px;
       }
     .scrolltop {
         bottom: 15px;
         right: 5px;
         position: fixed;
         opacity: 1;
         z-index: 5;
     }
   }
   
   /***************************************************************
   * 11A-FOOTER MENU
   ***************************************************************/
   .footer-menu {
       margin-bottom: 60px;
     line-height: 1;
   }
       .footer-menu ul {
       }
       .footer-menu li {
           display: inline-block;
           color:#3d3025;
           border-right:1px solid #3d3025;
           font-size:1.4rem;
       }
       .footer-menu li a {
           padding: 0 18px;
       }
       .footer-menu li:last-child {
           border-right:none;
       }
   @media screen and (max-width:768px) {
       .footer-menu li {
           display: block;
           width:47%;
           float: left;
           border-right:none;
           text-align:left;
           padding-bottom: 15px;
       }
       .footer-menu li:nth-child(even){
           padding-left: 15px;
       }
       .footer-menu li a {
           padding:0;
       }
   }
   
   /***************************************************************
   * 11B-FOOTER LOGO
   ***************************************************************/
   .footer-logo {
       margin-bottom:30px;
       text-align:center;
       clear: both;
   }
   @media screen and (max-width:768px) {
   
   }
   
   /***************************************************************
   * 11C-FOOTER SNS
   ***************************************************************/
   .sns-items {
       width:100%;
       max-width:200px;
       margin:auto;
   }
       .sns-items ul {
           display: -webkit-flex;
           display: flex;
           -webkit-justify-content: space-between;
           justify-content: space-between;
       }
       .sns-items li {
       }
       .sns-items img {
           width:50%;
       }
   @media screen and (max-width:768px) {
       .sns-items {
           width:100%;
           max-width:270px;
           margin:auto;
       }
       .sns-items img {
           width: 68%;
       }
   }
   
   
   /***************************************************************
   * 11D-FOOTER COPYRIGHT
   ***************************************************************/
   .global-footer-copyright {
       margin-top:60px;
       width:100%;
       background: #3d3025;
       text-align:center;
       line-height: 50px;
   }
   .global-footer-copyright p {
       color: #fff;
       font-size:1.4rem;
   }
   .global-footer-copyright p a {
       color: #fff;
       transition:.2s ease-in-out;
   }
   .global-footer-copyright p a,
   .global-footer-copyright p a a:hover,
   .global-footer-copyright p a a:visited {
    text-decoration:none;
   }
   .global-footer-copyright p a:hover {
    opacity:	0.5;
   }
   
   @media screen and (max-width:768px) {
       .global-footer-copyright {
           margin-top:0px;
       }
   }
   
   /***************************************************************
   * 12-SEARCH FORM (TOP MENU - MODAL WINDOW)
   ***************************************************************/
   input[type=radio], input[type=checkbox] {
       display:none;
   }
   .topSearch{
       padding:30px 40px;
       box-sizing: border-box;
   }
   .topSearch-tsformWrapper{
   
   }
   .tsform-title{
   
   }
   .kurotome_rank{
       display:none;
   }
   .tsform-title > span{
       font-size:1.1rem;
       background-color:#b5190c;
       padding:3px 7px;
       margin-left:15px;
       color:#ffffff;
       border-radius:2px;
       margin-top:-35px;
       display:inline-block;
   }
   .tsform-tscontentContainer{
       margin-bottom:40px;
       font-family:'Noto Serif JP', -apple-system,BlinkMacSystemFont,'Times New Roman',serif;
       font-weight:400;
   }
   .tscontent-kimonoType,.tscontent-sale{
       display:table;
       width:100%;
       border-collapse:collapse;
   }
   .tscontent-kimonoType > li,.tscontent-sale > li{
       width:50%;
       display:table-cell;
       text-align:center;
       height:50px;
       border:1px #dddddd solid;
       line-height:50px;
       cursor:pointer;
       font-family:'Noto Serif JP', -apple-system,BlinkMacSystemFont,'Times New Roman',serif;
       font-weight:400;
   }
   .tscontent-kimonoType > li.is_activated,.tscontent-sale > li.is_activated{
       background-color:#3d3025;
       color:#ffffff;
   }
   .tscontent-area{
   
   }
   .tscontent-input.area > select{
       height:50px;
       max-width:330px;
       width:100%;
       padding-left:35px;
       box-sizing: border-box;
       background-image:url('/tomesode/public/pages/img/common/ico-calendar.png'),url('/tomesode/public/pages/img/common/ico-arrow-bottom.png');
       background-size: 20px,16px;
       background-position-y : 50%,50%;
       background-position-x : 10px,300px;
       border:1px solid #dddddd;
       color:#000000;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
   }
   .tscontent-input > select{
       height:50px;
       max-width:330px;
       width:100%;
       padding-left:7px;
       box-sizing: border-box;
       background-image:url('/tomesode/public/pages/img/common/ico-arrow-bottom.png');
       background-size: 16px;
       background-position-y : 50%;
       background-position-x : 300px;
       border:1px solid #dddddd;
       color:#000000;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
   }
   .tscontent-input.itemid{
       max-width:330px;
       width:100%;
       border:1px #dddddd solid;
       overflow:hidden;
   }
   .tscontent-input.itemid > span{
       display:inline-block;
   }
   .tscontent-input.itemid > span.itemNameInput{
       width:75%;
       float:left;
       height:50px;
   }
   
   .tscontent-input.itemid > span.itemNameBtn{
       width:23%;
       background-color:#763f49;
       float:right;
       height:50px;
       color:#FFFFFF;
       line-height:50px;
       text-align:center;
       cursor:pointer;
   }
   
   .tscontent-input.itemid > span > input{
       border:none;
       width:100%;
       height:50px;
   }
   
   
   
   .tscontent-checkbox{
       width:100%;
       overflow:hidden;
   }
   .tscontent-checkbox > li{
       box-sizing: border-box;
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       max-width:300px;
       width:100%;
       height:50px;
   /*	border:1px #dddddd solid;
   */	margin-bottom:10px;
   }
   .tscontent-checkbox > li:nth-child(odd){
       float:left;
   }
   .tscontent-checkbox > li:nth-child(even){
       float:right;
   }
   
   
   
   .tscontent-checkbox.price > li{
       line-height:50px;
   }
   
   
   
   .tscontent-checkbox.rank > li{
   
   }
   .tscontent-checkbox.rank > li.rkgroup1{
       height:90px;
   }
   .tscontent-checkbox.rank > li.rkgroup2{
       height:110px;
   }
   .tscontent-checkbox.rank > li.rkgroup3{
       height:110px;
   }
   .tscontent-checkbox.rank > li > span{
       font-weight:bold;
   }
   .tscontent-checkbox.rank > li > span > span{
       font-size:1.4rem;
       font-weight:normal;
   }
   
   /*.tscontent-checkbox.rank > li > span{
       display:table-cell;
       vertical-align:middle;
   }
   .tscontent-checkbox.rank > li > span.r_text{
       padding:10px 10px 10px 15px;
       font-weight:bold;
   }
   */
   .tscontent-datePicker{
       margin-top:10px;
       overflow:hidden;
   }
   .tscontent-unknonwUsingDate{
       margin-top:20px;
   }
   .tscontent-unknonwUsingDate > span{
       margin-left:10px;
   
   }
   
   .mdlContent-footer{
   
   }
   .mdlContent-footer-btns {
   }
   
   .mdlContent-footer-btns > span{
   
   }
   .mdlContent-footer-btns > span.clear{
       width:180px;
       background-color:#FFFFFF;
       color:#000000;
       border:#dddddd 1px solid;
       margin-right:10px;
   }
   
   .mdlContent-footer-btns > span.search{
       width:300px;
   }
   @media screen and (max-width:768px) {
   .topSearch{
       padding:30px 20px;
   }
   .tscontent-checkbox > li{
       float:left!important;
       max-width:100%;
   }
   }
   
   
   /***************************************************************
   * 404page
   ***************************************************************/
   .pagenotfound__wrapper {
       width:100%;
   }
   .pagenotfound {
       width: auto;
       max-width: 1050px;
       margin: auto;
       padding: 80px 0px;
       overflow: hidden;
       text-align:center;
   }
   .pagenotfound p {
    font-family:'Noto Serif JP', -apple-system,BlinkMacSystemFont,'Times New Roman',serif;
    font-weight:400;
        line-height: 2.2rem;
        padding: 60px 0;
   }
   .pagenotfound-title {
       color: #763f49;
       font-size: 3.6rem;
       line-height: 6rem;
   }
   .pagenotfound-button__wrapper {
       margin:auto;
       width: 100%;
       max-width: 320px;
   }
   .pagenotfound-button {
   
   }
   .pagenotfound-button a {
       height: 60px;
       line-height: 60px;
   }
   
   
   @media (max-width: 768px) {
       .pagenotfound {
           width: auto;
           padding: 40px 20px;
       }
   }
   
   .drawer-fixed {
       overflow: auto;
       height: 100%;
   }
   
