/*PCの場合*/
#PC_only{ display:inline!important; }
#SP_only{ display:none!important; }
@media screen and (max-width: 1024px) {
/*タブレット、スマホの場合*/
#PC_only{ display:none!important; }
#SP_only{ display:inline!important; }

/*common.css*/
/*-----------------------------------------------
リンク指定
----------------------------------------------- */
a:hover,
a:active{
	filter: alpha(opacity=70); /* ie8以下用の透明度を設定 */
	-moz-opacity: 0.7; /* Firefox用の透明度を設定 */
	opacity: 0.7; /* 透明度を設定 */
}
input:hover,
input:active{
	filter: alpha(opacity=70); /* ie8以下用の透明度を設定 */
	-moz-opacity: 0.7; /* Firefox用の透明度を設定 */
	opacity: 0.7; /* 透明度を設定 */
}
a:link,
a:visited {
    color: #333;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    cursor: pointer;
}


/*右矢印リンクテキスト*/
.arrowRtxt {
    display: inline;
    clear: both;
    margin: 5px auto;
    padding-right: 15px;
    background: url(../img/common/ico_arrowR.png) right center no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .arrowRtxt {
        background: url(../img/common/ico_arrowR2.png) right center no-repeat;
        -webkit-background-size: 10px 15px;
        background-size: 10px 15px;
    }
}
div,
li,
p {
-webkit-tap-highlight-color: rgba(0,0,0,0.50);}
/*-----------------------------------------------
clearfix
----------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
/*-----------------------------------------------
汎用
----------------------------------------------- */
.photoL {
    float: left;
    clear: left;
}
.photoR {
    float: right;
    clear: right;
}
.clear {
    clear: both;
}
.inner {
    padding: 10px;
}
.intro {
    padding: 10px 5%;
    font-weight: bold;
}
.intro p {
    line-height: 1.3;
}
.hidden {
    display: none;
}
.end {
    border-bottom: none!important;
}
.top {
    margin-bottom: 8px!important;
}
.bg_head {
    background: #EEE;
}
.pb {
    padding-bottom: 0!important;
}
/*-----------------------------------------------
font
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5 {
    font-size: 113%;
}
em {
    font-weight: bold;
}
.attention {
color: #CC0000; }
.mini {
    font-size: 11px;
font-weight:normal; }
.fb {
    font-size: 15px;
    font-weight: bold;
}
.fn {
    font-weight: normal;
}
.price {
    color: #2D2D2E;
    font-weight: bold;
}
.attentionSt {
    color: #CC0000;
    font-weight: bold;
}
/*-------------------------------------------------
レイアウト
----------------------------------------------- */
.frame_outer {
    overflow: hidden;
    width: 100%;
    background: #FFF;
}
#main-content {
    margin-bottom: 30px;
}
/*-----------------------------------------------
タイトル
----------------------------------------------- */
h2 {
	padding: 5px 0;
	font-weight: normal;
	text-align: center;
	font-size: 100%;
	background: #2D2D2E;
	color: #fff;
}
h2.title {
    border-bottom: 1px solid #CCC;
    font-size: 130%;
    clear: both;
}
/*ボタンで展開するタイトルバー*/
.title_box {
    color: #FFF;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
    line-height: 45px;
    padding: 0 10px;
    margin: 0 0 15px 0;
    background: #494e57;
    background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57));
    border-top: #74828B solid 1px;
    border-bottom: #74828B solid 1px;
    vertical-align: middle;
    clear: both;
}
.title_box h2 {
    font-size: 20px;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    width: 85%;
    float: left;
    clear: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 45px;
    vertical-align: middle;
}
.title_box h3 {
    width: 85%;
    float: left;
    clear: left;
    font-size: 18px;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    vertical-align: middle;
}
/*サブタイトル*/
h3.subtitle {
    font-size: 18px;
    padding: 10px 5%;
    border-top: solid 1px #e9e9e9;
    border-bottom: solid 1px #e9e9e9;
    color: #2D2D2E;
    background: #f5f5f5;
    font-weight: normal;
    clear: both;
    line-height: 1.6;
}
/*ボタンで展開するサブタイトルバー*/
.title_box_sub {
    color: #FFF;
    line-height: 30px;
    padding: 0 10px;
    margin: 0 0 20px 0;
    background: #2185c5;
    vertical-align: middle;
    clear: both;
    position: relative;
}
.title_box_sub h2,
.title_box_sub h3 {
    font-size: 120%;
    width: 85%;
    border: none;
    float: left;
    clear: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    vertical-align: middle;
    margin-bottom: 0;
    font-weight: normal;
}
.title_box_sub .b_expand {
    width: 22px;
    height: 21px;
    float: right;
    clear: right;
    position: absolute;
    top: -6px;
    right: 15px;
    z-index: 2;
    padding: 2px;
}
/*----------------------------------------------------
input/select
----------------------------------------------------*/
input {
    margin: 0;
    padding: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
input[type="text"] {
    margin: 5px 0;
}
input[type="number"] {
    padding: 5px 0;
    text-indent: 0;
}
input[type="number"]:first-child {
    margin-right: -2px;
}
input[type="radio"],
input[type="check"] {
    padding: 5px;
    line-height: 1.6;
    margin-right: 0.5em;
}
input[type="radio"]:checked{
	background: #333;
}
.text,
.textarea,
.dropdown {
    padding: 0.5em;
    margin: 0;
    border: #ccc solid 1px;
    background: #FFF;
}
.textarea {
    width: 97%;
    padding: 0.5em;
    margin: 0 0 10px 0;
}
.cartin_quantity,
.box_point {
    width: 2.5em;
}
.box_quantity {
    width: 3.5em;
}
.boxLong {
    width: 95%;
}
.boxMedium {
    width: 35%;
}
.boxShort {
    width: 22%;
}
.boxHarf {
    width: 50%;
}
select.boxLong {
    width: 100%;
}
select.boxMedium {
    width: 40%;
}
select.boxShort {
    width: 25%;
}
select.boxHarf {
    width: 46%;
}
select[name="Expire_month"] {
	margin-right: 5px;
}
select[name="Expire_year"] {
    margin: 0 5px 0 2px;
}
input[name="card_name1"],input[name="card_name2"] {
    margin: auto auto 5px 5px;
}
input[name="SecurityCode"] {
    margin-bottom: 5px;
}
/* プロフィール画像選択 */
ul#profile_image_list input[type="radio"] {
    display: none;
}
#profile_image_list input[type="radio"]:checked + label::after {
    display: none;
}
#profile_image_list input[type="radio"]:checked + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #2E2E2E;
    border-radius: 5px;
    top: 0;
    box-sizing: border-box;
}
#profile_image_list input[type="radio"] + label::before {
    display: none;
}
#profile_image_list input[type="radio"] + label {
    position: initial;
    padding-left: 0;
    margin-right: 0;
    width: 100%;
}

/* プロフィール画像リスト */
ul#profile_image_list {
    margin-top: 10px;
}
ul#profile_image_list li {
    float: left;
    width: 20%;
    position: relative;
}
ul#profile_image_list li img {
    width: 100%;
}
/*----------------------------------------------------
ボタン
----------------------------------------------------*/
/* 押下不可ボタン用 */
a.disable {
    opacity: 0.5;
    cursor: default;
    text-decoration: none !important;
}
/*----------------------------------------------------
スペース
----------------------------------------------------*/
.mt5 {
	margin-top: 5px;
}
/*----------------------------------------------------
header
----------------------------------------------------*/
.drawer-hamburger {
	padding: 13px .75rem 24px !important;
}

/* 改装中の上部メッセージ */
#close_message {
    position: absolute;
    display: block;
    width: 100%;
    letter-spacing: 2px;
    color: #ffffff;
    background: #009ee7;
    text-align: center;
}
div#close_message_blank {
    height: 22px;
}

/* デモ環境メッセージ */
.env_message {
    position: fixed;
    display: block;
    width: 100%;
    height: 22px;
    padding: 10px 0;
    top: 0;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #ffffff;
    background: #0083bf;
    z-index: 10000;
    text-align: center;
}

.env_message_blank {
    height: 42px;
}

.env_message p {
    display: inline;
    margin: 0 5px;
}

p.env_version_message {
    font-size: 10px;
    letter-spacing: 0;
}

#errorHeader {
    background: #0083bf;
    color: #fff;
    text-align: center;
}

/* ヘッダーロゴ
------------------------------------------------ */
header {
    width: 100%;
    background: #FFF;
    padding-top: 2%;
    margin-bottom: 5px;
    clear: both;
    min-height: 40px;
}
header #header_wrapper {
}
header #header_wrapper #header_inner_left {
    width: auto;
    margin-left: 2.3%;
    float: left;
    padding: 0;
}
header #header_wrapper #header_inner_left a {
    display: inline-block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
}
header #header_wrapper #header_inner_left img {
	width: 112px;
	padding: 0;
	vertical-align: middle;
}
header #header_wrapper #site_description {
    margin: 2%;
    font-size: 11px;
    line-height: 1;
}
#logo_area_lp { /* LP → 購入フローの場合 */
	margin: 10px;
}

/* ヘッダーナビ
------------------------------------------------ */
header #header_inner_right {
    width: 30%;
    padding: 0 5px;
    float: right;
    text-align: right;
    margin-right: 3%;
    margin-top: 18px;
}
header #header_inner_right ul#header_nav {
    float: right;
}
header #header_inner_right ul#header_nav li {
    float: left;
    margin-left: 10px;
    font-size: 73%;
    text-align: center;
}
header #header_inner_right ul#header_nav li i {
    font-size: 30px;
    color: #2D2D2E;
}
header #header_inner_right ul#header_nav li.icon_cart {
	position: relative;
}
header #header_inner_right ul#header_nav li a,
header #header_inner_right ul#header_nav li a:visited {
    color: #2D2D2F;
}
header #header_inner_right ul#header_nav .quantity {
    position: absolute;
    top: 0;
    right: -5px;
    background: #e64c66;
    display: block;
    width: 15px;
    height: 11px;
    border-radius: 50px;
    color: #fff;
    font-size: 80%;
    font-weight: normal;
    line-height: 1;
    padding-top: 4px;
}

/* ログイン中の場合はユーザー情報を表示する
------------------------------------------------ */
header #header_wrapper #login_user_info {
    clear: both;
}
header #header_wrapper #login_user_info p {
    font-size: 80%;
    margin-top: 4px;
}
header #header_wrapper #login_user_info p a,
header #header_wrapper #login_user_info p a:visited {
    color: #2D2D2E;
    text-decoration: underline;
    display: inline;
}


.quantity,
.money {
    font-size: 14px;
    font-weight: bold;
}


.free_money_area {
    font-size: 11px;
}
.dl_item {
    margin-top: 5px;
}

/*index menu/トップページヘッダー3列ボタン*/
.top_menu {
    width: 100%;
    margin-bottom: 10px;
    background: #494E57;
    background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57));
}
.top_menu ul {
    width: auto;
    margin: 0 auto;
    clear: both;
}
.top_menu ul li {
    width: 33.33%;
    float: left;
    text-align: center;
    border-left: #747B83 solid 1px;
    box-sizing: border-box;
}
.top_menu ul li img {
    margin: 0 auto;
    display: block;
    clear: both;
}
.top_menu ul li a:link,
.top_menu ul li a:visited {
    color: #FFF;
    padding: 9px 0 8px 0;
    display: block;
    background: #494E57;
    background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57));
    -webkit-transition: background-color 0.5s ease-in;
    -moz-transition: background-color 0.5s ease-in;
}
.top_menu ul li a:hover {
    color: #FFF;
    background: #5393C5;
    background: -moz-linear-gradient(center top, #5393C5 10%,#80B6E2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393C5),color-stop(1, #80B6E2));
    text-decoration: none;
}
.top_menu li:first-child {
    border-left: none;
}
.top_menu li:last-child {
    border-right: none;
}
/*-------------------------------------------------
メイン
----------------------------------------------- */
#newitem_area,
#top-banner_area,
#ranking_area {
    margin-bottom: 30px;
}
#top-banner_area img{
    margin-bottom: 10px;
}

/*-------------------------------------------------
footer
----------------------------------------------- */
footer {
}
footer #pagetop a,
footer #pagetop a:hover  {
    text-align: center;
    background: #2D2D2E;
    color: #fff;
    line-height: 1.3;
    padding: 5px 0;
    display: block;
}
footer #footer_nav_user {
    padding: 4%;
}
footer #footer_nav_user p.user_name {
	margin-bottom: 5px;
}
footer #footer_nav_user ul {
    border: solid 1px #e9e9e9;
    border-bottom-width: 2px;
}
footer #footer_nav_user ul li a {
    padding: 3% 6%;
    border-bottom: solid 1px #e9e9e9;
    display: block;
}
footer #footer_nav_user ul li a i {
    color: #2D2D2E;
    margin-right: 10px;
}
footer ul#footer_nav {
    background: #f5f5f5;
    border-top: solid 1px #e9e9e9;
}
footer ul#footer_nav li a {
    padding: 3% 6%;
    border-bottom: solid 1px #e9e9e9;
    display: block;
    color: #2D2D2E;
}
footer ul#footer_nav li i {
    margin-right: 10px;
}
footer p.copyright {
    text-align: center;
    padding: 20px 5px 5px;
}

/*-------------------------------------------------
検索バー
----------------------------------------------- */
#search_area {
    padding: 10px 4%;
    background: #E7E8E9;
    clear: both;
    text-align: center;
    overflow: hidden;
}
#search_area input#search {
    width: 92%;
    border-radius: 50px;
    border: solid 1px #bcbcbc;
    padding: 2% 3%;
    float: left;
    margin-left: 3%;
}
#search_area i.fa.fa-search {
    font-size: 120%;
    color: #2D2D2E;
    display: block;
    float: left;
    margin-top: 9px;
}

/*-------------------------------------------------
loader（jquery-mobile廃止に伴い追加）
----------------------------------------------- */
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(192,192,192, 0.2);
  border-right: 1.1em solid rgba(192,192,192, 0.2);
  border-bottom: 1.1em solid rgba(192,192,192, 0.2);
  border-left: 1.1em solid #c0c0c0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}

/*-----------------------------------------------
バナー管理
----------------------------------------------- */
img.widget_banner_image {
    width: 100%;
}

/*-----------------------------------------------
reCAPTCHA
----------------------------------------------- */
.recaptcha_center {
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	width:300px;
}

input.disabled {
	opacity: 0.5;
}

/* 行揃え
----------------------------------------------- */
.alignC {
    text-align: center;
}
.alignR {
    text-align: right;
}
.alignL {
    text-align: left;
}

/* 加盟店入力
----------------------------------------------- */
#entry_input_staff,
#entry_input_member dd {
	border: none;
}

.member_control_fp {
	padding: 15px 5% 0;
}

/* 開閉ボタン
----------------------------------------------- */
h3.btn-box.active::before{
	content:"\f146";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #333;
}
h3.btn-box::before{
	content:"\f0fe";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #333;
}

.raku2-mr5 {
	margin-right: 5px;
}

.raku2_break_word {
	overflow-wrap: break-word;
	word-break: break-all;
}
/*common.cssここまで*/

/*drawer_menu.css*/

.drawer_menu * {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-decoration: none;
  list-style: none;
}

