@charset "UTF-8";
@import "/user_data/packages/raku2pc/css/megamenu.css";
@import "https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Zen+Maru+Gothic:wght@300&display=swap";
/************************************************
 import css
************************************************ */
/* ********* ヘッダー ********* */
/* ********* サイド ************ */
/* *********メインコンテンツ************ */
/*　メインコンテンツ　　*/
/*footer*/
/* メインコンテンツ */
/*ランキング*/
/* 商品一覧*/
/*商品詳細*/
/*表示価格削除*/
/*  カテゴリページ：絞り込み  */
/*.ステータス */
/* ****    新しくなったメインコンテンツのためのCSS      **** */
/*デフォルトのステータス非表示*/
/*slide*/
/*レフトナビの　商品検索プルダウン*/
/**/
/* ************** calender *****************_*/
/*.   myページ   */
/* ステータスのずれ */
/* カテゴリ検索　更科さんの環境でのズレ（再現できず） */
/*一括注文*/
#leftcolumn {
  position: relative;
  z-index: 5;
  margin-top: 0px;
  width: 240px;
}

#leftcolumn .block_outer:first-child {
  padding-top: 0 !important;
}

#leftcolumn > * {
  margin-bottom: 20px;
}

#leftcolumn i::before {
  padding-right: 10px;
  color: var(--c-main);
}

#leftcolumn #sidemenu_area {
  margin-top: -10px;
}

#leftcolumn #sidemenu_area li {
  padding: 15px 0;
  padding-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 0px;
}

#leftcolumn #sidemenu_area li a {
  display: block;
  width: 100%;
  line-height: 50px;
  border-bottom: 1px solid var(--c-back);
  font-size: 16px;
}

#leftcolumn #sidemenu_area li:nth-child(3) a {
  border-bottom: none;
}

#leftcolumn h2 {
  padding: 15px 0;
  padding-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
}

#leftcolumn ul li {
  padding: 10px 0;
}

.LC_Page_Index #main_column.colnum2 {
  padding-right: 0;
  position: relative;
  left: 10px;
}

.LC_Page_Index #container {
  max-width: 1340px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}

.LC_Page_Index #leftcolumn {
  margin-top: 45px;
}

.LC_Page_Index div#main_column > div {
  margin: 0 !important;
}

.plg_Raku2_LC_Page_Products_List #main_column.colnum2 {
  padding-right: 0;
  position: relative;
  left: 10px;
}

.plg_Raku2_LC_Page_Products_List #container {
  max-width: 1340px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}

.plg_Raku2_LC_Page_Products_CategoryList {
  padding-right: 0;
  position: relative;
  left: 10px;
}

.plg_Raku2_LC_Page_Products_ProductsList #main_column.colnum2 {
  padding-right: 0;
  position: relative;
  left: 10px;
}

.plg_Raku2_LC_Page_Products_Detail #main_column.colnum2 {
  padding-right: 0;
  position: relative;
  left: 10px;
}

.plg_Raku2_LC_Page_Products_Detail #container {
  max-width: 1340px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}

#detailarea h2 {
  color: #000;
}

#detailarea .cartchange_btn a #orderlist_change0 {
  letter-spacing: 0px;
  font-weight: bold;
  max-width: 280px;
}

#detailarea .product-text ul li {
  float: none;
  list-style: disc;
  margin-left: 1rem;
}

#detailarea .cart_area_col01 .favorite_btn {
  clear: none;
  float: left;
}

#detailarea .cart_area_col01 .ask_btn {
  float: right;
  clear: none;
}

#detailarea .favorite_btn a {
  width: 236px;
}

#detailarea .favorite_btn a:hover {
  border: 1px solid var(--c-main);
}

#detailarea .ask_btn a {
  width: 236px;
}

#detailarea .ask_btn a:visited {
  width: 236px;
}

#detailarea .ask_btn a:visited:hover {
  border: 1px solid var(--c-main);
}

#detailarea .ask_btn a:hover {
  border: 1px solid var(--c-main);
}

#detailarea .cartin_btn a #cart {
  color: #fff;
}

#detailarea .quantity {
  float: left;
  margin: 26px 10px 0 80px;
  width: 120px;
}

#detailarea .normal_price {
  display: none;
}

.btn {
  font-weight: bold;
}

.btn input {
  color: #fff;
  padding: 10px 8px;
  height: 40px;
}

:root {
  --c-main: #0070C0;
  --c-main_hov: #005fae;
  --c-accsent: #FF8601;
  --c-accsent_hov: #FC6600;
  --c-back: #ededed;
  --c-dark: #000;
}

body {
  font-family: "BIZ UDPGothic", sans-serif;
}

h1 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 20px;
}

section {
  border-radius: 3px;
}

.red {
  color: red;
}

#container {
  max-width: 1340px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}

#container .side_column .block_outer {
  background: #fff;
  padding: 0px;
  padding-top: 15px;
  border-radius: 3px;
}

#container .side_column .block_outer h2 {
  background-color: #ececec;
  font-size: 15px;
  text-align: center;
  padding: 0.4em 0 0.3em;
  letter-spacing: 0.1em;
  border-radius: 0.4em;
  margin-bottom: 10px;
}

#container .side_column .block_outer #cart_area h2 {
  background-color: #fff;
}

#container div#login_area {
  border: 1px solid #cccccc;
  border-radius: 0.6em;
  padding: 1em;
}

#container div#login_area .btn input {
  color: #fff;
  margin: 5px 0;
  padding: 0.6em 0;
  letter-spacing: 0.1em;
  font-size: 1.03em;
  font-weight: bold;
}

#container div#login_area .block_body {
  padding: 0;
}

#container .block_outer .block_body dl.formlist {
  margin-top: 10px;
}

#container div#search_area .block_body {
  padding: 10px 20px 15px;
}

