@charset "UTF-8";

/* --------------------------------
 * base
 * -------------------------------- */
html{
 font-size:62.5%;
 height:100%;
}

body{
 color:#333;
 font-size:1.4rem;
 height:100%;
 font-family:'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
 backGround-color:#f4f4f4;
 -webkit-text-size-adjust:100%;
}

*,*::before,*::after {
 box-sizing:border-box;
}

a:link,a:visited,a:hover,a:active{
 text-decoration:none;
}

button{
 height:28px;
}

select{
 height:28px;
}

@media print{
 html{
  height:auto;
  backGround-color:#fff;
 }
}

.top-bar{
 width:100%;
 height:10px;
 backGround-color:#fff;
}

@font-face {
     font-family:'Font Awesome 5 Brands';
     font-style: normal;
     font-weight:400;
     src: url("/css/webfonts/fa-brands-400.woff2") format("woff2");
     font-display: swap;
 }

 @font-face {
     font-family:'Font Awesome 5 Free';
     font-style: normal;
     font-weight:900;
     src:url("/css/webfonts/fa-regular-400.woff2") format("woff2"),
         url("/css/webfonts/fa-solid-900.woff2") format("woff2");
     font-display: swap;
 }

.main-base{
 backGround-color:#fff;
 padding:0 0 30px 0;
}

.main-base-settlement{
 backGround-color:#f5f7ee;
 padding:0 0 30px 0;
}

.main-base-manager{
 backGround-color:#fff;
}

.sita-white-margin{
 height:30px;
 backGround-color:#f5f7ee;
}

#search_btn,.search-input{
 -webkit-appearance:none;
}



/* --------------------------------
 * parts
 * -------------------------------- */
.clearfix::after{
 content:'';
 display:block;
 clear:both;
}

.hidden{
 display:none;
}


/* --------------------------------
 * wrapper
 * -------------------------------- */
.wrapper{
 width:98%;
}


/* --------------------------------
 * header
 * -------------------------------- */
.header{
 width:100%;
 padding:5px 0 18px;
 margin:0px auto 0px;
 background-color:#f4f4f4;
}

.header-left1{
 float:left;
 width:160px;
}

.header-left2{
 display:block;
 float:left;
 width:calc(58% - 160px);
 min-width:300px;
}

.header-right{
 display:inline;
 width:42%;
 float:right;
 padding:25px 0 0 0;
 font-size:1.3rem;
 word-break:break-all;
}

/**/
.logo{

}

.logo a{

}

/**/
.input-box{
 font-size:0;
 margin:21px auto 10px;
}

.input-box > *{
 font-size:1.5rem;
}

.input-box .category-select{
 height:33px;
 padding:0 10px;
 border:none;
 border-radius:3px 0 0 3px;
 border:solid 2px gray;
 background-color:#ed1e79;
 font-size:1.2rem;
}

.input-box .search-input{
 width:calc(100% - 186px);
 height:33px;
 padding:0 10px;
 border:none;
}

.input-box .search-button{
 width:60px;
 height:33px;
 border-radius:0 3px 3px 0;
 border:solid 1px gray;
 background-color:#f2c000;
 color:#fff;
 cursor:pointer;
 font-size:1.2rem;
}

/**/
.global-nav{
 margin:6px 23px 0 0;
 text-align:right;
}

.global-nav a{
 text-decoration:none;
}

.global-normal{
 width:100%;
 text-align:right;
}

.left-justified{
 padding:0 0 3px 10px;
 text-align:left;
}

/**/
.global-nav .nav-item{
 display:inline-block;
 margin:0 3px;
}

.global-nav .nav-item a{
 text-align:center;
 backGround-color:#4d4b3d;
 border-color:#4d4b3d;
 border-style:solid;
 border-width:4px;
 border-radius:5px;
 padding:5px 0 0 0;
}

.n-item1{
 width:91px;
}

.n-item2{
 width:60px;
}

.n-item3{
 width:106px;
}

.global-normal .normal-item{
 display:inline-block;
 margin:0 9px;
}

/**/
.skill-icon{
 color:white;
 font-size:2rem;
}

.small-font{
 font-size:1.2rem;
 color:white;
}

/**/
#cart-quantity{
 display:inline-block;
 background:#c1272d;
 color:white;
 text-align:center;
 font-size:1.1rem;
 font-weight:bold;
 padding:5px 0 0 0;
 position:relative;
}

.cart-quantity-con{
 position:relative;
}

/**/
#w_point{
 border:1px solid #f5f7ee;
}

#w_point a{
 color:black;
}

#w_point a:hover{
 color:black;
}

#w_point .wav_point{
 padding:5px;
}

/* --------------------------------
 * footer
 * -------------------------------- */
#footer-include{
 width:100%;
 margin:30px 0 0 0;
 backGround-color:#f4f4f4;
 padding:0 0 30px 0;
}

.copyright{
 margin:10px 0 0 0;
 text-align:center;
 color:#000;
}

.footer_link{
 color:#000;
 font-size:1.4rem;
}

.footer_link_contents{
 width:270px;
 float:left;
 margin:0 30px 30px;
 line-height:1.7;
}

.footer-yoko{
 border-bottom:1px solid #777;
 margin:0 0 10px 0;
}

.footer_link_contents a{
 color:#000;
}

.footer_link_contents a:hover{
 color:pink;
}

/* --------------------------------
 * title name
 * -------------------------------- */
.title-name{
 margin:10px;
 font-size:2.0rem;
 font-weight:bold;
}

