/* header
------------------------------- */
#header {
    position: relative;
    /* margin-top: 10px; */
    margin-bottom: 7px;
    display: grid;
    max-width:1180px;
    grid-template-columns: 150px 690px 1fr;
    grid-template-rows: 25px 25px 1fr;
}
.hamburger {
    display: flex;
    align-items: center;
    font-size:17px;
    margin-top: 5%;
    cursor: pointer;
}

  .hamburger:hover {
    border: 1px solid white;
    border-radius: 1px;
  }
.hamburger .hamtitle {
width:17px;
 margin: 0;              
}
.st_outer2{
    position: relative;
    display: inline-block;
    float: left;
}
    /* 繝｡繝九Η繝ｼ */
    .menu-container{
      position: fixed;
      top: 0;
      left: -30%; /* 蛻晄悄迥ｶ諷九�逕ｻ髱｢螟悶↓髫�縺� */
      width: 20%;
      height: 100%;
	  font-size:18px;
      color: black;
      transition: left 0.3s ease;
      background: white;
      z-index:10000;
	  text-align:left;
	  
    }
@media screen and (max-width: 1366px) {
    .menu-container{
        left: -30%;
 width: 30%;
	}
}

    /* 繧ｵ繧､繝峨Γ繝九Η繝ｼ縺ｮ蜀�ｮｹ驛ｨ蛻� */
.menu-content {
    width: 100%;
    overflow-y: auto;
    height: 90vh;
    position: relative;
      cursor: pointer;
}



    /* 繝｡繝九Η繝ｼ縺瑚｡ｨ遉ｺ縺輔ｌ縺ｦ縺�ｋ迥ｶ諷� */
    .menu-container.active {
      left: 0; /* 蟾ｦ遶ｯ縺ｫ繧ｹ繝ｩ繧､繝峨う繝ｳ */
    }
    /* 繝｡繝九Η繝ｼ蜀��繝ｪ繝ｳ繧ｯ */
    div#header_wrap .menu-container a {
      display: block;
      padding: 0.5rem 10px 10px 50px;
      color: #232f3f;
      text-decoration: none;
      cursor: pointer;
    }
    .menu-container a:hover {
      background-color: #dbe0e5;
    }

    /* 髢峨§繧九�繧ｿ繝ｳ (繝｡繝九Η繝ｼ縺ｮ螟門�蜿ｳ荳翫↓驟咲ｽｮ) */
    .close-btn {
      position: absolute;
      top: 0;
      left: -30%; 
      font-size: 1.5rem;
      color: white;
      cursor: pointer;
      background-color: transparent;
      border: none;
縲€縲€display:none !important;
    }
@media screen and (max-width: 1280px) {
    .close-btn{
        left: -30%;
	}
}
    .menu-container.active .close-btn {
      left: 105% !important; 
    }

    /* 繝｡繝九Η繝ｼ譫�螟悶�繧ｪ繝ｼ繝舌�繝ｬ繧､ */
    .overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .8);
    }
a.menu-item {
	padding-left:10px;
}
.menu-item-left {
width: 15%;
}

.menu-item-right {
width: 85%;
padding-left:20px;
vertical-align: middle;
padding-top: 5px;
}
    /* 繧ｪ繝ｼ繝舌�繝ｬ繧､縺瑚｡ｨ遉ｺ縺輔ｌ縺ｦ縺�ｋ迥ｶ諷� */
    .overlay.active {
      display: block;
z-index:10000;
opacity:1;
    }
    /* 髱櫁｡ｨ遉ｺ縺ｫ縺吶ｋ縺溘ａ縺ｮ繧ｯ繝ｩ繧ｹ */
    .hidden {
      display: none;
    }
.menu-container ul {
    list-style: none;
}

.menu-container .r_c_menu_back {
	font-size:20px;
	display: block;
	text-decoration: none;
	color:white;
       cursor: pointer;
	border-bottom: 1px solid #232f3f;
}
.menu-container .r_c_menu_parent a {
	font-size:20px;
	font-weight:bold;
	display: block;
	padding: 0.5em 45px;
	text-decoration: none;
	color:#232f3f;
}
.menu-container .cstitle{
	font-size:20px;
	padding: 20px;
	display: block;
	text-decoration: none;
	background: #232f3f;
	color:white;
	border-bottom: 1px solid #232f3f;
}
.menu-container .cstitle span{
	font-weight: 700;
}

.menu-container .r_c_menu {
	font-size:20px;
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #232f3f;
	font-weight: 700;
}
.menu-container .fa-angle-right:before {
    color: #232f3f;
}

.category_search_u {
font-size:15px;
border-right: 5px solid #eee !important;
}
@media screen and (max-width: 1280px) {
    .category_search_u {
      margin-left: 20px;
	}
}

.raku2cid {
	font-weight:bold;
}

.category_search_i_1 {
	padding-left:10px;
        font-size: 14px;	
}
.category_search_i_2 {
	padding-left:20px;
        font-size: 14px;
}

div#header_wrap {
    background: #232f3f;
    color: #e4e4e4;
    font-size: 12px;
    padding-bottom: 5px;
}
div#header_wrap a {
    color: white;
}
#logo_area {
    width: 95px;
    margin: 4px 0 12px 6px;
    grid-column: 1 / 2;
    grid-row: 1/2;
}
div#logo_area img {
    width: 130px;
}
#header_login_area div.btn a {
    background: none;
    color: #fff;
    width: auto;
    height: auto;
    display: inline-block;
    line-height: initial;
    padding: 0;
    margin-top: 0px;
    line-height: 1.1em;
    border-radius: 0;
}
#site_description {
    display: inline-block;
    position: absolute;
    left: 147px;
    top: 0;
}
div#header_navi_area {
    display: inline-block;
    /* float: right; */
    grid-column: 2/4;
    grid-row: 1/2;
    /* position: relative; */
}

div#header_navi_area ul {
}

.raku2_sgt {
	float:right
}

div#header_navi_area ul li {
    float: left;
    margin-left: 20px;
}
#header_utility {
    /* float: right; */
    /* width: auto; */
    /* position: relative; */
    /* left: 147px; */
    /* clear: both; */
    text-align: left;
    margin-top: 12px;
    /* text-align: left; */
    grid-column: 2 /竰�;
}
#headerInternalColumn {
    float: unset;
    width: unset;
    height: auto;
    /* margin-top: 0; */
    /* left: auto; */
    position: absolute;
}
#header_login_area {
    height: auto;
}
#headerInternalColumn .block_body {
    display: inline-block;
    /* float: right; */
}
#header_login_area #user_login {
    /* margin-top: 0; */
    /* margin-right: 16px; */
    position: relative;
    /* top: auto; */
    /* right: auto; */
    /* float: left; */
    /* display: inline-block; */
    /* text-align: left; */
}