#container h2.blueborder2 {
  border-left: 0.2em solid #002060;
  color: #1a1a1a;
  font-weight: 900;
  font-size: 22px;
  letter-spacing: 0.01em;
  margin-bottom: 1em;
  padding: 0 0 0 0.4em;
  line-height: 1.4em;
}

#main_column.colnum2 {
  padding-left: 255px;
}

#main_column.colnum2.right {
  float: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#topcolumn {
  background: transparent;
}

#cart_area {
  background-color: #ececec;
  border-radius: 0.6em;
  padding: 1em;
}

#cart_area .btn {
  padding: 0;
  border: none;
}

#cart_area .btn a {
  color: #fff;
  margin: 5px 0;
  padding: 0.6em 0;
  letter-spacing: 0.1em;
  font-size: 1.03em;
}

#cart_area .information {
  padding: 10px 0;
}

#cart_area h2 {
  border: none;
  text-align: left;
  background: transparent;
}

input[type=text] {
  padding: 6px;
  border-radius: 3px;
}

input[type=password] {
  padding: 6px;
  border-radius: 3px;
}

#recommend_area h2 {
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  border: none;
}

#main_column {
  margin-top: 45px;
}

#main_column .recommend_list {
  margin-bottom: 0px !important;
}

#main_column .recommend_list h2 {
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  border: none;
}

#main_column .recommend_list .bx-wrapper {
  padding: 0 10px;
}

#main_column .ranking_list h2 {
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  border: none;
}

#main_column .ranking_list p[class^=icon_rank-] {
  width: 25px;
  height: 25px;
  line-height: 25px;
}

#main_column .ranking_list .bx-wrapper {
  padding: 0 10px;
}

#main_column .history_list h2 {
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  border: none;
}

#main_column .history_list .bx-wrapper {
  padding: 0 10px;
}

#main_column h2 {
  font-size: 25px;
  border: none;
  margin-bottom: 0;
  margin-top: 30px;
  border-bottom: none;
}

#main_column .top-category h2 {
  font-size: 18px;
}

#main_column .top-search h2 {
  font-size: 18px;
}

#main_column .top-genre h2 {
  font-size: 18px;
}

#news_area h2 {
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  border: none;
}

.ucards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ucards > * {
  margin: 10px auto;
}

.ucards.nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 10px;
  background: #fff;
}

.ucards.col1 > * {
  width: 100%;
}

.ucards.col2 > * {
  width: calc(50% - 20px);
}

.ucards.col3 > * {
  width: calc(33.333% - 20px);
}

.ucards.col4 > * {
  width: calc(25% - 20px);
}

ul.ucards.col5 > * {
  width: calc(20% - 20px);
}

.main-content * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.main-content .bx-wrapper .bx-controls-direction .bx-prev {
  left: 800px;
}

.main-content .bx-wrapper .bx-controls-direction a {
  top: -12%;
}

.banner img {
  border: 1px solid #ececec;
}

#header_wrap {
  margin-bottom: 0px !important;
}

#header_wrap .inner {
  background-color: #fff;
}

#header_wrap .gnav i:before {
  display: none;
}

#header {
  max-width: 1340px;
  margin: 0 auto;
  font-size: clamp(13.5px, 1.35vw, 17px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1em 0 0.8em;
}

#header .logo_area {
  width: 15%;
}

#header .logo_area p {
  font-size: 0.6em;
  font-weight: 700;
  margin-top: 0.5em;
  text-align: center;
}

#header .header_icon_area {
    width: 40.2%;
  font-size: 0.61em;
}

#header .header_icon_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

#header .header_icon_area ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.01em;
  font-weight: 900;
}

#header .header_icon_area ul li:nth-child(2n) {
  background-color: #7F7F7F;
  width: 1px;
  height: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

#header .header_icon_area ul li img {
  display: block;
  width: 20%;
}

#header .header_icon_area ul li:first-child {
  border-width: 0;
  -webkit-box-flex: 0.5;
  -ms-flex-positive: 0.5;
  flex-grow: 0.5;
}

#header .header_icon_area ul li:last-child {
  -webkit-box-flex: 0.5;
  -ms-flex-positive: 0.5;
  flex-grow: 0.5;
}

#header .header_icon_area ul li p {
  text-align: left;
  margin-left: 5%;
}

#header .header_menu_area {
    width: 44.2%;
  font-size: 0.86em;
}

#header .header_menu_area #header_utility {
  float: none !important;
}

#header .header_menu_area #headerInternalColumn {
  height: auto;
  width: 100%;
  margin: 0;
}