.drawer_menu a {
	color: inherit;
	text-decoration: none;
	padding: 10px 20px 10px 30px;
/*	display: block;*/
}
.drawer_menu a:link,.drawer_menu a:visited {
    color: #2D2D2E;
    text-decoration: none;
}

/*.drawer_menu ul.drawer_nav a:after,.drawer_menu .drawer_nav li.ttl a:after {*/
/*    width: 6px;*/
/*    height: 10px;*/
/*    content: '+';*/
/*    color: #b2b2b2;*/
/*    position: absolute;*/
/*    right: 5px;*/
/*    top: 16px;*/
/*    background: url();*/
/*    background-size: 100%;*/
/*    background-repeat: no-repeat;*/
/*}*/
.on_child:after {
	content: '+';
    color: #b2b2b2;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 34px;
    padding: 20px 0;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 0.6em;
}
.on_child.active:after {
	content: '-';
    background: #fff;
    font-size: 18px;
    line-height: 0.3em;
}
.drawer_menu .drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background-color: rgba(51, 51, 51, 0.5);
  display: none;
  top: 0;
  left: 0;
  margin-top: 60px;
}

.drawer_menu .drawer_button {
	display: block;
	background: none;
	border: none;
	padding: 0;
	width: 36px;
	letter-spacing: 0.1em;
	cursor: pointer;
	position: fixed;
	top: 12px;
	right: 32px;
	z-index: 1001;
	text-align: center;
	outline: none;
	width: 39px;
	color: #2d2e2e;
	overflow: unset;
}
.drawer_menu .drawer_button.active .drawer_bar {
    width: 30px;
    margin-left: auto;
}

.drawer_menu .drawer_button.active .drawer_bar1 {
  transform: rotate(45deg);
}

.drawer_menu .drawer_button.active .drawer_bar2 {
  opacity: 0;
}

.drawer_menu .drawer_button.active .drawer_bar3 {
  transform: rotate(-45deg);
}

span.drawer_bar.drawer_bar3 {
    margin-bottom: 2.5px;
}

.drawer_menu .drawer_button.active .drawer_menu_text {
  display: none;
}

.drawer_menu .drawer_button.active .drawer_open {
    display: none;
}

.drawer_menu .drawer_open {
	letter-spacing: 0.08em;
	display: block;
	bottom: -15.5px;
	left: 2.5px;
	position: absolute;
}

.drawer_menu .drawer_close {
    bottom: -15.5px;
    left: 0.5px;
    position: absolute;
}

.drawer_menu .drawer_button.active .drawer_close {
  display: block;
}

.drawer_menu .drawer_bar {
	display: block;
	height: 2px;
	margin: 8px auto 3px!important;
	transition: all 0.2s;
	transform-origin: 0 0;
}
.drawer_menu .active .drawer_bar {
    margin: 8px 9.3px 3px!important;
}
.drawer_menu .active .drawer_bar3 {
    margin: 9.2px 8px 2px!important;
}
.drawer_menu .drawer_text {
  text-align: center;
  font-size: 10px;
}

.drawer_menu .drawer_close {
	letter-spacing: 0.08em;
	display: none;
	margin-left: 0;
	width: 38px;
}

.drawer_menu .drawer_menu_text {
  display: block;
}
.outer {
    width: 297px;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    transition: all 0.2s;
    transform: translate(0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.drawer_menu .drawer_nav {
    border-top: none;
}
.drawer_menu .drawer_nav_wrapper {
  width: 312px;
  height: 100%;
  transition: all 0.2s;
  transform: translate(312px);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  background-color: #FFF;
  margin-top: 60px;
  -webkit-overflow-scrolling: touch;
}

.drawer_menu .drawer_nav_wrapper.open {
  transform: translate(0);
}

.drawer_menu.left .drawer_button {
  right: auto;
  left: 21px;
}
.drawer_menu.left .drawer_nav_wrapper {
  transform: translate(-312px);
  right: auto;
  left: 0;
}
.drawer_nav_wrapper .outer {
    width: 100%;
}
.drawer_nav_wrapper .inner {
    width: 100%;
    margin-bottom: 92px;/* header下げた分調整する必要がある */
    padding: 0;
}
.drawer_menu.left .drawer_nav_wrapper.open {
	transform: translate(0);
    overflow: hidden;
    overflow-x: hidden;
    transition: all 0.2s;
    transform: translate(0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 280px;
    height: 100%;
}
.drawer_menu .btn_area {
    margin: 16px auto;
    display: inline-block;
    text-align: center;
}
.drawer_menu .recommend {
    text-align: center;
    margin: 12% 7%;
}
.drawer_menu .recommend a {
    padding: 0;
    width: 100%;
    margin: 0 auto;
}
.drawer_menu .recommend p {
    font-size: 11px;
    text-align: center;
}
.drawer_menu .recommend p.ttl {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}
.drawer_menu ul.guide {
    border-top: 1px solid #eee;
    padding: 20px;
}
.drawer_menu ul.guide li {
    font-size: 13px;
    letter-spacing: 1px;
    position: relative;
}
.drawer_menu ul.guide li a{
    padding: 13px 0 13px 30px;
    width: 100%;
    display: inline-block;
}
.drawer_menu ul.guide svg {
    width: 22px;
    position: absolute;
    top: 11px;
    left: 0;
    fill: #2D2D2E;
}
/*+++ Default Navigation CSS +++*/
.drawer_menu .drawer_nav {
	padding: 0;
}
.drawer_menu .on_child ul.drawer_nav li.ttl-sub {
    background-color: #eee;
}
#headerInternalColumn .drawer_menu .on_child ul.drawer_nav li.ttl-sub {
    border-bottom: none;
}
.active .tree_img_outer{
    border-bottom: dotted 1px #d8d6d6;
}
.drawer_menu .on_child ul.drawer_nav li.ttl-sub:last-child {
    border-bottom: none;
}
li.ttl-sub.on_child.active {
    border-bottom: none;
}
.drawer_menu ul.drawer_nav li#nav-home a,.drawer_menu ul.drawer_nav li#nav-login a,.drawer_menu ul.drawer_nav li#nav-cart a {
    padding: 10px 20px 10px 50px;
}
.drawer_menu .drawer_nav li {
	font-size: 14px;
	margin-bottom: 0;
	border-bottom: 1px solid #eee;
	position: relative;
}
.drawer_menu .drawer_nav li.ttl {
    padding: 10px 21px;
    background: #2D2D2E;
    color: #fff;
    line-height: 21px;
    letter-spacing: 2px;
}
.drawer_menu .drawer_nav li.ttl a {
    padding: 0;
    color: #fff;
}
.drawer_menu .drawer_nav li.ttl-sub {
    padding: 0;
    background: #fff;
    color: #333;
    line-height: 21px;
    letter-spacing: 2px;
}
/*+++ Default Button Color +++*/
.drawer_menu .drawer_button {
	color: #2d2e2e;
	width: 38px;
	top: 0;
	right: 7px;
	position: absolute;
	overflow: inherit;
}

.drawer_menu .drawer_button .drawer_bar {
    background-color: #2d2e2e;
    width: 32px;
    margin-left: 2px;
}

body.drawer_style{
	overflow: hidden;
	height: 100%;
}
.btn_outer {
    display: inline-block;
    position: fixed;
    top: 5px;
    right: 0;
    left: auto;
    position: absolute;
    width: 44px;
    height: 46px;
    z-index: 1001;
    border-radius: 2px;
}

.ttl-sub > ul {
	display: none;
}

/* カテゴリ画像 */
.tree_img_outer {
    display: inline-block;
    width: 100%;
}
.tree_img_outer img {
display: inline-block;
    width: 51px;
    height: auto;
    float: left;
}
.tree_img_outer a {
display: block;
    width: auto;
    vertical-align: middle;
    padding-left: 60px;
    padding-top: 14px;
    padding-bottom: 14px;
}

/* 検索エリア */
#search_area_side{
    padding: 10px 4%;
    background: #E7E8E9;
    clear: both;
    text-align: center;
    overflow: hidden;
    line-height: 0.8em;
}
#search_area_side input#search_side{
    width: 94%;
    border-radius: 2px;
    border: solid 1px #bcbcbc;
    padding: 2% 3%;
    float: left;
    margin-left: 3%;
    line-height: 1.6em;
}
#search_area_side i.fa.fa-search {
    font-size: 120%;
    color: #2D2D2E;
    display: block;
    float: left;
    margin-top: 9px;
}
section#search_area_side form {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: baseline;
}
section#search_area_side input[type="submit"]#btn_kwd_search_side {
    position: absolute;
    padding: 4% 2%;
    right: 3%;
    top: 0;
    border: none;
    background: #a5a5a5;
    border: 1px solid #bcbcbc;
    border-left: none;
    background-image: url(../../../../user_data/packages/raku2sp/img/common/search.svg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 50%;
    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;
    -webkit-appearance: none;
    width: 38px;
    line-height: 0.75em;
}

/* メニュー追加に伴うbxsliderの調整 */
.bx-wrapper .bx-controls-direction a {
    z-index: 99!important;
}

/*drawer_menu.cssここまで*/



/*design.css*/
#news_area h2, #recommend_area h2,.recommend_list h2,.recommend_list h2,.history_list h2{
  color: #fff!important;
background-color: #082b53!important;
text-align: center;
border: none!important;
padding: 10px!important;
font-weight: normal!important;
font-size: 150%!important;
}
footer #pagetop a, footer #pagetop a:hover {
  background: #082b53;
  color: #fff;
  text-decoration: none;
}
a.btn, a.btn:link, a.btn:visited, a.btn:hover {
color: #FFF;
background: #f19200;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.btn_sub, a.btn_sub, a.btn_sub:link, a.btn_sub:visited, a.btn_sub:hover{
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/* メッセージ */
.env_message_blank {
  height: auto;
}
.env_message {
  position: relative;
  z-index: 10;
  height: auto;
}
/* 改装中の上部メッセージ */
#errorHeader{
  position: relative;
  z-index: 1;
}
#errorHeaderBlank {
  display: none;
}

/* 商品一覧 */
.plg_Raku2_LC_Page_Products_List .form_area {
  padding: 0;
}
.intro {
  display: inline-block;
}
section.pagenumberarea.clearfix:after {
  display: inline-block;
}
section.pagenumberarea ul:after {
  content: none;
}
section.pagenumberarea ul:before {
  content: "\f0dc";
  font-family: FontAwesome;
  font-size: 16px;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 5px;
}
.pagenumberarea {
margin-top: 3px;
margin-bottom: 10px;
padding: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border-top: none;
border-bottom: none;
background: none;
width: 100%;
text-align: center;
}
.pagenumberarea ul {
  width: 50%;
  margin: 0 auto;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  display: flex;
  position: relative;
  border: 1px solid #ccc;
  padding: 6px 2px 6px 17px;
}
.pagenumberarea li:first-child {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.pagenumberarea li:last-child {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.pagenumberarea li {
  color: #000;
  font-size: 14px;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: center;
  color: #FFF;
  background: none;
  width: 60px;
  border-left: #ccc solid 1px;
}
.pagenumberarea li.on_number {
  color: #000;
  background: none;
  font-weight: bold;
  display: inline-block;
  padding: 0;
}
.pagenumberarea li:first-child {
  border-left: none;
}
.pagenumberarea li a {
  padding: 0;
}
.pagenumberarea li:nth-child(2) a {
  border-right: none;
  background: none;
}
.pagenumberarea li:first-child a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-right: none;
  background: none;
}
.pagenumberarea li:last-child a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-left: none;
  background: none;
  background: none;
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.pagenumber_area {
  clear: both;
}
.pagenumber_area a:link, .pagenumber_area a:visited {
  color: #333;
}
.pagenumber_area .navi a, .pagenumber_area .navi strong {
  border: none;
}
.pagenumber_area .navi strong{
background: #eee;
font-weight: normal;
}
.list_area {
  background: none;
  padding: 15px 10px 10px;
}
.listrightblock {
  width: auto;
  float: none;
  padding-right: 0;
  padding-left: 95px;
  display: block;
}
.listphoto {
  float: left;
  max-width: 80px;
}
.statusArea {
  width: 100%;
  display: flex;
}
.listrightblock h3 {
display: inline-block;
  width: 100%;
  line-height: 1.4em;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 9px;
  font-weight: normal;
}
ul.status_icon:after {
  content: none;
}
ul.status_icon li {
  margin-top: 0;
  margin-bottom: 5px;
}
.list_area ul.status_icon {
  margin-bottom: 0;
}
.list_area .price {
color: #2D2D2E;
  font-size: 11px;
  font-weight: normal;
}
.list_area .sale_price {
  color: #2D2D2E;
}
.list_area a.productName {
  color: #2D2D2E;
}
.list_area .price span {
font-size: 17px;
  color: #CC0000;
}
span.price.price2 span {
  font-size: 12px;
}
/* 詳細検索 */
#advanced_search_area {
  position: fixed;
  z-index: 1000;
}

/* レビュー一覧 */
div#sort_area {
  margin: 5% 0;
  border-radius: 0;
  border: none;
  background: #eee;
  text-align: center;
  display: inline-block;
  width: 100%;
}
#sort_area .filter_area.open-box p.ttl {
  background: #333;
  color: #fff;
}
#sort_area h3 {
  font-size: 13px;
}
#sort_area h3.active::before,#sort_area h3::before {
  color: #333;
}
#sort_area section.pagenumberarea{
  float: none;
  width: 95%;
  max-width: 371px;
  margin: 0 auto;
  display: inline-block;
  padding: 10px 2.5%;
}
div#reviews_area .pagenumberarea ul {
  width: auto;
  margin: 0 auto;
  border: none;
  border-radius: 0;
  display: inline-block;
  overflow: hidden;
  float: left;
  padding: 6px 0;
}
#sort_area section.pagenumberarea ul:before{
content: none;
}
#sort_area section.pagenumberarea li:first-child {
  border-right: none;
}
#reviews_area .pagenumberarea li a:link, #reviews_area .pagenumberarea li a:visited {
  color: #333;
}
#reviews_area #sort_area p.mg-l {
  margin-left: 12px;
  max-width: 271px;
  text-align: left;
  margin: 0 auto 0 3%;
  display: block;
  padding: 6px 10px 6px 0;
  float: left;
}
#sort_area section.pagenumberarea p.mg-l{
  position: relative;
}
#reviews_area #sort_area p.mg-l:after {
  content: ':';
  position: absolute;
  right: 4px;
  top: 5px;
  font-weight: bold;
}
#reviews_area h3.table_ttl {
  background: #e8f0fe;
  border-top: 1px solid #ddd;

}
.filter_area.open-box .table_box label {
  padding: 3.5% 2.5%;
  text-align: left;
}
.filter_area.open-box .table_box label img {
  vertical-align: -2px;
}
#sort_area .filter_area input[type="submit"] {
width: 200px;
  border-radius: 3px;
  background: #333;
  color: #fff;
  appearance: none;
