/* sp start */
h1.title {
font-size: 4rem;
font-weight: bold;
margin-top: 60px;
margin-bottom: 30px;
}

.font_table {
margin-top: 30px;
}
.font_table .row {
width: 100%;
margin-bottom: 30px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
-webkit-align-items: center;
}
.font_table .row span {
color: #333333;
display: block;
width: 90px;
font-size: 1.4rem;
}
.font_table .row span:last-child {
width: auto;
}
.font_table .row p {
float: left;
}

/* font size start */
.px12-20 {
font-size: 1.2rem;
line-height: 20px;
}

.px14-21 {
font-size: 1.4rem;
line-height: 21px;
}

.px16-24 {
font-size: 1.6rem;
line-height: 24px;
}

.px24-36 {
font-size: 2.4rem;
line-height: 36px;
}

/* font size end */
.color_table {
margin-top: 30px;
}
.color_table ul li {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
-webkit-align-items: center;
margin-bottom: 25px;
}
.color_table ul li img {
width: 16.465%;
display: block;
margin-right: 3%;
}
.color_table ul li p {
font-size: 2.8rem;
letter-spacing: 0.1em;
font-weight: bold;
display: block;
width: 80%;
background: #F7F29E;
}

/* color start */
.color01 {
color: #ffffff;
}

.color02 {
color: #ea5c7d;
}

.color03 {
color: #333333;
}

.color04 {
color: #c90027;
}

.color05 {
color: #fce4e3;
}

.color06 {
color: #eeeeee;
}

.color07 {
color: #cccccc;
}

/* color end */
.line_table span {
font-size: 1.6rem;
color: #333;
display: block;
margin: 30px 0;
}

/* line start */
.line01 {
width: 100%;
height: 5px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.line02 {
background: #ccc;
height: 1px;
width: 100%;
}

/* line end */
/* search start */
.search {
width: 244px;
margin-top: 7px;
}
.search form {
display: flex;
display: -webkit-flex;
}
.search form input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 200px;
border: 1px solid #ccc;
background: #fff;
border-radius: 0;
padding: 2px 5px;
font-size: 1.2rem;
line-height: 20px;
outline-color: none;
height: 26px;
display: block;
margin-right: 4px;
}
.search form button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
background: #EA5C7D;
color: #fff;
width: 40px;
font-size: 1.2rem;
line-height: 26px;
border: none;
border-radius: 0;
outline: none;
text-align: center;
padding: 0;
}

/* search end */
.button_table01 a {
float: left;
margin-right: 40px;
}

.button02 {
display: block;
width: 200px;
border: 1px solid #ccc;
padding: 25px 0;
position: relative;
}
.button02:before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 32px 32px;
border-color: transparent transparent #ccc transparent;
position: absolute;
right: 6px;
bottom: 6px;
}
.button02 img {
display: block;
margin: 0 auto;
}
.button02 span {
font-size: 1.6rem;
line-height: 24px;
display: block;
text-align: center;
margin-top: 16px;
}

.button02_a img {
width: 85.8px;
}

.button02_b {
padding: 19.5px 0 25px;
}
.button02_b img {
width: 64px;
}

.button_table02 {
width: 100%;
clear: both;
margin-top: 70px;
float: left;
}
.button_table02 a {
clear: both;
float: left;
margin-bottom: 26px;
}

.button03 {
display: block;
background: #C90027;
width: 100%;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button03:hover {
opacity: .7;
}
.button03:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow01.svg") center/100% auto no-repeat;
}
.button03 span {
color: #fff;
font-size: 1.6rem;
line-height: 24px;
}
/*20200821*/
.button03_cu {
display: block;
background: #C90027;
width: 100%;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button03_cu:hover {
opacity: .7;
}
.button03_cu:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow01.svg") center/100% auto no-repeat;
}
.button03_cu span {
color: #fff;
font-size: 1.6rem;
line-height: 24px;
}
.button03_cucl {
display: block;
background: #C90027;
width: 100%;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button03_cucl span {
color: #fff;
font-size: 1.6rem;
line-height: 24px;
}
.button04 {
display: block;
background: #fff;
border: 1px solid #EA5A74;
width: 100%;
text-align: center;
padding: 17px 0;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button04:hover {
opacity: .7;
}
.button04:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow02.svg") center/100% auto no-repeat;
}
.button04 span {
color: #EA5A74;
font-size: 1.6rem;
line-height: 24px;
}

.button05 {
display: block;
background: #676767;
width: 100%;
text-align: center;
padding: 17px 0;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button05:hover {
opacity: .7;
}
.button05:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow03.svg") center/100% auto no-repeat;
}
.button05 span {
color: #fff;
font-size: 1.6rem;
line-height: 24px;
}

.button06 {
display: block;
background: #676767;
width: 100%;
text-align: center;
padding: 17px 0;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button06:hover {
opacity: .7;
}
.button06:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow01.svg") center/100% auto no-repeat;
}
.button06 span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}