#header .header_menu_area #header_login_area .btn_outer {
  margin-top: 0 !important;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left {
  float: none;
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  font-size: 0.75em;
  width: 100%;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left:before {
  display: none !important;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left > * {
  width: 23.8%;
  float: none;
  margin: 0;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .entry_btn,
#header .header_menu_area #header_login_area .btn_outer .layout_left .login_btn,
#header .header_menu_area #header_login_area .btn_outer .layout_left .cart_btn,
#header .header_menu_area #header_login_area .btn_outer .layout_left .sheet_btn{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 999px;
  background-color: #173A59 !important;
  color: #fff;
  text-align: center;
  position: relative;
  white-space: nowrap;
  height: 100%;
  line-height: 1.4em;
  position: relative;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left a,
#header .header_menu_area #header_login_area .btn_outer .layout_left input{
    display: block;
    width: 100%;
height: auto;
line-height:1;
  padding: 0.4em .2em 0.4em 1em;
  color: #fff;
    border-radius: 999px;
    background-color: transparent!important;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left i {
  display: block;
  left: 0.75em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  line-height: 1em;
  text-align: center;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left a:before {
  display: none;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .login_btn{
  background-color: #E11F1F !important;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .login_btn a i {
  font-size: 1.1em;
  line-height: 1.1em;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .login_btn:before {
  display: none !important;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .cart_btn{
  background-color: #FF6801 !important;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .cart_btn a i {
  font-size: 0.85em;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .sheet_btn a i {
  font-size: 0.85em;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .cart_btn:before {
  display: none !important;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .entry_btn a {
  background-color: #0070C0 !important;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .entry_btn:before {
  display: none !important;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .sheet_btn a {
  background-color: #002060!important;
}

#header .header_menu_area #header_login_area .btn_outer .layout_left .sheet_btn:before {
  display: none !important;
}

#header .header_menu_area .minmenu {
  margin-top: 0.8em;
  font-size: 0.85em;
}

#header .header_menu_area .minmenu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width:93%;
margin-left:auto;
}

#header .header_menu_area .minmenu ul li {
  padding: 0;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

#header .header_menu_area .minmenu ul li:last-child{
padding-right:0;
width:8%;
}

#header .header_menu_area .minmenu ul li:last-child {
text-align:right;
}

#header .header_menu_area .minmenu ul li:nth-child(2n) {
  width: 1px;
  height: 0.8em;
  background-color: #000;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

#header .header_menu_area .minmenu ul li a {
  display: inline-block;
  width: 100%;
  font-weight: 900;
  text-decoration: none;
}

#header .header_menu_area .minmenu ul li:first-child {
  -webkit-box-flex: 0.5;
  -ms-flex-positive: 0.5;
  flex-grow: 0.5;
}

#header .header_menu_area .minmenu ul li:first-child:before {
  display: none;
}

#header .header_menu_area .minmenu ul li:first-child a {
  text-align: left;
}

.bx-wrapper {
  margin: auto;
  background: transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 0px !important;
}

.bx-wrapper .sale_price {
  display: none;
}

.bx-wrapper .bx-pager {
  bottom: 20px !important;
}

.bx-wrapper .bx-controls-auto {
  bottom: 20px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px solid #000;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #000 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000 !important;
}

#tree1 .toggle:after {
  top: 54%;
}

#category_area ul#tree1 li .on_child a {
  font-weight: bold;
}

#category_area ul.ul_tree li {
  width: 100%;
}

#category_area h2 {
  border: none;
  text-align: left;
  background: transparent;
}

#category_area li.level1 {
  border-bottom: 1px solid var(--c-back);
}

ul#tree1 {
  padding: 0 5px;
}

.side_column .block_body {
  border: none;
}

.side_contents_inner {
  padding: 0 20px;
}

#sideitembanner_area .side_contents_inner {
  padding-bottom: 10px;
}

svg {
  padding-right: 10px;
  color: var(--c-main);
}

div#side_catalog {
  padding-bottom: 15px;
}

#calender_area {
  border: 1px solid #cccccc;
  border-radius: 0.6em;
  padding: 1em;
}

#calender_area .block_body {
  padding: 0px 20px 20px;
  margin-top: -10px;
  padding: 0 !important;
}

#calender_area h2 {
  border: none;
  text-align: left;
  background: transparent;
}

#calender_area table .month {
  background: transparent;
}

#calender_area table td {
  border-bottom: none;
  border-right: none;
  padding: 5px 3px;
}

#calender_area th {
  border-bottom: none;
  background-color: transparent;
  font-weight: bold;
}

#calender_area .off {
  color: #f00;
  background-color: transparent;
}

#calender_area .today {
  background-color: #0070c0;
  font-weight: bold;
  color: #fff;
  border-radius: 20px;
  background-color: #0070c0;
  font-weight: bold;
  color: #fff;
  border-radius: 20px;
}

#login_area h2 {
  border: none;
  text-align: left;
  background: transparent;
}

#search_area {
  border: 1px solid #cccccc;
  border-radius: 0.6em;
  padding: 1em;
}

#search_area h2 {
  border: none;
  text-align: left;
  background: transparent;
}

#search_area p.btn {
  margin-bottom: 5px;
  font-weight: bold;
  background-color: #173a59;
  font-size: 15px;
  letter-spacing: 0.1em;
}

#search_area .block_body {
  padding: 0 !important;
}

#cart h2 {
  border: none;
  text-align: left;
  background: transparent;
}

input.box140 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

li.level2 {
  background: #fff;
}

#side_catalog p a {
  font-size: 12px;
  font-weight: bold;
}

p.logout_btn {
  position: relative;
}

.pickup {
  text-align: center;
  margin: auto;
  width: 94%;
}

.pickup h2 {
  font-size: 1.5em;
}

.pickup .pickup-list ul li {
  display: inline-block;
  padding: 10px 20px;
}

.pickup .pickup-list ul li .fa {
  padding-left: 6px;
  color: var(--c-main);
  font-weight: bold;
}

.pickup .pickup-list ul li a {
  color: var(--c-main);
  font-weight: bold;
  font-size: 18px;
}

.pickup .pickup-img ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
}

.pickup .pickup-img ul li:not(:first-child) {
  margin-left: 20px;
}

.pickup-img img {
  border: 1px solid #ececec;
}

p.btn {
  background: var(--c-main);
  border-radius: 4px;
  width: 200px;
  line-height: 40px;
  margin: 10px auto;
}

p.btn a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: bold;
}

.top-category ul li a {
  display: block;
  text-align: center;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 3px;
  padding: 10px;
  font-weight: bold;
  font-size: 18px;
}

.top-category ul li a:hover {
  border: 1px solid var(--c-main_hov);
  opacity: 1;
  color: #000;
}

.top-genre ul {
  margin-bottom: 10px;
}

.top-genre .ucards > div {
  width: 20%;
  margin-right: 6px;
  font-size: 0.95em;
  padding: 0 6px;
}

.top-genre .ucards > div li {
  padding: 2px 0;
}