-webkit-appearance: none;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: none;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 6px;
}
#sort_area p.btn {
  background: #eaeaea;
}
#reviews_area .list-inner-top p.listphoto {
  display: inline-block;
  margin: 0;
  float: left;
  max-width: 80px;
  width: 20%;
}
#reviews_area .list-inner-top p.listphoto img{
  min-width: 80px;
}
.list-inner-top .listrightblock h3 {
  color: #333;
  text-decoration: underline;
  line-height: 16px;
  font-size: 11px;
  margin-bottom: 5px;
}
.list-inner-top .reviewdate {
  line-height: 16px;
}
.pricebox.sale_price br {
  display: none;
}
.list-inner-top .listrightblock {
  width: auto;
  float: none;
  padding-right: 1%;
  margin-bottom: 2%;
}
#reviews_area .list_area {
  border-top: 1px solid #ddd;
  margin-bottom: 40px;
}
.reviewtitle {
  margin-top: 1.5%;
}
.list-inner-sec .reviewperson {
  font-size: 12px;
}
.list-inner-profile .listrightblock {
  margin-bottom: 10px;
  width: auto;
}
.list-inner-bottom {
  border: none;
  border-radius: 0;
}
.list-inner-profile .listrightblock {
  width: auto;
  float: none;
  padding-right: 0;
  padding-left: 80px;
  display: block;
}
.list-inner-profile .reviewphoto {
  margin: 0;
  width: 15%;
  max-width: 80px;
}
.list-inner-profile .reviewphoto img {
  min-width: 80px;
}
.list-inner-bottom a {
  padding: 4px 12px;
  text-decoration: none;
  color: #ffffff !important;
  text-shadow: none;
  background: #3166ad;
  border: none;
}
.list-inner-bottom p.ttl,.list-inner-bottom .reviewrefok {
  font-size: 12px;
}
p.item_page_btn::before {
  color: #3166ad;
}
p.item_review_btn::before {
  color: #3166ad;
}
.reviewtitle::before {
  color: #3166ad;
}
.review_link_bloc i {
  color: #3166ad;
}


/* カテゴリブロック */
#categorytree ul {
  margin-top: 0;
}
#category_area li {
  padding-left: 0;
}
#category_area li.level1,#category_area li.level0 {
  position: relative;
}
#category_area li.level1 ul,#category_area li.level0 ul {
  background: #f7f7f7;
}
#category_area li.level0 ul li.level2 ul {
  background: #fff;
}
#categorytree .category_body {
  width: 100%!important;
}
#category_area li.level1 a,#category_area li.level0 a {
  border-bottom: 1px solid #eee;
}
#category_area li.level2 a,#category_area li.level3 a {
  border-bottom: 1px dotted #eee;
}
#category_area li a {
  padding: 15px;
}
#category_area li.level1,#category_area li.level0 {
  border-bottom: none;
}
#categorytree .level1 .category_header,#categorytree .level0 .category_header {
  width: auto;
}
#categorytree .category_header, #categorytree .category_header.plus, #categorytree .category_header.minus {
  float: none;
  position: absolute;
  right: 0;
  width: auto;
  margin-left: 0;
}
#categorytree .category_header.plus a, #categorytree .category_header.minus a {
  padding: 15px 10px;
}
#categorytree li {
  padding: 0;
}
#categorytree li ul li {
  border-bottom: none;
  padding: 0;
}
#categorytree .category_body a:link, #categorytree .category_body a:visited {
  color: #2D2D2E;
}
#categorytree .level2 .category_body a {
  padding: 15px 15px 15px 30px;
}
#categorytree .level3 .category_body a {
  padding: 15px 15px 15px 45px;
}

/* 検索ブロック */
#search_area {
  line-height: 0.8em;
}
section#search_area form {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
#search_area input#search {
  width: 94%;
  border-radius: 2px;
  -webkit-appearance: none;
}
section#search_area input[type="submit"]#btn_kwd_search {
  position: absolute;
  padding: 4% 2%;
  right: 3%;
  top: 0;
  border: none;
  background: #a5a5a5;
  border: 1px solid #bcbcbc;
  border-left: none;
  background-image: url(../../../../user_data/packages/raku2sp/img/common/search.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 37%;
  background-size: 50%;
  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;
  -webkit-appearance: none;
  width: 38px;
  line-height: 0em;
}


/* header */
header {
  position: relative;
  padding-top: 0;
}
header #header_inner_right {
  margin-right: 57px;
}

/* footer */
footer #footer_nav_user ul li a:link,footer #footer_nav_user ul li a:visited{
color: #2D2D2E;
text-decoration: none;
}
footer ul#footer_nav li a {
  text-decoration: none;
}
/* slickスライダー_カスタマイズ */
ul.ranking_list.item-slider li, ul.recommend_list.item-slider li, ul.history_list.item-slider li {
  margin-left: 10px;
}
.bnr-slider img{
width: 100%;
}
.slick-prev {
  left: 10px!important;
}
.slick-next {
  right: 10px!important;
}
.slick-prev, .slick-next {
  bottom: -35px!important;
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  font-size: 30px!important;
}
.slick-prev, .slick-next {
  top: auto!important;
  bottom: -35px!important;
}
.slick-prev:before, .slick-next:before {
  font-size: 20px!important;
  color: silver!important;
  font-weight: 600!important;
}
.slick-dots li {
  position: relative;
  display: inline-block!important;
  width: 20px!important;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/* マイページ */
.order_history_list .order_detail_info .order_item .item_detail p a:link, .order_history_list .order_detail_info .order_item .item_detail p a:visited{
  color: #333;
  text-decoration: underline;
}
.order_history_list .order_detail_info .order_item .item_detail p{
  line-height: 16px;
}
.order_history_list .order_detail_info .order_item .item_detail p.review_btn a:link, .order_history_list .order_detail_info .order_item .item_detail p.review_btn a:visited {
  text-decoration: none;
}
.order_history_list .order_detail_info .order_nav_area a.order_history_detail, .estimate_history_list .estimate_detail_info .estimate_nav_area a.estimate_history_detail{
  display: block;
  padding: 6px 0;
  border-radius: 2px;
  background: #3166ad;
  border: solid 1px #ccc;
  text-align: center;
  width: 70%;
  color: #ffffff;
  font-size: 12px;
  margin: 0 auto;
  text-decoration: none;
}
.cartitemBox p.btn_delete {
  background: #fff;
  padding: 0;
  position: absolute;
  right: auto;
  top: auto;
  bottom: 0;
  right: 0;
  font-size: 12px;
}
.cartitemBox p.btn_delete:before {
  color: #a5a5a5;
}
.cartitemBox a:link,.cartitemBox a:visited {
  color: #333;
}
.total_area div,.result_area li {
  overflow: hidden;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 8px;
}
.total_area div:first-child {
  margin-top: 8px;
}
.total_area, .result_area {
  background: #fff;
}
.total_area div span,.result_area span {
  float: left;
}
.total_area div span.price.fb {
  float: right;
}
.order_detail_info .order_item .order_item_product {
  display: inline-block;
  width: 100%;
}
.order_history_list .order_detail_info .order_nav_area a.nav_btn, .estimate_history_list .estimate_detail_info .estimate_nav_area a.nav_btn {
  margin: 10px auto 0;
  text-decoration: none;
}
#account_info .account_change_bloc ul li a {
  text-decoration: none;
}
/* 購入履歴詳細 */
.box_header {
  background: #3166ad;
}
.history .order_history .box_header, .history .estimate_history .box_header {
  color: #fff;
}
.history .order_history .order_shipping, .history .estimate_history .estimate_shipping {
  border: #e6e6e6 solid 1px;
}
.history .order_history .order_shipping .ship_sec, .history .estimate_history .estimate_shipping .ship_sec {
  border-bottom: solid 1px #ddd;
}
.box_header {
  border-bottom: #e6e6e6 solid 1px;
}
.history .order_history .order_item, .history .estimate_history .estimate_item {
  border: #e6e6e6 solid 1px;
}
.history .order_history .order_shipping, .history .estimate_history .estimate_shipping {
  border: #e6e6e6 solid 1px;
}
.history .order_history .order_mail, .history .estimate_history .estimate_mail {
  border: solid 1px #e6e6e6;
}
.total_area, .result_area {
  border-bottom: none;
}
.history .order_history .order_item .item_bloc, .history .estimate_history .estimate_item .item_bloc {
  overflow: hidden;
  margin: 15px 15px 25px;
  padding: 0 0 5px;
}
.history .order_history .order_item .total_area, .history .estimate_history .estimate_item .total_area {
  border-top: solid 1px #ddd;
}
.order_history_list .order_detail_info .order_item .item_bloc, .estimate_history_list .estimate_detail_info .estimate_item .item_bloc {
  margin-top: 7px;
  margin-bottom: 15px;
}
.order_history_list .order_detail_info .order_item .item_image, .estimate_history_list .estimate_detail_info .estimate_item .item_image {
  width: 20%;
  max-width: 80px;
  float: left;
}
.order_history_list .order_detail_info .order_item .item_image img, .estimate_history_list .estimate_detail_info .estimate_item .item_image img {
  min-width: 80px;
}
.order_history_list .order_detail_info .order_item .item_detail,.item_detail, .estimate_history_list .estimate_detail_info .estimate_item .item_detail {
  width: 100%;
}
.order_history_list .order_detail_info .order_item a.item_image + .item_detail, .estimate_history_list .estimate_detail_info .estimate_item a.item_image + .item_detail {
  float: none;
  width: auto;
  margin-bottom: 5px;
  padding-left: 98px;
  display: block;
}

/* お気に入りアイテム */
.LC_Page_AbstractMypage .formBox {
  border: none;
}
.favoriteContents {
  width: auto;
  display: block;
  float: none;
}
.favoriteContents h4 {
  margin-right: 10%;
  line-height: 16px;
  display: inline-block;
  width: 90%;
}
.favoriteBox .favoriteContents a {
  color: #333;
  text-decoration: underline;
  line-height: 16px;
  font-size: 11px;
  margin-bottom: 5px;
  width: 100%;
  max-width: 100%;
}
.favoriteBox {
  padding: 15px 0;
  border-bottom: #CCC solid 1px;
  clear: both;
}
.favoriteBox a {
  float: left;
  display: inline-block;
  width: 20%;
  max-width: 100px;
}
/* 定期お申込み一覧 */
.periodical_item .item_image {
  float: left;
  width: 20%;
  clear: both;
  max-width: 80px;
}
.periodical_item .item_image img {
  width: 100%;
  min-width: 80px;
}
.periodical_item a.item_image + .item_detail {
  float: none;
  width: auto;
  margin-bottom: 15px;
  padding-left: 95px;
  display: block;
}
.periodical_item .item_detail {
  width: 100%;
}
.periodical_item .item_detail p{
margin-bottom: 5px;
}
.periodical_item .item_detail p a {
  text-decoration: underline;
  color: #333;
  line-height: 16px;
  font-size: 11px;
  margin-bottom: 5px;
}
.periodical_nav_area a.nav_btn {
  background: #3166ad;
  color: #fff;
  text-decoration: none;
}

#mycontents_area.periodical_order_chgitem a.btn_del_item:link, #mycontents_area.periodical_order_chgitem a.btn_del_item:visited {
  text-decoration: none;
}
.periodical_item .item_detail p.option {
  margin-bottom: 10px;
}
#mycontents_area.periodical_order_chgitem a.btn_add_item:link, #mycontents_area.periodical_order_chgitem a.btn_add_item:visited {
text-decoration: none;
padding: 7px 0;
width: 70%;
}
#mycontents_area.periodical_order.periodical_order span.order_status_icon, .periodical_history_list .periodical_detail_info span.order_status_icon, #mycontents_area.periodical_order_history .periodical_order_detail_bloc span.order_status_icon {
  color: initial;
}

/* 会員登録内容変更 */
a.btn_sub.btn_inputzip {
  width: 150px;
  font-size: 12px;
  border-radius: 3px;
  padding: 5px;
  background: #333;
  font-weight: normal;
  text-shadow: none;
}
#mypagecolumn .refusal_area a.btn {
  border-radius: 4px;
}

/* お届け先追加・変更 */
a.b_edit:link, a.b_edit:visited, a.b_edit:hover {
  color: #fff;
  padding: 5px 8px;
  border: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #333;
  vertical-align: text-bottom;
}
.formBox a.btn_sub.addbtn {
  border-radius: 4px;
  background: #3166ad;
  color: #fff;
  width: 80%;
}
.deliv_check dt {
  border-top: none;
}

/* パスワード変更 */
input[type="button"].btn.data-role-none {
width: 200px;
  border-radius: 3px;
  background: #333;
  color: #fff;
  appearance: none;
-webkit-appearance: none;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: none;
  border: none;
  cursor: pointer;
  outline: none;
}
/* 購入履歴一覧 */
#mycontents_area[class^="customer_"] #search_keyword_top input#btn_kwd_search, #mycontents_area[class^="customer_"] #search_keyword_top input#btn_sales_search {
background: #3166ad;
color: #fff;
appearance: none;
-webkit-appearance: none;
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: none;
border: none;
cursor: pointer;
outline: none;
}
/* 見積履歴一覧 */
.btn input[id^='estimate2apply'] {
background: #3166ad;
color: #fff;
}

/* ポイント履歴 */
#point_list .formBox {
  border-width: 0 0 0 0;
}
#point_list table.tbl_history th, #point_list table.tbl_history td {
  border: #E3E3E3 solid;
  border-width: 0 1px 1px 1px;
}

/* ログイン画面 */
.loginareaBox.data-role-none input {
  margin: 5px auto;
}
.navBox {
  border: none;
}
input.mailtextBox.data-role-none {
  border-bottom: 1px solid #ccc!important;
  margin: 15px auto;
}
.login_area_btm .navBox li {
  background: none;
  border: none;
  margin-bottom: 0;
  padding: 3% 5%;
  width: auto;
}
.login_area_btm .navBox li a {
  background: #3166ad;
  border-radius: 3px;
  text-align: center;
  width: auto;
  color: #fff;
  text-decoration: none;
}
input[type="submit"].nav_nonmember {
  background: #eee;
  border-radius: 3px;
  text-align: center;
  font-weight: normal;
  font-size: 100%;
  appearance: none;
-webkit-appearance: none;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: none;
  border: none;
  cursor: pointer;
  outline: none;
}

/* ヘッダー固定用 */
.global_header{
  background: #3166ad;
  position: fixed;
  top: 0;
  transition: .5s;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid #ddd;
  color: #fff;
}
.global_header.hide{
  transform: translateY(-100%);
}
#header_wrapper {
  padding: 5px 0;
  min-height: 50px;
}

header #header_inner_right {
  width: 116px;
}

header #header_inner_right ul#header_nav li a, header #header_inner_right ul#header_nav li a:visited {
  text-decoration: none;
}
header #header_inner_right ul#header_nav li i {
  color: #fff;
}
.drawer_menu .drawer_button .drawer_bar {
  background-color: #fff;
}

header #header_wrapper #header_inner_left img {
width: auto;
max-width: 100%;
max-height: 26px;
}
header #header_inner_right ul#header_nav .quantity {
  background: #f19200;
  color: #fff;
}

