/* -------- カスタムスタイル -------- */
h1.site-title img{
    vertical-align: middle;
		width: 240px;
}

h1.site-title a {
    line-height: 1;
}

.cat-navi {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.cat-navi a{
    background: #043AF4;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 0.5rem 0;
}
.cat-navi-1-in {
    width: calc( 100% - .25rem );
    text-align: center;
    margin: .125rem auto 0;
}
@media screen and (max-width: 480px) {
    .cat-navi-1-in {
        width: 100%;
        text-align: center;
        margin: .25rem auto;
    }
}

.cat-navi-2-in {
    width: calc((100% / 2) - .25rem);
    text-align: center;
    margin: .125rem auto;
}
.cat-navi-3-in {
    width: calc((100% / 3) - .25rem);
    text-align: center;
    margin: .125rem auto;
}

.cat-desc p, .tag-desc p {
    margin-bottom: 1.25rem;
}

@media screen and (max-width: 480px) {
    h1.site-title img{
        width: 130px;
    }
    .cat-navi-2-in, .cat-navi-3-in {
        width: 100%;
        margin: 2px 0;
    }
}

.btn-a {
    background: url(/imgs/kaiinn-btn.png);
    padding: 15px 15px 14px 48px;
    background-color: #4b4b4b;
    border-radius: 9px;
    background-repeat: no-repeat;
    color: #fff;
    background-position: left;
	background-position-x: 4px;
}

/* ---- header ---- */

header .top {
    min-height: auto;
    padding: 0.5rem;
}

header .bottom {
    border-color: #444;
}

@media screen and (max-width: 767px) {
    header .bottom {
        border-bottom: 1px solid #ccc;
    }
}

@media screen and (max-width: 599px) {
    header .top {
        background-color: #515151;
        padding: 0.25rem;
        text-align: center;
    }
    header .bottom {
        padding: 0.5rem 1.0rem;
    }
    .site-description {
        color: #fff;
        font-size: 0.75rem;
    }
}

#mobile-sub-navigation ul {
    padding: 0.75rem;
}

#mobile-sub-navigation li {
    background-color: #5a78c9;
    margin-bottom: 0.5rem;
}

#mobile-sub-navigation li a {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 0.75rem 0.5rem;
}

@media screen and (min-width: 62.5em) {
    #mobile-sub-navigation {
        display: none;
    }
}

#drawer-menu {
    margin: 0;
    padding: 0.75rem;
}
@media screen and (min-width: 62.5em) {
    #drawer-menu {
        display: none;
    }
}

/* ---- top page ---- */

.home .detail-button {
    background-color: #005F4F;
    color: #fff;
    font-weight: bold;
    margin: 1.25rem auto 0;
    max-width: 90%;
    position: relative;
    text-align: center;
    width: 20rem;
}

.home .detail-button a {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 0.75rem;
    text-decoration: none;
}

.home .detail-button::after {
    bottom: 50%;
    color: #fff;
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 1.5rem;
    line-height: 1.7;
    position: absolute;
    right: 0.5rem;
    transform: translateY(45%);
    -webkit-animation-name: purchase-allow;
    -webkit-animation-duration:.8s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    -moz-animation-name: purchase-allow;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease;
}

.home .detail-button a:hover {
    opacity: .6;
}

.home .detail-button-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1.25rem auto 0;
    width: 70%;
}
@media screen and (max-width: 599px) {
    .home .detail-button-box {
        width: 100%;
    }
    .home .widget_basic_item_list>.detail-button-box {
        width: calc( 100% - 2.142em );
    }
}

.home .detail-button-box .detail-button {
    background-color: #005F0A;
    margin: .25rem 0;
    max-width: 49%;
    width: 49%;
}

.home .detail-button-box .detail-button:first-child {
    background-color: #005F4F;
    margin: .25rem 0;
    max-width: 100%;
    width: 100%;
}

/* ---- main ---- */
#main {
    margin: 0 0 2.143em 0;
}
@media screen and (min-width: 62.5em) {
    #main {
        width: auto;
        margin: 20px 2.143em 2.857em 2.143em;
    }
}

/* ---- single ---- */
.item-name {
    background: #515151;
    color: #fff;
    font-weight: bold;
    padding: 10px 10px 5px;
    word-break: break-all;
}

/* ---- cart ---- */
@media screen and (min-width: 62.5em) {
    .page-template-uscescart .site-title h1.site-title,.page-template-uscescart div.site-title {
        position: static;
        display: block;
        transform: none;
    }
    .page-template-uscescart header .bottom {
        padding: 1rem 0;
    }
}

#wc_cart #cart .upbutton {
    color: #f00;
}
#content {
    line-height: 1.7;
}

/* ---- cart(wc_customer) ---- */

input[type=number] {
    height: 40px;
    padding: 0 .714em;
    line-height: 40px;
    border-radius: 3px;
}
#customer-info .notice {
    border: 2px solid #ccc;
    border-radius: 0.375rem;
    font-weight: bold;
    margin: 1.5rem 1rem;
    padding: 1rem 0.5rem;
    text-align: center;
}
#customer-info .notice div {
    color: #f00;
    font-size: 1.05rem;
    margin: 0 0 1rem 0;
    text-align: center;
}
#customer-info .notice p {
    margin: 0 auto;
    text-align: left;
    width: 26.5rem;
}
@media screen and (max-width: 599px) {
    #customer-info .notice p {
        width: 100%;
    }
}
#customer-info .marker-red {
    background: linear-gradient(transparent 70%, #ffaae3 70%);
}

/* ---- cart ---- */
#customer-info form[name="customer_loginform"] {
    margin: 0 0 4rem;
}

#customer-info h5 {
    background-color: #eaf3ff;
    border: none;
    font-size: 1rem;
    padding: 1.125rem 0;
}
@media screen and (min-width: 62.5em) {
    #customer-info h5 {
        padding: 1.125rem;
    }
}
.send input.to_customerinfo_button {
    background-color: #f79c04;
}
.send input.to_customerinfo_button:hover {
    background-color: rgba(247,156,4, 0.8);
}
.send input.to_deliveryinfo_button {
    background-color: rgba(221,221,221,.6);
    color: #333;
}
.send input.to_deliveryinfo_button:hover {
    background-color: #ddd;
}
#wc_customer .send input.to_reganddeliveryinfo_button {
    background-color: #f79c04;
    color: #fff;
}
#wc_customer .send input.to_reganddeliveryinfo_button:hover {
    background-color: rgba(247,156,4, 0.8);
}

/* ---- cart(wc_delivery) ---- */

/* ---- cart(wc_confirm) ---- */
#confirm_table .zipcode-row td::before {
    background-color: #ffbcbc;
    color: #ff0000;
    content: "※最後にご確認ください";
    display: block;
    font-weight: bold;
}
#confirm_table .zipcode-row {
    background-color: #ffbcbc;
}
#confirm_table .states-row {
    background-color: #ffbcbc;
}
#confirm_table .address1-row {
    background-color: #ffbcbc;
}
#confirm_table .address2-row {
    background-color: #ffbcbc;
}
#confirm_table .address3-row {
    background-color: #ffbcbc;
}
#info-confirm .notice {
    border: 2px solid #ccc;
    border-radius: 0.375rem;
    font-weight: bold;
    margin: 1.5rem 1rem;
    padding: 1rem 0.5rem;
    text-align: center;
}
#info-confirm .notice div {
    color: #f00;
    font-size: 1.05rem;
    margin: 0 0 1rem 0;
    text-align: center;
}
#info-confirm .notice ul {
    display: inline-block;
    margin: 0 0 0 1.25rem;
    text-align: left;
}
#info-confirm .notice li {
    list-style-type: disc;
}
#info-confirm .marker-red {
    background: linear-gradient(transparent 70%, #ffaae3 70%);
}
.send input.to_confirm_button {
    background-color: #f79c04;
}
.send input.to_confirm_button:hover {
    background-color: rgba(247,156,4, 0.8);
}

#point_table td input.use_point_button {
    background-color: #f79c04;
    border: none;
    color: #fff;
}
#point_table td input.use_point_button:hover {
    background-color: rgba(247,156,4, 0.8);
}
#cart #coupon_table td .use_coupon_button {
    background-color: #f79c04;
    border: none;
    color: #fff;
}
#cart #coupon_table td .use_coupon_button:hover {
    background-color: rgba(247,156,4, 0.8);
}
.send input#purchase_button {
    background-color: #f79c04;
    border: none;
    color: #fff;
}
.send input#purchase_button:hover {
    background-color: rgba(247,156,4, 0.8);
}

/* ---- cart(wc_complete) ---- */
#cart_completion h2 {
    border-bottom: 5px solid #0493f7;
	color: #1d3796;
	font-size: 1.45rem;
    line-height: 1.75rem;
    padding: 1rem .5rem 0.375rem;
    margin: 2.5rem 0rem 1rem;
    word-break: break-word;
}
@media screen and (min-width: 62.5em) {
    #cart_completion h2 {
        margin: 2.5rem 0rem 1rem;
    }
}

#cart_completion h4 {
    background-color: transparent;
    color: #0493f7;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 0 0 0.5rem 0;
    padding: 0 0 0 1.75rem;
    position: relative;
    width: 100%;
}
#cart_completion h4::before {
    bottom: 50%;
    color: #0493f7;
    content: '\f04b';
    font-family: 'FontAwesome';
    font-size: 1.0rem;
    font-weight: 100;
    left: 0.25rem;
    position: absolute;
    transform: translateY(45%);
}

#cart_completion .header_explanation {
    text-align: left;
}

#cart_completion p {
    font-size: 1rem;
    margin-bottom: 1.25rem;
    line-height: 2;
}

#cart_completion .inlinebutton {
    background: #a54444;
    color: #fff;
    padding: 0.125rem 0.5rem;
    display: inline-block;
    border-radius: 0.25rem;
    font-weight: bold;
    margin: 0.25rem;
}

#cart_completion .cred {
    color: #f00;
}

#cart_completion .bcred {
    background: #a54444;
}

#cart_completion .bcgreen {
    background: #3b941d;
}

#cart_completion .marker-red {
    background: linear-gradient(transparent 60%, #fdc1df 60%);
}

#cart_completion .box01 {
    background-color: #f6f6f6;
    margin: 0 0 1.25rem;
    padding: 1.0rem 0.75rem;
}

#cart_completion .flexhalfbox {
    margin: 0 0 1.25rem;
}
@media screen and (min-width: 62.5em) {
    #cart_completion .flexhalfbox {
        display: flex;
        justify-content: space-between;
    }
}

#cart_completion .flexhalfbox-left {
    width: 100%;
}
@media screen and (min-width: 62.5em) {
    #cart_completion .flexhalfbox-left {
        width: 70%;
    }
}

#cart_completion .flexhalfbox-right {
    width: 100%;
    text-align: center;
}
@media screen and (min-width: 62.5em) {
    #cart_completion .flexhalfbox-right {
        width: 25%;
    }
}

#cart_completion .attention {
    font-size: 0.875rem;
    font-weight: bold;
}

#cart_completion .imgborder {
    border: solid 1px #ccc;
}

#cart_completion ol {
    margin: 0 0 0 0.75rem;
    counter-reset: number;
}