.top-genre h3 {
  margin: 10px 0;
}

.top-genre .ucards.nowrap {
  padding: 5px 20px 20px;
  margin: 0 10px;
}

.top-search > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 10px;
}

.top-search div.btn {
  border-radius: 4px;
}

.top-search div.btn a {
  display: block;
  line-height: 50px;
  color: #fff;
  width: 100%;
}

.top-search div.btn a p {
  text-align: center;
}

.top-search div.btn a p i {
  padding-right: 10px;
}

.top-search div.btn.search-b {
  background: #383838;
  width: calc(22% - 20px);
}

.top-search div.btn.search-b span {
  font-size: 16px;
}

.top-search div.btn.history-b {
  background: #072060;
  width: calc(22% - 20px);
}

.top-search div.btn.history-b span {
  font-size: 16px;
}

.search_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
}

.search_box input.box140 {
  width: 100%;
  border-radius: 4px 0 0 4px;
}

.search_box p.btn {
  width: 28%;
  margin: 0;
}

.search_box p.btn input {
  height: 50px;
  border-radius: 0 4px 4px 0;
  font-size: 16px;
  font-weight: bold;
}

.form_outer {
  width: 58%;
}

.top-items ul.slid-items li.card {
  padding: 20px;
  background: #fff;
}

.top-items p.item-name {
  font-size: 14px;
}

.top-items p.price {
  font-size: 16px;
  color: red;
  font-weight: bold;
}

.top-itemcontent li {
  background: #fff;
  padding: 20px;
  margin: 10px;
  width: 26.6%;
}

.top-itemcontent p {
  font-size: 14px;
}

.top-itemcontent .item-h {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}

.top-itemcontent .item-hsub {
  text-align: center;
}

.top-itemcontent p.btn {
  background: var(--c-main);
}

.top-itemcontent p.btn a {
  color: #fff;
}

.categorylink_area .footer_attention {
  background: #d1d1d1;
  padding: 20px;
  font-weight: normal;
}

.categorylink_area .footer_attention p {
  font-size: 18px;
}

.categorylink_area .footer_attention p small {
  font-size: 12px;
  display: block;
  margin-top: 2px;
}

.categorylink_area .banner img {
  width: 60%;
  max-width: 740px;
}

.categorylink_area .link {
  width: 1340px;
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
  padding: 40px 10px;
}

.categorylink_area .link a {
  font-weight: bold;
  display: block;
  padding: 0.1em 10px;
  margin: 0.3em 0;
}

.categorylink_area ul {
  text-align: left;
}

.categorylink_area ul li {
  display: inline-block;
}

.categorylink_area ul li a {
  border-right: 1px solid;
  padding: 0 10px;
  font-size: 12px;
  line-height: 24px;
}

.footer-banner_area div.cards ul {
  width: 1220px;
  padding: 20px 0;
  margin: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.footer-banner_area div.cards ul li {
  margin: 0;
}

.footer-banner_area div.one {
  background: var(--c-main);
}

.footer-banner_area div.one ul li {
  width: 50%;
  margin: 0 10px;
}

.footer-banner_area div.one ul li a {
  display: block;
}

.footer-banner_area div.two {
  background: #fff;
}

.footer-banner_area div.two ul li {
  width: 49.79%;
  margin: 0 10px;
}

footer {
  text-align: left;
  background: #f2f2f2;
  color: #1e1e1e;
}

footer p {
  font-size: 12px;
}

footer a {
  font-size: 12px;
}

footer .co p.name {
  font-size: 14px;
}

footer .co p.tel img {
  margin-bottom: 0;
}

footer .co p.mail a {
  font-weight: bold;
  font-size: 1.25em;
}

footer .co p.btn {
  background: #173a59;
  margin-left: 0;
  margin-top: 20px;
  width: 100%;
}

footer .co p.btn a {
  display: block;
  width: 100%;
  color: #fff;
  position: relative;
  border-radius: 0.3em;
  font-size: 1.6em;
  padding: 0.8em 0;
  text-align: center;
  letter-spacing: 0.1em;
}

footer .co p.btn a:before {
  display: block;
  position: absolute;
  content: "〉";
  right: 0.6em;
  top: 50%;
  margin: auto 0;
  font-size: 1.1em;
  width: 1em;
  height: 1em;
  line-height: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-weight: bold;
}

footer .footer_manu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1340px;
  margin: auto;
  padding: 60px 20px 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

footer .footer_manu .co-info {
  margin-top: 20px;
}

footer .footer_manu .co {
  width: 27%;
  padding-right: 40px;
}

footer .footer_manu .co img {
  margin-bottom: 10px;
}

footer .footer_manu .menus {
  width: 58%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

footer .footer_manu .menus p {
  line-height: 23px;
}

footer .footer_manu .menus .menu {
  width: 50%;
}

footer .footer_manu .menus .menu ul {
  margin-bottom: 10px;
}

footer .footer_manu .menus .menu .h-text:nth-child(2) {
  margin-top: 20px;
}

footer .footer_manu .info {
  width: 58%;
}

footer .footer_manu .info .h-text2 {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 20px;
}

footer .footer_manu .info .h-text {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

footer .footer_manu .info b.big {
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
}

footer .footer_manu .h-text2 {
  font-weight: normal;
  padding-bottom: 6px;
  font-size: 16px;
}

footer .footer_manu .h-text {
  font-weight: normal;
  padding-bottom: 6px;
  font-size: 16px;
}

footer .footer_manu b {
  font-size: 14px;
  font-weight: normal;
}

footer .copy {
  background: #262626;
  color: #fff;
}

footer .copy .inner {
  max-width: 1380px;
  padding: 0 40px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
}

footer .copy ul {
  float: left;
}

footer .copy ul li {
  display: inline-block;
}

footer .copy ul li:not(:nth-child(1))::before {
  content: "|";
  padding: 0 10px;
}

footer .copy .copyright {
  font-size: 0.8em;
}

footer i {
  padding-right: 6px;
}

.footer_link_menu ul {
  text-align: center;
  font-size: 14px;
}

.footer_link_menu .inner {
  max-width: 1380px;
  padding: 0 40px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
}

.footer_link_menu .inner li {
  display: inline-block;
}

.footer_link_menu .inner li:not(:nth-child(1))::before {
  content: "|";
  padding: 0 10px;
}

.footer_link_menu .inner li a {
  font-size: 16px;
}

a.addEllipsis {
  font-size: 14px;
  line-height: 20px;
}

.block_body.clearfix.rmd_slider_wide > div {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
  margin-right: 5px !important;
}

.history_list {
  margin-top: -50px;
}

#order_list_btn a {
  background-color: #ff7822;
}

div#button_lower ul li input[type=submit] {
  background-color: #ff7822;
}

.product-text h3 {
  margin: 2em 0 0.5em;
}

.product-text a {
  text-decoration: underline;
}

img {
  max-width: 100%;
}

span.price02_notax_dynamic {
  color: red;
  font-size: 32px !important;
  font-weight: bold;
}

span.price02_notax_default {
  color: red;
  font-size: 32px !important;
  font-weight: bold;
}

ul#fixed_link li a {
  color: #fff;
}

