@charset "euc-jp";
body {
background-color: #fff;
background-image: url(https://img.shop-pro.jp/tmpl_img/76/bg.gif);
color: #333;
-webkit-font-smoothing: antialiased;
}
a {
color: #333;
}
a:hover {
color: #ccc;
text-decoration: none;
}
/**/
#wrapper {
position: relative;
}
.container {
}
/**/
.heading {
font-size: 18px;
font-weight: normal;
margin: 0;
padding-bottom: 20px;
letter-spacing: 0.1em;
border-bottom: 1px solid #333;
}
.lists {
margin: 0;
border-bottom: 1px solid #333;
}
.list {
border-top: 1px solid #ccc;
font-weight: normal;
}
.list:first-child {
border-top: none;
}
.list_link {
padding: 20px 0;
}
.list_link_name {
display: block;
padding-right: 30px;
}
.list_link_img {
margin-bottom: 5px;
}
.list_icon_arrow {
float: right;
margin-right: 10px;
}
.item_img {
margin: 0 auto;
}
.item_img:hover {
opacity: 0.8;
}
.item_name {
padding-top: 5px;
}
.item_regular_price {
text-decoration: line-through;
}
.item_price {
font-weight: bold;
}
.item_price_discount {
color: #cf0400;
}
.item_discount_rate {
color: #cf0400;
}
.item_soldout {
color: #cf0400;
}
.rank_box {
position: absolute;
width: 25px;
height: 25px;
background-color: #333;
display: block;
z-index: 5;
}
.rank_box_color_1 {
background-color: #dccc18;
}
.rank_box_color_2 {
background-color: #bab9c1;
}
.rank_box_color_3 {
background-color: #e18961;
}
.rank_number {
color: #fff;
display: block;
padding-top: 1px;
font-size: 14px;
}
.btn-more {
width: 96%;
margin: 0 auto 60px;
padding: 10px 12px;
}
/**/
#header {
margin-bottom: 30px;
}
.header_top {
width: 100%;
height: 50px;
border-bottom: 1px solid #eee;
position: absolute;
top: 0;
background-color: #333;
z-index: 10;
}
.header_top_cmspbar {
position: fixed;
}
.header_top_inner {
max-width: 1200px;
margin: 0 auto;
}
.search_form {
margin: 0;
padding-top: 10px;
float: left;
}
.search_select {
width: 150px;
border: 1px solid #101010;
font-size: 12px;
}
.search_box {
width: 260px;
}
.btn_search {
padding: 2px 5px 3px 5px;
border: 1px solid #101010;
}
.btn_search i {
vertical-align: -35%;
}
.header_nav_headline {
text-align: right;
font-size: 12px;
margin-top: 14px;
letter-spacing: 0.1em;
float: right;
}
.header_nav_headline li a i {
vertical-align: -40%;
}
.header_nav_headline li a {
color: #fff;
margin-right: 5px;
}
.header_nav_headline li a:hover {
color: #ccc;
text-decoration: none;
}
.header_nav_headline .headline_viewcart {
padding-left: 15px;
border-left: 1px solid #000;
}
.header_mid {
width: 100%;
height: 50px;
border-bottom: 1px solid #333;
position: absolute;
top: 51px;
background-color: #fff;
z-index: 9;
}
.header_mid_cmspbar {
position: fixed;
}
.header_mid_inner {
max-width: 1200px;
margin: 0 auto;
position: relative;
}
.header_nav_global {
font-size: 12px;
margin-top: 14px;
}
ul.header_nav_global > li {
padding: 0 5px 0 0;
}
.header_nav_global li a i {
vertical-align: -40%;
}
.header_nav_global li a {
}
.header_nav_global li a:hover {
text-decoration: none;
}
.header_nav_global_box {
display: none;
width: 100%;
height: auto;
background-color: #333;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
position: absolute;
top: 37px;
left: -1px;
padding: 0;
}
.header_nav_global_box_heading {
color: #fff;
font-size: 12px;
margin: 0;
padding-top: 30px;
text-align: center;
letter-spacing: 0.1em;
}
.header_nav_global_box_detail {
background-color: #fff;
padding: 30px 20px 20px;
}
.header_nav_global_left {
float: left;
margin: 0;
}
.header_nav_global_left li {
padding-bottom: 15px;
}
.header_nav_global_right {
float: right;
}
.header_nav_global_social {
padding-left: 5px;
}
ul.header_nav_global_social > li {
padding: 0;
}
.header_nav_global_social li a i {
vertical-align: -40%;
}
.header_btm {
max-width: 1200px;
padding-top: 101px;
margin: 0 auto;
}
.header_logo {
margin: 0 auto;
padding-top: 30px;
float: none;
}
.header_navi ul{
list-style: none;
display: flex;
justify-content: flex-end;
padding-top: 10px;
margin: 0;
}
.header_navi li{
margin: 0 10px 0 0;
}
.header_navi li address{
margin: 0;
}
.header_lead {
padding-top: 40px;
font-size: 18px;
color: #aaa;
letter-spacing: 0.1em;
float: right;
}
.header_nav_phone {
z-index: 99;
float: right;
height: 50px;
}
.header_nav_lst_phone {
position: absolute;
left: 55%;
display: none;
margin-left: -50%;
width: 90%;
border: 1px solid #ccc;
background: #fff;
}
.header_nav_lst_phone ul {
margin: 0;
}
.header_nav_lst_phone li {
padding: 0;
border-bottom: 1px solid #ccc;
text-align: center;
font-size: 12px;
}
.header_nav_lst_phone li:last-child {
border-bottom: none;
}
.header_nav_lst_phone a {
display: block;
padding: 6px 0;
}
.header_nav_lst_phone a:hover {
background: #333;
text-decoration: none;
color: #fff;
}
.nav_btn_phone {
font-size: 12px;
font-weight: bold;
color: #fff;
}
.nav_btn_phone i {
vertical-align: -40%;
}
/**/
.main {
max-width: 1200px;
}
/**/
.contents {
padding: 0;
float: right;
}
/**/
.pankuzu_lists {
font-size: 10px;
}
ul.pankuzu_lists > li {
padding: 0;
}
.pankuzu_list {
}
/**/
.info {
margin-bottom: 60px;
}
.info_heading {
}
.info_detail {
margin: 20px 0 0;
font-size: 13px;
}
.info_detail_lists {
}
.info_detail_list_dt {
padding: 20px 0 5px;
}
.info_detail_list_dt:first-child {
padding: 0 0 5px;
}
.info_detail_list_dd {
margin: 0;
}
/**/
.seller {
margin-bottom: 20px;
}
.seller_heading {
}
.seller_lists {
margin-top: 20px;
font-size: 12px;
}
.seller_list {
margin-bottom: 40px;
text-align: center;
position: relative;
}
/**/
.recommend {
margin-bottom: 20px;
}
.recommend_heading {
}
.recommend_lists {
margin-top: 20px;
font-size: 12px;
}
.recommend_list {
margin-bottom: 40px;
text-align: center;
position: relative;
}
/**/
.free_space {
}
/**/
.side {
padding: 0;
}
.side .unstyled img {
display: block;
margin-bottom: 5px;
}
.side_banner {
margin: 0 0 40px;
}
.side_banner_lists {
}
.side_banner_list {
margin-top: 19px;
}
.side_banner_list:first-child {
margin-top: 0;
}
.side_category {
margin: 0;
}
.side_category_list {
position: relative;
}
.side_subcategory_lists {
width: 80%;
padding: 15px 20px;
position: absolute;
top: -21px;
right: -180px;
border: 1px solid #ccc;
background-color: #fff;
z-index: 7;
display: none;
}
.side_subcategory_list {
border-top: none;
}
.side_subcategory_lists li a {
padding: 5px 0;
}
.side_group {
margin-top: 60px;
}
.side_group_heading {
}
.side_group_lists {
}
.side_group_list {
}
.side_freepage {
margin-top: 60px;
}
.side_freepage_heading {
margin-bottom: 20px;
}
.side_freepage_lists {
}
.side_freepage_list {
padding-top: 0;
border: none;
}
.side_freepage_list a {
padding: 0 0 20px 0;
}
.side_mobile_shop {
margin-top: 60px;
}
.side_mobile_shop_heading {
margin-bottom: 20px;
}
.side_mobile_shop_img {
text-align: center;
}
.side_banner_long {
margin-top: 40px;
}
/**/
.footer {
width: 100%;
margin-top: 40px;
}
.footer_inner {
max-width: 1200px;
margin: 0 auto;
}
.footer_heading {
}
.footer_lists {
margin-top: 20px;
}
.footer_list {
padding: 0 10px;
text-align: center;
}
.footer_list_img {
margin: 0 auto;
}
.footer_seller,
.footer_recommend,
.footer_checked {
margin-bottom: 40px;
}
.footer_seller_lists,
.footer_recommend_lists,
.footer_checked_lists {
font-size: 10px;
}
.footer_seller_list,
.footer_recommend_list,
.footer_checked_list{
margin-bottom: 10px;
}
.footer_banner {
padding-bottom: 60px;
margin: 0 auto;
}
.footer_pagetop {
text-align: center;
background-color: #333;
}
.footer_pagetop a {
display: block;
width: 100%;
height: 40px;
}
.footer_pagetop_icon {
margin-top: 8px;
}
.footer_notice {
padding: 60px 0;
background-color: #eee;
}
h3.footer_notice_heading {
padding-bottom: 40px;
border-bottom: none;
}
.footer_notice_lists {
margin: 0;
}
.footer_notice_list_dt {
padding: 20px 0 10px;
}
.footer_notice_list_dt:first-child {
padding: 0 0 10px;
}
.footer_notice_list_dd {
margin: 0;
line-height: 1.8;
}
.footer_notice_cal_table {
}
.footer_notice_cal_memo {
}
.tbl_calendar {
margin-bottom: 20px;
max-width: 260px;
width: 100%;
font-size: 84.615%;
}
.tbl_calendar caption {
text-align: center;
}
.tbl_calendar th {
padding: .3em 0;
border-bottom: 1px solid #ccc;
text-align: center;
}
.tbl_calendar td {
padding: .5em 0;
width: 14.2%;
border-bottom: 1px solid #ccc;
text-align: center;
}
.cal_memo {
margin-top: 1em;
font-size: 84.615%;
}
.footer_nav {
padding: 60px 0;
background-color: #333;
}
.footer_nav_shopinfo {
color: #fff;
}
.footer_nav_shopinfo_img {
padding: 0;
text-align: left;
}
.footer_nav_shopinfo_img img {
width: 180px;
}
.footer_nav_shopinfo_caption {
padding: 0 2%;
}
.footer_nav_shopinfo_name {
font-size: 18px;
padding-left: 5px;
}
.footer_nav_shopinfo_memo {
padding-left: 5px;
}
.footer_nav_lists {
}
.footer_nav_list {
color: #fff;
padding-top: 15px;
}
.footer_nav_list:first-child {
padding-top: 0;
}
.footer_nav_list_link {
color: #fff;
}
.footer_nav_list_link:hover {
color: #ccc;
text-decoration: none;
}
.footer_copyright {
text-align: center;
padding: 2em 0;
}
.footer_powered {
display: block;
padding: 10px 0;
line-height: 18px;
}
.footer_powered a {
color: #a1a19f;
text-decoration: none;
font-size: 11px;
}
.footer_powered img {
margin-bottom: 10px;
margin-left: 4px;
width: 200px;
height: 18px;
}
/**/
.slider {
position: relative;
margin-bottom: 40px;
}
.bx-wrapper {
z-index: 0;
}
.bx-wrapper img {
width: 100%;
height: auto;
}
.slider .bx-wrapper .bx-viewport {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
left: 0 !important;
border: none !important;
}
.slider .bx-wrapper .bx-caption {
background: #000\9;
background: rgba(0, 0, 0, 0.60);
}
.slider .bx-wrapper .bx-caption span {
font-size: 14px;
padding: 10px 10px 10px 20px;
}
/**/
.skpr_box {
padding-top: 120px;
margin-top: -60px
}
.skpr_box:first-child {
padding-top: 0;
margin-top: 0;
}
.skpr_detail,
.privacy_lead {
margin: 20px 0 0;
font-size: 13px;
}
.skpr_detail_lists {
}
.skpr_detail_list_dt {
padding: 20px 0 5px;
}
.skpr_detail_list_dt:first-child {
padding: 0 0 5px;
}
.skpr_detail_list_dd {
margin: 0;
}
/**/
/**/
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
border: 1px solid #101010;
background-color: #fff;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
outline: 0;
outline: thin dotted \9;
border-color: rgba(82, 168, 236, 0.8);
}
.icon-b.icon-instagram { background-position: -112px -192px; }
.icon-w.icon-instagram { background-position: -112px -192px; }
.icon-lg-b.icon-instagram { background-position: -168px -288px; }
.icon-lg-w.icon-instagram { background-position: -168px -288px;}
/**/
.icon-b.icon-user { background-position: -208px -0px; }
.icon-w.icon-user { background-position: -208px -0px; }
.icon-lg-b.icon-user { background-position: -312px -0px; }
.icon-lg-w.icon-user { background-position: -312px -0px; }
.icon-b.icon-adduser { background-position: -240px -0px; }
.icon-w.icon-adduser { background-position: -240px -0px; }
.icon-lg-b.icon-adduser { background-position: -360px -0px; }
.icon-lg-w.icon-adduser { background-position: -360px -0px; }
.icon-b.icon-login { background-position: -48px -80px; }
.icon-w.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-lg-w.icon-login { background-position: -72px -120px; }
.icon-b.icon-logout { background-position: -32px -80px; }
.icon-w.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-lg-w.icon-logout { background-position: -48px -120px; }
.icon-b.icon-cart { background-position: -176px -64px; }
.icon-w.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-lg-w.icon-cart { background-position: -264px -96px; }
.icon-b.icon-search { background-position: -208px -16px; }
.icon-w.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-lg-w.icon-search { background-position: -312px -24px; }
.icon-b.icon-mail { background-position: -64px -0px; }
.icon-w.icon-mail { background-position: -64px -0px; }
.icon-lg-b.icon-mail { background-position: -96px -0px; }
.icon-lg-w.icon-mail { background-position: -96px -0px; }
.icon-b.icon-book { background-position: -144px -32px; }
.icon-w.icon-book { background-position: -144px -32px; }
.icon-lg-b.icon-book { background-position: -216px -48px; }
.icon-lg-w.icon-book { background-position: -216px -48px; }
.icon-b.icon-help { background-position: -288px -80px; }
.icon-w.icon-help { background-position: -288px -80px; }
.icon-lg-b.icon-help { background-position: -432px -120px; }
.icon-lg-w.icon-help { background-position: -432px -120px; }
.icon-b.icon-instagram { background-position: -112px -192px; }
.icon-w.icon-instagram { background-position: -112px -192px; }
.icon-lg-b.icon-instagram { background-position: -168px -288px; }
.icon-lg-w.icon-instagram { background-position: -168px -288px; }
.icon-b.icon-youtube { background-position: -128px -160px; }
.icon-w.icon-youtube { background-position: -128px -160px; }
.icon-lg-b.icon-youtube { background-position: -191px -240px; }
.icon-lg-w.icon-youtube { background-position: -191px -240px; }
.icon-b.icon-c_twitter { background-position: -112px -176px; }
.icon-w.icon-c_twitter { background-position: -112px -176px; }
.icon-lg-b.icon-c_twitter { background-position: -168px -264px; }
.icon-lg-w.icon-c_twitter { background-position: -168px -264px; }
.icon-b.icon-c_facebook { background-position: -144px -176px; }
.icon-w.icon-c_facebook { background-position: -144px -176px; }
.icon-lg-b.icon-c_facebook { background-position: -216px -264px; }
.icon-lg-w.icon-c_facebook { background-position: -216px -264px; }
.icon-b.icon-c_google { background-position: -192px -176px; }
.icon-w.icon-c_google { background-position: -192px -176px; }
.icon-lg-b.icon-c_google { background-position: -288px -264px; }
.icon-lg-w.icon-c_google { background-position: -288px -264px; }
.icon-b.icon-c_pinterest { background-position: -224px -176px; }
.icon-w.icon-c_pinterest { background-position: -224px -176px; }
.icon-lg-b.icon-c_pinterest { background-position: -336px -264px; }
.icon-lg-w.icon-c_pinterest { background-position: -336px -264px; }
.icon-b.icon-chevron_right { background-position: -16px -144px; }
.icon-w.icon-chevron_right { background-position: -16px -144px; }
.icon-lg-b.icon-chevron_right { background-position: -24px -216px; }
.icon-lg-w.icon-chevron_right { background-position: -24px -216px; }
.icon-b.icon-chevron_down { background-position: -352px -128px; }
.icon-w.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-lg-w.icon-chevron_down { background-position: -528px -192px; }
.icon-b.icon-chevron_up { background-position: -0px -144px; }
.icon-w.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-lg-w.icon-chevron_up { background-position: -0px -216px; }
.icon-b.icon-chevron_left { background-position: -336px -128px; }
.icon-w.icon-chevron_left { background-position: -336px -128px; }
.icon-lg-b.icon-chevron_left { background-position: -504px -192px; }
.icon-lg-w.icon-chevron_left { background-position: -504px -192px; }
.icon-b.icon-list { background-position: -192px -96px; }
.icon-w.icon-list { background-position: -192px -96px; }
.icon-lg-b.icon-list { background-position: -288px -144px; }
.icon-lg-w.icon-list { background-position: -288px -144px; }
.icon-b.icon-pencil { background-position: -96px -0px; }
.icon-w.icon-pencil { background-position: -96px -0px; }
.icon-lg-b.icon-pencil { background-position: -144px -0px; }
.icon-lg-w.icon-pencil { background-position: -144px -0px; }
.icon-b,
.icon-w {
width: 16px;
height: 16px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
width: 24px;
height: 24px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_w.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.icon-b,
.icon-w {
-webkit-background-size: 368px 320px;
background-size: 368px 320px;
}
.icon-lg-b,
.icon-lg-w {
-webkit-background-size: 552px 480px;
background-size: 552px 480px;
}
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_2x_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_2x_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png); }
}
@media (max-width: 768px) {
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png); }
}
/**/
@media (min-width: 980px) {
.contents {
width: 900px;
}
.contents_detail {
width: 100%;
}
.side {
width: 270px;
}
.header_nav_global_right li {
display: inline-block !important;
}
}
@media (min-width: 769px) {
.footer_list {
width: 10%;
}
}
@media (max-width: 980px) {
#base_gmoWrapp,
#gmo_CMSPbar {
overflow: hidden;
min-width: 100% !important;
width: 100% !important;
}
.contents,
.side,
.footer_heading {
padding-right: 1%;
padding-left: 1%;
}
.header_nav_phone {
margin-right: 10px;
}
.header_nav_phone {
margin-right: 0;
}
.nav_btn_phone {
display: block;
height: 30px;
padding-top: 15px;
}
}
@media (max-width: 768px) {
.contents,
.side,
.footer_heading {
padding: 0;
}
.productlist_lists {
padding: 0 10px 20px;
}
.header_btm {
padding-top: 51px;
text-align: center
}
.header_logo {
float: none;
}
.header_navi ul{
justify-content: center;
}
.header_lead {
padding-top: 10px;
font-size: 12px;
float: none;
}
.header_nav_global_social {
padding-left: 0;
}
.search_form {
float: none;
}
.search_select {
width: 100%;
margin-bottom: 10px;
}
.search_box {
width: 75%;
float: left;
}
.btn_search {
width: 15%;
float: right;
}
.slider {
margin-bottom: 20px;
}
.side_group,
.side_freepage {
margin-top: 0;
}
.info_detail,
.seller_lists,
.recommend_lists {
padding: 0 10px 20px;
}
.free_space {
font-size: 12px;
padding: 0 10px 60px;
}
.list {
padding: 0;
}
.list_link {
padding: 10px;
}
.list_icon_arrow {
margin-right: 0;
}
.side_banner {
margin-bottom: 40px;
text-align: center;
}
.side_banner_list {
margin-top: 0;
}
.side_freepage_heading {
margin-bottom: 0;
}
.side_freepage_list {
padding: 0;
border-top: 1px solid #ccc;
}
.side_freepage_list a {
padding: 10px;
}
.heading {
font-size: 14px;
font-weight: bold;
padding: 0 10px 20px;
}
.side_category {
margin-top: 0;
}
.side_category_list {
position: static;
cursor: pointer;
}
.side_subcategory_lists {
width: 100%;
padding: 0;
position: static;
border: none;
background-color: #f5f5f5;
display: none;
}
.side_subcategory_list {
border-top: 1px solid #ccc;
}
.side_subcategory_list:first-child {
border-top: 1px solid #ccc;
}
.side_subcategory_lists li a {
padding: 10px;
}
.side_category_heading,
.side_group_heading,
.side_freepage_heading,
.footer_seller_heading,
.footer_recommend_heading,
.footer_checked_heading{
background-color: #333;
color: #fff;
padding: 10px 0 10px 10px;
}
.footer {
margin-top: 0;
}
.footer_lists {
padding: 0 10px 20px;
}
.footer_list {
padding-right: 1%;
padding-left: 1%;
}
.footer_checked {
border-bottom: 1px solid #333;
}
.footer_banner {
text-align: center;
padding: 0 10px 60px;
}
.footer_banner li {
padding: 5px;
}
.footer_seller_lists,
.footer_recommend_lists,
.footer_checked_lists {
font-size: 12px;
}
.footer_seller_list,
.footer_recommend_list {
margin-bottom: 40px;
}
.footer_checked_list {
margin-bottom: 10px;
}
.footer_notice {
padding: 0;
}
.footer_nav {
padding: 0;
}
.footer_nav_shopinfo {
padding: 30px 0;
}
.footer_nav_shopinfo_img {
padding-bottom: 10px;
text-align: center;
}
.footer_nav_shopinfo_caption {
text-align: center;
}
.footer_nav_shopinfo_name {
padding-left: 0;
}
.footer_nav_shopinfo_memo {
padding-left: 0;
}
.footer_nav_menu_right {
padding: 0;
border-top: 1px solid #777;
}
.footer_nav_menu_right li {
margin: 0;
padding: 0;
border-bottom: 1px solid #777;
}
.footer_nav_menu_right li:nth-child(odd) {
border-right: 1px solid #777;
}
.footer_nav_menu_right a {
display: block;
padding: 12px 10px;
color: #fff;
text-decoration: none;
font-size: 11px;
}
.footer_nav_menu {
padding: 20px;
text-align: center;
font-size: 10px;
background-color: #333;
color: #fff;
}
.footer_nav_list {
padding-top: 5px;
}
.footer_copyright {
font-size: 10px;
}
.skpr_detail,
.privacy_lead {
padding: 0 10px 20px;
}
.skpr_box {
padding-top: 70px;
margin-top: -10px
}
.skpr_box:first-child {
padding-top: 0;
margin-top: 0;
}
}
@media (max-width: 480px) {
.side_banner_list {
margin-top: 19px;
}
.side_banner_list:first-child {
margin-top: 0;
}
}
/**/
.side{
background-color: #dcdcdc; /**/
}
/* f44: 素材・仕上げ */
/**/
.ryuzu-mf {
width: 100%;
margin: 0 0 65px;
color: #222;
box-sizing: border-box;
}
.ryuzu-mf *,
.ryuzu-mf *:before,
.ryuzu-mf *:after {
box-sizing: border-box;
}
/**/
.ryuzu-mf-head {
padding: 10px 20px 30px;
text-align: center;
}
.ryuzu-mf-en {
margin: 0 0 7px !important;
color: #8a6a2f;
font-size: 12px;
font-weight: bold;
letter-spacing: .18em;
}
.ryuzu-mf-head h2 {
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
color: #222;
font-size: 26px !important;
line-height: 1.5;
font-weight: bold;
}
.ryuzu-mf-head-text {
margin: 0 !important;
color: #555;
font-size: 14px;
line-height: 1.9;
}
/**/
.ryuzu-mf-block {
margin: 0 0 14px;
padding: 28px 30px 25px;
background: #f6f6f6;
}
/**/
.ryuzu-mf-title {
width: 100%;
margin: 0 0 20px;
padding: 0 0 10px;
border-bottom: 1px solid #c5aa70;
}
.ryuzu-mf-title-number {
display: inline-block;
margin-right: 13px;
color: #b39451;
font-size: 17px;
vertical-align: middle;
}
.ryuzu-mf-title h3 {
display: inline-block;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
color: #222;
font-size: 21px !important;
line-height: 1.5;
font-weight: bold;
vertical-align: middle;
}
/**/
.ryuzu-mf-materials {
display: table;
width: 100%;
table-layout: fixed;
border-spacing: 10px 0;
margin: 0 -10px;
}
.ryuzu-mf-material {
display: table-cell;
width: 33.333%;
padding: 24px 22px;
border: 1px solid #ddd;
background: #fff;
vertical-align: top;
}
.ryuzu-mf-material-k18 {
border-top: 4px solid #c5aa70;
padding-top: 21px;
}
.ryuzu-mf-material-en {
margin: 0 0 8px !important;
color: #8a6a2f;
font-size: 11px;
line-height: 1.4;
font-weight: bold;
letter-spacing: .14em;
}
.ryuzu-mf-material h4 {
margin: 0 0 13px !important;
padding: 0 !important;
color: #222;
font-size: 19px !important;
line-height: 1.5;
font-weight: bold;
}
.ryuzu-mf-material-text {
margin: 0 0 15px !important;
color: #555;
font-size: 13px;
line-height: 1.8;
}
.ryuzu-mf-material a {
display: inline-block;
padding-bottom: 3px;
border-bottom: 1px solid #c5aa70;
color: #8a6a2f !important;
font-size: 12px;
line-height: 1.6;
font-weight: bold;
text-decoration: none !important;
}
.ryuzu-mf-note {
margin: 14px 0 0 !important;
color: #777;
font-size: 11px;
line-height: 1.7;
}
/**/
.ryuzu-mf-finish-intro {
margin: -3px 0 18px !important;
color: #555;
font-size: 13px;
line-height: 1.8;
}
.ryuzu-mf-finishes {
display: table;
width: 100%;
table-layout: fixed;
border-spacing: 10px 0;
margin: 0 -10px;
}
.ryuzu-mf-finish {
display: table-cell;
width: 50%;
border: 1px solid #ddd;
background: #fff;
vertical-align: middle;
}
.ryuzu-mf-finish-inner {
display: table;
width: 100%;
table-layout: fixed;
}
.ryuzu-mf-finish-image {
display: table-cell;
width: 47%;
padding: 18px;
vertical-align: middle;
text-align: center;
}
.ryuzu-mf-finish-image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.ryuzu-mf-finish-body {
display: table-cell;
width: 53%;
padding: 20px 20px 20px 5px;
vertical-align: middle;
}
.ryuzu-mf-finish-en {
margin: 0 0 7px !important;
color: #8a6a2f;
font-size: 10px;
line-height: 1.4;
font-weight: bold;
letter-spacing: .12em;
}
.ryuzu-mf-finish h4 {
margin: 0 0 10px !important;
padding: 0 !important;
color: #222;
font-size: 19px !important;
line-height: 1.5;
font-weight: bold;
}
.ryuzu-mf-finish-text {
margin: 0 !important;
color: #555;
font-size: 12px;
line-height: 1.8;
}
/**/
@media screen and (max-width: 767px) {
.ryuzu-mf {
margin-bottom: 48px;
}
.ryuzu-mf-head {
padding: 5px 12px 22px;
}
.ryuzu-mf-en {
font-size: 10px;
}
.ryuzu-mf-head h2 {
font-size: 21px !important;
}
.ryuzu-mf-head-text {
font-size: 12px;
line-height: 1.8;
text-align: left;
}
/**/
.ryuzu-mf-block {
padding: 20px 12px;
}
.ryuzu-mf-title {
margin-bottom: 14px;
}
.ryuzu-mf-title-number {
margin-right: 8px;
font-size: 14px;
}
.ryuzu-mf-title h3 {
font-size: 17px !important;
}
/**/
.ryuzu-mf-materials {
display: block;
width: 100%;
margin: 0;
}
.ryuzu-mf-material {
display: block;
width: 100%;
margin: 0 0 8px;
padding: 15px 14px;
}
.ryuzu-mf-material:last-child {
margin-bottom: 0;
}
.ryuzu-mf-material-k18 {
padding-top: 12px;
}
.ryuzu-mf-material-en {
margin-bottom: 4px !important;
font-size: 9px;
}
.ryuzu-mf-material h4 {
margin-bottom: 6px !important;
font-size: 15px !important;
}
.ryuzu-mf-material-text {
margin-bottom: 9px !important;
font-size: 11px;
line-height: 1.7;
}
.ryuzu-mf-material a {
font-size: 11px;
}
/**/
.ryuzu-mf-finish-intro {
font-size: 11px;
line-height: 1.75;
}
.ryuzu-mf-finishes {
display: block;
width: 100%;
margin: 0;
}
.ryuzu-mf-finish {
display: block;
width: 100%;
margin: 0 0 10px;
}
.ryuzu-mf-finish:last-child {
margin-bottom: 0;
}
.ryuzu-mf-finish-inner {
display: table;
width: 100%;
}
.ryuzu-mf-finish-image {
display: table-cell;
width: 44%;
padding: 10px;
vertical-align: middle;
}
.ryuzu-mf-finish-image img {
width: 100%;
height: auto;
}
.ryuzu-mf-finish-body {
display: table-cell;
width: 56%;
padding: 13px 12px 13px 4px;
vertical-align: middle;
}
.ryuzu-mf-finish-en {
margin-bottom: 4px !important;
font-size: 8px;
}
.ryuzu-mf-finish h4 {
margin-bottom: 5px !important;
font-size: 15px !important;
}
.ryuzu-mf-finish-text {
font-size: 10px;
line-height: 1.65;
}
}
/* f44: 龍頭の鎚目 */
/**/
.ryuzu-hammered {
display: grid;
width: 100%;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
margin: 0 0 65px;
background: #f6f6f6;
color: #222;
box-sizing: border-box;
}
.ryuzu-hammered *,
.ryuzu-hammered *::before,
.ryuzu-hammered *::after {
box-sizing: border-box;
}
/**/
.ryuzu-hammered__image {
width: 100%;
min-width: 0;
background: #eee;
}
.ryuzu-hammered__image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
}
/**/
.ryuzu-hammered__content {
min-width: 0;
padding: 45px 42px;
align-self: center;
}
.ryuzu-hammered__en {
margin: 0 0 8px !important;
color: #8a6a2f;
font-size: 12px;
line-height: 1.4;
font-weight: 600;
letter-spacing: .18em;
}
.ryuzu-hammered__content h2 {
margin: 0 0 19px !important;
padding: 0 !important;
border: 0 !important;
color: #222;
font-size: 25px !important;
line-height: 1.5;
font-weight: 600;
}
.ryuzu-hammered__lead {
margin: 0 !important;
color: #333;
font-size: 15px;
line-height: 1.9;
font-weight: 500;
}
.ryuzu-hammered__line {
width: 42px;
height: 1px;
margin: 22px 0;
background: #c5aa70;
}
.ryuzu-hammered__content > p:not(.ryuzu-hammered__en):not(.ryuzu-hammered__lead) {
margin: 0 0 16px !important;
color: #555;
font-size: 13px;
line-height: 1.9;
}
.ryuzu-hammered__content strong {
color: #8a6a2f;
font-weight: 600;
}
/**/
.ryuzu-hammered__link {
display: inline-block;
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #c5aa70;
color: #8a6a2f !important;
font-size: 13px;
line-height: 1.6;
font-weight: 600;
text-decoration: none !important;
}
.ryuzu-hammered__link:hover {
border-bottom-color: #8a6a2f;
}
/**/
@media screen and (max-width: 767px) {
.ryuzu-hammered {
display: block;
margin-bottom: 48px;
}
/**/
.ryuzu-hammered__image {
width: 100%;
overflow: visible;
}
.ryuzu-hammered__image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.ryuzu-hammered__content {
padding: 27px 18px 30px;
}
.ryuzu-hammered__en {
margin-bottom: 6px !important;
font-size: 10px;
}
.ryuzu-hammered__content h2 {
margin-bottom: 14px !important;
font-size: 21px !important;
}
.ryuzu-hammered__lead {
font-size: 13px;
line-height: 1.85;
}
.ryuzu-hammered__line {
margin: 18px 0;
}
.ryuzu-hammered__content > p:not(.ryuzu-hammered__en):not(.ryuzu-hammered__lead) {
margin-bottom: 13px !important;
font-size: 12px;
line-height: 1.8;
}
.ryuzu-hammered__link {
margin-top: 3px;
font-size: 12px;
}
}
/**/
.ryuzu-standard-rings {
width: 100%;
margin: 0 0 65px;
padding: 45px 32px;
background: #292929;
color: #fff;
box-sizing: border-box;
}
.ryuzu-standard-rings *,
.ryuzu-standard-rings *::before,
.ryuzu-standard-rings *::after {
box-sizing: border-box;
}
/**/
.ryuzu-standard-rings__head {
max-width: 820px;
margin: 0 auto 32px;
text-align: center;
}
.ryuzu-standard-rings__en {
margin: 0 0 6px !important;
color: #c5aa70;
font-size: 12px;
line-height: 1.4;
font-weight: 600;
letter-spacing: .18em;
}
.ryuzu-standard-rings__head h2 {
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
color: #fff;
font-size: 25px !important;
line-height: 1.5;
font-weight: 600;
}
.ryuzu-standard-rings__head > p:not(.ryuzu-standard-rings__en) {
margin: 0 !important;
color: #ccc;
font-size: 14px;
line-height: 1.9;
}
/**/
.ryuzu-standard-rings__content {
display: grid;
width: 100%;
grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
gap: 22px;
}
/**/
.ryuzu-standard-rings__list {
min-width: 0;
border-top: 1px solid #555;
}
.ryuzu-standard-rings__item {
display: grid;
grid-template-columns: 82px minmax(0, 1fr);
gap: 18px;
min-width: 0;
padding: 21px 0;
border-bottom: 1px solid #555;
}
.ryuzu-standard-rings__width {
padding-top: 3px;
color: #c5aa70;
line-height: 1;
}
.ryuzu-standard-rings__width strong {
font-size: 34px;
font-weight: 400;
}
.ryuzu-standard-rings__width span {
margin-left: 3px;
font-size: 11px;
}
.ryuzu-standard-rings__text {
min-width: 0;
}
.ryuzu-standard-rings__label {
margin: 0 0 4px !important;
color: #aaa;
font-size: 10px;
line-height: 1.4;
font-weight: 600;
letter-spacing: .12em;
}
.ryuzu-standard-rings__text h3 {
margin: 0 0 6px !important;
padding: 0 !important;
color: #fff;
font-size: 16px !important;
line-height: 1.5;
font-weight: 600;
}
.ryuzu-standard-rings__text > p:not(.ryuzu-standard-rings__label) {
margin: 0 0 8px !important;
color: #bbb;
font-size: 12px;
line-height: 1.7;
}
.ryuzu-standard-rings__text a {
display: inline-block;
color: #c5aa70 !important;
font-size: 12px;
line-height: 1.6;
font-weight: 600;
text-decoration: none !important;
}
.ryuzu-standard-rings__text a:hover {
text-decoration: underline !important;
}
/**/
.ryuzu-standard-rings__pickup {
min-width: 0;
overflow: hidden;
background: #fff;
color: #222;
}
.ryuzu-standard-rings__pickup-label {
padding: 10px 15px;
background: #8a6a2f;
color: #fff;
font-size: 11px;
line-height: 1.4;
font-weight: 600;
letter-spacing: .15em;
text-align: center;
}
.ryuzu-standard-rings__pickup-image {
width: 100%;
overflow: hidden;
background: #fff;
}
.ryuzu-standard-rings__pickup-image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
}
.ryuzu-standard-rings__pickup-body {
padding: 18px 19px 20px;
}
.ryuzu-standard-rings__pickup-sub {
margin: 0 0 5px !important;
color: #8a6a2f;
font-size: 10px;
line-height: 1.4;
font-weight: 600;
letter-spacing: .1em;
}
.ryuzu-standard-rings__pickup-body h3 {
margin: 0 0 8px !important;
padding: 0 !important;
color: #222;
font-size: 16px !important;
line-height: 1.5;
font-weight: 600;
}
.ryuzu-standard-rings__pickup-body > p:not(.ryuzu-standard-rings__pickup-sub) {
margin: 0 0 12px !important;
color: #555;
font-size: 12px;
line-height: 1.75;
}
.ryuzu-standard-rings__pickup-body a {
display: inline-block;
color: #8a6a2f !important;
font-size: 12px;
line-height: 1.6;
font-weight: 600;
text-decoration: none !important;
}
.ryuzu-standard-rings__pickup-body a:hover {
text-decoration: underline !important;
}
/**/
@media screen and (max-width: 767px) {
.ryuzu-standard-rings {
margin-bottom: 48px;
padding: 31px 14px;
}
.ryuzu-standard-rings__head {
margin-bottom: 23px;
}
.ryuzu-standard-rings__head h2 {
font-size: 21px !important;
}
.ryuzu-standard-rings__head > p:not(.ryuzu-standard-rings__en) {
font-size: 13px;
line-height: 1.8;
text-align: left;
}
/**/
.ryuzu-standard-rings__content {
display: block;
}
.ryuzu-standard-rings__item {
grid-template-columns: 54px minmax(0, 1fr);
gap: 10px;
padding: 16px 0;
}
.ryuzu-standard-rings__width strong {
font-size: 27px;
}
.ryuzu-standard-rings__width span {
font-size: 9px;
}
.ryuzu-standard-rings__text h3 {
font-size: 14px !important;
}
.ryuzu-standard-rings__text > p:not(.ryuzu-standard-rings__label) {
display: none;
}
.ryuzu-standard-rings__text a {
margin-top: 3px;
font-size: 11px;
}
/**/
.ryuzu-standard-rings__pickup {
margin-top: 22px;
}
.ryuzu-standard-rings__pickup-image {
width: 100%;
max-height: none;
overflow: visible;
background: #fff;
}
.ryuzu-standard-rings__pickup-image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
}
.ryuzu-standard-rings__pickup-body {
padding: 15px 16px 17px;
}
.ryuzu-standard-rings__pickup-body h3 {
font-size: 14px !important;
}
.ryuzu-standard-rings__pickup-body > p:not(.ryuzu-standard-rings__pickup-sub) {
font-size: 11px;
}
.ryuzu-standard-rings__pickup-body a {
font-size: 11px;
}
}
/* f44: リング幅 */
/**/
.ryuzu-ring-width {
width: 100%;
margin: 0 0 65px;
padding: 45px 28px;
background: #f6f6f6;
color: #222;
box-sizing: border-box;
}
.ryuzu-ring-width *,
.ryuzu-ring-width *::before,
.ryuzu-ring-width *::after {
box-sizing: border-box;
}
/**/
.ryuzu-ring-width__head {
max-width: 820px;
margin: 0 auto 30px;
text-align: center;
}
.ryuzu-ring-width__en {
margin: 0 0 6px !important;
color: #8a6a2f;
font-size: 12px;
line-height: 1.4;
font-weight: 600;
letter-spacing: .18em;
}
.ryuzu-ring-width__head h2 {
margin: 0 0 13px !important;
padding: 0 !important;
border: 0 !important;
color: #222;
font-size: 25px !important;
line-height: 1.5;
font-weight: 600;
}
.ryuzu-ring-width__lead {
margin: 0 !important;
color: #555;
font-size: 14px;
line-height: 1.9;
}
/**/
.ryuzu-ring-width__main {
display: grid;
width: 100%;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.ryuzu-ring-width__card {
min-width: 0;
width: 100%;
overflow: hidden;
border: 1px solid #e1e1e1;
background: #fff;
}
.ryuzu-ring-width__image {
display: block;
width: 100%;
min-width: 0;
overflow: hidden;
background: #fff;
text-decoration: none !important;
}
.ryuzu-ring-width__image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
transition: opacity .2s ease;
}
.ryuzu-ring-width__image:hover img {
opacity: .88;
}
.ryuzu-ring-width__body {
min-width: 0;
padding: 19px 17px 21px;
}
.ryuzu-ring-width__size {
margin: 0 0 7px;
color: #8a6a2f;
line-height: 1;
}
.ryuzu-ring-width__size strong {
font-size: 30px;
font-weight: 500;
}
.ryuzu-ring-width__size span {
margin-left: 3px;
font-size: 12px;
letter-spacing: .05em;
}
.ryuzu-ring-width__body h3 {
margin: 0 0 9px !important;
padding: 0 !important;
color: #222;
font-size: 16px !important;
line-height: 1.5;
font-weight: 600;
}
.ryuzu-ring-width__body p {
margin: 0 0 15px !important;
color: #555;
font-size: 12px;
line-height: 1.75;
}
.ryuzu-ring-width__product {
display: inline-block;
max-width: 100%;
color: #8a6a2f !important;
font-size: 12px;
line-height: 1.6;
font-weight: 600;
text-decoration: none !important;
overflow-wrap: anywhere;
word-break: normal;
}
.ryuzu-ring-width__product:hover {
text-decoration: underline !important;
}
/**/
.ryuzu-ring-width__other {
margin-top: 32px;
padding-top: 27px;
border-top: 1px solid #ddd;
}
.ryuzu-ring-width__other-head {
margin: 0 0 18px;
text-align: center;
}
.ryuzu-ring-width__other-en {
margin: 0 0 4px !important;
color: #8a6a2f;
font-size: 10px;
line-height: 1.4;
font-weight: 600;
letter-spacing: .16em;
}
.ryuzu-ring-width__other-head h3 {
margin: 0 0 7px !important;
padding: 0 !important;
color: #222;
font-size: 18px !important;
line-height: 1.5;
font-weight: 600;
}
.ryuzu-ring-width__other-head > p:not(.ryuzu-ring-width__other-en) {
margin: 0 !important;
color: #666;
font-size: 12px;
line-height: 1.7;
}
.ryuzu-ring-width__sizes {
display: grid;
width: 100%;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 7px;
}
.ryuzu-ring-width__sizebox {
min-width: 0;
padding: 14px 5px 12px;
border: 1px solid #ddd;
background: #fff;
color: #333;
text-align: center;
}
.ryuzu-ring-width__sizebox strong {
color: #8a6a2f;
font-size: 21px;
line-height: 1;
font-weight: 500;
}
.ryuzu-ring-width__sizebox span {
margin-left: 2px;
color: #8a6a2f;
font-size: 10px;
}
.ryuzu-ring-width__sizebox small {
display: block;
margin-top: 5px;
color: #666;
font-size: 10px;
line-height: 1.4;
}
/**/
@media screen and (max-width: 767px) {
.ryuzu-ring-width {
margin-bottom: 48px;
padding: 31px 12px;
}
.ryuzu-ring-width__head {
margin-bottom: 22px;
}
.ryuzu-ring-width__head h2 {
font-size: 21px !important;
}
.ryuzu-ring-width__lead {
font-size: 13px;
line-height: 1.8;
text-align: left;
}
/**/
.ryuzu-ring-width__main {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
}
.ryuzu-ring-width__body {
padding: 12px 8px 14px;
}
.ryuzu-ring-width__size {
margin-bottom: 5px;
}
.ryuzu-ring-width__size strong {
font-size: 23px;
}
.ryuzu-ring-width__size span {
font-size: 9px;
}
.ryuzu-ring-width__body h3 {
margin-bottom: 6px !important;
font-size: 12px !important;
line-height: 1.5;
}
/**/
.ryuzu-ring-width__body p {
display: none;
}
.ryuzu-ring-width__product {
display: block;
margin-top: 8px;
font-size: 10px;
line-height: 1.5;
}
/**/
.ryuzu-ring-width__other {
margin-top: 24px;
padding-top: 22px;
}
.ryuzu-ring-width__other-head {
margin-bottom: 14px;
}
.ryuzu-ring-width__other-head h3 {
font-size: 16px !important;
}
.ryuzu-ring-width__other-head > p:not(.ryuzu-ring-width__other-en) {
font-size: 11px;
}
.ryuzu-ring-width__sizes {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 4px;
}
.ryuzu-ring-width__sizebox {
padding: 11px 2px 9px;
}
.ryuzu-ring-width__sizebox strong {
font-size: 17px;
}
.ryuzu-ring-width__sizebox span {
font-size: 8px;
}
.ryuzu-ring-width__sizebox small {
margin-top: 4px;
font-size: 8px;
line-height: 1.35;
}
}
/* f44: リングの形・スタイル */
.ryuzu-ring-style {
margin: 0 0 65px;
padding: 5px 0 0;
color: #222;
}
.ryuzu-ring-style * {
box-sizing: border-box;
}
.ryuzu-ring-style__head {
max-width: 820px;
margin: 0 auto 30px;
text-align: center;
}
.ryuzu-ring-style__en {
margin: 0 0 6px !important;
color: #8a6a2f;
font-size: 12px;
font-weight: 600;
letter-spacing: .18em;
}
.ryuzu-ring-style__head h2 {
margin: 0 0 13px !important;
padding: 0 !important;
border: 0 !important;
color: #222;
font-size: 25px !important;
line-height: 1.5;
font-weight: 600;
}
.ryuzu-ring-style__lead {
margin: 0 !important;
color: #555;
font-size: 14px;
line-height: 1.9;
}
.ryuzu-ring-style__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.ryuzu-ring-style__card {
overflow: hidden;
border: 1px solid #e1e1e1;
background: #fff;
}
.ryuzu-ring-style__image {
display: block;
width: 100%;
background: #f5f5f5;
overflow: hidden;
}
.ryuzu-ring-style__image img {
display: block;
width: 100%;
height: auto;
transition: opacity .2s ease;
}
.ryuzu-ring-style__image:hover img {
opacity: .88;
}
.ryuzu-ring-style__body {
padding: 21px 22px 23px;
}
.ryuzu-ring-style__number {
margin: 0 0 5px !important;
color: #8a6a2f;
font-size: 11px;
font-weight: 600;
letter-spacing: .15em;
}
.ryuzu-ring-style__body h3 {
margin: 0 0 10px !important;
color: #222;
font-size: 19px !important;
line-height: 1.5;
font-weight: 600;
}
.ryuzu-ring-style__body > p:not(.ryuzu-ring-style__number) {
margin: 0 0 17px !important;
color: #555;
font-size: 13px;
line-height: 1.85;
}
.ryuzu-ring-style__product {
display: inline-block;
color: #8a6a2f !important;
font-size: 13px;
font-weight: 600;
text-decoration: none !important;
}
.ryuzu-ring-style__product:hover {
text-decoration: underline !important;
}
@media screen and (max-width: 767px) {
.ryuzu-ring-style {
margin-bottom: 48px;
}
.ryuzu-ring-style__head {
margin-bottom: 22px;
}
.ryuzu-ring-style__head h2 {
font-size: 21px !important;
}
.ryuzu-ring-style__lead {
font-size: 13px;
line-height: 1.8;
text-align: left;
}
.ryuzu-ring-style__grid {
grid-template-columns: repeat(2, 1fr);
gap: 9px;
}
.ryuzu-ring-style__body {
padding: 13px 11px 15px;
}
.ryuzu-ring-style__number {
font-size: 9px;
}
.ryuzu-ring-style__body h3 {
margin-bottom: 6px !important;
font-size: 14px !important;
}
.ryuzu-ring-style__body > p:not(.ryuzu-ring-style__number) {
margin-bottom: 10px !important;
font-size: 11px;
line-height: 1.65;
}
.ryuzu-ring-style__product {
font-size: 11px;
}
}
/* f44: FIND YOUR RING */
.ryuzu-ring-quick {
width: 100%;
margin: 35px 0 55px;
padding: 38px 32px 34px;
background: #f6f6f6;
box-sizing: border-box;
}
.ryuzu-ring-quick *,
.ryuzu-ring-quick *::before,
.ryuzu-ring-quick *::after {
box-sizing: border-box;
}
/**/
.ryuzu-ring-quick-head {
margin: 0 auto 27px;
text-align: center;
}
.ryuzu-ring-quick-head .sub {
display: block;
margin: 0 0 6px;
color: #8a6a2f;
font-size: 12px;
line-height: 1.4;
font-weight: 600;
letter-spacing: .18em;
}
.ryuzu-ring-quick-head h2 {
margin: 0 0 10px !important;
padding: 0 !important;
border: 0 !important;
color: #222;
font-size: 25px !important;
line-height: 1.5;
font-weight: 600;
}
.ryuzu-ring-quick-head p {
margin: 0 !important;
color: #555;
font-size: 14px;
line-height: 1.8;
}
/**/
.ryuzu-ring-quick-grid {
display: grid;
width: 100%;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px;
}
.ryuzu-ring-quick-item {
min-width: 0;
padding: 22px 20px 20px;
border: 1px solid #e0e0e0;
background: #fff;
}
/**/
.ryuzu-ring-quick-item:nth-child(1),
.ryuzu-ring-quick-item:nth-child(2),
.ryuzu-ring-quick-item:nth-child(3) {
grid-column: span 2;
}
/**/
.ryuzu-ring-quick-item:nth-child(4),
.ryuzu-ring-quick-item:nth-child(5) {
grid-column: span 3;
}
.ryuzu-ring-quick-number {
display: block;
margin: 0 0 10px;
color: #8a6a2f;
font-size: 12px;
line-height: 1.4;
font-weight: 600;
letter-spacing: .14em;
}
.ryuzu-ring-quick-item h3 {
margin: 0 0 10px !important;
padding: 0 !important;
color: #222;
font-size: 17px !important;
line-height: 1.55;
font-weight: 600;
}
.ryuzu-ring-quick-item p {
margin: 0 0 16px !important;
color: #666;
font-size: 13px;
line-height: 1.75;
}
.ryuzu-ring-quick-link {
display: inline-block;
color: #8a6a2f !important;
font-size: 13px;
line-height: 1.6;
font-weight: 600;
text-decoration: none !important;
}
.ryuzu-ring-quick-link:hover {
text-decoration: underline !important;
}
/**/
.ryuzu-ring-detail-nav {
margin: 27px 0 0;
padding-top: 23px;
border-top: 1px solid #ddd;
text-align: center;
}
.ryuzu-ring-detail-nav strong {
display: block;
margin: 0 0 11px;
color: #333;
font-size: 13px;
font-weight: 600;
}
.ryuzu-ring-detail-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 7px 18px;
}
.ryuzu-ring-detail-links a {
color: #555 !important;
font-size: 13px;
text-decoration: underline !important;
text-underline-offset: 3px;
}
/**/
@media screen and (max-width: 767px) {
.ryuzu-ring-quick {
margin: 25px -2px 42px;
padding: 28px 12px 25px;
}
.ryuzu-ring-quick-head {
margin-bottom: 20px;
}
.ryuzu-ring-quick-head h2 {
font-size: 21px !important;
}
.ryuzu-ring-quick-head p {
font-size: 13px;
text-align: left;
}
.ryuzu-ring-quick-grid {
display: block;
}
.ryuzu-ring-quick-item {
position: relative;
width: 100%;
min-width: 0;
margin: 0 0 8px;
padding: 13px 42px 13px 14px;
}
.ryuzu-ring-quick-number {
margin-bottom: 3px;
font-size: 10px;
}
.ryuzu-ring-quick-item h3 {
margin: 0 !important;
font-size: 14px !important;
line-height: 1.5;
}
/**/
.ryuzu-ring-quick-item p {
display: none;
}
/**/
.ryuzu-ring-quick-link {
position: absolute;
top: 50%;
right: 14px;
margin: 0;
transform: translateY(-50%);
font-size: 0;
}
.ryuzu-ring-quick-link::after {
content: "→";
color: #8a6a2f;
font-size: 16px;
}
.ryuzu-ring-detail-nav {
margin-top: 21px;
padding-top: 19px;
}
.ryuzu-ring-detail-links {
gap: 7px 14px;
}
.ryuzu-ring-detail-links a {
font-size: 12px;
}
}
/* f44: BASE + FIRST VIEW */
.ryuzu-ring-guide-hero {
max-width: 1100px;
margin: 0 auto 60px;
padding: 0 20px;
box-sizing: border-box;
color: #222;
}
.ryuzu-ring-guide-hero__head {
max-width: 900px;
margin: 0 auto 32px;
text-align: center;
}
.ryuzu-ring-guide-hero__en {
margin: 0 0 7px;
color: #777;
font-size: 12px;
font-weight: 600;
letter-spacing: .22em;
}
.ryuzu-ring-guide-hero__number {
display: inline-block;
margin: 0 0 16px;
padding: 5px 16px;
border-top: 1px solid #c5aa70;
border-bottom: 1px solid #c5aa70;
color: #8a6a2f;
font-size: 15px;
font-weight: 600;
letter-spacing: .14em;
}
.ryuzu-ring-guide-hero h1 {
margin: 0;
color: #222;
font-size: 30px;
line-height: 1.45;
font-weight: 600;
letter-spacing: .04em;
}
.ryuzu-ring-guide-hero__lead {
max-width: 820px;
margin: 22px auto 0;
color: #555;
font-size: 15px;
line-height: 2;
text-align: left;
}
.ryuzu-ring-guide-hero__image {
width: 100%;
margin: 0 auto;
overflow: hidden;
background: #f5f5f5;
}
.ryuzu-ring-guide-hero__image img {
display: block;
width: 100%;
height: auto;
}
.ryuzu-ring-guide-hero__message {
margin: 0;
padding: 27px 30px 29px;
border-bottom: 1px solid #ddd;
background: #f6f6f6;
text-align: center;
}
.ryuzu-ring-guide-hero__message p {
margin: 0;
color: #444;
font-size: 15px;
line-height: 1.9;
}
.ryuzu-ring-guide-hero__message p + p {
margin-top: 7px;
}
.ryuzu-ring-guide-hero__message strong {
color: #8a6a2f;
font-weight: 600;
}
.sp-only {
display: none;
}
.pc-only {
display: inline;
}
@media screen and (max-width: 767px) {
.ryuzu-ring-guide-hero {
margin-bottom: 42px;
padding: 0 14px;
}
.ryuzu-ring-guide-hero__head {
margin-bottom: 23px;
}
.ryuzu-ring-guide-hero__en {
font-size: 11px;
}
.ryuzu-ring-guide-hero__number {
margin-bottom: 14px;
font-size: 13px;
}
.ryuzu-ring-guide-hero h1 {
font-size: 24px;
line-height: 1.5;
}
.ryuzu-ring-guide-hero__lead {
margin-top: 18px;
font-size: 14px;
line-height: 1.9;
}
.ryuzu-ring-guide-hero__message {
padding: 22px 16px 24px;
}
.ryuzu-ring-guide-hero__message p {
font-size: 14px;
line-height: 1.85;
}
.sp-only {
display: inline;
}
.pc-only {
display: none;
}
}
/* f44: 旧ガイド後半 復旧CSS */
/**/
.ryuzu-ring-guide .grid-2,
.ryuzu-ring-guide .grid-3 {
display: grid;
gap: 18px;
margin: 25px 0 35px;
}
.ryuzu-ring-guide .grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ryuzu-ring-guide .grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ryuzu-ring-guide .card {
border: 1px solid #ddd;
padding: 22px;
background: #fff;
min-width: 0;
}
.ryuzu-ring-guide .card h3 {
margin-top: 0;
}
.ryuzu-ring-guide .card p:last-child {
margin-bottom: 0;
}
/**/
.ryuzu-ring-guide .point-box {
margin: 25px 0;
padding: 22px;
border-left: 4px solid #333;
background: #f8f8f8;
}
/**/
.ryuzu-ring-guide .step {
counter-reset: ringstep;
margin: 30px 0;
}
.ryuzu-ring-guide .step-item {
position: relative;
padding: 0 0 25px 48px;
counter-increment: ringstep;
}
.ryuzu-ring-guide .step-item:before {
content: counter(ringstep);
position: absolute;
left: 0;
top: 0;
width: 32px;
height: 32px;
border: 1px solid #222;
border-radius: 50%;
text-align: center;
line-height: 30px;
box-sizing: border-box;
}
.ryuzu-ring-guide .step-item h3 {
margin-top: 0;
}
/**/
.ryuzu-ring-guide .attention {
margin: 30px 0;
padding: 24px;
border: 1px solid #bbb;
}
.ryuzu-ring-guide .attention ul {
padding-left: 1.3em;
margin-top: 12px;
}
.ryuzu-ring-guide .attention li {
margin-bottom: 8px;
}
/**/
.ryuzu-ring-guide .cta {
margin-top: 50px;
padding: 32px 24px;
text-align: center;
background: #f6f6f6;
border: 1px solid #ddd;
}
.ryuzu-ring-guide .cta a {
display: inline-block;
margin-top: 15px;
}
/**/
@media screen and (max-width: 767px) {
.ryuzu-ring-guide .grid-2,
.ryuzu-ring-guide .grid-3 {
grid-template-columns: 1fr;
}
.ryuzu-ring-guide .card {
padding: 18px;
}
.ryuzu-ring-guide .point-box,
.ryuzu-ring-guide .attention {
padding: 18px;
}
.ryuzu-ring-guide .cta {
padding: 25px 18px;
}
}
/* f44: PAIR RINGS */
.ryuzu-pair {
margin: 70px 0;
padding: 65px 50px;
background: #f7f4ee;
box-sizing: border-box;
}
.ryuzu-pair * {
box-sizing: border-box;
}
.ryuzu-pair__head {
max-width: 820px;
margin: 0 auto 42px;
text-align: center;
}
.ryuzu-pair__en {
margin: 0 0 8px;
color: #8a6a2f;
font-size: 12px;
font-weight: bold;
letter-spacing: .18em;
}
.ryuzu-pair__head h2 {
margin: 0 0 18px;
font-size: 28px;
line-height: 1.5;
}
.ryuzu-pair__lead {
margin: 0;
font-size: 15px;
line-height: 2;
}
/**/
.ryuzu-pair__choices {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
max-width: 1000px;
margin: 0 auto 40px;
}
.ryuzu-pair__choice {
padding: 22px 18px;
background: #fff;
border-top: 2px solid #c5aa70;
text-align: center;
}
.ryuzu-pair__choice-number {
display: block;
margin-bottom: 7px;
color: #8a6a2f;
font-size: 11px;
font-weight: bold;
letter-spacing: .12em;
}
.ryuzu-pair__choice h3 {
margin: 0 0 9px;
font-size: 17px;
line-height: 1.5;
}
.ryuzu-pair__choice p {
margin: 0;
font-size: 13px;
line-height: 1.8;
}
/**/
.ryuzu-pair__example {
max-width: 1000px;
margin: 0 auto;
padding: 32px;
background: #fff;
}
.ryuzu-pair__example-head {
margin-bottom: 25px;
text-align: center;
}
.ryuzu-pair__example-en {
margin: 0 0 5px;
color: #8a6a2f;
font-size: 11px;
font-weight: bold;
letter-spacing: .15em;
}
.ryuzu-pair__example-head h3 {
margin: 0;
font-size: 20px;
}
.ryuzu-pair__products {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.ryuzu-pair__product {
min-width: 0;
text-align: center;
}
.ryuzu-pair__image {
display: block;
margin-bottom: 15px;
background: #f7f7f7;
}
.ryuzu-pair__image img {
display: block;
width: 100%;
height: auto;
}
.ryuzu-pair__product-label {
margin: 0 0 5px;
color: #8a6a2f;
font-size: 11px;
font-weight: bold;
letter-spacing: .08em;
}
.ryuzu-pair__product h4 {
margin: 0 0 10px;
font-size: 16px;
line-height: 1.6;
}
.ryuzu-pair__product-link {
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
/**/
.ryuzu-pair__cta {
max-width: 1000px;
margin: 28px auto 0;
text-align: center;
}
.ryuzu-pair__cta p {
margin: 0 0 16px;
font-size: 14px;
line-height: 1.8;
}
.ryuzu-pair__cta a {
display: inline-block;
padding: 14px 34px;
background: #292929;
color: #fff;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.ryuzu-pair__cta a:hover {
opacity: .8;
}
/**/
@media screen and (max-width: 767px) {
.ryuzu-pair {
margin: 45px 0;
padding: 42px 15px;
}
.ryuzu-pair__head {
margin-bottom: 28px;
}
.ryuzu-pair__head h2 {
font-size: 23px;
}
.ryuzu-pair__lead {
font-size: 14px;
line-height: 1.8;
}
.ryuzu-pair__choices {
display: block;
margin-bottom: 25px;
}
.ryuzu-pair__choice {
margin-bottom: 10px;
padding: 17px 14px;
}
.ryuzu-pair__choice h3 {
font-size: 15px;
}
.ryuzu-pair__choice p {
font-size: 12px;
}
.ryuzu-pair__example {
padding: 20px 12px;
}
.ryuzu-pair__example-head {
margin-bottom: 18px;
}
.ryuzu-pair__example-head h3 {
font-size: 18px;
}
.ryuzu-pair__products {
gap: 10px;
}
.ryuzu-pair__product h4 {
font-size: 13px;
}
.ryuzu-pair__product-link {
font-size: 12px;
}
.ryuzu-pair__cta {
margin-top: 22px;
}
.ryuzu-pair__cta a {
display: block;
padding: 14px 12px;
}
}
/* f44: JAPANESE MOTIF */
.ryuzu-motif {
margin: 70px 0;
padding: 60px 35px;
background: #292929;
color: #fff;
box-sizing: border-box;
}
.ryuzu-motif * {
box-sizing: border-box;
}
.ryuzu-motif__head {
max-width: 800px;
margin: 0 auto 35px;
text-align: center;
}
.ryuzu-motif__en {
margin: 0 0 7px;
color: #c5aa70;
font-size: 12px;
font-weight: bold;
letter-spacing: .18em;
}
.ryuzu-motif__head h2 {
margin: 0 0 15px;
color: #fff;
font-size: 28px;
line-height: 1.5;
}
.ryuzu-motif__lead {
margin: 0;
color: #ddd;
font-size: 14px;
line-height: 1.9;
}
/**/
.ryuzu-motif__row {
width: 100%;
max-width: 1050px;
margin: 0 auto 16px;
text-align: center;
font-size: 0;
}
.ryuzu-motif__card {
display: inline-block;
vertical-align: top;
width: 31.5%;
margin: 0 .9%;
background: #fff;
color: #222;
text-align: left;
font-size: 14px;
}
.ryuzu-motif__row--two .ryuzu-motif__card {
width: 31.5%;
}
/**/
.ryuzu-motif__image {
display: block;
width: 100%;
background: #f5f5f5;
text-decoration: none;
}
.ryuzu-motif__image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
}
/**/
.ryuzu-motif__body {
padding: 17px 16px 19px;
}
.ryuzu-motif__number {
margin: 0 0 4px;
color: #8a6a2f;
font-size: 10px;
font-weight: bold;
letter-spacing: .13em;
}
.ryuzu-motif__body h3 {
margin: 0 0 7px;
color: #222;
font-size: 17px;
line-height: 1.4;
}
.ryuzu-motif__body p {
margin: 0 0 11px;
color: #555;
font-size: 12px;
line-height: 1.7;
}
.ryuzu-motif__link {
color: #222;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
/**/
@media screen and (max-width: 767px) {
.ryuzu-motif {
margin: 45px 0;
padding: 40px 10px;
}
.ryuzu-motif__head {
margin-bottom: 25px;
padding: 0 8px;
}
.ryuzu-motif__head h2 {
font-size: 22px;
}
.ryuzu-motif__lead {
font-size: 13px;
line-height: 1.8;
}
.ryuzu-motif__row {
margin-bottom: 8px;
}
.ryuzu-motif__card,
.ryuzu-motif__row--two .ryuzu-motif__card {
width: 48%;
margin: 0 1% 8px;
}
.ryuzu-motif__body {
padding: 12px 10px 14px;
}
.ryuzu-motif__body h3 {
font-size: 15px;
}
.ryuzu-motif__body p {
display: none;
}
.ryuzu-motif__link {
font-size: 11px;
}
}
.ryuzu-motif {
background: #292929 !important;
}

/* Motif: mobile 2 + 3 */
@media screen and (max-width: 767px) {
  .ryuzu-motif {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
  }
  .ryuzu-motif > .ryuzu-motif__head {
    grid-column: 1 / -1;
  }
  .ryuzu-motif > .ryuzu-motif__row {
    display: contents;
  }
  .ryuzu-motif .ryuzu-motif__row > .ryuzu-motif__card {
    grid-column: span 2;
    width: auto;
    min-width: 0;
    margin: 0;
  }
  .ryuzu-motif > .ryuzu-motif__head + .ryuzu-motif__row > .ryuzu-motif__card:nth-child(-n+2) {
    grid-column: span 3;
  }
  .ryuzu-motif .ryuzu-motif__body {
    padding: 10px 6px;
    overflow-wrap: anywhere;
  }
}

/* f44 finger */
.ryuzu-ring-guide #finger{
  margin-top:65px;
  padding:25px 20px 12px;
  border-top:3px solid #8a6a2f;
  background:#f6f6f6;
}
.ryuzu-ring-guide #finger + p{
  margin:0 0 22px;
  padding:0 20px 22px;
  background:#f6f6f6;
}
.ryuzu-ring-guide #finger + p + .grid-2 .card{
  border-top:3px solid #c5aa70;
}
.ryuzu-ring-guide #finger + p + .grid-2 .card h3{
  color:#8a6a2f;
}
.ryuzu-ring-guide #finger + p + .grid-2 .card:last-child{
  background:#f6f6f6;
}