.button07 {
display: block;
background: #C90027;
width: 100%;
text-align: center;
padding: 18px 0;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button07:hover {
opacity: .7;
}
.button07 span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}

.button08 {
display: block;
background: #fff;
width: 100%;
text-align: center;
padding: 17px 0;
position: relative;
border: 1px solid #EA5C7D;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button08:hover {
opacity: .7;
}
.button08:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow04.svg") center/100% auto no-repeat;
}
.button08 span {
color: #EA5C7D;
font-size: 1.8rem;
line-height: 24px;
}

.button09 {
display: block;
background: #EA5C7D;
width: 100%;
text-align: center;
padding: 23px 0;
position: relative;
border: 1px solid #EA5C7D;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button09:hover {
opacity: .7;
}
.button09:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow01.svg") center/100% auto no-repeat;
}
.button09 span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}

.button10 {
display: block;
background: #eee;
width: 100%;
text-align: center;
padding: 28px 10px;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button10:hover {
opacity: .7;
}
.button10:after, .button10:before {
content: '';
display: block;
position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.button10:before {
width: 10px;
height: 18px;
right: 20px;
background: url("/excludes/ozio/common/img/ico/arrow05.svg") center/100% auto no-repeat;
}
.button10:after {
width: 24px;
height: 24px;
left: 10px;
background: url("/excludes/ozio/common/img/ico/icon03.svg") center/100% auto no-repeat;
}
.button10 span:first-child {
font-size: 1.4rem;
float: left;
padding-left: 42px;
}
.button10 span:last-child {
font-size: 1rem;
float: right;
padding-right: 86px;
line-height: 1.4;
}
.btn2nd{
margin-top:20px;
}
.cart_button {
width: 280px;
background: #C90027;
position: relative;
padding: 16.5px 0;
text-align: center;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.cart_button:hover {
opacity: .7;
}
.cart_button:before {
content: '';
display: block;
width: 33px;
height: 29px;
position: absolute;
top: 50%;
left: 7%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/cart01.svg") center/100% auto no-repeat;
}
.cart_button span {
color: #fff;
font-size: 2rem;
line-height: 27px;
padding-left: 9%;
}

.sample_button {
width: 280px;
background: #fff;
position: relative;
padding: 16.5px 0;
text-align: center;
border: 1px solid #333;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.sample_button:hover {
opacity: .7;
}
.sample_button:before {
content: '';
display: block;
width: 33px;
height: 29px;
position: absolute;
top: 50%;
left: 10%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/cart02.svg") center/100% auto no-repeat;
}
.sample_button span {
color: #333;
font-size: 2rem;
line-height: 27px;
padding-left: 9%;
}

.favorite_button {
width: 180px;
background: #fff;
position: relative;
padding: 6px 8px 6px 0;
text-align: right;
border: 1px solid #333;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.favorite_button:hover {
opacity: .7;
}
.favorite_button:before {
content: '';
display: block;
width: 23px;
height: 23px;
position: absolute;
top: 50%;
left: 8px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/favorite01.svg") center/100% auto no-repeat;
}
.favorite_button span {
color: #333;
font-size: 1.6rem;
line-height: 26px;
letter-spacing: 0.05em;
padding-left: 9%;
}

.delete01 {
display: block;
text-align: center;
background: #ccc;
width: 40px;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.delete01:hover {
opacity: .7;
}
.delete01 span {
font-size: 1.2rem;
line-height: 30px;
}

.change {
width: 80px;
border: 1px solid #EA5A74;
text-align: center;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.change:hover {
opacity: .7;
}
.change span {
font-size: 1.6rem;
line-height: 40px;
color: #EA5A74;
}

.delete02 {
width: 80px;
text-align: center;
background: #707070;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.delete02:hover {
opacity: .7;
}
.delete02 span {
font-size: 1.6rem;
line-height: 40px;
color: #fff;
}

.service01 {
display: block;
position: relative;
border: 1px solid #ccc;
width: 100%;
float: none;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
-webkit-align-items: center;
padding: 6px 7px;
box-sizing:border-box; /*190111*/
}
.service01:before {
content: '';
display: block;
width: 10px;
height: 18px;
position: absolute;
top: 50%;
right: 18px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow05.svg") center/100% auto no-repeat;
}
.service01 img {
width: 60px;
display: block;
}
.service01 .text {
margin: 0;
margin-left: 10px;

}
.service01 .text span {
display: block;
}
.service01 .text span:first-child {
font-size: 1.6rem;
line-height: 23px;
color: #E75685;
text-align: left; /*190111*/
}
.service01 .text span:last-child {
font-size: 1.6rem;
color: #333333;
line-height: 23px;
text-align: left; /*190111*/
}
@media only screen and (max-width: 374px) {
.service01 .text span:first-child {
font-size: 1.4rem;
}
.service01 .text span:last-child {
font-size: 1.3rem;
}
}

.add_input_area {
width: 100%;
display: block;
border: 1px solid #EA5A74;
text-align: center;
padding: 7px 0;
position: relative;
}
.add_input_area:before {
content: '';
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
right: 12.5%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/icon05.svg") center/100% auto no-repeat;
}
.add_input_area span {
font-size: 1.6rem;
line-height: 24px;
color: #EA5A74;
}
.add_input_area.opened:before {
background: url("/excludes/ozio/common/img/ico/icon18.svg") center/100% auto no-repeat;
}

.button11 {
display: block;
background: #C90027;
width: 100%;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button11:hover {
opacity: .7;
}
.button11:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow01.svg") center /100% auto no-repeat;
}
.button11 span {
color: #fff;
font-size: 1.6rem;
line-height: 24px;
}
@media only screen and (max-width: 374px) {
.button11:before {
right:10px;
}
}
.button12 {
display: block;
background: #fff;
width: 260px;
text-align: center;
position: relative;
border: 1px solid #EA5A74;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.button12:hover {
opacity: .7;
}
.button12:before {
content: '';
display: block;
width: 10px;
height: 18px;
position: absolute;
top: 50%;
left: 6.1538%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow02.svg") center/100% auto no-repeat;
}
.button12 span {
color: #EA5A74;
font-size: 1.6rem;
line-height: 50px;
}
.button13 {
  display: block;
  background: #fff;
  width: 260px;
  text-align: center;
  position: relative;
  border: 1px solid #EA5A74;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
}
.button13:hover {
  opacity: .7;
}
.button13:before {
  content: '';
  display: block;
  width: 10px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 6.1538%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/excludes/ozio/common/img/ico/arrow02.svg") center/100% auto no-repeat;
}
.button13 span {
  color: #EA5A74;
  font-size: 1.6rem;
  line-height: 50px;
}

.alert_table > div {
margin: 20px 0;
}

.alert01 {
width: 287px;
position: relative;
height: auto;
text-align: center;
border: 1px solid #333;
padding: 12px 5px;
}
.alert01:before {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
right: 48px;
top: -20px;
background: #fff url("/excludes/ozio/common/img/ico/alert02.svg") center/100% auto no-repeat;
}
.alert01 span {
font-size: 1.6rem;
color: #333;
}

.alert02 {
width: 287px;
position: relative;
height: auto;
text-align: center;
border: 1px solid #333;
padding: 12px 5px;
}
.alert02:before {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 48px;
top: -20px;
background: #fff url("/excludes/ozio/common/img/ico/alert02.svg") center/100% auto no-repeat;
}
.alert02 span {
font-size: 1.6rem;
color: #333;
}

.alert03 {
width: 260px;
border: 1px solid #333;
padding: 15px 0;
}
.alert03 span {
font-size: 1.6rem;
font-weight: bold;
line-height: 24px;
color: #333;
position: relative;
width: 86%;
display: block;
margin: 0 auto;
padding-left: 20px;
}
.alert03 span:before {
content: '';
display: block;
width: 23px;
height: 23px;
position: absolute;
top: 2px;
left: -7px;
background: url("/excludes/ozio/common/img/ico/icon06.svg") center/100% auto no-repeat;
}

.accordion01 {
cursor: pointer;
width: 100%;
background: #EA5A74;
text-align: center;
padding: 20px 0;
position: relative;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.accordion01:before {
content: '';
display: block;
width: 20px;
height: 20px;
background: url("/excludes/ozio/common/img/ico/icon07.svg") center/100% auto no-repeat;
position: absolute;
right: 4%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.accordion01 span {
color: #fff;
letter-spacing: 0.2em;
}
.accordion01.opened {
background: rgba(234, 90, 116, 0.5);
}
.accordion01.opened:before {
background: url("/excludes/ozio/common/img/ico/icon08.svg") center/100% auto no-repeat;
}

.accordion01_content {
display: none;
}

/*250909 accordion open*/
.information_area .accordion01_content{
display:block;
}

.review_star {
float: left;
clear: both;
width: 380px;
margin-bottom: 20px;
}
.review_star .review_star_left {
float: left;
}
.review_star .review_star_left .star span {
display: inline-block;
font-size: 1.6rem;
}
.review_star .review_star_left .on {
margin-bottom: 10px;
}
.review_star .review_star_left .on span:first-child {
color: #000;
}
.review_star .review_star_left .off span:first-child {
color: #333;
}
.review_star .review_star_left .off span:last-child {
color: #ccc;
}
.review_star .review_star_right {
float: right;
}
.review_star .review_star_right a {
display: block;
background: #666;
/*background: #EA5A74;*/
color: #fff;
font-size: 1.3rem;
font-weight: bold;
text-align: center;
width: 102px;
padding: 11px 0;
margin: 0;
}

#cartInPop {
z-index: 999999999;
width: 100%;
}

.popup {
display: none;
position: absolute;
/*top: 50px;*/
left: 0;
z-index: 999999999;
width: 100%;
}
.nayosePopup {
display: none;
position: absolute;
top: 50px;
left: 0;
z-index: 999999999;
width: 100%;
}
.popup_overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
z-index: 999999998;
}
.popup_inner {
width: calc(100% - 20px);
margin: 0 auto;
}
.popup_close {
text-align: right;
}
.popup_close a {
background: #EEEEEE;
font-size: 1.4rem;
padding: 14px 20px;
display: inline-block;
}
.popup .bottom {
text-align: center;
}
.popup .bottom a {
width: 100%;
}
.popup .bottom_error {
text-align: center;
}
.popup .bottom_error a {
width: 100%;
}
.popup_contents {
background: #fff;
padding: 20px 10px;
width: 100%;
}
.popup_left .message {
font-size: 1.4rem;
}
.popup_left > ul {
margin-top: 22.5px;
font-size: 0;
}
.popup_left > ul.num {
margin-top: 10px;
}
.popup_left > ul li {
display: inline-block;
vertical-align: top;
}
.popup_left > ul li.message_head {
width: 80px;
}
.popup_left > ul li.message_head span {
font-size: 1.4rem;
display: block;
text-align: center;
background: #FCE4E3;
line-height: 30px;
}
.popup_left > ul li.message_body {
width: calc(100% - 80px);
padding-left: 5px;
font-size: 1.4rem;
font-weight: bold;
line-height: 20px;
letter-spacing: -0.05em;
}
.popup_left > ul li.message_body2 {
width: calc(100% - 80px);
padding-left: 5px;
font-size: 1.4rem;
font-weight: bold;
line-height: 2;
padding-top:1px;
}
.popup_buttons {
margin-top: 20px;
padding: 0 15px;
}
.popup_error {
display: none;
position: absolute;
/*top: 50px;*/
left: 0;
z-index: 999999999;
width: 100%;
}
.popup_error_overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
z-index: 999999998;
}
.popup_error_close {
text-align: right;
}
.popup_error_close a {
background: #EEEEEE;
font-size: 1.4rem;
padding: 14px 20px;
display: inline-block;
}
.popup_error_close.bottom_error a {
padding-top:14px;
padding-bottom:14px;
/*width: calc(100%);
margin: 0 auto;*/
display: block;
width: auto;
}
.popup_error_close.bottom_error {
text-align:center;
}

.popup_left2 .message2 {
margin:20px auto 40px auto;
/*width:80%;*/
text-align:center;
font-size: 1.4rem;
}
@media only screen and (max-width: 374px) {
.popup_buttons {
padding: 0 10px;
}
}
.popup_buttons a {
width: 100%;
}
.popup_buttons a span {
font-size: 1.6rem;
}
@media only screen and (max-width: 374px) {
.popup_buttons a span {
font-size: 1.2rem;
}
}
.popup_buttons a.button04 {
margin-top: 15px;
}
.popup_left .popup_buttons .button04{	
margin-top:20px !important;	
}
.popup_left2 .errMessage {
color: #C90027;
}

/* sp end */
/*******************/
/*******************/
/*******************/
/*******************/
/*******************/
/* pc start */
@media only screen and (min-width: 769px) {
body {
padding: 0 20px;
}

h1 {
font-size: 1.4rem;
font-weight: bold;
margin-top: 60px;
margin-bottom: 30px;
}

.font_table {
margin-top: 30px;
}
.font_table .row {
width: 100%;
margin-bottom: 30px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
-webkit-align-items: center;
}
.font_table .row span {
color: #333333;
display: block;
width: 90px;
font-size: 1.4rem;
}
.font_table .row span:last-child {
width: auto;
}
.font_table .row p {
float: left;
}

/* font size start */
.px12-20 {
font-size: 1.2rem;
line-height: 20px;
}

.px14-21 {
font-size: 1.4rem;
line-height: 21px;
}

.px16-24 {
font-size: 1.6rem;
line-height: 24px;
}

.px24-36 {
font-size: 2.4rem;
line-height: 36px;
}

/* font size end */
.color_table {
margin-top: 30px;
}
.color_table ul li {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
-webkit-align-items: center;
margin-bottom: 25px;
}
.color_table ul li img {
width: 16.465%;
display: block;
margin-right: 3%;
}
.color_table ul li p {
font-size: 2.8rem;
letter-spacing: 0.1em;
font-weight: bold;
display: block;
width: 80%;
background: #F7F29E;
}

/* color start */
.color01 {
color: #ffffff;
}

.color02 {
color: #ea5c7d;
}

.color03 {
color: #333333;
}

.color04 {
color: #c90027;
}

.color05 {
color: #fce4e3;
}

.color06 {
color: #eeeeee;
}

.color07 {
color: #cccccc;
}

/* color end */
.line_table span {
font-size: 1.6rem;
color: #333;
display: block;
margin: 30px 0;
}

/* line start */
.line01 {
margin: 0 auto;
width: 1024px !important;
height: 5px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.line02 {
background: #ccc;
height: 1px;
width: 100%;
}

/* line end */
button:hover{	
cursor: pointer;	
}
.button_table01 a {
float: left;
margin-right: 40px;
}

.button02 {
display: block;
width: 200px;
border: 1px solid #ccc;
padding: 25px 0;
position: relative;
}
.button02:before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 32px 32px;
border-color: transparent transparent #ccc transparent;
position: absolute;
right: 6px;
bottom: 6px;
}
.button02 img {
display: block;
margin: 0 auto;
}
.button02 span {
font-size: 1.6rem;
line-height: 24px;
display: block;
text-align: center;
margin-top: 16px;
}

.button02_a img {
width: 85.8px;
}

.button02_b {
padding: 19.5px 0 25px;
}
.button02_b img {
width: 64px;
}

.button_table02 {
width: 100%;
clear: both;
margin-top: 70px;
float: left;
}
.button_table02 a {
clear: both;
float: left;
margin-bottom: 26px;
}

.button03 {
display: block;
background: #C90027;
width: 400px;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .3s;
}
.button03:hover {
opacity: 0.7;
}
.button03:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow01.svg") center/100% auto no-repeat;
}
.button03 span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}
/*20200821*/
.button03_cu {
display: block;
background: #C90027;
width: 400px;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .3s;
}
.button03_cu:hover {
opacity: 0.7;
}
.button03_cu:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow01.svg") center/100% auto no-repeat;
}
.button03_cu span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}
.button03_cucl {
display: block;
background: #C90027;
width: 400px;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .3s;
}
.button03_cucl span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}
.button04 {
display: block;
background: #fff;
border: 1px solid #EA5A74;
width: 400px;
text-align: center;
padding: 17px 0;
position: relative;
}
.button04:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow02.svg") center/100% auto no-repeat;
}
.button04 span {
color: #EA5A74;
font-size: 1.8rem;
line-height: 24px;
}

