@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';
}
a[href^="tel:"] {
pointer-events: none;
text-decoration: none;
}
.br-pc {
display: none;
}
.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;
} .clearfix:after {
display: block;
clear: both;
height: 0px;
line-height: 0px;
visibility: hidden;
content: ".";
float: none;
} .red_ribbon {
width: 100%;
text-align: center;
background: #de1122;
color: #fff;
line-height: 100%;
padding: 16px 0 14px;
font-weight: bold;
font-size: 24px;
display: inline-block;
letter-spacing: 0px;
}
.red_ribbon span {
font-size: 36px;
vertical-align: middle;
}
.bxslider {
height: 380px;
overflow-y: hidden;
}
.bx-wrapper .bx-viewport {
height: 390px!important;
}
.satei_box {
background: #de1122;
border-radius: 5px;
padding: 10px;
}
.satei_box .chara {
display: block;
float: right;
width: 130px;
height: auto;
}
.satei_box span {
font-size: 30px;
font-weight: bold;
color: #fff;
display: block;
padding: 8px 0 13px;
line-height: 1.0;
}
.satei_box p {
color: #fff;
font-size: 14px;
line-height: 22px;
}
.satei_box p.attention {
margin-top: 8px;
color: #fff;
font-size: 12px;
line-height: 20px;
}
.satei_box ul {
clear: both;
display: table;
}
.satei_box li {
display: table-cell;
}
.satei_box li:last-child {
padding-left: 10px;
}
.satei_btm {
border-radius: 5px;
padding: 10px 10px 0 10px;
position: relative;
}
.satei_btm .chara {
display: block;
float: left;
padding-left: 10px;
padding-right: 10px;
width: 120px;
height: auto;
}
.satei_btm .chara_men {
display: block;
float: left;
padding-right: 10px;
width: 139px;
height: auto;
margin-left: -10px;
}
.satei_btm span {
width: 622px;
display: block;
position: absolute;
height: 18px;
left: 160px;
font-size: 22px;
top: -2px;
color: #de1122;
font-weight: bold;
padding: 26px 0 26px 0;
line-height: 24px;
}
.satei_btm h2 {
width: 622px;
display: block;
position: absolute;
height: 18px;
left: 160px;
font-size: 22px;
top: 0;
color: #de1122;
font-weight: bold;
padding: 26px 0 26px 0;
}
.satei_btm span.line {
width: 622px;
display: inline;
height: 18px;
left: 160px;
font-size: 46px;
color: #de1122;
font-weight: bold;
padding: 0;
}
.satei_btm p {
color: #000;
font-size: 16px;
padding-top: 65px;
line-height: 27px;
float: left;
padding-left: 8px;
}
.satei_btm p a {
color: #de1122;
}
.satei_btm em {
color: #de1122;
text-decoration: underline;
}
.top .category_box {
width: 760px;
margin: 0 auto;
}
.top .category_box ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.top .category_box ul li {
width: 182px; border-radius: 5px;
margin-right: 10px;
margin-bottom: 10px;
} .top .category_box ul li:nth-child(4n) {
margin-right: 0;
}
.top .category_box ul li img {
border-radius: 5px 5px 0 0;
display: block;
width: 182px;
height: 107px;
}
.top .category_box ul li div.inner {
height: auto;
padding: 0;
background: none;
border-radius: 0;
}
.top .category_box ul li div {
padding: 10px 0px 8px 7px;
border-radius: 0 0 5px 5px;
background: #de1122;
height: 117px;
}
.top .category_box ul a {
text-decoration: none;
}
.top .category_box ul li span {
padding: 3px 3px 7px 10px;
display: block;
color: #fff;
font-size: 16px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow01.png) no-repeat -2px 7px;
text-decoration: none;
font-weight: bold;
}
.top .category_box ul li h3 {
padding: 0 0 5px 14px;
display: block;
color: #fff;
font-size: 16px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow01.png) no-repeat left 2px;
text-decoration: none;
font-weight: bold;
line-height: 1.2;
}
.top .category_box ul li p.txt {
padding: 0 3px 0 0;
color: #fff;
font-size: 10px;
line-height: 1.2;
text-decoration: none;
height: 50px;
}
.under .category_box {
width: 760px;
margin: 0 auto;
}
.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;
}
.under .category_box ul::after {
display: block;
content: "";
width: 39%;
} .under .category_box ul li img {
border-radius: 5px 5px 0 0;
display: block;
width: 100%;
height: auto;
}
.under .category_box ul li div {
padding-top: 10px;
padding-right: 7px;
padding-bottom: 8px;
border-radius: 0 0 5px 5px;
background: #de1122;
padding-left: 7px;
height: 40px;
vertical-align: middle;
display: table-cell;
width: 170px;
}
.under .category_box ul li p.txt {
padding: 0;
color: #fff;
font-size: 13px;
line-height: 1.6;
text-decoration: none;
text-align: center;
}
.under .category_box.tokei {
width: 760px;
margin: 0 auto;
} .under .category_box a,
.under .category_box a:link {
text-decoration: none;
}
.under .category_box.tokei ul li {
width: 147px; border-radius: 5px;
float: left;
margin-right: 5px;
margin-bottom: 7px;
}
.under .category_box.tokei ul li:nth-child(5n) {
margin-right: 0;
}
.under .category_box.tokei ul li img {
border-radius: 5px 5px 0 0;
display: block;
width: 147px;
height: auto;
}
.under .category_box.tokei ul li div {
padding-top: 5px;
padding-right: 7px;
padding-bottom: 4px;
border-radius: 0 0 5px 5px;
background: #de1122;
padding-left: 7px;
}
.under .category_box.tokei ul li p.txt {
padding: 0;
color: #fff;
font-size: 14px;
line-height: 1.4;
text-decoration: none;
text-align: center;
}
.under .satei_btm span {
width: 622px;
display: block;
position: absolute;
height: 18px;
left: 150px;
font-size: 22px;
top: -2px;
color: #de1122;
font-weight: bold;
padding: 26px 0 26px 0;
line-height: 24px;
}
.under .satei_btm p {
color: #000;
font-size: 16px;
padding-top: 65px;
line-height: 27px;
float: none;
padding-left: 8px;
} .fst .satei_box {
background: #de1122;
border-radius: 5px;
padding: 10px;
}
.fst .satei_box .chara {
display: block;
float: right;
width: 130px;
height: auto;
}
.fst .satei_box span {
font-size: 50px;
font-weight: bold;
color: #fff;
display: block;
padding: 30px 0 20px;
}
.fst .satei_box p {
color: #fff;
font-size: 14px;
line-height: 22px;
}
.fst .satei_box p.attention {
margin-top: 8px;
color: #fff;
font-size: 12px;
line-height: 20px;
}
.fst .satei_box ul {
clear: both;
display: table;
}
.fst .satei_box li {
display: table-cell;
}
.fst .satei_box li:last-child {
padding-left: 10px;
}
.fst .satei_btm {
border-radius: 5px;
padding: 10px 10px 0 10px;
position: relative;
}
.fst .satei_btm .chara {
display: block;
float: left;
padding-left: 10px;
padding-right: 10px;
width: 120px;
height: auto;
}
.fst .satei_btm .chara_men {
display: block;
float: left;
padding-right: 10px;
width: 120px;
height: auto;
margin-left: -10px;
}
.fst .satei_btm span {
width: 622px;
display: block;
position: absolute;
height: 18px;
left: 160px;
font-size: 22px;
top: 8px;
color: #de1122;
font-weight: bold; }
.fst .satei_btm h2 {
width: 622px;
display: block;
position: absolute;
height: 18px;
left: 160px;
font-size: 22px;
top: 8px;
color: #de1122;
font-weight: bold;
padding: 8px 0 26px 0;
line-height: 1.2;
}
.fst .satei_btm p {
color: #000;
font-size: 16px;
padding-top: 65px;
line-height: 27px;
float: left;
padding-left: 8px;
margin-bottom: 0px !important;
}
.fst .satei_btm p a {
color: #de1122;
}
.fst .category_box {
width: 760px;
margin: 0 auto;
}
.fst .category_box ul li {
width: 182px; border-radius: 5px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.fst .category_box ul li:nth-child(4n) {
margin-right: 0;
}
.fst .category_box ul li img {
border-radius: 5px 5px 0 0;
display: block;
width: 182px;
height: 107px;
}
.fst .category_box ul li div {
padding: 10px 0px 8px 7px;
border-radius: 0 0 5px 5px;
background: #de1122;
width: 175px;
height: 112px;
vertical-align: top;
}
.fst .category_box ul a {
text-decoration: none;
}
.fst .category_box ul li span {
padding: 0 0 5px 11px;
display: block;
color: #fff;
font-size: 16px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow01.png) no-repeat -1px 4px;
text-decoration: none;
font-weight: bold;
}
.fst .category_box ul li h3 {
padding: 0 0 4px 14px;
display: block;
color: #fff;
font-size: 16px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow01.png) no-repeat left 3px;
text-decoration: none;
font-weight: bold;
margin: 0;
}
.fst .category_box ul li p.txt {
padding: 0 3px 0 0;
color: #fff;
font-size: 10px;
line-height: 1.2;
text-decoration: none;
height: 50px;
text-align: left;
}
.houhu .category_box ul li .imgbox {
float: left;
display: block;
}
.houhu .category_box ul li {
width: 375px;
height: 104px;
border-radius: 5px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.houhu .category_box ul li div {
padding: 5px 0px 13px 7px;
border-radius: 0 5px 5px 0px;
background: #de1122;
width: 186px;
display: inline-block;
height: 86px!important;
}
.houhu .category_box ul li img {
border-radius: 5px 0px 0 5px;
display: block;
width: 182px;
height: 104px;
}
.houhu .category_box ul li p.txt {
padding: 0 3px 0 0;
color: #fff;
font-size: 10px;
line-height: 1.1;
text-decoration: none;
height: 50px;
text-align: left;
}
.houhu .category_box ul li:nth-child(2n) {
margin-right: 0;
}
.houhu .category_box ul li:nth-child(4n) {
margin-right: 10;
}
.box02 .fst p {
margin-bottom: 0px !important;
}
.why {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/chara_bg.png) no-repeat center 8px #fff;
border-radius: 5px;
border: 3px solid #de1122;
position: relative;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
margin-bottom: 15px;
}
.why span {
display: block;
text-align: center;
font-size: 38px;
color: #c19920;
font-weight: normal;
padding: 27px 0 12px 27px;
}
.why p {
color: #725600;
font-size: 16px;
line-height: 23px;
text-align: center;
padding: 0px 0 12px;
}
.why a {
display: block;
clear: both;
width: 100%;
text-align: center;
background: #de1122;
padding: 10px 0 6px;
font-size: 16px;
color: #fff;
text-decoration: none;
line-height: 100%;
}
.merrit_box {
padding-top: 16px;
padding-right: 12px;
padding-left: 12px;
padding-bottom: 0px;
margin-top: 30px;
background-color: #eaeaea;
border-radius: 5px;
}
.merrit_box h2 {
font-size: 34px !important;
text-align: center !important;
color: #de1122 !important;
padding-top: 16px !important;
padding-right: 0 !important;
padding-left: 0 !important;
padding-bottom: 14px !important;
font-weight: bold;
background-color: #EAEAEA !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.merrit_box h3 {
font-size: 34px !important;
text-align: center !important;
color: #de1122 !important;
padding-top: 16px !important;
padding-right: 0 !important;
padding-left: 0 !important;
padding-bottom: 5px !important;
font-weight: bold;
background-color: #EAEAEA !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.merrit_box ul {
margin-top: 10px;
}
.merrit_box ul li {
width: 360px;
background: #fff;
border-radius: 5px;
float: left;
height: 120px;
margin-right: 13px;
text-align: center;
margin-bottom: 13px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.merrit_box ul li img {
float: left;
margin-top: -10px;
margin-right: 5px;
}
.merrit_box ul li span {
color: #DE1122;
height: 55px;
font-size: 16px;
display: block;
line-height: 22px;
font-weight: bold;
text-align: left;
margin-top: 9px;
}
.merrit_box ul li p {
font-size: 11px;
line-height: 14px;
text-align: left;
padding-left: 10px;
padding-bottom: 10px;
}
.merrit_box ul li p span {
font-size: 20px;
}
.merrit_box ul li:nth-child(2n) {
margin-right: 0;
}
.possible {
margin-top: 30px;
background-color: #EAEAEA;
border-radius: 5px;
padding: 15px;
}
.possible h2 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
}
.possible h3 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
}
.possible h3.ttl {
background: none;
color: #555;
font-size: 15px;
text-align: center;
border-bottom: 1px dashed #c3c3c3;
border-radius: 0;
margin-bottom: 5px;
}
.possible p {
padding-top: 10px;
padding-right: 0;
padding-left: 10px;
padding-bottom: 0px;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}
.possible ul {
margin-top: 10px;
}
.possible ul li {
width: 246px;
background: #fff;
border-radius: 5px;
float: left;
margin-right: 0;
margin-left: 15px;
margin-bottom: 0px;
}
.possible ul li:first-of-type {
margin-left: 0;
}
.possible ul li p {
font-size: 15px;
color: #de1122;
text-align: center;
padding-top: 8px;
padding-right: 0;
padding-left: 0;
padding-bottom: 4px;
}
.possible ul li img {
display: block;
text-align: center;
width: 100%; }
.possible ul li div { box-sizing: border-box;
padding: 10px 0px 5px 10px;
height: 142px;
}
.possible ul li span {
background-repeat: no-repeat;
background-position: left 4px;
background-image: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/check.png);
padding-left: 12px;
display: block;
font-size: 11px;
float: left;
margin-right: 5px;
float: left;
width: 100px;
}
.possible ul li:last-child {
margin-right: 0;
padding-bottom: 0px;
}
.jisseki_list {
margin-top: 30px;
padding: 13px;
border-radius: 5px;
border: 2px solid #EAEAEA;
overflow: hidden;
}
.jisseki_list h2 {
font-size: 32px !important;
text-align: center !important;
color: #de1122 !important;
padding-top: 16px !important;
padding-right: 0 !important;
padding-left: 0 !important;
padding-bottom: 14px !important;
font-weight: bold !important;
background-color: #FFFFFF !important;
margin: 0px !important;
}
.jisseki_list h3 {
font-size: 32px !important;
text-align: center !important;
color: #de1122 !important;
padding-top: 16px !important;
padding-right: 0 !important;
padding-left: 0 !important;
padding-bottom: 14px !important;
font-weight: bold !important;
background-color: #FFFFFF !important;
margin: 0px !important;
}
.jisseki_list .item_img {
text-align: center;
background-color: #fff;
border-radius: 5px 5px 0 0;
padding: 0px;
}
.jisseki_list p.txt {
padding: 7px 0 10px;
font-size: 11px;
line-height: 1.6;
border-top: 1px dotted #FFFFFF;
text-align: center;
min-height: 51px;
}
.jisseki_list 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;
margin-top: 10px;
}
.jisseki_list ul li {
width: 24%;
background: #fff;
border-radius: 5px;
margin-bottom: 7px;
position: relative;
}
.jisseki_list ul li p {
color: #fff;
text-align: left;
padding: 12px 0 8px;
clear: both;
}
.jisseki_list ul li img {
display: block;
text-align: center;
object-fit: cover;
margin-top: 0;
margin-bottom: 0;
height: 187px; width: 100%;
}
.jisseki_list ul li div {
padding: 0 5px 0px 10px;
background: #de1122;
border-radius: 0 0 5px 5px;
min-height: 115px;
}
.jisseki_list ul li span.tag01 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/tag01.png) no-repeat;
width: 24px;
height: 38px;
line-height: 16px;
padding: 10px 12px 6px 4px;
color: #fff;
display: block;
font-size: 10px;
float: left;
margin-right: 5px;
margin-bottom: 8px;
text-align: center;
}
.jisseki_list ul li span.tag02 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/tag02.png) no-repeat;
width: 24px;
height: 38px;
line-height: 16px;
padding: 10px 12px 6px 4px;
color: #fff;
display: block;
font-size: 10px;
float: left;
margin-right: 5px;
margin-bottom: 8px;
text-align: center;
}
.jisseki_list ul li span.tag03 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/tag03.png) no-repeat;
width: 24px;
height: 38px;
line-height: 16px;
padding: 10px 12px 6px 4px;
color: #fff;
display: block;
font-size: 10px;
float: left;
margin-right: 5px;
margin-bottom: 8px;
}
.jisseki_list ul li p.pref {
color: #fff;
font-size: 18px;
width: 120px;
display: block;
float: left;
text-align: left;
position: absolute;
top: 185px;
right: 9px;
font-weight: bold;
}
.jisseki_list ul li .pref span {
color: #fff;
display: block;
font-size: 10px;
font-weight: normal;
}
.jisseki_list ul li:nth-child(4n) {
margin-right: 0;
}
.jisseki_list .notes {
margin-top: 5px;
}
.jisseki_list .notes p {
font-size: 12px;
text-indent: -1em;
padding-left: 1em;
line-height: 1.4;
}
.top .box06 {
margin-top: 30px;
background-color: #EAEAEA;
border-radius: 5px;
padding: 15px;
}
.top .box06 h3 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-bottom: 15px;
}
.top .box06 .c01 {
background: #fff;
border-radius: 5px;
margin-bottom: 18px;
padding: 0 15px 15px;
}
.top .box06 span.tag04 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/tag04.png) no-repeat;
width: 48px;
height: 45px;
line-height: 18px;
padding: 11px 7px;
color: #fff;
display: block;
font-size: 12px;
text-align: center;
float: left;
margin-right: 5px;
}
.top .box06 span.ttl {
padding: 22px 5px;
font-weight: bold;
color: #f65a5a;
display: block;
font-size: 20px;
float: left;
width: 663px;
}
.top .box06 p.txt {
clear: both;
font-size: 12px;
line-height: 160%;
padding-top: 10px;
padding-bottom: 10px;
}
.top .box06 .re_wrap {
display: table;
}
.top .box06 button {
margin-top: 20px;
}
.top .box06 button:focus {
outline: 0px;
} .re {
position: relative;
display: inline-block;
padding: 15px 16px;
width: 580px;
min-width: 115px;
height: auto;
color: #F6F6F6;
line-height: 160%;
text-align: left;
background: #f65a5a;
z-index: 0;
border-radius: 5px;
}
.re:after {
content: "";
position: absolute;
top: 50%;
right: -10px;
margin-top: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #f65a5a;
}
.top .box06 .chara {
display: table-cell;
vertical-align: middle;
padding-left: 30px;
}
.top .box06 .chara img {
display: block;
margin-left: -1px\0;
}
.top .box06 a.link_btn {
display: block;
padding: 30px 25px 22px;
color: #fff;
font-weight: 500;
font-size: 22px;
width: 490px;
border-radius: 5px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow02.png) #de1122 no-repeat right 40px top 27px;
text-decoration: none;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
margin-bottom: 15px;
}
.top .box07 {
margin-top: 30px;
background-color: #EAEAEA;
border-radius: 5px;
padding: 20px 20px;
}
.top .box07 h2 {
font-size: 32px;
text-align: center;
border-radius: 5px;
color: #de1122;
padding: 15px 20px 15px;
line-height: 100%;
margin-bottom: 0px;
}
.top .box07 h3 {
font-size: 32px;
text-align: center;
border-radius: 5px;
color: #de1122;
padding: 15px 20px 15px;
line-height: 100%;
margin-bottom: 0px;
}
.top .box07 p {
font-size: 12px;
}
.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
margin: 20px 0;
} .about_txt {
margin-top: 20px;
background: #f0f0f0;
border-radius: 5px;
padding: 20px 20px;
}
.about_txt h4 {
font-size: 32px;
text-align: center;
border-radius: 5px;
color: #de1122;
padding: 15px 20px 15px;
line-height: 100%;
margin-bottom: 0px;
}
.about_txt p {
font-size: 12px;
}
div.breadcrumbs {
color: #787878;
font-size: 12px;
padding-left: 51px;
}
div.breadcrumbs a {
text-decoration: none;
color: #787878;
}
div.breadcrumbs a span {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/pankuzu_arrow.png) no-repeat right 5px;
padding-right: 15px;
margin-right: 8px;
text-decoration: none;
color: #787878;
position: relative;
border: none;
}
div.breadcrumbs a:hover span {
text-decoration: underline;
}
.ttl_bg {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/ttl_bg.png) no-repeat left top;
background-size: contain;
height: auto;
margin-left: -50px;
margin-bottom: 10px;
}
.brand_detail_mv {
margin-bottom: 20px;
}
h2.page_ttl {
font-size: 32px!important;
font-weight: bold;
display: block;
padding-bottom: 15px!important;
padding-top: 37px!important;
padding-left: 50px!important;
background: none!important;
color: #000!important;
margin-bottom: 0!important;
line-height: 1.2;
}
h2.page_ttl.column {
padding: 0!important;
letter-spacing: .05em;
margin: 40px 0 50px!important;
font-weight: bold!important;
}
h2.page_ttl span {
font-size: 20px;
font-weight: bold;
padding-left: 20px;
}
h2.ttl404 {
padding-top: 55px!important;
}
.under .mv_s {
position: relative;
}
.under .mv_s div {
position: absolute; top: 100px;
left: 24px;
}
.under .mv_s div.fst {
position: absolute;
top: 70px;
left: 24px;
}
.purchase .mv_s div {
position: absolute;
top: 70px;
left: 24px;
}
.under .mv_s span {
line-height: 30px;
font-size: 18px;
padding-bottom: 20px;
display: block;
font-weight: bold;
color: #fff;
}
.under .mv_s p {
line-height: 26px;
font-size: 14px;
color: #fff;
padding-left: 5px;
width: 420px;
}
.under .purchase .mv_s span {
color: #FFFFFF;
}
.under .purchase .mv_s p {
color: #FFFFFF;
}
.under .faq .mv_s span {
color: #000;
}
.under .faq .mv_s p {
color: #000;
}
.under .privacy .mv_s {
margin-bottom: 30px;
} .under.kaitori h2 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 0px;
margin-bottom: 15px;
}
.under.kaitori h3 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 0px;
margin-bottom: 15px;
} .under h3 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 30px;
margin-bottom: 35px;
}
.under .first h4 {
font-size: 24px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #ffb6bc;
color: #70614a;
padding: 0px 0px 30px;
line-height: 100%;
}
.under .first .box01 {
border-bottom: 1px dotted #c1c1c1;
padding-top: 30px;
padding-bottom: 50px;
margin-bottom: 60px;
}
.under .first .box01 p {
float: left;
font-size: 14px;
width: 480px;
line-height: 26px;
margin-bottom: 30px;
}
.under .first .box01 .fl_l {
width: 480px;
}
.box404 {
padding-top: 0!important;
}
.box404 p {
margin-bottom: 60px!important;
}
.under .first .box02 {
border-bottom: 1px dotted #c1c1c1;
padding-top: 30px;
padding-bottom: 50px;
margin-bottom: 60px;
}
.under .first .box02.last {
border-bottom: none;
}
.under .first .box02 p {
font-size: 14px;
line-height: 26px;
margin-bottom: 30px;
}
.under .first .box02 p.caution {
font-size: 12px;
line-height: 20px;
color: #de1122;
width: 600px;
background: #efefef;
padding: 15px;
}
.under .first h5 {
font-size: 16px;
font-weight: bold;
color: #ce9237;
padding-bottom: 15px;
}
.under .first .box02 table {
margin-bottom: 30px;
}
.under .first .box02 table th {
width: 70px;
text-align: left;
}
.under .first .box02 table td {
padding: 1px 0;
} .under .shop_list h3 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 30px;
margin-bottom: 0px;
}
.under .shop_list2 h3 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 30px;
margin-bottom: 0px;
}
.under .shop_list h3.search {
margin-top: 0!important;
}
.under .shop_list p.txt {
font-size: 14px;
line-height: 26px;
margin-bottom: 20px;
}
.under .shop_list p.img {
margin-bottom: 40px;
}
.under .shop_list .shop_box_wrap {
margin-bottom: 60px;
margin-top: -20px;
}
.under .shop_list .shop_box {
position: relative;
border-bottom: 1px dotted #c1c1c1;
padding-top: 30px;
padding-bottom: 30px;
}
.under .shop_list .shop_box span {
font-size: 22px;
font-weight: bold;
display: block;
}
.under .shop_list .shop_box p.shop_address {
font-size: 14px;
padding: 10px 0;
display: block;
}
.under .shop_list .shop_box p.shop_tel {
font-size: 24px;
font-weight: bold;
color: #de1122;
padding: 2px 8px 10px 18px;
float: left;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/tel_icon.png) no-repeat left 1px;
display: block;
}
.under .shop_list .shop_box p.shop_time {
font-size: 12px;
}
.under .shop_list .shop_box a {
position: absolute;
right: 0;
padding: 8px 10px;
line-height: 100%;
display: block;
font-size: 14px;
font-weight: bold;
width: 145px;
text-decoration: none;
top: 30px;
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;
}
div#search-box {
background: #f1f1f1;
padding-bottom: 25px;
border-radius: 5px;
}
.under .shop_list_ex h3 {
margin-top: 0!important;
margin-bottom: 20px;
}
.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;
}
div#search-box div {
margin: 0 auto!important;
width: 555px;
margin-top: 30px!important;
margin-bottom: 10px!important;
}
p.search-text {
float: left;
font-weight: bold;
line-height: 33px;
margin-right: 25px;
}
.search-jp a {
margin-bottom: 10px;
display: inline-block;
}
#search-box input[type="text"] {
width: 320px;
height: 30px;
border: 1px solid #BDBDBD;
padding-left: 8px;
font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
#search-box input[type="submit"] {
border: none;
background: #DE1122;
color: #fff;
padding: 6px 16px 5px 21px;
font-family: メイリオ;
font-size: 14px;
letter-spacing: 6px;
margin-left: 25px;
vertical-align: bottom;
}
p.search-text-02 {
text-align: center;
clear: both;
}
div#no_keyword {
margin-top: 20px;
}
div#no_keyword p {
padding: 0 10px;
}
#touhoku,
#kanto,
#chubu,
#kansai,
#chugoku,
#shikoku,
#kyushu {
margin-top: 0px!important;
}
.voice {
margin-top: 30px;
background-color: #EAEAEA;
border-radius: 5px;
padding: 15px;
margin-bottom: 30px;
}
.voice .box {
margin-top: 20px;
}
.voice .box h3 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-bottom: 15px;
}
.voice .box .c01 {
background: #fff;
border-radius: 5px;
margin-bottom: 18px;
padding: 0 15px 15px;
}
.voice .box span.tag04 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/tag04.png) no-repeat;
width: 48px;
height: 45px;
line-height: 18px;
padding: 11px 7px;
color: #fff;
display: block;
font-size: 12px;
text-align: center;
float: left;
margin-right: 5px;
}
.voice .box span.ttl {
padding: 22px 10px;
font-weight: bold;
color: #f65a5a;
display: block;
font-size: 20px;
float: left;
}
.voice .box p.txt {
clear: both;
font-size: 12px;
line-height: 160%;
padding-top: 10px;
padding-bottom: 10px;
}
.voice .box .re_wrap {
display: table;
} .voice .box .re {
position: relative;
display: inline-block;
padding: 15px 16px;
width: 580px;
min-width: 115px;
height: auto;
color: #F6F6F6;
line-height: 160%;
text-align: left;
background: #f65a5a;
z-index: 0;
border-radius: 5px;
}
.voice .box .chara {
display: table-cell;
vertical-align: middle;
padding-left: 30px;
}
.voice .box .chara img {
display: block;
margin-left: -1px\0;
}
.voice a.link_btn {
display: block;
padding: 30px 25px 22px;
color: #fff;
font-weight: 500;
font-size: 22px;
width: 490px;
border-radius: 5px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow02.png) #de1122 no-repeat right 40px top 27px;
text-decoration: none;
margin: 30px auto;
}
.voice .reviewname {
float: left;
margin-top: 21px;
}
.voice .reviewname {
color: #ffc400;
font-size: 16px;  }
.page-template-page-shop .voice .box span.ttl {
padding-left: 2px!important;
padding-right: 5px!important;
}
.page-template-page-shop #main .voice h3 {
margin-top: 8px;
margin-bottom: 8px;
}
.page-template-page-shop .rating_count {
display: block;
padding: 5px 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%;
color: #3e3e3e;
}
.page-template-page-shop .rating_count p {
display: inline;
font-weight: bold;
}
.page-template-page-shop .voice .box {
margin-top: 5px;
}
.author {
text-align: right;
font-size: 12px;
margin-top: -15px;
margin-bottom: 15px;
padding-right: 5px;
}
.hitokoto {
background: #eaeaea;
border-radius: 3px;
box-sizing: border-box;
padding: 15px;
margin-top: 15px;
}
.hitokoto h4 {
background: #f65a5a;
color: #fff;
padding: 10px 20px 6px;
border-radius: 3px 3px 0 0;
font-size: 16px;
}
.hitokoto p {
padding: 0 3px;
background: #fff;
border-radius: 0 0 3px 3px;
box-sizing: border-box;
padding: 10px 13px;
line-height: 1.6;
}
.shop_info {
margin-top: -17px;
}
.shop_info_innar {
margin-bottom: 20px!important;
} #header03_01_02 #visual {
height: 355px;
position: relative;
}
#header03_01_02 ul#output {
margin: 0;
width: 32px;
overflow: hidden;
height: 38px;
float: left;
}
#header03_01_02 ul#output li {
margin: 0;
width: 32px;
height: 38px;
}
#header03_01_02 ul#output li.li01 {
margin: 0;
width: 32px;
height: 38px;
position: absolute;
margin: 286px 0 0 198px;
}
#header03_01_02 ul#output li.li02 {
margin: 0;
width: 32px;
height: 38px;
position: absolute;
margin: 270px 0 0 170px;
}
#header03_01_02 ul#output li.li03 {
margin: 0;
width: 32px;
height: 38px;
position: absolute;
margin: 89px 0 0 71px;
}
#header03_01_02 ul#output li.li04 {
margin: 0;
width: 32px;
height: 38px;
position: absolute;
margin: 401px 0 0 350px;
}
#header03_01_02 #tabs {
margin-left: 70px;
width: 154px;
position: absolute;
padding: 0;
float: left;
}
#header03_01_02 #tabs li {
float: left;
padding: 0;
margin: 0 0 6px;
line-height: 1%;
font-size: 1%;
position: absolute;
z-index: 0;
}
#header03_01_02 #tabs li a {
display: block;
text-indent: -9999px;
z-index: 1;
}
#header03_01_02 #tabs li.tab-1 {
position: absolute;
z-index: 1;
margin: 20px 0 0 400px;
}
#header03_01_02 #tabs li.tab-1 a {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/main/menu_kl.png) no-repeat scroll left top transparent;
height: 54px;
width: 154px;
}
#header03_01_02 #tabs li.tab-1 a:hover,
#header03_01_02 #tabs li.tab-1 a.current,
#header03_01_02 #tabs li.tab-2 a:hover,
#header03_01_02 #tabs li.tab-2 a.current,
#header03_01_02 #tabs li.tab-3 a:hover,
#header03_01_02 #tabs li.tab-3 a.current,
#header03_01_02 #tabs li.tab-4 a:hover,
#header03_01_02 #tabs li.tab-4 a.current {
opacity: 0.7;
}
#header03_01_02 #tabs li.tab-2 {
position: absolute;
z-index: 1;
margin: 84px 0 0 400px;
}
#header03_01_02 #tabs li.tab-2 a {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/main/menu_selangor.png) no-repeat scroll 0 0 transparent;
height: 54px;
width: 154px;
}
#header03_01_02 #tabs li.tab-3 {
position: absolute;
z-index: 1;
margin: 148px 0 0 400px;
}
#header03_01_02 #tabs li.tab-3 a {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/main/menu_penang.png) no-repeat scroll 0 0 transparent;
height: 54px;
width: 154px;
}
#header03_01_02 #tabs li.tab-4 {
position: absolute;
z-index: 1;
margin: 212px 0 0 400px;
}
#header03_01_02 #tabs li.tab-4 a {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/main/menu_johor.png) no-repeat scroll 0 0 transparent;
height: 54px;
width: 154px;
}
#header03_01_02 {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/main/malaysia_map.png) no-repeat;
width: 800px;
margin-bottom: 30px;
height: 500px;
border-radius: 0 0 5px 5px;
}
#header03_01_02 #header03_01_02 {
height: 385px;
width: 691px;
}
#header03_01_02 .header_menu_left {
float: left;
height: 355px;
display: inline;
padding: 30px 0 0 0;
z-index: 1;
}
#header03_01 {
float: left;
height: 25px;
width: 980px;
}
#header03_02 {
float: left;
height: 205px;
width: 980px;
} .under .purchase .box {
padding: 0px 0 20px; margin-bottom: 20px;
}
.under .purchase .box .caution {
font-size: 12px;
line-height: 20px;
color: #de1122;
clear: both;
margin-top: 25px;
display: block;
width: 620px;
background: #efefef;
padding: 15px;
}
.houhu {
margin: 40px 0;
}
.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: 100%;
color: #000;
clear: both;
border-collapse: collapse;
margin-bottom: 40px;
}
.purchase table td {
padding: 7px;
color: #000;
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;
}
.tabs {
display: table;
border-collapse: collapse;
border-spacing: 0;
width: 740px;
margin: 0 auto;
}
.tabs>.tab {
display: table-cell;
border: 1px solid #999999;
text-align: center;
}
.tabs>.tab div { background: #c6b297; background: -moz-linear-gradient(top, #c6b297 0%, #ffffff 59%); background: -webkit-linear-gradient(top, #c6b297 0%, #ffffff 59%); background: linear-gradient(to bottom, #c6b297 0%, #ffffff 59%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c6b297', endColorstr='#ffffff', GradientType=0); padding: 8px 0;
}
.tabs>.tab a {
font-size: 16px;
text-decoration: none;
color: #000;
padding: 10px 15px;
}
.tabs>.tab.active {
font-weight: bold;
}
.panels>.panel {
display: none;
}
.panels>.panel.active {
display: block;
}
.panels {
display: block;
width: 730px;
padding: 5px;
border: 1px solid #999;
margin: 20px auto 0;
}
.panels table {
margin-bottom: 0;
}
.panels table td {
padding: 15px 0;
border: none;
border-bottom: 1px dotted #999;
text-align: left;
padding-left: 15px;
width: 50%;
font-weight: bold;
color: #333;
}
.panels table td.brown {
color: #b25900;
}
.panels table td span {
font-size: 10px;
padding-left: 5px;
color: #999;
font-weight: 100;
}
.gray_bg {
background: #eaeaea;
margin-top: 20px;
border-radius: 5px;
} .item_mv p {
text-align: center;
padding-top: 10px;
}
.kaitori_box {
background: #de1122;
border-radius: 5px;
padding: 10px;
margin-bottom: 30px;
margin-top: 20px;
}
.kaitori_box .chara {
display: block;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.kaitori_box span {
font-size: 22px;
border-radius: 5px;
background: #fff url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/icon.png) no-repeat 15px bottom;
color: #000;
display: block;
padding: 17px 0 13px 78px;
}
.kaitori_box span.ttl {
font-size: 72px;
border-radius: 0;
background: none;
color: #de1122;
display: block;
font-weight: bold;
text-align: center;
line-height: 100%;
padding: 17px 0 25px 0;
}
.kaitori_box p.tag05 {
color: #fff;
font-size: 16px;
line-height: 22px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/tag05.png) no-repeat;
width: 194px;
margin: 0 auto 15px;
text-align: center;
height: 30px;
padding-top: 5px;
}
.kaitori_box li p {}
.kaitori_box ul {
clear: both;
padding-top: 10px;
}
.kaitori_box li {
box-sizing: border-box;
float: left;
width: 49.3%;
padding: 20px 13px 10px;
background: #fff;
border-radius: 5px;
}
.kaitori_box li:last-child {
float: right;
}
.brand_list_ttl {
margin-top: 50px!important;
margin-bottom: 15px!important;
}
.brand_list_s {
font-size: 9px;
line-height: 15px;
}
.brand_list_s div {
float: left;
width: 33%;
}
.brand_list_s p {
margin-bottom: 20px;
} .brand_detail .sub_ttl {
font-size: 24px;
line-height: 32px;
padding: 30px 0 20px;
color: #de1122;
font-weight: bold;
}
.brand_rank_box {
background: #de1122;
border-radius: 5px;
padding: 10px;
margin-bottom: 30px;
margin-top: 30px;
}
.brand_rank_box span {
font-size: 22px;
border-radius: 5px;
background: #fff url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/icon.png) no-repeat 15px bottom;
color: #000;
display: block;
padding: 17px 0 13px 78px;
}
.brand_rank_box span.ttl {
font-size: 40px;
border-radius: 0;
background: none;
color: #de1122;
display: block;
text-align: center;
padding: 17px 0 25px 0;
}
.brand_rank_box p.tag05 {
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 22px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/tag05.png) no-repeat;
width: 194px;
margin: 0 auto 15px;
text-align: center;
height: 30px;
padding-top: 5px;
}
.brand_rank_box li p.txt {
font-size: 14px;
line-height: 24px;
}
.brand_rank_box ul {
clear: both;
padding-top: 10px;
}
.brand_rank_box li {
width: 49.3%;
float: left;
box-sizing: border-box;
padding: 20px 11px 10px;
background: #fff;
border-radius: 5px;
}
.brand_rank_box li:first-child {
float: none;
width: 100%;
padding: 20px 0px 10px 13px;
margin-bottom: 10px;
}
.brand_rank_box li div {
text-align: center;
}
.brand_rank_box li:first-child div {
width: 47%;
float: left;
}
.brand_rank_box li p.txt {
font-size: 12px;
padding-top: 5px;
line-height: 18px;
}
.brand_rank_box li:first-child p.txt {
font-size: 14px;
line-height: 24px;
float: right;
width: 51.5%;
}
.brand_rank_box li:last-child {
float: right;
}
.brand_detail_what {
margin-top: 30px;
}
.faq h3 {
margin: 30px auto 10px;
}
.under .faq .caution {
font-size: 12px;
line-height: 20px;
color: #de1122;
border-radius: 5px;
clear: both;
margin-top: 10px;
display: inline-block;
background: #efefef;
padding: 10px;
}
.faq-pretty {
width: 100%;
margin-bottom: 40px;
}
.faq-pretty ul {
margin-top: 15px;
list-style: none;
margin-left: 0;
padding: 0;
}
.faq-pretty .faq-item {
margin-bottom: 10px;
list-style: none;
margin-left: 0;
}
.faq-pretty .faq-question {
background: #FFF url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/faq-bg.png) no-repeat left 14px;
font-size: 20px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #ffb6bc;
color: #70614a;
padding: 15px 0px 20px 35px;
cursor: pointer;
line-height: 1.4;
}
.faq-pretty .faq-item.highlight .faq-question {
border-bottom: none;
}
.faq-pretty .faq-answer {
padding: 5px 10px 40px 0px;
background: #fff;
border-bottom: 1px dotted #c1c1c1;
border-top: 0px;
font-size: 14px;
line-height: 26px;
}
.under .privacy p {
margin-bottom: 30px;
}
.under .privacy dl {
margin-bottom: 25px;
font-size: 14px;
line-height: 26px;
}
.under .privacy dl dt {
display: block;
float: left;
}
.under .privacy dl dd {
float: left;
width: 760px;
}
.under .privacy table {
width: 100%;
line-height: 26px;
padding-top: 20px;
}
.under .privacy table th {
font-weight: normal;
}
.under .privacy table th a {
color: #de1122;
}
.under .privacy table td {
text-align: right;
}
.under .company h3 {
clear: both;
}
.under .company h4 {
font-size: 24px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #ffb6bc;
color: #70614a;
padding: 0px 0px 25px;
line-height: 100%;
}
.under .company table {
margin-top: 10px;
width: 100%;
}
.under .company th,
.under .company td {
border-bottom: 1px dotted #c1c1c1;
padding: 12px 0;
font-weight: normal;
line-height: 26px;
}
.under .company td img {
padding-top: 10px;
}
.under .company th {
width: 175px;
vertical-align: top;
}
.under .company table td span.caution {
color: #de1122;
}
.under .company table.table01 {
margin-bottom: 70px;
}
.under .company table.table02 {
margin-bottom: 65px;
}
.under .company table.table03 {
margin-bottom: 65px;
}
.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 p.txt01 {
padding-top: 25px;
padding-bottom: 15px;
}
.under .company p.txt02 {
padding-top: 0px;
padding-bottom: 15px;
}
.under .company a.link_btn {
padding: 8px 10px;
line-height: 100%;
display: block;
font-size: 14px;
font-weight: bold;
float: right;
text-align: left;
width: 304px;
text-decoration: none;
margin-bottom: 10px;
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;
}
.under .company a.link_btn02 {
padding: 8px 10px;
line-height: 100%;
display: block;
font-size: 14px;
font-weight: bold;
float: right;
text-align: left;
width: 304px;
text-decoration: none;
margin-top: 20px;
margin-bottom: 10px;
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;
}
.under .company .youtube {
padding-bottom: 35px;
margin-bottom: 10px;
margin-top: 10px;
}
.under .company .youtube iframe {
width: 560px;
height: 315px;
}
.under .company .number li {
width: 44%;
float: left;
line-height: 26px;
}
.cm_box a img {
width: 198px;
border: 1px solid #ddd;
padding: 10px 10px 7px;
margin-top: 0px;
border-radius: 5px;
margin-bottom: 10px;
}
.under .contact table {
margin-bottom: 30px;
}
.under .contact a {
color: #de1122;
}
.under .contact th,
.under .contact td {
padding: 10px 0;
line-height: 26px;
border-bottom: 1px dotted #c1c1c1;
}
.under .contact th {
width: 200px;
vertical-align: top;
font-weight: normal;
}
.under .contact th span {
color: #de1122;
}
.under .contact .caution {
color: #de1122;
}
.under .contact input[type="text"],
.under .contact input[type="tel"] {
background: #f1f1f1;
border: none;
border-radius: 5px;
padding: 10px;
width: 280px;
margin-bottom: 5px;
}
.contact input#ad {
margin-top: 10px;
width: 440px;
}
.under .contact input[type="email"] {
background: #f1f1f1;
border: none;
width: 440px;
border-radius: 5px;
padding: 10px;
margin-bottom: 5px;
}
.under .contact input[type="file"] {
padding-bottom: 7px;
}
.wpcf7-list-item label {
margin-right: 20px;
display: inline-block;
}
.wpcf7-list-item label input[type="radio"] {
display: block;
float: left;
margin-top: 2px;
margin-right: 2px;
}
.under .contact textarea {
width: 540px;
padding: 10px;
margin-bottom: 5px;
background: #f1f1f1;
border: none;
border-radius: 5px;
padding: 10px;
}
.under .contact .submit {
text-align: center;
}
.under .contact input[type="submit"] {
background: #de1122;
color: #fff;
font-size: 20px; border: none;
border-radius: 5px;
width: 370px;
cursor: pointer;
margin-top: 45px;
}
.under .contact input[type="button"] {
background: #868686;
color: #fff;
font-size: 18px;
padding-top: 20px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 20px;
border: none;
border-radius: 5px; cursor: pointer;
margin-top: 20px;
margin-left: -20px;
}
.tenpo_mv {
margin-bottom: 20px;
}
.tenpo .satei_btm {
border-radius: 5px;
padding: 10px 10px 0 10px;
position: relative;
}
.tenpo .satei_btm .chara {
display: block;
float: left;
padding-left: 10px;
padding-right: 10px;
width: 120px;
height: auto;
}
.tenpo .satei_btm span {
width: 622px;
display: block;
position: absolute;
height: 18px;
left: 160px;
font-size: 22px;
top: -13px;
color: #de1122;
font-weight: bold;
padding: 40px 0 26px 0;
}
.tenpo .satei_btm p {
color: #000;
font-size: 16px;
padding-top: 75px;
line-height: 27px;
float: left;
padding-left: 8px;
}
.tenpo .satei_btm p a {
color: #de1122;
}
.tenpo .category_box {
width: 760px;
margin: 0 auto;
}
.tenpo .category_box ul li {
width: 182px; border-radius: 5px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.tenpo .category_box ul li:nth-child(4n) {
margin-right: 0;
}
.tenpo .category_box ul li img {
border-radius: 5px 5px 0 0;
display: block;
width: 182px;
height: 107px;
}
.tenpo .category_box ul li div.inner {
padding: 0;
border-radius: 0;
background: none;
height: auto;
width: auto;
}
.tenpo .category_box ul li div {
padding: 10px 3px 8px 7px;
border-radius: 0 0 5px 5px;
background: #de1122;
height: 132px;
vertical-align: top;
width: 175px;
}
.tenpo .category_box ul a {
text-decoration: none;
}
.tenpo .category_box ul li span {
padding: 0 0 5px 9px;
display: block;
color: #fff;
font-size: 16px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/arrow01.png) no-repeat -1px 4px;
text-decoration: none;
font-weight: bold;
}
.tenpo .category_box ul li p.txt {
padding: 0;
color: #fff;
font-size: 11px;
line-height: 1.1;
text-decoration: none;
height: 50px;
text-align: left;
}
.tenpo.under h3 {
font-size: 24px;
text-align: left;
border-radius: 0px;
font-weight: bold;
color: #CD000D;
background: none;
padding: 0;
line-height: 120%;
margin-top: 0px;
margin-bottom: 15px;
}
.tenpo h4 {
color: #CD000D;
font-size: 18px;
font-weight: bold;
padding: 10px 20px;
border-top: 3px solid #CD000D;
background: #E9EAEA;
display: block;
margin-top: 30px;
margin-bottom: 10px;
}
.tenpo em {
font-size: 24px;
color: #CD000D;
font-weight: bold;
display: block;
padding-top: 20px;
padding-bottom: 10px;
line-height: 1.3;
}
.tenpo .box01 p.txt {
border-bottom: 2px dotted #ccc;
padding-bottom: 20px;
}
.tenpo p.last {
border: none;
}
.tenpo .box01 span {
display: block;
background: #CD000D;
border-radius: 5px;
color: #fff;
margin-top: 30px;
padding: 15px 15px 10px;
font-size: 22px;
line-height: 120%;
font-weight: bold;
}
.tenpo span.txt_flow {
display: block;
background-color: #FAE8DC;
border-radius: 5px;
padding: 15px 15px 10px;
margin-top: 15px;
font-size: 14px;
font-weight: normal;
color: #000000;
line-height: 1.4;
border-radius: 0px;
}
.tenpo span.red_flow {
margin-top: 15px;
border-radius: 0px;
}
.osusume_kuma {
display: none!important;
}
.blog_cover {
height: 1200px;
overflow-y: auto;
overflow-x: hidden;
}
dl.blog_txt {
width: 760px;
margin-left: auto;
margin-right: auto;
}
.blog_txt dt {
background-color: #E8EAEA;
color: #DE1122;
border-top: 4px solid #CD000E;
padding-top: 14px;
padding-right: 14px;
padding-left: 14px;
padding-bottom: 10px;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.blog_txt dt .date {
font-size: 12px;
color: #5B5B5B;
margin-right: 20px;
}
.blog_txt dd {
margin-bottom: 40px;
}
.blog_txt dd img {
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.shop_list_detail .mv_img {
text-align: center;
}
.shop_list_detail .mv_img img {
width: 100%;
height: auto;
padding-bottom: 25px;
}
.fst_btn {
text-align: right;
}
.fst_btn li {
display: inline;
}
.fst_btn li {
display: inline;
margin-left: 10px;
}
.fst_btn li.btn_01 a {
text-decoration: none;
background-color: #D8232F;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
color: #FFFFFF;
}
.fst_btn li.btn_02 a {
text-decoration: none;
background-color: #F4A53D;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
color: #FFFFFF;
}
.fst_btn li.btn_03 a {
text-decoration: none;
background-color: #007EB9;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
color: #FFFFFF;
}
.box.brand_kyouka ul {
font-size: 10px;
float: left;
width: 260px;
}
.top .blog {
margin-top: 0px;
}
.top .box06 h2 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-bottom: 15px;
}
.top .box06 h3 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-bottom: 15px;
}
.box .news {
height: 130px;
overflow-y: scroll;
} .box .news p {
border-bottom: 1px solid #9C9C9C;
padding-bottom: 5px;
margin-bottom: 5px;
text-decoration: none!important;
}
.box .news p a {
text-decoration: none!important;
}
.box .news p a:hover {
opacity: 0.6;
}
.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;
}
} 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;
}
.satei_box li:first-child {
position: relative;
}
p.whats_num {
position: absolute;
bottom: 40px;
left: 84px;
color: #5bb33d;
font-size: 24px;
font-weight: bold;
}
span.whats_side {
position: absolute;
bottom: 58px;
left: 25px;
font-weight: bold;
color: #5bb33d;
}
#sub .line {
position: relative;
}
.box08 h2 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 30px;
margin-bottom: 15px;
}
.box08 .shop_txt {
padding-bottom: 20px;
}
.box08 ul li p {
display: block;
padding-top: 5px;
margin-bottom: 10px;
}
.box08 .address {
display: block;
padding-top: 5px;
margin-bottom: 10px;
}
.box08 span {
font-size: 11px;
font-weight: bold;
border-radius: 5px;
text-align: center;
color: #fff;
padding: 8px 0px 6px 0px;
background: #adadad;
width: 110px;
line-height: 100%;
float: left;
margin-right: 13px;
display: block;
}
.box08 h3 {
background: #ff6e6e;
text-align: center;
height: 40px;
line-height: 40px;
margin-top: 8px;
border-radius: 5px;  }
.box08 h3 a {
text-decoration: none;
color: #fff;
font-size: 16px;
}
.box08_in img {
width: 260px;
float: left;
padding-right: 21px;
}
.box08 h3:hover {
opacity: 0.8;
}
#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;
}
p.pr_copy {
font-weight: bold;
margin-top: 15px;
}
.pr_box10 {
float: left;
margin-right: 10px;
}
.pr_box09::after {
clear: both;
content: "";
display: block;
}
.pr_box09 {
background: #EAEAEA;
margin-bottom: 20px;
box-sizing: border-box;
padding: 20px;
border-radius: 5px;
}
.pr_box11 {
float: left;
width: 520px;
box-sizing: border-box;
padding: 0 10px;
}
h4.pr_h4 {
color: #fff;
background: #de1122;
border-radius: 5px;
text-align: center;
margin: 0px 0px 15px;
padding: 10px 0!important;
font-size: 20px!important;
}
.pr_box_ex {
margin-right: 15px;
}
h3.pr_ttl {
margin-bottom: 25px;
}
#tab {
width: 63px; height: 400px;  position: fixed; right: 0; bottom: 120px; z-index: 10;
}
#tab a { display: block;
width: 100%;
height: 100%;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/promo_page_material/jcmy-anniversary-promo-right-banner.gif) no-repeat;
box-shadow: 1px 2px 8px #565656;
}
#tab:hover { width: 467px;  -webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s; }
#tab a:hover { }
.page-id-111344 #tab {
display: none;
}
ul.mokuji01 {
float: left; margin-left: 65px;
}
ul.mokuji02 {
float: right;
margin-right: 65px;
}
.mokuji_box::after {
content: "";
display: block;
clear: both;
}
p.mokuji_title {
text-align: center;
padding-bottom: 20px;
font-size: 1.2rem;
}
.mokuji_box {
border: 2px solid #e8e8e8;
padding: 20px;
margin-top: 20px;
background: #fdfdfd;
}
.mokuji_box ul li a {
color: #38468e;
}
.mokuji_box ul li {
margin-bottom: 5px;
}
h1.basic {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 0px;
margin-bottom: 15px;
}
p.basic {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 0px;
margin-bottom: 15px;
}
p.rolex_voice {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 0px;
margin-bottom: 15px;
} .shop-review-wrap {
margin-top: 40px;
margin-bottom: 30px;
}
.shop-review-wrap .ttl {
background: none;
color: #000;
font-weight: bold;
text-align: left !important;
padding-left: 0;
display: inline;
}
.shop-review-wrap .ttl-box {
border-bottom: 2px solid #878787;
margin-bottom: 20px;
padding-bottom: 10px;
}
.shop-review-wrap .ttl2 {
font-weight: bold;
font-size: 16px !important;
margin-left: 5px;
color: #000 !important;
background: none !important;
float: none !important;
display: inline !important;
}
.shop-review-wrap .ttl2-box {
margin-bottom: 7px;
margin-top: 7px;
}
.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;
}
.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 {
height: auto!important;
overflow-y: auto;
overflow-x: hidden;
}
.page-template-page-shop dl.blog_txt {
width: 800px;
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;
}
.page-template-page-shop .blog_txt dt a {
color: #DE1122!important;
}
.page-template-page-shop .blog_txt dt .date {
font-size: 12px;
color: #5B5B5B;
margin-right: 20px;
}
.page-template-page-shop dt.search-title .description {
color: #333;
font-weight: normal;
font-size: 12px;
line-height: 1.6;
margin-top: 8px;
}
.page-template-page-shop dt.search-title .date {
display: block;
} ul.mv_img li:first-child {
float: left;
}
ul.mv_img li:last-child {
float: right;
}
ul.mv_img li {
width: 49%!important;
}
ul.mv_img:after {
content: "";
display: block;
clear: both;
} .shop-oshirase-wrap {
position: relative;
background: #de1022;
margin-top: 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: 20px;
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 ul li p {
display: block;
padding-top: 5px;
margin-bottom: 10px;
}
.under .shop_list_detail h3 {
margin-bottom: 25px;
margin-top: 0px;
}
.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 {
padding: 10px 15px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/bg_shop-info-wrap.png) no-repeat 97% 7% #fdf2eb;
}
.shop-info-wrap .address {
margin-bottom: 5px;
}
.shop-info-wrap dt,
.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;
}
.shop-info-wrap .tel-ttl {
width: 12%;
font-size: 25px;
margin-bottom: 5px;
}
.shop-info-wrap .tel-ttl span {
padding: 10px 0px 5px;
}
.shop-info-wrap .tel {
width: 85%;
font-size: 43px;
vertical-align: middle;
margin-bottom: 6px;
margin-left: 2px;
}
.shop-info-wrap .tel a {
color: #000;
}
.shop-info-wrap .time-ttl {
width: 12%;
font-size: 16px;
vertical-align: top;
}
.shop-info-wrap .time-ttl span {
padding: 3px 0px 1px;
}
.shop-info-wrap .time {
width: 15%;
font-size: 16px;
}
.shop-info-wrap .holiday-ttl {
width: 10%;
font-size: 16px;
vertical-align: top;
}
.shop-info-wrap .holiday-ttl span {
padding: 3px 0px 1px;
}
.shop-info-wrap .holiday {
width: 50%;
font-size: 16px;
vertical-align: top;
}
.shop-info-wrap .kobutsu-ttl {
width: 10%;
font-size: 12px;
}
.shop-info-wrap .kobutsu-ttl span {}
.shop-info-wrap .kobutsu {
width: 80%;
font-size: 12px;
}
.shop-info-wrap .acf-map {
margin: 10px 0;
} .shop-access-route-wrap {
margin: 0;
padding: 0;
text-align: justify;
counter-reset: section;
}
.shop-access-route-wrap li {
width: 48%;
display: inline-block;
vertical-align: top;
padding: 0 0 15px;
}
.shop-access-route-wrap:after {
content: "";
display: inline-block;
width: 100%;
height: 0;
}
.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: 25px;
margin-bottom: 20px;
}
#recruit h4 {
font-size: 18px;
background: #fbd6d9;
border-radius: 5px;
padding: 5px 15px;
}
#recruit #search-from {}
#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: 15px 0 35px;
}
#recruit #search-from ul.wrap li {
width: calc(50% - 10px);
margin-right: 20px;
}
#recruit #search-from ul.wrap li:nth-child(2n) {
margin-right: 0;
}
#recruit #search-from ul.wrap:last-of-type {
margin-bottom: 60px;
}
#recruit #search-from ul.wrap li .name {
text-align: center;
margin-bottom: 10px;
}
#recruit #why-work h3 {
background: #f06b37;
}
#recruit #why-work .note-wrap {
background: #fbf4f4;
padding: 1em 2em;
border-radius: 5px;
margin-bottom: 50px;
}
#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;
}
#recruit #qa dl {
margin-bottom: 70px;
}
#recruit #qa dt {
background: #fbe6cc;
padding: 5px 10px;
margin-bottom: 10px;
font-weight: bold;
color: #393939;
border-radius: 4px;
}
#recruit #qa dt:before {
content: 'Q.';
font-size: 1.4rem;
color: #ee8b10;
padding-right: 5px;
}
#recruit #qa dd {
margin-bottom: 20px;
}
#recruit #qa dd.pic {
position: relative;
}
#recruit #qa dd.pic figure {
position: absolute;
top: 0;
right: 0;
width: 300px;
}
#recruit #qa dd:before {
content: 'A.';
font-size: 1.4rem;
color: #ee8b10;
padding-right: 5px;
}
#recruit #staff-interview dl {
margin: 30px 0 100px;
}
#recruit #staff-interview dt {
background: #ffdfdf;
padding: 5px 10px;
margin-bottom: 10px;
font-weight: bold;
color: #393939;
border-radius: 4px;
}
#recruit #staff-interview dt:before {
content: 'Q.';
font-size: 1.4rem;
color: #de1122;
padding-right: 5px;
}
#recruit #staff-interview dd {
margin-bottom: 20px;
}
#recruit #staff-interview dd:before {
content: 'A.';
font-size: 1.4rem;
color: #de1122;
padding-right: 5px;
} h2.ttl_bottom {
background: #eaeaea!important;
color: #383838!important;
font-weight: bold;
margin-bottom: 10px!important;
margin-top: 20px!important;
font-size: 20px!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;
font-size: 20px!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: 18px!important;
border-radius: 0!important;
line-height: 1.2!important;
}
h4.ttl_bottom02 {
background: none!important;
color: #de1122!important;
padding-left: 0!important;
font-weight: bold;
font-size: 18px!important;
margin-bottom: 0!important;
padding: 15px 15px 10px;
}
.under.kaitori .purchaselist {
margin: 15px 0 30px;
}
.under.kaitori .purchaselist img {
max-width: 100%;
}
.under.kaitori .purchaselist .txt {
font-size: 12px;
background: #e6e2d4;
min-height: 35px;
line-height: 1.4;
padding-top: 5px;
}
.under.kaitori .purchaselist ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.under.kaitori .purchaselist ul li {
width: calc(100% / 5 - 10px);
}
.uriage_up {
background: #eaeaea;
border-radius: 5px;
margin-top: 30px;
}
.uriage_up h2.ttl {
background: #de1122;
font-size: 25px;
border-radius: 5px 5px 0 0;
}
.uriage_up h2.ttl img {}
ul.check_po_ul {
box-sizing: border-box;
padding: 0 30px 15px;
}
ul.check_po_ul li {
background: #fff;
margin-bottom: 13px;
border-radius: 5px;
padding-bottom: 10px;
}
ul.check_po_ul li img {
position: absolute;
margin-left: 11px;
}
ul.check_po_ul li::after {
content: "";
display: block;
clear: both;
}
ul.check_po_ul li em {
display: block;
font-size: 22px;
color: #ce0007;
font-weight: bold!important;
border-bottom: 1px dotted #dc6d76;
padding-bottom: 8px;
margin-bottom: 8px;
width: 635px;
}
ul.check_po_ul li p {
display: inline-block;
margin-left: 100px;
margin-top: 17px;
}
ul.check_po_ul li p span {
font-size: 14px;
font-weight: bold;
color: #333;
}
.category_cotent {
margin-top: 34px;
}
.category_content_box .rank {
margin-bottom: 21px; }
.category_content_box {
margin-bottom: 55px;   box-sizing: border-box;
}
.memo {
background: #fff8f9;
padding: 21px;
box-shadow: 1px 1px 3px #d8d8d8;
position: relative;
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: 1.8;
}
.memo p {
font-size: 13px;
}
.category_content_box .rank div {
border: 2px solid #E8EAEA; float: left;
padding: 5px;
margin-right: 10px;
background: #fff;
}
.memo h6 {
position: relative;
display: inline-block;
color: #3c3c3c;
font-weight: bold;
padding: 5px 10px 0 10px!important;
font-size: 16px!important;
background-size: 32px!important; border-radius: 0!important;
margin-bottom: 13px;
background: linear-gradient(transparent 60%, #f7ecac 0%);
}
.memo h6:before {
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/memo.svg) no-repeat;
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
background-size: contain;
}
.memo:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
right: 10px;
left: auto;
width: 50%;
top: 80%;
max-width: 300px;
background: #777;
-webkit-box-shadow: 0 13px 10px #777;
-moz-box-shadow: 0 13px 10px #777;
box-shadow: 0 13px 10px #777;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
}
.category_content_box .rank h5 { color: #de1122;
border-bottom: 3px solid;
border-radius: 0px;
font-weight: bold;
font-size: 16px; background: #eee!important;
margin-bottom: 13px;
padding: 13px 0 8px 13px;
}
.category_content_box h4 {
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 0px;
margin-bottom: 15px;
}
h3.about_product,
h4.about_product {
background: none!important;
color: #de1122!important;
padding: 20px 0 0px!important;
font-size: 18px!important;
}
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;
line-height: 1.8;
}
ul.list-watch-wrap li {
width: 33%;
}
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;
}
ul.list-watch-wrap li.morelink span:hover {
cursor: pointer;
border: 2px solid #de1122;
background: #fff;
color: #de1122;
}
.greet.brand_greet h2.about_product {
margin-top: 30px;
}
table.product_tb tr th {
width: 67px;
vertical-align: top;
border-spacing: 6px!important;
}
table.product_tb tr {
padding-bottom: 3px!important;
}
table.product_tb tr td {}
table.product_tb {
border-spacing: 3px;
} .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;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.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%;
}
.under .contact table {
margin-bottom: 30px;
font-size: 1.6rem;
border-spacing: 0;
border-collapse: collapse;
}
.under .contact table input {
font-size: 1.6rem;
}
.under .contact a {
color: #de1122;
}
.under .contact th,
.under .contact td {
padding: 10px 15px 10px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #e8eaea;
}
.under .contact th {
width: 260px;
vertical-align: top;
font-weight: bold;
background: #f3f3f3;
border: 1px solid #e8eaea;
text-align: left;
}
.under .contact th span {
color: #de1122;
}
.under .contact .caution {
color: #de1122;
font-size: 1.2rem;
line-height: 1.6;
margin-top: 5px;
}
.under .contact .caution02 {
font-size: 1.2rem;
line-height: 1.6;
margin-top: 5px;
}
.under .contact .caution03 {
font-size: 1.3rem;
margin-top: 3px;
}
span.c_small {
font-size: 12px;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
height: 34px;
border-radius: 4px;
border: 1px solid #ccc;
}
input#zip {
width: 80px;
margin-right: 10px;
}
.under .contact input[type='text'],
.under .contact input[type='tel'] {
border: 1px solid #ccc;
border-radius: 4px;
padding: 7px 10px;
width: 380px;
}
.contact input#ad {
margin-top: 10px;
width: 370px;
}
.under .contact input[type='text']:focus,
.under .contact input[type='tel']:focus,
.under .contact input[type='email']:focus,
.under .contact select:focus,
.under .contact textarea:focus {
border: 1px solid #de1122;
outline: 0;
background: #fffdf7;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.under .contact span.wpcf7-not-valid-tip {
font-weight: bold;
font-size: 1.5rem;
margin-top: 3px;
}
.under .contact div.wpcf7-validation-errors {
color: #f00;
padding: 20px;
font-weight: bold;
font-size: 1.6rem;
border: 2px solid #f00;
margin-bottom: 0;
}
.under .contact input[type='email'] {
border: 1px solid #ccc;
width: 440px;
border-radius: 5px;
padding: 10px;
}
.under .contact input[type='file'] {
padding-bottom: 7px;
}
.under .contact span.wpcf7-list-item {
margin: 0;
}
.under .contact select {
font-size: 1.6rem;
padding: 3px 5px 7px;
border: 1px solid #ccc;
border-radius: 4px;
}
.under .contact textarea {
font-size: 1.6rem;
}
.under .contact .required {
position: relative;
}
.under .contact .required:before {
content: 'required';
position: absolute;
top: 10px;
right: 15px;
display: inline-block;
padding: 6px;
font-size: 60%;
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;
}
.under .contact .o-h {
overflow: hidden;
}
.under .contact .f-l {
float: left;
width: 110px;
margin-top: 15px;
}
.under .contact .f-r {
float: right;
width: 100%;
margin-left: -110px;
padding-left: 110px;
box-sizing: border-box;
}
.under .contact ::placeholder {
color: #afb2b4;
} :-ms-input-placeholder {
color: #afb2b4;
} ::-ms-input-placeholder {
color: #afb2b4;
}
.under .contact .wpcf7c-elm-step1,
.under .contact .wpcf7c-elm-step2 {
padding: 0;
margin: 20px 0 0;
}
.wpcf7-list-item label {
margin-right: 20px;
display: inline-block;
}
.wpcf7-list-item label input[type='radio'] {
vertical-align: middle;
}
.contact img.box_img {
width: 100%;
padding: 13px 0;
}
span.box_size02 {
margin-left: 30px;
}
a.size_btn {
width: 63%;
background: #de1122;
color: #fff !important;
text-decoration: none;
display: block;
text-align: center;
border-radius: 3px;
padding-top: 2px;
margin-top: 8px;
font-size: 13px;
}
a.size_btn:hover {
opacity: 0.8;
}
.store-details-label {
width: 30%;
}
.store-details-data {
width: 70%;
}
.under .contact textarea {
width: 100%;
padding: 10px;
margin-bottom: 5px;
line-height: 1.4;
border: 1px solid #ccc;
border-radius: 4px;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.4rem;
height: 100px;
}
.under .contact .submit-wrap {
overflow: hidden;
text-align: center;
width: 600px;
margin: 20px auto 0;
}
.under .contact .submit-wrap .l {
float: left;
width: 200px;
margin-top: 30px;
position: relative;
}
.under .contact .submit-wrap .r {
float: right;
width: 400px;
position: relative;
}
.under .contact .submit-wrap .btn-confirm {
position: relative;
}
.under .contact .submit-wrap .btn-confirm:after {
content: '';
position: absolute;
right: 120px;
top: 53%;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transition: 0.3s;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.under .contact input[type='submit'] {
background: #de1122;
color: #fff;
font-size: 20px;
border: none;
border-radius: 4px;
width: 400px;
cursor: pointer; }
.under .contact input[type='button'] {
background: #868686;
color: #fff;
font-size: 1.6rem;
border: none;
border-radius: 4px;
cursor: pointer;
padding: 10px 20px;
}
.under .contact input[type='file'] {
font-size: 13px;
} .shop-review-wrap {
margin-top: 40px;
margin-bottom: 30px;
}
.shop-review-wrap .ttl {
background: none;
color: #000;
font-weight: bold;
text-align: left !important;
padding-left: 0;
display: inline;
}
.shop-review-wrap .ttl-box {
border-bottom: 2px solid #878787;
margin-bottom: 20px;
} .shop_kaitori .txt03 {
padding: 13px 15px;
border: 2px dotted #de1122;
background: #fff2f2;
font-size: 15px;
line-height: 1.6;
}
.shop_kaitori .txt03 strong {
font-size: 18px;
color: #cd000e;
} .merritBoxSet {
background: #eaeaea;
margin-top: 20px;
}
.merritBoxSet h2 {
background: #de1122!important;
font-size: 22px!important;
color: #fff!important;
padding: 10px!important;
margin-bottom: 10px!important;
}
.merritBoxSet .txt {
font-size: 10px;
font-size: 13px;
padding-left: 15px;
}
.merritBoxSet .merritBox {
display: flex;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
padding: 15px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.merritBoxSet .merritBox .merritColumn {
width: calc(100% / 2 - 7px);
margin: 5px 7px 0 0;
border-radius: 5px;
padding: 13px 10px 10px 100px;
box-sizing: border-box;
min-height: 140px;
}
.merritBoxSet .merritBox .merritColumn:nth-child(2n) {
margin-right: 0px;
}
.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-bottom: 5px;
background: none;
padding: 0;
}
.merritBoxSet .merritBox .merritColumn p {
font-size: 12px;
line-height: 1.6;
} #mamechisiki {
margin-top: 50px;
}
#mamechisiki .ttl-relate {
border-bottom: 1px solid #ccc;
margin: 80px 0 25px;
padding: 0 0 10px 45px;
font-size: 24px;
font-weight: bold;
color: #bd0000;
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: 50px;
position: absolute;
left: 0;
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;
}
#mamechisiki .naviBox .naviColumn {
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
margin-bottom: 15px;
}
#mamechisiki .naviBox .naviColumn .naviCon {
display: block;
padding: 10px;
text-decoration: none;
color: #000;
transition: background 0s ease 0s, border 0.5s ease-out 0s;
background: #f1f1f1;
border: 1px solid #dadada;
border-radius: 4px;
}
#mamechisiki .naviBox .naviColumn .naviCon .naviPhoto img {
max-width: 100%;
height: auto;
}
.naviPhoto img {
width: 100%;
height: auto;
}
#mamechisiki .naviBox .naviColumn .naviCon h3 {
padding: 5px 10px;
margin: 0 0 10px;
font-size: 15px;
font-weight: bold;
color: #bd0000;
border: none;
background: #f1e671;
line-height: 1.5;
text-decoration: underline;
border-radius: 0 0 5px 5px;
min-height: 70px;
}
#mamechisiki .naviBox .naviColumn .naviCon .ellipsis {
height: 80px;
overflow: hidden;
line-height: 20px;
}
#mamechisiki .naviBox::after {
content: "";
display: block;
width: 32%;
}
#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 h3 {
margin: 40px 0 15px 0;
padding: 0 0 10px 0;
font-size: 26px;
line-height: 1.4;
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: 22px;
font-weight: bold!important;
line-height: 1.5;
border-left: 3px solid #de1122;
}
#mamechisiki-detail .txt {
margin-bottom: 20px;
line-height: 1.8;
}
#mamechisiki .all {
font-size: 11px;
text-align: right;
}
.single-column table.type1 {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.single-column table.type1 th:last-child {
border-right: 1px solid #cccccc;
}
.single-column table.type1 th {
text-align: center;
background: #fee8ea;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
width: 20%;
padding: 10px 0;
font-size: 12px;
}
.single-column table.type1 td {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
width: auto;
padding: 10px;
font-size: 12px;
}
.single-column table.type1 td:last-child {
border-right: 1px solid #cccccc;
} .archive-column #main {
width: auto;
float: none;
}
.archive-column .ttl_bg {
margin-bottom: 15px;
}
.archive-column .page_ttl {
font-size: 32px;
font-weight: bold;
padding: 22px 0 15px 50px;
}
.archive-column img {
max-width: 100%;
height: auto;
}
.archive-column ul {}
.archive-column ul li.column-wrap {
border-bottom: 1px solid #e6e6e6;
line-height: 1.4;
margin-bottom: 25px;
padding-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.archive-column ul li.column-wrap .left {
width: 20%;
}
.archive-column ul li.column-wrap .right {
width: 78%;
}
.archive-column ul li.column-wrap .dt-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
center;
margin-bottom: 20px;
}
.archive-column ul li.column-wrap .date {
color: #de1122;
margin-right: 1em;
}
.archive-column ul li.column-wrap .ttl {
background: none;
margin: 0;
padding: 0;
font-weight: normal;
}
.archive-column ul li.column-wrap .ttl a {
color: #000;
font-size: 19px;
}
.archive-column ul li.column-wrap .ellipsis {
font-size: 12px;
line-height: 1.6;
} .bna-your-town {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/bna_your_town_bg.gif) no-repeat;
width: 800px;
height: 310px;
overflow: hidden;
position: relative;
margin: auto;
}
.bna-your-town .btn-search-shop {
position: absolute;
top: 153px;
right: 20px;
padding: 0;
margin: 0;
}
.bna-your-town .btn-delivery-purchase {
position: absolute;
top: 246px;
right: 20px;
padding: 0;
margin: 0;
}
.bna-your-town .woman {
position: absolute;
top: 8px;
left: -58px;
padding: 0;
margin: 0;
}
.bna-your-town a {
display: block;
} #property figure {
margin: 10px 0;
text-align: justify;
}
#property figure:after {
content: "";
display: inline-block;
width: 100%;
height: 0;
}
#property figure img {
display: inline-block;
width: 49%;
margin-bottom: 10px;
}
#property figure.main-img img {
width: 100%;
}
#property .txt01 {
font-size: 30px;
line-height: 1.4;
color: #72644a;
margin-bottom: 10px;
}
#property .area li:before {
content: "■";
padding-right: 3px;
}
#property h3 {
margin-bottom: 20px;
}
#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: 260px;
font-weight: bold;
text-align: left;
line-height: 1.6;
position: relative;
}
#property table td {
line-height: 1.6;
margin-left: 40px;
padding: 10px 15px;
}
#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"] {
font-size: 16px;
line-height: 1.6;
padding: 10px 0;
width: 100%;
box-sizing: border-box;
}
#property table th.required::before {
content: "Required";
position: absolute;
top: 45px;
font-size: 11px;
right: 15px;
padding: 4px;
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: 400px;
height: 100px;
cursor: pointer; margin-top: 25px
}
#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 20px;
background-color: #eee;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#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: 30px;
font-weight: bold;
background: none;
margin: 0 0 20px 0;
padding: 0;
border-top: 1px solid #ccc;
padding-top: 30px;
}
.shop-details dl.faq {
font-weight: bold;
margin-bottom: 40px;
}
.shop-details dl.faq dt {
color: #D41319;
font-size: 16px;
}
.shop-details dl.faq dd {
margin-bottom: 20px;
font-weight: normal;
padding-left: 35px;
text-indent: -35px;
}
.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: 50px 0;
}
.top .compare-wrap {
margin: 30px 0;
}
.compare-wrap img {
max-width: 100%;
height: auto;
}
.compare-wrap h2 {
margin-bottom: 25px !important;
font-size: 22px;
text-align: left;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 0px;
}
.compare-wrap .txt-box {
position: relative;
font-size: 21px;
font-weight: bold;
display: inline-block;
padding-left: 25px;
padding-right: 20px;
margin-bottom: 20px;
}
.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: 43px;
left: 0;
top: -9px;
}
.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: 43px;
right: 0;
top: -9px;
}
.compare-wrap .txt-box2 {
font-size: 26px;
font-weight: bold;
line-height: 1;
margin-bottom: 20px;
}
.compare-wrap .txt-box2 span {
color: #de1122;
font-size: 27px;
margin-right: 5px;
}
.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;
}
.compare-wrap ul.item-wrap li.item {
width: 49%;
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: 18px;
text-align: left;
border-radius: 5px;
line-height: 100%;
}
.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%;
}
.compare-wrap ul.item-wrap li.item .inner-wrap .right ul.other-company li.other .name {
background: #1e96aa;
color: #fff;
font-size: 11px;
padding: 1px 3px 0px;
}
.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: 36px;
}
.compare-wrap .note {
font-size: 11px;
line-height: 1.5;
} #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;
}
.txt-overflow {
width: 730px;
height: 50px;
display: block;
overflow: hidden;
word-break: break-word;
word-wrap: break-word;
}
.btn-overflow {
display: none;
text-decoration: none;
} .under.kaitori .faq-ttl.watch {
font-size: 18px;
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;
}
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: 10px 0 10px 37px;
font-size: 14px;
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: 13px;
min-height: 25px;
line-height: 1.5;
}
.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;
}
.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;
}
.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;
}
.more_box {
padding: 8px 0px 0;
clear: both;
} 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: 0 auto;
}
.jisseki_list02 .wp-pagenavi {
padding-top: 30px!important;
}
.jisseki_list02 .wp-pagenavi span.current {
background: #fff;
border: 2px solid #de1122!important;
color: #de1122;
box-sizing: border-box;
padding: 7px 13px!important;
}
.jisseki_list02 .wp-pagenavi a,
.jisseki_list02 .wp-pagenavi span {
text-decoration: none;
border: none!important;
padding: 8px 14px;
margin: 2px;
font-size: 16px;
}
.jisseki_list02 .wp-pagenavi a:hover,
.wp-pagenavi span.current {
background: #fff;
border: 2px solid #de1122!important;
color: #de1122;
box-sizing: border-box;
font-weight: bold;
}
.wp-pagenavi {
clear: both;
display: table;
margin: 0 auto;
}
.wp-pagenavi a,
.wp-pagenavi span {
text-decoration: none;
padding: 6px 8px;
color: #fff;
background: #de1122;
margin-left: 8px;
margin-right: 8px;
font-size: 20px;
border-radius: 5px;
border: 2px solid #de1122!important;
box-sizing: border-box;
display: initial;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background: #fff;
border: 2px solid #de1122!important;
color: #de1122;
box-sizing: border-box;
font-weight: unset!important;
}
.shop_list .wp-pagenavi {
clear: both;
display: table;
margin: 0 auto;
margin-top: 30px;
}
.shop_list .wp-pagenavi a,
.shop_list .wp-pagenavi span {
text-decoration: none;
padding: 3px 8px!important;
color: #fff;
background: #de1122;
font-size: 16px;
border-radius: 5px;
border: 2px solid #de1122!important;
box-sizing: border-box;
margin: 0 2px!important;
}
.shop_list .wp-pagenavi a:hover,
.shop_list .wp-pagenavi span.current {
background: #fff;
border: 2px solid #de1122!important;
color: #de1122;
box-sizing: border-box;
}
.shop-details .shop-info-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-bottom: 30px;
}
.shop-details .shop-info-wrapper .left {
width: 400px;
}
.shop-details .shop-info-wrapper .right {
width: 380px;
}
.shop-details .shop-info-wrapper .swiper-container {
margin: 0;
text-align: center;
}
.shop-details .shop-info-wrapper .slider img {
width: 400px;
height: 300px;
object-fit: cover;
}
.shop-details .shop-info-wrapper .thumbnail img {
width: 131.3px;
height: 100px;
object-fit: cover; }
.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.2rem;
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;
}
.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-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
background: linear-gradient(175deg, #D41319 50%, #C0191C 50%);
color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 4px;
padding: 10px 0;
}
.shop-details .shop-tel-wrapper a {
color: #fff;
line-height: 1;
font-size: 2.4rem;
font-weight: bold;
position: relative;
padding-left: 35px; }
.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: 0;
top: 5px;
width: 35px;
height: 100%;
display: inline-block;
}
.shop-details .shop-tel-wrapper .left {
-ms-flex-preferred-size: 43%;
flex-basis: 43%;
padding-left: 30px;
box-sizing: border-box;
}
.shop-details .shop-tel-wrapper .right { }
.shop-details .shop-tel-wrapper .left p {
font-weight: bold;
font-size: 1rem;
}
.gold-kaitori .market-price-wrap {
background: none;
padding: 0;
margin: 0 0 20px;
}
.gold-kaitori .market-price-wrap h2.ttl {
font-size: 1.3rem;
padding: 10px 15px;
background: #de1122;
text-align: left;
color: #fff;
line-height: 100%;
margin-bottom: 10px;
margin-top: 35px;
}
.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: 30%;
color: #fff;
font-size: 1.5rem;
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: 70%;
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.6rem;
font-weight: bold;
margin-right: 5px;
}
.gold-kaitori .market-price-wrap .kind .plus {
color: #ff0000;
}
.gold-kaitori .market-price-wrap .kind .compare {
font-size: 1.2rem;
}
.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;
}
.gold-kaitori .market-price-wrap .one-g-wrap .left {
width: 100%;
} .gold-kaitori .market-price-wrap .one-g-wrap h3.kin-ttl {
background: #ddba80;
font-size: 1.2rem;
border-radius: 0;
text-align: center;
margin: 0 0 15px;
}
.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 15px;
}
.gold-kaitori .market-price-wrap .note {
font-size: 0.6rem;
line-height: 1.6;
text-align: left;
}
.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;
}
.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-bottom: 10px;
border-top: 1px solid #ccc;
padding-top: 40px;
}
.shop-details .blog-ttl-wrapper .left {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
height: 55px;
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;
}
.shop-details .blog-ttl-wrapper a:hover {
text-decoration: underline;
}
.shop-details .blog-ttl-wrapper h3 {
background: none;
margin: 0;
padding: 0;
}  .shop-details .blog-ttl-wrapper img {
max-width: 100%;
height: auto;
}
.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;
border-bottom: 1px solid #ccc;
padding: 20px 0;
} .shop-details .blog-content-wrapper .post-wrapper .right {
margin-left: 20px;
}
.shop-details .blog-content-wrapper .post-wrapper .date {
color: #555;
margin-bottom: 10px;
}
.shop-details .blog-content-wrapper .post-wrapper .ttl {
margin-bottom: 10px;
}
.shop-details .blog-content-wrapper .post-wrapper .ttl a {
text-decoration: none;
font-size: 2rem;
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;
}
.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: 160px;
height: 160px;
object-fit: cover;
}
.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;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 50px;
}
.shop-details .bnr-wrapper .left {
width: 48%;
}
.shop-details .bnr-wrapper .right {
width: 48%;
}
.shop-details .bnr-wrapper img {
max-width: 100%;
height: auto;
}
.shop-details .break-wrapper {
background: #D9BDA3;
padding: 10px 15px 0;
margin-bottom: 30px;
}
.shop-details .break-wrapper .ttl-box {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/woman_ok.png) no-repeat;
background-size: 45%;
background-position-x: -90px;
}
.shop-details .break-wrapper .ttl-box .txt01 {
padding: 33px 0 30px 170px;
}
.shop-details .break-wrapper .ttl-box .txt01 .decoration {
color: #8F5D38;
font-size: 1.6rem;
font-weight: bold;
line-height: 1;
position: relative;
display: inline-block;
}
.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: 50px;
top: -8px;
left: -30px;
}
.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: 50px;
top: -8px;
right: -23px;
}
.shop-details .break-wrapper .ttl-box .txt02 {
color: #fff;
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
text-align: right;
padding-bottom: 20px;
}
.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: 50%;
flex-basis: 50%;
margin-bottom: 20px;
}
.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: 33%;
flex-basis: 33%;
}
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper .right {
-ms-flex-preferred-size: 63%;
flex-basis: 63%;
}
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper .category {
color: #8F5D38;
font-weight: bold;
font-size: 1rem; }
.shop-details .break-wrapper ul.item-wrapper li .item-inner-wrapper .category-ttl {
color: #8F5D38;
font-weight: bold;
font-size: 1.1rem; }
.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: 100%;
}
.shop-details .ribbon-ttl-outer {
width: 730px;
margin: 0 auto 30px;
}
.shop-details .ribbon-ttl {
width: 730px;
display: inline-block;
position: relative;
height: 45px;
text-align: center;
box-sizing: border-box;
}
.shop-details .ribbon-ttl:before { content: '';
position: absolute;
width: 10px;
bottom: -10px;
left: -35px;
z-index: -2;
border: 20px solid #BC1319;
border-left-color: transparent; }
.shop-details .ribbon-ttl:after { content: '';
position: absolute;
width: 10px;
bottom: -10px;
right: -35px;
z-index: -2;
border: 20px solid #BC1319;
border-right-color: transparent; }
.shop-details .ribbon-ttl h3 {
width: 100%;
display: inline-block;
position: relative;
margin: 0;
padding: 0;
line-height: 45px;
font-size: 18px;
color: #FFF;
background: #D41319;
border-radius: 0; }
.shop-details .ribbon-ttl h3:before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 10px transparent;
border-right: solid 15px #961319; }
.shop-details .ribbon-ttl h3:after {
position: absolute;
content: '';
top: 100%;
right: 0;
border: none;
border-bottom: solid 10px transparent;
border-left: solid 15px #961319; }
.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: 50%;
flex-basis: 50%;
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-around;
}
.shop-details ul.strengthen-category-wrapper li .category-inner-wrapper .left {
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
}
.shop-details ul.strengthen-category-wrapper li .category-inner-wrapper .right {
-ms-flex-preferred-size: 63%;
flex-basis: 63%;
}
.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.5;
font-size: 0.8rem;
}
.shop-details .txt-box01 {
background: #FFEFDE url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/bg_shop-info-wrap.png) no-repeat 12px 5px;
background-size: 140px;
padding: 10px 10px 8px 165px;
margin: 10px 0 20px;
}
.shop-details .txt-box01 p {
line-height: 1.45;
} .watch-price .market-price-wrap {
background: #FFEDE3; padding-top: 30px;
padding-bottom: 20px;
margin: 40px 0 20px;
}
.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 0px 15px;
}
.watch-price .market-price-wrap .ttl-top .deco {
font-size: 1.5rem;
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: 38px;
top: -14px;
left: -20px;
}
.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: 38px;
top: -14px;
right: -20px;
}
.watch-price .market-price-wrap .ttl {
font-size: 1.5rem;
text-align: center;
font-weight: bold;
line-height: 28px;
}
.watch-price .market-price-wrap .br-pc {
display: none;
}
.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: 1.8rem;
}
.chart-watch {
border-radius: 5px;
padding: 10px 40px 0 10px;
position: relative;
}
.chart-watch .chart-img {
display: block;
float: left;
padding: 0px 10px;
margin-top: -80px;
width: 217px;
height: auto;
}
.chart-watch .chart-title {
display: block;
height: 18px;
left: 160px;
}
.chart-watch .chart-inner {
display: block;
position: absolute;
background: #FFFFFF;
width: 678px; top: 163px;
left: 41px;
border-radius: 15px;
padding: 20px;
}
.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: 1rem;
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 th.date.new .price {
content: '';
position: absolute;
background: #FCD8C9;
right: 0px;
top: 0;
z-index: 1;
width: 90%;
height: 100%;
padding-top: 7px;
line-height: 28px;
}
.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: 10px;
}
.watch-price .market-price-wrap table td.old {
position: relative;
font-weight: bold;
width: 200px;
font-size: 1.4rem;
text-align: center;
box-sizing: border-box;
}
.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 td.new {
position: relative;
color: #EF0000;
font-weight: bold;
width: 200px;
font-size: 1.4rem;
padding-left: 15px;
box-sizing: border-box;
text-align: center;
border-right: none;
}
.watch-price .market-price-wrap table th.item .left {
width: 50px;
}
.watch-price .market-price-wrap table th.item .right {
width: 270px;
}
.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: 1rem;
}
.watch-price .market-price-wrap table th.item .number {
font-weight: normal;
font-size: 0.7rem;
}
.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;
position: absolute;
width: 33px;
height: 22px;
right: -20px;
z-index: 2;
}
.watch-price .market-price-wrap table td.new .price {
content: '';
position: absolute;
background: #FCD8C9;
right: 0px;
top: 0;
z-index: 1;
width: 90%;
height: 100%;
line-height: 56px;
}
.watch-price .market-price-wrap .note {
font-size: .6rem;
padding-left: 1em;
padding-top: 5px;
} .tokei-kaitori {
margin: 20px 0px;
}
.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: 33.3%;
min-height: 95px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-right: 1px dotted #b0b0b0;
border-bottom: 1px dotted #b0b0b0;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
padding: 5px 5px 5px;
}
.tokei-kaitori .record-list-wrap ul.record-list li .left {
width: 25%;
}
.tokei-kaitori .record-list-wrap ul.record-list li .right {
width: 69%;
}
.tokei-kaitori .record-list-wrap img {
max-width: 100%;
height: auto;
}
.tokei-kaitori .record-list-wrap ul.record-list li .name {
font-size: 1rem;
line-height: 1;
margin: 5px 0px 5px;
}
.tokei-kaitori .record-list-wrap ul.record-list li .price .ttl {
font-size: .7rem;
background: #e6e2d4;
padding: 4px 4px;
margin-right: 2px;
padding: 1px 5px;
border-radius: 3px;
}
.tokei-kaitori .record-list-wrap ul.record-list li .price .value {
color: #de1122;
font-size: 1rem;
font-weight: bold;
display: block;
text-align: right;
margin-right: 37px;
}
.tokei-kaitori .record-list-wrap .note {
margin-top: 10px;
font-size: .6rem;
} .popular-wrap {
margin-bottom: 30px;
}
h2.basic {
background-color: #E8EAEA!important;
color: #DE1122!important;
border-top: 4px solid #CD000E!important;
padding-top: 14px!important;
padding-right: 14px!important;
padding-left: 14px!important;
padding-bottom: 10px!important;
font-size: 18px!important;
font-weight: bold;
margin-bottom: 10px!important;
line-height: 1.6em!important;
border-radius: 0!important;
}
.popular-wrap ul.wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.popular-wrap ul.wrap li {
width: calc(100%/3);
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;
order: 1;
}
.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: 66px;
}
.popular-wrap ul.wrap li a:hover {
background: linear-gradient(to bottom, #fff 0%, #fff 52%, #f3f3f3 100%);
}
.zh-class-nav-menu #nav1 {
width: 111px !important;
}
.zh-class-nav-menu #nav2 {
width: 144px !important;
}
.zh-class-nav-menu #nav3 {
width: 207px !important;
}
.zh-class-nav-menu #nav4 {
width: 147px !important;
}
.zh-class-nav-menu #nav5 {
width: 148px !important;
}
.zh-class-nav-menu #nav6 {
width: 144px !important;
}
.zh-class-nav-menu #nav7 {
width: 183px !important;
}
.ms-class-nav-menu #nav1 {
width: 119px !important;
}
.ms-class-nav-menu #nav2 {
width: 166px !important;
}
.ms-class-nav-menu #nav3 {
width: 183px !important;
}
.ms-class-nav-menu #nav4 {
width: 151px !important;
}
.ms-class-nav-menu #nav5 {
width: 136px !important;
}
.ms-class-nav-menu #nav6 {
width: 124px !important;
}
.ms-class-nav-menu #nav7 {
width: 260px !important;
} .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: 35px;
cursor: pointer;
margin: 10px 0 20px;
}
.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: 35px;
cursor: pointer;
margin: 10px 0 20px;
}
.under h3.shop-access-route-btn:hover {
opacity: 0.8;
}
.shop-details .shop-info-wrapper .right .msg {
line-height: 1.5;
} #other_options {
margin-bottom: 30px;
}
#other_options>.ttl {
font-size: 22px;
text-align: center;
border-radius: 5px;
color: #fff;
background: #de1122;
padding: 15px 15px 10px;
line-height: 100%;
margin-top: 30px;
margin-bottom: 20px;
}
#other_options section+section {
margin-top: 25px;
}
#other_options section .name {
background: none;
color: #000;
text-align: left;
margin: 0;
padding: 0;
font-size: 0.8rem;
}
#other_options section .address {
margin-top: 5px;
font-size: 0.6rem;
clear: both;
line-height: 1.5;
}
#other_options section .description {
margin-top: 5px;
line-height: 1.4;
font-size: 0.6rem;
border: 1px solid #ccc;
padding: 5px 7px;
} #jp_recruit_banner {
width: 100%;
margin-top: 15px;
}
#btn-recruit-wrapper {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cranesection {
width: 100%;
margin-bottom: 40px;
}
.box1 h4.headline::after {
content: "Reuse business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 12px;
}
.box2 h4.headline::after {
content: "Jewelry sales business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 12px;
}
.box3 h4.headline::after {
content: "EC business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 12px;
}
.box4 h4.headline::after {
content: "Beauty business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 12px;
}
.box5 h4.headline::after {
content: "Marriage agency business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 12px;
}
.box6 h4.headline::after {
content: "Restaurant business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 12px;
}
.box7 h4.headline::after {
content: "Consulting business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 12px;
}
.box8 h4.headline::after {
content: "Overseas business";
display: block;
margin: 5px auto 0;
background: #d13636;
color: #ffffff;
font-size: 12px;
} div#index_content1_top h2 {
text-align: center;
padding: 50px;
font-size: 32px;
font-family: 'Sahitya', serif;
}
#index_content1_top {
position: relative;
background: #eee;
}
#index_content1_top_inner {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 10;
}
#index_content1_top img {
display: block;
}
#index_content1 {
position: relative;
margin: 0 0 0px 0;
background: #eee;
}
#index_content1_inner {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 10;
}
.index_box_list {
padding: 0;
display: flex;
display: -webkit-flex;
display: -webkit-box;
}
.index_box_list .box {
width: 24.5%;
padding: 2px 2px 0 2px;
position: relative;
}
.index_box_list .box.box4,
.index_box_list .box.box8 {
margin: 0;
}
.index_box_list .image {
width: 100%;
display: block;
margin: 0;
overflow: hidden;
-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;
}
.index_box_list .image:hover {
opacity: 0.5 !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;
}
#index_content1 .index_box_list .image {
display: none;
}
.index_box_list .headline {
font-size: 12px !important;
padding: 5px 0 5px 0 !important;
text-align: center;
color: #404040;
font-weight: normal;
background-color: white !important;
}
.index_box_list .desc {
font-size: 11px;
margin: 0;
line-height: 180%;
padding: 5px 8px 8px;
}
div#index_content1_inner .info {
background: #fff;
margin-top: -2px;
}
.content1_last {
padding-bottom: 2px;
}
.recruit-jp-button {
border: 2px solid #de1122;
color: #de1122;
background: white;
text-align: center;
font-size: 20px;
font-weight: bold;
border-radius: 45px;
padding: 10px 30px 10px 30px;
cursor: pointer;
margin-top: 60px;
transition: all 0.25s ease;
}
.recruit-jp-button:hover {
color: white;
background: #de1122;
}
#section2 {
width: 100%;
}
.textcontainer {
width: 100%;
display: flex;
justify-content: center; align-items: center; padding: 15px 0 30px 0;
}
.textcontainer .text {
width: 100%;
font-size: medium;
letter-spacing: 2.5px;
line-height: normal;
padding: 0 15px 0 15px;
text-align: center;
}
.textleft {
text-align: left !important;
}
#section3 {
width: 100%;
background: RGB(247, 202, 201, 0.2);
padding-bottom: 70px;
}
.rccontainer {
padding-top: 70px;
width: 100%;
display: flex;
justify-content: center; align-items: center; }
.rccontainer .text {
text-align: center;
width: 50%;
padding-left: 15px;
}
.rccontainer .image {
width: 50%;
padding-left: 15px;
}
#section4 {
width: 100%;
padding: 20px 0 20px 0;
}
#section5 {
width: 100%;
padding: 20px 0 20px 0;
background: #fef9f6;
}
.textcontainer .toptext {
text-align: center;
width: 100%;
font-size: 25px;
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: 50%;
padding: 10px;
display: flex;
justify-content: center;
}
.imgcontainer .image img {
width: 100% !important;
}
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: 22px;
font-weight: bold;
display: inline-block;
padding-left: 25px;
padding-right: 20px;
margin-top: 20px;
}
.textcontainer .largetextbox {
position: relative;
font-size: 57px;
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_right.gif) no-repeat;
width: 16px;
height: 43px;
right: 0;
top: -9px;
}
.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: 16px;
height: 43px;
left: 0;
top: -9px;
}
.titlecontainer1 {
width: 74%;
padding: 15px 9px 10px 0;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background: #ac101b;
color: white;
border-radius: 4px;
margin: 30px 0 30px 0
}
.titlecontainer1 .titlebox::before {
position: absolute;
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/recruit-jp/shadow.png) no-repeat;
width: 68px;
height: 117px;
left: -30px;
top: -51px;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background-size: 100% 100%;
opacity: 0.8;
}
.titlecontainer1 .titlebox {
position: relative;
font-size: 35px;
font-weight: bold;
padding-left: 25px;
-webkit-transform: skew(30deg, 0);
transform: skew(23deg, 0);
padding-right: 20px;
}
.titlecontainer2 {
width: 74%;
padding: 15px 9px 10px 0;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background: #ff8e3b;
color: white;
border-radius: 4px;
margin: 30px 0 30px 0
}
.titlecontainer2 .titlebox::before {
position: absolute;
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/recruit-jp/shadow.png) no-repeat;
width: 68px;
height: 117px;
left: -30px;
top: -51px;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background-size: 100% 100%;
opacity: 0.8;
}
.titlecontainer2 .titlebox {
position: relative;
font-size: 35px;
font-weight: bold;
padding-left: 25px;
-webkit-transform: skew(30deg, 0);
transform: skew(23deg, 0);
padding-right: 20px;
}
.titlecontainer3 {
width: 74%;
padding: 15px 9px 10px 0;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background: #3ca1c0;
color: white;
border-radius: 4px;
margin: 30px 0 30px 0
}
.titlecontainer3 .titlebox::before {
position: absolute;
content: '';
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/recruit-jp/shadow.png) no-repeat;
width: 68px;
height: 117px;
left: -30px;
top: -51px;
-webkit-transform: skew(-30deg, 0);
transform: skew(-23deg, 0);
background-size: 100% 100%;
opacity: 0.8;
}
.titlecontainer3 .titlebox {
position: relative;
font-size: 35px;
font-weight: bold;
padding-left: 25px;
-webkit-transform: skew(30deg, 0);
transform: skew(23deg, 0);
padding-right: 20px;
}
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active,
.dot:hover {
background-color: #717171;
}
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
.smalltext {
font-size: 20px !important;
padding-left: 20px;
font-weight: 400;
}
.topcontainer {
padding: 10px 0 20px 0;
width: 100%;
display: flex;
justify-content: center; align-items: baseline; }
.topcontainer .box {
width: 48%;
padding: 0 10px 0 10px;
}
.topcontainer .box .boximage {
width: 100%;
align-items: center;
justify-content: center;
display: flex;
}
.topcontainer .box .boxtext {
width: 100%;
}
.toptext {
font-weight: bold;
font-size: 18px;
color: #ac101b;
text-align: center;
margin: 10px 0 10px 0;
}
.btmtext {
font-size: 12px !important;
} .wpcf7c-elm-step1,
.wpcf7c-elm-step2,
.wpcf7c-elm-step3 {
width: 800px;
overflow: hidden;
margin: 0 auto 40px;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/arw_step.gif) 50% 50% no-repeat;
}
.jcmyrs-elm-step1,
.jcmyrs-elm-step2,
.jcmyrs-elm-step3 {
width: initial!important;
}
.wpcf7-confirm {
background: #d13636!important;
margin: 0 auto;
width: 400px!important;
display: block;
color: #fff;
height: 50px;
cursor: pointer;
}
.wpcf7c-elm-step1 ul,
.wpcf7c-elm-step2 ul,
.wpcf7c-elm-step3 ul { margin: 0;
padding: 0;
width: 780px;
overflow: hidden;
}
.wpcf7c-elm-step1 li,
.wpcf7c-elm-step2 li,
.wpcf7c-elm-step3 li {
float: left;
width: 220px; zoom: 1;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
}
.step01 {
background: #f0eeeb url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/inquiry-jp/bg_step01_off.gif) 0 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) 0 0 no-repeat;
}
.step02 {
background: #f0eeeb url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/inquiry-jp/bg_step02_off.gif) 0 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) 0 0 no-repeat;
}
.step03 {
background: #f0eeeb url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/inquiry-jp/bg_step03_off.gif) 0 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) 0 0 no-repeat;
}
.wpcf7 table th span {
background: #d13636;
color: #fff;
font-size: 12px;
font-size: 0.67rem;
padding: 2px 4px 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 2px;
margin: 0 0 0 10px;
line-height: 1;
} .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: 10px 15px 7px;
line-height: 2.2;
background: #fff;
text-align: center;
}
.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 .mejs-container {
margin: 12px 0 25px;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
#main_col {
width: 100%;
margin: 50px auto 100px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} .wpcf7 {
width: 100%; padding: 0;
margin: 0 0 2.5em !important;
font-size: 14px;
}
.wpcf7 form {
margin: 1.5em 1.5em 0;
}
.wpcf7 p {
margin-bottom: 1em;
font-size: 12px;
line-height: 1.6;
}
.wpcf7 input,
.wpcf7 textarea {
width: auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 1px solid #ccc;
line-height: 1.2;
padding: 8px;
}
.wpcf7 select,
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
width: auto;
max-width: 97%;
border: 1px solid #ccc;
padding: 8px;
}
.wpcf7 select,
.wpcf7 .wpcf7-list-item-label {
line-height: 1.2;
font-size: 14px;
}
.wpcf7-list-item {
display: block;
}
.wpcf7 textarea {
height: 300px;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
outline: none;
border: 1px solid #bbb;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5);
}
.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;
}
.wpcf7 input.wpcf7-submit,
.wpcf7 input.wpcf7-submit::before,
.wpcf7 input.wpcf7-submit::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7 input.wpcf7-submit:hover {
background-color: #666666;
}
.wpcf7 .wpcf7-not-valid {
background: pink;
}
.wpcf7 .wpcf7-response-output {
margin: 10px 0 0;
padding: 8px 35px 8px 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
color: #3A87AD;
background-color: #D9EDF7;
border: 1px solid #BCE8F1;
} .buy-style-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
justify-content: center;
-ms-flex-pack: justify;
margin: 5px auto;
}
.buy-style-wrap .shop-box {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/bg_shop_box.png) no-repeat;
width: 336px;
height: 128px;
}
.buy-style-wrap .delivery-box {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/bg_delivery_box.png) no-repeat;
width: 336px;
height: 128px;
}
.buy-style-wrap .trip-box {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/top/bg_trip_box.png) no-repeat;
width: 336px;
height: 128px;
}
.buy-style-wrap h2 {
color: #fff;
font-size: 3rem;
line-height: 1;
padding: 17px 12px 0px;
}
.buy-style-wrap h2 b {
font-size: 5.8rem;
}
.buy-style-wrap .convenient {
color: #fff;
line-height: 1.4;
padding: 2px 0px 8px 12px;
}
.buy-style-wrap .strengthen {
color: #cf000c;
background: #fff600;
display: inline-block;
line-height: 1;
padding: 3px 10px;
margin-left: 4px;
font-size: 1.2rem;
}
.buy-style-wrap .item {
color: #fff;
font-size: 1.7rem;
padding: 10px 0px 0 12px;
}
.buy-style-wrap a {
text-decoration: none;
}
.buy-style-wrap a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.column2 {
float: left;
width: 45%; border-radius: 0 0 5px 5px;
}
.column3 {
float: none;
width: 50%;
padding: 10px;
padding-top: 40px;
margin: auto;
margin-bottom: 10px;
font-size: 20px;
}
.column4 {
float: left;
width: 45%;
padding-left: 5%; border-radius: 0 0 5px 5px;
}
.column5 {
float: left;
width: 45%; padding-left: 10%;
border-radius: 0 0 5px 5px;
}
.column_text_1 {
float: left;
width: 45%;
height: auto;
margin-top: 3%;
font-size: 20px;
padding-left: 10%;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/main/BG-2.png);
background-position: center;
background-repeat: no-repeat; }
.column_text_2 {
float: left;
width: 45%;
height: auto;
margin-top: 3%;
font-size: 20px;
padding-left: 5%;
padding-right: 5%;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/main/BG-1.png);
background-position: center;
background-repeat: no-repeat; }
.column_text_3 {
float: left;
width: 45%;
height: auto;
margin-top: 3%;
font-size: 20px;
padding-left: 15%;
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/shops/main/BG-3.png);
background-position: center;
background-repeat: no-repeat; }
.row:after {
content: "";
display: table;
clear: both;
float: none;
} .text-justify {
text-align: justify;
font-size: initial;
}
body {
font-family: Arial;
margin: 0;
}
img {
vertical-align: middle;
} .container2 {
width: 90%;
position: relative;
margin-left: auto;
margin-right: auto;
} .mySlides {
display: none;
text-align: center;
padding-top: 10%; } .cursor {
cursor: pointer;
} .prev,
.next {
cursor: pointer;
position: absolute;
width: auto;
padding: 16px;
margin-top: -20%;
color: rgb(14, 13, 13);
font-weight: bold;
font-size: 30px;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
} .next {
right: 0;
border-radius: 3px 0 0 3px;
} .prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.8);
} .numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
} .caption-container {
text-align: center;
font-size: 24px;
background-color: rgba(255, 255, 194);
padding: 2px 16px;
color: rgb(7, 7, 7);
}
.row:after {
content: "";
display: table;
clear: both;
padding-top: 2% !important;
} .column6 {
float: left;
width: 16.66%;
} .demo {
opacity: 0.6;
}
.active,
.demo:hover {
opacity: 1;
}
.img {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
#myImg {
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}
#myImg:hover {
opacity: 0.7;
} .modal {
display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.9); } .modal-content {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
} #caption {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
text-align: center;
color: #ccc;
padding: 10px 0;
} .modal-content,
#caption {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
from {
-webkit-transform: scale(0)
}
to {
-webkit-transform: scale(1)
}
}
@keyframes zoom {
from {
transform: scale(0)
}
to {
transform: scale(1)
}
} .close {
position: absolute;
top: 20%;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
} @media only screen and (max-width: 700px) {
.modal-content {
width: 100%;
}
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
} @media only screen and (max-width: 300px) {
.prev,
.next,
.text {
font-size: 11px
}
}
} .under.kaitori h3.card {
background: #ffced1;
font-size: 1.4rem;
padding: 10px 15px 7px;
margin: 10px 0;
border-radius: 0;
color: #383838;
font-weight: bold;
}
.under.kaitori h4.card {
border-bottom: 1px dotted #ccc;
margin-bottom: 7px;
margin-top: 10px;
cursor: pointer;
}
.under.kaitori h4.card:last-of-type {
border: none;
}
.under.kaitori h4.card:before {
font-family: "FontAwesome";
content: '\f0fe';
padding: 0 5px;
color: #383838;
}
.under.kaitori h4.card.open:before {
content: '\f146';
color: #383838;
}
.under.kaitori h4.card.open {
border-bottom: 1px dotted #ccc;
}
.under.kaitori .card-list-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.under.kaitori .card-list-wrap li {
font-size: 1.2rem;
width: 33.3%;
}
.under.kaitori .card-list-wrap li:before {
content: '・';
}
.the_active {
animation-name: bg-color;
animation-duration: 1s;
animation-timing-function: ease-in;
animation-delay: 1s;
animation-iteration-count: 3;
animation-direction: alternate;
animation-fill-mode: forwards;
animation-play-state: running
}
.mtitle {
display: none;
padding: 10px;
position: relative;
background: #e0f0ff;
color: #31a6ff;
font-size: 15px;
font-weight: bold;
text-decoration: none
}
.mtitle:after {
content: "";
width: 10px;
height: 10px;
position: absolute;
top: 40%;
right: 20px;
margin: auto;
box-sizing: border-box;
border: 5px solid transparent;
border-top: 8px solid #31a6ff
}
@-webkit-keyframes bg-color {
0% {
background-color: #dfefff
}
30% {
background-color: #f7be77
}
60% {
background-color: #dfefff
}
100% {
background-color: #f7be77
}
}
@keyframes bg-color {
0% {
background-color: #dfefff
}
30% {
background-color: #f7be77
}
60% {
background-color: #dfefff
}
100% {
background-color: #f7be77
}
} .seoheader {
width: 100%;
margin: auto;
padding-top: 5px
}
.seoheader h1 {
font-size: 0.6rem;
color: #777777;
line-height: 1;
}
.ranking_box {
display: flex;
} .blog-pagination {
margin-top: 12px;
}
.blog-pagination .page-numbers {
align-items: center;
display: flex;
justify-content: center;
}
.blog-pagination ul li {
margin: 0 8px;
}
.blog-pagination li>.current {
background: #323232;
color: #fff;
}
.blog-pagination .page-numbers {
align-items: center;
display: flex;
justify-content: center;
}
.blog-pagination li>* {
border: 1px solid #323232;
color: #323232;
font-size: 14px;
font-weight: 700;
height: 34px;
width: 34px;
}
.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: 12px;
width: 12px;
}
.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);
} #age-restriction-text {
padding-top: 2px !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: 1030px;
margin: 20px auto 0;
}
#wrap.under {
width: 1030px;
margin: 20px auto 0;
}
#main {
width: 800px;
float: left;
}
#mainv {
padding-top: 10px;
width: 100%;
height: 380px;
position: relative;
clear: both;
margin: 0px auto;
background: #e0e0e0;
z-index: 0;
}
#sub {
width: 200px;
float: right;
}
#mainv .top {
margin-left: -718px;
position: absolute;
left: 50%;
z-index: -1;
}
#mainv_btm {
}
#mainv_btm ul {
width: 1030px;
margin: 9px auto;
}
#mainv_btm li {
position: relative;
float: left;
margin-right: 9px;
}
img.m_btn {
width: 510px;
}
#mainv_btm li.last {
margin-right: 0;
}
#mainv_btm .acquisition-2types-box {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
width: 1030px;
margin: 9px auto;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
#mainv_btm .acquisition-2types-box a {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
text-decoration: none;
}
#mainv_btm .acquisition-2types-box a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
}
#mainv_btm .acquisition-2types-box .ac-item {
color: #fff;
}
#mainv_btm .acquisition-2types-box .ac-item.store {
background: #cc000d;
padding: 15px 20px;
width: 250px;
}
#mainv_btm .acquisition-2types-box .ac-item.home {
background: #f3a33b;
padding: 15px 20px;
width: 250px;
}
#mainv_btm .acquisition-2types-box .ac-item strong {
font-size: 26px;
line-height: 1.2;
}
#mainv_btm .acquisition-2types-box .ac-item p {
margin-top: 10px;
font-size: 12px;
line-height: 1.6;
}
#pankuzu {
clear: both;
color: #fff;
background: #de1122;
margin: 0 auto;
}
#pankuzu ul {
width: 1030px;
margin: 0 auto;
padding: 5px 0;
}
.bxslider {
margin-top: 10px;
}
.bxslider img {
margin: 0 auto;
display: block;
} #sub .pickup h3 {
display: block;
text-align: center;
padding: 0;
margin: 0;
}
#sub .pickup h4 {
display: block;
text-align: center;
padding: 0;
margin: 0;
}
#sub .pickup h3 img {
border-radius: 5px 5px 0 0;
}
#sub .pickup h4 img {
border-radius: 5px 5px 0 0;
}
#sub .item .pickup_img02 img {
margin-right: 0;
}
#sub .item p img {
float: left;
width: 82px;
margin-right: 5px;
margin-bottom: 13px;
}
#sub .pickup .item {
padding: 10px 15px;
background: #4e4d4b;
border-bottom: 1px solid #6c6a67;
}
#sub .pickup .item span {
display: inline-block;
font-weight: 100;
font-size: 11px;
margin-top: 3px;
background: #e40011;
line-height: 100%;
padding: 5px 5px 3px;
color: #fff;
}
#sub .pickup .item span.ttl {
display: block;
background: none;
font-weight: bold;
font-size: 14px;
padding: 10px 0 0 0;
}
#sub .pickup .item p {
text-align: right;
margin-top: 10px;
}
#sub .pickup .item p.price {
text-align: right;
margin-top: 10px;
color: #e50011;
font-weight: bold;
font-size: 22px;
}
#sub .pickup .btm {
text-align: center;
font-size: 15px;
line-height: 18px;
padding: 10px;
background: #4e4d4b;
color: #fff;
font-weight: bold;
border-radius: 0 0 5px 5px;
margin-bottom: 10px;
}
#sub .pickup .btm span {
font-size: 22px;
}
#sub .tel_wrap {
border-radius: 5px;
padding: 6px;
margin-top: 10px;
background-image: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/s_bg.png);
background-repeat: no-repeat;
height: 496px;
}
#sub .line {
margin-top: 70px;
margin-left: 3px;
}
#sub .tel {
padding-top: 8px;
}
#sub .tel p {
text-align: center;
}
#sub .side_list {
margin-top: 10px;
}
#sub .side_list h3 {
display: block;
background: #de1122;
color: #fff;
font-size: 13px;
text-align: center;
border-radius: 5px 5px 0 0;
padding: 7px 0 4px;
margin: 0;
line-height: 170%;
}
#sub .side_list h4 {
display: block;
background: #de1122;
color: #fff;
font-size: 13px;
text-align: center;
border-radius: 5px 5px 0 0;
padding: 7px 0 4px;
margin: 0;
line-height: 170%;
}
#sub .side_ttl_new {
display: block;
background: #de1122;
color: #fff;
font-size: 13px;
text-align: center;
border-radius: 5px 5px 0 0;
margin: 0;
line-height: 1.6;
}
#sub .side_ttl_new .txt1 {
font-size: 1.6rem;
text-align: left;
line-height: 1.4;
border-bottom: 1px solid #fff;
padding: 5px 0 0 5px;
}
#sub .side_list h2 {
display: block;
background: #de1122;
color: #fff;
font-size: 13px;
text-align: center;
margin: 0;
}
#sub .side_list ul {
background: #fff;
border-radius: 0 0 5px 5px;
border-left: 3px solid #de1122;
border-right: 3px solid #de1122;
border-bottom: 3px solid #de1122;
}
#sub .side_list ul li {
background-repeat: no-repeat;
color: #de1122;
display: block;
line-height: 100%;
font-size: 11px;
text-decoration: none;
border-bottom: 1px solid #e4e5e9;
padding: 12px 0px 12px 3px;
}
#sub .side_list ul li a {
background-repeat: no-repeat;
color: #de1122;
display: block;
text-decoration: none;
}
#sub .side_list ul li.no_icon a {
background-repeat: no-repeat;
color: #de1122;
display: block;
text-decoration: none;
}
#sub .side_list ul li a img {
vertical-align: middle;
padding-right: 3px;
}
#sub .side_list ul li a span {
vertical-align: middle;
}
#sub .side_list ul li a:hover {
text-decoration: underline;
}
#sub .side_list02 {
margin-top: 10px;
}
#sub .side_list02 h3 {
display: block;
background: #de1122;
color: #fff;
font-size: 13px;
text-align: center;
border-radius: 5px 5px 0 0;
padding: 7px 0 5px;
margin: 0;
line-height: 170%;
}
#sub .side_list02 h4 {
display: block;
background: #de1122;
color: #fff;
font-size: 13px;
text-align: center;
border-radius: 5px 5px 0 0;
padding: 7px 0 5px;
margin: 0;
line-height: 170%;
}
#sub .side_list02 ul {
background: #fff;
border-radius: 0 0 5px 5px;
}
#sub .side_list02 ul li a {
background-repeat: no-repeat;
background: #eaeaea;
color: #de1122;
display: block;
line-height: 100%;
font-size: 11px;
text-decoration: none;
border-bottom: 1px solid #fff;
padding: 11px 0px 11px 11px;
}
#sub .side_list02 ul li:nth-child(6) a,
#sub .side_list02 ul li:nth-child(7) a,
#sub .side_list02 ul li:nth-child(8) a,
#sub .side_list02 ul li:nth-child(9) a,
#sub .side_list02 ul li:nth-child(10) a,
#sub .side_list02 ul li:nth-child(11) a,
#sub .side_list02 ul li:nth-child(12) a {
pointer-events: none;
}
#sub .side_list02 ul li a img {
vertical-align: middle;
padding-right: 3px;
}
#sub .side_list02 ul li a span {
vertical-align: middle;
}
#sub .side_list02 ul li a:hover {
text-decoration: underline;
}
#sub .side_list_area {
margin-top: 10px;
}
#sub .side_list_area h3 {
display: block;
background: #de1122;
color: #fff;
font-size: 13px;
text-align: center;
border-radius: 5px 5px 0 0;
padding: 7px 0 4px;
margin: 0;
line-height: 170%;
}
#sub .side_list_area h4 {
display: block;
background: #de1122;
color: #fff;
font-size: 13px;
text-align: center;
border-radius: 5px 5px 0 0;
padding: 7px 0 4px;
margin: 0;
line-height: 170%;
}
#sub .side_list_area ul {
background: #eaeaea;
border-radius: 0 0 5px 5px;
padding: 5px 0 10px;
}
#sub .side_list_area ul li.ttl {
font-weight: bold;
}
#sub .side_list_area ul li {
background: #eaeaea;
color: #454545;
display: block;
line-height: 180%;
font-size: 11px;
padding: 5px 5px 0px 12px;
}
#main .rank {
margin-top: 20px;
}
#main .rank div {
border: 2px solid #e8eaea;
width: 246px;
float: left;
padding: 5px;
margin-right: 10px;
}
#main .rank div.end {
margin-right: 0px;
}
#main .rank img {
width: 100%;
}
#main .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: 15px;
line-height: 21px;
padding-left: 56px;
padding-top: 13px;
margin-bottom: 0px;
margin-top: 6px;
}
#main .rank 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: 15px;
line-height: 21px;
padding-left: 56px;
padding-top: 13px;
margin-bottom: 0px;
margin-top: 6px;
}
#main .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: 15px;
line-height: 21px;
padding-left: 56px;
padding-top: 13px;
margin-bottom: 0px;
margin-top: 6px;
}
.page-template-page-shop #main h3 {
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 !important;
text-decoration: none !important;
}
.page-template-page-shop #main h3 a:active,
.page-template-page-shop #main h3 a:hover {
display: block;
color: #ffffff !important;
text-decoration: underline !important;
} .banner_box ul {
background: #eaeaea;
border-radius: 0 0 5px 5px;
padding: 5px 10px;
}
.banner_box {
margin-top: 10px;
margin-bottom: 10px;
}
.banner_box h3 {
margin: 0 0 5px !important;
font-size: 13px !important;
text-align: center !important;
border-radius: 5px 5px 0 0 !important;
padding: 12px 0 9px !important;
color: #fff !important;
background: #de1122 !important;
}
.banner_box ul li {
margin-bottom: 5px;
text-align: center;
border-radius: 5px;
padding: 10px 0;
}
.banner_box ul li.shop_buy {
background: #cd000e;
}
.banner_box ul li.delivery_buy {
background: #f4a43d;
}
.banner_box ul li.trip_buy {
background: #007eb9;
}
.banner_box ul li a img {
border-radius: 5px;
}
.banner_box ul li a {
text-decoration: none;
color: #fff;
display: block;
}
.banner_box ul li a:hover {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.banner_box ul li strong {
font-size: 17px;
line-height: 1.3;
display: block;
padding-bottom: 2px;
}
.banner_box ul li p {
font-size: 10px;
line-height: 1;
} .wordbanner {
width: 100%;
border-radius: 10px;
background-color: #de1122;
height: 310px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
box-sizing: border-box;
position: relative;
margin: 10px 0;
}
.wordbannerlink {
text-decoration: none !important;
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 5;
}
.wordbanner .wordcont {
width: 100%;
height: 100%;
border: 2px solid white;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.wordcont .titlecont {
width: 100%;
height: 60px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.wordcont .introtxt {
font-family: "Bebas Neue", cursive;
font-size: 25px;
text-align: center;
color: whitesmoke;
padding: 5px;
}
.wordcont .finaltxt {
font-family: "Bebas Neue", cursive;
font-size: 40px;
text-align: center;
color: whitesmoke;
-webkit-filter: drop-shadow(0px 4px 4px rgb(58, 58, 58));
filter: drop-shadow(0px 4px 4px rgb(58, 58, 58));
}
.titlecont .topcont {
width: 90%;
height: 80%;
border-radius: 30px;
background-color: white;
display: flex;
align-items: center;
justify-content: center;
font-family: "Bebas Neue";
font-size: 20px;
line-height: 1;
}
.titlecont .chara1 {
background-repeat: no-repeat;
background-position: center;
width: 83px;
height: 60px;
background-image: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/keyword/chara.png);
left: -13px;
top: -3px;
position: absolute;
background-size: contain;
animation: charablink 4000ms ease-in-out infinite;
-webkit-filter: drop-shadow(0px 4px 4px rgb(58, 58, 58));
filter: drop-shadow(0px 4px 4px rgb(58, 58, 58));
opacity: 1;
}
.titlecont .chara2 {
background-repeat: no-repeat;
background-position: center;
width: 83px;
height: 60px;
background-image: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/keyword/chara.png);
right: -13px;
top: -3px;
position: absolute;
background-size: contain;
animation: charablink2 4000ms ease-in-out infinite;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
-webkit-filter: drop-shadow(0px 4px 4px rgb(58, 58, 58));
filter: drop-shadow(0px 4px 4px rgb(58, 58, 58));
opacity: 0;
}
@keyframes charablink {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
50% {
opacity: 0;
}
90% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes charablink2 {
0% {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
} .luckybanner_side {
width: 100%;
height: 310px;
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: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 5%;
box-sizing: border-box;
}
.textcont_side {
display: flex;
border: 2px solid #da172b;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
color: white;
width: 100%;
height: 101%;
box-sizing: border-box;
position: relative;
padding-top: 30px;
border-radius: 10px;
border-top: none;
}
.wheel_side {
width: 70%;
background-image: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/spinwheel/wheel.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-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;
}
.luckybanner_side .topcolumn_side {
position: absolute;
width: 102%;
top: 0;
height: 45px;
display: flex;
background-color: #da172b;
align-items: center;
box-sizing: border-box;
border-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.topcolumn_side .headline_side {
font-size: 12px;
letter-spacing: 1px;
font-family: "Bebas Neue";
padding: 0 3%;
text-align: center;
color: white;
position: absolute;
margin: auto;
line-height: 1.5;
}
.wheel_side::after {
content: "";
display: block;
padding-bottom: 100%;
}
.textcont_side .toptext_side {
font-size: 28px;
font-family: "Lato", sans-serif;
padding: 1% 0;
text-align: center;
color: #ff0076;
line-height: 1;
font-weight: 900;
-webkit-filter: drop-shadow(2px 2px 0px rgb(255 172 171));
filter: drop-shadow(2px 2px 0px rgb(255 172 171));
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
} .column-related-article {
padding: 0 10px;
}
.column-related-article > .ttl {
color: #de1122;
font-size: 18px;
font-weight: 700;
text-align: center;
}
.column-related-article .contents {
flex-wrap: wrap;
}
.jc-sb {
justify-content: space-between;
}
.d-f {
display: flex;
}
article.article-box {
margin-bottom: 20px;
width: 48%;
}
.column-related-article .contents .article-box a {
color: #000;
}
a {
text-decoration: none;
}
a {
background: 0 0;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
.column-related-article .contents .article-box a .pic {
margin-bottom: 7px;
}
.column-related-article .contents .article-box a .ttl {
color: #de1122;
font-size: 14px;
margin-bottom: 3px;
line-height: 1.4;
}
.column-related-article .contents .article-box a .ellipsis {
font-size: 12px;
line-height: 1.4;
}
.column-related-article .contents .article-box a .pic img {
-o-object-fit: cover;
height: 90px;
width: 100%;
object-fit: cover;
}
.mb-20 {
margin-bottom: 20px !important;
}
.blog-search-shop {
margin: 30px 0 15px;
padding: 0 10px;
}
h2.ttl-box-red {
background: #de1122;
border-radius: 4px;
color: #fff;
font-size: 14px;
padding: 12px;
display: block;
line-height: 1;
margin: 0 0 10px 0;
font-weight: bold !important;
} @media only screen and (max-width: 600px) {
.column-related-article .contents {
justify-content: space-between;
}
.blog-detail-date {
margin: 10px;
font-size: 12px;
}
.blog-search-shop p {
font-size: 14px;
padding: 0 4px;
}
#wrap.under {
width: 100% !important;
margin: 0 auto;
padding: 0 15px;
}
#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;
} .luckybanner {
width: 100%;
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: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.luckybanner .topcolumn {
position: absolute;
width: 100%;
top: 0;
height: 45px;
display: flex;
background-color: #da172b;
align-items: center;
box-sizing: border-box;
}
.topcolumn .headline { font-size: 12px; color: white; width: 90%;
position: absolute;
left: 0;
right: 0;
margin: auto;
letter-spacing: 1.5px;
}
.textcont {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
width: 100%;
margin-top: 45px;
text-align: center;
margin-right: 24px;
}
.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: "Noto Sans JP", sans-serif;
line-height: 1;
padding: 1% 0;
color: #ff0076;
letter-spacing: 1px;
font-weight: 900;  }
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
}
@media screen and (min-width: 601px) { article .enent {
margin-bottom: 60px;
}
.column-related-article > .ttl {
font-size: 30px;
}
.column-related-article .contents .article-box {
border-right: 1px solid #000;
margin-bottom: 30px;
margin-right: 3%;
padding-right: 3%;
width: 29%;
}
.column-related-article .contents .article-box a:hover {
display: block;
opacity: 0.8;
}
.column-related-article .contents .article-box a .pic {
margin-bottom: 10px;
}
.column-related-article .contents .article-box a .ttl {
font-size: 16px;
margin-bottom: 5px;
}
.column-related-article .contents .article-box a .ellipsis {
font-size: 14px;
line-height: 1.4;
}
.column-related-article .contents .article-box a .pic img {
height: 150px;
}
.column-related-article .contents .article-box:nth-child(3n) {
border-right: none;
margin-right: 0;
padding-right: 0;
}
.blog-search-shop {
margin: 45px 0 20px;
padding: 0;
}
h2.ttl-box-red {
background: #de1122;
border-radius: 4px;
color: #fff;
display: block;
font-size: 16px;
margin-bottom: 12px;
padding: 12px;
display: block;
font-weight: 600 !important;
} .luckybanner {
width: 100%;
height: 300px;
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: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.luckybanner .topcolumn {
position: absolute;
width: 100%;
top: 0;
height: 50px;
display: flex;
background-color: #da172b;
align-items: center;
padding: 0 10px;
box-sizing: border-box;
}
.topcolumn .headline {  color: white; position: absolute;
left: 0;
right: 0; letter-spacing: 1.5px;
font-size: 16px;
width: 80%;
justify-content: center;
display: flex;
}
.textcont {
display: flex; flex-direction: column;
justify-content: center;
align-items: center;
color: white;
width: 100%;
margin-top: 15px;
}
.wheel {
width: 40%;
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: -145px;
-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: 58px;
font-family: "Noto Sans JP", sans-serif;
padding: 1% 0;
color: #ff0076;
letter-spacing: 2px;
line-height: 1;
font-weight: 900;  width: 80%;
text-align: center;
display: flex;
align-self: start;
}
}
@media screen and (min-width: 960px) {
.luckybanner .topcolumn {
height: 30px;
}
}
@media screen and (max-width: 960px) {
.topcolumn .headline {
margin: 0 auto;
width: 90%;
}
}