span#price04_notax_default_ {
  font-weight: bold;
  font-size: 20px;
}

p.price_label {
  display: none;
}

.fa-angle-right:before {
  color: var(--c-main);
}

form.status_box {
  margin-top: 20px;
  background: #fff;
  padding: 20px;
  margin: 20px 0;
}

form.status_box h3 {
  margin-bottom: 10px;
}

form.status_box button#button {
  border: none;
  line-height: 40px;
  padding: 0 80px;
  margin: 20px auto 0px;
  display: block;
  background: var(--c-main);
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}

div#new_search_status_area {
  margin-bottom: 20px;
}

div#new_search_status_area button#button {
  border: none;
  line-height: 40px;
  padding: 0 80px;
  margin: 20px auto 0px;
  display: block;
  background: var(--c-main);
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}

form#search_form #search_keyword_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

form#search_form #search_keyword_top input#search_kw {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 40px;
  width: 80%;
  border-right: 0;
  border-radius: 5px 0 0 5px;
}

form#search_form #search_keyword_top select {
  height: 46px;
}

form#search_form #search_keyword_top input#btn_kwd_search {
  height: 46px;
  background: var(--c-main);
  border-radius: 0px 5px 5px 0;
}

form#search_form #search_keyword_area {
  height: 46px;
  background: transparent;
  height: 50px;
  padding: 0px;
}

form#search_form #search_keyword_area h3#initial_display_toggle {
  padding: 10px;
  border-radius: 5px;
}

form#search_form #search_keyword_bottom input#search_deselect_kw {
  line-height: 40px;
}

form#search_form #search_price_area {
  margin-top: 140px;
  padding: 10px 20px;
  background: transparent;
}

#undercolumn form[name^=product_] {
  background: #fff;
  padding: 20px 20px 10px;
  margin: 10px;
  width: calc(25% - 24px);
}

#undercolumn form#search_form > * {
  padding: 0;
}

span.price {
  color: red;
  font-weight: bold;
}

.btn_area.btn_type_def input {
  background: var(--c-main);
  color: #fff;
  width: 90%;
}

.btn_area.btn_type_def a.btn {
  background: var(--c-main);
  color: #fff;
  width: 90%;
}

.btn_area.btn_type_def li a {
  color: #fff;
  width: 90%;
  min-width: 220px;
}

#mypagecolumn h3 {
  background: transparent;
  background: transparent;
  padding: 10px;
  font-weight: bold;
  font-size: 20px;
}

#mypagecolumn #mycontents_area form#search_form #search_keyword_top select {
  height: 50px;
}

#mypagecolumn #mycontents_area form#search_form #search_keyword_bottom input#search_deselect_kw {
  line-height: 30px;
}

#mypagecolumn #mycontents_area form#search_form #search_price_area {
  margin-top: 120px;
}

#mypagecolumn .upload_order .tab_content {
  clear: none;
}

#mypagecolumn div#mycontents_area div.mycondition_area {
  width: 100%;
  height: 200px;
  overflow-y: scroll;
}

#mypagecolumn ul.status_icon .status_icon_span {
  display: none;
}

#mypagecolumn div.listrightbloc ul.status_icon li img {
  display: block;
}

#mycontents_area.mypage-top ul#mypage_nav {
  background: transparent;
}

ul#mypage_nav.nav_list_style li a {
  padding: 10px 11px;
  font-weight: bold;
}

.main-content.items ul.ucards li a {
  display: block;
  border: 1px solid #ececec;
  border-radius: 3px;
  padding: 20px;
  background-color: #fff;
  height: 100%;
}

.main-content.items ul.ucards li a:hover {
  border: 1px solid var(--c-main);
  color: black;
}

.main-content.items ul.ucards li p {
  font-size: 12px;
  font-weight: normal;
}

.main-content.items ul.ucards li h3 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 10px;
}

.main-content.items ul.ucards li h3 span {
  display: block;
}

.main-content.items ul.ucards li h3 span.sub {
  font-size: 12px;
  font-weight: normal;
}

.main-content.items ul.ucards li h3 img {
  height: 35px;
}

.main-content.items.recomend ul.ucards li .cate-icon {
  color: var(--c-main);
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  border: 1px solid var(--c-main);
  border-radius: 20px;
  padding: 4px;
  margin-top: 5px;
}

.main-content.items.recomend .item-name {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}

.main-content.top-search .form_outer {
  margin-right: 0px;
}