/* f44 size guide */
.ryuzu-size-guide__en{
  margin:0 0 7px!important;
  color:#8a6a2f;
  font-size:12px;
  font-weight:bold;
  letter-spacing:.18em;
  text-align:center;
}
.ryuzu-size-guide > h2{
  margin-top:0!important;
  text-align:center;
}
.ryuzu-size-guide__lead{
  max-width:800px;
  margin:0 auto 25px!important;
  text-align:center;
}

/* f44 SIZE GUIDE */
.ryuzu-size-guide{
  margin-top:65px;
  padding:38px 20px 32px;
  background:#f6f6f6;
  border-top:3px solid #8a6a2f;
}

.ryuzu-size-guide__en{
  margin:0 0 8px;
  text-align:center;
  color:#8a6a2f;
  font-size:12px;
  font-weight:bold;
  letter-spacing:.18em;
}

.ryuzu-size-guide > h2{
  margin-top:0;
  text-align:center;
}

.ryuzu-size-guide__lead{
  max-width:760px;
  margin:0 auto 25px;
}

.ryuzu-size-guide__number{
  margin:0 0 6px;
  color:#8a6a2f;
  font-size:12px;
  font-weight:bold;
  letter-spacing:.12em;
}

@media screen and (max-width:767px){
  .ryuzu-size-guide{
    margin-top:45px;
    padding:30px 14px 26px;
  }
}