.button05 {
display: block;
background: #676767;
width: 400px;
text-align: center;
padding: 17px 0;
position: relative;
transition: all .3s;
}
.button05:hover {
opacity: 0.7;
}
.button05:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow03.svg") center/100% auto no-repeat;
}
.button05 span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}

.button06 {
display: block;
background: #676767;
width: 400px;
text-align: center;
padding: 17px 0;
position: relative;
transition: all .3s;
}
.button06:hover {
opacity: 0.7;
}
.button06:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow01.svg") center/100% auto no-repeat;
}
.button06 span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}

.button07 {
display: block;
background: #C90027;
width: 400px;
text-align: center;
padding: 18px 0;
}
.button07 span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}

.button08 {
display: block;
background: #fff;
width: 400px;
text-align: center;
padding: 17px 0;
position: relative;
border: 1px solid #EA5C7D;
transition: all .3s;
}
.button08:hover {
opacity: 0.7;
}
.button08:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow04.svg") center/100% auto no-repeat;
}
.button08 span {
color: #EA5C7D;
font-size: 1.8rem;
line-height: 24px;
}

.button09 {
display: block;
background: #EA5C7D;
width: 400px;
text-align: center;
padding: 17px 0;
position: relative;
border: 1px solid #EA5C7D;
transition: all .3s;
}
.button09:hover {
opacity: 0.7;
}
.button09:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow01.svg") center/100% auto no-repeat;
}
.button09 span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}