#cart_completion ol li {
    list-style: none;
}
#cart_completion ol>li:before {
    background-color: #3eaefc;
    color: #fff;
    content: counter(number);
    counter-increment: number;
    font-size: 0.75rem;
    height: 1rem;
    left: -0.75rem;
    line-height: 1rem;
    position: absolute;
    text-align: center;
    top: 0.375rem;
    width: 1rem;
}

#cart_completion li {
    font-size: 1rem;
    padding-left: 0.75rem;
    position: relative;
}

#cart_completion .ctabutton {
    display: inline-block;
    margin: 0 0.25rem 1.25rem 0.25rem;
    max-width: 20rem;
    position: relative;
    text-align: center;
    width: 250px;
}

#cart_completion .ctabutton a {
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem;
    text-decoration: none;
}

#cart_completion .ctabutton::after {
    bottom: 50%;
    color: #fff;
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 1.5rem;
    line-height: 1.7;
    position: absolute;
    right: 0.5rem;
    transform: translateY(45%);
    -webkit-animation-name: purchase-allow;
    -webkit-animation-duration:.8s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    -moz-animation-name: purchase-allow;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease;
}

.entry-content .ctabutton a:hover {
    opacity: .6;
}

@-moz-keyframes animate1 {
    0% {
      -moz-transform: skewX(9deg);
    }
    10% {
      -moz-transform: skewX(-8deg);
    }
    20% {
      -moz-transform: skewX(7deg);
    }
    30% {
      -moz-transform: skewX(-6deg);
    }
    40% {
      -moz-transform: skewX(5deg);
    }
    50% {
      -moz-transform: skewX(-4deg);
    }
    60% {
      -moz-transform: skewX(3deg);
    }
    70% {
      -moz-transform: skewX(-2deg);
    }
    80% {
      -moz-transform: skewX(1deg);
    }
    90% {
      -moz-transform: skewX(0deg);
    }
    100% {
      -moz-transform: skewX(0deg);
    }
  }
  
  @-o-keyframes animate1 {
    0% {
      -o-transform: skewX(9deg);
    }
    10% {
      -o-transform: skewX(-8deg);
    }
    20% {
      -o-transform: skewX(7deg);
    }
    30% {
      -o-transform: skewX(-6deg);
    }
    40% {
      -o-transform: skewX(5deg);
    }
    50% {
      -o-transform: skewX(-4deg);
    }
    60% {
      -o-transform: skewX(3deg);
    }
    70% {
      -o-transform: skewX(-2deg);
    }
    80% {
      -o-transform: skewX(1deg);
    }
    90% {
      -o-transform: skewX(0deg);
    }
    100% {
      -o-transform: skewX(0deg);
    }
  }
  
  @-webkit-keyframes animate1 {
    0% {
      -webkit-transform: skewX(9deg);
    }
    10% {
      -webkit-transform: skewX(-8deg);
    }
    20% {
      -webkit-transform: skewX(7deg);
    }
    30% {
      -webkit-transform: skewX(-6deg);
    }
    40% {
      -webkit-transform: skewX(5deg);
    }
    50% {
      -webkit-transform: skewX(-4deg);
    }
    60% {
      -webkit-transform: skewX(3deg);
    }
    70% {
      -webkit-transform: skewX(-2deg);
    }
    80% {
      -webkit-transform: skewX(1deg);
    }
    90% {
      -webkit-transform: skewX(0deg);
    }
    100% {
      -webkit-transform: skewX(0deg);
    }
}

.entry-content .animate1 {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-left: auto;
    margin-right: auto;
    -webkit-animation-name: animate1;
    -moz-animation-name: animate1;
    -o-animation-name: animate1;
    animation-name: animate1;
}

@keyframes animate2 {
    0% {
        transform: translate(2px, 0px);
    }
    5% {
        transform: translate(-2px, 0px);
    }
    10% {
        transform: translate(2px, 0px);
    }
    15% {
        transform: translate(-2px, 0px);
    }
    20% {
        transform: translate(2px, 0px);
    }
    25% {
        transform: translate(-2px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

.animate2 {
    animation: animate2 2s infinite;
}

#trenditem h2 {
    background-color: #0493f7;
    border: none;
    box-shadow: 5px 5px 0 #d2d4da;
    color: #fff;
    font-size: 1.375rem;
    line-height: 2.0rem;
    margin: 3.0rem 0 2.0rem;
    padding: 1.0rem;
    -webkit-box-shadow: 5px 5px 0 #d2d4da;
}

@media screen and (max-width: 599px){
    #trenditem h2 {
        box-shadow: 5px 4px 0 #d2d4da;
        margin: 3.0rem -1.0rem 2.0rem;
        text-align: center;
        -webkit-box-shadow: 5px 4px 0 #d2d4da;
    }
}

.trenditem-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.trenditem-box li {
    width: 15%;
}
@media screen and (max-width: 599px){
    .trenditem-box li {
        width: 45%;
    }
}

.trenditem-box li span {
    font-weight: bold;
}

@media (max-width: 575px){
    .cart .menu-box {width: 48%;margin: 0 auto 5px;}
}

/* ---- all ---- */
div.site-title a{
	line-height: 1;
}

div.site-title img{
	width: 200px;
}

@media screen and (max-width: 599px) {
    div.site-title img{
            width: 130px;
    }
}

/* ---- style ---- */
.menu {
    text-align: center;
}
.menu2 {
    margin: 2.857em 0 0;
    text-align: center;
    width: 100%;
}

.float-box{
	display:flex;
	flex-wrap:wrap;
    justify-content: space-around;
    margin-bottom: 30px;
}
.float-box-1{
	width: 98%;
    border: 1px solid #cecece;
    padding: 10px 0;
    color: #fff;
    box-sizing: border-box;
    background: #ecebeb;
    border-radius: 5px;
    margin-bottom: 10px;
}
.float-box-3{
    width:31%;
		border:1px solid #cecece;
		padding:10px 0;
		color:#fff;
		box-sizing: border-box;
		background: #ecebeb;
		border-radius:5px;
}
.menu .float-box-3 a{color: #0c0c0c;}

/* ---- footer style ---- */
.f-logo {
  background-image: url("https://rakukuru.com/imgs/rakukuru-logo-f.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 45px;
  position: relative;
  text-indent: -9999px;
  width: 140px;
}
.f-logo:hover {
    opacity: .6;
}
.f-logo a {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}
 
/* ---- front-page style ---- */

@media screen and (max-width: 55em) {
    .section-head {
        padding: 1.25rem 1rem;
        background-color: #041450;
    }
}
@media screen and (min-width: 62.5em) {
    .section-head {
        padding: 1.25rem 1rem;
    }
}

dl.sampleList {
    padding: 0 1.25rem;
}
dl.sampleList dd:last-child {
    padding: 0;
}

#beldad1.home-widget {
    margin: 1rem 0 0;
}
@media screen and (min-width: 62.5em)
    #beldad1.home-widget {
        margin: 1rem 0 0;
    }
}

.home-area {
    margin: 4.5rem 0 0;
}
@media screen and (min-width: 46.25em)
    .home-area {
        margin: 4.5rem 0 0;
    }
}
@media screen and (min-width: 62.5em)
    .home-area {
        margin: 4.5rem 0 0;
    }
}

.home-widget {
    margin: 4.5rem 0 0;
}
@media screen and (min-width: 62.5em)
#beldad4.home-widget {
    margin: 4.5rem 0 0;
}

.widget_basic_item_list {
    margin: 4.5rem 0 2rem;
}
@media screen and (min-width: 62.5em) {
    .widget_basic_item_list {
        margin: 3.571em 0 5.714em;
    }
}

.home .product-list .price {
    font-size: 1.1875rem;
    margin-top: 0;
    text-align: left;
}

.home .product-list .excerpt {
    display: -webkit-box;
    font-size: .75rem;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.home .product-list .price {
    font-size: 1.1875rem;
    text-align: left;
}

.home .product-list .comment-rating-field-pro-plugin {
    margin: .25rem 0 0;
}

.home .product-list div.rating-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.home .product-list .rating-filled-only {
    height: 1rem;
    margin: 0 0 .25rem;
    width: 5rem;
}

.home .product-list .rating-number {
    color: #001FC7;
    margin: 0 0 .125rem;
}
@media screen and (max-width: 374px) {
    .home .product-list .rating-number {
        font-size: .75rem;
    }
}

.product-list .title {
    margin-bottom: 0;
}

.home .item-list .price {
    font-size: 1.1875rem;
    margin-top: 0;
    text-align: left;
}

.home .item-list .excerpt {
    display: -webkit-box;
    font-size: .75rem;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.home .item-list .price {
    font-size: 1.1875rem;
    text-align: left;
}

.home .item-list .comment-rating-field-pro-plugin {
    margin: .25rem 0 0;
}

.home .item-list div.rating-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.home .item-list .rating-filled-only {
    height: 1rem;
    margin: 0 0 .25rem;
    width: 5rem;
}

.home .item-list .rating-number {
    color: #000;
    margin: 0 0 .125rem;
    text-decoration: underline;
}
@media screen and (max-width: 374px) {
    .home .item-list .rating-number {
        font-size: .75rem;
    }
}

.cat-area .thumbnail {
    margin-bottom: 0.25rem;
}

.pickup-area .title {
    font-size: inherit;
    font-weight: bold;
}
.home-widget .widget_basic_item_list .itemname, .product-list .title, .related-area .title {
    font-weight: bold;
    word-break: break-all;
}

@media screen and (max-width: 599px) {
    .h-column .iconbtn {
        height: 35px;
        margin-left: .5rem;
        width: 35px;
    }
    .h-column .iconbtn img {
        width: 15px;
    }
}

@media screen and (min-width: 62.5em) {
    h1.site-title,div.site-title {
        position: absolute;
        top: auto;
        left: 50%;
        float: none;
        text-align: center;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    /* ---- header style ---- */
    header .bottom {
        padding-top: 30px;
    }
    .h-column .menus.list {
        padding-top: 30px;
    }

    /* -- #site-navigation -- */
    #site-navigation {
        display: flex;
        justify-content: center;
        font-size: 14px;
    }
    #site-navigation li a {
        font-weight: bold;
        padding: 30px 40px 5px;
    }
    
	
	 /* -- #site-navigation 27791 guide -- */
 	#site-navigation li#menu-item-27791 a {
		background: url("https://rakukuru.com/wp-content/uploads/2024/04/guide-b-1.png") no-repeat center 12px;        
	}
	#site-navigation li#menu-item-27791.current-menu-item a,
	#site-navigation li#menu-item-27791 a:hover {
		background: url("https://rakukuru.com/wp-content/uploads/2024/04/guide-w.png") no-repeat center 12px;     
	}
	#site-navigation li#menu-item-27791.current-menu-item a:before {
		top: 0;
	}
	
	
    /* -- #site-navigation 42 Login -- */
    #site-navigation li#menu-item-41 a {
        background: url("https://rakukuru.com/wp-content/uploads/2024/04/home-b.png") no-repeat center 12px;        
    }
    #site-navigation li#menu-item-41.current-menu-item a,
    #site-navigation li#menu-item-41 a:hover {
        background: url("https://rakukuru.com/wp-content/uploads/2024/04/home-w.png") no-repeat center 12px;     
    }
    #site-navigation li#menu-item-41.current-menu-item a:before {
        top: 0;
    }

    /* -- #site-navigation 42 Login -- */
    #site-navigation li#menu-item-42 a {
        background: url("https://rakukuru.com/imgs/login-b.png") no-repeat center 12px;        
    }
    #site-navigation li#menu-item-42.current-menu-item a,
    #site-navigation li#menu-item-42 a:hover {
        background: url("https://rakukuru.com/imgs/login-w.png") no-repeat center 12px;     
    }
    #site-navigation li#menu-item-42.current-menu-item a:before {
        top: 0;
    }

    /* -- #site-navigation 42 Login -- */
    #site-navigation li#menu-item-40 a {
        background: url("https://rakukuru.com/wp-content/uploads/2024/04/cart-b.png") no-repeat center 12px;        
    }
    #site-navigation li#menu-item-40.current-menu-item a,
    #site-navigation li#menu-item-40 a:hover {
        background: url("https://rakukuru.com/wp-content/uploads/2024/04/cart-w.png") no-repeat center 12px;     
    }
    #site-navigation li#menu-item-40.current-menu-item a:before {
        top: 0;
    }
 
    /* -- #site-navigation 42 contact -- */
    #site-navigation li#menu-item-299 a {
        background: url("https://rakukuru.com/imgs/contact-b.png") no-repeat center 12px;        
    }
    #site-navigation li#menu-item-299.current-menu-item a,
    #site-navigation li#menu-item-299 a:hover {
        background: url("https://rakukuru.com/imgs/contact-w.png") no-repeat center 12px;     
    }
    #site-navigation li#menu-item-299.current-menu-item a:before {
        top: 0;
    }

    /* -- #site-navigation 296 shoshinsha -- */
    #site-navigation li#menu-item-296 a {
        background: url("https://rakukuru.com/wp-content/uploads/2024/04/shoshinsha-b.png") no-repeat center 12px;        
    }
    #site-navigation li#menu-item-296.current-menu-item a,
    #site-navigation li#menu-item-296 a:hover {
        background: url("https://rakukuru.com/wp-content/uploads/2024/04/shoshinsha-w.png") no-repeat center 12px;     
    }
    #site-navigation li#menu-item-296.current-menu-item a:before {
        top: 0;
    }
}