/* 現在のかごの中 */
.cartitemBox {
  border-bottom: #e6e6e6 solid 1px;
}
.formBox {
  border: solid 1px #e6e6e6;
}
.cartinarea {
  border-bottom: #e6e6e6 solid 1px;
}
.formBox div.quantity {
  border: none;
  padding: 0;
}
.formBox div:last-child {
  border-bottom: none;
}
.cartinarea .cartinContents p {
  line-height: 16px;
  font-size: 11px;
  margin-bottom: 5px;
}
.cartinarea .cartinContents p em {
  color: #333;
  text-decoration: underline;
}
.cartinContents p {
  width: 100%;
}
.point_announce {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}
input[type="submit"].btn,#reviews_area input[type="submit"].btn {
  color: #FFF;
  background: #f19200;
  border-radius: 4px;
}
input[type="button"].btn.data-role-none {
  background: #f19200;
  color: #fff;
}
a.btn_back, a.btn_back:link, a.btn_back:visited, a.btn_back:hover {
  border: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.sub.btn_conf_chg {
  top: 10px;
  right: 7px;
}
a.btn_change_payment {
  border: none;
  padding: 5px 10px;
  border-radius: 3px;
  background: #333;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}

/* お支払方法・お届け時間等の指定 */
#cartconfirm_area .cartconfirmContents p{
  line-height: 16px;
  font-size: 11px;
  margin-bottom: 5px;
}
#cartconfirm_area .cartconfirmContents p em {
  color: #333;
  text-decoration: underline;
}
input[type="button"].btn.data-role-none.confirm_btn {
  -webkit-appearance: none;
  width: 100%;
  color: #082b53;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  padding: 10px;
  display: block;
  cursor: -webkit-grab;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: none;
  background: #FF931E;
}
section.coupon_area .form_area {
  padding-bottom: 0;
}
section.coupon_area .form_area .formBox {
  margin-bottom: 0;
}

/* 入力内容のご確認 */
.cartconfirmBox {
  border-bottom: #e6e6e6 solid 1px;
}
.cartcartconfirmarea {
  border-bottom: #e6e6e6 solid 1px;
}

/* フォーム */
/*
reset
***********************/

button, option, select, textarea, input[type="button"], input[type="submit"], input[type="number"], input[type="email"], input[type="tel"], input[type="text"], input[type="select"], input[type="option"], input[type="checkbox"], input[type="password"], input[name="card_name1"], input[name="card_name2"]{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: none;
  outline: 0;
  margin: 0;
  background: #fff;
  padding: 1% 2%;
  font-size: 1rem;
  border: 1px solid #ccc;
}
.text, .textarea, .dropdown {
  padding: 0.4em 0.5em;
}
input[name="card_name1"], input[name="card_name2"] {
  width: 80%;
  margin-bottom: 5%;
  margin-left: 5px;
}
input[name="SecurityCode"] {
  width: 50%;
}
.pay_area02 .time_select .select_date_area {
  margin-left: 1px;
  display: inline-block;
  width: 48%;
  vertical-align: bottom;
}
.pay_area02 .time_select .select_date {
display: inline-block;
}
.pay_area02 .time_select .select_date_area .select_date {
  margin-right: 15px;
}
.innerBox.fb select {
  padding: 0.4em 0.5em;
  vertical-align: middle;
}
select[name="year"], select[name="month"], select[name="day"] {
  margin-right: 5px;
}



/* チェックボックス */

.table_box input[type="checkbox"],.table_box input[type="checkbox"]:checked {
  box-sizing: border-box;
}

.table_box input[type="checkbox"] {
  border: 1px solid #aaaaaa;
  vertical-align: -5px;
  -webkit-appearance: none;
  position: relative;
  margin-right: 5px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  width: 20px;
  height: 20px;
  background: #fff;
}

.table_box input[type="checkbox"]:checked {
  background: #333;
  border: 1px solid #aaa;
}

.table_box input[type="checkbox"]:checked:before {
  position: absolute;
  left: 2px;
  top: 13px;
  display: block;
  content: "";
  width: 5px;
  height: 2px;
  background: #ffffff;
  -webkit-transform: rotate(37deg);
  -webkit-transform-origin: right center;
}

.table_box input[type="checkbox"]:checked:after {
  display: block;
  position: absolute;
  left: 6px;
  top: 13.5px;
  content: "";
  width: 14px;
  height: 2px;
  background: #ffffff;
  -webkit-transform: rotate(-53deg);
  -webkit-transform-origin: left center;
}
dl.form_entry input[type="checkbox"]:checked {
  background: #333;
  border: 1px solid #aaa;
}
dl.form_entry input[type="checkbox"]:checked:before {
  position: absolute;
  left: 2px;
  top: 13px;
  display: block;
  content: "";
  width: 5px;
  height: 2px;
  background: #ffffff;
  -webkit-transform: rotate(37deg);
  -webkit-transform-origin: right center;
}
dl.form_entry input[type="checkbox"]:checked:after {
  display: block;
  position: absolute;
  left: 6px;
  top: 13.5px;
  content: "";
  width: 14px;
  height: 2px;
  background: #ffffff;
  -webkit-transform: rotate(-53deg);
  -webkit-transform-origin: left center;
}
dl.form_entry input[type="checkbox"] {
  border: 1px solid #aaaaaa;
  vertical-align: -5px;
  -webkit-appearance: none;
  position: relative;
  margin-right: 5px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  width: 20px;
  height: 20px;
  background: #fff;
}
/* 購入フロー */
/* フローステップ */
.step{
  list-style-type: none;
  display:table;
  padding:0;
  margin: 10px auto 50px;
  overflow:hidden;
}

.step3{
  width: 96%;
  margin: 0 auto;
}

.step4{
  width:98%;
  padding:0;
}

.step li{
  display: table-cell;
  position: relative;
  background: #ccc;
  padding: 0.1em 0 0.1em 0.2em;
  color: #fff;
  font-size: 11px;
}

ol.step.step4 li {
  line-height: 1.3em;
}

.step li:last-child{
  padding-right: 0.2em;
}

.step li:last-child:before,
.step li:last-child:after{
  display:none;
}

.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}

.step li:before{
  top:-20px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}

.step li:after{
  top:-20px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #ccc;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}

.step3 li:nth-child(2),
.step3 li:nth-child(3){
  padding-left: 15px;
}

.step4 li:nth-child(2),
.step4 li:nth-child(3),
.step4 li:nth-child(4){
  padding-left: 14px;
}

.step_no{
font-size: 0.9em;
margin-bottom: 1px;
display: inline-block;
}

.step4_one_column{
  width: 98%;
  margin: 10px auto 50px;
}

.step4_one_column li:nth-child(2),
.step4_one_column li:nth-child(3),
.step4_one_column li:nth-child(4){
  padding-left: 14px;
}
.step li.is_current {
  background: #333;
  color: #fff;
}
.step li.is_current:after {
  border-color: transparent transparent transparent #333;
}

/* Yフローステップ */
div#undercolumn_shopping {
  position: relative;
}
.ystep_wrappar {
position: relative;
margin-top: 20px;
}
.ystep {
  position: relative;
  margin-bottom: 30px;
  margin-top: 10px;
}
/* 3step用 */
.ystep_circle {
  width: 100%;
  margin: 0 auto;
  display: table;
}
.ystep_naiyo_3 {
  width: 100%;
  margin: 5px auto 0;
  display: table;
}
.ystep_circle div {
text-align: center;
line-height: 40px;
position: relative;
display: table-cell;
}
.ystep_circle div:before {
  background-color: #999;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-size: 30px;
  display: inline-block;
  margin-top: 5px;
  margin-left: -15px;
  left: 50%;
  position: absolute;
line-height: 31px;
}
.ystep_circle div:first-child:before {
  content: '1';
}
.ystep_circle div:nth-child(2):before {
  content: '2';
}
.ystep_circle div:nth-child(3):before {
  content: '3';
}
.ystep_circle div:nth-child(4):before {
  content: '4';
}
.ystep_circle div.is_current:first-child:before,.ystep_circle div.is_current:nth-child(2):before,.ystep_circle div.is_current:nth-child(3):before,.ystep_circle div.is_current:nth-child(4):before {
  background-color: #b3012e;
  margin-top: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
}
.ystep_naiyo_3 span {
  font-size: 0.9em;
  margin: 0 5%;
}
.ystep_naiyo_3 div {
  width: 33.3%;
  display: table-cell;
  text-align: center;
  margin-right: 11%;
  line-height: 1.4;
  font-size: 84%;
}

/* 4step用 */
div#undercolumn_customer {
  position: relative;
}
#undercolumn_customer .ystep_circle {
  width: 640px;
  margin: 0 auto;
  display: table;
}
#undercolumn_customer .ystep_boder_nonmember {
  border-bottom: 2px solid #999;
  position: absolute;
  top: 15px;
  left: 50%;
  width: 440px;
  margin-left: -215px;
}
.ystep_naiyo_4 span {
font-size: 0.7em;
margin: 1%;
display: inline-block;
vertical-align: top;
}
#undercolumn_customer .ystep_circle div {
  width: 25%;
}
.ystep_naiyo_4 {
  width: 100%;
  margin: 5px auto 0;
  display: table;
}
.ystep_naiyo_4 div {
  width: 25%;
  display: table-cell;
  text-align: center;
}
.ystep_naiyo_3 .is_current,
.ystep_naiyo_4 .is_current {
  font-size: 0.8em;
  font-weight: bold;
}
.ystep_boder_3 {
  left: 50%;
  margin-left: -33%;
  border-bottom: 2px solid #999;
  width: 66%;
  position: absolute;
  top: 20px;
}
.ystep_boder_4 {
  border-bottom: 2px solid #999;
  margin: 5px 10% -30px 10%;
}
.ystep_boder_nonmember {
  border-bottom: 2px solid #999;
  margin: 5px 10% -30px 10%;
}
#undercolumn_shopping .ystep_circle {
  border-bottom: 2px solid #999;
  margin: 5px 10% -30px 10%;
}
#undercolumn_shopping .ystep_naiyo_4 {
  width: 100%;
}
#undercolumn_shopping .ystep_boder_4 {
  left: 50%;
  margin-left: -250px;
  border-bottom: 2px solid #999;
  width: 500px;
  position: absolute;
  top: 20px;
}

/* Rフローステップ */
.rstep {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  margin-bottom: 30px;
}
.rstep div {
  color: #111111;
  background: #e5e5e5;
  padding: 4px 8px;
  margin: 3px;
  border-radius: 3px;
  font-size: 12px;
}

.rstep_boder_csv {
  border-bottom: 1px solid #e5e5e5;
  margin: 30px 280px -17px 350px;
}

.rstep_boder {
  border-bottom: 1px solid #e5e5e5;
  margin: 30px auto -18px;
  max-width: 200px;
}

.rstep_boder_nonmember {
  border-bottom: 1px solid #e5e5e5;
  margin: 25px auto -17px;
  max-width: 260px;
}
.rstep .is_current {
  background: #333;
  color: #fff;
}

/* 商品詳細ページ */
.detailrightblock #cartbtn_default .btn_add_cart a,
.detailrightblock #teiki_cartbtn_default .btn_add_cart a,
.detailrightblock #cartbtn_default .btn_add_cart_estimate a,
.detailrightblock #teiki_cartbtn_default .btn_add_cart_estimate a {
  color: #fff;
  background: #f19200;
}
.review_bloc .review_btn a {
  text-decoration: none;
}
.review_link a {
  text-decoration: none;
}
.page_navigation a:link, .alt_page_navigation a:link {
  text-decoration: none;
}

/* 目玉商品・ランキング・最近見商品 */
ul.ranking_list li a, ul.recommend_list li a, ul.history_list li a {
  text-decoration: none;
}
ul.ranking_list li h3 a, ul.recommend_list li h3 a, ul.history_list li h3 a {
height: 4em;
width: 100%;
display: inline-block;
}
/* 一体型LP */
#order h3 i {
  color: #3166ad;
}
div#conf input[type="button"]:hover, div#conf input[type="submit"]:hover {
  background: #3166ad!important;
  color: #fff!important;
}
div#conf input[type="button"], div#conf input[type="submit"] {
  border: solid 3px #3166ad!important;
  border-radius: 4px!important;
  background: #fff!important;
  color: #3166ad!important;
}
label.agree_check {
  margin: 0 3%!important;
  width: 94%!important;
  display: inline-block!important;
}
.next-box {
  text-align: center!important;
  margin: 5% auto!important;
}

/* オーダーシート */
div#button_lower {
  margin: 5%;
}
/*design.cssここまで*/

/*SP_common.css*/

#header_wrapper {
  background: #fff;
  color: #082b53;
}

header #header_wrapper #login_user_info p a, header #header_wrapper #login_user_info p a:visited {
  color: #082b53;
}

header #header_inner_right ul#header_nav li i {
  color:  #082b53;
}

.drawer_menu .drawer_button .drawer_bar {
  background-color:  #082b53!important;
}

.page_top{
  display: none;
  position: fixed;
  bottom: 5%;
  right: 5%;
}

.page_top a {
  background-image:url(/user_data/packages/raku2sp/img/common/page_top_sp.png);
  width: 100px;
  height: 166px;
  display: block;
  cursor: pointer;
}

#pagetop {
  display: none;
}

img.links{
  margin: 0 6px 10px;
  display: block;
  float: left;
  width: 30%;
  padding: 1%;
}

.drawer_menu ul.guide li a {
  padding: 13px 0 13px 0px;
}


.float_box ul,
.float_box li,
.float_box p
{
  /* [余白をリセット] */
  margin: 0;
  padding: 0;
}
.float_box
{
  /* [はみ出ている部分を非表示] */
  overflow: hidden;
  padding: 15px;
}
.float_box ul
{
  /* [縦幅を復帰。] */
  overflow: hidden;

  /* [右側に30px分の余白を作る] */
  margin-right: -30px;

  /* [下側に30px分の余白を削る] */
  margin-bottom: -30px;
}
.float_box li
{
  /* [黒点を非表示] */
  list-style-type: none;

  /* [要素を横並びにする] */
  float: left;
  width: 25%;

  /* [アイテムの下側に30px分の余白を設定] */
  margin-bottom: 30px;
}
@media all and (min-width: 992px)
{
  /* タブレットサイズ以上のデザイン */
  .float_box li
  {
    /* 横幅を3個分に設定 */
    width: 25%;
  }
  .float_box li:nth-of-type(4n+1)
  {
    /* [4+1個置きにclearを設定] */
    clear: both;
  }
}
@media all and (min-width: 768px) and (max-width: 991px)
{
  /* タブレットサイズ時のデザイン */
  .float_box li
  {
    /* 横幅を3個分に設定 */
    width: 33.333%;
  }
  .float_box li:nth-of-type(3n+1)
  {
    /* [3+1個置きにclearを設定] */
    clear: both;
  }
}
@media all and (max-width: 767px)
{
  /* スマホサイズ時のデザイン */
  .float_box li
  {
    /* 横幅を2個分に設定 */
    width: 50%;
  }
  .float_box li:nth-of-type(2n+1)
  {
    /* [2+1個置きにclearを設定] */
    clear: both;
  }
}
.float_box a
{
  /* [ブロック要素に変更] */
  display: block;

  /* [余白を指定] */
  margin-right: 30px;

  /* [リンク文字の初期値を黒にする] */
  color: #000;

  /* [リンクテキストのアンダーラインを非表示にする] */
  text-decoration: none;
}
.float_box .image
{
  /* [ボックス内を70%にする] */
  max-width: 70%;

  /* [画像が真ん中に来るようにする] */
  /* [画像と文字の間に余白を入れる] */
  display: block;
  margin: 0 auto 5px;
}
.float_box .name
{
  /* [価格との間に余白を入れる] */
  margin-bottom: .75em;

  /* [商品名の文字を若干小さくする] */
  font-size: .875em;

  /* [商品名の文字をグレーにする] */
  color: #777;
}
.float_box .price
{
  /* [価格を太文字にする] */
  font-weight: bold;
}
/*SP_common.cssここまで*/