#header_login_area .btn_outer {
    margin-top: 0;
    display: inline-block;
    float: left;
}
#header_login_area .layout_left {
    float: left;
    margin-left: 0;
    font-size: 14px;
    margin-top: 2px;
    letter-spacing: 1px;
    font-feature-settings: "palt";
}
.layout_left .btn {
    float: left;
    position: relative;
    margin-right: 12px;
}


@media only screen and (max-width: 1280px) {
.layout_left .btn {
    margin-right: 5px;
}
}
.layout_left .btn:after {
     /* content: '|'; */
     position: absolute;
     left: -10px;
     top: -3px;
}
.layout_left .btn.logout_btn:after {
    top: 0px;
}
.layout_left .btn.header_mypage_btn:after {
    display: none;
}

.layout_left .raku2_header_menu p {
    font-size:14px;
}
@media screen and (max-width: 1280px) {
.layout_left .raku2_header_menu p {
    font-size:13px;
}
}

#header_login_area p.btn {
    margin-bottom: 0;
    line-height: 1.1em;
}
#header_login_area p.btn input {
    width: auto;
    height: auto;
    display: inline-block;
    line-height: initial;
    border-radius: 4px;
    padding: 0;
    margin-top: 0;
    line-height: 1.1em;
}
#header_login_area p.btn.logout_btn input[type="submit"]:hover {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 1px;
    border-radius: 0;
}

.raku2_aca {
    grid-column: 3 /4;
    margin-left: 5px;
}

.header_mypage_btn a:before {
	/* content: url(/user_data/packages/raku2pc/img/common/icon-mypage.svg); */
	width: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	margin-top: -2px;
}

#gloval_navi{
	display:none;
}
#select_area{
    /* clear: both; */
    /* display: inline-block; */
    /* width: 100%; */
    /* float: left; */
    /* grid-row: 3/4; */
    grid-column: 1/3;
}

@media only screen and (max-width: 1160px) {
div#select_area input {
    width: 100px;
    height: 28px;
    float: left;
    margin-left: 1px;
}
}

div#select_area div.btn{
    float: left;
}
div#select_area div.btn a {
    display: inline-block;
    border-radius: 2px;
    background-image: -moz-linear-gradient( 90deg, rgb(255,166,36) 60%, rgb(255,179,69) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,166,36) 60%, rgb(255,179,69) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,166,36) 60%, rgb(255,179,69) 100%);
    width: 117px;
    color: #fff;
    padding: 6.5px;
    letter-spacing: 0.8px;
}
div#select_area div.btn a:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(234, 142, 8) 50%, rgb(236, 153, 34) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(234, 142, 8) 50%, rgb(236, 153, 34) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(234, 142, 8) 50%, rgb(236, 153, 34) 100%);
    opacity: inherit;
    color: #eee;
}
div#select_area form {
    float: left;
    position: relative;
    width: 100%;
}
#select_area select {
    border-radius: 2px;
    background-image: -moz-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    width: auto;
    height: 32px;
    margin-left: 4px;
    letter-spacing: 0;
    font-size: 13px;
    padding-left: 8px;
}
#select_area select.st-02 {
    width: 110px;
}
#select_area select.box145 {
    width: 160px;
}
#select_area select.st-03{
    border-radius: 2px 0 0 2px;
}

div#select_area input {
    width: 783px;
    height: 28px;
    float: left;
    margin-left: 1px;
}
.cart_btn {
    float: right;
    margin-right: 0;
    margin-bottom: -32px;
    margin-left: 15px;
}
div#header_wrap .cart_btn a {
    color: #fff;
    width: 135px;
    display: inline-block;
    line-height: 2.4em;
    border-radius: 2px;
    background-image: -moz-linear-gradient( 90deg, rgb(255,166,36) 50%, rgb(255,179,69) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,166,36) 50%, rgb(255,179,69) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,166,36) 50%, rgb(255,179,69) 100%)!important;
    width: 90px;
    padding: 19px 0 15px;
}
div#header_wrap .cart_btn a:hover {
    background-image: -webkit-linear-gradient( 90deg, rgb(234, 142, 8) 50%, rgb(236, 153, 34) 100%);
    background-image: -moz-linear-gradient( 90deg, rgb(234, 142, 8) 50%, rgb(236, 153, 34) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(234, 142, 8) 50%, rgb(236, 153, 34) 100%)!important;
    opacity: inherit;
    color: #eee;
}


/* container
------------------------------- */
/* 
.LC_Page_Index #container {
    margin: 63px auto 0;
}*/
.LC_Page_Index #main_column.colnum2, .plg_Raku2_LC_Page_Products_List #main_column.colnum2, .plg_Raku2_LC_Page_Products_Detail #main_column.colnum2 {
    padding-left: 280px;
}
.LC_Page_Index div#main_column > div {
    margin-top: 90px;
}
/* cat_area */
div#cat_area {
    display: inline-block;
    margin-right: -1.9%;
    margin-bottom: -48px;
}
div#cat_area dl {
    float: left;
     margin-right: 0.5%;
    margin-bottom: 1.5%;
    width: 10%;
    min-width: 130px;
    height: 175px;
}
div#cat_area dl img{
    width: 100%;
    border: 1px solid #eee;
    box-sizing: border-box;
}
div#header_navi_area ul li a:hover, #header_login_area div.btn a:hover{
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 1px;
}
div#select_area .btn a:before {
    content: url(/user_data/packages/raku2pc/img/common/icon-cat.svg);
    width: 15px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 9px;
}
div#header_navi_area ul li a:before {
    width: 18px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
