@charset "euc-jp"; /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
button,
select {
    text-transform: none;
}
img,
legend {
    border: 0;
}
body,
p {
    margin: 0;
}
h3,
h4 {
    margin: 20px 0 0.5rem;
}
#fade,
#loader {
    position: fixed;
    z-index: 9998;
}
.outer,
img {
    max-width: 100%;
}
html {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
.u-cf:after,
.u-cf:before {
    display: table;
    content: "";
}
a {
    background-color: transparent;
    text-decoration: none;
    color: #2b98f2;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
optgroup,
strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 15px;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -.25em;
}
sup {
    top: -.5em;
}
img {
    height: auto;
        width: 100%;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre,
textarea {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace,monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
h2,
h3 {
    font-weight: 400;
}
button {
    overflow: visible;
}
.drawer,
.outer {
    overflow-x: hidden;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto;
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.linklist__item a,
.toolbar__item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend,
td,
th {
    padding: 0;
}
.footer_info > h2,
.footer_sns > h2 {
    text-align: center;
    border-bottom: solid 1px #e0e0e0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    background-color: #fff;
    color: #212121;
    font-size: 100%;
    /*!font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;*/
    font-family: "Times New Roman","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
}
a:active {
    background: rgba(0,0,0,.1);
}
p {
    line-height: 1.5rem;
}
h2 {
    margin: 0 0 12px;
    font-size: 128.57143%;
    line-height: 1.2;
}
h3 {
    font-size: 114.28571%;
}
h4 {
    font-size: 100%;
    font-weight: 700;
}
.u-wrap {
    text-align: center;
    vertical-align: bottom;
    zoom: 1;
}
.u-wrap img {
    vertical-align: bottom;
}
.u-cf:after {
    clear: both;
}
#loader {
    width: 100%;
    display: none;
    top: 50%;
    text-align: center;
    height: 20px;
    margin-left: 14%;
}
div#loader img {
    width: 30%;
    top: 37%;
    right: 40%;
    position: fixed;
}
#fade {
    height: 100vh!important;
    width: 100vw!important;
    display: block;
    background-color: #FFF;
}
.outer {
    height: auto;

}
.wrapper {
    position: relative;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.section {
    /*! border-bottom: solid 1px #e0e0e0; */
}
.section--push {
  padding-top: 10px;
  text-align: center;
  color: #fff;
  /*
    position: absolute;
    z-index: 9999;
    top: 30px;
    color: #fff;
    width: 85%;
    margin-left: 15%;
    */
}
.section__inner {
  /*
    margin-top: 20px;
    padding-bottom: 20px;
    */
}
.have_point {
    padding: 5px 0;
    position: relative;
}
.favorite {
    position: absolute;
    top: 0;
    right:20px;
}
.favorite img {
    width: 35px;
}
#Checked-box > .slick-slider {
    background-color: #fff;
}
p.box-price {
    color: #000000a8;
    font-size: 14.5px;
    text-align: center;
    font-weight: bold;
    margin-top: 2px;
}
.toolbar {
    /*! border-bottom: solid 1px #e0e0e0; */
    position: fixed;
    width: 100%;
    z-index: 1000;
    background-color: rgba(60,60,62,.5);
    height: 50px;
}
.toolbar__inner {
    margin: 0;
    padding: 0;
}
.toolbar__item {
    list-style: none;
    text-align: center;
    box-sizing: border-box;
}
.toolbar__item a {
    color: #fff;
    padding: 0 20px;
    height: 40px;
    display: table;
}
.toolbar__item a .u-wrap {
    display: table-cell;
}
.toolbar__item a i {
    vertical-align: middle;
}
.toolbar__item--menu {
    float: left;
}
.toolbar__item--menu span {
    margin: 0 0 0 8px;
    vertical-align: middle;
    font-size: 85.71429%;
    font-weight: 700;
}
.toolbar__item--cart {
    float: right;
}
.box,
.pager__prev,
.share {
    float: left;
}
.toolbar__item--cart .toolbar__item__count {
    font-weight: 700;
    margin: 0 0 0 4px;
    vertical-align: middle;
}
.toolbar__item--cart .toolbar__item__count--in {
    color: #ff5722;
}
.section--shopname {
    padding-top: 65px;
}
.shopname {
    text-align: center;
    margin: 0;
    font-size: 114.28571%;
}
.shopname a {
    font-weight: 700;
    color: #212121;
    display: block;
}
.footer {
    margin: 1px 0 0;
    border-top: 1px solid #e0e0e0;
    background-color: #fff;
}
.footer_info {
    /*background-color: rgba(0,0,0,0.5);*/
}
.footer_info > h2 {
    color: #212121;
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 40px;
}
.copyright,
.powered {
    font-size: 85.71429%;
}
.footer_end a,
.footer_end li a {
    color: #212121;
}
.footer_end {
    /*background-image: url("//schrein.net/store/mobile-img/footer-img.jpg");
    background-size: cover;*/
}
.footer-box {
    width: 100%;
    height: 20px;
    background-color: #212121;
}
.footer-boxmini {
    background-color: rgba(60,60,62,.2);
    width: 100%;
    height: 100%;
}
.drawer__item--accordion ul li {
    padding-bottom: 15px!important;
}
.linklist {
    padding: 0;
    margin: 0;
}
.linklist__item {
    border-bottom: solid 1px #e0e0e0;
    list-style: none;
}
.linklist__item a {
    display: table;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 20px;
    color: #000;
}
.box,
.drawer__item__name {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.copyright,
.linklist__item--point a {
    color: #212121;
}
.linklist__item a span {
    display: table-cell;
    vertical-align: middle;
}
.linklist__item--point {
    /*! background: #212121; */
}
.linklist__item__text {
    width: 80%;
    height: auto;
}
.linklist__item__icon {
    width: 10%;
    height: auto;
    text-align: right;
}
.section--address {
    text-align: center;
}
.copyright {
    /*! margin: 0 0 20px; */
}
.powered {
    color: #212121;
}
.powered img {
    width: 190px;
    margin: 0 0 -3px 3px;
}
.drawer.open {
    left: 0;
    background: rgba(136,136,136,.58);
}
.drawer {
    position: fixed;
    top: 0;
    left: -80%;
    z-index: 9999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 80%;
    height: 100%;
    background: #fff;
    color: #212121;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.drawer__item--close {
    padding: 20px;
    text-align: right;
    height: 40px;
}
.drawer__item--close a {
    color: #fff;
    top: 10px;
    position: relative;
}
.drawer__item {
    border-bottom: 1px solid #e0e0e0;
}
.drawer__item__name {
    font-size: 100%;
    font-weight: 400;
    display: table;
    line-height: 1;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px;
    color: #212121;
    box-sizing: border-box;
}
.drawer__item-white {
    color: #fff!important;
    height: 100%;
    width: 100%;
    font-size: 120%;
}
.drawer__item__name__text {
    width: 70%;
    vertical-align: middle;
}
.drawer__item__name__icon--left {
    width: 15%;
    display: table-cell;
    vertical-align: middle;
}
.drawer__item__name__icon--right {
    width: 10%;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.drawer__item--accordion ul {
    margin: 0;
    padding: 15px 15px 0;
    list-style: none;
}
.drawer__item--accordion .linklist__item {
    border: none;
}
.drawer__item--accordion .linklist__item a {
    padding: 10px 20px;
}
.u-ac--active {
    border-bottom: 1px solid #e0e0e0;
}
.cart_inner table td,
.cart_inner table th {
    border-collapse: collapse;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: rgba(65,69,72,.96);
    text-align: center;
}
.cart_inner {
    bottom: 0;
    width: 100%;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
  margin-top: 30px;
}
.cart_inner a,
.incart_price,
.incart_total,
.incart_unit {
    color: #fff;
}
.cart_inner a:hover {
    /*! color:black; */
    opacity: 0.5;
}
.cart_inner table th {
    color: #fff;
    text-shadow: none;
}
.cart_inner table td {
    vertical-align: middle;
}
.cart_inner table td.incart_name {
    padding: 5px;
    text-align: center;
    background-color: rgba(65,69,72,.96);
}
.cart_inner table td.incart_total {
    padding: 5px;
    background-color: rgba(65,69,72,.96);
    text-align: center;
}
.boxlist,
.pager,
.subs_title {
    background-color: #fff;
}
section.section.section--search {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}
.u-hidden {
    display: none!important;
}
.moreinfo {
    overflow: hidden;
    max-height: 70px;
}
.u-moreinfo--active {
    max-height: none;
}
.section--info .button--more {
    margin: 20px auto 0;
}
.section--info .button--more span {
    margin: 0 5px 0 0;
}
.prices,
.taglist {
    margin: 0 0 20px;
}
.linklist--breadcrumb .linklist__item__icon {
    width: 6%;
    text-align: left;
}
.price {
    font-size: 128.57143%;
    font-weight: 700;
}
.price--regular {
    text-decoration: line-through;
    color: #aaa;
}
.price--rate,
.stock_error {
    color: #f44336;
}
.taglist p {
    margin: 0 0 10px;
}
.taglist .button--tag {
    margin: 0 6px 10px 0;
}
.description {
    margin: 10px 0 20px;
}
.buy__inner {
    margin: 0 0 20px;
    text-align: center;
}
.buy__inner.disable_cartin {
    margin-bottom: 50px;
}
.stock_error {
    font-weight: 700;
    text-align: center;
}
.table {
    width: 100%;
    height: auto;
}
.table--bordered td,
.table--bordered th {
    width: 50%;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.table--bordered {
    font-size: 85.71429%;
    border-top: 1px solid #ddd;
}
.table--bordered th {
    font-weight: 400;
}
.otherlist {
    padding: 0;
    list-style: none;
}
.share {
    width: 88px;
    text-align: center;
    margin: 10px 0 0;
}
.imagelist.slick-slider {
    margin: 0 0 50px;
}
.imagelist.slick-slider .slick-slide {
    padding: 0 40px;
    text-align: center;
}
.u-oneimage {
    padding: 0!important !important;
}
.boxlist {
    list-style: none; /*!  */
 /*   margin-right: 5%; */
/*    margin-left: 5%;  */
    padding: 0;
    margin-bottom: 0;
  text-align: center;
}
.box {
    display: inline-block;
    box-sizing: border-box;
    width: 49%;
  float: none;
    vertical-align: top;
}
.box .box__inner {
    display: block;
    /* padding: 10px 10px 6px; */
    word-wrap: break-word;
}
.box .box__image {
    display: block;
    margin: 0 0 5px;
    text-align: center;
    position: relative;
}
.box .box__image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}
.box .box__image--rank-1:before {
    border: 10px solid transparent;
    border-top: 10px solid #ffeb3b;
    border-left: 10px solid #ffeb3b;
}
.box .box__image--rank-2:before {
    border: 10px solid transparent;
    border-top: 10px solid #e0e0e0;
    border-left: 10px solid #e0e0e0;
}
.box .box__image--rank-3:before {
    border: 10px solid transparent;
    border-top: 10px solid #8d6e63;
    border-left: 10px solid #8d6e63;
}
.box .box__image--rank-none:before {
    border: none;
}
.box .box__name {
    margin: 0 5% 0 5%;
    color: #212121;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}
.box .box__price {
    color: #999;
    text-align: center;
}
.box .box-price__soldout {
    margin: 0 0 5px;
    color: #f44336;
}
.box .box__caption {
    font-size: 85.71429%;
    color: #999;
    line-height: 1rem;
}
.u-tile:nth-child(odd) {
    clear: left;
}
.section--main h2,
.section--slide h2 {
    padding: 20px 0 0;
}
.section--together .box {
    width: 33.33%;
}
.slidelist {
    margin: -10px 0 10px!important !important;
}
.slidelist .slick {
    padding: 0;
}
.slidelist .slick-list {
    padding: 0 10px;
}
.slidelist .slick-slide {
    padding: 0;
}
.slidelist .slide__inner {
    display: block;
    padding: 10px 10px 5px;
    word-wrap: break-word;
}
.slidelist .slide__image {
    display: block;
    margin: 0 0 5px;
    text-align: center;
    position: relative;
}
.slidelist .slide__image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}
.slidelist .slide__image--rank-1:before {
    border: 8px solid transparent;
    border-top: 8px solid #ffeb3b;
    border-left: 8px solid #ffeb3b;
}
.slidelist .slide__image--rank-2:before {
    border: 8px solid transparent;
    border-top: 8px solid #e0e0e0;
    border-left: 8px solid #e0e0e0;
}
.slidelist .slide__image--rank-3:before {
    border: 8px solid transparent;
    border-top: 8px solid #8d6e63;
    border-left: 8px solid #8d6e63;
}
.slidelist .slide__image--rank-none:before {
    border: none;
}
.slidelist .slide__name {
    font-size: 85.71429%;
    line-height: 1.2rem;
    margin: 0 0 5px;
    color: #212121;
    text-align: center;
}
.slidelist .slide__price {
    color: #000;
    font-size: 12.5px;
    text-align: center;
}
.rest span,
.result span {
    font-size: 114.28571%;
    font-weight: 700;
}
.slidelist .slide__price--soldout {
    color: #f44336;
}
.slick-list {
    padding: 0 10px;
}
.result {
    margin: 10px 0 20px;
}
.sort {
    text-align: center;
}
.pager {
    margin: 0 5%;
    padding-top: 1px;
}
.rest {
    text-align: center;
    margin-bottom: 30px;
}
.pager__next,
.pager__prev {
    margin: 0;
    line-height: 1;
}
.deflist__body,
.freespace01,
.freespace02,
.section--privacy p,
.section--push ul {
    font-size: 85.71429%;
}
.pager__next {
    float: right;
}
.subs_title {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 1px;
    height: 50px;
    text-align: center;
    padding-top: 10px;
}
.section--list .boxlist {
    padding: 10px 10px 0;
    margin: 0;
}
.freespace01 {
    padding: 0 0 20px;
    background-color: rgba(255, 255, 255, 0);
}
.deflist {
    margin: 0;
}
.deflist__title h3 {
    margin: 10px 0 2px;
}
.deflist__body {
    margin: 0 0 15px;
}
.section--search .button {
    float: right;
}
.section--push ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.slick-slide img {
    margin: 0 auto;
}
.button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: none;
    display: inline-block;
}
.button--blue {
    color: #000;
}
.button--orange {
  background: linear-gradient(#05FBFF, #1E00FF);
    /*background: rgba(60,60,62,.4);*/
    color: #fff;
}
.button--line {
    color: #000;
}
.button--more {
    width: 50%;
    display: block;
    margin: 0 auto 20px;
    padding: 5px;
}
.button--sort,
.button--tag {
    font-size: 71.42857%;
    padding: 5px 8px;
}
.button--sort {
    width: 28%;
}
.button--tag {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.button--small {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 100%;
    padding: 14px 0;
    width: 25%;
    line-height: 1;
}
.button--medium {
    font-size: 100%;
    padding: 13px 0;
    margin: 10px 0;
    width: 100%;
    line-height: 1;
}
.button--large {
    font-size: 114.28571%;
    font-weight: 700;
    padding: 20px 0;
    width: 100%;
}
.button--disabled {
    background: #e6e6e6;
    color: #bbb;
}
input[type=text].keyword {
    font-size: 85.71429%;
    background: #fff;
    color: #212121;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}
input[type=text].keyword--small {
    width: 68%;
    height: 44px;
}
input[type=number].buy__num,
input[type=text].buy__num {
    padding: 8px 10px;
    width: 15%;
}
input[type=text].buy__name-title {
    padding: 8px 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pulldown {
    width: 100%;
    height: 44px;
    background: #fff;
    margin: 0 0 15px;
    border: 1px solid #bdbdbd;
}
.overlay {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,.75);
}
.clearText {
    display: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
nav.historybar {
    position: fixed;
    width: 100%;
    z-index: 9999;
    background-color: rgba(60,60,62,.4);
    height: 50px;
    bottom: 0;
}
ul.historybar_inner li {
    list-style: none;
    display: inline-block;
}
ul.historybar_inner {
    margin: 0;
    padding: 0;
}
li.historybar_item a {
    color: white;
font-size: 25px;
}
li.historybar_go {
    position: absolute;
    right: 0;
top: 10px;
margin-right: 10px;
}
li.historybar_back {
    position: absolute;
    left: 0;
top: 10px;
    margin-left: 10px;
}
li.historybar_reload {
top: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}
.ios_cell,
.ios_cell a,
.ios_cell img,
.Android_cell,
.Android_cell a,
.Android_cell img {
    cursor: pointer;
}
.appstore_logo img ,
.GooglePlay_logo img{
    width: 50%;
}
.ios_cell img:hover {
    opacity: 0.5;
}
.ios_cell a:hover {
    opacity: 0.5;
}
.Android_cell img:hover {
    opacity: 0.5;
}
.Android_cell a:hover {
    opacity: 0.5;
}
.TBM_hide,
.TBM_hide-2090663{
  display:none;
}
.TBM_show-2090663{
  display:block !important;
  font-weight: bold;
}
p.reading_error {
    font-size: 20px;
    color: red;
    text-align: center;

    top: 100px;
    width: 100%;
  cursor: pointer;
}
p.reading_error:hover {
opacity:0.5;
}
.space{
  background-color: rgba(255,255,255,0);
      width: 100%;
    height: 35px;
}
#ajax_loading {
    width: 50%;
    margin: 0 25% 0 25%;
    position: fixed;
    top: 20%;
    z-index: 9999;
}
#ajax_loading .loadingMsg {
    text-align: center;
    padding: 120px 0 60px;
    width: 100%;
    background-image: url(//schrein.net/store/img/online-loading-rose.gif);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 60%;
}
img.lazy,
.slick-slide img {
    width: auto;
}




.homepage-box {
    position: relative;
    width: 100%;
  margin-top: 35px;
}
.homepage-minibox {
    width: 90%;
}
.homepage-box-blog {
    top: 15px;
    margin-left: 15%;
    margin-right: 15%;
    width: 70%;
  position: absolute;
    text-align: center;
    z-index: 1000;
}
.pick-up-items {
    color: white;
    font-size: 30px;
}
.pick-up-items-caption {
    color: white;
    margin-top: 30px;
}

.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1) + label {
    cursor: pointer;
}

.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
  display: block;
    z-index: 9998;
    position: fixed;
    width: 90%;
    height: 95%;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    /* margin-top: 30px; */
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    /* padding: 10px 15px; */
    overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
         width: 600px;
         height: 600px;
         padding: 30px;

    }

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 270px !important;
     margin-top: -310px !important;
}
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}

.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
  background: rgba(255, 255, 255, 0.5);
  display: inline-block;
  position: fixed;
  left: 10px;
  bottom: 20px;
  z-index: 9999;
  width: 44pt;
  height: 44pt;
  font-size: 40px;
  border-radius: 50%;
  line-height: 44pt;
  text-align: center;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}