/*トップスライダー*/
.LC_Page_Index{
  margin-top: 62px;
}

.bx-wrapper{
  max-width: 100%;
}
.bx-viewport{
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 205px;
}

/*トップスライダーここまで*/

/*contents.css*/
@charset "utf-8";
/* ===================================================================
CSS information
file name  :contents.css
style info :下層コンテンツ用(#undercolumn)
=================================================================== */
/* -----------------------------------------------
#undercolumn 汎用
----------------------------------------------- */
#undercolumn {
    padding-bottom: 35px;
}
/**イントロダクション*/
.information {
    font-weight: bold;
    padding: 10px 5%;
    line-height: 1.6;
}
.information p:first-child {
    font-size: 14px;
    margin-bottom: 0.5em;
}
/*フォーム枠*/
.form_area {
    padding: 5%;
}
.form_area p {
    margin-bottom: 0.5em;
}
.form_area p:first-child {
    /*margin-bottom: 0.5em;*/
}
/*購入STEP表示部*/
.flow_area {
    margin: 20px 5% 0 !important;
    text-align: center;
}
.formBox {
    margin-bottom: 20px;
    border: solid 1px #ccc;
}
.innerBox {
    padding: 15px 5%;
    border-bottom: #e9e9e9 solid 1px;
}
.arrowBox {
    padding: 10px 25px 10px 10px;
    background: url(../img/common/ico_arrowR.png) 95% center no-repeat;
    border-bottom: #CCC solid 1px;
    clear: both;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .arrowBox {
        background: url(../img/common/ico_arrowR2.png) 95% center no-repeat;
        -webkit-background-size: 10px 15px;
        background-size: 10px 15px;
    }
}
.box_header {
    font-size: 16px;
    font-weight: bold;
    background: #EEE;
    padding: 10px;
    /*
    border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    */
    border-bottom: #CCC solid 1px;
}
/*合計(フォーム下)*/
.total_area,
.result_area {
    padding: 10px;
    text-align: right;
    background: #F7F5F0;
    border-top: #FFF solid 1px;
    border-bottom: #ccc solid 1px;
}
.formBox .btn_area_btm {
    padding: 10px;
    background: #F7F5F0;
    border-top: #FFF solid 1px;
    border-bottom: none;
    border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
}
.formBox div:first-child {
}
.formBox div:last-child {
    border-bottom: none;
}
.form_area div:after {
    /*content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;*/
}

/* ページャー */
.pagenumber_area {
    text-align: center;
    margin-top: 12px;
}
.pagenumber_area .navi a,
.pagenumber_area .navi strong {
    border: solid 1px #ccc;
    padding: 5px 10px;
    display: inline-block;
}

/* 画面メッセージ用（余白付け） */
.raku2param_msg_bloc {
	margin: 0 5%;
}

.ui-body-c, .ui-overlay-c {
	text-shadow: none!important;
}

/* -----------------------------------------------
カートボックス
----------------------------------------------- */
/* 送料無料アナウンス */
#delivfree_announce {
    text-align: center;
    padding: 0.5em 0.5em 0;
    border: solid 1px #ccc;
    margin-bottom: 5%;
    font-weight: bold;
    background: #f7f5f0;
    border-radius: 4px;
}

/*カゴの中の商品*/
.cartinarea {
	padding: 5% 5% 0;
	border-bottom: #CCC solid 1px;
}
.cartitemBox {
    padding: 0;
    border-bottom: #e9e9e9 solid 1px;
    clear: both;
}
.cartinarea .cartitemBox,#cartconfirm_area .cartconfirmBox{
    margin-bottom: 5%;
    padding-bottom: 5%;
    position: relative;
    overflow: hidden;
}
#cartconfirm_area .cartconfirmBox:last-child {
    margin-bottom: 0;
}
.cartinarea .cartitemBox:last-child {
    border-bottom: none;
}
.cartinarea .photoL {
    width: 80px;
}
.cartinarea .cartinContents {
    width: 68%;
    float: right;
    display: block;
    position: relative;
}
.cartinContents .listdetail {
    margin-bottom: 15px;
}
.cartinarea .cartinContents p {
    line-height: 1.2;
}
.cartinContents div {
    min-height: 50px;
}
.cartitemBox p.listphoto {
    width: 20%;
    max-width: 100%;
    margin: 0;
    text-align: center;
}
.cartinarea .cartitemBox .photoL {
	width: 100%;
    float: none;
}
.cartinarea .cartitemBox .cartinContents {
	width: 75%;
    float: right;
    display: inline-block;
    position: relative;
}
.cartitemBox p.btn_delete {
    background: #aeaeae;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 3px;
    margin: 0 0 5px;
    position: absolute;
    right: 0;
    top: 0;
}
.cartitemBox .result {
    float: right;
    width: 77%;
    text-align: right;
    margin-bottom: 10px;
}
.cartitemBox p.btn_delete:before {
    content: "\f146";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #fff;
}
.cartitemBox a:link {
    color: #fff;
}
.cartitemBox a:link:hover {
    color: #fff;
    opacity: 0.6;
}
.cartitemBox a:visited {
    color: #fff;
}
.formBox div.quantity {
    border: 1px solid #e9e9e9;
    border-radius: 0;
    padding: 0 10px;
    min-height: auto;
    display: block;
}
.quantity select {
    margin: 10px;
}
.mg-bm{
    margin-bottom: 10px;
    overflow: hidden;
}
.cartinContents .result {
    float: right;
    min-height: auto;
}
.quantity select {
    padding: 4px;
    border-radius: 2px;
    background: #fff;
    border: solid 1px #a9a9a9;
    min-width: 60px;
}
.cart_err_box {
    border:solid #f00;
    border-width:3px;
    background:#fee;
    text-align:center;
    padding:5px 0px;
}
.cart_msg_box {
    border:solid #f00;
    border-width:3px;
    background:#fee;
    text-align:center;
    padding:5px 0px;
    margin-top:20px;
    margin-bottom:20px;
}
.cart_noitem_box {
    border:solid #f00;
    border-width:3px;
    background:#fee;
    text-align:center;
    padding:5px 0px;
}

/* -----------------------------------------------
カートの中ページ
----------------------------------------------- */
.totalmoney_area {
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    border-bottom: #CCC solid 1px;
}
.point_announce {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}
.cartinContents .btn_delete {
    padding: 2px;
    right: 0;
    float: right;
    position: absolute;
    top: 0;
    cursor: pointer;
}
.cartinContents ul {
    float: right;
    clear: both;
    line-height: 1.1;
}
.cartinContents ul li {
    display: inline;
    float: left;
}
.cartinContents ul li.quantity {
    padding-left: 0.5em;
    padding-top: 1em;
    vertical-align: bottom;
}
.cartinContents ul li.quantity_btn {
    padding-left: 0.5em;
    padding-top: 0.8em;
    vertical-align: bottom;
}
.cartinContents ul li.result {
    padding-left: 1.5em;
    padding-top: 1em;
    vertical-align: bottom;
}
ul#quantity_level {
    float: none;
}
.cartinContents ul#quantity_level li.quantity {
    padding-left: 0;
    padding-top: 1em;
    vertical-align: bottom;
    display: block;
    float: none;
}
.cartinContents ul#quantity_level li.quantity span.mini {
    margin-right: 5px;
}

.cartinContents ul#quantity_level li.quantity_btn {
    padding-right: 0.5em;
    padding-left: 0;
    padding-top: 0.8em;
    vertical-align: bottom;
}

/* 更新ボタン用 */
span.mini.quantity_update {
    display: inline-block;
    margin-left: 5px;
}

span.mini.quantity_update a {
    color: #fff;
    padding: 2px 3px;
    background: #333;
    display: inline-block;
    border-radius: 2px;
    line-height: 1.5em;
    font-size: 11px;
    text-decoration: none;
    vertical-align: bottom;
}

span.mini.quantity_update a:before {
    content: url(http://kobayashi-metals.raku2bb.com/user_data/packages/raku2pc/img/icon/update.svg);
    font-family: FontAwesome;
    margin-right: 3px;
    color: #fff;
    width: 14px;
    display: inline-block;
    line-height: 1em;
    vertical-align: text-top;
}

.cartinContents p {
    width: 74%;
}

.cartinContents p.btn_delete {
    margin-right: 0;
}

.cartinContents div.raku2_box_quantity {
	min-height: 0;
	margin-top: 3px;
	margin-left: 3px;
}

.raku2_noshi_select span.raku2_noshi_select_title,
.raku2_noshi_name span.raku2_noshi_name_title,
.raku2_packing span.raku2_packing_title {
	display: inline-block;
	width: 30%;
}

.raku2_noshi_select span.raku2_separator,
.raku2_noshi_name span.raku2_separator,
.raku2_packing span.raku2_separator {
	display: inline-block;
	width: 5%;
}

.raku2_noshi_select span.raku2_noshi_select_text,
.raku2_noshi_name span.raku2_noshi_name_text,
.raku2_packing span.raku2_packing_text {
	width: 65%;
}

.cartinContents .raku2_noshi_select,
.cartinContents .raku2_noshi_name,
.cartinContents .raku2_packing {
	min-height: 0px;
}

 .raku2_noshi_select,
 .raku2_noshi_name,
 .raku2_packing {
	margin-bottom: 3px;
}


/* -----------------------------------------------
お届け先指定
----------------------------------------------- */
.deliv_check {
    clear: both;
    border: none;
}
.deliv_check dt {
    font-size: 14px;
    font-weight: bold;
	padding: 12px 5%;
    background: #fafafa;
    border-top: #FFF solid 1px;
    border-bottom: solid 1px #ededed;
    vertical-align: middle;
    position: relative;
    display: block;
}
.deliv_check dt p {
    vertical-align: middle;
    margin-bottom: 0;
}
.deliv_check dt label {
    display: inline-block;
    width: 100%;
}
.deliv_check dd {
    padding: 5%;
    border-bottom: #CCC dotted 1px;
    display: block;
}
.deliv_check dd.end {
    border-bottom: none;
}
.deliv_check dd p {
    display: inline;
}
.deliv_check ul.deliv_edit {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    font-size: 12px;
}
.deliv_check ul.deliv_edit li {
    width: calc(48% - 2px);
    text-align: center;
}
.deliv_check ul.deliv_edit li:nth-child(even) {
    margin-left: 4%;
}
.deliv_check ul.deliv_edit li a {
    width: 100%;
    display: inline-block;
    border: solid 1px #ccc;
    padding: 5px 0;
    border-radius: 2px;
    color: #2d2d2e;
    background: #eff1f3;
    background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec);
    background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
}

/* .deliv_check input[type="radio"]+label::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px #dcdcdc;
    border-radius: 17px;
    margin: 0 15px 0 0;
    background-color: #ededed;
    vertical-align: middle;
    -webkit-transition: background-color ease .2s;
    transition: background-color ease .2s;
}
.deliv_check input[type="radio"]:checked+label:before {
    border: solid 8px #2185c5;
    background: #fff;
}*/
.deliv_check input[type="radio"] {
    display: none;
}
.LC_Page_Shopping_Deliv .formBox {
    border: solid 1px #e6e6e6;
    padding-bottom: 15px;
}
.formBox a.btn_sub.addbtn {
    margin: 0 auto;
    padding: 4px 7%;
    border-radius: 5px;
    background: #2185c5;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    width: 86%;
}
.form_area .center{
	text-align: center;
}
.form_area .center.inner {
    width: 280px;
    margin: 0 auto;
    padding: 15px 0 0;
}
.form_area .inner i.fa-plus-square:before {
    margin-right: 5px;
}


/* -----------------------------------------------
お届け先指定(複数)
----------------------------------------------- */
.delivitemBox {
    padding: 10px;
    border-bottom: #CCC solid 1px;
    clear: both;
    position: relative;
}
.delivitemBox .photoL {
    width: 80px;
}
.delivitemBox .delivContents {
    width: 67%;
    float: right;
    display: block;
    position: relative;
}

.delivContents p {
    float: left;
    line-height: 1.2;
    margin-bottom: 5px;
    margin-right: 40px;
}
.delivContents ul {
    width: 3em;
    float: right;
    right: 7px;
    position: absolute;
}
.delivContents ul li {
    text-align: center;
    clear: both;
}

.delivContents ul li:first-child {
    line-height: 1.2;
    vertical-align: bottom;
}

/* -----------------------------------------------
お支払方法・お届け時間等の指定
----------------------------------------------- */
input[type="radio"] + label{
    padding-left: 25px;
    position: relative;
}
input[type="radio"] + label::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #2E2E2E;
    border-radius: 50%;
    top: 1px;
	box-sizing: initial;
}
input[type="radio"]:checked + label::after{
	content: "";
	display: block;
	position: absolute;
	left: 3px;
	width: 11px;
	height: 11px;
	background: #848484;
	border-radius: 50%;
	top: 4px;
}
table.change_item_list input[type="radio"] + label {
    padding-left: 18px;
    position: relative;
}
.pay_area input[type="radio"] + label::before,
.pay_area02 input[type="radio"] + label::before{
    top: 14px;
}

.pay_area input[type="radio"]:checked + label::after,
.pay_area02 input[type="radio"]:checked + label::after{
    top: 17px;
}


/* お支払い方法の説明欄
----------------------------------------------- */
.payment_desc img {
    width: 100% !important;
}

.payment_desc{
    font-size: 0.8em;
}

.pay_area02 .time_select {
    margin-top: 10px;
    overflow: hidden;
}
.pay_area02 .time_select .deliv_express_msg {
    margin-left: 15px;
    margin-bottom: 15px;
    font-size: 85%;
}
.pay_area02 .time_select .select_date_area {
    margin-left: 15px;
}
.pay_area02 .time_select .select_date_area .select_date {
    float: left;
    margin-right: 10px;
}
.pay_area02 .time_select h4 {
    font-size: 100%;
}
.pay_area02 .time_select select {
	margin: 0 0 10px 0;
    display: block;
}
.pay_area02 .time_select p#deliv_express_msg {
    margin: -10px 0 15px 54px;
}
.pay_area02 .time_select span#date_no_selectable,
.pay_area02 .time_select span#time_no_selectable {
	display: inline-block;
}
.pay_area02 .time_select label {
    line-height: 1;
    padding: 15px;
    display: block;
}
.pay_area02 .time_select label:nth-of-type(2) {
    border-top: solid 1px #e9e9e9;
}

.pay_area ul {
	border-bottom: solid 1px #e9e9e9;
}
.pay_area ul,
.pay_area02 {
    margin: 10px 0;
}
.pay_area ul li label{
    line-height: 1;
    border-top: solid 1px #e9e9e9;
    padding: 15px 15px 15px 25px;
    display: block;
}
.pay_area ul li .deliv_description,
.pay_area ul li .payment_description {
	display: none; /* ラジオ未選択時は非表示 */
    margin-left: 15px;
    margin-bottom: 15px;
    font-size: 85%;
}
.pay_area ul li input:checked+label+.deliv_description,
.pay_area ul li input:checked+label+.payment_description {
    display: block;
}
.pay_area .attention,
.pay_area02 .attention {
    margin-left: 10px;
}
.pay_area02 select:first-child {
    margin-bottom: 12px;
}