#secondary .widget_basic_item_list .itemimg {
	position: relative;
}
#secondary .widget_basic_item_list .itemimg .itemsoldout {
    background-color: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
	font-size: .85714em;
    width: 100%;
    height: 100%;
}
#secondary .widget_basic_item_list .itemimg .itemsoldout .text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	color: #fff;
	font-weight: normal;
	padding: 0 .714em;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#secondary .widget_basic_item_list .itemimg .sub_text {
	display: none;
}

#secondary .widget_welcart_bestseller .itemimg {
	position: relative;
}
#secondary .widget_welcart_bestseller .itemsoldout {
    background-color: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
}
#secondary .widget_welcart_bestseller .itemsoldout .text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	color: #fff;
	font-weight: normal;
	padding: 0 .714em;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#secondary .widget_welcart_bestseller .sub_text {
	display: none;
}

/* ---- common ---- */
.no-date {
    text-align: center;
}

@media screen and (min-width: 62.5em) {
    #main.two-column {
        margin: 1.071em  2.143em 2.857em 2.143em;
    }
}

@media screen and (min-width: 55em) {
    .common-parts {
        margin: 1.428em 0;
        padding: 1.071em 2.143em;
    }
}
@media screen and (min-width: 62.5em) {
    .common-parts {
        margin: 0px 0 1.071em;
    }
}

.tag-info {
    padding: 0 15px 20px 15px;
}
@media screen and (min-width: 46.25em) {
    .tag-info {
        padding: 0 2.143em 20px 2.143em;
    }
}
@media screen and (min-width: 62.5em) {
    .tag-info {
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    br.brpc {
        display: none;
    }
}
br.brsp {
    display: none;
}
@media screen and (max-width: 767px) {
    br.brsp {
        display: inline;
    }
}

/* -- #item page design --*/

.item-header {
    border: none;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 38.75em) {
    .item-header {
        margin: 0 0 1rem 0;
    }
}

#content .item-header h1.item_page_title, .cart_page_title {
    background-color: #0493f7;
    color: #fff;
    font-weight: bold;
    padding: 1.0rem;
    word-break: break-all;
}

@media screen and (max-width: 1023px){
	#content .item-header h1.item_page_title, .cart_page_title {
        padding: 1.25rem 1rem;
	}
}

#itempage .notice {
    color: #666;
    font-size: 0.75rem;
    padding: 0.5rem;
}

#itempage .marker-red {
    background: linear-gradient(transparent 60%, #fdc1df 60%);
    /* background: linear-gradient(transparent 60%, #ffdfef 60%); */
}

#package-insert {
    background-color: #f3f3f3;
    font-size: .75rem;
    margin: .5rem 0 1rem;
    padding: 1rem 0.75rem;
}

#package-insert a {
    color: #0032FF;
}

#package-insert a:hover {
    opacity: .6;
}

.field_price {
    align-items: center;
    display: flex;
}

.field_price .field_cprice {
    text-align: right;
    width: 4rem;
    margin: 0;
}
.field_price .field_dprice {
    text-align: right;
    width: 6.5rem;
}
@media screen and (min-width: 600px) {
    .field_price .field_dprice {
        text-align: right;
        width: 6.5rem;
    }
}

.discount-rate {
	color: #fff;
    display: block;
    font-family: initial;
    font-size: .75rem;
    margin: 0;
    background: #c33;
    padding: 3px 8px;
    border-radius: 16px;
}

#med-tags {
    margin: 1rem 0 0 0;
}

#med-tags li {
    background-color: #e3ebff;
    border-radius: 0.25rem;
    display: inline-block;
    padding: 0.25rem 0.5rem;
}

#med-tags a {
    color: #0d2c9c;
    font-size: 13px;
}

#med-tags a:hover {
    opacity: .6;
}

#med-generic h2 {
    font-size: 1.45rem;
    background-color: #f5f8ff;
    color: #1d3796;
    padding: 0.8rem 1.0rem;
    line-height: 1.071em;
}

@media screen and (min-width: 38.75em) {
    .skuform .right {
        width: 100%;
    }
}

@media screen and (min-width: 62.75em) {
    .skuform .right {
        width: 75%;
    }
}

.skuform .c-box {
    display: flex;
    justify-content: space-between;
	align-items: center;
}

.skuform .quantity {
    margin: 0;
}

.item-info .skuform .skubutton {
    font-weight: bold;
    min-width: 140px;
}
@media screen and (max-width: 374px) {
    .item-info .skuform .skubutton {
        min-width: 105px;
        padding: 0;
    }
}

.item-info .quantity input.skuquantity {
    border-radius: 0;
    margin: 0;
}

input#minus1 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    height: 46px;
    line-height: 46px;
    margin-left: 1rem;
    padding: 0 1rem;
}

input#add1 {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 46px;
    line-height: 46px;
    margin-right: 1rem;
    padding: 0 1rem;
}

@media screen and (max-width: 374px) {
    input.minus {
        padding: 0 0.5rem;
    }
    input.plus {
        padding: 0 0.5rem;
    }
}
@media screen and (max-width: 767px) {
    input.minus {
        padding: 0 0.75rem;
        margin-left: 0.5rem;
    }
    input.plus {
        padding: 0 0.75rem;
        margin-right: 0.5rem;
    }
}

@media screen and (min-width: 62.5em) {
    .item-info .quantity input.skuquantity {
        height: 56px;
        line-height: 56px;
    }
    input.minus {
        height: 56px;
        line-height: 56px;
    }
    input.plus {
        height: 56px;
        line-height: 56px;
    }
}

#itempage .item-description {
    margin: 0 0 3rem 0;
}

#itempage .item-description a {
    color: #1B46A5;
}

.jene-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 0 18px;
}

.jene-box-in {
    margin-bottom: 50px;
    padding: 0px;
    width: 18%;
    margin:0 auto;
    word-break: break-all;
}

.jene-box-in img {
    width:100%;
}

.jene-box-in p.img-box {
    margin:0 0 10px;
}

.jene-box-in p.neme-box {
    line-height: 18px;
    padding: 0 5px;
    margin: 0;
}

#itempage .item-description .jene-box a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

@media screen and (max-width: 480px) {
    .jene-box-in {
        margin-bottom: 15px;
        padding: 0px;
        width: 48%;
        margin: 0 auto 30px;
        word-break: break-all;
    }
}

#med-tags .jyenelist a {
    text-decoration: none;
}

#itempage .item-description section {
    margin: 0 0 3rem 0;
}

#itempage .item-description section:last-child {
    margin: 0;
}

#itempage .item-description nav {
	margin: 1.5rem 0 0.5rem;
}

#itempage .item-description nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0;
}

#itempage .item-description nav li {
    width: calc(100%/4.075);
	border: 1px solid #ddd;
    padding: 1.6rem 0;
    list-style-type: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.0rem;
	line-height: 3.15;
    margin: 0 0.1rem 0.2rem;
	position: relative;
	background: #fcfcfc;
}

@media screen and (max-width: 767px) {
	#itempage .item-description nav li {
		width: calc(100%/2.045);
	}
}

@media screen and (max-width: 374px) {
	#itempage .item-description nav li {
		font-size: 0.9rem;
		line-height: 3.6;
	}
}

#itempage .item-description nav li::after {
    content: "\f107";
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	right: 10px;
	bottom: auto;
	transform: translateY(-50%);
}

#itempage .item-description nav li:hover::after {
	color: #fff;
}

#itempage .item-description nav a {
    color: #333;
    text-decoration: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.2s ease;
}

#itempage .item-description nav a:hover {
	color: #fff;
	background-color: #5a78c9;
}

#itempage .item-description h2 {
    border-bottom: 5px solid #0493f7;
	color: #1d3796;
	font-size: 1.45rem;
    line-height: 1.75rem;
    padding: 1rem .5rem 0.375rem;
    margin: 0 0rem 1rem;
    word-break: break-word;
}

#itempage .item-description h3 {
	line-height: inherit;
}

#itempage .item-description h4 {
	font-size: 1.1rem;
}

#itempage .item-description h5 {
	font-size: 1.05rem;
}

/* dellll */

#itempage .item-description .med-overview-box dl{
    display:flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    border-top: none;
	margin: 0 0 2rem 0;
}
#itempage .item-description .med-overview-box dt{
    width: 30%;
    padding: 0.8rem;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    background-color: #f5f8ff;
}
#itempage .item-description .med-overview-box dd{
    padding: 0.8rem;
    margin: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc; 
    width: 70%;
    background: #fff;
    box-sizing: border-box;
}
#itempage .item-description .med-overview-box h4{
    background: none;
    padding: 0;
    font-size: 16px;
    margin: 0;
	line-height: 1.5;
}

/* dellll */

#itempage .item-description p {
	  font-size: 16px;
}

#itempage .item-description li {
	  font-size: 16px;
}

/* -- #css/js test tab design --*/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 0;
  background-color: #fff;
  margin: 2rem auto 0 auto;
  display: grid;
  grid-template-columns: 0.25fr 1fr;
}

@media screen and (max-width: 1023px){
	.tabs {
    display: block;
	}
}