div#header_navi_area ul li.guide a:before {
    content: url(/user_data/packages/raku2pc/img/common/icon-guide.svg);
}
div#header_navi_area ul li.faq a:before {
    content: url(/user_data/packages/raku2pc/img/common/icon-question.svg);
    width: 17px;
}
div#header_navi_area ul li.contact a:before {
    content: url(/user_data/packages/raku2pc/img/common/icon-contact.svg);
}
div#select_area input[type='text']{
    border: none;
    border-radius: 0;
    padding-left: 8px;
}
/* 讀懃ｴ｢box隱ｿ謨ｴ */
#resizing_select {
  width: 50px;
} 
#width_tmp_select,#width_tmp_select-01,#width_tmp_select-02{
  display : none;
} 
select#resizing_select {
    border-radius: 2px 0 0 2px;
}
div#select_area input.nav-input {position: absolute;right: 0;width: 38px;height: 32px;display: inline-block;background: #e60012;border: none;background-image: url(/user_data/packages/raku2pc/img/common/icon-search.svg);background-repeat: no-repeat;background-position-x: center;background-position-y: center;background-size: 67%;text-indent: 140%;white-space: nowrap;overflow: hidden;-webkit-border-radius: 0 2px 2px 0;-moz-border-radius: 0 2px 2px 0;border-radius: 0 2px 2px 0;}
div#select_area input.nav-input:hover {
    background: #f14f87;
    background-image: url(/user_data/packages/raku2pc/img/common/icon-search.svg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 67%;
}
.st_outer{
    position: relative;
    display: inline-block;
    float: left;
}
.st_outer::after {
	content: '';
    width: 4px;
    height: 4px;
    border: 0px;
    border-bottom: solid 2px #232f3f;
    border-right: solid 2px #232f3f;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -4px;
}
.st_outer select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.st_outer select::-ms-expand {
    display: none;
}
#main_column #cat_area h2, #main_column #useful_infor h2 {
    padding: 10px 0;
    margin-bottom: 1px;
    border-bottom: none;
    font-size: 130%;
    letter-spacing: 1px;
    font-weight: normal;
}
.LC_Page_Index #news_area h2 {
    font-size: 216%;
    font-weight: normal;
    letter-spacing: 0.5px;
    border-bottom: solid 1px #e9e9e9;
    padding: 0 0 2px;
    margin-bottom: 0;
}
#news_area span.rss {
    padding: 0 10px;
}
div#cat_area dl dt {
    margin-bottom: 10px;
}
div#cat_area dl dd{
    position: relative;
    display: inline-block;
    padding-left: 24px;
}
.cat_area_container dd a:hover {
    text-decoration: underline;
}
div#cat_area dl dd a {
    line-height: 18px;
}
div#cat_area dl dd a:before {
    content: '';
    width: 18px;
    height: 18px;
    background: #232f3f;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -9px;
}
div#cat_area dd a:after {
    content: '';
    width: 4px;
    height: 4px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -3px;
    transform: rotate(45deg);
}
/* li.faq a:before {
    font-family: 'FontAwesome';
    content: "\f059";
    font-size: 18px;
    line-height: 18px;
}
li.contact a:before{
    font-family: 'FontAwesome';
    content: "\f0e0";
    font-size: 18px;
    line-height: 18px;
}
li.guide a:before{
    font-family: 'FontAwesome';
    content: "\f02d";
    font-size: 18px;
    line-height: 18px;
} */

/* useful_infor
------------------------------- */
div#useful_infor {
    display: inline-block;
    background: #eee;
}
div#useful_infor_inner {
    padding: 20px 15px 0 15px;
    margin-right: -2%;
}
#main_column #useful_infor h2 {
    margin-bottom: 0;
    padding-bottom: 30px;
    background: #fff;
}
div#useful_infor dl {
    width: 23%;
    float: left;
    background: #fff;
    margin-right: 2%;
    margin-bottom: 20px
}
div#useful_infor dl dt {
    width: 100%;
    background: #ddd;
}
div#useful_infor dl dt a{
	display: inherit;
}
div#useful_infor dl dt img {
    width: 100%;
}
div#useful_infor dl dd {
	margin: 15px 10px 10px;
	font-size: 13px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
div#useful_infor dl dd.btn {
    padding: 0;
    text-align: center;
    margin: 8px 10px 8px;
}
div#useful_infor dl dd.btn a {
	padding: 5px 7%;
    display: inline-block;
    width: 84%;
    border: 1px solid #ddd;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
div#useful_infor dl dd.btn a:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 1px #232f3f;
    border-right: solid 1px #232f3f;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -3px;
    transform: rotate(45deg);
}
div#useful_infor dl dd.btn a:hover {
    background: #ffa624;
    color: #fff;
    border: 1px solid #ffa624;
    opacity: inherit;
}
div#useful_infor dl dd.btn a:hover:after {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
}

/* footer
------------------------------- */
#footer_wrap {
    height: auto;
    background: #232f3f;
}


div#footer{
    position: relative;
    display: inline-block;
    max-width:1180px;
    margin: 0 auto;
}
div#footer {
    background: #232f3f;
}
.footer_inner {
    width: 1180px;
    margin: 20px auto;
    display: inline-block;
}
.footer_inner img {
    float: left;
    width: 120px;
    margin-top: 6px;
}
#footer ul {
    background: none;
    background: none;
    width: 700px;
    margin: 6px 58px;
    float: left;
}
#footer ul li {
    letter-spacing: 1px;
    border-right: none;
    margin: 0;
    padding: 0px 13px;
}
#footer ul li:first-child {
    border-left: none;
}
#footer ul li a:link, #footer ul li a:visited {
    color: #fff;
}
#footer ul li a:hover {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 1px;
}
#copyright {
    background: #131a22;
    color: #8d8d8d;
    font-size: 10px;
    padding: 5px 0;
}
.contact_tel {
    display: inline-block;
    color: #fff;
    text-align: left;
    margin: 6px auto;
    font-size: 90%;
    font-weight: normal;
    letter-spacing: 1px;
    float: right;
    position: relative;
}
.contact_tel:before {
    content: url(/user_data/packages/raku2pc/img/common/icon-tel.svg);
    width: 19px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    position: absolute;
    left: -23px;
    top: 0px;
}
.contact_tel span {
    display: inline-block;
    border-bottom: 1px solid #fff;
    line-height: 13px;
    padding-bottom: 0px;
}
.top_btn {
    position: fixed;
    right: 0;
    bottom: 56px;
}

/* side
------------------------------- */
#container .side_column .block_outer {
    margin-bottom: 5px;
}
#login_area h2, #search_area h2, #calender_area h2, #cart_area h2, #cart h2, #category_area h2 {
    background-color: #eee;
}
.side_column #category_area .block_body {
    border: none;
}
ul#tree1 {
    border: 1px solid #eee;
    border-bottom: none;
}
#category_area ul.ul_tree li {
    background: #f5f5f5;
}

li.level0.active {
    border-bottom: none!important;
}
#category_area ul.ul_tree li.level1 {
    background-color: #f2c284; 
}
#category_area ul.tree2 li a:hover {
    background: #fdefda;
    opacity: initial;
    color: #3e2c16;
}
#tree1 .on_child:after {
    color: #232f3f;
}
.c_tree {
    display: block;
}