.coupon_area select {
    width: 100%;
}
.coupon_area p.coupon_code {
    font-size: 12px;
    padding-left: 39px;
    font-weight: normal;
}
p.check_point {
    font-size: 12px;
    padding-left: 39px;
    font-weight: normal;
}
p.check_point .box_point .box_quantity{
    margin-right: 0.5em;
}
p.check_point input.box_point {
    width: 50px;
}
input.box_quantity {
    width: 50px;
}
.contact_area p {
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 10px;
}
.contact_area .textarea {
    width: 95%;
}
.non-select-msg {
    margin: 20px 0;
    border: none;
}
section#periodArea p {
    padding: 5%;
}
.formBox .fl-right .quantity {
    padding-left: 0;
    padding-top: 0;
    vertical-align: middle;
    float: none;
}
.formBox .fl-right .result {
    float: none;
    width: auto;
    margin-bottom: 0;
}
/*クレジットカード　名義入力箇所*/
span.cardholder_name,
#credit_info_area span.cardholder_name {
    display: inline-block;
}
/*クーポン選択プルダウン箇所*/
.formBox select[name="plg_raku2_coupon_publish_code"] {
    max-width: 100%;
}

/* 定期サイクルエリア */
#periodArea .period  {
    padding: 5%;
    border-top: solid 1px #ccc;
    margin-bottom: 20px;
}
#periodArea .period ul:after {
    display: none;
}
#periodArea .period .confirmArea {
    text-align: center;
    margin-top: 15px;
    background: #fafae6;
    padding: 10px;
    font-size: 12px;
}
section#periodArea p {
    padding: 5%;
}
section#periodArea .confirmArea p {
    padding: 0;
}
#periodArea .period h4 {
    float: left;
    margin-bottom: 15px;
}
#periodArea .period span.teiki_cycle_set {
    float: left;
}
#periodArea .period .teiki_cycle_item {
    clear: both;
    margin-bottom: 15px;
}
#periodArea .period .teiki_cycle_item h5 {
    font-size: 100%;
}
#periodArea .period span.attention.teiki_cycle_set {
    font-size: 11px;
    margin-top: 4px;
}

#zeus_token_card_info_area {
    padding: 10px;
    margin-bottom: 10px;
}
#zeus_token_card_info_area input[type="radio"] {
    margin-right: 0.5em;
}
#zeus_token_card_info_area input[type="text"],
#zeus_token_card_info_area input[type="tel"],
#zeus_token_card_info_area select {
    font-size: 12px;
}
#zeus_token_card_info_area label[for^="zeus_token_action_type"] {
    font-weight: bold;
}
.confirm_btn {
    -webkit-appearance: none;
    width: 100%;
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    display: block;
    cursor: -webkit-grab;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
    background: #FF931E;
}

/* ▼定期コース */
.teiki_course {
	margin-top: 10px;
	clear: both;
}

.teiki_course_title,
.teiki_course_select {
	margin-bottom: 10px;
}
.order_item .listdetail .teiki_course p[class^='teiki_course_msg']{
	color: #00796B;
}

.order_item .listdetail .teiki_course .teiki_course_inner{
	line-height: 50px;
}
/* ▲定期コース */
/* -----------------------------------------------
ご注文内容のご確認
----------------------------------------------- */
.cartcartconfirmarea {
    padding: 5% 5% 0;
    border-bottom: #CCC solid 1px;
}
.cartconfirmBox {
    border-bottom: #CCC solid 1px;
    clear: both;
    position: relative;
}
.cartconfirmBox:last-child {
    border-bottom: none;
}
.cartconfirmBox .photoL {
    width: 20%;
    float: left;
    clear: both;
}
.cartconfirmContents {
    width: 75%;
    position: relative;
    line-height: 1.3;
    overflow: hidden;
	float: right;
}
.cartconfirmContents div {
    min-height: 62px;
    line-height: 1.3;
}
.formBox .fl-right {
    float: right;
    margin-top: 10px;
    width: 90%;
    text-align: right;
}
.cartinContents p.rank_label,.cartconfirmContents p.rank_label {
    margin-top: 15px;
    margin-bottom: 2px;
}
.cartinContents p.rank_detail,.cartconfirmContents p.rank_detail {
    display: block;
    color: #ff0008;
    font-size: 14px;
    font-weight: bold;
}
/* 定期の総合計額表示部 */
.formBox.total_teiki_all div:last-child {
    border-radius: 7px;
}
.formBox.total_teiki_all span.attention {
    color: #008a00;
    font-size: 11px;
}

.cartcartconfirmarea .cartconfirmContents div {
    min-height: auto;
}
.cartconfirmBox ul {
    float: right;
    clear: both;
    line-height: 1.1;
}
.cartconfirmBox ul li {
    display: inline;
    font-weight: bold;
}
.cartconfirmBox ul li.result {
    padding-left: 1em;
    vertical-align: bottom;
}
.result_area {
    font-size: 14px;
    font-weight: bold;
}
.result_area dl {
    text-align: right;
    float: right;
    display: block;
}
.result_area dt,
.result_area dd {
    text-align: right;
}
.result_area dt {
    font-size: 11px;
    clear: left;
    float: right;
}
.confirm_box {
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.alart_coupon_select {
	text-align: center;
	color: #008a00;
}
dl.point dl {
    display: block;
}
.confirm_box .main {
    display: table-cell;
    width: 80%;
    vertical-align: middle;
}
.confirm_box .sub {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    text-align: right;
}
.confirm_box .sub {
    vertical-align: top !important;
}
#pointconfirm_area .confirm_box .main h4,
#otherconfirm_area .confirm_box .main h4 {
    float: left;
    clear: both;
    font-size: 100%;
}
#pointconfirm_area .confirm_box .main p,
#otherconfirm_area .confirm_box .main p {
    float: left;
}
a.btn_change_payment {
    border: solid 1px #2185c5;
    padding: 5px 10px;
    border-radius: 4px;
    display: block;
    text-align: center;
    background: #fff;
    font-weight: normal;
    line-height: 1.6;
    font-size: 14px;
}
#couponconfirm_area .use_coupon {
    vertical-align: bottom;
}
#pointconfirm_area .use_point {
    font-size: 114%;
    vertical-align: bottom;
}
#pointconfirm_area #point_detail {
    padding: 5% 0 0;
    margin-top: 5%;
    border-top: solid 1px #e9e9e9;
}
#pointconfirm_area #point_detail dl dt {
    float: left;
    clear: both;
    margin-bottom: 5px;
}
#pointconfirm_area #point_detail dl dd {
    float: right;
}


.customer_confirm dt,
.deliv_confirm dt {
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    background: #EEE;
    border-top: #FFF solid 1px;
    border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    line-height: 1.2;
    vertical-align: middle;
    position: relative;
    display: block;
}
.customer_confirm dd,
.deliv_confirm dd {
    font-size: 12px;
    padding: 10px;
    border-bottom: #CCC solid 1px;
    display: block;
    line-height: 1.3;
}

.customer_confirm dd:last-child, 
.deliv_confirm dd:last-child {
    border-bottom: none;
}

.customer_confirm dd p.deliv_name,
.deliv_confirm dd p.deliv_name {
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 1.3;
}

.date_confirm li {
    padding-right: 1em;
    display: inline;
}
.formBox .result {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}

.btn_area {
	position: relative;
}
.btn_change_box {
	position: absolute;
    width: 85px;
    right: -30px;
    top: 12px;
}
.btn_change_box_period {
	position: absolute;
    width: 85px;
    right: -30px;
    top: 40px;
}
section#otherconfirm_area .formBox div:first-child, section.period_area .formBox div:first-child {
    padding-top: 0;
}
body.LC_Page_Shopping_Confirm section .formBox {
    margin-bottom: 0;
}
body.LC_Page_Shopping_Confirm section .formBox:nth-child(2) {
    margin-top: 5%;
/*
    border-top: solid 1px #e9e9e9;
    padding-top: 15px;
*/
}
/* 変更ボタン用 */
body.LC_Page_Shopping_Confirm section {
    position: relative;
}
section#otherconfirm_area .formBox, section.period_area .formBox {
    border: none;
}
section#otherconfirm_area .innerBox, section.period_area .innerBox {
    padding: 15px 0;
}
.sub.btn_conf_chg {
    position: absolute;
    top: 8px;
    right: 7px;
}


/* -----------------------------------------------
入力フォーム/確認画面共通
----------------------------------------------- */
.raku2_customer_confirm_msg {
	margin-bottom: 5px;
}

dl.form_entry {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    position: relative;
}
dl.form_entry p {
    margin-top: 4px;
}
dl.form_entry dt {
    font-weight: bold;
    padding: 15px 5% 5px;
}
dl.form_entry dd {
    padding: 0 5% 15px;
    border-bottom: #e9e9e9 solid 1px;
}
dl.form_entry dd:last-child {
    border-bottom: 0;
}
dl.form_entry .selectdate {
    margin-top: 12px;
    padding: 5px 6px 5px 4px;
    font-size: 12px;
    vertical-align: bottom;
}
dl.form_entry li {
    margin-bottom: 0.3em;
    vertical-align: middle;
}
dl.form_entry .bg_head {
    padding-bottom: 10px;
}
.genre_area {
    width: 100%;
    height: 200px;
}
/* -----------------------------------------------
完了画面
----------------------------------------------- */
.thankstext {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}
#completetext {
    font-size: 14px;
    padding: 5%;
    clear: both;
}
#completetext .shopInformation {
    border-top: solid 1px #ccc;
    padding: 5% 0 0;
    margin-top: 5%;
}
#completetext p,
#completetext .shopInformation p {
    margin-bottom: 10px;
}
#complete_payinfo_area {
	border: solid 1px #ccc;
	margin-bottom: 30px;
	padding: 5%;
	font-size: 12px;
	word-break: break-all;
}

/* -----------------------------------------------
アンケートフォーム/確認・完了画面共通
----------------------------------------------- */
#enquete_area {
    padding: 5%;
}
#enquete_area h3 {
    color: #f60;
}
#enquete_area h4 {
    background: #f0f0f0;
    font-size: 100%;
    padding: 5px 10px;
    margin: 15px 0 10px;
}
#enquete_area table {
	width: 100%;
}
#enquete_area td {
	padding-top: 1%;
	padding-bottom: 2%;
}
#enquete_area input[type="radio"] {
	display: inline-block;
}
/* -----------------------------------------------
特定商/当サイトについて
----------------------------------------------- */
dl.form_info {
    width: 100%;
    margin: 10px 0 15px 0;
    padding: 0;
    border-bottom: #999 solid 1px;
    position: relative;
}
dl.form_info dt {
    font-weight: bold;
    padding: 10px 10px 0;
}
dl.form_info dd {
    padding: 0 10px 10px;
    border-bottom: #CCC solid 1px;
}
dl.form_info dd:last-child {
    border-bottom: 0;
}

#maps {
    width: 88%!important;
    margin: 10px auto!important;
}
/* -----------------------------------------------
規約
----------------------------------------------- */
#kiyaku_text {
	margin: 30px 5% 0;
    text-align: center;
}
#kiyaku_text p {
    font-size: 12px;
    margin-bottom: 5px;
}
textarea.kiyaku_text {
    width: calc(92% - 2px);
	height: 200px !important;
    padding: 4%;
    border: solid 1px #ccc;
}
/*-------------------------------------------------
error
----------------------------------------*/
#errorBox {
    text-align: left;
    padding: 20px;
}
/* -----------------------------------------------
ランキング、目玉商品、閲覧履歴
----------------------------------------------- */
ul.ranking_list,
ul.recommend_list,
ul.history_list {
    text-align: center;
    margin-left: -2%;
    margin-bottom: 10px;
}
.ranking_list_wrapper .bx-wrapper,
.recommend_list_wrapper .bx-wrapper,
.history_list_wrapper .bx-wrapper {
    margin-left: 2%;
    margin-right: 2%;
    box-shadow: none;
    border: none;
}
.bx-wrapper ul.ranking_list,
.bx-wrapper ul.recommend_list,
.bx-wrapper ul.history_list {
    margin-left: 0;
}
.bx-wrapper ul.ranking_list li,
.bx-wrapper ul.recommend_list li,
.bx-wrapper ul.history_list li {
    margin-top: 0;
}
ul.ranking_list li,
ul.recommend_list li,
ul.history_list li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-left: 2%;
    margin-top: 10px;
    font-size: 78%;
}
ul.ranking_list.rmd_slider li,
ul.recommend_list.rmd_slider li,
ul.history_list.rmd_slider li {
    margin-left: 0;
}
ul.ranking_list li img,
ul.recommend_list li img,
ul.history_list li img {
    width: 100%;
}
ul.ranking_list li a,
ul.recommend_list li a,
ul.history_list li a {
    color: #2D2D2F;
}
ul.ranking_list li h3,
ul.recommend_list li h3,
ul.history_list li h3 {
    font-weight: normal;
    line-height: 1.3;
    margin: 5px 0 2px;
}
/* ランキングのみアイコン表示 */
ul.ranking_list li p[class^="icon_rank-"] {
    border: solid 1px #e7e8e9;
    border-radius: 50px;
    width: 28px;
    height: 22px;
    text-align: center;
    display: inline-block;
    padding-top: 6px;
    margin-bottom: 4px;
}
ul.ranking_list li p.icon_rank-1 {
	border: none;
    background: #d0ac56;
    color: #fff;
}
ul.ranking_list li p.icon_rank-2 {
	border: none;
    background: #a5a5a5;
    color: #fff;
}
ul.ranking_list li p.icon_rank-3 {
	border: none;
    background: #88672d;
    color: #fff;
}

/* レビュー一覧用
----------------------------------------------- */
#reviews_area .pagenumberarea li a:link,#reviews_area .pagenumberarea li a:visited {
    color: #39c;
    text-decoration: none;
}
#reviews_area .pagenumberarea li a:link:hover,#reviews_area .pagenumberarea li a[href]:hover {
    color: #aaaaaa;
    text-decoration: underline;
}
div#sort_area {
    margin: 5%;
    border-radius: 4px;
    border: solid 1px #ccc;
    background: #d3e8f2;
}
#sort_area .open-btn {
    position: relative;
    text-align: right;
    margin-top: 10px;
}
#sort_area h3 {
	margin: 0 18px 5px;
	display: inline-block;
	cursor: pointer;
}
#sort_area h3.active::before{
	content:"\f146";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #3399cc;
}
#sort_area h3::before{
	content:"\f0fe";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #3399cc;
}
#sort_area .filter_area.open-box {
    margin-bottom: 20px;
}
#sort_area .filter_area.open-box p.ttl {
	width: 100%;
	margin: 0 auto;
	display: block;
	background: #f0f0f0;
	text-align: center;
	color: #514c49;
	font-weight: bold;
	padding: 6px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	letter-spacing: 1px;
}
#sort_area .filter_area {
    background: #fff;
}
#sort_area h3.table_ttl{
	background: #d3e8f2;
	width: 96%;
	padding: 2%;
	margin: 0;
}
#sort_area h3.table_ttl::before {
    content: " ";
}
.table_box label {
	width: 50%;
	display: inline-block;
	float: left;
	text-align: center;
	border-bottom: 1px solid #eee;
	padding: 2.5% 0;
	box-sizing: border-box;
}
.table_box label:nth-child(even) {
    border-right: 1px solid #eee;
}
.table_box label:last-child{
	border-bottom: none;
}
.review_form_area label:nth-child(even){
	border: none;
}
.review_form_area .table_box label{
	border-bottom: none;
	text-align: left;
}
.filter_area.open-box .table_box label img {
    max-width: 95px;
}