.beginner-faq .tabs {
    display: block;
}

/*タブのスタイル*/
.tab_item {
    width: 100%;
    height: 50px;
    background-color: #f3f3f3;
    line-height: 50px;
    font-size: 16px;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    cursor: pointer;
    grid-column: 1 / 2;
    margin-bottom: 0.25rem;
}
.tab_item:hover {
    opacity: 0.75;
}
.tab_content_description p {
	font-size:1.0rem;
}

@media screen and (max-width: 1023px){
	.tab_item {
		width: calc(100% / 3 - 1px);
        margin: 0 1px 1px 0;
	}
}

.beginner-faq .tab_item {
	width: calc(100% / 3 - 1px);
    margin: 0 1px 1px 0;
}

.tab_item h3, .tab_item div {
    font-size: 1.071em;
    font-family: Suranna, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (max-width: 480px){
	.tab_item h3, .tab_item div {
        font-size: 14px;
	}
}
@media screen and (max-width: 374px){
	.tab_item h3, .tab_item div {
		font-size: 13px;
	}
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    padding: 0 0 0 20px;
    clear: both;
    overflow: hidden;
    grid-column: 2 / 3;
    grid-row: 1 / 8;
}

@media screen and (max-width: 1023px) {
    .tab_content {
        padding: 20px 0 0 0;
    }
}

.beginner-faq .tab_content {
    padding: 20px 0 0 0;
}

.beginner-faq dt {
    font-size: 1.05rem;
}
@media screen and (max-width: 480px) {
    .beginner-faq dt {
        font-size: 1rem;
    }
}

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#med-effect:checked ~ #med-effect_content,
#med-side-effect:checked ~ #med-side-effect_content,
#med-interactions:checked ~ #med-interactions_content,
#med-contraindications:checked ~ #med-contraindications_content,
#med-dosage:checked ~ #med-dosage_content,
#med-faq:checked ~ #med-faq_content {
    display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
    background-color: #005e04;
    color: #fff;
}

/* -- #css/js test readmore design -- */
.grad-wrap {
    position: relative;
}
.grad-wrap + .grad-wrap {
    margin-top: 40px;
}
.grad-btn {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0.15rem;
    left: 0;
    width: 150px;
    margin: auto;
    padding: .25rem 0;
    border-radius: 2px;
    background: #0493f7;
    color: #fff;
    font-size: 1.0rem;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.grad-btn::after {
    content: "さらに詳しく";
}
.grad-btn:hover {
    background: #fff;
    color: #0493f7;
}
.grad-btn .fa {
    margin-right: .5em;
}
.grad-item {
    position: relative;
    overflow: hidden;
    height: 40px;
}
.grad-item p:last-child {
    margin-bottom: 4rem;
}

.grad-item p + p {
    margin-top: 1em;
}
.grad-item::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 40px; /*グラデーションで隠す範囲*/
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger {
    display: none;
}
.grad-trigger:checked ~ .grad-btn {
    bottom: 0.1em;
}
.grad-trigger:checked ~ .grad-btn::after {
    content: "閉じる"
}
.grad-trigger:checked ~ .grad-btn .fa {
    transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item {
    height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
    display: none;
}

#med-detail .tab_content_description h3 {
    background-color: #f5f8ff;
    font-size: 1.25rem;
    margin-bottom: 1.428em;
    padding: .75em;
}

#med-detail .tab_content_description h4 {
    background-color: transparent;
    color: #1d3796;
    margin-bottom: .5rem;
    padding: 0 0 0 0.75rem;
    position: relative;
    border-left: 6px solid #1d3796;
}

#med-detail .tab_content_description h5 {
    background-color: transparent;
    margin-bottom: 0.25rem;
    padding: 0;
}

#med-detail .tab_content_description .box01 {
    border: 1px solid #ddd;
    padding: 1.5rem 1rem 0 1rem;
    position: relative;
    margin: 2rem 0 1.5rem;
}

#med-detail .tab_content_description .box01>h5 {
    background-color: #fff;
    left: 0.5rem;
    padding: 0 0.5rem;
    position: absolute;
    top: -0.8rem;
}

#med-detail .tab_content_description .box07 {
    border-radius: 0.125rem;
    margin: 0 0 2.25rem;
    position: relative;
}

#med-detail .tab_content_description .box07 ol {
    margin: 0 0 0 1.42857em;
}

#med-detail .tab_content_description .box07 ol {
    counter-reset: number;
    margin: 0 0 0 1.0rem;
}

#med-detail .tab_content_description .box07 li {
    font-size: 16px;
    list-style-type: none;
    margin: 0 0 1rem 0;
    padding-left: 0.75rem;
    position: relative;
}
#med-detail .tab_content_description .box07 li:last-child {
    margin: 0;
}
#med-detail .tab_content_description .box07 ul>li::before {
    font-family: FontAwesome;
    color: #3eaefc;
    content: "\f111";
    font-size: 0.5rem;
    position: absolute;
    left: -0.25rem;
}
#med-detail .tab_content_description .box07 ol>li:before {
    background-color: #3eaefc;
    border-radius: 0.125rem;
    color: #fff;
    content: counter(number);
    counter-increment: number;
    font-size: 0.75rem;
    height: 1rem;
    left: -0.75rem;
    line-height: 1rem;
    position: absolute;
    text-align: center;
    top: 0.375rem;
    width: 1rem;
}

#med-detail .tab_content_description .box07 li b {
    background-image: radial-gradient(circle farthest-side, #3eaefc 20%, transparent 20%, transparent 100%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 0.45rem 0.65rem;
    /* border-bottom: 2px dotted #3eaefc; */
    color: #0493f7;
    display: block;
    font-size: 1.125rem;
    padding: 0 0 0.5rem;
    margin: 0;
}

#med-detail dl{
    display:flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    border-top: none;
    margin: 0 0 2rem 0;
}
#med-detail dt{
    width: 30%;
    padding: 0.8rem;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    background-color: #f5f8ff;
}
#med-detail dd{
    padding: 0.8rem;
    margin: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc; 
    width: 70%;
    background: #fff;
    box-sizing: border-box;
}

#med-qa dl {
    font-size: 16px;
}
#med-qa dt {
    font-weight: bold;
}
#med-qa dd {
    margin: 0 0 1.428em 1.428em;
}

#med-qa dt::first-letter {
    color: #005293;
    font-size: 20px;
}

#med-qa dd:first-letter {
  color: #b60105;
  font-size: 20px;
}

#med-review h2, #med-related h2, #med-notice h2{
    border-bottom: 5px solid #0493f7;
	color: #1d3796;
	font-size: 1.45rem;
    line-height: 1.75rem;
    padding: 1rem .5rem 0.375rem;
    margin: 0 0rem 1rem;
    word-break: break-all;
}

#wc_reviews {
    border:none;
    margin: 1rem 0 0;
    padding: 0;
}

#wc_reviews .nowc_reviews {
    font-size: 0.875rem;
    margin: 0;
}

#wc_reviews .reviews_btn a {
    height: auto;
    line-height: 1;
    padding: 0.75rem 1rem;
}

#wc_reviews-title {
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 1.0rem 0;
    word-break: break-all;
}

#wc_reviews .wc_reviewlist {
    margin: 1rem 0 0 0;
}

#wc_reviews .comment {
    border: none;
    margin: 0 0 2.0rem 0;
    padding: 0;
}

#wc_reviews .review-author .fn {
    color: #1d3796;
    font-weight: bold;
}

.bottom-rating {
    align-items: center;
    display: flex;
}

.bottom-rating .review-meta {
    display: inline-block;
    margin: .5rem 1rem .5rem 0;
}

#wc_reviews #respond {
    margin: 2.143em;
}

#wc_reviews .wc_reviews-overview {
    border: 2px solid #f1f0f0;
    border-radius: 4px;
    font-size: 1.0rem;
    margin: 0 auto;
    padding: 0.5rem 0.75rem;
    text-align: center;
    width: 16rem;
    max-width: 100%;
}

#wc_reviews .wc_reviews-overview-topbox {
    align-items: center;
    display: flex;
    justify-content: center;
}

#wc_reviews .wc_reviews-overview-bottombox span {
    font-size: 1.125rem;
    font-weight: bold;
}

#wc_reviews .crfp-average-rating {
    display: inline-block;
}

#wc_reviews div.rating-container {
    width: auto;
    margin: 0;
}

#wc_reviews .review-body {
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 0.5rem 0 0 0;
    padding: 0.75rem 0.5rem;
    position: relative;
}

#wc_reviews .review-body::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 3rem;
    margin-left: -15px;
    border: 12px solid transparent;
    border-bottom: 12px solid #FFF;
    z-index: 2;
}

#wc_reviews .review-body::after {
    content: "";
    position: absolute;
    top: -28px;
    left: 3rem;
    margin-left: -17px;
    border: 14px solid transparent;
    border-bottom: 14px solid #ccc;
    z-index: 1;
}

#top-crfp-rating {
    align-items: center;
    border: 2px solid #f1f0f0;
    border-radius: 4px;
    display: flex;
    margin: 0 0 0.5rem 0;
    padding: 1rem;
}
@media screen and (max-width: 374px) {
    #top-crfp-rating {
        padding: 1rem 0.5rem;
    }
}

#top-crfp-rating .comment-rating-field-pro-plugin {
    text-align: center;
    width: 5rem;
}

#top-crfp-rating .rating-desc {
    font-size: 0.75rem;
}

#top-crfp-rating .rating-score {
    font-size: 2.25rem;
    font-weight: bold;
}

#top-crfp-rating .rating-details {
    width: calc(100% - 5rem);
}

#top-crfp-rating .rating-details__row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.5rem 0;
}

#top-crfp-rating .rating-details__row:last-child {
    margin: 0;
}

#top-crfp-rating .rating-details__label {
    text-align: right;
    width: 5rem;
}

#top-crfp-rating .rating-details__bar {
    background-color: #f6f6f6;
    position: relative;
    width: calc(100% - 6rem);
}

#top-crfp-rating .rating-details__barFill {
    background: #f5c710;
    height: 1rem;
}

div.rating-container.crfp-group-1 {
    position: relative;
}

div.rating-container.crfp-group-1 span.crfp-rating {
    left: 0;
    position: absolute;
    top: 0;
}

div.rating-container.crfp-group-1 span.crfp-rating-bk {
    filter: opacity(0.35);
    left: 0;
    mix-blend-mode: luminosity;
    position: absolute;
    top: 0;
    width: 80px;
}
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, div.rating-container.crfp-group-1 span.crfp-rating-bk {
        display: none;
    }
}

#bottom-crfp-rating {
    align-items: center;
    border: 2px solid #f1f0f0;
    border-radius: 4px;
    display: flex;
    margin: 0 auto 0.5rem;
    padding: 1rem;
    max-width: 30rem;
}
@media screen and (max-width: 374px) {
    #bottom-crfp-rating {
        padding: 1rem 0.5rem;
    }
}

#bottom-crfp-rating .comment-rating-field-pro-plugin {
    text-align: center;
    width: 5rem;
}

#bottom-crfp-rating .rating-desc {
    font-size: 0.75rem;
}

#bottom-crfp-rating .rating-score {
    font-size: 2.25rem;
    font-weight: bold;
}