.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}
.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.popupModal1_minca .modalTitle,
.popupModal1 .modalTitle {
    color: white;
    position: relative;
    top: 15%;
    font-size: 25px;
}
.popupModal1_minca .modalMain,
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}
ul.blog_product li {
    padding: 0 5px;
    margin-bottom: 15px;
}
.pick-up-items {
    color: white;
    font-size: 30px;
}
.pick-up-items-caption {
    color: white;
    margin-top: 30px;
}
.pick-up-items-readmore{
  display: inline-block;
      padding: 15px 15px;
      border: solid 2px #fff;
      border-radius: 3px;
      background: rgba(0,0,0,0.2);
      color: #fff;
      text-decoration: none;
      font-weight: bold;
      position: relative;
      top: 60px;
      width: 130px;
      font-size: 20px;
}
.pick-up-items-readmore:hover{
  color: #333;
  background: #fff;
}
.overflow-hidden{
  overflow: hidden;
}
ul.blog_product {
    margin: 0;
}
.pick-up-background {
    background-image: url(//schrein.net/store/img/flower_mobile.jpg);
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.pick-up-pankuzu {
    margin: 30px;
    font-weight: bold;
}
btn.blog-btn a,
.pick-up-pankuzu a {
    color: black;
}
btn.blog-btn {
    letter-spacing: 1px;
    text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased!important;
    font-size: 20px;
    line-height: 20px;
    margin: 15px 0 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    background: #fff;
    border: 2px solid transparent;
    clear: both!important;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.15);
    transition-duration: 0.3s;
    opacity: .7;
  font-weight: bold;
}
btn.blog-btn:hover {
    -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.09);
    -moz-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.09);
    box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.09);
    opacity: 1;
}
.blog-btn-block {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 20px;
}
.pick-up-items-caption-bk {
    color: white;
    position: relative;
    top: 35%;
}
.pick-up-items-flower{
  background: url(https://schrein.net/store/img/Top-page-img/flower_mobile.jpg);
    width: 90%;
    height: 35vh;
    margin: 0 5%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


.minca_top {
    width: 100%;
    height: 85vh;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
  z-index: 1;
}
.minca_logo img {
    width: 25%;
}
.scroll_button {
    padding-top: 70px;
}
.scroll_button span {
    position: absolute;
    bottom: 20vh;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 1.5s infinite;
    animation: sdb 1.5s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
.popupModal1_minca > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1_minca > input:nth-child(1) + label {
    cursor: pointer;
}
.modalPopup2_minca { /* 初期設定 ポップアップ非表示 */
    display: none;
}
.popupModal1_minca > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2_minca {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 9998;
    position: fixed;
    width: 90%;
    height: 85%;
    border-radius: 20px;
    left: 50%;
    top: 50%;
  /*  margin-top: 30px;*/
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
 /*   padding: 10px 20px;*/
    overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1_minca > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2_minca{
         width: 600px;
         height: 600px;
         padding: 30px;

    }
.popupModal1_minca > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 270px !important;
     margin-top: -310px !important;
}
}
.popupModal1_minca > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2_minca > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
  position: relative;
}
.popupModal1_minca > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2_minca > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}
.popupModal1_minca > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2_minca > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1_minca > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1_minca > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1_minca > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 9999;
    width: 44pt;
    height: 44pt;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}