/* 荳€隕ｧ繝壹�繧ｸ */
.plg_Raku2_LC_Page_Products_CategoryList {
    padding-left: 0;
    padding-right: 0;
}
.plg_Raku2_LC_Page_Products_CategoryList #container {
    width: 100%;
    max-width: 1500px;
    min-width: 980px;
}
.plg_Raku2_LC_Page_Products_CategoryList #main_column.colnum2.right{
    float: none;
}
.plg_Raku2_LC_Page_Products_CategoryList #main_column.colnum2 {
    width: auto;
    padding-left: 255px;
    padding-right: 10px;
}

/* 蝠�刀蛻�｡槭�繝ｼ繧ｸ */
#main_column.colnum2 #detail_type_ks div#detailleftbloc {
    float: none;
}
#main_column.colnum2 #detailrightbloc_ks {
    float: none;
    width: 100%;
    padding-left: 0;
   /* margin-top: 155px;*/
    background: #f0f0f0;
}
#main_column.colnum2 #detailrightbloc_ks p.btn {
    width: 12%;
    display: inline-block;
}
div#detailrightbloc_ks .product_selector {

/*
    float: none;
    position: relative;
    right: auto;
    top: auto;
    margin: 20px 0;
*/
}
div#modal_biko .cartin_btn input[type="submit"] {
    width: 170px;
    padding: 6px 0 6px 0;
    color: #FFF;
    display: block;
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: 2px;
    text-align: center;
    background-color: #e60012;
    border: none;
}
div#biko_right p.calc {
    margin-top: 15px;
}
#biko_right .favorite_btn a {
    border-radius: 3px;
}
#biko_right .favorite_btn a.remove_favorite_button {
    background: #ddd;
}
body.plg_Raku2_LC_Page_Products_ProductsList #detailarea {
    margin-top: 20px;
    margin-bottom: 0px;
}
#detailarea .chosen-container .chosen-results li {
    float: none;
}
.chosen-container .chosen-results {
    padding: 0 4px 0 4px!important;
}
.chosen-container {
    position: initial!important;
    margin-right: 5px!important;
}
.chosen-container-single .chosen-single {
    padding: 3px 0 0 8px!important;
    height: 30px!important;
}
.chosen-container-single .chosen-single {
    border-radius: 0!important;
}
.chosen-container-single .chosen-single div {
    top: 2px!important;
}
.chosen-container .chosen-drop {
    border-top: 1px solid #aaa!important;
}
.pagenumber_area {
    margin: 0;
}
.pagenumber_area .navi {
    width: auto;
    text-align: left;
    display: inline-block;
    float: right;
    margin-right: 30px;
    background-color: white;
    padding: 3px 3px 3px 3px;

}
.plg_Raku2_LC_Page_Products_ProductsList .pagenumber_area .navi {
    width: auto;
    text-align: left;
    display: inline-block;
    float: right;
    margin-right: 30px;
    background-color: #f0f0f0;
    padding: 3px 3px 3px 3px;
}

.list_area div.listrightbloc h3 {
    font-size: 113%;
}

/* 蛟倶ｺｺ諠��ｱ菫晁ｭｷ譁ｹ驥� */
div#privacypolicy h2 {
    text-align: center;
}
#privacypolicy p.text {
    margin: 6px auto 35px;
    line-height: 1.8em;
}
#privacypolicy p.ttl {
    font-size: 17px;
    font-weight: bold;
}
div#privacypolicy a:link {
    text-decoration: underline;
}

/* スマホアプリ用利用規約 */
div#tos h2 {
    text-align: center;
}
#tos p.text {
    margin: 6px auto 35px;
    line-height: 1.8em;
}
#tos p.ttl {
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1px solid #000;
}
div#tos a:link {
    text-decoration: underline;
}

/* 縺願ｲｷ縺�黄繧ｬ繧､繝� */
div#guide_area {
    margin: 20px auto 150px;
}
div#guide_area h2 {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: none;
    font-size: 178%;
    font-weight: normal;
    letter-spacing: 1px;
}
#guide_area p.ttl {
    font-size: 17px;
    display: block;
    background: #eee;
    padding: 12px;
    line-height: 17px;
}
#guide_area p.text {
    margin: 20px 12px 50px;
}
#guide_area span.cl-red {
    color: #F44336;
}
#guide_area p.text a:link {
    text-decoration: underline;
}

/* 繧医￥縺ゅｋ雉ｪ蝠� */
div#faq_area {
    margin: 20px auto 150px;
}
div#faq_area h2 {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: none;
    font-size: 178%;
    font-weight: normal;
    letter-spacing: 1px;
}
#faq_area p.ttl {
    font-size: 17px;
    display: block;
    background: #eee;
    padding: 14px;
    line-height: 17px;
}
#faq_area p.ttl:before {
    content: 'Q.';
    font-size: 20px;
    margin-right: 5px;
}
#faq_area p.text {
    margin: 20px 12px 50px 38px;
    position: relative;
    /* color: #ffa624; */
}
#faq_area p.text:before {
    content: 'A.';
    font-size: 20px;
    /* margin-right: 5px; */
    position: absolute;
    left: -23px;
    top: -6px;
    color: #ffa624;
}
#faq_area span.cl-red {
    color: #F44336;
}
#faq_area p.text a:link {
    text-decoration: underline;
}

/* 遒ｺ隱咲判髱｢縲後◎縺ｮ莉悶♀蝠上＞蜷医ｏ縺帙€� */
.pay_area02.contact_area {
    display: none;
}

/* 縺九＃縺ｮ荳ｭ */
.order_item .listdetail p {
    color: #333;
}

/* 逕ｻ髱｢繝｡繝�そ繝ｼ繧ｸ險ｭ螳� */
p.text-a {
    position: absolute;
    bottom: 8px;
    left: 180px;
}

p.text-e {
    position: absolute;
    bottom: 8px;
    left: 250px;
}

#category_area ul.ul_tree_tq li {
    background: #f5f5f5;
}

#category_area ul.ul_tree_tq li.level1 {
    background-color: #f2c284; 
}

#category_area ul.ul_tree_tq li.level1 li.level2 {
    background-color: #FFFF99; 
}

/* 縺頑ｰ励↓蜈･繧翫Μ繧ｹ繝� */
.st_outer_tq{
    position: relative;
    display: inline-block;
    float: left;
}

.raku2_favolist_product_button{
    width:150px;
}

.raku2_favolist_product_select{
    width:170px;
}

#raku2_favorite_btn select {
border-radius: 2px;
    background-image: -moz-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(200,200,200) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    height: 35px;
    letter-spacing: 0;
    font-size: 12px;
    padding-left: 7px;
}