.title-name-plus{
 margin:10px 0 3px 2px;
}

.title-name-20{
 margin:10px 10px 10px 20px;
 font-size:2.0rem;
 font-weight:bold;
}

/* --------------------------------
 * パンくずリスト
 * -------------------------------- */
.breadcrumb-trail{
 float:right;
 margin:10px 0 2px 10px;
 text-align:right;
 position:relative;
 top:2px;
}

.breadcrumb-trail a{
 color:black;
}

.breadcrumb-trail a:hover{
 color:pink;
}

.bread-arrow{
 margin:0 13px;
}

/* --------------------------------
 * 汎用
 * -------------------------------- */

.futo{
 font-weight:bold;
}

.jisage{
 margin:0 0 0 10px;
}

.aka{
 color:red;
}

.aka2{
 color:#c1272d;
}

.sita-margin8{
 margin:0 0 8px 0;
}

.jouge-margin8{
 margin:8px 0;
}

.ue-margin8{
 margin:8px 0 0 0;
}

.equal{
 text-align-last:justify;
}

#back_button{
 width:70px;
}

.ori{
 word-break:break-all;
}

.f-left{
 float:left;
}

.f-right{
 float:right;
}

.blank-page{
 padding:1px 0 0 0;
}

.blank-50{
 padding:50px 0 0 0;
}

.blank-100{
 padding:100px 0 0 0;
}

.in-blo{
 display:inline-block;
}

/* --------------------------------
 * オートコンプリート用
 * -------------------------------- */

#auto_complete{
 height:240px;
 backGround-color:#fff;
 position: relative;
 left: 100px;
 position:absolute;
 z-index:2;
 line-height:23px;
 padding:5px 0px;
 border:solid 1px black;
 border-radius:2px;
 overflow:hidden;
}

#auto_complete a{
 color:black;
}

table.com{
  width:100%;
  border-collapse: collapse;
}

table.com td{
 padding:0 8px;
}

table.com tr:hover {
 background-color: #e8e8e9;
}


/* --------------------------------
 * ページの一番上に戻る
 * -------------------------------- */
.return_to_top{
 margin:30px 0 0 0;
 font-size:1.4rem;
}

.return_to_top a{
 color:black;
}

.return_to_top a:hover{
 color:pink;
}

/* --------------------------------
 * レスポンシブiframe
 * -------------------------------- */
.responsive_iframe{
 position:relative;
 width:100%;
 height:0;
 padding-top:75%;
}

.responsive_iframe iframe{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}

/* --------------------------------
 * サイドメニュー
 * -------------------------------- */
#index_sidemenu{
 float:left;
 width:295px;
 margin:0 0 0 10px;
 padding:10px 0 0 10px;
}

#index_sidemenu .index_category{
 list-style-type:none;
 margin:0 0 40px 0;
}

#index_sidemenu .index_category .index_category_item{
 width:270px;
 height:51px;
 backGround-color:#36352c;
 margin:0 0 2px 0;
}

#index_sidemenu .index_category .index_category_item a{
 display:block;
 font-size:0;
 transiton:opacity 0.15s;
}

#index_sidemenu .index_category .index_category_item a:hover{
 opacity:0.8;
}

#index_sidemenu .index_category .index_image{
 width:45px;
 height:45px;
 position:relative;
 top:3px;
 left:3px;
}

#index_sidemenu .index_category .index_text{
 display:inline-block;
 width:180px;
 color:red;
 font-size:1.4rem;
 position:relative;
 bottom:14px;
 left:10px;
}

#index_sidemenu .index_category_item_top{
 width:230px;
 height:21px;
 margin:0 0 0 3px;
 font-size:1.4rem;
 font-weight:bold;
}

#index_sidemenu #actual_results{
 margin:38px 0 0 11px;
}

.index-main{
 float:left;
 width:calc(100% - 350px);
 margin:0 0 0 40px;
 color:black;
 font-size:1.4rem;
 position:relative;
 bottom:5px;
}

.index-main img{
 max-width:100%;
}


/* --------------------------------
 * BASE店
 * -------------------------------- */

.main-area{
 font-weight:bold;
 width:90%;
 margin:0 auto;
}

.base-main-area{
 font-weight:bold;
 width:80%;
 margin:50px auto 0;
}

.main-main-area{
 font-weight:bold;
 width:80%;
 margin:0 0 0 50px;
}

.base_shop_backG_color{
 backGround-color:#e1d3cb;
 margin:0 0 20px 0;
 padding:0 0 10px 0;
}

.base-title-name{
 font-size:2.0rem;
 font-weight:bold;
 padding:10px;
}

.main-title-name{
 font-size:2.0rem;
 font-weight:bold;
 padding:10px;
 margin:0 0 0 30px;
}

.navigation{
 font-family:'Lato','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','sans-serif','sans-serif';
 font-size:1.4rem;
 margin:0 0 20px 241px;
}

.base-logo{
 text-align:center;
 padding:35px 0;
}

.navigation a{
 color:black;
 font-weight:600;
}

.na1{
 font-size:2.0rem;
}

.na2{
 padding:0 18px;
}

.main-base{
 padding:0;
}

.base-footer{
 padding:50px 0 100px;
 text-align:center;
 backGround-color:#e1d3cb;
}

.base-copyright{
 color:black;
}

.base-copyright::before{
 content:'Copyright ';
}

.base-copyright::after{
 content:' 2021 WAVery Co.,Ltd. All Rights Reserved.';
}

.base_shop_back_color{/*背景はココで*/

}