@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

.main-head,
.news-head,
.att-head,
.recipe-head {
  margin-bottom: 14px;
  padding: 10px 16px;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
}

.main-head {
  background: #ED709C;
}

.news-head {
  background: #1F2873;
  font-weight: bold;
}

.att-head {
  padding-left: 44px;
  background: url(/rakutaku/common/img/common/icon-attention.png) 16px 50% no-repeat #222;
  background-size: 22px auto;
}

.att-head .fa {
  font-size: 20px;
}

.side-head {
  padding: 10px;
  background: #ED709C;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #FFF;
}

.search-category .side-head {
  background: #ED709C;
  border-bottom: none;
  color: #FFF;
  font-size: 18px;
}

.search-sp .side-head {
  position: relative;
}

.search-sp .side-head:hover {
  cursor: pointer;
}

.search-sp .side-head:after {
  content: "\f077";
  color: #FFF;
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  right: 15px;
  top: 9px;
  padding: 0 1px;
  font-family: FontAwesome;
}

.search-sp .side-head.active:after {
  content: "\f078";
  color: #FFF;
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  right: 15px;
  top: 9px;
  padding: 0 1px;
  font-family: FontAwesome;
}

.sp-head {
  margin: 0px 0px 30px;
  background: #f8f8f3;
  text-align: center;
}

.sp-head img {
  margin-left: auto;
  margin-right: auto;
  max-width: 820px;
  height: auto;
  vertical-align: bottom;
}

.pay-head {
  position: relative;
  margin-bottom: 30px;
  padding: 18px 24px;
  color: #FFF;
  font-size: 18px;
  background: #ED709C;
}

.pay-sub-head {
  margin-bottom: 30px;
  padding: 10px 20px 10px;
  font-size: 16px;
  font-weight: bold;
  background: #1F2873;
  color: #FFF;
}

.pay-sub-head.minicart {
  margin: 20px auto 0;
  width: 1100px;
  background: inherit;
  color: #333;
  padding: 0;
}

.owners-head {
  padding: 5px 16px;
  width: 500px;
  font-size: 14px;
  font-weight: bold;
  background: #AF0F79;
  color: #FFF;
}

.main-contents .top-category-title {
  margin: 0px 0px 20px;
  padding: 0px 0px 8px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #444444;
}

.main-contents .contents-block .contents-title {
  margin-bottom: 16px;
  padding: 8px 16px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ED709C;
  color: #FFF;
  font-size: 16px;
}

.main-contents .news-list h2 {
  background: #32312e;
}

.cart-title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 13px;
  width: 1100px;
  font-weight: bold;
  font-size: 18px;
}

.txt-att {
  color: #E51312;
  font-weight: bold;
}

.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.btn-more a {
  display: block;
  padding: 10px;
  background: #AF0F79;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #8C0A62 0px 2px 0px;
  -webkit-box-shadow: #8C0A62 0px 2px 0px;
  box-shadow: #8C0A62 0px 2px 0px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
  margin: 0px auto;
  padding: 10px 0px !important;
  width: 25%;
}

.btn-more a:before,
.btn-more a:after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

.btn-more a:hover {
  color: #FFF;
  background: #1F2873;
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

.btn-more a:hover {
  background: #AF0F79;
}

.item-cart {
  float: right;
  width: 100px;
  background-color: #1F2873;
  border: 1px solid #1F2873;
  border-radius: 5px;
}

.item-cart .btn-buy {
  background: #1F2873;
  color: #fff;
  height: 31px;
  font-size: 11px;
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
}

.item-cart .btn-buy:hover {
  color: #fff;
}

.item-cart .cart-btn {
  content: "";
  width: 18px;
  height: 30px;
  background: url(/rakutaku/common/img/sp/common/icon-cart3.png) no-repeat 0 7px;
  background-size: 18px 18px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: -1px;
  left: 6px;
}

.item-cart .add-new {
  display: inline-block;
  margin: 5px 0 5px 22px;
  line-height: 20px;
}

.item-cart .mod-qty {
  display: block;
  background-color: #1F2873;
  width: 28px;
  height: 31px;
  color: #fff;
  line-height: 31px;
  text-align: center;
  float: right;
  font-size: 22px;
  border-left: 1px solid #fff;
}

.item-cart .current-qty {
  float: right;
  width: 22px;
  line-height: 31px;
  text-align: center;
  font-weight: bold;
  background-color: #fff;
}

.item-cart .item-exist {
  display: none;
  position: relative;
}

.item-cart .select-inner {
  display: none;
  position: relative;
  background-color: #1F2873;
  height: 30px;
}

.item-cart .select-inner .cart-btn {
  left: 12px;
}

.item-cart .select-inner .item-exist {
  left: 16px;
}

.item-cart .select-inner .item-exist .cart-btn {
  left: 5px;
}

.item-cart .select-inner .select-quantity {
  float: right;
  margin-right: 30px;
  width: 25px !important;
}

.item-cart .select-inner .select-quantity .select-box {
  background-color: #fff !important;
  width: 55px !important;
}

/*.select-box{
	font-family: Montserrat,"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	overflow: visible;
	padding: 0px 8px;
	@include border-radius(5px);
	border: 1px solid $border;
	//background: url(/rakutaku/common/img/common/selectbox-arrow.png) 94% 50% no-repeat;
}*/
.form-text {
  height: 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #b1b0a9;
}

.placeholder {
  color: #666;
}

/* ==================================
	mark
================================== */
.mark-img {
  width: 76px;
  height: auto;
}

.item-list .mark-img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 62px;
  height: auto;
}

.item-intro .mark-img {
  width: auto;
  height: 28px;
}

/* topicpath （パンくずリスト） --------------------*/
.topicpath {
  margin: 0px auto;
  width: 1100px;
  display: table;
  table-layout: fixed;
  padding: 10px 0 0;
}

.topicpath .fa {
  font-size: 16px;
}

.topicpath li {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  margin-left: 5px;
  font-size: 14px;
  text-decoration: underline;
}

.topicpath li:first-child {
  padding-left: 0;
  margin-left: 0;
}

.topicpath li:first-child:before {
  content: "";
}

.topicpath li:before {
  display: block;
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 0;
  content: ">";
  vertical-align: middle;
  font-size: 12px;
}

.topicpath li a {
  color: #333;
  text-decoration: none;
}

.topicpath li a:hover {
  color: #0C7DC3;
}

.topicpath.wide {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  min-width: 1100px;
  max-width: 1500px;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow: auto;
  height: 100%;
}

body {
  font-family: Montserrat,"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;
  line-height: 1.5;
  font-size: 14px;
  color: #333;
}

a {
  color: #1c62b9;
  text-decoration: underline;
}

a:hover {
  color: #333;
  text-decoration: none;
}

::selection {
  background: #feffda;
  color: #454743;
}

::-moz-selection {
  background: #feffda;
  color: #454743;
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
}

.text-ellipsis.multiline {
  white-space: normal;
  max-height: 3em;
  position: relative;
}

.text-ellipsis.multiline::after {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
}

.text-ellipsis.line-2 {
  max-height: 3em;
}

.text-ellipsis.line-3 {
  max-height: 4.5em;
}

.text-ellipsis.line-4 {
  max-height: 6em;
}

.text-ellipsis.line-5 {
  max-height: 7.5em;
}

/* ==================================
	Page Top
================================== */
.pagetop {
  position: absolute;
  bottom: 116px;
  right: 32px;
  width: 50px;
  height: 50px;
  background: #1F2873;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 50px;
  text-align: center;
  color: #FFF;
  font-size: 30px;
}

/* ==================================
	attention
================================== */
.att-block {
  margin: 10px 24px;
  font-size: 12px;
}

.att-block ul {
  margin: 0 0 20px;
}

.att-block li {
  margin-bottom: 4px;
  list-style-type: disc;
}

.att-block .mainte-time {
  margin: 20px 0px;
}

.att-block .mainte-time dl {
  display: table;
  width: 600px;
  border: 1px solid #b1b0a9;
}

.att-block .mainte-time dl dt,
.att-block .mainte-time dl dd {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}

.att-block .mainte-time dl dt {
  padding: 8px 10px;
  width: 160px;
  background: #EF4B4A;
  color: #FFF;
  text-align: center;
}

.att-block .mainte-time dl dd {
  padding: 8px 20px;
}