div#sort_area table{
	width: 100%;
	margin: 0 auto 20px auto;
}
div#sort_area p.btn input{
	width: 80%;
	margin: 0 auto;
}
div#reviews_area .pagenumberarea {
    margin: 0 4%;
    padding: 10px 0;
    box-shadow: none;
    border: none;
    background: #fff;
    display: block;
}
#reviews_area .list-inner-top p,#reviews_area .list-inner-top .reviewlevel {
    margin-left: 0;
}
.reviewlevel img {
    max-width: 95px;
    vertical-align: text-top;
}
#reviews_area #sort_area p.mg-l {
    display: inline-block;
    margin-left: 2.5%;
    font-size: 12px;
}
div#reviews_area .pagenumberarea ul {
    width: 95%;
    margin: 0 auto;
    border: none;
    border-radius: 0;
    display: block;
    overflow: hidden;
}
div#reviews_area .pagenumberarea li.on_number {
    color: #333;
    background: none;
}
div#reviews_area .pagenumberarea li {
    font-size: 12px;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
    text-align: center;
    background: none;
    width: auto;
    border-left: none;
}
div#reviews_area .pagenumberarea li a{
	padding: 0;
	display: inline-block;
}
#reviews_area .pagenumberarea li:first-child a, #reviews_area .pagenumberarea li:nth-child(2) a{
    border-radius: 0;
    border-right: none;
    background: none;
}
div#reviews_area .pagenumberarea li span{
    padding: 0 6px;
    color: #333;
}
div#reviews_area .pagenumberarea li:last-child {
    border-radius: 0;
}
div#reviews_area .pagenumberarea li:last-child a {
    border-radius: 0;
    border-left: #FFF solid 1px;
    background: none;
    box-shadow: none;
}
#reviews_area .pagenumber_area{
	margin: 3% auto;
    padding-bottom: 0;
    background: none;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 82%;
}
#reviews_area .pagenumber_area .navi {
    float: left;
}
#reviews_area .pagenumber_area .navi a {
    background: #eee;
    padding: 4px 6px;
    line-height: 24px;
    margin: 2px 0px 0;
    display: inline-block;
}
#reviews_area .pagenumber_area .pagenumber_all {
    float: right;
    margin: 2px 0px 0;
    display: inline-block;
    padding: 4px 6px;
}
#sort_area p.btn {
    display: block;
    margin-bottom: 20px;
    margin: 0 auto;
    padding: 4% 0;
    background: #d3e8f2;
}
.sorting_area {
    background: #fff;
    width: 76%;
    margin: 10% auto 0;
    text-align: center;
}
div#sort_area p.btn input {
	width: 80%;
	margin: 0 auto 2%;
	padding: 8px;
	background: #7AC943 none repeat scroll 0% 0%;
	color: #FFF !important;
	display: block;
	border-radius: 5px;
	text-decoration: none !important;
	text-align: center;
	border: none;
	cursor: pointer;
}
#reviews_area .list_area {
	background: #fff;
	margin-bottom: 3%;
	border-top: 4px solid #d3e8f2;
	border-bottom: none;
	padding: 5%;
}
.reviewcomment {
    margin-bottom: 2%;
}
.table_box {
    text-align: center;
}
.table_box input.box30 {
    margin: 3%;
}
.table_box input[type="checkbox"] {
    margin: 0 5px;
    vertical-align: middle;
}
#reviews_area p.intro{
    display: block;
    text-align: right;
}
.reviewtitle {
    font-weight: bold;
    margin-bottom: 1.5%;
}
.reviewtitle::before {
    content: "\f27a";
    font-family: FontAwesome;
    margin-right: 4px;
    font-size: 16px;
    color: #3399cc;
}
.list-inner-sec {
    margin-bottom: 3%;
    display: inline-block;
    border-bottom: 1px dotted #ccc;
    width: 100%;
    padding-bottom: 2%;
}
.list-inner-top {
    display: inline-block;
}
.list-inner-top .listrightblock {
    width: 79%;
    float: right;
    padding-right: 1%;
    margin-bottom: 2%;
}
.list-inner-top {
    display: inline-block;
    border-bottom: 1px dotted #ccc;
    width: 100%;
}
.list-inner-top .listphoto {
    float: left;
    max-width: 15%;
    margin-right: 1%;
}
.list-inner-top .listrightblock h3 {
    font-size: 15px;
    clear: both;
    line-height: 20px;
    margin-bottom: 2%;
}
.list-inner-top .reviewdate {
    font-size: 12px;
    margin-bottom: 5px;
}
.list-inner-top .listrightblock .classcategory_name {
    font-weight: normal;
    font-size: 11px;
	margin-top: -5px;
}
.sale_price {
    color: #f00;
    font-weight: bold;
}
.detailrightblock .product_detail .sale_price,.detailrightblock .product_detail .sale_price .price {
    color: #333;
    font-size: 12px;
}
.sale_price .price{
    color: #f00;
    font-weight: bold;
}

#detailarea .price02_inctax_default, #detailarea .price03_inctax_default, .price01_inctax_dynamic, #detailarea .price02_inctax_dynamic, #detailarea .price03_inctax_dynamic {
    font-size: 20px;
	font-weight: normal;
}
#detailarea .price02_notax_default, #detailarea .price03_notax_default, #detailarea .price01_notax_dynamic, #detailarea .price02_notax_dynamic, #detailarea .price03_notax_dynamic {
    font-size: 20px;
    font-weight: normal;
}
#detailarea  #teiki_first_price_notax_default, #detailarea  #teiki_first_price_inctax_default, #detailarea  #teiki_first_price_notax_dynamic, #detailarea  #teiki_first_price_inctax_dynamic {
    font-size: 20px;
    font-weight: normal;
}
.list-inner-top .listrightblock h3 a:link,.list-inner-top .listrightblock h3 a:visited {
    color: #333333;
}
.list-inner-profile {
    display: inline-block;
    width: 100%;
}
.list-inner-profile .listrightblock {
	width: 75%;
	font-size: 12px;
}
.list-inner-bottom {
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    overflow: hidden;
    background: #eee;
    padding: 10px 0;
}
.list-inner-profile .reviewphoto {
    display: inline-block;
    margin: 2% 2.5%;
    float: left;
    max-width: 15%;
}
.list-inner-profile .reviewphoto img{
	width: 100%;
}
.reviewcomment {
    margin-bottom: 2%;
    width: 100%;
    word-wrap: break-word;
}
.list-inner-bottom a {
	display: inline-block;
	padding: 3px 15px;
	margin: 5px;
    text-decoration: none;
    color: #ffffff;
    text-shadow: -1px -1px 2px #3885b1;
    background: #4291b8;
    background: -moz-linear-gradient(#62b0d7, #4291b8 75%, #4d9ac1);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #62b0d7),color-stop(.75, #4291b8),color-stop(1, #4d9ac1));
    border: 1px solid #2c88b5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.list-inner-bottom .tbl_review_ref_btn {
    display: inline-block;
}
.review_item {
    margin: 0 5%;
    display: inline-block;
}
.item_spec_area {
    overflow: hidden;
}
.reviewrefok span {
    font-weight: bold;
}
#reviews_area .item_spec_area p.listphoto {
    max-width: 30%;
    margin: 10px 2% 15px 0;
}
#reviews_area .item_spec_area .item_spec_text {
    float: right;
    width: 65%;
    margin-top: 10px;
    margin-bottom: 15px;
}
#reviews_area .list-inner-top p.listphoto {
    display: inline-block;
    margin: 0 2.5% 2% 0;
    float: left;
    max-width: 15%;
}
.main_comment {
    margin-bottom: 15px;
    display: inline-block;
}
.review_item .price_area br {
    display: none;
}
.review_item span.price.normal {
    font-size: 11px;
}
p.item_page_btn::before {
    content: "\f0a9";
    font-family: FontAwesome;
    margin-right: 1px;
    font-size: 13px;
    color: #3399cc;
}
p.item_review_btn::before {
    content: "\f0a9";
    font-family: FontAwesome;
    margin-right: 1px;
    font-size: 13px;
    color: #3399cc;
}
.item_spec_box {
    border: 1px solid #ccc;
}
.item_link {
    text-align: left;
    margin: 4% auto 0%;
}
.item_link p{
	display: inline-block;
	margin-right: 2%;
	font-size: 13px;
}
.ave {
    text-align: center;
    margin-right: 0;
    padding: 3% 1%;
    border-bottom: 1px solid #ccc;
}
.ave p {
    font-size: 12px;
}
.item_spec_box .rank {
    padding: 3%;
}
.item_spec_box .item_spec_box>div {
    text-align: left;
    margin: 1% 0 0 0;
}
.review_item dl.product_code {
    display: none;
}
.item_spec_box img {
    vertical-align: text-top;
    max-width: 95px;
}
.item_spec_box .ave img {
	vertical-align: top;
    max-width: 22px;
}
#reviews_area .ui-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#reviews_area .ui-btn-corner-all {
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
#reviews_area ui-focus, .ui-btn:focus{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#reviews_area .ui-btn-active{
	background-image: none;
	background: ccc;
	color: #444;
	text-shadow: none;
}
#reviews_conf_area h3.table_ttl {
    border: 1px solid #ccc;
    color: #333;
    background-color: #f0f0f0;
    padding: 2%;
    text-align: center;
}
#reviews_conf_area .table_box {
    margin: 5%;
}
#reviews_conf_area ul.btn_btm {
    clear: both;
    display: block;
    clear: both;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#reviews_conf_area .btn_area li, ul.btn_btm li {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}
#reviews_area div#completebox {
    width: 90%;
    margin: 5% auto;
    text-align: center;
}
#reviews_area .btn_area {
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}
#reviews_area .btn_area p {
    display: inline-block;
    width: 80%;
}
#reviews_area input[type="submit"].btn{
    padding: 3%;
    background: #7AC943 none repeat scroll 0% 0%;
    -moz-background: #7AC943!important;
    -webkit-background: #7AC943!important; 
    background-image: none;
    color: #FFF !important;
    display: block;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 133%;
    text-align: center;
    border: none;
    float: left;
    cursor: pointer;
    width: 100%;
}
#reviews_conf_area input[type="submit"].btn{
	padding: 3%;
    background: #7AC943 none repeat scroll 0% 0%!important;
    -moz-background: #7AC943!important;
    -webkit-background: #7AC943!important; 
    background-image: none;
    -webkit-transition: none;
    color: #FFF!important;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 133%;
    text-align: center;
    border: none;
    float: left;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
}
#reviews_conf_area a.btn_back{
    padding: 2% 3%;
    background: #7AC943 none repeat scroll 0% 0%;
    color: #FFF !important;
    display: block;
    border-radius: 5px;
    margin: 0 auto;
    text-decoration: none !important;
    font-size: 133%;
    text-align: center;
    border: none;
    width: 94%;
    cursor: pointer;
}
#reviews_area a.btn_back {
    padding: 10px;
    background: #333333 none repeat scroll 0% 0%;
    color: #FFF !important;
    display: block;
    border-radius: 5px;
    margin: 1%;
    text-decoration: none !important;
    font-size: 133%;
    text-align: center;
    width: 90%;
    cursor: pointer;
}
#reviews_area .reviewlevel {
    margin-left: 2.5%;
    margin-top: 5px;
}
#reviews_area h3.table_ttl {
    background: #d3e8f2;
    width: 96%;
    padding: 2%;
    margin: 0;
}
#reviews_area .table_box {
    margin: 5%;
    overflow: hidden;
}
#reviews_area .profile-img label{
	text-align: center;
}
.review_form_area .table_box label img {
    width: 50%;
}
#reviews_area .table_box .txtarea {
    width: 80%;
}
#reviews_area #sort_area .table_box {
    margin: 0;
}
label.ui-checkbox-off.ui-btn.ui-btn-up-f.ui-btn-corner-all.ui-fullsize.ui-btn-icon-left {
    border: 1px solid #ccc;
    background: #eee;
    color: #444;
    text-decoration: none;
    text-shadow: 0 1px 1px #f6f6f6;
    width: 100%;
}
img.profile_img {
    width: 28%;
}

/* ==============================================
▼カートインパーツ
=============================================== */
/* 基本スタイル（縦型／幅200px）
----------------------------------------------- */
form[name^="product_"].product_form_cartin {
    width: 100%;
}
.cartin_productinfo {
    font-size: 12px;
    line-height: 1.6;
}
.cartin_productinfo p {
    margin: 0;
}
/* 商品ステータス */
.cartin_productinfo ul.status_icon li {
    width: 60px;
    float: left;
    line-height: 1;
    margin: 0 5px 5px 0;
}
.cartin_productinfo ul.status_icon li img {
	width: 100%;
    vertical-align: middle;
}
.cartin_productinfo .product_photo {
    width: 100%;
}
.cartin_productinfo .product_photo img {
    width: 100%;
}
.cartin_productinfo .product_detail {
    width: 100%;
}
.cartin_productinfo .product_detail p.cartin_productname {
    margin-top: 5px;
}
.cartin_productinfo .product_detail p.price_title {
    display: none;
}
.cartin_productinfo .product_detail p.price {
    font-size: 11px;
    text-align: right;
    font-weight: normal;
}
.cartin_productinfo .product_detail p.price #price02_notax_dynamic,
.cartin_productinfo .product_detail p.price #price02_inctax_dynamic {
    font-size: 15px;
}
.cartin_productinfo .product_detail .point {
    text-align: right;
    font-size: 11px;
    font-weight: normal;
}
.cartin_productinfo .product_detail .classlist {
    margin-top: 10px;
}
.cartin_productinfo .product_detail select[name^="classcategory"] {
    font-size: 12px;
    height: 22px;
    padding: 0;
}
.cartin_productinfo .product_detail .cartin_btn {
    margin-top: 10px;
}
.cartin_productinfo .product_detail .cartin_btn a {
    padding: 5px 0;
    color: #FFF;
    display: block;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    background-color: #F95D6C;
    width: 100%;
}
/* ==============================================
▼加盟店ページ
=============================================== */
/* 一覧ページ
----------------------------------------------- */
#members_area #members_area_list {
    margin: 30px 0 0;
}
/* タブメニュー */
#members_area #members_area_list ul#area_nav {
    overflow: hidden;
    border-left: solid 1px #ccc;
    width: 90%;
    margin: 0 auto;
}
#members_area #members_area_list ul#area_nav li a {
    float: left;
    padding: 10px 0;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    border-right: solid 1px #ccc;
    width: 33%;
    text-align: center;
}
#members_area #members_area_list ul#area_nav li.active a {
	background: #fff;
}

/* タブの中身 */
#members_area #members_area_list #area_list {
    padding: 15px 5% 0;
}
#members_area #members_area_list #area_list div {
	display: none;
}
#members_area #members_area_list #area_list div.active {
	display: block;
}
#members_area #members_area_list #area_list ul {
    overflow: hidden;
    margin-bottom: 30px;
}
#members_area #members_area_list #area_list ul li a {
    float: left;
    border-right: solid 1px #ccc;
    padding: 0 10px;
}
#members_area #members_area_list #area_list ul li:last-child a {
    border-right: none;
}