section.main-content.food p.btn {
  width: 50%;
  margin: 20px auto;
  background: transparent;
}

section.main-content.food p.btn a {
  color: var(--c-main);
  border: 1px solid var(--c-main);
  border-radius: 5px;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
}

section.main-content.food p.btn a:hover {
  background-color: var(--c-main);
  color: #fff;
  opacity: 1;
}

div.listrightbloc ul.status_icon li {
  width: 59px;
  margin-bottom: 5px;
}

form[name^=product_] {
  height: 350px;
}

div#search_status_area {
  display: none;
}

select.box145 {
  width: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 28px;
  border-radius: 3px;
}

.header_mypage_btn a:before {
  top: -4px;
}

div[id^=raku2_close] {
  color: #fff;
  width: 90%;
  min-width: 220px;
}

div#mycontents_area {
  margin-top: 50px;
}

ul#mypage_nav {
  margin-top: 50px;
  background: transparent;
  padding: 18px 0px 8px;
}

ul#mypage_nav li {
  margin: 0px 5px 10px;
}

p.addbtn i {
  color: #fff;
}

table.layout_orderlist ul.status_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

input#btn_price_search {
  max-width: 280px;
}

.initial_display p input.price_range[type=text] {
  max-width: 280px;
  width: 22vw !important;
}

.mycondition_area.clearfix p.btn {
  background-color: transparent;
}

.mycondition_area.clearfix p.btn input {
  margin: 10px 0;
}

div#search_keyword_top > input {
  line-height: 50px !important;
  height: 50px !important;
}

div#search_estimate_date {
  margin-bottom: 10px;
}

div#undercolumn_cart .listdetail .dl-btn {
  padding: 5px 10px 5px 20px;
  background: #000;
}

div#undercolumn_cart .listdetail .dl-btn:before {
  margin-left: -13px;
}

#fvslider {
  width: 100%;
  min-width: 1350px;
  left: 10vw !important;
}

#fvslider li {
  width: 80vw !important;
}

#importnews_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 1em 0 4em;
  margin: auto;
  width: 94%;
}

#importnews_area h2 {
  background-color: #d20000;
  color: #fff;
  border-radius: 0.4em;
  padding: 1.2em 1em 1.2em 3em;
  text-align: center;
  letter-spacing: 0.1em;
  position: relative;
  display: inline-block;
  width: 12em;
}

#importnews_area h2 span {
  position: relative;
}

#importnews_area h2 span:before {
  display: block;
  position: absolute;
  content: "";
  left: -1.7em;
  top: 50%;
  width: 1.3em;
  height: 1.3em;
  background: url(/user_data/packages/raku2pc/img/common/icon4.png) no-repeat center/contain;
  -webkit-transform: translateY(-0.65em);
  transform: translateY(-0.65em);
}

#importnews_area .block_body {
  width: calc(97% - 12em);
  margin-left: 3%;
}

#importnews_area .newsbox {
  padding: 0.7em 0 0.8em 1em;
}

#importnews_area h3 a {
  position: relative;
  font-size: 16px;
pointer-events: none;
}

#importnews_area h3 a:before {
  display: block;
  position: absolute;
  content: "〉";
  color: #c7000b;
  font-weight: bold;
  left: -1em;
  font-size: 0.8em;
  top: 50%;
  line-height: 1em;
  width: 1em;
  height: 1em;
  -webkit-transform: translateY(-0.5em);
  transform: translateY(-0.5em);
}

#shop_category_keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: clamp(10px, 1vw, 14px);
  margin-top: 3.5em;
}

#shop_category_keyword .category_outerbox {
  width: 70%;
}

#shop_category_keyword .keyword_outerbox {
  width: 28.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#shop_category_keyword .category_listbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#shop_category_keyword .category_listbox a {
  font-size: 1.06em;
  padding: 0.2em 1.2em 0.2em 0.4em;
  width: calc(25% - 6px);
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #bababa;
  letter-spacing: 0;
  font-weight: 700;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-color: #fff;
  min-height: 4.3em;
}

#shop_category_keyword .category_listbox a:before {
  display: block;
  position: absolute;
  content: "〉";
  right: -1.5%;
  top: 50%;
  font-size: 1.2em;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
  color: #002060;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#shop_category_keyword .category_listbox a:nth-child(n+9) {
  margin-bottom: 0;
}

#shop_category_keyword .category_listbox a figure {
  width: 20%;
  margin: 0;
}

#shop_category_keyword .category_listbox a .category_titlebox {
  width: 75%;
  line-height: 1.3em;
}

.keywordbox form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  padding: 0.8em;
  background-color: #e0e0e0;
  margin-bottom: 2%;
}

.keywordbox form a:nth-child(1) {
  width: 7em;
  height: auto;
  text-align: center;
  color: #fff;
  background-color: #002060;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.8em;
  border-radius: 0.3em;
  letter-spacing: 0.1em;
}

.keywordbox form .box1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 6em);
}

.keywordbox form .box2 {
  width: 5em;
  border-radius: 0.6em 0 0 0.6em;
  overflow: hidden;
  position: relative;
}

.keywordbox form .box3 {
  position: relative;
  width: 100%;
}

.keywordbox form .box3 input[name=search] {
  display: block;
  border-radius: 0.4em;
  width: 5.4em;
  text-align: center;
  font-size: 0.75em;
  padding: 0.6em 0;
  position: absolute;
  top: 50%;
  text-align: center;
  right: 0.6em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #d20000;
  text-align: center;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.9em;
  letter-spacing: 0.2em;
  border-radius: 0.3em;
}

.keywordbox form select {
  width: 5em;
  height: 100%;
  border-radius: 0.6em 0 0 0.6em;
}