#bottom-crfp-rating .rating-details {
    width: calc(100% - 5rem);
}

#bottom-crfp-rating .rating-details__row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.5rem 0;
}

#bottom-crfp-rating .rating-details__row:last-child {
    margin: 0;
}

#bottom-crfp-rating .rating-details__label {
    text-align: right;
    width: 5rem;
}

#bottom-crfp-rating .rating-details__bar {
    background-color: #f6f6f6;
    position: relative;
    width: calc(100% - 6rem);
}

#bottom-crfp-rating .rating-details__barFill {
    background: #f5c710;
    height: 1rem;
}

.review-num-container {
    background-color: #354A96;
    border-radius: 4px;
    margin: 0 auto 1.0rem;
    padding: 0;
    text-align: center;
    width: 20rem;
    max-width: 100%;
}

.review-num-container a {
    color: #fff;
    display: block;
    padding: 0.5rem;
    position: relative;
}
.review-num-container a:hover {
    opacity: .6;
}

.review-num-container span {
    font-size: 1.1rem;
    margin: 0 0.25rem 0 0;
}
.review-num-container a span::before {
    content: "\f0d7";
    font-family: FontAwesome;
    padding: 0 0.5rem 0 0;
    transform: translateY(50%);
}

.review-num-container a:hover span::before {
    opacity: .6;
}

.item-description .comment-rating-field-pro-plugin {
    display: none;
}

.related-area .related-box {
    display: flex;
    flex-wrap: wrap;
}

.related-area .related-box .related-li4 {
    width: 25%;
    margin: 0 0 1.5rem 0;
}

.related-area .related-box .related-li5 {
    width: 20%;
    margin: 0 0 1.5rem 0;
}
.related-li5 .text{
    background: #e87272;
    padding: 1px 5px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
}

@media screen and (max-width: 480px) {
    .related-area .related-box .related-li4 {
        width: 50%;
        margin: 0 0 1.5rem 0;
    }
    .related-area .related-box .related-li5 {
        width: 50%;
        margin: 0 0 1.0rem 0;
    }
}

.related-area a {
    display: block;
    margin: 0 0.5rem;
}

.related-area .slick-prev:before {
    content: "\f104";
    font-family: fontawesome;
    font-weight: bold;
}

.related-area .slick-next:before {
    content: "\f105";
    font-family: fontawesome;
    font-weight: bold;
}

.related-area .price {
    color: #dd3333;
}

/* ---- comments ---- */
.says {
    display: none;
}

#respond label[for="rating-star-1"] {
    display: inline-block;
}

/* ---- archive ---- */

.archive-content .product-list .excerpt {
    display: -webkit-box;
    font-size: .9rem;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.archive-content .product-list .price {
	font-size: 1.2rem;
    text-align: right;
    font-weight: bold;
    margin: 0px 9px 6px 0;
}

.archive-content .product-list .comment-rating-field-pro-plugin {
    margin: .25rem 0 0;
}

.archive-content .product-list div.rating-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.archive-content .product-list .rating-filled-only {
    height: 1rem;
    margin: 0 0 .25rem;
    width: 5rem;
}

.archive-content .product-list .rating-number {
    color: #333;
    margin: 0 0 .125rem;
	text-decoration:underline;
}
@media screen and (max-width: 374px) {
    .archive-content .product-list .rating-number {
        font-size: .75rem;
    }
}

/* ---- category ---- */

.layout-list .list .comment-rating-field-pro-plugin {
    margin-left: 40%;
}

.page-header {
    border: none;
    margin: 0;
    padding: 0 15px 20px 15px;
}
#content .page-header h1 {
	border-left: 8px solid #0493f7;
    font-size: 1.714em;
    line-height: 1.714em;
	padding: 0.3rem 0.8rem;
}

@media screen and (max-width: 1023px){
	#content .page-header h1 {
		padding: 0.4rem 0.8rem;
	}
}

.layout-grid {
    display: flex;
    flex-wrap: wrap;
}

.layout-grid .list {
    width: 48%;
}

@media screen and (min-width: 38.75em) {
    .layout-grid .list {
        margin-right: 4%;
    }
    .layout-grid .list:nth-child( even ) {
        margin-right: 0;
    }
    .layout-grid .list:nth-child( n+3 ) {
        margin-top: 4%;
        margin-right: 2%;
    }
}

@media screen and (min-width: 46.25em) {
    .layout-grid .list {
        width: 30.666%;
        margin-right: 4%;
    }
    .layout-grid .list:nth-child( even ) {
        margin-right: 4%;
    }
    .layout-grid .list:nth-child( n+3 ) {
        margin-top: 4%;
        margin-right: 4%;
    }
    .layout-grid .list:nth-child( 3n ) {
        margin-top: 4%;
        margin-right: 0;
    }
    .layout-grid .list:nth-child( 3 ) {
        margin-top: 0;
        margin-right: 0;
    }
    .layout-grid .list:nth-child( 3n+1 ) {
        clear: both;
    }
    .layout-grid .list:nth-child( 4n ) {
        margin-top: 4%;
    }
    .layout-grid .list:nth-child( 4n+1 ) {
        clear: none;
    }
}

/* ---- tag ---- */

.tag-desc {
    font-size: 12px;
    line-height: 2;
}
.tag-img, .tag-desc {
    margin: 1.071em 0;
}
@media screen and (min-width: 62.5em) {
    .tag-desc {
        font-size: inherit;
    }
    .tag-img, .tag-desc {
        margin: 2.142em 0;
    }
}

/* ---- page ---- */

.page-header {
    border: none;
    margin-top: 0;
    padding: 0 15px 0 15px;
}
@media screen and (min-width: 46.25em) {
    .page-header {
        padding: 0 2.143em 0 2.143em;
    }
}
@media screen and (min-width: 62.5em) {
    .page-header {
        padding: 0;
    }
}

/* ---- single ---- */

@media screen and (max-width: 767px){
    .column-header {
        display: none;
    }
}

.entry-header {
    border: none;
    margin-top: 0;
    padding: 0 0 0.25rem 0;
}
@media screen and (min-width: 46.25em) {
    .entry-header {
        padding: 0 2.143em 20px 2.143em;
    }
}
@media screen and (min-width: 62.5em) {
    .entry-header {
        padding: 0;
    }
}

#content .entry-header h1.entry-title {
    background-color: #041450;
    color: #fff;
    font-size: 1.714em;
    font-weight: bold;
    line-height: 2.25rem;
    padding: 0.9rem 0.8rem;
}
@media screen and (max-width: 1023px){
	#content .entry-header h1.entry-title {
		padding: 0.4rem 0.8rem;
	}
}
@media screen and (max-width: 599px){
	#content .entry-header h1.entry-title {
        font-size: 1.5rem;
        padding: 0.75rem 0.5rem;
    }
}

@media screen and (max-width: 599px){
    .entry-meta {
        margin: 0.25rem 0.375rem;
    }
}

.entry-content a {
    color: #0058A7;
}

.entry-content .related-area a {
    color: #333;
    text-decoration: none;
}

.entry-content h2 {
    background-color: #0493f7!important;
    border: none;
    box-shadow: 5px 5px 0 #d2d4da;
    color: #fff;
    font-size: 1.375rem;
    line-height: 2.0rem;
    margin: 4.5rem 0 2.0rem;
    padding: 1.25rem;
    word-break: break-all;
    -webkit-box-shadow: 5px 5px 0 #d2d4da;
}
.entry-content h2:first-of-type {
    margin: 3rem 0 2.0rem;
}
@media screen and (max-width: 599px){
    .entry-content h2 {
        box-shadow: 5px 4px 0 #d2d4da;
        margin: 4.5rem -1.0rem 2.0rem;
        text-align: center;
        -webkit-box-shadow: 5px 4px 0 #d2d4da;
    }
    .entry-content h2:first-of-type {
        margin: 3rem -1.0rem 2.0rem;
    }
}

.entry-content h2 span.subttl {
    display: block;
    font-family: "Work Sans","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: 1rem;
    font-weight: normal;
}

.entry-content h3 {
    align-items: center;
    background-color: #fcfcfc;
    display: flex;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 3.0rem 0 .75rem 0;
    padding: .75rem .5rem;
    position: relative;
    word-break: break-all;
}

.entry-content h3::before {
    border-top: 2px solid #0493f7;
    content: "";
    flex-grow: 1;
    margin-right: 0.5rem;
    min-width: 2rem;
}

.entry-content h3::after {
    border-top: 2px solid #0493f7;
    content: "";
    flex-grow: 1;
    margin-left: 0.5rem;
    min-width: 2rem;
}

.entry-content h4 {
	background-color: #006710!important;
    color: #ffffff;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 0 0 0.8rem;
    padding: 7px 0 7px 1.3rem;
    position: relative;
    width: 100%;
}

.entry-content>h4 {
    margin: 2rem 0 1rem;
}