/* f44 FAQ */
.ryuzu-ring-faq{
  margin-top:0;
  padding:38px 20px 34px;
  background:#fff;
}

.ryuzu-ring-faq > p:first-child{
  margin:0 0 8px;
  text-align:center;
  color:#8a6a2f;
  font-size:12px;
  letter-spacing:.18em;
}

.ryuzu-ring-faq > h2{
  margin:0 0 28px;
  text-align:center;
}

.ryuzu-ring-faq .card{
  margin:0;
  padding:20px 0;
  border:0;
  border-top:1px solid #ddd;
  background:#fff;
}

.ryuzu-ring-faq .card h3{
  margin-top:0;
  color:#8a6a2f;
}

.ryuzu-ring-faq .card:last-child{
  border-bottom:1px solid #ddd;
}

@media screen and (max-width:767px){
  .ryuzu-ring-faq{
    padding:30px 14px;
  }

  .ryuzu-ring-faq .card{
    padding:18px 2px;
  }
}

/* f44 FINAL CTA */
.ryuzu-ring-guide > .cta{
  margin:0;
  padding:42px 28px;
  text-align:center;
  background:#292929;
  color:#fff;
}

.ryuzu-ring-guide > .cta > p:first-child{
  margin:0 0 8px;
  color:#c5aa70;
  font-size:12px;
  font-weight:bold;
  letter-spacing:.18em;
}

.ryuzu-ring-guide > .cta h2{
  margin:0 0 18px;
  color:#fff;
}

.ryuzu-ring-guide > .cta p{
  color:#eee;
}

.ryuzu-ring-guide > .cta a{
  display:inline-block;
  margin-top:12px;
  padding:13px 26px;
  border:1px solid #c5aa70;
  color:#fff;
  text-decoration:none;
}

@media screen and (max-width:767px){
  .ryuzu-ring-guide > .cta{
    padding:34px 16px;
  }

  .ryuzu-ring-guide > .cta a{
    display:block;
    padding:14px 10px;
  }
}