#raku2_favorite_btn #raku2_favlolist_messeage {
    font-size: 12px;
    margin-top: 10px;
}

#raku2_favorite_btn button{
border: none;
border-radius: 0;
    background-image: -moz-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(200,200,200) 0%,rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    height: 32px;
    letter-spacing: 0;
    font-size: 12px;
    padding-left: 7px;
}

 .raku2_all_dl-btn {
    padding: 0 4px 0 15px;
    font-size: 12px;
    color:white;
}

.raku2_all_dl-btn {
    background: #aeaeae;
    display: inline-block;
    border-radius: 3px;
    margin: 5px 0;
}

.raku2_all_dl-btn:before {
 //   font-size: 10px;
//    margin-top: 1px;
//    margin-left: -11px;
//    position: absolute;
}

.raku2_all_dl-btn:before {
//    content: "\f146 ";
//    font-family: FontAwesome;
//    margin-right: 5px;
//    color: #fff;
}

.LC_Page_Index div#main_column > div {
    margin-top: 0px;
}

.plg_raku2_nostock_tq_image{
    width:50%
}
.plg_raku2_nostock_tq {
    display: flex;
    color: #fff;
    background: #333333;
    padding: 5px 10px;
    border-radius: 3px;
    width: 26px;
    margin-left: 20px;
}

.plg_raku2_nostock_fav_tq {
    display: flex;
    color: #fff;
    background: #333333;
    padding: 5px 10px;
    border-radius: 3px;
    width: 26px;
}

.plg_raku2_nostock_ori_tq {
display: flex;
color: #fff;
background: #333333;
padding: 5px 10px;
border-radius: 3px;
width: 26px;
margin-left: 12px;
}

@media only screen and (max-width: 1280px) {
.plg_raku2_nostock_tq {
    display: flex;
    color: #fff;
    background: #333333;
    padding: 5px 10px;
    border-radius: 3px;
    width: 26px;
    margin-left: 17%;
}
.plg_raku2_nostock_fav_tq {
    display: flex;
    color: #fff;
    background: #333333;
    padding: 5px 10px;
    border-radius: 3px;
    width: 26px;
    margin-left: 5%;
}
}

/* 蜃ｺ闕ｷ莠亥ｮ壽律譎ょ綾 */
 .raku2freigt_explain_area {
    text-align: center;
    padding: 10px;
    background-color: #ffffff;
    border: solid 2px gray;
    margin-bottom: 10px;
    font-size: 16px;
}

.raku2now_view{
    font-weight: bold;
    color:darkblue;
}
.raku2freigt_attention {
    font-weight: bold;
}

div#modal_biko .cartin_btn #hover_change_fav {
    width: 170px;
    padding: 6px 0 6px 0;
    color: #FFF;
    display: block;
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: 2px;
    text-align: center;
    background-color: #e60012;
    border: none;
}
a.raku2_underline  {
    text-decoration: none;
 }
 a.raku2_underline:hover  {
     text-decoration: underline;
}

.tooltip5 {
  position: relative; /* 繝��繝ｫ繝√ャ繝励�菴咲ｽｮ縺ｮ蝓ｺ貅悶↓ */
  cursor: pointer; /* 繧ｫ繝ｼ繧ｽ繝ｫ繧貞ｽ薙※縺溘→縺阪↓繝昴う繝ｳ繧ｿ繝ｼ縺ｫ */
}

/* 繝��繝ｫ繝√ャ繝励�繝�く繧ｹ繝� */
.tooltip-text {
  opacity: 0; /* 縺ｯ縺倥ａ縺ｯ髫�縺励※縺翫￥ */
  visibility: hidden; /* 縺ｯ縺倥ａ縺ｯ髫�縺励※縺翫￥ */
  position: absolute; /* 邨ｶ蟇ｾ驟咲ｽｮ */
  left: 100%; /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  transform: translateX(-20%); /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  bottom: 30px; /* 隕ｪ隕∫ｴ�荳九°繧峨�菴咲ｽｮ */
  display: inline-block;
  padding: 5px; /* 菴咏區 */
  white-space: nowrap; /* 繝�く繧ｹ繝医ｒ謚倥ｊ霑斐＆縺ｪ縺� */
  font-size: 0.7rem; /* 繝輔か繝ｳ繝医し繧､繧ｺ */
  line-height: 1.3; /* 陦碁俣 */
  background: #333; /* 閭梧勹濶ｲ */
  color: #fff; /* 譁�ｭ苓牡 */
  border-radius: 3px; /* 隗剃ｸｸ */
  transition: 0.3s ease-in; /* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
}
/* 繝��繝ｫ繝√ャ繝励�繝�く繧ｹ繝� */
.tooltip-text2 {
  opacity: 0; /* 縺ｯ縺倥ａ縺ｯ髫�縺励※縺翫￥ */
  visibility: hidden; /* 縺ｯ縺倥ａ縺ｯ髫�縺励※縺翫￥ */
  position: absolute; /* 邨ｶ蟇ｾ驟咲ｽｮ */
  left: 50%; /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  transform: translateX(-20%); /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  bottom: 30px; /* 隕ｪ隕∫ｴ�荳九°繧峨�菴咲ｽｮ */
  display: inline-block;
  padding: 5px; /* 菴咏區 */
  white-space: nowrap; /* 繝�く繧ｹ繝医ｒ謚倥ｊ霑斐＆縺ｪ縺� */
  font-size: 0.7rem; /* 繝輔か繝ｳ繝医し繧､繧ｺ */
  line-height: 1.3; /* 陦碁俣 */
  background: #333; /* 閭梧勹濶ｲ */
  color: #fff; /* 譁�ｭ苓牡 */
  border-radius: 3px; /* 隗剃ｸｸ */
  transition: 0.3s ease-in; /* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
  text-align:center
}

.tooltip-text-delivandpayment {
  position: absolute; /* 邨ｶ蟇ｾ驟咲ｽｮ */
  left: 180%; /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  transform: translateX(-20%); /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  bottom: 40px; /* 隕ｪ隕∫ｴ�荳九°繧峨�菴咲ｽｮ */
  display: inline-block;
  padding: 5px; /* 菴咏區 */
  white-space: nowrap; /* 繝�く繧ｹ繝医ｒ謚倥ｊ霑斐＆縺ｪ縺� */
  font-size: 0.85rem; /* 繝輔か繝ｳ繝医し繧､繧ｺ */
  line-height: 1.3; /* 陦碁俣 */
  background: #333; /* 閭梧勹濶ｲ */
  color: #fff; /* 譁�ｭ苓牡 */
  border-radius: 3px; /* 隗剃ｸｸ */
  transition: 0.3s ease-in; /* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
}
.tooltip-text-delivandpayment:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 13%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top: 15px solid #333;
}

/* 繝帙ヰ繝ｼ譎ゅ↓繝��繝ｫ繝√ャ繝励�髱櫁｡ｨ遉ｺ繧定ｧ｣髯､ */
.tooltip5:hover .tooltip-text,
.tooltip5:hover .tooltip-text2 {
  opacity: 1;
  visibility: visible;
}

.tooltip-text:before,
.tooltip-text2:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top: 7px solid #333;
}
.tooltip5 img {
    width: 30px;
}

div#modal_biko .beforebtn_tq input[type="button"] {
    width: 170px;
    padding: 6px 0 6px 0;
    color: #FFF;
    display: block;
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: 2px;
    text-align: center;
    background-color: #333333;
    border: none;
    margin-top:20px;
}