.popupModal1_minca > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2_minca,
.popupModal1_minca > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2_minca { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}
.modalPopup2_minca {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.popupModal1_minca .modalTitle_minca {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:
     1px solid #ccc;
     font-weight: bold;
}
.popupModal1_minca .modalMain_minca {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}
		.popupModal1_minca {
    margin: 10px 0 10px;
}
	.modalPopup2_minca {
    overflow-x: hidden;
}
	.modalPopup3_minca {
    overflow-x: hidden;
		padding-bottom: 50px;
}

.minca_product {
    text-align: center;
  position: relative;
}
.minca_product_box {
    position: relative;
    width: 75%;
    display: inline-block;
    margin-bottom: 20%;
}
p.minca_product_img img {
    margin-top: 10px;
    border-top: solid 20px #0000001a;
    border-right: solid 20px #0000001a;
    border-left: solid 20px #0000001a;
    border-bottom: solid 100px #0000001a;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.18), 0 1px 0 rgba(0, 0, 0, 0.15);
    width: 90%;
}
p.minca_title {
    position: absolute;
    top: 71%;
    font-size: 15px;
    color: black;
    width: 105%;
    font-family: HuiFont109;
    line-height: 20px;
    height: 100px;
}
p.minca_price{
    position: absolute;
    top: 70%;
    width: 105%;
    text-align: right;
    color: black;
    height: 100px;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
  font-family: Rock Salt;
  font-size: 11px;
}
p.minca_soldout {
    position: absolute;
    top: 70%;
    width: 100%;
    text-align: right;
    color: red;
    height: 100px;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    font-family: Rock Salt;
    font-size: 12px;
}

@media screen and (min-width:400px) {
  p.minca_title {top: 73%;}
  p.minca_price,p.minca_soldout{top: 72%;}
}
.minca_price_dis_0,
.minca_soldout_dis_1 {
    display: none !important;
}
.squareBox_minca {
    position: relative;
    display: block;
    content: '';
    padding-top: 100%;
}
.content_minca {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.centerTable_minca {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 90%;
    height: 100%;
    margin: 0 5%;
    background-color: white;
}
.tableCell_minca {
    display: table-cell;
    vertical-align: middle;
}
img.thumb_minca {
    width: 35%;
    height: auto;
}
label.minca_product_readmore img {
    width: 35%;
}
.minca_box {
    position: relative;
    margin: 70px 5%;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: white;
    overflow: hidden;
    width: 90%;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.18), 0 1px 0 rgba(0, 0, 0, 0.15);
}
.z-index{
  z-index: 1;
}
label.minca_product_readmore {
    position: absolute;
    bottom: 11%;
    text-align: center;
    width: 90%;
    margin: 0 5%;
}
@font-face {
	font-family: "HuiFont109";
	src: url("//schrein.net/store/minca_online/HuiFont109.woff");
}
.minca_logo {
    margin-bottom: 40%;
}



#midoriarea {
      position: absolute;
      top: 0;
      left: 0;
      width: 90%;
      height: 100%;
      overflow: hidden;
      margin: 0 5%;
}

