@charset "UTF-8";

.smb-btn-wrapper.is-style-reverse .smb-btn {
	background: #fff;
	color: var(--chuoko_navy);
	border: 1px solid var(--accent-color)
}

.smb-btn-wrapper.is-style-reverse .smb-btn:hover {
	background: var(--chuoko_navy);
	border: 1px solid var(--accent-color);
	color: #fff
}

.smb-btn-wrapper.is-style-fluent .smb-btn {
	position: relative;
	display: inline-block;
	text-decoration: none;
	background-color: #fff !important;
	transition: color 0.25s ease;
	overflow: hidden;
	color: inherit;
	border: 1px solid var(--accent-color)
}

.smb-btn-wrapper.is-style-fluent .smb-btn:hover {
	color: #fff
}

.smb-btn-wrapper.is-style-fluent .smb-btn:hover::before {
	transform: scaleX(1) !important;
	transform-origin: left !important
}

.smb-btn-wrapper.is-style-fluent .smb-btn::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: var(--accent-color);
	transform: scaleX(0) !important;
	transform-origin: right !important;
	transition: all 0.25s ease;
	transition-property: transform
}

.smb-btn-wrapper.is-style-fluent .smb-btn span.smb-btn__label {
	position: relative;
	z-index: 1;
	color: #fff
}

.is-style-fluent .smb-btn:active,
.is-style-fluent .smb-btn:focus,
.is-style-fluent .smb-btn:hover {
	filter: none
}

.smb-btn-wrapper.is-style-fluent .smb-btn::before {
	transform-origin: left top;
	transform: scale(1, 1)
}

.smb-btn-wrapper.is-style-arrow .smb-btn {
	background: var(--accent-color)
}

.smb-btn-wrapper.is-style-arrow .smb-btn::after {
	content: '→'
}

.smb-btn-wrapper.is-style-glow .smb-btn {
	background: var(--bgcolor-btn-glow)
}


.wp-block-file.is-style-dl_rakuten a.wp-block-file__button.wp-element-button,
.is-style-dl_rakuten .wp-element-button,
.is-style-dl_rakuten .wp-block-button__link {
	background-color: #BF1C03;
}

.wp-block-file.is-style-dl_amazon a.wp-block-file__button.wp-element-button,
.is-style-dl_amazon .wp-element-button,
.is-style-dl_amazon .wp-block-button__link {
	background-color: #FF991B;
}

.wp-block-file.is-style-dl_base a.wp-block-file__button.wp-element-button,
.is-style-dl_base .wp-element-button,
.is-style-dl_base .wp-block-button__link {
	background-color: #04C4CC;
}

.wp-block-file.is-style-dl_orange a.wp-block-file__button.wp-element-button,
.is-style-dl_orange .wp-element-button,
.is-style-dl_orange .wp-block-button__link {
	background-color: #E38000;
}

.wp-block-file.is-style-dl_grey a.wp-block-file__button.wp-element-button,
.is-style-dl_grey .wp-element-button,
.is-style-dl_grey .wp-block-button__link {
	background-color: #6c6c6c;
}


.smb-btn-wrapper.is-style-smbtn_rakuten .smb-btn {
	background-color: #BF1C03;
	position: relative;
}
.smb-btn-wrapper.is-style-smbtn_rakuten .smb-btn::before, .smb-btn-wrapper.is-style-smbtn_amazon .smb-btn::before, .smb-btn-wrapper.is-style-smbtn_base .smb-btn::before{
	content: "";
    background: url(../img/cart-01.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.smb-btn-wrapper.is-style-smbtn_rakuten .smb-btn span.smb-btn__label, .is-style-smbtn_amazon .smb-btn span.smb-btn__label, .is-style-smbtn_base .smb-btn span.smb-btn__label{
    margin-left: -20px;
}
.smb-btn-wrapper.is-style-smbtn_amazon .smb-btn {
	background-color: #FF991B;
	position: relative;
}

.smb-btn-wrapper.is-style-smbtn_base .smb-btn {
	background-color: #04C4CC;
	position: relative;
}

.smb-btn-wrapper.is-style-smbtn_orange .smb-btn {
	background-color: #E38000;
}

.smb-btn-wrapper.is-style-smbtn_grey .smb-btn {
	background-color: #6c6c6c;
}

.smb-btn-wrapper.is-style-smbtn_light-grey .smb-btn {
	background-color: #bbb;
}
figure.wp-block-image.size-large.is-style-img_caption_center figcaption.wp-element-caption{
	text-align: center;
}
figure.wp-block-image.size-large.is-style-img_caption_right figcaption.wp-element-caption{
	text-align: right;
}