/* 繝昴う繝ｳ繝亥ｯｾ蠢� */
.point_announce {
    display:none
}
a.btn_change_payment {
    display: none;
}

.raku2_member_change_display,
.raku2_member_code_change_display,
.raku2_member_name_change_display,
.raku2_member_kana_change_display,
.raku2_member_zip_change_display,
.raku2_member_addr_change_display,
.raku2_member_tel_change_display,
.raku2_member_fax_change_display,
.raku2_member_deparment_change_display,
.raku2_member_kana01_change_display,
.raku2_member_status_change_display {
    display:none;
}
.raku2_use_point{
    display:none
}

.raku2_reorder_panel_tq {
    display:inline;
}
.raku2_reorder_tq {
   margin-top: 10px;
   float:left;
}
.order_status_color_tq {
     float:right;
     font-size:80%;
}

.order_status_color_tq .order_status_color_sub_tq{
    padding-bottom: 0px;
    padding-top: 0px;
    height: 7px;
}

.raku2_net_color {
    color:#ff6347;
}

.raku2_phone_color {
    color:#6495ed;
}

.raku2_fax_color {
    color:#6495ed;
}

.raku2_shopping_cart_color{
    color:#e60012;
    font-size:2em;
}
.raku2_shopping_cart_color_mini{
    color:#e60012;
}

.raku2_order_icon_tq{
    display: inline-block;
     width: 100%;
}

.raku2_order_icon_tq .raku2_order_icon_table {
    width: auto;
    display: inline-block;
     float:right;
    border-top-width: 0px;
    border-left-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.tooltip6 {
  position: relative; /* 繝��繝ｫ繝√ャ繝励�菴咲ｽｮ縺ｮ蝓ｺ貅悶↓ */
  cursor: pointer; /* 繧ｫ繝ｼ繧ｽ繝ｫ繧貞ｽ薙※縺溘→縺阪↓繝昴う繝ｳ繧ｿ繝ｼ縺ｫ */
}

/* 繝��繝ｫ繝√ャ繝励�繝�く繧ｹ繝� */
.tooltip-text3 {
  opacity: 0; /* 縺ｯ縺倥ａ縺ｯ髫�縺励※縺翫￥ */
  visibility: hidden; /* 縺ｯ縺倥ａ縺ｯ髫�縺励※縺翫￥ */
  position: absolute; /* 邨ｶ蟇ｾ驟咲ｽｮ */
  left: 70%; /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  transform: translateX(-20%); /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  bottom: 30px; /* 隕ｪ隕∫ｴ�荳九°繧峨�菴咲ｽｮ */
  display: inline-block;
  padding: 5px; /* 菴咏區 */
  white-space: nowrap; /* 繝�く繧ｹ繝医ｒ謚倥ｊ霑斐＆縺ｪ縺� */
  font-size: 0.7rem; /* 繝輔か繝ｳ繝医し繧､繧ｺ */
  line-height: 1.3; /* 陦碁俣 */
  background: #333; /* 閭梧勹濶ｲ */
  color: #fff; /* 譁�ｭ苓牡 */
  border-radius: 3px; /* 隗剃ｸｸ */
  transition: 0.3s ease-in; /* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
  text-align:center
}

/* 繝帙ヰ繝ｼ譎ゅ↓繝��繝ｫ繝√ャ繝励�髱櫁｡ｨ遉ｺ繧定ｧ｣髯､ */
.tooltip6:hover .tooltip-text3 {
  opacity: 1;
  visibility: visible;
}

.tooltip-text3:before {
    content: '';
    position: absolute;
    top: 100%;
     border: 7px solid transparent;
    border-top: 7px solid #333;
}

div#modal_biko_mini .cartin_btn input[type="submit"] {
    width: 90px;
    padding: 6px 0 6px 0;
    color: #FFF;
    display: block;
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: 2px;
    text-align: center;
    background-color: #e60012;
    border: none;
    position: absolute;
    bottom: 7%;
}

.tooltip7 {
  position: relative; /* 繝��繝ｫ繝√ャ繝励�菴咲ｽｮ縺ｮ蝓ｺ貅悶↓ */
  cursor: pointer; /* 繧ｫ繝ｼ繧ｽ繝ｫ繧貞ｽ薙※縺溘→縺阪↓繝昴う繝ｳ繧ｿ繝ｼ縺ｫ */
}

/* 繝��繝ｫ繝√ャ繝励�繝�く繧ｹ繝� */
.tooltip-text4 {
  opacity: 0; /* 縺ｯ縺倥ａ縺ｯ髫�縺励※縺翫￥ */
  visibility: hidden; /* 縺ｯ縺倥ａ縺ｯ髫�縺励※縺翫￥ */
  position: absolute; /* 邨ｶ蟇ｾ驟咲ｽｮ */
  left: 70%; /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  transform: translateX(-5%); /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  bottom: 30px; /* 隕ｪ隕∫ｴ�荳九°繧峨�菴咲ｽｮ */
  display: inline-block;
  padding: 5px; /* 菴咏區 */
  white-space: nowrap; /* 繝�く繧ｹ繝医ｒ謚倥ｊ霑斐＆縺ｪ縺� */
  font-size: 0.7rem; /* 繝輔か繝ｳ繝医し繧､繧ｺ */
  line-height: 1.3; /* 陦碁俣 */
  background: #333; /* 閭梧勹濶ｲ */
  color: #fff; /* 譁�ｭ苓牡 */
  border-radius: 3px; /* 隗剃ｸｸ */
  transition: 0.3s ease-in; /* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
  text-align:center
}

.tooltip7:hover .tooltip-text4 {
  opacity: 1;
  visibility: visible;
}

.tooltip-text4:before {
    content: '';
    position: absolute;
    top: 100%;
     border: 7px solid transparent;
    border-top: 7px solid #333;
}

div#cat_area dl .raku2_top_product_name:before {
    content: '';
    width: 18px;
    height: 18px;
    background: #232f3f;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -9px;
}
div#cat_area dl .raku2_top_product_name:after {
    content: '';
    width: 4px;
    height: 4px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -3px;
    transform: rotate(45deg);
}
div#cat_area dl .raku2_orange_btn{
    padding: 5px 10px 5px 10px;
    background: #e60012 none repeat scroll 0% 0%;
    color: #FFF;
    display: block;
    border-radius: 5px;
    margin-top: 10px;
    text-decoration: none;
    font-size: 90%;
    text-align: center;
    float: right;
}
/*
div#cat_area #main_slide_image_top_tq2 {
    height: 260px;
}
*/

div#cat_area .main_slide_image_top_tq3 dl {
    float: left;
    margin-right: 0.5%;
    margin-bottom: 1.5%;
    width: 10%;
    min-width: 130px;
    height: 250px;
    position: relative
}

div#cat_area dl .raku2_black_btn{
    padding: 5px 10px 5px 10px;
    background: black none repeat scroll 0% 0%;
    color: #FFF;
    display: block;
    border-radius: 5px;
    margin-top: 10px;
    text-decoration: none;
    font-size: 90%;
    text-align: center;
    float: right;
    font-family: 'FontAwesome';
}

