@charset "utf-8";
@charset "utf-8";

 .material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
text-transform: none; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
}
.alignC {
text-align: center;
}
.alignL {
text-align: left;
}
.alignR {
text-align: right;
}
.f_left {
float: left;
}
.f_right {
float: right;
}
.bottom10 {
margin-bottom: 10px;
}
.bottom15 {
margin-bottom: 15px;
}
.bottom20 {
margin-bottom: 20px;
}
.bottom25 {
margin-bottom: 25px;
}
.bottom30 {
margin-bottom: 30px;
}
.bottom40 {
margin-bottom: 40px;
}
.bottom50 {
margin-bottom: 50px;
}
.bottom60 {
margin-bottom: 60px;
}
.left10 {
margin-left: 10px;
}
.right10 {
margin-right: 10px;
}
.right15 {
margin-right: 15px;
}
.color {
color: #C00;
}
.top10 {
padding-top: 10px;
}
.small {
font-size: 11px;
}
.bold {
font-weight: bold;
}
.ph100 img {
width: 100%;
height: auto;
} .clearfix:after {
display: block;
clear: both;
height: 0px;
line-height: 0px;
visibility: hidden;
content: ".";
} .bxslider>li:nth-child(2),
.bxslider li:nth-child(3) {
display: none;
}
.bx-viewport .bxslider li {
display: block !important;
}
.red_ribbon {
width: 100%;
box-sizing: border-box;
text-align: center;
background: #de1122;
color: #fff;
line-height: 100%;
padding: 7px 0 5px;
font-weight: bold;
font-size: 12px;
display: inline-block;
}
.red_ribbon span {
font-size: 15px;
vertical-align: -1px;
}
.satei_box {
background: #de1122;
border-radius: 5px;
padding: 10px 10px 5px;
margin: 0 10px;
box-sizing: border-box;
}
.satei_box .chara {
display: block;
float: left;
padding-left: 5px;
padding-right: 5px;
width: 20%;
}
.satei_box span {
font-size: 19px;
font-weight: bold;
color: #fff;
display: block;
padding: 4px 0 6px;
}
.satei_box p {
color: #fff;
font-size: 9px;
line-height: 12px;
}
.satei_box p.txt {
color: #fff;
width: 70%;
font-size: 10px;
float: left;
line-height: 12px;
}
.satei_box ul {
clear: both;
padding-top: 10px;
}
.satei_box li {
margin-bottom: 5px;
}
.satei_box li img {
width: 100%;
}
.satei_btm {
border-radius: 5px;
padding-top: 10px;
padding-right: 5px;
padding-left: 5px;
position: relative;
clear: both;
}
.satei_btm .chara {
display: block;
width: 30% !important;
float: left;
padding-left: 0px;
padding-right: 10px;
}
.satei_btm .chara_men {
display: block;
width: 30% !important;
float: left;
padding-left: 0px;
padding-right: 10px;
}
.satei_btm span {
width: 70%;
max-width: 260px;
display: block;
position: absolute;
height: 20px;
left: 33%;
font-size: 14px;
top: 10px;
color: #de1122;
font-weight: bold;
padding: 5px 0 6px 0px;
line-height: 16px;
}
.satei_btm h2 {
width: auto;
max-width: 260px;
display: block;
position: absolute;
height: 20px;
left: 31%;
font-size: 13px;
top: 6px;
color: #de1122 !important;
font-weight: bold;
padding: 5px 0px 6px 8px;
background: none !important;
margin: 0 !important;
line-height: 1.3;
}
.kaitori.under .satei_btm span {
width: 69%;
max-width: 260px;
display: block;
position: absolute;
height: 20px;
left: 33%;
font-size: 14px;
top: 10px;
color: #de1122;
font-weight: bold;
padding: 3px 0 6px 0px;
}
.satei_btm p {
color: #000;
font-size: 13px;
padding-top: 70px;
width: 100%;
line-height: 125%;
float: none !important;
padding-left: 0;
text-align: left;
}
.satei_btm em {
color: #de1122;
text-decoration: underline;
}
.kaitori.under .satei_btm p {
color: #000;
font-size: 13px;
padding-top: 70px;
width: 65%;
line-height: 140%;
float: left;
padding-left: 0;
}
.satei_btm p a {
color: #de1122;
}
.category_box {
margin: 10px 10px 0;
}
.under .category_box ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.category_box ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.category_box ul li {
width: 100%;
border-radius: 5px;
margin-bottom: 10px;
}
.category_box ul li .imgbox {
border-radius: 5px 0 0 5px;
width: 40%;
overflow: hidden;
position: relative;
box-sizing: border-box;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category_box ul li .imgbox img {
margin-top: 0px;
width: 100%;
}
.category_box ul li div {
border-radius: 0 5px 5px 0;
width: 60%;
box-sizing: border-box;
background: #de1122;
padding: 5px;
box-sizing: border-box;
}
.category_box ul a {
text-decoration: none;
}
.category_box ul .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
background: none;
padding: 0;
}
div.top .category_box ul li .imgbox img,
div.tenpo .category_box ul li .imgbox img {
margin-left: 0 !important;
}
.category_box ul li span {
padding: 0 0 2px 10px;
box-sizing: border-box;
display: block;
margin: 0px;
width: 100%;
float: left;
color: #fff;
font-size: 12px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow01.png) no-repeat left 3px;
background-size: 6px;
text-decoration: none;
font-weight: bold;
line-height: 14px;
}
.category_box ul li h3 {
padding: 0 0 1px 10px;
box-sizing: border-box;
margin: 0px 0px 2px 0px;
width: 100%;
color: #fff;
font-size: 17px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow01.png) no-repeat left 4px;
background-size: 6px;
text-decoration: none;
font-weight: bold;
line-height: 1;
}
.category_box ul li p.txt {
padding: 0px 0px 0px 10px;
color: #fff;
font-size: 13px;
line-height: 1.3;
text-decoration: none;
}
.category_content_box .brand_greet {
display: block;
}
.category_content_box .brand_greet.memo {
display: block !important;
}
.memo {
background: #efefef;
padding: 8px;
margin: 8px 8px 55px;
}
.memo h6 {
background: none!important;
color: #de1122;
border-bottom: 1px solid #de1122!important;
border-radius: 0;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/memo.png) 0px 2px no-repeat!important;
background-size: 26px!important;
padding-left: 32px;
margin-top: 5px; margin-left: 3px;
margin-right: 3px;
padding: 3px 0px 8px 34px;
margin-bottom: 13px;
font-size: 16px;
}
.category_content_box .end {
margin-bottom: 21px!important;
}
.memo p {
width: 98%!important;
}
.category_content_box .rank h5 {
border-bottom: 3px solid #de1122;
border-radius: 0;
border-top: none!important;
background: #e9eaea;
padding-top: 8px!important;
}
.category_content_box h4 {
font-size: 16px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 7px 7px 7px;
line-height: 1.4;
margin: 15px 3% 15px;
box-sizing: border-box;
}
p.rolex_voice {
font-size: 16px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 7px 7px 7px;
line-height: 1.4;
margin: 15px 3% 0px;
box-sizing: border-box;
font-weight: normal;
}
.jisseki_list {
margin-top: 20px;
}
.jisseki_list h2 {
font-size: 16px;
text-align: center;
font-weight: bold;
color: #fff;
background: #de1122;
padding: 12px 15px 10px;
line-height: 100%;
margin-bottom: 15px;
}
.jisseki_list h3 {
font-size: 16px;
text-align: center;
font-weight: bold;
color: #fff;
background: #de1122;
padding: 12px 15px 10px;
line-height: 100%;
margin-bottom: 15px;
}
.jisseki_list .item_img {
text-align: center;
background: #fff;
padding: 0px;
width: 100%;
height: auto;
}
.jisseki_list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-evenly;
margin-top: 10px;
}
.jisseki_list ul li {
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
background: #fff;
border-radius: 5px;
margin-bottom: 7px;
position: relative;
}
.jisseki_list ul li p span {
line-height: 1.2;
color: #fff;
font-size: 10px;
text-align: left;
padding: 0;
clear: both;
height: 100%;
font-weight: normal;
width: auto;
}
.jisseki_list ul li p span.pref {
display: block;
padding: 0 0 2px;
position: absolute;
top: 5px;
right: 5px;
}
.jisseki_list ul li img {
display: block;
text-align: center;
margin: 0 auto;
width: auto;
height: 132px;
border-radius: 5px 5px 0 0;
object-fit: cover;
}
.jisseki_list ul li p.pref {
color: #fff;
font-size: 13px; display: block;
float: left;
text-align: left;
position: absolute;
top: 140px;
left: 51px;
font-weight: bold;
}
.jisseki_list ul li .pref span {
display: block;
color: #fff;
font-size: 10px;
font-weight: normal;
}
.jisseki_list p.txt {
padding: 7px 0 10px;
font-size: 10px;
line-height: 1.3;
border-top: 1px dotted #FFFFFF;
text-align: center;
min-height: 34px;
color: #fff;
clear: both;
}
.jisseki_list ul li span.tag {
display: inline-block;
position: absolute;
top: 0;
left: 5px;
margin: 0;
padding: 5px 6px 4px;
line-height: 1;
z-index: 2;
text-align: center;
font-size: 10px;
color: #fff;
}
.jisseki_list ul li span.tag01 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/tag01.png) no-repeat;
width: 40px;
height: 55px;
line-height: 16px;
padding: 8px 2px;
box-sizing: border-box;
color: #fff;
display: block;
font-size: 10px;
float: left;
margin-right: 5px;
margin-bottom: 8px;
}
.jisseki_list ul li span.tag02 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/tag02.png) no-repeat;
width: 40px;
height: 55px;
line-height: 16px;
padding: 8px 2px;
box-sizing: border-box;
color: #fff;
display: block;
font-size: 10px;
float: left;
margin-right: 5px;
margin-bottom: 8px;
}
.jisseki_list ul li span.tag03 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/tag03.png) no-repeat;
width: 40px;
height: 55px;
line-height: 16px;
padding: 8px 2px;
box-sizing: border-box;
color: #fff;
display: block;
font-size: 10px;
float: left;
margin-right: 5px;
margin-bottom: 8px;
}
.jisseki_list ul li span.tag01:after {
border-left: 26px solid #d8751c;
border-right: 26px solid #d8751c;
}
.jisseki_list ul li span.tag02:after {
border-left: 26px solid #3cb720;
border-right: 26px solid #3cb720;
}
.jisseki_list ul li span.tag03:after {
border-left: 26px solid #258fda;
border-right: 26px solid #258fda;
}
.jisseki_list ul li span.tag:after {
content: '';
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-bottom: 4px solid transparent;
}
.jisseki_list ul li .price {
height: 25px;
padding: 25px 0 2px;
line-height: 1.2;
font-weight: bold;
font-size: 11px;
color: #fff;
}
.jisseki_list ul li div {
padding: 0 5px 0px 7px;
background: #de1122;
border-radius: 0 0 5px 5px;
height: 130px;
}
.jisseki_list ul li .name {
height: 33px;
color: #fff;
font-weight: normal;
line-height: 1.2;
font-size: 10px;
padding: 5px 0 8px;
clear: both;
border-top: 1px dotted #FFFFFF;
margin-top: 2px;
text-align: left;
}
@media screen and (max-width: 375px) {
.jisseki_list ul li div {
height: 135px;
padding: 0 5px 0px 0;
}
.jisseki_list ul li p.pref {
top: 125px;
left: 41px;
}
.jisseki_list ul li img {
height: 120px;
}
}
@media screen and (max-width: 320px) {
.jisseki_list ul li {
-ms-flex-preferred-size: 47%;
flex-basis: 47%;
}
.jisseki_list ul li div {
height: 130px;
}
.jisseki_list ul li p.pref {
top: 160px;
font-size: 16px;
}
.jisseki_list ul li img {
height: 150px;
}
.jisseki_list ul li .name {
height: 45px;
}
.jisseki_list ul li span.tag {
padding: 5px 3px 4px;
left: 3px;
}
.jisseki_list ul li span.tag:after {
border-left-width: 23px;
border-right-width: 23px;
}
.jisseki_list ul li p span.pref {
right: 2px;
}
.jisseki_list ul li {
margin-right: 4px;
}
}
.jisseki_list02 ul li {
background: #fff;
border-radius: 5px;
margin-right: 5px;
float: left;
width: 49%;
margin-bottom: 5px;
}
.jisseki_list02 ul li:nth-child(2n) {
float: right;
margin-right: 0;
}
.jisseki_list02 ul li p.txt {
color: #fff;
font-weight: normal;
line-height: 14px;
font-size: 10px;
text-align: center;
padding: 5px 0 8px;
clear: both;
border-top: 1px dotted #FFFFFF;
margin-top: 5px;
height: 36px;
}
.jisseki_list02 ul li p {
color: #fff;
font-weight: bold;
line-height: 14px;
font-size: 16px;
}
.jisseki_list02 .item_img {
text-align: center;
background: #fff;
padding: 0px;
width: 100%;
height: 50px!important;
padding-bottom: 75%;
background: #de1122;
border-radius: 5px 5px 0 0;
}
.jisseki_list02 .wp-pagenavi {
padding-top: 15px;
}
.jisseki_list .notes {
padding: 0 15px;
}
.jisseki_list .notes p {
font-size: 12px;
text-indent: -1em;
padding-left: 1em;
line-height: 1.4;
}
.top .recommend {
margin-top: 15px;
}
.top .recommend h2 {
font-size: 16px;
text-align: center;
font-weight: bold;
color: #fff;
background: #de1122;
padding: 8px 15px 5px;
line-height: 1.6;
}
.top .recommend h3 {
font-size: 16px;
text-align: center;
font-weight: bold;
color: #fff;
background: #de1122;
padding: 8px 15px 5px;
line-height: 1.6;
}
.top .recommend ul li {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/arrow01.png) #fff no-repeat 95%;
background-size: 20px;
border-bottom: 2px solid #de1122;
}
.top .recommend ul li a {
padding: 15px 10px 15px 50px;
font-size: 14px;
display: block;
text-decoration: none;
color: #585558;
font-weight: bold;
}
.top .recommend ul li a.link01 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/icon01.png) no-repeat 10px;
background-size: 25px;
}
.top .recommend ul li a.link02 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/icon02.png) no-repeat 10px;
background-size: 25px;
}
.top .recommend ul li a.link03 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/icon03.png) no-repeat 10px;
background-size: 25px;
}
.top .recommend ul li a.link04 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/icon04.png) no-repeat 10px;
background-size: 25px;
}
.top .box06 {
margin-top: 25px;
}
.top .box06 h2 {
font-size: 16px;
text-align: center;
font-weight: bold;
color: #fff;
background: #de1122;
padding: 12px 15px 10px;
line-height: 100%;
margin-bottom: 15px;
}
.top .box06 h3 {
font-size: 16px;
text-align: center;
font-weight: bold;
color: #fff;
background: #de1122;
padding: 12px 15px 10px;
line-height: 100%;
margin-bottom: 15px;
}
.top .box06 .c01 {
border-radius: 5px;
margin-bottom: 18px;
padding: 0 15px 15px;
}
.top .box06 span.tag04 {
display: none;
}  .top .box06 span.ttl {
position: relative;
display: block;
width: 98%;
color: #F6F6F6;
line-height: 1.6;
text-align: center;
background-color: #2766AA;
border-radius: 5px;
z-index: 0;
padding: 4px;
margin-left: auto;
margin-right: auto;
}
.top .box06 span.ttl:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 13px 7px 0 7px;
border-color: #2766AA transparent transparent transparent;
}
.top .box06 button {
float: right;
margin-top: 5px;
}
.top .box06 button:focus {
outline: 0px;
}
.top .box06 p.txt {
clear: both;
font-size: 11px;
line-height: 160%;
padding-top: 20px;
padding-bottom: 20px;
}
.top .box06 .re_wrap {
display: table;
}
.top .box06 .re {
font-size: 12px;
line-height: 160%;
float: left;
color: #585558;
background: #fff;
padding: 0px 8px 10px 8px;
border-radius: 5px;
width: 100%;
box-sizing: border-box;
display: table-cell;
margin-top: 0px;
}
.top .box06 .chara {
display: none;
}
.top .box06 .sp_hukidashi {
display: table;
position: relative;
width: 100%;
min-height: 54px;
margin-bottom: 10px;
}
.top .box06 .sp_hukidashi span { }
.top .box06 .sp_hukidashi p {
font-size: 13px;
width: 70%;
display: block;
}
.re_sp {
display: table-cell;
vertical-align: middle;
}  .re_sp p {
position: relative;
display: block;
padding: 7px 12px 7px 12px;
width: 200px;
height: auto;
color: #fff;
line-height: 160%;
text-align: center;
background: #ff6d4b;
z-index: 0;
border-radius: 5px;
}
.re_sp p:after {
content: "";
position: absolute;
top: 50%;
right: -15px;
margin-top: -8px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 8px 0 8px 20px;
border-color: transparent transparent transparent #ff6d4b;
}
.top .box06 .chara_sp {
display: table-cell;
vertical-align: middle;
width: 20% !important;
box-sizing: border-box;
}
.top .box06 .chara_sp img {
display: block; width: 60px;
margin-left: -1px\0;
position: absolute;
right: 1px;
bottom: 0px;
}
.top .box06 a.link_btn {
display: block;
padding: 13px 15px 10px;
box-sizing: border-box;
width: 80%;
color: #fff;
font-weight: bold;
font-size: 13px;
border-radius: 5px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow02.png) #de1122 no-repeat right 18px top 17px;
background-size: 8px;
text-decoration: none;
margin: 10px auto;
}
.top .box07 h3 {
background-color: #E9EAEA;
border-top: 4px solid #CD000D;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
color: #CD000D;
width: 94%;
margin-left: auto;
margin-right: auto;
}
.top .box07 p {
width: 96%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
#pagetop {
text-align: center;
padding: 10px;
background: #de1122;
}
#pagetop img {
width: 133px;
} .about_txt {
display: none;
}
div.breadcrumbs {
display: none;
height: 0px;
}
.ttl_bg {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/ttl_bg.png) no-repeat 10px 0;
background-size: contain;
}
h2.page_ttl {
font-size: 22px!important;
font-weight: bold;
vertical-align: middle;
display: table-cell;
height: 55px;
line-height: 1.3!important;
padding-right: 10px!important;
padding-left: 50px!important;
background: none!important;
color: #000!important;
}
h2.page_ttl.column {
padding: 10px !important;
font-weight: bold!important;
}
h2.page_ttl span {
font-size: 10px;
font-weight: bold;
padding-left: 0;
display: block;
}
.under .mv_s {
position: relative;
}
.under .mv_s img {
width: 100%;
}
.under .mv_s span {
font-size: 14px;
display: block;
font-weight: bold;
padding: 10px; }
.under .mv_s p { font-size: 12px;
padding: 0 10px;
}
.under .faq .mv_s {
margin-bottom: 15px;
}
.under .privacy .mv_s {
margin-bottom: 15px;
} .under h2 {
font-size: 14px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 7px 7px 4px;
line-height: 1.2;
margin: 15px 10px 15px;
box-sizing: border-box;
}
.under h3 {
font-size: 16px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 7px 7px 7px;
line-height: 1.4;
margin: 15px 10px 15px;
box-sizing: border-box;
}
.under .first h4 {
font-size: 14px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #ffb6bc;
color: #70614a;
padding: 0px 0px 10px;
line-height: 100%;
margin: 0 10px;
}
.under .first .box01 {
border-bottom: 1px dotted #c1c1c1;
padding-top: 13px;
padding-bottom: 20px;
margin-bottom: 30px;
}
.under .first .box01 p {
font-size: 9px;
line-height: 13px;
margin: 0 10px 15px;
}
.under .first .box01 .fl_r {
text-align: center;
margin-bottom: 10px;
}
.under .first .box02 {
border-bottom: 1px dotted #c1c1c1;
padding-top: 13px;
padding-bottom: 20px;
margin-bottom: 30px;
}
.under .first .box02.last {
border-bottom: none;
}
.under .first .box02 p { margin-bottom: 15px;
padding: 0 10px;
}
.box02 .fst p { margin-bottom: 15px;
padding: 0px;
}
.under .first .box02 p.caution {
font-size: 8px;
line-height: 10px;
color: #de1122;
width: ;
background: #efefef;
padding: 5px;
margin: 0 10px 10px;
}
.under .first .box02 img {
width: calc(100% - 20px);
margin: 0 auto;
display: block;
}
.under .first h5 {
font-size: 11px;
font-weight: bold;
color: #ce9237;
padding: 0 10px 10px;
}
.under .first .box02 table {
margin-bottom: 15px;
padding: 0 10px;
font-size: 9px;
}
.under .first .box02 table th {
width: 15%;
text-align: left;
vertical-align: top;
}
.under .first .box02 table td {
padding: 1px 0;
} .under .shop_list dl.accordion {
background: ;
width: calc(100% - 20px);
margin: 0 auto 20px;
font-size: 9px;
}
.under .shop_list dl.accordion dt {
background: #de1122;
background-size: 12px;
height: 35px;
text-indent: 10px;
line-height: 35px;
color: #fff;
cursor: pointer;
font-size: 16px;
}
.under .shop_list dl.accordion dt.open {
background: #de1122;
background-size: 13px;
border-radius: 5px 5px 0 0;
}
.under .shop_list dl.accordion dd {
background: #f1f1f1;
line-height: 1.5;
border-top: none;
display: none;
border-radius: 0 0 5px 5px;
}
.under .shop_list dl.accordion dd a {
display: block;
border-bottom: 1px solid #fff;
padding: 18px 10px 15px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/open02.png) 97.5% center no-repeat;
background-size: 13px;
text-decoration: none;
color: #585558;
font-weight: bold;
font-size: 13px;
}
.under .shop_list dl.accordion dd a.last {
border-bottom: none;
}
.under .shop_list h3,
.shop_list div .basic {
font-size: 16px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 7px 7px 7px;
line-height: 100%;
margin: 15px 10px 0px;
box-sizing: border-box;
}
.under .shop_list p.txt { padding: 0 10px;
margin-bottom: 10px;
}
.under .shop_list p.img img {
width: calc(100% - 20px);
display: block;
margin: 0 auto 20px;
}
.under .shop_list .shop_box_wrap {
margin-bottom: 30px;
}
.under .shop_list .shop_box {
position: relative;
border-bottom: 1px dotted #c1c1c1;
padding: 15px 0px;
margin: 0 10px;
}
.under .shop_list .shop_box span {
font-size: 12px;
font-weight: bold;
display: block;
}
.under .shop_list .shop_box p.shop_address {
font-size: 8px;
line-height: 13px;
padding: 0 0 3px;
display: block;
}
.under .shop_list .shop_box p.shop_tel {
font-size: 12px;
font-weight: bold;
color: #de1122;
padding: 0px 4px 5px 9px;
float: left;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/tel_icon.png) no-repeat left 5px;
background-size: 8px;
display: block;
}
.under .shop_list .shop_box p.shop_time {
font-size: 12px;
}
.under .shop_list .shop_box a {
padding: 7px 0 5px;
line-height: 100%;
display: block;
font-size: 9px;
font-weight: bold;
margin: 10px auto 0;
text-align: center;
width: 65%;
text-decoration: none;
border: 2px solid #de1122;
color: #de1122;
border-radius: 5px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/arrow_icon.png) no-repeat 95% #fff;
background-size: 9px;
}
.under .shop_list h3.search {
margin-top: 0!important;
}
div#search-box {
background: #f1f1f1;
padding-bottom: 15px;
border-radius: 5px;
margin: 0 10px;
margin-bottom: 20px;
}
.under .shop_list_ex h3 {
margin-top: 0!important;
margin-bottom: 10px;
}
.shop_list_ex_02 h3 {
border-radius: 5px 5px 0 0!important;
}
.search-jp {
padding: 15px 15px 5px;
border-radius: 0 0 5px 5px;
background: #F1F1F1;
}
div#search-box h3 {
border-radius: 5px 5px 0 0!important;
margin-left: 0;
margin-right: 0;
}
div#search-box div {
margin: 0 auto!important;
width: 90%;
margin-top: 20px!important;
margin-bottom: 10px!important;
padding: 0 10px;
}
p.search-text {
font-weight: bold;
line-height: 33px;
margin-right: 25px;
display: none;
}
.search-jp a {
margin-bottom: 10px;
display: inline-block;
}
#search-box form {
text-align: center;
width: 100%;
}
#search-box input[type="text"] {
width: 75%;
height: 30px;
border: 1px solid #BDBDBD;
padding-left: 5px;
font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
padding-right: 4px;
line-height: 34px;
}
#search-box input[type="submit"] {
border: none;
background: #DE1122;
color: #fff;
padding: 6px 0px 5px 5px;
font-family: メイリオ;
font-size: 14px;
letter-spacing: 6px;
vertical-align: bottom;
width: 19%;
box-sizing: border-box;
height: 32px;
}
p.search-text-02 {
text-align: center;
clear: both;
padding: 0 10px;
}
div#no_keyword p {
padding: 0 10px;
}
div#no_keyword {
margin: 10px 0 20px;
}
#touhoku,
#kanto,
#chubu,
#kansai,
#chugoku,
#shikoku,
#kyushu {
margin-top: 0px!important;
}
.under .shop_list .shop_box_wrap {
margin-bottom: 30px;
margin-top: -10px;
} .under .shop_txt {
display: block;
padding-top: 5px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.acf-map {
height: 250px;
} .under .purchase .box {
padding: 0px 0px 10px;
border-top: none;
border-bottom: 1px dotted #c1c1c1;
margin-bottom: 20px;
line-height: 13px;
font-size: 9px;
margin: 0 13px 20px;
}
.under .purchase .box .caution {
font-size: 8px;
line-height: 11px;
color: #de1122;
clear: both;
margin: 10px 0px;
display: block;
background: #efefef;
padding: 5px;
}
.w_20p {
width: 20%;
}
.w_50p {
width: 50%;
}
.w_25p {
width: 25%;
}
.w_480 {
width: 480px;
}
.w_555 {
width: 555px;
}
.w_15p {
width: 15%;
}
.w_10p {
width: 10%;
}
.w_12p {
width: 12%;
}
.w_14p {
width: 14%;
}
.purchase table {
font-size: 100%;
line-height: 1.5em;
width: calc(100% - 20px);
color: #000;
clear: both;
border-collapse: collapse;
margin: 0 auto 20px;
}
.purchase table img {
width: 100%;
}
.purchase table.column3 td {
width: 33%;
}
.purchase table td {
padding: 3px;
color: #000;
font-size: 6px;
text-align: center;
border: 1px solid #ccc;
}
.purchase table th {
border: 1px solid #ccc;
background: #ebebeb;
color: #000;
font-weight: bold;
text-align: left;
}
.purchase table th.th01 {
border: 1px solid #ccc;
background: #ebebeb;
color: #4c0d00;
font-weight: bold;
text-align: center;
}
.purchase table td.top {
vertical-align: top;
}
.purchase table td.td01 {
background: #f3f3f3;
text-align: center;
}
.purchase table td.td_num01 {
background: url(//jewel-cafe.my/wp-content/themes/images/official/num_1.jpg) no-repeat center 0 #fffcec;
width: 50%;
}
.purchase table td.td_num02 {
background: url(//jewel-cafe.my/wp-content/themes/images/official/num_2.jpg) no-repeat center 0 #f2fdff;
width: 50%;
}
.purchase table td.td_num03 {
background: url(//jewel-cafe.my/wp-content/themes/images/official/num_3.jpg) no-repeat center 0 #f8ffe8;
width: 50%;
}
.purchase table td.td_num04 {
background: url(//jewel-cafe.my/wp-content/themes/images/official/num_4.jpg) no-repeat center 0 #fff1f4;
width: 50%;
}
.purchase table td.td_none {
border-bottom: none;
border-right: none;
border-top: none;
} .under .purchase dl.accordion {
background: ;
width: calc(100% - 20px);
margin: 0 auto 10px;
font-size: 9px;
}
.under .purchase dl.accordion dt {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/open.png) 97% center no-repeat #de1122;
background-size: 13px;
height: 35px;
text-indent: 10px;
line-height: 35px;
color: #fff;
margin-bottom: 2px;
font-weight: bold;
cursor: pointer;
}
.under .purchase dl.accordion dt.open {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/close.png) 97% center no-repeat #de1122;
margin-bottom: 0;
background-size: 13px;
}
.under .purchase dl.accordion dd {
background: #f0f0f0;
line-height: 1.8;
border: 2px solid #de1122;
border-top: none;
display: none;
padding: 10px;
margin-bottom: 2px;
}
.under .purchase dl.accordion dd span {
display: block;
}
.under .purchase dl.accordion dd a {
display: block;
border-bottom: 2px solid #de1122;
background-size: 13px;
text-decoration: none;
color: #585558;
font-weight: bold;
}
.under .purchase dl.accordion dd a.last {
border-bottom: none;
} .voice .box {
margin-top: 25px;
}
.voice .box h3 {
font-size: 13px;
text-align: center;
font-weight: bold;
color: #fff;
background: #de1122;
padding: 12px 15px 10px;
line-height: 100%;
margin-bottom: 15px;
}
.under .voice h2 {
margin: 15px 10px 0px;
}
.under .voice h3 {
margin: 15px 10px 0px;
}
.voice .box .c01 {
border-radius: 5px;
margin-bottom: 18px;
padding: 0 10px 15px;
}
.voice .box span.tag04 {
display: none;
}
.voice .box span.ttl {
position: relative;
display: block;
width: 98%;
color: #F6F6F6;
line-height: 1.6;
text-align: center;
background-color: #2766AA;
border-radius: 5px;
z-index: 0;
padding: 4px;
margin-left: auto;
margin-right: auto;
}
.voice .box span.ttl:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #2766AA transparent transparent transparent;
}
.voice .box p.txt {
clear: both;
font-size: 11px;
line-height: 160%;
padding-top: 20px;
padding-bottom: 5px;
}
.voice .box .re_wrap {
display: table;
}
.voice .box .re {
font-size: 12px;
line-height: 160%;
float: left;
color: #585558;
background: #fff;
padding: 10px 8px 10px 8px;
border-radius: 5px;
width: 100%;
box-sizing: border-box;
display: table-cell;
margin-top: 10px;
}
.voice .box .chara {
display: none;
} .voice .box .sp_hukidashi {
display: table;
position: relative;
width: 100%;
height: 70px;
}
.voice .box .sp_hukidashi span {
display: none; } .voice .box .sp_hukidashi p {
font-size: 13px;
width: 70%;
display: block;
}  .voice .box .chara_sp {
display: table-cell;
vertical-align: middle;
width: 20% !important;
box-sizing: border-box;
} .voice .box .chara_sp img {
display: block; width: 60px;
margin-left: -1px\0;
position: absolute;
right: 1px;
top: 0px;
}
.voice a.link_btn {
display: block;
padding: 13px 15px 10px;
box-sizing: border-box;
width: 80%;
color: #fff;
font-weight: bold;
font-size: 13px;
border-radius: 5px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow02.png) #de1122 no-repeat right 18px top 17px;
background-size: 8px;
text-decoration: none;
margin: 20px auto 0;
}
.page-template-page-shop .rating_count {
display: block;
padding: 10px 0;
text-align: right;
}
.page-template-page-shop .rating_count p:nth-of-type(1) {
color: #ffc400;
}
.page-template-page-shop .rating_count p:nth-of-type(2) {
font-size: 90%;
}
.page-template-page-shop .rating_count p {
display: inline;
font-weight: bold;
}
.page-template-page-shop .reviewname span {
color: #ffc400;
font-size: 105%;
margin: 0;
padding: 4px 3px 3px;
}
.author {
text-align: right;
font-size: 10px;
margin-top: -10px;
margin-bottom: 15px;
padding-right: 0px;
}
.hitokoto {
background: #eaeaea;
border-radius: 3px;
box-sizing: border-box;
padding: 10px;
margin-top: 0px;
margin-bottom: 30px;
}
.hitokoto h4 {
background: #f65a5a;
color: #fff;
padding: 10px 15px 6px;
border-radius: 3px 3px 0 0;
font-size: 14px;
}
.hitokoto p {
padding: 0 3px;
background: #fff;
border-radius: 0 0 3px 3px;
box-sizing: border-box;
padding: 10px 13px;
line-height: 1.6;
} .under .contact .stepBar {
position: relative;
list-style: none;
margin: 0 0 1em;
padding: 0;
text-align: center;
width: 100%;
overflow: hidden;
*zoom: 1;
}
.under .contact .stepBar .step {
position: relative;
float: left;
display: inline-block;
line-height: 40px;
padding: 0 40px 0 20px;
background-color: #eee;
font-size: 1rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 374px) {
.under .contact .stepBar .step {
padding: 0 20px 0 0px;
}
}
.under .contact .stepBar .step:before,
.under .contact .stepBar .step:after {
position: absolute;
left: -15px;
display: block;
content: '';
background-color: #eee;
border-left: 4px solid #fff;
width: 20px;
height: 20px;
}
.under .contact .stepBar .step:after {
top: 0;
-moz-transform: skew(30deg);
-ms-transform: skew(30deg);
-webkit-transform: skew(30deg);
transform: skew(30deg);
}
.under .contact .stepBar .step:before {
bottom: 0;
-moz-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-webkit-transform: skew(-30deg);
transform: skew(-30deg);
}
.under .contact .stepBar .step:first-child {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.under .contact .stepBar .step:first-child:before,
.under .contact .stepBar .step:first-child:after {
content: none;
}
.under .contact .stepBar .step:last-child {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.under .contact .stepBar .step.current {
color: #fff;
background-color: #de1122;
}
.under .contact .stepBar .step.current:before,
.under .contact .stepBar .step.current:after {
background-color: #de1122;
}
.under .contact .stepBar.step2 .step {
width: 50%;
}
.under .contact .stepBar.step3 .step {
width: 33.333%;
}
.under .contact .stepBar.step4 .step {
width: 25%;
}
.under .contact .stepBar.step5 .step {
width: 20%;
}
.shop_info { margin: 0 13px;
font-size: 12px;
line-height: 1.6;
}
.shop_info_innar {
margin-bottom: 10px!important;
}
.wp-pagenavi {
clear: both;
display: table;
margin: 20px auto 20px;
}
.wp-pagenavi a,
.wp-pagenavi span {
text-decoration: none;
padding: 8px 14px!important;
color: #fff;
background: #de1122;
margin-left: 5px!important;
margin-right: 5px!important;
font-size: 12px;
border-radius: 5px;
border: 2px solid #de1122!important;
box-sizing: border-box;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background: #fff;
border: 2px solid #de1122!important;
color: #de1122;
box-sizing: border-box;
font-size: 20px;
}
.gray_bg {
background: #eaeaea;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
box-sizing: border-box;
border-radius: 5px;
} .item_mv p img {
width: 100%;
}
.kaitori_box {
background: #de1122;
border-radius: 5px;
padding: 5px 5px 0;
margin: 10px 10px 15px;
}
.kaitori_box span {
font-size: 10px;
border-radius: 3px;
background: #fff url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/icon.png) no-repeat 5px bottom;
background-size: 33px;
color: #000;
display: block;
padding: 6px 0 6px 40px;
}
.kaitori_box span.ttl {
font-size: 18px;
border-radius: 0;
background: none;
color: #de1122;
width: 100%;
display: block;
font-weight: normal;
text-align: center;
padding: 0;
}
.kaitori_box p.tag05 {
color: #fff;
font-size: 8px;
line-height: 12px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/tag05.png) no-repeat;
background-size: contain;
width: 75%;
margin: 0 auto 5px;
text-align: center;
padding: 2px 0px;
}
.kaitori_box li p {}
.kaitori_box ul {
clear: both;
padding-top: 5px;
}
.kaitori_box li {
padding: 8px 5px;
background: #fff;
border-radius: 3px;
margin-bottom: 5px;
}
.kaitori_box li div {
width: 45%;
float: left;
}
.kaitori_box li img {
width: 55%;
float: right;
display: block;
}
.kaitori_box li:last-child {
float: right;
}
.brand_list_ttl {
margin-top: 50px!important;
margin-bottom: 15px!important;
}
.brand_list_s {
font-size: 8px;
line-height: 12px;
}
.brand_list_s div {
padding: 0 10px;
box-sizing: border-box;
}
.brand_list_s p {
margin-bottom: 20px;
}
.under dl.brand_accordion {
background: ;
width: calc(100% - 20px);
margin: 12px auto 0px;
font-size: 9px;
}
.under dl.brand_accordion dt {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/open.png) 97% center no-repeat #de1122;
background-size: 13px;
height: 35px;
text-indent: 10px;
line-height: 35px;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.under dl.brand_accordion dt.open {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/close.png) 97% center no-repeat #de1122;
background-size: 13px;
}
.under dl.brand_accordion dd {
background: #f0f0f0;
line-height: 1.5;
border: 2px solid #de1122;
border-top: none;
display: none;
}
.under dl.brand_accordion dd a {
display: block;
border-bottom: 2px solid #de1122;
padding: 10px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/open02.png) 97.5% center no-repeat;
background-size: 13px;
text-decoration: none;
color: #585558;
font-weight: bold;
}
.under dl.brand_accordion dd a.last {
border-bottom: none;
} .brand_detail {
margin-bottom: 15px;
}
.brand_detail .sub_ttl {
font-size: 11px;
line-height: 16px;
padding: 15px 10px 10px;
color: #de1122;
font-weight: bold;
}
.brand_detail .txt01 {
font-size: 9px;
padding: 0px 10px 10px;
line-height: 13px;
}
.brand_detail .brand_rank_box {
background: #de1122;
border-radius: 5px;
padding: 10px 10px 0;
margin-bottom: 20px;
}
.brand_rank_box span {
font-size: 10px;
border-radius: 3px;
background: #fff url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/icon.png) no-repeat 5px bottom;
background-size: 30px;
color: #000;
display: block;
padding: 5px 0 4px 38px;
}
.brand_rank_box span.ttl {
font-size: 15px;
border-radius: 0;
background: none;
color: #de1122;
display: block;
text-align: center;
padding: 0px 0 5px 0;
}
.brand_rank_box p.tag05 {
color: #FFF;
font-size: 8px;
font-weight: bold;
line-height: 20px;
background: transparent url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/tag05.png) no-repeat scroll 0% 0% / contain;
width: 77%;
margin: 2px auto 0px;
text-align: center;
height: 24px;
padding-top: 0px;
}
.brand_rank_box li p.txt {
font-size: 7px;
line-height: 12px;
}
.brand_rank_box ul {
clear: both;
padding-top: 10px;
}
.brand_rank_box li {
float: none;
width: 100%;
padding: 5px 10px;
margin-bottom: 10px;
box-sizing: border-box;
background: #fff;
border-radius: 3px;
}
.brand_rank_box li:first-child {}
.brand_rank_box li div {
width: 47%;
float: left;
}
.brand_rank_box li div img {
width: 100%;
}
.brand_rank_box li p.txt {
font-size: 7px;
padding-top: 0;
line-height: 12px;
float: right;
width: 50%;
}
.under .brand_detail_what p {
font-size: 9px;
line-height: 13px;
padding: 0 10px;
}
.faq {
margin-bottom: 20px;
}
.faq h3 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/open.png) 97% center no-repeat #de1122;
border-radius: 0;
padding: 0 0 0 2px;
margin: 0px 10px 2px;
background-size: 13px;
height: 35px;
text-indent: 10px;
line-height: 35px;
color: #fff;
font-size: 9px;
font-weight: bold;
cursor: pointer;
}
.faq h3.active {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/close.png) 97% center no-repeat #de1122;
background-size: 13px;
margin: 0 10px 0px;
}
.faq-pretty {
width: calc(100% - 20px);
margin: 0 auto 0;
}
.faq-pretty ul {
margin-bottom: 2px;
list-style: none;
padding: 0;
border: 2px solid #de1122;
border-top: none;
background: #f0f0f0;
}
.faq-pretty .faq-item {
margin-bottom: 0;
list-style: none;
border-bottom: 2px solid #de1122;
margin-left: 0;
}
.faq-pretty ul li:last-child {
border-bottom: none;
}
.faq-pretty .faq-question {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/open02.png) 97% center no-repeat;
background-size: 13px;
color: #585558;
font-weight: bold;
cursor: pointer;
font-size: 9px;
line-height: 1.1;
padding-right: 30px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.faq-pretty .highlight .faq-question {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/sp/close02.png) 97% center no-repeat;
background-size: 13px;
}
.faq-pretty .faq-answer {
padding: 5px 10px 10px 10px;
border-bottom: 1px dotted #c1c1c1;
border-top: 0px;
font-size: 9px;
line-height: 18px;
display: block;
}
.under .privacy p {
margin-bottom: 15px;
font-size: 9px;
padding: 0 10px;
line-height: 13px;
}
.under .privacy dl {
margin-bottom: 15px;
font-size: 9px;
line-height: 13px;
padding: 0 10px;
}
.under .privacy dl dt {
display: block;
float: left;
}
.under .privacy dl dd {
float: left;
width: calc(100% - 20px);
}
.under .privacy table {
width: 100%;
font-size: 9px;
line-height: 13px;
padding: 0px 10px;
display: block;
margin-bottom: 20px;
}
.under .privacy table tr,
.under .privacy table tbody {
display: block;
}
.under .privacy table th {
font-weight: normal;
display: block;
}
.under .privacy table th a {
color: #de1122;
}
.under .privacy table td {
text-align: left;
padding-top: 10px;
display: block;
}
.under .company h3 {
clear: both;
}
.under .company h4 {
font-size: 11px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #ffb6bc;
color: #70614a;
padding: 0px 0px 10px;
line-height: 100%;
margin: 0 10px;
}
.under .company table {
margin: 10px auto 0;
width: calc(100% - 20px);
}
.under .company tbody {
display: block;
}
.under .company tr {
display: block!important;
}
.under .company th,
.under .company td {
padding: 4px 0;
display: block;
line-height: 16px;
font-size: 10px;
}
.under .company td {
border-bottom: 1px dotted #c1c1c1;
padding-left: 15%;
}
.under .company td img {
padding-top: 5px;
}
.under .company th {
width: 100%;
vertical-align: top;
}
.under .company table td span.caution {
color: #de1122;
}
.under .company table.table01 {
margin-bottom: 20px;
}
.under .company table.table02 {
margin-bottom: 20px;
}
.under .company table.table02 td {
padding-left: 0;
}
.under .company table.table03 {
margin-bottom: 20px;
}
.under .company table.table03 tr:last-child td {
padding-left: 0;
}
.under .company table.table02 td {
text-align: left;
border-bottom: none;
}
.under .company table.table02 td.right {
text-align: right;
border-bottom: 1px dotted #c1c1c1;
}
.under .company table.table01 img.img01 {
width: 106px;
}
.under .company table.table01 img.img02 {
width: 92px;
}
.under .company p.txt01 {
padding: 25px 10px 15px;
font-size: 12px;
line-height: 18px;
}
.under .company p.txt02 {
padding: 0 10px 15px;
font-size: 12px;
line-height: 18px;
}
.under .company a.link_btn {
padding: 6px 0;
line-height: 100%;
display: block;
font-size: 9px;
font-weight: bold;
margin: 0 auto 10px;
text-align: center;
width: 75%;
text-decoration: none;
border: 2px solid #de1122;
color: #de1122;
border-radius: 5px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/arrow_icon.png) no-repeat 95% #fff;
background-size: 9px;
}
.under .company a.link_btn02 {
padding: 6px 0;
line-height: 100%;
display: block;
font-size: 9px;
font-weight: bold;
margin: 10px auto;
text-align: center;
width: 85%;
text-decoration: none;
border: 2px solid #de1122;
color: #de1122;
border-radius: 5px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/arrow_icon.png) no-repeat 95% #fff;
background-size: 9px;
}
.under .company .youtube {
padding-top: 55%;
width: 95%;
position: relative;
margin: 0 auto;
margin-bottom: 30px;
}
.under .company .youtube iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.cm_box {
margin: 0 10px;
}
.cm_box p {
padding: 0px 0 10px!important;
}
img.youtube_img {
width: 60%;
border: 1px solid #ddd;
border-radius: 5px;
padding: 10px 20% 8px;
margin-bottom: 20px;
}
.under .company ul.media {
padding: 0 10px;
}
.under .company .number {
margin-bottom: 20px;
}
.under .company .number li {
line-height: 13px;
font-size: 9px;
padding: 0 10px;
} .under .contact .submit {
text-align: center;
}
.under .contact input[type="submit"] {
background: #de1122;
-webkit-appearance: none;
color: #fff;
font-size: 12px;
padding: 10px;
border: none;
border-radius: 5px;
width: 60%;
box-sizing: border-box;
cursor: pointer;
margin-top: 15px;
}
.under .contact input[type="button"] {
background: #868686;
-webkit-appearance: none;
color: #fff;
font-size: 12px;
padding-top: 10px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 10px;
border: none;
border-radius: 5px;
width: 60%;
box-sizing: border-box;
cursor: pointer;
margin-top: 10px;
margin-left: -20px;
margin-bottom: 20px;
}
.under .contact p.txt {
padding: 10px 10px 0;
font-size: 9px;
line-height: 13px;
}
.under .contact table {
margin: 0 auto 0px;
width: calc(100% - 6%);
font-size: 16px;
}
.under .contact a {
color: #de1122;
}
.under .contact tbody {
display: block;
}
.under .contact th,
.under .contact td {
line-height: 13px;
display: block;
}
.under .contact td {
border-bottom: 1px dotted #c1c1c1;
line-height: 13px;
display: block;
padding-bottom: 15px;
margin-bottom: 10px;
}
.under .contact th {
width: auto;
vertical-align: top;
font-weight: bold;
line-height: 20px;
display: inline-block;
margin: 10px 0 15px;
}
p.form_at {
margin: 0 14px;
font-size: 11px;
line-height: 16px;
}
.under .contact th span {
color: #de1122;
}
.under .contact .caution {
color: #de1122;
font-size: 12px;
line-height: 1.5;
margin-top: 5px;
}
.under .contact .caution02 {
font-size: 12px;
line-height: 1.5;
margin-top: 5px;
}
.under .contact .caution03 {
font-size: 12px;
line-height: 1.4;
margin-top: 5px;
}
.contact input#ad {
margin-top: 5px;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
border-radius: 3px;
border: 1px solid #ccc;
vertical-align: top;
}
input#zip {
width: 30%;
margin-right: 10px;
}
.under .contact input[type="text"],
.under .contact input[type="tel"],
.under .contact input[type="email"],
.under .contact textarea {
border-radius: 3px;
padding: 5px;
width: 100%;
box-sizing: border-box;
margin-bottom: 5px;
border: 1px solid #ccc;
}
.under .contact span.wpcf7-not-valid-tip {
font-weight: bold;
font-size: 15px;
margin-top: 3px;
}
.under .contact div.wpcf7-validation-errors {
color: #f00;
padding: 20px;
font-weight: bold;
font-size: 16px;
border: 2px solid #f00;
margin-bottom: 20px;
}
.under .contact input[type="file"] {
padding-bottom: 10px;
}
.under .contact span.wpcf7-list-item {
margin: 0 40px 5px 0;
width: 100%;
}
.under .contact span.wpcf7-list-item:last-of-type {
margin-right: 0;
}
.under .contact span.wpcf7-list-item:last-of-type label {
margin-right: 0;
}
.under .contact select {
font-size: 16px;
padding: 5px;
}
.under .contact textarea {
width: 100%;
box-sizing: border-box;
padding: 5px;
margin-bottom: 5px;
line-height: 1.4;
border-radius: 3px;
height: 150px;
}
.under .contact .submit-wrap { text-align: center;
width: 90%;
margin: 20px auto 40px;
}
.under .contact .submit-wrap .l {
float: right;
width: 100%;
}
.under .contact .submit-wrap .r {
float: left;
width: 100%;
}
.under .contact .required {
position: relative;
padding-right: 80px;
}
.under .contact .required:before {
content: "Required";
position: absolute;
top: 10px;
right: 15px;
display: inline-block;
padding: 4px;
font-size: 80%;
color: #fff;
line-height: 1;
background: #de1122;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
top: inherit;
bottom: 0;
right: 0;
}
.under .contact .o-h {
margin: 5px 0;
}
.under .contact .f-l {
line-height: 1;
font-size: 14px;
}
.under .contact ::placeholder {
color: #afb2b4;
}
.tenpo_mv img {
width: 100%;
height: auto;
}
.bnr img {
width: 100%;
height: auto;
}
.shop_kaitori {
width: 96%;
margin-left: auto;
margin-right: auto;
}
.shop_kaitori img {
width: 100%;
height: auto;
margin-top: 10px;
}
.shop_kaitori .box01 h4 {
background-color: #E9EAEA;
border-top: 4px solid #CD000D;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
color: #CD000D;
}
.shop_kaitori h3 {
font-size: 13px;
text-align: left;
border-radius: 5px;
color: #D01E28;
background: none;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 0px;
line-height: 1.6;
box-sizing: border-box;
margin: 5px 0px 5px;
}
.shop_kaitori em {
font-size: 14px;
color: #D01E28;
display: block;
margin-bottom: 10px;
}
.shop_kaitori .box01.clearfix .txt {
border-bottom: 2px dotted #EAEAEA;
margin-bottom: 20px;
padding-bottom: 10px;
}
.tenpo span.txt_flow {
display: block;
background-color: #FAE8DC;
border-radius: 5px;
padding: 15px 15px 10px;
margin-top: 15px;
font-weight: normal;
color: #000000;
line-height: 1.4;
border-radius: 0px;
}
.tenpo span.red_flow {
display: block;
background: #CD000D;
border-radius: 0px;
color: #fff !important;
margin-top: 30px;
padding: 15px 15px 10px;
line-height: 120%;
font-weight: bold;
}
div .box01.clearfix span {
font-size: 14px;
color: #D01E28;
margin-bottom: 10px;
}
#main .greet p {
width: 96%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.under.kaitori .greet h2.basic {
background-color: #E9EAEA;
border-top: 4px solid #CD000D;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
color: #CD000D;
width: 94%;
margin-left: auto;
margin-right: auto;
box-sizing: content-box;
border-radius: 0!important;
font-size: 14px!important;
}
.under.kaitori .rank.clearfix .basic {
background-color: #E9EAEA;
border-top: 4px solid #CD000D;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
color: #CD000D;
width: 94%;
margin-left: auto;
margin-right: auto;
}
.under.kaitori .rank img {
display: block;
margin-left: auto;
margin-right: auto;
width: 90%;
height: auto;
margin-bottom: 10px;
}
.under.kaitori .rank div {
width: 96%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.under.kaitori .rank div dl {
padding: 0px 5%;
}
.under.kaitori .rank div dl .ic_01 {
background-image: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/kin/kin_kaitori_12.png);
background-repeat: no-repeat;
height: 46px;
color: #DE1122;
font-size: 20px;
line-height: 20px;
padding-left: 56px;
margin-top: 5px;
margin-bottom: 4px;
padding-top: 14px;
}
.under.kaitori div dl .ic_02 {
background-image: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/kin/kin_kaitori_13.png);
background-repeat: no-repeat;
height: 46px;
color: #DE1122;
font-size: 20px;
line-height: 20px;
padding-left: 56px;
margin-top: 5px;
margin-bottom: 4px;
padding-top: 14px;
}
.under.kaitori .rank div dl .ic_03 {
background-image: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/kin/kin_kaitori_14.png);
background-repeat: no-repeat;
height: 46px;
color: #DE1122;
font-size: 20px;
line-height: 20px;
padding-left: 56px;
margin-top: 5px;
margin-bottom: 4px;
padding-top: 14px;
}
.merrit_box {
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
box-sizing: border-box;
border-radius: 5px;
background-color: #eaeaea; }
.merrit_box h2 {
font-size: 16px;
text-align: center !important;
color: #de1122 !important;
padding-right: 0 !important;
padding-left: 0 !important;
padding-bottom: 14px !important;
font-weight: bold;
background-color: #EAEAEA !important;
padding-top: 20px !important;
margin-bottom: 0px !important;
}
.merrit_box h3 {
font-size: 18px;
text-align: center !important;
color: #de1122 !important;
padding-right: 0 !important;
padding-left: 0 !important;
padding-bottom: 14px !important;
font-weight: bold;
background-color: #EAEAEA !important;
padding-top: 20px !important;
margin-bottom: 0px !important;
}
.merrit_box ul {
margin-top: 10px;
}
.merrit_box ul li {
width: 44%;
background: #fff;
border-radius: 5px;
float: left;
margin-left: 4%;
text-align: center;
margin-bottom: 13px;  height: 218px;
padding-bottom: 5%;
} .merrit_box ul li img {
width: 30%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
.merrit_box ul li span {
color: #DE1122;
font-size: 12px;
display: block;
font-weight: bold;
line-height: 16px;
padding-bottom: 5px;
padding: 0px 5px 5px;
}
.merrit_box ul li p {
font-size: 10px;
line-height: 14px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
.merrit_box ul li p span {
font-size: 20px;
}
.merrit_box ul li:nth-child(2n) { margin-right: 3%;
}
.kaitori.under .category_box {
margin: 10px 4% 0;
}
.kaitori.under .category_box ul li {
width: 48%;
background: #fff;
border-radius: 5px;
float: left;
margin-left: 0;
text-align: center;
margin-bottom: 13px;
}
.kaitori.under .category_box ul li:nth-child(2n) {
float: right;
}
.kaitori.under .category_box ul li .imgbox {
border-radius: 5px 5px 0px 0px;
display: block;
float: none;
width: 100%;
overflow: hidden;
position: block;
box-sizing: border-box;
}
.kaitori.under .category_box ul li .imgbox img {
width: 100%;
}
.kaitori.under .category_box ul li div {
border-radius: 0px 0px 5px 5px;
float: none;
display: block;
width: 100%; background-color: #DE1122; min-height: 35px;
height: 35px;
box-sizing: border-box;
}
.kaitori.under .category_box ul a {
text-decoration: none;
}
.kaitori.under .category_box ul li span {
padding: 0 0 0px 10px;
box-sizing: border-box;
display: block;
margin: 0px;
width: 100%;
float: none;
color: #fff;
font-size: 13px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow01.png) no-repeat left 6px;
background-size: 6px;
text-decoration: none;
font-weight: bold;
}
.kaitori.under .category_box ul li p.txt {
padding: 0;
color: #fff;
font-size: 12px;
width: 100%;
float: none;
line-height: 12px;
text-decoration: none;
text-align: center;
margin-top: 4px;
}
.blog_cover {
height: 400px;
overflow-y: auto;
overflow-x: hidden;
margin-bottom: 20px;
}
dl.blog_txt {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.blog_txt dt {
background-color: #E9EAEA;
border-top: 4px solid #CD000D;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
color: #CD000D;
width: 94%;
margin-left: auto;
margin-right: auto;
}
.blog_txt dt .date {
font-size: 12px;
color: #5B5B5B;
margin-right: 20px;
}
.blog_txt dd {
margin-bottom: 30px;
}
.blog_txt dd img {
display: block;
margin-top: 10px;
margin-bottom: 10px;
} .fst .satei_btm p a {
color: #de1122;
}
.fst .category_box {
margin: 10px 10px 0;
}
.fst .category_box ul li {
width: 100%;
border-radius: 5px;
margin-bottom: 10px;
height: 70px;
display: table;
}
.fst .category_box ul li .imgbox {
border-radius: 5px 0 0 5px;
display: table-cell;
float: left;
width: 40%;
overflow: hidden;
min-height: 80px;
height: 80px;
position: relative;
box-sizing: border-box;
}
.fst .category_box ul li div {
border-radius: 0 5px 5px 0;
float: left;
display: table-cell;
width: 60%;
box-sizing: border-box;
background: #de1122;
padding: 5px;
min-height: 80px;
height: 80px;
box-sizing: border-box;
}
.fst .category_box ul a {
text-decoration: none;
}
.fst .category_box ul li span {
padding: 0 0 0px 10px;
box-sizing: border-box;
display: block;
margin: 0px;
width: 100%;
float: left;
color: #fff;
font-size: 13px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow01.png) no-repeat left 3px;
background-size: 6px;
text-decoration: none;
font-weight: bold;
}
.fst .category_box ul li h3 {
padding: 0 0 2px 10px;
box-sizing: border-box;
display: block;
margin: 0px;
width: 100%;
float: left;
color: #fff;
font-size: 13px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow01.png) no-repeat left 2px;
background-size: 6px;
text-decoration: none;
font-weight: bold;
line-height: 1;
}
.fst .category_box ul li p.txt {
padding: 0;
color: #fff;
font-size: 8px;
width: 100%;
float: left;
line-height: 1;
text-decoration: none;
}
.under .first .box02 .fst li img {
width: 125%;
margin: 0 auto;
display: block;
}
.under .first .box02 .fst .satei_btm p {
margin-bottom: 0px;
padding-top: 75px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}
.under .first .box02 .fst p {
margin: 0px;
padding: 0px;
}
.fst_btn {
text-align: left;
}
.fst_btn li {
display: block;
padding-bottom: 10px;
margin-right: 20px;
margin-left: 20px;
}
.fst_btn li a {
display: block;
width: 100%;
}
.fst_btn li.btn_01 a {
text-decoration: none;
background-color: #D8232F;
padding-top: 5px;
padding-bottom: 5px;
color: #FFFFFF;
text-align: center;
}
.fst_btn li.btn_02 a {
text-decoration: none;
background-color: #F4A53D;
padding-top: 5px;
padding-bottom: 5px;
color: #FFFFFF;
text-align: center;
}
.fst_btn li.btn_03 a {
text-decoration: none;
background-color: #007EB9;
padding-top: 5px;
padding-bottom: 5px;
color: #FFFFFF;
text-align: center;
}
.page-template-page-shop #main h3 a,
.page-template-page-shop #main h3 a:link,
.page-template-page-shop #main h3 a:visited {
display: block;
color: #FFFFFF;
text-decoration: none;
}
.page-template-page-shop #main h3 a:active,
.page-template-page-shop #main h3 a:hover {
display: block;
color: #FFFFFF;
text-decoration: underline;
}
.top .blog {
margin-top: 0px;
} p.foot_btn01 {
float: left;
width: 66%;
margin-left: 2%;
margin-top: 10px;
}
p.foot_btn02 {
width: 27%;
float: right;
margin-left: 7px;
margin: 4px 1.5% 4px 7px;
}
p.foot_btn03 {
clear: both;
} div#privacy {
background: #fff;
border-radius: 10px;
margin-top: 25px;
color: #000;
font-size: 14px!important;
}
p.privacy_ttl {
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
}
div#privacy>ul>li {
margin-bottom: 5px;
}
div#privacy>ul>li>ul {
margin-top: 3px!important;
}
div#privacy>ul>li:last-child {
margin-bottom: 20px;
}
.menu_list li a {
height: 44px;
vertical-align: middle;
display: table-cell;
width: 30%!important;
}
.check00 strong {
font-size: 12px;
line-height: 1.2;
}
.check00 {
padding: 10px 15px 5px;
}
.satei_box li:first-child {
position: relative;
}
p.sp_whats {
position: absolute;
right: 17px;
top: 17px;
font-size: 0.8rem;
font-weight: bold;
color: #7cb249;
}
.box08 .shop_txt {
display: block;
padding-top: 10px;
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
.box08 .address {
display: block;
padding-top: 3px;
margin-bottom: 6px;
padding-left: 15px;
padding-right: 15px;
}
.box08 .tel {
display: block;
padding-top: 3px;
margin-bottom: 6px;
padding-left: 15px;
padding-right: 15px;
}
.box08 .time {
display: block;
padding-top: 3px;
margin-bottom: 6px;
padding-left: 15px;
padding-right: 15px;
}
.box08 .holiday {
display: block;
padding-top: 3px;
margin-bottom: 6px;
padding-left: 15px;
padding-right: 15px;
}
.box08 .number {
display: block;
padding-top: 3px;
margin-bottom: 6px;
padding-left: 15px;
padding-right: 15px;
}
.box08 span {
font-size: 9px;
margin-top: 5px;
margin-left: 15px;
font-weight: bold;
border-radius: 2px;
text-align: center;
color: #fff;
padding: 4px 0px 2px 0px;
background: #adadad;
width: 25%;
line-height: 100%;
display: block;
}
.box08 p {
margin-left: 15px;
}
.box08 ul {
padding: 0;
}
.box08 ul li {
width: 100%;
}
.box08_in img {
width: 91%;
margin: 0 auto;
display: block;
}
.box08 h2 {
font-size: 16px;
text-align: center;
font-weight: bold;
color: #fff;
background: #de1122;
padding: 12px 15px 10px;
line-height: 100%;
margin-bottom: 15px;
}
.box08 h3 a {
color: #FFF;
text-decoration: none;
}
.box08 h3 {
text-align: center;
background: #ff6e6e;
width: 91%;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 20px;
padding: 8px 5px;
border-radius: 5px;
display: block;
box-sizing: border-box;
}
#google-maps {
position: relative;
padding-bottom: 30%;
height: 0;
overflow: hidden;
}
#google-maps iframe {
margin-top: 10px;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.page-id-111344 #main img {
width: 94%!important;
height: auto!important;
margin: 0 auto;
display: block;
}
p.pr_copy {
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
margin-top: 10px;
margin-bottom: 20px;
}
.pr_box11 {
box-sizing: border-box;
padding-right: 10px;
padding-left: 10px;
}
.pr_box10 {
float: left;
width: 45%;
margin-left: 7px;
margin-right: 10px;
margin-bottom: 5px;
}
.pr_box09 {
margin-bottom: 20px;
background: #eaeaea;
margin-right: 11px;
margin-left: 11px;
padding: 20px 3px;
border-radius: 5px;
}
h4.pr_h4 {
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
color: #de1122;
margin-top: 5px;
}
img.head_br {
width: 100%;
display: block;
border-top: 5px solid #de1122;
margin-bottom: 6px;
}
ul.mokuji01 {
margin: 10px 10px 0;
}
ul.mokuji02 {
margin: 0 10px 10px;
}
.mokuji_box {
border: 1px solid #ddd;
margin: 3%;
}
p.mokuji_title {
font-size: 18px;
margin-top: 12px;
margin-bottom: 10px!important;
margin-left: 10px!important;
}
.mokuji_box ul li {
margin-bottom: 3px;
}
.mokuji_box ul li a {
color: #38468e;
font-size: 12px;
}
h1.basic {
font-size: 16px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 7px 7px 7px;
line-height: 1.4;
margin: 15px 10px 15px;
box-sizing: border-box;
} .shop-review-wrap {
margin-top: 30px;
margin-bottom: 30px;
padding: 0 3%;
}
.shop-review-wrap .ttl {
background: none;
color: #000;
font-weight: bold;
padding-left: 0;
padding-bottom: 0;
margin: 0 !important;
font-size: 20px;
}
.shop-review-wrap .ttl-box {
border-bottom: 2px solid #878787;
margin-bottom: 10px;
padding-bottom: 10px;
text-align: right;
}
.shop-review-wrap .ttl2 {
font-weight: bold;
font-size: 15px !important;
display: block;
margin-top: 3px;
margin-left: 0 !important;
color: #000 !important;
background: none !important;
width: 100% !important;
text-align: left !important;
line-height: 1.4 !important;
}
.shop-review-wrap .ttl2-box {
margin-bottom: 3px;
}
.shop-review-wrap .grad-wrap {}
.shop-review-wrap .grad-btn {
color: #f4a43d;
font-size: 13px;
text-align: right;
cursor: pointer;
display: block;
font-weight: bold;
}
.shop-review-wrap .grad-btn::before {
content: "read more ∨";
}
.shop-review-wrap .grad-item {
position: relative;
overflow: hidden;
height: 40px; line-height: 20px;
font-size: 13px;
}
.shop-review-wrap .grad-item::before {
display: block;
position: absolute;
bottom: 0;
right: 0;
content: "･･･";
background: #fff;
}
.shop-review-wrap .grad-trigger1 {
display: none; }
.shop-review-wrap .grad-trigger1:checked~.grad-btn1::before {
content: "close" }
.shop-review-wrap .grad-trigger1:checked~.grad-item1 {
height: auto; }
.shop-review-wrap .grad-trigger1:checked~.grad-item1::before {
display: none; }
.shop-review-wrap .grad-trigger2 {
display: none; }
.shop-review-wrap .grad-trigger2:checked~.grad-btn2::before {
content: "close" }
.shop-review-wrap .grad-trigger2:checked~.grad-item2 {
height: auto; }
.shop-review-wrap .grad-trigger2:checked~.grad-item2::before {
display: none; }
.shop-review-wrap .grad-trigger3 {
display: none; }
.shop-review-wrap .grad-trigger3:checked~.grad-btn3::before {
content: "close" }
.shop-review-wrap .grad-trigger3:checked~.grad-item3 {
height: auto; }
.shop-review-wrap .grad-trigger3:checked~.grad-item3::before {
display: none; }
.shop-review-wrap .mi-star {
font-size: 22px;
color: #f4a43d;
vertical-align: middle;
} .page-template-page-shop .blog_cover {
margin-bottom: 20px;
height: auto!important;
margin-top: -13px;
}
.page-template-page-shop dl.blog_txt {
width: 92%;
margin-left: auto;
margin-right: auto;
}
.page-template-page-shop dt.search-title {
background: none;
border: none;
font-size: 16px;
padding-top: 0;
padding-bottom: 12px;
border-bottom: 1px dotted #ddd;
margin-top: 10px;
padding: 0 0 12px;
margin: 10px 0px 0!important;
width: 100%!important;
}
.page-template-page-shop dt.search-title .date {
display: block;
}
.page-template-page-shop .blog_txt dt a {
color: #DE1122!important;
font-size: 12px;
line-height: 1.6;
}
.page-template-page-shop p.description {
font-size: 10px;
color: #404040;
line-height: 1.6;
margin-top: 5px;
} .shop-oshirase-wrap {
position: relative;
background: #de1022;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 10px;
}
.shop-oshirase-wrap .ribbon {
display: inline-block;
height: 40px;
line-height: 40px;
vertical-align: middle;
text-align: center;
padding: 0 20px 0 35px;
font-size: 18px;
background: #f4a43d;
color: #FFF;
box-sizing: border-box;
position: relative;
font-weight: bold;
}
.shop-oshirase-wrap .ribbon:after {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/ribbon_right.png) no-repeat;
position: absolute;
right: -25px;
width: 25px;
height: 40px;
}
.shop-oshirase-wrap .ribbon-box {
position: absolute;
top: -20px;
}
.under .shop_list_detail .shop_catch {
font-size: 16px;
line-height: 1.4;
font-weight: bold;
color: #fff;
padding: 30px 15px 15px;
}
.under .shop_list_detail .shop_txt {
font-size: 12px;
line-height: 1.6;
}
.under .shop_list_detail h3 {
margin-bottom: 10px;
margin-top: 0;
}
.shop-oshirase-wrap .balloon {
position: relative;
padding: 10px 15px;
margin: 0 15px;
background: #fff;
border-radius: 6px;
}
.shop-oshirase-wrap .balloon::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: 20px;
top: -15px;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff;
border-left: 15px solid transparent;
} .shop-info-wrap {
background: #fdf2eb;
padding: 10px 15px;
}
.shop-info-wrap .address {
margin-bottom: 5px;
line-height: 1.4;
}
.shop-info-wrap dt {
display: inline-block;
}
.shop-info-wrap dd {
display: inline-block;
}
.shop-info-wrap dt span {
background: #de1022;
border-radius: 5px;
text-align: center;
color: #fff;
display: block;
margin-bottom: 5px;
line-height: 1.3;
}
.shop-info-wrap .tel-ttl {
width: 20%;
font-size: 20px;
margin-bottom: 5px;
}
.shop-info-wrap .tel-ttl span {
padding: 8px 0px 5px;
}
.shop-info-wrap .tel {
width: 70%;
font-size: 27px;
vertical-align: middle;
line-height: 1;
}
.shop-info-wrap .tel a {
text-decoration: none;
color: #000;
}
.shop-info-wrap .time-ttl {
width: 20%;
font-size: 13px;
vertical-align: middle;
}
.shop-info-wrap .time-ttl span {
padding: 2px 0px 0px;
}
.shop-info-wrap .time {
width: 70%;
vertical-align: top;
margin-top: 2px;
vertical-align: middle;
}
.shop-info-wrap .holiday-ttl {
width: 20%;
}
.shop-info-wrap .holiday-ttl span {
padding: 2px 0px 0px;
}
.shop-info-wrap .holiday {
width: 78%;
vertical-align: top;
margin-top: 2px;
}
.shop-info-wrap .kobutsu-ttl {
display: inline;
font-size: 10px;
}
.shop-info-wrap .kobutsu-ttl span {}
.shop-info-wrap .kobutsu {
display: inline;
font-size: 10px;
}
.shop-info-wrap .acf-map {
margin: 10px 0;
} .shop-access-route-wrap {
margin: 0 3%;
padding: 0;
counter-reset: section;
}
.shop-access-route-wrap li {
display: block;
padding: 0 0 15px;
}
.shop-access-route-wrap .img-holder {
margin: 0 0 10px;
border: 2px solid #f9bdbd;
}
.shop-access-route-wrap .img-holder img {
width: 100%;
}
.shop-access-route-wrap .txt {
padding: 0 10px 0 25px;
position: relative;
}
.shop-access-route-wrap .txt:before {
counter-increment: section;
content: counter(section);
position: absolute;
left: 0;
font-size: 25px;
color: #de1122;
} #recruit figure {
margin: 0;
padding: 0;
}
#recruit img {
max-width: 100%;
}
#recruit .swiper-button-next,
.swiper-button-prev {
color: #fff;
}
#recruit h3 {
font-size: 23px;
margin: 15px 0;
border-radius: 0;
padding: 7px 15px;
}
#recruit h4 {
font-size: 18px;
background: #fbd6d9;
border-radius: 5px;
padding: 5px 15px;
border-radius: 0;
}
#recruit #search-from h3 {
margin: 15px 0 5px;
}
#recruit #search-from ul.wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 10px 0 20px;
}
#recruit #search-from ul.wrap li {
width: calc(50% - 5px);
margin-right: 10px;
}
#recruit #search-from ul.wrap li:nth-child(2n) {
margin-right: 0;
}
#recruit #search-from ul.wrap:last-of-type {
margin-bottom: 30px;
}
#recruit #search-from ul.wrap li .name {
text-align: center;
margin-bottom: 5px;
line-height: 1.4;
}
#recruit #why-work h3 {
background: #f06b37;
margin: 5px 0 0;
}
#recruit #why-work .note-wrap {
background: #fbf4f4;
padding: 1em 15px;
border-radius: 5px;
border-radius: 0;
}
#recruit #why-work .note-wrap .note {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #ddd 97%, #ddd 100%);
background-size: 100% 2em;
line-height: 2;
}
#recruit #why-work .note-wrap .note p {
margin-bottom: 2em;
}
#recruit #qa h3 {
background: #f28e10;
margin: 5px 0;
}
#recruit #qa dl {
margin-bottom: 30px;
}
#recruit #qa dt {
background: #fbe6cc;
padding: 5px 15px;
margin-bottom: 10px;
font-weight: bold;
color: #393939;
}
#recruit #qa dt:before {
content: 'Q.';
font-size: 1.4rem;
color: #ee8b10;
padding-right: 5px;
}
#recruit #qa dd {
margin-bottom: 20px;
padding: 0 15px;
}
#recruit #qa dd.pic {
position: relative;
}
#recruit #qa dd.pic figure {
position: static;
top: 0;
right: 0;
margin-top: 10px;
}
#recruit #qa dd:before {
content: 'A.';
font-size: 1.4rem;
color: #ee8b10;
padding-right: 5px;
}
#recruit #staff-interview h3 {
margin: 5px 0;
}
#recruit #staff-interview dl {
margin: 5px 0 40px;
}
#recruit #staff-interview dt {
background: #ffdfdf;
padding: 5px 15px;
margin-bottom: 10px;
font-weight: bold;
color: #393939;
}
#recruit #staff-interview dt:before {
content: 'Q.';
font-size: 1.4rem;
color: #de1122;
padding-right: 5px;
}
#recruit #staff-interview dd {
margin-bottom: 20px;
padding: 0 15px;
}
#recruit #staff-interview dd:before {
content: 'A.';
font-size: 1.4rem;
color: #de1122;
padding-right: 5px;
}
@media only screen and (max-width:320px) {
#recruit h3 {
font-size: 20px;
}
#recruit #search-from h4 {
font-size: 16px;
}
#recruit #search-from ul.wrap li .name {
font-size: 12px;
}
} h2.ttl_bottom {
background: #eaeaea!important;
color: #383838!important;
font-weight: bold;
margin-bottom: 10px!important;
margin-top: 20px!important;
font-size: 16px!important;
border-radius: 0!important;
line-height: 1.4 !important;
}
h3.ttl_bottom02 {
background: none!important;
color: #de1122!important;
padding-left: 0!important;
font-weight: bold!important;
font-size: 16px!important;
margin-bottom: 0!important;
}
h3.ttl_bottom {
background: #eaeaea!important;
color: #383838!important;
font-weight: bold;
margin-bottom: 10px!important;
margin-top: 20px!important;
font-size: 14px!important;
border-radius: 0!important;
}
h4.ttl_bottom02 {
background: none!important;
color: #de1122!important;
padding-left: 0!important;
font-weight: bold;
font-size: 14px!important;
margin-bottom: 0!important;
margin-top: 0px;
padding: 7px 7px 7px;
margin: 5px 3% 15px;
}
.under.kaitori .purchaselist {
margin: 10px 0 0;
padding: 0 3.5%;
}
.under.kaitori .purchaselist img {
max-width: 100%;
}
.under.kaitori .purchaselist .txt {
font-size: 12px;
background: #e6e2d4;
text-align: center;
line-height: 1.4;
min-height: 37px;
padding: 3px 5px 0;
margin-bottom: 20px;
}
.under.kaitori .purchaselist ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: center;
text-align: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.under.kaitori .purchaselist ul li {
width: calc(100% / 3 - 10px);
padding: 0 5px;
}
.uriage_up p.ttl {
background: none;
margin: 0!important;
padding: 15px 2.5%;
}
.uriage_up p.ttl img {
width: 100%;
}
ul.check_po_ul img {
float: left;
width: 10%;
}
.uriage_up {
background: #eae9e9;
box-sizing: border-box;
padding: 0 0 3%;
margin-bottom: 20px;
}
ul.check_po_ul li {
background: #fff;
margin-bottom: 5px;
box-sizing: border-box;
padding: 0 1% 1%;
border-radius: 3px;
}
ul.check_po_ul {
box-sizing: border-box;
padding: 0 2.5%;
}
ul.check_po_ul li::after {
content: "";
display: block;
clear: both;
}
ul.check_po_ul li p em {
font-size: 83%;
color: #cd010a;
display: block;
border-bottom: 1px solid #cd010a;
margin-bottom: 3px;
font-weight: bold;
}
ul.check_po_ul li p {
display: block;
margin-left: 12%;
padding-top: 1%;
}
ul.check_po_ul li p span {
font-size: 10px;
line-height: 1.5;
}
.under h3,
h4.about_product {
font-size: 16px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 7px 7px 7px;
line-height: 1.4;
margin: 15px 3% 15px;
box-sizing: border-box;
font-weight: normal;
}
ul.list-watch-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 10px;
font-size: 13px;
line-height: 1.3;
}
ul.list-watch-wrap li {
width: 50%;
flex: 1 1 50%;
margin-bottom: 7px;
}
ul.list-watch-wrap li.morelink {
flex: 1 1 100% !important;
text-align: center;
}
ul.list-watch-wrap li.morelink span {
display: inline-block;
margin: 20px auto;
padding: 6px 40px;
background: #de1122;
border: 2px solid #fff;
color: #fff;
text-align: center;
border-radius: 5px;
} .merritBoxSet {
background: #eaeaea;
margin-top: 20px;
}
.merritBoxSet h2 {
background: #de1122!important;
text-align: center;
font-size: 18px!important;
font-weight: bold;
color: #fff!important;
padding: 10px!important;
margin-bottom: 10px!important;
border-radius: 0;
margin: 0;
}
.merritBoxSet .txt {
font-size: 10px;
font-size: 13px;
padding: 0 15px 10px;
line-height: 1.6;
}
.merritBoxSet .merritBox {}
.merritBoxSet .merritBox .merritColumn {
padding: 13px 15px 10px 100px;
box-sizing: border-box;
min-height: 145px;
border-bottom: 1px dotted #ccc;
}
.merritBoxSet .merritBox .mc01 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/bg_merrit01.png) 0 10px no-repeat #fff;
}
.merritBoxSet .merritBox .mc02 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/bg_merrit02.png) 0 10px no-repeat #fff;
}
.merritBoxSet .merritBox .mc03 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/bg_merrit03.png) 0 10px no-repeat #fff;
}
.merritBoxSet .merritBox .mc04 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/bg_merrit04.png) 0 10px no-repeat #fff;
}
.merritBoxSet .merritBox .mc05 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/bg_merrit05.png) 0 10px no-repeat #fff;
}
.merritBoxSet .merritBox .mc06 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/bg_merrit06.png) 0 10px no-repeat #fff;
}
.merritBoxSet .merritBox .merritColumn h3 {
font-size: 20px;
color: #555;
font-weight: bold;
margin: 0 0 5px 0;
background: none;
padding: 0;
}
.merritBoxSet .merritBox .merritColumn p {
font-size: 12px;
line-height: 1.6;
} #mamechisiki .ttl-relate {
border-bottom: 1px solid #ccc;
margin: 80px 0 15px;
padding: 0 0 10px 45px;
font-size: 16px;
font-weight: bold;
color: #bd0000;
line-height: 1;
position: relative;
}
#mamechisiki .ttl-relate:before {
content: "";
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/bg_ttl_relate.gif) no-repeat;
background-size: contain;
width: 100%;
height: 40px;
position: absolute;
left: 3%;
bottom: 10px;
}
#mamechisiki .naviBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 3%;
}
#mamechisiki .naviBox .naviColumn {
-ms-flex-preferred-size: 48%;
flex-basis: 48% !important;
margin-bottom: 15px;
}
#mamechisiki .naviBox .naviColumn .naviCon {
display: block;
text-decoration: none;
color: #000;
transition: background 0s ease 0s, border 0.5s ease-out 0s;
background: #f1f1f1;
border: 1px solid #dadada;
}
#mamechisiki .naviBox .naviColumn .naviCon .naviPhoto img {
max-width: 100%;
height: auto;
}
#mamechisiki .naviBox .naviColumn .naviCon h3 {
padding: 5px 4%;
font-size: 14px;
font-weight: bold;
color: #bd0000;
border: none;
background: #f1e671;
line-height: 1.5;
margin: 0;
border-radius: 0;
text-decoration: underline;
min-height: 100px;
}
#mamechisiki .naviBox .naviColumn .naviCon .ellipsis {
position: relative;
height: 80px;
overflow: hidden;
line-height: 20px;
padding: 0 4%;
margin: 10px 0!important;
}
#mamechisiki .naviBox .naviColumn .naviCon .ellipsis:before,
.naviBox .naviColumn .naviCon .ellipsis:after {
position: absolute;
background: #f1f1f1;
}
#mamechisiki .naviBox .naviColumn .naviCon .ellipsis:before {
content: "･･･";
bottom: 0;
right: 0;
}
#mamechisiki .naviBox .naviColumn .naviCon .ellipsis:after {
content: "";
width: 100%;
height: 100%;
}
#mamechisiki .naviBox .naviColumn .naviCon:hover {
color: #000;
background: #fff9f5 none repeat scroll 0 0;
border: 1px solid #bd0000;
transition: background 0s ease 0s, border 0.5s ease-out 0s;
}
#mamechisiki-detail {
padding: 10px;
}
#mamechisiki-detail h3 {
margin: 40px 0 15px 0;
padding: 0 0 10px 0;
font-size: 18px;
line-height: 1.3;
font-weight: bold!important;
border-bottom: 3px solid #de1122;
background: none;
color: #de1122;
border-radius: 0;
}
#mamechisiki-detail h4 {
margin: 30px 0 20px 0;
padding-left: 12px;
font-size: 18px;
font-weight: bold!important;
line-height: 1.4;
border-left: 3px solid #de1122;
}
#mamechisiki-detail .txt {
margin-bottom: 20px;
line-height: 1.8;
}
#mamechisiki .all {
font-size: 11px;
text-align: right;
padding: 0 3%;
} .archive-column #main {
width: auto;
float: none;
}
.archive-column .page_ttl {
font-size: 22px;
font-weight: bold;
padding: 15px 0 15px 25px;
}
.archive-column img {
max-width: 100%;
height: auto;
}
.archive-column ul {}
.archive-column ul li.column-wrap {
line-height: 1.4;
padding-bottom: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.archive-column ul li.column-wrap .left {
margin-bottom: 15px;
width: auto !important;
}
.archive-column ul li.column-wrap .right {
padding: 0 3%;
width: 100% !important;
}
.archive-column ul li.column-wrap .dt-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px;
}
.archive-column ul li.column-wrap .date {
color: #de1122;
margin-right: 1em;
margin-bottom: 5px;
}
.archive-column ul li.column-wrap .ttl {
background: none;
margin: 0;
padding: 0;
line-height: 1.5;
}
.archive-column ul li.column-wrap .ttl a {
color: #000;
font-size: 18px;
}
.archive-column ul li.column-wrap .ellipsis {
font-size: 11px;
}
.archive-column ul li.column-wrap .ellipsis a {
display: block;
background: #de1122;
color: #fff;
text-align: center;
padding: 5px 0;
margin-top: 7px;
}
.archive-column .wp-pagenavi span {
padding: 8px 14px!important;
}
.archive-column .wp-pagenavi {
margin: 20px auto;
}
.archive-column .ttl_bg {
margin-left: auto !important;
} #toc {
margin: 20px 3%;
border: 3px solid #f0f0f0;
}
#toc h2 {
padding: 2px;
background-color: #f0f0f0;
color: #555;
font-weight: bold;
line-height: 1.5;
text-align: center;
margin: 0;
border: none;
font-size: 16px;
}
#toc ol {
margin-left: 15px; padding: 5px 15px 15px 0;
counter-reset: num;
}
#toc ol li {
position: relative;
list-style-type: none; margin-bottom: 2px;
padding-left: 10px;
font-size: 14px;
padding-top: 2px;
}
#toc ol li::before {
position: absolute;
left: -7px;
background: transparent;
font-size: inherit;
line-height: inherit;
counter-increment: num;
content: counter(num);
}
#toc ol.toc-area_list {
padding-left: 1em;
}
#toc ol.toc-area_list>li::before {
position: absolute;
top: 5px;
left: -7px;
width: 22px;
height: 22px;
margin-right: 1em;
margin-left: -1em;
background: #DE1122;
color: #fff;
font-size: 14px;
line-height: 22px;
text-indent: 0;
text-align: center;
vertical-align: middle;
counter-increment: num;
content: counter(num);
}
#toc a {
color: #000000;
} .bna-your-town {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/bna_your_town_bg.gif);
background-size: cover;
overflow: hidden;
position: relative;
margin-bottom: 30px;
padding-top: 39%;
}
.bna-your-town a {
display: block;
}
@media (min-width:414px) and (max-width:767px) {
.bna-your-town .btn-search-shop {
position: absolute;
top: 77px;
right: 12px;
padding: 0;
margin: 0;
width: 71%;
}
.bna-your-town .btn-delivery-purchase {
position: absolute;
top: 125px;
right: 12px;
padding: 0;
margin: 0;
width: 71%;
}
.bna-your-town .woman {
position: absolute;
top: 0;
left: -28px;
padding: 0;
margin: 0;
width: 37%;
}
}
@media (min-width:321px) and (max-width:413px) {
.bna-your-town .btn-search-shop {
position: absolute;
top: 70px;
right: 12px;
padding: 0;
margin: 0;
width: 70%;
}
.bna-your-town .btn-delivery-purchase {
position: absolute;
top: 115px;
right: 12px;
padding: 0;
margin: 0;
width: 70%;
}
.bna-your-town .woman {
position: absolute;
top: 0;
left: -35px;
padding: 0;
margin: 0;
width: 40%;
}
}
@media screen and (max-width: 320px) {
.bna-your-town .btn-search-shop {
position: absolute;
top: 60px;
right: 12px;
padding: 0;
margin: 0;
width: 70%;
}
.bna-your-town .btn-delivery-purchase {
position: absolute;
top: 98px;
right: 12px;
padding: 0;
margin: 0;
width: 70%;
}
.bna-your-town .woman {
position: absolute;
top: 0;
left: -35px;
padding: 0;
margin: 0;
width: 40%;
}
} .shop_kaitori .txt03 {
padding: 10px;
border: 2px dotted #de1122;
background: #fff2f2;
font-size: 12px;
line-height: 1.6;
}
.shop_kaitori .txt03 strong {
font-size: 14px;
color: #cd000e;
} #property {
padding: 0 15px;
}
#property figure {
margin: 10px 0;
}
#property figure img {
margin-bottom: 10px;
}
#property .txt01 {
font-size: 24px;
line-height: 1.4;
color: #72644a;
margin-bottom: 10px;
}
#property .area li {
margin-bottom: 5px;
}
#property .area li:before {
content: "■";
padding-right: 3px;
}
#property h3 {
margin: 15px 0 15px;
}
#property h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
#property table {
width: 100%;
padding: 0 20px;
border-collapse: collapse;
border-spacing: 0;
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
}
#property table:last-of-type {
border: none;
margin-bottom: 0;
}
#property table caption {
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
}
#property table th {
width: 100%;
display: block;
font-weight: bold;
text-align: left;
line-height: 1.6;
position: relative;
}
#property table td {
width: 100%;
display: block;
line-height: 1.6;
padding: 10px 0;
}
#property table input[type="text"]::-moz-placeholder,
#property table input[type="number"]::-moz-placeholder,
#property table textarea::-moz-placeholder,
#property table input[type="file"]::-moz-placeholder,
#property table input[type="tel"]::-moz-placeholder,
#property table input[type="email"]::-moz-placeholder {
color: #999;
}
#property table input[type="text"],
#property table input[type="tel"],
#property table input[type="email"],
#property table textarea {
font-size: 16px;
line-height: 1.6;
padding: 10px 15px;
border: 1px solid #999;
width: 100%;
box-sizing: border-box;
}
#property table input[type="file"] {
padding: 10px 0;
}
#property table th.required::before {
content: "必須";
position: absolute;
top: 0;
right: 0;
padding: 6px;
color: #fff;
line-height: 1;
background: #de1122;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#property table textarea {
height: 160px;
}
#property .submit {
text-align: center;
margin-bottom: 100px;
}
#property input[type="submit"] {
background: #de1122;
color: #fff;
font-size: 24px;
border: none;
border-radius: 5px;
width: 90%;
height: 100px;
cursor: pointer;
margin: 45px 0 0;
}
#property input[type="button"] {
display: block;
background: #868686;
color: #fff;
font-size: 18px;
padding: 15px 50px;
margin: 30px auto;
border: none;
border-radius: 5px;
cursor: pointer;
} #property .stepBar {
position: relative;
list-style: none;
margin: 0 0 1em;
padding: 0;
text-align: center;
width: 100%;
overflow: hidden;
*zoom: 1;
}
#property .stepBar .step {
position: relative;
float: left;
display: inline-block;
line-height: 40px;
padding: 0 40px 0 10px;
background-color: #eee;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
}
@media screen and (max-width: 374px) {
#property .stepBar .step {
padding: 0 20px 0 0px;
font-size: 11px;
}
}
#property .stepBar .step:before,
#property .stepBar .step:after {
position: absolute;
left: -15px;
display: block;
content: '';
background-color: #eee;
border-left: 4px solid #FFF;
width: 20px;
height: 20px;
}
#property .stepBar .step:after {
top: 0;
-moz-transform: skew(30deg);
-ms-transform: skew(30deg);
-webkit-transform: skew(30deg);
transform: skew(30deg);
}
#property .stepBar .step:before {
bottom: 0;
-moz-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-webkit-transform: skew(-30deg);
transform: skew(-30deg);
}
#property .stepBar .step:first-child {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
#property .stepBar .step:first-child:before,
#property .stepBar .step:first-child:after {
content: none;
}
#property .stepBar .step:last-child {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
#property .stepBar .step.current {
color: #FFF;
background-color: #de1122;
}
#property .stepBar .step.current:before,
#property .stepBar .step.current:after {
background-color: #de1122;
}
#property .stepBar.step2 .step {
width: 50%;
}
#property .stepBar.step3 .step {
width: 33.333%;
}
#property .stepBar.step4 .step {
width: 25%;
}
#property .stepBar.step5 .step {
width: 20%;
} .shop-details .faq-ttl {
color: #000;
font-size: 25px;
font-weight: bold;
background: none;
margin: 0 0 20px 0;
padding: 0;
border-top: 1px solid #ccc;
padding-top: 30px;
text-align: center;
}
.shop-details dl.faq {
font-weight: bold;
margin-bottom: 40px;
padding: 0 3%;
}
.shop-details dl.faq dt {
color: #D41319;
padding-left: 35px;
text-indent: -35px;
}
.shop-details dl.faq dd {
margin-bottom: 20px;
padding-left: 35px;
text-indent: -35px;
line-height: 1.5;
font-weight: normal;
}
.shop-details dl.faq dt:before {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/bg_q.png) no-repeat;
background-size: contain;
padding-right: 3px;
width: 32px;
height: 25px;
display: inline-block;
}
.shop-details dl.faq dd:before {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/bg_a.png) no-repeat;
background-size: contain;
padding-right: 3px;
width: 32px;
height: 25px;
display: inline-block;
} .compare-wrap {
margin-bottom: 50px;
}
.top .compare-wrap {
margin: 30px 0;
}
.compare-wrap img {
max-width: 100%;
height: auto;
}
.compare-wrap h2 {
font-size: 16px;
font-weight: bold;
text-align: center;
border-radius: 0px;
color: #fff;
background: #de1122;
padding: 7px 7px 7px;
line-height: 1.4;
margin: 30px 0% 20px;
box-sizing: border-box;
}
.compare-wrap .txt-box {
position: relative;
font-size: 15px;
font-weight: bold;
display: inline-block;
padding-left: 25px;
padding-right: 20px;
margin-bottom: 12px;
}
.compare-wrap .txt-box:before {
position: absolute;
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/diamond-kaitori/line_left.gif) no-repeat;
width: 16px;
height: 26px;
left: 10px;
top: -4px;
}
.compare-wrap .txt-box:after {
position: absolute;
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/diamond-kaitori/line_right.gif) no-repeat;
width: 16px;
height: 26px;
right: 8px;
top: -4px;
}
.compare-wrap .txt-box2 {
font-size: 14px;
font-weight: bold;
line-height: 1;
margin-bottom: 15px;
padding-left: 3.5%;
}
.compare-wrap .txt-box2 span {
color: #de1122;
font-size: 23px;
margin-right: 3px;
}
.compare-wrap ul.item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 3%;
}
.compare-wrap ul.item-wrap li.item {
width: 100%;
background-image: linear-gradient(-135deg, #de1122 20px, transparent 0);
background-color: #ededed;
padding: 10px;
box-sizing: border-box;
margin-bottom: 15px;
}
.compare-wrap ul.item-wrap li.item h3 {
background: none;
color: #de1122;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 20px;
}
.compare-wrap ul.item-wrap li.item .gia {
font-size: 11px;
}
.compare-wrap ul.item-wrap li.item .inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .left {
width: 37%;
margin-right: 3%;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right {
width: 60%;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right ul.other-company {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 4px;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right ul.other-company li.other {
width: 100%;
line-height: 1.7;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right ul.other-company li.other .name {
background: #1e96aa;
color: #fff;
font-size: 11px;
padding: 5px 6px 2px;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right ul.other-company li.other .name .big {
font-size: 14px;
margin-right: 2px;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right ul.other-company li.other .price {
color: #707070;
font-size: 11px;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right ul.other-company li.other .price .big {
font-size: 17px;
margin-right: 2px;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right .jc {
background: #de1122;
color: #fff;
display: inline-block;
line-height: 1;
padding: 4px 6px 2px;
margin-bottom: 7px;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right .jc-price {
color: #de1122;
font-weight: bold;
line-height: 1;
font-size: 18px;
font-style: italic;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right .jc-price .big {
font-size: 32px;
}
.compare-wrap .note {
font-size: 11px;
line-height: 1.5;
padding: 0 3.5%;
}
@media screen and (max-width: 320px) {
.compare-wrap .txt-box {
font-size: 12px;
}
.compare-wrap .txt-box2 span {
font-size: 18px;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right .jc-price .big {
font-size: 26px;
}
} .under.kaitori .faq-ttl.watch {
color: #DE1122;
background-color: #E8EAEA;
border-top: 4px solid #CD000E;
line-height: 1.6;
font-weight: bold;
margin-bottom: 10px;
border-radius: 0;
}
ul.faq-wrap.watch {
list-style: none;
padding: 0;
margin: 0 3%;
}
ul.faq-wrap.watch li {
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
padding-bottom: 10px;
}
ul.faq-wrap.watch li:last-of-type {
border-bottom: none;
}
ul.faq-wrap.watch li h3 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/tokei-kaitori/bg_q.png) no-repeat;
background-size: 32px;
padding: 8px 0 10px 37px;
font-size: 13px;
font-weight: bold;
color: #555;
margin: 0;
}
ul.faq-wrap.watch li .answer {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/tokei-kaitori/bg_a.png) no-repeat;
background-size: 32px;
padding: 0 0 0 37px;
color: #333;
font-size: 12px;
min-height: 25px;
line-height: 1.5;
}
@media (min-width: 319px) and (max-width: 374px) {
.top .category_box ul li .imgbox img,
.tenpo .category_box ul li .imgbox img,
.purchase .category_box ul li .imgbox img {
margin-top: 0px!important;
width: 124%!important;
margin-left: -15px!important;
} .shop-info-wrap .tel {
font-size: 24px;
}
.shop-info-wrap .tel-ttl {
width: 25%
}
.shop-info-wrap .time-ttl {
width: 25%
}
.shop-info-wrap .holiday-ttl {
width: 25%
}
.shop-info-wrap .holiday {
width: 70%;
}
}
@media (min-width: 375px) and (max-width: 413px) { .top .category_box ul li .imgbox img,
.tenpo .category_box ul li .imgbox img,
.purchase .category_box ul li .imgbox img {
margin-top: 0px!important;
width: 104%!important;
} .top .box06 .sp_hukidashi p {
font-size: 13px!important;
width: 73%!important;
display: block!important;
}
}
@media (min-width: 414px) and (max-width: 767px) { .top .category_box ul li .imgbox img,
.tenpo .category_box ul li .imgbox img,
.purchase .category_box ul li .imgbox img {
margin-top: 0px!important;
width: 100%!important;
} .top .box06 .sp_hukidashi p {
font-size: 13px!important;
width: 76%!important;
display: block!important;
}
}
.collapse:not(.show) {
display: none;
}
.collapse {
visibility: hidden;
}
.collapse.show {
visibility: visible;
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.collapsing.width {
-webkit-transition-property: width, visibility;
transition-property: width, visibility;
width: 0;
height: auto;
}
.txt-overflow {
height: 50px;
margin-bottom: 10px;
display: block;
overflow: hidden;
word-break: break-word;
word-wrap: break-word;
}
.btn-orange {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
line-height: 1.5;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
color: #ffffff;
background-color: #FF8439;
border-color: #FFFFFF;
margin-top: 0px !important;
margin-bottom: 15px !important;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
color: #ffffff;
opacity: 0.8;
border-color: #FFFFFF;
box-shadow: none;
outline: none;
}
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
background-image: none;
}
.btn-orange .badge {
color: #FF8439;
background-color: #ffffff;
} a.more {
display: block;
text-align: center;
text-decoration: none;
background: #ff8439;
height: 36px;
clear: both;
line-height: 37px;
color: #fff;
border-radius: 5px;
font-size: 14px;
margin: 0px 5px 30px;
}
@media screen and (max-width: 767px) {
.jisseki_list .wp-pagenavi {
padding-top: 15px;
}
.wp-pagenavi {
clear: both;
display: table;
margin: 20px auto 20px;
}
.jisseki_list .wp-pagenavi a,
.jisseki_list .wp-pagenavi span {
text-decoration: none;
padding: 8px 14px!important;
color: #fff;
background: #de1122;
margin-left: 5px!important;
margin-right: 5px!important;
font-size: 12px;
border-radius: 5px;
border: 2px solid #de1122!important;
box-sizing: border-box;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background: #fff;
border: 2px solid #de1122!important;
color: #de1122;
box-sizing: border-box;
}
.wp-pagenavi a,
.wp-pagenavi span {
text-decoration: none;
padding: 8px 14px!important;
color: #fff;
background: #de1122;
margin-left: 5px!important;
margin-right: 5px!important;
font-size: 12px;
border-radius: 5px;
border: 2px solid #de1122!important;
box-sizing: border-box;
display: initial;
}
} .shop-details .br-sp {
display: none;
}
.shop-details figure {
margin: 0;
padding: 0;
}
.shop-details .ttl-wrapper {
margin-bottom: 10px;
padding: 0 2%;
}
.shop-details .ttl-wrapper .catchphrase {
font-size: 1.4rem;
margin-bottom: 5px;
line-height: 1.4;
}
.shop-details .ttl-wrapper h2 {
font-size: 2rem;
font-weight: bold;
background: none;
color: #000;
padding: 0;
margin: 0;
} .shop-details .temporary-closure-wrapper {
border: 2px solid #ff0000;
padding: 15px 15px 13px;
line-height: 1.5;
color: #ff0000;
font-weight: bold;
background: #fff;
margin: 20px 2% 0;
}
.shop-details .shop-info-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: column-reverse;
margin-bottom: 30px;
}
.shop-details .shop-info-wrapper .left {
width: 100%;
}
.shop-details .shop-info-wrapper .right {
width: 100%;
padding: 0 2%;
box-sizing: border-box;
margin: 20px 0;
}
.shop-details .shop-info-wrapper .swiper-container {
width: 100%; margin: 0;
text-align: center;
}
.shop-details .shop-info-wrapper .slider img {
width: 100%;
height: 281px;
object-fit: cover;
}
.shop-details .shop-info-wrapper .thumbnail img {
width: 98%;
height: 93.7px;
object-fit: cover; }
@media screen and (min-width: 376px) {
.shop-details .shop-info-wrapper .slider img {
height: 311px;
}
.shop-details .shop-info-wrapper .thumbnail img {
height: 101px;
}
}
@media screen and (max-width: 320px) {
.shop-details .shop-info-wrapper .slider img {
height: 240px;
}
.shop-details .shop-info-wrapper .thumbnail img {
height: 78px;
}
}
.shop-details .shop-info-wrapper .slider {
border-bottom: 2px solid #fff;
}
.shop-details .shop-info-wrapper :root {
--swiper-theme-color: #ffffff;
}
.shop-details .shop-info-wrapper .thumbnail .swiper-slide-active {
opacity: 0.5;
}
.shop-details .shop-info-wrapper .right ul.hashtag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
}
.shop-details .shop-info-wrapper .right ul.hashtag li {
font-size: 1.1rem;
color: #DE1122;
line-height: 1.6;
margin-right: 1em;
}
.shop-details .shop-info-wrapper .right ul.hashtag li:before {
content: "#";
}
.shop-details .shop-info-wrapper .right .shop-name {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.4;
margin-bottom: 15px;
}
.shop-details .shop-info-wrapper .right dl.info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
@media screen and (max-width: 320px) {
.shop-details .shop-info-wrapper .right dl.info {
display: -webkit-inline-box;
}
}
.shop-details .shop-info-wrapper .right dl.info dt {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
font-weight: bold;
border-top: 1px solid #ccc;
padding: 10px 0;
}
.shop-details .shop-info-wrapper .right dl.info dd {
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
border-top: 1px solid #ccc;
padding: 10px 0;
line-height: 1.5;
}
.shop-details .shop-info-wrapper .right dl.info dt:last-of-type {
border-bottom: 1px solid #ccc;
}
.shop-details .shop-info-wrapper .right dl.info dd:last-of-type {
border-bottom: 1px solid #ccc;
}
.shop-details .shop-info-wrapper .right .msg {
line-height: 1;
}
.shop-details .shop-tel-top {
text-align: center;
margin-bottom: 10px;
}
.shop-details .shop-tel-top .decoration {
color: #D41319;
position: relative;
display: inline-block;
font-weight: bold;
font-size: 1.8rem;
line-height: 1.4;
}
.shop-details .shop-tel-top .decoration:before {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/line2_decoration_left.png) no-repeat;
position: absolute;
width: 28px;
height: 57px;
top: -3px;
left: -21px;
}
.shop-details .shop-tel-top .decoration:after {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/line2_decoration_right.png) no-repeat;
position: absolute;
width: 28px;
height: 57px;
top: -3px;
right: -22px;
}
.shop-details .shop-tel-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: linear-gradient(166deg, #D41319 50%, #C0191C 50%);
color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 4px;
padding: 10px;
margin: 0 2% 20px;
}
.shop-details .shop-tel-wrapper a {
color: #fff;
line-height: 1;
font-size: 2.4rem;
font-weight: bold;
position: relative;
text-decoration: none;
}
.shop-details .shop-tel-wrapper a:before {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/icon_tel.png) no-repeat;
background-size: contain;
position: absolute;
left: -36px;
top: 2px;
width: 33px;
height: 100%;
}
.shop-details .shop-tel-wrapper .left {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 10px;
}
.shop-details .shop-tel-wrapper .right {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; box-sizing: border-box;
}
.shop-details .shop-tel-wrapper .left p {
font-weight: bold;
font-size: 1.45rem;
}
@media screen and (max-width: 320px) {
.shop-details .shop-tel-wrapper .left p {
font-size: 1.2rem;
}
.shop-details .shop-tel-wrapper a {
font-size: 1.2rem;
}
}
.shop-details .acf-map {
margin: 0 0 20px;
}
.gold-kaitori .market-price-wrap {
background: none;
padding: 0 1.5%; }
.gold-kaitori .market-price-wrap h2.ttl {
font-size: 1.3rem;
padding: 10px 15px;
text-align: left;
margin: 0 0 10px;
color: #fff;
background: #de1122;
line-height: 100%;
}
.gold-kaitori .market-price-wrap .date {
text-align: right;
font-size: 0.7rem;
margin-bottom: 2px;
}
.gold-kaitori .market-price-wrap .gold-wrap,
.gold-kaitori .market-price-wrap .platinum-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.gold-kaitori .market-price-wrap .gold-wrap {
margin-bottom: 10px;
}
.gold-kaitori .market-price-wrap .platinum-wrap {
margin-bottom: 20px;
}
.gold-kaitori .market-price-wrap .kind {
height: 50px;
}
.gold-kaitori .market-price-wrap .kind.gold-wrap .left {
background: #ddba80;
}
.gold-kaitori .market-price-wrap .kind.gold-wrap .right {
background: #f0e0c7;
}
.gold-kaitori .market-price-wrap .kind.platinum-wrap .left {
background: #b0b0b0;
}
.gold-kaitori .market-price-wrap .kind.platinum-wrap .right {
background: #ededed;
}
.gold-kaitori .market-price-wrap .kind .left {
width: 35%;
color: #fff;
font-size: 1.3rem;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gold-kaitori .market-price-wrap .kind .right {
width: 65%;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gold-kaitori .market-price-wrap .kind .price {
font-size: 1.3rem;
font-weight: bold;
}
.gold-kaitori .market-price-wrap .kind .plus {
color: #ff0000;
}
.gold-kaitori .market-price-wrap .kind .compare {
font-size: 1.1rem;
}
.gold-kaitori .market-price-wrap .one-g-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gold-kaitori .market-price-wrap .one-g-wrap .left {
width: 100%;
margin-bottom: 10px;
}
.gold-kaitori .market-price-wrap .one-g-wrap .right {
width: 100%;
}
.gold-kaitori .market-price-wrap .one-g-wrap h3.kin-ttl {
background: #ddba80;
font-size: 1.1rem;
border-radius: 0;
text-align: center;
margin: 0 0 10px;
}
.gold-kaitori .market-price-wrap .one-g-wrap h3.platinum-ttl {
background: #b0b0b0;
font-size: 1.8rem;
border-radius: 0;
text-align: center;
margin: 0 0 10px;
}
.gold-kaitori .market-price-wrap .note {
font-size: 0.7rem;
text-align: left;
padding: 0!important;
}
.gold-kaitori .market-price-wrap .one-g-wrap table {
width: 100%;
border-spacing: 0;
}
.gold-kaitori .market-price-wrap .one-g-wrap table th,
.gold-kaitori .market-price-wrap .one-g-wrap table td {
border-collapse: collapse;
text-align: center;
padding: 7px;
width: 50%;
}
.gold-kaitori .market-price-wrap .one-g-wrap table tr:last-child th,
.gold-kaitori .market-price-wrap .one-g-wrap table tr:last-child td {
border-bottom: none;
}
.gold-kaitori .market-price-wrap .one-g-wrap table.gold th {
border-right: 1px solid #f0e0c7;
border-bottom: 1px solid #f0e0c7;
}
.gold-kaitori .market-price-wrap .one-g-wrap table.gold td {
border-bottom: 1px solid #f0e0c7;
border-right: none;
}
.gold-kaitori .market-price-wrap .one-g-wrap table.platinum th {
border-right: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
.gold-kaitori .market-price-wrap .one-g-wrap table.platinum td {
border-bottom: 1px solid #ededed;
border-right: none;
}
@media screen and (max-width: 320px) {
.gold-kaitori .market-price-wrap .kind .left {
font-size: 2rem;
width: 32%;
}
.gold-kaitori .market-price-wrap .kind .right {
width: 68%;
}
.gold-kaitori .market-price-wrap .kind .compare {
font-size: 1rem;
}
.gold-kaitori .market-price-wrap .one-g-wrap table tr:first-child th {
font-size: 1.2rem;
}
.gold-kaitori .market-price-wrap .note {
font-size: 1rem;
padding: 0!important;
}
}
.shop-details .blog-ttl-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 3% 10px;
border-top: 1px solid #ccc;
padding-top: 40px;
}
.shop-details .blog-ttl-wrapper .left {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
height: 63px;
overflow: hidden;
}
.shop-details .blog-ttl-wrapper .right {
-ms-flex-preferred-size: 78%;
flex-basis: 78%;
background: #D41319;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.shop-details .blog-ttl-wrapper .right:before {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/blog_ttl_decoration_top.png) no-repeat;
position: absolute;
width: 20px;
height: 11px;
left: -7px;
top: -3px;
}
.shop-details .blog-ttl-wrapper .right:after {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/blog_ttl_decoration_bottom.png) no-repeat;
position: absolute;
width: 20px;
height: 11px;
left: -7px;
bottom: -3px;
}
.shop-details .blog-ttl-wrapper a {
color: #fff;
text-decoration: none;
display: block;
padding: 10px;
text-align: center;
}
.shop-details .blog-ttl-wrapper a:hover {
text-decoration: underline;
}
.shop-details .blog-ttl-wrapper h3 {
background: none;
margin: 0;
padding: 5px 0 0 0;
line-height: 1;
text-align: center;
}
.shop-details .blog-ttl-wrapper .name {
display: block;
font-size: 1.5rem;
margin-bottom: 6px;
}
.shop-details .blog-ttl-wrapper .blog {
font-size: 2.6rem;
font-weight: bold;
}
.shop-details .blog-ttl-wrapper img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 320px) {
.shop-details .blog-ttl-wrapper .name {
font-size: 1.1rem;
}
.shop-details .blog-ttl-wrapper .blog {
font-size: 2.4rem;
}
.shop-details .blog-ttl-wrapper .left {
-ms-flex-preferred-size: 27%;
flex-basis: 27%;
}
.shop-details .blog-ttl-wrapper .right {
-ms-flex-preferred-size: 72%;
flex-basis: 72%;
}
}
.shop-details .blog-content-wrapper {
margin-bottom: 50px;
}
.shop-details .blog-content-wrapper .post-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: distribute;
justify-content: space-evenly;
border-bottom: 1px solid #ccc;
padding: 20px 0;
}
.shop-details .blog-content-wrapper .post-wrapper .left {
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
}
.shop-details .blog-content-wrapper .post-wrapper .right {
-ms-flex-preferred-size: 61%;
flex-basis: 61%;
}
.shop-details .blog-content-wrapper .post-wrapper .date {
color: #555;
margin-bottom: 5px;
}
.shop-details .blog-content-wrapper .post-wrapper .ttl {
margin-bottom: 7px;
}
.shop-details .blog-content-wrapper .post-wrapper .ttl a {
text-decoration: none;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.2;
color: #000;
} .shop-details .blog-content-wrapper .post-wrapper .shop a {
color: #000;
position: relative;
padding-left: 25px;
font-size: 1.2rem;
}
.shop-details .blog-content-wrapper .post-wrapper .shop a:before {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/icon_blog_home.png) no-repeat;
position: absolute;
width: 20px;
height: 17px;
top: 0px;
left: 0px;
}
.shop-details .blog-content-wrapper .post-wrapper img {
width: 120px;
height: 120px;
object-fit: cover;
}
@media screen and (min-width: 376px) {
.shop-details .blog-content-wrapper .post-wrapper img {
width: 132px;
height: 132px;
}
}
@media screen and (max-width: 320px) {
.shop-details .blog-content-wrapper .post-wrapper .ttl a {
font-size: 1.4rem;
}
.shop-details .blog-content-wrapper .post-wrapper .shop a {
font-size: 1rem;
}
.shop-details .blog-content-wrapper .post-wrapper .left {
-ms-flex-preferred-size: 37%;
flex-basis: 37%;
}
.shop-details .blog-content-wrapper .post-wrapper .right {
-ms-flex-preferred-size: 57%;
flex-basis: 57%;
}
}
.shop-details .id {
margin-bottom: 30px;
}
.shop-details .id img {
max-width: 100%;
height: auto;
}
.shop-details .bnr-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
padding: 0 3%;
}
.shop-details .bnr-wrapper .left {
width: 100%;
margin-bottom: 20px;
}
.shop-details .bnr-wrapper .right {
width: 100%;
}
.shop-details .bnr-wrapper img {
max-width: 100%;
height: auto;
}
.shop-details .txt-box01 {
background: #FFEFDE;
padding: 15px 3% 12px;
margin: 0 2% 20px;
}
.shop-details .txt-box01 p {
line-height: 1.45;
}
.shop-details .txt-box01 .ttl {
font-size: 2rem;
font-weight: bold;
color: #D41319;
text-align: center;
margin-bottom: 10px;
}
.shop-details .break-wrapper {
background: #D9BDA3;
padding: 10px 3% 0;
margin: 30px 2% 30px;
}
.shop-details .break-wrapper .ttl-box {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/woman_ok.png) no-repeat left top;
background-size: 40%;
background-position-x: -25px;
text-align: right;
position: relative;
padding: 7px 0 9px;
}
@media screen and (max-width: 760px) {
.shop-details .break-wrapper .ttl-box {
background-size: 45%;
background-position-x: -40px;
}
}
@media screen and (max-width: 670px) {
.shop-details .break-wrapper .ttl-box {
background-size: 50%;
background-position-x: -35px;
}
}
@media screen and (max-width: 600px) {
.shop-details .break-wrapper .ttl-box {
background-size: 55%;
background-position-x: -35px;
}
}
@media screen and (max-width: 500px) {
.shop-details .break-wrapper .ttl-box {
background-size: 60%;
background-position-x: -35px;
}
}
@media screen and (max-width: 450px) {
.shop-details .break-wrapper .ttl-box {
background-size: 65%;
background-position-x: -35px;
}
}
@media screen and (max-width: 400px) {
.shop-details .break-wrapper .ttl-box {
background-size: 70%;
}
}
.shop-details .break-wrapper .ttl-box .txt01 {
position: absolute;
right: 3%;
top: 2px;
}
.shop-details .break-wrapper .ttl-box .txt01 .decoration {
color: #8F5D38;
font-size: 0.8rem;
font-weight: bold;
line-height: 1.2;
position: relative;
display: inline-block;
text-align: left;
}
.shop-details .break-wrapper .ttl-box .txt01 .decoration:before {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/line_decoration_left.png) no-repeat left center;
position: absolute;
width: 23px;
height: 35px;
top: 0;
left: -21px;
}
.shop-details .break-wrapper .ttl-box .txt01 .decoration:after {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/line_decoration_right.png) no-repeat right center;
position: absolute;
width: 23px;
height: 35px;
top: 0;
right: -17px;
}
.shop-details .break-wrapper .ttl-box .txt01 .decoration .br-pc {
line-height: 1.3;
}
.shop-details .break-wrapper .ttl-box .txt02 {
color: #fff;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.2;
text-align: left;
display: inline-block;
padding-right: 45px;
}
.shop-details .break-wrapper .ttl-box .txt02 .br-pc {
line-height: 1.2;
}
.shop-details .break-wrapper ul.item-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.shop-details .break-wrapper ul.item-wrapper li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 10px;
}
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper .left {
-ms-flex-preferred-size: 40%;
flex-basis: 35%;
}
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper .right {
-ms-flex-preferred-size: 56%;
flex-basis: 56%;
}
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper .category {
color: #8F5D38;
font-weight: bold;
font-size: 0.7rem; }
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper .category-ttl {
color: #8F5D38;
font-weight: bold;
font-size: 0.9rem; }
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper .txt {
color: #fff;
line-height: 1;
font-size: 0.7rem;
}
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 320px) {
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper .category {
font-size: 0.7rem;
}
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper .category-ttl {
font-size: 0.9rem;
}
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper .txt {
font-size: 0.7rem;
}
.shop-details .break-wrapper .ttl-box .txt01 .decoration {
font-size: 0.65rem;
}
.shop-details .break-wrapper .ttl-box .txt02 {
font-size: 1.3rem;
}
}
.shop-details .ribbon-ttl-outer {
width: 82%;
margin: 0 auto 30px;
}
.shop-details .ribbon-ttl {
width: 100%;
display: inline-block;
position: relative; text-align: center;
box-sizing: border-box;
}
.shop-details .ribbon-ttl:before { content: '';
position: absolute;
width: 10px;
bottom: -10px;
left: -9%;
z-index: -2;
border: 20px solid #BC1319;
border-left-color: transparent; }
.shop-details .ribbon-ttl:after { content: '';
position: absolute;
width: 10px;
bottom: -10px;
right: -9%;
z-index: -2;
border: 20px solid #BC1319;
border-right-color: transparent; }
.shop-details .ribbon-ttl h3 {
width: 100%;
display: inline-block;
position: relative;
text-align: center;
margin: 0;
padding: 5px 0;
line-height: 1.3;
font-size: 1.7rem;
font-weight: bold;
color: #FFF;
background: #D41319;
border-radius: 0; }
.shop-details .ribbon-ttl h3:before {
position: absolute;
content: '';
top: 100%;
left: 7px;
border: none;
border-bottom: solid 10px transparent;
border-right: solid 15px #961319; }
.shop-details .ribbon-ttl h3:after {
position: absolute;
content: '';
top: 100%;
right: 7px;
border: none;
border-bottom: solid 10px transparent;
border-left: solid 15px #961319; }
.shop-details .ribbon-ttl h3 .br-pc {
line-height: 1.4;
}
@media screen and (min-width: 376px) {
.shop-details .ribbon-ttl h3:before {
left: 5px;
}
.shop-details .ribbon-ttl h3:after {
right: 5px;
}
}
@media screen and (max-width: 320px) {
.shop-details .ribbon-ttl h3 {
font-size: 1rem;
}
.shop-details .ribbon-ttl h3:before {
left: 11px;
}
.shop-details .ribbon-ttl h3:after {
right: 11px;
}
}
.shop-details ul.strengthen-category-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.shop-details ul.strengthen-category-wrapper li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 20px;
}
.shop-details ul.strengthen-category-wrapper li .category-inner-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: distribute;
justify-content: space-evenly;
}
.shop-details ul.strengthen-category-wrapper li .category-inner-wrapper .left {
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
}
.shop-details ul.strengthen-category-wrapper li .category-inner-wrapper .right {
-ms-flex-preferred-size: 62%;
flex-basis: 62%;
}
.shop-details ul.strengthen-category-wrapper li .category-inner-wrapper h4 {
color: #de1122;
font-weight: bold;
font-size: 1.1rem;
margin-bottom: 5px;
}
.shop-details ul.strengthen-category-wrapper li .category-inner-wrapper h4:before {
content: ">";
color: #f4a43d;
padding-right: 2px;
font-size: 1.8rem;
}
.shop-details ul.strengthen-category-wrapper li .category-inner-wrapper .txt {
line-height: 1.2;
font-size: 0.8rem;
}
@media screen and (max-width: 320px) {
.shop-details ul.strengthen-category-wrapper li .category-inner-wrapper h4 {
font-size: 1rem;
}
.shop-details ul.strengthen-category-wrapper li .category-inner-wrapper .txt {
font-size: 0.7rem;
}
} #main .timepiece p {
width: 96%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.watch-price .market-price-wrap {
background: #FFEDE3; padding-top: 30px;
padding-bottom: 20px;
margin: 20px 0;
}
.watch-price .market-price-wrap .ttl-wrap {
display: flex;
justify-content: space-between;
margin-bottom: -45px;
}
.watch-price .market-price-wrap .ttl-wrap .left {
width: 200px;
overflow: hidden;
height: 182px;
position: relative;
top: -45px;
}
.watch-price .market-price-wrap .ttl-top {
text-align: center;
margin: -10px 0 0px 100px;
}
.watch-price .market-price-wrap .ttl-top .deco {
font-size: .7rem;
line-height: 1em;
position: relative;
display: inline-block;
font-weight: bold;
}
.watch-price .market-price-wrap .ttl-top .deco:before {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/tokei-kaitori/line_decoration_left.png) no-repeat;
position: absolute;
width: 13px;
height: 24px;
top: -14px;
left: -15px;
}
.watch-price .market-price-wrap .ttl-top .deco:after {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/tokei-kaitori/line_decoration_right.png) no-repeat;
position: absolute;
width: 13px;
height: 24px;
top: -14px;
right: -15px;
}
.watch-price .market-price-wrap .ttl {
font-size: .9rem;
text-align: center;
font-weight: bold;
line-height: 18px;
}
.watch-price .market-price-wrap .ttl .maker {
background: linear-gradient(transparent 50%, #F4FF00 50%);
padding-left: 5px;
margin-left: 5px;
color: #EF0000;
}
.watch-price .market-price-wrap .ttl .maker {
background: linear-gradient(transparent 50%, #F4FF00 50%);
padding-left: 5px;
margin-left: 5px;
color: #EF0000;
}
.watch-price .market-price-wrap .ttl .growth {
font-size: 1rem;
}
.chart-watch {
border-radius: 5px;
padding: 10px 0px 0px;
position: relative;
}
.chart-watch .chart-img {
display: block;
float: left;
padding: 0px 10px;
margin-top: -60px;
width: 130px;
height: auto;
position: absolute;
}
.chart-watch .chart-title {
display: block;
}
.chart-watch .chart-inner {
display: block;
background: #FFFFFF;
height: 400px;
margin: 6px 0px 100px;
}
.watch-price .market-price-wrap table {
width: 100%;
border-spacing: 0;
}
.watch-price .market-price-wrap table th {
padding: 3px;
}
.watch-price .market-price-wrap table th.date {
text-align: center;
font-size: .7rem;
border-bottom: none;
padding-top: 10px;
}
.watch-price .market-price-wrap table th.date.new {
position: relative;
color: #EF0000;
font-weight: bold;
border-right: none;
}
.watch-price .market-price-wrap table td.new {
color: #EF0000;
border-right: none;
position: relative;
font-weight: bold;
font-size: .9rem;
text-align: center;
box-sizing: border-box;
}
.watch-price .market-price-wrap table td.old {
position: relative;
font-weight: bold;
font-size: .9rem;
text-align: center;
box-sizing: border-box;
}
.watch-price .market-price-wrap table th.item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.watch-price .market-price-wrap table td {
padding: 3px;
}
.watch-price .market-price-wrap table th,
.watch-price .market-price-wrap table td {
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-collapse: collapse;
}
.watch-price .market-price-wrap table th.item .left {
width: 50px;
}
.watch-price .market-price-wrap table th.item .right {
width: 100%;
}
.watch-price .market-price-wrap img {
max-width: 100%;
height: auto;
}
.watch-price .market-price-wrap table th.item .name {
font-weight: bold;
font-size: .7rem;
line-height: 1em;
}
.watch-price .market-price-wrap table th.item .number {
font-weight: normal;
font-size: 0.6rem;
}
.watch-price .market-price-wrap table td.old:after {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/tokei-kaitori/icon_soar.png) no-repeat;
background-size: contain;
position: absolute;
width: 17px;
height: 22px;
right: -11px;
top: 30px;
z-index: 2;
}
.watch-price .market-price-wrap .note {
font-size: .6rem;
padding-left: 1em;
padding-top: 10px;
line-height: 1.4em;
} .tokei-kaitori .record-list-wrap {
margin: 10px 10px 20px;
}
.tokei-kaitori .record-list-wrap ul.record-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tokei-kaitori .record-list-wrap ul.record-list li {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-right: 1px dotted #b0b0b0;
border-bottom: 1px dotted #b0b0b0;
box-sizing: border-box;
padding: 10px 0 7px;
}
.tokei-kaitori .record-list-wrap ul.record-list li .left {
width: 30%;
}
.tokei-kaitori .record-list-wrap ul.record-list li .right {
width: 67%;
}
.tokei-kaitori .record-list-wrap img {
max-width: 100%;
height: auto;
}
.tokei-kaitori .record-list-wrap ul.record-list li .name {
font-size: .7rem;
line-height: 1;
margin: 5px 0px;
}
.tokei-kaitori .record-list-wrap ul.record-list li .price .ttl {
font-size: .6rem;
line-height: 1.4em;
background: #e6e2d4; margin-right: 2px;
padding: 1px;
}
.tokei-kaitori .record-list-wrap ul.record-list li .price .value {
color: #de1122;
font-size: .8rem;
font-weight: bold;
display: block;
text-align: right;
margin-right: 25px;
}
.tokei-kaitori .record-list-wrap .note {
margin-top: 10px;
font-size: .6rem;
line-height: 1.4em;
} .popular-wrap {
margin-bottom: 30px;
}
h2.basic {
background-color: #E9EAEA;
border-top: 4px solid #CD000D;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
color: #CD000D;
margin-left: 3%;
margin-right: 3%;
box-sizing: content-box;
border-radius: 0!important;
font-size: 14px!important;
}
.popular-wrap ul.wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.popular-wrap ul.wrap li {
width: 100%;
padding: 10px;
}
.popular-wrap ul.wrap li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #ccc;
text-decoration: none;
color: #000;
}
.popular-wrap ul.wrap li .txt-box {
width: 60%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 30px;
box-sizing: border-box;
font-size: 1rem;
font-weight: bold;
}
.popular-wrap ul.wrap li .img-box {
width: 40%;
text-align: center;
}
.popular-wrap ul.wrap li .txt-box:before {
display: inline-block;
content: "";
vertical-align: middle;
border: 5px solid transparent;
border-left: 5px solid #4e4d4b;
}
.popular-wrap img {
max-height: 70px;
} .popular-wrap {
margin-bottom: 30px;
}
h2.basic {
background-color: #E9EAEA;
border-top: 4px solid #CD000D;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
color: #CD000D;
margin-left: 3%;
margin-right: 3%;
box-sizing: content-box;
border-radius: 0!important;
font-size: 14px!important;
}
.popular-wrap ul.wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.popular-wrap ul.wrap li {
width: 100%;
padding: 10px;
}
.popular-wrap ul.wrap li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #ccc;
text-decoration: none;
color: #000;
}
.popular-wrap ul.wrap li .txt-box {
width: 60%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 30px;
box-sizing: border-box;
font-size: 1rem;
font-weight: bold;
}
.popular-wrap ul.wrap li .img-box {
width: 40%;
text-align: center;
}
.popular-wrap ul.wrap li .txt-box:before {
display: inline-block;
content: "";
vertical-align: middle;
border: 5px solid transparent;
border-left: 5px solid #4e4d4b;
}
.popular-wrap img {
max-height: 70px;
}
.under h3.shop-access-route-btn {
background: #D41319 url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/icon_open.png) no-repeat 98% center;
background-size: 30px;
font-size: 20px;
padding-bottom: 5px;
}
.under h3.shop-access-route-btn.active {
background: #D41319 url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/icon_close.png) no-repeat 98% center;
background-size: 30px;
font-size: 20px;
padding-bottom: 5px;
}
.shop-details .shop-info-wrapper .right .msg {
line-height: 1.5;
} #other_options {
padding: 0 3%;
margin-bottom: 30px;
}
#other_options>.ttl {
margin: 15px 0;
}
#other_options section+section {
margin-top: 15px;
}
#other_options section .name {
font-size: 14px;
background: none;
color: #000;
text-align: left;
margin: 0;
padding: 0;
}
#other_options section .address {
margin-top: 5px;
font-size: 12px;
clear: both;
line-height: 1.5;
}
#other_options section .description {
margin-top: 5px;
line-height: 1.4;
font-size: 12px;
border: 1px solid #ccc;
padding: 5px 7px;
} #jp_recruit_banner {
width: 100%;
margin: 15px 0 15px 0;
}
#btn-recruit-wrapper {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.recruit-jp-button {
border: 2px solid #de1122;
color: #de1122;
background: white;
text-align: center;
font-size: 14px;
font-weight: bold;
border-radius: 30px;
padding: 5px 20px 5px 20px;
cursor: pointer;
margin-bottom: 30px;
transition: all 0.25s ease;
}
.recruit-jp-button:hover {
color: white;
background: #de1122;
} #index_content1_top {
display: none;
}
#index_content1_top_inner {
width: auto;
}
#index_content1 {
position: relative;
padding: 13px 0 0 0;
margin: 0 0 0px;
}
#index_content1_inner {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 10;
}
.index_box_list {
padding: 0;
display: block;
}
.index_box_list .box {
width: 100%;
margin: 0 0 13px 0;
padding: 0 20px 15px;
position: relative;
border-bottom: 1px dotted #ccc;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.index_box_list .box.box3 {
margin: 0 0 13px 0;
}
#index_content1 .index_box_list .image {
display: block;
width: 100%;
}
.index_box_list .image {
width: 40%;
height: auto;
float: left;
margin: 0 15px 0 0;
width: -webkit-calc(40% - 15px);
width: -moz-calc(40% - 15px);
width: calc(40% - 15px);
}
.index_box_list .image img {
width: 100%;
height: auto;
}
.index_box_list .info {
width: 100%;
float: left;
padding: 0 0 0 15px;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.index_box_list .no_image .info {
float: none;
width: 100%;
padding: 0;
}
.index_box_list .headline {
font-size: 14px !important;
text-align: center;
background-color: white !important;
}
@media screen and (max-width:500px) {
.index_box_list .box {
border: none;
padding-bottom: 0;
}
.index_box_list .image,
.index_box_list .box.box2 .image {
float: none;
width: 100%;
margin: 0 0 0px 0;
}
.index_box_list .info {
width: 100%;
float: none;
padding: 0;
}
} #index_content2 {
width: auto;
margin: 0 20px 40px;
}
#index_content2 .image {
margin: 0 0 25px 0;
}
#index_content2 .catchphrase .headline {
font-size: 22px;
line-height: 1.5;
margin: 0 0 10px 0;
text-align: left;
}
#index_content2 .catchphrase .desc {
font-size: 14px;
line-height: 2.5;
margin: 0 0 20px 0;
}
@media screen and (max-width:500px) {
#index_content2 .catchphrase .desc {
text-align: left;
}
}
.box1 h4.headline::after {
content: "Reuse business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 11px;
}
.box2 h4.headline::after {
content: "Jewelry sales business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 11px;
}
.box3 h4.headline::after {
content: "EC business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 11px;
}
.box4 h4.headline::after {
content: "Beauty business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 11px;
}
.box5 h4.headline::after {
content: "Marriage agency business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 11px;
}
.box6 h4.headline::after {
content: "Restaurant business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 11px;
}
.box7 h4.headline::after {
content: "Consulting business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 11px;
}
.box8 h4.headline::after {
content: "Overseas business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 11px;
}
.index_box_list .desc {
font-size: 12px;
margin: 0;
line-height: 180%;
padding: 5px 13px 13px;
}
.index_box_list .image a img {
width: 100%;
display: block;
margin: 0;
overflow: hidden;
opacity: 1 !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: opacity;
-webkit-transition: .5s;
-moz-transition-property: opacity;
-moz-transition: .5s;
-ms-transition-property: opacity;
-ms-transition: .5s;
-o-transition-property: opacity;
-o-transition: .5s;
transition-property: opacity;
transition: .5s;
}
#section2 {
width: 100%;
}
.textcontainer {
width: 100%;
display: flex;
justify-content: center; align-items: center; padding: 10px 0 10px 0;
}
.textcontainer .text {
text-align: center;
width: 90%;
font-size: 12px;
letter-spacing: 1.5px;
line-height: 25px;
}
.textleft {
text-align: left !important;
}
#section3 {
width: 100%;
background: RGB(247, 202, 201, 0.4);
padding-bottom: 25px;
}
.rccontainer {
padding-top: 20px;
width: 100%;
display: flex;
justify-content: center; align-items: center; flex-direction: column;
}
.rccontainer .text {
text-align: center;
width: 90%;
font-size: 11px;
line-height: 20px;
order: 2;
padding-top: 20px;
letter-spacing: 1.5px;
}
.rccontainer .image {
width: 90%;
order: 1;
}
#section4 {
width: 100%;
padding: 10px 0 10px 0;
}
#section5 {
width: 100%;
background: #fef9f6;
}
.textcontainer .toptext {
text-align: center;
width: 100%;
font-size: 14px;
letter-spacing: 2.5px;
line-height: normal;
color: black !important;
}
.imgcontainer {
padding: 10px 0 20px 0;
width: 100%;
display: flex;
justify-content: center; align-items: center; }
.imgcontainer .image {
width: 45%;
padding: 5px;
}
hr.line {
border: 2px solid #ffde81;
width: 90%;
display: block !important;
}
#sectionlast {
width: 100%;
padding: 20px 0 20px 0;
}
.textcontainer .textbox {
position: relative;
font-size: 12px;
font-weight: bold;
display: inline-block;
padding-left: 20px;
padding-right: 20px;
margin: 0;
}
.textcontainer .largetextbox {
position: relative;
font-size: 27px;
font-weight: bold;
display: inline-block;
padding-left: 25px;
padding-right: 20px;
color: #ac101b;
}
.textcontainer .textbox::after {
position: absolute;
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/diamond-kaitori/line_left.gif) no-repeat;
width: 9px;
height: 17px;
right: 7px;
top: 4px;
transform: scaleX(-1);
}
.textcontainer .textbox::before {
position: absolute;
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/diamond-kaitori/line_left.gif) no-repeat;
width: 9px;
height: 17px;
left: 7px;
top: 4px;
}
.titlecontainer1 {
width: 80%;
padding: 2px 0px 2px 0;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background: #ac101b;
color: white;
border-radius: 2px;
margin: 15px 0 15px 22px;
}
.titlecontainer1 .titlebox::before {
position: absolute;
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/recruit-jp/shadow.png) no-repeat;
width: 40px;
height: 66px;
left: -18px;
top: -24px;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background-size: 100% 100%;
opacity: 0.8;
}
.titlecontainer1 .titlebox {
position: relative;
font-size: 17px;
font-weight: bold;
padding-left: 15px;
-webkit-transform: skew(30deg, 0);
transform: skew(23deg, 0);
padding-right: 10px;
}
.titlecontainer2 {
width: 80%;
padding: 2px 0px 2px 0;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background: #ff8e3b;
color: white;
border-radius: 2px;
margin: 15px 0 15px 22px;
}
.titlecontainer2 .titlebox::before {
position: absolute;
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/recruit-jp/shadow.png) no-repeat;
width: 40px;
height: 66px;
left: -18px;
top: -24px;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background-size: 100% 100%;
opacity: 0.8;
}
.titlecontainer2 .titlebox {
position: relative;
font-size: 17px;
font-weight: bold;
padding-left: 15px;
-webkit-transform: skew(30deg, 0);
transform: skew(23deg, 0);
padding-right: 10px;
}
.titlecontainer3 {
width: 80%;
padding: 2px 0px 2px 0;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background: #3ca1c0;
color: white;
border-radius: 2px;
margin: 15px 0 15px 22px;
}
.titlecontainer3 .titlebox::before {
position: absolute;
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/recruit-jp/shadow.png) no-repeat;
width: 40px;
height: 66px;
left: -18px;
top: -24px;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background-size: 100% 100%;
opacity: 0.8;
}
.titlecontainer3 .titlebox {
position: relative;
font-size: 17px;
font-weight: bold;
padding-left: 15px;
-webkit-transform: skew(30deg, 0);
transform: skew(23deg, 0);
padding-right: 10px;
}
.dot {
border-left: 2px dotted white;
height: 100%;
margin-right: 10px;
}
.smalltext {
font-size: 11px !important;
padding-left: 10px;
font-weight: 400;
}
.topcontainer {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center; align-items: center; }
.topcontainer .box {
width: 90%;
padding: 0 10px 0 10px;
margin: 5px;
}
.topcontainer .box .boximage {
width: 100%;
align-items: center;
justify-content: center;
display: flex;
}
.topcontainer .box .boximage img {
width: 100% !important;
}
.topcontainer .box .boxtext {
width: 100%;
}
.toptext {
font-weight: bold;
font-size: 14px;
color: #ac101b;
text-align: center;
margin: 5px 0 5px 0;
}
.btmtext {
font-size: 12px !important;
}  .step01 {
background: #f0eeeb url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/inquiry-jp/bg_step01_off.gif) 50% 0 no-repeat;
padding: 50px 0 20px 0;
}
.step01.selected {
background: #f0eeeb url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/inquiry-jp/bg_step01_on.gif) 50% 0 no-repeat;
}
.step02 {
background: #f0eeeb url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/inquiry-jp/bg_step02_off.gif) 50% 0 no-repeat;
padding: 50px 0 20px 0;
}
.step02.selected {
background: #f0eeeb url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/inquiry-jp/bg_step02on.gif) 50% 0 no-repeat;
}
.step03 {
background: #f0eeeb url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/inquiry-jp/bg_step03_off.gif) 50% 0 no-repeat;
padding: 50px 0 20px 0;
}
.step03.selected {
background: #f0eeeb url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/inquiry-jp/bg_step03_on.gif) 50% 0 no-repeat;
} .post_content .alignright {
float: right;
}
.post_content .alignleft {
float: left;
}
.post_content .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}
.post_content blockquote.alignleft,
.post_content img.alignleft {
margin: 7px 24px 7px 0;
}
.post_content .wp-caption.alignleft {
margin: 7px 14px 7px 0;
}
.post_content blockquote.alignright,
.post_content img.alignright {
margin: 7px 0 7px 24px;
}
.post_content .wp-caption.alignright {
margin: 7px 0 7px 14px;
}
.post_content blockquote.aligncenter,
.post_content img.aligncenter,
.post_content .wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 7px;
} .post_content p {
line-height: 1.8;
margin: 0 0 2em 0;
}
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
clear: both;
line-height: 1.2;
font-weight: 600;
margin: 0 0 10px 0;
padding: 10px 0 0 0;
display: none;
}
.post_content h1 {
font-size: 150%;
}
.post_content h2 {
font-size: 140%;
}
.post_content h3 {
font-size: 130%;
}
.post_content h4 {
font-size: 120%;
}
.post_content h5 {
font-size: 110%;
}
.post_content h6 {
font-size: 100%;
} .post_content img[class*="align"],
.post_content img[class*="wp-image-"],
.post_content img[class*="attachment-"],
.post_content img.size-full,
.post_content img.size-large,
.post_content .wp-post-image,
.post_content img {
height: auto;
max-width: 100%;
} .post_content li,
.post_content dt,
.post_content dd {
line-height: 2.2;
}
.post_content ul,
.post_content ol,
.post_content dl {
margin-bottom: 24px;
}
.post_content ol {
list-style: decimal outside none;
margin-left: 1.5em;
}
.post_content ul {
list-style: circle outside none; }
.post_content li>ul,
.post_content li>ol {
margin-bottom: 0;
}
.post_content dt {
font-weight: bold;
}
.post_content dd {
margin-bottom: 1em;
} .post_content table {
margin: 0 0 24px 0;
}
.post_content td,
.post_content th {
border: 1px solid #bbb;
padding: 15px 10px 7px;
line-height: 2.2;
background: #fff;
}
.post_content th {
background: #ddd;
font-weight: normal;
vertical-align: middle;
}
div#newgraduate th {
width: 15%;
} .post_content blockquote {
margin: 0 0 25px 0;
padding: 27px 30px 0;
border: 1px solid #ccc;
box-shadow: 0px 4px 0px 0px #f2f2f2;
position: relative;
}
.post_content blockquote:before {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
line-height: 40px;
width: 30px;
height: 30px;
position: absolute;
top: 5px;
left: 10px;
color: #5cbcd7;
}
.post_content blockquote:after {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
text-align: left;
line-height: 60px;
width: 30px;
height: 30px;
position: absolute;
bottom: 7px;
right: -2px;
color: #5cbcd7;
}
.post_content blockquote cite {
border-top: 1px dotted #aaa;
display: block;
padding: 20px 0 0 0;
font-style: italic;
text-align: right;
font-size: 90%;
} .post_content .wp-caption {
margin-bottom: 24px;
background: #fff;
border: 1px solid #ccc;
padding: 5px;
max-width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.post_content .wp-caption-text {
text-align: center;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px auto;
}
.post_content .wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
} .gallery {
margin-bottom: 20px;
}
.gallery a img {
border: 0 !important;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-10 .gallery-item {
max-width: 7%;
max-width: -webkit-calc(9.4% - 0px);
max-width: calc(9.4% - 0px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n),
.gallery-columns-10 .gallery-item:nth-of-type(10n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-10 .gallery-caption {
display: none;
} .post_content .wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.post_content address {
margin: 0 0 24px 0;
line-height: 2.2;
}
.post_content pre {
border-left: 5px solid #7fc120;
font-size: 12px;
margin: 0 0 27px 0;
line-height: 25px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/css/img/common/pre.gif) repeat left top;
padding: 0 17px;
overflow: auto;
}
.post_content .sticky {}
.post_content .mejs-container {
margin: 12px 0 25px;
}
#main_col {
width: auto;
margin: 0;
padding: 30px 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
table-layout: fixed;
}
input {
box-sizing: border-box;
width: 100%;
}
.wpcf7 input.wpcf7-submit {
position: relative;
display: block;
width: 225px;
height: 48px;
margin: 30px auto 0;
background-color: #333333;
cursor: pointer;
border: none !important;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 14px;
line-height: 1.5;
outline: none;
-webkit-transition: all .3s;
transition: all .3s;
} .blog-pagination {
margin: 20px 0;
}
.blog-pagination .page-numbers {
align-items: center;
display: flex;
justify-content: center;
}
.blog-pagination ul li {
margin: 0 1vw;
}
.blog-pagination li>.current {
background: #323232;
color: #fff;
}
.blog-pagination li>* {
border: 1px solid #323232;
color: #323232;
font-size: 12px;
font-weight: 700;
height: 7vw;
width: 7vw;
}
.blog-pagination li>.next,
.blog-pagination li>.prev {
border: none;
height: auto;
width: auto;
position: relative;
padding: 0;
margin: 0;
}
.blog-pagination-prev,
.blog-pagination-next {
border-bottom: 2px solid #323232;
border-right: 2px solid #323232;
height: 2vw;
width: 2vw;
margin-right: 1vw;
}
.blog-pagination li>.prev:hover,
.blog-pagination li>.next:hover {
background-color: transparent !important;
}
.blog-pagination-next {
transform: rotate(-45deg);
}
.blog-pagination-prev {
transform: rotate(135deg);
}
.store-details-label {
width: 30%;
}
.store-details-data {
width: 70%;
}
.under .contact th span {
color: #de1122;
}
.under .contact .caution {
color: #de1122;
font-size: 12px;
line-height: 1.5;
margin-top: 5px;
}
.under .contact .caution02 {
font-size: 12px;
line-height: 1.5;
margin-top: 5px;
}
.under .contact .caution03 {
font-size: 12px;
line-height: 1.4;
margin-top: 5px;
}
.contact input#ad {
margin-top: 5px;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
border-radius: 3px;
border: 1px solid #ccc;
vertical-align: top;
}
input#zip {
width: 30%;
margin-right: 10px;
}
.under .contact {
padding: 10px;
}
.under .contact input[type='text'],
.under .contact input[type='tel'],
.under .contact input[type='email'],
.under .contact textarea {
border-radius: 3px;
padding: 5px;
width: 100%;
box-sizing: border-box;
margin-bottom: 5px;
border: 1px solid #ccc;
}
.under .contact span.wpcf7-not-valid-tip {
font-weight: bold;
font-size: 15px;
margin-top: 3px;
}
.under .contact div.wpcf7-validation-errors {
color: #f00;
padding: 20px;
font-weight: bold;
font-size: 16px;
border: 2px solid #f00;
margin-bottom: 0;
}
.under .contact input[type='file'] {
padding-bottom: 10px;
}
.under .contact span.wpcf7-list-item {
margin: 0 40px 5px 0;
}
.under .contact span.wpcf7-list-item:last-of-type {
margin-right: 0;
}
.under .contact span.wpcf7-list-item:last-of-type label {
margin-right: 0;
}
.under .contact select {
font-size: 16px;
padding: 5px;
}
.under .contact textarea {
width: 100%;
box-sizing: border-box;
padding: 5px;
margin-bottom: 5px;
line-height: 1.4;
border-radius: 3px;
height: 150px;
}
.under .contact .submit-wrap {
over-flow: hidden;
text-align: center;
width: 90%;
margin: 20px auto 40px;
}
.under .contact .submit-wrap .l {
float: right;
width: 100%;
}
.under .contact .submit-wrap .r {
float: left;
width: 100%;
}
.under .contact .required {
position: relative; }
.under .contact .required:before {
content: 'required';
position: absolute;
top: 10px;
right: 15px;
display: inline-block;
padding: 4px;
font-size: 80%;
color: #fff;
line-height: 1;
background: #de1122;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
top: inherit;
bottom: 0;
right: 0;
}
.under .contact .o-h {
margin: 5px 0;
}
.under .contact .f-l {
line-height: 1;
font-size: 14px;
}
.under .contact ::placeholder {
color: #afb2b4;
}
.under .contact span .wpcf7-checkbox {
display: block;
}
.under .contact table input[type="checkbox"],
.under .contact table input[type="radio"],
.wpcf7-list-item input[type="checkbox"] {
width: initial;
}
.wpcf7-form-control-wrap {
display: inline-block;
} .under .contact .wpcf7-list-item,
#acceptable-paragraph{
display: table !important;
}
.under .contact .wpcf7-list-item.first input[type=checkbox]{ vertical-align: top !important;
float: left;
}
.under .contact .wpcf7-list-item.first .wpcf7-list-item-label{
display: table-cell !important; line-height: 2rem !important;
vertical-align: top !important;
padding-left: 5px;
}
.wpcf7-form-control-wrap.acceptance-916,
.wpcf7-form-control.wpcf7-acceptance input[name=acceptance-916]{
vertical-align: top !important;
float: left;
margin-right: 5px;
}
#acceptable-paragraph{
margin: 5px 0px !important;
}
#age-restriction-text {
display: table-cell !important;
vertical-align: top !important;
padding-top: 2px !important;
}
.wpcf7c-btn-back {
font-size: 1.6rem !important;
}

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap");
#wrap {
width: 100%!important;
margin: 0 auto;
}
#wrap.top {
width: 100%;
margin: 13px auto 0;
}
#main {
width: 100%;
}
#mainv {
padding-top: 0;
width: 100%;
position: relative;
clear: both;
margin: 0px auto;
z-index: 0;
}
#sub {
width: 200px;
float: right;
}
#mainv .top {}
#mainv .top img {
width: 100%;
}
#mainv_btm {
padding: 10px 10px 5px;
}
#mainv_btm img {
width: 100%;
padding-bottom: 5px;
}
#pankuzu {
clear: both;
color: #fff;
background: #de1122;
margin: 0 auto;
}
#pankuzu ul {
width: 1030px;
margin: 0 auto;
padding: 5px 0;
} #sub {
display: none;
}
.bxslider li img {
width: 100%;
}
.shop_list_detail .mv_img {
text-align: center;
}
.shop_list_detail .mv_img li {
display: inline;
}
.shop_list_detail .mv_img img {
width: 45%;
height: auto;
padding-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
}
.banner {
padding-top: 30px;
}
.banner img {
width: 100%;
height: auto;
}
.box07 {
display: none;
} .box .news p {
margin-bottom: 10px;
border-bottom: 1px solid #9C9C9C;
padding-bottom: 10px;
}
.box .news {
margin-left: 10px;
margin-right: 10px;
height: 140px;
overflow-y: scroll;
} .box .news p {
margin-bottom: 10px;
border-bottom: 1px solid #9C9C9C;
padding-bottom: 10px;
}
.brand_detail_mv img {
width: 100%;
height: auto;
}
.box .news p:before {
content: "NEW";
background: #f5a53d;
color: #ffffff;
font-size: 11px;
line-height: 22px;
height: 19px;
display: inline-block;
text-align: center;
width: 43px;
border-radius: 4px;
margin-right: 10px;
-webkit-animation: blink 0.5s ease-in-out infinite alternate;
-moz-animation: blink 0.5s ease-in-out infinite alternate;
animation: blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
0% {
background: #f5c53d;
}
49.9% {
background: #f5c53d;
}
50% {
background: #f5a53d;
}
100% {
background: #f5a53d;
}
}
@-moz-keyframes blink {
0% {
background: #f5c53d;
}
49.9% {
background: #f5c53d;
}
50% {
background: #f5a53d;
}
100% {
background: #f5a53d;
}
}
@keyframes blink {
0% {
background: #f5c53d;
}
49.9% {
background: #f5c53d;
}
50% {
background: #f5a53d;
}
100% {
background: #f5a53d;
}
}
table.product_tb {
margin: 0 3%;
}
table.product_tb th {
width: 60px;
vertical-align: top;
}
table.product_tb tr {
font-size: 0.85em;
line-height: 1.6;
} .wordbannerlink {
text-decoration: none!important;
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 5;
}
.luckybanner {
width: 95%;
height: 160px;
display: flex;
justify-content: center;
align-items: center;
margin: 20px auto;
background-image: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/spinwheel/banner.jpg);
background-size: 100%;
background-position: top;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.luckybanner .topcolumn {
position: absolute;
width: 100%;
top: 0;
height: 25px;
display: flex;
background-color: #da172b;
align-items: center;
box-sizing: border-box;
}
.topcolumn .headline {
font-size: 2.6vw;
font-family: 'Bebas Neue';
color: white;
width: max-content;
position: absolute;
left: 0;
right: 0;
margin: auto;
letter-spacing: 1.5px;
}
.textcont {
display: flex;
border: 2px solid #da172b;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
width: 62%;
margin-top: 12px;
}
.wheel {
width: 35vw;
background-image: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/spinwheel/wheel.png);
background-position: center;
background-repeat: no-repeat;
position: absolute;
background-size: contain;
right: -22vw;
-webkit-filter: drop-shadow(0px 0px 5px rgba(218, 23, 43));
filter: drop-shadow(0px 0px 5px rgba(218, 23, 43));
animation: spin 8000ms linear infinite;
}
.wheel::after {
content: "";
display: block;
padding-bottom: 100%;
}
.textcont .toptext {
font-size: 6.5vw;
font-family: 'Lato', sans-serif;
line-height: 1;
padding: 1% 0;
color: #ff0076;
letter-spacing: 1px;
font-weight: 900;
-webkit-filter: drop-shadow(2px 2px 0px rgba(255, 172, 171));
filter: drop-shadow(2px 2px 0px rgba(255, 172, 171));
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}