.entry-content h4.numbering__ttl1 {
    color: #025e9e;
    margin: 1.5rem 0 0.5rem;
    padding: 0 0 0 2.5rem;
}
.entry-content h4.numbering__ttl1+p {
    margin: 0 0 0 2.5rem;
}
.entry-content h4.numbering__ttl1::before {
    background-color: #025e9e;
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    transform: translateY(50%);
    border-radius: 10rem;
    width: 2rem;
    height: 2rem;
}
.entry-content h4.numbering__ttl1::after {
    color: #fff;
    content: '1';
    font-size: 1rem;
    font-weight: bold;
    left: 0.75rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.entry-content h4.numbering__ttl2 {
    color: #025e9e;
    margin: 1.5rem 0 0.5rem;
    padding: 0 0 0 2.5rem;
}
.entry-content h4.numbering__ttl2+p {
    margin: 0 0 0 2.5rem;
}
.entry-content h4.numbering__ttl2::before {
    background-color: #025e9e;
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    transform: translateY(50%);
    border-radius: 10rem;
    width: 2rem;
    height: 2rem;
}
.entry-content h4.numbering__ttl2::after {
    color: #fff;
    content: '2';
    font-size: 1rem;
    font-weight: bold;
    left: 0.75rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.entry-content h4.numbering__ttl3 {
    color: #025e9e;
    margin: 1.5rem 0 0.5rem;
    padding: 0 0 0 2.5rem;
}
.entry-content h4.numbering__ttl3+p {
    margin: 0 0 0 2.5rem;
}
.entry-content h4.numbering__ttl3::before {
    background-color: #025e9e;
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    transform: translateY(50%);
    border-radius: 10rem;
    width: 2rem;
    height: 2rem;
}
.entry-content h4.numbering__ttl3::after {
    color: #fff;
    content: '3';
    font-size: 1rem;
    font-weight: bold;
    left: 0.75rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.entry-content h5 {
    line-height: 1.5rem;
    font-size: 1.0625rem;
    margin-bottom: 0.125rem;
}

@media screen and (max-width: 767px) {
    .entry-content table.x-scroll {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .entry-content table.x-scroll tbody {
        display: table;
        width: 100%;
    }

    .entry-content table.y1-sticky th:first-child {
        left: -1px;
        position: sticky;
        z-index: 1;
    }
    .entry-content table.y1-sticky th:first-child::before {
        border-right: 1px solid #ccc;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .entry-content table.y1-sticky td:first-child {
        left: -1px;
        position: sticky;
        z-index: 1;
    }
    .entry-content table.y1-sticky tr:nth-child(odd) td:first-child {
        background-color: #f5f8ff;
    }
    .entry-content table.y1-sticky tr:nth-child(even) td:first-child {
        background-color: #fff;
    }
    .entry-content table.y1-sticky td:first-child::before {
        border-right: 1px solid #ddd;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
}

.entry-content p, .entry-content>div, .entry-content>table, .entry-content>iframe {
    font-size: 1.0rem;
    line-height: 1.75;
    margin-bottom: 1rem;
    word-break: break-all;
}

.entry-content .purchase-title {
    color: #003908;
    font-weight: bold;
    margin: 2rem 0 0;
    text-align: center;
}

.entry-content .purchase-title::before {
    content: "＼　";
}

.entry-content .purchase-title::after {
    content: "　／";
}

.entry-content .purchase-button {
    background-color: #006710;
    margin: 0 auto 1.25rem auto;
    max-width: 20rem;
    position: relative;
    text-align: center;
}

.entry-content .purchase-button a {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: .9rem 1.0rem .7rem 0.5rem;
    text-decoration: none;
}

.purchase-button::after {
    bottom: 50%;
    color: #fff;
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 1.5rem;
    line-height: 1.7;
    position: absolute;
    right: 0.5rem;
    transform: translateY(45%);
    -webkit-animation-name: purchase-allow;
    -webkit-animation-duration:.8s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    -moz-animation-name: purchase-allow;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease;
}

/* @-webkit-keyframes purchase-allow {
    0% {-webkit-transform:translate(-0.25rem, 0);}
    100% {-webkit-transform:translate(0, 0);}
} */

.entry-content .purchase-button a:hover {
    opacity: .6;
}

.entry-content .aligncenter {
    text-align: center;
}

.entry-content p>img {
    display: block;
    margin: 0 auto;
}

.entry-content .youtube {
    padding-top: 56.25%;
    position: relative;
    max-width: 100%;
}

.entry-content .youtube iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.entry-content .tweet {
    background-color: #fff;
    border-radius: 1.0rem;
    display: flex;
    margin: 2.0rem auto 1.25rem auto;
    max-width: 100%;
    width: 500px;
}

.entry-content .tweet-inbox {
    border: 1px solid #ccd6dd;
    border-radius: 1.0rem;
    display: block;
    flex-grow: 1;
    padding: 1.0rem 1.0rem 0.5rem 1.0rem;
    position: relative;
}

.tweet-inbox::after {
    color: #1DA1F2;
    content: "\f099";
    font-family: 'FontAwesome';
    font-size: 1.6rem;
    position: absolute;
    top: 0.75rem;
    right: 1.25rem;
}

.entry-content .tweet-inbox-prof {
    align-items: center;
    display: flex;
}

.entry-content .tweet-inbox-prof>div {
    width: 100%;
}

.entry-content .tweet-inbox-prof img {
    border: 1px solid #fff;
    border-radius: 3rem;
    height: 49px;
    margin-right: 0.5rem;
    width: 49px;
}

.entry-content .tweet-inbox-prof-name {
    display: block;
    font-weight: bold;
}

@media screen and (max-width: 599px) {
    .entry-content .tweet-inbox-prof-name {
        max-width: 85%;
    }
}

.entry-content .tweet-inbox-prof-id {
    display: block;
}

.entry-content .tweet-inbox-content {
    font-size: 1.0rem;
    margin: 0.5rem 0;
}

.entry-content .tweet-inbox-date {
    border-top: 1px solid #ccd6dd;
    color: #657786;
    margin: 0;
    padding-top: 0.5rem;
}

.entry-content .review-box {
    background-color: #fff;
    border-radius: 1.0rem;
    display: flex;
    margin: 0 auto 1.25rem auto;
    max-width: 100%;
    width: 500px;
}
.entry-content h3+.review-box {
    margin: 0 auto 1.25rem auto;
}

.entry-content .review-inbox {
    border: 1px solid #ccd6dd;
    border-radius: 1.0rem;
    display: block;
    flex-grow: 1;
    padding: 1.0rem 1.0rem 0.5rem 1.0rem;
    position: relative;
}

.review-inbox::after {
    background-image: url( https://rakukuru.com/imgs/noimg.gif );
    background-size: 2rem;
    content: "";
    height: 2rem;
    position: absolute;
    right: 1.25rem;
    top: 1rem;
    width: 2rem;
}

.entry-content .review-inbox-prof {
    align-items: center;
    display: flex;
}

.entry-content .review-inbox-prof>div {
    width: 100%;
}

.entry-content .review-inbox-prof img {
    border: 1px solid #fff;
    border-radius: 3rem;
    height: 49px;
    margin-right: 0.5rem;
    width: 49px;
}

.entry-content .review-inbox-prof-name {
    display: block;
    font-weight: bold;
}

@media screen and (max-width: 599px) {
    .entry-content .review-inbox-prof-name {
        max-width: 85%;
    }
}

.entry-content .review-inbox-prof-id {
    display: block;
}

.entry-content .review-inbox-content {
    font-size: 1.0rem;
    margin: 0.5rem 0;
}

.entry-content .review-inbox-date {
    border-bottom: 1px solid #ccd6dd;
    color: #657786;
    font-size: .875rem;
    margin-top: 0.5rem;
    text-align: right;
}

.entry-content .review-inbox-button {
    background-color: #0044D2;
    border-radius: 0.5rem;
    margin: 0.5rem 0 0;
    position: relative;
}
.entry-content .review-inbox-button::after {
    bottom: 50%;
    color: #fff;
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 1rem;
    line-height: 1.7;
    position: absolute;
    right: .5rem;
    transform: translateY(49%);
    -webkit-animation-name: purchase-allow;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
}

.entry-content .review-inbox-button a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: .3rem 1.5rem .3rem 0.5rem;
    text-align: center;
    font-size: .875rem;
}

.blogcard {
    margin: 0 auto;
    max-width: 100%;
    width: 500px;
}

.blogcard a {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 0 #efefef;
    color: #333;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 1.0rem;
    position: relative;
    text-decoration: none;
}
@media screen and (max-width: 599px) {
    .blogcard a {
        padding: 0.75rem;
    }
}

.blogcard a::after {
    bottom: 50%;
    color: #eee;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 6rem;
    position: absolute;
    right: .25rem;
    transform: translateY(50%);
    z-index: -1;
}
@media screen and (max-width: 599px) {
    .blogcard a::after {
        font-size: 5.0rem;
    }
}

.blogcard .blogcard-eyecatch {
    height: 9.5rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 9.5rem;
}

.blogcard .blogcard-eyecatch img {
    margin: 0;
    width: auto;
}

.blogcard .blogcard-inbox {
    padding: 0 0.75rem;
    width: calc(100% - 9.5rem);
}

.blogcard .blogcard-ttl {
    font-weight: bold;
    position: relative;
}
@media screen and (max-width: 599px) {
    .blogcard .blogcard-ttl {
        font-size: 0.875rem;
    }
}
.blogcard-ttl::before {
    background-color: #0493f7;
    border-radius: 2px;
    color: #fff;
    content: "あわせて読みたい";
    display: table;
    font-size: 0.875rem;
    font-weight: 400;
    left: 0;
    margin: 0 0 0.125rem;
    padding: 0.0625rem 0.375rem;
    top: 0;
}

.blogcard .blogcard-ttl2 {
    font-weight: bold;
    position: relative;
}
@media screen and (max-width: 599px) {
    .blogcard .blogcard-ttl2 {
        font-size: 0.875rem;
    }
}
.blogcard-ttl2>span {
    background-color: #0493f7;
    border-radius: 2px;
    color: #fff;
    display: table;
    font-size: 0.875rem;
    font-weight: 400;
    left: 0;
    margin: 0 0 0.125rem;
    padding: 0.0625rem 0.375rem;
    top: 0;
}

.blogcard .blogcard-ttl3 {
    font-weight: bold;
    padding: 2rem 0 0 0;
    position: relative;
}
@media screen and (max-width: 599px) {
    .blogcard .blogcard-ttl3 {
        font-size: 0.875rem;
    }
}
.blogcard-ttl3>span {
    background-color: #00b928;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    left: 0;
    margin: 0 0 0.5rem 0;
    padding: 0.0625rem 0.375rem;
    position: absolute;
    top: 0;
}

.blogcard .blogcard-button {
    background: #0493f7;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 0.2em;
    text-align: center;
    border-radius: 2px;
    width: 5em;
}

.entry-content .box01 {
    background-color: #f6f6f6;
    padding: 1.75rem 0.75rem;
    margin: 0 0 2.0rem;
}

.entry-content .box01 .tweet {
    margin: 0 auto 1.25rem auto;
}

.entry-content .box01 p:last-child, .entry-content .box01 ul:last-child, .entry-content .box01 ol:last-child, .entry-content .box01 li:last-child, .entry-content .box01 div:last-child {
    margin-bottom: 0;
}

.entry-content .box02 {
    background-color: #f6f6f6;
    border: 2px solid #0493f7;
    margin: 2.0rem 0;
    padding: 1.0rem 0.75rem;
}

.entry-content .box02 p:last-child, .entry-content .box02 ul:last-child, .entry-content .box02 ol:last-child, .entry-content .box02 li:last-child, .entry-content .box02 div:last-child {
    margin-bottom: 0;
}

.entry-content .box03 {
    background-color: #f6f6f6;
    border: .0625rem solid #0493f7;
    margin: 3.5rem 0 2.0rem;
    padding: 1.0rem 0.75rem;
    position: relative;
}

.entry-content .box03::before {
    background-color: #0493f7;
    color: #fff;
    content: '\f0a4';
    font-family: 'FontAwesome';
    left: -0.0625rem;
    padding: 0 0.75rem;
    position: absolute;
    top: -1.75rem;
}

.entry-content .box03::after {
    background-color: #0493f7;
    color: #fff;
    content: 'point';
    font-weight: bold;
    left: 1.75rem;
    padding: 0 1rem 0 0.5rem;
    position: absolute;
    top: -1.75rem;
}

.entry-content .box03 p:last-child, .entry-content .box03 ul:last-child, .entry-content .box03 ol:last-child, .entry-content .box03 li:last-child, .entry-content .box03 div:last-child {
    margin-bottom: 0;
}

.entry-content .box04 {
    background-color: #f6f6f6;
    border: .0625rem solid #0493f7;
    margin: 3.5rem 0 2.0rem;
    padding: 1.0rem 0.75rem;
    position: relative;
}

.entry-content .box04::before {
    background-color: #0493f7;
    color: #fff;
    content: '\f040';
    font-family: 'FontAwesome';
    left: -0.0625rem;
    padding: 0 0.75rem;
    position: absolute;
    top: -1.75rem;
}

.entry-content .box04::after {
    background-color: #0493f7;
    color: #fff;
    content: 'check';
    font-weight: bold;
    left: 1.625rem;
    padding: 0 1rem 0 0.5rem;
    position: absolute;
    top: -1.75rem;
}

.entry-content .box04 ul>li::before {
    content: "\f00c";
    font-size: 1.0rem;
    font-weight: bold;
    left: -0.5rem;
}

.entry-content .box04 p:last-child, .entry-content .box04 ul:last-child, .entry-content .box04 ol:last-child, .entry-content .box04 li:last-child, .entry-content .box04 div:last-child {
    margin-bottom: 0;
}

.entry-content .box05 {
    background-color: #f6f6f6;
    border: .0625rem solid #0493f7;
    margin: 3.5rem 0 2.0rem;
    padding: 1.0rem 0.75rem;
    position: relative;
}

.entry-content .box05::before {
    background-color: #0493f7;
    color: #fff;
    content: '\f0cb';
    font-family: 'FontAwesome';
    left: -0.125rem;
    padding: 0 0.75rem;
    position: absolute;
    top: -1.75rem;
}

.entry-content .box05::after {
    background-color: #0493f7;
    color: #fff;
    content: 'how to?';
    font-weight: bold;
    left: 2.0rem;
    padding: 0 1rem 0 0.5rem;
    position: absolute;
    top: -1.75rem;
}

.entry-content .box05 ol {
    margin: 0 0 0 0.5rem;
}

.entry-content .box05 ol>li {
    padding-left: 3.5rem;
    counter-increment: box05step 1;
}

.entry-content .box05 ol>li>b {
    line-height: 4.0rem;
}

.entry-content .box05 ol>li::before {
    background: #0493f7;
    border-radius: 0.25rem;
    color: #fff;
    content: 'step';
    font-size: 0.5rem;
    font-weight: normal;
    height: 3.125rem;
    left: -0.5rem;
    text-align: center;
    width: 3.125rem;
}

.entry-content .box05 ol>li::after {
    color: #fff;
    content: counter(box05step);
    font-size: 1.375rem;
    left: 0.75rem;
    position: absolute;
    top: 1.375rem;
}

.entry-content .box05 p:last-child, .entry-content .box05 ul:last-child, .entry-content .box05 ol:last-child, .entry-content .box05 li:last-child, .entry-content .box05 div:last-child {
    margin-bottom: 0;
}

.entry-content .box06 {
    background-color: #fff;
    border: .0625rem solid #0493f7;
    border-radius: 0.5rem;
    margin: 2.0rem 0;
    padding: 1.0rem 0.75rem;
    position: relative;
}

.entry-content .box06 h5 {
    background-color: #fff;
    color: #0493f7;
    left: 1rem;
    padding: 0 0.5rem 0 1.75rem;
    position: absolute;
    top: -0.75rem;
}

.entry-content .box06 h5::before {
    content: '\f0eb';
    background-color: #fff;
    position: absolute;
    left: 0;
    font-family: 'FontAwesome';
    color: #0493f7;
    font-weight: 100;
    padding: 0 0.5rem;
}

.entry-content .box06 p:last-child, .entry-content .box06 ul:last-child, .entry-content .box06 ol:last-child, .entry-content .box06 li:last-child, .entry-content .box06 div:last-child {
    margin-bottom: 0;
}

.entry-content .marker-red {
    background: linear-gradient(transparent 60%, #fdc1df 60%);
    /* background: linear-gradient(transparent 60%, #ffdfef 60%); */
}

.entry-content .marker-blue {
    background: linear-gradient(transparent 60%, #cce5ff 60%);
}

.entry-content .marker-yellow {
    background: linear-gradient(transparent 60%, #ffffbc 60%);
}

.entry-content .outline {
    border: 1px dotted #D8D8D8;
    display: table;
    margin: 3rem auto 1.25rem;
    padding: 1rem 1.5rem;
    text-align: center;
}

.entry-content .entry-img {
    margin-bottom: 2.143em;
}

.entry-content .outline__title {
    font-weight: bold;
    text-align: center;
}

.entry-content .outline__list {
    margin: 0;
    text-align: left;
}

.entry-content .outline__item {
    line-height: 2;
}

.entry-content ul li, .entry-content ol li {
    list-style: none;
}

.entry-content ul {
    margin: 0 0 0 0.75rem;
}
.entry-content ol {
    margin: 0 0 0 1.0rem;
    counter-reset: count1;
}
.entry-content ol ol {
    margin: 0 0 0 1.0rem;
    counter-reset: count2;
}

.entry-content li {
    font-size: 16px;
    padding-left: 0.75rem;
    position: relative;
}

.entry-content li li {
    padding-left: 1.25rem;
}

.entry-content ul>li::before {
    font-family: FontAwesome;
    color: #3eaefc;
    content: "\f111";
    font-size: 0.5rem;
    position: absolute;
    left: -0.25rem;
}

.entry-content ol li:before {
    background-color: #0058A7;
    color: #fff;
    counter-increment: count1;
    content: counter(count1);
    font-size: 0.75rem;
    height: 1rem;
    left: -0.75rem;
    line-height: 1rem;
    position: absolute;
    text-align: center;
    top: 0.5rem;
    width: 1rem;
}

.entry-content ol li ol li:before {
    background-color: #0058A7;
    color: #fff;
    counter-increment: count2;
    content: counter(count1) "-" counter(count2);
    font-size: 0.75rem;
    height: 1rem;
    left: -0.75rem;
    line-height: 1rem;
    position: absolute;
    text-align: center;
    top: 0.5rem;
    width: 1.5rem;
}

.entry-content th {
    background-color: #025e9e;
    border-color: #ceddff;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.entry-content tr:nth-child(odd){
    background-color: #f5f8ff;
}

.entry-content td{
    border-color: #ddd;
    font-size: .875rem;
    vertical-align: middle;
}

.entry-content blockquote {
    background-color: #f6f6f6;
    padding: 1.75rem 1rem 1.75rem 4rem;
    position: relative;
    margin-bottom: 2.143em;
}

.entry-content .source {
    font-size: 0.75rem;
}
.entry-content blockquote p:last-child, .entry-content blockquote ul:last-child, .entry-content blockquote ol:last-child, .entry-content blockquote li:last-child, .entry-content blockquote div:last-child {
    margin-bottom: 0;
}

.entry-content blockquote::before {
    position: absolute;
    top: 0;
    left: 1rem;
    content: "❞";
    font-size: 4rem;
    color: #d9d9d9;
}

.entry-content .baloon {
	display: flex;
}
.entry-content .baloon {
	margin-bottom: 1.6em;
}
.entry-content .baloon__left {
	flex-flow: row;
}
.entry-content .baloon__left .baloon__txt {
	margin-left: 10px;
	margin-right: 0;
	border: 2px solid #0493f7;
	background: #f5f8ff;
}
.entry-content .baloon__left .baloon__txt:before {
	top: 15px;
	left: -20px;
	border-right: 10px solid #0493f7;
}
.entry-content .baloon__left .baloon__txt:after {
	top: 15px;
	left: -17px;
	border-right: 10px solid #fff;
}
.entry-content .baloon__right {
	flex-flow: row-reverse;
}
.entry-content .baloon__right .baloon__txt {
	margin-left: 0;
	margin-right: 10px;
	border: 2px solid #0493f7;
	background: #f5f8ff;
}

.entry-content .baloon__right {
	flex-flow: row-reverse;
}
.entry-content .baloon__right .baloon__txt {
	margin-left: 0;
	margin-right: 10px;
}
.entry-content .baloon__right .baloon__txt:before {
	top: 15px;
	right: -20px;
	border-left: 10px solid #0493f7;
}
.entry-content .baloon__right .baloon__txt:after {
	top: 15px;
	right: -17px;
	border-left: 10px solid #f5f8ff;
}

.entry-content .baloon__img {
	width: 60px;
	min-width: 60px;
}

.entry-content .baloon__left .baloon__img img {
	width: 60px;
	height: 60px;
	background-size: cover;
	margin-bottom: 10px;
	border-radius: 50%;
	border: 1px solid #ddd;
}
.entry-content .baloon__right .baloon__img {
	margin-left: auto;
	margin-right: 0;
}
.entry-content .baloon__right .baloon__img img {
	width: 60px;
	height: 60px;
	background-size: cover;
	margin-bottom: 10px;
	border-radius: 50%;
	border: 1px solid #ddd;
}
.entry-content .baloon__txt {
	border-radius: 8px;
	padding: 8px;
	width: 100%;
	position: relative;
}
.entry-content .baloon__txt:before {
	content: "";
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.entry-content .baloon__txt:after {
	content: "";
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.entry-content .baloon__txt p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width:767px){
	.entry-content .baloon {
			display: block;
	}
	.entry-content .baloon__left .baloon__txt {
		margin-top: 10px;
		margin-left: 0;
	}
	.entry-content .baloon__left .baloon__txt:before {
		top: -20px;
		left: 20px;
		border-bottom: 10px solid #0493f7;
		border-right: 10px solid transparent;
	}
	.entry-content .baloon__left .baloon__txt:after {
		top: -17px;
		left: 20px;
		border-bottom: 10px solid #fff;
		border-right: 10px solid transparent;
	}

	.entry-content .baloon__right .baloon__txt {
		margin-top: 10px;
		margin-right: 0;
	}
	.entry-content .baloon__right .baloon__txt:before {
		top: -20px;
		right: 20px;
		border-bottom: 10px solid #0493f7;
		border-left: 10px solid transparent;
	}
	.entry-content .baloon__right .baloon__txt:after {
		top: -17px;
		right: 20px;
		border-bottom: 10px solid #fff;
		border-left: 10px solid transparent;
	}
}

.cusbox {
    background-color: #f6f6f6;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0.5rem auto;
    padding: 1.25rem 1rem;
}
.cusbox-in2-a {
    width: 40%;
}
.cusbox-in2-a p {
    margin: 0;
}
.cusbox-in2-b {
    width: 55%;
}
.cusbox-in2-b {
    margin: 0;
}
@media screen and (max-width: 599px){
    .cusbox-in2-a {
        width: 100%;
        margin: 0;
    }
    .cusbox-in2-b {
        width: 100%;
        margin: 0;
    }
}

.cusbox2 {
    background-color: #f6f6f6;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 2rem auto;
    padding: 1.25rem 1rem;
}
@media screen and (max-width: 599px){
    .cusbox2 {
        display: block;
    }
    .cusbox2 .cusbox-in2-a {
        width: auto;
        margin: 0;
    }
    .cusbox2 .cusbox-in2-a img {
        width: 40%;
        float: right;
        margin-left: .5rem;
    }
    .cusbox2 .cusbox-in2-b {
        width: 100%;
        margin: 0;
    }
}

/* -- #item page design --*/
#content .page-header h1 {
	border-left: 8px solid #0493f7;
	padding: 0.3rem 0.8rem;
}

@media screen and (max-width: 1023px){
	#content .page-header h1 {
		padding: 0.4rem 0.8rem;
	}
}

/* ---- breadcrumbs ---- */
#breadcrumbs {
    padding: 20px 15px;
}

@media screen and (max-width: 599px) {
    #breadcrumbs {
        width: auto;
        padding: 0.5rem 1rem;
    }
}

@media screen and (min-width: 46.25em) {
    #breadcrumbs {
        width: auto;
        padding: 1.428em 2.143em;
    }
}

@media screen and (min-width: 55em) {
    #breadcrumbs {
        border: none;
    }
}

@media screen and (min-width: 62.5em) {
    #breadcrumbs {
        padding: 0 2.143em;
    }
    .breadcrumbs-container {
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    #breadcrumbs.column-breadcrumbs {
        margin-top: 0;
        padding: 0.375rem 0.5rem;
    }
}

.breadcrumbs-container {
    max-width: 1070px;
    width: auto;
    margin: 0 auto;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
    .breadcrumbs-container {
        margin: 0 auto -.375rem;
        padding: 0 0 .375rem;
    }
}

span[property="itemListElement"] a {
    color: #333;
}

span[property="itemListElement"], .current-item {
    color: #333;
    display: table-cell;
    font-size: .8125rem;
    position: relative;
    padding: 0 1rem 0 0;
    white-space: nowrap;
}

span[property="itemListElement"]:not(:last-child)::after {
    bottom: 50%;
    color: #333;
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 0.35rem;
    transform: translateY(50%);
}

#med-tags {
    margin: 1rem 0 3rem;
}

#med-tags ul {
    margin: 0;
    text-align: center;
}