#members_area h3 {
    margin: 30px 5% 15px;
    font-weight: normal;
    padding: 5px 10px;
    font-size: 14px;
    background: #999999;
    color: #fff;
}
#members_area table {
    width: 90%;
    margin: 0 auto;
}
#members_area table th {
    background: #f0f0f0;
}
#members_area table th,
#members_area table td {
    border: solid 1px #ccc;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.4;
}


/* 詳細ページ
----------------------------------------------- */
#members_detail {
    padding: 5%;
}
#members_detail #members_detail_info {
    width: 100%;
}
#members_detail #members_detail_info .logo_image {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
#members_detail #members_detail_info .logo_image img {
    width: 100%;
}
#members_detail #members_detail_info h2#company_name {
	color: #247731;
    padding: 0 0 5px;
    border-bottom: solid 1px #91ba97;
    margin-bottom: 15px;
    background: #fff;
    text-align: center;
    font-size: 19px;
}
#members_detail #members_detail_info .logo_image + h2#company_name {
    margin-top: 15px;
}
#members_detail #members_detail_info h3 {
    font-weight: normal;
    font-size: 100%;
}
#members_detail #members_detail_info dt,
#members_detail #members_detail_info dd {
    float: left;
    margin-bottom: 8px;
}
#members_detail #members_detail_info dl {
    width: 100%;
    overflow: hidden;
}
#members_detail #members_detail_info dt {
    clear: both;
    width: 20%;
}
#members_detail #members_detail_info dd {
    width: 80%;
}
#members_detail #members_detail_info dd a.site_url {
	word-break: break-all;
}
#members_detail #members_detail_info dt h3.member_tel_ttl {
    margin-top: 3px;
}
#members_detail #members_detail_info dd span.member_tel {
    font-size: 28px;
    font-family: arial;
    line-height: 1;
}
#members_detail #members_detail_info dd span.member_tel img {
    vertical-align: baseline;
}
#members_detail #members_detail_maps {
    width: 100%;
    margin-top: 15px;
}
#members_detail #members_detail_maps > #maps {
    margin: 0 !important;
    width: 100% !important;
}
#members_detail #comment_pc {
	margin-top: 5%;
}

/* まとめ割注意文言 */
.matome_attention_msg {
    color: #008a00;
    font-size: 11px;
    font-weight: normal;
}

/* セレクトボックスの初期表示解除 */
select{
    padding: 0.5em 0 0.5em 0.5em;
}

/* LP支払方法説明 */
.lp_payment_description{
    margin-top: 10px;
}

.lp_payment_description img{
    width: 100%;
}

.message_sp_contact_button_upper{
    padding: 0 5% 15px;
}

/* 必須デフォルト */
.required_label {
    color: #CC0000;
}

/* お支払方法変更画面プレゼント */
.presentForm {
	margin: 0;
}
.form_area .present_message_upper, 
.form_area .present_message_lower {
	margin: 0;
}
.form_area .present_message_lower {
	margin-bottom: 10px;
}
.present_img{
	width: auto;
	height: auto;
	max-width: 100%;
}
.present_box {
	display: inline-block;
	padding: 5px 10px;
}
.present_box {
	display: flex;
	align-items: center;
}
.present_box .item_img{
	width: 30%;
}

.present_box .item_chk{
	width: 70%;
	margin-left: 5px;
}


/* トップページ
----------------------------------------------- */
.top_page .pickup_item, .top_page .bnr_area {
    width: 96%;
    margin: 2% 2% 12%;
}
.top_page .pickup_item a {
	margin: auto auto 2%;
	display: block;
}
.top_page .pickup_item a img {
	width:100%;
}
.top_page .recommend_brand {
    margin-bottom: 12%;
}
.top_page .recommend_brand ul {
    margin-top: 2%;
}
.top_page .recommend_brand ul li:nth-child(odd) {
    margin-right: 0;
}
.top_page .recommend_brand ul li {
    float: left;
    width: 47%;
    margin: 0 2% 2%;
}
.top_page .recommend_brand ul li img {
    width: 100%;
}

/* カスタムページ
----------------------------------------------- */
/* ご利用ガイド */
.custom_page .a_hyo table {
    margin: 15px auto 20px auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}
.custom_page .a_hyo table th {
    padding: 3%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    background-color: #f0f0f0;
    font-weight: normal;
}
.custom_page .a_hyo table td {
    padding: 3%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}
.custom_page .btn_readmore {
    margin: 2% auto;
    text-align: center;
}
.custom_page .btn_readmore a {
    width: 90%;
    display: block;
    color: #333 !important;
    background: #fff;
    border: #333 solid 2px;
    padding: 3%;
    font-size: 0.9em;
    font-weight: 600;
    margin: 0 auto;
}
.custom_page .btn_readmore a:after {
    content: ' >';
}
.custom_page #guide_area dl.form_info {
    width: 95%;
    margin: 10px auto 15px;
}
.custom_page #guide_area dl.form_info dt {
	font-size: 120%;
	border-left: #999 solid 5px;
	vertical-align: middle;
	padding: 1% 2%;
	margin: 5% 0 3%;
}
.custom_page #guide_area dl.form_info dd {
    padding: 0 10px 5%;
}
.custom_page #guide_area dl.form_info dd p {
    margin-bottom: 5%;
}
.custom_page #guide_area dl.form_info dd p.sub_ttl {
    font-weight: bold;
    margin-bottom: 1%;
    font-size: 110%;
}

/* よくあるご質問 FAQ */
.custom_page #faqarea {
    position: relative;
    width: 100%;
    margin: 20px auto 0;
    padding: 20px 0 30px;
    box-sizing: border-box;
    font-weight: 400;
}
.custom_page #faqarea .heading {
    font-size: 19px;
    text-align: center;
    margin-bottom: 8px;
    letter-spacing: 1px;
    line-height: 25px;
}
.custom_page #faqarea .heading .small {
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.custom_page #faqarea h3 {
    background-color: #353535;
    color: #FFFFFF;
    padding: 2.5% 5%;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}
.custom_page #faqarea h4 {
    font-size: 16px;
    color: #fd008b;
}
.custom_page #faqarea p.sub_ttl {
    font-size: 15px;
    font-weight: 600;
    line-height: 12px;
    margin: 12% 5% 4%;
}
.custom_page #faqarea .category {
    width: 84%;
    margin: 5% auto 12%;
    font-size: 120%;
    text-align: left;
    line-height: 35px;
}
.custom_page #faqarea .category a {
    color: #333;
    text-decoration: none;
    display: block;
    margin: 0 0 2%;
}
.custom_page #faqarea .ma-30 {
    margin: 3% 0;
}
.custom_page #faqarea span.small {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
}
.custom_page .acMenu {
    width: 90%;
    margin: 0 auto 10px;
}
.custom_page .acMenu dt.check {
    background: #FFFFFF;
    border: 2px solid #009ee7;
    color: #009ee7;
    border-radius: 20px;
    font-size: 15px;
    line-height: 22px;
    box-sizing: border-box;
    text-indent: -1.9em;
}
.custom_page .acMenu dt.checked {
    background: #FFFFFF;
    border: 2px solid #fd008b;
    color: #fd008b;
    border-radius: 20px;
}
.custom_page .acMenu dt {
    display: block;
    width: 108%;
    margin-left: -4%;
    padding: 0.7em 0.5em 0.7em 2.5em;
    cursor: pointer;
    color: #FFFFFF;
}
.custom_page .acMenu dt p {
    width: 100%;
    text-align: center;
    margin: 5px 0;
    font-size: 12px;
}
.custom_page .acMenu dd {
    display: block;
}
.custom_page .acMenu dd .answer {
    color: #353535;
    font-size: 15px;
    padding: 3% 0 5% 1.5em;
    position: relative;
}
.custom_page .acMenu dd .answer sub {
    font-size: 11px;
    text-indent: -1.5em;
}
.custom_page .acMenu dd .answer strong {
    font-size: 20px;
    font-weight: 500;
    text-indent: -2.5em;
}
.custom_page .answer:before {
    content: 'A.';
    position: absolute;
    margin-left: -16px;
    top: 10px;
}
.custom_page .answer ul li {
    margin-bottom: 15px;
}

/* PICKUP */
.custom_page p.page_ttl{
    display: block;
    background: #eee;
    padding: 5px;
    margin-bottom: 30px;
}
.custom_page .main_page{
    margin: 0 2.5% 50px;
}
.custom_page .main_page .ttl {
    font-weight: bold;
}
.custom_page .main_page .detailtext {
    font-size: 12px;
    margin-bottom: 20px;
}
.custom_page .custom_cart_outer{
    margin: 30px auto 40px;
}
.custom_page .custom_cart_area{
    width: 100%;
    text-align: center;
}
.custom_page .custom_cart_area img.item_img{
    width: 70%;
}
.custom_page .main_page table{
    width: 90%;
    box-sizing: border-box;
    margin: 5%;
}
.custom_page .main_page table {
    margin: 0 auto 30px auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}
.custom_page .main_page table th {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    background-color: #f0f0f0;
    font-weight: normal;
}
.custom_page .main_page table td {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

/* カートボタン */
.custom_page .cart_in_btn {
    margin: 25px auto;
    text-align: center;
}
.custom_page .cart_in_btn a {
    display: inline-block;
    padding: 0.9em 5em;
    text-decoration: none;
    color: #009ee7;
    border: solid 2px #009ee7;
    border-radius: 3px;
    transition: .4s;
}
.custom_page .cart_in_btn a:hover {
  background: #009ee7;
  color: white;
}

/* カテゴリーページ
----------------------------------------------- */
/* カテゴリー説明文用 */
.cat_uppertext {
    margin: 10px 2.5% 15px;
}
.cat_uppertext .ttl {
    font-weight: bold;
}
.cat_uppertext .detailtext {
    font-size: 12px;
}


/* フォーム一体型LP
----------------------------------------------- */
.layout_lpmain p.page_ttl{
    display: block;
    background: #eee;
    padding: 5px;
    margin-bottom: 30px;
}
.layout_lpmain .main_page{
    margin: 0 2.5% 50px;
}
.layout_lpmain .main_page .ttl {
    font-weight: bold;
}
.layout_lpmain .main_page .detailtext {
    font-size: 12px;
    margin-bottom: 20px;
}
.layout_lpmain .custom_cart_outer{
    margin-top: 30px;
}
.layout_lpmain .custom_cart_area{
    width: 100%;
    margin-right: 40px;
    text-align: center;
}
.layout_lpmain .custom_cart_area img.item_img{
    width: 70%;
}
.layout_lpmain .main_page table{
    width: 100%;
    box-sizing: border-box;
    margin: 15px auto 30px auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}
.layout_lpmain .main_page table td {
    padding: 12px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

/* 商品一覧
----------------------------------------------- */
/* 在庫 */
.sold_out_band {
	position: absolute;
	top: 25%;
	left: 4%;
	text-align: center;
	width: 21.5%;
	background-color: #c10000;
	color: #fff;
	font-size: 0.8em;
}

.sold_out_back {
	opacity: 0.5;
}

/* 商品詳細
----------------------------------------------- */
#detailarea .review_link_bloc {
    margin-top: 10px;
    border: solid 1px #ccc;
    padding: 7px 15px;
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
    background-color: #fff;
    color: #555;
    display: none;
}

.add_favorite_readonly {
	text-align: center;
	display: block;
	border: solid 1px #aaa;
	border-radius: 5px;
	padding: 10px 0px;
}
/* まとめ請求書　価格表
----------------------------------------------- */
.matome_itemname {
	width: 96%;
	margin: 5% auto;
}
.matome_itemname p {
	margin-bottom: 2%;
}
table.matome_price {
	margin: 15px auto 20px auto;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 96%;
	border-collapse: collapse;
	text-align: left;
}
table.matome_price th {
	width: 20%;
	padding: 5% 2%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;
	background-color: #f0f0f0;
	font-weight: normal;
	text-align: center;
}
table.matome_price th:nth-child(2) {
	width: 25%;
}
table.matome_price th:last-child {
	width: 35%;
}
table.matome_price td {
	padding: 5% 2%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	text-align: right;
}

/* 見積詳細
----------------------------------------------- */
/* 見積内容詳細 */
.workflow_attention {
    color: #f00;
}

/* ローディングアニメーション
----------------------------------------------- */
.spinner {
	position: absolute;
	top: calc(50% - 47px);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	-webkit-transform-origin: center;
		transform-origin: center;
	width: 94px;
	height: 94px;
}
/* Loading テキスト */
.spinner span {
	-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	position: absolute;
	font-size: 12px;
}
.spinner_wrapper p {
	position: absolute;
	top: calc(50% + 47px);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 11px;
}
.spinner.type1 {
	border-radius: 50%;
	border-width: 5px;
	border-style: solid;
	border-color: #fff rgba(255, 255, 255, 0.12) rgba(255, 255, 255, 0.12);
	-webkit-animation: spinner1_1 1.5s infinite linear forwards;
		animation: spinner1_1 1.5s infinite linear forwards;
}
.spinner.type1 span {
	animation: spinner1_1 1.5s infinite linear forwards reverse;
}
@-webkit-keyframes spinner1_1 {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0);
			transform: translate(-50%, -50%) rotate(0);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
			transform: translate(-50%, -50%) rotate(360deg);
	}
}
@keyframes spinner1_1 {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0);
			transform: translate(-50%, -50%) rotate(0);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
			transform: translate(-50%, -50%) rotate(360deg);
	}
}
/* Loading テキストのアニメーション内容 */
@-webkit-keyframes spinner_loading_text {
	0% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
			transform: translate(-50%, -50%) rotate(0deg);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
			transform: translate(-50%, -50%) rotate(180deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
			transform: translate(-50%, -50%) rotate(360deg);
	}
}
@keyframes spinner_loading_text {
	0% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
			transform: translate(-50%, -50%) rotate(0deg);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
			transform: translate(-50%, -50%) rotate(180deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
			transform: translate(-50%, -50%) rotate(360deg);
	}
}
.loading-box.loading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	color: #fff;
	background-color: #373737;
	visibility: inherit;
	pointer-events: inherit;
	opacity:0.9;
}
/* ローディング表示を消すための定義 */
.loading-box{
	opacity:0;
	visibility:hidden;
	pointer-events:none;
}
/* ローディングアニメーションここまで
----------------------------------------------- */


/*contents.cssここまで*/


#leftcolumn {
  width: 0px;
}
.LC_Page_Index #main_column.colnum2, .plg_Raku2_LC_Page_Products_List #main_column.colnum2, .plg_Raku2_LC_Page_Products_CategoryList, .plg_Raku2_LC_Page_Products_ProductsList #main_column.colnum2, .plg_Raku2_LC_Page_Products_Detail #main_column.colnum2 {
  width: auto;
  padding-left: 0;
  padding-right: 0;
}
#main_column .recommend_list .block_body{
  padding: 10px 20px 10px;
}
.bx-wrapper {
  padding: 15px;
 }

#main_column .block_body{
  border: none;
}
#main_slide_image.design-style .bx-wrapper {
  box-shadow: none;
  margin-left: -1513px;
  left: 50%;
  width: 3000px;
}
#main_slide_image.design-style .bx-wrapper {
  margin-left: -1513px;
}

#main_slide_image .bx-wrapper .bx-next {
  right: 1040px;
}
#main_slide_image .bx-wrapper .bx-prev {
  left: 1025px;
}

#container{
  display: flex;
  flex-direction: column;
}
#leftcolumn {
  width: 100%!important;
  order: 2;
}

#main_column{
  order: 1;
}

}