.raku2_subl_btn{
  padding: 0;
  border: none;
  background: transparent;
}
div#cat_area .main_slide_image_top_tq3 dl .raku2_pb_right{
    position: absolute;
    bottom: 10px;
    right:0
}

div#cat_area .main_slide_image_top_tq3 dl .raku2_pb_left{
    position: absolute;
    bottom: 10px;
    left:-25px
}

.raku2_qa_contact{
    float:right;
    margin-top: 10px;
}

.raku2_qa_tanka{
    float:right;
}

.pay_area03 {
    text-align: center;
    background-color: #ffffff;
    font-size: 16px;
}

div#cat_area dl .raku2_top_product_name:before {
    content: '';
    width: 18px;
    height: 18px;
    background: #232f3f;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -9px;
}
div#cat_area dl .raku2_top_product_name:after {
    content: '';
    width: 4px;
    height: 4px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -3px;
    transform: rotate(45deg);
}
div#cat_area dl .raku2_orange_btn{
    padding: 5px 10px 5px 10px;
    background: #e60012 none repeat scroll 0% 0%;
    color: #FFF;
    display: block;
    border-radius: 5px;
    margin-top: 10px;
    text-decoration: none;
    font-size: 90%;
    text-align: center;
    float: right;
}
/*
div#cat_area .main_slide_image_top_tq3 dl {
    float: left;
    margin-right: 1.6%;
    margin-bottom: 48px;
    width: 15%;
    min-width: 162px;
    height: 300px;
    position: relative
}
*/
div#cat_area dl .raku2_black_btn{
    padding: 5px 10px 5px 10px;
    background: black none repeat scroll 0% 0%;
    color: #FFF;
    display: block;
    border-radius: 5px;
    margin-top: 10px;
    text-decoration: none;
    font-size: 90%;
    text-align: center;
    float: right;
    font-family: 'FontAwesome';
}

.raku2_subl_btn{
  padding: 0;
  border: none;
  background: transparent;
}
div#cat_area .main_slide_image_top_tq3 dl .raku2_pb_right{
    position: absolute;
    bottom: 10px;
    right:0
}

div#cat_area .main_slide_image_top_tq3 dl .raku2_pb_left{
    position: absolute;
    bottom: 10px;
    left:-25px
}

.raku2_qa_contact{
    float:right;
    margin-top: 10px;
}

.raku2_keep_in_word{
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: .5em .5em 0;
    margin-bottom: 10px;
}

.raku2_keep_in_word2{
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
}
.raku2_keep_in_word[open] {
    padding: .5em;
}

.raku2_keep_in_word[open] .raku2_keep_in_word2{
    border-bottom: 1px solid #aaa;
    margin-bottom: .5em;
}
.pay_area03 {
    text-align: center;
    background-color: #ffffff;
    font-size: 16px;
}

/* 蜊ｰ蛻ｷ */

.raku2_print_area{
    padding-top: 10px;
    padding-bottom: 30px;
    letter-spacing: 1px;
    display: block;
}

.raku2_potision_center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#raku2printBtn{
    position: fixed;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 8px;
    opacity: 0.9;
    box-shadow: 7px 7px 7px rgb(0 0 0 / 50%);
    z-index: 1;
}

button.raku2_print_size {
    width: 300px;
    height: 75px;
    font-size: 35px;
    border-width: 8px !important;
}

button.raku2_print_coler{
    background-color: #232f3f;
    background: linear-gradient(to bottom, #232f3f 0%, #232f3f 100%);
    background: -webkit-linear-gradient(top, #232f3f 0%, #232f3f 100%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    color: white;
    border-color: #232f3f;
}

.raku2_print_keyword{
    line-height:30px; 
    font-size:30px;
}

@media print{
  .raku2_prt_none{display:none}
}

/* 蝠�刀荳€隕ｧ隱ｬ譏取枚 */
.raku2_p_tip_text {
  opacity: 0; /* 縺ｯ縺倥ａ縺ｯ髫�縺励※縺翫￥ */
  visibility: hidden; /* 縺ｯ縺倥ａ縺ｯ髫�縺励※縺翫￥ */
  position: absolute; /* 邨ｶ蟇ｾ驟咲ｽｮ */
  left: 80%; /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  transform: translateX(-20%); /* 隕ｪ縺ｫ蟇ｾ縺励※荳ｭ螟ｮ驟咲ｽｮ */
  bottom: 30px; /* 隕ｪ隕∫ｴ�荳九°繧峨�菴咲ｽｮ */
  display: inline-block;
  padding: 5px; /* 菴咏區 */
  white-space: nowrap; /* 繝�く繧ｹ繝医ｒ謚倥ｊ霑斐＆縺ｪ縺� */
  font-size: 0.7rem; /* 繝輔か繝ｳ繝医し繧､繧ｺ */
  line-height: 1.3; /* 陦碁俣 */
  background: #333; /* 閭梧勹濶ｲ */
  color: #fff; /* 譁�ｭ苓牡 */
  border-radius: 3px; /* 隗剃ｸｸ */
  transition: 0.3s ease-in; /* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
  text-align:left;
    z-index: 1;
}
.raku2_p_tip.show .raku2_p_tip_text {
  opacity: 1;
  visibility: visible;
}

/*
.raku2_p_tip:hover .raku2_p_tip_text {
  opacity: 1;
  visibility: visible;
}*/
.raku2_p_tip_text:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top: 7px solid #333;
}

.raku2_p_tip_area{
    display:flex;
}

.raku2_underline_text{
    text-decoration: underline;
    font-size:0.8rem;
}
.raku2_p_title{
/*   margin-top: 10px; */
}

/** login**/
div#undercolumn_login .login_area p a:link
,div#undercolumn_login .login_area p a:visited{
    color: #39c;
}

select#select_warehouse {
    border-radius: 3px;
    background-image: -moz-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(200,200,200) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    height: 35px;
    letter-spacing: 0;
    font-size: 12px;
    padding: 0px 5px 0px 5px;
}