#med-tags li.jyenelist {
    background-color: #005e04;
    border-radius: 0.25rem;
    color: #fff;
    display: inline-block;
    margin: 0.25rem;
    padding: 0;
}
@media screen and (max-width: 599px) {
    #med-tags li.jyenelist {
        display: block;
        width: 100%;
    }
}

#med-tags li.jyenelist a {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 0.5rem;
}

/* ---- single ---- */
@media screen and (max-width: 480px) {
    #med-tags li {
        background-color: #0493f7;
        border-radius: 0.25rem;
        padding: 0.25rem 0.5rem;
        display: block;
        margin: 0 0 5px 0;
    }
    #med-tags li.jyenelist a{color: #fff;}
	ul.jyene{margin:0px;}

.open-membership .membership .over {
    display: block;
    opacity: 1;
    animation-duration: .2s;
    animation-name: fade-in;
    -moz-animation-duration: .2s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: .2s;
    -webkit-animation-name: fade-in;
}
.open-membership .membership .over {
    display: block;
    opacity: 1;
    animation-duration: .2s;
    animation-name: fade-in;
    -moz-animation-duration: .2s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: .2s;
    -webkit-animation-name: fade-in;
}
.open-membership .membership .over {
    display: block;
    opacity: 1;
    animation-duration: .2s;
    animation-name: fade-in;
    -moz-animation-duration: .2s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: .2s;
    -webkit-animation-name: fade-in;
}
.membership .over {
    background-color: rgb(49 49 49 / 85%);
}
}