.midori0 {
  position:absolute;height:0;width:0;
  z-index: 2;
  margin-top: -16px;
  border: 5px solid #059405db;
  border-radius: 60% 0 100% 0 / 100% 0 100% 0;
  -webkit-animation: ease-in-out infinite, linear;
          animation: ease-in-out infinite, linear;
}

.midori1 {
  position:absolute;height:0;width:0;
  z-index: 2;
  margin-top: -16px;
  border: 5px solid #059405db;
  border-radius: 60% 0 100% 0 / 100% 0 100% 0;
  -webkit-animation: ease-in-out infinite, linear;
          animation: ease-in-out infinite, linear;
}

.midori2 {
  position:absolute;height:0;width:0;
  z-index: 2;
  margin-top: -16px;
  border: 5px solid #059405db;
  border-radius: 60% 0 100% 0 / 100% 0 100% 0;
  -webkit-animation: ease-in-out infinite, linear;
          animation: ease-in-out infinite, linear;
}

.midori3 {
  position:absolute;height:0;width:0;
  z-index: 2;
  margin-top: -16px;
  margin-top: -16px;
  border: 5px solid #059405db;
  border-radius: 60% 0 100% 0 / 100% 0 100% 0;
  -webkit-animation: ease-in-out infinite, linear;
          animation: ease-in-out infinite, linear;
}