.att-block .mainte-time dl dd .info {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.att-block .mainte-time dl dd .info i {
  font-size: 18px;
}

.att-block .mainte-time dl dd .att {
  margin: 0;
  margin: 5px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #EF4B4A;
}

/* ==================================
	地域ごとのお届け予定時刻はコチラ
================================== */
.btn-schedule {
  position: relative;
  display: block;
  margin-top: 15px;
  padding: 0px 12px;
  height: 40px;
  line-height: 40px;
  background: #EF4B4A;
  border: 1px solid #EF4B4A;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: #E51312 0px 2px 0px;
  -webkit-box-shadow: #E51312 0px 2px 0px;
  box-shadow: #E51312 0px 2px 0px;
  text-decoration: none;
  color: #FFF;
}

.btn-schedule:before {
  content: "\f105";
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 0px;
  padding: 0 1px;
  font-family: FontAwesome;
}

.btn-schedule:hover {
  opacity: .8;
  color: #FFF;
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

.btn-schedule:hover:before {
  color: #FFF;
}

.order-contents-block .btn-schedule {
  float: right;
  width: 280px;
}

.order-contents-block .btn-schedule:before {
  right: 5px;
  top: 4px;
}

/* ==================================
	margin / padding
================================== */
.pt0 {
  padding-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.none {
  display: none;
}

.underline-link {
  text-decoration: underline;
  font-weight: bold;
  color: #0C7DC3;
}

.underline-link.att {
  color: #E51312;
}

/* ==================================
	Layout
================================== */
.container {
  margin: 30px auto;
  padding: 0px;
  width: 1100px;
  display: table;
  table-layout: fixed;
}

.order-contents-block {
  zoom: 1;
  position: relative;
  margin: 10px 0px 50px;
  width: 100%;
}

.order-contents-block:before,
.order-contents-block:after {
  content: "";
  display: table;
}

.order-contents-block:after {
  clear: both;
}

.order-contents-block .left {
  float: left;
  padding-right: 20px;
}

.order-contents-block .right {
  float: right;
  padding-left: 20px;
}

.order-contents-block .left,
.order-contents-block .right {
  width: 50%;
}
.order-contents-block .bx-wrapper .bx-prev {
  left: -30px;
  background: url(/rakutaku/common/img/common/slider-arrow.png) no-repeat 0 0px;
}
.order-contents-block .bx-wrapper .bx-next {
  right: -30px;
  background: url(/rakutaku/common/img/common/slider-arrow.png) no-repeat -30px 0px;
}

/* ==================================
  Header
================================== */
header.pay {
  position: relative;
  width: 100%;
  padding: 0px 0px;
  border-bottom: 2px solid #1F2873;
}

header.pay .header-inner {
  position: relative;
  margin: 0px auto;
  width: 1100px;
  display: table;
  table-layout: fixed;
  height: 90px;
}

header.pay .site-logo,
header.pay .member-block {
  display: table-cell;
  vertical-align: middle;
}

header.pay .site-logo {
  width: 290px;
}

header.pay .member-block {
  position: absolute;
  top: 0;
  right: 0;
}

header.pay .member-block ul {
  display: table;
  height: 90px;
}

header.pay .member-block ul li {
  display: table-cell;
  vertical-align: middle;
}

header.pay .member-block ul li.user-info {
  font-size: 13px;
  text-align: right;
}

header.pay .member-block ul li.user-info a {
  color: #E51312;
}

header.pay .member-block ul li.user-info a:hover {
  text-decoration: underline;
}

header.pay .member-block ul li.go-to-mypage {
  width: 150px;
  padding-left: 20px;
}

header.pay .member-block ul li.go-to-mypage .btn-mypage a {
  display: block;
  padding: 10px;
  background: #AF0F79;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #8C0A62 0px 2px 0px;
  -webkit-box-shadow: #8C0A62 0px 2px 0px;
  box-shadow: #8C0A62 0px 2px 0px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
}

header.pay .member-block ul li.go-to-mypage .btn-mypage a:before,
header.pay .member-block ul li.go-to-mypage .btn-mypage a:after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

header.pay .member-block ul li.go-to-mypage .btn-mypage a:hover {
  color: #FFF;
  background: #1F2873;
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

/* ==================================
	Guide Navi
================================== */
.guide-navi .guide-navi-inner {
  padding-left: 10px;
  padding-right: 10px;
  /* width: 100% !important; */
  width: 1100px;
  /* max-width: 1500px; */
  position: relative;
  margin: 0px auto;
  display: table;
  table-layout: fixed;
}

.guide-navi .guide-navi-inner .guide-navi-common,
.guide-navi .guide-navi-inner .guide-navi-list {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.guide-navi .guide-navi-inner .guide-navi-list {
  position: absolute;
  top: 4px;
  right: 0;
  text-align: right;
  z-index: 18;
}

.guide-navi .guide-navi-inner li {
  padding: 5px 0px;
  display: inline-block;
  font-size: 12px;
}

.guide-navi .guide-navi-inner li .fa {
  font-size: 13px;
}

.guide-navi .guide-navi-inner li a {
  border-right: 1px solid #666;
  padding-right: 6px;
  margin-right: 6px;
  color: #333;
  text-decoration: none;
}

.guide-navi .guide-navi-inner li a:hover {
  color: #E51312;
}

.guide-navi .guide-navi-inner li:last-child a {
  border-right: none;
}

/* ==================================
	Header
================================== */
header {
  position: relative;
  width: 100%;
  padding: 0px 0px;
}

/* header .header-inner {
  padding-left: 10px;
  padding-right: 10px;
  width: 100% !important;
  min-width: 1100px;
  max-width: 1500px;
  position: relative;
  margin: 0px auto;
  width: 1100px;
  display: table;
  table-layout: fixed;
  height: 90px;
}
header .site-logo, header .select-default-shop, header .change-default-shop, header .select-shop-tips, header .user-navi,
header .change-address, header .welcome, header .go-mypage {
  display: table-cell;
  vertical-align: middle;
} */
header .header-inner>.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

header .header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .site-logo {
  padding-top: 8px;
  width: 290px;
}

header .select-default-shop {
  padding-top: 8px;
  padding-right: 20px;
  width: 200px;
}

header .change-default-shop {
  float: left;
  padding: 30px 20px 20px;
  width: 430px;
}

header .select-shop-tips {
  padding-top: 4px;
  width: 230px;
}

header .user-navi {
  width: 390px;
}

header .welcome {
  position: relative;
  padding-top: 22px;
  width: 200px;
}

header .go-mypage {
  padding-top: 24px;
  width: 150px;
}

header .select-default-shop .select-box {
  width: 100%;
  height: 44px;
  border: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 9px 6px;
  background: #FFF url("/rakutaku/common/img/common/selectbox-arrow.png") no-repeat scroll 95% 50%/auto 16px;
  border: 2px solid #DDD;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: Montserrat,"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;
}

header .change-default-shop {
  zoom: 1;
}

header .change-default-shop:before,
header .change-default-shop:after {
  content: "";
  display: table;
}

header .change-default-shop:after {
  clear: both;
}

header .change-default-shop ul {
  display: table;
}

header .change-default-shop li {
  display: table-cell;
  vertical-align: middle;
}

header .change-default-shop .now {
  margin-right: 10px;
  float: left;
  font-weight: bold;
  font-size: 14px;
  height: 38px;
  line-height: 19px;
}

header .change-default-shop .now .fa {
  color: #AF0F79;
}

header .change-default-shop .btn-select-shop a {
  display: block;
  margin: 0px 5px;
  padding: 10px 16px 10px 42px;
  width: auto;
  background: url(/rakutaku/common/img/pc/common/icon-refresh.png) 16px 8px no-repeat #f8f8f3;
  background-size: 20px auto;
  border: 1px solid #e3e2d9;
  -moz-box-shadow: #e3e2d9 0px 2px 0px;
  -webkit-box-shadow: #e3e2d9 0px 2px 0px;
  box-shadow: #e3e2d9 0px 2px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #333;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}

header .change-default-shop .btn-select-shop a:hover {
  text-decoration: none;
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

header .go-mypage .btn-go-mypage a {
  display: block;
  margin: 0px auto;
  padding: 10px 16px 10px 38px;
  width: 130px;
  background: url(/rakutaku/common/img/pc/common/icon-mypage.png) 18px 8px no-repeat #f8f8f3;
  background-size: 20px auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #e3e2d9;
  -moz-box-shadow: #e3e2d9 0px 2px 0px;
  -webkit-box-shadow: #e3e2d9 0px 2px 0px;
  box-shadow: #e3e2d9 0px 2px 0px;
  color: #333;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}
header .go-mypage .btn-go-mypage a .fa {
  font-size: 16px;
}
header .go-mypage .btn-go-mypage a:hover {
  text-decoration: none;
  background: url(/rakutaku/common/img/pc/common/icon-mypage.png) 18px 8px no-repeat #f8f8f3;
  background-size: 20px auto;
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

header .select-shop-tips p {
  position: relative;
  display: inline-block;
  padding: 8px 12px;
  width: auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  background: #ED709C;
  z-index: 0;
  font-size: 12px;
}

header .select-shop-tips p:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #ED709C transparent transparent;
}

header .select-shop-tips p a {
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}

header .select-shop-tips p span {
  text-decoration: underline;
}

header .user-navi {
  position: relative;
}

header .user-navi .btn-signup,
header .user-navi .btn-login {
  display: block;
  padding: 10px;
  background: #AF0F79;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #8C0A62 0px 2px 0px;
  -webkit-box-shadow: #8C0A62 0px 2px 0px;
  box-shadow: #8C0A62 0px 2px 0px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
  position: absolute;
  top: 36px;
  width: 120px;
  height: 38px;
  line-height: 38px;
  padding: 0px 0px 0px 20px;
  font-weight: bold;
}

header .user-navi .btn-signup:before,
header .user-navi .btn-signup:after,
header .user-navi .btn-login:before,
header .user-navi .btn-login:after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

header .user-navi .btn-signup:hover,
header .user-navi .btn-login:hover {
  color: #FFF;
  background: #1F2873;
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

header .user-navi .btn-signup {
  right: 130px;
  background: url(/rakutaku/common/img/pc/common/icon-signup.png) 10px 50% no-repeat #EF4B4A;
  background-size: 30px auto;
  -moz-box-shadow: #E51312 0px 2px 0px;
  -webkit-box-shadow: #E51312 0px 2px 0px;
  box-shadow: #E51312 0px 2px 0px;
}

header .user-navi .btn-signup:hover {
  background: url(/rakutaku/common/img/pc/common/icon-signup.png) 10px 50% no-repeat #EF4B4A;
  background-size: 30px auto;
}

header .user-navi .btn-login {
  right: 0;
  background: url(/rakutaku/common/img/pc/common/icon-login.png) 10px 50% no-repeat #f8f8f3;
  background-size: 28px auto;
  -moz-box-shadow: #e3e2d9 0px 2px 0px;
  -webkit-box-shadow: #e3e2d9 0px 2px 0px;
  box-shadow: #e3e2d9 0px 2px 0px;
  border: 1px solid #e3e2d9;
  color: #333;
}

header .user-navi .btn-login:hover {
  background: url(/rakutaku/common/img/pc/common/icon-login.png) 10px 50% no-repeat #f8f8f3;
  background-size: 28px auto;
  color: #333;
}

header .btn-first {
  position: relative;
}

header .btn-first a {
  position: absolute;
  top: -25px;
  right: 0;
  display: block;
  padding: 14px;
  width: 300px;
  border: 2px solid #b1b0a9;
}

header .welcome {
  font-size: 13px;
  text-align: right;
}

header .welcome a {
  color: #EF4B4A;
}

header .welcome .user-name span {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}

/* header menu --------------------------- */
header .header-menu {
  position: relative;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  height: 58px;
  background: #f8f8f3;
  border-top: 1px solid #e3e2d9;
  border-bottom: 1px solid #e3e2d9;
}

header .header-menu .header-menu-inner {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  min-width: 135px;
  min-width: 1100px;
  max-width: 1600px;
  position: relative;
  margin: 0px auto;
  display: table;
  table-layout: fixed;
}

header .header-menu .header-menu-inner .fix-header-menu {
  display: none;
}

header .header-menu .header-menu-inner .header-menu-category,
header .header-menu .header-menu-inner .header-menu-search {
  display: table-cell;
  vertical-align: middle;
}

header .header-menu .header-menu-inner .header-menu-category {
  width: 50%;
  max-width: 800px;
}

header .header-menu .header-menu-inner .header-menu-search {
  width: 100%;
  max-width: 470px;
}

header .header-menu .header-menu-inner .header-menu-category.btn-block {
  width: 300px;
  min-width: 250px;
}

header .header-menu .header-menu-inner .header-menu-category li > a {
  float: left;
  width: 19.5%;
  height: 52px;
  line-height: 52px;
  border-right: 1px solid #e3e2d9;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  color: #444444;
  text-decoration: none;
}

header .header-menu .header-menu-inner .header-menu-category li>a:hover {
  background: white;
}

header .header-menu .header-menu-inner .header-menu-category li:first-child>a {
  border-left: 1px solid #e3e2d9;
}

header .header-menu .header-menu-inner .header-menu-category li.catFav a {
  width: 124px;
}

header .header-menu .header-menu-inner .header-menu-category li.catHistory a {
  width: 144px;
}

header .header-menu .header-menu-inner .header-menu-category li.catFav a,
header .header-menu .header-menu-inner .header-menu-category li.catHistory a {
  background-color: #FFF;
  border: 1px solid #e3e2d9;
  margin: 9px 0px 9px 14px;
  height: 36px;
  line-height: 36px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

header .header-menu .header-menu-inner .header-menu-category li.catFav a:hover,
header .header-menu .header-menu-inner .header-menu-category li.catHistory a:hover {
  border: 1px solid #FFC734;
}

header .header-menu .header-menu-inner .header-menu-category li.cat01 a {
  padding-left: 26px;
  background-image: url(/rakutaku/common/img/pc/common/header-cat01.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
}
header .header-menu .header-menu-inner .header-menu-category li.cat02 a {
  padding-left: 28px;
  background-image: url(/rakutaku/common/img/pc/common/header-cat02.png?20241213);
  background-position: 20px 50%;
  background-repeat: no-repeat;
}
header .header-menu .header-menu-inner .header-menu-category li.cat03 a {
  padding-left: 26px;
  background-image: url(/rakutaku/common/img/pc/common/header-cat03.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
}
header .header-menu .header-menu-inner .header-menu-category li.cat04 a {
  padding-left: 26px;
  background-image: url(/rakutaku/common/img/pc/common/header-cat04.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
}
header .header-menu .header-menu-inner .header-menu-category li.cat05 a {
  padding-left: 26px;
  background-image: url(/rakutaku/common/img/pc/common/header-cat05.png?2025032705);
  background-position: 20px 50%;
  background-repeat: no-repeat;
}
header .header-menu .header-menu-inner .header-menu-category li.cat01 a,
header .header-menu .header-menu-inner .header-menu-category li.cat02 a,
header .header-menu .header-menu-inner .header-menu-category li.cat03 a,
header .header-menu .header-menu-inner .header-menu-category li.cat04 a,
header .header-menu .header-menu-inner .header-menu-category li.cat05 a {
  background-size: 26px auto;
  background-position: 8px;
  padding-left: 0px;
}
header .header-menu .header-menu-inner .header-menu-category li.catFav a {
  padding-left: 26px;
  background-image: url(/rakutaku/common/img/pc/common/header-catFav.png);
  background-size: 18px auto;
  background-position: 12px 50%;
  background-repeat: no-repeat;
  font-size: 13px;
  line-height: 35px;
}
header .header-menu .header-menu-inner .header-menu-category li.catHistory a {
  padding-left: 22px;
  background-image: url(/rakutaku/common/img/pc/common/header-catHistory.png);
  background-size: 22px auto;
  background-position: 8px 50%;
  background-repeat: no-repeat;
  font-size: 13px;
  line-height: 35px;
}

header .header-menu .header-menu-inner .header-menu-search {
  display: table;
  padding: 12px 0px 10px 0px;
  font-size: 13px;
  position: relative;
}

header .header-menu .header-menu-inner .header-menu-search .search-form-input {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

header .header-menu .header-menu-inner .header-menu-search .search-form-input .form-text {
  padding-left: 10px;
  width: 100%;
  height: 34px;
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 0px 0px 5px;
  border: 1px solid #444444;
}

header .header-menu .header-menu-inner .header-menu-search .search-form-btn {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
}

header .header-menu .header-menu-inner .header-menu-search .search-form-btn .btn-submit {
  display: block;
  background: #444444;
  width: 50px;
  height: 34px;
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 5px 5px 0px;
  color: #FFF;
  text-align: center;
  line-height: 34px;
}

header .header-menu .header-menu-inner .header-menu-search .search-form-btn .btn-submit .fa {
  font-size: 15px;
}

header .header-menu .header-menu-inner .header-menu-search .search-category {
  display: none;
  position: absolute;
  background-color: #FFF;
  z-index: 30;
  width: 100%;
}

header .header-menu .header-menu-inner .header-menu-search .search-category li a {
  padding: 10px 20px 10px 56px;
}

header .header-menu .header-menu-inner .header-menu-search .search-category li.cat-recomend a {
  background: url(/rakutaku/common/img/sp/common/icon-shop.png) 12px 46% no-repeat;
  background-size: 34px auto;
}

header .header-menu .header-menu-inner .header-menu-search .search-category li.cat-recomend a:hover {
  background-color: #ededed;
  color: #888;
}

header .header-menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #f8f8f3;
  border-top: none;
  z-index: 10000;
}

header.header-border {
  border-bottom: 3px solid #1F2873;
}

.notice-popup-container {
  position: relative;
  margin: 0px auto;
  width: 1100px;
}

.notice-popup-container .notice-popup-fav {
  display: none;
  position: absolute;
  bottom: -90px;
  left: 490px;
  z-index: 100;
}

.notice-popup-container .notice-popup-fav .on-fav {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  width: auto;
  height: 32px;
  font-size: 11px;
  color: #F6F6F6;
  line-height: 32px;
  text-align: center;
  background: #EF4B4A;
  z-index: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 3px 1px rgba(239, 75, 74, 0.8);
  -webkit-box-shadow: 0px 0px 3px 1px rgba(239, 75, 74, 0.8);
  box-shadow: 0px 0px 3px 1px rgba(239, 75, 74, 0.8);
}

.notice-popup-container .notice-popup-fav .on-fav:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 25%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #EF4B4A transparent;
}

header .header-menu .header-menu-inner .header-menu-search .search-category {
  display: none;
  position: absolute;
  background-color: #FFF;
  z-index: 30;
  width: 100%;
}

header .header-menu .header-menu-inner .header-menu-search .search-category li a {
  padding: 10px 20px 10px 56px;
}

header .header-menu .header-menu-inner .header-menu-search .search-category li.cat-recomend a {
  background: url(/rakutaku/common/img/sp/common/icon-shop.png) 12px 46% no-repeat;
  background-size: 34px auto;
}

header .header-menu .header-menu-inner .header-menu-search .search-category li.cat-recomend a:hover {
  background-color: #ededed;
  color: #888;
}

/* ==================================
	Footer
================================== */
footer {
  width: 100%;
  border-top: 2px dotted #bbb;
  background: #f8f8f8;
  font-size: 12px;
}

footer .footer-inner {
  margin: 0px auto;
  width: 1100px;
  display: table;
  table-layout: fixed;
  margin: 0px auto;
  width: 100% !important;
  min-width: 1100px;
  max-width: 1500px;
  padding-left: 10px;
  padding-right: 10px;
}

footer .footer-inner .site-logo,
footer .footer-inner .footer-link,
footer .footer-inner .switch {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 0px;
}

footer .footer-inner .site-logo {
  width: 30%;
}

footer .footer-inner .footer-link {
  width: 60%;
  text-align: right;
}

footer .footer-inner .footer-link li {
  display: inline-block;
  border-right: 1px solid #666;
  padding-right: 6px;
  margin-right: 6px;
  margin-bottom: 5px;
}

footer .footer-inner .footer-link li:last-child {
  border-right: none;
}

footer .footer-inner .footer-link li a {
  color: #333;
  text-decoration: none;
}

footer .footer-inner .footer-link li a:hover {
  text-decoration: underline;
  color: #0C7DC3;
}

footer .footer-inner .switch {
  width: 10%;
  text-align: right;
}

footer .footer-inner .switch a {
  padding: 14px 14px 14px 32px;
  border: 1px solid #1F2873;
  width: 96px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: url(/rakutaku/common/img/pc/common/icon-switch-sp.png) 6px 50% no-repeat #FFF;
  background-size: 28px auto;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

footer .footer-inner .switch a:hover {
  color: #0C7DC3;
}

footer .copyright {
  display: table;
  width: 100%;
  background: #fff;
  border-top: 2px solid #1F2873;
  color: #1F2873;
}

footer .copyright p {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 0;
  text-align: center;
  font-size: 15px;
}

/* ==================================
	Order List
================================== */
.order-list,
.confirm-list {
  border: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  width: 100%;
}

.order-list th,
.order-list td,
.confirm-list th,
.confirm-list td {
  padding: 10px 8px;
  border: 1px solid #ccc;
}

.order-list th,
.confirm-list th {
  background: #e5e3da;
  text-align: center;
  font-size: 12px;
}

.order-list .order-label,
.confirm-list .order-label {
  zoom: 1;
  padding: 10px 10px;
  width: 585px;
  border-right: none;
}

.order-list .order-label:before,
.order-list .order-label:after,
.confirm-list .order-label:before,
.confirm-list .order-label:after {
  content: "";
  display: table;
}

.order-list .order-label:after,
.confirm-list .order-label:after {
  clear: both;
}

.order-list .order-label .item-img,
.confirm-list .order-label .item-img {
  float: left;
  display: table;
}

.order-list .order-label .item-img span,
.confirm-list .order-label .item-img span {
  display: block;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 70px;
  height: 70px;
}

.order-list .order-label .item-img span img,
.confirm-list .order-label .item-img span img {
  max-width: 60px;
  max-height: 60px;
  overflow: hidden;
  display: inline-block;
}

.order-list .order-label .item-detail,
.confirm-list .order-label .item-detail {
  margin-left: 70px;
}

.order-list .order-label .item-detail .item-label,
.confirm-list .order-label .item-detail .item-label {
  font-size: 14px;
  font-weight: bold;
}

.order-list .order-label .item-detail .item-info,
.confirm-list .order-label .item-detail .item-info {
  color: #E51312;
  font-size: 12px;
  text-align: right;
}

.order-list .order-label .item-detail .item-attention,
.confirm-list .order-label .item-detail .item-attention {
  margin-bottom: 3px;
  color: #0C7DC3;
  font-weight: bold;
  font-size: 12px;
}

.order-list .btn-fav,
.confirm-list .btn-fav {
  width: 40px;
  text-align: center;
  padding: 10px 8px 10px 0px !important;
  border-left: none;
}

.order-list .unit-price,
.confirm-list .unit-price {
  width: 95px;
  text-align: right;
}

.order-list .select-quantity,
.confirm-list .select-quantity {
  width: 80px;
  text-align: right;
}

.order-list .select-quantity .select-box,
.confirm-list .select-quantity .select-box {
  width: 40px;
  height: 30px;
}

.order-list .subtotal,
.confirm-list .subtotal {
  width: 100px;
  text-align: right;
}

.order-list .item-delete,
.confirm-list .item-delete {
  width: 80px;
  text-align: center;
  font-size: 13px;
}

.order-list .item-delete a,
.confirm-list .item-delete a {
  color: #333;
  text-decoration: none;
}

.order-list .item-delete a:hover,
.confirm-list .item-delete a:hover {
  color: #0C7DC3;
}

.order-list .item-delete.done,
.confirm-list .item-delete.done {
  color: #666;
  font-weight: bold;
}

.order-list .btn-favorite,
.confirm-list .btn-favorite {
  float: right;
  margin: 10px 5px;
}

.order-list.order_history {
  margin-top: 10px;
  margin-bottom: 40px;
}

.order-list.order_history .item-detail {
  position: relative;
  height: auto;
  margin-left: 0px;
}

.order-list.order_history .price-cart-block {
  padding: 0px;
  width: 130px;
}

.order-list.order_history .item-price {
  display: table-cell;
  vertical-align: middle;
  width: 130px;
  padding: 5px 10px;
}

.order-list.order_history .order-date {
  display: block;
  font-weight: bold;
  font-size: 12px;
  color: #0C7DC3;
}

.order-list.order_history_list {
  margin-top: 15px;
}

.order-list.order_history_list td {
  text-align: center;
}

.no-fav .btn-fav {
  width: 0 !important;
}

.no-fav .btn-favorite {
  display: none !important;
}

.no-fav .btn-fav-all {
  display: none !important;
}

.confirm-list .item-detail {
  margin-left: 0px !important;
}

.confirm-list .confirm-item-name {
  width: auto;
}

.confirm-list .confirm-unit-price {
  width: 95px;
}

.confirm-list .confirm-quantity {
  width: 80px;
}

.confirm-list .confirm-total {
  width: 100px;
}

.confirm-list .confirm-5p {
  width: 90px;
}

.confirm-list .confirm-item-total {
  width: 110px;
}

.order-total {
  border: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 15px;
  width: 500px;
}

.order-total th,
.order-total td {
  padding: 10px 8px;
  border: 1px solid #ccc;
}

.order-total th {
  background: #e5e3da;
  text-align: center;
  font-size: 12px;
}

.order-total th {
  width: 200px;
  text-align: left;
}

.order-total td {
  width: 300px;
  text-align: right;
}

.order-total .free-shipping {
  font-size: 15px;
  color: #E51312;
}

.order-total .item-price-info a {
  font-size: 13px;
  color: #0C7DC3;
  text-decoration: underline;
}

.order-total .total-fee {
  font-size: 20px;
  font-weight: bold;
}

.order-total.order_history {
  margin-bottom: 20px;
}

.txt-att-title {
  font-size: 18px;
  font-weight: bold;
}

.about-delivery-head {
  padding: 5px 16px;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  background: #AF0F79;
  color: #FFF;
}

.about-delivery {
  border: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 15px;
  width: 100%;
  border: 2px solid #AF0F79;
}

.about-delivery th,
.about-delivery td {
  padding: 10px 8px;
  border: 1px solid #ccc;
}

.about-delivery th {
  background: #e5e3da;
  text-align: center;
  font-size: 12px;
}

.about-delivery th,
.about-delivery td {
  vertical-align: top;
  font-size: 12px;
}

.about-delivery td:first-child,
.about-delivery td:nth-child(2) {
  width: 35%;
}

.about-delivery td:last-child {
  width: 30%;
  font-weight: bold;
}

.about-delivery .about-delivery-contents dt {
  margin-bottom: 5px;
  padding: 3px 6px;
  background: #0C7DC3;
  text-align: center;
  color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.about-delivery .txt-red {
  color: #E51312;
  font-weight: bold;
}

.about-delivery .underline {
  text-decoration: underline;
}

.about-delivery .over1000,
.about-delivery .over4000 {
  font-weight: bold;
  font-size: 18px;
}

.about-delivery .over1000 {
  color: #1F2873;
}

.about-delivery .under {
  color: #E51312;
  font-size: 18px;
}

.attention {
  margin: 0px 0px 20px;
  padding: 10px 15px 10px;
  border: 1px solid #0C7DC3;
  background: #f6fdff;
  color: #0C7DC3;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.attention p {
  margin: 0px 0px 5px;
}

.order_history_btn {
  display: table;
  width: 100%;
  max-width: 180px;
}

.order_history_btn li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 1% 2%;
}

.order_history_btn .btn-order {
  display: block;
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
}

.order_history_btn .btn-order:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.order_history_btn .btn-order-change {
  background: #1F2873;
  color: #FFF;
}

.order_history_btn .btn-order-cancel {
  background: #666;
  color: #FFF;
}

.order_history_btn .btn-order-comp {
  background: #FFF;
  color: #1F2873;
  font-weight: bold;
  border: 1px solid #1F2873;
}

.order-place {
  text-align: right;
  width: 80px;
}

.order-num {
  width: 50px;
  text-align: center;
}

.hist-list-info {
  font-size: 12px;
  color: #888;
  text-align: right;
  padding: 0 0 5px;
}

.select-shop-block label,
.select-mode-check label {
  display: inline-block;
  cursor: pointer;
}

.th_no {
  width: 18%;
}

.th_limit {
  width: 16%;
}

.th_place {
  width: 13%;
}

.th_time {
  width: 12%;
}

.th_status {
  width: 13%;
}

.th_day {
  width: 10%;
}

.th_btn {
  width: 15%;
}

.order_hist_date {
  padding: 4px 10px;
  background: #efefef;
  font-weight: bold;
}

.empty-box {
  margin: 15px auto;
}

.contents-inner .empty-box {
  width: 1100px;
}

.empty-box .btn-empty a,
.btn-stop a {
  display: block;
  width: 150px;
  font-size: 13px;
  padding: 6px 15px;
  background: #e5e3da;
  border: 1px solid #b1b0a9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  color: #333;
}

.empty-box .btn-empty.add a {
  width: 230px;
}

.empty-box .btn-stop {
  float: right;
}

.empty-box .btn-stop a {
  display: block;
  width: 150px;
  font-size: 13px;
  padding: 6px 15px;
  background: #e5e3da;
  border: 1px solid #b1b0a9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  color: #333;
}

.empty-box .btn-stop.add a {
  width: 140px;
}

.empty-box .btn-fav-all {
  float: right;
}

.empty-box .btn-empty {
  float: right;
  margin-left: 15px;
}



.empty-box .btn-fav-all .btn-favorite {
  width: auto;
  margin: 0;
}

.empty-box .btn-fav-all a {
  display: block;
  font-size: 13px;
  padding: 5px 15px;
  border: 2px solid #E51312;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  color: #E51312;
}

.empty-box .btn-fav-all .favOn a {
  padding: 5px 15px;
  font-size: 13px;
}

.empty-box .btn-fav-all .fa-heart {
  padding-right: 5px;
}



/* ==================================
  Flow
================================== */
.regist-flow {
  margin: 0px 0px 50px;
  zoom: 1;
}

.regist-flow:before,
.regist-flow:after {
  content: "";
  display: table;
}

.regist-flow:after {
  clear: both;
}

.regist-flow .regist-flow-item {
  display: table;
  float: left;
  margin-right: 20px;
  padding: 15px;
  background: #f3f3f3;
  /* width: 320px; */
  width: 32%;
  color: #1F2873;
  font-size: 18px;
  font-weight: bold;
}

.regist-flow .regist-flow-item:last-child {
  margin-right: 0px;
}

.regist-flow .regist-flow-item.current {
  background: #1F2873;
  color: #FFF;
}

.regist-flow .regist-flow-item .regist-flow-step,
.regist-flow .regist-flow-item .regist-flow-text {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0px;
}

.regist-flow .regist-flow-item .regist-flow-step {
  width: 40%;
  text-align: center;
  line-height: 1.1;
}

.regist-flow .regist-flow-item .regist-flow-text {
  width: 60%;
}

/* ==================================
	Order List
================================== */
.submit-block {
  margin: 10px 0px 50px;
}

.submit-block ul {
  text-align: center;
}

.submit-block ul li {
  display: inline-block;
  padding: 0px 10px;
}

.submit-block ul li.btn-stop.pay {
  display: block;
  margin: 15px auto 0;
  width: 280px;
}

.submit-block ul li.btn-back a,
.submit-block ul li.btn-next a,
.submit-block ul li.btn-cancel a {
  display: block;
  padding: 15px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 280px;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
}

.submit-block ul li.btn-stop a {
  display: block;
  margin: 0 auto;
  padding: 8px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 200px;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
}

.submit-block ul li.btn-back a {
  background: #e5e3da;
  border: 1px solid #b1b0a9;
  -moz-box-shadow: #b1b0a9 0px 2px 0px;
  -webkit-box-shadow: #b1b0a9 0px 2px 0px;
  box-shadow: #b1b0a9 0px 2px 0px;
  color: #333;
  text-decoration: none;
}

.submit-block ul li.btn-next a {
  background: #EF4B4A;
  color: #FFF;
  -moz-box-shadow: #a12951 0px 2px 0px;
  -webkit-box-shadow: #a12951 0px 2px 0px;
  box-shadow: #a12951 0px 2px 0px;
  text-decoration: none;
}

.submit-block ul li.btn-cancel a,
.submit-block ul li.btn-stop a {
  background: #777;
  color: #FFF;
  -moz-box-shadow: #666 0px 2px 0px;
  -webkit-box-shadow: #666 0px 2px 0px;
  box-shadow: #666 0px 2px 0px;
  text-decoration: none;
}

.submit-block ul li.btn-back a:hover,
.submit-block ul li.btn-next a:hover,
.submit-block ul li.btn-cancel a:hover,
.submit-block ul li.btn-stop a:hover {
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
  text-decoration: none;
}

.go-back-home {
  margin: 10px 0px 10px;
}

.go-back-home ul {
  text-align: center;
}

.go-back-home ul li {
  display: inline-block;
  padding: 0px 10px;
}

.go-back-home ul li.btn-back a,
.go-back-home ul li.btn-next a {
  display: block;
  padding: 15px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 280px;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
}

.go-back-home ul li.btn-back a {
  background: #e5e3da;
  border: 1px solid #b1b0a9;
  -moz-box-shadow: #6a6a6a 0px 2px 0px;
  -webkit-box-shadow: #6a6a6a 0px 2px 0px;
  box-shadow: #6a6a6a 0px 2px 0px;
  color: #333;
  text-decoration: none;
}

.go-back-home ul li.btn-next a {
  background: #EF4B4A;
  color: #FFF;
  -moz-box-shadow: #a12951 0px 2px 0px;
  -webkit-box-shadow: #a12951 0px 2px 0px;
  box-shadow: #a12951 0px 2px 0px;
  text-decoration: none;
}

.go-back-home ul li.btn-back a:hover,
.go-back-home ul li.btn-next a:hover {
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
  text-decoration: none;
}

.go-back-home .btn-toppage a {
  display: block;
  margin: 0px auto;
  padding: 15px 0px;
  background: #ED709C;
  width: 280px;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -moz-box-shadow: #a12951 0px 2px 0px;
  -webkit-box-shadow: #a12951 0px 2px 0px;
  box-shadow: #a12951 0px 2px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.go-back-home .btn-toppage a:hover {
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

.btn-owners-card a {
  display: block;
  padding: 10px;
  background: #AF0F79;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #8C0A62 0px 2px 0px;
  -webkit-box-shadow: #8C0A62 0px 2px 0px;
  box-shadow: #8C0A62 0px 2px 0px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
  width: 360px;
  padding: 15px 0px;
  text-align: center;
  text-decoration: none;
}

.btn-owners-card a:before,
.btn-owners-card a:after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

.btn-owners-card a:hover {
  color: #FFF;
  background: #1F2873;
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

label {
  display: block;
  cursor: pointer;
}

.select-deliverry-time {
  position: absolute;
  top: 19%;
  right: 10px;
  padding: 10px 20px;
  font-size: 12px;
  background: #FFF;
  font-weight: bold;
  color: #444444;
  text-decoration: none;
}

.select-deliverry-time .fa {
  font-size: 20px !important;
  vertical-align: middle;
  padding-left: 10px;
}

.select-deliverry-time:hover {
  background: #1F2873;
  color: #FFF;
}

/* ==================================
	select delivery time
================================== */
.select-delivery-time {
  border: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.select-delivery-time th,
.select-delivery-time td {
  padding: 10px 8px;
  border: 1px solid #ccc;
}

.select-delivery-time th {
  background: #e5e3da;
  text-align: center;
  font-size: 12px;
}

.select-delivery-time td {
  padding: 0px;
  text-align: center;
}

.select-delivery-time td img {
  vertical-align: bottom;
}

.select-delivery-time .pay-icon {
  padding: 3px 0px;
}

.select-delivery-time .pay-icon.thanks-day {
  background-color: #00A0E7;
}

.select-delivery-time .select-time {
  width: 180px;
}

.select-delivery-time .select-limit {
  width: 170px;
}

.select-delivery-time .select-day {
  width: 216px;
}

.select-delivery-time .delivery-limit {
  font-weight: bold;
  color: #E51312;
}

.select-delivery-time .delivery-end {
  display: block;
  background: url(/rakutaku/common/img/pc/pay/delivery-end.png) 0 0 no-repeat #f5f5f5;
  height: 51px;
  text-indent: -9999px;
}
.select-delivery-time .delivery-disable {
  display: block;
  background: url(/rakutaku/common/img/pc/pay/delivery-disable.png) 0 0 no-repeat #f5f5f5;
  height: 51px;
  text-indent: -9999px;
  pointer-events: none;
}
.select-delivery-time .delivery-end-cart {
  display: block;
  background: url(/rakutaku/common/img/pc/pay/delivery-end-cart.png) 0 0 no-repeat #f5f5f5;
  height: 51px;
  text-indent: -9999px;
}
.select-delivery-time .delivery-ok {
  display: block;
  background: url(/rakutaku/common/img/pc/pay/delivery-ok.png) 0 0 no-repeat #f5f5f5;
  height: 51px;
  text-indent: -9999px;
  cursor: pointer;
}
.select-delivery-time .delivery-congestion {
  display: block;
  background: url(/rakutaku/common/img/pc/pay/delivery-congestion.png) 0 0 no-repeat #f5f5f5;
  height: 51px;
  text-indent: -9999px;
  cursor: pointer;
}
.select-delivery-time .delivery-ok.select,
.select-delivery-time .delivery-congestion.select {
  display: block;
  background: url(/rakutaku/common/img/pc/pay/delivery-select.png) 0 0 no-repeat #1f8ed5;
  height: 51px;
  text-indent: -9999px;
  cursor: pointer;
}

/* ==================================
	お支払い方法
================================== */
.optional {
  display: block;
  margin: 5px 0px 10px;
}

.pay-item-block {
  margin: 0px 0px 20px;
  border: 1px solid #b1b0a9;
}

.pay-item-block .pay-item-list li,
.pay-item-block .daigae-list li {
  padding: 20px 20px;
  border-bottom: 1px solid #b1b0a9;
}

.pay-item-block .pay-item-list li:last-child,
.pay-item-block .daigae-list li:last-child {
  border-bottom: none;
}

.pay-item-block .pay-item-list li.checked,
.pay-item-block .daigae-list li.checked {
  background: #FFF4F6;
}

.pay-item-block .pay-item-table {
  display: table;
  width: 100%;
}

.pay-item-block .pay-item-table>* {
  display: table-cell;
  vertical-align: middle;
}

.pay-item-block .pay-item-table .pay-item-select {
  width: 30%;
  font-weight: bold;
  font-size: 15px;
}

.pay-item-block .pay-item-table .pay-item-select label {
  font-weight: bold;
  font-size: 14px;
}

.pay-item-block .pay-item-table .pay-item-text {
  width: 70%;
  font-size: 13px;
}

.pay-item-block .img-credit {
  vertical-align: middle;
  height: 25px;
}

.pay-item-block .select-card li {
  margin: 10px 0px;
  padding: 0px;
  border-bottom: none;
  display: block;
}

.pay-check-table {
  margin: 20px 0px 0;
  background: #fff7de;
  padding: 15px;
  text-align: center;
  border: 1px solid #FFC734;
  font-size: 13px;
}

.pay-check-table .pay-check-text {
  margin: 10px 0px 0px;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #FFF;
  text-align: left;
}

.eco-box.checked {
  background: #FFF4F6;
}

.comment-area {
  margin: 20px 0px;
  width: 700px;
  height: 200px;
  border: 2px solid #b1b0a9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.select-soldout {
  margin: 20px 0px 0px;
  display: table;
  width: 100%;
}

.select-soldout p {
  font-size: 13px;
}

.select-soldout .soldout-info {
  margin: 20px 0px 0px;
  background: #fff7de;
  padding: 15px;
  text-align: center;
  border: 1px solid #FFC734;
}

.select-soldout .soldout-info .about {
  margin: 10px 0px 0px;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #FFF;
  text-align: left;
}

.confirm-block {
  border: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.confirm-block th,
.confirm-block td {
  padding: 10px 8px;
  border: 1px solid #ccc;
}

.confirm-block th {
  background: #e5e3da;
  text-align: center;
  font-size: 12px;
}

.confirm-block th {
  /*background: #FFF;*/
  width: 180px;
  text-align: left;
}

.get-comment {
  padding: 30px;
  border: 1px solid #333;
}

.thanks-message {
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  color: #1F2873;
}

/*取消完了メッセージ*/
.comp-message {
  padding: 30px 0;
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  color: #1F2873;
  margin-bottom: 50px;
}

.order-info {
  margin: 20px auto;
  padding: 40px;
  width: 740px;
  border: 2px solid #b1b0a9;
}

.order-info .order-info-time {
  margin: 0 0 20px;
  font-size: 18px;
}

.order-info .order-info-detail {
  font-size: 20px;
  font-weight: bold;
}

.order-info .order-info-detail li {
  margin-bottom: 10px;
}

.order-info .order-info-detail .fa {
  margin-right: 5px;
  color: #AF0F79;
  font-size: 22px;
}

.check-order-info {
  margin: 30px auto 50px;
  width: 740px;
}

.check-order-info dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* ==================================
	医薬品コメント登録
================================== */
.pay-mini-head {
  padding: 10px 16px;
  background: #444444;
  font-weight: bold;
  font-size: 14px;
  color: #FFF;
}

.medicine-check-block {
  border: 1px solid #444444;
}

.medicine-check-block p {
  padding: 10px 20px 5px;
}

.medicine-check-block .check-list {
  background: #fff;
  border: 2px solid #e5e3da;
  margin: 10px 20px;
}

.medicine-check-block .check-list dt {
  padding: 6px 10px;
  background: #e5e3da;
}

.medicine-check-block .check-list .check-list-sex,
.medicine-check-block .check-list .check-list-age {
  zoom: 1;
  padding: 8px 0px;
}

.medicine-check-block .check-list .check-list-sex:before,
.medicine-check-block .check-list .check-list-sex:after,
.medicine-check-block .check-list .check-list-age:before,
.medicine-check-block .check-list .check-list-age:after {
  content: "";
  display: table;
}

.medicine-check-block .check-list .check-list-sex:after,
.medicine-check-block .check-list .check-list-age:after {
  clear: both;
}

.medicine-check-block .check-list .check-list-sex li,
.medicine-check-block .check-list .check-list-age li {
  float: left;
  margin-right: 20px;
  padding: 8px 10px;
  width: 40%;
}

.medicine-check-block .check-list .check-list-sex li .optional.select,
.medicine-check-block .check-list .check-list-age li .optional.select {
  background: #FFF4F6;
}

.medicine-check-block .check-list-att {
  margin: 10px 10px 10px 36px;
}

.medicine-check-block .check-list-att ol {
  margin: 0 0 20px;
}

.medicine-check-block .check-list-att ol li {
  margin-bottom: 4px;
  list-style-type: decimal;
  font-size: 13px;
}

.medicine-check-block .check-list-check {
  margin: 0px 20px 20px;
  padding: 10px;
  background: #fff7de;
  border: 1px solid #FFC734;
  text-align: center;
}

.medicine-check-block .check-list-check p {
  padding: 0px;
}

.owners-registered dt {
  font-weight: bold;
  font-size: 15px;
  color: #EF4B4A;
}

.owners-registered dd {
  font-size: 13px;
}

.owners-registered dd a {
  font-weight: bold;
  color: #0C7DC3;
  text-decoration: underline;
}

.owners-registered dd a:hover {
  text-decoration: none;
}

.medicine-check-block.right {
  padding: 20px;
}

.medicine-check-block.right ul {
  margin: 0px 0px 0px 20px;
}

.medicine-check-block.right ul li {
  margin-bottom: 4px;
  list-style-type: disc;
  font-size: 13px;
}

.medicine-check-block.right ul.annotation-list {
  margin: 0px;
}

.medicine-check-block.right ul.annotation-list li {
  margin-bottom: 10px;
  font-size: 13px;
  list-style-type: none;
}

.medicine-check-block.right ul.annotation-list li .annotation {
  font-weight: bold;
  color: #EF4B4A;
}

.medicine-check-block.right ul.annotation-list .mark {
  text-decoration: underline;
}

.medicine-check-block.right .comment-area-medicine {
  margin: 10px 0px;
  width: 100%;
  height: 120px;
  border: 2px solid #b1b0a9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.error-message {
  position: relative;
  margin: 10px 0px 10px;
  padding: 4px 8px 4px 30px;
  border: 1px solid #E51312;
  background: #fff4f6;
  color: #E51312;
  font-weight: bold;
  font-size: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.error-message:before {
  content: "\f06a";
  color: #E51312;
  font-size: 18px;
  position: absolute;
  left: 8px;
  top: 0px;
  padding: 0 1px;
  font-family: FontAwesome;
}

.tax-free {
  margin-left: 10px;
  padding: 2px 6px;
  border: 1px solid #E51312;
  color: #E51312;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
}

.text-confirmation {
  padding: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.pay-error {
  color: #E51312;
  display: block;
}

.pay-error:before {
  content: "\f06a";
  color: #E51312;
  font-size: 20px;
  padding-right: 5px;
  font-family: FontAwesome;
}

.pay-credit-attention {
  margin: 20px 0px 0px;
}

.pay-credit-attention h3 {
  position: relative;
  margin: 0px 0px 10px;
  color: #EF4B4A;
  background: #FFF4F6;
  font-weight: bold;
  padding: 6px 18px 6px 30px;
  font-size: 14px;
  border: 1px solid #EF4B4A;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.pay-credit-attention h3:before {
  content: "\f06a";
  color: #E51312;
  font-size: 18px;
  position: absolute;
  left: 8px;
  top: 4px;
  padding: 0 1px;
  font-family: FontAwesome;
}

.pay-credit-attention p {
  margin-bottom: 20px;
  font-size: 13px;
}

.pay-credit-attention p:last-child {
  margin-bottom: 0;
}

.pay-credit-attention.add {
  margin: 0 0 20px;
  color: #E51312;
  font-weight: bold;
}

.link-attention-credit {
  margin: 10px 0px 0;
}

.link-attention-credit .btn-attention-credit {
  position: relative;
  display: inline-block;
  padding: 0 0 0 12px;
  width: 260px;
  height: 30px;
  line-height: 30px;
  background: #EF4B4A;
  -moz-box-shadow: #E51312 0px 2px 0px;
  -webkit-box-shadow: #E51312 0px 2px 0px;
  box-shadow: #E51312 0px 2px 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  color: #FFF;
}

.link-attention-credit .btn-attention-credit:before {
  content: "\f105";
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 0px;
  padding: 0 1px;
  font-family: FontAwesome;
}

.link-attention-credit .btn-attention-credit:hover {
  opacity: .8;
}

/* ==================================
	Item List
================================== */
.item-list {
  margin: 20px auto 0;
  width: 100%;
  zoom: 1;
}

.item-list:before,
.item-list:after {
  content: "";
  display: table;
}

.item-list:after {
  clear: both;
}

.item-list a {
  display: block;
  color: #333;
  text-decoration: none;
}

.item-list a:hover {
  opacity: 0.8;
}

.item-list li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 20px;
  float: left;
  max-width: 160px;
  min-width: 150px;
  width: 15%;
}

.item-list li:last-child {
  margin-right: 0px;
}

.item-list li.soldout {
  background: url("/rakutaku/common/img/common/icon-soldout.png") no-repeat 50% 20% #FFF;
  background-size: 140px;
}

.item-list .item-img {
  display: table;
  width: 100%;
}

.item-list .item-img span {
  display: block;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 150px;
  height: 150px;
}

.item-list .item-img span img {
  max-width: 140px;
  max-height: 140px;
  overflow: hidden;
  display: inline-block;
}

.item-list .item-label {
  margin: 0px 4px 6px;
  font-size: 13px;
  font-weight: bold;
  min-height: 59px;
}

.item-list a:hover .item-label,
.item-list a:focus .item-label {
  color: #333;
  text-decoration: underline;
}

.item-list .item-info {
  background: url("/rakutaku/common/img/common/icon-sale.png") no-repeat 0 0 #FFF;
  background-size: 35px;
  margin: 0px 4px;
  height: 16px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  color: #E51312;
  text-align: right;
  min-height: 16px;
}

.item-list .item-info.no-info {
  background: none;
}

.item-list .item-price {
  margin: 4px 4px 4px;
  text-align: right;
  font-size: 11px;
  line-height: 1.3;
  color: #E51312;
  font-weight: bold;
  margin-right: 5px;
}

.item-list .item-price .unit {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.item-list .item-buy {
  display: table;
  margin: 2% 2%;
  width: 96%;
}

.item-list .item-buy .select-quantity,
.item-list .item-buy .btn-cart {
  display: table-cell;
  vertical-align: middle;
}

.item-list .item-buy .select-quantity {
  width: 20px;
}

.item-list .item-buy .select-quantity .select-box {
  width: 50px;
  height: 30px;
  text-align: center;
}

.item-list .item-buy .select-quantity .select-box option {
  text-align: center;
}

.item-list .item-buy .btn-cart {
  width: 70%;
  font-size: 13px;
}

.item-list .item-buy .btn-cart a {
  display: block;
  background: #1F2873;
  -moz-box-shadow: #000 0px 2px 0px;
  -webkit-box-shadow: #000 0px 2px 0px;
  box-shadow: #000 0px 2px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  height: 30px;
  line-height: 30px;
}

.item-list .item-buy .btn-cart a:hover {
  color: #FFF;
  background: #1F2873;
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

.item-list .soldout .item-img,
.item-list .soldout .item-label,
.item-list .soldout .item-info,
.item-list .soldout .item-no-discount,
.item-list .soldout .item-price {
  opacity: 0.5;
}

.item-list .soldout .item-cart {
  display: none;
}

.btn-favorite {
  float: left;
  width: 96%;
  margin-left: 0px;
  width: 38px;
}

.btn-favorite a {
  display: block;
  border: 2px solid #ED709C;
  background: #FFF;
  color: #ED709C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
  padding: 4px;
  border-color: #EF4B4A;
  color: #EF4B4A;
  font-size: 14px;
}

.btn-favorite a.on {
  border: 2px solid #ED709C;
  background: #ED709C;
  text-align: center;
  color: #FFF;
}

.btn-favorite a a {
  display: block;
  padding: 5px;
}

.btn-favorite.favOn a {
  display: block;
  border: 2px solid #ED709C;
  background: #FFF;
  color: #ED709C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
  padding: 4px;
  border-color: #EF4B4A !important;
  background: #EF4B4A !important;
  color: #FFF !important;
  font-size: 14px;
}

.btn-favorite.favOn a.on {
  border: 2px solid #ED709C;
  background: #ED709C;
  text-align: center;
  color: #FFF;
}

.btn-favorite.favOn a a {
  display: block;
  padding: 5px;
}

.item-no-discount {
  float: left;
  line-height: 8px;
  font-size: 9px;
  text-align: center;
  width: 40px;
  padding: 4px;
  border: 1px solid #E51312;
  border-radius: 3px;
  color: #E51312;
  margin-top: 9px;
}

.fav-text,
.fav-del-text {
  display: none;
}

@media screen and (min-device-width: 769px) {
  .btn-favorite:hover {
    position: relative;
    color: #333;
  }

  .btn-favorite:hover .fav-text:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    top: -10px;
    left: 8px;
    border: 10px transparent solid;
    border-right-width: 0;
    border-left-color: #EF4B4A;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    z-index: 100;
  }

  .btn-favorite:hover .fav-text {
    display: block;
    position: absolute;
    top: 36px;
    color: #fff;
    background-color: #EF4B4A;
    width: 160px;
    font-size: 11px;
    text-align: center;
    padding: 2px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 100;
  }
}

@media screen and (min-device-width: 769px) {
  .btn-favorite.favOn:hover {
    position: relative;
    color: #333;
  }

  .btn-favorite.favOn:hover .fav-text {
    display: none;
  }

  .btn-favorite.favOn:hover .fav-del-text:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    top: -10px;
    left: 8px;
    border: 10px transparent solid;
    border-right-width: 0;
    border-left-color: #EF4B4A;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    z-index: 100;
  }

  .btn-favorite.favOn:hover .fav-del-text {
    display: block;
    position: absolute;
    top: 36px;
    color: #fff;
    background-color: #EF4B4A;
    width: 160px;
    font-size: 11px;
    text-align: center;
    padding: 2px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 100;
  }
}

.item-intro .btn-favorite:hover .fav-text {
  top: 50px;
}

.item-intro .btn-favorite.favOn:hover .fav-del-text {
  top: 50px;
}

/*
.bx-wrapper .item-list{
	height: auto;
}
*/
.item-slider li {
  height: 300px;
  display: inline-block;
}

/* ==================================
	Tab
================================== */
.tab-menu {
  display: table;
  width: 100%;
}

.tab-menu li {
  display: table-cell;
  vertical-align: middle;
  width: 33.33%;
}

.tab-menu li>div {
  margin: 0 3% 0 0;
  background: #ededed;
  text-align: center;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.tab-menu li>div.active {
  position: relative;
  background: #ED709C;
  line-height: 46px;
  font-size: 16px;
  color: #FFF;
  z-index: 0;
}

.tab-contents {
  margin: 0px 0px;
}

.tab-contents .item-list {
  overflow: hidden;
  height: 670px;
}

/* ==================================
	List Feature
================================== */
.list-box {
  zoom: 1;
}

.list-box:before,
.list-box:after {
  content: "";
  display: table;
}

.list-box:after {
  clear: both;
}

.list-box .list-left {
  float: left;
  max-width: 300px;
}

.list-box .list-left img {
  width: 100%;
}

.list-box .list-right {
  padding-left: 30px;
}

.list-box .list-right .shop-name {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

.list-box .list-right .download-contents {
  text-align: center;
  color: #1F2873;
  margin: 50px 0;
  font-size: 18px;
}

.list-box .list-right .download-btn a {
  text-align: center;
  display: block;
  background: #8C0A62;
  width: 250px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto 50px;
}

.list-box .list-right .download-btn a:hover {
  background: #1F2873;
}

.list-box .list-right .download-btn a .fa {
  padding-right: 5px;
}

.list-box .list-right .f-img {
  text-align: center;
}

.submit-block {
  margin: 10px 0px 50px;
}

.submit-block ul {
  text-align: center;
}

.submit-block ul li {
  display: inline-block;
  padding: 0px 10px;
}

.submit-block ul li.btn-back a,
.submit-block ul li.btn-next a,
.submit-block ul li.btn-cancel a {
  display: block;
  padding: 15px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 280px;
  font-weight: bold;
  font-size: 15px;
}

.submit-block ul li.btn-stop a {
  display: block;
  margin: 0 auto;
  padding: 8px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 200px;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
}

.submit-block ul li.btn-back a {
  background: #e5e3da;
  border: 1px solid #b1b0a9;
  -moz-box-shadow: #b1b0a9 0px 2px 0px;
  -webkit-box-shadow: #b1b0a9 0px 2px 0px;
  box-shadow: #b1b0a9 0px 2px 0px;
  text-decoration: none;
  color: #333;
}

.submit-block ul li.btn-next a {
  background: #EF4B4A;
  color: #FFF;
  -moz-box-shadow: #d23837 0px 2px 0px;
  -webkit-box-shadow: #d23837 0px 2px 0px;
  box-shadow: #d23837 0px 2px 0px;
  text-decoration: none;
}

.submit-block ul li.btn-cancel a,
.submit-block ul li.btn-stop a {
  background: #777;
  color: #FFF;
  -moz-box-shadow: #666 0px 2px 0px;
  -webkit-box-shadow: #666 0px 2px 0px;
  box-shadow: #666 0px 2px 0px;
  text-decoration: none;
}

.submit-block ul li.btn-back a:hover,
.submit-block ul li.btn-next a:hover,
.submit-block ul li.btn-cancel a:hover {
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

.search-marble-category {
  display: inline-block;
  width: 100%;
  padding: 10px 0px 10px;
}

.search-marble-category a {
  float: left;
  display: block;
  border: 1px solid #D6D2D1;
  border-radius: 5px;
  background: #F6F0F0;
  margin: 5px 7px;
  font-size: 12px;
  padding: 2px 5px;
  text-decoration: none;
  color: #333;
}

.search-marble-category .active {
  background: #AF0F79;
  border: 1px solid #AF0F79;
  color: #fff;
}

.text-cancel {
  font-size: 18px !important;
  font-weight: bold;
  text-align: center;
}

/* ==================================
  Shop Data
================================== */
.shop-data {
  margin: 20px auto 0px;
  width: 100%;
  background: #ececec;
  font-size: 13px;
}

.shop-data .shop-data-inner {
  margin: 0px auto;
  width: 1100px;
  display: table;
  table-layout: fixed;
  width: 100% !important;
  min-width: 1100px;
  max-width: 1500px;
  padding: 20px 10px 10px;
}

.shop-data .shop-data-inner .shop-detail,
.shop-data .shop-data-inner .shop-medical {
  display: table-cell;
  width: 50%;
}

.shop-data .shop-data-inner .shop-detail dl,
.shop-data .shop-data-inner .shop-medical dl {
  padding: 16px;
  background: #FFF;
}

.shop-data .shop-data-inner .shop-detail dt,
.shop-data .shop-data-inner .shop-medical dt {
  padding-bottom: 4px;
  margin-bottom: 10px;
  border-bottom: 1px solid #1F2873;
  font-weight: bold;
  font-size: 16px;
  color: #1F2873;
}

.shop-data .shop-data-inner .shop-detail {
  padding-right: 20px;
  vertical-align: top;
}

.shop-data .shop-data-text {
  margin: 0px auto;
  padding: 5px 10px 15px;
  width: 100% !important;
  min-width: 1100px;
  max-width: 1500px;
}

.shop-data .shop-data-text a {
  text-decoration: underline;
  color: #0C7DC3;
}

.shop-data .shop-data-text a:hover {
  color: #1F2873;
}

/*
	.bx-wrapper .bx-controls-direction a {
		top: 40%;
		margin-top: 0;
	}
	.bx-wrapper .bx-prev {
		left: -30px !important;
		background-image: url(/rakutaku/common/img/pc/common/slider-arrow.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	.bx-wrapper .bx-next {
		right: -30px !important;
		background-image: url(/rakutaku/common/img/pc/common/slider-arrow.png);
		background-position: -30px 0px;
		background-repeat: no-repeat;
	}
*/
.feature-bnr-container {
  overflow: hidden;
}

.feature-bnr-container #feature-bnr-block {
  height: 300px;
}

.feature-bnr-container #feature-bnr-block .bx-wrapper {
  max-width: 820px !important;
}

.feature-bnr-container #feature-bnr-block .bx-viewport {
  overflow: visible !important;
  width: 1026px !important;
}

.feature-bnr-container #feature-bnr-block .feature-bnr-slider {
  list-style: none;
  margin: 0;
  padding: 0;
}

.feature-bnr-container #feature-bnr-block .feature-bnr-slider li {
  width: 820px !important;
  margin: 0;
  padding: 0;
}

.feature-bnr-container .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: -80px;
  margin-top: -16px;
  outline: 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  z-index: 9999;
}

.feature-bnr-container .bx-wrapper .bx-prev {
  left: -30px;
  background: url(/rakutaku/common/img/common/slider-arrow.png) no-repeat 0 0px;
}

.feature-bnr-container .bx-wrapper .bx-next {
  right: -30px;
  background: url(/rakutaku/common/img/common/slider-arrow.png) no-repeat -30px 0px;
}

.feature-bnr-container .bx-controls-direction,
.feature-bnr-container .bx-pager {
  text-align: center;
  height: 25px;
}

.feature-bnr-container .bx-controls-direction a,
.feature-bnr-container .bx-pager-item {
  display: inline-block;
}

.feature-bnr-container .bx-pager-item a {
  display: block;
  height: 10px;
  width: 10px;
  text-indent: -9999px;
  background: #fff;
  border-radius: 10px;
  margin: 10px 2px 0 2px;
}

.feature-bnr-container .bx-pager-item a.active {
  opacity: 1;
}

.feature-bnr-container .bx-controls-direction a {
  text-decoration: none;
  color: #fff;
  padding: 0 5px;
}

.feature-bnr-container .bx-controls {
  position: absolute;
  bottom: 16px;
  z-index: 15;
  width: 100%;
}

.shop-bnr .bx-wrapper .bx-controls-direction a {
  top: 40%;
  margin-top: 0;
}

.shop-bnr .bx-wrapper .bx-prev {
  left: -30px !important;
  background-image: url(/rakutaku/common/img/pc/common/slider-arrow.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.shop-bnr .bx-wrapper .bx-next {
  right: -30px !important;
  background-image: url(/rakutaku/common/img/pc/common/slider-arrow.png);
  background-position: -30px 0px;
  background-repeat: no-repeat;
}

.main-contents-block .bx-wrapper {
  margin: 0 auto 25px;
}

.main-contents-block .bx-wrapper .bx-viewport {
  height: 100% !important;
}

.main-contents-block .bx-wrapper .bx-pager,
.main-contents-block .bx-wrapper .bx-controls-auto {
  bottom: 0px;
  /*-36px*/
}

.main-contents-block .bx-wrapper .bx-pager {
  padding-top: 0px !important;
}

.main-contents-block .bx-wrapper .bx-controls-direction a {
  top: 40%;
  margin-top: 0;
}

/* ==================================
	Modal Window
================================== */
.modal-content {
  position: fixed;
  display: none;
  z-index: 30;
  margin: 0;
  padding: 20px 20px;
  width: 760px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.modal-content .welcome-name {
  padding: 5px 0px;
  font-size: 16px;
}

.modal-content .shop-name {
  margin: 5px 0px;
  padding: 12px;
  background: #e5e3da;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

.modal-content .shop-news {
  margin-bottom: 10px;
  padding: 20px;
  height: 200px;
  overflow-y: scroll;
}

.modal-content .shop-news-title {
  margin: 5px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #E51312;
}

.modal-content .news-read {
  padding: 10px 0px;
  text-align: center;
}

.modal-content .btn-top a:hover,
.modal-content .btn-botton a:hover {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.modal-content .btn-top {
  position: relative;
  padding: 5px;
}

.modal-content .btn-top a {
  position: absolute;
  top: 0;
  right: 0;
}

.modal-content .btn-botton a {
  display: block;
  padding: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #b1b0a9;
  text-align: center;
}

.modal-content .modal-title {
  padding: 10px 10px 10px 10px;
  border-bottom: 3px solid #1F2873;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.modal-content .modal-body {
  padding: 20px 10px;
}

.modal-overlay {
  z-index: 20;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal-content {
  width: 60%;
  margin: 0;
  padding: 25px;
  border: 2px solid #E51312;
  background: #fff4f6;
  position: fixed;
  display: none;
  z-index: 21;
  border-radius: 5px;
}

.modal-content .modal-head {
  padding-left: 26px;
  margin-bottom: 5px;
  background: url(/rakutaku/common/img/pc/common/icon-attention.png) 0 0 no-repeat;
  background-size: 22px auto;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
  font-size: 18px;
  color: #E51312;
}

.modal-content .modal-body {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.6;
}

.modal-content .modal-close {
  background: #e5e3da;
  border: 1px solid #b1b0a9;
  -moz-box-shadow: #6a6a6a 0px 2px 0px;
  -webkit-box-shadow: #6a6a6a 0px 2px 0px;
  box-shadow: #6a6a6a 0px 2px 0px;
  display: block;
  padding: 15px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 230px;
  font-weight: bold;
  font-size: 15px;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  color: #333;
}

.modal-content .modal-close:hover {
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

.modal-content .modal-next {
  background: #EF4B4A;
  border: 1px solid #EF4B4A;
  -moz-box-shadow: #d23837 0px 2px 0px;
  -webkit-box-shadow: #d23837 0px 2px 0px;
  box-shadow: #d23837 0px 2px 0px;
  display: block;
  padding: 15px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 230px;
  font-weight: bold;
  font-size: 15px;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  color: #FFF;
}

.modal-content .modal-next:hover {
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
}

.modal-content.info {
  border: 2px solid #1F2873;
  background: #FFF;
}

.modal-content.info .modal-head {
  color: #0C7DC3;
  background: none;
  padding-left: 0;
}

.modal-content.info .modal-head i {
  padding-right: 6px;
}

.modal-content.info .btn-next a {
  background: #1F2873;
  box-shadow: #000 0px 2px 0px;
}

.modal-content .btn-block ul {
  text-align: center;
}

.modal-content .btn-block li {
  display: inline-block;
  margin: 0 4px;
}

.modal_inner {
  max-height: 350px;
  overflow-y: scroll;
}

.modal_inner .modal-other-info {
  background: #FFF;
  padding: 15px;
  margin-right: 20px;
  margin-bottom: 40px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.modal_inner .modal-other-info .modal-head {
  padding-left: 30px;
  margin-bottom: 5px;
  background: url(/rakutaku/common/img/pc/common/icon-information.png) 0 -2px no-repeat;
  background-size: 26px auto;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
  font-size: 18px;
  color: #1F2873;
}

.modal_inner .modal-other-info .modal-body {
  margin-bottom: 0;
  padding-bottom: 5px;
}

.coupon-contents-block {
  width: 100%;
  font-size: 13px;
  border: solid 1px #b1b0a9;
  padding: 0 10px;
}
.coupon-contents-block table {
  border: solid 1px #b1b0a9;
}
.coupon-list {
  width: 100%;
  margin: 20px 0px;
}
.coupon-label {
  width:65%;
}
.coupon-number {
  border-radius: 20px;
  padding: 5px 10px;
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
}
/*.coupon-name {
  padding: 10px 0;
  font-size: 35px;
  font-weight: bold;
  vertical-align:middle;
}*/
.coupon-name-img {
  margin: 0 10px 5px 0;
  padding: 2px 2px;
  width: 40px;
  border-radius: 5px;
  vertical-align:middle;
}
.coupon-line {
  width: 25%;
  border-left: dotted 2px #b1b0a9;
  padding: 0 10px;
}
/*使用済みここから↓*/
.coupon-used {
  background-color: #dedede;
  color: #666666;
}
.coupon-used .coupon-name-img {
  background-color: #cbcbcb;
}
.coupon-used .coupon-info {
  display: none;
}
.coupon-used .coupon-edit-folder {
  border-top: solid 1px #ffffff;
}
.coupon-used-line {
  border-left: solid 5px #ffffff;
}
.coupon-used .coupon-date {
  color: #666666;
}
/*使用済みここまで↑*/
.coupon-detail {
  padding: 15px 20px 5px 30px;
}
.coupon-edit-folder {
  border-top: solid 1px #e5e3da;
  margin: 0px 20px 15px 30px;
  padding-top: 10px;
}
.coupon-edit-title {
  font-size: 14px;
  font-weight: bold;
}
.coupon-edit-text{
  font-size: 14px;
}
.coupon-info  {
  text-align: right;
  color: #E51312;
  font-weight: bold;
  font-size: 14px;
}
.coupon-date {
  text-align: center;
  font-weight: bold;
  color: #000;
  font-size: 23px;
}
.coupon-date-text {
  font-size: 25px;
  color: #e51312;
}
.couponMsg-block {
    border: solid 1px #b1b0a9;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    width: inherit;
    padding: 30px 0px;
}
.lblcouponMsg {
    margin-left: 20px;
}
.couponAdd-block {
    border: solid 1px #b1b0a9;
    font-size: 13px;
    height: 80px;
    margin-top: 10px;
    vertical-align: middle;
}
/*.txtCouponId{
    margin-left: 20px;
}*/
.lblMsgCouponAdd{
    margin-left: 20px;
}
.btnAddCoupon{
    width: 150px;
    text-align: center;
    text-decoration: none;
/*    margin: 5px 8px;*/
    padding: 5px 10px;
    background: #e5e3da;
    border: 1px solid #b1b0a9;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
    box-shadow: #b1b0a9 0px 2px 0px;
}
.btnAddCoupon:hover{
    color: #000;
    box-shadow: none;
    transform: translate3d(0, 2px, 0);
}
.tdChkBkColor-Checked{
    background-color: #ed709c;
}
.coutionCoupon{
    font-weight: bold;
}
.coutionCouponNo{
    font-size: 14px;
    font-weight: bold;
    margin: 0 20px;
}
.tdChkCoupon{
    border-right: dotted 2px #b1b0a9;
    width: 100px;
}
.form-checkbox-label span {
  display: block;
}
.lblChkCoupon {
    display: block;
    float: right;
    margin-right: 30px;
}

/* ==================================
	2021年6月追加 css
================================== */

/* ボタン（デザインはお好みで） */
.my_modal_btn {
    display: block;
    width: 100%;
    padding: 11px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 18px;
    text-align: center;
}

/* モーダル */
.my_modal_body1,
.my_modal_body2 {
    display: none;
    position: fixed;
    z-index: 100000;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    display: none;
    background-color: #FFF4F6;
    border: solid #EF4B4A 1px;
    overflow-y: auto;
    /* スマホ用スクロール */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    /* お好みで */
    width: 90%;
    padding: 0 20px 20px 20px;
    max-height: 100%;
    max-width: 600px;
}

/* モーダル内ヘッダー */
.my_modal_header {
    padding: 15px 10px;
    color: #EF4B4A;
    font-weight: bold;
    font-size: 18px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    text-align: center;
}

/* クローズアイコン */
.my_modal_close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
}

.my_modal_close_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
}

    .my_modal_close_icon span::before,
    .my_modal_close_icon span::after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 84%;
        height: 16%;
        margin: -8% 0 0 -42%;
        background: #000000;
    }

    .my_modal_close_icon span::before {
        transform: rotate(-45deg);
    }

    .my_modal_close_icon span::after {
        transform: rotate(45deg);
    }

/* コンテンツ表示 */
.my_modal_content {
    padding: 15px 15px 5px 15px;
    background-color: #ffffff;
}

    .my_modal_content ul li {
        padding: 0 0 10px 0;
    }

/* 背景を暗くする */
.my_modal_overlay {
    display: none;
    position: fixed;
    z-index: 90000;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-color: #111;
    opacity: 0.3;
    cursor: pointer;
}

/* チェック時オーバーレイとコンテンツを表示 */
/*
  #my_modal1:checked ~ .my_modal_body1,
  #my_modal1:checked ~ .my_modal_overlay{
    display: block;
  }
*/
#btn:checked ~ .my_modal_body1,
#btn:checked ~ .my_modal_overlay {
    display: block;
}


#btn {
    display: none;
}

.my_modal2 {
    display: none;
}


/* モーダル内ボタン */
.submit-block02 {
    margin: 10px 0px 20px;
}

    .submit-block02 ul {
        text-align: center;
    }

        .submit-block02 ul li {
            display: inline-block;
            padding: 0px 10px;
        }

            .submit-block02 ul li.btn-stop.pay02 {
                display: block;
                margin: 15px auto 0;
            }

            .submit-block02 ul li.btn-back02 a,
            .submit-block02 ul li.btn-next02 a,
            .submit-block02 ul li.btn-cancel02 a {
                display: block;
                padding: 10px 0px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                width: 100px;
                font-weight: bold;
                font-size: 15px;
                text-decoration: none;
            }

            .submit-block02 ul li.btn-stop02 a {
                display: block;
                margin: 0 auto;
                padding: 8px 0px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                width: 200px;
                font-weight: normal;
                font-size: 14px;
                text-decoration: none;
            }

            .submit-block02 ul li.btn-back02 a {
                background: #e5e3da;
                border: 1px solid #b1b0a9;
                -moz-box-shadow: #b1b0a9 0px 2px 0px;
                -webkit-box-shadow: #b1b0a9 0px 2px 0px;
                box-shadow: #b1b0a9 0px 2px 0px;
                color: #333;
                text-decoration: none;
            }

            .submit-block02 ul li.btn-next02 a {
                background: #EF4B4A;
                color: #FFF;
                -moz-box-shadow: #a12951 0px 2px 0px;
                -webkit-box-shadow: #a12951 0px 2px 0px;
                box-shadow: #a12951 0px 2px 0px;
                text-decoration: none;
            }

            .submit-block02 ul li.btn-cancel02 a,
            .submit-block02 ul li.btn-stop02 a {
                background: #777;
                color: #FFF;
                -moz-box-shadow: #666 0px 2px 0px;
                -webkit-box-shadow: #666 0px 2px 0px;
                box-shadow: #666 0px 2px 0px;
                text-decoration: none;
            }

                .submit-block02 ul li.btn-back02 a:hover,
                .submit-block02 ul li.btn-next02 a:hover,
                .submit-block02 ul li.btn-cancel02 a:hover,
                .submit-block02 ul li.btn-stop02 a:hover {
                    box-shadow: none;
                    transform: translate3d(0, 2px, 0);
                    text-decoration: none;
                }

.icon-help-locker {
    background-image: url(/rakutaku/common/img/help/common/icon-help-locker.png);
}



.modal .modal-check:checked + .modal-body {
    animation: fadeout .2s 1 forwards, hide .1s .2s 1 forwards;
}

    .modal .modal-check:checked + .modal-body .modal-window {
        animation: zoomout .2s 1 forwards;
    }


/* [add]2024.04 クーポン */
.pay-notice-coupon {
  margin: 10px auto 20px;
  width: 480px;
}

.pay-notice-coupon a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  background-color: #FFC300;
  border-radius: 60px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}

.pay-notice-coupon a:hover {
  opacity: .6;
}

.pay-notice-coupon a span {
  padding-left: 10px;
}

.pay-notice-coupon a:before,
.pay-notice-coupon a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.pay-notice-coupon a:before {
  left: 0;
  width: 40px;
  height: 40px;
  background-image: url(/rakutaku/common/img/coupon/icon_notice.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.pay-notice-coupon a:after {
  right: 15px;
  width: 10px;
  height: 6px;
  background-image: url(/rakutaku/common/img/coupon/icon_arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.section-coupon {
  margin-bottom: 50px;
}

.section-coupon h4 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}

.section-coupon .coupon-code {
  padding: 20px 20px;
  width: 100%;
  max-width: 710px;
  background-color: #F7F6F4;
}

.section-coupon .coupon-code input[type=text] {
  width: 100%;
  height: 44px;
  border: 1px solid #B1B0A9;
  border-radius: 5px;
}

.section-coupon .coupon-code input[type=submit] {
  width: 100%;
  height: 44px;
  background-color: #333;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  border-radius: 5px;
  border: none;
}

.section-coupon .coupon-items {
  position: relative;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #C9C9C9;
  overflow: hidden;
  cursor: pointer;
}

.section-coupon .coupon-items .coupon-type {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.section-coupon .coupon-items .coupon-type>div {
  text-align: center;
}

.coupon-items .coupon-type p {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #FFF;
}

.select-coupon-list input[type=checkbox] {
  display: none;
}

/* .select-coupon-list input[type=checkbox]:checked+label.form-checkbox {
  background-color: #efefef;
  border-color: #efefef;
} */

.select-coupon-list input[type=checkbox]:checked+label.form-checkbox:after {
  opacity: 1;
}

.select-coupon-list .form-checkbox {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  width: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.select-coupon-list .coupon-items .coupon-type {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.select-coupon-list .coupon-items .coupon-type>div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-align: center;
}

.select-coupon-list .coupon-items .coupon-type img {
  width: 30px;
  height: 24px;
}

.select-coupon-list .coupon-items .coupon-type p {
  padding-left: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #FFF;
}

.select-coupon-list .coupon-items .coupon-content {
  position: relative;
  padding: 20px 20px;
}

.select-coupon-list .coupon-name {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.5em;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.7;
  color: #404040;
  text-align: center;
}

.select-coupon-list .coupon-name span {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.select-coupon-list .coupon-summary {
  margin: 10px auto 20px;
}

.select-coupon-list .coupon-summary .em {
  font-weight: bold;
  color: #DD0000;
}

.select-coupon-list .coupon-items .coupon-content .more {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.select-coupon-list .button-coupon-detail {
  position: relative;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  border-bottom: 1px solid #333333;
}

.select-coupon-list .button-coupon-detail:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 16px;
  height: 16px;
  background-image: url(/rakutaku/common/img/coupon/icon_attention.svg);
}

.select-coupon-list .button-coupon-detail span {
  padding-left: 20px;
}

.select-coupon-list .coupon-items .button-use-coupon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 200px;
  height: 40px;
  border-radius: 60px;
  border: 1px solid #333333;
  text-align: center;
  font-weight: bold;
}

/* クーポン使用時 */
.select-coupon-list .coupon-items.is-active {}
.select-coupon-list .coupon-items.is-active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 12.5em;
  background-image: url(/rakutaku/common/img/coupon/checkbox_usecouopn.svg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color:rgba(0, 0, 0, .6);
  z-index: 10;
}

.select-coupon-list .coupon-items.is-disabled {
    background-color: #ddd;
    opacity: .5;
    pointer-events: none;
}

.coupon-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.coupon-link li+li {
  margin-left: 25px;
}

.coupon-link button,
.coupon-link a {
  position: relative;
  padding: 0;
  border: none;
  background: none;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

.coupon-link button:before,
.coupon-link a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  width: 10px;
  height: 10px;
  background-image: url(/rakutaku/common/img/coupon/icon_external_link.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.coupon-link button:hover,
.coupon-link a:hover {
  opacity: .5;
}

.coupon-link button span,
.coupon-link a span {
  padding-right: 15px;
}

.modal-view.coupon-detail .modal-bg {
  padding: 0;
  font-size: 14px;
  line-height: 1.8;
}

.modal-view.coupon-detail .modal-header {
  padding: 16px 0;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  text-align: center;
  border-bottom: 1px solid #D9D9D9;
}

.modal-view.coupon-detail .modal-body {
  padding: 20px 40px 40px;
  min-width: 600px;
  max-width: 800px;
}

/* .modal-view.coupon-detail .modal-body .scroll {
padding: 20px 20px;
height: 68vh;
overflow: scroll;
} */

.modal-view.coupon-detail .coupon-name {
  text-align: center;
}

.modal-view.coupon-detail .coupon-summary {
  margin: 0 auto 20px;
  width: 80%;
}

.modal-view.coupon-detail .modal-close {
  position: relative;
  top: 0;
  right: 0;
  margin-bottom: 0;
  margin-top: 20px;
  width: auto;
  height: auto;
  cursor: pointer;
  text-align: center;
}

.modal-view.coupon-detail .modal-close span {
  position: relative;
  top: inherit;
  right: inherit;
  display: block;
  padding-top: 0;
  height: auto;
  overflow: inherit;
  text-decoration: underline;
}

.modal-view.coupon-detail .modal-close span:before,
.modal-view.coupon-detail .modal-close span:after {
  display: none;
}

@media screen and (max-width: 768px) {
  .modal-view.coupon-detail .coupon-summary {
    margin: 0 auto 20px;
    width: 100%;
  }

  .modal-view.coupon-detail .modal-body {
    padding: 0 5px 25px;
  }

  .modal-view.coupon-detail .modal-body .scroll {
    padding: 20px 20px;
    height: 68vh;
    overflow: scroll;
  }
}

.modal-view.coupon-detail .modal-body .coupon-summary dt span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EDEBE7;
  border-radius: 60px;
  font-size: 14px;
  color: #404040;
}

.modal-view.coupon-detail .modal-body .coupon-summary div {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.modal-view.coupon-detail .modal-body .coupon-summary dt {
  width: 25%;
}

.modal-view.coupon-detail .modal-body .coupon-summary dd {
  padding-left: 20px;
  width: 75%;
}

.modal-view.coupon-detail .modal-body .coupon-summary .em {
  font-weight: bold;
  color: #DD0000;
}

.modal-view.coupon-attention .modal-body {
  padding: 40px 50px;
}

.modal-view.coupon-attention li {
  list-style-type: disc;
}

.modal-view.coupon-attention li+li {
  margin-top: 5px;
}

/* 予約イベント */
.yoyaku-haiso-date-input {
    border: 1px solid #999;
    width: 100%;
    max-width: 250px;
    height: 40px;
    border-radius: 5px;
    background: url(/netsuper/common/img/pc/common/icon-calendar.png) 5% 50% no-repeat;
    background-size: auto 26px;
    padding-left: 46px;
    font-size: 1em;
}

.yoyaku-setting .yoyaku-haiso-date-input::placeholder {
    position: relative;
    left: 0;
    font-size: 12px;
    color: #666;
}