.keywordbox form input[name=name] {
  border-radius: 0.3em;
  border: 1px solid #bababa;
  background-color: #fff;
  padding: 1.1em 4.35em 1.1em 0.5em;
  font-size: 0.85em;
  width: 100%;
}

.keyword_outerbox0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.keyword_outerbox0 a {
  border: 1px solid #bababa;
  padding: 0 1em;
  width: 49%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 900;
  position: relative;
}

.keyword_outerbox0 a .titlebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.7em;
}

.keyword_outerbox0 a .titlebox figure {
  width: 22%;
  margin: 0;
}

.keyword_outerbox0 a .titlebox span {
  width: 71%;
}

.keyword_outerbox0 a:before {
  display: block;
  position: absolute;
  content: "〉";
  right: 0.3em;
  top: 50%;
  width: 1em;
  height: 1em;
  line-height: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #002060;
}

.keyword_outerbox0 a p {
  font-size: 0.7em;
}

#category2 {
  border: 1px solid #cccccc;
  border-radius: 0.6em;
  padding: 1em;
}

#category2 .category2_listbox a {
  border-bottom: 1px solid #bababa;
  padding: 1em 0;
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#category2 .category2_listbox a:last-child {
  border-bottom: 0px solid #bababa;
}

#category2 .category2_listbox a figure {
  width: 20%;
  margin: 0;
}

#category2 .category2_listbox a .category2_titlebox {
  width: 77%;
}

.ucards2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ucards2 li {
  width: calc(25% - 6px);
  margin-bottom: 8px;
}

.ucards2 li a {
  display: block;
  border: 1px solid #bababa;
  text-align: center;
}

.ucards2 li a h3 {
  margin: 1em 1em 0.2em;
  font-weight: bold;
  font-size: 1.35em;
  letter-spacing: 0.1em;
}

.ucards2 li a h3 span {
  display: block;
}

.ucards2 li a h3 span:nth-child(1) {
  font-size: 0.6em;
  letter-spacing: 0;
}

.ucards2 li a p {
  margin: 0 1em 1em;
  font-weight: bold;
  color: #e11f1f;
  padding-right: 1.1em;
}

.ucards2 li a p span {
  position: relative;
}

.ucards2 li a p span:before {
  display: block;
  position: absolute;
  content: "〉";
  right: -1.2em;
  top: 50%;
  width: 1em;
  height: 1em;
  line-height: 1em;
  color: #002060;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

section.main-content p.btn2 {
  width: 50%;
  margin: 1em auto;
  font-size: 1.35em;
}

section.main-content p.btn2 a {
  background-color: #d20000;
  border-radius: 0.6em;
  text-align: center;
  padding: 1em 0;
  display: block;
  color: #fff;
  letter-spacing: 0.1em;
  position: relative;
  font-weight: 900;
}

section.main-content p.btn2 a:before {
  display: block;
  position: absolute;
  content: "〉";
  right: 0.6em;
  top: 50%;
  width: 1em;
  height: 1em;
  line-height: 1em;
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

section.main-content p.btn2 a.blue {
  background-color: #002060;
}

#popular_products .category_listbox2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#popular_products .category_listbox2 a {
  font-size: 1.06em;
  padding: 1.1em 1.2em 1.1em 0.4em;
  width: calc(25% - 6px);
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #bababa;
  letter-spacing: 0;
  font-weight: 700;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-color: #fff;
}

#popular_products .category_listbox2 a:before {
  display: block;
  position: absolute;
  content: "〉";
  right: -1.5%;
  top: 50%;
  font-size: 1.2em;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
  color: #002060;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#popular_products .category_listbox2 a:nth-child(n+9) {
  margin-bottom: 0;
}

#popular_products .category_listbox2 a figure {
  width: 28%;
  padding-left: 1%;
  margin: 0;
}

#popular_products .category_listbox2 a .category_titlebox {
  width: 65%;
  font-size: 1.2em;
}

#popular_products .category_listbox2 a .category_titlebox span {
  display: block;
  font-size: 0.6em;
  margin-bottom: 0.2em;
}

#recomend2 .bx-wrapper .bx-pager.bx-default-pager a {
  border-color: #fff;
  background-color: transparent !important;
}

#recomend2 .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-color: #fff !important;
}

#recomend2 .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background-color: #fff !important;
}

#recomend2 .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #fff !important;
}

.history_list2 {
  margin-top: 40px;
}

.history_list2 .block_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.history_list2 .block_body .product_item {
  width: calc(20% - 6.4px);
  margin: 0 8px 8px 0;
  padding: 1em;
  font-weight: bold;
  border: 1px solid #bababa;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.history_list2 .block_body .product_item:nth-child(5n) {
  margin-right: 0;
}

.history_list2 .block_body .product_item h3 {
  margin: 1em 0 0.2em;
  font-weight: bold;
  letter-spacing: 0.01em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
font-size:1em;
          flex-grow: 1;
}

.history_list2 .block_body .product_item .normal {
  text-align: center !important;
  color: #e11f1f !important;
  font-size: 13px !important;
  font-weight: bold !important;
  margin-top: 0.4em !important;
}

.history_list2 .block_body .product_item .normal .price {
  color: #e11f1f !important;
  font-size: 14px !important;
  font-weight: bold !important;
  margin-top: 0.4em;
}

.liststyle2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.liststyle2 li {
  width: calc(20% - 6.4px);
  margin: 0 8px 8px 0;
}

.liststyle2 li:nth-child(5n) {
  margin-right: 0;
}

.liststyle2 li a {
  padding: 1em;
  font-weight: bold;
  border: 1px solid #bababa;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.liststyle2 li a h3 {
  margin: 1em 0 0.2em;
  font-weight: bold;
  letter-spacing: 0.01em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
font-size: 1em;
}