@-webkit-keyframes midoriX0 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX0 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX1 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX1 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX2 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX2 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX3 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX3 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX4 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(6px);
            transform: translateX(6px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX4 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(6px);
            transform: translateX(6px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX5 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(7px);
            transform: translateX(7px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX5 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(7px);
            transform: translateX(7px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX6 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX6 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX7 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(9px);
            transform: translateX(9px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX7 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(9px);
            transform: translateX(9px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX8 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX8 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX9 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(11px);
            transform: translateX(11px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX9 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(11px);
            transform: translateX(11px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX10 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(12px);
            transform: translateX(12px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX10 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(12px);
            transform: translateX(12px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX11 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(13px);
            transform: translateX(13px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX11 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(13px);
            transform: translateX(13px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX12 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(14px);
            transform: translateX(14px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX12 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(14px);
            transform: translateX(14px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX13 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX13 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX14 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(16px);
            transform: translateX(16px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX14 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(16px);
            transform: translateX(16px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriX15 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(17px);
            transform: translateX(17px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes midoriX15 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(17px);
            transform: translateX(17px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes midoriY {
  0% {
    top: 0%; }
  100% {
    top: 100%;
    margin-top: 0; } }

@keyframes midoriY {
  0% {
    top: 0%; }
  100% {
    top: 100%;
    margin-top: 0; } }


.minca_product_page {
    letter-spacing: 1px;
    text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased!important;
    font-size: 20px;
    line-height: 20px;
    margin: 15px 0 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px;
    cursor: pointer;
    display: inline-block;
    width: 62%;
    background: #fff;
    border: 2px solid transparent;
    clear: both!important;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.15);
    transition-duration: 0.3s;
    opacity: .7;
    font-weight: bold;
    margin: 50px 19% 50px;
    border-radius: 10px;
}
#sakuraarea {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      background-color: white;
      overflow: hidden;
      border-radius: 50%;
}
.display-1,.price-display-0 {
    display: none;
}
.display-0 {
   color: #ff0000;
text-align: center;
}
.styling_morelink{
    color: white;
    background: rgb(74,74,69);
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 18px;
    padding-right: 18px;
    border: 1px solid rgb(74, 74, 69);
    transition: all 0.3s ease;
    font-size: 13px;
}
.styling_morelink:hover{
  background: white;
    color: black;
}

.popupModal1_favorite > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1_favorite > input:nth-child(1) + label {
    cursor: pointer;
}
.modalPopup2_favorite { /* 初期設定 ポップアップ非表示 */
    display: none;
}
.popupModal1_favorite > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2_favorite {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 9998;
    position: fixed;
    width: 90%;
    height: 85%;
    border-radius: 20px;
    left: 50%;
    top: 50%;
  /*  margin-top: 30px;*/
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
 /*   padding: 10px 20px;*/
    overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1_favorite > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2_favorite{
         width: 600px;
         height: 600px;
         padding: 30px;

    }
.popupModal1_favorite > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 270px !important;
     margin-top: -310px !important;
}
}
.popupModal1_favorite > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2_favorite > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
  position: relative;
}
.popupModal1_favorite > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2_favorite > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}
.popupModal1_favorite > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2_favorite > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1_favorite > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1_favorite > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1_favorite > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 9999;
    width: 44pt;
    height: 44pt;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
    color:black;
}
.popupModal1_favorite > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2_favorite,
.popupModal1_favorite > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2_favorite { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}
.modalPopup2_favorite {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.popupModal1_favorite .modalTitle_favorite {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:
     1px solid #ccc;
     font-weight: bold;
}
.popupModal1_favorite .modalMain_favorite {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}
		.popupModal1_favorite {
    margin: 10px 0 10px;
}
	.modalPopup2_favorite {
    overflow-x: hidden;
}
	.modalPopup3_favorite {
    overflow-x: hidden;
		padding-bottom: 50px;
}
.favorite-box {
    position: relative;
    width: 100%;
    margin-top: 35px;
}
.favorite-box-blog {
    position: absolute;
    text-align: center;
    z-index: 1000;
    top: 25%;
    margin-left: 15%;
    margin-right: 15%;
    width: 70%;
}
.favorite-items {
    color: white;
    font-size: 30px;
}
.favorite-items-caption {
    color: white;
    margin-top: 30px;
}
label.favorite-items-readmore {
    display: inline-block;
    padding: 15px 15px;
    border: solid 2px #fff;
    border-radius: 3px;
    background: rgba(0,0,0,0.2);
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    top: 20px;
    width: 130px;
    font-size: 20px;
}
li.favorite_hide {
    display: none;
}
.favorite_caption{
  font-size: 10px !important;
  margin-top: 5px !important;
}
.favorite-background {
    background-image: url(https://schrein.net/store/favorite/img/1.jpg);
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.popupModal1_favorite .modalTitle {
  color: white;
  position: relative;
  top: 50%;
  font-size: 20px;
  margin: 0 5% 0;
}
.favorite-items-caption-bk {
    color: white;
    position: relative;
    top: 35%;
}
.popupModal1_favorite > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2_favorite {
    display: block;
    z-index: 9998;
    position: fixed;
    width: 90%;
    height: 95%;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    /* margin-top: 30px; */
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    /* padding: 10px 15px; */
    overflow: hidden;
}
li.favorite_list {
    padding: 0 5px 15px;
}
.favorite_product {
    padding-bottom: 100px;
}
.favorite-button {
    color: #999;
  width: 10%;
    text-align: center;
}
.favorite-button.fav-items {
    color: red;
}
.fa-star {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
  font-size: 25px;
}
.fa-star:before {
    content: "\f005";
}
.favorite-button_red_show,
.fav_remove_show,
.fav_remove.fav_removed {
    display: inline-block !important;
}
.product-point_favorite div {
    display: inline-block;
}
.fav_add,
.fav_remove{
    width: 30%;
    font-size: 20px;
    color: #999;
}
.favorite-button_bk_hide,
.fav_add_hide{
  display: none !important;
}
.fav_add.fav-added{
  display:none;
}
ul.favorite_list.u-cf {
    padding: 0;
  text-align: center;
}
ul.favorite_list.u-cf li{
    margin-bottom: 5px;
}
.list_show{
  display: inline-block !important;
}
.favorite_z-index{
  z-index: 1 !important;
}
.favorite_display-0{
  display: block !important;
}
#map{
position: relative;
}
.rumholeberuf-address, .berufharajuku-address,.beruftomigaya-address {
font-size: .9em;
position: absolute;
bottom: 0;
left: 0;
width: 200px;
height: 200px;
padding: 40px 30px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
text-align: center;
background-color: rgba(255,255,255,.7);
}
.rumholeberuf-maplogo {
width: 280px;
}
.rumholeberuf-address a,.berufharajuku-address a,.beruftomigaya-address a {
position: relative;
display: inline-block;
transition: .3s;
padding: 10px;
}
.rumholeberuf-address p, .berufharajuku-address p, .beruftomigaya-address p {
margin-bottom: 10px;
}
.map-addressicon, .map-snsicon {
position: relative;
width: 100%;
text-align: center;
margin-top: 15%;
}
img.berufharajukulogo-footer {
width: 150px;
position: relative;
top: -15px;
}
img.beruftomigaya-footer {
width: 130px;
}
h2:before,h3:before {
    margin-right: 1rem;
}
h2:after,h3:after {
    margin-left: 1rem;
}
h2:before, h2:after,
h3:before, h3:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #e0e0e0;
}
h2,h3 {
    display: flex;
    align-items: center;
    margin-left: 2% !important;
    margin-right: 2% !important;
}