.button10 {
display: block;
background: #eee;
width: 510px;
text-align: center;
padding: 28px 0;
position: relative;
}
.button10:after, .button10:before {
content: '';
display: block;
position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.button10:before {
width: 11px;
height: 19px;
right: 21%;
background: url("/excludes/ozio/common/img/ico/arrow05.svg") center/100% auto no-repeat;
}
.button10:after {
display: none;
width: 27px;
height: 25px;
left: 24%;
background: url("/excludes/ozio/common/img/ico/icon03.svg") center/100% auto no-repeat;
}
.button10 span {
color: #333;
display: block;
width: 38%;
text-align: left;
margin: 0 auto;
}
.button10 span:first-child {
font-size: 1.6rem;
line-height: 24px;
float: none;
padding-left: 0;
}
.button10 span:last-child {
font-size: 1.2rem;
line-height: 28px;
float: none;
padding-right: 0;
}

.cart_button {
width: 280px;
background: #C90027;
position: relative;
padding: 16.5px 0;
text-align: center;
}
.cart_button:before {
content: '';
display: block;
width: 33px;
height: 29px;
position: absolute;
top: 50%;
left: 10%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/cart01.svg") center/100% auto no-repeat;
}
.cart_button span {
color: #fff;
font-size: 2rem;
line-height: 27px;
padding-left: 9%;
}

.sample_button {
width: 280px;
background: #fff;
position: relative;
padding: 16.5px 0;
text-align: center;
border: 1px solid #333;
}
.sample_button:before {
content: '';
display: block;
width: 33px;
height: 29px;
position: absolute;
top: 50%;
left: 10%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/cart02.svg") center/100% auto no-repeat;
}
.sample_button span {
color: #333;
font-size: 2rem;
line-height: 27px;
padding-left: 9%;
}

.favorite_button {
width: 180px;
background: #fff;
position: relative;
padding: 6px 8px 6px 0;
text-align: right;
border: 1px solid #333;
}
.favorite_button:before {
content: '';
display: block;
width: 23px;
height: 23px;
position: absolute;
top: 50%;
left: 8px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/favorite01.svg") center/100% auto no-repeat;
}
.favorite_button span {
color: #333;
font-size: 1.6rem;
line-height: 26px;
letter-spacing: 0.05em;
padding-left: 9%;
}

.delete01 {
display: block;
text-align: center;
background: #ccc;
width: 40px;
}
.delete01 span {
font-size: 12px;
line-height: 30px;
}

.change {
width: 80px;
width: 78px; /*190121*/
border: 1px solid #EA5A74;
text-align: center;
}
.change span {
font-size: 1.6rem;
line-height: 40px;
color: #EA5A74;
}

.delete02 {
width: 80px;
text-align: center;
background: #707070;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
.delete02:hover {
opacity: .7;
}
.delete02 span {
font-size: 1.6rem;
line-height: 40px;
color: #fff;
}

.service01 {
display: block;
position: relative;
border: 1px solid #ccc;
width: 505px;
float: none;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
-webkit-align-items: center;
padding: 8px 10px;
box-sizing:border-box; /*190111*/
}
.service01:before {
content: '';
display: block;
width: 14px;
height: 25px;
position: absolute;
top: 50%;
right: 18px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow05.svg") center/100% auto no-repeat;
}
.service01 img {
width: 56px;
display: block;
}
.service01 .text {
margin-left: 10px;
margin-top: 0;
}
.service01 .text span {
display: block;
}
.service01 .text span:first-child {
color: #333;
font-size: 2.2rem;
line-height: 24px;
}
.service01 .text span:last-child {
font-size: 1.6rem;
color: #333333;
line-height: 24px;
}

.add_input_area {
width: 400px;
display: block;
border: 1px solid #EA5A74;
text-align: center;
padding: 7px 0;
position: relative;
}
.add_input_area:before {
content: '';
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
right: 12.5%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/icon05.svg") center/100% auto no-repeat;
}
.add_input_area span {
font-size: 1.6rem;
line-height: 24px;
color: #EA5A74;
}
.add_input_area.opened:before {
background: url("/excludes/ozio/common/img/ico/icon18.svg") center/100% auto no-repeat;
}
.btn2nd{
margin-top:20px;
}
.button11 {
display: block;
background: #C90027;
width: 400px;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .3s;
}
.button11:hover {
opacity: 0.7;
}
.button11:before {
content: '';
display: block;
width: 11px;
height: 19px;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow01.svg") center/100% auto no-repeat;
}
.button11 span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}

.button12 {
display: block;
background: #fff;
width: 260px;
text-align: center;
position: relative;
border: 1px solid #EA5A74;
}
.button12:before {
content: '';
display: block;
width: 10px;
height: 18px;
position: absolute;
top: 50%;
left: 6.1538%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("/excludes/ozio/common/img/ico/arrow02.svg") center/100% auto no-repeat;
}
.button12 span {
color: #EA5A74;
font-size: 1.6rem;
line-height: 50px;
}
.button13 {
  display: block;
  background: #fff;
  width: 260px;
  text-align: center;
  position: relative;
  border: 1px solid #EA5A74;
}
.button13:before {
  content: '';
  display: block;
  width: 10px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 6.1538%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/excludes/ozio/common/img/ico/arrow02.svg") center/100% auto no-repeat;
}
.button13 span {
  color: #EA5A74;
  font-size: 1.6rem;
  line-height: 50px;
}

.alert_table > div {
margin: 20px 0;
}

.alert01 {
width: 287px;
position: relative;
height: auto;
text-align: center;
border: 1px solid #333;
padding: 12px 5px;
}
.alert01:before {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
right: 48px;
top: -20px;
background: #fff url("/excludes/ozio/common/img/ico/alert02.svg") center/100% auto no-repeat;
}
.alert01 span {
font-size: 1.6rem;
color: #333;
}

.alert02 {
width: 287px;
position: relative;
height: auto;
text-align: center;
border: 1px solid #333;
padding: 12px 5px;
}
.alert02:before {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 48px;
top: -20px;
background: #fff url("/excludes/ozio/common/img/ico/alert02.svg") center/100% auto no-repeat;
}
.alert02 span {
font-size: 1.6rem;
color: #333;
}

.alert03 {
width: 260px;
border: 1px solid #333;
padding: 15px 0;
}
.alert03 span {
font-size: 1.6rem;
font-weight: bold;
line-height: 24px;
color: #333;
position: relative;
width: 86%;
display: block;
margin: 0 auto;
padding-left: 20px;
}
.alert03 span:before {
content: '';
display: block;
width: 23px;
height: 23px;
position: absolute;
top: 2px;
left: -7px;
background: url("/excludes/ozio/common/img/ico/icon06.svg") center/100% auto no-repeat;
}

.accordion01 {
cursor: pointer;
width: 564px;
background: #EA5A74;
text-align: center;
padding: 20px 0;
position: relative;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.accordion01:before {
content: '';
display: block;
width: 20px;
height: 20px;
background: url("/excludes/ozio/common/img/ico/icon07.svg") center/100% auto no-repeat;
position: absolute;
right: 4%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.accordion01 span {
color: #fff;
font-size: 2rem;
letter-spacing: 0.2em;
}
.accordion01.opened {
background: rgba(234, 90, 116, 0.5);
}
.accordion01.opened:before {
background: url("/excludes/ozio/common/img/ico/icon08.svg") center/100% auto no-repeat;
}

.accordion01_content {
display: none;
}

/*250909 accordion open*/
.information_area .accordion01_content{
display:block;
}

.popup {
width: 800px;
right: 0;
margin: auto;
}
.popup_static {
width: 480px;
}
.popup_inner {
width: 100%;
}
.popup_close {
text-align: right;
}
.popup_close a {
font-size: 16px;
padding: 14px 70px;
}
.popup_close.bottom a {
display: block;
width: auto;
}
.popup_close.bottom_error a {
display: block;
width: auto;
}
.popup_contents {
background: #fff;
padding: 25px 40px;
font-size: 0;
width: auto;
}
.popup_left {
vertical-align: top;
display: inline-block;
width: 400px;
}
.popup_left .message {
margin-top: 40px;
font-size: 16px;
}
.popup_left > ul {
display: table;
width: 100%;
}
.popup_left > ul.num {
margin-top: 30px;
}
.popup_left > ul li {
display: table-cell;
padding: 0 10px;
}
.popup_left > ul li.message_head {
width: 100px;
background: #FCE4E3;
padding-top: 5px;
}
.popup_left > ul li.message_head span {
background: transparent;
}
.popup_left > ul li.message_body {
display: table-cell;
padding-left: 10px;
padding-bottom: 0;
font-size: 16px;
line-height: 35px;
}
.popup_left > ul li.message_body2 {
display: table-cell;
padding-left: 10px;
padding-top:10px;
padding-bottom: 7px;
font-size: 16px;
}
.popup_buttons {
margin-top: 75px;
padding: 0;
}
.popup_buttons a {
width: 100%;
}
.popup_buttons a span {
font-size: 18px;
}
.popup_buttons a.button04 {
margin-top: 25px;
}
.popup_left .popup_buttons .button04{	
margin-top:20px !important;	
}
.popup_right {
vertical-align: top;
display: inline-block;
width: 300px;
margin-left: 20px;
}
.popup_error {
width: 480px;
right: 0;
margin: auto;
}
.popup_error_close {
text-align: right;
}
.popup_error_close a {
font-size: 16px;
padding: 14px 70px;
}
.popup_error_close.bottom a {
display: block;
width: auto;
}
.popup_error_close.bottom_error{
display: block;
text-align:center;
}
.popup_error_close.bottom_error a {
font-size: 16px;
padding:14px 206px;
}	
.popup_left2 {
vertical-align: top;
display: inline-block;
width: 400px;
margin:0 auto;
}
.popup_left2 .message2 {
text-align:center;
margin-top: 40px;
font-size: 16px;
}
.recommend {
margin-top: 0;
padding: 0;
}
.recommend_title {
margin-top: 0;
}
.recommend .slider {
margin-top: 15px;
background: #F6F6F6;
padding: 5px 30px;
}
.recommend .slider ul {
font-size: 0;
}
.recommend .slider ul li {
padding: 0;
display: inline-block;
width: 110px;
margin-top: 15px;
}
.recommend .slider ul li:nth-child(odd) {
margin-right: 10px;
}
.recommend .slider ul li:nth-child(even) {
margin-left: 10px;
}
.recommend .slider ul li a {
display: block;
}
.recommend .slider ul li a figure img {
width: 100px;
height: auto;
}
.recommend .slider ul li a figure figcaption .itemname {
font-size: 12px;
}
.recommend .slider ul li a figure figcaption .price {
margin-top: 0px;
font-size: 16px;
}
.recommend .slider ul li a figure figcaption .price small {
font-size: 12px;
}

.review_star .review_star_right {
float: right;
}
}
/* pc end */

/*# sourceMappingURL=style.css.map */




/*26年商品詳細ページ改修*/
.review_star .review_star_left .on span:nth-child(2) {
color: #ea5a74;
}
.review_star .review_star_left .on span:last-child {
color: #333;
}
.review_star .review_star_right {
display:none;
}