/* ---- beginner-page ---- */

h3.promiseh3 {
    background-color: transparent;
    border-bottom: none;
    border-top: none;
    color: #1d3796;
    text-align: center;
}

h3.attentionh3 {
    background-color: transparent;
    border-top: none;
    padding: .75rem .5rem .375rem;
}

.entry-content ul.three-promise, .top-text ul.three-promise {
    display: flex;
    justify-content: space-around;
    margin: 0 0 2rem;
}
@media screen and (max-width: 767px) {
    .entry-content ul.three-promise, .top-text ul.three-promise {
        display: block;
    }
}

.three-promise li, .top-text li{
    align-items: center;
    border-radius: 1rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    width: 32%;
}
@media screen and (max-width: 767px) {
    .three-promise li, .top-text li{
        margin: 0 0 1.25rem;
        width: 100%;
    }
}

.three-promise li:nth-child(1), .top-text li:nth-child(1){
    background: linear-gradient(to right, #5276fe, #4893ff);
}
.three-promise li:nth-child(2), .top-text li:nth-child(2) {
    background: linear-gradient(to right, #4794fe, #3daffe);
}
.three-promise li:nth-child(3), .top-text li:nth-child(3) {
    background: linear-gradient(to right, #3cb0fe, #32ccfe);
}

.entry-content ul.three-promise>li:before, .top-tex ul.three-promise>li:before {
    content: '';
}

.entry-content .promiseh4, .top-text .promiseh4 {
    color: #fff;
    font-family: "Work Sans","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: 1.25rem;
    padding: 0;
    text-align: center;
}
.entry-content .promiseh4:before, .top-text .promiseh4:before{
    content: '';
}

.entry-content .three-promise img, .top-text img{
    height: 4.75rem;
    width: auto;
}

.entry-content .three-promise p, .top-text .three-promise p{
    color: #fff;
    font-size: 0.875rem;
}

.entry-content .three-promise:last-child p, .top-text img{
    margin: 0;
}

.entry-content .stepbox {
    position: relative;
}

.entry-content h4.steph4 {
    background-color: #0493f7;
    border-radius: 2rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin: 3rem auto;
    padding: 0.5rem 0;
    text-align: center;
    width: 200px;
}

.entry-content .stephr {
    background-image: linear-gradient(to right, #999999, #999999 1px, transparent 2px, transparent 2px);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 8px 1px;
    bottom: 50%;
    content: '';
    height: 1px;
    margin: 0;
    position: absolute;
    right: 50%;
    transform: translate(50%, 50%);
    width: 100%;
    z-index: -1;
}

.stepinbox {
    display: flex;
    margin: 3rem 0;
}
@media screen and (max-width: 767px) {
    .stepinbox {
        display: block;
    }
}

.stepinbox .stepleft {
    width: 40%;
}
@media screen and (max-width: 767px) {
    .stepinbox .stepleft {
        margin: 0 0 2rem 0;
        text-align: center;
        width: 100%;
    }
}

.stepinbox .stepleft img {
    border-radius: 0.75rem;
}

.stepinbox .stepright {
    width: 55%;
    margin: 0 0 0 5%;
}
@media screen and (max-width: 767px) {
    .stepinbox .stepright {
        width: 100%;
        margin: 0;
    }
}

.beginner-faq dl {
    font-size: 16px;
}
.beginner-faq dt {
    font-weight: bold;
}
.beginner-faq dd {
    margin: 0 0 1.428em 1.428em;
}

.beginner-faq dt::first-letter {
    color: #005293;
    font-size: 20px;
}

.beginner-faq dd:first-letter {
  color: #b60105;
  font-size: 20px;
}

/* ---- mail-page ---- */

.entry-content .inlinebutton-green {
    background: #3b941d;
    color: #fff;
    padding: 0.125rem 0.5rem;
    display: inline-block;
    border-radius: 0.25rem;
    font-weight: bold;
    margin: 0.25rem;
    text-decoration: none;
}

/* ---- single ---- */
.single-box2{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.single-box2-in{
	width:48%;
	margin: 0 auto;
}

@media screen and (max-width: 480px) {
	.single-box2-in {
		width:100%;
		text-align: center;
    }
}
h2.cat-h2{
	border-bottom: 5px solid #0493f7;
    color: #1d3796;
    font-size: 1.45rem;
    line-height: 1.75rem;
    padding: 1rem 0.5rem 0.375rem;
    margin: 65px 0 1rem;
    word-break: break-word;
	}



.rank-box{display: flex;flex-wrap: wrap;flex-direction: row;}
.rank-box-kin{background: #e3dd25;padding: 3px 3px 0 3px;width: 32%;margin: 5px auto;}
.rank-box-gin{background: #a3a3a3;padding: 3px 3px 0 3px;width: 32%;margin: 5px auto;}
.rank-box-do{background: #af3d12;padding: 3px 3px 0 3px;width: 32%;margin: 5px auto;}
.entry-content .rabk-title a{color:#fff;}
.rabk-title{font-weight: bold;padding: 5px 10px 0px;}
.entry-content p.rnk-stitle{
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin: 1rem 0;
    word-break: break-all;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

/* ---- BOX ---- */
.cus-boxs{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.cus-boxs-2{
    padding: 3px 3px 0;
    width: 48%;
    margin: 5px auto;
}
.cus-boxs-3{
    padding: 2px 2px;
    width: 33%;
    margin: 0px auto;
}
.cus-boxs-3 h3{margin: 0px;}

@media screen and (max-width: 480px) {
.cus-boxs-2{
    padding: 3px 3px 0;
    width: 98%;
    margin: 5px auto;
}
.cus-boxs-3{
    padding: 3px 3px 0;
    width: 98%;
    margin: 5px auto;
}

}


/* ---- トップページラククルについて ---- */
.top-text{
	margin: 20px;
}
.top-text p{
	margin-bottom: 10px;
}

.top-text-attempt{
	font-size: 1.2rem;
	font-family: 'Suranna','游明朝体','Yu Mincho',YuMincho,'ヒラギノ明朝 Pro','Hiragino Mincho Pro','MS P明朝','MS PMincho',serif;
	font-weight: bold;
	background: linear-gradient(transparent 95%, #0493f7 0%);
	text-align: center;
	margin: 10px auto 12px;
	display: table;
	padding: 5px;
}

@media screen and (max-width: 480px) {
	.top-text-attempt {
		font-size: 1rem;
    }
}


.review-boxs{
	background-color: #fff;
    border: 1px solid #ccd6dd;
    border-radius: 1rem;
    padding: 1rem 1rem .5rem;
    width: 100%;
    position: relative;
	margin:0 0 10px;
}
.review-boxs p{
    margin-bottom: 0	
}


.review-boxs:after {
    background-image: url(https://rakukuru.com/imgs/noimg.gif);
    background-size: 2rem;
    content: "";
    height: 2rem;
    position: absolute;
    right: 1.25rem;
    top: 1rem;
    width: 2rem
}
/* ---- CART ---- */
#confirm_table tr.ttl td{background-color:#333;color:#fff;}

/* ---- kiji ---- */
dl.i-cnt{
  display: flex;
  flex-wrap: wrap;
}
dl.i-cnt dt{
    padding: 10px;
    width: 25%;
    background: #333;
    color: #fff;
    text-align: center;
    margin: 1px 0;
}
dl.i-cnt dd{
	width: 75%;
    padding: 10px;
    margin: 1px 0;
}
footer.sankoku{
    padding: 15px 15px 2px;
    margin-top: 11px;
}


/* 外枠をスクロール可能に */
.breadcrumbs-container {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* iOSの慣性スクロール */
  scrollbar-width: thin;             /* Firefox用（細スクロールバー） */
  width: 100%;
}

/* パンくずを横並びに */
.breadcrumbs__list {
  display: flex;
  flex-wrap: nowrap;        /* 折り返さない */
  align-items: center;
  gap: 0.5rem;              /* li同士の余白 */
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: max-content;   /* 中身に合わせて横幅を拡張 */
  white-space: nowrap;
}

/* 各アイテム */
.breadcrumbs__list li {
  flex: 0 0 auto;           /* 伸び縮みさせず横並び固定 */
}

/* 区切り矢印（›）を自動追加する例）*/
.breadcrumbs__list li + li::before {
  content: "›";
  color: #888;
  margin: 0 0.4em;
}

/* リンクの見た目 */
.breadcrumbs__list a {
  text-decoration: none;
  color: #108dcb;;
  transition: color 0.2s ease;
}
.breadcrumbs__list a:hover {
  color: #007acc;
}
.sanko-box{
    padding: 15px 15px;
    background: #f5f5f5;
    border: 3px solid #dfdfdf;
    border-radius: 15px;
	margin: 50px 5px;
}

.sanko-box footer{
    padding: 10px 10px;
}
.sanko-box footer p{margin:0px;}

h3.shutten-title{
    margin: 50px 0 .5em;
    background-color: #f5f8ff;
    font-size: 1.25rem;
    padding: .75em;
}
}