.liststyle2 li a p {
  color: #e11f1f;
  font-size: 13px;
  font-weight: bold;
  margin-top: 0.4em;
}

.tabcontent {
  display: none;
}

.tabcontent.show {
  display: block;
}

.tab-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 1.5em;
}

.tab-container .tab {
  border-left: 1px solid #bababa;
  text-align: center;
  width: 16.6666666667%;
  padding: 0.5em 0;
  font-weight: bold;
  cursor: pointer;
}

.tab-container .tab:first-child {
  border-left: 0px solid #000;
}

.tab-container .tab.active {
  background-color: #e11f1f;
  color: #fff;
}

#footer_txt {
  background: url(/user_data/packages/raku2pc/img/common/backimg.jpg) no-repeat bottom/cover;
  padding: 65px 0 50px;
  margin-top: 40px;
}

#footer_txt .frame {
  max-width: 1340px;
  margin: auto;
}

#footer_txt h3 {
  font-size: 1.8em;
  margin-bottom: 1.3em;
}

#footer_txt p {
  margin: auto;
  width: 60%;
  font-weight: bold;
  line-height: 1.8em;
}

#footer_txt a.btn3 {
  background-color: #173a59;
  color: #fff;
  font-weight: bold;
  margin: 40px auto 0;
  position: relative;
  padding: 1.2em;
  text-align: center;
  display: block;
  width: 500px;
  border-radius: 0.3em;
  font-size: 1.4em;
  letter-spacing: 0.1em;
}

#footer_txt a.btn3:before {
  display: block;
  position: absolute;
  content: "〉";
  right: 0.3em;
  top: 50%;
  margin: auto 0;
  width: 1em;
  height: 1em;
  line-height: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer_manubtn_area {
  background-color: #0070c0;
  padding: 40px 0;
}

.footer_manubtn_area .frame {
  max-width: 1340px;
  margin: auto;
}

.footer_manubtn_area .btnlists li a {
  display: block;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2em;
  position: relative;
  border-radius: 0.3em;
}

.footer_manubtn_area .btnlists li a:before {
  display: block;
  position: absolute;
  content: "〉";
  right: 0.6em;
  top: 50%;
  margin: auto 0;
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  line-height: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #0070c0;
  font-weight: bold;
}

.footer_manubtn_area .btnlists li a img {
  width: 16%;
}

.footer_manubtn_area .btnlists li a .content {
  width: 75%;
  text-align: left;
}

.footer_manubtn_area .btnlists li a .content h3 {
  padding: 0.6em 0;
  border-bottom: 1px solid #0070c0;
  display: inline-block;
}

.footer_links .inner {
  max-width: 1340px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 20px 60px;
}

.footer_links .inner li:first-child {
  font-size: 1.3em;
  text-align: left;
  padding-left: 3.5em;
  font-weight: bold;
  position: relative;
  margin-bottom: 0.65em;
}

.footer_links .inner li:first-child:before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 3em;
  height: 1px;
  background-color: #000;
}

.footer_links .inner li a {
  font-size: 1.1em;
  display: block;
  padding: 0.2em 0;
  font-weight: 900;
}

@media screen and (max-width: 1000px) {
  #fvslider {
    left: 100px !important;
  }
  #fvslider li {
    width: 800px !important;
  }
}
nav .pb2 .child-outer ul {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

nav .pb2 .child-outer li {
  width: calc(25% - 20px);
}


.bx-wrapper .liststyle2 li {
  position: relative;
  padding-bottom: 1px;
}
.bx-wrapper .liststyle2 li:before {
  display: block;
  position: absolute;
  content: "";
  left: 0.3em;
  top: 0.3em;
  width: 2.4em;
  height: 2.4em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 3;
}
.bx-wrapper .liststyle2 li.no1::before {
  background-image: url("/user_data/packages/raku2pc/img/topimage/ranking/no1.webp");
}
.bx-wrapper .liststyle2 li.no2::before {
  background-image: url("/user_data/packages/raku2pc/img/topimage/ranking/no2.webp");
}
.bx-wrapper .liststyle2 li.no3::before {
  background-image: url("/user_data/packages/raku2pc/img/topimage/ranking/no3.webp");
}
.bx-wrapper .liststyle2 li.no4::before {
  background-image: url("/user_data/packages/raku2pc/img/topimage/ranking/no4.webp");
}
.bx-wrapper .liststyle2 li.no5::before {
  background-image: url("/user_data/packages/raku2pc/img/topimage/ranking/no5.webp");
}
.bx-wrapper .liststyle2 li.no6::before {
  background-image: url("/user_data/packages/raku2pc/img/topimage/ranking/no6.webp");
}
.bx-wrapper .liststyle2 li.no7::before {
  background-image: url("/user_data/packages/raku2pc/img/topimage/ranking/no7.webp");
}
.bx-wrapper .liststyle2 li.no8::before {
  background-image: url("/user_data/packages/raku2pc/img/topimage/ranking/no8.webp");
}
.bx-wrapper .liststyle2 li.no9::before {
  background-image: url("/user_data/packages/raku2pc/img/topimage/ranking/no9.webp");
}
.bx-wrapper .liststyle2 li.no10::before {
  background-image: url("/user_data/packages/raku2pc/img/topimage/ranking/no10.webp");
}

.bx-prev{
transform: translatex(-100%);
    left: 11.9% !important;
}
.bx-next{
transform: translatex(100%);
    right: 10.5% !important;
}


#shop_ranking .bx-prev{
    left:22px!important;
}
#shop_ranking .bx-next{
    right:22px!important;
}

#header_user p{
    text-align: right;
    font-size: .89em;
}

.bx-wrapper .bx-controls-direction a{
z-index:90!important;
}

#header_utility{
width:100%;
}

#headerInternalColumn{
width:100%;
}

.bx-wrapper img{
width:100%;
    height: auto;
}