.gpt-title {
    text-align: center;
    color: #030303;
    font-size: 20px;
    border-bottom: 3px solid #eb6100;
}

.gpt-title span {
    font-size: 150%;
    color: #eb6100;
}

#chat-window {
    background-color: #F8F8F8;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    height: 600px;
    overflow-y: auto;
    box-sizing: border-box;
}

#chat-history {
    margin: 0;
    font-size: 15pt;
    display: flex;
    flex-direction: column;
    white-space: pre-wrap;
}

#chat-history hr {
    border-top: 1px dashed #8c8b8b;
    margin: 10px 0;
}

.gpt-loading {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.chat-message {
    display: inline-block;
    margin: 10px 0;
    max-width: 750px;
    border-radius: 12px;
    padding: 10px;
}

.chat-message.you {
    margin-left: auto;
    background: #30e852;
    position: relative;
}

.chat-message.you::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: -19px;
    border: 8px solid transparent;
    border-left: 18px solid #30e852;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

.chat-message.gpt {
    margin-right: auto;
    background: #79e6ef;
    position: relative;
}

.chat-message.gpt::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #79e6ef;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}

.chat-message p {
    margin: 0;
    padding: 0;
}

#chat-input {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
}

div#cat_area dl img.top_subtituate_button {
      width: 130px;
}

@media screen and (max-width: 1440px) {
    /* 1440px莉･荳九�逕ｻ髱｢蟷�↓驕ｩ逕ｨ縺輔ｌ繧九せ繧ｿ繧､繝ｫ */
    div#cat_area dl img.top_subtituate_button {
      width: 110px;
    }
  }

.header_mypage_btn2 a:before {
	width: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
        margin-top: -2px;
}

.layout_left .btn.header_mypage_btn2:after {
    display: none;
}

.raku2_header_menu {
    list-style: none;
    padding: 0;
    top: -2px;
  }

  .raku2_header_menu li {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }

.cart-icon {

	position: relative;
}
.cart-count {
	position: absolute;
	top: -20px;
	right: 20px;
	background-color: red;
	color: white;
	border-radius: 100%;
	padding: 5px;
	font-size: 10px;
	width: 10px;
	height: 10px;
	line-height: 10px;
}
.cntextnds{
    padding-right: 7px;
}
  .raku2_header_menu li:hover .raku2_header_sub_menu,
.raku2_header_menu li:hover .raku2_header_sub_menu2 {

    display: block;
  }

  .raku2_header_sub_menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width:150px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .raku2_header_sub_menu2 {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width:320px;
    background-color: #fff;
	color:black;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .raku2_header_sub_menu2 #cart_area .btn{
	  width:320px;
  }
  .raku2_header_sub_menu li,
.raku2_header_sub_menu2 li {
    padding: 5px 0;
  }

  .raku2_header_sub_menu  li:hover,
  .raku2_header_sub_menu2  li:hover {	  
	background-color: #f0f0f0;
  }

.raku2_header_sub_menu li a:before,
.raku2_header_sub_menu2 li a:before{

    display: none;
}

.raku2_iline {
    margin-top: -15px;
    margin-right: 1px;
     font-size: large;
     display: inline-block;
}

#search_order_by {
    border-radius: 2px;
    background-image: -moz-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
    width: auto;
    height: 32px;
    margin-left: 4px;
    letter-spacing: 0;
    font-size: 13px;
    padding-left: 8px;
}
.raku2_header_menu.btn.header_mypage_btn a:before {
margin-top: 1px;
}

.btn input.nouhin_pdf_dl_before {
    background: #f00 none repeat scroll 0% 0% !important;
}

div.modal_biko_recommend .recommend_cart_btn_icon a:visited {
	color:white;
}
div.modal_biko_recommend .recommend_cart_btn_icon a {
	color:white;
}

td .raku2_hasso_mini {
	overflow: visible;
	 white-space: nowrap;
}

.raku2_hasso_mini {
    display: inline;
    background-color: lightyellow;
}

   .raku2_ts .raku2_ts_level_0 {
        list-style-type: none;
        padding: 0;
        margin: 0;
        width: 218px;
        background-color: white;
    }

    .raku2_ts li {
        word-wrap: break-word;
    }

    .raku2_ts .raku2_ts_level_0>li {
        padding: 10px;
        cursor: pointer;
        font-weight: bold;
        position: relative;
    }

    .raku2_ts .raku2_ts_level_1>li {
        font-weight: bold;
        cursor: pointer;
        position: relative;
        padding-bottom: 5px;
    }

    .raku2_ts .raku2_ts_level_1 .raku2_ts_li_1_first {
        padding-top: 15px;
    }

    .raku2_ts .raku2_ts_level_2>li {
        font-weight: normal;
        padding-bottom: 5px;
    }

    .raku2_ts .raku2_ts_toggle {
        float: right;
        font-weight: bold;
        cursor: default;
    }

    .raku2_ts .raku2_ts_level_1>li .raku2_ts_toggle {
        float: none;
        position: absolute;
        right: 10px;
        color: #888;
        font-weight: bold;
    }

    .raku2_ts .raku2_ts_level_1 {
        list-style-type: none;
        background-color: #f0ebe5;
        padding-left: 10px;
        margin: 0;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.3s ease-out;
    }

    .raku2_ts .raku2_ts_level_2 {
        list-style-type: none;
        background-color: #f0ebe5;
        padding-left: 20px;
        margin: 0;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.3s ease-out;
    }

    .category-link.active {
        color: red;
        text-decoration: none;
    }

.request-cancel-button {
    display: inline-block;
    padding: 6px 12px;
    background-color: #dcdcdc;
    color: white;
    text-decoration: none;
    border: 2px solid #d3d3d3;
    border-radius: 4px;
    font-size: 0.9em;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.request-cancel-button:hover {
    background-color: #f5f5f5;
}